npm - @atom-learning/components - Versions diffs - 5.5.0-beta.1 → 5.6.0 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (223) hide show

package/dist/components/segmented-control/SegmentedControl.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 export declare const SegmentedControl: {
-    Root: ({ size, theme, defaultValue, children, ...props }: React.PropsWithChildren<import("./SegmentedControlRoot").SegmentedControlRootProps>) => React.JSX.Element;
+    Root: ({ size, theme, defaultValue, children, ...props }: import("react").PropsWithChildren<import("./SegmentedControlRoot").SegmentedControlRootProps>) => import("react").JSX.Element;
     Item: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<import("@radix-ui/react-tabs").TabsTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "css"> & import("@atom-learning/stitches-react/types/styled-component").TransformProps<{}, {
         sm: string;
         md: string;
@@ -234,6 +234,11 @@ export declare const SegmentedControl: {
                 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 SegmentedControl: {
                 subjectNonVerbalReasoning: string;
                 subjectCreativeWriting: string;
                 subjectExamSkills: string;
+                subjectGcseEnglishLiterature: string;
+                subjectGcseMaths: string;
+                subjectGcseChemistry: string;
+                subjectGcsePhysics: string;
+                subjectGcseBiology: string;
                 glBlueLight: string;
                 glBluePrimary: string;
                 glBlueDark: string;
@@ -736,7 +746,7 @@ export declare const SegmentedControl: {
             };
         }> | undefined;
     }, "size">, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-    Heading: (props: Omit<React.ComponentProps<import("@atom-learning/stitches-react/types/styled-component").StyledComponent<import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {
+    Heading: (props: Omit<import("react").ComponentProps<import("@atom-learning/stitches-react/types/styled-component").StyledComponent<import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {
         ref?: ((instance: HTMLParagraphElement | null) => void) | import("react").RefObject<HTMLParagraphElement> | null | undefined;
     }, "size" | "css" | "weight" | "noCapsize" | "family"> & import("@atom-learning/stitches-react/types/styled-component").TransformProps<{
         weight?: "bold" | "normal" | undefined;
@@ -977,6 +987,11 @@ export declare const SegmentedControl: {
                 subjectNonVerbalReasoning: string;
                 subjectCreativeWriting: string;
                 subjectExamSkills: string;
+                subjectGcseEnglishLiterature: string;
+                subjectGcseMaths: string;
+                subjectGcseChemistry: string;
+                subjectGcsePhysics: string;
+                subjectGcseBiology: string;
                 glBlueLight: string;
                 glBluePrimary: string;
                 glBlueDark: string;
@@ -1109,7 +1124,7 @@ export declare const SegmentedControl: {
             };
         }> | 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;
     }>, {
         size?: "sm" | "md" | "lg" | undefined;
     }, {
@@ -1345,6 +1360,11 @@ export declare const SegmentedControl: {
             subjectNonVerbalReasoning: string;
             subjectCreativeWriting: string;
             subjectExamSkills: string;
+            subjectGcseEnglishLiterature: string;
+            subjectGcseMaths: string;
+            subjectGcseChemistry: string;
+            subjectGcsePhysics: string;
+            subjectGcseBiology: string;
             glBlueLight: string;
             glBluePrimary: string;
             glBlueDark: string;
@@ -1476,7 +1496,7 @@ export declare const SegmentedControl: {
             marginBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
         };
     }>>>, "size">) => JSX.Element;
-    Description: (props: Omit<React.ComponentProps<import("@atom-learning/stitches-react/types/styled-component").StyledComponent<import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {
+    Description: (props: Omit<import("react").ComponentProps<import("@atom-learning/stitches-react/types/styled-component").StyledComponent<import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {
         ref?: ((instance: HTMLParagraphElement | null) => void) | import("react").RefObject<HTMLParagraphElement> | null | undefined;
     }, "size" | "css" | "weight" | "noCapsize" | "family"> & import("@atom-learning/stitches-react/types/styled-component").TransformProps<{
         weight?: "bold" | "normal" | undefined;
@@ -1717,6 +1737,11 @@ export declare const SegmentedControl: {
                 subjectNonVerbalReasoning: string;
                 subjectCreativeWriting: string;
                 subjectExamSkills: string;
+                subjectGcseEnglishLiterature: string;
+                subjectGcseMaths: string;
+                subjectGcseChemistry: string;
+                subjectGcsePhysics: string;
+                subjectGcseBiology: string;
                 glBlueLight: string;
                 glBluePrimary: string;
                 glBlueDark: string;
@@ -1849,7 +1874,7 @@ export declare const SegmentedControl: {
             };
         }> | 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;
     }>, {
         size?: "sm" | "md" | "lg" | undefined;
     }, {
@@ -2085,6 +2110,11 @@ export declare const SegmentedControl: {
             subjectNonVerbalReasoning: string;
             subjectCreativeWriting: string;
             subjectExamSkills: string;
+            subjectGcseEnglishLiterature: string;
+            subjectGcseMaths: string;
+            subjectGcseChemistry: string;
+            subjectGcsePhysics: string;
+            subjectGcseBiology: string;
             glBlueLight: string;
             glBluePrimary: string;
             glBlueDark: string;
@@ -2216,7 +2246,7 @@ export declare const SegmentedControl: {
             marginBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
         };
     }>>>, "size">) => JSX.Element;
-    Icon: (props: Omit<React.ComponentProps<typeof import("..").Icon>, "size">) => JSX.Element;
+    Icon: (props: Omit<import("react").ComponentProps<typeof import("..").Icon>, "size">) => JSX.Element;
     Content: import("@atom-learning/stitches-react/types/styled-component").StyledComponent<import("react").ForwardRefExoticComponent<import("@radix-ui/react-tabs").TabsContentProps & import("react").RefAttributes<HTMLDivElement>>, {}, {
         sm: string;
         md: string;
@@ -2450,6 +2480,11 @@ export declare const SegmentedControl: {
             subjectNonVerbalReasoning: string;
             subjectCreativeWriting: string;
             subjectExamSkills: string;
+            subjectGcseEnglishLiterature: string;
+            subjectGcseMaths: string;
+            subjectGcseChemistry: string;
+            subjectGcsePhysics: string;
+            subjectGcseBiology: string;
             glBlueLight: string;
             glBluePrimary: string;
             glBlueDark: string;
@@ -2581,9 +2616,9 @@ export declare const SegmentedControl: {
             marginBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
         };
     }>>;
-    Badge: ({ css, ...props }: Omit<React.ComponentProps<typeof import("..").Badge>, "size">) => JSX.Element;
-    ItemList: (props: React.ComponentProps<{
-        ({ children, colorScheme, ...rest }: React.ComponentProps<import("@atom-learning/stitches-react/types/styled-component").StyledComponent<import("react").ForwardRefExoticComponent<import("@radix-ui/react-tabs").TabsListProps & import("react").RefAttributes<HTMLDivElement>>, {}, {
+    Badge: ({ css, ...props }: Omit<import("react").ComponentProps<typeof import("..").Badge>, "size">) => JSX.Element;
+    ItemList: (props: import("react").ComponentProps<{
+        ({ children, colorScheme, ...rest }: import("react").ComponentProps<import("@atom-learning/stitches-react/types/styled-component").StyledComponent<import("react").ForwardRefExoticComponent<import("@radix-ui/react-tabs").TabsListProps & import("react").RefAttributes<HTMLDivElement>>, {}, {
             sm: string;
             md: string;
             lg: string;
@@ -2816,6 +2851,11 @@ export declare const SegmentedControl: {
                 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/segmented-control/SegmentedControlContent.d.ts CHANGED Viewed

@@ -232,6 +232,11 @@ export declare const SegmentedControlContent: import("@atom-learning/stitches-re
         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/segmented-control/SegmentedControlDescription.d.ts CHANGED Viewed

@@ -240,6 +240,11 @@ declare const StyledText: 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;
@@ -608,6 +613,11 @@ declare const StyledText: 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;

package/dist/components/segmented-control/SegmentedControlHeading.d.ts CHANGED Viewed

@@ -240,6 +240,11 @@ declare const StyledHeading: 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;
@@ -608,6 +613,11 @@ declare const StyledHeading: 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/segmented-control/SegmentedControlItem.d.ts CHANGED Viewed

@@ -233,6 +233,11 @@ export declare const SegmentedControlItem: React.ForwardRefExoticComponent<Omit<
             subjectNonVerbalReasoning: string;
             subjectCreativeWriting: string;
             subjectExamSkills: string;
+            subjectGcseEnglishLiterature: string;
+            subjectGcseMaths: string;
+            subjectGcseChemistry: string;
+            subjectGcsePhysics: string;
+            subjectGcseBiology: string;
             glBlueLight: string;
             glBluePrimary: string;
             glBlueDark: string;
@@ -603,6 +608,11 @@ export declare const SegmentedControlItem: React.ForwardRefExoticComponent<Omit<
             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/segmented-control/SegmentedControlRoot.d.ts CHANGED Viewed

@@ -233,6 +233,11 @@ declare const StyledSegmentedControlRoot: import("@atom-learning/stitches-react/
         subjectNonVerbalReasoning: string;
         subjectCreativeWriting: string;
         subjectExamSkills: string;
+        subjectGcseEnglishLiterature: string;
+        subjectGcseMaths: string;
+        subjectGcseChemistry: string;
+        subjectGcsePhysics: string;
+        subjectGcseBiology: string;
         glBlueLight: string;
         glBluePrimary: string;
         glBlueDark: string;
@@ -598,6 +603,11 @@ declare const StyledSegmentedControlRoot: import("@atom-learning/stitches-react/
                 subjectNonVerbalReasoning: string;
                 subjectCreativeWriting: string;
                 subjectExamSkills: string;
+                subjectGcseEnglishLiterature: string;
+                subjectGcseMaths: string;
+                subjectGcseChemistry: string;
+                subjectGcsePhysics: string;
+                subjectGcseBiology: string;
                 glBlueLight: string;
                 glBluePrimary: string;
                 glBlueDark: string;
@@ -967,6 +977,11 @@ declare const StyledSegmentedControlRoot: import("@atom-learning/stitches-react/
                 subjectNonVerbalReasoning: string;
                 subjectCreativeWriting: string;
                 subjectExamSkills: string;
+                subjectGcseEnglishLiterature: string;
+                subjectGcseMaths: string;
+                subjectGcseChemistry: string;
+                subjectGcsePhysics: string;
+                subjectGcseBiology: string;
                 glBlueLight: string;
                 glBluePrimary: string;
                 glBlueDark: string;
@@ -1334,6 +1349,11 @@ declare const StyledSegmentedControlRoot: import("@atom-learning/stitches-react/
             subjectNonVerbalReasoning: string;
             subjectCreativeWriting: string;
             subjectExamSkills: string;
+            subjectGcseEnglishLiterature: string;
+            subjectGcseMaths: string;
+            subjectGcseChemistry: string;
+            subjectGcsePhysics: string;
+            subjectGcseBiology: string;
             glBlueLight: string;
             glBluePrimary: string;
             glBlueDark: string;
@@ -1700,6 +1720,11 @@ declare const StyledSegmentedControlRoot: import("@atom-learning/stitches-react/
         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/select/Select.d.ts CHANGED Viewed

@@ -3,7 +3,6 @@ import { Override } from '../../utilities/types';
 declare const StyledSelect: import("@atom-learning/stitches-react/types/styled-component").StyledComponent<"select", {
     size?: "sm" | "md" | "lg" | undefined;
     state?: "error" | undefined;
-    appearance?: "standard" | "modern" | undefined;
 }, {
     sm: string;
     md: string;
@@ -237,6 +236,11 @@ declare const StyledSelect: import("@atom-learning/stitches-react/types/styled-c
         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/select/Select.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import*as o from"react";import{styled as l,theme as c}from"../../stitches.js";import"../../utilities/css-wrapper/CSSWrapper.js";import"../../utilities/no-overflow-wrapper/NoOverflowWrapper.js";import{encodeBackgroundIcon as u}from"../../utilities/style/encode-background-icon.js";import"../../utilities/style/keyframe-animations.js";import{disabledStyle as g}from"../../utilities/style/disabledStyle.js";const m=l("select",{appearance:"none",backgroundImage:u(c.colors.grey700.value,"chevron"),backgroundRepeat:"no-repeat, repeat",color:"$grey1000",display:"block",fontFamily:"$body",fontWeight:400,lineHeight:1.4,width:"100%","&:hover":{cursor:"pointer"},"&::-ms-expand":{display:"none"},"&[disabled], > option[disabled]":g,variants:{size:{sm:{backgroundPosition:"right $space$2 top 50%, 0 0",backgroundSize:"18px auto, 100%",fontSize:"$sm",height:"$3",pl:"$2",pr:"$5"},md:{backgroundPosition:"right $space$3 top 50%, 0 0",backgroundSize:"20px auto, 100%",fontSize:"$md",height:"$4",pl:"$3",pr:"$6"},lg:{backgroundPosition:"right $space$3 top 50%, 0 0",backgroundSize:"20px auto, 100%",fontSize:"$md",height:"$5",pl:"$3",pr:"$6"}},state:{error:{}},appearance:{standard:{backgroundColor:"white",border:"1px solid $grey700",borderRadius:"$0","&:focus":{borderColor:"$primary800",outline:"none"}},modern:{backgroundColor:"$grey100",border:"none",borderRadius:"$1","&:focus":{outline:"2px solid $blue800",outlineOffset:1,zIndex:1}}}},compoundVariants:[{state:"error",appearance:"standard",css:{borderColor:"$danger"}},{state:"error",appearance:"modern",css:{backgroundColor:"$dangerLight","&:focus":{outlineColor:"$danger"}}}]}),t=o.forwardRef(({placeholder:r,children:n,size:d="md",appearance:i="standard",...e},p)=>{const a={size:d,appearance:i,ref:p,...e};return[e.value,e.defaultValue].every(s=>s===void 0)&&(a.defaultValue=""),o.createElement(m,{...a},r&&o.createElement("option",{disabled:!0,hidden:!0,value:""},r),n)});t.displayName="Select";export{t as Select};
+import*as o from"react";import{styled as p,theme as s}from"../../stitches.js";import"../../utilities/css-wrapper/CSSWrapper.js";import"../../utilities/no-overflow-wrapper/NoOverflowWrapper.js";import{encodeBackgroundIcon as c}from"../../utilities/style/encode-background-icon.js";import"../../utilities/style/keyframe-animations.js";import{disabledStyle as u}from"../../utilities/style/disabledStyle.js";const m=p("select",{appearance:"none",backgroundColor:"white",backgroundImage:c(s.colors.grey700.value,"chevron"),backgroundRepeat:"no-repeat, repeat",border:"1px solid $grey700",borderRadius:"$0",color:"$grey1000",display:"block",fontFamily:"$body",fontWeight:400,lineHeight:1.4,transition:"all 75ms ease-out",width:"100%","&:hover":{cursor:"pointer"},"&:focus":{borderColor:"$primary800",outline:"none"},"&::-ms-expand":{display:"none"},"&[disabled], > option[disabled]":u,variants:{size:{sm:{backgroundPosition:"right $space$2 top 50%, 0 0",backgroundSize:"18px auto, 100%",fontSize:"$sm",height:"$3",pl:"$2",pr:"$5"},md:{backgroundPosition:"right $space$3 top 50%, 0 0",backgroundSize:"20px auto, 100%",fontSize:"$md",height:"$4",pl:"$3",pr:"$6"},lg:{backgroundPosition:"right $space$3 top 50%, 0 0",backgroundSize:"20px auto, 100%",fontSize:"$md",height:"$5",pl:"$3",pr:"$6"}},state:{error:{border:"1px solid $danger"}}}}),i=o.forwardRef(({placeholder:r,children:a,size:n="md",...e},d)=>{const t={size:n,ref:d,...e};return[e.value,e.defaultValue].every(l=>l===void 0)&&(t.defaultValue=""),o.createElement(m,{...t},r&&o.createElement("option",{disabled:!0,hidden:!0,value:""},r),a)});i.displayName="Select";export{i as Select};
 //# sourceMappingURL=Select.js.map

package/dist/components/select/Select.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Select.js","sources":["../../../src/components/select/Select.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled, theme } from '~/stitches'\nimport { disabledStyle, encodeBackgroundIcon } from '~/utilities'\nimport { Override } from '~/utilities/types'\n\nconst StyledSelect = styled('select', {\n appearance: 'none',\n backgroundImage: encodeBackgroundIcon(theme.colors.grey700.value, 'chevron'),\n backgroundRepeat: 'no-repeat, repeat',\n color: '$grey1000',\n display: 'block',\n fontFamily: '$body',\n fontWeight: 400,\n lineHeight: 1.4,\n width: '100%',\n '&:hover': {\n cursor: 'pointer'\n },\n '&::-ms-expand': {\n display: 'none'\n },\n '&[disabled], > option[disabled]': disabledStyle,\n variants: {\n size: {\n sm: {\n backgroundPosition: 'right $space$2 top 50%, 0 0',\n backgroundSize: '18px auto, 100%',\n fontSize: '$sm',\n height: '$3',\n pl: '$2',\n pr: '$5'\n },\n md: {\n backgroundPosition: 'right $space$3 top 50%, 0 0',\n backgroundSize: '20px auto, 100%',\n fontSize: '$md',\n height: '$4',\n pl: '$3',\n pr: '$6'\n },\n lg: {\n backgroundPosition: 'right $space$3 top 50%, 0 0',\n backgroundSize: '20px auto, 100%',\n fontSize: '$md',\n height: '$5',\n pl: '$3',\n pr: '$6'\n }\n },\n state: {\n error: {}\n ~~},\n appearance: {\n standard: {\n~~ ~~backgroundColor: 'white',\n~~ border: '1px solid $~~grey700~~'~~,\n borderRadius: '$0',\n '&:focus': {~~\n ~~borderColor: '$primary800',\n outline: 'none'\n }\n~~ }~~,\n modern: {~~\n backgroundColor: '$grey100',\n border: 'none',\n borderRadius: '$1',\n '&:focus': {\n outline: '2px solid $blue800',\n outlineOffset: 1,\n zIndex: 1\n }\n }\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 backgroundColor: '$dangerLight',\n '&:focus': {\n outlineColor: '$danger'\n }\n }\n }\n ]\n})\n\nexport type SelectProps = Override<\n React.ComponentProps<typeof StyledSelect>,\n {\n as?: never\n placeholder?: string\n }\n // TODO: figure out why uncommenting this causes TS errors in\n // component declaration\n // & (\n // \| { id: string; 'aria-label'?: string }\n // \| { 'aria-label': string; id?: string }\n // )\n>\n\nexport const Select: React.ForwardRefExoticComponent<SelectProps> =\n React.forwardRef(\n (\n {\n placeholder~~,\n~~ children~~,\n~~ size = 'md'~~,\n appearance~~ ~~= 'standard',\n~~ ...remainingProps\n }~~,\n~~ ref\n ) => {\n const props = { size, ~~appearance,~~ ref, ...remainingProps }\n\n if (\n [remainingProps.value, remainingProps.defaultValue].every(\n (value) => value === undefined\n )\n ) {\n props.defaultValue = ''\n }\n\n return (\n <StyledSelect {...props}>\n {placeholder && (\n <option disabled hidden value=\"\">\n {placeholder}\n </option>\n )}\n {children}\n </StyledSelect>\n )\n }\n )\n\nSelect.displayName = 'Select'\n"],"names":["StyledSelect","styled","encodeBackgroundIcon","theme","disabledStyle","Select","React","placeholder","children","size","~~appearance","~~remainingProps","ref","props","value"],"mappings":"oZAMA,MAAMA,EAAeC,EAAO,SAAU,CACpC,WAAY,OACZ,gBAAiBC,EAAqBC,EAAM,OAAO,QAAQ,MAAO,SAAS,EAC3E,iBAAkB,oBAClB,MAAO,YACP,QAAS,QACT,WAAY,QACZ,WAAY,IACZ,WAAY,IACZ,MAAO,OACP,UAAW,CACT,OAAQ,SACV,EACA,gBAAiB,CACf,QAAS,MACX,EACA,kCAAmCC,EACnC,SAAU,CACR,KAAM,CACJ,GAAI,CACF,mBAAoB,8BACpB,eAAgB,kBAChB,SAAU,MACV,OAAQ,KACR,GAAI,KACJ,GAAI,IACN,EACA,GAAI,CACF,mBAAoB,8BACpB,eAAgB,kBAChB,SAAU,MACV,OAAQ,KACR,GAAI,KACJ,GAAI,IACN,EACA,GAAI,CACF,mBAAoB,8BACpB,eAAgB,kBAChB,SAAU,MACV,OAAQ,KACR,GAAI,KACJ,GAAI,IACN,CACF,EACA,MAAO,CACL,MAAO,~~CACT~~,~~CAAA,EACA,WAAY,CACV,SAAU,CACR,gBAAiB,QACjB,~~OAAQ,~~qBACR~~,~~aAAc,KACd,UAAW,CACT,YAAa,cACb,QAAS,MACX,~~CACF,~~EACA,OAAQ,CACN,gBAAiB,WACjB,OAAQ,OACR,aAAc,KACd,UAAW,CACT,QAAS,qBACT,cAAe,EACf,OAAQ,CACV,~~CACF,CACF,~~CACF,EACA,iBAAkB,CAChB,CACE,MAAO,QACP,WAAY,WACZ,IAAK,CAAE,YAAa,SAAU,CAChC,EACA,CACE,MAAO,QACP,WAAY,SACZ,IAAK,CACH,gBAAiB,eACjB,UAAW,CACT,aAAc,SAChB,CACF,CACF,CACF,CACF,~~CAAC,EAgBYC,EACXC,EAAM,WACJ,~~CACE~~,~~CACE~~,YAAAC,~~EACA~~,SAAAC,~~EACA~~,KAAAC,EAAO,~~KACP~~,~~WAAAC~~,~~EAAa~~,~~cACVC~~,~~CACL~~,~~EACAC,IACG,CACH,~~MAAMC,EAAQ,CAAE,~~KAAAJ~~,EAAM,~~WAAAC,EAAY,~~IAAAE,EAAK,GAAGD,CAAe,~~EAEzD~~,MACE,CAACA,EAAe,MAAOA,EAAe,YAAY,EAAE,MACjDG,GAAUA,IAAU,MACvB,IAEAD,EAAM,aAAe,~~IAIrBP~~,EAAA,cAACN,EAAA,CAAc,~~GAAGa~~,~~CACfN~~,~~EAAAA~~,GACCD,EAAA,cAAC,~~SAAO~~,~~CAAA,~~SAAQ,GAAC,OAAM,GAAC,MAAM,~~EAC3BC~~,~~EAAAA,~~CACH,EAEDC,CACH,CAEJ,CACF,EAEFH,EAAO,YAAc"}
1	+ {"version":3,"file":"Select.js","sources":["../../../src/components/select/Select.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled, theme } from '~/stitches'\nimport { disabledStyle, encodeBackgroundIcon } from '~/utilities'\nimport { Override } from '~/utilities/types'\n\nconst StyledSelect = styled('select', {\n appearance: 'none',\n backgroundColor: 'white',\n backgroundImage: encodeBackgroundIcon(theme.colors.grey700.value, 'chevron'),\n backgroundRepeat: 'no-repeat, repeat',\n border: '1px solid $grey700',\n borderRadius: '$0',\n color: '$grey1000',\n display: 'block',\n fontFamily: '$body',\n fontWeight: 400,\n lineHeight: 1.4,\n transition: 'all 75ms ease-out',\n width: '100%',\n '&:hover': {\n cursor: 'pointer'\n },\n '&:focus': {\n borderColor: '$primary800',\n outline: 'none'\n },\n '&::-ms-expand': {\n display: 'none'\n },\n '&[disabled], > option[disabled]': disabledStyle,\n variants: {\n size: {\n sm: {\n backgroundPosition: 'right $space$2 top 50%, 0 0',\n backgroundSize: '18px auto, 100%',\n fontSize: '$sm',\n height: '$3',\n pl: '$2',\n pr: '$5'\n },\n md: {\n backgroundPosition: 'right $space$3 top 50%, 0 0',\n backgroundSize: '20px auto, 100%',\n fontSize: '$md',\n height: '$4',\n pl: '$3',\n pr: '$6'\n },\n lg: {\n backgroundPosition: 'right $space$3 top 50%, 0 0',\n backgroundSize: '20px auto, 100%',\n fontSize: '$md',\n height: '$5',\n pl: '$3',\n pr: '$6'\n }\n },\n state: {\n error: {\n border: '1px solid $danger'\n }\n }\n }\n})\n\nexport type SelectProps = Override<\n React.ComponentProps<typeof StyledSelect>,\n {\n as?: never\n placeholder?: string\n }\n // TODO: figure out why uncommenting this causes TS errors in\n // component declaration\n // & (\n // \| { id: string; 'aria-label'?: string }\n // \| { 'aria-label': string; id?: string }\n // )\n>\n\nexport const Select: React.ForwardRefExoticComponent<SelectProps> =\n React.forwardRef(\n ({ placeholder, children, size = 'md', ...remainingProps }, ref) => {\n const props = { size, ref, ...remainingProps }\n\n if (\n [remainingProps.value, remainingProps.defaultValue].every(\n (value) => value === undefined\n )\n ) {\n props.defaultValue = ''\n }\n\n return (\n <StyledSelect {...props}>\n {placeholder && (\n <option disabled hidden value=\"\">\n {placeholder}\n </option>\n )}\n {children}\n </StyledSelect>\n )\n }\n )\n\nSelect.displayName = 'Select'\n"],"names":["StyledSelect","styled","encodeBackgroundIcon","theme","disabledStyle","Select","React","placeholder","children","size","remainingProps","ref","props","value"],"mappings":"oZAMA,MAAMA,EAAeC,EAAO,SAAU,CACpC,WAAY,OACZ,gBAAiB,QACjB,gBAAiBC,EAAqBC,EAAM,OAAO,QAAQ,MAAO,SAAS,EAC3E,iBAAkB,oBAClB,OAAQ,qBACR,aAAc,KACd,MAAO,YACP,QAAS,QACT,WAAY,QACZ,WAAY,IACZ,WAAY,IACZ,WAAY,oBACZ,MAAO,OACP,UAAW,CACT,OAAQ,SACV,EACA,UAAW,CACT,YAAa,cACb,QAAS,MACX,EACA,gBAAiB,CACf,QAAS,MACX,EACA,kCAAmCC,EACnC,SAAU,CACR,KAAM,CACJ,GAAI,CACF,mBAAoB,8BACpB,eAAgB,kBAChB,SAAU,MACV,OAAQ,KACR,GAAI,KACJ,GAAI,IACN,EACA,GAAI,CACF,mBAAoB,8BACpB,eAAgB,kBAChB,SAAU,MACV,OAAQ,KACR,GAAI,KACJ,GAAI,IACN,EACA,GAAI,CACF,mBAAoB,8BACpB,eAAgB,kBAChB,SAAU,MACV,OAAQ,KACR,GAAI,KACJ,GAAI,IACN,CACF,EACA,MAAO,CACL,MAAO,CACL,OAAQ,mBACV,CACF,CACF,CACF,CAAC,EAgBYC,EACXC,EAAM,WACJ,CAAC,CAAE,YAAAC,EAAa,SAAAC,EAAU,KAAAC,EAAO,QAASC,CAAe,EAAGC,IAAQ,CAClE,MAAMC,EAAQ,CAAE,KAAAH,EAAM,IAAAE,EAAK,GAAGD,CAAe,EAE7C,MACE,CAACA,EAAe,MAAOA,EAAe,YAAY,EAAE,MACjDG,GAAUA,IAAU,MACvB,IAEAD,EAAM,aAAe,IAIrBN,EAAA,cAACN,EAAA,CAAc,GAAGY,CAAAA,EACfL,GACCD,EAAA,cAAC,UAAO,SAAQ,GAAC,OAAM,GAAC,MAAM,IAC3BC,CACH,EAEDC,CACH,CAEJ,CACF,EAEFH,EAAO,YAAc"}

package/dist/components/select-field/SelectField.d.ts CHANGED Viewed

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

package/dist/components/select-field/SelectField.js CHANGED Viewed

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

package/dist/components/select-field/SelectField.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SelectField.js","sources":["../../../src/components/select-field/SelectField.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 { Select, SelectProps } from '~/components/select'\n\ntype SelectFieldProps = SelectProps & FieldElementWrapperProps\n\nexport const SelectField = ({\n css = undefined,\n hideLabel,\n children,\n name,\n label,\n validation,\n prompt,\n description,\n ~~appearance,\n~~ ...remainingProps\n}: SelectFieldProps) => {\n const { register } = useFormContext()\n const ~~context = useFormCustomContext()\n const~~ { error } = useFieldError(name)\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 <Select\n name={name}\n id={name}\n ~~appearance=~~{~~formAppearance}\n {~~...remainingProps}\n ref={ref}\n {...(error && { state: 'error' })}\n >\n {children}\n </Select>\n </FieldWrapper>\n )\n}\n\nSelectField.displayName = 'SelectField'\n"],"names":["SelectField","css","hideLabel","children","name","label","validation","prompt","description","~~appearance","~~remainingProps","register","useFormContext","~~context","useFormCustomContext","~~error","useFieldError","ref","~~formAppearance","~~React","FieldWrapper","Select"],"mappings":"~~6XAYa~~,~~MAAAA~~,EAAc,CAAC,CAC1B,IAAAC,EAAM,OACN,UAAAC,EACA,SAAAC,EACA,KAAAC,EACA,MAAAC,EACA,WAAAC,EACA,OAAAC,EACA,YAAAC,~~EACA,WAAAC,~~KACGC,CACL,IAAwB,CACtB,KAAM,CAAE,SAAAC,CAAS,EAAIC,EAAe,~~EAC9BC~~,~~EAAUC,EAAAA,EACV,~~CAAE,MAAAC,CAAM,EAAIC,~~EAAcZ~~,CAAI,~~EAC9Ba~~,~~EAAMX~~,~~EAAaK~~,~~EAASL~~,CAAU,~~EAAIK~~,~~EAC1CO~~,~~GAAiBL~~,~~GAAA,KAAA,OAAAA,EAAS,aAAcJ,EAE9C,OACEU,~~EAAA,cAACC,EAAA,CACC,~~IAAKnB~~,EACL,YAAaO,EACb,~~MAAOO~~,EACP,~~QAASX~~,EACT,UAAWF,EACX,MAAOG,EACP,OAAQE,EACR,SAAU,QAAQD,GAAA,~~KAAAA~~,~~OAAAA,~~EAAY,QAAQ,~~EACtC~~,~~WAAYY~~,~~CAAAA,EAEZC,~~EAAA,cAACE,EAAA,CACC,~~KAAMjB~~,EACN,GAAIA,~~EACJ~~,~~WAAYc~~,~~EACX,GAAGR,~~EACJ,~~IAAKO~~,EACJ,GAAIF,GAAS,CAAE,MAAO,OAAQ,~~CAAA~~,~~EAE9BZ~~,CACH,CACF,CAEJ,EAEAH,EAAY,YAAc"}
1	+ {"version":3,"file":"SelectField.js","sources":["../../../src/components/select-field/SelectField.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 { Select, SelectProps } from '~/components/select'\n\ntype SelectFieldProps = SelectProps & FieldElementWrapperProps\n\nexport const SelectField = ({\n css = undefined,\n hideLabel,\n children,\n name,\n label,\n validation,\n prompt,\n description,\n ...remainingProps\n}: SelectFieldProps) => {\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 <Select\n name={name}\n id={name}\n {...remainingProps}\n ref={ref}\n {...(error && { state: 'error' })}\n >\n {children}\n </Select>\n </FieldWrapper>\n )\n}\n\nSelectField.displayName = 'SelectField'\n"],"names":["SelectField","css","hideLabel","children","name","label","validation","prompt","description","remainingProps","register","useFormContext","error","useFieldError","ref","React","FieldWrapper","Select"],"mappings":"sTAYO,MAAMA,EAAc,CAAC,CAC1B,IAAAC,EAAM,OACN,UAAAC,EACA,SAAAC,EACA,KAAAC,EACA,MAAAC,EACA,WAAAC,EACA,OAAAC,EACA,YAAAC,KACGC,CACL,IAAwB,CACtB,KAAM,CAAE,SAAAC,CAAS,EAAIC,EAAe,EAC9B,CAAE,MAAAC,CAAM,EAAIC,EAAcT,CAAI,EAC9BU,EAAMR,EAAaI,EAASJ,CAAU,EAAII,EAEhD,OACEK,EAAA,cAACC,EAAA,CACC,IAAKf,EACL,YAAaO,EACb,MAAOI,EACP,QAASR,EACT,UAAWF,EACX,MAAOG,EACP,OAAQE,EACR,SAAU,QAAQD,GAAA,YAAAA,EAAY,QAAQ,CAEtCS,EAAAA,EAAA,cAACE,EAAA,CACC,KAAMb,EACN,GAAIA,EACH,GAAGK,EACJ,IAAKK,EACJ,GAAIF,GAAS,CAAE,MAAO,OAAQ,CAE9BT,EAAAA,CACH,CACF,CAEJ,EAEAH,EAAY,YAAc"}

package/dist/components/side-bar/SideBar.d.ts CHANGED Viewed

@@ -234,6 +234,11 @@ declare const Root: import("@atom-learning/stitches-react/types/styled-component
         subjectNonVerbalReasoning: string;
         subjectCreativeWriting: string;
         subjectExamSkills: string;
+        subjectGcseEnglishLiterature: string;
+        subjectGcseMaths: string;
+        subjectGcseChemistry: string;
+        subjectGcsePhysics: string;
+        subjectGcseBiology: string;
         glBlueLight: string;
         glBluePrimary: string;
         glBlueDark: string;
@@ -603,6 +608,11 @@ export declare const SideBar: {
             subjectNonVerbalReasoning: string;
             subjectCreativeWriting: string;
             subjectExamSkills: string;
+            subjectGcseEnglishLiterature: string;
+            subjectGcseMaths: string;
+            subjectGcseChemistry: string;
+            subjectGcsePhysics: string;
+            subjectGcseBiology: string;
             glBlueLight: string;
             glBluePrimary: string;
             glBlueDark: string;
@@ -973,6 +983,11 @@ export declare const SideBar: {
                     subjectNonVerbalReasoning: string;
                     subjectCreativeWriting: string;
                     subjectExamSkills: string;
+                    subjectGcseEnglishLiterature: string;
+                    subjectGcseMaths: string;
+                    subjectGcseChemistry: string;
+                    subjectGcsePhysics: string;
+                    subjectGcseBiology: string;
                     glBlueLight: string;
                     glBluePrimary: string;
                     glBlueDark: string;
@@ -1350,6 +1365,11 @@ export declare const SideBar: {
                 subjectNonVerbalReasoning: string;
                 subjectCreativeWriting: string;
                 subjectExamSkills: string;
+                subjectGcseEnglishLiterature: string;
+                subjectGcseMaths: string;
+                subjectGcseChemistry: string;
+                subjectGcsePhysics: string;
+                subjectGcseBiology: string;
                 glBlueLight: string;
                 glBluePrimary: string;
                 glBlueDark: string;
@@ -1716,6 +1736,11 @@ export declare const SideBar: {
             subjectNonVerbalReasoning: string;
             subjectCreativeWriting: string;
             subjectExamSkills: string;
+            subjectGcseEnglishLiterature: string;
+            subjectGcseMaths: string;
+            subjectGcseChemistry: string;
+            subjectGcsePhysics: string;
+            subjectGcseBiology: string;
             glBlueLight: string;
             glBluePrimary: string;
             glBlueDark: string;
@@ -2080,6 +2105,11 @@ export declare const SideBar: {
             subjectNonVerbalReasoning: string;
             subjectCreativeWriting: string;
             subjectExamSkills: string;
+            subjectGcseEnglishLiterature: string;
+            subjectGcseMaths: string;
+            subjectGcseChemistry: string;
+            subjectGcsePhysics: string;
+            subjectGcseBiology: string;
             glBlueLight: string;
             glBluePrimary: string;
             glBlueDark: string;
@@ -2444,6 +2474,11 @@ export declare const SideBar: {
             subjectNonVerbalReasoning: string;
             subjectCreativeWriting: string;
             subjectExamSkills: string;
+            subjectGcseEnglishLiterature: string;
+            subjectGcseMaths: string;
+            subjectGcseChemistry: string;
+            subjectGcsePhysics: string;
+            subjectGcseBiology: string;
             glBlueLight: string;
             glBluePrimary: string;
             glBlueDark: string;
@@ -2808,6 +2843,11 @@ export declare const SideBar: {
             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/side-bar/SideBarComponents.d.ts CHANGED Viewed

@@ -231,6 +231,11 @@ export declare const SideBarHeader: 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;
@@ -595,6 +600,11 @@ export declare const SideBarBody: import("@atom-learning/stitches-react/types/st
         subjectNonVerbalReasoning: string;
         subjectCreativeWriting: string;
         subjectExamSkills: string;
+        subjectGcseEnglishLiterature: string;
+        subjectGcseMaths: string;
+        subjectGcseChemistry: string;
+        subjectGcsePhysics: string;
+        subjectGcseBiology: string;
         glBlueLight: string;
         glBluePrimary: string;
         glBlueDark: string;
@@ -959,6 +969,11 @@ export declare const SideBarFooter: 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;
@@ -1323,6 +1338,11 @@ export declare const SideBarBrand: import("@atom-learning/stitches-react/types/s
         subjectNonVerbalReasoning: string;
         subjectCreativeWriting: string;
         subjectExamSkills: string;
+        subjectGcseEnglishLiterature: string;
+        subjectGcseMaths: string;
+        subjectGcseChemistry: string;
+        subjectGcsePhysics: string;
+        subjectGcseBiology: string;
         glBlueLight: string;
         glBluePrimary: string;
         glBlueDark: string;
@@ -1693,6 +1713,11 @@ export declare const SideBarBrandLogo: {
                 subjectNonVerbalReasoning: string;
                 subjectCreativeWriting: string;
                 subjectExamSkills: string;
+                subjectGcseEnglishLiterature: string;
+                subjectGcseMaths: string;
+                subjectGcseChemistry: string;
+                subjectGcsePhysics: string;
+                subjectGcseBiology: string;
                 glBlueLight: string;
                 glBluePrimary: string;
                 glBlueDark: string;
@@ -2070,6 +2095,11 @@ export declare const SideBarBrandName: import("@atom-learning/stitches-react/typ
             subjectNonVerbalReasoning: string;
             subjectCreativeWriting: string;
             subjectExamSkills: string;
+            subjectGcseEnglishLiterature: string;
+            subjectGcseMaths: string;
+            subjectGcseChemistry: string;
+            subjectGcsePhysics: string;
+            subjectGcseBiology: string;
             glBlueLight: string;
             glBluePrimary: string;
             glBlueDark: string;
@@ -2202,7 +2232,7 @@ export declare const SideBarBrandName: import("@atom-learning/stitches-react/typ
         };
     }> | 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;
 }>, {}, {
     sm: string;
     md: string;
@@ -2436,6 +2466,11 @@ export declare const SideBarBrandName: import("@atom-learning/stitches-react/typ
         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/slider/Slider.d.ts CHANGED Viewed

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