@cuemath/leap 3.0.7-hg1 → 3.0.7-hg2

package/dist/features/ui/tag/tag-styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tag-styled.js","sources":["../../../../src/features/ui/tag/tag-styled.tsx"],"sourcesContent":["import type { TColorNames } from '../types';\n\nimport styled from 'styled-components';\n\nconst Wrapper = styled.div<{\n  $backgroundColor: TColorNames;\n}>(({ $backgroundColor, theme }) => {\n  const {\n    colors,\n    layout: { gutter },\n  } = theme;\n\n  return `\n  display: flex;\n  padding: ${gutter * 0.25}px ${gutter * 0.375}px;\n  align-items: center;\n  gap: ${gutter * 0.5}px;\n  width: fit-content;\n  border-radius: ${gutter / 4}px;\n  background-color: ${colors[$backgroundColor]};\n`;\n});\n\nexport { Wrapper };\n"],"names":["Wrapper","styled","$backgroundColor","theme","colors","gutter"],"mappings":";AAIA,MAAMA,IAAUC,EAAO,IAEpB,CAAC,EAAE,kBAAAC,GAAkB,OAAAC,QAAY;AAC5B,QAAA;AAAA,IACJ,QAAAC;AAAA,IACA,QAAQ,EAAE,QAAAC,EAAO;AAAA,EACf,IAAAF;AAEG,SAAA;AAAA;AAAA,aAEIE,IAAS,IAAI,MAAMA,IAAS,KAAK;AAAA;AAAA,SAErCA,IAAS,GAAG;AAAA;AAAA,mBAEFA,IAAS,CAAC;AAAA,sBACPD,EAAOF,CAAgB,CAAC;AAAA;AAE9C,CAAC;"}

package/dist/features/ui/tag/tag.js

@@ -0,0 +1,8 @@
+import { jsx as r } from "react/jsx-runtime";
+import n from "../text/text.js";
+import { Wrapper as a } from "./tag-styled.js";
+const c = ({ text: o, backgroundColor: e, textColor: t }) => /* @__PURE__ */ r(a, { $backgroundColor: e, children: /* @__PURE__ */ r(n, { $renderAs: "body3", $color: t, children: o }) }), i = c;
+export {
+  i as default
+};
+//# sourceMappingURL=tag.js.map

package/dist/features/ui/tag/tag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tag.js","sources":["../../../../src/features/ui/tag/tag.tsx"],"sourcesContent":["import type { ITagProps } from './tag-types';\n\nimport Text from '../text/text';\nimport * as Styled from './tag-styled';\n\nconst Tag: React.FC<ITagProps> = ({ text, backgroundColor, textColor }) => {\n  return (\n    <Styled.Wrapper $backgroundColor={backgroundColor}>\n      <Text $renderAs=\"body3\" $color={textColor}>\n        {text}\n      </Text>\n    </Styled.Wrapper>\n  );\n};\n\nexport default Tag;\n"],"names":["Tag","text","backgroundColor","textColor","jsx","Styled.Wrapper","Text","Tag$1"],"mappings":";;;AAKA,MAAMA,IAA2B,CAAC,EAAE,MAAAC,GAAM,iBAAAC,GAAiB,WAAAC,QAEtD,gBAAAC,EAAAC,GAAA,EAAe,kBAAkBH,GAChC,UAAC,gBAAAE,EAAAE,GAAA,EAAK,WAAU,SAAQ,QAAQH,GAC7B,aACH,EACF,CAAA,GAIJI,IAAeP;"}

package/dist/features/ui/text/text.js

@@ -0,0 +1,50 @@
+import k from "styled-components";
+const x = k.div(
+  ({
+    theme: f,
+    $renderAs: c,
+    $color: n,
+    $align: y = "left",
+    $width: t,
+    $widthX: o,
+    $marginBottom: e,
+    $marginBottomX: i,
+    $alignSelf: l,
+    $opacity: u = 1,
+    $inline: m,
+    $textDecoration: p,
+    $whiteSpace: $
+  }) => {
+    const { text: b, colors: r, layout: a } = f, {
+      fontFamily: g,
+      fontSize: d,
+      lineHeight: T,
+      letterSpacing: s,
+      textTransform: h = "none"
+    } = b[c];
+    return `
+      display: ${m ? "inline-block" : "block"};
+      font-family: ${g};
+      font-size: ${d}px;
+      text-align: ${y};
+      line-height: ${T}px;
+      text-transform: ${h};
+      ${typeof s == "number" ? `letter-spacing: ${s}px;` : ""}
+      color: ${n ? r[n] : r.BLACK};
+      opacity: ${u};
+      width: ${t ? `${t}` : "auto"}${typeof t == "number" ? "px" : ""};
+      ${o ? `width: ${o * a.gutter}px;` : ""}
+      margin-bottom: ${e ? `${e}` : "initial"}${typeof e == "number" ? "px" : ""};
+      ${i ? `margin-bottom: ${i * a.gutter}px;` : ""}
+      ${l ? `align-self: ${l};` : ""}
+      ${p ? `text-decoration: ${p};` : ""}
+      ${$ ? `white-space: ${$};` : ""}
+    `;
+  }
+);
+x.displayName = "Text";
+const v = x;
+export {
+  v as default
+};
+//# sourceMappingURL=text.js.map

package/dist/features/ui/text/text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.js","sources":["../../../../src/features/ui/text/text.tsx"],"sourcesContent":["import type { TColorNames, TTextVariants } from '../types';\n\nimport styled from 'styled-components';\n\nexport interface TextProps {\n  $renderAs: TTextVariants;\n  $color?: TColorNames;\n  $align?: 'auto' | 'left' | 'right' | 'center' | 'justify';\n  $alignSelf?: 'auto' | 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'stretch';\n  $opacity?: number | undefined;\n  $width?: number | string;\n  $widthX?: number;\n  $marginBottom?: number;\n  $marginBottomX?: number;\n  $inline?: boolean;\n  $textDecoration?: string;\n  $whiteSpace?: 'pre-line' | 'normal' | 'pre-wrap' | 'no-wrap' | 'pre' | 'break-spaces';\n}\n\n/**\n * @param $renderAs - The text variant to render as (ah1-ah4, ab1-ab3, ac1-ac4, ub1-ub3), anything else is deprecated\n */\nconst Text = styled.div<TextProps>(\n  ({\n    theme,\n    $renderAs,\n    $color,\n    $align = 'left',\n    $width,\n    $widthX,\n    $marginBottom,\n    $marginBottomX,\n    $alignSelf,\n    $opacity = 1,\n    $inline,\n    $textDecoration,\n    $whiteSpace,\n  }) => {\n    const { text, colors, layout } = theme;\n    const {\n      fontFamily,\n      fontSize,\n      lineHeight,\n      letterSpacing,\n      textTransform = 'none',\n    } = text[$renderAs];\n\n    return `\n      display: ${$inline ? 'inline-block' : 'block'};\n      font-family: ${fontFamily};\n      font-size: ${fontSize}px;\n      text-align: ${$align};\n      line-height: ${lineHeight}px;\n      text-transform: ${textTransform};\n      ${typeof letterSpacing === 'number' ? `letter-spacing: ${letterSpacing}px;` : ''}\n      color: ${$color ? colors[$color] : colors.BLACK};\n      opacity: ${$opacity};\n      width: ${$width ? `${$width}` : 'auto'}${typeof $width === 'number' ? 'px' : ''};\n      ${$widthX ? `width: ${$widthX * layout.gutter}px;` : ''}\n      margin-bottom: ${$marginBottom ? `${$marginBottom}` : 'initial'}${\n        typeof $marginBottom === 'number' ? 'px' : ''\n      };\n      ${$marginBottomX ? `margin-bottom: ${$marginBottomX * layout.gutter}px;` : ''}\n      ${$alignSelf ? `align-self: ${$alignSelf};` : ''}\n      ${$textDecoration ? `text-decoration: ${$textDecoration};` : ''}\n      ${$whiteSpace ? `white-space: ${$whiteSpace};` : ''}\n    `;\n  },\n);\n\nText.displayName = 'Text';\n\nexport default Text;\n"],"names":["Text","styled","theme","$renderAs","$color","$align","$width","$widthX","$marginBottom","$marginBottomX","$alignSelf","$opacity","$inline","$textDecoration","$whiteSpace","text","colors","layout","fontFamily","fontSize","lineHeight","letterSpacing","textTransform","Text$1"],"mappings":";AAsBA,MAAMA,IAAOC,EAAO;AAAA,EAClB,CAAC;AAAA,IACC,OAAAC;AAAA,IACA,WAAAC;AAAA,IACA,QAAAC;AAAA,IACA,QAAAC,IAAS;AAAA,IACT,QAAAC;AAAA,IACA,SAAAC;AAAA,IACA,eAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,SAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,aAAAC;AAAA,EAAA,MACI;AACJ,UAAM,EAAE,MAAAC,GAAM,QAAAC,GAAQ,QAAAC,EAAA,IAAWf,GAC3B;AAAA,MACJ,YAAAgB;AAAA,MACA,UAAAC;AAAA,MACA,YAAAC;AAAA,MACA,eAAAC;AAAA,MACA,eAAAC,IAAgB;AAAA,IAAA,IACdP,EAAKZ,CAAS;AAEX,WAAA;AAAA,iBACMS,IAAU,iBAAiB,OAAO;AAAA,qBAC9BM,CAAU;AAAA,mBACZC,CAAQ;AAAA,oBACPd,CAAM;AAAA,qBACLe,CAAU;AAAA,wBACPE,CAAa;AAAA,QAC7B,OAAOD,KAAkB,WAAW,mBAAmBA,CAAa,QAAQ,EAAE;AAAA,eACvEjB,IAASY,EAAOZ,CAAM,IAAIY,EAAO,KAAK;AAAA,iBACpCL,CAAQ;AAAA,eACVL,IAAS,GAAGA,CAAM,KAAK,MAAM,GAAG,OAAOA,KAAW,WAAW,OAAO,EAAE;AAAA,QAC7EC,IAAU,UAAUA,IAAUU,EAAO,MAAM,QAAQ,EAAE;AAAA,uBACtCT,IAAgB,GAAGA,CAAa,KAAK,SAAS,GAC7D,OAAOA,KAAkB,WAAW,OAAO,EAC7C;AAAA,QACEC,IAAiB,kBAAkBA,IAAiBQ,EAAO,MAAM,QAAQ,EAAE;AAAA,QAC3EP,IAAa,eAAeA,CAAU,MAAM,EAAE;AAAA,QAC9CG,IAAkB,oBAAoBA,CAAe,MAAM,EAAE;AAAA,QAC7DC,IAAc,gBAAgBA,CAAW,MAAM,EAAE;AAAA;AAAA,EAEvD;AACF;AAEAd,EAAK,cAAc;AAEnB,MAAAuB,IAAevB;"}

package/dist/features/ui/theme/arrow-tooltip.js

@@ -0,0 +1,14 @@
+const t = () => ({ tooltipVariants: {
+  primary: {
+    backgroundColorName: "BLACK",
+    textColorName: "WHITE"
+  },
+  secondary: {
+    backgroundColorName: "WHITE",
+    textColorName: "BLACK"
+  }
+} });
+export {
+  t as default
+};
+//# sourceMappingURL=arrow-tooltip.js.map

package/dist/features/ui/theme/arrow-tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"arrow-tooltip.js","sources":["../../../../src/features/ui/theme/arrow-tooltip.ts"],"sourcesContent":["import type { TArrowTooltipConfig, TArrowTooltipVariants } from '../types';\n\ninterface IGetArrowTooltipConfig {\n  (): {\n    tooltipVariants: Record<TArrowTooltipVariants, TArrowTooltipConfig>;\n  };\n}\n\nconst getArrowTooltipConfig: IGetArrowTooltipConfig = () => {\n  const tooltipVariants: Record<TArrowTooltipVariants, TArrowTooltipConfig> = {\n    primary: {\n      backgroundColorName: 'BLACK',\n      textColorName: 'WHITE',\n    },\n    secondary: {\n      backgroundColorName: 'WHITE',\n      textColorName: 'BLACK',\n    },\n  };\n\n  return { tooltipVariants };\n};\n\nexport default getArrowTooltipConfig;\n"],"names":["getArrowTooltipConfig"],"mappings":"AAQA,MAAMA,IAAgD,OAY7C,EAAE,iBAXmE;AAAA,EAC1E,SAAS;AAAA,IACP,qBAAqB;AAAA,IACrB,eAAe;AAAA,EACjB;AAAA,EACA,WAAW;AAAA,IACT,qBAAqB;AAAA,IACrB,eAAe;AAAA,EACjB;AAAA,EAGuB;"}

package/dist/features/ui/theme/button.js

@@ -0,0 +1,239 @@
+const e = (i) => ({ sizes: {
+  xsmall: {
+    height: i * 2,
+    paddingHorizontal: i * 1.375,
+    textVariant: "ub3-bold",
+    borderWidth: 1,
+    iconSize: i,
+    iconPadding: i * 0.25,
+    loaderSize: i * 1.25
+  },
+  small: {
+    height: i * 2.5,
+    paddingHorizontal: i * 1.625,
+    textVariant: "ub2-bold",
+    borderWidth: 1,
+    iconSize: i * 1.25,
+    iconPadding: i * 0.375,
+    loaderSize: i * 1.5
+  },
+  regular: {
+    height: i * 3,
+    paddingHorizontal: i * 1.875,
+    textVariant: "ub1-bold",
+    borderWidth: 1,
+    iconSize: i * 1.5,
+    iconPadding: i * 0.5,
+    loaderSize: i * 1.75
+  },
+  medium: {
+    height: i * 3.5,
+    paddingHorizontal: i * 2.125,
+    textVariant: "ub1-bold",
+    borderWidth: 1.5,
+    iconSize: i * 1.5,
+    iconPadding: i * 0.5,
+    loaderSize: i * 2
+  },
+  large: {
+    height: i * 4,
+    paddingHorizontal: i * 2.375,
+    textVariant: "ub1-bold",
+    borderWidth: 2,
+    iconSize: i * 1.5,
+    iconPadding: i * 0.5,
+    loaderSize: i * 2.25
+  }
+}, variants: {
+  primary: {
+    backgroundColorName: {
+      inactive: "YELLOW_4",
+      active: "BLACK",
+      disabled: "GREY_3"
+    },
+    colorName: {
+      inactive: "BLACK",
+      active: "WHITE",
+      disabled: "BLACK"
+    },
+    borderColorName: {
+      inactive: "BLACK",
+      active: "BLACK",
+      disabled: "GREY_3"
+    }
+  },
+  secondary: {
+    backgroundColorName: {
+      inactive: "WHITE",
+      active: "BLACK",
+      disabled: "GREY_3"
+    },
+    colorName: {
+      inactive: "BLACK",
+      active: "WHITE",
+      disabled: "BLACK"
+    },
+    borderColorName: {
+      inactive: "BLACK",
+      active: "BLACK",
+      disabled: "GREY_3"
+    }
+  },
+  tertiary: {
+    backgroundColorName: {
+      inactive: "RED",
+      active: "BLACK",
+      disabled: "GREY_3"
+    },
+    colorName: {
+      inactive: "WHITE",
+      active: "WHITE",
+      disabled: "BLACK"
+    },
+    borderColorName: {
+      inactive: "BLACK",
+      active: "BLACK",
+      disabled: "GREY_3"
+    }
+  },
+  "secondary-gray": {
+    backgroundColorName: {
+      inactive: "WHITE",
+      active: "WHITE_4",
+      disabled: "GREY_3"
+    },
+    colorName: {
+      inactive: "BLACK",
+      active: "BLACK",
+      disabled: "BLACK"
+    },
+    borderColorName: {
+      inactive: "BLACK",
+      active: "BLACK",
+      disabled: "GREY_3"
+    }
+  },
+  "secondary-dark": {
+    backgroundColorName: {
+      inactive: "WHITE",
+      active: "BLACK",
+      disabled: "WHITE_T_10"
+    },
+    colorName: {
+      inactive: "BLACK",
+      active: "WHITE",
+      disabled: "WHITE_T_38"
+    },
+    borderColorName: {
+      inactive: "WHITE",
+      active: "BLACK",
+      disabled: "WHITE_T_15"
+    }
+  }
+  // 'yellow': {
+  //   backgroundColorName: {
+  //     inactive: 'YELLOW_4',
+  //     active: 'BLACK_4',
+  //     disabled: 'BLACK_T_35',
+  //   },
+  //   borderColorName: {
+  //     inactive: 'BLACK_4',
+  //     active: 'BLACK_4',
+  //     disabled: 'BLACK_T_35',
+  //   },
+  //   colorName: {
+  //     inactive: 'BLACK_4',
+  //     active: 'WHITE_4',
+  //     disabled: 'BLACK_T_35',
+  //   },
+  // },
+  // 'yellow-dark': {
+  //   backgroundColorName: {
+  //     inactive: 'YELLOW_4',
+  //     active: 'WHITE_4',
+  //     disabled: 'WHITE_T_40',
+  //   },
+  //   borderColorName: {
+  //     inactive: 'BLACK_4',
+  //     active: 'BLACK_4',
+  //     disabled: 'WHITE_T_40',
+  //   },
+  //   colorName: {
+  //     inactive: 'BLACK_4',
+  //     active: 'BLACK_4',
+  //     disabled: 'WHITE_T_40',
+  //   },
+  // },
+  // 'white': {
+  //   backgroundColorName: {
+  //     inactive: 'WHITE_1',
+  //     active: 'BLACK_T_35',
+  //     disabled: 'BLACK_T_35',
+  //   },
+  //   borderColorName: {
+  //     inactive: 'BLACK_4',
+  //     active: 'BLACK_4',
+  //     disabled: 'BLACK_T_35',
+  //   },
+  //   colorName: {
+  //     inactive: 'BLACK_4',
+  //     active: 'BLACK_4',
+  //     disabled: 'BLACK_T_35',
+  //   },
+  // },
+  // 'white-dark': {
+  //   backgroundColorName: {
+  //     inactive: 'WHITE_4',
+  //     active: 'WHITE_T_70',
+  //     disabled: 'WHITE_T_40',
+  //   },
+  //   borderColorName: {
+  //     inactive: 'BLACK_4',
+  //     active: 'BLACK_4',
+  //     disabled: 'WHITE_T_40',
+  //   },
+  //   colorName: {
+  //     inactive: 'BLACK_4',
+  //     active: 'BLACK_4',
+  //     disabled: 'WHITE_T_40',
+  //   },
+  // },
+  // 'black': {
+  //   backgroundColorName: {
+  //     inactive: 'BLACK_4',
+  //     active: 'BLACK_T_60',
+  //     disabled: 'BLACK_T_35',
+  //   },
+  //   borderColorName: {
+  //     inactive: 'BLACK_4',
+  //     active: 'BLACK_4',
+  //     disabled: 'BLACK_T_35',
+  //   },
+  //   colorName: {
+  //     inactive: 'WHITE_4',
+  //     active: 'WHITE_4',
+  //     disabled: 'BLACK_T_35',
+  //   },
+  // },
+  // 'black-dark': {
+  //   backgroundColorName: {
+  //     inactive: 'BLACK_4',
+  //     active: 'WHITE_T_40',
+  //     disabled: 'WHITE_T_40',
+  //   },
+  //   borderColorName: {
+  //     inactive: 'WHITE_4',
+  //     active: 'WHITE_4',
+  //     disabled: 'WHITE_T_40',
+  //   },
+  //   colorName: {
+  //     inactive: 'WHITE_4',
+  //     active: 'WHITE_4',
+  //     disabled: 'WHITE_T_40',
+  //   },
+  // },
+} });
+export {
+  e as default
+};
+//# sourceMappingURL=button.js.map

package/dist/features/ui/theme/button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.js","sources":["../../../../src/features/ui/theme/button.ts"],"sourcesContent":["import type {\n  IButtonSizeConfig,\n  TButtonSizes,\n  IButtonVariantConfig,\n  TButtonVariants,\n} from '../types';\n\ninterface IGetButtonConfig {\n  (gutter: number): {\n    sizes: Record<TButtonSizes, IButtonSizeConfig>;\n    variants: Record<TButtonVariants, IButtonVariantConfig>;\n  };\n}\n\nconst getButtonConfig: IGetButtonConfig = (gutter: number) => {\n  const sizes: Record<TButtonSizes, IButtonSizeConfig> = {\n    xsmall: {\n      height: gutter * 2,\n      paddingHorizontal: gutter * (1 + 0.375),\n      textVariant: 'ub3-bold',\n      borderWidth: 1,\n      iconSize: gutter,\n      iconPadding: gutter * 0.25,\n      loaderSize: gutter * 1.25,\n    },\n    small: {\n      height: gutter * 2.5,\n      paddingHorizontal: gutter * (1 + 0.625),\n      textVariant: 'ub2-bold',\n      borderWidth: 1,\n      iconSize: gutter * 1.25,\n      iconPadding: gutter * 0.375,\n      loaderSize: gutter * 1.5,\n    },\n    regular: {\n      height: gutter * 3,\n      paddingHorizontal: gutter * (1 + 0.875),\n      textVariant: 'ub1-bold',\n      borderWidth: 1,\n      iconSize: gutter * 1.5,\n      iconPadding: gutter * 0.5,\n      loaderSize: gutter * 1.75,\n    },\n    medium: {\n      height: gutter * 3.5,\n      paddingHorizontal: gutter * (1 + 1.125),\n      textVariant: 'ub1-bold',\n      borderWidth: 1.5,\n      iconSize: gutter * 1.5,\n      iconPadding: gutter * 0.5,\n      loaderSize: gutter * 2,\n    },\n    large: {\n      height: gutter * 4,\n      paddingHorizontal: gutter * (1 + 1.375),\n      textVariant: 'ub1-bold',\n      borderWidth: 2,\n      iconSize: gutter * 1.5,\n      iconPadding: gutter * 0.5,\n      loaderSize: gutter * 2.25,\n    },\n  };\n\n  const variants: Record<TButtonVariants, IButtonVariantConfig> = {\n    'primary': {\n      backgroundColorName: {\n        inactive: 'YELLOW_4',\n        active: 'BLACK',\n        disabled: 'GREY_3',\n      },\n      colorName: {\n        inactive: 'BLACK',\n        active: 'WHITE',\n        disabled: 'BLACK',\n      },\n      borderColorName: {\n        inactive: 'BLACK',\n        active: 'BLACK',\n        disabled: 'GREY_3',\n      },\n    },\n    'secondary': {\n      backgroundColorName: {\n        inactive: 'WHITE',\n        active: 'BLACK',\n        disabled: 'GREY_3',\n      },\n      colorName: {\n        inactive: 'BLACK',\n        active: 'WHITE',\n        disabled: 'BLACK',\n      },\n      borderColorName: {\n        inactive: 'BLACK',\n        active: 'BLACK',\n        disabled: 'GREY_3',\n      },\n    },\n    'tertiary': {\n      backgroundColorName: {\n        inactive: 'RED',\n        active: 'BLACK',\n        disabled: 'GREY_3',\n      },\n      colorName: {\n        inactive: 'WHITE',\n        active: 'WHITE',\n        disabled: 'BLACK',\n      },\n      borderColorName: {\n        inactive: 'BLACK',\n        active: 'BLACK',\n        disabled: 'GREY_3',\n      },\n    },\n    'secondary-gray': {\n      backgroundColorName: {\n        inactive: 'WHITE',\n        active: 'WHITE_4',\n        disabled: 'GREY_3',\n      },\n      colorName: {\n        inactive: 'BLACK',\n        active: 'BLACK',\n        disabled: 'BLACK',\n      },\n      borderColorName: {\n        inactive: 'BLACK',\n        active: 'BLACK',\n        disabled: 'GREY_3',\n      },\n    },\n    'secondary-dark': {\n      backgroundColorName: {\n        inactive: 'WHITE',\n        active: 'BLACK',\n        disabled: 'WHITE_T_10',\n      },\n      colorName: {\n        inactive: 'BLACK',\n        active: 'WHITE',\n        disabled: 'WHITE_T_38',\n      },\n      borderColorName: {\n        inactive: 'WHITE',\n        active: 'BLACK',\n        disabled: 'WHITE_T_15',\n      },\n    },\n    // 'yellow': {\n    //   backgroundColorName: {\n    //     inactive: 'YELLOW_4',\n    //     active: 'BLACK_4',\n    //     disabled: 'BLACK_T_35',\n    //   },\n    //   borderColorName: {\n    //     inactive: 'BLACK_4',\n    //     active: 'BLACK_4',\n    //     disabled: 'BLACK_T_35',\n    //   },\n    //   colorName: {\n    //     inactive: 'BLACK_4',\n    //     active: 'WHITE_4',\n    //     disabled: 'BLACK_T_35',\n    //   },\n    // },\n    // 'yellow-dark': {\n    //   backgroundColorName: {\n    //     inactive: 'YELLOW_4',\n    //     active: 'WHITE_4',\n    //     disabled: 'WHITE_T_40',\n    //   },\n    //   borderColorName: {\n    //     inactive: 'BLACK_4',\n    //     active: 'BLACK_4',\n    //     disabled: 'WHITE_T_40',\n    //   },\n    //   colorName: {\n    //     inactive: 'BLACK_4',\n    //     active: 'BLACK_4',\n    //     disabled: 'WHITE_T_40',\n    //   },\n    // },\n    // 'white': {\n    //   backgroundColorName: {\n    //     inactive: 'WHITE_1',\n    //     active: 'BLACK_T_35',\n    //     disabled: 'BLACK_T_35',\n    //   },\n    //   borderColorName: {\n    //     inactive: 'BLACK_4',\n    //     active: 'BLACK_4',\n    //     disabled: 'BLACK_T_35',\n    //   },\n    //   colorName: {\n    //     inactive: 'BLACK_4',\n    //     active: 'BLACK_4',\n    //     disabled: 'BLACK_T_35',\n    //   },\n    // },\n    // 'white-dark': {\n    //   backgroundColorName: {\n    //     inactive: 'WHITE_4',\n    //     active: 'WHITE_T_70',\n    //     disabled: 'WHITE_T_40',\n    //   },\n    //   borderColorName: {\n    //     inactive: 'BLACK_4',\n    //     active: 'BLACK_4',\n    //     disabled: 'WHITE_T_40',\n    //   },\n    //   colorName: {\n    //     inactive: 'BLACK_4',\n    //     active: 'BLACK_4',\n    //     disabled: 'WHITE_T_40',\n    //   },\n    // },\n    // 'black': {\n    //   backgroundColorName: {\n    //     inactive: 'BLACK_4',\n    //     active: 'BLACK_T_60',\n    //     disabled: 'BLACK_T_35',\n    //   },\n    //   borderColorName: {\n    //     inactive: 'BLACK_4',\n    //     active: 'BLACK_4',\n    //     disabled: 'BLACK_T_35',\n    //   },\n    //   colorName: {\n    //     inactive: 'WHITE_4',\n    //     active: 'WHITE_4',\n    //     disabled: 'BLACK_T_35',\n    //   },\n    // },\n    // 'black-dark': {\n    //   backgroundColorName: {\n    //     inactive: 'BLACK_4',\n    //     active: 'WHITE_T_40',\n    //     disabled: 'WHITE_T_40',\n    //   },\n    //   borderColorName: {\n    //     inactive: 'WHITE_4',\n    //     active: 'WHITE_4',\n    //     disabled: 'WHITE_T_40',\n    //   },\n    //   colorName: {\n    //     inactive: 'WHITE_4',\n    //     active: 'WHITE_4',\n    //     disabled: 'WHITE_T_40',\n    //   },\n    // },\n  };\n\n  return { sizes, variants };\n};\n\nexport default getButtonConfig;\n"],"names":["getButtonConfig","gutter"],"mappings":"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"}

package/dist/features/ui/theme/checkbox.js

@@ -0,0 +1,61 @@
+const t = (a) => ({ sizes: {
+  small: {
+    size: a,
+    textVariant: {
+      inactive: "ub3",
+      active: "ub3-bold",
+      disabled: "ub3"
+    }
+  },
+  regular: {
+    size: a * 1.25,
+    textVariant: {
+      inactive: "ub2",
+      active: "ub2-bold",
+      disabled: "ub2"
+    }
+  },
+  medium: {
+    size: a * 1.5,
+    textVariant: {
+      inactive: "ub1",
+      active: "ub1-bold",
+      disabled: "ub1"
+    }
+  }
+}, variants: {
+  black: {
+    backgroundColorName: {
+      inactive: "TRANSPARENT",
+      active: "BLACK_1"
+    },
+    borderColorName: {
+      inactive: "BLACK_T_38",
+      active: "BLACK_1"
+    },
+    checkColorName: "WHITE_1",
+    textColorName: {
+      inactive: "BLACK_1",
+      active: "BLACK_1"
+    }
+  },
+  "black-dark": {
+    backgroundColorName: {
+      inactive: "TRANSPARENT",
+      active: "WHITE_1"
+    },
+    borderColorName: {
+      inactive: "WHITE_T_38",
+      active: "WHITE_1"
+    },
+    checkColorName: "BLACK_1",
+    textColorName: {
+      inactive: "WHITE_1",
+      active: "WHITE_1"
+    }
+  }
+} });
+export {
+  t as default
+};
+//# sourceMappingURL=checkbox.js.map

package/dist/features/ui/theme/checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.js","sources":["../../../../src/features/ui/theme/checkbox.ts"],"sourcesContent":["import type {\n  ICheckboxSizeConfig,\n  TCheckboxSizes,\n  TCheckboxVariantConfig,\n  TCheckboxVariants,\n} from '../types';\n\ninterface IGetCheckboxConfig {\n  (gutter: number): {\n    sizes: Record<TCheckboxSizes, ICheckboxSizeConfig>;\n    variants: Record<TCheckboxVariants, TCheckboxVariantConfig>;\n  };\n}\n\nconst getCheckboxConfig: IGetCheckboxConfig = gutter => {\n  const sizes: Record<TCheckboxSizes, ICheckboxSizeConfig> = {\n    small: {\n      size: gutter,\n      textVariant: {\n        inactive: 'ub3',\n        active: 'ub3-bold',\n        disabled: 'ub3',\n      },\n    },\n    regular: {\n      size: gutter * 1.25,\n      textVariant: {\n        inactive: 'ub2',\n        active: 'ub2-bold',\n        disabled: 'ub2',\n      },\n    },\n    medium: {\n      size: gutter * 1.5,\n      textVariant: {\n        inactive: 'ub1',\n        active: 'ub1-bold',\n        disabled: 'ub1',\n      },\n    },\n  };\n  const variants: Record<TCheckboxVariants, TCheckboxVariantConfig> = {\n    'black': {\n      backgroundColorName: {\n        inactive: 'TRANSPARENT',\n        active: 'BLACK_1',\n      },\n      borderColorName: {\n        inactive: 'BLACK_T_38',\n        active: 'BLACK_1',\n      },\n      checkColorName: 'WHITE_1',\n      textColorName: {\n        inactive: 'BLACK_1',\n        active: 'BLACK_1',\n      },\n    },\n    'black-dark': {\n      backgroundColorName: {\n        inactive: 'TRANSPARENT',\n        active: 'WHITE_1',\n      },\n      borderColorName: {\n        inactive: 'WHITE_T_38',\n        active: 'WHITE_1',\n      },\n      checkColorName: 'BLACK_1',\n      textColorName: {\n        inactive: 'WHITE_1',\n        active: 'WHITE_1',\n      },\n    },\n  };\n\n  return { sizes, variants };\n};\n\nexport default getCheckboxConfig;\n"],"names":["getCheckboxConfig","gutter"],"mappings":"AAcA,MAAMA,IAAwC,CAAUC,OA4D/C,EAAE,OA3DkD;AAAA,EACzD,OAAO;AAAA,IACL,MAAMA;AAAA,IACN,aAAa;AAAA,MACX,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,UAAU;AAAA,IACZ;AAAA,EACF;AAAA,EACA,SAAS;AAAA,IACP,MAAMA,IAAS;AAAA,IACf,aAAa;AAAA,MACX,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,UAAU;AAAA,IACZ;AAAA,EACF;AAAA,EACA,QAAQ;AAAA,IACN,MAAMA,IAAS;AAAA,IACf,aAAa;AAAA,MACX,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,UAAU;AAAA,IACZ;AAAA,EACF;AAAA,GAmCc,UAjCoD;AAAA,EAClE,OAAS;AAAA,IACP,qBAAqB;AAAA,MACnB,UAAU;AAAA,MACV,QAAQ;AAAA,IACV;AAAA,IACA,iBAAiB;AAAA,MACf,UAAU;AAAA,MACV,QAAQ;AAAA,IACV;AAAA,IACA,gBAAgB;AAAA,IAChB,eAAe;AAAA,MACb,UAAU;AAAA,MACV,QAAQ;AAAA,IACV;AAAA,EACF;AAAA,EACA,cAAc;AAAA,IACZ,qBAAqB;AAAA,MACnB,UAAU;AAAA,MACV,QAAQ;AAAA,IACV;AAAA,IACA,iBAAiB;AAAA,MACf,UAAU;AAAA,MACV,QAAQ;AAAA,IACV;AAAA,IACA,gBAAgB;AAAA,IAChB,eAAe;AAAA,MACb,UAAU;AAAA,MACV,QAAQ;AAAA,IACV;AAAA,EACF;AAAA;"}

package/dist/features/ui/theme/clrs.js

@@ -0,0 +1,90 @@
+const _ = {
+  YELLOW_1: "#FFF1CC",
+  YELLOW_2: "#FFDB80",
+  YELLOW_3: "#FFCC4D",
+  YELLOW_4: "#FFB700",
+  YELLOW_5: "#E58600",
+  YELLOW_6: "#B25900",
+  ORANGE_1: "#FFDDCC",
+  ORANGE_2: "#FFC2A3",
+  ORANGE_3: "#FFAA80",
+  ORANGE_4: "#FF884D",
+  ORANGE_5: "#EC5B13",
+  ORANGE_6: "#B23C00",
+  PURPLE_1: "#FFE0FD",
+  PURPLE_2: "#FFC2FA",
+  PURPLE_3: "#FFA3F7",
+  PURPLE_4: "#FF80F4",
+  PURPLE_5: "#D926CA",
+  PURPLE_6: "#AA099C",
+  GREEN_1: "#D0FBE5",
+  GREEN_2: "#89F5BF",
+  GREEN_3: "#40F098",
+  GREEN_4: "#00E573",
+  GREEN_5: "#00B259",
+  GREEN_6: "#007038",
+  BLUE_1: "#D6F5FF",
+  BLUE_2: "#99E5FF",
+  BLUE_3: "#66D9FF",
+  BLUE_4: "#33CCFF",
+  BLUE_5: "#0086E5",
+  BLUE_6: "#0055CC",
+  BLACK_1: "#0D0D0D",
+  BLACK_2: "#141414",
+  BLACK_3: "#191919",
+  BLACK_4: "#252525",
+  BLACK_5: "#313131",
+  WHITE_1: "#FFFFFF",
+  WHITE_2: "#FAFAFA",
+  WHITE_3: "#F5F5F5",
+  WHITE_4: "#EBEBEB",
+  WHITE_5: "#DADADA",
+  BLACK_T_02: "rgba(0, 0, 0, 0.02)",
+  BLACK_T_04: "rgba(0, 0, 0, 0.04)",
+  BLACK_T_08: "rgba(0, 0, 0, 0.08)",
+  BLACK_T_15: "rgba(0, 0, 0, 0.15)",
+  BLACK_T_20: "rgba(0, 0, 0, 0.20)",
+  BLACK_T_38: "rgba(0, 0, 0, 0.38)",
+  BLACK_T_60: "rgba(0, 0, 0, 0.6)",
+  BLACK_T_87: "rgba(0, 0, 0, 0.87)",
+  WHITE_T_03: "rgba(255, 255, 255, 0.03)",
+  WHITE_T_05: "rgba(255, 255, 255, 0.05)",
+  WHITE_T_10: "rgba(255, 255, 255, 0.1)",
+  WHITE_T_15: "rgba(255, 255, 255, 0.15)",
+  WHITE_T_38: "rgba(255, 255, 255, 0.38)",
+  WHITE_T_60: "rgba(255, 255, 255, 0.6)",
+  WHITE_T_87: "rgba(255, 255, 255, 0.87)",
+  GREY_1: "#F6F6F6",
+  GREY_2: "#E0E0E0",
+  GREY_3: "#B3B3B3",
+  GREY_4: "#808080",
+  REAL_BLACK: "#000000",
+  REAL_BLACK_60: "rgba(0, 0, 0, 0.6)",
+  REAL_BLACK_50: "rgba(0, 0, 0, 0.5)",
+  REAL_BLACK_30: "rgba(0, 0, 0, 0.3)",
+  REAL_BLACK_15: "rgba(0, 0, 0, 0.15)",
+  REAL_BLACK_10: "rgba(0, 0, 0, 0.1)",
+  BLACK: "#2B2B2B",
+  BLACK_65: "rgba(43, 43, 43, 0.65)",
+  BLACK_75: "rgba(43, 43, 43, 0.75)",
+  BLACK_50: "rgba(43, 43, 43, 0.5)",
+  BLACK_10: "rgba(43, 43, 43, 0.1)",
+  WHITE: "#FFFFFF",
+  WHITE_10: "#D9D9D9",
+  WHITE_20: "#E6E6E6",
+  WHITE_30: "#F2F2F2",
+  WHITE_70: "rgba(255, 255, 255, 0.7)",
+  RED: "#C22300",
+  // TODO: REMOVE this color
+  FLOWER: "#DE5EE0",
+  TRANSPARENT: "transparent"
+};
+function E() {
+  return _;
+}
+const F = ["YELLOW", "ORANGE", "PURPLE", "GREEN", "BLUE"];
+export {
+  E as default,
+  F as hues
+};
+//# sourceMappingURL=clrs.js.map

package/dist/features/ui/theme/clrs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"clrs.js","sources":["../../../../src/features/ui/theme/clrs.ts"],"sourcesContent":["import type { TColorNames, TColorsMap } from '../types';\n\nconst LightThemeColors: Record<TColorNames, string> = {\n  YELLOW_1: '#FFF1CC',\n  YELLOW_2: '#FFDB80',\n  YELLOW_3: '#FFCC4D',\n  YELLOW_4: '#FFB700',\n  YELLOW_5: '#E58600',\n  YELLOW_6: '#B25900',\n\n  ORANGE_1: '#FFDDCC',\n  ORANGE_2: '#FFC2A3',\n  ORANGE_3: '#FFAA80',\n  ORANGE_4: '#FF884D',\n  ORANGE_5: '#EC5B13',\n  ORANGE_6: '#B23C00',\n\n  PURPLE_1: '#FFE0FD',\n  PURPLE_2: '#FFC2FA',\n  PURPLE_3: '#FFA3F7',\n  PURPLE_4: '#FF80F4',\n  PURPLE_5: '#D926CA',\n  PURPLE_6: '#AA099C',\n\n  GREEN_1: '#D0FBE5',\n  GREEN_2: '#89F5BF',\n  GREEN_3: '#40F098',\n  GREEN_4: '#00E573',\n  GREEN_5: '#00B259',\n  GREEN_6: '#007038',\n\n  BLUE_1: '#D6F5FF',\n  BLUE_2: '#99E5FF',\n  BLUE_3: '#66D9FF',\n  BLUE_4: '#33CCFF',\n  BLUE_5: '#0086E5',\n  BLUE_6: '#0055CC',\n\n  BLACK_1: '#0D0D0D',\n  BLACK_2: '#141414',\n  BLACK_3: '#191919',\n  BLACK_4: '#252525',\n  BLACK_5: '#313131',\n\n  WHITE_1: '#FFFFFF',\n  WHITE_2: '#FAFAFA',\n  WHITE_3: '#F5F5F5',\n  WHITE_4: '#EBEBEB',\n  WHITE_5: '#DADADA',\n\n  BLACK_T_02: 'rgba(0, 0, 0, 0.02)',\n  BLACK_T_04: 'rgba(0, 0, 0, 0.04)',\n  BLACK_T_08: 'rgba(0, 0, 0, 0.08)',\n  BLACK_T_15: 'rgba(0, 0, 0, 0.15)',\n  BLACK_T_20: 'rgba(0, 0, 0, 0.20)',\n  BLACK_T_38: 'rgba(0, 0, 0, 0.38)',\n  BLACK_T_60: 'rgba(0, 0, 0, 0.6)',\n  BLACK_T_87: 'rgba(0, 0, 0, 0.87)',\n\n  WHITE_T_03: 'rgba(255, 255, 255, 0.03)',\n  WHITE_T_05: 'rgba(255, 255, 255, 0.05)',\n  WHITE_T_10: 'rgba(255, 255, 255, 0.1)',\n  WHITE_T_15: 'rgba(255, 255, 255, 0.15)',\n  WHITE_T_38: 'rgba(255, 255, 255, 0.38)',\n  WHITE_T_60: 'rgba(255, 255, 255, 0.6)',\n  WHITE_T_87: 'rgba(255, 255, 255, 0.87)',\n\n  GREY_1: '#F6F6F6',\n  GREY_2: '#E0E0E0',\n  GREY_3: '#B3B3B3',\n  GREY_4: '#808080',\n\n  REAL_BLACK: '#000000',\n  REAL_BLACK_60: 'rgba(0, 0, 0, 0.6)',\n  REAL_BLACK_50: 'rgba(0, 0, 0, 0.5)',\n  REAL_BLACK_30: 'rgba(0, 0, 0, 0.3)',\n  REAL_BLACK_15: 'rgba(0, 0, 0, 0.15)',\n  REAL_BLACK_10: 'rgba(0, 0, 0, 0.1)',\n\n  BLACK: '#2B2B2B',\n  BLACK_65: 'rgba(43, 43, 43, 0.65)',\n  BLACK_75: 'rgba(43, 43, 43, 0.75)',\n  BLACK_50: 'rgba(43, 43, 43, 0.5)',\n  BLACK_10: 'rgba(43, 43, 43, 0.1)',\n\n  WHITE: '#FFFFFF',\n  WHITE_10: '#D9D9D9',\n  WHITE_20: '#E6E6E6',\n  WHITE_30: '#F2F2F2',\n  WHITE_70: 'rgba(255, 255, 255, 0.7)',\n  RED: '#C22300',\n  // TODO: REMOVE this color\n  FLOWER: '#DE5EE0',\n\n  TRANSPARENT: 'transparent',\n} as const;\n\nfunction getColors(): TColorsMap {\n  return LightThemeColors;\n}\n\nconst hues = ['YELLOW', 'ORANGE', 'PURPLE', 'GREEN', 'BLUE'] as const;\n\nexport { hues };\n\nexport default getColors;\n"],"names":["LightThemeColors","getColors","hues"],"mappings":"AAEA,MAAMA,IAAgD;AAAA,EACpD,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EAEV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EAEV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EAEV,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EAET,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,QAAQ;AAAA,EAER,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EAET,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EAET,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EAEZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EAEZ,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,QAAQ;AAAA,EAER,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,eAAe;AAAA,EACf,eAAe;AAAA,EACf,eAAe;AAAA,EACf,eAAe;AAAA,EAEf,OAAO;AAAA,EACP,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EAEV,OAAO;AAAA,EACP,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,KAAK;AAAA;AAAA,EAEL,QAAQ;AAAA,EAER,aAAa;AACf;AAEA,SAASC,IAAwB;AACxB,SAAAD;AACT;AAEA,MAAME,IAAO,CAAC,UAAU,UAAU,UAAU,SAAS,MAAM;"}

package/dist/features/ui/theme/device.js

@@ -0,0 +1,5 @@
+const n = () => window.innerWidth <= 600 ? "mobile" : "desktop";
+export {
+  n as getDeviceConfig
+};
+//# sourceMappingURL=device.js.map

package/dist/features/ui/theme/device.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"device.js","sources":["../../../../src/features/ui/theme/device.ts"],"sourcesContent":["import type { TSupportedDevices } from '../types';\n\nexport const getDeviceConfig = (): TSupportedDevices => {\n  const MOBILE_WIDTH = 600;\n\n  return window.innerWidth <= MOBILE_WIDTH ? 'mobile' : 'desktop';\n};\n"],"names":["getDeviceConfig"],"mappings":"AAEO,MAAMA,IAAkB,MAGtB,OAAO,cAAc,MAAe,WAAW;"}

package/dist/features/ui/theme/get-theme.js

@@ -0,0 +1,32 @@
+import r from "./arrow-tooltip.js";
+import e from "./button.js";
+import i from "./checkbox.js";
+import m, { hues as g } from "./clrs.js";
+import { getDeviceConfig as n } from "./device.js";
+import f from "./input.js";
+import p from "./layout.js";
+import u from "./tab.js";
+import C from "./text.js";
+import c from "./text-button.js";
+import { getZIndexConfig as x } from "./z-index.js";
+const v = () => {
+  const t = p(), { gutter: o } = t;
+  return {
+    arrowTooltip: r(),
+    button: e(o),
+    colors: m(),
+    hues: g,
+    input: f(o),
+    checkbox: i(o),
+    layout: t,
+    tab: u(t.gutter),
+    text: C(),
+    textButton: c(),
+    zIndex: x(),
+    device: n()
+  };
+};
+export {
+  v as getTheme
+};
+//# sourceMappingURL=get-theme.js.map

package/dist/features/ui/theme/get-theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-theme.js","sources":["../../../../src/features/ui/theme/get-theme.ts"],"sourcesContent":["import type { DefaultTheme } from 'styled-components';\n\nimport getArrowTooltipConfig from './arrow-tooltip';\nimport getButtonConfig from './button';\nimport getCheckboxConfig from './checkbox';\nimport getColors, { hues } from './clrs';\nimport { getDeviceConfig } from './device';\nimport getInputConfig from './input';\nimport getLayout from './layout';\nimport getTabConfig from './tab';\nimport getTextTypes from './text';\nimport getTextButtonConfig from './text-button';\nimport { getZIndexConfig } from './z-index';\n\nconst getTheme: () => DefaultTheme = () => {\n  const layout = getLayout();\n  const { gutter } = layout;\n\n  return {\n    arrowTooltip: getArrowTooltipConfig(),\n    button: getButtonConfig(gutter),\n    colors: getColors(),\n    hues: hues,\n    input: getInputConfig(gutter),\n    checkbox: getCheckboxConfig(gutter),\n    layout,\n    tab: getTabConfig(layout.gutter),\n    text: getTextTypes(),\n    textButton: getTextButtonConfig(),\n    zIndex: getZIndexConfig(),\n    device: getDeviceConfig(),\n  };\n};\n\nexport { getTheme };\n"],"names":["getTheme","layout","getLayout","gutter","getArrowTooltipConfig","getButtonConfig","getColors","hues","getInputConfig","getCheckboxConfig","getTabConfig","getTextTypes","getTextButtonConfig","getZIndexConfig","getDeviceConfig"],"mappings":";;;;;;;;;;;AAcA,MAAMA,IAA+B,MAAM;AACzC,QAAMC,IAASC,KACT,EAAE,QAAAC,EAAW,IAAAF;AAEZ,SAAA;AAAA,IACL,cAAcG,EAAsB;AAAA,IACpC,QAAQC,EAAgBF,CAAM;AAAA,IAC9B,QAAQG,EAAU;AAAA,IAClB,MAAAC;AAAA,IACA,OAAOC,EAAeL,CAAM;AAAA,IAC5B,UAAUM,EAAkBN,CAAM;AAAA,IAClC,QAAAF;AAAA,IACA,KAAKS,EAAaT,EAAO,MAAM;AAAA,IAC/B,MAAMU,EAAa;AAAA,IACnB,YAAYC,EAAoB;AAAA,IAChC,QAAQC,EAAgB;AAAA,IACxB,QAAQC,EAAgB;AAAA,EAAA;AAE5B;"}