@qualcomm-ui/qds-core 1.14.0 → 1.15.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.
@@ -1,2 +1,2 @@
1
- "use strict";var i=Object.defineProperty;var _=Object.getOwnPropertyDescriptor;var a=Object.getOwnPropertyNames;var c=Object.prototype.hasOwnProperty;var n=(r,o)=>{for(var p in o)i(r,p,{get:o[p],enumerable:!0})},s=(r,o,p,t)=>{if(o&&typeof o=="object"||typeof o=="function")for(let e of a(o))!c.call(r,e)&&e!==p&&i(r,e,{get:()=>o[e],enumerable:!(t=_(o,e))||t.enumerable});return r};var v=r=>s(i({},"__esModule",{value:!0}),r);var q={};n(q,{popoverClasses:()=>g});module.exports=v(q);var g={arrow:"qui-popover__arrow",arrowTip:"qui-popover__arrow-tip",closeTrigger:"qui-popover__close-trigger",content:"qui-popover__content",description:"qui-popover__description",indicator:"qui-popover__indicator",label:"qui-popover__label",trigger:"qui-popover__trigger"};
1
+ "use strict";var t=Object.defineProperty;var n=Object.getOwnPropertyDescriptor;var a=Object.getOwnPropertyNames;var m=Object.prototype.hasOwnProperty;var d=(r,o)=>{for(var e in o)t(r,e,{get:o[e],enumerable:!0})},c=(r,o,e,s)=>{if(o&&typeof o=="object"||typeof o=="function")for(let p of a(o))!m.call(r,p)&&p!==e&&t(r,p,{get:()=>o[p],enumerable:!(s=n(o,p))||s.enumerable});return r};var v=r=>c(t({},"__esModule",{value:!0}),r);var u={};d(u,{createQdsPopoverApi:()=>l,popoverClasses:()=>i});module.exports=v(u);var i={arrow:"qui-popover__arrow",arrowTip:"qui-popover__arrow-tip",closeTrigger:"qui-popover__close-trigger",content:"qui-popover__content",description:"qui-popover__description",indicator:"qui-popover__indicator",label:"qui-popover__label",trigger:"qui-popover__trigger"};function l(r,o){let e=r.emphasis||"neutral";return{emphasis:e,getArrowBindings(){return o.element({className:i.arrow,"data-emphasis":e})},getContentBindings(){return o.element({className:i.content,"data-emphasis":e})}}}
2
2
  //# sourceMappingURL=index.cjs.map
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["../../src/popover/index.ts", "../../src/popover/popover.classes.ts"],
4
- "sourcesContent": ["export * from \"./popover.classes\"\n", "// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nexport const popoverClasses = {\n arrow: \"qui-popover__arrow\",\n arrowTip: \"qui-popover__arrow-tip\",\n closeTrigger: \"qui-popover__close-trigger\",\n content: \"qui-popover__content\",\n description: \"qui-popover__description\",\n indicator: \"qui-popover__indicator\",\n label: \"qui-popover__label\",\n trigger: \"qui-popover__trigger\",\n} as const\n"],
5
- "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,oBAAAE,IAAA,eAAAC,EAAAH,GCGO,IAAMI,EAAiB,CAC5B,MAAO,qBACP,SAAU,yBACV,aAAc,6BACd,QAAS,uBACT,YAAa,2BACb,UAAW,yBACX,MAAO,qBACP,QAAS,sBACX",
6
- "names": ["popover_exports", "__export", "popoverClasses", "__toCommonJS", "popoverClasses"]
3
+ "sources": ["../../src/popover/index.ts", "../../src/popover/popover.classes.ts", "../../src/popover/popover.api.ts"],
4
+ "sourcesContent": ["export * from \"./popover.api\"\nexport * from \"./popover.classes\"\nexport type * from \"./popover.types\"\n", "// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nexport const popoverClasses = {\n arrow: \"qui-popover__arrow\",\n arrowTip: \"qui-popover__arrow-tip\",\n closeTrigger: \"qui-popover__close-trigger\",\n content: \"qui-popover__content\",\n description: \"qui-popover__description\",\n indicator: \"qui-popover__indicator\",\n label: \"qui-popover__label\",\n trigger: \"qui-popover__trigger\",\n} as const\n", "// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport type {Explicit} from \"@qualcomm-ui/utils/guard\"\nimport type {PropNormalizer} from \"@qualcomm-ui/utils/machine\"\n\nimport {popoverClasses} from \"./popover.classes\"\nimport type {\n QdsPopoverApi,\n QdsPopoverApiProps,\n QdsPopoverArrowBindings,\n QdsPopoverContentBindings,\n} from \"./popover.types\"\n\nexport function createQdsPopoverApi(\n props: Explicit<QdsPopoverApiProps>,\n normalize: PropNormalizer,\n): QdsPopoverApi {\n const emphasis = props.emphasis || \"neutral\"\n\n return {\n emphasis,\n\n getArrowBindings(): QdsPopoverArrowBindings {\n return normalize.element({\n className: popoverClasses.arrow,\n \"data-emphasis\": emphasis,\n })\n },\n getContentBindings(): QdsPopoverContentBindings {\n return normalize.element({\n className: popoverClasses.content,\n \"data-emphasis\": emphasis,\n })\n },\n }\n}\n"],
5
+ "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,yBAAAE,EAAA,mBAAAC,IAAA,eAAAC,EAAAJ,GCGO,IAAMK,EAAiB,CAC5B,MAAO,qBACP,SAAU,yBACV,aAAc,6BACd,QAAS,uBACT,YAAa,2BACb,UAAW,yBACX,MAAO,qBACP,QAAS,sBACX,ECEO,SAASC,EACdC,EACAC,EACe,CACf,IAAMC,EAAWF,EAAM,UAAY,UAEnC,MAAO,CACL,SAAAE,EAEA,kBAA4C,CAC1C,OAAOD,EAAU,QAAQ,CACvB,UAAWE,EAAe,MAC1B,gBAAiBD,CACnB,CAAC,CACH,EACA,oBAAgD,CAC9C,OAAOD,EAAU,QAAQ,CACvB,UAAWE,EAAe,QAC1B,gBAAiBD,CACnB,CAAC,CACH,CACF,CACF",
6
+ "names": ["popover_exports", "__export", "createQdsPopoverApi", "popoverClasses", "__toCommonJS", "popoverClasses", "createQdsPopoverApi", "props", "normalize", "emphasis", "popoverClasses"]
7
7
  }
@@ -1,2 +1,4 @@
1
+ export * from "./popover.api";
1
2
  export * from "./popover.classes";
3
+ export type * from "./popover.types";
2
4
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/popover/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/popover/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA;AAC7B,cAAc,mBAAmB,CAAA;AACjC,mBAAmB,iBAAiB,CAAA"}
@@ -1,2 +1,2 @@
1
- var o={arrow:"qui-popover__arrow",arrowTip:"qui-popover__arrow-tip",closeTrigger:"qui-popover__close-trigger",content:"qui-popover__content",description:"qui-popover__description",indicator:"qui-popover__indicator",label:"qui-popover__label",trigger:"qui-popover__trigger"};export{o as popoverClasses};
1
+ var r={arrow:"qui-popover__arrow",arrowTip:"qui-popover__arrow-tip",closeTrigger:"qui-popover__close-trigger",content:"qui-popover__content",description:"qui-popover__description",indicator:"qui-popover__indicator",label:"qui-popover__label",trigger:"qui-popover__trigger"};function s(p,e){let o=p.emphasis||"neutral";return{emphasis:o,getArrowBindings(){return e.element({className:r.arrow,"data-emphasis":o})},getContentBindings(){return e.element({className:r.content,"data-emphasis":o})}}}export{s as createQdsPopoverApi,r as popoverClasses};
2
2
  //# sourceMappingURL=index.js.map
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["../../src/popover/popover.classes.ts"],
4
- "sourcesContent": ["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nexport const popoverClasses = {\n arrow: \"qui-popover__arrow\",\n arrowTip: \"qui-popover__arrow-tip\",\n closeTrigger: \"qui-popover__close-trigger\",\n content: \"qui-popover__content\",\n description: \"qui-popover__description\",\n indicator: \"qui-popover__indicator\",\n label: \"qui-popover__label\",\n trigger: \"qui-popover__trigger\",\n} as const\n"],
5
- "mappings": "AAGO,IAAMA,EAAiB,CAC5B,MAAO,qBACP,SAAU,yBACV,aAAc,6BACd,QAAS,uBACT,YAAa,2BACb,UAAW,yBACX,MAAO,qBACP,QAAS,sBACX",
6
- "names": ["popoverClasses"]
3
+ "sources": ["../../src/popover/popover.classes.ts", "../../src/popover/popover.api.ts"],
4
+ "sourcesContent": ["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nexport const popoverClasses = {\n arrow: \"qui-popover__arrow\",\n arrowTip: \"qui-popover__arrow-tip\",\n closeTrigger: \"qui-popover__close-trigger\",\n content: \"qui-popover__content\",\n description: \"qui-popover__description\",\n indicator: \"qui-popover__indicator\",\n label: \"qui-popover__label\",\n trigger: \"qui-popover__trigger\",\n} as const\n", "// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport type {Explicit} from \"@qualcomm-ui/utils/guard\"\nimport type {PropNormalizer} from \"@qualcomm-ui/utils/machine\"\n\nimport {popoverClasses} from \"./popover.classes\"\nimport type {\n QdsPopoverApi,\n QdsPopoverApiProps,\n QdsPopoverArrowBindings,\n QdsPopoverContentBindings,\n} from \"./popover.types\"\n\nexport function createQdsPopoverApi(\n props: Explicit<QdsPopoverApiProps>,\n normalize: PropNormalizer,\n): QdsPopoverApi {\n const emphasis = props.emphasis || \"neutral\"\n\n return {\n emphasis,\n\n getArrowBindings(): QdsPopoverArrowBindings {\n return normalize.element({\n className: popoverClasses.arrow,\n \"data-emphasis\": emphasis,\n })\n },\n getContentBindings(): QdsPopoverContentBindings {\n return normalize.element({\n className: popoverClasses.content,\n \"data-emphasis\": emphasis,\n })\n },\n }\n}\n"],
5
+ "mappings": "AAGO,IAAMA,EAAiB,CAC5B,MAAO,qBACP,SAAU,yBACV,aAAc,6BACd,QAAS,uBACT,YAAa,2BACb,UAAW,yBACX,MAAO,qBACP,QAAS,sBACX,ECEO,SAASC,EACdC,EACAC,EACe,CACf,IAAMC,EAAWF,EAAM,UAAY,UAEnC,MAAO,CACL,SAAAE,EAEA,kBAA4C,CAC1C,OAAOD,EAAU,QAAQ,CACvB,UAAWE,EAAe,MAC1B,gBAAiBD,CACnB,CAAC,CACH,EACA,oBAAgD,CAC9C,OAAOD,EAAU,QAAQ,CACvB,UAAWE,EAAe,QAC1B,gBAAiBD,CACnB,CAAC,CACH,CACF,CACF",
6
+ "names": ["popoverClasses", "createQdsPopoverApi", "props", "normalize", "emphasis", "popoverClasses"]
7
7
  }
@@ -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 { QdsPopoverApi, QdsPopoverApiProps } from "./popover.types";
4
+ export declare function createQdsPopoverApi(props: Explicit<QdsPopoverApiProps>, normalize: PropNormalizer): QdsPopoverApi;
5
+ //# sourceMappingURL=popover.api.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"popover.api.d.ts","sourceRoot":"","sources":["../../src/popover/popover.api.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,0BAA0B,CAAA;AACtD,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,4BAA4B,CAAA;AAG9D,OAAO,KAAK,EACV,aAAa,EACb,kBAAkB,EAGnB,MAAM,iBAAiB,CAAA;AAExB,wBAAgB,mBAAmB,CACjC,KAAK,EAAE,QAAQ,CAAC,kBAAkB,CAAC,EACnC,SAAS,EAAE,cAAc,GACxB,aAAa,CAmBf"}
@@ -0,0 +1,29 @@
1
+ import type { popoverClasses } from "./popover.classes";
2
+ export type QdsPopoverEmphasis = "neutral" | "brand";
3
+ export interface QdsPopoverApiProps {
4
+ /**
5
+ * The style variant of the popover.
6
+ *
7
+ * @option `'neutral'`: neutral overlay background with dark text.
8
+ * @option `'brand'`: brand primary background with white text.
9
+ *
10
+ * @default 'neutral'
11
+ */
12
+ emphasis?: QdsPopoverEmphasis;
13
+ }
14
+ type PopoverClasses = typeof popoverClasses;
15
+ export interface QdsPopoverContentBindings {
16
+ className: PopoverClasses["content"];
17
+ "data-emphasis": QdsPopoverEmphasis;
18
+ }
19
+ export interface QdsPopoverArrowBindings {
20
+ className: PopoverClasses["arrow"];
21
+ "data-emphasis": QdsPopoverEmphasis;
22
+ }
23
+ export interface QdsPopoverApi {
24
+ emphasis: QdsPopoverEmphasis;
25
+ getArrowBindings(): QdsPopoverArrowBindings;
26
+ getContentBindings(): QdsPopoverContentBindings;
27
+ }
28
+ export {};
29
+ //# sourceMappingURL=popover.types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"popover.types.d.ts","sourceRoot":"","sources":["../../src/popover/popover.types.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,mBAAmB,CAAA;AAErD,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,OAAO,CAAA;AAEpD,MAAM,WAAW,kBAAkB;IACjC;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,kBAAkB,CAAA;CAC9B;AAED,KAAK,cAAc,GAAG,OAAO,cAAc,CAAA;AAE3C,MAAM,WAAW,yBAAyB;IACxC,SAAS,EAAE,cAAc,CAAC,SAAS,CAAC,CAAA;IACpC,eAAe,EAAE,kBAAkB,CAAA;CACpC;AAED,MAAM,WAAW,uBAAuB;IACtC,SAAS,EAAE,cAAc,CAAC,OAAO,CAAC,CAAA;IAClC,eAAe,EAAE,kBAAkB,CAAA;CACpC;AAED,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,kBAAkB,CAAA;IAE5B,gBAAgB,IAAI,uBAAuB,CAAA;IAC3C,kBAAkB,IAAI,yBAAyB,CAAA;CAChD"}
@@ -1 +1 @@
1
- .qui-popover__content{--arrow-background:var(--color-surface-overlay);--arrow-size:10px;background:var(--color-surface-overlay);border-radius:4px;box-shadow:var(--shadow-high);display:flex;filter:drop-shadow(0 4px 8px rgba(0,0,0,0.2));flex-direction:column;font:var(--font-static-body-xs-default);gap:var(--spacing-70);padding:var(--spacing-110);position:relative;transform-origin:var(--transform-origin);z-index:calc(var(--z-index-popover) + var(--layer-index))}.qui-popover__label{color:var(--color-text-neutral-primary);font:var(--font-static-heading-xxs-bold)}.qui-popover__description{align-items:flex-start;color:var(--color-text-neutral-primary);font:var(--font-static-body-xs-default);position:relative}.qui-popover__close-trigger{position:absolute;right:0;top:-20px}.qui-popover__arrow{--arrow-background:var(--color-surface-overlay);--arrow-shadow-color:#ebebeb}.qui-popover__indicator{display:inline-flex;margin-inline-start:4px}.qui-popover__indicator[data-state=open]{rotate:90deg}
1
+ .qui-popover__content{--arrow-size:10px;border-radius:4px;box-shadow:var(--shadow-high);display:flex;flex-direction:column;font:var(--font-static-body-xs-default);gap:var(--spacing-70);padding:var(--spacing-110);position:relative;transform-origin:var(--transform-origin);z-index:calc(var(--z-index-popover) + var(--layer-index));--arrow-background:var(--color-surface-overlay);background:var(--color-surface-overlay);color:var(--color-text-neutral-primary)}.qui-popover__content[data-emphasis=brand]{--arrow-background:var(--color-background-brand-primary);background:var(--color-background-brand-primary);color:var(--color-utility-persistent-white)}.qui-popover__label{color:inherit;font:var(--font-static-heading-xxs-bold)}.qui-popover__description{align-items:flex-start;color:inherit;font:var(--font-static-body-xs-default);position:relative}.qui-popover__close-trigger{position:absolute;right:0;top:-20px}.qui-popover__indicator{display:inline-flex;margin-inline-start:4px}.qui-popover__indicator[data-state=open]{rotate:90deg}
@@ -1,2 +1,2 @@
1
- "use strict";var n=Object.defineProperty;var r=Object.getOwnPropertyDescriptor;var g=Object.getOwnPropertyNames;var c=Object.prototype.hasOwnProperty;var m=(t,a)=>{for(var s in a)n(t,s,{get:a[s],enumerable:!0})},u=(t,a,s,o)=>{if(a&&typeof a=="object"||typeof a=="function")for(let d of g(a))!c.call(t,d)&&d!==s&&n(t,d,{get:()=>a[d],enumerable:!(o=r(a,d))||o.enumerable});return t};var l=t=>u(n({},"__esModule",{value:!0}),t);var p={};m(p,{createQdsTagApi:()=>B,tagClasses:()=>i});module.exports=l(p);var e=require("@qualcomm-ui/utils/attributes");var i={dismissButton:"qui-tag__dismiss-button",icon:"qui-tag__icon",root:"qui-tag__root"};function B(t,a){let s=t.size||"md";return{getDismissButtonBindings(){return a.button({className:i.dismissButton,"data-disabled":(0,e.booleanDataAttr)(t.disabled),"data-size":s,disabled:t.disabled})},getEndIconBindings(){return a.element({className:i.icon,"data-part":"end-icon","data-scope":"tag","data-size":s})},getRootBindings(){return a.button({className:i.root,"data-disabled":(0,e.booleanDataAttr)(t.disabled),"data-emphasis":t.emphasis||"brand","data-part":"root","data-radius":t.radius||"square","data-scope":"tag","data-selected":(0,e.booleanDataAttr)(t.selected),"data-size":s,"data-variant":t.variant,disabled:t.disabled})},getStartIconBindings(){return a.element({className:i.icon,"data-part":"start-icon","data-scope":"tag","data-size":s})}}}
1
+ "use strict";var o=Object.defineProperty;var r=Object.getOwnPropertyDescriptor;var g=Object.getOwnPropertyNames;var c=Object.prototype.hasOwnProperty;var m=(t,a)=>{for(var s in a)o(t,s,{get:a[s],enumerable:!0})},l=(t,a,s,e)=>{if(a&&typeof a=="object"||typeof a=="function")for(let i of g(a))!c.call(t,i)&&i!==s&&o(t,i,{get:()=>a[i],enumerable:!(e=r(a,i))||e.enumerable});return t};var u=t=>l(o({},"__esModule",{value:!0}),t);var B={};m(B,{createQdsTagApi:()=>b,tagClasses:()=>n});module.exports=u(B);var d=require("@qualcomm-ui/utils/attributes");var n={dismissButton:"qui-tag__dismiss-button",icon:"qui-tag__icon",root:"qui-tag__root"};function b(t,a){let s=t.size||"md";function e(){return t.variant==="link"||t.variant==="selectable"}let i={className:n.root,"data-disabled":(0,d.booleanDataAttr)(t.disabled),"data-emphasis":t.emphasis||"outline-brand","data-part":"root","data-radius":t.radius||"square","data-scope":"tag","data-selected":(0,d.booleanDataAttr)(t.selected),"data-size":s,"data-variant":t.variant};return{getDismissButtonBindings(){return a.button({"aria-label":"Dismiss",className:n.dismissButton,"data-disabled":(0,d.booleanDataAttr)(t.disabled),"data-part":"dismiss-button","data-scope":"tag","data-size":s,disabled:t.disabled,type:"button"})},getEndIconBindings(){return a.element({className:n.icon,"data-part":"end-icon","data-scope":"tag","data-size":s})},getRootBindings(){return e()?a.button({...i,disabled:t.disabled}):a.element(i)},getStartIconBindings(){return a.element({className:n.icon,"data-part":"start-icon","data-scope":"tag","data-size":s})},isInteractiveVariant:e}}
2
2
  //# sourceMappingURL=index.cjs.map
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/tag/index.ts", "../../src/tag/tag.api.ts", "../../src/tag/tag.classes.ts"],
4
- "sourcesContent": ["export * from \"./tag.api\"\nexport * from \"./tag.classes\"\nexport type * from \"./tag.types\"\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 {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 return {\n getDismissButtonBindings(): QdsTagDismissButtonBindings {\n return normalize.button({\n className: tagClasses.dismissButton,\n \"data-disabled\": booleanDataAttr(props.disabled),\n \"data-size\": size,\n disabled: props.disabled,\n })\n },\n getEndIconBindings(): QdsTagEndIconBindings {\n return normalize.element({\n className: tagClasses.icon,\n \"data-part\": \"end-icon\",\n \"data-scope\": \"tag\",\n \"data-size\": size,\n })\n },\n getRootBindings(): QdsTagRootBindings {\n return normalize.button({\n className: tagClasses.root,\n \"data-disabled\": booleanDataAttr(props.disabled),\n \"data-emphasis\": props.emphasis || \"brand\",\n \"data-part\": \"root\",\n \"data-radius\": props.radius || \"square\",\n \"data-scope\": \"tag\",\n \"data-selected\": booleanDataAttr(props.selected),\n \"data-size\": size,\n \"data-variant\": props.variant,\n disabled: props.disabled,\n })\n },\n getStartIconBindings(): QdsTagStartIconBindings {\n return normalize.element({\n className: tagClasses.icon,\n \"data-part\": \"start-icon\",\n \"data-scope\": \"tag\",\n \"data-size\": size,\n })\n },\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": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,qBAAAE,EAAA,eAAAC,IAAA,eAAAC,EAAAJ,GCGA,IAAAK,EAA8B,yCCAvB,IAAMC,EAAa,CACxB,cAAe,0BACf,KAAM,gBACN,KAAM,eACR,EDSO,SAASC,EACdC,EACAC,EACW,CACX,IAAMC,EAAOF,EAAM,MAAQ,KAE3B,MAAO,CACL,0BAAwD,CACtD,OAAOC,EAAU,OAAO,CACtB,UAAWE,EAAW,cACtB,mBAAiB,mBAAgBH,EAAM,QAAQ,EAC/C,YAAaE,EACb,SAAUF,EAAM,QAClB,CAAC,CACH,EACA,oBAA4C,CAC1C,OAAOC,EAAU,QAAQ,CACvB,UAAWE,EAAW,KACtB,YAAa,WACb,aAAc,MACd,YAAaD,CACf,CAAC,CACH,EACA,iBAAsC,CACpC,OAAOD,EAAU,OAAO,CACtB,UAAWE,EAAW,KACtB,mBAAiB,mBAAgBH,EAAM,QAAQ,EAC/C,gBAAiBA,EAAM,UAAY,QACnC,YAAa,OACb,cAAeA,EAAM,QAAU,SAC/B,aAAc,MACd,mBAAiB,mBAAgBA,EAAM,QAAQ,EAC/C,YAAaE,EACb,eAAgBF,EAAM,QACtB,SAAUA,EAAM,QAClB,CAAC,CACH,EACA,sBAAgD,CAC9C,OAAOC,EAAU,QAAQ,CACvB,UAAWE,EAAW,KACtB,YAAa,aACb,aAAc,MACd,YAAaD,CACf,CAAC,CACH,CACF,CACF",
6
- "names": ["tag_exports", "__export", "createQdsTagApi", "tagClasses", "__toCommonJS", "import_attributes", "tagClasses", "createQdsTagApi", "props", "normalize", "size", "tagClasses"]
4
+ "sourcesContent": ["export * from \"./tag.api\"\nexport * from \"./tag.classes\"\nexport type * from \"./tag.types\"\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 {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-part\": \"root\" as const,\n \"data-radius\": props.radius || \"square\",\n \"data-scope\": \"tag\" as const,\n \"data-selected\": booleanDataAttr(props.selected),\n \"data-size\": size,\n \"data-variant\": props.variant,\n }\n\n return {\n getDismissButtonBindings(): QdsTagDismissButtonBindings {\n return normalize.button({\n \"aria-label\": \"Dismiss\",\n className: tagClasses.dismissButton,\n \"data-disabled\": booleanDataAttr(props.disabled),\n \"data-part\": \"dismiss-button\",\n \"data-scope\": \"tag\",\n \"data-size\": size,\n disabled: props.disabled,\n type: \"button\",\n })\n },\n getEndIconBindings(): QdsTagEndIconBindings {\n return normalize.element({\n className: tagClasses.icon,\n \"data-part\": \"end-icon\",\n \"data-scope\": \"tag\",\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 className: tagClasses.icon,\n \"data-part\": \"start-icon\",\n \"data-scope\": \"tag\",\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": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,qBAAAE,EAAA,eAAAC,IAAA,eAAAC,EAAAJ,GCGA,IAAAK,EAA8B,yCCAvB,IAAMC,EAAa,CACxB,cAAe,0BACf,KAAM,gBACN,KAAM,eACR,EDSO,SAASC,EACdC,EACAC,EACW,CACX,IAAMC,EAAOF,EAAM,MAAQ,KAE3B,SAASG,GAAgC,CACvC,OAAOH,EAAM,UAAY,QAAUA,EAAM,UAAY,YACvD,CAEA,IAAMI,EAAiB,CACrB,UAAWC,EAAW,KACtB,mBAAiB,mBAAgBL,EAAM,QAAQ,EAC/C,gBAAiBA,EAAM,UAAY,gBACnC,YAAa,OACb,cAAeA,EAAM,QAAU,SAC/B,aAAc,MACd,mBAAiB,mBAAgBA,EAAM,QAAQ,EAC/C,YAAaE,EACb,eAAgBF,EAAM,OACxB,EAEA,MAAO,CACL,0BAAwD,CACtD,OAAOC,EAAU,OAAO,CACtB,aAAc,UACd,UAAWI,EAAW,cACtB,mBAAiB,mBAAgBL,EAAM,QAAQ,EAC/C,YAAa,iBACb,aAAc,MACd,YAAaE,EACb,SAAUF,EAAM,SAChB,KAAM,QACR,CAAC,CACH,EACA,oBAA4C,CAC1C,OAAOC,EAAU,QAAQ,CACvB,UAAWI,EAAW,KACtB,YAAa,WACb,aAAc,MACd,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,UAAWI,EAAW,KACtB,YAAa,aACb,aAAc,MACd,YAAaH,CACf,CAAC,CACH,EACA,qBAAAC,CACF,CACF",
6
+ "names": ["tag_exports", "__export", "createQdsTagApi", "tagClasses", "__toCommonJS", "import_attributes", "tagClasses", "createQdsTagApi", "props", "normalize", "size", "isInteractiveVariant", "commonBindings", "tagClasses"]
7
7
  }
package/dist/tag/index.js CHANGED
@@ -1,2 +1,2 @@
1
- import{booleanDataAttr as d}from"@qualcomm-ui/utils/attributes";var a={dismissButton:"qui-tag__dismiss-button",icon:"qui-tag__icon",root:"qui-tag__root"};function r(t,s){let i=t.size||"md";return{getDismissButtonBindings(){return s.button({className:a.dismissButton,"data-disabled":d(t.disabled),"data-size":i,disabled:t.disabled})},getEndIconBindings(){return s.element({className:a.icon,"data-part":"end-icon","data-scope":"tag","data-size":i})},getRootBindings(){return s.button({className:a.root,"data-disabled":d(t.disabled),"data-emphasis":t.emphasis||"brand","data-part":"root","data-radius":t.radius||"square","data-scope":"tag","data-selected":d(t.selected),"data-size":i,"data-variant":t.variant,disabled:t.disabled})},getStartIconBindings(){return s.element({className:a.icon,"data-part":"start-icon","data-scope":"tag","data-size":i})}}}export{r as createQdsTagApi,a as tagClasses};
1
+ import{booleanDataAttr as n}from"@qualcomm-ui/utils/attributes";var s={dismissButton:"qui-tag__dismiss-button",icon:"qui-tag__icon",root:"qui-tag__root"};function c(t,a){let i=t.size||"md";function e(){return t.variant==="link"||t.variant==="selectable"}let d={className:s.root,"data-disabled":n(t.disabled),"data-emphasis":t.emphasis||"outline-brand","data-part":"root","data-radius":t.radius||"square","data-scope":"tag","data-selected":n(t.selected),"data-size":i,"data-variant":t.variant};return{getDismissButtonBindings(){return a.button({"aria-label":"Dismiss",className:s.dismissButton,"data-disabled":n(t.disabled),"data-part":"dismiss-button","data-scope":"tag","data-size":i,disabled:t.disabled,type:"button"})},getEndIconBindings(){return a.element({className:s.icon,"data-part":"end-icon","data-scope":"tag","data-size":i})},getRootBindings(){return e()?a.button({...d,disabled:t.disabled}):a.element(d)},getStartIconBindings(){return a.element({className:s.icon,"data-part":"start-icon","data-scope":"tag","data-size":i})},isInteractiveVariant:e}}export{c as createQdsTagApi,s as tagClasses};
2
2
  //# sourceMappingURL=index.js.map
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
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 return {\n getDismissButtonBindings(): QdsTagDismissButtonBindings {\n return normalize.button({\n className: tagClasses.dismissButton,\n \"data-disabled\": booleanDataAttr(props.disabled),\n \"data-size\": size,\n disabled: props.disabled,\n })\n },\n getEndIconBindings(): QdsTagEndIconBindings {\n return normalize.element({\n className: tagClasses.icon,\n \"data-part\": \"end-icon\",\n \"data-scope\": \"tag\",\n \"data-size\": size,\n })\n },\n getRootBindings(): QdsTagRootBindings {\n return normalize.button({\n className: tagClasses.root,\n \"data-disabled\": booleanDataAttr(props.disabled),\n \"data-emphasis\": props.emphasis || \"brand\",\n \"data-part\": \"root\",\n \"data-radius\": props.radius || \"square\",\n \"data-scope\": \"tag\",\n \"data-selected\": booleanDataAttr(props.selected),\n \"data-size\": size,\n \"data-variant\": props.variant,\n disabled: props.disabled,\n })\n },\n getStartIconBindings(): QdsTagStartIconBindings {\n return normalize.element({\n className: tagClasses.icon,\n \"data-part\": \"start-icon\",\n \"data-scope\": \"tag\",\n \"data-size\": size,\n })\n },\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,OAAQ,mBAAAA,MAAsB,gCCAvB,IAAMC,EAAa,CACxB,cAAe,0BACf,KAAM,gBACN,KAAM,eACR,EDSO,SAASC,EACdC,EACAC,EACW,CACX,IAAMC,EAAOF,EAAM,MAAQ,KAE3B,MAAO,CACL,0BAAwD,CACtD,OAAOC,EAAU,OAAO,CACtB,UAAWE,EAAW,cACtB,gBAAiBC,EAAgBJ,EAAM,QAAQ,EAC/C,YAAaE,EACb,SAAUF,EAAM,QAClB,CAAC,CACH,EACA,oBAA4C,CAC1C,OAAOC,EAAU,QAAQ,CACvB,UAAWE,EAAW,KACtB,YAAa,WACb,aAAc,MACd,YAAaD,CACf,CAAC,CACH,EACA,iBAAsC,CACpC,OAAOD,EAAU,OAAO,CACtB,UAAWE,EAAW,KACtB,gBAAiBC,EAAgBJ,EAAM,QAAQ,EAC/C,gBAAiBA,EAAM,UAAY,QACnC,YAAa,OACb,cAAeA,EAAM,QAAU,SAC/B,aAAc,MACd,gBAAiBI,EAAgBJ,EAAM,QAAQ,EAC/C,YAAaE,EACb,eAAgBF,EAAM,QACtB,SAAUA,EAAM,QAClB,CAAC,CACH,EACA,sBAAgD,CAC9C,OAAOC,EAAU,QAAQ,CACvB,UAAWE,EAAW,KACtB,YAAa,aACb,aAAc,MACd,YAAaD,CACf,CAAC,CACH,CACF,CACF",
6
- "names": ["booleanDataAttr", "tagClasses", "createQdsTagApi", "props", "normalize", "size", "tagClasses", "booleanDataAttr"]
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-part\": \"root\" as const,\n \"data-radius\": props.radius || \"square\",\n \"data-scope\": \"tag\" as const,\n \"data-selected\": booleanDataAttr(props.selected),\n \"data-size\": size,\n \"data-variant\": props.variant,\n }\n\n return {\n getDismissButtonBindings(): QdsTagDismissButtonBindings {\n return normalize.button({\n \"aria-label\": \"Dismiss\",\n className: tagClasses.dismissButton,\n \"data-disabled\": booleanDataAttr(props.disabled),\n \"data-part\": \"dismiss-button\",\n \"data-scope\": \"tag\",\n \"data-size\": size,\n disabled: props.disabled,\n type: \"button\",\n })\n },\n getEndIconBindings(): QdsTagEndIconBindings {\n return normalize.element({\n className: tagClasses.icon,\n \"data-part\": \"end-icon\",\n \"data-scope\": \"tag\",\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 className: tagClasses.icon,\n \"data-part\": \"start-icon\",\n \"data-scope\": \"tag\",\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,OAAQ,mBAAAA,MAAsB,gCCAvB,IAAMC,EAAa,CACxB,cAAe,0BACf,KAAM,gBACN,KAAM,eACR,EDSO,SAASC,EACdC,EACAC,EACW,CACX,IAAMC,EAAOF,EAAM,MAAQ,KAE3B,SAASG,GAAgC,CACvC,OAAOH,EAAM,UAAY,QAAUA,EAAM,UAAY,YACvD,CAEA,IAAMI,EAAiB,CACrB,UAAWC,EAAW,KACtB,gBAAiBC,EAAgBN,EAAM,QAAQ,EAC/C,gBAAiBA,EAAM,UAAY,gBACnC,YAAa,OACb,cAAeA,EAAM,QAAU,SAC/B,aAAc,MACd,gBAAiBM,EAAgBN,EAAM,QAAQ,EAC/C,YAAaE,EACb,eAAgBF,EAAM,OACxB,EAEA,MAAO,CACL,0BAAwD,CACtD,OAAOC,EAAU,OAAO,CACtB,aAAc,UACd,UAAWI,EAAW,cACtB,gBAAiBC,EAAgBN,EAAM,QAAQ,EAC/C,YAAa,iBACb,aAAc,MACd,YAAaE,EACb,SAAUF,EAAM,SAChB,KAAM,QACR,CAAC,CACH,EACA,oBAA4C,CAC1C,OAAOC,EAAU,QAAQ,CACvB,UAAWI,EAAW,KACtB,YAAa,WACb,aAAc,MACd,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,UAAWI,EAAW,KACtB,YAAa,aACb,aAAc,MACd,YAAaH,CACf,CAAC,CACH,EACA,qBAAAC,CACF,CACF",
6
+ "names": ["booleanDataAttr", "tagClasses", "createQdsTagApi", "props", "normalize", "size", "isInteractiveVariant", "commonBindings", "tagClasses", "booleanDataAttr"]
7
7
  }
@@ -1 +1 @@
1
- .qui-tag__root{align-items:center;background-color:transparent;border-radius:var(--border-radius-md);box-sizing:border-box;cursor:pointer;display:inline-flex;font:var(--font-static-body-xs-default);gap:var(--spacing-50);max-height:var(--tag-size);min-height:var(--tag-size);outline:none;padding:0 var(--spacing-70);--tag-size:var(--sizing-90)}.qui-tag__root[data-radius=rounded]{border-radius:var(--border-radius-rounded)}.qui-tag__root[data-size=sm]{--tag-size:var(--sizing-80)}.qui-tag__root[data-size=lg]{--tag-size:var(--sizing-100);font:var(--font-static-body-sm-default);padding:0 var(--spacing-80)}.qui-tag__root{border:solid 1px var(--color-interactive-border-neutral-idle);color:var(--color-text-neutral-primary);--icon-color:inherit}.qui-tag__root[data-variant=link]:hover{text-decoration:underline}.qui-tag__root[data-emphasis=brand]{color:var(--color-interactive-text-primary-idle)}.qui-tag__root[data-emphasis=brand]:hover{color:var(--color-interactive-text-primary-hover)}.qui-tag__root[data-emphasis=brand]:active{color:var(--color-interactive-text-primary-pressed)}.qui-tag__root[data-emphasis=brand][data-selected]{background:var(--color-background-brand-primary);border-color:var(--color-background-brand-primary);color:var(--color-utility-persistent-white)}.qui-tag__root[data-emphasis=outline-neutral]:hover{background:var(--color-interactive-background-ghost-hover)}.qui-tag__root[data-emphasis=outline-neutral]:active{background:var(--color-interactive-background-ghost-pressed)}.qui-tag__root[data-emphasis=outline-neutral][data-selected]{background:var(--color-interactive-background-neutral-idle)}.qui-tag__root[data-emphasis=neutral]{background:var(--color-background-support-neutral-subtle)}.qui-tag__root[data-emphasis=neutral]:hover{background:var(--color-interactive-background-ghost-hover)}.qui-tag__root[data-emphasis=neutral]:active{background:var(--color-interactive-background-ghost-pressed)}.qui-tag__root[data-emphasis=neutral][data-selected]{background:var(--color-background-support-neutral)}.qui-tag__root[data-selected]{color:var(--color-utility-persistent-white)}.qui-tag__root:focus-visible{border-color:var(--color-utility-focus-border);outline:solid 2px var(--color-utility-focus-border);outline-offset:-1px}.qui-tag__root[data-scope][data-disabled]{background:var(--color-utility-disabled-background);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-scope=tag][data-size]{--icon-size:var(--sizing-60)}.qui-tag__icon[data-scope=tag][data-size=lg]{--icon-size:var(--sizing-70)}
1
+ .qui-tag__root{align-items:center;background-color:transparent;border-radius:var(--tag-radius);box-sizing:border-box;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:var(--spacing-30) var(--spacing-70);background:var(--tag-bg-base);border:solid 1px var(--tag-border-base);-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-bg-selected:transparent;--tag-border-base:var(--color-interactive-border-neutral-idle);--tag-border-selected:var(--tag-border-base);--icon-color:inherit}.qui-tag__root[data-size=sm]{--tag-size:var(--sizing-80);padding:0 var(--spacing-70)}.qui-tag__root[data-size=lg]{--tag-size:var(--sizing-100);font:var(--font-static-body-sm-default);padding:5px var(--spacing-80)}.qui-tag__root[data-radius=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)}.qui-tag__root[data-emphasis=outline-brand][data-variant=link]:hover,.qui-tag__root[data-emphasis=outline-brand][data-variant=selectable]:not([data-selected]):hover{color:var(--color-interactive-text-primary-hover)}.qui-tag__root[data-emphasis=outline-brand][data-variant=link]:active{color:var(--color-interactive-text-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);color:var(--color-text-neutral-primary)}.qui-tag__root[data-emphasis=neutral]{--tag-bg-base:var(--color-background-support-neutral-subtle);--tag-bg-selected:var(--color-interactive-background-neutral-idle)}.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]{--tag-bg-base:var(--color-category-kiwi-subtle);--tag-bg-selected:var(--color-category-kiwi-strong);--tag-border-base:var(--color-category-kiwi-medium);--tag-border-selected:var(--color-category-kiwi-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)}.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-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)}.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)}.qui-tag__root[data-selected]{background:var(--tag-bg-selected);border-color:var(--tag-border-selected);color:var(--color-utility-persistent-white)}.qui-tag__root[data-emphasis=yellow][data-selected]{color:var(--color-utility-persistent-black)}.qui-tag__root[data-variant=selectable][data-selected]:hover{background:linear-gradient(var(--color-interactive-background-ghost-hover) 0 0),var(--tag-bg-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-scope][data-disabled]:not([data-emphasis^=outline-]){background:var(--color-utility-disabled-background)}.qui-tag__root[data-scope][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-scope=tag][data-size]{--icon-size:var(--sizing-60)}.qui-tag__icon[data-scope=tag][data-size=lg]{--icon-size:var(--sizing-70)}.qui-tag__icon[data-part=start-icon]{margin-inline-end:var(--spacing-50)}.qui-tag__icon[data-part=end-icon]{margin-inline-start:var(--spacing-50)}.qui-tag__dismiss-button>.qui-tag__icon[data-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);padding:0;margin-inline-start:var(--spacing-20);--icon-color:var(--color-interactive-icon-neutral-idle);width:var(--tag-size);height:var(--tag-size);display:inline-flex;justify-content:center}.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;AAG9D,OAAO,KAAK,EACV,SAAS,EACT,cAAc,EAKf,MAAM,aAAa,CAAA;AAEpB,wBAAgB,eAAe,CAC7B,KAAK,EAAE,cAAc,GAAG;IAAC,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;CAAC,EACxD,SAAS,EAAE,cAAc,GACxB,SAAS,CA2CX"}
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;AAG9D,OAAO,KAAK,EACV,SAAS,EACT,cAAc,EAKf,MAAM,aAAa,CAAA;AAEpB,wBAAgB,eAAe,CAC7B,KAAK,EAAE,cAAc,GAAG;IAAC,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;CAAC,EACxD,SAAS,EAAE,cAAc,GACxB,SAAS,CAuDX"}
@@ -1,6 +1,6 @@
1
1
  import type { BooleanDataAttr } from "@qualcomm-ui/utils/attributes";
2
2
  import type { tagClasses } from "./tag.classes";
3
- export type QdsTagEmphasis = "brand" | "outline-neutral" | "neutral";
3
+ export type QdsTagEmphasis = "outline-brand" | "outline-neutral" | "neutral" | "blue" | "cyan" | "teal" | "green" | "kiwi" | "yellow" | "orange" | "red" | "magenta" | "purple";
4
4
  export type QdsTagRadius = "square" | "rounded";
5
5
  export type QdsTagSize = "sm" | "md" | "lg";
6
6
  export type QdsTagVariant = "link" | "selectable" | "dismissable";
@@ -12,7 +12,7 @@ export interface QdsTagApiProps {
12
12
  disabled?: boolean;
13
13
  /**
14
14
  * Governs the color of the tag.
15
- * @default 'brand'
15
+ * @default 'outline-brand'
16
16
  */
17
17
  emphasis?: QdsTagEmphasis;
18
18
  /**
@@ -32,7 +32,17 @@ export interface QdsTagApiProps {
32
32
  variant?: QdsTagVariant;
33
33
  }
34
34
  type TagClasses = typeof tagClasses;
35
- export interface QdsTagRootBindings {
35
+ export interface QdsTagSpanRootBindings {
36
+ className: TagClasses["root"];
37
+ "data-disabled": BooleanDataAttr;
38
+ "data-emphasis": QdsTagEmphasis;
39
+ "data-part": "root";
40
+ "data-radius": QdsTagRadius;
41
+ "data-scope": "tag";
42
+ "data-size": QdsTagSize;
43
+ "data-variant"?: QdsTagVariant;
44
+ }
45
+ export interface QdsTagButtonRootBindings {
36
46
  className: TagClasses["root"];
37
47
  "data-disabled": BooleanDataAttr;
38
48
  "data-emphasis": QdsTagEmphasis;
@@ -43,6 +53,7 @@ export interface QdsTagRootBindings {
43
53
  "data-variant"?: QdsTagVariant;
44
54
  disabled: boolean | undefined;
45
55
  }
56
+ export type QdsTagRootBindings = QdsTagSpanRootBindings | QdsTagButtonRootBindings;
46
57
  export interface QdsTagStartIconBindings {
47
58
  className: TagClasses["icon"];
48
59
  "data-part": "start-icon";
@@ -56,16 +67,21 @@ export interface QdsTagEndIconBindings {
56
67
  "data-size": QdsTagSize;
57
68
  }
58
69
  export interface QdsTagDismissButtonBindings {
70
+ "aria-label": string;
59
71
  className: TagClasses["dismissButton"];
60
72
  "data-disabled": BooleanDataAttr;
73
+ "data-part": "dismiss-button";
74
+ "data-scope": "tag";
61
75
  "data-size": QdsTagSize;
62
76
  disabled: boolean | undefined;
77
+ type: "button";
63
78
  }
64
79
  export interface QdsTagApi {
65
80
  getDismissButtonBindings(): QdsTagDismissButtonBindings;
66
81
  getEndIconBindings(): QdsTagEndIconBindings;
67
82
  getRootBindings(): QdsTagRootBindings;
68
83
  getStartIconBindings(): QdsTagStartIconBindings;
84
+ isInteractiveVariant(): boolean;
69
85
  }
70
86
  export {};
71
87
  //# sourceMappingURL=tag.types.d.ts.map
@@ -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,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,iBAAiB,GAAG,SAAS,CAAA;AAEpE,MAAM,MAAM,YAAY,GAAG,QAAQ,GAAG,SAAS,CAAA;AAE/C,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;;;;OAIG;IACH,MAAM,CAAC,EAAE,YAAY,CAAA;IAErB;;;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,kBAAkB;IACjC,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,CAAA;IAC7B,eAAe,EAAE,eAAe,CAAA;IAChC,eAAe,EAAE,cAAc,CAAA;IAC/B,WAAW,EAAE,MAAM,CAAA;IACnB,aAAa,EAAE,YAAY,CAAA;IAC3B,YAAY,EAAE,KAAK,CAAA;IACnB,WAAW,EAAE,UAAU,CAAA;IACvB,cAAc,CAAC,EAAE,aAAa,CAAA;IAC9B,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAA;CAC9B;AAED,MAAM,WAAW,uBAAuB;IACtC,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,CAAA;IAC7B,WAAW,EAAE,YAAY,CAAA;IACzB,YAAY,EAAE,KAAK,CAAA;IACnB,WAAW,EAAE,UAAU,CAAA;CACxB;AAED,MAAM,WAAW,qBAAqB;IACpC,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,CAAA;IAC7B,WAAW,EAAE,UAAU,CAAA;IACvB,YAAY,EAAE,KAAK,CAAA;IACnB,WAAW,EAAE,UAAU,CAAA;CACxB;AAED,MAAM,WAAW,2BAA2B;IAC1C,SAAS,EAAE,UAAU,CAAC,eAAe,CAAC,CAAA;IACtC,eAAe,EAAE,eAAe,CAAA;IAChC,WAAW,EAAE,UAAU,CAAA;IACvB,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAA;CAC9B;AAED,MAAM,WAAW,SAAS;IACxB,wBAAwB,IAAI,2BAA2B,CAAA;IACvD,kBAAkB,IAAI,qBAAqB,CAAA;IAC3C,eAAe,IAAI,kBAAkB,CAAA;IACrC,oBAAoB,IAAI,uBAAuB,CAAA;CAChD"}
1
+ {"version":3,"file":"tag.types.d.ts","sourceRoot":"","sources":["../../src/tag/tag.types.ts"],"names":[],"mappings":"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"}