@impulse-ui-native/theme 8.1.0 → 8.2.0

package/README.md

@@ -100,3 +100,50 @@ small foreground text distinct from their fills. Secondary foregrounds use
 From the repository root, run `node scripts/check-theme-visuals.mjs` to check
 default foreground/background pairs and state indicators in both palettes.
 See `docs/visual-token-audit.md` for package coverage and verification limits.
+
+## Shared visual customization
+
+`theme.light` and `theme.dark` support `shadows` (radius, opacity, and Android
+elevation by semantic level) and `codeFontFamily`. Component defaults are
+configurable through `components.charts`, `components.slider`, and the overlay
+motion tokens.
+
+```tsx
+<ThemeProvider
+  theme={{
+    light: {
+      shadows: { sm: { radius: 6, opacity: 0.16, elevation: 3 } },
+      codeFontFamily: "MyCodeFont",
+    },
+    dark: {
+      shadows: { sm: { radius: 6, opacity: 0.24, elevation: 3 } },
+      codeFontFamily: "MyCodeFont",
+    },
+  }}
+  components={(theme) => ({
+    charts: {
+      insets: { left: theme.space.lg },
+      line: { width: theme.borderSize.lg },
+    },
+    slider: {
+      markLabelWidth: 64,
+      thumbHighlightSize: 6,
+      valueBubbleMinWidth: 48,
+    },
+    modal: { enterDuration: 220, exitDuration: 180 },
+    toast: { enterDuration: 220, exitDuration: 180, stackDuration: 260 },
+    flyout: { enterSpring: { damping: 45 }, exitDuration: 180 },
+  })}
+>
+  {/* application */}
+</ThemeProvider>
+```
+
+`createChartsTokens` and `ChartsTokens` define the chart palette, Cartesian
+insets, axis/grid/line widths, axis tick length and label gap, bar padding ratios,
+and pie ring padding. The palette defaults to `ChartColorTokens`; override
+`components.charts.palette` to customize series colors. Explicit component and
+series props continue to take precedence.
+
+`getShadowStyle` accepts the active shadow scale as its fourth argument. Omitting
+it retains the exported default `ShadowScale` for existing utility callers.

package/dist/hooks/index.d.mts

@@ -7,15 +7,19 @@ export { useStyleProps } from './use-style-props.hook.mjs';
 export { useTheme } from './use-theme.hook.mjs';
 export { useThemedStyles } from './use-themed-styles.mjs';
 import '../types/tokens.types.mjs';
-import '../theme-provider.types-B4jCf93c.mjs';
+import '../theme-provider.types-CLjz9-IY.mjs';
 import '../types/badge-tokens.types.mjs';
 import '../types/components.types.mjs';
 import '../types/carousel-tokens.types.mjs';
+import '../types/charts-tokens.types.mjs';
+import '../types/chart.types.mjs';
 import '../types/checkbox-tokens.types.mjs';
 import '../types/list-tokens.types.mjs';
 import '../types/modal-tokens.types.mjs';
 import '../types/popover-tokens.types.mjs';
 import '../types/radio-tokens.types.mjs';
+import '../types/shadow.types.mjs';
+import 'react-native';
 import '../types/tabs-tokens.types.mjs';
 import '../types/accordion-tokens.types.mjs';
 import '../types/avatar-tokens.types.mjs';
@@ -41,10 +45,8 @@ import '../types/tag-tokens.types.mjs';
 import '../types/textarea-tokens.types.mjs';
 import '../types/time-picker-token.types.mjs';
 import '../types/border.types.mjs';
-import 'react-native';
 import '../types/color.types.mjs';
 import '../types/dimension.types.mjs';
 import '../types/flex.types.mjs';
-import '../types/shadow.types.mjs';
 import '../types/spacing.types.mjs';
 import '../types/typography.types.mjs';

package/dist/hooks/use-colors.hook.d.mts

@@ -1,12 +1,16 @@
-import { T as ThemeColors } from '../theme-provider.types-B4jCf93c.mjs';
+import { T as ThemeColors } from '../theme-provider.types-CLjz9-IY.mjs';
 import '../types/badge-tokens.types.mjs';
 import '../types/components.types.mjs';
 import '../types/carousel-tokens.types.mjs';
+import '../types/charts-tokens.types.mjs';
+import '../types/chart.types.mjs';
 import '../types/checkbox-tokens.types.mjs';
 import '../types/list-tokens.types.mjs';
 import '../types/modal-tokens.types.mjs';
 import '../types/popover-tokens.types.mjs';
 import '../types/radio-tokens.types.mjs';
+import '../types/shadow.types.mjs';
+import 'react-native';
 import '../types/tabs-tokens.types.mjs';
 import '../types/accordion-tokens.types.mjs';
 import '../types/avatar-tokens.types.mjs';

package/dist/hooks/use-components-tokens.hook.d.mts

@@ -1,12 +1,16 @@
-import { c as ComponentsTokens } from '../theme-provider.types-B4jCf93c.mjs';
+import { c as ComponentsTokens } from '../theme-provider.types-CLjz9-IY.mjs';
 import '../types/badge-tokens.types.mjs';
 import '../types/components.types.mjs';
 import '../types/carousel-tokens.types.mjs';
+import '../types/charts-tokens.types.mjs';
+import '../types/chart.types.mjs';
 import '../types/checkbox-tokens.types.mjs';
 import '../types/list-tokens.types.mjs';
 import '../types/modal-tokens.types.mjs';
 import '../types/popover-tokens.types.mjs';
 import '../types/radio-tokens.types.mjs';
+import '../types/shadow.types.mjs';
+import 'react-native';
 import '../types/tabs-tokens.types.mjs';
 import '../types/accordion-tokens.types.mjs';
 import '../types/avatar-tokens.types.mjs';

package/dist/hooks/use-theme.hook.d.mts

@@ -1,12 +1,16 @@
-import { A as AppTheme } from '../theme-provider.types-B4jCf93c.mjs';
+import { A as AppTheme } from '../theme-provider.types-CLjz9-IY.mjs';
 import '../types/badge-tokens.types.mjs';
 import '../types/components.types.mjs';
 import '../types/carousel-tokens.types.mjs';
+import '../types/charts-tokens.types.mjs';
+import '../types/chart.types.mjs';
 import '../types/checkbox-tokens.types.mjs';
 import '../types/list-tokens.types.mjs';
 import '../types/modal-tokens.types.mjs';
 import '../types/popover-tokens.types.mjs';
 import '../types/radio-tokens.types.mjs';
+import '../types/shadow.types.mjs';
+import 'react-native';
 import '../types/tabs-tokens.types.mjs';
 import '../types/accordion-tokens.types.mjs';
 import '../types/avatar-tokens.types.mjs';

package/dist/hooks/use-themed-styles.d.mts

@@ -1,13 +1,16 @@
 import { StyleSheet } from 'react-native';
-import { A as AppTheme } from '../theme-provider.types-B4jCf93c.mjs';
+import { A as AppTheme } from '../theme-provider.types-CLjz9-IY.mjs';
 import '../types/badge-tokens.types.mjs';
 import '../types/components.types.mjs';
 import '../types/carousel-tokens.types.mjs';
+import '../types/charts-tokens.types.mjs';
+import '../types/chart.types.mjs';
 import '../types/checkbox-tokens.types.mjs';
 import '../types/list-tokens.types.mjs';
 import '../types/modal-tokens.types.mjs';
 import '../types/popover-tokens.types.mjs';
 import '../types/radio-tokens.types.mjs';
+import '../types/shadow.types.mjs';
 import '../types/tabs-tokens.types.mjs';
 import '../types/accordion-tokens.types.mjs';
 import '../types/avatar-tokens.types.mjs';

package/dist/index.d.mts

@@ -10,7 +10,8 @@ export { useThemedStyles } from './hooks/use-themed-styles.mjs';
 export { ThemeProvider, useThemeContext } from './providers/theme.provider.mjs';
 export { DarkTheme } from './theme/dark.theme.mjs';
 export { LightTheme } from './theme/light.theme.mjs';
-export { BorderSizeTokens, ChartColorTokens, DarkColors, FontFamilyTokens, FontFamilyWeightsItalicTokens, FontFamilyWeightsNormalTokens, FontSizeTokens, FontWeightTokens, LetterSpacingTokens, LightColors, LineHeightTokens, NeutralColorTokens, RadiiTokens, SpaceTokens, createComponentsTokens } from './theme/tokens.theme.mjs';
+export { BorderSizeTokens, CodeFontFamilyToken, DarkColors, FontFamilyTokens, FontFamilyWeightsItalicTokens, FontFamilyWeightsNormalTokens, FontSizeTokens, FontWeightTokens, LetterSpacingTokens, LightColors, LineHeightTokens, NeutralColorTokens, RadiiTokens, SpaceTokens, createComponentsTokens } from './theme/tokens.theme.mjs';
+export { createChartsTokens } from './theme/create-charts-tokens.mjs';
 export { createPaginationTokens } from './theme/create-pagination-tokens.mjs';
 export { createSliderTokens } from './theme/create-slider-tokens.mjs';
 export { createSegmentedControlTokens } from './theme/create-segmented-control-tokens.mjs';
@@ -22,13 +23,14 @@ export { createModalTokens } from './theme/create-modal-tokens.mjs';
 export { BorderProps } from './types/border.types.mjs';
 export { ColorProps } from './types/color.types.mjs';
 export { ChartColorPalette } from './types/chart.types.mjs';
+export { ChartsTokens } from './types/charts-tokens.types.mjs';
 export { ActionState, ActionVariant, ActionVisualState, AvailabilityState, AvailabilityVisualState, ComponentSize, ComponentVariant, ControlState, ControlVisualState, DisplayVariant, FieldState, FieldVariant, FieldVisualState, SelectionItemState, SelectionItemVisualState, SelectionState, SelectionVariant, SelectionVisualState, VisualStateTokens } from './types/components.types.mjs';
 export { DimensionProps } from './types/dimension.types.mjs';
 export { FlexProps } from './types/flex.types.mjs';
-export { ShadowIntensity, ShadowLevel, ShadowPosition, ShadowProps } from './types/shadow.types.mjs';
+export { ShadowIntensity, ShadowLevel, ShadowPosition, ShadowProps, ShadowScaleTokens } from './types/shadow.types.mjs';
 export { SpacingProps } from './types/spacing.types.mjs';
 export { StylePropKey, StyleProps } from './types/style.types.mjs';
-export { A as AppTheme, C as ColorPair, a as ColorScheme, b as ComponentsThemes, c as ComponentsTokens, E as ExtendedThemeColors, P as PrimitiveThemeTokens, T as ThemeColors, d as ThemeContextData, e as ToastTokens, f as ToastTone } from './theme-provider.types-B4jCf93c.mjs';
+export { A as AppTheme, C as ColorPair, a as ColorScheme, b as ComponentsThemes, c as ComponentsTokens, E as ExtendedThemeColors, P as PrimitiveThemeTokens, T as ThemeColors, d as ThemeContextData, e as ToastTokens, f as ToastTone } from './theme-provider.types-CLjz9-IY.mjs';
 export { BorderSize, BorderSizeKey, FontFamily, FontSize, FontWeight, FontWeightItalic, FontWeightKeys, FontWeightNormal, FontWeightValue, LetterSpacingKey, LetterSpacings, LineHeight, NeutralColor, NeutralColorKey, Radii, RadiiBlob, RadiiConditional, RadiiDrawn, RadiusBlobKey, RadiusConditionalKey, RadiusDrawnKey, RadiusKey, Space, SpaceSizesKey, TypographyKey } from './types/tokens.types.mjs';
 export { TypographyPresetKey, TypographyProps } from './types/typography.types.mjs';
 export { ActionAppearanceTokens, ButtonSizeTokens, ButtonTokens, ButtonVariantTokens, IconButtonSizeTokens, IconButtonTokens, IconButtonVariantTokens } from './types/buttons-tokens.types.mjs';
@@ -76,6 +78,7 @@ export { getSegmentedControlItemTokens } from './utils/segmented-control-state.u
 export { getSliderTrackTokens } from './utils/slider-tokens.utils.mjs';
 export { createStyleKey, extractStyleProps, getShadowStyle } from './utils/style.utils.mjs';
 export { getTabsItemTokens } from './utils/tabs-state.utils.mjs';
+export { ChartColorTokens } from './theme/chart-color-tokens.mjs';
 import 'react-native';
 import 'react';
 import 'react/jsx-runtime';

package/dist/providers/index.d.mts

@@ -2,15 +2,19 @@ export { ThemeProvider, useThemeContext } from './theme.provider.mjs';
 import 'react';
 import 'react/jsx-runtime';
 import '@impulse-ui-native/core';
-import '../theme-provider.types-B4jCf93c.mjs';
+import '../theme-provider.types-CLjz9-IY.mjs';
 import '../types/badge-tokens.types.mjs';
 import '../types/components.types.mjs';
 import '../types/carousel-tokens.types.mjs';
+import '../types/charts-tokens.types.mjs';
+import '../types/chart.types.mjs';
 import '../types/checkbox-tokens.types.mjs';
 import '../types/list-tokens.types.mjs';
 import '../types/modal-tokens.types.mjs';
 import '../types/popover-tokens.types.mjs';
 import '../types/radio-tokens.types.mjs';
+import '../types/shadow.types.mjs';
+import 'react-native';
 import '../types/tabs-tokens.types.mjs';
 import '../types/accordion-tokens.types.mjs';
 import '../types/avatar-tokens.types.mjs';

package/dist/providers/theme.provider.d.mts

@@ -2,15 +2,19 @@ import * as react from 'react';
 import { PropsWithChildren } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { DeepPartial } from '@impulse-ui-native/core';
-import { a as ColorScheme, P as PrimitiveThemeTokens, c as ComponentsTokens, A as AppTheme } from '../theme-provider.types-B4jCf93c.mjs';
+import { a as ColorScheme, P as PrimitiveThemeTokens, c as ComponentsTokens, A as AppTheme } from '../theme-provider.types-CLjz9-IY.mjs';
 import '../types/badge-tokens.types.mjs';
 import '../types/components.types.mjs';
 import '../types/carousel-tokens.types.mjs';
+import '../types/charts-tokens.types.mjs';
+import '../types/chart.types.mjs';
 import '../types/checkbox-tokens.types.mjs';
 import '../types/list-tokens.types.mjs';
 import '../types/modal-tokens.types.mjs';
 import '../types/popover-tokens.types.mjs';
 import '../types/radio-tokens.types.mjs';
+import '../types/shadow.types.mjs';
+import 'react-native';
 import '../types/tabs-tokens.types.mjs';
 import '../types/accordion-tokens.types.mjs';
 import '../types/avatar-tokens.types.mjs';

package/dist/theme/chart-color-tokens.d.mts

@@ -0,0 +1,5 @@
+import { ChartColorPalette } from '../types/chart.types.mjs';
+
+declare const ChartColorTokens: ChartColorPalette;
+
+export { ChartColorTokens };

package/dist/theme/chart-color-tokens.js

@@ -0,0 +1,21 @@
+const ChartColorTokens = [
+  "#F55D6B",
+  "#2563eb",
+  "#16a34a",
+  "#9333ea",
+  "#ea580c",
+  "#0891b2",
+  "#db2777",
+  "#65a30d",
+  "#4f46e5",
+  "#0d9488",
+  "#ca8a04",
+  "#c026d3",
+  "#0284c7",
+  "#7c3aed",
+  "#9f5f3f"
+];
+export {
+  ChartColorTokens
+};
+//# sourceMappingURL=chart-color-tokens.js.map

package/dist/theme/chart-color-tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/theme/chart-color-tokens.ts"],"sourcesContent":["import type { ChartColorPalette } from \"../types\";\n\nexport const ChartColorTokens: ChartColorPalette = [\n  \"#F55D6B\",\n  \"#2563eb\",\n  \"#16a34a\",\n  \"#9333ea\",\n  \"#ea580c\",\n  \"#0891b2\",\n  \"#db2777\",\n  \"#65a30d\",\n  \"#4f46e5\",\n  \"#0d9488\",\n  \"#ca8a04\",\n  \"#c026d3\",\n  \"#0284c7\",\n  \"#7c3aed\",\n  \"#9f5f3f\",\n];\n"],"mappings":"AAEO,MAAM,mBAAsC;AAAA,EACjD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;","names":[]}

package/dist/theme/create-accordion-tokens.d.mts

@@ -1,13 +1,17 @@
-import { P as PrimitiveThemeTokens } from '../theme-provider.types-B4jCf93c.mjs';
+import { P as PrimitiveThemeTokens } from '../theme-provider.types-CLjz9-IY.mjs';
 import { AccordionTokens } from '../types/accordion-tokens.types.mjs';
 import '../types/badge-tokens.types.mjs';
 import '../types/components.types.mjs';
 import '../types/carousel-tokens.types.mjs';
+import '../types/charts-tokens.types.mjs';
+import '../types/chart.types.mjs';
 import '../types/checkbox-tokens.types.mjs';
 import '../types/list-tokens.types.mjs';
 import '../types/modal-tokens.types.mjs';
 import '../types/popover-tokens.types.mjs';
 import '../types/radio-tokens.types.mjs';
+import '../types/shadow.types.mjs';
+import 'react-native';
 import '../types/tabs-tokens.types.mjs';
 import '../types/avatar-tokens.types.mjs';
 import '../types/buttons-tokens.types.mjs';

package/dist/theme/create-avatar-tokens.d.mts

@@ -1,13 +1,17 @@
-import { P as PrimitiveThemeTokens } from '../theme-provider.types-B4jCf93c.mjs';
+import { P as PrimitiveThemeTokens } from '../theme-provider.types-CLjz9-IY.mjs';
 import { AvatarTokens } from '../types/avatar-tokens.types.mjs';
 import '../types/badge-tokens.types.mjs';
 import '../types/components.types.mjs';
 import '../types/carousel-tokens.types.mjs';
+import '../types/charts-tokens.types.mjs';
+import '../types/chart.types.mjs';
 import '../types/checkbox-tokens.types.mjs';
 import '../types/list-tokens.types.mjs';
 import '../types/modal-tokens.types.mjs';
 import '../types/popover-tokens.types.mjs';
 import '../types/radio-tokens.types.mjs';
+import '../types/shadow.types.mjs';
+import 'react-native';
 import '../types/tabs-tokens.types.mjs';
 import '../types/accordion-tokens.types.mjs';
 import '../types/buttons-tokens.types.mjs';

package/dist/theme/create-badge-tokens.d.mts

@@ -1,12 +1,16 @@
-import { P as PrimitiveThemeTokens } from '../theme-provider.types-B4jCf93c.mjs';
+import { P as PrimitiveThemeTokens } from '../theme-provider.types-CLjz9-IY.mjs';
 import { BadgeTokens } from '../types/badge-tokens.types.mjs';
 import '../types/carousel-tokens.types.mjs';
 import '../types/components.types.mjs';
+import '../types/charts-tokens.types.mjs';
+import '../types/chart.types.mjs';
 import '../types/checkbox-tokens.types.mjs';
 import '../types/list-tokens.types.mjs';
 import '../types/modal-tokens.types.mjs';
 import '../types/popover-tokens.types.mjs';
 import '../types/radio-tokens.types.mjs';
+import '../types/shadow.types.mjs';
+import 'react-native';
 import '../types/tabs-tokens.types.mjs';
 import '../types/accordion-tokens.types.mjs';
 import '../types/avatar-tokens.types.mjs';

package/dist/theme/create-button-tokens.d.mts

@@ -1,13 +1,17 @@
-import { P as PrimitiveThemeTokens } from '../theme-provider.types-B4jCf93c.mjs';
+import { P as PrimitiveThemeTokens } from '../theme-provider.types-CLjz9-IY.mjs';
 import { ButtonTokens } from '../types/buttons-tokens.types.mjs';
 import '../types/badge-tokens.types.mjs';
 import '../types/components.types.mjs';
 import '../types/carousel-tokens.types.mjs';
+import '../types/charts-tokens.types.mjs';
+import '../types/chart.types.mjs';
 import '../types/checkbox-tokens.types.mjs';
 import '../types/list-tokens.types.mjs';
 import '../types/modal-tokens.types.mjs';
 import '../types/popover-tokens.types.mjs';
 import '../types/radio-tokens.types.mjs';
+import '../types/shadow.types.mjs';
+import 'react-native';
 import '../types/tabs-tokens.types.mjs';
 import '../types/accordion-tokens.types.mjs';
 import '../types/avatar-tokens.types.mjs';

package/dist/theme/create-card-tokens.d.mts

@@ -1,13 +1,17 @@
-import { P as PrimitiveThemeTokens } from '../theme-provider.types-B4jCf93c.mjs';
+import { P as PrimitiveThemeTokens } from '../theme-provider.types-CLjz9-IY.mjs';
 import { CardTokens } from '../types/card-tokens.types.mjs';
 import '../types/badge-tokens.types.mjs';
 import '../types/components.types.mjs';
 import '../types/carousel-tokens.types.mjs';
+import '../types/charts-tokens.types.mjs';
+import '../types/chart.types.mjs';
 import '../types/checkbox-tokens.types.mjs';
 import '../types/list-tokens.types.mjs';
 import '../types/modal-tokens.types.mjs';
 import '../types/popover-tokens.types.mjs';
 import '../types/radio-tokens.types.mjs';
+import '../types/shadow.types.mjs';
+import 'react-native';
 import '../types/tabs-tokens.types.mjs';
 import '../types/accordion-tokens.types.mjs';
 import '../types/avatar-tokens.types.mjs';

package/dist/theme/create-carousel-tokens.d.mts

@@ -1,12 +1,16 @@
-import { P as PrimitiveThemeTokens } from '../theme-provider.types-B4jCf93c.mjs';
+import { P as PrimitiveThemeTokens } from '../theme-provider.types-CLjz9-IY.mjs';
 import { CarouselTokens } from '../types/carousel-tokens.types.mjs';
 import '../types/badge-tokens.types.mjs';
 import '../types/components.types.mjs';
+import '../types/charts-tokens.types.mjs';
+import '../types/chart.types.mjs';
 import '../types/checkbox-tokens.types.mjs';
 import '../types/list-tokens.types.mjs';
 import '../types/modal-tokens.types.mjs';
 import '../types/popover-tokens.types.mjs';
 import '../types/radio-tokens.types.mjs';
+import '../types/shadow.types.mjs';
+import 'react-native';
 import '../types/tabs-tokens.types.mjs';
 import '../types/accordion-tokens.types.mjs';
 import '../types/avatar-tokens.types.mjs';

package/dist/theme/create-charts-tokens.d.mts

@@ -0,0 +1,42 @@
+import { ChartsTokens } from '../types/charts-tokens.types.mjs';
+import { P as PrimitiveThemeTokens } from '../theme-provider.types-CLjz9-IY.mjs';
+import '../types/chart.types.mjs';
+import '../types/badge-tokens.types.mjs';
+import '../types/components.types.mjs';
+import '../types/carousel-tokens.types.mjs';
+import '../types/checkbox-tokens.types.mjs';
+import '../types/list-tokens.types.mjs';
+import '../types/modal-tokens.types.mjs';
+import '../types/popover-tokens.types.mjs';
+import '../types/radio-tokens.types.mjs';
+import '../types/shadow.types.mjs';
+import 'react-native';
+import '../types/tabs-tokens.types.mjs';
+import '../types/accordion-tokens.types.mjs';
+import '../types/avatar-tokens.types.mjs';
+import '../types/buttons-tokens.types.mjs';
+import '../types/card-tokens.types.mjs';
+import '../types/control-tokens.types.mjs';
+import '../types/data-state-tokens.types.mjs';
+import '../types/datetime-picker-tokens.types.mjs';
+import '../types/divider-tokens.types.mjs';
+import '../types/flyout-tokens.types.mjs';
+import '../types/icon-tokens.types.mjs';
+import '../types/pagination-tokens.types.mjs';
+import '../types/pressable-tokens.types.mjs';
+import '../types/progress-tokens.types.mjs';
+import '../types/spinner-tokens.types.mjs';
+import '../types/segmented-control-tokens.types.mjs';
+import '../types/select-tokens.types.mjs';
+import '../types/skeleton-tokens.types.mjs';
+import '../types/slider-tokens.types.mjs';
+import '../types/stepper-tokens.types.mjs';
+import '../types/switch-tokens.types.mjs';
+import '../types/tag-tokens.types.mjs';
+import '../types/textarea-tokens.types.mjs';
+import '../types/time-picker-token.types.mjs';
+import '../types/tokens.types.mjs';
+
+declare function createChartsTokens(tokens: PrimitiveThemeTokens): ChartsTokens;
+
+export { createChartsTokens };

package/dist/theme/create-charts-tokens.js

@@ -0,0 +1,25 @@
+import { ChartColorTokens } from "./chart-color-tokens";
+function createChartsTokens(tokens) {
+  return {
+    palette: ChartColorTokens,
+    insets: {
+      top: tokens.space.md,
+      right: tokens.space.md,
+      bottom: tokens.space.md,
+      left: tokens.space.md
+    },
+    axis: {
+      width: tokens.borderSize.sm,
+      tickLength: tokens.space.xxs,
+      labelGap: tokens.space.xxs
+    },
+    grid: { width: tokens.borderSize.sm },
+    line: { width: tokens.borderSize.md },
+    bar: { categoryPadding: 0.2, seriesPadding: 0.1 },
+    pie: { ringPadding: tokens.borderSize.md }
+  };
+}
+export {
+  createChartsTokens
+};
+//# sourceMappingURL=create-charts-tokens.js.map

package/dist/theme/create-charts-tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/theme/create-charts-tokens.ts"],"sourcesContent":["import type { ChartsTokens, PrimitiveThemeTokens } from \"../types\";\nimport { ChartColorTokens } from \"./chart-color-tokens\";\n\nexport function createChartsTokens(tokens: PrimitiveThemeTokens): ChartsTokens {\n  return {\n    palette: ChartColorTokens,\n    insets: {\n      top: tokens.space.md,\n      right: tokens.space.md,\n      bottom: tokens.space.md,\n      left: tokens.space.md,\n    },\n    axis: {\n      width: tokens.borderSize.sm,\n      tickLength: tokens.space.xxs,\n      labelGap: tokens.space.xxs,\n    },\n    grid: { width: tokens.borderSize.sm },\n    line: { width: tokens.borderSize.md },\n    bar: { categoryPadding: 0.2, seriesPadding: 0.1 },\n    pie: { ringPadding: tokens.borderSize.md },\n  };\n}\n"],"mappings":"AACA,SAAS,wBAAwB;AAE1B,SAAS,mBAAmB,QAA4C;AAC7E,SAAO;AAAA,IACL,SAAS;AAAA,IACT,QAAQ;AAAA,MACN,KAAK,OAAO,MAAM;AAAA,MAClB,OAAO,OAAO,MAAM;AAAA,MACpB,QAAQ,OAAO,MAAM;AAAA,MACrB,MAAM,OAAO,MAAM;AAAA,IACrB;AAAA,IACA,MAAM;AAAA,MACJ,OAAO,OAAO,WAAW;AAAA,MACzB,YAAY,OAAO,MAAM;AAAA,MACzB,UAAU,OAAO,MAAM;AAAA,IACzB;AAAA,IACA,MAAM,EAAE,OAAO,OAAO,WAAW,GAAG;AAAA,IACpC,MAAM,EAAE,OAAO,OAAO,WAAW,GAAG;AAAA,IACpC,KAAK,EAAE,iBAAiB,KAAK,eAAe,IAAI;AAAA,IAChD,KAAK,EAAE,aAAa,OAAO,WAAW,GAAG;AAAA,EAC3C;AACF;","names":[]}

package/dist/theme/create-checkbox-tokens.d.mts

@@ -1,12 +1,16 @@
-import { P as PrimitiveThemeTokens } from '../theme-provider.types-B4jCf93c.mjs';
+import { P as PrimitiveThemeTokens } from '../theme-provider.types-CLjz9-IY.mjs';
 import { CheckboxTokens } from '../types/checkbox-tokens.types.mjs';
 import '../types/badge-tokens.types.mjs';
 import '../types/components.types.mjs';
 import '../types/carousel-tokens.types.mjs';
+import '../types/charts-tokens.types.mjs';
+import '../types/chart.types.mjs';
 import '../types/list-tokens.types.mjs';
 import '../types/modal-tokens.types.mjs';
 import '../types/popover-tokens.types.mjs';
 import '../types/radio-tokens.types.mjs';
+import '../types/shadow.types.mjs';
+import 'react-native';
 import '../types/tabs-tokens.types.mjs';
 import '../types/accordion-tokens.types.mjs';
 import '../types/avatar-tokens.types.mjs';

package/dist/theme/create-control-tokens.d.mts

@@ -1,13 +1,17 @@
-import { P as PrimitiveThemeTokens } from '../theme-provider.types-B4jCf93c.mjs';
+import { P as PrimitiveThemeTokens } from '../theme-provider.types-CLjz9-IY.mjs';
 import { ControlAddonTokens, ControlContainerTokens, ControlErrorTokens, ControlInputTokens, ControlLabelTokens } from '../types/control-tokens.types.mjs';
 import '../types/badge-tokens.types.mjs';
 import '../types/components.types.mjs';
 import '../types/carousel-tokens.types.mjs';
+import '../types/charts-tokens.types.mjs';
+import '../types/chart.types.mjs';
 import '../types/checkbox-tokens.types.mjs';
 import '../types/list-tokens.types.mjs';
 import '../types/modal-tokens.types.mjs';
 import '../types/popover-tokens.types.mjs';
 import '../types/radio-tokens.types.mjs';
+import '../types/shadow.types.mjs';
+import 'react-native';
 import '../types/tabs-tokens.types.mjs';
 import '../types/accordion-tokens.types.mjs';
 import '../types/avatar-tokens.types.mjs';

package/dist/theme/create-data-state-tokens.d.mts

@@ -1,13 +1,17 @@
-import { P as PrimitiveThemeTokens } from '../theme-provider.types-B4jCf93c.mjs';
+import { P as PrimitiveThemeTokens } from '../theme-provider.types-CLjz9-IY.mjs';
 import { DataStateTokens } from '../types/data-state-tokens.types.mjs';
 import '../types/badge-tokens.types.mjs';
 import '../types/components.types.mjs';
 import '../types/carousel-tokens.types.mjs';
+import '../types/charts-tokens.types.mjs';
+import '../types/chart.types.mjs';
 import '../types/checkbox-tokens.types.mjs';
 import '../types/list-tokens.types.mjs';
 import '../types/modal-tokens.types.mjs';
 import '../types/popover-tokens.types.mjs';
 import '../types/radio-tokens.types.mjs';
+import '../types/shadow.types.mjs';
+import 'react-native';
 import '../types/tabs-tokens.types.mjs';
 import '../types/accordion-tokens.types.mjs';
 import '../types/avatar-tokens.types.mjs';

package/dist/theme/create-datetime-picker.d.mts

@@ -1,13 +1,17 @@
-import { P as PrimitiveThemeTokens } from '../theme-provider.types-B4jCf93c.mjs';
+import { P as PrimitiveThemeTokens } from '../theme-provider.types-CLjz9-IY.mjs';
 import { DatetimePickerTokens } from '../types/datetime-picker-tokens.types.mjs';
 import '../types/badge-tokens.types.mjs';
 import '../types/components.types.mjs';
 import '../types/carousel-tokens.types.mjs';
+import '../types/charts-tokens.types.mjs';
+import '../types/chart.types.mjs';
 import '../types/checkbox-tokens.types.mjs';
 import '../types/list-tokens.types.mjs';
 import '../types/modal-tokens.types.mjs';
 import '../types/popover-tokens.types.mjs';
 import '../types/radio-tokens.types.mjs';
+import '../types/shadow.types.mjs';
+import 'react-native';
 import '../types/tabs-tokens.types.mjs';
 import '../types/accordion-tokens.types.mjs';
 import '../types/avatar-tokens.types.mjs';

package/dist/theme/create-divider-tokens.d.mts

@@ -1,13 +1,17 @@
-import { P as PrimitiveThemeTokens } from '../theme-provider.types-B4jCf93c.mjs';
+import { P as PrimitiveThemeTokens } from '../theme-provider.types-CLjz9-IY.mjs';
 import { DividerTokens } from '../types/divider-tokens.types.mjs';
 import '../types/badge-tokens.types.mjs';
 import '../types/components.types.mjs';
 import '../types/carousel-tokens.types.mjs';
+import '../types/charts-tokens.types.mjs';
+import '../types/chart.types.mjs';
 import '../types/checkbox-tokens.types.mjs';
 import '../types/list-tokens.types.mjs';
 import '../types/modal-tokens.types.mjs';
 import '../types/popover-tokens.types.mjs';
 import '../types/radio-tokens.types.mjs';
+import '../types/shadow.types.mjs';
+import 'react-native';
 import '../types/tabs-tokens.types.mjs';
 import '../types/accordion-tokens.types.mjs';
 import '../types/avatar-tokens.types.mjs';

package/dist/theme/create-flyout-tokens.d.mts

@@ -1,13 +1,17 @@
-import { P as PrimitiveThemeTokens } from '../theme-provider.types-B4jCf93c.mjs';
+import { P as PrimitiveThemeTokens } from '../theme-provider.types-CLjz9-IY.mjs';
 import { FlyoutTokens } from '../types/flyout-tokens.types.mjs';
 import '../types/badge-tokens.types.mjs';
 import '../types/components.types.mjs';
 import '../types/carousel-tokens.types.mjs';
+import '../types/charts-tokens.types.mjs';
+import '../types/chart.types.mjs';
 import '../types/checkbox-tokens.types.mjs';
 import '../types/list-tokens.types.mjs';
 import '../types/modal-tokens.types.mjs';
 import '../types/popover-tokens.types.mjs';
 import '../types/radio-tokens.types.mjs';
+import '../types/shadow.types.mjs';
+import 'react-native';
 import '../types/tabs-tokens.types.mjs';
 import '../types/accordion-tokens.types.mjs';
 import '../types/avatar-tokens.types.mjs';

package/dist/theme/create-flyout-tokens.js

@@ -2,6 +2,8 @@ function createFlyoutTokens(tokens) {
   const borderRadius = tokens.radii.lg;
   const handleContainerHeight = 32;
   return {
+    enterSpring: { damping: 50, stiffness: 300, mass: 1 },
+    exitDuration: 150,
     zIndexBase: 100,
     maxHeightRatio: 0.7,
     overlayColor: tokens.colors.text.tertiary,

package/dist/theme/create-flyout-tokens.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/theme/create-flyout-tokens.ts"],"sourcesContent":["import type { FlyoutTokens, PrimitiveThemeTokens } from \"../types\";\n\nexport function createFlyoutTokens(tokens: PrimitiveThemeTokens): FlyoutTokens {\n  const borderRadius = tokens.radii.lg;\n  const handleContainerHeight = 32;\n\n  return {\n    zIndexBase: 100,\n\n    maxHeightRatio: 0.7,\n\n    overlayColor: tokens.colors.text.tertiary,\n    overlayVisibleOpacity: 0.4,\n\n    backgroundColor: tokens.colors.surface.elevated.value,\n    contentPaddingHorizontal: tokens.space.sm,\n\n    hiddenOpacity: 0,\n\n    title: {\n      paddingVertical: tokens.space.sm,\n      paddingHorizontal: tokens.space.sm,\n      color: tokens.colors.text.primary,\n      fontSize: tokens.fontSize.lg,\n      lineHeight: tokens.lineHeight.lg,\n    },\n\n    handle: {\n      width: \"25%\",\n      height: 6,\n      borderRadius: tokens.radii.round,\n      backgroundColor: tokens.colors.border.default.value,\n    },\n\n    placements: {\n      top: {\n        container: {\n          top: 0,\n          borderTopLeftRadius: 0,\n          borderTopRightRadius: 0,\n          borderBottomLeftRadius: borderRadius,\n          borderBottomRightRadius: borderRadius,\n        },\n        handleContainer: {\n          bottom: -handleContainerHeight,\n          height: handleContainerHeight,\n        },\n      },\n      bottom: {\n        container: {\n          bottom: 0,\n          borderTopLeftRadius: borderRadius,\n          borderTopRightRadius: borderRadius,\n          borderBottomLeftRadius: 0,\n          borderBottomRightRadius: 0,\n        },\n        handleContainer: {\n          top: -handleContainerHeight,\n          height: handleContainerHeight,\n        },\n      },\n    },\n  };\n}\n"],"mappings":"AAEO,SAAS,mBAAmB,QAA4C;AAC7E,QAAM,eAAe,OAAO,MAAM;AAClC,QAAM,wBAAwB;AAE9B,SAAO;AAAA,IACL,YAAY;AAAA,IAEZ,gBAAgB;AAAA,IAEhB,cAAc,OAAO,OAAO,KAAK;AAAA,IACjC,uBAAuB;AAAA,IAEvB,iBAAiB,OAAO,OAAO,QAAQ,SAAS;AAAA,IAChD,0BAA0B,OAAO,MAAM;AAAA,IAEvC,eAAe;AAAA,IAEf,OAAO;AAAA,MACL,iBAAiB,OAAO,MAAM;AAAA,MAC9B,mBAAmB,OAAO,MAAM;AAAA,MAChC,OAAO,OAAO,OAAO,KAAK;AAAA,MAC1B,UAAU,OAAO,SAAS;AAAA,MAC1B,YAAY,OAAO,WAAW;AAAA,IAChC;AAAA,IAEA,QAAQ;AAAA,MACN,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,cAAc,OAAO,MAAM;AAAA,MAC3B,iBAAiB,OAAO,OAAO,OAAO,QAAQ;AAAA,IAChD;AAAA,IAEA,YAAY;AAAA,MACV,KAAK;AAAA,QACH,WAAW;AAAA,UACT,KAAK;AAAA,UACL,qBAAqB;AAAA,UACrB,sBAAsB;AAAA,UACtB,wBAAwB;AAAA,UACxB,yBAAyB;AAAA,QAC3B;AAAA,QACA,iBAAiB;AAAA,UACf,QAAQ,CAAC;AAAA,UACT,QAAQ;AAAA,QACV;AAAA,MACF;AAAA,MACA,QAAQ;AAAA,QACN,WAAW;AAAA,UACT,QAAQ;AAAA,UACR,qBAAqB;AAAA,UACrB,sBAAsB;AAAA,UACtB,wBAAwB;AAAA,UACxB,yBAAyB;AAAA,QAC3B;AAAA,QACA,iBAAiB;AAAA,UACf,KAAK,CAAC;AAAA,UACN,QAAQ;AAAA,QACV;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;","names":[]}
+{"version":3,"sources":["../../src/theme/create-flyout-tokens.ts"],"sourcesContent":["import type { FlyoutTokens, PrimitiveThemeTokens } from \"../types\";\n\nexport function createFlyoutTokens(tokens: PrimitiveThemeTokens): FlyoutTokens {\n  const borderRadius = tokens.radii.lg;\n  const handleContainerHeight = 32;\n\n  return {\n    enterSpring: { damping: 50, stiffness: 300, mass: 1 },\n    exitDuration: 150,\n    zIndexBase: 100,\n\n    maxHeightRatio: 0.7,\n\n    overlayColor: tokens.colors.text.tertiary,\n    overlayVisibleOpacity: 0.4,\n\n    backgroundColor: tokens.colors.surface.elevated.value,\n    contentPaddingHorizontal: tokens.space.sm,\n\n    hiddenOpacity: 0,\n\n    title: {\n      paddingVertical: tokens.space.sm,\n      paddingHorizontal: tokens.space.sm,\n      color: tokens.colors.text.primary,\n      fontSize: tokens.fontSize.lg,\n      lineHeight: tokens.lineHeight.lg,\n    },\n\n    handle: {\n      width: \"25%\",\n      height: 6,\n      borderRadius: tokens.radii.round,\n      backgroundColor: tokens.colors.border.default.value,\n    },\n\n    placements: {\n      top: {\n        container: {\n          top: 0,\n          borderTopLeftRadius: 0,\n          borderTopRightRadius: 0,\n          borderBottomLeftRadius: borderRadius,\n          borderBottomRightRadius: borderRadius,\n        },\n        handleContainer: {\n          bottom: -handleContainerHeight,\n          height: handleContainerHeight,\n        },\n      },\n      bottom: {\n        container: {\n          bottom: 0,\n          borderTopLeftRadius: borderRadius,\n          borderTopRightRadius: borderRadius,\n          borderBottomLeftRadius: 0,\n          borderBottomRightRadius: 0,\n        },\n        handleContainer: {\n          top: -handleContainerHeight,\n          height: handleContainerHeight,\n        },\n      },\n    },\n  };\n}\n"],"mappings":"AAEO,SAAS,mBAAmB,QAA4C;AAC7E,QAAM,eAAe,OAAO,MAAM;AAClC,QAAM,wBAAwB;AAE9B,SAAO;AAAA,IACL,aAAa,EAAE,SAAS,IAAI,WAAW,KAAK,MAAM,EAAE;AAAA,IACpD,cAAc;AAAA,IACd,YAAY;AAAA,IAEZ,gBAAgB;AAAA,IAEhB,cAAc,OAAO,OAAO,KAAK;AAAA,IACjC,uBAAuB;AAAA,IAEvB,iBAAiB,OAAO,OAAO,QAAQ,SAAS;AAAA,IAChD,0BAA0B,OAAO,MAAM;AAAA,IAEvC,eAAe;AAAA,IAEf,OAAO;AAAA,MACL,iBAAiB,OAAO,MAAM;AAAA,MAC9B,mBAAmB,OAAO,MAAM;AAAA,MAChC,OAAO,OAAO,OAAO,KAAK;AAAA,MAC1B,UAAU,OAAO,SAAS;AAAA,MAC1B,YAAY,OAAO,WAAW;AAAA,IAChC;AAAA,IAEA,QAAQ;AAAA,MACN,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,cAAc,OAAO,MAAM;AAAA,MAC3B,iBAAiB,OAAO,OAAO,OAAO,QAAQ;AAAA,IAChD;AAAA,IAEA,YAAY;AAAA,MACV,KAAK;AAAA,QACH,WAAW;AAAA,UACT,KAAK;AAAA,UACL,qBAAqB;AAAA,UACrB,sBAAsB;AAAA,UACtB,wBAAwB;AAAA,UACxB,yBAAyB;AAAA,QAC3B;AAAA,QACA,iBAAiB;AAAA,UACf,QAAQ,CAAC;AAAA,UACT,QAAQ;AAAA,QACV;AAAA,MACF;AAAA,MACA,QAAQ;AAAA,QACN,WAAW;AAAA,UACT,QAAQ;AAAA,UACR,qBAAqB;AAAA,UACrB,sBAAsB;AAAA,UACtB,wBAAwB;AAAA,UACxB,yBAAyB;AAAA,QAC3B;AAAA,QACA,iBAAiB;AAAA,UACf,KAAK,CAAC;AAAA,UACN,QAAQ;AAAA,QACV;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;","names":[]}