@skdx/skins 0.38.0 → 0.40.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 +30 -0
- package/dist/base.css +1 -1
- package/dist/components/accordion.css +1 -1
- package/dist/components/alert.css +1 -1
- package/dist/components/autocomplete.css +1 -1
- package/dist/components/avatar.css +1 -1
- package/dist/components/badge.css +1 -1
- package/dist/components/button.css +1 -1
- package/dist/components/calendar.css +1 -1
- package/dist/components/card.css +1 -1
- package/dist/components/carousel.css +1 -1
- package/dist/components/chat-composer.css +1 -1
- package/dist/components/chat-message.css +1 -1
- package/dist/components/checkbox-card.css +1 -1
- package/dist/components/checkbox.css +1 -1
- package/dist/components/clipboard.css +1 -1
- package/dist/components/color-picker.css +1 -1
- package/dist/components/combobox.css +1 -1
- package/dist/components/command.css +1 -1
- package/dist/components/dashboard-layout.css +1 -1
- package/dist/components/date-field.css +1 -1
- package/dist/components/dialog.css +1 -1
- package/dist/components/drawer.css +1 -1
- package/dist/components/editable.css +1 -1
- package/dist/components/file-upload.css +1 -1
- package/dist/components/floating-panel.css +1 -1
- package/dist/components/forgot-password-page.css +1 -1
- package/dist/components/form-section.css +1 -1
- package/dist/components/form.css +1 -1
- package/dist/components/image.css +1 -1
- package/dist/components/kbd.css +1 -1
- package/dist/components/link.css +1 -1
- package/dist/components/listbox.css +1 -1
- package/dist/components/mentions.css +1 -1
- package/dist/components/menubar.css +1 -1
- package/dist/components/navigation-menu.css +1 -1
- package/dist/components/number-field.css +1 -1
- package/dist/components/onboarding-checklist.css +1 -1
- package/dist/components/pagination.css +1 -1
- package/dist/components/password-input.css +1 -1
- package/dist/components/pin-input.css +1 -1
- package/dist/components/popover.css +1 -1
- package/dist/components/qr-code.css +1 -1
- package/dist/components/radio-card.css +1 -1
- package/dist/components/reset-password-page.css +1 -1
- package/dist/components/select.css +1 -1
- package/dist/components/sign-in-page.css +1 -1
- package/dist/components/sign-up-page.css +1 -1
- package/dist/components/skeleton.css +1 -1
- package/dist/components/skip-link.css +1 -1
- package/dist/components/speed-dial.css +1 -1
- package/dist/components/stat-card.css +1 -1
- package/dist/components/stepper.css +1 -1
- package/dist/components/switch.css +1 -1
- package/dist/components/table.css +1 -1
- package/dist/components/tags-input.css +1 -1
- package/dist/components/text-field.css +1 -1
- package/dist/components/text.css +1 -1
- package/dist/components/textarea.css +1 -1
- package/dist/components/time-field.css +1 -1
- package/dist/components/toast.css +1 -1
- package/dist/components/toggle-group.css +1 -1
- package/dist/components/toggle.css +1 -1
- package/dist/components/toolbar.css +1 -1
- package/dist/components/tree-select.css +1 -1
- package/dist/components/tree.css +1 -1
- package/dist/components/usage-card.css +1 -1
- package/dist/components/user-menu.css +1 -1
- package/dist/components/verification-page.css +1 -1
- package/dist/components/workspace-switcher.css +1 -1
- package/dist/index.css +1 -1
- package/dist/internal/_actuator.css +1 -1
- package/dist/internal/_card-control.css +1 -1
- package/dist/internal/_collection.css +1 -1
- package/dist/internal/_overlay.css +1 -1
- package/dist/internal/_trigger.css +1 -1
- package/dist/structure.css +1 -1
- package/dist/utilities.css +1 -1
- package/package.json +8 -8
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"../internal/_collection.css";@layer skdx-components{:where(.skdx-listbox){display:flex;flex-direction:column;gap:var(--skdx-item-gap);padding:var(--skdx-overlay-padding);overflow:auto;--skdx-focus-ring-offset: var(--skdx-focus-ring-offset-inset);background-color:var(--skdx-color-field-bg);border:var(--skdx-border-width-thin) solid var(--skdx-color-border-default);border-radius:var(--skdx-radius-
|
|
1
|
+
@import"../internal/_collection.css";@layer skdx-components{:where(.skdx-listbox){display:flex;flex-direction:column;gap:var(--skdx-item-gap);padding:var(--skdx-overlay-padding);overflow:auto;--skdx-focus-ring-offset: var(--skdx-focus-ring-offset-inset);background-color:var(--skdx-color-field-bg);border:var(--skdx-border-width-thin) solid var(--skdx-color-border-default);border-radius:var(--skdx-radius-default)}:where(.skdx-listbox)[data-orientation=vertical]{flex-direction:column}:where(.skdx-listbox)[data-orientation=horizontal]{flex-direction:row}:where(.skdx-listbox)[data-disabled]{background-color:var(--skdx-color-field-bg-disabled);cursor:not-allowed}:where(.skdx-listbox)[data-size=sm]{padding:var(--skdx-space-1);font-size:var(--skdx-font-size-xs)}:where(.skdx-listbox)[data-size=lg]{padding:var(--skdx-space-3);font-size:var(--skdx-font-size-md)}:where(.skdx-listbox)[data-size=sm] :where(.skdx-listbox__item){min-block-size:var(--skdx-item-height-sm)}:where(.skdx-listbox)[data-size=lg] :where(.skdx-listbox__item){min-block-size:var(--skdx-item-height-lg)}:where(.skdx-listbox)[data-density=compact]{gap:0}:where(.skdx-listbox)[data-density=compact] :where(.skdx-listbox__item){padding-block:var(--skdx-space-1)}:where(.skdx-listbox)[data-shape=square]{border-radius:0}:where(.skdx-listbox)[data-shape=rounded]{border-radius:var(--skdx-radius-md)}@media(forced-colors:active){:where(.skdx-listbox){border-color:CanvasText}}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"../internal/_overlay.css";@import"../internal/_collection.css";@layer skdx-components{:where(.skdx-mentions__content){max-inline-size:var(--skdx-mentions-available-width, none);padding:var(--skdx-overlay-padding)}:where(.skdx-mentions__input){inline-size:100%;padding-inline:var(--skdx-control-padding-md);padding-block:var(--skdx-space-2);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-
|
|
1
|
+
@import"../internal/_overlay.css";@import"../internal/_collection.css";@layer skdx-components{:where(.skdx-mentions__content){max-inline-size:var(--skdx-mentions-available-width, none);padding:var(--skdx-overlay-padding)}:where(.skdx-mentions__input){inline-size:100%;padding-inline:var(--skdx-control-padding-md);padding-block:var(--skdx-space-2);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-default);font-size:var(--skdx-font-size-sm);line-height:var(--skdx-font-line-height-normal);resize:block}:where(.skdx-mentions__input)::placeholder{color:var(--skdx-color-text-placeholder);opacity:1}:where(.skdx-mentions__input):hover:not(:disabled,[readonly]){border-color:var(--skdx-color-field-border-hover)}:where(.skdx-mentions__input):focus-visible{border-color:var(--skdx-color-field-border-focus)}:where(.skdx-mentions__input)[data-invalid]{border-color:var(--skdx-color-field-border-invalid);border-width:var(--skdx-border-width-thick)}:where(.skdx-mentions__input)[data-readonly]{background-color:var(--skdx-color-field-bg-readonly)}:where(.skdx-mentions__input):disabled{color:var(--skdx-color-text-disabled);background-color:var(--skdx-color-field-bg-disabled);cursor:not-allowed;resize:none}@media(forced-colors:active){:where(.skdx-mentions__input){border-color:CanvasText}}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"../internal/_overlay.css";@import"../internal/_collection.css";@import"../internal/_arrow.css";@layer skdx-components{:where(.skdx-menubar){--skdx-menubar-trigger-height: var(--skdx-item-height-sm);--skdx-menubar-trigger-font-size: var(--skdx-font-size-sm);--skdx-menubar-trigger-padding-inline: var(--skdx-space-2);--skdx-menubar-rhythm: var(--skdx-space-1);display:flex;align-items:center;gap:var(--skdx-menubar-rhythm);padding:var(--skdx-menubar-rhythm);background-color:var(--skdx-color-surface-default);border:var(--skdx-border-width-thin) solid var(--skdx-color-border-default);border-radius:var(--skdx-radius-
|
|
1
|
+
@import"../internal/_overlay.css";@import"../internal/_collection.css";@import"../internal/_arrow.css";@layer skdx-components{:where(.skdx-menubar){--skdx-menubar-trigger-height: var(--skdx-item-height-sm);--skdx-menubar-trigger-font-size: var(--skdx-font-size-sm);--skdx-menubar-trigger-padding-inline: var(--skdx-space-2);--skdx-menubar-rhythm: var(--skdx-space-1);display:flex;align-items:center;gap:var(--skdx-menubar-rhythm);padding:var(--skdx-menubar-rhythm);background-color:var(--skdx-color-surface-default);border:var(--skdx-border-width-thin) solid var(--skdx-color-border-default);border-radius:var(--skdx-radius-default)}:where(.skdx-menubar)[data-size=sm]{--skdx-menubar-trigger-height: var(--skdx-item-height-sm);--skdx-menubar-trigger-font-size: var(--skdx-font-size-xs);--skdx-menubar-trigger-padding-inline: var(--skdx-space-1)}:where(.skdx-menubar)[data-size=md]{--skdx-menubar-trigger-height: var(--skdx-item-height-md);--skdx-menubar-trigger-font-size: var(--skdx-font-size-sm);--skdx-menubar-trigger-padding-inline: var(--skdx-space-2)}:where(.skdx-menubar)[data-size=lg]{--skdx-menubar-trigger-height: var(--skdx-item-height-lg);--skdx-menubar-trigger-font-size: var(--skdx-font-size-md);--skdx-menubar-trigger-padding-inline: var(--skdx-space-3)}:where(.skdx-menubar)[data-density=compact]{--skdx-menubar-rhythm: 0px}:where(.skdx-menubar)[data-density=comfortable]{--skdx-menubar-rhythm: var(--skdx-space-2)}:where(.skdx-menubar)[data-orientation=vertical]{flex-direction:column;align-items:stretch}:where(.skdx-menubar__trigger){display:inline-flex;align-items:center;min-block-size:var(--skdx-menubar-trigger-height, var(--skdx-item-height-sm));padding-inline:var(--skdx-menubar-trigger-padding-inline, var(--skdx-space-2));font-size:var(--skdx-menubar-trigger-font-size, var(--skdx-font-size-sm));font-weight:var(--skdx-font-weight-medium);color:var(--skdx-color-text-default);background:transparent;border:0;border-radius:var(--skdx-radius-default);cursor:pointer}:where(.skdx-menubar__trigger):hover,:where(.skdx-menubar__trigger)[data-state=open]{background-color:var(--skdx-color-highlight-bg)}:where(.skdx-menubar__content),:where(.skdx-menubar__sub-content){padding:var(--skdx-overlay-padding)}:where(.skdx-menubar__shortcut){margin-inline-start:auto;padding-inline-start:var(--skdx-space-4);font-size:var(--skdx-font-size-xs);color:var(--skdx-color-text-muted);font-variant-numeric:tabular-nums}@media(forced-colors:active){:where(.skdx-menubar__arrow){background-color:Canvas;border-color:CanvasText}}@media(forced-colors:active){:where(.skdx-menubar__item,.skdx-menubar__checkbox-item,.skdx-menubar__radio-item,.skdx-menubar__sub-trigger):is(:focus,:hover){background-color:Highlight;color:HighlightText;forced-color-adjust:none}}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"../internal/_overlay.css";@import"../internal/_collection.css";@layer skdx-components{:where(.skdx-navigation-menu){position:relative;display:flex;align-items:center}:where(.skdx-navigation-menu__list){display:flex;align-items:center;gap:var(--skdx-space-1);margin:0;padding:0;list-style:none}:where(.skdx-navigation-menu)[data-orientation=vertical]{display:block}:where(.skdx-navigation-menu__list)[data-orientation=vertical]{flex-direction:column;align-items:stretch}:where(.skdx-navigation-menu__list)[data-orientation=vertical] :where(.skdx-navigation-menu__item){display:block}:where(.skdx-navigation-menu__trigger),:where(.skdx-navigation-menu__link){display:inline-flex;align-items:center;gap:var(--skdx-space-1);min-block-size:var(--skdx-item-height-lg);padding-inline:var(--skdx-space-3);color:var(--skdx-color-text-default);background:transparent;border:0;border-radius:var(--skdx-radius-
|
|
1
|
+
@import"../internal/_overlay.css";@import"../internal/_collection.css";@layer skdx-components{:where(.skdx-navigation-menu){position:relative;display:flex;align-items:center}:where(.skdx-navigation-menu__list){display:flex;align-items:center;gap:var(--skdx-space-1);margin:0;padding:0;list-style:none}:where(.skdx-navigation-menu)[data-orientation=vertical]{display:block}:where(.skdx-navigation-menu__list)[data-orientation=vertical]{flex-direction:column;align-items:stretch}:where(.skdx-navigation-menu__list)[data-orientation=vertical] :where(.skdx-navigation-menu__item){display:block}:where(.skdx-navigation-menu__trigger),:where(.skdx-navigation-menu__link){display:inline-flex;align-items:center;gap:var(--skdx-space-1);min-block-size:var(--skdx-item-height-lg);padding-inline:var(--skdx-space-3);color:var(--skdx-color-text-default);background:transparent;border:0;border-radius:var(--skdx-radius-default);font-size:var(--skdx-font-size-sm);font-weight:var(--skdx-font-weight-medium);text-decoration:none;cursor:pointer}:where(.skdx-navigation-menu__trigger):hover,:where(.skdx-navigation-menu__link):hover,:where(.skdx-navigation-menu__trigger)[data-state=open]{background-color:var(--skdx-color-surface-hover)}:where(.skdx-navigation-menu__link)[aria-current]{color:var(--skdx-color-text-accent);background-color:var(--skdx-color-surface-selected)}:where(.skdx-navigation-menu__content){position:absolute;inset-block-start:100%;inset-inline-start:0;padding:var(--skdx-space-4)}:where(.skdx-navigation-menu)[data-orientation=vertical] :where(.skdx-navigation-menu__content){inset-block-start:0;inset-inline-start:100%}:where(.skdx-navigation-menu__item){position:relative;display:flex;align-items:center}:where(.skdx-navigation-menu__content) :where(.skdx-navigation-menu__link){white-space:nowrap}:where(.skdx-navigation-menu__indicator){display:flex;justify-content:center;position:absolute;inset-inline-start:0;inset-block-start:100%;inline-size:var(--skdx-navigation-menu-indicator-size, 0);block-size:var(--skdx-border-width-thick);background-color:var(--skdx-color-border-accent);translate:var(--skdx-navigation-menu-indicator-offset, 0) 0;transition:translate var(--skdx-motion-duration-normal) var(--skdx-motion-easing),inline-size var(--skdx-motion-duration-normal) var(--skdx-motion-easing)}:where(.skdx-navigation-menu__indicator)[hidden]{display:none}:where(.skdx-navigation-menu)[data-orientation=vertical] :where(.skdx-navigation-menu__indicator){inset-block-start:0;inline-size:var(--skdx-border-width-thick);block-size:var(--skdx-navigation-menu-indicator-size, 0);translate:0 var(--skdx-navigation-menu-indicator-offset, 0);transition:translate var(--skdx-motion-duration-normal) var(--skdx-motion-easing),block-size var(--skdx-motion-duration-normal) var(--skdx-motion-easing)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"text-field.css";@layer skdx-components{:where(.skdx-number-field),:where(.skdx-number-field)[data-size=md]{--skdx-number-field-block-size: var(--skdx-control-height-md);--skdx-number-field-padding-inline: var(--skdx-control-padding-md);--skdx-number-field-font-size: var(--skdx-font-size-sm)}:where(.skdx-number-field)[data-size=sm]{--skdx-number-field-block-size: var(--skdx-control-height-sm);--skdx-number-field-padding-inline: var(--skdx-control-padding-sm);--skdx-number-field-font-size: var(--skdx-font-size-xs)}:where(.skdx-number-field)[data-size=lg]{--skdx-number-field-block-size: var(--skdx-control-height-lg);--skdx-number-field-padding-inline: var(--skdx-control-padding-lg);--skdx-number-field-font-size: var(--skdx-font-size-md)}:where(.skdx-number-field){display:inline-flex;align-items:stretch;background-color:var(--skdx-color-field-bg);border:var(--skdx-border-width-thin) solid var(--skdx-color-field-border);border-radius:var(--skdx-radius-
|
|
1
|
+
@import"text-field.css";@layer skdx-components{:where(.skdx-number-field),:where(.skdx-number-field)[data-size=md]{--skdx-number-field-block-size: var(--skdx-control-height-md);--skdx-number-field-padding-inline: var(--skdx-control-padding-md);--skdx-number-field-font-size: var(--skdx-font-size-sm)}:where(.skdx-number-field)[data-size=sm]{--skdx-number-field-block-size: var(--skdx-control-height-sm);--skdx-number-field-padding-inline: var(--skdx-control-padding-sm);--skdx-number-field-font-size: var(--skdx-font-size-xs)}:where(.skdx-number-field)[data-size=lg]{--skdx-number-field-block-size: var(--skdx-control-height-lg);--skdx-number-field-padding-inline: var(--skdx-control-padding-lg);--skdx-number-field-font-size: var(--skdx-font-size-md)}:where(.skdx-number-field){display:inline-flex;align-items:stretch;background-color:var(--skdx-color-field-bg);border:var(--skdx-border-width-thin) solid var(--skdx-color-field-border);border-radius:var(--skdx-radius-default);overflow:hidden;--skdx-focus-ring-offset: var(--skdx-focus-ring-offset-inset)}:where(.skdx-number-field)[data-invalid]{border-color:var(--skdx-color-field-border-invalid);border-width:var(--skdx-border-width-thick)}:where(.skdx-number-field)[data-disabled]{background-color:var(--skdx-color-field-bg-disabled);border-color:var(--skdx-color-border-disabled)}:where(.skdx-number-field__input){inline-size:100%;block-size:var(--skdx-number-field-block-size, var(--skdx-control-height-md));padding-inline:var(--skdx-number-field-padding-inline, var(--skdx-control-padding-md));color:var(--skdx-color-field-text);background:transparent;border:0;font-size:var(--skdx-number-field-font-size, var(--skdx-font-size-sm));font-variant-numeric:tabular-nums;text-align:end}:where(.skdx-number-field__increment),:where(.skdx-number-field__decrement){display:inline-flex;align-items:center;justify-content:center;inline-size:var(--skdx-number-field-block-size, var(--skdx-control-height-md));font-size:var(--skdx-number-field-font-size, var(--skdx-font-size-sm));color:var(--skdx-color-text-muted);background-color:var(--skdx-color-surface-default);border:0;border-inline-start:var(--skdx-border-width-thin) solid var(--skdx-color-border-default);cursor:pointer}:where(.skdx-number-field__increment):hover,:where(.skdx-number-field__decrement):hover{background-color:var(--skdx-color-surface-hover);color:var(--skdx-color-text-default)}:where(.skdx-number-field__increment)[data-disabled],:where(.skdx-number-field__decrement)[data-disabled]{color:var(--skdx-color-text-disabled);cursor:not-allowed}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"../base.css";@layer skdx-components{:where(.skdx-onboarding-checklist){display:flex;flex-direction:column;gap:var(--skdx-space-4);padding:var(--skdx-space-4);background-color:var(--skdx-color-surface-raised);border:var(--skdx-border-width-thin) solid var(--skdx-color-border-default);border-radius:var(--skdx-radius-
|
|
1
|
+
@import"../base.css";@layer skdx-components{:where(.skdx-onboarding-checklist){display:flex;flex-direction:column;gap:var(--skdx-space-4);padding:var(--skdx-space-4);background-color:var(--skdx-color-surface-raised);border:var(--skdx-border-width-thin) solid var(--skdx-color-border-default);border-radius:var(--skdx-radius-default);box-shadow:var(--skdx-shadow-sm);color:var(--skdx-color-text-default)}:where(.skdx-onboarding-checklist__header){display:flex;flex-direction:column;gap:var(--skdx-space-2)}:where(.skdx-onboarding-checklist__description){min-inline-size:0;overflow-wrap:anywhere}:where(.skdx-onboarding-checklist__progress){margin-block-start:var(--skdx-space-2)}:where(.skdx-onboarding-checklist__list){display:flex;flex-direction:column;gap:var(--skdx-space-3);margin:0;padding:0;list-style:none}:where(.skdx-onboarding-checklist__item){display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:var(--skdx-space-3)}:where(.skdx-onboarding-checklist__item)[data-state=disabled] :where(.skdx-onboarding-checklist__indicator,.skdx-onboarding-checklist__action){opacity:var(--skdx-opacity-disabled)}:where(.skdx-onboarding-checklist__item)[data-state=disabled] :where(.skdx-onboarding-checklist__item-title){color:var(--skdx-color-text-muted)}:where(.skdx-onboarding-checklist__indicator){position:relative;inline-size:var(--skdx-indicator-size-md);block-size:var(--skdx-indicator-size-md);border:var(--skdx-border-width-thick) solid var(--skdx-color-border-strong);border-radius:var(--skdx-radius-full)}:where(.skdx-onboarding-checklist__item)[data-state=active] :where(.skdx-onboarding-checklist__indicator){border-color:var(--skdx-color-border-accent)}:where(.skdx-onboarding-checklist__item)[data-state=complete] :where(.skdx-onboarding-checklist__indicator){background-color:var(--skdx-color-status-success-icon);border-color:var(--skdx-color-status-success-icon)}:where(.skdx-onboarding-checklist__item)[data-state=complete] :where(.skdx-onboarding-checklist__indicator):after{content:"";position:absolute;inset-inline-start:35%;inset-block-start:20%;inline-size:25%;block-size:50%;border-inline-end:2px solid var(--skdx-color-text-on-accent);border-block-end:2px solid var(--skdx-color-text-on-accent);transform:rotate(45deg)}:where(.skdx-onboarding-checklist__body){display:flex;flex-direction:column;gap:var(--skdx-space-1);min-inline-size:0}:where(.skdx-onboarding-checklist__item-title){overflow-wrap:anywhere;font-weight:var(--skdx-font-weight-medium)}:where(.skdx-onboarding-checklist__item)[data-state=complete] :where(.skdx-onboarding-checklist__item-title){color:var(--skdx-color-text-muted);text-decoration:line-through}:where(.skdx-onboarding-checklist__optional){margin-inline-start:var(--skdx-space-2);font-size:var(--skdx-font-size-xs);color:var(--skdx-color-text-muted)}:where(.skdx-onboarding-checklist__item-description){min-inline-size:0;overflow-wrap:anywhere}:where(.skdx-onboarding-checklist__action){grid-column:3}@media(max-width:30rem){:where(.skdx-onboarding-checklist__item){grid-template-columns:auto 1fr}:where(.skdx-onboarding-checklist__action){grid-column:2}}@media(forced-colors:active){:where(.skdx-onboarding-checklist){border-color:CanvasText}:where(.skdx-onboarding-checklist__indicator){border-color:CanvasText}:where(.skdx-onboarding-checklist__item)[data-state=complete] :where(.skdx-onboarding-checklist__indicator){background-color:Highlight;border-color:Highlight}}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"../base.css";@layer skdx-components{:where(.skdx-pagination){--skdx-pagination-control-size: var(--skdx-control-height-compact);--skdx-pagination-font-size: var(--skdx-font-size-sm);--skdx-pagination-gap: var(--skdx-item-gap)}:where(.skdx-pagination)[data-size=md]{--skdx-pagination-control-size: var(--skdx-control-height-md);--skdx-pagination-font-size: var(--skdx-font-size-md)}:where(.skdx-pagination)[data-size=lg]{--skdx-pagination-control-size: var(--skdx-control-height-lg);--skdx-pagination-font-size: var(--skdx-font-size-lg)}:where(.skdx-pagination)[data-density=comfortable]{--skdx-pagination-gap: var(--skdx-space-2)}:where(.skdx-pagination__list){display:flex;align-items:center;gap:var(--skdx-pagination-gap, var(--skdx-item-gap));margin:0;padding:0;list-style:none}:where(.skdx-pagination__page),:where(.skdx-pagination__previous),:where(.skdx-pagination__next){display:inline-flex;align-items:center;justify-content:center;min-inline-size:var(--skdx-pagination-control-size, var(--skdx-control-height-compact));min-block-size:var(--skdx-pagination-control-size, var(--skdx-control-height-compact));padding-inline:var(--skdx-space-2);color:var(--skdx-color-text-default);background:transparent;border:var(--skdx-border-width-thin) solid transparent;border-radius:var(--skdx-radius-
|
|
1
|
+
@import"../base.css";@layer skdx-components{:where(.skdx-pagination){--skdx-pagination-control-size: var(--skdx-control-height-compact);--skdx-pagination-font-size: var(--skdx-font-size-sm);--skdx-pagination-gap: var(--skdx-item-gap)}:where(.skdx-pagination)[data-size=md]{--skdx-pagination-control-size: var(--skdx-control-height-md);--skdx-pagination-font-size: var(--skdx-font-size-md)}:where(.skdx-pagination)[data-size=lg]{--skdx-pagination-control-size: var(--skdx-control-height-lg);--skdx-pagination-font-size: var(--skdx-font-size-lg)}:where(.skdx-pagination)[data-density=comfortable]{--skdx-pagination-gap: var(--skdx-space-2)}:where(.skdx-pagination__list){display:flex;align-items:center;gap:var(--skdx-pagination-gap, var(--skdx-item-gap));margin:0;padding:0;list-style:none}:where(.skdx-pagination__page),:where(.skdx-pagination__previous),:where(.skdx-pagination__next){display:inline-flex;align-items:center;justify-content:center;min-inline-size:var(--skdx-pagination-control-size, var(--skdx-control-height-compact));min-block-size:var(--skdx-pagination-control-size, var(--skdx-control-height-compact));padding-inline:var(--skdx-space-2);color:var(--skdx-color-text-default);background:transparent;border:var(--skdx-border-width-thin) solid transparent;border-radius:var(--skdx-radius-default);font-size:var(--skdx-pagination-font-size, var(--skdx-font-size-sm));font-variant-numeric:tabular-nums;text-decoration:none;cursor:pointer}:where(.skdx-pagination__item){display:inline-flex}:where(.skdx-pagination__page):hover:not([data-disabled]),:where(.skdx-pagination__previous):hover:not([data-disabled]),:where(.skdx-pagination__next):hover:not([data-disabled]){background-color:var(--skdx-color-surface-hover)}:where(.skdx-pagination__page)[data-state=active],:where(.skdx-pagination__page)[aria-current=page]{color:var(--skdx-color-action-primary-text);background-color:var(--skdx-color-action-primary-bg);border-color:var(--skdx-color-action-primary-bg);font-weight:var(--skdx-font-weight-medium)}:where(.skdx-pagination__page)[data-state=active]:hover:not([data-disabled]),:where(.skdx-pagination__page)[aria-current=page]:hover:not([data-disabled]){background-color:var(--skdx-color-action-primary-bg-hover);border-color:var(--skdx-color-action-primary-border-hover)}:where(.skdx-pagination__page)[data-disabled],:where(.skdx-pagination__previous)[data-disabled],:where(.skdx-pagination__next)[data-disabled]{color:var(--skdx-color-text-disabled);background-color:transparent;border-color:transparent;cursor:not-allowed}:where(.skdx-pagination__ellipsis){display:inline-flex;align-items:center;justify-content:center;min-inline-size:var(--skdx-pagination-control-size, var(--skdx-control-height-compact));font-size:var(--skdx-pagination-font-size, var(--skdx-font-size-sm));color:var(--skdx-color-text-muted)}:where(.skdx-pagination__status){font-size:var(--skdx-pagination-font-size, var(--skdx-font-size-sm));color:var(--skdx-color-text-muted)}@media(forced-colors:active){:where(.skdx-pagination__page)[aria-current=page]{background-color:Highlight;color:HighlightText}}:where(.skdx-pagination__first),:where(.skdx-pagination__last){display:inline-flex;align-items:center;justify-content:center;min-inline-size:var(--skdx-pagination-control-size, var(--skdx-control-height-compact));min-block-size:var(--skdx-pagination-control-size, var(--skdx-control-height-compact));padding-inline:var(--skdx-space-2);color:var(--skdx-color-text-default);background:transparent;border:var(--skdx-border-width-thin) solid transparent;border-radius:var(--skdx-radius-default);font-size:var(--skdx-pagination-font-size, var(--skdx-font-size-sm));cursor:pointer}:where(.skdx-pagination__first):hover:not([data-disabled]),:where(.skdx-pagination__last):hover:not([data-disabled]){background-color:var(--skdx-color-surface-hover)}:where(.skdx-pagination__first)[data-disabled],:where(.skdx-pagination__last)[data-disabled]{color:var(--skdx-color-text-disabled);cursor:not-allowed}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"text-field.css";@layer skdx-components{:where(.skdx-password-input),:where(.skdx-password-input)[data-size=md]{--skdx-password-input-block-size: var(--skdx-control-height-md);--skdx-password-input-padding-inline: var(--skdx-control-padding-md);--skdx-password-input-font-size: var(--skdx-font-size-sm)}:where(.skdx-password-input)[data-size=sm]{--skdx-password-input-block-size: var(--skdx-control-height-sm);--skdx-password-input-padding-inline: var(--skdx-control-padding-sm);--skdx-password-input-font-size: var(--skdx-font-size-xs)}:where(.skdx-password-input)[data-size=lg]{--skdx-password-input-block-size: var(--skdx-control-height-lg);--skdx-password-input-padding-inline: var(--skdx-control-padding-lg);--skdx-password-input-font-size: var(--skdx-font-size-md)}:where(.skdx-password-input){position:relative;display:flex;align-items:center}:where(.skdx-password-input__field){inline-size:100%;block-size:var(--skdx-password-input-block-size, var(--skdx-control-height-md));padding-inline-start:var(--skdx-password-input-padding-inline, var(--skdx-control-padding-md));padding-inline-end:calc(var(--skdx-password-input-block-size, var(--skdx-control-height-md)) + var(--skdx-space-1));color:var(--skdx-color-field-text);background-color:var(--skdx-color-field-bg);border:var(--skdx-border-width-thin) solid var(--skdx-color-field-border);border-radius:var(--skdx-radius-
|
|
1
|
+
@import"text-field.css";@layer skdx-components{:where(.skdx-password-input),:where(.skdx-password-input)[data-size=md]{--skdx-password-input-block-size: var(--skdx-control-height-md);--skdx-password-input-padding-inline: var(--skdx-control-padding-md);--skdx-password-input-font-size: var(--skdx-font-size-sm)}:where(.skdx-password-input)[data-size=sm]{--skdx-password-input-block-size: var(--skdx-control-height-sm);--skdx-password-input-padding-inline: var(--skdx-control-padding-sm);--skdx-password-input-font-size: var(--skdx-font-size-xs)}:where(.skdx-password-input)[data-size=lg]{--skdx-password-input-block-size: var(--skdx-control-height-lg);--skdx-password-input-padding-inline: var(--skdx-control-padding-lg);--skdx-password-input-font-size: var(--skdx-font-size-md)}:where(.skdx-password-input){position:relative;display:flex;align-items:center}:where(.skdx-password-input__field){inline-size:100%;block-size:var(--skdx-password-input-block-size, var(--skdx-control-height-md));padding-inline-start:var(--skdx-password-input-padding-inline, var(--skdx-control-padding-md));padding-inline-end:calc(var(--skdx-password-input-block-size, var(--skdx-control-height-md)) + var(--skdx-space-1));color:var(--skdx-color-field-text);background-color:var(--skdx-color-field-bg);border:var(--skdx-border-width-thin) solid var(--skdx-color-field-border);border-radius:var(--skdx-radius-default);font-size:var(--skdx-password-input-font-size, var(--skdx-font-size-sm))}:where(.skdx-password-input__field):focus-visible,:where(.skdx-password-input__field:has(>input:focus-visible)){border-color:var(--skdx-color-field-border-focus)}:where(.skdx-password-input__field):has(>input:focus-visible){outline:var(--skdx-focus-ring-width) solid var(--skdx-color-focus-ring);outline-offset:var(--skdx-focus-ring-offset)}:where(.skdx-password-input)[data-variant=filled] :where(.skdx-password-input__field),:where(.skdx-password-input__field)[data-variant=filled]{background-color:var(--skdx-color-surface-sunken);border-color:transparent}:where(.skdx-password-input)[data-variant=ghost] :where(.skdx-password-input__field),:where(.skdx-password-input__field)[data-variant=ghost]{background-color:transparent;border-color:transparent}:where(.skdx-password-input)[data-variant=ghost] :where(.skdx-password-input__field):where(:hover:not(:disabled,:read-only,[data-disabled],[data-readonly])),:where(.skdx-password-input__field)[data-variant=ghost]:where(:hover:not(:disabled,:read-only,[data-disabled],[data-readonly])){border-color:var(--skdx-color-field-border-hover)}:where(.skdx-password-input__field)[data-invalid]{border-color:var(--skdx-color-field-border-invalid);border-width:var(--skdx-border-width-thick)}:where(.skdx-password-input__field):disabled,:where(.skdx-password-input__field)[data-disabled]{color:var(--skdx-color-text-disabled);background-color:var(--skdx-color-field-bg-disabled);border-color:var(--skdx-color-border-disabled);cursor:not-allowed}:where(.skdx-password-input__toggle){position:absolute;inset-inline-end:0;display:inline-flex;align-items:center;justify-content:center;min-inline-size:var(--skdx-password-input-block-size, var(--skdx-control-height-md));block-size:var(--skdx-password-input-block-size, var(--skdx-control-height-md));padding-inline:var(--skdx-space-2);font-size:var(--skdx-password-input-font-size, var(--skdx-font-size-sm));color:var(--skdx-color-text-muted);background:transparent;border:0;border-radius:var(--skdx-radius-default);cursor:pointer}:where(.skdx-password-input__toggle):hover{color:var(--skdx-color-text-default)}:where(.skdx-password-input):has(.skdx-text-field__clear-button:not([hidden])){display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"field clear";column-gap:var(--skdx-control-gap-md)}:where(.skdx-password-input):has(.skdx-text-field__clear-button:not([hidden])):has(.skdx-text-field__slot){grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"leading field clear"}:where(.skdx-password-input):has(.skdx-text-field__clear-button:not([hidden])) :where(.skdx-text-field__slot){grid-area:leading}:where(.skdx-password-input):has(.skdx-text-field__clear-button:not([hidden])) :where(.skdx-password-input__field){grid-area:field;min-inline-size:0}:where(.skdx-password-input):has(.skdx-text-field__clear-button:not([hidden])) :where(.skdx-password-input__toggle){grid-area:field;position:relative;inset-inline-end:auto;justify-self:end}:where(.skdx-password-input) :where(.skdx-text-field__clear-button){grid-area:clear}:where(skdx-password-input):has(.skdx-text-field__clear-button:not([hidden])){display:block}:where(skdx-password-input):has(.skdx-text-field__clear-button:not([hidden]))::part(root){display:grid;grid-template-columns:inherit;grid-template-areas:inherit;column-gap:inherit}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"../base.css";@layer skdx-components{:where(.skdx-pin-input),:where(.skdx-pin-input)[data-size=md]{--skdx-pin-input-inline-size: var(--skdx-control-height-md);--skdx-pin-input-block-size: var(--skdx-control-height-lg);--skdx-pin-input-font-size: var(--skdx-font-size-lg)}:where(.skdx-pin-input)[data-size=sm]{--skdx-pin-input-inline-size: var(--skdx-control-height-sm);--skdx-pin-input-block-size: var(--skdx-control-height-md);--skdx-pin-input-font-size: var(--skdx-font-size-md)}:where(.skdx-pin-input)[data-size=lg]{--skdx-pin-input-inline-size: var(--skdx-control-height-lg);--skdx-pin-input-block-size: calc(var(--skdx-control-height-lg) * 1.25);--skdx-pin-input-font-size: var(--skdx-font-size-xl)}:where(.skdx-pin-input),:where(.skdx-pin-input)[data-density=default]{--skdx-pin-input-gap: var(--skdx-space-2)}:where(.skdx-pin-input)[data-density=compact]{--skdx-pin-input-gap: var(--skdx-space-1)}:where(.skdx-pin-input)[data-density=loose]{--skdx-pin-input-gap: var(--skdx-space-3)}:where(.skdx-pin-input),:where(.skdx-pin-input)[data-shape=rounded]{--skdx-pin-input-radius: var(--skdx-radius-
|
|
1
|
+
@import"../base.css";@layer skdx-components{:where(.skdx-pin-input),:where(.skdx-pin-input)[data-size=md]{--skdx-pin-input-inline-size: var(--skdx-control-height-md);--skdx-pin-input-block-size: var(--skdx-control-height-lg);--skdx-pin-input-font-size: var(--skdx-font-size-lg)}:where(.skdx-pin-input)[data-size=sm]{--skdx-pin-input-inline-size: var(--skdx-control-height-sm);--skdx-pin-input-block-size: var(--skdx-control-height-md);--skdx-pin-input-font-size: var(--skdx-font-size-md)}:where(.skdx-pin-input)[data-size=lg]{--skdx-pin-input-inline-size: var(--skdx-control-height-lg);--skdx-pin-input-block-size: calc(var(--skdx-control-height-lg) * 1.25);--skdx-pin-input-font-size: var(--skdx-font-size-xl)}:where(.skdx-pin-input),:where(.skdx-pin-input)[data-density=default]{--skdx-pin-input-gap: var(--skdx-space-2)}:where(.skdx-pin-input)[data-density=compact]{--skdx-pin-input-gap: var(--skdx-space-1)}:where(.skdx-pin-input)[data-density=loose]{--skdx-pin-input-gap: var(--skdx-space-3)}:where(.skdx-pin-input),:where(.skdx-pin-input)[data-shape=rounded]{--skdx-pin-input-radius: var(--skdx-radius-default)}:where(.skdx-pin-input)[data-shape=square]{--skdx-pin-input-radius: 0}:where(.skdx-pin-input)[data-shape=pill]{--skdx-pin-input-radius: var(--skdx-radius-full)}:where(.skdx-pin-input){display:inline-flex;align-items:center;gap:var(--skdx-pin-input-gap, var(--skdx-space-2))}:where(.skdx-pin-input__field){inline-size:var(--skdx-pin-input-inline-size, var(--skdx-control-height-md));min-inline-size:0;flex:none;block-size:var(--skdx-pin-input-block-size, var(--skdx-control-height-lg));padding:0;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-pin-input-radius, var(--skdx-radius-default));font-size:var(--skdx-pin-input-font-size, var(--skdx-font-size-lg));font-variant-numeric:tabular-nums;text-align:center}:where(.skdx-pin-input__field):focus-visible{border-color:var(--skdx-color-field-border-focus)}:where(.skdx-pin-input)[data-invalid] :where(.skdx-pin-input__field){border-color:var(--skdx-color-field-border-invalid)}:where(.skdx-pin-input)[data-disabled] :where(.skdx-pin-input__field){background-color:var(--skdx-color-field-bg-disabled);color:var(--skdx-color-text-disabled);cursor:not-allowed}@media(forced-colors:active){:where(.skdx-pin-input__field){border-color:CanvasText}:where(.skdx-pin-input__field):focus-visible{border-color:Highlight}:where(.skdx-pin-input)[data-disabled] :where(.skdx-pin-input__field){border-color:GrayText;color:GrayText}}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"../internal/_actuator.css";@import"../internal/_overlay.css";@import"../internal/_arrow.css";@layer skdx-components{:where(.skdx-popover__content){padding:var(--skdx-space-4);max-inline-size:min(20rem,var(--skdx-popover-available-width, 100vw))}:where(.skdx-popover__title){font-size:var(--skdx-font-size-md);font-weight:var(--skdx-font-weight-semibold);line-height:var(--skdx-font-line-height-tight);color:var(--skdx-color-text-default)}:where(.skdx-popover__description){font-size:var(--skdx-font-size-sm);line-height:var(--skdx-font-line-height-relaxed);color:var(--skdx-color-text-muted)}:where(.skdx-popover__content)[role=tooltip]{min-inline-size:0;max-inline-size:18rem;padding-inline:var(--skdx-space-2);padding-block:var(--skdx-space-1);color:var(--skdx-color-text-on-inverse);background-color:var(--skdx-color-surface-inverse);border:0;border-radius:var(--skdx-radius-
|
|
1
|
+
@import"../internal/_actuator.css";@import"../internal/_overlay.css";@import"../internal/_arrow.css";@layer skdx-components{:where(.skdx-popover__content){padding:var(--skdx-space-4);max-inline-size:min(20rem,var(--skdx-popover-available-width, 100vw))}:where(.skdx-popover__title){font-size:var(--skdx-font-size-md);font-weight:var(--skdx-font-weight-semibold);line-height:var(--skdx-font-line-height-tight);color:var(--skdx-color-text-default)}:where(.skdx-popover__description){font-size:var(--skdx-font-size-sm);line-height:var(--skdx-font-line-height-relaxed);color:var(--skdx-color-text-muted)}:where(.skdx-popover__content)[role=tooltip]{min-inline-size:0;max-inline-size:18rem;padding-inline:var(--skdx-space-2);padding-block:var(--skdx-space-1);color:var(--skdx-color-text-on-inverse);background-color:var(--skdx-color-surface-inverse);border:0;border-radius:var(--skdx-radius-default);box-shadow:var(--skdx-shadow-md);font-size:var(--skdx-font-size-xs);line-height:var(--skdx-font-line-height-normal);text-align:start}:where(.skdx-popover__content)[role=tooltip]:not([data-hoverable]){pointer-events:none}:where(.skdx-popover__content)[role=tooltip] :where(.skdx-popover__arrow){background-color:var(--skdx-color-surface-inverse);border-color:var(--skdx-color-surface-inverse)}:where(a.skdx-popover__trigger){color:inherit;text-decoration:underline dotted;text-underline-offset:.2em;cursor:pointer}:where(a.skdx-popover__trigger):hover,:where(a.skdx-popover__trigger)[data-state=open]{text-decoration-style:solid}@media(forced-colors:active){:where(.skdx-popover__arrow){background-color:Canvas;border-color:CanvasText}:where(.skdx-popover__content)[role=tooltip]{color:CanvasText;background-color:Canvas;border:var(--skdx-border-width-thin) solid CanvasText}}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"../base.css";@layer skdx-components{:where(.skdx-qr-code){position:relative;display:inline-block;padding:var(--skdx-space-2);background-color:var(--skdx-color-neutral-50);border-radius:var(--skdx-radius-
|
|
1
|
+
@import"../base.css";@layer skdx-components{:where(.skdx-qr-code){position:relative;display:inline-block;padding:var(--skdx-space-2);background-color:var(--skdx-color-neutral-50);border-radius:var(--skdx-radius-default)}:where(.skdx-qr-code__pattern){display:block;inline-size:100%;block-size:auto;fill:var(--skdx-color-neutral-950);color:var(--skdx-color-neutral-950)}:where(.skdx-qr-code__overlay){color:var(--skdx-color-neutral-50)}@media(forced-colors:active){:where(.skdx-qr-code){forced-color-adjust:none}}:where(.skdx-qr-code__frame){display:block;inline-size:calc(var(--skdx-qr-code-size, 21) * 4px);block-size:calc(var(--skdx-qr-code-size, 21) * 4px);padding:var(--skdx-space-3);background-color:var(--skdx-color-neutral-50);border-radius:var(--skdx-radius-default)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"../internal/_card-control.css";@import"radio-group.css";@layer skdx-components{:where(.skdx-radio-card){display:flex;align-items:flex-start;gap:var(--skdx-space-3);padding:var(--skdx-space-3);background-color:var(--skdx-color-surface-raised);border:var(--skdx-border-width-thin) solid var(--skdx-color-border-default);border-radius:var(--skdx-radius-
|
|
1
|
+
@import"../internal/_card-control.css";@import"radio-group.css";@layer skdx-components{:where(.skdx-radio-card){display:flex;align-items:flex-start;gap:var(--skdx-space-3);padding:var(--skdx-space-3);background-color:var(--skdx-color-surface-raised);border:var(--skdx-border-width-thin) solid var(--skdx-color-border-default);border-radius:var(--skdx-radius-default);cursor:pointer;transition:border-color var(--skdx-motion-duration-fast) var(--skdx-motion-easing),background-color var(--skdx-motion-duration-fast) var(--skdx-motion-easing)}:where(.skdx-radio-card):hover:not([data-disabled]){border-color:var(--skdx-color-border-strong)}:where(.skdx-radio-card)[data-state=checked]{border-color:var(--skdx-color-border-accent);background-color:var(--skdx-color-surface-selected)}:where(.skdx-radio-card)[data-disabled]{background-color:var(--skdx-color-surface-disabled);border-color:var(--skdx-color-border-disabled);cursor:not-allowed}:where(.skdx-radio-group)[data-readonly] :where(.skdx-radio-card){cursor:default}:where(.skdx-radio-group)[data-readonly] :where(.skdx-radio-card):hover{border-color:var(--skdx-color-border-default)}:where(.skdx-radio-group)[data-invalid] :where(.skdx-radio-card){border-color:var(--skdx-color-border-danger)}:where(.skdx-radio-card__label){font-size:var(--skdx-font-size-sm);font-weight:var(--skdx-font-weight-medium)}:where(.skdx-radio-card__description){font-size:var(--skdx-font-size-xs);color:var(--skdx-color-text-muted)}@media(forced-colors:active){:where(.skdx-radio-card)[data-state=checked]{border-color:Highlight;border-width:var(--skdx-border-width-thick)}}:where(.skdx-radio-card__indicator){position:relative;display:inline-flex;align-items:center;justify-content:center;flex:none;inline-size:var(--skdx-indicator-size-md);block-size:var(--skdx-indicator-size-md);background-color:var(--skdx-color-field-bg);border:var(--skdx-border-width-thin) solid var(--skdx-color-field-border);border-radius:var(--skdx-radius-full)}:where(.skdx-radio-card__indicator):empty:after{content:"";inline-size:50%;block-size:50%;border-radius:var(--skdx-radius-full);background-color:transparent}:where(.skdx-radio-card)[data-state=checked] :where(.skdx-radio-card__indicator){border-color:var(--skdx-color-selection-bg);border-width:var(--skdx-border-width-thicker)}:where(.skdx-radio-card)[data-state=checked] :where(.skdx-radio-card__indicator):empty:after{background-color:var(--skdx-color-selection-bg)}:where(.skdx-radio-card)[data-disabled] :where(.skdx-radio-card__indicator){background-color:var(--skdx-color-field-bg-disabled);border-color:var(--skdx-color-border-disabled)}:where(.skdx-radio-card)[data-disabled] :where(.skdx-radio-card__indicator):empty:after{background-color:var(--skdx-color-text-disabled)}@media(forced-colors:active){:where(.skdx-radio-card__indicator){border-color:CanvasText}:where(.skdx-radio-card)[data-state=checked] :where(.skdx-radio-card__indicator):empty:after{background-color:Highlight}}:where(.skdx-radio-card)[data-size=sm]{padding:var(--skdx-space-2);gap:var(--skdx-space-2)}:where(.skdx-radio-card)[data-size=sm] :where(.skdx-radio-card__label){font-size:var(--skdx-font-size-xs)}:where(.skdx-radio-card)[data-size=md]{padding:var(--skdx-space-3);gap:var(--skdx-space-3)}:where(.skdx-radio-card)[data-size=lg]{padding:var(--skdx-space-4);gap:var(--skdx-space-4)}:where(.skdx-radio-card)[data-size=lg] :where(.skdx-radio-card__label){font-size:var(--skdx-font-size-md)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"../base.css";@layer skdx-components{:where(.skdx-reset-password-page){display:flex;justify-content:center;padding:var(--skdx-space-8)}:where(.skdx-reset-password-page__panel){display:flex;flex-direction:column;gap:var(--skdx-space-4);inline-size:100%;min-inline-size:0;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-
|
|
1
|
+
@import"../base.css";@layer skdx-components{:where(.skdx-reset-password-page){display:flex;justify-content:center;padding:var(--skdx-space-8)}:where(.skdx-reset-password-page__panel){display:flex;flex-direction:column;gap:var(--skdx-space-4);inline-size:100%;min-inline-size:0;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-default);box-shadow:var(--skdx-shadow-md)}:where(.skdx-reset-password-page__requirements){font-size:var(--skdx-font-size-sm);color:var(--skdx-color-text-muted);overflow-wrap:anywhere}:where(.skdx-reset-password-page__footer){font-size:var(--skdx-font-size-sm);color:var(--skdx-color-text-muted);text-align:center;overflow-wrap:anywhere}@media(forced-colors:active){:where(.skdx-reset-password-page__panel){border-color:CanvasText}}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"../internal/_trigger.css";@import"../internal/_overlay.css";@import"../internal/_collection.css";@import"../internal/_hit-target.css";@layer skdx-components{:where(.skdx-select__content){padding:var(--skdx-overlay-padding)}:where(.skdx-select__content)[data-match-width]{inline-size:var(--skdx-select-trigger-width, auto)}:where(.skdx-select__trigger)[data-size=sm]{block-size:var(--skdx-control-height-sm);padding-inline:var(--skdx-control-padding-sm);font-size:var(--skdx-font-size-xs)}:where(.skdx-select__trigger)[data-size=lg]{block-size:var(--skdx-control-height-lg);padding-inline:var(--skdx-control-padding-lg);font-size:var(--skdx-font-size-md)}:where(.skdx-select__trigger)[data-shape=rounded]{border-radius:var(--skdx-radius-md)}:where(.skdx-select__trigger)[data-shape=square]{border-radius:0}:where(.skdx-select__trigger)[data-shape=pill]{border-radius:var(--skdx-radius-full)}:where(.skdx-select__item-indicator){margin-inline-start:auto}:where(.skdx-select__viewport){padding:0}:where(.skdx-select__item-text){overflow:hidden;flex:1 1 0%;min-inline-size:0;text-overflow:ellipsis;white-space:nowrap;--skdx-focus-ring-offset: var(--skdx-focus-ring-offset-inset)}:where(.skdx-select__value)[data-multiple]{display:inline-flex;flex-wrap:wrap;align-items:center;gap:var(--skdx-space-1)}:where(.skdx-select__value) [data-chip]{display:inline-flex;align-items:center;gap:var(--skdx-space-1);max-inline-size:12ch;overflow:hidden;padding-inline:var(--skdx-space-2);color:var(--skdx-color-status-neutral-text);background-color:var(--skdx-color-status-neutral-bg);border:var(--skdx-border-width-thin) solid var(--skdx-color-status-neutral-border);border-radius:var(--skdx-radius-
|
|
1
|
+
@import"../internal/_trigger.css";@import"../internal/_overlay.css";@import"../internal/_collection.css";@import"../internal/_hit-target.css";@layer skdx-components{:where(.skdx-select__content){padding:var(--skdx-overlay-padding)}:where(.skdx-select__content)[data-match-width]{inline-size:var(--skdx-select-trigger-width, auto)}:where(.skdx-select__trigger)[data-size=sm]{block-size:var(--skdx-control-height-sm);padding-inline:var(--skdx-control-padding-sm);font-size:var(--skdx-font-size-xs)}:where(.skdx-select__trigger)[data-size=lg]{block-size:var(--skdx-control-height-lg);padding-inline:var(--skdx-control-padding-lg);font-size:var(--skdx-font-size-md)}:where(.skdx-select__trigger)[data-shape=rounded]{border-radius:var(--skdx-radius-md)}:where(.skdx-select__trigger)[data-shape=square]{border-radius:0}:where(.skdx-select__trigger)[data-shape=pill]{border-radius:var(--skdx-radius-full)}:where(.skdx-select__item-indicator){margin-inline-start:auto}:where(.skdx-select__viewport){padding:0}:where(.skdx-select__item-text){overflow:hidden;flex:1 1 0%;min-inline-size:0;text-overflow:ellipsis;white-space:nowrap;--skdx-focus-ring-offset: var(--skdx-focus-ring-offset-inset)}:where(.skdx-select__value)[data-multiple]{display:inline-flex;flex-wrap:wrap;align-items:center;gap:var(--skdx-space-1)}:where(.skdx-select__value) [data-chip]{display:inline-flex;align-items:center;gap:var(--skdx-space-1);max-inline-size:12ch;overflow:hidden;padding-inline:var(--skdx-space-2);color:var(--skdx-color-status-neutral-text);background-color:var(--skdx-color-status-neutral-bg);border:var(--skdx-border-width-thin) solid var(--skdx-color-status-neutral-border);border-radius:var(--skdx-radius-default);font-size:var(--skdx-font-size-xs);line-height:var(--skdx-font-line-height-tight);white-space:nowrap;text-overflow:ellipsis}:where(.skdx-select__icon){display:inline-flex;flex:none;margin-inline-start:auto;inline-size:var(--skdx-icon-size-md);block-size:var(--skdx-icon-size-md);color:var(--skdx-color-text-muted);transition:rotate var(--skdx-motion-duration-fast) var(--skdx-motion-easing)}:where(.skdx-select__trigger)[data-state=open] :where(.skdx-select__icon){rotate:180deg}:where(.skdx-select__tag-list){display:flex;flex-wrap:wrap;align-items:center;gap:var(--skdx-select-tag-gap);flex:1;min-inline-size:0;--skdx-select-tag-gap: var(--skdx-space-1)}:where(.skdx-select__tag-list)[data-density=compact]{--skdx-select-tag-gap: 0px}:where(.skdx-select__tag-list)[data-density=comfortable]{--skdx-select-tag-gap: var(--skdx-space-2)}:where(.skdx-select__tag){display:inline-flex;align-items:center;gap:var(--skdx-space-1);max-inline-size:100%;min-inline-size:0;padding-inline:var(--skdx-space-2);padding-block:0;min-block-size:var(--skdx-control-height-sm);font-size:var(--skdx-font-size-xs);color:var(--skdx-select-tag-text);background-color:var(--skdx-select-tag-bg);border:var(--skdx-border-width-thin) solid var(--skdx-select-tag-border);border-radius:var(--skdx-radius-default);--skdx-select-tag-text: var(--skdx-color-text-default);--skdx-select-tag-bg: var(--skdx-color-surface-sunken);--skdx-select-tag-border: var(--skdx-color-border-subtle)}:where(.skdx-select__tag)[data-status=info]{--skdx-select-tag-text: var(--skdx-color-status-info-text);--skdx-select-tag-bg: var(--skdx-color-status-info-bg);--skdx-select-tag-border: var(--skdx-color-status-info-border)}:where(.skdx-select__tag)[data-status=success]{--skdx-select-tag-text: var(--skdx-color-status-success-text);--skdx-select-tag-bg: var(--skdx-color-status-success-bg);--skdx-select-tag-border: var(--skdx-color-status-success-border)}:where(.skdx-select__tag)[data-status=warning]{--skdx-select-tag-text: var(--skdx-color-status-warning-text);--skdx-select-tag-bg: var(--skdx-color-status-warning-bg);--skdx-select-tag-border: var(--skdx-color-status-warning-border)}:where(.skdx-select__tag)[data-status=danger]{--skdx-select-tag-text: var(--skdx-color-status-danger-text);--skdx-select-tag-bg: var(--skdx-color-status-danger-bg);--skdx-select-tag-border: var(--skdx-color-status-danger-border)}:where(.skdx-select__tag-remove){position:relative;display:inline-flex;align-items:center;justify-content:center;color:var(--skdx-color-text-muted);background:transparent;border:0;border-radius:var(--skdx-radius-default);cursor:pointer}:where(.skdx-select__tag-remove):hover{color:var(--skdx-color-text-danger)}:where(.skdx-select__input){flex:1;min-inline-size:var(--skdx-space-10);color:var(--skdx-color-field-text);background:transparent;border:0;font-size:var(--skdx-font-size-sm)}:where(.skdx-select__clear){display:inline-flex;align-items:center;justify-content:center;color:var(--skdx-color-text-muted);background:transparent;border:0;cursor:pointer}:where(.skdx-select__clear):hover:not(:disabled){color:var(--skdx-color-text-danger)}:where(.skdx-select__clear):disabled{color:var(--skdx-color-text-disabled);cursor:default}}
|
|
@@ -1 +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-
|
|
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-default);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"../base.css";@layer skdx-components{:where(.skdx-sign-up-page){display:flex;justify-content:center;padding:var(--skdx-space-8)}:where(.skdx-sign-up-page__panel){display:flex;flex-direction:column;gap:var(--skdx-space-4);inline-size:100%;min-inline-size:0;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-
|
|
1
|
+
@import"../base.css";@layer skdx-components{:where(.skdx-sign-up-page){display:flex;justify-content:center;padding:var(--skdx-space-8)}:where(.skdx-sign-up-page__panel){display:flex;flex-direction:column;gap:var(--skdx-space-4);inline-size:100%;min-inline-size:0;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-default);box-shadow:var(--skdx-shadow-md)}:where(.skdx-sign-up-page__providers){display:flex;flex-direction:column;gap:var(--skdx-space-2)}:where(.skdx-sign-up-page__provider){inline-size:100%}:where(.skdx-sign-up-page__footer){font-size:var(--skdx-font-size-sm);color:var(--skdx-color-text-muted);text-align:center;overflow-wrap:anywhere}@media(forced-colors:active){:where(.skdx-sign-up-page__panel){border-color:CanvasText}}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"../base.css";@layer skdx-components{:where(.skdx-skeleton){--skdx-skeleton-color: var(--skdx-color-skeleton);--skdx-skeleton-radius: var(--skdx-radius-
|
|
1
|
+
@import"../base.css";@layer skdx-components{:where(.skdx-skeleton){--skdx-skeleton-color: var(--skdx-color-skeleton);--skdx-skeleton-radius: var(--skdx-radius-default);display:block;background-color:var(--skdx-skeleton-color);border-radius:var(--skdx-skeleton-radius);user-select:none;animation:skdx-pulse var(--skdx-motion-duration-slow) var(--skdx-motion-easing) infinite}:where(.skdx-skeleton)[data-shape=line]{block-size:1em;--skdx-skeleton-radius: var(--skdx-radius-inner)}:where(.skdx-skeleton)[data-shape=circle]{--skdx-skeleton-radius: var(--skdx-radius-full);aspect-ratio:1}:where(.skdx-skeleton)[data-animation=none]{animation:none}@media(forced-colors:active){:where(.skdx-skeleton){background-color:GrayText}}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"../base.css";@layer skdx-components{:where(.skdx-skip-link){position:absolute;inset-block-start:0;inset-inline-start:0;z-index:var(--skdx-z-index-max);inline-size:1px;block-size:1px;overflow:hidden;--skdx-focus-ring-offset: var(--skdx-focus-ring-offset-inset);clip-path:inset(50%);white-space:nowrap}:where(.skdx-skip-link):focus-visible,:where(.skdx-skip-link):focus{inline-size:auto;block-size:auto;overflow:visible;clip-path:none;margin:var(--skdx-space-2);padding-inline:var(--skdx-space-4);padding-block:var(--skdx-space-2);color:var(--skdx-color-action-primary-text);background-color:var(--skdx-color-action-primary-bg);border-radius:var(--skdx-radius-
|
|
1
|
+
@import"../base.css";@layer skdx-components{:where(.skdx-skip-link){position:absolute;inset-block-start:0;inset-inline-start:0;z-index:var(--skdx-z-index-max);inline-size:1px;block-size:1px;overflow:hidden;--skdx-focus-ring-offset: var(--skdx-focus-ring-offset-inset);clip-path:inset(50%);white-space:nowrap}:where(.skdx-skip-link):focus-visible,:where(.skdx-skip-link):focus{inline-size:auto;block-size:auto;overflow:visible;clip-path:none;margin:var(--skdx-space-2);padding-inline:var(--skdx-space-4);padding-block:var(--skdx-space-2);color:var(--skdx-color-action-primary-text);background-color:var(--skdx-color-action-primary-bg);border-radius:var(--skdx-radius-default);box-shadow:var(--skdx-shadow-lg);font-size:var(--skdx-font-size-sm);font-weight:var(--skdx-font-weight-medium);text-decoration:none}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"../internal/_overlay.css";@layer skdx-components{:where(.skdx-speed-dial__trigger){display:inline-flex;align-items:center;justify-content:center;inline-size:var(--skdx-control-height-lg);block-size:var(--skdx-control-height-lg);color:var(--skdx-color-action-primary-text);background-color:var(--skdx-color-action-primary-bg);border:0;border-radius:var(--skdx-radius-
|
|
1
|
+
@import"../internal/_overlay.css";@layer skdx-components{:where(.skdx-speed-dial__trigger){display:inline-flex;align-items:center;justify-content:center;inline-size:var(--skdx-control-height-lg);block-size:var(--skdx-control-height-lg);color:var(--skdx-color-action-primary-text);background-color:var(--skdx-color-action-primary-bg);border:0;border-radius:var(--skdx-radius-default);box-shadow:var(--skdx-shadow-lg);cursor:pointer;position:relative;z-index:var(--skdx-z-index-popover)}:where(.skdx-speed-dial__trigger):hover:not([data-disabled]){box-shadow:var(--skdx-shadow-overlay);border:var(--skdx-border-width-thin) solid var(--skdx-color-action-primary-border-hover)}:where(.skdx-speed-dial__content){display:flex;flex-direction:column;gap:var(--skdx-space-2);background:transparent;border:0;box-shadow:none;min-inline-size:0}:where(.skdx-speed-dial__content)[hidden]{display:none}:where(.skdx-speed-dial__overlay){position:fixed;inset:0;background-color:var(--skdx-color-surface-overlay);z-index:var(--skdx-z-index-overlay);pointer-events:none}:where(.skdx-speed-dial__overlay)[hidden]{display:none}:where(.skdx-speed-dial__overlay)[data-state=open]{animation:skdx-fade-in var(--skdx-motion-duration-normal) var(--skdx-motion-easing)}:where(.skdx-speed-dial__overlay)[data-state=closed]{animation:skdx-fade-out var(--skdx-motion-duration-fast) var(--skdx-motion-easing-exit);animation-fill-mode:forwards}:where(.skdx-speed-dial__item){display:inline-flex;align-items:center;justify-content:center;position:relative;inline-size:var(--skdx-control-height-md);block-size:var(--skdx-control-height-md);padding-inline:var(--skdx-space-1);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-default);box-shadow:var(--skdx-shadow-md);cursor:pointer;font-size:var(--skdx-font-size-xs);white-space:nowrap}:where(.skdx-speed-dial__item):hover:not([data-disabled]){background-color:var(--skdx-color-surface-hover);border-color:var(--skdx-color-border-strong)}:where(.skdx-speed-dial__item-label){position:absolute;top:50%;inset-inline-end:100%;transform:translateY(-50%);margin-inline-end:var(--skdx-space-2);padding-inline:var(--skdx-space-2);padding-block:var(--skdx-space-1);color:var(--skdx-color-text-on-inverse);background-color:var(--skdx-color-surface-inverse);border-radius:var(--skdx-radius-default);font-size:var(--skdx-font-size-xs);white-space:nowrap}:where(.skdx-speed-dial__content[data-direction=left]) .skdx-speed-dial__item-label,:where(.skdx-speed-dial__content[data-direction=right]) .skdx-speed-dial__item-label{top:auto;inset-inline-end:auto;inset-inline-start:50%;inset-block-end:100%;transform:translate(-50%);margin-inline-end:0;margin-block-end:var(--skdx-space-2)}:where(.skdx-speed-dial__trigger)[data-size=sm]{inline-size:var(--skdx-control-height-md);block-size:var(--skdx-control-height-md)}:where(.skdx-speed-dial__trigger)[data-size=md]{inline-size:var(--skdx-control-height-lg);block-size:var(--skdx-control-height-lg)}:where(.skdx-speed-dial__trigger)[data-size=lg]{inline-size:calc(var(--skdx-control-height-lg) * 1.25);block-size:calc(var(--skdx-control-height-lg) * 1.25)}:where(.skdx-speed-dial__item)[data-size=sm]{inline-size:var(--skdx-control-height-sm);block-size:var(--skdx-control-height-sm)}:where(.skdx-speed-dial__item)[data-size=md]{inline-size:var(--skdx-control-height-md);block-size:var(--skdx-control-height-md)}:where(.skdx-speed-dial__item)[data-size=lg]{inline-size:var(--skdx-control-height-lg);block-size:var(--skdx-control-height-lg)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"../base.css";@layer skdx-components{:where(.skdx-stat-card){display:flex;flex-direction:column;gap:var(--skdx-space-3);padding:var(--skdx-space-4);background-color:var(--skdx-color-surface-raised);border:var(--skdx-border-width-thin) solid var(--skdx-color-border-default);border-radius:var(--skdx-radius-
|
|
1
|
+
@import"../base.css";@layer skdx-components{:where(.skdx-stat-card){display:flex;flex-direction:column;gap:var(--skdx-space-3);padding:var(--skdx-space-4);background-color:var(--skdx-color-surface-raised);border:var(--skdx-border-width-thin) solid var(--skdx-color-border-default);border-radius:var(--skdx-radius-default);box-shadow:var(--skdx-shadow-sm);color:var(--skdx-color-text-default)}:where(.skdx-stat-card__header){display:flex;align-items:center;gap:var(--skdx-space-2)}:where(.skdx-stat-card__icon){display:inline-flex;flex:none;align-items:center;justify-content:center;color:var(--skdx-color-text-muted)}:where(.skdx-stat-card__label){min-inline-size:0;overflow-wrap:anywhere;font-size:var(--skdx-font-size-sm);color:var(--skdx-color-text-muted)}:where(.skdx-stat-card__actions){flex:none;margin-inline-start:auto}:where(.skdx-stat-card__body){display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--skdx-space-2)}:where(.skdx-stat-card__value){min-inline-size:0;overflow-wrap:anywhere;min-block-size:calc(var(--skdx-font-size-2xl) * var(--skdx-font-line-height-tight));font-size:var(--skdx-font-size-2xl);font-weight:var(--skdx-font-weight-semibold);line-height:var(--skdx-font-line-height-tight)}:where(.skdx-stat-card)[data-state=loading] :where(.skdx-stat-card__value){min-inline-size:6ch}:where(.skdx-stat-card__trend){display:inline-flex;align-items:center;gap:var(--skdx-space-1);font-size:var(--skdx-font-size-sm);color:var(--skdx-color-text-muted)}:where(.skdx-stat-card__trend)[data-sentiment=positive]{color:var(--skdx-color-text-success)}:where(.skdx-stat-card__trend)[data-sentiment=negative]{color:var(--skdx-color-text-danger)}:where(.skdx-stat-card__trend)[data-sentiment=neutral]{color:var(--skdx-color-text-muted)}:where(.skdx-stat-card__trend-icon){display:inline-flex;align-items:center;justify-content:center}:where(.skdx-stat-card__description){min-inline-size:0;overflow-wrap:anywhere}:where(.skdx-stat-card__visual){margin-block-start:var(--skdx-space-3)}:where(.skdx-stat-card__footer){display:flex;align-items:center;gap:var(--skdx-space-2)}@media(forced-colors:active){:where(.skdx-stat-card){border-color:CanvasText}}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"../internal/_actuator.css";@import"../base.css";@layer skdx-components{:where(.skdx-stepper){display:flex;align-items:flex-start;gap:var(--skdx-space-2);overflow-x:auto}:where(.skdx-stepper)[data-orientation=vertical]{flex-direction:column;align-items:stretch}:where(.skdx-stepper__item){display:flex;align-items:center;gap:var(--skdx-space-2);flex:1;min-inline-size:max-content}:where(.skdx-stepper)[data-orientation=vertical] :where(.skdx-stepper__item){flex-direction:column;align-items:stretch;min-inline-size:0}:where(.skdx-stepper__description){font-size:var(--skdx-font-size-xs);color:var(--skdx-color-text-muted)}:where(.skdx-stepper__indicator){display:inline-flex;align-items:center;justify-content:center;flex:none;inline-size:var(--skdx-control-height-sm);block-size:var(--skdx-control-height-sm);color:var(--skdx-color-text-muted);background-color:var(--skdx-color-surface-sunken);border:var(--skdx-border-width-thin) solid var(--skdx-color-border-default);border-radius:var(--skdx-radius-full);font-size:var(--skdx-font-size-xs);font-weight:var(--skdx-font-weight-semibold);font-variant-numeric:tabular-nums}:where(.skdx-stepper__item)[data-state=current] :where(.skdx-stepper__indicator){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-stepper__item)[data-state=completed] :where(.skdx-stepper__indicator){color:var(--skdx-color-status-success-text);background-color:var(--skdx-color-status-success-bg);border-color:var(--skdx-color-status-success-border)}:where(.skdx-stepper__item)[data-state=error] :where(.skdx-stepper__indicator){color:var(--skdx-color-status-danger-text);background-color:var(--skdx-color-status-danger-bg);border-color:var(--skdx-color-status-danger-border)}:where(.skdx-stepper__item)[data-state=error] :where(.skdx-stepper__title){color:var(--skdx-color-status-danger-text)}:where(.skdx-stepper__item)[data-disabled] :where(.skdx-stepper__indicator){color:var(--skdx-color-text-disabled)}:where(.skdx-stepper__separator){flex:1;min-inline-size:var(--skdx-space-6);block-size:var(--skdx-border-width-thin);background-color:var(--skdx-color-separator)}:where(.skdx-stepper)[data-orientation=vertical] :where(.skdx-stepper__separator){inline-size:var(--skdx-border-width-thin);block-size:var(--skdx-space-4);margin-inline-start:calc(var(--skdx-control-height-sm) / 2)}:where(.skdx-stepper__title){font-size:var(--skdx-font-size-sm);font-weight:var(--skdx-font-weight-medium);color:var(--skdx-color-text-default);overflow-wrap:normal}:where(.skdx-stepper__trigger){display:inline-flex;align-items:center;gap:var(--skdx-space-2);block-size:auto;min-block-size:var(--skdx-target-min);padding-inline:0;color:inherit;background-color:transparent;border:0;border-radius:var(--skdx-radius-
|
|
1
|
+
@import"../internal/_actuator.css";@import"../base.css";@layer skdx-components{:where(.skdx-stepper){position:relative;display:flex;align-items:flex-start;gap:var(--skdx-space-2);overflow-x:auto}:where(.skdx-stepper)[data-orientation=vertical]{flex-direction:column;align-items:stretch}:where(.skdx-stepper__item){display:flex;align-items:center;gap:var(--skdx-space-2);flex:1;min-inline-size:max-content}:where(.skdx-stepper)[data-orientation=vertical] :where(.skdx-stepper__item){flex-direction:column;align-items:stretch;min-inline-size:0}:where(.skdx-stepper__description){font-size:var(--skdx-font-size-xs);color:var(--skdx-color-text-muted)}:where(.skdx-stepper__indicator){display:inline-flex;align-items:center;justify-content:center;flex:none;inline-size:var(--skdx-control-height-sm);block-size:var(--skdx-control-height-sm);color:var(--skdx-color-text-muted);background-color:var(--skdx-color-surface-sunken);border:var(--skdx-border-width-thin) solid var(--skdx-color-border-default);border-radius:var(--skdx-radius-full);font-size:var(--skdx-font-size-xs);font-weight:var(--skdx-font-weight-semibold);font-variant-numeric:tabular-nums}:where(.skdx-stepper__item)[data-state=current] :where(.skdx-stepper__indicator){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-stepper__item)[data-state=completed] :where(.skdx-stepper__indicator){color:var(--skdx-color-status-success-text);background-color:var(--skdx-color-status-success-bg);border-color:var(--skdx-color-status-success-border)}:where(.skdx-stepper__item)[data-state=error] :where(.skdx-stepper__indicator){color:var(--skdx-color-status-danger-text);background-color:var(--skdx-color-status-danger-bg);border-color:var(--skdx-color-status-danger-border)}:where(.skdx-stepper__item)[data-state=error] :where(.skdx-stepper__title){color:var(--skdx-color-status-danger-text)}:where(.skdx-stepper__item)[data-disabled] :where(.skdx-stepper__indicator){color:var(--skdx-color-text-disabled)}:where(.skdx-stepper__separator){flex:1;min-inline-size:var(--skdx-space-6);block-size:var(--skdx-border-width-thin);background-color:var(--skdx-color-separator)}:where(.skdx-stepper)[data-orientation=vertical] :where(.skdx-stepper__separator){inline-size:var(--skdx-border-width-thin);block-size:var(--skdx-space-4);margin-inline-start:calc(var(--skdx-control-height-sm) / 2)}:where(.skdx-stepper__title){font-size:var(--skdx-font-size-sm);font-weight:var(--skdx-font-weight-medium);color:var(--skdx-color-text-default);overflow-wrap:normal}:where(.skdx-stepper__trigger){display:inline-flex;align-items:center;gap:var(--skdx-space-2);block-size:auto;min-block-size:var(--skdx-target-min);padding-inline:0;color:inherit;background-color:transparent;border:0;border-radius:var(--skdx-radius-default);text-align:start;white-space:normal;overflow-wrap:normal}:where(.skdx-stepper__trigger)[aria-disabled=true]:not([data-disabled],:disabled){color:var(--skdx-color-text-muted);background-color:transparent;border-color:transparent;cursor:default}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"../base.css";@layer skdx-components{:where(.skdx-switch){position:relative;display:inline-flex;align-items:center;gap:var(--skdx-space-2);flex:none;--skdx-switch-fill: var(--skdx-color-track);--skdx-switch-border: var(--skdx-color-border-strong);--skdx-switch-track-size: 1rem;inline-size:calc(var(--skdx-switch-track-size) * 2);block-size:var(--skdx-switch-track-size);padding:0;background-color:var(--skdx-switch-fill);border:var(--skdx-border-width-thick) solid var(--skdx-switch-border);border-radius:var(--skdx-radius-full);cursor:pointer;transition:background-color var(--skdx-motion-duration-fast) var(--skdx-motion-easing)}:where(.skdx-switch):has(.skdx-switch__label){inline-size:auto;padding:0;background-color:transparent;border-color:transparent}:where(.skdx-switch):has(.skdx-switch__label):before{content:"";flex:none;inline-size:calc(var(--skdx-switch-track-size) * 2);block-size:var(--skdx-switch-track-size);background-color:var(--skdx-switch-fill);border:var(--skdx-border-width-thick) solid var(--skdx-switch-border);border-radius:var(--skdx-radius-full)}:where(.skdx-switch):has(.skdx-switch__label) :where(.skdx-switch__thumb){position:absolute;inset-inline-start:var(--skdx-border-width-thick)}:where(.skdx-switch__thumb){inline-size:calc(var(--skdx-switch-track-size) - var(--skdx-border-width-thick) * 2);block-size:calc(var(--skdx-switch-track-size) - var(--skdx-border-width-thick) * 2);background-color:var(--skdx-color-
|
|
1
|
+
@import"../base.css";@layer skdx-components{:where(.skdx-switch){position:relative;display:inline-flex;align-items:center;gap:var(--skdx-space-2);flex:none;--skdx-switch-fill: var(--skdx-color-track);--skdx-switch-border: var(--skdx-color-border-strong);--skdx-switch-track-size: 1rem;inline-size:calc(var(--skdx-switch-track-size) * 2);block-size:var(--skdx-switch-track-size);padding:0;background-color:var(--skdx-switch-fill);border:var(--skdx-border-width-thick) solid var(--skdx-switch-border);border-radius:var(--skdx-radius-full);cursor:pointer;transition:background-color var(--skdx-motion-duration-fast) var(--skdx-motion-easing)}:where(.skdx-switch):has(.skdx-switch__label){inline-size:auto;padding:0;background-color:transparent;border-color:transparent}:where(.skdx-switch):has(.skdx-switch__label):before{content:"";flex:none;inline-size:calc(var(--skdx-switch-track-size) * 2);block-size:var(--skdx-switch-track-size);background-color:var(--skdx-switch-fill);border:var(--skdx-border-width-thick) solid var(--skdx-switch-border);border-radius:var(--skdx-radius-full)}:where(.skdx-switch):has(.skdx-switch__label) :where(.skdx-switch__thumb){position:absolute;inset-inline-start:var(--skdx-border-width-thick)}:where(.skdx-switch):has(.skdx-switch__label~.skdx-switch__thumb):before{order:1}:where(.skdx-switch):has(.skdx-switch__label~.skdx-switch__thumb) :where(.skdx-switch__thumb){inset-inline-start:auto;inset-inline-end:calc(var(--skdx-switch-track-size) + var(--skdx-border-width-thick))}:where(.skdx-switch__thumb){inline-size:calc(var(--skdx-switch-track-size) - var(--skdx-border-width-thick) * 2);block-size:calc(var(--skdx-switch-track-size) - var(--skdx-border-width-thick) * 2);background-color:var(--skdx-color-text-default);border-radius:var(--skdx-radius-full);box-shadow:var(--skdx-shadow-sm);transition:translate var(--skdx-motion-duration-fast) var(--skdx-motion-easing)}:where(.skdx-switch)[data-size=sm]{--skdx-switch-track-size: .75rem}:where(.skdx-switch)[data-size=lg]{--skdx-switch-track-size: 1.25rem}:where(.skdx-switch)[data-state=checked]{--skdx-switch-fill: var(--skdx-color-selection-bg);--skdx-switch-border: var(--skdx-color-selection-bg)}:where(.skdx-switch)[data-state=checked] :where(.skdx-switch__thumb){background-color:var(--skdx-color-selection-mark);translate:var(--skdx-switch-track-size)}:where([dir=rtl]) :where(.skdx-switch)[data-state=checked] :where(.skdx-switch__thumb){translate:calc(var(--skdx-switch-track-size) * -1)}:where(.skdx-switch):hover:not([data-disabled],[data-readonly]){--skdx-switch-border: var(--skdx-color-border-accent)}:where(.skdx-switch)[data-readonly]{cursor:default}:where(.skdx-switch)[data-state=checked]:hover:not([data-disabled],[data-readonly]){--skdx-switch-border: var(--skdx-color-border-strong)}:where(.skdx-switch)[data-invalid]:not([data-disabled]){--skdx-switch-border: var(--skdx-color-field-border-invalid)}:where(.skdx-switch)[data-invalid]:not(:has(.skdx-switch__label),[data-disabled]),:where(.skdx-switch)[data-invalid]:has(.skdx-switch__label):not([data-disabled]):before{box-shadow:0 0 0 var(--skdx-border-width-thin) var(--skdx-color-field-border-invalid)}:where(.skdx-switch)[data-disabled]{--skdx-switch-fill: var(--skdx-color-border-disabled);cursor:not-allowed}:where(.skdx-switch)[data-disabled] :where(.skdx-switch__thumb){background-color:var(--skdx-color-surface-disabled);box-shadow:none}@media(forced-colors:active){:where(.skdx-switch){--skdx-switch-border: CanvasText;--skdx-switch-fill: Canvas}:where(.skdx-switch)[data-state=checked]{--skdx-switch-fill: Highlight}:where(.skdx-switch__thumb){background-color:CanvasText}:where(.skdx-switch)[data-state=checked] :where(.skdx-switch__thumb){background-color:HighlightText}}:where(.skdx-switch__label){font-size:var(--skdx-font-size-sm);color:var(--skdx-color-text-default)}:where(.skdx-switch)[data-disabled] :where(.skdx-switch__label){color:var(--skdx-color-text-disabled)}}
|
|
@@ -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-
|
|
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-default);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-default);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-default);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-default);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))}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"../base.css";@import"../internal/_hit-target.css";@layer skdx-components{:where(.skdx-tags-input),:where(.skdx-tags-input)[data-size=md]{--skdx-tags-input-block-size: var(--skdx-control-height-md);--skdx-tags-input-font-size: var(--skdx-font-size-sm);--skdx-tags-input-item-font-size: var(--skdx-font-size-xs)}:where(.skdx-tags-input)[data-size=sm]{--skdx-tags-input-block-size: var(--skdx-control-height-sm);--skdx-tags-input-font-size: var(--skdx-font-size-xs);--skdx-tags-input-item-font-size: var(--skdx-font-size-xs)}:where(.skdx-tags-input)[data-size=lg]{--skdx-tags-input-block-size: var(--skdx-control-height-lg);--skdx-tags-input-font-size: var(--skdx-font-size-md);--skdx-tags-input-item-font-size: var(--skdx-font-size-sm)}:where(.skdx-tags-input){display:flex;flex-wrap:wrap;align-items:center;gap:var(--skdx-space-1);min-inline-size:6rem;min-block-size:var(--skdx-tags-input-block-size, var(--skdx-control-height-md));padding:var(--skdx-space-1);background-color:var(--skdx-color-field-bg);border:var(--skdx-border-width-thin) solid var(--skdx-color-field-border);border-radius:var(--skdx-radius-
|
|
1
|
+
@import"../base.css";@import"../internal/_hit-target.css";@layer skdx-components{:where(.skdx-tags-input),:where(.skdx-tags-input)[data-size=md]{--skdx-tags-input-block-size: var(--skdx-control-height-md);--skdx-tags-input-font-size: var(--skdx-font-size-sm);--skdx-tags-input-item-font-size: var(--skdx-font-size-xs)}:where(.skdx-tags-input)[data-size=sm]{--skdx-tags-input-block-size: var(--skdx-control-height-sm);--skdx-tags-input-font-size: var(--skdx-font-size-xs);--skdx-tags-input-item-font-size: var(--skdx-font-size-xs)}:where(.skdx-tags-input)[data-size=lg]{--skdx-tags-input-block-size: var(--skdx-control-height-lg);--skdx-tags-input-font-size: var(--skdx-font-size-md);--skdx-tags-input-item-font-size: var(--skdx-font-size-sm)}:where(.skdx-tags-input){display:flex;flex-wrap:wrap;align-items:center;gap:var(--skdx-space-1);min-inline-size:6rem;min-block-size:var(--skdx-tags-input-block-size, var(--skdx-control-height-md));padding:var(--skdx-space-1);background-color:var(--skdx-color-field-bg);border:var(--skdx-border-width-thin) solid var(--skdx-color-field-border);border-radius:var(--skdx-radius-default);cursor:text}:where(.skdx-tags-input):focus-within{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)}:where(.skdx-tags-input)[data-invalid]{border-color:var(--skdx-color-field-border-invalid);border-width:var(--skdx-border-width-thick)}:where(.skdx-tags-input)[data-disabled]{background-color:var(--skdx-color-field-bg-disabled);opacity:var(--skdx-opacity-disabled);cursor:not-allowed}:where(.skdx-tags-input__item){display:inline-flex;align-items:center;gap:var(--skdx-space-1);padding-inline:var(--skdx-space-2);min-block-size:calc(var(--skdx-tags-input-block-size, var(--skdx-control-height-md)) - var(--skdx-space-2));font-size:var(--skdx-tags-input-item-font-size, var(--skdx-font-size-xs));color:var(--skdx-color-text-default);background-color:var(--skdx-color-surface-sunken);border:var(--skdx-border-width-thin) solid var(--skdx-color-border-subtle);border-radius:var(--skdx-radius-default)}:where(.skdx-tags-input__item):is(:focus,:hover){background-color:var(--skdx-color-surface-selected);border-color:var(--skdx-color-border-accent)}:where(.skdx-tags-input__item-delete){position:relative;color:var(--skdx-color-text-muted);background:transparent;border:0;cursor:pointer}:where(.skdx-tags-input__item:is(:focus,:hover) .skdx-tags-input__item-delete){color:var(--skdx-color-text-accent)}:where(.skdx-tags-input__item-delete):hover{color:var(--skdx-color-text-danger)}:where(.skdx-tags-input__item)[data-editing]{font-size:0}:where(.skdx-tags-input__item)[data-editing]>*:not(.skdx-tags-input__item-input){display:none}:where(.skdx-tags-input__item-input){min-inline-size:4rem;border:0;background:transparent;color:var(--skdx-color-field-text);font-size:var(--skdx-tags-input-item-font-size, var(--skdx-font-size-xs));outline:none}:where(.skdx-tags-input__clear){color:var(--skdx-color-text-muted);background:transparent;border:0;cursor:pointer}:where(.skdx-tags-input__clear):hover{color:var(--skdx-color-text-danger)}:where(.skdx-tags-input__clear)[data-empty]{color:var(--skdx-color-text-disabled);cursor:default}:where(.skdx-tags-input__input){flex:1;min-inline-size:6rem;border:0;background:transparent;color:var(--skdx-color-field-text);font-size:var(--skdx-tags-input-font-size, var(--skdx-font-size-sm));outline:none}@media(forced-colors:active){:where(.skdx-tags-input){border-color:CanvasText}:where(.skdx-tags-input):focus-within{border-color:Highlight;outline-color:Highlight}:where(.skdx-tags-input__item){border-color:CanvasText}:where(.skdx-tags-input__item):is(:focus,:hover){background-color:Highlight;border-color:Highlight;color:HighlightText}:where(.skdx-tags-input)[data-disabled]{border-color:GrayText}}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"../base.css";@layer skdx-components{:where(.skdx-text-field),:where(.skdx-text-field)[data-size=md],:where(.skdx-text-field__input)[data-size=md]{--skdx-text-field-block-size: var(--skdx-control-height-md);--skdx-text-field-padding-inline: var(--skdx-control-padding-md);--skdx-text-field-font-size: var(--skdx-font-size-sm)}:where(.skdx-text-field)[data-size=sm],:where(.skdx-text-field__input)[data-size=sm]{--skdx-text-field-block-size: var(--skdx-control-height-sm);--skdx-text-field-padding-inline: var(--skdx-control-padding-sm);--skdx-text-field-font-size: var(--skdx-font-size-xs)}:where(.skdx-text-field)[data-size=lg],:where(.skdx-text-field__input)[data-size=lg]{--skdx-text-field-block-size: var(--skdx-control-height-lg);--skdx-text-field-padding-inline: var(--skdx-control-padding-lg);--skdx-text-field-font-size: var(--skdx-font-size-md)}:where(.skdx-text-field){display:flex;align-items:center;gap:var(--skdx-control-gap-md)}:where(.skdx-text-field__input){flex:1;min-inline-size:0;block-size:var(--skdx-text-field-block-size, var(--skdx-control-height-md));padding-inline:var(--skdx-text-field-padding-inline, var(--skdx-control-padding-md));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-
|
|
1
|
+
@import"../base.css";@layer skdx-components{:where(.skdx-text-field),:where(.skdx-text-field)[data-size=md],:where(.skdx-text-field__input)[data-size=md]{--skdx-text-field-block-size: var(--skdx-control-height-md);--skdx-text-field-padding-inline: var(--skdx-control-padding-md);--skdx-text-field-font-size: var(--skdx-font-size-sm)}:where(.skdx-text-field)[data-size=sm],:where(.skdx-text-field__input)[data-size=sm]{--skdx-text-field-block-size: var(--skdx-control-height-sm);--skdx-text-field-padding-inline: var(--skdx-control-padding-sm);--skdx-text-field-font-size: var(--skdx-font-size-xs)}:where(.skdx-text-field)[data-size=lg],:where(.skdx-text-field__input)[data-size=lg]{--skdx-text-field-block-size: var(--skdx-control-height-lg);--skdx-text-field-padding-inline: var(--skdx-control-padding-lg);--skdx-text-field-font-size: var(--skdx-font-size-md)}:where(.skdx-text-field){display:flex;align-items:center;gap:var(--skdx-control-gap-md)}:where(.skdx-text-field__input){flex:1;min-inline-size:0;block-size:var(--skdx-text-field-block-size, var(--skdx-control-height-md));padding-inline:var(--skdx-text-field-padding-inline, var(--skdx-control-padding-md));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-default);font-size:var(--skdx-text-field-font-size, var(--skdx-font-size-sm));line-height:var(--skdx-font-line-height-normal);transition:border-color var(--skdx-motion-duration-fast) var(--skdx-motion-easing),background-color var(--skdx-motion-duration-fast) var(--skdx-motion-easing)}:where(.skdx-text-field__input)::placeholder{color:var(--skdx-color-text-placeholder);opacity:1}:where(.skdx-text-field__input):hover:not(:disabled,:read-only,[data-invalid],:user-invalid){border-color:var(--skdx-color-field-border-hover)}:where(.skdx-text-field__input):focus-visible,:where(.skdx-text-field__input:has(>input:focus-visible)){border-color:var(--skdx-color-field-border-focus)}:where(.skdx-text-field__input):has(>input:focus-visible){outline:var(--skdx-focus-ring-width) solid var(--skdx-color-focus-ring);outline-offset:var(--skdx-focus-ring-offset)}:where(.skdx-text-field__input)[readonly],:where(.skdx-text-field__input):read-only{background-color:var(--skdx-color-field-bg-readonly);cursor:default}:where(.skdx-text-field)[data-variant=filled] :where(.skdx-text-field__input),:where(.skdx-text-field__input)[data-variant=filled]{background-color:var(--skdx-color-surface-sunken);border-color:transparent}:where(.skdx-text-field)[data-variant=ghost] :where(.skdx-text-field__input),:where(.skdx-text-field__input)[data-variant=ghost]{background-color:transparent;border-color:transparent}:where(.skdx-text-field)[data-variant=ghost] :where(.skdx-text-field__input):hover:not(:disabled,:read-only,[data-invalid],:user-invalid),:where(.skdx-text-field__input)[data-variant=ghost]:hover:not(:disabled,:read-only,[data-invalid],:user-invalid){border-color:var(--skdx-color-field-border-hover)}:where(.skdx-text-field__input)[data-invalid],:where(.skdx-text-field__input):user-invalid{border-color:var(--skdx-color-field-border-invalid);border-width:var(--skdx-border-width-thick)}:where(.skdx-text-field__input):disabled,:where(.skdx-text-field__input)[data-disabled]{color:var(--skdx-color-text-disabled);background-color:var(--skdx-color-field-bg-disabled);border-color:var(--skdx-color-border-disabled);cursor:not-allowed}:where(.skdx-text-field__clear-button){display:inline-flex;align-items:center;justify-content:center;min-inline-size:var(--skdx-target-min);min-block-size:var(--skdx-target-min);font-size:var(--skdx-text-field-font-size, var(--skdx-font-size-sm));color:var(--skdx-color-text-muted);background:transparent;border:0;border-radius:var(--skdx-radius-default);cursor:pointer}:where(.skdx-text-field__clear-button):hover{color:var(--skdx-color-text-default);background-color:var(--skdx-color-action-ghost-bg-hover)}@media(forced-colors:active){:where(.skdx-text-field__input){border-color:CanvasText}:where(.skdx-text-field__input):disabled,:where(.skdx-text-field__input)[data-disabled]{color:GrayText;border-color:GrayText}:where(.skdx-text-field__input)[data-invalid],:where(.skdx-text-field__input):user-invalid{border-color:LinkText;border-style:dashed}}:where(.skdx-text-field__slot){display:inline-flex;align-items:center;justify-content:center;flex:none;block-size:var(--skdx-text-field-block-size, var(--skdx-control-height-md));font-size:var(--skdx-text-field-font-size, var(--skdx-font-size-sm));color:var(--skdx-color-text-muted);pointer-events:none}:where(.skdx-text-field__slot) :where(button,a[href],input){pointer-events:auto}}
|
package/dist/components/text.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer skdx-components{:where(.skdx-text){color:var(--skdx-color-text-default);font-family:var(--skdx-font-family);font-size:var(--skdx-font-size-md);font-weight:var(--skdx-font-weight-regular);line-height:var(--skdx-font-line-height-normal)}:where(.skdx-text)[data-tone=default]{color:var(--skdx-color-text-default)}:where(.skdx-text)[data-tone=muted]{color:var(--skdx-color-text-muted)}:where(.skdx-text)[data-tone=accent]{color:var(--skdx-color-text-accent)}:where(.skdx-text)[data-tone=danger]{color:var(--skdx-color-text-danger)}:where(.skdx-text)[data-tone=success]{color:var(--skdx-color-text-success)}:where(.skdx-text)[data-tone=warning]{color:var(--skdx-color-text-warning)}:where(.skdx-text)[data-tone=info]{color:var(--skdx-color-text-info)}:where(.skdx-text)[data-variant=body]{font-family:var(--skdx-font-family);font-variant-numeric:normal}:where(.skdx-text)[data-variant=numeric]{font-variant-numeric:tabular-nums}:where(.skdx-text)[data-variant=mono]{font-family:var(--skdx-font-family-mono);font-variant-numeric:tabular-nums}:where(.skdx-text)[data-size=md]{font-size:var(--skdx-font-size-md);line-height:var(--skdx-font-line-height-normal)}:where(.skdx-text)[data-size=sm]{font-size:var(--skdx-font-size-sm);line-height:var(--skdx-font-line-height-snug)}:where(.skdx-text)[data-size=lg]{font-size:var(--skdx-font-size-lg)}:where(mark.skdx-text,.skdx-text[as=mark]){padding-inline:var(--skdx-space-1);color:var(--skdx-color-highlight-text);background-color:var(--skdx-color-highlight-bg);border-radius:var(--skdx-radius-
|
|
1
|
+
@layer skdx-components{:where(.skdx-text){color:var(--skdx-color-text-default);font-family:var(--skdx-font-family);font-size:var(--skdx-font-size-md);font-weight:var(--skdx-font-weight-regular);line-height:var(--skdx-font-line-height-normal)}:where(.skdx-text)[data-tone=default]{color:var(--skdx-color-text-default)}:where(.skdx-text)[data-tone=muted]{color:var(--skdx-color-text-muted)}:where(.skdx-text)[data-tone=accent]{color:var(--skdx-color-text-accent)}:where(.skdx-text)[data-tone=danger]{color:var(--skdx-color-text-danger)}:where(.skdx-text)[data-tone=success]{color:var(--skdx-color-text-success)}:where(.skdx-text)[data-tone=warning]{color:var(--skdx-color-text-warning)}:where(.skdx-text)[data-tone=info]{color:var(--skdx-color-text-info)}:where(.skdx-text)[data-variant=body]{font-family:var(--skdx-font-family);font-variant-numeric:normal}:where(.skdx-text)[data-variant=numeric]{font-variant-numeric:tabular-nums}:where(.skdx-text)[data-variant=mono]{font-family:var(--skdx-font-family-mono);font-variant-numeric:tabular-nums}:where(.skdx-text)[data-size=md]{font-size:var(--skdx-font-size-md);line-height:var(--skdx-font-line-height-normal)}:where(.skdx-text)[data-size=sm]{font-size:var(--skdx-font-size-sm);line-height:var(--skdx-font-line-height-snug)}:where(.skdx-text)[data-size=lg]{font-size:var(--skdx-font-size-lg)}:where(mark.skdx-text,.skdx-text[as=mark]){padding-inline:var(--skdx-space-1);color:var(--skdx-color-highlight-text);background-color:var(--skdx-color-highlight-bg);border-radius:var(--skdx-radius-default)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"../base.css";@layer skdx-components{:where(.skdx-textarea){display:flex;flex-direction:column;gap:var(--skdx-field-gap)}:where(.skdx-textarea),:where(.skdx-textarea):is(textarea){inline-size:100%;min-block-size:calc(var(--skdx-control-height-md) * 2 + var(--skdx-space-3));padding-inline:var(--skdx-control-padding-md);padding-block:var(--skdx-space-2);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-
|
|
1
|
+
@import"../base.css";@layer skdx-components{:where(.skdx-textarea){display:flex;flex-direction:column;gap:var(--skdx-field-gap)}:where(.skdx-textarea),:where(.skdx-textarea):is(textarea){inline-size:100%;min-block-size:calc(var(--skdx-control-height-md) * 2 + var(--skdx-space-3));padding-inline:var(--skdx-control-padding-md);padding-block:var(--skdx-space-2);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-default);font-size:var(--skdx-font-size-sm);line-height:var(--skdx-font-line-height-normal);resize:block;transition:border-color var(--skdx-motion-duration-fast) var(--skdx-motion-easing)}:where(.skdx-textarea)::placeholder{color:var(--skdx-color-text-placeholder);opacity:1}:where(.skdx-textarea):hover:not(:disabled,[readonly]){border-color:var(--skdx-color-field-border-hover)}:where(.skdx-textarea):focus-visible,:where(.skdx-textarea):has(>textarea:focus-visible){border-color:var(--skdx-color-field-border-focus)}:where(.skdx-textarea)[data-invalid],:where(.skdx-textarea):user-invalid{border-color:var(--skdx-color-field-border-invalid);border-width:var(--skdx-border-width-thick)}:where(.skdx-textarea)[data-invalid]:hover:not(:disabled,[readonly]),:where(.skdx-textarea):user-invalid:hover:not(:disabled,[readonly]),:where(.skdx-textarea)[data-invalid]:focus-visible,:where(.skdx-textarea)[data-invalid]:has(>textarea:focus-visible),:where(.skdx-textarea):user-invalid:focus-visible,:where(.skdx-textarea):user-invalid:has(>textarea:focus-visible){border-color:var(--skdx-color-field-border-invalid)}:where(.skdx-textarea):disabled{color:var(--skdx-color-text-disabled);background-color:var(--skdx-color-field-bg-disabled);border-color:var(--skdx-color-border-disabled);cursor:not-allowed;resize:none}:where(.skdx-textarea)[readonly],:where(.skdx-textarea)[data-readonly]{background-color:var(--skdx-color-field-bg-readonly)}:where(.skdx-textarea)[data-resize=none]{resize:none}:where(.skdx-textarea)[data-resize=block]{resize:block}:where(.skdx-textarea)[data-resize=auto]{resize:both}@media(forced-colors:active){:where(.skdx-textarea){border-color:CanvasText}}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"date-field.css";@layer skdx-components{:where(.skdx-time-field){display:inline-flex;align-items:center;gap:var(--skdx-space-1);block-size:var(--skdx-control-height-md);padding-inline:var(--skdx-control-padding-md);background-color:var(--skdx-color-field-bg);border:var(--skdx-border-width-thin) solid var(--skdx-color-field-border);border-radius:var(--skdx-radius-
|
|
1
|
+
@import"date-field.css";@layer skdx-components{:where(.skdx-time-field){display:inline-flex;align-items:center;gap:var(--skdx-space-1);block-size:var(--skdx-control-height-md);padding-inline:var(--skdx-control-padding-md);background-color:var(--skdx-color-field-bg);border:var(--skdx-border-width-thin) solid var(--skdx-color-field-border);border-radius:var(--skdx-radius-default);font-variant-numeric:tabular-nums}:where(.skdx-time-field__segment){padding-inline:var(--skdx-space-1);border-radius:var(--skdx-radius-default);font-size:var(--skdx-font-size-sm);white-space:pre;caret-color:transparent}:where(.skdx-time-field__segment):focus-visible{background-color:var(--skdx-color-selection-bg);color:var(--skdx-color-selection-mark);outline:none}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"../internal/_actuator.css";@import"../internal/_status.css";@layer skdx-components{:where(.skdx-toast__viewport){position:fixed;inset-block-end:0;inset-inline-end:0;z-index:var(--skdx-z-index-toast);display:flex;flex-direction:column;gap:var(--skdx-space-2);inline-size:min(24rem,calc(100vw - var(--skdx-space-8)));max-block-size:100dvh;padding:var(--skdx-space-4);pointer-events:none}:where(.skdx-toast__viewport)[data-placement=top-start]{inset-block:0 auto;inset-inline:0 auto;flex-direction:column-reverse}:where(.skdx-toast__viewport)[data-placement=top]{inset-block:0 auto;inset-inline:0;margin-inline:auto;flex-direction:column-reverse}:where(.skdx-toast__viewport)[data-placement=top-end]{inset-block:0 auto;inset-inline:auto 0;flex-direction:column-reverse}:where(.skdx-toast__viewport)[data-placement=bottom-start]{inset-block:auto 0;inset-inline:0 auto;flex-direction:column}:where(.skdx-toast__viewport)[data-placement=bottom]{inset-block:auto 0;inset-inline:0;margin-inline:auto;flex-direction:column}:where(.skdx-toast__viewport)[data-placement=bottom-end]{inset-block:auto 0;inset-inline:auto 0;flex-direction:column}:where(.skdx-toast){pointer-events:auto;display:grid;grid-template-columns:1fr auto;align-items:start;column-gap:var(--skdx-space-3);row-gap:var(--skdx-space-1);padding:var(--skdx-space-3);color:var(--skdx-status-text, var(--skdx-color-text-default));background-color:var(--skdx-status-bg, var(--skdx-color-surface-raised));border:var(--skdx-border-width-thin) solid var(--skdx-status-border, var(--skdx-color-border-default));border-radius:var(--skdx-radius-
|
|
1
|
+
@import"../internal/_actuator.css";@import"../internal/_status.css";@layer skdx-components{:where(.skdx-toast__viewport){position:fixed;inset-block-end:0;inset-inline-end:0;z-index:var(--skdx-z-index-toast);display:flex;flex-direction:column;gap:var(--skdx-space-2);inline-size:min(24rem,calc(100vw - var(--skdx-space-8)));max-block-size:100dvh;padding:var(--skdx-space-4);pointer-events:none}:where(.skdx-toast__viewport)[data-placement=top-start]{inset-block:0 auto;inset-inline:0 auto;flex-direction:column-reverse}:where(.skdx-toast__viewport)[data-placement=top]{inset-block:0 auto;inset-inline:0;margin-inline:auto;flex-direction:column-reverse}:where(.skdx-toast__viewport)[data-placement=top-end]{inset-block:0 auto;inset-inline:auto 0;flex-direction:column-reverse}:where(.skdx-toast__viewport)[data-placement=bottom-start]{inset-block:auto 0;inset-inline:0 auto;flex-direction:column}:where(.skdx-toast__viewport)[data-placement=bottom]{inset-block:auto 0;inset-inline:0;margin-inline:auto;flex-direction:column}:where(.skdx-toast__viewport)[data-placement=bottom-end]{inset-block:auto 0;inset-inline:auto 0;flex-direction:column}:where(.skdx-toast){pointer-events:auto;display:grid;grid-template-columns:1fr auto;align-items:start;column-gap:var(--skdx-space-3);row-gap:var(--skdx-space-1);padding:var(--skdx-space-3);color:var(--skdx-status-text, var(--skdx-color-text-default));background-color:var(--skdx-status-bg, var(--skdx-color-surface-raised));border:var(--skdx-border-width-thin) solid var(--skdx-status-border, var(--skdx-color-border-default));border-radius:var(--skdx-radius-default);box-shadow:var(--skdx-shadow-overlay);font-size:var(--skdx-font-size-sm)}:where(.skdx-toast)[hidden]{display:none}:where(.skdx-toast)[data-state=open]{animation:skdx-slide-in-from-end var(--skdx-motion-duration-normal) var(--skdx-motion-easing)}:where(.skdx-toast__title){grid-column:1;font-weight:var(--skdx-font-weight-semibold)}:where(.skdx-toast__description){grid-column:1;color:currentColor}:where(.skdx-toast__action){grid-column:1;margin-block-start:var(--skdx-space-1)}:where(.skdx-toast__close){grid-column:2;grid-row:1 / -1;min-inline-size:var(--skdx-target-min);min-block-size:var(--skdx-target-min);color:currentColor;background:transparent;border:0;border-radius:var(--skdx-radius-default);cursor:pointer}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"toggle.css";@layer skdx-components{:where(.skdx-toggle-group){display:inline-flex;align-items:center;border:var(--skdx-border-width-thin) solid var(--skdx-color-border-default);border-radius:var(--skdx-radius-
|
|
1
|
+
@import"toggle.css";@layer skdx-components{:where(.skdx-toggle-group){display:inline-flex;align-items:center;border:var(--skdx-border-width-thin) solid var(--skdx-color-border-default);border-radius:var(--skdx-radius-default);overflow:hidden;--skdx-focus-ring-offset: var(--skdx-focus-ring-offset-inset)}:where(.skdx-toggle-group)[data-orientation=vertical]{flex-direction:column;align-items:stretch}:where(.skdx-toggle-group__item){border:0;border-radius:0}:where(.skdx-toggle-group__item)+:where(.skdx-toggle-group__item),:where([data-skdx-toggle-group-item-wrapper])+:where([data-skdx-toggle-group-item-wrapper])>:where(.skdx-toggle-group__item){border-inline-start:var(--skdx-border-width-thin) solid var(--skdx-color-border-default)}:where(.skdx-toggle-group)[data-orientation=vertical] :where(.skdx-toggle-group__item)+:where(.skdx-toggle-group__item),:where(.skdx-toggle-group)[data-orientation=vertical] :where([data-skdx-toggle-group-item-wrapper])+:where([data-skdx-toggle-group-item-wrapper])>:where(.skdx-toggle-group__item){border-inline-start:0;border-block-start:var(--skdx-border-width-thin) solid var(--skdx-color-border-default)}:where(.skdx-toggle-group)[data-full-width]{display:flex;inline-size:100%}:where(.skdx-toggle-group)[data-full-width] :where(.skdx-toggle-group__item){flex:1;min-inline-size:0}:where(.skdx-toggle-group)[data-size=sm]{border-radius:var(--skdx-radius-sm)}:where(.skdx-toggle-group)[data-size=lg]{border-radius:var(--skdx-radius-lg)}:where(.skdx-toggle-group)[data-variant=segmented]{position:relative;padding:var(--skdx-border-width-thick);background-color:var(--skdx-color-surface-sunken);border-color:transparent}:where(.skdx-toggle-group)[data-variant=segmented] :where(.skdx-toggle-group__item),:where(.skdx-toggle-group)[data-variant=segmented] :where([data-skdx-toggle-group-item-wrapper])+:where([data-skdx-toggle-group-item-wrapper])>:where(.skdx-toggle-group__item){position:relative;z-index:1;border-inline-start:0;border-block-start:0;border-radius:var(--skdx-radius-default);color:var(--skdx-color-text-muted);white-space:nowrap}:where(.skdx-toggle-group)[data-variant=segmented] :where(.skdx-toggle-group__item)[data-state=on]{color:var(--skdx-color-text-default);background-color:transparent}:where(.skdx-toggle-group)[data-variant=segmented] :where(.skdx-toggle-group__item):hover:not([data-disabled]){color:var(--skdx-color-text-default)}:where(.skdx-toggle-group)[data-readonly] :where(.skdx-toggle-group__item){cursor:default}:where(.skdx-toggle-group)[data-readonly] :where(.skdx-toggle-group__item):hover{background-color:transparent}:where(.skdx-toggle-group)[data-invalid]{box-shadow:0 0 0 var(--skdx-border-width-thin) var(--skdx-color-field-border-invalid)}:where(.skdx-toggle-group__indicator){position:absolute;z-index:var(--skdx-z-index-base);inset-block:0;left:0;inline-size:var(--skdx-toggle-group-width, 0);translate:var(--skdx-toggle-group-x, 0) 0;background-color:var(--skdx-color-surface-raised);border-radius:var(--skdx-radius-default);box-shadow:var(--skdx-shadow-sm);transition:translate var(--skdx-motion-duration-normal) var(--skdx-motion-easing),inline-size var(--skdx-motion-duration-normal) var(--skdx-motion-easing)}:where(.skdx-toggle-group__indicator)[data-state=hidden]{opacity:0}:where(.skdx-toggle-group)[data-orientation=vertical] :where(.skdx-toggle-group__indicator){inset-block:auto;inset-inline:0;inline-size:auto;block-size:var(--skdx-toggle-group-height, 0);translate:0 var(--skdx-toggle-group-y, 0)}@media(forced-colors:active){:where(.skdx-toggle-group)[data-variant=segmented] :where(.skdx-toggle-group__item)[data-state=on]{background-color:Highlight;color:HighlightText}}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"../base.css";@layer skdx-components{:where(.skdx-toggle){display:inline-flex;align-items:center;justify-content:center;gap:var(--skdx-toggle-gap);min-inline-size:var(--skdx-target-min);block-size:var(--skdx-toggle-height);padding-inline:var(--skdx-toggle-padding);color:var(--skdx-color-text-default);background:transparent;border:var(--skdx-border-width-thin) solid transparent;border-radius:var(--skdx-radius-
|
|
1
|
+
@import"../base.css";@layer skdx-components{:where(.skdx-toggle){display:inline-flex;align-items:center;justify-content:center;gap:var(--skdx-toggle-gap);min-inline-size:var(--skdx-target-min);block-size:var(--skdx-toggle-height);padding-inline:var(--skdx-toggle-padding);color:var(--skdx-color-text-default);background:transparent;border:var(--skdx-border-width-thin) solid transparent;border-radius:var(--skdx-radius-default);font-size:var(--skdx-toggle-font-size);font-weight:var(--skdx-font-weight-medium);cursor:pointer;transition:background-color var(--skdx-motion-duration-fast) var(--skdx-motion-easing);--skdx-toggle-gap: var(--skdx-control-gap-md);--skdx-toggle-height: var(--skdx-control-height-md);--skdx-toggle-padding: var(--skdx-control-padding-md);--skdx-toggle-font-size: var(--skdx-font-size-sm)}:where(.skdx-toggle)[data-size=sm],:where(.skdx-toggle-group)[data-size=sm] :where(.skdx-toggle-group__item){--skdx-toggle-gap: var(--skdx-control-gap-sm);--skdx-toggle-height: var(--skdx-control-height-sm);--skdx-toggle-padding: var(--skdx-control-padding-sm);--skdx-toggle-font-size: var(--skdx-font-size-xs)}:where(.skdx-toggle)[data-size=lg],:where(.skdx-toggle-group)[data-size=lg] :where(.skdx-toggle-group__item){--skdx-toggle-gap: var(--skdx-control-gap-lg);--skdx-toggle-height: var(--skdx-control-height-lg);--skdx-toggle-padding: var(--skdx-control-padding-lg);--skdx-toggle-font-size: var(--skdx-font-size-md)}:where(.skdx-toggle):hover:not([data-disabled]):not([data-state=on]){background-color:var(--skdx-color-action-ghost-bg-hover)}:where(.skdx-toggle)[data-state=on]{color:var(--skdx-color-text-accent);background-color:var(--skdx-color-surface-selected)}:where(.skdx-toggle):not(.skdx-toggle-group__item)[data-state=on]{border-color:var(--skdx-color-border-accent)}:where(.skdx-toggle)[data-disabled]{color:var(--skdx-color-text-disabled);cursor:not-allowed}@media(forced-colors:active){:where(.skdx-toggle)[data-state=on]{background-color:Highlight;color:HighlightText}}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"../internal/_actuator.css";@import"../base.css";@layer skdx-components{:where(.skdx-toolbar){display:flex;align-items:center;gap:var(--skdx-space-1);flex-wrap:wrap;padding:var(--skdx-space-1);background-color:var(--skdx-color-surface-default);border:var(--skdx-border-width-thin) solid var(--skdx-color-border-default);border-radius:var(--skdx-radius-
|
|
1
|
+
@import"../internal/_actuator.css";@import"../base.css";@layer skdx-components{:where(.skdx-toolbar){display:flex;align-items:center;gap:var(--skdx-space-1);flex-wrap:wrap;padding:var(--skdx-space-1);background-color:var(--skdx-color-surface-default);border:var(--skdx-border-width-thin) solid var(--skdx-color-border-default);border-radius:var(--skdx-radius-default)}:where(.skdx-toolbar)[data-orientation=vertical]{flex-direction:column;align-items:stretch}:where(.skdx-toolbar__separator){align-self:stretch;inline-size:var(--skdx-border-width-thin);background-color:var(--skdx-color-separator);margin-inline:var(--skdx-space-1)}:where(.skdx-toolbar)[data-orientation=vertical] :where(.skdx-toolbar__separator){inline-size:auto;block-size:var(--skdx-border-width-thin);margin-inline:0;margin-block:var(--skdx-space-1)}:where(.skdx-toolbar__toggle-group){display:inline-flex;align-items:center}:where(.skdx-toolbar__toggle-item){display:inline-flex;align-items:center;justify-content:center;min-inline-size:var(--skdx-target-min);min-block-size:var(--skdx-target-min);block-size:var(--skdx-control-height-sm);padding-inline:var(--skdx-space-2);color:var(--skdx-color-text-default);background:transparent;border:0;border-radius:var(--skdx-radius-default);cursor:pointer}:where(.skdx-toolbar__toggle-item)[data-state=on]{color:var(--skdx-color-text-accent);background-color:var(--skdx-color-surface-selected)}:where(.skdx-toolbar__toggle-item):hover:not(:disabled,[data-disabled],[aria-disabled=true]){background-color:var(--skdx-color-action-secondary-bg-hover)}:where(.skdx-toolbar__toggle-item):is(:disabled,[data-disabled],[aria-disabled=true]){color:var(--skdx-color-action-disabled-text);background-color:var(--skdx-color-action-disabled-bg);border-color:var(--skdx-color-action-disabled-border);cursor:not-allowed}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"../internal/_trigger.css";@import"../internal/_overlay.css";@import"../internal/_collection.css";@import"tree.css";@layer skdx-components{:where(.skdx-tree-select__content){--skdx-tree-select-control-height: var(--skdx-control-height-sm);--skdx-tree-select-item-height: var(--skdx-item-height-md);--skdx-tree-select-column-width: 12rem;padding:var(--skdx-overlay-padding)}:where(.skdx-tree-select__content)[data-size=sm]{--skdx-tree-select-control-height: var(--skdx-control-height-sm);--skdx-tree-select-item-height: var(--skdx-item-height-sm)}:where(.skdx-tree-select__content)[data-size=lg]{--skdx-tree-select-control-height: var(--skdx-control-height-lg);--skdx-tree-select-item-height: var(--skdx-item-height-lg)}:where(.skdx-tree-select__input){inline-size:100%;block-size:var(--skdx-tree-select-control-height, var(--skdx-control-height-sm));padding-inline:var(--skdx-space-2);margin-block-end:var(--skdx-space-1);color:var(--skdx-color-field-text);background-color:var(--skdx-color-field-bg);border:var(--skdx-border-width-thin) solid var(--skdx-color-field-border);border-radius:var(--skdx-radius-
|
|
1
|
+
@import"../internal/_trigger.css";@import"../internal/_overlay.css";@import"../internal/_collection.css";@import"tree.css";@layer skdx-components{:where(.skdx-tree-select__content){--skdx-tree-select-control-height: var(--skdx-control-height-sm);--skdx-tree-select-item-height: var(--skdx-item-height-md);--skdx-tree-select-column-width: 12rem;padding:var(--skdx-overlay-padding)}:where(.skdx-tree-select__content)[data-size=sm]{--skdx-tree-select-control-height: var(--skdx-control-height-sm);--skdx-tree-select-item-height: var(--skdx-item-height-sm)}:where(.skdx-tree-select__content)[data-size=lg]{--skdx-tree-select-control-height: var(--skdx-control-height-lg);--skdx-tree-select-item-height: var(--skdx-item-height-lg)}:where(.skdx-tree-select__input){inline-size:100%;block-size:var(--skdx-tree-select-control-height, var(--skdx-control-height-sm));padding-inline:var(--skdx-space-2);margin-block-end:var(--skdx-space-1);color:var(--skdx-color-field-text);background-color:var(--skdx-color-field-bg);border:var(--skdx-border-width-thin) solid var(--skdx-color-field-border);border-radius:var(--skdx-radius-default);font-size:var(--skdx-font-size-sm)}:where(.skdx-tree-select__item){min-block-size:var(--skdx-tree-select-item-height, var(--skdx-item-height-md))}:where(.skdx-tree-select__tree){display:flex;flex-direction:column;padding:var(--skdx-space-1)}:where(.skdx-tree-select__columns)[data-layout=columns]{display:flex;max-block-size:var(--skdx-tree-select-available-height, none);overflow-x:auto;overflow-y:hidden}:where(.skdx-tree-select__columns)[data-layout=columns]>:where(.skdx-tree-select__tree){flex:none;inline-size:var(--skdx-tree-select-column-width, 12rem);overflow-y:auto}:where(.skdx-tree-select__columns)[data-layout=columns]>:where(.skdx-tree-select__tree)+:where(.skdx-tree-select__tree){border-inline-start:var(--skdx-border-width-thin) solid var(--skdx-color-border-subtle)}:where(.skdx-tree-select__columns)[data-layout=columns]>:where(.skdx-tree-select__tree):has([data-highlighted]){background-color:var(--skdx-color-surface-sunken)}:where(.skdx-tree-select__value) [data-chip]{display:inline-flex;align-items:center;gap:var(--skdx-space-1);max-inline-size:12ch;overflow:hidden;padding-inline:var(--skdx-space-2);color:var(--skdx-color-status-neutral-text);background-color:var(--skdx-color-status-neutral-bg);border:var(--skdx-border-width-thin) solid var(--skdx-color-status-neutral-border);border-radius:var(--skdx-radius-default);font-size:var(--skdx-font-size-xs);line-height:var(--skdx-font-line-height-tight);white-space:nowrap;text-overflow:ellipsis}:where(.skdx-tree-select__value)[data-multiple]{display:inline-flex;flex-wrap:wrap;align-items:center;gap:var(--skdx-space-1)}}
|
package/dist/components/tree.css
CHANGED
|
@@ -1 +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-
|
|
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-default);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}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"../base.css";@layer skdx-components{:where(.skdx-usage-card){display:flex;flex-direction:column;gap:var(--skdx-space-3);padding:var(--skdx-space-4);background-color:var(--skdx-color-surface-raised);border:var(--skdx-border-width-thin) solid var(--skdx-color-border-default);border-radius:var(--skdx-radius-
|
|
1
|
+
@import"../base.css";@layer skdx-components{:where(.skdx-usage-card){display:flex;flex-direction:column;gap:var(--skdx-space-3);padding:var(--skdx-space-4);background-color:var(--skdx-color-surface-raised);border:var(--skdx-border-width-thin) solid var(--skdx-color-border-default);border-radius:var(--skdx-radius-default);box-shadow:var(--skdx-shadow-sm);color:var(--skdx-color-text-default)}:where(.skdx-usage-card__header){display:flex;flex-wrap:wrap;align-items:center;gap:var(--skdx-space-2)}:where(.skdx-usage-card__label){min-inline-size:0;overflow-wrap:anywhere;font-size:var(--skdx-font-size-sm);color:var(--skdx-color-text-muted)}:where(.skdx-usage-card__actions){flex:none;margin-inline-start:auto}:where(.skdx-usage-card__value){display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--skdx-space-1)}:where(.skdx-usage-card__used){min-inline-size:0;overflow-wrap:anywhere;font-size:var(--skdx-font-size-xl);font-weight:var(--skdx-font-weight-semibold)}:where(.skdx-usage-card__limit),:where(.skdx-usage-card__unit){min-inline-size:0;overflow-wrap:anywhere;font-size:var(--skdx-font-size-md);color:var(--skdx-color-text-muted)}:where(.skdx-usage-card)[data-state=over-limit] :where(.skdx-usage-card__used){color:var(--skdx-color-text-danger)}:where(.skdx-usage-card)[data-status=info] :where(.skdx-usage-card__used){color:var(--skdx-color-text-info)}:where(.skdx-usage-card)[data-status=success] :where(.skdx-usage-card__used){color:var(--skdx-color-text-success)}:where(.skdx-usage-card)[data-status=warning] :where(.skdx-usage-card__used){color:var(--skdx-color-text-warning)}:where(.skdx-usage-card)[data-status=danger] :where(.skdx-usage-card__used){color:var(--skdx-color-text-danger)}:where(.skdx-usage-card__progress){margin-block-start:var(--skdx-space-3)}:where(.skdx-usage-card)[data-status=info] :where(.skdx-usage-card__progress){--skdx-color-track-fill: var(--skdx-color-status-info-icon)}:where(.skdx-usage-card)[data-status=success] :where(.skdx-usage-card__progress){--skdx-color-track-fill: var(--skdx-color-status-success-icon)}:where(.skdx-usage-card)[data-status=warning] :where(.skdx-usage-card__progress){--skdx-color-track-fill: var(--skdx-color-status-warning-icon)}:where(.skdx-usage-card)[data-status=danger] :where(.skdx-usage-card__progress){--skdx-color-track-fill: var(--skdx-color-status-danger-icon)}:where(.skdx-usage-card)[data-state=over-limit] :where(.skdx-usage-card__progress){--skdx-color-track-fill: var(--skdx-color-status-danger-icon)}:where(.skdx-usage-card__description){min-inline-size:0;overflow-wrap:anywhere}:where(.skdx-usage-card__footer){display:flex;align-items:center;gap:var(--skdx-space-2)}@media(forced-colors:active){:where(.skdx-usage-card){border-color:CanvasText}}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"../base.css";@layer skdx-components{:where(.skdx-user-menu){display:inline-flex;align-items:center;gap:var(--skdx-space-2);padding-block:var(--skdx-space-1);padding-inline:var(--skdx-space-2);border:0;border-radius:var(--skdx-radius-
|
|
1
|
+
@import"../base.css";@layer skdx-components{:where(.skdx-user-menu){display:inline-flex;align-items:center;gap:var(--skdx-space-2);padding-block:var(--skdx-space-1);padding-inline:var(--skdx-space-2);border:0;border-radius:var(--skdx-radius-default);background-color:transparent;color:var(--skdx-color-text-default);font:inherit;cursor:pointer;min-block-size:var(--skdx-target-min)}:where(.skdx-user-menu):hover{background-color:var(--skdx-color-surface-hover)}:where(.skdx-user-menu__identity){display:flex;flex-direction:column;align-items:start;min-inline-size:0;line-height:var(--skdx-font-line-height-tight);text-align:start;overflow-wrap:anywhere}:where(.skdx-user-menu__name){font-weight:var(--skdx-font-weight-medium)}:where(.skdx-user-menu__description){font-size:var(--skdx-font-size-xs);color:var(--skdx-color-text-muted)}:where(.skdx-user-menu)[data-variant=compact] :where(.skdx-user-menu__identity){position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}:where(.skdx-user-menu__content){min-inline-size:14rem}:where(.skdx-user-menu__header){display:flex;flex-direction:column;gap:var(--skdx-space-1);padding:var(--skdx-space-2);padding-block-end:var(--skdx-space-3)}@media(max-width:30rem){:where(.skdx-user-menu__identity){position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"../base.css";@layer skdx-components{:where(.skdx-verification-page){display:flex;justify-content:center;padding:var(--skdx-space-8)}:where(.skdx-verification-page__panel){display:flex;flex-direction:column;gap:var(--skdx-space-4);inline-size:100%;min-inline-size:0;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-
|
|
1
|
+
@import"../base.css";@layer skdx-components{:where(.skdx-verification-page){display:flex;justify-content:center;padding:var(--skdx-space-8)}:where(.skdx-verification-page__panel){display:flex;flex-direction:column;gap:var(--skdx-space-4);inline-size:100%;min-inline-size:0;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-default);box-shadow:var(--skdx-shadow-md)}:where(.skdx-verification-page__code){flex-wrap:wrap;justify-content:center}:where(.skdx-verification-page__resend){display:flex;flex-wrap:wrap;gap:var(--skdx-space-2);align-items:center;justify-content:center}:where(.skdx-verification-page__resend-hint){font-size:var(--skdx-font-size-xs);color:var(--skdx-color-text-muted);overflow-wrap:anywhere}:where(.skdx-verification-page__footer){font-size:var(--skdx-font-size-sm);color:var(--skdx-color-text-muted);text-align:center;overflow-wrap:anywhere}@media(forced-colors:active){:where(.skdx-verification-page__panel){border-color:CanvasText}}}
|