@impulse-ui-native/theme 2.1.0 → 2.1.1

package/dist/types/index.d.mts

@@ -0,0 +1,22 @@
+export { BorderProps } from './border.types.mjs';
+export { ColorProps } from './color.types.mjs';
+export { ChartColorPalette } from './chart.types.mjs';
+export { ComponentSize, ComponentVariant } from './components.types.mjs';
+export { DimensionProps } from './dimension.types.mjs';
+export { FlexProps } from './flex.types.mjs';
+export { ShadowIntensity, ShadowLevel, ShadowPosition, ShadowProps } from './shadow.types.mjs';
+export { SpacingProps } from './spacing.types.mjs';
+export { StylePropKey, StyleProps } from './style.types.mjs';
+export { AppTheme, ColorPair, ColorScheme, ComponentsThemes, ComponentsTokens, ExtendedThemeColors, PrimitiveThemeTokens, ThemeColors, ThemeContextData } from './theme-provider.types.mjs';
+export { BorderSize, BorderSizeKey, FontFamily, FontSize, FontWeight, FontWeightItalic, FontWeightKeys, FontWeightNormal, FontWeightValue, LetterSpacingKey, LetterSpacings, LineHeight, NeutralColor, NeutralColorKey, Radii, RadiiBlob, RadiiConditional, RadiiDrawn, RadiusBlobKey, RadiusConditionalKey, RadiusDrawnKey, RadiusKey, Space, SpaceSizesKey, TypographyKey } from './tokens.types.mjs';
+export { TypographyPresetKey, TypographyProps } from './typography.types.mjs';
+export { ButtonSizeTokens, ButtonTokens, ButtonVariantTokens, IconButtonSizeTokens, IconButtonTokens, IconButtonVariantTokens } from './buttons-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 { 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 { SkeletonBoneTokens, SkeletonTextTokens, SkeletonTokens } from './skeleton-tokens.types.mjs';
+export { DataStateActionsFooterTokens, DataStateContentTokens, DataStateDetailsTokens, DataStateLoadingTokens, DataStateTokens } from './data-state-tokens.types.mjs';
+import 'react-native';

package/dist/types/index.js

@@ -0,0 +1,22 @@
+export * from "./border.types";
+export * from "./color.types";
+export * from "./chart.types";
+export * from "./components.types";
+export * from "./dimension.types";
+export * from "./flex.types";
+export * from "./shadow.types";
+export * from "./spacing.types";
+export * from "./style.types";
+export * from "./theme-provider.types";
+export * from "./tokens.types";
+export * from "./typography.types";
+export * from "./buttons-tokens.types";
+export * from "./tag-tokens.types";
+export * from "./control-tokes.types";
+export * from "./select-tokens.types";
+export * from "./datetime-picker-tokens.types";
+export * from "./time-picker-token.types";
+export * from "./flyout-tokens.types";
+export * from "./skeleton-tokens.types";
+export * from "./data-state-tokens.types";
+//# sourceMappingURL=index.js.map

package/dist/types/index.js.map

@@ -0,0 +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 \"./skeleton-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;","names":[]}

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

@@ -0,0 +1,11 @@
+interface SelectOptionTokens {
+    padding: number;
+    selectedIconColor: string;
+    selectedIconVisibleOpacity: number;
+    selectedIconHiddenOpacity: number;
+}
+interface SelectTokens {
+    option: SelectOptionTokens;
+}
+
+export type { SelectOptionTokens, SelectTokens };

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

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

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

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

package/dist/types/shadow.types.d.mts

@@ -0,0 +1,20 @@
+import { ViewStyle } from 'react-native';
+
+type ShadowLevel = "none" | "xs" | "sm" | "md" | "lg" | "xl";
+type ShadowPosition = "around" | "bottom" | "top";
+type ShadowIntensity = {
+    radius: number;
+    opacity: number;
+    elevation: number;
+};
+type ShadowProps = {
+    shadow?: ShadowLevel;
+    shadowPosition?: ShadowPosition;
+    shadowColor?: ViewStyle["shadowColor"];
+    shadowOpacity?: ViewStyle["shadowOpacity"];
+    shadowRadius?: ViewStyle["shadowRadius"];
+    shadowOffset?: ViewStyle["shadowOffset"];
+    elevation?: ViewStyle["elevation"];
+};
+
+export type { ShadowIntensity, ShadowLevel, ShadowPosition, ShadowProps };

package/dist/types/shadow.types.js

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

package/dist/types/shadow.types.js.map

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

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

@@ -0,0 +1,18 @@
+interface SkeletonBoneTokens {
+    backgroundColor: string;
+    borderColor: string;
+    initialOpacity: number;
+    animatedOpacity: number;
+    animationDuration: number;
+}
+interface SkeletonTextTokens {
+    alignSelf: "auto" | "flex-start" | "flex-end" | "center" | "stretch" | "baseline";
+    textTransform: "none" | "capitalize" | "uppercase" | "lowercase";
+    opacity: number;
+}
+interface SkeletonTokens {
+    bone: SkeletonBoneTokens;
+    text: SkeletonTextTokens;
+}
+
+export type { SkeletonBoneTokens, SkeletonTextTokens, SkeletonTokens };

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

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

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

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

package/dist/types/spacing.types.d.mts

@@ -0,0 +1,20 @@
+import { ViewStyle } from 'react-native';
+
+interface SpacingProps {
+    margin?: ViewStyle["margin"];
+    marginTop?: ViewStyle["marginTop"];
+    marginBottom?: ViewStyle["marginBottom"];
+    marginLeft?: ViewStyle["marginLeft"];
+    marginRight?: ViewStyle["marginRight"];
+    marginHorizontal?: ViewStyle["marginHorizontal"];
+    marginVertical?: ViewStyle["marginVertical"];
+    padding?: ViewStyle["padding"];
+    paddingTop?: ViewStyle["paddingTop"];
+    paddingBottom?: ViewStyle["paddingBottom"];
+    paddingLeft?: ViewStyle["paddingLeft"];
+    paddingRight?: ViewStyle["paddingRight"];
+    paddingHorizontal?: ViewStyle["paddingHorizontal"];
+    paddingVertical?: ViewStyle["paddingVertical"];
+}
+
+export type { SpacingProps };

package/dist/types/spacing.types.js

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

package/dist/types/spacing.types.js.map

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

package/dist/types/style.types.d.mts

@@ -0,0 +1,14 @@
+import { BorderProps } from './border.types.mjs';
+import { ColorProps } from './color.types.mjs';
+import { DimensionProps } from './dimension.types.mjs';
+import { FlexProps } from './flex.types.mjs';
+import { ShadowProps } from './shadow.types.mjs';
+import { SpacingProps } from './spacing.types.mjs';
+import { TypographyProps } from './typography.types.mjs';
+import 'react-native';
+import './tokens.types.mjs';
+
+type StyleProps = Partial<SpacingProps & ColorProps & ShadowProps & BorderProps & TypographyProps & FlexProps & DimensionProps>;
+type StylePropKey = keyof StyleProps;
+
+export type { StylePropKey, StyleProps };

package/dist/types/style.types.js

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

package/dist/types/style.types.js.map

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

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

@@ -0,0 +1,28 @@
+import { ComponentSize, ComponentVariant } from './components.types.mjs';
+
+type TagColor = "primary" | "secondary" | "error" | "warning" | "success" | "info";
+type TagSizeTokens = Record<ComponentSize, {
+    height: number;
+    paddingHorizontal: number;
+    minWidth: number;
+    fontSize: number;
+}>;
+type TagVariantTokens = Record<ComponentVariant, {
+    backgroundColor: string;
+    borderColor: string;
+    color: string;
+    disabledBackgroundColor: string;
+    disabledBorderColor: string;
+    disabledColor: string;
+}>;
+type TagColorTokens = Record<TagColor, TagVariantTokens>;
+interface TagTokens {
+    borderWidth: number;
+    borderRadius: number;
+    gap: number;
+    iconMarginLeft: number;
+    sizes: TagSizeTokens;
+    colors: TagColorTokens;
+}
+
+export type { TagColor, TagColorTokens, TagSizeTokens, TagTokens, TagVariantTokens };

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

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

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

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

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

@@ -0,0 +1,90 @@
+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';
+import { DatetimePickerTokens } from './datetime-picker-tokens.types.mjs';
+import { FlyoutTokens } from './flyout-tokens.types.mjs';
+import { SelectTokens } from './select-tokens.types.mjs';
+import { SkeletonTokens } from './skeleton-tokens.types.mjs';
+import { TagTokens } from './tag-tokens.types.mjs';
+import { TimePickerTokens } from './time-picker-token.types.mjs';
+import { NeutralColor, Space, Radii, BorderSize, FontFamily, FontWeight, FontSize, LineHeight } from './tokens.types.mjs';
+import './components.types.mjs';
+
+interface ThemeContextData {
+    theme: AppTheme;
+}
+type ColorScheme = "light" | "dark";
+type ColorPair = {
+    value: string;
+    contrast: string;
+};
+type ThemeColors = {
+    primary: ColorPair;
+    accent: ColorPair;
+    secondary: ColorPair;
+    neutral: NeutralColor;
+    surface: {
+        primary: ColorPair;
+        secondary: ColorPair;
+        elevated: ColorPair;
+        inverse: ColorPair;
+    };
+    text: {
+        primary: string;
+        secondary: string;
+        tertiary: string;
+        inverse: string;
+        disabled: string;
+    };
+    border: {
+        subtle: ColorPair;
+        default: ColorPair;
+        strong: ColorPair;
+        focus: ColorPair;
+    };
+    feedback: {
+        error: ColorPair;
+        warning: ColorPair;
+        success: ColorPair;
+        info: ColorPair;
+    };
+    overlay: string;
+    white: string;
+    black: string;
+} & ExtendedThemeColors;
+interface ExtendedThemeColors {
+}
+interface ComponentsThemes {
+    (theme: PrimitiveThemeTokens): ComponentsTokens;
+}
+interface ComponentsTokens {
+    button: ButtonTokens;
+    iconButton: IconButtonTokens;
+    tag: TagTokens;
+    controlAddon: ControlAddonTokens;
+    controlContainer: ControlContainerTokens;
+    controlError: ControlErrorTokens;
+    controlInput: ControlInputTokens;
+    controlLabel: ControlLabelTokens;
+    select: SelectTokens;
+    datetimePicker: DatetimePickerTokens;
+    timePicker: TimePickerTokens;
+    flyout: FlyoutTokens;
+    skeleton: SkeletonTokens;
+    dataState: DataStateTokens;
+}
+interface PrimitiveThemeTokens {
+    colors: ThemeColors;
+    space: Space;
+    radii: Radii;
+    borderSize: BorderSize;
+    fontFamily: FontFamily;
+    fontWeight: FontWeight;
+    fontSize: FontSize;
+    lineHeight: LineHeight;
+}
+interface AppTheme extends PrimitiveThemeTokens {
+    components: ComponentsTokens;
+}
+
+export type { AppTheme, ColorPair, ColorScheme, ComponentsThemes, ComponentsTokens, ExtendedThemeColors, PrimitiveThemeTokens, ThemeColors, ThemeContextData };

package/dist/types/theme-provider.types.js

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

package/dist/types/theme-provider.types.js.map

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

package/dist/types/time-picker-token.types.d.mts

@@ -0,0 +1,34 @@
+interface TimePickerColumnTokens {
+    width: number;
+    height: number;
+    gap: number;
+    listWidth: number;
+    itemHeight: number;
+    visibleItems: number;
+    verticalPadding: number;
+    initialScrollIndexViewOffset: number;
+    fontSize: number;
+    selectedColor: string;
+    color: string;
+    selectedFontWeight: number;
+    fontWeight: number;
+}
+interface TimePickerFlyoutTokens {
+    gap: number;
+}
+interface TimePickerColumnsTokens {
+    height: number;
+    gap: number;
+    indicatorHeight: number;
+    indicatorWidth: number;
+    indicatorTop: number;
+    indicatorBorderRadius: number;
+    indicatorBackgroundColor: string;
+}
+interface TimePickerTokens {
+    column: TimePickerColumnTokens;
+    flyout: TimePickerFlyoutTokens;
+    columns: TimePickerColumnsTokens;
+}
+
+export type { TimePickerColumnTokens, TimePickerColumnsTokens, TimePickerFlyoutTokens, TimePickerTokens };

package/dist/types/time-picker-token.types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=time-picker-token.types.js.map

package/dist/types/time-picker-token.types.js.map

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

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

@@ -0,0 +1,27 @@
+type FontWeightNormal = "Montserrat_100Thin" | "Montserrat_200ExtraLight" | "Montserrat_300Light" | "Montserrat_400Regular" | "Montserrat_500Medium" | "Montserrat_600SemiBold" | "Montserrat_700Bold" | "Montserrat_800ExtraBold" | "Montserrat_900Black";
+type FontWeightItalic = "Montserrat_100Thin_Italic" | "Montserrat_200ExtraLight_Italic" | "Montserrat_300Light_Italic" | "Montserrat_400Regular_Italic" | "Montserrat_500Medium_Italic" | "Montserrat_600SemiBold_Italic" | "Montserrat_700Bold_Italic" | "Montserrat_800ExtraBold_Italic" | "Montserrat_900Black_Italic";
+type FontWeightValue = 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900;
+type SpaceSizesKey = "none" | "xxs" | "xs" | "mxs" | "sm" | "msm" | "md" | "lg" | "xl" | "xxl";
+type Space = Record<SpaceSizesKey, number>;
+type TypographyKey = "xxs" | "xs" | "xsm" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl" | "huge" | "massive" | "giant" | "colossal";
+type FontSize = Record<TypographyKey, number>;
+type LineHeight = Record<TypographyKey, number>;
+type FontWeightKeys = "thin" | "extraLight" | "light" | "regular" | "medium" | "semiBold" | "bold" | "extraBold" | "black";
+type FontFamily = Record<"normal" | "italic", Record<FontWeightValue, string>>;
+type FontWeight = Record<FontWeightKeys, FontWeightValue>;
+type LetterSpacingKey = "tightest" | "tighter" | "tight" | "normal" | "wide" | "wider" | "widest" | "ultraWide";
+type LetterSpacings = Record<LetterSpacingKey, number>;
+type BorderSizeKey = "sm" | "md" | "lg" | "xl" | "xxl";
+type BorderSize = Record<BorderSizeKey, number>;
+type RadiusKey = "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl" | "round";
+type Radii = Record<RadiusKey, number>;
+type RadiusDrawnKey = "drawn1" | "drawn2" | "drawn3" | "drawn4" | "drawn5" | "drawn6";
+type RadiiDrawn = Record<RadiusDrawnKey, string>;
+type RadiusBlobKey = "blob1" | "blob2" | "blob3" | "blob4" | "blob5";
+type RadiiBlob = Record<RadiusBlobKey, string>;
+type RadiusConditionalKey = "conditional1" | "conditional2" | "conditional3" | "conditional4" | "conditional5" | "conditional6";
+type RadiiConditional = Record<RadiusConditionalKey, string>;
+type NeutralColorKey = "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "13";
+type NeutralColor = Record<NeutralColorKey, string>;
+
+export type { 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 };

package/dist/types/tokens.types.js

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

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

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

package/dist/types/typography.types.d.mts

@@ -0,0 +1,23 @@
+import { TextStyle } from 'react-native';
+import { FontWeightValue } from './tokens.types.mjs';
+
+interface TypographyProps {
+    fontSize?: TextStyle["fontSize"];
+    fontFamily?: TextStyle["fontFamily"];
+    fontWeight?: FontWeightValue;
+    fontVariant?: TextStyle["fontVariant"];
+    fontStyle?: TextStyle["fontStyle"];
+    letterSpacing?: TextStyle["letterSpacing"];
+    lineHeight?: TextStyle["lineHeight"];
+    textAlign?: TextStyle["textAlign"];
+    textDecorationLine?: TextStyle["textDecorationLine"];
+    textDecorationStyle?: TextStyle["textDecorationStyle"];
+    textDecorationColor?: TextStyle["textDecorationColor"];
+    textTransform?: TextStyle["textTransform"];
+    includeFontPadding?: TextStyle["includeFontPadding"];
+    textAlignVertical?: TextStyle["textAlignVertical"];
+    writingDirection?: TextStyle["writingDirection"];
+}
+type TypographyPresetKey = "Master" | "DisplayLarge" | "DisplayMedium" | "DisplaySmall" | "Title1" | "Title2" | "Title3" | "Title4" | "Title5" | "Title6" | "Subtitle1" | "Subtitle2" | "BodyLarge" | "Body" | "BodySmall" | "Caption" | "Label" | "Overline" | "Helper" | "Code" | "Quote" | "Eyebrow";
+
+export type { TypographyPresetKey, TypographyProps };

package/dist/types/typography.types.js

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

package/dist/types/typography.types.js.map

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

package/dist/utils/index.d.mts

@@ -0,0 +1,22 @@
+export { createStyleKey, extractStyleProps, getShadowStyle } from './style.utils.mjs';
+import 'react-native';
+import '../types/shadow.types.mjs';
+import '../types/style.types.mjs';
+import '../types/border.types.mjs';
+import '../types/color.types.mjs';
+import '../types/dimension.types.mjs';
+import '../types/flex.types.mjs';
+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/components.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/select-tokens.types.mjs';
+import '../types/skeleton-tokens.types.mjs';
+import '../types/tag-tokens.types.mjs';
+import '../types/time-picker-token.types.mjs';

package/dist/utils/index.js

@@ -0,0 +1,2 @@
+export * from "./style.utils";
+//# sourceMappingURL=index.js.map

package/dist/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/index.ts"],"sourcesContent":["export * from \"./style.utils\";\r\n"],"mappings":"AAAA,cAAc;","names":[]}

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

@@ -0,0 +1,27 @@
+import { ViewStyle } from 'react-native';
+import { ShadowLevel, ShadowPosition } from '../types/shadow.types.mjs';
+import { StyleProps } from '../types/style.types.mjs';
+import { ThemeColors } from '../types/theme-provider.types.mjs';
+import '../types/border.types.mjs';
+import '../types/color.types.mjs';
+import '../types/dimension.types.mjs';
+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/components.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/select-tokens.types.mjs';
+import '../types/skeleton-tokens.types.mjs';
+import '../types/tag-tokens.types.mjs';
+import '../types/time-picker-token.types.mjs';
+
+declare const extractStyleProps: <Props extends object>(props: Props) => StyleProps;
+declare const createStyleKey: <Props extends object>(props: Props) => string;
+declare const getShadowStyle: (level: ShadowLevel | undefined, position: ShadowPosition | undefined, colors: ThemeColors) => ViewStyle;
+
+export { createStyleKey, extractStyleProps, getShadowStyle };

package/dist/utils/style.utils.js

@@ -0,0 +1,49 @@
+import { Platform } from "react-native";
+import { shadowScale, StylePropsSet } from "../constants";
+const isStylePropKey = (k) => StylePropsSet.has(k);
+const extractStyleProps = (props) => {
+  const style = {};
+  for (const k in props) {
+    if (isStylePropKey(k) && props[k] !== void 0) {
+      style[k] = props[k];
+    }
+  }
+  return style;
+};
+const createStyleKey = (props) => {
+  let key = "";
+  for (const k in props) {
+    if (isStylePropKey(k)) {
+      key += String(props[k]);
+    }
+  }
+  return key;
+};
+const getShadowStyle = (level = "none", position = "bottom", colors) => {
+  const token = shadowScale[level];
+  if (level === "none") return {};
+  if (Platform.OS === "android") {
+    return {
+      elevation: token.elevation
+    };
+  }
+  let offsetY = 0;
+  if (position === "bottom") offsetY = token.radius / 2;
+  if (position === "top") offsetY = -token.radius / 2;
+  if (position === "around") offsetY = 0;
+  return {
+    shadowColor: colors.black,
+    shadowOpacity: token.opacity,
+    shadowRadius: token.radius,
+    shadowOffset: {
+      width: 0,
+      height: offsetY
+    }
+  };
+};
+export {
+  createStyleKey,
+  extractStyleProps,
+  getShadowStyle
+};
+//# sourceMappingURL=style.utils.js.map

package/dist/utils/style.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/style.utils.ts"],"sourcesContent":["import { Platform, ViewStyle } from \"react-native\";\r\n\r\nimport { shadowScale, StylePropsSet } from \"../constants\";\r\nimport {\r\n  ShadowLevel,\r\n  ShadowPosition,\r\n  StylePropKey,\r\n  StyleProps,\r\n  ThemeColors,\r\n} from \"../types\";\r\n\r\nconst isStylePropKey = (k: string): k is StylePropKey =>\r\n  StylePropsSet.has(k as StylePropKey);\r\n\r\nexport const extractStyleProps = <Props extends object>(\r\n  props: Props,\r\n): StyleProps => {\r\n  const style: StyleProps = {};\r\n\r\n  for (const k in props) {\r\n    if (isStylePropKey(k) && props[k] !== undefined) {\r\n      style[k] = props[k] as any;\r\n    }\r\n  }\r\n\r\n  return style;\r\n};\r\n\r\nexport const createStyleKey = <Props extends object>(props: Props) => {\r\n  let key = \"\";\r\n\r\n  for (const k in props) {\r\n    if (isStylePropKey(k)) {\r\n      key += String(props[k as keyof Props]);\r\n    }\r\n  }\r\n\r\n  return key;\r\n};\r\n\r\nexport const getShadowStyle = (\r\n  level: ShadowLevel = \"none\",\r\n  position: ShadowPosition = \"bottom\",\r\n  colors: ThemeColors,\r\n): ViewStyle => {\r\n  const token = shadowScale[level];\r\n\r\n  if (level === \"none\") return {};\r\n\r\n  if (Platform.OS === \"android\") {\r\n    return {\r\n      elevation: token.elevation,\r\n    };\r\n  }\r\n\r\n  let offsetY = 0;\r\n\r\n  if (position === \"bottom\") offsetY = token.radius / 2;\r\n  if (position === \"top\") offsetY = -token.radius / 2;\r\n  if (position === \"around\") offsetY = 0;\r\n\r\n  return {\r\n    shadowColor: colors.black,\r\n    shadowOpacity: token.opacity,\r\n    shadowRadius: token.radius,\r\n    shadowOffset: {\r\n      width: 0,\r\n      height: offsetY,\r\n    },\r\n  };\r\n};\r\n"],"mappings":"AAAA,SAAS,gBAA2B;AAEpC,SAAS,aAAa,qBAAqB;AAS3C,MAAM,iBAAiB,CAAC,MACtB,cAAc,IAAI,CAAiB;AAE9B,MAAM,oBAAoB,CAC/B,UACe;AACf,QAAM,QAAoB,CAAC;AAE3B,aAAW,KAAK,OAAO;AACrB,QAAI,eAAe,CAAC,KAAK,MAAM,CAAC,MAAM,QAAW;AAC/C,YAAM,CAAC,IAAI,MAAM,CAAC;AAAA,IACpB;AAAA,EACF;AAEA,SAAO;AACT;AAEO,MAAM,iBAAiB,CAAuB,UAAiB;AACpE,MAAI,MAAM;AAEV,aAAW,KAAK,OAAO;AACrB,QAAI,eAAe,CAAC,GAAG;AACrB,aAAO,OAAO,MAAM,CAAgB,CAAC;AAAA,IACvC;AAAA,EACF;AAEA,SAAO;AACT;AAEO,MAAM,iBAAiB,CAC5B,QAAqB,QACrB,WAA2B,UAC3B,WACc;AACd,QAAM,QAAQ,YAAY,KAAK;AAE/B,MAAI,UAAU,OAAQ,QAAO,CAAC;AAE9B,MAAI,SAAS,OAAO,WAAW;AAC7B,WAAO;AAAA,MACL,WAAW,MAAM;AAAA,IACnB;AAAA,EACF;AAEA,MAAI,UAAU;AAEd,MAAI,aAAa,SAAU,WAAU,MAAM,SAAS;AACpD,MAAI,aAAa,MAAO,WAAU,CAAC,MAAM,SAAS;AAClD,MAAI,aAAa,SAAU,WAAU;AAErC,SAAO;AAAA,IACL,aAAa,OAAO;AAAA,IACpB,eAAe,MAAM;AAAA,IACrB,cAAc,MAAM;AAAA,IACpB,cAAc;AAAA,MACZ,OAAO;AAAA,MACP,QAAQ;AAAA,IACV;AAAA,EACF;AACF;","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@impulse-ui-native/theme",
-  "version": "2.1.0",
+  "version": "2.1.1",
   "source": "src/index.ts",
   "module": "dist/index.js",
   "types": "dist/index.d.mts",
@@ -17,8 +17,9 @@
     "README.md",
     "LICENSE"
   ],
+  "sideEffects": false,
   "dependencies": {
-    "@impulse-ui-native/core": "2.1.0"
+    "@impulse-ui-native/core": "2.1.1"
   },
   "devDependencies": {
     "@types/react": "~19.2.14",
@@ -27,9 +28,9 @@
     "react": "19.2.3",
     "react-native": "0.86.2",
     "typescript": "~6.0.3",
-    "@impulse-ui-native/prettier-config": "1.0.0",
     "@impulse-ui-native/eslint-config": "1.0.0",
-    "@impulse-ui-native/tsconfig": "1.0.0"
+    "@impulse-ui-native/tsconfig": "1.0.0",
+    "@impulse-ui-native/prettier-config": "1.0.0"
   },
   "peerDependencies": {
     "react": ">=18",