npm - @cuemath/leap - Versions diffs - 3.2.4 → 3.2.5-j2 - Mend

@cuemath/leap 3.2.4 → 3.2.5-j2

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 (86) hide show

package/dist/features/auth/signup-v2/onboarding-guide/onboarding-guide.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"onboarding-guide.js","sources":["../../../../../src/features/auth/signup-v2/onboarding-guide/onboarding-guide.tsx"],"sourcesContent":["import FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { onboardingGuideSteps } from './onboarding-guide-constants';\nimport * as Styled from './onboarding-guide-styled';\n\nconst OnboardingGuide = () => {\n return (\n <FlexView $flex={1} $alignItems=\"center\" $justifyContent=\"center\" $gutterX={2}>\n <Text $whiteSpace=\"pre-line\" $renderAs=\"ah4\" $color=\"WHITE\">\n Get started in 3 easy steps!\n </Text>\n <Separator heightX={2.75} />\n {onboardingGuideSteps.map((step, index) => (\n <Styled.StepItem key={index}>\n <FlexView $flexDirection=\"row\" $flexColumnGapX={1.5}>\n <img src={step.icon} alt={`Step ${index + 1}`} width={56} height={56} />\n <FlexView $width={210}>\n <Text $whiteSpace=\"pre-line\" $renderAs=\"ab2\" $color=\"WHITE\">\n {step.title}\n </Text>\n </FlexView>\n </FlexView>\n </Styled.StepItem>\n ))}\n </FlexView>\n );\n};\n\nexport default OnboardingGuide;\n"],"names":["OnboardingGuide","jsxs","FlexView","jsx","Text","Separator","onboardingGuideSteps","step","index","Styled.StepItem","OnboardingGuide$1"],"mappings":";;;;;;AAMA,MAAMA,IAAkB,MAEpB,gBAAAC,EAACC,KAAS,OAAO,GAAG,aAAY,UAAS,iBAAgB,UAAS,UAAU,GAC1E,UAAA;AAAA,EAAA,gBAAAC,EAACC,KAAK,aAAY,YAAW,WAAU,OAAM,QAAO,SAAQ,UAE5D,+BAAA,CAAA;AAAA,EACA,gBAAAD,EAACE,GAAU,EAAA,SAAS,KAAM,CAAA;AAAA,EACzBC,EAAqB,IAAI,CAACC,GAAMC,MAC9B,gBAAAL,EAAAM,GAAA,EACC,UAAC,gBAAAR,EAAAC,GAAA,EAAS,gBAAe,OAAM,iBAAiB,KAC9C,UAAA;AAAA,IAAA,gBAAAC,EAAC,OAAI,EAAA,KAAKI,EAAK,MAAM,KAAK,QAAQC,IAAQ,CAAC,IAAI,OAAO,IAAI,QAAQ,IAAI;AAAA,IACrE,gBAAAL,EAAAD,GAAA,EAAS,QAAQ,KAChB,4BAACE,GAAK,EAAA,aAAY,YAAW,WAAU,OAAM,QAAO,SACjD,UAAAG,EAAK,MACR,CAAA,GACF;AAAA,EAAA,GACF,EAAA,GARoBC,CAStB,CACD;AACH,EAAA,CAAA,GAIJE,IAAeV;"}

package/dist/features/auth/signup-v2/signup-header/signup-header.js ADDED Viewed

@@ -0,0 +1,25 @@
+import { jsxs as e, jsx as r } from "react/jsx-runtime";
+import { ILLUSTRATIONS as o } from "../../../../assets/illustrations/illustrations.js";
+import i from "../../../ui/image/image.js";
+import t from "../../../ui/layout/flex-view.js";
+import m from "../../../ui/separator/separator.js";
+import n from "../../../ui/text/text.js";
+const d = () => /* @__PURE__ */ e(t, { children: [
+  /* @__PURE__ */ r(i, { width: 107, src: o.CIRCLE_CUEMATH_LOGO_WHITE, height: 16 }),
+  /* @__PURE__ */ r(m, { heightX: 1 }),
+  /* @__PURE__ */ e(t, { $flexDirection: "row", $alignItems: "flex-end", children: [
+    /* @__PURE__ */ e(n, { $renderAs: "ab2", $color: "WHITE", children: [
+      "Rated",
+      " ",
+      /* @__PURE__ */ r(n, { $inline: !0, $renderAs: "ab2-bold", $color: "WHITE", children: "4.8+" }),
+      " ",
+      "on"
+    ] }),
+    " ",
+    /* @__PURE__ */ r(i, { src: o.TRUSTPILOT })
+  ] })
+] }), f = d;
+export {
+  f as default
+};
+//# sourceMappingURL=signup-header.js.map

package/dist/features/auth/signup-v2/signup-header/signup-header.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"signup-header.js","sources":["../../../../../src/features/auth/signup-v2/signup-header/signup-header.tsx"],"sourcesContent":["import { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport Image from '../../../ui/image/image';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\n\nconst SignupHeader = () => {\n return (\n <FlexView>\n <Image width={107} src={ILLUSTRATIONS.CIRCLE_CUEMATH_LOGO_WHITE} height={16} />\n <Separator heightX={1} />\n <FlexView $flexDirection=\"row\" $alignItems=\"flex-end\">\n <Text $renderAs=\"ab2\" $color=\"WHITE\">\n Rated{' '}\n <Text $inline $renderAs=\"ab2-bold\" $color=\"WHITE\">\n 4.8+\n </Text>{' '}\n on\n </Text>\n  \n <Image src={ILLUSTRATIONS.TRUSTPILOT} />\n </FlexView>\n </FlexView>\n );\n};\n\nexport default SignupHeader;\n"],"names":["SignupHeader","FlexView","jsx","Image","ILLUSTRATIONS","Separator","jsxs","Text","SignupHeader$1"],"mappings":";;;;;;AAMA,MAAMA,IAAe,wBAEhBC,GACC,EAAA,UAAA;AAAA,EAAA,gBAAAC,EAACC,KAAM,OAAO,KAAK,KAAKC,EAAc,2BAA2B,QAAQ,IAAI;AAAA,EAC7E,gBAAAF,EAACG,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,EACtB,gBAAAC,EAAAL,GAAA,EAAS,gBAAe,OAAM,aAAY,YACzC,UAAA;AAAA,IAAA,gBAAAK,EAACC,GAAK,EAAA,WAAU,OAAM,QAAO,SAAQ,UAAA;AAAA,MAAA;AAAA,MAC7B;AAAA,MACN,gBAAAL,EAACK,KAAK,SAAO,IAAC,WAAU,YAAW,QAAO,SAAQ,UAElD,OAAA,CAAA;AAAA,MAAQ;AAAA,MAAI;AAAA,IAAA,GAEd;AAAA,IAAO;AAAA,IAEN,gBAAAL,EAAAC,GAAA,EAAM,KAAKC,EAAc,WAAY,CAAA;AAAA,EAAA,GACxC;AACF,EAAA,CAAA,GAIJI,IAAeR;"}

package/dist/features/auth/signup-v2/signup-options/signup-options.js ADDED Viewed

@@ -0,0 +1,71 @@
+import { jsxs as o, jsx as e } from "react/jsx-runtime";
+import { memo as g } from "react";
+import f from "../../../../assets/line-icons/icons/apple-icon-white.js";
+import u from "../../../../assets/line-icons/icons/google-icon.js";
+import i from "../../../ui/buttons/button/button.js";
+import b from "../../../ui/buttons/text-button/text-button.js";
+import l from "../../../ui/layout/flex-view.js";
+import s from "../../../ui/separator/separator.js";
+import a from "../../../ui/text/text.js";
+const $ = ({
+  onEmailSignup: c,
+  onAppleSignup: m,
+  onGoogleSignup: p,
+  loadingProvider: r,
+  onGoToLogin: d,
+  title: h
+}) => {
+  const t = r === "google", n = r === "apple";
+  return /* @__PURE__ */ o(l, { $alignItems: "flex-start", children: [
+    /* @__PURE__ */ e(a, { $renderAs: "ah3", $color: "WHITE", $whiteSpace: "pre", children: h }),
+    /* @__PURE__ */ e(s, { heightX: 2.5 }),
+    /* @__PURE__ */ o(l, { $flexGapX: 1, $flex: 1, $justifyContent: "center", $alignItems: "center", children: [
+      /* @__PURE__ */ e(
+        i,
+        {
+          renderAs: "black-dark",
+          Icon: u,
+          width: 320,
+          label: "Signup with Google",
+          onClick: p,
+          size: "small",
+          busy: t,
+          disabled: t
+        }
+      ),
+      /* @__PURE__ */ e(
+        i,
+        {
+          renderAs: "black-dark",
+          size: "small",
+          width: 320,
+          Icon: f,
+          label: "Signup with Apple",
+          onClick: m,
+          busy: n,
+          disabled: n
+        }
+      ),
+      /* @__PURE__ */ e(
+        i,
+        {
+          renderAs: "black-dark",
+          size: "small",
+          width: 320,
+          label: "Continue with Email",
+          onClick: c
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e(s, { heightX: 1.5 }),
+    /* @__PURE__ */ o(l, { $flexDirection: "row", $alignItems: "center", children: [
+      /* @__PURE__ */ e(a, { $renderAs: "ub3", $color: "WHITE", children: "Already have an account?" }),
+      " ",
+      /* @__PURE__ */ e(b, { size: "small", label: "Log In", color: "WHITE", onClick: d })
+    ] })
+  ] });
+}, z = g($);
+export {
+  z as default
+};
+//# sourceMappingURL=signup-options.js.map

package/dist/features/auth/signup-v2/signup-options/signup-options.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"signup-options.js","sources":["../../../../../src/features/auth/signup-v2/signup-options/signup-options.tsx"],"sourcesContent":["import type { ISignupOptionsProps } from './signup-options-types';\n\nimport { memo, type FC } from 'react';\n\nimport AppleIcon from '../../../../assets/line-icons/icons/apple-icon-white';\nimport GoogleIcon from '../../../../assets/line-icons/icons/google-icon';\nimport Button from '../../../ui/buttons/button/button';\nimport TextButton from '../../../ui/buttons/text-button/text-button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\n\nconst SignupOptions: FC<ISignupOptionsProps> = ({\n onEmailSignup,\n onAppleSignup,\n onGoogleSignup,\n loadingProvider,\n onGoToLogin,\n title,\n}) => {\n const isLoadingGoogle = loadingProvider === 'google';\n const isLoadingApple = loadingProvider === 'apple';\n\n return (\n <FlexView $alignItems=\"flex-start\">\n <Text $renderAs=\"ah3\" $color=\"WHITE\" $whiteSpace=\"pre\">\n {title}\n </Text>\n <Separator heightX={2.5} />\n <FlexView $flexGapX={1} $flex={1} $justifyContent=\"center\" $alignItems=\"center\">\n <Button\n renderAs=\"black-dark\"\n Icon={GoogleIcon}\n width={320}\n label=\"Signup with Google\"\n onClick={onGoogleSignup}\n size=\"small\"\n busy={isLoadingGoogle}\n disabled={isLoadingGoogle}\n />\n <Button\n renderAs=\"black-dark\"\n size=\"small\"\n width={320}\n Icon={AppleIcon}\n label=\"Signup with Apple\"\n onClick={onAppleSignup}\n busy={isLoadingApple}\n disabled={isLoadingApple}\n />\n <Button\n renderAs=\"black-dark\"\n size=\"small\"\n width={320}\n label=\"Continue with Email\"\n onClick={onEmailSignup}\n />\n </FlexView>\n <Separator heightX={1.5} />\n <FlexView $flexDirection=\"row\" $alignItems=\"center\">\n <Text $renderAs=\"ub3\" $color=\"WHITE\">\n Already have an account?\n </Text>\n  \n <TextButton size=\"small\" label=\"Log In\" color=\"WHITE\" onClick={onGoToLogin} />\n </FlexView>\n </FlexView>\n );\n};\n\nexport default memo(SignupOptions);\n"],"names":["SignupOptions","onEmailSignup","onAppleSignup","onGoogleSignup","loadingProvider","onGoToLogin","title","isLoadingGoogle","isLoadingApple","jsxs","FlexView","jsx","Text","Separator","Button","GoogleIcon","AppleIcon","TextButton","signupOptions","memo"],"mappings":";;;;;;;;;AAYA,MAAMA,IAAyC,CAAC;AAAA,EAC9C,eAAAC;AAAA,EACA,eAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AACF,MAAM;AACJ,QAAMC,IAAkBH,MAAoB,UACtCI,IAAiBJ,MAAoB;AAGzC,SAAA,gBAAAK,EAACC,GAAS,EAAA,aAAY,cACpB,UAAA;AAAA,IAAA,gBAAAC,EAACC,KAAK,WAAU,OAAM,QAAO,SAAQ,aAAY,OAC9C,UACHN,EAAA,CAAA;AAAA,IACA,gBAAAK,EAACE,GAAU,EAAA,SAAS,IAAK,CAAA;AAAA,IACzB,gBAAAJ,EAACC,KAAS,WAAW,GAAG,OAAO,GAAG,iBAAgB,UAAS,aAAY,UACrE,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,UAAS;AAAA,UACT,MAAMC;AAAA,UACN,OAAO;AAAA,UACP,OAAM;AAAA,UACN,SAASZ;AAAA,UACT,MAAK;AAAA,UACL,MAAMI;AAAA,UACN,UAAUA;AAAA,QAAA;AAAA,MACZ;AAAA,MACA,gBAAAI;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,UAAS;AAAA,UACT,MAAK;AAAA,UACL,OAAO;AAAA,UACP,MAAME;AAAAA,UACN,OAAM;AAAA,UACN,SAASd;AAAA,UACT,MAAMM;AAAA,UACN,UAAUA;AAAA,QAAA;AAAA,MACZ;AAAA,MACA,gBAAAG;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,UAAS;AAAA,UACT,MAAK;AAAA,UACL,OAAO;AAAA,UACP,OAAM;AAAA,UACN,SAASb;AAAA,QAAA;AAAA,MACX;AAAA,IAAA,GACF;AAAA,IACA,gBAAAU,EAACE,GAAU,EAAA,SAAS,IAAK,CAAA;AAAA,IACxB,gBAAAJ,EAAAC,GAAA,EAAS,gBAAe,OAAM,aAAY,UACzC,UAAA;AAAA,MAAA,gBAAAC,EAACC,GAAK,EAAA,WAAU,OAAM,QAAO,SAAQ,UAErC,4BAAA;AAAA,MAAO;AAAA,MAEP,gBAAAD,EAACM,KAAW,MAAK,SAAQ,OAAM,UAAS,OAAM,SAAQ,SAASZ,EAAa,CAAA;AAAA,IAAA,GAC9E;AAAA,EACF,EAAA,CAAA;AAEJ,GAEea,IAAAC,EAAKnB,CAAa;"}

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

@@ -14,7 +14,7 @@ const p = t(i)`
   overflow: hidden;
   position: relative;
 `, u = g(
-  ({ borderRadius: n = 0, borderColor: r, withLoader: a, ...o }) => {
+  ({ borderRadius: n = 0, borderColor: r, withLoader: a = !1, ...o }) => {
     const { width: s, height: d } = o, [m, l] = f(!0);
     return /* @__PURE__ */ h(
       L,

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

	@@ -1 +1 @@
1	- {"version":3,"file":"image.js","sources":["../../../../src/features/ui/image/image.tsx"],"sourcesContent":["import type { IImageProps } from './image-types';\n\nimport { useState, memo } from 'react';\nimport styled from 'styled-components';\n\nimport { skeletonLoadingAnimation } from '../constants/style';\nimport FlexView from '../layout/flex-view';\n\nconst LoadingFlexView = styled(FlexView)`\n animation: ${skeletonLoadingAnimation} 2s linear infinite;\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n`;\n\nconst ImageWrapper = styled(FlexView)`\n overflow: hidden;\n position: relative;\n`;\n\nconst Image: React.FC<IImageProps> = memo(\n ({ borderRadius = 0, borderColor, withLoader, ...props }) => {\n const { width, height } = props;\n const [isLoading, setIsLoading] = useState(true);\n const handleImgLoaded = () => {\n setIsLoading(false);\n };\n const showLoader = isLoading && withLoader;\n\n return (\n <ImageWrapper\n $width={width}\n $height={height}\n $borderColor={borderColor}\n $borderRadius={borderRadius}\n >\n {showLoader && <LoadingFlexView $inherit={true} />}\n <img onLoad={handleImgLoaded} {...props} />\n </ImageWrapper>\n );\n },\n);\n\nexport default Image;\n"],"names":["LoadingFlexView","styled","FlexView","skeletonLoadingAnimation","ImageWrapper","Image","memo","borderRadius","borderColor","withLoader","props","width","height","isLoading","setIsLoading","useState","jsxs","jsx","Image$1"],"mappings":";;;;;AAQA,MAAMA,IAAkBC,EAAOC,CAAQ;AAAA,eACxBC,CAAwB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQjCC,IAAeH,EAAOC,CAAQ;AAAA;AAAA;AAAA,GAK9BG,IAA+BC;AAAA,EACnC,CAAC,EAAE,cAAAC,IAAe,GAAG,aAAAC,GAAa,YAAAC,~~GAAY~~,GAAGC,QAAY;~~AACrD~~,UAAA,EAAE,OAAAC,GAAO,QAAAC,EAAW,IAAAF,GACpB,CAACG,GAAWC,CAAY,IAAIC,EAAS,EAAI;AAO7C,WAAA,gBAAAC;AAAA,MAACZ;AAAA,MAAA;AAAA,QACC,QAAQO;AAAA,QACR,SAASC;AAAA,QACT,cAAcJ;AAAA,QACd,eAAeD;AAAA,QAEd,UAAA;AAAA,UATcM,KAAaJ,KASb,gBAAAQ,EAACjB,GAAgB,EAAA,UAAU,GAAM,CAAA;AAAA,UAC/C,gBAAAiB,EAAA,OAAA,EAAI,QAbe,MAAM;AAC5B,YAAAH,EAAa,EAAK;AAAA,UAAA,GAYe,GAAGJ,EAAO,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAG/C;AACF,GAEAQ,IAAeb;"}
1	+ {"version":3,"file":"image.js","sources":["../../../../src/features/ui/image/image.tsx"],"sourcesContent":["import type { IImageProps } from './image-types';\n\nimport { useState, memo } from 'react';\nimport styled from 'styled-components';\n\nimport { skeletonLoadingAnimation } from '../constants/style';\nimport FlexView from '../layout/flex-view';\n\nconst LoadingFlexView = styled(FlexView)`\n animation: ${skeletonLoadingAnimation} 2s linear infinite;\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n`;\n\nconst ImageWrapper = styled(FlexView)`\n overflow: hidden;\n position: relative;\n`;\n\nconst Image: React.FC<IImageProps> = memo(\n ({ borderRadius = 0, borderColor, withLoader = false, ...props }) => {\n const { width, height } = props;\n const [isLoading, setIsLoading] = useState(true);\n const handleImgLoaded = () => {\n setIsLoading(false);\n };\n const showLoader = isLoading && withLoader;\n\n return (\n <ImageWrapper\n $width={width}\n $height={height}\n $borderColor={borderColor}\n $borderRadius={borderRadius}\n >\n {showLoader && <LoadingFlexView $inherit={true} />}\n <img onLoad={handleImgLoaded} {...props} />\n </ImageWrapper>\n );\n },\n);\n\nexport default Image;\n"],"names":["LoadingFlexView","styled","FlexView","skeletonLoadingAnimation","ImageWrapper","Image","memo","borderRadius","borderColor","withLoader","props","width","height","isLoading","setIsLoading","useState","jsxs","jsx","Image$1"],"mappings":";;;;;AAQA,MAAMA,IAAkBC,EAAOC,CAAQ;AAAA,eACxBC,CAAwB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQjCC,IAAeH,EAAOC,CAAQ;AAAA;AAAA;AAAA,GAK9BG,IAA+BC;AAAA,EACnC,CAAC,EAAE,cAAAC,IAAe,GAAG,aAAAC,GAAa,YAAAC,IAAa,IAAO,GAAGC,QAAY;AAC7D,UAAA,EAAE,OAAAC,GAAO,QAAAC,EAAW,IAAAF,GACpB,CAACG,GAAWC,CAAY,IAAIC,EAAS,EAAI;AAO7C,WAAA,gBAAAC;AAAA,MAACZ;AAAA,MAAA;AAAA,QACC,QAAQO;AAAA,QACR,SAASC;AAAA,QACT,cAAcJ;AAAA,QACd,eAAeD;AAAA,QAEd,UAAA;AAAA,UATcM,KAAaJ,KASb,gBAAAQ,EAACjB,GAAgB,EAAA,UAAU,GAAM,CAAA;AAAA,UAC/C,gBAAAiB,EAAA,OAAA,EAAI,QAbe,MAAM;AAC5B,YAAAH,EAAa,EAAK;AAAA,UAAA,GAYe,GAAGJ,EAAO,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAG/C;AACF,GAEAQ,IAAeb;"}

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

@@ -1,48 +1,48 @@
-const e = (i) => ({ sizes: {
+const d = (a) => ({ sizes: {
   xsmall: {
-    height: i * 2,
-    paddingHorizontal: i * 1.375,
+    height: a * 2,
+    paddingHorizontal: a * 1.375,
     textVariant: "ub3-bold",
     borderWidth: 1,
-    iconSize: i,
-    iconPadding: i * 0.25,
-    loaderSize: i * 1.25
+    iconSize: a,
+    iconPadding: a * 0.25,
+    loaderSize: a * 1.25
   },
   small: {
-    height: i * 2.5,
-    paddingHorizontal: i * 1.625,
+    height: a * 2.5,
+    paddingHorizontal: a * 1.625,
     textVariant: "ub2-bold",
     borderWidth: 1,
-    iconSize: i * 1.25,
-    iconPadding: i * 0.375,
-    loaderSize: i * 1.5
+    iconSize: a * 1.25,
+    iconPadding: a * 0.375,
+    loaderSize: a * 1.5
   },
   regular: {
-    height: i * 3,
-    paddingHorizontal: i * 1.875,
+    height: a * 3,
+    paddingHorizontal: a * 1.875,
     textVariant: "ub1-bold",
     borderWidth: 1,
-    iconSize: i * 1.5,
-    iconPadding: i * 0.5,
-    loaderSize: i * 1.75
+    iconSize: a * 1.5,
+    iconPadding: a * 0.5,
+    loaderSize: a * 1.75
   },
   medium: {
-    height: i * 3.5,
-    paddingHorizontal: i * 2.125,
+    height: a * 3.5,
+    paddingHorizontal: a * 2.125,
     textVariant: "ub1-bold",
     borderWidth: 1.5,
-    iconSize: i * 1.5,
-    iconPadding: i * 0.5,
-    loaderSize: i * 2
+    iconSize: a * 1.5,
+    iconPadding: a * 0.5,
+    loaderSize: a * 2
   },
   large: {
-    height: i * 4,
-    paddingHorizontal: i * 2.375,
+    height: a * 4,
+    paddingHorizontal: a * 2.375,
     textVariant: "ub1-bold",
     borderWidth: 2,
-    iconSize: i * 1.5,
-    iconPadding: i * 0.5,
-    loaderSize: i * 2.25
+    iconSize: a * 1.5,
+    iconPadding: a * 0.5,
+    loaderSize: a * 2.25
   }
 }, variants: {
   primary: {
@@ -129,6 +129,57 @@ const e = (i) => ({ sizes: {
       active: "BLACK",
       disabled: "WHITE_T_15"
     }
+  },
+  black: {
+    backgroundColorName: {
+      inactive: "BLACK_1",
+      active: "BLACK_T_60",
+      disabled: "BLACK_T_15"
+    },
+    borderColorName: {
+      inactive: "BLACK_1",
+      active: "BLACK_1",
+      disabled: "BLACK_T_15"
+    },
+    colorName: {
+      inactive: "WHITE_1",
+      active: "WHITE_1",
+      disabled: "WHITE_T_87"
+    }
+  },
+  "black-dark": {
+    backgroundColorName: {
+      inactive: "BLACK_1",
+      active: "BLACK_4",
+      disabled: "WHITE_T_10"
+    },
+    borderColorName: {
+      inactive: "WHITE_1",
+      active: "WHITE_1",
+      disabled: "WHITE_T_15"
+    },
+    colorName: {
+      inactive: "WHITE_1",
+      active: "WHITE_1",
+      disabled: "WHITE_T_38"
+    }
+  },
+  "yellow-dark": {
+    backgroundColorName: {
+      inactive: "YELLOW_4",
+      active: "YELLOW_3",
+      disabled: "WHITE_T_10"
+    },
+    borderColorName: {
+      inactive: "WHITE",
+      active: "WHITE",
+      disabled: "WHITE_T_15"
+    },
+    colorName: {
+      inactive: "BLACK_1",
+      active: "BLACK_1",
+      disabled: "WHITE_T_38"
+    }
   }
   // 'yellow': {
   //   backgroundColorName: {
@@ -147,23 +198,6 @@ const e = (i) => ({ sizes: {
   //     disabled: 'BLACK_T_35',
   //   },
   // },
-  // 'yellow-dark': {
-  //   backgroundColorName: {
-  //     inactive: 'YELLOW_4',
-  //     active: 'WHITE_4',
-  //     disabled: 'WHITE_T_40',
-  //   },
-  //   borderColorName: {
-  //     inactive: 'BLACK_4',
-  //     active: 'BLACK_4',
-  //     disabled: 'WHITE_T_40',
-  //   },
-  //   colorName: {
-  //     inactive: 'BLACK_4',
-  //     active: 'BLACK_4',
-  //     disabled: 'WHITE_T_40',
-  //   },
-  // },
   // 'white': {
   //   backgroundColorName: {
   //     inactive: 'WHITE_1',
@@ -198,42 +232,8 @@ const e = (i) => ({ sizes: {
   //     disabled: 'WHITE_T_40',
   //   },
   // },
-  // 'black': {
-  //   backgroundColorName: {
-  //     inactive: 'BLACK_4',
-  //     active: 'BLACK_T_60',
-  //     disabled: 'BLACK_T_35',
-  //   },
-  //   borderColorName: {
-  //     inactive: 'BLACK_4',
-  //     active: 'BLACK_4',
-  //     disabled: 'BLACK_T_35',
-  //   },
-  //   colorName: {
-  //     inactive: 'WHITE_4',
-  //     active: 'WHITE_4',
-  //     disabled: 'BLACK_T_35',
-  //   },
-  // },
-  // 'black-dark': {
-  //   backgroundColorName: {
-  //     inactive: 'BLACK_4',
-  //     active: 'WHITE_T_40',
-  //     disabled: 'WHITE_T_40',
-  //   },
-  //   borderColorName: {
-  //     inactive: 'WHITE_4',
-  //     active: 'WHITE_4',
-  //     disabled: 'WHITE_T_40',
-  //   },
-  //   colorName: {
-  //     inactive: 'WHITE_4',
-  //     active: 'WHITE_4',
-  //     disabled: 'WHITE_T_40',
-  //   },
-  // },
 } });
 export {
-  e as default
+  d 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: '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;"}
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 'black': {\n backgroundColorName: {\n inactive: 'BLACK_1',\n active: 'BLACK_T_60',\n disabled: 'BLACK_T_15',\n },\n borderColorName: {\n inactive: 'BLACK_1',\n active: 'BLACK_1',\n disabled: 'BLACK_T_15',\n },\n colorName: {\n inactive: 'WHITE_1',\n active: 'WHITE_1',\n disabled: 'WHITE_T_87',\n },\n },\n 'black-dark': {\n backgroundColorName: {\n inactive: 'BLACK_1',\n active: 'BLACK_4',\n disabled: 'WHITE_T_10',\n },\n borderColorName: {\n inactive: 'WHITE_1',\n active: 'WHITE_1',\n disabled: 'WHITE_T_15',\n },\n colorName: {\n inactive: 'WHITE_1',\n active: 'WHITE_1',\n disabled: 'WHITE_T_38',\n },\n },\n 'yellow-dark': {\n backgroundColorName: {\n inactive: 'YELLOW_4',\n active: 'YELLOW_3',\n disabled: 'WHITE_T_10',\n },\n borderColorName: {\n inactive: 'WHITE',\n active: 'WHITE',\n disabled: 'WHITE_T_15',\n },\n colorName: {\n inactive: 'BLACK_1',\n active: 'BLACK_1',\n disabled: 'WHITE_T_38',\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\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 };\n\n return { sizes, variants };\n};\n\nexport default getButtonConfig;\n"],"names":["getButtonConfig","gutter"],"mappings":"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"}