@skdx/skins 0.38.0 → 0.40.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (79) hide show
  1. package/README.md +30 -0
  2. package/dist/base.css +1 -1
  3. package/dist/components/accordion.css +1 -1
  4. package/dist/components/alert.css +1 -1
  5. package/dist/components/autocomplete.css +1 -1
  6. package/dist/components/avatar.css +1 -1
  7. package/dist/components/badge.css +1 -1
  8. package/dist/components/button.css +1 -1
  9. package/dist/components/calendar.css +1 -1
  10. package/dist/components/card.css +1 -1
  11. package/dist/components/carousel.css +1 -1
  12. package/dist/components/chat-composer.css +1 -1
  13. package/dist/components/chat-message.css +1 -1
  14. package/dist/components/checkbox-card.css +1 -1
  15. package/dist/components/checkbox.css +1 -1
  16. package/dist/components/clipboard.css +1 -1
  17. package/dist/components/color-picker.css +1 -1
  18. package/dist/components/combobox.css +1 -1
  19. package/dist/components/command.css +1 -1
  20. package/dist/components/dashboard-layout.css +1 -1
  21. package/dist/components/date-field.css +1 -1
  22. package/dist/components/dialog.css +1 -1
  23. package/dist/components/drawer.css +1 -1
  24. package/dist/components/editable.css +1 -1
  25. package/dist/components/file-upload.css +1 -1
  26. package/dist/components/floating-panel.css +1 -1
  27. package/dist/components/forgot-password-page.css +1 -1
  28. package/dist/components/form-section.css +1 -1
  29. package/dist/components/form.css +1 -1
  30. package/dist/components/image.css +1 -1
  31. package/dist/components/kbd.css +1 -1
  32. package/dist/components/link.css +1 -1
  33. package/dist/components/listbox.css +1 -1
  34. package/dist/components/mentions.css +1 -1
  35. package/dist/components/menubar.css +1 -1
  36. package/dist/components/navigation-menu.css +1 -1
  37. package/dist/components/number-field.css +1 -1
  38. package/dist/components/onboarding-checklist.css +1 -1
  39. package/dist/components/pagination.css +1 -1
  40. package/dist/components/password-input.css +1 -1
  41. package/dist/components/pin-input.css +1 -1
  42. package/dist/components/popover.css +1 -1
  43. package/dist/components/qr-code.css +1 -1
  44. package/dist/components/radio-card.css +1 -1
  45. package/dist/components/reset-password-page.css +1 -1
  46. package/dist/components/select.css +1 -1
  47. package/dist/components/sign-in-page.css +1 -1
  48. package/dist/components/sign-up-page.css +1 -1
  49. package/dist/components/skeleton.css +1 -1
  50. package/dist/components/skip-link.css +1 -1
  51. package/dist/components/speed-dial.css +1 -1
  52. package/dist/components/stat-card.css +1 -1
  53. package/dist/components/stepper.css +1 -1
  54. package/dist/components/switch.css +1 -1
  55. package/dist/components/table.css +1 -1
  56. package/dist/components/tags-input.css +1 -1
  57. package/dist/components/text-field.css +1 -1
  58. package/dist/components/text.css +1 -1
  59. package/dist/components/textarea.css +1 -1
  60. package/dist/components/time-field.css +1 -1
  61. package/dist/components/toast.css +1 -1
  62. package/dist/components/toggle-group.css +1 -1
  63. package/dist/components/toggle.css +1 -1
  64. package/dist/components/toolbar.css +1 -1
  65. package/dist/components/tree-select.css +1 -1
  66. package/dist/components/tree.css +1 -1
  67. package/dist/components/usage-card.css +1 -1
  68. package/dist/components/user-menu.css +1 -1
  69. package/dist/components/verification-page.css +1 -1
  70. package/dist/components/workspace-switcher.css +1 -1
  71. package/dist/index.css +1 -1
  72. package/dist/internal/_actuator.css +1 -1
  73. package/dist/internal/_card-control.css +1 -1
  74. package/dist/internal/_collection.css +1 -1
  75. package/dist/internal/_overlay.css +1 -1
  76. package/dist/internal/_trigger.css +1 -1
  77. package/dist/structure.css +1 -1
  78. package/dist/utilities.css +1 -1
  79. package/package.json +8 -8
package/README.md CHANGED
@@ -80,6 +80,36 @@ export class ExampleComponent {}
80
80
  <skdx-button>Save</skdx-button>
81
81
  ```
82
82
 
83
+ ## Corner defaults
84
+
85
+ Rectangular controls, surfaces, badges and avatars share the input's 8px default.
86
+ Set the semantic token to customize default corners; the existing size scale and
87
+ explicit `shape` variants stay available.
88
+
89
+ ```css
90
+ :root {
91
+ --skdx-radius-default: 12px;
92
+ }
93
+ .compact-panel {
94
+ --skdx-radius-default: 4px;
95
+ }
96
+ .compact-panel .skdx-card {
97
+ --skdx-card-radius: 16px;
98
+ }
99
+ /* Portalled overlays use their existing independent hook. */
100
+ :root {
101
+ --skdx-overlay-radius: 12px;
102
+ }
103
+ ```
104
+
105
+ The semantic default aliases `--skdx-radius-md` (0.5rem). Existing card,
106
+ image, skeleton, Combobox and PinInput radius hooks still override their own
107
+ surface. Explicit circle/pill/square variants keep their chosen geometry;
108
+ radio indicators, slider thumbs, loading indicators and joined edges keep their
109
+ functional shapes. A scoped override affects descendants in that DOM subtree;
110
+ portalled content can be customized at its portal container or through its
111
+ existing overlay hook.
112
+
83
113
  ## Styling variants
84
114
 
85
115
  Style a component with its appearance props (`variant`, `size`, …) or with the matching `data-` attributes — either input renders the same, because the component writes the prop to the attribute the skin reads:
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-muted: .7;--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-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-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-separator: ButtonBorder;--skdx-color-track: ButtonFace;--skdx-color-track-fill: AccentColor;--skdx-color-skeleton: ButtonFace;--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-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
+ @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-default: var(--skdx-radius-md);--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-muted: .7;--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: initial;--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-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-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-separator: ButtonBorder;--skdx-color-track: ButtonFace;--skdx-color-track-fill: AccentColor;--skdx-color-skeleton: ButtonFace;--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-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-accordion){display:flex;flex-direction:column;inline-size:100%;border:var(--skdx-border-width-thin) solid var(--skdx-color-border-default);border-radius:var(--skdx-radius-md);overflow:hidden;--skdx-focus-ring-offset: var(--skdx-focus-ring-offset-inset)}:where(.skdx-accordion__item)+:where(.skdx-accordion__item){border-block-start:var(--skdx-border-width-thin) solid var(--skdx-color-border-default)}:where(.skdx-accordion__header){margin:0}:where(.skdx-accordion__trigger){display:flex;align-items:center;justify-content:space-between;gap:var(--skdx-space-3);inline-size:100%;min-block-size:var(--skdx-control-height-lg);padding-inline:var(--skdx-space-4);color:var(--skdx-color-text-default);background:transparent;border:0;font-size:var(--skdx-font-size-sm);font-weight:var(--skdx-font-weight-medium);text-align:start;cursor:pointer;transition:background-color var(--skdx-motion-duration-fast) var(--skdx-motion-easing)}:where(.skdx-accordion__trigger):hover:not([data-disabled]){background-color:color-mix(in srgb,var(--skdx-color-surface-hover) 50%,transparent)}:where(.skdx-accordion__trigger)[data-disabled]{color:var(--skdx-color-text-disabled);cursor:not-allowed}:where(.skdx-accordion__content){padding-inline:var(--skdx-space-4);padding-block-end:var(--skdx-space-4);font-size:var(--skdx-font-size-sm);line-height:var(--skdx-font-line-height-relaxed);color:var(--skdx-color-text-muted)}:where(.skdx-accordion__indicator){flex:none;display:inline-flex;color:var(--skdx-color-text-muted);transition:rotate var(--skdx-motion-duration-fast) var(--skdx-motion-easing)}:where(.skdx-accordion__trigger)[data-state=open] :where(.skdx-accordion__indicator){rotate:180deg}}
1
+ @import"../base.css";@layer skdx-components{:where(.skdx-accordion){display:flex;flex-direction:column;inline-size:100%;border:var(--skdx-border-width-thin) solid var(--skdx-color-border-default);border-radius:var(--skdx-radius-default);overflow:hidden;--skdx-focus-ring-offset: var(--skdx-focus-ring-offset-inset)}:where(.skdx-accordion__item)+:where(.skdx-accordion__item){border-block-start:var(--skdx-border-width-thin) solid var(--skdx-color-border-default)}:where(.skdx-accordion__header){margin:0}:where(.skdx-accordion__trigger){display:flex;align-items:center;justify-content:space-between;gap:var(--skdx-space-3);inline-size:100%;min-block-size:var(--skdx-control-height-lg);padding-inline:var(--skdx-space-4);color:var(--skdx-color-text-default);background:transparent;border:0;font-size:var(--skdx-font-size-sm);font-weight:var(--skdx-font-weight-medium);text-align:start;cursor:pointer;transition:background-color var(--skdx-motion-duration-fast) var(--skdx-motion-easing)}:where(.skdx-accordion__trigger):hover:not([data-disabled]){background-color:color-mix(in srgb,var(--skdx-color-surface-hover) 50%,transparent)}:where(.skdx-accordion__trigger)[data-disabled]{color:var(--skdx-color-text-disabled);cursor:not-allowed}:where(.skdx-accordion__content){padding-inline:var(--skdx-space-4);padding-block-end:var(--skdx-space-4);font-size:var(--skdx-font-size-sm);line-height:var(--skdx-font-line-height-relaxed);color:var(--skdx-color-text-muted)}:where(.skdx-accordion__indicator){flex:none;display:inline-flex;color:var(--skdx-color-text-muted);transition:rotate var(--skdx-motion-duration-fast) var(--skdx-motion-easing)}:where(.skdx-accordion__trigger)[data-state=open] :where(.skdx-accordion__indicator){rotate:180deg}}
@@ -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)[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
+ @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-default);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;flex-wrap:wrap;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-default);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"../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__field){position:relative}: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__field)[data-clearable] :where(.skdx-autocomplete__input){padding-inline-end:calc(var(--skdx-target-min) + var(--skdx-space-1))}: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__field) :where(.skdx-autocomplete__clear){position:absolute;inset-block:0;inset-inline-end:var(--skdx-space-1);margin-block:auto}: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
+ @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__field){position:relative}: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-default);font-size:var(--skdx-font-size-sm)}:where(.skdx-autocomplete__field)[data-clearable] :where(.skdx-autocomplete__input){padding-inline-end:calc(var(--skdx-target-min) + var(--skdx-space-1))}: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__field) :where(.skdx-autocomplete__clear){position:absolute;inset-block:0;inset-inline-end:var(--skdx-space-1);margin-block:auto}: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=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
+ @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-default);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";@import"../internal/_hit-target.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)[data-size=sm]{min-block-size:var(--skdx-control-height-sm);padding-inline:var(--skdx-space-2);font-size:var(--skdx-font-size-xs)}:where(.skdx-badge)[data-size=md]{min-block-size:var(--skdx-control-height-md);padding-inline:var(--skdx-space-3);font-size:var(--skdx-font-size-sm)}:where(.skdx-badge)[data-size=lg]{min-block-size:var(--skdx-control-height-lg);padding-inline:var(--skdx-space-4);font-size:var(--skdx-font-size-md)}:where(.skdx-badge__leading),:where(.skdx-badge__trailing){display:inline-flex;align-items:center;justify-content:center;flex:none}:where(.skdx-badge__label){min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:where(.skdx-badge)[data-selected]{background-color:var(--skdx-color-surface-selected);border-color:var(--skdx-color-border-accent);color:var(--skdx-color-text-accent)}:where(.skdx-badge)[data-disabled]{color:var(--skdx-color-text-disabled);background-color:var(--skdx-color-surface-disabled);border-color:var(--skdx-color-border-disabled);cursor:not-allowed}:where(.skdx-badge__delete){position:relative;display:inline-flex;align-items:center;justify-content:center;inline-size:var(--skdx-icon-size-sm);block-size:var(--skdx-icon-size-sm);padding:0;color:currentColor;background:transparent;border:0;border-radius:var(--skdx-radius-full);cursor:pointer}:where(.skdx-badge__delete):hover{color:var(--skdx-color-text-danger)}:where(.skdx-badge__delete):focus-visible{outline:none}@media(forced-colors:active){:where(.skdx-badge){border-color:CanvasText}}}
1
+ @import"../internal/_status.css";@import"../internal/_hit-target.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-default)}: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)[data-size=sm]{min-block-size:var(--skdx-control-height-sm);padding-inline:var(--skdx-space-2);font-size:var(--skdx-font-size-xs)}:where(.skdx-badge)[data-size=md]{min-block-size:var(--skdx-control-height-md);padding-inline:var(--skdx-space-3);font-size:var(--skdx-font-size-sm)}:where(.skdx-badge)[data-size=lg]{min-block-size:var(--skdx-control-height-lg);padding-inline:var(--skdx-space-4);font-size:var(--skdx-font-size-md)}:where(.skdx-badge__leading),:where(.skdx-badge__trailing){display:inline-flex;align-items:center;justify-content:center;flex:none}:where(.skdx-badge__label){min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:where(.skdx-badge)[data-selected]{background-color:var(--skdx-color-surface-selected);border-color:var(--skdx-color-border-accent);color:var(--skdx-color-text-accent)}:where(.skdx-badge)[data-disabled]{color:var(--skdx-color-text-disabled);background-color:var(--skdx-color-surface-disabled);border-color:var(--skdx-color-border-disabled);cursor:not-allowed}:where(.skdx-badge__delete){position:relative;display:inline-flex;align-items:center;justify-content:center;inline-size:var(--skdx-icon-size-sm);block-size:var(--skdx-icon-size-sm);padding:0;color:currentColor;background:transparent;border:0;border-radius:var(--skdx-radius-full);cursor:pointer}:where(.skdx-badge__delete):hover{color:var(--skdx-color-text-danger)}:where(.skdx-badge__delete):focus-visible{outline:none}@media(forced-colors:active){:where(.skdx-badge){border-color:CanvasText}}}
@@ -1 +1 @@
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][data-status=success]{border-color:var(--skdx-color-border-success)}:where(.skdx-button)[data-variant=outline][data-status=warning]{border-color:var(--skdx-color-border-warning)}: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=neutral]:hover:not(:disabled,[data-disabled],[aria-disabled=true]){border-color:var(--skdx-color-field-border-hover)}: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}:where(.skdx-button)[data-icon-only][data-loading]>:where([data-skdx-icon],skdx-icon){display:none}@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
+ @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-default);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][data-status=success]{border-color:var(--skdx-color-border-success)}:where(.skdx-button)[data-variant=outline][data-status=warning]{border-color:var(--skdx-color-border-warning)}: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=neutral]:hover:not(:disabled,[data-disabled],[aria-disabled=true]){border-color:var(--skdx-color-field-border-hover)}: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}:where(.skdx-button)[data-icon-only][data-loading]>:where([data-skdx-icon],skdx-icon){display:none}@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){display:inline-flex;align-items:center;gap:var(--skdx-space-2);font-size:var(--skdx-font-size-sm);font-weight:var(--skdx-font-weight-semibold);color:var(--skdx-color-text-default);background:transparent;border:0;border-radius:var(--skdx-radius-sm);cursor:pointer}:where(.skdx-calendar__previous-button),:where(.skdx-calendar__next-button){display:inline-flex;align-items:center;justify-content:center;gap:var(--skdx-space-2);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__heading):hover,: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):has(.skdx-calendar__grid~.skdx-calendar__grid){display:inline-grid;grid-auto-flow:column;align-items:start;gap:var(--skdx-space-2) var(--skdx-space-4)}:where(.skdx-calendar):has(.skdx-calendar__grid~.skdx-calendar__grid)>.skdx-calendar__header{grid-column:1 / -1;grid-row:1}:where(.skdx-calendar):has(.skdx-calendar__grid~.skdx-calendar__grid)>.skdx-calendar__heading{grid-row:2}:where(.skdx-calendar):has(.skdx-calendar__grid~.skdx-calendar__grid)>.skdx-calendar__grid{grid-row:3}:where(.skdx-calendar__row){display:flex;flex-wrap:nowrap}:where(.skdx-calendar__week-day){display:inline-flex;align-items:center;justify-content:center;min-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){display:inline-flex;align-items:center;justify-content:center;inline-size:var(--skdx-item-height-md);block-size:var(--skdx-item-height-md);gap: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__cell)>svg{flex:none}:where(.skdx-calendar__cell):hover:not([data-disabled]){background-color:var(--skdx-color-surface-hover)}:where(.skdx-calendar__cell)[data-today]{border-color:var(--skdx-color-border-accent);font-weight:var(--skdx-font-weight-semibold)}:where(.skdx-calendar__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__cell)[data-range-middle]{background-color:var(--skdx-color-surface-selected);border-radius:0}:where(.skdx-calendar__cell)[data-range-start]{border-start-end-radius:0;border-end-end-radius:0}:where(.skdx-calendar__cell)[data-range-end]{border-start-start-radius:0;border-end-start-radius:0}:where(.skdx-calendar__cell)[data-outside-month]{color:var(--skdx-color-text-muted)}:where(.skdx-calendar__cell)[data-unavailable]{text-decoration:line-through;text-decoration-thickness:var(--skdx-border-width-thick);cursor:not-allowed}:where(.skdx-calendar__cell)[data-disabled]{color:var(--skdx-color-text-disabled);cursor:not-allowed}@media(forced-colors:active){:where(.skdx-calendar__cell)[data-state=selected]{background-color:Highlight;color:HighlightText}:where(.skdx-calendar__cell)[data-today]{border-color:CanvasText}:where(.skdx-calendar__cell)[data-range-middle]{background-color:Highlight;color:HighlightText}:where(.skdx-calendar__cell)[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=rowgroup],: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)}}
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){display:inline-flex;align-items:center;gap:var(--skdx-space-2);font-size:var(--skdx-font-size-sm);font-weight:var(--skdx-font-weight-semibold);color:var(--skdx-color-text-default);background:transparent;border:0;border-radius:var(--skdx-radius-default);cursor:pointer}:where(.skdx-calendar__previous-button),:where(.skdx-calendar__next-button){display:inline-flex;align-items:center;justify-content:center;gap:var(--skdx-space-2);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-default);cursor:pointer}:where(.skdx-calendar__heading):hover,: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):has(.skdx-calendar__grid~.skdx-calendar__grid){display:inline-grid;grid-auto-flow:column;align-items:start;gap:var(--skdx-space-2) var(--skdx-space-4)}:where(.skdx-calendar):has(.skdx-calendar__grid~.skdx-calendar__grid)>.skdx-calendar__header{grid-column:1 / -1;grid-row:1}:where(.skdx-calendar):has(.skdx-calendar__grid~.skdx-calendar__grid)>.skdx-calendar__heading{grid-row:2}:where(.skdx-calendar):has(.skdx-calendar__grid~.skdx-calendar__grid)>.skdx-calendar__grid{grid-row:3}:where(.skdx-calendar__row){display:flex;flex-wrap:nowrap}:where(.skdx-calendar__week-day){display:inline-flex;align-items:center;justify-content:center;min-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){display:inline-flex;align-items:center;justify-content:center;inline-size:var(--skdx-item-height-md);block-size:var(--skdx-item-height-md);gap: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-default);font-size:var(--skdx-font-size-sm);font-variant-numeric:tabular-nums;cursor:pointer}:where(.skdx-calendar__cell)>svg{flex:none}:where(.skdx-calendar__cell):hover:where(:not([data-disabled])){background-color:var(--skdx-color-surface-hover)}:where(.skdx-calendar__cell)[data-today]{border-color:var(--skdx-color-border-accent);font-weight:var(--skdx-font-weight-semibold)}:where(.skdx-calendar__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__cell)[data-range-middle]{color:var(--skdx-color-text-default);background-color:var(--skdx-color-surface-selected);border-radius:0}:where(.skdx-calendar__cell)[data-range-start]{border-start-end-radius:0;border-end-end-radius:0}:where(.skdx-calendar__cell)[data-range-end]{border-start-start-radius:0;border-end-start-radius:0}:where(.skdx-calendar__cell)[data-outside-month]{color:var(--skdx-color-text-muted)}:where(.skdx-calendar__cell)[data-unavailable]{text-decoration:line-through;text-decoration-thickness:var(--skdx-border-width-thick);cursor:not-allowed}:where(.skdx-calendar__cell)[data-disabled]{color:var(--skdx-color-text-disabled);cursor:not-allowed}@media(forced-colors:active){:where(.skdx-calendar__cell)[data-state=selected]{background-color:Highlight;color:HighlightText}:where(.skdx-calendar__cell)[data-today]{border-color:CanvasText}:where(.skdx-calendar__cell)[data-range-middle]{background-color:Highlight;color:HighlightText}:where(.skdx-calendar__cell)[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=rowgroup],: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-default);font-size:var(--skdx-font-size-sm);font-variant-numeric:tabular-nums;cursor:pointer}:where(.skdx-calendar__view-cell):hover:where(: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)}}
@@ -1 +1 @@
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
+ @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-default);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";@import"../internal/_hit-target.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:calc((100% - (var(--skdx-carousel-slides-per-page, 1) - 1) * var(--skdx-carousel-spacing, var(--skdx-space-3))) / var(--skdx-carousel-slides-per-page, 1));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;min-inline-size:var(--skdx-control-height-md);block-size:var(--skdx-control-height-md);padding-inline:var(--skdx-space-2);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-carousel-spacing, 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}:where(.skdx-carousel__progress){color:var(--skdx-color-text-muted);font-size:var(--skdx-font-size-sm)}:where(.skdx-carousel__indicator){display:inline-flex;align-items:center;justify-content:center;inline-size:var(--skdx-target-min);block-size:var(--skdx-target-min);padding:0;background:none;border:0;border-radius:var(--skdx-radius-full);cursor:pointer}:where(.skdx-carousel__indicator):before{content:"";inline-size:var(--skdx-space-2);block-size:var(--skdx-space-2);background-color:var(--skdx-color-track);border:var(--skdx-border-width-thin) solid var(--skdx-color-border-strong);border-radius:var(--skdx-radius-full)}:where(.skdx-carousel__indicator):hover:not([data-disabled]):before{background-color:var(--skdx-color-track-fill)}:where(.skdx-carousel__indicator)[data-state=active]:hover:not([data-disabled]):before{box-shadow:0 0 0 var(--skdx-border-width-thick) var(--skdx-color-border-strong)}:where(.skdx-carousel__indicator)[data-state=active]:before{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}@media(forced-colors:active){:where(.skdx-carousel__previous),:where(.skdx-carousel__next),:where(.skdx-carousel__play-pause){border-color:ButtonBorder}:where(.skdx-carousel__previous)[data-disabled],:where(.skdx-carousel__next)[data-disabled]{color:GrayText;border-color:GrayText}:where(.skdx-carousel__indicator):before{border-color:CanvasText}:where(.skdx-carousel__indicator)[data-state=active]:before{background-color:Highlight}}}
1
+ @import"../base.css";@import"../internal/_hit-target.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:calc((100% - (var(--skdx-carousel-slides-per-page, 1) - 1) * var(--skdx-carousel-spacing, var(--skdx-space-3))) / var(--skdx-carousel-slides-per-page, 1));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;min-inline-size:var(--skdx-control-height-md);block-size:var(--skdx-control-height-md);padding-inline:var(--skdx-space-2);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-default);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):has(>.skdx-carousel__play-pause) :where(.skdx-carousel__previous,.skdx-carousel__next){inset-block-start:calc(var(--skdx-control-height-md) + var(--skdx-space-2) + var(--skdx-space-16) / 2)}: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-carousel-spacing, 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}:where(.skdx-carousel__progress){color:var(--skdx-color-text-muted);font-size:var(--skdx-font-size-sm)}:where(.skdx-carousel__indicator){display:inline-flex;align-items:center;justify-content:center;inline-size:var(--skdx-target-min);block-size:var(--skdx-target-min);padding:0;background:none;border:0;border-radius:var(--skdx-radius-full);cursor:pointer}:where(.skdx-carousel__indicator):before{content:"";inline-size:var(--skdx-space-2);block-size:var(--skdx-space-2);background-color:var(--skdx-color-track);border:var(--skdx-border-width-thin) solid var(--skdx-color-border-strong);border-radius:var(--skdx-radius-full)}:where(.skdx-carousel__indicator):hover:not([data-disabled]):before{background-color:var(--skdx-color-track-fill)}:where(.skdx-carousel__indicator)[data-state=active]:hover:not([data-disabled]):before{box-shadow:0 0 0 var(--skdx-border-width-thick) var(--skdx-color-border-strong)}:where(.skdx-carousel__indicator)[data-state=active]:before{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}@media(forced-colors:active){:where(.skdx-carousel__previous),:where(.skdx-carousel__next),:where(.skdx-carousel__play-pause){border-color:ButtonBorder}:where(.skdx-carousel__previous)[data-disabled],:where(.skdx-carousel__next)[data-disabled]{color:GrayText;border-color:GrayText}:where(.skdx-carousel__indicator):before{border-color:CanvasText}:where(.skdx-carousel__indicator)[data-state=active]:before{background-color:Highlight}}}
@@ -1 +1 @@
1
- @import"../base.css";@layer skdx-components{:where(.skdx-chat-composer){display:flex;flex-direction:column;gap:var(--skdx-space-2)}:where(.skdx-chat-composer__attachments){display:flex;flex-wrap:wrap;gap:var(--skdx-space-2)}:where(.skdx-chat-composer__field){display:flex;align-items:end;gap:var(--skdx-space-2);padding:var(--skdx-space-2);background-color:var(--skdx-color-field-bg);border:var(--skdx-border-width-thin) solid var(--skdx-color-field-border);border-radius:var(--skdx-radius-lg)}:where(.skdx-chat-composer__field):focus-within{border-color:var(--skdx-color-field-border-focus)}:where(.skdx-chat-composer__field) :is(.skdx-chat-composer__textarea){flex:1;min-inline-size:0;min-block-size:0;padding-inline:0;padding-block:var(--skdx-space-1);background-color:transparent;border:0;box-shadow:none;resize:none;overflow-wrap:anywhere}:where(.skdx-chat-composer__leading),:where(.skdx-chat-composer__trailing){display:flex;align-items:center;gap:var(--skdx-space-1)}:where(.skdx-chat-composer__send){flex-shrink:0}:where(.skdx-chat-composer__footer){display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--skdx-space-2);color:var(--skdx-color-text-muted);font-size:var(--skdx-font-size-xs);overflow-wrap:anywhere}@media(forced-colors:active){:where(.skdx-chat-composer__field){border-color:CanvasText}:where(.skdx-chat-composer__field):focus-within{border-color:Highlight}}}
1
+ @import"../base.css";@layer skdx-components{:where(.skdx-chat-composer){display:flex;flex-direction:column;gap:var(--skdx-space-2)}:where(.skdx-chat-composer__attachments){display:flex;flex-wrap:wrap;gap:var(--skdx-space-2)}:where(.skdx-chat-composer__field){display:flex;align-items:end;gap:var(--skdx-space-2);padding:var(--skdx-space-2);background-color:var(--skdx-color-field-bg);border:var(--skdx-border-width-thin) solid var(--skdx-color-field-border);border-radius:var(--skdx-radius-default)}:where(.skdx-chat-composer__field):focus-within{border-color:var(--skdx-color-field-border-focus)}:where(.skdx-chat-composer__field) :is(.skdx-chat-composer__textarea){flex:1;min-inline-size:0;min-block-size:0;padding-inline:0;padding-block:var(--skdx-space-1);background-color:transparent;border:0;box-shadow:none;resize:none;overflow-wrap:anywhere}:where(.skdx-chat-composer__leading),:where(.skdx-chat-composer__trailing){display:flex;align-items:center;gap:var(--skdx-space-1)}:where(.skdx-chat-composer__send){flex-shrink:0}:where(.skdx-chat-composer__footer){display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--skdx-space-2);color:var(--skdx-color-text-muted);font-size:var(--skdx-font-size-xs);overflow-wrap:anywhere}@media(forced-colors:active){:where(.skdx-chat-composer__field){border-color:CanvasText}:where(.skdx-chat-composer__field):focus-within{border-color:Highlight}}}
@@ -1 +1 @@
1
- @import"../base.css";@layer skdx-components{:where(.skdx-chat-message){display:flex;align-items:flex-start;gap:var(--skdx-space-3);max-inline-size:100%}:where(.skdx-chat-message)[data-sender=user]{flex-direction:row-reverse}:where(.skdx-chat-message)[data-sender=system]{justify-content:center}:where(.skdx-chat-message__main){display:flex;flex-direction:column;gap:var(--skdx-space-1);min-inline-size:0;max-inline-size:min(100%,48rem)}:where(.skdx-chat-message__header){display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--skdx-space-2);font-size:var(--skdx-font-size-sm)}:where(.skdx-chat-message__author){font-weight:var(--skdx-font-weight-medium)}:where(.skdx-chat-message__time),:where(.skdx-chat-message__status){color:var(--skdx-color-text-muted);font-size:var(--skdx-font-size-xs)}:where(.skdx-chat-message)[data-status=error] :where(.skdx-chat-message__status){color:var(--skdx-color-text-danger)}:where(.skdx-chat-message__content){padding:var(--skdx-space-3);border-radius:var(--skdx-radius-lg);background-color:var(--skdx-color-surface-sunken);overflow-wrap:anywhere}:where(.skdx-chat-message__content) pre{overflow-x:auto}:where(.skdx-chat-message)[data-sender=user] :where(.skdx-chat-message__content){background-color:var(--skdx-color-surface-selected)}:where(.skdx-chat-message)[data-sender=system] :where(.skdx-chat-message__content){background-color:transparent;color:var(--skdx-color-text-muted);font-size:var(--skdx-font-size-sm);text-align:center}:where(.skdx-chat-message)[data-status=pending] :where(.skdx-chat-message__content){opacity:var(--skdx-opacity-muted)}:where(.skdx-chat-message__attachments){display:flex;flex-wrap:wrap;gap:var(--skdx-space-2)}:where(.skdx-chat-message__actions){display:flex;gap:var(--skdx-space-1)}@media(forced-colors:active){:where(.skdx-chat-message__content){border:var(--skdx-border-width-thin) solid CanvasText}}}
1
+ @import"../base.css";@layer skdx-components{:where(.skdx-chat-message){display:flex;align-items:flex-start;gap:var(--skdx-space-3);max-inline-size:100%}:where(.skdx-chat-message)[data-sender=user]{flex-direction:row-reverse}:where(.skdx-chat-message)[data-sender=system]{justify-content:center}:where(.skdx-chat-message__main){display:flex;flex-direction:column;gap:var(--skdx-space-1);min-inline-size:0;max-inline-size:min(100%,48rem)}:where(.skdx-chat-message__header){display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--skdx-space-2);font-size:var(--skdx-font-size-sm)}:where(.skdx-chat-message__author){font-weight:var(--skdx-font-weight-medium)}:where(.skdx-chat-message__time),:where(.skdx-chat-message__status){color:var(--skdx-color-text-muted);font-size:var(--skdx-font-size-xs)}:where(.skdx-chat-message)[data-status=error] :where(.skdx-chat-message__status){color:var(--skdx-color-text-danger)}:where(.skdx-chat-message__content){padding:var(--skdx-space-3);border-radius:var(--skdx-radius-default);background-color:var(--skdx-color-surface-sunken);overflow-wrap:anywhere}:where(.skdx-chat-message__content) pre{overflow-x:auto}:where(.skdx-chat-message)[data-sender=user] :where(.skdx-chat-message__content){background-color:var(--skdx-color-surface-selected)}:where(.skdx-chat-message)[data-sender=system] :where(.skdx-chat-message__content){background-color:transparent;color:var(--skdx-color-text-muted);font-size:var(--skdx-font-size-sm);text-align:center}:where(.skdx-chat-message)[data-status=pending] :where(.skdx-chat-message__content){opacity:var(--skdx-opacity-muted)}:where(.skdx-chat-message__attachments){display:flex;flex-wrap:wrap;gap:var(--skdx-space-2)}:where(.skdx-chat-message__actions){display:flex;gap:var(--skdx-space-1)}@media(forced-colors:active){:where(.skdx-chat-message__content){border:var(--skdx-border-width-thin) solid CanvasText}}}
@@ -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-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)}:where(.skdx-checkbox-card)[data-disabled][data-state=checked] :where(.skdx-checkbox-card__indicator){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
+ @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-default);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-default);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)}:where(.skdx-checkbox-card)[data-disabled][data-state=checked] :where(.skdx-checkbox-card__indicator){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"../base.css";@import"../internal/_hit-target.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__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
+ @import"../base.css";@import"../internal/_hit-target.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-default);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__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),: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;field-sizing:content;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
+ @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;field-sizing:content;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-default);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-default);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);--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)[data-disabled]{opacity:var(--skdx-opacity-disabled);cursor:not-allowed}:where(.skdx-color-picker)[data-readonly]{cursor:default}: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(.skdx-color-picker__area)[data-disabled]{border:var(--skdx-border-width-thin) solid var(--skdx-color-border-disabled);cursor:not-allowed}: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(.skdx-color-picker__area-thumb)[data-disabled],:where(.skdx-color-picker__hue-slider-thumb)[data-disabled],:where(.skdx-color-picker__alpha-slider-thumb)[data-disabled]{border-color:var(--skdx-color-border-disabled);cursor:not-allowed}:where(.skdx-color-picker__area-thumb)[data-readonly],:where(.skdx-color-picker__hue-slider-thumb)[data-readonly],:where(.skdx-color-picker__alpha-slider-thumb)[data-readonly]{cursor:default}: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)[data-disabled],:where(.skdx-color-picker__alpha-slider)[data-disabled]{cursor:not-allowed}: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, #0000) 0deg 90deg,transparent 90deg 180deg,var(--skdx-color-border-subtle, #0000) 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, #0000) 0deg 90deg,transparent 90deg 180deg,var(--skdx-color-border-subtle, #0000) 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)[data-disabled]{border-color:var(--skdx-color-border-disabled);cursor:not-allowed}:where(.skdx-color-picker__swatch)[data-readonly]{cursor:default}: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__eye-dropper){position:relative;display:inline-flex;align-items:center;justify-content:center}:where(.skdx-color-picker__eye-dropper):before{content:"";inline-size:var(--skdx-space-3);block-size:var(--skdx-border-width-thick);background-color:currentColor;border-radius:var(--skdx-radius-full);rotate:-45deg}:where(.skdx-color-picker__eye-dropper):after{content:"";position:absolute;inset-inline-start:50%;inset-block-start:50%;inline-size:var(--skdx-space-2);block-size:var(--skdx-space-2);background-color:currentColor;border-radius:var(--skdx-radius-full);translate:calc(-50% + var(--skdx-space-2)) calc(-50% - var(--skdx-space-2))}:where(.skdx-color-picker__eye-dropper)[data-disabled],:where(.skdx-color-picker__format-select)[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-color-picker__eye-dropper)[data-readonly],:where(.skdx-color-picker__format-select)[data-readonly]{cursor:default}: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__input)[data-disabled]{color:var(--skdx-color-text-disabled);background-color:var(--skdx-color-field-bg-disabled);border-color:var(--skdx-color-border-disabled);cursor:not-allowed}:where(.skdx-color-picker__input)[data-readonly]{cursor:default}:where(.skdx-color-picker__eye-dropper):hover:not([data-disabled],[data-readonly]),:where(.skdx-color-picker__format-select):hover:not([data-disabled],[data-readonly]){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)[data-disabled]{opacity:var(--skdx-opacity-disabled);cursor:not-allowed}:where(.skdx-color-picker)[data-readonly]{cursor:default}: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-default);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(.skdx-color-picker__area)[data-disabled]{border:var(--skdx-border-width-thin) solid var(--skdx-color-border-disabled);cursor:not-allowed}: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(.skdx-color-picker__area-thumb)[data-disabled],:where(.skdx-color-picker__hue-slider-thumb)[data-disabled],:where(.skdx-color-picker__alpha-slider-thumb)[data-disabled]{border-color:var(--skdx-color-border-disabled);cursor:not-allowed}:where(.skdx-color-picker__area-thumb)[data-readonly],:where(.skdx-color-picker__hue-slider-thumb)[data-readonly],:where(.skdx-color-picker__alpha-slider-thumb)[data-readonly]{cursor:default}: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)[data-disabled],:where(.skdx-color-picker__alpha-slider)[data-disabled]{cursor:not-allowed}: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, #0000) 0deg 90deg,transparent 90deg 180deg,var(--skdx-color-border-subtle, #0000) 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, #0000) 0deg 90deg,transparent 90deg 180deg,var(--skdx-color-border-subtle, #0000) 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-default);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)[data-disabled]{border-color:var(--skdx-color-border-disabled);cursor:not-allowed}:where(.skdx-color-picker__swatch)[data-readonly]{cursor:default}: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-default);cursor:pointer}:where(.skdx-color-picker__eye-dropper){position:relative;display:inline-flex;align-items:center;justify-content:center}:where(.skdx-color-picker__eye-dropper):before{content:"";inline-size:var(--skdx-space-3);block-size:var(--skdx-border-width-thick);background-color:currentColor;border-radius:var(--skdx-radius-full);rotate:-45deg}:where(.skdx-color-picker__eye-dropper):after{content:"";position:absolute;inset-inline-start:50%;inset-block-start:50%;inline-size:var(--skdx-space-2);block-size:var(--skdx-space-2);background-color:currentColor;border-radius:var(--skdx-radius-full);translate:calc(-50% + var(--skdx-space-2)) calc(-50% - var(--skdx-space-2))}:where(.skdx-color-picker__eye-dropper)[data-disabled],:where(.skdx-color-picker__format-select)[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-color-picker__eye-dropper)[data-readonly],:where(.skdx-color-picker__format-select)[data-readonly]{cursor:default}: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-default);font-family:var(--skdx-font-family-mono);font-size:var(--skdx-font-size-xs)}:where(.skdx-color-picker__input)[data-disabled]{color:var(--skdx-color-text-disabled);background-color:var(--skdx-color-field-bg-disabled);border-color:var(--skdx-color-border-disabled);cursor:not-allowed}:where(.skdx-color-picker__input)[data-readonly]{cursor:default}:where(.skdx-color-picker__eye-dropper):hover:not([data-disabled],[data-readonly]),:where(.skdx-color-picker__format-select):hover:not([data-disabled],[data-readonly]){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),: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;min-inline-size:var(--skdx-control-height-md);block-size:var(--skdx-control-height-md);padding-inline:var(--skdx-space-2);color:var(--skdx-color-text-muted);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);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
+ @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-default)}: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;min-inline-size:var(--skdx-control-height-md);block-size:var(--skdx-control-height-md);padding-inline:var(--skdx-space-2);color:var(--skdx-color-text-muted);background-color:var(--skdx-color-field-bg);border:var(--skdx-border-width-thin) solid var(--skdx-color-field-border);border-radius:var(--skdx-radius-default);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;min-inline-size:min(20rem,calc(100vw - var(--skdx-space-8)));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}:where(button.skdx-command__item){inline-size:100%;border:0;background:none;font:inherit;text-align:start}}
1
+ @import"../internal/_overlay.css";@import"../internal/_collection.css";@layer skdx-components{:where(.skdx-command){display:flex;flex-direction:column;min-inline-size:min(20rem,calc(100vw - var(--skdx-space-8)));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, var(--skdx-radius-default));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}:where(button.skdx-command__item){inline-size:100%;border:0;background:none;font:inherit;text-align:start}}
@@ -1 +1 @@
1
- @import"../base.css";@layer skdx-components{:where(.skdx-dashboard-layout){display:grid;grid-template-rows:auto 1fr}:where(.skdx-dashboard-layout__app-bar){display:flex;align-items:center;gap:var(--skdx-space-3);padding-inline:var(--skdx-space-4);padding-block:var(--skdx-space-2);border-block-end:var(--skdx-border-width-thin) solid var(--skdx-color-border-default)}:where(.skdx-dashboard-layout__actions){display:flex;align-items:center;gap:var(--skdx-space-2);margin-inline-start:auto}:where(.skdx-dashboard-layout__title){font-weight:var(--skdx-font-weight-semibold)}:where(.skdx-dashboard-layout__body){display:grid;grid-template-columns:auto 1fr;min-block-size:0}:where(.skdx-dashboard-layout__nav){inline-size:16rem;overflow-y:auto;border-inline-end:var(--skdx-border-width-thin) solid var(--skdx-color-border-default)}:where(.skdx-dashboard-layout__nav-list){display:flex;flex-direction:column;gap:var(--skdx-space-1);margin:0;padding:var(--skdx-space-2);list-style:none}:where(.skdx-dashboard-layout__nav-item){display:flex;align-items:center;gap:var(--skdx-space-2);padding-inline:var(--skdx-space-3);padding-block:var(--skdx-space-2);border-radius:var(--skdx-radius-sm);color:var(--skdx-color-text-default);text-decoration:none}:where(.skdx-dashboard-layout__nav-item):hover{background-color:var(--skdx-color-surface-hover)}:where(.skdx-dashboard-layout__nav-item)[aria-current=page]{color:var(--skdx-color-text-accent);background-color:var(--skdx-color-surface-selected);font-weight:var(--skdx-font-weight-medium)}:where(.skdx-dashboard-layout__nav-header){padding-inline:var(--skdx-space-3);padding-block-start:var(--skdx-space-3);color:var(--skdx-color-text-muted);font-size:var(--skdx-font-size-xs);font-weight:var(--skdx-font-weight-semibold);letter-spacing:var(--skdx-font-letter-spacing-wide);text-transform:uppercase}:where(.skdx-dashboard-layout__nav-divider){border:0;border-block-start:var(--skdx-border-width-thin) solid var(--skdx-color-border-subtle)}:where(.skdx-dashboard-layout__content){padding:var(--skdx-space-4);min-inline-size:0}@media(forced-colors:active){:where(.skdx-dashboard-layout__app-bar),:where(.skdx-dashboard-layout__nav),:where(.skdx-dashboard-layout__nav-divider){border-color:CanvasText}}}
1
+ @import"../base.css";@layer skdx-components{:where(.skdx-dashboard-layout){display:grid;grid-template-rows:auto 1fr}:where(.skdx-dashboard-layout__app-bar){display:flex;align-items:center;gap:var(--skdx-space-3);padding-inline:var(--skdx-space-4);padding-block:var(--skdx-space-2);border-block-end:var(--skdx-border-width-thin) solid var(--skdx-color-border-default)}:where(.skdx-dashboard-layout__actions){display:flex;align-items:center;gap:var(--skdx-space-2);margin-inline-start:auto}:where(.skdx-dashboard-layout__title){font-weight:var(--skdx-font-weight-semibold)}:where(.skdx-dashboard-layout__body){display:grid;grid-template-columns:auto 1fr;min-block-size:0}:where(.skdx-dashboard-layout__nav){inline-size:16rem;overflow-y:auto;border-inline-end:var(--skdx-border-width-thin) solid var(--skdx-color-border-default)}:where(.skdx-dashboard-layout__nav-list){display:flex;flex-direction:column;gap:var(--skdx-space-1);margin:0;padding:var(--skdx-space-2);list-style:none}:where(.skdx-dashboard-layout__nav-item){display:flex;align-items:center;gap:var(--skdx-space-2);padding-inline:var(--skdx-space-3);padding-block:var(--skdx-space-2);border-radius:var(--skdx-radius-default);color:var(--skdx-color-text-default);text-decoration:none}:where(.skdx-dashboard-layout__nav-item):hover{background-color:var(--skdx-color-surface-hover)}:where(.skdx-dashboard-layout__nav-item)[aria-current=page]{color:var(--skdx-color-text-accent);background-color:var(--skdx-color-surface-selected);font-weight:var(--skdx-font-weight-medium)}:where(.skdx-dashboard-layout__nav-header){padding-inline:var(--skdx-space-3);padding-block-start:var(--skdx-space-3);color:var(--skdx-color-text-muted);font-size:var(--skdx-font-size-xs);font-weight:var(--skdx-font-weight-semibold);letter-spacing:var(--skdx-font-letter-spacing-wide);text-transform:uppercase}:where(.skdx-dashboard-layout__nav-divider){border:0;border-block-start:var(--skdx-border-width-thin) solid var(--skdx-color-border-subtle)}:where(.skdx-dashboard-layout__content){padding:var(--skdx-space-4);min-inline-size:0}@media(max-width:40rem){:where(.skdx-dashboard-layout__body){position:relative;grid-template-columns:minmax(0,1fr)}:where(.skdx-dashboard-layout__nav){position:absolute;z-index:1;inset-block:0;inset-inline-start:0;max-inline-size:100%;background-color:var(--skdx-color-surface-raised);box-shadow:var(--skdx-shadow-overlay)}}@media(forced-colors:active){:where(.skdx-dashboard-layout__app-bar),:where(.skdx-dashboard-layout__nav),:where(.skdx-dashboard-layout__nav-divider){border-color:CanvasText}}}
@@ -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,.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
+ @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-default);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-default);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/_overlay.css";@layer skdx-components{:where(.skdx-dialog__content){position:fixed;inset-block-start:50%;left:50%;translate:-50% -50%;inline-size:min(var(--skdx-overlay-width-md, 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(var(--skdx-overlay-width-sm, 24rem),calc(100vw - var(--skdx-space-8)))}:where(.skdx-dialog__content[data-size=md]){inline-size:min(var(--skdx-overlay-width-md, 32rem),calc(100vw - var(--skdx-space-8)))}:where(.skdx-dialog__content[data-size=lg]){inline-size:min(var(--skdx-overlay-width-lg, 48rem),calc(100vw - var(--skdx-space-8)))}:where(.skdx-dialog__content[role=alertdialog]){inline-size:min(var(--skdx-overlay-width-sm, 24rem),calc(100vw - var(--skdx-space-8)))}:where(.skdx-dialog__content[data-status]){border-block-start:var(--skdx-border-width-thicker) solid transparent}:where(.skdx-dialog__content[data-status=info]){border-block-start-color:var(--skdx-color-status-info-border)}:where(.skdx-dialog__content[data-status=success]){border-block-start-color:var(--skdx-color-status-success-border)}:where(.skdx-dialog__content[data-status=warning]){border-block-start-color:var(--skdx-color-status-warning-border)}:where(.skdx-dialog__content[data-status=danger]){border-block-start-color:var(--skdx-color-status-danger-border)}:where(dialog.skdx-dialog__content:not([open])){display:none}:where(.skdx-dialog__title){margin:0;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){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-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:40rem){: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(var(--skdx-overlay-width-md, 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, var(--skdx-radius-default));z-index:var(--skdx-z-index-modal)}:where(.skdx-dialog__content[data-size=sm]){inline-size:min(var(--skdx-overlay-width-sm, 24rem),calc(100vw - var(--skdx-space-8)))}:where(.skdx-dialog__content[data-size=md]){inline-size:min(var(--skdx-overlay-width-md, 32rem),calc(100vw - var(--skdx-space-8)))}:where(.skdx-dialog__content[data-size=lg]){inline-size:min(var(--skdx-overlay-width-lg, 48rem),calc(100vw - var(--skdx-space-8)))}:where(.skdx-dialog__content[role=alertdialog]){inline-size:min(var(--skdx-overlay-width-sm, 24rem),calc(100vw - var(--skdx-space-8)))}:where(.skdx-dialog__content[data-status]){border-block-start:var(--skdx-border-width-thicker) solid transparent}:where(.skdx-dialog__content[data-status=info]){border-block-start-color:var(--skdx-color-status-info-border)}:where(.skdx-dialog__content[data-status=success]){border-block-start-color:var(--skdx-color-status-success-border)}:where(.skdx-dialog__content[data-status=warning]){border-block-start-color:var(--skdx-color-status-warning-border)}:where(.skdx-dialog__content[data-status=danger]){border-block-start-color:var(--skdx-color-status-danger-border)}:where(dialog.skdx-dialog__content:not([open])){display:none}:where(.skdx-dialog__title){margin:0;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){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-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-default);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:40rem){: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, var(--skdx-radius-default));border-start-end-radius:var(--skdx-overlay-radius, var(--skdx-radius-default));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-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__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-drawer__footer){display:flex;justify-content:flex-end;gap:var(--skdx-space-2);flex-wrap:wrap}: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
+ @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, var(--skdx-radius-default));border-bottom-right-radius:var(--skdx-overlay-radius, var(--skdx-radius-default))}: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, var(--skdx-radius-default));border-bottom-left-radius:var(--skdx-overlay-radius, var(--skdx-radius-default))}: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, var(--skdx-radius-default));border-end-end-radius:var(--skdx-overlay-radius, var(--skdx-radius-default))}: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, var(--skdx-radius-default));border-start-end-radius:var(--skdx-overlay-radius, var(--skdx-radius-default))}: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__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-drawer__footer){display:flex;justify-content:flex-end;gap:var(--skdx-space-2);flex-wrap:wrap}: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-default);cursor:pointer}}
@@ -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__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
+ @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-default);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-default);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-default);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"../internal/_actuator.css";@import"../base.css";@import"../internal/_hit-target.css";@layer skdx-components{:where(.skdx-file-upload){display:flex;flex-direction:column;gap:var(--skdx-space-3)}:where(.skdx-file-upload__dropzone){display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--skdx-space-2);padding:var(--skdx-space-6);text-align:center;color:var(--skdx-color-text-muted);background-color:var(--skdx-color-surface-default);border:var(--skdx-border-width-thick) dashed var(--skdx-color-border-default);border-radius:var(--skdx-radius-lg);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-file-upload__dropzone):hover{border-color:var(--skdx-color-border-strong)}:where(.skdx-file-upload__dropzone)[data-dragging]{border-style:solid;border-color:var(--skdx-color-border-accent);background-color:var(--skdx-color-surface-selected);color:var(--skdx-color-text-accent)}:where(.skdx-file-upload__dropzone)[data-invalid]{border-color:var(--skdx-color-border-danger);color:var(--skdx-color-text-danger)}:where(.skdx-file-upload__dropzone)[data-disabled]{background-color:var(--skdx-color-surface-disabled);color:var(--skdx-color-text-disabled);cursor:not-allowed}:where(.skdx-file-upload__item){display:flex;align-items:center;gap:var(--skdx-space-3);padding:var(--skdx-space-2);font-size:var(--skdx-font-size-sm);background-color:var(--skdx-color-surface-default);border:var(--skdx-border-width-thin) solid var(--skdx-color-border-default);border-radius:var(--skdx-radius-md)}:where(.skdx-file-upload__item)[data-invalid]{border-color:var(--skdx-color-border-danger)}:where(.skdx-file-upload__item-delete){position:relative;color:var(--skdx-color-text-muted);background:transparent;border:0;border-radius:var(--skdx-radius-sm);cursor:pointer}:where(.skdx-file-upload__item-delete):hover{color:var(--skdx-color-text-danger)}@media(forced-colors:active){:where(.skdx-file-upload__dropzone)[data-dragging]{border-color:Highlight}}:where(.skdx-file-upload__input){position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0;--skdx-focus-ring-offset: var(--skdx-focus-ring-offset-inset)}:where(.skdx-file-upload__item-name){flex:1;min-inline-size:0;overflow:hidden;--skdx-focus-ring-offset: var(--skdx-focus-ring-offset-inset);text-overflow:ellipsis;white-space:nowrap}:where(.skdx-file-upload__item-size){color:var(--skdx-color-text-muted);font-variant-numeric:tabular-nums}:where(.skdx-file-upload__item-group){display:flex;flex-direction:column;gap:var(--skdx-space-2);margin:0;padding:0;list-style:none}:where(.skdx-file-upload__item-preview){display:inline-flex;flex:none;align-items:center;justify-content:center}:where(.skdx-file-upload__clear){display:inline-flex;align-items:center;padding:var(--skdx-space-1) var(--skdx-space-2);color:var(--skdx-color-text-muted);background:none;border:0;border-radius:var(--skdx-radius-sm);font-size:var(--skdx-font-size-sm);cursor:pointer}:where(.skdx-file-upload__clear):hover:not(:disabled,[data-disabled]){color:var(--skdx-color-text-danger)}:where(.skdx-file-upload__clear):disabled{color:var(--skdx-color-text-disabled);cursor:not-allowed}}
1
+ @import"../internal/_actuator.css";@import"../base.css";@import"../internal/_hit-target.css";@layer skdx-components{:where(.skdx-file-upload){display:flex;flex-direction:column;gap:var(--skdx-space-3)}:where(.skdx-file-upload__dropzone){display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--skdx-space-2);padding:var(--skdx-space-6);text-align:center;color:var(--skdx-color-text-muted);background-color:var(--skdx-color-surface-default);border:var(--skdx-border-width-thick) dashed var(--skdx-color-border-default);border-radius:var(--skdx-radius-default);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-file-upload__dropzone):hover{border-color:var(--skdx-color-border-strong)}:where(.skdx-file-upload__dropzone)[data-dragging]{border-style:solid;border-color:var(--skdx-color-border-accent);background-color:var(--skdx-color-surface-selected);color:var(--skdx-color-text-accent)}:where(.skdx-file-upload__dropzone)[data-invalid]{border-color:var(--skdx-color-border-danger);color:var(--skdx-color-text-danger)}:where(.skdx-file-upload__dropzone)[data-disabled]{background-color:var(--skdx-color-surface-disabled);color:var(--skdx-color-text-disabled);cursor:not-allowed}:where(.skdx-file-upload__item){display:flex;align-items:center;gap:var(--skdx-space-3);padding:var(--skdx-space-2);font-size:var(--skdx-font-size-sm);background-color:var(--skdx-color-surface-default);border:var(--skdx-border-width-thin) solid var(--skdx-color-border-default);border-radius:var(--skdx-radius-default)}:where(.skdx-file-upload__item)[data-invalid]{border-color:var(--skdx-color-border-danger)}:where(.skdx-file-upload__item-delete){position:relative;color:var(--skdx-color-text-muted);background:transparent;border:0;border-radius:var(--skdx-radius-default);cursor:pointer}:where(.skdx-file-upload__item-delete):hover{color:var(--skdx-color-text-danger)}@media(forced-colors:active){:where(.skdx-file-upload__dropzone)[data-dragging]{border-color:Highlight}}:where(.skdx-file-upload__input){position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0;--skdx-focus-ring-offset: var(--skdx-focus-ring-offset-inset)}:where(.skdx-file-upload__item-name){flex:1;min-inline-size:0;overflow:hidden;--skdx-focus-ring-offset: var(--skdx-focus-ring-offset-inset);text-overflow:ellipsis;white-space:nowrap}:where(.skdx-file-upload__item-size){color:var(--skdx-color-text-muted);font-variant-numeric:tabular-nums}:where(.skdx-file-upload__item-group){display:flex;flex-direction:column;gap:var(--skdx-space-2);margin:0;padding:0;list-style:none}:where(.skdx-file-upload__item-preview){display:inline-flex;flex:none;align-items:center;justify-content:center}:where(.skdx-file-upload__clear){display:inline-flex;align-items:center;padding:var(--skdx-space-1) var(--skdx-space-2);color:var(--skdx-color-text-muted);background:none;border:0;border-radius:var(--skdx-radius-default);font-size:var(--skdx-font-size-sm);cursor:pointer}:where(.skdx-file-upload__clear):hover:not(:disabled,[data-disabled]){color:var(--skdx-color-text-danger)}:where(.skdx-file-upload__clear):disabled{color:var(--skdx-color-text-disabled);cursor:not-allowed}}
@@ -1 +1 @@
1
- @import"../internal/_actuator.css";@import"../internal/_overlay.css";@layer skdx-components{:where(.skdx-floating-panel__content){position:fixed;z-index:var(--skdx-z-index-modal);left:var(--skdx-floating-panel-x, 0px);top:var(--skdx-floating-panel-y, 0px);inline-size:var(--skdx-floating-panel-width, auto);block-size:var(--skdx-floating-panel-height, auto);display:flex;flex-direction:column;min-inline-size:12rem;padding:0;overflow:hidden;--skdx-focus-ring-offset: var(--skdx-focus-ring-offset-inset)}:where(.skdx-floating-panel__content)[hidden]{display:none}:where(.skdx-floating-panel__header){display:flex;align-items:center;justify-content:space-between;gap:var(--skdx-space-2);padding-inline:var(--skdx-space-3);padding-block:var(--skdx-space-2);background-color:var(--skdx-color-surface-default);border-block-end:var(--skdx-border-width-thin) solid var(--skdx-color-border-default);cursor:move;user-select:none}:where(.skdx-floating-panel__title){font-size:var(--skdx-font-size-sm);font-weight:var(--skdx-font-weight-semibold)}:where(.skdx-floating-panel__stage-trigger),:where(.skdx-floating-panel__close-trigger){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-floating-panel__resize-trigger){position:absolute;touch-action:none;z-index:1}:where(.skdx-floating-panel__resize-trigger)[data-direction=n],:where(.skdx-floating-panel__resize-trigger)[data-direction=s]{left:0;right:0;block-size:var(--skdx-space-2);z-index:0}:where(.skdx-floating-panel__resize-trigger)[data-direction=n]{top:0}:where(.skdx-floating-panel__resize-trigger)[data-direction=s]{bottom:0}:where(.skdx-floating-panel__resize-trigger)[data-direction=e],:where(.skdx-floating-panel__resize-trigger)[data-direction=w]{top:0;bottom:0;inline-size:var(--skdx-space-2);z-index:0}:where(.skdx-floating-panel__resize-trigger)[data-direction=e]{right:0}:where(.skdx-floating-panel__resize-trigger)[data-direction=w]{left:0}:where(.skdx-floating-panel__resize-trigger)[data-direction=ne],:where(.skdx-floating-panel__resize-trigger)[data-direction=nw],:where(.skdx-floating-panel__resize-trigger)[data-direction=se],:where(.skdx-floating-panel__resize-trigger)[data-direction=sw]{inline-size:var(--skdx-space-3);block-size:var(--skdx-space-3)}:where(.skdx-floating-panel__resize-trigger)[data-direction=ne]{top:0;right:0}:where(.skdx-floating-panel__resize-trigger)[data-direction=nw]{top:0;left:0}:where(.skdx-floating-panel__resize-trigger)[data-direction=se]{bottom:0;right:0}:where(.skdx-floating-panel__resize-trigger)[data-direction=sw]{bottom:0;left:0}:where(.skdx-floating-panel__resize-trigger)[data-disabled]{cursor:default}:where(.skdx-floating-panel__content)[data-dragging],:where(.skdx-floating-panel__content)[data-resizing]{transition:none;animation:none;user-select:none}:where(.skdx-floating-panel__content)>:where(:not(.skdx-floating-panel__header):not(.skdx-floating-panel__resize-trigger)){flex:1;min-block-size:0;overflow:auto;--skdx-focus-ring-offset: var(--skdx-focus-ring-offset-inset);padding:var(--skdx-space-3)}:where(.skdx-floating-panel__content)[data-stage=minimized]>:where(:not(.skdx-floating-panel__header):not(.skdx-floating-panel__resize-trigger)){display:none}}
1
+ @import"../internal/_actuator.css";@import"../internal/_overlay.css";@layer skdx-components{:where(.skdx-floating-panel__content){position:fixed;z-index:var(--skdx-z-index-modal);left:var(--skdx-floating-panel-x, 0px);top:var(--skdx-floating-panel-y, 0px);inline-size:var(--skdx-floating-panel-width, auto);block-size:var(--skdx-floating-panel-height, auto);display:flex;flex-direction:column;min-inline-size:12rem;padding:0;overflow:hidden;--skdx-focus-ring-offset: var(--skdx-focus-ring-offset-inset)}:where(.skdx-floating-panel__content)[hidden]{display:none}:where(.skdx-floating-panel__header){display:flex;align-items:center;justify-content:space-between;gap:var(--skdx-space-2);padding-inline:var(--skdx-space-3);padding-block:var(--skdx-space-2);background-color:var(--skdx-color-surface-default);border-block-end:var(--skdx-border-width-thin) solid var(--skdx-color-border-default);cursor:move;user-select:none}:where(.skdx-floating-panel__title){font-size:var(--skdx-font-size-sm);font-weight:var(--skdx-font-weight-semibold)}:where(.skdx-floating-panel__stage-trigger),:where(.skdx-floating-panel__close-trigger){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-default);cursor:pointer}:where(.skdx-floating-panel__resize-trigger){position:absolute;touch-action:none;z-index:1}:where(.skdx-floating-panel__resize-trigger)[data-direction=n],:where(.skdx-floating-panel__resize-trigger)[data-direction=s]{left:0;right:0;block-size:var(--skdx-space-2);z-index:0}:where(.skdx-floating-panel__resize-trigger)[data-direction=n]{top:0}:where(.skdx-floating-panel__resize-trigger)[data-direction=s]{bottom:0}:where(.skdx-floating-panel__resize-trigger)[data-direction=e],:where(.skdx-floating-panel__resize-trigger)[data-direction=w]{top:0;bottom:0;inline-size:var(--skdx-space-2);z-index:0}:where(.skdx-floating-panel__resize-trigger)[data-direction=e]{right:0}:where(.skdx-floating-panel__resize-trigger)[data-direction=w]{left:0}:where(.skdx-floating-panel__resize-trigger)[data-direction=ne],:where(.skdx-floating-panel__resize-trigger)[data-direction=nw],:where(.skdx-floating-panel__resize-trigger)[data-direction=se],:where(.skdx-floating-panel__resize-trigger)[data-direction=sw]{inline-size:var(--skdx-space-3);block-size:var(--skdx-space-3)}:where(.skdx-floating-panel__resize-trigger)[data-direction=ne]{top:0;right:0}:where(.skdx-floating-panel__resize-trigger)[data-direction=nw]{top:0;left:0}:where(.skdx-floating-panel__resize-trigger)[data-direction=se]{bottom:0;right:0}:where(.skdx-floating-panel__resize-trigger)[data-direction=sw]{bottom:0;left:0}:where(.skdx-floating-panel__resize-trigger)[data-disabled]{cursor:default}:where(.skdx-floating-panel__content)[data-dragging],:where(.skdx-floating-panel__content)[data-resizing]{transition:none;animation:none;user-select:none}:where(.skdx-floating-panel__content)>:where(:not(.skdx-floating-panel__header):not(.skdx-floating-panel__resize-trigger)){flex:1;min-block-size:0;overflow:auto;--skdx-focus-ring-offset: var(--skdx-focus-ring-offset-inset);padding:var(--skdx-space-3)}:where(.skdx-floating-panel__content)[data-stage=minimized]>:where(:not(.skdx-floating-panel__header):not(.skdx-floating-panel__resize-trigger)){display:none}}
@@ -1 +1 @@
1
- @import"../base.css";@layer skdx-components{:where(.skdx-forgot-password-page){display:flex;justify-content:center;padding:var(--skdx-space-8)}:where(.skdx-forgot-password-page__panel){display:flex;flex-direction:column;gap:var(--skdx-space-4);inline-size:100%;min-inline-size:0;max-inline-size:24rem;padding:var(--skdx-space-6);background-color:var(--skdx-color-surface-raised);border:var(--skdx-border-width-thin) solid var(--skdx-color-border-default);border-radius:var(--skdx-radius-lg);box-shadow:var(--skdx-shadow-md)}:where(.skdx-forgot-password-page__footer){font-size:var(--skdx-font-size-sm);color:var(--skdx-color-text-muted);text-align:center;overflow-wrap:anywhere}@media(forced-colors:active){:where(.skdx-forgot-password-page__panel){border-color:CanvasText}}}
1
+ @import"../base.css";@layer skdx-components{:where(.skdx-forgot-password-page){display:flex;justify-content:center;padding:var(--skdx-space-8)}:where(.skdx-forgot-password-page__panel){display:flex;flex-direction:column;gap:var(--skdx-space-4);inline-size:100%;min-inline-size:0;max-inline-size:24rem;padding:var(--skdx-space-6);background-color:var(--skdx-color-surface-raised);border:var(--skdx-border-width-thin) solid var(--skdx-color-border-default);border-radius:var(--skdx-radius-default);box-shadow:var(--skdx-shadow-md)}:where(.skdx-forgot-password-page__footer){font-size:var(--skdx-font-size-sm);color:var(--skdx-color-text-muted);text-align:center;overflow-wrap:anywhere}@media(forced-colors:active){:where(.skdx-forgot-password-page__panel){border-color:CanvasText}}}
@@ -1 +1 @@
1
- @import"../base.css";@layer skdx-components{:where(.skdx-form-section){display:flex;flex-direction:column;gap:var(--skdx-space-4)}:where(.skdx-form-section__header){display:flex;flex-direction:column;gap:var(--skdx-space-2);min-inline-size:0}:where(.skdx-form-section__title){overflow-wrap:anywhere}:where(.skdx-form-section__description){overflow-wrap:anywhere}:where(.skdx-form-section__content){display:flex;flex-direction:column;gap:var(--skdx-field-gap)}:where(.skdx-form-section__footer){display:flex;flex-wrap:wrap;justify-content:end;gap:var(--skdx-space-2);padding-block-start:var(--skdx-space-3);border-block-start:var(--skdx-border-width-thin) solid var(--skdx-color-border-subtle)}:where(.skdx-form-section)[data-variant=bordered]{padding:var(--skdx-space-5);border:var(--skdx-border-width-thin) solid var(--skdx-color-border-default);border-radius:var(--skdx-radius-lg);background-color:var(--skdx-color-surface-raised)}@media(min-width:48rem){:where(.skdx-form-section)[data-variant=split]{display:grid;grid-template-columns:minmax(12rem,16rem) 1fr;column-gap:var(--skdx-space-8)}:where(.skdx-form-section)[data-variant=split] :where(.skdx-form-section__footer){grid-column:2}}@media(forced-colors:active){:where(.skdx-form-section)[data-variant=bordered]{border-color:CanvasText}:where(.skdx-form-section__footer){border-color:CanvasText}}}
1
+ @import"../base.css";@layer skdx-components{:where(.skdx-form-section){display:flex;flex-direction:column;gap:var(--skdx-space-4)}:where(.skdx-form-section__header){display:flex;flex-direction:column;gap:var(--skdx-space-2);min-inline-size:0}:where(.skdx-form-section__title){overflow-wrap:anywhere}:where(.skdx-form-section__description){overflow-wrap:anywhere}:where(.skdx-form-section__content){display:flex;flex-direction:column;gap:var(--skdx-field-gap)}:where(.skdx-form-section__footer){display:flex;flex-wrap:wrap;justify-content:end;gap:var(--skdx-space-2);padding-block-start:var(--skdx-space-3);border-block-start:var(--skdx-border-width-thin) solid var(--skdx-color-border-subtle)}:where(.skdx-form-section)[data-variant=bordered]{padding:var(--skdx-space-5);border:var(--skdx-border-width-thin) solid var(--skdx-color-border-default);border-radius:var(--skdx-radius-default);background-color:var(--skdx-color-surface-raised)}@media(min-width:48rem){:where(.skdx-form-section)[data-variant=split]{display:grid;grid-template-columns:minmax(12rem,16rem) 1fr;column-gap:var(--skdx-space-8)}:where(.skdx-form-section)[data-variant=split] :where(.skdx-form-section__footer){grid-column:2}}@media(forced-colors:active){:where(.skdx-form-section)[data-variant=bordered]{border-color:CanvasText}:where(.skdx-form-section__footer){border-color:CanvasText}}}
@@ -1 +1 @@
1
- @import"../internal/_actuator.css";@import"../base.css";@layer skdx-components{:where(.skdx-form){display:flex;flex-direction:column;gap:var(--skdx-space-4)}:where(.skdx-form)[data-density=compact]{gap:var(--skdx-space-2)}:where(.skdx-form)[data-density=compact] :where(.skdx-form__field){gap:var(--skdx-space-1)}:where(.skdx-form__error-summary){order:-1;display:flex;flex-direction:column;gap:var(--skdx-space-2);padding:var(--skdx-space-3);color:var(--skdx-color-status-danger-text);background-color:var(--skdx-color-status-danger-bg);border:var(--skdx-border-width-thin) solid var(--skdx-color-status-danger-border);border-inline-start-width:var(--skdx-border-width-thicker);border-radius:var(--skdx-radius-md);font-size:var(--skdx-font-size-sm)}:where(.skdx-form__error-summary)[hidden]{display:none}@media(forced-colors:active){:where(.skdx-form__error-summary){border-color:CanvasText}}:where(.skdx-form__field){display:flex;flex-direction:column;gap:var(--skdx-field-gap)}:where(.skdx-form__label){font-size:var(--skdx-font-size-sm);font-weight:var(--skdx-font-weight-medium);color:var(--skdx-color-text-default)}:where(.skdx-form__control){color:var(--skdx-color-field-text);font-size:var(--skdx-font-size-sm)}:where(.skdx-form__control):not([type=checkbox]):not([type=radio]):not([role=checkbox]):not([role=radio]){inline-size:100%;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)}:where(.skdx-form__message){font-size:var(--skdx-font-size-xs);line-height:var(--skdx-font-line-height-normal);color:var(--skdx-color-text-danger)}:where(.skdx-form__error-summary-link){display:inline-block;color:inherit;text-decoration:underline}:where(.skdx-form__error-summary-list){display:flex;flex-direction:column;gap:var(--skdx-space-1);margin:0;padding-inline-start:var(--skdx-space-4)}:where(.skdx-form__error-summary-title){font-weight:var(--skdx-font-weight-semibold)}}
1
+ @import"../internal/_actuator.css";@import"../base.css";@layer skdx-components{:where(.skdx-form){display:flex;flex-direction:column;gap:var(--skdx-space-4)}:where(.skdx-form)[data-density=compact]{gap:var(--skdx-space-2)}:where(.skdx-form)[data-density=compact] :where(.skdx-form__field){gap:var(--skdx-space-1)}:where(.skdx-form__error-summary){order:-1;display:flex;flex-direction:column;gap:var(--skdx-space-2);padding:var(--skdx-space-3);color:var(--skdx-color-status-danger-text);background-color:var(--skdx-color-status-danger-bg);border:var(--skdx-border-width-thin) solid var(--skdx-color-status-danger-border);border-inline-start-width:var(--skdx-border-width-thicker);border-radius:var(--skdx-radius-default);font-size:var(--skdx-font-size-sm)}:where(.skdx-form__error-summary)[hidden]{display:none}@media(forced-colors:active){:where(.skdx-form__error-summary){border-color:CanvasText}}:where(.skdx-form__field){display:flex;flex-direction:column;gap:var(--skdx-field-gap)}:where(.skdx-form__label){font-size:var(--skdx-font-size-sm);font-weight:var(--skdx-font-weight-medium);color:var(--skdx-color-text-default)}:where(.skdx-form__control){color:var(--skdx-color-field-text);font-size:var(--skdx-font-size-sm)}:where(.skdx-form__control):not([type=checkbox]):not([type=radio]):not([role=checkbox]):not([role=radio]){inline-size:100%;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-default)}:where(.skdx-form__message){font-size:var(--skdx-font-size-xs);line-height:var(--skdx-font-line-height-normal);color:var(--skdx-color-text-danger)}:where(.skdx-form__message):empty:not(skdx-form-message){display:none}:where(.skdx-form__error-summary-link){display:inline-block;color:inherit;text-decoration:underline}:where(.skdx-form__error-summary-list){display:flex;flex-direction:column;gap:var(--skdx-space-1);margin:0;padding-inline-start:var(--skdx-space-4)}:where(.skdx-form__error-summary-title){font-weight:var(--skdx-font-weight-semibold)}}
@@ -1 +1 @@
1
- @import"../base.css";@layer skdx-components{:where(.skdx-image,.skdx-image__fallback){--skdx-image-radius: 0px;border-radius:var(--skdx-image-radius)}:where(.skdx-image){display:block;max-inline-size:100%}:where(.skdx-image)[data-loading-status=idle],:where(.skdx-image)[data-loading-status=loading]{background-color:var(--skdx-color-surface-sunken)}:where(.skdx-image__fallback){display:inline-flex;align-items:center;justify-content:center;inline-size:100%;block-size:100%;background-color:var(--skdx-color-surface-sunken);color:var(--skdx-color-text-muted)}}
1
+ @import"../base.css";@layer skdx-components{:where(.skdx-image,.skdx-image__fallback){--skdx-image-radius: var(--skdx-radius-default);border-radius:var(--skdx-image-radius)}:where(.skdx-image){display:block;max-inline-size:100%}:where(.skdx-image)[data-loading-status=idle],:where(.skdx-image)[data-loading-status=loading]{background-color:var(--skdx-color-surface-sunken)}:where(.skdx-image__fallback){display:inline-flex;align-items:center;justify-content:center;inline-size:100%;block-size:100%;background-color:var(--skdx-color-surface-sunken);color:var(--skdx-color-text-muted)}}
@@ -1 +1 @@
1
- @import"../base.css";@layer skdx-components{:where(.skdx-kbd){display:inline-flex;align-items:center;justify-content:center;min-inline-size:1.5em;padding-inline:var(--skdx-space-1);padding-block:0;font-family:var(--skdx-font-family-mono);font-size:var(--skdx-font-size-xs);line-height:var(--skdx-font-line-height-tight);white-space:nowrap;color:var(--skdx-color-text-default);background-color:var(--skdx-color-surface-sunken);border:var(--skdx-border-width-thin) solid var(--skdx-color-border-default);border-block-end-width:var(--skdx-border-width-thick);border-radius:var(--skdx-radius-sm)}:where(.skdx-kbd)[data-size=sm]{padding-inline:calc(var(--skdx-space-1) / 2);font-size:calc(var(--skdx-font-size-xs) * .85)}:where(.skdx-kbd)[data-size=md]{padding-inline:var(--skdx-space-1);font-size:var(--skdx-font-size-xs)}:where(.skdx-kbd)[data-size=lg]{padding-inline:var(--skdx-space-2);font-size:var(--skdx-font-size-sm)}:where(.skdx-kbd):has(.skdx-kbd){gap:var(--skdx-space-1);min-inline-size:0;padding-inline:0;background-color:transparent;border:0}@media(forced-colors:active){:where(.skdx-kbd){border-color:CanvasText}:where(.skdx-kbd):has(.skdx-kbd){border-color:transparent}}}
1
+ @import"../base.css";@layer skdx-components{:where(.skdx-kbd){display:inline-flex;align-items:center;justify-content:center;min-inline-size:1.5em;padding-inline:var(--skdx-space-1);padding-block:0;font-family:var(--skdx-font-family-mono);font-size:var(--skdx-font-size-xs);line-height:var(--skdx-font-line-height-tight);white-space:nowrap;color:var(--skdx-color-text-default);background-color:var(--skdx-color-surface-sunken);border:var(--skdx-border-width-thin) solid var(--skdx-color-border-default);border-block-end-width:var(--skdx-border-width-thick);border-radius:var(--skdx-radius-default)}:where(.skdx-kbd)[data-size=sm]{padding-inline:calc(var(--skdx-space-1) / 2);font-size:calc(var(--skdx-font-size-xs) * .85)}:where(.skdx-kbd)[data-size=md]{padding-inline:var(--skdx-space-1);font-size:var(--skdx-font-size-xs)}:where(.skdx-kbd)[data-size=lg]{padding-inline:var(--skdx-space-2);font-size:var(--skdx-font-size-sm)}:where(.skdx-kbd):has(.skdx-kbd){gap:var(--skdx-space-1);min-inline-size:0;padding-inline:0;background-color:transparent;border:0}@media(forced-colors:active){:where(.skdx-kbd){border-color:CanvasText}:where(.skdx-kbd):has(.skdx-kbd){border-color:transparent}}}
@@ -1 +1 @@
1
- @import"../base.css";@layer skdx-components{:where(.skdx-link){--skdx-link-color: var(--skdx-color-text-accent);--skdx-link-color-hover: var(--skdx-link-color);--skdx-link-color-visited: var(--skdx-link-color);--skdx-link-underline-offset: var(--skdx-space-1);color:var(--skdx-link-color);text-underline-offset:var(--skdx-link-underline-offset);border-radius:var(--skdx-radius-sm)}:where(.skdx-link):visited{color:var(--skdx-link-color-visited)}:where(.skdx-link):hover{color:var(--skdx-link-color-hover)}:where(.skdx-link):focus-visible{outline:var(--skdx-focus-ring-width) solid var(--skdx-color-focus-ring);outline-offset:var(--skdx-focus-ring-offset)}:where(.skdx-link)[data-underline=always]{text-decoration-line:underline}:where(.skdx-link)[data-underline=auto]{text-decoration-line:none}:where(p,li,dd,td,th,blockquote,figcaption) :where(.skdx-link)[data-underline=auto]{text-decoration-line:underline}:where(.skdx-link)[data-underline=none]{text-decoration-line:none}:where(.skdx-link)[data-underline=hover]{text-decoration-line:none}:where(.skdx-link)[data-underline=hover]:hover,:where(.skdx-link)[data-underline=hover]:focus-visible{text-decoration-line:underline}:where(.skdx-link)[data-disabled]{color:var(--skdx-color-text-disabled);cursor:not-allowed}}
1
+ @import"../base.css";@layer skdx-components{:where(.skdx-link){--skdx-link-color: var(--skdx-color-text-accent);--skdx-link-color-hover: var(--skdx-link-color);--skdx-link-color-visited: var(--skdx-link-color);--skdx-link-underline-offset: var(--skdx-space-1);color:var(--skdx-link-color);text-underline-offset:var(--skdx-link-underline-offset);border-radius:var(--skdx-radius-default)}:where(.skdx-link):visited{color:var(--skdx-link-color-visited)}:where(.skdx-link):hover{color:var(--skdx-link-color-hover)}:where(.skdx-link):focus-visible{outline:var(--skdx-focus-ring-width) solid var(--skdx-color-focus-ring);outline-offset:var(--skdx-focus-ring-offset)}:where(.skdx-link)[data-underline=always]{text-decoration-line:underline}:where(.skdx-link)[data-underline=auto]{text-decoration-line:none}:where(p,li,dd,td,th,blockquote,figcaption) :where(.skdx-link)[data-underline=auto]{text-decoration-line:underline}:where(.skdx-link)[data-underline=none]{text-decoration-line:none}:where(.skdx-link)[data-underline=hover]{text-decoration-line:none}:where(.skdx-link)[data-underline=hover]:hover,:where(.skdx-link)[data-underline=hover]:focus-visible{text-decoration-line:underline}:where(.skdx-link)[data-disabled]{color:var(--skdx-color-text-disabled);cursor:not-allowed}}