diff --git a/COMPONENT_INDEX.md b/COMPONENT_INDEX.md index c45b9f6663..d498d30279 100644 --- a/COMPONENT_INDEX.md +++ b/COMPONENT_INDEX.md @@ -1355,7 +1355,7 @@ None. | Prop name | Required | Kind | Reactive | Type | Default value | Description | | :-------------- | :------- | :--------------- | :------- | -------------------------------------------------------- | ------------------------------------------------ | ------------------------------------------------ | | status | No | let | No | "uploading" | "edit" | "complete" | "uploading" | Specify the file uploader status | -| size | No | let | No | "default" | "field" | "small" | "default" | Specify the size of button skeleton | +| size | No | let | No | "sm" | "md" | "lg" | "lg" | Specify the size of button skeleton | | iconDescription | No | let | No | string | "" | Specify the ARIA label used for the status icons | | invalid | No | let | No | boolean | false | Set to `true` to indicate an invalid state | | errorSubject | No | let | No | string | "" | Specify the error subject text | diff --git a/docs/src/COMPONENT_API.json b/docs/src/COMPONENT_API.json index 9c5d8c7658..e9c7e87e82 100644 --- a/docs/src/COMPONENT_API.json +++ b/docs/src/COMPONENT_API.json @@ -4220,8 +4220,8 @@ "name": "size", "kind": "let", "description": "Specify the size of button skeleton", - "type": "\"default\" | \"field\" | \"small\"", - "value": "\"default\"", + "type": "\"sm\" | \"md\" | \"lg\"", + "value": "\"lg\"", "isFunction": false, "isFunctionDeclaration": false, "isRequired": false, diff --git a/docs/src/pages/components/FileUploader.svx b/docs/src/pages/components/FileUploader.svx index eb431ee1cf..6db4d23269 100644 --- a/docs/src/pages/components/FileUploader.svx +++ b/docs/src/pages/components/FileUploader.svx @@ -80,11 +80,11 @@ Use the `errorSubject` and `errorBody` props to customize the error message. ## Item sizes -The default `FileUploaderItem` size is "default". +The default `FileUploaderItem` size is "lg". - - - + + + ## Drop container diff --git a/src/FileUploader/FileUploaderItem.svelte b/src/FileUploader/FileUploaderItem.svelte index d7ccf4f1c0..b9bab81bca 100644 --- a/src/FileUploader/FileUploaderItem.svelte +++ b/src/FileUploader/FileUploaderItem.svelte @@ -11,9 +11,9 @@ /** * Specify the size of button skeleton - * @type {"default" | "field" | "small"} + * @type {"sm" | "md" | "lg"} */ - export let size = "default"; + export let size = "lg"; /** Specify the ARIA label used for the status icons */ export let iconDescription = ""; @@ -44,8 +44,8 @@ id="{id}" class:bx--file__selected-file="{true}" class:bx--file__selected-file--invalid="{invalid}" - class:bx--file__selected-file--md="{size === 'field'}" - class:bx--file__selected-file--sm="{size === 'small'}" + class:bx--file__selected-file--md="{size === 'md' || size === 'field'}" + class:bx--file__selected-file--sm="{size === 'sm' || size === 'small'}" {...$$restProps} on:mouseover on:mouseenter diff --git a/types/FileUploader/FileUploaderItem.svelte.d.ts b/types/FileUploader/FileUploaderItem.svelte.d.ts index d434ee5dd6..0b5a65bc7f 100644 --- a/types/FileUploader/FileUploaderItem.svelte.d.ts +++ b/types/FileUploader/FileUploaderItem.svelte.d.ts @@ -11,9 +11,9 @@ export interface FileUploaderItemProps /** * Specify the size of button skeleton - * @default "default" + * @default "lg" */ - size?: "default" | "field" | "small"; + size?: "sm" | "md" | "lg"; /** * Specify the ARIA label used for the status icons