@skdx/skins 0.27.0 → 0.29.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@skdx/skins",
-  "version": "0.27.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",
+  "version": "0.29.0",
+  "description": "The default SkandaDX component skin — framework-neutral CSS that styles the core components from @skdx/react, @skdx/vue, @skdx/svelte, @skdx/angular and @skdx/web-components against @skdx/tokens",
   "license": "MIT",
   "publishConfig": {
     "access": "public"
@@ -22,7 +22,9 @@
   "exports": {
     "./all.css": "./dist/index.css",
     "./base.css": "./dist/base.css",
+    "./structure.css": "./dist/structure.css",
     "./utilities.css": "./dist/utilities.css",
+    "./web-components.css": "./dist/web-components.css",
     "./components/*.css": "./dist/components/*.css",
     "./package.json": "./package.json"
   },
@@ -35,7 +37,7 @@
     "**/*.css"
   ],
   "peerDependencies": {
-    "@skdx/tokens": "^0.27.0"
+    "@skdx/tokens": "^0.29.0"
   },
   "peerDependenciesMeta": {
     "@skdx/tokens": {
@@ -66,14 +68,15 @@
     "vite": "^8.1.3",
     "vitest": "^4.1.10",
     "vue": "^3.5.39",
-    "@skdx/angular": "0.27.0",
-    "@skdx/vue": "0.27.0",
-    "@skdx/react": "0.27.0",
-    "@skdx/svelte": "0.27.0",
-    "@skdx/web-components": "0.27.0",
-    "@skdx/tokens": "0.27.0"
+    "@skdx/react": "0.29.0",
+    "@skdx/vue": "0.29.0",
+    "@skdx/tokens": "0.29.0",
+    "@skdx/angular": "0.29.0",
+    "@skdx/web-components": "0.29.0",
+    "@skdx/svelte": "0.29.0"
   },
   "scripts": {
+    "lint": "eslint . --cache --cache-location node_modules/.cache/eslint/",
     "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",

package/dist/components/affix.css

@@ -1 +0,0 @@
-@import"../base.css";@layer skdx-components{:where(.skdx-affix){position:sticky;z-index:var(--skdx-z-index-sticky)}:where(.skdx-affix)[data-state=affixed]{box-shadow:var(--skdx-shadow-sm);background-color:var(--skdx-color-surface-page)}:where([data-skdx-affix-sentinel]){pointer-events:none}}

package/dist/components/alert-dialog.css

@@ -1 +0,0 @@
-@import"../internal/_actuator.css";@import"dialog.css";@layer skdx-components{:where(.skdx-alert-dialog__content){position:fixed;inset-block-start:50%;inset-inline-start:50%;translate:-50% -50%;inline-size:min(24rem,calc(100vw - var(--skdx-space-8)));display:flex;flex-direction:column;gap:var(--skdx-space-4);padding:var(--skdx-space-6);border-radius:var(--skdx-radius-xl);z-index:var(--skdx-z-index-modal)}:where(dialog.skdx-alert-dialog__content:not([open])){display:none}:where(.skdx-alert-dialog__title){margin:0;font-size:var(--skdx-font-size-lg);font-weight:var(--skdx-font-weight-semibold);color:var(--skdx-color-text-default)}:where(.skdx-alert-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-alert-dialog__footer){display:flex;justify-content:flex-end;gap:var(--skdx-space-2)}}

package/dist/components/context-menu.css

@@ -1 +0,0 @@
-@import"../internal/_actuator.css";@import"../internal/_overlay.css";@import"../internal/_collection.css";@layer skdx-components{:where(.skdx-context-menu__content),:where(.skdx-context-menu__sub-content){padding:var(--skdx-overlay-padding)}:where(.skdx-context-menu__sub-trigger)[data-state=open]{background-color:var(--skdx-color-highlight-bg)}:where(.skdx-context-menu__trigger){cursor:context-menu}:where(.skdx-context-menu__trigger)[data-disabled]{cursor:default}:where(.skdx-context-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)}}

package/dist/components/data-list.css

@@ -1 +0,0 @@
-@import"../base.css";@layer skdx-components{:where(.skdx-data-list){display:grid;grid-template-columns:auto 1fr;gap:var(--skdx-space-2) var(--skdx-space-4);margin:0;font-size:var(--skdx-font-size-sm)}:where(.skdx-data-list)[data-orientation=vertical]{grid-template-columns:1fr;gap:var(--skdx-space-1)}:where(.skdx-data-list__item){display:grid;grid-column:1 / -1;grid-template-columns:subgrid}:where(.skdx-data-list__label){color:var(--skdx-color-text-muted);font-weight:var(--skdx-font-weight-medium)}:where(.skdx-data-list__value){margin:0;color:var(--skdx-color-text-default)}}

package/dist/components/dropdown-menu.css

@@ -1 +0,0 @@
-@import"../internal/_actuator.css";@import"../internal/_overlay.css";@import"../internal/_collection.css";@layer skdx-components{:where(.skdx-dropdown-menu__content),:where(.skdx-dropdown-menu__sub-content){padding:var(--skdx-overlay-padding)}:where(.skdx-dropdown-menu__sub-trigger)[data-state=open]{background-color:var(--skdx-color-highlight-bg)}:where(.skdx-dropdown-menu__item-indicator){margin-inline-start:auto}:where(.skdx-dropdown-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}:where(.skdx-dropdown-menu__arrow){inline-size:var(--skdx-space-3);block-size:var(--skdx-space-3);rotate:45deg;background-color:var(--skdx-color-surface-raised);border:var(--skdx-border-width-thin) solid var(--skdx-color-border-default)}@media(forced-colors:active){:where(.skdx-dropdown-menu__arrow){background-color:Canvas;border-color:CanvasText}}}

package/dist/components/hover-card.css

@@ -1 +0,0 @@
-@import"../internal/_actuator.css";@import"../internal/_overlay.css";@layer skdx-components{:where(.skdx-hover-card__content){padding:var(--skdx-space-4);max-inline-size:20rem;font-size:var(--skdx-font-size-sm);line-height:var(--skdx-font-line-height-relaxed)}:where(.skdx-hover-card__trigger){color:inherit;text-decoration:underline dotted;text-underline-offset:.2em;cursor:pointer}:where(.skdx-hover-card__trigger):hover,:where(.skdx-hover-card__trigger)[data-state=open]{text-decoration-style:solid}:where(.skdx-hover-card__arrow){inline-size:var(--skdx-space-3);block-size:var(--skdx-space-3);rotate:45deg;background-color:var(--skdx-color-surface-raised);border:var(--skdx-border-width-thin) solid var(--skdx-color-border-default)}}

package/dist/components/meter.css

@@ -1 +0,0 @@
-@import"../base.css";@layer skdx-components{:where(.skdx-meter){display:block;overflow:hidden;--skdx-focus-ring-offset: var(--skdx-focus-ring-offset-inset);inline-size:100%;block-size:var(--skdx-space-2);background-color:var(--skdx-color-track);border-radius:var(--skdx-radius-full)}:where(.skdx-meter__indicator){display:block;block-size:100%;inline-size:var(--skdx-meter, 0%);background-color:var(--skdx-color-track-fill);border-radius:inherit}:where(.skdx-meter)[data-range=optimum] :where(.skdx-meter__indicator){background-color:var(--skdx-color-status-success-icon)}:where(.skdx-meter)[data-range=suboptimal] :where(.skdx-meter__indicator){background-color:var(--skdx-color-status-warning-icon)}:where(.skdx-meter)[data-range=poor] :where(.skdx-meter__indicator){background-color:var(--skdx-color-status-danger-icon)}:where(.skdx-meter__label),:where(.skdx-meter__value){font-size:var(--skdx-font-size-xs);color:var(--skdx-color-text-muted);font-variant-numeric:tabular-nums}}

package/dist/components/multi-select.css

@@ -1 +0,0 @@
-@import"../internal/_trigger.css";@import"../internal/_overlay.css";@import"../internal/_collection.css";@layer skdx-components{:where(.skdx-multi-select__content){padding:var(--skdx-overlay-padding)}:where(.skdx-multi-select__tag-list){display:flex;flex-wrap:wrap;align-items:center;gap:var(--skdx-space-1);flex:1;min-inline-size:0}:where(.skdx-multi-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-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-multi-select__tag-remove){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-multi-select__tag-remove):hover{color:var(--skdx-color-text-danger)}:where(.skdx-multi-select__list){display:flex;flex-direction:column;padding:var(--skdx-space-1)}:where(.skdx-multi-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-multi-select__trigger){block-size:auto;min-block-size:var(--skdx-control-height-md);padding-block:var(--skdx-space-1);flex-wrap:wrap}}

package/dist/components/segmented-control.css

@@ -1 +0,0 @@
-@import"../base.css";@layer skdx-components{:where(.skdx-segmented-control){position:relative;display:inline-flex;align-items:center;gap:0;padding:var(--skdx-border-width-thick);background-color:var(--skdx-color-surface-sunken);border-radius:var(--skdx-radius-md)}:where(.skdx-segmented-control)[data-orientation=vertical]{flex-direction:column;align-items:stretch}:where(.skdx-segmented-control__item){position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:var(--skdx-control-gap-sm);min-block-size:var(--skdx-control-height-compact);padding-inline:var(--skdx-space-3);color:var(--skdx-color-text-muted);background:transparent;border:0;border-radius:var(--skdx-radius-inner);font-size:var(--skdx-font-size-sm);font-weight:var(--skdx-font-weight-medium);white-space:nowrap;cursor:pointer;transition:background-color var(--skdx-motion-duration-fast) var(--skdx-motion-easing),color var(--skdx-motion-duration-fast) var(--skdx-motion-easing)}:where(.skdx-segmented-control__item)[data-state=checked],:where(.skdx-segmented-control__item)[aria-checked=true],:where(.skdx-segmented-control__item)[aria-selected=true]{color:var(--skdx-color-text-default);background-color:var(--skdx-color-surface-raised);box-shadow:var(--skdx-shadow-sm)}:where(.skdx-segmented-control__item):hover:not([data-disabled]){color:var(--skdx-color-text-default);background-color:var(--skdx-color-surface-hover)}:where(.skdx-segmented-control__item)[data-disabled]{color:var(--skdx-color-text-disabled);cursor:not-allowed}@media(forced-colors:active){:where(.skdx-segmented-control__item)[aria-checked=true]{background-color:Highlight;color:HighlightText}}:where(.skdx-segmented-control__indicator){position:absolute;z-index:var(--skdx-z-index-base);inset-block:0;left:0;inline-size:var(--skdx-segmented-control-width, 0);translate:var(--skdx-segmented-control-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-segmented-control)[data-orientation=vertical] :where(.skdx-segmented-control__indicator){inset-block:auto;inset-inline:0;inline-size:auto;block-size:var(--skdx-segmented-control-height, 0);translate:0 var(--skdx-segmented-control-y, 0)}}

package/dist/components/separator.css

@@ -1 +0,0 @@
-@import"../base.css";@layer skdx-components{:where(.skdx-separator){flex:none;border:0;background-color:var(--skdx-color-separator)}:where(.skdx-separator)[data-orientation=horizontal]{inline-size:100%;block-size:var(--skdx-border-width-thin)}:where(.skdx-separator)[data-orientation=vertical]{inline-size:var(--skdx-border-width-thin);align-self:stretch;block-size:auto;min-block-size:var(--skdx-control-height-md)}@media(forced-colors:active){:where(.skdx-separator){background-color:CanvasText}}}

package/dist/components/steps.css

@@ -1 +0,0 @@
-@import"../internal/_actuator.css";@import"../base.css";@layer skdx-components{:where(.skdx-steps){display:flex;align-items:flex-start;gap:var(--skdx-space-2)}:where(.skdx-steps)[data-orientation=vertical]{flex-direction:column;align-items:stretch}:where(.skdx-steps__item){display:flex;align-items:center;gap:var(--skdx-space-2);flex:1;min-inline-size:0}:where(.skdx-steps__description){font-size:var(--skdx-font-size-xs);color:var(--skdx-color-text-muted)}:where(.skdx-steps__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-steps__item)[data-status=current] :where(.skdx-steps__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-steps__item)[data-status=completed] :where(.skdx-steps__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-steps__item)[data-disabled] :where(.skdx-steps__indicator){color:var(--skdx-color-text-disabled)}:where(.skdx-steps__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-steps)[data-orientation=vertical] :where(.skdx-steps__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-steps__title){font-size:var(--skdx-font-size-sm);font-weight:var(--skdx-font-weight-medium);color:var(--skdx-color-text-default)}}

package/dist/components/tag.css

@@ -1 +0,0 @@
-@import"../internal/_status.css";@layer skdx-components{:where(.skdx-tag){display:inline-flex;align-items:center;gap:var(--skdx-space-1);min-block-size:var(--skdx-control-height-sm);padding-inline:var(--skdx-space-2);font-size:var(--skdx-font-size-xs);line-height:var(--skdx-font-line-height-tight);color:var(--skdx-status-text, var(--skdx-color-status-neutral-text));background-color:var(--skdx-status-bg, var(--skdx-color-status-neutral-bg));border:var(--skdx-border-width-thin) solid var(--skdx-status-border, var(--skdx-color-status-neutral-border));border-radius:var(--skdx-radius-md)}:where(.skdx-tag)[data-selected]{background-color:var(--skdx-color-surface-selected);border-color:var(--skdx-color-border-accent);color:var(--skdx-color-text-accent)}:where(.skdx-tag)[data-disabled]{color:var(--skdx-color-text-disabled);background-color:var(--skdx-color-surface-disabled);border-color:var(--skdx-color-border-disabled);cursor:not-allowed}:where(.skdx-tag__delete){display:inline-flex;align-items:center;justify-content:center;inline-size:var(--skdx-icon-size-sm);block-size:var(--skdx-icon-size-sm);padding:0;color:currentColor;background:transparent;border:0;border-radius:var(--skdx-radius-full);cursor:pointer}:where(.skdx-tag__delete):hover{color:var(--skdx-color-text-danger)}}

package/dist/components/tooltip.css

@@ -1 +0,0 @@
-@import"../internal/_actuator.css";@import"../internal/_overlay.css";@layer skdx-components{:where(.skdx-tooltip__content){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;pointer-events:none;z-index:var(--skdx-z-index-popover)}:where(.skdx-tooltip__arrow){inline-size:var(--skdx-space-3);block-size:var(--skdx-space-3);rotate:45deg;background-color:var(--skdx-color-surface-inverse);border:var(--skdx-border-width-thin) solid var(--skdx-color-surface-inverse)}@media(forced-colors:active){:where(.skdx-tooltip__content){color:CanvasText;background-color:Canvas;border:var(--skdx-border-width-thin) solid CanvasText}:where(.skdx-tooltip__arrow){background-color:Canvas;border-color:CanvasText}}}