@qualcomm-ui/qds-core 1.20.3 → 1.21.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (37) hide show
  1. package/dist/alert-banner/qds-alert-banner.css +1 -1
  2. package/dist/arduino-dark.min.css +1 -0
  3. package/dist/arduino-light.min.css +1 -0
  4. package/dist/avatar/qds-avatar.css +1 -1
  5. package/dist/badge/badge.types.d.ts +3 -1
  6. package/dist/badge/badge.types.d.ts.map +1 -1
  7. package/dist/badge/qds-badge-colors.css +1 -1
  8. package/dist/badge/qds-number-badge.css +1 -1
  9. package/dist/button/button.types.d.ts +1 -1
  10. package/dist/button/button.types.d.ts.map +1 -1
  11. package/dist/button/qds-button.css +19 -3
  12. package/dist/components.min.css +21 -5
  13. package/dist/dragonwing-dark.min.css +1 -1
  14. package/dist/dragonwing-light.min.css +1 -1
  15. package/dist/inline-notification/qds-inline-notification.css +1 -1
  16. package/dist/progress/qds-progress.css +1 -1
  17. package/dist/progress-ring/qds-progress-ring.css +1 -1
  18. package/dist/qualcomm-dark.min.css +1 -1
  19. package/dist/qualcomm-light.min.css +1 -1
  20. package/dist/select/qds-select.css +1 -1
  21. package/dist/snapdragon-dark.min.css +1 -1
  22. package/dist/snapdragon-light.min.css +1 -1
  23. package/dist/tag/index.cjs +1 -1
  24. package/dist/tag/index.cjs.map +2 -2
  25. package/dist/tag/index.js +1 -1
  26. package/dist/tag/index.js.map +2 -2
  27. package/dist/tag/qds-tag.css +1 -1
  28. package/dist/tag/tag.types.d.ts +20 -4
  29. package/dist/tag/tag.types.d.ts.map +1 -1
  30. package/dist/theme/index.cjs +1 -1
  31. package/dist/theme/index.cjs.map +2 -2
  32. package/dist/theme/index.js +1 -1
  33. package/dist/theme/index.js.map +2 -2
  34. package/dist/theme/theme.types.d.ts +1 -0
  35. package/dist/theme/theme.types.d.ts.map +1 -1
  36. package/dist/tsbuildinfo +1 -1
  37. package/package.json +2 -2
package/dist/alert-banner/qds-alert-banner.css CHANGED
@@ -1 +1 @@
1
- .qui-alert-banner__root{align-items:center;box-sizing:border-box;display:flex;height:var(--sizing-170);padding:var(--spacing-90) var(--spacing-100);width:100%}.qui-alert-banner__root:has(.qui-alert-banner__close-button){padding-inline-end:var(--spacing-70)}.qui-alert-banner__root[data-variant=strong]{--text-color:var(--color-utility-persistent-white);--icon-color:var(--color-utility-persistent-white)}.qui-alert-banner__root[data-variant=strong][data-emphasis=info]{background:var(--color-background-support-info)}.qui-alert-banner__root[data-variant=strong][data-emphasis=success]{background:var(--color-background-support-success)}.qui-alert-banner__root[data-variant=strong][data-emphasis=danger]{background:var(--color-background-support-danger)}.qui-alert-banner__root[data-variant=strong][data-emphasis=neutral]{background:var(--color-background-support-neutral)}.qui-alert-banner__root[data-variant=strong][data-emphasis=warning]{--text-color:var(--color-utility-persistent-black);--icon-color:var(--color-utility-persistent-black);background:var(--color-background-support-warning)}.qui-alert-banner__root[data-variant=subtle]{--text-color:var(--color-text-neutral-primary);border-style:solid;border-width:var(--border-width-sm)}.qui-alert-banner__root[data-variant=subtle][data-emphasis=info]{--icon-color:var(--color-icon-support-info);background:var(--color-background-support-info-subtle);border-color:var(--color-border-support-info)}.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)}.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)}.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)}.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)}.qui-alert-banner__icon{color:var(--icon-color);flex-shrink:0;margin-inline-end:var(--spacing-70)}.qui-alert-banner__heading{color:var(--text-color);flex-shrink:0;font:var(--font-static-body-md-bold);margin-inline-end:var(--spacing-90);max-width:900px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qui-alert-banner__description{color:var(--text-color);flex:1 1 0;font:var(--font-static-body-sm-default);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qui-alert-banner__action{flex-shrink:0;margin-inline-start:var(--spacing-120)}.qui-alert-banner__close-button{flex-shrink:0;margin-inline-start:var(--spacing-120)}.qui-alert-banner__root:not(:has(.qui-alert-banner__description)) .qui-alert-banner__action{margin-inline-start:auto}.qui-alert-banner__root:not(:has(.qui-alert-banner__description)):not(:has(.qui-alert-banner__action)) .qui-alert-banner__close-button{margin-inline-start:auto}
1
+ .qui-alert-banner__root{align-items:center;box-sizing:border-box;display:flex;height:var(--sizing-170);padding:var(--spacing-90) var(--spacing-100);width:100%}.qui-alert-banner__root:has(.qui-alert-banner__close-button){padding-inline-end:var(--spacing-70)}.qui-alert-banner__root[data-variant=strong]{--text-color:var(--color-utility-persistent-white);--icon-color:var(--color-utility-persistent-white)}.qui-alert-banner__root[data-variant=strong][data-emphasis=info]{background:var(--color-background-support-info)}.qui-alert-banner__root[data-variant=strong][data-emphasis=success]{background:var(--color-background-support-success)}.qui-alert-banner__root[data-variant=strong][data-emphasis=danger]{background:var(--color-background-support-danger)}.qui-alert-banner__root[data-variant=strong][data-emphasis=neutral]{background:var(--color-background-support-neutral)}.qui-alert-banner__root[data-variant=strong][data-emphasis=warning]{--text-color:var(--color-utility-persistent-black);--icon-color:var(--color-utility-persistent-black);background:var(--color-background-support-warning)}.qui-alert-banner__root[data-variant=subtle]{--text-color:var(--color-text-neutral-primary);border-style:solid;border-width:var(--border-width-sm)}.qui-alert-banner__root[data-variant=subtle][data-emphasis=info]{--icon-color:var(--color-icon-support-info);background:var(--color-background-support-info-subtle);border-color:var(--color-border-support-info-medium)}.qui-alert-banner__root[data-variant=subtle][data-emphasis=success]{--icon-color:var(--color-icon-support-success);background:var(--color-background-support-success-subtle);border-color:var(--color-border-support-success-medium)}.qui-alert-banner__root[data-variant=subtle][data-emphasis=danger]{--icon-color:var(--color-icon-support-danger);background:var(--color-background-support-danger-subtle);border-color:var(--color-border-support-danger-medium)}.qui-alert-banner__root[data-variant=subtle][data-emphasis=neutral]{--icon-color:var(--color-icon-support-neutral);background:var(--color-background-support-neutral-subtle);border-color:var(--color-border-support-neutral-medium)}.qui-alert-banner__root[data-variant=subtle][data-emphasis=warning]{--icon-color:var(--color-icon-support-warning);background:var(--color-background-support-warning-subtle);border-color:var(--color-border-support-warning-medium)}.qui-alert-banner__icon{color:var(--icon-color);flex-shrink:0;margin-inline-end:var(--spacing-70)}.qui-alert-banner__heading{color:var(--text-color);flex-shrink:0;font:var(--font-static-body-md-bold);margin-inline-end:var(--spacing-90);max-width:900px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qui-alert-banner__description{color:var(--text-color);flex:1 1 0;font:var(--font-static-body-sm-default);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qui-alert-banner__action{flex-shrink:0;margin-inline-start:var(--spacing-120)}.qui-alert-banner__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}
package/dist/arduino-dark.min.css ADDED
@@ -0,0 +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}
package/dist/arduino-light.min.css ADDED
@@ -0,0 +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}
package/dist/avatar/qds-avatar.css CHANGED
@@ -1 +1 @@
1
- .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}.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}.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}.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}.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}.qui-avatar__root[data-size=xl] .qui-icon__root{--icon-size:40px}.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:var(--avatar-status-border-size,1px) solid var(--color-border-neutral-00);border-radius:50%;bottom:0;box-sizing:border-box;height:var(--avatar-status-size);position:absolute;right:0;width:var(--avatar-status-size)}:is([data-size=lg],[data-size=xl]) .qui-avatar__status{--avatar-status-border-size:2px}.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)}
1
+ .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)}
package/dist/badge/badge.types.d.ts CHANGED
@@ -4,7 +4,9 @@ export type QdsBadgeBasicSize = "sm" | "md" | "lg";
4
4
  export type QdsBadgeExtraSize = "xs" | QdsBadgeBasicSize | "xl";
5
5
  export type QdsBadgeExtendedSize = "xxs" | QdsBadgeExtraSize;
6
6
  export type QdsBadgeSemanticEmphasis = "neutral" | "brand" | "info" | "success" | "warning" | "danger";
7
- export type QdsBadgeCategoryEmphasis = "blue" | "cyan" | "green" | "kiwi" | "magenta" | "orange" | "purple" | "red" | "teal" | "yellow";
7
+ /** @deprecated use "lime" */
8
+ export type QdsBadgeCategoryEmphasis__deprecated = "kiwi";
9
+ export type QdsBadgeCategoryEmphasis = "amber" | "blue" | "cyan" | "green" | "lime" | "magenta" | "orange" | "purple" | "red" | "teal" | "violet" | "yellow" | QdsBadgeCategoryEmphasis__deprecated;
8
10
  export interface QdsBaseBadgeProps {
9
11
  /**
10
12
  * The badge disabled state.
package/dist/badge/badge.types.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"badge.types.d.ts","sourceRoot":"","sources":["../../src/badge/badge.types.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,iBAAiB,CAAA;AAEjD,MAAM,MAAM,YAAY,GAAG,OAAO,YAAY,CAAA;AAE9C,MAAM,MAAM,iBAAiB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAClD,MAAM,MAAM,iBAAiB,GAAG,IAAI,GAAG,iBAAiB,GAAG,IAAI,CAAA;AAC/D,MAAM,MAAM,oBAAoB,GAAG,KAAK,GAAG,iBAAiB,CAAA;AAE5D,MAAM,MAAM,wBAAwB,GAChC,SAAS,GACT,OAAO,GACP,MAAM,GACN,SAAS,GACT,SAAS,GACT,QAAQ,CAAA;AAEZ,MAAM,MAAM,wBAAwB,GAChC,MAAM,GACN,MAAM,GACN,OAAO,GACP,MAAM,GACN,SAAS,GACT,QAAQ,GACR,QAAQ,GACR,KAAK,GACL,MAAM,GACN,QAAQ,CAAA;AAEZ,MAAM,WAAW,iBAAiB;IAChC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB"}
1
+ {"version":3,"file":"badge.types.d.ts","sourceRoot":"","sources":["../../src/badge/badge.types.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,iBAAiB,CAAA;AAEjD,MAAM,MAAM,YAAY,GAAG,OAAO,YAAY,CAAA;AAE9C,MAAM,MAAM,iBAAiB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAClD,MAAM,MAAM,iBAAiB,GAAG,IAAI,GAAG,iBAAiB,GAAG,IAAI,CAAA;AAC/D,MAAM,MAAM,oBAAoB,GAAG,KAAK,GAAG,iBAAiB,CAAA;AAE5D,MAAM,MAAM,wBAAwB,GAChC,SAAS,GACT,OAAO,GACP,MAAM,GACN,SAAS,GACT,SAAS,GACT,QAAQ,CAAA;AAEZ,6BAA6B;AAE7B,MAAM,MAAM,oCAAoC,GAAG,MAAM,CAAA;AAEzD,MAAM,MAAM,wBAAwB,GAChC,OAAO,GACP,MAAM,GACN,MAAM,GACN,OAAO,GACP,MAAM,GACN,SAAS,GACT,QAAQ,GACR,QAAQ,GACR,KAAK,GACL,MAAM,GACN,QAAQ,GACR,QAAQ,GACR,oCAAoC,CAAA;AAExC,MAAM,WAAW,iBAAiB;IAChC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB"}
package/dist/badge/qds-badge-colors.css CHANGED
@@ -1 +1 @@
1
- .qui-badge__root[data-emphasis]{--badge-text:var(--color-utility-persistent-white)}.qui-badge__root[data-emphasis=brand]{--badge-background:var(--color-background-brand-primary)}.qui-badge__root[data-emphasis=info]{--badge-background:var(--color-background-support-info)}.qui-badge__root[data-emphasis=success]{--badge-background:var(--color-background-support-success)}.qui-badge__root[data-emphasis=danger]{--badge-background:var(--color-background-support-danger)}.qui-badge__root[data-emphasis=blue]{--badge-background:var(--color-category-blue-strong)}.qui-badge__root[data-emphasis=cyan]{--badge-background:var(--color-category-cyan-strong)}.qui-badge__root[data-emphasis=green]{--badge-background:var(--color-category-green-strong)}.qui-badge__root[data-emphasis=kiwi]{--badge-background:var(--color-category-kiwi-strong)}.qui-badge__root[data-emphasis=magenta]{--badge-background:var(--color-category-magenta-strong)}.qui-badge__root[data-emphasis=orange]{--badge-background:var(--color-category-orange-strong)}.qui-badge__root[data-emphasis=purple]{--badge-background:var(--color-category-purple-strong)}.qui-badge__root[data-emphasis=red]{--badge-background:var(--color-category-red-strong)}.qui-badge__root[data-emphasis=teal]{--badge-background:var(--color-category-teal-strong)}.qui-badge__root[data-emphasis=warning]{--badge-background:var(--color-background-support-warning);--badge-text:var(--color-utility-persistent-black)}.qui-badge__root[data-emphasis=neutral]{--badge-background:var(--color-background-neutral-10);--badge-text:var(--color-text-neutral-inverse)}.qui-badge__root[data-emphasis=yellow]{--badge-background:var(--color-category-yellow-strong);--badge-text:var(--color-utility-persistent-black)}.qui-badge__root[data-variant=subtle][data-emphasis]{--badge-text:var(--color-text-neutral-primary)}.qui-badge__root[data-variant=subtle][data-emphasis=brand]{--badge-background:var(--color-background-brand-primary-subtle)}.qui-badge__root[data-variant=subtle][data-emphasis=info]{--badge-background:var(--color-background-support-info-medium)}.qui-badge__root[data-variant=subtle][data-emphasis=success]{--badge-background:var(--color-background-support-success-medium)}.qui-badge__root[data-variant=subtle][data-emphasis=warning]{--badge-background:var(--color-background-support-warning-medium)}.qui-badge__root[data-variant=subtle][data-emphasis=danger]{--badge-background:var(--color-background-support-danger-medium)}.qui-badge__root[data-variant=subtle][data-emphasis=blue]{--badge-background:var(--color-category-blue-subtle)}.qui-badge__root[data-variant=subtle][data-emphasis=cyan]{--badge-background:var(--color-category-cyan-subtle)}.qui-badge__root[data-variant=subtle][data-emphasis=green]{--badge-background:var(--color-category-green-subtle)}.qui-badge__root[data-variant=subtle][data-emphasis=kiwi]{--badge-background:var(--color-category-kiwi-subtle)}.qui-badge__root[data-variant=subtle][data-emphasis=magenta]{--badge-background:var(--color-category-magenta-subtle)}.qui-badge__root[data-variant=subtle][data-emphasis=orange]{--badge-background:var(--color-category-orange-subtle)}.qui-badge__root[data-variant=subtle][data-emphasis=purple]{--badge-background:var(--color-category-purple-subtle)}.qui-badge__root[data-variant=subtle][data-emphasis=red]{--badge-background:var(--color-category-red-subtle)}.qui-badge__root[data-variant=subtle][data-emphasis=teal]{--badge-background:var(--color-category-teal-subtle)}.qui-badge__root[data-variant=subtle][data-emphasis=yellow]{--badge-background:var(--color-category-yellow-subtle)}.qui-badge__root[data-variant=subtle][data-emphasis=neutral]{--badge-background:var(--color-background-support-neutral);--badge-text:var(--color-utility-persistent-white)}.qui-badge__root[data-scope][data-emphasis][data-disabled]{--badge-background:var(--color-utility-disabled-background);--badge-border:var(--color-utility-disabled-border);--badge-text:var(--color-utility-disabled-text);--icon-color:var(--color-utility-disabled-icon)}
1
+ .qui-badge__root[data-emphasis]{--badge-text:var(--color-text-neutral-inverse)}.qui-badge__root[data-emphasis=brand]{--badge-background:var(--color-background-brand-primary)}.qui-badge__root[data-emphasis=info]{--badge-background:var(--color-background-support-info)}.qui-badge__root[data-emphasis=success]{--badge-background:var(--color-background-support-success)}.qui-badge__root[data-emphasis=danger]{--badge-background:var(--color-background-support-danger)}.qui-badge__root[data-emphasis=amber]{--badge-background:var(--color-category-amber-strong)}.qui-badge__root[data-emphasis=blue]{--badge-background:var(--color-category-blue-strong)}.qui-badge__root[data-emphasis=cyan]{--badge-background:var(--color-category-cyan-strong)}.qui-badge__root[data-emphasis=green]{--badge-background:var(--color-category-green-strong)}.qui-badge__root[data-emphasis=kiwi],.qui-badge__root[data-emphasis=lime]{--badge-background:var(--color-category-lime-strong)}.qui-badge__root[data-emphasis=magenta]{--badge-background:var(--color-category-magenta-strong)}.qui-badge__root[data-emphasis=orange]{--badge-background:var(--color-category-orange-strong)}.qui-badge__root[data-emphasis=purple]{--badge-background:var(--color-category-purple-strong)}.qui-badge__root[data-emphasis=red]{--badge-background:var(--color-category-red-strong)}.qui-badge__root[data-emphasis=teal]{--badge-background:var(--color-category-teal-strong)}.qui-badge__root[data-emphasis=violet]{--badge-background:var(--color-category-violet-strong)}.qui-badge__root[data-emphasis=warning]{--badge-background:var(--color-background-support-warning);--badge-text:var(--color-utility-persistent-black)}.qui-badge__root[data-emphasis=neutral]{--badge-background:var(--color-background-neutral-10)}.qui-badge__root[data-emphasis=yellow]{--badge-background:var(--color-category-yellow-strong);--badge-text:var(--color-utility-persistent-black)}.qui-badge__root[data-variant=subtle][data-emphasis]{--badge-text:var(--color-text-neutral-primary)}.qui-badge__root[data-variant=subtle][data-emphasis=brand]{--badge-background:var(--color-background-brand-primary-subtle)}.qui-badge__root[data-variant=subtle][data-emphasis=info]{--badge-background:var(--color-background-support-info-medium)}.qui-badge__root[data-variant=subtle][data-emphasis=success]{--badge-background:var(--color-background-support-success-medium)}.qui-badge__root[data-variant=subtle][data-emphasis=warning]{--badge-background:var(--color-background-support-warning-medium)}.qui-badge__root[data-variant=subtle][data-emphasis=danger]{--badge-background:var(--color-background-support-danger-medium)}.qui-badge__root[data-variant=subtle][data-emphasis=amber]{--badge-background:var(--color-category-amber-subtle)}.qui-badge__root[data-variant=subtle][data-emphasis=blue]{--badge-background:var(--color-category-blue-subtle)}.qui-badge__root[data-variant=subtle][data-emphasis=cyan]{--badge-background:var(--color-category-cyan-subtle)}.qui-badge__root[data-variant=subtle][data-emphasis=green]{--badge-background:var(--color-category-green-subtle)}.qui-badge__root[data-variant=subtle][data-emphasis=kiwi],.qui-badge__root[data-variant=subtle][data-emphasis=lime]{--badge-background:var(--color-category-lime-subtle)}.qui-badge__root[data-variant=subtle][data-emphasis=magenta]{--badge-background:var(--color-category-magenta-subtle)}.qui-badge__root[data-variant=subtle][data-emphasis=orange]{--badge-background:var(--color-category-orange-subtle)}.qui-badge__root[data-variant=subtle][data-emphasis=purple]{--badge-background:var(--color-category-purple-subtle)}.qui-badge__root[data-variant=subtle][data-emphasis=red]{--badge-background:var(--color-category-red-subtle)}.qui-badge__root[data-variant=subtle][data-emphasis=teal]{--badge-background:var(--color-category-teal-subtle)}.qui-badge__root[data-variant=subtle][data-emphasis=violet]{--badge-background:var(--color-category-violet-subtle)}.qui-badge__root[data-variant=subtle][data-emphasis=yellow]{--badge-background:var(--color-category-yellow-subtle)}.qui-badge__root[data-variant=subtle][data-emphasis=neutral]{--badge-background:var(--color-background-support-neutral);--badge-text:var(--color-utility-persistent-white)}.qui-badge__root[data-scope][data-emphasis][data-disabled]{--badge-background:var(--color-utility-disabled-background);--badge-border:var(--color-utility-disabled-border);--badge-text:var(--color-utility-disabled-text);--icon-color:var(--color-utility-disabled-icon)}
package/dist/badge/qds-number-badge.css CHANGED
@@ -1 +1 @@
1
- .qui-badge__root[data-size=sm]{font:var(--font-static-body-xs-default);--count-size:var(--sizing-80)}.qui-badge__root[data-size=md]{font:var(--font-static-body-sm-default);--count-size:var(--sizing-90)}.qui-badge__root[data-size=lg]{font:var(--font-static-body-md-default);--count-size:var(--sizing-120)}.qui-badge__root[data-scope=number-badge]{background:var(--badge-background);block-size:var(--count-size);border:solid var(--border-size,0) var(--badge-border);border-radius:var(--border-radius-rounded);color:var(--badge-text);min-inline-size:var(--count-size);padding:0}.qui-badge__root[data-scope=number-badge][data-overflow]{padding:0 var(--spacing-50)}.qui-badge__root[data-scope=number-badge][data-emphasis=neutral]{--badge-background:var(--color-background-support-neutral);--badge-text:var(--color-utility-persistent-white)}.qui-badge__root[data-scope=number-badge][data-emphasis=neutral-outline]{--badge-background:transparent;--badge-border:var(--color-border-support-neutral);--badge-text:var(--color-text-neutral-primary);--border-size:1px}.qui-badge__root[data-scope=number-badge][data-emphasis=brand-outline]{--badge-background:transparent;--badge-border:var(--color-border-support-neutral);--badge-text:var(--color-text-brand-primary);--border-size:1px}.qui-badge__root[data-scope=number-badge][data-emphasis=persistent-black]{--badge-background:var(--color-utility-persistent-black);--badge-text:var(--color-utility-persistent-white)}.qui-badge__root[data-scope=number-badge][data-emphasis=persistent-white]{--badge-background:var(--color-utility-persistent-white);--badge-text:var(--color-utility-persistent-black)}
1
+ .qui-badge__root[data-size=sm]{font:var(--font-static-body-xs-default);--count-size:var(--sizing-80)}.qui-badge__root[data-size=md]{font:var(--font-static-body-sm-default);--count-size:var(--sizing-90)}.qui-badge__root[data-size=lg]{font:var(--font-static-body-md-default);--count-size:var(--sizing-120)}.qui-badge__root[data-scope=number-badge]{background:var(--badge-background);block-size:var(--count-size);border:solid var(--border-size,0) var(--badge-border);border-radius:var(--border-radius-rounded);color:var(--badge-text);min-inline-size:var(--count-size);padding:0}.qui-badge__root[data-scope=number-badge][data-overflow]{padding:0 var(--spacing-50)}.qui-badge__root[data-scope=number-badge][data-emphasis=neutral]{--badge-background:var(--color-background-support-neutral)}.qui-badge__root[data-scope=number-badge][data-emphasis=brand]{--badge-text:var(--color-utility-persistent-white)}.qui-badge__root[data-scope=number-badge][data-emphasis=neutral-outline]{--badge-background:transparent;--badge-border:var(--color-border-support-neutral-medium);--badge-text:var(--color-text-neutral-primary);--border-size:1px}.qui-badge__root[data-scope=number-badge][data-emphasis=brand-outline]{--badge-background:transparent;--badge-border:var(--color-border-support-neutral-medium);--badge-text:var(--color-text-brand-primary);--border-size:1px}.qui-badge__root[data-scope=number-badge][data-emphasis=persistent-black]{--badge-background:var(--color-utility-persistent-black);--badge-text:var(--color-utility-persistent-white)}.qui-badge__root[data-scope=number-badge][data-emphasis=persistent-white]{--badge-background:var(--color-utility-persistent-white);--badge-text:var(--color-utility-persistent-black)}
package/dist/button/button.types.d.ts CHANGED
@@ -7,7 +7,7 @@ export type QdsButtonVariant = "fill" | "ghost" | "outline";
7
7
  /**
8
8
  * The QDS button emphasis
9
9
  */
10
- export type QdsButtonEmphasis = "neutral" | "primary" | "danger" | "white-persistent" | "black-persistent";
10
+ export type QdsButtonEmphasis = "neutral" | "primary" | "danger" | "white-persistent" | "black-persistent" | "inverse";
11
11
  export type QdsButtonSize = "sm" | "md" | "lg";
12
12
  export type QdsButtonDensity = "default" | "compact";
13
13
  export interface QdsButtonApiProps {
package/dist/button/button.types.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"button.types.d.ts","sourceRoot":"","sources":["../../src/button/button.types.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,+BAA+B,CAAA;AAElE,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,kBAAkB,CAAA;AAEnD;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAA;AAE3D;;GAEG;AACH,MAAM,MAAM,iBAAiB,GACzB,SAAS,GACT,SAAS,GACT,QAAQ,GACR,kBAAkB,GAClB,kBAAkB,CAAA;AAEtB,MAAM,MAAM,aAAa,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAE9C,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,SAAS,CAAA;AAEpD,MAAM,WAAW,iBAAiB;IAChC;;;;OAIG;IACH,OAAO,CAAC,EAAE,gBAAgB,CAAA;IAE1B;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,iBAAiB,CAAA;IAE5B;;;;OAIG;IACH,IAAI,CAAC,EAAE,aAAa,CAAA;IAEpB;;;;OAIG;IACH,OAAO,CAAC,EAAE,gBAAgB,CAAA;CAC3B;AAED,KAAK,aAAa,GAAG,OAAO,aAAa,CAAA;AAEzC,MAAM,WAAW,cAAe,SAAQ,iBAAiB;IACvD,YAAY,EAAE,QAAQ,CAAA;CACvB;AAED,MAAM,WAAW,qBAAsB,SAAQ,cAAc;IAC3D,SAAS,EAAE,aAAa,CAAC,MAAM,CAAC,CAAA;IAChC,cAAc,EAAE,gBAAgB,CAAA;IAChC,eAAe,EAAE,eAAe,CAAA;IAChC,WAAW,EAAE,MAAM,CAAA;IACnB,WAAW,EAAE,MAAM,CAAA;IACnB,WAAW,EAAE,aAAa,CAAA;IAC1B,cAAc,EAAE,gBAAgB,CAAA;CACjC;AAED,MAAM,WAAW,0BAA2B,SAAQ,cAAc;IAChE,SAAS,EAAE,aAAa,CAAC,MAAM,CAAC,CAAA;IAChC,cAAc,EAAE,gBAAgB,CAAA;IAChC,WAAW,EAAE,MAAM,CAAA;IACnB,gBAAgB,EAAE,OAAO,CAAA;IACzB,WAAW,EAAE,aAAa,CAAA;CAC3B;AAED,MAAM,WAAW,wBAAyB,SAAQ,cAAc;IAC9D,SAAS,EAAE,aAAa,CAAC,MAAM,CAAC,CAAA;IAChC,cAAc,EAAE,gBAAgB,CAAA;IAChC,WAAW,EAAE,MAAM,CAAA;IACnB,gBAAgB,EAAE,KAAK,CAAA;IACvB,WAAW,EAAE,aAAa,CAAA;CAC3B;AAED,MAAM,WAAW,YAAY;IAC3B,kBAAkB,IAAI,wBAAwB,CAAA;IAC9C,eAAe,IAAI,qBAAqB,CAAA;IACxC,oBAAoB,IAAI,0BAA0B,CAAA;CACnD"}
1
+ {"version":3,"file":"button.types.d.ts","sourceRoot":"","sources":["../../src/button/button.types.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,+BAA+B,CAAA;AAElE,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,kBAAkB,CAAA;AAEnD;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAA;AAE3D;;GAEG;AACH,MAAM,MAAM,iBAAiB,GACzB,SAAS,GACT,SAAS,GACT,QAAQ,GACR,kBAAkB,GAClB,kBAAkB,GAClB,SAAS,CAAA;AAEb,MAAM,MAAM,aAAa,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAE9C,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,SAAS,CAAA;AAEpD,MAAM,WAAW,iBAAiB;IAChC;;;;OAIG;IACH,OAAO,CAAC,EAAE,gBAAgB,CAAA;IAE1B;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,iBAAiB,CAAA;IAE5B;;;;OAIG;IACH,IAAI,CAAC,EAAE,aAAa,CAAA;IAEpB;;;;OAIG;IACH,OAAO,CAAC,EAAE,gBAAgB,CAAA;CAC3B;AAED,KAAK,aAAa,GAAG,OAAO,aAAa,CAAA;AAEzC,MAAM,WAAW,cAAe,SAAQ,iBAAiB;IACvD,YAAY,EAAE,QAAQ,CAAA;CACvB;AAED,MAAM,WAAW,qBAAsB,SAAQ,cAAc;IAC3D,SAAS,EAAE,aAAa,CAAC,MAAM,CAAC,CAAA;IAChC,cAAc,EAAE,gBAAgB,CAAA;IAChC,eAAe,EAAE,eAAe,CAAA;IAChC,WAAW,EAAE,MAAM,CAAA;IACnB,WAAW,EAAE,MAAM,CAAA;IACnB,WAAW,EAAE,aAAa,CAAA;IAC1B,cAAc,EAAE,gBAAgB,CAAA;CACjC;AAED,MAAM,WAAW,0BAA2B,SAAQ,cAAc;IAChE,SAAS,EAAE,aAAa,CAAC,MAAM,CAAC,CAAA;IAChC,cAAc,EAAE,gBAAgB,CAAA;IAChC,WAAW,EAAE,MAAM,CAAA;IACnB,gBAAgB,EAAE,OAAO,CAAA;IACzB,WAAW,EAAE,aAAa,CAAA;CAC3B;AAED,MAAM,WAAW,wBAAyB,SAAQ,cAAc;IAC9D,SAAS,EAAE,aAAa,CAAC,MAAM,CAAC,CAAA;IAChC,cAAc,EAAE,gBAAgB,CAAA;IAChC,WAAW,EAAE,MAAM,CAAA;IACnB,gBAAgB,EAAE,KAAK,CAAA;IACvB,WAAW,EAAE,aAAa,CAAA;CAC3B;AAED,MAAM,WAAW,YAAY;IAC3B,kBAAkB,IAAI,wBAAwB,CAAA;IAC9C,eAAe,IAAI,qBAAqB,CAAA;IACxC,oBAAoB,IAAI,0BAA0B,CAAA;CACnD"}
package/dist/button/qds-button.css CHANGED
@@ -1,25 +1,41 @@
1
- .qui-button__root{align-items:center;background:var(--button-bg-idle);background-image:none;border:var(--border-width-sm) solid transparent;box-sizing:border-box;color:var(--button-text-idle);cursor:pointer;display:inline-flex;justify-content:center;line-height:normal;margin:0;outline:none;padding:0;position:relative;text-decoration:inherit;touch-action:manipulation;transition:background-color var(--animation-duration-faster) ease-out,color var(--animation-duration-faster) ease-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle}.qui-button__root[hidden]{display:none}.qui-button__root:after,.qui-button__root:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}@media (prefers-reduced-motion: reduce){.qui-button__root{transition:none}}.qui-button__root:hover{background:var(--button-bg-hover);color:var(--button-text-hover)}.qui-button__root:active{background:var(--button-bg-pressed);color:var(--button-text-pressed)}.qui-button__root[data-disabled]{color:var(--color-utility-disabled-text);pointer-events:none}.qui-button__root[data-emphasis=neutral]{--button-bg-idle:var(--color-interactive-background-neutral-idle);--button-bg-hover:var(--color-interactive-background-neutral-hover);--button-bg-pressed:var(--color-interactive-background-neutral-pressed);--button-text-idle:var(--color-interactive-text-neutral-idle);--button-text-hover:var(--color-interactive-text-neutral-hover);--button-text-pressed:var(--color-interactive-text-neutral-pressed)}.qui-button__root[data-emphasis=primary]{--button-bg-idle:var(--color-interactive-background-primary-idle);--button-bg-hover:var(--color-interactive-background-primary-hover);--button-bg-pressed:var(--color-interactive-background-primary-pressed);--button-text-idle:var(--color-interactive-text-primary-idle);--button-text-hover:var(--color-interactive-text-primary-hover);--button-text-pressed:var(--color-interactive-text-primary-pressed)}.qui-button__root[data-emphasis=danger]{--button-bg-idle:var(--color-interactive-background-danger-idle);--button-bg-hover:var(--color-interactive-background-danger-hover);--button-bg-pressed:var(--color-interactive-background-danger-pressed);--button-text-idle:var(--color-interactive-text-danger-idle);--button-text-hover:var(--color-interactive-text-danger-hover);--button-text-pressed:var(--color-interactive-text-danger-pressed)}.qui-button__root[data-emphasis=white-persistent]{--button-text-idle:var(--color-utility-persistent-white);--button-text-hover:var(--color-utility-persistent-white);--button-text-pressed:var(--color-utility-persistent-white)}.qui-button__root[data-emphasis=black-persistent]{--button-text-idle:var(--color-utility-persistent-black);--button-text-hover:var(--color-utility-persistent-black);--button-text-pressed:var(--color-utility-persistent-black)}.qui-button__root[data-size=sm]{border-radius:var(--border-radius-sm);font:var(--font-static-body-xs-bold);gap:var(--spacing-40);height:var(--sizing-120);padding:0 var(--spacing-90)}.qui-button__root[data-size=sm][data-density=compact]{height:var(--sizing-80);padding:0 var(--spacing-40)}.qui-button__root[data-size=sm][data-kind=icon]{width:var(--sizing-120)}.qui-button__root[data-size=sm][data-kind=icon][data-density=compact]{width:var(--sizing-80)}.qui-button__root[data-size=md]{border-radius:var(--border-radius-md);font:var(--font-static-body-sm-bold);gap:var(--spacing-70);height:var(--sizing-140);padding:0 var(--spacing-100)}.qui-button__root[data-size=md][data-density=compact]{gap:var(--spacing-40);height:var(--sizing-90);padding:0 var(--spacing-50)}.qui-button__root[data-size=md][data-kind=icon]{width:var(--sizing-140)}.qui-button__root[data-size=md][data-kind=icon][data-density=compact]{width:var(--sizing-90)}.qui-button__root[data-size=lg]{border-radius:var(--border-radius-md);font:var(--font-static-body-md-bold);gap:var(--spacing-90);height:var(--sizing-160);padding:0 var(--spacing-110)}.qui-button__root[data-size=lg][data-density=compact]{font:var(--font-static-body-sm-bold);gap:var(--spacing-50);height:var(--sizing-100);padding:0 var(--spacing-70)}.qui-button__root[data-size=lg][data-kind=icon]{width:var(--sizing-160)}.qui-button__root[data-size=lg][data-kind=icon][data-density=compact]{width:var(--sizing-100)}.qui-button__root[data-variant=ghost],.qui-button__root[data-variant=outline]{--button-bg-idle:var(--color-interactive-background-ghost-idle);--button-bg-hover:var(--color-interactive-background-ghost-hover);--button-bg-pressed:var(--color-interactive-background-ghost-pressed)}.qui-button__root[data-variant=ghost][data-emphasis=white-persistent],.qui-button__root[data-variant=outline][data-emphasis=white-persistent]{--button-bg-idle:var(
1
+ .qui-button__root{align-items:center;background:var(--button-bg-idle);background-image:none;border:var(--border-width-sm) solid transparent;border-radius:var(--component-button-global-border-radius);box-sizing:border-box;color:var(--button-text-idle);cursor:pointer;display:inline-flex;justify-content:center;line-height:normal;margin:0;outline:none;padding:0;position:relative;text-decoration:inherit;touch-action:manipulation;transition:background-color var(--animation-duration-faster) ease-out,color var(--animation-duration-faster) ease-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;--button-bg-disabled:var(--color-utility-disabled-background)}.qui-button__root[hidden]{display:none}.qui-button__root:after,.qui-button__root:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}@media (prefers-reduced-motion: reduce){.qui-button__root{transition:none}}.qui-button__root:hover{background:var(--button-bg-hover);color:var(--button-text-hover)}.qui-button__root:active{background:var(--button-bg-pressed);color:var(--button-text-pressed)}.qui-button__root[data-disabled]{background:var(--button-bg-disabled);color:var(--color-utility-disabled-text);pointer-events:none}.qui-button__root[data-emphasis=neutral]{--button-bg-idle:var(--color-interactive-background-neutral-idle);--button-bg-hover:var(--color-interactive-background-neutral-hover);--button-bg-pressed:var(--color-interactive-background-neutral-pressed);--button-text-idle:var(--color-interactive-text-neutral-idle);--button-text-hover:var(--color-interactive-text-neutral-hover);--button-text-pressed:var(--color-interactive-text-neutral-pressed)}.qui-button__root[data-emphasis=primary]{--button-bg-idle:var(--color-interactive-background-primary-idle);--button-bg-hover:var(--color-interactive-background-primary-hover);--button-bg-pressed:var(--color-interactive-background-primary-pressed);--button-text-idle:var(--color-interactive-text-primary-idle);--button-text-hover:var(--color-interactive-text-primary-hover);--button-text-pressed:var(--color-interactive-text-primary-pressed)}.qui-button__root[data-emphasis=danger]{--button-bg-idle:var(--color-interactive-background-danger-idle);--button-bg-hover:var(--color-interactive-background-danger-hover);--button-bg-pressed:var(--color-interactive-background-danger-pressed);--button-text-idle:var(--color-interactive-text-danger-idle);--button-text-hover:var(--color-interactive-text-danger-hover);--button-text-pressed:var(--color-interactive-text-danger-pressed)}.qui-button__root[data-emphasis=white-persistent]{--button-text-idle:var(--color-utility-persistent-white);--button-text-hover:var(--color-utility-persistent-white);--button-text-pressed:var(--color-utility-persistent-white)}.qui-button__root[data-emphasis=black-persistent]{--button-text-idle:var(--color-utility-persistent-black);--button-text-hover:var(--color-utility-persistent-black);--button-text-pressed:var(--color-utility-persistent-black)}.qui-button__root[data-size=sm]{font-family:var(--component-button-type-sm-font-family);font-size:var(--component-button-type-sm-font-size);font-weight:var(--component-button-type-sm-font-weight);gap:var(--spacing-40);height:var(--sizing-120);line-height:var(--component-button-type-sm-line-height);padding:0 var(--spacing-90)}.qui-button__root[data-size=sm][data-density=compact]{height:var(--sizing-80);padding:0 var(--spacing-40)}.qui-button__root[data-size=sm][data-kind=icon]{width:var(--sizing-120)}.qui-button__root[data-size=sm][data-kind=icon][data-density=compact]{width:var(--sizing-80)}.qui-button__root[data-size=md]{font-family:var(--component-button-type-md-font-family);font-size:var(--component-button-type-md-font-size);font-weight:var(--component-button-type-md-font-weight);gap:var(--spacing-70);height:var(--sizing-140);line-height:var(--component-button-type-md-line-height);padding:0 var(--spacing-100)}.qui-button__root[data-size=md][data-density=compact]{gap:var(--spacing-40);height:var(--sizing-90);padding:0 var(--spacing-50)}.qui-button__root[data-size=md][data-kind=icon]{width:var(--sizing-140)}.qui-button__root[data-size=md][data-kind=icon][data-density=compact]{width:var(--sizing-90)}.qui-button__root[data-size=lg]{font-family:var(--component-button-type-md-font-family);font-size:var(--component-button-type-md-font-size);font-weight:var(--component-button-type-md-font-weight);gap:var(--spacing-90);height:var(--sizing-160);line-height:var(--component-button-type-md-line-height);padding:0 var(--spacing-110)}.qui-button__root[data-size=lg][data-density=compact]{gap:var(--spacing-50);height:var(--sizing-100);padding:0 var(--spacing-70)}.qui-button__root[data-size=lg][data-kind=icon]{width:var(--sizing-160)}.qui-button__root[data-size=lg][data-kind=icon][data-density=compact]{width:var(--sizing-100)}.qui-button__root[data-density=compact]{font-family:var(--component-button-type-sm-font-family);font-size:var(--component-button-type-sm-font-size);font-weight:var(--component-button-type-sm-font-weight);line-height:var(--component-button-type-sm-line-height)}.qui-button__root[data-variant=ghost],.qui-button__root[data-variant=outline]{--button-bg-idle:var(--color-interactive-background-ghost-idle);--button-bg-hover:var(--color-interactive-background-ghost-hover);--button-bg-pressed:var(--color-interactive-background-ghost-pressed);--button-bg-disabled:var(--color-interactive-background-ghost-idle)}.qui-button__root[data-variant=ghost][data-emphasis=white-persistent],.qui-button__root[data-variant=outline][data-emphasis=white-persistent]{--button-bg-idle:var(
2
2
  --color-interactive-background-persistent-white-ghost-idle
3
3
  );--button-bg-hover:var(
4
4
  --color-interactive-background-persistent-white-ghost-hover
5
5
  );--button-bg-pressed:var(
6
6
  --color-interactive-background-persistent-white-ghost-pressed
7
+ );--button-bg-disabled:var(
8
+ --color-interactive-background-persistent-white-ghost-idle
7
9
  )}.qui-button__root[data-variant=ghost][data-emphasis=black-persistent],.qui-button__root[data-variant=outline][data-emphasis=black-persistent]{--button-bg-idle:var(
8
10
  --color-interactive-background-persistent-black-ghost-idle
9
11
  );--button-bg-hover:var(
10
12
  --color-interactive-background-persistent-black-ghost-hover
11
13
  );--button-bg-pressed:var(
12
14
  --color-interactive-background-persistent-black-ghost-pressed
13
- )}.qui-button__root[data-variant=outline]{border:var(--border-width-sm) solid var(--color-interactive-border-neutral-idle);box-shadow:0 0 0 1px inset transparent}.qui-button__root[data-variant=outline]:hover{border-color:var(--color-interactive-border-neutral-hover)}.qui-button__root[data-variant=outline]:active{border-color:var(--color-interactive-border-neutral-pressed)}.qui-button__root[data-variant=outline][data-disabled]{border-color:var(--color-utility-disabled-border)}.qui-button__root[data-variant=outline][data-emphasis=white-persistent]{border-color:var(--color-interactive-border-persistent-white-idle)}.qui-button__root[data-variant=outline][data-emphasis=white-persistent]:hover{border-color:var(--color-interactive-border-persistent-white-hover)}.qui-button__root[data-variant=outline][data-emphasis=white-persistent]:active{border-color:var(--color-interactive-border-persistent-white-pressed)}.qui-button__root[data-variant=outline][data-emphasis=black-persistent]{border-color:var(--color-interactive-border-persistent-black-idle)}.qui-button__root[data-variant=outline][data-emphasis=black-persistent]:hover{border-color:var(--color-interactive-border-persistent-black-hover)}.qui-button__root[data-variant=outline][data-emphasis=black-persistent]:active{border-color:var(--color-interactive-border-persistent-black-pressed)}.qui-button__root[data-variant=fill]{--button-text-idle:var(--color-utility-persistent-white);--button-text-hover:var(--color-utility-persistent-white);--button-text-pressed:var(--color-utility-persistent-white)}.qui-button__root[data-variant=fill][data-disabled]{background:var(--color-utility-disabled-background)}.qui-button__root[data-variant=fill][data-emphasis=danger]:focus-visible:before,.qui-button__root[data-variant=fill][data-emphasis=neutral]:focus-visible:before,.qui-button__root[data-variant=fill][data-emphasis=primary]:focus-visible:before{border:1px solid var(--color-border-neutral-00);border-radius:var(--border-radius-sm);content:"";height:100%;left:0;position:absolute;top:0;width:100%}.qui-button__root[data-variant=fill][data-emphasis=white-persistent]{--button-text-idle:var(--color-utility-persistent-black);--button-text-hover:var(--color-utility-persistent-black);--button-text-pressed:var(--color-utility-persistent-black);--button-bg-idle:var(
15
+ );--button-bg-disabled:var(
16
+ --color-interactive-background-persistent-black-ghost-idle
17
+ )}.qui-button__root[data-variant=ghost][data-emphasis=inverse],.qui-button__root[data-variant=outline][data-emphasis=inverse]{--button-text-idle:var(--color-text-neutral-inverse);--button-text-hover:var(--color-text-neutral-inverse);--button-text-pressed:var(--color-text-neutral-inverse);--button-bg-idle:var(--color-interactive-background-inverse-ghost-idle);--button-bg-hover:var(
18
+ --color-interactive-background-inverse-ghost-hover
19
+ );--button-bg-pressed:var(
20
+ --color-interactive-background-inverse-ghost-pressed
21
+ );--button-bg-disabled:var(
22
+ --color-interactive-background-inverse-ghost-idle
23
+ )}.qui-button__root[data-variant=outline]{border:var(--border-width-sm) solid var(--color-interactive-border-neutral-idle);box-shadow:0 0 0 1px inset transparent}.qui-button__root[data-variant=outline]:hover{border-color:var(--color-interactive-border-neutral-hover)}.qui-button__root[data-variant=outline]:active{border-color:var(--color-interactive-border-neutral-pressed)}.qui-button__root[data-variant=outline][data-disabled]{border-color:var(--color-utility-disabled-border)}.qui-button__root[data-variant=outline][data-emphasis=white-persistent]{border-color:var(--color-interactive-border-persistent-white-idle)}.qui-button__root[data-variant=outline][data-emphasis=white-persistent]:hover{border-color:var(--color-interactive-border-persistent-white-hover)}.qui-button__root[data-variant=outline][data-emphasis=white-persistent]:active{border-color:var(--color-interactive-border-persistent-white-pressed)}.qui-button__root[data-variant=outline][data-emphasis=white-persistent][data-disabled]{border-color:var(--color-utility-disabled-persistent-white-border)}.qui-button__root[data-variant=outline][data-emphasis=black-persistent]{border-color:var(--color-interactive-border-persistent-black-idle)}.qui-button__root[data-variant=outline][data-emphasis=black-persistent]:hover{border-color:var(--color-interactive-border-persistent-black-hover)}.qui-button__root[data-variant=outline][data-emphasis=black-persistent]:active{border-color:var(--color-interactive-border-persistent-black-pressed)}.qui-button__root[data-variant=outline][data-emphasis=black-persistent][data-disabled]{border-color:var(--color-utility-disabled-persistent-black-border)}.qui-button__root[data-variant=outline][data-emphasis=inverse]{border-color:var(--color-interactive-border-inverse-idle)}.qui-button__root[data-variant=outline][data-emphasis=inverse]:hover{border-color:var(--color-interactive-border-inverse-hover)}.qui-button__root[data-variant=outline][data-emphasis=inverse]:active{border-color:var(--color-interactive-border-inverse-pressed)}.qui-button__root[data-variant=outline][data-emphasis=inverse][data-disabled]{border-color:var(--color-utility-disabled-inverse-border)}.qui-button__root[data-variant=fill]{--button-text-idle:var(--color-utility-persistent-white);--button-text-hover:var(--color-utility-persistent-white);--button-text-pressed:var(--color-utility-persistent-white);--button-bg-disabled:var(--color-utility-disabled-background)}.qui-button__root[data-variant=fill][data-emphasis=danger]:focus-visible:before,.qui-button__root[data-variant=fill][data-emphasis=neutral]:focus-visible:before,.qui-button__root[data-variant=fill][data-emphasis=primary]:focus-visible:before{border:1px solid var(--color-border-neutral-00);content:"";height:100%;left:0;position:absolute;top:0;width:100%}.qui-button__root[data-variant=fill][data-emphasis=white-persistent]{--button-text-idle:var(--color-utility-persistent-black);--button-text-hover:var(--color-utility-persistent-black);--button-text-pressed:var(--color-utility-persistent-black);--button-bg-idle:var(
14
24
  --color-interactive-background-persistent-white-fill-idle
15
25
  );--button-bg-hover:var(
16
26
  --color-interactive-background-persistent-white-fill-hover
17
27
  );--button-bg-pressed:var(
18
28
  --color-interactive-background-persistent-white-fill-pressed
29
+ );--button-bg-disabled:var(
30
+ --color-utility-disabled-persistent-white-background
19
31
  )}.qui-button__root[data-variant=fill][data-emphasis=black-persistent]{--button-text-idle:var(--color-utility-persistent-white);--button-text-hover:var(--color-utility-persistent-white);--button-text-pressed:var(--color-utility-persistent-white);--button-bg-idle:var(
20
32
  --color-interactive-background-persistent-black-fill-idle
21
33
  );--button-bg-hover:var(
22
34
  --color-interactive-background-persistent-black-fill-hover
23
35
  );--button-bg-pressed:var(
24
36
  --color-interactive-background-persistent-black-fill-pressed
25
- )}.qui-button__root:focus-visible[data-variant][data-emphasis]{border-color:var(--color-utility-focus-border);outline:solid 1px var(--color-utility-focus-border)}.qui-button__icon{height:var(--icon-height,var(--icon-size));min-height:var(--icon-height,var(--icon-size));min-width:var(--icon-width,var(--icon-size));width:var(--icon-width,var(--icon-size))}.qui-button__icon[data-size=sm]{--icon-size:12px}.qui-button__icon[data-size=md]{--icon-size:16px}.qui-button__icon[data-size=md][data-density=compact]{--icon-size:12px}.qui-button__icon[data-size=lg]{--icon-size:20px}.qui-button__icon[data-size=lg][data-density=compact]{--icon-size:16px}.qui-button__icon .lucide{height:var(--icon-size);stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;width:var(--icon-size)}.qui-button-group{display:inline-flex;gap:var(--button-group-gap,var(--spacing-90))}.qui-button-group[data-layout=end],.qui-button-group[data-layout=fill],.qui-button-group[data-layout=start]{width:100%}.qui-button-group[data-layout=hug]{width:-moz-fit-content;width:fit-content}.qui-button-group[data-layout=end]{justify-content:flex-end}.qui-button-group[data-layout=fill]>.qui-button__root{flex:1 1 0;min-width:0}.qui-button-group[data-size=sm]{--button-group-gap:var(--spacing-80)}.qui-button-group[data-size=lg]{--button-group-gap:var(--spacing-100)}
37
+ );--button-bg-disabled:var(
38
+ --color-utility-disabled-persistent-black-background
39
+ )}.qui-button__root[data-variant=fill][data-emphasis=inverse]{--button-text-idle:var(--color-text-neutral-primary);--button-text-hover:var(--color-text-neutral-primary);--button-text-pressed:var(--color-text-neutral-primary);--button-bg-idle:var(--color-interactive-background-inverse-fill-idle);--button-bg-hover:var(--color-interactive-background-inverse-fill-hover);--button-bg-pressed:var(
40
+ --color-interactive-background-inverse-fill-pressed
41
+ );--button-bg-disabled:var(--color-utility-disabled-inverse-background)}.qui-button__root:focus-visible[data-variant][data-emphasis]{border-color:var(--color-utility-focus-border);outline:solid 1px var(--color-utility-focus-border)}.qui-button__icon{height:var(--icon-height,var(--icon-size));min-height:var(--icon-height,var(--icon-size));min-width:var(--icon-width,var(--icon-size));width:var(--icon-width,var(--icon-size))}.qui-button__icon[data-size=sm]{--icon-size:12px}.qui-button__icon[data-size=md]{--icon-size:16px}.qui-button__icon[data-size=md][data-density=compact]{--icon-size:12px}.qui-button__icon[data-size=lg]{--icon-size:20px}.qui-button__icon[data-size=lg][data-density=compact]{--icon-size:16px}.qui-button__icon .lucide{height:var(--icon-size);stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;width:var(--icon-size)}.qui-button-group{display:inline-flex;gap:var(--button-group-gap,var(--spacing-90))}.qui-button-group[data-layout=end],.qui-button-group[data-layout=fill],.qui-button-group[data-layout=start]{width:100%}.qui-button-group[data-layout=hug]{width:-moz-fit-content;width:fit-content}.qui-button-group[data-layout=end]{justify-content:flex-end}.qui-button-group[data-layout=fill]>.qui-button__root{flex:1 1 0;min-width:0}.qui-button-group[data-size=sm]{--button-group-gap:var(--spacing-80)}.qui-button-group[data-size=lg]{--button-group-gap:var(--spacing-100)}