@impulse-ui-native/theme 2.5.0 → 2.6.0

package/README.md

@@ -51,3 +51,26 @@ export function App() {
 ```
 
 Theme overrides are deep partials, so only the tokens you want to change need to be supplied.
+
+Component-token overrides can be supplied as a deep-partial object or as a
+callback that receives the resolved primitive theme:
+
+```tsx
+<ThemeProvider
+  components={(theme) => ({
+    button: {
+      borderRadius: theme.radii.lg,
+      variants: {
+        filled: {
+          backgroundColor: theme.colors.accent.value,
+        },
+      },
+    },
+  })}
+>
+  {/* application */}
+</ThemeProvider>
+```
+
+Component overrides are merged with the generated defaults, so unspecified
+tokens retain their theme-derived values.

package/dist/hooks/index.d.mts

@@ -8,8 +8,10 @@ export { useTheme } from './use-theme.hook.mjs';
 export { useThemedStyles } from './use-themed-styles.mjs';
 import '../types/tokens.types.mjs';
 import '../types/theme-provider.types.mjs';
-import '../types/buttons-tokens.types.mjs';
+import '../types/checkbox-tokens.types.mjs';
 import '../types/components.types.mjs';
+import '../types/radio-tokens.types.mjs';
+import '../types/buttons-tokens.types.mjs';
 import '../types/control-tokes.types.mjs';
 import '../types/data-state-tokens.types.mjs';
 import '../types/datetime-picker-tokens.types.mjs';

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

@@ -1,6 +1,8 @@
 import { ThemeColors } from '../types/theme-provider.types.mjs';
-import '../types/buttons-tokens.types.mjs';
+import '../types/checkbox-tokens.types.mjs';
 import '../types/components.types.mjs';
+import '../types/radio-tokens.types.mjs';
+import '../types/buttons-tokens.types.mjs';
 import '../types/control-tokes.types.mjs';
 import '../types/data-state-tokens.types.mjs';
 import '../types/datetime-picker-tokens.types.mjs';

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

@@ -1,6 +1,8 @@
 import { ComponentsTokens } from '../types/theme-provider.types.mjs';
-import '../types/buttons-tokens.types.mjs';
+import '../types/checkbox-tokens.types.mjs';
 import '../types/components.types.mjs';
+import '../types/radio-tokens.types.mjs';
+import '../types/buttons-tokens.types.mjs';
 import '../types/control-tokes.types.mjs';
 import '../types/data-state-tokens.types.mjs';
 import '../types/datetime-picker-tokens.types.mjs';

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

@@ -1,6 +1,8 @@
 import { AppTheme } from '../types/theme-provider.types.mjs';
-import '../types/buttons-tokens.types.mjs';
+import '../types/checkbox-tokens.types.mjs';
 import '../types/components.types.mjs';
+import '../types/radio-tokens.types.mjs';
+import '../types/buttons-tokens.types.mjs';
 import '../types/control-tokes.types.mjs';
 import '../types/data-state-tokens.types.mjs';
 import '../types/datetime-picker-tokens.types.mjs';

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

@@ -1,7 +1,9 @@
 import { StyleSheet } from 'react-native';
 import { AppTheme } from '../types/theme-provider.types.mjs';
-import '../types/buttons-tokens.types.mjs';
+import '../types/checkbox-tokens.types.mjs';
 import '../types/components.types.mjs';
+import '../types/radio-tokens.types.mjs';
+import '../types/buttons-tokens.types.mjs';
 import '../types/control-tokes.types.mjs';
 import '../types/data-state-tokens.types.mjs';
 import '../types/datetime-picker-tokens.types.mjs';

package/dist/index.d.mts

@@ -24,14 +24,16 @@ export { AppTheme, ColorPair, ColorScheme, ComponentsThemes, ComponentsTokens, E
 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 { ButtonSizeTokens, ButtonTokens, ButtonVariantTokens, IconButtonSizeTokens, IconButtonTokens, IconButtonVariantTokens } from './types/buttons-tokens.types.mjs';
+export { CheckboxSizeTokens, CheckboxTokens, CheckboxVariantTokens } from './types/checkbox-tokens.types.mjs';
 export { TagColor, TagColorTokens, TagSizeTokens, TagTokens, TagVariantTokens } from './types/tag-tokens.types.mjs';
-export { ControlAddonTokens, ControlContainerSizeTokens, ControlContainerTokens, ControlContainerVariantTokens, ControlErrorTokens, ControlInputSizeTokens, ControlInputTokens, ControlInputVariantTokens, ControlLabelTokens } from './types/control-tokes.types.mjs';
+export { ControlAddonTokens, ControlAddonVariantTokens, ControlContainerSizeTokens, ControlContainerTokens, ControlContainerVariantTokens, ControlErrorTokens, ControlInputSizeTokens, ControlInputTokens, ControlInputVariantTokens, ControlLabelTokens } from './types/control-tokes.types.mjs';
 export { SelectOptionTokens, SelectTokens } from './types/select-tokens.types.mjs';
 export { DatePickerFlyoutTokens, DatetimePickerCalendarTokens, DatetimePickerDayTokens, DatetimePickerFlyoutActionsTokens, DatetimePickerFlyoutTokens, DatetimePickerQuickDateOptionsTokens, DatetimePickerTokens, DatetimePickerVisibleDateSelectTokens, DatetimeRangePickerFlyoutTokens } from './types/datetime-picker-tokens.types.mjs';
 export { TimePickerColumnTokens, TimePickerColumnsTokens, TimePickerFlyoutTokens, TimePickerTokens } from './types/time-picker-token.types.mjs';
 export { FlyoutHandleTokens, FlyoutTitleTokens, FlyoutTokens } from './types/flyout-tokens.types.mjs';
 export { IconTokens } from './types/icon-tokens.types.mjs';
 export { PressableTokens } from './types/pressable-tokens.types.mjs';
+export { RadioSizeTokens, RadioTokens, RadioVariantTokens } from './types/radio-tokens.types.mjs';
 export { SkeletonBoneTokens, SkeletonTextTokens, SkeletonTokens } from './types/skeleton-tokens.types.mjs';
 export { StepperNavigationTokens, StepperTokens } from './types/stepper-tokens.types.mjs';
 export { DataStateActionsFooterTokens, DataStateContentTokens, DataStateDetailsTokens, DataStateLoadingTokens, DataStateTokens } from './types/data-state-tokens.types.mjs';

package/dist/providers/index.d.mts

@@ -3,8 +3,10 @@ import 'react';
 import 'react/jsx-runtime';
 import '@impulse-ui-native/core';
 import '../types/theme-provider.types.mjs';
-import '../types/buttons-tokens.types.mjs';
+import '../types/checkbox-tokens.types.mjs';
 import '../types/components.types.mjs';
+import '../types/radio-tokens.types.mjs';
+import '../types/buttons-tokens.types.mjs';
 import '../types/control-tokes.types.mjs';
 import '../types/data-state-tokens.types.mjs';
 import '../types/datetime-picker-tokens.types.mjs';

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

@@ -3,8 +3,10 @@ import { PropsWithChildren } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { DeepPartial } from '@impulse-ui-native/core';
 import { ColorScheme, PrimitiveThemeTokens, ComponentsTokens, AppTheme } from '../types/theme-provider.types.mjs';
-import '../types/buttons-tokens.types.mjs';
+import '../types/checkbox-tokens.types.mjs';
 import '../types/components.types.mjs';
+import '../types/radio-tokens.types.mjs';
+import '../types/buttons-tokens.types.mjs';
 import '../types/control-tokes.types.mjs';
 import '../types/data-state-tokens.types.mjs';
 import '../types/datetime-picker-tokens.types.mjs';

package/dist/providers/theme.provider.js

@@ -1,25 +1,26 @@
 import { jsx } from "react/jsx-runtime";
-import {
-  createContext,
-  memo,
-  useContext,
-  useMemo
-} from "react";
+import { createContext, memo, useContext, useMemo } from "react";
 import { merge } from "@impulse-ui-native/core";
 import { createComponentsTokens, DarkTheme, LightTheme } from "../theme";
 const ThemeContext = createContext(void 0);
 const ThemeProvider = memo(function ThemeProvider2(props) {
-  const scheme = props?.scheme ?? "light";
+  const {
+    children,
+    components: componentsOverride,
+    scheme = "light",
+    theme: themeOverride
+  } = props;
   const context = useMemo(() => {
     const baseTheme = scheme === "light" ? LightTheme : DarkTheme;
-    const customBaseTheme = props.theme?.[scheme];
+    const customBaseTheme = themeOverride?.[scheme];
     const theme = merge(baseTheme, customBaseTheme);
+    const customComponents = typeof componentsOverride === "function" ? componentsOverride(theme) : componentsOverride;
     return {
       ...theme,
-      components: createComponentsTokens(theme)
+      components: merge(createComponentsTokens(theme), customComponents)
     };
-  }, [scheme, props.theme?.light, props.theme?.dark, props.components]);
-  return /* @__PURE__ */ jsx(ThemeContext.Provider, { value: context, children: props.children });
+  }, [scheme, themeOverride, componentsOverride]);
+  return /* @__PURE__ */ jsx(ThemeContext.Provider, { value: context, children });
 });
 function useThemeContext() {
   const context = useContext(ThemeContext);

package/dist/providers/theme.provider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/providers/theme.provider.tsx"],"sourcesContent":["import {\r\n  createContext,\r\n  memo,\r\n  PropsWithChildren,\r\n  useContext,\r\n  useMemo,\r\n} from \"react\";\r\n\r\nimport { DeepPartial, merge } from \"@impulse-ui-native/core\";\r\n\r\nimport { createComponentsTokens, DarkTheme, LightTheme } from \"../theme\";\r\nimport {\r\n  AppTheme,\r\n  ColorScheme,\r\n  ComponentsTokens,\r\n  PrimitiveThemeTokens,\r\n} from \"../types\";\r\n\r\nconst ThemeContext = createContext<AppTheme | undefined>(undefined);\r\n\r\ninterface ThemeProviderProps {\r\n  scheme?: ColorScheme;\r\n  theme?: DeepPartial<{\r\n    light: PrimitiveThemeTokens;\r\n    dark: PrimitiveThemeTokens;\r\n  }>;\r\n  components?:\r\n    | ((theme: PrimitiveThemeTokens) => DeepPartial<ComponentsTokens>)\r\n    | DeepPartial<ComponentsTokens>;\r\n}\r\n\r\nexport const ThemeProvider = memo(function ThemeProvider(\r\n  props: PropsWithChildren<ThemeProviderProps>,\r\n) {\r\n  const scheme = props?.scheme ?? \"light\";\r\n\r\n  const context = useMemo<AppTheme>(() => {\r\n    const baseTheme = scheme === \"light\" ? LightTheme : DarkTheme;\r\n    const customBaseTheme = props.theme?.[scheme];\r\n    const theme = merge(baseTheme, customBaseTheme);\r\n\r\n    return {\r\n      ...theme,\r\n      components: createComponentsTokens(theme),\r\n    };\r\n  }, [scheme, props.theme?.light, props.theme?.dark, props.components]);\r\n\r\n  return (\r\n    <ThemeContext.Provider value={context}>\r\n      {props.children}\r\n    </ThemeContext.Provider>\r\n  );\r\n});\r\n\r\nexport function useThemeContext() {\r\n  const context = useContext(ThemeContext);\r\n\r\n  if (!context) {\r\n    throw new Error(\"useThemeContext must be used within a ThemeProvider\");\r\n  }\r\n\r\n  return context;\r\n}\r\n"],"mappings":"AAgDI;AAhDJ;AAAA,EACE;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,OACK;AAEP,SAAsB,aAAa;AAEnC,SAAS,wBAAwB,WAAW,kBAAkB;AAQ9D,MAAM,eAAe,cAAoC,MAAS;AAa3D,MAAM,gBAAgB,KAAK,SAASA,eACzC,OACA;AACA,QAAM,SAAS,OAAO,UAAU;AAEhC,QAAM,UAAU,QAAkB,MAAM;AACtC,UAAM,YAAY,WAAW,UAAU,aAAa;AACpD,UAAM,kBAAkB,MAAM,QAAQ,MAAM;AAC5C,UAAM,QAAQ,MAAM,WAAW,eAAe;AAE9C,WAAO;AAAA,MACL,GAAG;AAAA,MACH,YAAY,uBAAuB,KAAK;AAAA,IAC1C;AAAA,EACF,GAAG,CAAC,QAAQ,MAAM,OAAO,OAAO,MAAM,OAAO,MAAM,MAAM,UAAU,CAAC;AAEpE,SACE,oBAAC,aAAa,UAAb,EAAsB,OAAO,SAC3B,gBAAM,UACT;AAEJ,CAAC;AAEM,SAAS,kBAAkB;AAChC,QAAM,UAAU,WAAW,YAAY;AAEvC,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,qDAAqD;AAAA,EACvE;AAEA,SAAO;AACT;","names":["ThemeProvider"]}
+{"version":3,"sources":["../../src/providers/theme.provider.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport { createContext, memo, useContext, useMemo } from \"react\";\n\nimport type { DeepPartial } from \"@impulse-ui-native/core\";\nimport { merge } from \"@impulse-ui-native/core\";\n\nimport type {\n  AppTheme,\n  ColorScheme,\n  ComponentsTokens,\n  PrimitiveThemeTokens,\n} from \"../types\";\nimport { createComponentsTokens, DarkTheme, LightTheme } from \"../theme\";\n\nconst ThemeContext = createContext<AppTheme | undefined>(undefined);\n\ninterface ThemeProviderProps {\n  scheme?: ColorScheme;\n  theme?: DeepPartial<{\n    light: PrimitiveThemeTokens;\n    dark: PrimitiveThemeTokens;\n  }>;\n  components?:\n    | ((theme: PrimitiveThemeTokens) => DeepPartial<ComponentsTokens>)\n    | DeepPartial<ComponentsTokens>;\n}\n\nexport const ThemeProvider = memo(function ThemeProvider(\n  props: PropsWithChildren<ThemeProviderProps>,\n) {\n  const {\n    children,\n    components: componentsOverride,\n    scheme = \"light\",\n    theme: themeOverride,\n  } = props;\n\n  const context = useMemo<AppTheme>(() => {\n    const baseTheme = scheme === \"light\" ? LightTheme : DarkTheme;\n    const customBaseTheme = themeOverride?.[scheme];\n    const theme = merge(baseTheme, customBaseTheme);\n    const customComponents =\n      typeof componentsOverride === \"function\"\n        ? componentsOverride(theme)\n        : componentsOverride;\n\n    return {\n      ...theme,\n      components: merge(createComponentsTokens(theme), customComponents),\n    };\n  }, [scheme, themeOverride, componentsOverride]);\n\n  return (\n    <ThemeContext.Provider value={context}>{children}</ThemeContext.Provider>\n  );\n});\n\nexport function useThemeContext() {\n  const context = useContext(ThemeContext);\n\n  if (!context) {\n    throw new Error(\"useThemeContext must be used within a ThemeProvider\");\n  }\n\n  return context;\n}\n"],"mappings":"AAqDI;AApDJ,SAAS,eAAe,MAAM,YAAY,eAAe;AAGzD,SAAS,aAAa;AAQtB,SAAS,wBAAwB,WAAW,kBAAkB;AAE9D,MAAM,eAAe,cAAoC,MAAS;AAa3D,MAAM,gBAAgB,KAAK,SAASA,eACzC,OACA;AACA,QAAM;AAAA,IACJ;AAAA,IACA,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,OAAO;AAAA,EACT,IAAI;AAEJ,QAAM,UAAU,QAAkB,MAAM;AACtC,UAAM,YAAY,WAAW,UAAU,aAAa;AACpD,UAAM,kBAAkB,gBAAgB,MAAM;AAC9C,UAAM,QAAQ,MAAM,WAAW,eAAe;AAC9C,UAAM,mBACJ,OAAO,uBAAuB,aAC1B,mBAAmB,KAAK,IACxB;AAEN,WAAO;AAAA,MACL,GAAG;AAAA,MACH,YAAY,MAAM,uBAAuB,KAAK,GAAG,gBAAgB;AAAA,IACnE;AAAA,EACF,GAAG,CAAC,QAAQ,eAAe,kBAAkB,CAAC;AAE9C,SACE,oBAAC,aAAa,UAAb,EAAsB,OAAO,SAAU,UAAS;AAErD,CAAC;AAEM,SAAS,kBAAkB;AAChC,QAAM,UAAU,WAAW,YAAY;AAEvC,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,qDAAqD;AAAA,EACvE;AAEA,SAAO;AACT;","names":["ThemeProvider"]}

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

@@ -1,7 +1,9 @@
 import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
 import { ButtonTokens } from '../types/buttons-tokens.types.mjs';
-import '../types/control-tokes.types.mjs';
+import '../types/checkbox-tokens.types.mjs';
 import '../types/components.types.mjs';
+import '../types/radio-tokens.types.mjs';
+import '../types/control-tokes.types.mjs';
 import '../types/data-state-tokens.types.mjs';
 import '../types/datetime-picker-tokens.types.mjs';
 import '../types/flyout-tokens.types.mjs';

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

@@ -0,0 +1,21 @@
+import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
+import { CheckboxTokens } from '../types/checkbox-tokens.types.mjs';
+import '../types/radio-tokens.types.mjs';
+import '../types/components.types.mjs';
+import '../types/buttons-tokens.types.mjs';
+import '../types/control-tokes.types.mjs';
+import '../types/data-state-tokens.types.mjs';
+import '../types/datetime-picker-tokens.types.mjs';
+import '../types/flyout-tokens.types.mjs';
+import '../types/icon-tokens.types.mjs';
+import '../types/pressable-tokens.types.mjs';
+import '../types/select-tokens.types.mjs';
+import '../types/skeleton-tokens.types.mjs';
+import '../types/stepper-tokens.types.mjs';
+import '../types/tag-tokens.types.mjs';
+import '../types/time-picker-token.types.mjs';
+import '../types/tokens.types.mjs';
+
+declare function createCheckboxTokens(tokens: PrimitiveThemeTokens): CheckboxTokens;
+
+export { createCheckboxTokens };

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

@@ -0,0 +1,63 @@
+function createCheckboxTokens(tokens) {
+  const primary = tokens.colors.primary.value;
+  const primaryContrast = tokens.colors.primary.contrast;
+  const secondary = tokens.colors.secondary.value;
+  const secondaryContrast = tokens.colors.secondary.contrast;
+  return {
+    borderWidth: tokens.borderSize.md,
+    borderRadius: tokens.radii.sm,
+    uncheckedBackgroundColor: "transparent",
+    uncheckedBorderColor: tokens.colors.border.strong.value,
+    disabledBackgroundColor: tokens.colors.neutral["3"],
+    disabledBorderColor: tokens.colors.neutral["5"],
+    disabledColor: tokens.colors.text.disabled,
+    sizes: {
+      small: {
+        size: 20,
+        iconSize: 14,
+        hitSlop: 12
+      },
+      medium: {
+        size: 24,
+        iconSize: 18,
+        hitSlop: 10
+      },
+      large: {
+        size: 28,
+        iconSize: 22,
+        hitSlop: 8
+      }
+    },
+    variants: {
+      filled: {
+        backgroundColor: primary,
+        borderColor: primary,
+        color: primaryContrast
+      },
+      outlined: {
+        backgroundColor: "transparent",
+        borderColor: primary,
+        color: primary
+      },
+      soft: {
+        backgroundColor: secondary,
+        borderColor: secondary,
+        color: secondaryContrast
+      },
+      ghost: {
+        backgroundColor: "transparent",
+        borderColor: "transparent",
+        color: primary
+      },
+      plain: {
+        backgroundColor: "transparent",
+        borderColor: "transparent",
+        color: primary
+      }
+    }
+  };
+}
+export {
+  createCheckboxTokens
+};
+//# sourceMappingURL=create-checkbox-tokens.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/theme/create-checkbox-tokens.ts"],"sourcesContent":["import type { CheckboxTokens, PrimitiveThemeTokens } from \"../types\";\n\nexport function createCheckboxTokens(\n  tokens: PrimitiveThemeTokens,\n): CheckboxTokens {\n  const primary = tokens.colors.primary.value;\n  const primaryContrast = tokens.colors.primary.contrast;\n  const secondary = tokens.colors.secondary.value;\n  const secondaryContrast = tokens.colors.secondary.contrast;\n\n  return {\n    borderWidth: tokens.borderSize.md,\n    borderRadius: tokens.radii.sm,\n    uncheckedBackgroundColor: \"transparent\",\n    uncheckedBorderColor: tokens.colors.border.strong.value,\n    disabledBackgroundColor: tokens.colors.neutral[\"3\"],\n    disabledBorderColor: tokens.colors.neutral[\"5\"],\n    disabledColor: tokens.colors.text.disabled,\n\n    sizes: {\n      small: {\n        size: 20,\n        iconSize: 14,\n        hitSlop: 12,\n      },\n      medium: {\n        size: 24,\n        iconSize: 18,\n        hitSlop: 10,\n      },\n      large: {\n        size: 28,\n        iconSize: 22,\n        hitSlop: 8,\n      },\n    },\n\n    variants: {\n      filled: {\n        backgroundColor: primary,\n        borderColor: primary,\n        color: primaryContrast,\n      },\n      outlined: {\n        backgroundColor: \"transparent\",\n        borderColor: primary,\n        color: primary,\n      },\n      soft: {\n        backgroundColor: secondary,\n        borderColor: secondary,\n        color: secondaryContrast,\n      },\n      ghost: {\n        backgroundColor: \"transparent\",\n        borderColor: \"transparent\",\n        color: primary,\n      },\n      plain: {\n        backgroundColor: \"transparent\",\n        borderColor: \"transparent\",\n        color: primary,\n      },\n    },\n  };\n}\n"],"mappings":"AAEO,SAAS,qBACd,QACgB;AAChB,QAAM,UAAU,OAAO,OAAO,QAAQ;AACtC,QAAM,kBAAkB,OAAO,OAAO,QAAQ;AAC9C,QAAM,YAAY,OAAO,OAAO,UAAU;AAC1C,QAAM,oBAAoB,OAAO,OAAO,UAAU;AAElD,SAAO;AAAA,IACL,aAAa,OAAO,WAAW;AAAA,IAC/B,cAAc,OAAO,MAAM;AAAA,IAC3B,0BAA0B;AAAA,IAC1B,sBAAsB,OAAO,OAAO,OAAO,OAAO;AAAA,IAClD,yBAAyB,OAAO,OAAO,QAAQ,GAAG;AAAA,IAClD,qBAAqB,OAAO,OAAO,QAAQ,GAAG;AAAA,IAC9C,eAAe,OAAO,OAAO,KAAK;AAAA,IAElC,OAAO;AAAA,MACL,OAAO;AAAA,QACL,MAAM;AAAA,QACN,UAAU;AAAA,QACV,SAAS;AAAA,MACX;AAAA,MACA,QAAQ;AAAA,QACN,MAAM;AAAA,QACN,UAAU;AAAA,QACV,SAAS;AAAA,MACX;AAAA,MACA,OAAO;AAAA,QACL,MAAM;AAAA,QACN,UAAU;AAAA,QACV,SAAS;AAAA,MACX;AAAA,IACF;AAAA,IAEA,UAAU;AAAA,MACR,QAAQ;AAAA,QACN,iBAAiB;AAAA,QACjB,aAAa;AAAA,QACb,OAAO;AAAA,MACT;AAAA,MACA,UAAU;AAAA,QACR,iBAAiB;AAAA,QACjB,aAAa;AAAA,QACb,OAAO;AAAA,MACT;AAAA,MACA,MAAM;AAAA,QACJ,iBAAiB;AAAA,QACjB,aAAa;AAAA,QACb,OAAO;AAAA,MACT;AAAA,MACA,OAAO;AAAA,QACL,iBAAiB;AAAA,QACjB,aAAa;AAAA,QACb,OAAO;AAAA,MACT;AAAA,MACA,OAAO;AAAA,QACL,iBAAiB;AAAA,QACjB,aAAa;AAAA,QACb,OAAO;AAAA,MACT;AAAA,IACF;AAAA,EACF;AACF;","names":[]}

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

@@ -1,7 +1,9 @@
 import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
 import { ControlAddonTokens, ControlContainerTokens, ControlErrorTokens, ControlInputTokens, ControlLabelTokens } from '../types/control-tokes.types.mjs';
-import '../types/buttons-tokens.types.mjs';
+import '../types/checkbox-tokens.types.mjs';
 import '../types/components.types.mjs';
+import '../types/radio-tokens.types.mjs';
+import '../types/buttons-tokens.types.mjs';
 import '../types/data-state-tokens.types.mjs';
 import '../types/datetime-picker-tokens.types.mjs';
 import '../types/flyout-tokens.types.mjs';

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

@@ -1,10 +1,37 @@
 function createControlAddonTokens(tokens) {
+  const DefaultIconColor = tokens.colors.text.primary;
+  const DisabledIconColor = tokens.colors.text.disabled;
+  const SoftIconColor = tokens.colors.accent.contrast;
   return {
     marginHorizontal: tokens.space.xxs,
     hitSlop: tokens.space.sm,
-    iconColor: tokens.colors.text.secondary,
-    errorIconColor: tokens.colors.feedback.error.value,
-    disabledIconColor: tokens.colors.text.disabled
+    variants: {
+      filled: {
+        iconColor: DefaultIconColor,
+        errorIconColor: DefaultIconColor,
+        disabledIconColor: DisabledIconColor
+      },
+      outlined: {
+        iconColor: DefaultIconColor,
+        errorIconColor: DefaultIconColor,
+        disabledIconColor: DisabledIconColor
+      },
+      soft: {
+        iconColor: SoftIconColor,
+        errorIconColor: SoftIconColor,
+        disabledIconColor: DisabledIconColor
+      },
+      ghost: {
+        iconColor: DefaultIconColor,
+        errorIconColor: DefaultIconColor,
+        disabledIconColor: DisabledIconColor
+      },
+      plain: {
+        iconColor: DefaultIconColor,
+        errorIconColor: DefaultIconColor,
+        disabledIconColor: DisabledIconColor
+      }
+    }
   };
 }
 function createControlContainerTokens(tokens) {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/theme/create-control-tokens.ts"],"sourcesContent":["import {\r\n  ControlAddonTokens,\r\n  ControlContainerTokens,\r\n  ControlErrorTokens,\r\n  ControlInputTokens,\r\n  ControlLabelTokens,\r\n  PrimitiveThemeTokens,\r\n} from \"../types\";\r\n\r\nexport function createControlAddonTokens(\r\n  tokens: PrimitiveThemeTokens,\r\n): ControlAddonTokens {\r\n  return {\r\n    marginHorizontal: tokens.space.xxs,\r\n    hitSlop: tokens.space.sm,\r\n\r\n    iconColor: tokens.colors.text.secondary,\r\n    errorIconColor: tokens.colors.feedback.error.value,\r\n    disabledIconColor: tokens.colors.text.disabled,\r\n  };\r\n}\r\n\r\nexport function createControlContainerTokens(\r\n  tokens: PrimitiveThemeTokens,\r\n): ControlContainerTokens {\r\n  const ErrorColor = tokens.colors.feedback.error.value;\r\n  const TransparentColor = \"transparent\";\r\n\r\n  return {\r\n    borderWidth: tokens.borderSize.sm,\r\n    borderRadius: tokens.radii.sm,\r\n    disabledOpacity: 0.7,\r\n\r\n    sizes: {\r\n      small: {\r\n        height: 32,\r\n        paddingHorizontal: tokens.space.xs,\r\n      },\r\n      medium: {\r\n        height: 40,\r\n        paddingHorizontal: tokens.space.xs,\r\n      },\r\n      large: {\r\n        height: 48,\r\n        paddingHorizontal: tokens.space.xs,\r\n      },\r\n    },\r\n\r\n    variants: {\r\n      filled: {\r\n        backgroundColor: tokens.colors.surface.secondary.value,\r\n        borderColor: TransparentColor,\r\n\r\n        errorBorderColor: ErrorColor,\r\n\r\n        disabledBackgroundColor: tokens.colors.neutral[\"2\"],\r\n        disabledBorderColor: TransparentColor,\r\n      },\r\n\r\n      outlined: {\r\n        backgroundColor: TransparentColor,\r\n        borderColor: tokens.colors.neutral[\"5\"],\r\n\r\n        errorBorderColor: ErrorColor,\r\n\r\n        disabledBackgroundColor: TransparentColor,\r\n        disabledBorderColor: tokens.colors.neutral[\"5\"],\r\n      },\r\n\r\n      soft: {\r\n        backgroundColor: tokens.colors.accent.value,\r\n        borderColor: TransparentColor,\r\n\r\n        errorBorderColor: ErrorColor,\r\n\r\n        disabledBackgroundColor: tokens.colors.neutral[\"2\"],\r\n        disabledBorderColor: TransparentColor,\r\n      },\r\n\r\n      ghost: {\r\n        backgroundColor: TransparentColor,\r\n        borderColor: TransparentColor,\r\n\r\n        errorBorderColor: ErrorColor,\r\n\r\n        disabledBackgroundColor: TransparentColor,\r\n        disabledBorderColor: TransparentColor,\r\n      },\r\n\r\n      plain: {\r\n        backgroundColor: TransparentColor,\r\n        borderColor: TransparentColor,\r\n\r\n        errorBorderColor: ErrorColor,\r\n\r\n        disabledBackgroundColor: TransparentColor,\r\n        disabledBorderColor: TransparentColor,\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nexport function createControlErrorTokens(\r\n  tokens: PrimitiveThemeTokens,\r\n): ControlErrorTokens {\r\n  return {\r\n    marginTop: tokens.space.xxs,\r\n    color: tokens.colors.feedback.error.value,\r\n    fontSize: tokens.fontSize.xs,\r\n  };\r\n}\r\n\r\nexport function createControlInputTokens(\r\n  tokens: PrimitiveThemeTokens,\r\n): ControlInputTokens {\r\n  return {\r\n    flex: 1,\r\n    fontFamily: tokens.fontFamily.normal[400],\r\n    paddingHorizontal: tokens.space.xxs,\r\n\r\n    sizes: {\r\n      small: {\r\n        fontSize: tokens.fontSize.xs,\r\n      },\r\n      medium: {\r\n        fontSize: tokens.fontSize.xsm,\r\n      },\r\n      large: {\r\n        fontSize: tokens.fontSize.sm,\r\n      },\r\n    },\r\n\r\n    variants: {\r\n      filled: {\r\n        color: tokens.colors.text.primary,\r\n        placeholderColor: tokens.colors.text.disabled,\r\n\r\n        disabledColor: tokens.colors.text.disabled,\r\n        disabledPlaceholderColor: tokens.colors.text.disabled,\r\n\r\n        errorColor: tokens.colors.text.primary,\r\n        errorPlaceholderColor: tokens.colors.feedback.error.value,\r\n      },\r\n\r\n      outlined: {\r\n        color: tokens.colors.text.primary,\r\n        placeholderColor: tokens.colors.text.disabled,\r\n\r\n        disabledColor: tokens.colors.text.disabled,\r\n        disabledPlaceholderColor: tokens.colors.text.disabled,\r\n\r\n        errorColor: tokens.colors.text.primary,\r\n        errorPlaceholderColor: tokens.colors.feedback.error.value,\r\n      },\r\n\r\n      soft: {\r\n        color: tokens.colors.accent.contrast,\r\n        placeholderColor: tokens.colors.accent.contrast,\r\n\r\n        disabledColor: tokens.colors.text.disabled,\r\n        disabledPlaceholderColor: tokens.colors.text.disabled,\r\n\r\n        errorColor: tokens.colors.accent.contrast,\r\n        errorPlaceholderColor: tokens.colors.feedback.error.value,\r\n      },\r\n\r\n      ghost: {\r\n        color: tokens.colors.text.primary,\r\n        placeholderColor: tokens.colors.text.disabled,\r\n\r\n        disabledColor: tokens.colors.text.disabled,\r\n        disabledPlaceholderColor: tokens.colors.text.disabled,\r\n\r\n        errorColor: tokens.colors.text.primary,\r\n        errorPlaceholderColor: tokens.colors.feedback.error.value,\r\n      },\r\n\r\n      plain: {\r\n        color: tokens.colors.text.primary,\r\n        placeholderColor: tokens.colors.text.disabled,\r\n\r\n        disabledColor: tokens.colors.text.disabled,\r\n        disabledPlaceholderColor: tokens.colors.text.disabled,\r\n\r\n        errorColor: tokens.colors.text.primary,\r\n        errorPlaceholderColor: tokens.colors.feedback.error.value,\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nexport function createControlLabelTokens(\r\n  tokens: PrimitiveThemeTokens,\r\n): ControlLabelTokens {\r\n  return {\r\n    marginBottom: tokens.space.xxs,\r\n    fontSize: tokens.fontSize.xsm,\r\n\r\n    color: tokens.colors.text.secondary,\r\n    disabledColor: tokens.colors.text.disabled,\r\n    errorColor: tokens.colors.feedback.error.value,\r\n  };\r\n}\r\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/theme/create-control-tokens.ts"],"sourcesContent":["import {\n  ControlAddonTokens,\n  ControlContainerTokens,\n  ControlErrorTokens,\n  ControlInputTokens,\n  ControlLabelTokens,\n  PrimitiveThemeTokens,\n} from \"../types\";\n\nexport function createControlAddonTokens(\n  tokens: PrimitiveThemeTokens,\n): ControlAddonTokens {\n  const DefaultIconColor = tokens.colors.text.primary;\n  const DisabledIconColor = tokens.colors.text.disabled;\n  const SoftIconColor = tokens.colors.accent.contrast;\n\n  return {\n    marginHorizontal: tokens.space.xxs,\n    hitSlop: tokens.space.sm,\n    variants: {\n      filled: {\n        iconColor: DefaultIconColor,\n        errorIconColor: DefaultIconColor,\n        disabledIconColor: DisabledIconColor,\n      },\n      outlined: {\n        iconColor: DefaultIconColor,\n        errorIconColor: DefaultIconColor,\n        disabledIconColor: DisabledIconColor,\n      },\n      soft: {\n        iconColor: SoftIconColor,\n        errorIconColor: SoftIconColor,\n        disabledIconColor: DisabledIconColor,\n      },\n      ghost: {\n        iconColor: DefaultIconColor,\n        errorIconColor: DefaultIconColor,\n        disabledIconColor: DisabledIconColor,\n      },\n      plain: {\n        iconColor: DefaultIconColor,\n        errorIconColor: DefaultIconColor,\n        disabledIconColor: DisabledIconColor,\n      },\n    },\n  };\n}\n\nexport function createControlContainerTokens(\n  tokens: PrimitiveThemeTokens,\n): ControlContainerTokens {\n  const ErrorColor = tokens.colors.feedback.error.value;\n  const TransparentColor = \"transparent\";\n\n  return {\n    borderWidth: tokens.borderSize.sm,\n    borderRadius: tokens.radii.sm,\n    disabledOpacity: 0.7,\n\n    sizes: {\n      small: {\n        height: 32,\n        paddingHorizontal: tokens.space.xs,\n      },\n      medium: {\n        height: 40,\n        paddingHorizontal: tokens.space.xs,\n      },\n      large: {\n        height: 48,\n        paddingHorizontal: tokens.space.xs,\n      },\n    },\n\n    variants: {\n      filled: {\n        backgroundColor: tokens.colors.surface.secondary.value,\n        borderColor: TransparentColor,\n\n        errorBorderColor: ErrorColor,\n\n        disabledBackgroundColor: tokens.colors.neutral[\"2\"],\n        disabledBorderColor: TransparentColor,\n      },\n\n      outlined: {\n        backgroundColor: TransparentColor,\n        borderColor: tokens.colors.neutral[\"5\"],\n\n        errorBorderColor: ErrorColor,\n\n        disabledBackgroundColor: TransparentColor,\n        disabledBorderColor: tokens.colors.neutral[\"5\"],\n      },\n\n      soft: {\n        backgroundColor: tokens.colors.accent.value,\n        borderColor: TransparentColor,\n\n        errorBorderColor: ErrorColor,\n\n        disabledBackgroundColor: tokens.colors.neutral[\"2\"],\n        disabledBorderColor: TransparentColor,\n      },\n\n      ghost: {\n        backgroundColor: TransparentColor,\n        borderColor: TransparentColor,\n\n        errorBorderColor: ErrorColor,\n\n        disabledBackgroundColor: TransparentColor,\n        disabledBorderColor: TransparentColor,\n      },\n\n      plain: {\n        backgroundColor: TransparentColor,\n        borderColor: TransparentColor,\n\n        errorBorderColor: ErrorColor,\n\n        disabledBackgroundColor: TransparentColor,\n        disabledBorderColor: TransparentColor,\n      },\n    },\n  };\n}\n\nexport function createControlErrorTokens(\n  tokens: PrimitiveThemeTokens,\n): ControlErrorTokens {\n  return {\n    marginTop: tokens.space.xxs,\n    color: tokens.colors.feedback.error.value,\n    fontSize: tokens.fontSize.xs,\n  };\n}\n\nexport function createControlInputTokens(\n  tokens: PrimitiveThemeTokens,\n): ControlInputTokens {\n  return {\n    flex: 1,\n    fontFamily: tokens.fontFamily.normal[400],\n    paddingHorizontal: tokens.space.xxs,\n\n    sizes: {\n      small: {\n        fontSize: tokens.fontSize.xs,\n      },\n      medium: {\n        fontSize: tokens.fontSize.xsm,\n      },\n      large: {\n        fontSize: tokens.fontSize.sm,\n      },\n    },\n\n    variants: {\n      filled: {\n        color: tokens.colors.text.primary,\n        placeholderColor: tokens.colors.text.disabled,\n\n        disabledColor: tokens.colors.text.disabled,\n        disabledPlaceholderColor: tokens.colors.text.disabled,\n\n        errorColor: tokens.colors.text.primary,\n        errorPlaceholderColor: tokens.colors.feedback.error.value,\n      },\n\n      outlined: {\n        color: tokens.colors.text.primary,\n        placeholderColor: tokens.colors.text.disabled,\n\n        disabledColor: tokens.colors.text.disabled,\n        disabledPlaceholderColor: tokens.colors.text.disabled,\n\n        errorColor: tokens.colors.text.primary,\n        errorPlaceholderColor: tokens.colors.feedback.error.value,\n      },\n\n      soft: {\n        color: tokens.colors.accent.contrast,\n        placeholderColor: tokens.colors.accent.contrast,\n\n        disabledColor: tokens.colors.text.disabled,\n        disabledPlaceholderColor: tokens.colors.text.disabled,\n\n        errorColor: tokens.colors.accent.contrast,\n        errorPlaceholderColor: tokens.colors.feedback.error.value,\n      },\n\n      ghost: {\n        color: tokens.colors.text.primary,\n        placeholderColor: tokens.colors.text.disabled,\n\n        disabledColor: tokens.colors.text.disabled,\n        disabledPlaceholderColor: tokens.colors.text.disabled,\n\n        errorColor: tokens.colors.text.primary,\n        errorPlaceholderColor: tokens.colors.feedback.error.value,\n      },\n\n      plain: {\n        color: tokens.colors.text.primary,\n        placeholderColor: tokens.colors.text.disabled,\n\n        disabledColor: tokens.colors.text.disabled,\n        disabledPlaceholderColor: tokens.colors.text.disabled,\n\n        errorColor: tokens.colors.text.primary,\n        errorPlaceholderColor: tokens.colors.feedback.error.value,\n      },\n    },\n  };\n}\n\nexport function createControlLabelTokens(\n  tokens: PrimitiveThemeTokens,\n): ControlLabelTokens {\n  return {\n    marginBottom: tokens.space.xxs,\n    fontSize: tokens.fontSize.xsm,\n\n    color: tokens.colors.text.secondary,\n    disabledColor: tokens.colors.text.disabled,\n    errorColor: tokens.colors.feedback.error.value,\n  };\n}\n"],"mappings":"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","names":[]}

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

@@ -1,7 +1,9 @@
 import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
 import { DataStateTokens } from '../types/data-state-tokens.types.mjs';
-import '../types/buttons-tokens.types.mjs';
+import '../types/checkbox-tokens.types.mjs';
 import '../types/components.types.mjs';
+import '../types/radio-tokens.types.mjs';
+import '../types/buttons-tokens.types.mjs';
 import '../types/control-tokes.types.mjs';
 import '../types/datetime-picker-tokens.types.mjs';
 import '../types/flyout-tokens.types.mjs';

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

@@ -1,7 +1,9 @@
 import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
 import { DatetimePickerTokens } from '../types/datetime-picker-tokens.types.mjs';
-import '../types/buttons-tokens.types.mjs';
+import '../types/checkbox-tokens.types.mjs';
 import '../types/components.types.mjs';
+import '../types/radio-tokens.types.mjs';
+import '../types/buttons-tokens.types.mjs';
 import '../types/control-tokes.types.mjs';
 import '../types/data-state-tokens.types.mjs';
 import '../types/flyout-tokens.types.mjs';

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

@@ -1,7 +1,9 @@
 import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
 import { FlyoutTokens } from '../types/flyout-tokens.types.mjs';
-import '../types/buttons-tokens.types.mjs';
+import '../types/checkbox-tokens.types.mjs';
 import '../types/components.types.mjs';
+import '../types/radio-tokens.types.mjs';
+import '../types/buttons-tokens.types.mjs';
 import '../types/control-tokes.types.mjs';
 import '../types/data-state-tokens.types.mjs';
 import '../types/datetime-picker-tokens.types.mjs';

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

@@ -1,7 +1,9 @@
 import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
 import { IconButtonTokens } from '../types/buttons-tokens.types.mjs';
-import '../types/control-tokes.types.mjs';
+import '../types/checkbox-tokens.types.mjs';
 import '../types/components.types.mjs';
+import '../types/radio-tokens.types.mjs';
+import '../types/control-tokes.types.mjs';
 import '../types/data-state-tokens.types.mjs';
 import '../types/datetime-picker-tokens.types.mjs';
 import '../types/flyout-tokens.types.mjs';

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

@@ -0,0 +1,21 @@
+import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
+import { RadioTokens } from '../types/radio-tokens.types.mjs';
+import '../types/checkbox-tokens.types.mjs';
+import '../types/components.types.mjs';
+import '../types/buttons-tokens.types.mjs';
+import '../types/control-tokes.types.mjs';
+import '../types/data-state-tokens.types.mjs';
+import '../types/datetime-picker-tokens.types.mjs';
+import '../types/flyout-tokens.types.mjs';
+import '../types/icon-tokens.types.mjs';
+import '../types/pressable-tokens.types.mjs';
+import '../types/select-tokens.types.mjs';
+import '../types/skeleton-tokens.types.mjs';
+import '../types/stepper-tokens.types.mjs';
+import '../types/tag-tokens.types.mjs';
+import '../types/time-picker-token.types.mjs';
+import '../types/tokens.types.mjs';
+
+declare function createRadioTokens(tokens: PrimitiveThemeTokens): RadioTokens;
+
+export { createRadioTokens };

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

@@ -0,0 +1,63 @@
+function createRadioTokens(tokens) {
+  const primary = tokens.colors.primary.value;
+  const primaryContrast = tokens.colors.primary.contrast;
+  const secondary = tokens.colors.secondary.value;
+  const secondaryContrast = tokens.colors.secondary.contrast;
+  return {
+    borderWidth: tokens.borderSize.md,
+    borderRadius: tokens.radii.round,
+    uncheckedBackgroundColor: "transparent",
+    uncheckedBorderColor: tokens.colors.border.strong.value,
+    disabledBackgroundColor: tokens.colors.neutral["3"],
+    disabledBorderColor: tokens.colors.neutral["5"],
+    disabledColor: tokens.colors.text.disabled,
+    sizes: {
+      small: {
+        size: 20,
+        indicatorSize: 8,
+        hitSlop: 12
+      },
+      medium: {
+        size: 24,
+        indicatorSize: 10,
+        hitSlop: 10
+      },
+      large: {
+        size: 28,
+        indicatorSize: 12,
+        hitSlop: 8
+      }
+    },
+    variants: {
+      filled: {
+        backgroundColor: primary,
+        borderColor: primary,
+        color: primaryContrast
+      },
+      outlined: {
+        backgroundColor: "transparent",
+        borderColor: primary,
+        color: primary
+      },
+      soft: {
+        backgroundColor: secondary,
+        borderColor: secondary,
+        color: secondaryContrast
+      },
+      ghost: {
+        backgroundColor: "transparent",
+        borderColor: "transparent",
+        color: primary
+      },
+      plain: {
+        backgroundColor: "transparent",
+        borderColor: "transparent",
+        color: primary
+      }
+    }
+  };
+}
+export {
+  createRadioTokens
+};
+//# sourceMappingURL=create-radio-tokens.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/theme/create-radio-tokens.ts"],"sourcesContent":["import type { PrimitiveThemeTokens, RadioTokens } from \"../types\";\n\nexport function createRadioTokens(tokens: PrimitiveThemeTokens): RadioTokens {\n  const primary = tokens.colors.primary.value;\n  const primaryContrast = tokens.colors.primary.contrast;\n  const secondary = tokens.colors.secondary.value;\n  const secondaryContrast = tokens.colors.secondary.contrast;\n\n  return {\n    borderWidth: tokens.borderSize.md,\n    borderRadius: tokens.radii.round,\n    uncheckedBackgroundColor: \"transparent\",\n    uncheckedBorderColor: tokens.colors.border.strong.value,\n    disabledBackgroundColor: tokens.colors.neutral[\"3\"],\n    disabledBorderColor: tokens.colors.neutral[\"5\"],\n    disabledColor: tokens.colors.text.disabled,\n\n    sizes: {\n      small: {\n        size: 20,\n        indicatorSize: 8,\n        hitSlop: 12,\n      },\n      medium: {\n        size: 24,\n        indicatorSize: 10,\n        hitSlop: 10,\n      },\n      large: {\n        size: 28,\n        indicatorSize: 12,\n        hitSlop: 8,\n      },\n    },\n\n    variants: {\n      filled: {\n        backgroundColor: primary,\n        borderColor: primary,\n        color: primaryContrast,\n      },\n      outlined: {\n        backgroundColor: \"transparent\",\n        borderColor: primary,\n        color: primary,\n      },\n      soft: {\n        backgroundColor: secondary,\n        borderColor: secondary,\n        color: secondaryContrast,\n      },\n      ghost: {\n        backgroundColor: \"transparent\",\n        borderColor: \"transparent\",\n        color: primary,\n      },\n      plain: {\n        backgroundColor: \"transparent\",\n        borderColor: \"transparent\",\n        color: primary,\n      },\n    },\n  };\n}\n"],"mappings":"AAEO,SAAS,kBAAkB,QAA2C;AAC3E,QAAM,UAAU,OAAO,OAAO,QAAQ;AACtC,QAAM,kBAAkB,OAAO,OAAO,QAAQ;AAC9C,QAAM,YAAY,OAAO,OAAO,UAAU;AAC1C,QAAM,oBAAoB,OAAO,OAAO,UAAU;AAElD,SAAO;AAAA,IACL,aAAa,OAAO,WAAW;AAAA,IAC/B,cAAc,OAAO,MAAM;AAAA,IAC3B,0BAA0B;AAAA,IAC1B,sBAAsB,OAAO,OAAO,OAAO,OAAO;AAAA,IAClD,yBAAyB,OAAO,OAAO,QAAQ,GAAG;AAAA,IAClD,qBAAqB,OAAO,OAAO,QAAQ,GAAG;AAAA,IAC9C,eAAe,OAAO,OAAO,KAAK;AAAA,IAElC,OAAO;AAAA,MACL,OAAO;AAAA,QACL,MAAM;AAAA,QACN,eAAe;AAAA,QACf,SAAS;AAAA,MACX;AAAA,MACA,QAAQ;AAAA,QACN,MAAM;AAAA,QACN,eAAe;AAAA,QACf,SAAS;AAAA,MACX;AAAA,MACA,OAAO;AAAA,QACL,MAAM;AAAA,QACN,eAAe;AAAA,QACf,SAAS;AAAA,MACX;AAAA,IACF;AAAA,IAEA,UAAU;AAAA,MACR,QAAQ;AAAA,QACN,iBAAiB;AAAA,QACjB,aAAa;AAAA,QACb,OAAO;AAAA,MACT;AAAA,MACA,UAAU;AAAA,QACR,iBAAiB;AAAA,QACjB,aAAa;AAAA,QACb,OAAO;AAAA,MACT;AAAA,MACA,MAAM;AAAA,QACJ,iBAAiB;AAAA,QACjB,aAAa;AAAA,QACb,OAAO;AAAA,MACT;AAAA,MACA,OAAO;AAAA,QACL,iBAAiB;AAAA,QACjB,aAAa;AAAA,QACb,OAAO;AAAA,MACT;AAAA,MACA,OAAO;AAAA,QACL,iBAAiB;AAAA,QACjB,aAAa;AAAA,QACb,OAAO;AAAA,MACT;AAAA,IACF;AAAA,EACF;AACF;","names":[]}

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

@@ -1,7 +1,9 @@
 import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
 import { SelectTokens } from '../types/select-tokens.types.mjs';
-import '../types/buttons-tokens.types.mjs';
+import '../types/checkbox-tokens.types.mjs';
 import '../types/components.types.mjs';
+import '../types/radio-tokens.types.mjs';
+import '../types/buttons-tokens.types.mjs';
 import '../types/control-tokes.types.mjs';
 import '../types/data-state-tokens.types.mjs';
 import '../types/datetime-picker-tokens.types.mjs';

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

@@ -1,7 +1,9 @@
 import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
 import { SkeletonTokens } from '../types/skeleton-tokens.types.mjs';
-import '../types/buttons-tokens.types.mjs';
+import '../types/checkbox-tokens.types.mjs';
 import '../types/components.types.mjs';
+import '../types/radio-tokens.types.mjs';
+import '../types/buttons-tokens.types.mjs';
 import '../types/control-tokes.types.mjs';
 import '../types/data-state-tokens.types.mjs';
 import '../types/datetime-picker-tokens.types.mjs';

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

@@ -1,7 +1,9 @@
 import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
 import { StepperTokens } from '../types/stepper-tokens.types.mjs';
-import '../types/buttons-tokens.types.mjs';
+import '../types/checkbox-tokens.types.mjs';
 import '../types/components.types.mjs';
+import '../types/radio-tokens.types.mjs';
+import '../types/buttons-tokens.types.mjs';
 import '../types/control-tokes.types.mjs';
 import '../types/data-state-tokens.types.mjs';
 import '../types/datetime-picker-tokens.types.mjs';

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

@@ -1,7 +1,9 @@
 import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
 import { TagTokens } from '../types/tag-tokens.types.mjs';
-import '../types/buttons-tokens.types.mjs';
+import '../types/checkbox-tokens.types.mjs';
 import '../types/components.types.mjs';
+import '../types/radio-tokens.types.mjs';
+import '../types/buttons-tokens.types.mjs';
 import '../types/control-tokes.types.mjs';
 import '../types/data-state-tokens.types.mjs';
 import '../types/datetime-picker-tokens.types.mjs';

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

@@ -1,7 +1,9 @@
 import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
 import { TimePickerTokens } from '../types/time-picker-token.types.mjs';
-import '../types/buttons-tokens.types.mjs';
+import '../types/checkbox-tokens.types.mjs';
 import '../types/components.types.mjs';
+import '../types/radio-tokens.types.mjs';
+import '../types/buttons-tokens.types.mjs';
 import '../types/control-tokes.types.mjs';
 import '../types/data-state-tokens.types.mjs';
 import '../types/datetime-picker-tokens.types.mjs';

package/dist/theme/dark.theme.d.mts

@@ -1,6 +1,8 @@
 import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
-import '../types/buttons-tokens.types.mjs';
+import '../types/checkbox-tokens.types.mjs';
 import '../types/components.types.mjs';
+import '../types/radio-tokens.types.mjs';
+import '../types/buttons-tokens.types.mjs';
 import '../types/control-tokes.types.mjs';
 import '../types/data-state-tokens.types.mjs';
 import '../types/datetime-picker-tokens.types.mjs';

package/dist/theme/index.d.mts

@@ -2,8 +2,10 @@ export { DarkTheme } from './dark.theme.mjs';
 export { LightTheme } from './light.theme.mjs';
 export { BorderSizeTokens, ChartColorTokens, FontFamilyTokens, FontFamilyWeightsItalicTokens, FontFamilyWeightsNormalTokens, FontSizeTokens, FontWeightTokens, LetterSpacingTokens, LightColors, LineHeightTokens, NeutralColorTokens, RadiiTokens, SpaceTokens, createComponentsTokens } from './tokens.theme.mjs';
 import '../types/theme-provider.types.mjs';
-import '../types/buttons-tokens.types.mjs';
+import '../types/checkbox-tokens.types.mjs';
 import '../types/components.types.mjs';
+import '../types/radio-tokens.types.mjs';
+import '../types/buttons-tokens.types.mjs';
 import '../types/control-tokes.types.mjs';
 import '../types/data-state-tokens.types.mjs';
 import '../types/datetime-picker-tokens.types.mjs';

package/dist/theme/light.theme.d.mts

@@ -1,6 +1,8 @@
 import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
-import '../types/buttons-tokens.types.mjs';
+import '../types/checkbox-tokens.types.mjs';
 import '../types/components.types.mjs';
+import '../types/radio-tokens.types.mjs';
+import '../types/buttons-tokens.types.mjs';
 import '../types/control-tokes.types.mjs';
 import '../types/data-state-tokens.types.mjs';
 import '../types/datetime-picker-tokens.types.mjs';

package/dist/theme/tokens.theme.d.mts

@@ -1,8 +1,10 @@
 import { ChartColorPalette } from '../types/chart.types.mjs';
 import { BorderSize, FontFamily, FontWeightValue, FontWeightItalic, FontWeightNormal, FontSize, FontWeight, LetterSpacings, LineHeight, NeutralColor, Radii, Space } from '../types/tokens.types.mjs';
 import { ThemeColors, PrimitiveThemeTokens, ComponentsTokens } from '../types/theme-provider.types.mjs';
-import '../types/buttons-tokens.types.mjs';
+import '../types/checkbox-tokens.types.mjs';
 import '../types/components.types.mjs';
+import '../types/radio-tokens.types.mjs';
+import '../types/buttons-tokens.types.mjs';
 import '../types/control-tokes.types.mjs';
 import '../types/data-state-tokens.types.mjs';
 import '../types/datetime-picker-tokens.types.mjs';

package/dist/theme/tokens.theme.js

@@ -1,4 +1,5 @@
 import { createButtonTokens } from "./create-button-tokens";
+import { createCheckboxTokens } from "./create-checkbox-tokens";
 import {
   createControlAddonTokens,
   createControlContainerTokens,
@@ -12,6 +13,7 @@ import { createFlyoutTokens } from "./create-flyout-tokens";
 import { createIconButtonTokens } from "./create-icon-button-tokens";
 import { createIconTokens } from "./create-icon-tokens";
 import { createPressableTokens } from "./create-pressable-tokens";
+import { createRadioTokens } from "./create-radio-tokens";
 import { createSelectTokens } from "./create-select-tokens";
 import { createSkeletonTokens } from "./create-skeleton-tokens";
 import { createStepperTokens } from "./create-stepper-tokens";
@@ -237,9 +239,11 @@ const LightColors = {
 function createComponentsTokens(tokens) {
   return {
     button: createButtonTokens(tokens),
+    checkbox: createCheckboxTokens(tokens),
     iconButton: createIconButtonTokens(tokens),
     icon: createIconTokens(),
     pressable: createPressableTokens(),
+    radio: createRadioTokens(tokens),
     tag: createTagTokens(tokens),
     controlAddon: createControlAddonTokens(tokens),
     controlContainer: createControlContainerTokens(tokens),

package/dist/theme/tokens.theme.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/theme/tokens.theme.ts"],"sourcesContent":["import {\n  BorderSize,\n  ChartColorPalette,\n  ComponentsTokens,\n  FontFamily,\n  FontSize,\n  FontWeight,\n  FontWeightItalic,\n  FontWeightNormal,\n  FontWeightValue,\n  LetterSpacings,\n  LineHeight,\n  NeutralColor,\n  PrimitiveThemeTokens,\n  Radii,\n  Space,\n  ThemeColors,\n} from \"../types\";\nimport { createButtonTokens } from \"./create-button-tokens\";\nimport {\n  createControlAddonTokens,\n  createControlContainerTokens,\n  createControlErrorTokens,\n  createControlInputTokens,\n  createControlLabelTokens,\n} from \"./create-control-tokens\";\nimport { createDataStateTokens } from \"./create-data-state-tokens\";\nimport { createDatetimePickerTokens } from \"./create-datetime-picker\";\nimport { createFlyoutTokens } from \"./create-flyout-tokens\";\nimport { createIconButtonTokens } from \"./create-icon-button-tokens\";\nimport { createIconTokens } from \"./create-icon-tokens\";\nimport { createPressableTokens } from \"./create-pressable-tokens\";\nimport { createSelectTokens } from \"./create-select-tokens\";\nimport { createSkeletonTokens } from \"./create-skeleton-tokens\";\nimport { createStepperTokens } from \"./create-stepper-tokens\";\nimport { createTagTokens } from \"./create-tag-tokens\";\nimport { createTimePickerTokens } from \"./create-time-picker-tokens\";\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\nexport const SpaceTokens: Space = {\n  none: 0,\n  xxs: 4,\n  xs: 8,\n  mxs: 12,\n  sm: 16,\n  msm: 24,\n  md: 32,\n  lg: 48,\n  xl: 64,\n  xxl: 96,\n};\n\nexport const BorderSizeTokens: BorderSize = {\n  sm: 1,\n  md: 2,\n  lg: 3,\n  xl: 5,\n  xxl: 10,\n};\n\nexport const RadiiTokens: Radii = {\n  sm: 4,\n  md: 8,\n  lg: 16,\n  xl: 32,\n  xxl: 64,\n  xxxl: 128,\n  round: 100000,\n};\n\nexport const FontSizeTokens: FontSize = {\n  xxs: 8,\n  xs: 12,\n  xsm: 14,\n  sm: 16,\n  md: 18,\n  lg: 20,\n  xl: 24,\n  xxl: 28,\n  xxxl: 32,\n  huge: 36,\n  massive: 40,\n  giant: 48,\n  colossal: 56,\n};\n\nexport const LineHeightTokens: LineHeight = {\n  xxs: 12,\n  xs: 16,\n  xsm: 20,\n  sm: 24,\n  md: 26,\n  lg: 28,\n  xl: 32,\n  xxl: 36,\n  xxxl: 40,\n  huge: 44,\n  massive: 48,\n  giant: 56,\n  colossal: 64,\n};\n\nexport const LetterSpacingTokens: LetterSpacings = {\n  tightest: -1,\n  tighter: -0.5,\n  tight: -0.25,\n  normal: 0,\n  wide: 0.25,\n  wider: 0.5,\n  widest: 0.75,\n  ultraWide: 1,\n};\n\nexport const FontWeightTokens: FontWeight = {\n  thin: 100,\n  extraLight: 200,\n  light: 300,\n  regular: 400,\n  medium: 500,\n  semiBold: 600,\n  bold: 700,\n  extraBold: 800,\n  black: 900,\n};\n\nexport const FontFamilyWeightsNormalTokens: Record<\n  FontWeightValue,\n  FontWeightNormal\n> = {\n  100: \"Montserrat_100Thin\",\n  200: \"Montserrat_200ExtraLight\",\n  300: \"Montserrat_300Light\",\n  400: \"Montserrat_400Regular\",\n  500: \"Montserrat_500Medium\",\n  600: \"Montserrat_600SemiBold\",\n  700: \"Montserrat_700Bold\",\n  800: \"Montserrat_800ExtraBold\",\n  900: \"Montserrat_900Black\",\n};\n\nexport const FontFamilyWeightsItalicTokens: Record<\n  FontWeightValue,\n  FontWeightItalic\n> = {\n  100: \"Montserrat_100Thin_Italic\",\n  200: \"Montserrat_200ExtraLight_Italic\",\n  300: \"Montserrat_300Light_Italic\",\n  400: \"Montserrat_400Regular_Italic\",\n  500: \"Montserrat_500Medium_Italic\",\n  600: \"Montserrat_600SemiBold_Italic\",\n  700: \"Montserrat_700Bold_Italic\",\n  800: \"Montserrat_800ExtraBold_Italic\",\n  900: \"Montserrat_900Black_Italic\",\n};\n\nexport const FontFamilyTokens: FontFamily = {\n  normal: FontFamilyWeightsNormalTokens,\n  italic: FontFamilyWeightsItalicTokens,\n};\n\nexport const NeutralColorTokens: NeutralColor = {\n  \"0\": \"#ffffff\",\n  \"1\": \"#f8f9fa\",\n  \"2\": \"#f1f3f5\",\n  \"3\": \"#e9ecef\",\n  \"4\": \"#dee2e6\",\n  \"5\": \"#ced4da\",\n  \"6\": \"#adb5bd\",\n  \"7\": \"#868e96\",\n  \"8\": \"#495057\",\n  \"9\": \"#343a40\",\n  \"10\": \"#212529\",\n  \"11\": \"#16191d\",\n  \"12\": \"#0d0f12\",\n  \"13\": \"#000000\",\n};\n\nexport const LightColors: ThemeColors = {\n  primary: {\n    value: \"#f55d6b\",\n    contrast: NeutralColorTokens[\"0\"],\n  },\n\n  accent: {\n    value: \"#FA9EA7\",\n    contrast: NeutralColorTokens[\"0\"],\n  },\n\n  secondary: {\n    value: \"#FEE7E9\",\n    contrast: \"#f55d6b\",\n  },\n\n  neutral: NeutralColorTokens,\n\n  surface: {\n    primary: {\n      value: NeutralColorTokens[\"2\"],\n      contrast: NeutralColorTokens[\"11\"],\n    },\n    secondary: {\n      value: NeutralColorTokens[\"0\"],\n      contrast: NeutralColorTokens[\"11\"],\n    },\n    elevated: {\n      value: NeutralColorTokens[\"0\"],\n      contrast: NeutralColorTokens[\"11\"],\n    },\n    inverse: {\n      value: NeutralColorTokens[\"13\"],\n      contrast: NeutralColorTokens[\"0\"],\n    },\n  },\n\n  text: {\n    primary: NeutralColorTokens[\"11\"],\n    secondary: NeutralColorTokens[\"10\"],\n    tertiary: NeutralColorTokens[\"9\"],\n    inverse: NeutralColorTokens[\"0\"],\n    disabled: NeutralColorTokens[\"7\"],\n  },\n\n  border: {\n    subtle: {\n      value: NeutralColorTokens[\"3\"],\n      contrast: NeutralColorTokens[\"9\"],\n    },\n    default: {\n      value: NeutralColorTokens[\"4\"],\n      contrast: NeutralColorTokens[\"10\"],\n    },\n    strong: {\n      value: NeutralColorTokens[\"6\"],\n      contrast: NeutralColorTokens[\"11\"],\n    },\n    focus: {\n      value: \"#f55d6b\",\n      contrast: NeutralColorTokens[\"0\"],\n    },\n  },\n\n  feedback: {\n    error: {\n      value: \"#c92a2a\",\n      contrast: \"#fff5f5\",\n    },\n    warning: {\n      value: \"#e67700\",\n      contrast: \"#fff4e6\",\n    },\n    success: {\n      value: \"#7a9908\",\n      contrast: \"#f4fce3\",\n    },\n    info: {\n      value: \"#1864ab\",\n      contrast: \"#e7f5ff\",\n    },\n  },\n\n  overlay: \"rgba(0, 0, 0, 0.45)\",\n\n  white: NeutralColorTokens[\"0\"],\n  black: NeutralColorTokens[\"13\"],\n};\n\nexport function createComponentsTokens(\n  tokens: PrimitiveThemeTokens,\n): ComponentsTokens {\n  return {\n    button: createButtonTokens(tokens),\n    iconButton: createIconButtonTokens(tokens),\n    icon: createIconTokens(),\n    pressable: createPressableTokens(),\n    tag: createTagTokens(tokens),\n    controlAddon: createControlAddonTokens(tokens),\n    controlContainer: createControlContainerTokens(tokens),\n    controlError: createControlErrorTokens(tokens),\n    controlInput: createControlInputTokens(tokens),\n    controlLabel: createControlLabelTokens(tokens),\n    select: createSelectTokens(tokens),\n    datetimePicker: createDatetimePickerTokens(tokens),\n    timePicker: createTimePickerTokens(tokens),\n    flyout: createFlyoutTokens(tokens),\n    skeleton: createSkeletonTokens(tokens),\n    stepper: createStepperTokens(tokens),\n    dataState: createDataStateTokens(tokens),\n  };\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/theme/tokens.theme.ts"],"sourcesContent":["import {\n  BorderSize,\n  ChartColorPalette,\n  ComponentsTokens,\n  FontFamily,\n  FontSize,\n  FontWeight,\n  FontWeightItalic,\n  FontWeightNormal,\n  FontWeightValue,\n  LetterSpacings,\n  LineHeight,\n  NeutralColor,\n  PrimitiveThemeTokens,\n  Radii,\n  Space,\n  ThemeColors,\n} from \"../types\";\nimport { createButtonTokens } from \"./create-button-tokens\";\nimport { createCheckboxTokens } from \"./create-checkbox-tokens\";\nimport {\n  createControlAddonTokens,\n  createControlContainerTokens,\n  createControlErrorTokens,\n  createControlInputTokens,\n  createControlLabelTokens,\n} from \"./create-control-tokens\";\nimport { createDataStateTokens } from \"./create-data-state-tokens\";\nimport { createDatetimePickerTokens } from \"./create-datetime-picker\";\nimport { createFlyoutTokens } from \"./create-flyout-tokens\";\nimport { createIconButtonTokens } from \"./create-icon-button-tokens\";\nimport { createIconTokens } from \"./create-icon-tokens\";\nimport { createPressableTokens } from \"./create-pressable-tokens\";\nimport { createRadioTokens } from \"./create-radio-tokens\";\nimport { createSelectTokens } from \"./create-select-tokens\";\nimport { createSkeletonTokens } from \"./create-skeleton-tokens\";\nimport { createStepperTokens } from \"./create-stepper-tokens\";\nimport { createTagTokens } from \"./create-tag-tokens\";\nimport { createTimePickerTokens } from \"./create-time-picker-tokens\";\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\nexport const SpaceTokens: Space = {\n  none: 0,\n  xxs: 4,\n  xs: 8,\n  mxs: 12,\n  sm: 16,\n  msm: 24,\n  md: 32,\n  lg: 48,\n  xl: 64,\n  xxl: 96,\n};\n\nexport const BorderSizeTokens: BorderSize = {\n  sm: 1,\n  md: 2,\n  lg: 3,\n  xl: 5,\n  xxl: 10,\n};\n\nexport const RadiiTokens: Radii = {\n  sm: 4,\n  md: 8,\n  lg: 16,\n  xl: 32,\n  xxl: 64,\n  xxxl: 128,\n  round: 100000,\n};\n\nexport const FontSizeTokens: FontSize = {\n  xxs: 8,\n  xs: 12,\n  xsm: 14,\n  sm: 16,\n  md: 18,\n  lg: 20,\n  xl: 24,\n  xxl: 28,\n  xxxl: 32,\n  huge: 36,\n  massive: 40,\n  giant: 48,\n  colossal: 56,\n};\n\nexport const LineHeightTokens: LineHeight = {\n  xxs: 12,\n  xs: 16,\n  xsm: 20,\n  sm: 24,\n  md: 26,\n  lg: 28,\n  xl: 32,\n  xxl: 36,\n  xxxl: 40,\n  huge: 44,\n  massive: 48,\n  giant: 56,\n  colossal: 64,\n};\n\nexport const LetterSpacingTokens: LetterSpacings = {\n  tightest: -1,\n  tighter: -0.5,\n  tight: -0.25,\n  normal: 0,\n  wide: 0.25,\n  wider: 0.5,\n  widest: 0.75,\n  ultraWide: 1,\n};\n\nexport const FontWeightTokens: FontWeight = {\n  thin: 100,\n  extraLight: 200,\n  light: 300,\n  regular: 400,\n  medium: 500,\n  semiBold: 600,\n  bold: 700,\n  extraBold: 800,\n  black: 900,\n};\n\nexport const FontFamilyWeightsNormalTokens: Record<\n  FontWeightValue,\n  FontWeightNormal\n> = {\n  100: \"Montserrat_100Thin\",\n  200: \"Montserrat_200ExtraLight\",\n  300: \"Montserrat_300Light\",\n  400: \"Montserrat_400Regular\",\n  500: \"Montserrat_500Medium\",\n  600: \"Montserrat_600SemiBold\",\n  700: \"Montserrat_700Bold\",\n  800: \"Montserrat_800ExtraBold\",\n  900: \"Montserrat_900Black\",\n};\n\nexport const FontFamilyWeightsItalicTokens: Record<\n  FontWeightValue,\n  FontWeightItalic\n> = {\n  100: \"Montserrat_100Thin_Italic\",\n  200: \"Montserrat_200ExtraLight_Italic\",\n  300: \"Montserrat_300Light_Italic\",\n  400: \"Montserrat_400Regular_Italic\",\n  500: \"Montserrat_500Medium_Italic\",\n  600: \"Montserrat_600SemiBold_Italic\",\n  700: \"Montserrat_700Bold_Italic\",\n  800: \"Montserrat_800ExtraBold_Italic\",\n  900: \"Montserrat_900Black_Italic\",\n};\n\nexport const FontFamilyTokens: FontFamily = {\n  normal: FontFamilyWeightsNormalTokens,\n  italic: FontFamilyWeightsItalicTokens,\n};\n\nexport const NeutralColorTokens: NeutralColor = {\n  \"0\": \"#ffffff\",\n  \"1\": \"#f8f9fa\",\n  \"2\": \"#f1f3f5\",\n  \"3\": \"#e9ecef\",\n  \"4\": \"#dee2e6\",\n  \"5\": \"#ced4da\",\n  \"6\": \"#adb5bd\",\n  \"7\": \"#868e96\",\n  \"8\": \"#495057\",\n  \"9\": \"#343a40\",\n  \"10\": \"#212529\",\n  \"11\": \"#16191d\",\n  \"12\": \"#0d0f12\",\n  \"13\": \"#000000\",\n};\n\nexport const LightColors: ThemeColors = {\n  primary: {\n    value: \"#f55d6b\",\n    contrast: NeutralColorTokens[\"0\"],\n  },\n\n  accent: {\n    value: \"#FA9EA7\",\n    contrast: NeutralColorTokens[\"0\"],\n  },\n\n  secondary: {\n    value: \"#FEE7E9\",\n    contrast: \"#f55d6b\",\n  },\n\n  neutral: NeutralColorTokens,\n\n  surface: {\n    primary: {\n      value: NeutralColorTokens[\"2\"],\n      contrast: NeutralColorTokens[\"11\"],\n    },\n    secondary: {\n      value: NeutralColorTokens[\"0\"],\n      contrast: NeutralColorTokens[\"11\"],\n    },\n    elevated: {\n      value: NeutralColorTokens[\"0\"],\n      contrast: NeutralColorTokens[\"11\"],\n    },\n    inverse: {\n      value: NeutralColorTokens[\"13\"],\n      contrast: NeutralColorTokens[\"0\"],\n    },\n  },\n\n  text: {\n    primary: NeutralColorTokens[\"11\"],\n    secondary: NeutralColorTokens[\"10\"],\n    tertiary: NeutralColorTokens[\"9\"],\n    inverse: NeutralColorTokens[\"0\"],\n    disabled: NeutralColorTokens[\"7\"],\n  },\n\n  border: {\n    subtle: {\n      value: NeutralColorTokens[\"3\"],\n      contrast: NeutralColorTokens[\"9\"],\n    },\n    default: {\n      value: NeutralColorTokens[\"4\"],\n      contrast: NeutralColorTokens[\"10\"],\n    },\n    strong: {\n      value: NeutralColorTokens[\"6\"],\n      contrast: NeutralColorTokens[\"11\"],\n    },\n    focus: {\n      value: \"#f55d6b\",\n      contrast: NeutralColorTokens[\"0\"],\n    },\n  },\n\n  feedback: {\n    error: {\n      value: \"#c92a2a\",\n      contrast: \"#fff5f5\",\n    },\n    warning: {\n      value: \"#e67700\",\n      contrast: \"#fff4e6\",\n    },\n    success: {\n      value: \"#7a9908\",\n      contrast: \"#f4fce3\",\n    },\n    info: {\n      value: \"#1864ab\",\n      contrast: \"#e7f5ff\",\n    },\n  },\n\n  overlay: \"rgba(0, 0, 0, 0.45)\",\n\n  white: NeutralColorTokens[\"0\"],\n  black: NeutralColorTokens[\"13\"],\n};\n\nexport function createComponentsTokens(\n  tokens: PrimitiveThemeTokens,\n): ComponentsTokens {\n  return {\n    button: createButtonTokens(tokens),\n    checkbox: createCheckboxTokens(tokens),\n    iconButton: createIconButtonTokens(tokens),\n    icon: createIconTokens(),\n    pressable: createPressableTokens(),\n    radio: createRadioTokens(tokens),\n    tag: createTagTokens(tokens),\n    controlAddon: createControlAddonTokens(tokens),\n    controlContainer: createControlContainerTokens(tokens),\n    controlError: createControlErrorTokens(tokens),\n    controlInput: createControlInputTokens(tokens),\n    controlLabel: createControlLabelTokens(tokens),\n    select: createSelectTokens(tokens),\n    datetimePicker: createDatetimePickerTokens(tokens),\n    timePicker: createTimePickerTokens(tokens),\n    flyout: createFlyoutTokens(tokens),\n    skeleton: createSkeletonTokens(tokens),\n    stepper: createStepperTokens(tokens),\n    dataState: createDataStateTokens(tokens),\n  };\n}\n"],"mappings":"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","names":[]}

package/dist/types/checkbox-tokens.types.d.mts

@@ -0,0 +1,25 @@
+import { ComponentSize, ComponentVariant } from './components.types.mjs';
+
+type CheckboxSizeTokens = Record<ComponentSize, {
+    size: number;
+    iconSize: number;
+    hitSlop: number;
+}>;
+type CheckboxVariantTokens = Record<ComponentVariant, {
+    backgroundColor: string;
+    borderColor: string;
+    color: string;
+}>;
+interface CheckboxTokens {
+    borderWidth: number;
+    borderRadius: number;
+    uncheckedBackgroundColor: string;
+    uncheckedBorderColor: string;
+    disabledBackgroundColor: string;
+    disabledBorderColor: string;
+    disabledColor: string;
+    sizes: CheckboxSizeTokens;
+    variants: CheckboxVariantTokens;
+}
+
+export type { CheckboxSizeTokens, CheckboxTokens, CheckboxVariantTokens };

package/dist/types/checkbox-tokens.types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=checkbox-tokens.types.js.map

package/dist/types/checkbox-tokens.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/types/control-tokes.types.d.mts

@@ -1,11 +1,14 @@
-import { ComponentSize, ComponentVariant } from './components.types.mjs';
+import { ComponentVariant, ComponentSize } from './components.types.mjs';
 
-interface ControlAddonTokens {
-    marginHorizontal: number;
-    hitSlop: number;
+type ControlAddonVariantTokens = Record<ComponentVariant, {
     iconColor: string;
     errorIconColor: string;
     disabledIconColor: string;
+}>;
+interface ControlAddonTokens {
+    marginHorizontal: number;
+    hitSlop: number;
+    variants: ControlAddonVariantTokens;
 }
 type ControlContainerSizeTokens = Record<ComponentSize, {
     height: number;
@@ -56,4 +59,4 @@ interface ControlLabelTokens {
     errorColor: string;
 }
 
-export type { ControlAddonTokens, ControlContainerSizeTokens, ControlContainerTokens, ControlContainerVariantTokens, ControlErrorTokens, ControlInputSizeTokens, ControlInputTokens, ControlInputVariantTokens, ControlLabelTokens };
+export type { ControlAddonTokens, ControlAddonVariantTokens, ControlContainerSizeTokens, ControlContainerTokens, ControlContainerVariantTokens, ControlErrorTokens, ControlInputSizeTokens, ControlInputTokens, ControlInputVariantTokens, ControlLabelTokens };

package/dist/types/index.d.mts

@@ -11,14 +11,16 @@ export { AppTheme, ColorPair, ColorScheme, ComponentsThemes, ComponentsTokens, E
 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 './tokens.types.mjs';
 export { TypographyPresetKey, TypographyProps } from './typography.types.mjs';
 export { ButtonSizeTokens, ButtonTokens, ButtonVariantTokens, IconButtonSizeTokens, IconButtonTokens, IconButtonVariantTokens } from './buttons-tokens.types.mjs';
+export { CheckboxSizeTokens, CheckboxTokens, CheckboxVariantTokens } from './checkbox-tokens.types.mjs';
 export { TagColor, TagColorTokens, TagSizeTokens, TagTokens, TagVariantTokens } from './tag-tokens.types.mjs';
-export { ControlAddonTokens, ControlContainerSizeTokens, ControlContainerTokens, ControlContainerVariantTokens, ControlErrorTokens, ControlInputSizeTokens, ControlInputTokens, ControlInputVariantTokens, ControlLabelTokens } from './control-tokes.types.mjs';
+export { ControlAddonTokens, ControlAddonVariantTokens, ControlContainerSizeTokens, ControlContainerTokens, ControlContainerVariantTokens, ControlErrorTokens, ControlInputSizeTokens, ControlInputTokens, ControlInputVariantTokens, ControlLabelTokens } from './control-tokes.types.mjs';
 export { SelectOptionTokens, SelectTokens } from './select-tokens.types.mjs';
 export { DatePickerFlyoutTokens, DatetimePickerCalendarTokens, DatetimePickerDayTokens, DatetimePickerFlyoutActionsTokens, DatetimePickerFlyoutTokens, DatetimePickerQuickDateOptionsTokens, DatetimePickerTokens, DatetimePickerVisibleDateSelectTokens, DatetimeRangePickerFlyoutTokens } from './datetime-picker-tokens.types.mjs';
 export { TimePickerColumnTokens, TimePickerColumnsTokens, TimePickerFlyoutTokens, TimePickerTokens } from './time-picker-token.types.mjs';
 export { FlyoutHandleTokens, FlyoutTitleTokens, FlyoutTokens } from './flyout-tokens.types.mjs';
 export { IconTokens } from './icon-tokens.types.mjs';
 export { PressableTokens } from './pressable-tokens.types.mjs';
+export { RadioSizeTokens, RadioTokens, RadioVariantTokens } from './radio-tokens.types.mjs';
 export { SkeletonBoneTokens, SkeletonTextTokens, SkeletonTokens } from './skeleton-tokens.types.mjs';
 export { StepperNavigationTokens, StepperTokens } from './stepper-tokens.types.mjs';
 export { DataStateActionsFooterTokens, DataStateContentTokens, DataStateDetailsTokens, DataStateLoadingTokens, DataStateTokens } from './data-state-tokens.types.mjs';

package/dist/types/index.js

@@ -11,6 +11,7 @@ export * from "./theme-provider.types";
 export * from "./tokens.types";
 export * from "./typography.types";
 export * from "./buttons-tokens.types";
+export * from "./checkbox-tokens.types";
 export * from "./tag-tokens.types";
 export * from "./control-tokes.types";
 export * from "./select-tokens.types";
@@ -19,6 +20,7 @@ export * from "./time-picker-token.types";
 export * from "./flyout-tokens.types";
 export * from "./icon-tokens.types";
 export * from "./pressable-tokens.types";
+export * from "./radio-tokens.types";
 export * from "./skeleton-tokens.types";
 export * from "./stepper-tokens.types";
 export * from "./data-state-tokens.types";

package/dist/types/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/types/index.ts"],"sourcesContent":["export * from \"./border.types\";\nexport * from \"./color.types\";\nexport * from \"./chart.types\";\nexport * from \"./components.types\";\nexport * from \"./dimension.types\";\nexport * from \"./flex.types\";\nexport * from \"./shadow.types\";\nexport * from \"./spacing.types\";\nexport * from \"./style.types\";\nexport * from \"./theme-provider.types\";\nexport * from \"./tokens.types\";\nexport * from \"./typography.types\";\nexport * from \"./buttons-tokens.types\";\nexport * from \"./tag-tokens.types\";\nexport * from \"./control-tokes.types\";\nexport * from \"./select-tokens.types\";\nexport * from \"./datetime-picker-tokens.types\";\nexport * from \"./time-picker-token.types\";\nexport * from \"./flyout-tokens.types\";\nexport * from \"./icon-tokens.types\";\nexport * from \"./pressable-tokens.types\";\nexport * from \"./skeleton-tokens.types\";\nexport * from \"./stepper-tokens.types\";\nexport * from \"./data-state-tokens.types\";\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}
+{"version":3,"sources":["../../src/types/index.ts"],"sourcesContent":["export * from \"./border.types\";\nexport * from \"./color.types\";\nexport * from \"./chart.types\";\nexport * from \"./components.types\";\nexport * from \"./dimension.types\";\nexport * from \"./flex.types\";\nexport * from \"./shadow.types\";\nexport * from \"./spacing.types\";\nexport * from \"./style.types\";\nexport * from \"./theme-provider.types\";\nexport * from \"./tokens.types\";\nexport * from \"./typography.types\";\nexport * from \"./buttons-tokens.types\";\nexport * from \"./checkbox-tokens.types\";\nexport * from \"./tag-tokens.types\";\nexport * from \"./control-tokes.types\";\nexport * from \"./select-tokens.types\";\nexport * from \"./datetime-picker-tokens.types\";\nexport * from \"./time-picker-token.types\";\nexport * from \"./flyout-tokens.types\";\nexport * from \"./icon-tokens.types\";\nexport * from \"./pressable-tokens.types\";\nexport * from \"./radio-tokens.types\";\nexport * from \"./skeleton-tokens.types\";\nexport * from \"./stepper-tokens.types\";\nexport * from \"./data-state-tokens.types\";\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}

package/dist/types/radio-tokens.types.d.mts

@@ -0,0 +1,25 @@
+import { ComponentSize, ComponentVariant } from './components.types.mjs';
+
+type RadioSizeTokens = Record<ComponentSize, {
+    size: number;
+    indicatorSize: number;
+    hitSlop: number;
+}>;
+type RadioVariantTokens = Record<ComponentVariant, {
+    backgroundColor: string;
+    borderColor: string;
+    color: string;
+}>;
+interface RadioTokens {
+    borderWidth: number;
+    borderRadius: number;
+    uncheckedBackgroundColor: string;
+    uncheckedBorderColor: string;
+    disabledBackgroundColor: string;
+    disabledBorderColor: string;
+    disabledColor: string;
+    sizes: RadioSizeTokens;
+    variants: RadioVariantTokens;
+}
+
+export type { RadioSizeTokens, RadioTokens, RadioVariantTokens };

package/dist/types/radio-tokens.types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=radio-tokens.types.js.map

package/dist/types/radio-tokens.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/types/theme-provider.types.d.mts

@@ -1,3 +1,5 @@
+import { CheckboxTokens } from './checkbox-tokens.types.mjs';
+import { RadioTokens } from './radio-tokens.types.mjs';
 import { ButtonTokens, IconButtonTokens } from './buttons-tokens.types.mjs';
 import { ControlAddonTokens, ControlContainerTokens, ControlErrorTokens, ControlInputTokens, ControlLabelTokens } from './control-tokes.types.mjs';
 import { DataStateTokens } from './data-state-tokens.types.mjs';
@@ -62,9 +64,11 @@ interface ComponentsThemes {
 }
 interface ComponentsTokens {
     button: ButtonTokens;
+    checkbox: CheckboxTokens;
     iconButton: IconButtonTokens;
     icon: IconTokens;
     pressable: PressableTokens;
+    radio: RadioTokens;
     tag: TagTokens;
     controlAddon: ControlAddonTokens;
     controlContainer: ControlContainerTokens;

package/dist/utils/index.d.mts

@@ -10,8 +10,10 @@ import '../types/spacing.types.mjs';
 import '../types/typography.types.mjs';
 import '../types/tokens.types.mjs';
 import '../types/theme-provider.types.mjs';
-import '../types/buttons-tokens.types.mjs';
+import '../types/checkbox-tokens.types.mjs';
 import '../types/components.types.mjs';
+import '../types/radio-tokens.types.mjs';
+import '../types/buttons-tokens.types.mjs';
 import '../types/control-tokes.types.mjs';
 import '../types/data-state-tokens.types.mjs';
 import '../types/datetime-picker-tokens.types.mjs';

package/dist/utils/style.utils.d.mts

@@ -9,8 +9,10 @@ import '../types/flex.types.mjs';
 import '../types/spacing.types.mjs';
 import '../types/typography.types.mjs';
 import '../types/tokens.types.mjs';
-import '../types/buttons-tokens.types.mjs';
+import '../types/checkbox-tokens.types.mjs';
 import '../types/components.types.mjs';
+import '../types/radio-tokens.types.mjs';
+import '../types/buttons-tokens.types.mjs';
 import '../types/control-tokes.types.mjs';
 import '../types/data-state-tokens.types.mjs';
 import '../types/datetime-picker-tokens.types.mjs';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@impulse-ui-native/theme",
-  "version": "2.5.0",
+  "version": "2.6.0",
   "description": "Theme tokens, providers, and styling utilities for ImpulseUI Native.",
   "keywords": [
     "react-native",
@@ -28,7 +28,7 @@
   ],
   "sideEffects": false,
   "dependencies": {
-    "@impulse-ui-native/core": "2.5.0"
+    "@impulse-ui-native/core": "2.6.0"
   },
   "devDependencies": {
     "@types/react": "~19.2.14",
@@ -37,9 +37,9 @@
     "react": "19.2.3",
     "react-native": "0.86.2",
     "typescript": "~6.0.3",
+    "@impulse-ui-native/eslint-config": "1.0.0",
     "@impulse-ui-native/prettier-config": "1.0.0",
-    "@impulse-ui-native/tsconfig": "1.0.0",
-    "@impulse-ui-native/eslint-config": "1.0.0"
+    "@impulse-ui-native/tsconfig": "1.0.0"
   },
   "peerDependencies": {
     "react": ">=18",