@24vlh/vds 0.3.5 → 0.3.6

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 (39) hide show
  1. package/dist/components/authoring.min.css +1 -1
  2. package/dist/components/badge-tag.min.css +1 -1
  3. package/dist/components/buttons.min.css +1 -1
  4. package/dist/components/charts.css +0 -4
  5. package/dist/components/charts.min.css +1 -1
  6. package/dist/components/command.css +1 -1
  7. package/dist/components/command.min.css +1 -1
  8. package/dist/components/content-blocks.min.css +1 -1
  9. package/dist/components/description-list.min.css +1 -1
  10. package/dist/components/doc-block.min.css +1 -1
  11. package/dist/components/feedback.css +3 -5
  12. package/dist/components/feedback.min.css +1 -1
  13. package/dist/components/flows.min.css +1 -1
  14. package/dist/components/forms-advanced.min.css +1 -1
  15. package/dist/components/forms.min.css +1 -1
  16. package/dist/components/guidance.min.css +1 -1
  17. package/dist/components/header-footer.min.css +1 -1
  18. package/dist/components/hero.min.css +1 -1
  19. package/dist/components/icons.css +40 -0
  20. package/dist/components/icons.min.css +1 -1
  21. package/dist/components/inbox.min.css +1 -1
  22. package/dist/components/navigation.min.css +1 -1
  23. package/dist/components/overlays.min.css +1 -1
  24. package/dist/components/progress.min.css +1 -1
  25. package/dist/components/sections.min.css +1 -1
  26. package/dist/components/tables.min.css +1 -1
  27. package/dist/components/tabs.min.css +1 -1
  28. package/dist/components/toasts.min.css +1 -1
  29. package/dist/components/tooltips-popovers.min.css +1 -1
  30. package/dist/components/typography.css +0 -3
  31. package/dist/components/utilities.css +0 -7
  32. package/dist/components/utilities.min.css +1 -1
  33. package/dist/core.css +2 -2
  34. package/dist/core.min.css +1 -1
  35. package/dist/identity.css +2 -7
  36. package/dist/identity.min.css +1 -1
  37. package/dist/vds.css +55 -32
  38. package/dist/vds.min.css +1 -1
  39. package/package.json +1 -1
package/dist/components/inbox.min.css CHANGED
@@ -1 +1 @@
1
- .vds-inbox,[data-vds-inbox]{--inbox-row-radius:var(--radius-lg,var(--radius-md));--inbox-row-border:var(--color-border-subtle);--inbox-row-bg:var(--color-surface);--inbox-row-bg-hover:var(--color-surface-subtle,var(--color-surface-hover));--inbox-row-shadow:none;--inbox-title-size:var(--text-sm);--inbox-desc-size:var(--text-xs);--inbox-icon-size:var(--icon-sm);--inbox-icon-muted:var(--color-icon-muted,var(--color-text-soft));--inbox-icon-strong:var(--color-icon-strong,var(--color-text));--inbox-action-gap:var(--space-2);--inbox-badge-gap:var(--space-2);--inbox-row-pad-x:var(--space-4);--inbox-row-pad-y:var(--space-4);--inbox-actions-min-width:0;--inbox-actions-justify:flex-end;width:100%}.inbox--dense{--inbox-row-pad-x:var(--space-3);--inbox-row-pad-y:var(--space-3);--inbox-title-size:var(--text-xs);--inbox-desc-size:var(--text-xxs,var(--text-xs))}.inbox-nav{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-4)}.inbox-nav__bar{align-items:center;background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);display:flex;gap:var(--space-4);justify-content:space-between;min-height:calc(var(--space-3)*2 + var(--space-1)*2 + var(--space-2)*2 + var(--text-sm));padding:var(--space-3) var(--space-4)}.inbox-nav__left,.inbox-nav__right{align-items:center;display:inline-flex;flex:0 0 auto;gap:var(--space-2)}.inbox-nav__bottom{align-items:center;display:flex;gap:var(--space-3);justify-content:space-between}.inbox-nav__bottom-left,.inbox-nav__bottom-right{align-items:center;display:inline-flex;gap:var(--space-2)}.inbox-nav__bottom-left:empty,.inbox-nav__bottom-right:empty{display:none}.inbox-nav__bottom--left{justify-content:flex-start}.inbox-nav__bottom--center{justify-content:center}.inbox-nav__bottom--right{justify-content:flex-end}.inbox-nav__bottom--split{justify-content:space-between}.inbox-tabs{background:var(--color-surface-subtle);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);flex:1 1 auto;gap:var(--space-1);justify-content:center;min-width:0;padding:var(--space-1)}.inbox-tab,.inbox-tabs{align-items:center;display:inline-flex}.inbox-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-weight-semibold);gap:var(--space-2);line-height:1;padding:var(--space-2) var(--space-3);-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.inbox-tab.is-active,.inbox-tab:hover:not(:disabled):not([aria-disabled=true]):not(.is-disabled),.inbox-tab[aria-selected=true]{background:var(--color-surface);color:var(--color-text)}.inbox-tab.is-active,.inbox-tab[aria-selected=true]{border:1px solid var(--color-border-subtle)}.inbox-tab:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.inbox-tab.is-disabled,.inbox-tab:disabled,.inbox-tab[aria-disabled=true]{background:transparent;border-color:transparent;color:var(--color-text-muted);cursor:not-allowed;opacity:.6;pointer-events:none}.inbox-tab__count{background:var(--color-surface-subtle);border:1px solid var(--color-border-subtle);border-radius:var(--radius-pill);color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);height:1.5rem;justify-content:center;min-width:1.5rem;padding:0 var(--space-2)}.inbox-search,.inbox-tab__count{align-items:center;display:inline-flex}.inbox-search{gap:var(--space-2);min-width:0}.inbox-search__toggle{align-items:center;background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);color:var(--color-text);display:inline-flex;height:2.25rem;height:var(--icon-container-md,2.25rem);justify-content:center;transition:background-color var(--transition-fast),border-color var(--transition-fast);width:2.25rem;width:var(--icon-container-md,2.25rem)}.inbox-search__toggle:hover:not(:disabled):not([aria-disabled=true]):not(.is-disabled){background:var(--color-surface-subtle,var(--color-surface-hover));border-color:var(--color-border-strong,var(--color-border-subtle))}.inbox-search__toggle.is-disabled,.inbox-search__toggle:disabled,.inbox-search__toggle[aria-disabled=true]{background:var(--color-surface-subtle);border-color:var(--color-border-subtle);color:var(--color-text-muted);cursor:not-allowed;opacity:.6;pointer-events:none}.inbox-search__toggle svg{color:currentColor;height:1rem;height:var(--icon-xs,1rem);width:1rem;width:var(--icon-xs,1rem)}.inbox-search__field{align-items:center;display:inline-flex;flex:1 1 auto;gap:var(--space-2);min-width:0;opacity:0;overflow:hidden;pointer-events:none;transition:width var(--transition-normal),opacity var(--transition-fast);width:0}.inbox-search__input{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);color:var(--color-text);flex:1 1 auto;font-size:var(--text-sm);line-height:var(--line-height-normal);max-width:none;min-width:10rem;padding:var(--space-2) var(--space-3);width:100%}.inbox-search.is-open .inbox-search__field,.inbox-search__toggle[aria-expanded=true]+.inbox-search__field{opacity:1;pointer-events:auto;width:100%}.inbox-nav__bar--search-full .inbox-nav__left,.inbox-nav__bar--search-full .inbox-search{flex:1 1 auto;width:100%}.inbox-nav__bar--search-full .inbox-search__field{opacity:1;pointer-events:auto;width:100%}.inbox-nav__bar--search-full .inbox-search__input{max-width:none}.inbox-nav__bar--search-full .inbox-nav__right,.inbox-nav__bar--search-full .inbox-tabs{display:none}.inbox__list{display:flex;flex-direction:column;gap:var(--space-2)}.inbox--flat .inbox__list{border-bottom:1px solid var(--color-border-subtle);border-top:1px solid var(--color-border-subtle);gap:0}.inbox--flat .inbox-row{border-left:0;border-radius:0;border-right:0;border-top:0}.inbox--flat .inbox-row+.inbox-row{border-top:1px solid var(--color-border-subtle)}.inbox-row{background:var(--inbox-row-bg);border:1px solid var(--inbox-row-border);border-radius:var(--inbox-row-radius);box-shadow:var(--inbox-row-shadow);overflow:clip;position:relative;transition:background-color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast);width:100%}.inbox-row__hover:hover{background:var(--inbox-row-bg-hover);border-color:var(--color-border-strong,var(--color-border-subtle))}.inbox-row__focus-visible:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.inbox-row__main{background:transparent;border:0;color:inherit;display:grid;grid-template-columns:1fr;grid-template-rows:auto auto;padding:0;text-align:left;width:100%}.inbox-row__inner{grid-gap:var(--space-4);align-items:start;display:grid;gap:var(--space-4);grid-column:1/-1;grid-row:1;grid-template-areas:"badges badges" "meta actions" "data data";grid-template-columns:1fr auto;padding:var(--inbox-row-pad-y) var(--inbox-row-pad-x)}.inbox-row__badges{grid-area:badges}.inbox-row__meta{grid-area:meta}.inbox-row__actions{grid-area:actions}.inbox-row__data{display:flex;flex-direction:column;gap:var(--space-2);grid-area:data;min-width:0}@media (max-width:768px){.inbox-row__inner{grid-template-areas:"badges" "meta" "data" "actions";grid-template-columns:1fr}.inbox-row__actions{justify-content:flex-end;min-width:0;padding-top:0}}.inbox-row__labels{justify-content:flex-start;margin-left:0;text-align:left}.inbox-row__title{min-width:0}.inbox-row--minimal .inbox-row__inner{gap:var(--space-3);padding:var(--space-3) var(--space-3)}.inbox-row--minimal{--inbox-title-size:var(--text-xs);--inbox-desc-size:var(--text-xxs,var(--text-xs))}.inbox-row--normal .inbox-row__inner{gap:var(--space-4);padding:var(--space-4) var(--space-4)}.inbox-row--rich .inbox-row__inner{gap:var(--space-5);padding:var(--space-5) var(--space-5)}.inbox-row--rich{--inbox-title-size:var(--text-md,var(--text-sm));--inbox-desc-size:var(--text-sm)}.inbox-row--mega .inbox-row__inner{gap:var(--space-6);padding:var(--space-6) var(--space-6)}.inbox-row--mega{--inbox-title-size:var(--text-lg,var(--text-md,var(--text-sm)));--inbox-desc-size:var(--text-sm)}.inbox-row__badges{align-items:center;display:flex;flex-wrap:wrap;gap:var(--inbox-badge-gap);grid-column:1/-1;margin-bottom:var(--space-3)}.inbox-badge{align-items:center;background:var(--color-surface-subtle);border:1px solid var(--color-border-subtle);border-radius:var(--radius-pill);color:var(--color-text);display:inline-flex;font-size:var(--text-xxs);font-weight:var(--font-weight-semibold);gap:var(--space-1_5);letter-spacing:.02em;line-height:1.1;padding:var(--space-1) var(--space-2_5);white-space:nowrap}.inbox-badge svg{color:currentColor;height:var(--icon-xxs);width:var(--icon-xxs)}.inbox-badge--accent{background:var(--color-accent-soft);border-color:var(--color-accent);color:var(--color-text)}.inbox-badge--info{background:var(--semantic-info-bg,var(--color-info-soft));border-color:var(--semantic-info-border,var(--color-info));color:var(--semantic-info-text,var(--color-text))}.inbox-badge--success{background:var(--semantic-success-bg,var(--color-success-soft));border-color:var(--semantic-success-border,var(--color-success));color:var(--semantic-success-text,var(--color-text))}.inbox-badge--warning{background:var(--semantic-warning-bg,var(--color-warning-soft));border-color:var(--semantic-warning-border,var(--color-warning));color:var(--semantic-warning-text,var(--color-text))}.inbox-badge--danger{background:var(--semantic-danger-bg,var(--color-danger-soft));border-color:var(--semantic-danger-border,var(--color-danger));color:var(--semantic-danger-text,var(--color-text))}.inbox-row__meta{flex-direction:column}.inbox-row__meta,.inbox-row__titleline{display:flex;gap:var(--space-2);min-width:0}.inbox-row__titleline{align-items:center}.inbox-row__status{align-items:center;display:inline-flex;flex:0 0 auto;gap:var(--space-1_5)}.inbox-row__status-icon{align-items:center;color:var(--inbox-icon-muted);display:inline-flex;height:var(--inbox-icon-size);justify-content:center;width:var(--inbox-icon-size)}.inbox-row__status-icon svg{height:100%;width:100%}.inbox-row.is-bookmarked .inbox-row__status-icon--bookmark,.inbox-row.is-starred .inbox-row__status-icon--star{color:var(--color-accent)}.inbox-row.is-flagged .inbox-row__status-icon--flag{color:var(--color-danger-strong,var(--color-danger))}.inbox-row__title{color:var(--color-text);flex:1 1 auto;font-size:var(--inbox-title-size);font-weight:var(--font-weight-semibold);letter-spacing:0;letter-spacing:var(--letter-tight,0);line-height:var(--line-height-snug);max-width:100%;min-width:16ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inbox-row__labels{flex:0 0 auto;gap:var(--space-1_5);min-width:0}.inbox-label,.inbox-row__labels{align-items:center;display:inline-flex}.inbox-label{background:transparent;border:1px solid var(--color-border-subtle);border-radius:var(--radius-pill);color:var(--color-text-muted);font-size:var(--text-xxs);font-weight:var(--font-weight-semibold);height:1.4rem;padding:0 var(--space-2);white-space:nowrap}.inbox-label--accent{background:var(--color-accent-soft);border-color:var(--color-accent);color:var(--color-text)}.inbox-label--muted{background:var(--color-surface-subtle);border-color:var(--color-border-subtle);color:var(--color-text-muted)}.inbox-row__glance{-webkit-box-orient:vertical;-webkit-line-clamp:2;color:var(--color-text-muted);display:-webkit-box;font-size:var(--inbox-desc-size);line-height:var(--line-height-relaxed);min-width:0;overflow:hidden}.inbox-row--rich .inbox-row__glance{-webkit-line-clamp:3}.inbox-row--mega .inbox-row__glance{-webkit-line-clamp:4}.inbox-row__metafoot{align-items:center;color:var(--color-text-soft,var(--color-text-muted));display:flex;flex-wrap:wrap;font-size:var(--text-xxs,var(--text-xs));gap:var(--space-2) var(--space-4)}.inbox-row__metafoot strong{color:var(--color-text-muted);font-weight:var(--font-weight-semibold)}.inbox-row__details{color:var(--color-text-muted);display:flex;flex-wrap:wrap;font-size:var(--text-xs);gap:var(--space-2) var(--space-3)}.inbox-row__details-item{align-items:center;background:var(--color-surface-subtle);border:1px solid var(--color-border-subtle);border-radius:var(--radius-pill);display:inline-flex;gap:var(--space-1_5);line-height:1.1;padding:var(--space-1) var(--space-2)}.inbox-row__details-item svg{color:currentColor;height:var(--icon-xxs);width:var(--icon-xxs)}.inbox-row__actions{align-items:flex-start;display:flex;flex-wrap:wrap;gap:var(--inbox-action-gap);justify-content:var(--inbox-actions-justify);min-width:var(--inbox-actions-min-width);padding-top:var(--space-0_5)}.inbox-row--actions-below .inbox-row__inner{grid-template-areas:"badges" "meta" "data" "actions";grid-template-columns:1fr}.inbox-row--actions-below .inbox-row__actions{justify-content:flex-start;padding-top:0}.inbox-row--actions-full .inbox-row__actions{grid-column:1/-1;justify-content:flex-start;padding-top:0}.inbox-row__actions--left{justify-content:flex-start}.inbox-row__actions--center{justify-content:center}.inbox-row__actions--right{justify-content:flex-end}.inbox-action{align-items:center;background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);color:var(--color-text);display:inline-flex;font-size:var(--text-xs);font-weight:var(--font-weight-semibold);gap:var(--space-1_5);justify-content:center;padding:var(--space-1_5) var(--space-2_5);transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}a.inbox-action{-webkit-text-decoration:none;text-decoration:none}.inbox-action svg{color:currentColor;height:var(--icon-xxs);width:var(--icon-xxs)}.inbox-action:hover:not(:disabled):not([aria-disabled=true]):not(.is-disabled){background:var(--color-surface-subtle,var(--color-surface-hover));border-color:var(--color-border-strong,var(--color-border-subtle));transform:translateY(-1px)}.inbox-action:active:not(:disabled):not([aria-disabled=true]):not(.is-disabled){transform:translateY(0)}.inbox-action--danger{border-color:var(--color-danger,var(--color-border-strong));color:var(--color-danger-strong,var(--color-danger))}.inbox-action--accent{background:var(--color-accent-soft);border-color:var(--color-accent);color:var(--color-text)}.inbox-action--icon{height:2.25rem;height:var(--icon-container-md,2.25rem);padding:0;width:2.25rem;width:var(--icon-container-md,2.25rem)}.inbox-action--flat{background:transparent}.inbox-action--borderless,.inbox-action--borderless:hover:not(:disabled):not([aria-disabled=true]):not(.is-disabled),.inbox-action--flat{border-color:transparent}.inbox-action--flat:hover:not(:disabled):not([aria-disabled=true]):not(.is-disabled){background:var(--color-surface-subtle);border-color:transparent;transform:none}.inbox--actions-flat .inbox-action{background:transparent;border-color:transparent;transform:none}.inbox--actions-flat .inbox-action:hover:not(:disabled):not([aria-disabled=true]):not(.is-disabled){background:var(--color-surface-subtle);border-color:transparent}.inbox-action.is-disabled,.inbox-action:disabled,.inbox-action[aria-disabled=true]{background:var(--color-surface-subtle);border-color:var(--color-border-subtle);color:var(--color-text-muted);cursor:not-allowed;opacity:.6;transform:none}.inbox-action--borderless.is-disabled,.inbox-action--borderless:disabled,.inbox-action--borderless[aria-disabled=true],.inbox-action--flat.is-disabled,.inbox-action--flat:disabled,.inbox-action--flat[aria-disabled=true]{background:transparent;border-color:transparent}a.inbox-action.is-disabled,a.inbox-action[aria-disabled=true]{pointer-events:none;-webkit-text-decoration:none;text-decoration:none}.inbox-row__expanded{background:var(--color-bg-soft,var(--color-surface-subtle));border-top:1px solid var(--color-border-subtle);color:var(--color-text);display:none;flex-direction:column;gap:var(--space-3);grid-column:1/-1;grid-row:2;padding:var(--space-4)}.inbox-row--open .inbox-row__expanded{display:flex}.inbox-row--glance-open .inbox-row__glance,.inbox-row--open .inbox-row__glance{-webkit-line-clamp:none;overflow:visible}.inbox--flat .inbox-row__expanded{background:var(--color-surface-subtle)}.inbox-row__expanded.is-hidden{display:none!important}.inbox-row__expanded.is-visible{display:block!important}.inbox-row.is-flagged:before{background:var(--inbox-flag-color,var(--color-danger));bottom:0;content:"";left:0;position:absolute;right:auto;top:0;width:6px}.inbox-row--flag-1{--inbox-flag-color:var(--color-danger);--inbox-flag-surface:var(--semantic-danger-bg,var(--color-danger-soft))}.icon-flag--1{color:var(--color-danger)}.inbox-row--flag-2{--inbox-flag-color:var(--color-warning);--inbox-flag-surface:var(--semantic-warning-bg,var(--color-warning-soft))}.icon-flag--2{color:var(--color-warning)}.inbox-row--flag-3{--inbox-flag-color:var(--color-info);--inbox-flag-surface:var(--semantic-info-bg,var(--color-info-soft))}.icon-flag--3{color:var(--color-info)}.inbox-row--flag-4{--inbox-flag-color:var(--color-success);--inbox-flag-surface:var(--semantic-success-bg,var(--color-success-soft))}.icon-flag--4{color:var(--color-success)}.inbox-row--flag-5{--inbox-flag-color:var(--color-accent);--inbox-flag-surface:var(--color-accent-soft)}.icon-flag--5{color:var(--color-accent)}.inbox-filter{align-items:center;background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-3);padding:var(--space-3) var(--space-4)}.inbox-filter__group{align-items:center;display:inline-flex;gap:var(--space-2);min-width:0}.inbox-filter__label{color:var(--color-text-muted)}.inbox-filter__chip,.inbox-filter__label{font-size:var(--text-xs);font-weight:var(--font-weight-semibold);white-space:nowrap}.inbox-filter__chip{align-items:center;background:var(--color-surface-subtle);border:1px solid var(--color-border-subtle);border-radius:var(--radius-pill);color:var(--color-text);display:inline-flex;gap:var(--space-1_5);line-height:1.1;padding:var(--space-1_5) var(--space-2_5)}button.inbox-filter__chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font:inherit}.inbox-filter__chip--active,.inbox-filter__chip.is-active,.inbox-filter__chip[aria-pressed=true]{background:var(--color-accent-soft);border-color:var(--color-accent)}button.inbox-filter__chip:disabled,button.inbox-filter__chip[aria-disabled=true]{cursor:not-allowed;opacity:.6}.inbox-filter__actions{margin-left:auto}.inbox-cornerbar,.inbox-filter__actions{align-items:center;display:inline-flex;gap:var(--space-2)}.inbox-cornerbar{bottom:var(--space-6);left:auto;pointer-events:none;position:fixed;right:var(--space-6);top:auto;z-index:40}.inbox-cornerbar--left{bottom:var(--space-6);left:var(--space-6);right:auto;top:auto}.inbox-cornerbar__inner{align-items:center;background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl,var(--radius-lg));box-shadow:none;box-shadow:var(--shadow-md,none);display:inline-flex;gap:var(--space-2);padding:var(--space-2);pointer-events:auto}@media (max-width:768px){.inbox-row__inner{gap:var(--space-3);grid-template-columns:1fr}.inbox-row__actions{justify-content:flex-start;padding-top:0}.inbox-row__titleline{flex-wrap:wrap;row-gap:var(--space-1_5)}.inbox-row__title{flex-basis:100%;overflow:visible;text-overflow:clip;white-space:normal}.inbox-row__labels{flex-basis:100%;justify-content:flex-start}.inbox-nav__bar{flex-wrap:wrap;gap:var(--space-3);justify-content:center}.inbox-tabs{justify-content:center;order:1;width:100%}.inbox-nav__left{order:0}.inbox-nav__right{order:2}.inbox-nav__bottom{align-items:stretch;flex-direction:column}.inbox-nav__bottom-left,.inbox-nav__bottom-right{justify-content:flex-start}.inbox-search.is-open .inbox-search__field,.inbox-search__toggle[aria-expanded=true]+.inbox-search__field{width:100%}.inbox-filter__group{flex-wrap:wrap}.inbox-filter__chip{flex-shrink:0}.inbox__hide-sm{display:none!important}}@media (min-width:769px){.inbox__show-sm{display:none!important}}@media (max-width:1024px){.inbox__hide-md{display:none!important}}@media (min-width:1025px){.inbox__show-md{display:none!important}}.inbox__truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inbox__stack{display:flex;flex-direction:column;gap:var(--space-3)}.inbox__stack--tight{gap:var(--space-2)}.inbox__stack--loose{gap:var(--space-4)}.inbox__cluster{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-3)}.inbox__form{flex-direction:column;min-width:0}.inbox__form,.inbox__form-row{display:flex;gap:var(--space-3)}.inbox__form-row{align-items:flex-start;flex-wrap:wrap}.inbox__form-actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2)}.inbox__sr-only{clip:rect(0,0,0,0)!important;border:0!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}
1
+ .vds-inbox,[data-vds-inbox]{--inbox-row-radius:var(--radius-lg,var(--radius-md));--inbox-row-border:var(--color-border-subtle);--inbox-row-bg:var(--color-surface);--inbox-row-bg-hover:var(--color-surface-subtle,var(--color-surface-hover));--inbox-row-shadow:none;--inbox-title-size:var(--text-sm);--inbox-desc-size:var(--text-xs);--inbox-icon-size:var(--icon-sm);--inbox-icon-muted:var(--color-icon-muted,var(--color-text-soft));--inbox-icon-strong:var(--color-icon-strong,var(--color-text));--inbox-action-gap:var(--space-2);--inbox-badge-gap:var(--space-2);--inbox-row-pad-x:var(--space-4);--inbox-row-pad-y:var(--space-4);--inbox-actions-min-width:0;--inbox-actions-justify:flex-end;width:100%}.inbox--dense{--inbox-row-pad-x:var(--space-3);--inbox-row-pad-y:var(--space-3);--inbox-title-size:var(--text-xs);--inbox-desc-size:var(--text-xxs,var(--text-xs))}.inbox-nav{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-4)}.inbox-nav__bar{align-items:center;background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);display:flex;gap:var(--space-4);justify-content:space-between;min-height:calc(var(--space-3)*2 + var(--space-1)*2 + var(--space-2)*2 + var(--text-sm));padding:var(--space-3) var(--space-4)}.inbox-nav__left,.inbox-nav__right{align-items:center;display:inline-flex;flex:0 0 auto;gap:var(--space-2)}.inbox-nav__bottom{align-items:center;display:flex;gap:var(--space-3);justify-content:space-between}.inbox-nav__bottom-left,.inbox-nav__bottom-right{align-items:center;display:inline-flex;gap:var(--space-2)}.inbox-nav__bottom-left:empty,.inbox-nav__bottom-right:empty{display:none}.inbox-nav__bottom--left{justify-content:flex-start}.inbox-nav__bottom--center{justify-content:center}.inbox-nav__bottom--right{justify-content:flex-end}.inbox-nav__bottom--split{justify-content:space-between}.inbox-tabs{background:var(--color-surface-subtle);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);flex:1 1 auto;gap:var(--space-1);justify-content:center;min-width:0;padding:var(--space-1)}.inbox-tab,.inbox-tabs{align-items:center;display:inline-flex}.inbox-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-weight-semibold);gap:var(--space-2);line-height:1;padding:var(--space-2) var(--space-3);-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.inbox-tab.is-active,.inbox-tab:hover:not(:disabled):not([aria-disabled=true]):not(.is-disabled),.inbox-tab[aria-selected=true]{background:var(--color-surface);color:var(--color-text)}.inbox-tab.is-active,.inbox-tab[aria-selected=true]{border:1px solid var(--color-border-subtle)}.inbox-tab:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.inbox-tab.is-disabled,.inbox-tab:disabled,.inbox-tab[aria-disabled=true]{background:transparent;border-color:transparent;color:var(--color-text-muted);cursor:not-allowed;opacity:.6;pointer-events:none}.inbox-tab__count{background:var(--color-surface-subtle);border:1px solid var(--color-border-subtle);border-radius:var(--radius-pill);color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);height:1.5rem;justify-content:center;min-width:1.5rem;padding:0 var(--space-2)}.inbox-search,.inbox-tab__count{align-items:center;display:inline-flex}.inbox-search{gap:var(--space-2);min-width:0}.inbox-search__toggle{align-items:center;background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);color:var(--color-text);display:inline-flex;height:2.25rem;height:var(--icon-container-md,2.25rem);justify-content:center;transition:background-color var(--transition-fast),border-color var(--transition-fast);width:2.25rem;width:var(--icon-container-md,2.25rem)}.inbox-search__toggle:hover:not(:disabled):not([aria-disabled=true]):not(.is-disabled){background:var(--color-surface-subtle,var(--color-surface-hover));border-color:var(--color-border-strong,var(--color-border-subtle))}.inbox-search__toggle.is-disabled,.inbox-search__toggle:disabled,.inbox-search__toggle[aria-disabled=true]{background:var(--color-surface-subtle);border-color:var(--color-border-subtle);color:var(--color-text-muted);cursor:not-allowed;opacity:.6;pointer-events:none}.inbox-search__toggle svg{color:currentColor;height:1rem;height:var(--icon-xs,1rem);width:1rem;width:var(--icon-xs,1rem)}.inbox-search__field{align-items:center;display:inline-flex;flex:1 1 auto;gap:var(--space-2);min-width:0;opacity:0;overflow:hidden;pointer-events:none;transition:width var(--transition-normal),opacity var(--transition-fast);width:0}.inbox-search__input{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);color:var(--color-text);flex:1 1 auto;font-size:var(--text-sm);line-height:var(--line-height-normal);max-width:none;min-width:10rem;padding:var(--space-2) var(--space-3);width:100%}.inbox-search.is-open .inbox-search__field,.inbox-search__toggle[aria-expanded=true]+.inbox-search__field{opacity:1;pointer-events:auto;width:100%}.inbox-nav__bar--search-full .inbox-nav__left,.inbox-nav__bar--search-full .inbox-search{flex:1 1 auto;width:100%}.inbox-nav__bar--search-full .inbox-search__field{opacity:1;pointer-events:auto;width:100%}.inbox-nav__bar--search-full .inbox-search__input{max-width:none}.inbox-nav__bar--search-full .inbox-nav__right,.inbox-nav__bar--search-full .inbox-tabs{display:none}.inbox__list{display:flex;flex-direction:column;gap:var(--space-2)}.inbox--flat .inbox__list{border-bottom:1px solid var(--color-border-subtle);border-top:1px solid var(--color-border-subtle);gap:0}.inbox--flat .inbox-row{border-left:0;border-radius:0;border-right:0;border-top:0}.inbox--flat .inbox-row+.inbox-row{border-top:1px solid var(--color-border-subtle)}.inbox-row{background:var(--inbox-row-bg);border:1px solid var(--inbox-row-border);border-radius:var(--inbox-row-radius);box-shadow:var(--inbox-row-shadow);overflow:clip;position:relative;transition:background-color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast);width:100%}.inbox-row__hover:hover{background:var(--inbox-row-bg-hover);border-color:var(--color-border-strong,var(--color-border-subtle))}.inbox-row__focus-visible:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.inbox-row__main{background:transparent;border:0;color:inherit;display:grid;grid-template-columns:1fr;grid-template-rows:auto auto;padding:0;text-align:left;width:100%}.inbox-row__inner{display:grid;grid-gap:var(--space-4);align-items:start;gap:var(--space-4);grid-column:1/-1;grid-row:1;grid-template-areas:"badges badges" "meta actions" "data data";grid-template-columns:1fr auto;padding:var(--inbox-row-pad-y) var(--inbox-row-pad-x)}.inbox-row__badges{grid-area:badges}.inbox-row__meta{grid-area:meta}.inbox-row__actions{grid-area:actions}.inbox-row__data{display:flex;flex-direction:column;gap:var(--space-2);grid-area:data;min-width:0}@media (max-width:768px){.inbox-row__inner{grid-template-areas:"badges" "meta" "data" "actions";grid-template-columns:1fr}.inbox-row__actions{justify-content:flex-end;min-width:0;padding-top:0}}.inbox-row__labels{justify-content:flex-start;margin-left:0;text-align:left}.inbox-row__title{min-width:0}.inbox-row--minimal .inbox-row__inner{gap:var(--space-3);padding:var(--space-3) var(--space-3)}.inbox-row--minimal{--inbox-title-size:var(--text-xs);--inbox-desc-size:var(--text-xxs,var(--text-xs))}.inbox-row--normal .inbox-row__inner{gap:var(--space-4);padding:var(--space-4) var(--space-4)}.inbox-row--rich .inbox-row__inner{gap:var(--space-5);padding:var(--space-5) var(--space-5)}.inbox-row--rich{--inbox-title-size:var(--text-md,var(--text-sm));--inbox-desc-size:var(--text-sm)}.inbox-row--mega .inbox-row__inner{gap:var(--space-6);padding:var(--space-6) var(--space-6)}.inbox-row--mega{--inbox-title-size:var(--text-lg,var(--text-md,var(--text-sm)));--inbox-desc-size:var(--text-sm)}.inbox-row__badges{align-items:center;display:flex;flex-wrap:wrap;gap:var(--inbox-badge-gap);grid-column:1/-1;margin-bottom:var(--space-3)}.inbox-badge{align-items:center;background:var(--color-surface-subtle);border:1px solid var(--color-border-subtle);border-radius:var(--radius-pill);color:var(--color-text);display:inline-flex;font-size:var(--text-xxs);font-weight:var(--font-weight-semibold);gap:var(--space-1_5);letter-spacing:.02em;line-height:1.1;padding:var(--space-1) var(--space-2_5);white-space:nowrap}.inbox-badge svg{color:currentColor;height:var(--icon-xxs);width:var(--icon-xxs)}.inbox-badge--accent{background:var(--color-accent-soft);border-color:var(--color-accent);color:var(--color-text)}.inbox-badge--info{background:var(--semantic-info-bg,var(--color-info-soft));border-color:var(--semantic-info-border,var(--color-info));color:var(--semantic-info-text,var(--color-text))}.inbox-badge--success{background:var(--semantic-success-bg,var(--color-success-soft));border-color:var(--semantic-success-border,var(--color-success));color:var(--semantic-success-text,var(--color-text))}.inbox-badge--warning{background:var(--semantic-warning-bg,var(--color-warning-soft));border-color:var(--semantic-warning-border,var(--color-warning));color:var(--semantic-warning-text,var(--color-text))}.inbox-badge--danger{background:var(--semantic-danger-bg,var(--color-danger-soft));border-color:var(--semantic-danger-border,var(--color-danger));color:var(--semantic-danger-text,var(--color-text))}.inbox-row__meta{flex-direction:column}.inbox-row__meta,.inbox-row__titleline{display:flex;gap:var(--space-2);min-width:0}.inbox-row__titleline{align-items:center}.inbox-row__status{align-items:center;display:inline-flex;flex:0 0 auto;gap:var(--space-1_5)}.inbox-row__status-icon{align-items:center;color:var(--inbox-icon-muted);display:inline-flex;height:var(--inbox-icon-size);justify-content:center;width:var(--inbox-icon-size)}.inbox-row__status-icon svg{height:100%;width:100%}.inbox-row.is-bookmarked .inbox-row__status-icon--bookmark,.inbox-row.is-starred .inbox-row__status-icon--star{color:var(--color-accent)}.inbox-row.is-flagged .inbox-row__status-icon--flag{color:var(--color-danger-strong,var(--color-danger))}.inbox-row__title{color:var(--color-text);flex:1 1 auto;font-size:var(--inbox-title-size);font-weight:var(--font-weight-semibold);letter-spacing:0;letter-spacing:var(--letter-tight,0);line-height:var(--line-height-snug);max-width:100%;min-width:16ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inbox-row__labels{flex:0 0 auto;gap:var(--space-1_5);min-width:0}.inbox-label,.inbox-row__labels{align-items:center;display:inline-flex}.inbox-label{background:transparent;border:1px solid var(--color-border-subtle);border-radius:var(--radius-pill);color:var(--color-text-muted);font-size:var(--text-xxs);font-weight:var(--font-weight-semibold);height:1.4rem;padding:0 var(--space-2);white-space:nowrap}.inbox-label--accent{background:var(--color-accent-soft);border-color:var(--color-accent);color:var(--color-text)}.inbox-label--muted{background:var(--color-surface-subtle);border-color:var(--color-border-subtle);color:var(--color-text-muted)}.inbox-row__glance{color:var(--color-text-muted);display:-webkit-box;font-size:var(--inbox-desc-size);line-height:var(--line-height-relaxed);min-width:0;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.inbox-row--rich .inbox-row__glance{-webkit-line-clamp:3}.inbox-row--mega .inbox-row__glance{-webkit-line-clamp:4}.inbox-row__metafoot{align-items:center;color:var(--color-text-soft,var(--color-text-muted));display:flex;flex-wrap:wrap;font-size:var(--text-xxs,var(--text-xs));gap:var(--space-2) var(--space-4)}.inbox-row__metafoot strong{color:var(--color-text-muted);font-weight:var(--font-weight-semibold)}.inbox-row__details{color:var(--color-text-muted);display:flex;flex-wrap:wrap;font-size:var(--text-xs);gap:var(--space-2) var(--space-3)}.inbox-row__details-item{align-items:center;background:var(--color-surface-subtle);border:1px solid var(--color-border-subtle);border-radius:var(--radius-pill);display:inline-flex;gap:var(--space-1_5);line-height:1.1;padding:var(--space-1) var(--space-2)}.inbox-row__details-item svg{color:currentColor;height:var(--icon-xxs);width:var(--icon-xxs)}.inbox-row__actions{align-items:flex-start;display:flex;flex-wrap:wrap;gap:var(--inbox-action-gap);justify-content:var(--inbox-actions-justify);min-width:var(--inbox-actions-min-width);padding-top:var(--space-0_5)}.inbox-row--actions-below .inbox-row__inner{grid-template-areas:"badges" "meta" "data" "actions";grid-template-columns:1fr}.inbox-row--actions-below .inbox-row__actions{justify-content:flex-start;padding-top:0}.inbox-row--actions-full .inbox-row__actions{grid-column:1/-1;justify-content:flex-start;padding-top:0}.inbox-row__actions--left{justify-content:flex-start}.inbox-row__actions--center{justify-content:center}.inbox-row__actions--right{justify-content:flex-end}.inbox-action{align-items:center;background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);color:var(--color-text);display:inline-flex;font-size:var(--text-xs);font-weight:var(--font-weight-semibold);gap:var(--space-1_5);justify-content:center;padding:var(--space-1_5) var(--space-2_5);transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}a.inbox-action{-webkit-text-decoration:none;text-decoration:none}.inbox-action svg{color:currentColor;height:var(--icon-xxs);width:var(--icon-xxs)}.inbox-action:hover:not(:disabled):not([aria-disabled=true]):not(.is-disabled){background:var(--color-surface-subtle,var(--color-surface-hover));border-color:var(--color-border-strong,var(--color-border-subtle));transform:translateY(-1px)}.inbox-action:active:not(:disabled):not([aria-disabled=true]):not(.is-disabled){transform:translateY(0)}.inbox-action--danger{border-color:var(--color-danger,var(--color-border-strong));color:var(--color-danger-strong,var(--color-danger))}.inbox-action--accent{background:var(--color-accent-soft);border-color:var(--color-accent);color:var(--color-text)}.inbox-action--icon{height:2.25rem;height:var(--icon-container-md,2.25rem);padding:0;width:2.25rem;width:var(--icon-container-md,2.25rem)}.inbox-action--flat{background:transparent}.inbox-action--borderless,.inbox-action--borderless:hover:not(:disabled):not([aria-disabled=true]):not(.is-disabled),.inbox-action--flat{border-color:transparent}.inbox-action--flat:hover:not(:disabled):not([aria-disabled=true]):not(.is-disabled){background:var(--color-surface-subtle);border-color:transparent;transform:none}.inbox--actions-flat .inbox-action{background:transparent;border-color:transparent;transform:none}.inbox--actions-flat .inbox-action:hover:not(:disabled):not([aria-disabled=true]):not(.is-disabled){background:var(--color-surface-subtle);border-color:transparent}.inbox-action.is-disabled,.inbox-action:disabled,.inbox-action[aria-disabled=true]{background:var(--color-surface-subtle);border-color:var(--color-border-subtle);color:var(--color-text-muted);cursor:not-allowed;opacity:.6;transform:none}.inbox-action--borderless.is-disabled,.inbox-action--borderless:disabled,.inbox-action--borderless[aria-disabled=true],.inbox-action--flat.is-disabled,.inbox-action--flat:disabled,.inbox-action--flat[aria-disabled=true]{background:transparent;border-color:transparent}a.inbox-action.is-disabled,a.inbox-action[aria-disabled=true]{pointer-events:none;-webkit-text-decoration:none;text-decoration:none}.inbox-row__expanded{background:var(--color-bg-soft,var(--color-surface-subtle));border-top:1px solid var(--color-border-subtle);color:var(--color-text);display:none;flex-direction:column;gap:var(--space-3);grid-column:1/-1;grid-row:2;padding:var(--space-4)}.inbox-row--open .inbox-row__expanded{display:flex}.inbox-row--glance-open .inbox-row__glance,.inbox-row--open .inbox-row__glance{-webkit-line-clamp:initial;overflow:visible}.inbox--flat .inbox-row__expanded{background:var(--color-surface-subtle)}.inbox-row__expanded.is-hidden{display:none!important}.inbox-row__expanded.is-visible{display:block!important}.inbox-row.is-flagged:before{background:var(--inbox-flag-color,var(--color-danger));bottom:0;content:"";left:0;position:absolute;right:auto;top:0;width:6px}.inbox-row--flag-1{--inbox-flag-color:var(--color-danger);--inbox-flag-surface:var(--semantic-danger-bg,var(--color-danger-soft))}.icon-flag--1{color:var(--color-danger)}.inbox-row--flag-2{--inbox-flag-color:var(--color-warning);--inbox-flag-surface:var(--semantic-warning-bg,var(--color-warning-soft))}.icon-flag--2{color:var(--color-warning)}.inbox-row--flag-3{--inbox-flag-color:var(--color-info);--inbox-flag-surface:var(--semantic-info-bg,var(--color-info-soft))}.icon-flag--3{color:var(--color-info)}.inbox-row--flag-4{--inbox-flag-color:var(--color-success);--inbox-flag-surface:var(--semantic-success-bg,var(--color-success-soft))}.icon-flag--4{color:var(--color-success)}.inbox-row--flag-5{--inbox-flag-color:var(--color-accent);--inbox-flag-surface:var(--color-accent-soft)}.icon-flag--5{color:var(--color-accent)}.inbox-filter{align-items:center;background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-3);padding:var(--space-3) var(--space-4)}.inbox-filter__group{align-items:center;display:inline-flex;gap:var(--space-2);min-width:0}.inbox-filter__label{color:var(--color-text-muted)}.inbox-filter__chip,.inbox-filter__label{font-size:var(--text-xs);font-weight:var(--font-weight-semibold);white-space:nowrap}.inbox-filter__chip{align-items:center;background:var(--color-surface-subtle);border:1px solid var(--color-border-subtle);border-radius:var(--radius-pill);color:var(--color-text);display:inline-flex;gap:var(--space-1_5);line-height:1.1;padding:var(--space-1_5) var(--space-2_5)}button.inbox-filter__chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font:inherit}.inbox-filter__chip--active,.inbox-filter__chip.is-active,.inbox-filter__chip[aria-pressed=true]{background:var(--color-accent-soft);border-color:var(--color-accent)}button.inbox-filter__chip:disabled,button.inbox-filter__chip[aria-disabled=true]{cursor:not-allowed;opacity:.6}.inbox-filter__actions{margin-left:auto}.inbox-cornerbar,.inbox-filter__actions{align-items:center;display:inline-flex;gap:var(--space-2)}.inbox-cornerbar{bottom:var(--space-6);left:auto;pointer-events:none;position:fixed;right:var(--space-6);top:auto;z-index:40}.inbox-cornerbar--left{bottom:var(--space-6);left:var(--space-6);right:auto;top:auto}.inbox-cornerbar__inner{align-items:center;background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl,var(--radius-lg));box-shadow:none;box-shadow:var(--shadow-md,none);display:inline-flex;gap:var(--space-2);padding:var(--space-2);pointer-events:auto}@media (max-width:768px){.inbox-row__inner{gap:var(--space-3);grid-template-columns:1fr}.inbox-row__actions{justify-content:flex-start;padding-top:0}.inbox-row__titleline{flex-wrap:wrap;row-gap:var(--space-1_5)}.inbox-row__title{flex-basis:100%;overflow:visible;text-overflow:clip;white-space:normal}.inbox-row__labels{flex-basis:100%;justify-content:flex-start}.inbox-nav__bar{flex-wrap:wrap;gap:var(--space-3);justify-content:center}.inbox-tabs{justify-content:center;order:1;width:100%}.inbox-nav__left{order:0}.inbox-nav__right{order:2}.inbox-nav__bottom{align-items:stretch;flex-direction:column}.inbox-nav__bottom-left,.inbox-nav__bottom-right{justify-content:flex-start}.inbox-search.is-open .inbox-search__field,.inbox-search__toggle[aria-expanded=true]+.inbox-search__field{width:100%}.inbox-filter__group{flex-wrap:wrap}.inbox-filter__chip{flex-shrink:0}.inbox__hide-sm{display:none!important}}@media (min-width:769px){.inbox__show-sm{display:none!important}}@media (max-width:1024px){.inbox__hide-md{display:none!important}}@media (min-width:1025px){.inbox__show-md{display:none!important}}.inbox__truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inbox__stack{display:flex;flex-direction:column;gap:var(--space-3)}.inbox__stack--tight{gap:var(--space-2)}.inbox__stack--loose{gap:var(--space-4)}.inbox__cluster{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-3)}.inbox__form{flex-direction:column;min-width:0}.inbox__form,.inbox__form-row{display:flex;gap:var(--space-3)}.inbox__form-row{align-items:flex-start;flex-wrap:wrap}.inbox__form-actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2)}.inbox__sr-only{height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;clip:rect(0,0,0,0)!important;border:0!important;white-space:nowrap!important}
package/dist/components/navigation.min.css CHANGED
@@ -1 +1 @@
1
- .nav{align-items:center;display:flex;gap:var(--space-6)}.nav__item,.nav__link{align-items:center;color:var(--color-text);cursor:pointer;display:inline-flex;font-size:var(--text-sm);gap:var(--space-2);padding:var(--space-1) 0;position:relative;-webkit-text-decoration:none;text-decoration:none;transition:color .15s ease,background-color .15s ease,border-color .15s ease,box-shadow .15s ease}.nav__item:hover,.nav__link:hover{color:var(--color-text-muted)}.nav__item:active,.nav__link:active{background-color:var(--color-surface-subtle);color:var(--color-text)}.nav__item:focus-visible,.nav__link:focus-visible{border-radius:var(--radius-sm);box-shadow:0 0 0 1px var(--color-surface),0 0 0 3px var(--focus-ring-color);outline:none}.nav__item--active,.nav__item--active:hover,.nav__link--active,.nav__link--active:hover{color:var(--link-text-hover);font-weight:600;-webkit-text-decoration:none;text-decoration:none}.nav__item--disabled,.nav__link--disabled{cursor:not-allowed;opacity:.45;pointer-events:none}.nav__item svg,.nav__link svg{stroke:currentColor;fill:currentColor;height:1em;width:1em}.nav--a .nav__item,.nav--a .nav__link{padding:var(--space-2) var(--space-2)}.nav--b .nav__item,.nav--b .nav__link{padding:var(--space-1) var(--space-1)}.nav--c .nav__item,.nav--c .nav__link{font-size:var(--text-xs);gap:var(--space-1);padding:0 var(--space-1)}.nav--c .nav__item svg,.nav--c .nav__link svg{height:.875em;width:.875em}.nav-section{gap:var(--space-6)}.nav-section,.nav__brand{align-items:center;display:inline-flex}.nav__brand{gap:var(--space-3)}.nav__brand--compact{gap:var(--space-2)}.nav__logo{align-items:center;display:inline-flex;justify-content:center}.nav__logo .logo{padding:0}.nav__actions{align-items:center;display:inline-flex;gap:var(--space-3)}.nav__toggle{background-color:transparent;border:var(--border-width) solid transparent;border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;display:none;padding:var(--space-2);transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease}.nav__toggle svg{stroke:currentColor;height:24px;width:24px}.nav__toggle:hover{background-color:var(--color-surface-subtle);border-color:var(--color-border-subtle)}.nav__toggle:active{background-color:var(--color-muted-bg)}.nav__toggle:focus-visible{box-shadow:0 0 0 1px var(--color-surface),0 0 0 3px var(--focus-ring-color);outline:none}.nav__toggle--active{background-color:var(--color-accent-soft);border-color:var(--color-accent);color:var(--color-text)}.nav--primary{align-items:center;display:flex;gap:var(--space-6)}.nav--primary .nav__item,.nav--primary .nav__link{border-radius:var(--radius-sm);padding:var(--space-2) var(--space-2)}.nav--primary .nav__item:hover,.nav--primary .nav__link:hover{background-color:var(--color-surface-subtle)}.nav--primary .nav__item--active,.nav--primary .nav__link--active{background-color:var(--color-accent-soft);color:var(--color-text)}.nav--sub{border-bottom:var(--border-width) solid var(--color-border-subtle);display:flex;gap:var(--space-6);margin-bottom:var(--space-8)}.nav--sub,.nav--sub .nav__item,.nav--sub .nav__link{padding-bottom:var(--space-2)}.nav--sub .nav__item--active:after,.nav--sub .nav__link--active:after{background-color:var(--color-accent);bottom:calc(var(--border-width)*-1);content:"";height:var(--tab-indicator-height);left:0;position:absolute;width:100%}.nav--sub .nav__item--disabled,.nav--sub .nav__link--disabled{opacity:.45;pointer-events:none}.nav--sub .nav__item:focus-visible,.nav--sub .nav__link:focus-visible{border-radius:var(--radius-sm);box-shadow:0 0 0 1px var(--color-surface),0 0 0 3px var(--focus-ring-color);outline:none}.nav--pills{display:flex;flex-wrap:wrap;gap:var(--space-2)}.nav--pills .nav__item,.nav--pills .nav__link{background-color:var(--color-surface);border:var(--border-width) solid var(--color-border-subtle);border-radius:999px;font-size:var(--text-xs);padding:var(--space-1) var(--space-3)}.nav--pills .nav__item:hover,.nav--pills .nav__link:hover{background-color:var(--color-surface-subtle);border-color:var(--color-border-subtle)}.nav--pills .nav__item--active,.nav--pills .nav__link--active{background-color:var(--color-accent-soft);border-color:var(--color-accent);color:var(--color-text)}.nav--pills .nav__item--disabled,.nav--pills .nav__link--disabled{opacity:.45;pointer-events:none}.nav--pills .nav__item:focus-visible,.nav--pills .nav__link:focus-visible{box-shadow:0 0 0 1px var(--color-surface),0 0 0 3px var(--focus-ring-color);outline:none}.nav--vertical{display:flex;flex-direction:column;gap:var(--space-2)}.nav--vertical .nav__item,.nav--vertical .nav__link{padding:var(--space-1) 0}.nav--vertical .nav__item--depth-2,.nav--vertical .nav__link--depth-2{padding-left:var(--space-4)}.nav--vertical .nav__item--depth-3,.nav--vertical .nav__link--depth-3{padding-left:var(--space-6)}.sidebar{gap:var(--space-4)}.sidebar,.sidebar__section{display:flex;flex-direction:column}.sidebar__section{gap:var(--space-2)}.sidebar__section--collapsible .sidebar__section-header{align-items:center;display:flex;gap:var(--space-2);justify-content:space-between}.sidebar__section-title{color:var(--color-text-muted);font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase}.sidebar__section-toggle-icon{align-items:center;display:inline-flex;justify-content:center;transition:transform .15s ease}.sidebar__section--expanded .sidebar__section-toggle-icon{transform:rotate(90deg)}.sidebar__section--collapsed .sidebar__nav{display:none}.sidebar__nav{display:flex;flex-direction:column;gap:var(--space-1)}.sidebar__nav .nav__item,.sidebar__nav .nav__link{border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;font-size:var(--text-sm);padding:var(--space-1) 0;-webkit-text-decoration:underline;text-decoration:underline}.sidebar__nav .nav__item:hover,.sidebar__nav .nav__link:hover{background-color:var(--color-surface-subtle);color:var(--color-text-muted);-webkit-text-decoration:none;text-decoration:none}.sidebar__nav .nav__item--active,.sidebar__nav .nav__link--active{color:var(--color-accent);font-weight:600}.sidebar__section--collapsible .sidebar__section-header{cursor:pointer}.sidebar__nav .nav__item:focus-visible,.sidebar__nav .nav__link:focus-visible{outline:2px solid var(--focus-ring-color,var(--color-accent-soft));outline-offset:var(--space-1)}.announcement{background-color:var(--color-muted-bg);border-bottom:var(--border-width) solid var(--color-muted-border);color:var(--color-text-muted);padding:var(--space-2) 0;width:100%}.announcement__inner{align-items:center;display:flex;gap:var(--space-4);justify-content:space-between;margin:0 auto;max-width:var(--content-width-xl);padding:0 var(--space-6)}.announcement__content{align-items:center;display:flex;gap:var(--space-2)}.announcement__icon{align-items:center;display:inline-flex;font-size:var(--text-sm);justify-content:center}.announcement__link,.announcement__text{font-size:var(--text-xs)}.announcement__link{color:var(--color-text);-webkit-text-decoration:none;text-decoration:none}.announcement__link:hover{-webkit-text-decoration:underline;text-decoration:underline}.announcement__close{align-items:center;background-color:transparent;border:var(--border-width) solid transparent;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;justify-content:center;padding:var(--space-1);transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease}.announcement__close:hover{background-color:var(--color-surface-subtle);border-color:var(--color-border-subtle)}.announcement__close:focus-visible{box-shadow:0 0 0 1px var(--color-surface),0 0 0 3px var(--focus-ring-color);outline:none}.announcement--info{background-color:var(--color-info-soft);color:var(--color-info-strong)}.announcement--success{background-color:var(--color-success-soft);color:var(--color-success-strong)}.announcement--warning{background-color:var(--color-warning-soft);color:var(--color-warning-strong)}.announcement--danger{background-color:var(--color-danger-soft);color:var(--color-danger-strong)}.breadcrumbs{align-items:center;color:var(--color-text-muted);display:flex;flex-wrap:wrap;font-size:var(--text-xs);gap:var(--space-2)}.breadcrumbs__item{align-items:center;display:inline-flex;gap:var(--space-1);max-width:100%}.breadcrumbs__link{color:var(--color-text);max-width:16rem;overflow:hidden;-webkit-text-decoration:underline;text-decoration:underline;text-overflow:ellipsis;white-space:nowrap}.breadcrumbs__link:hover{color:var(--color-text-muted)}.breadcrumbs__link:focus-visible{border-radius:var(--radius-sm);box-shadow:0 0 0 1px var(--color-surface),0 0 0 3px var(--focus-ring-color);outline:none}.breadcrumbs__separator{color:var(--color-text-soft)}.pagination{--pagination-gap:var(--space-1);--pagination-item-height:2rem;--pagination-item-min-width:2rem;--pagination-item-padding-x:var(--space-2);--pagination-item-radius:var(--radius-sm);--pagination-item-border:var(--border-width) solid var(--color-border-subtle);--pagination-item-bg:var(--color-surface);--pagination-item-color:var(--color-text);align-items:center;display:inline-flex;flex-wrap:wrap;font-size:var(--text-xs);gap:var(--pagination-gap)}.pagination--compact{--pagination-gap:var(--space-0_5);--pagination-item-height:1.75rem;--pagination-item-min-width:1.75rem;--pagination-item-padding-x:var(--space-1_5);font-size:var(--text-xxs)}.pagination--spacious{--pagination-gap:var(--space-2);--pagination-item-height:2.5rem;--pagination-item-min-width:2.5rem;--pagination-item-padding-x:var(--space-3);font-size:var(--text-sm)}.pagination--minimal .pagination__item{background-color:transparent;border-color:transparent}.pagination--minimal .pagination__item:hover{background-color:var(--color-surface-subtle);border-color:transparent}.pagination--back-forward{gap:var(--space-3)}.pagination--load-more{gap:var(--space-3);justify-content:center;width:100%}.pagination__meta,.pagination__status{color:var(--color-text-muted);font-size:var(--text-xs)}.pagination__item,.pagination__meta,.pagination__status{align-items:center;display:inline-flex;gap:var(--space-1);white-space:nowrap}.pagination__item{background-color:var(--pagination-item-bg);border:var(--pagination-item-border);border-radius:var(--pagination-item-radius);color:var(--pagination-item-color);cursor:pointer;height:var(--pagination-item-height);justify-content:center;min-width:var(--pagination-item-min-width);padding:0 var(--pagination-item-padding-x);-webkit-text-decoration:none;text-decoration:none;transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease}.pagination__item:hover{background-color:var(--color-surface-subtle);border-color:var(--color-border-subtle);color:var(--color-text)}.pagination__item:active{background-color:var(--color-muted-bg)}.pagination__item:focus-visible{box-shadow:0 0 0 1px var(--color-surface),0 0 0 3px var(--focus-ring-color);outline:none}.pagination__item--active{background-color:var(--color-accent-soft);border-color:var(--color-accent);color:var(--color-text)}.pagination__item--disabled{cursor:not-allowed;opacity:.4;pointer-events:none}.pagination__next,.pagination__prev{min-width:auto;padding:0 var(--space-2)}.pagination__ellipsis{background-color:transparent;border:none;color:var(--color-text-muted);cursor:default;min-width:auto;pointer-events:none}.toolbar{align-items:center;background-color:var(--color-surface);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-md);display:flex;gap:var(--space-4);justify-content:space-between;padding:var(--space-3) var(--space-4)}.toolbar--dense{padding:var(--space-2) var(--space-3)}.toolbar--spacious{padding:var(--space-4) var(--space-5)}.toolbar__section{align-items:center;display:flex;gap:var(--space-3)}.toolbar__title{font-size:var(--text-sm);font-weight:500}.toolbar__actions{align-items:center;display:inline-flex;gap:var(--space-3)}.footer .nav{display:flex;flex-direction:column;gap:var(--space-2)}.footer .nav.nav--vertical{align-items:flex-start}.footer .nav__item,.footer .nav__link{color:var(--color-footer-text);font-size:var(--text-sm);opacity:.85;padding-left:0;padding-right:0;text-align:left}.footer .nav__item:hover,.footer .nav__link:hover{opacity:1}.footer .nav__item--active,.footer .nav__link--active{font-weight:500;opacity:1}.nav-panel{background-color:var(--color-bg-elevated);border-left:var(--border-width) solid var(--color-border-subtle);bottom:0;box-shadow:var(--shadow-2);display:flex;flex-direction:column;gap:var(--space-4);max-width:100%;opacity:0;padding:var(--space-4);pointer-events:none;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .2s ease,opacity .2s ease;width:18rem;z-index:40}.nav-panel--open{opacity:1;pointer-events:auto;transform:translateX(0)}.nav-backdrop{background-color:var(--overlay-backdrop-default);bottom:0;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;transition:opacity .2s ease;z-index:30}.nav-backdrop--visible{opacity:1;pointer-events:auto}.nav--mobile{display:flex;flex-direction:column;gap:var(--space-4)}.nav--mobile .nav__item,.nav--mobile .nav__link{font-size:var(--text-md);padding:var(--space-2) 0}@media (max-width:768px){.nav__toggle{align-items:center;display:inline-flex}}.nav-tabs{align-items:center;border-bottom:var(--border-width) solid var(--color-border-subtle);display:flex;gap:var(--space-6);padding-bottom:var(--space-2)}.nav-tabs__item{align-items:center;background:none;border:none;color:var(--color-text);cursor:pointer;display:inline-flex;font-size:var(--text-sm);font-weight:500;justify-content:center;padding:var(--space-1) var(--space-2);position:relative;-webkit-text-decoration:none;text-decoration:none;transition:color .15s ease,background-color .15s ease,box-shadow .15s ease}.nav-tabs__item:hover{color:var(--color-text-muted)}.nav-tabs__item:focus-visible{border-radius:var(--radius-sm);box-shadow:0 0 0 1px var(--color-surface),0 0 0 3px var(--focus-ring-color);outline:none}.nav-tabs__item--active,.nav-tabs__item[aria-selected=true]{color:var(--color-text);font-weight:600}.nav-tabs__item--active:after,.nav-tabs__item[aria-selected=true]:after{background-color:var(--color-accent);bottom:calc(var(--border-width)*-1);content:"";height:var(--tab-indicator-height);left:0;position:absolute;width:100%}.nav-tabs__item--disabled,.nav-tabs__item[disabled]{cursor:not-allowed;opacity:.45;pointer-events:none}.nav-tabs__item:hover:not(.nav-tabs__item--active):not([aria-selected=true]){background-color:var(--color-surface-subtle);border-radius:var(--radius-sm);color:var(--color-text)}.nav-tabs--compact{gap:var(--space-4);padding-bottom:var(--space-1)}.nav-tabs--compact .nav-tabs__item{font-size:var(--text-xs);padding:var(--space-0_5) 0}.nav-tabs__item{gap:var(--space-2)}.nav-tabs__icon{flex-shrink:0;height:var(--icon-sm);width:var(--icon-sm)}.nav-tabs__badge{align-items:center;background-color:var(--accent-soft-surface,var(--color-accent-soft));border-radius:var(--radius-pill);color:var(--accent-soft-on,var(--color-on-accent));display:inline-flex;flex-shrink:0;font-size:var(--text-xs);font-weight:500;height:1.25rem;justify-content:center;line-height:1;min-width:1.25rem;padding-left:var(--space-1);padding-right:var(--space-1)}.nav-tabs__item--active .nav-tabs__badge,.nav-tabs__item[aria-selected=true] .nav-tabs__badge{background-color:var(--accent-soft-surface-strong,var(--accent-soft-surface));color:var(--accent-soft-on,var(--color-on-accent))}
1
+ .nav{align-items:center;display:flex;gap:var(--space-6)}.nav__item,.nav__link{align-items:center;color:var(--color-text);cursor:pointer;display:inline-flex;font-size:var(--text-sm);gap:var(--space-2);padding:var(--space-1) 0;position:relative;-webkit-text-decoration:none;text-decoration:none;transition:color .15s ease,background-color .15s ease,border-color .15s ease,box-shadow .15s ease}.nav__item:hover,.nav__link:hover{color:var(--color-text-muted)}.nav__item:active,.nav__link:active{background-color:var(--color-surface-subtle);color:var(--color-text)}.nav__item:focus-visible,.nav__link:focus-visible{border-radius:var(--radius-sm);box-shadow:0 0 0 1px var(--color-surface),0 0 0 3px var(--focus-ring-color);outline:none}.nav__item--active,.nav__item--active:hover,.nav__link--active,.nav__link--active:hover{color:var(--link-text-hover);font-weight:600;-webkit-text-decoration:none;text-decoration:none}.nav__item--disabled,.nav__link--disabled{cursor:not-allowed;opacity:.45;pointer-events:none}.nav__item svg,.nav__link svg{fill:currentColor;height:1em;stroke:currentColor;width:1em}.nav--a .nav__item,.nav--a .nav__link{padding:var(--space-2) var(--space-2)}.nav--b .nav__item,.nav--b .nav__link{padding:var(--space-1) var(--space-1)}.nav--c .nav__item,.nav--c .nav__link{font-size:var(--text-xs);gap:var(--space-1);padding:0 var(--space-1)}.nav--c .nav__item svg,.nav--c .nav__link svg{height:.875em;width:.875em}.nav-section{gap:var(--space-6)}.nav-section,.nav__brand{align-items:center;display:inline-flex}.nav__brand{gap:var(--space-3)}.nav__brand--compact{gap:var(--space-2)}.nav__logo{align-items:center;display:inline-flex;justify-content:center}.nav__logo .logo{padding:0}.nav__actions{align-items:center;display:inline-flex;gap:var(--space-3)}.nav__toggle{background-color:transparent;border:var(--border-width) solid transparent;border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;display:none;padding:var(--space-2);transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease}.nav__toggle svg{height:24px;stroke:currentColor;width:24px}.nav__toggle:hover{background-color:var(--color-surface-subtle);border-color:var(--color-border-subtle)}.nav__toggle:active{background-color:var(--color-muted-bg)}.nav__toggle:focus-visible{box-shadow:0 0 0 1px var(--color-surface),0 0 0 3px var(--focus-ring-color);outline:none}.nav__toggle--active{background-color:var(--color-accent-soft);border-color:var(--color-accent);color:var(--color-text)}.nav--primary{align-items:center;display:flex;gap:var(--space-6)}.nav--primary .nav__item,.nav--primary .nav__link{border-radius:var(--radius-sm);padding:var(--space-2) var(--space-2)}.nav--primary .nav__item:hover,.nav--primary .nav__link:hover{background-color:var(--color-surface-subtle)}.nav--primary .nav__item--active,.nav--primary .nav__link--active{background-color:var(--color-accent-soft);color:var(--color-text)}.nav--sub{border-bottom:var(--border-width) solid var(--color-border-subtle);display:flex;gap:var(--space-6);margin-bottom:var(--space-8)}.nav--sub,.nav--sub .nav__item,.nav--sub .nav__link{padding-bottom:var(--space-2)}.nav--sub .nav__item--active:after,.nav--sub .nav__link--active:after{background-color:var(--color-accent);bottom:calc(var(--border-width)*-1);content:"";height:var(--tab-indicator-height);left:0;position:absolute;width:100%}.nav--sub .nav__item--disabled,.nav--sub .nav__link--disabled{opacity:.45;pointer-events:none}.nav--sub .nav__item:focus-visible,.nav--sub .nav__link:focus-visible{border-radius:var(--radius-sm);box-shadow:0 0 0 1px var(--color-surface),0 0 0 3px var(--focus-ring-color);outline:none}.nav--pills{display:flex;flex-wrap:wrap;gap:var(--space-2)}.nav--pills .nav__item,.nav--pills .nav__link{background-color:var(--color-surface);border:var(--border-width) solid var(--color-border-subtle);border-radius:999px;font-size:var(--text-xs);padding:var(--space-1) var(--space-3)}.nav--pills .nav__item:hover,.nav--pills .nav__link:hover{background-color:var(--color-surface-subtle);border-color:var(--color-border-subtle)}.nav--pills .nav__item--active,.nav--pills .nav__link--active{background-color:var(--color-accent-soft);border-color:var(--color-accent);color:var(--color-text)}.nav--pills .nav__item--disabled,.nav--pills .nav__link--disabled{opacity:.45;pointer-events:none}.nav--pills .nav__item:focus-visible,.nav--pills .nav__link:focus-visible{box-shadow:0 0 0 1px var(--color-surface),0 0 0 3px var(--focus-ring-color);outline:none}.nav--vertical{display:flex;flex-direction:column;gap:var(--space-2)}.nav--vertical .nav__item,.nav--vertical .nav__link{padding:var(--space-1) 0}.nav--vertical .nav__item--depth-2,.nav--vertical .nav__link--depth-2{padding-left:var(--space-4)}.nav--vertical .nav__item--depth-3,.nav--vertical .nav__link--depth-3{padding-left:var(--space-6)}.sidebar{gap:var(--space-4)}.sidebar,.sidebar__section{display:flex;flex-direction:column}.sidebar__section{gap:var(--space-2)}.sidebar__section--collapsible .sidebar__section-header{align-items:center;display:flex;gap:var(--space-2);justify-content:space-between}.sidebar__section-title{color:var(--color-text-muted);font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase}.sidebar__section-toggle-icon{align-items:center;display:inline-flex;justify-content:center;transition:transform .15s ease}.sidebar__section--expanded .sidebar__section-toggle-icon{transform:rotate(90deg)}.sidebar__section--collapsed .sidebar__nav{display:none}.sidebar__nav{display:flex;flex-direction:column;gap:var(--space-1)}.sidebar__nav .nav__item,.sidebar__nav .nav__link{border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;font-size:var(--text-sm);padding:var(--space-1) 0;-webkit-text-decoration:underline;text-decoration:underline}.sidebar__nav .nav__item:hover,.sidebar__nav .nav__link:hover{background-color:var(--color-surface-subtle);color:var(--color-text-muted);-webkit-text-decoration:none;text-decoration:none}.sidebar__nav .nav__item--active,.sidebar__nav .nav__link--active{color:var(--color-accent);font-weight:600}.sidebar__section--collapsible .sidebar__section-header{cursor:pointer}.sidebar__nav .nav__item:focus-visible,.sidebar__nav .nav__link:focus-visible{outline:2px solid var(--focus-ring-color,var(--color-accent-soft));outline-offset:var(--space-1)}.announcement{background-color:var(--color-muted-bg);border-bottom:var(--border-width) solid var(--color-muted-border);color:var(--color-text-muted);padding:var(--space-2) 0;width:100%}.announcement__inner{align-items:center;display:flex;gap:var(--space-4);justify-content:space-between;margin:0 auto;max-width:var(--content-width-xl);padding:0 var(--space-6)}.announcement__content{align-items:center;display:flex;gap:var(--space-2)}.announcement__icon{align-items:center;display:inline-flex;font-size:var(--text-sm);justify-content:center}.announcement__link,.announcement__text{font-size:var(--text-xs)}.announcement__link{color:var(--color-text);-webkit-text-decoration:none;text-decoration:none}.announcement__link:hover{-webkit-text-decoration:underline;text-decoration:underline}.announcement__close{align-items:center;background-color:transparent;border:var(--border-width) solid transparent;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;justify-content:center;padding:var(--space-1);transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease}.announcement__close:hover{background-color:var(--color-surface-subtle);border-color:var(--color-border-subtle)}.announcement__close:focus-visible{box-shadow:0 0 0 1px var(--color-surface),0 0 0 3px var(--focus-ring-color);outline:none}.announcement--info{background-color:var(--color-info-soft);color:var(--color-info-strong)}.announcement--success{background-color:var(--color-success-soft);color:var(--color-success-strong)}.announcement--warning{background-color:var(--color-warning-soft);color:var(--color-warning-strong)}.announcement--danger{background-color:var(--color-danger-soft);color:var(--color-danger-strong)}.breadcrumbs{align-items:center;color:var(--color-text-muted);display:flex;flex-wrap:wrap;font-size:var(--text-xs);gap:var(--space-2)}.breadcrumbs__item{align-items:center;display:inline-flex;gap:var(--space-1);max-width:100%}.breadcrumbs__link{color:var(--color-text);max-width:16rem;overflow:hidden;-webkit-text-decoration:underline;text-decoration:underline;text-overflow:ellipsis;white-space:nowrap}.breadcrumbs__link:hover{color:var(--color-text-muted)}.breadcrumbs__link:focus-visible{border-radius:var(--radius-sm);box-shadow:0 0 0 1px var(--color-surface),0 0 0 3px var(--focus-ring-color);outline:none}.breadcrumbs__separator{color:var(--color-text-soft)}.pagination{--pagination-gap:var(--space-1);--pagination-item-height:2rem;--pagination-item-min-width:2rem;--pagination-item-padding-x:var(--space-2);--pagination-item-radius:var(--radius-sm);--pagination-item-border:var(--border-width) solid var(--color-border-subtle);--pagination-item-bg:var(--color-surface);--pagination-item-color:var(--color-text);align-items:center;display:inline-flex;flex-wrap:wrap;font-size:var(--text-xs);gap:var(--pagination-gap)}.pagination--compact{--pagination-gap:var(--space-0_5);--pagination-item-height:1.75rem;--pagination-item-min-width:1.75rem;--pagination-item-padding-x:var(--space-1_5);font-size:var(--text-xxs)}.pagination--spacious{--pagination-gap:var(--space-2);--pagination-item-height:2.5rem;--pagination-item-min-width:2.5rem;--pagination-item-padding-x:var(--space-3);font-size:var(--text-sm)}.pagination--minimal .pagination__item{background-color:transparent;border-color:transparent}.pagination--minimal .pagination__item:hover{background-color:var(--color-surface-subtle);border-color:transparent}.pagination--back-forward{gap:var(--space-3)}.pagination--load-more{gap:var(--space-3);justify-content:center;width:100%}.pagination__meta,.pagination__status{color:var(--color-text-muted);font-size:var(--text-xs)}.pagination__item,.pagination__meta,.pagination__status{align-items:center;display:inline-flex;gap:var(--space-1);white-space:nowrap}.pagination__item{background-color:var(--pagination-item-bg);border:var(--pagination-item-border);border-radius:var(--pagination-item-radius);color:var(--pagination-item-color);cursor:pointer;height:var(--pagination-item-height);justify-content:center;min-width:var(--pagination-item-min-width);padding:0 var(--pagination-item-padding-x);-webkit-text-decoration:none;text-decoration:none;transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease}.pagination__item:hover{background-color:var(--color-surface-subtle);border-color:var(--color-border-subtle);color:var(--color-text)}.pagination__item:active{background-color:var(--color-muted-bg)}.pagination__item:focus-visible{box-shadow:0 0 0 1px var(--color-surface),0 0 0 3px var(--focus-ring-color);outline:none}.pagination__item--active{background-color:var(--color-accent-soft);border-color:var(--color-accent);color:var(--color-text)}.pagination__item--disabled{cursor:not-allowed;opacity:.4;pointer-events:none}.pagination__next,.pagination__prev{min-width:auto;padding:0 var(--space-2)}.pagination__ellipsis{background-color:transparent;border:none;color:var(--color-text-muted);cursor:default;min-width:auto;pointer-events:none}.toolbar{align-items:center;background-color:var(--color-surface);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-md);display:flex;gap:var(--space-4);justify-content:space-between;padding:var(--space-3) var(--space-4)}.toolbar--dense{padding:var(--space-2) var(--space-3)}.toolbar--spacious{padding:var(--space-4) var(--space-5)}.toolbar__section{align-items:center;display:flex;gap:var(--space-3)}.toolbar__title{font-size:var(--text-sm);font-weight:500}.toolbar__actions{align-items:center;display:inline-flex;gap:var(--space-3)}.footer .nav{display:flex;flex-direction:column;gap:var(--space-2)}.footer .nav.nav--vertical{align-items:flex-start}.footer .nav__item,.footer .nav__link{color:var(--color-footer-text);font-size:var(--text-sm);opacity:.85;padding-left:0;padding-right:0;text-align:left}.footer .nav__item:hover,.footer .nav__link:hover{opacity:1}.footer .nav__item--active,.footer .nav__link--active{font-weight:500;opacity:1}.nav-panel{background-color:var(--color-bg-elevated);border-left:var(--border-width) solid var(--color-border-subtle);bottom:0;box-shadow:var(--shadow-2);display:flex;flex-direction:column;gap:var(--space-4);max-width:100%;opacity:0;padding:var(--space-4);pointer-events:none;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .2s ease,opacity .2s ease;width:18rem;z-index:40}.nav-panel--open{opacity:1;pointer-events:auto;transform:translateX(0)}.nav-backdrop{background-color:var(--overlay-backdrop-default);bottom:0;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;transition:opacity .2s ease;z-index:30}.nav-backdrop--visible{opacity:1;pointer-events:auto}.nav--mobile{display:flex;flex-direction:column;gap:var(--space-4)}.nav--mobile .nav__item,.nav--mobile .nav__link{font-size:var(--text-md);padding:var(--space-2) 0}@media (max-width:768px){.nav__toggle{align-items:center;display:inline-flex}}.nav-tabs{align-items:center;border-bottom:var(--border-width) solid var(--color-border-subtle);display:flex;gap:var(--space-6);padding-bottom:var(--space-2)}.nav-tabs__item{align-items:center;background:none;border:none;color:var(--color-text);cursor:pointer;display:inline-flex;font-size:var(--text-sm);font-weight:500;justify-content:center;padding:var(--space-1) var(--space-2);position:relative;-webkit-text-decoration:none;text-decoration:none;transition:color .15s ease,background-color .15s ease,box-shadow .15s ease}.nav-tabs__item:hover{color:var(--color-text-muted)}.nav-tabs__item:focus-visible{border-radius:var(--radius-sm);box-shadow:0 0 0 1px var(--color-surface),0 0 0 3px var(--focus-ring-color);outline:none}.nav-tabs__item--active,.nav-tabs__item[aria-selected=true]{color:var(--color-text);font-weight:600}.nav-tabs__item--active:after,.nav-tabs__item[aria-selected=true]:after{background-color:var(--color-accent);bottom:calc(var(--border-width)*-1);content:"";height:var(--tab-indicator-height);left:0;position:absolute;width:100%}.nav-tabs__item--disabled,.nav-tabs__item[disabled]{cursor:not-allowed;opacity:.45;pointer-events:none}.nav-tabs__item:hover:not(.nav-tabs__item--active):not([aria-selected=true]){background-color:var(--color-surface-subtle);border-radius:var(--radius-sm);color:var(--color-text)}.nav-tabs--compact{gap:var(--space-4);padding-bottom:var(--space-1)}.nav-tabs--compact .nav-tabs__item{font-size:var(--text-xs);padding:var(--space-0_5) 0}.nav-tabs__item{gap:var(--space-2)}.nav-tabs__icon{flex-shrink:0;height:var(--icon-sm);width:var(--icon-sm)}.nav-tabs__badge{align-items:center;background-color:var(--accent-soft-surface,var(--color-accent-soft));border-radius:var(--radius-pill);color:var(--accent-soft-on,var(--color-on-accent));display:inline-flex;flex-shrink:0;font-size:var(--text-xs);font-weight:500;height:1.25rem;justify-content:center;line-height:1;min-width:1.25rem;padding-left:var(--space-1);padding-right:var(--space-1)}.nav-tabs__item--active .nav-tabs__badge,.nav-tabs__item[aria-selected=true] .nav-tabs__badge{background-color:var(--accent-soft-surface-strong,var(--accent-soft-surface));color:var(--accent-soft-on,var(--color-on-accent))}
package/dist/components/overlays.min.css CHANGED
@@ -1 +1 @@
1
- .vds-overlay,[data-vds-overlay]{--modal-width-xs:22.5rem;--modal-width-sm:26.25rem;--modal-width-md:40rem;--modal-width-lg:51.25rem;--modal-width-xl:65rem;--modal-loader-size-lg:2.5rem;--drawer-width:22.5rem;--modal-width-workspace:58rem;--modal-workspace-min-height:26rem;--modal-workspace-max-height:calc(100vh - var(--space-10))}.backdrop{backdrop-filter:none;background-color:var(--overlay-backdrop-default);bottom:0;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;z-index:80;z-index:var(--z-backdrop,80)}.backdrop--light{background-color:var(--overlay-backdrop-light)}.backdrop--blocking,.backdrop--heavy{background-color:var(--overlay-backdrop-heavy)}.backdrop--blocking{cursor:not-allowed}.backdrop--active{opacity:1;pointer-events:auto}.modal{align-items:center;bottom:0;display:flex;justify-content:center;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;transform:none;transition:none;z-index:90;z-index:var(--z-modal,90)}.modal--active{opacity:1;pointer-events:auto}.modal__inner{background-color:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-3);display:flex;flex-direction:column;max-height:calc(100vh - var(--space-20));max-width:var(--modal-width-md);overflow:hidden;pointer-events:auto;transition:none;width:100%}.modal__header{align-items:center;border-bottom:1px solid var(--color-border-subtle);display:flex;justify-content:space-between;padding:var(--space-6) var(--space-8)}.modal__title{font-size:var(--text-lg);font-weight:600}.modal__close{background:none;border:none;color:var(--color-text-muted);cursor:pointer;display:inline-flex;padding:var(--space-2)}.modal__body{flex:1;overflow-y:auto;padding:var(--space-8)}.modal__footer{border-top:1px solid var(--color-border-subtle);display:flex;gap:var(--space-4);justify-content:flex-end;padding:var(--space-6) var(--space-8)}.modal--a .modal__footer,.modal--a .modal__header{padding:var(--space-8) var(--space-10)}.modal--a .modal__body{padding:var(--space-10)}.modal--b .modal__footer,.modal--b .modal__header{padding:var(--space-6) var(--space-8)}.modal--b .modal__body{padding:var(--space-8)}.modal--c .modal__footer,.modal--c .modal__header{padding:var(--space-4) var(--space-6)}.modal--c .modal__body{padding:var(--space-6)}.modal--xs .modal__inner{max-width:var(--modal-width-xs)}.modal--sm .modal__inner{max-width:var(--modal-width-sm)}.modal--md .modal__inner{max-width:var(--modal-width-md)}.modal--lg .modal__inner{max-width:var(--modal-width-lg)}.modal--xl .modal__inner{max-width:var(--modal-width-xl)}.modal--full .modal__inner{border-radius:0;height:100%;max-width:none;width:100%}.modal--workspace .modal__inner{max-height:var(--modal-workspace-max-height);max-width:var(--modal-width-workspace);min-height:var(--modal-workspace-min-height)}.modal--confirm .modal__inner{max-width:var(--modal-width-xs)}.modal--confirm .modal__body,.modal--confirm .modal__footer,.modal--confirm .modal__header{text-align:center}.modal--confirm .modal__footer{justify-content:center}.modal--blocking .modal__close{display:none}.modal__body--form{grid-gap:var(--space-6);display:grid;gap:var(--space-6)}.modal__section{grid-gap:var(--space-3);display:grid;gap:var(--space-3)}.modal__divider{background-color:var(--color-border-subtle);border:none;height:1px}.modal__footer--split{align-items:center;justify-content:space-between}.modal__footer--stack{align-items:stretch;flex-direction:column;justify-content:flex-start}.modal__icon{align-items:center;background-color:var(--color-accent-soft);border-radius:999px;color:var(--accent-soft-on,var(--color-on-accent));display:inline-flex;flex-shrink:0;font-size:var(--text-md);height:2.5rem;justify-content:center;line-height:1;width:2.5rem}.modal__icon--success{background-color:var(--color-success-soft);color:var(--color-success-strong)}.modal__icon--danger{background-color:var(--color-danger-soft);color:var(--color-danger-strong)}.modal__icon--info{background-color:var(--color-info-soft);color:var(--color-info-strong)}.modal__icon--warning{background-color:var(--color-warning-soft);color:var(--color-warning-strong)}@media (max-width:768px){.modal--fullscreen-mobile .modal__inner{border-radius:0;height:100%;max-height:none;max-width:none;width:100%}.modal--sheet{align-items:flex-end}.modal--sheet .modal__inner{border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-height:80vh;max-width:none;width:100%}body.modal-open{overflow:hidden}}.modal--success .modal__header{background-color:var(--color-success-soft);border-bottom-color:var(--color-success);color:var(--semantic-success-text-strong,var(--color-success-strong))}.modal--danger .modal__header{background-color:var(--color-danger-soft);border-bottom-color:var(--color-danger);color:var(--semantic-error-text-strong,var(--color-danger-strong))}.modal--info .modal__header{background-color:var(--color-info-soft);border-bottom-color:var(--color-info);color:var(--semantic-info-text-strong,var(--color-info-strong))}.modal--warning .modal__header{background-color:var(--color-warning-soft);border-bottom-color:var(--color-warning);color:var(--semantic-warning-text-strong,var(--color-warning-strong))}.modal--loading .modal__inner{position:relative}.modal--loading .modal__loader{align-items:center;backdrop-filter:none;background-color:var(--overlay-backdrop-loading);bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:2}.modal--loading .modal__loader-icon{stroke:var(--color-accent);fill:none;height:var(--modal-loader-size-lg);width:var(--modal-loader-size-lg)}.drawer{background-color:var(--color-surface);border-left:1px solid var(--color-border-subtle);border-right:1px solid var(--color-border-subtle);bottom:0;box-shadow:var(--shadow-3);display:flex;flex-direction:column;max-width:90vw;position:fixed;top:0;transition:none;width:var(--drawer-width);z-index:95;z-index:var(--z-drawer,95)}.drawer--left{left:0}.drawer--right{right:0}.drawer--hidden{display:none}.drawer:not(.drawer--hidden){display:flex}.drawer__footer,.drawer__header{border-bottom:1px solid var(--color-border-subtle);padding:var(--space-6)}.drawer__footer{border-bottom:none;border-top:1px solid var(--color-border-subtle)}.drawer__body{flex:1;overflow-y:auto;padding:var(--space-6)}.overlay-inline-container{position:relative}.overlay-inline{background-color:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);bottom:0;box-shadow:var(--shadow-1);display:none;left:0;position:absolute;right:0;top:0;z-index:10}.overlay-inline--active{display:block}.overlay-inline__header{border-bottom:1px solid var(--color-border-subtle);padding:var(--space-4) var(--space-6)}.overlay-inline__body{padding:var(--space-6)}.overlay-inline--info{background-color:var(--semantic-info-bg);border-color:var(--semantic-info-border);color:var(--semantic-info-text)}.overlay-inline--success{background-color:var(--semantic-success-bg);border-color:var(--semantic-success-border);color:var(--semantic-success-text)}.overlay-inline--warning{background-color:var(--semantic-warning-bg);border-color:var(--semantic-warning-border);color:var(--semantic-warning-text)}.overlay-inline--danger{background-color:var(--semantic-danger-bg);border-color:var(--semantic-danger-border);color:var(--semantic-danger-text)}.modal--split .modal__inner{display:grid;grid-template-columns:2fr 1fr}.modal__side{border-left:1px solid var(--color-border-subtle);overflow-y:auto;padding:var(--space-8)}@media (max-width:768px){.modal--split .modal__inner{display:flex;flex-direction:column}.modal__side{border-left:none;border-top:1px solid var(--color-border-subtle)}}.modal--no-footer .modal__footer,.modal--no-header .modal__header{display:none}.modal--level-2{z-index:100;z-index:calc(var(--z-modal, 90) + 10)}.modal--level-3{z-index:110;z-index:calc(var(--z-modal, 90) + 20)}.backdrop--level-2{z-index:90;z-index:calc(var(--z-backdrop, 80) + 10)}.backdrop--level-3{z-index:100;z-index:calc(var(--z-backdrop, 80) + 20)}
1
+ .vds-overlay,[data-vds-overlay]{--modal-width-xs:22.5rem;--modal-width-sm:26.25rem;--modal-width-md:40rem;--modal-width-lg:51.25rem;--modal-width-xl:65rem;--modal-loader-size-lg:2.5rem;--drawer-width:22.5rem;--modal-width-workspace:58rem;--modal-workspace-min-height:26rem;--modal-workspace-max-height:calc(100vh - var(--space-10))}.backdrop{backdrop-filter:none;background-color:var(--overlay-backdrop-default);bottom:0;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;z-index:80;z-index:var(--z-backdrop,80)}.backdrop--light{background-color:var(--overlay-backdrop-light)}.backdrop--blocking,.backdrop--heavy{background-color:var(--overlay-backdrop-heavy)}.backdrop--blocking{cursor:not-allowed}.backdrop--active{opacity:1;pointer-events:auto}.modal{align-items:center;bottom:0;display:flex;justify-content:center;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;transform:none;transition:none;z-index:90;z-index:var(--z-modal,90)}.modal--active{opacity:1;pointer-events:auto}.modal__inner{background-color:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-3);display:flex;flex-direction:column;max-height:calc(100vh - var(--space-20));max-width:var(--modal-width-md);overflow:hidden;pointer-events:auto;transition:none;width:100%}.modal__header{align-items:center;border-bottom:1px solid var(--color-border-subtle);display:flex;justify-content:space-between;padding:var(--space-6) var(--space-8)}.modal__title{font-size:var(--text-lg);font-weight:600}.modal__close{background:none;border:none;color:var(--color-text-muted);cursor:pointer;display:inline-flex;padding:var(--space-2)}.modal__body{flex:1;overflow-y:auto;padding:var(--space-8)}.modal__footer{border-top:1px solid var(--color-border-subtle);display:flex;gap:var(--space-4);justify-content:flex-end;padding:var(--space-6) var(--space-8)}.modal--a .modal__footer,.modal--a .modal__header{padding:var(--space-8) var(--space-10)}.modal--a .modal__body{padding:var(--space-10)}.modal--b .modal__footer,.modal--b .modal__header{padding:var(--space-6) var(--space-8)}.modal--b .modal__body{padding:var(--space-8)}.modal--c .modal__footer,.modal--c .modal__header{padding:var(--space-4) var(--space-6)}.modal--c .modal__body{padding:var(--space-6)}.modal--xs .modal__inner{max-width:var(--modal-width-xs)}.modal--sm .modal__inner{max-width:var(--modal-width-sm)}.modal--md .modal__inner{max-width:var(--modal-width-md)}.modal--lg .modal__inner{max-width:var(--modal-width-lg)}.modal--xl .modal__inner{max-width:var(--modal-width-xl)}.modal--full .modal__inner{border-radius:0;height:100%;max-width:none;width:100%}.modal--workspace .modal__inner{max-height:var(--modal-workspace-max-height);max-width:var(--modal-width-workspace);min-height:var(--modal-workspace-min-height)}.modal--confirm .modal__inner{max-width:var(--modal-width-xs)}.modal--confirm .modal__body,.modal--confirm .modal__footer,.modal--confirm .modal__header{text-align:center}.modal--confirm .modal__footer{justify-content:center}.modal--blocking .modal__close{display:none}.modal__body--form{display:grid;grid-gap:var(--space-6);gap:var(--space-6)}.modal__section{display:grid;grid-gap:var(--space-3);gap:var(--space-3)}.modal__divider{background-color:var(--color-border-subtle);border:none;height:1px}.modal__footer--split{align-items:center;justify-content:space-between}.modal__footer--stack{align-items:stretch;flex-direction:column;justify-content:flex-start}.modal__icon{align-items:center;background-color:var(--color-accent-soft);border-radius:999px;color:var(--accent-soft-on,var(--color-on-accent));display:inline-flex;flex-shrink:0;font-size:var(--text-md);height:2.5rem;justify-content:center;line-height:1;width:2.5rem}.modal__icon--success{background-color:var(--color-success-soft);color:var(--color-success-strong)}.modal__icon--danger{background-color:var(--color-danger-soft);color:var(--color-danger-strong)}.modal__icon--info{background-color:var(--color-info-soft);color:var(--color-info-strong)}.modal__icon--warning{background-color:var(--color-warning-soft);color:var(--color-warning-strong)}@media (max-width:768px){.modal--fullscreen-mobile .modal__inner{border-radius:0;height:100%;max-height:none;max-width:none;width:100%}.modal--sheet{align-items:flex-end}.modal--sheet .modal__inner{border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-height:80vh;max-width:none;width:100%}body.modal-open{overflow:hidden}}.modal--success .modal__header{background-color:var(--color-success-soft);border-bottom-color:var(--color-success);color:var(--semantic-success-text-strong,var(--color-success-strong))}.modal--danger .modal__header{background-color:var(--color-danger-soft);border-bottom-color:var(--color-danger);color:var(--semantic-error-text-strong,var(--color-danger-strong))}.modal--info .modal__header{background-color:var(--color-info-soft);border-bottom-color:var(--color-info);color:var(--semantic-info-text-strong,var(--color-info-strong))}.modal--warning .modal__header{background-color:var(--color-warning-soft);border-bottom-color:var(--color-warning);color:var(--semantic-warning-text-strong,var(--color-warning-strong))}.modal--loading .modal__inner{position:relative}.modal--loading .modal__loader{align-items:center;backdrop-filter:none;background-color:var(--overlay-backdrop-loading);bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:2}.modal--loading .modal__loader-icon{fill:none;height:var(--modal-loader-size-lg);stroke:var(--color-accent);width:var(--modal-loader-size-lg)}.drawer{background-color:var(--color-surface);border-left:1px solid var(--color-border-subtle);border-right:1px solid var(--color-border-subtle);bottom:0;box-shadow:var(--shadow-3);display:flex;flex-direction:column;max-width:90vw;position:fixed;top:0;transition:none;width:var(--drawer-width);z-index:95;z-index:var(--z-drawer,95)}.drawer--left{left:0}.drawer--right{right:0}.drawer--hidden{display:none}.drawer:not(.drawer--hidden){display:flex}.drawer__footer,.drawer__header{border-bottom:1px solid var(--color-border-subtle);padding:var(--space-6)}.drawer__footer{border-bottom:none;border-top:1px solid var(--color-border-subtle)}.drawer__body{flex:1;overflow-y:auto;padding:var(--space-6)}.overlay-inline-container{position:relative}.overlay-inline{background-color:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);bottom:0;box-shadow:var(--shadow-1);display:none;left:0;position:absolute;right:0;top:0;z-index:10}.overlay-inline--active{display:block}.overlay-inline__header{border-bottom:1px solid var(--color-border-subtle);padding:var(--space-4) var(--space-6)}.overlay-inline__body{padding:var(--space-6)}.overlay-inline--info{background-color:var(--semantic-info-bg);border-color:var(--semantic-info-border);color:var(--semantic-info-text)}.overlay-inline--success{background-color:var(--semantic-success-bg);border-color:var(--semantic-success-border);color:var(--semantic-success-text)}.overlay-inline--warning{background-color:var(--semantic-warning-bg);border-color:var(--semantic-warning-border);color:var(--semantic-warning-text)}.overlay-inline--danger{background-color:var(--semantic-danger-bg);border-color:var(--semantic-danger-border);color:var(--semantic-danger-text)}.modal--split .modal__inner{display:grid;grid-template-columns:2fr 1fr}.modal__side{border-left:1px solid var(--color-border-subtle);overflow-y:auto;padding:var(--space-8)}@media (max-width:768px){.modal--split .modal__inner{display:flex;flex-direction:column}.modal__side{border-left:none;border-top:1px solid var(--color-border-subtle)}}.modal--no-footer .modal__footer,.modal--no-header .modal__header{display:none}.modal--level-2{z-index:100;z-index:calc(var(--z-modal, 90) + 10)}.modal--level-3{z-index:110;z-index:calc(var(--z-modal, 90) + 20)}.backdrop--level-2{z-index:90;z-index:calc(var(--z-backdrop, 80) + 10)}.backdrop--level-3{z-index:100;z-index:calc(var(--z-backdrop, 80) + 20)}
package/dist/components/progress.min.css CHANGED
@@ -1 +1 @@
1
- .vds-progress,[data-vds-progress]{--progress-height-sm:0.35rem;--progress-height-md:var(--space-2);--progress-height-lg:0.9rem;--progress-radius:var(--radius-sm);--progress-track-bg:var(--color-muted-bg);--progress-track-border:transparent;--progress-fill:var(--color-accent);--progress-label-color:var(--color-text-muted);--progress-value-color:var(--color-text);--progress-meta-color:var(--color-text-muted);--stepper-gap:var(--space-6);--stepper-marker-size:var(--space-6);--stepper-line-size:2px;--stepper-line:var(--color-border-subtle);--stepper-marker-bg:var(--color-surface);--stepper-marker-border:var(--color-border-subtle);--stepper-marker-text:var(--color-text);--stepper-active:var(--color-accent);--stepper-title-bg:var(--color-surface)}.progress-stack{grid-gap:var(--space-2);display:grid;gap:var(--space-2);width:100%}.progress-stack--compact{gap:var(--space-1_5)}.progress__header{align-items:center;display:flex;gap:var(--space-3);justify-content:space-between}.progress__label{color:var(--progress-label-color);font-size:var(--text-xs)}.progress__value{color:var(--progress-value-color);font-size:var(--text-xs);font-weight:600}.progress__meta{color:var(--progress-meta-color);font-size:var(--text-xs)}.progress,.progress__track{background:var(--progress-track-bg);border:1px solid var(--progress-track-border);border-radius:var(--progress-radius);height:var(--progress-height-md);overflow:hidden;position:relative;width:100%}.progress__bar{background:var(--progress-fill);border-radius:inherit;height:100%;transition:width var(--transition-normal);width:0;width:var(--progress-value,0)}.vds-progress .progress--sm,.vds-progress .progress--sm .progress__track,[data-vds-progress] .progress--sm,[data-vds-progress] .progress--sm .progress__track{height:var(--progress-height-sm)}.vds-progress .progress--lg,.vds-progress .progress--lg .progress__track,[data-vds-progress] .progress--lg,[data-vds-progress] .progress--lg .progress__track{height:var(--progress-height-lg)}.vds-progress .progress--outlined,[data-vds-progress] .progress--outlined{--progress-track-border:var(--color-border-subtle)}.vds-progress .progress--pill,[data-vds-progress] .progress--pill{--progress-radius:var(--radius-full)}.vds-progress .progress--striped .progress__bar,[data-vds-progress] .progress--striped .progress__bar{background-image:linear-gradient(45deg,hsla(0,0%,100%,.2) 25%,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,0) 50%,hsla(0,0%,100%,.2) 0,hsla(0,0%,100%,.2) 75%,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,0));background-size:1.2rem 1.2rem}.vds-progress .progress--animated .progress__bar,[data-vds-progress] .progress--animated .progress__bar{animation:vds-progress-stripes .9s linear infinite}.vds-progress .progress--indeterminate .progress__bar,[data-vds-progress] .progress--indeterminate .progress__bar{animation:progress-indeterminate 1.4s ease infinite;width:35%}@keyframes vds-progress-stripes{0%{background-position:1.2rem 0}to{background-position:0 0}}@keyframes progress-indeterminate{0%{transform:translateX(-120%)}to{transform:translateX(260%)}}.vds-progress .progress--success,[data-vds-progress] .progress--success{--progress-fill:var(--color-success)}.vds-progress .progress--info,[data-vds-progress] .progress--info{--progress-fill:var(--color-info)}.vds-progress .progress--warning,[data-vds-progress] .progress--warning{--progress-fill:var(--color-warning)}.vds-progress .progress--danger,[data-vds-progress] .progress--danger{--progress-fill:var(--color-danger)}.stepper{align-items:flex-start;display:flex;gap:var(--stepper-gap);padding:var(--space-5)}.stepper__item{display:flex;flex:1 1 0;gap:var(--space-3);min-width:0;position:relative}.stepper__item:not(:last-child):after{background:var(--stepper-line);content:"";height:var(--stepper-line-size);left:calc(var(--stepper-marker-size) + var(--space-3));position:absolute;right:calc(var(--stepper-gap)*-1 + var(--stepper-marker-size)/2);top:calc(var(--stepper-marker-size)/2);z-index:0}.stepper__marker{align-items:center;background:var(--stepper-marker-bg);border:1px solid var(--stepper-marker-border);border-radius:999px;color:var(--stepper-marker-text);display:inline-flex;flex-shrink:0;font-size:var(--text-xs);font-weight:600;height:var(--stepper-marker-size);justify-content:center;width:var(--stepper-marker-size);z-index:1}.stepper__content{display:flex;flex-direction:column;gap:var(--space-1);position:relative;z-index:1}.stepper__title{align-self:flex-start;background:var(--stepper-title-bg);-webkit-box-decoration-break:clone;box-decoration-break:clone;color:var(--color-text);font-size:var(--text-sm);font-weight:600;padding-right:var(--space-2)}.stepper__desc{color:var(--color-text-muted);font-size:var(--text-xs)}.stepper__item--active .stepper__marker{border-color:var(--stepper-active);box-shadow:0 0 0 2px color-mix(in srgb,var(--stepper-active) 30%,transparent);color:var(--stepper-active)}.stepper__item--complete .stepper__marker{background:var(--color-success);border-color:var(--color-success);color:var(--color-on-success)}.stepper__item--disabled .stepper__content{opacity:.5;pointer-events:none}.stepper__item--disabled .stepper__marker{pointer-events:none}.stepper--compact{--stepper-gap:var(--space-4);--stepper-marker-size:var(--space-5)}.stepper--vertical{flex-direction:column;gap:var(--space-4)}.stepper--vertical .stepper__item{padding-left:calc(var(--stepper-marker-size) + var(--space-3))}.stepper--vertical .stepper__marker{left:0;position:absolute;top:0}.stepper--vertical .stepper__item:not(:last-child):after{height:calc(100% + var(--space-4));left:calc(var(--stepper-marker-size)/2);right:auto;top:var(--stepper-marker-size);width:var(--stepper-line-size)}@media (max-width:768px){.stepper{flex-direction:column}.stepper__item{padding-left:calc(var(--stepper-marker-size) + var(--space-3))}.stepper__marker{left:0;position:absolute;top:0}.stepper__item:not(:last-child):after{height:calc(100% + var(--space-4));left:calc(var(--stepper-marker-size)/2);right:auto;top:var(--stepper-marker-size);width:var(--stepper-line-size)}}
1
+ .vds-progress,[data-vds-progress]{--progress-height-sm:0.35rem;--progress-height-md:var(--space-2);--progress-height-lg:0.9rem;--progress-radius:var(--radius-sm);--progress-track-bg:var(--color-muted-bg);--progress-track-border:transparent;--progress-fill:var(--color-accent);--progress-label-color:var(--color-text-muted);--progress-value-color:var(--color-text);--progress-meta-color:var(--color-text-muted);--stepper-gap:var(--space-6);--stepper-marker-size:var(--space-6);--stepper-line-size:2px;--stepper-line:var(--color-border-subtle);--stepper-marker-bg:var(--color-surface);--stepper-marker-border:var(--color-border-subtle);--stepper-marker-text:var(--color-text);--stepper-active:var(--color-accent);--stepper-title-bg:var(--color-surface)}.progress-stack{display:grid;grid-gap:var(--space-2);gap:var(--space-2);width:100%}.progress-stack--compact{gap:var(--space-1_5)}.progress__header{align-items:center;display:flex;gap:var(--space-3);justify-content:space-between}.progress__label{color:var(--progress-label-color);font-size:var(--text-xs)}.progress__value{color:var(--progress-value-color);font-size:var(--text-xs);font-weight:600}.progress__meta{color:var(--progress-meta-color);font-size:var(--text-xs)}.progress,.progress__track{background:var(--progress-track-bg);border:1px solid var(--progress-track-border);border-radius:var(--progress-radius);height:var(--progress-height-md);overflow:hidden;position:relative;width:100%}.progress__bar{background:var(--progress-fill);border-radius:inherit;height:100%;transition:width var(--transition-normal);width:0;width:var(--progress-value,0)}.vds-progress .progress--sm,.vds-progress .progress--sm .progress__track,[data-vds-progress] .progress--sm,[data-vds-progress] .progress--sm .progress__track{height:var(--progress-height-sm)}.vds-progress .progress--lg,.vds-progress .progress--lg .progress__track,[data-vds-progress] .progress--lg,[data-vds-progress] .progress--lg .progress__track{height:var(--progress-height-lg)}.vds-progress .progress--outlined,[data-vds-progress] .progress--outlined{--progress-track-border:var(--color-border-subtle)}.vds-progress .progress--pill,[data-vds-progress] .progress--pill{--progress-radius:var(--radius-full)}.vds-progress .progress--striped .progress__bar,[data-vds-progress] .progress--striped .progress__bar{background-image:linear-gradient(45deg,hsla(0,0%,100%,.2) 25%,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,0) 50%,hsla(0,0%,100%,.2) 0,hsla(0,0%,100%,.2) 75%,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,0));background-size:1.2rem 1.2rem}.vds-progress .progress--animated .progress__bar,[data-vds-progress] .progress--animated .progress__bar{animation:vds-progress-stripes .9s linear infinite}.vds-progress .progress--indeterminate .progress__bar,[data-vds-progress] .progress--indeterminate .progress__bar{animation:progress-indeterminate 1.4s ease infinite;width:35%}@keyframes vds-progress-stripes{0%{background-position:1.2rem 0}to{background-position:0 0}}@keyframes progress-indeterminate{0%{transform:translateX(-120%)}to{transform:translateX(260%)}}.vds-progress .progress--success,[data-vds-progress] .progress--success{--progress-fill:var(--color-success)}.vds-progress .progress--info,[data-vds-progress] .progress--info{--progress-fill:var(--color-info)}.vds-progress .progress--warning,[data-vds-progress] .progress--warning{--progress-fill:var(--color-warning)}.vds-progress .progress--danger,[data-vds-progress] .progress--danger{--progress-fill:var(--color-danger)}.stepper{align-items:flex-start;display:flex;gap:var(--stepper-gap);padding:var(--space-5)}.stepper__item{display:flex;flex:1 1 0;gap:var(--space-3);min-width:0;position:relative}.stepper__item:not(:last-child):after{background:var(--stepper-line);content:"";height:var(--stepper-line-size);left:calc(var(--stepper-marker-size) + var(--space-3));position:absolute;right:calc(var(--stepper-gap)*-1 + var(--stepper-marker-size)/2);top:calc(var(--stepper-marker-size)/2);z-index:0}.stepper__marker{align-items:center;background:var(--stepper-marker-bg);border:1px solid var(--stepper-marker-border);border-radius:999px;color:var(--stepper-marker-text);display:inline-flex;flex-shrink:0;font-size:var(--text-xs);font-weight:600;height:var(--stepper-marker-size);justify-content:center;width:var(--stepper-marker-size);z-index:1}.stepper__content{display:flex;flex-direction:column;gap:var(--space-1);position:relative;z-index:1}.stepper__title{align-self:flex-start;background:var(--stepper-title-bg);-webkit-box-decoration-break:clone;box-decoration-break:clone;color:var(--color-text);font-size:var(--text-sm);font-weight:600;padding-right:var(--space-2)}.stepper__desc{color:var(--color-text-muted);font-size:var(--text-xs)}.stepper__item--active .stepper__marker{border-color:var(--stepper-active);box-shadow:0 0 0 2px color-mix(in srgb,var(--stepper-active) 30%,transparent);color:var(--stepper-active)}.stepper__item--complete .stepper__marker{background:var(--color-success);border-color:var(--color-success);color:var(--color-on-success)}.stepper__item--disabled .stepper__content{opacity:.5;pointer-events:none}.stepper__item--disabled .stepper__marker{pointer-events:none}.stepper--compact{--stepper-gap:var(--space-4);--stepper-marker-size:var(--space-5)}.stepper--vertical{flex-direction:column;gap:var(--space-4)}.stepper--vertical .stepper__item{padding-left:calc(var(--stepper-marker-size) + var(--space-3))}.stepper--vertical .stepper__marker{left:0;position:absolute;top:0}.stepper--vertical .stepper__item:not(:last-child):after{height:calc(100% + var(--space-4));left:calc(var(--stepper-marker-size)/2);right:auto;top:var(--stepper-marker-size);width:var(--stepper-line-size)}@media (max-width:768px){.stepper{flex-direction:column}.stepper__item{padding-left:calc(var(--stepper-marker-size) + var(--space-3))}.stepper__marker{left:0;position:absolute;top:0}.stepper__item:not(:last-child):after{height:calc(100% + var(--space-4));left:calc(var(--stepper-marker-size)/2);right:auto;top:var(--stepper-marker-size);width:var(--stepper-line-size)}}
package/dist/components/sections.min.css CHANGED
@@ -1 +1 @@
1
- .section{--section-pad-top:var(--section-spacing-md);--section-pad-bottom:var(--section-spacing-md);--section-inner-max:var(--layout-max-width);--section-inner-pad:var(--space-6);--section-inner-gap:var(--space-6);background-color:var(--color-bg);padding-bottom:var(--section-pad-bottom);padding-top:var(--section-pad-top);position:relative;width:100%}.section__inner{display:flex;flex-direction:column;gap:var(--section-inner-gap);margin:0 auto;max-width:var(--section-inner-max);padding:0 var(--section-inner-pad);width:100%}.section--tight{--section-inner-max:var(--content-width-md)}.section--narrow{--section-inner-max:var(--content-width-lg)}.section--relaxed{--section-inner-max:90ch}.section--wide{--section-inner-max:var(--content-width-2xl)}.section--full{--section-inner-max:none}.section--pad-x-sm{--section-inner-pad:var(--space-4)}.section--pad-x-md{--section-inner-pad:var(--space-6)}.section--pad-x-lg{--section-inner-pad:var(--space-8)}.section--pad-x-xl{--section-inner-pad:var(--space-10)}.section--edge{--section-inner-pad:0}.section--gap-sm{--section-inner-gap:var(--space-4)}.section--gap-lg{--section-inner-gap:var(--space-10)}.section--gap-xl{--section-inner-gap:var(--space-14)}.section--a{--section-pad-top:var(--space-20);--section-pad-bottom:var(--space-20)}.section--b{--section-pad-top:var(--space-14);--section-pad-bottom:var(--space-14)}.section--c{--section-pad-top:var(--space-10);--section-pad-bottom:var(--space-10)}.section--flush{--section-pad-top:0;--section-pad-bottom:0}.section--xs{--section-pad-top:var(--section-spacing-xs);--section-pad-bottom:var(--section-spacing-xs)}.section--sm{--section-pad-top:var(--section-spacing-sm);--section-pad-bottom:var(--section-spacing-sm)}.section--md{--section-pad-top:var(--section-spacing-md);--section-pad-bottom:var(--section-spacing-md)}.section--lg{--section-pad-top:var(--section-spacing-lg);--section-pad-bottom:var(--section-spacing-lg)}.section--xl{--section-pad-top:var(--section-spacing-xl);--section-pad-bottom:var(--section-spacing-xl)}.section__header{display:flex;flex-direction:column;gap:var(--space-3);max-width:70ch}.section__eyebrow{color:var(--section-brand-eyebrow,var(--color-text-muted));font-size:var(--text-xs);font-weight:600;letter-spacing:.05em;text-transform:uppercase}.section__title{color:var(--section-brand-title,var(--color-text));font-size:var(--text-2xl);font-weight:600;line-height:1.2}.section__subtitle{color:var(--section-brand-subtitle,var(--color-text-muted));font-size:var(--text-sm);max-width:60ch}.section--a .section__title{font-size:var(--text-3xl)}.section--b .section__title{font-size:var(--text-2xl)}.section--c .section__title{font-size:var(--text-xl)}.section--center .section__header{align-items:center;text-align:center}.section--right .section__header{align-items:flex-end;text-align:right}.section__header--tight{gap:var(--space-2)}.section__header--wide{gap:var(--space-6)}.section--divided{border-top:1px solid var(--color-border-subtle)}.section--divided+.section--divided{border-bottom:1px solid var(--color-border-subtle);border-top:none}.section--divided-x{border-left:1px solid var(--color-border-subtle);border-right:1px solid var(--color-border-subtle)}.section--surface{--section-pad-top:var(--section-spacing-lg);--section-pad-bottom:var(--section-spacing-lg);background-color:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);transition:background-color .15s ease}.section--surface:hover{background-color:var(--color-surface-hover)}.section--subtle{background-color:var(--color-surface-subtle)}.section--brand{background-color:var(--color-accent-soft)}.section--alt{background-color:var(--color-bg-soft)}.section--split .section__inner,.section--split-reverse .section__inner{grid-gap:var(--space-12);display:grid;gap:var(--space-12);grid-template-columns:1fr 1fr}.section--split-reverse .section__inner>:first-child{order:2}.section--split-reverse .section__inner>:last-child{order:1}.section--inset .section__inner{background-color:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--space-10)}.section--inset-sm .section__inner{padding:var(--space-6)}.section--inset-lg .section__inner{padding:var(--space-14)}.section__grid-2,.section__grid-3,.section__grid-4,.section__grid-5,.section__grid-6,.section__grid-auto{grid-gap:var(--space-10);display:grid;gap:var(--space-10)}.section__grid-2{grid-template-columns:repeat(2,1fr)}.section__grid-3{grid-template-columns:repeat(3,1fr)}.section__grid-4{grid-template-columns:repeat(4,1fr)}.section__grid-5{grid-template-columns:repeat(5,1fr)}.section__grid-6{grid-template-columns:repeat(6,1fr)}.section__grid-auto{grid-template-columns:repeat(auto-fit,minmax(var(--grid-min),1fr))}.section__grid-sm{gap:var(--space-4)}.section__grid-md{gap:var(--space-6)}.section__grid-lg{gap:var(--space-14)}.section__stack{display:flex;flex-direction:column;gap:var(--space-6)}.section__stack-sm{display:flex;flex-direction:column;gap:var(--space-4)}.section__stack-lg{display:flex;flex-direction:column;gap:var(--space-10)}.section__inline{gap:var(--space-3)}.section__inline,.section__inline-sm{align-items:center;display:flex;flex-direction:row}.section__inline-sm{gap:var(--space-2)}.section__inline-lg{align-items:center;display:flex;flex-direction:row;gap:var(--space-4)}.section__list{display:flex;flex-direction:column;gap:var(--space-3)}.section__list-item{align-items:flex-start;color:var(--color-text);display:flex;font-size:var(--text-sm);gap:var(--space-3)}.section__list-item svg{stroke:var(--color-accent);fill:none;flex-shrink:0;height:1.25em;width:1.25em}.section__list-item-title{color:var(--color-text);font-weight:600}.section__list-item-desc{color:var(--color-text-muted);font-size:var(--text-sm)}@media (max-width:1280px){.section__grid-2,.section__grid-3,.section__grid-4,.section__grid-5,.section__grid-6,.section__grid-auto{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width:1024px){.section--split .section__inner,.section--split-reverse .section__inner{grid-template-columns:1fr}.section__grid-2,.section__grid-3,.section__grid-4,.section__grid-5,.section__grid-6,.section__grid-auto{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media (max-width:768px){.section,.section--a,.section--b,.section--c{--section-pad-top:var(--space-10);--section-pad-bottom:var(--space-10)}.section--xs{--section-pad-top:var(--section-spacing-xs);--section-pad-bottom:var(--section-spacing-xs)}.section--sm{--section-pad-top:var(--section-spacing-sm);--section-pad-bottom:var(--section-spacing-sm)}.section--md{--section-pad-top:var(--section-spacing-md);--section-pad-bottom:var(--section-spacing-md)}.section--lg{--section-pad-top:var(--section-spacing-lg);--section-pad-bottom:var(--section-spacing-lg)}.section--xl{--section-pad-top:var(--section-spacing-xl);--section-pad-bottom:var(--section-spacing-xl)}.section__grid-2,.section__grid-3,.section__grid-4,.section__grid-5,.section__grid-6,.section__grid-auto{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.section__title{font-size:var(--text-xl)}.section__subtitle{font-size:var(--text-sm)}.section--inset .section__inner{padding:var(--space-6)}}.section--pad-top-none{--section-pad-top:0}.section--pad-top-xs{--section-pad-top:var(--section-spacing-xs)}.section--pad-top-sm{--section-pad-top:var(--section-spacing-sm)}.section--pad-top-md{--section-pad-top:var(--section-spacing-md)}.section--pad-top-lg{--section-pad-top:var(--section-spacing-lg)}.section--pad-top-xl{--section-pad-top:var(--section-spacing-xl)}.section--pad-bottom-none{--section-pad-bottom:0}.section--pad-bottom-xs{--section-pad-bottom:var(--section-spacing-xs)}.section--pad-bottom-sm{--section-pad-bottom:var(--section-spacing-sm)}.section--pad-bottom-md{--section-pad-bottom:var(--section-spacing-md)}.section--pad-bottom-lg{--section-pad-bottom:var(--section-spacing-lg)}.section--pad-bottom-xl{--section-pad-bottom:var(--section-spacing-xl)}
1
+ .section{--section-pad-top:var(--section-spacing-md);--section-pad-bottom:var(--section-spacing-md);--section-inner-max:var(--layout-max-width);--section-inner-pad:var(--space-6);--section-inner-gap:var(--space-6);background-color:var(--color-bg);padding-bottom:var(--section-pad-bottom);padding-top:var(--section-pad-top);position:relative;width:100%}.section__inner{display:flex;flex-direction:column;gap:var(--section-inner-gap);margin:0 auto;max-width:var(--section-inner-max);padding:0 var(--section-inner-pad);width:100%}.section--tight{--section-inner-max:var(--content-width-md)}.section--narrow{--section-inner-max:var(--content-width-lg)}.section--relaxed{--section-inner-max:90ch}.section--wide{--section-inner-max:var(--content-width-2xl)}.section--full{--section-inner-max:none}.section--pad-x-sm{--section-inner-pad:var(--space-4)}.section--pad-x-md{--section-inner-pad:var(--space-6)}.section--pad-x-lg{--section-inner-pad:var(--space-8)}.section--pad-x-xl{--section-inner-pad:var(--space-10)}.section--edge{--section-inner-pad:0}.section--gap-sm{--section-inner-gap:var(--space-4)}.section--gap-lg{--section-inner-gap:var(--space-10)}.section--gap-xl{--section-inner-gap:var(--space-14)}.section--a{--section-pad-top:var(--space-20);--section-pad-bottom:var(--space-20)}.section--b{--section-pad-top:var(--space-14);--section-pad-bottom:var(--space-14)}.section--c{--section-pad-top:var(--space-10);--section-pad-bottom:var(--space-10)}.section--flush{--section-pad-top:0;--section-pad-bottom:0}.section--xs{--section-pad-top:var(--section-spacing-xs);--section-pad-bottom:var(--section-spacing-xs)}.section--sm{--section-pad-top:var(--section-spacing-sm);--section-pad-bottom:var(--section-spacing-sm)}.section--md{--section-pad-top:var(--section-spacing-md);--section-pad-bottom:var(--section-spacing-md)}.section--lg{--section-pad-top:var(--section-spacing-lg);--section-pad-bottom:var(--section-spacing-lg)}.section--xl{--section-pad-top:var(--section-spacing-xl);--section-pad-bottom:var(--section-spacing-xl)}.section__header{display:flex;flex-direction:column;gap:var(--space-3);max-width:70ch}.section__eyebrow{color:var(--section-brand-eyebrow,var(--color-text-muted));font-size:var(--text-xs);font-weight:600;letter-spacing:.05em;text-transform:uppercase}.section__title{color:var(--section-brand-title,var(--color-text));font-size:var(--text-2xl);font-weight:600;line-height:1.2}.section__subtitle{color:var(--section-brand-subtitle,var(--color-text-muted));font-size:var(--text-sm);max-width:60ch}.section--a .section__title{font-size:var(--text-3xl)}.section--b .section__title{font-size:var(--text-2xl)}.section--c .section__title{font-size:var(--text-xl)}.section--center .section__header{align-items:center;text-align:center}.section--right .section__header{align-items:flex-end;text-align:right}.section__header--tight{gap:var(--space-2)}.section__header--wide{gap:var(--space-6)}.section--divided{border-top:1px solid var(--color-border-subtle)}.section--divided+.section--divided{border-bottom:1px solid var(--color-border-subtle);border-top:none}.section--divided-x{border-left:1px solid var(--color-border-subtle);border-right:1px solid var(--color-border-subtle)}.section--surface{--section-pad-top:var(--section-spacing-lg);--section-pad-bottom:var(--section-spacing-lg);background-color:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);transition:background-color .15s ease}.section--surface:hover{background-color:var(--color-surface-hover)}.section--subtle{background-color:var(--color-surface-subtle)}.section--brand{background-color:var(--color-accent-soft)}.section--alt{background-color:var(--color-bg-soft)}.section--split .section__inner,.section--split-reverse .section__inner{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-12);gap:var(--space-12)}.section--split-reverse .section__inner>:first-child{order:2}.section--split-reverse .section__inner>:last-child{order:1}.section--inset .section__inner{background-color:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--space-10)}.section--inset-sm .section__inner{padding:var(--space-6)}.section--inset-lg .section__inner{padding:var(--space-14)}.section__grid-2,.section__grid-3,.section__grid-4,.section__grid-5,.section__grid-6,.section__grid-auto{display:grid;grid-gap:var(--space-10);gap:var(--space-10)}.section__grid-2{grid-template-columns:repeat(2,1fr)}.section__grid-3{grid-template-columns:repeat(3,1fr)}.section__grid-4{grid-template-columns:repeat(4,1fr)}.section__grid-5{grid-template-columns:repeat(5,1fr)}.section__grid-6{grid-template-columns:repeat(6,1fr)}.section__grid-auto{grid-template-columns:repeat(auto-fit,minmax(var(--grid-min),1fr))}.section__grid-sm{gap:var(--space-4)}.section__grid-md{gap:var(--space-6)}.section__grid-lg{gap:var(--space-14)}.section__stack{display:flex;flex-direction:column;gap:var(--space-6)}.section__stack-sm{display:flex;flex-direction:column;gap:var(--space-4)}.section__stack-lg{display:flex;flex-direction:column;gap:var(--space-10)}.section__inline{gap:var(--space-3)}.section__inline,.section__inline-sm{align-items:center;display:flex;flex-direction:row}.section__inline-sm{gap:var(--space-2)}.section__inline-lg{align-items:center;display:flex;flex-direction:row;gap:var(--space-4)}.section__list{display:flex;flex-direction:column;gap:var(--space-3)}.section__list-item{align-items:flex-start;color:var(--color-text);display:flex;font-size:var(--text-sm);gap:var(--space-3)}.section__list-item svg{fill:none;flex-shrink:0;height:1.25em;stroke:var(--color-accent);width:1.25em}.section__list-item-title{color:var(--color-text);font-weight:600}.section__list-item-desc{color:var(--color-text-muted);font-size:var(--text-sm)}@media (max-width:1280px){.section__grid-2,.section__grid-3,.section__grid-4,.section__grid-5,.section__grid-6,.section__grid-auto{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width:1024px){.section--split .section__inner,.section--split-reverse .section__inner{grid-template-columns:1fr}.section__grid-2,.section__grid-3,.section__grid-4,.section__grid-5,.section__grid-6,.section__grid-auto{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media (max-width:768px){.section,.section--a,.section--b,.section--c{--section-pad-top:var(--space-10);--section-pad-bottom:var(--space-10)}.section--xs{--section-pad-top:var(--section-spacing-xs);--section-pad-bottom:var(--section-spacing-xs)}.section--sm{--section-pad-top:var(--section-spacing-sm);--section-pad-bottom:var(--section-spacing-sm)}.section--md{--section-pad-top:var(--section-spacing-md);--section-pad-bottom:var(--section-spacing-md)}.section--lg{--section-pad-top:var(--section-spacing-lg);--section-pad-bottom:var(--section-spacing-lg)}.section--xl{--section-pad-top:var(--section-spacing-xl);--section-pad-bottom:var(--section-spacing-xl)}.section__grid-2,.section__grid-3,.section__grid-4,.section__grid-5,.section__grid-6,.section__grid-auto{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.section__title{font-size:var(--text-xl)}.section__subtitle{font-size:var(--text-sm)}.section--inset .section__inner{padding:var(--space-6)}}.section--pad-top-none{--section-pad-top:0}.section--pad-top-xs{--section-pad-top:var(--section-spacing-xs)}.section--pad-top-sm{--section-pad-top:var(--section-spacing-sm)}.section--pad-top-md{--section-pad-top:var(--section-spacing-md)}.section--pad-top-lg{--section-pad-top:var(--section-spacing-lg)}.section--pad-top-xl{--section-pad-top:var(--section-spacing-xl)}.section--pad-bottom-none{--section-pad-bottom:0}.section--pad-bottom-xs{--section-pad-bottom:var(--section-spacing-xs)}.section--pad-bottom-sm{--section-pad-bottom:var(--section-spacing-sm)}.section--pad-bottom-md{--section-pad-bottom:var(--section-spacing-md)}.section--pad-bottom-lg{--section-pad-bottom:var(--section-spacing-lg)}.section--pad-bottom-xl{--section-pad-bottom:var(--section-spacing-xl)}
package/dist/components/tables.min.css CHANGED
@@ -1 +1 @@
1
- .vds-table,[data-vds-table]{--table-currency-tint:color-mix(in srgb,currentColor 50%,transparent 30%)}.table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto;width:100%}.table-panel{background-color:var(--color-surface);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);padding:var(--space-4)}.table-panel__header{align-items:center;display:flex;gap:var(--space-3);justify-content:space-between;margin-bottom:var(--space-3)}.table-panel__title{color:var(--color-text);font-size:var(--text-sm);font-weight:600}.table-panel__meta{color:var(--color-text-muted);font-size:var(--text-xs)}.table-panel__actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2)}.table{--table-cell-pad-y:var(--space-3);--table-cell-pad-x:var(--space-4);--table-cell-font-size:var(--text-sm);background-color:var(--color-surface);border-collapse:collapse;border-spacing:0;color:var(--color-text);width:100%}.table--fixed{table-layout:fixed}.table td,.table th{border-bottom:var(--border-width) solid var(--color-border-subtle);font-size:var(--table-cell-font-size);padding:var(--table-cell-pad-y) var(--table-cell-pad-x);text-align:left;vertical-align:middle}.table th{background-color:var(--color-surface-subtle);border-bottom:var(--border-width-strong) solid var(--color-border-strong);color:var(--color-text);font-size:var(--text-sm);font-weight:600;white-space:nowrap}.table-cell--right{text-align:right}.table-cell--center{text-align:center}.table-cell--muted{color:var(--color-text-muted)}.table-cell--strong{font-weight:600}.table-cell--nowrap{white-space:nowrap}.table-cell--truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table caption{caption-side:top;color:var(--color-text-muted);font-size:var(--text-xs);margin-bottom:var(--space-2);text-align:left}.table--a{--table-cell-pad-y:var(--space-4);--table-cell-pad-x:var(--space-5);--table-cell-font-size:var(--text-md)}.table--b{--table-cell-pad-y:var(--space-3);--table-cell-pad-x:var(--space-4);--table-cell-font-size:var(--text-sm)}.table--c{--table-cell-pad-y:var(--space-2);--table-cell-pad-x:var(--space-3);--table-cell-font-size:var(--text-xs)}.table--compact{--table-cell-pad-y:var(--space-1)}.table--bordered td,.table--bordered th{border:var(--border-width) solid var(--color-border-subtle)}.table--no-borders td,.table--no-borders th{border:none}.table--striped tbody tr:nth-child(odd){background-color:var(--color-surface-subtle)}.table--hover tbody tr:hover{background-color:var(--color-surface-soft)}.table--minimal td,.table--minimal th{background-color:transparent;border-bottom-color:var(--color-border-subtle)}.table--clear td,.table--clear th{background-color:transparent;border:none}.table--inset{border-radius:var(--radius-md);overflow:hidden}.table--truncate-cells td,.table--truncate-cells th{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table--nowrap td,.table--nowrap th{white-space:nowrap}.table--sticky-header thead th{background-color:var(--color-bg-elevated,var(--color-surface));box-shadow:0 1px 0 var(--color-border-subtle);position:sticky;top:0;z-index:var(--z-sticky)}.table--sticky-col td:first-child,.table--sticky-col th:first-child{background-color:var(--color-bg-elevated,var(--color-surface));box-shadow:1px 0 0 var(--color-border-subtle);left:0;position:sticky;z-index:var(--z-sticky-col)}.table--sticky-col-end td:last-child,.table--sticky-col-end th:last-child{background-color:var(--color-bg-elevated,var(--color-surface));box-shadow:-1px 0 0 var(--color-border-subtle);position:sticky;right:0;z-index:var(--z-sticky-col)}.table tbody tr.table-row--selected{background-color:var(--color-accent-soft)}.table tbody tr.table-row--success{background-color:var(--table-row-good-bg,var(--color-success-soft))}.table tbody tr.table-row--danger{background-color:var(--table-row-bad-bg,var(--color-danger-soft))}.table tbody tr.table-row--warning{background-color:var(--table-row-warning-bg,var(--color-warning-soft))}.table tbody tr.table-row--info{background-color:var(--table-row-info-bg,var(--color-info-soft))}.table tbody tr.table-row--muted{background-color:var(--table-row-muted-bg,var(--color-muted-bg));color:var(--color-text-muted)}.table tr.table-row--summary{background-color:var(--color-surface-subtle);font-weight:600}.table--selectable tbody tr{cursor:pointer}.table-actions{align-items:center;display:flex;gap:var(--space-2)}.table-actions .icon{color:var(--color-icon-muted);cursor:pointer;flex-shrink:0;height:var(--icon-sm);width:var(--icon-sm)}.table-actions .icon:hover{color:var(--color-icon-strong)}.table-row--expandable{cursor:pointer}.table-row--details{display:none}.table-row--details[data-expanded=true],.table-row--expanded+.table-row--details{display:table-row}.table-row--details td{background-color:var(--color-surface-subtle);padding:var(--space-4)}.table-group-header th{background-color:var(--color-surface-soft);border-top:var(--border-width-strong) solid var(--color-border-strong);font-weight:600;padding-bottom:var(--space-2);padding-top:var(--space-3)}.metric-table{border-collapse:collapse;width:100%}.metric-table tr:not(:last-child) td{border-bottom:var(--border-width) solid var(--color-border-subtle)}.metric-table__label{color:var(--color-text-muted);font-size:var(--text-xs);font-weight:500;padding:var(--space-2) 0}.metric-table__value{font-feature-settings:"tnum";font-size:var(--text-sm);font-variant-numeric:tabular-nums;font-weight:600;padding:var(--space-2) 0;text-align:right}.table-empty{color:var(--color-text-muted);padding:var(--space-6) 0;text-align:center}.table-empty__content{align-items:center;display:flex;flex-direction:column;text-align:center}.table-empty__icon{align-items:center;display:flex;justify-content:center;margin-bottom:.5rem;margin-bottom:var(--space-2,.5rem)}.table-loading td{color:transparent;overflow:hidden;position:relative}.table-loading td:after{animation:table-loading 1.6s infinite;background:linear-gradient(90deg,transparent,var(--color-muted-bg),transparent);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-150%)}@keyframes table-loading{0%{transform:translateX(-150%)}to{transform:translateX(150%)}}@media (max-width:640px){.table--collapse thead{display:none}.table--collapse tbody tr{background-color:var(--color-surface);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-md);display:block;margin-bottom:var(--space-4);overflow:hidden}.table--collapse tbody td{border-bottom:var(--border-width) solid var(--color-border-subtle);display:flex;font-size:var(--text-sm);justify-content:space-between;padding:var(--space-3)}.table--collapse tbody td:last-child{border-bottom:none}.table--collapse tbody td:before{color:var(--color-text-muted);content:attr(data-label);font-size:var(--text-xs);font-weight:600;margin-right:var(--space-2)}}.table--hf{font-size:var(--text-xs)}.table--hf td,.table--hf th{border:var(--border-width) solid var(--color-border-subtle);padding:var(--space-1) var(--space-2)}.table--hf thead th{background-color:var(--color-surface-subtle);border-bottom:var(--border-width-strong) solid var(--color-border-strong);position:sticky;top:0;z-index:var(--z-sticky)}.t-num,.t-pct,.table--hf td[data-type=num]{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.t-cur,.t-num,.t-pct{white-space:nowrap}.t-cur{font-feature-settings:"tnum";align-items:baseline;display:flex;font-variant-numeric:tabular-nums;justify-content:space-between}.cur-eur:before{content:"€"}.cur-usd:before{content:"$"}.cur-gbp:before{content:"£"}.cur-ron:before{content:"RON"}.cur-chf:before{content:"CHF"}.cur-jpy:before{content:"¥"}.cur-chf:before,.cur-eur:before,.cur-gbp:before,.cur-jpy:before,.cur-ron:before,.cur-usd:before{color:var(--table-currency-tint);font-size:var(--text-xxxs);font-weight:600;margin-right:var(--space-1)}.t-pct{color:inherit}.table tfoot td{background-color:var(--color-surface-subtle);border-top:var(--border-width-strong) solid var(--color-border-strong);font-weight:600}.table--sticky-footer tfoot td{background-color:var(--color-bg-elevated,var(--color-surface));bottom:0;position:sticky;z-index:var(--z-sticky)}.t-trend{font-feature-settings:"tnum";align-items:center;display:flex;font-variant-numeric:tabular-nums;justify-content:space-between;text-align:right;white-space:nowrap;width:100%}.t-down,.t-flat,.t-up{align-items:center;display:inline-flex}.t-up{color:var(--table-trend-up,var(--color-success-strong))}.t-down{color:var(--table-trend-down,var(--color-danger-strong))}.t-flat{color:var(--table-trend-flat,var(--color-text-muted))}.t-down:before,.t-flat:before,.t-up:before{background-color:currentColor;content:"";height:var(--icon-xs);margin-right:var(--space-1);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:var(--icon-xs)}.t-up:before{-webkit-mask-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor"><path d="M9 15H7V8H5l3-7 3 7H9Z"/></svg>');mask-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor"><path d="M9 15H7V8H5l3-7 3 7H9Z"/></svg>')}.t-down:before{-webkit-mask-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor"><path d="M7 1h2v7h2l-3 7-3-7h2Z"/></svg>');mask-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor"><path d="M7 1h2v7h2l-3 7-3-7h2Z"/></svg>')}.t-flat:before{-webkit-mask-image:url('data:image/svg+xml;charset=utf-8,<svg stroke="currentColor" fill="none" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path stroke-width="2" d="M3 8h10"/></svg>');mask-image:url('data:image/svg+xml;charset=utf-8,<svg stroke="currentColor" fill="none" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path stroke-width="2" d="M3 8h10"/></svg>')}.table tbody tr.table-fin--good{background-color:var(--table-row-good-bg,var(--color-success-soft))}.table tbody tr.table-fin--bad{background-color:var(--table-row-bad-bg,var(--color-danger-soft))}.table tbody tr.table-fin--warning{background-color:var(--table-row-warning-bg,var(--color-warning-soft))}.table tbody tr.table-fin--info{background-color:var(--table-row-info-bg,var(--color-info-soft))}.table tbody tr.table-fin--muted{background-color:var(--table-row-muted-bg,var(--color-muted-bg));color:var(--color-text-muted)}.table tbody tr.table-fin--flagged{background-color:var(--table-row-flagged-bg,var(--color-danger-soft));border-left:var(--border-width-strong) solid var(--color-danger)}.table tbody tr.table-fin--curious{background-color:var(--table-row-curious-bg,var(--color-surface-subtle));border-left:var(--border-width-strong) solid var(--color-accent)}
1
+ .vds-table,[data-vds-table]{--table-currency-tint:color-mix(in srgb,currentColor 50%,transparent 30%)}.table-wrapper{overflow-x:auto;width:100%;-webkit-overflow-scrolling:touch}.table-panel{background-color:var(--color-surface);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);padding:var(--space-4)}.table-panel__header{align-items:center;display:flex;gap:var(--space-3);justify-content:space-between;margin-bottom:var(--space-3)}.table-panel__title{color:var(--color-text);font-size:var(--text-sm);font-weight:600}.table-panel__meta{color:var(--color-text-muted);font-size:var(--text-xs)}.table-panel__actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2)}.table{background-color:var(--color-surface);border-collapse:collapse;border-spacing:0;color:var(--color-text);width:100%;--table-cell-pad-y:var(--space-3);--table-cell-pad-x:var(--space-4);--table-cell-font-size:var(--text-sm)}.table--fixed{table-layout:fixed}.table td,.table th{border-bottom:var(--border-width) solid var(--color-border-subtle);font-size:var(--table-cell-font-size);padding:var(--table-cell-pad-y) var(--table-cell-pad-x);text-align:left;vertical-align:middle}.table th{background-color:var(--color-surface-subtle);border-bottom:var(--border-width-strong) solid var(--color-border-strong);color:var(--color-text);font-size:var(--text-sm);font-weight:600;white-space:nowrap}.table-cell--right{text-align:right}.table-cell--center{text-align:center}.table-cell--muted{color:var(--color-text-muted)}.table-cell--strong{font-weight:600}.table-cell--nowrap{white-space:nowrap}.table-cell--truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table caption{caption-side:top;color:var(--color-text-muted);font-size:var(--text-xs);margin-bottom:var(--space-2);text-align:left}.table--a{--table-cell-pad-y:var(--space-4);--table-cell-pad-x:var(--space-5);--table-cell-font-size:var(--text-md)}.table--b{--table-cell-pad-y:var(--space-3);--table-cell-pad-x:var(--space-4);--table-cell-font-size:var(--text-sm)}.table--c{--table-cell-pad-y:var(--space-2);--table-cell-pad-x:var(--space-3);--table-cell-font-size:var(--text-xs)}.table--compact{--table-cell-pad-y:var(--space-1)}.table--bordered td,.table--bordered th{border:var(--border-width) solid var(--color-border-subtle)}.table--no-borders td,.table--no-borders th{border:none}.table--striped tbody tr:nth-child(odd){background-color:var(--color-surface-subtle)}.table--hover tbody tr:hover{background-color:var(--color-surface-soft)}.table--minimal td,.table--minimal th{background-color:transparent;border-bottom-color:var(--color-border-subtle)}.table--clear td,.table--clear th{background-color:transparent;border:none}.table--inset{border-radius:var(--radius-md);overflow:hidden}.table--truncate-cells td,.table--truncate-cells th{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table--nowrap td,.table--nowrap th{white-space:nowrap}.table--sticky-header thead th{background-color:var(--color-bg-elevated,var(--color-surface));box-shadow:0 1px 0 var(--color-border-subtle);position:sticky;top:0;z-index:var(--z-sticky)}.table--sticky-col td:first-child,.table--sticky-col th:first-child{background-color:var(--color-bg-elevated,var(--color-surface));box-shadow:1px 0 0 var(--color-border-subtle);left:0;position:sticky;z-index:var(--z-sticky-col)}.table--sticky-col-end td:last-child,.table--sticky-col-end th:last-child{background-color:var(--color-bg-elevated,var(--color-surface));box-shadow:-1px 0 0 var(--color-border-subtle);position:sticky;right:0;z-index:var(--z-sticky-col)}.table tbody tr.table-row--selected{background-color:var(--color-accent-soft)}.table tbody tr.table-row--success{background-color:var(--table-row-good-bg,var(--color-success-soft))}.table tbody tr.table-row--danger{background-color:var(--table-row-bad-bg,var(--color-danger-soft))}.table tbody tr.table-row--warning{background-color:var(--table-row-warning-bg,var(--color-warning-soft))}.table tbody tr.table-row--info{background-color:var(--table-row-info-bg,var(--color-info-soft))}.table tbody tr.table-row--muted{background-color:var(--table-row-muted-bg,var(--color-muted-bg));color:var(--color-text-muted)}.table tr.table-row--summary{background-color:var(--color-surface-subtle);font-weight:600}.table--selectable tbody tr{cursor:pointer}.table-actions{align-items:center;display:flex;gap:var(--space-2)}.table-actions .icon{color:var(--color-icon-muted);cursor:pointer;flex-shrink:0;height:var(--icon-sm);width:var(--icon-sm)}.table-actions .icon:hover{color:var(--color-icon-strong)}.table-row--expandable{cursor:pointer}.table-row--details{display:none}.table-row--details[data-expanded=true],.table-row--expanded+.table-row--details{display:table-row}.table-row--details td{background-color:var(--color-surface-subtle);padding:var(--space-4)}.table-group-header th{background-color:var(--color-surface-soft);border-top:var(--border-width-strong) solid var(--color-border-strong);font-weight:600;padding-bottom:var(--space-2);padding-top:var(--space-3)}.metric-table{border-collapse:collapse;width:100%}.metric-table tr:not(:last-child) td{border-bottom:var(--border-width) solid var(--color-border-subtle)}.metric-table__label{color:var(--color-text-muted);font-size:var(--text-xs);font-weight:500;padding:var(--space-2) 0}.metric-table__value{font-feature-settings:"tnum";font-size:var(--text-sm);font-variant-numeric:tabular-nums;font-weight:600;padding:var(--space-2) 0;text-align:right}.table-empty{color:var(--color-text-muted);padding:var(--space-6) 0;text-align:center}.table-empty__content{align-items:center;display:flex;flex-direction:column;text-align:center}.table-empty__icon{align-items:center;display:flex;justify-content:center;margin-bottom:.5rem;margin-bottom:var(--space-2,.5rem)}.table-loading td{color:transparent;overflow:hidden;position:relative}.table-loading td:after{animation:table-loading 1.6s infinite;background:linear-gradient(90deg,transparent,var(--color-muted-bg),transparent);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-150%)}@keyframes table-loading{0%{transform:translateX(-150%)}to{transform:translateX(150%)}}@media (max-width:640px){.table--collapse thead{display:none}.table--collapse tbody tr{background-color:var(--color-surface);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-md);display:block;margin-bottom:var(--space-4);overflow:hidden}.table--collapse tbody td{border-bottom:var(--border-width) solid var(--color-border-subtle);display:flex;font-size:var(--text-sm);justify-content:space-between;padding:var(--space-3)}.table--collapse tbody td:last-child{border-bottom:none}.table--collapse tbody td:before{color:var(--color-text-muted);content:attr(data-label);font-size:var(--text-xs);font-weight:600;margin-right:var(--space-2)}}.table--hf{font-size:var(--text-xs)}.table--hf td,.table--hf th{border:var(--border-width) solid var(--color-border-subtle);padding:var(--space-1) var(--space-2)}.table--hf thead th{background-color:var(--color-surface-subtle);border-bottom:var(--border-width-strong) solid var(--color-border-strong);position:sticky;top:0;z-index:var(--z-sticky)}.t-num,.t-pct,.table--hf td[data-type=num]{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.t-cur,.t-num,.t-pct{white-space:nowrap}.t-cur{align-items:baseline;display:flex;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;justify-content:space-between}.cur-eur:before{content:"€"}.cur-usd:before{content:"$"}.cur-gbp:before{content:"£"}.cur-ron:before{content:"RON"}.cur-chf:before{content:"CHF"}.cur-jpy:before{content:"¥"}.cur-chf:before,.cur-eur:before,.cur-gbp:before,.cur-jpy:before,.cur-ron:before,.cur-usd:before{color:var(--table-currency-tint);font-size:var(--text-xxxs);font-weight:600;margin-right:var(--space-1)}.t-pct{color:inherit}.table tfoot td{background-color:var(--color-surface-subtle);border-top:var(--border-width-strong) solid var(--color-border-strong);font-weight:600}.table--sticky-footer tfoot td{background-color:var(--color-bg-elevated,var(--color-surface));bottom:0;position:sticky;z-index:var(--z-sticky)}.t-trend{align-items:center;display:flex;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;justify-content:space-between;text-align:right;white-space:nowrap;width:100%}.t-down,.t-flat,.t-up{align-items:center;display:inline-flex}.t-up{color:var(--table-trend-up,var(--color-success-strong))}.t-down{color:var(--table-trend-down,var(--color-danger-strong))}.t-flat{color:var(--table-trend-flat,var(--color-text-muted))}.t-down:before,.t-flat:before,.t-up:before{background-color:currentColor;content:"";height:var(--icon-xs);margin-right:var(--space-1);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:var(--icon-xs)}.t-up:before{-webkit-mask-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 16 16"><path d="M9 15H7V8H5l3-7 3 7H9Z"/></svg>');mask-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 16 16"><path d="M9 15H7V8H5l3-7 3 7H9Z"/></svg>')}.t-down:before{-webkit-mask-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 16 16"><path d="M7 1h2v7h2l-3 7-3-7h2Z"/></svg>');mask-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 16 16"><path d="M7 1h2v7h2l-3 7-3-7h2Z"/></svg>')}.t-flat:before{-webkit-mask-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" viewBox="0 0 16 16"><path stroke-width="2" d="M3 8h10"/></svg>');mask-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" viewBox="0 0 16 16"><path stroke-width="2" d="M3 8h10"/></svg>')}.table tbody tr.table-fin--good{background-color:var(--table-row-good-bg,var(--color-success-soft))}.table tbody tr.table-fin--bad{background-color:var(--table-row-bad-bg,var(--color-danger-soft))}.table tbody tr.table-fin--warning{background-color:var(--table-row-warning-bg,var(--color-warning-soft))}.table tbody tr.table-fin--info{background-color:var(--table-row-info-bg,var(--color-info-soft))}.table tbody tr.table-fin--muted{background-color:var(--table-row-muted-bg,var(--color-muted-bg));color:var(--color-text-muted)}.table tbody tr.table-fin--flagged{background-color:var(--table-row-flagged-bg,var(--color-danger-soft));border-left:var(--border-width-strong) solid var(--color-danger)}.table tbody tr.table-fin--curious{background-color:var(--table-row-curious-bg,var(--color-surface-subtle));border-left:var(--border-width-strong) solid var(--color-accent)}
package/dist/components/tabs.min.css CHANGED
@@ -1 +1 @@
1
- .vds-tabs,[data-vds-tabs]{--tabs-component-disabled-opacity:0.48;--tabs-pill-radius:var(--radius-pill);--tabs-pill-bg:var(--color-surface);--tabs-pill-border:var(--color-border-subtle);--tabs-pill-text:var(--color-text-muted);--tabs-pill-hover-bg:var(--color-surface-subtle);--tabs-pill-active-bg:var(--color-accent-soft);--tabs-pill-active-border:var(--color-accent);--tabs-pill-active-text:var(--color-text);--tabs-segmented-bg:var(--color-surface-subtle);--tabs-segmented-border:var(--color-border-subtle);--tabs-segmented-text:var(--color-text-muted);--tabs-segmented-active-bg:var(--color-surface);--tabs-segmented-active-text:var(--color-text);--tabs-segmented-shadow:var(--shadow-1)}.tabs{display:flex;flex-direction:column;gap:var(--space-3);width:100%}.tabs--center{align-items:center}.tabs--right{align-items:flex-end}.tab-list{border-bottom:var(--border-width) solid var(--color-border-subtle);display:inline-flex;flex-wrap:nowrap;gap:0;position:relative;width:100%}.tab-list--scroll{-webkit-overflow-scrolling:touch;overflow-x:auto;scrollbar-width:thin}.tab-list--scroll::-webkit-scrollbar{height:6px}.tabs--inline .tab-list{width:auto}.tabs--stretch .tab-list{width:100%}.tabs--stretch .tab{flex:1 1 0}.tab{background:none;border:none;border-radius:0;color:var(--color-text-muted);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-normal);line-height:1.2;padding:var(--space-2) var(--space-3);position:relative;transition:color var(--transition-normal),background-color var(--transition-normal),box-shadow var(--transition-normal);white-space:nowrap}.tab,.tab__icon{align-items:center;display:inline-flex;justify-content:center}.tab__icon{height:var(--icon-sm);margin-right:var(--space-2);width:var(--icon-sm)}.tab__badge{background-color:var(--color-muted-bg);border-radius:var(--radius-full);color:var(--color-text-soft);font-size:var(--text-xxs);margin-left:var(--space-2);padding:0 var(--space-2)}.tab--icon-only{min-height:var(--space-8);min-width:var(--space-8);padding:var(--space-2)}.tab--icon-only .tab__icon{margin-right:0}.tab:hover{background-color:var(--color-surface-subtle);color:var(--color-text)}.tab:focus-visible{box-shadow:0 var(--tab-indicator-height) 0 0 var(--focus-ring-color);color:var(--color-text);outline:none}.tab--disabled,.tab[disabled]{background:none;box-shadow:none;cursor:not-allowed;opacity:var(--tabs-component-disabled-opacity)}.tab--active{box-shadow:0 var(--tab-indicator-height) 0 0 var(--color-accent);color:var(--color-text);font-weight:var(--font-weight-semibold)}.tabs--on-muted .tab--active{box-shadow:0 var(--tab-indicator-height) 0 0 var(--color-accent-strong)}.tab--active:hover{background-color:transparent}.tabs--pills .tab-list{border:none;gap:var(--space-2)}.tabs--pills .tab{background-color:var(--tabs-pill-bg);border:var(--border-width) solid var(--tabs-pill-border);border-radius:var(--tabs-pill-radius);box-shadow:none;color:var(--tabs-pill-text)}.tabs--pills .tab:hover{background-color:var(--tabs-pill-hover-bg);color:var(--color-text)}.tabs--pills .tab:focus-visible{box-shadow:0 0 0 1px var(--color-surface),0 0 0 3px var(--focus-ring-color)}.tabs--pills .tab--active{border-color:var(--tabs-pill-active-border);box-shadow:none;color:var(--tabs-pill-active-text)}.tabs--pills .tab--active,.tabs--pills .tab--active:hover{background-color:var(--tabs-pill-active-bg)}.tabs--segmented .tab-list{background-color:var(--tabs-segmented-bg);border:var(--border-width) solid var(--tabs-segmented-border);border-radius:var(--radius-pill);gap:var(--space-1);padding:var(--space-1);width:auto}.tabs--segmented.tabs--stretch .tab-list{width:100%}.tabs--segmented .tab{background-color:transparent;border-radius:var(--radius-pill);box-shadow:none;color:var(--tabs-segmented-text)}.tabs--segmented .tab:hover{background-color:var(--color-surface);color:var(--color-text)}.tabs--segmented .tab:focus-visible{box-shadow:0 0 0 1px var(--color-surface),0 0 0 3px var(--focus-ring-color)}.tabs--segmented .tab--active{box-shadow:var(--tabs-segmented-shadow);color:var(--tabs-segmented-active-text)}.tabs--segmented .tab--active,.tabs--segmented .tab--active:hover{background-color:var(--tabs-segmented-active-bg)}.tabs--a .tab{font-size:var(--text-md);padding:var(--space-3) var(--space-4)}.tabs--c .tab{font-size:var(--text-xs);padding:var(--space-1_5) var(--space-2)}.tabs--vertical{align-items:flex-start;flex-direction:row;gap:var(--space-6)}.tabs--vertical .tab-list{align-items:stretch;border-bottom:none;border-right:var(--border-width) solid var(--color-border-subtle);flex-direction:column;min-width:var(--sidebar-width-md);width:auto}.tabs--vertical .tab{justify-content:flex-start;padding:var(--space-2) var(--space-3);text-align:left;width:100%}.tabs--vertical .tab--active{box-shadow:var(--tab-indicator-height) 0 0 0 var(--color-accent)}.tabs--vertical .tab:focus-visible{box-shadow:var(--tab-indicator-height) 0 0 0 var(--focus-ring-color)}.tabs--vertical.tabs--c .tab{padding:var(--space-1_5) var(--space-2)}.tabs--vertical.tabs--a .tab{padding:var(--space-3) var(--space-4)}.tab-panel{padding-top:var(--space-2);width:100%}.tab-panel.is-hidden,.tab-panel[hidden]{display:none}.tab-panel--padded{padding-top:var(--space-4)}.tabs--vertical .tab-panel,.tabs--vertical .tab-panels{flex:1 1 0}.tab-panels{padding-top:var(--space-2);width:100%}@media (max-width:768px){.tab-list{-webkit-overflow-scrolling:touch;overflow-x:auto;scrollbar-width:thin}.tab-list::-webkit-scrollbar{height:6px}.tabs--vertical{flex-direction:column;gap:var(--space-3)}.tabs--vertical .tab-list{border-bottom:var(--border-width) solid var(--color-border-subtle);border-right:none;flex-direction:row;min-width:0;width:100%}.tabs--vertical .tab{justify-content:center;text-align:center}.tabs--vertical .tab--active{box-shadow:0 var(--tab-indicator-height) 0 0 var(--color-accent)}.tabs--vertical .tab:focus-visible{box-shadow:0 var(--tab-indicator-height) 0 0 var(--focus-ring-color)}}
1
+ .vds-tabs,[data-vds-tabs]{--tabs-component-disabled-opacity:0.48;--tabs-pill-radius:var(--radius-pill);--tabs-pill-bg:var(--color-surface);--tabs-pill-border:var(--color-border-subtle);--tabs-pill-text:var(--color-text-muted);--tabs-pill-hover-bg:var(--color-surface-subtle);--tabs-pill-active-bg:var(--color-accent-soft);--tabs-pill-active-border:var(--color-accent);--tabs-pill-active-text:var(--color-text);--tabs-segmented-bg:var(--color-surface-subtle);--tabs-segmented-border:var(--color-border-subtle);--tabs-segmented-text:var(--color-text-muted);--tabs-segmented-active-bg:var(--color-surface);--tabs-segmented-active-text:var(--color-text);--tabs-segmented-shadow:var(--shadow-1)}.tabs{display:flex;flex-direction:column;gap:var(--space-3);width:100%}.tabs--center{align-items:center}.tabs--right{align-items:flex-end}.tab-list{border-bottom:var(--border-width) solid var(--color-border-subtle);display:inline-flex;flex-wrap:nowrap;gap:0;position:relative;width:100%}.tab-list--scroll{overflow-x:auto;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.tab-list--scroll::-webkit-scrollbar{height:6px}.tabs--inline .tab-list{width:auto}.tabs--stretch .tab-list{width:100%}.tabs--stretch .tab{flex:1 1 0}.tab{background:none;border:none;border-radius:0;color:var(--color-text-muted);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-normal);line-height:1.2;padding:var(--space-2) var(--space-3);position:relative;transition:color var(--transition-normal),background-color var(--transition-normal),box-shadow var(--transition-normal);white-space:nowrap}.tab,.tab__icon{align-items:center;display:inline-flex;justify-content:center}.tab__icon{height:var(--icon-sm);margin-right:var(--space-2);width:var(--icon-sm)}.tab__badge{background-color:var(--color-muted-bg);border-radius:var(--radius-full);color:var(--color-text-soft);font-size:var(--text-xxs);margin-left:var(--space-2);padding:0 var(--space-2)}.tab--icon-only{min-height:var(--space-8);min-width:var(--space-8);padding:var(--space-2)}.tab--icon-only .tab__icon{margin-right:0}.tab:hover{background-color:var(--color-surface-subtle);color:var(--color-text)}.tab:focus-visible{box-shadow:0 var(--tab-indicator-height) 0 0 var(--focus-ring-color);color:var(--color-text);outline:none}.tab--disabled,.tab[disabled]{background:none;box-shadow:none;cursor:not-allowed;opacity:var(--tabs-component-disabled-opacity)}.tab--active{box-shadow:0 var(--tab-indicator-height) 0 0 var(--color-accent);color:var(--color-text);font-weight:var(--font-weight-semibold)}.tabs--on-muted .tab--active{box-shadow:0 var(--tab-indicator-height) 0 0 var(--color-accent-strong)}.tab--active:hover{background-color:transparent}.tabs--pills .tab-list{border:none;gap:var(--space-2)}.tabs--pills .tab{background-color:var(--tabs-pill-bg);border:var(--border-width) solid var(--tabs-pill-border);border-radius:var(--tabs-pill-radius);box-shadow:none;color:var(--tabs-pill-text)}.tabs--pills .tab:hover{background-color:var(--tabs-pill-hover-bg);color:var(--color-text)}.tabs--pills .tab:focus-visible{box-shadow:0 0 0 1px var(--color-surface),0 0 0 3px var(--focus-ring-color)}.tabs--pills .tab--active{border-color:var(--tabs-pill-active-border);box-shadow:none;color:var(--tabs-pill-active-text)}.tabs--pills .tab--active,.tabs--pills .tab--active:hover{background-color:var(--tabs-pill-active-bg)}.tabs--segmented .tab-list{background-color:var(--tabs-segmented-bg);border:var(--border-width) solid var(--tabs-segmented-border);border-radius:var(--radius-pill);gap:var(--space-1);padding:var(--space-1);width:auto}.tabs--segmented.tabs--stretch .tab-list{width:100%}.tabs--segmented .tab{background-color:transparent;border-radius:var(--radius-pill);box-shadow:none;color:var(--tabs-segmented-text)}.tabs--segmented .tab:hover{background-color:var(--color-surface);color:var(--color-text)}.tabs--segmented .tab:focus-visible{box-shadow:0 0 0 1px var(--color-surface),0 0 0 3px var(--focus-ring-color)}.tabs--segmented .tab--active{box-shadow:var(--tabs-segmented-shadow);color:var(--tabs-segmented-active-text)}.tabs--segmented .tab--active,.tabs--segmented .tab--active:hover{background-color:var(--tabs-segmented-active-bg)}.tabs--a .tab{font-size:var(--text-md);padding:var(--space-3) var(--space-4)}.tabs--c .tab{font-size:var(--text-xs);padding:var(--space-1_5) var(--space-2)}.tabs--vertical{align-items:flex-start;flex-direction:row;gap:var(--space-6)}.tabs--vertical .tab-list{align-items:stretch;border-bottom:none;border-right:var(--border-width) solid var(--color-border-subtle);flex-direction:column;min-width:var(--sidebar-width-md);width:auto}.tabs--vertical .tab{justify-content:flex-start;padding:var(--space-2) var(--space-3);text-align:left;width:100%}.tabs--vertical .tab--active{box-shadow:var(--tab-indicator-height) 0 0 0 var(--color-accent)}.tabs--vertical .tab:focus-visible{box-shadow:var(--tab-indicator-height) 0 0 0 var(--focus-ring-color)}.tabs--vertical.tabs--c .tab{padding:var(--space-1_5) var(--space-2)}.tabs--vertical.tabs--a .tab{padding:var(--space-3) var(--space-4)}.tab-panel{padding-top:var(--space-2);width:100%}.tab-panel.is-hidden,.tab-panel[hidden]{display:none}.tab-panel--padded{padding-top:var(--space-4)}.tabs--vertical .tab-panel,.tabs--vertical .tab-panels{flex:1 1 0}.tab-panels{padding-top:var(--space-2);width:100%}@media (max-width:768px){.tab-list{overflow-x:auto;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.tab-list::-webkit-scrollbar{height:6px}.tabs--vertical{flex-direction:column;gap:var(--space-3)}.tabs--vertical .tab-list{border-bottom:var(--border-width) solid var(--color-border-subtle);border-right:none;flex-direction:row;min-width:0;width:100%}.tabs--vertical .tab{justify-content:center;text-align:center}.tabs--vertical .tab--active{box-shadow:0 var(--tab-indicator-height) 0 0 var(--color-accent)}.tabs--vertical .tab:focus-visible{box-shadow:0 var(--tab-indicator-height) 0 0 var(--focus-ring-color)}}
package/dist/components/toasts.min.css CHANGED
@@ -1 +1 @@
1
- .vds-toast,[data-vds-toast]{--toast-duration:5000ms;--toast-stack-width:20rem;--toast-stack-gap:var(--space-2);--toast-feedback-padding-md:var(--space-4);--toast-padding:var(--toast-feedback-padding-md);--toast-padding-compact:var(--space-3);--toast-progress-track:color-mix(in srgb,currentColor 20%,transparent);--toast-progress-fill:currentColor}.toast-stack{align-items:stretch;display:flex;flex-direction:column;gap:var(--toast-stack-gap);max-width:100%;pointer-events:none;position:fixed;width:var(--toast-stack-width);z-index:var(--z-toast)}.toast-stack .toast{width:100%}.toast-stack--top-right{align-items:flex-end;right:var(--space-4);top:var(--space-4)}.toast-stack--top-left{align-items:flex-start;left:var(--space-4);top:var(--space-4)}.toast-stack--bottom-right{align-items:flex-end;bottom:var(--space-4);right:var(--space-4)}.toast-stack--bottom-left{align-items:flex-start;bottom:var(--space-4);left:var(--space-4)}.toast-stack--top-center{top:var(--space-4)}.toast-stack--bottom-center,.toast-stack--top-center{align-items:center;left:50%;transform:translateX(-50%)}.toast-stack--bottom-center{bottom:var(--space-4)}@media (max-width:640px){.toast-stack{left:var(--space-2);max-width:none;right:var(--space-2)}.toast-stack--top-center,.toast-stack--top-left,.toast-stack--top-right{align-items:stretch;bottom:var(--space-2);top:auto;transform:none}.toast-stack--bottom-center,.toast-stack--bottom-left,.toast-stack--bottom-right{align-items:stretch;bottom:var(--space-2);transform:none}}.toast{--toast-bg:var(--color-surface);--toast-border:var(--color-border-subtle);--toast-accent:var(--toast-border);--toast-text:var(--color-text);grid-column-gap:var(--space-3);grid-row-gap:var(--space-1);background-color:var(--toast-bg);border:var(--border-width) solid var(--toast-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);color:var(--toast-text);-moz-column-gap:var(--space-3);column-gap:var(--space-3);display:grid;font-size:var(--text-sm);grid-template-areas:"icon body close" "progress progress progress";grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;line-height:var(--line-height-normal);opacity:0;padding:var(--toast-padding);pointer-events:auto;position:relative;row-gap:var(--space-1);transform:translateY(8px)}.toast__icon{align-items:center;display:flex;flex-shrink:0;grid-area:icon;height:var(--icon-sm);justify-content:center;margin-top:0;width:var(--icon-sm)}.toast__body{display:flex;flex-direction:column;gap:var(--space-1);grid-area:body;min-width:0}.toast__title{font-weight:var(--font-weight-semibold)}.toast__message{color:var(--color-text-muted);font-size:var(--text-xs)}.toast__close{align-items:center;align-self:start;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;color:var(--color-text-soft);cursor:pointer;display:inline-flex;grid-area:close;justify-content:center;justify-self:end;line-height:0;padding:var(--space-1)}.toast__close:hover{color:var(--color-text)}.toast__close:focus-visible{box-shadow:0 0 0 var(--focus-ring-width) var(--focus-ring-color);outline:none}.toast--in{animation:toast-slide-in .18s ease-out forwards;animation:toast-slide-in .18s var(--ease-out,ease-out) forwards}.toast--out{animation:toast-slide-out .15s ease-in forwards;animation:toast-slide-out .15s var(--ease-in,ease-in) forwards}.toast__progress{background-color:var(--toast-progress-track);border-radius:var(--radius-full);grid-area:progress;height:2px;margin-top:var(--space-1);overflow:hidden;position:relative}.toast__progress:before{animation:toast-progress var(--toast-duration) linear forwards;background-color:var(--toast-progress-fill);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:scaleX(1);transform-origin:left center}.toast--compact{--toast-padding:var(--toast-padding-compact);grid-template-areas:"icon body close";grid-template-rows:auto}.toast--compact .toast__message{color:inherit;font-size:var(--text-sm)}.toast--compact .toast__progress,.toast--compact .toast__title{display:none}.toast--no-progress{grid-template-areas:"icon body close";grid-template-rows:auto}.toast--no-progress .toast__progress{display:none}.toast--no-icon{grid-template-areas:"body close" "progress progress";grid-template-columns:1fr auto}.toast--no-icon .toast__icon{display:none}.toast--no-close{grid-template-areas:"icon body" "progress progress";grid-template-columns:auto 1fr}.toast--no-close .toast__close{display:none}.toast--no-icon.toast--no-close{grid-template-areas:"body" "progress";grid-template-columns:1fr}.toast--no-progress.toast--no-icon{grid-template-areas:"body close";grid-template-columns:1fr auto}.toast--no-progress.toast--no-close{grid-template-areas:"icon body";grid-template-columns:auto 1fr}.toast--no-progress.toast--no-icon.toast--no-close{grid-template-areas:"body";grid-template-columns:1fr}.toast--compact.toast--no-icon{grid-template-areas:"body close";grid-template-columns:1fr auto;grid-template-rows:auto}.toast--compact.toast--no-close{grid-template-areas:"icon body";grid-template-columns:auto 1fr;grid-template-rows:auto}.toast--compact.toast--no-icon.toast--no-close{grid-template-areas:"body";grid-template-columns:1fr;grid-template-rows:auto}.toast__actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}.toast--inline{animation:none;box-shadow:none;margin-bottom:var(--space-2);margin-top:var(--space-2);opacity:1;position:static;transform:none;width:100%}.toast--inline .toast__progress{display:none}.toast--neutral{--toast-bg:var(--color-muted-bg);--toast-border:var(--color-muted-border);--toast-text:var(--color-text)}.toast--info{--toast-bg:var(--semantic-info-bg-strong,var(--color-info-soft));--toast-accent:var(--semantic-info-border-strong,var(--color-info));--toast-text:var(--semantic-info-text-strong,var(--color-info-strong))}.toast--success{--toast-bg:var(--semantic-success-bg-strong,var(--color-success-soft));--toast-accent:var(--semantic-success-border-strong,var(--color-success));--toast-text:var(--semantic-success-text-strong,var(--color-success-strong))}.toast--warning{--toast-bg:var(--semantic-warning-bg-strong,var(--color-warning-soft));--toast-accent:var(--semantic-warning-border-strong,var(--color-warning));--toast-text:var(--semantic-warning-text-strong,var(--color-warning-strong))}.toast--danger,.toast--error{--toast-bg:var(--semantic-error-bg-strong,var(--color-danger-soft));--toast-accent:var(--semantic-error-border-strong,var(--color-danger));--toast-text:var(--semantic-error-text-strong,var(--color-danger-strong))}.toast--danger,.toast--error,.toast--info,.toast--success,.toast--warning{background-color:var(--toast-bg);border-left:var(--border-width-strong) solid var(--toast-accent);color:var(--toast-text)}.toast--danger .toast__message,.toast--error .toast__message,.toast--info .toast__message,.toast--neutral .toast__message,.toast--success .toast__message,.toast--warning .toast__message{color:inherit}.toast--exiting{animation:toast-slide-out var(--transition-fast) var(--ease-in) forwards}@keyframes toast-slide-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-slide-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(6px)}}@keyframes toast-progress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media (prefers-reduced-motion:reduce){.toast{animation:none;opacity:1;transform:none;transition:none}.toast--exiting{animation:none;opacity:0}.toast__progress:before{animation-duration:var(--motion-none)}}
1
+ .vds-toast,[data-vds-toast]{--toast-duration:5000ms;--toast-stack-width:20rem;--toast-stack-gap:var(--space-2);--toast-feedback-padding-md:var(--space-4);--toast-padding:var(--toast-feedback-padding-md);--toast-padding-compact:var(--space-3);--toast-progress-track:color-mix(in srgb,currentColor 20%,transparent);--toast-progress-fill:currentColor}.toast-stack{align-items:stretch;display:flex;flex-direction:column;gap:var(--toast-stack-gap);max-width:100%;pointer-events:none;position:fixed;width:var(--toast-stack-width);z-index:var(--z-toast)}.toast-stack .toast{width:100%}.toast-stack--top-right{align-items:flex-end;right:var(--space-4);top:var(--space-4)}.toast-stack--top-left{align-items:flex-start;left:var(--space-4);top:var(--space-4)}.toast-stack--bottom-right{align-items:flex-end;bottom:var(--space-4);right:var(--space-4)}.toast-stack--bottom-left{align-items:flex-start;bottom:var(--space-4);left:var(--space-4)}.toast-stack--top-center{top:var(--space-4)}.toast-stack--bottom-center,.toast-stack--top-center{align-items:center;left:50%;transform:translateX(-50%)}.toast-stack--bottom-center{bottom:var(--space-4)}@media (max-width:640px){.toast-stack{left:var(--space-2);max-width:none;right:var(--space-2)}.toast-stack--top-center,.toast-stack--top-left,.toast-stack--top-right{align-items:stretch;bottom:var(--space-2);top:auto;transform:none}.toast-stack--bottom-center,.toast-stack--bottom-left,.toast-stack--bottom-right{align-items:stretch;bottom:var(--space-2);transform:none}}.toast{--toast-bg:var(--color-surface);--toast-border:var(--color-border-subtle);--toast-accent:var(--toast-border);--toast-text:var(--color-text);display:grid;grid-template-areas:"icon body close" "progress progress progress";grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;pointer-events:auto;grid-column-gap:var(--space-3);-moz-column-gap:var(--space-3);column-gap:var(--space-3);grid-row-gap:var(--space-1);background-color:var(--toast-bg);border:var(--border-width) solid var(--toast-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);color:var(--toast-text);font-size:var(--text-sm);line-height:var(--line-height-normal);opacity:0;padding:var(--toast-padding);position:relative;row-gap:var(--space-1);transform:translateY(8px)}.toast__icon{align-items:center;display:flex;flex-shrink:0;grid-area:icon;height:var(--icon-sm);justify-content:center;margin-top:0;width:var(--icon-sm)}.toast__body{display:flex;flex-direction:column;gap:var(--space-1);grid-area:body;min-width:0}.toast__title{font-weight:var(--font-weight-semibold)}.toast__message{color:var(--color-text-muted);font-size:var(--text-xs)}.toast__close{align-items:center;align-self:start;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;color:var(--color-text-soft);cursor:pointer;display:inline-flex;grid-area:close;justify-content:center;justify-self:end;line-height:0;padding:var(--space-1)}.toast__close:hover{color:var(--color-text)}.toast__close:focus-visible{box-shadow:0 0 0 var(--focus-ring-width) var(--focus-ring-color);outline:none}.toast--in{animation:toast-slide-in .18s ease-out forwards;animation:toast-slide-in .18s var(--ease-out,ease-out) forwards}.toast--out{animation:toast-slide-out .15s ease-in forwards;animation:toast-slide-out .15s var(--ease-in,ease-in) forwards}.toast__progress{background-color:var(--toast-progress-track);border-radius:var(--radius-full);grid-area:progress;height:2px;margin-top:var(--space-1);overflow:hidden;position:relative}.toast__progress:before{animation:toast-progress var(--toast-duration) linear forwards;background-color:var(--toast-progress-fill);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:scaleX(1);transform-origin:left center}.toast--compact{--toast-padding:var(--toast-padding-compact);grid-template-areas:"icon body close";grid-template-rows:auto}.toast--compact .toast__message{color:inherit;font-size:var(--text-sm)}.toast--compact .toast__progress,.toast--compact .toast__title{display:none}.toast--no-progress{grid-template-areas:"icon body close";grid-template-rows:auto}.toast--no-progress .toast__progress{display:none}.toast--no-icon{grid-template-areas:"body close" "progress progress";grid-template-columns:1fr auto}.toast--no-icon .toast__icon{display:none}.toast--no-close{grid-template-areas:"icon body" "progress progress";grid-template-columns:auto 1fr}.toast--no-close .toast__close{display:none}.toast--no-icon.toast--no-close{grid-template-areas:"body" "progress";grid-template-columns:1fr}.toast--no-progress.toast--no-icon{grid-template-areas:"body close";grid-template-columns:1fr auto}.toast--no-progress.toast--no-close{grid-template-areas:"icon body";grid-template-columns:auto 1fr}.toast--no-progress.toast--no-icon.toast--no-close{grid-template-areas:"body";grid-template-columns:1fr}.toast--compact.toast--no-icon{grid-template-areas:"body close";grid-template-columns:1fr auto;grid-template-rows:auto}.toast--compact.toast--no-close{grid-template-areas:"icon body";grid-template-columns:auto 1fr;grid-template-rows:auto}.toast--compact.toast--no-icon.toast--no-close{grid-template-areas:"body";grid-template-columns:1fr;grid-template-rows:auto}.toast__actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}.toast--inline{animation:none;box-shadow:none;margin-bottom:var(--space-2);margin-top:var(--space-2);opacity:1;position:static;transform:none;width:100%}.toast--inline .toast__progress{display:none}.toast--neutral{--toast-bg:var(--color-muted-bg);--toast-border:var(--color-muted-border);--toast-text:var(--color-text)}.toast--info{--toast-bg:var(--semantic-info-bg-strong,var(--color-info-soft));--toast-accent:var(--semantic-info-border-strong,var(--color-info));--toast-text:var(--semantic-info-text-strong,var(--color-info-strong))}.toast--success{--toast-bg:var(--semantic-success-bg-strong,var(--color-success-soft));--toast-accent:var(--semantic-success-border-strong,var(--color-success));--toast-text:var(--semantic-success-text-strong,var(--color-success-strong))}.toast--warning{--toast-bg:var(--semantic-warning-bg-strong,var(--color-warning-soft));--toast-accent:var(--semantic-warning-border-strong,var(--color-warning));--toast-text:var(--semantic-warning-text-strong,var(--color-warning-strong))}.toast--danger,.toast--error{--toast-bg:var(--semantic-error-bg-strong,var(--color-danger-soft));--toast-accent:var(--semantic-error-border-strong,var(--color-danger));--toast-text:var(--semantic-error-text-strong,var(--color-danger-strong))}.toast--danger,.toast--error,.toast--info,.toast--success,.toast--warning{background-color:var(--toast-bg);border-left:var(--border-width-strong) solid var(--toast-accent);color:var(--toast-text)}.toast--danger .toast__message,.toast--error .toast__message,.toast--info .toast__message,.toast--neutral .toast__message,.toast--success .toast__message,.toast--warning .toast__message{color:inherit}.toast--exiting{animation:toast-slide-out var(--transition-fast) var(--ease-in) forwards}@keyframes toast-slide-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-slide-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(6px)}}@keyframes toast-progress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media (prefers-reduced-motion:reduce){.toast{animation:none;opacity:1;transform:none;transition:none}.toast--exiting{animation:none;opacity:0}.toast__progress:before{animation-duration:var(--motion-none)}}
package/dist/components/tooltips-popovers.min.css CHANGED
@@ -1 +1 @@
1
- .tooltip-trigger{align-items:center;display:inline-flex;position:relative}.tooltip{--tooltip-offset:var(--space-2);--tooltip-motion:0.25rem;--tooltip-max-width:24rem;--tooltip-arrow-size:var(--space-3);--tooltip-arrow-inset:var(--space-4);--tooltip-bg:var(--color-surface);--tooltip-border:var(--color-border-subtle);--tooltip-text:var(--color-text);background-color:var(--tooltip-bg);border:1px solid var(--tooltip-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-2);color:var(--tooltip-text);font-size:var(--text-xs);line-height:1.4;max-width:24rem;max-width:var(--tooltip-max-width);opacity:0;padding:var(--space-2) var(--space-3);pointer-events:none;position:absolute;transition:opacity var(--transition-fast) var(--ease-out),transform var(--transition-fast) var(--ease-out);white-space:normal;z-index:var(--z-tooltip)}.tooltip--visible,.tooltip[data-state=open]{--tooltip-motion:0rem;opacity:1}.tooltip--top{bottom:100%;left:50%;transform:translate(-50%,calc(var(--tooltip-offset)*-1 - var(--tooltip-motion)))}.tooltip--bottom{left:50%;top:100%;transform:translate(-50%,calc(var(--tooltip-offset) + var(--tooltip-motion)))}.tooltip--left{right:100%;top:50%;transform:translate(calc(var(--tooltip-offset)*-1 - var(--tooltip-motion)),-50%)}.tooltip--right{left:100%;top:50%;transform:translate(calc(var(--tooltip-offset) + var(--tooltip-motion)),-50%)}.tooltip--top-left{left:0}.tooltip--top-left,.tooltip--top-right{bottom:100%;transform:translateY(calc(var(--tooltip-offset)*-1 - var(--tooltip-motion)))}.tooltip--top-right{right:0}.tooltip--bottom-left{left:0}.tooltip--bottom-left,.tooltip--bottom-right{top:100%;transform:translateY(calc(var(--tooltip-offset) + var(--tooltip-motion)))}.tooltip--bottom-right{right:0}.tooltip__arrow{background-color:inherit;border:inherit;border-left:none;border-top:none;height:var(--tooltip-arrow-size);position:absolute;transform:rotate(45deg);width:var(--tooltip-arrow-size)}.tooltip--top .tooltip__arrow{left:50%;top:100%;transform:translate(-50%,-50%) rotate(45deg)}.tooltip--top-left .tooltip__arrow{left:var(--tooltip-arrow-inset);top:100%;transform:translateY(-50%) rotate(45deg)}.tooltip--top-right .tooltip__arrow{right:var(--tooltip-arrow-inset);top:100%;transform:translateY(-50%) rotate(45deg)}.tooltip--bottom .tooltip__arrow{bottom:100%;left:50%;transform:translate(-50%,50%) rotate(45deg)}.tooltip--bottom-left .tooltip__arrow{bottom:100%;left:var(--tooltip-arrow-inset);transform:translateY(50%) rotate(45deg)}.tooltip--bottom-right .tooltip__arrow{bottom:100%;right:var(--tooltip-arrow-inset);transform:translateY(50%) rotate(45deg)}.tooltip--left .tooltip__arrow{left:100%;top:50%;transform:translate(50%,-50%) rotate(45deg)}.tooltip--right .tooltip__arrow{right:100%;top:50%;transform:translate(-50%,-50%) rotate(45deg)}.tooltip--no-arrow .tooltip__arrow{display:none}.tooltip--interactive.tooltip--visible,.tooltip--interactive[data-state=open]{pointer-events:auto}.tooltip--a{font-size:var(--text-sm);padding:var(--space-3) var(--space-4)}.tooltip--c{font-size:var(--text-xs);padding:var(--space-1) var(--space-2)}.tooltip--info{background-color:var(--semantic-info-bg);border-color:var(--semantic-info-border);color:var(--semantic-info-text)}.tooltip--success{background-color:var(--semantic-success-bg);border-color:var(--semantic-success-border);color:var(--semantic-success-text)}.tooltip--warning{background-color:var(--semantic-warning-bg);border-color:var(--semantic-warning-border);color:var(--semantic-warning-text)}.tooltip--danger{background-color:var(--semantic-danger-bg);border-color:var(--semantic-danger-border);color:var(--semantic-danger-text)}.popover-anchor{display:inline-block;position:relative}.popover{--popover-offset:var(--space-2);--popover-motion:0.25rem;--popover-min-width:12rem;--popover-max-width:28rem;--popover-arrow-size:var(--space-3);--popover-arrow-inset:var(--space-6);--popover-bg:var(--color-surface);--popover-border:var(--color-border-subtle);--popover-text:var(--color-text);background-color:var(--popover-bg);border:1px solid var(--popover-border);border-radius:var(--radius-md);box-shadow:var(--shadow-3);color:var(--popover-text);display:flex;flex-direction:column;max-width:28rem;max-width:var(--popover-max-width);min-width:12rem;min-width:var(--popover-min-width);opacity:0;pointer-events:none;position:absolute;transition:opacity var(--transition-fast) var(--ease-out),transform var(--transition-fast) var(--ease-out);z-index:var(--z-tooltip)}.popover--open,.popover[data-state=open]{--popover-motion:0rem;opacity:1;pointer-events:auto}.popover--top{bottom:100%;left:50%;transform:translate(-50%,calc(var(--popover-offset)*-1 - var(--popover-motion)))}.popover--bottom{left:50%;top:100%;transform:translate(-50%,calc(var(--popover-offset) + var(--popover-motion)))}.popover--left{right:100%;top:50%;transform:translate(calc(var(--popover-offset)*-1 - var(--popover-motion)),-50%)}.popover--right{left:100%;top:50%;transform:translate(calc(var(--popover-offset) + var(--popover-motion)),-50%)}.popover--bottom-right{right:0}.popover--bottom-left,.popover--bottom-right{top:100%;transform:translateY(calc(var(--popover-offset) + var(--popover-motion)))}.popover--bottom-left{left:0}.popover--top-right{right:0}.popover--top-left,.popover--top-right{bottom:100%;transform:translateY(calc(var(--popover-offset)*-1 - var(--popover-motion)))}.popover--top-left{left:0}.popover__arrow{background-color:inherit;border:inherit;border-left:none;border-top:none;height:var(--popover-arrow-size);position:absolute;transform:rotate(45deg);width:var(--popover-arrow-size)}.popover--bottom .popover__arrow{bottom:100%;left:50%;transform:translate(-50%,50%) rotate(45deg)}.popover--bottom-left .popover__arrow{bottom:100%;left:var(--popover-arrow-inset);transform:translateY(50%) rotate(45deg)}.popover--bottom-right .popover__arrow{bottom:100%;right:var(--popover-arrow-inset);transform:translateY(50%) rotate(45deg)}.popover--top .popover__arrow{left:50%;top:100%;transform:translate(-50%,-50%) rotate(45deg)}.popover--top-left .popover__arrow{left:var(--popover-arrow-inset);top:100%;transform:translateY(-50%) rotate(45deg)}.popover--top-right .popover__arrow{right:var(--popover-arrow-inset);top:100%;transform:translateY(-50%) rotate(45deg)}.popover--left .popover__arrow{left:100%;top:50%;transform:translate(50%,-50%) rotate(45deg)}.popover--right .popover__arrow{right:100%;top:50%;transform:translate(-50%,-50%) rotate(45deg)}.popover--no-arrow .popover__arrow{display:none}.popover__footer,.popover__header{border-bottom:1px solid var(--color-border-subtle);padding:var(--space-3) var(--space-4)}.popover__footer{border-bottom:none;border-top:1px solid var(--color-border-subtle);display:flex;gap:var(--space-2);justify-content:flex-end}.popover__body{padding:var(--space-3) var(--space-4)}.popover__title{font-size:var(--text-sm);font-weight:600}.popover--a .popover__body,.popover--a .popover__footer,.popover--a .popover__header{font-size:var(--text-sm);padding:var(--space-4) var(--space-5)}.popover--c .popover__body,.popover--c .popover__footer,.popover--c .popover__header{font-size:var(--text-xs);padding:var(--space-2) var(--space-3)}.popover--info{background-color:var(--semantic-info-bg);border-color:var(--semantic-info-border);color:var(--semantic-info-text)}.popover--success{background-color:var(--semantic-success-bg);border-color:var(--semantic-success-border);color:var(--semantic-success-text)}.popover--warning{background-color:var(--semantic-warning-bg);border-color:var(--semantic-warning-border);color:var(--semantic-warning-text)}.popover--danger{background-color:var(--semantic-danger-bg);border-color:var(--semantic-danger-border);color:var(--semantic-danger-text)}
1
+ .tooltip-trigger{align-items:center;display:inline-flex;position:relative}.tooltip{--tooltip-offset:var(--space-2);--tooltip-motion:0.25rem;--tooltip-max-width:24rem;--tooltip-arrow-size:var(--space-3);--tooltip-arrow-inset:var(--space-4);--tooltip-bg:var(--color-surface);--tooltip-border:var(--color-border-subtle);--tooltip-text:var(--color-text);background-color:var(--tooltip-bg);border:1px solid var(--tooltip-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-2);color:var(--tooltip-text);font-size:var(--text-xs);line-height:1.4;max-width:24rem;max-width:var(--tooltip-max-width);opacity:0;padding:var(--space-2) var(--space-3);pointer-events:none;position:absolute;transition:opacity var(--transition-fast) var(--ease-out),transform var(--transition-fast) var(--ease-out);white-space:normal;z-index:var(--z-tooltip)}.tooltip--visible,.tooltip[data-state=open]{opacity:1;--tooltip-motion:0rem}.tooltip--top{bottom:100%;left:50%;transform:translate(-50%,calc(var(--tooltip-offset)*-1 - var(--tooltip-motion)))}.tooltip--bottom{left:50%;top:100%;transform:translate(-50%,calc(var(--tooltip-offset) + var(--tooltip-motion)))}.tooltip--left{right:100%;top:50%;transform:translate(calc(var(--tooltip-offset)*-1 - var(--tooltip-motion)),-50%)}.tooltip--right{left:100%;top:50%;transform:translate(calc(var(--tooltip-offset) + var(--tooltip-motion)),-50%)}.tooltip--top-left{left:0}.tooltip--top-left,.tooltip--top-right{bottom:100%;transform:translateY(calc(var(--tooltip-offset)*-1 - var(--tooltip-motion)))}.tooltip--top-right{right:0}.tooltip--bottom-left{left:0}.tooltip--bottom-left,.tooltip--bottom-right{top:100%;transform:translateY(calc(var(--tooltip-offset) + var(--tooltip-motion)))}.tooltip--bottom-right{right:0}.tooltip__arrow{background-color:inherit;border:inherit;border-left:none;border-top:none;height:var(--tooltip-arrow-size);position:absolute;transform:rotate(45deg);width:var(--tooltip-arrow-size)}.tooltip--top .tooltip__arrow{left:50%;top:100%;transform:translate(-50%,-50%) rotate(45deg)}.tooltip--top-left .tooltip__arrow{left:var(--tooltip-arrow-inset);top:100%;transform:translateY(-50%) rotate(45deg)}.tooltip--top-right .tooltip__arrow{right:var(--tooltip-arrow-inset);top:100%;transform:translateY(-50%) rotate(45deg)}.tooltip--bottom .tooltip__arrow{bottom:100%;left:50%;transform:translate(-50%,50%) rotate(45deg)}.tooltip--bottom-left .tooltip__arrow{bottom:100%;left:var(--tooltip-arrow-inset);transform:translateY(50%) rotate(45deg)}.tooltip--bottom-right .tooltip__arrow{bottom:100%;right:var(--tooltip-arrow-inset);transform:translateY(50%) rotate(45deg)}.tooltip--left .tooltip__arrow{left:100%;top:50%;transform:translate(50%,-50%) rotate(45deg)}.tooltip--right .tooltip__arrow{right:100%;top:50%;transform:translate(-50%,-50%) rotate(45deg)}.tooltip--no-arrow .tooltip__arrow{display:none}.tooltip--interactive.tooltip--visible,.tooltip--interactive[data-state=open]{pointer-events:auto}.tooltip--a{font-size:var(--text-sm);padding:var(--space-3) var(--space-4)}.tooltip--c{font-size:var(--text-xs);padding:var(--space-1) var(--space-2)}.tooltip--info{background-color:var(--semantic-info-bg);border-color:var(--semantic-info-border);color:var(--semantic-info-text)}.tooltip--success{background-color:var(--semantic-success-bg);border-color:var(--semantic-success-border);color:var(--semantic-success-text)}.tooltip--warning{background-color:var(--semantic-warning-bg);border-color:var(--semantic-warning-border);color:var(--semantic-warning-text)}.tooltip--danger{background-color:var(--semantic-danger-bg);border-color:var(--semantic-danger-border);color:var(--semantic-danger-text)}.popover-anchor{display:inline-block;position:relative}.popover{--popover-offset:var(--space-2);--popover-motion:0.25rem;--popover-min-width:12rem;--popover-max-width:28rem;--popover-arrow-size:var(--space-3);--popover-arrow-inset:var(--space-6);--popover-bg:var(--color-surface);--popover-border:var(--color-border-subtle);--popover-text:var(--color-text);background-color:var(--popover-bg);border:1px solid var(--popover-border);border-radius:var(--radius-md);box-shadow:var(--shadow-3);color:var(--popover-text);display:flex;flex-direction:column;max-width:28rem;max-width:var(--popover-max-width);min-width:12rem;min-width:var(--popover-min-width);opacity:0;pointer-events:none;position:absolute;transition:opacity var(--transition-fast) var(--ease-out),transform var(--transition-fast) var(--ease-out);z-index:var(--z-tooltip)}.popover--open,.popover[data-state=open]{opacity:1;pointer-events:auto;--popover-motion:0rem}.popover--top{bottom:100%;left:50%;transform:translate(-50%,calc(var(--popover-offset)*-1 - var(--popover-motion)))}.popover--bottom{left:50%;top:100%;transform:translate(-50%,calc(var(--popover-offset) + var(--popover-motion)))}.popover--left{right:100%;top:50%;transform:translate(calc(var(--popover-offset)*-1 - var(--popover-motion)),-50%)}.popover--right{left:100%;top:50%;transform:translate(calc(var(--popover-offset) + var(--popover-motion)),-50%)}.popover--bottom-right{right:0}.popover--bottom-left,.popover--bottom-right{top:100%;transform:translateY(calc(var(--popover-offset) + var(--popover-motion)))}.popover--bottom-left{left:0}.popover--top-right{right:0}.popover--top-left,.popover--top-right{bottom:100%;transform:translateY(calc(var(--popover-offset)*-1 - var(--popover-motion)))}.popover--top-left{left:0}.popover__arrow{background-color:inherit;border:inherit;border-left:none;border-top:none;height:var(--popover-arrow-size);position:absolute;transform:rotate(45deg);width:var(--popover-arrow-size)}.popover--bottom .popover__arrow{bottom:100%;left:50%;transform:translate(-50%,50%) rotate(45deg)}.popover--bottom-left .popover__arrow{bottom:100%;left:var(--popover-arrow-inset);transform:translateY(50%) rotate(45deg)}.popover--bottom-right .popover__arrow{bottom:100%;right:var(--popover-arrow-inset);transform:translateY(50%) rotate(45deg)}.popover--top .popover__arrow{left:50%;top:100%;transform:translate(-50%,-50%) rotate(45deg)}.popover--top-left .popover__arrow{left:var(--popover-arrow-inset);top:100%;transform:translateY(-50%) rotate(45deg)}.popover--top-right .popover__arrow{right:var(--popover-arrow-inset);top:100%;transform:translateY(-50%) rotate(45deg)}.popover--left .popover__arrow{left:100%;top:50%;transform:translate(50%,-50%) rotate(45deg)}.popover--right .popover__arrow{right:100%;top:50%;transform:translate(-50%,-50%) rotate(45deg)}.popover--no-arrow .popover__arrow{display:none}.popover__footer,.popover__header{border-bottom:1px solid var(--color-border-subtle);padding:var(--space-3) var(--space-4)}.popover__footer{border-bottom:none;border-top:1px solid var(--color-border-subtle);display:flex;gap:var(--space-2);justify-content:flex-end}.popover__body{padding:var(--space-3) var(--space-4)}.popover__title{font-size:var(--text-sm);font-weight:600}.popover--a .popover__body,.popover--a .popover__footer,.popover--a .popover__header{font-size:var(--text-sm);padding:var(--space-4) var(--space-5)}.popover--c .popover__body,.popover--c .popover__footer,.popover--c .popover__header{font-size:var(--text-xs);padding:var(--space-2) var(--space-3)}.popover--info{background-color:var(--semantic-info-bg);border-color:var(--semantic-info-border);color:var(--semantic-info-text)}.popover--success{background-color:var(--semantic-success-bg);border-color:var(--semantic-success-border);color:var(--semantic-success-text)}.popover--warning{background-color:var(--semantic-warning-bg);border-color:var(--semantic-warning-border);color:var(--semantic-warning-text)}.popover--danger{background-color:var(--semantic-danger-bg);border-color:var(--semantic-danger-border);color:var(--semantic-danger-text)}
package/dist/components/typography.css CHANGED
@@ -127,9 +127,6 @@
127
127
  .typography pre code {
128
128
  background: none !important;
129
129
  border: none !important;
130
- }
131
-
132
- .typography pre code {
133
130
  padding: 0;
134
131
  border-radius: 0;
135
132
  }
package/dist/components/utilities.css CHANGED
@@ -56,9 +56,6 @@
56
56
 
57
57
  .sr-only {
58
58
  position: absolute !important;
59
- }
60
-
61
- .sr-only {
62
59
  width: 1px;
63
60
  height: 1px;
64
61
  padding: 0;
@@ -72,10 +69,6 @@
72
69
  .sr-only-focusable:active,
73
70
  .sr-only-focusable:focus {
74
71
  position: static !important;
75
- }
76
-
77
- .sr-only-focusable:active,
78
- .sr-only-focusable:focus {
79
72
  width: auto;
80
73
  height: auto;
81
74
  margin: 0;