@qualcomm-ui/qds-core 1.0.4 → 1.1.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 (25) hide show
  1. package/dist/avatar/qds-avatar.css +1 -1
  2. package/dist/breadcrumbs/qds-breadcrumbs.css +1 -1
  3. package/dist/button/qds-button.css +1 -1
  4. package/dist/checkbox/qds-checkbox.css +1 -1
  5. package/dist/components.min.css +4 -4
  6. package/dist/header-bar/qds-header-bar.css +1 -1
  7. package/dist/icon/qds-icon.css +1 -1
  8. package/dist/inline-icon-button/qds-inline-icon-button.css +1 -1
  9. package/dist/inline-notification/qds-inline-notification.css +1 -1
  10. package/dist/input/qds-input.css +1 -1
  11. package/dist/kbd/index.cjs +2 -0
  12. package/dist/kbd/index.cjs.map +7 -0
  13. package/dist/kbd/index.d.ts +2 -0
  14. package/dist/kbd/index.d.ts.map +1 -0
  15. package/dist/kbd/index.js +2 -0
  16. package/dist/kbd/index.js.map +7 -0
  17. package/dist/kbd/kbd.api.d.ts +9 -0
  18. package/dist/kbd/kbd.api.d.ts.map +1 -0
  19. package/dist/kbd/qds-kbd.css +1 -0
  20. package/dist/menu/qds-menu.css +1 -1
  21. package/dist/progress-ring/qds-progress-ring.css +1 -1
  22. package/dist/side-nav/qds-side-nav.css +1 -1
  23. package/dist/tree/qds-tree.css +1 -1
  24. package/dist/tsbuildinfo +1 -1
  25. package/package.json +1 -1
package/dist/avatar/qds-avatar.css CHANGED
@@ -1 +1 @@
1
- .qui-avatar__root{align-items:center;border-radius:var(--avatar-radius);display:inline-flex;flex-shrink:0;height:var(--avatar-size);justify-content:center;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,9999px);height:100%;-o-object-fit:cover;object-fit:cover;overflow:clip;width:100%}.qui-avatar__content[data-variant=neutral]{--avatar-foreground-color:var(--color-text-neutral-primary);--avatar-background-color:var(--color-background-neutral-03)}.qui-avatar__content[data-variant=contrast]{--avatar-foreground-color:var(--color-text-neutral-inverse);--avatar-background-color:var(--color-background-neutral-10)}.qui-avatar__content[data-variant=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__status{border:var(--avatar-status-border-size,1px) solid var(--color-border-neutral-00);border-radius:50%;bottom:0;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;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-variant=neutral]{--avatar-foreground-color:var(--color-text-neutral-primary);--avatar-background-color:var(--color-background-neutral-03)}.qui-avatar__content[data-variant=contrast]{--avatar-foreground-color:var(--color-text-neutral-inverse);--avatar-background-color:var(--color-background-neutral-10)}.qui-avatar__content[data-variant=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)}
package/dist/breadcrumbs/qds-breadcrumbs.css CHANGED
@@ -1 +1 @@
1
- .qui-breadcrumbs__list{align-items:center;display:flex;gap:var(--spacing-40);justify-content:flex-start}.qui-breadcrumbs__item{align-items:center;display:inline-flex;gap:var(--spacing-40);list-style-type:none}.qui-breadcrumbs__item:last-child .qui-breadcrumbs__separator{display:none}.qui-breadcrumbs__item:last-child .qui-breadcrumbs__item-trigger[data-emphasis=primary]{color:var(--color-interactive-text-primary-pressed);--icon-color:var(--color-interactive-icon-primary-pressed)}.qui-breadcrumbs__item:last-child .qui-breadcrumbs__item-trigger[data-emphasis=neutral]{color:var(--color-text-neutral-primary);--icon-color:var(--color-icon-neutral-primary)}.qui-breadcrumbs__item[data-disabled] .qui-breadcrumbs__item-trigger[data-emphasis]{color:var(--color-utility-disabled-text);pointer-events:none;--icon-color:var(--color-utility-disabled-icon)}.qui-breadcrumbs__item-trigger{align-items:center;background-color:transparent;border:0 solid;border-radius:var(--border-radius-sm);box-sizing:border-box;display:inline-flex;gap:var(--spacing-40);margin:0;opacity:1;padding:0;text-decoration:none}.qui-breadcrumbs__item-trigger[data-size=sm]{font:var(--font-static-body-xs-default)}.qui-breadcrumbs__item-trigger[data-size=md]{font:var(--font-static-body-sm-default)}.qui-breadcrumbs__item-trigger[data-size=lg]{font:var(--font-static-body-md-default)}.qui-breadcrumbs__item-trigger:hover{text-decoration:underline}.qui-breadcrumbs__item-trigger:focus-visible{outline:solid 2px var(--color-utility-focus-border);outline-offset:-1px}.qui-breadcrumbs__item-trigger[data-emphasis=primary]{color:var(--color-interactive-text-primary-idle);--icon-color:var(--color-interactive-icon-primary-idle)}.qui-breadcrumbs__item-trigger[data-emphasis=primary]:hover{color:var(--color-interactive-text-primary-hover);--icon-color:var(--color-interactive-icon-primary-hover)}.qui-breadcrumbs__item-trigger[data-emphasis=primary]:active{color:var(--color-interactive-text-primary-pressed);--icon-color:var(--color-interactive-icon-primary-pressed)}.qui-breadcrumbs__item-trigger[data-emphasis=neutral]{color:var(--color-text-neutral-secondary);--icon-color:var(--color-icon-neutral-secondary)}.qui-breadcrumbs__item-trigger[data-emphasis=neutral]:hover{color:var(--color-text-neutral-secondary);--icon-color:var(--color-icon-neutral-secondary)}.qui-breadcrumbs__item-trigger[data-emphasis=neutral]:active{color:var(--color-text-neutral-primary);--icon-color:var(--color-icon-neutral-primary)}.qui-breadcrumbs__item-icon{color:var(--icon-color)}.qui-breadcrumbs__item-icon[data-size=sm]{--icon-size:var(--sizing-60)}.qui-breadcrumbs__item-icon[data-size=md]{--icon-size:var(--sizing-70)}.qui-breadcrumbs__item-icon[data-size=lg]{--icon-size:var(--sizing-80)}.qui-breadcrumbs__separator{color:var(--color-icon-neutral-secondary);--icon-height:var(--icon-size);--icon-width:var(--icon-size)}.qui-breadcrumbs__separator[data-size=sm]{--icon-size:var(--sizing-60)}.qui-breadcrumbs__separator[data-size=md]{--icon-size:var(--sizing-70)}.qui-breadcrumbs__separator[data-size=lg]{--icon-size:var(--sizing-80)}
1
+ .qui-breadcrumbs__list{align-items:center;display:flex;gap:var(--spacing-40);justify-content:flex-start;margin:0;padding:0}.qui-breadcrumbs__item{align-items:center;display:inline-flex;gap:var(--spacing-40);list-style-type:none}.qui-breadcrumbs__item:last-child .qui-breadcrumbs__separator{display:none}.qui-breadcrumbs__item:last-child .qui-breadcrumbs__item-trigger[data-emphasis=primary]{color:var(--color-interactive-text-primary-pressed);--icon-color:var(--color-interactive-icon-primary-pressed)}.qui-breadcrumbs__item:last-child .qui-breadcrumbs__item-trigger[data-emphasis=neutral]{color:var(--color-text-neutral-primary);--icon-color:var(--color-icon-neutral-primary)}.qui-breadcrumbs__item[data-disabled] .qui-breadcrumbs__item-trigger[data-emphasis]{color:var(--color-utility-disabled-text);pointer-events:none;--icon-color:var(--color-utility-disabled-icon)}.qui-breadcrumbs__item-trigger{align-items:center;background-color:transparent;border:0 solid;border-radius:var(--border-radius-sm);box-sizing:border-box;display:inline-flex;gap:var(--spacing-40);margin:0;opacity:1;padding:0;text-decoration:none}.qui-breadcrumbs__item-trigger[data-size=sm]{font:var(--font-static-body-xs-default)}.qui-breadcrumbs__item-trigger[data-size=md]{font:var(--font-static-body-sm-default)}.qui-breadcrumbs__item-trigger[data-size=lg]{font:var(--font-static-body-md-default)}.qui-breadcrumbs__item-trigger:hover{text-decoration:underline}.qui-breadcrumbs__item-trigger:focus-visible{outline:solid 2px var(--color-utility-focus-border);outline-offset:-1px}.qui-breadcrumbs__item-trigger[data-emphasis=primary]{color:var(--color-interactive-text-primary-idle);--icon-color:var(--color-interactive-icon-primary-idle)}.qui-breadcrumbs__item-trigger[data-emphasis=primary]:hover{color:var(--color-interactive-text-primary-hover);--icon-color:var(--color-interactive-icon-primary-hover)}.qui-breadcrumbs__item-trigger[data-emphasis=primary]:active{color:var(--color-interactive-text-primary-pressed);--icon-color:var(--color-interactive-icon-primary-pressed)}.qui-breadcrumbs__item-trigger[data-emphasis=neutral]{color:var(--color-text-neutral-secondary);--icon-color:var(--color-icon-neutral-secondary)}.qui-breadcrumbs__item-trigger[data-emphasis=neutral]:hover{color:var(--color-text-neutral-secondary);--icon-color:var(--color-icon-neutral-secondary)}.qui-breadcrumbs__item-trigger[data-emphasis=neutral]:active{color:var(--color-text-neutral-primary);--icon-color:var(--color-icon-neutral-primary)}.qui-breadcrumbs__item-icon{color:var(--icon-color)}.qui-breadcrumbs__item-icon[data-size=sm]{--icon-size:var(--sizing-60)}.qui-breadcrumbs__item-icon[data-size=md]{--icon-size:var(--sizing-70)}.qui-breadcrumbs__item-icon[data-size=lg]{--icon-size:var(--sizing-80)}.qui-breadcrumbs__separator{color:var(--color-icon-neutral-secondary);--icon-height:var(--icon-size);--icon-width:var(--icon-size)}.qui-breadcrumbs__separator[data-size=sm]{--icon-size:var(--sizing-60)}.qui-breadcrumbs__separator[data-size=md]{--icon-size:var(--sizing-70)}.qui-breadcrumbs__separator[data-size=lg]{--icon-size:var(--sizing-80)}
package/dist/button/qds-button.css CHANGED
@@ -1,4 +1,4 @@
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;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: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;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;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(
2
2
  --color-interactive-background-persistent-white-ghost-idle
3
3
  );--button-bg-hover:var(
4
4
  --color-interactive-background-persistent-white-ghost-hover
package/dist/checkbox/qds-checkbox.css CHANGED
@@ -1 +1 @@
1
- .qui-checkbox__root{align-items:center;-webkit-box-align:center;-moz-column-gap:var(--spacing-70);column-gap:var(--spacing-70);display:flex;flex-wrap:wrap;justify-content:start;position:relative;vertical-align:top;width:-moz-fit-content;width:fit-content}.qui-checkbox__root:hover{cursor:pointer}.qui-checkbox__root[data-disabled]{cursor:unset;-webkit-user-select:none;-moz-user-select:none;user-select:none}.qui-checkbox__root:has([data-part=error-text][data-invalid]){row-gap:var(--spacing-70)}.qui-checkbox__control{align-items:center;background:var(--color-background-neutral-00);border:var(--border-width-sm,1px) solid var(--color-interactive-border-neutral-idle);border-radius:var(--border-radius-xs,2px);box-sizing:border-box;color:var(--color-utility-persistent-white);display:inline-flex;justify-content:center;max-height:var(--control-size);max-width:var(--control-size);min-height:var(--control-size);min-width:var(--control-size);--control-size:var(--sizing-70)}.qui-checkbox__control[data-size=md]{--control-size:var(--sizing-80)}.qui-checkbox__control[data-size=lg]{--control-size:var(--sizing-90)}.qui-checkbox__control[data-focus-visible]{border-color:var(--color-interactive-border-neutral-hover);outline:solid 2px var(--color-utility-focus-border);outline-offset:1px}.qui-checkbox__control[data-state=checked],.qui-checkbox__control[data-state=indeterminate]{background:var(--color-interactive-background-primary-idle);border-color:var(--color-interactive-background-primary-idle)}.qui-checkbox__control[data-state=checked][data-hover],.qui-checkbox__control[data-state=indeterminate][data-hover]{background:var(--color-interactive-background-primary-hover);border-color:var(--color-interactive-background-primary-hover)}.qui-checkbox__control[data-state=checked][data-disabled],.qui-checkbox__control[data-state=indeterminate][data-disabled]{background:var(--color-utility-disabled-background);border-color:var(--color-utility-disabled-border);color:var(--color-utility-disabled-text)}.qui-checkbox__control[data-invalid][data-state=unchecked]{border-color:var(--color-interactive-border-danger-idle)}.qui-checkbox__control[data-invalid][data-state=unchecked][data-hover]{border-color:var(--color-interactive-border-danger-hover)}.qui-checkbox__control[data-disabled]{border-color:var(--color-utility-disabled-border)}.qui-checkbox__label{color:var(--color-text-neutral-primary);flex:1;font:var(--font-static-body-xs-default)}.qui-checkbox__label[data-size=md]{font:var(--font-static-body-sm-default)}.qui-checkbox__label[data-size=lg]{font:var(--font-static-body-lg-default)}.qui-checkbox__label[data-disabled]{color:var(--color-utility-disabled-text)}
1
+ .qui-checkbox__root{align-items:center;-webkit-box-align:center;-moz-column-gap:var(--spacing-70);column-gap:var(--spacing-70);display:flex;flex-wrap:wrap;justify-content:start;position:relative;vertical-align:top;width:-moz-fit-content;width:fit-content}.qui-checkbox__root:hover{cursor:pointer}.qui-checkbox__root[data-disabled]{cursor:unset;-webkit-user-select:none;-moz-user-select:none;user-select:none}.qui-checkbox__root:has([data-part=error-text][data-invalid]){row-gap:var(--spacing-70)}.qui-checkbox__control{align-items:center;background:var(--color-background-neutral-00);border:var(--border-width-sm,1px) solid var(--color-interactive-border-neutral-idle);border-radius:var(--border-radius-xs,2px);box-sizing:border-box;color:var(--color-utility-persistent-white);display:inline-flex;justify-content:center;max-height:var(--control-size);max-width:var(--control-size);min-height:var(--control-size);min-width:var(--control-size);--control-size:var(--sizing-70)}.qui-checkbox__control[data-size=md]{--control-size:var(--sizing-80)}.qui-checkbox__control[data-size=lg]{--control-size:var(--sizing-90)}.qui-checkbox__control[data-focus-visible]{border-color:var(--color-interactive-border-neutral-hover);outline:solid 2px var(--color-utility-focus-border);outline-offset:1px}.qui-checkbox__control[data-state=checked],.qui-checkbox__control[data-state=indeterminate]{background:var(--color-interactive-background-primary-idle);border-color:var(--color-interactive-background-primary-idle)}.qui-checkbox__control[data-state=checked][data-hover],.qui-checkbox__control[data-state=indeterminate][data-hover]{background:var(--color-interactive-background-primary-hover);border-color:var(--color-interactive-background-primary-hover)}.qui-checkbox__control[data-state=checked][data-disabled],.qui-checkbox__control[data-state=indeterminate][data-disabled]{background:var(--color-utility-disabled-background);border-color:var(--color-utility-disabled-border);color:var(--color-utility-disabled-text)}.qui-checkbox__control[data-invalid][data-state=unchecked]{border-color:var(--color-interactive-border-danger-idle)}.qui-checkbox__control[data-invalid][data-state=unchecked][data-hover]{border-color:var(--color-interactive-border-danger-hover)}.qui-checkbox__control[data-disabled]{border-color:var(--color-utility-disabled-border)}.qui-checkbox__label{color:var(--color-text-neutral-primary);flex:1;font:var(--font-static-body-xs-default)}.qui-checkbox__label[data-size=md]{font:var(--font-static-body-sm-default)}.qui-checkbox__label[data-size=lg]{font:var(--font-static-body-lg-default)}.qui-checkbox__label[data-disabled]{color:var(--color-utility-disabled-text)}.qui-checkbox__indicator{align-items:center;display:inline-flex}.qui-checkbox__indicator[hidden]{display:none}.qui-checkbox__indicator [data-part=indicator-icon]{vertical-align:middle}