@impulse-ui-native/theme 9.0.0 → 9.1.2

package/README.md

@@ -139,9 +139,15 @@ motion tokens.
 </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
+`createChartsTokens` and `ChartsTokens` define the chart palette, shared chart
+insets, axis/grid/line widths, axis tick length and label gap, bar padding/rounding,
+pie ring padding/rounding, typography, selection markers, legends, and tooltip
+placement. `createChartsLabelTokens` and `ChartsLabelTokens` provide the same font
+family, weight, size, and color defaults for native chart text and Skia labels.
+Chart tooltip surface, border, radius, text color, padding, and gap come from
+`components.charts.tooltip`; legend press feedback and
+hidden opacity reuse Pressable tokens. New appearance groups are optional for
+compatibility with older complete chart token objects. The palette defaults to `ChartColorTokens`; override
 `components.charts.palette` to customize series colors. Explicit component and
 series props continue to take precedence.
 

package/dist/hooks/index.d.mts

@@ -12,6 +12,7 @@ import '../types/badge-tokens.types.mjs';
 import '../types/components.types.mjs';
 import '../types/carousel-tokens.types.mjs';
 import '../types/charts-tokens.types.mjs';
+import 'react-native';
 import '../types/chart.types.mjs';
 import '../types/checkbox-tokens.types.mjs';
 import '../types/color-picker-tokens.types.mjs';
@@ -20,7 +21,6 @@ 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-colors.hook.d.mts

@@ -3,7 +3,9 @@ import '../types/badge-tokens.types.mjs';
 import '../types/components.types.mjs';
 import '../types/carousel-tokens.types.mjs';
 import '../types/charts-tokens.types.mjs';
+import 'react-native';
 import '../types/chart.types.mjs';
+import '../types/tokens.types.mjs';
 import '../types/checkbox-tokens.types.mjs';
 import '../types/color-picker-tokens.types.mjs';
 import '../types/list-tokens.types.mjs';
@@ -11,7 +13,6 @@ 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';
@@ -36,7 +37,6 @@ 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 useColors(): ThemeColors;
 

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

@@ -3,7 +3,9 @@ import '../types/badge-tokens.types.mjs';
 import '../types/components.types.mjs';
 import '../types/carousel-tokens.types.mjs';
 import '../types/charts-tokens.types.mjs';
+import 'react-native';
 import '../types/chart.types.mjs';
+import '../types/tokens.types.mjs';
 import '../types/checkbox-tokens.types.mjs';
 import '../types/color-picker-tokens.types.mjs';
 import '../types/list-tokens.types.mjs';
@@ -11,7 +13,6 @@ 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';
@@ -36,7 +37,6 @@ 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 useComponentsTokens(): ComponentsTokens;
 

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

@@ -3,7 +3,9 @@ import '../types/badge-tokens.types.mjs';
 import '../types/components.types.mjs';
 import '../types/carousel-tokens.types.mjs';
 import '../types/charts-tokens.types.mjs';
+import 'react-native';
 import '../types/chart.types.mjs';
+import '../types/tokens.types.mjs';
 import '../types/checkbox-tokens.types.mjs';
 import '../types/color-picker-tokens.types.mjs';
 import '../types/list-tokens.types.mjs';
@@ -11,7 +13,6 @@ 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';
@@ -36,7 +37,6 @@ 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 useTheme(): AppTheme;
 

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

@@ -5,6 +5,7 @@ import '../types/components.types.mjs';
 import '../types/carousel-tokens.types.mjs';
 import '../types/charts-tokens.types.mjs';
 import '../types/chart.types.mjs';
+import '../types/tokens.types.mjs';
 import '../types/checkbox-tokens.types.mjs';
 import '../types/color-picker-tokens.types.mjs';
 import '../types/list-tokens.types.mjs';
@@ -36,7 +37,6 @@ 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';
 
 type ThemedStyles<T extends StyleSheet.NamedStyles<T>> = T;
 type StyledFunctionNoProps<T extends StyleSheet.NamedStyles<T>> = (theme: AppTheme) => ThemedStyles<T>;

package/dist/index.d.mts

@@ -11,7 +11,7 @@ export { ThemeProvider, useThemeContext } from './providers/theme.provider.mjs';
 export { DarkTheme } from './theme/dark.theme.mjs';
 export { LightTheme } from './theme/light.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 { createChartsLabelTokens, 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';
@@ -24,7 +24,7 @@ export { createColorPickerTokens } from './theme/create-color-picker-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 { ChartsLabelTokens, 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';

package/dist/providers/index.d.mts

@@ -7,7 +7,9 @@ import '../types/badge-tokens.types.mjs';
 import '../types/components.types.mjs';
 import '../types/carousel-tokens.types.mjs';
 import '../types/charts-tokens.types.mjs';
+import 'react-native';
 import '../types/chart.types.mjs';
+import '../types/tokens.types.mjs';
 import '../types/checkbox-tokens.types.mjs';
 import '../types/color-picker-tokens.types.mjs';
 import '../types/list-tokens.types.mjs';
@@ -15,7 +17,6 @@ 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';
@@ -40,4 +41,3 @@ 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';

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

@@ -7,7 +7,9 @@ import '../types/badge-tokens.types.mjs';
 import '../types/components.types.mjs';
 import '../types/carousel-tokens.types.mjs';
 import '../types/charts-tokens.types.mjs';
+import 'react-native';
 import '../types/chart.types.mjs';
+import '../types/tokens.types.mjs';
 import '../types/checkbox-tokens.types.mjs';
 import '../types/color-picker-tokens.types.mjs';
 import '../types/list-tokens.types.mjs';
@@ -15,7 +17,6 @@ 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';
@@ -40,7 +41,6 @@ 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';
 
 interface ThemeProviderProps {
     scheme?: ColorScheme;

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

@@ -4,7 +4,9 @@ import '../types/badge-tokens.types.mjs';
 import '../types/components.types.mjs';
 import '../types/carousel-tokens.types.mjs';
 import '../types/charts-tokens.types.mjs';
+import 'react-native';
 import '../types/chart.types.mjs';
+import '../types/tokens.types.mjs';
 import '../types/checkbox-tokens.types.mjs';
 import '../types/color-picker-tokens.types.mjs';
 import '../types/list-tokens.types.mjs';
@@ -12,7 +14,6 @@ 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';
@@ -36,7 +37,6 @@ 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 createAccordionTokens(tokens: PrimitiveThemeTokens): AccordionTokens;
 

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

@@ -4,7 +4,9 @@ import '../types/badge-tokens.types.mjs';
 import '../types/components.types.mjs';
 import '../types/carousel-tokens.types.mjs';
 import '../types/charts-tokens.types.mjs';
+import 'react-native';
 import '../types/chart.types.mjs';
+import '../types/tokens.types.mjs';
 import '../types/checkbox-tokens.types.mjs';
 import '../types/color-picker-tokens.types.mjs';
 import '../types/list-tokens.types.mjs';
@@ -12,7 +14,6 @@ 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';
@@ -36,7 +37,6 @@ 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 createAvatarTokens(tokens: PrimitiveThemeTokens): AvatarTokens;
 

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

@@ -3,7 +3,9 @@ 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 'react-native';
 import '../types/chart.types.mjs';
+import '../types/tokens.types.mjs';
 import '../types/checkbox-tokens.types.mjs';
 import '../types/color-picker-tokens.types.mjs';
 import '../types/list-tokens.types.mjs';
@@ -11,7 +13,6 @@ 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';
@@ -36,7 +37,6 @@ 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 createBadgeTokens(tokens: PrimitiveThemeTokens): BadgeTokens;
 

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

@@ -4,7 +4,9 @@ import '../types/badge-tokens.types.mjs';
 import '../types/components.types.mjs';
 import '../types/carousel-tokens.types.mjs';
 import '../types/charts-tokens.types.mjs';
+import 'react-native';
 import '../types/chart.types.mjs';
+import '../types/tokens.types.mjs';
 import '../types/checkbox-tokens.types.mjs';
 import '../types/color-picker-tokens.types.mjs';
 import '../types/list-tokens.types.mjs';
@@ -12,7 +14,6 @@ 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';
@@ -36,7 +37,6 @@ 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 createButtonTokens(tokens: PrimitiveThemeTokens): ButtonTokens;
 

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

@@ -4,7 +4,9 @@ import '../types/badge-tokens.types.mjs';
 import '../types/components.types.mjs';
 import '../types/carousel-tokens.types.mjs';
 import '../types/charts-tokens.types.mjs';
+import 'react-native';
 import '../types/chart.types.mjs';
+import '../types/tokens.types.mjs';
 import '../types/checkbox-tokens.types.mjs';
 import '../types/color-picker-tokens.types.mjs';
 import '../types/list-tokens.types.mjs';
@@ -12,7 +14,6 @@ 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';
@@ -36,7 +37,6 @@ 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 createCardTokens(tokens: PrimitiveThemeTokens): CardTokens;
 

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

@@ -3,7 +3,9 @@ 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 'react-native';
 import '../types/chart.types.mjs';
+import '../types/tokens.types.mjs';
 import '../types/checkbox-tokens.types.mjs';
 import '../types/color-picker-tokens.types.mjs';
 import '../types/list-tokens.types.mjs';
@@ -11,7 +13,6 @@ 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';
@@ -36,7 +37,6 @@ 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 createCarouselTokens(tokens: PrimitiveThemeTokens): CarouselTokens;
 

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

@@ -1,6 +1,8 @@
-import { ChartsTokens } from '../types/charts-tokens.types.mjs';
+import { ChartsLabelTokens, ChartsTokens } from '../types/charts-tokens.types.mjs';
 import { P as PrimitiveThemeTokens } from '../theme-provider.types-CIh3wHN_.mjs';
+import 'react-native';
 import '../types/chart.types.mjs';
+import '../types/tokens.types.mjs';
 import '../types/badge-tokens.types.mjs';
 import '../types/components.types.mjs';
 import '../types/carousel-tokens.types.mjs';
@@ -11,7 +13,6 @@ 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';
@@ -36,8 +37,8 @@ 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;
+declare function createChartsLabelTokens(tokens: PrimitiveThemeTokens): ChartsLabelTokens;
 
-export { createChartsTokens };
+export { createChartsLabelTokens, createChartsTokens };

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

@@ -15,11 +15,39 @@ function createChartsTokens(tokens) {
     },
     grid: { width: tokens.borderSize.sm },
     line: { width: tokens.borderSize.md },
-    bar: { categoryPadding: 0.2, seriesPadding: 0.1 },
-    pie: { ringPadding: tokens.borderSize.md }
+    bar: { categoryPadding: 0.2, seriesPadding: 0.1, radius: tokens.radii.sm },
+    pie: { ringPadding: tokens.borderSize.md, cornerRadius: tokens.radii.sm },
+    label: createChartsLabelTokens(tokens),
+    selection: { radius: tokens.space.xxs, width: tokens.borderSize.md },
+    legend: {
+      gap: tokens.space.xs,
+      padding: tokens.space.xs,
+      swatchSize: tokens.space.mxs,
+      swatchRadius: tokens.radii.sm
+    },
+    tooltip: {
+      offset: tokens.space.xs,
+      maxWidth: "90%",
+      backgroundColor: tokens.colors.surface.elevated.value,
+      color: tokens.colors.text.primary,
+      borderColor: tokens.colors.border.subtle.value,
+      borderWidth: tokens.borderSize.sm,
+      borderRadius: tokens.radii.sm,
+      padding: tokens.space.xs,
+      gap: tokens.space.xs
+    }
+  };
+}
+function createChartsLabelTokens(tokens) {
+  return {
+    color: tokens.colors.text.secondary,
+    fontSize: tokens.fontSize.xs,
+    fontFamily: tokens.fontFamily.normal[tokens.fontWeight.regular],
+    fontWeight: tokens.fontWeight.regular
   };
 }
 export {
+  createChartsLabelTokens,
   createChartsTokens
 };
 //# sourceMappingURL=create-charts-tokens.js.map

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

@@ -1 +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":[]}
+{"version":3,"sources":["../../src/theme/create-charts-tokens.ts"],"sourcesContent":["import type {\n  ChartsLabelTokens,\n  ChartsTokens,\n  PrimitiveThemeTokens,\n} 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, radius: tokens.radii.sm },\n    pie: { ringPadding: tokens.borderSize.md, cornerRadius: tokens.radii.sm },\n    label: createChartsLabelTokens(tokens),\n    selection: { radius: tokens.space.xxs, width: tokens.borderSize.md },\n    legend: {\n      gap: tokens.space.xs,\n      padding: tokens.space.xs,\n      swatchSize: tokens.space.mxs,\n      swatchRadius: tokens.radii.sm,\n    },\n    tooltip: {\n      offset: tokens.space.xs,\n      maxWidth: \"90%\",\n      backgroundColor: tokens.colors.surface.elevated.value,\n      color: tokens.colors.text.primary,\n      borderColor: tokens.colors.border.subtle.value,\n      borderWidth: tokens.borderSize.sm,\n      borderRadius: tokens.radii.sm,\n      padding: tokens.space.xs,\n      gap: tokens.space.xs,\n    },\n  };\n}\n\nexport function createChartsLabelTokens(\n  tokens: PrimitiveThemeTokens,\n): ChartsLabelTokens {\n  return {\n    color: tokens.colors.text.secondary,\n    fontSize: tokens.fontSize.xs,\n    fontFamily: tokens.fontFamily.normal[tokens.fontWeight.regular],\n    fontWeight: tokens.fontWeight.regular,\n  };\n}\n"],"mappings":"AAKA,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,KAAK,QAAQ,OAAO,MAAM,GAAG;AAAA,IACzE,KAAK,EAAE,aAAa,OAAO,WAAW,IAAI,cAAc,OAAO,MAAM,GAAG;AAAA,IACxE,OAAO,wBAAwB,MAAM;AAAA,IACrC,WAAW,EAAE,QAAQ,OAAO,MAAM,KAAK,OAAO,OAAO,WAAW,GAAG;AAAA,IACnE,QAAQ;AAAA,MACN,KAAK,OAAO,MAAM;AAAA,MAClB,SAAS,OAAO,MAAM;AAAA,MACtB,YAAY,OAAO,MAAM;AAAA,MACzB,cAAc,OAAO,MAAM;AAAA,IAC7B;AAAA,IACA,SAAS;AAAA,MACP,QAAQ,OAAO,MAAM;AAAA,MACrB,UAAU;AAAA,MACV,iBAAiB,OAAO,OAAO,QAAQ,SAAS;AAAA,MAChD,OAAO,OAAO,OAAO,KAAK;AAAA,MAC1B,aAAa,OAAO,OAAO,OAAO,OAAO;AAAA,MACzC,aAAa,OAAO,WAAW;AAAA,MAC/B,cAAc,OAAO,MAAM;AAAA,MAC3B,SAAS,OAAO,MAAM;AAAA,MACtB,KAAK,OAAO,MAAM;AAAA,IACpB;AAAA,EACF;AACF;AAEO,SAAS,wBACd,QACmB;AACnB,SAAO;AAAA,IACL,OAAO,OAAO,OAAO,KAAK;AAAA,IAC1B,UAAU,OAAO,SAAS;AAAA,IAC1B,YAAY,OAAO,WAAW,OAAO,OAAO,WAAW,OAAO;AAAA,IAC9D,YAAY,OAAO,WAAW;AAAA,EAChC;AACF;","names":[]}

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

@@ -4,14 +4,15 @@ import '../types/badge-tokens.types.mjs';
 import '../types/components.types.mjs';
 import '../types/carousel-tokens.types.mjs';
 import '../types/charts-tokens.types.mjs';
+import 'react-native';
 import '../types/chart.types.mjs';
+import '../types/tokens.types.mjs';
 import '../types/color-picker-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';
@@ -36,7 +37,6 @@ 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 createCheckboxTokens(tokens: PrimitiveThemeTokens): CheckboxTokens;
 

package/dist/theme/create-color-picker-tokens.d.mts

@@ -4,14 +4,15 @@ import '../types/badge-tokens.types.mjs';
 import '../types/components.types.mjs';
 import '../types/carousel-tokens.types.mjs';
 import '../types/charts-tokens.types.mjs';
+import 'react-native';
 import '../types/chart.types.mjs';
+import '../types/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';
@@ -36,7 +37,6 @@ 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 createColorPickerTokens(tokens: PrimitiveThemeTokens): ColorPickerTokens;
 

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

@@ -4,7 +4,9 @@ import '../types/badge-tokens.types.mjs';
 import '../types/components.types.mjs';
 import '../types/carousel-tokens.types.mjs';
 import '../types/charts-tokens.types.mjs';
+import 'react-native';
 import '../types/chart.types.mjs';
+import '../types/tokens.types.mjs';
 import '../types/checkbox-tokens.types.mjs';
 import '../types/color-picker-tokens.types.mjs';
 import '../types/list-tokens.types.mjs';
@@ -12,7 +14,6 @@ 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';
@@ -36,7 +37,6 @@ 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 createControlAddonTokens(tokens: PrimitiveThemeTokens): ControlAddonTokens;
 declare function createControlContainerTokens(tokens: PrimitiveThemeTokens): ControlContainerTokens;

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

@@ -4,7 +4,9 @@ import '../types/badge-tokens.types.mjs';
 import '../types/components.types.mjs';
 import '../types/carousel-tokens.types.mjs';
 import '../types/charts-tokens.types.mjs';
+import 'react-native';
 import '../types/chart.types.mjs';
+import '../types/tokens.types.mjs';
 import '../types/checkbox-tokens.types.mjs';
 import '../types/color-picker-tokens.types.mjs';
 import '../types/list-tokens.types.mjs';
@@ -12,7 +14,6 @@ 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';
@@ -36,7 +37,6 @@ 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 createDataStateTokens(tokens: PrimitiveThemeTokens): DataStateTokens;
 

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

@@ -4,7 +4,9 @@ import '../types/badge-tokens.types.mjs';
 import '../types/components.types.mjs';
 import '../types/carousel-tokens.types.mjs';
 import '../types/charts-tokens.types.mjs';
+import 'react-native';
 import '../types/chart.types.mjs';
+import '../types/tokens.types.mjs';
 import '../types/checkbox-tokens.types.mjs';
 import '../types/color-picker-tokens.types.mjs';
 import '../types/list-tokens.types.mjs';
@@ -12,7 +14,6 @@ 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';
@@ -36,7 +37,6 @@ 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 createDatetimePickerTokens(tokens: PrimitiveThemeTokens): DatetimePickerTokens;
 

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

@@ -4,7 +4,9 @@ import '../types/badge-tokens.types.mjs';
 import '../types/components.types.mjs';
 import '../types/carousel-tokens.types.mjs';
 import '../types/charts-tokens.types.mjs';
+import 'react-native';
 import '../types/chart.types.mjs';
+import '../types/tokens.types.mjs';
 import '../types/checkbox-tokens.types.mjs';
 import '../types/color-picker-tokens.types.mjs';
 import '../types/list-tokens.types.mjs';
@@ -12,7 +14,6 @@ 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';
@@ -36,7 +37,6 @@ 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 createDividerTokens(tokens: PrimitiveThemeTokens): DividerTokens;
 

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

@@ -4,7 +4,9 @@ import '../types/badge-tokens.types.mjs';
 import '../types/components.types.mjs';
 import '../types/carousel-tokens.types.mjs';
 import '../types/charts-tokens.types.mjs';
+import 'react-native';
 import '../types/chart.types.mjs';
+import '../types/tokens.types.mjs';
 import '../types/checkbox-tokens.types.mjs';
 import '../types/color-picker-tokens.types.mjs';
 import '../types/list-tokens.types.mjs';
@@ -12,7 +14,6 @@ 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';
@@ -36,7 +37,6 @@ 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 createFlyoutTokens(tokens: PrimitiveThemeTokens): FlyoutTokens;