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

chore: patch prettier-plugin-svelte

Browse source
This commit is contained in:
Eric Liu 2021-02-17 06:06:59 -08:00
commit 1cc491a9ac
9 changed files with 213 additions and 221 deletions
Download patch file Download diff file Expand all files Collapse all files

1
README.md
View file

@ -164,7 +164,6 @@ Using JavaScript:
</script> </script>
<button on:click="{() => (theme = 'g90')}">Update theme</button> <button on:click="{() => (theme = 'g90')}">Update theme</button>
``` ```
## Preprocessors ## Preprocessors

2
docs/package.json
View file

@ -11,7 +11,7 @@
"devDependencies": { "devDependencies": {
"@sveltech/routify": "^1.9.9", "@sveltech/routify": "^1.9.9",
"autoprefixer": "^10.2.3", "autoprefixer": "^10.2.3",
"carbon-components": "10.28.0", "carbon-components": "10.29.0-rc.0",
"carbon-components-svelte": "../", "carbon-components-svelte": "../",
"clipboard-copy": "^3.1.0", "clipboard-copy": "^3.1.0",
"mdsvex": "^0.8.8", "mdsvex": "^0.8.8",

10
docs/yarn.lock
View file

@ -837,15 +837,15 @@ caniuse-lite@^1.0.30001173, caniuse-lite@^1.0.30001178:
integrity sha512-n8JVqXuZMVSPKiPiypjFtDTXc4jWIdjxull0f92WLo7e1MSi3uJ3NvveakSh/aCl1QKFAvIz3vIj0v+0K+FrXw== integrity sha512-n8JVqXuZMVSPKiPiypjFtDTXc4jWIdjxull0f92WLo7e1MSi3uJ3NvveakSh/aCl1QKFAvIz3vIj0v+0K+FrXw==
carbon-components-svelte@../: carbon-components-svelte@../:
version "0.27.0" version "0.28.0"
dependencies: dependencies:
carbon-icons-svelte "^10.21.0" carbon-icons-svelte "^10.21.0"
flatpickr "4.6.9" flatpickr "4.6.9"
carbon-components@10.28.0: carbon-components@10.29.0-rc.0:
version "10.28.0" version "10.29.0-rc.0"
resolved "https://registry.yarnpkg.com/carbon-components/-/carbon-components-10.28.0.tgz#c4d2b23df2559cf3b0226867c45e2e84e0af7c4e" resolved "https://registry.yarnpkg.com/carbon-components/-/carbon-components-10.29.0-rc.0.tgz#dbff9d2a5fa6abbcff74c4f3601c499233c92278"
integrity sha512-bFsyngr625zc/t2gl4BPFYl0/ed4q38rrPihQxBXHhLAdeZNyy8xyOQlbh1PEQbTu47H/s/bxVo6QiFm/VmLZA== integrity sha512-4x+KyXn2v/NYTE9CDOguZTAQF9O+OGWJ818DzIxm5Bk6RQBBTP8AZmbQhV7QSuJ29rSiNHifG0VyLovzeRjl/g==
dependencies: dependencies:
"@carbon/telemetry" "0.0.0-alpha.6" "@carbon/telemetry" "0.0.0-alpha.6"
flatpickr "4.6.1" flatpickr "4.6.1"

4
package.json
View file

@ -29,14 +29,14 @@
"@rollup/plugin-node-resolve": "^11.1.1", "@rollup/plugin-node-resolve": "^11.1.1",
"@tsconfig/svelte": "^1.0.10", "@tsconfig/svelte": "^1.0.10",
"autoprefixer": "^10.2.4", "autoprefixer": "^10.2.4",
"carbon-components": "10.28.0", "carbon-components": "10.29.0-rc.0",
"gh-pages": "^3.1.0", "gh-pages": "^3.1.0",
"husky": "^4.3.8", "husky": "^4.3.8",
"lint-staged": "^10.5.3", "lint-staged": "^10.5.3",
"npm-run-all": "^4.1.5", "npm-run-all": "^4.1.5",
"postcss": "^8.2.4", "postcss": "^8.2.4",
"prettier": "^2.2.1", "prettier": "^2.2.1",
"prettier-plugin-svelte": "^2.1.1", "prettier-plugin-svelte": "^2.1.5",
"rollup": "^2.38.4", "rollup": "^2.38.4",
"rollup-plugin-svelte": "^7.1.0", "rollup-plugin-svelte": "^7.1.0",
"rollup-plugin-terser": "^7.0.2", "rollup-plugin-terser": "^7.0.2",

86
src/Button/Button.svelte
View file

@ -122,49 +122,47 @@
on:mouseenter on:mouseenter
on:mouseleave on:mouseleave
/> />
{:else if as}
<slot props="{buttonProps}" />
{:else if href && !disabled}
<!-- svelte-ignore a11y-missing-attribute -->
<a
bind:this="{ref}"
{...buttonProps}
on:click
on:mouseover
on:mouseenter
on:mouseleave
>
{#if hasIconOnly}
<span class:bx--assistive-text="{true}">{iconDescription}</span>
{/if}
<slot />
<svelte:component
this="{icon}"
aria-hidden="true"
class="bx--btn__icon"
aria-label="{iconDescription}"
/>
</a>
{:else} {:else}
{#if as} <button
<slot props="{buttonProps}" /> bind:this="{ref}"
{:else if href && !disabled} {...buttonProps}
<!-- svelte-ignore a11y-missing-attribute --> on:click
<a on:mouseover
bind:this="{ref}" on:mouseenter
{...buttonProps} on:mouseleave
on:click >
on:mouseover {#if hasIconOnly}
on:mouseenter <span class:bx--assistive-text="{true}">{iconDescription}</span>
on:mouseleave {/if}
> <slot />
{#if hasIconOnly} <svelte:component
<span class:bx--assistive-text="{true}">{iconDescription}</span> this="{icon}"
{/if} aria-hidden="true"
<slot /> class="bx--btn__icon"
<svelte:component aria-label="{iconDescription}"
this="{icon}" />
aria-hidden="true" </button>
class="bx--btn__icon"
aria-label="{iconDescription}"
/>
</a>
{:else}
<button
bind:this="{ref}"
{...buttonProps}
on:click
on:mouseover
on:mouseenter
on:mouseleave
>
{#if hasIconOnly}
<span class:bx--assistive-text="{true}">{iconDescription}</span>
{/if}
<slot />
<svelte:component
this="{icon}"
aria-hidden="true"
class="bx--btn__icon"
aria-label="{iconDescription}"
/>
</button>
{/if}
{/if} {/if}

171
src/CodeSnippet/CodeSnippet.svelte
View file

@ -103,54 +103,9 @@
on:mouseenter on:mouseenter
on:mouseleave on:mouseleave
/> />
{:else} {:else if type === "inline"}
{#if type === "inline"} {#if hideCopyButton}
{#if hideCopyButton} <span
<span
class:bx--snippet="{true}"
class:bx--snippet--expand="{expanded}"
class:bx--snippet--light="{light}"
class:bx--snippet--no-copy="{hideCopyButton}"
class:bx--snippet--wraptext="{wrapText}"
class:bx--snippet--single="{type === 'single'}"
class:bx--snippet--inline="{type === 'inline'}"
class:bx--snippet--multi="{type === 'multi'}"
{...$$restProps}
>
<code id="{id}">
<slot>{code}</slot>
</code>
</span>
{:else}
<Copy
aria-label="{copyLabel}"
aria-describedby="{id}"
feedback="{feedback}"
feedbackTimeout="{feedbackTimeout}"
class="bx--snippet {type && `bx--snippet--${type}`}
{type ===
'inline' && 'bx--btn--copy'}
{expanded &&
'bx--snippet--expand'}
{light &&
'bx--snippet--light'}
{hideCopyButton &&
'bx--snippet--no-copy'}
{wrapText &&
'bx--snippet--wraptext'}"
{...$$restProps}
on:click
on:mouseover
on:mouseenter
on:mouseleave
>
<code id="{id}">
<slot>{code}</slot>
</code>
</Copy>
{/if}
{:else}
<div
class:bx--snippet="{true}" class:bx--snippet="{true}"
class:bx--snippet--expand="{expanded}" class:bx--snippet--expand="{expanded}"
class:bx--snippet--light="{light}" class:bx--snippet--light="{light}"
@ -159,51 +114,93 @@
class:bx--snippet--single="{type === 'single'}" class:bx--snippet--single="{type === 'single'}"
class:bx--snippet--inline="{type === 'inline'}" class:bx--snippet--inline="{type === 'inline'}"
class:bx--snippet--multi="{type === 'multi'}" class:bx--snippet--multi="{type === 'multi'}"
class:bx--snippet--disabled="{type !== 'inline' && disabled}"
{...$$restProps} {...$$restProps}
>
<code id="{id}">
<slot>{code}</slot>
</code>
</span>
{:else}
<Copy
aria-label="{copyLabel}"
aria-describedby="{id}"
feedback="{feedback}"
feedbackTimeout="{feedbackTimeout}"
class="bx--snippet {type && `bx--snippet--${type}`}
{type ===
'inline' && 'bx--btn--copy'}
{expanded &&
'bx--snippet--expand'}
{light &&
'bx--snippet--light'}
{hideCopyButton &&
'bx--snippet--no-copy'}
{wrapText && 'bx--snippet--wraptext'}"
{...$$restProps}
on:click
on:mouseover on:mouseover
on:mouseenter on:mouseenter
on:mouseleave on:mouseleave
> >
<div <code id="{id}">
role="{type === 'single' ? 'textbox' : undefined}" <slot>{code}</slot>
tabindex="{type === 'single' && !disabled ? '0' : undefined}" </code>
aria-label="{$$restProps['aria-label'] || copyLabel || 'code-snippet'}" </Copy>
class:bx--snippet-container="{true}" {/if}
> {:else}
<code> <div
<pre bind:this="{ref}"> class:bx--snippet="{true}"
class:bx--snippet--expand="{expanded}"
class:bx--snippet--light="{light}"
class:bx--snippet--no-copy="{hideCopyButton}"
class:bx--snippet--wraptext="{wrapText}"
class:bx--snippet--single="{type === 'single'}"
class:bx--snippet--inline="{type === 'inline'}"
class:bx--snippet--multi="{type === 'multi'}"
class:bx--snippet--disabled="{type !== 'inline' && disabled}"
{...$$restProps}
on:mouseover
on:mouseenter
on:mouseleave
>
<div
role="{type === 'single' ? 'textbox' : undefined}"
tabindex="{type === 'single' && !disabled ? '0' : undefined}"
aria-label="{$$restProps['aria-label'] || copyLabel || 'code-snippet'}"
class:bx--snippet-container="{true}"
>
<code>
<pre bind:this="{ref}">
<slot>{code}</slot> <slot>{code}</slot>
</pre> </pre>
</code> </code>
</div>
{#if !hideCopyButton}
<CopyButton
disabled="{disabled}"
feedback="{feedback}"
feedbackTimeout="{feedbackTimeout}"
iconDescription="{copyButtonDescription}"
on:click
on:animationend
/>
{/if}
{#if showMoreLess}
<Button
kind="ghost"
size="field"
class="bx--snippet-btn--expand"
disabled="{disabled}"
on:click="{() => {
expanded = !expanded;
}}"
>
<span class:bx--snippet-btn--text="{true}">{expandText}</span>
<ChevronDown16
class="bx--icon-chevron--down bx--snippet__icon"
aria-label="{expandText}"
/>
</Button>
{/if}
</div> </div>
{/if} {#if !hideCopyButton}
<CopyButton
disabled="{disabled}"
feedback="{feedback}"
feedbackTimeout="{feedbackTimeout}"
iconDescription="{copyButtonDescription}"
on:click
on:animationend
/>
{/if}
{#if showMoreLess}
<Button
kind="ghost"
size="field"
class="bx--snippet-btn--expand"
disabled="{disabled}"
on:click="{() => {
expanded = !expanded;
}}"
>
<span class:bx--snippet-btn--text="{true}">{expandText}</span>
<ChevronDown16
class="bx--icon-chevron--down bx--snippet__icon"
aria-label="{expandText}"
/>
</Button>
{/if}
</div>
{/if} {/if}

138
src/Tag/Tag.svelte
View file

@ -48,78 +48,76 @@
on:mouseenter on:mouseenter
on:mouseleave on:mouseleave
/> />
{:else} {:else if filter}
{#if filter} <div
<div aria-label="{title}"
aria-label="{title}" id="{id}"
id="{id}" class:bx--tag="{true}"
class:bx--tag="{true}" class:bx--tag--disabled="{disabled}"
class:bx--tag--disabled="{disabled}" class:bx--tag--filter="{filter}"
class:bx--tag--filter="{filter}" class:bx--tag--sm="{size === 'sm'}"
class:bx--tag--sm="{size === 'sm'}" class:bx--tag--red="{type === 'red'}"
class:bx--tag--red="{type === 'red'}" class:bx--tag--magenta="{type === 'magenta'}"
class:bx--tag--magenta="{type === 'magenta'}" class:bx--tag--purple="{type === 'purple'}"
class:bx--tag--purple="{type === 'purple'}" class:bx--tag--blue="{type === 'blue'}"
class:bx--tag--blue="{type === 'blue'}" class:bx--tag--cyan="{type === 'cyan'}"
class:bx--tag--cyan="{type === 'cyan'}" class:bx--tag--teal="{type === 'teal'}"
class:bx--tag--teal="{type === 'teal'}" class:bx--tag--green="{type === 'green'}"
class:bx--tag--green="{type === 'green'}" class:bx--tag--gray="{type === 'gray'}"
class:bx--tag--gray="{type === 'gray'}" class:bx--tag--cool-gray="{type === 'cool-gray'}"
class:bx--tag--cool-gray="{type === 'cool-gray'}" class:bx--tag--warm-gray="{type === 'warm-gray'}"
class:bx--tag--warm-gray="{type === 'warm-gray'}" class:bx--tag--high-contrast="{type === 'high-contrast'}"
class:bx--tag--high-contrast="{type === 'high-contrast'}" {...$$restProps}
{...$$restProps} >
> <slot props="{{ class: 'bx--tag__label' }}">
<slot props="{{ class: 'bx--tag__label' }}"> <span class:bx--tag__label="{true}">{type}</span>
<span class:bx--tag__label="{true}">{type}</span> </slot>
</slot> <button
<button aria-labelledby="{id}"
aria-labelledby="{id}" class:bx--tag__close-icon="{true}"
class:bx--tag__close-icon="{true}" disabled="{disabled}"
disabled="{disabled}" title="{title}"
title="{title}" on:click|stopPropagation
on:click|stopPropagation on:click|stopPropagation="{() => {
on:click|stopPropagation="{() => { dispatch('close');
dispatch('close'); }}"
}}"
on:mouseover
on:mouseenter
on:mouseleave
>
<Close16 />
</button>
</div>
{:else}
<div
id="{id}"
class:bx--tag="{true}"
class:bx--tag--disabled="{disabled}"
class:bx--tag--sm="{size === 'sm'}"
class:bx--tag--red="{type === 'red'}"
class:bx--tag--magenta="{type === 'magenta'}"
class:bx--tag--purple="{type === 'purple'}"
class:bx--tag--blue="{type === 'blue'}"
class:bx--tag--cyan="{type === 'cyan'}"
class:bx--tag--teal="{type === 'teal'}"
class:bx--tag--green="{type === 'green'}"
class:bx--tag--gray="{type === 'gray'}"
class:bx--tag--cool-gray="{type === 'cool-gray'}"
class:bx--tag--warm-gray="{type === 'warm-gray'}"
class:bx--tag--high-contrast="{type === 'high-contrast'}"
{...$$restProps}
on:click
on:mouseover on:mouseover
on:mouseenter on:mouseenter
on:mouseleave on:mouseleave
> >
{#if icon} <Close16 />
<div class:bx--tag__custom-icon="{true}"> </button>
<svelte:component this="{icon}" /> </div>
</div> {:else}
{/if} <div
<span> id="{id}"
<slot /> class:bx--tag="{true}"
</span> class:bx--tag--disabled="{disabled}"
</div> class:bx--tag--sm="{size === 'sm'}"
{/if} class:bx--tag--red="{type === 'red'}"
class:bx--tag--magenta="{type === 'magenta'}"
class:bx--tag--purple="{type === 'purple'}"
class:bx--tag--blue="{type === 'blue'}"
class:bx--tag--cyan="{type === 'cyan'}"
class:bx--tag--teal="{type === 'teal'}"
class:bx--tag--green="{type === 'green'}"
class:bx--tag--gray="{type === 'gray'}"
class:bx--tag--cool-gray="{type === 'cool-gray'}"
class:bx--tag--warm-gray="{type === 'warm-gray'}"
class:bx--tag--high-contrast="{type === 'high-contrast'}"
{...$$restProps}
on:click
on:mouseover
on:mouseenter
on:mouseleave
>
{#if icon}
<div class:bx--tag__custom-icon="{true}">
<svelte:component this="{icon}" />
</div>
{/if}
<span>
<slot />
</span>
</div>
{/if} {/if}

6
src/Toggle/Toggle.svelte
View file

@ -80,9 +80,9 @@
<span aria-hidden="true" class:bx--toggle__text--off="{true}"> <span aria-hidden="true" class:bx--toggle__text--off="{true}">
{labelA} {labelA}
</span> </span>
<span aria-hidden="true" class:bx--toggle__text--on="{true}" <span aria-hidden="true" class:bx--toggle__text--on="{true}">
>{labelB}</span {labelB}
> </span>
</span> </span>
</label> </label>
</div> </div>

16
yarn.lock
View file

@ -453,10 +453,10 @@ caniuse-lite@^1.0.30001181:
resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001183.tgz#7a57ba9d6584119bb5f2bc76d3cc47ba9356b3e2" resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001183.tgz#7a57ba9d6584119bb5f2bc76d3cc47ba9356b3e2"
integrity sha512-7JkwTEE1hlRKETbCFd8HDZeLiQIUcl8rC6JgNjvHCNaxOeNmQ9V4LvQXRUsKIV2CC73qKxljwVhToaA3kLRqTw== integrity sha512-7JkwTEE1hlRKETbCFd8HDZeLiQIUcl8rC6JgNjvHCNaxOeNmQ9V4LvQXRUsKIV2CC73qKxljwVhToaA3kLRqTw==
carbon-components@10.28.0: carbon-components@10.29.0-rc.0:
version "10.28.0" version "10.29.0-rc.0"
resolved "https://registry.yarnpkg.com/carbon-components/-/carbon-components-10.28.0.tgz#c4d2b23df2559cf3b0226867c45e2e84e0af7c4e" resolved "https://registry.yarnpkg.com/carbon-components/-/carbon-components-10.29.0-rc.0.tgz#dbff9d2a5fa6abbcff74c4f3601c499233c92278"
integrity sha512-bFsyngr625zc/t2gl4BPFYl0/ed4q38rrPihQxBXHhLAdeZNyy8xyOQlbh1PEQbTu47H/s/bxVo6QiFm/VmLZA== integrity sha512-4x+KyXn2v/NYTE9CDOguZTAQF9O+OGWJ818DzIxm5Bk6RQBBTP8AZmbQhV7QSuJ29rSiNHifG0VyLovzeRjl/g==
dependencies: dependencies:
"@carbon/telemetry" "0.0.0-alpha.6" "@carbon/telemetry" "0.0.0-alpha.6"
flatpickr "4.6.1" flatpickr "4.6.1"
@ -1899,10 +1899,10 @@ prepend-http@^1.0.0:
resolved "https://registry.npmjs.org/prepend-http/-/prepend-http-1.0.4.tgz#d4f4562b0ce3696e41ac52d0e002e57a635dc6dc" resolved "https://registry.npmjs.org/prepend-http/-/prepend-http-1.0.4.tgz#d4f4562b0ce3696e41ac52d0e002e57a635dc6dc"
integrity sha1-1PRWKwzjaW5BrFLQ4ALlemNdxtw= integrity sha1-1PRWKwzjaW5BrFLQ4ALlemNdxtw=
prettier-plugin-svelte@^2.1.1: prettier-plugin-svelte@^2.1.5:
version "2.1.1" version "2.1.5"
resolved "https://registry.npmjs.org/prettier-plugin-svelte/-/prettier-plugin-svelte-2.1.1.tgz#e6613cac4292b5bbda5250680565c131b0da5ced" resolved "https://registry.yarnpkg.com/prettier-plugin-svelte/-/prettier-plugin-svelte-2.1.5.tgz#cb1df2bffafa0562f05e02c6e9373806ef51ebb1"
integrity sha512-U0gRsdJtveyusHd86OUPD+lEVd13bHPPF/CZD/csKjz0Y+Cv4WbUy9x8tA5vaHFtf0tsu8Yb1MrfuhN3GH2gig== integrity sha512-7ySuC/n0Rk8v6GrzoruojfLYde6ncjeFCAA65Dm+fXrK2Mgc3FlvzXMPpm//P3LgfEoc3zMEG/xog1YeoNhdSQ==
prettier@^2.2.1: prettier@^2.2.1:
version "2.2.1" version "2.2.1"