@qualcomm-ui/qds-core 1.21.1 → 1.22.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 +1 @@
1
- {"version":3,"file":"alert-banner.api.d.ts","sourceRoot":"","sources":["../../src/alert-banner/alert-banner.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,EAEV,iBAAiB,EACjB,sBAAsB,EAOvB,MAAM,sBAAsB,CAAA;AAE7B,wBAAgB,uBAAuB,CACrC,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,EACvC,SAAS,EAAE,cAAc,GACxB,iBAAiB,CAmEnB"}
1
+ {"version":3,"file":"alert-banner.api.d.ts","sourceRoot":"","sources":["../../src/alert-banner/alert-banner.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,EAEV,iBAAiB,EACjB,sBAAsB,EAOvB,MAAM,sBAAsB,CAAA;AAE7B,wBAAgB,uBAAuB,CACrC,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,EACvC,SAAS,EAAE,cAAc,GACxB,iBAAiB,CA2EnB"}
@@ -54,7 +54,9 @@ export interface QdsAlertBannerCloseButtonBindings extends QdsAlertBannerCommonB
54
54
  className: AlertBannerClasses["closeButton"];
55
55
  "data-part": "close-button";
56
56
  }
57
+ export type QdsAlertBannerCloseButtonEmphasis = "black-persistent" | "inverse" | "neutral";
57
58
  export interface QdsAlertBannerApi {
59
+ closeButtonEmphasis: QdsAlertBannerCloseButtonEmphasis;
58
60
  emphasis: QdsAlertBannerEmphasis;
59
61
  variant: QdsAlertBannerVariant;
60
62
  getActionBindings(): QdsAlertBannerActionBindings;
@@ -1 +1 @@
1
- {"version":3,"file":"alert-banner.types.d.ts","sourceRoot":"","sources":["../../src/alert-banner/alert-banner.types.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,8BAA8B,CAAA;AAEnE,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,wBAAwB,CAAA;AAE9D,MAAM,MAAM,sBAAsB,GAC9B,MAAM,GACN,SAAS,GACT,SAAS,GACT,QAAQ,GACR,SAAS,CAAA;AAEb,MAAM,MAAM,qBAAqB,GAAG,QAAQ,GAAG,QAAQ,CAAA;AAEvD,MAAM,WAAW,sBAAuB,SAAQ,iBAAiB;IAC/D;;;;OAIG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAE7B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,sBAAsB,CAAA;IAEjC;;;;OAIG;IACH,OAAO,CAAC,EAAE,qBAAqB,CAAA;CAChC;AAED,KAAK,kBAAkB,GAAG,OAAO,kBAAkB,CAAA;AAEnD,MAAM,WAAW,4BAA4B;IAC3C,YAAY,EAAE,cAAc,CAAA;CAC7B;AAED,MAAM,WAAW,0BACf,SAAQ,4BAA4B,EAClC,QAAQ,CAAC,iBAAiB,CAAC;IAC7B,SAAS,EAAE,kBAAkB,CAAC,MAAM,CAAC,CAAA;IACrC,eAAe,EAAE,sBAAsB,CAAA;IACvC,WAAW,EAAE,MAAM,CAAA;IACnB,cAAc,EAAE,qBAAqB,CAAA;IACrC,IAAI,EAAE,OAAO,GAAG,QAAQ,CAAA;CACzB;AAED,MAAM,WAAW,0BACf,SAAQ,4BAA4B;IACpC,SAAS,EAAE,kBAAkB,CAAC,MAAM,CAAC,CAAA;IACrC,WAAW,EAAE,aAAa,CAAA;CAC3B;AAED,MAAM,WAAW,6BACf,SAAQ,4BAA4B;IACpC,SAAS,EAAE,kBAAkB,CAAC,SAAS,CAAC,CAAA;IACxC,WAAW,EAAE,SAAS,CAAA;CACvB;AAED,MAAM,WAAW,iCACf,SAAQ,4BAA4B;IACpC,SAAS,EAAE,kBAAkB,CAAC,aAAa,CAAC,CAAA;IAC5C,WAAW,EAAE,aAAa,CAAA;CAC3B;AAED,MAAM,WAAW,4BACf,SAAQ,4BAA4B;IACpC,SAAS,EAAE,kBAAkB,CAAC,QAAQ,CAAC,CAAA;IACvC,WAAW,EAAE,QAAQ,CAAA;CACtB;AAED,MAAM,WAAW,iCACf,SAAQ,4BAA4B;IACpC,YAAY,EAAE,MAAM,CAAA;IACpB,SAAS,EAAE,kBAAkB,CAAC,aAAa,CAAC,CAAA;IAC5C,WAAW,EAAE,cAAc,CAAA;CAC5B;AAED,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,sBAAsB,CAAA;IAChC,OAAO,EAAE,qBAAqB,CAAA;IAG9B,iBAAiB,IAAI,4BAA4B,CAAA;IACjD,sBAAsB,IAAI,iCAAiC,CAAA;IAC3D,sBAAsB,IAAI,iCAAiC,CAAA;IAC3D,kBAAkB,IAAI,6BAA6B,CAAA;IACnD,eAAe,IAAI,0BAA0B,CAAA;IAC7C,eAAe,IAAI,0BAA0B,CAAA;CAC9C"}
1
+ {"version":3,"file":"alert-banner.types.d.ts","sourceRoot":"","sources":["../../src/alert-banner/alert-banner.types.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,8BAA8B,CAAA;AAEnE,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,wBAAwB,CAAA;AAE9D,MAAM,MAAM,sBAAsB,GAC9B,MAAM,GACN,SAAS,GACT,SAAS,GACT,QAAQ,GACR,SAAS,CAAA;AAEb,MAAM,MAAM,qBAAqB,GAAG,QAAQ,GAAG,QAAQ,CAAA;AAEvD,MAAM,WAAW,sBAAuB,SAAQ,iBAAiB;IAC/D;;;;OAIG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAE7B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,sBAAsB,CAAA;IAEjC;;;;OAIG;IACH,OAAO,CAAC,EAAE,qBAAqB,CAAA;CAChC;AAED,KAAK,kBAAkB,GAAG,OAAO,kBAAkB,CAAA;AAEnD,MAAM,WAAW,4BAA4B;IAC3C,YAAY,EAAE,cAAc,CAAA;CAC7B;AAED,MAAM,WAAW,0BACf,SAAQ,4BAA4B,EAClC,QAAQ,CAAC,iBAAiB,CAAC;IAC7B,SAAS,EAAE,kBAAkB,CAAC,MAAM,CAAC,CAAA;IACrC,eAAe,EAAE,sBAAsB,CAAA;IACvC,WAAW,EAAE,MAAM,CAAA;IACnB,cAAc,EAAE,qBAAqB,CAAA;IACrC,IAAI,EAAE,OAAO,GAAG,QAAQ,CAAA;CACzB;AAED,MAAM,WAAW,0BACf,SAAQ,4BAA4B;IACpC,SAAS,EAAE,kBAAkB,CAAC,MAAM,CAAC,CAAA;IACrC,WAAW,EAAE,aAAa,CAAA;CAC3B;AAED,MAAM,WAAW,6BACf,SAAQ,4BAA4B;IACpC,SAAS,EAAE,kBAAkB,CAAC,SAAS,CAAC,CAAA;IACxC,WAAW,EAAE,SAAS,CAAA;CACvB;AAED,MAAM,WAAW,iCACf,SAAQ,4BAA4B;IACpC,SAAS,EAAE,kBAAkB,CAAC,aAAa,CAAC,CAAA;IAC5C,WAAW,EAAE,aAAa,CAAA;CAC3B;AAED,MAAM,WAAW,4BACf,SAAQ,4BAA4B;IACpC,SAAS,EAAE,kBAAkB,CAAC,QAAQ,CAAC,CAAA;IACvC,WAAW,EAAE,QAAQ,CAAA;CACtB;AAED,MAAM,WAAW,iCACf,SAAQ,4BAA4B;IACpC,YAAY,EAAE,MAAM,CAAA;IACpB,SAAS,EAAE,kBAAkB,CAAC,aAAa,CAAC,CAAA;IAC5C,WAAW,EAAE,cAAc,CAAA;CAC5B;AAED,MAAM,MAAM,iCAAiC,GACzC,kBAAkB,GAClB,SAAS,GACT,SAAS,CAAA;AAEb,MAAM,WAAW,iBAAiB;IAChC,mBAAmB,EAAE,iCAAiC,CAAA;IACtD,QAAQ,EAAE,sBAAsB,CAAA;IAChC,OAAO,EAAE,qBAAqB,CAAA;IAG9B,iBAAiB,IAAI,4BAA4B,CAAA;IACjD,sBAAsB,IAAI,iCAAiC,CAAA;IAC3D,sBAAsB,IAAI,iCAAiC,CAAA;IAC3D,kBAAkB,IAAI,6BAA6B,CAAA;IACnD,eAAe,IAAI,0BAA0B,CAAA;IAC7C,eAAe,IAAI,0BAA0B,CAAA;CAC9C"}
@@ -1,2 +1,2 @@
1
- "use strict";var o=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var l=Object.getOwnPropertyNames;var B=Object.prototype.hasOwnProperty;var c=(e,n)=>{for(var a in n)o(e,a,{get:n[a],enumerable:!0})},g=(e,n,a,i)=>{if(n&&typeof n=="object"||typeof n=="function")for(let t of l(n))!B.call(e,t)&&t!==a&&o(e,t,{get:()=>n[t],enumerable:!(i=d(n,t))||i.enumerable});return e};var p=e=>g(o({},"__esModule",{value:!0}),e);var u={};c(u,{alertBannerClasses:()=>r,createQdsAlertBannerApi:()=>m});module.exports=p(u);var r={action:"qui-alert-banner__action",closeButton:"qui-alert-banner__close-button",description:"qui-alert-banner__description",heading:"qui-alert-banner__heading",icon:"qui-alert-banner__icon",root:"qui-alert-banner__root"};function m(e,n){let a=e.closeButtonAriaLabel||"Close",i=e.emphasis||"info",t=e.variant||"strong",s={"data-scope":"alert-banner"};return{emphasis:i,variant:t,getActionBindings(){return n.element({...s,className:r.action,"data-part":"action"})},getCloseButtonBindings(){return n.element({...s,"aria-label":a,className:r.closeButton,"data-part":"close-button"})},getDescriptionBindings(){return n.element({...s,className:r.description,"data-part":"description"})},getHeadingBindings(){return n.element({...s,className:r.heading,"data-part":"heading"})},getIconBindings(){return n.element({...s,className:r.icon,"data-part":"status-icon"})},getRootBindings(){return n.element({...s,className:r.root,"data-emphasis":i,"data-part":"root","data-variant":t,dir:e.dir||"ltr",role:i==="danger"?"alert":"status"})}}}
1
+ "use strict";var o=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var B=Object.prototype.hasOwnProperty;var g=(e,n)=>{for(var i in n)o(e,i,{get:n[i],enumerable:!0})},p=(e,n,i,a)=>{if(n&&typeof n=="object"||typeof n=="function")for(let t of c(n))!B.call(e,t)&&t!==i&&o(e,t,{get:()=>n[t],enumerable:!(a=d(n,t))||a.enumerable});return e};var m=e=>p(o({},"__esModule",{value:!0}),e);var A={};g(A,{alertBannerClasses:()=>r,createQdsAlertBannerApi:()=>u});module.exports=m(A);var r={action:"qui-alert-banner__action",closeButton:"qui-alert-banner__close-button",description:"qui-alert-banner__description",heading:"qui-alert-banner__heading",icon:"qui-alert-banner__icon",root:"qui-alert-banner__root"};function u(e,n){let i=e.closeButtonAriaLabel||"Close",a=e.emphasis||"info",t=e.variant||"strong",l=t==="strong"?a==="warning"?"black-persistent":"inverse":"neutral",s={"data-scope":"alert-banner"};return{closeButtonEmphasis:l,emphasis:a,variant:t,getActionBindings(){return n.element({...s,className:r.action,"data-part":"action"})},getCloseButtonBindings(){return n.element({...s,"aria-label":i,className:r.closeButton,"data-part":"close-button"})},getDescriptionBindings(){return n.element({...s,className:r.description,"data-part":"description"})},getHeadingBindings(){return n.element({...s,className:r.heading,"data-part":"heading"})},getIconBindings(){return n.element({...s,className:r.icon,"data-part":"status-icon"})},getRootBindings(){return n.element({...s,className:r.root,"data-emphasis":a,"data-part":"root","data-variant":t,dir:e.dir||"ltr",role:a==="danger"?"alert":"status"})}}}
2
2
  //# sourceMappingURL=index.cjs.map
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/alert-banner/index.ts", "../../src/alert-banner/alert-banner.classes.ts", "../../src/alert-banner/alert-banner.api.ts"],
4
- "sourcesContent": ["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nexport * from \"./alert-banner.api\"\nexport * from \"./alert-banner.classes\"\nexport type * from \"./alert-banner.types\"\n", "// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nexport const alertBannerClasses = {\n action: \"qui-alert-banner__action\",\n closeButton: \"qui-alert-banner__close-button\",\n description: \"qui-alert-banner__description\",\n heading: \"qui-alert-banner__heading\",\n icon: \"qui-alert-banner__icon\",\n root: \"qui-alert-banner__root\",\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 {alertBannerClasses} from \"./alert-banner.classes\"\nimport type {\n QdsAlertBannerActionBindings,\n QdsAlertBannerApi,\n QdsAlertBannerApiProps,\n QdsAlertBannerCloseButtonBindings,\n QdsAlertBannerCommonBindings,\n QdsAlertBannerDescriptionBindings,\n QdsAlertBannerHeadingBindings,\n QdsAlertBannerIconBindings,\n QdsAlertBannerRootBindings,\n} from \"./alert-banner.types\"\n\nexport function createQdsAlertBannerApi(\n props: Explicit<QdsAlertBannerApiProps>,\n normalize: PropNormalizer,\n): QdsAlertBannerApi {\n const closeButtonAriaLabel = props.closeButtonAriaLabel || \"Close\"\n const emphasis = props.emphasis || \"info\"\n const variant = props.variant || \"strong\"\n\n const commonBindings: QdsAlertBannerCommonBindings = {\n \"data-scope\": \"alert-banner\",\n }\n\n return {\n emphasis,\n variant,\n\n // group: bindings\n getActionBindings(): QdsAlertBannerActionBindings {\n return normalize.element({\n ...commonBindings,\n className: alertBannerClasses.action,\n \"data-part\": \"action\",\n })\n },\n\n getCloseButtonBindings(): QdsAlertBannerCloseButtonBindings {\n return normalize.element({\n ...commonBindings,\n \"aria-label\": closeButtonAriaLabel,\n className: alertBannerClasses.closeButton,\n \"data-part\": \"close-button\",\n })\n },\n\n getDescriptionBindings(): QdsAlertBannerDescriptionBindings {\n return normalize.element({\n ...commonBindings,\n className: alertBannerClasses.description,\n \"data-part\": \"description\",\n })\n },\n\n getHeadingBindings(): QdsAlertBannerHeadingBindings {\n return normalize.element({\n ...commonBindings,\n className: alertBannerClasses.heading,\n \"data-part\": \"heading\",\n })\n },\n\n getIconBindings(): QdsAlertBannerIconBindings {\n return normalize.element({\n ...commonBindings,\n className: alertBannerClasses.icon,\n \"data-part\": \"status-icon\",\n })\n },\n\n getRootBindings(): QdsAlertBannerRootBindings {\n return normalize.element({\n ...commonBindings,\n className: alertBannerClasses.root,\n \"data-emphasis\": emphasis,\n \"data-part\": \"root\",\n \"data-variant\": variant,\n dir: props.dir || \"ltr\",\n role: emphasis === \"danger\" ? \"alert\" : \"status\",\n })\n },\n }\n}\n"],
5
- "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,wBAAAE,EAAA,4BAAAC,IAAA,eAAAC,EAAAJ,GCGO,IAAMK,EAAqB,CAChC,OAAQ,2BACR,YAAa,iCACb,YAAa,gCACb,QAAS,4BACT,KAAM,yBACN,KAAM,wBACR,ECSO,SAASC,EACdC,EACAC,EACmB,CACnB,IAAMC,EAAuBF,EAAM,sBAAwB,QACrDG,EAAWH,EAAM,UAAY,OAC7BI,EAAUJ,EAAM,SAAW,SAE3BK,EAA+C,CACnD,aAAc,cAChB,EAEA,MAAO,CACL,SAAAF,EACA,QAAAC,EAGA,mBAAkD,CAChD,OAAOH,EAAU,QAAQ,CACvB,GAAGI,EACH,UAAWC,EAAmB,OAC9B,YAAa,QACf,CAAC,CACH,EAEA,wBAA4D,CAC1D,OAAOL,EAAU,QAAQ,CACvB,GAAGI,EACH,aAAcH,EACd,UAAWI,EAAmB,YAC9B,YAAa,cACf,CAAC,CACH,EAEA,wBAA4D,CAC1D,OAAOL,EAAU,QAAQ,CACvB,GAAGI,EACH,UAAWC,EAAmB,YAC9B,YAAa,aACf,CAAC,CACH,EAEA,oBAAoD,CAClD,OAAOL,EAAU,QAAQ,CACvB,GAAGI,EACH,UAAWC,EAAmB,QAC9B,YAAa,SACf,CAAC,CACH,EAEA,iBAA8C,CAC5C,OAAOL,EAAU,QAAQ,CACvB,GAAGI,EACH,UAAWC,EAAmB,KAC9B,YAAa,aACf,CAAC,CACH,EAEA,iBAA8C,CAC5C,OAAOL,EAAU,QAAQ,CACvB,GAAGI,EACH,UAAWC,EAAmB,KAC9B,gBAAiBH,EACjB,YAAa,OACb,eAAgBC,EAChB,IAAKJ,EAAM,KAAO,MAClB,KAAMG,IAAa,SAAW,QAAU,QAC1C,CAAC,CACH,CACF,CACF",
6
- "names": ["alert_banner_exports", "__export", "alertBannerClasses", "createQdsAlertBannerApi", "__toCommonJS", "alertBannerClasses", "createQdsAlertBannerApi", "props", "normalize", "closeButtonAriaLabel", "emphasis", "variant", "commonBindings", "alertBannerClasses"]
4
+ "sourcesContent": ["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nexport * from \"./alert-banner.api\"\nexport * from \"./alert-banner.classes\"\nexport type * from \"./alert-banner.types\"\n", "// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nexport const alertBannerClasses = {\n action: \"qui-alert-banner__action\",\n closeButton: \"qui-alert-banner__close-button\",\n description: \"qui-alert-banner__description\",\n heading: \"qui-alert-banner__heading\",\n icon: \"qui-alert-banner__icon\",\n root: \"qui-alert-banner__root\",\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 {alertBannerClasses} from \"./alert-banner.classes\"\nimport type {\n QdsAlertBannerActionBindings,\n QdsAlertBannerApi,\n QdsAlertBannerApiProps,\n QdsAlertBannerCloseButtonBindings,\n QdsAlertBannerCommonBindings,\n QdsAlertBannerDescriptionBindings,\n QdsAlertBannerHeadingBindings,\n QdsAlertBannerIconBindings,\n QdsAlertBannerRootBindings,\n} from \"./alert-banner.types\"\n\nexport function createQdsAlertBannerApi(\n props: Explicit<QdsAlertBannerApiProps>,\n normalize: PropNormalizer,\n): QdsAlertBannerApi {\n const closeButtonAriaLabel = props.closeButtonAriaLabel || \"Close\"\n const emphasis = props.emphasis || \"info\"\n const variant = props.variant || \"strong\"\n\n const closeButtonEmphasis =\n variant === \"strong\"\n ? emphasis === \"warning\"\n ? \"black-persistent\"\n : \"inverse\"\n : \"neutral\"\n\n const commonBindings: QdsAlertBannerCommonBindings = {\n \"data-scope\": \"alert-banner\",\n }\n\n return {\n closeButtonEmphasis,\n emphasis,\n variant,\n\n // group: bindings\n getActionBindings(): QdsAlertBannerActionBindings {\n return normalize.element({\n ...commonBindings,\n className: alertBannerClasses.action,\n \"data-part\": \"action\",\n })\n },\n\n getCloseButtonBindings(): QdsAlertBannerCloseButtonBindings {\n return normalize.element({\n ...commonBindings,\n \"aria-label\": closeButtonAriaLabel,\n className: alertBannerClasses.closeButton,\n \"data-part\": \"close-button\",\n })\n },\n\n getDescriptionBindings(): QdsAlertBannerDescriptionBindings {\n return normalize.element({\n ...commonBindings,\n className: alertBannerClasses.description,\n \"data-part\": \"description\",\n })\n },\n\n getHeadingBindings(): QdsAlertBannerHeadingBindings {\n return normalize.element({\n ...commonBindings,\n className: alertBannerClasses.heading,\n \"data-part\": \"heading\",\n })\n },\n\n getIconBindings(): QdsAlertBannerIconBindings {\n return normalize.element({\n ...commonBindings,\n className: alertBannerClasses.icon,\n \"data-part\": \"status-icon\",\n })\n },\n\n getRootBindings(): QdsAlertBannerRootBindings {\n return normalize.element({\n ...commonBindings,\n className: alertBannerClasses.root,\n \"data-emphasis\": emphasis,\n \"data-part\": \"root\",\n \"data-variant\": variant,\n dir: props.dir || \"ltr\",\n role: emphasis === \"danger\" ? \"alert\" : \"status\",\n })\n },\n }\n}\n"],
5
+ "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,wBAAAE,EAAA,4BAAAC,IAAA,eAAAC,EAAAJ,GCGO,IAAMK,EAAqB,CAChC,OAAQ,2BACR,YAAa,iCACb,YAAa,gCACb,QAAS,4BACT,KAAM,yBACN,KAAM,wBACR,ECSO,SAASC,EACdC,EACAC,EACmB,CACnB,IAAMC,EAAuBF,EAAM,sBAAwB,QACrDG,EAAWH,EAAM,UAAY,OAC7BI,EAAUJ,EAAM,SAAW,SAE3BK,EACJD,IAAY,SACRD,IAAa,UACX,mBACA,UACF,UAEAG,EAA+C,CACnD,aAAc,cAChB,EAEA,MAAO,CACL,oBAAAD,EACA,SAAAF,EACA,QAAAC,EAGA,mBAAkD,CAChD,OAAOH,EAAU,QAAQ,CACvB,GAAGK,EACH,UAAWC,EAAmB,OAC9B,YAAa,QACf,CAAC,CACH,EAEA,wBAA4D,CAC1D,OAAON,EAAU,QAAQ,CACvB,GAAGK,EACH,aAAcJ,EACd,UAAWK,EAAmB,YAC9B,YAAa,cACf,CAAC,CACH,EAEA,wBAA4D,CAC1D,OAAON,EAAU,QAAQ,CACvB,GAAGK,EACH,UAAWC,EAAmB,YAC9B,YAAa,aACf,CAAC,CACH,EAEA,oBAAoD,CAClD,OAAON,EAAU,QAAQ,CACvB,GAAGK,EACH,UAAWC,EAAmB,QAC9B,YAAa,SACf,CAAC,CACH,EAEA,iBAA8C,CAC5C,OAAON,EAAU,QAAQ,CACvB,GAAGK,EACH,UAAWC,EAAmB,KAC9B,YAAa,aACf,CAAC,CACH,EAEA,iBAA8C,CAC5C,OAAON,EAAU,QAAQ,CACvB,GAAGK,EACH,UAAWC,EAAmB,KAC9B,gBAAiBJ,EACjB,YAAa,OACb,eAAgBC,EAChB,IAAKJ,EAAM,KAAO,MAClB,KAAMG,IAAa,SAAW,QAAU,QAC1C,CAAC,CACH,CACF,CACF",
6
+ "names": ["alert_banner_exports", "__export", "alertBannerClasses", "createQdsAlertBannerApi", "__toCommonJS", "alertBannerClasses", "createQdsAlertBannerApi", "props", "normalize", "closeButtonAriaLabel", "emphasis", "variant", "closeButtonEmphasis", "commonBindings", "alertBannerClasses"]
7
7
  }
@@ -1,2 +1,2 @@
1
- var n={action:"qui-alert-banner__action",closeButton:"qui-alert-banner__close-button",description:"qui-alert-banner__description",heading:"qui-alert-banner__heading",icon:"qui-alert-banner__icon",root:"qui-alert-banner__root"};function l(r,e){let s=r.closeButtonAriaLabel||"Close",a=r.emphasis||"info",i=r.variant||"strong",t={"data-scope":"alert-banner"};return{emphasis:a,variant:i,getActionBindings(){return e.element({...t,className:n.action,"data-part":"action"})},getCloseButtonBindings(){return e.element({...t,"aria-label":s,className:n.closeButton,"data-part":"close-button"})},getDescriptionBindings(){return e.element({...t,className:n.description,"data-part":"description"})},getHeadingBindings(){return e.element({...t,className:n.heading,"data-part":"heading"})},getIconBindings(){return e.element({...t,className:n.icon,"data-part":"status-icon"})},getRootBindings(){return e.element({...t,className:n.root,"data-emphasis":a,"data-part":"root","data-variant":i,dir:r.dir||"ltr",role:a==="danger"?"alert":"status"})}}}export{n as alertBannerClasses,l as createQdsAlertBannerApi};
1
+ var n={action:"qui-alert-banner__action",closeButton:"qui-alert-banner__close-button",description:"qui-alert-banner__description",heading:"qui-alert-banner__heading",icon:"qui-alert-banner__icon",root:"qui-alert-banner__root"};function c(r,e){let s=r.closeButtonAriaLabel||"Close",a=r.emphasis||"info",i=r.variant||"strong",o=i==="strong"?a==="warning"?"black-persistent":"inverse":"neutral",t={"data-scope":"alert-banner"};return{closeButtonEmphasis:o,emphasis:a,variant:i,getActionBindings(){return e.element({...t,className:n.action,"data-part":"action"})},getCloseButtonBindings(){return e.element({...t,"aria-label":s,className:n.closeButton,"data-part":"close-button"})},getDescriptionBindings(){return e.element({...t,className:n.description,"data-part":"description"})},getHeadingBindings(){return e.element({...t,className:n.heading,"data-part":"heading"})},getIconBindings(){return e.element({...t,className:n.icon,"data-part":"status-icon"})},getRootBindings(){return e.element({...t,className:n.root,"data-emphasis":a,"data-part":"root","data-variant":i,dir:r.dir||"ltr",role:a==="danger"?"alert":"status"})}}}export{n as alertBannerClasses,c as createQdsAlertBannerApi};
2
2
  //# sourceMappingURL=index.js.map
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/alert-banner/alert-banner.classes.ts", "../../src/alert-banner/alert-banner.api.ts"],
4
- "sourcesContent": ["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nexport const alertBannerClasses = {\n action: \"qui-alert-banner__action\",\n closeButton: \"qui-alert-banner__close-button\",\n description: \"qui-alert-banner__description\",\n heading: \"qui-alert-banner__heading\",\n icon: \"qui-alert-banner__icon\",\n root: \"qui-alert-banner__root\",\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 {alertBannerClasses} from \"./alert-banner.classes\"\nimport type {\n QdsAlertBannerActionBindings,\n QdsAlertBannerApi,\n QdsAlertBannerApiProps,\n QdsAlertBannerCloseButtonBindings,\n QdsAlertBannerCommonBindings,\n QdsAlertBannerDescriptionBindings,\n QdsAlertBannerHeadingBindings,\n QdsAlertBannerIconBindings,\n QdsAlertBannerRootBindings,\n} from \"./alert-banner.types\"\n\nexport function createQdsAlertBannerApi(\n props: Explicit<QdsAlertBannerApiProps>,\n normalize: PropNormalizer,\n): QdsAlertBannerApi {\n const closeButtonAriaLabel = props.closeButtonAriaLabel || \"Close\"\n const emphasis = props.emphasis || \"info\"\n const variant = props.variant || \"strong\"\n\n const commonBindings: QdsAlertBannerCommonBindings = {\n \"data-scope\": \"alert-banner\",\n }\n\n return {\n emphasis,\n variant,\n\n // group: bindings\n getActionBindings(): QdsAlertBannerActionBindings {\n return normalize.element({\n ...commonBindings,\n className: alertBannerClasses.action,\n \"data-part\": \"action\",\n })\n },\n\n getCloseButtonBindings(): QdsAlertBannerCloseButtonBindings {\n return normalize.element({\n ...commonBindings,\n \"aria-label\": closeButtonAriaLabel,\n className: alertBannerClasses.closeButton,\n \"data-part\": \"close-button\",\n })\n },\n\n getDescriptionBindings(): QdsAlertBannerDescriptionBindings {\n return normalize.element({\n ...commonBindings,\n className: alertBannerClasses.description,\n \"data-part\": \"description\",\n })\n },\n\n getHeadingBindings(): QdsAlertBannerHeadingBindings {\n return normalize.element({\n ...commonBindings,\n className: alertBannerClasses.heading,\n \"data-part\": \"heading\",\n })\n },\n\n getIconBindings(): QdsAlertBannerIconBindings {\n return normalize.element({\n ...commonBindings,\n className: alertBannerClasses.icon,\n \"data-part\": \"status-icon\",\n })\n },\n\n getRootBindings(): QdsAlertBannerRootBindings {\n return normalize.element({\n ...commonBindings,\n className: alertBannerClasses.root,\n \"data-emphasis\": emphasis,\n \"data-part\": \"root\",\n \"data-variant\": variant,\n dir: props.dir || \"ltr\",\n role: emphasis === \"danger\" ? \"alert\" : \"status\",\n })\n },\n }\n}\n"],
5
- "mappings": "AAGO,IAAMA,EAAqB,CAChC,OAAQ,2BACR,YAAa,iCACb,YAAa,gCACb,QAAS,4BACT,KAAM,yBACN,KAAM,wBACR,ECSO,SAASC,EACdC,EACAC,EACmB,CACnB,IAAMC,EAAuBF,EAAM,sBAAwB,QACrDG,EAAWH,EAAM,UAAY,OAC7BI,EAAUJ,EAAM,SAAW,SAE3BK,EAA+C,CACnD,aAAc,cAChB,EAEA,MAAO,CACL,SAAAF,EACA,QAAAC,EAGA,mBAAkD,CAChD,OAAOH,EAAU,QAAQ,CACvB,GAAGI,EACH,UAAWC,EAAmB,OAC9B,YAAa,QACf,CAAC,CACH,EAEA,wBAA4D,CAC1D,OAAOL,EAAU,QAAQ,CACvB,GAAGI,EACH,aAAcH,EACd,UAAWI,EAAmB,YAC9B,YAAa,cACf,CAAC,CACH,EAEA,wBAA4D,CAC1D,OAAOL,EAAU,QAAQ,CACvB,GAAGI,EACH,UAAWC,EAAmB,YAC9B,YAAa,aACf,CAAC,CACH,EAEA,oBAAoD,CAClD,OAAOL,EAAU,QAAQ,CACvB,GAAGI,EACH,UAAWC,EAAmB,QAC9B,YAAa,SACf,CAAC,CACH,EAEA,iBAA8C,CAC5C,OAAOL,EAAU,QAAQ,CACvB,GAAGI,EACH,UAAWC,EAAmB,KAC9B,YAAa,aACf,CAAC,CACH,EAEA,iBAA8C,CAC5C,OAAOL,EAAU,QAAQ,CACvB,GAAGI,EACH,UAAWC,EAAmB,KAC9B,gBAAiBH,EACjB,YAAa,OACb,eAAgBC,EAChB,IAAKJ,EAAM,KAAO,MAClB,KAAMG,IAAa,SAAW,QAAU,QAC1C,CAAC,CACH,CACF,CACF",
6
- "names": ["alertBannerClasses", "createQdsAlertBannerApi", "props", "normalize", "closeButtonAriaLabel", "emphasis", "variant", "commonBindings", "alertBannerClasses"]
4
+ "sourcesContent": ["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nexport const alertBannerClasses = {\n action: \"qui-alert-banner__action\",\n closeButton: \"qui-alert-banner__close-button\",\n description: \"qui-alert-banner__description\",\n heading: \"qui-alert-banner__heading\",\n icon: \"qui-alert-banner__icon\",\n root: \"qui-alert-banner__root\",\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 {alertBannerClasses} from \"./alert-banner.classes\"\nimport type {\n QdsAlertBannerActionBindings,\n QdsAlertBannerApi,\n QdsAlertBannerApiProps,\n QdsAlertBannerCloseButtonBindings,\n QdsAlertBannerCommonBindings,\n QdsAlertBannerDescriptionBindings,\n QdsAlertBannerHeadingBindings,\n QdsAlertBannerIconBindings,\n QdsAlertBannerRootBindings,\n} from \"./alert-banner.types\"\n\nexport function createQdsAlertBannerApi(\n props: Explicit<QdsAlertBannerApiProps>,\n normalize: PropNormalizer,\n): QdsAlertBannerApi {\n const closeButtonAriaLabel = props.closeButtonAriaLabel || \"Close\"\n const emphasis = props.emphasis || \"info\"\n const variant = props.variant || \"strong\"\n\n const closeButtonEmphasis =\n variant === \"strong\"\n ? emphasis === \"warning\"\n ? \"black-persistent\"\n : \"inverse\"\n : \"neutral\"\n\n const commonBindings: QdsAlertBannerCommonBindings = {\n \"data-scope\": \"alert-banner\",\n }\n\n return {\n closeButtonEmphasis,\n emphasis,\n variant,\n\n // group: bindings\n getActionBindings(): QdsAlertBannerActionBindings {\n return normalize.element({\n ...commonBindings,\n className: alertBannerClasses.action,\n \"data-part\": \"action\",\n })\n },\n\n getCloseButtonBindings(): QdsAlertBannerCloseButtonBindings {\n return normalize.element({\n ...commonBindings,\n \"aria-label\": closeButtonAriaLabel,\n className: alertBannerClasses.closeButton,\n \"data-part\": \"close-button\",\n })\n },\n\n getDescriptionBindings(): QdsAlertBannerDescriptionBindings {\n return normalize.element({\n ...commonBindings,\n className: alertBannerClasses.description,\n \"data-part\": \"description\",\n })\n },\n\n getHeadingBindings(): QdsAlertBannerHeadingBindings {\n return normalize.element({\n ...commonBindings,\n className: alertBannerClasses.heading,\n \"data-part\": \"heading\",\n })\n },\n\n getIconBindings(): QdsAlertBannerIconBindings {\n return normalize.element({\n ...commonBindings,\n className: alertBannerClasses.icon,\n \"data-part\": \"status-icon\",\n })\n },\n\n getRootBindings(): QdsAlertBannerRootBindings {\n return normalize.element({\n ...commonBindings,\n className: alertBannerClasses.root,\n \"data-emphasis\": emphasis,\n \"data-part\": \"root\",\n \"data-variant\": variant,\n dir: props.dir || \"ltr\",\n role: emphasis === \"danger\" ? \"alert\" : \"status\",\n })\n },\n }\n}\n"],
5
+ "mappings": "AAGO,IAAMA,EAAqB,CAChC,OAAQ,2BACR,YAAa,iCACb,YAAa,gCACb,QAAS,4BACT,KAAM,yBACN,KAAM,wBACR,ECSO,SAASC,EACdC,EACAC,EACmB,CACnB,IAAMC,EAAuBF,EAAM,sBAAwB,QACrDG,EAAWH,EAAM,UAAY,OAC7BI,EAAUJ,EAAM,SAAW,SAE3BK,EACJD,IAAY,SACRD,IAAa,UACX,mBACA,UACF,UAEAG,EAA+C,CACnD,aAAc,cAChB,EAEA,MAAO,CACL,oBAAAD,EACA,SAAAF,EACA,QAAAC,EAGA,mBAAkD,CAChD,OAAOH,EAAU,QAAQ,CACvB,GAAGK,EACH,UAAWC,EAAmB,OAC9B,YAAa,QACf,CAAC,CACH,EAEA,wBAA4D,CAC1D,OAAON,EAAU,QAAQ,CACvB,GAAGK,EACH,aAAcJ,EACd,UAAWK,EAAmB,YAC9B,YAAa,cACf,CAAC,CACH,EAEA,wBAA4D,CAC1D,OAAON,EAAU,QAAQ,CACvB,GAAGK,EACH,UAAWC,EAAmB,YAC9B,YAAa,aACf,CAAC,CACH,EAEA,oBAAoD,CAClD,OAAON,EAAU,QAAQ,CACvB,GAAGK,EACH,UAAWC,EAAmB,QAC9B,YAAa,SACf,CAAC,CACH,EAEA,iBAA8C,CAC5C,OAAON,EAAU,QAAQ,CACvB,GAAGK,EACH,UAAWC,EAAmB,KAC9B,YAAa,aACf,CAAC,CACH,EAEA,iBAA8C,CAC5C,OAAON,EAAU,QAAQ,CACvB,GAAGK,EACH,UAAWC,EAAmB,KAC9B,gBAAiBJ,EACjB,YAAa,OACb,eAAgBC,EAChB,IAAKJ,EAAM,KAAO,MAClB,KAAMG,IAAa,SAAW,QAAU,QAC1C,CAAC,CACH,CACF,CACF",
6
+ "names": ["alertBannerClasses", "createQdsAlertBannerApi", "props", "normalize", "closeButtonAriaLabel", "emphasis", "variant", "closeButtonEmphasis", "commonBindings", "alertBannerClasses"]
7
7
  }
@@ -1 +1 @@
1
- .qui-alert-banner__root{align-items:center;box-sizing:border-box;display:flex;height:var(--sizing-170);padding:var(--spacing-90) var(--spacing-100);width:100%}.qui-alert-banner__root:has(.qui-alert-banner__close-button){padding-inline-end:var(--spacing-70)}.qui-alert-banner__root[data-variant=strong]{--text-color:var(--color-utility-persistent-white);--icon-color:var(--color-utility-persistent-white)}.qui-alert-banner__root[data-variant=strong][data-emphasis=info]{background:var(--color-background-support-info)}.qui-alert-banner__root[data-variant=strong][data-emphasis=success]{background:var(--color-background-support-success)}.qui-alert-banner__root[data-variant=strong][data-emphasis=danger]{background:var(--color-background-support-danger)}.qui-alert-banner__root[data-variant=strong][data-emphasis=neutral]{background:var(--color-background-support-neutral)}.qui-alert-banner__root[data-variant=strong][data-emphasis=warning]{--text-color:var(--color-utility-persistent-black);--icon-color:var(--color-utility-persistent-black);background:var(--color-background-support-warning)}.qui-alert-banner__root[data-variant=subtle]{--text-color:var(--color-text-neutral-primary);border-style:solid;border-width:var(--border-width-sm)}.qui-alert-banner__root[data-variant=subtle][data-emphasis=info]{--icon-color:var(--color-icon-support-info);background:var(--color-background-support-info-subtle);border-color:var(--color-border-support-info-medium)}.qui-alert-banner__root[data-variant=subtle][data-emphasis=success]{--icon-color:var(--color-icon-support-success);background:var(--color-background-support-success-subtle);border-color:var(--color-border-support-success-medium)}.qui-alert-banner__root[data-variant=subtle][data-emphasis=danger]{--icon-color:var(--color-icon-support-danger);background:var(--color-background-support-danger-subtle);border-color:var(--color-border-support-danger-medium)}.qui-alert-banner__root[data-variant=subtle][data-emphasis=neutral]{--icon-color:var(--color-icon-support-neutral);background:var(--color-background-support-neutral-subtle);border-color:var(--color-border-support-neutral-medium)}.qui-alert-banner__root[data-variant=subtle][data-emphasis=warning]{--icon-color:var(--color-icon-support-warning);background:var(--color-background-support-warning-subtle);border-color:var(--color-border-support-warning-medium)}.qui-alert-banner__icon{color:var(--icon-color);flex-shrink:0;margin-inline-end:var(--spacing-70)}.qui-alert-banner__heading{color:var(--text-color);flex-shrink:0;font:var(--font-static-body-md-bold);margin-inline-end:var(--spacing-90);max-width:900px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qui-alert-banner__description{color:var(--text-color);flex:1 1 0;font:var(--font-static-body-sm-default);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qui-alert-banner__action{flex-shrink:0;margin-inline-start:var(--spacing-120)}.qui-alert-banner__close-button{flex-shrink:0;margin-inline-start:var(--spacing-120)}.qui-alert-banner__root:not(:has(.qui-alert-banner__description)) .qui-alert-banner__action{margin-inline-start:auto}.qui-alert-banner__root:not(:has(.qui-alert-banner__description)):not(:has(.qui-alert-banner__action)) .qui-alert-banner__close-button{margin-inline-start:auto}
1
+ .qui-alert-banner__root{align-items:center;box-sizing:border-box;display:flex;height:var(--sizing-170);padding:var(--spacing-90) var(--spacing-100);width:100%}.qui-alert-banner__root:has(.qui-alert-banner__close-button){padding-inline-end:var(--spacing-70)}.qui-alert-banner__root[data-variant=strong]{--text-color:var(--color-utility-persistent-white);--icon-color:var(--color-utility-persistent-white)}.qui-alert-banner__root[data-variant=strong][data-emphasis=info]{background:var(--color-background-support-info)}.qui-alert-banner__root[data-variant=strong][data-emphasis=success]{background:var(--color-background-support-success)}.qui-alert-banner__root[data-variant=strong][data-emphasis=danger]{background:var(--color-background-support-danger)}.qui-alert-banner__root[data-variant=strong][data-emphasis=neutral]{background:var(--color-background-support-neutral)}.qui-alert-banner__root[data-variant=strong][data-emphasis=warning]{--text-color:var(--color-utility-persistent-black);--icon-color:var(--color-utility-persistent-black);background:var(--color-background-support-warning)}.qui-alert-banner__root[data-variant=subtle]{--text-color:var(--color-text-neutral-primary);border-style:solid;border-width:var(--border-width-sm)}.qui-alert-banner__root[data-variant=subtle][data-emphasis=info]{--icon-color:var(--color-icon-support-info);background:var(--color-background-support-info-subtle);border-color:var(--color-border-support-info-medium)}.qui-alert-banner__root[data-variant=subtle][data-emphasis=success]{--icon-color:var(--color-icon-support-success);background:var(--color-background-support-success-subtle);border-color:var(--color-border-support-success-medium)}.qui-alert-banner__root[data-variant=subtle][data-emphasis=danger]{--icon-color:var(--color-icon-support-danger);background:var(--color-background-support-danger-subtle);border-color:var(--color-border-support-danger-medium)}.qui-alert-banner__root[data-variant=subtle][data-emphasis=neutral]{--icon-color:var(--color-icon-support-neutral);background:var(--color-background-support-neutral-subtle);border-color:var(--color-border-support-neutral-medium)}.qui-alert-banner__root[data-variant=subtle][data-emphasis=warning]{--icon-color:var(--color-icon-support-warning);background:var(--color-background-support-warning-subtle);border-color:var(--color-border-support-warning-medium)}.qui-alert-banner__icon{color:var(--icon-color);flex-shrink:0;margin-inline-end:var(--spacing-70)}.qui-alert-banner__heading{color:var(--text-color);flex-shrink:0;font:var(--font-static-body-md-bold);margin-inline-end:var(--spacing-90);max-width:900px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qui-alert-banner__description{color:var(--text-color);flex:1 1 0;font:var(--font-static-body-sm-default);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qui-alert-banner__action{flex-shrink:0;margin-inline-start:var(--spacing-120)}.qui-alert-banner__root .qui-alert-banner__close-button{flex-shrink:0;margin-inline-start:var(--spacing-120)}.qui-alert-banner__root:not(:has(.qui-alert-banner__description)) .qui-alert-banner__action{margin-inline-start:auto}.qui-alert-banner__root:not(:has(.qui-alert-banner__description)):not(:has(.qui-alert-banner__action)) .qui-alert-banner__close-button{margin-inline-start:auto}
@@ -1 +1 @@
1
- .qui-badge__root[data-emphasis]{--badge-text:var(--color-text-neutral-inverse)}.qui-badge__root[data-emphasis=brand]{--badge-background:var(--color-background-brand-primary)}.qui-badge__root[data-emphasis=info]{--badge-background:var(--color-background-support-info)}.qui-badge__root[data-emphasis=success]{--badge-background:var(--color-background-support-success)}.qui-badge__root[data-emphasis=danger]{--badge-background:var(--color-background-support-danger)}.qui-badge__root[data-emphasis=amber]{--badge-background:var(--color-category-amber-strong)}.qui-badge__root[data-emphasis=blue]{--badge-background:var(--color-category-blue-strong)}.qui-badge__root[data-emphasis=cyan]{--badge-background:var(--color-category-cyan-strong)}.qui-badge__root[data-emphasis=green]{--badge-background:var(--color-category-green-strong)}.qui-badge__root[data-emphasis=kiwi],.qui-badge__root[data-emphasis=lime]{--badge-background:var(--color-category-lime-strong)}.qui-badge__root[data-emphasis=magenta]{--badge-background:var(--color-category-magenta-strong)}.qui-badge__root[data-emphasis=orange]{--badge-background:var(--color-category-orange-strong)}.qui-badge__root[data-emphasis=purple]{--badge-background:var(--color-category-purple-strong)}.qui-badge__root[data-emphasis=red]{--badge-background:var(--color-category-red-strong)}.qui-badge__root[data-emphasis=teal]{--badge-background:var(--color-category-teal-strong)}.qui-badge__root[data-emphasis=violet]{--badge-background:var(--color-category-violet-strong)}.qui-badge__root[data-emphasis=warning]{--badge-background:var(--color-background-support-warning);--badge-text:var(--color-utility-persistent-black)}.qui-badge__root[data-emphasis=neutral]{--badge-background:var(--color-background-neutral-10)}.qui-badge__root[data-emphasis=yellow]{--badge-background:var(--color-category-yellow-strong);--badge-text:var(--color-utility-persistent-black)}.qui-badge__root[data-variant=subtle][data-emphasis]{--badge-text:var(--color-text-neutral-primary)}.qui-badge__root[data-variant=subtle][data-emphasis=brand]{--badge-background:var(--color-background-brand-primary-subtle)}.qui-badge__root[data-variant=subtle][data-emphasis=info]{--badge-background:var(--color-background-support-info-medium)}.qui-badge__root[data-variant=subtle][data-emphasis=success]{--badge-background:var(--color-background-support-success-medium)}.qui-badge__root[data-variant=subtle][data-emphasis=warning]{--badge-background:var(--color-background-support-warning-medium)}.qui-badge__root[data-variant=subtle][data-emphasis=danger]{--badge-background:var(--color-background-support-danger-medium)}.qui-badge__root[data-variant=subtle][data-emphasis=amber]{--badge-background:var(--color-category-amber-subtle)}.qui-badge__root[data-variant=subtle][data-emphasis=blue]{--badge-background:var(--color-category-blue-subtle)}.qui-badge__root[data-variant=subtle][data-emphasis=cyan]{--badge-background:var(--color-category-cyan-subtle)}.qui-badge__root[data-variant=subtle][data-emphasis=green]{--badge-background:var(--color-category-green-subtle)}.qui-badge__root[data-variant=subtle][data-emphasis=kiwi],.qui-badge__root[data-variant=subtle][data-emphasis=lime]{--badge-background:var(--color-category-lime-subtle)}.qui-badge__root[data-variant=subtle][data-emphasis=magenta]{--badge-background:var(--color-category-magenta-subtle)}.qui-badge__root[data-variant=subtle][data-emphasis=orange]{--badge-background:var(--color-category-orange-subtle)}.qui-badge__root[data-variant=subtle][data-emphasis=purple]{--badge-background:var(--color-category-purple-subtle)}.qui-badge__root[data-variant=subtle][data-emphasis=red]{--badge-background:var(--color-category-red-subtle)}.qui-badge__root[data-variant=subtle][data-emphasis=teal]{--badge-background:var(--color-category-teal-subtle)}.qui-badge__root[data-variant=subtle][data-emphasis=violet]{--badge-background:var(--color-category-violet-subtle)}.qui-badge__root[data-variant=subtle][data-emphasis=yellow]{--badge-background:var(--color-category-yellow-subtle)}.qui-badge__root[data-variant=subtle][data-emphasis=neutral]{--badge-background:var(--color-background-support-neutral);--badge-text:var(--color-utility-persistent-white)}.qui-badge__root[data-scope][data-emphasis][data-disabled]{--badge-background:var(--color-utility-disabled-background);--badge-border:var(--color-utility-disabled-border);--badge-text:var(--color-utility-disabled-text);--icon-color:var(--color-utility-disabled-icon)}
1
+ .qui-badge__root[data-emphasis]{--badge-text:var(--color-text-neutral-inverse)}.qui-badge__root[data-emphasis=brand]{--badge-background:var(--color-background-brand-primary);--badge-text:var(--color-utility-persistent-white)}.qui-badge__root[data-emphasis=info]{--badge-background:var(--color-background-support-info)}.qui-badge__root[data-emphasis=success]{--badge-background:var(--color-background-support-success)}.qui-badge__root[data-emphasis=danger]{--badge-background:var(--color-background-support-danger)}.qui-badge__root[data-emphasis=amber]{--badge-background:var(--color-category-amber-strong);--badge-text:var(--color-utility-persistent-white)}.qui-badge__root[data-emphasis=blue]{--badge-background:var(--color-category-blue-strong);--badge-text:var(--color-utility-persistent-white)}.qui-badge__root[data-emphasis=cyan]{--badge-background:var(--color-category-cyan-strong);--badge-text:var(--color-utility-persistent-white)}.qui-badge__root[data-emphasis=green]{--badge-background:var(--color-category-green-strong);--badge-text:var(--color-utility-persistent-white)}.qui-badge__root[data-emphasis=kiwi],.qui-badge__root[data-emphasis=lime]{--badge-background:var(--color-category-lime-strong);--badge-text:var(--color-utility-persistent-white)}.qui-badge__root[data-emphasis=magenta]{--badge-background:var(--color-category-magenta-strong);--badge-text:var(--color-utility-persistent-white)}.qui-badge__root[data-emphasis=orange]{--badge-background:var(--color-category-orange-strong);--badge-text:var(--color-utility-persistent-white)}.qui-badge__root[data-emphasis=purple]{--badge-background:var(--color-category-purple-strong);--badge-text:var(--color-utility-persistent-white)}.qui-badge__root[data-emphasis=red]{--badge-background:var(--color-category-red-strong);--badge-text:var(--color-utility-persistent-white)}.qui-badge__root[data-emphasis=teal]{--badge-background:var(--color-category-teal-strong);--badge-text:var(--color-utility-persistent-white)}.qui-badge__root[data-emphasis=violet]{--badge-background:var(--color-category-violet-strong);--badge-text:var(--color-utility-persistent-white)}.qui-badge__root[data-emphasis=warning]{--badge-background:var(--color-background-support-warning);--badge-text:var(--color-utility-persistent-black)}.qui-badge__root[data-emphasis=neutral]{--badge-background:var(--color-background-neutral-10)}.qui-badge__root[data-emphasis=yellow]{--badge-background:var(--color-category-yellow-strong);--badge-text:var(--color-utility-persistent-black)}.qui-badge__root[data-variant=subtle][data-emphasis]{--badge-text:var(--color-text-neutral-primary)}.qui-badge__root[data-variant=subtle][data-emphasis=brand]{--badge-background:var(--color-background-brand-primary-subtle)}.qui-badge__root[data-variant=subtle][data-emphasis=info]{--badge-background:var(--color-background-support-info-medium)}.qui-badge__root[data-variant=subtle][data-emphasis=success]{--badge-background:var(--color-background-support-success-medium)}.qui-badge__root[data-variant=subtle][data-emphasis=warning]{--badge-background:var(--color-background-support-warning-medium)}.qui-badge__root[data-variant=subtle][data-emphasis=danger]{--badge-background:var(--color-background-support-danger-medium)}.qui-badge__root[data-variant=subtle][data-emphasis=amber]{--badge-background:var(--color-category-amber-subtle)}.qui-badge__root[data-variant=subtle][data-emphasis=blue]{--badge-background:var(--color-category-blue-subtle)}.qui-badge__root[data-variant=subtle][data-emphasis=cyan]{--badge-background:var(--color-category-cyan-subtle)}.qui-badge__root[data-variant=subtle][data-emphasis=green]{--badge-background:var(--color-category-green-subtle)}.qui-badge__root[data-variant=subtle][data-emphasis=kiwi],.qui-badge__root[data-variant=subtle][data-emphasis=lime]{--badge-background:var(--color-category-lime-subtle)}.qui-badge__root[data-variant=subtle][data-emphasis=magenta]{--badge-background:var(--color-category-magenta-subtle)}.qui-badge__root[data-variant=subtle][data-emphasis=orange]{--badge-background:var(--color-category-orange-subtle)}.qui-badge__root[data-variant=subtle][data-emphasis=purple]{--badge-background:var(--color-category-purple-subtle)}.qui-badge__root[data-variant=subtle][data-emphasis=red]{--badge-background:var(--color-category-red-subtle)}.qui-badge__root[data-variant=subtle][data-emphasis=teal]{--badge-background:var(--color-category-teal-subtle)}.qui-badge__root[data-variant=subtle][data-emphasis=violet]{--badge-background:var(--color-category-violet-subtle)}.qui-badge__root[data-variant=subtle][data-emphasis=yellow]{--badge-background:var(--color-category-yellow-subtle)}.qui-badge__root[data-variant=subtle][data-emphasis=neutral]{--badge-background:var(--color-background-support-neutral);--badge-text:var(--color-text-neutral-inverse)}.qui-badge__root[data-scope][data-emphasis][data-disabled]{--badge-background:var(--color-utility-disabled-background);--badge-border:var(--color-utility-disabled-border);--badge-text:var(--color-utility-disabled-text);--icon-color:var(--color-utility-disabled-icon)}
@@ -1 +1 @@
1
- .qui-badge__root[data-size=xxs]{--icon-radius:var(--border-radius-xs);--icon-size:var(--sizing-60)}.qui-badge__root[data-size=xs]{--icon-radius:var(--border-radius-xs);--icon-size:var(--sizing-70)}.qui-badge__root[data-size=sm]{--icon-radius:var(--border-radius-sm);--icon-size:var(--sizing-80)}.qui-badge__root[data-size=md]{--icon-radius:var(--border-radius-sm);--icon-size:var(--sizing-90)}.qui-badge__root[data-size=lg]{--icon-radius:var(--border-radius-md);--icon-size:var(--sizing-120)}.qui-badge__root[data-size=xl]{--icon-radius:var(--border-radius-lg);--icon-size:var(--sizing-140)}.qui-badge__root[data-scope=icon-badge]{background:var(--badge-background);border:solid var(--border-size,0) var(--badge-border);border-radius:var(--icon-radius);color:var(--badge-text)}.qui-badge__root[data-scope=icon-badge][data-size=sm],.qui-badge__root[data-scope=icon-badge][data-size=xs],.qui-badge__root[data-scope=icon-badge][data-size=xxs]{padding:var(--spacing-20)}.qui-badge__root[data-scope=icon-badge][data-size=md]{padding:var(--spacing-40)}.qui-badge__root[data-scope=icon-badge][data-size=lg]{padding:var(--spacing-50)}.qui-badge__root[data-scope=icon-badge][data-size=xl]{padding:var(--spacing-60)}.qui-badge__icon[data-scope=icon-badge]{color:var(--icon-color,inherit);--icon-size:inherit}.qui-badge__root[data-scope=icon-badge]>svg{block-size:var(--icon-size);inline-size:var(--icon-size)}
1
+ .qui-badge__root[data-scope=icon-badge][data-size=xxs]{--icon-radius:var(--border-radius-xs);--icon-size:var(--sizing-60)}.qui-badge__root[data-scope=icon-badge][data-size=xs]{--icon-radius:var(--border-radius-md);--icon-size:var(--sizing-70)}.qui-badge__root[data-scope=icon-badge][data-size=sm]{--icon-radius:var(--border-radius-md);--icon-size:var(--sizing-80)}.qui-badge__root[data-scope=icon-badge][data-size=md]{--icon-radius:var(--border-radius-md);--icon-size:var(--sizing-90)}.qui-badge__root[data-scope=icon-badge][data-size=lg]{--icon-radius:var(--border-radius-md);--icon-size:var(--sizing-120)}.qui-badge__root[data-scope=icon-badge][data-size=xl]{--icon-radius:var(--border-radius-md);--icon-size:var(--sizing-140)}.qui-badge__root[data-scope=icon-badge]{background:var(--badge-background);border:solid var(--border-size,0) var(--badge-border);border-radius:var(--icon-radius);color:var(--badge-text)}.qui-badge__root[data-scope=icon-badge][data-size=sm],.qui-badge__root[data-scope=icon-badge][data-size=xs],.qui-badge__root[data-scope=icon-badge][data-size=xxs]{padding:var(--spacing-20)}.qui-badge__root[data-scope=icon-badge][data-size=md]{padding:var(--spacing-40)}.qui-badge__root[data-scope=icon-badge][data-size=lg]{padding:var(--spacing-50)}.qui-badge__root[data-scope=icon-badge][data-size=xl]{padding:var(--spacing-60)}.qui-badge__icon[data-scope=icon-badge]{color:var(--icon-color,inherit);--icon-size:inherit}.qui-badge__root[data-scope=icon-badge]>svg{block-size:var(--icon-size);inline-size:var(--icon-size)}
@@ -1 +1 @@
1
- .qui-badge__root[data-size=sm]{font:var(--font-static-body-xs-default);--count-size:var(--sizing-80)}.qui-badge__root[data-size=md]{font:var(--font-static-body-sm-default);--count-size:var(--sizing-90)}.qui-badge__root[data-size=lg]{font:var(--font-static-body-md-default);--count-size:var(--sizing-120)}.qui-badge__root[data-scope=number-badge]{background:var(--badge-background);block-size:var(--count-size);border:solid var(--border-size,0) var(--badge-border);border-radius:var(--border-radius-rounded);color:var(--badge-text);min-inline-size:var(--count-size);padding:0}.qui-badge__root[data-scope=number-badge][data-overflow]{padding:0 var(--spacing-50)}.qui-badge__root[data-scope=number-badge][data-emphasis=neutral]{--badge-background:var(--color-background-support-neutral)}.qui-badge__root[data-scope=number-badge][data-emphasis=brand]{--badge-text:var(--color-utility-persistent-white)}.qui-badge__root[data-scope=number-badge][data-emphasis=neutral-outline]{--badge-background:transparent;--badge-border:var(--color-border-support-neutral-medium);--badge-text:var(--color-text-neutral-primary);--border-size:1px}.qui-badge__root[data-scope=number-badge][data-emphasis=brand-outline]{--badge-background:transparent;--badge-border:var(--color-border-support-neutral-medium);--badge-text:var(--color-text-brand-primary);--border-size:1px}.qui-badge__root[data-scope=number-badge][data-emphasis=persistent-black]{--badge-background:var(--color-utility-persistent-black);--badge-text:var(--color-utility-persistent-white)}.qui-badge__root[data-scope=number-badge][data-emphasis=persistent-white]{--badge-background:var(--color-utility-persistent-white);--badge-text:var(--color-utility-persistent-black)}
1
+ .qui-badge__root[data-scope=number-badge]>span{text-box:cap alphabetic}.qui-badge__root[data-scope=number-badge][data-size=sm]{font:var(--font-static-body-xs-default);--count-size:var(--sizing-80);padding:var(--spacing-0) var(--spacing-40)}.qui-badge__root[data-scope=number-badge][data-size=md]{font:var(--font-static-body-sm-default);--count-size:var(--sizing-90);padding:var(--spacing-0) var(--spacing-50)}.qui-badge__root[data-scope=number-badge][data-size=lg]{font:var(--font-static-body-md-default);--count-size:var(--sizing-120);padding:var(--spacing-0) var(--spacing-70)}.qui-badge__root[data-scope=number-badge]{background:var(--badge-background);block-size:var(--count-size);border:solid var(--border-size,0) var(--badge-border);border-radius:var(--border-radius-rounded);color:var(--badge-text);min-inline-size:var(--count-size)}.qui-badge__root[data-scope=number-badge][data-emphasis=neutral]{--badge-background:var(--color-background-support-neutral)}.qui-badge__root[data-scope=number-badge][data-emphasis=brand]{--badge-text:var(--color-utility-persistent-white)}.qui-badge__root[data-scope=number-badge][data-emphasis=neutral-outline]{--badge-background:transparent;--badge-border:var(--color-border-support-neutral-medium);--badge-text:var(--color-text-neutral-primary);--border-size:1px}.qui-badge__root[data-scope=number-badge][data-emphasis=brand-outline]{--badge-background:transparent;--badge-border:var(--color-border-support-neutral-medium);--badge-text:var(--color-text-brand-primary);--border-size:1px}.qui-badge__root[data-scope=number-badge][data-emphasis=persistent-black]{--badge-background:var(--color-utility-persistent-black);--badge-text:var(--color-utility-persistent-white)}.qui-badge__root[data-scope=number-badge][data-emphasis=persistent-white]{--badge-background:var(--color-utility-persistent-white);--badge-text:var(--color-utility-persistent-black)}
@@ -1 +1 @@
1
- .qui-badge__root[data-size=xxs]{--status-size:var(--sizing-40)}.qui-badge__root[data-size=xs]{--status-size:var(--sizing-40)}.qui-badge__root[data-size=sm]{--status-size:var(--sizing-50)}.qui-badge__root[data-size=md]{--status-size:var(--sizing-60)}.qui-badge__root[data-size=lg]{--status-size:var(--sizing-70)}.qui-badge__root[data-size=xl]{--status-size:var(--sizing-80)}.qui-badge__root[data-scope=status-badge]{background:var(--badge-background);border:solid var(--border-size,0) var(--badge-background);border-radius:var(--border-radius-rounded);color:var(--badge-text);height:var(--status-size);min-width:var(--status-size);padding:0;width:var(--status-size)}.qui-badge__root[data-scope=status-badge][data-emphasis=neutral]{--badge-background:var(--color-background-support-neutral)}.qui-badge__root[data-scope=status-badge][data-emphasis=brand]{--badge-background:var(--color-background-brand-primary)}.qui-badge__root[data-scope=status-badge][data-emphasis=info]{--badge-background:var(--color-background-support-info)}.qui-badge__root[data-scope=status-badge][data-emphasis=success]{--badge-background:var(--color-background-support-success)}.qui-badge__root[data-scope=status-badge][data-emphasis=warning]{--badge-background:var(--color-background-support-warning)}.qui-badge__root[data-scope=status-badge][data-emphasis=danger]{--badge-background:var(--color-background-support-danger)}.qui-badge__root[data-scope=status-badge][data-variant=outlined]{background:transparent;border-width:1px}
1
+ .qui-badge__root[data-scope=status-badge][data-size=xxs]{--status-size:var(--sizing-40)}.qui-badge__root[data-scope=status-badge][data-size=xs]{--status-size:var(--sizing-40)}.qui-badge__root[data-scope=status-badge][data-size=sm]{--status-size:var(--sizing-50)}.qui-badge__root[data-scope=status-badge][data-size=md]{--status-size:var(--sizing-60)}.qui-badge__root[data-scope=status-badge][data-size=lg]{--status-size:var(--sizing-70)}.qui-badge__root[data-scope=status-badge][data-size=xl]{--status-size:var(--sizing-80)}.qui-badge__root[data-scope=status-badge]{background:var(--badge-background);border:solid var(--border-size,0) var(--badge-background);border-radius:var(--border-radius-rounded);color:var(--badge-text);height:var(--status-size);min-width:var(--status-size);padding:0;width:var(--status-size)}.qui-badge__root[data-scope=status-badge][data-emphasis=neutral]{--badge-background:var(--color-background-support-neutral)}.qui-badge__root[data-scope=status-badge][data-emphasis=brand]{--badge-background:var(--color-background-brand-primary)}.qui-badge__root[data-scope=status-badge][data-emphasis=info]{--badge-background:var(--color-background-support-info)}.qui-badge__root[data-scope=status-badge][data-emphasis=success]{--badge-background:var(--color-background-support-success)}.qui-badge__root[data-scope=status-badge][data-emphasis=warning]{--badge-background:var(--color-background-support-warning)}.qui-badge__root[data-scope=status-badge][data-emphasis=danger]{--badge-background:var(--color-background-support-danger)}.qui-badge__root[data-scope=status-badge][data-variant=outlined]{background:transparent;border-width:1px}
@@ -1 +1 @@
1
- .qui-badge__root[data-scope=text-badge]{background:var(--badge-background);border:solid var(--border-size,0) var(--badge-border);color:var(--badge-text)}.qui-badge__root[data-scope=text-badge][data-size=sm]{border-radius:var(--border-radius-xs);font:var(--font-static-body-xs-default);padding:var(--spacing-10) var(--spacing-40)}.qui-badge__root[data-scope=text-badge][data-size=md]{border-radius:var(--border-radius-sm);font:var(--font-static-body-sm-default);padding:var(--spacing-20) var(--spacing-50)}.qui-badge__root[data-scope=text-badge][data-size=lg]{border-radius:var(--border-radius-sm);font:var(--font-static-body-md-default);padding:var(--spacing-40) var(--spacing-70)}
1
+ .qui-badge__root[data-scope=text-badge]>span{text-box:cap alphabetic}.qui-badge__root[data-scope=text-badge]{background:var(--badge-background);border:solid var(--border-size,0) var(--badge-border);color:var(--badge-text)}.qui-badge__root[data-scope=text-badge][data-size=sm]{border-radius:var(--border-radius-xs);font:var(--font-static-body-xs-default);min-height:var(--sizing-80);min-width:var(--sizing-80);padding:var(--spacing-0) var(--spacing-50)}.qui-badge__root[data-scope=text-badge][data-size=md]{border-radius:var(--border-radius-sm);font:var(--font-static-body-sm-default);min-height:var(--sizing-90);min-width:var(--sizing-90);padding:var(--spacing-0) var(--spacing-70)}.qui-badge__root[data-scope=text-badge][data-size=lg]{border-radius:var(--border-radius-sm);font:var(--font-static-body-md-default);min-height:var(--sizing-120);min-width:var(--sizing-120);padding:var(--spacing-0) var(--spacing-70)}
@@ -1 +1 @@
1
- {"version":3,"file":"icon-button.api.d.ts","sourceRoot":"","sources":["../../src/button/icon-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,gBAAgB,EAChB,qBAAqB,EAGtB,MAAM,qBAAqB,CAAA;AAE5B,wBAAgB,sBAAsB,CACpC,KAAK,EAAE,QAAQ,CAAC,qBAAqB,CAAC,EACtC,SAAS,EAAE,cAAc,GACxB,gBAAgB,CAgClB"}
1
+ {"version":3,"file":"icon-button.api.d.ts","sourceRoot":"","sources":["../../src/button/icon-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,gBAAgB,EAChB,qBAAqB,EAGtB,MAAM,qBAAqB,CAAA;AAE5B,wBAAgB,sBAAsB,CACpC,KAAK,EAAE,QAAQ,CAAC,qBAAqB,CAAC,EACtC,SAAS,EAAE,cAAc,GACxB,gBAAgB,CAkClB"}
@@ -1,7 +1,14 @@
1
1
  import type { BooleanDataAttr } from "@qualcomm-ui/utils/attributes";
2
2
  import type { buttonClasses } from "./button.classes";
3
3
  import type { QdsButtonApiProps, QdsButtonDensity, QdsButtonSize, QdsButtonVariant } from "./button.types";
4
+ export type QdsIconButtonShape = "square" | "rounded";
4
5
  export interface QdsIconButtonApiProps extends QdsButtonApiProps {
6
+ /**
7
+ * Governs the shape of the icon button.
8
+ *
9
+ * @default 'square'
10
+ */
11
+ shape?: QdsIconButtonShape;
5
12
  }
6
13
  type ButtonClasses = typeof buttonClasses;
7
14
  export interface QdsIconButtonRootBindings {
@@ -10,6 +17,7 @@ export interface QdsIconButtonRootBindings {
10
17
  "data-disabled": BooleanDataAttr;
11
18
  "data-part": "root";
12
19
  "data-scope": "icon-button";
20
+ "data-shape": QdsIconButtonShape;
13
21
  "data-size": QdsButtonSize;
14
22
  "data-variant": QdsButtonVariant;
15
23
  }
@@ -1 +1 @@
1
- {"version":3,"file":"icon-button.types.d.ts","sourceRoot":"","sources":["../../src/button/icon-button.types.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,+BAA+B,CAAA;AAElE,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,kBAAkB,CAAA;AACnD,OAAO,KAAK,EACV,iBAAiB,EACjB,gBAAgB,EAChB,aAAa,EACb,gBAAgB,EACjB,MAAM,gBAAgB,CAAA;AAEvB,MAAM,WAAW,qBAAsB,SAAQ,iBAAiB;CAAG;AAEnE,KAAK,aAAa,GAAG,OAAO,aAAa,CAAA;AAEzC,MAAM,WAAW,yBAAyB;IACxC,SAAS,EAAE,aAAa,CAAC,MAAM,CAAC,CAAA;IAChC,cAAc,EAAE,gBAAgB,CAAA;IAChC,eAAe,EAAE,eAAe,CAAA;IAChC,WAAW,EAAE,MAAM,CAAA;IACnB,YAAY,EAAE,aAAa,CAAA;IAC3B,WAAW,EAAE,aAAa,CAAA;IAC1B,cAAc,EAAE,gBAAgB,CAAA;CACjC;AAED,MAAM,WAAW,yBAAyB;IACxC,SAAS,EAAE,aAAa,CAAC,MAAM,CAAC,CAAA;IAChC,cAAc,EAAE,gBAAgB,CAAA;IAChC,WAAW,EAAE,MAAM,CAAA;IACnB,YAAY,EAAE,aAAa,CAAA;IAC3B,WAAW,EAAE,aAAa,CAAA;CAC3B;AAED,MAAM,WAAW,gBAAgB;IAC/B,eAAe,IAAI,yBAAyB,CAAA;IAC5C,eAAe,IAAI,yBAAyB,CAAA;CAC7C"}
1
+ {"version":3,"file":"icon-button.types.d.ts","sourceRoot":"","sources":["../../src/button/icon-button.types.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,+BAA+B,CAAA;AAElE,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,kBAAkB,CAAA;AACnD,OAAO,KAAK,EACV,iBAAiB,EACjB,gBAAgB,EAChB,aAAa,EACb,gBAAgB,EACjB,MAAM,gBAAgB,CAAA;AAEvB,MAAM,MAAM,kBAAkB,GAAG,QAAQ,GAAG,SAAS,CAAA;AAErD,MAAM,WAAW,qBAAsB,SAAQ,iBAAiB;IAC9D;;;;OAIG;IACH,KAAK,CAAC,EAAE,kBAAkB,CAAA;CAC3B;AAED,KAAK,aAAa,GAAG,OAAO,aAAa,CAAA;AAEzC,MAAM,WAAW,yBAAyB;IACxC,SAAS,EAAE,aAAa,CAAC,MAAM,CAAC,CAAA;IAChC,cAAc,EAAE,gBAAgB,CAAA;IAChC,eAAe,EAAE,eAAe,CAAA;IAChC,WAAW,EAAE,MAAM,CAAA;IACnB,YAAY,EAAE,aAAa,CAAA;IAC3B,YAAY,EAAE,kBAAkB,CAAA;IAChC,WAAW,EAAE,aAAa,CAAA;IAC1B,cAAc,EAAE,gBAAgB,CAAA;CACjC;AAED,MAAM,WAAW,yBAAyB;IACxC,SAAS,EAAE,aAAa,CAAC,MAAM,CAAC,CAAA;IAChC,cAAc,EAAE,gBAAgB,CAAA;IAChC,WAAW,EAAE,MAAM,CAAA;IACnB,YAAY,EAAE,aAAa,CAAA;IAC3B,WAAW,EAAE,aAAa,CAAA;CAC3B;AAED,MAAM,WAAW,gBAAgB;IAC/B,eAAe,IAAI,yBAAyB,CAAA;IAC5C,eAAe,IAAI,yBAAyB,CAAA;CAC7C"}
@@ -1,2 +1,2 @@
1
- "use strict";var r=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var b=Object.getOwnPropertyNames;var y=Object.prototype.hasOwnProperty;var Q=(t,o)=>{for(var n in o)r(t,n,{get:o[n],enumerable:!0})},x=(t,o,n,a)=>{if(o&&typeof o=="object"||typeof o=="function")for(let i of b(o))!y.call(t,i)&&i!==n&&r(t,i,{get:()=>o[i],enumerable:!(a=g(o,i))||a.enumerable});return t};var I=t=>x(r({},"__esModule",{value:!0}),t);var N={};Q(N,{buttonClasses:()=>s,createQdsButtonApi:()=>P,createQdsIconButtonApi:()=>h,getQdsButtonGroupBindings:()=>A});module.exports=I(N);var p=require("@qualcomm-ui/utils/attributes");var s={group:"qui-button-group",icon:"qui-button__icon",root:"qui-button__root"};function A({"aria-label":t,"aria-labelledby":o,density:n,disabled:a,emphasis:i,layout:e,size:d,variant:l},B){let f=!!(t||o);return B.element({"aria-label":t||void 0,"aria-labelledby":o||void 0,className:s.group,"data-density":n||"default","data-disabled":(0,p.booleanDataAttr)(a),"data-emphasis":i||void 0,"data-layout":e||"hug","data-scope":"button-group","data-size":d||"md","data-variant":l||void 0,...f&&{role:"group"}})}var c=require("@qualcomm-ui/utils/attributes");var u={"data-scope":"button"},z={size:"md"};function P(t,o){let n=t.density||"default",a=t.disabled,i=t.emphasis||"neutral",e=t.size||z.size,d=t.variant||"fill";return{getEndIconBindings(){return o.element({...u,className:s.icon,"data-density":n,"data-part":"icon","data-placement":"end","data-size":e})},getRootBindings(){return o.button({...u,className:s.root,"data-density":n,"data-disabled":(0,c.booleanDataAttr)(a),"data-emphasis":i,"data-kind":"text","data-part":"root","data-size":e,"data-variant":d,disabled:a})},getStartIconBindings(){return o.element({...u,className:s.icon,"data-density":n,"data-part":"icon","data-placement":"start","data-size":e})}}}var m=require("@qualcomm-ui/utils/attributes");function h(t,o){let n=t.density||"default",a=t.disabled,i=t.emphasis||"neutral",e=t.size||"md",d=t.variant||"fill";return{getIconBindings(){return o.element({className:s.icon,"data-density":n,"data-part":"icon","data-scope":"icon-button","data-size":e})},getRootBindings(){return o.button({className:s.root,"data-density":n,"data-disabled":(0,m.booleanDataAttr)(a),"data-emphasis":i,"data-kind":"icon","data-part":"root","data-scope":"icon-button","data-size":e,"data-variant":d,disabled:a})}}}
1
+ "use strict";var u=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var b=Object.getOwnPropertyNames;var y=Object.prototype.hasOwnProperty;var Q=(t,o)=>{for(var n in o)u(t,n,{get:o[n],enumerable:!0})},x=(t,o,n,i)=>{if(o&&typeof o=="object"||typeof o=="function")for(let a of b(o))!y.call(t,a)&&a!==n&&u(t,a,{get:()=>o[a],enumerable:!(i=g(o,a))||i.enumerable});return t};var I=t=>x(u({},"__esModule",{value:!0}),t);var N={};Q(N,{buttonClasses:()=>s,createQdsButtonApi:()=>z,createQdsIconButtonApi:()=>P,getQdsButtonGroupBindings:()=>A});module.exports=I(N);var c=require("@qualcomm-ui/utils/attributes");var s={group:"qui-button-group",icon:"qui-button__icon",root:"qui-button__root"};function A({"aria-label":t,"aria-labelledby":o,density:n,disabled:i,emphasis:a,layout:e,size:d,variant:r},B){let f=!!(t||o);return B.element({"aria-label":t||void 0,"aria-labelledby":o||void 0,className:s.group,"data-density":n||"default","data-disabled":(0,c.booleanDataAttr)(i),"data-emphasis":a||void 0,"data-layout":e||"hug","data-scope":"button-group","data-size":d||"md","data-variant":r||void 0,...f&&{role:"group"}})}var m=require("@qualcomm-ui/utils/attributes");var p={"data-scope":"button"},h={size:"md"};function z(t,o){let n=t.density||"default",i=t.disabled,a=t.emphasis||"neutral",e=t.size||h.size,d=t.variant||"fill";return{getEndIconBindings(){return o.element({...p,className:s.icon,"data-density":n,"data-part":"icon","data-placement":"end","data-size":e})},getRootBindings(){return o.button({...p,className:s.root,"data-density":n,"data-disabled":(0,m.booleanDataAttr)(i),"data-emphasis":a,"data-kind":"text","data-part":"root","data-size":e,"data-variant":d,disabled:i})},getStartIconBindings(){return o.element({...p,className:s.icon,"data-density":n,"data-part":"icon","data-placement":"start","data-size":e})}}}var l=require("@qualcomm-ui/utils/attributes");function P(t,o){let n=t.density||"default",i=t.disabled,a=t.emphasis||"neutral",e=t.shape||"square",d=t.size||"md",r=t.variant||"fill";return{getIconBindings(){return o.element({className:s.icon,"data-density":n,"data-part":"icon","data-scope":"icon-button","data-size":d})},getRootBindings(){return o.button({className:s.root,"data-density":n,"data-disabled":(0,l.booleanDataAttr)(i),"data-emphasis":a,"data-kind":"icon","data-part":"root","data-scope":"icon-button","data-shape":e,"data-size":d,"data-variant":r,disabled:i})}}}
2
2
  //# sourceMappingURL=index.cjs.map
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/button/index.ts", "../../src/button/button-group.api.ts", "../../src/button/button.classes.ts", "../../src/button/button.api.ts", "../../src/button/icon-button.api.ts"],
4
- "sourcesContent": ["export * from \"./button-group.api\"\nexport type * from \"./button-group.types\"\nexport * from \"./button.api\"\nexport * from \"./button.classes\"\nexport type * from \"./button.types\"\nexport * from \"./icon-button.api\"\nexport type * from \"./icon-button.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 {Explicit} from \"@qualcomm-ui/utils/guard\"\nimport type {PropNormalizer} from \"@qualcomm-ui/utils/machine\"\n\nimport type {\n QdsButtonGroupApiProps,\n QdsButtonGroupBindings,\n} from \"./button-group.types\"\nimport {buttonClasses} from \"./button.classes\"\n\nexport function getQdsButtonGroupBindings(\n {\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledby,\n density,\n disabled,\n emphasis,\n layout,\n size,\n variant,\n }: Explicit<QdsButtonGroupApiProps>,\n normalize: PropNormalizer,\n): QdsButtonGroupBindings {\n const hasAriaLabel = !!(ariaLabel || ariaLabelledby)\n\n return normalize.element({\n \"aria-label\": ariaLabel || undefined,\n \"aria-labelledby\": ariaLabelledby || undefined,\n className: buttonClasses.group,\n \"data-density\": density || \"default\",\n \"data-disabled\": booleanDataAttr(disabled),\n \"data-emphasis\": emphasis || undefined,\n \"data-layout\": layout || \"hug\",\n \"data-scope\": \"button-group\",\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\nexport const buttonClasses = {\n group: \"qui-button-group\",\n icon: \"qui-button__icon\",\n root: \"qui-button__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 {Explicit} from \"@qualcomm-ui/utils/guard\"\nimport type {PropNormalizer} from \"@qualcomm-ui/utils/machine\"\n\nimport {buttonClasses} from \"./button.classes\"\nimport type {\n QdsButtonApi,\n QdsButtonApiProps,\n QdsButtonEndIconBindings,\n QdsButtonRootBindings,\n QdsButtonScope,\n QdsButtonStartIconBindings,\n} from \"./button.types\"\n\nconst buttonScope: QdsButtonScope = {\n \"data-scope\": \"button\",\n}\n\nconst sharedDefaults = {\n size: \"md\",\n} satisfies Pick<QdsButtonApiProps, \"size\">\n\nexport function createQdsButtonApi(\n props: Explicit<QdsButtonApiProps>,\n normalize: PropNormalizer,\n): QdsButtonApi {\n const density = props.density || \"default\"\n const disabled = props.disabled\n const emphasis = props.emphasis || \"neutral\"\n const size = props.size || sharedDefaults.size\n const variant = props.variant || \"fill\"\n\n return {\n getEndIconBindings(): QdsButtonEndIconBindings {\n return normalize.element({\n ...buttonScope,\n className: buttonClasses.icon,\n \"data-density\": density,\n \"data-part\": \"icon\",\n \"data-placement\": \"end\",\n \"data-size\": size,\n })\n },\n getRootBindings(): QdsButtonRootBindings {\n return normalize.button({\n ...buttonScope,\n className: buttonClasses.root,\n \"data-density\": density,\n \"data-disabled\": booleanDataAttr(disabled),\n \"data-emphasis\": emphasis,\n \"data-kind\": \"text\",\n \"data-part\": \"root\",\n \"data-size\": size,\n \"data-variant\": variant,\n disabled,\n })\n },\n getStartIconBindings(): QdsButtonStartIconBindings {\n return normalize.element({\n ...buttonScope,\n className: buttonClasses.icon,\n \"data-density\": density,\n \"data-part\": \"icon\",\n \"data-placement\": \"start\",\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\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 {buttonClasses} from \"./button.classes\"\nimport type {\n QdsIconButtonApi,\n QdsIconButtonApiProps,\n QdsIconButtonIconBindings,\n QdsIconButtonRootBindings,\n} from \"./icon-button.types\"\n\nexport function createQdsIconButtonApi(\n props: Explicit<QdsIconButtonApiProps>,\n normalize: PropNormalizer,\n): QdsIconButtonApi {\n const density = props.density || \"default\"\n const disabled = props.disabled\n const emphasis = props.emphasis || \"neutral\"\n const size = props.size || \"md\"\n const variant = props.variant || \"fill\"\n\n return {\n getIconBindings(): QdsIconButtonIconBindings {\n return normalize.element({\n className: buttonClasses.icon,\n \"data-density\": density,\n \"data-part\": \"icon\",\n \"data-scope\": \"icon-button\",\n \"data-size\": size,\n })\n },\n getRootBindings(): QdsIconButtonRootBindings {\n return normalize.button({\n className: buttonClasses.root,\n \"data-density\": density,\n \"data-disabled\": booleanDataAttr(disabled),\n \"data-emphasis\": emphasis,\n \"data-kind\": \"icon\",\n \"data-part\": \"root\",\n \"data-scope\": \"icon-button\",\n \"data-size\": size,\n \"data-variant\": variant,\n disabled,\n })\n },\n }\n}\n"],
5
- "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,mBAAAE,EAAA,uBAAAC,EAAA,2BAAAC,EAAA,8BAAAC,IAAA,eAAAC,EAAAN,GCGA,IAAAO,EAA8B,yCCAvB,IAAMC,EAAgB,CAC3B,MAAO,mBACP,KAAM,mBACN,KAAM,kBACR,EDMO,SAASC,EACd,CACE,aAAcC,EACd,kBAAmBC,EACnB,QAAAC,EACA,SAAAC,EACA,SAAAC,EACA,OAAAC,EACA,KAAAC,EACA,QAAAC,CACF,EACAC,EACwB,CACxB,IAAMC,EAAe,CAAC,EAAET,GAAaC,GAErC,OAAOO,EAAU,QAAQ,CACvB,aAAcR,GAAa,OAC3B,kBAAmBC,GAAkB,OACrC,UAAWS,EAAc,MACzB,eAAgBR,GAAW,UAC3B,mBAAiB,mBAAgBC,CAAQ,EACzC,gBAAiBC,GAAY,OAC7B,cAAeC,GAAU,MACzB,aAAc,eACd,YAAaC,GAAQ,KACrB,eAAgBC,GAAW,OAC3B,GAAIE,GAAgB,CAAC,KAAM,OAAO,CACpC,CAAC,CACH,CEtCA,IAAAE,EAA8B,yCAc9B,IAAMC,EAA8B,CAClC,aAAc,QAChB,EAEMC,EAAiB,CACrB,KAAM,IACR,EAEO,SAASC,EACdC,EACAC,EACc,CACd,IAAMC,EAAUF,EAAM,SAAW,UAC3BG,EAAWH,EAAM,SACjBI,EAAWJ,EAAM,UAAY,UAC7BK,EAAOL,EAAM,MAAQF,EAAe,KACpCQ,EAAUN,EAAM,SAAW,OAEjC,MAAO,CACL,oBAA+C,CAC7C,OAAOC,EAAU,QAAQ,CACvB,GAAGJ,EACH,UAAWU,EAAc,KACzB,eAAgBL,EAChB,YAAa,OACb,iBAAkB,MAClB,YAAaG,CACf,CAAC,CACH,EACA,iBAAyC,CACvC,OAAOJ,EAAU,OAAO,CACtB,GAAGJ,EACH,UAAWU,EAAc,KACzB,eAAgBL,EAChB,mBAAiB,mBAAgBC,CAAQ,EACzC,gBAAiBC,EACjB,YAAa,OACb,YAAa,OACb,YAAaC,EACb,eAAgBC,EAChB,SAAAH,CACF,CAAC,CACH,EACA,sBAAmD,CACjD,OAAOF,EAAU,QAAQ,CACvB,GAAGJ,EACH,UAAWU,EAAc,KACzB,eAAgBL,EAChB,YAAa,OACb,iBAAkB,QAClB,YAAaG,CACf,CAAC,CACH,CACF,CACF,CCpEA,IAAAG,EAA8B,yCAYvB,SAASC,EACdC,EACAC,EACkB,CAClB,IAAMC,EAAUF,EAAM,SAAW,UAC3BG,EAAWH,EAAM,SACjBI,EAAWJ,EAAM,UAAY,UAC7BK,EAAOL,EAAM,MAAQ,KACrBM,EAAUN,EAAM,SAAW,OAEjC,MAAO,CACL,iBAA6C,CAC3C,OAAOC,EAAU,QAAQ,CACvB,UAAWM,EAAc,KACzB,eAAgBL,EAChB,YAAa,OACb,aAAc,cACd,YAAaG,CACf,CAAC,CACH,EACA,iBAA6C,CAC3C,OAAOJ,EAAU,OAAO,CACtB,UAAWM,EAAc,KACzB,eAAgBL,EAChB,mBAAiB,mBAAgBC,CAAQ,EACzC,gBAAiBC,EACjB,YAAa,OACb,YAAa,OACb,aAAc,cACd,YAAaC,EACb,eAAgBC,EAChB,SAAAH,CACF,CAAC,CACH,CACF,CACF",
6
- "names": ["button_exports", "__export", "buttonClasses", "createQdsButtonApi", "createQdsIconButtonApi", "getQdsButtonGroupBindings", "__toCommonJS", "import_attributes", "buttonClasses", "getQdsButtonGroupBindings", "ariaLabel", "ariaLabelledby", "density", "disabled", "emphasis", "layout", "size", "variant", "normalize", "hasAriaLabel", "buttonClasses", "import_attributes", "buttonScope", "sharedDefaults", "createQdsButtonApi", "props", "normalize", "density", "disabled", "emphasis", "size", "variant", "buttonClasses", "import_attributes", "createQdsIconButtonApi", "props", "normalize", "density", "disabled", "emphasis", "size", "variant", "buttonClasses"]
4
+ "sourcesContent": ["export * from \"./button-group.api\"\nexport type * from \"./button-group.types\"\nexport * from \"./button.api\"\nexport * from \"./button.classes\"\nexport type * from \"./button.types\"\nexport * from \"./icon-button.api\"\nexport type * from \"./icon-button.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 {Explicit} from \"@qualcomm-ui/utils/guard\"\nimport type {PropNormalizer} from \"@qualcomm-ui/utils/machine\"\n\nimport type {\n QdsButtonGroupApiProps,\n QdsButtonGroupBindings,\n} from \"./button-group.types\"\nimport {buttonClasses} from \"./button.classes\"\n\nexport function getQdsButtonGroupBindings(\n {\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledby,\n density,\n disabled,\n emphasis,\n layout,\n size,\n variant,\n }: Explicit<QdsButtonGroupApiProps>,\n normalize: PropNormalizer,\n): QdsButtonGroupBindings {\n const hasAriaLabel = !!(ariaLabel || ariaLabelledby)\n\n return normalize.element({\n \"aria-label\": ariaLabel || undefined,\n \"aria-labelledby\": ariaLabelledby || undefined,\n className: buttonClasses.group,\n \"data-density\": density || \"default\",\n \"data-disabled\": booleanDataAttr(disabled),\n \"data-emphasis\": emphasis || undefined,\n \"data-layout\": layout || \"hug\",\n \"data-scope\": \"button-group\",\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\nexport const buttonClasses = {\n group: \"qui-button-group\",\n icon: \"qui-button__icon\",\n root: \"qui-button__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 {Explicit} from \"@qualcomm-ui/utils/guard\"\nimport type {PropNormalizer} from \"@qualcomm-ui/utils/machine\"\n\nimport {buttonClasses} from \"./button.classes\"\nimport type {\n QdsButtonApi,\n QdsButtonApiProps,\n QdsButtonEndIconBindings,\n QdsButtonRootBindings,\n QdsButtonScope,\n QdsButtonStartIconBindings,\n} from \"./button.types\"\n\nconst buttonScope: QdsButtonScope = {\n \"data-scope\": \"button\",\n}\n\nconst sharedDefaults = {\n size: \"md\",\n} satisfies Pick<QdsButtonApiProps, \"size\">\n\nexport function createQdsButtonApi(\n props: Explicit<QdsButtonApiProps>,\n normalize: PropNormalizer,\n): QdsButtonApi {\n const density = props.density || \"default\"\n const disabled = props.disabled\n const emphasis = props.emphasis || \"neutral\"\n const size = props.size || sharedDefaults.size\n const variant = props.variant || \"fill\"\n\n return {\n getEndIconBindings(): QdsButtonEndIconBindings {\n return normalize.element({\n ...buttonScope,\n className: buttonClasses.icon,\n \"data-density\": density,\n \"data-part\": \"icon\",\n \"data-placement\": \"end\",\n \"data-size\": size,\n })\n },\n getRootBindings(): QdsButtonRootBindings {\n return normalize.button({\n ...buttonScope,\n className: buttonClasses.root,\n \"data-density\": density,\n \"data-disabled\": booleanDataAttr(disabled),\n \"data-emphasis\": emphasis,\n \"data-kind\": \"text\",\n \"data-part\": \"root\",\n \"data-size\": size,\n \"data-variant\": variant,\n disabled,\n })\n },\n getStartIconBindings(): QdsButtonStartIconBindings {\n return normalize.element({\n ...buttonScope,\n className: buttonClasses.icon,\n \"data-density\": density,\n \"data-part\": \"icon\",\n \"data-placement\": \"start\",\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\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 {buttonClasses} from \"./button.classes\"\nimport type {\n QdsIconButtonApi,\n QdsIconButtonApiProps,\n QdsIconButtonIconBindings,\n QdsIconButtonRootBindings,\n} from \"./icon-button.types\"\n\nexport function createQdsIconButtonApi(\n props: Explicit<QdsIconButtonApiProps>,\n normalize: PropNormalizer,\n): QdsIconButtonApi {\n const density = props.density || \"default\"\n const disabled = props.disabled\n const emphasis = props.emphasis || \"neutral\"\n const shape = props.shape || \"square\"\n const size = props.size || \"md\"\n const variant = props.variant || \"fill\"\n\n return {\n getIconBindings(): QdsIconButtonIconBindings {\n return normalize.element({\n className: buttonClasses.icon,\n \"data-density\": density,\n \"data-part\": \"icon\",\n \"data-scope\": \"icon-button\",\n \"data-size\": size,\n })\n },\n getRootBindings(): QdsIconButtonRootBindings {\n return normalize.button({\n className: buttonClasses.root,\n \"data-density\": density,\n \"data-disabled\": booleanDataAttr(disabled),\n \"data-emphasis\": emphasis,\n \"data-kind\": \"icon\",\n \"data-part\": \"root\",\n \"data-scope\": \"icon-button\",\n \"data-shape\": shape,\n \"data-size\": size,\n \"data-variant\": variant,\n disabled,\n })\n },\n }\n}\n"],
5
+ "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,mBAAAE,EAAA,uBAAAC,EAAA,2BAAAC,EAAA,8BAAAC,IAAA,eAAAC,EAAAN,GCGA,IAAAO,EAA8B,yCCAvB,IAAMC,EAAgB,CAC3B,MAAO,mBACP,KAAM,mBACN,KAAM,kBACR,EDMO,SAASC,EACd,CACE,aAAcC,EACd,kBAAmBC,EACnB,QAAAC,EACA,SAAAC,EACA,SAAAC,EACA,OAAAC,EACA,KAAAC,EACA,QAAAC,CACF,EACAC,EACwB,CACxB,IAAMC,EAAe,CAAC,EAAET,GAAaC,GAErC,OAAOO,EAAU,QAAQ,CACvB,aAAcR,GAAa,OAC3B,kBAAmBC,GAAkB,OACrC,UAAWS,EAAc,MACzB,eAAgBR,GAAW,UAC3B,mBAAiB,mBAAgBC,CAAQ,EACzC,gBAAiBC,GAAY,OAC7B,cAAeC,GAAU,MACzB,aAAc,eACd,YAAaC,GAAQ,KACrB,eAAgBC,GAAW,OAC3B,GAAIE,GAAgB,CAAC,KAAM,OAAO,CACpC,CAAC,CACH,CEtCA,IAAAE,EAA8B,yCAc9B,IAAMC,EAA8B,CAClC,aAAc,QAChB,EAEMC,EAAiB,CACrB,KAAM,IACR,EAEO,SAASC,EACdC,EACAC,EACc,CACd,IAAMC,EAAUF,EAAM,SAAW,UAC3BG,EAAWH,EAAM,SACjBI,EAAWJ,EAAM,UAAY,UAC7BK,EAAOL,EAAM,MAAQF,EAAe,KACpCQ,EAAUN,EAAM,SAAW,OAEjC,MAAO,CACL,oBAA+C,CAC7C,OAAOC,EAAU,QAAQ,CACvB,GAAGJ,EACH,UAAWU,EAAc,KACzB,eAAgBL,EAChB,YAAa,OACb,iBAAkB,MAClB,YAAaG,CACf,CAAC,CACH,EACA,iBAAyC,CACvC,OAAOJ,EAAU,OAAO,CACtB,GAAGJ,EACH,UAAWU,EAAc,KACzB,eAAgBL,EAChB,mBAAiB,mBAAgBC,CAAQ,EACzC,gBAAiBC,EACjB,YAAa,OACb,YAAa,OACb,YAAaC,EACb,eAAgBC,EAChB,SAAAH,CACF,CAAC,CACH,EACA,sBAAmD,CACjD,OAAOF,EAAU,QAAQ,CACvB,GAAGJ,EACH,UAAWU,EAAc,KACzB,eAAgBL,EAChB,YAAa,OACb,iBAAkB,QAClB,YAAaG,CACf,CAAC,CACH,CACF,CACF,CCpEA,IAAAG,EAA8B,yCAYvB,SAASC,EACdC,EACAC,EACkB,CAClB,IAAMC,EAAUF,EAAM,SAAW,UAC3BG,EAAWH,EAAM,SACjBI,EAAWJ,EAAM,UAAY,UAC7BK,EAAQL,EAAM,OAAS,SACvBM,EAAON,EAAM,MAAQ,KACrBO,EAAUP,EAAM,SAAW,OAEjC,MAAO,CACL,iBAA6C,CAC3C,OAAOC,EAAU,QAAQ,CACvB,UAAWO,EAAc,KACzB,eAAgBN,EAChB,YAAa,OACb,aAAc,cACd,YAAaI,CACf,CAAC,CACH,EACA,iBAA6C,CAC3C,OAAOL,EAAU,OAAO,CACtB,UAAWO,EAAc,KACzB,eAAgBN,EAChB,mBAAiB,mBAAgBC,CAAQ,EACzC,gBAAiBC,EACjB,YAAa,OACb,YAAa,OACb,aAAc,cACd,aAAcC,EACd,YAAaC,EACb,eAAgBC,EAChB,SAAAJ,CACF,CAAC,CACH,CACF,CACF",
6
+ "names": ["button_exports", "__export", "buttonClasses", "createQdsButtonApi", "createQdsIconButtonApi", "getQdsButtonGroupBindings", "__toCommonJS", "import_attributes", "buttonClasses", "getQdsButtonGroupBindings", "ariaLabel", "ariaLabelledby", "density", "disabled", "emphasis", "layout", "size", "variant", "normalize", "hasAriaLabel", "buttonClasses", "import_attributes", "buttonScope", "sharedDefaults", "createQdsButtonApi", "props", "normalize", "density", "disabled", "emphasis", "size", "variant", "buttonClasses", "import_attributes", "createQdsIconButtonApi", "props", "normalize", "density", "disabled", "emphasis", "shape", "size", "variant", "buttonClasses"]
7
7
  }
@@ -1,2 +1,2 @@
1
- import{booleanDataAttr as m}from"@qualcomm-ui/utils/attributes";var n={group:"qui-button-group",icon:"qui-button__icon",root:"qui-button__root"};function Q({"aria-label":t,"aria-labelledby":o,density:i,disabled:s,emphasis:e,layout:a,size:d,variant:u},p){let c=!!(t||o);return p.element({"aria-label":t||void 0,"aria-labelledby":o||void 0,className:n.group,"data-density":i||"default","data-disabled":m(s),"data-emphasis":e||void 0,"data-layout":a||"hug","data-scope":"button-group","data-size":d||"md","data-variant":u||void 0,...c&&{role:"group"}})}import{booleanDataAttr as l}from"@qualcomm-ui/utils/attributes";var r={"data-scope":"button"},B={size:"md"};function z(t,o){let i=t.density||"default",s=t.disabled,e=t.emphasis||"neutral",a=t.size||B.size,d=t.variant||"fill";return{getEndIconBindings(){return o.element({...r,className:n.icon,"data-density":i,"data-part":"icon","data-placement":"end","data-size":a})},getRootBindings(){return o.button({...r,className:n.root,"data-density":i,"data-disabled":l(s),"data-emphasis":e,"data-kind":"text","data-part":"root","data-size":a,"data-variant":d,disabled:s})},getStartIconBindings(){return o.element({...r,className:n.icon,"data-density":i,"data-part":"icon","data-placement":"start","data-size":a})}}}import{booleanDataAttr as f}from"@qualcomm-ui/utils/attributes";function q(t,o){let i=t.density||"default",s=t.disabled,e=t.emphasis||"neutral",a=t.size||"md",d=t.variant||"fill";return{getIconBindings(){return o.element({className:n.icon,"data-density":i,"data-part":"icon","data-scope":"icon-button","data-size":a})},getRootBindings(){return o.button({className:n.root,"data-density":i,"data-disabled":f(s),"data-emphasis":e,"data-kind":"icon","data-part":"root","data-scope":"icon-button","data-size":a,"data-variant":d,disabled:s})}}}export{n as buttonClasses,z as createQdsButtonApi,q as createQdsIconButtonApi,Q as getQdsButtonGroupBindings};
1
+ import{booleanDataAttr as m}from"@qualcomm-ui/utils/attributes";var n={group:"qui-button-group",icon:"qui-button__icon",root:"qui-button__root"};function Q({"aria-label":t,"aria-labelledby":o,density:a,disabled:i,emphasis:d,layout:s,size:e,variant:r},p){let c=!!(t||o);return p.element({"aria-label":t||void 0,"aria-labelledby":o||void 0,className:n.group,"data-density":a||"default","data-disabled":m(i),"data-emphasis":d||void 0,"data-layout":s||"hug","data-scope":"button-group","data-size":e||"md","data-variant":r||void 0,...c&&{role:"group"}})}import{booleanDataAttr as l}from"@qualcomm-ui/utils/attributes";var u={"data-scope":"button"},B={size:"md"};function h(t,o){let a=t.density||"default",i=t.disabled,d=t.emphasis||"neutral",s=t.size||B.size,e=t.variant||"fill";return{getEndIconBindings(){return o.element({...u,className:n.icon,"data-density":a,"data-part":"icon","data-placement":"end","data-size":s})},getRootBindings(){return o.button({...u,className:n.root,"data-density":a,"data-disabled":l(i),"data-emphasis":d,"data-kind":"text","data-part":"root","data-size":s,"data-variant":e,disabled:i})},getStartIconBindings(){return o.element({...u,className:n.icon,"data-density":a,"data-part":"icon","data-placement":"start","data-size":s})}}}import{booleanDataAttr as f}from"@qualcomm-ui/utils/attributes";function q(t,o){let a=t.density||"default",i=t.disabled,d=t.emphasis||"neutral",s=t.shape||"square",e=t.size||"md",r=t.variant||"fill";return{getIconBindings(){return o.element({className:n.icon,"data-density":a,"data-part":"icon","data-scope":"icon-button","data-size":e})},getRootBindings(){return o.button({className:n.root,"data-density":a,"data-disabled":f(i),"data-emphasis":d,"data-kind":"icon","data-part":"root","data-scope":"icon-button","data-shape":s,"data-size":e,"data-variant":r,disabled:i})}}}export{n as buttonClasses,h as createQdsButtonApi,q as createQdsIconButtonApi,Q as getQdsButtonGroupBindings};
2
2
  //# sourceMappingURL=index.js.map
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/button/button-group.api.ts", "../../src/button/button.classes.ts", "../../src/button/button.api.ts", "../../src/button/icon-button.api.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 {Explicit} from \"@qualcomm-ui/utils/guard\"\nimport type {PropNormalizer} from \"@qualcomm-ui/utils/machine\"\n\nimport type {\n QdsButtonGroupApiProps,\n QdsButtonGroupBindings,\n} from \"./button-group.types\"\nimport {buttonClasses} from \"./button.classes\"\n\nexport function getQdsButtonGroupBindings(\n {\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledby,\n density,\n disabled,\n emphasis,\n layout,\n size,\n variant,\n }: Explicit<QdsButtonGroupApiProps>,\n normalize: PropNormalizer,\n): QdsButtonGroupBindings {\n const hasAriaLabel = !!(ariaLabel || ariaLabelledby)\n\n return normalize.element({\n \"aria-label\": ariaLabel || undefined,\n \"aria-labelledby\": ariaLabelledby || undefined,\n className: buttonClasses.group,\n \"data-density\": density || \"default\",\n \"data-disabled\": booleanDataAttr(disabled),\n \"data-emphasis\": emphasis || undefined,\n \"data-layout\": layout || \"hug\",\n \"data-scope\": \"button-group\",\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\nexport const buttonClasses = {\n group: \"qui-button-group\",\n icon: \"qui-button__icon\",\n root: \"qui-button__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 {Explicit} from \"@qualcomm-ui/utils/guard\"\nimport type {PropNormalizer} from \"@qualcomm-ui/utils/machine\"\n\nimport {buttonClasses} from \"./button.classes\"\nimport type {\n QdsButtonApi,\n QdsButtonApiProps,\n QdsButtonEndIconBindings,\n QdsButtonRootBindings,\n QdsButtonScope,\n QdsButtonStartIconBindings,\n} from \"./button.types\"\n\nconst buttonScope: QdsButtonScope = {\n \"data-scope\": \"button\",\n}\n\nconst sharedDefaults = {\n size: \"md\",\n} satisfies Pick<QdsButtonApiProps, \"size\">\n\nexport function createQdsButtonApi(\n props: Explicit<QdsButtonApiProps>,\n normalize: PropNormalizer,\n): QdsButtonApi {\n const density = props.density || \"default\"\n const disabled = props.disabled\n const emphasis = props.emphasis || \"neutral\"\n const size = props.size || sharedDefaults.size\n const variant = props.variant || \"fill\"\n\n return {\n getEndIconBindings(): QdsButtonEndIconBindings {\n return normalize.element({\n ...buttonScope,\n className: buttonClasses.icon,\n \"data-density\": density,\n \"data-part\": \"icon\",\n \"data-placement\": \"end\",\n \"data-size\": size,\n })\n },\n getRootBindings(): QdsButtonRootBindings {\n return normalize.button({\n ...buttonScope,\n className: buttonClasses.root,\n \"data-density\": density,\n \"data-disabled\": booleanDataAttr(disabled),\n \"data-emphasis\": emphasis,\n \"data-kind\": \"text\",\n \"data-part\": \"root\",\n \"data-size\": size,\n \"data-variant\": variant,\n disabled,\n })\n },\n getStartIconBindings(): QdsButtonStartIconBindings {\n return normalize.element({\n ...buttonScope,\n className: buttonClasses.icon,\n \"data-density\": density,\n \"data-part\": \"icon\",\n \"data-placement\": \"start\",\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\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 {buttonClasses} from \"./button.classes\"\nimport type {\n QdsIconButtonApi,\n QdsIconButtonApiProps,\n QdsIconButtonIconBindings,\n QdsIconButtonRootBindings,\n} from \"./icon-button.types\"\n\nexport function createQdsIconButtonApi(\n props: Explicit<QdsIconButtonApiProps>,\n normalize: PropNormalizer,\n): QdsIconButtonApi {\n const density = props.density || \"default\"\n const disabled = props.disabled\n const emphasis = props.emphasis || \"neutral\"\n const size = props.size || \"md\"\n const variant = props.variant || \"fill\"\n\n return {\n getIconBindings(): QdsIconButtonIconBindings {\n return normalize.element({\n className: buttonClasses.icon,\n \"data-density\": density,\n \"data-part\": \"icon\",\n \"data-scope\": \"icon-button\",\n \"data-size\": size,\n })\n },\n getRootBindings(): QdsIconButtonRootBindings {\n return normalize.button({\n className: buttonClasses.root,\n \"data-density\": density,\n \"data-disabled\": booleanDataAttr(disabled),\n \"data-emphasis\": emphasis,\n \"data-kind\": \"icon\",\n \"data-part\": \"root\",\n \"data-scope\": \"icon-button\",\n \"data-size\": size,\n \"data-variant\": variant,\n disabled,\n })\n },\n }\n}\n"],
5
- "mappings": "AAGA,OAAQ,mBAAAA,MAAsB,gCCAvB,IAAMC,EAAgB,CAC3B,MAAO,mBACP,KAAM,mBACN,KAAM,kBACR,EDMO,SAASC,EACd,CACE,aAAcC,EACd,kBAAmBC,EACnB,QAAAC,EACA,SAAAC,EACA,SAAAC,EACA,OAAAC,EACA,KAAAC,EACA,QAAAC,CACF,EACAC,EACwB,CACxB,IAAMC,EAAe,CAAC,EAAET,GAAaC,GAErC,OAAOO,EAAU,QAAQ,CACvB,aAAcR,GAAa,OAC3B,kBAAmBC,GAAkB,OACrC,UAAWS,EAAc,MACzB,eAAgBR,GAAW,UAC3B,gBAAiBS,EAAgBR,CAAQ,EACzC,gBAAiBC,GAAY,OAC7B,cAAeC,GAAU,MACzB,aAAc,eACd,YAAaC,GAAQ,KACrB,eAAgBC,GAAW,OAC3B,GAAIE,GAAgB,CAAC,KAAM,OAAO,CACpC,CAAC,CACH,CEtCA,OAAQ,mBAAAG,MAAsB,gCAc9B,IAAMC,EAA8B,CAClC,aAAc,QAChB,EAEMC,EAAiB,CACrB,KAAM,IACR,EAEO,SAASC,EACdC,EACAC,EACc,CACd,IAAMC,EAAUF,EAAM,SAAW,UAC3BG,EAAWH,EAAM,SACjBI,EAAWJ,EAAM,UAAY,UAC7BK,EAAOL,EAAM,MAAQF,EAAe,KACpCQ,EAAUN,EAAM,SAAW,OAEjC,MAAO,CACL,oBAA+C,CAC7C,OAAOC,EAAU,QAAQ,CACvB,GAAGJ,EACH,UAAWU,EAAc,KACzB,eAAgBL,EAChB,YAAa,OACb,iBAAkB,MAClB,YAAaG,CACf,CAAC,CACH,EACA,iBAAyC,CACvC,OAAOJ,EAAU,OAAO,CACtB,GAAGJ,EACH,UAAWU,EAAc,KACzB,eAAgBL,EAChB,gBAAiBM,EAAgBL,CAAQ,EACzC,gBAAiBC,EACjB,YAAa,OACb,YAAa,OACb,YAAaC,EACb,eAAgBC,EAChB,SAAAH,CACF,CAAC,CACH,EACA,sBAAmD,CACjD,OAAOF,EAAU,QAAQ,CACvB,GAAGJ,EACH,UAAWU,EAAc,KACzB,eAAgBL,EAChB,YAAa,OACb,iBAAkB,QAClB,YAAaG,CACf,CAAC,CACH,CACF,CACF,CCpEA,OAAQ,mBAAAI,MAAsB,gCAYvB,SAASC,EACdC,EACAC,EACkB,CAClB,IAAMC,EAAUF,EAAM,SAAW,UAC3BG,EAAWH,EAAM,SACjBI,EAAWJ,EAAM,UAAY,UAC7BK,EAAOL,EAAM,MAAQ,KACrBM,EAAUN,EAAM,SAAW,OAEjC,MAAO,CACL,iBAA6C,CAC3C,OAAOC,EAAU,QAAQ,CACvB,UAAWM,EAAc,KACzB,eAAgBL,EAChB,YAAa,OACb,aAAc,cACd,YAAaG,CACf,CAAC,CACH,EACA,iBAA6C,CAC3C,OAAOJ,EAAU,OAAO,CACtB,UAAWM,EAAc,KACzB,eAAgBL,EAChB,gBAAiBM,EAAgBL,CAAQ,EACzC,gBAAiBC,EACjB,YAAa,OACb,YAAa,OACb,aAAc,cACd,YAAaC,EACb,eAAgBC,EAChB,SAAAH,CACF,CAAC,CACH,CACF,CACF",
6
- "names": ["booleanDataAttr", "buttonClasses", "getQdsButtonGroupBindings", "ariaLabel", "ariaLabelledby", "density", "disabled", "emphasis", "layout", "size", "variant", "normalize", "hasAriaLabel", "buttonClasses", "booleanDataAttr", "booleanDataAttr", "buttonScope", "sharedDefaults", "createQdsButtonApi", "props", "normalize", "density", "disabled", "emphasis", "size", "variant", "buttonClasses", "booleanDataAttr", "booleanDataAttr", "createQdsIconButtonApi", "props", "normalize", "density", "disabled", "emphasis", "size", "variant", "buttonClasses", "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 {Explicit} from \"@qualcomm-ui/utils/guard\"\nimport type {PropNormalizer} from \"@qualcomm-ui/utils/machine\"\n\nimport type {\n QdsButtonGroupApiProps,\n QdsButtonGroupBindings,\n} from \"./button-group.types\"\nimport {buttonClasses} from \"./button.classes\"\n\nexport function getQdsButtonGroupBindings(\n {\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledby,\n density,\n disabled,\n emphasis,\n layout,\n size,\n variant,\n }: Explicit<QdsButtonGroupApiProps>,\n normalize: PropNormalizer,\n): QdsButtonGroupBindings {\n const hasAriaLabel = !!(ariaLabel || ariaLabelledby)\n\n return normalize.element({\n \"aria-label\": ariaLabel || undefined,\n \"aria-labelledby\": ariaLabelledby || undefined,\n className: buttonClasses.group,\n \"data-density\": density || \"default\",\n \"data-disabled\": booleanDataAttr(disabled),\n \"data-emphasis\": emphasis || undefined,\n \"data-layout\": layout || \"hug\",\n \"data-scope\": \"button-group\",\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\nexport const buttonClasses = {\n group: \"qui-button-group\",\n icon: \"qui-button__icon\",\n root: \"qui-button__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 {Explicit} from \"@qualcomm-ui/utils/guard\"\nimport type {PropNormalizer} from \"@qualcomm-ui/utils/machine\"\n\nimport {buttonClasses} from \"./button.classes\"\nimport type {\n QdsButtonApi,\n QdsButtonApiProps,\n QdsButtonEndIconBindings,\n QdsButtonRootBindings,\n QdsButtonScope,\n QdsButtonStartIconBindings,\n} from \"./button.types\"\n\nconst buttonScope: QdsButtonScope = {\n \"data-scope\": \"button\",\n}\n\nconst sharedDefaults = {\n size: \"md\",\n} satisfies Pick<QdsButtonApiProps, \"size\">\n\nexport function createQdsButtonApi(\n props: Explicit<QdsButtonApiProps>,\n normalize: PropNormalizer,\n): QdsButtonApi {\n const density = props.density || \"default\"\n const disabled = props.disabled\n const emphasis = props.emphasis || \"neutral\"\n const size = props.size || sharedDefaults.size\n const variant = props.variant || \"fill\"\n\n return {\n getEndIconBindings(): QdsButtonEndIconBindings {\n return normalize.element({\n ...buttonScope,\n className: buttonClasses.icon,\n \"data-density\": density,\n \"data-part\": \"icon\",\n \"data-placement\": \"end\",\n \"data-size\": size,\n })\n },\n getRootBindings(): QdsButtonRootBindings {\n return normalize.button({\n ...buttonScope,\n className: buttonClasses.root,\n \"data-density\": density,\n \"data-disabled\": booleanDataAttr(disabled),\n \"data-emphasis\": emphasis,\n \"data-kind\": \"text\",\n \"data-part\": \"root\",\n \"data-size\": size,\n \"data-variant\": variant,\n disabled,\n })\n },\n getStartIconBindings(): QdsButtonStartIconBindings {\n return normalize.element({\n ...buttonScope,\n className: buttonClasses.icon,\n \"data-density\": density,\n \"data-part\": \"icon\",\n \"data-placement\": \"start\",\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\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 {buttonClasses} from \"./button.classes\"\nimport type {\n QdsIconButtonApi,\n QdsIconButtonApiProps,\n QdsIconButtonIconBindings,\n QdsIconButtonRootBindings,\n} from \"./icon-button.types\"\n\nexport function createQdsIconButtonApi(\n props: Explicit<QdsIconButtonApiProps>,\n normalize: PropNormalizer,\n): QdsIconButtonApi {\n const density = props.density || \"default\"\n const disabled = props.disabled\n const emphasis = props.emphasis || \"neutral\"\n const shape = props.shape || \"square\"\n const size = props.size || \"md\"\n const variant = props.variant || \"fill\"\n\n return {\n getIconBindings(): QdsIconButtonIconBindings {\n return normalize.element({\n className: buttonClasses.icon,\n \"data-density\": density,\n \"data-part\": \"icon\",\n \"data-scope\": \"icon-button\",\n \"data-size\": size,\n })\n },\n getRootBindings(): QdsIconButtonRootBindings {\n return normalize.button({\n className: buttonClasses.root,\n \"data-density\": density,\n \"data-disabled\": booleanDataAttr(disabled),\n \"data-emphasis\": emphasis,\n \"data-kind\": \"icon\",\n \"data-part\": \"root\",\n \"data-scope\": \"icon-button\",\n \"data-shape\": shape,\n \"data-size\": size,\n \"data-variant\": variant,\n disabled,\n })\n },\n }\n}\n"],
5
+ "mappings": "AAGA,OAAQ,mBAAAA,MAAsB,gCCAvB,IAAMC,EAAgB,CAC3B,MAAO,mBACP,KAAM,mBACN,KAAM,kBACR,EDMO,SAASC,EACd,CACE,aAAcC,EACd,kBAAmBC,EACnB,QAAAC,EACA,SAAAC,EACA,SAAAC,EACA,OAAAC,EACA,KAAAC,EACA,QAAAC,CACF,EACAC,EACwB,CACxB,IAAMC,EAAe,CAAC,EAAET,GAAaC,GAErC,OAAOO,EAAU,QAAQ,CACvB,aAAcR,GAAa,OAC3B,kBAAmBC,GAAkB,OACrC,UAAWS,EAAc,MACzB,eAAgBR,GAAW,UAC3B,gBAAiBS,EAAgBR,CAAQ,EACzC,gBAAiBC,GAAY,OAC7B,cAAeC,GAAU,MACzB,aAAc,eACd,YAAaC,GAAQ,KACrB,eAAgBC,GAAW,OAC3B,GAAIE,GAAgB,CAAC,KAAM,OAAO,CACpC,CAAC,CACH,CEtCA,OAAQ,mBAAAG,MAAsB,gCAc9B,IAAMC,EAA8B,CAClC,aAAc,QAChB,EAEMC,EAAiB,CACrB,KAAM,IACR,EAEO,SAASC,EACdC,EACAC,EACc,CACd,IAAMC,EAAUF,EAAM,SAAW,UAC3BG,EAAWH,EAAM,SACjBI,EAAWJ,EAAM,UAAY,UAC7BK,EAAOL,EAAM,MAAQF,EAAe,KACpCQ,EAAUN,EAAM,SAAW,OAEjC,MAAO,CACL,oBAA+C,CAC7C,OAAOC,EAAU,QAAQ,CACvB,GAAGJ,EACH,UAAWU,EAAc,KACzB,eAAgBL,EAChB,YAAa,OACb,iBAAkB,MAClB,YAAaG,CACf,CAAC,CACH,EACA,iBAAyC,CACvC,OAAOJ,EAAU,OAAO,CACtB,GAAGJ,EACH,UAAWU,EAAc,KACzB,eAAgBL,EAChB,gBAAiBM,EAAgBL,CAAQ,EACzC,gBAAiBC,EACjB,YAAa,OACb,YAAa,OACb,YAAaC,EACb,eAAgBC,EAChB,SAAAH,CACF,CAAC,CACH,EACA,sBAAmD,CACjD,OAAOF,EAAU,QAAQ,CACvB,GAAGJ,EACH,UAAWU,EAAc,KACzB,eAAgBL,EAChB,YAAa,OACb,iBAAkB,QAClB,YAAaG,CACf,CAAC,CACH,CACF,CACF,CCpEA,OAAQ,mBAAAI,MAAsB,gCAYvB,SAASC,EACdC,EACAC,EACkB,CAClB,IAAMC,EAAUF,EAAM,SAAW,UAC3BG,EAAWH,EAAM,SACjBI,EAAWJ,EAAM,UAAY,UAC7BK,EAAQL,EAAM,OAAS,SACvBM,EAAON,EAAM,MAAQ,KACrBO,EAAUP,EAAM,SAAW,OAEjC,MAAO,CACL,iBAA6C,CAC3C,OAAOC,EAAU,QAAQ,CACvB,UAAWO,EAAc,KACzB,eAAgBN,EAChB,YAAa,OACb,aAAc,cACd,YAAaI,CACf,CAAC,CACH,EACA,iBAA6C,CAC3C,OAAOL,EAAU,OAAO,CACtB,UAAWO,EAAc,KACzB,eAAgBN,EAChB,gBAAiBO,EAAgBN,CAAQ,EACzC,gBAAiBC,EACjB,YAAa,OACb,YAAa,OACb,aAAc,cACd,aAAcC,EACd,YAAaC,EACb,eAAgBC,EAChB,SAAAJ,CACF,CAAC,CACH,CACF,CACF",
6
+ "names": ["booleanDataAttr", "buttonClasses", "getQdsButtonGroupBindings", "ariaLabel", "ariaLabelledby", "density", "disabled", "emphasis", "layout", "size", "variant", "normalize", "hasAriaLabel", "buttonClasses", "booleanDataAttr", "booleanDataAttr", "buttonScope", "sharedDefaults", "createQdsButtonApi", "props", "normalize", "density", "disabled", "emphasis", "size", "variant", "buttonClasses", "booleanDataAttr", "booleanDataAttr", "createQdsIconButtonApi", "props", "normalize", "density", "disabled", "emphasis", "shape", "size", "variant", "buttonClasses", "booleanDataAttr"]
7
7
  }
@@ -1,4 +1,6 @@
1
- .qui-button__root{align-items:center;background:var(--button-bg-idle);background-image:none;border:var(--border-width-sm) solid transparent;border-radius:var(--component-button-global-border-radius);box-sizing:border-box;color:var(--button-text-idle);cursor:pointer;display:inline-flex;justify-content:center;line-height:normal;margin:0;outline:none;padding:0;position:relative;text-decoration:inherit;touch-action:manipulation;transition:background-color var(--animation-duration-faster) ease-out,color var(--animation-duration-faster) ease-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;--button-bg-disabled:var(--color-utility-disabled-background)}.qui-button__root[hidden]{display:none}.qui-button__root:after,.qui-button__root:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}@media (prefers-reduced-motion: reduce){.qui-button__root{transition:none}}.qui-button__root:hover{background:var(--button-bg-hover);color:var(--button-text-hover)}.qui-button__root:active{background:var(--button-bg-pressed);color:var(--button-text-pressed)}.qui-button__root[data-disabled]{background:var(--button-bg-disabled);color:var(--color-utility-disabled-text);pointer-events:none}.qui-button__root[data-emphasis=neutral]{--button-bg-idle:var(--color-interactive-background-neutral-idle);--button-bg-hover:var(--color-interactive-background-neutral-hover);--button-bg-pressed:var(--color-interactive-background-neutral-pressed);--button-text-idle:var(--color-interactive-text-neutral-idle);--button-text-hover:var(--color-interactive-text-neutral-hover);--button-text-pressed:var(--color-interactive-text-neutral-pressed)}.qui-button__root[data-emphasis=primary]{--button-bg-idle:var(--color-interactive-background-primary-idle);--button-bg-hover:var(--color-interactive-background-primary-hover);--button-bg-pressed:var(--color-interactive-background-primary-pressed);--button-text-idle:var(--color-interactive-text-primary-idle);--button-text-hover:var(--color-interactive-text-primary-hover);--button-text-pressed:var(--color-interactive-text-primary-pressed)}.qui-button__root[data-emphasis=danger]{--button-bg-idle:var(--color-interactive-background-danger-idle);--button-bg-hover:var(--color-interactive-background-danger-hover);--button-bg-pressed:var(--color-interactive-background-danger-pressed);--button-text-idle:var(--color-interactive-text-danger-idle);--button-text-hover:var(--color-interactive-text-danger-hover);--button-text-pressed:var(--color-interactive-text-danger-pressed)}.qui-button__root[data-emphasis=white-persistent]{--button-text-idle:var(--color-utility-persistent-white);--button-text-hover:var(--color-utility-persistent-white);--button-text-pressed:var(--color-utility-persistent-white)}.qui-button__root[data-emphasis=black-persistent]{--button-text-idle:var(--color-utility-persistent-black);--button-text-hover:var(--color-utility-persistent-black);--button-text-pressed:var(--color-utility-persistent-black)}.qui-button__root[data-size=sm]{font-family:var(--component-button-type-sm-font-family);font-size:var(--component-button-type-sm-font-size);font-weight:var(--component-button-type-sm-font-weight);gap:var(--spacing-40);height:var(--sizing-120);line-height:var(--component-button-type-sm-line-height);padding:0 var(--spacing-90)}.qui-button__root[data-size=sm][data-density=compact]{height:var(--sizing-80);padding:0 var(--spacing-40)}.qui-button__root[data-size=sm][data-kind=icon]{width:var(--sizing-120)}.qui-button__root[data-size=sm][data-kind=icon][data-density=compact]{width:var(--sizing-80)}.qui-button__root[data-size=md]{font-family:var(--component-button-type-md-font-family);font-size:var(--component-button-type-md-font-size);font-weight:var(--component-button-type-md-font-weight);gap:var(--spacing-70);height:var(--sizing-140);line-height:var(--component-button-type-md-line-height);padding:0 var(--spacing-100)}.qui-button__root[data-size=md][data-density=compact]{gap:var(--spacing-40);height:var(--sizing-90);padding:0 var(--spacing-50)}.qui-button__root[data-size=md][data-kind=icon]{width:var(--sizing-140)}.qui-button__root[data-size=md][data-kind=icon][data-density=compact]{width:var(--sizing-90)}.qui-button__root[data-size=lg]{font-family:var(--component-button-type-md-font-family);font-size:var(--component-button-type-md-font-size);font-weight:var(--component-button-type-md-font-weight);gap:var(--spacing-90);height:var(--sizing-160);line-height:var(--component-button-type-md-line-height);padding:0 var(--spacing-110)}.qui-button__root[data-size=lg][data-density=compact]{gap:var(--spacing-50);height:var(--sizing-100);padding:0 var(--spacing-70)}.qui-button__root[data-size=lg][data-kind=icon]{width:var(--sizing-160)}.qui-button__root[data-size=lg][data-kind=icon][data-density=compact]{width:var(--sizing-100)}.qui-button__root[data-density=compact]{font-family:var(--component-button-type-sm-font-family);font-size:var(--component-button-type-sm-font-size);font-weight:var(--component-button-type-sm-font-weight);line-height:var(--component-button-type-sm-line-height)}.qui-button__root[data-variant=ghost],.qui-button__root[data-variant=outline]{--button-bg-idle:var(--color-interactive-background-ghost-idle);--button-bg-hover:var(--color-interactive-background-ghost-hover);--button-bg-pressed:var(--color-interactive-background-ghost-pressed);--button-bg-disabled:var(--color-interactive-background-ghost-idle)}.qui-button__root[data-variant=ghost][data-emphasis=white-persistent],.qui-button__root[data-variant=outline][data-emphasis=white-persistent]{--button-bg-idle:var(
1
+ .qui-button__root{align-items:center;background:var(--button-bg-idle);background-image:none;border:var(--border-width-sm) solid transparent;border-radius:var(
2
+ --button-radius,var(--component-button-global-border-radius)
3
+ );box-sizing:border-box;color:var(--button-text-idle);cursor:pointer;display:inline-flex;justify-content:center;line-height:normal;margin:0;outline:none;padding:0;position:relative;text-decoration:inherit;touch-action:manipulation;transition:background-color var(--animation-duration-faster) ease-out,color var(--animation-duration-faster) ease-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;--button-bg-disabled:var(--color-utility-disabled-background);--button-icon-color:var(--button-icon-idle)}.qui-button__root[hidden]{display:none}.qui-button__root:after,.qui-button__root:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}@media (prefers-reduced-motion: reduce){.qui-button__root{transition:none}}.qui-button__root:hover{background:var(--button-bg-hover);color:var(--button-text-hover);--button-icon-color:var(--button-icon-hover)}.qui-button__root:active{background:var(--button-bg-pressed);color:var(--button-text-pressed);--button-icon-color:var(--button-icon-pressed)}.qui-button__root[data-disabled]{background:var(--button-bg-disabled);color:var(--color-utility-disabled-text);--button-icon-color:var(--color-utility-disabled-icon);pointer-events:none}.qui-button__root[data-emphasis=neutral]{--button-bg-idle:var(--color-interactive-background-neutral-idle);--button-bg-hover:var(--color-interactive-background-neutral-hover);--button-bg-pressed:var(--color-interactive-background-neutral-pressed);--button-text-idle:var(--color-interactive-text-neutral-idle);--button-text-hover:var(--color-interactive-text-neutral-hover);--button-text-pressed:var(--color-interactive-text-neutral-pressed);--button-icon-idle:var(--color-interactive-icon-neutral-idle);--button-icon-hover:var(--color-interactive-icon-neutral-hover);--button-icon-pressed:var(--color-interactive-icon-neutral-pressed)}.qui-button__root[data-emphasis=primary]{--button-bg-idle:var(--color-interactive-background-primary-idle);--button-bg-hover:var(--color-interactive-background-primary-hover);--button-bg-pressed:var(--color-interactive-background-primary-pressed);--button-text-idle:var(--color-interactive-text-primary-idle);--button-text-hover:var(--color-interactive-text-primary-hover);--button-text-pressed:var(--color-interactive-text-primary-pressed);--button-icon-idle:var(--color-interactive-icon-primary-idle);--button-icon-hover:var(--color-interactive-icon-primary-hover);--button-icon-pressed:var(--color-interactive-icon-primary-pressed)}.qui-button__root[data-emphasis=danger]{--button-bg-idle:var(--color-interactive-background-danger-idle);--button-bg-hover:var(--color-interactive-background-danger-hover);--button-bg-pressed:var(--color-interactive-background-danger-pressed);--button-text-idle:var(--color-interactive-text-danger-idle);--button-text-hover:var(--color-interactive-text-danger-hover);--button-text-pressed:var(--color-interactive-text-danger-pressed);--button-icon-idle:var(--color-interactive-icon-danger-idle);--button-icon-hover:var(--color-interactive-icon-danger-hover);--button-icon-pressed:var(--color-interactive-icon-danger-pressed)}.qui-button__root[data-emphasis=white-persistent]{--button-text-idle:var(--color-utility-persistent-white);--button-text-hover:var(--color-utility-persistent-white);--button-text-pressed:var(--color-utility-persistent-white);--button-icon-idle:var(--color-utility-persistent-white);--button-icon-hover:var(--color-utility-persistent-white);--button-icon-pressed:var(--color-utility-persistent-white)}.qui-button__root[data-emphasis=white-persistent][data-disabled]{color:var(--color-utility-disabled-persistent-white-text);--button-icon-color:var(--color-utility-disabled-persistent-white-icon)}.qui-button__root[data-emphasis=black-persistent]{--button-text-idle:var(--color-utility-persistent-black);--button-text-hover:var(--color-utility-persistent-black);--button-text-pressed:var(--color-utility-persistent-black);--button-icon-idle:var(--color-utility-persistent-black);--button-icon-hover:var(--color-utility-persistent-black);--button-icon-pressed:var(--color-utility-persistent-black)}.qui-button__root[data-emphasis=black-persistent][data-disabled]{color:var(--color-utility-disabled-persistent-black-text);--button-icon-color:var(--color-utility-disabled-persistent-black-icon)}.qui-button__root[data-emphasis=inverse][data-disabled]{color:var(--color-utility-disabled-inverse-text);--button-icon-color:var(--color-utility-disabled-inverse-icon)}.qui-button__root[data-size=sm]{font-family:var(--component-button-type-sm-font-family);font-size:var(--component-button-type-sm-font-size);font-weight:var(--component-button-type-sm-font-weight);gap:var(--spacing-40);height:var(--sizing-120);line-height:var(--component-button-type-sm-line-height);padding:0 var(--spacing-90)}.qui-button__root[data-size=sm][data-density=compact]{height:var(--sizing-80);padding:0 var(--spacing-40)}.qui-button__root[data-size=sm][data-kind=icon]{width:var(--sizing-120)}.qui-button__root[data-size=sm][data-kind=icon][data-density=compact]{width:var(--sizing-80)}.qui-button__root[data-size=md]{font-family:var(--component-button-type-md-font-family);font-size:var(--component-button-type-md-font-size);font-weight:var(--component-button-type-md-font-weight);gap:var(--spacing-70);height:var(--sizing-140);line-height:var(--component-button-type-md-line-height);padding:0 var(--spacing-100)}.qui-button__root[data-size=md][data-density=compact]{gap:var(--spacing-40);height:var(--sizing-90);padding:0 var(--spacing-50)}.qui-button__root[data-size=md][data-kind=icon]{width:var(--sizing-140)}.qui-button__root[data-size=md][data-kind=icon][data-density=compact]{width:var(--sizing-90)}.qui-button__root[data-size=lg]{font-family:var(--component-button-type-lg-font-family);font-size:var(--component-button-type-lg-font-size);font-weight:var(--component-button-type-lg-font-weight);gap:var(--spacing-90);height:var(--sizing-160);line-height:var(--component-button-type-lg-line-height);padding:0 var(--spacing-110)}.qui-button__root[data-size=lg][data-density=compact]{gap:var(--spacing-50);height:var(--sizing-100);padding:0 var(--spacing-70)}.qui-button__root[data-size=lg][data-kind=icon]{width:var(--sizing-160)}.qui-button__root[data-size=lg][data-kind=icon][data-density=compact]{width:var(--sizing-100)}.qui-button__root[data-kind=icon]{--button-radius:var(--border-radius-md)}.qui-button__root[data-kind=icon][data-shape=rounded]{--button-radius:var(--border-radius-rounded)}.qui-button__root[data-density=compact]{font-family:var(--component-button-type-sm-font-family);font-size:var(--component-button-type-sm-font-size);font-weight:var(--component-button-type-sm-font-weight);line-height:var(--component-button-type-sm-line-height)}.qui-button__root[data-variant=ghost],.qui-button__root[data-variant=outline]{--button-bg-idle:var(--color-interactive-background-ghost-idle);--button-bg-hover:var(--color-interactive-background-ghost-hover);--button-bg-pressed:var(--color-interactive-background-ghost-pressed);--button-bg-disabled:var(--color-interactive-background-ghost-idle)}.qui-button__root[data-variant=ghost][data-emphasis=white-persistent],.qui-button__root[data-variant=outline][data-emphasis=white-persistent]{--button-bg-idle:var(
2
4
  --color-interactive-background-persistent-white-ghost-idle
3
5
  );--button-bg-hover:var(
4
6
  --color-interactive-background-persistent-white-ghost-hover
@@ -14,13 +16,47 @@
14
16
  --color-interactive-background-persistent-black-ghost-pressed
15
17
  );--button-bg-disabled:var(
16
18
  --color-interactive-background-persistent-black-ghost-idle
17
- )}.qui-button__root[data-variant=ghost][data-emphasis=inverse],.qui-button__root[data-variant=outline][data-emphasis=inverse]{--button-text-idle:var(--color-text-neutral-inverse);--button-text-hover:var(--color-text-neutral-inverse);--button-text-pressed:var(--color-text-neutral-inverse);--button-bg-idle:var(--color-interactive-background-inverse-ghost-idle);--button-bg-hover:var(
19
+ )}.qui-button__root[data-variant=ghost][data-emphasis=inverse],.qui-button__root[data-variant=outline][data-emphasis=inverse]{--button-text-idle:var(--color-text-neutral-inverse);--button-text-hover:var(--color-text-neutral-inverse);--button-text-pressed:var(--color-text-neutral-inverse);--button-icon-idle:var(--color-icon-neutral-inverse);--button-icon-hover:var(--color-icon-neutral-inverse);--button-icon-pressed:var(--color-icon-neutral-inverse);--button-bg-idle:var(--color-interactive-background-inverse-ghost-idle);--button-bg-hover:var(
18
20
  --color-interactive-background-inverse-ghost-hover
19
21
  );--button-bg-pressed:var(
20
22
  --color-interactive-background-inverse-ghost-pressed
21
23
  );--button-bg-disabled:var(
22
24
  --color-interactive-background-inverse-ghost-idle
23
- )}.qui-button__root[data-variant=outline]{border:var(--border-width-sm) solid var(--color-interactive-border-neutral-idle);box-shadow:0 0 0 1px inset transparent}.qui-button__root[data-variant=outline]:hover{border-color:var(--color-interactive-border-neutral-hover)}.qui-button__root[data-variant=outline]:active{border-color:var(--color-interactive-border-neutral-pressed)}.qui-button__root[data-variant=outline][data-disabled]{border-color:var(--color-utility-disabled-border)}.qui-button__root[data-variant=outline][data-emphasis=white-persistent]{border-color:var(--color-interactive-border-persistent-white-idle)}.qui-button__root[data-variant=outline][data-emphasis=white-persistent]:hover{border-color:var(--color-interactive-border-persistent-white-hover)}.qui-button__root[data-variant=outline][data-emphasis=white-persistent]:active{border-color:var(--color-interactive-border-persistent-white-pressed)}.qui-button__root[data-variant=outline][data-emphasis=white-persistent][data-disabled]{border-color:var(--color-utility-disabled-persistent-white-border)}.qui-button__root[data-variant=outline][data-emphasis=black-persistent]{border-color:var(--color-interactive-border-persistent-black-idle)}.qui-button__root[data-variant=outline][data-emphasis=black-persistent]:hover{border-color:var(--color-interactive-border-persistent-black-hover)}.qui-button__root[data-variant=outline][data-emphasis=black-persistent]:active{border-color:var(--color-interactive-border-persistent-black-pressed)}.qui-button__root[data-variant=outline][data-emphasis=black-persistent][data-disabled]{border-color:var(--color-utility-disabled-persistent-black-border)}.qui-button__root[data-variant=outline][data-emphasis=inverse]{border-color:var(--color-interactive-border-inverse-idle)}.qui-button__root[data-variant=outline][data-emphasis=inverse]:hover{border-color:var(--color-interactive-border-inverse-hover)}.qui-button__root[data-variant=outline][data-emphasis=inverse]:active{border-color:var(--color-interactive-border-inverse-pressed)}.qui-button__root[data-variant=outline][data-emphasis=inverse][data-disabled]{border-color:var(--color-utility-disabled-inverse-border)}.qui-button__root[data-variant=fill]{--button-text-idle:var(--color-utility-persistent-white);--button-text-hover:var(--color-utility-persistent-white);--button-text-pressed:var(--color-utility-persistent-white);--button-bg-disabled:var(--color-utility-disabled-background)}.qui-button__root[data-variant=fill][data-emphasis=danger]:focus-visible:before,.qui-button__root[data-variant=fill][data-emphasis=neutral]:focus-visible:before,.qui-button__root[data-variant=fill][data-emphasis=primary]:focus-visible:before{border:1px solid var(--color-border-neutral-00);content:"";height:100%;left:0;position:absolute;top:0;width:100%}.qui-button__root[data-variant=fill][data-emphasis=white-persistent]{--button-text-idle:var(--color-utility-persistent-black);--button-text-hover:var(--color-utility-persistent-black);--button-text-pressed:var(--color-utility-persistent-black);--button-bg-idle:var(
25
+ )}.qui-button__root[data-variant=outline]{border:var(--component-button-variant-outline-border-width) solid var(--outline-border-idle);box-shadow:0 0 0 1px inset transparent;--outline-border-idle:var(
26
+ --component-button-variant-outline-neutral-border-idle
27
+ );--outline-border-hover:var(
28
+ --component-button-variant-outline-neutral-border-hover
29
+ );--outline-border-pressed:var(
30
+ --component-button-variant-outline-neutral-border-pressed
31
+ );--outline-border-disabled:var(--color-utility-disabled-border)}.qui-button__root[data-variant=outline][data-emphasis=primary]{--outline-border-idle:var(
32
+ --component-button-variant-outline-primary-border-idle
33
+ );--outline-border-hover:var(
34
+ --component-button-variant-outline-primary-border-hover
35
+ );--outline-border-pressed:var(
36
+ --component-button-variant-outline-primary-border-pressed
37
+ )}.qui-button__root[data-variant=outline][data-emphasis=danger]{--outline-border-idle:var(
38
+ --component-button-variant-outline-danger-border-idle
39
+ );--outline-border-hover:var(
40
+ --component-button-variant-outline-danger-border-hover
41
+ );--outline-border-pressed:var(
42
+ --component-button-variant-outline-danger-border-pressed
43
+ )}.qui-button__root[data-variant=outline][data-emphasis=white-persistent]{--outline-border-idle:var(
44
+ --color-interactive-border-persistent-white-idle
45
+ );--outline-border-hover:var(
46
+ --color-interactive-border-persistent-white-hover
47
+ );--outline-border-pressed:var(
48
+ --color-interactive-border-persistent-white-pressed
49
+ );--outline-border-disabled:var(
50
+ --color-utility-disabled-persistent-white-border
51
+ )}.qui-button__root[data-variant=outline][data-emphasis=black-persistent]{--outline-border-idle:var(
52
+ --color-interactive-border-persistent-black-idle
53
+ );--outline-border-hover:var(
54
+ --color-interactive-border-persistent-black-hover
55
+ );--outline-border-pressed:var(
56
+ --color-interactive-border-persistent-black-pressed
57
+ );--outline-border-disabled:var(
58
+ --color-utility-disabled-persistent-black-border
59
+ )}.qui-button__root[data-variant=outline][data-emphasis=inverse]{--outline-border-idle:var(--color-interactive-border-inverse-idle);--outline-border-hover:var(--color-interactive-border-inverse-hover);--outline-border-pressed:var(--color-interactive-border-inverse-pressed);--outline-border-disabled:var(--color-utility-disabled-inverse-border)}.qui-button__root[data-variant=outline]:hover{border-color:var(--outline-border-hover)}.qui-button__root[data-variant=outline]:active{border-color:var(--outline-border-pressed)}.qui-button__root[data-variant=outline][data-disabled]{border-color:var(--outline-border-disabled)}.qui-button__root[data-variant=fill]{--button-bg-disabled:var(--color-utility-disabled-background)}.qui-button__root[data-variant=fill][data-emphasis=neutral]{--button-text-idle:var(--component-button-variant-fill-neutral-text);--button-text-hover:var(--component-button-variant-fill-neutral-text);--button-text-pressed:var(--component-button-variant-fill-neutral-text);--button-icon-idle:var(--component-button-variant-fill-neutral-icon);--button-icon-hover:var(--component-button-variant-fill-neutral-icon);--button-icon-pressed:var(--component-button-variant-fill-neutral-icon)}.qui-button__root[data-variant=fill][data-emphasis=primary]{--button-text-idle:var(--component-button-variant-fill-primary-text);--button-text-hover:var(--component-button-variant-fill-primary-text);--button-text-pressed:var(--component-button-variant-fill-primary-text);--button-icon-idle:var(--component-button-variant-fill-primary-icon);--button-icon-hover:var(--component-button-variant-fill-primary-icon);--button-icon-pressed:var(--component-button-variant-fill-primary-icon)}.qui-button__root[data-variant=fill][data-emphasis=danger]{--button-text-idle:var(--component-button-variant-fill-danger-text);--button-text-hover:var(--component-button-variant-fill-danger-text);--button-text-pressed:var(--component-button-variant-fill-danger-text);--button-icon-idle:var(--component-button-variant-fill-danger-icon);--button-icon-hover:var(--component-button-variant-fill-danger-icon);--button-icon-pressed:var(--component-button-variant-fill-danger-icon)}.qui-button__root[data-variant=fill][data-emphasis=danger]:focus-visible:before,.qui-button__root[data-variant=fill][data-emphasis=neutral]:focus-visible:before,.qui-button__root[data-variant=fill][data-emphasis=primary]:focus-visible:before{border:1px solid var(--color-border-neutral-00);border-radius:inherit;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.qui-button__root[data-variant=fill][data-emphasis=white-persistent]{--button-text-idle:var(--color-utility-persistent-black);--button-text-hover:var(--color-utility-persistent-black);--button-text-pressed:var(--color-utility-persistent-black);--button-icon-idle:var(--color-utility-persistent-black);--button-icon-hover:var(--color-utility-persistent-black);--button-icon-pressed:var(--color-utility-persistent-black);--button-bg-idle:var(
24
60
  --color-interactive-background-persistent-white-fill-idle
25
61
  );--button-bg-hover:var(
26
62
  --color-interactive-background-persistent-white-fill-hover
@@ -28,7 +64,7 @@
28
64
  --color-interactive-background-persistent-white-fill-pressed
29
65
  );--button-bg-disabled:var(
30
66
  --color-utility-disabled-persistent-white-background
31
- )}.qui-button__root[data-variant=fill][data-emphasis=black-persistent]{--button-text-idle:var(--color-utility-persistent-white);--button-text-hover:var(--color-utility-persistent-white);--button-text-pressed:var(--color-utility-persistent-white);--button-bg-idle:var(
67
+ )}.qui-button__root[data-variant=fill][data-emphasis=black-persistent]{--button-text-idle:var(--color-utility-persistent-white);--button-text-hover:var(--color-utility-persistent-white);--button-text-pressed:var(--color-utility-persistent-white);--button-icon-idle:var(--color-utility-persistent-white);--button-icon-hover:var(--color-utility-persistent-white);--button-icon-pressed:var(--color-utility-persistent-white);--button-bg-idle:var(
32
68
  --color-interactive-background-persistent-black-fill-idle
33
69
  );--button-bg-hover:var(
34
70
  --color-interactive-background-persistent-black-fill-hover
@@ -36,6 +72,6 @@
36
72
  --color-interactive-background-persistent-black-fill-pressed
37
73
  );--button-bg-disabled:var(
38
74
  --color-utility-disabled-persistent-black-background
39
- )}.qui-button__root[data-variant=fill][data-emphasis=inverse]{--button-text-idle:var(--color-text-neutral-primary);--button-text-hover:var(--color-text-neutral-primary);--button-text-pressed:var(--color-text-neutral-primary);--button-bg-idle:var(--color-interactive-background-inverse-fill-idle);--button-bg-hover:var(--color-interactive-background-inverse-fill-hover);--button-bg-pressed:var(
75
+ )}.qui-button__root[data-variant=fill][data-emphasis=inverse]{--button-text-idle:var(--color-text-neutral-primary);--button-text-hover:var(--color-text-neutral-primary);--button-text-pressed:var(--color-text-neutral-primary);--button-icon-idle:var(--color-icon-neutral-primary);--button-icon-hover:var(--color-icon-neutral-primary);--button-icon-pressed:var(--color-icon-neutral-primary);--button-bg-idle:var(--color-interactive-background-inverse-fill-idle);--button-bg-hover:var(--color-interactive-background-inverse-fill-hover);--button-bg-pressed:var(
40
76
  --color-interactive-background-inverse-fill-pressed
41
- );--button-bg-disabled:var(--color-utility-disabled-inverse-background)}.qui-button__root:focus-visible[data-variant][data-emphasis]{border-color:var(--color-utility-focus-border);outline:solid 1px var(--color-utility-focus-border)}.qui-button__icon{height:var(--icon-height,var(--icon-size));min-height:var(--icon-height,var(--icon-size));min-width:var(--icon-width,var(--icon-size));width:var(--icon-width,var(--icon-size))}.qui-button__icon[data-size=sm]{--icon-size:12px}.qui-button__icon[data-size=md]{--icon-size:16px}.qui-button__icon[data-size=md][data-density=compact]{--icon-size:12px}.qui-button__icon[data-size=lg]{--icon-size:20px}.qui-button__icon[data-size=lg][data-density=compact]{--icon-size:16px}.qui-button__icon .lucide{height:var(--icon-size);stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;width:var(--icon-size)}.qui-button-group{display:inline-flex;gap:var(--button-group-gap,var(--spacing-90))}.qui-button-group[data-layout=end],.qui-button-group[data-layout=fill],.qui-button-group[data-layout=start]{width:100%}.qui-button-group[data-layout=hug]{width:-moz-fit-content;width:fit-content}.qui-button-group[data-layout=end]{justify-content:flex-end}.qui-button-group[data-layout=fill]>.qui-button__root{flex:1 1 0;min-width:0}.qui-button-group[data-size=sm]{--button-group-gap:var(--spacing-80)}.qui-button-group[data-size=lg]{--button-group-gap:var(--spacing-100)}
77
+ );--button-bg-disabled:var(--color-utility-disabled-inverse-background)}.qui-button__root:focus-visible[data-variant][data-emphasis]{border-color:var(--color-utility-focus-border);outline:solid 1px var(--color-utility-focus-border)}.qui-button__icon{color:var(--button-icon-color);height:var(--icon-height,var(--icon-size));min-height:var(--icon-height,var(--icon-size));min-width:var(--icon-width,var(--icon-size));width:var(--icon-width,var(--icon-size))}.qui-button__icon[data-size=sm]{--icon-size:12px}.qui-button__icon[data-size=md]{--icon-size:16px}.qui-button__icon[data-size=md][data-density=compact]{--icon-size:12px}.qui-button__icon[data-size=lg]{--icon-size:20px}.qui-button__icon[data-size=lg][data-density=compact]{--icon-size:16px}.qui-button__icon[data-scope=icon-button][data-size=sm]{--icon-size:16px}.qui-button__icon[data-scope=icon-button][data-size=sm][data-density=compact]{--icon-size:12px}.qui-button__icon[data-scope=icon-button][data-size=md]{--icon-size:20px}.qui-button__icon[data-scope=icon-button][data-size=md][data-density=compact]{--icon-size:16px}.qui-button__icon[data-scope=icon-button][data-size=lg]{--icon-size:24px}.qui-button__icon[data-scope=icon-button][data-size=lg][data-density=compact]{--icon-size:16px}.qui-button__icon .lucide{height:var(--icon-size);stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;width:var(--icon-size)}.qui-button-group{display:inline-flex;gap:var(--button-group-gap,var(--spacing-90))}.qui-button-group[data-layout=end],.qui-button-group[data-layout=fill],.qui-button-group[data-layout=start]{width:100%}.qui-button-group[data-layout=hug]{width:-moz-fit-content;width:fit-content}.qui-button-group[data-layout=end]{justify-content:flex-end}.qui-button-group[data-layout=fill]>.qui-button__root{flex:1 1 0;min-width:0}.qui-button-group[data-size=sm]{--button-group-gap:var(--spacing-80)}.qui-button-group[data-size=lg]{--button-group-gap:var(--spacing-100)}