@qualcomm-ui/qds-core 1.26.1 → 1.27.0

package/dist/alert-banner/alert-banner.api.d.ts

@@ -1,5 +1,10 @@
+import type { QdsButtonApiProps } from "@qualcomm-ui/qds-core/button";
 import type { Explicit } from "@qualcomm-ui/utils/guard";
 import type { PropNormalizer } from "@qualcomm-ui/utils/machine";
-import type { QdsAlertBannerApi, QdsAlertBannerApiProps } from "./alert-banner.types";
+import type { QdsAlertBannerApi, QdsAlertBannerApiProps, QdsAlertBannerEmphasis, QdsAlertBannerVariant } from "./alert-banner.types";
 export declare function createQdsAlertBannerApi(props: Explicit<QdsAlertBannerApiProps>, normalize: PropNormalizer): QdsAlertBannerApi;
+export declare function resolveAlertBannerButtonProps({ emphasis, variant, }: {
+    emphasis: QdsAlertBannerEmphasis;
+    variant: QdsAlertBannerVariant;
+}): QdsButtonApiProps;
 //# sourceMappingURL=alert-banner.api.d.ts.map

package/dist/alert-banner/alert-banner.api.d.ts.map

@@ -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;AAI9D,OAAO,KAAK,EAEV,iBAAiB,EACjB,sBAAsB,EAMvB,MAAM,sBAAsB,CAAA;AAI7B,wBAAgB,uBAAuB,CACrC,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,EACvC,SAAS,EAAE,cAAc,GACxB,iBAAiB,CAiEnB"}
+{"version":3,"file":"alert-banner.api.d.ts","sourceRoot":"","sources":["../../src/alert-banner/alert-banner.api.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,8BAA8B,CAAA;AACnE,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,0BAA0B,CAAA;AACtD,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,4BAA4B,CAAA;AAI9D,OAAO,KAAK,EAEV,iBAAiB,EACjB,sBAAsB,EAGtB,sBAAsB,EAItB,qBAAqB,EACtB,MAAM,sBAAsB,CAAA;AAI7B,wBAAgB,uBAAuB,CACrC,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,EACvC,SAAS,EAAE,cAAc,GACxB,iBAAiB,CAiEnB;AAED,wBAAgB,6BAA6B,CAAC,EAC5C,QAAQ,EACR,OAAO,GACR,EAAE;IACD,QAAQ,EAAE,sBAAsB,CAAA;IAChC,OAAO,EAAE,qBAAqB,CAAA;CAC/B,GAAG,iBAAiB,CAWpB"}

package/dist/alert-banner/index.cjs

@@ -1,2 +1,2 @@
-"use strict";var o=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var B=Object.getOwnPropertyNames;var p=Object.prototype.hasOwnProperty;var m=(t,n)=>{for(var s in n)o(t,s,{get:n[s],enumerable:!0})},u=(t,n,s,a)=>{if(n&&typeof n=="object"||typeof n=="function")for(let e of B(n))!p.call(t,e)&&e!==s&&o(t,e,{get:()=>n[e],enumerable:!(a=d(n,e))||a.enumerable});return t};var g=t=>u(o({},"__esModule",{value:!0}),t);var b={};m(b,{alertBannerAnatomy:()=>l,alertBannerClasses:()=>r,createQdsAlertBannerApi:()=>Q});module.exports=g(b);var c=require("@qualcomm-ui/utils/anatomy"),A=["root","statusIcon","heading","description","action","closeButton"],l=(0,c.createAnatomy)("alertBanner").parts(...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"};var i=l.parts;function Q(t,n){let s=t.closeButtonAriaLabel||"Close",a=t.emphasis||"info",e=t.variant||"strong";return{closeButtonEmphasis:e==="strong"?a==="warning"?"black-persistent":"inverse":"neutral",emphasis:a,variant:e,getActionBindings(){return n.element({...i.action,className:r.action})},getCloseButtonBindings(){return n.element({...i.closeButton,"aria-label":s,className:r.closeButton})},getDescriptionBindings(){return n.element({...i.description,className:r.description})},getHeadingBindings(){return n.element({...i.heading,className:r.heading})},getIconBindings(){return n.element({...i.statusIcon,className:r.icon})},getRootBindings(){return n.element({...i.root,className:r.root,"data-emphasis":a,"data-variant":e,dir:t.dir||"ltr",role:a==="danger"?"alert":"status"})}}}
+"use strict";var o=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var B=Object.getOwnPropertyNames;var p=Object.prototype.hasOwnProperty;var m=(t,n)=>{for(var a in n)o(t,a,{get:n[a],enumerable:!0})},u=(t,n,a,s)=>{if(n&&typeof n=="object"||typeof n=="function")for(let e of B(n))!p.call(t,e)&&e!==a&&o(t,e,{get:()=>n[e],enumerable:!(s=d(n,e))||s.enumerable});return t};var g=t=>u(o({},"__esModule",{value:!0}),t);var f={};m(f,{alertBannerAnatomy:()=>l,alertBannerClasses:()=>r,createQdsAlertBannerApi:()=>Q,resolveAlertBannerButtonProps:()=>b});module.exports=g(f);var c=require("@qualcomm-ui/utils/anatomy"),A=["root","statusIcon","heading","description","action","closeButton"],l=(0,c.createAnatomy)("alertBanner").parts(...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"};var i=l.parts;function Q(t,n){let a=t.closeButtonAriaLabel||"Close",s=t.emphasis||"info",e=t.variant||"strong";return{closeButtonEmphasis:e==="strong"?s==="warning"?"black-persistent":"inverse":"neutral",emphasis:s,variant:e,getActionBindings(){return n.element({...i.action,className:r.action})},getCloseButtonBindings(){return n.element({...i.closeButton,"aria-label":a,className:r.closeButton})},getDescriptionBindings(){return n.element({...i.description,className:r.description})},getHeadingBindings(){return n.element({...i.heading,className:r.heading})},getIconBindings(){return n.element({...i.statusIcon,className:r.icon})},getRootBindings(){return n.element({...i.root,className:r.root,"data-emphasis":s,"data-variant":e,dir:t.dir||"ltr",role:s==="danger"?"alert":"status"})}}}function b({emphasis:t,variant:n}){return{emphasis:n==="strong"&&t==="warning"?"black-persistent":n==="strong"?"inverse":"neutral",size:"sm",variant:"outline"}}
 //# sourceMappingURL=index.cjs.map

package/dist/alert-banner/index.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/alert-banner/index.ts", "../../src/alert-banner/alert-banner.anatomy.ts", "../../src/alert-banner/alert-banner.classes.ts", "../../src/alert-banner/alert-banner.api.ts"],
-  "sourcesContent": ["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nexport * from \"./alert-banner.anatomy\"\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\nimport {type Anatomy, createAnatomy} from \"@qualcomm-ui/utils/anatomy\"\n\nconst parts = [\n  \"root\",\n  \"statusIcon\",\n  \"heading\",\n  \"description\",\n  \"action\",\n  \"closeButton\",\n] as const\n\nexport const alertBannerAnatomy: Anatomy<\n  \"alertBanner\",\n  (typeof parts)[number]\n> = createAnatomy(\"alertBanner\").parts(...parts)\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 {alertBannerAnatomy} from \"./alert-banner.anatomy\"\nimport {alertBannerClasses} from \"./alert-banner.classes\"\nimport type {\n  QdsAlertBannerActionBindings,\n  QdsAlertBannerApi,\n  QdsAlertBannerApiProps,\n  QdsAlertBannerCloseButtonBindings,\n  QdsAlertBannerDescriptionBindings,\n  QdsAlertBannerHeadingBindings,\n  QdsAlertBannerIconBindings,\n  QdsAlertBannerRootBindings,\n} from \"./alert-banner.types\"\n\nconst parts = alertBannerAnatomy.parts\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  return {\n    closeButtonEmphasis,\n    emphasis,\n    variant,\n\n    // group: bindings\n    getActionBindings(): QdsAlertBannerActionBindings {\n      return normalize.element({\n        ...parts.action,\n        className: alertBannerClasses.action,\n      })\n    },\n\n    getCloseButtonBindings(): QdsAlertBannerCloseButtonBindings {\n      return normalize.element({\n        ...parts.closeButton,\n        \"aria-label\": closeButtonAriaLabel,\n        className: alertBannerClasses.closeButton,\n      })\n    },\n\n    getDescriptionBindings(): QdsAlertBannerDescriptionBindings {\n      return normalize.element({\n        ...parts.description,\n        className: alertBannerClasses.description,\n      })\n    },\n\n    getHeadingBindings(): QdsAlertBannerHeadingBindings {\n      return normalize.element({\n        ...parts.heading,\n        className: alertBannerClasses.heading,\n      })\n    },\n\n    getIconBindings(): QdsAlertBannerIconBindings {\n      return normalize.element({\n        ...parts.statusIcon,\n        className: alertBannerClasses.icon,\n      })\n    },\n\n    getRootBindings(): QdsAlertBannerRootBindings {\n      return normalize.element({\n        ...parts.root,\n        className: alertBannerClasses.root,\n        \"data-emphasis\": emphasis,\n        \"data-variant\": variant,\n        dir: props.dir || \"ltr\",\n        role: emphasis === \"danger\" ? \"alert\" : \"status\",\n      })\n    },\n  }\n}\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,wBAAAE,EAAA,uBAAAC,EAAA,4BAAAC,IAAA,eAAAC,EAAAL,GCGA,IAAAM,EAA0C,sCAEpCC,EAAQ,CACZ,OACA,aACA,UACA,cACA,SACA,aACF,EAEaC,KAGT,iBAAc,aAAa,EAAE,MAAM,GAAGD,CAAK,ECdxC,IAAME,EAAqB,CAChC,OAAQ,2BACR,YAAa,iCACb,YAAa,gCACb,QAAS,4BACT,KAAM,yBACN,KAAM,wBACR,ECSA,IAAMC,EAAQC,EAAmB,MAE1B,SAASC,EACdC,EACAC,EACmB,CACnB,IAAMC,EAAuBF,EAAM,sBAAwB,QACrDG,EAAWH,EAAM,UAAY,OAC7BI,EAAUJ,EAAM,SAAW,SASjC,MAAO,CACL,oBAPAI,IAAY,SACRD,IAAa,UACX,mBACA,UACF,UAIJ,SAAAA,EACA,QAAAC,EAGA,mBAAkD,CAChD,OAAOH,EAAU,QAAQ,CACvB,GAAGJ,EAAM,OACT,UAAWQ,EAAmB,MAChC,CAAC,CACH,EAEA,wBAA4D,CAC1D,OAAOJ,EAAU,QAAQ,CACvB,GAAGJ,EAAM,YACT,aAAcK,EACd,UAAWG,EAAmB,WAChC,CAAC,CACH,EAEA,wBAA4D,CAC1D,OAAOJ,EAAU,QAAQ,CACvB,GAAGJ,EAAM,YACT,UAAWQ,EAAmB,WAChC,CAAC,CACH,EAEA,oBAAoD,CAClD,OAAOJ,EAAU,QAAQ,CACvB,GAAGJ,EAAM,QACT,UAAWQ,EAAmB,OAChC,CAAC,CACH,EAEA,iBAA8C,CAC5C,OAAOJ,EAAU,QAAQ,CACvB,GAAGJ,EAAM,WACT,UAAWQ,EAAmB,IAChC,CAAC,CACH,EAEA,iBAA8C,CAC5C,OAAOJ,EAAU,QAAQ,CACvB,GAAGJ,EAAM,KACT,UAAWQ,EAAmB,KAC9B,gBAAiBF,EACjB,eAAgBC,EAChB,IAAKJ,EAAM,KAAO,MAClB,KAAMG,IAAa,SAAW,QAAU,QAC1C,CAAC,CACH,CACF,CACF",
-  "names": ["alert_banner_exports", "__export", "alertBannerAnatomy", "alertBannerClasses", "createQdsAlertBannerApi", "__toCommonJS", "import_anatomy", "parts", "alertBannerAnatomy", "alertBannerClasses", "parts", "alertBannerAnatomy", "createQdsAlertBannerApi", "props", "normalize", "closeButtonAriaLabel", "emphasis", "variant", "alertBannerClasses"]
+  "sourcesContent": ["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nexport * from \"./alert-banner.anatomy\"\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\nimport {type Anatomy, createAnatomy} from \"@qualcomm-ui/utils/anatomy\"\n\nconst parts = [\n  \"root\",\n  \"statusIcon\",\n  \"heading\",\n  \"description\",\n  \"action\",\n  \"closeButton\",\n] as const\n\nexport const alertBannerAnatomy: Anatomy<\n  \"alertBanner\",\n  (typeof parts)[number]\n> = createAnatomy(\"alertBanner\").parts(...parts)\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 {QdsButtonApiProps} from \"@qualcomm-ui/qds-core/button\"\nimport type {Explicit} from \"@qualcomm-ui/utils/guard\"\nimport type {PropNormalizer} from \"@qualcomm-ui/utils/machine\"\n\nimport {alertBannerAnatomy} from \"./alert-banner.anatomy\"\nimport {alertBannerClasses} from \"./alert-banner.classes\"\nimport type {\n  QdsAlertBannerActionBindings,\n  QdsAlertBannerApi,\n  QdsAlertBannerApiProps,\n  QdsAlertBannerCloseButtonBindings,\n  QdsAlertBannerDescriptionBindings,\n  QdsAlertBannerEmphasis,\n  QdsAlertBannerHeadingBindings,\n  QdsAlertBannerIconBindings,\n  QdsAlertBannerRootBindings,\n  QdsAlertBannerVariant,\n} from \"./alert-banner.types\"\n\nconst parts = alertBannerAnatomy.parts\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  return {\n    closeButtonEmphasis,\n    emphasis,\n    variant,\n\n    // group: bindings\n    getActionBindings(): QdsAlertBannerActionBindings {\n      return normalize.element({\n        ...parts.action,\n        className: alertBannerClasses.action,\n      })\n    },\n\n    getCloseButtonBindings(): QdsAlertBannerCloseButtonBindings {\n      return normalize.element({\n        ...parts.closeButton,\n        \"aria-label\": closeButtonAriaLabel,\n        className: alertBannerClasses.closeButton,\n      })\n    },\n\n    getDescriptionBindings(): QdsAlertBannerDescriptionBindings {\n      return normalize.element({\n        ...parts.description,\n        className: alertBannerClasses.description,\n      })\n    },\n\n    getHeadingBindings(): QdsAlertBannerHeadingBindings {\n      return normalize.element({\n        ...parts.heading,\n        className: alertBannerClasses.heading,\n      })\n    },\n\n    getIconBindings(): QdsAlertBannerIconBindings {\n      return normalize.element({\n        ...parts.statusIcon,\n        className: alertBannerClasses.icon,\n      })\n    },\n\n    getRootBindings(): QdsAlertBannerRootBindings {\n      return normalize.element({\n        ...parts.root,\n        className: alertBannerClasses.root,\n        \"data-emphasis\": emphasis,\n        \"data-variant\": variant,\n        dir: props.dir || \"ltr\",\n        role: emphasis === \"danger\" ? \"alert\" : \"status\",\n      })\n    },\n  }\n}\n\nexport function resolveAlertBannerButtonProps({\n  emphasis,\n  variant,\n}: {\n  emphasis: QdsAlertBannerEmphasis\n  variant: QdsAlertBannerVariant\n}): QdsButtonApiProps {\n  return {\n    emphasis:\n      variant === \"strong\" && emphasis === \"warning\"\n        ? \"black-persistent\"\n        : variant === \"strong\"\n          ? \"inverse\"\n          : \"neutral\",\n    size: \"sm\",\n    variant: \"outline\",\n  }\n}\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,wBAAAE,EAAA,uBAAAC,EAAA,4BAAAC,EAAA,kCAAAC,IAAA,eAAAC,EAAAN,GCGA,IAAAO,EAA0C,sCAEpCC,EAAQ,CACZ,OACA,aACA,UACA,cACA,SACA,aACF,EAEaC,KAGT,iBAAc,aAAa,EAAE,MAAM,GAAGD,CAAK,ECdxC,IAAME,EAAqB,CAChC,OAAQ,2BACR,YAAa,iCACb,YAAa,gCACb,QAAS,4BACT,KAAM,yBACN,KAAM,wBACR,ECYA,IAAMC,EAAQC,EAAmB,MAE1B,SAASC,EACdC,EACAC,EACmB,CACnB,IAAMC,EAAuBF,EAAM,sBAAwB,QACrDG,EAAWH,EAAM,UAAY,OAC7BI,EAAUJ,EAAM,SAAW,SASjC,MAAO,CACL,oBAPAI,IAAY,SACRD,IAAa,UACX,mBACA,UACF,UAIJ,SAAAA,EACA,QAAAC,EAGA,mBAAkD,CAChD,OAAOH,EAAU,QAAQ,CACvB,GAAGJ,EAAM,OACT,UAAWQ,EAAmB,MAChC,CAAC,CACH,EAEA,wBAA4D,CAC1D,OAAOJ,EAAU,QAAQ,CACvB,GAAGJ,EAAM,YACT,aAAcK,EACd,UAAWG,EAAmB,WAChC,CAAC,CACH,EAEA,wBAA4D,CAC1D,OAAOJ,EAAU,QAAQ,CACvB,GAAGJ,EAAM,YACT,UAAWQ,EAAmB,WAChC,CAAC,CACH,EAEA,oBAAoD,CAClD,OAAOJ,EAAU,QAAQ,CACvB,GAAGJ,EAAM,QACT,UAAWQ,EAAmB,OAChC,CAAC,CACH,EAEA,iBAA8C,CAC5C,OAAOJ,EAAU,QAAQ,CACvB,GAAGJ,EAAM,WACT,UAAWQ,EAAmB,IAChC,CAAC,CACH,EAEA,iBAA8C,CAC5C,OAAOJ,EAAU,QAAQ,CACvB,GAAGJ,EAAM,KACT,UAAWQ,EAAmB,KAC9B,gBAAiBF,EACjB,eAAgBC,EAChB,IAAKJ,EAAM,KAAO,MAClB,KAAMG,IAAa,SAAW,QAAU,QAC1C,CAAC,CACH,CACF,CACF,CAEO,SAASG,EAA8B,CAC5C,SAAAH,EACA,QAAAC,CACF,EAGsB,CACpB,MAAO,CACL,SACEA,IAAY,UAAYD,IAAa,UACjC,mBACAC,IAAY,SACV,UACA,UACR,KAAM,KACN,QAAS,SACX,CACF",
+  "names": ["alert_banner_exports", "__export", "alertBannerAnatomy", "alertBannerClasses", "createQdsAlertBannerApi", "resolveAlertBannerButtonProps", "__toCommonJS", "import_anatomy", "parts", "alertBannerAnatomy", "alertBannerClasses", "parts", "alertBannerAnatomy", "createQdsAlertBannerApi", "props", "normalize", "closeButtonAriaLabel", "emphasis", "variant", "alertBannerClasses", "resolveAlertBannerButtonProps"]
 }

package/dist/alert-banner/index.js

@@ -1,2 +1,2 @@
-import{createAnatomy as l}from"@qualcomm-ui/utils/anatomy";var c=["root","statusIcon","heading","description","action","closeButton"],i=l("alertBanner").parts(...c);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"};var e=i.parts;function A(r,t){let o=r.closeButtonAriaLabel||"Close",a=r.emphasis||"info",s=r.variant||"strong";return{closeButtonEmphasis:s==="strong"?a==="warning"?"black-persistent":"inverse":"neutral",emphasis:a,variant:s,getActionBindings(){return t.element({...e.action,className:n.action})},getCloseButtonBindings(){return t.element({...e.closeButton,"aria-label":o,className:n.closeButton})},getDescriptionBindings(){return t.element({...e.description,className:n.description})},getHeadingBindings(){return t.element({...e.heading,className:n.heading})},getIconBindings(){return t.element({...e.statusIcon,className:n.icon})},getRootBindings(){return t.element({...e.root,className:n.root,"data-emphasis":a,"data-variant":s,dir:r.dir||"ltr",role:a==="danger"?"alert":"status"})}}}export{i as alertBannerAnatomy,n as alertBannerClasses,A as createQdsAlertBannerApi};
+import{createAnatomy as l}from"@qualcomm-ui/utils/anatomy";var c=["root","statusIcon","heading","description","action","closeButton"],i=l("alertBanner").parts(...c);var t={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"};var r=i.parts;function A(e,n){let o=e.closeButtonAriaLabel||"Close",s=e.emphasis||"info",a=e.variant||"strong";return{closeButtonEmphasis:a==="strong"?s==="warning"?"black-persistent":"inverse":"neutral",emphasis:s,variant:a,getActionBindings(){return n.element({...r.action,className:t.action})},getCloseButtonBindings(){return n.element({...r.closeButton,"aria-label":o,className:t.closeButton})},getDescriptionBindings(){return n.element({...r.description,className:t.description})},getHeadingBindings(){return n.element({...r.heading,className:t.heading})},getIconBindings(){return n.element({...r.statusIcon,className:t.icon})},getRootBindings(){return n.element({...r.root,className:t.root,"data-emphasis":s,"data-variant":a,dir:e.dir||"ltr",role:s==="danger"?"alert":"status"})}}}function Q({emphasis:e,variant:n}){return{emphasis:n==="strong"&&e==="warning"?"black-persistent":n==="strong"?"inverse":"neutral",size:"sm",variant:"outline"}}export{i as alertBannerAnatomy,t as alertBannerClasses,A as createQdsAlertBannerApi,Q as resolveAlertBannerButtonProps};
 //# sourceMappingURL=index.js.map

package/dist/alert-banner/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/alert-banner/alert-banner.anatomy.ts", "../../src/alert-banner/alert-banner.classes.ts", "../../src/alert-banner/alert-banner.api.ts"],
-  "sourcesContent": ["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {type Anatomy, createAnatomy} from \"@qualcomm-ui/utils/anatomy\"\n\nconst parts = [\n  \"root\",\n  \"statusIcon\",\n  \"heading\",\n  \"description\",\n  \"action\",\n  \"closeButton\",\n] as const\n\nexport const alertBannerAnatomy: Anatomy<\n  \"alertBanner\",\n  (typeof parts)[number]\n> = createAnatomy(\"alertBanner\").parts(...parts)\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 {alertBannerAnatomy} from \"./alert-banner.anatomy\"\nimport {alertBannerClasses} from \"./alert-banner.classes\"\nimport type {\n  QdsAlertBannerActionBindings,\n  QdsAlertBannerApi,\n  QdsAlertBannerApiProps,\n  QdsAlertBannerCloseButtonBindings,\n  QdsAlertBannerDescriptionBindings,\n  QdsAlertBannerHeadingBindings,\n  QdsAlertBannerIconBindings,\n  QdsAlertBannerRootBindings,\n} from \"./alert-banner.types\"\n\nconst parts = alertBannerAnatomy.parts\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  return {\n    closeButtonEmphasis,\n    emphasis,\n    variant,\n\n    // group: bindings\n    getActionBindings(): QdsAlertBannerActionBindings {\n      return normalize.element({\n        ...parts.action,\n        className: alertBannerClasses.action,\n      })\n    },\n\n    getCloseButtonBindings(): QdsAlertBannerCloseButtonBindings {\n      return normalize.element({\n        ...parts.closeButton,\n        \"aria-label\": closeButtonAriaLabel,\n        className: alertBannerClasses.closeButton,\n      })\n    },\n\n    getDescriptionBindings(): QdsAlertBannerDescriptionBindings {\n      return normalize.element({\n        ...parts.description,\n        className: alertBannerClasses.description,\n      })\n    },\n\n    getHeadingBindings(): QdsAlertBannerHeadingBindings {\n      return normalize.element({\n        ...parts.heading,\n        className: alertBannerClasses.heading,\n      })\n    },\n\n    getIconBindings(): QdsAlertBannerIconBindings {\n      return normalize.element({\n        ...parts.statusIcon,\n        className: alertBannerClasses.icon,\n      })\n    },\n\n    getRootBindings(): QdsAlertBannerRootBindings {\n      return normalize.element({\n        ...parts.root,\n        className: alertBannerClasses.root,\n        \"data-emphasis\": emphasis,\n        \"data-variant\": variant,\n        dir: props.dir || \"ltr\",\n        role: emphasis === \"danger\" ? \"alert\" : \"status\",\n      })\n    },\n  }\n}\n"],
-  "mappings": "AAGA,OAAsB,iBAAAA,MAAoB,6BAE1C,IAAMC,EAAQ,CACZ,OACA,aACA,UACA,cACA,SACA,aACF,EAEaC,EAGTF,EAAc,aAAa,EAAE,MAAM,GAAGC,CAAK,ECdxC,IAAME,EAAqB,CAChC,OAAQ,2BACR,YAAa,iCACb,YAAa,gCACb,QAAS,4BACT,KAAM,yBACN,KAAM,wBACR,ECSA,IAAMC,EAAQC,EAAmB,MAE1B,SAASC,EACdC,EACAC,EACmB,CACnB,IAAMC,EAAuBF,EAAM,sBAAwB,QACrDG,EAAWH,EAAM,UAAY,OAC7BI,EAAUJ,EAAM,SAAW,SASjC,MAAO,CACL,oBAPAI,IAAY,SACRD,IAAa,UACX,mBACA,UACF,UAIJ,SAAAA,EACA,QAAAC,EAGA,mBAAkD,CAChD,OAAOH,EAAU,QAAQ,CACvB,GAAGJ,EAAM,OACT,UAAWQ,EAAmB,MAChC,CAAC,CACH,EAEA,wBAA4D,CAC1D,OAAOJ,EAAU,QAAQ,CACvB,GAAGJ,EAAM,YACT,aAAcK,EACd,UAAWG,EAAmB,WAChC,CAAC,CACH,EAEA,wBAA4D,CAC1D,OAAOJ,EAAU,QAAQ,CACvB,GAAGJ,EAAM,YACT,UAAWQ,EAAmB,WAChC,CAAC,CACH,EAEA,oBAAoD,CAClD,OAAOJ,EAAU,QAAQ,CACvB,GAAGJ,EAAM,QACT,UAAWQ,EAAmB,OAChC,CAAC,CACH,EAEA,iBAA8C,CAC5C,OAAOJ,EAAU,QAAQ,CACvB,GAAGJ,EAAM,WACT,UAAWQ,EAAmB,IAChC,CAAC,CACH,EAEA,iBAA8C,CAC5C,OAAOJ,EAAU,QAAQ,CACvB,GAAGJ,EAAM,KACT,UAAWQ,EAAmB,KAC9B,gBAAiBF,EACjB,eAAgBC,EAChB,IAAKJ,EAAM,KAAO,MAClB,KAAMG,IAAa,SAAW,QAAU,QAC1C,CAAC,CACH,CACF,CACF",
-  "names": ["createAnatomy", "parts", "alertBannerAnatomy", "alertBannerClasses", "parts", "alertBannerAnatomy", "createQdsAlertBannerApi", "props", "normalize", "closeButtonAriaLabel", "emphasis", "variant", "alertBannerClasses"]
+  "sourcesContent": ["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {type Anatomy, createAnatomy} from \"@qualcomm-ui/utils/anatomy\"\n\nconst parts = [\n  \"root\",\n  \"statusIcon\",\n  \"heading\",\n  \"description\",\n  \"action\",\n  \"closeButton\",\n] as const\n\nexport const alertBannerAnatomy: Anatomy<\n  \"alertBanner\",\n  (typeof parts)[number]\n> = createAnatomy(\"alertBanner\").parts(...parts)\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 {QdsButtonApiProps} from \"@qualcomm-ui/qds-core/button\"\nimport type {Explicit} from \"@qualcomm-ui/utils/guard\"\nimport type {PropNormalizer} from \"@qualcomm-ui/utils/machine\"\n\nimport {alertBannerAnatomy} from \"./alert-banner.anatomy\"\nimport {alertBannerClasses} from \"./alert-banner.classes\"\nimport type {\n  QdsAlertBannerActionBindings,\n  QdsAlertBannerApi,\n  QdsAlertBannerApiProps,\n  QdsAlertBannerCloseButtonBindings,\n  QdsAlertBannerDescriptionBindings,\n  QdsAlertBannerEmphasis,\n  QdsAlertBannerHeadingBindings,\n  QdsAlertBannerIconBindings,\n  QdsAlertBannerRootBindings,\n  QdsAlertBannerVariant,\n} from \"./alert-banner.types\"\n\nconst parts = alertBannerAnatomy.parts\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  return {\n    closeButtonEmphasis,\n    emphasis,\n    variant,\n\n    // group: bindings\n    getActionBindings(): QdsAlertBannerActionBindings {\n      return normalize.element({\n        ...parts.action,\n        className: alertBannerClasses.action,\n      })\n    },\n\n    getCloseButtonBindings(): QdsAlertBannerCloseButtonBindings {\n      return normalize.element({\n        ...parts.closeButton,\n        \"aria-label\": closeButtonAriaLabel,\n        className: alertBannerClasses.closeButton,\n      })\n    },\n\n    getDescriptionBindings(): QdsAlertBannerDescriptionBindings {\n      return normalize.element({\n        ...parts.description,\n        className: alertBannerClasses.description,\n      })\n    },\n\n    getHeadingBindings(): QdsAlertBannerHeadingBindings {\n      return normalize.element({\n        ...parts.heading,\n        className: alertBannerClasses.heading,\n      })\n    },\n\n    getIconBindings(): QdsAlertBannerIconBindings {\n      return normalize.element({\n        ...parts.statusIcon,\n        className: alertBannerClasses.icon,\n      })\n    },\n\n    getRootBindings(): QdsAlertBannerRootBindings {\n      return normalize.element({\n        ...parts.root,\n        className: alertBannerClasses.root,\n        \"data-emphasis\": emphasis,\n        \"data-variant\": variant,\n        dir: props.dir || \"ltr\",\n        role: emphasis === \"danger\" ? \"alert\" : \"status\",\n      })\n    },\n  }\n}\n\nexport function resolveAlertBannerButtonProps({\n  emphasis,\n  variant,\n}: {\n  emphasis: QdsAlertBannerEmphasis\n  variant: QdsAlertBannerVariant\n}): QdsButtonApiProps {\n  return {\n    emphasis:\n      variant === \"strong\" && emphasis === \"warning\"\n        ? \"black-persistent\"\n        : variant === \"strong\"\n          ? \"inverse\"\n          : \"neutral\",\n    size: \"sm\",\n    variant: \"outline\",\n  }\n}\n"],
+  "mappings": "AAGA,OAAsB,iBAAAA,MAAoB,6BAE1C,IAAMC,EAAQ,CACZ,OACA,aACA,UACA,cACA,SACA,aACF,EAEaC,EAGTF,EAAc,aAAa,EAAE,MAAM,GAAGC,CAAK,ECdxC,IAAME,EAAqB,CAChC,OAAQ,2BACR,YAAa,iCACb,YAAa,gCACb,QAAS,4BACT,KAAM,yBACN,KAAM,wBACR,ECYA,IAAMC,EAAQC,EAAmB,MAE1B,SAASC,EACdC,EACAC,EACmB,CACnB,IAAMC,EAAuBF,EAAM,sBAAwB,QACrDG,EAAWH,EAAM,UAAY,OAC7BI,EAAUJ,EAAM,SAAW,SASjC,MAAO,CACL,oBAPAI,IAAY,SACRD,IAAa,UACX,mBACA,UACF,UAIJ,SAAAA,EACA,QAAAC,EAGA,mBAAkD,CAChD,OAAOH,EAAU,QAAQ,CACvB,GAAGJ,EAAM,OACT,UAAWQ,EAAmB,MAChC,CAAC,CACH,EAEA,wBAA4D,CAC1D,OAAOJ,EAAU,QAAQ,CACvB,GAAGJ,EAAM,YACT,aAAcK,EACd,UAAWG,EAAmB,WAChC,CAAC,CACH,EAEA,wBAA4D,CAC1D,OAAOJ,EAAU,QAAQ,CACvB,GAAGJ,EAAM,YACT,UAAWQ,EAAmB,WAChC,CAAC,CACH,EAEA,oBAAoD,CAClD,OAAOJ,EAAU,QAAQ,CACvB,GAAGJ,EAAM,QACT,UAAWQ,EAAmB,OAChC,CAAC,CACH,EAEA,iBAA8C,CAC5C,OAAOJ,EAAU,QAAQ,CACvB,GAAGJ,EAAM,WACT,UAAWQ,EAAmB,IAChC,CAAC,CACH,EAEA,iBAA8C,CAC5C,OAAOJ,EAAU,QAAQ,CACvB,GAAGJ,EAAM,KACT,UAAWQ,EAAmB,KAC9B,gBAAiBF,EACjB,eAAgBC,EAChB,IAAKJ,EAAM,KAAO,MAClB,KAAMG,IAAa,SAAW,QAAU,QAC1C,CAAC,CACH,CACF,CACF,CAEO,SAASG,EAA8B,CAC5C,SAAAH,EACA,QAAAC,CACF,EAGsB,CACpB,MAAO,CACL,SACEA,IAAY,UAAYD,IAAa,UACjC,mBACAC,IAAY,SACV,UACA,UACR,KAAM,KACN,QAAS,SACX,CACF",
+  "names": ["createAnatomy", "parts", "alertBannerAnatomy", "alertBannerClasses", "parts", "alertBannerAnatomy", "createQdsAlertBannerApi", "props", "normalize", "closeButtonAriaLabel", "emphasis", "variant", "alertBannerClasses", "resolveAlertBannerButtonProps"]
 }

package/dist/alert-banner/qds-alert-banner.css

@@ -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__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}
+.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-text-neutral-inverse);--icon-color:var(--color-icon-neutral-inverse)}.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:calc(var(--spacing-70) + var(--spacing-100))}.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}

package/dist/arduino-dark.min.css

@@ -1 +1 @@
-[data-brand=arduino][data-theme=dark]{--color-background-brand-primary-strong:#48fff4;--color-background-brand-primary-subtle:#003b3d;--color-background-brand-primary:#007376;--color-background-neutral-00:#040b0f;--color-background-neutral-01:#121b1f;--color-background-neutral-02:#182025;--color-background-neutral-03:#20282c;--color-background-neutral-10:#ffffff;--color-background-support-danger-medium:#7c3228;--color-background-support-danger-subtle:#340000;--color-background-support-danger:#e98c80;--color-background-support-info-medium:#0d5472;--color-background-support-info-subtle:#001e30;--color-background-support-info:#71d4f7;--color-background-support-neutral-medium:#516f79;--color-background-support-neutral-subtle:#343f45;--color-background-support-neutral:#b3c7cd;--color-background-support-success-medium:#126456;--color-background-support-success-subtle:#02221a;--color-background-support-success:#1cae8f;--color-background-support-warning-medium:#843910;--color-background-support-warning-subtle:#390f00;--color-background-support-warning:#f9c53b;--color-border-brand-primary-subtle:#003b3d;--color-border-brand-primary:#01aeae;--color-border-neutral-00:#040b0f;--color-border-neutral-01:#ffffff1a;--color-border-neutral-02:#ffffff33;--color-border-neutral-03:#ffffff4d;--color-border-neutral-10:#ffffff;--color-border-support-danger-medium:#7c3228;--color-border-support-danger:#c84b3a;--color-border-support-info-medium:#0b5a7a;--color-border-support-info:#007dac;--color-border-support-neutral-medium:#486069;--color-border-support-neutral:#577983;--color-border-support-success-medium:#126456;--color-border-support-success:#108b74;--color-border-support-warning-medium:#843910;--color-border-support-warning:#f5a719;--color-category-amber-medium:#773310;--color-category-amber-strong:#a1480e;--color-category-amber-subtle:#4e1e06;--color-category-blue-medium:#0d5472;--color-category-blue-strong:#08709c;--color-category-blue-subtle:#002438;--color-category-cyan-medium:#005aa3;--color-category-cyan-strong:#0377c9;--color-category-cyan-subtle:#013360;--color-category-green-medium:#003e00;--color-category-green-strong:#165119;--color-category-green-subtle:#001c00;--color-category-lime-medium:#2b3508;--color-category-lime-strong:#3e4c11;--color-category-lime-subtle:#131700;--color-category-magenta-medium:#8b1934;--color-category-magenta-strong:#b21940;--color-category-magenta-subtle:#46000d;--color-category-orange-medium:#822716;--color-category-orange-strong:#b02e00;--color-category-orange-subtle:#391000;--color-category-purple-medium:#510bc0;--color-category-purple-strong:#660ef4;--color-category-purple-subtle:#230064;--color-category-red-medium:#8c221c;--color-category-red-strong:#b9251c;--color-category-red-subtle:#450e0a;--color-category-teal-medium:#095557;--color-category-teal-strong:#007376;--color-category-teal-subtle:#002729;--color-category-violet-medium:#701b85;--color-category-violet-strong:#9521b9;--color-category-violet-subtle:#480b57;--color-category-yellow-medium:#925d00;--color-category-yellow-strong:#dfb00c;--color-category-yellow-subtle:#623800;--color-icon-brand-primary:#08d9d6;--color-icon-neutral-inverse:#040b0f;--color-icon-neutral-primary:#ffffff;--color-icon-neutral-secondary:#97b2b9;--color-icon-support-danger:#e58073;--color-icon-support-info:#11a5d7;--color-icon-support-neutral:#97b2b9;--color-icon-support-success:#149b80;--color-icon-support-warning:#ec920f;--color-interactive-background-danger-hover:#f3b7ae;--color-interactive-background-danger-idle:#e58073;--color-interactive-background-danger-pressed:#f8d5d0;--color-interactive-background-ghost-hover:#ffffff14;--color-interactive-background-ghost-idle:#ffffff00;--color-interactive-background-ghost-pressed:#ffffff29;--color-interactive-background-inverse-fill-hover:#20282c;--color-interactive-background-inverse-fill-idle:#040b0f;--color-interactive-background-inverse-fill-pressed:#343f45;--color-interactive-background-inverse-ghost-hover:#00000014;--color-interactive-background-inverse-ghost-idle:#00000000;--color-interactive-background-inverse-ghost-pressed:#00000029;--color-interactive-background-neutral-hover:#516f79;--color-interactive-background-neutral-idle:#445a63;--color-interactive-background-neutral-pressed:#577983;--color-interactive-background-persistent-black-fill-hover:#20282c;--color-interactive-background-persistent-black-fill-idle:#040b0f;--color-interactive-background-persistent-black-fill-pressed:#343f45;--color-interactive-background-persistent-black-ghost-hover:#00000014;--color-interactive-background-persistent-black-ghost-idle:#00000000;--color-interactive-background-persistent-black-ghost-pressed:#00000029;--color-interactive-background-persistent-white-fill-hover:#e1eaec;--color-interactive-background-persistent-white-fill-idle:#ffffff;--color-interactive-background-persistent-white-fill-pressed:#c7d6da;--color-interactive-background-persistent-white-ghost-hover:#ffffff14;--color-interactive-background-persistent-white-ghost-idle:#ffffff00;--color-interactive-background-persistent-white-ghost-pressed:#ffffff29;--color-interactive-background-primary-hover:#31f5ed;--color-interactive-background-primary-idle:#00c4c2;--color-interactive-background-primary-pressed:#8cfff8;--color-interactive-border-danger-hover:#efa69c;--color-interactive-border-danger-idle:#e58073;--color-interactive-border-danger-pressed:#f8d5d0;--color-interactive-border-inverse-hover:#000000e5;--color-interactive-border-inverse-idle:#000000cc;--color-interactive-border-inverse-pressed:#040b0f;--color-interactive-border-neutral-hover:#ffffff66;--color-interactive-border-neutral-idle:#ffffff4d;--color-interactive-border-neutral-pressed:#ffffff80;--color-interactive-border-persistent-black-hover:#000000e5;--color-interactive-border-persistent-black-idle:#000000cc;--color-interactive-border-persistent-black-pressed:#040b0f;--color-interactive-border-persistent-white-hover:#ffffffe5;--color-interactive-border-persistent-white-idle:#ffffffcc;--color-interactive-border-persistent-white-pressed:#ffffff;--color-interactive-border-primary-hover:#8cfff8;--color-interactive-border-primary-idle:#08d9d6;--color-interactive-border-primary-pressed:#c5fffc;--color-interactive-icon-danger-hover:#efa69c;--color-interactive-icon-danger-idle:#e58073;--color-interactive-icon-danger-pressed:#f8d5d0;--color-interactive-icon-link-brand-hover:#8cfff8;--color-interactive-icon-link-brand-idle:#08d9d6;--color-interactive-icon-link-brand-pressed:#c5fffc;--color-interactive-icon-link-brand-visited:#976eff;--color-interactive-icon-link-default-hover:#00bcba;--color-interactive-icon-link-default-idle:#01aeae;--color-interactive-icon-link-default-pressed:#00d0ce;--color-interactive-icon-link-default-visited:#976eff;--color-interactive-icon-link-neutral-hover:#b3c7cd;--color-interactive-icon-link-neutral-idle:#ffffff;--color-interactive-icon-link-neutral-pressed:#7b9ba5;--color-interactive-icon-link-neutral-visited:#976eff;--color-interactive-icon-neutral-hover:#ffffff;--color-interactive-icon-neutral-idle:#ffffff;--color-interactive-icon-neutral-pressed:#ffffff;--color-interactive-icon-primary-hover:#8cfff8;--color-interactive-icon-primary-idle:#08d9d6;--color-interactive-icon-primary-pressed:#c5fffc;--color-interactive-text-danger-hover:#efa69c;--color-interactive-text-danger-idle:#e58073;--color-interactive-text-danger-pressed:#f8d5d0;--color-interactive-text-link-brand-hover:#8cfff8;--color-interactive-text-link-brand-idle:#08d9d6;--color-interactive-text-link-brand-pressed:#c5fffc;--color-interactive-text-link-brand-visited:#976eff;--color-interactive-text-link-default-hover:#00bcba;--color-interactive-text-link-default-idle:#01aeae;--color-interactive-text-link-default-pressed:#00d0ce;--color-interactive-text-link-default-visited:#976eff;--color-interactive-text-link-neutral-hover:#b3c7cd;--color-interactive-text-link-neutral-idle:#ffffff;--color-interactive-text-link-neutral-pressed:#7b9ba5;--color-interactive-text-link-neutral-visited:#976eff;--color-interactive-text-neutral-hover:#ffffff;--color-interactive-text-neutral-idle:#ffffff;--color-interactive-text-neutral-pressed:#ffffff;--color-interactive-text-primary-hover:#8cfff8;--color-interactive-text-primary-idle:#08d9d6;--color-interactive-text-primary-pressed:#c5fffc;--color-surface-overlay:#283135;--color-surface-primary:#040b0f;--color-surface-raised:#242c31;--color-surface-secondary:#121b1f;--color-text-brand-primary:#08d9d6;--color-text-neutral-inverse:#040b0f;--color-text-neutral-primary:#ffffff;--color-text-neutral-secondary:#97b2b9;--color-text-support-danger:#e58073;--color-text-support-info:#11a5d7;--color-text-support-success:#1cae8f;--color-utility-disabled-background:#ffffff14;--color-utility-disabled-border:#ffffff1f;--color-utility-disabled-handle:#41555d;--color-utility-disabled-icon:#516f79;--color-utility-disabled-inverse-background:#00000014;--color-utility-disabled-inverse-border:#0000001f;--color-utility-disabled-inverse-icon:#516f79;--color-utility-disabled-inverse-text:#516f79;--color-utility-disabled-persistent-black-background:#00000014;--color-utility-disabled-persistent-black-border:#0000001f;--color-utility-disabled-persistent-black-icon:#516f79;--color-utility-disabled-persistent-black-text:#516f79;--color-utility-disabled-persistent-white-background:#ffffff14;--color-utility-disabled-persistent-white-border:#ffffff1f;--color-utility-disabled-persistent-white-icon:#8eaab2;--color-utility-disabled-persistent-white-text:#8eaab2;--color-utility-disabled-text:#516f79;--color-utility-disabled-track-fill:#41555d;--color-utility-focus-border:#11e2df;--color-utility-opacity-01:#ffffff05;--color-utility-opacity-02:#ffffff0a;--color-utility-opacity-03:#ffffff14;--color-utility-opacity-04:#ffffff1f;--color-utility-opacity-05:#ffffff29;--color-utility-opacity-06:#ffffff3d;--color-utility-opacity-07:#ffffff52;--color-utility-opacity-08:#ffffff7a;--color-utility-opacity-09:#ffffffa3;--color-utility-opacity-10:#ffffffcc;--color-utility-persistent-black:#040b0f;--color-utility-persistent-transparent-white:#ffffffcc;--color-utility-persistent-white:#ffffff;--color-utility-placeholder-icon:#6b8c96;--color-utility-placeholder-text:#6b8c96;--border-radius-lg:6px;--border-radius-md:4px;--border-radius-none:0;--border-radius-rounded:360px;--border-radius-sm:3px;--border-radius-xl:8px;--border-radius-xs:2px;--border-radius-xxl:12px;--border-width-lg:3px;--border-width-md:2px;--border-width-none:0;--border-width-sm:1px;--border-width-xl:4px;--canvas-width:375;--component-button-global-border-radius:360px;--component-button-global-focus-border-radius:360px;--component-button-type-lg-font-family:var(--type-font-family-secondary);--component-button-type-lg-font-size:16px;--component-button-type-lg-font-weight:var(--type-font-weight-body-extra-bold);--component-button-type-lg-line-height:24px;--component-button-type-md-font-family:var(--type-font-family-secondary);--component-button-type-md-font-size:14px;--component-button-type-md-font-weight:var(--type-font-weight-body-extra-bold);--component-button-type-md-line-height:20px;--component-button-type-sm-font-family:var(--type-font-family-secondary);--component-button-type-sm-font-size:12px;--component-button-type-sm-font-weight:var(--type-font-weight-body-extra-bold);--component-button-type-sm-line-height:18px;--component-button-variant-fill-danger-icon:#040b0f;--component-button-variant-fill-danger-text:#040b0f;--component-button-variant-fill-neutral-icon:#ffffff;--component-button-variant-fill-neutral-text:#ffffff;--component-button-variant-fill-primary-icon:#040b0f;--component-button-variant-fill-primary-text:#040b0f;--component-button-variant-outline-border-width:2px;--component-button-variant-outline-danger-border-hover:#efa69c;--component-button-variant-outline-danger-border-idle:#e58073;--component-button-variant-outline-danger-border-pressed:#f8d5d0;--component-button-variant-outline-neutral-border-hover:#ffffff66;--component-button-variant-outline-neutral-border-idle:#ffffff4d;--component-button-variant-outline-neutral-border-pressed:#ffffff80;--component-button-variant-outline-primary-border-hover:#8cfff8;--component-button-variant-outline-primary-border-idle:#08d9d6;--component-button-variant-outline-primary-border-pressed:#c5fffc;--component-tag-selectable-neutral-selected-icon:#ffffff;--component-tag-selectable-neutral-selected-text:#ffffff;--font-dynamic-display-lg:var(--type-font-weight-display-regular) 53px /60px var(--type-font-family-primary);--font-dynamic-display-md:var(--type-font-weight-display-regular) 40px /46px var(--type-font-family-primary);--font-dynamic-heading-lg-bold:var(--type-font-weight-heading-bold) 26px /32px var(--type-font-family-secondary);--font-dynamic-heading-lg-default:var(--type-font-weight-heading-default) 26px /32px var(--type-font-family-secondary);--font-dynamic-heading-xl:var(--type-font-weight-heading-regular) 30px /34px var(--type-font-family-primary);--font-dynamic-heading-xxl:var(--type-font-weight-heading-regular) 34px /40px var(--type-font-family-primary);--font-dynamic-heading-xxxl:var(--type-font-weight-heading-regular) 36px /42px var(--type-font-family-primary);--font-static-body-lg-bold:var(--type-font-weight-body-bold) 17px /26px var(--type-font-family-secondary);--font-static-body-lg-default:var(--type-font-weight-body-default) 17px /26px var(--type-font-family-secondary);--font-static-body-md-bold:var(--type-font-weight-body-bold) 16px /24px var(--type-font-family-secondary);--font-static-body-md-default:var(--type-font-weight-body-default) 16px /24px var(--type-font-family-secondary);--font-static-body-sm-bold:var(--type-font-weight-body-bold) 14px /20px var(--type-font-family-secondary);--font-static-body-sm-default:var(--type-font-weight-body-default) 14px /20px var(--type-font-family-secondary);--font-static-body-xl-bold:var(--type-font-weight-body-bold) 19px /28px var(--type-font-family-secondary);--font-static-body-xl-default:var(--type-font-weight-body-default) 19px /28px var(--type-font-family-secondary);--font-static-body-xs-bold:var(--type-font-weight-body-bold) 12px /18px var(--type-font-family-secondary);--font-static-body-xs-default:var(--type-font-weight-body-default) 12px /18px var(--type-font-family-secondary);--font-static-body-xxl-bold:var(--type-font-weight-body-bold) 22px /32px var(--type-font-family-secondary);--font-static-body-xxl-default:var(--type-font-weight-body-default) 22px /32px var(--type-font-family-secondary);--font-static-body-xxs-bold:var(--type-font-weight-body-bold) 10px /16px var(--type-font-family-secondary);--font-static-body-xxs-default:var(--type-font-weight-body-default) 10px /16px var(--type-font-family-secondary);--font-static-code-lg-bold:var(--type-font-weight-code-bold) 17px /26px var(--type-font-family-tertiary);--font-static-code-lg-default:var(--type-font-weight-code-default) 17px /26px var(--type-font-family-tertiary);--font-static-code-md-bold:var(--type-font-weight-code-bold) 16px /24px var(--type-font-family-tertiary);--font-static-code-md-default:var(--type-font-weight-code-default) 16px /24px var(--type-font-family-tertiary);--font-static-code-sm-bold:var(--type-font-weight-code-bold) 14px /20px var(--type-font-family-tertiary);--font-static-code-sm-default:var(--type-font-weight-code-default) 14px /20px var(--type-font-family-tertiary);--font-static-code-xl-bold:var(--type-font-weight-code-bold) 19px /28px var(--type-font-family-tertiary);--font-static-code-xl-default:var(--type-font-weight-code-default) 19px /28px var(--type-font-family-tertiary);--font-static-code-xs-bold:var(--type-font-weight-code-bold) 12px /18px var(--type-font-family-tertiary);--font-static-code-xs-default:var(--type-font-weight-code-default) 12px /18px var(--type-font-family-tertiary);--font-static-display-lg:var(--type-font-weight-display-regular) 84px /100px var(--type-font-family-primary);--font-static-display-md:var(--type-font-weight-display-regular) 65px /74px var(--type-font-family-primary);--font-static-eyebrow-type-bold:var(--type-font-weight-body-bold) 12px /18px var(--type-font-family-secondary);--font-static-eyebrow-type-default:var(--type-font-weight-body-default) 12px /18px var(--type-font-family-secondary);--font-static-heading-lg-bold:var(--type-font-weight-heading-bold) 28px /34px var(--type-font-family-secondary);--font-static-heading-lg-default:var(--type-font-weight-heading-default) 28px /34px var(--type-font-family-secondary);--font-static-heading-md-bold:var(--type-font-weight-heading-bold) 24px /30px var(--type-font-family-secondary);--font-static-heading-md-default:var(--type-font-weight-heading-default) 24px /30px var(--type-font-family-secondary);--font-static-heading-sm-bold:var(--type-font-weight-heading-bold) 20px /24px var(--type-font-family-secondary);--font-static-heading-sm-default:var(--type-font-weight-heading-default) 20px /24px var(--type-font-family-secondary);--font-static-heading-xl:var(--type-font-weight-heading-regular) 36px /42px var(--type-font-family-primary);--font-static-heading-xs-bold:var(--type-font-weight-heading-bold) 17px /20px var(--type-font-family-secondary);--font-static-heading-xs-default:var(--type-font-weight-heading-default) 17px /20px var(--type-font-family-secondary);--font-static-heading-xxl:var(--type-font-weight-heading-regular) 44px /50px var(--type-font-family-primary);--font-static-heading-xxs-bold:var(--type-font-weight-heading-bold) 14px /18px var(--type-font-family-secondary);--font-static-heading-xxs-default:var(--type-font-weight-heading-default) 14px /18px var(--type-font-family-secondary);--font-static-heading-xxxl:var(--type-font-weight-heading-regular) 53px /60px var(--type-font-family-primary);--icon-stroke-lg:2px;--icon-stroke-md:1.75px;--icon-stroke-sm:1.5px;--icon-stroke-xl:2.25px;--icon-stroke-xs:1.25px;--icon-stroke-xxs:1px;--scrim-default:#000000cc;--shadow-high:0 7px 20px 5px #00000033;--shadow-highest:0 20px 30px 15px #00000033;--shadow-low:0 3px 5px 0 #00000033;--shadow-lowest:0 1px 2px 0 #00000033;--shadow-medium:0 5px 10px 1px #00000033;--shadow-none:0 0 0 0 #00000000;--sizing-10:1px;--sizing-20:2px;--sizing-30:4px;--sizing-40:6px;--sizing-50:8px;--sizing-60:12px;--sizing-70:16px;--sizing-80:20px;--sizing-90:24px;--sizing-100:28px;--sizing-110:30px;--sizing-120:32px;--sizing-130:38px;--sizing-140:40px;--sizing-150:46px;--sizing-160:48px;--sizing-170:56px;--sizing-180:80px;--sizing-190:120px;--sizing-200:160px;--spacing-0:0;--spacing-10:1px;--spacing-20:2px;--spacing-30:3px;--spacing-40:4px;--spacing-50:6px;--spacing-60:7px;--spacing-70:8px;--spacing-80:10px;--spacing-90:12px;--spacing-100:16px;--spacing-110:20px;--spacing-120:24px;--spacing-130:28px;--spacing-140:32px;--spacing-150:36px;--spacing-160:40px;--spacing-170:44px;--spacing-180:48px;--spacing-190:52px;--spacing-200:56px;--spacing-210:60px;--spacing-220:64px;--spacing-230:68px;--spacing-240:72px;--spacing-250:76px;--spacing-260:80px;--spacing-270:84px;--spacing-280:88px;--spacing-290:92px;--spacing-300:96px;--spacing-310:100px;--spacing-320:120px;--spacing-330:132px;--track-default:#ffffff1a;--type-font-family-primary:"Open Sans",sans-serif;--type-font-family-secondary:"Open Sans",sans-serif;--type-font-family-tertiary:"Roboto Mono",monospace;--type-font-weight-body-bold:600;--type-font-weight-body-default:400;--type-font-weight-body-extra-bold:700;--type-font-weight-code-bold:600;--type-font-weight-code-default:400;--type-font-weight-display-regular:400;--type-font-weight-heading-bold:700;--type-font-weight-heading-default:600;--type-font-weight-heading-regular:400;--type-static-body-lg-font-size:17px;--type-static-body-lg-line-height:26px;--type-static-body-md-font-size:16px;--type-static-body-md-line-height:24px;--type-static-body-sm-font-size:14px;--type-static-body-sm-line-height:20px;--type-static-body-xl-font-size:19px;--type-static-body-xl-line-height:28px;--type-static-body-xs-font-size:12px;--type-static-body-xs-line-height:18px;--type-static-body-xxl-font-size:22px;--type-static-body-xxl-line-height:32px;--type-static-body-xxs-font-size:10px;--type-static-body-xxs-line-height:16px;--type-static-code-lg-font-size:17px;--type-static-code-lg-line-height:26px;--type-static-code-md-font-size:16px;--type-static-code-md-line-height:24px;--type-static-code-sm-font-size:14px;--type-static-code-sm-line-height:20px;--type-static-code-xl-font-size:19px;--type-static-code-xl-line-height:28px;--type-static-code-xs-font-size:12px;--type-static-code-xs-line-height:18px;--type-static-eyebrow-type-font-size:12px;--type-static-eyebrow-type-line-height:18px;--type-static-heading-lg-font-size:28px;--type-static-heading-lg-line-height:34px;--type-static-heading-md-font-size:24px;--type-static-heading-md-line-height:30px;--type-static-heading-sm-font-size:20px;--type-static-heading-sm-line-height:24px;--type-static-heading-xs-font-size:17px;--type-static-heading-xs-line-height:20px;--type-static-heading-xxs-font-size:14px;--type-static-heading-xxs-line-height:18px;--type-static-heading-xxxl-font-size:53px;--type-static-heading-xxxl-line-height:60px}
+[data-brand=arduino][data-theme=dark]{--color-background-brand-primary-strong:#48fff4;--color-background-brand-primary-subtle:#003b3d;--color-background-brand-primary:#007376;--color-background-neutral-00:#040b0f;--color-background-neutral-01:#121b1f;--color-background-neutral-02:#182025;--color-background-neutral-03:#20282c;--color-background-neutral-10:#ffffff;--color-background-support-danger-medium:#7c3228;--color-background-support-danger-subtle:#340000;--color-background-support-danger:#e98c80;--color-background-support-info-medium:#0d5472;--color-background-support-info-subtle:#001e30;--color-background-support-info:#71d4f7;--color-background-support-neutral-medium:#516f79;--color-background-support-neutral-subtle:#343f45;--color-background-support-neutral:#b3c7cd;--color-background-support-success-medium:#126456;--color-background-support-success-subtle:#02221a;--color-background-support-success:#1cae8f;--color-background-support-warning-medium:#843910;--color-background-support-warning-subtle:#390f00;--color-background-support-warning:#f9c53b;--color-border-brand-primary-subtle:#003b3d;--color-border-brand-primary:#01aeae;--color-border-neutral-00:#040b0f;--color-border-neutral-01:#ffffff1a;--color-border-neutral-02:#ffffff33;--color-border-neutral-03:#ffffff4d;--color-border-neutral-10:#ffffff;--color-border-support-danger-medium:#7c3228;--color-border-support-danger:#c84b3a;--color-border-support-info-medium:#0b5a7a;--color-border-support-info:#007dac;--color-border-support-neutral-medium:#486069;--color-border-support-neutral:#577983;--color-border-support-success-medium:#126456;--color-border-support-success:#108b74;--color-border-support-warning-medium:#843910;--color-border-support-warning:#f5a719;--color-category-amber-medium:#773310;--color-category-amber-strong:#a1480e;--color-category-amber-subtle:#4e1e06;--color-category-blue-medium:#0d5472;--color-category-blue-strong:#08709c;--color-category-blue-subtle:#002438;--color-category-cyan-medium:#005aa3;--color-category-cyan-strong:#0377c9;--color-category-cyan-subtle:#013360;--color-category-green-medium:#003e00;--color-category-green-strong:#165119;--color-category-green-subtle:#001c00;--color-category-lime-medium:#2b3508;--color-category-lime-strong:#3e4c11;--color-category-lime-subtle:#131700;--color-category-magenta-medium:#8b1934;--color-category-magenta-strong:#b21940;--color-category-magenta-subtle:#46000d;--color-category-orange-medium:#822716;--color-category-orange-strong:#b02e00;--color-category-orange-subtle:#391000;--color-category-purple-medium:#510bc0;--color-category-purple-strong:#660ef4;--color-category-purple-subtle:#230064;--color-category-red-medium:#8c221c;--color-category-red-strong:#b9251c;--color-category-red-subtle:#450e0a;--color-category-teal-medium:#095557;--color-category-teal-strong:#007376;--color-category-teal-subtle:#002729;--color-category-violet-medium:#701b85;--color-category-violet-strong:#9521b9;--color-category-violet-subtle:#480b57;--color-category-yellow-medium:#925d00;--color-category-yellow-strong:#dfb00c;--color-category-yellow-subtle:#623800;--color-icon-brand-primary:#08d9d6;--color-icon-neutral-inverse:#040b0f;--color-icon-neutral-primary:#ffffff;--color-icon-neutral-secondary:#97b2b9;--color-icon-support-danger:#e58073;--color-icon-support-info:#11a5d7;--color-icon-support-neutral:#97b2b9;--color-icon-support-success:#149b80;--color-icon-support-warning:#ec920f;--color-interactive-background-danger-hover:#f3b7ae;--color-interactive-background-danger-idle:#e58073;--color-interactive-background-danger-pressed:#f8d5d0;--color-interactive-background-ghost-hover:#ffffff14;--color-interactive-background-ghost-idle:#ffffff00;--color-interactive-background-ghost-pressed:#ffffff29;--color-interactive-background-inverse-fill-hover:#20282c;--color-interactive-background-inverse-fill-idle:#040b0f;--color-interactive-background-inverse-fill-pressed:#343f45;--color-interactive-background-inverse-ghost-hover:#00000014;--color-interactive-background-inverse-ghost-idle:#00000000;--color-interactive-background-inverse-ghost-pressed:#00000029;--color-interactive-background-neutral-hover:#516f79;--color-interactive-background-neutral-idle:#445a63;--color-interactive-background-neutral-pressed:#577983;--color-interactive-background-persistent-black-fill-hover:#20282c;--color-interactive-background-persistent-black-fill-idle:#040b0f;--color-interactive-background-persistent-black-fill-pressed:#343f45;--color-interactive-background-persistent-black-ghost-hover:#00000014;--color-interactive-background-persistent-black-ghost-idle:#00000000;--color-interactive-background-persistent-black-ghost-pressed:#00000029;--color-interactive-background-persistent-white-fill-hover:#e1eaec;--color-interactive-background-persistent-white-fill-idle:#ffffff;--color-interactive-background-persistent-white-fill-pressed:#c7d6da;--color-interactive-background-persistent-white-ghost-hover:#ffffff14;--color-interactive-background-persistent-white-ghost-idle:#ffffff00;--color-interactive-background-persistent-white-ghost-pressed:#ffffff29;--color-interactive-background-primary-hover:#31f5ed;--color-interactive-background-primary-idle:#00c4c2;--color-interactive-background-primary-pressed:#8cfff8;--color-interactive-border-danger-hover:#efa69c;--color-interactive-border-danger-idle:#e58073;--color-interactive-border-danger-pressed:#f8d5d0;--color-interactive-border-inverse-hover:#000000e5;--color-interactive-border-inverse-idle:#000000cc;--color-interactive-border-inverse-pressed:#040b0f;--color-interactive-border-neutral-hover:#ffffff66;--color-interactive-border-neutral-idle:#ffffff4d;--color-interactive-border-neutral-pressed:#ffffff80;--color-interactive-border-persistent-black-hover:#000000e5;--color-interactive-border-persistent-black-idle:#000000cc;--color-interactive-border-persistent-black-pressed:#040b0f;--color-interactive-border-persistent-white-hover:#ffffffe5;--color-interactive-border-persistent-white-idle:#ffffffcc;--color-interactive-border-persistent-white-pressed:#ffffff;--color-interactive-border-primary-hover:#8cfff8;--color-interactive-border-primary-idle:#08d9d6;--color-interactive-border-primary-pressed:#c5fffc;--color-interactive-icon-danger-hover:#efa69c;--color-interactive-icon-danger-idle:#e58073;--color-interactive-icon-danger-pressed:#f8d5d0;--color-interactive-icon-link-brand-hover:#8cfff8;--color-interactive-icon-link-brand-idle:#08d9d6;--color-interactive-icon-link-brand-pressed:#c5fffc;--color-interactive-icon-link-brand-visited:#976eff;--color-interactive-icon-link-default-hover:#00bcba;--color-interactive-icon-link-default-idle:#01aeae;--color-interactive-icon-link-default-pressed:#00d0ce;--color-interactive-icon-link-default-visited:#976eff;--color-interactive-icon-link-neutral-hover:#b3c7cd;--color-interactive-icon-link-neutral-idle:#ffffff;--color-interactive-icon-link-neutral-pressed:#7b9ba5;--color-interactive-icon-link-neutral-visited:#976eff;--color-interactive-icon-neutral-hover:#ffffff;--color-interactive-icon-neutral-idle:#ffffff;--color-interactive-icon-neutral-pressed:#ffffff;--color-interactive-icon-primary-hover:#8cfff8;--color-interactive-icon-primary-idle:#08d9d6;--color-interactive-icon-primary-pressed:#c5fffc;--color-interactive-text-danger-hover:#efa69c;--color-interactive-text-danger-idle:#e58073;--color-interactive-text-danger-pressed:#f8d5d0;--color-interactive-text-link-brand-hover:#8cfff8;--color-interactive-text-link-brand-idle:#08d9d6;--color-interactive-text-link-brand-pressed:#c5fffc;--color-interactive-text-link-brand-visited:#976eff;--color-interactive-text-link-default-hover:#00bcba;--color-interactive-text-link-default-idle:#01aeae;--color-interactive-text-link-default-pressed:#00d0ce;--color-interactive-text-link-default-visited:#976eff;--color-interactive-text-link-neutral-hover:#b3c7cd;--color-interactive-text-link-neutral-idle:#ffffff;--color-interactive-text-link-neutral-pressed:#7b9ba5;--color-interactive-text-link-neutral-visited:#976eff;--color-interactive-text-neutral-hover:#ffffff;--color-interactive-text-neutral-idle:#ffffff;--color-interactive-text-neutral-pressed:#ffffff;--color-interactive-text-primary-hover:#8cfff8;--color-interactive-text-primary-idle:#08d9d6;--color-interactive-text-primary-pressed:#c5fffc;--color-surface-overlay:#283135;--color-surface-primary:#040b0f;--color-surface-raised:#242c31;--color-surface-secondary:#121b1f;--color-text-brand-primary:#08d9d6;--color-text-neutral-inverse:#040b0f;--color-text-neutral-primary:#ffffff;--color-text-neutral-secondary:#97b2b9;--color-text-support-danger:#e58073;--color-text-support-info:#11a5d7;--color-text-support-success:#1cae8f;--color-utility-disabled-background-solid:#41555d;--color-utility-disabled-background:#ffffff14;--color-utility-disabled-border:#ffffff1f;--color-utility-disabled-icon:#516f79;--color-utility-disabled-inverse-background:#00000014;--color-utility-disabled-inverse-border:#0000001f;--color-utility-disabled-inverse-icon:#516f79;--color-utility-disabled-inverse-text:#516f79;--color-utility-disabled-persistent-black-background:#00000014;--color-utility-disabled-persistent-black-border:#0000001f;--color-utility-disabled-persistent-black-icon:#516f79;--color-utility-disabled-persistent-black-text:#516f79;--color-utility-disabled-persistent-white-background:#ffffff14;--color-utility-disabled-persistent-white-border:#ffffff1f;--color-utility-disabled-persistent-white-icon:#8eaab2;--color-utility-disabled-persistent-white-text:#8eaab2;--color-utility-disabled-text:#516f79;--color-utility-focus-border:#11e2df;--color-utility-opacity-01:#ffffff05;--color-utility-opacity-02:#ffffff0a;--color-utility-opacity-03:#ffffff14;--color-utility-opacity-04:#ffffff1f;--color-utility-opacity-05:#ffffff29;--color-utility-opacity-06:#ffffff3d;--color-utility-opacity-07:#ffffff52;--color-utility-opacity-08:#ffffff7a;--color-utility-opacity-09:#ffffffa3;--color-utility-opacity-10:#ffffffcc;--color-utility-persistent-black:#040b0f;--color-utility-persistent-transparent-white:#ffffffcc;--color-utility-persistent-white:#ffffff;--color-utility-placeholder-icon:#6b8c96;--color-utility-placeholder-text:#6b8c96;--color-utility-scrim-default:#000000cc;--border-radius-lg:6px;--border-radius-md:4px;--border-radius-none:0;--border-radius-rounded:360px;--border-radius-sm:3px;--border-radius-xl:8px;--border-radius-xs:2px;--border-radius-xxl:12px;--border-width-lg:3px;--border-width-md:2px;--border-width-none:0;--border-width-sm:1px;--border-width-xl:4px;--canvas-width:375;--component-button-global-border-radius:360px;--component-button-global-focus-border-radius:360px;--component-button-type-lg-font-family:var(--type-font-family-secondary);--component-button-type-lg-font-size:16px;--component-button-type-lg-font-weight:var(--type-font-weight-body-extra-bold);--component-button-type-lg-line-height:24px;--component-button-type-md-font-family:var(--type-font-family-secondary);--component-button-type-md-font-size:14px;--component-button-type-md-font-weight:var(--type-font-weight-body-extra-bold);--component-button-type-md-line-height:20px;--component-button-type-sm-font-family:var(--type-font-family-secondary);--component-button-type-sm-font-size:12px;--component-button-type-sm-font-weight:var(--type-font-weight-body-extra-bold);--component-button-type-sm-line-height:18px;--component-button-variant-fill-danger-icon:#040b0f;--component-button-variant-fill-danger-text:#040b0f;--component-button-variant-fill-neutral-icon:#ffffff;--component-button-variant-fill-neutral-text:#ffffff;--component-button-variant-fill-primary-icon:#040b0f;--component-button-variant-fill-primary-text:#040b0f;--component-button-variant-outline-danger-border-hover:#efa69c;--component-button-variant-outline-danger-border-idle:#e58073;--component-button-variant-outline-danger-border-pressed:#f8d5d0;--component-button-variant-outline-neutral-border-hover:#ffffff66;--component-button-variant-outline-neutral-border-idle:#ffffff4d;--component-button-variant-outline-neutral-border-pressed:#ffffff80;--component-button-variant-outline-primary-border-hover:#8cfff8;--component-button-variant-outline-primary-border-idle:#08d9d6;--component-button-variant-outline-primary-border-pressed:#c5fffc;--component-tag-selectable-neutral-selected-icon:#ffffff;--component-tag-selectable-neutral-selected-text:#ffffff;--component-utility-icons-stroke-weight-lg:2px;--component-utility-icons-stroke-weight-md:1.75px;--component-utility-icons-stroke-weight-sm:1.5px;--component-utility-icons-stroke-weight-xl:2.25px;--component-utility-icons-stroke-weight-xs:1.25px;--component-utility-icons-stroke-weight-xxs:1px;--cross-component-track-default:#ffffff1a;--font-dynamic-display-lg:var(--type-font-weight-display-regular) 53px /60px var(--type-font-family-primary);--font-dynamic-display-md:var(--type-font-weight-display-regular) 40px /46px var(--type-font-family-primary);--font-dynamic-heading-lg-bold:var(--type-font-weight-heading-bold) 26px /32px var(--type-font-family-secondary);--font-dynamic-heading-lg-default:var(--type-font-weight-heading-default) 26px /32px var(--type-font-family-secondary);--font-dynamic-heading-xl:var(--type-font-weight-heading-regular) 30px /34px var(--type-font-family-primary);--font-dynamic-heading-xxl:var(--type-font-weight-heading-regular) 34px /40px var(--type-font-family-primary);--font-dynamic-heading-xxxl:var(--type-font-weight-heading-regular) 36px /42px var(--type-font-family-primary);--font-static-body-lg-bold:var(--type-font-weight-body-bold) 17px /26px var(--type-font-family-secondary);--font-static-body-lg-default:var(--type-font-weight-body-default) 17px /26px var(--type-font-family-secondary);--font-static-body-md-bold:var(--type-font-weight-body-bold) 16px /24px var(--type-font-family-secondary);--font-static-body-md-default:var(--type-font-weight-body-default) 16px /24px var(--type-font-family-secondary);--font-static-body-sm-bold:var(--type-font-weight-body-bold) 14px /20px var(--type-font-family-secondary);--font-static-body-sm-default:var(--type-font-weight-body-default) 14px /20px var(--type-font-family-secondary);--font-static-body-xl-bold:var(--type-font-weight-body-bold) 19px /28px var(--type-font-family-secondary);--font-static-body-xl-default:var(--type-font-weight-body-default) 19px /28px var(--type-font-family-secondary);--font-static-body-xs-bold:var(--type-font-weight-body-bold) 12px /18px var(--type-font-family-secondary);--font-static-body-xs-default:var(--type-font-weight-body-default) 12px /18px var(--type-font-family-secondary);--font-static-body-xxl-bold:var(--type-font-weight-body-bold) 22px /32px var(--type-font-family-secondary);--font-static-body-xxl-default:var(--type-font-weight-body-default) 22px /32px var(--type-font-family-secondary);--font-static-body-xxs-bold:var(--type-font-weight-body-bold) 10px /16px var(--type-font-family-secondary);--font-static-body-xxs-default:var(--type-font-weight-body-default) 10px /16px var(--type-font-family-secondary);--font-static-code-lg-bold:var(--type-font-weight-code-bold) 17px /26px var(--type-font-family-tertiary);--font-static-code-lg-default:var(--type-font-weight-code-default) 17px /26px var(--type-font-family-tertiary);--font-static-code-md-bold:var(--type-font-weight-code-bold) 16px /24px var(--type-font-family-tertiary);--font-static-code-md-default:var(--type-font-weight-code-default) 16px /24px var(--type-font-family-tertiary);--font-static-code-sm-bold:var(--type-font-weight-code-bold) 14px /20px var(--type-font-family-tertiary);--font-static-code-sm-default:var(--type-font-weight-code-default) 14px /20px var(--type-font-family-tertiary);--font-static-code-xl-bold:var(--type-font-weight-code-bold) 19px /28px var(--type-font-family-tertiary);--font-static-code-xl-default:var(--type-font-weight-code-default) 19px /28px var(--type-font-family-tertiary);--font-static-code-xs-bold:var(--type-font-weight-code-bold) 12px /18px var(--type-font-family-tertiary);--font-static-code-xs-default:var(--type-font-weight-code-default) 12px /18px var(--type-font-family-tertiary);--font-static-display-lg:var(--type-font-weight-display-regular) 84px /100px var(--type-font-family-primary);--font-static-display-md:var(--type-font-weight-display-regular) 65px /74px var(--type-font-family-primary);--font-static-eyebrow-type-bold:var(--type-font-weight-body-bold) 12px /18px var(--type-font-family-secondary);--font-static-eyebrow-type-default:var(--type-font-weight-body-default) 12px /18px var(--type-font-family-secondary);--font-static-heading-lg-bold:var(--type-font-weight-heading-bold) 28px /34px var(--type-font-family-secondary);--font-static-heading-lg-default:var(--type-font-weight-heading-default) 28px /34px var(--type-font-family-secondary);--font-static-heading-md-bold:var(--type-font-weight-heading-bold) 24px /30px var(--type-font-family-secondary);--font-static-heading-md-default:var(--type-font-weight-heading-default) 24px /30px var(--type-font-family-secondary);--font-static-heading-sm-bold:var(--type-font-weight-heading-bold) 20px /24px var(--type-font-family-secondary);--font-static-heading-sm-default:var(--type-font-weight-heading-default) 20px /24px var(--type-font-family-secondary);--font-static-heading-xl:var(--type-font-weight-heading-regular) 36px /42px var(--type-font-family-primary);--font-static-heading-xs-bold:var(--type-font-weight-heading-bold) 17px /20px var(--type-font-family-secondary);--font-static-heading-xs-default:var(--type-font-weight-heading-default) 17px /20px var(--type-font-family-secondary);--font-static-heading-xxl:var(--type-font-weight-heading-regular) 44px /50px var(--type-font-family-primary);--font-static-heading-xxs-bold:var(--type-font-weight-heading-bold) 14px /18px var(--type-font-family-secondary);--font-static-heading-xxs-default:var(--type-font-weight-heading-default) 14px /18px var(--type-font-family-secondary);--font-static-heading-xxxl:var(--type-font-weight-heading-regular) 53px /60px var(--type-font-family-primary);--shadow-high:0 7px 20px 5px #00000033;--shadow-highest:0 20px 30px 15px #00000033;--shadow-low:0 3px 5px 0 #00000033;--shadow-lowest:0 1px 2px 0 #00000033;--shadow-medium:0 5px 10px 1px #00000033;--shadow-none:0 0 0 0 #00000000;--sizing-10:1px;--sizing-20:2px;--sizing-30:4px;--sizing-40:6px;--sizing-50:8px;--sizing-60:12px;--sizing-70:16px;--sizing-80:20px;--sizing-90:24px;--sizing-100:28px;--sizing-110:30px;--sizing-120:32px;--sizing-130:38px;--sizing-140:40px;--sizing-150:46px;--sizing-160:48px;--sizing-170:56px;--sizing-180:80px;--sizing-190:120px;--sizing-200:160px;--spacing-0:0;--spacing-10:1px;--spacing-20:2px;--spacing-30:3px;--spacing-40:4px;--spacing-50:6px;--spacing-60:7px;--spacing-70:8px;--spacing-80:10px;--spacing-90:12px;--spacing-100:16px;--spacing-110:20px;--spacing-120:24px;--spacing-130:28px;--spacing-140:32px;--spacing-150:36px;--spacing-160:40px;--spacing-170:44px;--spacing-180:48px;--spacing-190:52px;--spacing-200:56px;--spacing-210:60px;--spacing-220:64px;--spacing-230:68px;--spacing-240:72px;--spacing-250:76px;--spacing-260:80px;--spacing-270:84px;--spacing-280:88px;--spacing-290:92px;--spacing-300:96px;--spacing-310:100px;--spacing-320:120px;--spacing-330:132px;--type-font-family-primary:"Open Sans",sans-serif;--type-font-family-secondary:"Open Sans",sans-serif;--type-font-family-tertiary:"Roboto Mono",monospace;--type-font-weight-body-bold:600;--type-font-weight-body-default:400;--type-font-weight-body-extra-bold:700;--type-font-weight-code-bold:600;--type-font-weight-code-default:400;--type-font-weight-display-regular:400;--type-font-weight-heading-bold:700;--type-font-weight-heading-default:600;--type-font-weight-heading-regular:400;--type-static-body-lg-font-size:17px;--type-static-body-lg-line-height:26px;--type-static-body-md-font-size:16px;--type-static-body-md-line-height:24px;--type-static-body-sm-font-size:14px;--type-static-body-sm-line-height:20px;--type-static-body-xl-font-size:19px;--type-static-body-xl-line-height:28px;--type-static-body-xs-font-size:12px;--type-static-body-xs-line-height:18px;--type-static-body-xxl-font-size:22px;--type-static-body-xxl-line-height:32px;--type-static-body-xxs-font-size:10px;--type-static-body-xxs-line-height:16px;--type-static-code-lg-font-size:17px;--type-static-code-lg-line-height:26px;--type-static-code-md-font-size:16px;--type-static-code-md-line-height:24px;--type-static-code-sm-font-size:14px;--type-static-code-sm-line-height:20px;--type-static-code-xl-font-size:19px;--type-static-code-xl-line-height:28px;--type-static-code-xs-font-size:12px;--type-static-code-xs-line-height:18px;--type-static-eyebrow-type-font-size:12px;--type-static-eyebrow-type-line-height:18px;--type-static-heading-lg-font-size:28px;--type-static-heading-lg-line-height:34px;--type-static-heading-md-font-size:24px;--type-static-heading-md-line-height:30px;--type-static-heading-sm-font-size:20px;--type-static-heading-sm-line-height:24px;--type-static-heading-xs-font-size:17px;--type-static-heading-xs-line-height:20px;--type-static-heading-xxs-font-size:14px;--type-static-heading-xxs-line-height:18px;--type-static-heading-xxxl-font-size:53px;--type-static-heading-xxxl-line-height:60px}

package/dist/arduino-light.min.css

@@ -1 +1 @@
-[data-brand=arduino][data-theme=light]{--color-background-brand-primary-strong:#002729;--color-background-brand-primary-subtle:#48fff4;--color-background-brand-primary:#006c6f;--color-background-neutral-00:#ffffff;--color-background-neutral-01:#f3f7f8;--color-background-neutral-02:#eaf1f2;--color-background-neutral-03:#e1eaec;--color-background-neutral-10:#040b0f;--color-background-support-danger-medium:#ed9d92;--color-background-support-danger-subtle:#fdf4f3;--color-background-support-danger:#b34131;--color-background-support-info-medium:#11a5d7;--color-background-support-info-subtle:#e0f4fd;--color-background-support-info:#0076a2;--color-background-support-neutral-medium:#aac0c7;--color-background-support-neutral-subtle:#d8e3e6;--color-background-support-neutral:#343f45;--color-background-support-success-medium:#47dab8;--color-background-support-success-subtle:#effdf9;--color-background-support-success:#118570;--color-background-support-warning-medium:#fce38c;--color-background-support-warning-subtle:#fdf2c8;--color-background-support-warning:#f9bc26;--color-border-brand-primary-subtle:#01aeae;--color-border-brand-primary:#008b8d;--color-border-neutral-00:#ffffff;--color-border-neutral-01:#0000001a;--color-border-neutral-02:#00000033;--color-border-neutral-03:#0000004d;--color-border-neutral-10:#040b0f;--color-border-support-danger-medium:#efa69c;--color-border-support-danger:#b34131;--color-border-support-info-medium:#60cff5;--color-border-support-info:#0076a2;--color-border-support-neutral-medium:#aac0c7;--color-border-support-neutral:#343f45;--color-border-support-success-medium:#51dfbe;--color-border-support-success:#108b74;--color-border-support-warning-medium:#facf4f;--color-border-support-warning:#f9c53b;--color-category-amber-medium:#f39c12;--color-category-amber-strong:#a1480e;--color-category-amber-subtle:#facf4f;--color-category-blue-medium:#0e9dcf;--color-category-blue-strong:#08709c;--color-category-blue-subtle:#9fe1fa;--color-category-cyan-medium:#23a3f4;--color-category-cyan-strong:#0377c9;--color-category-cyan-subtle:#b2e2ff;--color-category-green-medium:#00ac00;--color-category-green-strong:#165119;--color-category-green-subtle:#a3f0a3;--color-category-lime-medium:#839b0d;--color-category-lime-strong:#3e4c11;--color-category-lime-subtle:#cde635;--color-category-magenta-medium:#f373a2;--color-category-magenta-strong:#b21940;--color-category-magenta-subtle:#fac2d8;--color-category-orange-medium:#f69155;--color-category-orange-strong:#b02e00;--color-category-orange-subtle:#ffc796;--color-category-purple-medium:#af92ff;--color-category-purple-strong:#660ef4;--color-category-purple-subtle:#dad0ff;--color-category-red-medium:#f87871;--color-category-red-strong:#b9251c;--color-category-red-subtle:#fdc1be;--color-category-teal-medium:#01a7a8;--color-category-teal-strong:#007376;--color-category-teal-subtle:#31f5ed;--color-category-violet-medium:#d77cf7;--color-category-violet-strong:#9521b9;--color-category-violet-subtle:#edc8fd;--color-category-yellow-medium:#ecc00e;--color-category-yellow-strong:#dfb00c;--color-category-yellow-subtle:#fcf38d;--color-icon-brand-primary:#006c6f;--color-icon-neutral-inverse:#ffffff;--color-icon-neutral-primary:#040b0f;--color-icon-neutral-secondary:#4b656f;--color-icon-support-danger:#b34131;--color-icon-support-info:#08709c;--color-icon-support-neutral:#4b656f;--color-icon-support-success:#137362;--color-icon-support-warning:#f39c12;--color-interactive-background-danger-hover:#64251e;--color-interactive-background-danger-idle:#b34131;--color-interactive-background-danger-pressed:#450e0a;--color-interactive-background-ghost-hover:#00000014;--color-interactive-background-ghost-idle:#00000000;--color-interactive-background-ghost-pressed:#00000029;--color-interactive-background-inverse-fill-hover:#e1eaec;--color-interactive-background-inverse-fill-idle:#ffffff;--color-interactive-background-inverse-fill-pressed:#c7d6da;--color-interactive-background-inverse-ghost-hover:#ffffff14;--color-interactive-background-inverse-ghost-idle:#ffffff00;--color-interactive-background-inverse-ghost-pressed:#ffffff29;--color-interactive-background-neutral-hover:#b3c7cd;--color-interactive-background-neutral-idle:#c7d6da;--color-interactive-background-neutral-pressed:#a0b9c0;--color-interactive-background-persistent-black-fill-hover:#20282c;--color-interactive-background-persistent-black-fill-idle:#040b0f;--color-interactive-background-persistent-black-fill-pressed:#343f45;--color-interactive-background-persistent-black-ghost-hover:#00000014;--color-interactive-background-persistent-black-ghost-idle:#00000000;--color-interactive-background-persistent-black-ghost-pressed:#00000029;--color-interactive-background-persistent-white-fill-hover:#e1eaec;--color-interactive-background-persistent-white-fill-idle:#ffffff;--color-interactive-background-persistent-white-fill-pressed:#c7d6da;--color-interactive-background-persistent-white-ghost-hover:#ffffff14;--color-interactive-background-persistent-white-ghost-idle:#ffffff00;--color-interactive-background-persistent-white-ghost-pressed:#ffffff29;--color-interactive-background-primary-hover:#095557;--color-interactive-background-primary-idle:#008184;--color-interactive-background-primary-pressed:#004144;--color-interactive-border-danger-hover:#8b3429;--color-interactive-border-danger-idle:#be4636;--color-interactive-border-danger-pressed:#6c2b23;--color-interactive-border-inverse-hover:#ffffffe5;--color-interactive-border-inverse-idle:#ffffffcc;--color-interactive-border-inverse-pressed:#ffffff;--color-interactive-border-neutral-hover:#00000052;--color-interactive-border-neutral-idle:#00000033;--color-interactive-border-neutral-pressed:#00000070;--color-interactive-border-persistent-black-hover:#000000e5;--color-interactive-border-persistent-black-idle:#000000cc;--color-interactive-border-persistent-black-pressed:#040b0f;--color-interactive-border-persistent-white-hover:#ffffffe5;--color-interactive-border-persistent-white-idle:#ffffffcc;--color-interactive-border-persistent-white-pressed:#ffffff;--color-interactive-border-primary-hover:#005e61;--color-interactive-border-primary-idle:#006c6f;--color-interactive-border-primary-pressed:#004f52;--color-interactive-icon-danger-hover:#833329;--color-interactive-icon-danger-idle:#b34131;--color-interactive-icon-danger-pressed:#64251e;--color-interactive-icon-link-brand-hover:#005e61;--color-interactive-icon-link-brand-idle:#006c6f;--color-interactive-icon-link-brand-pressed:#004f52;--color-interactive-icon-link-brand-visited:#610de7;--color-interactive-icon-link-default-hover:#005e61;--color-interactive-icon-link-default-idle:#006c6f;--color-interactive-icon-link-default-pressed:#013135;--color-interactive-icon-link-default-visited:#610de7;--color-interactive-icon-link-neutral-hover:#3b484f;--color-interactive-icon-link-neutral-idle:#040b0f;--color-interactive-icon-link-neutral-pressed:#486069;--color-interactive-icon-link-neutral-visited:#610de7;--color-interactive-icon-neutral-hover:#182025;--color-interactive-icon-neutral-idle:#283135;--color-interactive-icon-neutral-pressed:#040b0f;--color-interactive-icon-primary-hover:#005e61;--color-interactive-icon-primary-idle:#006c6f;--color-interactive-icon-primary-pressed:#004f52;--color-interactive-text-danger-hover:#833329;--color-interactive-text-danger-idle:#b34131;--color-interactive-text-danger-pressed:#64251e;--color-interactive-text-link-brand-hover:#005e61;--color-interactive-text-link-brand-idle:#006c6f;--color-interactive-text-link-brand-pressed:#004f52;--color-interactive-text-link-brand-visited:#610de7;--color-interactive-text-link-default-hover:#005e61;--color-interactive-text-link-default-idle:#006c6f;--color-interactive-text-link-default-pressed:#013135;--color-interactive-text-link-default-visited:#610de7;--color-interactive-text-link-neutral-hover:#3b484f;--color-interactive-text-link-neutral-idle:#040b0f;--color-interactive-text-link-neutral-pressed:#486069;--color-interactive-text-link-neutral-visited:#610de7;--color-interactive-text-neutral-hover:#182025;--color-interactive-text-neutral-idle:#283135;--color-interactive-text-neutral-pressed:#040b0f;--color-interactive-text-primary-hover:#005e61;--color-interactive-text-primary-idle:#006c6f;--color-interactive-text-primary-pressed:#004f52;--color-scrim-scrim:60;--color-surface-overlay:#ffffff;--color-surface-primary:#ffffff;--color-surface-raised:#ffffff;--color-surface-secondary:#f3f7f8;--color-text-brand-primary:#006c6f;--color-text-neutral-inverse:#ffffff;--color-text-neutral-primary:#040b0f;--color-text-neutral-secondary:#4b656f;--color-text-support-danger:#b34131;--color-text-support-info:#08709c;--color-text-support-success:#137362;--color-utility-disabled-background:#00000014;--color-utility-disabled-border:#0000001f;--color-utility-disabled-handle:#aac0c7;--color-utility-disabled-icon:#8eaab2;--color-utility-disabled-inverse-background:#ffffff14;--color-utility-disabled-inverse-border:#ffffff1f;--color-utility-disabled-inverse-icon:#8eaab2;--color-utility-disabled-inverse-text:#8eaab2;--color-utility-disabled-persistent-black-background:#00000014;--color-utility-disabled-persistent-black-border:#0000001f;--color-utility-disabled-persistent-black-icon:#516f79;--color-utility-disabled-persistent-black-text:#516f79;--color-utility-disabled-persistent-white-background:#ffffff14;--color-utility-disabled-persistent-white-border:#ffffff1f;--color-utility-disabled-persistent-white-icon:#8eaab2;--color-utility-disabled-persistent-white-text:#8eaab2;--color-utility-disabled-text:#8eaab2;--color-utility-disabled-track-fill:#aac0c7;--color-utility-focus-border:#006c6f;--color-utility-opacity-01:#00000005;--color-utility-opacity-02:#0000000a;--color-utility-opacity-03:#00000014;--color-utility-opacity-04:#0000001f;--color-utility-opacity-05:#00000029;--color-utility-opacity-06:#0000003d;--color-utility-opacity-07:#00000052;--color-utility-opacity-08:#0000007a;--color-utility-opacity-09:#000000a3;--color-utility-opacity-10:#000000cc;--color-utility-persistent-black:#040b0f;--color-utility-persistent-transparent-white:#ffffffcc;--color-utility-persistent-white:#ffffff;--color-utility-placeholder-icon:#516f79;--color-utility-placeholder-text:#516f79;--border-radius-lg:6px;--border-radius-md:4px;--border-radius-none:0;--border-radius-rounded:360px;--border-radius-sm:3px;--border-radius-xl:8px;--border-radius-xs:2px;--border-radius-xxl:12px;--border-width-lg:3px;--border-width-md:2px;--border-width-none:0;--border-width-sm:1px;--border-width-xl:4px;--canvas-width:375;--component-button-global-border-radius:360px;--component-button-global-focus-border-radius:360px;--component-button-type-lg-font-family:var(--type-font-family-secondary);--component-button-type-lg-font-size:16px;--component-button-type-lg-font-weight:var(--type-font-weight-body-extra-bold);--component-button-type-lg-line-height:24px;--component-button-type-md-font-family:var(--type-font-family-secondary);--component-button-type-md-font-size:14px;--component-button-type-md-font-weight:var(--type-font-weight-body-extra-bold);--component-button-type-md-line-height:20px;--component-button-type-sm-font-family:var(--type-font-family-secondary);--component-button-type-sm-font-size:12px;--component-button-type-sm-font-weight:var(--type-font-weight-body-extra-bold);--component-button-type-sm-line-height:18px;--component-button-variant-fill-danger-icon:#ffffff;--component-button-variant-fill-danger-text:#ffffff;--component-button-variant-fill-neutral-icon:#040b0f;--component-button-variant-fill-neutral-text:#040b0f;--component-button-variant-fill-primary-icon:#ffffff;--component-button-variant-fill-primary-text:#ffffff;--component-button-variant-outline-border-width:2px;--component-button-variant-outline-danger-border-hover:#8b3429;--component-button-variant-outline-danger-border-idle:#be4636;--component-button-variant-outline-danger-border-pressed:#6c2b23;--component-button-variant-outline-neutral-border-hover:#00000052;--component-button-variant-outline-neutral-border-idle:#00000033;--component-button-variant-outline-neutral-border-pressed:#00000070;--component-button-variant-outline-primary-border-hover:#005e61;--component-button-variant-outline-primary-border-idle:#006c6f;--component-button-variant-outline-primary-border-pressed:#004f52;--component-tag-selectable-neutral-selected-icon:#040b0f;--component-tag-selectable-neutral-selected-text:#040b0f;--font-dynamic-display-lg:var(--type-font-weight-display-regular) 53px /60px var(--type-font-family-primary);--font-dynamic-display-md:var(--type-font-weight-display-regular) 40px /46px var(--type-font-family-primary);--font-dynamic-heading-lg-bold:var(--type-font-weight-heading-bold) 26px /32px var(--type-font-family-secondary);--font-dynamic-heading-lg-default:var(--type-font-weight-heading-default) 26px /32px var(--type-font-family-secondary);--font-dynamic-heading-xl:var(--type-font-weight-heading-regular) 30px /34px var(--type-font-family-primary);--font-dynamic-heading-xxl:var(--type-font-weight-heading-regular) 34px /40px var(--type-font-family-primary);--font-dynamic-heading-xxxl:var(--type-font-weight-heading-regular) 36px /42px var(--type-font-family-primary);--font-static-body-lg-bold:var(--type-font-weight-body-bold) 17px /26px var(--type-font-family-secondary);--font-static-body-lg-default:var(--type-font-weight-body-default) 17px /26px var(--type-font-family-secondary);--font-static-body-md-bold:var(--type-font-weight-body-bold) 16px /24px var(--type-font-family-secondary);--font-static-body-md-default:var(--type-font-weight-body-default) 16px /24px var(--type-font-family-secondary);--font-static-body-sm-bold:var(--type-font-weight-body-bold) 14px /20px var(--type-font-family-secondary);--font-static-body-sm-default:var(--type-font-weight-body-default) 14px /20px var(--type-font-family-secondary);--font-static-body-xl-bold:var(--type-font-weight-body-bold) 19px /28px var(--type-font-family-secondary);--font-static-body-xl-default:var(--type-font-weight-body-default) 19px /28px var(--type-font-family-secondary);--font-static-body-xs-bold:var(--type-font-weight-body-bold) 12px /18px var(--type-font-family-secondary);--font-static-body-xs-default:var(--type-font-weight-body-default) 12px /18px var(--type-font-family-secondary);--font-static-body-xxl-bold:var(--type-font-weight-body-bold) 22px /32px var(--type-font-family-secondary);--font-static-body-xxl-default:var(--type-font-weight-body-default) 22px /32px var(--type-font-family-secondary);--font-static-body-xxs-bold:var(--type-font-weight-body-bold) 10px /16px var(--type-font-family-secondary);--font-static-body-xxs-default:var(--type-font-weight-body-default) 10px /16px var(--type-font-family-secondary);--font-static-code-lg-bold:var(--type-font-weight-code-bold) 17px /26px var(--type-font-family-tertiary);--font-static-code-lg-default:var(--type-font-weight-code-default) 17px /26px var(--type-font-family-tertiary);--font-static-code-md-bold:var(--type-font-weight-code-bold) 16px /24px var(--type-font-family-tertiary);--font-static-code-md-default:var(--type-font-weight-code-default) 16px /24px var(--type-font-family-tertiary);--font-static-code-sm-bold:var(--type-font-weight-code-bold) 14px /20px var(--type-font-family-tertiary);--font-static-code-sm-default:var(--type-font-weight-code-default) 14px /20px var(--type-font-family-tertiary);--font-static-code-xl-bold:var(--type-font-weight-code-bold) 19px /28px var(--type-font-family-tertiary);--font-static-code-xl-default:var(--type-font-weight-code-default) 19px /28px var(--type-font-family-tertiary);--font-static-code-xs-bold:var(--type-font-weight-code-bold) 12px /18px var(--type-font-family-tertiary);--font-static-code-xs-default:var(--type-font-weight-code-default) 12px /18px var(--type-font-family-tertiary);--font-static-display-lg:var(--type-font-weight-display-regular) 84px /100px var(--type-font-family-primary);--font-static-display-md:var(--type-font-weight-display-regular) 65px /74px var(--type-font-family-primary);--font-static-eyebrow-type-bold:var(--type-font-weight-body-bold) 12px /18px var(--type-font-family-secondary);--font-static-eyebrow-type-default:var(--type-font-weight-body-default) 12px /18px var(--type-font-family-secondary);--font-static-heading-lg-bold:var(--type-font-weight-heading-bold) 28px /34px var(--type-font-family-secondary);--font-static-heading-lg-default:var(--type-font-weight-heading-default) 28px /34px var(--type-font-family-secondary);--font-static-heading-md-bold:var(--type-font-weight-heading-bold) 24px /30px var(--type-font-family-secondary);--font-static-heading-md-default:var(--type-font-weight-heading-default) 24px /30px var(--type-font-family-secondary);--font-static-heading-sm-bold:var(--type-font-weight-heading-bold) 20px /24px var(--type-font-family-secondary);--font-static-heading-sm-default:var(--type-font-weight-heading-default) 20px /24px var(--type-font-family-secondary);--font-static-heading-xl:var(--type-font-weight-heading-regular) 36px /42px var(--type-font-family-primary);--font-static-heading-xs-bold:var(--type-font-weight-heading-bold) 17px /20px var(--type-font-family-secondary);--font-static-heading-xs-default:var(--type-font-weight-heading-default) 17px /20px var(--type-font-family-secondary);--font-static-heading-xxl:var(--type-font-weight-heading-regular) 44px /50px var(--type-font-family-primary);--font-static-heading-xxs-bold:var(--type-font-weight-heading-bold) 14px /18px var(--type-font-family-secondary);--font-static-heading-xxs-default:var(--type-font-weight-heading-default) 14px /18px var(--type-font-family-secondary);--font-static-heading-xxxl:var(--type-font-weight-heading-regular) 53px /60px var(--type-font-family-primary);--icon-stroke-lg:2px;--icon-stroke-md:1.75px;--icon-stroke-sm:1.5px;--icon-stroke-xl:2.25px;--icon-stroke-xs:1.25px;--icon-stroke-xxs:1px;--scrim-default:#000000cc;--shadow-high:0 7px 20px 5px #00000033;--shadow-highest:0 20px 30px 15px #00000033;--shadow-low:0 3px 5px 0 #00000033;--shadow-lowest:0 1px 2px 0 #00000033;--shadow-medium:0 5px 10px 1px #00000033;--shadow-none:0 0 0 0 #00000000;--sizing-10:1px;--sizing-20:2px;--sizing-30:4px;--sizing-40:6px;--sizing-50:8px;--sizing-60:12px;--sizing-70:16px;--sizing-80:20px;--sizing-90:24px;--sizing-100:28px;--sizing-110:30px;--sizing-120:32px;--sizing-130:38px;--sizing-140:40px;--sizing-150:46px;--sizing-160:48px;--sizing-170:56px;--sizing-180:80px;--sizing-190:120px;--sizing-200:160px;--spacing-0:0;--spacing-10:1px;--spacing-20:2px;--spacing-30:3px;--spacing-40:4px;--spacing-50:6px;--spacing-60:7px;--spacing-70:8px;--spacing-80:10px;--spacing-90:12px;--spacing-100:16px;--spacing-110:20px;--spacing-120:24px;--spacing-130:28px;--spacing-140:32px;--spacing-150:36px;--spacing-160:40px;--spacing-170:44px;--spacing-180:48px;--spacing-190:52px;--spacing-200:56px;--spacing-210:60px;--spacing-220:64px;--spacing-230:68px;--spacing-240:72px;--spacing-250:76px;--spacing-260:80px;--spacing-270:84px;--spacing-280:88px;--spacing-290:92px;--spacing-300:96px;--spacing-310:100px;--spacing-320:120px;--spacing-330:132px;--track-default:#0000001a;--type-font-family-primary:"Open Sans",sans-serif;--type-font-family-secondary:"Open Sans",sans-serif;--type-font-family-tertiary:"Roboto Mono",monospace;--type-font-weight-body-bold:600;--type-font-weight-body-default:400;--type-font-weight-body-extra-bold:700;--type-font-weight-code-bold:600;--type-font-weight-code-default:400;--type-font-weight-display-regular:400;--type-font-weight-heading-bold:700;--type-font-weight-heading-default:600;--type-font-weight-heading-regular:400;--type-static-body-lg-font-size:17px;--type-static-body-lg-line-height:26px;--type-static-body-md-font-size:16px;--type-static-body-md-line-height:24px;--type-static-body-sm-font-size:14px;--type-static-body-sm-line-height:20px;--type-static-body-xl-font-size:19px;--type-static-body-xl-line-height:28px;--type-static-body-xs-font-size:12px;--type-static-body-xs-line-height:18px;--type-static-body-xxl-font-size:22px;--type-static-body-xxl-line-height:32px;--type-static-body-xxs-font-size:10px;--type-static-body-xxs-line-height:16px;--type-static-code-lg-font-size:17px;--type-static-code-lg-line-height:26px;--type-static-code-md-font-size:16px;--type-static-code-md-line-height:24px;--type-static-code-sm-font-size:14px;--type-static-code-sm-line-height:20px;--type-static-code-xl-font-size:19px;--type-static-code-xl-line-height:28px;--type-static-code-xs-font-size:12px;--type-static-code-xs-line-height:18px;--type-static-eyebrow-type-font-size:12px;--type-static-eyebrow-type-line-height:18px;--type-static-heading-lg-font-size:28px;--type-static-heading-lg-line-height:34px;--type-static-heading-md-font-size:24px;--type-static-heading-md-line-height:30px;--type-static-heading-sm-font-size:20px;--type-static-heading-sm-line-height:24px;--type-static-heading-xs-font-size:17px;--type-static-heading-xs-line-height:20px;--type-static-heading-xxs-font-size:14px;--type-static-heading-xxs-line-height:18px;--type-static-heading-xxxl-font-size:53px;--type-static-heading-xxxl-line-height:60px}
+[data-brand=arduino][data-theme=light]{--color-background-brand-primary-strong:#002729;--color-background-brand-primary-subtle:#48fff4;--color-background-brand-primary:#006c6f;--color-background-neutral-00:#ffffff;--color-background-neutral-01:#f3f7f8;--color-background-neutral-02:#eaf1f2;--color-background-neutral-03:#e1eaec;--color-background-neutral-10:#040b0f;--color-background-support-danger-medium:#ed9d92;--color-background-support-danger-subtle:#fdf4f3;--color-background-support-danger:#b34131;--color-background-support-info-medium:#11a5d7;--color-background-support-info-subtle:#e0f4fd;--color-background-support-info:#0076a2;--color-background-support-neutral-medium:#aac0c7;--color-background-support-neutral-subtle:#d8e3e6;--color-background-support-neutral:#343f45;--color-background-support-success-medium:#47dab8;--color-background-support-success-subtle:#effdf9;--color-background-support-success:#118570;--color-background-support-warning-medium:#fce38c;--color-background-support-warning-subtle:#fdf2c8;--color-background-support-warning:#f9bc26;--color-border-brand-primary-subtle:#01aeae;--color-border-brand-primary:#008b8d;--color-border-neutral-00:#ffffff;--color-border-neutral-01:#0000001a;--color-border-neutral-02:#00000033;--color-border-neutral-03:#0000004d;--color-border-neutral-10:#040b0f;--color-border-support-danger-medium:#efa69c;--color-border-support-danger:#b34131;--color-border-support-info-medium:#60cff5;--color-border-support-info:#0076a2;--color-border-support-neutral-medium:#aac0c7;--color-border-support-neutral:#343f45;--color-border-support-success-medium:#51dfbe;--color-border-support-success:#108b74;--color-border-support-warning-medium:#facf4f;--color-border-support-warning:#f9c53b;--color-category-amber-medium:#f39c12;--color-category-amber-strong:#a1480e;--color-category-amber-subtle:#facf4f;--color-category-blue-medium:#0e9dcf;--color-category-blue-strong:#08709c;--color-category-blue-subtle:#9fe1fa;--color-category-cyan-medium:#23a3f4;--color-category-cyan-strong:#0377c9;--color-category-cyan-subtle:#b2e2ff;--color-category-green-medium:#00ac00;--color-category-green-strong:#165119;--color-category-green-subtle:#a3f0a3;--color-category-lime-medium:#839b0d;--color-category-lime-strong:#3e4c11;--color-category-lime-subtle:#cde635;--color-category-magenta-medium:#f373a2;--color-category-magenta-strong:#b21940;--color-category-magenta-subtle:#fac2d8;--color-category-orange-medium:#f69155;--color-category-orange-strong:#b02e00;--color-category-orange-subtle:#ffc796;--color-category-purple-medium:#af92ff;--color-category-purple-strong:#660ef4;--color-category-purple-subtle:#dad0ff;--color-category-red-medium:#f87871;--color-category-red-strong:#b9251c;--color-category-red-subtle:#fdc1be;--color-category-teal-medium:#01a7a8;--color-category-teal-strong:#007376;--color-category-teal-subtle:#31f5ed;--color-category-violet-medium:#d77cf7;--color-category-violet-strong:#9521b9;--color-category-violet-subtle:#edc8fd;--color-category-yellow-medium:#ecc00e;--color-category-yellow-strong:#dfb00c;--color-category-yellow-subtle:#fcf38d;--color-icon-brand-primary:#006c6f;--color-icon-neutral-inverse:#ffffff;--color-icon-neutral-primary:#040b0f;--color-icon-neutral-secondary:#4b656f;--color-icon-support-danger:#b34131;--color-icon-support-info:#08709c;--color-icon-support-neutral:#4b656f;--color-icon-support-success:#137362;--color-icon-support-warning:#f39c12;--color-interactive-background-danger-hover:#64251e;--color-interactive-background-danger-idle:#b34131;--color-interactive-background-danger-pressed:#450e0a;--color-interactive-background-ghost-hover:#00000014;--color-interactive-background-ghost-idle:#00000000;--color-interactive-background-ghost-pressed:#00000029;--color-interactive-background-inverse-fill-hover:#e1eaec;--color-interactive-background-inverse-fill-idle:#ffffff;--color-interactive-background-inverse-fill-pressed:#c7d6da;--color-interactive-background-inverse-ghost-hover:#ffffff14;--color-interactive-background-inverse-ghost-idle:#ffffff00;--color-interactive-background-inverse-ghost-pressed:#ffffff29;--color-interactive-background-neutral-hover:#b3c7cd;--color-interactive-background-neutral-idle:#c7d6da;--color-interactive-background-neutral-pressed:#a0b9c0;--color-interactive-background-persistent-black-fill-hover:#20282c;--color-interactive-background-persistent-black-fill-idle:#040b0f;--color-interactive-background-persistent-black-fill-pressed:#343f45;--color-interactive-background-persistent-black-ghost-hover:#00000014;--color-interactive-background-persistent-black-ghost-idle:#00000000;--color-interactive-background-persistent-black-ghost-pressed:#00000029;--color-interactive-background-persistent-white-fill-hover:#e1eaec;--color-interactive-background-persistent-white-fill-idle:#ffffff;--color-interactive-background-persistent-white-fill-pressed:#c7d6da;--color-interactive-background-persistent-white-ghost-hover:#ffffff14;--color-interactive-background-persistent-white-ghost-idle:#ffffff00;--color-interactive-background-persistent-white-ghost-pressed:#ffffff29;--color-interactive-background-primary-hover:#095557;--color-interactive-background-primary-idle:#008184;--color-interactive-background-primary-pressed:#004144;--color-interactive-border-danger-hover:#8b3429;--color-interactive-border-danger-idle:#be4636;--color-interactive-border-danger-pressed:#6c2b23;--color-interactive-border-inverse-hover:#ffffffe5;--color-interactive-border-inverse-idle:#ffffffcc;--color-interactive-border-inverse-pressed:#ffffff;--color-interactive-border-neutral-hover:#00000052;--color-interactive-border-neutral-idle:#00000033;--color-interactive-border-neutral-pressed:#00000070;--color-interactive-border-persistent-black-hover:#000000e5;--color-interactive-border-persistent-black-idle:#000000cc;--color-interactive-border-persistent-black-pressed:#040b0f;--color-interactive-border-persistent-white-hover:#ffffffe5;--color-interactive-border-persistent-white-idle:#ffffffcc;--color-interactive-border-persistent-white-pressed:#ffffff;--color-interactive-border-primary-hover:#005e61;--color-interactive-border-primary-idle:#006c6f;--color-interactive-border-primary-pressed:#004f52;--color-interactive-icon-danger-hover:#833329;--color-interactive-icon-danger-idle:#b34131;--color-interactive-icon-danger-pressed:#64251e;--color-interactive-icon-link-brand-hover:#005e61;--color-interactive-icon-link-brand-idle:#006c6f;--color-interactive-icon-link-brand-pressed:#004f52;--color-interactive-icon-link-brand-visited:#610de7;--color-interactive-icon-link-default-hover:#005e61;--color-interactive-icon-link-default-idle:#006c6f;--color-interactive-icon-link-default-pressed:#013135;--color-interactive-icon-link-default-visited:#610de7;--color-interactive-icon-link-neutral-hover:#3b484f;--color-interactive-icon-link-neutral-idle:#040b0f;--color-interactive-icon-link-neutral-pressed:#486069;--color-interactive-icon-link-neutral-visited:#610de7;--color-interactive-icon-neutral-hover:#182025;--color-interactive-icon-neutral-idle:#283135;--color-interactive-icon-neutral-pressed:#040b0f;--color-interactive-icon-primary-hover:#005e61;--color-interactive-icon-primary-idle:#006c6f;--color-interactive-icon-primary-pressed:#004f52;--color-interactive-text-danger-hover:#833329;--color-interactive-text-danger-idle:#b34131;--color-interactive-text-danger-pressed:#64251e;--color-interactive-text-link-brand-hover:#005e61;--color-interactive-text-link-brand-idle:#006c6f;--color-interactive-text-link-brand-pressed:#004f52;--color-interactive-text-link-brand-visited:#610de7;--color-interactive-text-link-default-hover:#005e61;--color-interactive-text-link-default-idle:#006c6f;--color-interactive-text-link-default-pressed:#013135;--color-interactive-text-link-default-visited:#610de7;--color-interactive-text-link-neutral-hover:#3b484f;--color-interactive-text-link-neutral-idle:#040b0f;--color-interactive-text-link-neutral-pressed:#486069;--color-interactive-text-link-neutral-visited:#610de7;--color-interactive-text-neutral-hover:#182025;--color-interactive-text-neutral-idle:#283135;--color-interactive-text-neutral-pressed:#040b0f;--color-interactive-text-primary-hover:#005e61;--color-interactive-text-primary-idle:#006c6f;--color-interactive-text-primary-pressed:#004f52;--color-scrim-scrim:60;--color-surface-overlay:#ffffff;--color-surface-primary:#ffffff;--color-surface-raised:#ffffff;--color-surface-secondary:#f3f7f8;--color-text-brand-primary:#006c6f;--color-text-neutral-inverse:#ffffff;--color-text-neutral-primary:#040b0f;--color-text-neutral-secondary:#4b656f;--color-text-support-danger:#b34131;--color-text-support-info:#08709c;--color-text-support-success:#137362;--color-utility-disabled-background-solid:#aac0c7;--color-utility-disabled-background:#00000014;--color-utility-disabled-border:#0000001f;--color-utility-disabled-icon:#8eaab2;--color-utility-disabled-inverse-background:#ffffff14;--color-utility-disabled-inverse-border:#ffffff1f;--color-utility-disabled-inverse-icon:#8eaab2;--color-utility-disabled-inverse-text:#8eaab2;--color-utility-disabled-persistent-black-background:#00000014;--color-utility-disabled-persistent-black-border:#0000001f;--color-utility-disabled-persistent-black-icon:#516f79;--color-utility-disabled-persistent-black-text:#516f79;--color-utility-disabled-persistent-white-background:#ffffff14;--color-utility-disabled-persistent-white-border:#ffffff1f;--color-utility-disabled-persistent-white-icon:#8eaab2;--color-utility-disabled-persistent-white-text:#8eaab2;--color-utility-disabled-text:#8eaab2;--color-utility-focus-border:#006c6f;--color-utility-opacity-01:#00000005;--color-utility-opacity-02:#0000000a;--color-utility-opacity-03:#00000014;--color-utility-opacity-04:#0000001f;--color-utility-opacity-05:#00000029;--color-utility-opacity-06:#0000003d;--color-utility-opacity-07:#00000052;--color-utility-opacity-08:#0000007a;--color-utility-opacity-09:#000000a3;--color-utility-opacity-10:#000000cc;--color-utility-persistent-black:#040b0f;--color-utility-persistent-transparent-white:#ffffffcc;--color-utility-persistent-white:#ffffff;--color-utility-placeholder-icon:#516f79;--color-utility-placeholder-text:#516f79;--color-utility-scrim-default:#000000cc;--border-radius-lg:6px;--border-radius-md:4px;--border-radius-none:0;--border-radius-rounded:360px;--border-radius-sm:3px;--border-radius-xl:8px;--border-radius-xs:2px;--border-radius-xxl:12px;--border-width-lg:3px;--border-width-md:2px;--border-width-none:0;--border-width-sm:1px;--border-width-xl:4px;--canvas-width:375;--component-button-global-border-radius:360px;--component-button-global-focus-border-radius:360px;--component-button-type-lg-font-family:var(--type-font-family-secondary);--component-button-type-lg-font-size:16px;--component-button-type-lg-font-weight:var(--type-font-weight-body-extra-bold);--component-button-type-lg-line-height:24px;--component-button-type-md-font-family:var(--type-font-family-secondary);--component-button-type-md-font-size:14px;--component-button-type-md-font-weight:var(--type-font-weight-body-extra-bold);--component-button-type-md-line-height:20px;--component-button-type-sm-font-family:var(--type-font-family-secondary);--component-button-type-sm-font-size:12px;--component-button-type-sm-font-weight:var(--type-font-weight-body-extra-bold);--component-button-type-sm-line-height:18px;--component-button-variant-fill-danger-icon:#ffffff;--component-button-variant-fill-danger-text:#ffffff;--component-button-variant-fill-neutral-icon:#040b0f;--component-button-variant-fill-neutral-text:#040b0f;--component-button-variant-fill-primary-icon:#ffffff;--component-button-variant-fill-primary-text:#ffffff;--component-button-variant-outline-danger-border-hover:#8b3429;--component-button-variant-outline-danger-border-idle:#be4636;--component-button-variant-outline-danger-border-pressed:#6c2b23;--component-button-variant-outline-neutral-border-hover:#00000052;--component-button-variant-outline-neutral-border-idle:#00000033;--component-button-variant-outline-neutral-border-pressed:#00000070;--component-button-variant-outline-primary-border-hover:#005e61;--component-button-variant-outline-primary-border-idle:#006c6f;--component-button-variant-outline-primary-border-pressed:#004f52;--component-tag-selectable-neutral-selected-icon:#040b0f;--component-tag-selectable-neutral-selected-text:#040b0f;--component-utility-icons-stroke-weight-lg:2px;--component-utility-icons-stroke-weight-md:1.75px;--component-utility-icons-stroke-weight-sm:1.5px;--component-utility-icons-stroke-weight-xl:2.25px;--component-utility-icons-stroke-weight-xs:1.25px;--component-utility-icons-stroke-weight-xxs:1px;--cross-component-track-default:#0000001a;--font-dynamic-display-lg:var(--type-font-weight-display-regular) 53px /60px var(--type-font-family-primary);--font-dynamic-display-md:var(--type-font-weight-display-regular) 40px /46px var(--type-font-family-primary);--font-dynamic-heading-lg-bold:var(--type-font-weight-heading-bold) 26px /32px var(--type-font-family-secondary);--font-dynamic-heading-lg-default:var(--type-font-weight-heading-default) 26px /32px var(--type-font-family-secondary);--font-dynamic-heading-xl:var(--type-font-weight-heading-regular) 30px /34px var(--type-font-family-primary);--font-dynamic-heading-xxl:var(--type-font-weight-heading-regular) 34px /40px var(--type-font-family-primary);--font-dynamic-heading-xxxl:var(--type-font-weight-heading-regular) 36px /42px var(--type-font-family-primary);--font-static-body-lg-bold:var(--type-font-weight-body-bold) 17px /26px var(--type-font-family-secondary);--font-static-body-lg-default:var(--type-font-weight-body-default) 17px /26px var(--type-font-family-secondary);--font-static-body-md-bold:var(--type-font-weight-body-bold) 16px /24px var(--type-font-family-secondary);--font-static-body-md-default:var(--type-font-weight-body-default) 16px /24px var(--type-font-family-secondary);--font-static-body-sm-bold:var(--type-font-weight-body-bold) 14px /20px var(--type-font-family-secondary);--font-static-body-sm-default:var(--type-font-weight-body-default) 14px /20px var(--type-font-family-secondary);--font-static-body-xl-bold:var(--type-font-weight-body-bold) 19px /28px var(--type-font-family-secondary);--font-static-body-xl-default:var(--type-font-weight-body-default) 19px /28px var(--type-font-family-secondary);--font-static-body-xs-bold:var(--type-font-weight-body-bold) 12px /18px var(--type-font-family-secondary);--font-static-body-xs-default:var(--type-font-weight-body-default) 12px /18px var(--type-font-family-secondary);--font-static-body-xxl-bold:var(--type-font-weight-body-bold) 22px /32px var(--type-font-family-secondary);--font-static-body-xxl-default:var(--type-font-weight-body-default) 22px /32px var(--type-font-family-secondary);--font-static-body-xxs-bold:var(--type-font-weight-body-bold) 10px /16px var(--type-font-family-secondary);--font-static-body-xxs-default:var(--type-font-weight-body-default) 10px /16px var(--type-font-family-secondary);--font-static-code-lg-bold:var(--type-font-weight-code-bold) 17px /26px var(--type-font-family-tertiary);--font-static-code-lg-default:var(--type-font-weight-code-default) 17px /26px var(--type-font-family-tertiary);--font-static-code-md-bold:var(--type-font-weight-code-bold) 16px /24px var(--type-font-family-tertiary);--font-static-code-md-default:var(--type-font-weight-code-default) 16px /24px var(--type-font-family-tertiary);--font-static-code-sm-bold:var(--type-font-weight-code-bold) 14px /20px var(--type-font-family-tertiary);--font-static-code-sm-default:var(--type-font-weight-code-default) 14px /20px var(--type-font-family-tertiary);--font-static-code-xl-bold:var(--type-font-weight-code-bold) 19px /28px var(--type-font-family-tertiary);--font-static-code-xl-default:var(--type-font-weight-code-default) 19px /28px var(--type-font-family-tertiary);--font-static-code-xs-bold:var(--type-font-weight-code-bold) 12px /18px var(--type-font-family-tertiary);--font-static-code-xs-default:var(--type-font-weight-code-default) 12px /18px var(--type-font-family-tertiary);--font-static-display-lg:var(--type-font-weight-display-regular) 84px /100px var(--type-font-family-primary);--font-static-display-md:var(--type-font-weight-display-regular) 65px /74px var(--type-font-family-primary);--font-static-eyebrow-type-bold:var(--type-font-weight-body-bold) 12px /18px var(--type-font-family-secondary);--font-static-eyebrow-type-default:var(--type-font-weight-body-default) 12px /18px var(--type-font-family-secondary);--font-static-heading-lg-bold:var(--type-font-weight-heading-bold) 28px /34px var(--type-font-family-secondary);--font-static-heading-lg-default:var(--type-font-weight-heading-default) 28px /34px var(--type-font-family-secondary);--font-static-heading-md-bold:var(--type-font-weight-heading-bold) 24px /30px var(--type-font-family-secondary);--font-static-heading-md-default:var(--type-font-weight-heading-default) 24px /30px var(--type-font-family-secondary);--font-static-heading-sm-bold:var(--type-font-weight-heading-bold) 20px /24px var(--type-font-family-secondary);--font-static-heading-sm-default:var(--type-font-weight-heading-default) 20px /24px var(--type-font-family-secondary);--font-static-heading-xl:var(--type-font-weight-heading-regular) 36px /42px var(--type-font-family-primary);--font-static-heading-xs-bold:var(--type-font-weight-heading-bold) 17px /20px var(--type-font-family-secondary);--font-static-heading-xs-default:var(--type-font-weight-heading-default) 17px /20px var(--type-font-family-secondary);--font-static-heading-xxl:var(--type-font-weight-heading-regular) 44px /50px var(--type-font-family-primary);--font-static-heading-xxs-bold:var(--type-font-weight-heading-bold) 14px /18px var(--type-font-family-secondary);--font-static-heading-xxs-default:var(--type-font-weight-heading-default) 14px /18px var(--type-font-family-secondary);--font-static-heading-xxxl:var(--type-font-weight-heading-regular) 53px /60px var(--type-font-family-primary);--shadow-high:0 7px 20px 5px #00000033;--shadow-highest:0 20px 30px 15px #00000033;--shadow-low:0 3px 5px 0 #00000033;--shadow-lowest:0 1px 2px 0 #00000033;--shadow-medium:0 5px 10px 1px #00000033;--shadow-none:0 0 0 0 #00000000;--sizing-10:1px;--sizing-20:2px;--sizing-30:4px;--sizing-40:6px;--sizing-50:8px;--sizing-60:12px;--sizing-70:16px;--sizing-80:20px;--sizing-90:24px;--sizing-100:28px;--sizing-110:30px;--sizing-120:32px;--sizing-130:38px;--sizing-140:40px;--sizing-150:46px;--sizing-160:48px;--sizing-170:56px;--sizing-180:80px;--sizing-190:120px;--sizing-200:160px;--spacing-0:0;--spacing-10:1px;--spacing-20:2px;--spacing-30:3px;--spacing-40:4px;--spacing-50:6px;--spacing-60:7px;--spacing-70:8px;--spacing-80:10px;--spacing-90:12px;--spacing-100:16px;--spacing-110:20px;--spacing-120:24px;--spacing-130:28px;--spacing-140:32px;--spacing-150:36px;--spacing-160:40px;--spacing-170:44px;--spacing-180:48px;--spacing-190:52px;--spacing-200:56px;--spacing-210:60px;--spacing-220:64px;--spacing-230:68px;--spacing-240:72px;--spacing-250:76px;--spacing-260:80px;--spacing-270:84px;--spacing-280:88px;--spacing-290:92px;--spacing-300:96px;--spacing-310:100px;--spacing-320:120px;--spacing-330:132px;--type-font-family-primary:"Open Sans",sans-serif;--type-font-family-secondary:"Open Sans",sans-serif;--type-font-family-tertiary:"Roboto Mono",monospace;--type-font-weight-body-bold:600;--type-font-weight-body-default:400;--type-font-weight-body-extra-bold:700;--type-font-weight-code-bold:600;--type-font-weight-code-default:400;--type-font-weight-display-regular:400;--type-font-weight-heading-bold:700;--type-font-weight-heading-default:600;--type-font-weight-heading-regular:400;--type-static-body-lg-font-size:17px;--type-static-body-lg-line-height:26px;--type-static-body-md-font-size:16px;--type-static-body-md-line-height:24px;--type-static-body-sm-font-size:14px;--type-static-body-sm-line-height:20px;--type-static-body-xl-font-size:19px;--type-static-body-xl-line-height:28px;--type-static-body-xs-font-size:12px;--type-static-body-xs-line-height:18px;--type-static-body-xxl-font-size:22px;--type-static-body-xxl-line-height:32px;--type-static-body-xxs-font-size:10px;--type-static-body-xxs-line-height:16px;--type-static-code-lg-font-size:17px;--type-static-code-lg-line-height:26px;--type-static-code-md-font-size:16px;--type-static-code-md-line-height:24px;--type-static-code-sm-font-size:14px;--type-static-code-sm-line-height:20px;--type-static-code-xl-font-size:19px;--type-static-code-xl-line-height:28px;--type-static-code-xs-font-size:12px;--type-static-code-xs-line-height:18px;--type-static-eyebrow-type-font-size:12px;--type-static-eyebrow-type-line-height:18px;--type-static-heading-lg-font-size:28px;--type-static-heading-lg-line-height:34px;--type-static-heading-md-font-size:24px;--type-static-heading-md-line-height:30px;--type-static-heading-sm-font-size:20px;--type-static-heading-sm-line-height:24px;--type-static-heading-xs-font-size:17px;--type-static-heading-xs-line-height:20px;--type-static-heading-xxs-font-size:14px;--type-static-heading-xxs-line-height:18px;--type-static-heading-xxxl-font-size:53px;--type-static-heading-xxxl-line-height:60px}

package/dist/avatar/qds-avatar.css

@@ -1 +1,11 @@
-.qui-avatar__root{align-items:center;background:transparent;border:0 solid;border-radius:var(--avatar-radius);display:inline-flex;flex-shrink:0;height:var(--avatar-size);justify-content:center;padding:0;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:top;width:var(--avatar-size);--avatar-radius:9999px}.qui-avatar__root[data-size=xs]{--avatar-size:24px;--avatar-content-font:var(--font-static-heading-xxs-bold);--avatar-status-size:6px;--avatar-status-border-size:var(--icon-stroke-xs);--avatar-status-offset:0px}.qui-avatar__root[data-size=xs] .qui-icon__root{--icon-size:16px}.qui-avatar__root[data-size=sm]{--avatar-size:32px;--avatar-content-font:var(--font-static-heading-xs-bold);--avatar-status-size:8px;--avatar-status-border-size:var(--icon-stroke-sm);--avatar-status-offset:1px}.qui-avatar__root[data-size=sm] .qui-icon__root{--icon-size:20px}.qui-avatar__root[data-size=md]{--avatar-size:48px;--avatar-content-font:var(--font-static-heading-md-bold);--avatar-status-size:12px;--avatar-status-border-size:var(--icon-stroke-md);--avatar-status-offset:1px}.qui-avatar__root[data-size=md] .qui-icon__root{--icon-size:24px}.qui-avatar__root[data-size=lg]{--avatar-size:56px;--avatar-content-font:var(--font-static-heading-lg-bold);--avatar-status-size:16px;--avatar-status-border-size:var(--icon-stroke-lg);--avatar-status-offset:1px}.qui-avatar__root[data-size=lg] .qui-icon__root{--icon-size:32px}.qui-avatar__root[data-size=xl]{--avatar-size:80px;--avatar-content-font:var(--font-static-heading-xl);--avatar-status-size:20px;--avatar-status-border-size:var(--icon-stroke-xl);--avatar-status-offset:2px}.qui-avatar__root[data-size=xl] .qui-icon__root{--icon-size:40px}.qui-avatar__root:has(.qui-avatar__status){--_status-cutout-offset:calc(var(--avatar-status-offset) + var(--avatar-status-size) / 2);--_status-cutout-x:calc(100% - var(--_status-cutout-offset));--_status-cutout-y:calc(100% - var(--_status-cutout-offset));--_status-cutout-radius:calc(var(--avatar-status-size) / 2 + var(--avatar-status-border-size))}.qui-avatar__root:has(.qui-avatar__status)>.qui-avatar__content,.qui-avatar__root:has(.qui-avatar__status)>.qui-avatar__image{-webkit-mask-image:radial-gradient(circle at var(--_status-cutout-x) var(--_status-cutout-y),transparent calc(var(--_status-cutout-radius) - 0.5px),black calc(var(--_status-cutout-radius) + 0.5px));mask-image:radial-gradient(circle at var(--_status-cutout-x) var(--_status-cutout-y),transparent calc(var(--_status-cutout-radius) - 0.5px),black calc(var(--_status-cutout-radius) + 0.5px))}.qui-avatar__image{border-radius:var(--avatar-radius);display:block;height:100%;min-width:100%;-o-object-fit:cover;object-fit:cover;overflow:clip;width:100%}.qui-avatar__image[hidden]{display:none}.qui-avatar__content[data-emphasis=neutral]{--avatar-foreground-color:var(--color-text-neutral-primary);--avatar-background-color:var(--color-background-neutral-03)}.qui-avatar__content[data-emphasis=contrast]{--avatar-foreground-color:var(--color-text-neutral-inverse);--avatar-background-color:var(--color-background-neutral-10)}.qui-avatar__content[data-emphasis=brand]{--avatar-foreground-color:var(--color-utility-persistent-white);--avatar-background-color:var(--color-background-brand-primary)}.qui-avatar__content{align-items:center;background-color:var(--avatar-background-color);border-radius:var(--avatar-radius);color:var(--avatar-foreground-color);display:flex;font:var(--avatar-content-font);height:100%;justify-content:center;line-height:1;overflow:clip;text-transform:uppercase;width:100%}.qui-avatar__content[hidden]{display:none}.qui-avatar__status{border-radius:50%;bottom:var(--avatar-status-offset);height:var(--avatar-status-size);position:absolute;right:var(--avatar-status-offset);width:var(--avatar-status-size)}.qui-avatar__status[data-status=active]{background-color:var(--color-background-support-success)}.qui-avatar__status[data-status=offline]{background-color:var(--color-background-support-neutral)}.qui-avatar__status[data-status=away]{background-color:var(--color-background-support-warning)}.qui-avatar__status[data-status=busy]{background-color:var(--color-background-support-danger)}
+.qui-avatar__root{align-items:center;background:transparent;border:0 solid;border-radius:var(--avatar-radius);display:inline-flex;flex-shrink:0;height:var(--avatar-size);justify-content:center;padding:0;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:top;width:var(--avatar-size);--avatar-radius:9999px}.qui-avatar__root[data-size=xs]{--avatar-size:24px;--avatar-content-font:var(--font-static-heading-xxs-bold);--avatar-status-size:6px;--avatar-status-border-size:var(
+      --component-utility-icons-stroke-weight-xs
+    );--avatar-status-offset:0px}.qui-avatar__root[data-size=xs] .qui-icon__root{--icon-size:16px}.qui-avatar__root[data-size=sm]{--avatar-size:32px;--avatar-content-font:var(--font-static-heading-xs-bold);--avatar-status-size:8px;--avatar-status-border-size:var(
+      --component-utility-icons-stroke-weight-sm
+    );--avatar-status-offset:1px}.qui-avatar__root[data-size=sm] .qui-icon__root{--icon-size:20px}.qui-avatar__root[data-size=md]{--avatar-size:48px;--avatar-content-font:var(--font-static-heading-md-bold);--avatar-status-size:12px;--avatar-status-border-size:var(
+      --component-utility-icons-stroke-weight-md
+    );--avatar-status-offset:1px}.qui-avatar__root[data-size=md] .qui-icon__root{--icon-size:24px}.qui-avatar__root[data-size=lg]{--avatar-size:56px;--avatar-content-font:var(--font-static-heading-lg-bold);--avatar-status-size:16px;--avatar-status-border-size:var(
+      --component-utility-icons-stroke-weight-lg
+    );--avatar-status-offset:1px}.qui-avatar__root[data-size=lg] .qui-icon__root{--icon-size:32px}.qui-avatar__root[data-size=xl]{--avatar-size:80px;--avatar-content-font:var(--font-static-heading-xl);--avatar-status-size:20px;--avatar-status-border-size:var(
+      --component-utility-icons-stroke-weight-xl
+    );--avatar-status-offset:2px}.qui-avatar__root[data-size=xl] .qui-icon__root{--icon-size:40px}.qui-avatar__root:has(.qui-avatar__status){--_status-cutout-offset:calc(var(--avatar-status-offset) + var(--avatar-status-size) / 2);--_status-cutout-x:calc(100% - var(--_status-cutout-offset));--_status-cutout-y:calc(100% - var(--_status-cutout-offset));--_status-cutout-radius:calc(var(--avatar-status-size) / 2 + var(--avatar-status-border-size))}.qui-avatar__root:has(.qui-avatar__status)>.qui-avatar__content,.qui-avatar__root:has(.qui-avatar__status)>.qui-avatar__image{-webkit-mask-image:radial-gradient(circle at var(--_status-cutout-x) var(--_status-cutout-y),transparent calc(var(--_status-cutout-radius) - 0.5px),black calc(var(--_status-cutout-radius) + 0.5px));mask-image:radial-gradient(circle at var(--_status-cutout-x) var(--_status-cutout-y),transparent calc(var(--_status-cutout-radius) - 0.5px),black calc(var(--_status-cutout-radius) + 0.5px))}.qui-avatar__image{border-radius:var(--avatar-radius);display:block;height:100%;min-width:100%;-o-object-fit:cover;object-fit:cover;overflow:clip;width:100%}.qui-avatar__image[hidden]{display:none}.qui-avatar__content[data-emphasis=neutral]{--avatar-foreground-color:var(--color-text-neutral-primary);--avatar-background-color:var(--color-background-neutral-03)}.qui-avatar__content[data-emphasis=contrast]{--avatar-foreground-color:var(--color-text-neutral-inverse);--avatar-background-color:var(--color-background-neutral-10)}.qui-avatar__content[data-emphasis=brand]{--avatar-foreground-color:var(--color-utility-persistent-white);--avatar-background-color:var(--color-background-brand-primary)}.qui-avatar__content{align-items:center;background-color:var(--avatar-background-color);border-radius:var(--avatar-radius);color:var(--avatar-foreground-color);display:flex;font:var(--avatar-content-font);height:100%;justify-content:center;line-height:1;overflow:clip;text-transform:uppercase;width:100%}.qui-avatar__content[hidden]{display:none}.qui-avatar__status{border-radius:50%;bottom:var(--avatar-status-offset);height:var(--avatar-status-size);position:absolute;right:var(--avatar-status-offset);width:var(--avatar-status-size)}.qui-avatar__status[data-status=active]{background-color:var(--color-background-support-success)}.qui-avatar__status[data-status=offline]{background-color:var(--color-background-support-neutral)}.qui-avatar__status[data-status=away]{background-color:var(--color-background-support-warning)}.qui-avatar__status[data-status=busy]{background-color:var(--color-background-support-danger)}

package/dist/breadcrumbs/breadcrumbs.api.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumbs.api.d.ts","sourceRoot":"","sources":["../../src/breadcrumbs/breadcrumbs.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,iBAAiB,EACjB,sBAAsB,EAOvB,MAAM,qBAAqB,CAAA;AAE5B,wBAAgB,uBAAuB,CACrC,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,EACvC,SAAS,EAAE,cAAc,GACxB,iBAAiB,CAgDnB"}
+{"version":3,"file":"breadcrumbs.api.d.ts","sourceRoot":"","sources":["../../src/breadcrumbs/breadcrumbs.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,iBAAiB,EACjB,sBAAsB,EAQvB,MAAM,qBAAqB,CAAA;AAE5B,wBAAgB,uBAAuB,CACrC,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,EACvC,SAAS,EAAE,cAAc,GACxB,iBAAiB,CAuDnB"}

package/dist/breadcrumbs/breadcrumbs.classes.d.ts

@@ -3,6 +3,7 @@ export declare const breadcrumbsClasses: {
     readonly itemIcon: "qui-breadcrumbs__item-icon";
     readonly itemTrigger: "qui-breadcrumbs__item-trigger";
     readonly list: "qui-breadcrumbs__list";
+    readonly overflowTrigger: "qui-breadcrumbs__overflow-trigger";
     readonly root: "qui-breadcrumbs__root";
     readonly separator: "qui-breadcrumbs__separator";
 };

package/dist/breadcrumbs/breadcrumbs.classes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumbs.classes.d.ts","sourceRoot":"","sources":["../../src/breadcrumbs/breadcrumbs.classes.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,kBAAkB;;;;;;;CAOrB,CAAA"}
+{"version":3,"file":"breadcrumbs.classes.d.ts","sourceRoot":"","sources":["../../src/breadcrumbs/breadcrumbs.classes.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,kBAAkB;;;;;;;;CAQrB,CAAA"}

package/dist/breadcrumbs/breadcrumbs.types.d.ts

@@ -41,6 +41,10 @@ export interface QdsBreadcrumbsItemTriggerBindings extends QdsBreadcrumbsCommonB
     className: BreadcrumbsClasses["itemTrigger"];
     "data-emphasis": QdsBreadcrumbsEmphasis;
 }
+export interface QdsBreadcrumbsOverflowTriggerBindings extends QdsBreadcrumbsCommonBindings {
+    className: `${BreadcrumbsClasses["itemTrigger"]} ${BreadcrumbsClasses["overflowTrigger"]}`;
+    "data-emphasis": QdsBreadcrumbsEmphasis;
+}
 export interface QdsBreadcrumbsItemApiProps {
     /**
      * Controls the component's interactivity. If `true`, the component becomes
@@ -56,6 +60,7 @@ export interface QdsBreadcrumbsApi {
     getItemSeparatorBindings(): QdsBreadcrumbsItemSeparatorBindings;
     getItemTriggerBindings(): QdsBreadcrumbsItemTriggerBindings;
     getListBindings(): QdsBreadcrumbsListBindings;
+    getOverflowTriggerBindings(): QdsBreadcrumbsOverflowTriggerBindings;
     getRootBindings(): QdsBreadcrumbsRootBindings;
 }
 export {};

package/dist/breadcrumbs/breadcrumbs.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumbs.types.d.ts","sourceRoot":"","sources":["../../src/breadcrumbs/breadcrumbs.types.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,+BAA+B,CAAA;AAElE,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,uBAAuB,CAAA;AAE7D,MAAM,MAAM,kBAAkB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAEnD,MAAM,MAAM,sBAAsB,GAAG,SAAS,GAAG,SAAS,CAAA;AAE1D,MAAM,WAAW,sBAAsB;IACrC;;;OAGG;IACH,QAAQ,CAAC,EAAE,sBAAsB,CAAA;IAEjC;;;OAGG;IACH,IAAI,CAAC,EAAE,kBAAkB,CAAA;CAC1B;AAED,KAAK,kBAAkB,GAAG,OAAO,kBAAkB,CAAA;AAEnD,UAAU,4BAA4B;IACpC,WAAW,EAAE,kBAAkB,CAAA;CAChC;AAED,MAAM,WAAW,0BAA2B,SAAQ,4BAA4B;IAC9E,SAAS,EAAE,kBAAkB,CAAC,MAAM,CAAC,CAAA;CACtC;AAED,MAAM,WAAW,0BAA0B;IACzC,SAAS,EAAE,kBAAkB,CAAC,MAAM,CAAC,CAAA;CACtC;AAED,MAAM,WAAW,0BAA0B;IACzC,SAAS,EAAE,kBAAkB,CAAC,MAAM,CAAC,CAAA;IACrC,eAAe,EAAE,eAAe,CAAA;CACjC;AAED,MAAM,WAAW,mCAAoC,SAAQ,4BAA4B;IACvF,aAAa,EAAE,IAAI,CAAA;IACnB,SAAS,EAAE,kBAAkB,CAAC,WAAW,CAAC,CAAA;IAC1C,WAAW,EAAE,kBAAkB,CAAA;CAChC;AAED,MAAM,WAAW,8BAA+B,SAAQ,4BAA4B;IAClF,SAAS,EAAE,kBAAkB,CAAC,UAAU,CAAC,CAAA;IACzC,eAAe,EAAE,sBAAsB,CAAA;CACxC;AAED,MAAM,WAAW,iCAAkC,SAAQ,4BAA4B;IACrF,SAAS,EAAE,kBAAkB,CAAC,aAAa,CAAC,CAAA;IAC5C,eAAe,EAAE,sBAAsB,CAAA;CACxC;AAED,MAAM,WAAW,0BAA0B;IACzC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,sBAAsB,CAAA;IAChC,IAAI,EAAE,kBAAkB,CAAA;IAGxB,eAAe,CACb,MAAM,EAAE,0BAA0B,GACjC,0BAA0B,CAAA;IAC7B,mBAAmB,IAAI,8BAA8B,CAAA;IACrD,wBAAwB,IAAI,mCAAmC,CAAA;IAC/D,sBAAsB,IAAI,iCAAiC,CAAA;IAC3D,eAAe,IAAI,0BAA0B,CAAA;IAC7C,eAAe,IAAI,0BAA0B,CAAA;CAC9C"}
+{"version":3,"file":"breadcrumbs.types.d.ts","sourceRoot":"","sources":["../../src/breadcrumbs/breadcrumbs.types.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,+BAA+B,CAAA;AAElE,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,uBAAuB,CAAA;AAE7D,MAAM,MAAM,kBAAkB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAEnD,MAAM,MAAM,sBAAsB,GAAG,SAAS,GAAG,SAAS,CAAA;AAE1D,MAAM,WAAW,sBAAsB;IACrC;;;OAGG;IACH,QAAQ,CAAC,EAAE,sBAAsB,CAAA;IAEjC;;;OAGG;IACH,IAAI,CAAC,EAAE,kBAAkB,CAAA;CAC1B;AAED,KAAK,kBAAkB,GAAG,OAAO,kBAAkB,CAAA;AAEnD,UAAU,4BAA4B;IACpC,WAAW,EAAE,kBAAkB,CAAA;CAChC;AAED,MAAM,WAAW,0BAA2B,SAAQ,4BAA4B;IAC9E,SAAS,EAAE,kBAAkB,CAAC,MAAM,CAAC,CAAA;CACtC;AAED,MAAM,WAAW,0BAA0B;IACzC,SAAS,EAAE,kBAAkB,CAAC,MAAM,CAAC,CAAA;CACtC;AAED,MAAM,WAAW,0BAA0B;IACzC,SAAS,EAAE,kBAAkB,CAAC,MAAM,CAAC,CAAA;IACrC,eAAe,EAAE,eAAe,CAAA;CACjC;AAED,MAAM,WAAW,mCAAoC,SAAQ,4BAA4B;IACvF,aAAa,EAAE,IAAI,CAAA;IACnB,SAAS,EAAE,kBAAkB,CAAC,WAAW,CAAC,CAAA;IAC1C,WAAW,EAAE,kBAAkB,CAAA;CAChC;AAED,MAAM,WAAW,8BAA+B,SAAQ,4BAA4B;IAClF,SAAS,EAAE,kBAAkB,CAAC,UAAU,CAAC,CAAA;IACzC,eAAe,EAAE,sBAAsB,CAAA;CACxC;AAED,MAAM,WAAW,iCAAkC,SAAQ,4BAA4B;IACrF,SAAS,EAAE,kBAAkB,CAAC,aAAa,CAAC,CAAA;IAC5C,eAAe,EAAE,sBAAsB,CAAA;CACxC;AAED,MAAM,WAAW,qCAAsC,SAAQ,4BAA4B;IACzF,SAAS,EAAE,GAAG,kBAAkB,CAAC,aAAa,CAAC,IAAI,kBAAkB,CAAC,iBAAiB,CAAC,EAAE,CAAA;IAC1F,eAAe,EAAE,sBAAsB,CAAA;CACxC;AAED,MAAM,WAAW,0BAA0B;IACzC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,sBAAsB,CAAA;IAChC,IAAI,EAAE,kBAAkB,CAAA;IAGxB,eAAe,CACb,MAAM,EAAE,0BAA0B,GACjC,0BAA0B,CAAA;IAC7B,mBAAmB,IAAI,8BAA8B,CAAA;IACrD,wBAAwB,IAAI,mCAAmC,CAAA;IAC/D,sBAAsB,IAAI,iCAAiC,CAAA;IAC3D,eAAe,IAAI,0BAA0B,CAAA;IAC7C,0BAA0B,IAAI,qCAAqC,CAAA;IACnE,eAAe,IAAI,0BAA0B,CAAA;CAC9C"}

package/dist/breadcrumbs/index.cjs

@@ -1,2 +1,2 @@
-"use strict";var m=Object.defineProperty;var n=Object.getOwnPropertyDescriptor;var o=Object.getOwnPropertyNames;var c=Object.prototype.hasOwnProperty;var u=(r,e)=>{for(var s in e)m(r,s,{get:e[s],enumerable:!0})},b=(r,e,s,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let i of o(e))!c.call(r,i)&&i!==s&&m(r,i,{get:()=>e[i],enumerable:!(a=n(e,i))||a.enumerable});return r};var g=r=>b(m({},"__esModule",{value:!0}),r);var B={};u(B,{breadcrumbsClasses:()=>t,createQdsBreadcrumbsApi:()=>p});module.exports=g(B);var d=require("@qualcomm-ui/utils/attributes");var t={item:"qui-breadcrumbs__item",itemIcon:"qui-breadcrumbs__item-icon",itemTrigger:"qui-breadcrumbs__item-trigger",list:"qui-breadcrumbs__list",root:"qui-breadcrumbs__root",separator:"qui-breadcrumbs__separator"};function p(r,e){let s=r.size||"md",a=r.emphasis||"primary";return{emphasis:a,size:s,getItemBindings(i){return e.element({className:t.item,"data-disabled":(0,d.booleanDataAttr)(i.disabled)})},getItemIconBindings(){return e.element({className:t.itemIcon,"data-emphasis":a,"data-size":s})},getItemSeparatorBindings(){return e.element({"aria-hidden":!0,className:t.separator,"data-size":s})},getItemTriggerBindings(){return e.button({className:t.itemTrigger,"data-emphasis":a,"data-size":s})},getListBindings(){return e.element({className:t.list})},getRootBindings(){return e.element({className:t.root,"data-size":s})}}}
+"use strict";var d=Object.defineProperty;var n=Object.getOwnPropertyDescriptor;var o=Object.getOwnPropertyNames;var g=Object.prototype.hasOwnProperty;var u=(s,r)=>{for(var e in r)d(s,e,{get:r[e],enumerable:!0})},c=(s,r,e,t)=>{if(r&&typeof r=="object"||typeof r=="function")for(let a of o(r))!g.call(s,a)&&a!==e&&d(s,a,{get:()=>r[a],enumerable:!(t=n(r,a))||t.enumerable});return s};var b=s=>c(d({},"__esModule",{value:!0}),s);var p={};u(p,{breadcrumbsClasses:()=>i,createQdsBreadcrumbsApi:()=>B});module.exports=b(p);var m=require("@qualcomm-ui/utils/attributes");var i={item:"qui-breadcrumbs__item",itemIcon:"qui-breadcrumbs__item-icon",itemTrigger:"qui-breadcrumbs__item-trigger",list:"qui-breadcrumbs__list",overflowTrigger:"qui-breadcrumbs__overflow-trigger",root:"qui-breadcrumbs__root",separator:"qui-breadcrumbs__separator"};function B(s,r){let e=s.size||"md",t=s.emphasis||"primary";return{emphasis:t,size:e,getItemBindings(a){return r.element({className:i.item,"data-disabled":(0,m.booleanDataAttr)(a.disabled)})},getItemIconBindings(){return r.element({className:i.itemIcon,"data-emphasis":t,"data-size":e})},getItemSeparatorBindings(){return r.element({"aria-hidden":!0,className:i.separator,"data-size":e})},getItemTriggerBindings(){return r.element({className:i.itemTrigger,"data-emphasis":t,"data-size":e})},getListBindings(){return r.element({className:i.list})},getOverflowTriggerBindings(){return r.button({className:`${i.itemTrigger} ${i.overflowTrigger}`,"data-emphasis":t,"data-size":e})},getRootBindings(){return r.element({className:i.root,"data-size":e})}}}
 //# sourceMappingURL=index.cjs.map

package/dist/breadcrumbs/index.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/breadcrumbs/index.ts", "../../src/breadcrumbs/breadcrumbs.api.ts", "../../src/breadcrumbs/breadcrumbs.classes.ts"],
-  "sourcesContent": ["export * from \"./breadcrumbs.api\"\nexport * from \"./breadcrumbs.classes\"\nexport type * from \"./breadcrumbs.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 {breadcrumbsClasses} from \"./breadcrumbs.classes\"\nimport type {\n  QdsBreadcrumbsApi,\n  QdsBreadcrumbsApiProps,\n  QdsBreadcrumbsItemBindings,\n  QdsBreadcrumbsItemIconBindings,\n  QdsBreadcrumbsItemSeparatorBindings,\n  QdsBreadcrumbsItemTriggerBindings,\n  QdsBreadcrumbsListBindings,\n  QdsBreadcrumbsRootBindings,\n} from \"./breadcrumbs.types\"\n\nexport function createQdsBreadcrumbsApi(\n  props: Explicit<QdsBreadcrumbsApiProps>,\n  normalize: PropNormalizer,\n): QdsBreadcrumbsApi {\n  const size = props.size || \"md\"\n  const emphasis = props.emphasis || \"primary\"\n\n  return {\n    emphasis,\n    size,\n\n    // group: bindings\n    getItemBindings(params): QdsBreadcrumbsItemBindings {\n      return normalize.element({\n        className: breadcrumbsClasses.item,\n        \"data-disabled\": booleanDataAttr(params.disabled),\n      })\n    },\n    getItemIconBindings(): QdsBreadcrumbsItemIconBindings {\n      return normalize.element({\n        className: breadcrumbsClasses.itemIcon,\n        \"data-emphasis\": emphasis,\n        \"data-size\": size,\n      })\n    },\n    getItemSeparatorBindings(): QdsBreadcrumbsItemSeparatorBindings {\n      return normalize.element({\n        \"aria-hidden\": true,\n        className: breadcrumbsClasses.separator,\n        \"data-size\": size,\n      })\n    },\n    getItemTriggerBindings(): QdsBreadcrumbsItemTriggerBindings {\n      return normalize.button({\n        className: breadcrumbsClasses.itemTrigger,\n        \"data-emphasis\": emphasis,\n        \"data-size\": size,\n      })\n    },\n    getListBindings(): QdsBreadcrumbsListBindings {\n      return normalize.element({\n        className: breadcrumbsClasses.list,\n      })\n    },\n    getRootBindings(): QdsBreadcrumbsRootBindings {\n      return normalize.element({\n        className: breadcrumbsClasses.root,\n        \"data-size\": size,\n      })\n    },\n  }\n}\n", "// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nexport const breadcrumbsClasses = {\n  item: \"qui-breadcrumbs__item\",\n  itemIcon: \"qui-breadcrumbs__item-icon\",\n  itemTrigger: \"qui-breadcrumbs__item-trigger\",\n  list: \"qui-breadcrumbs__list\",\n  root: \"qui-breadcrumbs__root\",\n  separator: \"qui-breadcrumbs__separator\",\n} as const\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,wBAAAE,EAAA,4BAAAC,IAAA,eAAAC,EAAAJ,GCGA,IAAAK,EAA8B,yCCAvB,IAAMC,EAAqB,CAChC,KAAM,wBACN,SAAU,6BACV,YAAa,gCACb,KAAM,wBACN,KAAM,wBACN,UAAW,4BACb,EDSO,SAASC,EACdC,EACAC,EACmB,CACnB,IAAMC,EAAOF,EAAM,MAAQ,KACrBG,EAAWH,EAAM,UAAY,UAEnC,MAAO,CACL,SAAAG,EACA,KAAAD,EAGA,gBAAgBE,EAAoC,CAClD,OAAOH,EAAU,QAAQ,CACvB,UAAWI,EAAmB,KAC9B,mBAAiB,mBAAgBD,EAAO,QAAQ,CAClD,CAAC,CACH,EACA,qBAAsD,CACpD,OAAOH,EAAU,QAAQ,CACvB,UAAWI,EAAmB,SAC9B,gBAAiBF,EACjB,YAAaD,CACf,CAAC,CACH,EACA,0BAAgE,CAC9D,OAAOD,EAAU,QAAQ,CACvB,cAAe,GACf,UAAWI,EAAmB,UAC9B,YAAaH,CACf,CAAC,CACH,EACA,wBAA4D,CAC1D,OAAOD,EAAU,OAAO,CACtB,UAAWI,EAAmB,YAC9B,gBAAiBF,EACjB,YAAaD,CACf,CAAC,CACH,EACA,iBAA8C,CAC5C,OAAOD,EAAU,QAAQ,CACvB,UAAWI,EAAmB,IAChC,CAAC,CACH,EACA,iBAA8C,CAC5C,OAAOJ,EAAU,QAAQ,CACvB,UAAWI,EAAmB,KAC9B,YAAaH,CACf,CAAC,CACH,CACF,CACF",
+  "sourcesContent": ["export * from \"./breadcrumbs.api\"\nexport * from \"./breadcrumbs.classes\"\nexport type * from \"./breadcrumbs.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 {breadcrumbsClasses} from \"./breadcrumbs.classes\"\nimport type {\n  QdsBreadcrumbsApi,\n  QdsBreadcrumbsApiProps,\n  QdsBreadcrumbsItemBindings,\n  QdsBreadcrumbsItemIconBindings,\n  QdsBreadcrumbsItemSeparatorBindings,\n  QdsBreadcrumbsItemTriggerBindings,\n  QdsBreadcrumbsListBindings,\n  QdsBreadcrumbsOverflowTriggerBindings,\n  QdsBreadcrumbsRootBindings,\n} from \"./breadcrumbs.types\"\n\nexport function createQdsBreadcrumbsApi(\n  props: Explicit<QdsBreadcrumbsApiProps>,\n  normalize: PropNormalizer,\n): QdsBreadcrumbsApi {\n  const size = props.size || \"md\"\n  const emphasis = props.emphasis || \"primary\"\n\n  return {\n    emphasis,\n    size,\n\n    // group: bindings\n    getItemBindings(params): QdsBreadcrumbsItemBindings {\n      return normalize.element({\n        className: breadcrumbsClasses.item,\n        \"data-disabled\": booleanDataAttr(params.disabled),\n      })\n    },\n    getItemIconBindings(): QdsBreadcrumbsItemIconBindings {\n      return normalize.element({\n        className: breadcrumbsClasses.itemIcon,\n        \"data-emphasis\": emphasis,\n        \"data-size\": size,\n      })\n    },\n    getItemSeparatorBindings(): QdsBreadcrumbsItemSeparatorBindings {\n      return normalize.element({\n        \"aria-hidden\": true,\n        className: breadcrumbsClasses.separator,\n        \"data-size\": size,\n      })\n    },\n    getItemTriggerBindings(): QdsBreadcrumbsItemTriggerBindings {\n      return normalize.element({\n        className: breadcrumbsClasses.itemTrigger,\n        \"data-emphasis\": emphasis,\n        \"data-size\": size,\n      })\n    },\n    getListBindings(): QdsBreadcrumbsListBindings {\n      return normalize.element({\n        className: breadcrumbsClasses.list,\n      })\n    },\n    getOverflowTriggerBindings(): QdsBreadcrumbsOverflowTriggerBindings {\n      return normalize.button({\n        className: `${breadcrumbsClasses.itemTrigger} ${breadcrumbsClasses.overflowTrigger}`,\n        \"data-emphasis\": emphasis,\n        \"data-size\": size,\n      })\n    },\n    getRootBindings(): QdsBreadcrumbsRootBindings {\n      return normalize.element({\n        className: breadcrumbsClasses.root,\n        \"data-size\": size,\n      })\n    },\n  }\n}\n", "// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nexport const breadcrumbsClasses = {\n  item: \"qui-breadcrumbs__item\",\n  itemIcon: \"qui-breadcrumbs__item-icon\",\n  itemTrigger: \"qui-breadcrumbs__item-trigger\",\n  list: \"qui-breadcrumbs__list\",\n  overflowTrigger: \"qui-breadcrumbs__overflow-trigger\",\n  root: \"qui-breadcrumbs__root\",\n  separator: \"qui-breadcrumbs__separator\",\n} as const\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,wBAAAE,EAAA,4BAAAC,IAAA,eAAAC,EAAAJ,GCGA,IAAAK,EAA8B,yCCAvB,IAAMC,EAAqB,CAChC,KAAM,wBACN,SAAU,6BACV,YAAa,gCACb,KAAM,wBACN,gBAAiB,oCACjB,KAAM,wBACN,UAAW,4BACb,EDSO,SAASC,EACdC,EACAC,EACmB,CACnB,IAAMC,EAAOF,EAAM,MAAQ,KACrBG,EAAWH,EAAM,UAAY,UAEnC,MAAO,CACL,SAAAG,EACA,KAAAD,EAGA,gBAAgBE,EAAoC,CAClD,OAAOH,EAAU,QAAQ,CACvB,UAAWI,EAAmB,KAC9B,mBAAiB,mBAAgBD,EAAO,QAAQ,CAClD,CAAC,CACH,EACA,qBAAsD,CACpD,OAAOH,EAAU,QAAQ,CACvB,UAAWI,EAAmB,SAC9B,gBAAiBF,EACjB,YAAaD,CACf,CAAC,CACH,EACA,0BAAgE,CAC9D,OAAOD,EAAU,QAAQ,CACvB,cAAe,GACf,UAAWI,EAAmB,UAC9B,YAAaH,CACf,CAAC,CACH,EACA,wBAA4D,CAC1D,OAAOD,EAAU,QAAQ,CACvB,UAAWI,EAAmB,YAC9B,gBAAiBF,EACjB,YAAaD,CACf,CAAC,CACH,EACA,iBAA8C,CAC5C,OAAOD,EAAU,QAAQ,CACvB,UAAWI,EAAmB,IAChC,CAAC,CACH,EACA,4BAAoE,CAClE,OAAOJ,EAAU,OAAO,CACtB,UAAW,GAAGI,EAAmB,WAAW,IAAIA,EAAmB,eAAe,GAClF,gBAAiBF,EACjB,YAAaD,CACf,CAAC,CACH,EACA,iBAA8C,CAC5C,OAAOD,EAAU,QAAQ,CACvB,UAAWI,EAAmB,KAC9B,YAAaH,CACf,CAAC,CACH,CACF,CACF",
   "names": ["breadcrumbs_exports", "__export", "breadcrumbsClasses", "createQdsBreadcrumbsApi", "__toCommonJS", "import_attributes", "breadcrumbsClasses", "createQdsBreadcrumbsApi", "props", "normalize", "size", "emphasis", "params", "breadcrumbsClasses"]
 }

package/dist/breadcrumbs/index.js

@@ -1,2 +1,2 @@
-import{booleanDataAttr as m}from"@qualcomm-ui/utils/attributes";var e={item:"qui-breadcrumbs__item",itemIcon:"qui-breadcrumbs__item-icon",itemTrigger:"qui-breadcrumbs__item-trigger",list:"qui-breadcrumbs__list",root:"qui-breadcrumbs__root",separator:"qui-breadcrumbs__separator"};function c(i,r){let s=i.size||"md",t=i.emphasis||"primary";return{emphasis:t,size:s,getItemBindings(a){return r.element({className:e.item,"data-disabled":m(a.disabled)})},getItemIconBindings(){return r.element({className:e.itemIcon,"data-emphasis":t,"data-size":s})},getItemSeparatorBindings(){return r.element({"aria-hidden":!0,className:e.separator,"data-size":s})},getItemTriggerBindings(){return r.button({className:e.itemTrigger,"data-emphasis":t,"data-size":s})},getListBindings(){return r.element({className:e.list})},getRootBindings(){return r.element({className:e.root,"data-size":s})}}}export{e as breadcrumbsClasses,c as createQdsBreadcrumbsApi};
+import{booleanDataAttr as d}from"@qualcomm-ui/utils/attributes";var r={item:"qui-breadcrumbs__item",itemIcon:"qui-breadcrumbs__item-icon",itemTrigger:"qui-breadcrumbs__item-trigger",list:"qui-breadcrumbs__list",overflowTrigger:"qui-breadcrumbs__overflow-trigger",root:"qui-breadcrumbs__root",separator:"qui-breadcrumbs__separator"};function g(t,e){let s=t.size||"md",i=t.emphasis||"primary";return{emphasis:i,size:s,getItemBindings(a){return e.element({className:r.item,"data-disabled":d(a.disabled)})},getItemIconBindings(){return e.element({className:r.itemIcon,"data-emphasis":i,"data-size":s})},getItemSeparatorBindings(){return e.element({"aria-hidden":!0,className:r.separator,"data-size":s})},getItemTriggerBindings(){return e.element({className:r.itemTrigger,"data-emphasis":i,"data-size":s})},getListBindings(){return e.element({className:r.list})},getOverflowTriggerBindings(){return e.button({className:`${r.itemTrigger} ${r.overflowTrigger}`,"data-emphasis":i,"data-size":s})},getRootBindings(){return e.element({className:r.root,"data-size":s})}}}export{r as breadcrumbsClasses,g as createQdsBreadcrumbsApi};
 //# sourceMappingURL=index.js.map

package/dist/breadcrumbs/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/breadcrumbs/breadcrumbs.api.ts", "../../src/breadcrumbs/breadcrumbs.classes.ts"],
-  "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 {breadcrumbsClasses} from \"./breadcrumbs.classes\"\nimport type {\n  QdsBreadcrumbsApi,\n  QdsBreadcrumbsApiProps,\n  QdsBreadcrumbsItemBindings,\n  QdsBreadcrumbsItemIconBindings,\n  QdsBreadcrumbsItemSeparatorBindings,\n  QdsBreadcrumbsItemTriggerBindings,\n  QdsBreadcrumbsListBindings,\n  QdsBreadcrumbsRootBindings,\n} from \"./breadcrumbs.types\"\n\nexport function createQdsBreadcrumbsApi(\n  props: Explicit<QdsBreadcrumbsApiProps>,\n  normalize: PropNormalizer,\n): QdsBreadcrumbsApi {\n  const size = props.size || \"md\"\n  const emphasis = props.emphasis || \"primary\"\n\n  return {\n    emphasis,\n    size,\n\n    // group: bindings\n    getItemBindings(params): QdsBreadcrumbsItemBindings {\n      return normalize.element({\n        className: breadcrumbsClasses.item,\n        \"data-disabled\": booleanDataAttr(params.disabled),\n      })\n    },\n    getItemIconBindings(): QdsBreadcrumbsItemIconBindings {\n      return normalize.element({\n        className: breadcrumbsClasses.itemIcon,\n        \"data-emphasis\": emphasis,\n        \"data-size\": size,\n      })\n    },\n    getItemSeparatorBindings(): QdsBreadcrumbsItemSeparatorBindings {\n      return normalize.element({\n        \"aria-hidden\": true,\n        className: breadcrumbsClasses.separator,\n        \"data-size\": size,\n      })\n    },\n    getItemTriggerBindings(): QdsBreadcrumbsItemTriggerBindings {\n      return normalize.button({\n        className: breadcrumbsClasses.itemTrigger,\n        \"data-emphasis\": emphasis,\n        \"data-size\": size,\n      })\n    },\n    getListBindings(): QdsBreadcrumbsListBindings {\n      return normalize.element({\n        className: breadcrumbsClasses.list,\n      })\n    },\n    getRootBindings(): QdsBreadcrumbsRootBindings {\n      return normalize.element({\n        className: breadcrumbsClasses.root,\n        \"data-size\": size,\n      })\n    },\n  }\n}\n", "// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nexport const breadcrumbsClasses = {\n  item: \"qui-breadcrumbs__item\",\n  itemIcon: \"qui-breadcrumbs__item-icon\",\n  itemTrigger: \"qui-breadcrumbs__item-trigger\",\n  list: \"qui-breadcrumbs__list\",\n  root: \"qui-breadcrumbs__root\",\n  separator: \"qui-breadcrumbs__separator\",\n} as const\n"],
-  "mappings": "AAGA,OAAQ,mBAAAA,MAAsB,gCCAvB,IAAMC,EAAqB,CAChC,KAAM,wBACN,SAAU,6BACV,YAAa,gCACb,KAAM,wBACN,KAAM,wBACN,UAAW,4BACb,EDSO,SAASC,EACdC,EACAC,EACmB,CACnB,IAAMC,EAAOF,EAAM,MAAQ,KACrBG,EAAWH,EAAM,UAAY,UAEnC,MAAO,CACL,SAAAG,EACA,KAAAD,EAGA,gBAAgBE,EAAoC,CAClD,OAAOH,EAAU,QAAQ,CACvB,UAAWI,EAAmB,KAC9B,gBAAiBC,EAAgBF,EAAO,QAAQ,CAClD,CAAC,CACH,EACA,qBAAsD,CACpD,OAAOH,EAAU,QAAQ,CACvB,UAAWI,EAAmB,SAC9B,gBAAiBF,EACjB,YAAaD,CACf,CAAC,CACH,EACA,0BAAgE,CAC9D,OAAOD,EAAU,QAAQ,CACvB,cAAe,GACf,UAAWI,EAAmB,UAC9B,YAAaH,CACf,CAAC,CACH,EACA,wBAA4D,CAC1D,OAAOD,EAAU,OAAO,CACtB,UAAWI,EAAmB,YAC9B,gBAAiBF,EACjB,YAAaD,CACf,CAAC,CACH,EACA,iBAA8C,CAC5C,OAAOD,EAAU,QAAQ,CACvB,UAAWI,EAAmB,IAChC,CAAC,CACH,EACA,iBAA8C,CAC5C,OAAOJ,EAAU,QAAQ,CACvB,UAAWI,EAAmB,KAC9B,YAAaH,CACf,CAAC,CACH,CACF,CACF",
+  "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 {breadcrumbsClasses} from \"./breadcrumbs.classes\"\nimport type {\n  QdsBreadcrumbsApi,\n  QdsBreadcrumbsApiProps,\n  QdsBreadcrumbsItemBindings,\n  QdsBreadcrumbsItemIconBindings,\n  QdsBreadcrumbsItemSeparatorBindings,\n  QdsBreadcrumbsItemTriggerBindings,\n  QdsBreadcrumbsListBindings,\n  QdsBreadcrumbsOverflowTriggerBindings,\n  QdsBreadcrumbsRootBindings,\n} from \"./breadcrumbs.types\"\n\nexport function createQdsBreadcrumbsApi(\n  props: Explicit<QdsBreadcrumbsApiProps>,\n  normalize: PropNormalizer,\n): QdsBreadcrumbsApi {\n  const size = props.size || \"md\"\n  const emphasis = props.emphasis || \"primary\"\n\n  return {\n    emphasis,\n    size,\n\n    // group: bindings\n    getItemBindings(params): QdsBreadcrumbsItemBindings {\n      return normalize.element({\n        className: breadcrumbsClasses.item,\n        \"data-disabled\": booleanDataAttr(params.disabled),\n      })\n    },\n    getItemIconBindings(): QdsBreadcrumbsItemIconBindings {\n      return normalize.element({\n        className: breadcrumbsClasses.itemIcon,\n        \"data-emphasis\": emphasis,\n        \"data-size\": size,\n      })\n    },\n    getItemSeparatorBindings(): QdsBreadcrumbsItemSeparatorBindings {\n      return normalize.element({\n        \"aria-hidden\": true,\n        className: breadcrumbsClasses.separator,\n        \"data-size\": size,\n      })\n    },\n    getItemTriggerBindings(): QdsBreadcrumbsItemTriggerBindings {\n      return normalize.element({\n        className: breadcrumbsClasses.itemTrigger,\n        \"data-emphasis\": emphasis,\n        \"data-size\": size,\n      })\n    },\n    getListBindings(): QdsBreadcrumbsListBindings {\n      return normalize.element({\n        className: breadcrumbsClasses.list,\n      })\n    },\n    getOverflowTriggerBindings(): QdsBreadcrumbsOverflowTriggerBindings {\n      return normalize.button({\n        className: `${breadcrumbsClasses.itemTrigger} ${breadcrumbsClasses.overflowTrigger}`,\n        \"data-emphasis\": emphasis,\n        \"data-size\": size,\n      })\n    },\n    getRootBindings(): QdsBreadcrumbsRootBindings {\n      return normalize.element({\n        className: breadcrumbsClasses.root,\n        \"data-size\": size,\n      })\n    },\n  }\n}\n", "// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nexport const breadcrumbsClasses = {\n  item: \"qui-breadcrumbs__item\",\n  itemIcon: \"qui-breadcrumbs__item-icon\",\n  itemTrigger: \"qui-breadcrumbs__item-trigger\",\n  list: \"qui-breadcrumbs__list\",\n  overflowTrigger: \"qui-breadcrumbs__overflow-trigger\",\n  root: \"qui-breadcrumbs__root\",\n  separator: \"qui-breadcrumbs__separator\",\n} as const\n"],
+  "mappings": "AAGA,OAAQ,mBAAAA,MAAsB,gCCAvB,IAAMC,EAAqB,CAChC,KAAM,wBACN,SAAU,6BACV,YAAa,gCACb,KAAM,wBACN,gBAAiB,oCACjB,KAAM,wBACN,UAAW,4BACb,EDSO,SAASC,EACdC,EACAC,EACmB,CACnB,IAAMC,EAAOF,EAAM,MAAQ,KACrBG,EAAWH,EAAM,UAAY,UAEnC,MAAO,CACL,SAAAG,EACA,KAAAD,EAGA,gBAAgBE,EAAoC,CAClD,OAAOH,EAAU,QAAQ,CACvB,UAAWI,EAAmB,KAC9B,gBAAiBC,EAAgBF,EAAO,QAAQ,CAClD,CAAC,CACH,EACA,qBAAsD,CACpD,OAAOH,EAAU,QAAQ,CACvB,UAAWI,EAAmB,SAC9B,gBAAiBF,EACjB,YAAaD,CACf,CAAC,CACH,EACA,0BAAgE,CAC9D,OAAOD,EAAU,QAAQ,CACvB,cAAe,GACf,UAAWI,EAAmB,UAC9B,YAAaH,CACf,CAAC,CACH,EACA,wBAA4D,CAC1D,OAAOD,EAAU,QAAQ,CACvB,UAAWI,EAAmB,YAC9B,gBAAiBF,EACjB,YAAaD,CACf,CAAC,CACH,EACA,iBAA8C,CAC5C,OAAOD,EAAU,QAAQ,CACvB,UAAWI,EAAmB,IAChC,CAAC,CACH,EACA,4BAAoE,CAClE,OAAOJ,EAAU,OAAO,CACtB,UAAW,GAAGI,EAAmB,WAAW,IAAIA,EAAmB,eAAe,GAClF,gBAAiBF,EACjB,YAAaD,CACf,CAAC,CACH,EACA,iBAA8C,CAC5C,OAAOD,EAAU,QAAQ,CACvB,UAAWI,EAAmB,KAC9B,YAAaH,CACf,CAAC,CACH,CACF,CACF",
   "names": ["booleanDataAttr", "breadcrumbsClasses", "createQdsBreadcrumbsApi", "props", "normalize", "size", "emphasis", "params", "breadcrumbsClasses", "booleanDataAttr"]
 }

package/dist/breadcrumbs/qds-breadcrumbs.css

@@ -1 +1 @@
-.qui-breadcrumbs__list{align-items:center;display:flex;gap:var(--spacing-40);justify-content:flex-start;margin:0;padding:0}.qui-breadcrumbs__item{align-items:center;display:inline-flex;gap:var(--spacing-40);list-style-type:none}.qui-breadcrumbs__item:last-child .qui-breadcrumbs__separator{display:none}.qui-breadcrumbs__item:last-child .qui-breadcrumbs__item-trigger[data-emphasis=primary]{color:var(--color-interactive-text-primary-pressed);--icon-color:var(--color-interactive-icon-primary-pressed)}.qui-breadcrumbs__item:last-child .qui-breadcrumbs__item-trigger[data-emphasis=neutral]{color:var(--color-text-neutral-primary);--icon-color:var(--color-icon-neutral-primary)}.qui-breadcrumbs__item[data-disabled] .qui-breadcrumbs__item-trigger[data-emphasis]{color:var(--color-utility-disabled-text);pointer-events:none;--icon-color:var(--color-utility-disabled-icon)}.qui-breadcrumbs__item-trigger{align-items:center;background-color:transparent;border:0 solid;border-radius:var(--border-radius-sm);box-sizing:border-box;display:inline-flex;gap:var(--spacing-40);margin:0;opacity:1;padding:0;text-decoration:none}.qui-breadcrumbs__item-trigger[data-size=sm]{font:var(--font-static-body-xs-default)}.qui-breadcrumbs__item-trigger[data-size=md]{font:var(--font-static-body-sm-default)}.qui-breadcrumbs__item-trigger[data-size=lg]{font:var(--font-static-body-md-default)}.qui-breadcrumbs__item-trigger:hover{text-decoration:underline}.qui-breadcrumbs__item-trigger:focus-visible{outline:solid 2px var(--color-utility-focus-border);outline-offset:-1px}.qui-breadcrumbs__item-trigger[data-emphasis=primary]{color:var(--color-interactive-text-primary-idle);--icon-color:var(--color-interactive-icon-primary-idle)}.qui-breadcrumbs__item-trigger[data-emphasis=primary]:hover{color:var(--color-interactive-text-primary-hover);--icon-color:var(--color-interactive-icon-primary-hover)}.qui-breadcrumbs__item-trigger[data-emphasis=primary]:active{color:var(--color-interactive-text-primary-pressed);--icon-color:var(--color-interactive-icon-primary-pressed)}.qui-breadcrumbs__item-trigger[data-emphasis=neutral]{color:var(--color-text-neutral-secondary);--icon-color:var(--color-icon-neutral-secondary)}.qui-breadcrumbs__item-trigger[data-emphasis=neutral]:hover{color:var(--color-text-neutral-secondary);--icon-color:var(--color-icon-neutral-secondary)}.qui-breadcrumbs__item-trigger[data-emphasis=neutral]:active{color:var(--color-text-neutral-primary);--icon-color:var(--color-icon-neutral-primary)}.qui-breadcrumbs__item-icon{color:var(--icon-color)}.qui-breadcrumbs__item-icon[data-size=sm]{--icon-size:var(--sizing-60)}.qui-breadcrumbs__item-icon[data-size=md]{--icon-size:var(--sizing-70)}.qui-breadcrumbs__item-icon[data-size=lg]{--icon-size:var(--sizing-80)}.qui-breadcrumbs__separator{color:var(--color-icon-neutral-secondary);--icon-height:var(--icon-size);--icon-width:var(--icon-size)}.qui-breadcrumbs__separator[data-size=sm]{--icon-size:var(--sizing-60)}.qui-breadcrumbs__separator[data-size=md]{--icon-size:var(--sizing-70)}.qui-breadcrumbs__separator[data-size=lg]{--icon-size:var(--sizing-80)}
+.qui-breadcrumbs__list{align-items:center;display:flex;gap:var(--spacing-40);justify-content:flex-start;margin:0;padding:0}.qui-breadcrumbs__item{align-items:center;display:inline-flex;gap:var(--spacing-40);list-style-type:none}.qui-breadcrumbs__item:last-child .qui-breadcrumbs__separator{display:none}.qui-breadcrumbs__item:last-child .qui-breadcrumbs__item-trigger[data-emphasis=primary]{color:var(--color-interactive-text-primary-pressed);--icon-color:var(--color-interactive-icon-primary-pressed)}.qui-breadcrumbs__item:last-child .qui-breadcrumbs__item-trigger[data-emphasis=neutral]{color:var(--color-text-neutral-primary);--icon-color:var(--color-icon-neutral-primary)}.qui-breadcrumbs__item:last-child .qui-breadcrumbs__item-trigger:not(a){cursor:default;pointer-events:none}.qui-breadcrumbs__item[data-disabled] .qui-breadcrumbs__item-trigger[data-emphasis]{color:var(--color-utility-disabled-text);pointer-events:none;--icon-color:var(--color-utility-disabled-icon)}.qui-breadcrumbs__item-trigger{align-items:center;background-color:transparent;border:0 solid;border-radius:var(--border-radius-sm);box-sizing:border-box;cursor:pointer;display:inline-flex;gap:var(--spacing-40);margin:0;opacity:1;padding:0;text-decoration:none}.qui-breadcrumbs__item-trigger[data-size=sm]{font:var(--font-static-body-xs-default)}.qui-breadcrumbs__item-trigger[data-size=md]{font:var(--font-static-body-sm-default)}.qui-breadcrumbs__item-trigger[data-size=lg]{font:var(--font-static-body-md-default)}.qui-breadcrumbs__item-trigger:hover{text-decoration:underline}.qui-breadcrumbs__item-trigger:focus-visible{outline:solid 2px var(--color-utility-focus-border);outline-offset:-1px}.qui-breadcrumbs__item-trigger[data-emphasis=primary]{color:var(--color-interactive-text-primary-idle);--icon-color:var(--color-interactive-icon-primary-idle)}.qui-breadcrumbs__item-trigger[data-emphasis=primary]:hover{color:var(--color-interactive-text-primary-hover);--icon-color:var(--color-interactive-icon-primary-hover)}.qui-breadcrumbs__item-trigger[data-emphasis=primary]:active{color:var(--color-interactive-text-primary-pressed);--icon-color:var(--color-interactive-icon-primary-pressed)}.qui-breadcrumbs__item-trigger[data-emphasis=neutral]{color:var(--color-text-neutral-secondary);--icon-color:var(--color-icon-neutral-secondary)}.qui-breadcrumbs__item-trigger[data-emphasis=neutral]:hover{color:var(--color-text-neutral-secondary);--icon-color:var(--color-icon-neutral-secondary)}.qui-breadcrumbs__item-trigger[data-emphasis=neutral]:active{color:var(--color-text-neutral-primary);--icon-color:var(--color-icon-neutral-primary)}.qui-breadcrumbs__item-icon{color:var(--icon-color)}.qui-breadcrumbs__item-icon[data-size=sm]{--icon-size:var(--sizing-60)}.qui-breadcrumbs__item-icon[data-size=md]{--icon-size:var(--sizing-70)}.qui-breadcrumbs__item-icon[data-size=lg]{--icon-size:var(--sizing-80)}.qui-breadcrumbs__separator{color:var(--color-icon-neutral-secondary);--icon-height:var(--icon-size);--icon-width:var(--icon-size)}.qui-breadcrumbs__separator[data-size=sm]{--icon-size:var(--sizing-60)}.qui-breadcrumbs__separator[data-size=md]{--icon-size:var(--sizing-70)}.qui-breadcrumbs__separator[data-size=lg]{--icon-size:var(--sizing-80)}

package/dist/button/qds-button.css

@@ -22,7 +22,7 @@
         --color-interactive-background-inverse-ghost-pressed
       );--button-bg-disabled:var(
         --color-interactive-background-inverse-ghost-idle
-      )}.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(
+      )}.qui-button__root[data-variant=outline]{border:var(--border-width-sm) solid var(--outline-border-idle);box-shadow:0 0 0 1px inset transparent;--outline-border-idle:var(
       --component-button-variant-outline-neutral-border-idle
     );--outline-border-hover:var(
       --component-button-variant-outline-neutral-border-hover