@atom-learning/components 5.5.0-beta.1 → 5.6.0

package/dist/components/inline-message/InlineMessage.d.ts

@@ -239,6 +239,11 @@ declare const InlineMessageContainer: import("@atom-learning/stitches-react/type
         subjectNonVerbalReasoning: string;
         subjectCreativeWriting: string;
         subjectExamSkills: string;
+        subjectGcseEnglishLiterature: string;
+        subjectGcseMaths: string;
+        subjectGcseChemistry: string;
+        subjectGcsePhysics: string;
+        subjectGcseBiology: string;
         glBlueLight: string;
         glBluePrimary: string;
         glBlueDark: string;
@@ -604,6 +609,11 @@ declare const InlineMessageContainer: import("@atom-learning/stitches-react/type
         subjectNonVerbalReasoning: string;
         subjectCreativeWriting: string;
         subjectExamSkills: string;
+        subjectGcseEnglishLiterature: string;
+        subjectGcseMaths: string;
+        subjectGcseChemistry: string;
+        subjectGcsePhysics: string;
+        subjectGcseBiology: string;
         glBlueLight: string;
         glBluePrimary: string;
         glBlueDark: string;

package/dist/components/input/Input.d.ts

@@ -239,6 +239,11 @@ export declare const InputBackground: import("@atom-learning/stitches-react/type
         subjectNonVerbalReasoning: string;
         subjectCreativeWriting: string;
         subjectExamSkills: string;
+        subjectGcseEnglishLiterature: string;
+        subjectGcseMaths: string;
+        subjectGcseChemistry: string;
+        subjectGcsePhysics: string;
+        subjectGcseBiology: string;
         glBlueLight: string;
         glBluePrimary: string;
         glBlueDark: string;
@@ -370,7 +375,6 @@ export declare const InputBackground: import("@atom-learning/stitches-react/type
         marginBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
     };
 }>>, {
-    appearance?: "standard" | "modern" | undefined;
     size?: "sm" | "md" | "lg" | "xl" | undefined;
     disabled?: boolean | "true" | undefined;
     state?: "error" | undefined;
@@ -607,6 +611,11 @@ export declare const InputBackground: import("@atom-learning/stitches-react/type
         subjectNonVerbalReasoning: string;
         subjectCreativeWriting: string;
         subjectExamSkills: string;
+        subjectGcseEnglishLiterature: string;
+        subjectGcseMaths: string;
+        subjectGcseChemistry: string;
+        subjectGcsePhysics: string;
+        subjectGcseBiology: string;
         glBlueLight: string;
         glBluePrimary: string;
         glBlueDark: string;
@@ -971,6 +980,11 @@ declare const StyledInputText: import("@atom-learning/stitches-react/types/style
         subjectNonVerbalReasoning: string;
         subjectCreativeWriting: string;
         subjectExamSkills: string;
+        subjectGcseEnglishLiterature: string;
+        subjectGcseMaths: string;
+        subjectGcseChemistry: string;
+        subjectGcsePhysics: string;
+        subjectGcseBiology: string;
         glBlueLight: string;
         glBluePrimary: string;
         glBlueDark: string;
@@ -1109,10 +1123,9 @@ export type InputTextProps = Omit<React.ComponentProps<typeof StyledInputText>,
 };
 export declare const InputText: React.ForwardRefExoticComponent<InputTextProps>;
 type InputBackgroundProps = React.ComponentProps<typeof InputBackground>;
-export type InputProps = Omit<React.ComponentProps<typeof InputText>, 'size' | 'state' | 'appearance'> & {
+export type InputProps = Omit<React.ComponentProps<typeof InputText>, 'size' | 'state'> & {
     size?: InputBackgroundProps['size'];
     state?: InputBackgroundProps['state'];
-    appearance?: InputBackgroundProps['appearance'];
 };
 export declare const Input: React.ForwardRefExoticComponent<InputProps>;
 export {};

package/dist/components/input/Input.js

@@ -1,2 +1,2 @@
-import*as r from"react";import{styled as m}from"../../stitches.js";import"../../utilities/css-wrapper/CSSWrapper.js";import"../../utilities/no-overflow-wrapper/NoOverflowWrapper.js";import"color2k";import"../../utilities/style/keyframe-animations.js";import{overrideStitchesVariantValue as u}from"../../utilities/override-stitches-variant-value/overrideStitchesVariantValue.js";import{disabledStyle as b}from"../../utilities/style/disabledStyle.js";import{Flex as g}from"../flex/Flex.js";import{Text as h}from"../text/Text.js";const i=m(g,{color:"$grey1000",transition:"background 100ms ease-out, borderColor 100ms ease-out",width:"100%","&::placeholder":{color:"$grey700",opacity:1},variants:{appearance:{standard:{background:"white",border:"1px solid $grey800",borderRadius:"$0","&:focus-within":{borderColor:"$blue800"}},modern:{background:"$grey100",border:"none",borderRadius:"$1","&:focus-within":{outline:"2px solid $blue800",outlineOffset:1,zIndex:1}}},size:{sm:{height:"$3"},md:{height:"$4"},lg:{height:"$5"},xl:{height:"$6"}},disabled:{true:b},state:{error:{}}},compoundVariants:[{state:"error",appearance:"standard",css:{borderColor:"$danger"}},{state:"error",appearance:"modern",css:{bg:"$dangerLight","&:focus-within":{outlineColor:"$danger"}}}]});i.displayName="InputBackground";const f=m.withConfig({shouldForwardStitchesProp:e=>["as"].includes(e)})(h,{appearance:"none",border:"none",background:"none",backgroundImage:"none",backgroundColor:"transparent",boxShadow:"none",boxSizing:"border-box","&:focus":{outline:"none"},px:"$3",size:"100%"}),x={sm:"sm",md:"md",lg:"md",xl:"lg"},p=r.forwardRef(({type:e="text",css:a,size:o,...n},t)=>{const s=r.useMemo(()=>u(o,d=>x[d]),[o]);return r.createElement(f,{ref:t,as:"input",type:e==="number"?"text":e,inputMode:e==="number"?"numeric":void 0,pattern:e==="number"?"[0-9]*":void 0,size:s,...n})});p.displayName="InputText";const c=r.forwardRef(({className:e,size:a="md",appearance:o="standard",state:n,disabled:t,css:s,...d},l)=>r.createElement(i,{size:a,appearance:o,disabled:t,state:n,css:s,className:e},r.createElement(p,{size:a,ref:l,disabled:t,...d})));c.displayName="Input";export{c as Input,i as InputBackground,p as InputText};
+import*as r from"react";import{styled as l}from"../../stitches.js";import"../../utilities/css-wrapper/CSSWrapper.js";import"../../utilities/no-overflow-wrapper/NoOverflowWrapper.js";import"color2k";import"../../utilities/style/keyframe-animations.js";import{overrideStitchesVariantValue as u}from"../../utilities/override-stitches-variant-value/overrideStitchesVariantValue.js";import{disabledStyle as c}from"../../utilities/style/disabledStyle.js";import{Flex as b}from"../flex/Flex.js";import{Text as g}from"../text/Text.js";const d=l(b,{background:"white",color:"$grey1000",border:"1px solid $grey800",borderRadius:"$0",transition:"background 100ms ease-out, borderColor 100ms ease-out",width:"100%","&:focus-within":{borderColor:"$blue800"},variants:{size:{sm:{height:"$3"},md:{height:"$4"},lg:{height:"$5"},xl:{height:"$6"}},disabled:{true:c},state:{error:{borderColor:"$danger"}}}});d.displayName="InputBackground";const h=l.withConfig({shouldForwardStitchesProp:e=>["as"].includes(e)})(g,{appearance:"none",border:"none",background:"none",backgroundImage:"none",backgroundColor:"transparent",boxShadow:"none",boxSizing:"border-box","&:focus":{outline:"none"},px:"$3",size:"100%"}),f={sm:"sm",md:"md",lg:"md",xl:"lg"},m=r.forwardRef(({type:e="text",css:s,size:o,...t},n)=>{const i=r.useMemo(()=>u(o,a=>f[a]),[o]);return r.createElement(h,{ref:n,as:"input",type:e==="number"?"text":e,inputMode:e==="number"?"numeric":void 0,pattern:e==="number"?"[0-9]*":void 0,size:i,...t})});m.displayName="InputText";const p=r.forwardRef(({className:e,size:s="md",state:o,disabled:t,css:n,...i},a)=>r.createElement(d,{size:s,disabled:t,state:o,css:n,className:e},r.createElement(m,{size:s,ref:a,disabled:t,...i})));p.displayName="Input";export{p as Input,d as InputBackground,m as InputText};
 //# sourceMappingURL=Input.js.map

package/dist/components/input/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","sources":["../../../src/components/input/Input.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/stitches'\nimport { disabledStyle } from '~/utilities'\nimport { overrideStitchesVariantValue } from '~/utilities/override-stitches-variant-value/overrideStitchesVariantValue'\n\nimport { Flex } from '../flex'\nimport { Text } from '../text'\n\nexport const InputBackground = styled(Flex, {\n  color: '$grey1000',\n  transition: 'background 100ms ease-out, borderColor 100ms ease-out',\n  width: '100%',\n  '&::placeholder': {\n    color: '$grey700',\n    opacity: 1\n  },\n  variants: {\n    appearance: {\n      standard: {\n        background: 'white',\n        border: '1px solid $grey800',\n        borderRadius: '$0',\n        '&:focus-within': {\n          borderColor: '$blue800'\n        }\n      },\n      modern: {\n        background: '$grey100',\n        border: 'none',\n        borderRadius: '$1',\n        '&:focus-within': {\n          outline: '2px solid $blue800',\n          outlineOffset: 1,\n          zIndex: 1\n        }\n      }\n    },\n    size: {\n      sm: { height: '$3' },\n      md: { height: '$4' },\n      lg: { height: '$5' },\n      xl: { height: '$6' }\n    },\n    disabled: {\n      true: disabledStyle\n    },\n    state: {\n      error: {}\n    }\n  },\n  compoundVariants: [\n    {\n      state: 'error',\n      appearance: 'standard',\n      css: { borderColor: '$danger' }\n    },\n    {\n      state: 'error',\n      appearance: 'modern',\n      css: {\n        bg: '$dangerLight',\n        '&:focus-within': {\n          outlineColor: '$danger'\n        }\n      }\n    }\n  ]\n})\n\nInputBackground.displayName = 'InputBackground'\n\nconst StyledInputText = styled.withConfig({\n  shouldForwardStitchesProp: (propName) => ['as'].includes(propName)\n})(Text as unknown as 'input', {\n  // unsets\n  appearance: 'none',\n  border: 'none',\n  background: 'none',\n  backgroundImage: 'none',\n  backgroundColor: 'transparent',\n  boxShadow: 'none', // prevent default iOS default styling\n  boxSizing: 'border-box',\n  '&:focus': {\n    outline: 'none'\n  },\n  //\n  px: '$3',\n  size: '100%'\n})\n\nexport type InputTextProps = Omit<\n  React.ComponentProps<typeof StyledInputText>,\n  'size' | 'type' | 'as'\n> & {\n  size: React.ComponentProps<typeof Text>['size']\n  // override default 'type' property to prevent Input from being used to render\n  // checkboxes, radios etc — we have dedicated components for them\n  type?: 'text' | 'number' | 'email' | 'password' | 'tel' | 'url' | 'search'\n  as?: never\n}\n\nconst toTextSize = {\n  sm: 'sm',\n  md: 'md',\n  lg: 'md',\n  xl: 'lg'\n}\n\nexport const InputText: React.ForwardRefExoticComponent<InputTextProps> =\n  React.forwardRef(({ type = 'text', css, size, ...rest }, ref) => {\n    const textSize = React.useMemo(\n      () => overrideStitchesVariantValue(size, (s) => toTextSize[s]),\n      [size]\n    )\n\n    return (\n      <StyledInputText\n        ref={ref}\n        as=\"input\"\n        type={type === 'number' ? 'text' : type}\n        inputMode={type === 'number' ? 'numeric' : undefined}\n        pattern={type === 'number' ? '[0-9]*' : undefined}\n        size={textSize}\n        {...rest}\n      />\n    )\n  })\n\nInputText.displayName = 'InputText'\n\ntype InputBackgroundProps = React.ComponentProps<typeof InputBackground>\nexport type InputProps = Omit<\n  React.ComponentProps<typeof InputText>,\n  'size' | 'state' | 'appearance'\n> & {\n  size?: InputBackgroundProps['size']\n  state?: InputBackgroundProps['state']\n  appearance?: InputBackgroundProps['appearance']\n}\n\nexport const Input: React.ForwardRefExoticComponent<InputProps> =\n  React.forwardRef(\n    (\n      {\n        className,\n        size = 'md',\n        appearance = 'standard',\n        state,\n        disabled,\n        css,\n        ...rest\n      },\n      ref\n    ) => {\n      return (\n        <InputBackground\n          size={size}\n          appearance={appearance}\n          disabled={disabled}\n          state={state}\n          css={css}\n          className={className}\n        >\n          <InputText size={size} ref={ref} disabled={disabled} {...rest} />\n        </InputBackground>\n      )\n    }\n  )\n\nInput.displayName = 'Input'\n"],"names":["InputBackground","styled","Flex","disabledStyle","StyledInputText","propName","Text","toTextSize","InputText","React","type","css","size","rest","ref","textSize","overrideStitchesVariantValue","s","Input","className","appearance","state","disabled"],"mappings":"+gBASO,MAAMA,EAAkBC,EAAOC,EAAM,CAC1C,MAAO,YACP,WAAY,wDACZ,MAAO,OACP,iBAAkB,CAChB,MAAO,WACP,QAAS,CACX,EACA,SAAU,CACR,WAAY,CACV,SAAU,CACR,WAAY,QACZ,OAAQ,qBACR,aAAc,KACd,iBAAkB,CAChB,YAAa,UACf,CACF,EACA,OAAQ,CACN,WAAY,WACZ,OAAQ,OACR,aAAc,KACd,iBAAkB,CAChB,QAAS,qBACT,cAAe,EACf,OAAQ,CACV,CACF,CACF,EACA,KAAM,CACJ,GAAI,CAAE,OAAQ,IAAK,EACnB,GAAI,CAAE,OAAQ,IAAK,EACnB,GAAI,CAAE,OAAQ,IAAK,EACnB,GAAI,CAAE,OAAQ,IAAK,CACrB,EACA,SAAU,CACR,KAAMC,CACR,EACA,MAAO,CACL,MAAO,CAAA,CACT,CACF,EACA,iBAAkB,CAChB,CACE,MAAO,QACP,WAAY,WACZ,IAAK,CAAE,YAAa,SAAU,CAChC,EACA,CACE,MAAO,QACP,WAAY,SACZ,IAAK,CACH,GAAI,eACJ,iBAAkB,CAChB,aAAc,SAChB,CACF,CACF,CACF,CACF,CAAC,EAEDH,EAAgB,YAAc,kBAE9B,MAAMI,EAAkBH,EAAO,WAAW,CACxC,0BAA4BI,GAAa,CAAC,IAAI,EAAE,SAASA,CAAQ,CACnE,CAAC,EAAEC,EAA4B,CAE7B,WAAY,OACZ,OAAQ,OACR,WAAY,OACZ,gBAAiB,OACjB,gBAAiB,cACjB,UAAW,OACX,UAAW,aACX,UAAW,CACT,QAAS,MACX,EAEA,GAAI,KACJ,KAAM,MACR,CAAC,EAaKC,EAAa,CACjB,GAAI,KACJ,GAAI,KACJ,GAAI,KACJ,GAAI,IACN,EAEaC,EACXC,EAAM,WAAW,CAAC,CAAE,KAAAC,EAAO,OAAQ,IAAAC,EAAK,KAAAC,KAASC,CAAK,EAAGC,IAAQ,CAC/D,MAAMC,EAAWN,EAAM,QACrB,IAAMO,EAA6BJ,EAAOK,GAAMV,EAAWU,EAAE,EAC7D,CAACL,CAAI,CACP,EAEA,OACEH,EAAA,cAACL,EAAA,CACC,IAAKU,EACL,GAAG,QACH,KAAMJ,IAAS,SAAW,OAASA,EACnC,UAAWA,IAAS,SAAW,UAAY,OAC3C,QAASA,IAAS,SAAW,SAAW,OACxC,KAAMK,EACL,GAAGF,CAAAA,CACN,CAEJ,CAAC,EAEHL,EAAU,YAAc,YAYjB,MAAMU,EACXT,EAAM,WACJ,CACE,CACE,UAAAU,EACA,KAAAP,EAAO,KACP,WAAAQ,EAAa,WACb,MAAAC,EACA,SAAAC,EACA,IAAAX,KACGE,CACL,EACAC,IAGEL,EAAA,cAACT,EAAA,CACC,KAAMY,EACN,WAAYQ,EACZ,SAAUE,EACV,MAAOD,EACP,IAAKV,EACL,UAAWQ,CAEXV,EAAAA,EAAA,cAACD,EAAA,CAAU,KAAMI,EAAM,IAAKE,EAAK,SAAUQ,EAAW,GAAGT,CAAAA,CAAM,CACjE,CAGN,EAEFK,EAAM,YAAc"}
+{"version":3,"file":"Input.js","sources":["../../../src/components/input/Input.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/stitches'\nimport { disabledStyle } from '~/utilities'\nimport { overrideStitchesVariantValue } from '~/utilities/override-stitches-variant-value/overrideStitchesVariantValue'\n\nimport { Flex } from '../flex'\nimport { Text } from '../text'\n\nexport const InputBackground = styled(Flex, {\n  background: 'white',\n  color: '$grey1000',\n  border: '1px solid $grey800',\n  borderRadius: '$0',\n  transition: 'background 100ms ease-out, borderColor 100ms ease-out',\n  width: '100%',\n  '&:focus-within': {\n    borderColor: '$blue800'\n  },\n  variants: {\n    size: {\n      sm: {\n        height: '$3'\n      },\n      md: {\n        height: '$4'\n      },\n      lg: {\n        height: '$5'\n      },\n      xl: {\n        height: '$6'\n      }\n    },\n    disabled: {\n      true: disabledStyle\n    },\n    state: {\n      error: {\n        borderColor: '$danger'\n      }\n    }\n  }\n})\n\nInputBackground.displayName = 'InputBackground'\n\nconst StyledInputText = styled.withConfig({\n  shouldForwardStitchesProp: (propName) => ['as'].includes(propName)\n})(Text as unknown as 'input', {\n  // unsets\n  appearance: 'none',\n  border: 'none',\n  background: 'none',\n  backgroundImage: 'none',\n  backgroundColor: 'transparent',\n  boxShadow: 'none', // prevent default iOS default styling\n  boxSizing: 'border-box',\n  '&:focus': {\n    outline: 'none'\n  },\n  //\n  px: '$3',\n  size: '100%'\n})\n\nexport type InputTextProps = Omit<\n  React.ComponentProps<typeof StyledInputText>,\n  'size' | 'type' | 'as'\n> & {\n  size: React.ComponentProps<typeof Text>['size']\n  // override default 'type' property to prevent Input from being used to render\n  // checkboxes, radios etc — we have dedicated components for them\n  type?: 'text' | 'number' | 'email' | 'password' | 'tel' | 'url' | 'search'\n  as?: never\n}\n\nconst toTextSize = {\n  sm: 'sm',\n  md: 'md',\n  lg: 'md',\n  xl: 'lg'\n}\n\nexport const InputText: React.ForwardRefExoticComponent<InputTextProps> =\n  React.forwardRef(({ type = 'text', css, size, ...rest }, ref) => {\n    const textSize = React.useMemo(\n      () => overrideStitchesVariantValue(size, (s) => toTextSize[s]),\n      [size]\n    )\n\n    return (\n      <StyledInputText\n        ref={ref}\n        as=\"input\"\n        type={type === 'number' ? 'text' : type}\n        inputMode={type === 'number' ? 'numeric' : undefined}\n        pattern={type === 'number' ? '[0-9]*' : undefined}\n        size={textSize}\n        {...rest}\n      />\n    )\n  })\n\nInputText.displayName = 'InputText'\n\ntype InputBackgroundProps = React.ComponentProps<typeof InputBackground>\nexport type InputProps = Omit<\n  React.ComponentProps<typeof InputText>,\n  'size' | 'state'\n> & {\n  size?: InputBackgroundProps['size']\n  state?: InputBackgroundProps['state']\n}\n\nexport const Input: React.ForwardRefExoticComponent<InputProps> =\n  React.forwardRef(\n    ({ className, size = 'md', state, disabled, css, ...rest }, ref) => {\n      return (\n        <InputBackground\n          size={size}\n          disabled={disabled}\n          state={state}\n          css={css}\n          className={className}\n        >\n          <InputText size={size} ref={ref} disabled={disabled} {...rest} />\n        </InputBackground>\n      )\n    }\n  )\n\nInput.displayName = 'Input'\n"],"names":["InputBackground","styled","Flex","disabledStyle","StyledInputText","propName","Text","toTextSize","InputText","React","type","css","size","rest","ref","textSize","overrideStitchesVariantValue","s","Input","className","state","disabled"],"mappings":"+gBASa,MAAAA,EAAkBC,EAAOC,EAAM,CAC1C,WAAY,QACZ,MAAO,YACP,OAAQ,qBACR,aAAc,KACd,WAAY,wDACZ,MAAO,OACP,iBAAkB,CAChB,YAAa,UACf,EACA,SAAU,CACR,KAAM,CACJ,GAAI,CACF,OAAQ,IACV,EACA,GAAI,CACF,OAAQ,IACV,EACA,GAAI,CACF,OAAQ,IACV,EACA,GAAI,CACF,OAAQ,IACV,CACF,EACA,SAAU,CACR,KAAMC,CACR,EACA,MAAO,CACL,MAAO,CACL,YAAa,SACf,CACF,CACF,CACF,CAAC,EAEDH,EAAgB,YAAc,kBAE9B,MAAMI,EAAkBH,EAAO,WAAW,CACxC,0BAA4BI,GAAa,CAAC,IAAI,EAAE,SAASA,CAAQ,CACnE,CAAC,EAAEC,EAA4B,CAE7B,WAAY,OACZ,OAAQ,OACR,WAAY,OACZ,gBAAiB,OACjB,gBAAiB,cACjB,UAAW,OACX,UAAW,aACX,UAAW,CACT,QAAS,MACX,EAEA,GAAI,KACJ,KAAM,MACR,CAAC,EAaKC,EAAa,CACjB,GAAI,KACJ,GAAI,KACJ,GAAI,KACJ,GAAI,IACN,EAEaC,EACXC,EAAM,WAAW,CAAC,CAAE,KAAAC,EAAO,OAAQ,IAAAC,EAAK,KAAAC,KAASC,CAAK,EAAGC,IAAQ,CAC/D,MAAMC,EAAWN,EAAM,QACrB,IAAMO,EAA6BJ,EAAOK,GAAMV,EAAWU,EAAE,EAC7D,CAACL,CAAI,CACP,EAEA,OACEH,EAAA,cAACL,EAAA,CACC,IAAKU,EACL,GAAG,QACH,KAAMJ,IAAS,SAAW,OAASA,EACnC,UAAWA,IAAS,SAAW,UAAY,OAC3C,QAASA,IAAS,SAAW,SAAW,OACxC,KAAMK,EACL,GAAGF,CACN,CAAA,CAEJ,CAAC,EAEHL,EAAU,YAAc,YAWjB,MAAMU,EACXT,EAAM,WACJ,CAAC,CAAE,UAAAU,EAAW,KAAAP,EAAO,KAAM,MAAAQ,EAAO,SAAAC,EAAU,IAAAV,KAAQE,CAAK,EAAGC,IAExDL,EAAA,cAACT,EAAA,CACC,KAAMY,EACN,SAAUS,EACV,MAAOD,EACP,IAAKT,EACL,UAAWQ,CAAAA,EAEXV,EAAA,cAACD,EAAU,CAAA,KAAMI,EAAM,IAAKE,EAAK,SAAUO,EAAW,GAAGR,CAAM,CAAA,CACjE,CAGN,EAEFK,EAAM,YAAc"}

package/dist/components/input-field/InputField.d.ts

@@ -3,7 +3,7 @@ import { FieldElementWrapperProps } from '../../components/field-wrapper';
 import { InputProps } from '../../components/input';
 type InputFieldProps = InputProps & FieldElementWrapperProps;
 export declare const InputField: {
-    ({ css, label, name, validation, prompt, description, hideLabel, appearance, ...remainingProps }: InputFieldProps): React.JSX.Element;
+    ({ css, label, name, validation, prompt, description, hideLabel, ...remainingProps }: InputFieldProps): React.JSX.Element;
     displayName: string;
 };
 export {};

package/dist/components/input-field/InputField.js

@@ -1,2 +1,2 @@
-import*as i from"react";import{useFormContext as b}from"react-hook-form";import{FieldWrapper as I}from"../field-wrapper/FieldWrapper.js";import"../field-wrapper/InlineFieldWrapper.js";import"../form/Form.js";import{useFieldError as v}from"../form/useFieldError.js";import{useFormCustomContext as x}from"../form/useFormCustomContext.js";import{Input as C}from"../input/Input.js";const m=({css:n,label:l,name:e,validation:r,prompt:d,description:s,hideLabel:c,appearance:u,...f})=>{const{register:o}=b(),t=x(),{error:p}=v(e),F=r?o(r):o,a=(t==null?void 0:t.appearance)||u;return i.createElement(I,{css:n,description:s,error:p,fieldId:e,hideLabel:c,label:l,prompt:d,required:Boolean(r==null?void 0:r.required),appearance:a},i.createElement(C,{id:e,name:e,ref:F,appearance:a,...p&&{state:"error"},...f}))};m.displayName="InputField";export{m as InputField};
+import*as i from"react";import{useFormContext as c}from"react-hook-form";import{FieldWrapper as f}from"../field-wrapper/FieldWrapper.js";import"../field-wrapper/InlineFieldWrapper.js";import"../form/Form.js";import{useFieldError as F}from"../form/useFieldError.js";import{Input as b}from"../input/Input.js";const p=({css:m,label:l,name:e,validation:r,prompt:a,description:d,hideLabel:n,...s})=>{const{register:o}=c(),{error:t}=F(e),u=r?o(r):o;return i.createElement(f,{css:m,description:d,error:t,fieldId:e,hideLabel:n,label:l,prompt:a,required:Boolean(r==null?void 0:r.required)},i.createElement(b,{id:e,name:e,ref:u,...t&&{state:"error"},...s}))};p.displayName="InputField";export{p as InputField};
 //# sourceMappingURL=InputField.js.map

package/dist/components/input-field/InputField.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputField.js","sources":["../../../src/components/input-field/InputField.tsx"],"sourcesContent":["import * as React from 'react'\nimport { useFormContext } from 'react-hook-form'\n\nimport {\n  FieldElementWrapperProps,\n  FieldWrapper\n} from '~/components/field-wrapper'\nimport { useFieldError, useFormCustomContext } from '~/components/form'\nimport { Input, InputProps } from '~/components/input'\n\ntype InputFieldProps = InputProps & FieldElementWrapperProps\n\nexport const InputField = ({\n  css,\n  label,\n  name,\n  validation,\n  prompt,\n  description,\n  hideLabel,\n  appearance,\n  ...remainingProps\n}: InputFieldProps) => {\n  const { register } = useFormContext()\n  const context = useFormCustomContext()\n  const { error } = useFieldError(name)\n\n  const ref = validation ? register(validation) : register\n  const formAppearance = context?.appearance || appearance\n\n  return (\n    <FieldWrapper\n      css={css}\n      description={description}\n      error={error}\n      fieldId={name}\n      hideLabel={hideLabel}\n      label={label}\n      prompt={prompt}\n      required={Boolean(validation?.required)}\n      appearance={formAppearance}\n    >\n      <Input\n        id={name}\n        name={name}\n        ref={ref}\n        appearance={formAppearance}\n        {...(error && { state: 'error' })}\n        {...remainingProps}\n      />\n    </FieldWrapper>\n  )\n}\n\nInputField.displayName = 'InputField'\n"],"names":["InputField","css","label","name","validation","prompt","description","hideLabel","appearance","remainingProps","register","useFormContext","context","useFormCustomContext","error","useFieldError","ref","formAppearance","React","FieldWrapper","Input"],"mappings":"0XAYa,MAAAA,EAAa,CAAC,CACzB,IAAAC,EACA,MAAAC,EACA,KAAAC,EACA,WAAAC,EACA,OAAAC,EACA,YAAAC,EACA,UAAAC,EACA,WAAAC,KACGC,CACL,IAAuB,CACrB,KAAM,CAAE,SAAAC,CAAS,EAAIC,EAAe,EAC9BC,EAAUC,EACV,EAAA,CAAE,MAAAC,CAAM,EAAIC,EAAcZ,CAAI,EAE9Ba,EAAMZ,EAAaM,EAASN,CAAU,EAAIM,EAC1CO,GAAiBL,GAAA,KAAAA,OAAAA,EAAS,aAAcJ,EAE9C,OACEU,EAAA,cAACC,EAAA,CACC,IAAKlB,EACL,YAAaK,EACb,MAAOQ,EACP,QAASX,EACT,UAAWI,EACX,MAAOL,EACP,OAAQG,EACR,SAAU,QAAQD,GAAA,KAAAA,OAAAA,EAAY,QAAQ,EACtC,WAAYa,CAAAA,EAEZC,EAAA,cAACE,EAAA,CACC,GAAIjB,EACJ,KAAMA,EACN,IAAKa,EACL,WAAYC,EACX,GAAIH,GAAS,CAAE,MAAO,OAAQ,EAC9B,GAAGL,CAAAA,CACN,CACF,CAEJ,EAEAT,EAAW,YAAc"}
+{"version":3,"file":"InputField.js","sources":["../../../src/components/input-field/InputField.tsx"],"sourcesContent":["import * as React from 'react'\nimport { useFormContext } from 'react-hook-form'\n\nimport {\n  FieldElementWrapperProps,\n  FieldWrapper\n} from '~/components/field-wrapper'\nimport { useFieldError } from '~/components/form'\nimport { Input, InputProps } from '~/components/input'\n\ntype InputFieldProps = InputProps & FieldElementWrapperProps\n\nexport const InputField = ({\n  css,\n  label,\n  name,\n  validation,\n  prompt,\n  description,\n  hideLabel,\n  ...remainingProps\n}: InputFieldProps) => {\n  const { register } = useFormContext()\n  const { error } = useFieldError(name)\n  const ref = validation ? register(validation) : register\n\n  return (\n    <FieldWrapper\n      css={css}\n      description={description}\n      error={error}\n      fieldId={name}\n      hideLabel={hideLabel}\n      label={label}\n      prompt={prompt}\n      required={Boolean(validation?.required)}\n    >\n      <Input\n        id={name}\n        name={name}\n        ref={ref}\n        {...(error && { state: 'error' })}\n        {...remainingProps}\n      />\n    </FieldWrapper>\n  )\n}\n\nInputField.displayName = 'InputField'\n"],"names":["InputField","css","label","name","validation","prompt","description","hideLabel","remainingProps","register","useFormContext","error","useFieldError","ref","React","FieldWrapper","Input"],"mappings":"yTAYaA,EAAa,CAAC,CACzB,IAAAC,EACA,MAAAC,EACA,KAAAC,EACA,WAAAC,EACA,OAAAC,EACA,YAAAC,EACA,UAAAC,KACGC,CACL,IAAuB,CACrB,KAAM,CAAE,SAAAC,CAAS,EAAIC,EAAe,EAC9B,CAAE,MAAAC,CAAM,EAAIC,EAAcT,CAAI,EAC9BU,EAAMT,EAAaK,EAASL,CAAU,EAAIK,EAEhD,OACEK,EAAA,cAACC,EAAA,CACC,IAAKd,EACL,YAAaK,EACb,MAAOK,EACP,QAASR,EACT,UAAWI,EACX,MAAOL,EACP,OAAQG,EACR,SAAU,QAAQD,GAAA,YAAAA,EAAY,QAAQ,CAEtCU,EAAAA,EAAA,cAACE,EAAA,CACC,GAAIb,EACJ,KAAMA,EACN,IAAKU,EACJ,GAAIF,GAAS,CAAE,MAAO,OAAQ,EAC9B,GAAGH,EACN,CACF,CAEJ,EAEAR,EAAW,YAAc"}

package/dist/components/keyboard-shortcut/KeyboardShortcut.d.ts

@@ -256,6 +256,11 @@ declare const StyledKeyboardShortcutIndicator: import("@atom-learning/stitches-r
             subjectNonVerbalReasoning: string;
             subjectCreativeWriting: string;
             subjectExamSkills: string;
+            subjectGcseEnglishLiterature: string;
+            subjectGcseMaths: string;
+            subjectGcseChemistry: string;
+            subjectGcsePhysics: string;
+            subjectGcseBiology: string;
             glBlueLight: string;
             glBluePrimary: string;
             glBlueDark: string;
@@ -622,6 +627,11 @@ declare const StyledKeyboardShortcutIndicator: import("@atom-learning/stitches-r
         subjectNonVerbalReasoning: string;
         subjectCreativeWriting: string;
         subjectExamSkills: string;
+        subjectGcseEnglishLiterature: string;
+        subjectGcseMaths: string;
+        subjectGcseChemistry: string;
+        subjectGcsePhysics: string;
+        subjectGcseBiology: string;
         glBlueLight: string;
         glBluePrimary: string;
         glBlueDark: string;

package/dist/components/keyboard-shortcut/index.d.ts

@@ -234,6 +234,11 @@ export declare const KeyboardShortcut: import("react").ForwardRefExoticComponent
             subjectNonVerbalReasoning: string;
             subjectCreativeWriting: string;
             subjectExamSkills: string;
+            subjectGcseEnglishLiterature: string;
+            subjectGcseMaths: string;
+            subjectGcseChemistry: string;
+            subjectGcsePhysics: string;
+            subjectGcseBiology: string;
             glBlueLight: string;
             glBluePrimary: string;
             glBlueDark: string;
@@ -370,7 +375,7 @@ export declare const KeyboardShortcut: import("react").ForwardRefExoticComponent
     config: {
         shortcut: Partial<KeyboardEvent>;
         action: ({ event, shortcut }: {
-            event: KeyboardEvent | React.KeyboardEvent<HTMLDivElement>;
+            event: KeyboardEvent | import("react").KeyboardEvent<HTMLDivElement>;
             shortcut: Partial<KeyboardEvent>;
         }) => void;
     }[];
@@ -619,6 +624,11 @@ export declare const KeyboardShortcut: import("react").ForwardRefExoticComponent
                     subjectNonVerbalReasoning: string;
                     subjectCreativeWriting: string;
                     subjectExamSkills: string;
+                    subjectGcseEnglishLiterature: string;
+                    subjectGcseMaths: string;
+                    subjectGcseChemistry: string;
+                    subjectGcsePhysics: string;
+                    subjectGcseBiology: string;
                     glBlueLight: string;
                     glBluePrimary: string;
                     glBlueDark: string;
@@ -751,7 +761,7 @@ export declare const KeyboardShortcut: import("react").ForwardRefExoticComponent
                 };
             }> | undefined;
         }, "as"> & {
-            as?: "blockquote" | "caption" | "dd" | "dt" | "figcaption" | "li" | "p" | "span" | "legend" | React.ComponentType | React.ElementType;
+            as?: "blockquote" | "caption" | "dd" | "dt" | "figcaption" | "li" | "p" | "span" | "legend" | import("react").ComponentType | import("react").ElementType;
         }, "css"> & import("@atom-learning/stitches-react/types/styled-component").TransformProps<{}, {
             sm: string;
             md: string;
@@ -986,6 +996,11 @@ export declare const KeyboardShortcut: import("react").ForwardRefExoticComponent
                     subjectNonVerbalReasoning: string;
                     subjectCreativeWriting: string;
                     subjectExamSkills: string;
+                    subjectGcseEnglishLiterature: string;
+                    subjectGcseMaths: string;
+                    subjectGcseChemistry: string;
+                    subjectGcsePhysics: string;
+                    subjectGcseBiology: string;
                     glBlueLight: string;
                     glBluePrimary: string;
                     glBlueDark: string;

package/dist/components/label/Label.d.ts

@@ -5,7 +5,6 @@ declare const StyledLabel: import("@atom-learning/stitches-react/types/styled-co
     type?: "inline" | "block" | undefined;
     align?: "center" | "start" | undefined;
     direction?: "row" | "reverse" | undefined;
-    appearance?: "standard" | "modern" | undefined;
 }, {
     sm: string;
     md: string;
@@ -239,6 +238,11 @@ declare const StyledLabel: import("@atom-learning/stitches-react/types/styled-co
         subjectNonVerbalReasoning: string;
         subjectCreativeWriting: string;
         subjectExamSkills: string;
+        subjectGcseEnglishLiterature: string;
+        subjectGcseMaths: string;
+        subjectGcseChemistry: string;
+        subjectGcsePhysics: string;
+        subjectGcseBiology: string;
         glBlueLight: string;
         glBluePrimary: string;
         glBlueDark: string;
@@ -370,7 +374,7 @@ declare const StyledLabel: import("@atom-learning/stitches-react/types/styled-co
         marginBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
     };
 }>>;
-export type LabelProps = Override<React.ComponentPropsWithoutRef<typeof StyledLabel>, {
+type LabelProps = Override<React.ComponentPropsWithoutRef<typeof StyledLabel>, {
     as?: 'label' | 'legend';
     required?: boolean;
 }>;

package/dist/components/label/Label.js

@@ -1,2 +1,2 @@
-import*as e from"react";import{styled as t}from"../../stitches.js";import{getTextVariant as i}from"../text/Text.js";const p=t("label",{color:"$grey900",fontFamily:"$body",m:0,variants:{size:{sm:i({size:"sm"}),md:i({size:"md"})},type:{block:{display:"block",fontWeight:600},inline:{display:"flex",fontWeight:400,maxWidth:"max-content"}},align:{start:{},center:{}},direction:{reverse:{},row:{}},appearance:{standard:{},modern:{}}},compoundVariants:[{type:"inline",align:"start",css:{alignItems:"flex-start"}},{type:"inline",align:"center",css:{alignItems:"center"}},{type:"inline",direction:"reverse",css:{flexDirection:"row-reverse"}},{type:"inline",direction:"row",css:{flexDirection:"row"}},{type:"block",appearance:"modern",css:{fontWeight:400}}]}),y=t("span",{color:"$danger",ml:"$1",fontWeight:400}),n=({align:r="start",as:a="label",direction:o="row",size:s="md",type:l="block",children:c,required:m,...d})=>e.createElement(p,{as:a,size:s,type:l,align:r,direction:o,...d},c,m&&e.createElement(y,{"aria-hidden":!0},"*"));n.displayName="Label";export{n as Label};
+import*as e from"react";import{styled as i}from"../../stitches.js";import{getTextVariant as t}from"../text/Text.js";const p=i("label",{color:"$grey900",fontFamily:"$body",m:0,variants:{size:{sm:t({size:"sm"}),md:t({size:"md"})},type:{block:{display:"block",fontWeight:600},inline:{display:"flex",fontWeight:400,maxWidth:"max-content"}},align:{start:{},center:{}},direction:{reverse:{},row:{}}},compoundVariants:[{type:"inline",align:"start",css:{alignItems:"flex-start"}},{type:"inline",align:"center",css:{alignItems:"center"}},{type:"inline",direction:"reverse",css:{flexDirection:"row-reverse"}},{type:"inline",direction:"row",css:{flexDirection:"row"}}]}),y=i("span",{color:"$danger",ml:"$1",fontWeight:400}),n=({align:r="start",as:a="label",direction:l="row",size:o="md",type:s="block",children:c,required:m,...d})=>e.createElement(p,{as:a,size:o,type:s,align:r,direction:l,...d},c,m&&e.createElement(y,{"aria-hidden":!0},"*"));n.displayName="Label";export{n as Label};
 //# sourceMappingURL=Label.js.map

package/dist/components/label/Label.js.map

@@ -1 +1 @@
-{"version":3,"file":"Label.js","sources":["../../../src/components/label/Label.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/stitches'\nimport type { Override } from '~/utilities/types'\n\nimport { getTextVariant } from '../text'\n\nconst StyledLabel = styled('label', {\n  color: '$grey900',\n  fontFamily: '$body',\n  m: 0,\n  variants: {\n    size: {\n      sm: getTextVariant({ size: 'sm' }),\n      md: getTextVariant({ size: 'md' })\n    },\n    type: {\n      block: {\n        display: 'block',\n        fontWeight: 600\n      },\n      inline: {\n        display: 'flex',\n        fontWeight: 400,\n        maxWidth: 'max-content'\n      }\n    },\n    align: { start: {}, center: {} },\n    direction: { reverse: {}, row: {} },\n    appearance: { standard: {}, modern: {} }\n  },\n  compoundVariants: [\n    {\n      type: 'inline',\n      align: 'start',\n      css: { alignItems: 'flex-start' }\n    },\n    {\n      type: 'inline',\n      align: 'center',\n      css: { alignItems: 'center' }\n    },\n    {\n      type: 'inline',\n      direction: 'reverse',\n      css: { flexDirection: 'row-reverse' }\n    },\n    {\n      type: 'inline',\n      direction: 'row',\n      css: { flexDirection: 'row' }\n    },\n    {\n      type: 'block',\n      appearance: 'modern',\n      css: { fontWeight: 400 }\n    }\n  ]\n})\n\nconst StyledAsterisk = styled('span', {\n  color: '$danger',\n  ml: '$1',\n  fontWeight: 400\n})\n\nexport type LabelProps = Override<\n  React.ComponentPropsWithoutRef<typeof StyledLabel>,\n  {\n    as?: 'label' | 'legend'\n    required?: boolean\n  }\n>\n\nexport const Label = ({\n  align = 'start',\n  as = 'label',\n  direction = 'row',\n  size = 'md',\n  type = 'block',\n  children,\n  required,\n  ...rest\n}: LabelProps) => (\n  <StyledLabel\n    as={as}\n    size={size}\n    type={type}\n    align={align}\n    direction={direction}\n    {...rest}\n  >\n    {children}\n    {required && <StyledAsterisk aria-hidden>*</StyledAsterisk>}\n  </StyledLabel>\n)\n\nLabel.displayName = 'Label'\n"],"names":["StyledLabel","styled","getTextVariant","StyledAsterisk","Label","align","as","direction","size","type","children","required","rest","React"],"mappings":"oHAOA,MAAMA,EAAcC,EAAO,QAAS,CAClC,MAAO,WACP,WAAY,QACZ,EAAG,EACH,SAAU,CACR,KAAM,CACJ,GAAIC,EAAe,CAAE,KAAM,IAAK,CAAC,EACjC,GAAIA,EAAe,CAAE,KAAM,IAAK,CAAC,CACnC,EACA,KAAM,CACJ,MAAO,CACL,QAAS,QACT,WAAY,GACd,EACA,OAAQ,CACN,QAAS,OACT,WAAY,IACZ,SAAU,aACZ,CACF,EACA,MAAO,CAAE,MAAO,GAAI,OAAQ,CAAA,CAAG,EAC/B,UAAW,CAAE,QAAS,CAAA,EAAI,IAAK,EAAG,EAClC,WAAY,CAAE,SAAU,CAAC,EAAG,OAAQ,CAAA,CAAG,CACzC,EACA,iBAAkB,CAChB,CACE,KAAM,SACN,MAAO,QACP,IAAK,CAAE,WAAY,YAAa,CAClC,EACA,CACE,KAAM,SACN,MAAO,SACP,IAAK,CAAE,WAAY,QAAS,CAC9B,EACA,CACE,KAAM,SACN,UAAW,UACX,IAAK,CAAE,cAAe,aAAc,CACtC,EACA,CACE,KAAM,SACN,UAAW,MACX,IAAK,CAAE,cAAe,KAAM,CAC9B,EACA,CACE,KAAM,QACN,WAAY,SACZ,IAAK,CAAE,WAAY,GAAI,CACzB,CACF,CACF,CAAC,EAEKC,EAAiBF,EAAO,OAAQ,CACpC,MAAO,UACP,GAAI,KACJ,WAAY,GACd,CAAC,EAUYG,EAAQ,CAAC,CACpB,MAAAC,EAAQ,QACR,GAAAC,EAAK,QACL,UAAAC,EAAY,MACZ,KAAAC,EAAO,KACP,KAAAC,EAAO,QACP,SAAAC,EACA,SAAAC,KACGC,CACL,IACEC,EAAA,cAACb,EAAA,CACC,GAAIM,EACJ,KAAME,EACN,KAAMC,EACN,MAAOJ,EACP,UAAWE,EACV,GAAGK,CAAAA,EAEHF,EACAC,GAAYE,EAAA,cAACV,EAAA,CAAe,cAAW,IAAC,GAAC,CAC5C,EAGFC,EAAM,YAAc"}
+{"version":3,"file":"Label.js","sources":["../../../src/components/label/Label.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/stitches'\nimport type { Override } from '~/utilities/types'\n\nimport { getTextVariant } from '../text'\n\nconst StyledLabel = styled('label', {\n  color: '$grey900',\n  fontFamily: '$body',\n  m: 0,\n  variants: {\n    size: {\n      sm: getTextVariant({ size: 'sm' }),\n      md: getTextVariant({ size: 'md' })\n    },\n    type: {\n      block: {\n        display: 'block',\n        fontWeight: 600\n      },\n      inline: {\n        display: 'flex',\n        fontWeight: 400,\n        maxWidth: 'max-content'\n      }\n    },\n    align: { start: {}, center: {} },\n    direction: { reverse: {}, row: {} }\n  },\n  compoundVariants: [\n    {\n      type: 'inline',\n      align: 'start',\n      css: { alignItems: 'flex-start' }\n    },\n    {\n      type: 'inline',\n      align: 'center',\n      css: { alignItems: 'center' }\n    },\n    {\n      type: 'inline',\n      direction: 'reverse',\n      css: { flexDirection: 'row-reverse' }\n    },\n    {\n      type: 'inline',\n      direction: 'row',\n      css: { flexDirection: 'row' }\n    }\n  ]\n})\n\nconst StyledAsterisk = styled('span', {\n  color: '$danger',\n  ml: '$1',\n  fontWeight: 400\n})\n\ntype LabelProps = Override<\n  React.ComponentPropsWithoutRef<typeof StyledLabel>,\n  {\n    as?: 'label' | 'legend'\n    required?: boolean\n  }\n>\n\nexport const Label = ({\n  align = 'start',\n  as = 'label',\n  direction = 'row',\n  size = 'md',\n  type = 'block',\n  children,\n  required,\n  ...rest\n}: LabelProps) => (\n  <StyledLabel\n    as={as}\n    size={size}\n    type={type}\n    align={align}\n    direction={direction}\n    {...rest}\n  >\n    {children}\n    {required && <StyledAsterisk aria-hidden>*</StyledAsterisk>}\n  </StyledLabel>\n)\n\nLabel.displayName = 'Label'\n"],"names":["StyledLabel","styled","getTextVariant","StyledAsterisk","Label","align","as","direction","size","type","children","required","rest","React"],"mappings":"oHAOA,MAAMA,EAAcC,EAAO,QAAS,CAClC,MAAO,WACP,WAAY,QACZ,EAAG,EACH,SAAU,CACR,KAAM,CACJ,GAAIC,EAAe,CAAE,KAAM,IAAK,CAAC,EACjC,GAAIA,EAAe,CAAE,KAAM,IAAK,CAAC,CACnC,EACA,KAAM,CACJ,MAAO,CACL,QAAS,QACT,WAAY,GACd,EACA,OAAQ,CACN,QAAS,OACT,WAAY,IACZ,SAAU,aACZ,CACF,EACA,MAAO,CAAE,MAAO,CAAA,EAAI,OAAQ,CAAG,CAAA,EAC/B,UAAW,CAAE,QAAS,CAAI,EAAA,IAAK,EAAG,CACpC,EACA,iBAAkB,CAChB,CACE,KAAM,SACN,MAAO,QACP,IAAK,CAAE,WAAY,YAAa,CAClC,EACA,CACE,KAAM,SACN,MAAO,SACP,IAAK,CAAE,WAAY,QAAS,CAC9B,EACA,CACE,KAAM,SACN,UAAW,UACX,IAAK,CAAE,cAAe,aAAc,CACtC,EACA,CACE,KAAM,SACN,UAAW,MACX,IAAK,CAAE,cAAe,KAAM,CAC9B,CACF,CACF,CAAC,EAEKC,EAAiBF,EAAO,OAAQ,CACpC,MAAO,UACP,GAAI,KACJ,WAAY,GACd,CAAC,EAUYG,EAAQ,CAAC,CACpB,MAAAC,EAAQ,QACR,GAAAC,EAAK,QACL,UAAAC,EAAY,MACZ,KAAAC,EAAO,KACP,KAAAC,EAAO,QACP,SAAAC,EACA,SAAAC,KACGC,CACL,IACEC,EAAA,cAACb,EAAA,CACC,GAAIM,EACJ,KAAME,EACN,KAAMC,EACN,MAAOJ,EACP,UAAWE,EACV,GAAGK,CAEHF,EAAAA,EACAC,GAAYE,EAAA,cAACV,EAAA,CAAe,cAAW,IAAC,GAAC,CAC5C,EAGFC,EAAM,YAAc"}

package/dist/components/link/Link.d.ts

@@ -237,6 +237,11 @@ export declare const StyledLink: import("@atom-learning/stitches-react/types/sty
         subjectNonVerbalReasoning: string;
         subjectCreativeWriting: string;
         subjectExamSkills: string;
+        subjectGcseEnglishLiterature: string;
+        subjectGcseMaths: string;
+        subjectGcseChemistry: string;
+        subjectGcsePhysics: string;
+        subjectGcseBiology: string;
         glBlueLight: string;
         glBluePrimary: string;
         glBlueDark: string;

package/dist/components/list/List.d.ts

@@ -232,6 +232,11 @@ export declare const StyledLi: import("@atom-learning/stitches-react/types/style
         subjectNonVerbalReasoning: string;
         subjectCreativeWriting: string;
         subjectExamSkills: string;
+        subjectGcseEnglishLiterature: string;
+        subjectGcseMaths: string;
+        subjectGcseChemistry: string;
+        subjectGcsePhysics: string;
+        subjectGcseBiology: string;
         glBlueLight: string;
         glBluePrimary: string;
         glBlueDark: string;
@@ -601,6 +606,11 @@ export declare const StyledList: import("@atom-learning/stitches-react/types/sty
         subjectNonVerbalReasoning: string;
         subjectCreativeWriting: string;
         subjectExamSkills: string;
+        subjectGcseEnglishLiterature: string;
+        subjectGcseMaths: string;
+        subjectGcseChemistry: string;
+        subjectGcsePhysics: string;
+        subjectGcseBiology: string;
         glBlueLight: string;
         glBluePrimary: string;
         glBlueDark: string;

package/dist/components/markdown-content/MarkdownContent.d.ts

@@ -239,6 +239,11 @@ declare const StyledMarkdownContent: import("@atom-learning/stitches-react/types
         subjectNonVerbalReasoning: string;
         subjectCreativeWriting: string;
         subjectExamSkills: string;
+        subjectGcseEnglishLiterature: string;
+        subjectGcseMaths: string;
+        subjectGcseChemistry: string;
+        subjectGcsePhysics: string;
+        subjectGcseBiology: string;
         glBlueLight: string;
         glBluePrimary: string;
         glBlueDark: string;
@@ -602,6 +607,11 @@ declare const StyledMarkdownContent: import("@atom-learning/stitches-react/types
         subjectNonVerbalReasoning: string;
         subjectCreativeWriting: string;
         subjectExamSkills: string;
+        subjectGcseEnglishLiterature: string;
+        subjectGcseMaths: string;
+        subjectGcseChemistry: string;
+        subjectGcsePhysics: string;
+        subjectGcseBiology: string;
         glBlueLight: string;
         glBluePrimary: string;
         glBlueDark: string;

package/dist/components/markdown-content/components/MarkdownEmphasis.d.ts

@@ -237,6 +237,11 @@ export declare const StyledMarkdownEmphasis: import("@atom-learning/stitches-rea
         subjectNonVerbalReasoning: string;
         subjectCreativeWriting: string;
         subjectExamSkills: string;
+        subjectGcseEnglishLiterature: string;
+        subjectGcseMaths: string;
+        subjectGcseChemistry: string;
+        subjectGcsePhysics: string;
+        subjectGcseBiology: string;
         glBlueLight: string;
         glBluePrimary: string;
         glBlueDark: string;

package/dist/components/navigation/NavigationMenu.d.ts

@@ -233,6 +233,11 @@ declare const StyledMenu: import("@atom-learning/stitches-react/types/styled-com
         subjectNonVerbalReasoning: string;
         subjectCreativeWriting: string;
         subjectExamSkills: string;
+        subjectGcseEnglishLiterature: string;
+        subjectGcseMaths: string;
+        subjectGcseChemistry: string;
+        subjectGcsePhysics: string;
+        subjectGcseBiology: string;
         glBlueLight: string;
         glBluePrimary: string;
         glBlueDark: string;
@@ -604,6 +609,11 @@ export declare const NavigationMenu: {
                 subjectNonVerbalReasoning: string;
                 subjectCreativeWriting: string;
                 subjectExamSkills: string;
+                subjectGcseEnglishLiterature: string;
+                subjectGcseMaths: string;
+                subjectGcseChemistry: string;
+                subjectGcsePhysics: string;
+                subjectGcseBiology: string;
                 glBlueLight: string;
                 glBluePrimary: string;
                 glBlueDark: string;
@@ -972,6 +982,11 @@ export declare const NavigationMenu: {
                 subjectNonVerbalReasoning: string;
                 subjectCreativeWriting: string;
                 subjectExamSkills: string;
+                subjectGcseEnglishLiterature: string;
+                subjectGcseMaths: string;
+                subjectGcseChemistry: string;
+                subjectGcsePhysics: string;
+                subjectGcseBiology: string;
                 glBlueLight: string;
                 glBluePrimary: string;
                 glBlueDark: string;
@@ -1347,6 +1362,11 @@ export declare const NavigationMenu: {
                     subjectNonVerbalReasoning: string;
                     subjectCreativeWriting: string;
                     subjectExamSkills: string;
+                    subjectGcseEnglishLiterature: string;
+                    subjectGcseMaths: string;
+                    subjectGcseChemistry: string;
+                    subjectGcsePhysics: string;
+                    subjectGcseBiology: string;
                     glBlueLight: string;
                     glBluePrimary: string;
                     glBlueDark: string;
@@ -1717,6 +1737,11 @@ export declare const NavigationMenu: {
                 subjectNonVerbalReasoning: string;
                 subjectCreativeWriting: string;
                 subjectExamSkills: string;
+                subjectGcseEnglishLiterature: string;
+                subjectGcseMaths: string;
+                subjectGcseChemistry: string;
+                subjectGcsePhysics: string;
+                subjectGcseBiology: string;
                 glBlueLight: string;
                 glBluePrimary: string;
                 glBlueDark: string;
@@ -2085,6 +2110,11 @@ export declare const NavigationMenu: {
                 subjectNonVerbalReasoning: string;
                 subjectCreativeWriting: string;
                 subjectExamSkills: string;
+                subjectGcseEnglishLiterature: string;
+                subjectGcseMaths: string;
+                subjectGcseChemistry: string;
+                subjectGcsePhysics: string;
+                subjectGcseBiology: string;
                 glBlueLight: string;
                 glBluePrimary: string;
                 glBlueDark: string;
@@ -2458,6 +2488,11 @@ export declare const NavigationMenu: {
                 subjectNonVerbalReasoning: string;
                 subjectCreativeWriting: string;
                 subjectExamSkills: string;
+                subjectGcseEnglishLiterature: string;
+                subjectGcseMaths: string;
+                subjectGcseChemistry: string;
+                subjectGcsePhysics: string;
+                subjectGcseBiology: string;
                 glBlueLight: string;
                 glBluePrimary: string;
                 glBlueDark: string;
@@ -2824,6 +2859,11 @@ export declare const NavigationMenu: {
             subjectNonVerbalReasoning: string;
             subjectCreativeWriting: string;
             subjectExamSkills: string;
+            subjectGcseEnglishLiterature: string;
+            subjectGcseMaths: string;
+            subjectGcseChemistry: string;
+            subjectGcsePhysics: string;
+            subjectGcseBiology: string;
             glBlueLight: string;
             glBluePrimary: string;
             glBlueDark: string;
@@ -3191,6 +3231,11 @@ export declare const NavigationMenu: {
                 subjectNonVerbalReasoning: string;
                 subjectCreativeWriting: string;
                 subjectExamSkills: string;
+                subjectGcseEnglishLiterature: string;
+                subjectGcseMaths: string;
+                subjectGcseChemistry: string;
+                subjectGcsePhysics: string;
+                subjectGcseBiology: string;
                 glBlueLight: string;
                 glBluePrimary: string;
                 glBlueDark: string;

package/dist/components/navigation/NavigationMenuDropdownContent.d.ts

@@ -233,6 +233,11 @@ declare const StyledContent: import("@atom-learning/stitches-react/types/styled-
         subjectNonVerbalReasoning: string;
         subjectCreativeWriting: string;
         subjectExamSkills: string;
+        subjectGcseEnglishLiterature: string;
+        subjectGcseMaths: string;
+        subjectGcseChemistry: string;
+        subjectGcsePhysics: string;
+        subjectGcseBiology: string;
         glBlueLight: string;
         glBluePrimary: string;
         glBlueDark: string;

package/dist/components/navigation/NavigationMenuDropdownItem.d.ts

@@ -242,6 +242,11 @@ export declare const NavigationMenuDropdownItemTitle: import("@atom-learning/sti
             subjectNonVerbalReasoning: string;
             subjectCreativeWriting: string;
             subjectExamSkills: string;
+            subjectGcseEnglishLiterature: string;
+            subjectGcseMaths: string;
+            subjectGcseChemistry: string;
+            subjectGcsePhysics: string;
+            subjectGcseBiology: string;
             glBlueLight: string;
             glBluePrimary: string;
             glBlueDark: string;
@@ -608,6 +613,11 @@ export declare const NavigationMenuDropdownItemTitle: import("@atom-learning/sti
         subjectNonVerbalReasoning: string;
         subjectCreativeWriting: string;
         subjectExamSkills: string;
+        subjectGcseEnglishLiterature: string;
+        subjectGcseMaths: string;
+        subjectGcseChemistry: string;
+        subjectGcsePhysics: string;
+        subjectGcseBiology: string;
         glBlueLight: string;
         glBluePrimary: string;
         glBlueDark: string;

package/dist/components/navigation/NavigationMenuDropdownTrigger.d.ts

@@ -235,6 +235,11 @@ declare const StyledTrigger: import("@atom-learning/stitches-react/types/styled-
         subjectNonVerbalReasoning: string;
         subjectCreativeWriting: string;
         subjectExamSkills: string;
+        subjectGcseEnglishLiterature: string;
+        subjectGcseMaths: string;
+        subjectGcseChemistry: string;
+        subjectGcsePhysics: string;
+        subjectGcseBiology: string;
         glBlueLight: string;
         glBluePrimary: string;
         glBlueDark: string;

package/dist/components/navigation/NavigationMenuLink.d.ts

@@ -235,6 +235,11 @@ declare const StyledLink: import("@atom-learning/stitches-react/types/styled-com
         subjectNonVerbalReasoning: string;
         subjectCreativeWriting: string;
         subjectExamSkills: string;
+        subjectGcseEnglishLiterature: string;
+        subjectGcseMaths: string;
+        subjectGcseChemistry: string;
+        subjectGcsePhysics: string;
+        subjectGcseBiology: string;
         glBlueLight: string;
         glBluePrimary: string;
         glBlueDark: string;