@skdx/skins 0.38.0 → 0.39.0

package/dist/components/alert.css

@@ -1 +1 @@
-@import"../internal/_status.css";@layer skdx-components{:where(.skdx-alert){display:grid;grid-template-columns:auto 1fr auto auto;align-items:start;gap:var(--skdx-space-2);padding:var(--skdx-space-3);color:var(--skdx-status-text, var(--skdx-color-status-neutral-text));background-color:var(--skdx-status-bg, var(--skdx-color-status-neutral-bg));border:var(--skdx-border-width-thin) solid var(--skdx-status-border, var(--skdx-color-status-neutral-border));border-inline-start-width:var(--skdx-border-width-thicker);border-radius:var(--skdx-radius-md);font-size:var(--skdx-font-size-sm);line-height:var(--skdx-font-line-height-normal)}:where(.skdx-alert)[data-variant=solid]{background-color:var(--skdx-status-bg, var(--skdx-color-status-neutral-bg))}:where(.skdx-alert)[data-variant=outline]{background-color:transparent}:where(.skdx-alert)[hidden]{display:none}:where(.skdx-alert__icon){grid-column:1;grid-row:1;inline-size:var(--skdx-icon-size-md);block-size:var(--skdx-icon-size-md);color:var(--skdx-status-icon, var(--skdx-color-status-neutral-icon))}:where(.skdx-alert__title){grid-column:2;grid-row:1;margin:0;font-weight:var(--skdx-font-weight-semibold);line-height:var(--skdx-font-line-height-tight)}:where(.skdx-alert__description){grid-column:2;grid-row:2;color:currentColor}:where(.skdx-alert__action){grid-column:3;grid-row:1;align-self:center;display:inline-flex;align-items:center;gap:var(--skdx-space-3)}:where(.skdx-alert__close){grid-column:4;grid-row:1;display:inline-flex;align-items:center;justify-content:center;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}@media(forced-colors:active){:where(.skdx-alert){border-color:CanvasText}}:where(.skdx-alert__content){grid-column:2;grid-row:1;min-inline-size:0;display:flex;flex-direction:column;gap:var(--skdx-space-1)}}
+@import"../internal/_status.css";@layer skdx-components{:where(.skdx-alert){display:grid;grid-template-columns:auto 1fr auto auto;align-items:start;gap:var(--skdx-space-2);padding:var(--skdx-space-3);color:var(--skdx-status-text, var(--skdx-color-status-neutral-text));background-color:var(--skdx-status-bg, var(--skdx-color-status-neutral-bg));border:var(--skdx-border-width-thin) solid var(--skdx-status-border, var(--skdx-color-status-neutral-border));border-inline-start-width:var(--skdx-border-width-thicker);border-radius:var(--skdx-radius-md);font-size:var(--skdx-font-size-sm);line-height:var(--skdx-font-line-height-normal)}:where(.skdx-alert)[data-variant=solid]{background-color:var(--skdx-status-bg, var(--skdx-color-status-neutral-bg))}:where(.skdx-alert)[data-variant=outline]{background-color:transparent}:where(.skdx-alert)[hidden]{display:none}:where(.skdx-alert__icon){grid-column:1;grid-row:1;inline-size:var(--skdx-icon-size-md);block-size:var(--skdx-icon-size-md);color:var(--skdx-status-icon, var(--skdx-color-status-neutral-icon))}:where(.skdx-alert__title){grid-column:2;grid-row:1;margin:0;font-weight:var(--skdx-font-weight-semibold);line-height:var(--skdx-font-line-height-tight)}:where(.skdx-alert__description){grid-column:2;grid-row:2;color:currentColor}:where(.skdx-alert__action){grid-column:3;grid-row:1;align-self:center;display:inline-flex;flex-wrap:wrap;align-items:center;gap:var(--skdx-space-3)}:where(.skdx-alert__close){grid-column:4;grid-row:1;display:inline-flex;align-items:center;justify-content:center;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}@media(forced-colors:active){:where(.skdx-alert){border-color:CanvasText}}:where(.skdx-alert__content){grid-column:2;grid-row:1;min-inline-size:0;display:flex;flex-direction:column;gap:var(--skdx-space-1)}}

package/dist/components/carousel.css

@@ -1 +1 @@
-@import"../base.css";@import"../internal/_hit-target.css";@layer skdx-components{:where(.skdx-carousel){position:relative;inline-size:100%;display:flex;flex-wrap:wrap;align-items:center;gap:var(--skdx-space-2)}:where(.skdx-carousel__item){flex:none;inline-size:calc((100% - (var(--skdx-carousel-slides-per-page, 1) - 1) * var(--skdx-carousel-spacing, var(--skdx-space-3))) / var(--skdx-carousel-slides-per-page, 1));scroll-snap-align:start;min-block-size:var(--skdx-space-16);display:flex;align-items:center;justify-content:center;padding-inline:calc(var(--skdx-control-height-md) + var(--skdx-space-2))}:where(.skdx-carousel__item)[hidden]{display:none}:where(.skdx-carousel__previous),:where(.skdx-carousel__next),:where(.skdx-carousel__play-pause){display:inline-flex;align-items:center;justify-content:center;min-inline-size:var(--skdx-control-height-md);block-size:var(--skdx-control-height-md);padding-inline:var(--skdx-space-2);color:var(--skdx-color-text-default);background-color:var(--skdx-color-surface-raised);border:var(--skdx-border-width-thin) solid var(--skdx-color-border-default);border-radius:var(--skdx-radius-full);box-shadow:var(--skdx-shadow-sm);cursor:pointer}:where(.skdx-carousel__previous),:where(.skdx-carousel__next){position:absolute;inset-block-start:calc(var(--skdx-space-16) / 2);translate:0 -50%;z-index:var(--skdx-z-index-base)}:where(.skdx-carousel__previous){inset-inline-start:var(--skdx-space-2)}:where(.skdx-carousel__next){inset-inline-end:var(--skdx-space-2)}:where(.skdx-carousel__previous)[data-disabled],:where(.skdx-carousel__next)[data-disabled]{color:var(--skdx-color-text-disabled);cursor:not-allowed}:where(.skdx-carousel__content){flex-basis:100%;display:flex;gap:var(--skdx-carousel-spacing, var(--skdx-space-3));overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;--skdx-focus-ring-offset: var(--skdx-focus-ring-offset-inset)}:where(.skdx-carousel__content)::-webkit-scrollbar{display:none}:where(.skdx-carousel__previous):hover:not([data-disabled]),:where(.skdx-carousel__next):hover:not([data-disabled]){background-color:var(--skdx-color-surface-hover);border-color:var(--skdx-color-border-accent)}:where(.skdx-carousel__indicators){display:flex;align-items:center}:where(.skdx-carousel__progress){color:var(--skdx-color-text-muted);font-size:var(--skdx-font-size-sm)}:where(.skdx-carousel__indicator){display:inline-flex;align-items:center;justify-content:center;inline-size:var(--skdx-target-min);block-size:var(--skdx-target-min);padding:0;background:none;border:0;border-radius:var(--skdx-radius-full);cursor:pointer}:where(.skdx-carousel__indicator):before{content:"";inline-size:var(--skdx-space-2);block-size:var(--skdx-space-2);background-color:var(--skdx-color-track);border:var(--skdx-border-width-thin) solid var(--skdx-color-border-strong);border-radius:var(--skdx-radius-full)}:where(.skdx-carousel__indicator):hover:not([data-disabled]):before{background-color:var(--skdx-color-track-fill)}:where(.skdx-carousel__indicator)[data-state=active]:hover:not([data-disabled]):before{box-shadow:0 0 0 var(--skdx-border-width-thick) var(--skdx-color-border-strong)}:where(.skdx-carousel__indicator)[data-state=active]:before{background-color:var(--skdx-color-track-fill)}:where(.skdx-carousel__viewport){display:flex;gap:var(--skdx-space-3);overflow-x:auto;--skdx-focus-ring-offset: var(--skdx-focus-ring-offset-inset);scroll-snap-type:x mandatory;scrollbar-width:none}@media(forced-colors:active){:where(.skdx-carousel__previous),:where(.skdx-carousel__next),:where(.skdx-carousel__play-pause){border-color:ButtonBorder}:where(.skdx-carousel__previous)[data-disabled],:where(.skdx-carousel__next)[data-disabled]{color:GrayText;border-color:GrayText}:where(.skdx-carousel__indicator):before{border-color:CanvasText}:where(.skdx-carousel__indicator)[data-state=active]:before{background-color:Highlight}}}
+@import"../base.css";@import"../internal/_hit-target.css";@layer skdx-components{:where(.skdx-carousel){position:relative;inline-size:100%;display:flex;flex-wrap:wrap;align-items:center;gap:var(--skdx-space-2)}:where(.skdx-carousel__item){flex:none;inline-size:calc((100% - (var(--skdx-carousel-slides-per-page, 1) - 1) * var(--skdx-carousel-spacing, var(--skdx-space-3))) / var(--skdx-carousel-slides-per-page, 1));scroll-snap-align:start;min-block-size:var(--skdx-space-16);display:flex;align-items:center;justify-content:center;padding-inline:calc(var(--skdx-control-height-md) + var(--skdx-space-2))}:where(.skdx-carousel__item)[hidden]{display:none}:where(.skdx-carousel__previous),:where(.skdx-carousel__next),:where(.skdx-carousel__play-pause){display:inline-flex;align-items:center;justify-content:center;min-inline-size:var(--skdx-control-height-md);block-size:var(--skdx-control-height-md);padding-inline:var(--skdx-space-2);color:var(--skdx-color-text-default);background-color:var(--skdx-color-surface-raised);border:var(--skdx-border-width-thin) solid var(--skdx-color-border-default);border-radius:var(--skdx-radius-full);box-shadow:var(--skdx-shadow-sm);cursor:pointer}:where(.skdx-carousel__previous),:where(.skdx-carousel__next){position:absolute;inset-block-start:calc(var(--skdx-space-16) / 2);translate:0 -50%;z-index:var(--skdx-z-index-base)}:where(.skdx-carousel):has(>.skdx-carousel__play-pause) :where(.skdx-carousel__previous,.skdx-carousel__next){inset-block-start:calc(var(--skdx-control-height-md) + var(--skdx-space-2) + var(--skdx-space-16) / 2)}:where(.skdx-carousel__previous){inset-inline-start:var(--skdx-space-2)}:where(.skdx-carousel__next){inset-inline-end:var(--skdx-space-2)}:where(.skdx-carousel__previous)[data-disabled],:where(.skdx-carousel__next)[data-disabled]{color:var(--skdx-color-text-disabled);cursor:not-allowed}:where(.skdx-carousel__content){flex-basis:100%;display:flex;gap:var(--skdx-carousel-spacing, var(--skdx-space-3));overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;--skdx-focus-ring-offset: var(--skdx-focus-ring-offset-inset)}:where(.skdx-carousel__content)::-webkit-scrollbar{display:none}:where(.skdx-carousel__previous):hover:not([data-disabled]),:where(.skdx-carousel__next):hover:not([data-disabled]){background-color:var(--skdx-color-surface-hover);border-color:var(--skdx-color-border-accent)}:where(.skdx-carousel__indicators){display:flex;align-items:center}:where(.skdx-carousel__progress){color:var(--skdx-color-text-muted);font-size:var(--skdx-font-size-sm)}:where(.skdx-carousel__indicator){display:inline-flex;align-items:center;justify-content:center;inline-size:var(--skdx-target-min);block-size:var(--skdx-target-min);padding:0;background:none;border:0;border-radius:var(--skdx-radius-full);cursor:pointer}:where(.skdx-carousel__indicator):before{content:"";inline-size:var(--skdx-space-2);block-size:var(--skdx-space-2);background-color:var(--skdx-color-track);border:var(--skdx-border-width-thin) solid var(--skdx-color-border-strong);border-radius:var(--skdx-radius-full)}:where(.skdx-carousel__indicator):hover:not([data-disabled]):before{background-color:var(--skdx-color-track-fill)}:where(.skdx-carousel__indicator)[data-state=active]:hover:not([data-disabled]):before{box-shadow:0 0 0 var(--skdx-border-width-thick) var(--skdx-color-border-strong)}:where(.skdx-carousel__indicator)[data-state=active]:before{background-color:var(--skdx-color-track-fill)}:where(.skdx-carousel__viewport){display:flex;gap:var(--skdx-space-3);overflow-x:auto;--skdx-focus-ring-offset: var(--skdx-focus-ring-offset-inset);scroll-snap-type:x mandatory;scrollbar-width:none}@media(forced-colors:active){:where(.skdx-carousel__previous),:where(.skdx-carousel__next),:where(.skdx-carousel__play-pause){border-color:ButtonBorder}:where(.skdx-carousel__previous)[data-disabled],:where(.skdx-carousel__next)[data-disabled]{color:GrayText;border-color:GrayText}:where(.skdx-carousel__indicator):before{border-color:CanvasText}:where(.skdx-carousel__indicator)[data-state=active]:before{background-color:Highlight}}}

package/dist/components/dashboard-layout.css

@@ -1 +1 @@
-@import"../base.css";@layer skdx-components{:where(.skdx-dashboard-layout){display:grid;grid-template-rows:auto 1fr}:where(.skdx-dashboard-layout__app-bar){display:flex;align-items:center;gap:var(--skdx-space-3);padding-inline:var(--skdx-space-4);padding-block:var(--skdx-space-2);border-block-end:var(--skdx-border-width-thin) solid var(--skdx-color-border-default)}:where(.skdx-dashboard-layout__actions){display:flex;align-items:center;gap:var(--skdx-space-2);margin-inline-start:auto}:where(.skdx-dashboard-layout__title){font-weight:var(--skdx-font-weight-semibold)}:where(.skdx-dashboard-layout__body){display:grid;grid-template-columns:auto 1fr;min-block-size:0}:where(.skdx-dashboard-layout__nav){inline-size:16rem;overflow-y:auto;border-inline-end:var(--skdx-border-width-thin) solid var(--skdx-color-border-default)}:where(.skdx-dashboard-layout__nav-list){display:flex;flex-direction:column;gap:var(--skdx-space-1);margin:0;padding:var(--skdx-space-2);list-style:none}:where(.skdx-dashboard-layout__nav-item){display:flex;align-items:center;gap:var(--skdx-space-2);padding-inline:var(--skdx-space-3);padding-block:var(--skdx-space-2);border-radius:var(--skdx-radius-sm);color:var(--skdx-color-text-default);text-decoration:none}:where(.skdx-dashboard-layout__nav-item):hover{background-color:var(--skdx-color-surface-hover)}:where(.skdx-dashboard-layout__nav-item)[aria-current=page]{color:var(--skdx-color-text-accent);background-color:var(--skdx-color-surface-selected);font-weight:var(--skdx-font-weight-medium)}:where(.skdx-dashboard-layout__nav-header){padding-inline:var(--skdx-space-3);padding-block-start:var(--skdx-space-3);color:var(--skdx-color-text-muted);font-size:var(--skdx-font-size-xs);font-weight:var(--skdx-font-weight-semibold);letter-spacing:var(--skdx-font-letter-spacing-wide);text-transform:uppercase}:where(.skdx-dashboard-layout__nav-divider){border:0;border-block-start:var(--skdx-border-width-thin) solid var(--skdx-color-border-subtle)}:where(.skdx-dashboard-layout__content){padding:var(--skdx-space-4);min-inline-size:0}@media(forced-colors:active){:where(.skdx-dashboard-layout__app-bar),:where(.skdx-dashboard-layout__nav),:where(.skdx-dashboard-layout__nav-divider){border-color:CanvasText}}}
+@import"../base.css";@layer skdx-components{:where(.skdx-dashboard-layout){display:grid;grid-template-rows:auto 1fr}:where(.skdx-dashboard-layout__app-bar){display:flex;align-items:center;gap:var(--skdx-space-3);padding-inline:var(--skdx-space-4);padding-block:var(--skdx-space-2);border-block-end:var(--skdx-border-width-thin) solid var(--skdx-color-border-default)}:where(.skdx-dashboard-layout__actions){display:flex;align-items:center;gap:var(--skdx-space-2);margin-inline-start:auto}:where(.skdx-dashboard-layout__title){font-weight:var(--skdx-font-weight-semibold)}:where(.skdx-dashboard-layout__body){display:grid;grid-template-columns:auto 1fr;min-block-size:0}:where(.skdx-dashboard-layout__nav){inline-size:16rem;overflow-y:auto;border-inline-end:var(--skdx-border-width-thin) solid var(--skdx-color-border-default)}:where(.skdx-dashboard-layout__nav-list){display:flex;flex-direction:column;gap:var(--skdx-space-1);margin:0;padding:var(--skdx-space-2);list-style:none}:where(.skdx-dashboard-layout__nav-item){display:flex;align-items:center;gap:var(--skdx-space-2);padding-inline:var(--skdx-space-3);padding-block:var(--skdx-space-2);border-radius:var(--skdx-radius-sm);color:var(--skdx-color-text-default);text-decoration:none}:where(.skdx-dashboard-layout__nav-item):hover{background-color:var(--skdx-color-surface-hover)}:where(.skdx-dashboard-layout__nav-item)[aria-current=page]{color:var(--skdx-color-text-accent);background-color:var(--skdx-color-surface-selected);font-weight:var(--skdx-font-weight-medium)}:where(.skdx-dashboard-layout__nav-header){padding-inline:var(--skdx-space-3);padding-block-start:var(--skdx-space-3);color:var(--skdx-color-text-muted);font-size:var(--skdx-font-size-xs);font-weight:var(--skdx-font-weight-semibold);letter-spacing:var(--skdx-font-letter-spacing-wide);text-transform:uppercase}:where(.skdx-dashboard-layout__nav-divider){border:0;border-block-start:var(--skdx-border-width-thin) solid var(--skdx-color-border-subtle)}:where(.skdx-dashboard-layout__content){padding:var(--skdx-space-4);min-inline-size:0}@media(max-width:40rem){:where(.skdx-dashboard-layout__body){position:relative;grid-template-columns:minmax(0,1fr)}:where(.skdx-dashboard-layout__nav){position:absolute;z-index:1;inset-block:0;inset-inline-start:0;max-inline-size:100%;background-color:var(--skdx-color-surface-raised);box-shadow:var(--skdx-shadow-overlay)}}@media(forced-colors:active){:where(.skdx-dashboard-layout__app-bar),:where(.skdx-dashboard-layout__nav),:where(.skdx-dashboard-layout__nav-divider){border-color:CanvasText}}}

package/dist/components/tree.css

@@ -1 +1 @@
-@import"../internal/_collection.css";@layer skdx-components{:where(.skdx-tree){display:flex;flex-direction:column;inline-size:100%;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) );position:relative;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):before{content:"";position:absolute;inset-inline:0;inset-block-start:0;z-index:-1;block-size:var(--skdx-item-height-md);border-radius:inherit}:where(.skdx-tree__item)[data-checked=checked]{color:var(--skdx-color-text-accent)}:where(.skdx-tree__item)[data-checked=checked]:before{border:var(--skdx-border-width-thin) solid var(--skdx-color-border-accent)}:where(.skdx-tree__item)[aria-selected=true]{color:var(--skdx-color-text-accent)}:where(.skdx-tree__item)[aria-selected=true]:before{background-color:var(--skdx-color-surface-selected)}:where(.skdx-tree__item)[data-checked=indeterminate]{color:var(--skdx-color-text-accent)}:where(.skdx-tree__item):is(:focus,:hover){color:var(--skdx-color-highlight-text)}:where(.skdx-tree__item):is(:focus,:hover):before{background-color:var(--skdx-color-highlight-bg)}: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;inline-size:100%;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) );position:relative;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):before{content:"";position:absolute;inset-inline:0;inset-block-start:0;z-index:-1;block-size:var(--skdx-item-height-md);border-radius:inherit}:where(.skdx-tree__item)[data-checked=checked]{color:var(--skdx-color-text-accent)}:where(.skdx-tree__item)[data-checked=checked]:before{border:var(--skdx-border-width-thin) solid var(--skdx-color-border-accent)}:where(.skdx-tree__item)[aria-selected=true]{color:var(--skdx-color-text-accent)}:where(.skdx-tree__item)[aria-selected=true]:before{background-color:var(--skdx-color-surface-selected)}:where(.skdx-tree__item)[data-checked=indeterminate]{color:var(--skdx-color-text-accent)}:where(.skdx-tree__item):is(:focus,:hover){color:var(--skdx-color-highlight-text)}:where(.skdx-tree__item):is(:focus,:hover):before{background-color:var(--skdx-color-highlight-bg)}: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))}:where(.skdx-tree__group)[data-state=collapsed]{display:none}}