@skdx/skins 0.27.0 → 0.28.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/LICENSE +21 -0
- package/README.md +35 -26
- package/dist/base.css +1 -1
- package/dist/components/affix.css +1 -1
- package/dist/components/alert-dialog.css +1 -1
- package/dist/components/alert.css +1 -1
- package/dist/components/angle-slider.css +1 -1
- package/dist/components/aspect-ratio.css +1 -1
- package/dist/components/autocomplete.css +1 -1
- package/dist/components/avatar.css +1 -1
- package/dist/components/badge.css +1 -1
- package/dist/components/box.css +1 -0
- package/dist/components/breadcrumb.css +1 -1
- package/dist/components/button.css +1 -1
- package/dist/components/calendar.css +1 -1
- package/dist/components/card.css +1 -1
- package/dist/components/carousel.css +1 -1
- package/dist/components/checkbox-card.css +1 -1
- package/dist/components/checkbox-group.css +1 -1
- package/dist/components/checkbox.css +1 -1
- package/dist/components/clipboard.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/context-menu.css +1 -1
- package/dist/components/data-list.css +1 -1
- package/dist/components/date-field.css +1 -1
- package/dist/components/date-picker.css +1 -1
- package/dist/components/dialog.css +1 -1
- package/dist/components/drawer.css +1 -1
- package/dist/components/dropdown-menu.css +1 -1
- package/dist/components/editable.css +1 -1
- package/dist/components/field.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/heading.css +1 -0
- package/dist/components/hover-card.css +1 -1
- package/dist/components/image.css +1 -0
- package/dist/components/kbd.css +1 -1
- package/dist/components/link.css +1 -0
- package/dist/components/list.css +1 -0
- package/dist/components/listbox.css +1 -1
- package/dist/components/loading-overlay.css +1 -1
- package/dist/components/menubar.css +1 -1
- package/dist/components/meter.css +1 -1
- package/dist/components/multi-select.css +1 -1
- package/dist/components/navigation-menu.css +1 -1
- package/dist/components/number-field.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/segmented-control.css +1 -1
- package/dist/components/select.css +1 -1
- package/dist/components/separator.css +1 -1
- package/dist/components/skeleton.css +1 -1
- package/dist/components/slider.css +1 -1
- package/dist/components/speed-dial.css +1 -1
- package/dist/components/spinner.css +1 -1
- package/dist/components/split-button.css +1 -1
- package/dist/components/steps.css +1 -1
- package/dist/components/switch.css +1 -1
- package/dist/components/table.css +1 -1
- package/dist/components/tabs.css +1 -1
- package/dist/components/tag-group.css +1 -1
- package/dist/components/tag.css +1 -1
- package/dist/components/tags-input.css +1 -1
- package/dist/components/text-field.css +1 -1
- package/dist/components/text.css +1 -0
- package/dist/components/textarea.css +1 -1
- package/dist/components/time.css +1 -0
- package/dist/components/timeline.css +1 -1
- package/dist/components/toast.css +1 -1
- package/dist/components/toggle-group.css +1 -1
- package/dist/components/toggle.css +1 -1
- package/dist/components/toolbar.css +1 -1
- package/dist/components/tooltip.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/_collection.css +1 -1
- package/dist/internal/_overlay.css +1 -1
- package/dist/internal/_status.css +1 -1
- package/dist/internal/_trigger.css +1 -1
- package/dist/utilities.css +1 -1
- package/package.json +8 -8
package/LICENSE
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
MIT License
|
|
2
|
+
|
|
3
|
+
Copyright (c) 2026 SkandaDX
|
|
4
|
+
|
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
+
in the Software without restriction, including without limitation the rights
|
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
+
furnished to do so, subject to the following conditions:
|
|
11
|
+
|
|
12
|
+
The above copyright notice and this permission notice shall be included in all
|
|
13
|
+
copies or substantial portions of the Software.
|
|
14
|
+
|
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
21
|
+
SOFTWARE.
|
package/README.md
CHANGED
|
@@ -49,7 +49,7 @@ works on its own. The bundle inlines each shared file exactly once.
|
|
|
49
49
|
alone and you still get a usable interface:
|
|
50
50
|
|
|
51
51
|
```ts
|
|
52
|
-
import '@skdx/skins/all.css';
|
|
52
|
+
import '@skdx/skins/all.css'; // no tokens
|
|
53
53
|
```
|
|
54
54
|
|
|
55
55
|
Geometry, type and motion come through in full — they are the measurements the
|
|
@@ -80,12 +80,12 @@ fallback block may name only platform colours.
|
|
|
80
80
|
|
|
81
81
|
## Entry points
|
|
82
82
|
|
|
83
|
-
| Import
|
|
84
|
-
|
|
|
85
|
-
| `@skdx/skins/all.css`
|
|
86
|
-
| `@skdx/skins/base.css`
|
|
87
|
-
| `@skdx/skins/components/{name}.css` | One component
|
|
88
|
-
| `@skdx/skins/utilities.css`
|
|
83
|
+
| Import | Contents |
|
|
84
|
+
| ----------------------------------- | --------------------------------------------------- |
|
|
85
|
+
| `@skdx/skins/all.css` | Everything — 87 components, ~166 kB unminified |
|
|
86
|
+
| `@skdx/skins/base.css` | Layer order, control metrics, focus ring, keyframes |
|
|
87
|
+
| `@skdx/skins/components/{name}.css` | One component |
|
|
88
|
+
| `@skdx/skins/utilities.css` | `skdx-visually-hidden` and friends |
|
|
89
89
|
|
|
90
90
|
## How it is built
|
|
91
91
|
|
|
@@ -110,7 +110,7 @@ to zero, so `animationend` still fires and overlays still unmount.
|
|
|
110
110
|
|
|
111
111
|
**Accessible states.** Disabled is a colour change, not opacity — opacity over an
|
|
112
112
|
unknown backdrop has an unknowable contrast ratio. Invalid is a thicker border
|
|
113
|
-
|
|
113
|
+
_and_ a colour. Selected is weight _and_ ink. Nothing is signalled by colour
|
|
114
114
|
alone.
|
|
115
115
|
|
|
116
116
|
**Contrast is enforced, not assumed.** `tests/contrast.test.ts` resolves the
|
|
@@ -138,12 +138,10 @@ pnpm --filter @skdx/skins run preview # look at it yourself
|
|
|
138
138
|
|
|
139
139
|
All three render the same surface: every demo under `apps/docs/src/demos`,
|
|
140
140
|
through the real components, against the built stylesheets. Nothing here is
|
|
141
|
-
hand-written markup, so the preview cannot drift from what the gate measures
|
|
142
|
-
an earlier hand-written audit page had, and it showed `<label class="skdx-checkbox">`
|
|
143
|
-
where the component renders `<button role="checkbox">`.
|
|
141
|
+
hand-written markup, so the preview cannot drift from what the gate measures.
|
|
144
142
|
|
|
145
143
|
`test:e2e` measures what only a browser can answer — whether a focus ring that
|
|
146
|
-
exists in the stylesheet is
|
|
144
|
+
exists in the stylesheet is _visible_ once overflow, stacking and inline styles
|
|
147
145
|
have had their say — and reports `hover-no-feedback`, `focus-ring-missing`,
|
|
148
146
|
`focus-ring-contrast`, `focus-ring-clipped`, `pressed-no-feedback` and
|
|
149
147
|
`disabled-not-announced` per part. It forces states by rewriting `:hover`,
|
|
@@ -161,7 +159,9 @@ Variants and sizes are attributes you set, not component props — the headless
|
|
|
161
159
|
packages ship no variant API:
|
|
162
160
|
|
|
163
161
|
```tsx
|
|
164
|
-
<Button data-variant="primary" data-size="lg">
|
|
162
|
+
<Button data-variant="primary" data-size="lg">
|
|
163
|
+
Save
|
|
164
|
+
</Button>
|
|
165
165
|
```
|
|
166
166
|
|
|
167
167
|
`data-variant`: `primary`, `secondary` (default), `outline`, `ghost`, `danger`.
|
|
@@ -172,15 +172,15 @@ packages ship no variant API:
|
|
|
172
172
|
Adding this package to an app that already has its own CSS is **not visually
|
|
173
173
|
inert**. Every rule here is inside `@layer skdx-components` and wrapped in
|
|
174
174
|
`:where()`, so your unlayered CSS wins wherever it speaks — but wherever it is
|
|
175
|
-
|
|
175
|
+
_silent_, the skin now speaks instead of the browser default.
|
|
176
176
|
|
|
177
177
|
The cases that move things are the containers that become flex:
|
|
178
178
|
|
|
179
|
-
| Part
|
|
180
|
-
|
|
|
181
|
-
| `CardHeader`
|
|
182
|
-
| `CardFooter`
|
|
183
|
-
| `NavigationMenuItem` | `display: flex`
|
|
179
|
+
| Part | What the skin sets | What changes |
|
|
180
|
+
| -------------------- | --------------------------------------- | ------------------------------------------------------- |
|
|
181
|
+
| `CardHeader` | `display: flex; flex-direction: column` | children stack and stretch instead of flowing |
|
|
182
|
+
| `CardFooter` | `display: flex` (row) | a `<p>` in a footer stops wrapping and sits on one line |
|
|
183
|
+
| `NavigationMenuItem` | `display: flex` | a block child is blockified onto the item's axis |
|
|
184
184
|
|
|
185
185
|
None of that is a bug — a skin that did not lay its own parts out would not be
|
|
186
186
|
a skin. But it means the migration step is: render each page, find the places
|
|
@@ -199,7 +199,7 @@ want on your own class**, not on the `.skdx-*` one:
|
|
|
199
199
|
}
|
|
200
200
|
```
|
|
201
201
|
|
|
202
|
-
One related trap: a component whose children
|
|
202
|
+
One related trap: a component whose children _replace_ what the skin draws
|
|
203
203
|
says so in its slot documentation. `Spinner`'s default slot is "an optional
|
|
204
204
|
custom spinner graphic; omit to style via CSS only" — pass children and you get
|
|
205
205
|
your graphic, not your graphic inside the skin's rotating ring.
|
|
@@ -215,12 +215,21 @@ Retune a metric rather than rewriting a rule:
|
|
|
215
215
|
}
|
|
216
216
|
```
|
|
217
217
|
|
|
218
|
-
Recolour through the theme, not through this package
|
|
219
|
-
|
|
218
|
+
Recolour through the theme, not through this package: the aliases and what each
|
|
219
|
+
resolves to live in
|
|
220
|
+
[`@skdx/tokens`](../tokens/src/utils/aliases.ts).
|
|
220
221
|
|
|
221
222
|
## Documentation
|
|
222
223
|
|
|
223
|
-
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
224
|
+
- **The styling contract** — which classes and data attributes every part
|
|
225
|
+
emits, and how stable they are — is documented where it is implemented, at
|
|
226
|
+
the head of each framework's part helper:
|
|
227
|
+
[`@skdx/react`](../react/src/utils/part.ts),
|
|
228
|
+
[`@skdx/svelte`](../svelte/src/lib/utils/part.ts),
|
|
229
|
+
[`@skdx/web-components`](../web-components/src/internal/part.ts).
|
|
230
|
+
- **The token map** — every alias and what it resolves to — lives with the
|
|
231
|
+
aliases themselves in [`@skdx/tokens`](../tokens/src/utils/aliases.ts).
|
|
232
|
+
- **Per-component part and state coverage** is not a document but a gate:
|
|
233
|
+
`pnpm verify:skin-parts` ([`scripts/skin-parts.mjs`](../../scripts/skin-parts.mjs))
|
|
234
|
+
reports every part a skin styles and every one it misses.
|
|
235
|
+
- **Breaking changes** are in [`docs/MIGRATION.md`](../../docs/MIGRATION.md).
|
package/dist/base.css
CHANGED
|
@@ -1 +1 @@
|
|
|
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%)}}
|
|
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;visibility:hidden}}@keyframes skdx-zoom-in{0%{opacity:0;transform:scale(.96)}}@keyframes skdx-zoom-out{to{opacity:0;transform:scale(.96);visibility:hidden}}@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%)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@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}}
|
|
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 +1 @@
|
|
|
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-radius
|
|
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 +1 @@
|
|
|
1
|
-
@import"../internal/_status.css";@layer skdx-components{:where(.skdx-alert){display:grid;grid-template-columns:auto 1fr auto auto;align-items:start;gap:var(--skdx-space-2);padding:var(--skdx-space-3);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-inline-start-width:var(--skdx-border-width-thicker);border-radius:var(--skdx-radius-md);font-size:var(--skdx-font-size-sm);line-height:var(--skdx-font-line-height-normal)}:where(.skdx-alert)[hidden]{display:none}:where(.skdx-alert__icon){grid-column:1;grid-row:1;inline-size:var(--skdx-icon-size-md);block-size:var(--skdx-icon-size-md);color:var(--skdx-status-icon, var(--skdx-color-status-neutral-icon))}:where(.skdx-alert__title){grid-column:2;grid-row:1;margin:0;font-weight:var(--skdx-font-weight-semibold);line-height:var(--skdx-font-line-height-tight)}:where(.skdx-alert__description){grid-column:2;grid-row:2;color:currentColor}:where(.skdx-alert__action){grid-column:3;grid-row:1;align-self:center;display:inline-flex;align-items:center;gap:var(--skdx-space-3)}:where(.skdx-alert__close){grid-column:4;grid-row:1;display:inline-flex;align-items:center;justify-content:center;min-inline-size:var(--skdx-target-min);min-block-size:var(--skdx-target-min);color:currentColor;background:transparent;border:0;border-radius:var(--skdx-radius-sm);cursor:pointer}@media(forced-colors:active){:where(.skdx-alert){border-color:CanvasText}}:where(.skdx-alert__content){grid-column:2;grid-row:1;min-inline-size:0;display:flex;flex-direction:column;gap:var(--skdx-space-1)}}
|
|
1
|
+
@import"../internal/_status.css";@layer skdx-components{:where(.skdx-alert){display:grid;grid-template-columns:auto 1fr auto auto;align-items:start;gap:var(--skdx-space-2);padding:var(--skdx-space-3);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-inline-start-width:var(--skdx-border-width-thicker);border-radius:var(--skdx-radius-md);font-size:var(--skdx-font-size-sm);line-height:var(--skdx-font-line-height-normal)}:where(.skdx-alert)[data-variant=solid]{background-color:var(--skdx-status-bg, var(--skdx-color-status-neutral-bg))}:where(.skdx-alert)[data-variant=outline]{background-color:transparent}:where(.skdx-alert)[hidden]{display:none}:where(.skdx-alert__icon){grid-column:1;grid-row:1;inline-size:var(--skdx-icon-size-md);block-size:var(--skdx-icon-size-md);color:var(--skdx-status-icon, var(--skdx-color-status-neutral-icon))}:where(.skdx-alert__title){grid-column:2;grid-row:1;margin:0;font-weight:var(--skdx-font-weight-semibold);line-height:var(--skdx-font-line-height-tight)}:where(.skdx-alert__description){grid-column:2;grid-row:2;color:currentColor}:where(.skdx-alert__action){grid-column:3;grid-row:1;align-self:center;display:inline-flex;align-items:center;gap:var(--skdx-space-3)}:where(.skdx-alert__close){grid-column:4;grid-row:1;display:inline-flex;align-items:center;justify-content:center;min-inline-size:var(--skdx-target-min);min-block-size:var(--skdx-target-min);color:currentColor;background:transparent;border:0;border-radius:var(--skdx-radius-sm);cursor:pointer}@media(forced-colors:active){:where(.skdx-alert){border-color:CanvasText}}:where(.skdx-alert__content){grid-column:2;grid-row:1;min-inline-size:0;display:flex;flex-direction:column;gap:var(--skdx-space-1)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"../base.css";@layer skdx-components{:where(.skdx-angle-slider){position:relative;display:inline-flex;align-items:center;justify-content:center;inline-size:6rem;block-size:6rem;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);touch-action:none}:where(.skdx-angle-slider__thumb){position:absolute;inline-size:var(--skdx-indicator-size-md);block-size:var(--skdx-indicator-size-md);background-color:var(--skdx-color-track-fill);border-radius:var(--skdx-radius-full);cursor:grab}:where(.skdx-angle-slider__marks){position:absolute;inset:0;border-radius:var(--skdx-radius-full);pointer-events:none}:where(.skdx-angle-slider__mark){position:absolute;inline-size:var(--skdx-border-width-thin);block-size:var(--skdx-space-1);background-color:var(--skdx-color-border-strong)}:where(.skdx-angle-slider)[data-disabled] :where(.skdx-angle-slider__thumb){background-color:var(--skdx-color-border-disabled);cursor:not-allowed}}
|
|
1
|
+
@import"../base.css";@layer skdx-components{:where(.skdx-angle-slider){position:relative;display:inline-flex;align-items:center;justify-content:center;inline-size:6rem;block-size:6rem;--skdx-angle-slider-radius: 2.5rem;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);touch-action:none}:where(.skdx-angle-slider__thumb){position:absolute;inline-size:var(--skdx-indicator-size-md);block-size:var(--skdx-indicator-size-md);background-color:var(--skdx-color-track-fill);border-radius:var(--skdx-radius-full);cursor:grab;transform:rotate(var(--skdx-angle-slider-angle, 0deg)) translateY(calc(-1 * var(--skdx-angle-slider-radius)))}:where(.skdx-angle-slider__marks){position:absolute;inset:0;border-radius:var(--skdx-radius-full);pointer-events:none}:where(.skdx-angle-slider__mark){position:absolute;inset-block-start:50%;inset-inline-start:50%;inline-size:var(--skdx-border-width-thin);block-size:var(--skdx-space-1);background-color:var(--skdx-color-border-strong);transform-origin:center;transform:translate(-50%,-50%) rotate(var(--skdx-angle-slider-mark-angle, 0deg)) translateY(calc(-1 * var(--skdx-angle-slider-radius)))}:where(.skdx-angle-slider)[data-dragging] :where(.skdx-angle-slider__thumb){cursor:grabbing;transition:none}:where(.skdx-angle-slider)[data-readonly]{border-color:var(--skdx-color-border-subtle)}:where(.skdx-angle-slider)[data-readonly] :where(.skdx-angle-slider__thumb){cursor:default}:where(.skdx-angle-slider__mark)[data-state=active]{background-color:var(--skdx-color-track-fill)}:where(.skdx-angle-slider__mark):not(:empty){background-color:transparent;inline-size:auto;block-size:auto}:where(.skdx-angle-slider)[data-disabled] :where(.skdx-angle-slider__thumb){background-color:var(--skdx-color-border-disabled);cursor:not-allowed}@media(forced-colors:active){:where(.skdx-angle-slider){border-color:CanvasText}:where(.skdx-angle-slider__thumb){background-color:Highlight;outline:var(--skdx-border-width-thin) solid CanvasText}:where(.skdx-angle-slider__mark){background-color:CanvasText}:where(.skdx-angle-slider__mark)[data-state=active]{background-color:Highlight}}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"../base.css";@layer skdx-components{:where(.skdx-aspect-ratio){overflow:hidden;--skdx-focus-ring-offset: var(--skdx-focus-ring-offset-inset)}:where(.skdx-aspect-ratio
|
|
1
|
+
@import"../base.css";@layer skdx-components{:where(.skdx-aspect-ratio){overflow:hidden;--skdx-focus-ring-offset: var(--skdx-focus-ring-offset-inset)}:where(.skdx-aspect-ratio)>:where(img,video,iframe,canvas,svg){display:block;inline-size:100%;block-size:100%;object-fit:cover}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"../internal/_overlay.css";@import"../internal/_collection.css";@layer skdx-components{:where(.skdx-autocomplete__content){padding:var(--skdx-overlay-padding)}:where(.skdx-autocomplete__input){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)}:where(.skdx-autocomplete__input):focus-visible{border-color:var(--skdx-color-field-border-focus)}:where(.skdx-autocomplete__list){display:flex;flex-direction:column;padding:var(--skdx-space-1)}:where(.skdx-autocomplete__highlight){font-weight:var(--skdx-font-weight-semibold);color:var(--skdx-color-text-accent);background:transparent}}
|
|
1
|
+
@import"../internal/_trigger.css";@import"../internal/_overlay.css";@import"../internal/_collection.css";@layer skdx-components{:where(.skdx-autocomplete__content){padding:var(--skdx-overlay-padding)}:where(.skdx-autocomplete__input){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)}:where(.skdx-autocomplete__input)::placeholder{color:var(--skdx-color-text-placeholder);opacity:1}:where(.skdx-autocomplete__input):focus-visible{border-color:var(--skdx-color-field-border-focus)}:where(.skdx-autocomplete__input)[data-invalid]{border-color:var(--skdx-color-field-border-invalid);border-width:var(--skdx-border-width-thick)}:where(.skdx-autocomplete__input):disabled{color:var(--skdx-color-text-disabled);background-color:var(--skdx-color-field-bg-disabled);cursor:not-allowed}:where(.skdx-autocomplete__list){display:flex;flex-direction:column;padding:var(--skdx-space-1)}:where(.skdx-autocomplete__highlight){font-weight:var(--skdx-font-weight-semibold);color:var(--skdx-color-text-accent);background:transparent}:where(.skdx-autocomplete__clear){display:inline-flex;align-items:center;justify-content:center;color:var(--skdx-color-text-muted);background:transparent;border:0;cursor:pointer}:where(.skdx-autocomplete__clear):hover:not(:disabled){color:var(--skdx-color-text-danger)}:where(.skdx-autocomplete__clear):disabled{color:var(--skdx-color-text-disabled);cursor:default}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"../base.css";@layer skdx-components{:where(.skdx-avatar){position:relative;display:inline-flex;align-items:center;justify-content:center;flex:none;inline-size:var(--skdx-control-height-md);block-size:var(--skdx-control-height-md);overflow:hidden;--skdx-focus-ring-offset: var(--skdx-focus-ring-offset-inset);border-radius:var(--skdx-radius-full);color:var(--skdx-color-text-muted);background-color:var(--skdx-color-surface-sunken);font-size:var(--skdx-font-size-sm);font-weight:var(--skdx-font-weight-medium);user-select:none}:where(.skdx-avatar__image){inline-size:100%;block-size:100%;object-fit:cover}:where(.skdx-avatar__fallback){display:inline-flex;align-items:center;justify-content:center;inline-size:100%;block-size:100%;text-transform:uppercase}:where(.skdx-avatar)[data-size=sm]{inline-size:var(--skdx-control-height-sm);block-size:var(--skdx-control-height-sm);font-size:var(--skdx-font-size-xs)}:where(.skdx-avatar)[data-size=lg]{inline-size:var(--skdx-control-height-lg);block-size:var(--skdx-control-height-lg);font-size:var(--skdx-font-size-md)}:where(.skdx-avatar)[data-shape=square]{border-radius:var(--skdx-radius-md)}}
|
|
1
|
+
@import"../base.css";@layer skdx-components{:where(.skdx-avatar){position:relative;display:inline-flex;align-items:center;justify-content:center;flex:none;inline-size:var(--skdx-control-height-md);block-size:var(--skdx-control-height-md);overflow:hidden;--skdx-focus-ring-offset: var(--skdx-focus-ring-offset-inset);border-radius:var(--skdx-radius-full);color:var(--skdx-color-text-muted);background-color:var(--skdx-color-surface-sunken);font-size:var(--skdx-font-size-sm);font-weight:var(--skdx-font-weight-medium);user-select:none}:where(.skdx-avatar__image){inline-size:100%;block-size:100%;object-fit:cover}:where(.skdx-avatar__fallback){display:inline-flex;align-items:center;justify-content:center;inline-size:100%;block-size:100%;text-transform:uppercase}:where(.skdx-avatar)[data-size=md]{inline-size:var(--skdx-control-height-md);block-size:var(--skdx-control-height-md);font-size:var(--skdx-font-size-sm)}:where(.skdx-avatar)[data-size=sm]{inline-size:var(--skdx-control-height-sm);block-size:var(--skdx-control-height-sm);font-size:var(--skdx-font-size-xs)}:where(.skdx-avatar)[data-size=lg]{inline-size:var(--skdx-control-height-lg);block-size:var(--skdx-control-height-lg);font-size:var(--skdx-font-size-md)}:where(.skdx-avatar)[data-shape=circle]{border-radius:var(--skdx-radius-full)}:where(.skdx-avatar)[data-shape=rounded]{border-radius:var(--skdx-radius-lg)}:where(.skdx-avatar)[data-shape=square]{border-radius:var(--skdx-radius-md)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"../internal/_status.css";@layer skdx-components{:where(.skdx-badge){display:inline-flex;align-items:center;justify-content:center;gap:var(--skdx-space-1);min-inline-size:var(--skdx-indicator-size-md);padding-inline:var(--skdx-space-2);padding-block:var(--skdx-border-width-thick);font-size:var(--skdx-font-size-xs);font-weight:var(--skdx-font-weight-medium);line-height:var(--skdx-font-line-height-tight);font-variant-numeric:tabular-nums;white-space:nowrap;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-full)}:where(.skdx-badge)[data-variant=solid]{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-badge)[data-variant=dot]{inline-size:var(--skdx-space-2);min-inline-size:0;block-size:var(--skdx-space-2);padding:0;overflow:hidden;font-size:0}@media(forced-colors:active){:where(.skdx-badge){border-color:CanvasText}}}
|
|
1
|
+
@import"../internal/_status.css";@layer skdx-components{:where(.skdx-badge){display:inline-flex;align-items:center;justify-content:center;gap:var(--skdx-space-1);min-inline-size:var(--skdx-indicator-size-md);padding-inline:var(--skdx-space-2);padding-block:var(--skdx-border-width-thick);font-size:var(--skdx-font-size-xs);font-weight:var(--skdx-font-weight-medium);line-height:var(--skdx-font-line-height-tight);font-variant-numeric:tabular-nums;white-space:nowrap;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-full)}:where(.skdx-badge)[data-variant=solid]{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-badge)[data-variant=outline]{color:var(--skdx-status-text, var(--skdx-color-status-neutral-text));background-color:transparent;border-color:var(--skdx-status-border, var(--skdx-color-status-neutral-border))}:where(.skdx-badge)[data-variant=subtle]{color:var(--skdx-status-text, var(--skdx-color-status-neutral-text));background-color:var(--skdx-status-bg, var(--skdx-color-status-neutral-bg));border-color:transparent}:where(.skdx-badge)[data-dot]{inline-size:var(--skdx-space-2);min-inline-size:0;block-size:var(--skdx-space-2);padding:0;overflow:hidden;font-size:0;border-radius:var(--skdx-radius-full)}:where(.skdx-badge)[data-shape=pill]{border-radius:var(--skdx-radius-full)}:where(.skdx-badge)[data-shape=rounded]{border-radius:var(--skdx-radius-sm)}:where(.skdx-badge__leading),:where(.skdx-badge__trailing){display:inline-flex;align-items:center;justify-content:center;flex:none}@media(forced-colors:active){:where(.skdx-badge){border-color:CanvasText}}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import"../base.css";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"../base.css";@layer skdx-components{:where(.skdx-breadcrumb__list){display:flex;align-items:center;flex-wrap:wrap;gap:var(--skdx-space-2);margin:0;padding:0;list-style:none;font-size:var(--skdx-font-size-sm)}:where(.skdx-breadcrumb__item){display:inline-flex;align-items:center;gap:var(--skdx-space-2);min-inline-size:0}:where(.skdx-breadcrumb__link){color:var(--skdx-color-text-muted);text-decoration:none;overflow:hidden;--skdx-focus-ring-offset: var(--skdx-focus-ring-offset-inset);text-overflow:ellipsis;white-space:nowrap}:where(.skdx-breadcrumb__link):hover{color:var(--skdx-color-text-default);text-decoration:underline}:where(.skdx-breadcrumb__link)[aria-current=page],:where(.skdx-breadcrumb__page){color:var(--skdx-color-text-default);font-weight:var(--skdx-font-weight-medium);text-decoration:none}:where(.skdx-breadcrumb__separator){display:inline-flex;color:var(--skdx-color-text-muted)
|
|
1
|
+
@import"../base.css";@layer skdx-components{:where(.skdx-breadcrumb__list){display:flex;align-items:center;flex-wrap:wrap;gap:var(--skdx-space-2);margin:0;padding:0;list-style:none;font-size:var(--skdx-font-size-sm)}:where(.skdx-breadcrumb__item){display:inline-flex;align-items:center;gap:var(--skdx-space-2);min-inline-size:0}:where(.skdx-breadcrumb__link){color:var(--skdx-color-text-muted);text-decoration:none;overflow:hidden;--skdx-focus-ring-offset: var(--skdx-focus-ring-offset-inset);text-overflow:ellipsis;white-space:nowrap}:where(.skdx-breadcrumb__link):hover{color:var(--skdx-color-text-default);text-decoration:underline}:where(.skdx-breadcrumb__link)[aria-current=page],:where(.skdx-breadcrumb__page){color:var(--skdx-color-text-default);font-weight:var(--skdx-font-weight-medium);text-decoration:none}:where(.skdx-breadcrumb__separator){display:inline-flex;color:var(--skdx-color-text-muted)}:where([dir=rtl]) :where(.skdx-breadcrumb__separator){scale:-1 1}:where(.skdx-breadcrumb__ellipsis){color:var(--skdx-color-text-muted)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"../base.css";@layer skdx-components{:where(.skdx-button){display:inline-flex;align-items:center;justify-content:center;gap:var(--skdx-control-gap-md);min-inline-size:var(--skdx-target-min);min-block-size:var(--skdx-target-min);block-size:var(--skdx-control-height-md);padding-inline:var(--skdx-control-padding-md);border:var(--skdx-border-width-thin) solid transparent;border-radius:var(--skdx-radius-md);font-size:var(--skdx-font-size-sm);font-weight:var(--skdx-font-weight-medium);line-height:var(--skdx-font-line-height-snug);text-align:center;text-decoration:none;white-space:nowrap;cursor:pointer;user-select:none;transition:background-color var(--skdx-motion-duration-fast) var(--skdx-motion-easing),border-color var(--skdx-motion-duration-fast) var(--skdx-motion-easing),box-shadow var(--skdx-motion-duration-fast) var(--skdx-motion-easing),translate var(--skdx-motion-duration-fast) var(--skdx-motion-easing),color var(--skdx-motion-duration-fast) var(--skdx-motion-easing);color:var(--skdx-color-action-secondary-text);background-color:var(--skdx-color-action-secondary-bg);border-color:var(--skdx-color-action-secondary-border)}:where(.skdx-button):hover{background-color:var(--skdx-color-action-secondary-bg-hover);border-color:var(--skdx-color-field-border-hover)}:where(.skdx-button):active,:where(.skdx-button)[
|
|
1
|
+
@import"../base.css";@import"../internal/_status.css";@layer skdx-components{:where(.skdx-button){display:inline-flex;align-items:center;justify-content:center;gap:var(--skdx-control-gap-md);min-inline-size:var(--skdx-target-min);min-block-size:var(--skdx-target-min);block-size:var(--skdx-control-height-md);padding-inline:var(--skdx-control-padding-md);border:var(--skdx-border-width-thin) solid transparent;border-radius:var(--skdx-radius-md);font-size:var(--skdx-font-size-sm);font-weight:var(--skdx-font-weight-medium);line-height:var(--skdx-font-line-height-snug);text-align:center;text-decoration:none;white-space:nowrap;cursor:pointer;user-select:none;transition:background-color var(--skdx-motion-duration-fast) var(--skdx-motion-easing),border-color var(--skdx-motion-duration-fast) var(--skdx-motion-easing),box-shadow var(--skdx-motion-duration-fast) var(--skdx-motion-easing),translate var(--skdx-motion-duration-fast) var(--skdx-motion-easing),color var(--skdx-motion-duration-fast) var(--skdx-motion-easing);color:var(--skdx-color-action-secondary-text);background-color:var(--skdx-color-action-secondary-bg);border-color:var(--skdx-color-action-secondary-border)}:where(.skdx-button):hover{background-color:var(--skdx-color-action-secondary-bg-hover);border-color:var(--skdx-color-field-border-hover)}:where(.skdx-button):active,:where(.skdx-button)[aria-pressed=true]{background-color:var(--skdx-color-action-secondary-bg-pressed)}:where(.skdx-button)[data-size=md]{block-size:var(--skdx-control-height-md);padding-inline:var(--skdx-control-padding-md);gap:var(--skdx-control-gap-md);font-size:var(--skdx-font-size-sm)}:where(.skdx-button)[data-size=sm]{block-size:var(--skdx-control-height-sm);padding-inline:var(--skdx-control-padding-sm);gap:var(--skdx-control-gap-sm);font-size:var(--skdx-font-size-xs)}:where(.skdx-button)[data-size=lg]{block-size:var(--skdx-control-height-lg);padding-inline:var(--skdx-control-padding-lg);gap:var(--skdx-control-gap-lg);font-size:var(--skdx-font-size-md)}:where(.skdx-button)[data-variant=secondary]{color:var(--skdx-color-action-secondary-text);background-color:var(--skdx-color-action-secondary-bg);border-color:var(--skdx-color-action-secondary-border)}:where(.skdx-button)[data-variant=secondary]:hover{background-color:var(--skdx-color-action-secondary-bg-hover);border-color:var(--skdx-color-field-border-hover)}:where(.skdx-button)[data-variant=secondary]:active,:where(.skdx-button)[data-variant=secondary][aria-pressed=true]{background-color:var(--skdx-color-action-secondary-bg-pressed)}:where(.skdx-button)[data-variant=primary]{color:var(--skdx-color-action-primary-text);background-color:var(--skdx-color-action-primary-bg);border-color:var(--skdx-color-action-primary-border)}:where(.skdx-button)[data-variant=primary]:hover{border-color:var(--skdx-color-action-primary-border-hover);box-shadow:var(--skdx-shadow-sm)}:where(.skdx-button)[data-variant=primary]:active,:where(.skdx-button)[data-variant=primary][aria-pressed=true]{border-color:var(--skdx-color-action-primary-border-hover);box-shadow:none;translate:0 1px}:where(.skdx-button)[data-variant=danger]{color:var(--skdx-color-action-danger-text);background-color:var(--skdx-color-action-danger-bg);border-color:var(--skdx-color-action-danger-border)}:where(.skdx-button)[data-variant=danger]:hover{background-color:var(--skdx-color-action-danger-bg-hover);border-color:var(--skdx-color-action-danger-bg-hover)}:where(.skdx-button)[data-variant=danger]:active,:where(.skdx-button)[data-variant=danger][aria-pressed=true]{background-color:var(--skdx-color-action-danger-bg-pressed);border-color:var(--skdx-color-action-danger-bg-pressed)}:where(.skdx-button)[data-variant=outline]{color:var(--skdx-color-action-outline-text);background-color:transparent;border-color:var(--skdx-color-action-outline-border)}:where(.skdx-button)[data-variant=outline]:hover{background-color:var(--skdx-color-action-outline-bg-hover)}:where(.skdx-button)[data-variant=outline]:active,:where(.skdx-button)[data-variant=outline][aria-pressed=true]{background-color:var(--skdx-color-action-outline-bg-pressed)}:where(.skdx-button)[data-variant=ghost]{color:var(--skdx-color-action-ghost-text);background-color:transparent;border-color:transparent}:where(.skdx-button)[data-variant=ghost]:hover{background-color:var(--skdx-color-action-ghost-bg-hover)}:where(.skdx-button)[data-variant=ghost]:active,:where(.skdx-button)[data-variant=ghost][aria-pressed=true]{background-color:var(--skdx-color-action-ghost-bg-pressed)}:where(.skdx-button)[data-status=neutral]{--skdx-status-bg: var(--skdx-color-action-secondary-bg);--skdx-status-border: var(--skdx-color-action-secondary-border);--skdx-status-text: var(--skdx-color-action-secondary-text)}:where(.skdx-button)[data-status=brand]{--skdx-status-bg: var(--skdx-color-action-primary-bg);--skdx-status-border: var(--skdx-color-action-primary-border);--skdx-status-text: var(--skdx-color-action-primary-text)}:where(.skdx-button)[data-status]{color:var(--skdx-status-text, var(--skdx-color-action-secondary-text));background-color:var(--skdx-status-bg, var(--skdx-color-action-secondary-bg));border-color:var(--skdx-status-border, var(--skdx-color-action-secondary-border))}:where(.skdx-button)[data-status]:hover:not(:disabled,[data-disabled],[aria-disabled=true]){border-color:var(--skdx-status-text, var(--skdx-color-action-secondary-text));box-shadow:var(--skdx-shadow-sm)}:where(.skdx-button)[data-status]:active,:where(.skdx-button)[data-status][aria-pressed=true]{box-shadow:none;translate:0 1px}:where(.skdx-button)[data-status][data-variant=outline]{background-color:transparent}:where(.skdx-button)[data-status][data-variant=ghost]{background-color:transparent;border-color:transparent}:where(.skdx-button):disabled,:where(.skdx-button)[data-disabled]{color:var(--skdx-color-action-disabled-text);background-color:var(--skdx-color-action-disabled-bg);border-color:var(--skdx-color-action-disabled-border);cursor:not-allowed}:where(.skdx-button)[data-loading]{cursor:progress}:where(.skdx-button)[data-loading]:before{content:"";inline-size:var(--skdx-icon-size-sm);block-size:var(--skdx-icon-size-sm);border:var(--skdx-border-width-thick) solid currentColor;border-inline-end-color:transparent;border-radius:var(--skdx-radius-full);animation:skdx-spin var(--skdx-motion-duration-slow) var(--skdx-motion-easing-linear) infinite}:where(.skdx-button)[data-icon-only]{padding-inline:0;aspect-ratio:1}@media(forced-colors:active){:where(.skdx-button){border-color:ButtonBorder}:where(.skdx-button):disabled,:where(.skdx-button)[data-disabled]{color:GrayText;border-color:GrayText}}:where(.skdx-button__icon){display:inline-flex;flex:none;inline-size:var(--skdx-icon-size-md);block-size:var(--skdx-icon-size-md)}:where(.skdx-button)[data-size=sm] :where(.skdx-button__icon){inline-size:var(--skdx-icon-size-sm);block-size:var(--skdx-icon-size-sm)}:where(.skdx-button)[data-size=lg] :where(.skdx-button__icon){inline-size:var(--skdx-icon-size-lg);block-size:var(--skdx-icon-size-lg)}:where(.skdx-button__label){overflow:hidden;--skdx-focus-ring-offset: var(--skdx-focus-ring-offset-inset);text-overflow:ellipsis;white-space:nowrap}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"../base.css";@layer skdx-components{:where(.skdx-calendar){display:inline-flex;flex-direction:column;gap:var(--skdx-space-2);padding:var(--skdx-space-3)}:where(.skdx-calendar__header){display:flex;align-items:center;justify-content:space-between;gap:var(--skdx-space-2)}:where(.skdx-calendar__heading){font-size:var(--skdx-font-size-sm);font-weight:var(--skdx-font-weight-semibold)}:where(.skdx-calendar__previous-button),:where(.skdx-calendar__next-button){display:inline-flex;align-items:center;justify-content:center;min-inline-size:var(--skdx-target-min);min-block-size:var(--skdx-target-min);color:var(--skdx-color-text-muted);background:transparent;border:0;border-radius:var(--skdx-radius-sm);cursor:pointer}:where(.skdx-calendar__previous-button):hover,:where(.skdx-calendar__next-button):hover{background-color:var(--skdx-color-surface-hover);color:var(--skdx-color-text-default)}:where(.skdx-calendar__grid){border-collapse:collapse}:where(.skdx-calendar__week-day){display:inline-flex;align-items:center;justify-content:center;inline-size:var(--skdx-item-height-md);font-size:var(--skdx-font-size-xs);font-weight:var(--skdx-font-weight-medium);color:var(--skdx-color-text-muted)}:where(.skdx-calendar__cell,.skdx-calendar__day){display:inline-flex;align-items:center;justify-content:center;inline-size:var(--skdx-item-height-md);block-size:var(--skdx-item-height-md);color:var(--skdx-color-text-default);background:transparent;border:var(--skdx-border-width-thin) solid transparent;border-radius:var(--skdx-radius-sm);font-size:var(--skdx-font-size-sm);font-variant-numeric:tabular-nums;cursor:pointer}:where(.skdx-calendar__cell,.skdx-calendar__day):hover:not([data-disabled]){background-color:var(--skdx-color-surface-hover)}:where(.skdx-calendar__cell,.skdx-calendar__day)[data-today]{border-color:var(--skdx-color-border-accent);font-weight:var(--skdx-font-weight-semibold)}:where(.skdx-calendar__cell,.skdx-calendar__day)[data-state=selected]{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-calendar__cell,.skdx-calendar__day)[data-range-middle]{background-color:var(--skdx-color-surface-selected);border-radius:0}:where(.skdx-calendar__cell,.skdx-calendar__day)[data-outside-month]{color:var(--skdx-color-text-muted)}:where(.skdx-calendar__cell,.skdx-calendar__day)[data-disabled]{color:var(--skdx-color-text-disabled);cursor:not-allowed}@media(forced-colors:active){:where(.skdx-calendar__cell,.skdx-calendar__day)[data-state=selected]{background-color:Highlight;color:HighlightText}:where(.skdx-calendar__cell,.skdx-calendar__day)[data-today]{border-color:CanvasText}}:where(.skdx-calendar__grid-head){color:var(--skdx-color-text-muted);font-size:var(--skdx-font-size-xs);font-weight:var(--skdx-font-weight-medium)}}
|
|
1
|
+
@import"../base.css";@layer skdx-components{:where(.skdx-calendar){display:inline-flex;flex-direction:column;gap:var(--skdx-space-2);padding:var(--skdx-space-3)}:where(.skdx-calendar__header){display:flex;align-items:center;justify-content:space-between;gap:var(--skdx-space-2)}:where(.skdx-calendar__heading){font-size:var(--skdx-font-size-sm);font-weight:var(--skdx-font-weight-semibold)}:where(.skdx-calendar__previous-button),:where(.skdx-calendar__next-button){display:inline-flex;align-items:center;justify-content:center;min-inline-size:var(--skdx-target-min);min-block-size:var(--skdx-target-min);color:var(--skdx-color-text-muted);background:transparent;border:0;border-radius:var(--skdx-radius-sm);cursor:pointer}:where(.skdx-calendar__previous-button):hover,:where(.skdx-calendar__next-button):hover{background-color:var(--skdx-color-surface-hover);color:var(--skdx-color-text-default)}:where(.skdx-calendar__grid){border-collapse:collapse}:where(.skdx-calendar__week-day){display:inline-flex;align-items:center;justify-content:center;inline-size:var(--skdx-item-height-md);font-size:var(--skdx-font-size-xs);font-weight:var(--skdx-font-weight-medium);color:var(--skdx-color-text-muted)}:where(.skdx-calendar__cell,.skdx-calendar__day){display:inline-flex;align-items:center;justify-content:center;inline-size:var(--skdx-item-height-md);block-size:var(--skdx-item-height-md);color:var(--skdx-color-text-default);background:transparent;border:var(--skdx-border-width-thin) solid transparent;border-radius:var(--skdx-radius-sm);font-size:var(--skdx-font-size-sm);font-variant-numeric:tabular-nums;cursor:pointer}:where(.skdx-calendar__cell,.skdx-calendar__day):hover:not([data-disabled]){background-color:var(--skdx-color-surface-hover)}:where(.skdx-calendar__cell,.skdx-calendar__day)[data-today]{border-color:var(--skdx-color-border-accent);font-weight:var(--skdx-font-weight-semibold)}:where(.skdx-calendar__cell,.skdx-calendar__day)[data-state=selected]{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-calendar__cell,.skdx-calendar__day)[data-range-middle]{background-color:var(--skdx-color-surface-selected);border-radius:0}:where(.skdx-calendar__cell,.skdx-calendar__day)[data-range-start]{border-start-end-radius:0;border-end-end-radius:0}:where(.skdx-calendar__cell,.skdx-calendar__day)[data-range-end]{border-start-start-radius:0;border-end-start-radius:0}:where(.skdx-calendar__cell,.skdx-calendar__day)[data-outside-month]{color:var(--skdx-color-text-muted)}:where(.skdx-calendar__cell,.skdx-calendar__day)[data-unavailable]{text-decoration:line-through;text-decoration-thickness:var(--skdx-border-width-thick);cursor:not-allowed}:where(.skdx-calendar__cell,.skdx-calendar__day)[data-disabled]{color:var(--skdx-color-text-disabled);cursor:not-allowed}@media(forced-colors:active){:where(.skdx-calendar__cell,.skdx-calendar__day)[data-state=selected]{background-color:Highlight;color:HighlightText}:where(.skdx-calendar__cell,.skdx-calendar__day)[data-today]{border-color:CanvasText}:where(.skdx-calendar__cell,.skdx-calendar__day)[data-range-middle]{background-color:Highlight;color:HighlightText}:where(.skdx-calendar__cell,.skdx-calendar__day)[data-unavailable]{text-decoration-color:CanvasText}}:where(.skdx-calendar__month-grid,.skdx-calendar__year-grid){display:grid;grid-template-columns:repeat(4,1fr);gap:var(--skdx-space-1)}:where(.skdx-calendar__month-grid,.skdx-calendar__year-grid)>*>[role=row]{display:contents}:where(.skdx-calendar__view-cell){display:inline-flex;align-items:center;justify-content:center;padding-block:var(--skdx-space-2);padding-inline:var(--skdx-space-1);color:var(--skdx-color-text-default);background:transparent;border:var(--skdx-border-width-thin) solid transparent;border-radius:var(--skdx-radius-sm);font-size:var(--skdx-font-size-sm);font-variant-numeric:tabular-nums;cursor:pointer}:where(.skdx-calendar__view-cell):hover:not([data-disabled]){background-color:var(--skdx-color-surface-hover)}:where(.skdx-calendar__view-cell)[data-today]{border-color:var(--skdx-color-border-accent);font-weight:var(--skdx-font-weight-semibold)}:where(.skdx-calendar__view-cell)[data-state=selected]{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-calendar__view-cell)[data-disabled]{color:var(--skdx-color-text-disabled);cursor:not-allowed}:where(.skdx-calendar__week-number,.skdx-calendar__week-number-header){display:inline-flex;align-items:center;justify-content:center;inline-size:var(--skdx-item-height-md);color:var(--skdx-color-text-muted);font-size:var(--skdx-font-size-xs);font-variant-numeric:tabular-nums}:where(.skdx-calendar__grid-head){color:var(--skdx-color-text-muted);font-size:var(--skdx-font-size-xs);font-weight:var(--skdx-font-weight-medium)}}
|
package/dist/components/card.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"../base.css";@layer skdx-components{:where(.skdx-card){display:flex;flex-direction:column;background-color:var(--skdx-color-surface-raised);border:var(--skdx-border-width-thin) solid var(--skdx-color-border-default);border-radius:var(--skdx-radius
|
|
1
|
+
@import"../base.css";@layer skdx-components{:where(.skdx-card){display:flex;flex-direction:column;--skdx-card-padding: var(--skdx-space-4);--skdx-card-radius: var(--skdx-radius-lg);background-color:var(--skdx-color-surface-raised);border:var(--skdx-border-width-thin) solid var(--skdx-color-border-default);border-radius:var(--skdx-card-radius);color:var(--skdx-color-text-default)}:where(.skdx-card)[data-elevation=raised]{box-shadow:var(--skdx-shadow-md)}:where(.skdx-card)[data-interactive]{cursor:pointer;transition:border-color var(--skdx-motion-duration-fast) var(--skdx-motion-easing),background-color var(--skdx-motion-duration-fast) var(--skdx-motion-easing)}:where(.skdx-card)[data-interactive]:hover{border-color:var(--skdx-color-border-strong);background-color:var(--skdx-color-surface-hover)}:where(.skdx-card)[data-interactive]:focus-visible{border-color:var(--skdx-color-border-strong);background-color:var(--skdx-color-surface-hover)}:where(.skdx-card)[data-selected]{border-color:var(--skdx-color-border-accent);background-color:var(--skdx-color-surface-selected);box-shadow:inset 0 0 0 var(--skdx-border-width-thin) var(--skdx-color-border-accent)}:where(.skdx-card__media){overflow:hidden;border-start-start-radius:calc(var(--skdx-card-radius) - var(--skdx-border-width-thin));border-start-end-radius:calc(var(--skdx-card-radius) - var(--skdx-border-width-thin))}:where(.skdx-card__media)>:where(img,video,picture,canvas,svg){display:block;inline-size:100%;block-size:auto;object-fit:cover}:where(.skdx-card__header){display:flex;flex-direction:column;gap:var(--skdx-space-2);padding:var(--skdx-card-padding)}:where(.skdx-card__title){margin:0;font-size:var(--skdx-font-size-md);font-weight:var(--skdx-font-weight-semibold);line-height:var(--skdx-font-line-height-tight)}:where(.skdx-card__description){margin:0;font-size:var(--skdx-font-size-sm);color:var(--skdx-color-text-muted)}:where(.skdx-card__content){padding:var(--skdx-card-padding);padding-block-start:0}:where(.skdx-card__footer){display:flex;align-items:center;gap:var(--skdx-space-2);padding:var(--skdx-card-padding);padding-block-start:0}@media(forced-colors:active){:where(.skdx-card){border-color:CanvasText}:where(.skdx-card)[data-selected]{box-shadow:inset 0 0 0 var(--skdx-border-width-thin) Highlight;outline:var(--skdx-border-width-thin) solid Highlight}}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"../base.css";@layer skdx-components{:where(.skdx-carousel){position:relative;inline-size:100%;display:flex;flex-wrap:wrap;align-items:center;gap:var(--skdx-space-2)}:where(.skdx-carousel__item){flex:none;inline-size:100%;scroll-snap-align:start;min-block-size:var(--skdx-space-16);display:flex;align-items:center;justify-content:center;padding-inline:calc(var(--skdx-control-height-md) + var(--skdx-space-2))}:where(.skdx-carousel__item)[hidden]{display:none}:where(.skdx-carousel__previous),:where(.skdx-carousel__next),:where(.skdx-carousel__play-pause){display:inline-flex;align-items:center;justify-content:center;inline-size:var(--skdx-control-height-md);block-size:var(--skdx-control-height-md);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-radius-full);box-shadow:var(--skdx-shadow-sm);cursor:pointer}:where(.skdx-carousel__previous),:where(.skdx-carousel__next){position:absolute;inset-block-start:calc(var(--skdx-space-16) / 2);translate:0 -50%;z-index:var(--skdx-z-index-base)}:where(.skdx-carousel__previous){inset-inline-start:var(--skdx-space-2)}:where(.skdx-carousel__next){inset-inline-end:var(--skdx-space-2)}:where(.skdx-carousel__previous)[data-disabled],:where(.skdx-carousel__next)[data-disabled]{color:var(--skdx-color-text-disabled);cursor:not-allowed}:where(.skdx-carousel__content){flex-basis:100%;display:flex;gap:var(--skdx-space-3);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;--skdx-focus-ring-offset: var(--skdx-focus-ring-offset-inset)}:where(.skdx-carousel__content)::-webkit-scrollbar{display:none}:where(.skdx-carousel__previous):hover:not([data-disabled]),:where(.skdx-carousel__next):hover:not([data-disabled]){background-color:var(--skdx-color-surface-hover);border-color:var(--skdx-color-border-accent)}:where(.skdx-carousel__indicator){inline-size:var(--skdx-space-2);block-size:var(--skdx-space-2);padding:0;background-color:var(--skdx-color-track);border:
|
|
1
|
+
@import"../base.css";@layer skdx-components{:where(.skdx-carousel){position:relative;inline-size:100%;display:flex;flex-wrap:wrap;align-items:center;gap:var(--skdx-space-2)}:where(.skdx-carousel__item){flex:none;inline-size:100%;scroll-snap-align:start;min-block-size:var(--skdx-space-16);display:flex;align-items:center;justify-content:center;padding-inline:calc(var(--skdx-control-height-md) + var(--skdx-space-2))}:where(.skdx-carousel__item)[hidden]{display:none}:where(.skdx-carousel__previous),:where(.skdx-carousel__next),:where(.skdx-carousel__play-pause){display:inline-flex;align-items:center;justify-content:center;inline-size:var(--skdx-control-height-md);block-size:var(--skdx-control-height-md);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-radius-full);box-shadow:var(--skdx-shadow-sm);cursor:pointer}:where(.skdx-carousel__previous),:where(.skdx-carousel__next){position:absolute;inset-block-start:calc(var(--skdx-space-16) / 2);translate:0 -50%;z-index:var(--skdx-z-index-base)}:where(.skdx-carousel__previous){inset-inline-start:var(--skdx-space-2)}:where(.skdx-carousel__next){inset-inline-end:var(--skdx-space-2)}:where(.skdx-carousel__previous)[data-disabled],:where(.skdx-carousel__next)[data-disabled]{color:var(--skdx-color-text-disabled);cursor:not-allowed}:where(.skdx-carousel__content){flex-basis:100%;display:flex;gap:var(--skdx-space-3);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;--skdx-focus-ring-offset: var(--skdx-focus-ring-offset-inset)}:where(.skdx-carousel__content)::-webkit-scrollbar{display:none}:where(.skdx-carousel__previous):hover:not([data-disabled]),:where(.skdx-carousel__next):hover:not([data-disabled]){background-color:var(--skdx-color-surface-hover);border-color:var(--skdx-color-border-accent)}:where(.skdx-carousel__indicators){display:flex;align-items:center;gap:var(--skdx-space-2)}:where(.skdx-carousel__progress){color:var(--skdx-color-text-muted);font-size:var(--skdx-font-size-sm)}:where(.skdx-carousel__indicator){position:relative;inline-size:var(--skdx-space-2);block-size:var(--skdx-space-2);padding:0;background-color:var(--skdx-color-track);border:var(--skdx-border-width-thin) solid var(--skdx-color-border-strong);border-radius:var(--skdx-radius-full);cursor:pointer}:where(.skdx-carousel__indicator):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-carousel__indicator):hover:not([data-disabled]){background-color:var(--skdx-color-track-fill)}:where(.skdx-carousel__indicator)[data-state=active]:hover:not([data-disabled]){box-shadow:0 0 0 var(--skdx-border-width-thick) var(--skdx-color-border-strong)}:where(.skdx-carousel__indicator)[data-state=active]{background-color:var(--skdx-color-track-fill)}:where(.skdx-carousel__viewport){display:flex;gap:var(--skdx-space-3);overflow-x:auto;--skdx-focus-ring-offset: var(--skdx-focus-ring-offset-inset);scroll-snap-type:x mandatory;scrollbar-width:none}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"../internal/_card-control.css";@import"checkbox.css";@layer skdx-components{:where(.skdx-checkbox-card){display:flex;align-items:flex-start;gap:var(--skdx-space-3);padding:var(--skdx-space-3);background-color:var(--skdx-color-surface-raised);border:var(--skdx-border-width-thin) solid var(--skdx-color-border-default);border-radius:var(--skdx-radius-md);cursor:pointer;transition:border-color var(--skdx-motion-duration-fast) var(--skdx-motion-easing),background-color var(--skdx-motion-duration-fast) var(--skdx-motion-easing)}:where(.skdx-checkbox-card):hover:not([data-disabled]){border-color:var(--skdx-color-border-strong)}:where(.skdx-checkbox-card)[data-state=checked]{border-color:var(--skdx-color-border-accent);background-color:var(--skdx-color-surface-selected)}:where(.skdx-checkbox-card)[data-disabled]{background-color:var(--skdx-color-surface-disabled);border-color:var(--skdx-color-border-disabled);cursor:not-allowed}:where(.skdx-checkbox-card)[data-invalid]{border-color:var(--skdx-color-border-danger)}:where(.skdx-checkbox-
|
|
1
|
+
@import"../internal/_card-control.css";@import"checkbox.css";@layer skdx-components{:where(.skdx-checkbox-card){display:flex;align-items:flex-start;gap:var(--skdx-space-3);padding:var(--skdx-space-3);background-color:var(--skdx-color-surface-raised);border:var(--skdx-border-width-thin) solid var(--skdx-color-border-default);border-radius:var(--skdx-radius-md);cursor:pointer;transition:border-color var(--skdx-motion-duration-fast) var(--skdx-motion-easing),background-color var(--skdx-motion-duration-fast) var(--skdx-motion-easing)}:where(.skdx-checkbox-card):hover:not([data-disabled]){border-color:var(--skdx-color-border-strong)}:where(.skdx-checkbox-card)[data-state=checked]{border-color:var(--skdx-color-border-accent);background-color:var(--skdx-color-surface-selected)}:where(.skdx-checkbox-card)[data-disabled]{background-color:var(--skdx-color-surface-disabled);border-color:var(--skdx-color-border-disabled);cursor:not-allowed}:where(.skdx-checkbox-card)[data-invalid]{border-color:var(--skdx-color-border-danger)}:where(.skdx-checkbox-card)[data-readonly]{cursor:default}:where(.skdx-checkbox-card)[data-readonly]:hover{border-color:var(--skdx-color-border-default)}:where(.skdx-checkbox-card__label){font-size:var(--skdx-font-size-sm);font-weight:var(--skdx-font-weight-medium)}:where(.skdx-checkbox-card__description){font-size:var(--skdx-font-size-xs);color:var(--skdx-color-text-muted)}@media(forced-colors:active){:where(.skdx-checkbox-card)[data-state=checked]{border-color:Highlight;border-width:var(--skdx-border-width-thick)}}:where(.skdx-checkbox-card__indicator){display:inline-flex;align-items:center;justify-content:center;flex:none;inline-size:var(--skdx-indicator-size-md);block-size:var(--skdx-indicator-size-md);color:transparent;background-color:var(--skdx-color-field-bg);border:var(--skdx-border-width-thin) solid var(--skdx-color-field-border);border-radius:var(--skdx-radius-sm);font-size:var(--skdx-font-size-xs);line-height:1}:where(.skdx-checkbox-card)[data-state=checked] :where(.skdx-checkbox-card__indicator){color:var(--skdx-color-selection-mark);background-color:var(--skdx-color-selection-bg);border-color:var(--skdx-color-selection-bg)}:where(.skdx-checkbox-card)[data-disabled] :where(.skdx-checkbox-card__indicator){background-color:var(--skdx-color-field-bg-disabled);border-color:var(--skdx-color-border-disabled);color:var(--skdx-color-text-disabled)}@media(forced-colors:active){:where(.skdx-checkbox-card__indicator){border-color:CanvasText}:where(.skdx-checkbox-card)[data-state=checked] :where(.skdx-checkbox-card__indicator){background-color:Highlight;border-color:Highlight;color:HighlightText}}:where(.skdx-checkbox-card)[data-size=sm]{padding:var(--skdx-space-2);gap:var(--skdx-space-2)}:where(.skdx-checkbox-card)[data-size=sm] :where(.skdx-checkbox-card__label){font-size:var(--skdx-font-size-xs)}:where(.skdx-checkbox-card)[data-size=md]{padding:var(--skdx-space-3);gap:var(--skdx-space-3)}:where(.skdx-checkbox-card)[data-size=lg]{padding:var(--skdx-space-4);gap:var(--skdx-space-4)}:where(.skdx-checkbox-card)[data-size=lg] :where(.skdx-checkbox-card__label){font-size:var(--skdx-font-size-md)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"../internal/_actuator.css";@import"checkbox.css";@layer skdx-components{:where(.skdx-checkbox-group){display:flex;flex-direction:column;gap:var(--skdx-space-2)}:where(.skdx-checkbox-group)[data-orientation=horizontal]{flex-direction:row;flex-wrap:wrap;gap:var(--skdx-space-4)}:where(.skdx-checkbox-group__item),:where(.skdx-checkbox-group__select-all){display:flex;align-items:center;gap:var(--skdx-space-2);font-size:var(--skdx-font-size-sm)}:where(.skdx-checkbox-group__description){font-size:var(--skdx-font-size-xs);color:var(--skdx-color-text-muted)}:where(.skdx-checkbox-group__label){font-size:var(--skdx-font-size-sm);font-weight:var(--skdx-font-weight-medium)}}
|
|
1
|
+
@import"../internal/_actuator.css";@import"checkbox.css";@layer skdx-components{:where(.skdx-checkbox-group){display:flex;flex-direction:column;gap:var(--skdx-space-2)}:where(.skdx-checkbox-group)[data-orientation=vertical]{flex-direction:column;flex-wrap:nowrap;gap:var(--skdx-space-2)}:where(.skdx-checkbox-group)[data-orientation=horizontal]{flex-direction:row;flex-wrap:wrap;gap:var(--skdx-space-4)}:where(.skdx-checkbox-group__item)[data-max-reached]{cursor:not-allowed;opacity:var(--skdx-opacity-disabled)}:where(.skdx-checkbox-group)[data-readonly] :where(.skdx-checkbox-group__item),:where(.skdx-checkbox-group)[data-readonly] :where(.skdx-checkbox-group__select-all){cursor:default}:where(.skdx-checkbox-group__item),:where(.skdx-checkbox-group__select-all){display:flex;align-items:center;gap:var(--skdx-space-2);font-size:var(--skdx-font-size-sm)}:where(.skdx-checkbox-group__description){font-size:var(--skdx-font-size-xs);color:var(--skdx-color-text-muted)}:where(.skdx-checkbox-group__label){font-size:var(--skdx-font-size-sm);font-weight:var(--skdx-font-weight-medium)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"../base.css";@layer skdx-components{:where(.skdx-checkbox){position:relative;display:inline-flex;align-items:center;justify-content:center;flex:none;inline-size:var(--skdx-indicator-size-md);block-size:var(--skdx-indicator-size-md);padding:0;color:transparent;background-color:var(--skdx-color-field-bg);border:var(--skdx-border-width-thick) solid var(--skdx-color-field-border);border-radius:var(--skdx-radius-inner);cursor:pointer;transition:background-color var(--skdx-motion-duration-fast) var(--skdx-motion-easing),border-color var(--skdx-motion-duration-fast) var(--skdx-motion-easing)}:where(.skdx-checkbox):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-checkbox__indicator){display:inline-flex;align-items:center;justify-content:center;line-height:1;font-size:var(--skdx-font-size-xs);color:inherit;pointer-events:none}:where(.skdx-checkbox__indicator)[hidden]{display:none}:where(.skdx-checkbox):hover{border-color:var(--skdx-color-field-border-hover)}:where(.skdx-checkbox)[data-state=checked],:where(.skdx-checkbox)[data-state=indeterminate]{color:var(--skdx-color-selection-mark);background-color:var(--skdx-color-selection-bg);border-color:var(--skdx-color-selection-bg)}:where(.skdx-checkbox)[data-state=checked]:hover:not([data-disabled]),:where(.skdx-checkbox)[data-state=indeterminate]:hover:not([data-disabled]){box-shadow:0 0 0 var(--skdx-border-width-thin) var(--skdx-color-border-strong)}:where(.skdx-checkbox)[data-disabled]{cursor:not-allowed;background-color:var(--skdx-color-field-bg-disabled);border-color:var(--skdx-color-border-disabled);color:var(--skdx-color-text-disabled)}:where(.skdx-checkbox)[data-disabled][data-state=checked],:where(.skdx-checkbox)[data-disabled][data-state=indeterminate]{background-color:var(--skdx-color-action-disabled-bg);border-color:var(--skdx-color-border-disabled)}:where(.skdx-checkbox)[data-invalid]{border-color:var(--skdx-color-field-border-invalid);box-shadow:0 0 0 var(--skdx-border-width-thin) var(--skdx-color-field-border-invalid)}:where(.skdx-checkbox)[data-size=sm]{inline-size:var(--skdx-indicator-size-sm);block-size:var(--skdx-indicator-size-sm)}:where(.skdx-checkbox)[data-size=lg]{inline-size:var(--skdx-indicator-size-lg);block-size:var(--skdx-indicator-size-lg)}@media(forced-colors:active){:where(.skdx-checkbox){border-color:CanvasText}:where(.skdx-checkbox)[data-state=checked],:where(.skdx-checkbox)[data-state=indeterminate]{background-color:Highlight;border-color:Highlight;color:HighlightText}:where(.skdx-checkbox)[data-disabled]{border-color:GrayText;color:GrayText}}:where(.skdx-checkbox__label){font-size:var(--skdx-font-size-sm);line-height:var(--skdx-font-line-height-normal);color:var(--skdx-color-text-default)}:where(.skdx-checkbox)[data-disabled]+:where(.skdx-checkbox__label),:where(:not([class*=skdx-]):has(>.skdx-checkbox[data-disabled]))+:where(.skdx-checkbox__label){color:var(--skdx-color-text-disabled)}}
|
|
1
|
+
@import"../base.css";@layer skdx-components{:where(.skdx-checkbox){position:relative;display:inline-flex;align-items:center;justify-content:center;flex:none;inline-size:var(--skdx-indicator-size-md);block-size:var(--skdx-indicator-size-md);padding:0;color:transparent;background-color:var(--skdx-color-field-bg);border:var(--skdx-border-width-thick) solid var(--skdx-color-field-border);border-radius:var(--skdx-radius-inner);cursor:pointer;transition:background-color var(--skdx-motion-duration-fast) var(--skdx-motion-easing),border-color var(--skdx-motion-duration-fast) var(--skdx-motion-easing)}:where(.skdx-checkbox):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-checkbox__indicator){display:inline-flex;align-items:center;justify-content:center;line-height:1;font-size:var(--skdx-font-size-xs);color:inherit;pointer-events:none}:where(.skdx-checkbox__indicator)[hidden]{display:none}:where(.skdx-checkbox):hover{border-color:var(--skdx-color-field-border-hover)}:where(.skdx-checkbox)[data-state=checked],:where(.skdx-checkbox)[data-state=indeterminate]{color:var(--skdx-color-selection-mark);background-color:var(--skdx-color-selection-bg);border-color:var(--skdx-color-selection-bg)}:where(.skdx-checkbox)[data-state=checked]:hover:not([data-disabled]),:where(.skdx-checkbox)[data-state=indeterminate]:hover:not([data-disabled]){box-shadow:0 0 0 var(--skdx-border-width-thin) var(--skdx-color-border-strong)}:where(.skdx-checkbox)[data-disabled]{cursor:not-allowed;background-color:var(--skdx-color-field-bg-disabled);border-color:var(--skdx-color-border-disabled);color:var(--skdx-color-text-disabled)}:where(.skdx-checkbox)[data-disabled][data-state=checked],:where(.skdx-checkbox)[data-disabled][data-state=indeterminate]{background-color:var(--skdx-color-action-disabled-bg);border-color:var(--skdx-color-border-disabled)}:where(.skdx-checkbox)[data-invalid]{border-color:var(--skdx-color-field-border-invalid);box-shadow:0 0 0 var(--skdx-border-width-thin) var(--skdx-color-field-border-invalid)}:where(.skdx-checkbox)[data-readonly]{cursor:default}:where(.skdx-checkbox)[data-size=sm]{inline-size:var(--skdx-indicator-size-sm);block-size:var(--skdx-indicator-size-sm)}:where(.skdx-checkbox)[data-size=md]{inline-size:var(--skdx-indicator-size-md);block-size:var(--skdx-indicator-size-md)}:where(.skdx-checkbox)[data-size=lg]{inline-size:var(--skdx-indicator-size-lg);block-size:var(--skdx-indicator-size-lg)}@media(forced-colors:active){:where(.skdx-checkbox){border-color:CanvasText}:where(.skdx-checkbox)[data-state=checked],:where(.skdx-checkbox)[data-state=indeterminate]{background-color:Highlight;border-color:Highlight;color:HighlightText}:where(.skdx-checkbox)[data-disabled]{border-color:GrayText;color:GrayText}}:where(.skdx-checkbox__label){font-size:var(--skdx-font-size-sm);line-height:var(--skdx-font-line-height-normal);color:var(--skdx-color-text-default)}:where(.skdx-checkbox)[data-disabled]+:where(.skdx-checkbox__label),:where(:not([class*=skdx-]):has(>.skdx-checkbox[data-disabled]))+:where(.skdx-checkbox__label){color:var(--skdx-color-text-disabled)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"../base.css";@layer skdx-components{:where(.skdx-clipboard){display:inline-flex;align-items:center;gap:var(--skdx-space-2)}:where(.skdx-clipboard__input){flex:1;min-inline-size:0;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-readonly);border:var(--skdx-border-width-thin) solid var(--skdx-color-field-border);border-radius:var(--skdx-radius-md);font-family:var(--skdx-font-family-mono);font-size:var(--skdx-font-size-xs)}:where(.skdx-clipboard__trigger){display:inline-flex;align-items:center;gap:var(--skdx-space-1);min-block-size:var(--skdx-control-height-md);padding-inline:var(--skdx-control-padding-md);color:var(--skdx-color-text-default);background-color:var(--skdx-color-action-secondary-bg);border:var(--skdx-border-width-thin) solid var(--skdx-color-action-secondary-border);border-radius:var(--skdx-radius-md);font-size:var(--skdx-font-size-sm);cursor:pointer}:where(.skdx-clipboard__trigger)[data-state=copied]{color:var(--skdx-color-status-success-text);border-color:var(--skdx-color-status-success-border);background-color:var(--skdx-color-status-success-bg)}:where(.skdx-clipboard__indicator){display:inline-flex;align-items:center;justify-content:center;flex:none;min-inline-size:var(--skdx-icon-size-md);min-block-size:var(--skdx-icon-size-md)}:where(.skdx-clipboard__trigger)[data-state=copied] :where(.skdx-clipboard__indicator){color:var(--skdx-color-text-success)}:where(.skdx-clipboard__trigger):hover:not([data-disabled]){background-color:var(--skdx-color-surface-hover);border-color:var(--skdx-color-border-strong)}}
|
|
1
|
+
@import"../base.css";@layer skdx-components{:where(.skdx-clipboard),:where(.skdx-clipboard)[data-size=md]{--skdx-clipboard-block-size: var(--skdx-control-height-md);--skdx-clipboard-padding-inline: var(--skdx-control-padding-md);--skdx-clipboard-font-size: var(--skdx-font-size-sm);--skdx-clipboard-input-font-size: var(--skdx-font-size-xs)}:where(.skdx-clipboard)[data-size=sm]{--skdx-clipboard-block-size: var(--skdx-control-height-sm);--skdx-clipboard-padding-inline: var(--skdx-control-padding-sm);--skdx-clipboard-font-size: var(--skdx-font-size-xs);--skdx-clipboard-input-font-size: var(--skdx-font-size-xs)}:where(.skdx-clipboard)[data-size=lg]{--skdx-clipboard-block-size: var(--skdx-control-height-lg);--skdx-clipboard-padding-inline: var(--skdx-control-padding-lg);--skdx-clipboard-font-size: var(--skdx-font-size-md);--skdx-clipboard-input-font-size: var(--skdx-font-size-sm)}:where(.skdx-clipboard){display:inline-flex;align-items:center;gap:var(--skdx-space-2)}:where(.skdx-clipboard__input){flex:1;min-inline-size:0;block-size:var(--skdx-clipboard-block-size, var(--skdx-control-height-md));padding-inline:var(--skdx-clipboard-padding-inline, var(--skdx-control-padding-md));color:var(--skdx-color-field-text);background-color:var(--skdx-color-field-bg-readonly);border:var(--skdx-border-width-thin) solid var(--skdx-color-field-border);border-radius:var(--skdx-radius-md);font-family:var(--skdx-font-family-mono);font-size:var(--skdx-clipboard-input-font-size, var(--skdx-font-size-xs))}:where(.skdx-clipboard__trigger){display:inline-flex;align-items:center;gap:var(--skdx-space-1);min-block-size:var(--skdx-clipboard-block-size, var(--skdx-control-height-md));padding-inline:var(--skdx-clipboard-padding-inline, var(--skdx-control-padding-md));color:var(--skdx-color-text-default);background-color:var(--skdx-color-action-secondary-bg);border:var(--skdx-border-width-thin) solid var(--skdx-color-action-secondary-border);border-radius:var(--skdx-radius-md);font-size:var(--skdx-clipboard-font-size, var(--skdx-font-size-sm));cursor:pointer}:where(.skdx-clipboard__trigger)[data-state=copied]{color:var(--skdx-color-status-success-text);border-color:var(--skdx-color-status-success-border);background-color:var(--skdx-color-status-success-bg)}:where(.skdx-clipboard__trigger)[data-state=error]{color:var(--skdx-color-status-danger-text);border-color:var(--skdx-color-status-danger-border);background-color:var(--skdx-color-status-danger-bg)}:where(.skdx-clipboard__indicator){display:inline-flex;align-items:center;justify-content:center;flex:none;min-inline-size:var(--skdx-icon-size-md);min-block-size:var(--skdx-icon-size-md)}:where(.skdx-clipboard__trigger)[data-state=copied] :where(.skdx-clipboard__indicator){color:var(--skdx-color-text-success)}:where(.skdx-clipboard__trigger)[data-state=error] :where(.skdx-clipboard__indicator){color:var(--skdx-color-text-danger)}:where(.skdx-clipboard__trigger):hover:not([data-disabled]){background-color:var(--skdx-color-surface-hover);border-color:var(--skdx-color-border-strong)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"../internal/_overlay.css";@layer skdx-components{:where(.skdx-color-picker){display:inline-flex;flex-direction:column;gap:var(--skdx-space-3)}:where(.skdx-color-picker__area){position:relative;inline-size:100%;min-block-size:8rem;border-radius:var(--skdx-radius-md);background-image:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,transparent);background-color:hsl(var(--skdx-color-picker-hue, 0deg) 100% 50%);touch-action:none}:where([dir=rtl]) :where(.skdx-color-picker__area){background-image:linear-gradient(to top,#000,transparent),linear-gradient(to left,#fff,transparent)}:where(.skdx-color-picker__area-thumb),:where(.skdx-color-picker__hue-slider-thumb),:where(.skdx-color-picker__alpha-slider-thumb){position:absolute;inline-size:var(--skdx-indicator-size-md);block-size:var(--skdx-indicator-size-md);background:transparent;border:var(--skdx-border-width-thick) solid var(--skdx-color-surface-page);border-radius:var(--skdx-radius-full);box-shadow:var(--skdx-shadow-sm);cursor:grab;translate:-50% 50%}:where([dir=rtl]) :where(.skdx-color-picker__area-thumb),:where([dir=rtl]) :where(.skdx-color-picker__hue-slider-thumb),:where([dir=rtl]) :where(.skdx-color-picker__alpha-slider-thumb){translate:50% 50%}:where(.skdx-color-picker__area-thumb){inset-inline-start:var(--skdx-color-picker-saturation, 0%);inset-block-end:var(--skdx-color-picker-brightness, 0%)}:where(.skdx-color-picker__hue-slider-thumb){inset-inline-start:var(--skdx-color-picker-hue-position, 0%);inset-block-end:50%}:where(.skdx-color-picker__alpha-slider-thumb){inset-inline-start:var(--skdx-color-picker-alpha-position, 0%);inset-block-end:50%}:where(.skdx-color-picker__area-thumb)>[role=slider]{position:absolute;inset:0;border-radius:inherit}:where(.skdx-color-picker__hue-slider),:where(.skdx-color-picker__alpha-slider){position:relative;block-size:var(--skdx-space-3);border-radius:var(--skdx-radius-full);touch-action:none}:where(.skdx-color-picker__hue-slider){background-image:linear-gradient(to right,red,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red)}:where([dir=rtl]) :where(.skdx-color-picker__hue-slider){background-image:linear-gradient(to left,red,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red)}:where(.skdx-color-picker__alpha-slider){background-image:linear-gradient(to right,transparent,var(--skdx-color-picker-value, #000)),conic-gradient(var(--skdx-color-border-subtle) 0deg 90deg,transparent 90deg 180deg,var(--skdx-color-border-subtle) 180deg 270deg,transparent 270deg);background-size:100% 100%,var(--skdx-space-2) var(--skdx-space-2)}:where([dir=rtl]) :where(.skdx-color-picker__alpha-slider){background-image:linear-gradient(to left,transparent,var(--skdx-color-picker-value, #000)),conic-gradient(var(--skdx-color-border-subtle) 0deg 90deg,transparent 90deg 180deg,var(--skdx-color-border-subtle) 180deg 270deg,transparent 270deg)}:where(.skdx-color-picker__swatch){inline-size:var(--skdx-control-height-md);block-size:var(--skdx-control-height-md);background-color:var(--skdx-color-picker-swatch-value, transparent);border:var(--skdx-border-width-thin) solid var(--skdx-color-border-default);border-radius:var(--skdx-radius-sm);cursor:pointer}:where(.skdx-color-picker__swatch)[data-state=checked]{border-color:var(--skdx-color-border-accent);border-width:var(--skdx-border-width-thick)}:where(.skdx-color-picker__swatch-group){display:flex;flex-wrap:wrap;gap:var(--skdx-space-2)}:where(.skdx-color-picker__eye-dropper),:where(.skdx-color-picker__format-select){color:var(--skdx-color-text-default);background-color:var(--skdx-color-action-secondary-bg);border:var(--skdx-border-width-thin) solid var(--skdx-color-action-secondary-border);border-radius:var(--skdx-radius-sm);cursor:pointer}:where(.skdx-color-picker__input){inline-size:100%;block-size:var(--skdx-control-height-sm);padding-inline:var(--skdx-space-2);color:var(--skdx-color-field-text);background-color:var(--skdx-color-field-bg);border:var(--skdx-border-width-thin) solid var(--skdx-color-field-border);border-radius:var(--skdx-radius-sm);font-family:var(--skdx-font-family-mono);font-size:var(--skdx-font-size-xs)}:where(.skdx-color-picker__eye-dropper):hover,:where(.skdx-color-picker__format-select):hover{background-color:var(--skdx-color-surface-hover);border-color:var(--skdx-color-border-strong)}}
|
|
1
|
+
@import"../internal/_overlay.css";@layer skdx-components{:where(.skdx-color-picker){display:inline-flex;flex-direction:column;gap:var(--skdx-space-3);--skdx-color-picker-area-height: 8rem;--skdx-color-picker-track-thickness: var(--skdx-space-3);--skdx-color-picker-swatch-size: var(--skdx-control-height-md)}:where(.skdx-color-picker)[data-size=sm]{--skdx-color-picker-area-height: 6rem;--skdx-color-picker-track-thickness: var(--skdx-space-2);--skdx-color-picker-swatch-size: var(--skdx-control-height-sm)}:where(.skdx-color-picker)[data-size=lg]{--skdx-color-picker-area-height: 12rem;--skdx-color-picker-track-thickness: var(--skdx-space-4);--skdx-color-picker-swatch-size: var(--skdx-control-height-lg)}:where(.skdx-color-picker)[data-full-width]{display:flex;inline-size:100%}:where(.skdx-color-picker__area){position:relative;inline-size:100%;min-block-size:var(--skdx-color-picker-area-height, 8rem);border-radius:var(--skdx-radius-md);background-image:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,transparent);background-color:hsl(var(--skdx-color-picker-hue, 0deg) 100% 50%);touch-action:none}:where([dir=rtl]) :where(.skdx-color-picker__area){background-image:linear-gradient(to top,#000,transparent),linear-gradient(to left,#fff,transparent)}:where(.skdx-color-picker__area-thumb),:where(.skdx-color-picker__hue-slider-thumb),:where(.skdx-color-picker__alpha-slider-thumb){position:absolute;inline-size:var(--skdx-indicator-size-md);block-size:var(--skdx-indicator-size-md);background:transparent;border:var(--skdx-border-width-thick) solid var(--skdx-color-surface-page);border-radius:var(--skdx-radius-full);box-shadow:var(--skdx-shadow-sm);cursor:grab;translate:-50% 50%}:where([dir=rtl]) :where(.skdx-color-picker__area-thumb),:where([dir=rtl]) :where(.skdx-color-picker__hue-slider-thumb),:where([dir=rtl]) :where(.skdx-color-picker__alpha-slider-thumb){translate:50% 50%}:where(.skdx-color-picker__area-thumb){inset-inline-start:var(--skdx-color-picker-saturation, 0%);inset-block-end:var(--skdx-color-picker-brightness, 0%)}:where(.skdx-color-picker__hue-slider-thumb){inset-inline-start:var(--skdx-color-picker-hue-position, 0%);inset-block-end:50%}:where(.skdx-color-picker__alpha-slider-thumb){inset-inline-start:var(--skdx-color-picker-alpha-position, 0%);inset-block-end:50%}:where(.skdx-color-picker__area-thumb)>[role=slider]{position:absolute;inset:0;border-radius:inherit}:where(.skdx-color-picker__hue-slider),:where(.skdx-color-picker__alpha-slider){position:relative;block-size:var(--skdx-color-picker-track-thickness, var(--skdx-space-3));border-radius:var(--skdx-radius-full);touch-action:none}:where(.skdx-color-picker__hue-slider){background-image:linear-gradient(to right,red,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red)}:where([dir=rtl]) :where(.skdx-color-picker__hue-slider){background-image:linear-gradient(to left,red,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red)}:where(.skdx-color-picker__alpha-slider){background-image:linear-gradient(to right,transparent,var(--skdx-color-picker-value, #000)),conic-gradient(var(--skdx-color-border-subtle) 0deg 90deg,transparent 90deg 180deg,var(--skdx-color-border-subtle) 180deg 270deg,transparent 270deg);background-size:100% 100%,var(--skdx-space-2) var(--skdx-space-2)}:where([dir=rtl]) :where(.skdx-color-picker__alpha-slider){background-image:linear-gradient(to left,transparent,var(--skdx-color-picker-value, #000)),conic-gradient(var(--skdx-color-border-subtle) 0deg 90deg,transparent 90deg 180deg,var(--skdx-color-border-subtle) 180deg 270deg,transparent 270deg)}:where(.skdx-color-picker__swatch){inline-size:var(--skdx-color-picker-swatch-size, var(--skdx-control-height-md));block-size:var(--skdx-color-picker-swatch-size, var(--skdx-control-height-md));background-color:var(--skdx-color-picker-swatch-value, transparent);border:var(--skdx-border-width-thin) solid var(--skdx-color-border-default);border-radius:var(--skdx-radius-sm);cursor:pointer}:where(.skdx-color-picker__swatch)[data-state=checked]{border-color:var(--skdx-color-border-accent);border-width:var(--skdx-border-width-thick)}:where(.skdx-color-picker__swatch-group){display:flex;flex-wrap:wrap;gap:var(--skdx-space-2)}:where(.skdx-color-picker__eye-dropper),:where(.skdx-color-picker__format-select){min-block-size:var(--skdx-control-height-sm);color:var(--skdx-color-text-default);background-color:var(--skdx-color-action-secondary-bg);border:var(--skdx-border-width-thin) solid var(--skdx-color-action-secondary-border);border-radius:var(--skdx-radius-sm);cursor:pointer}:where(.skdx-color-picker__input){inline-size:100%;block-size:var(--skdx-control-height-sm);padding-inline:var(--skdx-space-2);color:var(--skdx-color-field-text);background-color:var(--skdx-color-field-bg);border:var(--skdx-border-width-thin) solid var(--skdx-color-field-border);border-radius:var(--skdx-radius-sm);font-family:var(--skdx-font-family-mono);font-size:var(--skdx-font-size-xs)}:where(.skdx-color-picker__eye-dropper):hover,:where(.skdx-color-picker__format-select):hover{background-color:var(--skdx-color-surface-hover);border-color:var(--skdx-color-border-strong)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"../internal/_trigger.css";@import"../internal/_overlay.css";@import"../internal/_collection.css";@layer skdx-components{:where(.skdx-combobox__content){padding:var(--skdx-overlay-padding)}:where(.skdx-combobox__input){inline-size:
|
|
1
|
+
@import"../internal/_trigger.css";@import"../internal/_overlay.css";@import"../internal/_collection.css";@layer skdx-components{:where(.skdx-combobox__content){padding:var(--skdx-overlay-padding)}:where(.skdx-combobox__input),:where(.skdx-combobox__input)[data-size=md]{--skdx-combobox-block-size: var(--skdx-control-height-md);--skdx-combobox-padding-inline: var(--skdx-control-padding-md);--skdx-combobox-font-size: var(--skdx-font-size-sm)}:where(.skdx-combobox__input)[data-size=sm]{--skdx-combobox-block-size: var(--skdx-control-height-sm);--skdx-combobox-padding-inline: var(--skdx-control-padding-sm);--skdx-combobox-font-size: var(--skdx-font-size-xs)}:where(.skdx-combobox__input)[data-size=lg]{--skdx-combobox-block-size: var(--skdx-control-height-lg);--skdx-combobox-padding-inline: var(--skdx-control-padding-lg);--skdx-combobox-font-size: var(--skdx-font-size-md)}:where(.skdx-combobox__input),:where(.skdx-combobox__input)[data-shape=rounded]{--skdx-combobox-radius: var(--skdx-radius-md)}:where(.skdx-combobox__input)[data-shape=square]{--skdx-combobox-radius: 0}:where(.skdx-combobox__input){inline-size:100%;block-size:var(--skdx-combobox-block-size);padding-inline:var(--skdx-combobox-padding-inline);color:var(--skdx-color-field-text);background-color:var(--skdx-color-field-bg);border:var(--skdx-border-width-thin) solid var(--skdx-color-field-border);border-radius:var(--skdx-combobox-radius);font-size:var(--skdx-combobox-font-size)}:where(.skdx-combobox__input)::placeholder{color:var(--skdx-color-text-placeholder);opacity:1}:where(.skdx-combobox__input):focus-visible{border-color:var(--skdx-color-field-border-focus)}:where(.skdx-combobox__input)[data-invalid]{border-color:var(--skdx-color-field-border-invalid);border-width:var(--skdx-border-width-thick)}:where(.skdx-combobox__input):disabled{color:var(--skdx-color-text-disabled);background-color:var(--skdx-color-field-bg-disabled);cursor:not-allowed}:where(.skdx-combobox__clear){display:inline-flex;align-items:center;justify-content:center;color:var(--skdx-color-text-muted);background:transparent;border:0;cursor:pointer}:where(.skdx-combobox__clear):hover:not(:disabled){color:var(--skdx-color-text-danger)}:where(.skdx-combobox__clear):disabled{color:var(--skdx-color-text-disabled);cursor:default}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"../internal/_overlay.css";@import"../internal/_collection.css";@layer skdx-components{:where(.skdx-command){display:flex;flex-direction:column;overflow:hidden;--skdx-focus-ring-offset: var(--skdx-focus-ring-offset-inset);background-color:var(--skdx-color-surface-raised);border:var(--skdx-border-width-thin) solid var(--skdx-color-border-default);border-radius:var(--skdx-overlay-radius);box-shadow:var(--skdx-shadow-overlay)}:where(.skdx-command__input){inline-size:100%;block-size:var(--skdx-control-height-lg);padding-inline:var(--skdx-space-4);color:var(--skdx-color-field-text);background:transparent;border:0;border-block-end:var(--skdx-border-width-thin) solid var(--skdx-color-border-default);border-radius:0;font-size:var(--skdx-font-size-md)}:where(.skdx-command__input)::placeholder{color:var(--skdx-color-text-placeholder);opacity:1}:where(.skdx-command__list){max-block-size:20rem;overflow:auto;--skdx-focus-ring-offset: var(--skdx-focus-ring-offset-inset);padding:var(--skdx-overlay-padding)}:where(.skdx-command__loading){padding-inline:var(--skdx-space-2);padding-block:var(--skdx-space-3);color:var(--skdx-color-text-muted);font-size:var(--skdx-font-size-sm);text-align:center}}
|
|
1
|
+
@import"../internal/_overlay.css";@import"../internal/_collection.css";@layer skdx-components{:where(.skdx-command){display:flex;flex-direction:column;overflow:hidden;--skdx-focus-ring-offset: var(--skdx-focus-ring-offset-inset);background-color:var(--skdx-color-surface-raised);border:var(--skdx-border-width-thin) solid var(--skdx-color-border-default);border-radius:var(--skdx-overlay-radius);box-shadow:var(--skdx-shadow-overlay)}:where(.skdx-command__input){inline-size:100%;block-size:var(--skdx-control-height-lg);padding-inline:var(--skdx-space-4);color:var(--skdx-color-field-text);background:transparent;border:0;border-block-end:var(--skdx-border-width-thin) solid var(--skdx-color-border-default);border-radius:0;font-size:var(--skdx-font-size-md)}:where(.skdx-command__input)::placeholder{color:var(--skdx-color-text-placeholder);opacity:1}:where(.skdx-command__list){max-block-size:20rem;overflow:auto;--skdx-focus-ring-offset: var(--skdx-focus-ring-offset-inset);padding:var(--skdx-overlay-padding)}:where(.skdx-command__loading,.skdx-command__empty){padding-inline:var(--skdx-space-2);padding-block:var(--skdx-space-3);color:var(--skdx-color-text-muted);font-size:var(--skdx-font-size-sm);text-align:center}}
|
|
@@ -1 +1 @@
|
|
|
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)}}
|
|
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 +1 @@
|
|
|
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__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
|
+
@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 +1 @@
|
|
|
1
|
-
@import"../base.css";@layer skdx-components{:where(.skdx-date-field){display:inline-flex;align-items:center;gap:var(--skdx-space-1);block-size:var(--skdx-control-height-md);padding-inline:var(--skdx-control-padding-md);background-color:var(--skdx-color-field-bg);border:var(--skdx-border-width-thin) solid var(--skdx-color-field-border);border-radius:var(--skdx-radius-md);font-variant-numeric:tabular-nums}:where(.skdx-date-field)[data-invalid]{border-color:var(--skdx-color-field-border-invalid);border-width:var(--skdx-border-width-thick)}:where(.skdx-date-field)[data-disabled]{background-color:var(--skdx-color-field-bg-disabled);border-color:var(--skdx-color-border-disabled)}:where(.skdx-date-field__segment){padding-inline:var(--skdx-space-1);border-radius:var(--skdx-radius-sm);font-size:var(--skdx-font-size-sm);color:var(--skdx-color-field-text);caret-color:transparent}:where(.skdx-date-field__segment):focus-visible{background-color:var(--skdx-color-selection-bg);color:var(--skdx-color-selection-mark);outline:none}:where(.skdx-date-field__segment)[data-placeholder]{color:var(--skdx-color-text-placeholder)}@media(forced-colors:active){:where(.skdx-date-field__segment):focus-visible{background-color:Highlight;color:HighlightText}}}
|
|
1
|
+
@import"../base.css";@layer skdx-components{:where(.skdx-date-field){display:inline-flex;align-items:center;gap:var(--skdx-space-1);block-size:var(--skdx-control-height-md);padding-inline:var(--skdx-control-padding-md);background-color:var(--skdx-color-field-bg);border:var(--skdx-border-width-thin) solid var(--skdx-color-field-border);border-radius:var(--skdx-radius-md);font-variant-numeric:tabular-nums}:where(.skdx-date-field,.skdx-time-field)[data-invalid]{border-color:var(--skdx-color-field-border-invalid);border-width:var(--skdx-border-width-thick)}:where(.skdx-date-field,.skdx-time-field)[data-disabled]{background-color:var(--skdx-color-field-bg-disabled);border-color:var(--skdx-color-border-disabled)}:where(.skdx-date-field,.skdx-time-field)[data-readonly]{background-color:transparent;border-color:transparent}:where(.skdx-date-field,.skdx-time-field)[data-readonly] :where(.skdx-date-field__segment,.skdx-time-field__segment){color:var(--skdx-color-text-muted)}:where(.skdx-date-field,.skdx-time-field)[data-readonly] :where(.skdx-date-field__segment,.skdx-time-field__segment):focus-visible{background-color:transparent;color:var(--skdx-color-text-muted);outline:var(--skdx-focus-ring-width) solid var(--skdx-color-focus-ring);outline-offset:var(--skdx-focus-ring-offset)}:where(.skdx-date-field__segment){padding-inline:var(--skdx-space-1);border-radius:var(--skdx-radius-sm);font-size:var(--skdx-font-size-sm);color:var(--skdx-color-field-text);caret-color:transparent}:where(.skdx-date-field__segment):focus-visible{background-color:var(--skdx-color-selection-bg);color:var(--skdx-color-selection-mark);outline:none}:where(.skdx-date-field__segment)[data-placeholder]{color:var(--skdx-color-text-placeholder)}@media(forced-colors:active){:where(.skdx-date-field__segment,.skdx-time-field__segment):focus-visible{background-color:Highlight;color:HighlightText}:where(.skdx-date-field,.skdx-time-field)[data-readonly] :where(.skdx-date-field__segment,.skdx-time-field__segment){color:GrayText}}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"../internal/_actuator.css";@import"../internal/_trigger.css";@import"../internal/_overlay.css";@import"calendar.css";@layer skdx-components{:where(.skdx-date-picker__content){padding:var(--skdx-space-2);min-inline-size:0}:where(.skdx-date-picker__calendar){padding:var(--skdx-space-2)}:where(.skdx-date-picker__time-field){display:flex;align-items:center;gap:var(--skdx-space-2);padding-inline:var(--skdx-space-2);padding-block-end:var(--skdx-space-2)}:where(.skdx-date-picker__input){flex:1;min-inline-size:0;color:var(--skdx-color-field-text);background:transparent;border:0;font-size:var(--skdx-font-size-sm)}:where(.skdx-date-picker__trigger):hover:not([data-disabled]){border-color:var(--skdx-color-field-border-hover);background-color:var(--skdx-color-field-bg-hover)}:where(.skdx-date-picker__close){inline-size:auto;padding-inline:var(--skdx-control-padding-md)}}
|
|
1
|
+
@import"../internal/_actuator.css";@import"../internal/_trigger.css";@import"../internal/_overlay.css";@import"calendar.css";@layer skdx-components{:where(.skdx-date-picker__content){padding:var(--skdx-space-2);min-inline-size:0}:where(.skdx-date-picker__calendar){padding:var(--skdx-space-2)}:where(.skdx-date-picker__time-field){display:flex;align-items:center;gap:var(--skdx-space-2);padding-inline:var(--skdx-space-2);padding-block-end:var(--skdx-space-2)}:where(.skdx-date-picker__input){flex:1;min-inline-size:0;color:var(--skdx-color-field-text);background:transparent;border:0;font-size:var(--skdx-font-size-sm)}:where(.skdx-date-picker__trigger):hover:not([data-disabled]){border-color:var(--skdx-color-field-border-hover);background-color:var(--skdx-color-field-bg-hover)}:where(.skdx-date-picker__trigger)[data-invalid]{border-color:var(--skdx-color-field-border-invalid);border-width:var(--skdx-border-width-thick)}@media(forced-colors:active){:where(.skdx-date-picker__trigger)[data-invalid]{border-style:double}}:where(.skdx-date-picker__close){inline-size:auto;padding-inline:var(--skdx-control-padding-md)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"../internal/_actuator.css";@import"../internal/_overlay.css";@layer skdx-components{:where(.skdx-dialog__content){position:fixed;inset-block-start:50%;left:50%;translate:-50% -50%;inline-size:min(32rem,calc(100vw - var(--skdx-space-8)));max-block-size:calc(100dvh - var(--skdx-space-8));display:flex;flex-direction:column;padding:var(--skdx-space-6);gap:var(--skdx-space-4);border-radius:var(--skdx-overlay-radius);z-index:var(--skdx-z-index-modal)}:where(dialog.skdx-dialog__content:not([open])){display:none}:where(.skdx-dialog__title){font-size:var(--skdx-font-size-lg);font-weight:var(--skdx-font-weight-semibold);line-height:var(--skdx-font-line-height-tight);color:var(--skdx-color-text-default)}:where(.skdx-dialog__description){font-size:var(--skdx-font-size-sm);line-height:var(--skdx-font-line-height-relaxed);color:var(--skdx-color-text-muted)}:where(.skdx-dialog__content)>:where(.skdx-dialog__close),:where(.skdx-dialog__content)>:where(:not([class*=skdx-]):has(>.skdx-dialog__close))>:where(.skdx-dialog__close){position:absolute;inset-block-start:var(--skdx-space-3);inset-inline-end:var(--skdx-space-3)}:where(.skdx-dialog__close){display:inline-flex;align-items:center;justify-content:center;min-inline-size:var(--skdx-target-min);min-block-size:var(--skdx-target-min);color:var(--skdx-color-text-muted);background:transparent;border:0;border-radius:var(--skdx-radius-sm);cursor:pointer}:where(.skdx-dialog__close):hover{color:var(--skdx-color-text-default);background-color:var(--skdx-color-action-ghost-bg-hover)}@media(max-width:30rem){:where(.skdx-dialog__content){inline-size:100vw;max-inline-size:100vw;inset-block-start:auto;inset-block-end:0;inset-inline-start:0;translate:none;border-start-start-radius:var(--skdx-overlay-radius);border-start-end-radius:var(--skdx-overlay-radius);border-end-start-radius:0;border-end-end-radius:0}}:where(.skdx-dialog__body){flex:1;min-block-size:0;overflow:auto;--skdx-focus-ring-offset: var(--skdx-focus-ring-offset-inset);font-size:var(--skdx-font-size-sm);line-height:var(--skdx-font-line-height-relaxed);color:var(--skdx-color-text-default)}:where(.skdx-dialog__footer){display:flex;justify-content:flex-end;gap:var(--skdx-space-2);flex-wrap:wrap}}
|
|
1
|
+
@import"../internal/_actuator.css";@import"../internal/_overlay.css";@layer skdx-components{:where(.skdx-dialog__content){position:fixed;inset-block-start:50%;left:50%;translate:-50% -50%;inline-size:min(32rem,calc(100vw - var(--skdx-space-8)));max-block-size:calc(100dvh - var(--skdx-space-8));display:flex;flex-direction:column;padding:var(--skdx-space-6);gap:var(--skdx-space-4);border-radius:var(--skdx-overlay-radius);z-index:var(--skdx-z-index-modal)}:where(.skdx-dialog__content[data-size=sm]){inline-size:min(24rem,calc(100vw - var(--skdx-space-8)))}:where(.skdx-dialog__content[data-size=md]){inline-size:min(32rem,calc(100vw - var(--skdx-space-8)))}:where(.skdx-dialog__content[data-size=lg]){inline-size:min(48rem,calc(100vw - var(--skdx-space-8)))}:where(dialog.skdx-dialog__content:not([open])){display:none}:where(.skdx-dialog__title){font-size:var(--skdx-font-size-lg);font-weight:var(--skdx-font-weight-semibold);line-height:var(--skdx-font-line-height-tight);color:var(--skdx-color-text-default)}:where(.skdx-dialog__description){font-size:var(--skdx-font-size-sm);line-height:var(--skdx-font-line-height-relaxed);color:var(--skdx-color-text-muted)}:where(.skdx-dialog__content)>:where(.skdx-dialog__close),:where(.skdx-dialog__content)>:where(:not([class*=skdx-]):has(>.skdx-dialog__close))>:where(.skdx-dialog__close){position:absolute;inset-block-start:var(--skdx-space-3);inset-inline-end:var(--skdx-space-3)}:where(.skdx-dialog__close){display:inline-flex;align-items:center;justify-content:center;min-inline-size:var(--skdx-target-min);min-block-size:var(--skdx-target-min);color:var(--skdx-color-text-muted);background:transparent;border:0;border-radius:var(--skdx-radius-sm);cursor:pointer}:where(.skdx-dialog__close):hover{color:var(--skdx-color-text-default);background-color:var(--skdx-color-action-ghost-bg-hover)}@media(max-width:30rem){:where(.skdx-dialog__content){inline-size:100vw;max-inline-size:100vw;inset-block-start:auto;inset-block-end:0;inset-inline-start:0;translate:none;border-start-start-radius:var(--skdx-overlay-radius);border-start-end-radius:var(--skdx-overlay-radius);border-end-start-radius:0;border-end-end-radius:0}}:where(.skdx-dialog__body){flex:1;min-block-size:0;overflow:auto;--skdx-focus-ring-offset: var(--skdx-focus-ring-offset-inset);font-size:var(--skdx-font-size-sm);line-height:var(--skdx-font-line-height-relaxed);color:var(--skdx-color-text-default)}:where(.skdx-dialog__footer){display:flex;justify-content:flex-end;gap:var(--skdx-space-2);flex-wrap:wrap}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"../internal/_actuator.css";@import"../internal/_overlay.css";@layer skdx-components{:where(.skdx-drawer__content){position:fixed;z-index:var(--skdx-z-index-modal);display:flex;flex-direction:column;gap:var(--skdx-space-4);padding:var(--skdx-space-6);background-color:var(--skdx-color-surface-raised);box-shadow:var(--skdx-shadow-overlay);border-radius:0;max-block-size:100dvh;overflow:auto;--skdx-focus-ring-offset: var(--skdx-focus-ring-offset-inset)}:where(.skdx-drawer__content)[hidden]{display:none}:where(.skdx-drawer__content)[data-side=left]{inset-block:0;left:0;inline-size:min(20rem,90vw);border-top-right-radius:var(--skdx-radius
|
|
1
|
+
@import"../internal/_actuator.css";@import"../internal/_overlay.css";@layer skdx-components{:where(.skdx-drawer__content){position:fixed;z-index:var(--skdx-z-index-modal);display:flex;flex-direction:column;gap:var(--skdx-space-4);padding:var(--skdx-space-6);background-color:var(--skdx-color-surface-raised);box-shadow:var(--skdx-shadow-overlay);border-radius:0;max-block-size:100dvh;overflow:auto;--skdx-focus-ring-offset: var(--skdx-focus-ring-offset-inset)}:where(.skdx-drawer__content)[hidden]{display:none}:where(.skdx-drawer__content)[data-side=left]{inset-block:0;left:0;inline-size:min(20rem,90vw);border-top-right-radius:var(--skdx-overlay-radius);border-bottom-right-radius:var(--skdx-overlay-radius)}:where(.skdx-drawer__content)[data-side=right]{inset-block:0;right:0;inline-size:min(20rem,90vw);border-top-left-radius:var(--skdx-overlay-radius);border-bottom-left-radius:var(--skdx-overlay-radius)}:where(.skdx-drawer__content)[data-side=top]{inset-inline:0;inset-block-start:0;block-size:auto;border-end-start-radius:var(--skdx-overlay-radius);border-end-end-radius:var(--skdx-overlay-radius)}:where(.skdx-drawer__content)[data-side=bottom]{inset-inline:0;inset-block-end:0;block-size:auto;border-start-start-radius:var(--skdx-overlay-radius);border-start-end-radius:var(--skdx-overlay-radius)}:where(.skdx-drawer__content)[data-side=left][data-size=sm],:where(.skdx-drawer__content)[data-side=right][data-size=sm]{inline-size:min(16rem,90vw)}:where(.skdx-drawer__content)[data-side=left][data-size=md],:where(.skdx-drawer__content)[data-side=right][data-size=md]{inline-size:min(20rem,90vw)}:where(.skdx-drawer__content)[data-side=left][data-size=lg],:where(.skdx-drawer__content)[data-side=right][data-size=lg]{inline-size:min(30rem,90vw)}:where(.skdx-drawer__content)[data-side=top][data-size=sm],:where(.skdx-drawer__content)[data-side=bottom][data-size=sm]{block-size:min(12rem,90dvh)}:where(.skdx-drawer__content)[data-side=top][data-size=md],:where(.skdx-drawer__content)[data-side=bottom][data-size=md]{block-size:min(20rem,90dvh)}:where(.skdx-drawer__content)[data-side=top][data-size=lg],:where(.skdx-drawer__content)[data-side=bottom][data-size=lg]{block-size:min(30rem,90dvh)}:where(.skdx-drawer__content)[data-side=left][data-state=open]{animation:skdx-slide-in-from-start var(--skdx-motion-duration-normal) var(--skdx-motion-easing)}:where(.skdx-drawer__content)[data-side=right][data-state=open]{animation:skdx-slide-in-from-end var(--skdx-motion-duration-normal) var(--skdx-motion-easing)}:where(.skdx-drawer__content)[data-side=top][data-state=open]{animation:skdx-slide-in-from-top var(--skdx-motion-duration-normal) var(--skdx-motion-easing)}:where(.skdx-drawer__content)[data-side=bottom][data-state=open]{animation:skdx-slide-in-from-bottom var(--skdx-motion-duration-normal) var(--skdx-motion-easing)}:where(.skdx-drawer__title){font-size:var(--skdx-font-size-lg);font-weight:var(--skdx-font-weight-semibold)}:where(.skdx-drawer__description){font-size:var(--skdx-font-size-sm);color:var(--skdx-color-text-muted)}:where(.skdx-drawer__content)>:where(.skdx-drawer__close),:where(.skdx-drawer__content)>:where(:not([class*=skdx-]):has(>.skdx-drawer__close))>:where(.skdx-drawer__close){position:absolute;inset-block-start:var(--skdx-space-3);inset-inline-end:var(--skdx-space-3)}:where(.skdx-drawer__close){min-inline-size:var(--skdx-target-min);min-block-size:var(--skdx-target-min);color:var(--skdx-color-text-muted);background:transparent;border:0;border-radius:var(--skdx-radius-sm);cursor:pointer}}
|
|
@@ -1 +1 @@
|
|
|
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}}}
|
|
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 +1 @@
|
|
|
1
|
-
@import"../internal/_actuator.css";@import"../base.css";@layer skdx-components{:where(.skdx-editable){display:inline-flex;align-items:center;gap:var(--skdx-space-2)}:where(.skdx-editable__preview){padding-inline:var(--skdx-space-2);padding-block:var(--skdx-space-1);border:var(--skdx-border-width-thin) solid transparent;border-radius:var(--skdx-radius-sm);font-size:var(--skdx-font-size-sm);cursor:text}:where(.skdx-editable__preview):hover{background-color:var(--skdx-color-surface-hover)}:where(.skdx-editable__preview)[data-empty]{color:var(--skdx-color-text-placeholder)}:where(.skdx-editable__input){padding-inline:var(--skdx-space-2);padding-block:var(--skdx-space-1);color:var(--skdx-color-field-text);background-color:var(--skdx-color-field-bg);border:var(--skdx-border-width-thin) solid var(--skdx-color-field-border-focus);border-radius:var(--skdx-radius-sm);font-size:var(--skdx-font-size-sm)}:where(.skdx-editable__textarea){inline-size:100%;padding:var(--skdx-space-2);color:var(--skdx-color-field-text);background-color:var(--skdx-color-field-bg);border:var(--skdx-border-width-thin) solid var(--skdx-color-field-border);border-radius:var(--skdx-radius-
|
|
1
|
+
@import"../internal/_actuator.css";@import"../base.css";@layer skdx-components{:where(.skdx-editable){display:inline-flex;align-items:center;gap:var(--skdx-space-2)}:where(.skdx-editable__label){color:var(--skdx-color-text-muted);font-size:var(--skdx-font-size-sm);cursor:default}:where(.skdx-editable__preview){padding-inline:var(--skdx-space-2);padding-block:var(--skdx-space-1);border:var(--skdx-border-width-thin) solid transparent;border-radius:var(--skdx-radius-sm);font-size:var(--skdx-font-size-sm);cursor:text}:where(.skdx-editable__preview):hover:not([data-disabled],[data-readonly]){background-color:var(--skdx-color-surface-hover)}:where(.skdx-editable__preview)[data-empty]{color:var(--skdx-color-text-placeholder)}:where(.skdx-editable__preview)[data-disabled]{color:var(--skdx-color-text-disabled);cursor:not-allowed}:where(.skdx-editable__preview)[data-readonly]{cursor:default}:where(.skdx-editable__preview)[data-invalid]{border-color:var(--skdx-color-field-border-invalid);color:var(--skdx-color-text-danger)}:where(.skdx-editable__input){padding-inline:var(--skdx-space-2);padding-block:var(--skdx-space-1);color:var(--skdx-color-field-text);background-color:var(--skdx-color-field-bg);border:var(--skdx-border-width-thin) solid var(--skdx-color-field-border-focus);border-radius:var(--skdx-radius-sm);font-size:var(--skdx-font-size-sm)}:where(.skdx-editable__textarea){inline-size:100%;padding:var(--skdx-space-2);color:var(--skdx-color-field-text);background-color:var(--skdx-color-field-bg);border:var(--skdx-border-width-thin) solid var(--skdx-color-field-border);border-radius:var(--skdx-radius-sm);font:inherit;resize:vertical}:where(.skdx-editable__input,.skdx-editable__textarea)[data-invalid]{border-color:var(--skdx-color-field-border-invalid);border-width:var(--skdx-border-width-thick)}:where(.skdx-editable__input):disabled,:where(.skdx-editable__textarea):disabled{color:var(--skdx-color-text-disabled);background-color:var(--skdx-color-field-bg-disabled);border-color:var(--skdx-color-border-disabled);cursor:not-allowed}:where(.skdx-editable__input):read-only,:where(.skdx-editable__textarea):read-only{background-color:var(--skdx-color-field-bg-readonly);cursor:default}@media(forced-colors:active){:where(.skdx-editable__preview)[data-invalid],:where(.skdx-editable__input)[data-invalid],:where(.skdx-editable__textarea)[data-invalid]{border-color:LinkText;border-style:dashed}:where(.skdx-editable__preview)[data-disabled],:where(.skdx-editable__input):disabled,:where(.skdx-editable__textarea):disabled{color:GrayText}}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"../base.css";@layer skdx-components{:where(.skdx-field){display:flex;flex-direction:column;gap:var(--skdx-field-gap);min-inline-size:0}:where(.skdx-field)[data-orientation=horizontal]{flex-direction:row;align-items:center;gap:var(--skdx-space-3)}:where(.skdx-field__description){font-size:var(--skdx-font-size-xs);line-height:var(--skdx-font-line-height-normal);color:var(--skdx-color-text-muted)}:where(.skdx-field__error){display:flex;align-items:flex-start;gap:var(--skdx-space-1);font-size:var(--skdx-font-size-xs);line-height:var(--skdx-font-line-height-normal);font-weight:var(--skdx-font-weight-medium);color:var(--skdx-color-text-danger)}:where(.skdx-field)[data-disabled] :where(.skdx-field__description){color:var(--skdx-color-text-disabled)}@media(forced-colors:active){:where(.skdx-field__error){color:CanvasText}}:where(.skdx-field__label){font-size:var(--skdx-font-size-sm);font-weight:var(--skdx-font-weight-medium);line-height:var(--skdx-font-line-height-tight);color:var(--skdx-color-text-default)}:where(.skdx-field__character-count){font-size:var(--skdx-font-size-xs);font-variant-numeric:tabular-nums;color:var(--skdx-color-text-muted);margin-inline-start:auto}:where(.skdx-field__character-count)[data-over-limit]{color:var(--skdx-color-text-danger);font-weight:var(--skdx-font-weight-medium)}}
|
|
1
|
+
@import"../base.css";@layer skdx-components{:where(.skdx-field){display:flex;flex-direction:column;gap:var(--skdx-field-gap);min-inline-size:0}:where(.skdx-field)[data-orientation=horizontal]{flex-direction:row;align-items:center;gap:var(--skdx-space-3)}:where(.skdx-field)[data-density=compact]{gap:var(--skdx-space-1)}:where(.skdx-field)[data-density=compact][data-orientation=horizontal]{gap:var(--skdx-space-2)}:where(.skdx-field__description){font-size:var(--skdx-font-size-xs);line-height:var(--skdx-font-line-height-normal);color:var(--skdx-color-text-muted)}:where(.skdx-field__error){display:flex;align-items:flex-start;gap:var(--skdx-space-1);font-size:var(--skdx-font-size-xs);line-height:var(--skdx-font-line-height-normal);font-weight:var(--skdx-font-weight-medium);color:var(--skdx-color-text-danger)}:where(.skdx-field)[data-disabled] :where(.skdx-field__description),:where(.skdx-field)[data-disabled] :where(.skdx-field__label){color:var(--skdx-color-text-disabled)}:where(.skdx-field__required-indicator){color:var(--skdx-color-text-danger);margin-inline-start:var(--skdx-space-1)}@media(forced-colors:active){:where(.skdx-field__required-indicator){color:CanvasText}}@media(forced-colors:active){:where(.skdx-field__error){color:CanvasText}}:where(.skdx-field__label){font-size:var(--skdx-font-size-sm);font-weight:var(--skdx-font-weight-medium);line-height:var(--skdx-font-line-height-tight);color:var(--skdx-color-text-default)}:where(.skdx-field__character-count){font-size:var(--skdx-font-size-xs);font-variant-numeric:tabular-nums;color:var(--skdx-color-text-muted);margin-inline-start:auto}:where(.skdx-field__character-count)[data-over-limit]{color:var(--skdx-color-text-danger);font-weight:var(--skdx-font-weight-medium)}}
|