@atom-learning/components 3.27.0-beta.4 → 3.27.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 (77) hide show
  1. package/CHANGELOG.md +207 -0
  2. package/dist/components/accordion/AccordionTrigger.d.ts +1 -1
  3. package/dist/components/accordion/AccordionTrigger.js +1 -1
  4. package/dist/components/accordion/AccordionTrigger.js.map +1 -1
  5. package/dist/components/action-icon/ActionIcon.js +1 -1
  6. package/dist/components/action-icon/ActionIcon.js.map +1 -1
  7. package/dist/components/button/Button.js +1 -1
  8. package/dist/components/button/Button.js.map +1 -1
  9. package/dist/components/calendar/Day.js +1 -1
  10. package/dist/components/calendar/Day.js.map +1 -1
  11. package/dist/components/data-table/DataTable.d.ts +44 -9
  12. package/dist/components/data-table/DataTableTable.js +1 -1
  13. package/dist/components/data-table/DataTableTable.js.map +1 -1
  14. package/dist/components/dropdown-menu/DropdownMenuLinkItem.js +1 -1
  15. package/dist/components/dropdown-menu/DropdownMenuLinkItem.js.map +1 -1
  16. package/dist/components/empty-state/EmptyState.context.d.ts +8 -0
  17. package/dist/components/empty-state/EmptyState.context.js +2 -0
  18. package/dist/components/empty-state/EmptyState.context.js.map +1 -0
  19. package/dist/components/empty-state/EmptyState.d.ts +374 -738
  20. package/dist/components/empty-state/EmptyState.js +1 -1
  21. package/dist/components/empty-state/EmptyState.js.map +1 -1
  22. package/dist/components/empty-state/EmptyStateBody.d.ts +9 -4
  23. package/dist/components/empty-state/EmptyStateBody.js +1 -1
  24. package/dist/components/empty-state/EmptyStateBody.js.map +1 -1
  25. package/dist/components/empty-state/EmptyStateImage.d.ts +1 -2
  26. package/dist/components/empty-state/EmptyStateImage.js +1 -1
  27. package/dist/components/empty-state/EmptyStateImage.js.map +1 -1
  28. package/dist/components/empty-state/EmptyStateTitle.d.ts +7 -1
  29. package/dist/components/empty-state/EmptyStateTitle.js +1 -1
  30. package/dist/components/empty-state/EmptyStateTitle.js.map +1 -1
  31. package/dist/components/index.d.ts +1 -1
  32. package/dist/components/input/Input.d.ts +1503 -5
  33. package/dist/components/input/Input.js +1 -1
  34. package/dist/components/input/Input.js.map +1 -1
  35. package/dist/components/input/index.d.ts +1 -1
  36. package/dist/components/link/Link.js +1 -1
  37. package/dist/components/link/Link.js.map +1 -1
  38. package/dist/components/navigation/NavigationMenuDropdown.js +1 -1
  39. package/dist/components/navigation/NavigationMenuDropdownTrigger.js +1 -1
  40. package/dist/components/navigation/NavigationMenuLink.js +1 -1
  41. package/dist/components/navigation/NavigationMenuLink.js.map +1 -1
  42. package/dist/components/navigation-menu-vertical/NavigationMenuVerticalLink.d.ts +1 -1
  43. package/dist/components/navigation-menu-vertical/NavigationMenuVerticalLink.js +1 -1
  44. package/dist/components/navigation-menu-vertical/NavigationMenuVerticalLink.js.map +1 -1
  45. package/dist/components/side-bar/SideBar.d.ts +360 -364
  46. package/dist/components/side-bar/SideBarComponents.d.ts +8 -10
  47. package/dist/components/side-bar/SideBarComponents.js +1 -1
  48. package/dist/components/side-bar/SideBarComponents.js.map +1 -1
  49. package/dist/components/table/Table.d.ts +6 -2
  50. package/dist/components/table/Table.js +1 -1
  51. package/dist/components/table/Table.js.map +1 -1
  52. package/dist/components/table/TableStickyColumnsContainer.d.ts +3 -1
  53. package/dist/components/table/TableStickyColumnsContainer.js +1 -1
  54. package/dist/components/table/TableStickyColumnsContainer.js.map +1 -1
  55. package/dist/components/table/useStickyColumnsCss.d.ts +6 -1
  56. package/dist/components/table/useStickyColumnsCss.js +1 -1
  57. package/dist/components/table/useStickyColumnsCss.js.map +1 -1
  58. package/dist/components/tile-interactive/TileInteractive.d.ts +3 -1
  59. package/dist/components/tile-interactive/TileInteractive.js +1 -1
  60. package/dist/components/tile-interactive/TileInteractive.js.map +1 -1
  61. package/dist/components/tile-toggle-group/TileToggleGroupItem.d.ts +2 -0
  62. package/dist/components/top-bar/TopBar.d.ts +360 -364
  63. package/dist/components/top-bar/TopBarBrand.d.ts +1 -2
  64. package/dist/components/top-bar/TopBarBrand.js +1 -1
  65. package/dist/components/top-bar/TopBarBrand.js.map +1 -1
  66. package/dist/docgen.json +1 -1
  67. package/dist/index.cjs.js +1 -1
  68. package/dist/index.cjs.js.map +1 -1
  69. package/dist/index.d.ts +0 -1
  70. package/dist/index.js +1 -1
  71. package/dist/utilities/uri/index.d.ts +0 -1
  72. package/dist/utilities/uri/index.js +1 -1
  73. package/dist/utilities/uri/index.js.map +1 -1
  74. package/package.json +1 -1
  75. package/dist/context/router/index.d.ts +0 -10
  76. package/dist/context/router/index.js +0 -2
  77. package/dist/context/router/index.js.map +0 -1
package/dist/components/empty-state/EmptyState.d.ts CHANGED
@@ -740,9 +740,9 @@ declare const EmptyStateContainer: import("@stitches/react/types/styled-componen
740
740
  marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
741
741
  };
742
742
  }>>;
743
- declare type EmptyStateProps = React.ComponentProps<typeof EmptyStateContainer>;
743
+ export declare type EmptyStateProps = React.ComponentProps<typeof EmptyStateContainer>;
744
744
  export declare const EmptyState: {
745
- ({ size, children, ...props }: EmptyStateProps): JSX.Element;
745
+ ({ size, ...rest }: EmptyStateProps): JSX.Element;
746
746
  displayName: string;
747
747
  } & {
748
748
  Image: (props: Omit<Omit<Pick<Omit<Pick<React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "key" | keyof React.ImgHTMLAttributes<HTMLImageElement>> & {
@@ -1489,10 +1489,11 @@ export declare const EmptyState: {
1489
1489
  marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1490
1490
  };
1491
1491
  }> | undefined;
1492
- } & Omit<Pick<Omit<Pick<React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "key" | keyof React.ImgHTMLAttributes<HTMLImageElement>> & {
1493
- ref?: ((instance: HTMLImageElement | null) => void) | React.RefObject<HTMLImageElement> | null | undefined;
1494
- }, "css" | "fluid"> & import("@stitches/react/types/styled-component").TransformProps<{
1495
- fluid?: boolean | "true" | undefined;
1492
+ }) => JSX.Element;
1493
+ Title: (props: Omit<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "key" | keyof React.HTMLAttributes<HTMLHeadingElement>> & {
1494
+ ref?: ((instance: HTMLHeadingElement | null) => void) | React.RefObject<HTMLHeadingElement> | null | undefined;
1495
+ }, "size" | "css"> & import("@stitches/react/types/styled-component").TransformProps<{
1496
+ size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
1496
1497
  }, {
1497
1498
  sm: string;
1498
1499
  md: string;
@@ -1861,379 +1862,10 @@ export declare const EmptyState: {
1861
1862
  marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1862
1863
  };
1863
1864
  }> | undefined;
1864
- }, "css" | "key" | keyof React.ImgHTMLAttributes<HTMLImageElement> | "fluid">, "as"> & {
1865
- as?: undefined;
1865
+ } & {
1866
+ as?: React.ElementType<any> | React.ComponentType<{}> | undefined;
1866
1867
  }) => JSX.Element;
1867
- Title: import("@stitches/react/types/styled-component").StyledComponent<"h2", {
1868
- size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
1869
- }, {
1870
- sm: string;
1871
- md: string;
1872
- lg: string;
1873
- xl: string;
1874
- reducedMotion: string;
1875
- allowMotion: string;
1876
- hover: string;
1877
- }, import("@stitches/react/types/css-util").CSS<{
1878
- sm: string;
1879
- md: string;
1880
- lg: string;
1881
- xl: string;
1882
- reducedMotion: string;
1883
- allowMotion: string;
1884
- hover: string;
1885
- }, {
1886
- colors: {
1887
- textBold: any;
1888
- textRegular: any;
1889
- textSubtle: any;
1890
- textMinimal: any;
1891
- background: any;
1892
- backgroundAccent: any;
1893
- grey100: any;
1894
- grey200: any;
1895
- grey300: any;
1896
- grey400: any;
1897
- grey500: any;
1898
- grey600: any;
1899
- grey700: any;
1900
- grey800: any;
1901
- grey900: any;
1902
- grey1000: any;
1903
- grey1100: any;
1904
- grey1200: any;
1905
- blue100: any;
1906
- blue200: any;
1907
- blue300: any;
1908
- blue400: any;
1909
- blue500: any;
1910
- blue600: any;
1911
- blue700: any;
1912
- blue800: any;
1913
- blue900: any;
1914
- blue1000: any;
1915
- blue1100: any;
1916
- blue1200: any;
1917
- purple100: any;
1918
- purple200: any;
1919
- purple300: any;
1920
- purple400: any;
1921
- purple500: any;
1922
- purple600: any;
1923
- purple700: any;
1924
- purple800: any;
1925
- purple900: any;
1926
- purple1000: any;
1927
- purple1100: any;
1928
- purple1200: any;
1929
- cyan100: any;
1930
- cyan200: any;
1931
- cyan300: any;
1932
- cyan400: any;
1933
- cyan500: any;
1934
- cyan600: any;
1935
- cyan700: any;
1936
- cyan800: any;
1937
- cyan900: any;
1938
- cyan1000: any;
1939
- cyan1100: any;
1940
- cyan1200: any;
1941
- green100: any;
1942
- green200: any;
1943
- green300: any;
1944
- green400: any;
1945
- green500: any;
1946
- green600: any;
1947
- green700: any;
1948
- green800: any;
1949
- green900: any;
1950
- green1000: any;
1951
- green1100: any;
1952
- green1200: any;
1953
- magenta100: any;
1954
- magenta200: any;
1955
- magenta300: any;
1956
- magenta400: any;
1957
- magenta500: any;
1958
- magenta600: any;
1959
- magenta700: any;
1960
- magenta800: any;
1961
- magenta900: any;
1962
- magenta1000: any;
1963
- magenta1100: any;
1964
- magenta1200: any;
1965
- red100: any;
1966
- red200: any;
1967
- red300: any;
1968
- red400: any;
1969
- red500: any;
1970
- red600: any;
1971
- red700: any;
1972
- red800: any;
1973
- red900: any;
1974
- red1000: any;
1975
- red1100: any;
1976
- red1200: any;
1977
- teal100: any;
1978
- teal200: any;
1979
- teal300: any;
1980
- teal400: any;
1981
- teal500: any;
1982
- teal600: any;
1983
- teal700: any;
1984
- teal800: any;
1985
- teal900: any;
1986
- teal1000: any;
1987
- teal1100: any;
1988
- teal1200: any;
1989
- orange100: any;
1990
- orange200: any;
1991
- orange300: any;
1992
- orange400: any;
1993
- orange500: any;
1994
- orange600: any;
1995
- orange700: any;
1996
- orange800: any;
1997
- orange900: any;
1998
- orange1000: any;
1999
- orange1100: any;
2000
- orange1200: any;
2001
- yellow100: any;
2002
- yellow200: any;
2003
- yellow300: any;
2004
- yellow400: any;
2005
- yellow500: any;
2006
- yellow600: any;
2007
- yellow700: any;
2008
- yellow800: any;
2009
- yellow900: any;
2010
- yellow1000: any;
2011
- yellow1100: any;
2012
- yellow1200: any;
2013
- lime100: any;
2014
- lime200: any;
2015
- lime300: any;
2016
- lime400: any;
2017
- lime500: any;
2018
- lime600: any;
2019
- lime700: any;
2020
- lime800: any;
2021
- lime900: any;
2022
- lime1000: any;
2023
- lime1100: any;
2024
- lime1200: any;
2025
- lapis100: any;
2026
- lapis200: any;
2027
- lapis300: any;
2028
- lapis400: any;
2029
- lapis500: any;
2030
- lapis600: any;
2031
- lapis700: any;
2032
- lapis800: any;
2033
- lapis900: any;
2034
- lapis1000: any;
2035
- lapis1100: any;
2036
- lapis1200: any;
2037
- maroon100: any;
2038
- maroon200: any;
2039
- maroon300: any;
2040
- maroon400: any;
2041
- maroon500: any;
2042
- maroon600: any;
2043
- maroon700: any;
2044
- maroon800: any;
2045
- maroon900: any;
2046
- maroon1000: any;
2047
- maroon1100: any;
2048
- maroon1200: any;
2049
- marsh100: any;
2050
- marsh200: any;
2051
- marsh300: any;
2052
- marsh400: any;
2053
- marsh500: any;
2054
- marsh600: any;
2055
- marsh700: any;
2056
- marsh800: any;
2057
- marsh900: any;
2058
- marsh1000: any;
2059
- marsh1100: any;
2060
- marsh1200: any;
2061
- tonal50: any;
2062
- tonal100: any;
2063
- tonal200: any;
2064
- tonal300: any;
2065
- tonal400: any;
2066
- tonal500: any;
2067
- tonal600: any;
2068
- alpha100: any;
2069
- alpha150: any;
2070
- alpha200: any;
2071
- alpha250: any;
2072
- alpha600: any;
2073
- brandRed: any;
2074
- brandRedAccent: any;
2075
- brandGreen: any;
2076
- brandGreenAccent: any;
2077
- brandPurple: any;
2078
- brandPurpleAccent: any;
2079
- brandYellow: any;
2080
- brandYellowAccent: any;
2081
- infoLight: any;
2082
- info: any;
2083
- infoMid: any;
2084
- infoDark: any;
2085
- successLight: any;
2086
- success: any;
2087
- successMid: any;
2088
- successDark: any;
2089
- dangerLight: any;
2090
- danger: any;
2091
- dangerMid: any;
2092
- dangerDark: any;
2093
- warningLight: any;
2094
- warning: any;
2095
- warningMid: any;
2096
- warningDark: any;
2097
- warningText: any;
2098
- subjectEnglish: any;
2099
- subjectMaths: any;
2100
- subjectScience: any;
2101
- subjectVerbalReasoning: any;
2102
- subjectNonVerbalReasoning: any;
2103
- subjectCreativeWriting: any;
2104
- subjectExamSkills: any;
2105
- glBlueLight: any;
2106
- glBluePrimary: any;
2107
- glBlueDark: any;
2108
- primary100: any;
2109
- primary200: any;
2110
- primary300: any;
2111
- primary400: any;
2112
- primary500: any;
2113
- primary600: any;
2114
- primary700: any;
2115
- primary800: any;
2116
- primary900: any;
2117
- primary1000: any;
2118
- primary1100: any;
2119
- primary1200: any;
2120
- };
2121
- space: {
2122
- "0": any;
2123
- "1": any;
2124
- "2": any;
2125
- "3": any;
2126
- "4": any;
2127
- "5": any;
2128
- "6": any;
2129
- "7": any;
2130
- "8": any;
2131
- "9": any;
2132
- "24": any;
2133
- };
2134
- fontSizes: {
2135
- xs: any;
2136
- sm: any;
2137
- md: any;
2138
- lg: any;
2139
- xl: any;
2140
- "2xl": any;
2141
- "3xl": any;
2142
- "4xl": any;
2143
- };
2144
- fonts: {
2145
- sans: any;
2146
- mono: any;
2147
- display: any;
2148
- body: any;
2149
- };
2150
- sizes: {
2151
- "0": any;
2152
- "1": any;
2153
- "2": any;
2154
- "3": any;
2155
- "4": any;
2156
- "5": any;
2157
- "6": any;
2158
- "7": any;
2159
- "8": any;
2160
- };
2161
- radii: {
2162
- "0": any;
2163
- "1": any;
2164
- "2": any;
2165
- "3": any;
2166
- round: any;
2167
- };
2168
- shadows: {
2169
- "0": any;
2170
- "1": any;
2171
- "2": any;
2172
- "3": any;
2173
- };
2174
- ratios: {
2175
- "16-9": any;
2176
- "3-2": any;
2177
- "4-3": any;
2178
- "1-1": any;
2179
- "3-4": any;
2180
- };
2181
- }, import("@stitches/react/types/config").DefaultThemeMap, {
2182
- bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"background">) => {
2183
- background: import("@stitches/react/types/css-util").WithPropertyValue<"background">;
2184
- };
2185
- size: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">) => {
2186
- height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
2187
- width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
2188
- };
2189
- p: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
2190
- padding: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
2191
- };
2192
- pt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
2193
- paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
2194
- };
2195
- pr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
2196
- paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
2197
- };
2198
- pb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
2199
- paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
2200
- };
2201
- pl: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
2202
- paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
2203
- };
2204
- px: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
2205
- paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
2206
- paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
2207
- };
2208
- py: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
2209
- paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
2210
- paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
2211
- };
2212
- m: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
2213
- margin: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
2214
- };
2215
- mt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
2216
- marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
2217
- };
2218
- mr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
2219
- marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
2220
- };
2221
- mb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
2222
- marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
2223
- };
2224
- ml: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
2225
- marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
2226
- };
2227
- mx: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
2228
- marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
2229
- marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
2230
- };
2231
- my: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
2232
- marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
2233
- marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
2234
- };
2235
- }>>;
2236
- Body: import("@stitches/react/types/styled-component").StyledComponent<React.ForwardRefExoticComponent<Omit<Omit<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "key" | keyof React.HTMLAttributes<HTMLParagraphElement>> & {
1868
+ Body: (props: Omit<Omit<Omit<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "key" | keyof React.HTMLAttributes<HTMLParagraphElement>> & {
2237
1869
  ref?: ((instance: HTMLParagraphElement | null) => void) | React.RefObject<HTMLParagraphElement> | null | undefined;
2238
1870
  }, "size" | "css" | "noCapsize"> & import("@stitches/react/types/styled-component").TransformProps<{
2239
1871
  size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
@@ -2608,7 +2240,7 @@ export declare const EmptyState: {
2608
2240
  }> | undefined;
2609
2241
  }, "as"> & {
2610
2242
  as?: React.ElementType<any> | React.ComponentType<{}> | undefined;
2611
- }>, {
2243
+ }, "size" | "css"> & import("@stitches/react/types/styled-component").TransformProps<{
2612
2244
  size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
2613
2245
  }, {
2614
2246
  sm: string;
@@ -2618,364 +2250,368 @@ export declare const EmptyState: {
2618
2250
  reducedMotion: string;
2619
2251
  allowMotion: string;
2620
2252
  hover: string;
2621
- }, import("@stitches/react/types/css-util").CSS<{
2622
- sm: string;
2623
- md: string;
2624
- lg: string;
2625
- xl: string;
2626
- reducedMotion: string;
2627
- allowMotion: string;
2628
- hover: string;
2629
- }, {
2630
- colors: {
2631
- textBold: any;
2632
- textRegular: any;
2633
- textSubtle: any;
2634
- textMinimal: any;
2635
- background: any;
2636
- backgroundAccent: any;
2637
- grey100: any;
2638
- grey200: any;
2639
- grey300: any;
2640
- grey400: any;
2641
- grey500: any;
2642
- grey600: any;
2643
- grey700: any;
2644
- grey800: any;
2645
- grey900: any;
2646
- grey1000: any;
2647
- grey1100: any;
2648
- grey1200: any;
2649
- blue100: any;
2650
- blue200: any;
2651
- blue300: any;
2652
- blue400: any;
2653
- blue500: any;
2654
- blue600: any;
2655
- blue700: any;
2656
- blue800: any;
2657
- blue900: any;
2658
- blue1000: any;
2659
- blue1100: any;
2660
- blue1200: any;
2661
- purple100: any;
2662
- purple200: any;
2663
- purple300: any;
2664
- purple400: any;
2665
- purple500: any;
2666
- purple600: any;
2667
- purple700: any;
2668
- purple800: any;
2669
- purple900: any;
2670
- purple1000: any;
2671
- purple1100: any;
2672
- purple1200: any;
2673
- cyan100: any;
2674
- cyan200: any;
2675
- cyan300: any;
2676
- cyan400: any;
2677
- cyan500: any;
2678
- cyan600: any;
2679
- cyan700: any;
2680
- cyan800: any;
2681
- cyan900: any;
2682
- cyan1000: any;
2683
- cyan1100: any;
2684
- cyan1200: any;
2685
- green100: any;
2686
- green200: any;
2687
- green300: any;
2688
- green400: any;
2689
- green500: any;
2690
- green600: any;
2691
- green700: any;
2692
- green800: any;
2693
- green900: any;
2694
- green1000: any;
2695
- green1100: any;
2696
- green1200: any;
2697
- magenta100: any;
2698
- magenta200: any;
2699
- magenta300: any;
2700
- magenta400: any;
2701
- magenta500: any;
2702
- magenta600: any;
2703
- magenta700: any;
2704
- magenta800: any;
2705
- magenta900: any;
2706
- magenta1000: any;
2707
- magenta1100: any;
2708
- magenta1200: any;
2709
- red100: any;
2710
- red200: any;
2711
- red300: any;
2712
- red400: any;
2713
- red500: any;
2714
- red600: any;
2715
- red700: any;
2716
- red800: any;
2717
- red900: any;
2718
- red1000: any;
2719
- red1100: any;
2720
- red1200: any;
2721
- teal100: any;
2722
- teal200: any;
2723
- teal300: any;
2724
- teal400: any;
2725
- teal500: any;
2726
- teal600: any;
2727
- teal700: any;
2728
- teal800: any;
2729
- teal900: any;
2730
- teal1000: any;
2731
- teal1100: any;
2732
- teal1200: any;
2733
- orange100: any;
2734
- orange200: any;
2735
- orange300: any;
2736
- orange400: any;
2737
- orange500: any;
2738
- orange600: any;
2739
- orange700: any;
2740
- orange800: any;
2741
- orange900: any;
2742
- orange1000: any;
2743
- orange1100: any;
2744
- orange1200: any;
2745
- yellow100: any;
2746
- yellow200: any;
2747
- yellow300: any;
2748
- yellow400: any;
2749
- yellow500: any;
2750
- yellow600: any;
2751
- yellow700: any;
2752
- yellow800: any;
2753
- yellow900: any;
2754
- yellow1000: any;
2755
- yellow1100: any;
2756
- yellow1200: any;
2757
- lime100: any;
2758
- lime200: any;
2759
- lime300: any;
2760
- lime400: any;
2761
- lime500: any;
2762
- lime600: any;
2763
- lime700: any;
2764
- lime800: any;
2765
- lime900: any;
2766
- lime1000: any;
2767
- lime1100: any;
2768
- lime1200: any;
2769
- lapis100: any;
2770
- lapis200: any;
2771
- lapis300: any;
2772
- lapis400: any;
2773
- lapis500: any;
2774
- lapis600: any;
2775
- lapis700: any;
2776
- lapis800: any;
2777
- lapis900: any;
2778
- lapis1000: any;
2779
- lapis1100: any;
2780
- lapis1200: any;
2781
- maroon100: any;
2782
- maroon200: any;
2783
- maroon300: any;
2784
- maroon400: any;
2785
- maroon500: any;
2786
- maroon600: any;
2787
- maroon700: any;
2788
- maroon800: any;
2789
- maroon900: any;
2790
- maroon1000: any;
2791
- maroon1100: any;
2792
- maroon1200: any;
2793
- marsh100: any;
2794
- marsh200: any;
2795
- marsh300: any;
2796
- marsh400: any;
2797
- marsh500: any;
2798
- marsh600: any;
2799
- marsh700: any;
2800
- marsh800: any;
2801
- marsh900: any;
2802
- marsh1000: any;
2803
- marsh1100: any;
2804
- marsh1200: any;
2805
- tonal50: any;
2806
- tonal100: any;
2807
- tonal200: any;
2808
- tonal300: any;
2809
- tonal400: any;
2810
- tonal500: any;
2811
- tonal600: any;
2812
- alpha100: any;
2813
- alpha150: any;
2814
- alpha200: any;
2815
- alpha250: any;
2816
- alpha600: any;
2817
- brandRed: any;
2818
- brandRedAccent: any;
2819
- brandGreen: any;
2820
- brandGreenAccent: any;
2821
- brandPurple: any;
2822
- brandPurpleAccent: any;
2823
- brandYellow: any;
2824
- brandYellowAccent: any;
2825
- infoLight: any;
2826
- info: any;
2827
- infoMid: any;
2828
- infoDark: any;
2829
- successLight: any;
2830
- success: any;
2831
- successMid: any;
2832
- successDark: any;
2833
- dangerLight: any;
2834
- danger: any;
2835
- dangerMid: any;
2836
- dangerDark: any;
2837
- warningLight: any;
2838
- warning: any;
2839
- warningMid: any;
2840
- warningDark: any;
2841
- warningText: any;
2842
- subjectEnglish: any;
2843
- subjectMaths: any;
2844
- subjectScience: any;
2845
- subjectVerbalReasoning: any;
2846
- subjectNonVerbalReasoning: any;
2847
- subjectCreativeWriting: any;
2848
- subjectExamSkills: any;
2849
- glBlueLight: any;
2850
- glBluePrimary: any;
2851
- glBlueDark: any;
2852
- primary100: any;
2853
- primary200: any;
2854
- primary300: any;
2855
- primary400: any;
2856
- primary500: any;
2857
- primary600: any;
2858
- primary700: any;
2859
- primary800: any;
2860
- primary900: any;
2861
- primary1000: any;
2862
- primary1100: any;
2863
- primary1200: any;
2864
- };
2865
- space: {
2866
- "0": any;
2867
- "1": any;
2868
- "2": any;
2869
- "3": any;
2870
- "4": any;
2871
- "5": any;
2872
- "6": any;
2873
- "7": any;
2874
- "8": any;
2875
- "9": any;
2876
- "24": any;
2877
- };
2878
- fontSizes: {
2879
- xs: any;
2880
- sm: any;
2881
- md: any;
2882
- lg: any;
2883
- xl: any;
2884
- "2xl": any;
2885
- "3xl": any;
2886
- "4xl": any;
2887
- };
2888
- fonts: {
2889
- sans: any;
2890
- mono: any;
2891
- display: any;
2892
- body: any;
2893
- };
2894
- sizes: {
2895
- "0": any;
2896
- "1": any;
2897
- "2": any;
2898
- "3": any;
2899
- "4": any;
2900
- "5": any;
2901
- "6": any;
2902
- "7": any;
2903
- "8": any;
2904
- };
2905
- radii: {
2906
- "0": any;
2907
- "1": any;
2908
- "2": any;
2909
- "3": any;
2910
- round: any;
2911
- };
2912
- shadows: {
2913
- "0": any;
2914
- "1": any;
2915
- "2": any;
2916
- "3": any;
2917
- };
2918
- ratios: {
2919
- "16-9": any;
2920
- "3-2": any;
2921
- "4-3": any;
2922
- "1-1": any;
2923
- "3-4": any;
2924
- };
2925
- }, import("@stitches/react/types/config").DefaultThemeMap, {
2926
- bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"background">) => {
2927
- background: import("@stitches/react/types/css-util").WithPropertyValue<"background">;
2928
- };
2929
- size: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">) => {
2930
- height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
2931
- width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
2932
- };
2933
- p: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
2934
- padding: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
2935
- };
2936
- pt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
2937
- paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
2938
- };
2939
- pr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
2940
- paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
2941
- };
2942
- pb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
2943
- paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
2944
- };
2945
- pl: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
2946
- paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
2947
- };
2948
- px: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
2949
- paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
2950
- paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
2951
- };
2952
- py: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
2953
- paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
2954
- paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
2955
- };
2956
- m: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
2957
- margin: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
2958
- };
2959
- mt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
2960
- marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
2961
- };
2962
- mr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
2963
- marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
2964
- };
2965
- mb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
2966
- marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
2967
- };
2968
- ml: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
2969
- marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
2970
- };
2971
- mx: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
2972
- marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
2973
- marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
2974
- };
2975
- my: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
2976
- marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
2977
- marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
2978
- };
2979
- }>>;
2253
+ }> & {
2254
+ css?: import("@stitches/react/types/css-util").CSS<{
2255
+ sm: string;
2256
+ md: string;
2257
+ lg: string;
2258
+ xl: string;
2259
+ reducedMotion: string;
2260
+ allowMotion: string;
2261
+ hover: string;
2262
+ }, {
2263
+ colors: {
2264
+ textBold: any;
2265
+ textRegular: any;
2266
+ textSubtle: any;
2267
+ textMinimal: any;
2268
+ background: any;
2269
+ backgroundAccent: any;
2270
+ grey100: any;
2271
+ grey200: any;
2272
+ grey300: any;
2273
+ grey400: any;
2274
+ grey500: any;
2275
+ grey600: any;
2276
+ grey700: any;
2277
+ grey800: any;
2278
+ grey900: any;
2279
+ grey1000: any;
2280
+ grey1100: any;
2281
+ grey1200: any;
2282
+ blue100: any;
2283
+ blue200: any;
2284
+ blue300: any;
2285
+ blue400: any;
2286
+ blue500: any;
2287
+ blue600: any;
2288
+ blue700: any;
2289
+ blue800: any;
2290
+ blue900: any;
2291
+ blue1000: any;
2292
+ blue1100: any;
2293
+ blue1200: any;
2294
+ purple100: any;
2295
+ purple200: any;
2296
+ purple300: any;
2297
+ purple400: any;
2298
+ purple500: any;
2299
+ purple600: any;
2300
+ purple700: any;
2301
+ purple800: any;
2302
+ purple900: any;
2303
+ purple1000: any;
2304
+ purple1100: any;
2305
+ purple1200: any;
2306
+ cyan100: any;
2307
+ cyan200: any;
2308
+ cyan300: any;
2309
+ cyan400: any;
2310
+ cyan500: any;
2311
+ cyan600: any;
2312
+ cyan700: any;
2313
+ cyan800: any;
2314
+ cyan900: any;
2315
+ cyan1000: any;
2316
+ cyan1100: any;
2317
+ cyan1200: any;
2318
+ green100: any;
2319
+ green200: any;
2320
+ green300: any;
2321
+ green400: any;
2322
+ green500: any;
2323
+ green600: any;
2324
+ green700: any;
2325
+ green800: any;
2326
+ green900: any;
2327
+ green1000: any;
2328
+ green1100: any;
2329
+ green1200: any;
2330
+ magenta100: any;
2331
+ magenta200: any;
2332
+ magenta300: any;
2333
+ magenta400: any;
2334
+ magenta500: any;
2335
+ magenta600: any;
2336
+ magenta700: any;
2337
+ magenta800: any;
2338
+ magenta900: any;
2339
+ magenta1000: any;
2340
+ magenta1100: any;
2341
+ magenta1200: any;
2342
+ red100: any;
2343
+ red200: any;
2344
+ red300: any;
2345
+ red400: any;
2346
+ red500: any;
2347
+ red600: any;
2348
+ red700: any;
2349
+ red800: any;
2350
+ red900: any;
2351
+ red1000: any;
2352
+ red1100: any;
2353
+ red1200: any;
2354
+ teal100: any;
2355
+ teal200: any;
2356
+ teal300: any;
2357
+ teal400: any;
2358
+ teal500: any;
2359
+ teal600: any;
2360
+ teal700: any;
2361
+ teal800: any;
2362
+ teal900: any;
2363
+ teal1000: any;
2364
+ teal1100: any;
2365
+ teal1200: any;
2366
+ orange100: any;
2367
+ orange200: any;
2368
+ orange300: any;
2369
+ orange400: any;
2370
+ orange500: any;
2371
+ orange600: any;
2372
+ orange700: any;
2373
+ orange800: any;
2374
+ orange900: any;
2375
+ orange1000: any;
2376
+ orange1100: any;
2377
+ orange1200: any;
2378
+ yellow100: any;
2379
+ yellow200: any;
2380
+ yellow300: any;
2381
+ yellow400: any;
2382
+ yellow500: any;
2383
+ yellow600: any;
2384
+ yellow700: any;
2385
+ yellow800: any;
2386
+ yellow900: any;
2387
+ yellow1000: any;
2388
+ yellow1100: any;
2389
+ yellow1200: any;
2390
+ lime100: any;
2391
+ lime200: any;
2392
+ lime300: any;
2393
+ lime400: any;
2394
+ lime500: any;
2395
+ lime600: any;
2396
+ lime700: any;
2397
+ lime800: any;
2398
+ lime900: any;
2399
+ lime1000: any;
2400
+ lime1100: any;
2401
+ lime1200: any;
2402
+ lapis100: any;
2403
+ lapis200: any;
2404
+ lapis300: any;
2405
+ lapis400: any;
2406
+ lapis500: any;
2407
+ lapis600: any;
2408
+ lapis700: any;
2409
+ lapis800: any;
2410
+ lapis900: any;
2411
+ lapis1000: any;
2412
+ lapis1100: any;
2413
+ lapis1200: any;
2414
+ maroon100: any;
2415
+ maroon200: any;
2416
+ maroon300: any;
2417
+ maroon400: any;
2418
+ maroon500: any;
2419
+ maroon600: any;
2420
+ maroon700: any;
2421
+ maroon800: any;
2422
+ maroon900: any;
2423
+ maroon1000: any;
2424
+ maroon1100: any;
2425
+ maroon1200: any;
2426
+ marsh100: any;
2427
+ marsh200: any;
2428
+ marsh300: any;
2429
+ marsh400: any;
2430
+ marsh500: any;
2431
+ marsh600: any;
2432
+ marsh700: any;
2433
+ marsh800: any;
2434
+ marsh900: any;
2435
+ marsh1000: any;
2436
+ marsh1100: any;
2437
+ marsh1200: any;
2438
+ tonal50: any;
2439
+ tonal100: any;
2440
+ tonal200: any;
2441
+ tonal300: any;
2442
+ tonal400: any;
2443
+ tonal500: any;
2444
+ tonal600: any;
2445
+ alpha100: any;
2446
+ alpha150: any;
2447
+ alpha200: any;
2448
+ alpha250: any;
2449
+ alpha600: any;
2450
+ brandRed: any;
2451
+ brandRedAccent: any;
2452
+ brandGreen: any;
2453
+ brandGreenAccent: any;
2454
+ brandPurple: any;
2455
+ brandPurpleAccent: any;
2456
+ brandYellow: any;
2457
+ brandYellowAccent: any;
2458
+ infoLight: any;
2459
+ info: any;
2460
+ infoMid: any;
2461
+ infoDark: any;
2462
+ successLight: any;
2463
+ success: any;
2464
+ successMid: any;
2465
+ successDark: any;
2466
+ dangerLight: any;
2467
+ danger: any;
2468
+ dangerMid: any;
2469
+ dangerDark: any;
2470
+ warningLight: any;
2471
+ warning: any;
2472
+ warningMid: any;
2473
+ warningDark: any;
2474
+ warningText: any;
2475
+ subjectEnglish: any;
2476
+ subjectMaths: any;
2477
+ subjectScience: any;
2478
+ subjectVerbalReasoning: any;
2479
+ subjectNonVerbalReasoning: any;
2480
+ subjectCreativeWriting: any;
2481
+ subjectExamSkills: any;
2482
+ glBlueLight: any;
2483
+ glBluePrimary: any;
2484
+ glBlueDark: any;
2485
+ primary100: any;
2486
+ primary200: any;
2487
+ primary300: any;
2488
+ primary400: any;
2489
+ primary500: any;
2490
+ primary600: any;
2491
+ primary700: any;
2492
+ primary800: any;
2493
+ primary900: any;
2494
+ primary1000: any;
2495
+ primary1100: any;
2496
+ primary1200: any;
2497
+ };
2498
+ space: {
2499
+ "0": any;
2500
+ "1": any;
2501
+ "2": any;
2502
+ "3": any;
2503
+ "4": any;
2504
+ "5": any;
2505
+ "6": any;
2506
+ "7": any;
2507
+ "8": any;
2508
+ "9": any;
2509
+ "24": any;
2510
+ };
2511
+ fontSizes: {
2512
+ xs: any;
2513
+ sm: any;
2514
+ md: any;
2515
+ lg: any;
2516
+ xl: any;
2517
+ "2xl": any;
2518
+ "3xl": any;
2519
+ "4xl": any;
2520
+ };
2521
+ fonts: {
2522
+ sans: any;
2523
+ mono: any;
2524
+ display: any;
2525
+ body: any;
2526
+ };
2527
+ sizes: {
2528
+ "0": any;
2529
+ "1": any;
2530
+ "2": any;
2531
+ "3": any;
2532
+ "4": any;
2533
+ "5": any;
2534
+ "6": any;
2535
+ "7": any;
2536
+ "8": any;
2537
+ };
2538
+ radii: {
2539
+ "0": any;
2540
+ "1": any;
2541
+ "2": any;
2542
+ "3": any;
2543
+ round: any;
2544
+ };
2545
+ shadows: {
2546
+ "0": any;
2547
+ "1": any;
2548
+ "2": any;
2549
+ "3": any;
2550
+ };
2551
+ ratios: {
2552
+ "16-9": any;
2553
+ "3-2": any;
2554
+ "4-3": any;
2555
+ "1-1": any;
2556
+ "3-4": any;
2557
+ };
2558
+ }, import("@stitches/react/types/config").DefaultThemeMap, {
2559
+ bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"background">) => {
2560
+ background: import("@stitches/react/types/css-util").WithPropertyValue<"background">;
2561
+ };
2562
+ size: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">) => {
2563
+ height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
2564
+ width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
2565
+ };
2566
+ p: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
2567
+ padding: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
2568
+ };
2569
+ pt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
2570
+ paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
2571
+ };
2572
+ pr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
2573
+ paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
2574
+ };
2575
+ pb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
2576
+ paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
2577
+ };
2578
+ pl: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
2579
+ paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
2580
+ };
2581
+ px: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
2582
+ paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
2583
+ paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
2584
+ };
2585
+ py: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
2586
+ paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
2587
+ paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
2588
+ };
2589
+ m: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
2590
+ margin: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
2591
+ };
2592
+ mt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
2593
+ marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
2594
+ };
2595
+ mr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
2596
+ marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
2597
+ };
2598
+ mb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
2599
+ marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
2600
+ };
2601
+ ml: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
2602
+ marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
2603
+ };
2604
+ mx: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
2605
+ marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
2606
+ marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
2607
+ };
2608
+ my: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
2609
+ marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
2610
+ marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
2611
+ };
2612
+ }> | undefined;
2613
+ } & {
2614
+ as?: React.ElementType<any> | React.ComponentType<{}> | undefined;
2615
+ }) => JSX.Element;
2980
2616
  };
2981
2617
  export {};