@impulse-ui-native/theme 1.0.10 → 2.0.0

package/src/types/style.types.ts

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

package/src/types/theme-provider.types.ts

@@ -1,65 +0,0 @@
-import { DeepPartial } from "@impulse-ui-native/core";
-
-import {
-  BorderSizes,
-  FontSizes,
-  NeutralColors,
-  Radii,
-  Space,
-} from "./tokens.types";
-import {
-  FontWeightKey,
-  TypographyPresetKey,
-  TypographyProps,
-} from "./typography.types";
-
-export interface ThemeContextData {
-  loaded: boolean;
-  theme: AppTheme;
-  components?: DeepPartial<ComponentsThemes>;
-}
-
-export type ColorScheme = "light" | "dark";
-
-export type ThemeColors = {
-  primary: string;
-  secondary: string;
-  neutral: NeutralColors;
-
-  white: string;
-  black: string;
-
-  error: string;
-  warning: string;
-  success: string;
-  info: string;
-
-  text: {
-    primary: string;
-    secondary: string;
-  };
-
-  background: {
-    primary: string;
-    secondary: string;
-  };
-} & ExtendedThemeColors;
-
-export interface ExtendedThemeColors {}
-
-export interface ComponentsThemes {
-  typography: Record<TypographyPresetKey, TypographyProps>;
-}
-
-export interface AppTheme {
-  colors: ThemeColors;
-  spacing: Space;
-  radii: Radii;
-  borderSize: BorderSizes;
-  fontWeights: Record<"normal" | "italic", Record<FontWeightKey, string>>;
-  fontSize: FontSizes;
-}
-
-export type CustomComponentsTheme =
-  | ((theme: AppTheme) => DeepPartial<ComponentsThemes>)
-  | DeepPartial<ComponentsThemes>;

package/src/types/tokens.types.ts

@@ -1,88 +0,0 @@
-import { DimensionValue } from "react-native";
-
-export type SpaceSizesKeys =
-  | "none"
-  | "auto"
-  | "xxs"
-  | "xs"
-  | "mxs"
-  | "sm"
-  | "msm"
-  | "md"
-  | "lg"
-  | "xl"
-  | "xxl";
-export type Space = Record<SpaceSizesKeys, DimensionValue>;
-
-export type FontSizesKeys =
-  | "xxs"
-  | "xs"
-  | "xsm"
-  | "sm"
-  | "md"
-  | "lg"
-  | "xl"
-  | "xxl"
-  | "xxxl"
-  | "huge"
-  | "massive";
-export type FontSizes = Record<FontSizesKeys, number>;
-
-export type LineHeightKeys = "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl";
-export type LineHeights = Record<LineHeightKeys, string>;
-
-export type LetterSpacingKey =
-  | "tightest"
-  | "tighter"
-  | "tight"
-  | "normal"
-  | "wide"
-  | "wider"
-  | "widest"
-  | "ultraWide";
-export type LetterSpacings = Record<LetterSpacingKey, number>;
-
-export type BorderSizeKey = "sm" | "md" | "lg" | "xl" | "xxl";
-export type BorderSizes = Record<BorderSizeKey, number>;
-
-export type RadiusKey = "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl" | "round";
-export type Radii = Record<RadiusKey, number>;
-
-export type RadiusDrawnKey =
-  | "drawn1"
-  | "drawn2"
-  | "drawn3"
-  | "drawn4"
-  | "drawn5"
-  | "drawn6";
-export type RadiiDrawn = Record<RadiusDrawnKey, string>;
-
-export type RadiusBlobKey = "blob1" | "blob2" | "blob3" | "blob4" | "blob5";
-export type RadiiBlob = Record<RadiusBlobKey, string>;
-
-export type RadiusConditionalKey =
-  | "conditional1"
-  | "conditional2"
-  | "conditional3"
-  | "conditional4"
-  | "conditional5"
-  | "conditional6";
-export type RadiiConditional = Record<RadiusConditionalKey, string>;
-
-export type NeutralColorKey =
-  | "0"
-  | "1"
-  | "2"
-  | "3"
-  | "4"
-  | "5"
-  | "6"
-  | "7"
-  | "8"
-  | "9"
-  | "10"
-  | "11"
-  | "12"
-  | "13";
-
-export type NeutralColors = Record<NeutralColorKey, string>;

package/src/types/typography.types.ts

@@ -1,66 +0,0 @@
-import { TextStyle } from "react-native";
-
-export type TypographyProps = {
-  fontSize?: TextStyle["fontSize"];
-  fontFamily?: TextStyle["fontFamily"];
-  fontWeight?: FontWeightKey;
-  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"]; // Android only
-  textAlignVertical?: TextStyle["textAlignVertical"]; // Android only
-  writingDirection?: TextStyle["writingDirection"];
-};
-
-export 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 FontWeightNormal =
-  | "Montserrat_100Thin"
-  | "Montserrat_200ExtraLight"
-  | "Montserrat_300Light"
-  | "Montserrat_400Regular"
-  | "Montserrat_500Medium"
-  | "Montserrat_600SemiBold"
-  | "Montserrat_700Bold"
-  | "Montserrat_800ExtraBold"
-  | "Montserrat_900Black";
-
-export 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";
-
-export type FontWeightKey = 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900;

package/src/utils/index.ts

@@ -1 +0,0 @@
-export * from './style.utils';

package/src/utils/style.utils.ts

@@ -1,31 +0,0 @@
-import { StylePropsSet } from '../constants';
-import { StylePropKey, StyleProps } from '../types';
-
-const isStylePropKey = (k: string): k is StylePropKey =>
-  StylePropsSet.has(k as StylePropKey);
-
-export const extractStyleProps = <Props extends object>(
-  props: Props
-): StyleProps => {
-  const style: StyleProps = {};
-  
-  for (const k in props) {
-    if (isStylePropKey(k) && props[k] !== undefined) {
-      style[k] = props[k] as any;
-    }
-  }
-  
-  return style;
-};
-
-export const createStyleKey = <Props extends object>(props: Props) => {
-  let key = '';
-
-  for (const k in props) {
-    if (isStylePropKey(k)) {
-      key += String(props[k as keyof Props]);
-    }
-  }
-  
-  return key;
-};