npm - @cuemath/leap - Versions diffs - 2.9.9 → 2.9.11-as1 - Mend

@cuemath/leap 2.9.9 → 2.9.11-as1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (324) hide show

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

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

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

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

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

@@ -1,4 +1,4 @@
-const o = (i) => ({ sizes: {
+const e = (i) => ({ sizes: {
   xsmall: {
     height: i * 2,
     paddingHorizontal: i * 1.375,
@@ -81,20 +81,54 @@ const o = (i) => ({ sizes: {
   },
   tertiary: {
     backgroundColorName: {
-      inactive: "WHITE",
-      active: "RED",
+      inactive: "RED",
+      active: "BLACK",
       disabled: "GREY_3"
     },
     colorName: {
-      inactive: "RED",
+      inactive: "WHITE",
       active: "WHITE",
       disabled: "BLACK"
     },
     borderColorName: {
-      inactive: "RED",
-      active: "RED",
+      inactive: "BLACK",
+      active: "BLACK",
+      disabled: "GREY_3"
+    }
+  },
+  "secondary-gray": {
+    backgroundColorName: {
+      inactive: "WHITE",
+      active: "WHITE_4",
+      disabled: "GREY_3"
+    },
+    colorName: {
+      inactive: "BLACK",
+      active: "BLACK",
+      disabled: "BLACK"
+    },
+    borderColorName: {
+      inactive: "BLACK",
+      active: "BLACK",
       disabled: "GREY_3"
     }
+  },
+  "secondary-dark": {
+    backgroundColorName: {
+      inactive: "WHITE",
+      active: "BLACK",
+      disabled: "WHITE_T_10"
+    },
+    colorName: {
+      inactive: "BLACK",
+      active: "WHITE",
+      disabled: "WHITE_T_38"
+    },
+    borderColorName: {
+      inactive: "WHITE",
+      active: "BLACK",
+      disabled: "WHITE_T_15"
+    }
   }
   // 'yellow': {
   //   backgroundColorName: {
@@ -200,6 +234,6 @@ const o = (i) => ({ sizes: {
   // },
 } });
 export {
-  o as default
+  e as default
 };
 //# sourceMappingURL=button.js.map

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

	@@ -1 +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":"AAcM,MAAAA,IAAoC,CAACC,~~OA6MlC~~,EAAE,~~OA5M8C~~;AAAA,EACrD,QAAQ;AAAA,IACN,QAAQA,IAAS;AAAA,IACjB,mBAAmBA,IAAU;AAAA,IAC7B,aAAa;AAAA,IACb,aAAa;AAAA,IACb,UAAUA;AAAA,IACV,aAAaA,IAAS;AAAA,IACtB,YAAYA,IAAS;AAAA,EACvB;AAAA,EACA,OAAO;AAAA,IACL,QAAQA,IAAS;AAAA,IACjB,mBAAmBA,IAAU;AAAA,IAC7B,aAAa;AAAA,IACb,aAAa;AAAA,IACb,UAAUA,IAAS;AAAA,IACnB,aAAaA,IAAS;AAAA,IACtB,YAAYA,IAAS;AAAA,EACvB;AAAA,EACA,SAAS;AAAA,IACP,QAAQA,IAAS;AAAA,IACjB,mBAAmBA,IAAU;AAAA,IAC7B,aAAa;AAAA,IACb,aAAa;AAAA,IACb,UAAUA,IAAS;AAAA,IACnB,aAAaA,IAAS;AAAA,IACtB,YAAYA,IAAS;AAAA,EACvB;AAAA,EACA,QAAQ;AAAA,IACN,QAAQA,IAAS;AAAA,IACjB,mBAAmBA,IAAU;AAAA,IAC7B,aAAa;AAAA,IACb,aAAa;AAAA,IACb,UAAUA,IAAS;AAAA,IACnB,aAAaA,IAAS;AAAA,IACtB,YAAYA,IAAS;AAAA,EACvB;AAAA,EACA,OAAO;AAAA,IACL,QAAQA,IAAS;AAAA,IACjB,mBAAmBA,IAAU;AAAA,IAC7B,aAAa;AAAA,IACb,aAAa;AAAA,IACb,UAAUA,IAAS;AAAA,IACnB,aAAaA,IAAS;AAAA,IACtB,YAAYA,IAAS;AAAA,EACvB;AAAA,~~GA+Jc~~,~~UA5JgD~~;AAAA,EAC9D,~~SAAS~~;AAAA,~~IACP~~,qBAAqB;AAAA,MACnB,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,UAAU;AAAA,IACZ;AAAA,IACA,WAAW;AAAA,MACT,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,UAAU;AAAA,IACZ;AAAA,IACA,iBAAiB;AAAA,MACf,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,UAAU;AAAA,IACZ;AAAA,EACF;AAAA,EACA,WAAW;AAAA,~~IACT~~,qBAAqB;AAAA,MACnB,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,UAAU;AAAA,IACZ;AAAA,IACA,WAAW;AAAA,MACT,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,UAAU;AAAA,IACZ;AAAA,IACA,iBAAiB;AAAA,MACf,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,UAAU;AAAA,IACZ;AAAA,EACF;AAAA,EACA,UAAU;AAAA,~~IACR~~,qBAAqB;AAAA,MACnB,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,UAAU;AAAA,IACZ;AAAA,IACA,WAAW;AAAA,MACT,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,UAAU;AAAA,IACZ;AAAA,IACA,iBAAiB;AAAA,MACf,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,UAAU;AAAA,IACZ;AAAA,EACF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}
1	+ {"version":3,"file":"button.js","sources":["../../../../src/features/ui/theme/button.ts"],"sourcesContent":["import type {\n IButtonSizeConfig,\n TButtonSizes,\n IButtonVariantConfig,\n TButtonVariants,\n} from '../types';\n\ninterface IGetButtonConfig {\n (gutter: number): {\n sizes: Record<TButtonSizes, IButtonSizeConfig>;\n variants: Record<TButtonVariants, IButtonVariantConfig>;\n };\n}\n\nconst getButtonConfig: IGetButtonConfig = (gutter: number) => {\n const sizes: Record<TButtonSizes, IButtonSizeConfig> = {\n xsmall: {\n height: gutter * 2,\n paddingHorizontal: gutter * (1 + 0.375),\n textVariant: 'ub3-bold',\n borderWidth: 1,\n iconSize: gutter,\n iconPadding: gutter * 0.25,\n loaderSize: gutter * 1.25,\n },\n small: {\n height: gutter * 2.5,\n paddingHorizontal: gutter * (1 + 0.625),\n textVariant: 'ub2-bold',\n borderWidth: 1,\n iconSize: gutter * 1.25,\n iconPadding: gutter * 0.375,\n loaderSize: gutter * 1.5,\n },\n regular: {\n height: gutter * 3,\n paddingHorizontal: gutter * (1 + 0.875),\n textVariant: 'ub1-bold',\n borderWidth: 1,\n iconSize: gutter * 1.5,\n iconPadding: gutter * 0.5,\n loaderSize: gutter * 1.75,\n },\n medium: {\n height: gutter * 3.5,\n paddingHorizontal: gutter * (1 + 1.125),\n textVariant: 'ub1-bold',\n borderWidth: 1.5,\n iconSize: gutter * 1.5,\n iconPadding: gutter * 0.5,\n loaderSize: gutter * 2,\n },\n large: {\n height: gutter * 4,\n paddingHorizontal: gutter * (1 + 1.375),\n textVariant: 'ub1-bold',\n borderWidth: 2,\n iconSize: gutter * 1.5,\n iconPadding: gutter * 0.5,\n loaderSize: gutter * 2.25,\n },\n };\n\n const variants: Record<TButtonVariants, IButtonVariantConfig> = {\n 'primary': {\n backgroundColorName: {\n inactive: 'YELLOW_4',\n active: 'BLACK',\n disabled: 'GREY_3',\n },\n colorName: {\n inactive: 'BLACK',\n active: 'WHITE',\n disabled: 'BLACK',\n },\n borderColorName: {\n inactive: 'BLACK',\n active: 'BLACK',\n disabled: 'GREY_3',\n },\n },\n 'secondary': {\n backgroundColorName: {\n inactive: 'WHITE',\n active: 'BLACK',\n disabled: 'GREY_3',\n },\n colorName: {\n inactive: 'BLACK',\n active: 'WHITE',\n disabled: 'BLACK',\n },\n borderColorName: {\n inactive: 'BLACK',\n active: 'BLACK',\n disabled: 'GREY_3',\n },\n },\n 'tertiary': {\n backgroundColorName: {\n inactive: 'RED',\n active: 'BLACK',\n disabled: 'GREY_3',\n },\n colorName: {\n inactive: 'WHITE',\n active: 'WHITE',\n disabled: 'BLACK',\n },\n borderColorName: {\n inactive: 'BLACK',\n active: 'BLACK',\n disabled: 'GREY_3',\n },\n },\n 'secondary-gray': {\n backgroundColorName: {\n inactive: 'WHITE',\n active: 'WHITE_4',\n disabled: 'GREY_3',\n },\n colorName: {\n inactive: 'BLACK',\n active: 'BLACK',\n disabled: 'BLACK',\n },\n borderColorName: {\n inactive: 'BLACK',\n active: 'BLACK',\n disabled: 'GREY_3',\n },\n },\n 'secondary-dark': {\n backgroundColorName: {\n inactive: 'WHITE',\n active: 'BLACK',\n disabled: 'WHITE_T_10',\n },\n colorName: {\n inactive: 'BLACK',\n active: 'WHITE',\n disabled: 'WHITE_T_38',\n },\n borderColorName: {\n inactive: 'WHITE',\n active: 'BLACK',\n disabled: 'WHITE_T_15',\n },\n },\n // 'yellow': {\n // backgroundColorName: {\n // inactive: 'YELLOW_4',\n // active: 'BLACK_4',\n // disabled: 'BLACK_T_35',\n // },\n // borderColorName: {\n // inactive: 'BLACK_4',\n // active: 'BLACK_4',\n // disabled: 'BLACK_T_35',\n // },\n // colorName: {\n // inactive: 'BLACK_4',\n // active: 'WHITE_4',\n // disabled: 'BLACK_T_35',\n // },\n // },\n // 'yellow-dark': {\n // backgroundColorName: {\n // inactive: 'YELLOW_4',\n // active: 'WHITE_4',\n // disabled: 'WHITE_T_40',\n // },\n // borderColorName: {\n // inactive: 'BLACK_4',\n // active: 'BLACK_4',\n // disabled: 'WHITE_T_40',\n // },\n // colorName: {\n // inactive: 'BLACK_4',\n // active: 'BLACK_4',\n // disabled: 'WHITE_T_40',\n // },\n // },\n // 'white': {\n // backgroundColorName: {\n // inactive: 'WHITE_1',\n // active: 'BLACK_T_35',\n // disabled: 'BLACK_T_35',\n // },\n // borderColorName: {\n // inactive: 'BLACK_4',\n // active: 'BLACK_4',\n // disabled: 'BLACK_T_35',\n // },\n // colorName: {\n // inactive: 'BLACK_4',\n // active: 'BLACK_4',\n // disabled: 'BLACK_T_35',\n // },\n // },\n // 'white-dark': {\n // backgroundColorName: {\n // inactive: 'WHITE_4',\n // active: 'WHITE_T_70',\n // disabled: 'WHITE_T_40',\n // },\n // borderColorName: {\n // inactive: 'BLACK_4',\n // active: 'BLACK_4',\n // disabled: 'WHITE_T_40',\n // },\n // colorName: {\n // inactive: 'BLACK_4',\n // active: 'BLACK_4',\n // disabled: 'WHITE_T_40',\n // },\n // },\n // 'black': {\n // backgroundColorName: {\n // inactive: 'BLACK_4',\n // active: 'BLACK_T_60',\n // disabled: 'BLACK_T_35',\n // },\n // borderColorName: {\n // inactive: 'BLACK_4',\n // active: 'BLACK_4',\n // disabled: 'BLACK_T_35',\n // },\n // colorName: {\n // inactive: 'WHITE_4',\n // active: 'WHITE_4',\n // disabled: 'BLACK_T_35',\n // },\n // },\n // 'black-dark': {\n // backgroundColorName: {\n // inactive: 'BLACK_4',\n // active: 'WHITE_T_40',\n // disabled: 'WHITE_T_40',\n // },\n // borderColorName: {\n // inactive: 'WHITE_4',\n // active: 'WHITE_4',\n // disabled: 'WHITE_T_40',\n // },\n // colorName: {\n // inactive: 'WHITE_4',\n // active: 'WHITE_4',\n // disabled: 'WHITE_T_40',\n // },\n // },\n };\n\n return { sizes, variants };\n};\n\nexport default getButtonConfig;\n"],"names":["getButtonConfig","gutter"],"mappings":"AAcM,MAAAA,IAAoC,CAACC,OA+OlC,EAAE,OA9O8C;AAAA,EACrD,QAAQ;AAAA,IACN,QAAQA,IAAS;AAAA,IACjB,mBAAmBA,IAAU;AAAA,IAC7B,aAAa;AAAA,IACb,aAAa;AAAA,IACb,UAAUA;AAAA,IACV,aAAaA,IAAS;AAAA,IACtB,YAAYA,IAAS;AAAA,EACvB;AAAA,EACA,OAAO;AAAA,IACL,QAAQA,IAAS;AAAA,IACjB,mBAAmBA,IAAU;AAAA,IAC7B,aAAa;AAAA,IACb,aAAa;AAAA,IACb,UAAUA,IAAS;AAAA,IACnB,aAAaA,IAAS;AAAA,IACtB,YAAYA,IAAS;AAAA,EACvB;AAAA,EACA,SAAS;AAAA,IACP,QAAQA,IAAS;AAAA,IACjB,mBAAmBA,IAAU;AAAA,IAC7B,aAAa;AAAA,IACb,aAAa;AAAA,IACb,UAAUA,IAAS;AAAA,IACnB,aAAaA,IAAS;AAAA,IACtB,YAAYA,IAAS;AAAA,EACvB;AAAA,EACA,QAAQ;AAAA,IACN,QAAQA,IAAS;AAAA,IACjB,mBAAmBA,IAAU;AAAA,IAC7B,aAAa;AAAA,IACb,aAAa;AAAA,IACb,UAAUA,IAAS;AAAA,IACnB,aAAaA,IAAS;AAAA,IACtB,YAAYA,IAAS;AAAA,EACvB;AAAA,EACA,OAAO;AAAA,IACL,QAAQA,IAAS;AAAA,IACjB,mBAAmBA,IAAU;AAAA,IAC7B,aAAa;AAAA,IACb,aAAa;AAAA,IACb,UAAUA,IAAS;AAAA,IACnB,aAAaA,IAAS;AAAA,IACtB,YAAYA,IAAS;AAAA,EACvB;AAAA,GAiMc,UA9LgD;AAAA,EAC9D,SAAW;AAAA,IACT,qBAAqB;AAAA,MACnB,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,UAAU;AAAA,IACZ;AAAA,IACA,WAAW;AAAA,MACT,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,UAAU;AAAA,IACZ;AAAA,IACA,iBAAiB;AAAA,MACf,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,UAAU;AAAA,IACZ;AAAA,EACF;AAAA,EACA,WAAa;AAAA,IACX,qBAAqB;AAAA,MACnB,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,UAAU;AAAA,IACZ;AAAA,IACA,WAAW;AAAA,MACT,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,UAAU;AAAA,IACZ;AAAA,IACA,iBAAiB;AAAA,MACf,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,UAAU;AAAA,IACZ;AAAA,EACF;AAAA,EACA,UAAY;AAAA,IACV,qBAAqB;AAAA,MACnB,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,UAAU;AAAA,IACZ;AAAA,IACA,WAAW;AAAA,MACT,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,UAAU;AAAA,IACZ;AAAA,IACA,iBAAiB;AAAA,MACf,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,UAAU;AAAA,IACZ;AAAA,EACF;AAAA,EACA,kBAAkB;AAAA,IAChB,qBAAqB;AAAA,MACnB,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,UAAU;AAAA,IACZ;AAAA,IACA,WAAW;AAAA,MACT,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,UAAU;AAAA,IACZ;AAAA,IACA,iBAAiB;AAAA,MACf,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,UAAU;AAAA,IACZ;AAAA,EACF;AAAA,EACA,kBAAkB;AAAA,IAChB,qBAAqB;AAAA,MACnB,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,UAAU;AAAA,IACZ;AAAA,IACA,WAAW;AAAA,MACT,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,UAAU;AAAA,IACZ;AAAA,IACA,iBAAiB;AAAA,MACf,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,UAAU;AAAA,IACZ;AAAA,EACF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/features/ui/theme/input.js CHANGED Viewed

@@ -1,5 +1,5 @@
-const n = (a) => {
-  const e = {
+const l = (a) => {
+  const o = {
     regular: {
       height: a * 2.75,
       // height of input
@@ -51,7 +51,7 @@ const n = (a) => {
       iconPadding: a * 0.5
       // padding between left of icon and input
     }
-  }, i = {
+  }, e = {
     valueColorName: {
       inactive: "BLACK",
       active: "BLACK",
@@ -76,8 +76,8 @@ const n = (a) => {
       disabled: 0.5,
       enabled: 1
     }
-  }, o = {
-    ...i,
+  }, d = {
+    ...e,
     backgroundColorName: "GREY_1",
     optionHoverColorName: "WHITE",
     borderColorName: {
@@ -85,12 +85,38 @@ const n = (a) => {
       inactive: "TRANSPARENT",
       disabled: "TRANSPARENT"
     }
-  }, d = {
-    primary: i,
-    secondary: o,
+  }, i = {
+    opacity: e.opacity,
+    labelBackgroundColorName: "TRANSPARENT",
+    backgroundColorName: "TRANSPARENT",
+    errorMessageColorName: "ORANGE_4",
+    valueColorName: {
+      inactive: "WHITE",
+      active: "WHITE",
+      disabled: "WHITE_T_10"
+    },
+    borderColorName: {
+      inactive: "WHITE_T_15",
+      active: "WHITE",
+      disabled: "WHITE_T_15"
+    },
+    labelColorName: {
+      inactive: "WHITE_T_60",
+      active: "WHITE_T_60",
+      disabled: "WHITE_T_15"
+    },
+    messageColorName: {
+      inactive: "WHITE_T_60",
+      active: "WHITE_T_60",
+      disabled: "WHITE_T_15"
+    }
+  }, r = {
+    primary: e,
+    "primary-dark": i,
+    secondary: d,
     success: {
-      opacity: i.opacity,
-      valueColorName: i.valueColorName,
+      opacity: e.opacity,
+      valueColorName: e.valueColorName,
       borderColorName: {
         inactive: "GREEN_5",
         active: "GREEN_5",
@@ -107,9 +133,22 @@ const n = (a) => {
         disabled: "GREEN_5"
       }
     },
+    "success-dark": {
+      ...i,
+      borderColorName: {
+        inactive: "GREEN_4",
+        active: "GREEN_4",
+        disabled: "GREEN_4"
+      },
+      messageColorName: {
+        inactive: "GREEN_4",
+        active: "GREEN_4",
+        disabled: "GREEN_4"
+      }
+    },
     error: {
-      opacity: i.opacity,
-      valueColorName: i.valueColorName,
+      opacity: e.opacity,
+      valueColorName: e.valueColorName,
       borderColorName: {
         inactive: "RED",
         active: "RED",
@@ -125,11 +164,25 @@ const n = (a) => {
         active: "RED",
         disabled: "RED"
       }
+    },
+    "error-dark": {
+      ...i,
+      errorMessageColorName: "ORANGE_4",
+      borderColorName: {
+        inactive: "ORANGE_4",
+        active: "ORANGE_4",
+        disabled: "ORANGE_4"
+      },
+      messageColorName: {
+        inactive: "ORANGE_4",
+        active: "ORANGE_4",
+        disabled: "ORANGE_4"
+      }
     }
   };
-  return { sizes: e, variants: d };
+  return { sizes: o, variants: r };
 };
 export {
-  n as default
+  l as default
 };
 //# sourceMappingURL=input.js.map

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

	@@ -1 +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":"AAQA,MAAMA,IAAkC,CAAUC,MAAA;AAChD,QAAMC,IAA+C;AAAA,IACnD,SAAS;AAAA,MACP,QAAQD,IAAS;AAAA;AAAA,MACjB,WAAWA,IAAS;AAAA;AAAA,MACpB,cAAcA,IAAS;AAAA;AAAA,MACvB,aAAaA;AAAA,MACb,cAAcA,IAAS;AAAA,MACvB,cAAcA,IAAS;AAAA,MACvB,kBAAkB;AAAA,MAClB,kBAAkB;AAAA,MAClB,oBAAoB;AAAA,MACpB,UAAUA,IAAS;AAAA,MACnB,aAAaA;AAAA;AAAA,IACf;AAAA,IACA,OAAO;AAAA,MACL,QAAQA,IAAS;AAAA;AAAA,MACjB,WAAWA,IAAS;AAAA;AAAA,MACpB,cAAc;AAAA;AAAA,MACd,aAAaA,IAAS;AAAA,MACtB,cAAcA,IAAS;AAAA,MACvB,cAAcA,IAAS;AAAA,MACvB,kBAAkB;AAAA,MAClB,kBAAkB;AAAA,MAClB,oBAAoB;AAAA,MACpB,UAAUA,IAAS;AAAA,MACnB,aAAaA,IAAS;AAAA;AAAA,IACxB;AAAA,IACA,QAAQ;AAAA,MACN,QAAQA,IAAS;AAAA;AAAA,MACjB,WAAW;AAAA;AAAA,MACX,cAAc;AAAA;AAAA,MACd,aAAaA,IAAS;AAAA,MACtB,cAAcA,IAAS;AAAA,MACvB,cAAcA,IAAS;AAAA,MACvB,kBAAkB;AAAA,MAClB,kBAAkB;AAAA,MAClB,oBAAoB;AAAA,MACpB,UAAUA;AAAA,MACV,aAAaA,IAAS;AAAA;AAAA,IACxB;AAAA,EAAA,GAEIE,IAAsC;AAAA,IAC1C,gBAAgB;AAAA,MACd,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,UAAU;AAAA,IACZ;AAAA,IACA,iBAAiB;AAAA,MACf,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,UAAU;AAAA,IACZ;AAAA,IACA,gBAAgB;AAAA,MACd,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,UAAU;AAAA,IACZ;AAAA,IACA,kBAAkB;AAAA,MAChB,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,UAAU;AAAA,IACZ;AAAA,IACA,SAAS;AAAA,MACP,UAAU;AAAA,MACV,SAAS;AAAA,IACX;AAAA,EAAA,GAGIC,IAAwC;AAAA,IAC5C,GAAGD;AAAA,IACH,qBAAqB;AAAA,IACrB,sBAAsB;AAAA,IACtB,iBAAiB;AAAA,MACf,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,UAAU;AAAA,IACZ;AAAA,EAAA,~~GAGIE~~,~~IAAwD~~;AAAA,~~IAC5D~~,SAASF;AAAA,~~IACT~~,~~WAAWC~~;AAAA,IACX,~~SAAS~~;AAAA,~~MACP~~,SAASD,EAAe;AAAA,MACxB,gBAAgBA,EAAe;AAAA,MAC/B,iBAAiB;AAAA,QACf,UAAU;AAAA,QACV,QAAQ;AAAA,QACR,UAAU;AAAA,MACZ;AAAA,MACA,gBAAgB;AAAA,QACd,UAAU;AAAA,QACV,QAAQ;AAAA,QACR,UAAU;AAAA,MACZ;AAAA,MACA,kBAAkB;AAAA,QAChB,UAAU;AAAA,QACV,QAAQ;AAAA,QACR,UAAU;AAAA,MACZ;AAAA,IACF;AAAA,IACA,~~OAAO~~;AAAA,~~MACL~~,~~SAASA~~,EAAe;AAAA,MACxB,gBAAgBA,EAAe;AAAA,MAC/B,iBAAiB;AAAA,QACf,UAAU;AAAA,QACV,QAAQ;AAAA,QACR,UAAU;AAAA,MACZ;AAAA,MACA,gBAAgB;AAAA,QACd,UAAU;AAAA,QACV,QAAQ;AAAA,QACR,UAAU;AAAA,MACZ;AAAA,MACA,kBAAkB;AAAA,QAChB,UAAU;AAAA,QACV,QAAQ;AAAA,QACR,UAAU;AAAA,MACZ;AAAA,IACF;AAAA,EAAA;AAGK,SAAA,EAAE,~~OAAAD~~,GAAO,~~UAAAG~~;AAClB;"}
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 const primaryDarkVariant: IInputVariantConfig = {\n opacity: primaryVariant.opacity,\n labelBackgroundColorName: 'TRANSPARENT',\n backgroundColorName: 'TRANSPARENT',\n errorMessageColorName: 'ORANGE_4',\n valueColorName: {\n inactive: 'WHITE',\n active: 'WHITE',\n disabled: 'WHITE_T_10',\n },\n borderColorName: {\n inactive: 'WHITE_T_15',\n active: 'WHITE',\n disabled: 'WHITE_T_15',\n },\n labelColorName: {\n inactive: 'WHITE_T_60',\n active: 'WHITE_T_60',\n disabled: 'WHITE_T_15',\n },\n messageColorName: {\n inactive: 'WHITE_T_60',\n active: 'WHITE_T_60',\n disabled: 'WHITE_T_15',\n },\n };\n\n const variants: Record<TInputVariants, IInputVariantConfig> = {\n 'primary': primaryVariant,\n 'primary-dark': primaryDarkVariant,\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 'success-dark': {\n ...primaryDarkVariant,\n borderColorName: {\n inactive: 'GREEN_4',\n active: 'GREEN_4',\n disabled: 'GREEN_4',\n },\n messageColorName: {\n inactive: 'GREEN_4',\n active: 'GREEN_4',\n disabled: 'GREEN_4',\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 'error-dark': {\n ...primaryDarkVariant,\n errorMessageColorName: 'ORANGE_4',\n borderColorName: {\n inactive: 'ORANGE_4',\n active: 'ORANGE_4',\n disabled: 'ORANGE_4',\n },\n messageColorName: {\n inactive: 'ORANGE_4',\n active: 'ORANGE_4',\n disabled: 'ORANGE_4',\n },\n },\n };\n\n return { sizes, variants };\n};\n\nexport default getInputConfig;\n"],"names":["getInputConfig","gutter","sizes","primaryVariant","secondaryVariant","primaryDarkVariant","variants"],"mappings":"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"}