@skdx/skins 0.26.0 → 0.28.0

package/dist/components/toast.css

@@ -1 +1 @@
-@import"../internal/_actuator.css";@import"../internal/_status.css";@layer skdx-components{:where(.skdx-toast__viewport){position:fixed;inset-block-end:0;inset-inline-end:0;z-index:var(--skdx-z-index-toast);display:flex;flex-direction:column;gap:var(--skdx-space-2);inline-size:min(24rem,calc(100vw - var(--skdx-space-8)));max-block-size:100dvh;padding:var(--skdx-space-4);pointer-events:none}:where(.skdx-toast){pointer-events:auto;display:grid;grid-template-columns:1fr auto;align-items:start;column-gap:var(--skdx-space-3);row-gap:var(--skdx-space-1);padding:var(--skdx-space-3);color:var(--skdx-status-text, var(--skdx-color-text-default));background-color:var(--skdx-status-bg, var(--skdx-color-surface-raised));border:var(--skdx-border-width-thin) solid var(--skdx-status-border, var(--skdx-color-border-default));border-radius:var(--skdx-radius-lg);box-shadow:var(--skdx-shadow-overlay);font-size:var(--skdx-font-size-sm)}:where(.skdx-toast)[hidden]{display:none}:where(.skdx-toast)[data-state=open]{animation:skdx-slide-in-from-end var(--skdx-motion-duration-normal) var(--skdx-motion-easing)}:where(.skdx-toast)[data-state=closed]{animation:skdx-fade-out var(--skdx-motion-duration-fast) var(--skdx-motion-easing-exit)}:where(.skdx-toast__title){grid-column:1;font-weight:var(--skdx-font-weight-semibold)}:where(.skdx-toast__description){grid-column:1;color:currentColor}:where(.skdx-toast__action){grid-column:1;margin-block-start:var(--skdx-space-1)}:where(.skdx-toast__close){grid-column:2;grid-row:1 / -1;min-inline-size:var(--skdx-target-min);min-block-size:var(--skdx-target-min);color:currentColor;background:transparent;border:0;border-radius:var(--skdx-radius-sm);cursor:pointer}}
+@import"../internal/_actuator.css";@import"../internal/_status.css";@layer skdx-components{:where(.skdx-toast__viewport){position:fixed;inset-block-end:0;inset-inline-end:0;z-index:var(--skdx-z-index-toast);display:flex;flex-direction:column;gap:var(--skdx-space-2);inline-size:min(24rem,calc(100vw - var(--skdx-space-8)));max-block-size:100dvh;padding:var(--skdx-space-4);pointer-events:none}:where(.skdx-toast__viewport)[data-placement=top-start]{inset-block:0 auto;inset-inline:0 auto;flex-direction:column-reverse}:where(.skdx-toast__viewport)[data-placement=top]{inset-block:0 auto;inset-inline:0;margin-inline:auto;flex-direction:column-reverse}:where(.skdx-toast__viewport)[data-placement=top-end]{inset-block:0 auto;inset-inline:auto 0;flex-direction:column-reverse}:where(.skdx-toast__viewport)[data-placement=bottom-start]{inset-block:auto 0;inset-inline:0 auto;flex-direction:column}:where(.skdx-toast__viewport)[data-placement=bottom]{inset-block:auto 0;inset-inline:0;margin-inline:auto;flex-direction:column}:where(.skdx-toast__viewport)[data-placement=bottom-end]{inset-block:auto 0;inset-inline:auto 0;flex-direction:column}:where(.skdx-toast){pointer-events:auto;display:grid;grid-template-columns:1fr auto;align-items:start;column-gap:var(--skdx-space-3);row-gap:var(--skdx-space-1);padding:var(--skdx-space-3);color:var(--skdx-status-text, var(--skdx-color-text-default));background-color:var(--skdx-status-bg, var(--skdx-color-surface-raised));border:var(--skdx-border-width-thin) solid var(--skdx-status-border, var(--skdx-color-border-default));border-radius:var(--skdx-radius-lg);box-shadow:var(--skdx-shadow-overlay);font-size:var(--skdx-font-size-sm)}:where(.skdx-toast)[hidden]{display:none}:where(.skdx-toast)[data-state=open]{animation:skdx-slide-in-from-end var(--skdx-motion-duration-normal) var(--skdx-motion-easing)}:where(.skdx-toast__title){grid-column:1;font-weight:var(--skdx-font-weight-semibold)}:where(.skdx-toast__description){grid-column:1;color:currentColor}:where(.skdx-toast__action){grid-column:1;margin-block-start:var(--skdx-space-1)}:where(.skdx-toast__close){grid-column:2;grid-row:1 / -1;min-inline-size:var(--skdx-target-min);min-block-size:var(--skdx-target-min);color:currentColor;background:transparent;border:0;border-radius:var(--skdx-radius-sm);cursor:pointer}}

package/dist/components/toggle-group.css

@@ -1 +1 @@
-@import"toggle.css";@layer skdx-components{:where(.skdx-toggle-group){display:inline-flex;align-items:center;border:var(--skdx-border-width-thin) solid var(--skdx-color-border-default);border-radius:var(--skdx-radius-md);overflow:hidden;--skdx-focus-ring-offset: var(--skdx-focus-ring-offset-inset)}:where(.skdx-toggle-group)[data-orientation=vertical]{flex-direction:column;align-items:stretch}:where(.skdx-toggle-group__item){border:0;border-radius:0}:where(.skdx-toggle-group__item)+:where(.skdx-toggle-group__item),:where(:not([class*=skdx-]):has(>.skdx-toggle-group__item))+:where(:not([class*=skdx-]):has(>.skdx-toggle-group__item))>:where(.skdx-toggle-group__item){border-inline-start:var(--skdx-border-width-thin) solid var(--skdx-color-border-default)}:where(.skdx-toggle-group)[data-orientation=vertical] :where(.skdx-toggle-group__item)+:where(.skdx-toggle-group__item),:where(.skdx-toggle-group)[data-orientation=vertical] :where(:not([class*=skdx-]):has(>.skdx-toggle-group__item))+:where(:not([class*=skdx-]):has(>.skdx-toggle-group__item))>:where(.skdx-toggle-group__item){border-inline-start:0;border-block-start:var(--skdx-border-width-thin) solid var(--skdx-color-border-default)}}
+@import"toggle.css";@layer skdx-components{:where(.skdx-toggle-group){display:inline-flex;align-items:center;border:var(--skdx-border-width-thin) solid var(--skdx-color-border-default);border-radius:var(--skdx-radius-md);overflow:hidden;--skdx-focus-ring-offset: var(--skdx-focus-ring-offset-inset)}:where(.skdx-toggle-group)[data-orientation=vertical]{flex-direction:column;align-items:stretch}:where(.skdx-toggle-group__item){border:0;border-radius:0}:where(.skdx-toggle-group__item)+:where(.skdx-toggle-group__item),:where([data-skdx-toggle-group-item-wrapper])+:where([data-skdx-toggle-group-item-wrapper])>:where(.skdx-toggle-group__item){border-inline-start:var(--skdx-border-width-thin) solid var(--skdx-color-border-default)}:where(.skdx-toggle-group)[data-orientation=vertical] :where(.skdx-toggle-group__item)+:where(.skdx-toggle-group__item),:where(.skdx-toggle-group)[data-orientation=vertical] :where([data-skdx-toggle-group-item-wrapper])+:where([data-skdx-toggle-group-item-wrapper])>:where(.skdx-toggle-group__item){border-inline-start:0;border-block-start:var(--skdx-border-width-thin) solid var(--skdx-color-border-default)}}

package/dist/components/toggle.css

@@ -1 +1 @@
-@import"../base.css";@layer skdx-components{:where(.skdx-toggle),:where(.skdx-toggle-group__item){display:inline-flex;align-items:center;justify-content:center;gap:var(--skdx-control-gap-md);min-inline-size:var(--skdx-target-min);block-size:var(--skdx-control-height-md);padding-inline:var(--skdx-control-padding-md);color:var(--skdx-color-text-default);background:transparent;border:var(--skdx-border-width-thin) solid transparent;border-radius:var(--skdx-radius-md);font-size:var(--skdx-font-size-sm);font-weight:var(--skdx-font-weight-medium);cursor:pointer;transition:background-color var(--skdx-motion-duration-fast) var(--skdx-motion-easing)}:where(.skdx-toggle):hover:not([data-disabled]),:where(.skdx-toggle-group__item):hover:not([data-disabled]){background-color:var(--skdx-color-action-ghost-bg-hover)}:where(.skdx-toggle)[data-state=on],:where(.skdx-toggle)[aria-pressed=true],:where(.skdx-toggle-group__item)[data-state=on],:where(.skdx-toggle-group__item)[aria-pressed=true]{color:var(--skdx-color-text-accent);background-color:var(--skdx-color-surface-selected)}:where(.skdx-toggle)[data-state=on],:where(.skdx-toggle)[aria-pressed=true]{border-color:var(--skdx-color-border-accent)}:where(.skdx-toggle)[data-disabled],:where(.skdx-toggle-group__item)[data-disabled]{color:var(--skdx-color-text-disabled);cursor:not-allowed}@media(forced-colors:active){:where(.skdx-toggle)[aria-pressed=true],:where(.skdx-toggle-group__item)[aria-pressed=true]{background-color:Highlight;color:HighlightText}}}
+@import"../base.css";@layer skdx-components{:where(.skdx-toggle){display:inline-flex;align-items:center;justify-content:center;gap:var(--skdx-toggle-gap);min-inline-size:var(--skdx-target-min);block-size:var(--skdx-toggle-height);padding-inline:var(--skdx-toggle-padding);color:var(--skdx-color-text-default);background:transparent;border:var(--skdx-border-width-thin) solid transparent;border-radius:var(--skdx-radius-md);font-size:var(--skdx-toggle-font-size);font-weight:var(--skdx-font-weight-medium);cursor:pointer;transition:background-color var(--skdx-motion-duration-fast) var(--skdx-motion-easing);--skdx-toggle-gap: var(--skdx-control-gap-md);--skdx-toggle-height: var(--skdx-control-height-md);--skdx-toggle-padding: var(--skdx-control-padding-md);--skdx-toggle-font-size: var(--skdx-font-size-sm)}:where(.skdx-toggle)[data-size=sm],:where(.skdx-toggle-group)[data-size=sm] :where(.skdx-toggle-group__item){--skdx-toggle-gap: var(--skdx-control-gap-sm);--skdx-toggle-height: var(--skdx-control-height-sm);--skdx-toggle-padding: var(--skdx-control-padding-sm);--skdx-toggle-font-size: var(--skdx-font-size-xs)}:where(.skdx-toggle)[data-size=lg],:where(.skdx-toggle-group)[data-size=lg] :where(.skdx-toggle-group__item){--skdx-toggle-gap: var(--skdx-control-gap-lg);--skdx-toggle-height: var(--skdx-control-height-lg);--skdx-toggle-padding: var(--skdx-control-padding-lg);--skdx-toggle-font-size: var(--skdx-font-size-md)}:where(.skdx-toggle):hover:not([data-disabled]){background-color:var(--skdx-color-action-ghost-bg-hover)}:where(.skdx-toggle)[data-state=on]{color:var(--skdx-color-text-accent);background-color:var(--skdx-color-surface-selected)}:where(.skdx-toggle):not(.skdx-toggle-group__item)[data-state=on]{border-color:var(--skdx-color-border-accent)}:where(.skdx-toggle)[data-disabled]{color:var(--skdx-color-text-disabled);cursor:not-allowed}@media(forced-colors:active){:where(.skdx-toggle)[data-state=on]{background-color:Highlight;color:HighlightText}}}

package/dist/components/toolbar.css

@@ -1 +1 @@
-@import"../internal/_actuator.css";@import"../base.css";@layer skdx-components{:where(.skdx-toolbar){display:flex;align-items:center;gap:var(--skdx-space-1);flex-wrap:wrap;padding:var(--skdx-space-1);background-color:var(--skdx-color-surface-default);border:var(--skdx-border-width-thin) solid var(--skdx-color-border-default);border-radius:var(--skdx-radius-md)}:where(.skdx-toolbar)[data-orientation=vertical]{flex-direction:column;align-items:stretch}:where(.skdx-toolbar__separator){align-self:stretch;inline-size:var(--skdx-border-width-thin);background-color:var(--skdx-color-separator);margin-inline:var(--skdx-space-1)}:where(.skdx-toolbar)[data-orientation=vertical] :where(.skdx-toolbar__separator){inline-size:auto;block-size:var(--skdx-border-width-thin);margin-inline:0;margin-block:var(--skdx-space-1)}:where(.skdx-toolbar__toggle-group){display:inline-flex;align-items:center}:where(.skdx-toolbar__toggle-item){display:inline-flex;align-items:center;justify-content:center;min-inline-size:var(--skdx-target-min);min-block-size:var(--skdx-target-min);block-size:var(--skdx-control-height-sm);padding-inline:var(--skdx-space-2);color:var(--skdx-color-text-default);background:transparent;border:0;border-radius:var(--skdx-radius-sm);cursor:pointer}:where(.skdx-toolbar__toggle-item)[data-state=on]{color:var(--skdx-color-text-accent);background-color:var(--skdx-color-surface-selected)}}
+@import"../internal/_actuator.css";@import"../base.css";@layer skdx-components{:where(.skdx-toolbar){display:flex;align-items:center;gap:var(--skdx-space-1);flex-wrap:wrap;padding:var(--skdx-space-1);background-color:var(--skdx-color-surface-default);border:var(--skdx-border-width-thin) solid var(--skdx-color-border-default);border-radius:var(--skdx-radius-md)}:where(.skdx-toolbar)[data-orientation=vertical]{flex-direction:column;align-items:stretch}:where(.skdx-toolbar__separator){align-self:stretch;inline-size:var(--skdx-border-width-thin);background-color:var(--skdx-color-separator);margin-inline:var(--skdx-space-1)}:where(.skdx-toolbar)[data-orientation=vertical] :where(.skdx-toolbar__separator){inline-size:auto;block-size:var(--skdx-border-width-thin);margin-inline:0;margin-block:var(--skdx-space-1)}:where(.skdx-toolbar__toggle-group){display:inline-flex;align-items:center}:where(.skdx-toolbar__toggle-item){display:inline-flex;align-items:center;justify-content:center;min-inline-size:var(--skdx-target-min);min-block-size:var(--skdx-target-min);block-size:var(--skdx-control-height-sm);padding-inline:var(--skdx-space-2);color:var(--skdx-color-text-default);background:transparent;border:0;border-radius:var(--skdx-radius-sm);cursor:pointer}:where(.skdx-toolbar__toggle-item)[data-state=on]{color:var(--skdx-color-text-accent);background-color:var(--skdx-color-surface-selected)}:where(.skdx-toolbar__toggle-item):hover:not(:disabled,[data-disabled],[aria-disabled=true]){background-color:var(--skdx-color-action-secondary-bg-hover)}:where(.skdx-toolbar__toggle-item):is(:disabled,[data-disabled],[aria-disabled=true]){color:var(--skdx-color-action-disabled-text);background-color:var(--skdx-color-action-disabled-bg);border-color:var(--skdx-color-action-disabled-border);cursor:not-allowed}}

package/dist/components/tooltip.css

@@ -1 +1 @@
-@import"../internal/_actuator.css";@import"../internal/_overlay.css";@layer skdx-components{:where(.skdx-tooltip__content){min-inline-size:0;max-inline-size:18rem;padding-inline:var(--skdx-space-2);padding-block:var(--skdx-space-1);color:var(--skdx-color-text-on-inverse);background-color:var(--skdx-color-surface-inverse);border:0;border-radius:var(--skdx-radius-md);box-shadow:var(--skdx-shadow-md);font-size:var(--skdx-font-size-xs);line-height:var(--skdx-font-line-height-normal);text-align:start;pointer-events:none;z-index:var(--skdx-z-index-popover)}:where(.skdx-tooltip__arrow){inline-size:var(--skdx-space-3);block-size:var(--skdx-space-3);rotate:45deg;background-color:var(--skdx-color-surface-inverse);border:var(--skdx-border-width-thin) solid var(--skdx-color-surface-inverse)}@media(forced-colors:active){:where(.skdx-tooltip__content){color:CanvasText;background-color:Canvas;border:var(--skdx-border-width-thin) solid CanvasText}:where(.skdx-tooltip__arrow){background-color:Canvas;border-color:CanvasText}}}
+@import"../internal/_actuator.css";@import"../internal/_overlay.css";@layer skdx-components{:where(.skdx-tooltip__content){min-inline-size:0;max-inline-size:18rem;padding-inline:var(--skdx-space-2);padding-block:var(--skdx-space-1);color:var(--skdx-color-text-on-inverse);background-color:var(--skdx-color-surface-inverse);border:0;border-radius:var(--skdx-radius-md);box-shadow:var(--skdx-shadow-md);font-size:var(--skdx-font-size-xs);line-height:var(--skdx-font-line-height-normal);text-align:start;z-index:var(--skdx-z-index-popover)}:where(.skdx-tooltip__content:not([data-hoverable])){pointer-events:none}:where(.skdx-tooltip__arrow){inline-size:var(--skdx-space-3);block-size:var(--skdx-space-3);rotate:45deg;background-color:var(--skdx-color-surface-inverse);border:var(--skdx-border-width-thin) solid var(--skdx-color-surface-inverse)}@media(forced-colors:active){:where(.skdx-tooltip__content){color:CanvasText;background-color:Canvas;border:var(--skdx-border-width-thin) solid CanvasText}:where(.skdx-tooltip__arrow){background-color:Canvas;border-color:CanvasText}}}

package/dist/components/tour.css

@@ -1 +1 @@
-@import"../internal/_actuator.css";@import"../internal/_overlay.css";@layer skdx-components{:where(.skdx-tour__content){padding:var(--skdx-space-4);max-inline-size:20rem;display:flex;flex-direction:column;gap:var(--skdx-space-3);z-index:var(--skdx-z-index-max)}:where(.skdx-tour__content)[hidden]{display:none}:where(.skdx-tour__title){font-size:var(--skdx-font-size-md);font-weight:var(--skdx-font-weight-semibold)}:where(.skdx-tour__description){font-size:var(--skdx-font-size-sm);color:var(--skdx-color-text-muted);line-height:var(--skdx-font-line-height-relaxed)}:where(.skdx-tour__progress-text){font-size:var(--skdx-font-size-xs);color:var(--skdx-color-text-muted);font-variant-numeric:tabular-nums}:where(.skdx-tour__backdrop){z-index:var(--skdx-z-index-overlay)}:where(.skdx-tour__arrow){inline-size:var(--skdx-space-3);block-size:var(--skdx-space-3);rotate:45deg;background-color:var(--skdx-color-surface-raised);border:var(--skdx-border-width-thin) solid var(--skdx-color-border-default)}:where(.skdx-tour__actions){display:flex;align-items:center;justify-content:space-between;gap:var(--skdx-space-2)}}
+@import"../internal/_actuator.css";@import"../internal/_overlay.css";@layer skdx-components{:where(.skdx-tour__content){padding:var(--skdx-space-4);max-inline-size:20rem;display:flex;flex-direction:column;gap:var(--skdx-space-3);z-index:var(--skdx-z-index-max)}:where(.skdx-tour__content)[hidden]{display:none}:where(.skdx-tour__content)[data-centered]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}:where(.skdx-tour__title){font-size:var(--skdx-font-size-md);font-weight:var(--skdx-font-weight-semibold)}:where(.skdx-tour__description){font-size:var(--skdx-font-size-sm);color:var(--skdx-color-text-muted);line-height:var(--skdx-font-line-height-relaxed)}:where(.skdx-tour__progress-text){font-size:var(--skdx-font-size-xs);color:var(--skdx-color-text-muted);font-variant-numeric:tabular-nums}:where(.skdx-tour__backdrop){z-index:var(--skdx-z-index-overlay)}:where(.skdx-tour__arrow){inline-size:var(--skdx-space-3);block-size:var(--skdx-space-3);rotate:45deg;background-color:var(--skdx-color-surface-raised);border:var(--skdx-border-width-thin) solid var(--skdx-color-border-default)}:where(.skdx-tour__actions){display:flex;flex-wrap:wrap;align-items:center;gap:var(--skdx-space-2)}}

package/dist/components/transfer.css

@@ -1 +1 @@
-@import"../internal/_actuator.css";@import"../internal/_collection.css";@import"listbox.css";@layer skdx-components{:where(.skdx-transfer){display:flex;align-items:stretch;gap:var(--skdx-space-3)}:where(.skdx-transfer__list-header){display:flex;align-items:center;gap:var(--skdx-space-2);padding:var(--skdx-space-2);font-size:var(--skdx-font-size-sm);font-weight:var(--skdx-font-weight-medium);background-color:var(--skdx-color-surface-default);border-block-end:var(--skdx-border-width-thin) solid var(--skdx-color-border-default)}:where(.skdx-transfer__list-search){inline-size:100%;block-size:var(--skdx-control-height-sm);padding-inline:var(--skdx-space-2);background-color:var(--skdx-color-field-bg);border:0;border-block-end:var(--skdx-border-width-thin) solid var(--skdx-color-border-default);font-size:var(--skdx-font-size-sm)}:where(.skdx-transfer__controls){display:flex;flex-direction:column;justify-content:center;gap:var(--skdx-space-2)}:where(.skdx-transfer__empty){padding:var(--skdx-space-4);text-align:center;font-size:var(--skdx-font-size-sm);color:var(--skdx-color-text-muted)}:where(.skdx-transfer)>:where(.skdx-listbox){flex:1;min-inline-size:0}}
+@import"../internal/_actuator.css";@import"../internal/_collection.css";@import"listbox.css";@layer skdx-components{:where(.skdx-transfer){display:flex;align-items:stretch;gap:var(--skdx-space-3)}:where(.skdx-transfer__list-header){display:flex;align-items:center;gap:var(--skdx-space-2);padding:var(--skdx-space-2);font-size:var(--skdx-font-size-sm);font-weight:var(--skdx-font-weight-medium);background-color:var(--skdx-color-surface-default);border-block-end:var(--skdx-border-width-thin) solid var(--skdx-color-border-default)}:where(.skdx-transfer__list-search){inline-size:100%;block-size:var(--skdx-control-height-sm);padding-inline:var(--skdx-space-2);background-color:var(--skdx-color-field-bg);border:0;border-block-end:var(--skdx-border-width-thin) solid var(--skdx-color-border-default);font-size:var(--skdx-font-size-sm)}:where(.skdx-transfer__controls){display:flex;flex-direction:column;justify-content:center;gap:var(--skdx-space-2)}:where(.skdx-transfer__controls)[data-disabled]{opacity:var(--skdx-opacity-disabled);cursor:not-allowed}:where(.skdx-transfer__move-trigger)[data-disabled],:where(.skdx-transfer__move-all-trigger)[data-disabled]{opacity:var(--skdx-opacity-disabled);cursor:not-allowed}:where(.skdx-transfer__move-trigger)[data-disabled]:focus-visible,:where(.skdx-transfer__move-all-trigger)[data-disabled]:focus-visible{opacity:1}:where(.skdx-transfer__empty){padding:var(--skdx-space-4);text-align:center;font-size:var(--skdx-font-size-sm);color:var(--skdx-color-text-muted)}:where(.skdx-transfer)>:where(.skdx-listbox){flex:1;min-inline-size:0}}

package/dist/components/tree-select.css

@@ -1 +1 @@
-@import"../internal/_trigger.css";@import"../internal/_overlay.css";@import"../internal/_collection.css";@layer skdx-components{:where(.skdx-tree-select__content){padding:var(--skdx-overlay-padding)}:where(.skdx-tree-select__input){inline-size:100%;block-size:var(--skdx-control-height-sm);padding-inline:var(--skdx-space-2);margin-block-end:var(--skdx-space-1);color:var(--skdx-color-field-text);background-color:var(--skdx-color-field-bg);border:var(--skdx-border-width-thin) solid var(--skdx-color-field-border);border-radius:var(--skdx-radius-sm);font-size:var(--skdx-font-size-sm)}:where(.skdx-tree-select__tree){display:flex;flex-direction:column;padding:var(--skdx-space-1)}}
+@import"../internal/_trigger.css";@import"../internal/_overlay.css";@import"../internal/_collection.css";@import"tree.css";@layer skdx-components{:where(.skdx-tree-select__content){--skdx-tree-select-control-height: var(--skdx-control-height-sm);--skdx-tree-select-item-height: var(--skdx-item-height-md);padding:var(--skdx-overlay-padding)}:where(.skdx-tree-select__content)[data-size=sm]{--skdx-tree-select-control-height: var(--skdx-control-height-sm);--skdx-tree-select-item-height: var(--skdx-item-height-sm)}:where(.skdx-tree-select__content)[data-size=lg]{--skdx-tree-select-control-height: var(--skdx-control-height-lg);--skdx-tree-select-item-height: var(--skdx-item-height-lg)}:where(.skdx-tree-select__input){inline-size:100%;block-size:var(--skdx-tree-select-control-height, var(--skdx-control-height-sm));padding-inline:var(--skdx-space-2);margin-block-end:var(--skdx-space-1);color:var(--skdx-color-field-text);background-color:var(--skdx-color-field-bg);border:var(--skdx-border-width-thin) solid var(--skdx-color-field-border);border-radius:var(--skdx-radius-sm);font-size:var(--skdx-font-size-sm)}:where(.skdx-tree-select__item){min-block-size:var(--skdx-tree-select-item-height, var(--skdx-item-height-md))}:where(.skdx-tree-select__tree){display:flex;flex-direction:column;padding:var(--skdx-space-1)}:where(.skdx-tree-select__value) [data-chip]{display:inline-flex;align-items:center;gap:var(--skdx-space-1);max-inline-size:12ch;overflow:hidden;padding-inline:var(--skdx-space-2);color:var(--skdx-color-status-neutral-text);background-color:var(--skdx-color-status-neutral-bg);border:var(--skdx-border-width-thin) solid var(--skdx-color-status-neutral-border);border-radius:var(--skdx-radius-md);font-size:var(--skdx-font-size-xs);line-height:var(--skdx-font-line-height-tight);white-space:nowrap;text-overflow:ellipsis}:where(.skdx-tree-select__value)[data-multiple]{display:inline-flex;flex-wrap:wrap;align-items:center;gap:var(--skdx-space-1)}}

package/dist/components/tree.css

@@ -1 +1 @@
-@import"../internal/_collection.css";@layer skdx-components{:where(.skdx-tree){display:flex;flex-direction:column;font-size:var(--skdx-font-size-sm)}:where(.skdx-tree__item){--skdx-tree-item-indent: var(--skdx-space-2);display:flex;flex-wrap:wrap;align-items:center;gap:var(--skdx-space-2);min-block-size:var(--skdx-item-height-md);padding-inline-start:var(--skdx-tree-item-indent);padding-inline-end:var(--skdx-space-2);border-radius:var(--skdx-radius-sm);cursor:pointer}:where(.skdx-tree__item)[aria-level="2"]{--skdx-tree-item-indent: calc(var(--skdx-space-2) + var(--skdx-space-4))}:where(.skdx-tree__item)[aria-level="3"]{--skdx-tree-item-indent: calc(var(--skdx-space-2) + var(--skdx-space-4) * 2)}:where(.skdx-tree__item)[aria-level="4"]{--skdx-tree-item-indent: calc(var(--skdx-space-2) + var(--skdx-space-4) * 3)}:where(.skdx-tree__item)[aria-level="5"]{--skdx-tree-item-indent: calc(var(--skdx-space-2) + var(--skdx-space-4) * 4)}:where(.skdx-tree__item)[aria-level="6"]{--skdx-tree-item-indent: calc(var(--skdx-space-2) + var(--skdx-space-4) * 5)}:where(.skdx-tree__item)[data-checked]{background-color:var(--skdx-color-surface-selected);color:var(--skdx-color-text-accent)}:where(.skdx-tree__item):is(:focus,:hover){background-color:var(--skdx-color-highlight-bg);color:var(--skdx-color-highlight-text)}:where(.skdx-tree__item)[data-disabled]{color:var(--skdx-color-text-disabled);cursor:not-allowed}:where(.skdx-tree__item-indicator){display:inline-flex;flex:none;color:var(--skdx-color-text-muted);transition:rotate var(--skdx-motion-duration-fast) var(--skdx-motion-easing)}:where(.skdx-tree__item)[data-state=expanded] :where(.skdx-tree__item-indicator){rotate:90deg}:where(.skdx-tree__group){display:flex;flex-direction:column;flex-basis:100%;margin-inline-start:calc(-1 * var(--skdx-tree-item-indent))}}
+@import"../internal/_collection.css";@layer skdx-components{:where(.skdx-tree){display:flex;flex-direction:column;font-size:var(--skdx-font-size-sm)}:where(.skdx-tree__item){--skdx-tree-item-indent: calc( var(--skdx-space-2) + var(--skdx-space-4) * (var(--skdx-tree-node-depth, 1) - 1) );display:flex;flex-wrap:wrap;align-items:center;gap:var(--skdx-space-2);min-block-size:var(--skdx-item-height-md);padding-inline-start:var(--skdx-tree-item-indent);padding-inline-end:var(--skdx-space-2);border-radius:var(--skdx-radius-sm);cursor:pointer}:where(.skdx-tree__item)[data-checked=checked]{background-color:var(--skdx-color-surface-selected);color:var(--skdx-color-text-accent)}:where(.skdx-tree__item)[aria-selected=true]{background-color:var(--skdx-color-surface-selected);color:var(--skdx-color-text-accent)}:where(.skdx-tree__item)[data-checked=indeterminate]{color:var(--skdx-color-text-accent)}:where(.skdx-tree__item):is(:focus,:hover){background-color:var(--skdx-color-highlight-bg);color:var(--skdx-color-highlight-text)}:where(.skdx-tree__item)[data-disabled]{color:var(--skdx-color-text-disabled);cursor:not-allowed}:where(.skdx-tree__item-indicator){display:inline-flex;flex:none;color:var(--skdx-color-text-muted);transition:rotate var(--skdx-motion-duration-fast) var(--skdx-motion-easing)}:where(.skdx-tree__item)[data-state=expanded] :where(.skdx-tree__item-indicator){rotate:90deg}:where(.skdx-tree__group){display:flex;flex-direction:column;flex-basis:100%;margin-inline-start:calc(-1 * var(--skdx-tree-item-indent))}}