@skdx/skins 0.31.0 → 0.33.0

package/dist/components/dashboard-layout.css

@@ -0,0 +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}}}

package/dist/components/page-container.css

@@ -0,0 +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)}}

package/dist/components/sign-in-page.css

@@ -0,0 +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}}}

package/dist/components/table.css

@@ -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)}}
+@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))}}