@qualcomm-ui/qds-core 1.23.0 → 1.24.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/accordion/qds-accordion.css +1 -1
- package/dist/action-group/action-group.api.d.ts.map +1 -1
- package/dist/action-group/action-group.types.d.ts +2 -3
- package/dist/action-group/action-group.types.d.ts.map +1 -1
- package/dist/action-group/index.cjs +1 -1
- package/dist/action-group/index.cjs.map +4 -4
- package/dist/action-group/index.js +1 -1
- package/dist/action-group/index.js.map +4 -4
- package/dist/alert-banner/alert-banner.anatomy.d.ts +5 -0
- package/dist/alert-banner/alert-banner.anatomy.d.ts.map +1 -0
- package/dist/alert-banner/alert-banner.api.d.ts.map +1 -1
- package/dist/alert-banner/alert-banner.types.d.ts +10 -14
- package/dist/alert-banner/alert-banner.types.d.ts.map +1 -1
- package/dist/alert-banner/index.cjs +1 -1
- package/dist/alert-banner/index.cjs.map +4 -4
- package/dist/alert-banner/index.d.ts +1 -0
- package/dist/alert-banner/index.d.ts.map +1 -1
- package/dist/alert-banner/index.js +1 -1
- package/dist/alert-banner/index.js.map +4 -4
- package/dist/badge/icon-badge.anatomy.d.ts +5 -0
- package/dist/badge/icon-badge.anatomy.d.ts.map +1 -0
- package/dist/badge/icon-badge.api.d.ts.map +1 -1
- package/dist/badge/icon-badge.types.d.ts +8 -6
- package/dist/badge/icon-badge.types.d.ts.map +1 -1
- package/dist/badge/index.cjs +1 -1
- package/dist/badge/index.cjs.map +4 -4
- package/dist/badge/index.d.ts +4 -0
- package/dist/badge/index.d.ts.map +1 -1
- package/dist/badge/index.js +1 -1
- package/dist/badge/index.js.map +4 -4
- package/dist/badge/number-badge.anatomy.d.ts +5 -0
- package/dist/badge/number-badge.anatomy.d.ts.map +1 -0
- package/dist/badge/number-badge.api.d.ts.map +1 -1
- package/dist/badge/number-badge.types.d.ts +7 -3
- package/dist/badge/number-badge.types.d.ts.map +1 -1
- package/dist/badge/qds-badge-colors.css +1 -1
- package/dist/badge/qds-icon-badge.css +1 -1
- package/dist/badge/qds-number-badge.css +1 -1
- package/dist/badge/qds-status-badge.css +1 -1
- package/dist/badge/qds-text-badge.css +1 -1
- package/dist/badge/status-badge.anatomy.d.ts +5 -0
- package/dist/badge/status-badge.anatomy.d.ts.map +1 -0
- package/dist/badge/status-badge.api.d.ts.map +1 -1
- package/dist/badge/status-badge.types.d.ts +7 -3
- package/dist/badge/status-badge.types.d.ts.map +1 -1
- package/dist/badge/text-badge.anatomy.d.ts +5 -0
- package/dist/badge/text-badge.anatomy.d.ts.map +1 -0
- package/dist/badge/text-badge.api.d.ts.map +1 -1
- package/dist/badge/text-badge.types.d.ts +7 -3
- package/dist/badge/text-badge.types.d.ts.map +1 -1
- package/dist/breadcrumbs/breadcrumbs.types.d.ts.map +1 -1
- package/dist/button/button-group.anatomy.d.ts +5 -0
- package/dist/button/button-group.anatomy.d.ts.map +1 -0
- package/dist/button/button-group.api.d.ts.map +1 -1
- package/dist/button/button-group.types.d.ts +7 -2
- package/dist/button/button-group.types.d.ts.map +1 -1
- package/dist/button/button.anatomy.d.ts +5 -0
- package/dist/button/button.anatomy.d.ts.map +1 -0
- package/dist/button/button.api.d.ts.map +1 -1
- package/dist/button/button.types.d.ts +7 -8
- package/dist/button/button.types.d.ts.map +1 -1
- package/dist/button/icon-button.anatomy.d.ts +5 -0
- package/dist/button/icon-button.anatomy.d.ts.map +1 -0
- package/dist/button/icon-button.api.d.ts.map +1 -1
- package/dist/button/icon-button.types.d.ts +7 -6
- package/dist/button/icon-button.types.d.ts.map +1 -1
- package/dist/button/index.cjs +1 -1
- package/dist/button/index.cjs.map +4 -4
- package/dist/button/index.d.ts +3 -0
- package/dist/button/index.d.ts.map +1 -1
- package/dist/button/index.js +1 -1
- package/dist/button/index.js.map +4 -4
- package/dist/button/qds-button.css +1 -1
- package/dist/card/card.anatomy.d.ts +5 -0
- package/dist/card/card.anatomy.d.ts.map +1 -0
- package/dist/card/card.api.d.ts +8 -0
- package/dist/card/card.api.d.ts.map +1 -0
- package/dist/card/card.classes.d.ts +17 -0
- package/dist/card/card.classes.d.ts.map +1 -0
- package/dist/card/card.types.d.ts +156 -0
- package/dist/card/card.types.d.ts.map +1 -0
- package/dist/card/index.cjs +2 -0
- package/dist/card/index.cjs.map +7 -0
- package/dist/card/index.d.ts +5 -0
- package/dist/card/index.d.ts.map +1 -0
- package/dist/card/index.js +2 -0
- package/dist/card/index.js.map +7 -0
- package/dist/card/qds-card.css +1 -0
- package/dist/checkbox/checkbox.api.d.ts.map +1 -1
- package/dist/checkbox/checkbox.types.d.ts +12 -7
- package/dist/checkbox/checkbox.types.d.ts.map +1 -1
- package/dist/checkbox/index.cjs +1 -1
- package/dist/checkbox/index.cjs.map +3 -3
- package/dist/checkbox/index.js +1 -1
- package/dist/checkbox/index.js.map +3 -3
- package/dist/checkbox/qds-checkbox.css +1 -1
- package/dist/checkmark/checkmark.anatomy.d.ts +5 -0
- package/dist/checkmark/checkmark.anatomy.d.ts.map +1 -0
- package/dist/checkmark/checkmark.api.d.ts.map +1 -1
- package/dist/checkmark/checkmark.types.d.ts +11 -2
- package/dist/checkmark/checkmark.types.d.ts.map +1 -1
- package/dist/checkmark/index.cjs +1 -1
- package/dist/checkmark/index.cjs.map +4 -4
- package/dist/checkmark/index.d.ts +1 -0
- package/dist/checkmark/index.d.ts.map +1 -1
- package/dist/checkmark/index.js +1 -1
- package/dist/checkmark/index.js.map +4 -4
- package/dist/checkmark/qds-checkmark.css +1 -1
- package/dist/components.min.css +4 -4
- package/dist/dialog/dialog.api.d.ts.map +1 -1
- package/dist/dialog/dialog.types.d.ts +12 -7
- package/dist/dialog/dialog.types.d.ts.map +1 -1
- package/dist/dialog/index.cjs +1 -1
- package/dist/dialog/index.cjs.map +4 -4
- package/dist/dialog/index.js +1 -1
- package/dist/dialog/index.js.map +4 -4
- package/dist/drawer/drawer.types.d.ts.map +1 -1
- package/dist/field-group/field-group.anatomy.d.ts +5 -0
- package/dist/field-group/field-group.anatomy.d.ts.map +1 -0
- package/dist/field-group/field-group.api.d.ts.map +1 -1
- package/dist/field-group/field-group.types.d.ts +9 -12
- package/dist/field-group/field-group.types.d.ts.map +1 -1
- package/dist/field-group/index.cjs +1 -1
- package/dist/field-group/index.cjs.map +4 -4
- package/dist/field-group/index.d.ts +1 -0
- package/dist/field-group/index.d.ts.map +1 -1
- package/dist/field-group/index.js +1 -1
- package/dist/field-group/index.js.map +4 -4
- package/dist/header-bar/header-bar.anatomy.d.ts +5 -0
- package/dist/header-bar/header-bar.anatomy.d.ts.map +1 -0
- package/dist/header-bar/header-bar.api.d.ts.map +1 -1
- package/dist/header-bar/header-bar.types.d.ts +13 -8
- package/dist/header-bar/header-bar.types.d.ts.map +1 -1
- package/dist/header-bar/index.cjs +1 -1
- package/dist/header-bar/index.cjs.map +4 -4
- package/dist/header-bar/index.d.ts +1 -0
- package/dist/header-bar/index.d.ts.map +1 -1
- package/dist/header-bar/index.js +1 -1
- package/dist/header-bar/index.js.map +4 -4
- package/dist/header-bar/qds-header-bar.css +1 -1
- package/dist/inline-icon-button/index.cjs +1 -1
- package/dist/inline-icon-button/index.cjs.map +4 -4
- package/dist/inline-icon-button/index.d.ts +1 -0
- package/dist/inline-icon-button/index.d.ts.map +1 -1
- package/dist/inline-icon-button/index.js +1 -1
- package/dist/inline-icon-button/index.js.map +4 -4
- package/dist/inline-icon-button/inline-icon-button.anatomy.d.ts +5 -0
- package/dist/inline-icon-button/inline-icon-button.anatomy.d.ts.map +1 -0
- package/dist/inline-icon-button/inline-icon-button.api.d.ts.map +1 -1
- package/dist/inline-icon-button/inline-icon-button.types.d.ts +7 -7
- package/dist/inline-icon-button/inline-icon-button.types.d.ts.map +1 -1
- package/dist/inline-notification/qds-inline-notification.css +1 -1
- package/dist/input/index.cjs +1 -1
- package/dist/input/index.cjs.map +4 -4
- package/dist/input/index.d.ts +1 -0
- package/dist/input/index.d.ts.map +1 -1
- package/dist/input/index.js +1 -1
- package/dist/input/index.js.map +4 -4
- package/dist/input/input.anatomy.d.ts +5 -0
- package/dist/input/input.anatomy.d.ts.map +1 -0
- package/dist/input/input.api.d.ts.map +1 -1
- package/dist/input/input.types.d.ts +7 -4
- package/dist/input/input.types.d.ts.map +1 -1
- package/dist/input/qds-input.css +1 -1
- package/dist/link/index.cjs +1 -1
- package/dist/link/index.cjs.map +4 -4
- package/dist/link/index.d.ts +1 -0
- package/dist/link/index.d.ts.map +1 -1
- package/dist/link/index.js +1 -1
- package/dist/link/index.js.map +4 -4
- package/dist/link/link.anatomy.d.ts +5 -0
- package/dist/link/link.anatomy.d.ts.map +1 -0
- package/dist/link/link.api.d.ts.map +1 -1
- package/dist/link/link.types.d.ts +8 -9
- package/dist/link/link.types.d.ts.map +1 -1
- package/dist/menu/index.cjs +1 -1
- package/dist/menu/index.cjs.map +4 -4
- package/dist/menu/index.d.ts +1 -0
- package/dist/menu/index.d.ts.map +1 -1
- package/dist/menu/index.js +1 -1
- package/dist/menu/index.js.map +4 -4
- package/dist/menu/menu.anatomy.d.ts +5 -0
- package/dist/menu/menu.anatomy.d.ts.map +1 -0
- package/dist/menu/menu.api.d.ts.map +1 -1
- package/dist/menu/menu.types.d.ts +7 -5
- package/dist/menu/menu.types.d.ts.map +1 -1
- package/dist/menu/qds-menu.css +1 -1
- package/dist/number-input/qds-number-input.css +1 -1
- package/dist/progress-ring/index.cjs +1 -1
- package/dist/progress-ring/index.cjs.map +4 -4
- package/dist/progress-ring/index.js +1 -1
- package/dist/progress-ring/index.js.map +4 -4
- package/dist/progress-ring/progress-ring.api.d.ts.map +1 -1
- package/dist/progress-ring/progress-ring.types.d.ts +2 -3
- package/dist/progress-ring/progress-ring.types.d.ts.map +1 -1
- package/dist/segmented-control/qds-segmented-control.css +1 -1
- package/dist/side-nav/qds-side-nav.css +1 -1
- package/dist/switch/qds-switch.css +1 -1
- package/dist/tag/index.cjs +1 -1
- package/dist/tag/index.cjs.map +4 -4
- package/dist/tag/index.d.ts +1 -0
- package/dist/tag/index.d.ts.map +1 -1
- package/dist/tag/index.js +1 -1
- package/dist/tag/index.js.map +4 -4
- package/dist/tag/qds-tag.css +1 -1
- package/dist/tag/tag.anatomy.d.ts +5 -0
- package/dist/tag/tag.anatomy.d.ts.map +1 -0
- package/dist/tag/tag.api.d.ts.map +1 -1
- package/dist/tag/tag.types.d.ts +10 -15
- package/dist/tag/tag.types.d.ts.map +1 -1
- package/dist/toast/qds-toast.css +1 -1
- package/dist/toast/toast.types.d.ts.map +1 -1
- package/dist/tree/qds-tree.css +1 -1
- package/dist/tsbuildinfo +1 -1
- package/package.json +21 -9
package/dist/tag/index.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../src/tag/tag.api.ts", "../../src/tag/tag.classes.ts"],
|
|
4
|
-
"sourcesContent": ["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {booleanDataAttr} from \"@qualcomm-ui/utils/attributes\"\nimport type {PropNormalizer} from \"@qualcomm-ui/utils/machine\"\n\nimport {tagClasses} from \"./tag.classes\"\nimport type {\n QdsTagApi,\n QdsTagApiProps,\n QdsTagDismissButtonBindings,\n QdsTagEndIconBindings,\n QdsTagRootBindings,\n QdsTagStartIconBindings,\n} from \"./tag.types\"\n\nexport function createQdsTagApi(\n props: QdsTagApiProps & {selected?: boolean | undefined},\n normalize: PropNormalizer,\n): QdsTagApi {\n const size = props.size || \"md\"\n\n function isInteractiveVariant(): boolean {\n return props.variant === \"link\" || props.variant === \"selectable\"\n }\n\n const commonBindings = {\n className: tagClasses.root,\n \"data-disabled\": booleanDataAttr(props.disabled),\n \"data-emphasis\": props.emphasis || \"outline-brand\",\n \"data-
|
|
5
|
-
"mappings": "AAGA,OAAQ,
|
|
6
|
-
"names": ["booleanDataAttr", "tagClasses", "createQdsTagApi", "props", "normalize", "size", "isInteractiveVariant", "commonBindings", "tagClasses", "booleanDataAttr"]
|
|
3
|
+
"sources": ["../../src/tag/tag.anatomy.ts", "../../src/tag/tag.api.ts", "../../src/tag/tag.classes.ts"],
|
|
4
|
+
"sourcesContent": ["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {type Anatomy, createAnatomy} from \"@qualcomm-ui/utils/anatomy\"\n\nconst parts = [\"root\", \"startIcon\", \"endIcon\", \"dismissButton\"] as const\n\nexport const tagAnatomy: Anatomy<\"tag\", (typeof parts)[number]> = createAnatomy(\n \"tag\",\n).parts(...parts)\n", "// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {booleanDataAttr} from \"@qualcomm-ui/utils/attributes\"\nimport type {PropNormalizer} from \"@qualcomm-ui/utils/machine\"\n\nimport {tagAnatomy} from \"./tag.anatomy\"\nimport {tagClasses} from \"./tag.classes\"\nimport type {\n QdsTagApi,\n QdsTagApiProps,\n QdsTagDismissButtonBindings,\n QdsTagEndIconBindings,\n QdsTagRootBindings,\n QdsTagStartIconBindings,\n} from \"./tag.types\"\n\nconst parts = tagAnatomy.parts\n\nexport function createQdsTagApi(\n props: QdsTagApiProps & {selected?: boolean | undefined},\n normalize: PropNormalizer,\n): QdsTagApi {\n const size = props.size || \"md\"\n\n function isInteractiveVariant(): boolean {\n return props.variant === \"link\" || props.variant === \"selectable\"\n }\n\n const commonBindings = {\n ...parts.root,\n className: tagClasses.root,\n \"data-disabled\": booleanDataAttr(props.disabled),\n \"data-emphasis\": props.emphasis || \"outline-brand\",\n \"data-selected\": booleanDataAttr(props.selected),\n \"data-shape\": props.shape || props.radius || \"square\",\n \"data-size\": size,\n \"data-variant\": props.variant,\n }\n\n return {\n getDismissButtonBindings(): QdsTagDismissButtonBindings {\n return normalize.button({\n ...parts.dismissButton,\n \"aria-label\": \"Dismiss\",\n className: tagClasses.dismissButton,\n \"data-disabled\": booleanDataAttr(props.disabled),\n \"data-size\": size,\n disabled: props.disabled,\n type: \"button\",\n })\n },\n getEndIconBindings(): QdsTagEndIconBindings {\n return normalize.element({\n ...parts.endIcon,\n className: tagClasses.icon,\n \"data-size\": size,\n })\n },\n getRootBindings(): QdsTagRootBindings {\n return isInteractiveVariant()\n ? normalize.button({...commonBindings, disabled: props.disabled})\n : normalize.element(commonBindings)\n },\n getStartIconBindings(): QdsTagStartIconBindings {\n return normalize.element({\n ...parts.startIcon,\n className: tagClasses.icon,\n \"data-size\": size,\n })\n },\n isInteractiveVariant,\n }\n}\n", "// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nexport const tagClasses = {\n dismissButton: \"qui-tag__dismiss-button\",\n icon: \"qui-tag__icon\",\n root: \"qui-tag__root\",\n} as const\n"],
|
|
5
|
+
"mappings": "AAGA,OAAsB,iBAAAA,MAAoB,6BAE1C,IAAMC,EAAQ,CAAC,OAAQ,YAAa,UAAW,eAAe,EAEjDC,EAAqDF,EAChE,KACF,EAAE,MAAM,GAAGC,CAAK,ECNhB,OAAQ,mBAAAE,MAAsB,gCCAvB,IAAMC,EAAa,CACxB,cAAe,0BACf,KAAM,gBACN,KAAM,eACR,EDUA,IAAMC,EAAQC,EAAW,MAElB,SAASC,EACdC,EACAC,EACW,CACX,IAAMC,EAAOF,EAAM,MAAQ,KAE3B,SAASG,GAAgC,CACvC,OAAOH,EAAM,UAAY,QAAUA,EAAM,UAAY,YACvD,CAEA,IAAMI,EAAiB,CACrB,GAAGP,EAAM,KACT,UAAWQ,EAAW,KACtB,gBAAiBC,EAAgBN,EAAM,QAAQ,EAC/C,gBAAiBA,EAAM,UAAY,gBACnC,gBAAiBM,EAAgBN,EAAM,QAAQ,EAC/C,aAAcA,EAAM,OAASA,EAAM,QAAU,SAC7C,YAAaE,EACb,eAAgBF,EAAM,OACxB,EAEA,MAAO,CACL,0BAAwD,CACtD,OAAOC,EAAU,OAAO,CACtB,GAAGJ,EAAM,cACT,aAAc,UACd,UAAWQ,EAAW,cACtB,gBAAiBC,EAAgBN,EAAM,QAAQ,EAC/C,YAAaE,EACb,SAAUF,EAAM,SAChB,KAAM,QACR,CAAC,CACH,EACA,oBAA4C,CAC1C,OAAOC,EAAU,QAAQ,CACvB,GAAGJ,EAAM,QACT,UAAWQ,EAAW,KACtB,YAAaH,CACf,CAAC,CACH,EACA,iBAAsC,CACpC,OAAOC,EAAqB,EACxBF,EAAU,OAAO,CAAC,GAAGG,EAAgB,SAAUJ,EAAM,QAAQ,CAAC,EAC9DC,EAAU,QAAQG,CAAc,CACtC,EACA,sBAAgD,CAC9C,OAAOH,EAAU,QAAQ,CACvB,GAAGJ,EAAM,UACT,UAAWQ,EAAW,KACtB,YAAaH,CACf,CAAC,CACH,EACA,qBAAAC,CACF,CACF",
|
|
6
|
+
"names": ["createAnatomy", "parts", "tagAnatomy", "booleanDataAttr", "tagClasses", "parts", "tagAnatomy", "createQdsTagApi", "props", "normalize", "size", "isInteractiveVariant", "commonBindings", "tagClasses", "booleanDataAttr"]
|
|
7
7
|
}
|
package/dist/tag/qds-tag.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.qui-tag__root>span{text-box:cap alphabetic}.qui-tag__root{align-items:center;background:var(--tag-bg-base);border:solid 1px var(--tag-border-base);border-radius:var(--tag-radius);box-sizing:border-box;color:var(--color-interactive-text-neutral-idle);cursor:default;display:inline-flex;font:var(--font-static-body-xs-default);max-height:var(--tag-size);min-height:var(--tag-size);outline:none;padding-block:var(--spacing-0);padding-inline:var(--spacing-70);-webkit-user-select:none;-moz-user-select:none;user-select:none;--tag-size:var(--sizing-90);--tag-radius:var(--border-radius-md);--tag-bg-base:transparent;--tag-border-base:var(--color-interactive-border-neutral-idle);--tag-bg-selected:transparent;--tag-border-selected:var(--tag-border-base);--tag-text-selected:var(--color-utility-persistent-white);--tag-icon-selected:var(--color-utility-persistent-white);--icon-color:var(--color-interactive-icon-neutral-idle)}.qui-tag__root[data-size=sm]{--tag-size:var(--sizing-80)}.qui-tag__root[data-size=lg]{--tag-size:var(--sizing-100);padding-inline:var(--spacing-80)}.qui-tag__root[data-shape=rounded]{--tag-radius:var(--border-radius-rounded)}.qui-tag__root[data-emphasis=outline-brand]{--tag-bg-base:var(--color-interactive-background-ghost-idle);--tag-bg-selected:var(--color-background-brand-primary);--tag-border-selected:var(--color-background-brand-primary);color:var(--color-interactive-text-primary-idle);--icon-color:var(--color-interactive-icon-primary-idle)}.qui-tag__root[data-emphasis=outline-brand][data-variant=link]:hover,.qui-tag__root[data-emphasis=outline-brand][data-variant=selectable]:hover{color:var(--color-interactive-text-primary-hover);--icon-color:var(--color-interactive-icon-primary-hover)}.qui-tag__root[data-emphasis=outline-brand][data-variant=link]:active{color:var(--color-interactive-text-primary-pressed);--icon-color:var(--color-interactive-icon-primary-pressed)}.qui-tag__root[data-emphasis=outline-neutral]{--tag-bg-base:var(--color-interactive-background-ghost-idle);--tag-bg-selected:var(--color-background-support-neutral);--tag-text-selected:var(--color-text-neutral-inverse);--tag-icon-selected:var(--color-icon-neutral-inverse)}.qui-tag__root[data-emphasis=neutral]{--tag-bg-base:var(--color-background-support-neutral-subtle);--tag-bg-selected:var(--color-interactive-background-neutral-idle);--tag-text-selected:var(--component-tag-selectable-neutral-selected-text);--tag-icon-selected:var(--component-tag-selectable-neutral-selected-icon)}.qui-tag__root[data-emphasis=amber]{--tag-bg-base:var(--color-category-amber-subtle);--tag-bg-selected:var(--color-category-amber-strong);--tag-border-base:var(--color-category-amber-medium);--tag-border-selected:var(--color-category-amber-strong)}.qui-tag__root[data-emphasis=blue]{--tag-bg-base:var(--color-category-blue-subtle);--tag-bg-selected:var(--color-category-blue-strong);--tag-border-base:var(--color-category-blue-medium);--tag-border-selected:var(--color-category-blue-strong)}.qui-tag__root[data-emphasis=cyan]{--tag-bg-base:var(--color-category-cyan-subtle);--tag-bg-selected:var(--color-category-cyan-strong);--tag-border-base:var(--color-category-cyan-medium);--tag-border-selected:var(--color-category-cyan-strong)}.qui-tag__root[data-emphasis=teal]{--tag-bg-base:var(--color-category-teal-subtle);--tag-bg-selected:var(--color-category-teal-strong);--tag-border-base:var(--color-category-teal-medium);--tag-border-selected:var(--color-category-teal-strong)}.qui-tag__root[data-emphasis=green]{--tag-bg-base:var(--color-category-green-subtle);--tag-bg-selected:var(--color-category-green-strong);--tag-border-base:var(--color-category-green-medium);--tag-border-selected:var(--color-category-green-strong)}.qui-tag__root[data-emphasis=kiwi],.qui-tag__root[data-emphasis=lime]{--tag-bg-base:var(--color-category-lime-subtle);--tag-bg-selected:var(--color-category-lime-strong);--tag-border-base:var(--color-category-lime-medium);--tag-border-selected:var(--color-category-lime-strong)}.qui-tag__root[data-emphasis=yellow]{--tag-bg-base:var(--color-category-yellow-subtle);--tag-bg-selected:var(--color-category-yellow-strong);--tag-border-base:var(--color-category-yellow-medium);--tag-border-selected:var(--color-category-yellow-strong);--tag-text-selected:var(--color-utility-persistent-black);--tag-icon-selected:var(--color-utility-persistent-black)}.qui-tag__root[data-emphasis=orange]{--tag-bg-base:var(--color-category-orange-subtle);--tag-bg-selected:var(--color-category-orange-strong);--tag-border-base:var(--color-category-orange-medium);--tag-border-selected:var(--color-category-orange-strong)}.qui-tag__root[data-emphasis=red]{--tag-bg-base:var(--color-category-red-subtle);--tag-bg-selected:var(--color-category-red-strong);--tag-border-base:var(--color-category-red-medium);--tag-border-selected:var(--color-category-red-strong)}.qui-tag__root[data-emphasis=magenta]{--tag-bg-base:var(--color-category-magenta-subtle);--tag-bg-selected:var(--color-category-magenta-strong);--tag-border-base:var(--color-category-magenta-medium);--tag-border-selected:var(--color-category-magenta-strong)}.qui-tag__root[data-emphasis=purple]{--tag-bg-base:var(--color-category-purple-subtle);--tag-bg-selected:var(--color-category-purple-strong);--tag-border-base:var(--color-category-purple-medium);--tag-border-selected:var(--color-category-purple-strong)}.qui-tag__root[data-emphasis=violet]{--tag-bg-base:var(--color-category-violet-subtle);--tag-bg-selected:var(--color-category-violet-strong);--tag-border-base:var(--color-category-violet-medium);--tag-border-selected:var(--color-category-violet-strong)}.qui-tag__root[data-variant=link],.qui-tag__root[data-variant=selectable]{cursor:pointer}.qui-tag__root[data-variant=dismissable]{padding-inline-end:0}.qui-tag__root[data-variant=link]:hover,.qui-tag__root[data-variant=selectable]:hover{background:linear-gradient(var(--color-interactive-background-ghost-hover) 0 0),var(--tag-bg-base);color:var(--color-interactive-text-neutral-hover);--icon-color:var(--color-interactive-icon-neutral-hover)}.qui-tag__root[data-variant=link]:hover{text-decoration:underline}.qui-tag__root[data-variant=link]:active{background:linear-gradient(var(--color-interactive-background-ghost-pressed) 0 0),var(--tag-bg-base);color:var(--color-interactive-text-neutral-pressed);--icon-color:var(--color-interactive-icon-neutral-pressed)}.qui-tag__root[data-selected]{background:var(--tag-bg-selected);border-color:var(--tag-border-selected);color:var(--tag-text-selected);--icon-color:var(--tag-icon-selected)}.qui-tag__root[data-variant=selectable][data-selected]:hover{background:var(--tag-bg-selected);color:var(--tag-text-selected);--icon-color:var(--tag-icon-selected)}.qui-tag__root[data-variant=link]:focus-visible,.qui-tag__root[data-variant=selectable]:focus-visible{border-color:var(--color-utility-focus-border);outline:solid 2px var(--color-utility-focus-border);outline-offset:-1px}.qui-tag__root[data-
|
|
1
|
+
.qui-tag__root>span{text-box:cap alphabetic}.qui-tag__root{align-items:center;background:var(--tag-bg-base);border:solid 1px var(--tag-border-base);border-radius:var(--tag-radius);box-sizing:border-box;color:var(--color-interactive-text-neutral-idle);cursor:default;display:inline-flex;font:var(--font-static-body-xs-default);max-height:var(--tag-size);min-height:var(--tag-size);outline:none;padding-block:var(--spacing-0);padding-inline:var(--spacing-70);-webkit-user-select:none;-moz-user-select:none;user-select:none;--tag-size:var(--sizing-90);--tag-radius:var(--border-radius-md);--tag-bg-base:transparent;--tag-border-base:var(--color-interactive-border-neutral-idle);--tag-bg-selected:transparent;--tag-border-selected:var(--tag-border-base);--tag-text-selected:var(--color-utility-persistent-white);--tag-icon-selected:var(--color-utility-persistent-white);--icon-color:var(--color-interactive-icon-neutral-idle)}.qui-tag__root[data-size=sm]{--tag-size:var(--sizing-80)}.qui-tag__root[data-size=lg]{--tag-size:var(--sizing-100);padding-inline:var(--spacing-80)}.qui-tag__root[data-shape=rounded]{--tag-radius:var(--border-radius-rounded)}.qui-tag__root[data-emphasis=outline-brand]{--tag-bg-base:var(--color-interactive-background-ghost-idle);--tag-bg-selected:var(--color-background-brand-primary);--tag-border-selected:var(--color-background-brand-primary);color:var(--color-interactive-text-primary-idle);--icon-color:var(--color-interactive-icon-primary-idle)}.qui-tag__root[data-emphasis=outline-brand][data-variant=link]:hover,.qui-tag__root[data-emphasis=outline-brand][data-variant=selectable]:hover{color:var(--color-interactive-text-primary-hover);--icon-color:var(--color-interactive-icon-primary-hover)}.qui-tag__root[data-emphasis=outline-brand][data-variant=link]:active{color:var(--color-interactive-text-primary-pressed);--icon-color:var(--color-interactive-icon-primary-pressed)}.qui-tag__root[data-emphasis=outline-neutral]{--tag-bg-base:var(--color-interactive-background-ghost-idle);--tag-bg-selected:var(--color-background-support-neutral);--tag-text-selected:var(--color-text-neutral-inverse);--tag-icon-selected:var(--color-icon-neutral-inverse)}.qui-tag__root[data-emphasis=neutral]{--tag-bg-base:var(--color-background-support-neutral-subtle);--tag-bg-selected:var(--color-interactive-background-neutral-idle);--tag-text-selected:var(--component-tag-selectable-neutral-selected-text);--tag-icon-selected:var(--component-tag-selectable-neutral-selected-icon)}.qui-tag__root[data-emphasis=amber]{--tag-bg-base:var(--color-category-amber-subtle);--tag-bg-selected:var(--color-category-amber-strong);--tag-border-base:var(--color-category-amber-medium);--tag-border-selected:var(--color-category-amber-strong)}.qui-tag__root[data-emphasis=blue]{--tag-bg-base:var(--color-category-blue-subtle);--tag-bg-selected:var(--color-category-blue-strong);--tag-border-base:var(--color-category-blue-medium);--tag-border-selected:var(--color-category-blue-strong)}.qui-tag__root[data-emphasis=cyan]{--tag-bg-base:var(--color-category-cyan-subtle);--tag-bg-selected:var(--color-category-cyan-strong);--tag-border-base:var(--color-category-cyan-medium);--tag-border-selected:var(--color-category-cyan-strong)}.qui-tag__root[data-emphasis=teal]{--tag-bg-base:var(--color-category-teal-subtle);--tag-bg-selected:var(--color-category-teal-strong);--tag-border-base:var(--color-category-teal-medium);--tag-border-selected:var(--color-category-teal-strong)}.qui-tag__root[data-emphasis=green]{--tag-bg-base:var(--color-category-green-subtle);--tag-bg-selected:var(--color-category-green-strong);--tag-border-base:var(--color-category-green-medium);--tag-border-selected:var(--color-category-green-strong)}.qui-tag__root[data-emphasis=kiwi],.qui-tag__root[data-emphasis=lime]{--tag-bg-base:var(--color-category-lime-subtle);--tag-bg-selected:var(--color-category-lime-strong);--tag-border-base:var(--color-category-lime-medium);--tag-border-selected:var(--color-category-lime-strong)}.qui-tag__root[data-emphasis=yellow]{--tag-bg-base:var(--color-category-yellow-subtle);--tag-bg-selected:var(--color-category-yellow-strong);--tag-border-base:var(--color-category-yellow-medium);--tag-border-selected:var(--color-category-yellow-strong);--tag-text-selected:var(--color-utility-persistent-black);--tag-icon-selected:var(--color-utility-persistent-black)}.qui-tag__root[data-emphasis=orange]{--tag-bg-base:var(--color-category-orange-subtle);--tag-bg-selected:var(--color-category-orange-strong);--tag-border-base:var(--color-category-orange-medium);--tag-border-selected:var(--color-category-orange-strong)}.qui-tag__root[data-emphasis=red]{--tag-bg-base:var(--color-category-red-subtle);--tag-bg-selected:var(--color-category-red-strong);--tag-border-base:var(--color-category-red-medium);--tag-border-selected:var(--color-category-red-strong)}.qui-tag__root[data-emphasis=magenta]{--tag-bg-base:var(--color-category-magenta-subtle);--tag-bg-selected:var(--color-category-magenta-strong);--tag-border-base:var(--color-category-magenta-medium);--tag-border-selected:var(--color-category-magenta-strong)}.qui-tag__root[data-emphasis=purple]{--tag-bg-base:var(--color-category-purple-subtle);--tag-bg-selected:var(--color-category-purple-strong);--tag-border-base:var(--color-category-purple-medium);--tag-border-selected:var(--color-category-purple-strong)}.qui-tag__root[data-emphasis=violet]{--tag-bg-base:var(--color-category-violet-subtle);--tag-bg-selected:var(--color-category-violet-strong);--tag-border-base:var(--color-category-violet-medium);--tag-border-selected:var(--color-category-violet-strong)}.qui-tag__root[data-variant=link],.qui-tag__root[data-variant=selectable]{cursor:pointer}.qui-tag__root[data-variant=dismissable]{padding-inline-end:0}.qui-tag__root[data-variant=link]:hover,.qui-tag__root[data-variant=selectable]:hover{background:linear-gradient(var(--color-interactive-background-ghost-hover) 0 0),var(--tag-bg-base);color:var(--color-interactive-text-neutral-hover);--icon-color:var(--color-interactive-icon-neutral-hover)}.qui-tag__root[data-variant=link]:hover{text-decoration:underline}.qui-tag__root[data-variant=link]:active{background:linear-gradient(var(--color-interactive-background-ghost-pressed) 0 0),var(--tag-bg-base);color:var(--color-interactive-text-neutral-pressed);--icon-color:var(--color-interactive-icon-neutral-pressed)}.qui-tag__root[data-selected]{background:var(--tag-bg-selected);border-color:var(--tag-border-selected);color:var(--tag-text-selected);--icon-color:var(--tag-icon-selected)}.qui-tag__root[data-variant=selectable][data-selected]:hover{background:var(--tag-bg-selected);color:var(--tag-text-selected);--icon-color:var(--tag-icon-selected)}.qui-tag__root[data-variant=link]:focus-visible,.qui-tag__root[data-variant=selectable]:focus-visible{border-color:var(--color-utility-focus-border);outline:solid 2px var(--color-utility-focus-border);outline-offset:-1px}.qui-tag__root[data-disabled]:not([data-emphasis^=outline-]){background:var(--color-utility-disabled-background)}.qui-tag__root[data-disabled]{border-color:var(--color-utility-disabled-border);color:var(--color-utility-disabled-text);cursor:default;--icon-color:var(--color-utility-disabled-icon)}.qui-tag__icon{color:var(--icon-color)}.qui-tag__icon[data-tag-part=start-icon]{margin-inline-end:var(--spacing-50)}.qui-tag__icon[data-size=lg][data-tag-part=start-icon]{margin-inline-end:var(--spacing-70)}.qui-tag__icon[data-tag-part=end-icon]{margin-inline-start:var(--spacing-50)}.qui-tag__icon[data-size=lg][data-tag-part=end-icon]{margin-inline-start:var(--spacing-70)}.qui-tag__dismiss-button>.qui-tag__icon[data-tag-part=end-icon]{margin-inline-start:0}.qui-tag__dismiss-button{align-items:center;background:transparent;border:none;border-radius:0 var(--tag-radius) var(--tag-radius) 0;color:var(--color-interactive-icon-neutral-idle);display:inline-flex;height:var(--tag-size);justify-content:center;margin-inline-start:var(--spacing-20);padding:0;width:var(--tag-size);--icon-color:var(--color-interactive-icon-neutral-idle)}.qui-tag__dismiss-button:hover{background:var(--color-interactive-background-ghost-hover)}.qui-tag__dismiss-button:active{background:var(--color-interactive-background-ghost-pressed)}.qui-tag__dismiss-button:focus-visible{outline:solid 2px var(--color-utility-focus-border);outline-offset:-1px}.qui-tag__dismiss-button[data-disabled]{color:var(--color-utility-disabled-icon);cursor:default;pointer-events:none;--icon-color:var(--color-utility-disabled-icon)}.qui-tag__dismiss-button[data-size] .qui-tag__icon[data-tag-part$=-icon]{--icon-size:var(--sizing-60)}.qui-tag__dismiss-button[data-size=lg] .qui-tag__icon[data-tag-part$=-icon]{--icon-size:var(--sizing-70)}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { type Anatomy } from "@qualcomm-ui/utils/anatomy";
|
|
2
|
+
declare const parts: readonly ["root", "startIcon", "endIcon", "dismissButton"];
|
|
3
|
+
export declare const tagAnatomy: Anatomy<"tag", (typeof parts)[number]>;
|
|
4
|
+
export {};
|
|
5
|
+
//# sourceMappingURL=tag.anatomy.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tag.anatomy.d.ts","sourceRoot":"","sources":["../../src/tag/tag.anatomy.ts"],"names":[],"mappings":"AAGA,OAAO,EAAC,KAAK,OAAO,EAAgB,MAAM,4BAA4B,CAAA;AAEtE,QAAA,MAAM,KAAK,4DAA6D,CAAA;AAExE,eAAO,MAAM,UAAU,EAAE,OAAO,CAAC,KAAK,EAAE,CAAC,OAAO,KAAK,CAAC,CAAC,MAAM,CAAC,CAE7C,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tag.api.d.ts","sourceRoot":"","sources":["../../src/tag/tag.api.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,4BAA4B,CAAA;
|
|
1
|
+
{"version":3,"file":"tag.api.d.ts","sourceRoot":"","sources":["../../src/tag/tag.api.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,4BAA4B,CAAA;AAI9D,OAAO,KAAK,EACV,SAAS,EACT,cAAc,EAKf,MAAM,aAAa,CAAA;AAIpB,wBAAgB,eAAe,CAC7B,KAAK,EAAE,cAAc,GAAG;IAAC,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;CAAC,EACxD,SAAS,EAAE,cAAc,GACxB,SAAS,CAmDX"}
|
package/dist/tag/tag.types.d.ts
CHANGED
|
@@ -1,4 +1,6 @@
|
|
|
1
|
+
import type { AnatomyPart, AnatomyPartName } from "@qualcomm-ui/utils/anatomy";
|
|
1
2
|
import type { BooleanDataAttr } from "@qualcomm-ui/utils/attributes";
|
|
3
|
+
import type { tagAnatomy } from "./tag.anatomy";
|
|
2
4
|
import type { tagClasses } from "./tag.classes";
|
|
3
5
|
/** @deprecated use "lime" */
|
|
4
6
|
export type QdsTagEmphasis__deprecated = "kiwi";
|
|
@@ -48,46 +50,39 @@ export interface QdsTagApiProps {
|
|
|
48
50
|
variant?: QdsTagVariant;
|
|
49
51
|
}
|
|
50
52
|
type TagClasses = typeof tagClasses;
|
|
51
|
-
|
|
53
|
+
type PartName = AnatomyPartName<typeof tagAnatomy>;
|
|
54
|
+
interface Part<P extends PartName> extends AnatomyPart<"tag", P> {
|
|
55
|
+
}
|
|
56
|
+
export interface QdsTagSpanRootBindings extends Part<"root"> {
|
|
52
57
|
className: TagClasses["root"];
|
|
53
58
|
"data-disabled": BooleanDataAttr;
|
|
54
59
|
"data-emphasis": QdsTagEmphasis;
|
|
55
|
-
"data-part": "root";
|
|
56
|
-
"data-scope": "tag";
|
|
57
60
|
"data-shape": QdsTagShape;
|
|
58
61
|
"data-size": QdsTagSize;
|
|
59
62
|
"data-variant"?: QdsTagVariant;
|
|
60
63
|
}
|
|
61
|
-
export interface QdsTagButtonRootBindings {
|
|
64
|
+
export interface QdsTagButtonRootBindings extends Part<"root"> {
|
|
62
65
|
className: TagClasses["root"];
|
|
63
66
|
"data-disabled": BooleanDataAttr;
|
|
64
67
|
"data-emphasis": QdsTagEmphasis;
|
|
65
|
-
"data-part": "root";
|
|
66
|
-
"data-scope": "tag";
|
|
67
68
|
"data-shape": QdsTagShape;
|
|
68
69
|
"data-size": QdsTagSize;
|
|
69
70
|
"data-variant"?: QdsTagVariant;
|
|
70
71
|
disabled: boolean | undefined;
|
|
71
72
|
}
|
|
72
73
|
export type QdsTagRootBindings = QdsTagSpanRootBindings | QdsTagButtonRootBindings;
|
|
73
|
-
export interface QdsTagStartIconBindings {
|
|
74
|
+
export interface QdsTagStartIconBindings extends Part<"startIcon"> {
|
|
74
75
|
className: TagClasses["icon"];
|
|
75
|
-
"data-part": "start-icon";
|
|
76
|
-
"data-scope": "tag";
|
|
77
76
|
"data-size": QdsTagSize;
|
|
78
77
|
}
|
|
79
|
-
export interface QdsTagEndIconBindings {
|
|
78
|
+
export interface QdsTagEndIconBindings extends Part<"endIcon"> {
|
|
80
79
|
className: TagClasses["icon"];
|
|
81
|
-
"data-part": "end-icon";
|
|
82
|
-
"data-scope": "tag";
|
|
83
80
|
"data-size": QdsTagSize;
|
|
84
81
|
}
|
|
85
|
-
export interface QdsTagDismissButtonBindings {
|
|
82
|
+
export interface QdsTagDismissButtonBindings extends Part<"dismissButton"> {
|
|
86
83
|
"aria-label": string;
|
|
87
84
|
className: TagClasses["dismissButton"];
|
|
88
85
|
"data-disabled": BooleanDataAttr;
|
|
89
|
-
"data-part": "dismiss-button";
|
|
90
|
-
"data-scope": "tag";
|
|
91
86
|
"data-size": QdsTagSize;
|
|
92
87
|
disabled: boolean | undefined;
|
|
93
88
|
type: "button";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tag.types.d.ts","sourceRoot":"","sources":["../../src/tag/tag.types.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,+BAA+B,CAAA;AAElE,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,eAAe,CAAA;AAE7C,6BAA6B;AAE7B,MAAM,MAAM,0BAA0B,GAAG,MAAM,CAAA;AAE/C,MAAM,MAAM,cAAc,GACtB,eAAe,GACf,iBAAiB,GACjB,SAAS,GACT,OAAO,GACP,MAAM,GACN,MAAM,GACN,OAAO,GACP,MAAM,GACN,SAAS,GACT,QAAQ,GACR,QAAQ,GACR,KAAK,GACL,MAAM,GACN,QAAQ,GACR,QAAQ,GACR,0BAA0B,CAAA;AAE9B;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,WAAW,CAAA;AAEtC,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,SAAS,CAAA;AAE9C,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAE3C,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,YAAY,GAAG,aAAa,CAAA;AAEjE,MAAM,WAAW,cAAc;IAC7B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;OAGG;IACH,QAAQ,CAAC,EAAE,cAAc,CAAA;IAEzB;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,YAAY,CAAA;IAErB;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,WAAW,CAAA;IAEnB;;;OAGG;IACH,IAAI,CAAC,EAAE,UAAU,CAAA;IAEjB;;OAEG;IACH,OAAO,CAAC,EAAE,aAAa,CAAA;CACxB;AAED,KAAK,UAAU,GAAG,OAAO,UAAU,CAAA;AAEnC,MAAM,WAAW,
|
|
1
|
+
{"version":3,"file":"tag.types.d.ts","sourceRoot":"","sources":["../../src/tag/tag.types.ts"],"names":[],"mappings":"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"}
|
package/dist/toast/qds-toast.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.qui-toast__root{align-items:flex-start;box-shadow:var(--shadow-high);box-sizing:border-box;height:var(--height);min-width:284px;opacity:var(--opacity);padding:var(--spacing-90) var(--spacing-100);position:relative;scale:var(--scale);transition:translate 350ms cubic-bezier(0.21,1.02,0.73,1),scale 350ms,opacity 350ms,height 350ms,box-shadow 200ms;translate:var(--x) var(--y);width:100%;will-change:translate,opacity,scale;z-index:var(--z-index)}.qui-toast__root .qui-notification__close-button[data-size]{--button-size:var(--sizing-90)}.qui-toast__root{--icon-color:var(--color-icon-support-info);--border-left-color:var(--color-background-support-info);background:var(--color-surface-raised);border-bottom-left-radius:var(--border-radius-md);border-left:solid var(--sizing-40) var(--border-left-color);border-top-left-radius:var(--border-radius-md);outline:none}.qui-toast__root[data-emphasis=success]{--icon-color:var(--color-icon-support-success);--border-left-color:var(--color-background-support-success)}.qui-toast__root[data-emphasis=warning]{--icon-color:var(--color-icon-support-warning);--border-left-color:var(--color-background-support-warning)}.qui-toast__root[data-emphasis=danger]{--icon-color:var(--color-icon-support-danger);--border-left-color:var(--color-background-support-danger)}.qui-toast__root[data-emphasis=neutral]{--icon-color:var(--color-icon-support-neutral);--border-left-color:var(--color-background-support-neutral)}.qui-toast__root:has(
|
|
1
|
+
.qui-toast__root{align-items:flex-start;box-shadow:var(--shadow-high);box-sizing:border-box;height:var(--height);min-width:284px;opacity:var(--opacity);padding:var(--spacing-90) var(--spacing-100);position:relative;scale:var(--scale);transition:translate 350ms cubic-bezier(0.21,1.02,0.73,1),scale 350ms,opacity 350ms,height 350ms,box-shadow 200ms;translate:var(--x) var(--y);width:100%;will-change:translate,opacity,scale;z-index:var(--z-index)}.qui-toast__root .qui-notification__close-button[data-size]{--button-size:var(--sizing-90)}.qui-toast__root{--icon-color:var(--color-icon-support-info);--border-left-color:var(--color-background-support-info);background:var(--color-surface-raised);border-bottom-left-radius:var(--border-radius-md);border-left:solid var(--sizing-40) var(--border-left-color);border-top-left-radius:var(--border-radius-md);outline:none}.qui-toast__root[data-emphasis=success]{--icon-color:var(--color-icon-support-success);--border-left-color:var(--color-background-support-success)}.qui-toast__root[data-emphasis=warning]{--icon-color:var(--color-icon-support-warning);--border-left-color:var(--color-background-support-warning)}.qui-toast__root[data-emphasis=danger]{--icon-color:var(--color-icon-support-danger);--border-left-color:var(--color-background-support-danger)}.qui-toast__root[data-emphasis=neutral]{--icon-color:var(--color-icon-support-neutral);--border-left-color:var(--color-background-support-neutral)}.qui-toast__root:has(.qui-toast__icon){--icon-col:1}.qui-toast__root[data-emphasis=loading] .qui-toast__icon{height:var(--sizing-70);padding-top:1px}.qui-toast__root:has([data-toast-part=close-trigger]){padding-right:calc(var(--spacing-70) * 2 + var(--sizing-80))}.qui-toast__root{display:grid;--icon-col:0}.qui-toast__root:has(.qui-toast__icon){-moz-column-gap:var(--spacing-50);column-gap:var(--spacing-50);grid-template-columns:max-content 1fr;--content-col:2}.qui-toast__label{align-self:baseline;color:var(--color-text-neutral-primary);font:var(--font-static-body-sm-bold);grid-column:var(--content-col)}.qui-toast__description{align-self:baseline;color:var(--color-text-neutral-primary);font:var(--font-static-body-xs-default);grid-column:var(--content-col)}.qui-toast__description:has(+.qui-toast__action){margin-bottom:var(--spacing-110)}.qui-toast__icon{color:var(--icon-color);grid-column:var(--icon-col)}.qui-toast__action{grid-column:var(--content-col);justify-self:flex-start}.qui-toast__close-button[data-size]{--button-size:var(--sizing-90)}.qui-toast__close-button{position:absolute;right:var(--spacing-70);top:var(--spacing-80)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toast.types.d.ts","sourceRoot":"","sources":["../../src/toast/toast.types.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,uBAAuB,EACvB,uBAAuB,EACxB,MAAM,2CAA2C,CAAA;AAElD,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,iBAAiB,CAAA;AAEjD,MAAM,WAAW,
|
|
1
|
+
{"version":3,"file":"toast.types.d.ts","sourceRoot":"","sources":["../../src/toast/toast.types.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,uBAAuB,EACvB,uBAAuB,EACxB,MAAM,2CAA2C,CAAA;AAElD,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,iBAAiB,CAAA;AAEjD,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAC5C,uBAAuB,EACvB,UAAU,CACX;CAAG;AAEJ,KAAK,YAAY,GAAG,OAAO,YAAY,CAAA;AAEvC,MAAM,WAAW,oBAAoB;IACnC,SAAS,EAAE,YAAY,CAAC,MAAM,CAAC,CAAA;IAC/B,eAAe,EAAE,uBAAuB,CAAA;CACzC;AAED,MAAM,WAAW,oBAAoB;IACnC,SAAS,EAAE,YAAY,CAAC,MAAM,CAAC,CAAA;CAChC;AAED,MAAM,WAAW,qBAAqB;IACpC,SAAS,EAAE,YAAY,CAAC,OAAO,CAAC,CAAA;CACjC;AAED,MAAM,WAAW,2BAA2B;IAC1C,SAAS,EAAE,YAAY,CAAC,aAAa,CAAC,CAAA;CACvC;AAED,MAAM,WAAW,sBAAsB;IACrC,SAAS,EAAE,YAAY,CAAC,QAAQ,CAAC,CAAA;CAClC;AAED,MAAM,WAAW,2BAA2B;IAC1C,SAAS,EAAE,YAAY,CAAC,aAAa,CAAC,CAAA;CACvC;AAED,MAAM,WAAW,WAAW;IAC1B,QAAQ,EAAE,uBAAuB,CAAA;IAGjC,iBAAiB,IAAI,sBAAsB,CAAA;IAC3C,sBAAsB,IAAI,2BAA2B,CAAA;IACrD,sBAAsB,IAAI,2BAA2B,CAAA;IACrD,eAAe,IAAI,oBAAoB,CAAA;IACvC,gBAAgB,IAAI,qBAAqB,CAAA;IACzC,eAAe,IAAI,oBAAoB,CAAA;CACxC"}
|
package/dist/tree/qds-tree.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.qui-tree__root{--indent-spacing:22px}.qui-tree__node-root{--branch-trigger-width:0px;align-items:center;background:var(--color-interactive-background-ghost-idle);border:solid 1px transparent;box-sizing:border-box;color:inherit;cursor:pointer;display:flex;font:var(--font-static-body-sm-default);gap:var(--spacing-50);height:40px;min-height:40px;outline:none;padding-left:calc(var(--depth, 1) * var(--indent-spacing) - var(--branch-trigger-width) + var(--spacing-100));padding-right:var(--spacing-100);position:relative;text-decoration:inherit}.qui-tree__node-root:hover{background:var(--color-interactive-background-ghost-hover)}.qui-tree__node-root:active{background:var(--color-interactive-background-ghost-pressed)}.qui-tree__node-root:focus-visible{border-color:var(--color-utility-focus-border);outline:solid 1px var(--color-utility-focus-border)}.qui-tree__node-root:has([data-part=branch-trigger]){--branch-trigger-width:calc(16px + var(--spacing-50))}.qui-tree__node-root[data-size=sm]{font:var(--font-static-body-xs-default);height:32px;min-height:32px}.qui-tree__node-root[data-disabled]{background:transparent;color:var(--color-utility-disabled-text);pointer-events:none}.qui-tree__branch-trigger{transition:transform var(--animation-duration-faster) ease}.qui-tree__branch-trigger[data-state=open]{transform:rotate(90deg)}.qui-tree__branch-indent-guide{background:var(--color-border-neutral-01);height:100%;left:calc(1px + var(--indent-spacing) * var(--depth));position:absolute;width:1px}.qui-tree__branch-content{padding:1px;position:relative}.qui-tree__node-action:first-of-type{margin-left:auto}.qui-tree__node-indicator{background:var(--color-border-brand-primary);height:100%;left:0;position:absolute;width:4px}.qui-tree__label{font:var(--font-static-body-md-default);margin-bottom:var(--spacing-40)}.qui-tree__label[data-size=sm]{font:var(--font-static-body-sm-default)}.qui-icon__root.qui-tree__node-icon[data-size=sm]{--icon-size:var(--sizing-70)}.qui-icon__root.qui-tree__node-icon[data-size=md]{--icon-size:var(--sizing-80)}
|
|
1
|
+
.qui-tree__root{--indent-spacing:22px}.qui-tree__node-root{--branch-trigger-width:0px;align-items:center;background:var(--color-interactive-background-ghost-idle);border:solid 1px transparent;box-sizing:border-box;color:inherit;cursor:pointer;display:flex;font:var(--font-static-body-sm-default);gap:var(--spacing-50);height:40px;min-height:40px;outline:none;padding-left:calc(var(--depth, 1) * var(--indent-spacing) - var(--branch-trigger-width) + var(--spacing-100));padding-right:var(--spacing-100);position:relative;text-decoration:inherit}.qui-tree__node-root:hover{background:var(--color-interactive-background-ghost-hover)}.qui-tree__node-root:active{background:var(--color-interactive-background-ghost-pressed)}.qui-tree__node-root:focus-visible{border-color:var(--color-utility-focus-border);outline:solid 1px var(--color-utility-focus-border)}.qui-tree__node-root:has([data-tree-part=branch-trigger]){--branch-trigger-width:calc(16px + var(--spacing-50))}.qui-tree__node-root[data-size=sm]{font:var(--font-static-body-xs-default);height:32px;min-height:32px}.qui-tree__node-root[data-disabled]{background:transparent;color:var(--color-utility-disabled-text);pointer-events:none}.qui-tree__branch-trigger{transition:transform var(--animation-duration-faster) ease}.qui-tree__branch-trigger[data-state=open]{transform:rotate(90deg)}.qui-tree__branch-indent-guide{background:var(--color-border-neutral-01);height:100%;left:calc(1px + var(--indent-spacing) * var(--depth));position:absolute;width:1px}.qui-tree__branch-content{padding:1px;position:relative}.qui-tree__node-action:first-of-type{margin-left:auto}.qui-tree__node-indicator{background:var(--color-border-brand-primary);height:100%;left:0;position:absolute;width:4px}.qui-tree__label{font:var(--font-static-body-md-default);margin-bottom:var(--spacing-40)}.qui-tree__label[data-size=sm]{font:var(--font-static-body-sm-default)}.qui-icon__root.qui-tree__node-icon[data-size=sm]{--icon-size:var(--sizing-70)}.qui-icon__root.qui-tree__node-icon[data-size=md]{--icon-size:var(--sizing-80)}
|