@cuemath/leap 2.8.61-rj-12 → 2.8.61-rj-14

package/dist/features/ui/stepper/stepper.js

@@ -1,14 +1,14 @@
 import { jsxs as o, jsx as t } from "react/jsx-runtime";
-import m from "../../../assets/line-icons/icons/check.js";
-import h from "../text/text.js";
+import l from "../../../assets/line-icons/icons/check.js";
+import m from "../text/text.js";
 import { getTheme as p } from "../theme/get-theme.js";
 import { MainWrapper as a, HorizontalLine as d, Wrapper as g, NumberWrapper as f, StyledText as s } from "./stepper-styled.js";
 const { layout: u } = p(), { gutter: i } = u;
-function j({ stepsInfo: n = [], currentStep: e = 2 }) {
+function W({ stepsInfo: n = [], currentStep: e = 2 }) {
   const c = n.length && e >= 1 ? (e - 1) / n.length * 100 : 0;
   return /* @__PURE__ */ o(a, { $flexDirection: "row", $width: "fit-content", $gutterX: 0.625, $gapX: 0.625, children: [
     /* @__PURE__ */ t(d, { $percentageCompleted: c, $height: 1 }),
-    n.map(({ id: $, label: l }, r) => /* @__PURE__ */ o(
+    n.map(({ id: $, label: h }, r) => /* @__PURE__ */ o(
       g,
       {
         $flexDirection: "row",
@@ -25,10 +25,10 @@ function j({ stepsInfo: n = [], currentStep: e = 2 }) {
               $justifyContent: "center",
               $heightX: 1.25,
               $widthX: 1.25,
-              children: r + 1 < e ? /* @__PURE__ */ t(m, { height: i, width: i }) : /* @__PURE__ */ t(h, { $renderAs: "body3", $color: "WHITE", children: $ })
+              children: r + 1 < e ? /* @__PURE__ */ t(l, { height: i, width: i }) : /* @__PURE__ */ t(m, { $renderAs: "body3", $color: "WHITE", children: $ })
             }
           ),
-          r + 1 === e && /* @__PURE__ */ t(s, { $renderAs: "body2", children: l })
+          r + 1 === e && /* @__PURE__ */ t(s, { $renderAs: "body2", children: h })
         ]
       },
       r
@@ -36,6 +36,6 @@ function j({ stepsInfo: n = [], currentStep: e = 2 }) {
   ] });
 }
 export {
-  j as default
+  W as default
 };
 //# sourceMappingURL=stepper.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"stepper.js","sources":["../../../../src/features/ui/stepper/stepper.tsx"],"sourcesContent":["import type { IStepperProps } from './stepper-types';\n\nimport CheckIcon from '../../../assets/line-icons/icons/check';\nimport Text from '../text/text';\nimport { getTheme } from '../theme/get-theme';\nimport { MainWrapper, NumberWrapper, Wrapper, StyledText, HorizontalLine } from './stepper-styled';\n\nconst { layout } = getTheme();\nconst { gutter } = layout;\n\nfunction Stepper({ stepsInfo = [], currentStep = 2 }: IStepperProps) {\n  const percentageCompleted =\n    stepsInfo.length && currentStep >= 1 ? ((currentStep - 1) / stepsInfo.length) * 100 : 0;\n\n  return (\n    <MainWrapper $flexDirection=\"row\" $width=\"fit-content\" $gutterX={0.625} $gapX={0.625}>\n      <HorizontalLine $percentageCompleted={percentageCompleted} $height={1} />\n      {stepsInfo.map(({ id, label }, idx) => (\n        <Wrapper\n          key={idx}\n          $flexDirection=\"row\"\n          $alignItems=\"center\"\n          $justifyContent=\"center\"\n          $background=\"WHITE\"\n        >\n          <NumberWrapper\n            $stepNumber={idx + 1}\n            $currentStep={currentStep}\n            $alignItems=\"center\"\n            $justifyContent=\"center\"\n            $heightX={1.25}\n            $widthX={1.25}\n          >\n            {idx + 1 < currentStep ? (\n              <CheckIcon height={gutter} width={gutter} />\n            ) : (\n              <Text $renderAs=\"body3\" $color=\"WHITE\">\n                {id}\n              </Text>\n            )}\n          </NumberWrapper>\n          {idx + 1 === currentStep && <StyledText $renderAs=\"body2\">{label}</StyledText>}\n        </Wrapper>\n      ))}\n    </MainWrapper>\n  );\n}\n\nexport default Stepper;\n"],"names":["layout","getTheme","gutter","Stepper","stepsInfo","currentStep","percentageCompleted","jsxs","MainWrapper","jsx","HorizontalLine","id","label","idx","Wrapper","NumberWrapper","CheckIcon","Text","StyledText"],"mappings":";;;;;AAOA,MAAM,EAAE,QAAAA,EAAO,IAAIC,KACb,EAAE,QAAAC,EAAW,IAAAF;AAEnB,SAASG,EAAQ,EAAE,WAAAC,IAAY,CAAI,GAAA,aAAAC,IAAc,KAAoB;AAC7D,QAAAC,IACJF,EAAU,UAAUC,KAAe,KAAMA,IAAc,KAAKD,EAAU,SAAU,MAAM;AAGtF,SAAA,gBAAAG,EAACC,KAAY,gBAAe,OAAM,QAAO,eAAc,UAAU,OAAO,OAAO,OAC7E,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAe,EAAA,sBAAsBJ,GAAqB,SAAS,GAAG;AAAA,IACtEF,EAAU,IAAI,CAAC,EAAE,IAAAO,GAAI,OAAAC,EAAA,GAASC,MAC7B,gBAAAN;AAAA,MAACO;AAAA,MAAA;AAAA,QAEC,gBAAe;AAAA,QACf,aAAY;AAAA,QACZ,iBAAgB;AAAA,QAChB,aAAY;AAAA,QAEZ,UAAA;AAAA,UAAA,gBAAAL;AAAA,YAACM;AAAA,YAAA;AAAA,cACC,aAAaF,IAAM;AAAA,cACnB,cAAcR;AAAA,cACd,aAAY;AAAA,cACZ,iBAAgB;AAAA,cAChB,UAAU;AAAA,cACV,SAAS;AAAA,cAER,cAAM,IAAIA,IACR,gBAAAI,EAAAO,GAAA,EAAU,QAAQd,GAAQ,OAAOA,EAAQ,CAAA,sBAEzCe,GAAK,EAAA,WAAU,SAAQ,QAAO,SAC5B,UACHN,GAAA;AAAA,YAAA;AAAA,UAEJ;AAAA,UACCE,IAAM,MAAMR,uBAAgBa,GAAW,EAAA,WAAU,SAAS,UAAMN,GAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAtB5DC;AAAA,IAAA,CAwBR;AAAA,EACH,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"stepper.js","sources":["../../../../src/features/ui/stepper/stepper.tsx"],"sourcesContent":["import type { IStepperProps } from './stepper-types';\n\nimport CheckIcon from '../../../assets/line-icons/icons/check';\nimport Text from '../text/text';\nimport { getTheme } from '../theme/get-theme';\nimport { MainWrapper, NumberWrapper, Wrapper, StyledText, HorizontalLine } from './stepper-styled';\n\nconst { layout } = getTheme();\nconst { gutter } = layout;\n\nfunction Stepper({ stepsInfo = [], currentStep = 2 }: IStepperProps) {\n  const percentageCompleted =\n    stepsInfo.length && currentStep >= 1 ? ((currentStep - 1) / stepsInfo.length) * 100 : 0;\n\n  return (\n    <MainWrapper $flexDirection=\"row\" $width=\"fit-content\" $gutterX={0.625} $gapX={0.625}>\n      <HorizontalLine $percentageCompleted={percentageCompleted} $height={1} />\n      {stepsInfo.map(({ id, label }, idx) => (\n        <Wrapper\n          key={idx}\n          $flexDirection=\"row\"\n          $alignItems=\"center\"\n          $justifyContent=\"center\"\n          $background=\"WHITE\"\n        >\n          <NumberWrapper\n            $stepNumber={idx + 1}\n            $currentStep={currentStep}\n            $alignItems=\"center\"\n            $justifyContent=\"center\"\n            $heightX={1.25}\n            $widthX={1.25}\n          >\n            {idx + 1 < currentStep ? (\n              <CheckIcon height={gutter} width={gutter} />\n            ) : (\n              <Text $renderAs=\"body3\" $color=\"WHITE\">\n                {id}\n              </Text>\n            )}\n          </NumberWrapper>\n          {idx + 1 === currentStep && <StyledText $renderAs=\"body2\">{label}</StyledText>}\n        </Wrapper>\n      ))}\n    </MainWrapper>\n  );\n}\n\nexport default Stepper;\n"],"names":["layout","getTheme","gutter","Stepper","stepsInfo","currentStep","percentageCompleted","jsxs","MainWrapper","jsx","HorizontalLine","id","label","idx","Wrapper","NumberWrapper","CheckIcon","Text","StyledText"],"mappings":";;;;;AAOA,MAAM,EAAE,QAAAA,EAAO,IAAIC,EAAS,GACtB,EAAE,QAAAC,EAAW,IAAAF;AAEnB,SAASG,EAAQ,EAAE,WAAAC,IAAY,CAAI,GAAA,aAAAC,IAAc,KAAoB;AAC7D,QAAAC,IACJF,EAAU,UAAUC,KAAe,KAAMA,IAAc,KAAKD,EAAU,SAAU,MAAM;AAGtF,SAAA,gBAAAG,EAACC,KAAY,gBAAe,OAAM,QAAO,eAAc,UAAU,OAAO,OAAO,OAC7E,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAe,EAAA,sBAAsBJ,GAAqB,SAAS,GAAG;AAAA,IACtEF,EAAU,IAAI,CAAC,EAAE,IAAAO,GAAI,OAAAC,EAAA,GAASC,MAC7B,gBAAAN;AAAA,MAACO;AAAA,MAAA;AAAA,QAEC,gBAAe;AAAA,QACf,aAAY;AAAA,QACZ,iBAAgB;AAAA,QAChB,aAAY;AAAA,QAEZ,UAAA;AAAA,UAAA,gBAAAL;AAAA,YAACM;AAAA,YAAA;AAAA,cACC,aAAaF,IAAM;AAAA,cACnB,cAAcR;AAAA,cACd,aAAY;AAAA,cACZ,iBAAgB;AAAA,cAChB,UAAU;AAAA,cACV,SAAS;AAAA,cAER,cAAM,IAAIA,IACR,gBAAAI,EAAAO,GAAA,EAAU,QAAQd,GAAQ,OAAOA,EAAQ,CAAA,sBAEzCe,GAAK,EAAA,WAAU,SAAQ,QAAO,SAC5B,UACHN,EAAA,CAAA;AAAA,YAAA;AAAA,UAEJ;AAAA,UACCE,IAAM,MAAMR,uBAAgBa,GAAW,EAAA,WAAU,SAAS,UAAMN,EAAA,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAtB5DC;AAAA,IAwBR,CAAA;AAAA,EAAA,GACH;AAEJ;"}

package/dist/features/ui/streak-icon/streak-icon.js

@@ -1,20 +1,20 @@
 import { jsxs as e, jsx as r } from "react/jsx-runtime";
-import { memo as n } from "react";
-import i from "../../../assets/illustrations/streak-green.svg.js";
-import S from "../../../assets/illustrations/streak-white.svg.js";
-import l from "../text/text.js";
-import { BLINK_DURATION as c, BLINK_DELAY as k } from "./constants.js";
-import { StreakWrapper as p, StreakStaticBg as s, StreakBg as f, StreakContent as d, StreakImg as I, StyledImg as o } from "./streak-icon-styled.js";
-const $ = n(({ value: a, blink: t = !1, ...m }) => /* @__PURE__ */ e(p, { ...m, children: [
-  /* @__PURE__ */ r(s, {}),
-  t && /* @__PURE__ */ r(f, { $blinkDuration: c, $blinkDelay: k }),
+import { memo as i } from "react";
+import n from "../../../assets/illustrations/streak-green.svg.js";
+import l from "../../../assets/illustrations/streak-white.svg.js";
+import S from "../text/text.js";
+import { BLINK_DELAY as c, BLINK_DURATION as k } from "./constants.js";
+import { StreakWrapper as p, StreakStaticBg as f, StreakBg as s, StreakContent as d, StreakImg as I, StyledImg as o } from "./streak-icon-styled.js";
+const u = i(({ value: a, blink: t = !1, ...m }) => /* @__PURE__ */ e(p, { ...m, children: [
+  /* @__PURE__ */ r(f, {}),
+  t && /* @__PURE__ */ r(s, { $blinkDuration: k, $blinkDelay: c }),
   /* @__PURE__ */ e(d, { children: [
-    /* @__PURE__ */ r(I, { children: t ? /* @__PURE__ */ r(o, { src: S, alt: "Streak" }) : /* @__PURE__ */ r(o, { src: i, alt: "Streak" }) }),
-    /* @__PURE__ */ r(l, { $renderAs: "ab3-bold", $color: "WHITE", $align: "center", children: a })
+    /* @__PURE__ */ r(I, { children: t ? /* @__PURE__ */ r(o, { src: l, alt: "Streak" }) : /* @__PURE__ */ r(o, { src: n, alt: "Streak" }) }),
+    /* @__PURE__ */ r(S, { $renderAs: "ab3-bold", $color: "WHITE", $align: "center", children: a })
   ] })
-] })), A = $;
+] }));
 export {
-  $ as StreakIcon,
-  A as default
+  u as StreakIcon,
+  u as default
 };
 //# sourceMappingURL=streak-icon.js.map

package/dist/features/ui/streak-icon/streak-icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"streak-icon.js","sources":["../../../../src/features/ui/streak-icon/streak-icon.tsx"],"sourcesContent":["import type { IStreakIconProps } from './streak-icon-types';\n\nimport React, { memo } from 'react';\n\nimport StreakGreenSVG from '../../../assets/illustrations/streak-green.svg';\nimport StreakWhiteSVG from '../../../assets/illustrations/streak-white.svg';\nimport Text from '../text/text';\nimport { BLINK_DELAY, BLINK_DURATION } from './constants';\nimport * as S from './streak-icon-styled';\n\nexport const StreakIcon: React.FC<IStreakIconProps> = memo(({ value, blink = false, ...rest }) => {\n  return (\n    <S.StreakWrapper {...rest}>\n      <S.StreakStaticBg />\n      {blink && <S.StreakBg $blinkDuration={BLINK_DURATION} $blinkDelay={BLINK_DELAY} />}\n      <S.StreakContent>\n        <S.StreakImg>\n          {blink ? (\n            <S.StyledImg src={StreakWhiteSVG} alt=\"Streak\" />\n          ) : (\n            <S.StyledImg src={StreakGreenSVG} alt=\"Streak\" />\n          )}\n        </S.StreakImg>\n        <Text $renderAs=\"ab3-bold\" $color=\"WHITE\" $align=\"center\">\n          {value}\n        </Text>\n      </S.StreakContent>\n    </S.StreakWrapper>\n  );\n});\n\nexport default StreakIcon;\n"],"names":["StreakIcon","memo","value","blink","rest","jsxs","S.StreakWrapper","jsx","S.StreakStaticBg","S.StreakBg","BLINK_DURATION","BLINK_DELAY","S.StreakContent","S.StreakImg","S.StyledImg","StreakWhiteSVG","StreakGreenSVG","Text","StreakIcon$1"],"mappings":";;;;;;;AAUa,MAAAA,IAAyCC,EAAK,CAAC,EAAE,OAAAC,GAAO,OAAAC,IAAQ,IAAO,GAAGC,QAElF,gBAAAC,EAAAC,GAAA,EAAiB,GAAGF,GACnB,UAAA;AAAA,EAAC,gBAAAG,EAAAC,GAAA,EAAiB;AAAA,EACjBL,uBAAUM,GAAA,EAAW,gBAAgBC,GAAgB,aAAaC,GAAa;AAAA,EAChF,gBAAAN,EAACO,GAAA,EACC,UAAA;AAAA,IAAC,gBAAAL,EAAAM,GAAA,EACE,UAAAV,sBACEW,GAAA,EAAY,KAAKC,GAAgB,KAAI,UAAS,sBAE9CD,GAAA,EAAY,KAAKE,GAAgB,KAAI,SAAS,CAAA,GAEnD;AAAA,IACA,gBAAAT,EAACU,KAAK,WAAU,YAAW,QAAO,SAAQ,QAAO,UAC9C,UACHf,EAAA,CAAA;AAAA,EAAA,GACF;AACF,EAAA,CAAA,CAEH,GAEDgB,IAAelB;"}
+{"version":3,"file":"streak-icon.js","sources":["../../../../src/features/ui/streak-icon/streak-icon.tsx"],"sourcesContent":["import type { IStreakIconProps } from './streak-icon-types';\n\nimport React, { memo } from 'react';\n\nimport StreakGreenSVG from '../../../assets/illustrations/streak-green.svg';\nimport StreakWhiteSVG from '../../../assets/illustrations/streak-white.svg';\nimport Text from '../text/text';\nimport { BLINK_DELAY, BLINK_DURATION } from './constants';\nimport * as S from './streak-icon-styled';\n\nexport const StreakIcon: React.FC<IStreakIconProps> = memo(({ value, blink = false, ...rest }) => {\n  return (\n    <S.StreakWrapper {...rest}>\n      <S.StreakStaticBg />\n      {blink && <S.StreakBg $blinkDuration={BLINK_DURATION} $blinkDelay={BLINK_DELAY} />}\n      <S.StreakContent>\n        <S.StreakImg>\n          {blink ? (\n            <S.StyledImg src={StreakWhiteSVG} alt=\"Streak\" />\n          ) : (\n            <S.StyledImg src={StreakGreenSVG} alt=\"Streak\" />\n          )}\n        </S.StreakImg>\n        <Text $renderAs=\"ab3-bold\" $color=\"WHITE\" $align=\"center\">\n          {value}\n        </Text>\n      </S.StreakContent>\n    </S.StreakWrapper>\n  );\n});\n\nexport default StreakIcon;\n"],"names":["StreakIcon","memo","value","blink","rest","jsxs","S.StreakWrapper","jsx","S.StreakStaticBg","S.StreakBg","BLINK_DURATION","BLINK_DELAY","S.StreakContent","S.StreakImg","S.StyledImg","StreakWhiteSVG","StreakGreenSVG","Text"],"mappings":";;;;;;;AAUa,MAAAA,IAAyCC,EAAK,CAAC,EAAE,OAAAC,GAAO,OAAAC,IAAQ,IAAO,GAAGC,QAElF,gBAAAC,EAAAC,GAAA,EAAiB,GAAGF,GACnB,UAAA;AAAA,EAAC,gBAAAG,EAAAC,GAAA,EAAiB;AAAA,EACjBL,uBAAUM,GAAA,EAAW,gBAAgBC,GAAgB,aAAaC,GAAa;AAAA,EAChF,gBAAAN,EAACO,GAAA,EACC,UAAA;AAAA,IAAC,gBAAAL,EAAAM,GAAA,EACE,UAAAV,sBACEW,GAAA,EAAY,KAAKC,GAAgB,KAAI,UAAS,sBAE9CD,GAAA,EAAY,KAAKE,GAAgB,KAAI,SAAS,CAAA,GAEnD;AAAA,IACA,gBAAAT,EAACU,KAAK,WAAU,YAAW,QAAO,SAAQ,QAAO,UAC9C,UACHf,EAAA,CAAA;AAAA,EAAA,EACF,CAAA;AAAA,GACF,CAEH;"}

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

@@ -1 +1 @@
-{"version":3,"file":"superscript.js","sources":["../../../../src/features/ui/superscript/superscript.tsx"],"sourcesContent":["import type { SuperscriptProps } from './superscript-types';\nimport type { FC } from 'react';\n\nimport { memo } from 'react';\n\nimport FlexView from '../layout/flex-view';\nimport * as S from './superscript-styled';\n\nexport const Superscript: FC<SuperscriptProps> = memo(({ children, supText, ...rest }) => {\n  const { ...textProps } = rest;\n\n  return (\n    <FlexView $flexDirection=\"row\">\n      <span>{children}</span>\n      <S.SuperscriptText {...textProps}>{supText}</S.SuperscriptText>\n    </FlexView>\n  );\n});\n"],"names":["Superscript","memo","children","supText","rest","textProps","jsxs","FlexView","jsx","S.SuperscriptText"],"mappings":";;;;AAQa,MAAAA,IAAoCC,EAAK,CAAC,EAAE,UAAAC,GAAU,SAAAC,GAAS,GAAGC,QAAW;AAClF,QAAA,EAAE,GAAGC,EAAc,IAAAD;AAGvB,SAAA,gBAAAE,EAACC,GAAS,EAAA,gBAAe,OACvB,UAAA;AAAA,IAAA,gBAAAC,EAAC,UAAM,UAAAN,GAAS;AAAA,sBACfO,GAAA,EAAmB,GAAGJ,GAAY,UAAQF,EAAA,CAAA;AAAA,EAC7C,EAAA,CAAA;AAEJ,CAAC;"}
+{"version":3,"file":"superscript.js","sources":["../../../../src/features/ui/superscript/superscript.tsx"],"sourcesContent":["import type { SuperscriptProps } from './superscript-types';\nimport type { FC } from 'react';\n\nimport { memo } from 'react';\n\nimport FlexView from '../layout/flex-view';\nimport * as S from './superscript-styled';\n\nexport const Superscript: FC<SuperscriptProps> = memo(({ children, supText, ...rest }) => {\n  const { ...textProps } = rest;\n\n  return (\n    <FlexView $flexDirection=\"row\">\n      <span>{children}</span>\n      <S.SuperscriptText {...textProps}>{supText}</S.SuperscriptText>\n    </FlexView>\n  );\n});\n"],"names":["Superscript","memo","children","supText","rest","textProps","jsxs","FlexView","jsx","S.SuperscriptText"],"mappings":";;;;AAQa,MAAAA,IAAoCC,EAAK,CAAC,EAAE,UAAAC,GAAU,SAAAC,GAAS,GAAGC,QAAW;AAClF,QAAA,EAAE,GAAGC,EAAA,IAAcD;AAGvB,SAAA,gBAAAE,EAACC,GAAS,EAAA,gBAAe,OACvB,UAAA;AAAA,IAAA,gBAAAC,EAAC,UAAM,UAAAN,GAAS;AAAA,sBACfO,GAAA,EAAmB,GAAGJ,GAAY,UAAQF,EAAA,CAAA;AAAA,EAAA,GAC7C;AAEJ,CAAC;"}

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

@@ -1 +1 @@
-{"version":3,"file":"tab-styled.js","sources":["../../../../src/features/ui/tab/tab-styled.tsx"],"sourcesContent":["import type { ITabWrapperProps } from './tab-types';\n\nimport styled from 'styled-components';\n\nimport FlexView from '../layout/flex-view';\n\nconst TabWrapper = styled(FlexView)<ITabWrapperProps>(({\n  theme,\n  $selected,\n  $size,\n  $renderAs,\n  $disabled,\n  $shape,\n}) => {\n  const { colors, tab, layout } = theme;\n  const { sizes, variants } = tab;\n  const { height, paddingHorizontal } = sizes[$size];\n  const { backgroundColorName, colorName, borderColorName, fontWeight } = variants[$renderAs];\n\n  return `\n      height:${height}px;\n      padding:0 ${paddingHorizontal}px;\n      cursor:${$disabled ? 'not-allowed' : 'pointer'};\n      margin:${$shape === 'square' ? layout.gutter * 0.5 : 0}px;\n      border-radius: ${$shape === 'curved' ? '50px' : '8px'};\n      border:1px solid ${\n        $disabled\n          ? colors[borderColorName.disabled]\n          : $selected\n            ? colors[borderColorName.active]\n            : colors[borderColorName.inactive]\n      };\n      background-color: ${\n        $disabled\n          ? colors[backgroundColorName.disabled]\n          : $selected\n            ? colors[backgroundColorName.active]\n            : colors[backgroundColorName.inactive]\n      };\n      & div{\n        font-weight:${\n          $disabled ? fontWeight.disabled : $selected ? fontWeight.active : fontWeight.inactive\n        };\n        color: ${\n          $disabled\n            ? colors[colorName.disabled]\n            : $selected\n              ? colors[colorName.active]\n              : colors[colorName.inactive]\n        };\n      }\n      &:hover {\n        background-color:${\n          $disabled\n            ? colors[backgroundColorName.disabled]\n            : $selected\n              ? colors[backgroundColorName.active]\n              : colors[backgroundColorName.hover]\n        };\n        border-color: ${\n          $disabled\n            ? colors[borderColorName.disabled]\n            : $selected\n              ? colors[borderColorName.active]\n              : colors[borderColorName.hover]\n        };\n        & div{\n          font-weight:${fontWeight.hover};\n          color:${\n            $disabled\n              ? colors[colorName.disabled]\n              : $selected\n                ? colors[colorName.active]\n                : colors[colorName.hover]\n          };\n        } \n      }\n    `;\n});\n\nexport { TabWrapper };\n"],"names":["TabWrapper","styled","FlexView","theme","$selected","$size","$renderAs","$disabled","$shape","colors","tab","layout","sizes","variants","height","paddingHorizontal","backgroundColorName","colorName","borderColorName","fontWeight"],"mappings":";;AAMA,MAAMA,IAAaC,EAAOC,CAAQ,EAAoB,CAAC;AAAA,EACrD,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC;AACF,MAAM;AACJ,QAAM,EAAE,QAAAC,GAAQ,KAAAC,GAAK,QAAAC,EAAA,IAAWR,GAC1B,EAAE,OAAAS,GAAO,UAAAC,EAAa,IAAAH,GACtB,EAAE,QAAAI,GAAQ,mBAAAC,EAAkB,IAAIH,EAAMP,CAAK,GAC3C,EAAE,qBAAAW,GAAqB,WAAAC,GAAW,iBAAAC,GAAiB,YAAAC,MAAeN,EAASP,CAAS;AAEnF,SAAA;AAAA,eACMQ,CAAM;AAAA,kBACHC,CAAiB;AAAA,eACpBR,IAAY,gBAAgB,SAAS;AAAA,eACrCC,MAAW,WAAWG,EAAO,SAAS,MAAM,CAAC;AAAA,uBACrCH,MAAW,WAAW,SAAS,KAAK;AAAA,yBAEnDD,IACIE,EAAOS,EAAgB,QAAQ,IAC/Bd,IACEK,EAAOS,EAAgB,MAAM,IAC7BT,EAAOS,EAAgB,QAAQ,CACvC;AAAA,0BAEEX,IACIE,EAAOO,EAAoB,QAAQ,IACnCZ,IACEK,EAAOO,EAAoB,MAAM,IACjCP,EAAOO,EAAoB,QAAQ,CAC3C;AAAA;AAAA,sBAGIT,IAAYY,EAAW,WAAWf,IAAYe,EAAW,SAASA,EAAW,QAC/E;AAAA,iBAEEZ,IACIE,EAAOQ,EAAU,QAAQ,IACzBb,IACEK,EAAOQ,EAAU,MAAM,IACvBR,EAAOQ,EAAU,QAAQ,CACjC;AAAA;AAAA;AAAA,2BAIEV,IACIE,EAAOO,EAAoB,QAAQ,IACnCZ,IACEK,EAAOO,EAAoB,MAAM,IACjCP,EAAOO,EAAoB,KAAK,CACxC;AAAA,wBAEET,IACIE,EAAOS,EAAgB,QAAQ,IAC/Bd,IACEK,EAAOS,EAAgB,MAAM,IAC7BT,EAAOS,EAAgB,KAAK,CACpC;AAAA;AAAA,wBAEgBC,EAAW,KAAK;AAAA,kBAE5BZ,IACIE,EAAOQ,EAAU,QAAQ,IACzBb,IACEK,EAAOQ,EAAU,MAAM,IACvBR,EAAOQ,EAAU,KAAK,CAC9B;AAAA;AAAA;AAAA;AAIV,CAAC;"}
+{"version":3,"file":"tab-styled.js","sources":["../../../../src/features/ui/tab/tab-styled.tsx"],"sourcesContent":["import type { ITabWrapperProps } from './tab-types';\n\nimport styled from 'styled-components';\n\nimport FlexView from '../layout/flex-view';\n\nconst TabWrapper = styled(FlexView)<ITabWrapperProps>(({\n  theme,\n  $selected,\n  $size,\n  $renderAs,\n  $disabled,\n  $shape,\n}) => {\n  const { colors, tab, layout } = theme;\n  const { sizes, variants } = tab;\n  const { height, paddingHorizontal } = sizes[$size];\n  const { backgroundColorName, colorName, borderColorName, fontWeight } = variants[$renderAs];\n\n  return `\n      height:${height}px;\n      padding:0 ${paddingHorizontal}px;\n      cursor:${$disabled ? 'not-allowed' : 'pointer'};\n      margin:${$shape === 'square' ? layout.gutter * 0.5 : 0}px;\n      border-radius: ${$shape === 'curved' ? '50px' : '8px'};\n      border:1px solid ${\n        $disabled\n          ? colors[borderColorName.disabled]\n          : $selected\n            ? colors[borderColorName.active]\n            : colors[borderColorName.inactive]\n      };\n      background-color: ${\n        $disabled\n          ? colors[backgroundColorName.disabled]\n          : $selected\n            ? colors[backgroundColorName.active]\n            : colors[backgroundColorName.inactive]\n      };\n      & div{\n        font-weight:${\n          $disabled ? fontWeight.disabled : $selected ? fontWeight.active : fontWeight.inactive\n        };\n        color: ${\n          $disabled\n            ? colors[colorName.disabled]\n            : $selected\n              ? colors[colorName.active]\n              : colors[colorName.inactive]\n        };\n      }\n      &:hover {\n        background-color:${\n          $disabled\n            ? colors[backgroundColorName.disabled]\n            : $selected\n              ? colors[backgroundColorName.active]\n              : colors[backgroundColorName.hover]\n        };\n        border-color: ${\n          $disabled\n            ? colors[borderColorName.disabled]\n            : $selected\n              ? colors[borderColorName.active]\n              : colors[borderColorName.hover]\n        };\n        & div{\n          font-weight:${fontWeight.hover};\n          color:${\n            $disabled\n              ? colors[colorName.disabled]\n              : $selected\n                ? colors[colorName.active]\n                : colors[colorName.hover]\n          };\n        } \n      }\n    `;\n});\n\nexport { TabWrapper };\n"],"names":["TabWrapper","styled","FlexView","theme","$selected","$size","$renderAs","$disabled","$shape","colors","tab","layout","sizes","variants","height","paddingHorizontal","backgroundColorName","colorName","borderColorName","fontWeight"],"mappings":";;AAMA,MAAMA,IAAaC,EAAOC,CAAQ,EAAoB,CAAC;AAAA,EACrD,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC;AACF,MAAM;AACJ,QAAM,EAAE,QAAAC,GAAQ,KAAAC,GAAK,QAAAC,EAAW,IAAAR,GAC1B,EAAE,OAAAS,GAAO,UAAAC,EAAA,IAAaH,GACtB,EAAE,QAAAI,GAAQ,mBAAAC,MAAsBH,EAAMP,CAAK,GAC3C,EAAE,qBAAAW,GAAqB,WAAAC,GAAW,iBAAAC,GAAiB,YAAAC,EAAW,IAAIN,EAASP,CAAS;AAEnF,SAAA;AAAA,eACMQ,CAAM;AAAA,kBACHC,CAAiB;AAAA,eACpBR,IAAY,gBAAgB,SAAS;AAAA,eACrCC,MAAW,WAAWG,EAAO,SAAS,MAAM,CAAC;AAAA,uBACrCH,MAAW,WAAW,SAAS,KAAK;AAAA,yBAEnDD,IACIE,EAAOS,EAAgB,QAAQ,IAC/Bd,IACEK,EAAOS,EAAgB,MAAM,IAC7BT,EAAOS,EAAgB,QAAQ,CACvC;AAAA,0BAEEX,IACIE,EAAOO,EAAoB,QAAQ,IACnCZ,IACEK,EAAOO,EAAoB,MAAM,IACjCP,EAAOO,EAAoB,QAAQ,CAC3C;AAAA;AAAA,sBAGIT,IAAYY,EAAW,WAAWf,IAAYe,EAAW,SAASA,EAAW,QAC/E;AAAA,iBAEEZ,IACIE,EAAOQ,EAAU,QAAQ,IACzBb,IACEK,EAAOQ,EAAU,MAAM,IACvBR,EAAOQ,EAAU,QAAQ,CACjC;AAAA;AAAA;AAAA,2BAIEV,IACIE,EAAOO,EAAoB,QAAQ,IACnCZ,IACEK,EAAOO,EAAoB,MAAM,IACjCP,EAAOO,EAAoB,KAAK,CACxC;AAAA,wBAEET,IACIE,EAAOS,EAAgB,QAAQ,IAC/Bd,IACEK,EAAOS,EAAgB,MAAM,IAC7BT,EAAOS,EAAgB,KAAK,CACpC;AAAA;AAAA,wBAEgBC,EAAW,KAAK;AAAA,kBAE5BZ,IACIE,EAAOQ,EAAU,QAAQ,IACzBb,IACEK,EAAOQ,EAAU,MAAM,IACvBR,EAAOQ,EAAU,KAAK,CAC9B;AAAA;AAAA;AAAA;AAIV,CAAC;"}

package/dist/features/ui/tab/tab.js

@@ -1,40 +1,40 @@
-import { jsx as e } from "react/jsx-runtime";
-import { memo as c } from "react";
-import { useTheme as f } from "styled-components";
+import { jsx as t } from "react/jsx-runtime";
+import { memo as f } from "react";
+import { useTheme as c } from "styled-components";
 import u from "../text/text.js";
-import { TabWrapper as T } from "./tab-styled.js";
-const l = c(
+import { TabWrapper as l } from "./tab-styled.js";
+const C = f(
   ({
     $renderAs: o = "primary",
     $size: r = "regular",
     label: m,
-    $selected: t,
+    $selected: e,
     $width: n,
     $disabled: a,
-    onClick: p,
-    shape: i = "square"
+    onClick: i,
+    shape: p = "square"
   }) => {
     const {
       tab: { sizes: s }
-    } = f();
-    return /* @__PURE__ */ e(
-      T,
+    } = c();
+    return /* @__PURE__ */ t(
+      l,
       {
-        $selected: t,
+        $selected: e,
         $width: n,
-        onClick: p,
+        onClick: i,
         $size: r,
         $renderAs: o,
         $disabled: a,
         $justifyContent: "center",
         $alignItems: "center",
-        $shape: i,
-        children: /* @__PURE__ */ e(u, { $renderAs: s[r].textVariant, color: t ? "WHITE" : "BLACK", children: m })
+        $shape: p,
+        children: /* @__PURE__ */ t(u, { $renderAs: s[r].textVariant, color: e ? "WHITE" : "BLACK", children: m })
       }
     );
   }
-), $ = l;
+);
 export {
-  $ as default
+  C as default
 };
 //# sourceMappingURL=tab.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"tab.js","sources":["../../../../src/features/ui/tab/tab.tsx"],"sourcesContent":["import type { ITabProps } from './tab-types';\n\nimport React, { memo } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport Text from '../text/text';\nimport * as Styled from './tab-styled';\n\nconst TabComponent: React.FC<ITabProps> = memo(\n  ({\n    $renderAs = 'primary',\n    $size = 'regular',\n    label,\n    $selected,\n    $width,\n    $disabled,\n    onClick,\n    shape = 'square',\n  }) => {\n    const {\n      tab: { sizes },\n    } = useTheme();\n\n    return (\n      <Styled.TabWrapper\n        $selected={$selected}\n        $width={$width}\n        onClick={onClick}\n        $size={$size}\n        $renderAs={$renderAs}\n        $disabled={$disabled}\n        $justifyContent=\"center\"\n        $alignItems=\"center\"\n        $shape={shape}\n      >\n        <Text $renderAs={sizes[$size].textVariant} color={$selected ? 'WHITE' : 'BLACK'}>\n          {label}\n        </Text>\n      </Styled.TabWrapper>\n    );\n  },\n);\n\nexport default TabComponent;\n"],"names":["TabComponent","memo","$renderAs","$size","label","$selected","$width","$disabled","onClick","shape","sizes","useTheme","jsx","Styled.TabWrapper","Text","TabComponent$1"],"mappings":";;;;;AAQA,MAAMA,IAAoCC;AAAA,EACxC,CAAC;AAAA,IACC,WAAAC,IAAY;AAAA,IACZ,OAAAC,IAAQ;AAAA,IACR,OAAAC;AAAA,IACA,WAAAC;AAAA,IACA,QAAAC;AAAA,IACA,WAAAC;AAAA,IACA,SAAAC;AAAA,IACA,OAAAC,IAAQ;AAAA,EAAA,MACJ;AACE,UAAA;AAAA,MACJ,KAAK,EAAE,OAAAC,EAAM;AAAA,QACXC,EAAS;AAGX,WAAA,gBAAAC;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,WAAAR;AAAA,QACA,QAAAC;AAAA,QACA,SAAAE;AAAA,QACA,OAAAL;AAAA,QACA,WAAAD;AAAA,QACA,WAAAK;AAAA,QACA,iBAAgB;AAAA,QAChB,aAAY;AAAA,QACZ,QAAQE;AAAA,QAER,UAAA,gBAAAG,EAACE,GAAK,EAAA,WAAWJ,EAAMP,CAAK,EAAE,aAAa,OAAOE,IAAY,UAAU,SACrE,UACHD,EAAA,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF,GAEAW,IAAef;"}
+{"version":3,"file":"tab.js","sources":["../../../../src/features/ui/tab/tab.tsx"],"sourcesContent":["import type { ITabProps } from './tab-types';\n\nimport React, { memo } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport Text from '../text/text';\nimport * as Styled from './tab-styled';\n\nconst TabComponent: React.FC<ITabProps> = memo(\n  ({\n    $renderAs = 'primary',\n    $size = 'regular',\n    label,\n    $selected,\n    $width,\n    $disabled,\n    onClick,\n    shape = 'square',\n  }) => {\n    const {\n      tab: { sizes },\n    } = useTheme();\n\n    return (\n      <Styled.TabWrapper\n        $selected={$selected}\n        $width={$width}\n        onClick={onClick}\n        $size={$size}\n        $renderAs={$renderAs}\n        $disabled={$disabled}\n        $justifyContent=\"center\"\n        $alignItems=\"center\"\n        $shape={shape}\n      >\n        <Text $renderAs={sizes[$size].textVariant} color={$selected ? 'WHITE' : 'BLACK'}>\n          {label}\n        </Text>\n      </Styled.TabWrapper>\n    );\n  },\n);\n\nexport default TabComponent;\n"],"names":["TabComponent","memo","$renderAs","$size","label","$selected","$width","$disabled","onClick","shape","sizes","useTheme","jsx","Styled.TabWrapper","Text"],"mappings":";;;;;AAQA,MAAMA,IAAoCC;AAAA,EACxC,CAAC;AAAA,IACC,WAAAC,IAAY;AAAA,IACZ,OAAAC,IAAQ;AAAA,IACR,OAAAC;AAAA,IACA,WAAAC;AAAA,IACA,QAAAC;AAAA,IACA,WAAAC;AAAA,IACA,SAAAC;AAAA,IACA,OAAAC,IAAQ;AAAA,EAAA,MACJ;AACE,UAAA;AAAA,MACJ,KAAK,EAAE,OAAAC,EAAM;AAAA,QACXC,EAAS;AAGX,WAAA,gBAAAC;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,WAAAR;AAAA,QACA,QAAAC;AAAA,QACA,SAAAE;AAAA,QACA,OAAAL;AAAA,QACA,WAAAD;AAAA,QACA,WAAAK;AAAA,QACA,iBAAgB;AAAA,QAChB,aAAY;AAAA,QACZ,QAAQE;AAAA,QAER,UAAA,gBAAAG,EAACE,GAAK,EAAA,WAAWJ,EAAMP,CAAK,EAAE,aAAa,OAAOE,IAAY,UAAU,SACrE,UACHD,EAAA,CAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;"}

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

@@ -1 +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;"}
+{"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,EAAA,IACfF;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

@@ -1,8 +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;
+import d from "../text/text.js";
+import { Wrapper as m } from "./tag-styled.js";
+const c = ({ text: o, backgroundColor: e, textColor: t }) => /* @__PURE__ */ r(m, { $backgroundColor: e, children: /* @__PURE__ */ r(d, { $renderAs: "body3", $color: t, children: o }) });
 export {
-  i as default
+  c as default
 };
 //# sourceMappingURL=tag.js.map

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

@@ -1 +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;"}
+{"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"],"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,YACH,CAAA,GACF;"}

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

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

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

@@ -1 +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}\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  }) => {\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    `;\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","text","colors","layout","fontFamily","fontSize","lineHeight","letterSpacing","textTransform","Text$1"],"mappings":";AAqBA,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,EAAA,MACI;AACJ,UAAM,EAAE,MAAAC,GAAM,QAAAC,GAAQ,QAAAC,EAAA,IAAWd,GAC3B;AAAA,MACJ,YAAAe;AAAA,MACA,UAAAC;AAAA,MACA,YAAAC;AAAA,MACA,eAAAC;AAAA,MACA,eAAAC,IAAgB;AAAA,IAAA,IACdP,EAAKX,CAAS;AAEX,WAAA;AAAA,iBACMS,IAAU,iBAAiB,OAAO;AAAA,qBAC9BK,CAAU;AAAA,mBACZC,CAAQ;AAAA,oBACPb,CAAM;AAAA,qBACLc,CAAU;AAAA,wBACPE,CAAa;AAAA,QAC7B,OAAOD,KAAkB,WAAW,mBAAmBA,CAAa,QAAQ,EAAE;AAAA,eACvEhB,IAASW,EAAOX,CAAM,IAAIW,EAAO,KAAK;AAAA,iBACpCJ,CAAQ;AAAA,eACVL,IAAS,GAAGA,CAAM,KAAK,MAAM,GAAG,OAAOA,KAAW,WAAW,OAAO,EAAE;AAAA,QAC7EC,IAAU,UAAUA,IAAUS,EAAO,MAAM,QAAQ,EAAE;AAAA,uBACtCR,IAAgB,GAAGA,CAAa,KAAK,SAAS,GAC7D,OAAOA,KAAkB,WAAW,OAAO,EAC7C;AAAA,QACEC,IAAiB,kBAAkBA,IAAiBO,EAAO,MAAM,QAAQ,EAAE;AAAA,QAC3EN,IAAa,eAAeA,CAAU,MAAM,EAAE;AAAA,QAC9CG,IAAkB,oBAAoBA,CAAe,MAAM,EAAE;AAAA;AAAA,EAEnE;AACF;AAEAb,EAAK,cAAc;AAEnB,MAAAsB,IAAetB;"}
+{"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}\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  }) => {\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    `;\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","text","colors","layout","fontFamily","fontSize","lineHeight","letterSpacing","textTransform"],"mappings":";AAqBA,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,EAAA,MACI;AACJ,UAAM,EAAE,MAAAC,GAAM,QAAAC,GAAQ,QAAAC,EAAW,IAAAd,GAC3B;AAAA,MACJ,YAAAe;AAAA,MACA,UAAAC;AAAA,MACA,YAAAC;AAAA,MACA,eAAAC;AAAA,MACA,eAAAC,IAAgB;AAAA,IAAA,IACdP,EAAKX,CAAS;AAEX,WAAA;AAAA,iBACMS,IAAU,iBAAiB,OAAO;AAAA,qBAC9BK,CAAU;AAAA,mBACZC,CAAQ;AAAA,oBACPb,CAAM;AAAA,qBACLc,CAAU;AAAA,wBACPE,CAAa;AAAA,QAC7B,OAAOD,KAAkB,WAAW,mBAAmBA,CAAa,QAAQ,EAAE;AAAA,eACvEhB,IAASW,EAAOX,CAAM,IAAIW,EAAO,KAAK;AAAA,iBACpCJ,CAAQ;AAAA,eACVL,IAAS,GAAGA,CAAM,KAAK,MAAM,GAAG,OAAOA,KAAW,WAAW,OAAO,EAAE;AAAA,QAC7EC,IAAU,UAAUA,IAAUS,EAAO,MAAM,QAAQ,EAAE;AAAA,uBACtCR,IAAgB,GAAGA,CAAa,KAAK,SAAS,GAC7D,OAAOA,KAAkB,WAAW,OAAO,EAC7C;AAAA,QACEC,IAAiB,kBAAkBA,IAAiBO,EAAO,MAAM,QAAQ,EAAE;AAAA,QAC3EN,IAAa,eAAeA,CAAU,MAAM,EAAE;AAAA,QAC9CG,IAAkB,oBAAoBA,CAAe,MAAM,EAAE;AAAA;AAAA,EAAA;AAGrE;AAEAb,EAAK,cAAc;"}

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

@@ -1 +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;"}
+{"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,EAAA;AAEnB,EAEyB;"}

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

@@ -1 +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: 'WHITE',\n        active: 'RED',\n        disabled: 'GREY_3',\n      },\n      colorName: {\n        inactive: 'RED',\n        active: 'WHITE',\n        disabled: 'BLACK',\n      },\n      borderColorName: {\n        inactive: 'RED',\n        active: 'RED',\n        disabled: 'GREY_3',\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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"}
+{"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: 'WHITE',\n        active: 'RED',\n        disabled: 'GREY_3',\n      },\n      colorName: {\n        inactive: 'RED',\n        active: 'WHITE',\n        disabled: 'BLACK',\n      },\n      borderColorName: {\n        inactive: 'RED',\n        active: 'RED',\n        disabled: 'GREY_3',\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.map

@@ -1 +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;"}
+{"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,IAAA;AAAA,EAEd;AAAA,EACA,SAAS;AAAA,IACP,MAAMA,IAAS;AAAA,IACf,aAAa;AAAA,MACX,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,UAAU;AAAA,IAAA;AAAA,EAEd;AAAA,EACA,QAAQ;AAAA,IACN,MAAMA,IAAS;AAAA,IACf,aAAa;AAAA,MACX,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,UAAU;AAAA,IAAA;AAAA,EACZ;AAEJ,GAkCgB,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,IAAA;AAAA,EAEZ;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,IAAA;AAAA,EACV;AAEJ,EAEyB;"}

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

@@ -1 +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 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  };\n};\n\nexport { getTheme };\n"],"names":["getTheme","layout","getLayout","gutter","getArrowTooltipConfig","getButtonConfig","getColors","hues","getInputConfig","getCheckboxConfig","getTabConfig","getTextTypes","getTextButtonConfig","getZIndexConfig"],"mappings":";;;;;;;;;;AAaA,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,EAAA;AAE5B;"}
+{"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 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  };\n};\n\nexport { getTheme };\n"],"names":["getTheme","layout","getLayout","gutter","getArrowTooltipConfig","getButtonConfig","getColors","hues","getInputConfig","getCheckboxConfig","getTabConfig","getTextTypes","getTextButtonConfig","getZIndexConfig"],"mappings":";;;;;;;;;;AAaA,MAAMA,IAA+B,MAAM;AACzC,QAAMC,IAASC,EAAU,GACnB,EAAE,QAAAC,MAAWF;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,EAC1B;AACF;"}

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

@@ -1 +1 @@
-{"version":3,"file":"input.js","sources":["../../../../src/features/ui/theme/input.ts"],"sourcesContent":["import type { IInputSizeConfig, IInputVariantConfig, TInputSizes, TInputVariants } from '../types';\n\ninterface IGetInputConfig {\n  (gutter: number): {\n    sizes: Record<TInputSizes, IInputSizeConfig>;\n    variants: Record<TInputVariants, IInputVariantConfig>;\n  };\n}\nconst getInputConfig: IGetInputConfig = gutter => {\n  const sizes: Record<TInputSizes, IInputSizeConfig> = {\n    regular: {\n      height: gutter * 2.75, // height of input\n      marginTop: gutter * 0.5, // extra space when label is on top of input\n      marginBottom: gutter * 1.5, // extra space for message comes on bottom of input\n      paddingLeft: gutter,\n      paddingRight: gutter * 0.75,\n      borderRadius: gutter * 0.5,\n      inputTextVariant: 'body1',\n      labelTextVariant: 'body1',\n      messageTextVariant: 'body3',\n      iconsize: gutter * 1.5,\n      iconPadding: gutter, // padding between left of icon and input\n    },\n    small: {\n      height: gutter * 2.125, // height of input\n      marginTop: gutter * 0.5, // extra space when label is on top of input\n      marginBottom: 0, // extra space for message comes on bottom of input\n      paddingLeft: gutter * 0.5,\n      paddingRight: gutter * 0.5,\n      borderRadius: gutter * 0.5,\n      inputTextVariant: 'body3',\n      labelTextVariant: 'body3',\n      messageTextVariant: 'body3',\n      iconsize: gutter * 1.25,\n      iconPadding: gutter * 0.5, // padding between left of icon and input\n    },\n    xsmall: {\n      height: gutter * 1.75, // height of input\n      marginTop: 0, // extra space when label is on top of input\n      marginBottom: 0, // extra space for message comes on bottom of input\n      paddingLeft: gutter * 0.75,\n      paddingRight: gutter * 0.5,\n      borderRadius: gutter * 0.5,\n      inputTextVariant: 'body3',\n      labelTextVariant: 'body3',\n      messageTextVariant: 'body3',\n      iconsize: gutter,\n      iconPadding: gutter * 0.5, // padding between left of icon and input\n    },\n  };\n  const primaryVariant: IInputVariantConfig = {\n    valueColorName: {\n      inactive: 'BLACK',\n      active: 'BLACK',\n      disabled: 'BLACK_50',\n    },\n    borderColorName: {\n      inactive: 'BLACK_T_15',\n      active: 'BLACK_T_87',\n      disabled: 'BLACK_T_15',\n    },\n    labelColorName: {\n      inactive: 'BLACK_75',\n      active: 'BLACK',\n      disabled: 'BLACK_50',\n    },\n    messageColorName: {\n      inactive: 'BLACK_75',\n      active: 'BLACK_75',\n      disabled: 'BLACK_50',\n    },\n    opacity: {\n      disabled: 0.5,\n      enabled: 1,\n    },\n  };\n\n  const secondaryVariant: IInputVariantConfig = {\n    ...primaryVariant,\n    backgroundColorName: 'GREY_1',\n    optionHoverColorName: 'WHITE',\n    borderColorName: {\n      active: 'TRANSPARENT',\n      inactive: 'TRANSPARENT',\n      disabled: 'TRANSPARENT',\n    },\n  };\n\n  const variants: Record<TInputVariants, IInputVariantConfig> = {\n    primary: primaryVariant,\n    secondary: secondaryVariant,\n    success: {\n      opacity: primaryVariant.opacity,\n      valueColorName: primaryVariant.valueColorName,\n      borderColorName: {\n        inactive: 'GREEN_5',\n        active: 'GREEN_5',\n        disabled: 'GREEN_5',\n      },\n      labelColorName: {\n        inactive: 'GREEN_5',\n        active: 'GREEN_5',\n        disabled: 'GREEN_5',\n      },\n      messageColorName: {\n        inactive: 'GREEN_5',\n        active: 'GREEN_5',\n        disabled: 'GREEN_5',\n      },\n    },\n    error: {\n      opacity: primaryVariant.opacity,\n      valueColorName: primaryVariant.valueColorName,\n      borderColorName: {\n        inactive: 'RED',\n        active: 'RED',\n        disabled: 'RED',\n      },\n      labelColorName: {\n        inactive: 'RED',\n        active: 'RED',\n        disabled: 'RED',\n      },\n      messageColorName: {\n        inactive: 'RED',\n        active: 'RED',\n        disabled: 'RED',\n      },\n    },\n  };\n\n  return { sizes, variants };\n};\n\nexport default getInputConfig;\n"],"names":["getInputConfig","gutter","sizes","primaryVariant","secondaryVariant","variants"],"mappings":"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"}
+{"version":3,"file":"input.js","sources":["../../../../src/features/ui/theme/input.ts"],"sourcesContent":["import type { IInputSizeConfig, IInputVariantConfig, TInputSizes, TInputVariants } from '../types';\n\ninterface IGetInputConfig {\n  (gutter: number): {\n    sizes: Record<TInputSizes, IInputSizeConfig>;\n    variants: Record<TInputVariants, IInputVariantConfig>;\n  };\n}\nconst getInputConfig: IGetInputConfig = gutter => {\n  const sizes: Record<TInputSizes, IInputSizeConfig> = {\n    regular: {\n      height: gutter * 2.75, // height of input\n      marginTop: gutter * 0.5, // extra space when label is on top of input\n      marginBottom: gutter * 1.5, // extra space for message comes on bottom of input\n      paddingLeft: gutter,\n      paddingRight: gutter * 0.75,\n      borderRadius: gutter * 0.5,\n      inputTextVariant: 'body1',\n      labelTextVariant: 'body1',\n      messageTextVariant: 'body3',\n      iconsize: gutter * 1.5,\n      iconPadding: gutter, // padding between left of icon and input\n    },\n    small: {\n      height: gutter * 2.125, // height of input\n      marginTop: gutter * 0.5, // extra space when label is on top of input\n      marginBottom: 0, // extra space for message comes on bottom of input\n      paddingLeft: gutter * 0.5,\n      paddingRight: gutter * 0.5,\n      borderRadius: gutter * 0.5,\n      inputTextVariant: 'body3',\n      labelTextVariant: 'body3',\n      messageTextVariant: 'body3',\n      iconsize: gutter * 1.25,\n      iconPadding: gutter * 0.5, // padding between left of icon and input\n    },\n    xsmall: {\n      height: gutter * 1.75, // height of input\n      marginTop: 0, // extra space when label is on top of input\n      marginBottom: 0, // extra space for message comes on bottom of input\n      paddingLeft: gutter * 0.75,\n      paddingRight: gutter * 0.5,\n      borderRadius: gutter * 0.5,\n      inputTextVariant: 'body3',\n      labelTextVariant: 'body3',\n      messageTextVariant: 'body3',\n      iconsize: gutter,\n      iconPadding: gutter * 0.5, // padding between left of icon and input\n    },\n  };\n  const primaryVariant: IInputVariantConfig = {\n    valueColorName: {\n      inactive: 'BLACK',\n      active: 'BLACK',\n      disabled: 'BLACK_50',\n    },\n    borderColorName: {\n      inactive: 'BLACK_T_15',\n      active: 'BLACK_T_87',\n      disabled: 'BLACK_T_15',\n    },\n    labelColorName: {\n      inactive: 'BLACK_75',\n      active: 'BLACK',\n      disabled: 'BLACK_50',\n    },\n    messageColorName: {\n      inactive: 'BLACK_75',\n      active: 'BLACK_75',\n      disabled: 'BLACK_50',\n    },\n    opacity: {\n      disabled: 0.5,\n      enabled: 1,\n    },\n  };\n\n  const secondaryVariant: IInputVariantConfig = {\n    ...primaryVariant,\n    backgroundColorName: 'GREY_1',\n    optionHoverColorName: 'WHITE',\n    borderColorName: {\n      active: 'TRANSPARENT',\n      inactive: 'TRANSPARENT',\n      disabled: 'TRANSPARENT',\n    },\n  };\n\n  const variants: Record<TInputVariants, IInputVariantConfig> = {\n    primary: primaryVariant,\n    secondary: secondaryVariant,\n    success: {\n      opacity: primaryVariant.opacity,\n      valueColorName: primaryVariant.valueColorName,\n      borderColorName: {\n        inactive: 'GREEN_5',\n        active: 'GREEN_5',\n        disabled: 'GREEN_5',\n      },\n      labelColorName: {\n        inactive: 'GREEN_5',\n        active: 'GREEN_5',\n        disabled: 'GREEN_5',\n      },\n      messageColorName: {\n        inactive: 'GREEN_5',\n        active: 'GREEN_5',\n        disabled: 'GREEN_5',\n      },\n    },\n    error: {\n      opacity: primaryVariant.opacity,\n      valueColorName: primaryVariant.valueColorName,\n      borderColorName: {\n        inactive: 'RED',\n        active: 'RED',\n        disabled: 'RED',\n      },\n      labelColorName: {\n        inactive: 'RED',\n        active: 'RED',\n        disabled: 'RED',\n      },\n      messageColorName: {\n        inactive: 'RED',\n        active: 'RED',\n        disabled: 'RED',\n      },\n    },\n  };\n\n  return { sizes, variants };\n};\n\nexport default getInputConfig;\n"],"names":["getInputConfig","gutter","sizes","primaryVariant","secondaryVariant","variants"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"layout.js","sources":["../../../../src/features/ui/theme/layout.ts"],"sourcesContent":["import type { ILayout } from '../types';\n\nfunction getLayout(multiplier: number = 1): ILayout {\n  return {\n    gutter: 16 * multiplier,\n  };\n}\n\nexport default getLayout;\n"],"names":["getLayout","multiplier"],"mappings":"AAEA,SAASA,EAAUC,IAAqB,GAAY;AAC3C,SAAA;AAAA,IACL,QAAQ,KAAKA;AAAA,EAAA;AAEjB;"}
+{"version":3,"file":"layout.js","sources":["../../../../src/features/ui/theme/layout.ts"],"sourcesContent":["import type { ILayout } from '../types';\n\nfunction getLayout(multiplier: number = 1): ILayout {\n  return {\n    gutter: 16 * multiplier,\n  };\n}\n\nexport default getLayout;\n"],"names":["getLayout","multiplier"],"mappings":"AAEA,SAASA,EAAUC,IAAqB,GAAY;AAC3C,SAAA;AAAA,IACL,QAAQ,KAAKA;AAAA,EACf;AACF;"}

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

@@ -1 +1 @@
-{"version":3,"file":"tab.js","sources":["../../../../src/features/ui/theme/tab.ts"],"sourcesContent":["import type { ITabSizeConfig, ITabVariantConfig, TTabSizes, TTabVariants } from '../types';\n\ninterface IGetTabConfig {\n  (gutter: number): {\n    sizes: Record<TTabSizes, ITabSizeConfig>;\n    variants: Record<TTabVariants, ITabVariantConfig>;\n  };\n}\n\nconst getTabConfig: IGetTabConfig = (gutter: number) => {\n  const sizes: Record<TTabSizes, ITabSizeConfig> = {\n    xsmall: {\n      height: gutter * 1.625,\n      paddingHorizontal: gutter * 0.5,\n      textVariant: 'body3',\n    },\n    small: {\n      height: gutter * 2,\n      paddingHorizontal: gutter * 0.75,\n      textVariant: 'body2',\n    },\n    regular: {\n      height: gutter * 2.5,\n      paddingHorizontal: gutter,\n      textVariant: 'body1',\n    },\n    medium: {\n      height: gutter * 3,\n      paddingHorizontal: gutter,\n      textVariant: 'body1',\n    },\n  };\n\n  const variants: Record<TTabVariants, ITabVariantConfig> = {\n    primary: {\n      backgroundColorName: {\n        inactive: 'WHITE',\n        active: 'BLACK',\n        hover: 'BLACK',\n        disabled: 'GREY_1',\n      },\n      colorName: {\n        inactive: 'BLACK',\n        active: 'WHITE',\n        hover: 'WHITE',\n        disabled: 'BLACK_50',\n      },\n      borderColorName: {\n        inactive: 'GREY_3',\n        active: 'BLACK',\n        hover: 'BLACK',\n        disabled: 'GREY_1',\n      },\n      fontWeight: {\n        inactive: 400,\n        active: 500,\n        hover: 500,\n        disabled: 400,\n      },\n    },\n  };\n\n  return { sizes, variants };\n};\n\nexport default getTabConfig;\n"],"names":["getTabConfig","gutter"],"mappings":"AASM,MAAAA,IAA8B,CAACC,OAqD5B,EAAE,OApDwC;AAAA,EAC/C,QAAQ;AAAA,IACN,QAAQA,IAAS;AAAA,IACjB,mBAAmBA,IAAS;AAAA,IAC5B,aAAa;AAAA,EACf;AAAA,EACA,OAAO;AAAA,IACL,QAAQA,IAAS;AAAA,IACjB,mBAAmBA,IAAS;AAAA,IAC5B,aAAa;AAAA,EACf;AAAA,EACA,SAAS;AAAA,IACP,QAAQA,IAAS;AAAA,IACjB,mBAAmBA;AAAA,IACnB,aAAa;AAAA,EACf;AAAA,EACA,QAAQ;AAAA,IACN,QAAQA,IAAS;AAAA,IACjB,mBAAmBA;AAAA,IACnB,aAAa;AAAA,EACf;AAAA,GAgCc,UA7B0C;AAAA,EACxD,SAAS;AAAA,IACP,qBAAqB;AAAA,MACnB,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,UAAU;AAAA,IACZ;AAAA,IACA,WAAW;AAAA,MACT,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,UAAU;AAAA,IACZ;AAAA,IACA,iBAAiB;AAAA,MACf,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,UAAU;AAAA,IACZ;AAAA,IACA,YAAY;AAAA,MACV,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,UAAU;AAAA,IACZ;AAAA,EACF;AAAA;"}
+{"version":3,"file":"tab.js","sources":["../../../../src/features/ui/theme/tab.ts"],"sourcesContent":["import type { ITabSizeConfig, ITabVariantConfig, TTabSizes, TTabVariants } from '../types';\n\ninterface IGetTabConfig {\n  (gutter: number): {\n    sizes: Record<TTabSizes, ITabSizeConfig>;\n    variants: Record<TTabVariants, ITabVariantConfig>;\n  };\n}\n\nconst getTabConfig: IGetTabConfig = (gutter: number) => {\n  const sizes: Record<TTabSizes, ITabSizeConfig> = {\n    xsmall: {\n      height: gutter * 1.625,\n      paddingHorizontal: gutter * 0.5,\n      textVariant: 'body3',\n    },\n    small: {\n      height: gutter * 2,\n      paddingHorizontal: gutter * 0.75,\n      textVariant: 'body2',\n    },\n    regular: {\n      height: gutter * 2.5,\n      paddingHorizontal: gutter,\n      textVariant: 'body1',\n    },\n    medium: {\n      height: gutter * 3,\n      paddingHorizontal: gutter,\n      textVariant: 'body1',\n    },\n  };\n\n  const variants: Record<TTabVariants, ITabVariantConfig> = {\n    primary: {\n      backgroundColorName: {\n        inactive: 'WHITE',\n        active: 'BLACK',\n        hover: 'BLACK',\n        disabled: 'GREY_1',\n      },\n      colorName: {\n        inactive: 'BLACK',\n        active: 'WHITE',\n        hover: 'WHITE',\n        disabled: 'BLACK_50',\n      },\n      borderColorName: {\n        inactive: 'GREY_3',\n        active: 'BLACK',\n        hover: 'BLACK',\n        disabled: 'GREY_1',\n      },\n      fontWeight: {\n        inactive: 400,\n        active: 500,\n        hover: 500,\n        disabled: 400,\n      },\n    },\n  };\n\n  return { sizes, variants };\n};\n\nexport default getTabConfig;\n"],"names":["getTabConfig","gutter"],"mappings":"AASM,MAAAA,IAA8B,CAACC,OAqD5B,EAAE,OApDwC;AAAA,EAC/C,QAAQ;AAAA,IACN,QAAQA,IAAS;AAAA,IACjB,mBAAmBA,IAAS;AAAA,IAC5B,aAAa;AAAA,EACf;AAAA,EACA,OAAO;AAAA,IACL,QAAQA,IAAS;AAAA,IACjB,mBAAmBA,IAAS;AAAA,IAC5B,aAAa;AAAA,EACf;AAAA,EACA,SAAS;AAAA,IACP,QAAQA,IAAS;AAAA,IACjB,mBAAmBA;AAAA,IACnB,aAAa;AAAA,EACf;AAAA,EACA,QAAQ;AAAA,IACN,QAAQA,IAAS;AAAA,IACjB,mBAAmBA;AAAA,IACnB,aAAa;AAAA,EAAA;AAEjB,GA+BgB,UA7B0C;AAAA,EACxD,SAAS;AAAA,IACP,qBAAqB;AAAA,MACnB,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,UAAU;AAAA,IACZ;AAAA,IACA,WAAW;AAAA,MACT,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,UAAU;AAAA,IACZ;AAAA,IACA,iBAAiB;AAAA,MACf,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,UAAU;AAAA,IACZ;AAAA,IACA,YAAY;AAAA,MACV,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,UAAU;AAAA,IAAA;AAAA,EACZ;AAEJ,EAEyB;"}

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

@@ -1 +1 @@
-{"version":3,"file":"text-button.js","sources":["../../../../src/features/ui/theme/text-button.ts"],"sourcesContent":["import type { ITextButtonSizeConfig, TTextButtonSizes } from '../types';\n\ninterface IGetTextButtonConfig {\n  (): {\n    sizes: Record<TTextButtonSizes, ITextButtonSizeConfig>;\n  };\n}\n\nconst getTextButtonConfig: IGetTextButtonConfig = () => {\n  const sizes: Record<TTextButtonSizes, ITextButtonSizeConfig> = {\n    small: {\n      textVariant: 'cta3',\n      underlineHeight: 1.5,\n      underlineOffset: 5,\n    },\n    regular: {\n      textVariant: 'cta2',\n      underlineHeight: 1.5,\n      underlineOffset: 5,\n    },\n    medium: {\n      textVariant: 'cta1',\n      underlineHeight: 2,\n      underlineOffset: 4,\n    },\n  };\n\n  return { sizes };\n};\n\nexport default getTextButtonConfig;\n"],"names":["getTextButtonConfig"],"mappings":"AAQA,MAAMA,IAA4C,OAmBzC,EAAE,OAlBsD;AAAA,EAC7D,OAAO;AAAA,IACL,aAAa;AAAA,IACb,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,EACnB;AAAA,EACA,SAAS;AAAA,IACP,aAAa;AAAA,IACb,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,EACnB;AAAA,EACA,QAAQ;AAAA,IACN,aAAa;AAAA,IACb,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,EACnB;AAAA,EAGa;"}
+{"version":3,"file":"text-button.js","sources":["../../../../src/features/ui/theme/text-button.ts"],"sourcesContent":["import type { ITextButtonSizeConfig, TTextButtonSizes } from '../types';\n\ninterface IGetTextButtonConfig {\n  (): {\n    sizes: Record<TTextButtonSizes, ITextButtonSizeConfig>;\n  };\n}\n\nconst getTextButtonConfig: IGetTextButtonConfig = () => {\n  const sizes: Record<TTextButtonSizes, ITextButtonSizeConfig> = {\n    small: {\n      textVariant: 'cta3',\n      underlineHeight: 1.5,\n      underlineOffset: 5,\n    },\n    regular: {\n      textVariant: 'cta2',\n      underlineHeight: 1.5,\n      underlineOffset: 5,\n    },\n    medium: {\n      textVariant: 'cta1',\n      underlineHeight: 2,\n      underlineOffset: 4,\n    },\n  };\n\n  return { sizes };\n};\n\nexport default getTextButtonConfig;\n"],"names":["getTextButtonConfig"],"mappings":"AAQA,MAAMA,IAA4C,OAmBzC,EAAE,OAlBsD;AAAA,EAC7D,OAAO;AAAA,IACL,aAAa;AAAA,IACb,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,EACnB;AAAA,EACA,SAAS;AAAA,IACP,aAAa;AAAA,IACb,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,EACnB;AAAA,EACA,QAAQ;AAAA,IACN,aAAa;AAAA,IACb,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,EAAA;AAErB,EAEe;"}

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

@@ -1 +1 @@
-{"version":3,"file":"text.js","sources":["../../../../src/features/ui/theme/text.ts"],"sourcesContent":["import type { ITextConfig, TTextVariants } from '../types';\n\nfunction getTextTypes(multiplier: number = 1): Record<TTextVariants, ITextConfig> {\n  return {\n    'h1': {\n      fontFamily: 'Athletics-Light',\n      fontSize: 60 * multiplier,\n      lineHeight: 60 * multiplier,\n    },\n    'h2': {\n      fontFamily: 'Athletics-Light',\n      fontSize: 48 * multiplier,\n      lineHeight: 52 * multiplier,\n    },\n    'h3': {\n      fontFamily: 'Athletics-Black',\n      fontSize: 40 * multiplier,\n      lineHeight: 44 * multiplier,\n      letterSpacing: 1,\n      textTransform: 'uppercase',\n    },\n    'h4': {\n      fontFamily: 'Athletics-Medium',\n      fontSize: 28 * multiplier,\n      lineHeight: 32 * multiplier,\n    },\n    'h5': {\n      fontFamily: 'Athletics-Black',\n      fontSize: 24 * multiplier,\n      lineHeight: 28 * multiplier,\n      letterSpacing: 1,\n      textTransform: 'uppercase',\n    },\n    'h6': {\n      fontFamily: 'Athletics-Bold',\n      fontSize: 18 * multiplier,\n      lineHeight: 24 * multiplier,\n    },\n    'quote': {\n      fontFamily: 'Athletics-Light',\n      fontSize: 32 * multiplier,\n      lineHeight: 40 * multiplier,\n    },\n    'body1': {\n      fontFamily: 'UntitledSans-Regular',\n      fontSize: 16 * multiplier,\n      lineHeight: 24 * multiplier,\n    },\n    'body1Medium': {\n      fontFamily: 'UntitledSans-Medium',\n      fontSize: 16 * multiplier,\n      lineHeight: 24 * multiplier,\n    },\n    'body2': {\n      fontFamily: 'UntitledSans-Regular',\n      fontSize: 14 * multiplier,\n      lineHeight: 20 * multiplier,\n    },\n    'body3': {\n      fontFamily: 'UntitledSans-Regular',\n      fontSize: 12 * multiplier,\n      lineHeight: 18 * multiplier,\n    },\n    'eyebrow1': {\n      fontFamily: 'Athletics-Black',\n      fontSize: 16 * multiplier,\n      lineHeight: 20 * multiplier,\n      letterSpacing: 1,\n      textTransform: 'uppercase',\n    },\n    'eyebrow2': {\n      fontFamily: 'Athletics-Bold',\n      fontSize: 12 * multiplier,\n      lineHeight: 20 * multiplier,\n      letterSpacing: 1,\n      textTransform: 'uppercase',\n    },\n    'cta1': {\n      fontFamily: 'UntitledSans-Medium',\n      fontSize: 16 * multiplier,\n      lineHeight: 20 * multiplier,\n    },\n    'cta2': {\n      fontFamily: 'UntitledSans-Medium',\n      fontSize: 14 * multiplier,\n      lineHeight: 20 * multiplier,\n    },\n    'cta3': {\n      fontFamily: 'UntitledSans-Medium',\n      fontSize: 12 * multiplier,\n      lineHeight: 18 * multiplier,\n    },\n    'ah1': {\n      fontFamily: 'Athletics-Light',\n      fontSize: 64 * multiplier,\n      lineHeight: 72 * multiplier,\n    },\n    'ah1-bold': {\n      fontFamily: 'Athletics-Bold',\n      fontSize: 64 * multiplier,\n      lineHeight: 72 * multiplier,\n    },\n    'ah1-black': {\n      fontFamily: 'Athletics-Black',\n      fontSize: 64 * multiplier,\n      lineHeight: 72 * multiplier,\n    },\n    'ah2': {\n      fontFamily: 'Athletics-Light',\n      fontSize: 48 * multiplier,\n      lineHeight: 56 * multiplier,\n    },\n    'ah2-bold': {\n      fontFamily: 'Athletics-Bold',\n      fontSize: 48 * multiplier,\n      lineHeight: 56 * multiplier,\n    },\n    'ah2-black': {\n      fontFamily: 'Athletics-Black',\n      fontSize: 48 * multiplier,\n      lineHeight: 56 * multiplier,\n    },\n    'ah3': {\n      fontFamily: 'Athletics-Light',\n      fontSize: 32 * multiplier,\n      lineHeight: 40 * multiplier,\n    },\n    'ah3-bold': {\n      fontFamily: 'Athletics-Bold',\n      fontSize: 32 * multiplier,\n      lineHeight: 40 * multiplier,\n    },\n    'ah3-black': {\n      fontFamily: 'Athletics-Black',\n      fontSize: 32 * multiplier,\n      lineHeight: 40 * multiplier,\n    },\n    'ah4': {\n      fontFamily: 'Athletics-Light',\n      fontSize: 24 * multiplier,\n      lineHeight: 32 * multiplier,\n    },\n    'ah4-bold': {\n      fontFamily: 'Athletics-Bold',\n      fontSize: 24 * multiplier,\n      lineHeight: 32 * multiplier,\n    },\n    'ah4-black': {\n      fontFamily: 'Athletics-Black',\n      fontSize: 24 * multiplier,\n      lineHeight: 32 * multiplier,\n    },\n    'ab1': {\n      fontFamily: 'Athletics-Regular',\n      fontSize: 20 * multiplier,\n      lineHeight: 28 * multiplier,\n    },\n    'ab1-bold': {\n      fontFamily: 'Athletics-Bold',\n      fontSize: 20 * multiplier,\n      lineHeight: 28 * multiplier,\n    },\n    'ab1-black': {\n      fontFamily: 'Athletics-Black',\n      fontSize: 20 * multiplier,\n      lineHeight: 28 * multiplier,\n    },\n    'ab2': {\n      fontFamily: 'Athletics-Regular',\n      fontSize: 16 * multiplier,\n      lineHeight: 22 * multiplier,\n    },\n    'ab2-bold': {\n      fontFamily: 'Athletics-Bold',\n      fontSize: 16 * multiplier,\n      lineHeight: 22 * multiplier,\n    },\n    'ab2-black': {\n      fontFamily: 'Athletics-Black',\n      fontSize: 16 * multiplier,\n      lineHeight: 22 * multiplier,\n    },\n    'ab3': {\n      fontFamily: 'Athletics-Regular',\n      fontSize: 14 * multiplier,\n      lineHeight: 20 * multiplier,\n    },\n    'ab3-bold': {\n      fontFamily: 'Athletics-Bold',\n      fontSize: 14 * multiplier,\n      lineHeight: 20 * multiplier,\n    },\n    'ab3-black': {\n      fontFamily: 'Athletics-Black',\n      fontSize: 14 * multiplier,\n      lineHeight: 20 * multiplier,\n    },\n    'ac1': {\n      fontFamily: 'Athletics-Bold',\n      fontSize: 32 * multiplier,\n      lineHeight: 36 * multiplier,\n      letterSpacing: 1,\n      textTransform: 'uppercase',\n    },\n    'ac1-black': {\n      fontFamily: 'Athletics-Black',\n      fontSize: 32 * multiplier,\n      lineHeight: 36 * multiplier,\n      letterSpacing: 1,\n      textTransform: 'uppercase',\n    },\n    'ac2': {\n      fontFamily: 'Athletics-Bold',\n      fontSize: 20 * multiplier,\n      lineHeight: 24 * multiplier,\n      letterSpacing: 1,\n      textTransform: 'uppercase',\n    },\n    'ac2-black': {\n      fontFamily: 'Athletics-Black',\n      fontSize: 20 * multiplier,\n      lineHeight: 24 * multiplier,\n      letterSpacing: 1,\n      textTransform: 'uppercase',\n    },\n    'ac3': {\n      fontFamily: 'Athletics-Bold',\n      fontSize: 16 * multiplier,\n      lineHeight: 20 * multiplier,\n      letterSpacing: 1,\n      textTransform: 'uppercase',\n    },\n    'ac3-black': {\n      fontFamily: 'Athletics-Black',\n      fontSize: 16 * multiplier,\n      lineHeight: 20 * multiplier,\n      letterSpacing: 1,\n      textTransform: 'uppercase',\n    },\n    'ac4': {\n      fontFamily: 'Athletics-Bold',\n      fontSize: 12 * multiplier,\n      lineHeight: 16 * multiplier,\n      letterSpacing: 1,\n      textTransform: 'uppercase',\n    },\n    'ac4-black': {\n      fontFamily: 'Athletics-Black',\n      fontSize: 12 * multiplier,\n      lineHeight: 16 * multiplier,\n      letterSpacing: 1,\n      textTransform: 'uppercase',\n    },\n    'ub1': {\n      fontFamily: 'UntitledSans-Regular',\n      fontSize: 16 * multiplier,\n      lineHeight: 24 * multiplier,\n    },\n    'ub1-bold': {\n      fontFamily: 'UntitledSans-Medium',\n      fontSize: 16 * multiplier,\n      lineHeight: 24 * multiplier,\n    },\n    'ub2': {\n      fontFamily: 'UntitledSans-Regular',\n      fontSize: 14 * multiplier,\n      lineHeight: 20 * multiplier,\n    },\n    'ub2-bold': {\n      fontFamily: 'UntitledSans-Medium',\n      fontSize: 14 * multiplier,\n      lineHeight: 20 * multiplier,\n    },\n    'ub3': {\n      fontFamily: 'UntitledSans-Regular',\n      fontSize: 12 * multiplier,\n      lineHeight: 16 * multiplier,\n    },\n    'ub3-bold': {\n      fontFamily: 'UntitledSans-Medium',\n      fontSize: 12 * multiplier,\n      lineHeight: 16 * multiplier,\n    },\n  };\n}\n\nexport default getTextTypes;\n"],"names":["getTextTypes","multiplier"],"mappings":"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"}
+{"version":3,"file":"text.js","sources":["../../../../src/features/ui/theme/text.ts"],"sourcesContent":["import type { ITextConfig, TTextVariants } from '../types';\n\nfunction getTextTypes(multiplier: number = 1): Record<TTextVariants, ITextConfig> {\n  return {\n    'h1': {\n      fontFamily: 'Athletics-Light',\n      fontSize: 60 * multiplier,\n      lineHeight: 60 * multiplier,\n    },\n    'h2': {\n      fontFamily: 'Athletics-Light',\n      fontSize: 48 * multiplier,\n      lineHeight: 52 * multiplier,\n    },\n    'h3': {\n      fontFamily: 'Athletics-Black',\n      fontSize: 40 * multiplier,\n      lineHeight: 44 * multiplier,\n      letterSpacing: 1,\n      textTransform: 'uppercase',\n    },\n    'h4': {\n      fontFamily: 'Athletics-Medium',\n      fontSize: 28 * multiplier,\n      lineHeight: 32 * multiplier,\n    },\n    'h5': {\n      fontFamily: 'Athletics-Black',\n      fontSize: 24 * multiplier,\n      lineHeight: 28 * multiplier,\n      letterSpacing: 1,\n      textTransform: 'uppercase',\n    },\n    'h6': {\n      fontFamily: 'Athletics-Bold',\n      fontSize: 18 * multiplier,\n      lineHeight: 24 * multiplier,\n    },\n    'quote': {\n      fontFamily: 'Athletics-Light',\n      fontSize: 32 * multiplier,\n      lineHeight: 40 * multiplier,\n    },\n    'body1': {\n      fontFamily: 'UntitledSans-Regular',\n      fontSize: 16 * multiplier,\n      lineHeight: 24 * multiplier,\n    },\n    'body1Medium': {\n      fontFamily: 'UntitledSans-Medium',\n      fontSize: 16 * multiplier,\n      lineHeight: 24 * multiplier,\n    },\n    'body2': {\n      fontFamily: 'UntitledSans-Regular',\n      fontSize: 14 * multiplier,\n      lineHeight: 20 * multiplier,\n    },\n    'body3': {\n      fontFamily: 'UntitledSans-Regular',\n      fontSize: 12 * multiplier,\n      lineHeight: 18 * multiplier,\n    },\n    'eyebrow1': {\n      fontFamily: 'Athletics-Black',\n      fontSize: 16 * multiplier,\n      lineHeight: 20 * multiplier,\n      letterSpacing: 1,\n      textTransform: 'uppercase',\n    },\n    'eyebrow2': {\n      fontFamily: 'Athletics-Bold',\n      fontSize: 12 * multiplier,\n      lineHeight: 20 * multiplier,\n      letterSpacing: 1,\n      textTransform: 'uppercase',\n    },\n    'cta1': {\n      fontFamily: 'UntitledSans-Medium',\n      fontSize: 16 * multiplier,\n      lineHeight: 20 * multiplier,\n    },\n    'cta2': {\n      fontFamily: 'UntitledSans-Medium',\n      fontSize: 14 * multiplier,\n      lineHeight: 20 * multiplier,\n    },\n    'cta3': {\n      fontFamily: 'UntitledSans-Medium',\n      fontSize: 12 * multiplier,\n      lineHeight: 18 * multiplier,\n    },\n    'ah1': {\n      fontFamily: 'Athletics-Light',\n      fontSize: 64 * multiplier,\n      lineHeight: 72 * multiplier,\n    },\n    'ah1-bold': {\n      fontFamily: 'Athletics-Bold',\n      fontSize: 64 * multiplier,\n      lineHeight: 72 * multiplier,\n    },\n    'ah1-black': {\n      fontFamily: 'Athletics-Black',\n      fontSize: 64 * multiplier,\n      lineHeight: 72 * multiplier,\n    },\n    'ah2': {\n      fontFamily: 'Athletics-Light',\n      fontSize: 48 * multiplier,\n      lineHeight: 56 * multiplier,\n    },\n    'ah2-bold': {\n      fontFamily: 'Athletics-Bold',\n      fontSize: 48 * multiplier,\n      lineHeight: 56 * multiplier,\n    },\n    'ah2-black': {\n      fontFamily: 'Athletics-Black',\n      fontSize: 48 * multiplier,\n      lineHeight: 56 * multiplier,\n    },\n    'ah3': {\n      fontFamily: 'Athletics-Light',\n      fontSize: 32 * multiplier,\n      lineHeight: 40 * multiplier,\n    },\n    'ah3-bold': {\n      fontFamily: 'Athletics-Bold',\n      fontSize: 32 * multiplier,\n      lineHeight: 40 * multiplier,\n    },\n    'ah3-black': {\n      fontFamily: 'Athletics-Black',\n      fontSize: 32 * multiplier,\n      lineHeight: 40 * multiplier,\n    },\n    'ah4': {\n      fontFamily: 'Athletics-Light',\n      fontSize: 24 * multiplier,\n      lineHeight: 32 * multiplier,\n    },\n    'ah4-bold': {\n      fontFamily: 'Athletics-Bold',\n      fontSize: 24 * multiplier,\n      lineHeight: 32 * multiplier,\n    },\n    'ah4-black': {\n      fontFamily: 'Athletics-Black',\n      fontSize: 24 * multiplier,\n      lineHeight: 32 * multiplier,\n    },\n    'ab1': {\n      fontFamily: 'Athletics-Regular',\n      fontSize: 20 * multiplier,\n      lineHeight: 28 * multiplier,\n    },\n    'ab1-bold': {\n      fontFamily: 'Athletics-Bold',\n      fontSize: 20 * multiplier,\n      lineHeight: 28 * multiplier,\n    },\n    'ab1-black': {\n      fontFamily: 'Athletics-Black',\n      fontSize: 20 * multiplier,\n      lineHeight: 28 * multiplier,\n    },\n    'ab2': {\n      fontFamily: 'Athletics-Regular',\n      fontSize: 16 * multiplier,\n      lineHeight: 22 * multiplier,\n    },\n    'ab2-bold': {\n      fontFamily: 'Athletics-Bold',\n      fontSize: 16 * multiplier,\n      lineHeight: 22 * multiplier,\n    },\n    'ab2-black': {\n      fontFamily: 'Athletics-Black',\n      fontSize: 16 * multiplier,\n      lineHeight: 22 * multiplier,\n    },\n    'ab3': {\n      fontFamily: 'Athletics-Regular',\n      fontSize: 14 * multiplier,\n      lineHeight: 20 * multiplier,\n    },\n    'ab3-bold': {\n      fontFamily: 'Athletics-Bold',\n      fontSize: 14 * multiplier,\n      lineHeight: 20 * multiplier,\n    },\n    'ab3-black': {\n      fontFamily: 'Athletics-Black',\n      fontSize: 14 * multiplier,\n      lineHeight: 20 * multiplier,\n    },\n    'ac1': {\n      fontFamily: 'Athletics-Bold',\n      fontSize: 32 * multiplier,\n      lineHeight: 36 * multiplier,\n      letterSpacing: 1,\n      textTransform: 'uppercase',\n    },\n    'ac1-black': {\n      fontFamily: 'Athletics-Black',\n      fontSize: 32 * multiplier,\n      lineHeight: 36 * multiplier,\n      letterSpacing: 1,\n      textTransform: 'uppercase',\n    },\n    'ac2': {\n      fontFamily: 'Athletics-Bold',\n      fontSize: 20 * multiplier,\n      lineHeight: 24 * multiplier,\n      letterSpacing: 1,\n      textTransform: 'uppercase',\n    },\n    'ac2-black': {\n      fontFamily: 'Athletics-Black',\n      fontSize: 20 * multiplier,\n      lineHeight: 24 * multiplier,\n      letterSpacing: 1,\n      textTransform: 'uppercase',\n    },\n    'ac3': {\n      fontFamily: 'Athletics-Bold',\n      fontSize: 16 * multiplier,\n      lineHeight: 20 * multiplier,\n      letterSpacing: 1,\n      textTransform: 'uppercase',\n    },\n    'ac3-black': {\n      fontFamily: 'Athletics-Black',\n      fontSize: 16 * multiplier,\n      lineHeight: 20 * multiplier,\n      letterSpacing: 1,\n      textTransform: 'uppercase',\n    },\n    'ac4': {\n      fontFamily: 'Athletics-Bold',\n      fontSize: 12 * multiplier,\n      lineHeight: 16 * multiplier,\n      letterSpacing: 1,\n      textTransform: 'uppercase',\n    },\n    'ac4-black': {\n      fontFamily: 'Athletics-Black',\n      fontSize: 12 * multiplier,\n      lineHeight: 16 * multiplier,\n      letterSpacing: 1,\n      textTransform: 'uppercase',\n    },\n    'ub1': {\n      fontFamily: 'UntitledSans-Regular',\n      fontSize: 16 * multiplier,\n      lineHeight: 24 * multiplier,\n    },\n    'ub1-bold': {\n      fontFamily: 'UntitledSans-Medium',\n      fontSize: 16 * multiplier,\n      lineHeight: 24 * multiplier,\n    },\n    'ub2': {\n      fontFamily: 'UntitledSans-Regular',\n      fontSize: 14 * multiplier,\n      lineHeight: 20 * multiplier,\n    },\n    'ub2-bold': {\n      fontFamily: 'UntitledSans-Medium',\n      fontSize: 14 * multiplier,\n      lineHeight: 20 * multiplier,\n    },\n    'ub3': {\n      fontFamily: 'UntitledSans-Regular',\n      fontSize: 12 * multiplier,\n      lineHeight: 16 * multiplier,\n    },\n    'ub3-bold': {\n      fontFamily: 'UntitledSans-Medium',\n      fontSize: 12 * multiplier,\n      lineHeight: 16 * multiplier,\n    },\n  };\n}\n\nexport default getTextTypes;\n"],"names":["getTextTypes","multiplier"],"mappings":"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"}

package/dist/features/ui/time-left-timeline/time-left-timeline-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"time-left-timeline-styled.js","sources":["../../../../src/features/ui/time-left-timeline/time-left-timeline-styled.ts"],"sourcesContent":["import type { IProgressBarProps, ITextWrapperProps } from './time-left-timeline-types';\n\nimport styled from 'styled-components';\n\nimport FlexView from '../layout/flex-view';\n\nexport const Wrapper = styled(FlexView)(\n  () => `\n    position: relative;\n    z-index: 1;\n  `,\n);\n\nexport const ProgressBar = styled.div<IProgressBarProps>(\n  ({ theme, $percentageCompleted, $backgroundColor, $barBackgroundColor }) => {\n    const {\n      colors,\n      layout: { gutter },\n    } = theme;\n\n    return `\n      position:absolute;\n      height:${gutter * 0.25}px;\n      width:100%;\n      top:50%;\n      transform: translateY(-50%);\n      background-image: linear-gradient(to right, ${colors[$backgroundColor]} ${\n        $percentageCompleted === 0 ? 2 : $percentageCompleted\n      }%, ${colors[$barBackgroundColor ?? 'WHITE_5']} ${\n        $percentageCompleted === 0 ? 2 : $percentageCompleted\n      }%);\n    `;\n  },\n);\n\nexport const TextWrapper = styled.div<ITextWrapperProps>(({ theme, $percentageCompleted }) => {\n  const { colors, layout } = theme;\n  const { gutter } = layout;\n\n  return `\n      position: absolute;\n      top: ${gutter * 0.875}px;\n      display:flex;\n      align-items:center;\n      width:fit-content;\n      height: ${gutter * 1.75}px;\n      ${\n        $percentageCompleted < 50\n          ? `left:${$percentageCompleted === 0 ? 0 : $percentageCompleted}%`\n          : `right:${$percentageCompleted === 100 ? 0 : 100 - $percentageCompleted}%`\n      };\n      padding: 0 ${gutter * 0.75}px;\n      background:${colors.BLACK_T_87};\n    `;\n});\n"],"names":["Wrapper","styled","FlexView","ProgressBar","theme","$percentageCompleted","$backgroundColor","$barBackgroundColor","colors","gutter","TextWrapper","layout"],"mappings":";;AAMa,MAAAA,IAAUC,EAAOC,CAAQ;AAAA,EACpC,MAAM;AAAA;AAAA;AAAA;AAIR,GAEaC,IAAcF,EAAO;AAAA,EAChC,CAAC,EAAE,OAAAG,GAAO,sBAAAC,GAAsB,kBAAAC,GAAkB,qBAAAC,QAA0B;AACpE,UAAA;AAAA,MACJ,QAAAC;AAAA,MACA,QAAQ,EAAE,QAAAC,EAAO;AAAA,IACf,IAAAL;AAEG,WAAA;AAAA;AAAA,eAEIK,IAAS,IAAI;AAAA;AAAA;AAAA;AAAA,oDAIwBD,EAAOF,CAAgB,CAAC,IACpED,MAAyB,IAAI,IAAIA,CACnC,MAAMG,EAAOD,KAAuB,SAAS,CAAC,IAC5CF,MAAyB,IAAI,IAAIA,CACnC;AAAA;AAAA,EAEJ;AACF,GAEaK,IAAcT,EAAO,IAAuB,CAAC,EAAE,OAAAG,GAAO,sBAAAC,QAA2B;AACtF,QAAA,EAAE,QAAAG,GAAQ,QAAAG,EAAW,IAAAP,GACrB,EAAE,QAAAK,EAAW,IAAAE;AAEZ,SAAA;AAAA;AAAA,aAEIF,IAAS,KAAK;AAAA;AAAA;AAAA;AAAA,gBAIXA,IAAS,IAAI;AAAA,QAErBJ,IAAuB,KACnB,QAAQA,MAAyB,IAAI,IAAIA,CAAoB,MAC7D,SAASA,MAAyB,MAAM,IAAI,MAAMA,CAAoB,GAC5E;AAAA,mBACaI,IAAS,IAAI;AAAA,mBACbD,EAAO,UAAU;AAAA;AAEpC,CAAC;"}
+{"version":3,"file":"time-left-timeline-styled.js","sources":["../../../../src/features/ui/time-left-timeline/time-left-timeline-styled.ts"],"sourcesContent":["import type { IProgressBarProps, ITextWrapperProps } from './time-left-timeline-types';\n\nimport styled from 'styled-components';\n\nimport FlexView from '../layout/flex-view';\n\nexport const Wrapper = styled(FlexView)(\n  () => `\n    position: relative;\n    z-index: 1;\n  `,\n);\n\nexport const ProgressBar = styled.div<IProgressBarProps>(\n  ({ theme, $percentageCompleted, $backgroundColor, $barBackgroundColor }) => {\n    const {\n      colors,\n      layout: { gutter },\n    } = theme;\n\n    return `\n      position:absolute;\n      height:${gutter * 0.25}px;\n      width:100%;\n      top:50%;\n      transform: translateY(-50%);\n      background-image: linear-gradient(to right, ${colors[$backgroundColor]} ${\n        $percentageCompleted === 0 ? 2 : $percentageCompleted\n      }%, ${colors[$barBackgroundColor ?? 'WHITE_5']} ${\n        $percentageCompleted === 0 ? 2 : $percentageCompleted\n      }%);\n    `;\n  },\n);\n\nexport const TextWrapper = styled.div<ITextWrapperProps>(({ theme, $percentageCompleted }) => {\n  const { colors, layout } = theme;\n  const { gutter } = layout;\n\n  return `\n      position: absolute;\n      top: ${gutter * 0.875}px;\n      display:flex;\n      align-items:center;\n      width:fit-content;\n      height: ${gutter * 1.75}px;\n      ${\n        $percentageCompleted < 50\n          ? `left:${$percentageCompleted === 0 ? 0 : $percentageCompleted}%`\n          : `right:${$percentageCompleted === 100 ? 0 : 100 - $percentageCompleted}%`\n      };\n      padding: 0 ${gutter * 0.75}px;\n      background:${colors.BLACK_T_87};\n    `;\n});\n"],"names":["Wrapper","styled","FlexView","ProgressBar","theme","$percentageCompleted","$backgroundColor","$barBackgroundColor","colors","gutter","TextWrapper","layout"],"mappings":";;AAMa,MAAAA,IAAUC,EAAOC,CAAQ;AAAA,EACpC,MAAM;AAAA;AAAA;AAAA;AAIR,GAEaC,IAAcF,EAAO;AAAA,EAChC,CAAC,EAAE,OAAAG,GAAO,sBAAAC,GAAsB,kBAAAC,GAAkB,qBAAAC,QAA0B;AACpE,UAAA;AAAA,MACJ,QAAAC;AAAA,MACA,QAAQ,EAAE,QAAAC,EAAO;AAAA,IAAA,IACfL;AAEG,WAAA;AAAA;AAAA,eAEIK,IAAS,IAAI;AAAA;AAAA;AAAA;AAAA,oDAIwBD,EAAOF,CAAgB,CAAC,IACpED,MAAyB,IAAI,IAAIA,CACnC,MAAMG,EAAOD,KAAuB,SAAS,CAAC,IAC5CF,MAAyB,IAAI,IAAIA,CACnC;AAAA;AAAA,EAAA;AAGN,GAEaK,IAAcT,EAAO,IAAuB,CAAC,EAAE,OAAAG,GAAO,sBAAAC,QAA2B;AACtF,QAAA,EAAE,QAAAG,GAAQ,QAAAG,EAAA,IAAWP,GACrB,EAAE,QAAAK,MAAWE;AAEZ,SAAA;AAAA;AAAA,aAEIF,IAAS,KAAK;AAAA;AAAA;AAAA;AAAA,gBAIXA,IAAS,IAAI;AAAA,QAErBJ,IAAuB,KACnB,QAAQA,MAAyB,IAAI,IAAIA,CAAoB,MAC7D,SAASA,MAAyB,MAAM,IAAI,MAAMA,CAAoB,GAC5E;AAAA,mBACaI,IAAS,IAAI;AAAA,mBACbD,EAAO,UAAU;AAAA;AAEpC,CAAC;"}