mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-14 18:01:06 +00:00
Align v10.35 (#694)
* chore(deps-dev): upgrade carbon-components to v10.35
* feat(tooltip-icon): add icon prop
This allows consumers to pass a Carbon icon as a prop instead of using the default slot.
* fix(tooltip): make screenreader description less verbose
Ref: b5f40d8fc
* feat(search): allow custom search icon
Allows consumers to render a different Carbon icon instead of the default Search16 icon.
* feat(number-input): add hideSteppers prop
Allows consumers to hide the input stepper buttons.
* feat: support expressive styles for Button, UnorderedList, OrderedList
* feat(button): support large size button
Set size to "lg" to use the large size.
* feat(button-skeleton): support xl, lg sizes
* docs(button): add "lg" size to expressive styles example
* feat(file-uploader-item): support field, small sizes
* feat(tooltip-icon): support disabled state
This commit is contained in:
parent
9fe2b28648
commit
db645c30f0
30 changed files with 396 additions and 130 deletions
8
types/Button/Button.d.ts
vendored
8
types/Button/Button.d.ts
vendored
|
@ -24,7 +24,13 @@ export interface ButtonProps
|
|||
* Specify the size of button
|
||||
* @default "default"
|
||||
*/
|
||||
size?: "default" | "field" | "small" | "xl";
|
||||
size?: "default" | "field" | "small" | "lg" | "xl";
|
||||
|
||||
/**
|
||||
* Set to `true` to use Carbon's expressive typesetting
|
||||
* @default false
|
||||
*/
|
||||
expressive?: boolean;
|
||||
|
||||
/**
|
||||
* Set to `true` to enable the selected state for an icon-only, ghost button
|
||||
|
|
2
types/Button/ButtonSkeleton.d.ts
vendored
2
types/Button/ButtonSkeleton.d.ts
vendored
|
@ -12,7 +12,7 @@ export interface ButtonSkeletonProps
|
|||
* Specify the size of button skeleton
|
||||
* @default "default"
|
||||
*/
|
||||
size?: "default" | "field" | "small";
|
||||
size?: "default" | "field" | "small" | "lg" | "xl";
|
||||
|
||||
/**
|
||||
* @default false
|
||||
|
|
6
types/FileUploader/FileUploaderItem.d.ts
vendored
6
types/FileUploader/FileUploaderItem.d.ts
vendored
|
@ -9,6 +9,12 @@ export interface FileUploaderItemProps
|
|||
*/
|
||||
status?: "uploading" | "edit" | "complete";
|
||||
|
||||
/**
|
||||
* Specify the size of button skeleton
|
||||
* @default "default"
|
||||
*/
|
||||
size?: "default" | "field" | "small";
|
||||
|
||||
/**
|
||||
* Specify the ARIA label used for the status icons
|
||||
* @default ""
|
||||
|
|
6
types/NumberInput/NumberInput.d.ts
vendored
6
types/NumberInput/NumberInput.d.ts
vendored
|
@ -62,6 +62,12 @@ export interface NumberInputProps
|
|||
*/
|
||||
disabled?: boolean;
|
||||
|
||||
/**
|
||||
* Set to `true` to hide the input stepper buttons
|
||||
* @default false
|
||||
*/
|
||||
hideSteppers?: boolean;
|
||||
|
||||
/**
|
||||
* Specify the ARIA label for the increment icons
|
||||
* @default ""
|
||||
|
|
6
types/OrderedList/OrderedList.d.ts
vendored
6
types/OrderedList/OrderedList.d.ts
vendored
|
@ -14,6 +14,12 @@ export interface OrderedListProps
|
|||
* @default false
|
||||
*/
|
||||
native?: boolean;
|
||||
|
||||
/**
|
||||
* Set to `true` to use Carbon's expressive typesetting
|
||||
* @default false
|
||||
*/
|
||||
expressive?: boolean;
|
||||
}
|
||||
|
||||
export default class OrderedList extends SvelteComponentTyped<
|
||||
|
|
5
types/Search/Search.d.ts
vendored
5
types/Search/Search.d.ts
vendored
|
@ -91,6 +91,11 @@ export interface SearchProps {
|
|||
*/
|
||||
labelText?: string;
|
||||
|
||||
/**
|
||||
* Specify the icon from `carbon-icons-svelte` to render
|
||||
*/
|
||||
icon?: typeof import("carbon-icons-svelte").CarbonIcon;
|
||||
|
||||
/**
|
||||
* Set an id for the input element
|
||||
* @default "ccs-" + Math.random().toString(36)
|
||||
|
|
11
types/TooltipIcon/TooltipIcon.d.ts
vendored
11
types/TooltipIcon/TooltipIcon.d.ts
vendored
|
@ -10,6 +10,17 @@ export interface TooltipIconProps
|
|||
*/
|
||||
tooltipText?: string;
|
||||
|
||||
/**
|
||||
* Specify the icon from `carbon-icons-svelte` to render
|
||||
*/
|
||||
icon?: typeof import("carbon-icons-svelte").CarbonIcon;
|
||||
|
||||
/**
|
||||
* Set to `true` to disable the tooltip icon
|
||||
* @default false
|
||||
*/
|
||||
disabled?: boolean;
|
||||
|
||||
/**
|
||||
* Set the alignment of the tooltip relative to the icon
|
||||
* @default "center"
|
||||
|
|
6
types/UnorderedList/UnorderedList.d.ts
vendored
6
types/UnorderedList/UnorderedList.d.ts
vendored
|
@ -8,6 +8,12 @@ export interface UnorderedListProps
|
|||
* @default false
|
||||
*/
|
||||
nested?: boolean;
|
||||
|
||||
/**
|
||||
* Set to `true` to use Carbon's expressive typesetting
|
||||
* @default false
|
||||
*/
|
||||
expressive?: boolean;
|
||||
}
|
||||
|
||||
export default class UnorderedList extends SvelteComponentTyped<
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue