@skdx/skins 0.28.0 → 0.30.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 +155 -160
- package/dist/base.css +1 -1
- package/dist/components/accordion.css +1 -1
- package/dist/components/autocomplete.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/carousel.css +1 -1
- package/dist/components/checkbox-card.css +1 -1
- package/dist/components/checkbox.css +1 -1
- package/dist/components/collapsible.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/date-picker.css +1 -1
- package/dist/components/dialog.css +1 -1
- package/dist/components/divider.css +1 -0
- package/dist/components/drawer.css +1 -1
- package/dist/components/file-upload.css +1 -1
- package/dist/components/floating-panel.css +1 -1
- package/dist/components/form.css +1 -1
- package/dist/components/link.css +1 -1
- package/dist/components/list.css +1 -1
- package/dist/components/loading-overlay.css +1 -1
- package/dist/components/mentions.css +1 -0
- package/dist/components/menu.css +1 -0
- package/dist/components/menubar.css +1 -1
- package/dist/components/navigation-menu.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/progress.css +1 -1
- package/dist/components/radio-card.css +1 -1
- package/dist/components/radio-group.css +1 -1
- package/dist/components/rating.css +1 -1
- package/dist/components/resizable.css +1 -1
- package/dist/components/scroll-area.css +1 -1
- package/dist/components/select.css +1 -1
- package/dist/components/stepper.css +1 -0
- package/dist/components/tag-group.css +1 -1
- package/dist/components/tags-input.css +1 -1
- package/dist/components/text.css +1 -1
- package/dist/components/textarea.css +1 -1
- package/dist/components/toggle-group.css +1 -1
- package/dist/components/tour.css +1 -1
- package/dist/components/transfer.css +1 -1
- package/dist/components/tree-select.css +1 -1
- package/dist/components/tree.css +1 -1
- package/dist/index.css +1 -1
- package/dist/internal/_actuator.css +1 -1
- package/dist/internal/_arrow.css +1 -0
- package/dist/internal/_collection.css +1 -1
- package/dist/internal/_hit-target.css +1 -0
- package/dist/internal/_overlay.css +1 -1
- package/dist/internal/_status.css +1 -1
- package/dist/internal/_trigger.css +1 -1
- package/dist/structure.css +1 -0
- package/dist/utilities.css +1 -1
- package/dist/web-components.css +1 -0
- package/package.json +12 -9
- package/dist/components/affix.css +0 -1
- package/dist/components/alert-dialog.css +0 -1
- package/dist/components/context-menu.css +0 -1
- package/dist/components/data-list.css +0 -1
- package/dist/components/dropdown-menu.css +0 -1
- package/dist/components/hover-card.css +0 -1
- package/dist/components/meter.css +0 -1
- package/dist/components/multi-select.css +0 -1
- package/dist/components/segmented-control.css +0 -1
- package/dist/components/separator.css +0 -1
- package/dist/components/steps.css +0 -1
- package/dist/components/tag.css +0 -1
- package/dist/components/tooltip.css +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"../internal/_overlay.css";@layer skdx-components{:where(.skdx-color-picker){display:inline-flex;flex-direction:column;gap:var(--skdx-space-3);--skdx-color-picker-area-height: 8rem;--skdx-color-picker-track-thickness: var(--skdx-space-3);--skdx-color-picker-swatch-size: var(--skdx-control-height-md)}:where(.skdx-color-picker)[data-size=sm]{--skdx-color-picker-area-height: 6rem;--skdx-color-picker-track-thickness: var(--skdx-space-2);--skdx-color-picker-swatch-size: var(--skdx-control-height-sm)}:where(.skdx-color-picker)[data-size=lg]{--skdx-color-picker-area-height: 12rem;--skdx-color-picker-track-thickness: var(--skdx-space-4);--skdx-color-picker-swatch-size: var(--skdx-control-height-lg)}:where(.skdx-color-picker)[data-full-width]{display:flex;inline-size:100%}:where(.skdx-color-picker__area){position:relative;inline-size:100%;min-block-size:var(--skdx-color-picker-area-height, 8rem);border-radius:var(--skdx-radius-md);background-image:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,transparent);background-color:hsl(var(--skdx-color-picker-hue, 0deg) 100% 50%);touch-action:none}:where([dir=rtl]) :where(.skdx-color-picker__area){background-image:linear-gradient(to top,#000,transparent),linear-gradient(to left,#fff,transparent)}:where(.skdx-color-picker__area-thumb),:where(.skdx-color-picker__hue-slider-thumb),:where(.skdx-color-picker__alpha-slider-thumb){position:absolute;inline-size:var(--skdx-indicator-size-md);block-size:var(--skdx-indicator-size-md);background:transparent;border:var(--skdx-border-width-thick) solid var(--skdx-color-surface-page);border-radius:var(--skdx-radius-full);box-shadow:var(--skdx-shadow-sm);cursor:grab;translate:-50% 50%}:where([dir=rtl]) :where(.skdx-color-picker__area-thumb),:where([dir=rtl]) :where(.skdx-color-picker__hue-slider-thumb),:where([dir=rtl]) :where(.skdx-color-picker__alpha-slider-thumb){translate:50% 50%}:where(.skdx-color-picker__area-thumb){inset-inline-start:var(--skdx-color-picker-saturation, 0%);inset-block-end:var(--skdx-color-picker-brightness, 0%)}:where(.skdx-color-picker__hue-slider-thumb){inset-inline-start:var(--skdx-color-picker-hue-position, 0%);inset-block-end:50%}:where(.skdx-color-picker__alpha-slider-thumb){inset-inline-start:var(--skdx-color-picker-alpha-position, 0%);inset-block-end:50%}:where(.skdx-color-picker__area-thumb)>[role=slider]{position:absolute;inset:0;border-radius:inherit}:where(.skdx-color-picker__hue-slider),:where(.skdx-color-picker__alpha-slider){position:relative;block-size:var(--skdx-color-picker-track-thickness, var(--skdx-space-3));border-radius:var(--skdx-radius-full);touch-action:none}:where(.skdx-color-picker__hue-slider){background-image:linear-gradient(to right,red,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red)}:where([dir=rtl]) :where(.skdx-color-picker__hue-slider){background-image:linear-gradient(to left,red,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red)}:where(.skdx-color-picker__alpha-slider){background-image:linear-gradient(to right,transparent,var(--skdx-color-picker-value, #000)),conic-gradient(var(--skdx-color-border-subtle) 0deg 90deg,transparent 90deg 180deg,var(--skdx-color-border-subtle) 180deg 270deg,transparent 270deg);background-size:100% 100%,var(--skdx-space-2) var(--skdx-space-2)}:where([dir=rtl]) :where(.skdx-color-picker__alpha-slider){background-image:linear-gradient(to left,transparent,var(--skdx-color-picker-value, #000)),conic-gradient(var(--skdx-color-border-subtle) 0deg 90deg,transparent 90deg 180deg,var(--skdx-color-border-subtle) 180deg 270deg,transparent 270deg)}:where(.skdx-color-picker__swatch){inline-size:var(--skdx-color-picker-swatch-size, var(--skdx-control-height-md));block-size:var(--skdx-color-picker-swatch-size, var(--skdx-control-height-md));background-color:var(--skdx-color-picker-swatch-value, transparent);border:var(--skdx-border-width-thin) solid var(--skdx-color-border-default);border-radius:var(--skdx-radius-sm);cursor:pointer}:where(.skdx-color-picker__swatch)[data-state=checked]{border-color:var(--skdx-color-border-accent);border-width:var(--skdx-border-width-thick)}:where(.skdx-color-picker__swatch-group){display:flex;flex-wrap:wrap;gap:var(--skdx-space-2)}:where(.skdx-color-picker__eye-dropper),:where(.skdx-color-picker__format-select){min-block-size:var(--skdx-control-height-sm);color:var(--skdx-color-text-default);background-color:var(--skdx-color-action-secondary-bg);border:var(--skdx-border-width-thin) solid var(--skdx-color-action-secondary-border);border-radius:var(--skdx-radius-sm);cursor:pointer}:where(.skdx-color-picker__input){inline-size:100%;block-size:var(--skdx-control-height-sm);padding-inline: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-sm);font-family:var(--skdx-font-family-mono);font-size:var(--skdx-font-size-xs)}:where(.skdx-color-picker__eye-dropper):hover,:where(.skdx-color-picker__format-select):hover{background-color:var(--skdx-color-surface-hover);border-color:var(--skdx-color-border-strong)}}
|
|
1
|
+
@import"../internal/_overlay.css";@layer skdx-components{:where(.skdx-color-picker){display:inline-flex;flex-direction:column;gap:var(--skdx-space-3);--skdx-color-picker-area-height: 8rem;--skdx-color-picker-track-thickness: var(--skdx-space-3);--skdx-color-picker-swatch-size: var(--skdx-control-height-md)}:where(.skdx-color-picker)[data-size=sm]{--skdx-color-picker-area-height: 6rem;--skdx-color-picker-track-thickness: var(--skdx-space-2);--skdx-color-picker-swatch-size: var(--skdx-control-height-sm)}:where(.skdx-color-picker)[data-size=lg]{--skdx-color-picker-area-height: 12rem;--skdx-color-picker-track-thickness: var(--skdx-space-4);--skdx-color-picker-swatch-size: var(--skdx-control-height-lg)}:where(.skdx-color-picker)[data-full-width]{display:flex;inline-size:100%}:where(.skdx-color-picker)[data-disabled]{opacity:var(--skdx-opacity-disabled);cursor:not-allowed}:where(.skdx-color-picker)[data-readonly]{cursor:default}:where(.skdx-color-picker__area){position:relative;inline-size:100%;min-block-size:var(--skdx-color-picker-area-height, 8rem);border-radius:var(--skdx-radius-md);background-image:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,transparent);background-color:hsl(var(--skdx-color-picker-hue, 0deg) 100% 50%);touch-action:none}:where(.skdx-color-picker__area)[data-disabled]{border:var(--skdx-border-width-thin) solid var(--skdx-color-border-disabled);cursor:not-allowed}:where([dir=rtl]) :where(.skdx-color-picker__area){background-image:linear-gradient(to top,#000,transparent),linear-gradient(to left,#fff,transparent)}:where(.skdx-color-picker__area-thumb),:where(.skdx-color-picker__hue-slider-thumb),:where(.skdx-color-picker__alpha-slider-thumb){position:absolute;inline-size:var(--skdx-indicator-size-md);block-size:var(--skdx-indicator-size-md);background:transparent;border:var(--skdx-border-width-thick) solid var(--skdx-color-surface-page);border-radius:var(--skdx-radius-full);box-shadow:var(--skdx-shadow-sm);cursor:grab;translate:-50% 50%}:where(.skdx-color-picker__area-thumb)[data-disabled],:where(.skdx-color-picker__hue-slider-thumb)[data-disabled],:where(.skdx-color-picker__alpha-slider-thumb)[data-disabled]{border-color:var(--skdx-color-border-disabled);cursor:not-allowed}:where(.skdx-color-picker__area-thumb)[data-readonly],:where(.skdx-color-picker__hue-slider-thumb)[data-readonly],:where(.skdx-color-picker__alpha-slider-thumb)[data-readonly]{cursor:default}:where([dir=rtl]) :where(.skdx-color-picker__area-thumb),:where([dir=rtl]) :where(.skdx-color-picker__hue-slider-thumb),:where([dir=rtl]) :where(.skdx-color-picker__alpha-slider-thumb){translate:50% 50%}:where(.skdx-color-picker__area-thumb){inset-inline-start:var(--skdx-color-picker-saturation, 0%);inset-block-end:var(--skdx-color-picker-brightness, 0%)}:where(.skdx-color-picker__hue-slider-thumb){inset-inline-start:var(--skdx-color-picker-hue-position, 0%);inset-block-end:50%}:where(.skdx-color-picker__alpha-slider-thumb){inset-inline-start:var(--skdx-color-picker-alpha-position, 0%);inset-block-end:50%}:where(.skdx-color-picker__area-thumb)>[role=slider]{position:absolute;inset:0;border-radius:inherit}:where(.skdx-color-picker__hue-slider),:where(.skdx-color-picker__alpha-slider){position:relative;block-size:var(--skdx-color-picker-track-thickness, var(--skdx-space-3));border-radius:var(--skdx-radius-full);touch-action:none}:where(.skdx-color-picker__hue-slider)[data-disabled],:where(.skdx-color-picker__alpha-slider)[data-disabled]{cursor:not-allowed}:where(.skdx-color-picker__hue-slider){background-image:linear-gradient(to right,red,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red)}:where([dir=rtl]) :where(.skdx-color-picker__hue-slider){background-image:linear-gradient(to left,red,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red)}:where(.skdx-color-picker__alpha-slider){background-image:linear-gradient(to right,transparent,var(--skdx-color-picker-value, #000)),conic-gradient(var(--skdx-color-border-subtle, #0000) 0deg 90deg,transparent 90deg 180deg,var(--skdx-color-border-subtle, #0000) 180deg 270deg,transparent 270deg);background-size:100% 100%,var(--skdx-space-2) var(--skdx-space-2)}:where([dir=rtl]) :where(.skdx-color-picker__alpha-slider){background-image:linear-gradient(to left,transparent,var(--skdx-color-picker-value, #000)),conic-gradient(var(--skdx-color-border-subtle, #0000) 0deg 90deg,transparent 90deg 180deg,var(--skdx-color-border-subtle, #0000) 180deg 270deg,transparent 270deg)}:where(.skdx-color-picker__swatch){inline-size:var(--skdx-color-picker-swatch-size, var(--skdx-control-height-md));block-size:var(--skdx-color-picker-swatch-size, var(--skdx-control-height-md));background-color:var(--skdx-color-picker-swatch-value, transparent);border:var(--skdx-border-width-thin) solid var(--skdx-color-border-default);border-radius:var(--skdx-radius-sm);cursor:pointer}:where(.skdx-color-picker__swatch)[data-state=checked]{border-color:var(--skdx-color-border-accent);border-width:var(--skdx-border-width-thick)}:where(.skdx-color-picker__swatch)[data-disabled]{border-color:var(--skdx-color-border-disabled);cursor:not-allowed}:where(.skdx-color-picker__swatch)[data-readonly]{cursor:default}:where(.skdx-color-picker__swatch-group){display:flex;flex-wrap:wrap;gap:var(--skdx-space-2)}:where(.skdx-color-picker__eye-dropper),:where(.skdx-color-picker__format-select){min-block-size:var(--skdx-control-height-sm);color:var(--skdx-color-text-default);background-color:var(--skdx-color-action-secondary-bg);border:var(--skdx-border-width-thin) solid var(--skdx-color-action-secondary-border);border-radius:var(--skdx-radius-sm);cursor:pointer}:where(.skdx-color-picker__eye-dropper){position:relative;display:inline-flex;align-items:center;justify-content:center}:where(.skdx-color-picker__eye-dropper):before{content:"";inline-size:var(--skdx-space-3);block-size:var(--skdx-border-width-thick);background-color:currentColor;border-radius:var(--skdx-radius-full);rotate:-45deg}:where(.skdx-color-picker__eye-dropper):after{content:"";position:absolute;inset-inline-start:50%;inset-block-start:50%;inline-size:var(--skdx-space-2);block-size:var(--skdx-space-2);background-color:currentColor;border-radius:var(--skdx-radius-full);translate:calc(-50% + var(--skdx-space-2)) calc(-50% - var(--skdx-space-2))}:where(.skdx-color-picker__eye-dropper)[data-disabled],:where(.skdx-color-picker__format-select)[data-disabled]{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}:where(.skdx-color-picker__eye-dropper)[data-readonly],:where(.skdx-color-picker__format-select)[data-readonly]{cursor:default}:where(.skdx-color-picker__input){inline-size:100%;block-size:var(--skdx-control-height-sm);padding-inline: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-sm);font-family:var(--skdx-font-family-mono);font-size:var(--skdx-font-size-xs)}:where(.skdx-color-picker__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-color-picker__input)[data-readonly]{cursor:default}:where(.skdx-color-picker__eye-dropper):hover:not([data-disabled],[data-readonly]),:where(.skdx-color-picker__format-select):hover:not([data-disabled],[data-readonly]){background-color:var(--skdx-color-surface-hover);border-color:var(--skdx-color-border-strong)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"../internal/_trigger.css";@import"../internal/_overlay.css";@import"../internal/_collection.css";@layer skdx-components{:where(.skdx-combobox__content){padding:var(--skdx-overlay-padding)}:where(.skdx-combobox__input),:where(.skdx-combobox__input)[data-size=md]{--skdx-combobox-block-size: var(--skdx-control-height-md);--skdx-combobox-padding-inline: var(--skdx-control-padding-md);--skdx-combobox-font-size: var(--skdx-font-size-sm)}:where(.skdx-combobox__input)[data-size=sm]{--skdx-combobox-block-size: var(--skdx-control-height-sm);--skdx-combobox-padding-inline: var(--skdx-control-padding-sm);--skdx-combobox-font-size: var(--skdx-font-size-xs)}:where(.skdx-combobox__input)[data-size=lg]{--skdx-combobox-block-size: var(--skdx-control-height-lg);--skdx-combobox-padding-inline: var(--skdx-control-padding-lg);--skdx-combobox-font-size: var(--skdx-font-size-md)}:where(.skdx-combobox__input),:where(.skdx-combobox__input)[data-shape=rounded]{--skdx-combobox-radius: var(--skdx-radius-md)}:where(.skdx-combobox__input)[data-shape=square]{--skdx-combobox-radius: 0}:where(.skdx-combobox__input){inline-size:100%;block-size:var(--skdx-combobox-block-size);padding-inline:var(--skdx-combobox-padding-inline);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-combobox-radius);font-size:var(--skdx-combobox-font-size)}:where(.skdx-combobox__input)::placeholder{color:var(--skdx-color-text-placeholder);opacity:1}:where(.skdx-combobox__input):focus-visible{border-color:var(--skdx-color-field-border-focus)}:where(.skdx-combobox__input)[data-invalid]{border-color:var(--skdx-color-field-border-invalid);border-width:var(--skdx-border-width-thick)}:where(.skdx-combobox__input):disabled{color:var(--skdx-color-text-disabled);background-color:var(--skdx-color-field-bg-disabled);cursor:not-allowed}:where(.skdx-combobox__clear){display:inline-flex;align-items:center;justify-content:center;color:var(--skdx-color-text-muted);background:
|
|
1
|
+
@import"../internal/_trigger.css";@import"../internal/_overlay.css";@import"../internal/_collection.css";@layer skdx-components{:where(.skdx-combobox__content){padding:var(--skdx-overlay-padding)}:where(.skdx-combobox__input),:where(.skdx-combobox__input)[data-size=md]{--skdx-combobox-block-size: var(--skdx-control-height-md);--skdx-combobox-padding-inline: var(--skdx-control-padding-md);--skdx-combobox-font-size: var(--skdx-font-size-sm)}:where(.skdx-combobox__input)[data-size=sm]{--skdx-combobox-block-size: var(--skdx-control-height-sm);--skdx-combobox-padding-inline: var(--skdx-control-padding-sm);--skdx-combobox-font-size: var(--skdx-font-size-xs)}:where(.skdx-combobox__input)[data-size=lg]{--skdx-combobox-block-size: var(--skdx-control-height-lg);--skdx-combobox-padding-inline: var(--skdx-control-padding-lg);--skdx-combobox-font-size: var(--skdx-font-size-md)}:where(.skdx-combobox__input),:where(.skdx-combobox__input)[data-shape=rounded]{--skdx-combobox-radius: var(--skdx-radius-md)}:where(.skdx-combobox__input)[data-shape=square]{--skdx-combobox-radius: 0}:where(.skdx-combobox__input){inline-size:100%;block-size:var(--skdx-combobox-block-size);padding-inline:var(--skdx-combobox-padding-inline);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-combobox-radius);font-size:var(--skdx-combobox-font-size)}:where(.skdx-combobox__input)::placeholder{color:var(--skdx-color-text-placeholder);opacity:1}:where(.skdx-combobox__input):focus-visible{border-color:var(--skdx-color-field-border-focus)}:where(.skdx-combobox__input)[data-invalid]{border-color:var(--skdx-color-field-border-invalid);border-width:var(--skdx-border-width-thick)}:where(.skdx-combobox__input):disabled{color:var(--skdx-color-text-disabled);background-color:var(--skdx-color-field-bg-disabled);cursor:not-allowed}:where(.skdx-combobox__clear){display:inline-flex;align-items:center;justify-content:center;min-inline-size:var(--skdx-control-height-md);block-size:var(--skdx-control-height-md);padding-inline:var(--skdx-space-2);color:var(--skdx-color-text-muted);background-color:var(--skdx-color-field-bg);border:var(--skdx-border-width-thin) solid var(--skdx-color-field-border);border-radius:var(--skdx-radius-md);cursor:pointer}:where(.skdx-combobox__clear):hover:not(:disabled){color:var(--skdx-color-text-danger)}:where(.skdx-combobox__clear):disabled{color:var(--skdx-color-text-disabled);cursor:default}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"../internal/_overlay.css";@import"../internal/_collection.css";@layer skdx-components{:where(.skdx-command){display:flex;flex-direction:column;overflow:hidden;--skdx-focus-ring-offset: var(--skdx-focus-ring-offset-inset);background-color:var(--skdx-color-surface-raised);border:var(--skdx-border-width-thin) solid var(--skdx-color-border-default);border-radius:var(--skdx-overlay-radius);box-shadow:var(--skdx-shadow-overlay)}:where(.skdx-command__input){inline-size:100%;block-size:var(--skdx-control-height-lg);padding-inline:var(--skdx-space-4);color:var(--skdx-color-field-text);background:transparent;border:0;border-block-end:var(--skdx-border-width-thin) solid var(--skdx-color-border-default);border-radius:0;font-size:var(--skdx-font-size-md)}:where(.skdx-command__input)::placeholder{color:var(--skdx-color-text-placeholder);opacity:1}:where(.skdx-command__list){max-block-size:20rem;overflow:auto;--skdx-focus-ring-offset: var(--skdx-focus-ring-offset-inset);padding:var(--skdx-overlay-padding)}:where(.skdx-command__loading,.skdx-command__empty){padding-inline:var(--skdx-space-2);padding-block:var(--skdx-space-3);color:var(--skdx-color-text-muted);font-size:var(--skdx-font-size-sm);text-align:center}}
|
|
1
|
+
@import"../internal/_overlay.css";@import"../internal/_collection.css";@layer skdx-components{:where(.skdx-command){display:flex;flex-direction:column;min-inline-size:min(20rem,calc(100vw - var(--skdx-space-8)));overflow:hidden;--skdx-focus-ring-offset: var(--skdx-focus-ring-offset-inset);background-color:var(--skdx-color-surface-raised);border:var(--skdx-border-width-thin) solid var(--skdx-color-border-default);border-radius:var(--skdx-overlay-radius);box-shadow:var(--skdx-shadow-overlay)}:where(.skdx-command__input){inline-size:100%;block-size:var(--skdx-control-height-lg);padding-inline:var(--skdx-space-4);color:var(--skdx-color-field-text);background:transparent;border:0;border-block-end:var(--skdx-border-width-thin) solid var(--skdx-color-border-default);border-radius:0;font-size:var(--skdx-font-size-md)}:where(.skdx-command__input)::placeholder{color:var(--skdx-color-text-placeholder);opacity:1}:where(.skdx-command__list){max-block-size:20rem;overflow:auto;--skdx-focus-ring-offset: var(--skdx-focus-ring-offset-inset);padding:var(--skdx-overlay-padding)}:where(.skdx-command__loading,.skdx-command__empty){padding-inline:var(--skdx-space-2);padding-block:var(--skdx-space-3);color:var(--skdx-color-text-muted);font-size:var(--skdx-font-size-sm);text-align:center}:where(button.skdx-command__item){inline-size:100%;border:0;background:none;font:inherit;text-align:start}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"../internal/_actuator.css";@import"../internal/_trigger.css";@import"../internal/_overlay.css";@import"calendar.css";@layer skdx-components{:where(.skdx-date-picker__content){padding:var(--skdx-space-2);min-inline-size:0}:where(.skdx-date-picker__calendar){padding:var(--skdx-space-2)}:where(.skdx-date-picker__time-field){display:flex;align-items:center;gap:var(--skdx-space-2);padding-inline:var(--skdx-space-2);padding-block-end:var(--skdx-space-2)}:where(.skdx-date-picker__input){flex:1;min-inline-size:0;color:var(--skdx-color-field-text);background:transparent;border:0;font-size:var(--skdx-font-size-sm)}:where(.skdx-date-picker__trigger):hover:not([data-disabled]){border-color:var(--skdx-color-field-border-hover);background-color:var(--skdx-color-field-bg-hover)}:where(.skdx-date-picker__trigger)[data-invalid]{border-color:var(--skdx-color-field-border-invalid);border-width:var(--skdx-border-width-thick)}@media(forced-colors:active){:where(.skdx-date-picker__trigger)[data-invalid]{border-style:double}}:where(.skdx-date-picker__close){inline-size:auto;padding-inline:var(--skdx-control-padding-md)}}
|
|
1
|
+
@import"../internal/_actuator.css";@import"../internal/_trigger.css";@import"../internal/_overlay.css";@import"calendar.css";@layer skdx-components{:where(.skdx-date-picker__content){padding:var(--skdx-space-2);min-inline-size:0;display:flex;flex-direction:column;gap:var(--skdx-space-2)}:where(.skdx-date-picker__content[hidden]){display:none}:where(.skdx-date-picker__calendar){padding:var(--skdx-space-2)}:where(.skdx-date-picker__time-field){display:flex;align-items:center;gap:var(--skdx-space-2);padding-inline:var(--skdx-space-2);padding-block-end:var(--skdx-space-2)}:where(.skdx-date-picker__input){flex:1;min-inline-size:0;color:var(--skdx-color-field-text);background:transparent;border:0;font-size:var(--skdx-font-size-sm)}:where(.skdx-date-picker__trigger):hover:not([data-disabled]){border-color:var(--skdx-color-field-border-hover);background-color:var(--skdx-color-field-bg-hover)}:where(.skdx-date-picker__trigger)[data-invalid]{border-color:var(--skdx-color-field-border-invalid);border-width:var(--skdx-border-width-thick)}@media(forced-colors:active){:where(.skdx-date-picker__trigger)[data-invalid]{border-style:double}}:where(.skdx-date-picker__close){inline-size:auto;padding-inline:var(--skdx-control-padding-md)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"../internal/_actuator.css";@import"../internal/_overlay.css";@layer skdx-components{:where(.skdx-dialog__content){position:fixed;inset-block-start:50%;left:50%;translate:-50% -50%;inline-size:min(32rem,calc(100vw - var(--skdx-space-8)));max-block-size:calc(100dvh - var(--skdx-space-8));display:flex;flex-direction:column;padding:var(--skdx-space-6);gap:var(--skdx-space-4);border-radius:var(--skdx-overlay-radius);z-index:var(--skdx-z-index-modal)}:where(.skdx-dialog__content[data-size=sm]){inline-size:min(24rem,calc(100vw - var(--skdx-space-8)))}:where(.skdx-dialog__content[data-size=md]){inline-size:min(32rem,calc(100vw - var(--skdx-space-8)))}:where(.skdx-dialog__content[data-size=lg]){inline-size:min(48rem,calc(100vw - var(--skdx-space-8)))}:where(dialog.skdx-dialog__content:not([open])){display:none}:where(.skdx-dialog__title){font-size:var(--skdx-font-size-lg);font-weight:var(--skdx-font-weight-semibold);line-height:var(--skdx-font-line-height-tight);color:var(--skdx-color-text-default)}:where(.skdx-dialog__description){font-size:var(--skdx-font-size-sm);line-height:var(--skdx-font-line-height-relaxed);color:var(--skdx-color-text-muted)}:where(.skdx-dialog__content)>:where(.skdx-dialog__close),:where(.skdx-dialog__content)>:where(:not([class*=skdx-]):has(>.skdx-dialog__close))>:where(.skdx-dialog__close){position:absolute;inset-block-start:var(--skdx-space-3);inset-inline-end:var(--skdx-space-3)}:where(.skdx-dialog__close){display:inline-flex;align-items:center;justify-content:center;min-inline-size:var(--skdx-target-min);min-block-size:var(--skdx-target-min);color:var(--skdx-color-text-muted);background:transparent;border:0;border-radius:var(--skdx-radius-sm);cursor:pointer}:where(.skdx-dialog__close):hover{color:var(--skdx-color-text-default);background-color:var(--skdx-color-action-ghost-bg-hover)}@media(max-width:
|
|
1
|
+
@import"../internal/_actuator.css";@import"../internal/_overlay.css";@layer skdx-components{:where(.skdx-dialog__content){position:fixed;inset-block-start:50%;left:50%;translate:-50% -50%;inline-size:min(var(--skdx-overlay-width-md, 32rem),calc(100vw - var(--skdx-space-8)));max-block-size:calc(100dvh - var(--skdx-space-8));display:flex;flex-direction:column;padding:var(--skdx-space-6);gap:var(--skdx-space-4);border-radius:var(--skdx-overlay-radius);z-index:var(--skdx-z-index-modal)}:where(.skdx-dialog__content[data-size=sm]){inline-size:min(var(--skdx-overlay-width-sm, 24rem),calc(100vw - var(--skdx-space-8)))}:where(.skdx-dialog__content[data-size=md]){inline-size:min(var(--skdx-overlay-width-md, 32rem),calc(100vw - var(--skdx-space-8)))}:where(.skdx-dialog__content[data-size=lg]){inline-size:min(var(--skdx-overlay-width-lg, 48rem),calc(100vw - var(--skdx-space-8)))}:where(.skdx-dialog__content[role=alertdialog]){inline-size:min(var(--skdx-overlay-width-sm, 24rem),calc(100vw - var(--skdx-space-8)))}:where(.skdx-dialog__content[data-status]){border-block-start:var(--skdx-border-width-thicker) solid transparent}:where(.skdx-dialog__content[data-status=info]){border-block-start-color:var(--skdx-color-status-info-border)}:where(.skdx-dialog__content[data-status=success]){border-block-start-color:var(--skdx-color-status-success-border)}:where(.skdx-dialog__content[data-status=warning]){border-block-start-color:var(--skdx-color-status-warning-border)}:where(.skdx-dialog__content[data-status=danger]){border-block-start-color:var(--skdx-color-status-danger-border)}:where(dialog.skdx-dialog__content:not([open])){display:none}:where(.skdx-dialog__title){margin:0;font-size:var(--skdx-font-size-lg);font-weight:var(--skdx-font-weight-semibold);line-height:var(--skdx-font-line-height-tight);color:var(--skdx-color-text-default)}:where(.skdx-dialog__description){margin:0;font-size:var(--skdx-font-size-sm);line-height:var(--skdx-font-line-height-relaxed);color:var(--skdx-color-text-muted)}:where(.skdx-dialog__content)>:where(.skdx-dialog__close),:where(.skdx-dialog__content)>:where(:not([class*=skdx-]):has(>.skdx-dialog__close))>:where(.skdx-dialog__close){position:absolute;inset-block-start:var(--skdx-space-3);inset-inline-end:var(--skdx-space-3)}:where(.skdx-dialog__close){display:inline-flex;align-items:center;justify-content:center;min-inline-size:var(--skdx-target-min);min-block-size:var(--skdx-target-min);color:var(--skdx-color-text-muted);background:transparent;border:0;border-radius:var(--skdx-radius-sm);cursor:pointer}:where(.skdx-dialog__close):hover{color:var(--skdx-color-text-default);background-color:var(--skdx-color-action-ghost-bg-hover)}@media(max-width:40rem){:where(.skdx-dialog__content){inline-size:100vw;max-inline-size:100vw;inset-block-start:auto;inset-block-end:0;inset-inline-start:0;translate:none;border-start-start-radius:var(--skdx-overlay-radius);border-start-end-radius:var(--skdx-overlay-radius);border-end-start-radius:0;border-end-end-radius:0}}:where(.skdx-dialog__body){flex:1;min-block-size:0;overflow:auto;--skdx-focus-ring-offset: var(--skdx-focus-ring-offset-inset);font-size:var(--skdx-font-size-sm);line-height:var(--skdx-font-line-height-relaxed);color:var(--skdx-color-text-default)}:where(.skdx-dialog__footer){display:flex;justify-content:flex-end;gap:var(--skdx-space-2);flex-wrap:wrap}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import"../base.css";@layer skdx-components{:where(.skdx-divider){--skdx-divider-color: var(--skdx-color-separator);--skdx-divider-thickness: var(--skdx-border-width-thin);--skdx-divider-inset: var(--skdx-space-4);--skdx-divider-min-length: var(--skdx-control-height-md);flex:none;margin:0;border:0;background-color:var(--skdx-divider-color)}:where(.skdx-divider)[data-orientation=horizontal]{inline-size:100%;block-size:var(--skdx-divider-thickness)}:where(.skdx-divider)[data-orientation=vertical]{inline-size:var(--skdx-divider-thickness);align-self:stretch;block-size:auto;min-block-size:var(--skdx-divider-min-length)}:where(.skdx-divider)[data-inset=inset][data-orientation=horizontal]{inline-size:auto;margin-inline:var(--skdx-divider-inset)}:where(.skdx-divider)[data-inset=inset][data-orientation=vertical]{margin-block:var(--skdx-divider-inset)}@media(forced-colors:active){:where(.skdx-divider){background-color:CanvasText}}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"../internal/_actuator.css";@import"../internal/_overlay.css";@layer skdx-components{:where(.skdx-drawer__content){position:fixed;z-index:var(--skdx-z-index-modal);display:flex;flex-direction:column;gap:var(--skdx-space-4);padding:var(--skdx-space-6);background-color:var(--skdx-color-surface-raised);box-shadow:var(--skdx-shadow-overlay);border-radius:0;max-block-size:100dvh;overflow:auto;--skdx-focus-ring-offset: var(--skdx-focus-ring-offset-inset)}:where(.skdx-drawer__content)[hidden]{display:none}:where(.skdx-drawer__content)[data-side=left]{inset-block:0;left:0;inline-size:min(20rem,90vw);border-top-right-radius:var(--skdx-overlay-radius);border-bottom-right-radius:var(--skdx-overlay-radius)}:where(.skdx-drawer__content)[data-side=right]{inset-block:0;right:0;inline-size:min(20rem,90vw);border-top-left-radius:var(--skdx-overlay-radius);border-bottom-left-radius:var(--skdx-overlay-radius)}:where(.skdx-drawer__content)[data-side=top]{inset-inline:0;inset-block-start:0;block-size:auto;border-end-start-radius:var(--skdx-overlay-radius);border-end-end-radius:var(--skdx-overlay-radius)}:where(.skdx-drawer__content)[data-side=bottom]{inset-inline:0;inset-block-end:0;block-size:auto;border-start-start-radius:var(--skdx-overlay-radius);border-start-end-radius:var(--skdx-overlay-radius)}:where(.skdx-drawer__content)[data-side=left][data-size=sm],:where(.skdx-drawer__content)[data-side=right][data-size=sm]{inline-size:min(16rem,90vw)}:where(.skdx-drawer__content)[data-side=left][data-size=md],:where(.skdx-drawer__content)[data-side=right][data-size=md]{inline-size:min(20rem,90vw)}:where(.skdx-drawer__content)[data-side=left][data-size=lg],:where(.skdx-drawer__content)[data-side=right][data-size=lg]{inline-size:min(30rem,90vw)}:where(.skdx-drawer__content)[data-side=top][data-size=sm],:where(.skdx-drawer__content)[data-side=bottom][data-size=sm]{block-size:min(12rem,90dvh)}:where(.skdx-drawer__content)[data-side=top][data-size=md],:where(.skdx-drawer__content)[data-side=bottom][data-size=md]{block-size:min(20rem,90dvh)}:where(.skdx-drawer__content)[data-side=top][data-size=lg],:where(.skdx-drawer__content)[data-side=bottom][data-size=lg]{block-size:min(30rem,90dvh)}:where(.skdx-drawer__content)[data-side=left][data-state=open]{animation:skdx-slide-in-from-start var(--skdx-motion-duration-normal) var(--skdx-motion-easing)}:where(.skdx-drawer__content)[data-side=right][data-state=open]{animation:skdx-slide-in-from-end var(--skdx-motion-duration-normal) var(--skdx-motion-easing)}:where(.skdx-drawer__content)[data-side=top][data-state=open]{animation:skdx-slide-in-from-top var(--skdx-motion-duration-normal) var(--skdx-motion-easing)}:where(.skdx-drawer__content)[data-side=bottom][data-state=open]{animation:skdx-slide-in-from-bottom var(--skdx-motion-duration-normal) var(--skdx-motion-easing)}:where(.skdx-drawer__title){font-size:var(--skdx-font-size-lg);font-weight:var(--skdx-font-weight-semibold)}:where(.skdx-drawer__description){font-size:var(--skdx-font-size-sm);color:var(--skdx-color-text-muted)}:where(.skdx-drawer__content)>:where(.skdx-drawer__close),:where(.skdx-drawer__content)>:where(:not([class*=skdx-]):has(>.skdx-drawer__close))>:where(.skdx-drawer__close){position:absolute;inset-block-start:var(--skdx-space-3);inset-inline-end:var(--skdx-space-3)}:where(.skdx-drawer__close){min-inline-size:var(--skdx-target-min);min-block-size:var(--skdx-target-min);color:var(--skdx-color-text-muted);background:transparent;border:0;border-radius:var(--skdx-radius-sm);cursor:pointer}}
|
|
1
|
+
@import"../internal/_actuator.css";@import"../internal/_overlay.css";@layer skdx-components{:where(.skdx-drawer__content){position:fixed;z-index:var(--skdx-z-index-modal);display:flex;flex-direction:column;gap:var(--skdx-space-4);padding:var(--skdx-space-6);background-color:var(--skdx-color-surface-raised);box-shadow:var(--skdx-shadow-overlay);border-radius:0;max-block-size:100dvh;overflow:auto;--skdx-focus-ring-offset: var(--skdx-focus-ring-offset-inset)}:where(.skdx-drawer__content)[hidden]{display:none}:where(.skdx-drawer__content)[data-side=left]{inset-block:0;left:0;inline-size:min(20rem,90vw);border-top-right-radius:var(--skdx-overlay-radius);border-bottom-right-radius:var(--skdx-overlay-radius)}:where(.skdx-drawer__content)[data-side=right]{inset-block:0;right:0;inline-size:min(20rem,90vw);border-top-left-radius:var(--skdx-overlay-radius);border-bottom-left-radius:var(--skdx-overlay-radius)}:where(.skdx-drawer__content)[data-side=top]{inset-inline:0;inset-block-start:0;block-size:auto;border-end-start-radius:var(--skdx-overlay-radius);border-end-end-radius:var(--skdx-overlay-radius)}:where(.skdx-drawer__content)[data-side=bottom]{inset-inline:0;inset-block-end:0;block-size:auto;border-start-start-radius:var(--skdx-overlay-radius);border-start-end-radius:var(--skdx-overlay-radius)}:where(.skdx-drawer__content)[data-side=left][data-size=sm],:where(.skdx-drawer__content)[data-side=right][data-size=sm]{inline-size:min(16rem,90vw)}:where(.skdx-drawer__content)[data-side=left][data-size=md],:where(.skdx-drawer__content)[data-side=right][data-size=md]{inline-size:min(20rem,90vw)}:where(.skdx-drawer__content)[data-side=left][data-size=lg],:where(.skdx-drawer__content)[data-side=right][data-size=lg]{inline-size:min(30rem,90vw)}:where(.skdx-drawer__content)[data-side=top][data-size=sm],:where(.skdx-drawer__content)[data-side=bottom][data-size=sm]{block-size:min(12rem,90dvh)}:where(.skdx-drawer__content)[data-side=top][data-size=md],:where(.skdx-drawer__content)[data-side=bottom][data-size=md]{block-size:min(20rem,90dvh)}:where(.skdx-drawer__content)[data-side=top][data-size=lg],:where(.skdx-drawer__content)[data-side=bottom][data-size=lg]{block-size:min(30rem,90dvh)}:where(.skdx-drawer__content)[data-side=left][data-state=open]{animation:skdx-slide-in-from-start var(--skdx-motion-duration-normal) var(--skdx-motion-easing)}:where(.skdx-drawer__content)[data-side=right][data-state=open]{animation:skdx-slide-in-from-end var(--skdx-motion-duration-normal) var(--skdx-motion-easing)}:where(.skdx-drawer__content)[data-side=top][data-state=open]{animation:skdx-slide-in-from-top var(--skdx-motion-duration-normal) var(--skdx-motion-easing)}:where(.skdx-drawer__content)[data-side=bottom][data-state=open]{animation:skdx-slide-in-from-bottom var(--skdx-motion-duration-normal) var(--skdx-motion-easing)}:where(.skdx-drawer__title){font-size:var(--skdx-font-size-lg);font-weight:var(--skdx-font-weight-semibold)}:where(.skdx-drawer__description){font-size:var(--skdx-font-size-sm);color:var(--skdx-color-text-muted)}:where(.skdx-drawer__content)>:where(.skdx-drawer__close),:where(.skdx-drawer__content)>:where(:not([class*=skdx-]):has(>.skdx-drawer__close))>:where(.skdx-drawer__close){position:absolute;inset-block-start:var(--skdx-space-3);inset-inline-end:var(--skdx-space-3)}:where(.skdx-drawer__body){flex:1;min-block-size:0;overflow:auto;--skdx-focus-ring-offset: var(--skdx-focus-ring-offset-inset);font-size:var(--skdx-font-size-sm);line-height:var(--skdx-font-line-height-relaxed);color:var(--skdx-color-text-default)}:where(.skdx-drawer__footer){display:flex;justify-content:flex-end;gap:var(--skdx-space-2);flex-wrap:wrap}:where(.skdx-drawer__close){min-inline-size:var(--skdx-target-min);min-block-size:var(--skdx-target-min);color:var(--skdx-color-text-muted);background:transparent;border:0;border-radius:var(--skdx-radius-sm);cursor:pointer}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"../internal/_actuator.css";@import"../base.css";@layer skdx-components{:where(.skdx-file-upload){display:flex;flex-direction:column;gap:var(--skdx-space-3)}:where(.skdx-file-upload__dropzone){display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--skdx-space-2);padding:var(--skdx-space-6);text-align:center;color:var(--skdx-color-text-muted);background-color:var(--skdx-color-surface-default);border:var(--skdx-border-width-thick) dashed var(--skdx-color-border-default);border-radius:var(--skdx-radius-lg);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-file-upload__dropzone):hover{border-color:var(--skdx-color-border-strong)}:where(.skdx-file-upload__dropzone)[data-dragging]{border-style:solid;border-color:var(--skdx-color-border-accent);background-color:var(--skdx-color-surface-selected);color:var(--skdx-color-text-accent)}:where(.skdx-file-upload__dropzone)[data-invalid]{border-color:var(--skdx-color-border-danger);color:var(--skdx-color-text-danger)}:where(.skdx-file-upload__dropzone)[data-disabled]{background-color:var(--skdx-color-surface-disabled);color:var(--skdx-color-text-disabled);cursor:not-allowed}:where(.skdx-file-upload__item){display:flex;align-items:center;gap:var(--skdx-space-3);padding:var(--skdx-space-2);font-size:var(--skdx-font-size-sm);background-color:var(--skdx-color-surface-default);border:var(--skdx-border-width-thin) solid var(--skdx-color-border-default);border-radius:var(--skdx-radius-md)}:where(.skdx-file-upload__item)[data-invalid]{border-color:var(--skdx-color-border-danger)}:where(.skdx-file-upload__item-delete){color:var(--skdx-color-text-muted);background:transparent;border:0;border-radius:var(--skdx-radius-sm);cursor:pointer}:where(.skdx-file-upload__item-delete):hover{color:var(--skdx-color-text-danger)}@media(forced-colors:active){:where(.skdx-file-upload__dropzone)[data-dragging]{border-color:Highlight}}:where(.skdx-file-upload__input){position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0;--skdx-focus-ring-offset: var(--skdx-focus-ring-offset-inset)}:where(.skdx-file-upload__item-name){flex:1;min-inline-size:0;overflow:hidden;--skdx-focus-ring-offset: var(--skdx-focus-ring-offset-inset);text-overflow:ellipsis;white-space:nowrap}:where(.skdx-file-upload__item-size){color:var(--skdx-color-text-muted);font-variant-numeric:tabular-nums}:where(.skdx-file-upload__item-group){display:flex;flex-direction:column;gap:var(--skdx-space-2);margin:0;padding:0;list-style:none}:where(.skdx-file-upload__item-preview){display:inline-flex;flex:none;align-items:center;justify-content:center}:where(.skdx-file-upload__clear){display:inline-flex;align-items:center;padding:var(--skdx-space-1) var(--skdx-space-2);color:var(--skdx-color-text-muted);background:none;border:0;border-radius:var(--skdx-radius-sm);font-size:var(--skdx-font-size-sm);cursor:pointer}:where(.skdx-file-upload__clear):hover:not(:disabled,[data-disabled]){color:var(--skdx-color-text-danger)}:where(.skdx-file-upload__clear):disabled{color:var(--skdx-color-text-disabled);cursor:not-allowed}}
|
|
1
|
+
@import"../internal/_actuator.css";@import"../base.css";@import"../internal/_hit-target.css";@layer skdx-components{:where(.skdx-file-upload){display:flex;flex-direction:column;gap:var(--skdx-space-3)}:where(.skdx-file-upload__dropzone){display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--skdx-space-2);padding:var(--skdx-space-6);text-align:center;color:var(--skdx-color-text-muted);background-color:var(--skdx-color-surface-default);border:var(--skdx-border-width-thick) dashed var(--skdx-color-border-default);border-radius:var(--skdx-radius-lg);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-file-upload__dropzone):hover{border-color:var(--skdx-color-border-strong)}:where(.skdx-file-upload__dropzone)[data-dragging]{border-style:solid;border-color:var(--skdx-color-border-accent);background-color:var(--skdx-color-surface-selected);color:var(--skdx-color-text-accent)}:where(.skdx-file-upload__dropzone)[data-invalid]{border-color:var(--skdx-color-border-danger);color:var(--skdx-color-text-danger)}:where(.skdx-file-upload__dropzone)[data-disabled]{background-color:var(--skdx-color-surface-disabled);color:var(--skdx-color-text-disabled);cursor:not-allowed}:where(.skdx-file-upload__item){display:flex;align-items:center;gap:var(--skdx-space-3);padding:var(--skdx-space-2);font-size:var(--skdx-font-size-sm);background-color:var(--skdx-color-surface-default);border:var(--skdx-border-width-thin) solid var(--skdx-color-border-default);border-radius:var(--skdx-radius-md)}:where(.skdx-file-upload__item)[data-invalid]{border-color:var(--skdx-color-border-danger)}:where(.skdx-file-upload__item-delete){position:relative;color:var(--skdx-color-text-muted);background:transparent;border:0;border-radius:var(--skdx-radius-sm);cursor:pointer}:where(.skdx-file-upload__item-delete):hover{color:var(--skdx-color-text-danger)}@media(forced-colors:active){:where(.skdx-file-upload__dropzone)[data-dragging]{border-color:Highlight}}:where(.skdx-file-upload__input){position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0;--skdx-focus-ring-offset: var(--skdx-focus-ring-offset-inset)}:where(.skdx-file-upload__item-name){flex:1;min-inline-size:0;overflow:hidden;--skdx-focus-ring-offset: var(--skdx-focus-ring-offset-inset);text-overflow:ellipsis;white-space:nowrap}:where(.skdx-file-upload__item-size){color:var(--skdx-color-text-muted);font-variant-numeric:tabular-nums}:where(.skdx-file-upload__item-group){display:flex;flex-direction:column;gap:var(--skdx-space-2);margin:0;padding:0;list-style:none}:where(.skdx-file-upload__item-preview){display:inline-flex;flex:none;align-items:center;justify-content:center}:where(.skdx-file-upload__clear){display:inline-flex;align-items:center;padding:var(--skdx-space-1) var(--skdx-space-2);color:var(--skdx-color-text-muted);background:none;border:0;border-radius:var(--skdx-radius-sm);font-size:var(--skdx-font-size-sm);cursor:pointer}:where(.skdx-file-upload__clear):hover:not(:disabled,[data-disabled]){color:var(--skdx-color-text-danger)}:where(.skdx-file-upload__clear):disabled{color:var(--skdx-color-text-disabled);cursor:not-allowed}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"../internal/_actuator.css";@import"../internal/_overlay.css";@layer skdx-components{:where(.skdx-floating-panel__content){position:fixed;z-index:var(--skdx-z-index-modal);left:var(--skdx-floating-panel-x, 0px);top:var(--skdx-floating-panel-y, 0px);inline-size:var(--skdx-floating-panel-width, auto);block-size:var(--skdx-floating-panel-height, auto);display:flex;flex-direction:column;min-inline-size:12rem;padding:0;overflow:hidden;--skdx-focus-ring-offset: var(--skdx-focus-ring-offset-inset)}:where(.skdx-floating-panel__content)[hidden]{display:none}:where(.skdx-floating-panel__header){display:flex;align-items:center;justify-content:space-between;gap:var(--skdx-space-2);padding-inline:var(--skdx-space-3);padding-block:var(--skdx-space-2);background-color:var(--skdx-color-surface-default);border-block-end:var(--skdx-border-width-thin) solid var(--skdx-color-border-default);cursor:move;user-select:none}:where(.skdx-floating-panel__title){font-size:var(--skdx-font-size-sm);font-weight:var(--skdx-font-weight-semibold)}:where(.skdx-floating-panel__stage-trigger),:where(.skdx-floating-panel__close-trigger){display:inline-flex;align-items:center;justify-content:center;min-inline-size:var(--skdx-target-min);min-block-size:var(--skdx-target-min);color:var(--skdx-color-text-muted);background:transparent;border:0;border-radius:var(--skdx-radius-sm);cursor:pointer}:where(.skdx-floating-panel__resize-trigger){position:absolute;touch-action:none;z-index:1}:where(.skdx-floating-panel__resize-trigger)[data-direction=n],:where(.skdx-floating-panel__resize-trigger)[data-direction=s]{left:0;right:0;block-size:var(--skdx-space-2);z-index:0}:where(.skdx-floating-panel__resize-trigger)[data-direction=n]{top:0}:where(.skdx-floating-panel__resize-trigger)[data-direction=s]{bottom:0}:where(.skdx-floating-panel__resize-trigger)[data-direction=e],:where(.skdx-floating-panel__resize-trigger)[data-direction=w]{top:0;bottom:0;inline-size:var(--skdx-space-2);z-index:0}:where(.skdx-floating-panel__resize-trigger)[data-direction=e]{right:0}:where(.skdx-floating-panel__resize-trigger)[data-direction=w]{left:0}:where(.skdx-floating-panel__resize-trigger)[data-direction=ne],:where(.skdx-floating-panel__resize-trigger)[data-direction=nw],:where(.skdx-floating-panel__resize-trigger)[data-direction=se],:where(.skdx-floating-panel__resize-trigger)[data-direction=sw]{inline-size:var(--skdx-space-3);block-size:var(--skdx-space-3)}:where(.skdx-floating-panel__resize-trigger)[data-direction=ne]{top:0;right:0}:where(.skdx-floating-panel__resize-trigger)[data-direction=nw]{top:0;left:0}:where(.skdx-floating-panel__resize-trigger)[data-direction=se]{bottom:0;right:0}:where(.skdx-floating-panel__resize-trigger)[data-direction=sw]{bottom:0;left:0}:where(.skdx-floating-panel__resize-trigger)[data-disabled]{cursor:default}:where(.skdx-floating-panel__content)[data-dragging],:where(.skdx-floating-panel__content)[data-resizing]{transition:none;animation:none;user-select:none}:where(.skdx-floating-panel__content)
|
|
1
|
+
@import"../internal/_actuator.css";@import"../internal/_overlay.css";@layer skdx-components{:where(.skdx-floating-panel__content){position:fixed;z-index:var(--skdx-z-index-modal);left:var(--skdx-floating-panel-x, 0px);top:var(--skdx-floating-panel-y, 0px);inline-size:var(--skdx-floating-panel-width, auto);block-size:var(--skdx-floating-panel-height, auto);display:flex;flex-direction:column;min-inline-size:12rem;padding:0;overflow:hidden;--skdx-focus-ring-offset: var(--skdx-focus-ring-offset-inset)}:where(.skdx-floating-panel__content)[hidden]{display:none}:where(.skdx-floating-panel__header){display:flex;align-items:center;justify-content:space-between;gap:var(--skdx-space-2);padding-inline:var(--skdx-space-3);padding-block:var(--skdx-space-2);background-color:var(--skdx-color-surface-default);border-block-end:var(--skdx-border-width-thin) solid var(--skdx-color-border-default);cursor:move;user-select:none}:where(.skdx-floating-panel__title){font-size:var(--skdx-font-size-sm);font-weight:var(--skdx-font-weight-semibold)}:where(.skdx-floating-panel__stage-trigger),:where(.skdx-floating-panel__close-trigger){display:inline-flex;align-items:center;justify-content:center;min-inline-size:var(--skdx-target-min);min-block-size:var(--skdx-target-min);color:var(--skdx-color-text-muted);background:transparent;border:0;border-radius:var(--skdx-radius-sm);cursor:pointer}:where(.skdx-floating-panel__resize-trigger){position:absolute;touch-action:none;z-index:1}:where(.skdx-floating-panel__resize-trigger)[data-direction=n],:where(.skdx-floating-panel__resize-trigger)[data-direction=s]{left:0;right:0;block-size:var(--skdx-space-2);z-index:0}:where(.skdx-floating-panel__resize-trigger)[data-direction=n]{top:0}:where(.skdx-floating-panel__resize-trigger)[data-direction=s]{bottom:0}:where(.skdx-floating-panel__resize-trigger)[data-direction=e],:where(.skdx-floating-panel__resize-trigger)[data-direction=w]{top:0;bottom:0;inline-size:var(--skdx-space-2);z-index:0}:where(.skdx-floating-panel__resize-trigger)[data-direction=e]{right:0}:where(.skdx-floating-panel__resize-trigger)[data-direction=w]{left:0}:where(.skdx-floating-panel__resize-trigger)[data-direction=ne],:where(.skdx-floating-panel__resize-trigger)[data-direction=nw],:where(.skdx-floating-panel__resize-trigger)[data-direction=se],:where(.skdx-floating-panel__resize-trigger)[data-direction=sw]{inline-size:var(--skdx-space-3);block-size:var(--skdx-space-3)}:where(.skdx-floating-panel__resize-trigger)[data-direction=ne]{top:0;right:0}:where(.skdx-floating-panel__resize-trigger)[data-direction=nw]{top:0;left:0}:where(.skdx-floating-panel__resize-trigger)[data-direction=se]{bottom:0;right:0}:where(.skdx-floating-panel__resize-trigger)[data-direction=sw]{bottom:0;left:0}:where(.skdx-floating-panel__resize-trigger)[data-disabled]{cursor:default}:where(.skdx-floating-panel__content)[data-dragging],:where(.skdx-floating-panel__content)[data-resizing]{transition:none;animation:none;user-select:none}:where(.skdx-floating-panel__content)>:where(:not(.skdx-floating-panel__header):not(.skdx-floating-panel__resize-trigger)){flex:1;min-block-size:0;overflow:auto;--skdx-focus-ring-offset: var(--skdx-focus-ring-offset-inset);padding:var(--skdx-space-3)}:where(.skdx-floating-panel__content)[data-stage=minimized]>:where(:not(.skdx-floating-panel__header):not(.skdx-floating-panel__resize-trigger)){display:none}}
|
package/dist/components/form.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"../internal/_actuator.css";@import"../base.css";@layer skdx-components{:where(.skdx-form){display:flex;flex-direction:column;gap:var(--skdx-space-4)}:where(.skdx-form)[data-density=compact]{gap:var(--skdx-space-2)}:where(.skdx-form)[data-density=compact] :where(.skdx-form__field){gap:var(--skdx-space-1)}:where(.skdx-form__error-summary){display:flex;flex-direction:column;gap:var(--skdx-space-2);padding:var(--skdx-space-3);color:var(--skdx-color-status-danger-text);background-color:var(--skdx-color-status-danger-bg);border:var(--skdx-border-width-thin) solid var(--skdx-color-status-danger-border);border-inline-start-width:var(--skdx-border-width-thicker);border-radius:var(--skdx-radius-md);font-size:var(--skdx-font-size-sm)}:where(.skdx-form__error-summary)[hidden]{display:none}@media(forced-colors:active){:where(.skdx-form__error-summary){border-color:CanvasText}}:where(.skdx-form__field){display:flex;flex-direction:column;gap:var(--skdx-field-gap)}:where(.skdx-form__label){font-size:var(--skdx-font-size-sm);font-weight:var(--skdx-font-weight-medium);color:var(--skdx-color-text-default)}:where(.skdx-form__control){inline-size:100%;block-size:var(--skdx-control-height-md);padding-inline:var(--skdx-control-padding-md);
|
|
1
|
+
@import"../internal/_actuator.css";@import"../base.css";@layer skdx-components{:where(.skdx-form){display:flex;flex-direction:column;gap:var(--skdx-space-4)}:where(.skdx-form)[data-density=compact]{gap:var(--skdx-space-2)}:where(.skdx-form)[data-density=compact] :where(.skdx-form__field){gap:var(--skdx-space-1)}:where(.skdx-form__error-summary){display:flex;flex-direction:column;gap:var(--skdx-space-2);padding:var(--skdx-space-3);color:var(--skdx-color-status-danger-text);background-color:var(--skdx-color-status-danger-bg);border:var(--skdx-border-width-thin) solid var(--skdx-color-status-danger-border);border-inline-start-width:var(--skdx-border-width-thicker);border-radius:var(--skdx-radius-md);font-size:var(--skdx-font-size-sm)}:where(.skdx-form__error-summary)[hidden]{display:none}@media(forced-colors:active){:where(.skdx-form__error-summary){border-color:CanvasText}}:where(.skdx-form__field){display:flex;flex-direction:column;gap:var(--skdx-field-gap)}:where(.skdx-form__label){font-size:var(--skdx-font-size-sm);font-weight:var(--skdx-font-weight-medium);color:var(--skdx-color-text-default)}:where(.skdx-form__control){color:var(--skdx-color-field-text);font-size:var(--skdx-font-size-sm)}:where(.skdx-form__control):not([type=checkbox]):not([type=radio]){inline-size:100%;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-md)}:where(.skdx-form__message){font-size:var(--skdx-font-size-xs);line-height:var(--skdx-font-line-height-normal);color:var(--skdx-color-text-danger)}:where(.skdx-form__error-summary-link){display:inline-block;color:inherit;text-decoration:underline}:where(.skdx-form__error-summary-list){display:flex;flex-direction:column;gap:var(--skdx-space-1);margin:0;padding-inline-start:var(--skdx-space-4)}:where(.skdx-form__error-summary-title){font-weight:var(--skdx-font-weight-semibold)}}
|
package/dist/components/link.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"../base.css";@layer skdx-components{:where(.skdx-link){--skdx-link-color: var(--skdx-color-text-accent);--skdx-link-color-hover: var(--skdx-link-color);--skdx-link-color-visited: var(--skdx-link-color);--skdx-link-underline-offset: var(--skdx-space-1);color:var(--skdx-link-color);text-underline-offset:var(--skdx-link-underline-offset);border-radius:var(--skdx-radius-sm)}:where(.skdx-link):visited{color:var(--skdx-link-color-visited)}:where(.skdx-link):hover{color:var(--skdx-link-color-hover)}:where(.skdx-link):focus-visible{outline:var(--skdx-focus-ring-width) solid var(--skdx-color-focus-ring);outline-offset:var(--skdx-focus-ring-offset)}:where(.skdx-link)[data-underline=always]{text-decoration-line:underline}:where(.skdx-link)[data-underline=auto]{text-decoration-line:none}:where(p,li,dd,td,th,blockquote,figcaption) :where(.skdx-link)[data-underline=auto]{text-decoration-line:underline}:where(.skdx-link)[data-underline=none]{text-decoration-line:none}:where(.skdx-link)[data-underline=hover]{text-decoration-line:none}:where(.skdx-link)[data-underline=hover]:hover,:where(.skdx-link)[data-underline=hover]:focus-visible{text-decoration-line:underline}:where(.skdx-link)[data-disabled]{color:var(--skdx-color-text-disabled);
|
|
1
|
+
@import"../base.css";@layer skdx-components{:where(.skdx-link){--skdx-link-color: var(--skdx-color-text-accent);--skdx-link-color-hover: var(--skdx-link-color);--skdx-link-color-visited: var(--skdx-link-color);--skdx-link-underline-offset: var(--skdx-space-1);color:var(--skdx-link-color);text-underline-offset:var(--skdx-link-underline-offset);border-radius:var(--skdx-radius-sm)}:where(.skdx-link):visited{color:var(--skdx-link-color-visited)}:where(.skdx-link):hover{color:var(--skdx-link-color-hover)}:where(.skdx-link):focus-visible{outline:var(--skdx-focus-ring-width) solid var(--skdx-color-focus-ring);outline-offset:var(--skdx-focus-ring-offset)}:where(.skdx-link)[data-underline=always]{text-decoration-line:underline}:where(.skdx-link)[data-underline=auto]{text-decoration-line:none}:where(p,li,dd,td,th,blockquote,figcaption) :where(.skdx-link)[data-underline=auto]{text-decoration-line:underline}:where(.skdx-link)[data-underline=none]{text-decoration-line:none}:where(.skdx-link)[data-underline=hover]{text-decoration-line:none}:where(.skdx-link)[data-underline=hover]:hover,:where(.skdx-link)[data-underline=hover]:focus-visible{text-decoration-line:underline}:where(.skdx-link)[data-disabled]{color:var(--skdx-color-text-disabled);cursor:not-allowed}}
|
package/dist/components/list.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"../base.css";@layer skdx-components{:where(.skdx-list){--skdx-list-gap: 0px;--skdx-list-marker-color: var(--skdx-color-text-muted);--skdx-list-indent: var(--skdx-space-6);display:flex;flex-direction:column;gap:var(--skdx-list-gap);margin:0;padding-inline-start:var(--skdx-list-indent)}:where(.skdx-list)[data-markers=false]{list-style:none;padding-inline-start:0}:where(.skdx-list__item)::marker{color:var(--skdx-list-marker-color)}:where(.skdx-list__indicator){display:inline-flex;flex:none;align-items:center;justify-content:center;inline-size:var(--skdx-icon-size-sm);block-size:var(--skdx-icon-size-sm);margin-inline-end:var(--skdx-space-2);color:var(--skdx-list-marker-color)}:where(.skdx-list__item):has(>.skdx-list__indicator){list-style:none}}
|
|
1
|
+
@import"../base.css";@layer skdx-components{:where(.skdx-list){--skdx-list-gap: 0px;--skdx-list-marker-color: var(--skdx-color-text-muted);--skdx-list-indent: var(--skdx-space-6);display:flex;flex-direction:column;gap:var(--skdx-list-gap);margin:0;padding-inline-start:var(--skdx-list-indent);list-style-type:revert}:where(.skdx-list)[data-markers=false]{list-style:none;padding-inline-start:0}:where(.skdx-list__item)::marker{color:var(--skdx-list-marker-color)}:where(.skdx-list__indicator){display:inline-flex;flex:none;align-items:center;justify-content:center;inline-size:var(--skdx-icon-size-sm);block-size:var(--skdx-icon-size-sm);margin-inline-end:var(--skdx-space-2);color:var(--skdx-list-marker-color)}:where(.skdx-list__item):has(>.skdx-list__indicator){list-style:none}:where(.skdx-list)[data-orientation]{display:grid;grid-template-columns:auto 1fr;gap:var(--skdx-space-2) var(--skdx-space-4);padding-inline-start:0;font-size:var(--skdx-font-size-sm)}:where(.skdx-list)[data-orientation=vertical]{grid-template-columns:1fr;gap:var(--skdx-space-1)}:where(.skdx-list)[data-density=compact]{gap:var(--skdx-space-1) var(--skdx-space-2);font-size:var(--skdx-font-size-xs)}:where(.skdx-list)[data-density=compact][data-orientation=vertical]{gap:0}:where(.skdx-list)[data-orientation]>:where(.skdx-list__item){display:grid;grid-column:1 / -1;grid-template-columns:subgrid}:where(.skdx-list__term){color:var(--skdx-color-text-muted);font-weight:var(--skdx-font-weight-medium)}:where(.skdx-list__description){margin:0;color:var(--skdx-color-text-default)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"../base.css";@layer skdx-components{:where(.skdx-loading-overlay){position:relative}:where(.skdx-loading-overlay__backdrop),:where(.skdx-loading-overlay__content){position:absolute;inset:0;z-index:var(--skdx-z-index-overlay)}:where(.skdx-loading-overlay__backdrop)[data-full-screen],:where(.skdx-loading-overlay__content)[data-full-screen]{position:fixed}:where(.skdx-loading-overlay__backdrop){background-color:var(--skdx-color-surface-overlay);opacity:var(--skdx-loading-overlay-scrim-opacity, 1)}:where(.skdx-loading-overlay__backdrop)[data-emphasis=low]{--skdx-loading-overlay-scrim-opacity: .55}:where(.skdx-loading-overlay__backdrop)[data-emphasis=medium]{--skdx-loading-overlay-scrim-opacity: 1}:where(.skdx-loading-overlay__backdrop)[data-emphasis=high]{--skdx-loading-overlay-scrim-opacity: 1;backdrop-filter:blur(2px)}:where(.skdx-loading-overlay__content){display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--skdx-space-3);color:var(--skdx-color-text-default);font-size:var(--skdx-font-size-sm)}:where(.skdx-loading-overlay__content)[hidden]{display:none}:where(.skdx-loading-overlay__backdrop)[data-state=visible],:where(.skdx-loading-overlay__content)[data-state=visible]{animation:skdx-fade-in var(--skdx-motion-duration-fast) var(--skdx-motion-easing)}:where(.skdx-loading-overlay__backdrop)[data-state=hidden],:where(.skdx-loading-overlay__content)[data-state=hidden]{animation:skdx-fade-out var(--skdx-motion-duration-fast) var(--skdx-motion-easing-exit);animation-fill-mode:forwards;pointer-events:none}}
|
|
1
|
+
@import"../base.css";@layer skdx-components{:where(.skdx-loading-overlay){position:relative}:where(.skdx-loading-overlay__backdrop),:where(.skdx-loading-overlay__content){position:absolute;inset:0;z-index:var(--skdx-z-index-overlay)}:where(.skdx-loading-overlay__backdrop)[data-full-screen],:where(.skdx-loading-overlay__content)[data-full-screen]{position:fixed}:where(.skdx-loading-overlay__backdrop){background-color:var(--skdx-color-surface-overlay);opacity:var(--skdx-loading-overlay-scrim-opacity, 1)}:where(.skdx-loading-overlay__backdrop)[data-emphasis=low]{--skdx-loading-overlay-scrim-opacity: .55}:where(.skdx-loading-overlay__backdrop)[data-emphasis=medium]{--skdx-loading-overlay-scrim-opacity: 1}:where(.skdx-loading-overlay__backdrop)[data-emphasis=high]{--skdx-loading-overlay-scrim-opacity: 1;backdrop-filter:blur(2px)}:where(.skdx-loading-overlay__content){display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--skdx-space-3);color:var(--skdx-color-text-default);font-size:var(--skdx-font-size-sm)}:where(.skdx-loading-overlay__content)[hidden]{display:none}:where(.skdx-loading-overlay__backdrop)[data-state=visible],:where(.skdx-loading-overlay__content)[data-state=visible]{animation:skdx-fade-in var(--skdx-motion-duration-fast) var(--skdx-motion-easing)}:where(.skdx-loading-overlay__backdrop)[data-state=hidden],:where(.skdx-loading-overlay__content)[data-state=hidden]{animation:skdx-fade-out var(--skdx-motion-duration-fast) var(--skdx-motion-easing-exit);animation-fill-mode:forwards;pointer-events:none}@media(forced-colors:active){:where(.skdx-loading-overlay__backdrop){background-color:Highlight;opacity:1}:where(.skdx-loading-overlay__content){color:HighlightText}}}
|
|
@@ -0,0 +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-md);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}}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import"../internal/_actuator.css";@import"../internal/_overlay.css";@import"../internal/_collection.css";@import"../internal/_arrow.css";@layer skdx-components{:where(.skdx-menu__content),:where(.skdx-menu__sub-content){padding:var(--skdx-overlay-padding)}:where(.skdx-menu__trigger)[role=group]{cursor:context-menu}:where(.skdx-menu__trigger)[role=group][data-disabled]{cursor:default}:where(.skdx-menu__sub-trigger)[data-state=open]{background-color:var(--skdx-color-highlight-bg)}:where(.skdx-menu__item-indicator){margin-inline-start:auto}:where(.skdx-menu__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-menu__arrow){background-color:Canvas;border-color:CanvasText}}:where(.skdx-menu__content,.skdx-menu__sub-content)[data-size=sm] :is(.skdx-menu__item,.skdx-menu__checkbox-item,.skdx-menu__radio-item,.skdx-menu__sub-trigger){min-block-size:var(--skdx-item-height-sm);padding-block:var(--skdx-space-1);font-size:var(--skdx-font-size-xs)}:where(.skdx-menu__content,.skdx-menu__sub-content)[data-size=lg] :is(.skdx-menu__item,.skdx-menu__checkbox-item,.skdx-menu__radio-item,.skdx-menu__sub-trigger){min-block-size:var(--skdx-item-height-lg);padding-block:var(--skdx-space-3);font-size:var(--skdx-font-size-md)}@media(forced-colors:active){:where(.skdx-menu__item,.skdx-menu__checkbox-item,.skdx-menu__radio-item,.skdx-menu__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-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-md)}: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__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-sm);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-
|
|
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-md)}: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-sm);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-md);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__item){position:relative;display:flex}:where(.skdx-navigation-menu__indicator){display:flex;justify-content:center;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){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
|
+
@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-md);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__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"../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-md);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-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-md);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
|
+
@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-md);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-md);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:var(--skdx-password-input-block-size, var(--skdx-control-height-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-md);font-size:var(--skdx-password-input-font-size, var(--skdx-font-size-sm))}:where(.skdx-password-input__field):focus-visible{border-color:var(--skdx-color-field-border-focus)}: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__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-sm);cursor:pointer}:where(.skdx-password-input__toggle):hover{color:var(--skdx-color-text-default)}}
|
|
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:var(--skdx-password-input-block-size, var(--skdx-control-height-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-md);font-size:var(--skdx-password-input-font-size, var(--skdx-font-size-sm))}:where(.skdx-password-input__field):focus-visible{border-color:var(--skdx-color-field-border-focus)}: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)[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):hover:not(:disabled,:read-only),:where(.skdx-password-input__field)[data-variant=ghost]:hover:not(:disabled,:read-only){border-color:var(--skdx-color-field-border-hover)}: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-sm);cursor:pointer}:where(.skdx-password-input__toggle):hover{color:var(--skdx-color-text-default)}}
|
|
@@ -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-md)}: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-md));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}}
|
|
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-md)}: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-md));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";@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-
|
|
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-md);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-progress){position:relative;display:block
|
|
1
|
+
@import"../base.css";@layer skdx-components{:where(.skdx-progress){position:relative;display:block;--skdx-focus-ring-offset: var(--skdx-focus-ring-offset-inset)}:where(.skdx-progress):not(:has(.skdx-progress__circle)){overflow:hidden;inline-size:100%;block-size:var(--skdx-space-2);background-color:var(--skdx-color-track);border:var(--skdx-border-width-thin) solid var(--skdx-color-border-strong);border-radius:var(--skdx-radius-full)}:where(.skdx-progress):has(.skdx-progress__circle){overflow:visible;inline-size:auto;block-size:auto}:where(.skdx-progress__indicator){display:block;block-size:100%;inline-size:var(--skdx-progress, 0%);background-color:var(--skdx-color-track-fill);border-radius:inherit;transition:inline-size var(--skdx-motion-duration-normal) var(--skdx-motion-easing)}:where(.skdx-progress)[data-state=indeterminate] :where(.skdx-progress__indicator){inline-size:25%;transition:none;animation:skdx-indeterminate var(--skdx-motion-duration-slow) var(--skdx-motion-easing-steady) infinite}@media(prefers-reduced-motion:reduce){:where(.skdx-progress)[data-state=indeterminate] :where(.skdx-progress__indicator){inline-size:100%;opacity:.5}}:where(.skdx-progress__indicator):after{content:"";position:absolute;inset-block:0;inset-inline-start:var(--skdx-progress, 0%);inline-size:calc(var(--skdx-progress-buffer, 0%) - var(--skdx-progress, 0%));background-color:var(--skdx-color-track-fill);opacity:.35;border-radius:inherit}:where(.skdx-progress__label),:where(.skdx-progress__value){font-size:var(--skdx-font-size-xs);color:var(--skdx-color-text-muted);font-variant-numeric:tabular-nums}:where(.skdx-progress)[data-range=optimum] :where(.skdx-progress__indicator){background-color:var(--skdx-color-status-success-icon)}:where(.skdx-progress)[data-range=suboptimal] :where(.skdx-progress__indicator){background-color:var(--skdx-color-status-warning-icon)}:where(.skdx-progress)[data-range=poor] :where(.skdx-progress__indicator){background-color:var(--skdx-color-status-danger-icon)}:where(.skdx-progress):has(.skdx-progress__label,.skdx-progress__value){display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--skdx-space-1);block-size:auto;overflow:visible;background-color:transparent;border-color:transparent}:where(.skdx-progress):has(.skdx-progress__label,.skdx-progress__value):before{content:"";grid-row:2;grid-column:1 / -1;block-size:var(--skdx-space-2);background-color:var(--skdx-color-track);border:var(--skdx-border-width-thin) solid var(--skdx-color-border-strong);border-radius:var(--skdx-radius-full)}:where(.skdx-progress):has(.skdx-progress__label,.skdx-progress__value) :where(.skdx-progress__indicator){grid-row:2;grid-column:1 / -1;block-size:var(--skdx-space-2)}:where(.skdx-progress):has(.skdx-progress__label,.skdx-progress__value) :where(.skdx-progress__indicator):after{inset-block:auto 0;block-size:var(--skdx-space-2)}:where(.skdx-progress):has(.skdx-progress__label,.skdx-progress__value) :where(.skdx-progress__label){grid-row:1;grid-column:1}:where(.skdx-progress):has(.skdx-progress__label,.skdx-progress__value) :where(.skdx-progress__value){grid-row:1;grid-column:2}@media(forced-colors:active){:where(.skdx-progress),:where(.skdx-progress):has(.skdx-progress__label,.skdx-progress__value):before{border:var(--skdx-border-width-thin) solid CanvasText}:where(.skdx-progress__indicator){background-color:Highlight}}:where(.skdx-progress__circle){position:relative;display:block;inline-size:calc(var(--skdx-progress-circle-size, 48) * 1px);block-size:calc(var(--skdx-progress-circle-size, 48) * 1px)}:where(.skdx-progress__circle)>svg{display:block;inline-size:100%;block-size:100%;rotate:-90deg}:where(circle.skdx-progress__circle-indicator){fill:none;stroke:var(--skdx-color-track-fill);stroke-width:var(--skdx-border-width-thicker);stroke-linecap:round;transition:stroke-dashoffset var(--skdx-motion-duration-normal) var(--skdx-motion-easing)}:where(.skdx-progress__circle):has(>.skdx-progress__circle-indicator){background-color:var(--skdx-color-track);border-radius:var(--skdx-radius-full);mask-image:radial-gradient(farthest-side,transparent calc(100% - var(--skdx-border-width-thicker)),currentColor calc(100% - var(--skdx-border-width-thicker)))}:where(.skdx-progress__circle)>:where(.skdx-progress__circle-indicator){position:absolute;inset:0;border-radius:inherit;background:conic-gradient(var(--skdx-color-track-fill, transparent) var(--skdx-progress, 0%),transparent 0%);mask-image:inherit;transition:background var(--skdx-motion-duration-normal) var(--skdx-motion-easing)}}
|
|
@@ -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-md);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):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):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):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):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
|
+
@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-md);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-radio-group){display:flex;flex-direction:column;gap:var(--skdx-space-3)}:where(.skdx-radio-group)[data-orientation=vertical],:where(.skdx-radio-group)[data-orientation=both]{flex-direction:column;flex-wrap:nowrap;gap:var(--skdx-space-3)}:where(.skdx-radio-group)[data-orientation=horizontal]{flex-direction:row;flex-wrap:wrap;gap:var(--skdx-space-4)}:where(.skdx-radio-group)[data-readonly] :where(.skdx-radio-group__item){cursor:default}:where(.skdx-radio-group__item){cursor:pointer;display:inline-flex;align-items:center;
|
|
1
|
+
@import"../base.css";@layer skdx-components{:where(.skdx-radio-group){display:flex;flex-direction:column;gap:var(--skdx-space-3)}:where(.skdx-radio-group)[data-orientation=vertical],:where(.skdx-radio-group)[data-orientation=both]{flex-direction:column;flex-wrap:nowrap;gap:var(--skdx-space-3)}:where(.skdx-radio-group)[data-orientation=horizontal]{flex-direction:row;flex-wrap:wrap;gap:var(--skdx-space-4)}:where(.skdx-radio-group)[data-readonly] :where(.skdx-radio-group__item){cursor:default}:where(.skdx-radio-group__item){cursor:pointer;display:inline-flex;align-items:center;gap:var(--skdx-space-2);position:relative;flex:none;padding:0;min-inline-size:0;background:none;border:none;border-radius:var(--skdx-radius-full)}:where(.skdx-radio-group__item):before{content:"";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);transition:background-color var(--skdx-motion-duration-fast) var(--skdx-motion-easing),border-color var(--skdx-motion-duration-fast) var(--skdx-motion-easing)}:where(.skdx-radio-group__item):hover{background-color:transparent}:where(.skdx-radio-group__item):hover:before{border-color:var(--skdx-color-field-border-hover);background-color:var(--skdx-color-field-bg-hover)}:where(.skdx-radio-group__item)[data-state=checked]:hover:before{box-shadow:0 0 0 var(--skdx-border-width-thick) var(--skdx-color-border-accent)}:where(.skdx-radio-group__item)[data-state=checked]:before{border-color:var(--skdx-color-selection-bg);border-width:var(--skdx-border-width-thicker);background-color:var(--skdx-color-field-bg)}:where(.skdx-radio-group__indicator){position:absolute;inset-inline-start:calc(var(--skdx-indicator-size-md) * .25);inset-block-start:50%;translate:0 -50%;inline-size:calc(var(--skdx-indicator-size-md) * .5);block-size:calc(var(--skdx-indicator-size-md) * .5);border-radius:var(--skdx-radius-full);background-color:var(--skdx-color-selection-bg)}:where(.skdx-radio-group__item)[data-disabled]{cursor:not-allowed}:where(.skdx-radio-group__item)[data-disabled]:before{background-color:var(--skdx-color-field-bg-disabled);border-color:var(--skdx-color-border-disabled)}:where(.skdx-radio-group__item)[data-disabled] :where(.skdx-radio-group__indicator){background-color:var(--skdx-color-text-disabled)}:where(.skdx-radio-group)[data-invalid] :where(.skdx-radio-group__item):before{border-color:var(--skdx-color-field-border-invalid)}@media(forced-colors:active){:where(.skdx-radio-group__item):before{border-color:CanvasText}:where(.skdx-radio-group__indicator){background-color:Highlight}:where(.skdx-radio-group__item)[data-disabled]:before{border-color:GrayText}}:where(.skdx-radio-group__label){font-size:var(--skdx-font-size-sm);color:var(--skdx-color-text-default)}:where(.skdx-radio-group__item)[data-disabled] :where(.skdx-radio-group__label){color:var(--skdx-color-text-disabled)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"../base.css";@layer skdx-components{:where(.skdx-rating),:where(.skdx-rating)[data-size=md]{--skdx-rating-item-size: var(--skdx-font-size-lg);--skdx-rating-gap: var(--skdx-space-1)}:where(.skdx-rating)[data-size=sm]{--skdx-rating-item-size: var(--skdx-font-size-sm);--skdx-rating-gap: calc(var(--skdx-space-1) / 2)}:where(.skdx-rating)[data-size=lg]{--skdx-rating-item-size: var(--skdx-font-size-2xl);--skdx-rating-gap: var(--skdx-space-2)}:where(.skdx-rating){display:inline-flex;align-items:center;gap:var(--skdx-rating-gap);font-size:var(--skdx-rating-item-size)}:where(.skdx-rating__item){display:inline-flex;font-size:inherit;position:relative;color:var(--skdx-color-
|
|
1
|
+
@import"../base.css";@layer skdx-components{:where(.skdx-rating),:where(.skdx-rating)[data-size=md]{--skdx-rating-item-size: var(--skdx-font-size-lg);--skdx-rating-gap: var(--skdx-space-1)}:where(.skdx-rating)[data-size=sm]{--skdx-rating-item-size: var(--skdx-font-size-sm);--skdx-rating-gap: calc(var(--skdx-space-1) / 2)}:where(.skdx-rating)[data-size=lg]{--skdx-rating-item-size: var(--skdx-font-size-2xl);--skdx-rating-gap: var(--skdx-space-2)}:where(.skdx-rating){display:inline-flex;align-items:center;gap:var(--skdx-rating-gap);font-size:var(--skdx-rating-item-size)}:where(.skdx-rating__item){display:inline-flex;font-size:inherit;position:relative;color:var(--skdx-color-status-neutral-icon);background:transparent;border:0;cursor:pointer;transition:color var(--skdx-motion-duration-fast) var(--skdx-motion-easing)}:where(.skdx-rating__item)[data-state=checked],:where(.skdx-rating__item)[data-highlighted]{color:var(--skdx-color-status-warning-icon)}:where(.skdx-rating)[data-readonly] :where(.skdx-rating__item){cursor:default}:where(.skdx-rating)[data-disabled] :where(.skdx-rating__item){color:var(--skdx-color-text-disabled);cursor:not-allowed}:where(.skdx-rating__item)[data-half]{background-image:linear-gradient(to right,var(--skdx-color-status-warning-icon) 50%,var(--skdx-color-status-neutral-icon) 50%);-webkit-background-clip:text;background-clip:text;color:transparent}:where([dir=rtl]) :where(.skdx-rating__item)[data-half]{background-image:linear-gradient(to left,var(--skdx-color-status-warning-icon) 50%,var(--skdx-color-status-neutral-icon) 50%)}:where(.skdx-rating__item)[data-half]>*{color:var(--skdx-color-status-warning-icon);-webkit-mask-image:linear-gradient(to right,black 50%,transparent 50%);mask-image:linear-gradient(to right,black 50%,transparent 50%)}:where([dir=rtl]) :where(.skdx-rating__item)[data-half]>*{-webkit-mask-image:linear-gradient(to left,black 50%,transparent 50%);mask-image:linear-gradient(to left,black 50%,transparent 50%)}:where(.skdx-rating__item)[data-half][data-highlighted]{background-image:none;color:var(--skdx-color-status-warning-icon)}:where(.skdx-rating__item)[data-half][data-highlighted]>*{-webkit-mask-image:none;mask-image:none}@media(forced-colors:active){:where(.skdx-rating__item)[data-state=checked]{color:Highlight}:where(.skdx-rating__item)[data-half]{background-image:none;color:Highlight}:where(.skdx-rating__item)[data-half]>*{-webkit-mask-image:none;mask-image:none;color:Highlight}}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"../base.css";@layer skdx-components{:where(.skdx-resizable){display:flex;inline-size:100%;--skdx-resizable-handle-size: 1.5rem}:where(.skdx-resizable)[data-size=sm]{--skdx-resizable-handle-size: 1.5rem}:where(.skdx-resizable)[data-size=lg]{--skdx-resizable-handle-size: 2rem}:where(.skdx-resizable)[data-orientation=vertical]{flex-direction:column}:where(.skdx-resizable__panel){overflow:hidden;--skdx-focus-ring-offset: var(--skdx-focus-ring-offset-inset)}:where(.skdx-resizable__handle){position:relative;z-index:1;display:flex;align-items:center;justify-content:center;flex:none;inline-size:var(--skdx-resizable-handle-size, 1.5rem);margin-inline:calc(var(--skdx-resizable-handle-size, 1.5rem) / -2);background-color:transparent;border:0;padding:0;cursor:col-resize;touch-action:none}:where(.skdx-resizable)[data-orientation=vertical] :where(.skdx-resizable__handle){inline-size:auto;block-size:var(--skdx-resizable-handle-size, 1.5rem);margin-inline:0;margin-block:calc(var(--skdx-resizable-handle-size, 1.5rem) / -2);cursor:row-resize}:where(.skdx-resizable__handle):after{content:"";background-color:var(--skdx-color-separator);inline-size:var(--skdx-border-width-thin);block-size:100%}:where(.skdx-resizable)[data-orientation=vertical] :where(.skdx-resizable__handle):after{inline-size:100%;block-size:var(--skdx-border-width-thin)}:where(.skdx-resizable__handle):hover:after,:where(.skdx-resizable__handle)[data-dragging]:after{background-color:var(--skdx-color-border-accent)}:where(.skdx-resizable__handle)[data-disabled]{cursor:default}:where(.skdx-resizable__resize-trigger){flex:none;position:relative;z-index:1;inline-size:var(--skdx-space-1);margin-inline:calc(var(--skdx-space-1) / -2);background-color:var(--skdx-color-separator);cursor:col-resize;touch-action:none}:where(.skdx-resizable)[data-orientation=vertical] :where(.skdx-resizable__resize-trigger){inline-size:auto;block-size:var(--skdx-space-1);margin-inline:0;margin-block:calc(var(--skdx-space-1) / -2);cursor:row-resize}:where(.skdx-resizable__resize-trigger):hover,:where(.skdx-resizable__resize-trigger)[data-dragging]{background-color:var(--skdx-color-border-accent)}:where(.skdx-resizable__resize-trigger)[data-disabled]{cursor:default}}
|
|
1
|
+
@import"../base.css";@layer skdx-components{:where(.skdx-resizable){display:flex;inline-size:100%;--skdx-resizable-handle-size: 1.5rem}:where(.skdx-resizable)[data-size=sm]{--skdx-resizable-handle-size: 1.5rem}:where(.skdx-resizable)[data-size=lg]{--skdx-resizable-handle-size: 2rem}:where(.skdx-resizable)[data-orientation=vertical]{flex-direction:column}:where(.skdx-resizable__panel){overflow:hidden;--skdx-focus-ring-offset: var(--skdx-focus-ring-offset-inset)}:where(.skdx-resizable__handle){position:relative;z-index:1;display:flex;align-items:center;justify-content:center;flex:none;inline-size:var(--skdx-resizable-handle-size, 1.5rem);margin-inline:calc(var(--skdx-resizable-handle-size, 1.5rem) / -2);background-color:transparent;border:0;padding:0;cursor:col-resize;touch-action:none}:where(.skdx-resizable)[data-orientation=vertical] :where(.skdx-resizable__handle){inline-size:auto;block-size:var(--skdx-resizable-handle-size, 1.5rem);margin-inline:0;margin-block:calc(var(--skdx-resizable-handle-size, 1.5rem) / -2);cursor:row-resize}:where(.skdx-resizable__handle):after{content:"";background-color:var(--skdx-color-separator);inline-size:var(--skdx-border-width-thin);block-size:100%}:where(.skdx-resizable)[data-orientation=vertical] :where(.skdx-resizable__handle):after{inline-size:100%;block-size:var(--skdx-border-width-thin)}:where(.skdx-resizable__handle):hover:after,:where(.skdx-resizable__handle)[data-dragging]:after{background-color:var(--skdx-color-border-accent)}:where(.skdx-resizable__handle)[data-disabled]{cursor:default}:where(.skdx-resizable__resize-trigger){flex:none;position:relative;z-index:1;inline-size:var(--skdx-space-1);margin-inline:calc(var(--skdx-space-1) / -2);background-color:var(--skdx-color-separator);cursor:col-resize;touch-action:none}:where(.skdx-resizable)[data-orientation=vertical] :where(.skdx-resizable__resize-trigger){inline-size:auto;block-size:var(--skdx-space-1);margin-inline:0;margin-block:calc(var(--skdx-space-1) / -2);cursor:row-resize}:where(.skdx-resizable__resize-trigger):hover,:where(.skdx-resizable__resize-trigger)[data-dragging]{background-color:var(--skdx-color-border-accent)}:where(.skdx-resizable__resize-trigger)[data-disabled]{cursor:default}@media(forced-colors:active){:where(.skdx-resizable__handle):after,:where(.skdx-resizable__resize-trigger){background-color:CanvasText}:where(.skdx-resizable__handle):hover:after,:where(.skdx-resizable__handle)[data-dragging]:after,:where(.skdx-resizable__resize-trigger):hover,:where(.skdx-resizable__resize-trigger)[data-dragging]{background-color:Highlight}:where(.skdx-resizable__handle)[data-disabled]:after,:where(.skdx-resizable__resize-trigger)[data-disabled]{background-color:GrayText}}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"../base.css";@layer skdx-components{:where(.skdx-scroll-area){position:relative;overflow:hidden;--skdx-focus-ring-offset: var(--skdx-focus-ring-offset-inset);--skdx-scroll-area-track-size: var(--skdx-space-2);--skdx-scroll-area-thumb-min-length: var(--skdx-space-6)}:where(.skdx-scroll-area)[data-size=sm]{--skdx-scroll-area-track-size: var(--skdx-space-1);--skdx-scroll-area-thumb-min-length: var(--skdx-space-4)}:where(.skdx-scroll-area)[data-size=lg]{--skdx-scroll-area-track-size: var(--skdx-space-3);--skdx-scroll-area-thumb-min-length: var(--skdx-space-8)}:where(.skdx-scroll-area__viewport){inline-size:100%;block-size:100%;overflow:auto;--skdx-focus-ring-offset: var(--skdx-focus-ring-offset-inset);scrollbar-width:none}:where(.skdx-scroll-area__viewport)::-webkit-scrollbar{display:none}:where(.skdx-scroll-area__scrollbar){position:absolute;display:flex;padding:2px;background:transparent;transition:opacity var(--skdx-motion-duration-fast) var(--skdx-motion-easing);touch-action:none;user-select:none}:where(.skdx-scroll-area__scrollbar)[hidden]{display:none}:where(.skdx-scroll-area__scrollbar)[data-orientation=vertical]{inset-block:0;inset-inline-end:0;inline-size:var(--skdx-scroll-area-track-size, var(--skdx-space-2))}:where(.skdx-scroll-area__scrollbar)[data-orientation=horizontal]{inset-inline:0;inset-block-end:0;flex-direction:column;block-size:var(--skdx-scroll-area-track-size, var(--skdx-space-2))}:where(.skdx-scroll-area__thumb){flex:1;background-color:var(--skdx-color-border-strong);border-radius:var(--skdx-radius-full);min-block-size:var(--skdx-scroll-area-thumb-min-length, var(--skdx-space-6))}:where(.skdx-scroll-area__thumb):hover{background-color:var(--skdx-color-text-muted)}:where(.skdx-scroll-area__corner){background:transparent}}
|
|
1
|
+
@import"../base.css";@layer skdx-components{:where(.skdx-scroll-area){position:relative;overflow:hidden;--skdx-focus-ring-offset: var(--skdx-focus-ring-offset-inset);--skdx-scroll-area-track-size: var(--skdx-space-2);--skdx-scroll-area-thumb-min-length: var(--skdx-space-6)}:where(.skdx-scroll-area)[data-size=sm]{--skdx-scroll-area-track-size: var(--skdx-space-1);--skdx-scroll-area-thumb-min-length: var(--skdx-space-4)}:where(.skdx-scroll-area)[data-size=lg]{--skdx-scroll-area-track-size: var(--skdx-space-3);--skdx-scroll-area-thumb-min-length: var(--skdx-space-8)}:where(.skdx-scroll-area__viewport){inline-size:100%;block-size:100%;overflow:auto;--skdx-focus-ring-offset: var(--skdx-focus-ring-offset-inset);scrollbar-width:none}:where(.skdx-scroll-area__viewport)::-webkit-scrollbar{display:none}:where(.skdx-scroll-area__scrollbar){position:absolute;display:flex;padding:2px;background:transparent;transition:opacity var(--skdx-motion-duration-fast) var(--skdx-motion-easing);touch-action:none;user-select:none}:where(.skdx-scroll-area__scrollbar)[hidden]{display:none}:where(.skdx-scroll-area__scrollbar)[data-orientation=vertical]{inset-block:0;inset-inline-end:0;inline-size:var(--skdx-scroll-area-track-size, var(--skdx-space-2))}:where(.skdx-scroll-area__scrollbar)[data-orientation=horizontal]{inset-inline:0;inset-block-end:0;flex-direction:column;block-size:var(--skdx-scroll-area-track-size, var(--skdx-space-2))}:where(.skdx-scroll-area__thumb){flex:1;background-color:var(--skdx-color-border-strong);border-radius:var(--skdx-radius-full);min-block-size:var(--skdx-scroll-area-thumb-min-length, var(--skdx-space-6))}:where(.skdx-scroll-area__thumb):hover{background-color:var(--skdx-color-text-muted)}:where(.skdx-scroll-area__corner){background:transparent}@media(forced-colors:active){:where(.skdx-scroll-area__thumb){background-color:CanvasText}:where(.skdx-scroll-area__thumb):hover{background-color:Highlight}}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"../internal/_trigger.css";@import"../internal/_overlay.css";@import"../internal/_collection.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;text-overflow:ellipsis;white-space:nowrap;--skdx-focus-ring-offset: var(--skdx-focus-ring-offset-inset)}: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}}
|
|
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;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-md);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-sm);--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-sm);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}}
|
|
@@ -0,0 +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)}: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__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-sm);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"
|
|
1
|
+
@import"badge.css";@layer skdx-components{:where(.skdx-tag-group){display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--skdx-space-2)}:where(.skdx-tag-group)[data-orientation=vertical]{flex-direction:column;flex-wrap:nowrap;align-items:stretch}:where(.skdx-tag-group):has(.skdx-tag-group__label){flex-direction:column;flex-wrap:nowrap;align-items:stretch}:where(.skdx-tag-group__empty){font-size:var(--skdx-font-size-sm);color:var(--skdx-color-text-muted)}:where(.skdx-tag-group__label){font-size:var(--skdx-font-size-sm);font-weight:var(--skdx-font-weight-medium);color:var(--skdx-color-text-default)}:where(.skdx-tag-group__list){display:flex;flex-wrap:wrap;gap:var(--skdx-space-2);margin:0;padding:0;list-style:none}:where(.skdx-tag-group)[data-orientation=vertical] :where(.skdx-tag-group__list){flex-direction:column;flex-wrap:nowrap}:where(.skdx-tag-group)[data-density=comfortable],:where(.skdx-tag-group)[data-density=comfortable] :where(.skdx-tag-group__list){gap:var(--skdx-space-2)}:where(.skdx-tag-group)[data-density=compact],:where(.skdx-tag-group)[data-density=compact] :where(.skdx-tag-group__list){gap:var(--skdx-space-1)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"../base.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-md);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);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-sm)}: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
|
|
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-md);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);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-sm)}: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}}}
|
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)}}
|
|
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-sm)}}
|
|
@@ -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-md);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{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):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
|
+
@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-md);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):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"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-md);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)}}
|
|
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-md);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-inner);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-inner);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}}}
|
package/dist/components/tour.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"../internal/_actuator.css";@import"../internal/_overlay.css";@layer skdx-components{:where(.skdx-tour__content){padding:var(--skdx-space-4);max-inline-size:20rem;display:flex;flex-direction:column;gap:var(--skdx-space-3);z-index:var(--skdx-z-index-max)}:where(.skdx-tour__content)[hidden]{display:none}:where(.skdx-tour__content)[data-centered]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}:where(.skdx-tour__title){font-size:var(--skdx-font-size-md);font-weight:var(--skdx-font-weight-semibold)}:where(.skdx-tour__description){font-size:var(--skdx-font-size-sm);color:var(--skdx-color-text-muted);line-height:var(--skdx-font-line-height-relaxed)}:where(.skdx-tour__progress-text){font-size:var(--skdx-font-size-xs);color:var(--skdx-color-text-muted);font-variant-numeric:tabular-nums}:where(.skdx-tour__backdrop){z-index:var(--skdx-z-index-overlay)}:where(.skdx-
|
|
1
|
+
@import"../internal/_actuator.css";@import"../internal/_overlay.css";@import"../internal/_arrow.css";@layer skdx-components{:where(.skdx-tour__content){padding:var(--skdx-space-4);max-inline-size:20rem;display:flex;flex-direction:column;gap:var(--skdx-space-3);z-index:var(--skdx-z-index-max)}:where(.skdx-tour__content)[hidden]{display:none}:where(.skdx-tour__content)[data-centered]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}:where(.skdx-tour__title){font-size:var(--skdx-font-size-md);font-weight:var(--skdx-font-weight-semibold)}:where(.skdx-tour__description){font-size:var(--skdx-font-size-sm);color:var(--skdx-color-text-muted);line-height:var(--skdx-font-line-height-relaxed)}:where(.skdx-tour__progress-text){font-size:var(--skdx-font-size-xs);color:var(--skdx-color-text-muted);font-variant-numeric:tabular-nums}:where(.skdx-tour__backdrop){z-index:var(--skdx-z-index-overlay)}:where(.skdx-tour__actions){display:flex;flex-wrap:wrap;align-items:center;gap:var(--skdx-space-2);min-inline-size:0}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"../internal/_actuator.css";@import"../internal/_collection.css";@import"listbox.css";@layer skdx-components{:where(.skdx-transfer){display:
|
|
1
|
+
@import"../internal/_actuator.css";@import"../internal/_collection.css";@import"listbox.css";@layer skdx-components{:where(.skdx-transfer){display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:auto auto 1fr auto;align-items:stretch;gap:var(--skdx-space-3)}:where(.skdx-transfer)>[data-side=source]{grid-column:1}:where(.skdx-transfer)>[data-side=target]{grid-column:3}:where(.skdx-transfer)>[data-part=list-header]{grid-row:1}:where(.skdx-transfer)>[data-part=list-search]{grid-row:2}:where(.skdx-transfer)>[data-part=empty]{grid-row:4}:where(.skdx-transfer)>[data-part=controls]{grid-column:2;grid-row:1 / -1}:where(.skdx-transfer__list-header){display:flex;align-items:center;gap:var(--skdx-space-2);padding:var(--skdx-space-2);font-size:var(--skdx-font-size-sm);font-weight:var(--skdx-font-weight-medium);background-color:var(--skdx-color-surface-default);border-block-end:var(--skdx-border-width-thin) solid var(--skdx-color-border-default)}:where(.skdx-transfer__list-search){inline-size:100%;block-size:var(--skdx-control-height-sm);padding-inline:var(--skdx-space-2);background-color:var(--skdx-color-field-bg);border:0;border-block-end:var(--skdx-border-width-thin) solid var(--skdx-color-border-default);font-size:var(--skdx-font-size-sm)}:where(.skdx-transfer__controls){display:flex;flex-direction:column;justify-content:center;gap:var(--skdx-space-2)}:where(.skdx-transfer__controls)[data-disabled]{opacity:var(--skdx-opacity-disabled);cursor:not-allowed}:where(.skdx-transfer__move-trigger)[data-disabled],:where(.skdx-transfer__move-all-trigger)[data-disabled]{opacity:var(--skdx-opacity-disabled);cursor:not-allowed}:where(.skdx-transfer__move-trigger)[data-disabled]:focus-visible,:where(.skdx-transfer__move-all-trigger)[data-disabled]:focus-visible{opacity:1}:where(.skdx-transfer__empty){padding:var(--skdx-space-4);text-align:center;font-size:var(--skdx-font-size-sm);color:var(--skdx-color-text-muted)}:where(.skdx-transfer)>:where(.skdx-listbox){grid-row:3;min-inline-size:0}}
|
|
@@ -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);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-sm);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__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-md);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)}}
|
|
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-sm);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-md);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;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) );display:flex;flex-wrap:wrap;align-items:center;gap:var(--skdx-space-2);min-block-size:var(--skdx-item-height-md);padding-inline-start:var(--skdx-tree-item-indent);padding-inline-end:var(--skdx-space-2);border-radius:var(--skdx-radius-sm);cursor:pointer}:where(.skdx-tree__item)[data-checked=checked]{
|
|
1
|
+
@import"../internal/_collection.css";@layer skdx-components{:where(.skdx-tree){display:flex;flex-direction:column;inline-size:100%;font-size:var(--skdx-font-size-sm)}:where(.skdx-tree__item){--skdx-tree-item-indent: calc( var(--skdx-space-2) + var(--skdx-space-4) * (var(--skdx-tree-node-depth, 1) - 1) );position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:var(--skdx-space-2);min-block-size:var(--skdx-item-height-md);padding-inline-start:var(--skdx-tree-item-indent);padding-inline-end:var(--skdx-space-2);border-radius:var(--skdx-radius-sm);cursor:pointer}:where(.skdx-tree__item):before{content:"";position:absolute;inset-inline:0;inset-block-start:0;z-index:-1;block-size:var(--skdx-item-height-md);border-radius:inherit}:where(.skdx-tree__item)[data-checked=checked]{color:var(--skdx-color-text-accent)}:where(.skdx-tree__item)[data-checked=checked]:before{border:var(--skdx-border-width-thin) solid var(--skdx-color-border-accent)}:where(.skdx-tree__item)[aria-selected=true]{color:var(--skdx-color-text-accent)}:where(.skdx-tree__item)[aria-selected=true]:before{background-color:var(--skdx-color-surface-selected)}:where(.skdx-tree__item)[data-checked=indeterminate]{color:var(--skdx-color-text-accent)}:where(.skdx-tree__item):is(:focus,:hover){color:var(--skdx-color-highlight-text)}:where(.skdx-tree__item):is(:focus,:hover):before{background-color:var(--skdx-color-highlight-bg)}:where(.skdx-tree__item)[data-disabled]{color:var(--skdx-color-text-disabled);cursor:not-allowed}:where(.skdx-tree__item-indicator){display:inline-flex;flex:none;color:var(--skdx-color-text-muted);transition:rotate var(--skdx-motion-duration-fast) var(--skdx-motion-easing)}:where(.skdx-tree__item)[data-state=expanded] :where(.skdx-tree__item-indicator){rotate:90deg}:where(.skdx-tree__group){display:flex;flex-direction:column;flex-basis:100%;margin-inline-start:calc(-1 * var(--skdx-tree-item-indent))}}
|