mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-15 18:31:06 +00:00
Align v10.46 (#854)
* chore(deps-dev): upgrade carbon-components to v10.46.0 * feat(tag): support outline type * feat(multi-select): add hideLabel prop * chore: delete unused publish-examples.js * chore(deps-dev): remove gh-pages * chore: remove publish-examples script * chore(deps-dev): upgrade carbon-components to v10.46.0 * feat(tag): support outline type * feat(multi-select): add hideLabel prop * chore: delete unused publish-examples.js * chore(deps-dev): remove gh-pages * chore: remove publish-examples script * chore: rebuild component index
This commit is contained in:
parent
b21600c9d6
commit
c6fc8548d3
15 changed files with 69 additions and 296 deletions
|
@ -116,6 +116,9 @@
|
|||
/** Specify the list box label */
|
||||
export let label = "";
|
||||
|
||||
/** Set to `true` to visually hide the label text */
|
||||
export let hideLabel = false;
|
||||
|
||||
/** Set an id for the list box component */
|
||||
export let id = "ccs-" + Math.random().toString(36);
|
||||
|
||||
|
@ -259,6 +262,7 @@
|
|||
for="{id}"
|
||||
class:bx--label="{true}"
|
||||
class:bx--label--disabled="{disabled}"
|
||||
class:bx--visually-hidden="{hideLabel}"
|
||||
>
|
||||
{titleText}
|
||||
</label>
|
||||
|
|
|
@ -3,7 +3,7 @@
|
|||
|
||||
/**
|
||||
* Specify the type of tag
|
||||
* @type {"red" | "magenta" | "purple" | "blue" | "cyan" | "teal" | "green" | "gray" | "cool-gray" | "warm-gray" | "high-contrast"}
|
||||
* @type {"red" | "magenta" | "purple" | "blue" | "cyan" | "teal" | "green" | "gray" | "cool-gray" | "warm-gray" | "high-contrast" | "outline"}
|
||||
*/
|
||||
export let type = undefined;
|
||||
|
||||
|
@ -70,6 +70,7 @@
|
|||
class:bx--tag--cool-gray="{type === 'cool-gray'}"
|
||||
class:bx--tag--warm-gray="{type === 'warm-gray'}"
|
||||
class:bx--tag--high-contrast="{type === 'high-contrast'}"
|
||||
class:bx--tag--outline="{type === 'outline'}"
|
||||
{...$$restProps}
|
||||
>
|
||||
<slot props="{{ class: 'bx--tag__label' }}">
|
||||
|
@ -112,6 +113,7 @@
|
|||
class:bx--tag--cool-gray="{type === 'cool-gray'}"
|
||||
class:bx--tag--warm-gray="{type === 'warm-gray'}"
|
||||
class:bx--tag--high-contrast="{type === 'high-contrast'}"
|
||||
class:bx--tag--outline="{type === 'outline'}"
|
||||
{...$$restProps}
|
||||
on:click
|
||||
on:mouseover
|
||||
|
@ -144,6 +146,7 @@
|
|||
class:bx--tag--cool-gray="{type === 'cool-gray'}"
|
||||
class:bx--tag--warm-gray="{type === 'warm-gray'}"
|
||||
class:bx--tag--high-contrast="{type === 'high-contrast'}"
|
||||
class:bx--tag--outline="{type === 'outline'}"
|
||||
{...$$restProps}
|
||||
on:click
|
||||
on:mouseover
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue