mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-18 11:36:36 +00:00
Code Issues Projects Releases Packages Wiki Activity

Merge 698d4b077f into 27da2a0f8b

Browse source
This commit is contained in:
Bilux 2022-12-11 01:49:46 +00:00 • committed by GitHub
commit 37529d68a1
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
6 changed files with 15 additions and 19 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/Button/Button.svelte
View file

@ -13,7 +13,7 @@
/** /**
* Specify the size of button * Specify the size of button
* @type {"default" | "field" | "small" | "lg" | "xl"} * @type {"default" | "field" | "sm" | "lg" | "xl"}
*/ */
export let size = "default"; export let size = "default";
@ -97,14 +97,10 @@
class: [ class: [
"bx--btn", "bx--btn",
expressive && "bx--btn--expressive", expressive && "bx--btn--expressive",
((size === "small" && !expressive) ||
(size === "sm" && !expressive) ||
(size === "small" && !expressive)) &&
"bx--btn--sm",
(size === "field" && !expressive) || (size === "field" && !expressive) ||
(size === "md" && !expressive && "bx--btn--md"), (size === "md" && !expressive && "bx--btn--md"),
size === "field" && "bx--btn--field", size === "field" && "bx--btn--field",
size === "small" && "bx--btn--sm", size === "sm" && "bx--btn--sm",
size === "lg" && "bx--btn--lg", size === "lg" && "bx--btn--lg",
size === "xl" && "bx--btn--xl", size === "xl" && "bx--btn--xl",
kind && `bx--btn--${kind}`, kind && `bx--btn--${kind}`,

6
src/Button/ButtonSkeleton.svelte
View file

@ -7,7 +7,7 @@
/** /**
* Specify the size of button skeleton * Specify the size of button skeleton
* @type {"default" | "field" | "small" | "lg" | "xl"} * @type {"default" | "field" | "sm" | "lg" | "xl"}
*/ */
export let size = "default"; export let size = "default";
</script> </script>
@ -21,7 +21,7 @@
class:bx--skeleton="{true}" class:bx--skeleton="{true}"
class:bx--btn="{true}" class:bx--btn="{true}"
class:bx--btn--field="{size === 'field'}" 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--lg="{size === 'lg'}"
class:bx--btn--xl="{size === 'xl'}" class:bx--btn--xl="{size === 'xl'}"
{...$$restProps} {...$$restProps}
@ -37,7 +37,7 @@
class:bx--skeleton="{true}" class:bx--skeleton="{true}"
class:bx--btn="{true}" class:bx--btn="{true}"
class:bx--btn--field="{size === 'field'}" 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--lg="{size === 'lg'}"
class:bx--btn--xl="{size === 'xl'}" class:bx--btn--xl="{size === 'xl'}"
{...$$restProps} {...$$restProps}

12
tests/Button.test.svelte
View file

@ -42,15 +42,15 @@
<Button size="field" kind="danger">Danger</Button> <Button size="field" kind="danger">Danger</Button>
<Button size="small">Primary</Button> <Button size="sm">Primary</Button>
<Button size="small" kind="secondary">Secondary</Button> <Button size="sm" kind="secondary">Secondary</Button>
<Button size="small" kind="tertiary">Tertiary</Button> <Button size="sm" kind="tertiary">Tertiary</Button>
<Button size="small" kind="ghost">Ghost</Button> <Button size="sm" kind="ghost">Ghost</Button>
<Button size="small" kind="danger">Danger</Button> <Button size="sm" kind="danger">Danger</Button>
<Button disabled>Disabled button</Button> <Button disabled>Disabled button</Button>
@ -58,4 +58,4 @@
<Button skeleton size="field" /> <Button skeleton size="field" />
<Button skeleton size="small" /> <Button skeleton size="sm" />

4
tests/Tooltip.test.svelte
View file

@ -33,13 +33,13 @@
<p>Resources are provisioned based on your account's organization.</p> <p>Resources are provisioned based on your account's organization.</p>
<div class="bx--tooltip__footer"> <div class="bx--tooltip__footer">
<Link href="/">Learn more</Link> <Link href="/">Learn more</Link>
<Button size="small">Manage</Button> <Button size="sm">Manage</Button>
</div> </div>
</Tooltip> </Tooltip>
<Link href="/">Learn more</Link> <Link href="/">Learn more</Link>
<Button size="small">Manage</Button> <Button size="sm">Manage</Button>
<Tooltip triggerText="Resource list" icon="{Catalog}"> <Tooltip triggerText="Resource list" icon="{Catalog}">
<p>Resources are provisioned based on your account's organization.</p> <p>Resources are provisioned based on your account's organization.</p>

2
types/Button/Button.svelte.d.ts vendored
View file

@ -24,7 +24,7 @@ export interface ButtonProps
* Specify the size of button * Specify the size of button
* @default "default" * @default "default"
*/ */
size?: "default" | "field" | "small" | "lg" | "xl"; size?: "default" | "field" | "sm" | "lg" | "xl";
/** /**
* Set to `true` to use Carbon's expressive typesetting * Set to `true` to use Carbon's expressive typesetting

2
types/Button/ButtonSkeleton.svelte.d.ts vendored
View file

@ -13,7 +13,7 @@ export interface ButtonSkeletonProps
* Specify the size of button skeleton * Specify the size of button skeleton
* @default "default" * @default "default"
*/ */
size?: "default" | "field" | "small" | "lg" | "xl"; size?: "default" | "field" | "sm" | "lg" | "xl";
/** /**
* SvelteKit attribute to enable data prefetching * SvelteKit attribute to enable data prefetching