@atom-learning/components 2.63.1 → 2.65.0

package/dist/components/empty-state/EmptyStateTitle.d.ts

@@ -59,6 +59,102 @@ export declare const EmptyStateTitle: import("@stitches/react/types/styled-compo
         purple1000: any;
         purple1100: any;
         purple1200: any;
+        cyan100: any;
+        cyan200: any;
+        cyan300: any;
+        cyan400: any;
+        cyan500: any;
+        cyan600: any;
+        cyan700: any;
+        cyan800: any;
+        cyan900: any;
+        cyan1000: any;
+        cyan1100: any;
+        cyan1200: any;
+        green100: any;
+        green200: any;
+        green300: any;
+        green400: any;
+        green500: any;
+        green600: any;
+        green700: any;
+        green800: any;
+        green900: any;
+        green1000: any;
+        green1100: any;
+        green1200: any;
+        magenta100: any;
+        magenta200: any;
+        magenta300: any;
+        magenta400: any;
+        magenta500: any;
+        magenta600: any;
+        magenta700: any;
+        magenta800: any;
+        magenta900: any;
+        magenta1000: any;
+        magenta1100: any;
+        magenta1200: any;
+        red100: any;
+        red200: any;
+        red300: any;
+        red400: any;
+        red500: any;
+        red600: any;
+        red700: any;
+        red800: any;
+        red900: any;
+        red1000: any;
+        red1100: any;
+        red1200: any;
+        teal100: any;
+        teal200: any;
+        teal300: any;
+        teal400: any;
+        teal500: any;
+        teal600: any;
+        teal700: any;
+        teal800: any;
+        teal900: any;
+        teal1000: any;
+        teal1100: any;
+        teal1200: any;
+        orange100: any;
+        orange200: any;
+        orange300: any;
+        orange400: any;
+        orange500: any;
+        orange600: any;
+        orange700: any;
+        orange800: any;
+        orange900: any;
+        orange1000: any;
+        orange1100: any;
+        orange1200: any;
+        yellow100: any;
+        yellow200: any;
+        yellow300: any;
+        yellow400: any;
+        yellow500: any;
+        yellow600: any;
+        yellow700: any;
+        yellow800: any;
+        yellow900: any;
+        yellow1000: any;
+        yellow1100: any;
+        yellow1200: any;
+        lime100: any;
+        lime200: any;
+        lime300: any;
+        lime400: any;
+        lime500: any;
+        lime600: any;
+        lime700: any;
+        lime800: any;
+        lime900: any;
+        lime1000: any;
+        lime1100: any;
+        lime1200: any;
         tonal50: any;
         tonal100: any;
         tonal200: any;
@@ -104,6 +200,9 @@ export declare const EmptyStateTitle: import("@stitches/react/types/styled-compo
         subjectNonVerbalReasoning: any;
         subjectCreativeWriting: any;
         subjectExamSkills: any;
+        glBlueLight: any;
+        glBluePrimary: any;
+        glBlueDark: any;
     };
     space: {
         "0": any;

package/dist/components/flex/Flex.d.ts

@@ -1,4 +1,10 @@
-export declare const Flex: import("@stitches/react/types/styled-component").StyledComponent<"div", {}, {
+export declare const Flex: import("@stitches/react/types/styled-component").StyledComponent<"div", {
+    direction?: "inherit" | "initial" | "revert" | "unset" | "row" | "column" | "column-reverse" | "row-reverse" | "revert-layer" | undefined;
+    wrap?: "inherit" | "initial" | "revert" | "unset" | "nowrap" | "wrap" | "wrap-reverse" | "revert-layer" | undefined;
+    justify?: "center" | "left" | "right" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "space-around" | "space-between" | "space-evenly" | "end" | "flex-end" | "flex-start" | "start" | "normal" | "revert-layer" | "unsafe" | "safe" | undefined;
+    align?: "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | "normal" | "self-end" | "self-start" | "revert-layer" | "unsafe" | "safe" | "first baseline" | "last baseline" | undefined;
+    gap?: number | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "24" | undefined;
+}, {
     sm: string;
     md: string;
     lg: string;
@@ -57,6 +63,102 @@ export declare const Flex: import("@stitches/react/types/styled-component").Styl
         purple1000: any;
         purple1100: any;
         purple1200: any;
+        cyan100: any;
+        cyan200: any;
+        cyan300: any;
+        cyan400: any;
+        cyan500: any;
+        cyan600: any;
+        cyan700: any;
+        cyan800: any;
+        cyan900: any;
+        cyan1000: any;
+        cyan1100: any;
+        cyan1200: any;
+        green100: any;
+        green200: any;
+        green300: any;
+        green400: any;
+        green500: any;
+        green600: any;
+        green700: any;
+        green800: any;
+        green900: any;
+        green1000: any;
+        green1100: any;
+        green1200: any;
+        magenta100: any;
+        magenta200: any;
+        magenta300: any;
+        magenta400: any;
+        magenta500: any;
+        magenta600: any;
+        magenta700: any;
+        magenta800: any;
+        magenta900: any;
+        magenta1000: any;
+        magenta1100: any;
+        magenta1200: any;
+        red100: any;
+        red200: any;
+        red300: any;
+        red400: any;
+        red500: any;
+        red600: any;
+        red700: any;
+        red800: any;
+        red900: any;
+        red1000: any;
+        red1100: any;
+        red1200: any;
+        teal100: any;
+        teal200: any;
+        teal300: any;
+        teal400: any;
+        teal500: any;
+        teal600: any;
+        teal700: any;
+        teal800: any;
+        teal900: any;
+        teal1000: any;
+        teal1100: any;
+        teal1200: any;
+        orange100: any;
+        orange200: any;
+        orange300: any;
+        orange400: any;
+        orange500: any;
+        orange600: any;
+        orange700: any;
+        orange800: any;
+        orange900: any;
+        orange1000: any;
+        orange1100: any;
+        orange1200: any;
+        yellow100: any;
+        yellow200: any;
+        yellow300: any;
+        yellow400: any;
+        yellow500: any;
+        yellow600: any;
+        yellow700: any;
+        yellow800: any;
+        yellow900: any;
+        yellow1000: any;
+        yellow1100: any;
+        yellow1200: any;
+        lime100: any;
+        lime200: any;
+        lime300: any;
+        lime400: any;
+        lime500: any;
+        lime600: any;
+        lime700: any;
+        lime800: any;
+        lime900: any;
+        lime1000: any;
+        lime1100: any;
+        lime1200: any;
         tonal50: any;
         tonal100: any;
         tonal200: any;
@@ -102,6 +204,9 @@ export declare const Flex: import("@stitches/react/types/styled-component").Styl
         subjectNonVerbalReasoning: any;
         subjectCreativeWriting: any;
         subjectExamSkills: any;
+        glBlueLight: any;
+        glBluePrimary: any;
+        glBlueDark: any;
     };
     space: {
         "0": any;

package/dist/components/flex/Flex.js

@@ -1,2 +1,2 @@
-import{styled as l}from"../../stitches.js";const e=l("div",{display:"flex"});e.displayName="Flex";export{e as Flex};
+import{styled as l}from"../../stitches.js";import{createThemeVariants as o}from"../../utilities/create-theme-variants/createThemeVariants.js";import"../../utilities/css-wrapper/CSSWrapper.js";import"../../utilities/no-overflow-wrapper/NoOverflowWrapper.js";import"color2k";import"../../utilities/style/keyframe-animations.js";const r=(e,n)=>e.reduce((i,a)=>({...i,[a]:n(a)}),{}),t=["inherit","initial","revert","revert-layer","unset"],s=l("div",{display:"flex",variants:{direction:r([...t,"row","row-reverse","column","column-reverse"],e=>({flexDirection:e})),wrap:r([...t,"nowrap","wrap","wrap-reverse"],e=>({flexWrap:e})),justify:r([...t,"normal","unsafe","safe","start","center","end","flex-start","flex-end","left","right","space-between","space-around","space-evenly","stretch"],e=>({justifyContent:e})),align:r([...t,"normal","unsafe","safe","center","start","end","self-start","self-end","flex-start","flex-end","baseline","first baseline","last baseline","stretch"],e=>({alignItems:e})),gap:o("space",{gap:"$key"})}});s.displayName="Flex";export{s as Flex};
 //# sourceMappingURL=Flex.js.map

package/dist/components/flex/Flex.js.map

@@ -1 +1 @@
-{"version":3,"file":"Flex.js","sources":["../../../src/components/flex/Flex.tsx"],"sourcesContent":["import { styled } from '~/stitches'\n\nexport const Flex = styled('div', { display: 'flex' })\n\nFlex.displayName = 'Flex'\n"],"names":["Flex","styled"],"mappings":"2CAEO,MAAMA,EAAOC,EAAO,MAAO,CAAE,QAAS,MAAO,CAAC,EAErDD,EAAK,YAAc"}
+{"version":3,"file":"Flex.js","sources":["../../../src/components/flex/Flex.tsx"],"sourcesContent":["import { CSS, styled } from '~/stitches'\nimport { createThemeVariants } from '~/utilities'\n\nconst createVariants = <T extends GlobalValue[]>(\n  variants: T,\n  fn: (string: T[number]) => CSS\n) => {\n  return variants.reduce(\n    (prev, variant) => ({ ...prev, [variant]: fn(variant) }),\n    {} as Record<T[number], CSS>\n  )\n}\n\nconst globalValues = [\n  'inherit',\n  'initial',\n  'revert',\n  'revert-layer',\n  'unset'\n] as const\n\n/*\n * The following type is partially a hack to get the rest of the createVariants array parameter to be recognised as const.\n * Thus giving is the correct types generated for these generated variant props.\n * No clue how we can do it cleaner.\n * Mad props to: Elliot for getting this to working as is.\n *\n */\n// eslint-disable-next-line @typescript-eslint/ban-types\ntype GlobalValue = typeof globalValues[number] | (string & {})\n\nexport const Flex = styled('div', {\n  display: 'flex',\n  variants: {\n    direction: createVariants(\n      [...globalValues, 'row', 'row-reverse', 'column', 'column-reverse'],\n      (v) => {\n        return { flexDirection: v }\n      }\n    ),\n    wrap: createVariants(\n      [...globalValues, 'nowrap', 'wrap', 'wrap-reverse'],\n      (v) => {\n        return { flexWrap: v }\n      }\n    ),\n    // Why is both `start` and `flex-start` valid values? Answer: https://csslayout.news/whats-the-difference-between-the-alignment-values-of-start-flex-start-and-self-start/\n    justify: createVariants(\n      [\n        ...globalValues,\n        'normal',\n        'unsafe',\n        'safe',\n        'start',\n        'center',\n        'end',\n        'flex-start',\n        'flex-end',\n        'left',\n        'right',\n        'space-between',\n        'space-around',\n        'space-evenly',\n        'stretch'\n      ],\n      (v) => {\n        return { justifyContent: v }\n      }\n    ),\n    align: createVariants(\n      [\n        ...globalValues,\n        'normal',\n        'unsafe',\n        'safe',\n        'center',\n        'start',\n        'end',\n        'self-start',\n        'self-end',\n        'flex-start',\n        'flex-end',\n        'baseline',\n        'first baseline',\n        'last baseline',\n        'stretch'\n      ],\n      (v) => {\n        return { alignItems: v }\n      }\n    ),\n    gap: createThemeVariants('space', { gap: '$key' })\n  }\n})\n\nFlex.displayName = 'Flex'\n"],"names":["createVariants","variants","fn","prev","variant","globalValues","Flex","styled","v","createThemeVariants"],"mappings":"sUAGA,MAAMA,EAAiB,CACrBC,EACAC,IAEOD,EAAS,OACd,CAACE,EAAMC,KAAa,CAAE,GAAGD,EAAM,CAACC,GAAUF,EAAGE,CAAO,CAAE,GACtD,CAAA,CACF,EAGIC,EAAe,CACnB,UACA,UACA,SACA,eACA,OACF,EAYaC,EAAOC,EAAO,MAAO,CAChC,QAAS,OACT,SAAU,CACR,UAAWP,EACT,CAAC,GAAGK,EAAc,MAAO,cAAe,SAAU,gBAAgB,EACjEG,IACQ,CAAE,cAAeA,CAAE,EAE9B,EACA,KAAMR,EACJ,CAAC,GAAGK,EAAc,SAAU,OAAQ,cAAc,EACjDG,IACQ,CAAE,SAAUA,CAAE,EAEzB,EAEA,QAASR,EACP,CACE,GAAGK,EACH,SACA,SACA,OACA,QACA,SACA,MACA,aACA,WACA,OACA,QACA,gBACA,eACA,eACA,SACF,EACCG,IACQ,CAAE,eAAgBA,CAAE,EAE/B,EACA,MAAOR,EACL,CACE,GAAGK,EACH,SACA,SACA,OACA,SACA,QACA,MACA,aACA,WACA,aACA,WACA,WACA,iBACA,gBACA,SACF,EACCG,IACQ,CAAE,WAAYA,CAAE,EAE3B,EACA,IAAKC,EAAoB,QAAS,CAAE,IAAK,MAAO,CAAC,CACnD,CACF,CAAC,EAEDH,EAAK,YAAc"}

package/dist/components/form/Form.d.ts

@@ -59,6 +59,102 @@ declare const StyledForm: import("@stitches/react/types/styled-component").Style
         purple1000: any;
         purple1100: any;
         purple1200: any;
+        cyan100: any;
+        cyan200: any;
+        cyan300: any;
+        cyan400: any;
+        cyan500: any;
+        cyan600: any;
+        cyan700: any;
+        cyan800: any;
+        cyan900: any;
+        cyan1000: any;
+        cyan1100: any;
+        cyan1200: any;
+        green100: any;
+        green200: any;
+        green300: any;
+        green400: any;
+        green500: any;
+        green600: any;
+        green700: any;
+        green800: any;
+        green900: any;
+        green1000: any;
+        green1100: any;
+        green1200: any;
+        magenta100: any;
+        magenta200: any;
+        magenta300: any;
+        magenta400: any;
+        magenta500: any;
+        magenta600: any;
+        magenta700: any;
+        magenta800: any;
+        magenta900: any;
+        magenta1000: any;
+        magenta1100: any;
+        magenta1200: any;
+        red100: any;
+        red200: any;
+        red300: any;
+        red400: any;
+        red500: any;
+        red600: any;
+        red700: any;
+        red800: any;
+        red900: any;
+        red1000: any;
+        red1100: any;
+        red1200: any;
+        teal100: any;
+        teal200: any;
+        teal300: any;
+        teal400: any;
+        teal500: any;
+        teal600: any;
+        teal700: any;
+        teal800: any;
+        teal900: any;
+        teal1000: any;
+        teal1100: any;
+        teal1200: any;
+        orange100: any;
+        orange200: any;
+        orange300: any;
+        orange400: any;
+        orange500: any;
+        orange600: any;
+        orange700: any;
+        orange800: any;
+        orange900: any;
+        orange1000: any;
+        orange1100: any;
+        orange1200: any;
+        yellow100: any;
+        yellow200: any;
+        yellow300: any;
+        yellow400: any;
+        yellow500: any;
+        yellow600: any;
+        yellow700: any;
+        yellow800: any;
+        yellow900: any;
+        yellow1000: any;
+        yellow1100: any;
+        yellow1200: any;
+        lime100: any;
+        lime200: any;
+        lime300: any;
+        lime400: any;
+        lime500: any;
+        lime600: any;
+        lime700: any;
+        lime800: any;
+        lime900: any;
+        lime1000: any;
+        lime1100: any;
+        lime1200: any;
         tonal50: any;
         tonal100: any;
         tonal200: any;
@@ -104,6 +200,9 @@ declare const StyledForm: import("@stitches/react/types/styled-component").Style
         subjectNonVerbalReasoning: any;
         subjectCreativeWriting: any;
         subjectExamSkills: any;
+        glBlueLight: any;
+        glBluePrimary: any;
+        glBlueDark: any;
     };
     space: {
         "0": any;

package/dist/components/grid/Grid.d.ts

@@ -61,6 +61,102 @@ declare const GridContainer: import("@stitches/react/types/styled-component").St
         purple1000: any;
         purple1100: any;
         purple1200: any;
+        cyan100: any;
+        cyan200: any;
+        cyan300: any;
+        cyan400: any;
+        cyan500: any;
+        cyan600: any;
+        cyan700: any;
+        cyan800: any;
+        cyan900: any;
+        cyan1000: any;
+        cyan1100: any;
+        cyan1200: any;
+        green100: any;
+        green200: any;
+        green300: any;
+        green400: any;
+        green500: any;
+        green600: any;
+        green700: any;
+        green800: any;
+        green900: any;
+        green1000: any;
+        green1100: any;
+        green1200: any;
+        magenta100: any;
+        magenta200: any;
+        magenta300: any;
+        magenta400: any;
+        magenta500: any;
+        magenta600: any;
+        magenta700: any;
+        magenta800: any;
+        magenta900: any;
+        magenta1000: any;
+        magenta1100: any;
+        magenta1200: any;
+        red100: any;
+        red200: any;
+        red300: any;
+        red400: any;
+        red500: any;
+        red600: any;
+        red700: any;
+        red800: any;
+        red900: any;
+        red1000: any;
+        red1100: any;
+        red1200: any;
+        teal100: any;
+        teal200: any;
+        teal300: any;
+        teal400: any;
+        teal500: any;
+        teal600: any;
+        teal700: any;
+        teal800: any;
+        teal900: any;
+        teal1000: any;
+        teal1100: any;
+        teal1200: any;
+        orange100: any;
+        orange200: any;
+        orange300: any;
+        orange400: any;
+        orange500: any;
+        orange600: any;
+        orange700: any;
+        orange800: any;
+        orange900: any;
+        orange1000: any;
+        orange1100: any;
+        orange1200: any;
+        yellow100: any;
+        yellow200: any;
+        yellow300: any;
+        yellow400: any;
+        yellow500: any;
+        yellow600: any;
+        yellow700: any;
+        yellow800: any;
+        yellow900: any;
+        yellow1000: any;
+        yellow1100: any;
+        yellow1200: any;
+        lime100: any;
+        lime200: any;
+        lime300: any;
+        lime400: any;
+        lime500: any;
+        lime600: any;
+        lime700: any;
+        lime800: any;
+        lime900: any;
+        lime1000: any;
+        lime1100: any;
+        lime1200: any;
         tonal50: any;
         tonal100: any;
         tonal200: any;
@@ -106,6 +202,9 @@ declare const GridContainer: import("@stitches/react/types/styled-component").St
         subjectNonVerbalReasoning: any;
         subjectCreativeWriting: any;
         subjectExamSkills: any;
+        glBlueLight: any;
+        glBluePrimary: any;
+        glBlueDark: any;
     };
     space: {
         "0": any;

package/dist/components/heading/Heading.d.ts

@@ -62,6 +62,102 @@ export declare const StyledHeading: import("@stitches/react/types/styled-compone
         purple1000: any;
         purple1100: any;
         purple1200: any;
+        cyan100: any;
+        cyan200: any;
+        cyan300: any;
+        cyan400: any;
+        cyan500: any;
+        cyan600: any;
+        cyan700: any;
+        cyan800: any;
+        cyan900: any;
+        cyan1000: any;
+        cyan1100: any;
+        cyan1200: any;
+        green100: any;
+        green200: any;
+        green300: any;
+        green400: any;
+        green500: any;
+        green600: any;
+        green700: any;
+        green800: any;
+        green900: any;
+        green1000: any;
+        green1100: any;
+        green1200: any;
+        magenta100: any;
+        magenta200: any;
+        magenta300: any;
+        magenta400: any;
+        magenta500: any;
+        magenta600: any;
+        magenta700: any;
+        magenta800: any;
+        magenta900: any;
+        magenta1000: any;
+        magenta1100: any;
+        magenta1200: any;
+        red100: any;
+        red200: any;
+        red300: any;
+        red400: any;
+        red500: any;
+        red600: any;
+        red700: any;
+        red800: any;
+        red900: any;
+        red1000: any;
+        red1100: any;
+        red1200: any;
+        teal100: any;
+        teal200: any;
+        teal300: any;
+        teal400: any;
+        teal500: any;
+        teal600: any;
+        teal700: any;
+        teal800: any;
+        teal900: any;
+        teal1000: any;
+        teal1100: any;
+        teal1200: any;
+        orange100: any;
+        orange200: any;
+        orange300: any;
+        orange400: any;
+        orange500: any;
+        orange600: any;
+        orange700: any;
+        orange800: any;
+        orange900: any;
+        orange1000: any;
+        orange1100: any;
+        orange1200: any;
+        yellow100: any;
+        yellow200: any;
+        yellow300: any;
+        yellow400: any;
+        yellow500: any;
+        yellow600: any;
+        yellow700: any;
+        yellow800: any;
+        yellow900: any;
+        yellow1000: any;
+        yellow1100: any;
+        yellow1200: any;
+        lime100: any;
+        lime200: any;
+        lime300: any;
+        lime400: any;
+        lime500: any;
+        lime600: any;
+        lime700: any;
+        lime800: any;
+        lime900: any;
+        lime1000: any;
+        lime1100: any;
+        lime1200: any;
         tonal50: any;
         tonal100: any;
         tonal200: any;
@@ -107,6 +203,9 @@ export declare const StyledHeading: import("@stitches/react/types/styled-compone
         subjectNonVerbalReasoning: any;
         subjectCreativeWriting: any;
         subjectExamSkills: any;
+        glBlueLight: any;
+        glBluePrimary: any;
+        glBlueDark: any;
     };
     space: {
         "0": any;

package/dist/components/icon/Icon.d.ts

@@ -61,6 +61,102 @@ export declare const StyledIcon: import("@stitches/react/types/styled-component"
         purple1000: any;
         purple1100: any;
         purple1200: any;
+        cyan100: any;
+        cyan200: any;
+        cyan300: any;
+        cyan400: any;
+        cyan500: any;
+        cyan600: any;
+        cyan700: any;
+        cyan800: any;
+        cyan900: any;
+        cyan1000: any;
+        cyan1100: any;
+        cyan1200: any;
+        green100: any;
+        green200: any;
+        green300: any;
+        green400: any;
+        green500: any;
+        green600: any;
+        green700: any;
+        green800: any;
+        green900: any;
+        green1000: any;
+        green1100: any;
+        green1200: any;
+        magenta100: any;
+        magenta200: any;
+        magenta300: any;
+        magenta400: any;
+        magenta500: any;
+        magenta600: any;
+        magenta700: any;
+        magenta800: any;
+        magenta900: any;
+        magenta1000: any;
+        magenta1100: any;
+        magenta1200: any;
+        red100: any;
+        red200: any;
+        red300: any;
+        red400: any;
+        red500: any;
+        red600: any;
+        red700: any;
+        red800: any;
+        red900: any;
+        red1000: any;
+        red1100: any;
+        red1200: any;
+        teal100: any;
+        teal200: any;
+        teal300: any;
+        teal400: any;
+        teal500: any;
+        teal600: any;
+        teal700: any;
+        teal800: any;
+        teal900: any;
+        teal1000: any;
+        teal1100: any;
+        teal1200: any;
+        orange100: any;
+        orange200: any;
+        orange300: any;
+        orange400: any;
+        orange500: any;
+        orange600: any;
+        orange700: any;
+        orange800: any;
+        orange900: any;
+        orange1000: any;
+        orange1100: any;
+        orange1200: any;
+        yellow100: any;
+        yellow200: any;
+        yellow300: any;
+        yellow400: any;
+        yellow500: any;
+        yellow600: any;
+        yellow700: any;
+        yellow800: any;
+        yellow900: any;
+        yellow1000: any;
+        yellow1100: any;
+        yellow1200: any;
+        lime100: any;
+        lime200: any;
+        lime300: any;
+        lime400: any;
+        lime500: any;
+        lime600: any;
+        lime700: any;
+        lime800: any;
+        lime900: any;
+        lime1000: any;
+        lime1100: any;
+        lime1200: any;
         tonal50: any;
         tonal100: any;
         tonal200: any;
@@ -106,6 +202,9 @@ export declare const StyledIcon: import("@stitches/react/types/styled-component"
         subjectNonVerbalReasoning: any;
         subjectCreativeWriting: any;
         subjectExamSkills: any;
+        glBlueLight: any;
+        glBluePrimary: any;
+        glBlueDark: any;
     };
     space: {
         "0": any;