@cuemath/leap 3.0.30-j → 3.0.30

package/dist/features/auth/login/username-password-form/username-password-form.js.map

@@ -1 +1 @@
-{"version":3,"file":"username-password-form.js","sources":["../../../../../src/features/auth/login/username-password-form/username-password-form.tsx"],"sourcesContent":["import type { IUsernamePasswordFormProps } from './username-password-form-types';\n\nimport { type ChangeEvent, type FC, memo, useCallback } from 'react';\n\nimport Button from '../../../ui/buttons/button/button';\nimport TextButton from '../../../ui/buttons/text-button/text-button';\nimport TextInput from '../../../ui/inputs/text-input/text-input';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport InputStatusIcon from '../../comps/input-status-icon/input-status-icon';\nimport * as Styled from '../login-styled';\n\nconst UsernamePasswordForm: FC<IUsernamePasswordFormProps> = ({\n  username,\n  password,\n  errors,\n  isLoading,\n  onChange,\n  onSubmit,\n  onForgotPassword,\n}) => {\n  const isSubmitDisabled = isLoading || !username.trim() || !password.trim();\n\n  const handleUsernameChange = useCallback(\n    (e: ChangeEvent<HTMLInputElement>) => {\n      onChange('username', e.target.value);\n    },\n    [onChange],\n  );\n\n  const handlePasswordChange = useCallback(\n    (e: ChangeEvent<HTMLInputElement>) => {\n      onChange('password', e.target.value);\n    },\n    [onChange],\n  );\n\n  return (\n    <FlexView\n      $gutterX={1.5}\n      $gapX={1.5}\n      $alignItems=\"center\"\n      $justifyContent=\"center\"\n      $background=\"BLACK_2\"\n      $height={308}\n    >\n      <Separator heightX={0.5} />\n      <Styled.FormContainer onSubmit={onSubmit}>\n        <FlexView $alignItems=\"center\" $justifyContent=\"center\">\n          <TextInput\n            renderAs={errors.username ? 'error-dark' : 'primary-dark'}\n            autoFocus\n            autoComplete=\"username\"\n            label=\"Username\"\n            value={username}\n            width=\"100%\"\n            onChange={handleUsernameChange}\n            required\n            shape=\"borderLess\"\n            errorMessage={errors.username}\n          />\n          <Separator height={36} />\n          <TextInput\n            type=\"password\"\n            renderAs={errors.password ? 'error-dark' : 'primary-dark'}\n            autoComplete=\"password\"\n            label=\"Password\"\n            value={password}\n            width=\"100%\"\n            onChange={handlePasswordChange}\n            required\n            shape=\"borderLess\"\n            errorMessage={errors.password}\n            siblingElement={<InputStatusIcon isError={!!errors.password} />}\n          />\n        </FlexView>\n        <Separator heightX={1.25} />\n        <FlexView $alignItems=\"flex-end\">\n          <TextButton label=\"Forgot Password?\" onClick={onForgotPassword} color=\"WHITE_T_60\" />\n        </FlexView>\n        <Separator heightX={2} />\n        <FlexView $justifyContent=\"center\">\n          <Button\n            size=\"small\"\n            renderAs=\"secondary-dark\"\n            type=\"submit\"\n            label=\"Log in\"\n            width=\"100%\"\n            busy={isLoading}\n            disabled={isSubmitDisabled}\n          />\n        </FlexView>\n      </Styled.FormContainer>\n    </FlexView>\n  );\n};\n\nexport default memo(UsernamePasswordForm);\n"],"names":["UsernamePasswordForm","username","password","errors","isLoading","onChange","onSubmit","onForgotPassword","isSubmitDisabled","handleUsernameChange","useCallback","e","handlePasswordChange","jsxs","FlexView","jsx","Separator","Styled.FormContainer","TextInput","InputStatusIcon","TextButton","Button","usernamePasswordForm","memo"],"mappings":";;;;;;;;;AAYA,MAAMA,IAAuD,CAAC;AAAA,EAC5D,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,kBAAAC;AACF,MAAM;AACE,QAAAC,IAAmBJ,KAAa,CAACH,EAAS,UAAU,CAACC,EAAS,QAE9DO,IAAuBC;AAAA,IAC3B,CAACC,MAAqC;AAC3B,MAAAN,EAAA,YAAYM,EAAE,OAAO,KAAK;AAAA,IACrC;AAAA,IACA,CAACN,CAAQ;AAAA,EAAA,GAGLO,IAAuBF;AAAA,IAC3B,CAACC,MAAqC;AAC3B,MAAAN,EAAA,YAAYM,EAAE,OAAO,KAAK;AAAA,IACrC;AAAA,IACA,CAACN,CAAQ;AAAA,EAAA;AAIT,SAAA,gBAAAQ;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,UAAU;AAAA,MACV,OAAO;AAAA,MACP,aAAY;AAAA,MACZ,iBAAgB;AAAA,MAChB,aAAY;AAAA,MACZ,SAAS;AAAA,MAET,UAAA;AAAA,QAAC,gBAAAC,EAAAC,GAAA,EAAU,SAAS,IAAK,CAAA;AAAA,QACxB,gBAAAH,EAAAI,GAAA,EAAqB,UAAAX,GACpB,UAAA;AAAA,UAAA,gBAAAO,EAACC,GAAS,EAAA,aAAY,UAAS,iBAAgB,UAC7C,UAAA;AAAA,YAAA,gBAAAC;AAAA,cAACG;AAAA,cAAA;AAAA,gBACC,UAAUf,EAAO,WAAW,eAAe;AAAA,gBAC3C,WAAS;AAAA,gBACT,cAAa;AAAA,gBACb,OAAM;AAAA,gBACN,OAAOF;AAAA,gBACP,OAAM;AAAA,gBACN,UAAUQ;AAAA,gBACV,UAAQ;AAAA,gBACR,OAAM;AAAA,gBACN,cAAcN,EAAO;AAAA,cAAA;AAAA,YACvB;AAAA,YACA,gBAAAY,EAACC,GAAU,EAAA,QAAQ,GAAI,CAAA;AAAA,YACvB,gBAAAD;AAAA,cAACG;AAAA,cAAA;AAAA,gBACC,MAAK;AAAA,gBACL,UAAUf,EAAO,WAAW,eAAe;AAAA,gBAC3C,cAAa;AAAA,gBACb,OAAM;AAAA,gBACN,OAAOD;AAAA,gBACP,OAAM;AAAA,gBACN,UAAUU;AAAA,gBACV,UAAQ;AAAA,gBACR,OAAM;AAAA,gBACN,cAAcT,EAAO;AAAA,gBACrB,gBAAiB,gBAAAY,EAAAI,GAAA,EAAgB,SAAS,CAAC,CAAChB,EAAO,UAAU;AAAA,cAAA;AAAA,YAC/D;AAAA,UAAA,GACF;AAAA,UACA,gBAAAY,EAACC,GAAU,EAAA,SAAS,KAAM,CAAA;AAAA,UACzB,gBAAAD,EAAAD,GAAA,EAAS,aAAY,YACpB,UAAC,gBAAAC,EAAAK,GAAA,EAAW,OAAM,oBAAmB,SAASb,GAAkB,OAAM,aAAa,CAAA,GACrF;AAAA,UACA,gBAAAQ,EAACC,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,UACvB,gBAAAD,EAACD,GAAS,EAAA,iBAAgB,UACxB,UAAA,gBAAAC;AAAA,YAACM;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,UAAS;AAAA,cACT,MAAK;AAAA,cACL,OAAM;AAAA,cACN,OAAM;AAAA,cACN,MAAMjB;AAAA,cACN,UAAUI;AAAA,YAAA;AAAA,UAAA,GAEd;AAAA,QAAA,GACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN,GAEec,IAAAC,EAAKvB,CAAoB;"}
+{"version":3,"file":"username-password-form.js","sources":["../../../../../src/features/auth/login/username-password-form/username-password-form.tsx"],"sourcesContent":["import type { IUsernamePasswordFormProps } from './username-password-form-types';\n\nimport { type ChangeEvent, type FC, memo, useCallback } from 'react';\n\nimport Button from '../../../ui/buttons/button/button';\nimport TextButton from '../../../ui/buttons/text-button/text-button';\nimport TextInput from '../../../ui/inputs/text-input/text-input';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport InputStatusIcon from '../../comps/input-status-icon/input-status-icon';\n\nconst UsernamePasswordForm: FC<IUsernamePasswordFormProps> = ({\n  username,\n  password,\n  errors,\n  isLoading,\n  onChange,\n  onSubmit,\n  onForgotPassword,\n}) => {\n  const isSubmitDisabled = isLoading || !username.trim() || !password.trim();\n\n  const handleUsernameChange = useCallback(\n    (e: ChangeEvent<HTMLInputElement>) => {\n      onChange('username', e.target.value);\n    },\n    [onChange],\n  );\n\n  const handlePasswordChange = useCallback(\n    (e: ChangeEvent<HTMLInputElement>) => {\n      onChange('password', e.target.value);\n    },\n    [onChange],\n  );\n\n  return (\n    <FlexView\n      $gutterX={2}\n      $gapX={1.5}\n      $alignItems=\"center\"\n      $justifyContent=\"center\"\n      $background=\"BLACK_2\"\n      $height={308}\n    >\n      <Separator heightX={0.5} />\n      <form onSubmit={onSubmit}>\n        <FlexView $alignItems=\"center\" $justifyContent=\"center\">\n          <TextInput\n            renderAs={errors.username ? 'error-dark' : 'primary-dark'}\n            autoFocus\n            autoComplete=\"username\"\n            label=\"Username\"\n            value={username}\n            onChange={handleUsernameChange}\n            width={330}\n            required\n            shape=\"borderLess\"\n            errorMessage={errors.username}\n          />\n          <Separator height={36} />\n          <TextInput\n            type=\"password\"\n            renderAs={errors.password ? 'error-dark' : 'primary-dark'}\n            autoComplete=\"password\"\n            label=\"Password\"\n            value={password}\n            onChange={handlePasswordChange}\n            width={330}\n            required\n            shape=\"borderLess\"\n            errorMessage={errors.password}\n            siblingElement={<InputStatusIcon isError={!!errors.password} />}\n          />\n        </FlexView>\n        <Separator heightX={1.25} />\n        <FlexView $alignItems=\"flex-end\">\n          <TextButton label=\"Forgot Password?\" onClick={onForgotPassword} color=\"WHITE_T_60\" />\n        </FlexView>\n        <Separator heightX={2} />\n        <FlexView $justifyContent=\"center\">\n          <Button\n            size=\"small\"\n            renderAs=\"secondary-dark\"\n            type=\"submit\"\n            label=\"Log in\"\n            width={336}\n            busy={isLoading}\n            disabled={isSubmitDisabled}\n          />\n        </FlexView>\n      </form>\n    </FlexView>\n  );\n};\n\nexport default memo(UsernamePasswordForm);\n"],"names":["UsernamePasswordForm","username","password","errors","isLoading","onChange","onSubmit","onForgotPassword","isSubmitDisabled","handleUsernameChange","useCallback","e","handlePasswordChange","jsxs","FlexView","jsx","Separator","TextInput","InputStatusIcon","TextButton","Button","usernamePasswordForm","memo"],"mappings":";;;;;;;;AAWA,MAAMA,IAAuD,CAAC;AAAA,EAC5D,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,kBAAAC;AACF,MAAM;AACE,QAAAC,IAAmBJ,KAAa,CAACH,EAAS,UAAU,CAACC,EAAS,QAE9DO,IAAuBC;AAAA,IAC3B,CAACC,MAAqC;AAC3B,MAAAN,EAAA,YAAYM,EAAE,OAAO,KAAK;AAAA,IACrC;AAAA,IACA,CAACN,CAAQ;AAAA,EAAA,GAGLO,IAAuBF;AAAA,IAC3B,CAACC,MAAqC;AAC3B,MAAAN,EAAA,YAAYM,EAAE,OAAO,KAAK;AAAA,IACrC;AAAA,IACA,CAACN,CAAQ;AAAA,EAAA;AAIT,SAAA,gBAAAQ;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,UAAU;AAAA,MACV,OAAO;AAAA,MACP,aAAY;AAAA,MACZ,iBAAgB;AAAA,MAChB,aAAY;AAAA,MACZ,SAAS;AAAA,MAET,UAAA;AAAA,QAAC,gBAAAC,EAAAC,GAAA,EAAU,SAAS,IAAK,CAAA;AAAA,QACzB,gBAAAH,EAAC,UAAK,UAAAP,GACJ,UAAA;AAAA,UAAA,gBAAAO,EAACC,GAAS,EAAA,aAAY,UAAS,iBAAgB,UAC7C,UAAA;AAAA,YAAA,gBAAAC;AAAA,cAACE;AAAA,cAAA;AAAA,gBACC,UAAUd,EAAO,WAAW,eAAe;AAAA,gBAC3C,WAAS;AAAA,gBACT,cAAa;AAAA,gBACb,OAAM;AAAA,gBACN,OAAOF;AAAA,gBACP,UAAUQ;AAAA,gBACV,OAAO;AAAA,gBACP,UAAQ;AAAA,gBACR,OAAM;AAAA,gBACN,cAAcN,EAAO;AAAA,cAAA;AAAA,YACvB;AAAA,YACA,gBAAAY,EAACC,GAAU,EAAA,QAAQ,GAAI,CAAA;AAAA,YACvB,gBAAAD;AAAA,cAACE;AAAA,cAAA;AAAA,gBACC,MAAK;AAAA,gBACL,UAAUd,EAAO,WAAW,eAAe;AAAA,gBAC3C,cAAa;AAAA,gBACb,OAAM;AAAA,gBACN,OAAOD;AAAA,gBACP,UAAUU;AAAA,gBACV,OAAO;AAAA,gBACP,UAAQ;AAAA,gBACR,OAAM;AAAA,gBACN,cAAcT,EAAO;AAAA,gBACrB,gBAAiB,gBAAAY,EAAAG,GAAA,EAAgB,SAAS,CAAC,CAACf,EAAO,UAAU;AAAA,cAAA;AAAA,YAC/D;AAAA,UAAA,GACF;AAAA,UACA,gBAAAY,EAACC,GAAU,EAAA,SAAS,KAAM,CAAA;AAAA,UACzB,gBAAAD,EAAAD,GAAA,EAAS,aAAY,YACpB,UAAC,gBAAAC,EAAAI,GAAA,EAAW,OAAM,oBAAmB,SAASZ,GAAkB,OAAM,aAAa,CAAA,GACrF;AAAA,UACA,gBAAAQ,EAACC,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,UACvB,gBAAAD,EAACD,GAAS,EAAA,iBAAgB,UACxB,UAAA,gBAAAC;AAAA,YAACK;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,UAAS;AAAA,cACT,MAAK;AAAA,cACL,OAAM;AAAA,cACN,OAAO;AAAA,cACP,MAAMhB;AAAA,cACN,UAAUI;AAAA,YAAA;AAAA,UAAA,GAEd;AAAA,QAAA,GACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN,GAEea,IAAAC,EAAKtB,CAAoB;"}

package/dist/features/homework/styles.js

@@ -18,7 +18,7 @@ const c = r(e)(({ theme: o }) => `
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
-`, u = r(e)(({
+`, x = r(e)(({
   $shouldopenonright: o,
   $visible: t
 }) => `
@@ -33,8 +33,9 @@ const c = r(e)(({ theme: o }) => `
     transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
     box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.4);
     z-index: 10;
-  `), x = r(e)`
+  `), u = r(e)`
   border: 1px solid ${({ theme: o }) => o.colors.BLACK_T_15};
+  border-top-width: 2px;
   &:hover {
     border: 1px solid ${({ theme: o }) => o.colors.BLACK};
     border-top-width: 2px;
@@ -117,9 +118,9 @@ export {
   w as BannerImageWrapper,
   v as BlurContainer,
   $ as BlurFlexView,
-  x as CardContainer,
+  u as CardContainer,
   c as CardKebabMenuWrapper,
-  u as CardMenuOptionsWrapper,
+  x as CardMenuOptionsWrapper,
   b as CardWrapper,
   m as HeaderText,
   h as IconWrapper,

package/dist/features/homework/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../src/features/homework/styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport Minus2Icon from '../../assets/line-icons/icons/minus2';\nimport FlexView from '../ui/layout/flex-view';\nimport Text from '../ui/text/text';\n\ninterface ICardWrapperProps {\n  $bgImage: string;\n}\ninterface ICardOptionsMenuWrapperProps {\n  $visible: boolean;\n  $shouldopenonright: boolean;\n}\n\nexport const CardKebabMenuWrapper = styled(FlexView)(({ theme }) => {\n  return `\n    cursor: pointer;\n    width: 24px;\n    height: 24px;\n    \n    \n    &:hover {\n      border-radius: 50%;\n      background: ${theme.colors.WHITE_5}; \n    }\n  `;\n});\n\nexport const SubHeaderText = styled(Text)`\n  display: -webkit-box;\n  -webkit-line-clamp: 1;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n  text-overflow: ellipsis;\n`;\n\nexport const CardMenuOptionsWrapper = styled(FlexView)<ICardOptionsMenuWrapperProps>(({\n  $shouldopenonright,\n  $visible,\n}) => {\n  return `\n    cursor: pointer;\n    position: absolute;\n    z-index: 6;\n    top: calc(100% + 4px);\n    right: ${$shouldopenonright ? 0 : 'auto'};\n    transform-origin: top;\n    transform: scaleY(${$visible ? 1 : 0});\n    opacity: ${$visible ? 1 : 0};\n    transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;\n    box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.4);\n    z-index: 10;\n  `;\n});\n\nexport const CardContainer = styled(FlexView)`\n  border: 1px solid ${({ theme }) => theme.colors.BLACK_T_15};\n  &:hover {\n    border: 1px solid ${({ theme }) => theme.colors.BLACK};\n    border-top-width: 2px;\n  }\n`;\n\nexport const CardWrapper = styled(FlexView)<ICardWrapperProps>(({ $bgImage }) => {\n  if ($bgImage) {\n    return `\n      background-image: url(${$bgImage});\n      background-repeat: no-repeat;\n      background-size: cover;\n      background-position: center;\n      overflow: hidden;\n    `;\n  }\n\n  return 'overflow: hidden;';\n});\n\nexport const IconWrapper = styled(FlexView)`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n`;\n\nexport const BannerImageWrapper = styled(FlexView)`\n  position: absolute;\n  right: -18px;\n  top: -4px;\n`;\n\nexport const BannerImage = styled.img(({ theme }) => {\n  const { gutter } = theme.layout;\n\n  return `\n    border: 1px solid ${theme.colors.BLACK_T_15};\n    width: ${gutter * 4}px;\n    height: ${gutter * 4}px;\n    border-radius: 50%;\n  `;\n});\n\nexport const StyledMinus2Icon = styled(Minus2Icon)`\n  path {\n    stroke: ${({ theme }) => theme.colors.WHITE};\n  }\n`;\n\nexport const HeaderText = styled(Text)`\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: break-spaces;\n`;\n\ninterface ICardOptionWrapperProps {\n  $disabled?: boolean;\n}\ninterface ICardOptionsProps {\n  $top: number;\n  $left: number;\n}\n\nexport const CardOptions = styled(FlexView)<ICardOptionsProps>``;\n\nexport const CardOptionWrapper = styled(FlexView)<ICardOptionWrapperProps>(({\n  theme,\n  $disabled,\n}) => {\n  return `\n    cursor: ${$disabled ? 'not-allowed' : 'pointer'};\n    \n    &:hover {\n      background: ${$disabled ? 'transparent' : theme.colors.BLACK};\n    };\n    \n    path {\n      fill: ${theme.colors.WHITE_1};\n    }\n  `;\n});\n\nexport const OptionText = styled(Text)`\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n`;\n\nexport const MenuWrapper = styled(FlexView)`\n  position: absolute;\n  z-index: 6;\n  top: calc(100% - 36px);\n  right: 12px;\n  transform-origin: top;\n  transform: scaleY(1);\n`;\n\nexport const BlurContainer = styled(FlexView)`\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  opacity: 0.5;\n`;\n\nexport const BlurFlexView = styled(FlexView)`\n  position: absolute;\n  right: 42px;\n  top: 24px;\n`;\n"],"names":["CardKebabMenuWrapper","styled","FlexView","theme","SubHeaderText","Text","CardMenuOptionsWrapper","$shouldopenonright","$visible","CardContainer","CardWrapper","$bgImage","IconWrapper","BannerImageWrapper","BannerImage","gutter","StyledMinus2Icon","Minus2Icon","HeaderText","$disabled","MenuWrapper","BlurContainer","BlurFlexView"],"mappings":";;;;AAcO,MAAMA,IAAuBC,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAC,QAC/C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAQWA,EAAM,OAAO,OAAO;AAAA;AAAA,GAGvC,GAEYC,IAAgBH,EAAOI,CAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQ3BC,IAAyBL,EAAOC,CAAQ,EAAgC,CAAC;AAAA,EACpF,oBAAAK;AAAA,EACA,UAAAC;AACF,MACS;AAAA;AAAA;AAAA;AAAA;AAAA,aAKID,IAAqB,IAAI,MAAM;AAAA;AAAA,wBAEpBC,IAAW,IAAI,CAAC;AAAA,eACzBA,IAAW,IAAI,CAAC;AAAA;AAAA;AAAA;AAAA,GAK9B,GAEYC,IAAgBR,EAAOC,CAAQ;AAAA,sBACtB,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,OAAO,UAAU;AAAA;AAAA,wBAEpC,CAAC,EAAE,OAAAA,EAAA,MAAYA,EAAM,OAAO,KAAK;AAAA;AAAA;AAAA,GAK5CO,IAAcT,EAAOC,CAAQ,EAAqB,CAAC,EAAE,UAAAS,QAC5DA,IACK;AAAA,8BACmBA,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,QAQ7B,mBACR,GAEYC,IAAcX,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA,GAM7BW,IAAqBZ,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA,GAMpCY,IAAcb,EAAO,IAAI,CAAC,EAAE,OAAAE,QAAY;AAC7C,QAAA,EAAE,QAAAY,EAAO,IAAIZ,EAAM;AAElB,SAAA;AAAA,wBACeA,EAAM,OAAO,UAAU;AAAA,aAClCY,IAAS,CAAC;AAAA,cACTA,IAAS,CAAC;AAAA;AAAA;AAGxB,CAAC,GAEYC,IAAmBf,EAAOgB,CAAU;AAAA;AAAA,cAEnC,CAAC,EAAE,OAAAd,EAAA,MAAYA,EAAM,OAAO,KAAK;AAAA;AAAA,GAIlCe,IAAajB,EAAOI,CAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAiBVJ,EAAOC,CAAQ;AAETD,EAAOC,CAAQ,EAA2B,CAAC;AAAA,EAC1E,OAAAC;AAAA,EACA,WAAAgB;AACF,MACS;AAAA,cACKA,IAAY,gBAAgB,SAAS;AAAA;AAAA;AAAA,oBAG/BA,IAAY,gBAAgBhB,EAAM,OAAO,KAAK;AAAA;AAAA;AAAA;AAAA,cAIpDA,EAAM,OAAO,OAAO;AAAA;AAAA,GAGjC;AAEyBF,EAAOI,CAAI;AAAA;AAAA;AAAA;AAAA;AAMxB,MAAAe,IAAcnB,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAS7BmB,IAAgBpB,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAS/BoB,IAAerB,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;"}
+{"version":3,"file":"styles.js","sources":["../../../src/features/homework/styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport Minus2Icon from '../../assets/line-icons/icons/minus2';\nimport FlexView from '../ui/layout/flex-view';\nimport Text from '../ui/text/text';\n\ninterface ICardWrapperProps {\n  $bgImage: string;\n}\ninterface ICardOptionsMenuWrapperProps {\n  $visible: boolean;\n  $shouldopenonright: boolean;\n}\n\nexport const CardKebabMenuWrapper = styled(FlexView)(({ theme }) => {\n  return `\n    cursor: pointer;\n    width: 24px;\n    height: 24px;\n    \n    \n    &:hover {\n      border-radius: 50%;\n      background: ${theme.colors.WHITE_5}; \n    }\n  `;\n});\n\nexport const SubHeaderText = styled(Text)`\n  display: -webkit-box;\n  -webkit-line-clamp: 1;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n  text-overflow: ellipsis;\n`;\n\nexport const CardMenuOptionsWrapper = styled(FlexView)<ICardOptionsMenuWrapperProps>(({\n  $shouldopenonright,\n  $visible,\n}) => {\n  return `\n    cursor: pointer;\n    position: absolute;\n    z-index: 6;\n    top: calc(100% + 4px);\n    right: ${$shouldopenonright ? 0 : 'auto'};\n    transform-origin: top;\n    transform: scaleY(${$visible ? 1 : 0});\n    opacity: ${$visible ? 1 : 0};\n    transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;\n    box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.4);\n    z-index: 10;\n  `;\n});\n\nexport const CardContainer = styled(FlexView)`\n  border: 1px solid ${({ theme }) => theme.colors.BLACK_T_15};\n  border-top-width: 2px;\n  &:hover {\n    border: 1px solid ${({ theme }) => theme.colors.BLACK};\n    border-top-width: 2px;\n  }\n`;\n\nexport const CardWrapper = styled(FlexView)<ICardWrapperProps>(({ $bgImage }) => {\n  if ($bgImage) {\n    return `\n      background-image: url(${$bgImage});\n      background-repeat: no-repeat;\n      background-size: cover;\n      background-position: center;\n      overflow: hidden;\n    `;\n  }\n\n  return 'overflow: hidden;';\n});\n\nexport const IconWrapper = styled(FlexView)`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n`;\n\nexport const BannerImageWrapper = styled(FlexView)`\n  position: absolute;\n  right: -18px;\n  top: -4px;\n`;\n\nexport const BannerImage = styled.img(({ theme }) => {\n  const { gutter } = theme.layout;\n\n  return `\n    border: 1px solid ${theme.colors.BLACK_T_15};\n    width: ${gutter * 4}px;\n    height: ${gutter * 4}px;\n    border-radius: 50%;\n  `;\n});\n\nexport const StyledMinus2Icon = styled(Minus2Icon)`\n  path {\n    stroke: ${({ theme }) => theme.colors.WHITE};\n  }\n`;\n\nexport const HeaderText = styled(Text)`\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: break-spaces;\n`;\n\ninterface ICardOptionWrapperProps {\n  $disabled?: boolean;\n}\ninterface ICardOptionsProps {\n  $top: number;\n  $left: number;\n}\n\nexport const CardOptions = styled(FlexView)<ICardOptionsProps>``;\n\nexport const CardOptionWrapper = styled(FlexView)<ICardOptionWrapperProps>(({\n  theme,\n  $disabled,\n}) => {\n  return `\n    cursor: ${$disabled ? 'not-allowed' : 'pointer'};\n    \n    &:hover {\n      background: ${$disabled ? 'transparent' : theme.colors.BLACK};\n    };\n    \n    path {\n      fill: ${theme.colors.WHITE_1};\n    }\n  `;\n});\n\nexport const OptionText = styled(Text)`\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n`;\n\nexport const MenuWrapper = styled(FlexView)`\n  position: absolute;\n  z-index: 6;\n  top: calc(100% - 36px);\n  right: 12px;\n  transform-origin: top;\n  transform: scaleY(1);\n`;\n\nexport const BlurContainer = styled(FlexView)`\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  opacity: 0.5;\n`;\n\nexport const BlurFlexView = styled(FlexView)`\n  position: absolute;\n  right: 42px;\n  top: 24px;\n`;\n"],"names":["CardKebabMenuWrapper","styled","FlexView","theme","SubHeaderText","Text","CardMenuOptionsWrapper","$shouldopenonright","$visible","CardContainer","CardWrapper","$bgImage","IconWrapper","BannerImageWrapper","BannerImage","gutter","StyledMinus2Icon","Minus2Icon","HeaderText","$disabled","MenuWrapper","BlurContainer","BlurFlexView"],"mappings":";;;;AAcO,MAAMA,IAAuBC,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAC,QAC/C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAQWA,EAAM,OAAO,OAAO;AAAA;AAAA,GAGvC,GAEYC,IAAgBH,EAAOI,CAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQ3BC,IAAyBL,EAAOC,CAAQ,EAAgC,CAAC;AAAA,EACpF,oBAAAK;AAAA,EACA,UAAAC;AACF,MACS;AAAA;AAAA;AAAA;AAAA;AAAA,aAKID,IAAqB,IAAI,MAAM;AAAA;AAAA,wBAEpBC,IAAW,IAAI,CAAC;AAAA,eACzBA,IAAW,IAAI,CAAC;AAAA;AAAA;AAAA;AAAA,GAK9B,GAEYC,IAAgBR,EAAOC,CAAQ;AAAA,sBACtB,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,OAAO,UAAU;AAAA;AAAA;AAAA,wBAGpC,CAAC,EAAE,OAAAA,EAAA,MAAYA,EAAM,OAAO,KAAK;AAAA;AAAA;AAAA,GAK5CO,IAAcT,EAAOC,CAAQ,EAAqB,CAAC,EAAE,UAAAS,QAC5DA,IACK;AAAA,8BACmBA,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,QAQ7B,mBACR,GAEYC,IAAcX,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA,GAM7BW,IAAqBZ,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA,GAMpCY,IAAcb,EAAO,IAAI,CAAC,EAAE,OAAAE,QAAY;AAC7C,QAAA,EAAE,QAAAY,EAAO,IAAIZ,EAAM;AAElB,SAAA;AAAA,wBACeA,EAAM,OAAO,UAAU;AAAA,aAClCY,IAAS,CAAC;AAAA,cACTA,IAAS,CAAC;AAAA;AAAA;AAGxB,CAAC,GAEYC,IAAmBf,EAAOgB,CAAU;AAAA;AAAA,cAEnC,CAAC,EAAE,OAAAd,EAAA,MAAYA,EAAM,OAAO,KAAK;AAAA;AAAA,GAIlCe,IAAajB,EAAOI,CAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAiBVJ,EAAOC,CAAQ;AAETD,EAAOC,CAAQ,EAA2B,CAAC;AAAA,EAC1E,OAAAC;AAAA,EACA,WAAAgB;AACF,MACS;AAAA,cACKA,IAAY,gBAAgB,SAAS;AAAA;AAAA;AAAA,oBAG/BA,IAAY,gBAAgBhB,EAAM,OAAO,KAAK;AAAA;AAAA;AAAA;AAAA,cAIpDA,EAAM,OAAO,OAAO;AAAA;AAAA,GAGjC;AAEyBF,EAAOI,CAAI;AAAA;AAAA;AAAA;AAAA;AAMxB,MAAAe,IAAcnB,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAS7BmB,IAAgBpB,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAS/BoB,IAAerB,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;"}

package/dist/features/ui/buttons/button/button-styled.js

@@ -1,16 +1,16 @@
 import u from "styled-components";
 import x from "../../text/text.js";
-const s = u.button(
-  ({ theme: c, $width: t, $widthX: i, $alignSelf: o, $justifyContent: e, $renderAs: a, $size: n, $shape: $ }) => {
-    const { button: b, colors: r, layout: p } = c, { backgroundColorName: d, borderColorName: l } = b.variants[a], { height: v, paddingHorizontal: g, borderWidth: h } = b.sizes[n];
+const d = u.button(
+  ({ theme: c, $width: e, $widthX: i, $alignSelf: o, $justifyContent: t, $renderAs: a, $size: n, $shape: $ }) => {
+    const { button: b, colors: r, layout: p } = c, { backgroundColorName: s, borderColorName: l } = b.variants[a], { height: v, paddingHorizontal: g, borderWidth: h } = b.sizes[n];
     return `
       position: relative;
       display: flex;
-      justify-content: ${e};
+      justify-content: ${t};
       align-items: center;
       ${o ? `align-self: ${o};` : ""}
       
-      width: ${t ? `${t}` : "auto"}${typeof t == "number" ? "px" : ""};
+      width: ${e ? `${e}px` : "auto"};
       ${i ? `width: ${i * p.gutter}px;` : ""}
       height: ${v}px;
       padding: 0 ${g}px;
@@ -19,56 +19,56 @@ const s = u.button(
       border-radius: ${$ === "curved" ? v / 2 : 0}px;
       outline: none;
 
-      background-color: ${r[d.inactive]};
+      background-color: ${r[s.inactive]};
       border-color: ${r[l.inactive]};
       
       transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
       cursor: pointer;
 
       &:hover {
-        background-color: ${r[d.active]};
+        background-color: ${r[s.active]};
         border-color: ${r[l.active]};
       }
 
       &:active  {
-        background: ${r[d.inactive]};
+        background: ${r[s.inactive]};
         border-color: ${r[l.inactive]};
       }
 
       &[data-busy="true"] {
         cursor: wait;
-        background-color: ${r[d.active]};
+        background-color: ${r[s.active]};
         border-color: ${r[l.active]};
       }
 
       &:disabled {
-        background-color: ${r[d.disabled]};
+        background-color: ${r[s.disabled]};
         border-color: ${r[l.disabled]};
         cursor: not-allowed;
       }
   `;
   }
-), f = u(x)(({ theme: c, $buttonRenderAs: t }) => {
-  const { button: i, colors: o } = c, { colorName: e } = i.variants[t];
+), k = u(x)(({ theme: c, $buttonRenderAs: e }) => {
+  const { button: i, colors: o } = c, { colorName: t } = i.variants[e];
   return `
-      color: ${o[e.inactive]};
+      color: ${o[t.inactive]};
       transition: color 0.2s ease-in-out;
 
-      ${s}:hover & {
-        color: ${o[e.active]};
+      ${d}:hover & {
+        color: ${o[t.active]};
       }
       
-      ${s}:active & {
-        color: ${o[e.inactive]};
+      ${d}:active & {
+        color: ${o[t.inactive]};
       }
 
-      ${s}:disabled & {
-        color: ${o[e.disabled]};
+      ${d}:disabled & {
+        color: ${o[t.disabled]};
         opacity: 0.5;
       }
     `;
-}), k = u.div(({ theme: c, $buttonRenderAs: t, $size: i, $iconPosition: o }) => {
-  const { button: e, colors: a } = c, { colorName: n } = e.variants[t], { iconSize: $, iconPadding: b } = e.sizes[i];
+}), f = u.div(({ theme: c, $buttonRenderAs: e, $size: i, $iconPosition: o }) => {
+  const { button: t, colors: a } = c, { colorName: n } = t.variants[e], { iconSize: $, iconPadding: b } = t.sizes[i];
   return `
       ${o === "left" ? "padding-right" : "padding-left"}: ${b}px;
       order: ${o === "left" ? -1 : 1};
@@ -80,31 +80,31 @@ const s = u.button(
         color: ${a[n.inactive]};
         transition: color 0.2s ease-in-out;
 
-        ${s}:hover & {
+        ${d}:hover & {
           color: ${a[n.active]};
         }
 
-        ${s}:active & {
+        ${d}:active & {
           color: ${a[n.inactive]};
         }
 
-        ${s}:disabled & {
+        ${d}:disabled & {
           color: ${a[n.disabled]};
           opacity: 0.5;
         }
       }
     `;
-}), z = u.img(({ theme: c, $size: t }) => {
-  const { button: i } = c, { loaderSize: o } = i.sizes[t];
+}), z = u.img(({ theme: c, $size: e }) => {
+  const { button: i } = c, { loaderSize: o } = i.sizes[e];
   return `
     width: ${o}px;
     height: ${o}px;
   `;
 });
 export {
-  s as Button,
-  k as Icon,
-  f as Label,
+  d as Button,
+  f as Icon,
+  k as Label,
   z as Loader
 };
 //# sourceMappingURL=button-styled.js.map

package/dist/features/ui/buttons/button/button-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"button-styled.js","sources":["../../../../../src/features/ui/buttons/button/button-styled.tsx"],"sourcesContent":["import type { IButtonProps } from './button-types';\n\nimport styled from 'styled-components';\n\nimport Text from '../../text/text';\n\ninterface IStyledButtonProps {\n  $width: IButtonProps['width'];\n  $widthX: IButtonProps['widthX'];\n  $alignSelf: IButtonProps['alignSelf'];\n  $renderAs: IButtonProps['renderAs'];\n  $size: Required<IButtonProps>['size'];\n  $shape: Required<IButtonProps>['shape'];\n  $justifyContent: IButtonProps['justifyContent'];\n}\n\nconst Button = styled.button<IStyledButtonProps>(\n  ({ theme, $width, $widthX, $alignSelf, $justifyContent, $renderAs, $size, $shape }) => {\n    const { button, colors, layout } = theme;\n    const { backgroundColorName, borderColorName } = button.variants[$renderAs];\n    const { height, paddingHorizontal, borderWidth } = button.sizes[$size];\n\n    return `\n      position: relative;\n      display: flex;\n      justify-content: ${$justifyContent};\n      align-items: center;\n      ${$alignSelf ? `align-self: ${$alignSelf};` : ''}\n      \n      width: ${$width ? `${$width}` : 'auto'}${typeof $width === 'number' ? 'px' : ''};\n      ${$widthX ? `width: ${$widthX * layout.gutter}px;` : ''}\n      height: ${height}px;\n      padding: 0 ${paddingHorizontal}px;\n      border-width: ${borderWidth}px;\n      border-style: solid;\n      border-radius: ${$shape === 'curved' ? height / 2 : 0}px;\n      outline: none;\n\n      background-color: ${colors[backgroundColorName.inactive]};\n      border-color: ${colors[borderColorName.inactive]};\n      \n      transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;\n      cursor: pointer;\n\n      &:hover {\n        background-color: ${colors[backgroundColorName.active]};\n        border-color: ${colors[borderColorName.active]};\n      }\n\n      &:active  {\n        background: ${colors[backgroundColorName.inactive]};\n        border-color: ${colors[borderColorName.inactive]};\n      }\n\n      &[data-busy=\"true\"] {\n        cursor: wait;\n        background-color: ${colors[backgroundColorName.active]};\n        border-color: ${colors[borderColorName.active]};\n      }\n\n      &:disabled {\n        background-color: ${colors[backgroundColorName.disabled]};\n        border-color: ${colors[borderColorName.disabled]};\n        cursor: not-allowed;\n      }\n  `;\n  },\n);\n\ninterface IStyledTextProps {\n  $buttonRenderAs: IButtonProps['renderAs'];\n}\n\nconst Label = styled(Text)<IStyledTextProps>(({ theme, $buttonRenderAs }) => {\n  const { button, colors } = theme;\n  const { colorName } = button.variants[$buttonRenderAs];\n\n  return `\n      color: ${colors[colorName.inactive]};\n      transition: color 0.2s ease-in-out;\n\n      ${Button}:hover & {\n        color: ${colors[colorName.active]};\n      }\n      \n      ${Button}:active & {\n        color: ${colors[colorName.inactive]};\n      }\n\n      ${Button}:disabled & {\n        color: ${colors[colorName.disabled]};\n        opacity: 0.5;\n      }\n    `;\n});\n\ninterface IStyledIconProps {\n  $size: NonNullable<IButtonProps['size']>;\n  $iconPosition: NonNullable<IButtonProps['iconPosition']>;\n  $buttonRenderAs: IButtonProps['renderAs'];\n}\n\nconst Icon = styled.div<IStyledIconProps>(({ theme, $buttonRenderAs, $size, $iconPosition }) => {\n  const { button, colors } = theme;\n  const { colorName } = button.variants[$buttonRenderAs];\n  const { iconSize, iconPadding } = button.sizes[$size];\n\n  return `\n      ${$iconPosition === 'left' ? 'padding-right' : 'padding-left'}: ${iconPadding}px;\n      order: ${$iconPosition === 'left' ? -1 : 1};\n      \n      & svg {\n        display: block;\n        width: ${iconSize}px;\n        height: ${iconSize}px;\n        color: ${colors[colorName.inactive]};\n        transition: color 0.2s ease-in-out;\n\n        ${Button}:hover & {\n          color: ${colors[colorName.active]};\n        }\n\n        ${Button}:active & {\n          color: ${colors[colorName.inactive]};\n        }\n\n        ${Button}:disabled & {\n          color: ${colors[colorName.disabled]};\n          opacity: 0.5;\n        }\n      }\n    `;\n});\n\ninterface IStyledLoaderProps {\n  $size: Required<IButtonProps>['size'];\n}\n\nconst Loader = styled.img<IStyledLoaderProps>(({ theme, $size }) => {\n  const { button } = theme;\n  const { loaderSize } = button.sizes[$size];\n\n  return `\n    width: ${loaderSize}px;\n    height: ${loaderSize}px;\n  `;\n});\n\nexport { Button, Label, Icon, Loader };\n"],"names":["Button","styled","theme","$width","$widthX","$alignSelf","$justifyContent","$renderAs","$size","$shape","button","colors","layout","backgroundColorName","borderColorName","height","paddingHorizontal","borderWidth","Label","Text","$buttonRenderAs","colorName","Icon","$iconPosition","iconSize","iconPadding","Loader","loaderSize"],"mappings":"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"}
+{"version":3,"file":"button-styled.js","sources":["../../../../../src/features/ui/buttons/button/button-styled.tsx"],"sourcesContent":["import type { IButtonProps } from './button-types';\n\nimport styled from 'styled-components';\n\nimport Text from '../../text/text';\n\ninterface IStyledButtonProps {\n  $width: IButtonProps['width'];\n  $widthX: IButtonProps['widthX'];\n  $alignSelf: IButtonProps['alignSelf'];\n  $renderAs: IButtonProps['renderAs'];\n  $size: Required<IButtonProps>['size'];\n  $shape: Required<IButtonProps>['shape'];\n  $justifyContent: IButtonProps['justifyContent'];\n}\n\nconst Button = styled.button<IStyledButtonProps>(\n  ({ theme, $width, $widthX, $alignSelf, $justifyContent, $renderAs, $size, $shape }) => {\n    const { button, colors, layout } = theme;\n    const { backgroundColorName, borderColorName } = button.variants[$renderAs];\n    const { height, paddingHorizontal, borderWidth } = button.sizes[$size];\n\n    return `\n      position: relative;\n      display: flex;\n      justify-content: ${$justifyContent};\n      align-items: center;\n      ${$alignSelf ? `align-self: ${$alignSelf};` : ''}\n      \n      width: ${$width ? `${$width}px` : 'auto'};\n      ${$widthX ? `width: ${$widthX * layout.gutter}px;` : ''}\n      height: ${height}px;\n      padding: 0 ${paddingHorizontal}px;\n      border-width: ${borderWidth}px;\n      border-style: solid;\n      border-radius: ${$shape === 'curved' ? height / 2 : 0}px;\n      outline: none;\n\n      background-color: ${colors[backgroundColorName.inactive]};\n      border-color: ${colors[borderColorName.inactive]};\n      \n      transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;\n      cursor: pointer;\n\n      &:hover {\n        background-color: ${colors[backgroundColorName.active]};\n        border-color: ${colors[borderColorName.active]};\n      }\n\n      &:active  {\n        background: ${colors[backgroundColorName.inactive]};\n        border-color: ${colors[borderColorName.inactive]};\n      }\n\n      &[data-busy=\"true\"] {\n        cursor: wait;\n        background-color: ${colors[backgroundColorName.active]};\n        border-color: ${colors[borderColorName.active]};\n      }\n\n      &:disabled {\n        background-color: ${colors[backgroundColorName.disabled]};\n        border-color: ${colors[borderColorName.disabled]};\n        cursor: not-allowed;\n      }\n  `;\n  },\n);\n\ninterface IStyledTextProps {\n  $buttonRenderAs: IButtonProps['renderAs'];\n}\n\nconst Label = styled(Text)<IStyledTextProps>(({ theme, $buttonRenderAs }) => {\n  const { button, colors } = theme;\n  const { colorName } = button.variants[$buttonRenderAs];\n\n  return `\n      color: ${colors[colorName.inactive]};\n      transition: color 0.2s ease-in-out;\n\n      ${Button}:hover & {\n        color: ${colors[colorName.active]};\n      }\n      \n      ${Button}:active & {\n        color: ${colors[colorName.inactive]};\n      }\n\n      ${Button}:disabled & {\n        color: ${colors[colorName.disabled]};\n        opacity: 0.5;\n      }\n    `;\n});\n\ninterface IStyledIconProps {\n  $size: NonNullable<IButtonProps['size']>;\n  $iconPosition: NonNullable<IButtonProps['iconPosition']>;\n  $buttonRenderAs: IButtonProps['renderAs'];\n}\n\nconst Icon = styled.div<IStyledIconProps>(({ theme, $buttonRenderAs, $size, $iconPosition }) => {\n  const { button, colors } = theme;\n  const { colorName } = button.variants[$buttonRenderAs];\n  const { iconSize, iconPadding } = button.sizes[$size];\n\n  return `\n      ${$iconPosition === 'left' ? 'padding-right' : 'padding-left'}: ${iconPadding}px;\n      order: ${$iconPosition === 'left' ? -1 : 1};\n      \n      & svg {\n        display: block;\n        width: ${iconSize}px;\n        height: ${iconSize}px;\n        color: ${colors[colorName.inactive]};\n        transition: color 0.2s ease-in-out;\n\n        ${Button}:hover & {\n          color: ${colors[colorName.active]};\n        }\n\n        ${Button}:active & {\n          color: ${colors[colorName.inactive]};\n        }\n\n        ${Button}:disabled & {\n          color: ${colors[colorName.disabled]};\n          opacity: 0.5;\n        }\n      }\n    `;\n});\n\ninterface IStyledLoaderProps {\n  $size: Required<IButtonProps>['size'];\n}\n\nconst Loader = styled.img<IStyledLoaderProps>(({ theme, $size }) => {\n  const { button } = theme;\n  const { loaderSize } = button.sizes[$size];\n\n  return `\n    width: ${loaderSize}px;\n    height: ${loaderSize}px;\n  `;\n});\n\nexport { Button, Label, Icon, Loader };\n"],"names":["Button","styled","theme","$width","$widthX","$alignSelf","$justifyContent","$renderAs","$size","$shape","button","colors","layout","backgroundColorName","borderColorName","height","paddingHorizontal","borderWidth","Label","Text","$buttonRenderAs","colorName","Icon","$iconPosition","iconSize","iconPadding","Loader","loaderSize"],"mappings":";;AAgBA,MAAMA,IAASC,EAAO;AAAA,EACpB,CAAC,EAAE,OAAAC,GAAO,QAAAC,GAAQ,SAAAC,GAAS,YAAAC,GAAY,iBAAAC,GAAiB,WAAAC,GAAW,OAAAC,GAAO,QAAAC,QAAa;AACrF,UAAM,EAAE,QAAAC,GAAQ,QAAAC,GAAQ,QAAAC,EAAA,IAAWV,GAC7B,EAAE,qBAAAW,GAAqB,iBAAAC,EAAA,IAAoBJ,EAAO,SAASH,CAAS,GACpE,EAAE,QAAAQ,GAAQ,mBAAAC,GAAmB,aAAAC,EAAgB,IAAAP,EAAO,MAAMF,CAAK;AAE9D,WAAA;AAAA;AAAA;AAAA,yBAGcF,CAAe;AAAA;AAAA,QAEhCD,IAAa,eAAeA,CAAU,MAAM,EAAE;AAAA;AAAA,eAEvCF,IAAS,GAAGA,CAAM,OAAO,MAAM;AAAA,QACtCC,IAAU,UAAUA,IAAUQ,EAAO,MAAM,QAAQ,EAAE;AAAA,gBAC7CG,CAAM;AAAA,mBACHC,CAAiB;AAAA,sBACdC,CAAW;AAAA;AAAA,uBAEVR,MAAW,WAAWM,IAAS,IAAI,CAAC;AAAA;AAAA;AAAA,0BAGjCJ,EAAOE,EAAoB,QAAQ,CAAC;AAAA,sBACxCF,EAAOG,EAAgB,QAAQ,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAM1BH,EAAOE,EAAoB,MAAM,CAAC;AAAA,wBACtCF,EAAOG,EAAgB,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA,sBAIhCH,EAAOE,EAAoB,QAAQ,CAAC;AAAA,wBAClCF,EAAOG,EAAgB,QAAQ,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,4BAK5BH,EAAOE,EAAoB,MAAM,CAAC;AAAA,wBACtCF,EAAOG,EAAgB,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA,4BAI1BH,EAAOE,EAAoB,QAAQ,CAAC;AAAA,wBACxCF,EAAOG,EAAgB,QAAQ,CAAC;AAAA;AAAA;AAAA;AAAA,EAItD;AACF,GAMMI,IAAQjB,EAAOkB,CAAI,EAAoB,CAAC,EAAE,OAAAjB,GAAO,iBAAAkB,QAAsB;AACrE,QAAA,EAAE,QAAAV,GAAQ,QAAAC,EAAW,IAAAT,GACrB,EAAE,WAAAmB,EAAc,IAAAX,EAAO,SAASU,CAAe;AAE9C,SAAA;AAAA,eACMT,EAAOU,EAAU,QAAQ,CAAC;AAAA;AAAA;AAAA,QAGjCrB,CAAM;AAAA,iBACGW,EAAOU,EAAU,MAAM,CAAC;AAAA;AAAA;AAAA,QAGjCrB,CAAM;AAAA,iBACGW,EAAOU,EAAU,QAAQ,CAAC;AAAA;AAAA;AAAA,QAGnCrB,CAAM;AAAA,iBACGW,EAAOU,EAAU,QAAQ,CAAC;AAAA;AAAA;AAAA;AAI3C,CAAC,GAQKC,IAAOrB,EAAO,IAAsB,CAAC,EAAE,OAAAC,GAAO,iBAAAkB,GAAiB,OAAAZ,GAAO,eAAAe,QAAoB;AACxF,QAAA,EAAE,QAAAb,GAAQ,QAAAC,EAAW,IAAAT,GACrB,EAAE,WAAAmB,EAAc,IAAAX,EAAO,SAASU,CAAe,GAC/C,EAAE,UAAAI,GAAU,aAAAC,EAAA,IAAgBf,EAAO,MAAMF,CAAK;AAE7C,SAAA;AAAA,QACDe,MAAkB,SAAS,kBAAkB,cAAc,KAAKE,CAAW;AAAA,eACpEF,MAAkB,SAAS,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA,iBAI/BC,CAAQ;AAAA,kBACPA,CAAQ;AAAA,iBACTb,EAAOU,EAAU,QAAQ,CAAC;AAAA;AAAA;AAAA,UAGjCrB,CAAM;AAAA,mBACGW,EAAOU,EAAU,MAAM,CAAC;AAAA;AAAA;AAAA,UAGjCrB,CAAM;AAAA,mBACGW,EAAOU,EAAU,QAAQ,CAAC;AAAA;AAAA;AAAA,UAGnCrB,CAAM;AAAA,mBACGW,EAAOU,EAAU,QAAQ,CAAC;AAAA;AAAA;AAAA;AAAA;AAK7C,CAAC,GAMKK,IAASzB,EAAO,IAAwB,CAAC,EAAE,OAAAC,GAAO,OAAAM,QAAY;AAC5D,QAAA,EAAE,QAAAE,EAAW,IAAAR,GACb,EAAE,YAAAyB,EAAe,IAAAjB,EAAO,MAAMF,CAAK;AAElC,SAAA;AAAA,aACImB,CAAU;AAAA,cACTA,CAAU;AAAA;AAExB,CAAC;"}

package/dist/index.d.ts

@@ -753,7 +753,7 @@ declare interface IButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>,
     shape?: 'curved' | 'square';
     disabled?: boolean;
     busy?: boolean;
-    width?: number | string;
+    width?: number;
     widthX?: number;
     Icon?: React.FC<React.SVGProps<SVGSVGElement>>;
     iconPosition?: 'left' | 'right';
@@ -2463,7 +2463,7 @@ declare interface IOTPResendProps {
     showVoiceOTP?: boolean;
     disabled?: boolean;
     renderAs?: 'submit' | 'text';
-    width?: number | string;
+    width?: number;
 }
 
 declare interface IOutcomeConfig {
@@ -3485,16 +3485,6 @@ declare interface IUseContextMenuClickHandler {
     };
 }
 
-declare interface IUseDeviceTypeReturn {
-    width: number;
-    isMobile: boolean;
-    isTablet: boolean;
-    isDesktop: boolean;
-    isLarge: boolean;
-    isXL: boolean;
-    deviceType: 'mobile' | 'tablet' | 'desktop' | 'large' | 'xl';
-}
-
 declare interface IUseForceReload {
     threshold: number;
     trackEvent: (event_name: string, payload: Record<string, unknown>, overrides: Record<string, unknown>) => void;
@@ -4059,11 +4049,6 @@ export declare const Maintenance: React_2.FC<IMaintenanceProps>;
 
 declare const MASTERY: "mastery";
 
-export declare const media: {
-    up920: string;
-    down919: string;
-};
-
 export declare const MilestoneActionWidget: React_2.FC<IMilestoneActionWidgetProps>;
 
 export declare const MilestoneCreate: React.FC<IMileStoneCreateContainerProps>;
@@ -5663,8 +5648,6 @@ export declare const useClassTimeAlerts: ({ alertLevel, classStartedOn, classDur
 
 export declare const useContextMenuClickHandler: IUseContextMenuClickHandler;
 
-export declare const useDeviceType: () => IUseDeviceTypeReturn;
-
 export declare const useForceReload: ({ threshold, trackEvent, shouldNotReload }: IUseForceReload) => void;
 
 export declare const useGetAllMilestonesdata: (initialQuery?: TQuery | undefined) => {

package/dist/index.js

@@ -14,7 +14,7 @@ import { default as R } from "./assets/line-icons/icons/bookmark.js";
 import { default as N } from "./assets/line-icons/icons/bulb.js";
 import { default as M } from "./assets/line-icons/icons/bulb2.js";
 import { default as D } from "./assets/line-icons/icons/calendar.js";
-import { default as G } from "./assets/line-icons/icons/check.js";
+import { default as g } from "./assets/line-icons/icons/check.js";
 import { default as U } from "./assets/line-icons/icons/check2.js";
 import { default as b } from "./assets/line-icons/icons/clipboard.js";
 import { default as W } from "./assets/line-icons/icons/clock.js";
@@ -41,7 +41,7 @@ import { default as Re } from "./assets/line-icons/icons/home.js";
 import { default as Ne } from "./assets/line-icons/icons/image.js";
 import { default as Me } from "./assets/line-icons/icons/info.js";
 import { default as De } from "./assets/line-icons/icons/info2.js";
-import { default as Ge } from "./assets/line-icons/icons/left.js";
+import { default as ge } from "./assets/line-icons/icons/left.js";
 import { default as Ue } from "./assets/line-icons/icons/lock.js";
 import { default as be } from "./assets/line-icons/icons/lock2.js";
 import { default as We } from "./assets/line-icons/icons/lock3.js";
@@ -67,8 +67,8 @@ import { default as Lo } from "./assets/line-icons/icons/ruler.js";
 import { default as ko } from "./assets/line-icons/icons/search.js";
 import { default as Oo } from "./assets/line-icons/icons/sheet.js";
 import { default as Ho } from "./assets/line-icons/icons/star.js";
-import { default as yo } from "./assets/line-icons/icons/skip-colored.js";
-import { default as go } from "./assets/line-icons/icons/skip.js";
+import { default as Go } from "./assets/line-icons/icons/skip-colored.js";
+import { default as yo } from "./assets/line-icons/icons/skip.js";
 import { default as Bo } from "./assets/line-icons/icons/skip2.js";
 import { default as vo } from "./assets/line-icons/icons/star2.js";
 import { default as wo } from "./assets/line-icons/icons/status.js";
@@ -94,7 +94,7 @@ import { default as Rr } from "./assets/line-icons/icons/cuemath-logo.js";
 import { default as Nr } from "./assets/line-icons/icons/next2.js";
 import { AutoPlayPermissionProvider as Mr } from "./features/hooks/use-auto-play-permission/use-auto-play-permission-context-provider.js";
 import { default as Dr } from "./features/hooks/use-zoom-disable.js";
-import { default as Gr } from "./features/hooks/use-force-reload.js";
+import { default as gr } from "./features/hooks/use-force-reload.js";
 import { default as Ur } from "./features/ui/accordion-section/accordion-section.js";
 import { default as br } from "./features/ui/arrow-tooltip/arrow-tooltip.js";
 import { default as Wr } from "./features/ui/context-menu/context-menu.js";
@@ -121,7 +121,7 @@ import { default as Rt } from "./features/ui/layout/flex-view.js";
 import { default as Nt } from "./features/ui/loader/app-loader/app-loader.js";
 import { CircularLoader as Mt } from "./features/ui/loader/circular-loader/circular-loader.js";
 import { default as Dt } from "./features/ui/radio-cards/radio-cards.js";
-import { default as Gt } from "./features/ui/section-list/section-list.js";
+import { default as gt } from "./features/ui/section-list/section-list.js";
 import { default as Ut } from "./features/ui/text/text.js";
 import { default as bt } from "./features/ui/tag/tag.js";
 import { default as Wt } from "./features/ui/callout/callout.js";
@@ -147,8 +147,8 @@ import { default as La } from "./features/auth/comps/resend-otp/resend-otp.js";
 import { default as ka } from "./features/auth/signup/user-type-selector/user-type-selector.js";
 import { default as Oa } from "./features/auth/signup/claim-user-account/claim-user-account.js";
 import { default as Ha } from "./features/auth/signup/custom-input-field/grade-input/grade-input.js";
-import { default as ya } from "./features/auth/signup/custom-input-field/date-picker-input/date-picker-input.js";
-import { default as ga } from "./features/auth/signup/custom-input-field/custom-input-field.js";
+import { default as Ga } from "./features/auth/signup/custom-input-field/date-picker-input/date-picker-input.js";
+import { default as ya } from "./features/auth/signup/custom-input-field/custom-input-field.js";
 import { default as Ba } from "./features/auth/signup/circular-step-wrapper/circular-step-wrapper.js";
 import { default as va } from "./features/auth/signup/signup-methods/signup-methods.js";
 import { default as wa } from "./features/auth/account-selector/account-selector.js";
@@ -174,7 +174,7 @@ import { default as Rf } from "./features/chapters/lpar-chapter/block-section/sa
 import { checkIfPPTNodeType as Nf } from "./features/chapters/lpar-chapter/utils/index.js";
 import { default as Mf } from "./features/chapters-v2/chapter-details/chapter-details.js";
 import { invalidateGetChapterDetails as Df } from "./features/chapters-v2/api/chapter.js";
-import { GAME_LAUNCHER_ASSET_PADDING as Gf } from "./features/circle-games/game-launcher/comps/segmented-game-card/constants.js";
+import { GAME_LAUNCHER_ASSET_PADDING as gf } from "./features/circle-games/game-launcher/comps/segmented-game-card/constants.js";
 import { GAME_LAUNCHER_SIZE as Uf } from "./features/circle-games/game-launcher/comps/card-container/constants.js";
 import { useCircleSounds as bf } from "./features/circle-games/hooks/use-circle-sounds/use-circle-sounds.js";
 import { CircleSoundKey as Wf } from "./features/circle-games/hooks/use-circle-sounds/use-circle-sounds-enums.js";
@@ -200,8 +200,8 @@ import { default as Ls } from "./features/cue-canvas/cue-canvas-provider.js";
 import { default as ks } from "./features/cue-canvas/toolbar/toolbar.js";
 import { default as Os } from "./features/cue-canvas/cue-canvas.js";
 import { default as Hs } from "./features/cue-canvas/hooks/use-canvas-sync-broker.js";
-import { default as ys } from "./features/communication/hooks/use-inclass-message-broker/use-inclass-message-broker.js";
-import { default as gs } from "./features/communication/hooks/use-trial-session-message-broker/use-trial-session-message-broker.js";
+import { default as Gs } from "./features/communication/hooks/use-inclass-message-broker/use-inclass-message-broker.js";
+import { default as ys } from "./features/communication/hooks/use-trial-session-message-broker/use-trial-session-message-broker.js";
 import { EVENTS as Bs } from "./features/communication/pub-sub/constants.js";
 import { useInClassActionDispatcher as vs, useInClassActionListener as Ws } from "./features/communication/pub-sub/hooks.js";
 import { default as Vs } from "./features/trial-session/trial-session.js";
@@ -227,7 +227,7 @@ import { default as Rl } from "./features/milestone/create/comps/confirmation-mo
 import { default as Nl } from "./features/milestone/create/comps/confirmation-modals/chapter-clearance-confirmation.js";
 import { default as Ml } from "./features/milestone/create/milestone-create-container.js";
 import { default as Dl } from "./features/milestone/edit/goal-drafts/goal-draft-edit-container.js";
-import { default as Gl } from "./features/milestone/outcome/milestone-outcome-container.js";
+import { default as gl } from "./features/milestone/outcome/milestone-outcome-container.js";
 import { default as Ul } from "./features/milestone/outcome/comps/achievement/reason-submit-modal.js";
 import { default as bl } from "./features/milestone/outcome/comps/achievement/share-instructions-modal.js";
 import { default as Wl } from "./features/milestone/edit/comps/edit-milestone-modal/index.js";
@@ -251,23 +251,21 @@ import { default as hp } from "./features/recent-chapters/recent-chapters.js";
 import { SENTRY_DENIED_URLS as Rp, SENTRY_IGNORED_ERRORS as kp } from "./features/sentry/constants/ignored.js";
 import { default as Op } from "./features/sheet-tools/desmos-calculator/desmos-calculator.js";
 import { default as Hp } from "./features/sheet-tools/tool-header/tool-header.js";
-import { default as yp } from "./features/sheets/sheets-list/sheets-list.js";
-import { default as gp } from "./features/sheets/reference-sheet/reference-sheet.js";
+import { default as Gp } from "./features/sheets/sheets-list/sheets-list.js";
+import { default as yp } from "./features/sheets/reference-sheet/reference-sheet.js";
 import { WORKSHEET_V3_NODE_TYPES as Bp } from "./features/sheets/utils/is-v3-worksheet.js";
 import { COMPLETED_SHEET_STATE as vp, NODE_LABELS as Wp, NODE_SUB_GROUP as wp, NODE_TYPE as Vp, PYTHON_NODE_TYPES as Fp, REWARDS_LIST as Yp, SHEET_ACTIONS as Jp, SHEET_ATTEMPT_LOCATION as Qp, SHEET_ATTEMPT_LOCATION_MAP as Kp, SHEET_ATTEMPT_STATE as jp, SHEET_DATA_TYPE as Zp, SHEET_STATE as qp } from "./features/sheets/constants/sheet.js";
 import { default as Xp } from "./features/student-details/student-details.js";
 import { default as em } from "./features/utils/load-script.js";
-import { media as rm } from "./features/utils/media.js";
-import { ACTION_BAR_HEIGHT as am, QUESTIONS_GAP as fm, QUESTION_WIDTH as sm, TOP_NAVIGATION_HEIGHT as lm } from "./features/worksheet/worksheet/constants.js";
-import { isOkayTypeQuestion as mm } from "./features/worksheet/worksheet/worksheet-helpers.js";
-import { default as dm } from "./features/worksheet/worksheet/worksheet-container.js";
-import { default as nm } from "./features/worksheet/worksheet-preview/worksheet-preview.js";
-import { default as Im } from "./features/worksheet/worksheet/worksheet-permissions/sheet-locked.js";
-import { default as Tm } from "./features/worksheet/worksheet/worksheet-permissions/error.js";
-import { default as Em } from "./features/worksheet/learnosity-preloader/learnosity-preloader.js";
-import { default as Am } from "./features/worksheet/learnosity-preloader/use-is-learnosity-loaded.js";
-import { default as Pm } from "./features/worksheet/worksheet-preview/hooks/use-worksheet-layout.js";
-import { default as Lm } from "./features/hooks/use-device-type.js";
+import { ACTION_BAR_HEIGHT as rm, QUESTIONS_GAP as tm, QUESTION_WIDTH as am, TOP_NAVIGATION_HEIGHT as fm } from "./features/worksheet/worksheet/constants.js";
+import { isOkayTypeQuestion as lm } from "./features/worksheet/worksheet/worksheet-helpers.js";
+import { default as mm } from "./features/worksheet/worksheet/worksheet-container.js";
+import { default as dm } from "./features/worksheet/worksheet-preview/worksheet-preview.js";
+import { default as nm } from "./features/worksheet/worksheet/worksheet-permissions/sheet-locked.js";
+import { default as Im } from "./features/worksheet/worksheet/worksheet-permissions/error.js";
+import { default as Tm } from "./features/worksheet/learnosity-preloader/learnosity-preloader.js";
+import { default as Em } from "./features/worksheet/learnosity-preloader/use-is-learnosity-loaded.js";
+import { default as Am } from "./features/worksheet/worksheet-preview/hooks/use-worksheet-layout.js";
 export {
   rp as ACHIEVEMENT_ACTIONS,
   tf as AUTH_TABS,
@@ -309,7 +307,7 @@ export {
   Cf as ChaptersList,
   hr as ChatIcon,
   U as Check2Icon,
-  G as CheckIcon,
+  g as CheckIcon,
   at as CheckboxInput,
   st as CheckboxInputList,
   Sr as ChevronDownIcon,
@@ -335,9 +333,9 @@ export {
   Ls as CueCanvasProvider,
   q as CueRocket,
   Rr as CuemathLogo,
-  ga as CustomInputField,
+  ya as CustomInputField,
   X as DashArrowIcon,
-  ya as DatePickerInput,
+  Ga as DatePickerInput,
   Op as DesmosCalculator,
   Sp as DigitalMeter,
   ee as DownIcon,
@@ -360,7 +358,7 @@ export {
   ie as Eye2Icon,
   ce as EyeIcon,
   Rt as FlexView,
-  Gf as GAME_LAUNCHER_ASSET_PADDING,
+  gf as GAME_LAUNCHER_ASSET_PADDING,
   Uf as GAME_LAUNCHER_SIZE,
   Cr as GameIcon,
   xs as GameLauncher,
@@ -393,8 +391,8 @@ export {
   _f as LPARChapter,
   hf as LPARMilestoneChapter,
   is as Leaderboard,
-  Em as LearnosityPreloader,
-  Ge as LeftIcon,
+  Tm as LearnosityPreloader,
+  ge as LeftIcon,
   be as Lock2Icon,
   We as Lock3Icon,
   Ue as LockIcon,
@@ -403,7 +401,7 @@ export {
   Ml as MilestoneCreate,
   Yl as MilestoneEdit,
   Ql as MilestoneList,
-  Gl as MilestoneOutcome,
+  gl as MilestoneOutcome,
   ql as MilestoneStart,
   Ye as Minus2Icon,
   Ve as MinusIcon,
@@ -434,7 +432,7 @@ export {
   ro as PointerIcon,
   _p as PostGameStats,
   no as PracticeIcon,
-  nm as PreviewWorksheet,
+  dm as PreviewWorksheet,
   Io as ProgressIcon,
   Xf as ProjectOutcome,
   rs as ProjectType,
@@ -445,7 +443,7 @@ export {
   pt as RadioInput,
   hp as RecentChapters,
   Ao as RedoIcon,
-  gp as ReferenceSheet,
+  yp as ReferenceSheet,
   cp as RemotePeerPointer,
   La as ResendOTP,
   $a as ResetPasswordForm,
@@ -464,20 +462,20 @@ export {
   mr as ScribbleIcon,
   ko as SearchIcon,
   xt as SearchableSelectInput,
-  Gt as SectionList,
+  gt as SectionList,
   ut as SelectInput,
   ht as SelectionCards,
   fa as Separator,
-  Tm as SheetError,
+  Im as SheetError,
   Oo as SheetIcon,
-  yp as SheetList,
-  Im as SheetLocked,
+  Gp as SheetList,
+  nm as SheetLocked,
   Ps as SignUp,
   va as SignupMethods,
   ur as SketchIcon,
   Bo as Skip2Icon,
-  yo as SkipColoredIcon,
-  go as SkipIcon,
+  Go as SkipColoredIcon,
+  yo as SkipIcon,
   Ja as SocialAccountNotFound,
   Fa as SocialLoginMethods,
   As as SplashScreen,
@@ -517,14 +515,14 @@ export {
   Ka as UsernamePasswordForm,
   la as Video,
   df as WHITELIST_EVENTS,
-  am as WORKSHEET_ACTION_BAR_HEIGHT,
-  fm as WORKSHEET_QUESTIONS_GAP,
-  sm as WORKSHEET_QUESTION_WIDTH,
-  lm as WORKSHEET_TOP_NAVIGATION_HEIGHT,
+  rm as WORKSHEET_ACTION_BAR_HEIGHT,
+  tm as WORKSHEET_QUESTIONS_GAP,
+  am as WORKSHEET_QUESTION_WIDTH,
+  fm as WORKSHEET_TOP_NAVIGATION_HEIGHT,
   Bp as WORKSHEET_V3_NODE_TYPES,
   qf as WebView,
   es as WebViewEvent,
-  dm as Worksheet,
+  mm as Worksheet,
   Nf as checkIfPPTNodeType,
   Zt as getTheme,
   Df as invalidateGetChapterDetails,
@@ -532,17 +530,15 @@ export {
   dp as invalidateMilestoneResources,
   fp as invalidateMilestonesData,
   pp as invalidateTestHelpData,
-  mm as isOkayTypeQuestion,
+  lm as isOkayTypeQuestion,
   em as loadScript,
-  rm as media,
   rl as useAutoPlayPermission,
   Hs as useCanvasSyncBroker,
   Cl as useChapterPageJourney,
   bf as useCircleSounds,
   Qs as useClassTimeAlerts,
   Kt as useContextMenuClickHandler,
-  Lm as useDeviceType,
-  Gr as useForceReload,
+  gr as useForceReload,
   sp as useGetAllMilestonesdata,
   cs as useGetCircleHomeDetailsDal,
   ul as useGetEligibleJourneysViaRoute,
@@ -552,15 +548,15 @@ export {
   Sl as useHomePageJourney,
   vs as useInClassActionDispatcher,
   Ws as useInClassActionListener,
-  ys as useInClassMessageBroker,
-  Am as useIsLearnosityLoaded,
+  Gs as useInClassMessageBroker,
+  Em as useIsLearnosityLoaded,
   nf as useIsTabBlocked,
   pl as useJourney,
   ip as usePointerSync,
   Jt as useTrackingContext,
-  gs as useTrialSessionMessageBroker,
+  ys as useTrialSessionMessageBroker,
   Ft as useUIContext,
-  Pm as useWorksheetLayout,
+  Am as useWorksheetLayout,
   Dr as useZoomDisable
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cuemath/leap",
-  "version": "3.0.30-j",
+  "version": "3.0.30",
   "type": "module",
   "files": [
     "dist"

package/dist/features/auth/comps/auth-page-layout/auth-page-layout-styled.js

@@ -1,21 +0,0 @@
-import o from "styled-components";
-import n from "../../../ui/layout/flex-view.js";
-import { media as t } from "../../../utils/media.js";
-const d = o(n)`
-  min-height: 100vh;
-`, m = o(n)`
-  overflow: hidden;
-  ${t.down919} {
-    width: 100%;
-  }
-`, p = o(n)`
-  ${t.down919} {
-    display: none;
-  }
-`;
-export {
-  d as Container,
-  m as ContentWrapper,
-  p as RightPanel
-};
-//# sourceMappingURL=auth-page-layout-styled.js.map