@qualcomm-ui/qds-core 1.26.1 → 1.27.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 (54) hide show
  1. package/dist/alert-banner/alert-banner.api.d.ts +6 -1
  2. package/dist/alert-banner/alert-banner.api.d.ts.map +1 -1
  3. package/dist/alert-banner/index.cjs +1 -1
  4. package/dist/alert-banner/index.cjs.map +3 -3
  5. package/dist/alert-banner/index.js +1 -1
  6. package/dist/alert-banner/index.js.map +3 -3
  7. package/dist/alert-banner/qds-alert-banner.css +1 -1
  8. package/dist/arduino-dark.min.css +1 -1
  9. package/dist/arduino-light.min.css +1 -1
  10. package/dist/avatar/qds-avatar.css +11 -1
  11. package/dist/badge/qds-badge-colors.css +1 -1
  12. package/dist/breadcrumbs/breadcrumbs.api.d.ts.map +1 -1
  13. package/dist/breadcrumbs/breadcrumbs.classes.d.ts +1 -0
  14. package/dist/breadcrumbs/breadcrumbs.classes.d.ts.map +1 -1
  15. package/dist/breadcrumbs/breadcrumbs.types.d.ts +5 -0
  16. package/dist/breadcrumbs/breadcrumbs.types.d.ts.map +1 -1
  17. package/dist/breadcrumbs/index.cjs +1 -1
  18. package/dist/breadcrumbs/index.cjs.map +2 -2
  19. package/dist/breadcrumbs/index.js +1 -1
  20. package/dist/breadcrumbs/index.js.map +2 -2
  21. package/dist/breadcrumbs/qds-breadcrumbs.css +1 -1
  22. package/dist/button/qds-button.css +2 -2
  23. package/dist/card/qds-card.css +1 -1
  24. package/dist/components.min.css +20 -6
  25. package/dist/dialog/qds-dialog.css +1 -1
  26. package/dist/divider/qds-divider.css +1 -1
  27. package/dist/dragonwing-dark.min.css +1 -1
  28. package/dist/dragonwing-light.min.css +1 -1
  29. package/dist/field-group/qds-field-group.css +1 -1
  30. package/dist/icon/qds-icon.css +1 -1
  31. package/dist/inline-icon-button/qds-inline-icon-button.css +5 -1
  32. package/dist/menu/qds-menu.css +1 -1
  33. package/dist/progress/qds-progress.css +1 -1
  34. package/dist/progress-ring/qds-progress-ring.css +1 -1
  35. package/dist/qualcomm-dark.min.css +1 -1
  36. package/dist/qualcomm-light.min.css +1 -1
  37. package/dist/radio/qds-radio.css +1 -1
  38. package/dist/slider/qds-slider.css +1 -1
  39. package/dist/snapdragon-dark.min.css +1 -1
  40. package/dist/snapdragon-light.min.css +1 -1
  41. package/dist/stepper/qds-stepper.css +1 -1
  42. package/dist/table/qds-table.css +1 -1
  43. package/dist/tabs/qds-tabs.css +1 -1
  44. package/dist/tooltip/index.cjs +1 -1
  45. package/dist/tooltip/index.cjs.map +2 -2
  46. package/dist/tooltip/index.js +1 -1
  47. package/dist/tooltip/index.js.map +2 -2
  48. package/dist/tooltip/qds-tooltip.css +1 -1
  49. package/dist/tooltip/tooltip.classes.d.ts +1 -0
  50. package/dist/tooltip/tooltip.classes.d.ts.map +1 -1
  51. package/dist/tooltip/tooltip.types.d.ts +3 -0
  52. package/dist/tooltip/tooltip.types.d.ts.map +1 -1
  53. package/dist/tsbuildinfo +1 -1
  54. package/package.json +2 -2
package/dist/slider/qds-slider.css CHANGED
@@ -10,4 +10,4 @@
10
10
  --color-interactive-background-danger-hover
11
11
  );--slider-thumb-color-active:var(
12
12
  --color-interactive-background-danger-pressed
13
- )}.qui-slider__root[data-disabled]{--slider-thumb-color:var(--color-utility-disabled-handle);--slider-range-color:var(--color-utility-disabled-track-fill);--slider-label-color:var(--color-utility-disabled-text);--slider-marker-color:var(--color-utility-disabled-text)}.qui-slider__root[data-readonly]{--slider-label-color:var(--color-utility-disabled-text);--slider-marker-color:var(--color-utility-disabled-text)}.qui-slider__root{align-items:center;display:grid;isolation:isolate;touch-action:none;width:100%}.qui-slider__root[data-orientation=horizontal]{grid-template-columns:auto 1fr 1fr auto;grid-template-rows:[label] auto [control] auto [markers] auto [hint error] auto;--row-gap:var(--spacing-70)}.qui-slider__root[data-orientation=vertical]{grid-template-columns:[label control] 1fr [value markers] 1fr;grid-template-rows:auto auto 1fr auto}.qui-slider__label,.qui-slider__value-text{color:var(--slider-label-color);font:var(--font-static-body-xs-default);grid-row:label;width:-moz-fit-content;width:fit-content}.qui-slider__label[data-orientation=vertical],.qui-slider__value-text[data-orientation=vertical]{grid-row:1}.qui-slider__label{grid-column:1/3}.qui-slider__label[data-orientation=vertical]{grid-column:1}.qui-slider__value-text{grid-column:-1/-3;justify-self:end}.qui-slider__value-text[data-orientation=vertical]{grid-column:2}.qui-slider__minMaxMarker{color:var(--slider-marker-color);font:var(--font-static-body-xs-default);grid-row:control;margin-block-start:var(--spacing-50);-webkit-user-select:none;-moz-user-select:none;user-select:none}.qui-slider__root :nth-child(1 of .qui-slider__minMaxMarker){grid-column:1/2;margin-inline-end:10px}.qui-slider__root :nth-child(1 of .qui-slider__minMaxMarker)[data-orientation=vertical]{grid-column:1/-1;grid-row:2;justify-self:center;margin:0}.qui-slider__root :nth-last-child(1 of .qui-slider__minMaxMarker){grid-column:-2/-1;margin-inline-start:10px}.qui-slider__root :nth-last-child(1 of .qui-slider__minMaxMarker)[data-orientation=vertical]{grid-column:1/-1;grid-row:4;justify-self:center;margin:0}.qui-slider__control{align-items:center;cursor:pointer;display:flex;flex-direction:row;grid-column:2/-2;grid-row:control;justify-content:center}.qui-slider__control[data-orientation=horizontal]{height:var(--slider-thumb-size);margin-block-start:var(--row-gap)}.qui-slider__control[data-orientation=vertical]{grid-column:1/-1;grid-row:3;height:100%;justify-self:center;width:var(--slider-thumb-size)}.qui-slider__control[data-disabled]{cursor:initial}.qui-slider__thumb{aspect-ratio:1;background-color:var(--slider-thumb-color);border-radius:var(--border-radius-rounded);position:relative;width:var(--slider-thumb-size)}.qui-slider__thumb:focus-visible{outline:none}.qui-slider__thumb:focus-visible:before{border:2px solid var(--color-utility-focus-border);border-radius:inherit;content:"";inset:-3px;pointer-events:none;position:absolute}.qui-slider__thumb:hover{background-color:var(--slider-thumb-color-hover)}.qui-slider__thumb:active{background-color:var(--slider-thumb-color-active)}.qui-slider__thumb[data-disabled]{background-color:var(--color-utility-disabled-handle)}.qui-slider__thumb:after{border-radius:var(--border-radius-rounded);bottom:-8px;content:"";left:-8px;position:absolute;right:-8px;top:-8px}.qui-slider__track{background-color:var(--track-default);border-radius:var(--border-radius-rounded);overflow:hidden}.qui-slider__track[data-orientation=horizontal]{height:var(--slider-track-thickness);width:100%}.qui-slider__track[data-orientation=vertical]{height:100%;width:var(--slider-track-thickness)}.qui-slider__range{background-color:var(--slider-range-color);border-radius:inherit}.qui-slider__range[data-orientation=horizontal]{height:100%}.qui-slider__range[data-orientation=vertical]{width:100%}.qui-slider__marker-group[data-orientation=horizontal]{height:20px;margin-block-start:var(--spacing-50);width:100%}.qui-slider__marker-group[data-orientation=vertical]{grid-row:3;height:100%;justify-self:center;margin-inline-start:28px}.qui-slider__marker-group{color:var(--slider-marker-color);font:var(--font-static-body-xs-default);grid-column:1/-1;grid-row:markers}.qui-slider__hint{color:var(--slider-label-color);font:var(--font-static-body-xs-default);grid-column:1/-1;grid-row:hint;margin-block-start:var(--row-gap)}.qui-slider__error-text{color:var(--color-text-support-danger);font:var(--font-static-body-xs-default);grid-column:1/-1;grid-row:error;margin-block-start:var(--row-gap)}.qui-slider__root[data-invalid] .qui-slider__error-text{display:flex;gap:var(--spacing-40)}.qui-slider__thumb-indicator{background-color:var(--color-background-neutral-10);border-radius:var(--border-radius-xs);bottom:calc(100% + 10px);box-shadow:var(--shadow-high);color:var(--color-text-neutral-inverse);display:none;font:var(--font-static-body-xs-default);left:50%;opacity:0;padding-block:var(--spacing-40);padding-inline:var(--spacing-70);pointer-events:none;transition:opacity 130ms ease-in-out,display 130ms ease-in-out allow-discrete;width:-moz-max-content;width:max-content}.qui-slider__thumb:not([data-disabled]):is(:hover,:active,:focus-visible,[data-dragging]) .qui-slider__thumb-indicator{display:block;opacity:1}@starting-style{.qui-slider__thumb:not([data-disabled]):is(:hover,:active,:focus-visible,[data-dragging]) .qui-slider__thumb-indicator{opacity:0}}.qui-slider__thumb-indicator:after{background-color:var(--color-background-neutral-10);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);content:"";height:10px;left:50%;position:absolute;top:100%;transform:translateX(-50%) translateY(-50%);width:10px}
13
+ )}.qui-slider__root[data-disabled]{--slider-thumb-color:var(--color-utility-disabled-background-solid);--slider-range-color:var(--color-utility-disabled-background-solid);--slider-label-color:var(--color-utility-disabled-text);--slider-marker-color:var(--color-utility-disabled-text)}.qui-slider__root[data-readonly]{--slider-label-color:var(--color-utility-disabled-text);--slider-marker-color:var(--color-utility-disabled-text)}.qui-slider__root{align-items:center;display:grid;isolation:isolate;touch-action:none;width:100%}.qui-slider__root[data-orientation=horizontal]{grid-template-columns:auto 1fr 1fr auto;grid-template-rows:[label] auto [control] auto [markers] auto [hint error] auto;--row-gap:var(--spacing-70)}.qui-slider__root[data-orientation=vertical]{grid-template-columns:[label control] 1fr [value markers] 1fr;grid-template-rows:auto auto 1fr auto}.qui-slider__label,.qui-slider__value-text{color:var(--slider-label-color);font:var(--font-static-body-xs-default);grid-row:label;width:-moz-fit-content;width:fit-content}.qui-slider__label[data-orientation=vertical],.qui-slider__value-text[data-orientation=vertical]{grid-row:1}.qui-slider__label{grid-column:1/3}.qui-slider__label[data-orientation=vertical]{grid-column:1}.qui-slider__value-text{grid-column:-1/-3;justify-self:end}.qui-slider__value-text[data-orientation=vertical]{grid-column:2}.qui-slider__minMaxMarker{color:var(--slider-marker-color);font:var(--font-static-body-xs-default);grid-row:control;margin-block-start:var(--spacing-50);-webkit-user-select:none;-moz-user-select:none;user-select:none}.qui-slider__root :nth-child(1 of .qui-slider__minMaxMarker){grid-column:1/2;margin-inline-end:10px}.qui-slider__root :nth-child(1 of .qui-slider__minMaxMarker)[data-orientation=vertical]{grid-column:1/-1;grid-row:2;justify-self:center;margin:0}.qui-slider__root :nth-last-child(1 of .qui-slider__minMaxMarker){grid-column:-2/-1;margin-inline-start:10px}.qui-slider__root :nth-last-child(1 of .qui-slider__minMaxMarker)[data-orientation=vertical]{grid-column:1/-1;grid-row:4;justify-self:center;margin:0}.qui-slider__control{align-items:center;cursor:pointer;display:flex;flex-direction:row;grid-column:2/-2;grid-row:control;justify-content:center}.qui-slider__control[data-orientation=horizontal]{height:var(--slider-thumb-size);margin-block-start:var(--row-gap)}.qui-slider__control[data-orientation=vertical]{grid-column:1/-1;grid-row:3;height:100%;justify-self:center;width:var(--slider-thumb-size)}.qui-slider__control[data-disabled]{cursor:initial}.qui-slider__thumb{aspect-ratio:1;background-color:var(--slider-thumb-color);border-radius:var(--border-radius-rounded);position:relative;width:var(--slider-thumb-size)}.qui-slider__thumb:focus-visible{outline:none}.qui-slider__thumb:focus-visible:before{border:2px solid var(--color-utility-focus-border);border-radius:inherit;content:"";inset:-3px;pointer-events:none;position:absolute}.qui-slider__thumb:hover{background-color:var(--slider-thumb-color-hover)}.qui-slider__thumb:active{background-color:var(--slider-thumb-color-active)}.qui-slider__thumb[data-disabled]{background-color:var(--color-utility-disabled-background-solid)}.qui-slider__thumb:after{border-radius:var(--border-radius-rounded);bottom:-8px;content:"";left:-8px;position:absolute;right:-8px;top:-8px}.qui-slider__track{background-color:var(--cross-component-track-default);border-radius:var(--border-radius-rounded);overflow:hidden}.qui-slider__track[data-orientation=horizontal]{height:var(--slider-track-thickness);width:100%}.qui-slider__track[data-orientation=vertical]{height:100%;width:var(--slider-track-thickness)}.qui-slider__range{background-color:var(--slider-range-color);border-radius:inherit}.qui-slider__range[data-orientation=horizontal]{height:100%}.qui-slider__range[data-orientation=vertical]{width:100%}.qui-slider__marker-group[data-orientation=horizontal]{height:20px;margin-block-start:var(--spacing-50);width:100%}.qui-slider__marker-group[data-orientation=vertical]{grid-row:3;height:100%;justify-self:center;margin-inline-start:28px}.qui-slider__marker-group{color:var(--slider-marker-color);font:var(--font-static-body-xs-default);grid-column:1/-1;grid-row:markers}.qui-slider__hint{color:var(--slider-label-color);font:var(--font-static-body-xs-default);grid-column:1/-1;grid-row:hint;margin-block-start:var(--row-gap)}.qui-slider__error-text{color:var(--color-text-support-danger);font:var(--font-static-body-xs-default);grid-column:1/-1;grid-row:error;margin-block-start:var(--row-gap)}.qui-slider__root[data-invalid] .qui-slider__error-text{display:flex;gap:var(--spacing-40)}.qui-slider__thumb-indicator{background-color:var(--color-background-neutral-10);border-radius:var(--border-radius-xs);bottom:calc(100% + 10px);box-shadow:var(--shadow-high);color:var(--color-text-neutral-inverse);display:none;font:var(--font-static-body-xs-default);left:50%;opacity:0;padding-block:var(--spacing-40);padding-inline:var(--spacing-70);pointer-events:none;transition:opacity 130ms ease-in-out,display 130ms ease-in-out allow-discrete;width:-moz-max-content;width:max-content}.qui-slider__thumb:not([data-disabled]):is(:hover,:active,:focus-visible,[data-dragging]) .qui-slider__thumb-indicator{display:block;opacity:1}@starting-style{.qui-slider__thumb:not([data-disabled]):is(:hover,:active,:focus-visible,[data-dragging]) .qui-slider__thumb-indicator{opacity:0}}.qui-slider__thumb-indicator:after{background-color:var(--color-background-neutral-10);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);content:"";height:10px;left:50%;position:absolute;top:100%;transform:translateX(-50%) translateY(-50%);width:10px}
package/dist/snapdragon-dark.min.css CHANGED
@@ -1 +1 @@
1
- [data-brand=snapdragon][data-theme=dark]{--color-background-brand-primary-strong:#ffcdc5;--color-background-brand-primary-subtle:#92001d;--color-background-brand-primary:#e71324;--color-background-neutral-00:#0a0a0a;--color-background-neutral-01:#19191a;--color-background-neutral-02:#1f1f1f;--color-background-neutral-03:#242425;--color-background-neutral-10:#ffffff;--color-background-support-danger-medium:#7e0700;--color-background-support-danger-subtle:#1e0000;--color-background-support-danger:#f1735e;--color-background-support-info-medium:#283c97;--color-background-support-info-subtle:#070d2a;--color-background-support-info:#7697ff;--color-background-support-neutral-medium:#636364;--color-background-support-neutral-subtle:#1f1f1f;--color-background-support-neutral:#b9b9ba;--color-background-support-success-medium:#005a00;--color-background-support-success-subtle:#001600;--color-background-support-success:#5db655;--color-background-support-warning-medium:#5a4403;--color-background-support-warning-subtle:#1e1500;--color-background-support-warning:#ffc622;--color-border-brand-primary-subtle:#92001d;--color-border-brand-primary:#ff6f66;--color-border-neutral-00:#0a0a0a;--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:#7e0700;--color-border-support-danger:#f1826f;--color-border-support-info-medium:#283c97;--color-border-support-info:#82a1fe;--color-border-support-neutral-medium:#424243;--color-border-support-neutral:#636364;--color-border-support-success-medium:#005a00;--color-border-support-success:#70bc68;--color-border-support-warning-medium:#5a4403;--color-border-support-warning:#d19d00;--color-category-amber-medium:#773310;--color-category-amber-strong:#a1480e;--color-category-amber-subtle:#4e1e06;--color-category-blue-medium:#034ad9;--color-category-blue-strong:#1669fe;--color-category-blue-subtle:#01278a;--color-category-cyan-medium:#005aa3;--color-category-cyan-strong:#0377c9;--color-category-cyan-subtle:#013360;--color-category-green-medium:#207552;--color-category-green-strong:#1f845a;--color-category-green-subtle:#185039;--color-category-lime-medium:#517121;--color-category-lime-strong:#5b7f24;--color-category-lime-subtle:#3a4d1f;--color-category-magenta-medium:#aa1b59;--color-category-magenta-strong:#d52d76;--color-category-magenta-subtle:#670630;--color-category-orange-medium:#953d00;--color-category-orange-strong:#c25100;--color-category-orange-subtle:#522301;--color-category-purple-medium:#712ed1;--color-category-purple-strong:#8f46fc;--color-category-purple-subtle:#40197a;--color-category-red-medium:#af1a21;--color-category-red-strong:#df252f;--color-category-red-subtle:#680a0f;--color-category-teal-medium:#006563;--color-category-teal-strong:#02827e;--color-category-teal-subtle:#01393c;--color-category-violet-medium:#701b85;--color-category-violet-strong:#9521b9;--color-category-violet-subtle:#480b57;--color-category-yellow-medium:#9a7402;--color-category-yellow-strong:#efbf1a;--color-category-yellow-subtle:#684e01;--color-icon-brand-primary:#ff6f66;--color-icon-neutral-inverse:#0a0a0a;--color-icon-neutral-primary:#ffffff;--color-icon-neutral-secondary:#aaaaab;--color-icon-support-danger:#f1735e;--color-icon-support-info:#7697ff;--color-icon-support-neutral:#949495;--color-icon-support-success:#49b140;--color-icon-support-warning:#fabb00;--color-interactive-background-danger-hover:#b30000;--color-interactive-background-danger-idle:#990000;--color-interactive-background-danger-pressed:#c71100;--color-interactive-background-ghost-hover:#ffffff14;--color-interactive-background-ghost-idle:#ffffff00;--color-interactive-background-ghost-pressed:#ffffff29;--color-interactive-background-inverse-fill-hover:#242425;--color-interactive-background-inverse-fill-idle:#0a0a0a;--color-interactive-background-inverse-fill-pressed:#3c3c3d;--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:#6a6a6b;--color-interactive-background-neutral-idle:#5c5c5d;--color-interactive-background-neutral-pressed:#717171;--color-interactive-background-persistent-black-fill-hover:#242425;--color-interactive-background-persistent-black-fill-idle:#0a0a0a;--color-interactive-background-persistent-black-fill-pressed:#3c3c3d;--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:#e7e7e8;--color-interactive-background-persistent-white-fill-idle:#ffffff;--color-interactive-background-persistent-white-fill-pressed:#d0d0d1;--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:#d4000d;--color-interactive-background-primary-idle:#bc0004;--color-interactive-background-primary-pressed:#e71324;--color-interactive-border-danger-hover:#f0907f;--color-interactive-border-danger-idle:#f1735e;--color-interactive-border-danger-pressed:#febbae;--color-interactive-border-inverse-hover:#000000e5;--color-interactive-border-inverse-idle:#000000cc;--color-interactive-border-inverse-pressed:#0a0a0a;--color-interactive-border-neutral-hover:#ffffff6b;--color-interactive-border-neutral-idle:#ffffff4d;--color-interactive-border-neutral-pressed:#ffffff8a;--color-interactive-border-persistent-black-hover:#000000e5;--color-interactive-border-persistent-black-idle:#000000cc;--color-interactive-border-persistent-black-pressed:#0a0a0a;--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:#ff8e83;--color-interactive-border-primary-idle:#ff6f66;--color-interactive-border-primary-pressed:#ffc1b9;--color-interactive-icon-danger-hover:#f0907f;--color-interactive-icon-danger-idle:#f1735e;--color-interactive-icon-danger-pressed:#febbae;--color-interactive-icon-link-brand-hover:#ff8e83;--color-interactive-icon-link-brand-idle:#ff6f66;--color-interactive-icon-link-brand-pressed:#ffc1b9;--color-interactive-icon-link-brand-visited:#b88cff;--color-interactive-icon-link-default-hover:#ff7f75;--color-interactive-icon-link-default-idle:#ff5d56;--color-interactive-icon-link-default-pressed:#ffb5ac;--color-interactive-icon-link-default-visited:#b88cff;--color-interactive-icon-link-neutral-hover:#c0c0c1;--color-interactive-icon-link-neutral-idle:#ffffff;--color-interactive-icon-link-neutral-pressed:#949495;--color-interactive-icon-link-neutral-visited:#b88cff;--color-interactive-icon-neutral-hover:#efeff0;--color-interactive-icon-neutral-idle:#dfdfe0;--color-interactive-icon-neutral-pressed:#ffffff;--color-interactive-icon-primary-hover:#ff8e83;--color-interactive-icon-primary-idle:#ff6f66;--color-interactive-icon-primary-pressed:#ffc1b9;--color-interactive-text-danger-hover:#f0907f;--color-interactive-text-danger-idle:#f1735e;--color-interactive-text-danger-pressed:#febbae;--color-interactive-text-link-brand-hover:#ff8e83;--color-interactive-text-link-brand-idle:#ff6f66;--color-interactive-text-link-brand-pressed:#ffc1b9;--color-interactive-text-link-brand-visited:#b88cff;--color-interactive-text-link-default-hover:#ff7f75;--color-interactive-text-link-default-idle:#ff5d56;--color-interactive-text-link-default-pressed:#ffb5ac;--color-interactive-text-link-default-visited:#b88cff;--color-interactive-text-link-neutral-hover:#c0c0c1;--color-interactive-text-link-neutral-idle:#ffffff;--color-interactive-text-link-neutral-pressed:#949495;--color-interactive-text-link-neutral-visited:#b88cff;--color-interactive-text-neutral-hover:#efeff0;--color-interactive-text-neutral-idle:#dfdfe0;--color-interactive-text-neutral-pressed:#ffffff;--color-interactive-text-primary-hover:#ff8e83;--color-interactive-text-primary-idle:#ff6f66;--color-interactive-text-primary-pressed:#ffc1b9;--color-surface-overlay:#303031;--color-surface-primary:#0a0a0a;--color-surface-raised:#2a2a2b;--color-surface-secondary:#19191a;--color-text-brand-primary:#ff6f66;--color-text-neutral-inverse:#0a0a0a;--color-text-neutral-primary:#ffffff;--color-text-neutral-secondary:#aaaaab;--color-text-support-danger:#f1735e;--color-text-support-info:#7697ff;--color-text-support-success:#49b140;--color-utility-disabled-background:#ffffff14;--color-utility-disabled-border:#ffffff1f;--color-utility-disabled-handle:#4f4f50;--color-utility-disabled-icon:#6a6a6b;--color-utility-disabled-inverse-background:#00000014;--color-utility-disabled-inverse-border:#0000001f;--color-utility-disabled-inverse-icon:#6a6a6b;--color-utility-disabled-inverse-text:#6a6a6b;--color-utility-disabled-persistent-black-background:#00000014;--color-utility-disabled-persistent-black-border:#0000001f;--color-utility-disabled-persistent-black-icon:#6a6a6b;--color-utility-disabled-persistent-black-text:#6a6a6b;--color-utility-disabled-persistent-white-background:#ffffff14;--color-utility-disabled-persistent-white-border:#ffffff1f;--color-utility-disabled-persistent-white-icon:#a3a3a3;--color-utility-disabled-persistent-white-text:#a3a3a3;--color-utility-disabled-text:#6a6a6b;--color-utility-disabled-track-fill:#4f4f50;--color-utility-focus-border:#ff6f66;--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:#0a0a0a;--color-utility-persistent-transparent-white:#ffffffcc;--color-utility-persistent-white:#ffffff;--color-utility-placeholder-icon:#868687;--color-utility-placeholder-text:#868687;--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:4px;--component-button-global-focus-border-radius:4px;--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-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-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-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:#ffffff;--component-button-variant-fill-neutral-text:#ffffff;--component-button-variant-fill-primary-icon:#ffffff;--component-button-variant-fill-primary-text:#ffffff;--component-button-variant-outline-border-width:1px;--component-button-variant-outline-danger-border-hover:#ffffff6b;--component-button-variant-outline-danger-border-idle:#ffffff4d;--component-button-variant-outline-danger-border-pressed:#ffffff8a;--component-button-variant-outline-neutral-border-hover:#ffffff6b;--component-button-variant-outline-neutral-border-idle:#ffffff4d;--component-button-variant-outline-neutral-border-pressed:#ffffff8a;--component-button-variant-outline-primary-border-hover:#ffffff6b;--component-button-variant-outline-primary-border-idle:#ffffff4d;--component-button-variant-outline-primary-border-pressed:#ffffff8a;--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 /64px var(--type-font-family-primary);--font-dynamic-display-md:var(--type-font-weight-display-regular) 40px /44px 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 /38px var(--type-font-family-primary);--font-dynamic-heading-xxxl:var(--type-font-weight-heading-regular) 36px /40px 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:Alfabet,sans-serif;--type-font-family-secondary:"Roboto Flex",sans-serif;--type-font-family-tertiary:"Roboto Mono",monospace;--type-font-weight-body-bold:500;--type-font-weight-body-default:400;--type-font-weight-code-bold:500;--type-font-weight-code-default:400;--type-font-weight-display-regular:400;--type-font-weight-heading-bold:600;--type-font-weight-heading-default:500;--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}
1
+ [data-brand=snapdragon][data-theme=dark]{--color-background-brand-primary-strong:#ffcdc5;--color-background-brand-primary-subtle:#92001d;--color-background-brand-primary:#e71324;--color-background-neutral-00:#0a0a0a;--color-background-neutral-01:#19191a;--color-background-neutral-02:#1f1f1f;--color-background-neutral-03:#242425;--color-background-neutral-10:#ffffff;--color-background-support-danger-medium:#7e0700;--color-background-support-danger-subtle:#1e0000;--color-background-support-danger:#f1735e;--color-background-support-info-medium:#283c97;--color-background-support-info-subtle:#070d2a;--color-background-support-info:#7697ff;--color-background-support-neutral-medium:#636364;--color-background-support-neutral-subtle:#1f1f1f;--color-background-support-neutral:#b9b9ba;--color-background-support-success-medium:#005a00;--color-background-support-success-subtle:#001600;--color-background-support-success:#5db655;--color-background-support-warning-medium:#5a4403;--color-background-support-warning-subtle:#1e1500;--color-background-support-warning:#ffc622;--color-border-brand-primary-subtle:#92001d;--color-border-brand-primary:#ff6f66;--color-border-neutral-00:#0a0a0a;--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:#7e0700;--color-border-support-danger:#f1826f;--color-border-support-info-medium:#283c97;--color-border-support-info:#82a1fe;--color-border-support-neutral-medium:#424243;--color-border-support-neutral:#636364;--color-border-support-success-medium:#005a00;--color-border-support-success:#70bc68;--color-border-support-warning-medium:#5a4403;--color-border-support-warning:#d19d00;--color-category-amber-medium:#773310;--color-category-amber-strong:#a1480e;--color-category-amber-subtle:#4e1e06;--color-category-blue-medium:#034ad9;--color-category-blue-strong:#1669fe;--color-category-blue-subtle:#01278a;--color-category-cyan-medium:#005aa3;--color-category-cyan-strong:#0377c9;--color-category-cyan-subtle:#013360;--color-category-green-medium:#207552;--color-category-green-strong:#1f845a;--color-category-green-subtle:#185039;--color-category-lime-medium:#517121;--color-category-lime-strong:#5b7f24;--color-category-lime-subtle:#3a4d1f;--color-category-magenta-medium:#aa1b59;--color-category-magenta-strong:#d52d76;--color-category-magenta-subtle:#670630;--color-category-orange-medium:#953d00;--color-category-orange-strong:#c25100;--color-category-orange-subtle:#522301;--color-category-purple-medium:#712ed1;--color-category-purple-strong:#8f46fc;--color-category-purple-subtle:#40197a;--color-category-red-medium:#af1a21;--color-category-red-strong:#df252f;--color-category-red-subtle:#680a0f;--color-category-teal-medium:#006563;--color-category-teal-strong:#02827e;--color-category-teal-subtle:#01393c;--color-category-violet-medium:#701b85;--color-category-violet-strong:#9521b9;--color-category-violet-subtle:#480b57;--color-category-yellow-medium:#9a7402;--color-category-yellow-strong:#efbf1a;--color-category-yellow-subtle:#684e01;--color-icon-brand-primary:#ff6f66;--color-icon-neutral-inverse:#0a0a0a;--color-icon-neutral-primary:#ffffff;--color-icon-neutral-secondary:#aaaaab;--color-icon-support-danger:#f1735e;--color-icon-support-info:#7697ff;--color-icon-support-neutral:#949495;--color-icon-support-success:#49b140;--color-icon-support-warning:#fabb00;--color-interactive-background-danger-hover:#b30000;--color-interactive-background-danger-idle:#990000;--color-interactive-background-danger-pressed:#c71100;--color-interactive-background-ghost-hover:#ffffff14;--color-interactive-background-ghost-idle:#ffffff00;--color-interactive-background-ghost-pressed:#ffffff29;--color-interactive-background-inverse-fill-hover:#242425;--color-interactive-background-inverse-fill-idle:#0a0a0a;--color-interactive-background-inverse-fill-pressed:#3c3c3d;--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:#6a6a6b;--color-interactive-background-neutral-idle:#5c5c5d;--color-interactive-background-neutral-pressed:#717171;--color-interactive-background-persistent-black-fill-hover:#242425;--color-interactive-background-persistent-black-fill-idle:#0a0a0a;--color-interactive-background-persistent-black-fill-pressed:#3c3c3d;--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:#e7e7e8;--color-interactive-background-persistent-white-fill-idle:#ffffff;--color-interactive-background-persistent-white-fill-pressed:#d0d0d1;--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:#d4000d;--color-interactive-background-primary-idle:#bc0004;--color-interactive-background-primary-pressed:#e71324;--color-interactive-border-danger-hover:#f0907f;--color-interactive-border-danger-idle:#f1735e;--color-interactive-border-danger-pressed:#febbae;--color-interactive-border-inverse-hover:#000000e5;--color-interactive-border-inverse-idle:#000000cc;--color-interactive-border-inverse-pressed:#0a0a0a;--color-interactive-border-neutral-hover:#ffffff6b;--color-interactive-border-neutral-idle:#ffffff4d;--color-interactive-border-neutral-pressed:#ffffff8a;--color-interactive-border-persistent-black-hover:#000000e5;--color-interactive-border-persistent-black-idle:#000000cc;--color-interactive-border-persistent-black-pressed:#0a0a0a;--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:#ff8e83;--color-interactive-border-primary-idle:#ff6f66;--color-interactive-border-primary-pressed:#ffc1b9;--color-interactive-icon-danger-hover:#f0907f;--color-interactive-icon-danger-idle:#f1735e;--color-interactive-icon-danger-pressed:#febbae;--color-interactive-icon-link-brand-hover:#ff8e83;--color-interactive-icon-link-brand-idle:#ff6f66;--color-interactive-icon-link-brand-pressed:#ffc1b9;--color-interactive-icon-link-brand-visited:#b88cff;--color-interactive-icon-link-default-hover:#ff7f75;--color-interactive-icon-link-default-idle:#ff5d56;--color-interactive-icon-link-default-pressed:#ffb5ac;--color-interactive-icon-link-default-visited:#b88cff;--color-interactive-icon-link-neutral-hover:#c0c0c1;--color-interactive-icon-link-neutral-idle:#ffffff;--color-interactive-icon-link-neutral-pressed:#949495;--color-interactive-icon-link-neutral-visited:#b88cff;--color-interactive-icon-neutral-hover:#efeff0;--color-interactive-icon-neutral-idle:#dfdfe0;--color-interactive-icon-neutral-pressed:#ffffff;--color-interactive-icon-primary-hover:#ff8e83;--color-interactive-icon-primary-idle:#ff6f66;--color-interactive-icon-primary-pressed:#ffc1b9;--color-interactive-text-danger-hover:#f0907f;--color-interactive-text-danger-idle:#f1735e;--color-interactive-text-danger-pressed:#febbae;--color-interactive-text-link-brand-hover:#ff8e83;--color-interactive-text-link-brand-idle:#ff6f66;--color-interactive-text-link-brand-pressed:#ffc1b9;--color-interactive-text-link-brand-visited:#b88cff;--color-interactive-text-link-default-hover:#ff7f75;--color-interactive-text-link-default-idle:#ff5d56;--color-interactive-text-link-default-pressed:#ffb5ac;--color-interactive-text-link-default-visited:#b88cff;--color-interactive-text-link-neutral-hover:#c0c0c1;--color-interactive-text-link-neutral-idle:#ffffff;--color-interactive-text-link-neutral-pressed:#949495;--color-interactive-text-link-neutral-visited:#b88cff;--color-interactive-text-neutral-hover:#efeff0;--color-interactive-text-neutral-idle:#dfdfe0;--color-interactive-text-neutral-pressed:#ffffff;--color-interactive-text-primary-hover:#ff8e83;--color-interactive-text-primary-idle:#ff6f66;--color-interactive-text-primary-pressed:#ffc1b9;--color-surface-overlay:#303031;--color-surface-primary:#0a0a0a;--color-surface-raised:#2a2a2b;--color-surface-secondary:#19191a;--color-text-brand-primary:#ff6f66;--color-text-neutral-inverse:#0a0a0a;--color-text-neutral-primary:#ffffff;--color-text-neutral-secondary:#aaaaab;--color-text-support-danger:#f1735e;--color-text-support-info:#7697ff;--color-text-support-success:#49b140;--color-utility-disabled-background-solid:#4f4f50;--color-utility-disabled-background:#ffffff14;--color-utility-disabled-border:#ffffff1f;--color-utility-disabled-icon:#6a6a6b;--color-utility-disabled-inverse-background:#00000014;--color-utility-disabled-inverse-border:#0000001f;--color-utility-disabled-inverse-icon:#6a6a6b;--color-utility-disabled-inverse-text:#6a6a6b;--color-utility-disabled-persistent-black-background:#00000014;--color-utility-disabled-persistent-black-border:#0000001f;--color-utility-disabled-persistent-black-icon:#6a6a6b;--color-utility-disabled-persistent-black-text:#6a6a6b;--color-utility-disabled-persistent-white-background:#ffffff14;--color-utility-disabled-persistent-white-border:#ffffff1f;--color-utility-disabled-persistent-white-icon:#a3a3a3;--color-utility-disabled-persistent-white-text:#a3a3a3;--color-utility-disabled-text:#6a6a6b;--color-utility-focus-border:#ff6f66;--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:#0a0a0a;--color-utility-persistent-transparent-white:#ffffffcc;--color-utility-persistent-white:#ffffff;--color-utility-placeholder-icon:#868687;--color-utility-placeholder-text:#868687;--color-utility-scrim-default:#000000cc;--border-radius-lg:6px;--border-radius-md:4px;--border-radius-none:0;--border-radius-rounded:360px;--border-radius-sm:3px;--border-radius-xl:8px;--border-radius-xs:2px;--border-radius-xxl:12px;--border-width-lg:3px;--border-width-md:2px;--border-width-none:0;--border-width-sm:1px;--border-width-xl:4px;--canvas-width:375;--component-button-global-border-radius:4px;--component-button-global-focus-border-radius:4px;--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-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-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-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:#ffffff;--component-button-variant-fill-neutral-text:#ffffff;--component-button-variant-fill-primary-icon:#ffffff;--component-button-variant-fill-primary-text:#ffffff;--component-button-variant-outline-danger-border-hover:#ffffff6b;--component-button-variant-outline-danger-border-idle:#ffffff4d;--component-button-variant-outline-danger-border-pressed:#ffffff8a;--component-button-variant-outline-neutral-border-hover:#ffffff6b;--component-button-variant-outline-neutral-border-idle:#ffffff4d;--component-button-variant-outline-neutral-border-pressed:#ffffff8a;--component-button-variant-outline-primary-border-hover:#ffffff6b;--component-button-variant-outline-primary-border-idle:#ffffff4d;--component-button-variant-outline-primary-border-pressed:#ffffff8a;--component-tag-selectable-neutral-selected-icon:#ffffff;--component-tag-selectable-neutral-selected-text:#ffffff;--component-utility-icons-stroke-weight-lg:2px;--component-utility-icons-stroke-weight-md:1.75px;--component-utility-icons-stroke-weight-sm:1.5px;--component-utility-icons-stroke-weight-xl:2.25px;--component-utility-icons-stroke-weight-xs:1.25px;--component-utility-icons-stroke-weight-xxs:1px;--cross-component-track-default:#ffffff1a;--font-dynamic-display-lg:var(--type-font-weight-display-regular) 53px /64px var(--type-font-family-primary);--font-dynamic-display-md:var(--type-font-weight-display-regular) 40px /44px 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 /38px var(--type-font-family-primary);--font-dynamic-heading-xxxl:var(--type-font-weight-heading-regular) 36px /40px var(--type-font-family-primary);--font-static-body-lg-bold:var(--type-font-weight-body-bold) 17px /26px var(--type-font-family-secondary);--font-static-body-lg-default:var(--type-font-weight-body-default) 17px /26px var(--type-font-family-secondary);--font-static-body-md-bold:var(--type-font-weight-body-bold) 16px /24px var(--type-font-family-secondary);--font-static-body-md-default:var(--type-font-weight-body-default) 16px /24px var(--type-font-family-secondary);--font-static-body-sm-bold:var(--type-font-weight-body-bold) 14px /20px var(--type-font-family-secondary);--font-static-body-sm-default:var(--type-font-weight-body-default) 14px /20px var(--type-font-family-secondary);--font-static-body-xl-bold:var(--type-font-weight-body-bold) 19px /28px var(--type-font-family-secondary);--font-static-body-xl-default:var(--type-font-weight-body-default) 19px /28px var(--type-font-family-secondary);--font-static-body-xs-bold:var(--type-font-weight-body-bold) 12px /18px var(--type-font-family-secondary);--font-static-body-xs-default:var(--type-font-weight-body-default) 12px /18px var(--type-font-family-secondary);--font-static-body-xxl-bold:var(--type-font-weight-body-bold) 22px /32px var(--type-font-family-secondary);--font-static-body-xxl-default:var(--type-font-weight-body-default) 22px /32px var(--type-font-family-secondary);--font-static-body-xxs-bold:var(--type-font-weight-body-bold) 10px /16px var(--type-font-family-secondary);--font-static-body-xxs-default:var(--type-font-weight-body-default) 10px /16px var(--type-font-family-secondary);--font-static-code-lg-bold:var(--type-font-weight-code-bold) 17px /26px var(--type-font-family-tertiary);--font-static-code-lg-default:var(--type-font-weight-code-default) 17px /26px var(--type-font-family-tertiary);--font-static-code-md-bold:var(--type-font-weight-code-bold) 16px /24px var(--type-font-family-tertiary);--font-static-code-md-default:var(--type-font-weight-code-default) 16px /24px var(--type-font-family-tertiary);--font-static-code-sm-bold:var(--type-font-weight-code-bold) 14px /20px var(--type-font-family-tertiary);--font-static-code-sm-default:var(--type-font-weight-code-default) 14px /20px var(--type-font-family-tertiary);--font-static-code-xl-bold:var(--type-font-weight-code-bold) 19px /28px var(--type-font-family-tertiary);--font-static-code-xl-default:var(--type-font-weight-code-default) 19px /28px var(--type-font-family-tertiary);--font-static-code-xs-bold:var(--type-font-weight-code-bold) 12px /18px var(--type-font-family-tertiary);--font-static-code-xs-default:var(--type-font-weight-code-default) 12px /18px var(--type-font-family-tertiary);--font-static-display-lg:var(--type-font-weight-display-regular) 84px /100px var(--type-font-family-primary);--font-static-display-md:var(--type-font-weight-display-regular) 65px /74px var(--type-font-family-primary);--font-static-eyebrow-type-bold:var(--type-font-weight-body-bold) 12px /18px var(--type-font-family-secondary);--font-static-eyebrow-type-default:var(--type-font-weight-body-default) 12px /18px var(--type-font-family-secondary);--font-static-heading-lg-bold:var(--type-font-weight-heading-bold) 28px /34px var(--type-font-family-secondary);--font-static-heading-lg-default:var(--type-font-weight-heading-default) 28px /34px var(--type-font-family-secondary);--font-static-heading-md-bold:var(--type-font-weight-heading-bold) 24px /30px var(--type-font-family-secondary);--font-static-heading-md-default:var(--type-font-weight-heading-default) 24px /30px var(--type-font-family-secondary);--font-static-heading-sm-bold:var(--type-font-weight-heading-bold) 20px /24px var(--type-font-family-secondary);--font-static-heading-sm-default:var(--type-font-weight-heading-default) 20px /24px var(--type-font-family-secondary);--font-static-heading-xl:var(--type-font-weight-heading-regular) 36px /42px var(--type-font-family-primary);--font-static-heading-xs-bold:var(--type-font-weight-heading-bold) 17px /20px var(--type-font-family-secondary);--font-static-heading-xs-default:var(--type-font-weight-heading-default) 17px /20px var(--type-font-family-secondary);--font-static-heading-xxl:var(--type-font-weight-heading-regular) 44px /50px var(--type-font-family-primary);--font-static-heading-xxs-bold:var(--type-font-weight-heading-bold) 14px /18px var(--type-font-family-secondary);--font-static-heading-xxs-default:var(--type-font-weight-heading-default) 14px /18px var(--type-font-family-secondary);--font-static-heading-xxxl:var(--type-font-weight-heading-regular) 53px /60px var(--type-font-family-primary);--shadow-high:0 7px 20px 5px #00000033;--shadow-highest:0 20px 30px 15px #00000033;--shadow-low:0 3px 5px 0 #00000033;--shadow-lowest:0 1px 2px 0 #00000033;--shadow-medium:0 5px 10px 1px #00000033;--shadow-none:0 0 0 0 #00000000;--sizing-10:1px;--sizing-20:2px;--sizing-30:4px;--sizing-40:6px;--sizing-50:8px;--sizing-60:12px;--sizing-70:16px;--sizing-80:20px;--sizing-90:24px;--sizing-100:28px;--sizing-110:30px;--sizing-120:32px;--sizing-130:38px;--sizing-140:40px;--sizing-150:46px;--sizing-160:48px;--sizing-170:56px;--sizing-180:80px;--sizing-190:120px;--sizing-200:160px;--spacing-0:0;--spacing-10:1px;--spacing-20:2px;--spacing-30:3px;--spacing-40:4px;--spacing-50:6px;--spacing-60:7px;--spacing-70:8px;--spacing-80:10px;--spacing-90:12px;--spacing-100:16px;--spacing-110:20px;--spacing-120:24px;--spacing-130:28px;--spacing-140:32px;--spacing-150:36px;--spacing-160:40px;--spacing-170:44px;--spacing-180:48px;--spacing-190:52px;--spacing-200:56px;--spacing-210:60px;--spacing-220:64px;--spacing-230:68px;--spacing-240:72px;--spacing-250:76px;--spacing-260:80px;--spacing-270:84px;--spacing-280:88px;--spacing-290:92px;--spacing-300:96px;--spacing-310:100px;--spacing-320:120px;--spacing-330:132px;--type-font-family-primary:Alfabet,sans-serif;--type-font-family-secondary:"Roboto Flex",sans-serif;--type-font-family-tertiary:"Roboto Mono",monospace;--type-font-weight-body-bold:500;--type-font-weight-body-default:400;--type-font-weight-code-bold:500;--type-font-weight-code-default:400;--type-font-weight-display-regular:400;--type-font-weight-heading-bold:600;--type-font-weight-heading-default:500;--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/snapdragon-light.min.css CHANGED
@@ -1 +1 @@
1
- [data-brand=snapdragon][data-theme=light]{--color-background-brand-primary-strong:#92001d;--color-background-brand-primary-subtle:#ffcdc5;--color-background-brand-primary:#e71324;--color-background-neutral-00:#ffffff;--color-background-neutral-01:#f7f7f8;--color-background-neutral-02:#efeff0;--color-background-neutral-03:#e7e7e8;--color-background-neutral-10:#0a0a0a;--color-background-support-danger-medium:#f49b8b;--color-background-support-danger-subtle:#fcf3f1;--color-background-support-danger:#c71100;--color-background-support-info-medium:#99b3fd;--color-background-support-info-subtle:#f2f5fc;--color-background-support-info:#4664df;--color-background-support-neutral-medium:#b9b9ba;--color-background-support-neutral-subtle:#efeff0;--color-background-support-neutral:#49494a;--color-background-support-success-medium:#8dc886;--color-background-support-success-subtle:#f1f7f1;--color-background-support-success:#018a00;--color-background-support-warning-medium:#ffe398;--color-background-support-warning-subtle:#fdf6e8;--color-background-support-warning:#fabb00;--color-border-brand-primary-subtle:#ff8e83;--color-border-brand-primary:#dd0019;--color-border-neutral-00:#ffffff;--color-border-neutral-01:#0000001a;--color-border-neutral-02:#00000033;--color-border-neutral-03:#0000004d;--color-border-neutral-10:#0a0a0a;--color-border-support-danger-medium:#f49b8b;--color-border-support-danger:#c71100;--color-border-support-info-medium:#99b3fd;--color-border-support-info:#4664df;--color-border-support-neutral-medium:#b9b9ba;--color-border-support-neutral:#787878;--color-border-support-success-medium:#8dc886;--color-border-support-success:#018a00;--color-border-support-warning-medium:#ffcd2b;--color-border-support-warning:#fabb00;--color-category-amber-medium:#f39c12;--color-category-amber-strong:#a1480e;--color-category-amber-subtle:#facf4f;--color-category-blue-medium:#609aff;--color-category-blue-strong:#1669fe;--color-category-blue-subtle:#cadeff;--color-category-cyan-medium:#23a3f4;--color-category-cyan-strong:#0377c9;--color-category-cyan-subtle:#b2e2ff;--color-category-green-medium:#3cc58c;--color-category-green-strong:#1f845a;--color-category-green-subtle:#b1f0d6;--color-category-lime-medium:#8cbf40;--color-category-lime-strong:#5b7f24;--color-category-lime-subtle:#ceee9f;--color-category-magenta-medium:#ff95c3;--color-category-magenta-strong:#d52d76;--color-category-magenta-subtle:#fed1e5;--color-category-orange-medium:#ffa769;--color-category-orange-strong:#c25100;--color-category-orange-subtle:#ffd4b5;--color-category-purple-medium:#c8a7ff;--color-category-purple-strong:#8f46fc;--color-category-purple-subtle:#e6d4ff;--color-category-red-medium:#ff999f;--color-category-red-strong:#df252f;--color-category-red-subtle:#ffd1d4;--color-category-teal-medium:#06aeab;--color-category-teal-strong:#02827e;--color-category-teal-subtle:#8eedec;--color-category-violet-medium:#d77cf7;--color-category-violet-strong:#9521b9;--color-category-violet-subtle:#edc8fd;--color-category-yellow-medium:#f6cc3a;--color-category-yellow-strong:#efbf1a;--color-category-yellow-subtle:#fee38b;--color-icon-brand-primary:#dd0019;--color-icon-neutral-inverse:#ffffff;--color-icon-neutral-primary:#0a0a0a;--color-icon-neutral-secondary:#636364;--color-icon-support-danger:#c71100;--color-icon-support-info:#4664df;--color-icon-support-neutral:#787878;--color-icon-support-success:#007a00;--color-icon-support-warning:#d9a500;--color-interactive-background-danger-hover:#a50000;--color-interactive-background-danger-idle:#c71100;--color-interactive-background-danger-pressed:#7e0700;--color-interactive-background-ghost-hover:#00000014;--color-interactive-background-ghost-idle:#00000000;--color-interactive-background-ghost-pressed:#00000029;--color-interactive-background-inverse-fill-hover:#e7e7e8;--color-interactive-background-inverse-fill-idle:#ffffff;--color-interactive-background-inverse-fill-pressed:#d0d0d1;--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:#424243;--color-interactive-background-neutral-idle:#565657;--color-interactive-background-neutral-pressed:#303031;--color-interactive-background-persistent-black-fill-hover:#242425;--color-interactive-background-persistent-black-fill-idle:#0a0a0a;--color-interactive-background-persistent-black-fill-pressed:#3c3c3d;--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:#e7e7e8;--color-interactive-background-persistent-white-fill-idle:#ffffff;--color-interactive-background-persistent-white-fill-pressed:#d0d0d1;--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:#c90006;--color-interactive-background-primary-idle:#e71324;--color-interactive-background-primary-pressed:#a40001;--color-interactive-border-danger-hover:#a50000;--color-interactive-border-danger-idle:#c71100;--color-interactive-border-danger-pressed:#7e0700;--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:#0a0a0a;--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:#bc0004;--color-interactive-border-primary-idle:#dd0019;--color-interactive-border-primary-pressed:#960816;--color-interactive-icon-danger-hover:#b30000;--color-interactive-icon-danger-idle:#c71100;--color-interactive-icon-danger-pressed:#7e0700;--color-interactive-icon-link-brand-hover:#bc0004;--color-interactive-icon-link-brand-idle:#dd0019;--color-interactive-icon-link-brand-pressed:#960816;--color-interactive-icon-link-brand-visited:#883df8;--color-interactive-icon-link-default-hover:#960816;--color-interactive-icon-link-default-idle:#b00002;--color-interactive-icon-link-default-pressed:#5c0006;--color-interactive-icon-link-default-visited:#883df8;--color-interactive-icon-link-neutral-hover:#424243;--color-interactive-icon-link-neutral-idle:#0a0a0a;--color-interactive-icon-link-neutral-pressed:#5c5c5d;--color-interactive-icon-link-neutral-visited:#883df8;--color-interactive-icon-neutral-hover:#1f1f1f;--color-interactive-icon-neutral-idle:#303031;--color-interactive-icon-neutral-pressed:#0a0a0a;--color-interactive-icon-primary-hover:#bc0004;--color-interactive-icon-primary-idle:#dd0019;--color-interactive-icon-primary-pressed:#960816;--color-interactive-text-danger-hover:#b30000;--color-interactive-text-danger-idle:#d02107;--color-interactive-text-danger-pressed:#7e0700;--color-interactive-text-link-brand-hover:#bc0004;--color-interactive-text-link-brand-idle:#dd0019;--color-interactive-text-link-brand-pressed:#960816;--color-interactive-text-link-brand-visited:#883df8;--color-interactive-text-link-default-hover:#960816;--color-interactive-text-link-default-idle:#b00002;--color-interactive-text-link-default-pressed:#5c0006;--color-interactive-text-link-default-visited:#883df8;--color-interactive-text-link-neutral-hover:#424243;--color-interactive-text-link-neutral-idle:#0a0a0a;--color-interactive-text-link-neutral-pressed:#5c5c5d;--color-interactive-text-link-neutral-visited:#883df8;--color-interactive-text-neutral-hover:#242425;--color-interactive-text-neutral-idle:#363637;--color-interactive-text-neutral-pressed:#0a0a0a;--color-interactive-text-primary-hover:#bc0004;--color-interactive-text-primary-idle:#dd0019;--color-interactive-text-primary-pressed:#960816;--color-scrim-scrim:60;--color-surface-overlay:#ffffff;--color-surface-primary:#ffffff;--color-surface-raised:#ffffff;--color-surface-secondary:#f7f7f8;--color-text-brand-primary:#dd0019;--color-text-neutral-inverse:#ffffff;--color-text-neutral-primary:#0a0a0a;--color-text-neutral-secondary:#636364;--color-text-support-danger:#c71100;--color-text-support-info:#4664df;--color-text-support-success:#007a00;--color-utility-disabled-background:#00000014;--color-utility-disabled-border:#0000001f;--color-utility-disabled-handle:#b9b9ba;--color-utility-disabled-icon:#a3a3a3;--color-utility-disabled-inverse-background:#ffffff14;--color-utility-disabled-inverse-border:#ffffff1f;--color-utility-disabled-inverse-icon:#a3a3a3;--color-utility-disabled-inverse-text:#a3a3a3;--color-utility-disabled-persistent-black-background:#00000014;--color-utility-disabled-persistent-black-border:#0000001f;--color-utility-disabled-persistent-black-icon:#6a6a6b;--color-utility-disabled-persistent-black-text:#6a6a6b;--color-utility-disabled-persistent-white-background:#ffffff14;--color-utility-disabled-persistent-white-border:#ffffff1f;--color-utility-disabled-persistent-white-icon:#a3a3a3;--color-utility-disabled-persistent-white-text:#a3a3a3;--color-utility-disabled-text:#a3a3a3;--color-utility-disabled-track-fill:#b9b9ba;--color-utility-focus-border:#dd0019;--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:#0a0a0a;--color-utility-persistent-transparent-white:#ffffffcc;--color-utility-persistent-white:#ffffff;--color-utility-placeholder-icon:#6a6a6b;--color-utility-placeholder-text:#6a6a6b;--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:4px;--component-button-global-focus-border-radius:4px;--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-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-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-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:#ffffff;--component-button-variant-fill-neutral-text:#ffffff;--component-button-variant-fill-primary-icon:#ffffff;--component-button-variant-fill-primary-text:#ffffff;--component-button-variant-outline-border-width:1px;--component-button-variant-outline-danger-border-hover:#00000052;--component-button-variant-outline-danger-border-idle:#00000033;--component-button-variant-outline-danger-border-pressed:#00000070;--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:#00000052;--component-button-variant-outline-primary-border-idle:#00000033;--component-button-variant-outline-primary-border-pressed:#00000070;--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 /64px var(--type-font-family-primary);--font-dynamic-display-md:var(--type-font-weight-display-regular) 40px /44px 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 /38px var(--type-font-family-primary);--font-dynamic-heading-xxxl:var(--type-font-weight-heading-regular) 36px /40px 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:Alfabet,sans-serif;--type-font-family-secondary:"Roboto Flex",sans-serif;--type-font-family-tertiary:"Roboto Mono",monospace;--type-font-weight-body-bold:500;--type-font-weight-body-default:400;--type-font-weight-code-bold:500;--type-font-weight-code-default:400;--type-font-weight-display-regular:400;--type-font-weight-heading-bold:600;--type-font-weight-heading-default:500;--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}
1
+ [data-brand=snapdragon][data-theme=light]{--color-background-brand-primary-strong:#92001d;--color-background-brand-primary-subtle:#ffcdc5;--color-background-brand-primary:#e71324;--color-background-neutral-00:#ffffff;--color-background-neutral-01:#f7f7f8;--color-background-neutral-02:#efeff0;--color-background-neutral-03:#e7e7e8;--color-background-neutral-10:#0a0a0a;--color-background-support-danger-medium:#f49b8b;--color-background-support-danger-subtle:#fcf3f1;--color-background-support-danger:#c71100;--color-background-support-info-medium:#99b3fd;--color-background-support-info-subtle:#f2f5fc;--color-background-support-info:#4664df;--color-background-support-neutral-medium:#b9b9ba;--color-background-support-neutral-subtle:#efeff0;--color-background-support-neutral:#49494a;--color-background-support-success-medium:#8dc886;--color-background-support-success-subtle:#f1f7f1;--color-background-support-success:#018a00;--color-background-support-warning-medium:#ffe398;--color-background-support-warning-subtle:#fdf6e8;--color-background-support-warning:#fabb00;--color-border-brand-primary-subtle:#ff8e83;--color-border-brand-primary:#dd0019;--color-border-neutral-00:#ffffff;--color-border-neutral-01:#0000001a;--color-border-neutral-02:#00000033;--color-border-neutral-03:#0000004d;--color-border-neutral-10:#0a0a0a;--color-border-support-danger-medium:#f49b8b;--color-border-support-danger:#c71100;--color-border-support-info-medium:#99b3fd;--color-border-support-info:#4664df;--color-border-support-neutral-medium:#b9b9ba;--color-border-support-neutral:#787878;--color-border-support-success-medium:#8dc886;--color-border-support-success:#018a00;--color-border-support-warning-medium:#ffcd2b;--color-border-support-warning:#fabb00;--color-category-amber-medium:#f39c12;--color-category-amber-strong:#a1480e;--color-category-amber-subtle:#facf4f;--color-category-blue-medium:#609aff;--color-category-blue-strong:#1669fe;--color-category-blue-subtle:#cadeff;--color-category-cyan-medium:#23a3f4;--color-category-cyan-strong:#0377c9;--color-category-cyan-subtle:#b2e2ff;--color-category-green-medium:#3cc58c;--color-category-green-strong:#1f845a;--color-category-green-subtle:#b1f0d6;--color-category-lime-medium:#8cbf40;--color-category-lime-strong:#5b7f24;--color-category-lime-subtle:#ceee9f;--color-category-magenta-medium:#ff95c3;--color-category-magenta-strong:#d52d76;--color-category-magenta-subtle:#fed1e5;--color-category-orange-medium:#ffa769;--color-category-orange-strong:#c25100;--color-category-orange-subtle:#ffd4b5;--color-category-purple-medium:#c8a7ff;--color-category-purple-strong:#8f46fc;--color-category-purple-subtle:#e6d4ff;--color-category-red-medium:#ff999f;--color-category-red-strong:#df252f;--color-category-red-subtle:#ffd1d4;--color-category-teal-medium:#06aeab;--color-category-teal-strong:#02827e;--color-category-teal-subtle:#8eedec;--color-category-violet-medium:#d77cf7;--color-category-violet-strong:#9521b9;--color-category-violet-subtle:#edc8fd;--color-category-yellow-medium:#f6cc3a;--color-category-yellow-strong:#efbf1a;--color-category-yellow-subtle:#fee38b;--color-icon-brand-primary:#dd0019;--color-icon-neutral-inverse:#ffffff;--color-icon-neutral-primary:#0a0a0a;--color-icon-neutral-secondary:#636364;--color-icon-support-danger:#c71100;--color-icon-support-info:#4664df;--color-icon-support-neutral:#787878;--color-icon-support-success:#007a00;--color-icon-support-warning:#d9a500;--color-interactive-background-danger-hover:#a50000;--color-interactive-background-danger-idle:#c71100;--color-interactive-background-danger-pressed:#7e0700;--color-interactive-background-ghost-hover:#00000014;--color-interactive-background-ghost-idle:#00000000;--color-interactive-background-ghost-pressed:#00000029;--color-interactive-background-inverse-fill-hover:#e7e7e8;--color-interactive-background-inverse-fill-idle:#ffffff;--color-interactive-background-inverse-fill-pressed:#d0d0d1;--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:#424243;--color-interactive-background-neutral-idle:#565657;--color-interactive-background-neutral-pressed:#303031;--color-interactive-background-persistent-black-fill-hover:#242425;--color-interactive-background-persistent-black-fill-idle:#0a0a0a;--color-interactive-background-persistent-black-fill-pressed:#3c3c3d;--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:#e7e7e8;--color-interactive-background-persistent-white-fill-idle:#ffffff;--color-interactive-background-persistent-white-fill-pressed:#d0d0d1;--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:#c90006;--color-interactive-background-primary-idle:#e71324;--color-interactive-background-primary-pressed:#a40001;--color-interactive-border-danger-hover:#a50000;--color-interactive-border-danger-idle:#c71100;--color-interactive-border-danger-pressed:#7e0700;--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:#0a0a0a;--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:#bc0004;--color-interactive-border-primary-idle:#dd0019;--color-interactive-border-primary-pressed:#960816;--color-interactive-icon-danger-hover:#b30000;--color-interactive-icon-danger-idle:#c71100;--color-interactive-icon-danger-pressed:#7e0700;--color-interactive-icon-link-brand-hover:#bc0004;--color-interactive-icon-link-brand-idle:#dd0019;--color-interactive-icon-link-brand-pressed:#960816;--color-interactive-icon-link-brand-visited:#883df8;--color-interactive-icon-link-default-hover:#960816;--color-interactive-icon-link-default-idle:#b00002;--color-interactive-icon-link-default-pressed:#5c0006;--color-interactive-icon-link-default-visited:#883df8;--color-interactive-icon-link-neutral-hover:#424243;--color-interactive-icon-link-neutral-idle:#0a0a0a;--color-interactive-icon-link-neutral-pressed:#5c5c5d;--color-interactive-icon-link-neutral-visited:#883df8;--color-interactive-icon-neutral-hover:#1f1f1f;--color-interactive-icon-neutral-idle:#303031;--color-interactive-icon-neutral-pressed:#0a0a0a;--color-interactive-icon-primary-hover:#bc0004;--color-interactive-icon-primary-idle:#dd0019;--color-interactive-icon-primary-pressed:#960816;--color-interactive-text-danger-hover:#b30000;--color-interactive-text-danger-idle:#d02107;--color-interactive-text-danger-pressed:#7e0700;--color-interactive-text-link-brand-hover:#bc0004;--color-interactive-text-link-brand-idle:#dd0019;--color-interactive-text-link-brand-pressed:#960816;--color-interactive-text-link-brand-visited:#883df8;--color-interactive-text-link-default-hover:#960816;--color-interactive-text-link-default-idle:#b00002;--color-interactive-text-link-default-pressed:#5c0006;--color-interactive-text-link-default-visited:#883df8;--color-interactive-text-link-neutral-hover:#424243;--color-interactive-text-link-neutral-idle:#0a0a0a;--color-interactive-text-link-neutral-pressed:#5c5c5d;--color-interactive-text-link-neutral-visited:#883df8;--color-interactive-text-neutral-hover:#242425;--color-interactive-text-neutral-idle:#363637;--color-interactive-text-neutral-pressed:#0a0a0a;--color-interactive-text-primary-hover:#bc0004;--color-interactive-text-primary-idle:#dd0019;--color-interactive-text-primary-pressed:#960816;--color-scrim-scrim:60;--color-surface-overlay:#ffffff;--color-surface-primary:#ffffff;--color-surface-raised:#ffffff;--color-surface-secondary:#f7f7f8;--color-text-brand-primary:#dd0019;--color-text-neutral-inverse:#ffffff;--color-text-neutral-primary:#0a0a0a;--color-text-neutral-secondary:#636364;--color-text-support-danger:#c71100;--color-text-support-info:#4664df;--color-text-support-success:#007a00;--color-utility-disabled-background-solid:#b9b9ba;--color-utility-disabled-background:#00000014;--color-utility-disabled-border:#0000001f;--color-utility-disabled-icon:#a3a3a3;--color-utility-disabled-inverse-background:#ffffff14;--color-utility-disabled-inverse-border:#ffffff1f;--color-utility-disabled-inverse-icon:#a3a3a3;--color-utility-disabled-inverse-text:#a3a3a3;--color-utility-disabled-persistent-black-background:#00000014;--color-utility-disabled-persistent-black-border:#0000001f;--color-utility-disabled-persistent-black-icon:#6a6a6b;--color-utility-disabled-persistent-black-text:#6a6a6b;--color-utility-disabled-persistent-white-background:#ffffff14;--color-utility-disabled-persistent-white-border:#ffffff1f;--color-utility-disabled-persistent-white-icon:#a3a3a3;--color-utility-disabled-persistent-white-text:#a3a3a3;--color-utility-disabled-text:#a3a3a3;--color-utility-focus-border:#dd0019;--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:#0a0a0a;--color-utility-persistent-transparent-white:#ffffffcc;--color-utility-persistent-white:#ffffff;--color-utility-placeholder-icon:#6a6a6b;--color-utility-placeholder-text:#6a6a6b;--color-utility-scrim-default:#000000cc;--border-radius-lg:6px;--border-radius-md:4px;--border-radius-none:0;--border-radius-rounded:360px;--border-radius-sm:3px;--border-radius-xl:8px;--border-radius-xs:2px;--border-radius-xxl:12px;--border-width-lg:3px;--border-width-md:2px;--border-width-none:0;--border-width-sm:1px;--border-width-xl:4px;--canvas-width:375;--component-button-global-border-radius:4px;--component-button-global-focus-border-radius:4px;--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-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-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-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:#ffffff;--component-button-variant-fill-neutral-text:#ffffff;--component-button-variant-fill-primary-icon:#ffffff;--component-button-variant-fill-primary-text:#ffffff;--component-button-variant-outline-danger-border-hover:#00000052;--component-button-variant-outline-danger-border-idle:#00000033;--component-button-variant-outline-danger-border-pressed:#00000070;--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:#00000052;--component-button-variant-outline-primary-border-idle:#00000033;--component-button-variant-outline-primary-border-pressed:#00000070;--component-tag-selectable-neutral-selected-icon:#ffffff;--component-tag-selectable-neutral-selected-text:#ffffff;--component-utility-icons-stroke-weight-lg:2px;--component-utility-icons-stroke-weight-md:1.75px;--component-utility-icons-stroke-weight-sm:1.5px;--component-utility-icons-stroke-weight-xl:2.25px;--component-utility-icons-stroke-weight-xs:1.25px;--component-utility-icons-stroke-weight-xxs:1px;--cross-component-track-default:#0000001a;--font-dynamic-display-lg:var(--type-font-weight-display-regular) 53px /64px var(--type-font-family-primary);--font-dynamic-display-md:var(--type-font-weight-display-regular) 40px /44px 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 /38px var(--type-font-family-primary);--font-dynamic-heading-xxxl:var(--type-font-weight-heading-regular) 36px /40px var(--type-font-family-primary);--font-static-body-lg-bold:var(--type-font-weight-body-bold) 17px /26px var(--type-font-family-secondary);--font-static-body-lg-default:var(--type-font-weight-body-default) 17px /26px var(--type-font-family-secondary);--font-static-body-md-bold:var(--type-font-weight-body-bold) 16px /24px var(--type-font-family-secondary);--font-static-body-md-default:var(--type-font-weight-body-default) 16px /24px var(--type-font-family-secondary);--font-static-body-sm-bold:var(--type-font-weight-body-bold) 14px /20px var(--type-font-family-secondary);--font-static-body-sm-default:var(--type-font-weight-body-default) 14px /20px var(--type-font-family-secondary);--font-static-body-xl-bold:var(--type-font-weight-body-bold) 19px /28px var(--type-font-family-secondary);--font-static-body-xl-default:var(--type-font-weight-body-default) 19px /28px var(--type-font-family-secondary);--font-static-body-xs-bold:var(--type-font-weight-body-bold) 12px /18px var(--type-font-family-secondary);--font-static-body-xs-default:var(--type-font-weight-body-default) 12px /18px var(--type-font-family-secondary);--font-static-body-xxl-bold:var(--type-font-weight-body-bold) 22px /32px var(--type-font-family-secondary);--font-static-body-xxl-default:var(--type-font-weight-body-default) 22px /32px var(--type-font-family-secondary);--font-static-body-xxs-bold:var(--type-font-weight-body-bold) 10px /16px var(--type-font-family-secondary);--font-static-body-xxs-default:var(--type-font-weight-body-default) 10px /16px var(--type-font-family-secondary);--font-static-code-lg-bold:var(--type-font-weight-code-bold) 17px /26px var(--type-font-family-tertiary);--font-static-code-lg-default:var(--type-font-weight-code-default) 17px /26px var(--type-font-family-tertiary);--font-static-code-md-bold:var(--type-font-weight-code-bold) 16px /24px var(--type-font-family-tertiary);--font-static-code-md-default:var(--type-font-weight-code-default) 16px /24px var(--type-font-family-tertiary);--font-static-code-sm-bold:var(--type-font-weight-code-bold) 14px /20px var(--type-font-family-tertiary);--font-static-code-sm-default:var(--type-font-weight-code-default) 14px /20px var(--type-font-family-tertiary);--font-static-code-xl-bold:var(--type-font-weight-code-bold) 19px /28px var(--type-font-family-tertiary);--font-static-code-xl-default:var(--type-font-weight-code-default) 19px /28px var(--type-font-family-tertiary);--font-static-code-xs-bold:var(--type-font-weight-code-bold) 12px /18px var(--type-font-family-tertiary);--font-static-code-xs-default:var(--type-font-weight-code-default) 12px /18px var(--type-font-family-tertiary);--font-static-display-lg:var(--type-font-weight-display-regular) 84px /100px var(--type-font-family-primary);--font-static-display-md:var(--type-font-weight-display-regular) 65px /74px var(--type-font-family-primary);--font-static-eyebrow-type-bold:var(--type-font-weight-body-bold) 12px /18px var(--type-font-family-secondary);--font-static-eyebrow-type-default:var(--type-font-weight-body-default) 12px /18px var(--type-font-family-secondary);--font-static-heading-lg-bold:var(--type-font-weight-heading-bold) 28px /34px var(--type-font-family-secondary);--font-static-heading-lg-default:var(--type-font-weight-heading-default) 28px /34px var(--type-font-family-secondary);--font-static-heading-md-bold:var(--type-font-weight-heading-bold) 24px /30px var(--type-font-family-secondary);--font-static-heading-md-default:var(--type-font-weight-heading-default) 24px /30px var(--type-font-family-secondary);--font-static-heading-sm-bold:var(--type-font-weight-heading-bold) 20px /24px var(--type-font-family-secondary);--font-static-heading-sm-default:var(--type-font-weight-heading-default) 20px /24px var(--type-font-family-secondary);--font-static-heading-xl:var(--type-font-weight-heading-regular) 36px /42px var(--type-font-family-primary);--font-static-heading-xs-bold:var(--type-font-weight-heading-bold) 17px /20px var(--type-font-family-secondary);--font-static-heading-xs-default:var(--type-font-weight-heading-default) 17px /20px var(--type-font-family-secondary);--font-static-heading-xxl:var(--type-font-weight-heading-regular) 44px /50px var(--type-font-family-primary);--font-static-heading-xxs-bold:var(--type-font-weight-heading-bold) 14px /18px var(--type-font-family-secondary);--font-static-heading-xxs-default:var(--type-font-weight-heading-default) 14px /18px var(--type-font-family-secondary);--font-static-heading-xxxl:var(--type-font-weight-heading-regular) 53px /60px var(--type-font-family-primary);--shadow-high:0 7px 20px 5px #00000033;--shadow-highest:0 20px 30px 15px #00000033;--shadow-low:0 3px 5px 0 #00000033;--shadow-lowest:0 1px 2px 0 #00000033;--shadow-medium:0 5px 10px 1px #00000033;--shadow-none:0 0 0 0 #00000000;--sizing-10:1px;--sizing-20:2px;--sizing-30:4px;--sizing-40:6px;--sizing-50:8px;--sizing-60:12px;--sizing-70:16px;--sizing-80:20px;--sizing-90:24px;--sizing-100:28px;--sizing-110:30px;--sizing-120:32px;--sizing-130:38px;--sizing-140:40px;--sizing-150:46px;--sizing-160:48px;--sizing-170:56px;--sizing-180:80px;--sizing-190:120px;--sizing-200:160px;--spacing-0:0;--spacing-10:1px;--spacing-20:2px;--spacing-30:3px;--spacing-40:4px;--spacing-50:6px;--spacing-60:7px;--spacing-70:8px;--spacing-80:10px;--spacing-90:12px;--spacing-100:16px;--spacing-110:20px;--spacing-120:24px;--spacing-130:28px;--spacing-140:32px;--spacing-150:36px;--spacing-160:40px;--spacing-170:44px;--spacing-180:48px;--spacing-190:52px;--spacing-200:56px;--spacing-210:60px;--spacing-220:64px;--spacing-230:68px;--spacing-240:72px;--spacing-250:76px;--spacing-260:80px;--spacing-270:84px;--spacing-280:88px;--spacing-290:92px;--spacing-300:96px;--spacing-310:100px;--spacing-320:120px;--spacing-330:132px;--type-font-family-primary:Alfabet,sans-serif;--type-font-family-secondary:"Roboto Flex",sans-serif;--type-font-family-tertiary:"Roboto Mono",monospace;--type-font-weight-body-bold:500;--type-font-weight-body-default:400;--type-font-weight-code-bold:500;--type-font-weight-code-default:400;--type-font-weight-display-regular:400;--type-font-weight-heading-bold:600;--type-font-weight-heading-default:500;--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/stepper/qds-stepper.css CHANGED
@@ -4,4 +4,4 @@
4
4
  --color-interactive-background-ghost-hover
5
5
  )}.qui-stepper__trigger:hover:not([aria-disabled=true])[data-pending]:not([data-current]){--stepper-indicator-background:linear-gradient(0deg,var(--color-interactive-background-ghost-hover) 0%,var(--color-interactive-background-ghost-hover) 100%),var(--color-background-brand-primary-subtle)}.qui-stepper__trigger:active:not([aria-disabled=true]){--stepper-indicator-background:var(
6
6
  --color-interactive-background-ghost-pressed
7
- )}.qui-stepper__trigger:active:not([aria-disabled=true])[data-pending]:not([data-current]){--stepper-indicator-background:linear-gradient(0deg,var(--color-interactive-background-ghost-pressed) 0%,var(--color-interactive-background-ghost-pressed) 100%),var(--color-background-brand-primary-subtle)}.qui-stepper__trigger[data-complete]{--stepper-indicator-border:var(--color-background-brand-primary)}.qui-stepper__trigger[data-pending]{--stepper-indicator-border:var(--color-border-brand-primary);--stepper-indicator-border-style:dashed;--stepper-indicator-background:linear-gradient(0deg,var(--color-interactive-background-ghost-idle) 0%,var(--color-interactive-background-ghost-idle) 100%),var(--color-background-brand-primary-subtle)}.qui-stepper__trigger[data-invalid]{--stepper-indicator-foreground:var(--color-icon-support-danger);--stepper-indicator-border:var(--color-icon-support-danger)}.qui-stepper__trigger[data-current]{--stepper-indicator-border:var(--color-background-brand-primary);--stepper-indicator-foreground:var(--color-utility-persistent-white);--stepper-indicator-background:var(--color-background-brand-primary)}.qui-stepper__trigger[aria-disabled=true]{cursor:initial}.qui-stepper__indicator{background:var(--stepper-indicator-background);border-color:var(--stepper-indicator-border);border-radius:9999px;border-style:var(--stepper-indicator-border-style);border-width:2px;box-sizing:border-box;color:var(--stepper-indicator-foreground);font:var(--font-static-body-sm-default);height:var(--step-indicator-size);min-height:var(--step-indicator-size);min-width:var(--step-indicator-size);width:var(--step-indicator-size)}.qui-stepper__indicator .qui-icon__root[data-size]{--icon-size:var(--sizing-70)}.qui-stepper__indicator[data-size=sm]{font:var(--font-static-body-xs-default);margin-bottom:var(--step-item-gap)}.qui-stepper__indicator[data-size=sm] .qui-icon__root[data-size]{--icon-size:var(--sizing-60)}.qui-stepper__indicator>span{text-box:cap alphabetic}.qui-stepper__label{color:var(--color-text-neutral-primary)}.qui-stepper__label[data-size=sm]{font:var(--font-static-body-xs-bold)}.qui-stepper__label[data-size=lg]{font:var(--font-static-body-md-bold)}.qui-stepper__hint{color:var(--color-text-neutral-secondary);width:-moz-max-content;width:max-content}.qui-stepper__separator{background:var(--track-default)}.qui-stepper__separator[data-size=sm]{height:2px}.qui-stepper__root{display:flex;width:100%}.qui-stepper__root[data-orientation=horizontal]{flex-direction:column;justify-content:center}.qui-stepper__root[data-orientation=horizontal-bottom-start],.qui-stepper__root[data-orientation=horizontal-inline]{flex-direction:column;gap:var(--step-list-gap)}.qui-stepper__root[data-orientation^=vertical]{flex-direction:row;gap:16px}.qui-stepper__list{display:flex}.qui-stepper__list[data-orientation=horizontal]{align-items:start;flex:1;justify-content:center;margin-bottom:16px;position:relative}.qui-stepper__list[data-orientation=horizontal-bottom-start],.qui-stepper__list[data-orientation=horizontal-inline]{display:flex;flex:1;gap:var(--step-list-gap);margin-bottom:16px}.qui-stepper__list[data-orientation=horizontal-bottom-start]{justify-content:space-between;position:relative}.qui-stepper__list[data-orientation=vertical-inline],.qui-stepper__list[data-orientation=vertical]{align-items:stretch;flex-direction:column;gap:var(--step-list-gap)}.qui-stepper__list[data-orientation=vertical-inline]{position:relative}.qui-stepper__item{align-items:center;display:flex;flex:1;position:relative}.qui-stepper__item[data-orientation=horizontal]{justify-content:center;position:static}.qui-stepper__item[data-orientation=horizontal][data-previous] .qui-stepper__separator{background:var(--color-background-brand-primary)}.qui-stepper__item[data-orientation=horizontal][data-last] .qui-stepper__separator{display:none}.qui-stepper__item[data-orientation=horizontal-inline]{gap:var(--step-item-gap)}.qui-stepper__item[data-orientation=horizontal-inline][data-previous] .qui-stepper__separator{background:var(--color-background-brand-primary)}.qui-stepper__item[data-orientation=horizontal-inline][data-last]{flex:0}.qui-stepper__item[data-orientation=horizontal-inline][data-last] .qui-stepper__separator{display:none}.qui-stepper__item[data-orientation=horizontal-bottom-start]{gap:var(--step-item-gap);position:static}.qui-stepper__item[data-orientation=horizontal-bottom-start][data-previous] .qui-stepper__separator{background:var(--color-background-brand-primary)}.qui-stepper__item[data-orientation=horizontal-bottom-start][data-last]{flex:0}.qui-stepper__item[data-orientation=horizontal-bottom-start][data-last] .qui-stepper__separator{display:none}.qui-stepper__item[data-orientation=vertical]{flex-direction:column;justify-content:center}.qui-stepper__item[data-orientation=vertical][data-previous] .qui-stepper__separator{background:var(--color-background-brand-primary)}.qui-stepper__item[data-orientation=vertical][data-last]{flex:0}.qui-stepper__item[data-orientation=vertical-inline]{align-items:flex-start;flex-direction:column;position:static}.qui-stepper__item[data-orientation=vertical-inline][data-previous] .qui-stepper__separator{background:var(--color-background-brand-primary)}.qui-stepper__item[data-orientation=vertical-inline][data-last]{flex:0}.qui-stepper__trigger[data-orientation=horizontal]{align-items:center;display:flex;flex-direction:column}.qui-stepper__trigger[data-orientation=horizontal-inline],.qui-stepper__trigger[data-orientation=vertical-inline]{align-items:center;-moz-column-gap:var(--step-item-gap);column-gap:var(--step-item-gap);display:grid;grid-template-columns:var(--step-indicator-size) auto;grid-template-rows:auto auto}.qui-stepper__trigger[data-orientation=horizontal-inline]:has(.qui-stepper__hint) .qui-stepper__label,.qui-stepper__trigger[data-orientation=vertical-inline]:has(.qui-stepper__hint) .qui-stepper__label{grid-row:1}.qui-stepper__trigger[data-orientation=vertical] .qui-stepper__hint,.qui-stepper__trigger[data-orientation=vertical] .qui-stepper__label{align-self:center}.qui-stepper__trigger[data-orientation=horizontal-bottom-start]{align-items:flex-start;display:flex;flex-direction:column;justify-content:center}.qui-stepper__trigger[data-orientation=vertical]{align-items:flex-start;display:flex;flex-direction:column;justify-content:center}.qui-stepper__indicator{align-items:center;align-self:center;anchor-name:var(--anchor-name,--stepper-indicator);display:flex;justify-content:center;margin-bottom:var(--spacing-70)}.qui-stepper__indicator[data-orientation=horizontal-inline],.qui-stepper__indicator[data-orientation=vertical-inline]{grid-row:1/-1;margin-bottom:0}.qui-stepper__label[data-orientation=horizontal-inline]{grid-column:2;grid-row:1/-1}.qui-stepper__hint{grid-row:2;justify-self:center}.qui-stepper__separator[data-orientation=horizontal]{height:3px;left:calc(anchor(right) + var(--step-item-gap));position:absolute;position-anchor:var(--current-indicator);right:calc(anchor(var(--next-indicator) left) + var(--step-item-gap));top:calc(anchor(center) - 1px)}.qui-stepper__separator[data-orientation=horizontal-inline]{flex:1;height:3px;width:100%}.qui-stepper__separator[data-orientation=horizontal-bottom-start]{height:3px;left:calc(anchor(right) + var(--step-item-gap));position:absolute;position-anchor:var(--current-indicator);right:calc(anchor(var(--next-indicator) left) + var(--step-item-gap));top:calc(anchor(center) - 1px)}.qui-stepper__separator[data-orientation=vertical]{height:100%;justify-self:center;margin-block:var(--step-list-gap);width:3px}.qui-stepper__separator[data-orientation=vertical-inline]{bottom:calc(anchor(var(--next-indicator) top) + var(--step-item-gap));left:calc(anchor(center) - 1px);position:absolute;position-anchor:var(--current-indicator);top:calc(anchor(bottom) + var(--step-item-gap));width:3px}
7
+ )}.qui-stepper__trigger:active:not([aria-disabled=true])[data-pending]:not([data-current]){--stepper-indicator-background:linear-gradient(0deg,var(--color-interactive-background-ghost-pressed) 0%,var(--color-interactive-background-ghost-pressed) 100%),var(--color-background-brand-primary-subtle)}.qui-stepper__trigger[data-complete]{--stepper-indicator-border:var(--color-background-brand-primary)}.qui-stepper__trigger[data-pending]{--stepper-indicator-border:var(--color-border-brand-primary);--stepper-indicator-border-style:dashed;--stepper-indicator-background:linear-gradient(0deg,var(--color-interactive-background-ghost-idle) 0%,var(--color-interactive-background-ghost-idle) 100%),var(--color-background-brand-primary-subtle)}.qui-stepper__trigger[data-invalid]{--stepper-indicator-foreground:var(--color-icon-support-danger);--stepper-indicator-border:var(--color-icon-support-danger)}.qui-stepper__trigger[data-current]{--stepper-indicator-border:var(--color-background-brand-primary);--stepper-indicator-foreground:var(--color-utility-persistent-white);--stepper-indicator-background:var(--color-background-brand-primary)}.qui-stepper__trigger[aria-disabled=true]{cursor:initial}.qui-stepper__indicator{background:var(--stepper-indicator-background);border-color:var(--stepper-indicator-border);border-radius:9999px;border-style:var(--stepper-indicator-border-style);border-width:2px;box-sizing:border-box;color:var(--stepper-indicator-foreground);font:var(--font-static-body-sm-default);height:var(--step-indicator-size);min-height:var(--step-indicator-size);min-width:var(--step-indicator-size);width:var(--step-indicator-size)}.qui-stepper__indicator .qui-icon__root[data-size]{--icon-size:var(--sizing-70)}.qui-stepper__indicator[data-size=sm]{font:var(--font-static-body-xs-default);margin-bottom:var(--step-item-gap)}.qui-stepper__indicator[data-size=sm] .qui-icon__root[data-size]{--icon-size:var(--sizing-60)}.qui-stepper__indicator>span{text-box:cap alphabetic}.qui-stepper__label{color:var(--color-text-neutral-primary)}.qui-stepper__label[data-size=sm]{font:var(--font-static-body-xs-bold)}.qui-stepper__label[data-size=lg]{font:var(--font-static-body-md-bold)}.qui-stepper__hint{color:var(--color-text-neutral-secondary);width:-moz-max-content;width:max-content}.qui-stepper__separator{background:var(--cross-component-track-default)}.qui-stepper__separator[data-size=sm]{height:2px}.qui-stepper__root{display:flex;width:100%}.qui-stepper__root[data-orientation=horizontal]{flex-direction:column;justify-content:center}.qui-stepper__root[data-orientation=horizontal-bottom-start],.qui-stepper__root[data-orientation=horizontal-inline]{flex-direction:column;gap:var(--step-list-gap)}.qui-stepper__root[data-orientation^=vertical]{flex-direction:row;gap:16px}.qui-stepper__list{display:flex}.qui-stepper__list[data-orientation=horizontal]{align-items:start;flex:1;justify-content:center;margin-bottom:16px;position:relative}.qui-stepper__list[data-orientation=horizontal-bottom-start],.qui-stepper__list[data-orientation=horizontal-inline]{display:flex;flex:1;gap:var(--step-list-gap);margin-bottom:16px}.qui-stepper__list[data-orientation=horizontal-bottom-start]{justify-content:space-between;position:relative}.qui-stepper__list[data-orientation=vertical-inline],.qui-stepper__list[data-orientation=vertical]{align-items:stretch;flex-direction:column;gap:var(--step-list-gap)}.qui-stepper__list[data-orientation=vertical-inline]{position:relative}.qui-stepper__item{align-items:center;display:flex;flex:1;position:relative}.qui-stepper__item[data-orientation=horizontal]{justify-content:center;position:static}.qui-stepper__item[data-orientation=horizontal][data-previous] .qui-stepper__separator{background:var(--color-background-brand-primary)}.qui-stepper__item[data-orientation=horizontal][data-last] .qui-stepper__separator{display:none}.qui-stepper__item[data-orientation=horizontal-inline]{gap:var(--step-item-gap)}.qui-stepper__item[data-orientation=horizontal-inline][data-previous] .qui-stepper__separator{background:var(--color-background-brand-primary)}.qui-stepper__item[data-orientation=horizontal-inline][data-last]{flex:0}.qui-stepper__item[data-orientation=horizontal-inline][data-last] .qui-stepper__separator{display:none}.qui-stepper__item[data-orientation=horizontal-bottom-start]{gap:var(--step-item-gap);position:static}.qui-stepper__item[data-orientation=horizontal-bottom-start][data-previous] .qui-stepper__separator{background:var(--color-background-brand-primary)}.qui-stepper__item[data-orientation=horizontal-bottom-start][data-last]{flex:0}.qui-stepper__item[data-orientation=horizontal-bottom-start][data-last] .qui-stepper__separator{display:none}.qui-stepper__item[data-orientation=vertical]{flex-direction:column;justify-content:center}.qui-stepper__item[data-orientation=vertical][data-previous] .qui-stepper__separator{background:var(--color-background-brand-primary)}.qui-stepper__item[data-orientation=vertical][data-last]{flex:0}.qui-stepper__item[data-orientation=vertical-inline]{align-items:flex-start;flex-direction:column;position:static}.qui-stepper__item[data-orientation=vertical-inline][data-previous] .qui-stepper__separator{background:var(--color-background-brand-primary)}.qui-stepper__item[data-orientation=vertical-inline][data-last]{flex:0}.qui-stepper__trigger[data-orientation=horizontal]{align-items:center;display:flex;flex-direction:column}.qui-stepper__trigger[data-orientation=horizontal-inline],.qui-stepper__trigger[data-orientation=vertical-inline]{align-items:center;-moz-column-gap:var(--step-item-gap);column-gap:var(--step-item-gap);display:grid;grid-template-columns:var(--step-indicator-size) auto;grid-template-rows:auto auto}.qui-stepper__trigger[data-orientation=horizontal-inline]:has(.qui-stepper__hint) .qui-stepper__label,.qui-stepper__trigger[data-orientation=vertical-inline]:has(.qui-stepper__hint) .qui-stepper__label{grid-row:1}.qui-stepper__trigger[data-orientation=vertical] .qui-stepper__hint,.qui-stepper__trigger[data-orientation=vertical] .qui-stepper__label{align-self:center}.qui-stepper__trigger[data-orientation=horizontal-bottom-start]{align-items:flex-start;display:flex;flex-direction:column;justify-content:center}.qui-stepper__trigger[data-orientation=vertical]{align-items:flex-start;display:flex;flex-direction:column;justify-content:center}.qui-stepper__indicator{align-items:center;align-self:center;anchor-name:var(--anchor-name,--stepper-indicator);display:flex;justify-content:center;margin-bottom:var(--spacing-70)}.qui-stepper__indicator[data-orientation=horizontal-inline],.qui-stepper__indicator[data-orientation=vertical-inline]{grid-row:1/-1;margin-bottom:0}.qui-stepper__label[data-orientation=horizontal-inline]{grid-column:2;grid-row:1/-1}.qui-stepper__hint{grid-row:2;justify-self:center}.qui-stepper__separator[data-orientation=horizontal]{height:3px;left:calc(anchor(right) + var(--step-item-gap));position:absolute;position-anchor:var(--current-indicator);right:calc(anchor(var(--next-indicator) left) + var(--step-item-gap));top:calc(anchor(center) - 1px)}.qui-stepper__separator[data-orientation=horizontal-inline]{flex:1;height:3px;width:100%}.qui-stepper__separator[data-orientation=horizontal-bottom-start]{height:3px;left:calc(anchor(right) + var(--step-item-gap));position:absolute;position-anchor:var(--current-indicator);right:calc(anchor(var(--next-indicator) left) + var(--step-item-gap));top:calc(anchor(center) - 1px)}.qui-stepper__separator[data-orientation=vertical]{height:100%;justify-self:center;margin-block:var(--step-list-gap);width:3px}.qui-stepper__separator[data-orientation=vertical-inline]{bottom:calc(anchor(var(--next-indicator) top) + var(--step-item-gap));left:calc(anchor(center) - 1px);position:absolute;position-anchor:var(--current-indicator);top:calc(anchor(bottom) + var(--step-item-gap));width:3px}
package/dist/table/qds-table.css CHANGED
@@ -1 +1 @@
1
- .qui-table__root{background:var(--color-background-neutral-00);border:solid 1px var(--table-border-color);border-radius:var(--border-radius-md);color:var(--color-text-neutral-primary);width:100%}.qui-table__root:not(:has(.qui-table__cell)):not(:has(.qui-table__header-cell)){border:none}.qui-table__root{--cell-border-right:none;--table-border-top-radius:var(--border-radius-md);--table-border-bottom-radius:var(--border-radius-md);--table-border-color:var(--color-border-neutral-01)}.qui-table__root:has(.qui-table__pagination){--table-border-bottom-radius:none}.qui-table__root:has(.qui-table__action-bar),.qui-table__root:has(.qui-table__title-bar){--table-border-top-radius:none}.qui-table__root[data-show-column-divider]{--cell-border-right:solid 1px var(--table-border-color)}.qui-table__root[data-size=sm]{--action-bar-height:var(--sizing-160);--cell-font:var(--font-static-body-xs-default);--cell-min-height:var(--sizing-140);--cell-padding-x:var(--spacing-90);--header-font:var(--font-static-body-xs-bold)}.qui-table__root[data-size=md]{--action-bar-height:var(--sizing-170);--cell-font:var(--font-static-body-xs-default);--cell-min-height:var(--sizing-160);--cell-padding-x:var(--spacing-100);--header-font:var(--font-static-body-xs-bold)}.qui-table__root[data-size=lg]{--action-bar-height:68px;--cell-font:var(--font-static-body-sm-default);--cell-min-height:var(--sizing-170);--cell-padding-x:var(--spacing-110);--header-font:var(--font-static-body-sm-bold)}.qui-table__table{background:var(--color-background-neutral-00);border-collapse:separate;border-color:inherit;border-radius:var(--table-border-top-radius) var(--table-border-top-radius) var(--table-border-bottom-radius) var(--table-border-bottom-radius);border-spacing:0;min-width:100%;text-indent:0;width:-moz-max-content;width:max-content}.qui-table__header .qui-table__row:first-child .qui-table__header-cell:first-child{border-radius:var(--table-border-top-radius) 0 0 0}.qui-table__header .qui-table__row:first-child .qui-table__header-cell:last-child{border-radius:0 var(--table-border-top-radius) 0 0}.qui-table__row{background:var(--color-interactive-background-ghost-idle);position:relative}.qui-table__row[data-dragging]{color:var(--color-utility-disabled-text)}.qui-table__footer{border-top:solid 1px var(--table-border-color)}.qui-table__header-cell[data-dragging-over]{border-inline-end:solid 1px var(--color-border-brand-primary)}.qui-table__header-cell[data-dragging]{color:var(--color-utility-disabled-text)}.qui-table__header-cell:not(:last-of-type){border-inline-end:var(--cell-border-right)}.qui-table__header-cell{background:var(--color-background-neutral-02);border-bottom:solid 1px var(--table-border-color);font:var(--header-font);height:var(--cell-min-height);padding:var(--spacing-50) var(--cell-padding-x);position:relative;text-align:left}.qui-table__cell:not(:last-of-type){border-inline-end:var(--cell-border-right)}.qui-table__cell{font:var(--cell-font);height:var(--cell-min-height);padding:var(--spacing-50) var(--cell-padding-x);vertical-align:center}.qui-table__title-bar{background:var(--color-background-neutral-02);min-height:var(--sizing-160)}.qui-table__action-bar{align-items:center;background:var(--color-background-neutral-02);border-bottom:solid 1px var(--table-border-color);display:flex;gap:var(--spacing-70);min-height:var(--action-bar-height);padding:var(--spacing-100) var(--cell-padding-x)}.qui-table__scroll-container{overflow:auto}.qui-table__row-drop-indicator{background:var(--color-border-brand-primary);display:block;height:2px;left:0;position:absolute;top:0;width:100%;z-index:2}.qui-table__row-drop-indicator[data-closest-edge=top]{bottom:unset;top:0}.qui-table__row-drop-indicator[data-closest-edge=bottom]{bottom:0;top:unset}.qui-table__column-drop-indicator{background:var(--color-border-brand-primary);display:block;height:100%;left:0;position:absolute;top:0;width:2px;z-index:2}.qui-table__column-drop-indicator[data-closest-edge=left]{left:0;right:unset}.qui-table__column-drop-indicator[data-closest-edge=right]{left:unset;right:0}.qui-table__drag-handle{cursor:grab}.qui-table__drag-handle:active{background:none!important;cursor:grabbing}.qui-table__drag-preview{align-items:center;border:solid 1px var(--color-border-neutral-01);color:var(--color-text-neutral-primary);display:flex;font:var(--font-static-body-xs-default);gap:var(--spacing-120);height:var(--sizing-160);padding:var(--spacing-50) var(--spacing-100)}.qui-table__body{background:var(--color-interactive-background-ghost-idle)}.qui-table__body .qui-table__row:not(:last-of-type) .qui-table__cell{border-bottom:solid 1px var(--table-border-color)}.qui-table__body .qui-table__row:last-of-type .qui-table__cell:first-child{border-radius:0 0 0 var(--table-border-bottom-radius)}.qui-table__body .qui-table__row:last-of-type .qui-table__cell:last-child{border-radius:0 0 var(--table-border-bottom-radius) 0}.qui-table__column-resizer{cursor:col-resize}.qui-table__pagination{background:var(--color-background-neutral-02);display:flex;justify-content:space-between;padding:var(--spacing-100) var(--cell-padding-x);width:100%}.qui-table__column-sort-action .qui-icon__root{transition:transform 0.1s ease-in-out}.qui-table__column-sort-action[data-sort-direction=desc] .qui-icon__root{transform:rotate(180deg)}.qui-table__row-expand-button[data-expanded] .qui-icon__root{transform:rotate(90deg)}.qui-table__row-expand-button .qui-icon__root{transition:transform var(--animation-duration-faster) ease-in-out}.qui-table__column-filter-action[data-is-filtered] .qui-icon__root{fill:currentColor}
1
+ .qui-table__root{background:var(--color-background-neutral-00);border:solid 1px var(--table-border-color);border-radius:var(--border-radius-md);box-sizing:border-box;color:var(--color-text-neutral-primary);width:100%}.qui-table__root:not(:has(.qui-table__cell)):not(:has(.qui-table__header-cell)){border:none}.qui-table__root{--cell-border-right:none;--table-border-top-radius:var(--border-radius-md);--table-border-bottom-radius:var(--border-radius-md);--table-border-color:var(--color-border-neutral-01)}.qui-table__root:has(.qui-table__pagination){--table-border-bottom-radius:none}.qui-table__root:has(.qui-table__action-bar),.qui-table__root:has(.qui-table__title-bar){--table-border-top-radius:none}.qui-table__root[data-show-column-divider]{--cell-border-right:solid 1px var(--table-border-color)}.qui-table__root[data-size=sm]{--action-bar-height:var(--sizing-160);--cell-font:var(--font-static-body-xs-default);--cell-min-height:var(--sizing-140);--cell-padding-x:var(--spacing-90);--header-font:var(--font-static-body-xs-bold)}.qui-table__root[data-size=md]{--action-bar-height:var(--sizing-170);--cell-font:var(--font-static-body-xs-default);--cell-min-height:var(--sizing-160);--cell-padding-x:var(--spacing-100);--header-font:var(--font-static-body-xs-bold)}.qui-table__root[data-size=lg]{--action-bar-height:68px;--cell-font:var(--font-static-body-sm-default);--cell-min-height:var(--sizing-170);--cell-padding-x:var(--spacing-110);--header-font:var(--font-static-body-sm-bold)}.qui-table__table{background:var(--color-background-neutral-00);border-collapse:separate;border-color:inherit;border-radius:var(--table-border-top-radius) var(--table-border-top-radius) var(--table-border-bottom-radius) var(--table-border-bottom-radius);border-spacing:0;min-width:100%;text-indent:0;width:-moz-max-content;width:max-content}.qui-table__header .qui-table__row:first-child .qui-table__header-cell:first-child{border-radius:var(--table-border-top-radius) 0 0 0}.qui-table__header .qui-table__row:first-child .qui-table__header-cell:last-child{border-radius:0 var(--table-border-top-radius) 0 0}.qui-table__row{background:var(--color-interactive-background-ghost-idle);position:relative}.qui-table__row[data-dragging]{color:var(--color-utility-disabled-text)}.qui-table__footer{border-top:solid 1px var(--table-border-color)}.qui-table__header-cell[data-dragging-over]{border-inline-end:solid 1px var(--color-border-brand-primary)}.qui-table__header-cell[data-dragging]{color:var(--color-utility-disabled-text)}.qui-table__header-cell:not(:last-of-type){border-inline-end:var(--cell-border-right)}.qui-table__header-cell{background:var(--color-background-neutral-02);border-bottom:solid 1px var(--table-border-color);box-sizing:border-box;font:var(--header-font);height:var(--cell-min-height);padding:var(--spacing-50) var(--cell-padding-x);position:relative;text-align:left}.qui-table__cell:not(:last-of-type){border-inline-end:var(--cell-border-right)}.qui-table__cell{box-sizing:border-box;font:var(--cell-font);height:var(--cell-min-height);padding:var(--spacing-50) var(--cell-padding-x);vertical-align:center}.qui-table__title-bar{background:var(--color-background-neutral-02);min-height:var(--sizing-160)}.qui-table__action-bar{align-items:center;background:var(--color-background-neutral-02);border-bottom:solid 1px var(--table-border-color);display:flex;gap:var(--spacing-70);min-height:var(--action-bar-height);padding:var(--spacing-100) var(--cell-padding-x)}.qui-table__scroll-container{overflow:auto}.qui-table__row-drop-indicator{background:var(--color-border-brand-primary);display:block;height:2px;left:0;position:absolute;top:0;width:100%;z-index:2}.qui-table__row-drop-indicator[data-closest-edge=top]{bottom:unset;top:0}.qui-table__row-drop-indicator[data-closest-edge=bottom]{bottom:0;top:unset}.qui-table__column-drop-indicator{background:var(--color-border-brand-primary);display:block;height:100%;left:0;position:absolute;top:0;width:2px;z-index:2}.qui-table__column-drop-indicator[data-closest-edge=left]{left:0;right:unset}.qui-table__column-drop-indicator[data-closest-edge=right]{left:unset;right:0}.qui-table__drag-handle{cursor:grab}.qui-table__drag-handle:active{background:none!important;cursor:grabbing}.qui-table__drag-preview{align-items:center;border:solid 1px var(--color-border-neutral-01);box-sizing:border-box;color:var(--color-text-neutral-primary);display:flex;font:var(--font-static-body-xs-default);gap:var(--spacing-120);height:var(--sizing-160);padding:var(--spacing-50) var(--spacing-100)}.qui-table__body{background:var(--color-interactive-background-ghost-idle)}.qui-table__body .qui-table__row:not(:last-of-type) .qui-table__cell{border-bottom:solid 1px var(--table-border-color)}.qui-table__body .qui-table__row:last-of-type .qui-table__cell:first-child{border-radius:0 0 0 var(--table-border-bottom-radius)}.qui-table__body .qui-table__row:last-of-type .qui-table__cell:last-child{border-radius:0 0 var(--table-border-bottom-radius) 0}.qui-table__column-resizer{cursor:col-resize}.qui-table__pagination{background:var(--color-background-neutral-02);display:flex;justify-content:space-between;padding:var(--spacing-100) var(--cell-padding-x);width:100%}.qui-table__column-sort-action .qui-icon__root{transition:transform 0.1s ease-in-out}.qui-table__column-sort-action[data-sort-direction=desc] .qui-icon__root{transform:rotate(180deg)}.qui-table__row-expand-button[data-expanded] .qui-icon__root{transform:rotate(90deg)}.qui-table__row-expand-button .qui-icon__root{transition:transform var(--animation-duration-faster) ease-in-out}.qui-table__column-filter-action[data-is-filtered] .qui-icon__root{fill:currentColor}
package/dist/tabs/qds-tabs.css CHANGED
@@ -1 +1 @@
1
- .qui-tabs__root{display:flex;flex-direction:column;--indicator-size:2px}.qui-tabs__root[data-size=lg]{--indicator-size:3px}.qui-tabs__root[data-size=xl]{--indicator-size:4px}.qui-tabs__root[data-orientation=vertical]{flex-direction:row}.qui-tabs__list{display:inline-flex;isolation:isolate;position:relative}.qui-tabs__list[data-orientation=horizontal][data-variant=contained]{border-bottom:1px solid var(--color-border-neutral-02)}.qui-tabs__list[data-orientation=horizontal][data-variant=contained][data-disabled]{border-color:var(--color-utility-disabled-border)}.qui-tabs__list[data-orientation=vertical]{flex-direction:column}.qui-tabs__list[data-orientation=vertical]:before{background:var(--color-border-neutral-01);content:"";height:100%;left:0;position:absolute;width:var(--indicator-size)}.qui-tab__root{align-items:center;display:inline-flex;font:var(--font-static-body-xs-bold);position:relative;--dismiss-spacing-offset:0px}.qui-tab__root[data-variant=contained]:not(:last-child){border-right:1px solid var(--color-border-neutral-02)}.qui-tab__root:has(.qui-tab__dismiss-button){--dismiss-spacing-offset:calc(var(--sizing-80) + var(--spacing-50))}.qui-tab__root[data-size=sm]{--tab-initial-spacing-x:var(--spacing-50);--tab-spacing-y:var(--spacing-50)}.qui-tab__root[data-size=md]{--tab-initial-spacing-x:var(--spacing-70);--tab-spacing-y:var(--spacing-70)}.qui-tab__root[data-size=lg]{font:var(--font-static-body-sm-bold);--tab-initial-spacing-x:var(--spacing-80);--tab-spacing-y:var(--spacing-80)}.qui-tab__root[data-size=xl]{font:var(--font-static-body-sm-bold);--tab-initial-spacing-x:var(--spacing-90);--tab-spacing-y:var(--spacing-90)}.qui-tab__dismiss-button{position:absolute;right:var(--tab-initial-spacing-x)}.qui-tab__button{--tab-spacing-end:calc(var(--tab-initial-spacing-x) + var(--dismiss-spacing-offset));align-items:center;background:transparent;border:0 solid;color:var(--color-interactive-text-neutral-idle);display:inline-flex;font:var(--font-static-body-xs-bold);gap:var(--spacing-50);margin:0;opacity:1;outline:none;padding-inline-end:var(--tab-spacing-end);padding-inline-start:var(--tab-initial-spacing-x);padding-bottom:var(--tab-spacing-y);padding-top:var(--tab-spacing-y)}.qui-tab__button[data-selected][data-variant=line]:not([data-indicator-rendered])[data-orientation=horizontal]:before{bottom:0;height:var(--indicator-size);width:100%}.qui-tab__button[data-selected][data-variant=line]:not([data-indicator-rendered])[data-orientation=vertical]:before{height:100%;left:0;top:0;width:var(--indicator-size)}.qui-tab__button[data-selected][data-variant=line]:not([data-indicator-rendered]):before{background:var(--color-border-brand-primary);content:"";left:0;position:absolute}.qui-tab__button:hover{background:var(--color-interactive-background-ghost-hover);color:var(--color-interactive-text-neutral-hover)}.qui-tab__button:active{background:var(--color-interactive-background-ghost-pressed);color:var(--color-interactive-text-neutral-pressed)}.qui-tab__button[data-disabled]{background:var(--color-interactive-background-ghost-idle);color:var(--color-utility-disabled-text);pointer-events:none}.qui-tab__button[data-variant=line][data-focus][data-focus-visible]{outline:solid 2px var(--color-border-brand-primary);outline-offset:-1px}.qui-tab__button[data-variant=contained]:hover{background:var(--color-background-neutral-01)}.qui-tab__button[data-variant=contained][data-selected]{background:var(--color-background-neutral-01)}.qui-tab__button[data-variant=contained][data-focus][data-focus-visible]{outline:solid 2px var(--color-border-brand-primary);outline-offset:-1px}.qui-tab__button[data-variant=contained][data-size=sm]{--tab-initial-spacing-x:var(--spacing-90);--tab-spacing-y:var(--spacing-60)}.qui-tab__button[data-variant=contained][data-size=md]{--tab-initial-spacing-x:var(--spacing-90);--tab-spacing-y:var(--spacing-80)}.qui-tab__button[data-orientation=vertical][data-size=sm]{--tab-initial-spacing-x:var(--spacing-80);--tab-spacing-y:var(--spacing-50)}.qui-tab__button[data-orientation=vertical][data-size=md]{--tab-initial-spacing-x:var(--spacing-90);--tab-spacing-y:var(--spacing-70)}.qui-tab__button[data-orientation=vertical][data-size=lg]{font:var(--font-static-body-sm-bold);--tab-initial-spacing-x:var(--spacing-100);--tab-spacing-y:var(--spacing-80)}.qui-tab__button[data-orientation=vertical][data-size=xl]{font:var(--font-static-body-sm-bold);--tab-initial-spacing-x:var(--spacing-100);--tab-spacing-y:var(--spacing-90)}.qui-tabs__indicator[data-empty]{display:none}.qui-tabs__indicator[data-focus][data-focus-visible]{--transition-duration:0ms}.qui-tabs__indicator:not([data-animate]){--transition-duration:0ms}.qui-tabs__indicator{background:var(--color-border-brand-primary)}.qui-tabs__indicator[data-orientation=horizontal]{bottom:0;height:var(--indicator-size);width:var(--width)}.qui-tabs__indicator[data-orientation=vertical]{height:var(--height);top:var(--top);width:var(--indicator-size)}.qui-tabs__panel{color:var(--color-text-neutral-primary)}.qui-tabs__panel[data-orientation=horizontal]{padding-top:var(--spacing-90)}.qui-tabs__panel[data-orientation=vertical]{padding-left:var(--spacing-90)}.qui-tab__icon[data-size]{--icon-size:var(--sizing-70)}.qui-tab__icon[data-size=sm]{--icon-size:var(--sizing-60)}.qui-tab__icon[data-icon-variant=filled]{background:var(--color-background-support-neutral);border-radius:var(--border-radius-xs);color:var(--color-utility-persistent-white);padding:var(--spacing-30)}.qui-tab__icon[data-icon-variant=filled][data-size=sm]{padding:var(--spacing-20)}.qui-tab__icon[data-icon-variant=filled] .qui-icon__root{--icon-size:var(--sizing-60)}
1
+ .qui-tabs__root{display:flex;flex-direction:column;--indicator-size:2px}.qui-tabs__root[data-size=lg]{--indicator-size:3px}.qui-tabs__root[data-size=xl]{--indicator-size:4px}.qui-tabs__root[data-orientation=vertical]{flex-direction:row}.qui-tabs__list{display:inline-flex;isolation:isolate;position:relative}.qui-tabs__list[data-orientation=horizontal][data-variant=contained]{border-bottom:1px solid var(--color-border-neutral-02)}.qui-tabs__list[data-orientation=horizontal][data-variant=contained][data-disabled]{border-color:var(--color-utility-disabled-border)}.qui-tabs__list[data-orientation=vertical]{flex-direction:column}.qui-tabs__list[data-orientation=vertical]:before{background:var(--color-border-neutral-01);content:"";height:100%;left:0;position:absolute;width:var(--indicator-size)}.qui-tab__root{align-items:center;display:inline-flex;font:var(--font-static-body-xs-bold);position:relative;--dismiss-spacing-offset:0px}.qui-tab__root[data-variant=contained]:not(:last-child){border-right:1px solid var(--color-border-neutral-02)}.qui-tab__root:has(.qui-tab__dismiss-button){--dismiss-spacing-offset:calc(var(--sizing-80) + var(--spacing-50))}.qui-tab__root[data-size=sm]{--tab-initial-spacing-x:var(--spacing-50);--tab-spacing-y:var(--spacing-50)}.qui-tab__root[data-size=md]{--tab-initial-spacing-x:var(--spacing-70);--tab-spacing-y:var(--spacing-70)}.qui-tab__root[data-size=lg]{font:var(--font-static-body-sm-bold);--tab-initial-spacing-x:var(--spacing-80);--tab-spacing-y:var(--spacing-80)}.qui-tab__root[data-size=xl]{font:var(--font-static-body-sm-bold);--tab-initial-spacing-x:var(--spacing-90);--tab-spacing-y:var(--spacing-90)}.qui-tab__dismiss-button{position:absolute;right:var(--tab-initial-spacing-x)}.qui-tab__button{--tab-spacing-end:calc(var(--tab-initial-spacing-x) + var(--dismiss-spacing-offset));align-items:center;background:transparent;border:0 solid;color:var(--color-interactive-text-neutral-idle);display:inline-flex;font:var(--font-static-body-xs-bold);gap:var(--spacing-50);margin:0;opacity:1;outline:none;padding-inline-end:var(--tab-spacing-end);padding-inline-start:var(--tab-initial-spacing-x);padding-bottom:var(--tab-spacing-y);padding-top:var(--tab-spacing-y)}.qui-tab__button[data-selected][data-variant=line]:not([data-indicator-rendered])[data-orientation=horizontal]:before{bottom:0;height:var(--indicator-size);width:100%}.qui-tab__button[data-selected][data-variant=line]:not([data-indicator-rendered])[data-orientation=vertical]:before{height:100%;left:0;top:0;width:var(--indicator-size)}.qui-tab__button[data-selected][data-variant=line]:not([data-indicator-rendered]):before{background:var(--color-border-brand-primary);content:"";left:0;position:absolute}.qui-tab__button:hover{background:var(--color-interactive-background-ghost-hover);color:var(--color-interactive-text-neutral-hover)}.qui-tab__button:active{background:var(--color-interactive-background-ghost-pressed);color:var(--color-interactive-text-neutral-pressed)}.qui-tab__button[data-disabled]{background:var(--color-interactive-background-ghost-idle);color:var(--color-utility-disabled-text);pointer-events:none}.qui-tab__button[data-variant=line][data-focus][data-focus-visible]{outline:solid 2px var(--color-border-brand-primary);outline-offset:-1px}.qui-tab__button[data-variant=contained]:hover{background:var(--color-background-neutral-01)}.qui-tab__button[data-variant=contained][data-selected]{background:var(--color-background-neutral-01)}.qui-tab__button[data-variant=contained][data-focus][data-focus-visible]{outline:solid 2px var(--color-border-brand-primary);outline-offset:-1px}.qui-tab__button[data-variant=contained][data-size=sm]{--tab-initial-spacing-x:var(--spacing-90);--tab-spacing-y:var(--spacing-60)}.qui-tab__button[data-variant=contained][data-size=md]{--tab-initial-spacing-x:var(--spacing-90);--tab-spacing-y:var(--spacing-80)}.qui-tab__button[data-orientation=vertical][data-size=sm]{--tab-initial-spacing-x:var(--spacing-80);--tab-spacing-y:var(--spacing-50)}.qui-tab__button[data-orientation=vertical][data-size=md]{--tab-initial-spacing-x:var(--spacing-90);--tab-spacing-y:var(--spacing-70)}.qui-tab__button[data-orientation=vertical][data-size=lg]{font:var(--font-static-body-sm-bold);--tab-initial-spacing-x:var(--spacing-100);--tab-spacing-y:var(--spacing-80)}.qui-tab__button[data-orientation=vertical][data-size=xl]{font:var(--font-static-body-sm-bold);--tab-initial-spacing-x:var(--spacing-100);--tab-spacing-y:var(--spacing-90)}.qui-tabs__indicator[data-empty]{display:none}.qui-tabs__indicator[data-focus][data-focus-visible]{--transition-duration:0ms}.qui-tabs__indicator:not([data-animate]){--transition-duration:0ms}.qui-tabs__indicator{background:var(--color-border-brand-primary)}.qui-tabs__indicator[data-orientation=horizontal]{bottom:0;height:var(--indicator-size);width:var(--width)}.qui-tabs__indicator[data-orientation=vertical]{height:var(--height);top:var(--top);width:var(--indicator-size)}.qui-tabs__panel{color:var(--color-text-neutral-primary)}.qui-tabs__panel[data-orientation=horizontal]{padding-top:var(--spacing-90)}.qui-tabs__panel[data-orientation=vertical]{padding-left:var(--spacing-90)}.qui-tab__icon{border-radius:var(--border-radius-xs)}.qui-tab__icon[data-size=sm][data-icon-variant=ghost]{--icon-size:var(--sizing-60)}.qui-tab__icon[data-size=sm][data-icon-variant=filled]{--icon-size:var(--sizing-60);padding:var(--spacing-20)}.qui-tab__icon[data-size=lg][data-icon-variant=ghost],.qui-tab__icon[data-size=md][data-icon-variant=ghost],.qui-tab__icon[data-size=xl][data-icon-variant=ghost]{--icon-size:var(--sizing-70)}.qui-tab__icon[data-size=lg][data-icon-variant=filled],.qui-tab__icon[data-size=md][data-icon-variant=filled],.qui-tab__icon[data-size=xl][data-icon-variant=filled]{--icon-size:var(--sizing-60);padding:var(--spacing-30)}.qui-tab__icon[data-icon-variant=filled]{background:var(--color-background-support-neutral);color:var(--color-utility-persistent-white)}
package/dist/tooltip/index.cjs CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";var r=Object.defineProperty;var s=Object.getOwnPropertyDescriptor;var n=Object.getOwnPropertyNames;var _=Object.prototype.hasOwnProperty;var l=(t,o)=>{for(var p in o)r(t,p,{get:o[p],enumerable:!0})},a=(t,o,p,e)=>{if(o&&typeof o=="object"||typeof o=="function")for(let i of n(o))!_.call(t,i)&&i!==p&&r(t,i,{get:()=>o[i],enumerable:!(e=s(o,i))||e.enumerable});return t};var c=t=>a(r({},"__esModule",{value:!0}),t);var u={};l(u,{tooltipClasses:()=>q});module.exports=c(u);var q={arrow:"qui-tooltip__arrow",arrowTip:"qui-tooltip__arrow-tip",content:"qui-tooltip__content",positioner:"qui-tooltip__positioner"};
1
+ "use strict";var p=Object.defineProperty;var _=Object.getOwnPropertyDescriptor;var s=Object.getOwnPropertyNames;var l=Object.prototype.hasOwnProperty;var n=(t,o)=>{for(var r in o)p(t,r,{get:o[r],enumerable:!0})},a=(t,o,r,e)=>{if(o&&typeof o=="object"||typeof o=="function")for(let i of s(o))!l.call(t,i)&&i!==r&&p(t,i,{get:()=>o[i],enumerable:!(e=_(o,i))||e.enumerable});return t};var q=t=>a(p({},"__esModule",{value:!0}),t);var c={};n(c,{tooltipClasses:()=>u});module.exports=q(c);var u={arrow:"qui-tooltip__arrow",arrowTip:"qui-tooltip__arrow-tip",content:"qui-tooltip__content",positioner:"qui-tooltip__positioner",root:"qui-tooltip__root"};
2
2
  //# sourceMappingURL=index.cjs.map
package/dist/tooltip/index.cjs.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/tooltip/index.ts", "../../src/tooltip/tooltip.classes.ts"],
4
- "sourcesContent": ["export * from \"./tooltip.classes\"\nexport type * from \"./tooltip.types\"\n", "// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nexport const tooltipClasses = {\n arrow: \"qui-tooltip__arrow\",\n arrowTip: \"qui-tooltip__arrow-tip\",\n content: \"qui-tooltip__content\",\n positioner: \"qui-tooltip__positioner\",\n} as const\n"],
5
- "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,oBAAAE,IAAA,eAAAC,EAAAH,GCGO,IAAMI,EAAiB,CAC5B,MAAO,qBACP,SAAU,yBACV,QAAS,uBACT,WAAY,yBACd",
4
+ "sourcesContent": ["export * from \"./tooltip.classes\"\nexport type * from \"./tooltip.types\"\n", "// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nexport const tooltipClasses = {\n arrow: \"qui-tooltip__arrow\",\n arrowTip: \"qui-tooltip__arrow-tip\",\n content: \"qui-tooltip__content\",\n positioner: \"qui-tooltip__positioner\",\n root: \"qui-tooltip__root\",\n} as const\n"],
5
+ "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,oBAAAE,IAAA,eAAAC,EAAAH,GCGO,IAAMI,EAAiB,CAC5B,MAAO,qBACP,SAAU,yBACV,QAAS,uBACT,WAAY,0BACZ,KAAM,mBACR",
6
6
  "names": ["tooltip_exports", "__export", "tooltipClasses", "__toCommonJS", "tooltipClasses"]
7
7
  }
package/dist/tooltip/index.js CHANGED
@@ -1,2 +1,2 @@
1
- var o={arrow:"qui-tooltip__arrow",arrowTip:"qui-tooltip__arrow-tip",content:"qui-tooltip__content",positioner:"qui-tooltip__positioner"};export{o as tooltipClasses};
1
+ var o={arrow:"qui-tooltip__arrow",arrowTip:"qui-tooltip__arrow-tip",content:"qui-tooltip__content",positioner:"qui-tooltip__positioner",root:"qui-tooltip__root"};export{o as tooltipClasses};
2
2
  //# sourceMappingURL=index.js.map
package/dist/tooltip/index.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/tooltip/tooltip.classes.ts"],
4
- "sourcesContent": ["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nexport const tooltipClasses = {\n arrow: \"qui-tooltip__arrow\",\n arrowTip: \"qui-tooltip__arrow-tip\",\n content: \"qui-tooltip__content\",\n positioner: \"qui-tooltip__positioner\",\n} as const\n"],
5
- "mappings": "AAGO,IAAMA,EAAiB,CAC5B,MAAO,qBACP,SAAU,yBACV,QAAS,uBACT,WAAY,yBACd",
4
+ "sourcesContent": ["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nexport const tooltipClasses = {\n arrow: \"qui-tooltip__arrow\",\n arrowTip: \"qui-tooltip__arrow-tip\",\n content: \"qui-tooltip__content\",\n positioner: \"qui-tooltip__positioner\",\n root: \"qui-tooltip__root\",\n} as const\n"],
5
+ "mappings": "AAGO,IAAMA,EAAiB,CAC5B,MAAO,qBACP,SAAU,yBACV,QAAS,uBACT,WAAY,0BACZ,KAAM,mBACR",
6
6
  "names": ["tooltipClasses"]
7
7
  }
package/dist/tooltip/qds-tooltip.css CHANGED
@@ -1 +1 @@
1
- .qui-tooltip__content{background-color:var(--color-background-neutral-10);border-radius:2px;box-shadow:var(--shadow-high);color:var(--color-text-neutral-inverse);font:var(--font-static-body-xs-default);padding-block:4px;padding-inline:8px;pointer-events:none;transition:opacity 130ms ease-in-out,display 130ms ease-in-out allow-discrete;--arrow-background:var(--color-background-neutral-10);--arrow-size:10px;--z-index:calc(var(--z-index-tooltip) + var(--layer-index, 0))}@starting-style{.qui-tooltip__content{opacity:0}}.qui-tooltip__content:not([data-state=open]){opacity:0}.qui-tooltip__arrow-tip{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}
1
+ .qui-tooltip__root{display:contents}.qui-tooltip__content{background-color:var(--color-background-neutral-10);border-radius:2px;box-shadow:var(--shadow-high);color:var(--color-text-neutral-inverse);font:var(--font-static-body-xs-default);padding-block:4px;padding-inline:8px;pointer-events:none;transition:opacity 130ms ease-in-out,display 130ms ease-in-out allow-discrete;--arrow-background:var(--color-background-neutral-10);--arrow-size:10px;--z-index:calc(var(--z-index-tooltip) + var(--layer-index, 0))}@starting-style{.qui-tooltip__content{opacity:0}}.qui-tooltip__content:not([data-state=open]){opacity:0}.qui-tooltip__arrow-tip{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}
package/dist/tooltip/tooltip.classes.d.ts CHANGED
@@ -3,5 +3,6 @@ export declare const tooltipClasses: {
3
3
  readonly arrowTip: "qui-tooltip__arrow-tip";
4
4
  readonly content: "qui-tooltip__content";
5
5
  readonly positioner: "qui-tooltip__positioner";
6
+ readonly root: "qui-tooltip__root";
6
7
  };
7
8
  //# sourceMappingURL=tooltip.classes.d.ts.map
package/dist/tooltip/tooltip.classes.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"tooltip.classes.d.ts","sourceRoot":"","sources":["../../src/tooltip/tooltip.classes.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,cAAc;;;;;CAKjB,CAAA"}
1
+ {"version":3,"file":"tooltip.classes.d.ts","sourceRoot":"","sources":["../../src/tooltip/tooltip.classes.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,cAAc;;;;;;CAMjB,CAAA"}
package/dist/tooltip/tooltip.types.d.ts CHANGED
@@ -1,5 +1,8 @@
1
1
  import type { tooltipClasses } from "./tooltip.classes";
2
2
  type TooltipClasses = typeof tooltipClasses;
3
+ export interface QdsTooltipRootBindings {
4
+ className: TooltipClasses["root"];
5
+ }
3
6
  export interface QdsTooltipArrowBindings {
4
7
  className: TooltipClasses["arrow"];
5
8
  }
package/dist/tooltip/tooltip.types.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"tooltip.types.d.ts","sourceRoot":"","sources":["../../src/tooltip/tooltip.types.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,mBAAmB,CAAA;AAErD,KAAK,cAAc,GAAG,OAAO,cAAc,CAAA;AAE3C,MAAM,WAAW,uBAAuB;IACtC,SAAS,EAAE,cAAc,CAAC,OAAO,CAAC,CAAA;CACnC;AAED,MAAM,WAAW,0BAA0B;IACzC,SAAS,EAAE,cAAc,CAAC,UAAU,CAAC,CAAA;CACtC;AAED,MAAM,WAAW,yBAAyB;IACxC,SAAS,EAAE,cAAc,CAAC,SAAS,CAAC,CAAA;CACrC;AAED,MAAM,WAAW,4BAA4B;IAC3C,SAAS,EAAE,cAAc,CAAC,YAAY,CAAC,CAAA;CACxC"}
1
+ {"version":3,"file":"tooltip.types.d.ts","sourceRoot":"","sources":["../../src/tooltip/tooltip.types.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,mBAAmB,CAAA;AAErD,KAAK,cAAc,GAAG,OAAO,cAAc,CAAA;AAE3C,MAAM,WAAW,sBAAsB;IACrC,SAAS,EAAE,cAAc,CAAC,MAAM,CAAC,CAAA;CAClC;AAED,MAAM,WAAW,uBAAuB;IACtC,SAAS,EAAE,cAAc,CAAC,OAAO,CAAC,CAAA;CACnC;AAED,MAAM,WAAW,0BAA0B;IACzC,SAAS,EAAE,cAAc,CAAC,UAAU,CAAC,CAAA;CACtC;AAED,MAAM,WAAW,yBAAyB;IACxC,SAAS,EAAE,cAAc,CAAC,SAAS,CAAC,CAAA;CACrC;AAED,MAAM,WAAW,4BAA4B;IAC3C,SAAS,EAAE,cAAc,CAAC,YAAY,CAAC,CAAA;CACxC"}