diff --git a/src/Button/Button.svelte b/src/Button/Button.svelte index 3f552730..86091e76 100644 --- a/src/Button/Button.svelte +++ b/src/Button/Button.svelte @@ -13,7 +13,7 @@ /** * Specify the size of button - * @type {"default" | "field" | "small" | "lg" | "xl"} + * @type {"default" | "field" | "sm" | "lg" | "xl"} */ export let size = "default"; @@ -97,14 +97,10 @@ class: [ "bx--btn", expressive && "bx--btn--expressive", - ((size === "small" && !expressive) || - (size === "sm" && !expressive) || - (size === "small" && !expressive)) && - "bx--btn--sm", (size === "field" && !expressive) || (size === "md" && !expressive && "bx--btn--md"), size === "field" && "bx--btn--field", - size === "small" && "bx--btn--sm", + size === "sm" && "bx--btn--sm", size === "lg" && "bx--btn--lg", size === "xl" && "bx--btn--xl", kind && `bx--btn--${kind}`, diff --git a/src/Button/ButtonSkeleton.svelte b/src/Button/ButtonSkeleton.svelte index 5f7f8c3f..453319ad 100644 --- a/src/Button/ButtonSkeleton.svelte +++ b/src/Button/ButtonSkeleton.svelte @@ -7,7 +7,7 @@ /** * Specify the size of button skeleton - * @type {"default" | "field" | "small" | "lg" | "xl"} + * @type {"default" | "field" | "sm" | "lg" | "xl"} */ export let size = "default"; @@ -21,7 +21,7 @@ class:bx--skeleton="{true}" class:bx--btn="{true}" class:bx--btn--field="{size === 'field'}" - class:bx--btn--sm="{size === 'small'}" + class:bx--btn--sm="{size === 'sm'}" class:bx--btn--lg="{size === 'lg'}" class:bx--btn--xl="{size === 'xl'}" {...$$restProps} @@ -37,7 +37,7 @@ class:bx--skeleton="{true}" class:bx--btn="{true}" class:bx--btn--field="{size === 'field'}" - class:bx--btn--sm="{size === 'small'}" + class:bx--btn--sm="{size === 'sm'}" class:bx--btn--lg="{size === 'lg'}" class:bx--btn--xl="{size === 'xl'}" {...$$restProps} diff --git a/tests/Button.test.svelte b/tests/Button.test.svelte index 63a0b11f..b8341d94 100644 --- a/tests/Button.test.svelte +++ b/tests/Button.test.svelte @@ -42,15 +42,15 @@ - + - + - + - + - + @@ -58,4 +58,4 @@ + Learn more - +

Resources are provisioned based on your account's organization.

diff --git a/types/Button/Button.svelte.d.ts b/types/Button/Button.svelte.d.ts index 529b8f7e..0e75e30c 100644 --- a/types/Button/Button.svelte.d.ts +++ b/types/Button/Button.svelte.d.ts @@ -24,7 +24,7 @@ export interface ButtonProps * Specify the size of button * @default "default" */ - size?: "default" | "field" | "small" | "lg" | "xl"; + size?: "default" | "field" | "sm" | "lg" | "xl"; /** * Set to `true` to use Carbon's expressive typesetting diff --git a/types/Button/ButtonSkeleton.svelte.d.ts b/types/Button/ButtonSkeleton.svelte.d.ts index c669090a..ff036ecf 100644 --- a/types/Button/ButtonSkeleton.svelte.d.ts +++ b/types/Button/ButtonSkeleton.svelte.d.ts @@ -13,7 +13,7 @@ export interface ButtonSkeletonProps * Specify the size of button skeleton * @default "default" */ - size?: "default" | "field" | "small" | "lg" | "xl"; + size?: "default" | "field" | "sm" | "lg" | "xl"; /** * SvelteKit attribute to enable data prefetching