@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
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@skdx/skins",
|
|
3
|
-
"version": "0.
|
|
4
|
-
"description": "The default SkandaDX component skin — framework-neutral CSS that styles the
|
|
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.
|
|
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.
|
|
70
|
-
"@skdx/
|
|
71
|
-
"@skdx/
|
|
72
|
-
"@skdx/
|
|
73
|
-
"@skdx/
|
|
74
|
-
"@skdx/
|
|
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}}
|
package/dist/components/tag.css
DELETED
|
@@ -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}}}
|