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

package/dist/contexts/ThemeProvider/createTheme.js

@@ -1,271 +0,0 @@
-import t from "deepmerge";
-import { toRem as e, getRootFontSize as T } from "../../helpers/rem.js";
-const n = {
-  gray: {
-    100: "#FFFFFF",
-    200: "#FBFAFA",
-    300: "#F4F4F3",
-    400: "#EAEAEA",
-    500: "#DCDCDC",
-    600: "#BABABC",
-    700: "#919197",
-    800: "#6C6C72",
-    900: "#525257",
-    1e3: "#1C1C1C"
-  },
-  error: {
-    100: "#FFF7F5",
-    500: "#D5351F",
-    800: "#B41D08"
-  },
-  warning: {
-    100: "#FFFAF2",
-    500: "#E9B550",
-    700: "#B88023",
-    800: "#B88023"
-  },
-  success: {
-    100: "#F3FAFB",
-    400: "#2BABAD",
-    500: "#0A8080",
-    800: "#005961"
-  },
-  orange: {
-    800: "#CA464A"
-  }
-}, h = {
-  4: e(4),
-  8: e(8),
-  12: e(12),
-  16: e(16),
-  20: e(20),
-  24: e(24),
-  28: e(28),
-  32: e(32),
-  36: e(36),
-  40: e(40)
-}, u = "6px", l = "200ms", m = ({
-  colors: r = n
-}) => ({
-  font: "Geist",
-  fontSize: {
-    small: e(14),
-    regular: e(16),
-    medium: e(18)
-  },
-  fontWeight: {
-    regular: 400,
-    medium: 500,
-    semibold: 600,
-    bold: 700
-  },
-  textColor: r.gray[1e3],
-  disabledTextColor: r.gray[600],
-  datePickerErrorTextColor: r.gray[100],
-  defaultLineHeight: "1.5rem",
-  headings: {
-    1: e(32),
-    2: e(24),
-    3: e(20),
-    4: e(18),
-    5: e(16),
-    6: e(14)
-  }
-}), S = ({
-  colors: r = n,
-  typography: a = m({ colors: r }),
-  spacing: i = h,
-  radius: g = u,
-  transitionDuration: d = l
-}) => ({
-  focus: {
-    color: r.gray[1e3],
-    borderWidth: "2px"
-  },
-  shadow: {
-    100: "0px 1px 2px 0px rgba(10, 13, 18, 0.05)",
-    200: "0px 4px 6px 0px rgba(28, 28, 28, 0.05), 0px 10px 15px 0px rgba(28, 28, 28, 0.10)"
-  },
-  badge: {
-    fontSize: e(12),
-    fontWeight: a.fontWeight.medium,
-    borderWidth: "1px",
-    borderRadius: e(16),
-    paddingX: e(10),
-    paddingY: e(2),
-    success: {
-      color: r.success[800],
-      backgroundColor: r.success[100],
-      borderColor: r.success[400]
-    }
-  },
-  button: {
-    fontSize: e(14),
-    fontWeight: a.fontWeight.medium,
-    borderWidth: "1px",
-    borderRadius: g,
-    textStyle: "none",
-    paddingX: e(16),
-    paddingY: e(8),
-    primary: {
-      color: r.gray[100],
-      bg: r.gray[1e3],
-      borderColor: r.gray[1e3],
-      hoverBg: r.gray[900],
-      hoverColor: r.gray[100],
-      disabledBg: r.gray[700],
-      focusColor: r.gray[1e3]
-    },
-    secondary: {
-      color: r.gray[1e3],
-      bg: r.gray[100],
-      borderColor: r.gray[500],
-      hoverBg: r.gray[300],
-      hoverColor: r.gray[1e3],
-      disabledBg: r.gray[100],
-      focusColor: r.gray[900]
-    },
-    tertiary: {
-      color: r.gray[1e3],
-      bg: "transparent",
-      borderColor: "transparent",
-      hoverBg: r.gray[200],
-      hoverColor: r.gray[900],
-      disabledBg: r.gray[100],
-      focusColor: r.gray[900]
-    },
-    shadow: "0px 1px 2px rgba(0, 0, 0, 0.1)"
-  },
-  calendarPreview: {
-    primaryHighlight: r.gray[1e3],
-    secondaryHighlight: r.orange[800],
-    lightFont: r.gray[100],
-    darkFont: r.gray[1e3],
-    borderColor: r.gray[600]
-  },
-  card: {
-    borderColor: r.gray[400],
-    dividerColor: r.gray[400],
-    headerTextColor: r.gray[1e3],
-    contentTextColor: r.gray[900],
-    columnTitleColor: r.gray[900],
-    columnTitleFontSize: e(14)
-  },
-  input: {
-    fontSize: e(14),
-    radius: e(8),
-    textColor: r.gray[1e3],
-    borderWidth: "1px",
-    borderColor: r.gray[500],
-    background: r.gray[100],
-    disabled: {
-      color: r.gray[700],
-      border: r.gray[500],
-      bg: r.gray[200]
-    },
-    hovered: {
-      borderColor: r.gray[1e3]
-    },
-    error: {
-      borderColor: r.error[500]
-    },
-    placeholderColor: r.gray[800],
-    height: e(40),
-    paddingX: e(12),
-    paddingY: e(8),
-    descriptionColor: r.gray[900],
-    disabledColor: r.gray[600],
-    labelFontSize: e(15),
-    labelColor: r.gray[1e3],
-    labelFontWeight: a.fontWeight.medium,
-    adornmentFontSize: e(16),
-    adornmentColor: r.gray[800]
-  },
-  link: {
-    color: r.gray[1e3],
-    decoration: "underline",
-    hoverColor: r.gray[900],
-    hoverDecoration: "underline",
-    pressedColor: r.gray[1e3],
-    currentColor: r.gray[800]
-  },
-  checkbox: {
-    borderColor: r.gray[700],
-    borderWidth: "1px",
-    selectedColor: r.gray[1e3],
-    checkmarkColor: r.gray[100],
-    radius: g,
-    transitionDuration: d,
-    hover: {
-      uncheckedBackground: r.gray[300],
-      uncheckedBorderColor: r.gray[900],
-      checkedBackground: r.gray[900],
-      checkedBorderColor: r.gray[900]
-    },
-    disabled: {
-      borderColor: r.gray[500],
-      background: r.gray[300],
-      checkmarkColor: a.disabledTextColor
-    }
-  },
-  radio: {
-    borderColor: r.gray[700],
-    hoveredBorderColor: r.gray[800],
-    pressedBorderColor: r.gray[1e3],
-    selectedBorderColor: r.gray[1e3],
-    disabledBorderColor: r.gray[500],
-    disabledBackground: r.gray[300],
-    disabledDotColor: a.disabledTextColor,
-    disabledLabelColor: r.gray[600],
-    labelColor: r.gray[1e3],
-    focusRingColor: r.gray[1e3],
-    errorBorderColor: r.error[500],
-    errorLabelColor: r.error[800],
-    borderWidth: "1px",
-    transitionDuration: d
-  },
-  table: {
-    paddingX: e(16),
-    paddingY: e(20),
-    fontSize: e(14),
-    textColor: r.gray[1e3],
-    borderColor: r.gray[500],
-    background: r.gray[100],
-    headerColor: r.gray[800],
-    headerBg: r.gray[200],
-    highlightBg: r.gray[200],
-    highlightFg: r.gray[800],
-    columnWeight: a.fontWeight.regular
-  }
-}), v = (r = {}) => {
-  const {
-    colors: a = {},
-    spacing: i = {},
-    typography: g = {},
-    radius: d,
-    transitionDuration: F,
-    rootFS: x,
-    optionalLabel: B,
-    ...f
-  } = r, o = t(n, a), y = t(h, i), C = t(
-    m({ colors: o }),
-    g
-  ), b = d ?? u, p = F ?? l, k = t(
-    S({ colors: o, typography: C, spacing: y, radius: b, transitionDuration: p }),
-    f
-  );
-  return {
-    spacing: y,
-    typography: C,
-    colors: o,
-    radius: b,
-    rootFS: x ?? T(),
-    optionalLabel: B ?? " (optional)",
-    transitionDuration: p,
-    ...k
-  };
-};
-export {
-  v as createTheme
-};
-//# sourceMappingURL=createTheme.js.map

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' | 'optionalLabel' | '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    optionalLabel: partnerOptionalLabel,\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    optionalLabel: partnerOptionalLabel ?? ' (optional)',\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","partnerOptionalLabel","partnerTheme","merge","componentThemes","getRootFontSize"],"mappings":"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"}

package/dist/types/GTheme.d.ts

@@ -1,255 +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
-  optionalLabel: string //This is a string pulled from translations to indicate (optional) on form elements
-}