@gusto/embedded-react-sdk 0.11.2 → 0.11.3-rc.1

package/dist/contexts/ThemeProvider/createTheme.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"createTheme.js","sources":["../../../src/contexts/ThemeProvider/createTheme.ts"],"sourcesContent":["import merge from 'deepmerge'\nimport type {\n  GTheme,\n  GThemeColors,\n  GThemeSpacing,\n  GThemeRadius,\n  GThemeTypography,\n  GThemeTransitionDuration,\n} from '@/types/GTheme'\nimport type { DeepPartial } from '@/types/Helpers'\nimport { toRem, getRootFontSize } from '@/helpers/rem'\n\n/**\n * NOTE: This is not final shape of the theme object - this will be established when we have designs\n */\n\nconst defaultColors: GThemeColors = {\n  gray: {\n    100: '#FFFFFF',\n    200: '#FBFAFA',\n    300: '#F4F4F3',\n    400: '#EAEAEA',\n    500: '#DCDCDC',\n    600: '#BABABC',\n    700: '#919197',\n    800: '#6C6C72',\n    900: '#525257',\n    1000: '#1C1C1C',\n  },\n  error: {\n    100: '#FFF7F5',\n    500: '#D5351F',\n    800: '#B41D08',\n  },\n  warning: {\n    100: '#FFFAF2',\n    500: '#E9B550',\n    700: '#B88023',\n    800: '#B88023',\n  },\n  success: {\n    100: '#F3FAFB',\n    400: '#2BABAD',\n    500: '#0A8080',\n    800: '#005961',\n  },\n  orange: {\n    800: '#CA464A',\n  },\n}\n\nconst defaultSpacing: GThemeSpacing = {\n  4: toRem(4),\n  8: toRem(8),\n  12: toRem(12),\n  16: toRem(16),\n  20: toRem(20),\n  24: toRem(24),\n  28: toRem(28),\n  32: toRem(32),\n  36: toRem(36),\n  40: toRem(40),\n}\n\nconst defaultRadius = '6px'\nconst defaultTransitionDuration = '200ms'\n\nconst createTypographyTheme = ({\n  colors = defaultColors,\n}: {\n  colors?: GThemeColors\n}): GThemeTypography => ({\n  font: 'Geist',\n  fontSize: {\n    small: toRem(14),\n    regular: toRem(16),\n    medium: toRem(18),\n  },\n  fontWeight: {\n    regular: 400,\n    medium: 500,\n    semibold: 600,\n    bold: 700,\n  },\n  textColor: colors.gray[1000],\n  disabledTextColor: colors.gray[600],\n  datePickerErrorTextColor: colors.gray[100],\n  defaultLineHeight: '1.5rem',\n  headings: {\n    1: toRem(32),\n    2: toRem(24),\n    3: toRem(20),\n    4: toRem(18),\n    5: toRem(16),\n    6: toRem(14),\n  },\n})\n\ntype ComponentThemes = Omit<\n  GTheme,\n  'colors' | 'spacing' | 'typography' | 'radius' | 'rootFS' | 'transitionDuration'\n>\n\nconst createComponentThemes = ({\n  colors = defaultColors,\n  typography = createTypographyTheme({ colors }),\n  spacing = defaultSpacing,\n  radius = defaultRadius,\n  transitionDuration = defaultTransitionDuration,\n}: {\n  colors?: GThemeColors\n  typography?: GThemeTypography\n  spacing?: GThemeSpacing\n  radius?: GThemeRadius\n  transitionDuration?: GThemeTransitionDuration\n}): ComponentThemes => ({\n  focus: {\n    color: colors.gray[1000],\n    borderWidth: '2px',\n  },\n  shadow: {\n    100: '0px 1px 2px 0px rgba(10, 13, 18, 0.05)',\n    200: '0px 4px 6px 0px rgba(28, 28, 28, 0.05), 0px 10px 15px 0px rgba(28, 28, 28, 0.10)',\n  },\n  badge: {\n    fontSize: toRem(12),\n    fontWeight: typography.fontWeight.medium,\n    borderWidth: '1px',\n    borderRadius: toRem(16),\n    paddingX: toRem(10),\n    paddingY: toRem(2),\n    success: {\n      color: colors.success[800],\n      backgroundColor: colors.success[100],\n      borderColor: colors.success[400],\n    },\n  },\n  button: {\n    fontSize: toRem(14),\n    fontWeight: typography.fontWeight.medium,\n    borderWidth: '1px',\n    borderRadius: radius,\n    textStyle: 'none',\n    paddingX: toRem(16),\n    paddingY: toRem(8),\n    primary: {\n      color: colors.gray[100],\n      bg: colors.gray[1000],\n      borderColor: colors.gray[1000],\n      hoverBg: colors.gray[900],\n      hoverColor: colors.gray[100],\n      disabledBg: colors.gray[700],\n      focusColor: colors.gray[1000],\n    },\n    secondary: {\n      color: colors.gray[1000],\n      bg: colors.gray[100],\n      borderColor: colors.gray[500],\n      hoverBg: colors.gray[300],\n      hoverColor: colors.gray[1000],\n      disabledBg: colors.gray[100],\n      focusColor: colors.gray[900],\n    },\n    tertiary: {\n      color: colors.gray[1000],\n      bg: 'transparent',\n      borderColor: 'transparent',\n      hoverBg: colors.gray[200],\n      hoverColor: colors.gray[900],\n      disabledBg: colors.gray[100],\n      focusColor: colors.gray[900],\n    },\n    shadow: '0px 1px 2px rgba(0, 0, 0, 0.1)',\n  },\n  calendarPreview: {\n    primaryHighlight: colors.gray[1000],\n    secondaryHighlight: colors.orange[800],\n    lightFont: colors.gray[100],\n    darkFont: colors.gray[1000],\n    borderColor: colors.gray[600],\n  },\n  card: {\n    borderColor: colors.gray[400],\n    dividerColor: colors.gray[400],\n    headerTextColor: colors.gray[1000],\n    contentTextColor: colors.gray[900],\n    columnTitleColor: colors.gray[900],\n    columnTitleFontSize: toRem(14),\n  },\n  input: {\n    fontSize: toRem(14),\n    radius: toRem(8),\n    textColor: colors.gray[1000],\n    borderWidth: '1px',\n    borderColor: colors.gray[500],\n    background: colors.gray[100],\n    disabled: {\n      color: colors.gray[700],\n      border: colors.gray[500],\n      bg: colors.gray[200],\n    },\n    hovered: {\n      borderColor: colors.gray[1000],\n    },\n    error: {\n      borderColor: colors.error[500],\n    },\n    placeholderColor: colors.gray[800],\n    height: toRem(40),\n    paddingX: toRem(12),\n    paddingY: toRem(8),\n    descriptionColor: colors.gray[900],\n    disabledColor: colors.gray[600],\n    labelFontSize: toRem(15),\n    labelColor: colors.gray[1000],\n    labelFontWeight: typography.fontWeight.medium,\n    adornmentFontSize: toRem(16),\n    adornmentColor: colors.gray[800],\n  },\n  link: {\n    color: colors.gray[1000],\n    decoration: 'underline',\n    hoverColor: colors.gray[900],\n    hoverDecoration: 'underline',\n    pressedColor: colors.gray[1000],\n    currentColor: colors.gray[800],\n  },\n  checkbox: {\n    borderColor: colors.gray[700],\n    borderWidth: '1px',\n    selectedColor: colors.gray[1000],\n    checkmarkColor: colors.gray[100],\n    radius,\n    transitionDuration,\n    hover: {\n      uncheckedBackground: colors.gray[300],\n      uncheckedBorderColor: colors.gray[900],\n      checkedBackground: colors.gray[900],\n      checkedBorderColor: colors.gray[900],\n    },\n    disabled: {\n      borderColor: colors.gray[500],\n      background: colors.gray[300],\n      checkmarkColor: typography.disabledTextColor,\n    },\n  },\n  radio: {\n    borderColor: colors.gray[700],\n    hoveredBorderColor: colors.gray[800],\n    pressedBorderColor: colors.gray[1000],\n    selectedBorderColor: colors.gray[1000],\n    disabledBorderColor: colors.gray[500],\n    disabledBackground: colors.gray[300],\n    disabledDotColor: typography.disabledTextColor,\n    disabledLabelColor: colors.gray[600],\n    labelColor: colors.gray[1000],\n    focusRingColor: colors.gray[1000],\n    errorBorderColor: colors.error[500],\n    errorLabelColor: colors.error[800],\n    borderWidth: '1px',\n    transitionDuration,\n  },\n  table: {\n    paddingX: toRem(16),\n    paddingY: toRem(20),\n    fontSize: toRem(14),\n    textColor: colors.gray[1000],\n    borderColor: colors.gray[500],\n    background: colors.gray[100],\n    headerColor: colors.gray[800],\n    headerBg: colors.gray[200],\n    highlightBg: colors.gray[200],\n    highlightFg: colors.gray[800],\n    columnWeight: typography.fontWeight.regular,\n  },\n})\n\n//Note: when specifying rem values, we will need to be using getRootFontSize for proper conversion\nexport const createTheme = (overrides: DeepPartial<GTheme> = {}) => {\n  const {\n    colors: partnerColors = {},\n    spacing: partnerSpacing = {},\n    typography: partnerTypography = {},\n    radius: partnerRadius,\n    transitionDuration: partnerTransitionDuration,\n    rootFS: partnerRootFS,\n    ...partnerTheme\n  } = overrides\n\n  const colors = merge<GThemeColors, DeepPartial<GThemeColors>>(defaultColors, partnerColors)\n  const spacing = merge<GThemeSpacing, DeepPartial<GThemeSpacing>>(defaultSpacing, partnerSpacing)\n  const typography = merge<GThemeTypography, DeepPartial<GThemeTypography>>(\n    createTypographyTheme({ colors }),\n    partnerTypography,\n  )\n  const radius = partnerRadius ?? defaultRadius\n  const transitionDuration = partnerTransitionDuration ?? defaultTransitionDuration\n\n  const componentThemes = merge<ComponentThemes, DeepPartial<ComponentThemes>>(\n    createComponentThemes({ colors, typography, spacing, radius, transitionDuration }),\n    partnerTheme,\n  )\n\n  return {\n    spacing,\n    typography,\n    colors,\n    radius,\n    rootFS: partnerRootFS ?? getRootFontSize(),\n    transitionDuration,\n    ...componentThemes,\n  } satisfies GTheme\n}\n"],"names":["defaultColors","defaultSpacing","toRem","defaultRadius","defaultTransitionDuration","createTypographyTheme","colors","createComponentThemes","typography","spacing","radius","transitionDuration","createTheme","overrides","partnerColors","partnerSpacing","partnerTypography","partnerRadius","partnerTransitionDuration","partnerRootFS","partnerTheme","merge","componentThemes","getRootFontSize"],"mappings":"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"}

package/dist/types/GTheme.d.ts

@@ -1,254 +0,0 @@
-type RGB = `rgb(${string})`
-type RGBA = `rgba(${string})`
-type HEX = `#${string}`
-type HSL = `hsl(${string})`
-type HSLA = `hsla(${string})`
-type VAR = `var(${string})`
-
-export type ThemeColor = RGB | RGBA | HEX | HSL | HSLA | VAR | 'transparent'
-
-export interface GThemeSpacing {
-  4: string
-  8: string
-  12: string
-  16: string
-  20: string
-  24: string
-  28: string
-  32: string
-  36: string
-  40: string
-}
-
-export type GThemeRadius = string
-
-export type GThemeTransitionDuration = string
-
-export interface GThemeTypography {
-  font: string
-  textColor: ThemeColor
-  datePickerErrorTextColor: ThemeColor
-  defaultLineHeight: string
-  fontSize: {
-    small: string
-    regular: string
-    medium: string
-  }
-  fontWeight: {
-    regular: number
-    medium: number
-    semibold: number
-    bold: number
-  }
-  disabledTextColor: ThemeColor
-  headings: {
-    1: string
-    2: string
-    3: string
-    4: string
-    5: string
-    6: string
-  }
-}
-export interface GThemeBadge {
-  success: {
-    color: string
-    backgroundColor: string
-    borderColor: string
-  }
-  fontSize: string
-  fontWeight: number
-  borderWidth: string
-  borderRadius: string
-  paddingX: string
-  paddingY: string
-}
-
-export interface GThemeCalendarPreview {
-  primaryHighlight: string
-  secondaryHighlight: string
-  lightFont: string
-  darkFont: string
-  borderColor: string
-}
-
-export interface GThemeCard {
-  borderColor: string
-  dividerColor: string
-  headerTextColor: string
-  contentTextColor: string
-  columnTitleColor: string
-  columnTitleFontSize: string
-}
-
-export interface GThemeColors {
-  gray: {
-    100: ThemeColor
-    200: ThemeColor
-    300: ThemeColor
-    400: ThemeColor
-    500: ThemeColor
-    600: ThemeColor
-    700: ThemeColor
-    800: ThemeColor
-    900: ThemeColor
-    1000: ThemeColor
-  }
-  error: {
-    100: ThemeColor
-    500: ThemeColor
-    800: ThemeColor
-  }
-  warning: {
-    100: ThemeColor
-    500: ThemeColor
-    700: ThemeColor
-    800: ThemeColor
-  }
-  success: {
-    100: ThemeColor
-    400: ThemeColor
-    500: ThemeColor
-    800: ThemeColor
-  }
-  orange: {
-    800: ThemeColor
-  }
-}
-export interface GThemeFocus {
-  color: ThemeColor
-  borderWidth: string
-}
-export interface GThemeShadow {
-  100: string
-  200: string
-}
-export interface GThemeTable {
-  paddingX: string
-  paddingY: string
-  fontSize: string
-  headerColor: string
-  headerBg: string
-  columnWeight: number
-  borderColor: string
-  background: string
-  highlightBg: string
-  highlightFg: string
-  textColor: string
-}
-export interface GThemeInput {
-  fontSize: string
-  radius: string
-  textColor: ThemeColor
-  borderColor: ThemeColor
-  borderWidth: string
-  background: string
-  paddingX: string
-  paddingY: string
-  height: string
-  labelFontSize: string
-  labelColor: ThemeColor
-  labelFontWeight: number
-  disabled: {
-    color: ThemeColor
-    border: ThemeColor
-    bg: ThemeColor
-  }
-  hovered: {
-    borderColor: ThemeColor
-  }
-  error: {
-    borderColor: ThemeColor
-  }
-  placeholderColor: ThemeColor
-  descriptionColor: ThemeColor
-  disabledColor: ThemeColor
-  adornmentFontSize: string
-  adornmentColor: ThemeColor
-}
-export interface GThemeLink {
-  color: ThemeColor
-  decoration: string
-  hoverColor: ThemeColor
-  hoverDecoration: string
-  pressedColor: string
-  currentColor: ThemeColor
-}
-type GThemeButtonVariant = {
-  color: ThemeColor
-  bg: ThemeColor
-  borderColor: ThemeColor
-  hoverBg: ThemeColor
-  hoverColor: ThemeColor
-  disabledBg: ThemeColor
-  focusColor: ThemeColor
-}
-export interface GThemeButton {
-  fontSize: string
-  fontWeight: number
-  borderWidth: string
-  borderRadius: string
-  textStyle: 'uppercase' | 'none' | 'capitalize' | 'lowercase'
-  paddingX: string
-  paddingY: string
-  shadow: string
-  primary: GThemeButtonVariant
-  secondary: GThemeButtonVariant
-  tertiary: GThemeButtonVariant
-}
-
-export interface GThemeRadio {
-  borderColor: ThemeColor
-  hoveredBorderColor: ThemeColor
-  pressedBorderColor: ThemeColor
-  selectedBorderColor: ThemeColor
-  disabledBorderColor: ThemeColor
-  disabledBackground: ThemeColor
-  disabledDotColor: ThemeColor
-  disabledLabelColor: ThemeColor
-  labelColor: ThemeColor
-  focusRingColor: ThemeColor
-  errorBorderColor: ThemeColor
-  errorLabelColor: ThemeColor
-  borderWidth: string
-  transitionDuration: GThemeTransitionDuration
-}
-export interface GThemeCheckbox {
-  borderColor: ThemeColor
-  borderWidth: string
-  selectedColor: ThemeColor
-  checkmarkColor: ThemeColor
-  radius: GThemeRadius
-  transitionDuration: GThemeTransitionDuration
-  hover: {
-    uncheckedBackground: ThemeColor
-    uncheckedBorderColor: ThemeColor
-    checkedBackground: ThemeColor
-    checkedBorderColor: ThemeColor
-  }
-  disabled: {
-    borderColor: ThemeColor
-    background: ThemeColor
-    checkmarkColor: ThemeColor
-  }
-}
-
-export interface GTheme {
-  rootFS: string
-  colors: GThemeColors
-  focus: GThemeFocus
-  shadow: GThemeShadow
-  spacing: GThemeSpacing
-  radius: GThemeRadius
-  transitionDuration: GThemeTransitionDuration
-  typography: GThemeTypography
-  input: GThemeInput
-  button: GThemeButton
-  radio: GThemeRadio
-  checkbox: GThemeCheckbox
-  table: GThemeTable
-  calendarPreview: GThemeCalendarPreview
-  card: GThemeCard
-  link: GThemeLink
-  badge: GThemeBadge
-}