vectis-ui 0.16.0 → 0.17.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/VColorPicker/color.js +2 -2
- package/dist/components/VColorPicker/color.js.map +1 -1
- package/dist/components/VCombobox/VCombobox.d.ts +10 -0
- package/dist/components/VCombobox/VCombobox.js.map +1 -1
- package/dist/components/VCombobox/VCombobox.vue_vue_type_script_setup_true_lang.js +177 -159
- package/dist/components/VCombobox/VCombobox.vue_vue_type_script_setup_true_lang.js.map +1 -1
- package/dist/components/VDataTable/VDataTable.css +1 -1
- package/dist/components/VDataTable/VDataTable.js.map +1 -1
- package/dist/components/VDataTable/VDataTable.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/components/VDataTable/VDataTable.vue_vue_type_script_setup_true_lang.js.map +1 -1
- package/dist/components/VDatePicker/VDatePicker.css +1 -1
- package/dist/components/VDatePicker/VDatePicker.js.map +1 -1
- package/dist/components/VDatePicker/VDatePicker.vue_vue_type_script_setup_true_lang.js +3 -2
- package/dist/components/VDatePicker/VDatePicker.vue_vue_type_script_setup_true_lang.js.map +1 -1
- package/dist/components/VDialog/VDialog.css +1 -1
- package/dist/components/VDialog/VDialog.js.map +1 -1
- package/dist/components/VDialog/VDialog.vue_vue_type_script_setup_true_lang.js +4 -2
- package/dist/components/VDialog/VDialog.vue_vue_type_script_setup_true_lang.js.map +1 -1
- package/dist/components/VDrawer/VDrawer.css +1 -1
- package/dist/components/VDrawer/VDrawer.js.map +1 -1
- package/dist/components/VDrawer/VDrawer.vue_vue_type_script_setup_true_lang.js +4 -2
- package/dist/components/VDrawer/VDrawer.vue_vue_type_script_setup_true_lang.js.map +1 -1
- package/dist/components/VMeter/VMeter.css +1 -1
- package/dist/components/VMeter/VMeter.d.ts +24 -8
- package/dist/components/VMeter/VMeter.js.map +1 -1
- package/dist/components/VMeter/VMeter.vue_vue_type_script_setup_true_lang.js +65 -48
- package/dist/components/VMeter/VMeter.vue_vue_type_script_setup_true_lang.js.map +1 -1
- package/dist/components/VMeterGroup/VMeterGroup.css +2 -0
- package/dist/components/VMeterGroup/VMeterGroup.d.ts +101 -0
- package/dist/components/VMeterGroup/VMeterGroup.js +9 -0
- package/dist/components/VMeterGroup/VMeterGroup.js.map +1 -0
- package/dist/components/VMeterGroup/VMeterGroup.vue_vue_type_script_setup_true_lang.js +117 -0
- package/dist/components/VMeterGroup/VMeterGroup.vue_vue_type_script_setup_true_lang.js.map +1 -0
- package/dist/components/VNumberInput/number.js +2 -2
- package/dist/components/VNumberInput/number.js.map +1 -1
- package/dist/components/VProgressCircular/VProgressCircular.d.ts +1 -1
- package/dist/components/VProgressLinear/VProgressLinear.css +1 -1
- package/dist/components/VProgressLinear/VProgressLinear.d.ts +12 -13
- package/dist/components/VProgressLinear/VProgressLinear.js.map +1 -1
- package/dist/components/VProgressLinear/VProgressLinear.vue_vue_type_script_setup_true_lang.js +65 -48
- package/dist/components/VProgressLinear/VProgressLinear.vue_vue_type_script_setup_true_lang.js.map +1 -1
- package/dist/components/VSeparator/VSeparator.css +1 -1
- package/dist/components/VSeparator/VSeparator.d.ts +42 -2
- package/dist/components/VSeparator/VSeparator.js.map +1 -1
- package/dist/components/VSeparator/VSeparator.vue_vue_type_script_setup_true_lang.js +50 -9
- package/dist/components/VSeparator/VSeparator.vue_vue_type_script_setup_true_lang.js.map +1 -1
- package/dist/components/VSideNavigation/VSideNavigation.d.ts +6 -0
- package/dist/components/VSideNavigation/VSideNavigation.js.map +1 -1
- package/dist/components/VSideNavigation/VSideNavigation.vue_vue_type_script_setup_true_lang.js +11 -2
- package/dist/components/VSideNavigation/VSideNavigation.vue_vue_type_script_setup_true_lang.js.map +1 -1
- package/dist/components/VSideNavigation/VSideNavigationItem.css +1 -1
- package/dist/components/VSideNavigation/VSideNavigationItem.js.map +1 -1
- package/dist/components/VSideNavigation/VSideNavigationItem.vue_vue_type_script_setup_true_lang.js.map +1 -1
- package/dist/components/VSnackbar/state.js +2 -3
- package/dist/components/VSnackbar/state.js.map +1 -1
- package/dist/components/VToast/state.js +2 -3
- package/dist/components/VToast/state.js.map +1 -1
- package/dist/composables/useAriaLabel.d.ts +5 -0
- package/dist/composables/useAriaLabel.js +5 -1
- package/dist/composables/useAriaLabel.js.map +1 -1
- package/dist/composables/useListbox.d.ts +2 -0
- package/dist/composables/useListbox.js +71 -68
- package/dist/composables/useListbox.js.map +1 -1
- package/dist/i18n/en.js +3 -1
- package/dist/i18n/en.js.map +1 -1
- package/dist/i18n/fr.js +3 -1
- package/dist/i18n/fr.js.map +1 -1
- package/dist/i18n/types.d.ts +6 -0
- package/dist/index.d.ts +5 -3
- package/dist/index.js +21 -20
- package/dist/styles.css +1 -1
- package/dist/tokens/index.d.ts +10 -5
- package/dist/tokens/semantic.d.ts +10 -5
- package/dist/tokens/semantic.js +10 -5
- package/dist/tokens/semantic.js.map +1 -1
- package/dist/tokens.json +39 -14
- package/package.json +3 -3
package/dist/index.js
CHANGED
|
@@ -67,23 +67,24 @@ import ge from "./components/VDataTable/VDataTable.js";
|
|
|
67
67
|
import _e from "./components/VVirtualList/VVirtualList.js";
|
|
68
68
|
import ve from "./components/VInputOTP/VInputOTP.js";
|
|
69
69
|
import ye from "./components/VMeter/VMeter.js";
|
|
70
|
-
import be from "./components/
|
|
71
|
-
import xe from "./components/
|
|
72
|
-
import Se from "./components/
|
|
73
|
-
import Ce from "./components/
|
|
74
|
-
import we from "./components/
|
|
75
|
-
import Te from "./components/VDialog/
|
|
76
|
-
import Ee from "./components/
|
|
77
|
-
import De from "./components/
|
|
78
|
-
import Oe from "./components/
|
|
79
|
-
import ke from "./components/
|
|
80
|
-
import Ae from "./components/
|
|
81
|
-
import je from "./components/
|
|
82
|
-
import Me from "./components/
|
|
83
|
-
import Ne from "./components/
|
|
84
|
-
import Pe from "./components/
|
|
85
|
-
import Fe from "./components/
|
|
86
|
-
import Ie from "./components/
|
|
87
|
-
import Le from "./components/
|
|
88
|
-
import Re from "./components/VCarousel/
|
|
89
|
-
|
|
70
|
+
import be from "./components/VMeterGroup/VMeterGroup.js";
|
|
71
|
+
import xe from "./components/VProgressCircular/VProgressCircular.js";
|
|
72
|
+
import Se from "./components/VProgressLinear/VProgressLinear.js";
|
|
73
|
+
import Ce from "./components/VRating/VRating.js";
|
|
74
|
+
import we from "./components/VSlider/VSlider.js";
|
|
75
|
+
import Te from "./components/VDialog/VDialog.js";
|
|
76
|
+
import Ee from "./components/VDialog/VDialogAlert.js";
|
|
77
|
+
import De from "./components/VDrawer/VDrawer.js";
|
|
78
|
+
import Oe from "./components/VCommandPalette/VCommandPalette.js";
|
|
79
|
+
import ke from "./components/VDatePicker/VDatePicker.js";
|
|
80
|
+
import Ae from "./components/VDateInput/VDateInput.js";
|
|
81
|
+
import je from "./components/VTimePicker/VTimePicker.js";
|
|
82
|
+
import Me from "./components/VTimeInput/VTimeInput.js";
|
|
83
|
+
import Ne from "./components/VColorPicker/VColorPicker.js";
|
|
84
|
+
import Pe from "./components/VColorInput/VColorInput.js";
|
|
85
|
+
import Fe from "./components/VCalendar/VCalendar.js";
|
|
86
|
+
import Ie from "./components/VFileInput/VFileInput.js";
|
|
87
|
+
import Le from "./components/VFilePicker/VFilePicker.js";
|
|
88
|
+
import Re from "./components/VCarousel/VCarousel.js";
|
|
89
|
+
import ze from "./components/VCarousel/VCarouselItem.js";
|
|
90
|
+
export { U as VAccordion, W as VAccordionItem, Z as VAlert, ie as VAvatar, ae as VAvatarGroup, re as VBadge, ue as VBreadcrumb, h as VButton, _ as VButtonGroup, Fe as VCalendar, $ as VCard, Re as VCarousel, ze as VCarouselItem, P as VCheckbox, oe as VChip, Pe as VColorInput, Ne as VColorPicker, se as VCombobox, Oe as VCommandPalette, H as VContextMenu, ge as VDataTable, Ae as VDateInput, ke as VDatePicker, Te as VDialog, Ee as VDialogAlert, De as VDrawer, ee as VEmptyState, O as VField, M as VFieldset, Ie as VFileInput, Le as VFilePicker, he as VHotkeys, R as VHoverCard, c as VIcon, g as VIconButton, k as VInput, A as VInputGroup, ve as VInputOTP, le as VLink, v as VMenu, B as VMenuGroup, z as VMenuItem, V as VMenuSeparator, ye as VMeter, be as VMeterGroup, j as VNumberInput, b as VPagination, u as VPopover, xe as VProgressCircular, Se as VProgressLinear, F as VRadio, Ce as VRating, p as VResizable, f as VResizablePanel, ce as VSelect, d as VSeparator, de as VSideNavigation, pe as VSideNavigationGroup, fe as VSideNavigationItem, me as VSideNavigationSeparator, Q as VSkeletonLoader, we as VSlider, X as VSnackbar, m as VSpinner, y as VSplitButton, w as VStepper, I as VSwitch, S as VTab, C as VTabPanel, x as VTabs, N as VTextarea, Me as VTimeInput, je as VTimePicker, te as VTimeline, ne as VTimelineItem, q as VToaster, E as VToggle, D as VToggleItem, L as VTooltip, T as VTreeView, l as VTypography, _e as VVirtualList, i as classIconResolver, a as componentIconResolver, J as dismissSnackbar, G as dismissToast, e as en, r as fr, o as ligatureIconResolver, t as registerMessages, s as setIconResolver, n as setLocale, Y as snackbar, K as toast };
|
package/dist/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer vectis.reset{*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;tab-size:4}body{-webkit-font-smoothing:antialiased;line-height:1.5}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit;color:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}}@layer vectis.tokens{:root{--vectis-color-white:oklch(100% 0 0);--vectis-color-black:oklch(0% 0 0);--vectis-color-red-50:oklch(97.1% .013 17.38);--vectis-color-red-100:oklch(93.6% .032 17.717);--vectis-color-red-200:oklch(88.5% .062 18.334);--vectis-color-red-300:oklch(80.8% .114 19.571);--vectis-color-red-400:oklch(70.4% .191 22.216);--vectis-color-red-500:oklch(63.7% .237 25.331);--vectis-color-red-600:oklch(57.7% .245 27.325);--vectis-color-red-700:oklch(50.5% .213 27.518);--vectis-color-red-800:oklch(44.4% .177 26.899);--vectis-color-red-900:oklch(39.6% .141 25.723);--vectis-color-red-950:oklch(25.8% .092 26.042);--vectis-color-amber-50:oklch(98.7% .022 95.277);--vectis-color-amber-100:oklch(96.2% .059 95.617);--vectis-color-amber-200:oklch(92.4% .12 95.746);--vectis-color-amber-300:oklch(87.9% .169 91.605);--vectis-color-amber-400:oklch(82.8% .189 84.429);--vectis-color-amber-500:oklch(76.9% .188 70.08);--vectis-color-amber-600:oklch(66.6% .179 58.318);--vectis-color-amber-700:oklch(55.5% .163 48.998);--vectis-color-amber-800:oklch(47.3% .137 46.201);--vectis-color-amber-900:oklch(41.4% .112 45.904);--vectis-color-amber-950:oklch(27.9% .077 45.635);--vectis-color-green-50:oklch(98.2% .018 155.826);--vectis-color-green-100:oklch(96.2% .044 156.743);--vectis-color-green-200:oklch(92.5% .084 155.995);--vectis-color-green-300:oklch(87.1% .15 154.449);--vectis-color-green-400:oklch(79.2% .209 151.711);--vectis-color-green-500:oklch(72.3% .219 149.579);--vectis-color-green-600:oklch(62.7% .194 149.214);--vectis-color-green-700:oklch(52.7% .154 150.069);--vectis-color-green-800:oklch(44.8% .119 151.328);--vectis-color-green-900:oklch(39.3% .095 152.535);--vectis-color-green-950:oklch(26.6% .065 152.934);--vectis-color-indigo-50:oklch(96.2% .018 272.314);--vectis-color-indigo-100:oklch(93% .034 272.788);--vectis-color-indigo-200:oklch(87% .065 274.039);--vectis-color-indigo-300:oklch(78.5% .115 274.713);--vectis-color-indigo-400:oklch(67.3% .182 276.935);--vectis-color-indigo-500:oklch(58.5% .233 277.117);--vectis-color-indigo-600:oklch(51.1% .262 276.966);--vectis-color-indigo-700:oklch(45.7% .24 277.023);--vectis-color-indigo-800:oklch(39.8% .195 277.366);--vectis-color-indigo-900:oklch(35.9% .144 278.697);--vectis-color-indigo-950:oklch(25.7% .09 281.288);--vectis-color-gray-50:oklch(98.5% .002 247.839);--vectis-color-gray-100:oklch(96.7% .003 264.542);--vectis-color-gray-200:oklch(92.8% .006 264.531);--vectis-color-gray-300:oklch(87.2% .01 258.338);--vectis-color-gray-400:oklch(70.7% .022 261.325);--vectis-color-gray-500:oklch(55.1% .027 264.364);--vectis-color-gray-600:oklch(44.6% .03 256.802);--vectis-color-gray-700:oklch(37.3% .034 259.733);--vectis-color-gray-800:oklch(27.8% .033 256.848);--vectis-color-gray-900:oklch(21% .034 264.665);--vectis-color-gray-950:oklch(13% .028 261.692);--vectis-space-1:.25rem;--vectis-space-2:.5rem;--vectis-space-3:.75rem;--vectis-space-4:1rem;--vectis-space-5:1.25rem;--vectis-space-6:1.5rem;--vectis-space-7:2rem;--vectis-space-8:2.5rem;--vectis-space-9:3rem;--vectis-space-10:4rem;--vectis-space-11:5rem;--vectis-space-12:6rem;--vectis-font-family-sans:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--vectis-font-family-display:var(--vectis-font-family-sans);--vectis-font-family-mono:ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, monospace;--vectis-font-family-icon:"Material Symbols Rounded";--vectis-font-weight-regular:400;--vectis-font-weight-medium:500;--vectis-font-weight-semibold:600;--vectis-font-weight-bold:700;--vectis-font-size-xs:.75rem;--vectis-font-size-sm:.875rem;--vectis-font-size-md:1rem;--vectis-font-size-lg:1.125rem;--vectis-font-size-xl:1.25rem;--vectis-font-size-2xl:1.5rem;--vectis-font-size-3xl:1.875rem;--vectis-font-size-4xl:2.25rem;--vectis-font-size-5xl:3rem;--vectis-font-leading-none:1;--vectis-font-leading-tight:1.25;--vectis-font-leading-snug:1.4;--vectis-font-leading-normal:1.5;--vectis-font-leading-relaxed:1.65;--vectis-font-tracking-tight:-.015em;--vectis-font-tracking-wide:.05em;--vectis-radius-none:0px;--vectis-radius-xs:.125rem;--vectis-radius-sm:.25rem;--vectis-radius-md:.375rem;--vectis-radius-lg:.5rem;--vectis-radius-xl:.75rem;--vectis-radius-2xl:1rem;--vectis-radius-full:9999px;--vectis-shadow-xs:0 1px 2px 0 oklch(0% 0 0/.05);--vectis-shadow-sm:0 1px 3px 0 oklch(0% 0 0/.1), 0 1px 2px -1px oklch(0% 0 0/.1);--vectis-shadow-md:0 4px 6px -1px oklch(0% 0 0/.1), 0 2px 4px -2px oklch(0% 0 0/.1);--vectis-shadow-lg:0 10px 15px -3px oklch(0% 0 0/.1), 0 4px 6px -4px oklch(0% 0 0/.1);--vectis-shadow-xl:0 20px 25px -5px oklch(0% 0 0/.1), 0 8px 10px -6px oklch(0% 0 0/.1);--vectis-duration-0:0s;--vectis-duration-50:50ms;--vectis-duration-100:.1s;--vectis-duration-150:.15s;--vectis-duration-200:.2s;--vectis-duration-300:.3s;--vectis-duration-400:.4s;--vectis-duration-500:.5s;--vectis-duration-700:.7s;--vectis-duration-1000:1s;--vectis-duration-1500:1.5s;--vectis-duration-2000:2s;--vectis-duration-3000:3s;--vectis-duration-5000:5s;--vectis-ease-default:cubic-bezier(.2, 0, 0, 1);--vectis-ease-in:cubic-bezier(.5, 0, 1, 1);--vectis-ease-out:cubic-bezier(0, 0, .2, 1);--vectis-ease-in-out:cubic-bezier(.4, 0, .2, 1)}:root,[data-theme=light]{color-scheme:light;--vectis-color-surface:var(--vectis-color-white);--vectis-color-surface-muted:var(--vectis-color-gray-100);--vectis-color-surface-raised:var(--vectis-color-white);--vectis-color-surface-overlay:var(--vectis-color-white);--vectis-color-surface-sunken:var(--vectis-color-gray-50);--vectis-color-surface-inverse:var(--vectis-color-gray-900);--vectis-color-surface-skeleton:var(--vectis-color-gray-200);--vectis-color-text-on-inverse:var(--vectis-color-white);--vectis-color-text:var(--vectis-color-gray-900);--vectis-color-text-muted:var(--vectis-color-gray-600);--vectis-color-text-subtle:var(--vectis-color-gray-500);--vectis-color-text-on-accent:var(--vectis-color-white);--vectis-color-text-on-warning:var(--vectis-color-gray-950);--vectis-color-border:var(--vectis-color-gray-200);--vectis-color-border-strong:var(--vectis-color-gray-300);--vectis-color-border-on-fill:oklch(0% 0 0/.12);--vectis-color-accent:var(--vectis-color-indigo-600);--vectis-color-accent-hover:var(--vectis-color-indigo-700);--vectis-color-accent-active:var(--vectis-color-indigo-800);--vectis-color-accent-surface:var(--vectis-color-indigo-50);--vectis-color-accent-border:var(--vectis-color-indigo-200);--vectis-color-accent-text:var(--vectis-color-indigo-700);--vectis-color-danger:var(--vectis-color-red-600);--vectis-color-danger-hover:var(--vectis-color-red-700);--vectis-color-danger-active:var(--vectis-color-red-800);--vectis-color-danger-surface:var(--vectis-color-red-50);--vectis-color-danger-border:var(--vectis-color-red-200);--vectis-color-danger-text:var(--vectis-color-red-700);--vectis-color-success:var(--vectis-color-green-700);--vectis-color-success-hover:var(--vectis-color-green-800);--vectis-color-success-active:var(--vectis-color-green-900);--vectis-color-success-surface:var(--vectis-color-green-50);--vectis-color-success-border:var(--vectis-color-green-200);--vectis-color-success-text:var(--vectis-color-green-800);--vectis-color-warning:var(--vectis-color-amber-600);--vectis-color-warning-hover:var(--vectis-color-amber-700);--vectis-color-warning-active:var(--vectis-color-amber-800);--vectis-color-warning-surface:var(--vectis-color-amber-50);--vectis-color-warning-border:var(--vectis-color-amber-200);--vectis-color-warning-text:var(--vectis-color-amber-900);--vectis-color-backdrop:oklch(0% 0 0/.45);--vectis-color-event-surface:oklch(95% .045 265);--vectis-color-event-border:oklch(85% .08 265);--vectis-color-event-text:oklch(40% .11 265);--vectis-text-family:var(--vectis-font-family-sans);--vectis-text-family-heading:var(--vectis-font-family-display);--vectis-text-family-code:var(--vectis-font-family-mono);--vectis-text-display-size:var(--vectis-font-size-5xl);--vectis-text-display-weight:var(--vectis-font-weight-bold);--vectis-text-display-leading:var(--vectis-font-leading-none);--vectis-text-display-tracking:var(--vectis-font-tracking-tight);--vectis-text-heading-1-size:var(--vectis-font-size-4xl);--vectis-text-heading-1-weight:var(--vectis-font-weight-bold);--vectis-text-heading-1-leading:var(--vectis-font-leading-tight);--vectis-text-heading-1-tracking:var(--vectis-font-tracking-tight);--vectis-text-heading-2-size:var(--vectis-font-size-2xl);--vectis-text-heading-2-weight:var(--vectis-font-weight-semibold);--vectis-text-heading-2-leading:var(--vectis-font-leading-tight);--vectis-text-heading-2-tracking:var(--vectis-font-tracking-tight);--vectis-text-heading-3-size:var(--vectis-font-size-lg);--vectis-text-heading-3-weight:var(--vectis-font-weight-semibold);--vectis-text-heading-3-leading:var(--vectis-font-leading-snug);--vectis-text-heading-4-size:var(--vectis-font-size-md);--vectis-text-heading-4-weight:var(--vectis-font-weight-semibold);--vectis-text-heading-4-leading:var(--vectis-font-leading-snug);--vectis-text-subtitle-size:var(--vectis-font-size-sm);--vectis-text-subtitle-weight:var(--vectis-font-weight-regular);--vectis-text-subtitle-leading:var(--vectis-font-leading-normal);--vectis-text-body-xl-size:var(--vectis-font-size-lg);--vectis-text-body-xl-weight:var(--vectis-font-weight-regular);--vectis-text-body-xl-leading:var(--vectis-font-leading-relaxed);--vectis-text-body-lg-size:var(--vectis-font-size-md);--vectis-text-body-lg-weight:var(--vectis-font-weight-regular);--vectis-text-body-lg-leading:var(--vectis-font-leading-relaxed);--vectis-text-body-md-size:var(--vectis-font-size-sm);--vectis-text-body-md-weight:var(--vectis-font-weight-regular);--vectis-text-body-md-leading:var(--vectis-font-leading-normal);--vectis-text-body-sm-size:var(--vectis-font-size-xs);--vectis-text-body-sm-weight:var(--vectis-font-weight-regular);--vectis-text-body-sm-leading:var(--vectis-font-leading-normal);--vectis-text-label-size:var(--vectis-font-size-sm);--vectis-text-label-weight:var(--vectis-font-weight-medium);--vectis-text-label-leading:var(--vectis-font-leading-snug);--vectis-text-choice-size:var(--vectis-font-size-sm);--vectis-text-choice-weight:var(--vectis-font-weight-regular);--vectis-text-choice-leading:var(--vectis-font-leading-snug);--vectis-text-caption-size:var(--vectis-font-size-xs);--vectis-text-caption-weight:var(--vectis-font-weight-regular);--vectis-text-caption-leading:var(--vectis-font-leading-snug);--vectis-text-overline-size:var(--vectis-font-size-xs);--vectis-text-overline-weight:var(--vectis-font-weight-medium);--vectis-text-overline-leading:var(--vectis-font-leading-snug);--vectis-text-overline-tracking:var(--vectis-font-tracking-wide);--vectis-text-code-size:var(--vectis-font-size-sm);--vectis-text-code-weight:var(--vectis-font-weight-regular);--vectis-text-code-leading:var(--vectis-font-leading-normal);--vectis-text-control-weight:var(--vectis-font-weight-medium);--vectis-text-control-leading:var(--vectis-font-leading-none);--vectis-radius-interactive:var(--vectis-radius-md);--vectis-radius-surface:var(--vectis-radius-lg);--vectis-radius-overlay:var(--vectis-radius-xl);--vectis-radius-pill:var(--vectis-radius-full);--vectis-radius-chip:var(--vectis-radius-interactive);--vectis-duration-fast:var(--vectis-duration-150);--vectis-duration-base:var(--vectis-duration-200);--vectis-duration-slow:var(--vectis-duration-300);--vectis-focus-ring-color:var(--vectis-color-indigo-500);--vectis-focus-ring-width:2px;--vectis-focus-ring-offset:2px;--vectis-density-delta:0px;--vectis-control-height-xs:1.5rem;--vectis-control-height-sm:2rem;--vectis-control-height-md:2.5rem;--vectis-control-height-lg:3rem;--vectis-control-height-xl:3.5rem;--vectis-control-border-width:2px;--vectis-control-size-check:1.25rem;--vectis-control-size-check-mark:.875rem;--vectis-control-size-check-dot:.5rem;--vectis-control-size-switch-w:2.5rem;--vectis-control-size-switch-h:1.25rem;--vectis-control-size-switch-pad:.125rem;--vectis-control-action-size-sm:1.25rem;--vectis-control-action-size-md:1.5rem;--vectis-control-action-size-lg:1.75rem;--vectis-control-size-slider-track:.375rem;--vectis-control-size-slider-thumb:1.25rem;--vectis-control-size-slider-length:10rem;--vectis-control-size-slider-field:5rem;--vectis-control-size-carousel-block:24rem;--vectis-control-size-carousel-indicator:.625rem;--vectis-control-size-carousel-indicator-active:1.25rem;--vectis-control-size-combobox-list-max-block:18rem;--vectis-control-size-select-list-max-block:18rem;--vectis-control-size-menu-min:11rem;--vectis-control-size-menu-max:20rem;--vectis-control-size-progress-linear-thickness:.25rem;--vectis-control-size-progress-linear-length:10rem;--vectis-control-size-meter-thickness-sm:.25rem;--vectis-control-size-meter-thickness-md:.5rem;--vectis-control-size-meter-thickness-lg:.75rem;--vectis-control-size-meter-segment-gap:.125rem;--vectis-control-size-progress-circular-diameter:3rem;--vectis-control-size-progress-circular-thickness:.25rem;--vectis-control-size-skeleton-surface:6rem;--vectis-control-size-resizable-hit:.75rem;--vectis-control-size-resizable-grip-length:1.5rem;--vectis-control-size-resizable-grip-thickness:.5rem;--vectis-control-size-toast-width:22rem;--vectis-control-size-tooltip-max:18rem;--vectis-control-size-hover-card-max:20rem;--vectis-control-size-dialog-width:25rem;--vectis-control-size-command-palette-width:40rem;--vectis-control-size-command-palette-list-max-block:20rem;--vectis-control-size-command-palette-offset:6rem;--vectis-control-size-stepper-indicator:2rem;--vectis-control-size-stepper-connector-min:1.5rem;--vectis-control-size-timeline-dot-sm:.5rem;--vectis-control-size-timeline-dot-md:.625rem;--vectis-control-size-timeline-icon-sm:1.5rem;--vectis-control-size-timeline-icon-md:2rem;--vectis-control-size-timeline-item-min:12rem;--vectis-control-size-rating-sm:1.25rem;--vectis-control-size-rating-md:1.5rem;--vectis-control-size-rating-lg:2rem;--vectis-control-size-drawer-sm:20rem;--vectis-control-size-drawer-md:25rem;--vectis-control-size-drawer-lg:35rem;--vectis-control-size-snackbar-min:18rem;--vectis-control-size-snackbar-max:36rem;--vectis-control-size-card-media:12rem;--vectis-control-size-card-body-min:16rem;--vectis-control-size-empty-state-media-sm:2.5rem;--vectis-control-size-empty-state-media-md:3rem;--vectis-control-size-empty-state-media-lg:4rem;--vectis-control-size-empty-state-text-max:28rem;--vectis-control-size-field-label:10rem;--vectis-control-size-field-control-min:16rem;--vectis-control-size-badge-h:1.25rem;--vectis-control-size-badge-dot:.625rem;--vectis-control-size-badge-ring:2px;--vectis-control-size-avatar-ring:2px;--vectis-control-size-color-picker-width:16rem;--vectis-control-size-color-picker-area:10rem;--vectis-control-size-color-picker-track:.75rem;--vectis-control-size-color-picker-thumb:1.25rem;--vectis-control-size-color-picker-preview:2rem;--vectis-control-size-color-picker-format:6rem;--vectis-control-size-color-picker-swatch:1.5rem;--vectis-control-size-color-picker-checker:.5rem;--vectis-control-size-date-picker-cell:2.5rem;--vectis-control-size-date-picker-day:var(--vectis-control-height-md);--vectis-control-size-date-picker-dot:.25rem;--vectis-control-size-date-picker-nav-min:5.375rem;--vectis-control-size-tab-indicator:2px;--vectis-control-size-table-search:16rem;--vectis-control-size-time-picker-dial:16rem;--vectis-control-size-time-picker-number:3rem;--vectis-control-size-time-picker-center:.5rem;--vectis-control-size-time-picker-hand:2px;--vectis-control-size-time-picker-hand-minor:1rem;--vectis-control-size-file-picker-min-block:10rem;--vectis-control-size-file-picker-icon:2.5rem;--vectis-control-size-file-picker-thumb:2.5rem;--vectis-control-size-calendar-hour:4rem;--vectis-control-size-calendar-gutter:4.5rem;--vectis-control-size-calendar-tick:.375rem;--vectis-control-size-calendar-edge:3rem;--vectis-control-size-calendar-day-min:5rem;--vectis-control-size-calendar-handle:.5rem;--vectis-control-size-calendar-allday-lane:1.5rem;--vectis-control-size-calendar-allday-max:7rem;--vectis-control-size-calendar-now-dot:.625rem;--vectis-control-size-calendar-event-edge:3px;--vectis-control-size-calendar-gap:.125rem;--vectis-control-size-calendar-grip:1rem;--vectis-control-size-calendar-grip-thickness:2px;--vectis-control-size-calendar-year-month:13rem;--vectis-control-size-calendar-month-cell:8.5rem;--vectis-control-size-calendar-year-cell:1.5rem;--vectis-icon-size-sm:1rem;--vectis-icon-size-md:1.25rem;--vectis-icon-size-lg:1.5rem}[data-theme=dark]{color-scheme:dark;--vectis-color-surface:var(--vectis-color-gray-950);--vectis-color-surface-muted:var(--vectis-color-gray-800);--vectis-color-surface-raised:var(--vectis-color-gray-900);--vectis-color-surface-overlay:var(--vectis-color-gray-900);--vectis-color-surface-sunken:oklch(11% .006 260);--vectis-color-surface-inverse:var(--vectis-color-gray-800);--vectis-color-surface-skeleton:var(--vectis-color-gray-800);--vectis-color-text-on-inverse:var(--vectis-color-gray-50);--vectis-color-text:var(--vectis-color-gray-50);--vectis-color-text-muted:var(--vectis-color-gray-300);--vectis-color-text-subtle:var(--vectis-color-gray-400);--vectis-color-text-on-accent:var(--vectis-color-white);--vectis-color-border:var(--vectis-color-gray-800);--vectis-color-border-strong:var(--vectis-color-gray-700);--vectis-color-border-on-fill:oklch(100% 0 0/.15);--vectis-color-accent:var(--vectis-color-indigo-500);--vectis-color-accent-hover:var(--vectis-color-indigo-400);--vectis-color-accent-active:var(--vectis-color-indigo-300);--vectis-color-accent-surface:var(--vectis-color-indigo-950);--vectis-color-accent-border:var(--vectis-color-indigo-900);--vectis-color-accent-text:var(--vectis-color-indigo-300);--vectis-color-danger:var(--vectis-color-red-600);--vectis-color-danger-hover:var(--vectis-color-red-700);--vectis-color-danger-active:var(--vectis-color-red-800);--vectis-color-danger-surface:var(--vectis-color-red-950);--vectis-color-danger-border:var(--vectis-color-red-900);--vectis-color-danger-text:var(--vectis-color-red-300);--vectis-color-success:var(--vectis-color-green-700);--vectis-color-success-hover:var(--vectis-color-green-800);--vectis-color-success-active:var(--vectis-color-green-900);--vectis-color-success-surface:var(--vectis-color-green-950);--vectis-color-success-border:var(--vectis-color-green-900);--vectis-color-success-text:var(--vectis-color-green-300);--vectis-color-warning:var(--vectis-color-amber-500);--vectis-color-warning-hover:var(--vectis-color-amber-400);--vectis-color-warning-active:var(--vectis-color-amber-300);--vectis-color-warning-surface:var(--vectis-color-amber-950);--vectis-color-warning-border:var(--vectis-color-amber-900);--vectis-color-warning-text:var(--vectis-color-amber-300);--vectis-color-backdrop:oklch(0% 0 0/.6);--vectis-color-event-surface:oklch(30% .05 265);--vectis-color-event-border:oklch(42% .08 265);--vectis-color-event-text:oklch(90% .06 265);--vectis-focus-ring-color:var(--vectis-color-indigo-400)}.v-tone[data-tone=accent]{--tone-bg-solid:var(--vectis-color-accent);--tone-bg-solid-hover:var(--vectis-color-accent-hover);--tone-bg-solid-active:var(--vectis-color-accent-active);--tone-text-solid:var(--vectis-color-text-on-accent);--tone-text-tinted:var(--vectis-color-accent-text);--tone-bg-soft:var(--vectis-color-accent-surface);--tone-border-soft:var(--vectis-color-accent-border)}.v-tone[data-tone=danger]{--tone-bg-solid:var(--vectis-color-danger);--tone-bg-solid-hover:var(--vectis-color-danger-hover);--tone-bg-solid-active:var(--vectis-color-danger-active);--tone-text-solid:var(--vectis-color-text-on-accent);--tone-text-tinted:var(--vectis-color-danger-text);--tone-bg-soft:var(--vectis-color-danger-surface);--tone-border-soft:var(--vectis-color-danger-border)}.v-tone[data-tone=success]{--tone-bg-solid:var(--vectis-color-success);--tone-bg-solid-hover:var(--vectis-color-success-hover);--tone-bg-solid-active:var(--vectis-color-success-active);--tone-text-solid:var(--vectis-color-text-on-accent);--tone-text-tinted:var(--vectis-color-success-text);--tone-bg-soft:var(--vectis-color-success-surface);--tone-border-soft:var(--vectis-color-success-border)}.v-tone[data-tone=warning]{--tone-bg-solid:var(--vectis-color-warning);--tone-bg-solid-hover:var(--vectis-color-warning-hover);--tone-bg-solid-active:var(--vectis-color-warning-active);--tone-text-solid:var(--vectis-color-text-on-warning);--tone-text-tinted:var(--vectis-color-warning-text);--tone-bg-soft:var(--vectis-color-warning-surface);--tone-border-soft:var(--vectis-color-warning-border)}.v-tone[data-tone=neutral]{--tone-bg-solid:var(--vectis-color-text);--tone-bg-solid-hover:color-mix(in oklab, var(--vectis-color-text), var(--vectis-color-surface) 8%);--tone-bg-solid-active:color-mix(in oklab, var(--vectis-color-text), var(--vectis-color-surface) 14%);--tone-text-solid:var(--vectis-color-surface);--tone-text-tinted:var(--vectis-color-text);--tone-bg-soft:var(--vectis-color-surface-muted);--tone-border-soft:var(--vectis-color-border-strong)}.v-tone[data-custom]{--tone-bg-solid:var(--custom-color);--tone-text-solid:var(--vectis-color-text-on-accent);--tone-text-tinted:color-mix(in oklab, var(--custom-color), var(--vectis-color-text) 30%);--tone-bg-soft:color-mix(in oklab, var(--custom-color), var(--vectis-color-surface) 85%)}}@layer vectis.components{.v-variant[data-variant=solid]{background:var(--tone-bg-solid);color:var(--tone-text-solid)}.v-variant[data-variant=soft]{background:var(--tone-bg-soft);color:var(--tone-text-tinted)}.v-variant[data-variant=outline]{color:var(--tone-text-tinted);border-color:var(--tone-border-soft);background:0 0}.v-variant[data-variant=ghost]{color:var(--tone-text-tinted);background:0 0}.v-overlay{position:fixed;inset:auto}.v-overlay.v-overlay:not(:popover-open){display:none}.v-floating{margin:var(--vectis-space-2);position-try-fallbacks:flip-block, flip-inline}.v-floating[data-placement$=-start]{margin-inline-start:0}.v-floating[data-placement$=-end]{margin-inline-end:0}.v-floating[data-placement=bottom]{position-area:block-end;justify-self:anchor-center}.v-floating[data-placement=bottom-start]{position-area:block-end span-inline-end}.v-floating[data-placement=bottom-end]{position-area:block-end span-inline-start}.v-floating[data-placement=top]{position-area:block-start;justify-self:anchor-center}.v-floating[data-placement=top-start]{position-area:block-start span-inline-end}.v-floating[data-placement=top-end]{position-area:block-start span-inline-start}.v-floating[data-placement=left]{position-area:inline-start;align-self:anchor-center}.v-floating[data-placement=right]{position-area:inline-end;align-self:anchor-center}.v-floating[data-placement=right-start]{position-area:inline-end span-block-end}.v-floating[data-placement=right-end]{position-area:inline-end span-block-start}.v-floating[data-placement=left-start]{position-area:inline-start span-block-end}.v-floating[data-placement=left-end]{position-area:inline-start span-block-start}.v-floating[data-placement^=right-],.v-floating[data-placement^=left-]{margin-inline:var(--vectis-space-2)}.v-floating:is([data-placement=right-start],[data-placement=left-start]){margin-block-start:0}.v-floating:is([data-placement=right-end],[data-placement=left-end]){margin-block-end:0}.v-floating{opacity:0;transition:opacity var(--vectis-duration-fast) var(--vectis-ease-default), transform var(--vectis-duration-fast) var(--vectis-ease-default), overlay var(--vectis-duration-fast) allow-discrete, display var(--vectis-duration-fast) allow-discrete;transform:scale(.97)}.v-floating:popover-open{opacity:1;transform:none}@starting-style{.v-floating:popover-open{opacity:0;transform:scale(.97)}}@media (prefers-reduced-motion:reduce){.v-floating{transition:none}}.v-panel{gap:var(--vectis-space-1);padding:var(--vectis-space-1);background:var(--vectis-color-surface-overlay);color:var(--vectis-color-text);border:1px solid var(--vectis-color-border);border-radius:var(--vectis-radius-surface);box-shadow:var(--vectis-shadow-lg);font-family:var(--vectis-text-family);flex-direction:column;display:flex}.v-banner{--banner-line:calc(var(--vectis-text-body-md-size) * var(--vectis-text-body-md-leading));gap:var(--vectis-space-3);border-radius:var(--vectis-radius-overlay);box-shadow:var(--vectis-shadow-lg);font-family:var(--vectis-text-family);font-size:var(--vectis-text-body-md-size);line-height:var(--vectis-text-body-md-leading);transition:opacity var(--vectis-duration-base) var(--vectis-ease-default), translate var(--vectis-duration-base) var(--vectis-ease-default);display:flex}@starting-style{.v-banner{opacity:0;translate:0 var(--banner-enter-y,0)}}.v-banner-text{overflow-wrap:anywhere;flex:1;min-inline-size:0}.v-banner-control{--banner-control-height:var(--vectis-control-height-sm);margin-block:calc((var(--banner-line) - var(--banner-control-height)) / 2);margin-inline-end:calc(-1 * var(--vectis-space-2))}.v-banner .v-banner-control[data-tone]{--tone-text-tinted:currentcolor;--tone-bg-soft:color-mix(in oklab, currentcolor, transparent 85%)}@media (prefers-reduced-motion:reduce){.v-banner{transition:none}}.v-control{--control-height:calc(var(--control-height-base) - var(--vectis-density-delta))}.v-control[data-size=xs]{--control-height-base:var(--vectis-control-height-xs);--control-font-size:var(--vectis-font-size-xs);--control-padding-inline:var(--vectis-space-2);--control-gap:var(--vectis-space-1);--control-action-size:var(--vectis-control-action-size-sm);--vectis-icon-size:var(--vectis-icon-size-sm);--vectis-icon-opsz:20}.v-control[data-size=sm]{--control-height-base:var(--vectis-control-height-sm);--control-font-size:var(--vectis-font-size-sm);--control-padding-inline:var(--vectis-space-3);--control-padding-inline-field:var(--vectis-space-2);--control-gap:var(--vectis-space-2);--control-action-size:var(--vectis-control-action-size-md);--vectis-icon-size:var(--vectis-icon-size-md);--vectis-icon-opsz:20}.v-control[data-size=md]{--control-height-base:var(--vectis-control-height-md);--control-font-size:var(--vectis-font-size-sm);--control-padding-inline:var(--vectis-space-4);--control-padding-inline-field:var(--vectis-space-3);--control-gap:var(--vectis-space-2);--control-action-size:var(--vectis-control-action-size-md);--vectis-icon-size:var(--vectis-icon-size-md);--vectis-icon-opsz:20}.v-control[data-size=lg]{--control-height-base:var(--vectis-control-height-lg);--control-font-size:var(--vectis-font-size-md);--control-padding-inline:var(--vectis-space-5);--control-padding-inline-field:var(--vectis-space-4);--control-gap:var(--vectis-space-3);--control-action-size:var(--vectis-control-action-size-lg);--vectis-icon-size:var(--vectis-icon-size-lg);--vectis-icon-opsz:24}.v-control[data-size=xl]{--control-height-base:var(--vectis-control-height-xl);--control-font-size:var(--vectis-font-size-md);--control-padding-inline:var(--vectis-space-6);--control-gap:var(--vectis-space-3);--vectis-icon-size:var(--vectis-icon-size-lg);--vectis-icon-opsz:24}.v-field-action{inline-size:var(--control-action-size);block-size:var(--control-action-size);margin-inline:calc((var(--vectis-icon-size) - var(--control-action-size)) / 2);border-radius:var(--vectis-radius-interactive);color:var(--vectis-color-text-muted);cursor:pointer;transition:color var(--vectis-duration-fast) var(--vectis-ease-default);background:0 0;border:none;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.v-field-action:hover:not(:disabled){color:var(--vectis-color-text)}.v-field-action:focus-visible{outline:var(--vectis-focus-ring-width) solid var(--vectis-focus-ring-color);outline-offset:calc(-1 * var(--vectis-focus-ring-width))}.v-field-meta{align-items:baseline;gap:var(--vectis-space-2);display:flex}.v-field-counter{font-size:var(--vectis-text-caption-size);color:var(--vectis-color-text-muted);font-variant-numeric:tabular-nums}.v-field-meta>.v-field-counter{margin-inline-start:auto}.v-field-counter[data-over]{color:var(--vectis-color-danger-text)}.v-field-error{color:var(--vectis-color-danger-text);font-family:var(--vectis-text-family);font-size:var(--vectis-text-caption-size);font-weight:var(--vectis-text-caption-weight);line-height:var(--vectis-text-caption-leading)}.v-field-required{color:var(--vectis-color-danger-text);margin-inline-start:var(--vectis-space-1)}@media (prefers-reduced-motion:reduce){.v-field-action{transition:none}}.v-choice{font-family:var(--vectis-text-family);font-size:var(--vectis-text-choice-size);font-weight:var(--vectis-text-choice-weight);line-height:var(--vectis-text-choice-leading);color:var(--vectis-color-text);grid-template-columns:auto auto;justify-content:start;align-items:center;display:inline-grid;position:relative}.v-choice-row{grid-column:1/-1;grid-template-columns:subgrid;cursor:pointer;align-items:center;display:grid}.v-choice-label,.v-choice>:is(.v-field-hint,.v-field-error){margin-inline-start:var(--vectis-space-2)}.v-choice>:is(.v-field-hint,.v-field-error){grid-column:2}.v-choice[data-label-position=start] .v-choice-label{order:-1}.v-choice[data-label-position=start] .v-choice-label,.v-choice[data-label-position=start]>:is(.v-field-hint,.v-field-error){margin-inline:0 var(--vectis-space-2)}.v-choice[data-label-position=start]>:is(.v-field-hint,.v-field-error){grid-column:1}.v-choice[data-spread]{justify-content:space-between;display:grid}.v-choice-row .v-hidden-input:focus-visible+*{outline:var(--vectis-focus-ring-width) solid var(--vectis-focus-ring-color);outline-offset:var(--vectis-focus-ring-offset)}.v-choice[data-readonly] .v-choice-row{cursor:default}.v-choice:has(.v-hidden-input:disabled){color:var(--vectis-color-text-subtle)}.v-choice:has(.v-hidden-input:disabled) .v-choice-row{cursor:not-allowed}.v-choice:has(.v-hidden-input:disabled)>.v-field-hint{--typography-color:var(--vectis-color-text-subtle)}.v-disclosure{interpolate-size:allow-keywords}.v-disclosure::details-content{block-size:0;transition:block-size var(--vectis-duration-base) var(--vectis-ease-default), content-visibility var(--vectis-duration-base) allow-discrete;overflow:clip}.v-disclosure[open]::details-content{block-size:auto}.v-disclosure>summary::-webkit-details-marker{display:none}.v-disclosure-chevron{color:var(--vectis-color-text-muted);transition:rotate var(--vectis-duration-base) var(--vectis-ease-default);flex:none}.v-disclosure[open]:not([data-swap])>summary>.v-disclosure-chevron{rotate:180deg}.v-disclosure[data-swap][open]>summary>.v-disclosure-chevron:not(.v-disclosure-chevron-open),.v-disclosure[data-swap]:not([open])>summary>.v-disclosure-chevron-open{display:none}.v-disclosure>summary[data-disabled]>.v-disclosure-chevron{color:inherit}@media (prefers-reduced-motion:reduce){.v-disclosure::details-content,.v-disclosure-chevron{transition:none}}}@layer vectis.utilities{.v-hidden-input{opacity:0;pointer-events:none;block-size:1px;inline-size:1px;margin:0;position:absolute}.v-visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}
|
|
1
|
+
@layer vectis.reset{*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;tab-size:4}body{-webkit-font-smoothing:antialiased;line-height:1.5}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit;color:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}}@layer vectis.tokens{:root{--vectis-color-white:oklch(100% 0 0);--vectis-color-black:oklch(0% 0 0);--vectis-color-red-50:oklch(97.1% .013 17.38);--vectis-color-red-100:oklch(93.6% .032 17.717);--vectis-color-red-200:oklch(88.5% .062 18.334);--vectis-color-red-300:oklch(80.8% .114 19.571);--vectis-color-red-400:oklch(70.4% .191 22.216);--vectis-color-red-500:oklch(63.7% .237 25.331);--vectis-color-red-600:oklch(57.7% .245 27.325);--vectis-color-red-700:oklch(50.5% .213 27.518);--vectis-color-red-800:oklch(44.4% .177 26.899);--vectis-color-red-900:oklch(39.6% .141 25.723);--vectis-color-red-950:oklch(25.8% .092 26.042);--vectis-color-amber-50:oklch(98.7% .022 95.277);--vectis-color-amber-100:oklch(96.2% .059 95.617);--vectis-color-amber-200:oklch(92.4% .12 95.746);--vectis-color-amber-300:oklch(87.9% .169 91.605);--vectis-color-amber-400:oklch(82.8% .189 84.429);--vectis-color-amber-500:oklch(76.9% .188 70.08);--vectis-color-amber-600:oklch(66.6% .179 58.318);--vectis-color-amber-700:oklch(55.5% .163 48.998);--vectis-color-amber-800:oklch(47.3% .137 46.201);--vectis-color-amber-900:oklch(41.4% .112 45.904);--vectis-color-amber-950:oklch(27.9% .077 45.635);--vectis-color-green-50:oklch(98.2% .018 155.826);--vectis-color-green-100:oklch(96.2% .044 156.743);--vectis-color-green-200:oklch(92.5% .084 155.995);--vectis-color-green-300:oklch(87.1% .15 154.449);--vectis-color-green-400:oklch(79.2% .209 151.711);--vectis-color-green-500:oklch(72.3% .219 149.579);--vectis-color-green-600:oklch(62.7% .194 149.214);--vectis-color-green-700:oklch(52.7% .154 150.069);--vectis-color-green-800:oklch(44.8% .119 151.328);--vectis-color-green-900:oklch(39.3% .095 152.535);--vectis-color-green-950:oklch(26.6% .065 152.934);--vectis-color-indigo-50:oklch(96.2% .018 272.314);--vectis-color-indigo-100:oklch(93% .034 272.788);--vectis-color-indigo-200:oklch(87% .065 274.039);--vectis-color-indigo-300:oklch(78.5% .115 274.713);--vectis-color-indigo-400:oklch(67.3% .182 276.935);--vectis-color-indigo-500:oklch(58.5% .233 277.117);--vectis-color-indigo-600:oklch(51.1% .262 276.966);--vectis-color-indigo-700:oklch(45.7% .24 277.023);--vectis-color-indigo-800:oklch(39.8% .195 277.366);--vectis-color-indigo-900:oklch(35.9% .144 278.697);--vectis-color-indigo-950:oklch(25.7% .09 281.288);--vectis-color-gray-50:oklch(98.5% .002 247.839);--vectis-color-gray-100:oklch(96.7% .003 264.542);--vectis-color-gray-200:oklch(92.8% .006 264.531);--vectis-color-gray-300:oklch(87.2% .01 258.338);--vectis-color-gray-400:oklch(70.7% .022 261.325);--vectis-color-gray-500:oklch(55.1% .027 264.364);--vectis-color-gray-600:oklch(44.6% .03 256.802);--vectis-color-gray-700:oklch(37.3% .034 259.733);--vectis-color-gray-800:oklch(27.8% .033 256.848);--vectis-color-gray-900:oklch(21% .034 264.665);--vectis-color-gray-950:oklch(13% .028 261.692);--vectis-space-1:.25rem;--vectis-space-2:.5rem;--vectis-space-3:.75rem;--vectis-space-4:1rem;--vectis-space-5:1.25rem;--vectis-space-6:1.5rem;--vectis-space-7:2rem;--vectis-space-8:2.5rem;--vectis-space-9:3rem;--vectis-space-10:4rem;--vectis-space-11:5rem;--vectis-space-12:6rem;--vectis-font-family-sans:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--vectis-font-family-display:var(--vectis-font-family-sans);--vectis-font-family-mono:ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, monospace;--vectis-font-family-icon:"Material Symbols Rounded";--vectis-font-weight-regular:400;--vectis-font-weight-medium:500;--vectis-font-weight-semibold:600;--vectis-font-weight-bold:700;--vectis-font-size-xs:.75rem;--vectis-font-size-sm:.875rem;--vectis-font-size-md:1rem;--vectis-font-size-lg:1.125rem;--vectis-font-size-xl:1.25rem;--vectis-font-size-2xl:1.5rem;--vectis-font-size-3xl:1.875rem;--vectis-font-size-4xl:2.25rem;--vectis-font-size-5xl:3rem;--vectis-font-leading-none:1;--vectis-font-leading-tight:1.25;--vectis-font-leading-snug:1.4;--vectis-font-leading-normal:1.5;--vectis-font-leading-relaxed:1.65;--vectis-font-tracking-tight:-.015em;--vectis-font-tracking-wide:.05em;--vectis-radius-none:0px;--vectis-radius-xs:.125rem;--vectis-radius-sm:.25rem;--vectis-radius-md:.375rem;--vectis-radius-lg:.5rem;--vectis-radius-xl:.75rem;--vectis-radius-2xl:1rem;--vectis-radius-full:9999px;--vectis-shadow-xs:0 1px 2px 0 oklch(0% 0 0/.05);--vectis-shadow-sm:0 1px 3px 0 oklch(0% 0 0/.1), 0 1px 2px -1px oklch(0% 0 0/.1);--vectis-shadow-md:0 4px 6px -1px oklch(0% 0 0/.1), 0 2px 4px -2px oklch(0% 0 0/.1);--vectis-shadow-lg:0 10px 15px -3px oklch(0% 0 0/.1), 0 4px 6px -4px oklch(0% 0 0/.1);--vectis-shadow-xl:0 20px 25px -5px oklch(0% 0 0/.1), 0 8px 10px -6px oklch(0% 0 0/.1);--vectis-duration-0:0s;--vectis-duration-50:50ms;--vectis-duration-100:.1s;--vectis-duration-150:.15s;--vectis-duration-200:.2s;--vectis-duration-300:.3s;--vectis-duration-400:.4s;--vectis-duration-500:.5s;--vectis-duration-700:.7s;--vectis-duration-1000:1s;--vectis-duration-1500:1.5s;--vectis-duration-2000:2s;--vectis-duration-3000:3s;--vectis-duration-5000:5s;--vectis-ease-default:cubic-bezier(.2, 0, 0, 1);--vectis-ease-in:cubic-bezier(.5, 0, 1, 1);--vectis-ease-out:cubic-bezier(0, 0, .2, 1);--vectis-ease-in-out:cubic-bezier(.4, 0, .2, 1)}:root,[data-theme=light]{color-scheme:light;--vectis-color-surface:var(--vectis-color-white);--vectis-color-surface-muted:var(--vectis-color-gray-100);--vectis-color-surface-raised:var(--vectis-color-white);--vectis-color-surface-overlay:var(--vectis-color-white);--vectis-color-surface-sunken:var(--vectis-color-gray-50);--vectis-color-surface-inverse:var(--vectis-color-gray-900);--vectis-color-surface-skeleton:var(--vectis-color-gray-200);--vectis-color-text-on-inverse:var(--vectis-color-white);--vectis-color-text:var(--vectis-color-gray-900);--vectis-color-text-muted:var(--vectis-color-gray-600);--vectis-color-text-subtle:var(--vectis-color-gray-500);--vectis-color-text-on-accent:var(--vectis-color-white);--vectis-color-text-on-warning:var(--vectis-color-gray-950);--vectis-color-border:var(--vectis-color-gray-200);--vectis-color-border-strong:var(--vectis-color-gray-300);--vectis-color-border-on-fill:oklch(0% 0 0/.12);--vectis-color-accent:var(--vectis-color-indigo-600);--vectis-color-accent-hover:var(--vectis-color-indigo-700);--vectis-color-accent-active:var(--vectis-color-indigo-800);--vectis-color-accent-surface:var(--vectis-color-indigo-50);--vectis-color-accent-border:var(--vectis-color-indigo-200);--vectis-color-accent-text:var(--vectis-color-indigo-700);--vectis-color-danger:var(--vectis-color-red-600);--vectis-color-danger-hover:var(--vectis-color-red-700);--vectis-color-danger-active:var(--vectis-color-red-800);--vectis-color-danger-surface:var(--vectis-color-red-50);--vectis-color-danger-border:var(--vectis-color-red-200);--vectis-color-danger-text:var(--vectis-color-red-700);--vectis-color-success:var(--vectis-color-green-700);--vectis-color-success-hover:var(--vectis-color-green-800);--vectis-color-success-active:var(--vectis-color-green-900);--vectis-color-success-surface:var(--vectis-color-green-50);--vectis-color-success-border:var(--vectis-color-green-200);--vectis-color-success-text:var(--vectis-color-green-800);--vectis-color-warning:var(--vectis-color-amber-600);--vectis-color-warning-hover:var(--vectis-color-amber-700);--vectis-color-warning-active:var(--vectis-color-amber-800);--vectis-color-warning-surface:var(--vectis-color-amber-50);--vectis-color-warning-border:var(--vectis-color-amber-200);--vectis-color-warning-text:var(--vectis-color-amber-900);--vectis-color-backdrop:oklch(0% 0 0/.45);--vectis-color-event-surface:oklch(95% .045 265);--vectis-color-event-border:oklch(85% .08 265);--vectis-color-event-text:oklch(40% .11 265);--vectis-text-family:var(--vectis-font-family-sans);--vectis-text-family-heading:var(--vectis-font-family-display);--vectis-text-family-code:var(--vectis-font-family-mono);--vectis-text-display-size:var(--vectis-font-size-5xl);--vectis-text-display-weight:var(--vectis-font-weight-bold);--vectis-text-display-leading:var(--vectis-font-leading-none);--vectis-text-display-tracking:var(--vectis-font-tracking-tight);--vectis-text-heading-1-size:var(--vectis-font-size-4xl);--vectis-text-heading-1-weight:var(--vectis-font-weight-bold);--vectis-text-heading-1-leading:var(--vectis-font-leading-tight);--vectis-text-heading-1-tracking:var(--vectis-font-tracking-tight);--vectis-text-heading-2-size:var(--vectis-font-size-2xl);--vectis-text-heading-2-weight:var(--vectis-font-weight-semibold);--vectis-text-heading-2-leading:var(--vectis-font-leading-tight);--vectis-text-heading-2-tracking:var(--vectis-font-tracking-tight);--vectis-text-heading-3-size:var(--vectis-font-size-lg);--vectis-text-heading-3-weight:var(--vectis-font-weight-semibold);--vectis-text-heading-3-leading:var(--vectis-font-leading-snug);--vectis-text-heading-4-size:var(--vectis-font-size-md);--vectis-text-heading-4-weight:var(--vectis-font-weight-semibold);--vectis-text-heading-4-leading:var(--vectis-font-leading-snug);--vectis-text-subtitle-size:var(--vectis-font-size-sm);--vectis-text-subtitle-weight:var(--vectis-font-weight-regular);--vectis-text-subtitle-leading:var(--vectis-font-leading-normal);--vectis-text-body-xl-size:var(--vectis-font-size-lg);--vectis-text-body-xl-weight:var(--vectis-font-weight-regular);--vectis-text-body-xl-leading:var(--vectis-font-leading-relaxed);--vectis-text-body-lg-size:var(--vectis-font-size-md);--vectis-text-body-lg-weight:var(--vectis-font-weight-regular);--vectis-text-body-lg-leading:var(--vectis-font-leading-relaxed);--vectis-text-body-md-size:var(--vectis-font-size-sm);--vectis-text-body-md-weight:var(--vectis-font-weight-regular);--vectis-text-body-md-leading:var(--vectis-font-leading-normal);--vectis-text-body-sm-size:var(--vectis-font-size-xs);--vectis-text-body-sm-weight:var(--vectis-font-weight-regular);--vectis-text-body-sm-leading:var(--vectis-font-leading-normal);--vectis-text-label-size:var(--vectis-font-size-sm);--vectis-text-label-weight:var(--vectis-font-weight-medium);--vectis-text-label-leading:var(--vectis-font-leading-snug);--vectis-text-choice-size:var(--vectis-font-size-sm);--vectis-text-choice-weight:var(--vectis-font-weight-regular);--vectis-text-choice-leading:var(--vectis-font-leading-snug);--vectis-text-caption-size:var(--vectis-font-size-xs);--vectis-text-caption-weight:var(--vectis-font-weight-regular);--vectis-text-caption-leading:var(--vectis-font-leading-snug);--vectis-text-overline-size:var(--vectis-font-size-xs);--vectis-text-overline-weight:var(--vectis-font-weight-medium);--vectis-text-overline-leading:var(--vectis-font-leading-snug);--vectis-text-overline-tracking:var(--vectis-font-tracking-wide);--vectis-text-code-size:var(--vectis-font-size-sm);--vectis-text-code-weight:var(--vectis-font-weight-regular);--vectis-text-code-leading:var(--vectis-font-leading-normal);--vectis-text-control-weight:var(--vectis-font-weight-medium);--vectis-text-control-leading:var(--vectis-font-leading-none);--vectis-radius-interactive:var(--vectis-radius-md);--vectis-radius-surface:var(--vectis-radius-lg);--vectis-radius-overlay:var(--vectis-radius-xl);--vectis-radius-pill:var(--vectis-radius-full);--vectis-radius-chip:var(--vectis-radius-interactive);--vectis-duration-fast:var(--vectis-duration-150);--vectis-duration-base:var(--vectis-duration-200);--vectis-duration-slow:var(--vectis-duration-300);--vectis-focus-ring-color:var(--vectis-color-indigo-500);--vectis-focus-ring-width:2px;--vectis-focus-ring-offset:2px;--vectis-density-delta:0px;--vectis-control-height-xs:1.5rem;--vectis-control-height-sm:2rem;--vectis-control-height-md:2.5rem;--vectis-control-height-lg:3rem;--vectis-control-height-xl:3.5rem;--vectis-control-border-width:2px;--vectis-control-size-check:1.25rem;--vectis-control-size-check-mark:.875rem;--vectis-control-size-check-dot:.5rem;--vectis-control-size-switch-w:2.5rem;--vectis-control-size-switch-h:1.25rem;--vectis-control-size-switch-pad:.125rem;--vectis-control-action-size-sm:1.25rem;--vectis-control-action-size-md:1.5rem;--vectis-control-action-size-lg:1.75rem;--vectis-control-size-slider-track:.375rem;--vectis-control-size-slider-thumb:1.25rem;--vectis-control-size-slider-length:10rem;--vectis-control-size-slider-field:5rem;--vectis-control-size-carousel-block:24rem;--vectis-control-size-carousel-indicator:.625rem;--vectis-control-size-carousel-indicator-active:1.25rem;--vectis-control-size-combobox-list-max-block:18rem;--vectis-control-size-select-list-max-block:18rem;--vectis-control-size-menu-min:11rem;--vectis-control-size-menu-max:20rem;--vectis-control-size-bar-thickness-xs:.125rem;--vectis-control-size-bar-thickness-sm:.25rem;--vectis-control-size-bar-thickness-md:.5rem;--vectis-control-size-bar-thickness-lg:.75rem;--vectis-control-size-bar-thickness-xl:1.25rem;--vectis-control-size-bar-length:10rem;--vectis-control-size-meter-group-swatch:.5rem;--vectis-control-size-meter-segment-gap:.125rem;--vectis-control-size-progress-circular-diameter:3rem;--vectis-control-size-progress-circular-thickness:.25rem;--vectis-control-size-skeleton-surface:6rem;--vectis-control-size-resizable-hit:.75rem;--vectis-control-size-resizable-grip-length:1.5rem;--vectis-control-size-resizable-grip-thickness:.5rem;--vectis-control-size-toast-width:22rem;--vectis-control-size-tooltip-max:18rem;--vectis-control-size-hover-card-max:20rem;--vectis-control-size-dialog-width:25rem;--vectis-control-size-command-palette-width:40rem;--vectis-control-size-command-palette-list-max-block:20rem;--vectis-control-size-command-palette-offset:6rem;--vectis-control-size-stepper-indicator:2rem;--vectis-control-size-stepper-connector-min:1.5rem;--vectis-control-size-timeline-dot-sm:.5rem;--vectis-control-size-timeline-dot-md:.625rem;--vectis-control-size-timeline-icon-sm:1.5rem;--vectis-control-size-timeline-icon-md:2rem;--vectis-control-size-timeline-item-min:12rem;--vectis-control-size-rating-sm:1.25rem;--vectis-control-size-rating-md:1.5rem;--vectis-control-size-rating-lg:2rem;--vectis-control-size-drawer-sm:20rem;--vectis-control-size-drawer-md:25rem;--vectis-control-size-drawer-lg:35rem;--vectis-control-size-snackbar-min:18rem;--vectis-control-size-snackbar-max:36rem;--vectis-control-size-card-media:12rem;--vectis-control-size-card-body-min:16rem;--vectis-control-size-empty-state-media-sm:2.5rem;--vectis-control-size-empty-state-media-md:3rem;--vectis-control-size-empty-state-media-lg:4rem;--vectis-control-size-empty-state-text-max:28rem;--vectis-control-size-field-label:10rem;--vectis-control-size-field-control-min:16rem;--vectis-control-size-badge-h:1.25rem;--vectis-control-size-badge-dot:.625rem;--vectis-control-size-badge-ring:2px;--vectis-control-size-avatar-ring:2px;--vectis-control-size-separator-sm:1px;--vectis-control-size-separator-md:2px;--vectis-control-size-separator-lg:4px;--vectis-control-size-color-picker-width:16rem;--vectis-control-size-color-picker-area:10rem;--vectis-control-size-color-picker-track:.75rem;--vectis-control-size-color-picker-thumb:1.25rem;--vectis-control-size-color-picker-preview:2rem;--vectis-control-size-color-picker-format:6rem;--vectis-control-size-color-picker-swatch:1.5rem;--vectis-control-size-color-picker-checker:.5rem;--vectis-control-size-date-picker-cell:2.5rem;--vectis-control-size-date-picker-day:var(--vectis-control-height-md);--vectis-control-size-date-picker-dot:.25rem;--vectis-control-size-date-picker-nav-min:5.375rem;--vectis-control-size-tab-indicator:2px;--vectis-control-size-table-search:16rem;--vectis-control-size-time-picker-dial:16rem;--vectis-control-size-time-picker-number:3rem;--vectis-control-size-time-picker-center:.5rem;--vectis-control-size-time-picker-hand:2px;--vectis-control-size-time-picker-hand-minor:1rem;--vectis-control-size-file-picker-min-block:10rem;--vectis-control-size-file-picker-icon:2.5rem;--vectis-control-size-file-picker-thumb:2.5rem;--vectis-control-size-calendar-hour:4rem;--vectis-control-size-calendar-gutter:4.5rem;--vectis-control-size-calendar-tick:.375rem;--vectis-control-size-calendar-edge:3rem;--vectis-control-size-calendar-day-min:5rem;--vectis-control-size-calendar-handle:.5rem;--vectis-control-size-calendar-allday-lane:1.5rem;--vectis-control-size-calendar-allday-max:7rem;--vectis-control-size-calendar-now-dot:.625rem;--vectis-control-size-calendar-event-edge:3px;--vectis-control-size-calendar-gap:.125rem;--vectis-control-size-calendar-grip:1rem;--vectis-control-size-calendar-grip-thickness:2px;--vectis-control-size-calendar-year-month:13rem;--vectis-control-size-calendar-month-cell:8.5rem;--vectis-control-size-calendar-year-cell:1.5rem;--vectis-icon-size-sm:1rem;--vectis-icon-size-md:1.25rem;--vectis-icon-size-lg:1.5rem}[data-theme=dark]{color-scheme:dark;--vectis-color-surface:var(--vectis-color-gray-950);--vectis-color-surface-muted:var(--vectis-color-gray-800);--vectis-color-surface-raised:var(--vectis-color-gray-900);--vectis-color-surface-overlay:var(--vectis-color-gray-900);--vectis-color-surface-sunken:oklch(11% .006 260);--vectis-color-surface-inverse:var(--vectis-color-gray-800);--vectis-color-surface-skeleton:var(--vectis-color-gray-800);--vectis-color-text-on-inverse:var(--vectis-color-gray-50);--vectis-color-text:var(--vectis-color-gray-50);--vectis-color-text-muted:var(--vectis-color-gray-300);--vectis-color-text-subtle:var(--vectis-color-gray-400);--vectis-color-text-on-accent:var(--vectis-color-white);--vectis-color-border:var(--vectis-color-gray-800);--vectis-color-border-strong:var(--vectis-color-gray-700);--vectis-color-border-on-fill:oklch(100% 0 0/.15);--vectis-color-accent:var(--vectis-color-indigo-500);--vectis-color-accent-hover:var(--vectis-color-indigo-400);--vectis-color-accent-active:var(--vectis-color-indigo-300);--vectis-color-accent-surface:var(--vectis-color-indigo-950);--vectis-color-accent-border:var(--vectis-color-indigo-900);--vectis-color-accent-text:var(--vectis-color-indigo-300);--vectis-color-danger:var(--vectis-color-red-600);--vectis-color-danger-hover:var(--vectis-color-red-700);--vectis-color-danger-active:var(--vectis-color-red-800);--vectis-color-danger-surface:var(--vectis-color-red-950);--vectis-color-danger-border:var(--vectis-color-red-900);--vectis-color-danger-text:var(--vectis-color-red-300);--vectis-color-success:var(--vectis-color-green-700);--vectis-color-success-hover:var(--vectis-color-green-800);--vectis-color-success-active:var(--vectis-color-green-900);--vectis-color-success-surface:var(--vectis-color-green-950);--vectis-color-success-border:var(--vectis-color-green-900);--vectis-color-success-text:var(--vectis-color-green-300);--vectis-color-warning:var(--vectis-color-amber-500);--vectis-color-warning-hover:var(--vectis-color-amber-400);--vectis-color-warning-active:var(--vectis-color-amber-300);--vectis-color-warning-surface:var(--vectis-color-amber-950);--vectis-color-warning-border:var(--vectis-color-amber-900);--vectis-color-warning-text:var(--vectis-color-amber-300);--vectis-color-backdrop:oklch(0% 0 0/.6);--vectis-color-event-surface:oklch(30% .05 265);--vectis-color-event-border:oklch(42% .08 265);--vectis-color-event-text:oklch(90% .06 265);--vectis-focus-ring-color:var(--vectis-color-indigo-400)}@property --custom-color{syntax:"<color>";inherits:true;initial-value:#0000}.v-tone[data-tone=accent]{--tone-bg-solid:var(--vectis-color-accent);--tone-bg-solid-hover:var(--vectis-color-accent-hover);--tone-bg-solid-active:var(--vectis-color-accent-active);--tone-text-solid:var(--vectis-color-text-on-accent);--tone-text-tinted:var(--vectis-color-accent-text);--tone-bg-soft:var(--vectis-color-accent-surface);--tone-border-soft:var(--vectis-color-accent-border)}.v-tone[data-tone=danger]{--tone-bg-solid:var(--vectis-color-danger);--tone-bg-solid-hover:var(--vectis-color-danger-hover);--tone-bg-solid-active:var(--vectis-color-danger-active);--tone-text-solid:var(--vectis-color-text-on-accent);--tone-text-tinted:var(--vectis-color-danger-text);--tone-bg-soft:var(--vectis-color-danger-surface);--tone-border-soft:var(--vectis-color-danger-border)}.v-tone[data-tone=success]{--tone-bg-solid:var(--vectis-color-success);--tone-bg-solid-hover:var(--vectis-color-success-hover);--tone-bg-solid-active:var(--vectis-color-success-active);--tone-text-solid:var(--vectis-color-text-on-accent);--tone-text-tinted:var(--vectis-color-success-text);--tone-bg-soft:var(--vectis-color-success-surface);--tone-border-soft:var(--vectis-color-success-border)}.v-tone[data-tone=warning]{--tone-bg-solid:var(--vectis-color-warning);--tone-bg-solid-hover:var(--vectis-color-warning-hover);--tone-bg-solid-active:var(--vectis-color-warning-active);--tone-text-solid:var(--vectis-color-text-on-warning);--tone-text-tinted:var(--vectis-color-warning-text);--tone-bg-soft:var(--vectis-color-warning-surface);--tone-border-soft:var(--vectis-color-warning-border)}.v-tone[data-tone=neutral]{--tone-bg-solid:var(--vectis-color-text);--tone-bg-solid-hover:color-mix(in oklab, var(--vectis-color-text), var(--vectis-color-surface) 8%);--tone-bg-solid-active:color-mix(in oklab, var(--vectis-color-text), var(--vectis-color-surface) 14%);--tone-text-solid:var(--vectis-color-surface);--tone-text-tinted:var(--vectis-color-text);--tone-bg-soft:var(--vectis-color-surface-muted);--tone-border-soft:var(--vectis-color-border-strong)}.v-tone[data-custom]{--tone-bg-solid:var(--custom-color);--tone-text-solid:var(--vectis-color-text-on-accent);--tone-text-tinted:color-mix(in oklab, var(--custom-color), var(--vectis-color-text) 30%);--tone-bg-soft:color-mix(in oklab, var(--custom-color), var(--vectis-color-surface) 85%)}}@layer vectis.components{.v-variant[data-variant=solid]{background:var(--tone-bg-solid);color:var(--tone-text-solid)}.v-variant[data-variant=soft]{background:var(--tone-bg-soft);color:var(--tone-text-tinted)}.v-variant[data-variant=outline]{color:var(--tone-text-tinted);border-color:var(--tone-border-soft);background:0 0}.v-variant[data-variant=ghost]{color:var(--tone-text-tinted);background:0 0}.v-overlay{position:fixed;inset:auto}.v-overlay.v-overlay:not(:popover-open){display:none}.v-floating{margin:var(--vectis-space-2);position-try-fallbacks:flip-block, flip-inline}.v-floating[data-placement$=-start]{margin-inline-start:0}.v-floating[data-placement$=-end]{margin-inline-end:0}.v-floating[data-placement=bottom]{position-area:block-end;justify-self:anchor-center}.v-floating[data-placement=bottom-start]{position-area:block-end span-inline-end}.v-floating[data-placement=bottom-end]{position-area:block-end span-inline-start}.v-floating[data-placement=top]{position-area:block-start;justify-self:anchor-center}.v-floating[data-placement=top-start]{position-area:block-start span-inline-end}.v-floating[data-placement=top-end]{position-area:block-start span-inline-start}.v-floating[data-placement=left]{position-area:inline-start;align-self:anchor-center}.v-floating[data-placement=right]{position-area:inline-end;align-self:anchor-center}.v-floating[data-placement=right-start]{position-area:inline-end span-block-end}.v-floating[data-placement=right-end]{position-area:inline-end span-block-start}.v-floating[data-placement=left-start]{position-area:inline-start span-block-end}.v-floating[data-placement=left-end]{position-area:inline-start span-block-start}.v-floating[data-placement^=right-],.v-floating[data-placement^=left-]{margin-inline:var(--vectis-space-2)}.v-floating:is([data-placement=right-start],[data-placement=left-start]){margin-block-start:0}.v-floating:is([data-placement=right-end],[data-placement=left-end]){margin-block-end:0}.v-floating{opacity:0;transition:opacity var(--vectis-duration-fast) var(--vectis-ease-default), transform var(--vectis-duration-fast) var(--vectis-ease-default), overlay var(--vectis-duration-fast) allow-discrete, display var(--vectis-duration-fast) allow-discrete;transform:scale(.97)}.v-floating:popover-open{opacity:1;transform:none}@starting-style{.v-floating:popover-open{opacity:0;transform:scale(.97)}}@media (prefers-reduced-motion:reduce){.v-floating{transition:none}}.v-panel{gap:var(--vectis-space-1);padding:var(--vectis-space-1);background:var(--vectis-color-surface-overlay);color:var(--vectis-color-text);border:1px solid var(--vectis-color-border);border-radius:var(--vectis-radius-surface);box-shadow:var(--vectis-shadow-lg);font-family:var(--vectis-text-family);flex-direction:column;display:flex}.v-banner{--banner-line:calc(var(--vectis-text-body-md-size) * var(--vectis-text-body-md-leading));gap:var(--vectis-space-3);border-radius:var(--vectis-radius-overlay);box-shadow:var(--vectis-shadow-lg);font-family:var(--vectis-text-family);font-size:var(--vectis-text-body-md-size);line-height:var(--vectis-text-body-md-leading);transition:opacity var(--vectis-duration-base) var(--vectis-ease-default), translate var(--vectis-duration-base) var(--vectis-ease-default);display:flex}@starting-style{.v-banner{opacity:0;translate:0 var(--banner-enter-y,0)}}.v-banner-text{overflow-wrap:anywhere;flex:1;min-inline-size:0}.v-banner-control{--banner-control-height:var(--vectis-control-height-sm);margin-block:calc((var(--banner-line) - var(--banner-control-height)) / 2);margin-inline-end:calc(-1 * var(--vectis-space-2))}.v-banner .v-banner-control[data-tone]{--tone-text-tinted:currentcolor;--tone-bg-soft:color-mix(in oklab, currentcolor, transparent 85%)}@media (prefers-reduced-motion:reduce){.v-banner{transition:none}}.v-control{--control-height:calc(var(--control-height-base) - var(--vectis-density-delta))}.v-control[data-size=xs]{--control-height-base:var(--vectis-control-height-xs);--control-font-size:var(--vectis-font-size-xs);--control-padding-inline:var(--vectis-space-2);--control-gap:var(--vectis-space-1);--control-action-size:var(--vectis-control-action-size-sm);--vectis-icon-size:var(--vectis-icon-size-sm);--vectis-icon-opsz:20}.v-control[data-size=sm]{--control-height-base:var(--vectis-control-height-sm);--control-font-size:var(--vectis-font-size-sm);--control-padding-inline:var(--vectis-space-3);--control-padding-inline-field:var(--vectis-space-2);--control-gap:var(--vectis-space-2);--control-action-size:var(--vectis-control-action-size-md);--vectis-icon-size:var(--vectis-icon-size-md);--vectis-icon-opsz:20}.v-control[data-size=md]{--control-height-base:var(--vectis-control-height-md);--control-font-size:var(--vectis-font-size-sm);--control-padding-inline:var(--vectis-space-4);--control-padding-inline-field:var(--vectis-space-3);--control-gap:var(--vectis-space-2);--control-action-size:var(--vectis-control-action-size-md);--vectis-icon-size:var(--vectis-icon-size-md);--vectis-icon-opsz:20}.v-control[data-size=lg]{--control-height-base:var(--vectis-control-height-lg);--control-font-size:var(--vectis-font-size-md);--control-padding-inline:var(--vectis-space-5);--control-padding-inline-field:var(--vectis-space-4);--control-gap:var(--vectis-space-3);--control-action-size:var(--vectis-control-action-size-lg);--vectis-icon-size:var(--vectis-icon-size-lg);--vectis-icon-opsz:24}.v-control[data-size=xl]{--control-height-base:var(--vectis-control-height-xl);--control-font-size:var(--vectis-font-size-md);--control-padding-inline:var(--vectis-space-6);--control-gap:var(--vectis-space-3);--vectis-icon-size:var(--vectis-icon-size-lg);--vectis-icon-opsz:24}.v-field-action{inline-size:var(--control-action-size);block-size:var(--control-action-size);margin-inline:calc((var(--vectis-icon-size) - var(--control-action-size)) / 2);border-radius:var(--vectis-radius-interactive);color:var(--vectis-color-text-muted);cursor:pointer;transition:color var(--vectis-duration-fast) var(--vectis-ease-default);background:0 0;border:none;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.v-field-action:hover:not(:disabled){color:var(--vectis-color-text)}.v-field-action:focus-visible{outline:var(--vectis-focus-ring-width) solid var(--vectis-focus-ring-color);outline-offset:calc(-1 * var(--vectis-focus-ring-width))}.v-field-meta{align-items:baseline;gap:var(--vectis-space-2);display:flex}.v-field-counter{font-size:var(--vectis-text-caption-size);color:var(--vectis-color-text-muted);font-variant-numeric:tabular-nums}.v-field-meta>.v-field-counter{margin-inline-start:auto}.v-field-counter[data-over]{color:var(--vectis-color-danger-text)}.v-field-error{color:var(--vectis-color-danger-text);font-family:var(--vectis-text-family);font-size:var(--vectis-text-caption-size);font-weight:var(--vectis-text-caption-weight);line-height:var(--vectis-text-caption-leading)}.v-field-required{color:var(--vectis-color-danger-text);margin-inline-start:var(--vectis-space-1)}@media (prefers-reduced-motion:reduce){.v-field-action{transition:none}}.v-choice{font-family:var(--vectis-text-family);font-size:var(--vectis-text-choice-size);font-weight:var(--vectis-text-choice-weight);line-height:var(--vectis-text-choice-leading);color:var(--vectis-color-text);grid-template-columns:auto auto;justify-content:start;align-items:center;display:inline-grid;position:relative}.v-choice-row{grid-column:1/-1;grid-template-columns:subgrid;cursor:pointer;align-items:center;display:grid}.v-choice-label,.v-choice>:is(.v-field-hint,.v-field-error){margin-inline-start:var(--vectis-space-2)}.v-choice>:is(.v-field-hint,.v-field-error){grid-column:2}.v-choice[data-label-position=start] .v-choice-label{order:-1}.v-choice[data-label-position=start] .v-choice-label,.v-choice[data-label-position=start]>:is(.v-field-hint,.v-field-error){margin-inline:0 var(--vectis-space-2)}.v-choice[data-label-position=start]>:is(.v-field-hint,.v-field-error){grid-column:1}.v-choice[data-spread]{justify-content:space-between;display:grid}.v-choice-row .v-hidden-input:focus-visible+*{outline:var(--vectis-focus-ring-width) solid var(--vectis-focus-ring-color);outline-offset:var(--vectis-focus-ring-offset)}.v-choice[data-readonly] .v-choice-row{cursor:default}.v-choice:has(.v-hidden-input:disabled){color:var(--vectis-color-text-subtle)}.v-choice:has(.v-hidden-input:disabled) .v-choice-row{cursor:not-allowed}.v-choice:has(.v-hidden-input:disabled)>.v-field-hint{--typography-color:var(--vectis-color-text-subtle)}.v-disclosure{interpolate-size:allow-keywords}.v-disclosure::details-content{block-size:0;transition:block-size var(--vectis-duration-base) var(--vectis-ease-default), content-visibility var(--vectis-duration-base) allow-discrete;overflow:clip}.v-disclosure[open]::details-content{block-size:auto}.v-disclosure>summary::-webkit-details-marker{display:none}.v-disclosure-chevron{color:var(--vectis-color-text-muted);transition:rotate var(--vectis-duration-base) var(--vectis-ease-default);flex:none}.v-disclosure[open]:not([data-swap])>summary>.v-disclosure-chevron{rotate:180deg}.v-disclosure[data-swap][open]>summary>.v-disclosure-chevron:not(.v-disclosure-chevron-open),.v-disclosure[data-swap]:not([open])>summary>.v-disclosure-chevron-open{display:none}.v-disclosure>summary[data-disabled]>.v-disclosure-chevron{color:inherit}@media (prefers-reduced-motion:reduce){.v-disclosure::details-content,.v-disclosure-chevron{transition:none}}}@layer vectis.utilities{.v-hidden-input{opacity:0;pointer-events:none;block-size:1px;inline-size:1px;margin:0;position:absolute}.v-visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}
|
package/dist/tokens/index.d.ts
CHANGED
|
@@ -284,11 +284,13 @@ export declare const tokens: {
|
|
|
284
284
|
'size-select-list-max-block': import('./types.js').DesignToken;
|
|
285
285
|
'size-menu-min': import('./types.js').DesignToken;
|
|
286
286
|
'size-menu-max': import('./types.js').DesignToken;
|
|
287
|
-
'size-
|
|
288
|
-
'size-
|
|
289
|
-
'size-
|
|
290
|
-
'size-
|
|
291
|
-
'size-
|
|
287
|
+
'size-bar-thickness-xs': import('./types.js').DesignToken;
|
|
288
|
+
'size-bar-thickness-sm': import('./types.js').DesignToken;
|
|
289
|
+
'size-bar-thickness-md': import('./types.js').DesignToken;
|
|
290
|
+
'size-bar-thickness-lg': import('./types.js').DesignToken;
|
|
291
|
+
'size-bar-thickness-xl': import('./types.js').DesignToken;
|
|
292
|
+
'size-bar-length': import('./types.js').DesignToken;
|
|
293
|
+
'size-meter-group-swatch': import('./types.js').DesignToken;
|
|
292
294
|
'size-meter-segment-gap': import('./types.js').DesignToken;
|
|
293
295
|
'size-progress-circular-diameter': import('./types.js').DesignToken;
|
|
294
296
|
'size-progress-circular-thickness': import('./types.js').DesignToken;
|
|
@@ -330,6 +332,9 @@ export declare const tokens: {
|
|
|
330
332
|
'size-badge-dot': import('./types.js').DesignToken;
|
|
331
333
|
'size-badge-ring': import('./types.js').DesignToken;
|
|
332
334
|
'size-avatar-ring': import('./types.js').DesignToken;
|
|
335
|
+
'size-separator-sm': import('./types.js').DesignToken;
|
|
336
|
+
'size-separator-md': import('./types.js').DesignToken;
|
|
337
|
+
'size-separator-lg': import('./types.js').DesignToken;
|
|
333
338
|
'size-color-picker-width': import('./types.js').DesignToken;
|
|
334
339
|
'size-color-picker-area': import('./types.js').DesignToken;
|
|
335
340
|
'size-color-picker-track': import('./types.js').DesignToken;
|
|
@@ -181,11 +181,13 @@ export declare const semantic: {
|
|
|
181
181
|
'size-select-list-max-block': import('./types.js').DesignToken;
|
|
182
182
|
'size-menu-min': import('./types.js').DesignToken;
|
|
183
183
|
'size-menu-max': import('./types.js').DesignToken;
|
|
184
|
-
'size-
|
|
185
|
-
'size-
|
|
186
|
-
'size-
|
|
187
|
-
'size-
|
|
188
|
-
'size-
|
|
184
|
+
'size-bar-thickness-xs': import('./types.js').DesignToken;
|
|
185
|
+
'size-bar-thickness-sm': import('./types.js').DesignToken;
|
|
186
|
+
'size-bar-thickness-md': import('./types.js').DesignToken;
|
|
187
|
+
'size-bar-thickness-lg': import('./types.js').DesignToken;
|
|
188
|
+
'size-bar-thickness-xl': import('./types.js').DesignToken;
|
|
189
|
+
'size-bar-length': import('./types.js').DesignToken;
|
|
190
|
+
'size-meter-group-swatch': import('./types.js').DesignToken;
|
|
189
191
|
'size-meter-segment-gap': import('./types.js').DesignToken;
|
|
190
192
|
'size-progress-circular-diameter': import('./types.js').DesignToken;
|
|
191
193
|
'size-progress-circular-thickness': import('./types.js').DesignToken;
|
|
@@ -227,6 +229,9 @@ export declare const semantic: {
|
|
|
227
229
|
'size-badge-dot': import('./types.js').DesignToken;
|
|
228
230
|
'size-badge-ring': import('./types.js').DesignToken;
|
|
229
231
|
'size-avatar-ring': import('./types.js').DesignToken;
|
|
232
|
+
'size-separator-sm': import('./types.js').DesignToken;
|
|
233
|
+
'size-separator-md': import('./types.js').DesignToken;
|
|
234
|
+
'size-separator-lg': import('./types.js').DesignToken;
|
|
230
235
|
'size-color-picker-width': import('./types.js').DesignToken;
|
|
231
236
|
'size-color-picker-area': import('./types.js').DesignToken;
|
|
232
237
|
'size-color-picker-track': import('./types.js').DesignToken;
|
package/dist/tokens/semantic.js
CHANGED
|
@@ -180,11 +180,13 @@ var a = {
|
|
|
180
180
|
"size-select-list-max-block": t("18rem", "The maximum height of VSelect's list panel (the scrolling area)"),
|
|
181
181
|
"size-menu-min": t("11rem", "The minimum width of VMenu's panel"),
|
|
182
182
|
"size-menu-max": t("20rem", "The maximum width of VMenu's panel"),
|
|
183
|
-
"size-
|
|
184
|
-
"size-
|
|
185
|
-
"size-
|
|
186
|
-
"size-
|
|
187
|
-
"size-
|
|
183
|
+
"size-bar-thickness-xs": t("0.125rem", "The thickness of an xs VProgressLinear or VMeter bar (2px)"),
|
|
184
|
+
"size-bar-thickness-sm": t("0.25rem", "The thickness of a small VProgressLinear or VMeter bar (4px)"),
|
|
185
|
+
"size-bar-thickness-md": t("0.5rem", "The thickness of a medium VProgressLinear or VMeter bar (8px)"),
|
|
186
|
+
"size-bar-thickness-lg": t("0.75rem", "The thickness of a large VProgressLinear or VMeter bar (12px)"),
|
|
187
|
+
"size-bar-thickness-xl": t("1.25rem", "The thickness of an xl VProgressLinear or VMeter bar, which holds the value written inside it (20px)"),
|
|
188
|
+
"size-bar-length": t("10rem", "The default length of a vertical VProgressLinear, VMeter or VMeterGroup bar, which a height set on the component replaces"),
|
|
189
|
+
"size-meter-group-swatch": t("0.5rem", "The diameter of the colour swatch before each row of a VMeterGroup legend (8px)"),
|
|
188
190
|
"size-meter-segment-gap": t("0.125rem", "The gap between two VMeter segments (2px)"),
|
|
189
191
|
"size-progress-circular-diameter": t("3rem", "The default diameter of VProgressCircular"),
|
|
190
192
|
"size-progress-circular-thickness": t("0.25rem", "The default stroke thickness of VProgressCircular (4px)"),
|
|
@@ -226,6 +228,9 @@ var a = {
|
|
|
226
228
|
"size-badge-dot": t("0.625rem", "The diameter of VBadge in dot mode"),
|
|
227
229
|
"size-badge-ring": t("2px", "The detaching ring of a bordered VBadge"),
|
|
228
230
|
"size-avatar-ring": t("2px", "The ring separating stacked avatars (VAvatarGroup)"),
|
|
231
|
+
"size-separator-sm": t("1px", "The stroke of a small VSeparator, the default hairline"),
|
|
232
|
+
"size-separator-md": t("2px", "The stroke of a medium VSeparator"),
|
|
233
|
+
"size-separator-lg": t("4px", "The stroke of a large VSeparator"),
|
|
229
234
|
"size-color-picker-width": t("16rem", "The width of VColorPicker (256px)"),
|
|
230
235
|
"size-color-picker-area": t("10rem", "The height of VColorPicker's saturation and brightness area (160px)"),
|
|
231
236
|
"size-color-picker-track": t("0.75rem", "The thickness of VColorPicker's hue and opacity tracks (12px)"),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"semantic.js","names":["semantic","color","fontFamily","dimension","fontWeight","duration"],"sources":["../../src/tokens/semantic.ts"],"sourcesContent":["/**\n * Semantic roles alias primitives; components depend on these roles so applications can theme\n * without rewriting component CSS.\n */\nimport { color, dimension, duration, fontFamily, fontWeight, type TokenGroup } from './types'\n\nexport const semantic = {\n color: {\n surface: color('{color.white}', 'The default page background'),\n 'surface-muted': color('{color.gray.100}', 'A muted background (secondary areas)'),\n 'surface-raised': color('{color.white}', 'Raised surfaces: cards'),\n 'surface-overlay': color('{color.white}', 'Floating surfaces: dialogs, popovers, menus'),\n 'surface-sunken': color('{color.gray.50}', 'Sunken surfaces: wells, code areas'),\n 'surface-inverse': color('{color.gray.900}', 'Inverted-contrast surfaces: tooltips'),\n 'surface-skeleton': color(\n '{color.gray.200}',\n \"The background of VSkeletonLoader's silhouettes, from which its highlight is derived\",\n ),\n\n 'text-on-inverse': color('{color.white}', 'Text set on an inverted surface'),\n\n text: color('{color.gray.900}', 'The running text of the interface'),\n 'text-muted': color(\n '{color.gray.600}',\n 'Secondary text: hints, captions, descriptions, start icons',\n ),\n 'text-subtle': color('{color.gray.500}', 'Placeholders, disabled text'),\n 'text-on-accent': color('{color.white}', 'Text set on an accent/danger/success background'),\n 'text-on-warning': color(\n '{color.gray.950}',\n 'Text set on a solid warning background (amber too light for white)',\n ),\n\n border: color('{color.gray.200}', 'Dividers, and the frames of cards, tables and panels'),\n 'border-strong': color('{color.gray.300}', 'The borders of form controls'),\n 'border-on-fill': color(\n 'oklch(0% 0 0 / 0.12)',\n 'A veil edging or dividing a filled background: VButtonGroup seams, VColorPicker swatches',\n ),\n\n accent: color(\n '{color.indigo.600}',\n 'The brand color: solid buttons, checked controls, the selected item',\n ),\n 'accent-hover': color('{color.indigo.700}', 'The accent color under the pointer'),\n 'accent-active': color('{color.indigo.800}', 'The accent color while pressed'),\n 'accent-surface': color('{color.indigo.50}', 'A tinted accent background (badges, selections)'),\n 'accent-border': color(\n '{color.indigo.200}',\n 'The border of a tinted accent element, matching the accent surface',\n ),\n 'accent-text': color('{color.indigo.700}', 'Accent text on a neutral or tinted background'),\n\n danger: color('{color.red.600}', 'Destructive actions and errors: solid buttons, error states'),\n 'danger-hover': color('{color.red.700}', 'The danger color under the pointer'),\n 'danger-active': color('{color.red.800}', 'The danger color while pressed'),\n 'danger-surface': color(\n '{color.red.50}',\n 'A tinted danger background (soft buttons and chips, a destructive menu item)',\n ),\n 'danger-border': color(\n '{color.red.200}',\n 'The border of a tinted danger element, matching the danger surface',\n ),\n 'danger-text': color(\n '{color.red.700}',\n 'Danger text on a neutral or tinted background: error messages, a destructive menu item',\n ),\n\n /* Green filled surfaces need step 700 to contrast with white text. */\n success: color('{color.green.700}', 'A positive outcome: solid chips, badges, notifications'),\n 'success-hover': color('{color.green.800}', 'The success color under the pointer'),\n 'success-active': color('{color.green.900}', 'The success color while pressed'),\n 'success-surface': color(\n '{color.green.50}',\n 'A tinted success background (soft chips, badges, notifications)',\n ),\n 'success-border': color(\n '{color.green.200}',\n 'The border of a tinted success element, matching the success surface',\n ),\n 'success-text': color('{color.green.800}', 'Success text on a neutral or tinted background'),\n\n warning: color(\n '{color.amber.600}',\n 'A situation that calls for attention: solid chips, badges, notifications',\n ),\n 'warning-hover': color('{color.amber.700}', 'The warning color under the pointer'),\n 'warning-active': color('{color.amber.800}', 'The warning color while pressed'),\n 'warning-surface': color(\n '{color.amber.50}',\n 'A tinted warning background (soft chips, badges, notifications)',\n ),\n 'warning-border': color(\n '{color.amber.200}',\n 'The border of a tinted warning element, matching the warning surface',\n ),\n 'warning-text': color('{color.amber.900}', 'Warning text on a neutral or tinted background'),\n\n backdrop: color('oklch(0% 0 0 / 0.45)', 'The veil behind modal dialogs'),\n\n /*\n * Keep event colours literal: root-declared var aliases resolve their hue before cards can\n * supply per-event hues.\n */\n 'event-surface': color(\n 'oklch(0.95 0.045 265)',\n 'The face of a calendar event that carries no color of its own',\n ),\n 'event-border': color(\n 'oklch(0.85 0.08 265)',\n 'The edge of that calendar event, and the bar marking its leading side',\n ),\n 'event-text': color('oklch(0.4 0.11 265)', 'The title of that calendar event'),\n },\n text: {\n family: fontFamily('{font.family.sans}', 'The running font of every component'),\n 'family-heading': fontFamily(\n '{font.family.display}',\n 'The font of the display and heading roles, the running font until it is overridden',\n ),\n 'family-code': fontFamily(\n '{font.family.mono}',\n 'The font of code content (the code role, VInputOTP)',\n ),\n display: {\n size: dimension('{font.size.5xl}'),\n weight: fontWeight('{font.weight.bold}'),\n leading: dimension('{font.leading.none}'),\n tracking: dimension('{font.tracking.tight}'),\n },\n 'heading-1': {\n size: dimension('{font.size.4xl}'),\n weight: fontWeight('{font.weight.bold}'),\n leading: dimension('{font.leading.tight}'),\n tracking: dimension('{font.tracking.tight}'),\n },\n 'heading-2': {\n size: dimension('{font.size.2xl}'),\n weight: fontWeight('{font.weight.semibold}'),\n leading: dimension('{font.leading.tight}'),\n tracking: dimension('{font.tracking.tight}'),\n },\n 'heading-3': {\n size: dimension('{font.size.lg}'),\n weight: fontWeight('{font.weight.semibold}'),\n leading: dimension('{font.leading.snug}'),\n },\n 'heading-4': {\n size: dimension('{font.size.md}'),\n weight: fontWeight('{font.weight.semibold}'),\n leading: dimension('{font.leading.snug}'),\n },\n subtitle: {\n size: dimension('{font.size.sm}'),\n weight: fontWeight('{font.weight.regular}'),\n leading: dimension('{font.leading.normal}'),\n },\n 'body-xl': {\n size: dimension('{font.size.lg}'),\n weight: fontWeight('{font.weight.regular}'),\n leading: dimension('{font.leading.relaxed}'),\n },\n 'body-lg': {\n size: dimension('{font.size.md}'),\n weight: fontWeight('{font.weight.regular}'),\n leading: dimension('{font.leading.relaxed}'),\n },\n 'body-md': {\n size: dimension('{font.size.sm}'),\n weight: fontWeight('{font.weight.regular}'),\n leading: dimension('{font.leading.normal}'),\n },\n 'body-sm': {\n size: dimension('{font.size.xs}'),\n weight: fontWeight('{font.weight.regular}'),\n leading: dimension('{font.leading.normal}'),\n },\n label: {\n size: dimension('{font.size.sm}'),\n weight: fontWeight('{font.weight.medium}'),\n leading: dimension('{font.leading.snug}'),\n },\n /* Choice text uses label dimensions at regular weight to remain distinct from field labels. */\n choice: {\n size: dimension('{font.size.sm}'),\n weight: fontWeight('{font.weight.regular}'),\n leading: dimension('{font.leading.snug}'),\n },\n caption: {\n size: dimension('{font.size.xs}'),\n weight: fontWeight('{font.weight.regular}'),\n leading: dimension('{font.leading.snug}'),\n },\n overline: {\n size: dimension('{font.size.xs}'),\n weight: fontWeight('{font.weight.medium}'),\n leading: dimension('{font.leading.snug}'),\n tracking: dimension('{font.tracking.wide}'),\n },\n code: {\n size: dimension('{font.size.sm}'),\n weight: fontWeight('{font.weight.regular}'),\n leading: dimension('{font.leading.normal}'),\n },\n /* Control size comes from --control-font-size; this recipe supplies weight and leading only. */\n control: {\n weight: fontWeight('{font.weight.medium}'),\n leading: dimension('{font.leading.none}'),\n },\n },\n radius: {\n interactive: dimension('{radius.md}', 'Buttons, inputs, controls'),\n surface: dimension('{radius.lg}', 'Cards, alerts'),\n overlay: dimension('{radius.xl}', 'Dialogs, popovers, menus'),\n pill: dimension('{radius.full}', 'Full rounding: switches, badges, pill-shaped chips'),\n chip: dimension(\n '{radius.interactive}',\n 'Chips with shape=\"chip\", which follow the interactive radius by default',\n ),\n },\n /** Semantic transition durations are theme-independent. */\n duration: {\n fast: duration('{duration.150}', 'Color and border changes on hover, focus and press'),\n base: duration('{duration.200}', 'The default: a panel opening, a value moving'),\n slow: duration('{duration.300}', 'Movements large enough to be followed by the eye'),\n },\n focus: {\n 'ring-color': color(\n '{color.indigo.500}',\n 'The keyboard focus ring, which has to stand out against the page',\n ),\n 'ring-width': dimension('2px', 'The thickness of the focus ring'),\n 'ring-offset': dimension('2px', 'The gap between a control and its focus ring'),\n },\n density: {\n delta: dimension(\n '0px',\n 'What the density takes off every control height and component padding: 0px for the standard scale, the --vectis-space-1 step for the compact one',\n ),\n },\n control: {\n 'height-xs': dimension(\n '1.5rem',\n 'The height of every control at size=\"xs\" (24px), less the density delta',\n ),\n 'height-sm': dimension(\n '2rem',\n 'The height of every control at size=\"sm\" (32px), less the density delta',\n ),\n 'height-md': dimension(\n '2.5rem',\n 'The height of every control at size=\"md\" (40px), less the density delta',\n ),\n 'height-lg': dimension(\n '3rem',\n 'The height of every control at size=\"lg\" (48px), less the density delta',\n ),\n 'height-xl': dimension(\n '3.5rem',\n 'The height of every control at size=\"xl\" (56px), less the density delta',\n ),\n 'border-width': dimension('2px', 'The border of checkable controls (VCheckbox, VRadio)'),\n 'size-check': dimension('1.25rem', 'The box of checkable controls (VCheckbox, VRadio)'),\n 'size-check-mark': dimension('0.875rem', \"The tick inside VCheckbox's box\"),\n 'size-check-dot': dimension('0.5rem', \"The dot inside VRadio's circle\"),\n 'size-switch-w': dimension('2.5rem', \"The width of VSwitch's track\"),\n 'size-switch-h': dimension('1.25rem', \"The height of VSwitch's track\"),\n 'size-switch-pad': dimension(\n '0.125rem',\n \"The gap between VSwitch's thumb and the edge of its track\",\n ),\n 'action-size-sm': dimension(\n '1.25rem',\n 'The inner buttons of sm input fields (clear, a clickable icon)',\n ),\n 'action-size-md': dimension(\n '1.5rem',\n 'The inner buttons of md input fields (clear, a clickable icon)',\n ),\n 'action-size-lg': dimension(\n '1.75rem',\n 'The inner buttons of lg input fields (clear, a clickable icon)',\n ),\n 'size-slider-track': dimension('0.375rem', \"The thickness of VSlider's track\"),\n 'size-slider-thumb': dimension('1.25rem', \"The diameter of VSlider's thumb\"),\n 'size-slider-length': dimension('10rem', 'The default length of a vertical VSlider'),\n 'size-slider-field': dimension('5rem', \"The width of VSlider's number fields\"),\n 'size-carousel-block': dimension(\n '24rem',\n \"The default block size of VCarousel's viewport, which a vertical carousel needs to lay its slides out\",\n ),\n 'size-carousel-indicator': dimension(\n '0.625rem',\n 'The diameter of a VCarousel indicator dot (its hit area comes from --vectis-control-height-xs)',\n ),\n 'size-carousel-indicator-active': dimension(\n '1.25rem',\n 'The length of the active VCarousel indicator, which stretches from a dot into a pill',\n ),\n 'size-combobox-list-max-block': dimension(\n '18rem',\n \"The maximum height of VCombobox's list panel (the scrolling area)\",\n ),\n 'size-select-list-max-block': dimension(\n '18rem',\n \"The maximum height of VSelect's list panel (the scrolling area)\",\n ),\n 'size-menu-min': dimension('11rem', \"The minimum width of VMenu's panel\"),\n 'size-menu-max': dimension('20rem', \"The maximum width of VMenu's panel\"),\n 'size-progress-linear-thickness': dimension(\n '0.25rem',\n \"The default thickness of VProgressLinear's bar (4px)\",\n ),\n 'size-progress-linear-length': dimension(\n '10rem',\n 'The default length of a vertical VProgressLinear, which a height set on the bar replaces',\n ),\n 'size-meter-thickness-sm': dimension('0.25rem', 'The thickness of a small VMeter (4px)'),\n 'size-meter-thickness-md': dimension('0.5rem', 'The thickness of a medium VMeter (8px)'),\n 'size-meter-thickness-lg': dimension('0.75rem', 'The thickness of a large VMeter (12px)'),\n 'size-meter-segment-gap': dimension('0.125rem', 'The gap between two VMeter segments (2px)'),\n 'size-progress-circular-diameter': dimension(\n '3rem',\n 'The default diameter of VProgressCircular',\n ),\n 'size-progress-circular-thickness': dimension(\n '0.25rem',\n 'The default stroke thickness of VProgressCircular (4px)',\n ),\n 'size-skeleton-surface': dimension(\n '6rem',\n 'The default height of a surface-shaped VSkeletonLoader: a card, an image (96px)',\n ),\n 'size-resizable-hit': dimension(\n '0.75rem',\n 'The width of the strip around a VResizable handle that catches the pointer (12px)',\n ),\n 'size-resizable-grip-length': dimension(\n '1.5rem',\n 'The length of the grip VResizable draws on its handles under `grip` (24px)',\n ),\n 'size-resizable-grip-thickness': dimension(\n '0.5rem',\n 'The thickness of the grip VResizable draws on its handles under `grip` (8px)',\n ),\n 'size-toast-width': dimension('22rem', 'The default width of a toast'),\n 'size-tooltip-max': dimension('18rem', 'The widest a tooltip grows before it wraps (288px)'),\n 'size-hover-card-max': dimension('20rem', 'The widest a VHoverCard grows (320px)'),\n 'size-dialog-width': dimension(\n '25rem',\n 'The default width of VDialog and VDialogAlert (400px), when no `width` is given',\n ),\n 'size-command-palette-width': dimension(\n '40rem',\n 'The default width of VCommandPalette (640px), when no `width` is given',\n ),\n 'size-command-palette-list-max-block': dimension(\n '20rem',\n \"The tallest VCommandPalette's list of commands grows before it scrolls (320px)\",\n ),\n 'size-command-palette-offset': dimension(\n '6rem',\n 'The distance from the top of the viewport to VCommandPalette, which keeps its search field still as the list changes height (96px)',\n ),\n 'size-stepper-indicator': dimension(\n '2rem',\n 'The diameter of the circle holding a VStepper step number (32px)',\n ),\n 'size-stepper-connector-min': dimension(\n '1.5rem',\n 'The shortest a horizontal VStepper connector gets between two steps (24px)',\n ),\n 'size-timeline-dot-sm': dimension(\n '0.5rem',\n 'The dot marking an event of a small VTimeline (8px)',\n ),\n 'size-timeline-dot-md': dimension('0.625rem', 'The dot marking an event of a VTimeline (10px)'),\n 'size-timeline-icon-sm': dimension(\n '1.5rem',\n 'The round badge holding the icon of an event in a small VTimeline (24px)',\n ),\n 'size-timeline-icon-md': dimension(\n '2rem',\n 'The round badge holding the icon of an event in a VTimeline (32px)',\n ),\n 'size-timeline-item-min': dimension(\n '12rem',\n 'The narrowest an event of a horizontal VTimeline gets before the list scrolls (192px)',\n ),\n 'size-rating-sm': dimension('1.25rem', 'The icon of a small VRating (20px)'),\n 'size-rating-md': dimension('1.5rem', 'The icon of a medium VRating (24px)'),\n 'size-rating-lg': dimension('2rem', 'The icon of a large VRating (32px)'),\n 'size-drawer-sm': dimension(\n '20rem',\n 'The width of a small VDrawer on a side, or the height of one at the top or bottom (320px)',\n ),\n 'size-drawer-md': dimension(\n '25rem',\n 'The width of a medium VDrawer on a side, or the height of one at the top or bottom (400px)',\n ),\n 'size-drawer-lg': dimension(\n '35rem',\n 'The width of a large VDrawer on a side, or the height of one at the top or bottom (560px)',\n ),\n 'size-snackbar-min': dimension('18rem', 'The minimum width of a snackbar (288px)'),\n 'size-snackbar-max': dimension('36rem', 'The maximum width of a snackbar (576px)'),\n 'size-card-media': dimension(\n '12rem',\n 'The width a horizontal VCard gives its media before the content wraps under it (192px)',\n ),\n 'size-card-body-min': dimension(\n '16rem',\n 'The narrowest content of a horizontal VCard: below it, the media moves above the content',\n ),\n 'size-empty-state-media-sm': dimension(\n '2.5rem',\n 'The diameter of the icon badge of a small VEmptyState (40px)',\n ),\n 'size-empty-state-media-md': dimension(\n '3rem',\n 'The diameter of the icon badge of a medium VEmptyState (48px)',\n ),\n 'size-empty-state-media-lg': dimension(\n '4rem',\n 'The diameter of the icon badge of a large VEmptyState (64px)',\n ),\n 'size-empty-state-text-max': dimension(\n '28rem',\n 'The widest the title and description of a VEmptyState run before they wrap (448px)',\n ),\n 'size-field-label': dimension(\n '10rem',\n 'The width of a VField label placed beside its control, before the control wraps under it (160px)',\n ),\n 'size-field-control-min': dimension(\n '16rem',\n 'The narrowest control of a VField with a side label: below it, the label moves above the control',\n ),\n 'size-badge-h': dimension('1.25rem', 'The height of a VBadge pill'),\n 'size-badge-dot': dimension('0.625rem', 'The diameter of VBadge in dot mode'),\n 'size-badge-ring': dimension('2px', 'The detaching ring of a bordered VBadge'),\n 'size-avatar-ring': dimension('2px', 'The ring separating stacked avatars (VAvatarGroup)'),\n 'size-color-picker-width': dimension('16rem', 'The width of VColorPicker (256px)'),\n 'size-color-picker-area': dimension(\n '10rem',\n \"The height of VColorPicker's saturation and brightness area (160px)\",\n ),\n 'size-color-picker-track': dimension(\n '0.75rem',\n \"The thickness of VColorPicker's hue and opacity tracks (12px)\",\n ),\n 'size-color-picker-thumb': dimension(\n '1.25rem',\n \"The diameter of VColorPicker's thumbs, on the area and the tracks (20px)\",\n ),\n 'size-color-picker-preview': dimension(\n '2rem',\n 'The disc showing the current colour in VColorPicker (32px)',\n ),\n 'size-color-picker-format': dimension(\n '6rem',\n \"The width of VColorPicker's format menu, which holds its longest name (96px)\",\n ),\n 'size-color-picker-swatch': dimension('1.5rem', 'The side of a VColorPicker swatch (24px)'),\n 'size-color-picker-checker': dimension(\n '0.5rem',\n 'The side of the checkerboard showing through a translucent colour (8px)',\n ),\n 'size-date-picker-cell': dimension('2.5rem', 'The side of a VDatePicker day cell'),\n 'size-date-picker-day': dimension(\n '{control.height.md}',\n 'The diameter of the disc a VDatePicker day is drawn on; the cell grows to hold it',\n ),\n 'size-date-picker-dot': dimension('0.25rem', 'The diameter of a VDatePicker event dot'),\n 'size-date-picker-nav-min': dimension(\n '5.375rem',\n \"The minimum width of VDatePicker's month/year picker buttons (about 86px)\",\n ),\n 'size-tab-indicator': dimension(\n '2px',\n 'The thickness of the active tab indicator (VTabs, every variant but inset)',\n ),\n 'size-table-search': dimension('16rem', \"The width of VDataTable's search field\"),\n 'size-time-picker-dial': dimension('16rem', \"The diameter of VTimePicker's clock face\"),\n 'size-time-picker-number': dimension(\n '3rem',\n \"A numeral cell on VTimePicker's face, and the hand's dot on a marker\",\n ),\n 'size-time-picker-center': dimension('0.5rem', \"The center dot of VTimePicker's face\"),\n 'size-time-picker-hand': dimension('2px', \"The thickness of the hand on VTimePicker's face\"),\n 'size-time-picker-hand-minor': dimension(\n '1rem',\n \"The dot of VTimePicker's hand on a minute off the 5-minute markers\",\n ),\n 'size-file-picker-min-block': dimension(\n '10rem',\n \"The minimum height of VFilePicker's drop zone: icon, two lines, separator and button\",\n ),\n 'size-file-picker-icon': dimension(\n '2.5rem',\n \"The large icon at the top of VFilePicker's drop zone\",\n ),\n 'size-file-picker-thumb': dimension(\n '2.5rem',\n 'The thumbnail square of a VFilePicker preview row (an image, or its type icon)',\n ),\n /*\n * This hour height must leave room for a readable title in short events; cards have no\n * minimum height.\n */\n 'size-calendar-hour': dimension('4rem', \"The height of one hour in VCalendar's time grid\"),\n 'size-calendar-gutter': dimension(\n '4.5rem',\n \"The column of hour labels beside VCalendar's time grid, wide enough for a 12-hour clock's '12:00 AM' on one line\",\n ),\n 'size-calendar-tick': dimension(\n '0.375rem',\n \"How far an hour's rule runs back into VCalendar's gutter, tying the label to its line\",\n ),\n /*\n * Keep this visual edge-strip width aligned with EDGE_BAND in VCalendar/edgeStep.ts so\n * paging starts where the highlight appears.\n */\n 'size-calendar-edge': dimension(\n '3rem',\n 'The strip at the side of VCalendar that pages the view when a dragged event rests on it',\n ),\n 'size-calendar-day-min': dimension(\n '5rem',\n 'The width a VCalendar day column may not go below, past which the grid scrolls',\n ),\n 'size-calendar-handle': dimension(\n '0.5rem',\n \"The strip along a VCalendar card's bottom edge that its end is dragged by\",\n ),\n 'size-calendar-allday-lane': dimension('1.5rem', \"One lane of VCalendar's all-day band\"),\n 'size-calendar-allday-max': dimension(\n '7rem',\n \"The height past which VCalendar's all-day band scrolls instead of growing\",\n ),\n 'size-calendar-now-dot': dimension('0.625rem', \"The dot on VCalendar's current-time line\"),\n 'size-calendar-event-edge': dimension(\n '3px',\n 'The width of the coloured leading edge of a VCalendar event',\n ),\n 'size-calendar-gap': dimension(\n '0.125rem',\n 'The gap VCalendar keeps between two events, side by side in a day or stacked in a month',\n ),\n 'size-calendar-grip': dimension(\n '1rem',\n \"The length of the grip drawn on a VCalendar card's resize strip\",\n ),\n 'size-calendar-grip-thickness': dimension(\n '2px',\n \"The thickness of that grip, which is also its distance from the card's bottom edge\",\n ),\n 'size-calendar-year-month': dimension(\n '13rem',\n \"The narrowest a mini-month of VCalendar's year view gets before the year reflows\",\n ),\n /*\n * Keep enough cell height for monthEventLimit chips and the overflow line; clipped cells do\n * not scroll to reveal hidden rows.\n */\n 'size-calendar-month-cell': dimension(\n '8.5rem',\n \"The minimum height of a day in VCalendar's month view\",\n ),\n 'size-calendar-year-cell': dimension(\n '1.5rem',\n \"The side of a day square in the mini-months of VCalendar's year view\",\n ),\n },\n icon: {\n 'size-sm': dimension('1rem', 'The icon size of xs controls (16px)'),\n 'size-md': dimension('1.25rem', 'The icon size of sm and md controls (20px)'),\n 'size-lg': dimension('1.5rem', 'The icon size of lg and xl controls (24px)'),\n },\n} satisfies TokenGroup\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"semantic.js","names":["semantic","color","fontFamily","dimension","fontWeight","duration"],"sources":["../../src/tokens/semantic.ts"],"sourcesContent":["/**\n * Semantic roles alias primitives; components depend on these roles so applications can theme\n * without rewriting component CSS.\n */\nimport { color, dimension, duration, fontFamily, fontWeight, type TokenGroup } from './types'\n\nexport const semantic = {\n color: {\n surface: color('{color.white}', 'The default page background'),\n 'surface-muted': color('{color.gray.100}', 'A muted background (secondary areas)'),\n 'surface-raised': color('{color.white}', 'Raised surfaces: cards'),\n 'surface-overlay': color('{color.white}', 'Floating surfaces: dialogs, popovers, menus'),\n 'surface-sunken': color('{color.gray.50}', 'Sunken surfaces: wells, code areas'),\n 'surface-inverse': color('{color.gray.900}', 'Inverted-contrast surfaces: tooltips'),\n 'surface-skeleton': color(\n '{color.gray.200}',\n \"The background of VSkeletonLoader's silhouettes, from which its highlight is derived\",\n ),\n\n 'text-on-inverse': color('{color.white}', 'Text set on an inverted surface'),\n\n text: color('{color.gray.900}', 'The running text of the interface'),\n 'text-muted': color(\n '{color.gray.600}',\n 'Secondary text: hints, captions, descriptions, start icons',\n ),\n 'text-subtle': color('{color.gray.500}', 'Placeholders, disabled text'),\n 'text-on-accent': color('{color.white}', 'Text set on an accent/danger/success background'),\n 'text-on-warning': color(\n '{color.gray.950}',\n 'Text set on a solid warning background (amber too light for white)',\n ),\n\n border: color('{color.gray.200}', 'Dividers, and the frames of cards, tables and panels'),\n 'border-strong': color('{color.gray.300}', 'The borders of form controls'),\n 'border-on-fill': color(\n 'oklch(0% 0 0 / 0.12)',\n 'A veil edging or dividing a filled background: VButtonGroup seams, VColorPicker swatches',\n ),\n\n accent: color(\n '{color.indigo.600}',\n 'The brand color: solid buttons, checked controls, the selected item',\n ),\n 'accent-hover': color('{color.indigo.700}', 'The accent color under the pointer'),\n 'accent-active': color('{color.indigo.800}', 'The accent color while pressed'),\n 'accent-surface': color('{color.indigo.50}', 'A tinted accent background (badges, selections)'),\n 'accent-border': color(\n '{color.indigo.200}',\n 'The border of a tinted accent element, matching the accent surface',\n ),\n 'accent-text': color('{color.indigo.700}', 'Accent text on a neutral or tinted background'),\n\n danger: color('{color.red.600}', 'Destructive actions and errors: solid buttons, error states'),\n 'danger-hover': color('{color.red.700}', 'The danger color under the pointer'),\n 'danger-active': color('{color.red.800}', 'The danger color while pressed'),\n 'danger-surface': color(\n '{color.red.50}',\n 'A tinted danger background (soft buttons and chips, a destructive menu item)',\n ),\n 'danger-border': color(\n '{color.red.200}',\n 'The border of a tinted danger element, matching the danger surface',\n ),\n 'danger-text': color(\n '{color.red.700}',\n 'Danger text on a neutral or tinted background: error messages, a destructive menu item',\n ),\n\n /* Green filled surfaces need step 700 to contrast with white text. */\n success: color('{color.green.700}', 'A positive outcome: solid chips, badges, notifications'),\n 'success-hover': color('{color.green.800}', 'The success color under the pointer'),\n 'success-active': color('{color.green.900}', 'The success color while pressed'),\n 'success-surface': color(\n '{color.green.50}',\n 'A tinted success background (soft chips, badges, notifications)',\n ),\n 'success-border': color(\n '{color.green.200}',\n 'The border of a tinted success element, matching the success surface',\n ),\n 'success-text': color('{color.green.800}', 'Success text on a neutral or tinted background'),\n\n warning: color(\n '{color.amber.600}',\n 'A situation that calls for attention: solid chips, badges, notifications',\n ),\n 'warning-hover': color('{color.amber.700}', 'The warning color under the pointer'),\n 'warning-active': color('{color.amber.800}', 'The warning color while pressed'),\n 'warning-surface': color(\n '{color.amber.50}',\n 'A tinted warning background (soft chips, badges, notifications)',\n ),\n 'warning-border': color(\n '{color.amber.200}',\n 'The border of a tinted warning element, matching the warning surface',\n ),\n 'warning-text': color('{color.amber.900}', 'Warning text on a neutral or tinted background'),\n\n backdrop: color('oklch(0% 0 0 / 0.45)', 'The veil behind modal dialogs'),\n\n /*\n * Keep event colours literal: root-declared var aliases resolve their hue before cards can\n * supply per-event hues.\n */\n 'event-surface': color(\n 'oklch(0.95 0.045 265)',\n 'The face of a calendar event that carries no color of its own',\n ),\n 'event-border': color(\n 'oklch(0.85 0.08 265)',\n 'The edge of that calendar event, and the bar marking its leading side',\n ),\n 'event-text': color('oklch(0.4 0.11 265)', 'The title of that calendar event'),\n },\n text: {\n family: fontFamily('{font.family.sans}', 'The running font of every component'),\n 'family-heading': fontFamily(\n '{font.family.display}',\n 'The font of the display and heading roles, the running font until it is overridden',\n ),\n 'family-code': fontFamily(\n '{font.family.mono}',\n 'The font of code content (the code role, VInputOTP)',\n ),\n display: {\n size: dimension('{font.size.5xl}'),\n weight: fontWeight('{font.weight.bold}'),\n leading: dimension('{font.leading.none}'),\n tracking: dimension('{font.tracking.tight}'),\n },\n 'heading-1': {\n size: dimension('{font.size.4xl}'),\n weight: fontWeight('{font.weight.bold}'),\n leading: dimension('{font.leading.tight}'),\n tracking: dimension('{font.tracking.tight}'),\n },\n 'heading-2': {\n size: dimension('{font.size.2xl}'),\n weight: fontWeight('{font.weight.semibold}'),\n leading: dimension('{font.leading.tight}'),\n tracking: dimension('{font.tracking.tight}'),\n },\n 'heading-3': {\n size: dimension('{font.size.lg}'),\n weight: fontWeight('{font.weight.semibold}'),\n leading: dimension('{font.leading.snug}'),\n },\n 'heading-4': {\n size: dimension('{font.size.md}'),\n weight: fontWeight('{font.weight.semibold}'),\n leading: dimension('{font.leading.snug}'),\n },\n subtitle: {\n size: dimension('{font.size.sm}'),\n weight: fontWeight('{font.weight.regular}'),\n leading: dimension('{font.leading.normal}'),\n },\n 'body-xl': {\n size: dimension('{font.size.lg}'),\n weight: fontWeight('{font.weight.regular}'),\n leading: dimension('{font.leading.relaxed}'),\n },\n 'body-lg': {\n size: dimension('{font.size.md}'),\n weight: fontWeight('{font.weight.regular}'),\n leading: dimension('{font.leading.relaxed}'),\n },\n 'body-md': {\n size: dimension('{font.size.sm}'),\n weight: fontWeight('{font.weight.regular}'),\n leading: dimension('{font.leading.normal}'),\n },\n 'body-sm': {\n size: dimension('{font.size.xs}'),\n weight: fontWeight('{font.weight.regular}'),\n leading: dimension('{font.leading.normal}'),\n },\n label: {\n size: dimension('{font.size.sm}'),\n weight: fontWeight('{font.weight.medium}'),\n leading: dimension('{font.leading.snug}'),\n },\n /* Choice text uses label dimensions at regular weight to remain distinct from field labels. */\n choice: {\n size: dimension('{font.size.sm}'),\n weight: fontWeight('{font.weight.regular}'),\n leading: dimension('{font.leading.snug}'),\n },\n caption: {\n size: dimension('{font.size.xs}'),\n weight: fontWeight('{font.weight.regular}'),\n leading: dimension('{font.leading.snug}'),\n },\n overline: {\n size: dimension('{font.size.xs}'),\n weight: fontWeight('{font.weight.medium}'),\n leading: dimension('{font.leading.snug}'),\n tracking: dimension('{font.tracking.wide}'),\n },\n code: {\n size: dimension('{font.size.sm}'),\n weight: fontWeight('{font.weight.regular}'),\n leading: dimension('{font.leading.normal}'),\n },\n /* Control size comes from --control-font-size; this recipe supplies weight and leading only. */\n control: {\n weight: fontWeight('{font.weight.medium}'),\n leading: dimension('{font.leading.none}'),\n },\n },\n radius: {\n interactive: dimension('{radius.md}', 'Buttons, inputs, controls'),\n surface: dimension('{radius.lg}', 'Cards, alerts'),\n overlay: dimension('{radius.xl}', 'Dialogs, popovers, menus'),\n pill: dimension('{radius.full}', 'Full rounding: switches, badges, pill-shaped chips'),\n chip: dimension(\n '{radius.interactive}',\n 'Chips with shape=\"chip\", which follow the interactive radius by default',\n ),\n },\n /** Semantic transition durations are theme-independent. */\n duration: {\n fast: duration('{duration.150}', 'Color and border changes on hover, focus and press'),\n base: duration('{duration.200}', 'The default: a panel opening, a value moving'),\n slow: duration('{duration.300}', 'Movements large enough to be followed by the eye'),\n },\n focus: {\n 'ring-color': color(\n '{color.indigo.500}',\n 'The keyboard focus ring, which has to stand out against the page',\n ),\n 'ring-width': dimension('2px', 'The thickness of the focus ring'),\n 'ring-offset': dimension('2px', 'The gap between a control and its focus ring'),\n },\n density: {\n delta: dimension(\n '0px',\n 'What the density takes off every control height and component padding: 0px for the standard scale, the --vectis-space-1 step for the compact one',\n ),\n },\n control: {\n 'height-xs': dimension(\n '1.5rem',\n 'The height of every control at size=\"xs\" (24px), less the density delta',\n ),\n 'height-sm': dimension(\n '2rem',\n 'The height of every control at size=\"sm\" (32px), less the density delta',\n ),\n 'height-md': dimension(\n '2.5rem',\n 'The height of every control at size=\"md\" (40px), less the density delta',\n ),\n 'height-lg': dimension(\n '3rem',\n 'The height of every control at size=\"lg\" (48px), less the density delta',\n ),\n 'height-xl': dimension(\n '3.5rem',\n 'The height of every control at size=\"xl\" (56px), less the density delta',\n ),\n 'border-width': dimension('2px', 'The border of checkable controls (VCheckbox, VRadio)'),\n 'size-check': dimension('1.25rem', 'The box of checkable controls (VCheckbox, VRadio)'),\n 'size-check-mark': dimension('0.875rem', \"The tick inside VCheckbox's box\"),\n 'size-check-dot': dimension('0.5rem', \"The dot inside VRadio's circle\"),\n 'size-switch-w': dimension('2.5rem', \"The width of VSwitch's track\"),\n 'size-switch-h': dimension('1.25rem', \"The height of VSwitch's track\"),\n 'size-switch-pad': dimension(\n '0.125rem',\n \"The gap between VSwitch's thumb and the edge of its track\",\n ),\n 'action-size-sm': dimension(\n '1.25rem',\n 'The inner buttons of sm input fields (clear, a clickable icon)',\n ),\n 'action-size-md': dimension(\n '1.5rem',\n 'The inner buttons of md input fields (clear, a clickable icon)',\n ),\n 'action-size-lg': dimension(\n '1.75rem',\n 'The inner buttons of lg input fields (clear, a clickable icon)',\n ),\n 'size-slider-track': dimension('0.375rem', \"The thickness of VSlider's track\"),\n 'size-slider-thumb': dimension('1.25rem', \"The diameter of VSlider's thumb\"),\n 'size-slider-length': dimension('10rem', 'The default length of a vertical VSlider'),\n 'size-slider-field': dimension('5rem', \"The width of VSlider's number fields\"),\n 'size-carousel-block': dimension(\n '24rem',\n \"The default block size of VCarousel's viewport, which a vertical carousel needs to lay its slides out\",\n ),\n 'size-carousel-indicator': dimension(\n '0.625rem',\n 'The diameter of a VCarousel indicator dot (its hit area comes from --vectis-control-height-xs)',\n ),\n 'size-carousel-indicator-active': dimension(\n '1.25rem',\n 'The length of the active VCarousel indicator, which stretches from a dot into a pill',\n ),\n 'size-combobox-list-max-block': dimension(\n '18rem',\n \"The maximum height of VCombobox's list panel (the scrolling area)\",\n ),\n 'size-select-list-max-block': dimension(\n '18rem',\n \"The maximum height of VSelect's list panel (the scrolling area)\",\n ),\n 'size-menu-min': dimension('11rem', \"The minimum width of VMenu's panel\"),\n 'size-menu-max': dimension('20rem', \"The maximum width of VMenu's panel\"),\n 'size-bar-thickness-xs': dimension(\n '0.125rem',\n 'The thickness of an xs VProgressLinear or VMeter bar (2px)',\n ),\n 'size-bar-thickness-sm': dimension(\n '0.25rem',\n 'The thickness of a small VProgressLinear or VMeter bar (4px)',\n ),\n 'size-bar-thickness-md': dimension(\n '0.5rem',\n 'The thickness of a medium VProgressLinear or VMeter bar (8px)',\n ),\n 'size-bar-thickness-lg': dimension(\n '0.75rem',\n 'The thickness of a large VProgressLinear or VMeter bar (12px)',\n ),\n 'size-bar-thickness-xl': dimension(\n '1.25rem',\n 'The thickness of an xl VProgressLinear or VMeter bar, which holds the value written inside it (20px)',\n ),\n 'size-bar-length': dimension(\n '10rem',\n 'The default length of a vertical VProgressLinear, VMeter or VMeterGroup bar, which a height set on the component replaces',\n ),\n 'size-meter-group-swatch': dimension(\n '0.5rem',\n 'The diameter of the colour swatch before each row of a VMeterGroup legend (8px)',\n ),\n 'size-meter-segment-gap': dimension('0.125rem', 'The gap between two VMeter segments (2px)'),\n 'size-progress-circular-diameter': dimension(\n '3rem',\n 'The default diameter of VProgressCircular',\n ),\n 'size-progress-circular-thickness': dimension(\n '0.25rem',\n 'The default stroke thickness of VProgressCircular (4px)',\n ),\n 'size-skeleton-surface': dimension(\n '6rem',\n 'The default height of a surface-shaped VSkeletonLoader: a card, an image (96px)',\n ),\n 'size-resizable-hit': dimension(\n '0.75rem',\n 'The width of the strip around a VResizable handle that catches the pointer (12px)',\n ),\n 'size-resizable-grip-length': dimension(\n '1.5rem',\n 'The length of the grip VResizable draws on its handles under `grip` (24px)',\n ),\n 'size-resizable-grip-thickness': dimension(\n '0.5rem',\n 'The thickness of the grip VResizable draws on its handles under `grip` (8px)',\n ),\n 'size-toast-width': dimension('22rem', 'The default width of a toast'),\n 'size-tooltip-max': dimension('18rem', 'The widest a tooltip grows before it wraps (288px)'),\n 'size-hover-card-max': dimension('20rem', 'The widest a VHoverCard grows (320px)'),\n 'size-dialog-width': dimension(\n '25rem',\n 'The default width of VDialog and VDialogAlert (400px), when no `width` is given',\n ),\n 'size-command-palette-width': dimension(\n '40rem',\n 'The default width of VCommandPalette (640px), when no `width` is given',\n ),\n 'size-command-palette-list-max-block': dimension(\n '20rem',\n \"The tallest VCommandPalette's list of commands grows before it scrolls (320px)\",\n ),\n 'size-command-palette-offset': dimension(\n '6rem',\n 'The distance from the top of the viewport to VCommandPalette, which keeps its search field still as the list changes height (96px)',\n ),\n 'size-stepper-indicator': dimension(\n '2rem',\n 'The diameter of the circle holding a VStepper step number (32px)',\n ),\n 'size-stepper-connector-min': dimension(\n '1.5rem',\n 'The shortest a horizontal VStepper connector gets between two steps (24px)',\n ),\n 'size-timeline-dot-sm': dimension(\n '0.5rem',\n 'The dot marking an event of a small VTimeline (8px)',\n ),\n 'size-timeline-dot-md': dimension('0.625rem', 'The dot marking an event of a VTimeline (10px)'),\n 'size-timeline-icon-sm': dimension(\n '1.5rem',\n 'The round badge holding the icon of an event in a small VTimeline (24px)',\n ),\n 'size-timeline-icon-md': dimension(\n '2rem',\n 'The round badge holding the icon of an event in a VTimeline (32px)',\n ),\n 'size-timeline-item-min': dimension(\n '12rem',\n 'The narrowest an event of a horizontal VTimeline gets before the list scrolls (192px)',\n ),\n 'size-rating-sm': dimension('1.25rem', 'The icon of a small VRating (20px)'),\n 'size-rating-md': dimension('1.5rem', 'The icon of a medium VRating (24px)'),\n 'size-rating-lg': dimension('2rem', 'The icon of a large VRating (32px)'),\n 'size-drawer-sm': dimension(\n '20rem',\n 'The width of a small VDrawer on a side, or the height of one at the top or bottom (320px)',\n ),\n 'size-drawer-md': dimension(\n '25rem',\n 'The width of a medium VDrawer on a side, or the height of one at the top or bottom (400px)',\n ),\n 'size-drawer-lg': dimension(\n '35rem',\n 'The width of a large VDrawer on a side, or the height of one at the top or bottom (560px)',\n ),\n 'size-snackbar-min': dimension('18rem', 'The minimum width of a snackbar (288px)'),\n 'size-snackbar-max': dimension('36rem', 'The maximum width of a snackbar (576px)'),\n 'size-card-media': dimension(\n '12rem',\n 'The width a horizontal VCard gives its media before the content wraps under it (192px)',\n ),\n 'size-card-body-min': dimension(\n '16rem',\n 'The narrowest content of a horizontal VCard: below it, the media moves above the content',\n ),\n 'size-empty-state-media-sm': dimension(\n '2.5rem',\n 'The diameter of the icon badge of a small VEmptyState (40px)',\n ),\n 'size-empty-state-media-md': dimension(\n '3rem',\n 'The diameter of the icon badge of a medium VEmptyState (48px)',\n ),\n 'size-empty-state-media-lg': dimension(\n '4rem',\n 'The diameter of the icon badge of a large VEmptyState (64px)',\n ),\n 'size-empty-state-text-max': dimension(\n '28rem',\n 'The widest the title and description of a VEmptyState run before they wrap (448px)',\n ),\n 'size-field-label': dimension(\n '10rem',\n 'The width of a VField label placed beside its control, before the control wraps under it (160px)',\n ),\n 'size-field-control-min': dimension(\n '16rem',\n 'The narrowest control of a VField with a side label: below it, the label moves above the control',\n ),\n 'size-badge-h': dimension('1.25rem', 'The height of a VBadge pill'),\n 'size-badge-dot': dimension('0.625rem', 'The diameter of VBadge in dot mode'),\n 'size-badge-ring': dimension('2px', 'The detaching ring of a bordered VBadge'),\n 'size-avatar-ring': dimension('2px', 'The ring separating stacked avatars (VAvatarGroup)'),\n 'size-separator-sm': dimension('1px', 'The stroke of a small VSeparator, the default hairline'),\n 'size-separator-md': dimension('2px', 'The stroke of a medium VSeparator'),\n 'size-separator-lg': dimension('4px', 'The stroke of a large VSeparator'),\n 'size-color-picker-width': dimension('16rem', 'The width of VColorPicker (256px)'),\n 'size-color-picker-area': dimension(\n '10rem',\n \"The height of VColorPicker's saturation and brightness area (160px)\",\n ),\n 'size-color-picker-track': dimension(\n '0.75rem',\n \"The thickness of VColorPicker's hue and opacity tracks (12px)\",\n ),\n 'size-color-picker-thumb': dimension(\n '1.25rem',\n \"The diameter of VColorPicker's thumbs, on the area and the tracks (20px)\",\n ),\n 'size-color-picker-preview': dimension(\n '2rem',\n 'The disc showing the current colour in VColorPicker (32px)',\n ),\n 'size-color-picker-format': dimension(\n '6rem',\n \"The width of VColorPicker's format menu, which holds its longest name (96px)\",\n ),\n 'size-color-picker-swatch': dimension('1.5rem', 'The side of a VColorPicker swatch (24px)'),\n 'size-color-picker-checker': dimension(\n '0.5rem',\n 'The side of the checkerboard showing through a translucent colour (8px)',\n ),\n 'size-date-picker-cell': dimension('2.5rem', 'The side of a VDatePicker day cell'),\n 'size-date-picker-day': dimension(\n '{control.height.md}',\n 'The diameter of the disc a VDatePicker day is drawn on; the cell grows to hold it',\n ),\n 'size-date-picker-dot': dimension('0.25rem', 'The diameter of a VDatePicker event dot'),\n 'size-date-picker-nav-min': dimension(\n '5.375rem',\n \"The minimum width of VDatePicker's month/year picker buttons (about 86px)\",\n ),\n 'size-tab-indicator': dimension(\n '2px',\n 'The thickness of the active tab indicator (VTabs, every variant but inset)',\n ),\n 'size-table-search': dimension('16rem', \"The width of VDataTable's search field\"),\n 'size-time-picker-dial': dimension('16rem', \"The diameter of VTimePicker's clock face\"),\n 'size-time-picker-number': dimension(\n '3rem',\n \"A numeral cell on VTimePicker's face, and the hand's dot on a marker\",\n ),\n 'size-time-picker-center': dimension('0.5rem', \"The center dot of VTimePicker's face\"),\n 'size-time-picker-hand': dimension('2px', \"The thickness of the hand on VTimePicker's face\"),\n 'size-time-picker-hand-minor': dimension(\n '1rem',\n \"The dot of VTimePicker's hand on a minute off the 5-minute markers\",\n ),\n 'size-file-picker-min-block': dimension(\n '10rem',\n \"The minimum height of VFilePicker's drop zone: icon, two lines, separator and button\",\n ),\n 'size-file-picker-icon': dimension(\n '2.5rem',\n \"The large icon at the top of VFilePicker's drop zone\",\n ),\n 'size-file-picker-thumb': dimension(\n '2.5rem',\n 'The thumbnail square of a VFilePicker preview row (an image, or its type icon)',\n ),\n /*\n * This hour height must leave room for a readable title in short events; cards have no\n * minimum height.\n */\n 'size-calendar-hour': dimension('4rem', \"The height of one hour in VCalendar's time grid\"),\n 'size-calendar-gutter': dimension(\n '4.5rem',\n \"The column of hour labels beside VCalendar's time grid, wide enough for a 12-hour clock's '12:00 AM' on one line\",\n ),\n 'size-calendar-tick': dimension(\n '0.375rem',\n \"How far an hour's rule runs back into VCalendar's gutter, tying the label to its line\",\n ),\n /*\n * Keep this visual edge-strip width aligned with EDGE_BAND in VCalendar/edgeStep.ts so\n * paging starts where the highlight appears.\n */\n 'size-calendar-edge': dimension(\n '3rem',\n 'The strip at the side of VCalendar that pages the view when a dragged event rests on it',\n ),\n 'size-calendar-day-min': dimension(\n '5rem',\n 'The width a VCalendar day column may not go below, past which the grid scrolls',\n ),\n 'size-calendar-handle': dimension(\n '0.5rem',\n \"The strip along a VCalendar card's bottom edge that its end is dragged by\",\n ),\n 'size-calendar-allday-lane': dimension('1.5rem', \"One lane of VCalendar's all-day band\"),\n 'size-calendar-allday-max': dimension(\n '7rem',\n \"The height past which VCalendar's all-day band scrolls instead of growing\",\n ),\n 'size-calendar-now-dot': dimension('0.625rem', \"The dot on VCalendar's current-time line\"),\n 'size-calendar-event-edge': dimension(\n '3px',\n 'The width of the coloured leading edge of a VCalendar event',\n ),\n 'size-calendar-gap': dimension(\n '0.125rem',\n 'The gap VCalendar keeps between two events, side by side in a day or stacked in a month',\n ),\n 'size-calendar-grip': dimension(\n '1rem',\n \"The length of the grip drawn on a VCalendar card's resize strip\",\n ),\n 'size-calendar-grip-thickness': dimension(\n '2px',\n \"The thickness of that grip, which is also its distance from the card's bottom edge\",\n ),\n 'size-calendar-year-month': dimension(\n '13rem',\n \"The narrowest a mini-month of VCalendar's year view gets before the year reflows\",\n ),\n /*\n * Keep enough cell height for monthEventLimit chips and the overflow line; clipped cells do\n * not scroll to reveal hidden rows.\n */\n 'size-calendar-month-cell': dimension(\n '8.5rem',\n \"The minimum height of a day in VCalendar's month view\",\n ),\n 'size-calendar-year-cell': dimension(\n '1.5rem',\n \"The side of a day square in the mini-months of VCalendar's year view\",\n ),\n },\n icon: {\n 'size-sm': dimension('1rem', 'The icon size of xs controls (16px)'),\n 'size-md': dimension('1.25rem', 'The icon size of sm and md controls (20px)'),\n 'size-lg': dimension('1.5rem', 'The icon size of lg and xl controls (24px)'),\n },\n} satisfies TokenGroup\n"],"mappings":"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"}
|
package/dist/tokens.json
CHANGED
|
@@ -1209,30 +1209,40 @@
|
|
|
1209
1209
|
"$value": "20rem",
|
|
1210
1210
|
"$description": "The maximum width of VMenu's panel"
|
|
1211
1211
|
},
|
|
1212
|
-
"size-
|
|
1212
|
+
"size-bar-thickness-xs": {
|
|
1213
1213
|
"$type": "dimension",
|
|
1214
|
-
"$value": "0.
|
|
1215
|
-
"$description": "The
|
|
1216
|
-
},
|
|
1217
|
-
"size-progress-linear-length": {
|
|
1218
|
-
"$type": "dimension",
|
|
1219
|
-
"$value": "10rem",
|
|
1220
|
-
"$description": "The default length of a vertical VProgressLinear, which a height set on the bar replaces"
|
|
1214
|
+
"$value": "0.125rem",
|
|
1215
|
+
"$description": "The thickness of an xs VProgressLinear or VMeter bar (2px)"
|
|
1221
1216
|
},
|
|
1222
|
-
"size-
|
|
1217
|
+
"size-bar-thickness-sm": {
|
|
1223
1218
|
"$type": "dimension",
|
|
1224
1219
|
"$value": "0.25rem",
|
|
1225
|
-
"$description": "The thickness of a small VMeter (4px)"
|
|
1220
|
+
"$description": "The thickness of a small VProgressLinear or VMeter bar (4px)"
|
|
1226
1221
|
},
|
|
1227
|
-
"size-
|
|
1222
|
+
"size-bar-thickness-md": {
|
|
1228
1223
|
"$type": "dimension",
|
|
1229
1224
|
"$value": "0.5rem",
|
|
1230
|
-
"$description": "The thickness of a medium VMeter (8px)"
|
|
1225
|
+
"$description": "The thickness of a medium VProgressLinear or VMeter bar (8px)"
|
|
1231
1226
|
},
|
|
1232
|
-
"size-
|
|
1227
|
+
"size-bar-thickness-lg": {
|
|
1233
1228
|
"$type": "dimension",
|
|
1234
1229
|
"$value": "0.75rem",
|
|
1235
|
-
"$description": "The thickness of a large VMeter (12px)"
|
|
1230
|
+
"$description": "The thickness of a large VProgressLinear or VMeter bar (12px)"
|
|
1231
|
+
},
|
|
1232
|
+
"size-bar-thickness-xl": {
|
|
1233
|
+
"$type": "dimension",
|
|
1234
|
+
"$value": "1.25rem",
|
|
1235
|
+
"$description": "The thickness of an xl VProgressLinear or VMeter bar, which holds the value written inside it (20px)"
|
|
1236
|
+
},
|
|
1237
|
+
"size-bar-length": {
|
|
1238
|
+
"$type": "dimension",
|
|
1239
|
+
"$value": "10rem",
|
|
1240
|
+
"$description": "The default length of a vertical VProgressLinear, VMeter or VMeterGroup bar, which a height set on the component replaces"
|
|
1241
|
+
},
|
|
1242
|
+
"size-meter-group-swatch": {
|
|
1243
|
+
"$type": "dimension",
|
|
1244
|
+
"$value": "0.5rem",
|
|
1245
|
+
"$description": "The diameter of the colour swatch before each row of a VMeterGroup legend (8px)"
|
|
1236
1246
|
},
|
|
1237
1247
|
"size-meter-segment-gap": {
|
|
1238
1248
|
"$type": "dimension",
|
|
@@ -1439,6 +1449,21 @@
|
|
|
1439
1449
|
"$value": "2px",
|
|
1440
1450
|
"$description": "The ring separating stacked avatars (VAvatarGroup)"
|
|
1441
1451
|
},
|
|
1452
|
+
"size-separator-sm": {
|
|
1453
|
+
"$type": "dimension",
|
|
1454
|
+
"$value": "1px",
|
|
1455
|
+
"$description": "The stroke of a small VSeparator, the default hairline"
|
|
1456
|
+
},
|
|
1457
|
+
"size-separator-md": {
|
|
1458
|
+
"$type": "dimension",
|
|
1459
|
+
"$value": "2px",
|
|
1460
|
+
"$description": "The stroke of a medium VSeparator"
|
|
1461
|
+
},
|
|
1462
|
+
"size-separator-lg": {
|
|
1463
|
+
"$type": "dimension",
|
|
1464
|
+
"$value": "4px",
|
|
1465
|
+
"$description": "The stroke of a large VSeparator"
|
|
1466
|
+
},
|
|
1442
1467
|
"size-color-picker-width": {
|
|
1443
1468
|
"$type": "dimension",
|
|
1444
1469
|
"$value": "16rem",
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "vectis-ui",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.17.0",
|
|
4
4
|
"description": "Vue 3 design system — HTML/CSS first, CSS tokens, Nuxt 3 (SSR) compatible",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"license": "MIT",
|
|
@@ -59,7 +59,7 @@
|
|
|
59
59
|
"**/*.css"
|
|
60
60
|
],
|
|
61
61
|
"peerDependencies": {
|
|
62
|
-
"vue": "^3.5.
|
|
62
|
+
"vue": "^3.5.42"
|
|
63
63
|
},
|
|
64
64
|
"devDependencies": {
|
|
65
65
|
"@arethetypeswrong/cli": "^0.18.5",
|
|
@@ -84,7 +84,7 @@
|
|
|
84
84
|
"vite-plugin-dts": "^5.0.3",
|
|
85
85
|
"vite-plus": "1.2.0",
|
|
86
86
|
"vitest": "5.0.4",
|
|
87
|
-
"vue": "^3.5.
|
|
87
|
+
"vue": "^3.5.42",
|
|
88
88
|
"vue-tsc": "^3.3.7"
|
|
89
89
|
},
|
|
90
90
|
"scripts": {
|