@qualcomm-ui/qds-core 1.28.4 → 1.29.0
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/button/button-group-shared.types.d.ts +54 -0
- package/dist/button/button-group-shared.types.d.ts.map +1 -0
- package/dist/button/button-group.api.d.ts +9 -0
- package/dist/button/button-group.api.d.ts.map +1 -1
- package/dist/button/button-group.types.d.ts +3 -45
- package/dist/button/button-group.types.d.ts.map +1 -1
- package/dist/button/index.cjs +1 -1
- package/dist/button/index.cjs.map +1 -1
- package/dist/button/index.d.ts +1 -0
- package/dist/button/index.d.ts.map +1 -1
- package/dist/button/index.js +1 -1
- package/dist/button/index.js.map +1 -1
- package/dist/components.min.css +42 -42
- package/dist/menu/index.cjs +1 -1
- package/dist/menu/index.cjs.map +1 -1
- package/dist/menu/index.d.ts +3 -0
- package/dist/menu/index.d.ts.map +1 -1
- package/dist/menu/index.js +1 -1
- package/dist/menu/index.js.map +1 -1
- package/dist/menu/menu-split-button.anatomy.d.ts +5 -0
- package/dist/menu/menu-split-button.anatomy.d.ts.map +1 -0
- package/dist/menu/menu-split-button.api.d.ts +5 -0
- package/dist/menu/menu-split-button.api.d.ts.map +1 -0
- package/dist/menu/menu-split-button.types.d.ts +20 -0
- package/dist/menu/menu-split-button.types.d.ts.map +1 -0
- package/dist/menu/menu.classes.d.ts +1 -0
- package/dist/menu/menu.classes.d.ts.map +1 -1
- package/dist/menu/qds-menu.css +1 -1
- package/dist/tag/index.cjs +1 -1
- package/dist/tag/index.cjs.map +1 -1
- package/dist/tag/index.js +1 -1
- package/dist/tag/index.js.map +1 -1
- package/dist/tag/qds-tag.css +1 -1
- package/dist/tag/tag.api.d.ts.map +1 -1
- package/dist/tag/tag.types.d.ts +2 -3
- package/dist/tag/tag.types.d.ts.map +1 -1
- package/dist/tsbuildinfo +1 -1
- package/package.json +5 -2
package/dist/menu/index.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require(`@qualcomm-ui/utils/
|
|
1
|
+
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require(`@qualcomm-ui/utils/attributes`),t=require(`@qualcomm-ui/utils/anatomy`),n=require(`@qualcomm-ui/qds-core/checkbox`),r=require(`@qualcomm-ui/qds-core/radio`);var i=(0,t.createAnatomy)(`menu`).parts(`description`,`startIcon`),a={command:`qui-menu-item__command`,group:`qui-menu-item__group`,groupLabel:`qui-menu-item__group-label`,icon:`qui-menu-item__icon`,itemAccessory:`qui-menu-item__accessory`,itemDescription:`qui-menu-item__description`,itemIndicator:`qui-menu-item__indicator`,itemLabel:`qui-menu-item__label`,root:`qui-menu-item__root`,startIcon:`qui-menu-item__start-icon`},o=(0,t.createAnatomy)(`splitButton`).parts(`root`),s={button:`qui-menu__button`,content:`qui-menu__content`,indicator:`qui-menu__indicator`,separator:`qui-menu__separator`,splitButton:`qui-menu__split-button`},c=o.parts;function l({"aria-label":t,"aria-labelledby":n,density:r,disabled:i,emphasis:a,size:o,variant:l},u){let d=!!(t||n);return u.element({...c.root,"aria-label":t||void 0,"aria-labelledby":n||void 0,className:s.splitButton,"data-density":r||`default`,"data-disabled":(0,e.booleanDataAttr)(i),"data-emphasis":a||void 0,"data-size":o||`md`,"data-variant":l||void 0,...d&&{role:`group`}})}function u(e,t){let o=e.size||`md`,c=i.parts;return{size:o,getButtonBindings(){return t.element({className:s.button})},getCheckboxItemControlBindings(){return t.element({className:n.checkboxClasses.control})},getContentBindings(){return t.element({className:s.content,"data-size":o})},getIndicatorBindings(){return t.element({className:s.indicator})},getItemBindings(){return t.element({className:a.root,"data-size":o})},getItemCommandBindings(){return t.element({className:a.command,"data-size":o})},getItemGroupBindings(){return t.element({className:a.group})},getItemGroupLabelBindings(){return t.element({className:a.groupLabel,"data-size":o})},getItemIndicatorBindings(){return t.element({className:a.itemIndicator,"data-size":o})},getItemLabelBindings(){return t.element({className:a.itemLabel,"data-size":o})},getItemStartIconBindings(){return t.element({...c.startIcon,className:a.startIcon,"data-size":o})},getMenuItemAccessoryBindings(){return t.element({className:a.itemAccessory})},getMenuItemDescriptionBindings(){return t.element({...c.description,className:a.itemDescription,"data-size":o})},getRadioItemBindings(){return t.element({className:a.root,"data-size":o})},getRadioItemControlBindings(){return t.element({className:r.radioClasses.itemControl})},getSeparatorBindings(){return t.element({className:s.separator})},getTriggerItemIndicatorBindings(){return t.element({className:a.itemIndicator,"data-size":o})}}}exports.createQdsMenuApi=u,exports.getQdsSplitButtonBindings=l,exports.menuClasses=s,exports.menuItemClasses=a,exports.qdsMenuAnatomy=i,exports.splitButtonAnatomy=o;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
package/dist/menu/index.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","names":[],"sources":["../../src/menu/menu.anatomy.ts","../../src/menu/menu-item.classes.ts","../../src/menu/menu.classes.ts","../../src/menu/menu.api.ts"],"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 = [\"description\", \"startIcon\"] as const\n\nexport const qdsMenuAnatomy: Anatomy<\"menu\", (typeof parts)[number]> =\n createAnatomy(\"menu\").parts(...parts)\n","// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nexport const menuItemClasses = {\n command: \"qui-menu-item__command\",\n group: \"qui-menu-item__group\",\n groupLabel: \"qui-menu-item__group-label\",\n icon: \"qui-menu-item__icon\",\n itemAccessory: \"qui-menu-item__accessory\",\n itemDescription: \"qui-menu-item__description\",\n itemIndicator: \"qui-menu-item__indicator\",\n itemLabel: \"qui-menu-item__label\",\n root: \"qui-menu-item__root\",\n startIcon: \"qui-menu-item__start-icon\",\n} as const\n","// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nexport const menuClasses = {\n button: \"qui-menu__button\",\n content: \"qui-menu__content\",\n indicator: \"qui-menu__indicator\",\n separator: \"qui-menu__separator\",\n} as const\n","// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {checkboxClasses} from \"@qualcomm-ui/qds-core/checkbox\"\nimport {radioClasses} from \"@qualcomm-ui/qds-core/radio\"\nimport type {PropNormalizer} from \"@qualcomm-ui/utils/machine\"\n\nimport {menuItemClasses} from \"./menu-item.classes\"\nimport {qdsMenuAnatomy} from \"./menu.anatomy\"\nimport {menuClasses} from \"./menu.classes\"\nimport type {\n QdsMenuApi,\n QdsMenuApiProps,\n QdsMenuButtonBindings,\n QdsMenuCheckboxItemControlBindings,\n QdsMenuContentBindings,\n QdsMenuDescriptionBindings,\n QdsMenuIndicatorBindings,\n QdsMenuItemAccessoryBindings,\n QdsMenuItemBindings,\n QdsMenuItemCommandBindings,\n QdsMenuItemGroupBindings,\n QdsMenuItemGroupLabelBindings,\n QdsMenuItemIndicatorBindings,\n QdsMenuItemLabelBindings,\n QdsMenuItemStartIconBindings,\n QdsMenuRadioItemBindings,\n QdsMenuRadioItemControlBindings,\n QdsMenuSeparatorBindings,\n QdsMenuTriggerItemIndicatorBindings,\n} from \"./menu.types\"\n\nexport function createQdsMenuApi(\n props: QdsMenuApiProps,\n normalize: PropNormalizer,\n): QdsMenuApi {\n const size = props.size || \"md\"\n const parts = qdsMenuAnatomy.parts\n return {\n size,\n\n // group: bindings\n getButtonBindings(): QdsMenuButtonBindings {\n return normalize.element({\n className: menuClasses.button,\n })\n },\n getCheckboxItemControlBindings(): QdsMenuCheckboxItemControlBindings {\n return normalize.element({\n className: checkboxClasses.control,\n })\n },\n getContentBindings(): QdsMenuContentBindings {\n return normalize.element({\n className: menuClasses.content,\n \"data-size\": size,\n })\n },\n getIndicatorBindings(): QdsMenuIndicatorBindings {\n return normalize.element({\n className: menuClasses.indicator,\n })\n },\n getItemBindings(): QdsMenuItemBindings {\n return normalize.element({\n className: menuItemClasses.root,\n \"data-size\": size,\n })\n },\n getItemCommandBindings(): QdsMenuItemCommandBindings {\n return normalize.element({\n className: menuItemClasses.command,\n \"data-size\": size,\n })\n },\n getItemGroupBindings(): QdsMenuItemGroupBindings {\n return normalize.element({\n className: menuItemClasses.group,\n })\n },\n getItemGroupLabelBindings(): QdsMenuItemGroupLabelBindings {\n return normalize.element({\n className: menuItemClasses.groupLabel,\n \"data-size\": size,\n })\n },\n getItemIndicatorBindings(): QdsMenuItemIndicatorBindings {\n return normalize.element({\n className: menuItemClasses.itemIndicator,\n \"data-size\": size,\n })\n },\n getItemLabelBindings(): QdsMenuItemLabelBindings {\n return normalize.element({\n className: menuItemClasses.itemLabel,\n \"data-size\": size,\n })\n },\n getItemStartIconBindings(): QdsMenuItemStartIconBindings {\n return normalize.element({\n ...parts.startIcon,\n className: menuItemClasses.startIcon,\n \"data-size\": size,\n })\n },\n getMenuItemAccessoryBindings(): QdsMenuItemAccessoryBindings {\n return normalize.element({\n className: menuItemClasses.itemAccessory,\n })\n },\n getMenuItemDescriptionBindings(): QdsMenuDescriptionBindings {\n return normalize.element({\n ...parts.description,\n className: menuItemClasses.itemDescription,\n \"data-size\": size,\n })\n },\n getRadioItemBindings(): QdsMenuRadioItemBindings {\n return normalize.element({\n className: menuItemClasses.root,\n \"data-size\": size,\n })\n },\n getRadioItemControlBindings(): QdsMenuRadioItemControlBindings {\n return normalize.element({\n className: radioClasses.itemControl,\n })\n },\n getSeparatorBindings(): QdsMenuSeparatorBindings {\n return normalize.element({\n className: menuClasses.separator,\n })\n },\n getTriggerItemIndicatorBindings(): QdsMenuTriggerItemIndicatorBindings {\n return normalize.element({\n className: menuItemClasses.itemIndicator,\n \"data-size\": size,\n })\n },\n }\n}\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.cjs","names":[],"sources":["../../src/menu/menu.anatomy.ts","../../src/menu/menu-item.classes.ts","../../src/menu/menu-split-button.anatomy.ts","../../src/menu/menu.classes.ts","../../src/menu/menu-split-button.api.ts","../../src/menu/menu.api.ts"],"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 = [\"description\", \"startIcon\"] as const\n\nexport const qdsMenuAnatomy: Anatomy<\"menu\", (typeof parts)[number]> =\n createAnatomy(\"menu\").parts(...parts)\n","// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nexport const menuItemClasses = {\n command: \"qui-menu-item__command\",\n group: \"qui-menu-item__group\",\n groupLabel: \"qui-menu-item__group-label\",\n icon: \"qui-menu-item__icon\",\n itemAccessory: \"qui-menu-item__accessory\",\n itemDescription: \"qui-menu-item__description\",\n itemIndicator: \"qui-menu-item__indicator\",\n itemLabel: \"qui-menu-item__label\",\n root: \"qui-menu-item__root\",\n startIcon: \"qui-menu-item__start-icon\",\n} as const\n","// 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\"] as const\n\nexport const splitButtonAnatomy: Anatomy<\n \"splitButton\",\n (typeof parts)[number]\n> = createAnatomy(\"splitButton\").parts(...parts)\n","// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nexport const menuClasses = {\n button: \"qui-menu__button\",\n content: \"qui-menu__content\",\n indicator: \"qui-menu__indicator\",\n separator: \"qui-menu__separator\",\n splitButton: \"qui-menu__split-button\",\n} as const\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 {Explicit} from \"@qualcomm-ui/utils/guard\"\nimport type {PropNormalizer} from \"@qualcomm-ui/utils/machine\"\n\nimport {splitButtonAnatomy} from \"./menu-split-button.anatomy\"\nimport type {\n QdsSplitButtonApiProps,\n QdsSplitButtonBindings,\n} from \"./menu-split-button.types\"\nimport {menuClasses} from \"./menu.classes\"\n\nconst parts = splitButtonAnatomy.parts\n\nexport function getQdsSplitButtonBindings(\n {\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledby,\n density,\n disabled,\n emphasis,\n size,\n variant,\n }: Explicit<QdsSplitButtonApiProps>,\n normalize: PropNormalizer,\n): QdsSplitButtonBindings {\n const hasAriaLabel = !!(ariaLabel || ariaLabelledby)\n\n return normalize.element({\n ...parts.root,\n \"aria-label\": ariaLabel || undefined,\n \"aria-labelledby\": ariaLabelledby || undefined,\n className: menuClasses.splitButton,\n \"data-density\": density || \"default\",\n \"data-disabled\": booleanDataAttr(disabled),\n \"data-emphasis\": emphasis || undefined,\n \"data-size\": size || \"md\",\n \"data-variant\": variant || undefined,\n ...(hasAriaLabel && {role: \"group\"}),\n })\n}\n","// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {checkboxClasses} from \"@qualcomm-ui/qds-core/checkbox\"\nimport {radioClasses} from \"@qualcomm-ui/qds-core/radio\"\nimport type {PropNormalizer} from \"@qualcomm-ui/utils/machine\"\n\nimport {menuItemClasses} from \"./menu-item.classes\"\nimport {qdsMenuAnatomy} from \"./menu.anatomy\"\nimport {menuClasses} from \"./menu.classes\"\nimport type {\n QdsMenuApi,\n QdsMenuApiProps,\n QdsMenuButtonBindings,\n QdsMenuCheckboxItemControlBindings,\n QdsMenuContentBindings,\n QdsMenuDescriptionBindings,\n QdsMenuIndicatorBindings,\n QdsMenuItemAccessoryBindings,\n QdsMenuItemBindings,\n QdsMenuItemCommandBindings,\n QdsMenuItemGroupBindings,\n QdsMenuItemGroupLabelBindings,\n QdsMenuItemIndicatorBindings,\n QdsMenuItemLabelBindings,\n QdsMenuItemStartIconBindings,\n QdsMenuRadioItemBindings,\n QdsMenuRadioItemControlBindings,\n QdsMenuSeparatorBindings,\n QdsMenuTriggerItemIndicatorBindings,\n} from \"./menu.types\"\n\nexport function createQdsMenuApi(\n props: QdsMenuApiProps,\n normalize: PropNormalizer,\n): QdsMenuApi {\n const size = props.size || \"md\"\n const parts = qdsMenuAnatomy.parts\n return {\n size,\n\n // group: bindings\n getButtonBindings(): QdsMenuButtonBindings {\n return normalize.element({\n className: menuClasses.button,\n })\n },\n getCheckboxItemControlBindings(): QdsMenuCheckboxItemControlBindings {\n return normalize.element({\n className: checkboxClasses.control,\n })\n },\n getContentBindings(): QdsMenuContentBindings {\n return normalize.element({\n className: menuClasses.content,\n \"data-size\": size,\n })\n },\n getIndicatorBindings(): QdsMenuIndicatorBindings {\n return normalize.element({\n className: menuClasses.indicator,\n })\n },\n getItemBindings(): QdsMenuItemBindings {\n return normalize.element({\n className: menuItemClasses.root,\n \"data-size\": size,\n })\n },\n getItemCommandBindings(): QdsMenuItemCommandBindings {\n return normalize.element({\n className: menuItemClasses.command,\n \"data-size\": size,\n })\n },\n getItemGroupBindings(): QdsMenuItemGroupBindings {\n return normalize.element({\n className: menuItemClasses.group,\n })\n },\n getItemGroupLabelBindings(): QdsMenuItemGroupLabelBindings {\n return normalize.element({\n className: menuItemClasses.groupLabel,\n \"data-size\": size,\n })\n },\n getItemIndicatorBindings(): QdsMenuItemIndicatorBindings {\n return normalize.element({\n className: menuItemClasses.itemIndicator,\n \"data-size\": size,\n })\n },\n getItemLabelBindings(): QdsMenuItemLabelBindings {\n return normalize.element({\n className: menuItemClasses.itemLabel,\n \"data-size\": size,\n })\n },\n getItemStartIconBindings(): QdsMenuItemStartIconBindings {\n return normalize.element({\n ...parts.startIcon,\n className: menuItemClasses.startIcon,\n \"data-size\": size,\n })\n },\n getMenuItemAccessoryBindings(): QdsMenuItemAccessoryBindings {\n return normalize.element({\n className: menuItemClasses.itemAccessory,\n })\n },\n getMenuItemDescriptionBindings(): QdsMenuDescriptionBindings {\n return normalize.element({\n ...parts.description,\n className: menuItemClasses.itemDescription,\n \"data-size\": size,\n })\n },\n getRadioItemBindings(): QdsMenuRadioItemBindings {\n return normalize.element({\n className: menuItemClasses.root,\n \"data-size\": size,\n })\n },\n getRadioItemControlBindings(): QdsMenuRadioItemControlBindings {\n return normalize.element({\n className: radioClasses.itemControl,\n })\n },\n getSeparatorBindings(): QdsMenuSeparatorBindings {\n return normalize.element({\n className: menuClasses.separator,\n })\n },\n getTriggerItemIndicatorBindings(): QdsMenuTriggerItemIndicatorBindings {\n return normalize.element({\n className: menuItemClasses.itemIndicator,\n \"data-size\": size,\n })\n },\n }\n}\n"],"mappings":"+OAOA,IAAa,GAAA,EAAA,EAAA,eACG,OAAO,CAAC,MAHT,cAAe,YAGS,CCL1B,EAAkB,CAC7B,QAAS,yBACT,MAAO,uBACP,WAAY,6BACZ,KAAM,sBACN,cAAe,2BACf,gBAAiB,6BACjB,cAAe,2BACf,UAAW,uBACX,KAAM,sBACN,UAAW,4BACZ,CCPY,GAAA,EAAA,EAAA,eAGK,cAAc,CAAC,MALlB,OAKiC,CCPnC,EAAc,CACzB,OAAQ,mBACR,QAAS,oBACT,UAAW,sBACX,UAAW,sBACX,YAAa,yBACd,CCKK,EAAQ,EAAmB,MAEjC,SAAgB,EACd,CACE,aAAc,EACd,kBAAmB,EACnB,UACA,WACA,WACA,OACA,WAEF,EACwB,CACxB,IAAM,EAAe,CAAC,EAAE,GAAa,GAErC,OAAO,EAAU,QAAQ,CACvB,GAAG,EAAM,KACT,aAAc,GAAa,IAAA,GAC3B,kBAAmB,GAAkB,IAAA,GACrC,UAAW,EAAY,YACvB,eAAgB,GAAW,UAC3B,iBAAA,EAAA,EAAA,iBAAiC,EAAS,CAC1C,gBAAiB,GAAY,IAAA,GAC7B,YAAa,GAAQ,KACrB,eAAgB,GAAW,IAAA,GAC3B,GAAI,GAAgB,CAAC,KAAM,QAAQ,CACpC,CAAC,CCTJ,SAAgB,EACd,EACA,EACY,CACZ,IAAM,EAAO,EAAM,MAAQ,KACrB,EAAQ,EAAe,MAC7B,MAAO,CACL,OAGA,mBAA2C,CACzC,OAAO,EAAU,QAAQ,CACvB,UAAW,EAAY,OACxB,CAAC,EAEJ,gCAAqE,CACnE,OAAO,EAAU,QAAQ,CACvB,UAAW,EAAA,gBAAgB,QAC5B,CAAC,EAEJ,oBAA6C,CAC3C,OAAO,EAAU,QAAQ,CACvB,UAAW,EAAY,QACvB,YAAa,EACd,CAAC,EAEJ,sBAAiD,CAC/C,OAAO,EAAU,QAAQ,CACvB,UAAW,EAAY,UACxB,CAAC,EAEJ,iBAAuC,CACrC,OAAO,EAAU,QAAQ,CACvB,UAAW,EAAgB,KAC3B,YAAa,EACd,CAAC,EAEJ,wBAAqD,CACnD,OAAO,EAAU,QAAQ,CACvB,UAAW,EAAgB,QAC3B,YAAa,EACd,CAAC,EAEJ,sBAAiD,CAC/C,OAAO,EAAU,QAAQ,CACvB,UAAW,EAAgB,MAC5B,CAAC,EAEJ,2BAA2D,CACzD,OAAO,EAAU,QAAQ,CACvB,UAAW,EAAgB,WAC3B,YAAa,EACd,CAAC,EAEJ,0BAAyD,CACvD,OAAO,EAAU,QAAQ,CACvB,UAAW,EAAgB,cAC3B,YAAa,EACd,CAAC,EAEJ,sBAAiD,CAC/C,OAAO,EAAU,QAAQ,CACvB,UAAW,EAAgB,UAC3B,YAAa,EACd,CAAC,EAEJ,0BAAyD,CACvD,OAAO,EAAU,QAAQ,CACvB,GAAG,EAAM,UACT,UAAW,EAAgB,UAC3B,YAAa,EACd,CAAC,EAEJ,8BAA6D,CAC3D,OAAO,EAAU,QAAQ,CACvB,UAAW,EAAgB,cAC5B,CAAC,EAEJ,gCAA6D,CAC3D,OAAO,EAAU,QAAQ,CACvB,GAAG,EAAM,YACT,UAAW,EAAgB,gBAC3B,YAAa,EACd,CAAC,EAEJ,sBAAiD,CAC/C,OAAO,EAAU,QAAQ,CACvB,UAAW,EAAgB,KAC3B,YAAa,EACd,CAAC,EAEJ,6BAA+D,CAC7D,OAAO,EAAU,QAAQ,CACvB,UAAW,EAAA,aAAa,YACzB,CAAC,EAEJ,sBAAiD,CAC/C,OAAO,EAAU,QAAQ,CACvB,UAAW,EAAY,UACxB,CAAC,EAEJ,iCAAuE,CACrE,OAAO,EAAU,QAAQ,CACvB,UAAW,EAAgB,cAC3B,YAAa,EACd,CAAC,EAEL"}
|
package/dist/menu/index.d.ts
CHANGED
|
@@ -1,5 +1,8 @@
|
|
|
1
1
|
export * from "./menu.anatomy";
|
|
2
2
|
export * from "./menu-item.classes";
|
|
3
|
+
export * from "./menu-split-button.anatomy";
|
|
4
|
+
export * from "./menu-split-button.api";
|
|
5
|
+
export type * from "./menu-split-button.types";
|
|
3
6
|
export * from "./menu.api";
|
|
4
7
|
export * from "./menu.classes";
|
|
5
8
|
export type * from "./menu.types";
|
package/dist/menu/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/menu/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA;AAC9B,cAAc,qBAAqB,CAAA;AACnC,cAAc,YAAY,CAAA;AAC1B,cAAc,gBAAgB,CAAA;AAC9B,mBAAmB,cAAc,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/menu/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA;AAC9B,cAAc,qBAAqB,CAAA;AACnC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,yBAAyB,CAAA;AACvC,mBAAmB,2BAA2B,CAAA;AAC9C,cAAc,YAAY,CAAA;AAC1B,cAAc,gBAAgB,CAAA;AAC9B,mBAAmB,cAAc,CAAA"}
|
package/dist/menu/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{booleanDataAttr as e}from"@qualcomm-ui/utils/attributes";import{createAnatomy as t}from"@qualcomm-ui/utils/anatomy";import{checkboxClasses as n}from"@qualcomm-ui/qds-core/checkbox";import{radioClasses as r}from"@qualcomm-ui/qds-core/radio";var i=t(`menu`).parts(`description`,`startIcon`),a={command:`qui-menu-item__command`,group:`qui-menu-item__group`,groupLabel:`qui-menu-item__group-label`,icon:`qui-menu-item__icon`,itemAccessory:`qui-menu-item__accessory`,itemDescription:`qui-menu-item__description`,itemIndicator:`qui-menu-item__indicator`,itemLabel:`qui-menu-item__label`,root:`qui-menu-item__root`,startIcon:`qui-menu-item__start-icon`},o=t(`splitButton`).parts(`root`),s={button:`qui-menu__button`,content:`qui-menu__content`,indicator:`qui-menu__indicator`,separator:`qui-menu__separator`,splitButton:`qui-menu__split-button`},c=o.parts;function l({"aria-label":t,"aria-labelledby":n,density:r,disabled:i,emphasis:a,size:o,variant:l},u){let d=!!(t||n);return u.element({...c.root,"aria-label":t||void 0,"aria-labelledby":n||void 0,className:s.splitButton,"data-density":r||`default`,"data-disabled":e(i),"data-emphasis":a||void 0,"data-size":o||`md`,"data-variant":l||void 0,...d&&{role:`group`}})}function u(e,t){let o=e.size||`md`,c=i.parts;return{size:o,getButtonBindings(){return t.element({className:s.button})},getCheckboxItemControlBindings(){return t.element({className:n.control})},getContentBindings(){return t.element({className:s.content,"data-size":o})},getIndicatorBindings(){return t.element({className:s.indicator})},getItemBindings(){return t.element({className:a.root,"data-size":o})},getItemCommandBindings(){return t.element({className:a.command,"data-size":o})},getItemGroupBindings(){return t.element({className:a.group})},getItemGroupLabelBindings(){return t.element({className:a.groupLabel,"data-size":o})},getItemIndicatorBindings(){return t.element({className:a.itemIndicator,"data-size":o})},getItemLabelBindings(){return t.element({className:a.itemLabel,"data-size":o})},getItemStartIconBindings(){return t.element({...c.startIcon,className:a.startIcon,"data-size":o})},getMenuItemAccessoryBindings(){return t.element({className:a.itemAccessory})},getMenuItemDescriptionBindings(){return t.element({...c.description,className:a.itemDescription,"data-size":o})},getRadioItemBindings(){return t.element({className:a.root,"data-size":o})},getRadioItemControlBindings(){return t.element({className:r.itemControl})},getSeparatorBindings(){return t.element({className:s.separator})},getTriggerItemIndicatorBindings(){return t.element({className:a.itemIndicator,"data-size":o})}}}export{u as createQdsMenuApi,l as getQdsSplitButtonBindings,s as menuClasses,a as menuItemClasses,i as qdsMenuAnatomy,o as splitButtonAnatomy};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
package/dist/menu/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[],"sources":["../../src/menu/menu.anatomy.ts","../../src/menu/menu-item.classes.ts","../../src/menu/menu.classes.ts","../../src/menu/menu.api.ts"],"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 = [\"description\", \"startIcon\"] as const\n\nexport const qdsMenuAnatomy: Anatomy<\"menu\", (typeof parts)[number]> =\n createAnatomy(\"menu\").parts(...parts)\n","// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nexport const menuItemClasses = {\n command: \"qui-menu-item__command\",\n group: \"qui-menu-item__group\",\n groupLabel: \"qui-menu-item__group-label\",\n icon: \"qui-menu-item__icon\",\n itemAccessory: \"qui-menu-item__accessory\",\n itemDescription: \"qui-menu-item__description\",\n itemIndicator: \"qui-menu-item__indicator\",\n itemLabel: \"qui-menu-item__label\",\n root: \"qui-menu-item__root\",\n startIcon: \"qui-menu-item__start-icon\",\n} as const\n","// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nexport const menuClasses = {\n button: \"qui-menu__button\",\n content: \"qui-menu__content\",\n indicator: \"qui-menu__indicator\",\n separator: \"qui-menu__separator\",\n} as const\n","// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {checkboxClasses} from \"@qualcomm-ui/qds-core/checkbox\"\nimport {radioClasses} from \"@qualcomm-ui/qds-core/radio\"\nimport type {PropNormalizer} from \"@qualcomm-ui/utils/machine\"\n\nimport {menuItemClasses} from \"./menu-item.classes\"\nimport {qdsMenuAnatomy} from \"./menu.anatomy\"\nimport {menuClasses} from \"./menu.classes\"\nimport type {\n QdsMenuApi,\n QdsMenuApiProps,\n QdsMenuButtonBindings,\n QdsMenuCheckboxItemControlBindings,\n QdsMenuContentBindings,\n QdsMenuDescriptionBindings,\n QdsMenuIndicatorBindings,\n QdsMenuItemAccessoryBindings,\n QdsMenuItemBindings,\n QdsMenuItemCommandBindings,\n QdsMenuItemGroupBindings,\n QdsMenuItemGroupLabelBindings,\n QdsMenuItemIndicatorBindings,\n QdsMenuItemLabelBindings,\n QdsMenuItemStartIconBindings,\n QdsMenuRadioItemBindings,\n QdsMenuRadioItemControlBindings,\n QdsMenuSeparatorBindings,\n QdsMenuTriggerItemIndicatorBindings,\n} from \"./menu.types\"\n\nexport function createQdsMenuApi(\n props: QdsMenuApiProps,\n normalize: PropNormalizer,\n): QdsMenuApi {\n const size = props.size || \"md\"\n const parts = qdsMenuAnatomy.parts\n return {\n size,\n\n // group: bindings\n getButtonBindings(): QdsMenuButtonBindings {\n return normalize.element({\n className: menuClasses.button,\n })\n },\n getCheckboxItemControlBindings(): QdsMenuCheckboxItemControlBindings {\n return normalize.element({\n className: checkboxClasses.control,\n })\n },\n getContentBindings(): QdsMenuContentBindings {\n return normalize.element({\n className: menuClasses.content,\n \"data-size\": size,\n })\n },\n getIndicatorBindings(): QdsMenuIndicatorBindings {\n return normalize.element({\n className: menuClasses.indicator,\n })\n },\n getItemBindings(): QdsMenuItemBindings {\n return normalize.element({\n className: menuItemClasses.root,\n \"data-size\": size,\n })\n },\n getItemCommandBindings(): QdsMenuItemCommandBindings {\n return normalize.element({\n className: menuItemClasses.command,\n \"data-size\": size,\n })\n },\n getItemGroupBindings(): QdsMenuItemGroupBindings {\n return normalize.element({\n className: menuItemClasses.group,\n })\n },\n getItemGroupLabelBindings(): QdsMenuItemGroupLabelBindings {\n return normalize.element({\n className: menuItemClasses.groupLabel,\n \"data-size\": size,\n })\n },\n getItemIndicatorBindings(): QdsMenuItemIndicatorBindings {\n return normalize.element({\n className: menuItemClasses.itemIndicator,\n \"data-size\": size,\n })\n },\n getItemLabelBindings(): QdsMenuItemLabelBindings {\n return normalize.element({\n className: menuItemClasses.itemLabel,\n \"data-size\": size,\n })\n },\n getItemStartIconBindings(): QdsMenuItemStartIconBindings {\n return normalize.element({\n ...parts.startIcon,\n className: menuItemClasses.startIcon,\n \"data-size\": size,\n })\n },\n getMenuItemAccessoryBindings(): QdsMenuItemAccessoryBindings {\n return normalize.element({\n className: menuItemClasses.itemAccessory,\n })\n },\n getMenuItemDescriptionBindings(): QdsMenuDescriptionBindings {\n return normalize.element({\n ...parts.description,\n className: menuItemClasses.itemDescription,\n \"data-size\": size,\n })\n },\n getRadioItemBindings(): QdsMenuRadioItemBindings {\n return normalize.element({\n className: menuItemClasses.root,\n \"data-size\": size,\n })\n },\n getRadioItemControlBindings(): QdsMenuRadioItemControlBindings {\n return normalize.element({\n className: radioClasses.itemControl,\n })\n },\n getSeparatorBindings(): QdsMenuSeparatorBindings {\n return normalize.element({\n className: menuClasses.separator,\n })\n },\n getTriggerItemIndicatorBindings(): QdsMenuTriggerItemIndicatorBindings {\n return normalize.element({\n className: menuItemClasses.itemIndicator,\n \"data-size\": size,\n })\n },\n }\n}\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../src/menu/menu.anatomy.ts","../../src/menu/menu-item.classes.ts","../../src/menu/menu-split-button.anatomy.ts","../../src/menu/menu.classes.ts","../../src/menu/menu-split-button.api.ts","../../src/menu/menu.api.ts"],"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 = [\"description\", \"startIcon\"] as const\n\nexport const qdsMenuAnatomy: Anatomy<\"menu\", (typeof parts)[number]> =\n createAnatomy(\"menu\").parts(...parts)\n","// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nexport const menuItemClasses = {\n command: \"qui-menu-item__command\",\n group: \"qui-menu-item__group\",\n groupLabel: \"qui-menu-item__group-label\",\n icon: \"qui-menu-item__icon\",\n itemAccessory: \"qui-menu-item__accessory\",\n itemDescription: \"qui-menu-item__description\",\n itemIndicator: \"qui-menu-item__indicator\",\n itemLabel: \"qui-menu-item__label\",\n root: \"qui-menu-item__root\",\n startIcon: \"qui-menu-item__start-icon\",\n} as const\n","// 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\"] as const\n\nexport const splitButtonAnatomy: Anatomy<\n \"splitButton\",\n (typeof parts)[number]\n> = createAnatomy(\"splitButton\").parts(...parts)\n","// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nexport const menuClasses = {\n button: \"qui-menu__button\",\n content: \"qui-menu__content\",\n indicator: \"qui-menu__indicator\",\n separator: \"qui-menu__separator\",\n splitButton: \"qui-menu__split-button\",\n} as const\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 {Explicit} from \"@qualcomm-ui/utils/guard\"\nimport type {PropNormalizer} from \"@qualcomm-ui/utils/machine\"\n\nimport {splitButtonAnatomy} from \"./menu-split-button.anatomy\"\nimport type {\n QdsSplitButtonApiProps,\n QdsSplitButtonBindings,\n} from \"./menu-split-button.types\"\nimport {menuClasses} from \"./menu.classes\"\n\nconst parts = splitButtonAnatomy.parts\n\nexport function getQdsSplitButtonBindings(\n {\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledby,\n density,\n disabled,\n emphasis,\n size,\n variant,\n }: Explicit<QdsSplitButtonApiProps>,\n normalize: PropNormalizer,\n): QdsSplitButtonBindings {\n const hasAriaLabel = !!(ariaLabel || ariaLabelledby)\n\n return normalize.element({\n ...parts.root,\n \"aria-label\": ariaLabel || undefined,\n \"aria-labelledby\": ariaLabelledby || undefined,\n className: menuClasses.splitButton,\n \"data-density\": density || \"default\",\n \"data-disabled\": booleanDataAttr(disabled),\n \"data-emphasis\": emphasis || undefined,\n \"data-size\": size || \"md\",\n \"data-variant\": variant || undefined,\n ...(hasAriaLabel && {role: \"group\"}),\n })\n}\n","// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {checkboxClasses} from \"@qualcomm-ui/qds-core/checkbox\"\nimport {radioClasses} from \"@qualcomm-ui/qds-core/radio\"\nimport type {PropNormalizer} from \"@qualcomm-ui/utils/machine\"\n\nimport {menuItemClasses} from \"./menu-item.classes\"\nimport {qdsMenuAnatomy} from \"./menu.anatomy\"\nimport {menuClasses} from \"./menu.classes\"\nimport type {\n QdsMenuApi,\n QdsMenuApiProps,\n QdsMenuButtonBindings,\n QdsMenuCheckboxItemControlBindings,\n QdsMenuContentBindings,\n QdsMenuDescriptionBindings,\n QdsMenuIndicatorBindings,\n QdsMenuItemAccessoryBindings,\n QdsMenuItemBindings,\n QdsMenuItemCommandBindings,\n QdsMenuItemGroupBindings,\n QdsMenuItemGroupLabelBindings,\n QdsMenuItemIndicatorBindings,\n QdsMenuItemLabelBindings,\n QdsMenuItemStartIconBindings,\n QdsMenuRadioItemBindings,\n QdsMenuRadioItemControlBindings,\n QdsMenuSeparatorBindings,\n QdsMenuTriggerItemIndicatorBindings,\n} from \"./menu.types\"\n\nexport function createQdsMenuApi(\n props: QdsMenuApiProps,\n normalize: PropNormalizer,\n): QdsMenuApi {\n const size = props.size || \"md\"\n const parts = qdsMenuAnatomy.parts\n return {\n size,\n\n // group: bindings\n getButtonBindings(): QdsMenuButtonBindings {\n return normalize.element({\n className: menuClasses.button,\n })\n },\n getCheckboxItemControlBindings(): QdsMenuCheckboxItemControlBindings {\n return normalize.element({\n className: checkboxClasses.control,\n })\n },\n getContentBindings(): QdsMenuContentBindings {\n return normalize.element({\n className: menuClasses.content,\n \"data-size\": size,\n })\n },\n getIndicatorBindings(): QdsMenuIndicatorBindings {\n return normalize.element({\n className: menuClasses.indicator,\n })\n },\n getItemBindings(): QdsMenuItemBindings {\n return normalize.element({\n className: menuItemClasses.root,\n \"data-size\": size,\n })\n },\n getItemCommandBindings(): QdsMenuItemCommandBindings {\n return normalize.element({\n className: menuItemClasses.command,\n \"data-size\": size,\n })\n },\n getItemGroupBindings(): QdsMenuItemGroupBindings {\n return normalize.element({\n className: menuItemClasses.group,\n })\n },\n getItemGroupLabelBindings(): QdsMenuItemGroupLabelBindings {\n return normalize.element({\n className: menuItemClasses.groupLabel,\n \"data-size\": size,\n })\n },\n getItemIndicatorBindings(): QdsMenuItemIndicatorBindings {\n return normalize.element({\n className: menuItemClasses.itemIndicator,\n \"data-size\": size,\n })\n },\n getItemLabelBindings(): QdsMenuItemLabelBindings {\n return normalize.element({\n className: menuItemClasses.itemLabel,\n \"data-size\": size,\n })\n },\n getItemStartIconBindings(): QdsMenuItemStartIconBindings {\n return normalize.element({\n ...parts.startIcon,\n className: menuItemClasses.startIcon,\n \"data-size\": size,\n })\n },\n getMenuItemAccessoryBindings(): QdsMenuItemAccessoryBindings {\n return normalize.element({\n className: menuItemClasses.itemAccessory,\n })\n },\n getMenuItemDescriptionBindings(): QdsMenuDescriptionBindings {\n return normalize.element({\n ...parts.description,\n className: menuItemClasses.itemDescription,\n \"data-size\": size,\n })\n },\n getRadioItemBindings(): QdsMenuRadioItemBindings {\n return normalize.element({\n className: menuItemClasses.root,\n \"data-size\": size,\n })\n },\n getRadioItemControlBindings(): QdsMenuRadioItemControlBindings {\n return normalize.element({\n className: radioClasses.itemControl,\n })\n },\n getSeparatorBindings(): QdsMenuSeparatorBindings {\n return normalize.element({\n className: menuClasses.separator,\n })\n },\n getTriggerItemIndicatorBindings(): QdsMenuTriggerItemIndicatorBindings {\n return normalize.element({\n className: menuItemClasses.itemIndicator,\n \"data-size\": size,\n })\n },\n }\n}\n"],"mappings":"uPAOA,IAAa,EACX,EAAc,OAAO,CAAC,MAHT,cAAe,YAGS,CCL1B,EAAkB,CAC7B,QAAS,yBACT,MAAO,uBACP,WAAY,6BACZ,KAAM,sBACN,cAAe,2BACf,gBAAiB,6BACjB,cAAe,2BACf,UAAW,uBACX,KAAM,sBACN,UAAW,4BACZ,CCPY,EAGT,EAAc,cAAc,CAAC,MALlB,OAKiC,CCPnC,EAAc,CACzB,OAAQ,mBACR,QAAS,oBACT,UAAW,sBACX,UAAW,sBACX,YAAa,yBACd,CCKK,EAAQ,EAAmB,MAEjC,SAAgB,EACd,CACE,aAAc,EACd,kBAAmB,EACnB,UACA,WACA,WACA,OACA,WAEF,EACwB,CACxB,IAAM,EAAe,CAAC,EAAE,GAAa,GAErC,OAAO,EAAU,QAAQ,CACvB,GAAG,EAAM,KACT,aAAc,GAAa,IAAA,GAC3B,kBAAmB,GAAkB,IAAA,GACrC,UAAW,EAAY,YACvB,eAAgB,GAAW,UAC3B,gBAAiB,EAAgB,EAAS,CAC1C,gBAAiB,GAAY,IAAA,GAC7B,YAAa,GAAQ,KACrB,eAAgB,GAAW,IAAA,GAC3B,GAAI,GAAgB,CAAC,KAAM,QAAQ,CACpC,CAAC,CCTJ,SAAgB,EACd,EACA,EACY,CACZ,IAAM,EAAO,EAAM,MAAQ,KACrB,EAAQ,EAAe,MAC7B,MAAO,CACL,OAGA,mBAA2C,CACzC,OAAO,EAAU,QAAQ,CACvB,UAAW,EAAY,OACxB,CAAC,EAEJ,gCAAqE,CACnE,OAAO,EAAU,QAAQ,CACvB,UAAW,EAAgB,QAC5B,CAAC,EAEJ,oBAA6C,CAC3C,OAAO,EAAU,QAAQ,CACvB,UAAW,EAAY,QACvB,YAAa,EACd,CAAC,EAEJ,sBAAiD,CAC/C,OAAO,EAAU,QAAQ,CACvB,UAAW,EAAY,UACxB,CAAC,EAEJ,iBAAuC,CACrC,OAAO,EAAU,QAAQ,CACvB,UAAW,EAAgB,KAC3B,YAAa,EACd,CAAC,EAEJ,wBAAqD,CACnD,OAAO,EAAU,QAAQ,CACvB,UAAW,EAAgB,QAC3B,YAAa,EACd,CAAC,EAEJ,sBAAiD,CAC/C,OAAO,EAAU,QAAQ,CACvB,UAAW,EAAgB,MAC5B,CAAC,EAEJ,2BAA2D,CACzD,OAAO,EAAU,QAAQ,CACvB,UAAW,EAAgB,WAC3B,YAAa,EACd,CAAC,EAEJ,0BAAyD,CACvD,OAAO,EAAU,QAAQ,CACvB,UAAW,EAAgB,cAC3B,YAAa,EACd,CAAC,EAEJ,sBAAiD,CAC/C,OAAO,EAAU,QAAQ,CACvB,UAAW,EAAgB,UAC3B,YAAa,EACd,CAAC,EAEJ,0BAAyD,CACvD,OAAO,EAAU,QAAQ,CACvB,GAAG,EAAM,UACT,UAAW,EAAgB,UAC3B,YAAa,EACd,CAAC,EAEJ,8BAA6D,CAC3D,OAAO,EAAU,QAAQ,CACvB,UAAW,EAAgB,cAC5B,CAAC,EAEJ,gCAA6D,CAC3D,OAAO,EAAU,QAAQ,CACvB,GAAG,EAAM,YACT,UAAW,EAAgB,gBAC3B,YAAa,EACd,CAAC,EAEJ,sBAAiD,CAC/C,OAAO,EAAU,QAAQ,CACvB,UAAW,EAAgB,KAC3B,YAAa,EACd,CAAC,EAEJ,6BAA+D,CAC7D,OAAO,EAAU,QAAQ,CACvB,UAAW,EAAa,YACzB,CAAC,EAEJ,sBAAiD,CAC/C,OAAO,EAAU,QAAQ,CACvB,UAAW,EAAY,UACxB,CAAC,EAEJ,iCAAuE,CACrE,OAAO,EAAU,QAAQ,CACvB,UAAW,EAAgB,cAC3B,YAAa,EACd,CAAC,EAEL"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"menu-split-button.anatomy.d.ts","sourceRoot":"","sources":["../../src/menu/menu-split-button.anatomy.ts"],"names":[],"mappings":"AAGA,OAAO,EAAC,KAAK,OAAO,EAAgB,MAAM,4BAA4B,CAAA;AAEtE,QAAA,MAAM,KAAK,mBAAoB,CAAA;AAE/B,eAAO,MAAM,kBAAkB,EAAE,OAAO,CACtC,aAAa,EACb,CAAC,OAAO,KAAK,CAAC,CAAC,MAAM,CAAC,CACwB,CAAA"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import type { Explicit } from "@qualcomm-ui/utils/guard";
|
|
2
|
+
import type { PropNormalizer } from "@qualcomm-ui/utils/machine";
|
|
3
|
+
import type { QdsSplitButtonApiProps, QdsSplitButtonBindings } from "./menu-split-button.types";
|
|
4
|
+
export declare function getQdsSplitButtonBindings({ "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, density, disabled, emphasis, size, variant, }: Explicit<QdsSplitButtonApiProps>, normalize: PropNormalizer): QdsSplitButtonBindings;
|
|
5
|
+
//# sourceMappingURL=menu-split-button.api.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"menu-split-button.api.d.ts","sourceRoot":"","sources":["../../src/menu/menu-split-button.api.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,0BAA0B,CAAA;AACtD,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,4BAA4B,CAAA;AAG9D,OAAO,KAAK,EACV,sBAAsB,EACtB,sBAAsB,EACvB,MAAM,2BAA2B,CAAA;AAKlC,wBAAgB,yBAAyB,CACvC,EACE,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,OAAO,GACR,EAAE,QAAQ,CAAC,sBAAsB,CAAC,EACnC,SAAS,EAAE,cAAc,GACxB,sBAAsB,CAexB"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import type { QdsButtonGroupCommonBindings, QdsButtonGroupCommonProps } from "@qualcomm-ui/qds-core/button";
|
|
2
|
+
import type { AnatomyPart, AnatomyPartName } from "@qualcomm-ui/utils/anatomy";
|
|
3
|
+
import type { splitButtonAnatomy } from "./menu-split-button.anatomy";
|
|
4
|
+
import type { menuClasses } from "./menu.classes";
|
|
5
|
+
/**
|
|
6
|
+
* @since 1.29.0
|
|
7
|
+
*/
|
|
8
|
+
export interface QdsSplitButtonApiProps extends QdsButtonGroupCommonProps {
|
|
9
|
+
}
|
|
10
|
+
type PartName = AnatomyPartName<typeof splitButtonAnatomy>;
|
|
11
|
+
interface Part<P extends PartName> extends AnatomyPart<"splitButton", P> {
|
|
12
|
+
}
|
|
13
|
+
/**
|
|
14
|
+
* @since 1.29.0
|
|
15
|
+
*/
|
|
16
|
+
export interface QdsSplitButtonBindings extends Part<"root">, QdsButtonGroupCommonBindings {
|
|
17
|
+
className: (typeof menuClasses)["splitButton"];
|
|
18
|
+
}
|
|
19
|
+
export {};
|
|
20
|
+
//# sourceMappingURL=menu-split-button.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"menu-split-button.types.d.ts","sourceRoot":"","sources":["../../src/menu/menu-split-button.types.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,4BAA4B,EAC5B,yBAAyB,EAC1B,MAAM,8BAA8B,CAAA;AACrC,OAAO,KAAK,EAAC,WAAW,EAAE,eAAe,EAAC,MAAM,4BAA4B,CAAA;AAE5E,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,6BAA6B,CAAA;AACnE,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAA;AAE/C;;GAEG;AACH,MAAM,WAAW,sBAAuB,SAAQ,yBAAyB;CAAG;AAE5E,KAAK,QAAQ,GAAG,eAAe,CAAC,OAAO,kBAAkB,CAAC,CAAA;AAC1D,UAAU,IAAI,CAAC,CAAC,SAAS,QAAQ,CAAE,SAAQ,WAAW,CAAC,aAAa,EAAE,CAAC,CAAC;CAAG;AAE3E;;GAEG;AACH,MAAM,WAAW,sBACf,SAAQ,IAAI,CAAC,MAAM,CAAC,EAAE,4BAA4B;IAClD,SAAS,EAAE,CAAC,OAAO,WAAW,CAAC,CAAC,aAAa,CAAC,CAAA;CAC/C"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu.classes.d.ts","sourceRoot":"","sources":["../../src/menu/menu.classes.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,WAAW
|
|
1
|
+
{"version":3,"file":"menu.classes.d.ts","sourceRoot":"","sources":["../../src/menu/menu.classes.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,WAAW;;;;;;CAMd,CAAA"}
|
package/dist/menu/qds-menu.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.qui-menu__button
|
|
1
|
+
.qui-menu__button .qui-menu__indicator{transition:transform var(--animation-duration-faster) ease-out}.qui-menu__button[data-menu-part=trigger][data-state=open] .qui-menu__indicator,.qui-menu__button[data-state=open][aria-haspopup=menu] .qui-menu__indicator{transform:rotate(180deg)}.qui-menu__button:not(.qui-button__root){background:transparent}.qui-menu__button .qui-menu__indicator[data-size=sm]{--icon-size:var(--sizing-60)}.qui-menu__button .qui-menu__indicator[data-size=md]{--icon-size:var(--sizing-70)}.qui-menu__button .qui-menu__indicator[data-size=lg]{--icon-size:var(--sizing-80)}.qui-menu__button[data-density=compact] .qui-menu__indicator{--icon-size:var(--sizing-60)}.qui-menu__button[data-kind=icon]:has(.qui-button__icon){gap:var(--spacing-10)}.qui-menu__button[data-kind=icon]:has(.qui-button__icon)[data-size=sm]{padding-inline:var(--spacing-70);width:auto}.qui-menu__button[data-kind=icon]:has(.qui-button__icon)[data-size=md]{padding-inline:var(--spacing-80);width:auto}.qui-menu__button[data-kind=icon]:has(.qui-button__icon)[data-size=lg]{padding-inline:var(--spacing-90);width:auto}.qui-menu__button[data-kind=icon]:has(.qui-button__icon)[data-density=compact]{gap:var(--spacing-20)}.qui-menu__button[data-kind=icon]:has(.qui-button__icon)[data-density=compact][data-size=lg],.qui-menu__button[data-kind=icon]:has(.qui-button__icon)[data-density=compact][data-size=md],.qui-menu__button[data-kind=icon]:has(.qui-button__icon)[data-density=compact][data-size=sm]{width:auto}.qui-menu__button[data-kind=icon]:has(.qui-button__icon) .qui-menu__indicator{--icon-size:var(--sizing-60)}.qui-menu__content{background:var(--color-surface-overlay);border:solid 1px var(--color-border-neutral-02);border-radius:var(--border-radius-md);box-shadow:var(--shadow-medium);display:inline-flex;flex-direction:column;outline:none;padding:var(--spacing-40) 0;transform-origin:var(--transform-origin);z-index:calc(var(--z-index-dropdown) + var(--layer-index))}.qui-menu__content[data-state=open]{animation-duration:var(--animation-duration-fast)}.qui-menu__content[data-state=open][data-placement^=top]{animation-name:slide-from-bottom,fade-in}.qui-menu__content[data-state=open][data-placement^=bottom]{animation-name:slide-from-top,fade-in}.qui-menu__content[data-state=open][data-placement^=left]{animation-name:slide-from-right,fade-in}.qui-menu__content[data-state=open][data-placement^=right]{animation-name:slide-from-left,fade-in}.qui-menu__content[data-state=closed]{animation-duration:var(--animation-duration-faster)}.qui-menu__content[data-state=closed][data-placement^=top]{animation-name:slide-to-bottom,fade-out}.qui-menu__content[data-state=closed][data-placement^=bottom]{animation-name:slide-to-top,fade-out}.qui-menu__content[data-state=closed][data-placement^=left]{animation-name:slide-to-right,fade-out}.qui-menu__content[data-state=closed][data-placement^=right]{animation-name:slide-to-left,fade-out}.qui-menu__content[data-from=context-trigger]{animation-duration:60ms}.qui-menu-item__root{align-items:center;background:var(--color-interactive-background-ghost-idle);border:solid 1px transparent;color:var(--color-text-neutral-primary);display:grid;font:var(--font-static-body-sm-default);grid-template-columns:auto 1fr auto auto auto;grid-template-rows:1fr;line-height:normal;outline:none;padding:var(--menu-padding-y) var(--menu-padding-x);position:relative;text-align:left;text-decoration:inherit;--menu-padding-x:var(--spacing-100);--menu-padding-y:var(--spacing-80)}.qui-menu-item__root[data-size=sm]{font:var(--font-static-body-xs-default);--menu-padding-x:var(--spacing-90);--menu-padding-y:var(--spacing-60)}.qui-menu-item__root:has([data-menu-part=description]) .qui-menu-item__command,.qui-menu-item__root:has([data-menu-part=description]) .qui-menu-item__indicator{grid-column:3;grid-row:1/span 2}.qui-menu-item__root [data-menu-part=description]{grid-column:1/span 2}.qui-menu-item__root:has([data-menu-part=start-icon]) [data-menu-part=description]{grid-column:2}.qui-menu-item__root:has([data-menu-part=start-icon]):has([data-menu-part=item-control]){grid-template-columns:auto auto 1fr repeat(3,auto)}.qui-menu-item__root[data-disabled]{color:var(--color-utility-disabled-text);--icon-color:var(--color-utility-disabled-icon);pointer-events:none}.qui-menu-item__root[data-disabled] .qui-menu-item__command,.qui-menu-item__root[data-disabled] .qui-menu-item__description,.qui-menu-item__root[data-disabled] .qui-menu-item__indicator{color:var(--color-utility-disabled-text)}.qui-menu-item__root[data-disabled] .qui-menu-item__command .qui-icon__root,.qui-menu-item__root[data-disabled] .qui-menu-item__description .qui-icon__root,.qui-menu-item__root[data-disabled] .qui-menu-item__indicator .qui-icon__root{color:var(--icon-color)}.qui-menu-item__root:hover:not([data-disabled]){background:var(--color-interactive-background-ghost-hover)}.qui-menu-item__root:active:not([data-disabled]){background:var(--color-interactive-background-ghost-pressed)}.qui-menu-item__root[data-highlighted][data-focus-visible]{border-color:var(--color-utility-focus-border);outline:solid 1px var(--color-utility-focus-border)}.qui-menu-item__root [data-state=unchecked] [data-checkmark-part=indicator-icon]{display:none}.qui-menu-item__start-icon{color:var(--icon-color,currentColor);margin-right:var(--spacing-50)}.qui-menu-item__label{display:inline-flex;flex:1;font:var(--font-static-body-sm-default);line-height:normal}.qui-menu-item__label[data-size=sm]{font:var(--font-static-body-xs-default)}.qui-menu-item__description{color:var(--color-text-neutral-secondary);display:inline-flex;font:var(--font-static-body-sm-default);font:var(--font-static-body-sm-default);grid-row:2;margin-top:var(--spacing-40)}.qui-menu-item__description[data-size=sm]{font:var(--font-static-body-xs-default)}.qui-menu-item__group{display:inline-flex;flex-direction:column}.qui-menu-item__group-label{color:var(--color-text-neutral-secondary);display:inline-flex;flex:1;font:var(--font-static-body-sm-default);overflow:hidden;padding:var(--group-label-padding-y) var(--group-label-padding-x);text-overflow:ellipsis;--group-label-padding-y:var(--spacing-70);--group-label-padding-x:var(--spacing-100)}.qui-menu-item__group-label[data-size=sm]{--group-label-padding-x:var(--spacing-90);font:var(--font-static-body-xs-default)}.qui-menu__separator{border:none;border-top:solid 1px var(--color-border-neutral-01);height:auto;margin-block:var(--spacing-40);width:100%}.qui-menu-item__command{align-items:center;color:var(--color-text-neutral-secondary);display:inline-flex;font:var(--font-static-body-sm-default);justify-content:flex-end;line-height:normal;margin-left:auto;padding-left:var(--spacing-100)}.qui-menu-item__indicator{align-items:center;color:var(--color-text-neutral-secondary);display:inline-flex;font:var(--font-static-body-sm-default);justify-content:flex-end;line-height:normal;padding-left:var(--spacing-100)}[data-menu-part=item-control]{margin-right:var(--spacing-50)}.qui-menu__split-button{box-sizing:border-box;display:inline-flex;gap:var(--spacing-10);width:-moz-fit-content;width:fit-content}.qui-menu__split-button>.qui-button__root{--button-radius:var(--component-button-global-border-radius)}.qui-menu__split-button>:first-child{border-end-end-radius:0;border-start-end-radius:0}.qui-menu__split-button>:last-child{border-end-start-radius:0;border-start-start-radius:0}.qui-menu__split-button[data-variant=ghost]{--split-separator-height:var(--sizing-70)}.qui-menu__split-button[data-variant=ghost][data-size=sm]{--split-separator-height:var(--sizing-60)}.qui-menu__split-button[data-variant=ghost][data-size=lg]{--split-separator-height:var(--sizing-80)}.qui-menu__split-button[data-variant=ghost]>.qui-button__root:first-child:after{background:var(--color-interactive-border-neutral-idle);content:"";height:var(--split-separator-height);position:absolute;right:calc(-1 * var(--sizing-10));top:50%;transform:translateY(-50%);width:var(--sizing-10)}.qui-menu__split-button[data-variant=ghost]:has(>.qui-button__root:is(:hover,:active,:focus-visible))>.qui-button__root:first-child:after{display:none}.qui-menu__split-button[data-variant=outline]{gap:0}.qui-menu__split-button[data-variant=outline]>.qui-button__root:not(:first-child){border-inline-start-width:0}.qui-menu__split-button[data-variant=outline]>.qui-button__root:has(+.qui-button__root:hover){border-inline-end-color:var(--outline-border-hover)}.qui-menu__split-button[data-variant=outline]>.qui-button__root:has(+.qui-button__root:active){border-inline-end-color:var(--outline-border-pressed)}.qui-menu__split-button[data-variant=outline]>.qui-button__root:not(:first-child):focus-visible:before{background:var(--color-utility-focus-border);content:"";inline-size:var(--component-button-variant-outline-border-width);inset-block:0;inset-inline-start:0;position:absolute}
|
package/dist/tag/index.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require(`@qualcomm-ui/utils/attributes`);var t=(0,require(`@qualcomm-ui/utils/anatomy`).createAnatomy)(`tag`).parts(`root`,`startIcon`,`endIcon`,`dismissButton`),n={dismissButton:`qui-tag__dismiss-button`,icon:`qui-tag__icon`,root:`qui-tag__root`},r=t.parts;function i(t,i){let a=t.size||`md
|
|
1
|
+
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require(`@qualcomm-ui/utils/attributes`);var t=(0,require(`@qualcomm-ui/utils/anatomy`).createAnatomy)(`tag`).parts(`root`,`startIcon`,`endIcon`,`dismissButton`),n={dismissButton:`qui-tag__dismiss-button`,icon:`qui-tag__icon`,root:`qui-tag__root`},r=t.parts;function i(t,i){let a=t.size||`md`,o=t.variant===`selectable`&&t.selected;function s(){return t.variant===`link`||t.variant===`selectable`}let c={...r.root,className:n.root,"data-disabled":(0,e.booleanDataAttr)(t.disabled),"data-emphasis":t.emphasis||`outline-brand`,"data-selected":(0,e.booleanDataAttr)(o),"data-shape":t.shape||t.radius||`square`,"data-size":a,"data-variant":t.variant};return{getDismissButtonBindings(){return i.button({...r.dismissButton,"aria-label":`Dismiss`,className:n.dismissButton,"data-disabled":(0,e.booleanDataAttr)(t.disabled),"data-size":a,disabled:t.disabled,type:`button`})},getEndIconBindings(){return i.element({...r.endIcon,className:n.icon})},getRootBindings(){return s()?i.button({...c,"aria-pressed":t.variant===`selectable`?(0,e.booleanAriaAttr)(o):void 0,disabled:t.disabled}):i.element(c)},getStartIconBindings(){return i.element({...r.startIcon,className:n.icon})},isInteractiveVariant:s}}exports.createQdsTagApi=i,exports.tagAnatomy=t,exports.tagClasses=n;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
package/dist/tag/index.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","names":[],"sources":["../../src/tag/tag.anatomy.ts","../../src/tag/tag.classes.ts","../../src/tag/tag.api.ts"],"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\nexport const tagClasses = {\n dismissButton: \"qui-tag__dismiss-button\",\n icon: \"qui-tag__icon\",\n root: \"qui-tag__root\",\n} as const\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(
|
|
1
|
+
{"version":3,"file":"index.cjs","names":[],"sources":["../../src/tag/tag.anatomy.ts","../../src/tag/tag.classes.ts","../../src/tag/tag.api.ts"],"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\nexport const tagClasses = {\n dismissButton: \"qui-tag__dismiss-button\",\n icon: \"qui-tag__icon\",\n root: \"qui-tag__root\",\n} as const\n","// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {booleanAriaAttr, 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 const selected = props.variant === \"selectable\" && props.selected\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(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 })\n },\n getRootBindings(): QdsTagRootBindings {\n if (!isInteractiveVariant()) {\n return normalize.element(commonBindings)\n }\n return normalize.button({\n ...commonBindings,\n \"aria-pressed\":\n props.variant === \"selectable\"\n ? booleanAriaAttr(selected)\n : undefined,\n disabled: props.disabled,\n })\n },\n getStartIconBindings(): QdsTagStartIconBindings {\n return normalize.element({\n ...parts.startIcon,\n className: tagClasses.icon,\n })\n },\n isInteractiveVariant,\n }\n}\n"],"mappings":"kHAOA,IAAa,GAAA,wCAAA,eACX,MACD,CAAC,MAJa,OAAQ,YAAa,UAAW,gBAI9B,CCNJ,EAAa,CACxB,cAAe,0BACf,KAAM,gBACN,KAAM,gBACP,CCUK,EAAQ,EAAW,MAEzB,SAAgB,EACd,EACA,EACW,CACX,IAAM,EAAO,EAAM,MAAQ,KACrB,EAAW,EAAM,UAAY,cAAgB,EAAM,SAEzD,SAAS,GAAgC,CACvC,OAAO,EAAM,UAAY,QAAU,EAAM,UAAY,aAGvD,IAAM,EAAiB,CACrB,GAAG,EAAM,KACT,UAAW,EAAW,KACtB,iBAAA,EAAA,EAAA,iBAAiC,EAAM,SAAS,CAChD,gBAAiB,EAAM,UAAY,gBACnC,iBAAA,EAAA,EAAA,iBAAiC,EAAS,CAC1C,aAAc,EAAM,OAAS,EAAM,QAAU,SAC7C,YAAa,EACb,eAAgB,EAAM,QACvB,CAED,MAAO,CACL,0BAAwD,CACtD,OAAO,EAAU,OAAO,CACtB,GAAG,EAAM,cACT,aAAc,UACd,UAAW,EAAW,cACtB,iBAAA,EAAA,EAAA,iBAAiC,EAAM,SAAS,CAChD,YAAa,EACb,SAAU,EAAM,SAChB,KAAM,SACP,CAAC,EAEJ,oBAA4C,CAC1C,OAAO,EAAU,QAAQ,CACvB,GAAG,EAAM,QACT,UAAW,EAAW,KACvB,CAAC,EAEJ,iBAAsC,CAIpC,OAHK,GAAsB,CAGpB,EAAU,OAAO,CACtB,GAAG,EACH,eACE,EAAM,UAAY,cAAA,EAAA,EAAA,iBACE,EAAS,CACzB,IAAA,GACN,SAAU,EAAM,SACjB,CAAC,CATO,EAAU,QAAQ,EAAe,EAW5C,sBAAgD,CAC9C,OAAO,EAAU,QAAQ,CACvB,GAAG,EAAM,UACT,UAAW,EAAW,KACvB,CAAC,EAEJ,uBACD"}
|
package/dist/tag/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{booleanDataAttr as
|
|
1
|
+
import{booleanAriaAttr as e,booleanDataAttr as t}from"@qualcomm-ui/utils/attributes";import{createAnatomy as n}from"@qualcomm-ui/utils/anatomy";var r=n(`tag`).parts(`root`,`startIcon`,`endIcon`,`dismissButton`),i={dismissButton:`qui-tag__dismiss-button`,icon:`qui-tag__icon`,root:`qui-tag__root`},a=r.parts;function o(n,r){let o=n.size||`md`,s=n.variant===`selectable`&&n.selected;function c(){return n.variant===`link`||n.variant===`selectable`}let l={...a.root,className:i.root,"data-disabled":t(n.disabled),"data-emphasis":n.emphasis||`outline-brand`,"data-selected":t(s),"data-shape":n.shape||n.radius||`square`,"data-size":o,"data-variant":n.variant};return{getDismissButtonBindings(){return r.button({...a.dismissButton,"aria-label":`Dismiss`,className:i.dismissButton,"data-disabled":t(n.disabled),"data-size":o,disabled:n.disabled,type:`button`})},getEndIconBindings(){return r.element({...a.endIcon,className:i.icon})},getRootBindings(){return c()?r.button({...l,"aria-pressed":n.variant===`selectable`?e(s):void 0,disabled:n.disabled}):r.element(l)},getStartIconBindings(){return r.element({...a.startIcon,className:i.icon})},isInteractiveVariant:c}}export{o as createQdsTagApi,r as tagAnatomy,i as tagClasses};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
package/dist/tag/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[],"sources":["../../src/tag/tag.anatomy.ts","../../src/tag/tag.classes.ts","../../src/tag/tag.api.ts"],"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\nexport const tagClasses = {\n dismissButton: \"qui-tag__dismiss-button\",\n icon: \"qui-tag__icon\",\n root: \"qui-tag__root\",\n} as const\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(
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../src/tag/tag.anatomy.ts","../../src/tag/tag.classes.ts","../../src/tag/tag.api.ts"],"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\nexport const tagClasses = {\n dismissButton: \"qui-tag__dismiss-button\",\n icon: \"qui-tag__icon\",\n root: \"qui-tag__root\",\n} as const\n","// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {booleanAriaAttr, 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 const selected = props.variant === \"selectable\" && props.selected\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(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 })\n },\n getRootBindings(): QdsTagRootBindings {\n if (!isInteractiveVariant()) {\n return normalize.element(commonBindings)\n }\n return normalize.button({\n ...commonBindings,\n \"aria-pressed\":\n props.variant === \"selectable\"\n ? booleanAriaAttr(selected)\n : undefined,\n disabled: props.disabled,\n })\n },\n getStartIconBindings(): QdsTagStartIconBindings {\n return normalize.element({\n ...parts.startIcon,\n className: tagClasses.icon,\n })\n },\n isInteractiveVariant,\n }\n}\n"],"mappings":"gJAOA,IAAa,EAAqD,EAChE,MACD,CAAC,MAJa,OAAQ,YAAa,UAAW,gBAI9B,CCNJ,EAAa,CACxB,cAAe,0BACf,KAAM,gBACN,KAAM,gBACP,CCUK,EAAQ,EAAW,MAEzB,SAAgB,EACd,EACA,EACW,CACX,IAAM,EAAO,EAAM,MAAQ,KACrB,EAAW,EAAM,UAAY,cAAgB,EAAM,SAEzD,SAAS,GAAgC,CACvC,OAAO,EAAM,UAAY,QAAU,EAAM,UAAY,aAGvD,IAAM,EAAiB,CACrB,GAAG,EAAM,KACT,UAAW,EAAW,KACtB,gBAAiB,EAAgB,EAAM,SAAS,CAChD,gBAAiB,EAAM,UAAY,gBACnC,gBAAiB,EAAgB,EAAS,CAC1C,aAAc,EAAM,OAAS,EAAM,QAAU,SAC7C,YAAa,EACb,eAAgB,EAAM,QACvB,CAED,MAAO,CACL,0BAAwD,CACtD,OAAO,EAAU,OAAO,CACtB,GAAG,EAAM,cACT,aAAc,UACd,UAAW,EAAW,cACtB,gBAAiB,EAAgB,EAAM,SAAS,CAChD,YAAa,EACb,SAAU,EAAM,SAChB,KAAM,SACP,CAAC,EAEJ,oBAA4C,CAC1C,OAAO,EAAU,QAAQ,CACvB,GAAG,EAAM,QACT,UAAW,EAAW,KACvB,CAAC,EAEJ,iBAAsC,CAIpC,OAHK,GAAsB,CAGpB,EAAU,OAAO,CACtB,GAAG,EACH,eACE,EAAM,UAAY,aACd,EAAgB,EAAS,CACzB,IAAA,GACN,SAAU,EAAM,SACjB,CAAC,CATO,EAAU,QAAQ,EAAe,EAW5C,sBAAgD,CAC9C,OAAO,EAAU,QAAQ,CACvB,GAAG,EAAM,UACT,UAAW,EAAW,KACvB,CAAC,EAEJ,uBACD"}
|
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-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
|
|
1
|
+
.qui-tag__root>span:not(.qui-tag__icon){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-icon-size:var(--sizing-60);--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);--tag-icon-size:var(--sizing-70);padding-inline:var(--spacing-80)}.qui-tag__root[data-size=lg]>.qui-tag__icon[data-tag-part=start-icon]{margin-inline-end:var(--spacing-70)}.qui-tag__root[data-size=lg]>.qui-tag__icon[data-tag-part=end-icon]{margin-inline-start:var(--spacing-70)}.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 .lucide{display:block;height:var(--icon-size);stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;width:var(--icon-size)}.qui-tag__icon[data-tag-part=start-icon]{margin-inline-end:var(--spacing-50)}.qui-tag__icon[data-tag-part=end-icon]{margin-inline-start:var(--spacing-50)}.qui-tag__dismiss-button>.qui-tag__icon[data-tag-part=end-icon]{margin-inline-start:0}.qui-tag__root .qui-tag__icon[data-tag-part]{--icon-size:var(--tag-icon-size)}.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)}
|
|
@@ -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;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,
|
|
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,CA0DX"}
|
package/dist/tag/tag.types.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { AnatomyPart, AnatomyPartName } from "@qualcomm-ui/utils/anatomy";
|
|
2
|
-
import type { BooleanDataAttr } from "@qualcomm-ui/utils/attributes";
|
|
2
|
+
import type { BooleanAriaAttr, BooleanDataAttr } from "@qualcomm-ui/utils/attributes";
|
|
3
3
|
import type { tagAnatomy } from "./tag.anatomy";
|
|
4
4
|
import type { tagClasses } from "./tag.classes";
|
|
5
5
|
/** @deprecated use "lime" */
|
|
@@ -62,6 +62,7 @@ export interface QdsTagSpanRootBindings extends Part<"root"> {
|
|
|
62
62
|
"data-variant"?: QdsTagVariant;
|
|
63
63
|
}
|
|
64
64
|
export interface QdsTagButtonRootBindings extends Part<"root"> {
|
|
65
|
+
"aria-pressed"?: BooleanAriaAttr;
|
|
65
66
|
className: TagClasses["root"];
|
|
66
67
|
"data-disabled": BooleanDataAttr;
|
|
67
68
|
"data-emphasis": QdsTagEmphasis;
|
|
@@ -73,11 +74,9 @@ export interface QdsTagButtonRootBindings extends Part<"root"> {
|
|
|
73
74
|
export type QdsTagRootBindings = QdsTagSpanRootBindings | QdsTagButtonRootBindings;
|
|
74
75
|
export interface QdsTagStartIconBindings extends Part<"startIcon"> {
|
|
75
76
|
className: TagClasses["icon"];
|
|
76
|
-
"data-size": QdsTagSize;
|
|
77
77
|
}
|
|
78
78
|
export interface QdsTagEndIconBindings extends Part<"endIcon"> {
|
|
79
79
|
className: TagClasses["icon"];
|
|
80
|
-
"data-size": QdsTagSize;
|
|
81
80
|
}
|
|
82
81
|
export interface QdsTagDismissButtonBindings extends Part<"dismissButton"> {
|
|
83
82
|
"aria-label": string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tag.types.d.ts","sourceRoot":"","sources":["../../src/tag/tag.types.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,WAAW,EAAE,eAAe,EAAC,MAAM,4BAA4B,CAAA;AAC5E,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"tag.types.d.ts","sourceRoot":"","sources":["../../src/tag/tag.types.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,WAAW,EAAE,eAAe,EAAC,MAAM,4BAA4B,CAAA;AAC5E,OAAO,KAAK,EACV,eAAe,EACf,eAAe,EAChB,MAAM,+BAA+B,CAAA;AAEtC,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,eAAe,CAAA;AAC7C,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,KAAK,QAAQ,GAAG,eAAe,CAAC,OAAO,UAAU,CAAC,CAAA;AAClD,UAAU,IAAI,CAAC,CAAC,SAAS,QAAQ,CAAE,SAAQ,WAAW,CAAC,KAAK,EAAE,CAAC,CAAC;CAAG;AAEnE,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,MAAM,CAAC;IAC1D,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,CAAA;IAC7B,eAAe,EAAE,eAAe,CAAA;IAChC,eAAe,EAAE,cAAc,CAAA;IAC/B,YAAY,EAAE,WAAW,CAAA;IACzB,WAAW,EAAE,UAAU,CAAA;IACvB,cAAc,CAAC,EAAE,aAAa,CAAA;CAC/B;AAED,MAAM,WAAW,wBAAyB,SAAQ,IAAI,CAAC,MAAM,CAAC;IAC5D,cAAc,CAAC,EAAE,eAAe,CAAA;IAChC,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,CAAA;IAC7B,eAAe,EAAE,eAAe,CAAA;IAChC,eAAe,EAAE,cAAc,CAAA;IAC/B,YAAY,EAAE,WAAW,CAAA;IACzB,WAAW,EAAE,UAAU,CAAA;IACvB,cAAc,CAAC,EAAE,aAAa,CAAA;IAC9B,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAA;CAC9B;AAED,MAAM,MAAM,kBAAkB,GAC1B,sBAAsB,GACtB,wBAAwB,CAAA;AAE5B,MAAM,WAAW,uBAAwB,SAAQ,IAAI,CAAC,WAAW,CAAC;IAChE,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,CAAA;CAC9B;AAED,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CAAC,SAAS,CAAC;IAC5D,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,CAAA;CAC9B;AAED,MAAM,WAAW,2BAA4B,SAAQ,IAAI,CAAC,eAAe,CAAC;IACxE,YAAY,EAAE,MAAM,CAAA;IACpB,SAAS,EAAE,UAAU,CAAC,eAAe,CAAC,CAAA;IACtC,eAAe,EAAE,eAAe,CAAA;IAChC,WAAW,EAAE,UAAU,CAAA;IACvB,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAA;IAC7B,IAAI,EAAE,QAAQ,CAAA;CACf;AAED,MAAM,WAAW,SAAS;IACxB,wBAAwB,IAAI,2BAA2B,CAAA;IACvD,kBAAkB,IAAI,qBAAqB,CAAA;IAC3C,eAAe,IAAI,kBAAkB,CAAA;IACrC,oBAAoB,IAAI,uBAAuB,CAAA;IAC/C,oBAAoB,IAAI,OAAO,CAAA;CAChC"}
|