@accelint/design-system 0.1.0 → 0.1.1

package/dist/index.js

@@ -0,0 +1,66 @@
+export { AriaFieldError, AriaFieldErrorContext, AriaGroup, AriaGroupContext, AriaHeader, AriaHeaderContext, AriaHeading, AriaHeadingContext, AriaKeyboard, AriaKeyboardContext, AriaLabel, AriaLabelContext, AriaSection, AriaSectionContext, AriaSelectValue, AriaSelectValueContext, AriaSeparator, AriaSeparatorContext, AriaText, AriaTextContext } from './components/aria/aria.js';
+export { buttonClassNames, buttonColorVars, buttonContainer, buttonSpaceVars, buttonStateVars } from './components/button/button.vanilla.js';
+export { Button, ButtonContext, LinkButton, LinkButtonContext, ToggleButton, ToggleButtonContext } from './components/button/button.js';
+export { Checkbox, CheckboxContext, CheckboxGroup, CheckboxGroupContext } from './components/checkbox/checkbox.js';
+export { checkboxClassNames, checkboxColorVars, checkboxContainer, checkboxGroupStateVars, checkboxSpaceVars, checkboxStateVars } from './components/checkbox/checkbox.vanilla.js';
+export { Chip, ChipContext, ChipGroup, ChipGroupContext, ChipItem, ChipList } from './components/chip/chip.js';
+export { chipClassNames, chipColorVars, chipContainer, chipSpaceVars, chipStateVars } from './components/chip/chip.vanilla.js';
+export { createCollectionRenderer } from './components/collection/collection.js';
+export { ComboBox, ComboBoxContext } from './components/combo-box/combo-box.js';
+export { comboBoxClassNames, comboBoxColorVars, comboBoxContainer, comboBoxSpaceVars, comboBoxStateVars } from './components/combo-box/combo-box.vanilla.js';
+export { Dialog, DialogContext } from './components/dialog/dialog.js';
+export { dialogClassNames, dialogColorVars, dialogContainer, dialogSpaceVars, dialogStateVars } from './components/dialog/dialog.vanilla.js';
+export { Drawer, DrawerDialog, DrawerTab, DrawerTabList } from './components/drawer/drawer.js';
+export { drawerAnimationVars, drawerClassNames, drawerColorVars, drawerContainer, drawerDialogStateVars, drawerSpaceVars, drawerStateVars } from './components/drawer/drawer.vanilla.js';
+export { Element, ElementContext } from './components/element/element.js';
+export { Group, GroupContext } from './components/group/group.js';
+export { groupClassNames, groupContainer, groupSpaceVars, groupStateVars } from './components/group/group.vanilla.js';
+export { Icon, IconContext } from './components/icon/icon.js';
+export { iconClassNames, iconColorVars, iconContainer, iconSpaceVars, iconStateVars } from './components/icon/icon.vanilla.js';
+export { Input, InputContext } from './components/input/input.js';
+export { inputClassNames, inputColorVars, inputContainer, inputSpaceVars, inputStateVars } from './components/input/input.vanilla.js';
+export { Menu, MenuContext, MenuItem, MenuItemContext, MenuList, MenuListContext } from './components/menu/menu.js';
+export { menuColorVars, menuItemStateVars, menuSpaceVars, menuStateVars } from './components/menu/menu.vanilla.js';
+export { MergeProvider } from './components/merge-provider/merge-provider.js';
+export { Options, OptionsContext, OptionsItem, OptionsItemContext, OptionsList, OptionsListContext } from './components/options/options.js';
+export { optionsClassNames, optionsColorVars, optionsContainers, optionsItemStateVars, optionsListStateVars, optionsSpaceVars, optionsStateVars } from './components/options/options.vanilla.js';
+export { Picker, PickerContext, PickerItem, PickerItemContext } from './components/picker/picker.js';
+export { pickerClassNames, pickerContainers, pickerItemColorVars, pickerItemStateVars, pickerSpaceVars, pickerStateVars } from './components/picker/picker.vanilla.js';
+export { Popover, PopoverContext } from './components/popover/popover.js';
+export { popoverClassNames, popoverColorVars, popoverSpaceVars, popoverStateVars } from './components/popover/popover.vanilla.js';
+export { QueryBuilderContext } from './components/query-builder/constants.js';
+export { QueryBuilder } from './components/query-builder/query-builder.js';
+export { queryBuilderClassNames, queryBuilderColorVars, queryBuilderContainers, queryBuilderGroupStateVars, queryBuilderRuleStateVars, queryBuilderSpaceVars, queryBuilderStateVars } from './components/query-builder/query-builder.vanilla.js';
+export { pressToMouseEvent } from './components/query-builder/utils.js';
+export { Radio, RadioContext, RadioGroup, RadioGroupContext } from './components/radio/radio.js';
+export { radioClassNames, radioColorVars, radioGroupStateVars, radioSpaceVars, radioStateVars } from './components/radio/radio.vanilla.js';
+export { SearchField, SearchFieldContext } from './components/search-field/search-field.js';
+export { searchFieldClassNames, searchFieldContainer, searchFieldSpaceVars, searchFieldStateVars } from './components/search-field/search-field.vanilla.js';
+export { Select, SelectContext } from './components/select/select.js';
+export { selectClassNames, selectColorVars, selectContainer, selectSpaceVars, selectStateVars } from './components/select/select.vanilla.js';
+export { Switch, SwitchContext } from './components/switch/switch.js';
+export { switchClassNames, switchColorVars, switchContainer, switchSpaceVars, switchStateVars } from './components/switch/switch.vanilla.js';
+export { Tab, TabContext, TabList, TabListContext, TabPanel, TabPanelContext, TabPanels, TabPanelsContext, Tabs, TabsContext } from './components/tabs/tabs.js';
+export { tabColorVars, tabListStateVars, tabPanelStateVars, tabPanelsStateVars, tabSpaceVars, tabStateVars, tabsClassNames, tabsContainers } from './components/tabs/tabs.vanilla.js';
+export { TextArea, TextAreaContext } from './components/textarea/textarea.js';
+export { textAreaClassNames, textAreaColorVars, textAreaContainer, textAreaSpaceVars, textAreaStateVars } from './components/textarea/textarea.vanilla.js';
+export { Tooltip, TooltipContext, TooltipTarget, TooltipTargetContext } from './components/tooltip/tooltip.js';
+export { tooltipClassNames, tooltipContainers, tooltipSpaceVars, tooltipStateVars, tooltipTargetStateVars } from './components/tooltip/tooltip.vanilla.js';
+export { Tree, TreeGroup, TreeItem, TreeStateContext } from './components/tree/tree.js';
+export { treeClassNames, treeColorVars, treeContainers, treeGroupStateVars, treeIndicatorStateVars, treeItemStateVars, treeSpaceVars, treeStateVars } from './components/tree/tree.vanilla.js';
+export { useCollectionRender } from './hooks/use-collection-render/use-collection-render.js';
+export { useContextProps } from './hooks/use-context-props/use-context-props.js';
+export { DefaultsProvider, useDefaultProps, useDefaults } from './hooks/use-defaults/use-defaults.js';
+export { usePropagatingPress } from './hooks/use-propagating-press/use-propagating-press.js';
+export { useSlot } from './hooks/use-slot/use-slot.js';
+export { ThemeProvider, useTheme } from './hooks/use-theme/use-theme.js';
+export { useTree } from './hooks/use-tree/use-tree.js';
+export { useUpdateEffect } from './hooks/use-update-effect/use-update-effect.js';
+export { layers } from './styles/layers.vanilla.js';
+export { surfaces } from './styles/surfaces.vanilla.js';
+export { defaultElevationVarValues, defaultElevations, defaultFocus, defaultFocusVarValues, defaultGenericColorVarValues, defaultGenericColors, defaultRadius, defaultRadiusVarValues, defaultSemanticColorVarValues, defaultSemanticColors, defaultSizes, defaultSizesVarValues, defaultSpace, defaultSpaceVarValues, defaultTypography, defaultTypographyVarValues, defaultZIndex, defaultZIndexVarValues, elevationVars, focusOutlineStyle, focusVars, genericColorVars, radiusVars, semanticColorVars, sizeVars, spaceVars, typographyVars, zIndexVars } from './styles/theme.vanilla.js';
+export { bodies, families, headings, inputs, label } from './styles/typography.vanilla.js';
+export { applyThemeVars, assignPartialVars, computeContract, containerQueries, containerQuery, inlineVars, unwrapCssVar } from './utils/css.js';
+export { continuePropagation } from './utils/events.js';
+export { callRenderProps, mergeClassNames, mergeProps, wrapRenderProps } from './utils/props.js';
+export { alphaChannelAsNumberValidator, alphaChannelAsStringValidator, colorChannelAsNumberValidator, colorChannelAsStringValidator, pixelValueAsNumberValidator, pixelValueAsStringValidator, rgbaAsStringValidator, rgbaAsTupleValidator } from './utils/validators.js';

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/ladle/actions.d.ts

@@ -0,0 +1 @@
+export declare function actions<T>(...keys: (keyof T)[]): Partial<T>;

package/dist/ladle/index.d.ts

@@ -0,0 +1 @@
+export { actions } from './actions';

package/dist/styles/index.d.ts

@@ -0,0 +1,6 @@
+import './reset.css';
+import './space.css';
+export { layers } from './layers.css';
+export { surfaces } from './surfaces.css';
+export { defaultGenericColors, defaultGenericColorVarValues, defaultElevations, defaultElevationVarValues, defaultFocus, defaultFocusVarValues, defaultRadius, defaultRadiusVarValues, defaultSemanticColorVarValues, defaultSemanticColors, defaultSizes, defaultSizesVarValues, defaultSpace, defaultSpaceVarValues, defaultTypography, defaultTypographyVarValues, defaultZIndex, defaultZIndexVarValues, elevationVars, focusOutlineStyle, focusVars, genericColorVars, radiusVars, semanticColorVars, sizeVars, spaceVars, typographyVars, zIndexVars, } from './theme.css';
+export { bodies, families, headings, inputs, label } from './typography.css';

package/dist/styles/layers.css.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Be aware that using parent layers overrides their children
+ *
+ * Example: "framework" overrides "components"
+ *
+ * Because of this, it is recommended to never directly use the
+ * parent layers directly, only their children, which is why we
+ * don't export them
+ */
+export declare const layers: {
+    reset: string;
+    variables: Record<"l1" | "l5" | "l4" | "l2" | "l3", string>;
+    styles: string;
+    components: Record<"l1" | "l5" | "l4" | "l2" | "l3", string>;
+    overrides: Record<"l1" | "l5" | "l4" | "l2" | "l3", string>;
+};

package/dist/styles/layers.vanilla.js

@@ -0,0 +1,4 @@
+
+var layers = { reset: "layers_reset__qkbqqj0", variables: { l1: "layers_framework__qkbqqj1.layers_variables__qkbqqj2.layers_variables.l1__qkbqqj3", l2: "layers_framework__qkbqqj1.layers_variables__qkbqqj2.layers_variables.l2__qkbqqj4", l3: "layers_framework__qkbqqj1.layers_variables__qkbqqj2.layers_variables.l3__qkbqqj5", l4: "layers_framework__qkbqqj1.layers_variables__qkbqqj2.layers_variables.l4__qkbqqj6", l5: "layers_framework__qkbqqj1.layers_variables__qkbqqj2.layers_variables.l5__qkbqqj7" }, styles: "layers_framework__qkbqqj1.layers_styles__qkbqqj8", components: { l1: "layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja", l2: "layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l2__qkbqqjb", l3: "layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l3__qkbqqjc", l4: "layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l4__qkbqqjd", l5: "layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l5__qkbqqje" }, overrides: { l1: "layers_overrides__qkbqqjf.layers_overrides.l1__qkbqqjg", l2: "layers_overrides__qkbqqjf.layers_overrides.l2__qkbqqjh", l3: "layers_overrides__qkbqqjf.layers_overrides.l3__qkbqqji", l4: "layers_overrides__qkbqqjf.layers_overrides.l4__qkbqqjj", l5: "layers_overrides__qkbqqjf.layers_overrides.l5__qkbqqjk" } };
+
+export { layers };

package/dist/styles/layers.vanilla.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layers.vanilla.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/dist/styles/reset.css.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/styles/space.css.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/styles/surfaces.css.d.ts

@@ -0,0 +1,4 @@
+export declare const surfaces: Record<"default" | "raised" | "overlay", {
+    flush: string;
+    proud: string;
+}>;

package/dist/styles/surfaces.vanilla.js

@@ -0,0 +1,4 @@
+
+var surfaces = { "default": { flush: "surfaces_flush__15mw6jf0", proud: "surfaces_proud__15mw6jf1 surfaces_flush__15mw6jf0" }, raised: { flush: "surfaces_flush__15mw6jf2", proud: "surfaces_proud__15mw6jf3 surfaces_flush__15mw6jf2" }, overlay: { flush: "surfaces_flush__15mw6jf4", proud: "surfaces_proud__15mw6jf5 surfaces_flush__15mw6jf4" } };
+
+export { surfaces };

package/dist/styles/surfaces.vanilla.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"surfaces.vanilla.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/dist/styles/theme.css.d.ts

@@ -0,0 +1,334 @@
+import { type CSSProperties } from '@vanilla-extract/css';
+import type { MapLeafNodes } from '../types';
+/**
+ * Values should be set as rgb(a) values to support sharing over to DeckGL
+ */
+export declare const genericColorVars: {
+    neutral: {
+        v01: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        v02: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        v03: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        v04: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        v05: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        v06: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        v07: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        v08: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        v09: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        v10: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    highlight: {
+        primary: {
+            v1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            v2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            v3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            v4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            v5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        secondary: {
+            v1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            v2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            v3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            v4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            v5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        tertiary: {
+            v1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            v2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            v3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            v4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            v5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+    };
+    condition: {
+        base: {
+            v1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            v2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            v3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            v4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            v5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        advisory: {
+            v1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            v2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            v3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            v4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            v5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        affirmative: {
+            v1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            v2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            v3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            v4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            v5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        serious: {
+            v1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            v2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            v3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            v4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            v5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        critical: {
+            v1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            v2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            v3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            v4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            v5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+    };
+};
+export declare const defaultGenericColorVarValues: MapLeafNodes<typeof genericColorVars, string>;
+export declare const defaultGenericColors: string;
+/**
+ * Values should be set as rgb(a) values to support sharing over to DeckGL
+ */
+export declare const semanticColorVars: {
+    background: {
+        surface: {
+            default: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            raised: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            overlay: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        interactive: {
+            default: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            disabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            active: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        highlight: {
+            bold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            subtle: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        info: {
+            bold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            subtle: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        advisory: {
+            bold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            subtle: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        affirmative: {
+            bold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            subtle: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        serious: {
+            bold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            subtle: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        critical: {
+            bold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            subtle: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+    };
+    foreground: {
+        interactive: {
+            primary: {
+                bold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                subtle: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            };
+            secondary: {
+                bold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                subtle: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            };
+            disabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            highlight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        info: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        advisory: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        affirmative: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        serious: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        critical: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    border: {
+        static: {
+            exterior: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            interior: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        interactive: {
+            default: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            hover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            disabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            highlight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        info: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        advisory: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        affirmative: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        serious: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        critical: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+};
+export declare const defaultSemanticColorVarValues: MapLeafNodes<typeof semanticColorVars, string>;
+export declare const defaultSemanticColors: string;
+export declare const elevationVars: {
+    default: {
+        surface: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        shadow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    raised: {
+        surface: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        shadow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    overlay: {
+        surface: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        shadow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+};
+export declare const defaultElevationVarValues: MapLeafNodes<typeof elevationVars, string>;
+export declare const defaultElevations: string;
+/**
+ * Values should be set as pixel values to support sharing over to DeckGL
+ */
+export declare const sizeVars: {
+    none: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    v01: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    v02: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    v03: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    v04: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    v05: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    v06: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    v07: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    v08: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    v09: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    v10: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+};
+export declare const defaultSizesVarValues: MapLeafNodes<typeof sizeVars, string>;
+export declare const defaultSizes: string;
+export declare const spaceVars: {
+    heading: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    paragraph: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    list: {
+        group: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        item: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    lastChild: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+};
+export declare const defaultSpaceVarValues: MapLeafNodes<typeof spaceVars, string>;
+export declare const defaultSpace: string;
+export declare const radiusVars: {
+    none: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    sm: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    md: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    lg: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    round: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+};
+export declare const defaultRadiusVarValues: MapLeafNodes<typeof radiusVars, string>;
+export declare const defaultRadius: string;
+export declare const typographyVars: {
+    mono: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    sans: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    serif: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    heading: {
+        v1: {
+            height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            size: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            spacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            weight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        v2: {
+            height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            size: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            spacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            weight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        v3: {
+            height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            size: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            spacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            weight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        v4: {
+            height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            size: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            spacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            weight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        v5: {
+            height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            size: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            spacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            weight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        v6: {
+            height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            size: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            spacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            weight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+    };
+    body: {
+        xs: {
+            height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            size: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            spacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            weight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        sm: {
+            height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            size: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            spacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            weight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        md: {
+            height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            size: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            spacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            weight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        lg: {
+            height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            size: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            spacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            weight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        xl: {
+            height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            size: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            spacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            weight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+    };
+    input: {
+        sm: {
+            height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            size: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            spacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            weight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        lg: {
+            height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            size: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            spacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            weight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+    };
+    label: {
+        height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        size: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        spacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        weight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+};
+export declare const defaultTypographyVarValues: MapLeafNodes<typeof typographyVars, string>;
+export declare const defaultTypography: string;
+export declare const zIndexVars: {
+    popover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    layout: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    drawer: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    modal: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    dialog: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    popup: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    tooltip: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+};
+export declare const defaultZIndexVarValues: MapLeafNodes<typeof zIndexVars, string>;
+export declare const defaultZIndex: string;
+export declare const focusVars: {
+    offset: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    style: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+};
+export declare const defaultFocusVarValues: MapLeafNodes<typeof focusVars, string>;
+export declare const defaultFocus: string;
+export declare const focusOutlineStyle: CSSProperties;

package/dist/styles/theme.vanilla.js

@@ -0,0 +1,31 @@
+
+var defaultElevationVarValues = { "default": { surface: "var(--neutral-v10__ljimwq9)", shadow: "none", color: "var(--neutral-v01__ljimwq0)" }, raised: { surface: "var(--neutral-v09__ljimwq8)", shadow: "0 3px 14px 0 rgb(from var(--neutral-v10__ljimwq9) r g b / 0.12), 0 8px 10px 0 rgb(from var(--neutral-v10__ljimwq9) r g b / 0.14), 0 5px 5px 0 rgb(from var(--neutral-v10__ljimwq9) r g b / 0.2)", color: "var(--neutral-v01__ljimwq0)" }, overlay: { surface: "var(--neutral-v08__ljimwq7)", shadow: "0 5px 22px 0 rgb(from var(--neutral-v10__ljimwq9) r g b / 0.12), 0 12px 17px 0 rgb(from var(--neutral-v10__ljimwq9) r g b / 0.14), 0 7px 8px 0 rgb(from var(--neutral-v10__ljimwq9) r g b / 0.2)", color: "var(--neutral-v01__ljimwq0)" } };
+var defaultElevations = "theme_defaultElevations__ljimwq2t";
+var defaultFocus = "theme_defaultFocus__ljimwq5i";
+var defaultFocusVarValues = { offset: "var(--v02__ljimwq2w)", width: "1.5px", style: "solid", color: "" };
+var defaultGenericColorVarValues = { neutral: { v01: "rgba(255, 255, 255, 1)", v02: "rgba(236, 236, 230, 1)", v03: "rgba(137, 137, 137, 1)", v04: "rgba(104, 104, 104, 1)", v05: "rgba(86, 86, 86, 1)", v06: "rgba(66, 66, 68, 1)", v07: "rgba(56, 56, 56, 1)", v08: "rgba(47, 47, 49, 1)", v09: "rgba(34, 34, 34, 1)", v10: "rgba(11, 11, 11, 1)" }, highlight: { primary: { v1: "rgba(201, 253, 239, 1)", v2: "rgba(125, 249, 216, 1)", v3: "rgba(40, 245, 190, 1)", v4: "rgba(24, 147, 114, 1)", v5: "rgba(10, 61, 48, 1)" }, secondary: { v1: "rgba(201, 246, 253, 1)", v2: "rgba(126, 233, 249, 1)", v3: "rgba(40, 220, 245, 1)", v4: "rgba(24, 132, 147, 1)", v5: "rgba(10, 55, 61, 1)" }, tertiary: { v1: "rgba(249, 197, 226, 1)", v2: "rgba(241, 116, 185, 1)", v3: "rgba(232, 23, 138, 1)", v4: "rgba(138, 14, 83, 1)", v5: "rgba(58, 6, 35, 1)" } }, condition: { base: { v1: "var(--neutral-v02__ljimwq1)", v2: "var(--neutral-v03__ljimwq2)", v3: "var(--neutral-v04__ljimwq3)", v4: "var(--neutral-v07__ljimwq6)", v5: "var(--neutral-v09__ljimwq8)" }, advisory: { v1: "rgba(224, 237, 255, 1)", v2: "rgba(161, 202, 255, 1)", v3: "rgba(98, 166, 255, 1)", v4: "rgba(58, 100, 153, 1)", v5: "rgba(20, 33, 51, 1)" }, affirmative: { v1: "rgba(214, 246, 229, 1)", v2: "rgba(130, 228, 178, 1)", v3: "rgba(48, 210, 126, 1)", v4: "rgba(28, 126, 76, 1)", v5: "rgba(10, 42, 25, 1)" }, serious: { v1: "rgba(254, 237, 204, 1)", v2: "rgba(253, 200, 101, 1)", v3: "rgba(252, 164, 0, 1)", v4: "rgba(151, 98, 1, 1)", v5: "rgba(50, 33, 0, 1)" }, critical: { v1: "rgba(246, 211, 210, 1)", v2: "rgba(229, 123, 119, 1)", v3: "rgba(212, 35, 29, 1)", v4: "rgba(127, 21, 17, 1)", v5: "rgba(42, 7, 6, 1)" } } };
+var defaultGenericColors = "theme_defaultGenericColors__ljimwq1e";
+var defaultRadius = "theme_defaultRadius__ljimwq3h";
+var defaultRadiusVarValues = { none: "0", sm: "var(--v02__ljimwq2w)", md: "var(--v03__ljimwq2x)", lg: "var(--v04__ljimwq2y)", round: "9999px" };
+var defaultSemanticColorVarValues = { background: { surface: { "default": "var(--neutral-v10__ljimwq9)", raised: "var(--neutral-v09__ljimwq8)", overlay: "var(--neutral-v08__ljimwq7)" }, interactive: { "default": "var(--neutral-v01__ljimwq0)", disabled: "var(--neutral-v08__ljimwq7)", active: "var(--neutral-v07__ljimwq6)" }, highlight: { bold: "var(--highlight-primary-v3__ljimwqc)", subtle: "var(--highlight-primary-v5__ljimwqe)" }, info: { bold: "var(--condition-base-v3__ljimwqr)", subtle: "var(--condition-base-v5__ljimwqt)" }, advisory: { bold: "var(--condition-advisory-v3__ljimwqw)", subtle: "var(--condition-advisory-v5__ljimwqy)" }, affirmative: { bold: "var(--condition-affirmative-v3__ljimwq11)", subtle: "var(--condition-affirmative-v5__ljimwq13)" }, serious: { bold: "var(--condition-serious-v3__ljimwq16)", subtle: "var(--condition-serious-v5__ljimwq18)" }, critical: { bold: "var(--condition-critical-v3__ljimwq1b)", subtle: "var(--condition-critical-v5__ljimwq1d)" } }, foreground: { interactive: { primary: { bold: "var(--neutral-v01__ljimwq0)", subtle: "var(--neutral-v02__ljimwq1)" }, secondary: { bold: "var(--neutral-v09__ljimwq8)", subtle: "var(--neutral-v08__ljimwq7)" }, disabled: "var(--neutral-v04__ljimwq3)", highlight: "var(--highlight-primary-v3__ljimwqc)" }, info: "var(--condition-base-v3__ljimwqr)", advisory: "var(--condition-advisory-v3__ljimwqw)", affirmative: "var(--condition-affirmative-v3__ljimwq11)", serious: "var(--condition-serious-v3__ljimwq16)", critical: "var(--condition-critical-v3__ljimwq1b)" }, border: { "static": { exterior: "var(--neutral-v07__ljimwq6)", interior: "var(--neutral-v09__ljimwq8)" }, interactive: { "default": "var(--neutral-v06__ljimwq5)", hover: "var(--neutral-v01__ljimwq0)", disabled: "var(--neutral-v07__ljimwq6)", highlight: "var(--highlight-primary-v3__ljimwqc)" }, info: "var(--condition-base-v3__ljimwqr)", advisory: "var(--condition-advisory-v3__ljimwqw)", affirmative: "var(--condition-affirmative-v3__ljimwq11)", serious: "var(--condition-serious-v3__ljimwq16)", critical: "var(--condition-critical-v3__ljimwq1b)" } };
+var defaultSemanticColors = "theme_defaultSemanticColors__ljimwq2j";
+var defaultSizes = "theme_defaultSizes__ljimwq35";
+var defaultSizesVarValues = { none: "0", v01: "1px", v02: "2px", v03: "4px", v04: "8px", v05: "12px", v06: "16px", v07: "24px", v08: "40px", v09: "80px", v10: "" };
+var defaultSpace = "theme_defaultSpace__ljimwq3b";
+var defaultSpaceVarValues = { heading: "0.5em", paragraph: "0.33em", list: { group: "0.33em", item: "0.1em" }, lastChild: "0" };
+var defaultTypography = "theme_defaultTypography__ljimwq55";
+var defaultTypographyVarValues = { mono: "", sans: "", serif: "", heading: { v1: { height: "1.25", size: "32px", spacing: "normal", weight: "500" }, v2: { size: "24px", spacing: "normal", height: "1.33", weight: "500" }, v3: { height: "1.4", size: "20px", spacing: "normal", weight: "500" }, v4: { height: "1.425", size: "14px", spacing: "0.25px", weight: "500" }, v5: { height: "1.33", size: "12px", spacing: "0.4px", weight: "500" }, v6: { height: "1.2", size: "10px", spacing: "0.5px", weight: "400" } }, body: { xs: { height: "1.2", size: "10px", spacing: "0.5px", weight: "400" }, sm: { height: "1.33", size: "12px", spacing: "0.4px", weight: "400" }, md: { height: "1.425", size: "14px", spacing: "0.25px", weight: "400" }, lg: { height: "1.5", size: "16px", spacing: "0.5px", weight: "400" }, xl: { height: "1.6", size: "18px", spacing: "0.6px", weight: "400" } }, input: { sm: { height: "var(--body-sm-height__ljimwq4d)", size: "var(--body-sm-size__ljimwq4e)", spacing: "var(--body-sm-spacing__ljimwq4f)", weight: "var(--body-sm-weight__ljimwq4g)" }, lg: { height: "var(--body-md-height__ljimwq4h)", size: "var(--body-md-size__ljimwq4i)", spacing: "var(--body-md-spacing__ljimwq4j)", weight: "var(--body-md-weight__ljimwq4k)" } }, label: { height: "var(--body-md-height__ljimwq4h)", size: "var(--body-md-size__ljimwq4i)", spacing: "var(--body-md-spacing__ljimwq4j)", weight: "500" } };
+var defaultZIndex = "theme_defaultZIndex__ljimwq5d";
+var defaultZIndexVarValues = { popover: "100", layout: "200", drawer: "300", modal: "400", dialog: "500", popup: "600", tooltip: "700" };
+var elevationVars = { "default": { surface: "var(--default-surface__ljimwq2k)", shadow: "var(--default-shadow__ljimwq2l)", color: "var(--default-color__ljimwq2m)" }, raised: { surface: "var(--raised-surface__ljimwq2n)", shadow: "var(--raised-shadow__ljimwq2o)", color: "var(--raised-color__ljimwq2p)" }, overlay: { surface: "var(--overlay-surface__ljimwq2q)", shadow: "var(--overlay-shadow__ljimwq2r)", color: "var(--overlay-color__ljimwq2s)" } };
+var focusOutlineStyle = { outline: ["var(--width__ljimwq5f) var(--style__ljimwq5g) var(--color__ljimwq5h, Highlight)", "var(--width__ljimwq5f) var(--style__ljimwq5g) var(--color__ljimwq5h, -webkit-focus-ring-color)"], outlineOffset: "var(--offset__ljimwq5e)" };
+var focusVars = { offset: "var(--offset__ljimwq5e)", width: "var(--width__ljimwq5f)", style: "var(--style__ljimwq5g)", color: "var(--color__ljimwq5h)" };
+var genericColorVars = { neutral: { v01: "var(--neutral-v01__ljimwq0)", v02: "var(--neutral-v02__ljimwq1)", v03: "var(--neutral-v03__ljimwq2)", v04: "var(--neutral-v04__ljimwq3)", v05: "var(--neutral-v05__ljimwq4)", v06: "var(--neutral-v06__ljimwq5)", v07: "var(--neutral-v07__ljimwq6)", v08: "var(--neutral-v08__ljimwq7)", v09: "var(--neutral-v09__ljimwq8)", v10: "var(--neutral-v10__ljimwq9)" }, highlight: { primary: { v1: "var(--highlight-primary-v1__ljimwqa)", v2: "var(--highlight-primary-v2__ljimwqb)", v3: "var(--highlight-primary-v3__ljimwqc)", v4: "var(--highlight-primary-v4__ljimwqd)", v5: "var(--highlight-primary-v5__ljimwqe)" }, secondary: { v1: "var(--highlight-secondary-v1__ljimwqf)", v2: "var(--highlight-secondary-v2__ljimwqg)", v3: "var(--highlight-secondary-v3__ljimwqh)", v4: "var(--highlight-secondary-v4__ljimwqi)", v5: "var(--highlight-secondary-v5__ljimwqj)" }, tertiary: { v1: "var(--highlight-tertiary-v1__ljimwqk)", v2: "var(--highlight-tertiary-v2__ljimwql)", v3: "var(--highlight-tertiary-v3__ljimwqm)", v4: "var(--highlight-tertiary-v4__ljimwqn)", v5: "var(--highlight-tertiary-v5__ljimwqo)" } }, condition: { base: { v1: "var(--condition-base-v1__ljimwqp)", v2: "var(--condition-base-v2__ljimwqq)", v3: "var(--condition-base-v3__ljimwqr)", v4: "var(--condition-base-v4__ljimwqs)", v5: "var(--condition-base-v5__ljimwqt)" }, advisory: { v1: "var(--condition-advisory-v1__ljimwqu)", v2: "var(--condition-advisory-v2__ljimwqv)", v3: "var(--condition-advisory-v3__ljimwqw)", v4: "var(--condition-advisory-v4__ljimwqx)", v5: "var(--condition-advisory-v5__ljimwqy)" }, affirmative: { v1: "var(--condition-affirmative-v1__ljimwqz)", v2: "var(--condition-affirmative-v2__ljimwq10)", v3: "var(--condition-affirmative-v3__ljimwq11)", v4: "var(--condition-affirmative-v4__ljimwq12)", v5: "var(--condition-affirmative-v5__ljimwq13)" }, serious: { v1: "var(--condition-serious-v1__ljimwq14)", v2: "var(--condition-serious-v2__ljimwq15)", v3: "var(--condition-serious-v3__ljimwq16)", v4: "var(--condition-serious-v4__ljimwq17)", v5: "var(--condition-serious-v5__ljimwq18)" }, critical: { v1: "var(--condition-critical-v1__ljimwq19)", v2: "var(--condition-critical-v2__ljimwq1a)", v3: "var(--condition-critical-v3__ljimwq1b)", v4: "var(--condition-critical-v4__ljimwq1c)", v5: "var(--condition-critical-v5__ljimwq1d)" } } };
+var radiusVars = { none: "var(--none__ljimwq3c)", sm: "var(--sm__ljimwq3d)", md: "var(--md__ljimwq3e)", lg: "var(--lg__ljimwq3f)", round: "var(--round__ljimwq3g)" };
+var semanticColorVars = { background: { surface: { "default": "var(--background-surface-default__ljimwq1f)", raised: "var(--background-surface-raised__ljimwq1g)", overlay: "var(--background-surface-overlay__ljimwq1h)" }, interactive: { "default": "var(--background-interactive-default__ljimwq1i)", disabled: "var(--background-interactive-disabled__ljimwq1j)", active: "var(--background-interactive-active__ljimwq1k)" }, highlight: { bold: "var(--background-highlight-bold__ljimwq1l)", subtle: "var(--background-highlight-subtle__ljimwq1m)" }, info: { bold: "var(--background-info-bold__ljimwq1n)", subtle: "var(--background-info-subtle__ljimwq1o)" }, advisory: { bold: "var(--background-advisory-bold__ljimwq1p)", subtle: "var(--background-advisory-subtle__ljimwq1q)" }, affirmative: { bold: "var(--background-affirmative-bold__ljimwq1r)", subtle: "var(--background-affirmative-subtle__ljimwq1s)" }, serious: { bold: "var(--background-serious-bold__ljimwq1t)", subtle: "var(--background-serious-subtle__ljimwq1u)" }, critical: { bold: "var(--background-critical-bold__ljimwq1v)", subtle: "var(--background-critical-subtle__ljimwq1w)" } }, foreground: { interactive: { primary: { bold: "var(--foreground-interactive-primary-bold__ljimwq1x)", subtle: "var(--foreground-interactive-primary-subtle__ljimwq1y)" }, secondary: { bold: "var(--foreground-interactive-secondary-bold__ljimwq1z)", subtle: "var(--foreground-interactive-secondary-subtle__ljimwq20)" }, disabled: "var(--foreground-interactive-disabled__ljimwq21)", highlight: "var(--foreground-interactive-highlight__ljimwq22)" }, info: "var(--foreground-info__ljimwq23)", advisory: "var(--foreground-advisory__ljimwq24)", affirmative: "var(--foreground-affirmative__ljimwq25)", serious: "var(--foreground-serious__ljimwq26)", critical: "var(--foreground-critical__ljimwq27)" }, border: { "static": { exterior: "var(--border-static-exterior__ljimwq28)", interior: "var(--border-static-interior__ljimwq29)" }, interactive: { "default": "var(--border-interactive-default__ljimwq2a)", hover: "var(--border-interactive-hover__ljimwq2b)", disabled: "var(--border-interactive-disabled__ljimwq2c)", highlight: "var(--border-interactive-highlight__ljimwq2d)" }, info: "var(--border-info__ljimwq2e)", advisory: "var(--border-advisory__ljimwq2f)", affirmative: "var(--border-affirmative__ljimwq2g)", serious: "var(--border-serious__ljimwq2h)", critical: "var(--border-critical__ljimwq2i)" } };
+var sizeVars = { none: "var(--none__ljimwq2u)", v01: "var(--v01__ljimwq2v)", v02: "var(--v02__ljimwq2w)", v03: "var(--v03__ljimwq2x)", v04: "var(--v04__ljimwq2y)", v05: "var(--v05__ljimwq2z)", v06: "var(--v06__ljimwq30)", v07: "var(--v07__ljimwq31)", v08: "var(--v08__ljimwq32)", v09: "var(--v09__ljimwq33)", v10: "var(--v10__ljimwq34)" };
+var spaceVars = { heading: "var(--heading__ljimwq36)", paragraph: "var(--paragraph__ljimwq37)", list: { group: "var(--list-group__ljimwq38)", item: "var(--list-item__ljimwq39)" }, lastChild: "var(--lastChild__ljimwq3a)" };
+var typographyVars = { mono: "var(--mono__ljimwq3i)", sans: "var(--sans__ljimwq3j)", serif: "var(--serif__ljimwq3k)", heading: { v1: { height: "var(--heading-v1-height__ljimwq3l)", size: "var(--heading-v1-size__ljimwq3m)", spacing: "var(--heading-v1-spacing__ljimwq3n)", weight: "var(--heading-v1-weight__ljimwq3o)" }, v2: { height: "var(--heading-v2-height__ljimwq3p)", size: "var(--heading-v2-size__ljimwq3q)", spacing: "var(--heading-v2-spacing__ljimwq3r)", weight: "var(--heading-v2-weight__ljimwq3s)" }, v3: { height: "var(--heading-v3-height__ljimwq3t)", size: "var(--heading-v3-size__ljimwq3u)", spacing: "var(--heading-v3-spacing__ljimwq3v)", weight: "var(--heading-v3-weight__ljimwq3w)" }, v4: { height: "var(--heading-v4-height__ljimwq3x)", size: "var(--heading-v4-size__ljimwq3y)", spacing: "var(--heading-v4-spacing__ljimwq3z)", weight: "var(--heading-v4-weight__ljimwq40)" }, v5: { height: "var(--heading-v5-height__ljimwq41)", size: "var(--heading-v5-size__ljimwq42)", spacing: "var(--heading-v5-spacing__ljimwq43)", weight: "var(--heading-v5-weight__ljimwq44)" }, v6: { height: "var(--heading-v6-height__ljimwq45)", size: "var(--heading-v6-size__ljimwq46)", spacing: "var(--heading-v6-spacing__ljimwq47)", weight: "var(--heading-v6-weight__ljimwq48)" } }, body: { xs: { height: "var(--body-xs-height__ljimwq49)", size: "var(--body-xs-size__ljimwq4a)", spacing: "var(--body-xs-spacing__ljimwq4b)", weight: "var(--body-xs-weight__ljimwq4c)" }, sm: { height: "var(--body-sm-height__ljimwq4d)", size: "var(--body-sm-size__ljimwq4e)", spacing: "var(--body-sm-spacing__ljimwq4f)", weight: "var(--body-sm-weight__ljimwq4g)" }, md: { height: "var(--body-md-height__ljimwq4h)", size: "var(--body-md-size__ljimwq4i)", spacing: "var(--body-md-spacing__ljimwq4j)", weight: "var(--body-md-weight__ljimwq4k)" }, lg: { height: "var(--body-lg-height__ljimwq4l)", size: "var(--body-lg-size__ljimwq4m)", spacing: "var(--body-lg-spacing__ljimwq4n)", weight: "var(--body-lg-weight__ljimwq4o)" }, xl: { height: "var(--body-xl-height__ljimwq4p)", size: "var(--body-xl-size__ljimwq4q)", spacing: "var(--body-xl-spacing__ljimwq4r)", weight: "var(--body-xl-weight__ljimwq4s)" } }, input: { sm: { height: "var(--input-sm-height__ljimwq4t)", size: "var(--input-sm-size__ljimwq4u)", spacing: "var(--input-sm-spacing__ljimwq4v)", weight: "var(--input-sm-weight__ljimwq4w)" }, lg: { height: "var(--input-lg-height__ljimwq4x)", size: "var(--input-lg-size__ljimwq4y)", spacing: "var(--input-lg-spacing__ljimwq4z)", weight: "var(--input-lg-weight__ljimwq50)" } }, label: { height: "var(--label-height__ljimwq51)", size: "var(--label-size__ljimwq52)", spacing: "var(--label-spacing__ljimwq53)", weight: "var(--label-weight__ljimwq54)" } };
+var zIndexVars = { popover: "var(--popover__ljimwq56)", layout: "var(--layout__ljimwq57)", drawer: "var(--drawer__ljimwq58)", modal: "var(--modal__ljimwq59)", dialog: "var(--dialog__ljimwq5a)", popup: "var(--popup__ljimwq5b)", tooltip: "var(--tooltip__ljimwq5c)" };
+
+export { defaultElevationVarValues, defaultElevations, defaultFocus, defaultFocusVarValues, defaultGenericColorVarValues, defaultGenericColors, defaultRadius, defaultRadiusVarValues, defaultSemanticColorVarValues, defaultSemanticColors, defaultSizes, defaultSizesVarValues, defaultSpace, defaultSpaceVarValues, defaultTypography, defaultTypographyVarValues, defaultZIndex, defaultZIndexVarValues, elevationVars, focusOutlineStyle, focusVars, genericColorVars, radiusVars, semanticColorVars, sizeVars, spaceVars, typographyVars, zIndexVars };

package/dist/styles/theme.vanilla.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.vanilla.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/styles/typography.css.d.ts

@@ -0,0 +1,17 @@
+import { typographyVars } from './theme.css';
+export declare const families: {
+    mono: string;
+    sans: string;
+    serif: string;
+};
+type HeadingVariants = keyof typeof typographyVars.heading;
+type Headings = Record<HeadingVariants, string>;
+export declare const headings: Headings;
+type BodyVariants = keyof typeof typographyVars.body;
+type Bodies = Record<BodyVariants, string>;
+export declare const bodies: Bodies;
+type InputVariants = keyof typeof typographyVars.input;
+type Inputs = Record<InputVariants, string>;
+export declare const inputs: Inputs;
+export declare const label: string;
+export {};

package/dist/styles/typography.vanilla.js

@@ -0,0 +1,8 @@
+
+var bodies = { xs: "typography__j8fgab9", sm: "typography__j8fgaba", md: "typography__j8fgabb", lg: "typography__j8fgabc", xl: "typography__j8fgabd" };
+var families = { mono: "typography_families_mono__j8fgab0", sans: "typography_families_sans__j8fgab1", serif: "typography_families_serif__j8fgab2" };
+var headings = { v1: "typography__j8fgab3", v2: "typography__j8fgab4", v3: "typography__j8fgab5", v4: "typography__j8fgab6", v5: "typography__j8fgab7", v6: "typography__j8fgab8" };
+var inputs = { sm: "typography__j8fgabe", lg: "typography__j8fgabf" };
+var label = "typography_label__j8fgabg";
+
+export { bodies, families, headings, inputs, label };

package/dist/styles/typography.vanilla.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography.vanilla.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}