@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.
Files changed (74) hide show
  1. package/README.md +155 -160
  2. package/dist/base.css +1 -1
  3. package/dist/components/accordion.css +1 -1
  4. package/dist/components/autocomplete.css +1 -1
  5. package/dist/components/badge.css +1 -1
  6. package/dist/components/button.css +1 -1
  7. package/dist/components/calendar.css +1 -1
  8. package/dist/components/carousel.css +1 -1
  9. package/dist/components/checkbox-card.css +1 -1
  10. package/dist/components/checkbox.css +1 -1
  11. package/dist/components/collapsible.css +1 -1
  12. package/dist/components/color-picker.css +1 -1
  13. package/dist/components/combobox.css +1 -1
  14. package/dist/components/command.css +1 -1
  15. package/dist/components/date-picker.css +1 -1
  16. package/dist/components/dialog.css +1 -1
  17. package/dist/components/divider.css +1 -0
  18. package/dist/components/drawer.css +1 -1
  19. package/dist/components/file-upload.css +1 -1
  20. package/dist/components/floating-panel.css +1 -1
  21. package/dist/components/form.css +1 -1
  22. package/dist/components/link.css +1 -1
  23. package/dist/components/list.css +1 -1
  24. package/dist/components/loading-overlay.css +1 -1
  25. package/dist/components/mentions.css +1 -0
  26. package/dist/components/menu.css +1 -0
  27. package/dist/components/menubar.css +1 -1
  28. package/dist/components/navigation-menu.css +1 -1
  29. package/dist/components/pagination.css +1 -1
  30. package/dist/components/password-input.css +1 -1
  31. package/dist/components/pin-input.css +1 -1
  32. package/dist/components/popover.css +1 -1
  33. package/dist/components/progress.css +1 -1
  34. package/dist/components/radio-card.css +1 -1
  35. package/dist/components/radio-group.css +1 -1
  36. package/dist/components/rating.css +1 -1
  37. package/dist/components/resizable.css +1 -1
  38. package/dist/components/scroll-area.css +1 -1
  39. package/dist/components/select.css +1 -1
  40. package/dist/components/stepper.css +1 -0
  41. package/dist/components/tag-group.css +1 -1
  42. package/dist/components/tags-input.css +1 -1
  43. package/dist/components/text.css +1 -1
  44. package/dist/components/textarea.css +1 -1
  45. package/dist/components/toggle-group.css +1 -1
  46. package/dist/components/tour.css +1 -1
  47. package/dist/components/transfer.css +1 -1
  48. package/dist/components/tree-select.css +1 -1
  49. package/dist/components/tree.css +1 -1
  50. package/dist/index.css +1 -1
  51. package/dist/internal/_actuator.css +1 -1
  52. package/dist/internal/_arrow.css +1 -0
  53. package/dist/internal/_collection.css +1 -1
  54. package/dist/internal/_hit-target.css +1 -0
  55. package/dist/internal/_overlay.css +1 -1
  56. package/dist/internal/_status.css +1 -1
  57. package/dist/internal/_trigger.css +1 -1
  58. package/dist/structure.css +1 -0
  59. package/dist/utilities.css +1 -1
  60. package/dist/web-components.css +1 -0
  61. package/package.json +12 -9
  62. package/dist/components/affix.css +0 -1
  63. package/dist/components/alert-dialog.css +0 -1
  64. package/dist/components/context-menu.css +0 -1
  65. package/dist/components/data-list.css +0 -1
  66. package/dist/components/dropdown-menu.css +0 -1
  67. package/dist/components/hover-card.css +0 -1
  68. package/dist/components/meter.css +0 -1
  69. package/dist/components/multi-select.css +0 -1
  70. package/dist/components/segmented-control.css +0 -1
  71. package/dist/components/separator.css +0 -1
  72. package/dist/components/steps.css +0 -1
  73. package/dist/components/tag.css +0 -1
  74. package/dist/components/tooltip.css +0 -1
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@skdx/skins",
3
- "version": "0.28.0",
4
- "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",
3
+ "version": "0.30.0",
4
+ "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",
5
5
  "license": "MIT",
6
6
  "publishConfig": {
7
7
  "access": "public"
@@ -22,7 +22,9 @@
22
22
  "exports": {
23
23
  "./all.css": "./dist/index.css",
24
24
  "./base.css": "./dist/base.css",
25
+ "./structure.css": "./dist/structure.css",
25
26
  "./utilities.css": "./dist/utilities.css",
27
+ "./web-components.css": "./dist/web-components.css",
26
28
  "./components/*.css": "./dist/components/*.css",
27
29
  "./package.json": "./package.json"
28
30
  },
@@ -35,7 +37,7 @@
35
37
  "**/*.css"
36
38
  ],
37
39
  "peerDependencies": {
38
- "@skdx/tokens": "^0.28.0"
40
+ "@skdx/tokens": "^0.30.0"
39
41
  },
40
42
  "peerDependenciesMeta": {
41
43
  "@skdx/tokens": {
@@ -66,14 +68,15 @@
66
68
  "vite": "^8.1.3",
67
69
  "vitest": "^4.1.10",
68
70
  "vue": "^3.5.39",
69
- "@skdx/angular": "0.28.0",
70
- "@skdx/tokens": "0.28.0",
71
- "@skdx/react": "0.28.0",
72
- "@skdx/svelte": "0.28.0",
73
- "@skdx/web-components": "0.28.0",
74
- "@skdx/vue": "0.28.0"
71
+ "@skdx/angular": "0.30.0",
72
+ "@skdx/react": "0.30.0",
73
+ "@skdx/vue": "0.30.0",
74
+ "@skdx/tokens": "0.30.0",
75
+ "@skdx/svelte": "0.30.0",
76
+ "@skdx/web-components": "0.30.0"
75
77
  },
76
78
  "scripts": {
79
+ "lint": "eslint . --cache --cache-location node_modules/.cache/eslint/",
77
80
  "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",
78
81
  "generate": "node scripts/generate-fallback.mjs",
79
82
  "typecheck": "tsc -p tsconfig.json",
@@ -1 +0,0 @@
1
- @import"../base.css";@layer skdx-components{:where(.skdx-affix){position:sticky;inset-block-start:var(--skdx-affix-offset-top, 0px);inset-block-end:var(--skdx-affix-offset-bottom, auto);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)}@media(forced-colors:active){:where(.skdx-affix)[data-state=affixed]{border-block-end:var(--skdx-border-width-thin) solid CanvasText}}:where(.skdx-affix)[data-state=affixed]~*,:where(.skdx-affix)[data-state=affixed]~* :where(:target,a[href],button,input,select,textarea,[tabindex]){scroll-margin-block-start:var(--skdx-affix-height, 0px)}:where([data-skdx-affix-sentinel]){pointer-events:none}}
@@ -1 +0,0 @@
1
- @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-overlay-radius);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);flex-wrap:wrap}}
@@ -1 +0,0 @@
1
- @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)}@media(forced-colors:active){:where(.skdx-context-menu__item,.skdx-context-menu__checkbox-item,.skdx-context-menu__radio-item,.skdx-context-menu__sub-trigger):is(:focus,:hover){background-color:Highlight;color:HighlightText;forced-color-adjust:none}}}
@@ -1 +0,0 @@
1
- @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)[data-density=compact]{gap:var(--skdx-space-1) var(--skdx-space-2);font-size:var(--skdx-font-size-xs)}:where(.skdx-data-list)[data-density=compact][data-orientation=vertical]{gap:0}: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)}}
@@ -1 +0,0 @@
1
- @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}}:where(.skdx-dropdown-menu__content,.skdx-dropdown-menu__sub-content)[data-size=sm] :is(.skdx-dropdown-menu__item,.skdx-dropdown-menu__checkbox-item,.skdx-dropdown-menu__radio-item,.skdx-dropdown-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-dropdown-menu__content,.skdx-dropdown-menu__sub-content)[data-size=lg] :is(.skdx-dropdown-menu__item,.skdx-dropdown-menu__checkbox-item,.skdx-dropdown-menu__radio-item,.skdx-dropdown-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-dropdown-menu__item,.skdx-dropdown-menu__checkbox-item,.skdx-dropdown-menu__radio-item,.skdx-dropdown-menu__sub-trigger):is(:focus,:hover){background-color:Highlight;color:HighlightText;forced-color-adjust:none}}}
@@ -1 +0,0 @@
1
- @import"../internal/_actuator.css";@import"../internal/_overlay.css";@layer skdx-components{:where(.skdx-hover-card__content){padding:var(--skdx-space-4);max-inline-size:var(--skdx-hover-card-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)}}
@@ -1 +0,0 @@
1
- @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:var(--skdx-border-width-thin) solid var(--skdx-color-border-strong);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}:where(.skdx-meter)[data-orientation=vertical]{display:flex;flex-direction:column-reverse;inline-size:var(--skdx-space-2);block-size:100%;min-block-size:var(--skdx-control-height-lg)}:where(.skdx-meter)[data-orientation=vertical] :where(.skdx-meter__indicator){inline-size:100%;block-size:var(--skdx-meter, 0%)}}
@@ -1 +0,0 @@
1
- @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){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-multi-select__tag-remove):before{content:"";position:absolute;inset-block-start:50%;inset-inline-start:50%;translate:-50% -50%;inline-size:var(--skdx-target-min);block-size:var(--skdx-target-min)}: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}:where(.skdx-multi-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-multi-select__clear):hover:not(:disabled){color:var(--skdx-color-text-danger)}:where(.skdx-multi-select__clear):disabled{color:var(--skdx-color-text-disabled);cursor:default}}
@@ -1 +0,0 @@
1
- @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);--skdx-segmented-control-gap: var(--skdx-control-gap-md);--skdx-segmented-control-item-height: var(--skdx-control-height-md);--skdx-segmented-control-item-padding: var(--skdx-control-padding-md);--skdx-segmented-control-font-size: var(--skdx-font-size-sm)}:where(.skdx-segmented-control)[data-size=sm]{--skdx-segmented-control-gap: var(--skdx-control-gap-sm);--skdx-segmented-control-item-height: var(--skdx-control-height-sm);--skdx-segmented-control-item-padding: var(--skdx-control-padding-sm);--skdx-segmented-control-font-size: var(--skdx-font-size-xs)}:where(.skdx-segmented-control)[data-size=lg]{--skdx-segmented-control-gap: var(--skdx-control-gap-lg);--skdx-segmented-control-item-height: var(--skdx-control-height-lg);--skdx-segmented-control-item-padding: var(--skdx-control-padding-lg);--skdx-segmented-control-font-size: var(--skdx-font-size-md)}:where(.skdx-segmented-control)[data-full-width]{display:flex;inline-size:100%}:where(.skdx-segmented-control)[data-full-width] :where(.skdx-segmented-control__item){flex:1;min-inline-size:0}: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-segmented-control-gap);min-block-size:var(--skdx-segmented-control-item-height);padding-inline:var(--skdx-segmented-control-item-padding);color:var(--skdx-color-text-muted);background:transparent;border:0;border-radius:var(--skdx-radius-inner);font-size:var(--skdx-segmented-control-font-size);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)[data-readonly] :where(.skdx-segmented-control__item){cursor:default}:where(.skdx-segmented-control)[data-readonly] :where(.skdx-segmented-control__item):hover{color:var(--skdx-color-text-muted);background-color:transparent}:where(.skdx-segmented-control)[data-readonly] :where(.skdx-segmented-control__item)[data-state=checked]:hover{color:var(--skdx-color-text-default);background-color:var(--skdx-color-surface-raised)}:where(.skdx-segmented-control)[data-invalid]{box-shadow:0 0 0 var(--skdx-border-width-thin) var(--skdx-color-field-border-invalid)}: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)}}
@@ -1 +0,0 @@
1
- @import"../base.css";@layer skdx-components{:where(.skdx-separator){--skdx-separator-color: var(--skdx-color-separator);--skdx-separator-thickness: var(--skdx-border-width-thin);--skdx-separator-inset: var(--skdx-space-4);--skdx-separator-min-length: var(--skdx-control-height-md);flex:none;margin:0;border:0;background-color:var(--skdx-separator-color)}:where(.skdx-separator)[data-orientation=horizontal]{inline-size:100%;block-size:var(--skdx-separator-thickness)}:where(.skdx-separator)[data-orientation=vertical]{inline-size:var(--skdx-separator-thickness);align-self:stretch;block-size:auto;min-block-size:var(--skdx-separator-min-length)}:where(.skdx-separator)[data-inset=inset][data-orientation=horizontal]{inline-size:auto;margin-inline:var(--skdx-separator-inset)}:where(.skdx-separator)[data-inset=inset][data-orientation=vertical]{margin-block:var(--skdx-separator-inset)}@media(forced-colors:active){:where(.skdx-separator){background-color:CanvasText}}}
@@ -1 +0,0 @@
1
- @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-state=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-state=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-state=error] :where(.skdx-steps__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-steps__item)[data-state=error] :where(.skdx-steps__title){color:var(--skdx-color-status-danger-text)}: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)}:where(.skdx-steps__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}:where(.skdx-steps__trigger)[aria-disabled=true]:not([data-disabled],:disabled){color:var(--skdx-color-text-muted);background-color:transparent;border-color:transparent;cursor:default}}
@@ -1 +0,0 @@
1
- @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-size=sm]{min-block-size:var(--skdx-control-height-sm);padding-inline:var(--skdx-space-2);font-size:var(--skdx-font-size-xs)}:where(.skdx-tag)[data-size=md]{min-block-size:var(--skdx-control-height-md);padding-inline:var(--skdx-space-3);font-size:var(--skdx-font-size-sm)}:where(.skdx-tag)[data-size=lg]{min-block-size:var(--skdx-control-height-lg);padding-inline:var(--skdx-space-4);font-size:var(--skdx-font-size-md)}:where(.skdx-tag)[data-shape=rounded]{border-radius:var(--skdx-radius-md)}:where(.skdx-tag)[data-shape=pill]{border-radius:var(--skdx-radius-full)}:where(.skdx-tag__leading){display:inline-flex;align-items:center;justify-content:center;flex:none;inline-size:var(--skdx-icon-size-sm);block-size:var(--skdx-icon-size-sm)}:where(.skdx-tag__label){min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}: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){position:relative;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):before{content:"";position:absolute;inset-block-start:50%;inset-inline-start:50%;translate:-50% -50%;inline-size:var(--skdx-target-min);block-size:var(--skdx-target-min)}:where(.skdx-tag__delete):hover{color:var(--skdx-color-text-danger)}}
@@ -1 +0,0 @@
1
- @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;z-index:var(--skdx-z-index-popover)}:where(.skdx-tooltip__content:not([data-hoverable])){pointer-events:none}: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}}}