@skdx/skins 0.33.0 → 0.34.0

package/README.md

@@ -210,7 +210,7 @@ Recolour through the theme, not through this package: the aliases and what each
 ## Package layout
 
 ```text
-packages/skins/
+packages/core/skins/
 ├── src/
 │   ├── components/                91 component families, one .css file each,
 │   │                              plus six _-prefixed shared partials

package/dist/components/calendar.css

@@ -1 +1 @@
-@import"../base.css";@layer skdx-components{:where(.skdx-calendar){display:inline-flex;flex-direction:column;gap:var(--skdx-space-2);padding:var(--skdx-space-3)}:where(.skdx-calendar__header){display:flex;align-items:center;justify-content:space-between;gap:var(--skdx-space-2)}:where(.skdx-calendar__heading){display:inline-flex;align-items:center;gap:var(--skdx-space-2);font-size:var(--skdx-font-size-sm);font-weight:var(--skdx-font-weight-semibold);color:var(--skdx-color-text-default);background:transparent;border:0;border-radius:var(--skdx-radius-sm);cursor:pointer}:where(.skdx-calendar__previous-button),:where(.skdx-calendar__next-button){display:inline-flex;align-items:center;justify-content:center;gap:var(--skdx-space-2);min-inline-size:var(--skdx-target-min);min-block-size:var(--skdx-target-min);color:var(--skdx-color-text-muted);background:transparent;border:0;border-radius:var(--skdx-radius-sm);cursor:pointer}:where(.skdx-calendar__heading):hover,:where(.skdx-calendar__previous-button):hover,:where(.skdx-calendar__next-button):hover{background-color:var(--skdx-color-surface-hover);color:var(--skdx-color-text-default)}:where(.skdx-calendar__grid){border-collapse:collapse}:where(.skdx-calendar):has(.skdx-calendar__grid~.skdx-calendar__grid){display:inline-grid;grid-auto-flow:column;align-items:start;gap:var(--skdx-space-2) var(--skdx-space-4)}:where(.skdx-calendar):has(.skdx-calendar__grid~.skdx-calendar__grid)>.skdx-calendar__header{grid-column:1 / -1;grid-row:1}:where(.skdx-calendar):has(.skdx-calendar__grid~.skdx-calendar__grid)>.skdx-calendar__heading{grid-row:2}:where(.skdx-calendar):has(.skdx-calendar__grid~.skdx-calendar__grid)>.skdx-calendar__grid{grid-row:3}:where(.skdx-calendar__row){display:flex;flex-wrap:nowrap}:where(.skdx-calendar__week-day){display:inline-flex;align-items:center;justify-content:center;inline-size:var(--skdx-item-height-md);font-size:var(--skdx-font-size-xs);font-weight:var(--skdx-font-weight-medium);color:var(--skdx-color-text-muted)}:where(.skdx-calendar__cell){display:inline-flex;align-items:center;justify-content:center;inline-size:var(--skdx-item-height-md);block-size:var(--skdx-item-height-md);gap:var(--skdx-space-1);color:var(--skdx-color-text-default);background:transparent;border:var(--skdx-border-width-thin) solid transparent;border-radius:var(--skdx-radius-sm);font-size:var(--skdx-font-size-sm);font-variant-numeric:tabular-nums;cursor:pointer}:where(.skdx-calendar__cell)>svg{flex:none}:where(.skdx-calendar__cell):hover:not([data-disabled]){background-color:var(--skdx-color-surface-hover)}:where(.skdx-calendar__cell)[data-today]{border-color:var(--skdx-color-border-accent);font-weight:var(--skdx-font-weight-semibold)}:where(.skdx-calendar__cell)[data-state=selected]{color:var(--skdx-color-action-primary-text);background-color:var(--skdx-color-action-primary-bg);border-color:var(--skdx-color-action-primary-bg)}:where(.skdx-calendar__cell)[data-range-middle]{background-color:var(--skdx-color-surface-selected);border-radius:0}:where(.skdx-calendar__cell)[data-range-start]{border-start-end-radius:0;border-end-end-radius:0}:where(.skdx-calendar__cell)[data-range-end]{border-start-start-radius:0;border-end-start-radius:0}:where(.skdx-calendar__cell)[data-outside-month]{color:var(--skdx-color-text-muted)}:where(.skdx-calendar__cell)[data-unavailable]{text-decoration:line-through;text-decoration-thickness:var(--skdx-border-width-thick);cursor:not-allowed}:where(.skdx-calendar__cell)[data-disabled]{color:var(--skdx-color-text-disabled);cursor:not-allowed}@media(forced-colors:active){:where(.skdx-calendar__cell)[data-state=selected]{background-color:Highlight;color:HighlightText}:where(.skdx-calendar__cell)[data-today]{border-color:CanvasText}:where(.skdx-calendar__cell)[data-range-middle]{background-color:Highlight;color:HighlightText}:where(.skdx-calendar__cell)[data-unavailable]{text-decoration-color:CanvasText}}:where(.skdx-calendar__month-grid,.skdx-calendar__year-grid){display:grid;grid-template-columns:repeat(4,1fr);gap:var(--skdx-space-1)}:where(.skdx-calendar__month-grid,.skdx-calendar__year-grid)>[role=rowgroup],:where(.skdx-calendar__month-grid,.skdx-calendar__year-grid)>*>[role=row]{display:contents}:where(.skdx-calendar__view-cell){display:inline-flex;align-items:center;justify-content:center;padding-block:var(--skdx-space-2);padding-inline:var(--skdx-space-1);color:var(--skdx-color-text-default);background:transparent;border:var(--skdx-border-width-thin) solid transparent;border-radius:var(--skdx-radius-sm);font-size:var(--skdx-font-size-sm);font-variant-numeric:tabular-nums;cursor:pointer}:where(.skdx-calendar__view-cell):hover:not([data-disabled]){background-color:var(--skdx-color-surface-hover)}:where(.skdx-calendar__view-cell)[data-today]{border-color:var(--skdx-color-border-accent);font-weight:var(--skdx-font-weight-semibold)}:where(.skdx-calendar__view-cell)[data-state=selected]{color:var(--skdx-color-action-primary-text);background-color:var(--skdx-color-action-primary-bg);border-color:var(--skdx-color-action-primary-bg)}:where(.skdx-calendar__view-cell)[data-disabled]{color:var(--skdx-color-text-disabled);cursor:not-allowed}:where(.skdx-calendar__week-number,.skdx-calendar__week-number-header){display:inline-flex;align-items:center;justify-content:center;inline-size:var(--skdx-item-height-md);color:var(--skdx-color-text-muted);font-size:var(--skdx-font-size-xs);font-variant-numeric:tabular-nums}:where(.skdx-calendar__grid-head){color:var(--skdx-color-text-muted);font-size:var(--skdx-font-size-xs);font-weight:var(--skdx-font-weight-medium)}}
+@import"../base.css";@layer skdx-components{:where(.skdx-calendar){display:inline-flex;flex-direction:column;gap:var(--skdx-space-2);padding:var(--skdx-space-3)}:where(.skdx-calendar__header){display:flex;align-items:center;justify-content:space-between;gap:var(--skdx-space-2)}:where(.skdx-calendar__heading){display:inline-flex;align-items:center;gap:var(--skdx-space-2);font-size:var(--skdx-font-size-sm);font-weight:var(--skdx-font-weight-semibold);color:var(--skdx-color-text-default);background:transparent;border:0;border-radius:var(--skdx-radius-sm);cursor:pointer}:where(.skdx-calendar__previous-button),:where(.skdx-calendar__next-button){display:inline-flex;align-items:center;justify-content:center;gap:var(--skdx-space-2);min-inline-size:var(--skdx-target-min);min-block-size:var(--skdx-target-min);color:var(--skdx-color-text-muted);background:transparent;border:0;border-radius:var(--skdx-radius-sm);cursor:pointer}:where(.skdx-calendar__heading):hover,:where(.skdx-calendar__previous-button):hover,:where(.skdx-calendar__next-button):hover{background-color:var(--skdx-color-surface-hover);color:var(--skdx-color-text-default)}:where(.skdx-calendar__grid){border-collapse:collapse}:where(.skdx-calendar):has(.skdx-calendar__grid~.skdx-calendar__grid){display:inline-grid;grid-auto-flow:column;align-items:start;gap:var(--skdx-space-2) var(--skdx-space-4)}:where(.skdx-calendar):has(.skdx-calendar__grid~.skdx-calendar__grid)>.skdx-calendar__header{grid-column:1 / -1;grid-row:1}:where(.skdx-calendar):has(.skdx-calendar__grid~.skdx-calendar__grid)>.skdx-calendar__heading{grid-row:2}:where(.skdx-calendar):has(.skdx-calendar__grid~.skdx-calendar__grid)>.skdx-calendar__grid{grid-row:3}:where(.skdx-calendar__row){display:flex;flex-wrap:nowrap}:where(.skdx-calendar__week-day){display:inline-flex;align-items:center;justify-content:center;min-inline-size:var(--skdx-item-height-md);font-size:var(--skdx-font-size-xs);font-weight:var(--skdx-font-weight-medium);color:var(--skdx-color-text-muted)}:where(.skdx-calendar__cell){display:inline-flex;align-items:center;justify-content:center;inline-size:var(--skdx-item-height-md);block-size:var(--skdx-item-height-md);gap:var(--skdx-space-1);color:var(--skdx-color-text-default);background:transparent;border:var(--skdx-border-width-thin) solid transparent;border-radius:var(--skdx-radius-sm);font-size:var(--skdx-font-size-sm);font-variant-numeric:tabular-nums;cursor:pointer}:where(.skdx-calendar__cell)>svg{flex:none}:where(.skdx-calendar__cell):hover:not([data-disabled]){background-color:var(--skdx-color-surface-hover)}:where(.skdx-calendar__cell)[data-today]{border-color:var(--skdx-color-border-accent);font-weight:var(--skdx-font-weight-semibold)}:where(.skdx-calendar__cell)[data-state=selected]{color:var(--skdx-color-action-primary-text);background-color:var(--skdx-color-action-primary-bg);border-color:var(--skdx-color-action-primary-bg)}:where(.skdx-calendar__cell)[data-range-middle]{background-color:var(--skdx-color-surface-selected);border-radius:0}:where(.skdx-calendar__cell)[data-range-start]{border-start-end-radius:0;border-end-end-radius:0}:where(.skdx-calendar__cell)[data-range-end]{border-start-start-radius:0;border-end-start-radius:0}:where(.skdx-calendar__cell)[data-outside-month]{color:var(--skdx-color-text-muted)}:where(.skdx-calendar__cell)[data-unavailable]{text-decoration:line-through;text-decoration-thickness:var(--skdx-border-width-thick);cursor:not-allowed}:where(.skdx-calendar__cell)[data-disabled]{color:var(--skdx-color-text-disabled);cursor:not-allowed}@media(forced-colors:active){:where(.skdx-calendar__cell)[data-state=selected]{background-color:Highlight;color:HighlightText}:where(.skdx-calendar__cell)[data-today]{border-color:CanvasText}:where(.skdx-calendar__cell)[data-range-middle]{background-color:Highlight;color:HighlightText}:where(.skdx-calendar__cell)[data-unavailable]{text-decoration-color:CanvasText}}:where(.skdx-calendar__month-grid,.skdx-calendar__year-grid){display:grid;grid-template-columns:repeat(4,1fr);gap:var(--skdx-space-1)}:where(.skdx-calendar__month-grid,.skdx-calendar__year-grid)>[role=rowgroup],:where(.skdx-calendar__month-grid,.skdx-calendar__year-grid)>*>[role=row]{display:contents}:where(.skdx-calendar__view-cell){display:inline-flex;align-items:center;justify-content:center;padding-block:var(--skdx-space-2);padding-inline:var(--skdx-space-1);color:var(--skdx-color-text-default);background:transparent;border:var(--skdx-border-width-thin) solid transparent;border-radius:var(--skdx-radius-sm);font-size:var(--skdx-font-size-sm);font-variant-numeric:tabular-nums;cursor:pointer}:where(.skdx-calendar__view-cell):hover:not([data-disabled]){background-color:var(--skdx-color-surface-hover)}:where(.skdx-calendar__view-cell)[data-today]{border-color:var(--skdx-color-border-accent);font-weight:var(--skdx-font-weight-semibold)}:where(.skdx-calendar__view-cell)[data-state=selected]{color:var(--skdx-color-action-primary-text);background-color:var(--skdx-color-action-primary-bg);border-color:var(--skdx-color-action-primary-bg)}:where(.skdx-calendar__view-cell)[data-disabled]{color:var(--skdx-color-text-disabled);cursor:not-allowed}:where(.skdx-calendar__week-number,.skdx-calendar__week-number-header){display:inline-flex;align-items:center;justify-content:center;inline-size:var(--skdx-item-height-md);color:var(--skdx-color-text-muted);font-size:var(--skdx-font-size-xs);font-variant-numeric:tabular-nums}:where(.skdx-calendar__grid-head){color:var(--skdx-color-text-muted);font-size:var(--skdx-font-size-xs);font-weight:var(--skdx-font-weight-medium)}}

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;gap:var(--skdx-space-2)}:where(.skdx-carousel__progress){color:var(--skdx-color-text-muted);font-size:var(--skdx-font-size-sm)}:where(.skdx-carousel__indicator){position:relative;inline-size:var(--skdx-space-2);block-size:var(--skdx-space-2);padding:0;background-color:var(--skdx-color-track);border:var(--skdx-border-width-thin) solid var(--skdx-color-border-strong);border-radius:var(--skdx-radius-full);cursor:pointer}:where(.skdx-carousel__indicator):hover:not([data-disabled]){background-color:var(--skdx-color-track-fill)}:where(.skdx-carousel__indicator)[data-state=active]:hover:not([data-disabled]){box-shadow:0 0 0 var(--skdx-border-width-thick) var(--skdx-color-border-strong)}:where(.skdx-carousel__indicator)[data-state=active]{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){border-color:CanvasText}:where(.skdx-carousel__indicator)[data-state=active]{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__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/progress.css

@@ -1 +1 @@
-@import"../base.css";@layer skdx-components{:where(.skdx-progress){position:relative;display:block;--skdx-focus-ring-offset: var(--skdx-focus-ring-offset-inset)}:where(.skdx-progress):not(:has(.skdx-progress__circle)){overflow:hidden;inline-size:100%;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-progress):has(.skdx-progress__circle){overflow:visible;inline-size:auto;block-size:auto}:where(.skdx-progress__indicator){display:block;block-size:100%;inline-size:var(--skdx-progress, 0%);background-color:var(--skdx-color-track-fill);border-radius:inherit;transition:inline-size var(--skdx-motion-duration-normal) var(--skdx-motion-easing)}:where(.skdx-progress)[data-state=indeterminate] :where(.skdx-progress__indicator){inline-size:25%;transition:none;animation:skdx-indeterminate var(--skdx-motion-duration-slow) var(--skdx-motion-easing-steady) infinite}@media(prefers-reduced-motion:reduce){:where(.skdx-progress)[data-state=indeterminate] :where(.skdx-progress__indicator){inline-size:100%;opacity:.5}}:where(.skdx-progress__indicator):after{content:"";position:absolute;inset-block:0;inset-inline-start:var(--skdx-progress, 0%);inline-size:calc(var(--skdx-progress-buffer, 0%) - var(--skdx-progress, 0%));background-color:var(--skdx-color-track-fill);opacity:.35;border-radius:inherit}:where(.skdx-progress__label),:where(.skdx-progress__value){font-size:var(--skdx-font-size-xs);color:var(--skdx-color-text-muted);font-variant-numeric:tabular-nums}:where(.skdx-progress)[data-range=optimum] :where(.skdx-progress__indicator){background-color:var(--skdx-color-status-success-icon)}:where(.skdx-progress)[data-range=suboptimal] :where(.skdx-progress__indicator){background-color:var(--skdx-color-status-warning-icon)}:where(.skdx-progress)[data-range=poor] :where(.skdx-progress__indicator){background-color:var(--skdx-color-status-danger-icon)}:where(.skdx-progress):has(.skdx-progress__label,.skdx-progress__value){display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--skdx-space-1);block-size:auto;overflow:visible;background-color:transparent;border-color:transparent}:where(.skdx-progress):has(.skdx-progress__label,.skdx-progress__value):before{content:"";grid-row:2;grid-column:1 / -1;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-progress):has(.skdx-progress__label,.skdx-progress__value) :where(.skdx-progress__indicator){grid-row:2;grid-column:1 / -1;block-size:var(--skdx-space-2)}:where(.skdx-progress):has(.skdx-progress__label,.skdx-progress__value) :where(.skdx-progress__indicator):after{inset-block:auto 0;block-size:var(--skdx-space-2)}:where(.skdx-progress):has(.skdx-progress__label,.skdx-progress__value) :where(.skdx-progress__label){grid-row:1;grid-column:1}:where(.skdx-progress):has(.skdx-progress__label,.skdx-progress__value) :where(.skdx-progress__value){grid-row:1;grid-column:2}@media(forced-colors:active){:where(.skdx-progress),:where(.skdx-progress):has(.skdx-progress__label,.skdx-progress__value):before{border:var(--skdx-border-width-thin) solid CanvasText}:where(.skdx-progress__indicator){background-color:Highlight}}:where(.skdx-progress__circle){position:relative;display:block;inline-size:calc(var(--skdx-progress-circle-size, 48) * 1px);block-size:calc(var(--skdx-progress-circle-size, 48) * 1px)}:where(.skdx-progress__circle)>svg{display:block;inline-size:100%;block-size:100%;rotate:-90deg}:where(circle.skdx-progress__circle-indicator){fill:none;stroke:var(--skdx-color-track-fill);stroke-width:var(--skdx-border-width-thicker);stroke-linecap:round;transition:stroke-dashoffset var(--skdx-motion-duration-normal) var(--skdx-motion-easing)}:where(.skdx-progress__circle):has(>.skdx-progress__circle-indicator:not(:has(>svg))){background-color:var(--skdx-color-track);border-radius:var(--skdx-radius-full);mask-image:radial-gradient(farthest-side,transparent calc(100% - var(--skdx-border-width-thicker)),currentColor calc(100% - var(--skdx-border-width-thicker)))}:where(.skdx-progress__circle)>:where(.skdx-progress__circle-indicator):not(:has(>svg)){position:absolute;inset:0;border-radius:inherit;background:conic-gradient(var(--skdx-color-track-fill, transparent) var(--skdx-progress, 0%),transparent 0%);mask-image:inherit;transition:background var(--skdx-motion-duration-normal) var(--skdx-motion-easing)}}
+@import"../base.css";@layer skdx-components{:where(.skdx-progress){position:relative;display:block;--skdx-focus-ring-offset: var(--skdx-focus-ring-offset-inset)}:where(.skdx-progress):not(:has(.skdx-progress__circle)){overflow:hidden;inline-size:100%;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-progress):has(.skdx-progress__circle){overflow:visible;inline-size:auto;block-size:auto}:where(.skdx-progress__indicator){display:block;block-size:100%;inline-size:var(--skdx-progress, 0%);background-color:var(--skdx-color-track-fill);border-radius:inherit;transition:inline-size var(--skdx-motion-duration-normal) var(--skdx-motion-easing)}:where(.skdx-progress)[data-state=indeterminate] :where(.skdx-progress__indicator){inline-size:25%;transition:none;animation:skdx-indeterminate var(--skdx-motion-duration-slow) var(--skdx-motion-easing-steady) infinite}@media(prefers-reduced-motion:reduce){:where(.skdx-progress)[data-state=indeterminate] :where(.skdx-progress__indicator){inline-size:100%;opacity:.5}}:where(.skdx-progress__indicator):after{content:"";position:absolute;inset-block:0;inset-inline-start:var(--skdx-progress, 0%);inline-size:calc(var(--skdx-progress-buffer, 0%) - var(--skdx-progress, 0%));background-color:var(--skdx-color-track-fill);opacity:.35;border-radius:inherit}:where(.skdx-progress__label),:where(.skdx-progress__value){font-size:var(--skdx-font-size-xs);color:var(--skdx-color-text-muted);font-variant-numeric:tabular-nums}:where(.skdx-progress)[data-range=optimum] :where(.skdx-progress__indicator){background-color:var(--skdx-color-status-success-icon)}:where(.skdx-progress)[data-range=suboptimal] :where(.skdx-progress__indicator){background-color:var(--skdx-color-status-warning-icon)}:where(.skdx-progress)[data-range=poor] :where(.skdx-progress__indicator){background-color:var(--skdx-color-status-danger-icon)}:where(.skdx-progress):has(.skdx-progress__label,.skdx-progress__value){display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--skdx-space-1);block-size:auto;overflow:visible;background-color:transparent;border-color:transparent}:where(.skdx-progress):has(.skdx-progress__label,.skdx-progress__value):before{content:"";grid-row:2;grid-column:1 / -1;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-progress):has(.skdx-progress__label,.skdx-progress__value) :where(.skdx-progress__indicator){grid-row:2;grid-column:1 / -1;block-size:var(--skdx-space-2)}:where(.skdx-progress):has(.skdx-progress__label,.skdx-progress__value) :where(.skdx-progress__indicator):after{inset-block:auto 0;block-size:var(--skdx-space-2)}:where(.skdx-progress):has(.skdx-progress__label,.skdx-progress__value) :where(.skdx-progress__label){grid-row:1;grid-column:1}:where(.skdx-progress):has(.skdx-progress__label,.skdx-progress__value) :where(.skdx-progress__value){grid-row:1;grid-column:2}@media(forced-colors:active){:where(.skdx-progress),:where(.skdx-progress):has(.skdx-progress__label,.skdx-progress__value):before{border:var(--skdx-border-width-thin) solid CanvasText}:where(.skdx-progress__indicator){background-color:Highlight}}:where(.skdx-progress__circle){position:relative;display:block;inline-size:calc(var(--skdx-progress-circle-size, 48) * 1px);block-size:calc(var(--skdx-progress-circle-size, 48) * 1px);background-color:var(--skdx-color-track);border-radius:var(--skdx-radius-full);mask-image:radial-gradient(farthest-side,transparent calc(100% - var(--skdx-progress-circle-thickness, 4) * 1px),currentColor calc(100% - var(--skdx-progress-circle-thickness, 4) * 1px))}:where(.skdx-progress__circle)>svg{display:block;inline-size:100%;block-size:100%;rotate:-90deg}:where(circle.skdx-progress__circle-indicator){fill:none;stroke:var(--skdx-color-track-fill);stroke-width:var(--skdx-border-width-thicker);stroke-linecap:round;transition:stroke-dashoffset var(--skdx-motion-duration-normal) var(--skdx-motion-easing)}:where(.skdx-progress__circle)>:where(.skdx-progress__circle-indicator):not(:has(>svg)){position:absolute;inset:0;border-radius:inherit;background:conic-gradient(var(--skdx-color-track-fill, transparent) var(--skdx-progress, 0%),transparent 0%);mask-image:inherit;transition:background var(--skdx-motion-duration-normal) var(--skdx-motion-easing)}}