@qualcomm-ui/qds-core 1.22.1 → 1.23.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (22) hide show
  1. package/dist/button/button.types.d.ts +1 -1
  2. package/dist/button/button.types.d.ts.map +1 -1
  3. package/dist/button/qds-button.css +2 -2
  4. package/dist/components.min.css +12 -6
  5. package/dist/stepper/index.cjs +2 -0
  6. package/dist/stepper/index.cjs.map +7 -0
  7. package/dist/stepper/index.d.ts +5 -0
  8. package/dist/stepper/index.d.ts.map +1 -0
  9. package/dist/stepper/index.js +2 -0
  10. package/dist/stepper/index.js.map +7 -0
  11. package/dist/stepper/qds-stepper.css +7 -0
  12. package/dist/stepper/stepper.api.d.ts +4 -0
  13. package/dist/stepper/stepper.api.d.ts.map +1 -0
  14. package/dist/stepper/stepper.classes.d.ts +18 -0
  15. package/dist/stepper/stepper.classes.d.ts.map +1 -0
  16. package/dist/stepper/stepper.icons.d.ts +8 -0
  17. package/dist/stepper/stepper.icons.d.ts.map +1 -0
  18. package/dist/stepper/stepper.types.d.ts +79 -0
  19. package/dist/stepper/stepper.types.d.ts.map +1 -0
  20. package/dist/tag/tag.types.d.ts +2 -2
  21. package/dist/tsbuildinfo +1 -1
  22. package/package.json +2 -2
package/dist/button/button.types.d.ts CHANGED
@@ -23,7 +23,7 @@ export interface QdsButtonApiProps {
23
23
  *
24
24
  * @default false
25
25
  */
26
- disabled?: boolean;
26
+ disabled?: boolean | undefined;
27
27
  /**
28
28
  * The style variant of the button. Governs colors.
29
29
  *
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,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"}
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,GAAG,SAAS,CAAA;IAE9B;;;;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,6 +1,6 @@
1
1
  .qui-button__root{align-items:center;background:var(--button-bg-idle);background-image:none;border:var(--border-width-sm) solid transparent;border-radius:var(
2
2
  --button-radius,var(--component-button-global-border-radius)
3
- );box-sizing:border-box;color:var(--button-text-idle);cursor:pointer;display:inline-flex;justify-content:center;line-height:normal;margin:0;outline:none;padding:0;position:relative;text-decoration:inherit;touch-action:manipulation;transition:background-color var(--animation-duration-faster) ease-out,color var(--animation-duration-faster) ease-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;--button-bg-disabled:var(--color-utility-disabled-background);--button-icon-color:var(--button-icon-idle)}.qui-button__root[hidden]{display:none}.qui-button__root:after,.qui-button__root:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}@media (prefers-reduced-motion: reduce){.qui-button__root{transition:none}}.qui-button__root:hover{background:var(--button-bg-hover);color:var(--button-text-hover);--button-icon-color:var(--button-icon-hover)}.qui-button__root:active{background:var(--button-bg-pressed);color:var(--button-text-pressed);--button-icon-color:var(--button-icon-pressed)}.qui-button__root[data-disabled]{background:var(--button-bg-disabled);color:var(--color-utility-disabled-text);--button-icon-color:var(--color-utility-disabled-icon);pointer-events:none}.qui-button__root[data-emphasis=neutral]{--button-bg-idle:var(--color-interactive-background-neutral-idle);--button-bg-hover:var(--color-interactive-background-neutral-hover);--button-bg-pressed:var(--color-interactive-background-neutral-pressed);--button-text-idle:var(--color-interactive-text-neutral-idle);--button-text-hover:var(--color-interactive-text-neutral-hover);--button-text-pressed:var(--color-interactive-text-neutral-pressed);--button-icon-idle:var(--color-interactive-icon-neutral-idle);--button-icon-hover:var(--color-interactive-icon-neutral-hover);--button-icon-pressed:var(--color-interactive-icon-neutral-pressed)}.qui-button__root[data-emphasis=primary]{--button-bg-idle:var(--color-interactive-background-primary-idle);--button-bg-hover:var(--color-interactive-background-primary-hover);--button-bg-pressed:var(--color-interactive-background-primary-pressed);--button-text-idle:var(--color-interactive-text-primary-idle);--button-text-hover:var(--color-interactive-text-primary-hover);--button-text-pressed:var(--color-interactive-text-primary-pressed);--button-icon-idle:var(--color-interactive-icon-primary-idle);--button-icon-hover:var(--color-interactive-icon-primary-hover);--button-icon-pressed:var(--color-interactive-icon-primary-pressed)}.qui-button__root[data-emphasis=danger]{--button-bg-idle:var(--color-interactive-background-danger-idle);--button-bg-hover:var(--color-interactive-background-danger-hover);--button-bg-pressed:var(--color-interactive-background-danger-pressed);--button-text-idle:var(--color-interactive-text-danger-idle);--button-text-hover:var(--color-interactive-text-danger-hover);--button-text-pressed:var(--color-interactive-text-danger-pressed);--button-icon-idle:var(--color-interactive-icon-danger-idle);--button-icon-hover:var(--color-interactive-icon-danger-hover);--button-icon-pressed:var(--color-interactive-icon-danger-pressed)}.qui-button__root[data-emphasis=white-persistent]{--button-text-idle:var(--color-utility-persistent-white);--button-text-hover:var(--color-utility-persistent-white);--button-text-pressed:var(--color-utility-persistent-white);--button-icon-idle:var(--color-utility-persistent-white);--button-icon-hover:var(--color-utility-persistent-white);--button-icon-pressed:var(--color-utility-persistent-white)}.qui-button__root[data-emphasis=white-persistent][data-disabled]{color:var(--color-utility-disabled-persistent-white-text);--button-icon-color:var(--color-utility-disabled-persistent-white-icon)}.qui-button__root[data-emphasis=black-persistent]{--button-text-idle:var(--color-utility-persistent-black);--button-text-hover:var(--color-utility-persistent-black);--button-text-pressed:var(--color-utility-persistent-black);--button-icon-idle:var(--color-utility-persistent-black);--button-icon-hover:var(--color-utility-persistent-black);--button-icon-pressed:var(--color-utility-persistent-black)}.qui-button__root[data-emphasis=black-persistent][data-disabled]{color:var(--color-utility-disabled-persistent-black-text);--button-icon-color:var(--color-utility-disabled-persistent-black-icon)}.qui-button__root[data-emphasis=inverse][data-disabled]{color:var(--color-utility-disabled-inverse-text);--button-icon-color:var(--color-utility-disabled-inverse-icon)}.qui-button__root[data-size=sm]{font-family:var(--component-button-type-sm-font-family);font-size:var(--component-button-type-sm-font-size);font-weight:var(--component-button-type-sm-font-weight);gap:var(--spacing-40);height:var(--sizing-120);line-height:var(--component-button-type-sm-line-height);padding:0 var(--spacing-90)}.qui-button__root[data-size=sm][data-density=compact]{height:var(--sizing-80);padding:0 var(--spacing-40)}.qui-button__root[data-size=sm][data-kind=icon]{width:var(--sizing-120)}.qui-button__root[data-size=sm][data-kind=icon][data-density=compact]{width:var(--sizing-80)}.qui-button__root[data-size=md]{font-family:var(--component-button-type-md-font-family);font-size:var(--component-button-type-md-font-size);font-weight:var(--component-button-type-md-font-weight);gap:var(--spacing-70);height:var(--sizing-140);line-height:var(--component-button-type-md-line-height);padding:0 var(--spacing-100)}.qui-button__root[data-size=md][data-density=compact]{gap:var(--spacing-40);height:var(--sizing-90);padding:0 var(--spacing-50)}.qui-button__root[data-size=md][data-kind=icon]{width:var(--sizing-140)}.qui-button__root[data-size=md][data-kind=icon][data-density=compact]{width:var(--sizing-90)}.qui-button__root[data-size=lg]{font-family:var(--component-button-type-lg-font-family);font-size:var(--component-button-type-lg-font-size);font-weight:var(--component-button-type-lg-font-weight);gap:var(--spacing-90);height:var(--sizing-160);line-height:var(--component-button-type-lg-line-height);padding:0 var(--spacing-110)}.qui-button__root[data-size=lg][data-density=compact]{gap:var(--spacing-50);height:var(--sizing-100);padding:0 var(--spacing-70)}.qui-button__root[data-size=lg][data-kind=icon]{width:var(--sizing-160)}.qui-button__root[data-size=lg][data-kind=icon][data-density=compact]{width:var(--sizing-100)}.qui-button__root[data-kind=icon]{--button-radius:var(--border-radius-md)}.qui-button__root[data-kind=icon][data-shape=rounded]{--button-radius:var(--border-radius-rounded)}.qui-button__root[data-density=compact]{font-family:var(--component-button-type-sm-font-family);font-size:var(--component-button-type-sm-font-size);font-weight:var(--component-button-type-sm-font-weight);line-height:var(--component-button-type-sm-line-height)}.qui-button__root[data-variant=ghost],.qui-button__root[data-variant=outline]{--button-bg-idle:var(--color-interactive-background-ghost-idle);--button-bg-hover:var(--color-interactive-background-ghost-hover);--button-bg-pressed:var(--color-interactive-background-ghost-pressed);--button-bg-disabled:var(--color-interactive-background-ghost-idle)}.qui-button__root[data-variant=ghost][data-emphasis=white-persistent],.qui-button__root[data-variant=outline][data-emphasis=white-persistent]{--button-bg-idle:var(
3
+ );box-sizing:border-box;color:var(--button-text-idle);cursor:pointer;display:inline-flex;justify-content:center;line-height:normal;margin:0;outline:none;padding:0;position:relative;text-decoration:inherit;touch-action:manipulation;transition:background-color var(--animation-duration-faster) ease-out,color var(--animation-duration-faster) ease-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;--button-bg-disabled:var(--color-utility-disabled-background);--button-icon-color:var(--button-icon-idle)}.qui-button__root[hidden]{display:none}.qui-button__root:after,.qui-button__root:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}@media (prefers-reduced-motion: reduce){.qui-button__root{transition:none}}.qui-button__root:hover{background:var(--button-bg-hover);color:var(--button-text-hover);--button-icon-color:var(--button-icon-hover)}.qui-button__root:active{background:var(--button-bg-pressed);color:var(--button-text-pressed);--button-icon-color:var(--button-icon-pressed)}.qui-button__root:disabled,.qui-button__root[data-disabled]{background:var(--button-bg-disabled);color:var(--color-utility-disabled-text);--button-icon-color:var(--color-utility-disabled-icon);pointer-events:none}.qui-button__root[data-emphasis=neutral]{--button-bg-idle:var(--color-interactive-background-neutral-idle);--button-bg-hover:var(--color-interactive-background-neutral-hover);--button-bg-pressed:var(--color-interactive-background-neutral-pressed);--button-text-idle:var(--color-interactive-text-neutral-idle);--button-text-hover:var(--color-interactive-text-neutral-hover);--button-text-pressed:var(--color-interactive-text-neutral-pressed);--button-icon-idle:var(--color-interactive-icon-neutral-idle);--button-icon-hover:var(--color-interactive-icon-neutral-hover);--button-icon-pressed:var(--color-interactive-icon-neutral-pressed)}.qui-button__root[data-emphasis=primary]{--button-bg-idle:var(--color-interactive-background-primary-idle);--button-bg-hover:var(--color-interactive-background-primary-hover);--button-bg-pressed:var(--color-interactive-background-primary-pressed);--button-text-idle:var(--color-interactive-text-primary-idle);--button-text-hover:var(--color-interactive-text-primary-hover);--button-text-pressed:var(--color-interactive-text-primary-pressed);--button-icon-idle:var(--color-interactive-icon-primary-idle);--button-icon-hover:var(--color-interactive-icon-primary-hover);--button-icon-pressed:var(--color-interactive-icon-primary-pressed)}.qui-button__root[data-emphasis=danger]{--button-bg-idle:var(--color-interactive-background-danger-idle);--button-bg-hover:var(--color-interactive-background-danger-hover);--button-bg-pressed:var(--color-interactive-background-danger-pressed);--button-text-idle:var(--color-interactive-text-danger-idle);--button-text-hover:var(--color-interactive-text-danger-hover);--button-text-pressed:var(--color-interactive-text-danger-pressed);--button-icon-idle:var(--color-interactive-icon-danger-idle);--button-icon-hover:var(--color-interactive-icon-danger-hover);--button-icon-pressed:var(--color-interactive-icon-danger-pressed)}.qui-button__root[data-emphasis=white-persistent]{--button-text-idle:var(--color-utility-persistent-white);--button-text-hover:var(--color-utility-persistent-white);--button-text-pressed:var(--color-utility-persistent-white);--button-icon-idle:var(--color-utility-persistent-white);--button-icon-hover:var(--color-utility-persistent-white);--button-icon-pressed:var(--color-utility-persistent-white)}.qui-button__root[data-emphasis=white-persistent]:disabled,.qui-button__root[data-emphasis=white-persistent][data-disabled]{color:var(--color-utility-disabled-persistent-white-text);--button-icon-color:var(--color-utility-disabled-persistent-white-icon)}.qui-button__root[data-emphasis=black-persistent]{--button-text-idle:var(--color-utility-persistent-black);--button-text-hover:var(--color-utility-persistent-black);--button-text-pressed:var(--color-utility-persistent-black);--button-icon-idle:var(--color-utility-persistent-black);--button-icon-hover:var(--color-utility-persistent-black);--button-icon-pressed:var(--color-utility-persistent-black)}.qui-button__root[data-emphasis=black-persistent]:disabled,.qui-button__root[data-emphasis=black-persistent][data-disabled]{color:var(--color-utility-disabled-persistent-black-text);--button-icon-color:var(--color-utility-disabled-persistent-black-icon)}.qui-button__root[data-emphasis=inverse]:disabled,.qui-button__root[data-emphasis=inverse][data-disabled]{color:var(--color-utility-disabled-inverse-text);--button-icon-color:var(--color-utility-disabled-inverse-icon)}.qui-button__root[data-size=sm]{font-family:var(--component-button-type-sm-font-family);font-size:var(--component-button-type-sm-font-size);font-weight:var(--component-button-type-sm-font-weight);gap:var(--spacing-40);height:var(--sizing-120);line-height:var(--component-button-type-sm-line-height);padding:0 var(--spacing-90)}.qui-button__root[data-size=sm][data-density=compact]{height:var(--sizing-80);padding:0 var(--spacing-40)}.qui-button__root[data-size=sm][data-kind=icon]{width:var(--sizing-120)}.qui-button__root[data-size=sm][data-kind=icon][data-density=compact]{width:var(--sizing-80)}.qui-button__root[data-size=md]{font-family:var(--component-button-type-md-font-family);font-size:var(--component-button-type-md-font-size);font-weight:var(--component-button-type-md-font-weight);gap:var(--spacing-70);height:var(--sizing-140);line-height:var(--component-button-type-md-line-height);padding:0 var(--spacing-100)}.qui-button__root[data-size=md][data-density=compact]{gap:var(--spacing-40);height:var(--sizing-90);padding:0 var(--spacing-50)}.qui-button__root[data-size=md][data-kind=icon]{width:var(--sizing-140)}.qui-button__root[data-size=md][data-kind=icon][data-density=compact]{width:var(--sizing-90)}.qui-button__root[data-size=lg]{font-family:var(--component-button-type-lg-font-family);font-size:var(--component-button-type-lg-font-size);font-weight:var(--component-button-type-lg-font-weight);gap:var(--spacing-90);height:var(--sizing-160);line-height:var(--component-button-type-lg-line-height);padding:0 var(--spacing-110)}.qui-button__root[data-size=lg][data-density=compact]{gap:var(--spacing-50);height:var(--sizing-100);padding:0 var(--spacing-70)}.qui-button__root[data-size=lg][data-kind=icon]{width:var(--sizing-160)}.qui-button__root[data-size=lg][data-kind=icon][data-density=compact]{width:var(--sizing-100)}.qui-button__root[data-kind=icon]{--button-radius:var(--border-radius-md)}.qui-button__root[data-kind=icon][data-shape=rounded]{--button-radius:var(--border-radius-rounded)}.qui-button__root[data-density=compact]{font-family:var(--component-button-type-sm-font-family);font-size:var(--component-button-type-sm-font-size);font-weight:var(--component-button-type-sm-font-weight);line-height:var(--component-button-type-sm-line-height)}.qui-button__root[data-variant=ghost],.qui-button__root[data-variant=outline]{--button-bg-idle:var(--color-interactive-background-ghost-idle);--button-bg-hover:var(--color-interactive-background-ghost-hover);--button-bg-pressed:var(--color-interactive-background-ghost-pressed);--button-bg-disabled:var(--color-interactive-background-ghost-idle)}.qui-button__root[data-variant=ghost][data-emphasis=white-persistent],.qui-button__root[data-variant=outline][data-emphasis=white-persistent]{--button-bg-idle:var(
4
4
  --color-interactive-background-persistent-white-ghost-idle
5
5
  );--button-bg-hover:var(
6
6
  --color-interactive-background-persistent-white-ghost-hover
@@ -56,7 +56,7 @@
56
56
  --color-interactive-border-persistent-black-pressed
57
57
  );--outline-border-disabled:var(
58
58
  --color-utility-disabled-persistent-black-border
59
- )}.qui-button__root[data-variant=outline][data-emphasis=inverse]{--outline-border-idle:var(--color-interactive-border-inverse-idle);--outline-border-hover:var(--color-interactive-border-inverse-hover);--outline-border-pressed:var(--color-interactive-border-inverse-pressed);--outline-border-disabled:var(--color-utility-disabled-inverse-border)}.qui-button__root[data-variant=outline]:hover{border-color:var(--outline-border-hover)}.qui-button__root[data-variant=outline]:active{border-color:var(--outline-border-pressed)}.qui-button__root[data-variant=outline][data-disabled]{border-color:var(--outline-border-disabled)}.qui-button__root[data-variant=fill]{--button-bg-disabled:var(--color-utility-disabled-background)}.qui-button__root[data-variant=fill][data-emphasis=neutral]{--button-text-idle:var(--component-button-variant-fill-neutral-text);--button-text-hover:var(--component-button-variant-fill-neutral-text);--button-text-pressed:var(--component-button-variant-fill-neutral-text);--button-icon-idle:var(--component-button-variant-fill-neutral-icon);--button-icon-hover:var(--component-button-variant-fill-neutral-icon);--button-icon-pressed:var(--component-button-variant-fill-neutral-icon)}.qui-button__root[data-variant=fill][data-emphasis=primary]{--button-text-idle:var(--component-button-variant-fill-primary-text);--button-text-hover:var(--component-button-variant-fill-primary-text);--button-text-pressed:var(--component-button-variant-fill-primary-text);--button-icon-idle:var(--component-button-variant-fill-primary-icon);--button-icon-hover:var(--component-button-variant-fill-primary-icon);--button-icon-pressed:var(--component-button-variant-fill-primary-icon)}.qui-button__root[data-variant=fill][data-emphasis=danger]{--button-text-idle:var(--component-button-variant-fill-danger-text);--button-text-hover:var(--component-button-variant-fill-danger-text);--button-text-pressed:var(--component-button-variant-fill-danger-text);--button-icon-idle:var(--component-button-variant-fill-danger-icon);--button-icon-hover:var(--component-button-variant-fill-danger-icon);--button-icon-pressed:var(--component-button-variant-fill-danger-icon)}.qui-button__root[data-variant=fill][data-emphasis=danger]:focus-visible:before,.qui-button__root[data-variant=fill][data-emphasis=neutral]:focus-visible:before,.qui-button__root[data-variant=fill][data-emphasis=primary]:focus-visible:before{border:1px solid var(--color-border-neutral-00);border-radius:inherit;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.qui-button__root[data-variant=fill][data-emphasis=white-persistent]{--button-text-idle:var(--color-utility-persistent-black);--button-text-hover:var(--color-utility-persistent-black);--button-text-pressed:var(--color-utility-persistent-black);--button-icon-idle:var(--color-utility-persistent-black);--button-icon-hover:var(--color-utility-persistent-black);--button-icon-pressed:var(--color-utility-persistent-black);--button-bg-idle:var(
59
+ )}.qui-button__root[data-variant=outline][data-emphasis=inverse]{--outline-border-idle:var(--color-interactive-border-inverse-idle);--outline-border-hover:var(--color-interactive-border-inverse-hover);--outline-border-pressed:var(--color-interactive-border-inverse-pressed);--outline-border-disabled:var(--color-utility-disabled-inverse-border)}.qui-button__root[data-variant=outline]:hover{border-color:var(--outline-border-hover)}.qui-button__root[data-variant=outline]:active{border-color:var(--outline-border-pressed)}.qui-button__root[data-variant=outline]:disabled,.qui-button__root[data-variant=outline][data-disabled]{border-color:var(--outline-border-disabled)}.qui-button__root[data-variant=fill]{--button-bg-disabled:var(--color-utility-disabled-background)}.qui-button__root[data-variant=fill][data-emphasis=neutral]{--button-text-idle:var(--component-button-variant-fill-neutral-text);--button-text-hover:var(--component-button-variant-fill-neutral-text);--button-text-pressed:var(--component-button-variant-fill-neutral-text);--button-icon-idle:var(--component-button-variant-fill-neutral-icon);--button-icon-hover:var(--component-button-variant-fill-neutral-icon);--button-icon-pressed:var(--component-button-variant-fill-neutral-icon)}.qui-button__root[data-variant=fill][data-emphasis=primary]{--button-text-idle:var(--component-button-variant-fill-primary-text);--button-text-hover:var(--component-button-variant-fill-primary-text);--button-text-pressed:var(--component-button-variant-fill-primary-text);--button-icon-idle:var(--component-button-variant-fill-primary-icon);--button-icon-hover:var(--component-button-variant-fill-primary-icon);--button-icon-pressed:var(--component-button-variant-fill-primary-icon)}.qui-button__root[data-variant=fill][data-emphasis=danger]{--button-text-idle:var(--component-button-variant-fill-danger-text);--button-text-hover:var(--component-button-variant-fill-danger-text);--button-text-pressed:var(--component-button-variant-fill-danger-text);--button-icon-idle:var(--component-button-variant-fill-danger-icon);--button-icon-hover:var(--component-button-variant-fill-danger-icon);--button-icon-pressed:var(--component-button-variant-fill-danger-icon)}.qui-button__root[data-variant=fill][data-emphasis=danger]:focus-visible:before,.qui-button__root[data-variant=fill][data-emphasis=neutral]:focus-visible:before,.qui-button__root[data-variant=fill][data-emphasis=primary]:focus-visible:before{border:1px solid var(--color-border-neutral-00);border-radius:inherit;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.qui-button__root[data-variant=fill][data-emphasis=white-persistent]{--button-text-idle:var(--color-utility-persistent-black);--button-text-hover:var(--color-utility-persistent-black);--button-text-pressed:var(--color-utility-persistent-black);--button-icon-idle:var(--color-utility-persistent-black);--button-icon-hover:var(--color-utility-persistent-black);--button-icon-pressed:var(--color-utility-persistent-black);--button-bg-idle:var(
60
60
  --color-interactive-background-persistent-white-fill-idle
61
61
  );--button-bg-hover:var(
62
62
  --color-interactive-background-persistent-white-fill-hover