@skdx/skins 0.32.0 → 0.34.0
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.
- package/README.md +1 -1
- package/dist/components/calendar.css +1 -1
- package/dist/components/carousel.css +1 -1
- package/dist/components/dashboard-layout.css +1 -0
- package/dist/components/page-container.css +1 -0
- package/dist/components/progress.css +1 -1
- package/dist/components/sign-in-page.css +1 -0
- package/dist/components/table.css +1 -1
- package/dist/index.css +1 -1
- package/dist/internal/_actuator.css +1 -1
- package/dist/internal/_hit-target.css +1 -1
- package/dist/structure.css +1 -1
- package/package.json +16 -16
package/README.md
CHANGED
|
@@ -210,7 +210,7 @@ Recolour through the theme, not through this package: the aliases and what each
|
|
|
210
210
|
## Package layout
|
|
211
211
|
|
|
212
212
|
```text
|
|
213
|
-
packages/skins/
|
|
213
|
+
packages/core/skins/
|
|
214
214
|
├── src/
|
|
215
215
|
│ ├── components/ 91 component families, one .css file each,
|
|
216
216
|
│ │ plus six _-prefixed shared partials
|
|
@@ -1 +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)}}
|
|
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;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)}}
|
|
@@ -1 +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
|
|
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}}}
|
|
@@ -0,0 +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}}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import"../base.css";@layer skdx-components{:where(.skdx-page-container){display:flex;flex-direction:column;gap:var(--skdx-space-4)}:where(.skdx-page-container__header){display:flex;flex-direction:column;gap:var(--skdx-space-2)}:where(.skdx-page-container__heading-row){display:flex;align-items:center;justify-content:space-between;gap:var(--skdx-space-4)}}
|
|
@@ -1 +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)
|
|
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);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)}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import"../base.css";@layer skdx-components{:where(.skdx-sign-in-page){display:flex;justify-content:center;padding:var(--skdx-space-8)}:where(.skdx-sign-in-page__panel){display:flex;flex-direction:column;gap:var(--skdx-space-4);inline-size:100%;max-inline-size:24rem;padding:var(--skdx-space-6);background-color:var(--skdx-color-surface-raised);border:var(--skdx-border-width-thin) solid var(--skdx-color-border-default);border-radius:var(--skdx-radius-lg);box-shadow:var(--skdx-shadow-md)}:where(.skdx-sign-in-page__providers){display:flex;flex-direction:column;gap:var(--skdx-space-2)}:where(.skdx-sign-in-page__provider){inline-size:100%}@media(forced-colors:active){:where(.skdx-sign-in-page__panel){border-color:CanvasText}}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"../internal/_actuator.css";@import"../base.css";@layer skdx-components{:where(.skdx-table){inline-size:100%;border-collapse:collapse;font-size:var(--skdx-font-size-sm);color:var(--skdx-color-text-default);font-variant-numeric:tabular-nums}:where(.skdx-table__caption){padding-block:var(--skdx-space-2);font-size:var(--skdx-font-size-sm);color:var(--skdx-color-text-muted);text-align:start}:where(.skdx-table__header){background-color:var(--skdx-color-surface-default)}:where(.skdx-table__header-cell){position:relative;padding-inline:var(--skdx-space-4);padding-block:var(--skdx-space-3);min-block-size:var(--skdx-item-height-lg);font-weight:var(--skdx-font-weight-semibold);text-align:start;white-space:nowrap;color:var(--skdx-color-text-muted);border-block-end:var(--skdx-border-width-thin) solid var(--skdx-color-border-default);inline-size:var(--skdx-table-column-width, auto)}:where(.skdx-table__header-cell)[aria-sort]{cursor:pointer;user-select:none}:where(.skdx-table__header-cell)[aria-sort]:hover{color:var(--skdx-color-text-default)}:where(.skdx-table__header-cell)[aria-sort]:not([aria-sort=none]){color:var(--skdx-color-text-accent)}:where(.skdx-table__cell){padding-inline:var(--skdx-space-4);padding-block:var(--skdx-space-3);border-block-end:var(--skdx-border-width-thin) solid var(--skdx-color-border-subtle);vertical-align:middle}:where(.skdx-table)[data-density=compact]{--skdx-table-cell-padding-inline: var(--skdx-space-3);--skdx-table-cell-padding-block: var(--skdx-space-2)}:where(.skdx-table)[data-density] :where(.skdx-table__cell),:where(.skdx-table)[data-density] :where(.skdx-table__header-cell){padding-inline:var(--skdx-table-cell-padding-inline, var(--skdx-space-4));padding-block:var(--skdx-table-cell-padding-block, var(--skdx-space-3))}:where(.skdx-table__row):hover{background-color:var(--skdx-color-surface-hover)}:where(.skdx-table__row)[data-state=selected]{background-color:var(--skdx-color-surface-selected)}:where(.skdx-table__row)[data-disabled]{color:var(--skdx-color-text-disabled)}:where(.skdx-table)[data-sticky-header] :where(.skdx-table__header){position:sticky;inset-block-start:0;z-index:var(--skdx-z-index-sticky);background-color:var(--skdx-color-surface-default)}:where(.skdx-table)[data-sticky-header] :where(.skdx-table__row){scroll-margin-block-start:var(--skdx-table-sticky-header-height, 0)}:where(.skdx-table__footer){font-weight:var(--skdx-font-weight-medium);background-color:var(--skdx-color-surface-default)}@media(forced-colors:active){:where(.skdx-table__cell),:where(.skdx-table__header-cell){border-block-end-color:CanvasText}}:where(.skdx-table__column-header-sort-trigger){display:inline-flex;align-items:center;gap:var(--skdx-space-1);inline-size:100%;min-block-size:var(--skdx-target-min);padding:0;color:inherit;background:transparent;border:0;border-radius:var(--skdx-radius-sm);font:inherit;font-weight:var(--skdx-font-weight-semibold);text-align:start;cursor:pointer}:where(.skdx-table__column-header-sort-trigger):hover{color:var(--skdx-color-text-accent);background-color:var(--skdx-color-surface-hover)}:where(.skdx-table__column-header-sort-trigger):active{background-color:var(--skdx-color-surface-pressed)}:where(.skdx-table__column-header-sort-trigger):focus-visible{outline:var(--skdx-focus-ring-width) solid var(--skdx-color-focus-ring);outline-offset:var(--skdx-focus-ring-offset-inset)}:where(.skdx-table__column-header-filter-input){display:block;inline-size:100%;min-block-size:var(--skdx-target-min);margin-block-start:var(--skdx-space-1);padding-inline:var(--skdx-control-padding-sm);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:inherit;font-size:var(--skdx-font-size-xs);font-weight:var(--skdx-font-weight-regular)}:where(.skdx-table__column-header-filter-input):hover{border-color:var(--skdx-color-field-border-hover)}:where(.skdx-table__column-header-filter-input):focus-visible{border-color:var(--skdx-color-field-border-focus);outline:var(--skdx-focus-ring-width) solid var(--skdx-color-focus-ring);outline-offset:var(--skdx-focus-ring-offset-inset)}:where(.skdx-table__sort-indicator){display:inline-flex;flex:none;inline-size:var(--skdx-icon-size-sm);block-size:var(--skdx-icon-size-sm);color:var(--skdx-color-text-muted)}:where(.skdx-table__column-header-sort-trigger)[data-sort-direction] :where(.skdx-table__sort-indicator){color:var(--skdx-color-text-accent)}:where(.skdx-table__column-resize-trigger){position:absolute;inset-block:0;inset-inline-end:0;inline-size:var(--skdx-space-2);padding:0;background:transparent;border:0;border-inline-end:var(--skdx-border-width-thin) solid transparent;cursor:col-resize;touch-action:none;--skdx-focus-ring-offset: var(--skdx-focus-ring-offset-inset)}:where(.skdx-table__column-resize-trigger):hover,:where(.skdx-table__column-resize-trigger)[data-dragging]{border-inline-end-color:var(--skdx-color-border-accent)}:where(.skdx-table__row-select-checkbox),:where(.skdx-table__select-all-checkbox){display:inline-flex;align-items:center;justify-content:center}:where(.skdx-table__empty){padding-block:var(--skdx-space-8);color:var(--skdx-color-text-muted);text-align:center}:where(.skdx-table__expanded-row)>:where(.skdx-table__cell),:where(.skdx-table__expanded-row)>:where(:not([class*=skdx-]):has(>.skdx-table__cell))>:where(.skdx-table__cell){background-color:var(--skdx-color-surface-sunken)}}
|
|
1
|
+
@import"../internal/_actuator.css";@import"../base.css";@layer skdx-components{:where(.skdx-table){inline-size:100%;border-collapse:collapse;font-size:var(--skdx-font-size-sm);color:var(--skdx-color-text-default);font-variant-numeric:tabular-nums}:where(.skdx-table__caption){padding-block:var(--skdx-space-2);font-size:var(--skdx-font-size-sm);color:var(--skdx-color-text-muted);text-align:start}:where(.skdx-table__header){background-color:var(--skdx-color-surface-default)}:where(.skdx-table__header-cell){position:relative;padding-inline:var(--skdx-space-4);padding-block:var(--skdx-space-3);min-block-size:var(--skdx-item-height-lg);font-weight:var(--skdx-font-weight-semibold);text-align:start;white-space:nowrap;color:var(--skdx-color-text-muted);border-block-end:var(--skdx-border-width-thin) solid var(--skdx-color-border-default);inline-size:var(--skdx-table-column-width, auto)}:where(.skdx-table__header-cell)[aria-sort]{cursor:pointer;user-select:none}:where(.skdx-table__header-cell)[aria-sort]:hover{color:var(--skdx-color-text-default)}:where(.skdx-table__header-cell)[aria-sort]:not([aria-sort=none]){color:var(--skdx-color-text-accent)}:where(.skdx-table__cell){padding-inline:var(--skdx-space-4);padding-block:var(--skdx-space-3);border-block-end:var(--skdx-border-width-thin) solid var(--skdx-color-border-subtle);vertical-align:middle}:where(.skdx-table)[data-density=compact]{--skdx-table-cell-padding-inline: var(--skdx-space-3);--skdx-table-cell-padding-block: var(--skdx-space-2)}:where(.skdx-table)[data-density] :where(.skdx-table__cell),:where(.skdx-table)[data-density] :where(.skdx-table__header-cell){padding-inline:var(--skdx-table-cell-padding-inline, var(--skdx-space-4));padding-block:var(--skdx-table-cell-padding-block, var(--skdx-space-3))}:where(.skdx-table__row):hover{background-color:var(--skdx-color-surface-hover)}:where(.skdx-table__row)[data-state=selected]{background-color:var(--skdx-color-surface-selected)}:where(.skdx-table__row)[data-disabled]{color:var(--skdx-color-text-disabled)}:where(.skdx-table)[data-sticky-header] :where(.skdx-table__header){position:sticky;inset-block-start:0;z-index:var(--skdx-z-index-sticky);background-color:var(--skdx-color-surface-default)}:where(.skdx-table)[data-sticky-header] :where(.skdx-table__row){scroll-margin-block-start:var(--skdx-table-sticky-header-height, 0)}:where(.skdx-table__footer){font-weight:var(--skdx-font-weight-medium);background-color:var(--skdx-color-surface-default)}@media(forced-colors:active){:where(.skdx-table__cell),:where(.skdx-table__header-cell){border-block-end-color:CanvasText}}:where(.skdx-table__column-header-sort-trigger){display:inline-flex;align-items:center;gap:var(--skdx-space-1);inline-size:100%;min-block-size:var(--skdx-target-min);padding:0;color:inherit;background:transparent;border:0;border-radius:var(--skdx-radius-sm);font:inherit;font-weight:var(--skdx-font-weight-semibold);text-align:start;cursor:pointer}:where(.skdx-table__column-header-sort-trigger):hover{color:var(--skdx-color-text-accent);background-color:var(--skdx-color-surface-hover)}:where(.skdx-table__column-header-sort-trigger):active{background-color:var(--skdx-color-surface-pressed)}:where(.skdx-table__column-header-sort-trigger):focus-visible{outline:var(--skdx-focus-ring-width) solid var(--skdx-color-focus-ring);outline-offset:var(--skdx-focus-ring-offset-inset)}:where(.skdx-table__column-header-filter-input){display:block;inline-size:100%;min-block-size:var(--skdx-target-min);margin-block-start:var(--skdx-space-1);padding-inline:var(--skdx-control-padding-sm);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:inherit;font-size:var(--skdx-font-size-xs);font-weight:var(--skdx-font-weight-regular)}:where(.skdx-table__column-header-filter-input):hover{border-color:var(--skdx-color-field-border-hover)}:where(.skdx-table__column-header-filter-input):focus-visible{border-color:var(--skdx-color-field-border-focus);outline:var(--skdx-focus-ring-width) solid var(--skdx-color-focus-ring);outline-offset:var(--skdx-focus-ring-offset-inset)}:where(.skdx-table__sort-indicator){display:inline-flex;flex:none;inline-size:var(--skdx-icon-size-sm);block-size:var(--skdx-icon-size-sm);color:var(--skdx-color-text-muted)}:where(.skdx-table__column-header-sort-trigger)[data-sort-direction] :where(.skdx-table__sort-indicator){color:var(--skdx-color-text-accent)}:where(.skdx-table__column-resize-trigger){position:absolute;inset-block:0;inset-inline-end:0;inline-size:var(--skdx-space-2);padding:0;background:transparent;border:0;border-inline-end:var(--skdx-border-width-thin) solid transparent;cursor:col-resize;touch-action:none;--skdx-focus-ring-offset: var(--skdx-focus-ring-offset-inset)}:where(.skdx-table__column-resize-trigger):hover,:where(.skdx-table__column-resize-trigger)[data-dragging]{border-inline-end-color:var(--skdx-color-border-accent)}:where(.skdx-table__row-select-checkbox),:where(.skdx-table__select-all-checkbox){display:inline-flex;align-items:center;justify-content:center}:where(.skdx-table__empty){padding-block:var(--skdx-space-8);color:var(--skdx-color-text-muted);text-align:center}:where(.skdx-table__expanded-row)>:where(.skdx-table__cell),:where(.skdx-table__expanded-row)>:where(:not([class*=skdx-]):has(>.skdx-table__cell))>:where(.skdx-table__cell){background-color:var(--skdx-color-surface-sunken)}:where(.skdx-table__header-cell)[data-pinned],:where(.skdx-table__cell)[data-pinned]{position:sticky;z-index:1;background-color:var(--skdx-color-surface-default)}:where(.skdx-table__header-cell)[data-pinned=start],:where(.skdx-table__cell)[data-pinned=start]{inset-inline-start:var(--skdx-table-pin-offset, 0)}:where(.skdx-table__header-cell)[data-pinned=end],:where(.skdx-table__cell)[data-pinned=end]{inset-inline-end:var(--skdx-table-pin-offset, 0)}:where(.skdx-table)[data-sticky-header] :where(.skdx-table__header-cell)[data-pinned]{z-index:2}:where(.skdx-table__column-reorder-trigger),:where(.skdx-table__column-pin-trigger){display:inline-flex;align-items:center;justify-content:center;min-block-size:var(--skdx-target-min);padding:0;color:inherit;background:transparent;border:0;border-radius:var(--skdx-radius-sm);cursor:pointer}:where(.skdx-table__column-reorder-trigger):hover,:where(.skdx-table__column-pin-trigger):hover{color:var(--skdx-color-text-accent);background-color:var(--skdx-color-surface-hover)}:where(.skdx-table__column-reorder-trigger):focus-visible,:where(.skdx-table__column-pin-trigger):focus-visible{outline:var(--skdx-focus-ring-width) solid var(--skdx-color-focus-ring);outline-offset:var(--skdx-focus-ring-offset-inset)}:where(.skdx-table__column-reorder-trigger)[data-dragging]{cursor:grabbing}:where(.skdx-table__column-pin-trigger)[aria-pressed=true]{color:var(--skdx-color-text-accent)}:where(.skdx-table__group-row)>:where(.skdx-table__group-cell){padding-inline:var(--skdx-space-4);padding-block:var(--skdx-space-3);background-color:var(--skdx-color-surface-sunken);font-weight:var(--skdx-font-weight-semibold);text-align:start}:where(.skdx-table__group-trigger){display:inline-flex;align-items:center;gap:var(--skdx-space-1);inline-size:100%;min-block-size:var(--skdx-target-min);padding:0;color:inherit;background:transparent;border:0;border-radius:var(--skdx-radius-sm);font:inherit;font-weight:inherit;text-align:start;cursor:pointer}:where(.skdx-table__group-trigger):hover{color:var(--skdx-color-text-accent)}:where(.skdx-table__group-trigger):focus-visible{outline:var(--skdx-focus-ring-width) solid var(--skdx-color-focus-ring);outline-offset:var(--skdx-focus-ring-offset-inset)}:where(.skdx-table__row)[data-level]>:where(.skdx-table__cell):first-of-type{padding-inline-start:calc(var(--skdx-table-cell-padding-inline, var(--skdx-space-4)) + var(--skdx-table-row-level, 0) * var(--skdx-space-6))}}
|