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

package/dist/components/sortable/Handle.d.ts

@@ -3,7 +3,7 @@ import { Icon } from '../icon';
 export declare const StyledHandle: import("@atom-learning/stitches-react/types/styled-component").StyledComponent<React.ForwardRefExoticComponent<Omit<Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
     ref?: ((instance: HTMLButtonElement | null) => void) | React.RefObject<HTMLButtonElement> | null | undefined;
 }, "appearance" | "size" | "css" | "theme" | "isRounded"> & import("@atom-learning/stitches-react/types/styled-component").TransformProps<{
-    theme?: "success" | "danger" | "warning" | "neutral" | "primary" | undefined;
+    theme?: "success" | "danger" | "warning" | "primary" | "neutral" | undefined;
     appearance?: "outline" | "solid" | "simple" | undefined;
     size?: "xs" | "sm" | "md" | "lg" | undefined;
     isRounded?: boolean | "true" | undefined;
@@ -241,6 +241,11 @@ export declare const StyledHandle: 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;
@@ -372,8 +377,8 @@ export declare const StyledHandle: import("@atom-learning/stitches-react/types/s
             marginBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
         };
     }> | undefined;
-}, "appearance" | "size" | "theme" | "label" | "children" | "as" | keyof import("../../types").NavigatorActions | "hasTooltip" | "tooltipSide" | "isRounded"> & import("@atom-learning/stitches-react/types/styled-component").TransformProps<{
-    theme?: "success" | "danger" | "warning" | "neutral" | "primary" | undefined;
+}, "appearance" | "size" | "theme" | "label" | "children" | "as" | "hasTooltip" | "tooltipSide" | "isRounded" | keyof import("../../types").NavigatorActions> & import("@atom-learning/stitches-react/types/styled-component").TransformProps<{
+    theme?: "success" | "danger" | "warning" | "primary" | "neutral" | undefined;
     appearance?: "outline" | "solid" | "simple" | undefined;
     size?: "xs" | "sm" | "md" | "lg" | undefined;
     isRounded?: boolean | "true" | undefined;
@@ -624,6 +629,11 @@ export declare const StyledHandle: 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;

package/dist/components/sortable/index.d.ts

@@ -1,7 +1,7 @@
 export declare const Sortable: {
     Root: {
-        ({ sortableIds, onSortChange, children }: React.PropsWithChildren<{
-            sortableIds: React.ReactText[];
+        ({ sortableIds, onSortChange, children }: import("react").PropsWithChildren<{
+            sortableIds: import("react").ReactText[];
             onSortChange: (onSortChangeData: {
                 order: import("@dnd-kit/core").UniqueIdentifier[];
                 oldIndex: number;
@@ -11,7 +11,7 @@ export declare const Sortable: {
         displayName: string;
     };
     Item: {
-        ({ id, asChild, css, isDragHandle, disabled, ...rest }: React.PropsWithChildren<import("./SortableItem").TSortableItemProps>): import("react").JSX.Element;
+        ({ id, asChild, css, isDragHandle, disabled, ...rest }: import("react").PropsWithChildren<import("./SortableItem").TSortableItemProps>): import("react").JSX.Element;
         displayName: string;
     };
     Handle: {

package/dist/components/spacer/Spacer.d.ts

@@ -235,6 +235,11 @@ export declare const Spacer: 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/stepper/StepperStepBullet.d.ts

@@ -237,6 +237,11 @@ export declare const StepperStepBullet: import("@atom-learning/stitches-react/ty
         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 @@ export declare const StepperStepBullet: import("@atom-learning/stitches-react/ty
         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/stepper/StepperStepContainer.d.ts

@@ -237,6 +237,11 @@ export declare const StepperStepContainer: 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;
@@ -605,6 +610,11 @@ export declare const StepperStepContainer: 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/stepper/StepperStepLabel.d.ts

@@ -239,6 +239,11 @@ export declare const StepperStepLabel: 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;
@@ -371,7 +376,7 @@ export declare const StepperStepLabel: 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;
 }>, {
     direction?: "horizontal" | "vertical" | undefined;
     status?: "success" | "default" | "active" | "viewed" | "completed" | "reviewed" | undefined;
@@ -608,6 +613,11 @@ export declare const StepperStepLabel: 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/switch/Switch.d.ts

@@ -235,6 +235,11 @@ declare const StyledSwitch: 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/table/Table.d.ts

@@ -236,6 +236,11 @@ declare const StyledTable: 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;
@@ -616,6 +621,11 @@ export declare const Table: {
                     subjectNonVerbalReasoning: string;
                     subjectCreativeWriting: string;
                     subjectExamSkills: string;
+                    subjectGcseEnglishLiterature: string;
+                    subjectGcseMaths: string;
+                    subjectGcseChemistry: string;
+                    subjectGcsePhysics: string;
+                    subjectGcseBiology: string;
                     glBlueLight: string;
                     glBluePrimary: string;
                     glBlueDark: string;
@@ -983,6 +993,11 @@ export declare const Table: {
             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 Table: {
             subjectNonVerbalReasoning: string;
             subjectCreativeWriting: string;
             subjectExamSkills: string;
+            subjectGcseEnglishLiterature: string;
+            subjectGcseMaths: string;
+            subjectGcseChemistry: string;
+            subjectGcsePhysics: string;
+            subjectGcseBiology: string;
             glBlueLight: string;
             glBluePrimary: string;
             glBlueDark: string;
@@ -1711,6 +1731,11 @@ export declare const Table: {
             subjectNonVerbalReasoning: string;
             subjectCreativeWriting: string;
             subjectExamSkills: string;
+            subjectGcseEnglishLiterature: string;
+            subjectGcseMaths: string;
+            subjectGcseChemistry: string;
+            subjectGcsePhysics: string;
+            subjectGcseBiology: string;
             glBlueLight: string;
             glBluePrimary: string;
             glBlueDark: string;
@@ -2082,6 +2107,11 @@ export declare const Table: {
                     subjectNonVerbalReasoning: string;
                     subjectCreativeWriting: string;
                     subjectExamSkills: string;
+                    subjectGcseEnglishLiterature: string;
+                    subjectGcseMaths: string;
+                    subjectGcseChemistry: string;
+                    subjectGcsePhysics: string;
+                    subjectGcseBiology: string;
                     glBlueLight: string;
                     glBluePrimary: string;
                     glBlueDark: string;
@@ -2449,6 +2479,11 @@ export declare const Table: {
             subjectNonVerbalReasoning: string;
             subjectCreativeWriting: string;
             subjectExamSkills: string;
+            subjectGcseEnglishLiterature: string;
+            subjectGcseMaths: string;
+            subjectGcseChemistry: string;
+            subjectGcsePhysics: string;
+            subjectGcseBiology: string;
             glBlueLight: string;
             glBluePrimary: string;
             glBlueDark: string;
@@ -2816,6 +2851,11 @@ export declare const Table: {
                 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/table/TableBody.d.ts

@@ -234,6 +234,11 @@ declare const StyledTableBody: 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;

package/dist/components/table/TableCell.d.ts

@@ -231,6 +231,11 @@ export declare const TableCell: import("@atom-learning/stitches-react/types/styl
         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/table/TableFooter.d.ts

@@ -231,6 +231,11 @@ export declare const TableFooter: 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;

package/dist/components/table/TableFooterCell.d.ts

@@ -231,6 +231,11 @@ export declare const TableFooterCell: 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/table/TableHeader.d.ts

@@ -242,6 +242,11 @@ declare const StyledTableHeader: 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/table/TableHeaderCell.d.ts

@@ -231,6 +231,11 @@ export declare const TableHeaderCell: 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/table/TableRow.d.ts

@@ -232,6 +232,11 @@ export declare const StyledRow: import("@atom-learning/stitches-react/types/styl
         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/tabs/Tabs.d.ts

@@ -232,6 +232,11 @@ export declare const Tabs: 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;
@@ -597,6 +602,11 @@ export declare const Tabs: 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;
@@ -966,6 +976,11 @@ export declare const Tabs: 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;
@@ -1333,6 +1348,11 @@ export declare const Tabs: 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;

package/dist/components/tabs/TabsContent.d.ts

@@ -231,6 +231,11 @@ export declare const TabsContent: 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;

package/dist/components/tabs/TabsTrigger.d.ts

@@ -233,6 +233,11 @@ export declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<Omit<impo
             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/tabs/TabsTriggerList.d.ts

@@ -233,6 +233,11 @@ declare const StyledTriggerList: 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/text/Text.d.ts

@@ -274,6 +274,11 @@ export declare const StyledText: 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/textarea/Textarea.d.ts

@@ -1,6 +1,5 @@
 import * as React from 'react';
 declare const StyledTextarea: import("@atom-learning/stitches-react/types/styled-component").StyledComponent<"textarea", {
-    appearance?: "standard" | "modern" | undefined;
     state?: "error" | undefined;
 }, {
     sm: string;
@@ -235,6 +234,11 @@ declare const StyledTextarea: 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/textarea/Textarea.js

@@ -1,2 +1,2 @@
-import*as e from"react";import{styled as n}from"../../stitches.js";const t=n("textarea",{boxShadow:"none",fontSize:"$md",appearance:"none",boxSizing:"border-box",color:"$grey1000",fontFamily:"$body",fontWeight:400,lineHeight:1.4,m:0,minHeight:"$7",px:"$3",py:"calc($2 + $1)",resize:"vertical",width:"100%","&[disabled]":{backgroundColor:"$grey200",color:"$grey800",cursor:"not-allowed"},"&::placeholder":{color:"$grey700",opacity:1},variants:{appearance:{standard:{background:"white",border:"1px solid $grey800",borderRadius:"$0","&:focus-within":{borderColor:"$primary800",outline:"none"}},modern:{background:"$grey100",border:"none",borderRadius:"$1","&:focus-within":{outline:"2px solid $blue800",outlineOffset:1,zIndex:1}}},state:{error:{}}},defaultVariants:{appearance:"standard"},compoundVariants:[{state:"error",appearance:"standard",css:{borderColor:"$danger"}},{state:"error",appearance:"modern",css:{bg:"$dangerLight","&:focus-within":{outlineColor:"$danger"}}}]}),r=e.forwardRef((o,a)=>e.createElement(t,{...o,ref:a}));r.displayName="Textarea";export{r as Textarea};
+import*as e from"react";import{styled as t}from"../../stitches.js";const i=t("textarea",{boxShadow:"none",fontSize:"$md",appearance:"none",border:"1px solid $grey800",borderRadius:"$0",boxSizing:"border-box",color:"$grey1000",fontFamily:"$body",fontWeight:400,lineHeight:1.4,minHeight:"$7",px:"$3",py:"calc($2 + $1)",resize:"vertical",transition:"all 75ms ease-out",width:"100%","&:focus":{borderColor:"$primary800",outline:"none"},"&[disabled]":{backgroundColor:"$grey200",color:"$grey800",cursor:"not-allowed"},"&::placeholder":{color:"$grey700",opacity:1},variants:{state:{error:{border:"1px solid $danger"}}}}),o=e.forwardRef((r,a)=>e.createElement(i,{...r,ref:a}));o.displayName="Textarea";export{o as Textarea};
 //# sourceMappingURL=Textarea.js.map

package/dist/components/textarea/Textarea.js.map

@@ -1 +1 @@
-{"version":3,"file":"Textarea.js","sources":["../../../src/components/textarea/Textarea.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/stitches'\n\nconst StyledTextarea = styled('textarea', {\n  boxShadow: 'none', // remove iOS default styling\n  fontSize: '$md', // prevent iOS zooming on focus\n  appearance: 'none',\n  boxSizing: 'border-box',\n  color: '$grey1000',\n  fontFamily: '$body',\n  fontWeight: 400,\n  lineHeight: 1.4,\n  m: 0,\n  minHeight: '$7',\n  px: '$3',\n  py: 'calc($2 + $1)', // offset the line height of the text\n  resize: 'vertical',\n  width: '100%',\n  '&[disabled]': {\n    backgroundColor: '$grey200',\n    color: '$grey800',\n    cursor: 'not-allowed'\n  },\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: '$primary800',\n          outline: 'none'\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    state: {\n      error: {}\n    }\n  },\n  defaultVariants: {\n    appearance: 'standard'\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\nexport type TextareaProps = React.ComponentProps<typeof StyledTextarea>\n\nexport const Textarea: React.ForwardRefExoticComponent<TextareaProps> =\n  React.forwardRef((props, ref) => <StyledTextarea {...props} ref={ref} />)\n\nTextarea.displayName = 'Textarea'\n"],"names":["StyledTextarea","styled","Textarea","React","props","ref"],"mappings":"mEAIA,MAAMA,EAAiBC,EAAO,WAAY,CACxC,UAAW,OACX,SAAU,MACV,WAAY,OACZ,UAAW,aACX,MAAO,YACP,WAAY,QACZ,WAAY,IACZ,WAAY,IACZ,EAAG,EACH,UAAW,KACX,GAAI,KACJ,GAAI,gBACJ,OAAQ,WACR,MAAO,OACP,cAAe,CACb,gBAAiB,WACjB,MAAO,WACP,OAAQ,aACV,EACA,iBAAkB,CAChB,MAAO,WACP,QAAS,CACX,EACA,SAAU,CACR,WAAY,CACV,SAAU,CACR,WAAY,QACZ,OAAQ,qBACR,aAAc,KACd,iBAAkB,CAChB,YAAa,cACb,QAAS,MACX,CACF,EACA,OAAQ,CACN,WAAY,WACZ,OAAQ,OACR,aAAc,KACd,iBAAkB,CAChB,QAAS,qBACT,cAAe,EACf,OAAQ,CACV,CACF,CACF,EACA,MAAO,CACL,MAAO,CAAA,CACT,CACF,EACA,gBAAiB,CACf,WAAY,UACd,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,EAIYC,EACXC,EAAM,WAAW,CAACC,EAAOC,IAAQF,EAAA,cAACH,EAAA,CAAgB,GAAGI,EAAO,IAAKC,CAAAA,CAAK,CAAE,EAE1EH,EAAS,YAAc"}
+{"version":3,"file":"Textarea.js","sources":["../../../src/components/textarea/Textarea.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/stitches'\n\nconst StyledTextarea = styled('textarea', {\n  boxShadow: 'none', // remove iOS default styling\n  fontSize: '$md', // prevent iOS zooming on focus\n  appearance: 'none',\n  border: '1px solid $grey800',\n  borderRadius: '$0',\n  boxSizing: 'border-box',\n  color: '$grey1000',\n  fontFamily: '$body',\n  fontWeight: 400,\n  lineHeight: 1.4,\n  minHeight: '$7',\n  px: '$3',\n  py: 'calc($2 + $1)', // offset the line height of the text\n  resize: 'vertical',\n  transition: 'all 75ms ease-out',\n  width: '100%',\n  '&:focus': {\n    borderColor: '$primary800',\n    outline: 'none'\n  },\n  '&[disabled]': {\n    backgroundColor: '$grey200',\n    color: '$grey800',\n    cursor: 'not-allowed'\n  },\n  '&::placeholder': {\n    color: '$grey700',\n    opacity: 1\n  },\n  variants: {\n    state: {\n      error: {\n        border: '1px solid $danger'\n      }\n    }\n  }\n})\n\nexport type TextareaProps = React.ComponentProps<typeof StyledTextarea>\n\nexport const Textarea: React.ForwardRefExoticComponent<TextareaProps> =\n  React.forwardRef((props, ref) => <StyledTextarea {...props} ref={ref} />)\n\nTextarea.displayName = 'Textarea'\n"],"names":["StyledTextarea","styled","Textarea","React","props","ref"],"mappings":"mEAIA,MAAMA,EAAiBC,EAAO,WAAY,CACxC,UAAW,OACX,SAAU,MACV,WAAY,OACZ,OAAQ,qBACR,aAAc,KACd,UAAW,aACX,MAAO,YACP,WAAY,QACZ,WAAY,IACZ,WAAY,IACZ,UAAW,KACX,GAAI,KACJ,GAAI,gBACJ,OAAQ,WACR,WAAY,oBACZ,MAAO,OACP,UAAW,CACT,YAAa,cACb,QAAS,MACX,EACA,cAAe,CACb,gBAAiB,WACjB,MAAO,WACP,OAAQ,aACV,EACA,iBAAkB,CAChB,MAAO,WACP,QAAS,CACX,EACA,SAAU,CACR,MAAO,CACL,MAAO,CACL,OAAQ,mBACV,CACF,CACF,CACF,CAAC,EAIYC,EACXC,EAAM,WAAW,CAACC,EAAOC,IAAQF,EAAA,cAACH,EAAA,CAAgB,GAAGI,EAAO,IAAKC,CAAK,CAAA,CAAE,EAE1EH,EAAS,YAAc"}

package/dist/components/textarea-field/TextareaField.d.ts

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

package/dist/components/textarea-field/TextareaField.js

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

package/dist/components/textarea-field/TextareaField.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextareaField.js","sources":["../../../src/components/textarea-field/TextareaField.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 { Textarea, TextareaProps } from '~/components/textarea'\n\ntype TextareaFieldProps = TextareaProps & FieldElementWrapperProps\n\nexport const TextareaField = ({\n  css = undefined,\n  hideLabel,\n  label,\n  name,\n  validation,\n  prompt,\n  description,\n  appearance,\n  ...remainingProps\n}: TextareaFieldProps) => {\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      <Textarea\n        id={name}\n        name={name}\n        ref={ref}\n        appearance={formAppearance}\n        {...(error && { state: 'error' })}\n        {...remainingProps}\n      />\n    </FieldWrapper>\n  )\n}\n\nTextareaField.displayName = 'TextareaField'\n"],"names":["TextareaField","css","hideLabel","label","name","validation","prompt","description","appearance","remainingProps","register","useFormContext","context","useFormCustomContext","error","useFieldError","ref","formAppearance","React","FieldWrapper","Textarea"],"mappings":"mYAYa,MAAAA,EAAgB,CAAC,CAC5B,IAAAC,EAAM,OACN,UAAAC,EACA,MAAAC,EACA,KAAAC,EACA,WAAAC,EACA,OAAAC,EACA,YAAAC,EACA,WAAAC,KACGC,CACL,IAA0B,CACxB,KAAM,CAAE,SAAAC,CAAS,EAAIC,EACfC,EAAAA,EAAUC,IACV,CAAE,MAAAC,CAAM,EAAIC,EAAcX,CAAI,EAC9BY,EAAMX,EAAaK,EAASL,CAAU,EAAIK,EAC1CO,GAAiBL,GAAA,KAAA,OAAAA,EAAS,aAAcJ,EAE9C,OACEU,EAAA,cAACC,EAAA,CACC,IAAKlB,EACL,YAAaM,EACb,MAAOO,EACP,QAASV,EACT,UAAWF,EACX,MAAOC,EACP,OAAQG,EACR,SAAU,QAAQD,GAAA,KAAA,OAAAA,EAAY,QAAQ,EACtC,WAAYY,CAEZC,EAAAA,EAAA,cAACE,EAAA,CACC,GAAIhB,EACJ,KAAMA,EACN,IAAKY,EACL,WAAYC,EACX,GAAIH,GAAS,CAAE,MAAO,OAAQ,EAC9B,GAAGL,CACN,CAAA,CACF,CAEJ,EAEAT,EAAc,YAAc"}
+{"version":3,"file":"TextareaField.js","sources":["../../../src/components/textarea-field/TextareaField.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 { Textarea, TextareaProps } from '~/components/textarea'\n\ntype TextareaFieldProps = TextareaProps & FieldElementWrapperProps\n\nexport const TextareaField = ({\n  css = undefined,\n  hideLabel,\n  label,\n  name,\n  validation,\n  prompt,\n  description,\n  ...remainingProps\n}: TextareaFieldProps) => {\n  const { register } = useFormContext()\n  const { error } = useFieldError(name)\n\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      <Textarea\n        id={name}\n        name={name}\n        ref={ref}\n        {...(error && { state: 'error' })}\n        {...remainingProps}\n      />\n    </FieldWrapper>\n  )\n}\n\nTextareaField.displayName = 'TextareaField'\n"],"names":["TextareaField","css","hideLabel","label","name","validation","prompt","description","remainingProps","register","useFormContext","error","useFieldError","ref","React","FieldWrapper","Textarea"],"mappings":"4TAYO,MAAMA,EAAgB,CAAC,CAC5B,IAAAC,EAAM,OACN,UAAAC,EACA,MAAAC,EACA,KAAAC,EACA,WAAAC,EACA,OAAAC,EACA,YAAAC,KACGC,CACL,IAA0B,CACxB,KAAM,CAAE,SAAAC,CAAS,EAAIC,EAAe,EAC9B,CAAE,MAAAC,CAAM,EAAIC,EAAcR,CAAI,EAE9BS,EAAMR,EAAaI,EAASJ,CAAU,EAAII,EAEhD,OACEK,EAAA,cAACC,EAAA,CACC,IAAKd,EACL,YAAaM,EACb,MAAOI,EACP,QAASP,EACT,UAAWF,EACX,MAAOC,EACP,OAAQG,EACR,SAAU,QAAQD,GAAA,YAAAA,EAAY,QAAQ,CAEtCS,EAAAA,EAAA,cAACE,EAAA,CACC,GAAIZ,EACJ,KAAMA,EACN,IAAKS,EACJ,GAAIF,GAAS,CAAE,MAAO,OAAQ,EAC9B,GAAGH,EACN,CACF,CAEJ,EAEAR,EAAc,YAAc"}

package/dist/components/tile/Tile.d.ts

@@ -3,7 +3,6 @@ import { TcolorScheme } from '../../experiments/color-scheme';
 export declare const StyledTile: import("@atom-learning/stitches-react/types/styled-component").StyledComponent<"div", {
     borderRadius?: "sm" | "md" | "lg" | undefined;
     border?: boolean | "true" | undefined;
-    diffused?: boolean | "true" | undefined;
 }, {
     sm: string;
     md: string;
@@ -237,6 +236,11 @@ export declare const StyledTile: 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/tile/Tile.js

@@ -1,2 +1,2 @@
-import r from"react";import{ColorScheme as d}from"../../experiments/color-scheme/ColorScheme.js";import{styled as s}from"../../stitches.js";const e=s("div",{all:"unset",boxSizing:"border-box",display:"flex",flexDirection:"column",position:"relative",border:"1px solid",bg:"$base1",color:"$foreground",borderColor:"transparent",variants:{borderRadius:{sm:{borderRadius:"$0"},md:{borderRadius:"$1"},lg:{borderRadius:"$3"}},border:{true:{borderColor:"$base3"}},diffused:{true:{"@supports (background-color: color-mix(in hsl, white 50%, transparent))":{bg:"color-mix(in hsl, $base1 70%, transparent)",backdropFilter:"blur(8px)"}}}}}),o=r.forwardRef(({children:i,colorScheme:l={},...t},a)=>r.createElement(d,{asChild:!0,base:"grey1",accent:"primary2",interactive:"loContrast",...l},r.createElement(e,{ref:a,...t},i)));o.displayName="Tile";export{e as StyledTile,o as Tile};
+import e from"react";import{ColorScheme as t}from"../../experiments/color-scheme/ColorScheme.js";import{styled as s}from"../../stitches.js";const r=s("div",{all:"unset",boxSizing:"border-box",display:"flex",flexDirection:"column",position:"relative",border:"1px solid",bg:"$base1",color:"$foreground",borderColor:"transparent",variants:{borderRadius:{sm:{borderRadius:"$0"},md:{borderRadius:"$1"},lg:{borderRadius:"$3"}},border:{true:{borderColor:"$base3"}}}}),o=e.forwardRef(({children:i,colorScheme:l={},...a},d)=>e.createElement(t,{asChild:!0,base:"grey1",accent:"primary2",interactive:"loContrast",...l},e.createElement(r,{ref:d,...a},i)));o.displayName="Tile";export{r as StyledTile,o as Tile};
 //# sourceMappingURL=Tile.js.map

package/dist/components/tile/Tile.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tile.js","sources":["../../../src/components/tile/Tile.tsx"],"sourcesContent":["import React from 'react'\n\nimport { ColorScheme, TcolorScheme } from '~/experiments/color-scheme'\nimport { styled } from '~/stitches'\n\nexport const StyledTile = styled('div', {\n  all: 'unset', // important for buttons etc\n  boxSizing: 'border-box',\n  display: 'flex',\n  flexDirection: 'column',\n  position: 'relative', // for pseudo-elements\n  border: '1px solid',\n  bg: '$base1',\n  color: '$foreground',\n  borderColor: 'transparent',\n  variants: {\n    borderRadius: {\n      sm: { borderRadius: '$0' },\n      md: { borderRadius: '$1' },\n      lg: { borderRadius: '$3' }\n    },\n    border: {\n      true: { borderColor: '$base3' }\n    },\n    diffused: {\n      true: {\n        '@supports (background-color: color-mix(in hsl, white 50%, transparent))':\n          {\n            bg: 'color-mix(in hsl, $base1 70%, transparent)',\n            backdropFilter: 'blur(8px)'\n          }\n      }\n    }\n  }\n})\n\ntype TTileProps = React.ComponentProps<typeof StyledTile> & {\n  colorScheme?: TcolorScheme\n}\n\nexport const Tile: React.ForwardRefExoticComponent<TTileProps> =\n  React.forwardRef(({ children, colorScheme = {}, ...rest }, ref) => (\n    <ColorScheme\n      asChild\n      base=\"grey1\"\n      accent=\"primary2\"\n      interactive=\"loContrast\"\n      {...colorScheme}\n    >\n      <StyledTile ref={ref} {...rest}>\n        {children}\n      </StyledTile>\n    </ColorScheme>\n  ))\n\nTile.displayName = 'Tile'\n"],"names":["StyledTile","styled","Tile","React","children","colorScheme","rest","ref","ColorScheme"],"mappings":"4IAKO,MAAMA,EAAaC,EAAO,MAAO,CACtC,IAAK,QACL,UAAW,aACX,QAAS,OACT,cAAe,SACf,SAAU,WACV,OAAQ,YACR,GAAI,SACJ,MAAO,cACP,YAAa,cACb,SAAU,CACR,aAAc,CACZ,GAAI,CAAE,aAAc,IAAK,EACzB,GAAI,CAAE,aAAc,IAAK,EACzB,GAAI,CAAE,aAAc,IAAK,CAC3B,EACA,OAAQ,CACN,KAAM,CAAE,YAAa,QAAS,CAChC,EACA,SAAU,CACR,KAAM,CACJ,0EACE,CACE,GAAI,6CACJ,eAAgB,WAClB,CACJ,CACF,CACF,CACF,CAAC,EAMYC,EACXC,EAAM,WAAW,CAAC,CAAE,SAAAC,EAAU,YAAAC,EAAc,CAAC,KAAMC,CAAK,EAAGC,IACzDJ,EAAA,cAACK,EAAA,CACC,QAAO,GACP,KAAK,QACL,OAAO,WACP,YAAY,aACX,GAAGH,CAAAA,EAEJF,EAAA,cAACH,EAAW,CAAA,IAAKO,EAAM,GAAGD,CACvBF,EAAAA,CACH,CACF,CACD,EAEHF,EAAK,YAAc"}
+{"version":3,"file":"Tile.js","sources":["../../../src/components/tile/Tile.tsx"],"sourcesContent":["import React from 'react'\n\nimport { ColorScheme, TcolorScheme } from '~/experiments/color-scheme'\nimport { styled } from '~/stitches'\n\nexport const StyledTile = styled('div', {\n  all: 'unset', // important for buttons etc\n  boxSizing: 'border-box',\n  display: 'flex',\n  flexDirection: 'column',\n  position: 'relative', // for pseudo-elements\n  border: '1px solid',\n  bg: '$base1',\n  color: '$foreground',\n  borderColor: 'transparent',\n  variants: {\n    borderRadius: {\n      sm: { borderRadius: '$0' },\n      md: { borderRadius: '$1' },\n      lg: { borderRadius: '$3' }\n    },\n    border: {\n      true: { borderColor: '$base3' }\n    }\n  }\n})\n\ntype TTileProps = React.ComponentProps<typeof StyledTile> & {\n  colorScheme?: TcolorScheme\n}\n\nexport const Tile: React.ForwardRefExoticComponent<TTileProps> =\n  React.forwardRef(({ children, colorScheme = {}, ...rest }, ref) => (\n    <ColorScheme\n      asChild\n      base=\"grey1\"\n      accent=\"primary2\"\n      interactive=\"loContrast\"\n      {...colorScheme}\n    >\n      <StyledTile ref={ref} {...rest}>\n        {children}\n      </StyledTile>\n    </ColorScheme>\n  ))\n\nTile.displayName = 'Tile'\n"],"names":["StyledTile","styled","Tile","React","children","colorScheme","rest","ref","ColorScheme"],"mappings":"4IAKO,MAAMA,EAAaC,EAAO,MAAO,CACtC,IAAK,QACL,UAAW,aACX,QAAS,OACT,cAAe,SACf,SAAU,WACV,OAAQ,YACR,GAAI,SACJ,MAAO,cACP,YAAa,cACb,SAAU,CACR,aAAc,CACZ,GAAI,CAAE,aAAc,IAAK,EACzB,GAAI,CAAE,aAAc,IAAK,EACzB,GAAI,CAAE,aAAc,IAAK,CAC3B,EACA,OAAQ,CACN,KAAM,CAAE,YAAa,QAAS,CAChC,CACF,CACF,CAAC,EAMYC,EACXC,EAAM,WAAW,CAAC,CAAE,SAAAC,EAAU,YAAAC,EAAc,MAAOC,CAAK,EAAGC,IACzDJ,EAAA,cAACK,EAAA,CACC,QAAO,GACP,KAAK,QACL,OAAO,WACP,YAAY,aACX,GAAGH,CAAAA,EAEJF,EAAA,cAACH,EAAA,CAAW,IAAKO,EAAM,GAAGD,CAAAA,EACvBF,CACH,CACF,CACD,EAEHF,EAAK,YAAc"}

package/dist/components/tile/TileGroup.d.ts

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