@impulse-ui-native/theme 2.1.0 → 2.1.1

package/dist/theme/tokens.theme.js

@@ -0,0 +1,257 @@
+import { createButtonTokens } from "./create-button-tokens";
+import {
+  createControlAddonTokens,
+  createControlContainerTokens,
+  createControlErrorTokens,
+  createControlInputTokens,
+  createControlLabelTokens
+} from "./create-control-tokens";
+import { createDataStateTokens } from "./create-data-state-tokens";
+import { createDatetimePickerTokens } from "./create-datetime-picker";
+import { createFlyoutTokens } from "./create-flyout-tokens";
+import { createIconButtonTokens } from "./create-icon-button-tokens";
+import { createSelectTokens } from "./create-select-tokens";
+import { createSkeletonTokens } from "./create-skeleton-tokens";
+import { createTagTokens } from "./create-tag-tokens";
+import { createTimePickerTokens } from "./create-time-picker-tokens";
+const ChartColorTokens = [
+  "#f55d6b",
+  "#2563eb",
+  "#16a34a",
+  "#9333ea",
+  "#ea580c",
+  "#0891b2",
+  "#db2777",
+  "#65a30d",
+  "#4f46e5",
+  "#0d9488",
+  "#ca8a04",
+  "#c026d3",
+  "#0284c7",
+  "#7c3aed",
+  "#9f5f3f"
+];
+const SpaceTokens = {
+  none: 0,
+  xxs: 4,
+  xs: 8,
+  mxs: 12,
+  sm: 16,
+  msm: 24,
+  md: 32,
+  lg: 48,
+  xl: 64,
+  xxl: 96
+};
+const BorderSizeTokens = {
+  sm: 1,
+  md: 2,
+  lg: 3,
+  xl: 5,
+  xxl: 10
+};
+const RadiiTokens = {
+  sm: 4,
+  md: 8,
+  lg: 16,
+  xl: 32,
+  xxl: 64,
+  xxxl: 128,
+  round: 1e5
+};
+const FontSizeTokens = {
+  xxs: 8,
+  xs: 12,
+  xsm: 14,
+  sm: 16,
+  md: 18,
+  lg: 20,
+  xl: 24,
+  xxl: 28,
+  xxxl: 32,
+  huge: 36,
+  massive: 40,
+  giant: 48,
+  colossal: 56
+};
+const LineHeightTokens = {
+  xxs: 12,
+  xs: 16,
+  xsm: 20,
+  sm: 24,
+  md: 26,
+  lg: 28,
+  xl: 32,
+  xxl: 36,
+  xxxl: 40,
+  huge: 44,
+  massive: 48,
+  giant: 56,
+  colossal: 64
+};
+const FontWeightTokens = {
+  thin: 100,
+  extraLight: 200,
+  light: 300,
+  regular: 400,
+  medium: 500,
+  semiBold: 600,
+  bold: 700,
+  extraBold: 800,
+  black: 900
+};
+const FontFamilyWeightsNormalTokens = {
+  100: "Montserrat_100Thin",
+  200: "Montserrat_200ExtraLight",
+  300: "Montserrat_300Light",
+  400: "Montserrat_400Regular",
+  500: "Montserrat_500Medium",
+  600: "Montserrat_600SemiBold",
+  700: "Montserrat_700Bold",
+  800: "Montserrat_800ExtraBold",
+  900: "Montserrat_900Black"
+};
+const FontFamilyWeightsItalicTokens = {
+  100: "Montserrat_100Thin_Italic",
+  200: "Montserrat_200ExtraLight_Italic",
+  300: "Montserrat_300Light_Italic",
+  400: "Montserrat_400Regular_Italic",
+  500: "Montserrat_500Medium_Italic",
+  600: "Montserrat_600SemiBold_Italic",
+  700: "Montserrat_700Bold_Italic",
+  800: "Montserrat_800ExtraBold_Italic",
+  900: "Montserrat_900Black_Italic"
+};
+const FontFamilyTokens = {
+  normal: FontFamilyWeightsNormalTokens,
+  italic: FontFamilyWeightsItalicTokens
+};
+const NeutralColorTokens = {
+  "0": "#ffffff",
+  "1": "#f8f9fa",
+  "2": "#f1f3f5",
+  "3": "#e9ecef",
+  "4": "#dee2e6",
+  "5": "#ced4da",
+  "6": "#adb5bd",
+  "7": "#868e96",
+  "8": "#495057",
+  "9": "#343a40",
+  "10": "#212529",
+  "11": "#16191d",
+  "12": "#0d0f12",
+  "13": "#000000"
+};
+const LightColors = {
+  primary: {
+    value: "#f55d6b",
+    contrast: NeutralColorTokens["0"]
+  },
+  accent: {
+    value: "#FA9EA7",
+    contrast: NeutralColorTokens["0"]
+  },
+  secondary: {
+    value: "#FEE7E9",
+    contrast: "#f55d6b"
+  },
+  neutral: NeutralColorTokens,
+  surface: {
+    primary: {
+      value: NeutralColorTokens["2"],
+      contrast: NeutralColorTokens["11"]
+    },
+    secondary: {
+      value: NeutralColorTokens["0"],
+      contrast: NeutralColorTokens["11"]
+    },
+    elevated: {
+      value: NeutralColorTokens["0"],
+      contrast: NeutralColorTokens["11"]
+    },
+    inverse: {
+      value: NeutralColorTokens["13"],
+      contrast: NeutralColorTokens["0"]
+    }
+  },
+  text: {
+    primary: NeutralColorTokens["11"],
+    secondary: NeutralColorTokens["10"],
+    tertiary: NeutralColorTokens["9"],
+    inverse: NeutralColorTokens["0"],
+    disabled: NeutralColorTokens["7"]
+  },
+  border: {
+    subtle: {
+      value: NeutralColorTokens["3"],
+      contrast: NeutralColorTokens["9"]
+    },
+    default: {
+      value: NeutralColorTokens["4"],
+      contrast: NeutralColorTokens["10"]
+    },
+    strong: {
+      value: NeutralColorTokens["6"],
+      contrast: NeutralColorTokens["11"]
+    },
+    focus: {
+      value: "#f55d6b",
+      contrast: NeutralColorTokens["0"]
+    }
+  },
+  feedback: {
+    error: {
+      value: "#c92a2a",
+      contrast: "#fff5f5"
+    },
+    warning: {
+      value: "#e67700",
+      contrast: "#fff4e6"
+    },
+    success: {
+      value: "#7a9908",
+      contrast: "#f4fce3"
+    },
+    info: {
+      value: "#1864ab",
+      contrast: "#e7f5ff"
+    }
+  },
+  overlay: "rgba(0, 0, 0, 0.45)",
+  white: NeutralColorTokens["0"],
+  black: NeutralColorTokens["13"]
+};
+function createComponentsTokens(tokens) {
+  return {
+    button: createButtonTokens(tokens),
+    iconButton: createIconButtonTokens(tokens),
+    tag: createTagTokens(tokens),
+    controlAddon: createControlAddonTokens(tokens),
+    controlContainer: createControlContainerTokens(tokens),
+    controlError: createControlErrorTokens(tokens),
+    controlInput: createControlInputTokens(tokens),
+    controlLabel: createControlLabelTokens(tokens),
+    select: createSelectTokens(tokens),
+    datetimePicker: createDatetimePickerTokens(tokens),
+    timePicker: createTimePickerTokens(tokens),
+    flyout: createFlyoutTokens(tokens),
+    skeleton: createSkeletonTokens(tokens),
+    dataState: createDataStateTokens(tokens)
+  };
+}
+export {
+  BorderSizeTokens,
+  ChartColorTokens,
+  FontFamilyTokens,
+  FontFamilyWeightsItalicTokens,
+  FontFamilyWeightsNormalTokens,
+  FontSizeTokens,
+  FontWeightTokens,
+  LightColors,
+  LineHeightTokens,
+  NeutralColorTokens,
+  RadiiTokens,
+  SpaceTokens,
+  createComponentsTokens
+};
+//# sourceMappingURL=tokens.theme.js.map

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

@@ -0,0 +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  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 { createSelectTokens } from \"./create-select-tokens\";\nimport { createSkeletonTokens } from \"./create-skeleton-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 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    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    dataState: createDataStateTokens(tokens),\n  };\n}\n"],"mappings":"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","names":[]}

package/dist/types/border.types.d.mts

@@ -0,0 +1,22 @@
+import { ViewStyle } from 'react-native';
+
+interface BorderProps {
+    borderRadius?: ViewStyle["borderRadius"];
+    borderTopLeftRadius?: ViewStyle["borderTopLeftRadius"];
+    borderTopRightRadius?: ViewStyle["borderTopRightRadius"];
+    borderBottomLeftRadius?: ViewStyle["borderBottomLeftRadius"];
+    borderBottomRightRadius?: ViewStyle["borderBottomRightRadius"];
+    borderWidth?: ViewStyle["borderWidth"];
+    borderTopWidth?: ViewStyle["borderTopWidth"];
+    borderRightWidth?: ViewStyle["borderRightWidth"];
+    borderBottomWidth?: ViewStyle["borderBottomWidth"];
+    borderLeftWidth?: ViewStyle["borderLeftWidth"];
+    borderColor?: ViewStyle["borderColor"];
+    borderTopColor?: ViewStyle["borderTopColor"];
+    borderRightColor?: ViewStyle["borderRightColor"];
+    borderBottomColor?: ViewStyle["borderBottomColor"];
+    borderLeftColor?: ViewStyle["borderLeftColor"];
+    borderStyle?: ViewStyle["borderStyle"];
+}
+
+export type { BorderProps };

package/dist/types/border.types.js

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

package/dist/types/border.types.js.map

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

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

@@ -0,0 +1,42 @@
+import { ComponentSize, ComponentVariant } from './components.types.mjs';
+
+type ButtonSizeTokens = Record<ComponentSize, {
+    height: number;
+    paddingVertical: number;
+    paddingHorizontal: number;
+    fontSize: number;
+}>;
+type IconButtonSizeTokens = Record<ComponentSize, {
+    size: number;
+    padding: number;
+}>;
+type ButtonVariantTokens = Record<ComponentVariant, {
+    backgroundColor: string;
+    borderColor: string;
+    color: string;
+    disabledBackgroundColor: string;
+    disabledBorderColor: string;
+    disabledColor: string;
+}>;
+type IconButtonVariantTokens = Record<ComponentVariant, {
+    backgroundColor: string;
+    borderColor: string;
+    color: string;
+    disabledBackgroundColor: string;
+    disabledBorderColor: string;
+    disabledColor: string;
+}>;
+interface ButtonTokens {
+    borderWidth: number;
+    borderRadius: number;
+    sizes: ButtonSizeTokens;
+    variants: ButtonVariantTokens;
+}
+interface IconButtonTokens {
+    borderWidth: number;
+    borderRadius: number;
+    sizes: IconButtonSizeTokens;
+    variants: IconButtonVariantTokens;
+}
+
+export type { ButtonSizeTokens, ButtonTokens, ButtonVariantTokens, IconButtonSizeTokens, IconButtonTokens, IconButtonVariantTokens };

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

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

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

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

package/dist/types/chart.types.d.mts

@@ -0,0 +1,19 @@
+type ChartColorPalette = readonly [
+    string,
+    string,
+    string,
+    string,
+    string,
+    string,
+    string,
+    string,
+    string,
+    string,
+    string,
+    string,
+    string,
+    string,
+    string
+];
+
+export type { ChartColorPalette };

package/dist/types/chart.types.js

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

package/dist/types/chart.types.js.map

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

package/dist/types/color.types.d.mts

@@ -0,0 +1,9 @@
+import { TextStyle, ViewStyle } from 'react-native';
+
+interface ColorProps {
+    color?: TextStyle["color"];
+    backgroundColor?: ViewStyle["backgroundColor"];
+    opacity?: ViewStyle["opacity"];
+}
+
+export type { ColorProps };

package/dist/types/color.types.js

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

package/dist/types/color.types.js.map

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

package/dist/types/components.types.d.mts

@@ -0,0 +1,4 @@
+type ComponentSize = "small" | "medium" | "large";
+type ComponentVariant = "filled" | "outlined" | "soft" | "ghost" | "plain";
+
+export type { ComponentSize, ComponentVariant };

package/dist/types/components.types.js

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

package/dist/types/components.types.js.map

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

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

@@ -0,0 +1,59 @@
+import { ComponentSize, ComponentVariant } from './components.types.mjs';
+
+interface ControlAddonTokens {
+    marginHorizontal: number;
+    hitSlop: number;
+    iconColor: string;
+    errorIconColor: string;
+    disabledIconColor: string;
+}
+type ControlContainerSizeTokens = Record<ComponentSize, {
+    height: number;
+    paddingHorizontal: number;
+}>;
+type ControlContainerVariantTokens = Record<ComponentVariant, {
+    backgroundColor: string;
+    borderColor: string;
+    errorBorderColor: string;
+    disabledBackgroundColor: string;
+    disabledBorderColor: string;
+}>;
+interface ControlContainerTokens {
+    borderWidth: number;
+    borderRadius: number;
+    disabledOpacity: number;
+    sizes: ControlContainerSizeTokens;
+    variants: ControlContainerVariantTokens;
+}
+interface ControlErrorTokens {
+    marginTop: number;
+    color: string;
+    fontSize: number;
+}
+type ControlInputSizeTokens = Record<ComponentSize, {
+    fontSize: number;
+}>;
+type ControlInputVariantTokens = Record<ComponentVariant, {
+    color: string;
+    placeholderColor: string;
+    disabledColor: string;
+    disabledPlaceholderColor: string;
+    errorColor: string;
+    errorPlaceholderColor: string;
+}>;
+interface ControlInputTokens {
+    flex: number;
+    fontFamily: string;
+    paddingHorizontal: number;
+    sizes: ControlInputSizeTokens;
+    variants: ControlInputVariantTokens;
+}
+interface ControlLabelTokens {
+    marginBottom: number;
+    fontSize: number;
+    color: string;
+    disabledColor: string;
+    errorColor: string;
+}
+
+export type { ControlAddonTokens, ControlContainerSizeTokens, ControlContainerTokens, ControlContainerVariantTokens, ControlErrorTokens, ControlInputSizeTokens, ControlInputTokens, ControlInputVariantTokens, ControlLabelTokens };

package/dist/types/control-tokes.types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=control-tokes.types.js.map

package/dist/types/control-tokes.types.js.map

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

package/dist/types/data-state-tokens.types.d.mts

@@ -0,0 +1,23 @@
+interface DataStateDetailsTokens {
+    gap: number;
+    iconSize: number;
+    iconColor: string;
+}
+interface DataStateActionsFooterTokens {
+    gap: number;
+}
+interface DataStateContentTokens {
+    zIndex: number;
+}
+interface DataStateLoadingTokens {
+    transitionDuration: number;
+    loaderZIndex: number;
+}
+interface DataStateTokens {
+    details: DataStateDetailsTokens;
+    actionsFooter: DataStateActionsFooterTokens;
+    content: DataStateContentTokens;
+    loading: DataStateLoadingTokens;
+}
+
+export type { DataStateActionsFooterTokens, DataStateContentTokens, DataStateDetailsTokens, DataStateLoadingTokens, DataStateTokens };

package/dist/types/data-state-tokens.types.js

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

package/dist/types/data-state-tokens.types.js.map

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

package/dist/types/datetime-picker-tokens.types.d.mts

@@ -0,0 +1,47 @@
+interface DatetimePickerCalendarTokens {
+    dayNamesMarginBottom: number;
+    weeksGap: number;
+}
+interface DatetimePickerDayTokens {
+    size: number;
+    borderRadius: number;
+    color: string;
+    outsideMonthColor: string;
+    selectedBackgroundColor: string;
+    selectedColor: string;
+    rangeBackgroundColor: string;
+    rangeColor: string;
+}
+interface DatetimePickerFlyoutActionsTokens {
+    gap: number;
+    buttonsGap: number;
+    clearColor: string;
+}
+interface DatetimePickerQuickDateOptionsTokens {
+    gap: number;
+}
+interface DatetimePickerVisibleDateSelectTokens {
+    gap: number;
+}
+interface DatePickerFlyoutTokens {
+    gap: number;
+}
+interface DatetimePickerFlyoutTokens {
+    gap: number;
+}
+interface DatetimeRangePickerFlyoutTokens {
+    gap: number;
+    timeInputsGap: number;
+}
+interface DatetimePickerTokens {
+    calendar: DatetimePickerCalendarTokens;
+    day: DatetimePickerDayTokens;
+    datePickerFlyout: DatePickerFlyoutTokens;
+    datetimePickerFlyout: DatetimePickerFlyoutTokens;
+    datetimeRangePickerFlyout: DatetimeRangePickerFlyoutTokens;
+    flyoutActions: DatetimePickerFlyoutActionsTokens;
+    quickDateOptions: DatetimePickerQuickDateOptionsTokens;
+    visibleDateSelect: DatetimePickerVisibleDateSelectTokens;
+}
+
+export type { DatePickerFlyoutTokens, DatetimePickerCalendarTokens, DatetimePickerDayTokens, DatetimePickerFlyoutActionsTokens, DatetimePickerFlyoutTokens, DatetimePickerQuickDateOptionsTokens, DatetimePickerTokens, DatetimePickerVisibleDateSelectTokens, DatetimeRangePickerFlyoutTokens };

package/dist/types/datetime-picker-tokens.types.js

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

package/dist/types/datetime-picker-tokens.types.js.map

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

package/dist/types/dimension.types.d.mts

@@ -0,0 +1,14 @@
+import { ViewStyle } from 'react-native';
+
+interface DimensionProps {
+    width?: ViewStyle["width"];
+    height?: ViewStyle["height"];
+    minWidth?: ViewStyle["minWidth"];
+    maxWidth?: ViewStyle["maxWidth"];
+    minHeight?: ViewStyle["minHeight"];
+    maxHeight?: ViewStyle["maxHeight"];
+    aspectRatio?: ViewStyle["aspectRatio"];
+    overflow?: ViewStyle["overflow"];
+}
+
+export type { DimensionProps };

package/dist/types/dimension.types.js

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

package/dist/types/dimension.types.js.map

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

package/dist/types/flex.types.d.mts

@@ -0,0 +1,25 @@
+import { ViewStyle } from 'react-native';
+
+type FlexProps = {
+    flex?: ViewStyle["flex"];
+    flexGrow?: ViewStyle["flexGrow"];
+    flexShrink?: ViewStyle["flexShrink"];
+    flexBasis?: ViewStyle["flexBasis"];
+    flexDirection?: ViewStyle["flexDirection"];
+    flexWrap?: ViewStyle["flexWrap"];
+    justifyContent?: ViewStyle["justifyContent"];
+    alignItems?: ViewStyle["alignItems"];
+    alignSelf?: ViewStyle["alignSelf"];
+    alignContent?: ViewStyle["alignContent"];
+    gap?: ViewStyle["gap"];
+    rowGap?: ViewStyle["rowGap"];
+    columnGap?: ViewStyle["columnGap"];
+    position?: ViewStyle["position"];
+    top?: ViewStyle["top"];
+    right?: ViewStyle["right"];
+    bottom?: ViewStyle["bottom"];
+    left?: ViewStyle["left"];
+    zIndex?: ViewStyle["zIndex"];
+};
+
+export type { FlexProps };

package/dist/types/flex.types.js

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

package/dist/types/flex.types.js.map

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

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

@@ -0,0 +1,25 @@
+interface FlyoutHandleTokens {
+    containerHeight: number;
+    width: `${number}%`;
+    height: number;
+    borderRadius: number;
+    backgroundColor: string;
+}
+interface FlyoutTitleTokens {
+    paddingVertical: number;
+    paddingHorizontal: number;
+}
+interface FlyoutTokens {
+    zIndexBase: number;
+    maxHeightRatio: number;
+    overlayColor: string;
+    overlayVisibleOpacity: number;
+    backgroundColor: string;
+    contentPaddingHorizontal: number;
+    borderRadius: number;
+    hiddenOpacity: number;
+    title: FlyoutTitleTokens;
+    handle: FlyoutHandleTokens;
+}
+
+export type { FlyoutHandleTokens, FlyoutTitleTokens, FlyoutTokens };

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

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

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

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