@cuemath/leap 3.2.18-link.0 → 3.2.18

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

@@ -1,56 +1,54 @@
-import { useMemo as F } from "react";
-import H from "styled-components";
+import { useMemo as C } from "react";
+import F from "styled-components";
 import { EDeviceType as y } from "../theme/constants.js";
-const g = H.div(
+const $ = F.div(
   ({
-    theme: T,
+    theme: g,
     $renderAs: t,
     $color: n,
-    $align: b = "left",
+    $align: T = "left",
     $width: e,
     $widthX: f,
     $marginBottom: o,
     $marginBottomX: r,
     $alignSelf: l,
-    $opacity: v = 1,
-    $inline: E,
+    $opacity: b = 1,
+    $inline: v,
     $textDecoration: x,
     $whiteSpace: a,
     $renderOnMobileAs: c,
-    $renderOnTabletAs: i,
-    $cursor: m
+    $renderOnTabletAs: i
   }) => {
-    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: E, colors: m, layout: u, device: p } = g, L = C(() => p <= y.MOBILE ? c || i || t : p <= y.TABLET && i || t, [p, t, c, i]), {
+      fontFamily: h,
+      fontSize: k,
+      lineHeight: z,
+      letterSpacing: s,
+      textTransform: d = "none"
+    } = E[L];
     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};
+      display: ${v ? "inline-block" : "block"};
+      font-family: ${h};
+      font-size: ${k}px;
+      text-align: ${T};
+      line-height: ${z}px;
+      text-transform: ${d};
+      ${typeof s == "number" ? `letter-spacing: ${s}px;` : ""}
+      color: ${n ? m[n] : m.BLACK};
+      opacity: ${b};
       width: ${e ? `${e}` : "auto"}${typeof e == "number" ? "px" : ""};
-      ${f ? `width: ${f * s.gutter}px;` : ""}
+      ${f ? `width: ${f * u.gutter}px;` : ""}
       margin-bottom: ${o ? `${o}` : "initial"}${typeof o == "number" ? "px" : ""};
-      ${r ? `margin-bottom: ${r * s.gutter}px;` : ""}
+      ${r ? `margin-bottom: ${r * u.gutter}px;` : ""}
       ${l ? `align-self: ${l};` : ""}
       ${x ? `text-decoration: ${x};` : ""}
       ${a ? `white-space: ${a};` : ""}
-      ${m ? `cursor: ${m};` : ""}
     `;
   }
 );
-g.displayName = "Text";
-const N = g;
+$.displayName = "Text";
+const M = $;
 export {
-  N as default
+  M as default
 };
 //# sourceMappingURL=text.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"text.js","sources":["../../../../src/features/ui/text/text.tsx"],"sourcesContent":["import type { TColorNames, TTextVariants } from '../types';\n\nimport { 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;"}
+{"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}\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  }) => {\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    `;\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","text","colors","layout","device","renderAs","useMemo","EDeviceType","fontFamily","fontSize","lineHeight","letterSpacing","textTransform","Text$1"],"mappings":";;;AA2BA,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,EAAA,MACI;AACJ,UAAM,EAAE,MAAAC,GAAM,QAAAC,GAAQ,QAAAC,GAAQ,QAAAC,MAAWlB,GACnCmB,IAAWC,EAAQ,MACnBF,KAAUG,EAAY,SACjBR,KAAqBC,KAAqBb,IAG/CiB,KAAUG,EAAY,UACjBP,KAAqBb,GAI7B,CAACiB,GAAQjB,GAAWY,GAAmBC,CAAiB,CAAC,GAEtD;AAAA,MACJ,YAAAQ;AAAA,MACA,UAAAC;AAAA,MACA,YAAAC;AAAA,MACA,eAAAC;AAAA,MACA,eAAAC,IAAgB;AAAA,IAAA,IACdX,EAAKI,CAAQ;AAEV,WAAA;AAAA,iBACMT,IAAU,iBAAiB,OAAO;AAAA,qBAC9BY,CAAU;AAAA,mBACZC,CAAQ;AAAA,oBACPpB,CAAM;AAAA,qBACLqB,CAAU;AAAA,wBACPE,CAAa;AAAA,QAC7B,OAAOD,KAAkB,WAAW,mBAAmBA,CAAa,QAAQ,EAAE;AAAA,eACvEvB,IAASc,EAAOd,CAAM,IAAIc,EAAO,KAAK;AAAA,iBACpCP,CAAQ;AAAA,eACVL,IAAS,GAAGA,CAAM,KAAK,MAAM,GAAG,OAAOA,KAAW,WAAW,OAAO,EAAE;AAAA,QAC7EC,IAAU,UAAUA,IAAUY,EAAO,MAAM,QAAQ,EAAE;AAAA,uBACtCX,IAAgB,GAAGA,CAAa,KAAK,SAAS,GAC7D,OAAOA,KAAkB,WAAW,OAAO,EAC7C;AAAA,QACEC,IAAiB,kBAAkBA,IAAiBU,EAAO,MAAM,QAAQ,EAAE;AAAA,QAC3ET,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,MAAA6B,IAAe7B;"}

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

@@ -74,8 +74,6 @@ const _ = {
   WHITE_20: "#E6E6E6",
   WHITE_30: "#F2F2F2",
   WHITE_70: "rgba(255, 255, 255, 0.7)",
-  GREEN_20: "rgba(0, 229, 115, 0.2)",
-  PURPLE_20: "rgba(255, 128, 244, 0.20)",
   RED: "#C22300",
   // TODO: REMOVE this color
   FLOWER: "#DE5EE0",

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

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

package/dist/index.d.ts

@@ -25,7 +25,7 @@ import type { PLUGIN_NAME } from '@cuemath/analytics-v2/dist/constants';
 import { PropsWithChildren } from 'react';
 import { default as React_2 } from 'react';
 import * as React_3 from 'react';
-import type { ReactElement } from 'react';
+import { ReactElement } from 'react';
 import { ReactNode } from 'react';
 import { RefAttributes } from 'react';
 import { RefObject } from 'react';
@@ -33,18 +33,6 @@ import { ResourceModel } from '@cuemath/rest-api';
 import type { SetStateAction } from 'react';
 import { Substitute } from 'styled-components/dist/types';
 
-export declare const Accordion: NamedExoticComponent<AccordionProps>;
-
-declare interface AccordionProps {
-    theme?: AccordionTheme;
-    visibleBuffer: number;
-    defaultOpenElement?: number;
-    accordionData: Array<{
-        accordionQuestion: string;
-        accordionAnswer: React.ReactNode | string;
-    }>;
-}
-
 /**
  * AccordionSection component.
  *
@@ -53,8 +41,6 @@ declare interface AccordionProps {
  */
 export declare const AccordionSection: FC<IAccordionSectionProps>;
 
-declare type AccordionTheme = 'light' | 'dark';
-
 export declare const AccountSelector: MemoExoticComponent<({ userAccounts, onSelect, onAddNew, isLoading, }: IAccountSelectorViewProps) => JSX.Element>;
 
 export declare const ACHIEVEMENT_ACTIONS: {
@@ -114,8 +100,6 @@ export declare const BackgroundImage: ({ img }: {
 
 export declare const BackIcon: React.FC<React.SVGProps<SVGSVGElement>>;
 
-export declare const BaseInput: React_2.FC<IBaseInputProps>;
-
 declare interface BaseProject {
     id: string;
     name: string;
@@ -577,30 +561,6 @@ export declare const getTheme: () => DefaultTheme;
 
 declare function getZIndexConfig(): TZIndexMap;
 
-export declare const GIF: {
-    BOBWAVE: string;
-    EASY_RESCHEDULING: string;
-    ENRICHMENT: string;
-    ENRICHMENT_MINI: string;
-    GAMES: string;
-    JIGII_WAVE: string;
-    LEARNING_SESSION: string;
-    MAX_WAVE: string;
-    PUZZLES: string;
-    SCHOOL_SUCCESS: string;
-    SCHOOL_SUCCESS_MINI: string;
-    SKILLS: string;
-    SPECKIE_WAVE: string;
-    STAY_CONNECTED: string;
-    TERA_WAVE: string;
-    TEST_PREP: string;
-    TEST_PREP_MINI: string;
-    TRACK_PROGRESS: string;
-    VINNIE_WAVE: string;
-    WAY_FORWARD: string;
-    YOUR_GOALS: string;
-};
-
 declare const GOAL_CATEGORY: {
     readonly SCHOOL_SUCCESS: "SCHOOL_SUCCESS";
     readonly TEST_PREP: "TEST_PREP";
@@ -617,7 +577,7 @@ export declare const GooglePlacesSearchInput: ComponentType<Omit_2<IGooglePlaces
 
 export declare const GradeInput: NamedExoticComponent<ICustomInputFieldProps>;
 
-export declare function GradeSelector({ selectedValue, onSelect, tabsWidth, width, grades, renderAs, size, layoutAlignment, }: IGradeSelectorProps): ReactElement;
+export declare function GradeSelector({ selectedValue, onSelect, tabsWidth, width, grades, renderAs, size, sizeOnMobile, sizeOnTablet, layoutAlignment, }: IGradeSelectorProps): ReactElement;
 
 export declare const HandIcon: React_2.FC;
 
@@ -875,6 +835,8 @@ declare interface IBlockSectionsCallbacks extends INodeCardCallbacks {
 declare interface IButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>, IClickableAnalyticsProps {
     label: string;
     renderAs: TButtonVariants;
+    sizeOnMobile?: TButtonSizes;
+    sizeOnTablet?: TButtonSizes;
     size?: TButtonSizes;
     shape?: 'curved' | 'square';
     disabled?: boolean;
@@ -1615,6 +1577,8 @@ declare interface IGradeSelectorProps {
     width?: number;
     renderAs?: TTabVariants;
     size?: TTabSizes;
+    sizeOnMobile?: TTabSizes;
+    sizeOnTablet?: TTabSizes;
     onSelect: (grade: string) => void;
     grades: string[];
     layoutAlignment?: 'center' | 'auto';
@@ -2181,7 +2145,6 @@ export declare const ILLUSTRATIONS: {
     STAR_WITH_GREEN_FILL: string;
     STREAK_GREEN: string;
     STREAK_WHITE: string;
-    STRIPE_BLURPLE: string;
     TEST_DIFFICULTY_EASY: string;
     TEST_DIFFICULTY_HARD: string;
     TEST_DIFFICULTY_MEDIUM: string;
@@ -2547,7 +2510,7 @@ export declare interface IModal {
     /** Content to display inside the modal */
     element: ReactElement;
     /** Rendering style of the modal */
-    renderAs?: 'modal' | 'fullscreen' | 'spotlight' | 'bottom-sheet';
+    renderAs?: 'modal' | 'fullscreen' | 'spotlight';
     /** Whether the modal can be dismissed by clicking outside or ESC key (default: true) */
     isDismissable?: boolean;
     /** Whether the modal requires authentication to view (default: true) */
@@ -3542,6 +3505,8 @@ declare interface ITabProps {
     $width?: number | string;
     $renderAs?: TTabVariants;
     $size?: TTabSizes;
+    $sizeOnMobile?: TTabSizes;
+    $sizeOnTablet?: TTabSizes;
     $disabled?: boolean;
     onClick: () => void;
     shape?: 'curved' | 'square';
@@ -3617,20 +3582,6 @@ declare interface ITalkMeterProps extends ITalkMeter {
     animated?: boolean;
 }
 
-declare interface ITeacherProfileDetails {
-    lower_grade: string;
-    higher_grade: string;
-    header_image: string;
-    years_of_experience: number;
-    number_of_students_taught: number;
-    countries: string[];
-    degree: TDegreeInformation;
-}
-
-declare interface ITeacherProfileProps {
-    teacherProfile?: ITeacherProfileDetails;
-}
-
 declare interface ITeacherReview {
     reviewComment?: string;
     images?: string[];
@@ -3670,6 +3621,8 @@ declare interface ITestsListProps {
 declare interface ITextButtonProps extends IClickableAnalyticsProps {
     label: string;
     size?: TTextButtonSizes;
+    sizeOnMobile?: TTextButtonSizes;
+    sizeOnTablet?: TTextButtonSizes;
     disabled?: boolean;
     onClick?: () => void;
     color?: TColorNames;
@@ -4983,8 +4936,6 @@ export declare const STAGES: {
 
 export declare const Star2Icon: React.FC<React.SVGProps<SVGSVGElement>>;
 
-export declare const Star3Icon: React.FC<React.SVGProps<SVGSVGElement>>;
-
 export declare const StarIcon: React.FC<React.SVGProps<SVGSVGElement>>;
 
 export declare enum State {
@@ -5208,7 +5159,7 @@ export declare type TCheckboxVariants = 'black' | 'black-dark';
  */
 export declare type TCoachmarkJourneyProps = Omit<ICoachmarkProps, 'isActive'>;
 
-export declare type TColorNames = `${THueNames}_${'1' | '2' | '3' | '4' | '5' | '6'}` | `${'BLACK' | 'WHITE'}_${'1' | '2' | '3' | '4' | '5'}` | `${'GREY'}_${'1' | '2' | '3' | '4'}` | `${'BLACK_T'}_${'02' | '04' | '08' | '15' | '20' | '38' | '60' | '87'}` | `${'WHITE_T'}_${'03' | '05' | '10' | '15' | '38' | '60' | '87'}` | 'BLACK' | `${'BLACK'}_${'50' | '65' | '75' | '10'}` | 'REAL_BLACK' | `${'REAL_BLACK'}_${'10' | '15' | '30' | '50' | '60'}` | 'WHITE' | `${'WHITE'}_${'10' | '20' | '30' | '70'}` | 'RED' | 'TRANSPARENT' | 'FLOWER' | `${'GREEN' | 'PURPLE'}_20`;
+export declare type TColorNames = `${THueNames}_${'1' | '2' | '3' | '4' | '5' | '6'}` | `${'BLACK' | 'WHITE'}_${'1' | '2' | '3' | '4' | '5'}` | `${'GREY'}_${'1' | '2' | '3' | '4'}` | `${'BLACK_T'}_${'02' | '04' | '08' | '15' | '20' | '38' | '60' | '87'}` | `${'WHITE_T'}_${'03' | '05' | '10' | '15' | '38' | '60' | '87'}` | 'BLACK' | `${'BLACK'}_${'50' | '65' | '75' | '10'}` | 'REAL_BLACK' | `${'REAL_BLACK'}_${'10' | '15' | '30' | '50' | '60'}` | 'WHITE' | `${'WHITE'}_${'10' | '20' | '30' | '70'}` | 'RED' | 'TRANSPARENT' | 'FLOWER';
 
 export declare type TColorsMap = Record<TColorNames, string>;
 
@@ -5267,15 +5218,8 @@ declare type TCueProgramData = {
 
 declare type TDefaultSection = Record<string, unknown>;
 
-declare type TDegreeInformation = {
-    degree_name?: string;
-    field_of_study?: string;
-};
-
 declare type TDrawingData = ITile | IStroke | undefined;
 
-export declare const TeacherProfile: FC<ITeacherProfileProps>;
-
 declare type TEnglishSectionSummary = {
     section_code: 'READING & WRITING';
 } & TSectionSummary;
@@ -5309,7 +5253,6 @@ declare interface TextProps {
     $whiteSpace?: 'pre-line' | 'normal' | 'pre-wrap' | 'no-wrap' | 'pre' | 'break-spaces';
     $renderOnMobileAs?: TTextVariants;
     $renderOnTabletAs?: TTextVariants;
-    $cursor?: 'pointer' | 'default' | 'text' | 'not-allowed' | 'move' | 'help';
 }
 
 export declare type TFontFamilyNames = `${'Athletics'}-${'Light' | 'Regular' | 'Medium' | 'Bold' | 'Black'}` | `${'UntitledSans'}-${'Regular' | 'Medium'}`;