npm - @cuemath/leap - Versions diffs - 3.2.16-link.2 → 3.2.16-mb - Mend

@cuemath/leap 3.2.16-link.2 → 3.2.16-mb

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

package/dist/features/ui/streak-icon/streak-icon-styled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"streak-icon-styled.js","sources":["../../../../src/features/ui/streak-icon/streak-icon-styled.tsx"],"sourcesContent":["import ~~type { IStreakWrapperProps } from './streak-icon-types';\n\nimport~~ styled, { keyframes } from 'styled-components';\n\nconst fadeInFadeOut = keyframes`\n66%{\n opacity: 0;\n}\n33%{\n opacity: 1;\n}\n`;\n\nexport const StreakWrapper = styled.div~~<IStreakWrapperProps>`\~~n height: 32px;\n width: 32px;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n cursor: ~~${({ isInteractive }) => (isInteractive ? '~~pointer~~' : 'default')}~~;\n`;\n\nexport const StreakStaticBg = styled.div`\n height: 90%;\n width: 90%;\n position: absolute;\n background: ${({ theme }) => theme.colors.BLACK_1};\n border-radius: 24px;\n`;\n\nexport const StreakBg = styled.div<{ $blinkDuration: number; $blinkDelay: number }>`\n height: 90%;\n width: 90%;\n position: absolute;\n background: ${({ theme }) => theme.colors.RED};\n border-radius: 32px;\n animation: ${fadeInFadeOut}\n ${({ $blinkDelay, $blinkDuration }) => `${$blinkDuration + $blinkDelay}ms linear infinite`};\n`;\n\nexport const StreakContent = styled.div`\n height: 100%;\n width: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n align-self: center;\n padding-top: 6px;\n z-index: 1;\n`;\n\nexport const StreakImg = styled.div`\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n`;\n\nexport const StyledImg = styled.img`\n width: 100%;\n height: 100%;\n`;\n"],"names":["fadeInFadeOut","keyframes","StreakWrapper","styled","~~isInteractive","~~StreakStaticBg","theme","StreakBg","$blinkDelay","$blinkDuration","StreakContent","StreakImg","StyledImg"],"mappings":";~~AAIA~~,MAAMA,IAAgBC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASTC,IAAgBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA~~,YAOxB,CAAC,EAAE,eAAAC,EAAA,MAAqBA,IAAgB,YAAY,SAAU~~;AAAA,~~GAG7DC~~,~~IAAiBF~~,EAAO;AAAA;AAAA;AAAA;AAAA,gBAIrB,CAAC,EAAE,~~OAAAG~~,EAAA,MAAYA,EAAM,OAAO,OAAO;AAAA;AAAA,GAItCC,~~IAAWJ~~,EAAO;AAAA;AAAA;AAAA;AAAA,gBAIf,CAAC,EAAE,~~OAAAG~~,EAAA,MAAYA,EAAM,OAAO,GAAG;AAAA;AAAA,~~eAEhCN~~,CAAa;AAAA,MACtB,CAAC,EAAE,~~aAAAQ~~,GAAa,gBAAAC,QAAqB,GAAGA,IAAiBD,CAAW,oBAAoB;AAAA,GAGjFE,~~IAAgBP~~,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,~~GAYvBQ~~,~~IAAYR~~,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,~~GAQnBS~~,~~IAAYT~~,EAAO;AAAA;AAAA;AAAA;"}
1	+ {"version":3,"file":"streak-icon-styled.js","sources":["../../../../src/features/ui/streak-icon/streak-icon-styled.tsx"],"sourcesContent":["import styled, { keyframes } from 'styled-components';\n\nconst fadeInFadeOut = keyframes`\n66%{\n opacity: 0;\n}\n33%{\n opacity: 1;\n}\n`;\n\nexport const StreakWrapper = styled.div`\n height: 32px;\n width: 32px;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n cursor: pointer;\n`;\n\nexport const StreakStaticBg = styled.div`\n height: 90%;\n width: 90%;\n position: absolute;\n background: ${({ theme }) => theme.colors.BLACK_1};\n border-radius: 24px;\n`;\n\nexport const StreakBg = styled.div<{ $blinkDuration: number; $blinkDelay: number }>`\n height: 90%;\n width: 90%;\n position: absolute;\n background: ${({ theme }) => theme.colors.RED};\n border-radius: 32px;\n animation: ${fadeInFadeOut}\n ${({ $blinkDelay, $blinkDuration }) => `${$blinkDuration + $blinkDelay}ms linear infinite`};\n`;\n\nexport const StreakContent = styled.div`\n height: 100%;\n width: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n align-self: center;\n padding-top: 6px;\n z-index: 1;\n`;\n\nexport const StreakImg = styled.div`\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n`;\n\nexport const StyledImg = styled.img`\n width: 100%;\n height: 100%;\n`;\n"],"names":["fadeInFadeOut","keyframes","StreakWrapper","styled","StreakStaticBg","theme","StreakBg","$blinkDelay","$blinkDuration","StreakContent","StreakImg","StyledImg"],"mappings":";AAEA,MAAMA,IAAgBC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASTC,IAAgBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAUvBC,IAAiBD,EAAO;AAAA;AAAA;AAAA;AAAA,gBAIrB,CAAC,EAAE,OAAAE,EAAA,MAAYA,EAAM,OAAO,OAAO;AAAA;AAAA,GAItCC,IAAWH,EAAO;AAAA;AAAA;AAAA;AAAA,gBAIf,CAAC,EAAE,OAAAE,EAAA,MAAYA,EAAM,OAAO,GAAG;AAAA;AAAA,eAEhCL,CAAa;AAAA,MACtB,CAAC,EAAE,aAAAO,GAAa,gBAAAC,QAAqB,GAAGA,IAAiBD,CAAW,oBAAoB;AAAA,GAGjFE,IAAgBN,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAYvBO,IAAYP,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQnBQ,IAAYR,EAAO;AAAA;AAAA;AAAA;"}

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

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

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

	@@ -1 +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(\n ({ value, blink = false, ~~isInteractive = true,~~ ...rest }) => {\n return (\n <S.StreakWrapper ~~isInteractive=~~{~~isInteractive} {~~...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~~);\n\nexport default StreakIcon;\n"],"names":["StreakIcon","memo","value","blink","~~isInteractive~~","~~rest~~","S.StreakWrapper","jsx","S.StreakStaticBg","S.StreakBg","BLINK_DURATION","BLINK_DELAY","~~jsxs","~~S.StreakContent","S.StreakImg","S.StyledImg","StreakWhiteSVG","StreakGreenSVG","Text","StreakIcon$1"],"mappings":";;;;;;;~~AAUO~~,~~MAAMA~~,IAAyCC~~;AAAA~~,~~EACpD~~,CAAC,EAAE,OAAAC,GAAO,OAAAC,IAAQ,IAAO,~~eAAAC~~,~~IAAgB~~,~~IAAM~~,~~GAAGC~~,~~0BAE7CC,~~GAAA,~~EAAgB~~,~~eAAAF~~,~~GAA+B~~,~~GAAGC,GACjD,~~UAAA;AAAA,~~IAAC~~,~~gBAAAE~~,EAAAC,GAAA,EAAiB;AAAA,~~IACjBL~~,uBAAUM,GAAA,EAAW,gBAAgBC,GAAgB,aAAaC,GAAa;AAAA,~~IAChF~~,~~gBAAAC~~,~~EAACC~~,GAAA,EACC,UAAA;AAAA,~~MAAC~~,~~gBAAAN~~,~~EAAAO~~,GAAA,EACE,~~UAAAX~~,~~sBACEY~~,GAAA,EAAY,KAAKC,GAAgB,KAAI,UAAS,sBAE9CD,GAAA,EAAY,KAAKE,GAAgB,KAAI,SAAS,CAAA,GAEnD;AAAA,~~MACA~~,~~gBAAAV~~,~~EAACW~~,KAAK,WAAU,YAAW,QAAO,SAAQ,QAAO,UAC9C,~~UACHhB~~,EAAA,CAAA;AAAA,~~IAAA~~,GACF;~~AAAA~~,~~EACF,~~EAAA,CAAA~~;AAGN~~,~~GAEAiB~~,~~IAAenB~~;"}
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;"}

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

@@ -1,56 +1,50 @@
-import { useMemo as F } from "react";
-import H from "styled-components";
-import { EDeviceType as y } from "../theme/constants.js";
-const g = H.div(
+import k from "styled-components";
+const x = k.div(
   ({
-    theme: T,
-    $renderAs: t,
+    theme: f,
+    $renderAs: c,
     $color: n,
-    $align: b = "left",
-    $width: e,
-    $widthX: f,
-    $marginBottom: o,
-    $marginBottomX: r,
+    $align: y = "left",
+    $width: t,
+    $widthX: o,
+    $marginBottom: e,
+    $marginBottomX: i,
     $alignSelf: l,
-    $opacity: v = 1,
-    $inline: E,
-    $textDecoration: x,
-    $whiteSpace: a,
-    $renderOnMobileAs: c,
-    $renderOnTabletAs: i,
-    $cursor: m
+    $opacity: u = 1,
+    $inline: m,
+    $textDecoration: p,
+    $whiteSpace: $
   }) => {
-    const { text: L, colors: u, layout: s, device: p } = T, h = F(() => p <= y.MOBILE ? c || i || t : p <= y.TABLET && i || t, [p, t, c, i]), {
-      fontFamily: k,
-      fontSize: z,
-      lineHeight: d,
-      letterSpacing: $,
-      textTransform: C = "none"
-    } = L[h];
+    const { text: b, colors: r, layout: a } = f, {
+      fontFamily: g,
+      fontSize: d,
+      lineHeight: T,
+      letterSpacing: s,
+      textTransform: h = "none"
+    } = b[c];
     return `
-      display: ${E ? "inline-block" : "block"};
-      font-family: ${k};
-      font-size: ${z}px;
-      text-align: ${b};
-      line-height: ${d}px;
-      text-transform: ${C};
-      ${typeof $ == "number" ? `letter-spacing: ${$}px;` : ""}
-      color: ${n ? u[n] : u.BLACK};
-      opacity: ${v};
-      width: ${e ? `${e}` : "auto"}${typeof e == "number" ? "px" : ""};
-      ${f ? `width: ${f * s.gutter}px;` : ""}
-      margin-bottom: ${o ? `${o}` : "initial"}${typeof o == "number" ? "px" : ""};
-      ${r ? `margin-bottom: ${r * s.gutter}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: ${u};
+      width: ${t ? `${t}` : "auto"}${typeof t == "number" ? "px" : ""};
+      ${o ? `width: ${o * a.gutter}px;` : ""}
+      margin-bottom: ${e ? `${e}` : "initial"}${typeof e == "number" ? "px" : ""};
+      ${i ? `margin-bottom: ${i * a.gutter}px;` : ""}
       ${l ? `align-self: ${l};` : ""}
-      ${x ? `text-decoration: ${x};` : ""}
-      ${a ? `white-space: ${a};` : ""}
-      ${m ? `cursor: ${m};` : ""}
+      ${p ? `text-decoration: ${p};` : ""}
+      ${$ ? `white-space: ${$};` : ""}
     `;
   }
 );
-g.displayName = "Text";
-const N = g;
+x.displayName = "Text";
+const v = x;
 export {
-  N 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 ~~{ useMemo } from 'react';\nimport~~ styled from 'styled-components';\n\~~nimport { EDeviceType } from '../theme/constants';\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 ~~$renderOnMobileAs?: TTextVariants;\n $renderOnTabletAs?: TTextVariants;\n $cursor?: 'pointer' \| 'default' \| 'text' \| 'not-allowed' \| 'move' \| 'help';\n~~}\n\n/*\n @param $renderAs ~~(fallback for any device), @param $renderOnMobileAs, @param $renderOnTabletAs~~ - 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 ~~$renderOnMobileAs,\n $renderOnTabletAs,\n $cursor,\n~~ }) => {\n const { text, colors, layout, ~~device~~ } = theme;\n const ~~renderAs = useMemo(() =>~~ {\n if (device <= EDeviceType.MOBILE) {\n return $renderOnMobileAs \|\| $renderOnTabletAs \|\| $renderAs;\n }\n\n if (device <= EDeviceType.TABLET) {\n return $renderOnTabletAs \|\| $renderAs;\n }\n\n return $renderAs;\n }, [device, $renderAs, $renderOnMobileAs, $renderOnTabletAs]);\n\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 ~~${$cursor ? `cursor: ${$cursor};` : ''}\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","~~$renderOnMobileAs","$renderOnTabletAs","$cursor","~~text","colors","layout","~~device","renderAs","useMemo","EDeviceType","~~fontFamily","fontSize","lineHeight","letterSpacing","textTransform","Text$1"],"mappings":"~~;;;AA4BA~~,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,~~IACA,mBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,SAAAC;AAAA,~~EAAA,MACI;AACJ,UAAM,EAAE,MAAAC,GAAM,QAAAC,GAAQ,QAAAC,~~GAAQ~~,~~QAAAC~~,~~MAAWnB,GACnCoB,IAAWC,EAAQ,MACnBF,KAAUG,EAAY,SACjBT,KAAqBC,KAAqBb,IAG/CkB,KAAUG,EAAY,UACjBR,KAAqBb,GAI7B,CAACkB,GAAQlB,GAAWY,GAAmBC,CAAiB,CAAC,GAEtD~~;AAAA,MACJ,~~YAAAS~~;AAAA,MACA,UAAAC;AAAA,MACA,YAAAC;AAAA,MACA,eAAAC;AAAA,MACA,eAAAC,IAAgB;AAAA,IAAA,~~IACdX~~,~~EAAKI~~,~~CAAQ~~;~~AAEV~~,WAAA;AAAA,~~iBACMV~~,IAAU,iBAAiB,OAAO;AAAA,~~qBAC9Ba~~,CAAU;AAAA,mBACZC,CAAQ;AAAA,~~oBACPrB~~,CAAM;AAAA,~~qBACLsB~~,CAAU;AAAA,wBACPE,CAAa;AAAA,QAC7B,OAAOD,KAAkB,WAAW,mBAAmBA,CAAa,QAAQ,EAAE;AAAA,~~eACvExB~~,~~IAASe~~,~~EAAOf~~,CAAM,~~IAAIe~~,EAAO,KAAK;AAAA,~~iBACpCR~~,CAAQ;AAAA,eACVL,IAAS,GAAGA,CAAM,KAAK,MAAM,GAAG,OAAOA,KAAW,WAAW,OAAO,EAAE;AAAA,QAC7EC,IAAU,UAAUA,~~IAAUa~~,EAAO,MAAM,QAAQ,EAAE;AAAA,~~uBACtCZ~~,IAAgB,GAAGA,CAAa,KAAK,SAAS,GAC7D,OAAOA,KAAkB,WAAW,OAAO,EAC7C;AAAA,QACEC,IAAiB,kBAAkBA,~~IAAiBW~~,EAAO,MAAM,QAAQ,EAAE;AAAA,~~QAC3EV~~,IAAa,eAAeA,CAAU,MAAM,EAAE;AAAA,QAC9CG,IAAkB,oBAAoBA,CAAe,MAAM,EAAE;AAAA,QAC7DC,IAAc,gBAAgBA,CAAW,MAAM,EAAE;AAAA~~,QACjDG,IAAU,WAAWA,CAAO,MAAM,EAAE~~;AAAA~~;AAAA~~,~~EAE1C~~;AACF;~~AAEAjB~~,EAAK,cAAc;AAEnB,~~MAAA8B~~,~~IAAe9B~~;"}
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,48 +1,48 @@
-const d = (a) => ({ sizes: {
+const e = (i) => ({ sizes: {
   xsmall: {
-    height: a * 2,
-    paddingHorizontal: a * 1.375,
+    height: i * 2,
+    paddingHorizontal: i * 1.375,
     textVariant: "ub3-bold",
     borderWidth: 1,
-    iconSize: a,
-    iconPadding: a * 0.25,
-    loaderSize: a * 1.25
+    iconSize: i,
+    iconPadding: i * 0.25,
+    loaderSize: i * 1.25
   },
   small: {
-    height: a * 2.5,
-    paddingHorizontal: a * 1.625,
+    height: i * 2.5,
+    paddingHorizontal: i * 1.625,
     textVariant: "ub2-bold",
     borderWidth: 1,
-    iconSize: a * 1.25,
-    iconPadding: a * 0.375,
-    loaderSize: a * 1.5
+    iconSize: i * 1.25,
+    iconPadding: i * 0.375,
+    loaderSize: i * 1.5
   },
   regular: {
-    height: a * 3,
-    paddingHorizontal: a * 1.875,
+    height: i * 3,
+    paddingHorizontal: i * 1.875,
     textVariant: "ub1-bold",
     borderWidth: 1,
-    iconSize: a * 1.5,
-    iconPadding: a * 0.5,
-    loaderSize: a * 1.75
+    iconSize: i * 1.5,
+    iconPadding: i * 0.5,
+    loaderSize: i * 1.75
   },
   medium: {
-    height: a * 3.5,
-    paddingHorizontal: a * 2.125,
+    height: i * 3.5,
+    paddingHorizontal: i * 2.125,
     textVariant: "ub1-bold",
     borderWidth: 1.5,
-    iconSize: a * 1.5,
-    iconPadding: a * 0.5,
-    loaderSize: a * 2
+    iconSize: i * 1.5,
+    iconPadding: i * 0.5,
+    loaderSize: i * 2
   },
   large: {
-    height: a * 4,
-    paddingHorizontal: a * 2.375,
+    height: i * 4,
+    paddingHorizontal: i * 2.375,
     textVariant: "ub1-bold",
     borderWidth: 2,
-    iconSize: a * 1.5,
-    iconPadding: a * 0.5,
-    loaderSize: a * 2.25
+    iconSize: i * 1.5,
+    iconPadding: i * 0.5,
+    loaderSize: i * 2.25
   }
 }, variants: {
   primary: {
@@ -129,57 +129,6 @@ const d = (a) => ({ 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: {
@@ -198,6 +147,23 @@ const d = (a) => ({ 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',
@@ -232,8 +198,42 @@ const d = (a) => ({ 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 {
-  d 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: '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":"AAcM,MAAAA,IAAoC,CAACC,~~OAgPlC~~,EAAE,~~OA/O8C~~;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,~~GAkMc~~,~~UA/LgD~~;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~~,EACA,OAAS~~;AAAA~~,IACP,qBAAqB~~;AAAA~~,MACnB,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,WAAW~~;AAAA~~,MACT,UAAU~~;AAAA~~,MACV,QAAQ~~;AAAA~~,MACR,UAAU~~;AAAA~~,IACZ~~;AAAA~~,EACF~~;AAAA~~,EACA,cAAc~~;AAAA~~,IACZ,qBAAqB~~;AAAA~~,MACnB,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,WAAW~~;AAAA~~,MACT,UAAU~~;AAAA~~,MACV,QAAQ~~;AAAA~~,MACR,UAAU~~;AAAA~~,IACZ~~;AAAA~~,EACF~~;AAAA~~,EACA,eAAe~~;AAAA~~,IACb,qBAAqB~~;AAAA~~,MACnB,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,WAAW~~;AAAA~~,MACT,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;"}
1	+ {"version":3,"file":"button.js","sources":["../../../../src/features/ui/theme/button.ts"],"sourcesContent":["import type {\n IButtonSizeConfig,\n TButtonSizes,\n IButtonVariantConfig,\n TButtonVariants,\n} from '../types';\n\ninterface IGetButtonConfig {\n (gutter: number): {\n sizes: Record<TButtonSizes, IButtonSizeConfig>;\n variants: Record<TButtonVariants, IButtonVariantConfig>;\n };\n}\n\nconst getButtonConfig: IGetButtonConfig = (gutter: number) => {\n const sizes: Record<TButtonSizes, IButtonSizeConfig> = {\n xsmall: {\n height: gutter * 2,\n paddingHorizontal: gutter * (1 + 0.375),\n textVariant: 'ub3-bold',\n borderWidth: 1,\n iconSize: gutter,\n iconPadding: gutter * 0.25,\n loaderSize: gutter * 1.25,\n },\n small: {\n height: gutter * 2.5,\n paddingHorizontal: gutter * (1 + 0.625),\n textVariant: 'ub2-bold',\n borderWidth: 1,\n iconSize: gutter * 1.25,\n iconPadding: gutter * 0.375,\n loaderSize: gutter * 1.5,\n },\n regular: {\n height: gutter * 3,\n paddingHorizontal: gutter * (1 + 0.875),\n textVariant: 'ub1-bold',\n borderWidth: 1,\n iconSize: gutter * 1.5,\n iconPadding: gutter * 0.5,\n loaderSize: gutter * 1.75,\n },\n medium: {\n height: gutter * 3.5,\n paddingHorizontal: gutter * (1 + 1.125),\n textVariant: 'ub1-bold',\n borderWidth: 1.5,\n iconSize: gutter * 1.5,\n iconPadding: gutter * 0.5,\n loaderSize: gutter * 2,\n },\n large: {\n height: gutter * 4,\n paddingHorizontal: gutter * (1 + 1.375),\n textVariant: 'ub1-bold',\n borderWidth: 2,\n iconSize: gutter * 1.5,\n iconPadding: gutter * 0.5,\n loaderSize: gutter * 2.25,\n },\n };\n\n const variants: Record<TButtonVariants, IButtonVariantConfig> = {\n 'primary': {\n backgroundColorName: {\n inactive: 'YELLOW_4',\n active: 'BLACK',\n disabled: 'GREY_3',\n },\n colorName: {\n inactive: 'BLACK',\n active: 'WHITE',\n disabled: 'BLACK',\n },\n borderColorName: {\n inactive: 'BLACK',\n active: 'BLACK',\n disabled: 'GREY_3',\n },\n },\n 'secondary': {\n backgroundColorName: {\n inactive: 'WHITE',\n active: 'BLACK',\n disabled: 'GREY_3',\n },\n colorName: {\n inactive: 'BLACK',\n active: 'WHITE',\n disabled: 'BLACK',\n },\n borderColorName: {\n inactive: 'BLACK',\n active: 'BLACK',\n disabled: 'GREY_3',\n },\n },\n 'tertiary': {\n backgroundColorName: {\n inactive: 'RED',\n active: 'BLACK',\n disabled: 'GREY_3',\n },\n colorName: {\n inactive: 'WHITE',\n active: 'WHITE',\n disabled: 'BLACK',\n },\n borderColorName: {\n inactive: 'BLACK',\n active: 'BLACK',\n disabled: 'GREY_3',\n },\n },\n 'secondary-gray': {\n backgroundColorName: {\n inactive: 'WHITE',\n active: 'WHITE_4',\n disabled: 'GREY_3',\n },\n colorName: {\n inactive: 'BLACK',\n active: 'BLACK',\n disabled: 'BLACK',\n },\n borderColorName: {\n inactive: 'BLACK',\n active: 'BLACK',\n disabled: 'GREY_3',\n },\n },\n 'secondary-dark': {\n backgroundColorName: {\n inactive: 'WHITE',\n active: 'BLACK',\n disabled: 'WHITE_T_10',\n },\n colorName: {\n inactive: 'BLACK',\n active: 'WHITE',\n disabled: 'WHITE_T_38',\n },\n borderColorName: {\n inactive: 'WHITE',\n active: 'BLACK',\n disabled: 'WHITE_T_15',\n },\n },\n // 'yellow': {\n // backgroundColorName: {\n // inactive: 'YELLOW_4',\n // active: 'BLACK_4',\n // disabled: 'BLACK_T_35',\n // },\n // borderColorName: {\n // inactive: 'BLACK_4',\n // active: 'BLACK_4',\n // disabled: 'BLACK_T_35',\n // },\n // colorName: {\n // inactive: 'BLACK_4',\n // active: 'WHITE_4',\n // disabled: 'BLACK_T_35',\n // },\n // },\n // 'yellow-dark': {\n // backgroundColorName: {\n // inactive: 'YELLOW_4',\n // active: 'WHITE_4',\n // disabled: 'WHITE_T_40',\n // },\n // borderColorName: {\n // inactive: 'BLACK_4',\n // active: 'BLACK_4',\n // disabled: 'WHITE_T_40',\n // },\n // colorName: {\n // inactive: 'BLACK_4',\n // active: 'BLACK_4',\n // disabled: 'WHITE_T_40',\n // },\n // },\n // 'white': {\n // backgroundColorName: {\n // inactive: 'WHITE_1',\n // active: 'BLACK_T_35',\n // disabled: 'BLACK_T_35',\n // },\n // borderColorName: {\n // inactive: 'BLACK_4',\n // active: 'BLACK_4',\n // disabled: 'BLACK_T_35',\n // },\n // colorName: {\n // inactive: 'BLACK_4',\n // active: 'BLACK_4',\n // disabled: 'BLACK_T_35',\n // },\n // },\n // 'white-dark': {\n // backgroundColorName: {\n // inactive: 'WHITE_4',\n // active: 'WHITE_T_70',\n // disabled: 'WHITE_T_40',\n // },\n // borderColorName: {\n // inactive: 'BLACK_4',\n // active: 'BLACK_4',\n // disabled: 'WHITE_T_40',\n // },\n // colorName: {\n // inactive: 'BLACK_4',\n // active: 'BLACK_4',\n // disabled: 'WHITE_T_40',\n // },\n // },\n // 'black': {\n // backgroundColorName: {\n // inactive: 'BLACK_4',\n // active: 'BLACK_T_60',\n // disabled: 'BLACK_T_35',\n // },\n // borderColorName: {\n // inactive: 'BLACK_4',\n // active: 'BLACK_4',\n // disabled: 'BLACK_T_35',\n // },\n // colorName: {\n // inactive: 'WHITE_4',\n // active: 'WHITE_4',\n // disabled: 'BLACK_T_35',\n // },\n // },\n // 'black-dark': {\n // backgroundColorName: {\n // inactive: 'BLACK_4',\n // active: 'WHITE_T_40',\n // disabled: 'WHITE_T_40',\n // },\n // borderColorName: {\n // inactive: 'WHITE_4',\n // active: 'WHITE_4',\n // disabled: 'WHITE_T_40',\n // },\n // colorName: {\n // inactive: 'WHITE_4',\n // active: 'WHITE_4',\n // disabled: 'WHITE_T_40',\n // },\n // },\n };\n\n return { sizes, variants };\n};\n\nexport default getButtonConfig;\n"],"names":["getButtonConfig","gutter"],"mappings":"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"}

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

@@ -1,13 +1,11 @@
-const A = {
+const e = {
   tablet: 760,
   smallDesktop: 920,
   desktop: 1072,
   largeDevice: 1232,
   xlargeDevice: 1424
 };
-var E = /* @__PURE__ */ ((L) => (L[L.MOBILE = 0] = "MOBILE", L[L.TABLET = 1] = "TABLET", L[L.SMALL_DESKTOP = 2] = "SMALL_DESKTOP", L[L.DESKTOP = 3] = "DESKTOP", L[L.LARGE_DEVICE = 4] = "LARGE_DEVICE", L[L.XLARGE_DEVICE = 5] = "XLARGE_DEVICE", L))(E || {});
 export {
-  A as BREAKPOINTS,
-  E as EDeviceType
+  e as BREAKPOINTS
 };
 //# sourceMappingURL=constants.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"constants.js","sources":["../../../../src/features/ui/theme/constants.ts"],"sourcesContent":["export const BREAKPOINTS = {\n tablet: 760,\n smallDesktop: 920,\n desktop: 1072,\n largeDevice: 1232,\n xlargeDevice: 1424,\n};\n~~\nexport enum EDeviceType {\n MOBILE = 0,\n TABLET = 1,\n SMALL_DESKTOP = 2,\n DESKTOP = 3,\n LARGE_DEVICE = 4,\n XLARGE_DEVICE = 5,\n}\n~~"],"names":["BREAKPOINTS"~~,"EDeviceType"~~],"mappings":"AAAO,MAAMA,IAAc;AAAA,EACzB,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,SAAS;AAAA,EACT,aAAa;AAAA,EACb,cAAc;AAChB;AAEY,IAAAC,sBAAAA,OACVA,EAAAA,EAAA,SAAS,CAAT,IAAA,UACAA,EAAAA,EAAA,SAAS,CAAT,IAAA,UACAA,EAAAA,EAAA,gBAAgB,CAAhB,IAAA,iBACAA,EAAAA,EAAA,UAAU,CAAV,IAAA,WACAA,EAAAA,EAAA,eAAe,CAAf,IAAA,gBACAA,EAAAA,EAAA,gBAAgB,CAAhB,IAAA,iBANUA,IAAAA,KAAA,CAAA,CAAA;"}
1	+ {"version":3,"file":"constants.js","sources":["../../../../src/features/ui/theme/constants.ts"],"sourcesContent":["export const BREAKPOINTS = {\n tablet: 760,\n smallDesktop: 920,\n desktop: 1072,\n largeDevice: 1232,\n xlargeDevice: 1424,\n};\n"],"names":["BREAKPOINTS"],"mappings":"AAAO,MAAMA,IAAc;AAAA,EACzB,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,SAAS;AAAA,EACT,aAAa;AAAA,EACb,cAAc;AAChB;"}

package/dist/features/ui/theme/get-device.js CHANGED Viewed

@@ -1,6 +1,6 @@
-import { BREAKPOINTS as E, EDeviceType as e } from "./constants.js";
-const D = (r) => r >= E.xlargeDevice ? e.XLARGE_DEVICE : r >= E.largeDevice ? e.LARGE_DEVICE : r >= E.smallDesktop ? e.SMALL_DESKTOP : r >= E.desktop ? e.DESKTOP : r >= E.tablet ? e.TABLET : e.MOBILE;
+import { BREAKPOINTS as r } from "./constants.js";
+const l = (e) => e >= r.xlargeDevice ? "xlarge-device" : e >= r.largeDevice ? "large-device" : e >= r.smallDesktop ? "small-desktop" : e >= r.desktop ? "desktop" : e >= r.tablet ? "tablet" : "mobile";
 export {
-  D as getDevice
+  l as getDevice
 };
 //# sourceMappingURL=get-device.js.map

package/dist/features/ui/theme/get-device.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"get-device.js","sources":["../../../../src/features/ui/theme/get-device.ts"],"sourcesContent":["import { BREAKPOINTS, ~~EDeviceType~~ } from './constants';\n\nexport const getDevice = (width: number): ~~EDeviceType~~ => {\n if (width >= BREAKPOINTS.xlargeDevice) return ~~EDeviceType.XLARGE_DEVICE~~;\n\n if (width >= BREAKPOINTS.largeDevice) return ~~EDeviceType.LARGE_DEVICE~~;\n\n if (width >= BREAKPOINTS.smallDesktop) return ~~EDeviceType.SMALL_DESKTOP~~;\n\n if (width >= BREAKPOINTS.desktop) return ~~EDeviceType.DESKTOP~~;\n\n if (width >= BREAKPOINTS.tablet) return ~~EDeviceType.TABLET~~;\n\n return ~~EDeviceType.MOBILE~~;\n};\n"],"names":["getDevice","width","BREAKPOINTS"~~,"EDeviceType"~~],"mappings":";~~AAEa~~,MAAAA,IAAY,CAACC,MACpBA,KAASC,EAAY,~~eAAqBC~~,~~EAAY~~,~~gBAEtDF,~~KAASC,EAAY,~~cAAoBC~~,~~EAAY~~,~~eAErDF,~~KAASC,EAAY,~~eAAqBC~~,~~EAAY~~,~~gBAEtDF,~~KAASC,EAAY,~~UAAgBC~~,~~EAAY~~,~~UAEjDF,~~KAASC,EAAY,~~SAAeC~~,~~EAAY,SAE7CA,EAAY~~;"}
1	+ {"version":3,"file":"get-device.js","sources":["../../../../src/features/ui/theme/get-device.ts"],"sourcesContent":["import type { TDeviceType } from '../types';\n\nimport { BREAKPOINTS } from './constants';\n\nexport const getDevice = (width: number): TDeviceType => {\n if (width >= BREAKPOINTS.xlargeDevice) return 'xlarge-device';\n\n if (width >= BREAKPOINTS.largeDevice) return 'large-device';\n\n if (width >= BREAKPOINTS.smallDesktop) return 'small-desktop';\n\n if (width >= BREAKPOINTS.desktop) return 'desktop';\n\n if (width >= BREAKPOINTS.tablet) return 'tablet';\n\n return 'mobile';\n};\n"],"names":["getDevice","width","BREAKPOINTS"],"mappings":";AAIa,MAAAA,IAAY,CAACC,MACpBA,KAASC,EAAY,eAAqB,kBAE1CD,KAASC,EAAY,cAAoB,iBAEzCD,KAASC,EAAY,eAAqB,kBAE1CD,KAASC,EAAY,UAAgB,YAErCD,KAASC,EAAY,SAAe,WAEjC;"}

package/dist/features/worksheet/worksheet/constants.js CHANGED Viewed

@@ -1,22 +1,22 @@
-const t = 792, e = 1008, s = 30, T = 32, n = 28, I = 48, a = 42, c = 16, E = 56, _ = 0, o = 52, O = { left: 0, top: 56 }, N = [
+const t = 792, e = 1008, s = 30, T = 32, n = 28, I = 48, E = 42, c = 16, a = 56, _ = 0, o = 360, O = 52, N = { left: 0, top: 56 }, R = [
   "practice-basic-optional",
   "practice-regular-optional",
   "advanced-we-do",
   "advanced-your-turn",
   "advanced-explore",
   "advanced-practice"
-], R = 2e3, S = [
+], A = 2e3, S = [
   { name: "CORRECT", url: "https://static.qumath.in/static/intel-student/cmpress/correct-zap.mp3" },
   {
     name: "INCORRECT",
     url: "https://static.qumath.in/static/intel-student/cmpress/incorrect-zap.mp3"
   }
-], A = [
+], i = [
   {
     name: "VALIDATE",
     url: "https://wmznlejcfq.s3.ap-southeast-1.amazonaws.com/static/intel-student/cmpress/validate-zap.mp3"
   }
-], i = [
+], l = [
   {
     label: "Answered all the questions independently.",
     id: "E"
@@ -31,20 +31,21 @@ const t = 792, e = 1008, s = 30, T = 32, n = 28, I = 48, a = 42, c = 16, E = 56,
   }
 ];
 export {
-  E as ACTION_BAR_HEIGHT,
-  R as CLOZE_FORMULA_RESPONSE_LIMIT,
-  O as DESMOS_CALC_POSITION,
-  i as EXIT_TICKET_RATING_OPTIONS,
+  a as ACTION_BAR_HEIGHT,
+  A as CLOZE_FORMULA_RESPONSE_LIMIT,
+  N as DESMOS_CALC_POSITION,
+  l as EXIT_TICKET_RATING_OPTIONS,
   s as INTERSECTION_OBSERVER_THRESHOLD_POINTS,
   T as INTERSECTION_OBSERVER_THROTTLE_TIME,
-  N as OPTIONAL_ITEM_TYPES,
+  o as LEARNOSITY_KEYBOARD_HEIGHT,
+  R as OPTIONAL_ITEM_TYPES,
   c as QUESTIONS_GAP,
   t as QUESTION_WIDTH,
-  o as SIDEBAR_WIDTH,
+  O as SIDEBAR_WIDTH,
   e as SPLIT_QUESTION_WIDTH,
   S as SYSTEM_VALIDATION_AUDIO_LIST,
-  A as TEACHER_VALIDATION_AUDIO_LIST,
-  a as TOP_NAVIGATION_ARROW_WIDTH,
+  i as TEACHER_VALIDATION_AUDIO_LIST,
+  E as TOP_NAVIGATION_ARROW_WIDTH,
   I as TOP_NAVIGATION_HEIGHT,
   _ as WORKSHEET_CONTAINER_BORDER_RADIUS,
   n as WORKSHEET_NUDGE_BANNER_HEIGHT

package/dist/features/worksheet/worksheet/constants.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"constants.js","sources":["../../../../src/features/worksheet/worksheet/constants.ts"],"sourcesContent":["import type { QUESTIONS_RATING, TItemType } from './worksheet-types';\n\nexport const QUESTION_WIDTH = 792;\nexport const SPLIT_QUESTION_WIDTH = 1008; // 1024 - 16\nexport const INTERSECTION_OBSERVER_THRESHOLD_POINTS = 30;\nexport const INTERSECTION_OBSERVER_THROTTLE_TIME = 32; // in ms, 2 frames\nexport const WORKSHEET_NUDGE_BANNER_HEIGHT = 28;\n\nexport const TOP_NAVIGATION_HEIGHT = 48;\nexport const TOP_NAVIGATION_ARROW_WIDTH = 42;\n\nexport const QUESTIONS_GAP = 16;\nexport const ACTION_BAR_HEIGHT = 56;\nexport const WORKSHEET_CONTAINER_BORDER_RADIUS = 0;\nexport const SIDEBAR_WIDTH = 52;\n\nexport const DESMOS_CALC_POSITION = { left: 0, top: 56 };\n\nexport const OPTIONAL_ITEM_TYPES: TItemType[] = [\n 'practice-basic-optional',\n 'practice-regular-optional',\n 'advanced-we-do',\n 'advanced-your-turn',\n 'advanced-explore',\n 'advanced-practice',\n];\nexport const CLOZE_FORMULA_RESPONSE_LIMIT = 2000;\n\nexport const SYSTEM_VALIDATION_AUDIO_LIST = [\n { name: 'CORRECT', url: 'https://static.qumath.in/static/intel-student/cmpress/correct-zap.mp3' },\n {\n name: 'INCORRECT',\n url: 'https://static.qumath.in/static/intel-student/cmpress/incorrect-zap.mp3',\n },\n];\nexport const TEACHER_VALIDATION_AUDIO_LIST = [\n {\n name: 'VALIDATE',\n url: 'https://wmznlejcfq.s3.ap-southeast-1.amazonaws.com/static/intel-student/cmpress/validate-zap.mp3',\n },\n];\n\nexport const EXIT_TICKET_RATING_OPTIONS: Array<{\n label: string;\n id: keyof typeof QUESTIONS_RATING;\n}> = [\n {\n label: 'Answered all the questions independently.',\n id: 'E',\n },\n {\n label: 'Needed some help to answer the questions.',\n id: 'S',\n },\n {\n label: 'Needed a lot of help to answer the questions.',\n id: 'H',\n },\n];\n"],"names":["QUESTION_WIDTH","SPLIT_QUESTION_WIDTH","INTERSECTION_OBSERVER_THRESHOLD_POINTS","INTERSECTION_OBSERVER_THROTTLE_TIME","WORKSHEET_NUDGE_BANNER_HEIGHT","TOP_NAVIGATION_HEIGHT","TOP_NAVIGATION_ARROW_WIDTH","QUESTIONS_GAP","ACTION_BAR_HEIGHT","WORKSHEET_CONTAINER_BORDER_RADIUS","SIDEBAR_WIDTH","DESMOS_CALC_POSITION","OPTIONAL_ITEM_TYPES","CLOZE_FORMULA_RESPONSE_LIMIT","SYSTEM_VALIDATION_AUDIO_LIST","TEACHER_VALIDATION_AUDIO_LIST","EXIT_TICKET_RATING_OPTIONS"],"mappings":"AAEO,MAAMA,IAAiB,KACjBC,IAAuB,MACvBC,IAAyC,IACzCC,IAAsC,IACtCC,IAAgC,IAEhCC,IAAwB,IACxBC,IAA6B,IAE7BC,IAAgB,IAChBC,IAAoB,IACpBC,IAAoC,GACpCC,IAAgB,IAEhBC,IAAuB,EAAE,MAAM,GAAG,KAAK,GAAG,GAE1CC,IAAmC;AAAA,EAC9C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GACaC,IAA+B,KAE/BC,IAA+B;AAAA,EAC1C,EAAE,MAAM,WAAW,KAAK,wEAAwE;AAAA,EAChG;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,EACP;AACF,GACaC,IAAgC;AAAA,EAC3C;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,EACP;AACF,GAEaC,IAGR;AAAA,EACH;AAAA,IACE,OAAO;AAAA,IACP,IAAI;AAAA,EACN;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,IAAI;AAAA,EACN;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,IAAI;AAAA,EACN;AACF;"}
1	+ {"version":3,"file":"constants.js","sources":["../../../../src/features/worksheet/worksheet/constants.ts"],"sourcesContent":["import type { QUESTIONS_RATING, TItemType } from './worksheet-types';\n\nexport const QUESTION_WIDTH = 792;\nexport const SPLIT_QUESTION_WIDTH = 1008; // 1024 - 16\nexport const INTERSECTION_OBSERVER_THRESHOLD_POINTS = 30;\nexport const INTERSECTION_OBSERVER_THROTTLE_TIME = 32; // in ms, 2 frames\nexport const WORKSHEET_NUDGE_BANNER_HEIGHT = 28;\n\nexport const TOP_NAVIGATION_HEIGHT = 48;\nexport const TOP_NAVIGATION_ARROW_WIDTH = 42;\n\nexport const QUESTIONS_GAP = 16;\nexport const ACTION_BAR_HEIGHT = 56;\nexport const WORKSHEET_CONTAINER_BORDER_RADIUS = 0;\nexport const LEARNOSITY_KEYBOARD_HEIGHT = 360;\nexport const SIDEBAR_WIDTH = 52;\n\nexport const DESMOS_CALC_POSITION = { left: 0, top: 56 };\n\nexport const OPTIONAL_ITEM_TYPES: TItemType[] = [\n 'practice-basic-optional',\n 'practice-regular-optional',\n 'advanced-we-do',\n 'advanced-your-turn',\n 'advanced-explore',\n 'advanced-practice',\n];\nexport const CLOZE_FORMULA_RESPONSE_LIMIT = 2000;\n\nexport const SYSTEM_VALIDATION_AUDIO_LIST = [\n { name: 'CORRECT', url: 'https://static.qumath.in/static/intel-student/cmpress/correct-zap.mp3' },\n {\n name: 'INCORRECT',\n url: 'https://static.qumath.in/static/intel-student/cmpress/incorrect-zap.mp3',\n },\n];\nexport const TEACHER_VALIDATION_AUDIO_LIST = [\n {\n name: 'VALIDATE',\n url: 'https://wmznlejcfq.s3.ap-southeast-1.amazonaws.com/static/intel-student/cmpress/validate-zap.mp3',\n },\n];\n\nexport const EXIT_TICKET_RATING_OPTIONS: Array<{\n label: string;\n id: keyof typeof QUESTIONS_RATING;\n}> = [\n {\n label: 'Answered all the questions independently.',\n id: 'E',\n },\n {\n label: 'Needed some help to answer the questions.',\n id: 'S',\n },\n {\n label: 'Needed a lot of help to answer the questions.',\n id: 'H',\n },\n];\n"],"names":["QUESTION_WIDTH","SPLIT_QUESTION_WIDTH","INTERSECTION_OBSERVER_THRESHOLD_POINTS","INTERSECTION_OBSERVER_THROTTLE_TIME","WORKSHEET_NUDGE_BANNER_HEIGHT","TOP_NAVIGATION_HEIGHT","TOP_NAVIGATION_ARROW_WIDTH","QUESTIONS_GAP","ACTION_BAR_HEIGHT","WORKSHEET_CONTAINER_BORDER_RADIUS","LEARNOSITY_KEYBOARD_HEIGHT","SIDEBAR_WIDTH","DESMOS_CALC_POSITION","OPTIONAL_ITEM_TYPES","CLOZE_FORMULA_RESPONSE_LIMIT","SYSTEM_VALIDATION_AUDIO_LIST","TEACHER_VALIDATION_AUDIO_LIST","EXIT_TICKET_RATING_OPTIONS"],"mappings":"AAEO,MAAMA,IAAiB,KACjBC,IAAuB,MACvBC,IAAyC,IACzCC,IAAsC,IACtCC,IAAgC,IAEhCC,IAAwB,IACxBC,IAA6B,IAE7BC,IAAgB,IAChBC,IAAoB,IACpBC,IAAoC,GACpCC,IAA6B,KAC7BC,IAAgB,IAEhBC,IAAuB,EAAE,MAAM,GAAG,KAAK,GAAG,GAE1CC,IAAmC;AAAA,EAC9C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GACaC,IAA+B,KAE/BC,IAA+B;AAAA,EAC1C,EAAE,MAAM,WAAW,KAAK,wEAAwE;AAAA,EAChG;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,EACP;AACF,GACaC,IAAgC;AAAA,EAC3C;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,EACP;AACF,GAEaC,IAGR;AAAA,EACH;AAAA,IACE,OAAO;AAAA,IACP,IAAI;AAAA,EACN;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,IAAI;AAAA,EACN;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,IAAI;AAAA,EACN;AACF;"}