@skdx/skins 0.26.0

package/dist/internal/_overlay.css

@@ -0,0 +1 @@
+@import"../base.css";@layer skdx-components{:where(.skdx-dialog__content),:where(.skdx-alert-dialog__content),:where(.skdx-drawer__content),:where(.skdx-popover__content),:where(.skdx-tooltip__content),:where(.skdx-hover-card__content),:where(.skdx-dropdown-menu__content),:where(.skdx-dropdown-menu__sub-content),:where(.skdx-context-menu__content),:where(.skdx-context-menu__sub-content),:where(.skdx-menubar__content),:where(.skdx-menubar__sub-content),:where(.skdx-select__content),:where(.skdx-combobox__content),:where(.skdx-autocomplete__content),:where(.skdx-multi-select__content),:where(.skdx-tree-select__content),:where(.skdx-date-picker__content),:where(.skdx-floating-panel__content),:where(.skdx-tour__content),:where(.skdx-speed-dial__content),:where(.skdx-navigation-menu__content){box-sizing:border-box;min-inline-size:var(--skdx-overlay-min-width);color:var(--skdx-color-text-default);background-color:var(--skdx-color-surface-raised);border:var(--skdx-border-width-thin) solid var(--skdx-color-border-default);border-radius:var(--skdx-overlay-radius);box-shadow:var(--skdx-shadow-overlay);overflow:auto;--skdx-focus-ring-offset: var(--skdx-focus-ring-offset-inset);z-index:var(--skdx-z-index-popover)}:where(.skdx-dialog__content){max-block-size:var(--skdx-dialog-available-height, none)}:where(.skdx-alert-dialog__content){max-block-size:var(--skdx-alert-dialog-available-height, none)}:where(.skdx-drawer__content){max-block-size:var(--skdx-drawer-available-height, none)}:where(.skdx-popover__content){max-block-size:var(--skdx-popover-available-height, none)}:where(.skdx-tooltip__content){max-block-size:var(--skdx-tooltip-available-height, none)}:where(.skdx-hover-card__content){max-block-size:var(--skdx-hover-card-available-height, none)}:where(.skdx-dropdown-menu__content),:where(.skdx-dropdown-menu__sub-content){max-block-size:var(--skdx-dropdown-menu-available-height, none)}:where(.skdx-context-menu__content),:where(.skdx-context-menu__sub-content){max-block-size:var(--skdx-context-menu-available-height, none)}:where(.skdx-menubar__content),:where(.skdx-menubar__sub-content){max-block-size:var(--skdx-menubar-available-height, none)}:where(.skdx-select__content){max-block-size:var(--skdx-select-available-height, none)}:where(.skdx-combobox__content){max-block-size:var(--skdx-combobox-available-height, none)}:where(.skdx-autocomplete__content){max-block-size:var(--skdx-autocomplete-available-height, none)}:where(.skdx-multi-select__content){max-block-size:var(--skdx-multi-select-available-height, none)}:where(.skdx-tree-select__content){max-block-size:var(--skdx-tree-select-available-height, none)}:where(.skdx-date-picker__content){max-block-size:var(--skdx-date-picker-available-height, none)}:where(.skdx-floating-panel__content){max-block-size:var(--skdx-floating-panel-available-height, none)}:where(.skdx-tour__content){max-block-size:var(--skdx-tour-available-height, none)}:where(.skdx-speed-dial__content){max-block-size:var(--skdx-speed-dial-available-height, none)}:where(.skdx-navigation-menu__content){max-block-size:var(--skdx-navigation-menu-available-height, none)}:where(.skdx-dialog__content)[data-state=open],:where(.skdx-alert-dialog__content)[data-state=open],:where(.skdx-drawer__content)[data-state=open],:where(.skdx-popover__content)[data-state=open],:where(.skdx-tooltip__content)[data-state=open],:where(.skdx-hover-card__content)[data-state=open],:where(.skdx-dropdown-menu__content)[data-state=open],:where(.skdx-dropdown-menu__sub-content)[data-state=open],:where(.skdx-context-menu__content)[data-state=open],:where(.skdx-context-menu__sub-content)[data-state=open],:where(.skdx-menubar__content)[data-state=open],:where(.skdx-menubar__sub-content)[data-state=open],:where(.skdx-select__content)[data-state=open],:where(.skdx-combobox__content)[data-state=open],:where(.skdx-autocomplete__content)[data-state=open],:where(.skdx-multi-select__content)[data-state=open],:where(.skdx-tree-select__content)[data-state=open],:where(.skdx-date-picker__content)[data-state=open],:where(.skdx-floating-panel__content)[data-state=open],:where(.skdx-tour__content)[data-state=open],:where(.skdx-speed-dial__content)[data-state=open],:where(.skdx-navigation-menu__content)[data-state=open]{animation:skdx-zoom-in var(--skdx-motion-duration-fast) var(--skdx-motion-easing)}:where(.skdx-dialog__content)[data-state=closed],:where(.skdx-alert-dialog__content)[data-state=closed],:where(.skdx-drawer__content)[data-state=closed],:where(.skdx-popover__content)[data-state=closed],:where(.skdx-tooltip__content)[data-state=closed],:where(.skdx-hover-card__content)[data-state=closed],:where(.skdx-dropdown-menu__content)[data-state=closed],:where(.skdx-dropdown-menu__sub-content)[data-state=closed],:where(.skdx-context-menu__content)[data-state=closed],:where(.skdx-context-menu__sub-content)[data-state=closed],:where(.skdx-menubar__content)[data-state=closed],:where(.skdx-menubar__sub-content)[data-state=closed],:where(.skdx-select__content)[data-state=closed],:where(.skdx-combobox__content)[data-state=closed],:where(.skdx-autocomplete__content)[data-state=closed],:where(.skdx-multi-select__content)[data-state=closed],:where(.skdx-tree-select__content)[data-state=closed],:where(.skdx-date-picker__content)[data-state=closed],:where(.skdx-floating-panel__content)[data-state=closed],:where(.skdx-tour__content)[data-state=closed],:where(.skdx-speed-dial__content)[data-state=closed],:where(.skdx-navigation-menu__content)[data-state=closed]{animation:skdx-zoom-out var(--skdx-motion-duration-fast) var(--skdx-motion-easing-exit)}:where(.skdx-drawer__content)[data-side=top][data-state=open],:where(.skdx-popover__content)[data-side=top][data-state=open],:where(.skdx-tooltip__content)[data-side=top][data-state=open],:where(.skdx-hover-card__content)[data-side=top][data-state=open],:where(.skdx-dropdown-menu__content)[data-side=top][data-state=open],:where(.skdx-menubar__content)[data-side=top][data-state=open],:where(.skdx-select__content)[data-side=top][data-state=open],:where(.skdx-combobox__content)[data-side=top][data-state=open],:where(.skdx-autocomplete__content)[data-side=top][data-state=open],:where(.skdx-multi-select__content)[data-side=top][data-state=open],:where(.skdx-tree-select__content)[data-side=top][data-state=open],:where(.skdx-date-picker__content)[data-side=top][data-state=open],:where(.skdx-tour__content)[data-side=top][data-state=open],:where(.skdx-speed-dial__content)[data-side=top][data-state=open]{animation-name:skdx-slide-in-from-bottom}:where(.skdx-drawer__content)[data-side=bottom][data-state=open],:where(.skdx-popover__content)[data-side=bottom][data-state=open],:where(.skdx-tooltip__content)[data-side=bottom][data-state=open],:where(.skdx-hover-card__content)[data-side=bottom][data-state=open],:where(.skdx-dropdown-menu__content)[data-side=bottom][data-state=open],:where(.skdx-menubar__content)[data-side=bottom][data-state=open],:where(.skdx-select__content)[data-side=bottom][data-state=open],:where(.skdx-combobox__content)[data-side=bottom][data-state=open],:where(.skdx-autocomplete__content)[data-side=bottom][data-state=open],:where(.skdx-multi-select__content)[data-side=bottom][data-state=open],:where(.skdx-tree-select__content)[data-side=bottom][data-state=open],:where(.skdx-date-picker__content)[data-side=bottom][data-state=open],:where(.skdx-tour__content)[data-side=bottom][data-state=open],:where(.skdx-speed-dial__content)[data-side=bottom][data-state=open]{animation-name:skdx-slide-in-from-top}:where(.skdx-drawer__content)[data-side=left][data-state=open],:where(.skdx-popover__content)[data-side=left][data-state=open],:where(.skdx-tooltip__content)[data-side=left][data-state=open],:where(.skdx-hover-card__content)[data-side=left][data-state=open],:where(.skdx-dropdown-menu__content)[data-side=left][data-state=open],:where(.skdx-dropdown-menu__sub-content)[data-side=left][data-state=open],:where(.skdx-context-menu__sub-content)[data-side=left][data-state=open],:where(.skdx-menubar__content)[data-side=left][data-state=open],:where(.skdx-menubar__sub-content)[data-side=left][data-state=open],:where(.skdx-select__content)[data-side=left][data-state=open],:where(.skdx-combobox__content)[data-side=left][data-state=open],:where(.skdx-autocomplete__content)[data-side=left][data-state=open],:where(.skdx-multi-select__content)[data-side=left][data-state=open],:where(.skdx-tree-select__content)[data-side=left][data-state=open],:where(.skdx-date-picker__content)[data-side=left][data-state=open],:where(.skdx-tour__content)[data-side=left][data-state=open],:where(.skdx-speed-dial__content)[data-side=left][data-state=open]{animation-name:skdx-slide-in-from-end}:where(.skdx-drawer__content)[data-side=right][data-state=open],:where(.skdx-popover__content)[data-side=right][data-state=open],:where(.skdx-tooltip__content)[data-side=right][data-state=open],:where(.skdx-hover-card__content)[data-side=right][data-state=open],:where(.skdx-dropdown-menu__content)[data-side=right][data-state=open],:where(.skdx-dropdown-menu__sub-content)[data-side=right][data-state=open],:where(.skdx-context-menu__sub-content)[data-side=right][data-state=open],:where(.skdx-menubar__content)[data-side=right][data-state=open],:where(.skdx-menubar__sub-content)[data-side=right][data-state=open],:where(.skdx-select__content)[data-side=right][data-state=open],:where(.skdx-combobox__content)[data-side=right][data-state=open],:where(.skdx-autocomplete__content)[data-side=right][data-state=open],:where(.skdx-multi-select__content)[data-side=right][data-state=open],:where(.skdx-tree-select__content)[data-side=right][data-state=open],:where(.skdx-date-picker__content)[data-side=right][data-state=open],:where(.skdx-tour__content)[data-side=right][data-state=open],:where(.skdx-speed-dial__content)[data-side=right][data-state=open]{animation-name:skdx-slide-in-from-start}:where(.skdx-dialog__overlay),:where(.skdx-alert-dialog__overlay),:where(.skdx-drawer__overlay),:where(.skdx-tour__backdrop){position:fixed;inset:0;background-color:var(--skdx-color-surface-overlay);z-index:var(--skdx-z-index-overlay)}:where(.skdx-dialog__overlay)[data-state=open],:where(.skdx-alert-dialog__overlay)[data-state=open],:where(.skdx-drawer__overlay)[data-state=open],:where(.skdx-tour__backdrop)[data-state=open]{animation:skdx-fade-in var(--skdx-motion-duration-normal) var(--skdx-motion-easing)}:where(.skdx-dialog__overlay)[data-state=closed],:where(.skdx-alert-dialog__overlay)[data-state=closed],:where(.skdx-drawer__overlay)[data-state=closed],:where(.skdx-tour__backdrop)[data-state=closed]{animation:skdx-fade-out var(--skdx-motion-duration-fast) var(--skdx-motion-easing-exit)}:where(dialog.skdx-dialog__content)::backdrop,:where(dialog.skdx-alert-dialog__content)::backdrop,:where(dialog.skdx-drawer__content)::backdrop{background-color:transparent}@media(forced-colors:active){:where(.skdx-dialog__content),:where(.skdx-alert-dialog__content),:where(.skdx-drawer__content),:where(.skdx-popover__content),:where(.skdx-tooltip__content),:where(.skdx-hover-card__content),:where(.skdx-dropdown-menu__content),:where(.skdx-dropdown-menu__sub-content),:where(.skdx-context-menu__content),:where(.skdx-context-menu__sub-content),:where(.skdx-menubar__content),:where(.skdx-menubar__sub-content),:where(.skdx-select__content),:where(.skdx-combobox__content),:where(.skdx-autocomplete__content),:where(.skdx-multi-select__content),:where(.skdx-tree-select__content),:where(.skdx-date-picker__content),:where(.skdx-floating-panel__content),:where(.skdx-tour__content),:where(.skdx-speed-dial__content),:where(.skdx-navigation-menu__content){border-color:CanvasText}}}

package/dist/internal/_status.css

@@ -0,0 +1 @@
+@import"../base.css";@layer skdx-components{:where([class*=skdx-][data-status=info]){--skdx-status-bg: var(--skdx-color-status-info-bg);--skdx-status-border: var(--skdx-color-status-info-border);--skdx-status-text: var(--skdx-color-status-info-text);--skdx-status-icon: var(--skdx-color-status-info-icon)}:where([class*=skdx-][data-status=success]){--skdx-status-bg: var(--skdx-color-status-success-bg);--skdx-status-border: var(--skdx-color-status-success-border);--skdx-status-text: var(--skdx-color-status-success-text);--skdx-status-icon: var(--skdx-color-status-success-icon)}:where([class*=skdx-][data-status=warning]){--skdx-status-bg: var(--skdx-color-status-warning-bg);--skdx-status-border: var(--skdx-color-status-warning-border);--skdx-status-text: var(--skdx-color-status-warning-text);--skdx-status-icon: var(--skdx-color-status-warning-icon)}:where([class*=skdx-][data-status=danger]),:where([class*=skdx-][data-status=error]){--skdx-status-bg: var(--skdx-color-status-danger-bg);--skdx-status-border: var(--skdx-color-status-danger-border);--skdx-status-text: var(--skdx-color-status-danger-text);--skdx-status-icon: var(--skdx-color-status-danger-icon)}}

package/dist/internal/_trigger.css

@@ -0,0 +1 @@
+@import"../base.css";@layer skdx-components{:where(.skdx-select__trigger),:where(.skdx-autocomplete__trigger),:where(.skdx-tree-select__trigger),:where(.skdx-date-picker__trigger){display:inline-flex;align-items:center;justify-content:space-between;gap:var(--skdx-space-2);inline-size:100%;block-size:var(--skdx-control-height-md);padding-inline:var(--skdx-control-padding-md);color:var(--skdx-color-field-text);background-color:var(--skdx-color-field-bg);border:var(--skdx-border-width-thin) solid var(--skdx-color-field-border);border-radius:var(--skdx-radius-md);font-size:var(--skdx-font-size-sm);text-align:start;cursor:pointer;transition:border-color var(--skdx-motion-duration-fast) var(--skdx-motion-easing)}:where(.skdx-select__trigger):hover:not([data-disabled]),:where(.skdx-autocomplete__trigger):hover:not([data-disabled]),:where(.skdx-tree-select__trigger):hover:not([data-disabled]),:where(.skdx-date-picker__trigger):hover:not([data-disabled]){border-color:var(--skdx-color-field-border-hover)}:where(.skdx-select__trigger)[data-state=open],:where(.skdx-autocomplete__trigger)[data-state=open],:where(.skdx-tree-select__trigger)[data-state=open],:where(.skdx-date-picker__trigger)[data-state=open]{border-color:var(--skdx-color-field-border-focus)}:where(.skdx-select__trigger)[data-invalid],:where(.skdx-autocomplete__trigger)[data-invalid],:where(.skdx-tree-select__trigger)[data-invalid],:where(.skdx-date-picker__trigger)[data-invalid]{border-color:var(--skdx-color-field-border-invalid);border-width:var(--skdx-border-width-thick)}:where(.skdx-select__trigger)[data-disabled],:where(.skdx-autocomplete__trigger)[data-disabled],:where(.skdx-tree-select__trigger)[data-disabled],:where(.skdx-date-picker__trigger)[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-select__value),:where(.skdx-tree-select__value){overflow:hidden;--skdx-focus-ring-offset: var(--skdx-focus-ring-offset-inset);text-overflow:ellipsis;white-space:nowrap}:where(.skdx-select__value)[data-placeholder],:where(.skdx-tree-select__value)[data-placeholder]{color:var(--skdx-color-text-placeholder)}@media(forced-colors:active){:where(.skdx-select__trigger),:where(.skdx-autocomplete__trigger),:where(.skdx-tree-select__trigger),:where(.skdx-date-picker__trigger){border-color:CanvasText}}}

package/dist/utilities.css

@@ -0,0 +1 @@
+@layer skdx-reset,skdx-base,skdx-components,skdx-utilities;@layer skdx-reset{:root{--skdx-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--skdx-font-family-mono: "SF Mono", SFMono-Regular, ui-monospace, Menlo, Consolas, monospace;--skdx-font-size-xs: .75rem;--skdx-font-size-sm: .875rem;--skdx-font-size-md: 1rem;--skdx-font-size-lg: 1.125rem;--skdx-font-size-xl: 1.25rem;--skdx-font-size-2xl: 1.5rem;--skdx-font-size-3xl: 1.875rem;--skdx-font-weight-regular: 400;--skdx-font-weight-medium: 500;--skdx-font-weight-semibold: 600;--skdx-font-weight-bold: 700;--skdx-font-line-height-tight: 1.25;--skdx-font-line-height-snug: 1.43;--skdx-font-line-height-normal: 1.5;--skdx-font-line-height-relaxed: 1.75;--skdx-font-letter-spacing-tight: -.015em;--skdx-font-letter-spacing-normal: 0em;--skdx-font-letter-spacing-wide: .025em;--skdx-font-letter-spacing-wider: .05em;--skdx-space-1: .25rem;--skdx-space-2: .5rem;--skdx-space-3: .75rem;--skdx-space-4: 1rem;--skdx-space-5: 1.25rem;--skdx-space-6: 1.5rem;--skdx-space-8: 2rem;--skdx-space-10: 2.5rem;--skdx-space-12: 3rem;--skdx-space-16: 4rem;--skdx-radius-sm: .25rem;--skdx-radius-inner: .375rem;--skdx-radius-md: .5rem;--skdx-radius-lg: .75rem;--skdx-radius-xl: 1rem;--skdx-radius-full: 9999px;--skdx-motion-duration-instant: 0ms;--skdx-motion-duration-fast: .1s;--skdx-motion-duration-normal: .2s;--skdx-motion-duration-slow: .3s;--skdx-motion-easing: cubic-bezier(.16, 1, .3, 1);--skdx-motion-easing-exit: cubic-bezier(.4, 0, 1, 1);--skdx-motion-easing-steady: cubic-bezier(.4, 0, .2, 1);--skdx-motion-easing-linear: linear;--skdx-motion-stagger-tight: 4ms;--skdx-motion-stagger-loose: 40ms;--skdx-z-index-base: 0;--skdx-z-index-dropdown: 10;--skdx-z-index-sticky: 20;--skdx-z-index-overlay: 30;--skdx-z-index-modal: 35;--skdx-z-index-popover: 40;--skdx-z-index-toast: 50;--skdx-z-index-max: 9999;--skdx-focus-ring-width: 2px;--skdx-focus-ring-offset: 2px;--skdx-focus-ring-offset-inset: calc(-1 * var(--skdx-focus-ring-width));--skdx-border-width-thin: 1px;--skdx-border-width-thick: 2px;--skdx-border-width-thicker: 4px;--skdx-opacity-disabled: .5;--skdx-opacity-scrim: .6;--skdx-control-height-sm: 1.875rem;--skdx-control-height-md: 2.25rem;--skdx-control-height-lg: 2.625rem;--skdx-control-height-compact: 2rem;--skdx-control-padding-sm: .625rem;--skdx-control-padding-md: var(--skdx-space-3);--skdx-control-padding-lg: var(--skdx-space-4);--skdx-control-gap-sm: var(--skdx-space-1);--skdx-control-gap-md: var(--skdx-space-2);--skdx-control-gap-lg: var(--skdx-space-2);--skdx-icon-size-sm: 1rem;--skdx-icon-size-md: 1.25rem;--skdx-icon-size-lg: 1.5rem;--skdx-indicator-size-sm: 1rem;--skdx-indicator-size-md: 1.25rem;--skdx-indicator-size-lg: 1.5rem;--skdx-item-height-sm: 1.75rem;--skdx-item-height-md: 2.25rem;--skdx-item-height-lg: 2.5rem;--skdx-item-gap: 2px;--skdx-overlay-padding: var(--skdx-space-1);--skdx-overlay-radius: var(--skdx-radius-lg);--skdx-overlay-min-width: 7.5rem;--skdx-field-gap: var(--skdx-space-1);--skdx-field-label-gap: var(--skdx-space-1);--skdx-target-min: 24px}@media(pointer:coarse){:root{--skdx-control-height-sm: 2.25rem;--skdx-control-height-md: 2.75rem;--skdx-control-height-lg: 3rem;--skdx-control-height-compact: 2.75rem;--skdx-item-height-sm: 2.25rem;--skdx-item-height-md: 2.75rem;--skdx-item-height-lg: 3rem;--skdx-target-min: 44px}}}@layer skdx-reset,skdx-base,skdx-components,skdx-utilities;@layer skdx-reset{:root{--skdx-shadow-sm: none;--skdx-shadow-md: none;--skdx-shadow-lg: none;--skdx-shadow-overlay: none;--skdx-color-surface-page: Canvas;--skdx-color-surface-raised: Canvas;--skdx-color-surface-default: ButtonFace;--skdx-color-surface-sunken: ButtonFace;--skdx-color-surface-hover: color-mix(in srgb, CanvasText 8%, Canvas);--skdx-color-surface-pressed: color-mix(in srgb, CanvasText 16%, Canvas);--skdx-color-surface-selected: Highlight;--skdx-color-surface-disabled: ButtonFace;--skdx-color-surface-inverse: CanvasText;--skdx-color-text-on-inverse: Canvas;--skdx-color-text-default: CanvasText;--skdx-color-text-muted: GrayText;--skdx-color-text-disabled: GrayText;--skdx-color-text-placeholder: GrayText;--skdx-color-text-on-accent: AccentColorText;--skdx-color-text-accent: LinkText;--skdx-color-text-danger: CanvasText;--skdx-color-text-success: CanvasText;--skdx-color-text-warning: CanvasText;--skdx-color-text-info: CanvasText;--skdx-color-border-default: color-mix(in srgb, CanvasText 45%, Canvas);--skdx-color-border-strong: CanvasText;--skdx-color-border-subtle: color-mix(in srgb, CanvasText 25%, Canvas);--skdx-color-border-accent: AccentColor;--skdx-color-border-disabled: GrayText;--skdx-color-border-danger: color-mix(in srgb, CanvasText 70%, Canvas);--skdx-color-border-success: color-mix(in srgb, CanvasText 70%, Canvas);--skdx-color-border-warning: color-mix(in srgb, CanvasText 70%, Canvas);--skdx-color-action-primary-bg: AccentColor;--skdx-color-action-primary-bg-hover: AccentColor;--skdx-color-action-primary-bg-pressed: AccentColor;--skdx-color-action-primary-text: AccentColorText;--skdx-color-action-primary-border: AccentColor;--skdx-color-action-primary-border-hover: CanvasText;--skdx-color-action-secondary-bg: ButtonFace;--skdx-color-action-secondary-bg-hover: ButtonFace;--skdx-color-action-secondary-bg-pressed: ButtonFace;--skdx-color-action-secondary-text: ButtonText;--skdx-color-action-secondary-border: ButtonBorder;--skdx-color-action-outline-text: ButtonText;--skdx-color-action-outline-border: ButtonBorder;--skdx-color-action-outline-bg-hover: ButtonFace;--skdx-color-action-outline-bg-pressed: ButtonFace;--skdx-color-action-ghost-text: ButtonText;--skdx-color-action-ghost-bg-hover: ButtonFace;--skdx-color-action-ghost-bg-pressed: ButtonFace;--skdx-color-action-danger-bg: ButtonFace;--skdx-color-action-danger-bg-hover: ButtonFace;--skdx-color-action-danger-bg-pressed: ButtonFace;--skdx-color-action-danger-text: ButtonText;--skdx-color-action-danger-border: CanvasText;--skdx-color-action-disabled-bg: ButtonFace;--skdx-color-action-disabled-text: GrayText;--skdx-color-action-disabled-border: GrayText;--skdx-color-field-bg: Field;--skdx-color-field-bg-hover: ButtonFace;--skdx-color-field-bg-disabled: ButtonFace;--skdx-color-field-bg-readonly: ButtonFace;--skdx-color-field-text: FieldText;--skdx-color-field-border: ButtonBorder;--skdx-color-field-border-hover: AccentColor;--skdx-color-field-border-focus: Highlight;--skdx-color-field-border-invalid: CanvasText;--skdx-color-selection-bg: AccentColor;--skdx-color-selection-bg-hover: AccentColor;--skdx-color-selection-mark: AccentColorText;--skdx-color-highlight-bg: Highlight;--skdx-color-highlight-text: HighlightText;--skdx-color-status-info-bg: Canvas;--skdx-color-status-info-border: ButtonBorder;--skdx-color-status-info-text: CanvasText;--skdx-color-status-info-icon: CanvasText;--skdx-color-status-success-bg: Canvas;--skdx-color-status-success-border: ButtonBorder;--skdx-color-status-success-text: CanvasText;--skdx-color-status-success-icon: CanvasText;--skdx-color-status-warning-bg: Canvas;--skdx-color-status-warning-border: ButtonBorder;--skdx-color-status-warning-text: CanvasText;--skdx-color-status-warning-icon: CanvasText;--skdx-color-status-danger-bg: Canvas;--skdx-color-status-danger-border: ButtonBorder;--skdx-color-status-danger-text: CanvasText;--skdx-color-status-danger-icon: CanvasText;--skdx-color-status-neutral-bg: ButtonFace;--skdx-color-status-neutral-border: ButtonBorder;--skdx-color-status-neutral-text: ButtonText;--skdx-color-status-neutral-icon: GrayText;--skdx-color-focus-ring: CanvasText;--skdx-color-focus-ring-offset: Canvas;--skdx-color-separator: ButtonBorder;--skdx-color-track: ButtonFace;--skdx-color-track-fill: AccentColor;--skdx-color-skeleton: ButtonFace;--skdx-color-skeleton-sheen: Canvas;--skdx-color-neutral-50: Canvas;--skdx-color-neutral-950: CanvasText;--skdx-color-surface-overlay: transparent}:where([class*=skdx-]):is(h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd,ol,ul,menu,fieldset){margin:0}:where([class*=skdx-]):is(ol,ul,menu){padding-inline-start:0;list-style:none}}@layer skdx-reset{:where([class^=skdx-],[class*=" skdx-"]),:where([class^=skdx-],[class*=" skdx-"]):before,:where([class^=skdx-],[class*=" skdx-"]):after{box-sizing:border-box}:where(button,input,select,textarea)[class*=skdx-]{font:inherit;color:inherit;letter-spacing:inherit}}@layer skdx-base{:where([class^=skdx-],[class*=" skdx-"]):focus-visible{outline:var(--skdx-focus-ring-width) solid var(--skdx-color-focus-ring);outline-offset:var(--skdx-focus-ring-offset)}:where([class^=skdx-],[class*=" skdx-"]):is(button,summary,a[href],[role=button],[role=link],[data-skdx-control=actuator]):hover:not(:disabled,[data-disabled],[aria-disabled=true]){background-color:var(--skdx-color-surface-hover)}:where([class^=skdx-],[class*=" skdx-"]):is(input,textarea,select):hover:not(:disabled,[readonly],[data-readonly],[data-disabled]){border-color:var(--skdx-color-field-border-hover);background-color:var(--skdx-color-field-bg-hover)}:where(.skdx-number-field,.skdx-tags-input,.skdx-pin-input__field,.skdx-multi-select__trigger,.skdx-form__control):hover:not([data-disabled],[data-readonly]){border-color:var(--skdx-color-field-border-hover)}:where([class^=skdx-],[class*=" skdx-"]):is(button,summary,a[href],[role=button],[role=link],[role=menuitem],[role=menuitemcheckbox],[role=menuitemradio],[role=option],[role=tab],[role=checkbox],[role=radio],[role=switch],[data-skdx-control]):active:not(:disabled,[data-disabled],[aria-disabled=true]){translate:0 1px}}@layer skdx-utilities{@media(prefers-reduced-motion:reduce){:where([class^=skdx-],[class*=" skdx-"]),:where([class^=skdx-],[class*=" skdx-"]):before,:where([class^=skdx-],[class*=" skdx-"]):after{animation-duration:1ms;animation-iteration-count:1;transition-duration:1ms;scroll-behavior:auto}}}@keyframes skdx-fade-in{0%{opacity:0}}@keyframes skdx-fade-out{to{opacity:0}}@keyframes skdx-zoom-in{0%{opacity:0;transform:scale(.96)}}@keyframes skdx-zoom-out{to{opacity:0;transform:scale(.96)}}@keyframes skdx-slide-in-from-top{0%{opacity:0;transform:translateY(-.5rem)}}@keyframes skdx-slide-in-from-bottom{0%{opacity:0;transform:translateY(.5rem)}}@keyframes skdx-slide-in-from-start{0%{opacity:0;transform:translate(-.5rem)}}@keyframes skdx-slide-in-from-end{0%{opacity:0;transform:translate(.5rem)}}@keyframes skdx-spin{to{transform:rotate(360deg)}}@keyframes skdx-pulse{50%{opacity:.5}}@keyframes skdx-indeterminate{0%{transform:translate(-100%)}to{transform:translate(400%)}}@layer skdx-utilities{.skdx-visually-hidden{position:absolute;inline-size:1px;block-size:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skdx-visually-hidden-focusable:not(:focus,:focus-within){position:absolute;inline-size:1px;block-size:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skdx-focus-ring-none:focus-visible{outline:none}}

package/package.json

@@ -0,0 +1,95 @@
+{
+  "name": "@skdx/skins",
+  "version": "0.26.0",
+  "description": "The default SkandaDX component skin — framework-neutral CSS that styles the headless components from @skdx/react, @skdx/vue, @skdx/svelte, @skdx/angular and @skdx/web-components against @skdx/tokens",
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public"
+  },
+  "homepage": "https://github.com/SkandaDX/ui.skdx/tree/main/packages/skins#readme",
+  "repository": {
+    "directory": "packages/skins",
+    "type": "git",
+    "url": "git+https://github.com/SkandaDX/ui.skdx.git"
+  },
+  "bugs": {
+    "url": "https://github.com/SkandaDX/ui.skdx/issues"
+  },
+  "type": "module",
+  "engines": {
+    "node": ">=18.18.0"
+  },
+  "exports": {
+    "./all.css": "./dist/index.css",
+    "./base.css": "./dist/base.css",
+    "./utilities.css": "./dist/utilities.css",
+    "./components/*.css": "./dist/components/*.css",
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "dist",
+    "!dist/**/*.map",
+    "!dist/**/*.test.*"
+  ],
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "peerDependencies": {
+    "@skdx/tokens": "^0.26.0"
+  },
+  "peerDependenciesMeta": {
+    "@skdx/tokens": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@analogjs/vite-plugin-angular": "^2.6.3",
+    "@angular/common": "^22.0.0",
+    "@angular/compiler": "^22.0.0",
+    "@angular/core": "^22.0.0",
+    "@angular/forms": "^22.0.0",
+    "@angular/platform-browser": "^22.0.0",
+    "@playwright/test": "^1.61.1",
+    "@sveltejs/vite-plugin-svelte": "^7.0.0",
+    "@types/node": "^26.1.1",
+    "@types/react": "^19.2.17",
+    "@types/react-dom": "^19.2.3",
+    "@vitejs/plugin-react": "^6.0.3",
+    "@vitejs/plugin-vue": "^6.0.8",
+    "@vitejs/plugin-vue-jsx": "^5.1.6",
+    "lit": "^3.3.0",
+    "react": "^19.2.7",
+    "react-dom": "^19.2.7",
+    "rxjs": "^7.8.2",
+    "stylelint": "^17.14.1",
+    "svelte": "^5.46.4",
+    "vite": "^8.1.3",
+    "vitest": "^4.1.10",
+    "vue": "^3.5.39",
+    "@skdx/angular": "0.26.0",
+    "@skdx/react": "0.26.0",
+    "@skdx/vue": "0.26.0",
+    "@skdx/web-components": "0.26.0",
+    "@skdx/tokens": "0.26.0",
+    "@skdx/svelte": "0.26.0"
+  },
+  "scripts": {
+    "build": "node -e \"require('node:fs').rmSync('dist', { recursive: true, force: true })\" && node scripts/generate-fallback.mjs && node scripts/build.mjs && node ../../scripts/minify-css.mjs dist",
+    "generate": "node scripts/generate-fallback.mjs",
+    "typecheck": "tsc -p tsconfig.json",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "test:coverage": "vitest run --coverage",
+    "test:e2e": "playwright test",
+    "preview": "vite --config e2e/vite.config.ts --open /packages/skins/e2e/preview.html",
+    "lint:css": "stylelint \"src/**/*.css\"",
+    "test:e2e:vue": "SKDX_FRAMEWORK=vue playwright test",
+    "preview:vue": "vite --config e2e/vite.vue.config.ts --open /packages/skins/e2e/preview.html",
+    "test:e2e:svelte": "SKDX_FRAMEWORK=svelte playwright test",
+    "preview:svelte": "vite --config e2e/vite.svelte.config.ts --open /packages/skins/e2e/preview.html",
+    "test:e2e:angular": "SKDX_FRAMEWORK=angular playwright test",
+    "preview:angular": "vite --config e2e/vite.angular.config.ts --open /packages/skins/e2e/preview.html",
+    "test:e2e:wc": "SKDX_FRAMEWORK=web-components playwright test",
+    "preview:wc": "vite --config e2e/vite.wc.config.ts --open /packages/skins/e2e/preview.html"
+  }
+}