npm - @atom-learning/components - Versions diffs - 5.14.3 → 5.14.5 - Mend

@atom-learning/components 5.14.3 → 5.14.5

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 (157) hide show

package/dist/components/combobox/Combobox.d.ts CHANGED Viewed

@@ -203,6 +203,18 @@ export declare const Combobox: import("@atom-learning/stitches-react/types/style
         marsh1000: string;
         marsh1100: string;
         marsh1200: string;
+        coolGrey100: string;
+        coolGrey200: string;
+        coolGrey300: string;
+        coolGrey400: string;
+        coolGrey500: string;
+        coolGrey600: string;
+        coolGrey700: string;
+        coolGrey800: string;
+        coolGrey900: string;
+        coolGrey1000: string;
+        coolGrey1100: string;
+        coolGrey1200: string;
         alpha100: string;
         alpha150: string;
         alpha200: string;
@@ -574,6 +586,18 @@ export declare const Combobox: import("@atom-learning/stitches-react/types/style
             marsh1000: string;
             marsh1100: string;
             marsh1200: string;
+            coolGrey100: string;
+            coolGrey200: string;
+            coolGrey300: string;
+            coolGrey400: string;
+            coolGrey500: string;
+            coolGrey600: string;
+            coolGrey700: string;
+            coolGrey800: string;
+            coolGrey900: string;
+            coolGrey1000: string;
+            coolGrey1100: string;
+            coolGrey1200: string;
             alpha100: string;
             alpha150: string;
             alpha200: string;
@@ -952,6 +976,18 @@ export declare const Combobox: import("@atom-learning/stitches-react/types/style
                 marsh1000: string;
                 marsh1100: string;
                 marsh1200: string;
+                coolGrey100: string;
+                coolGrey200: string;
+                coolGrey300: string;
+                coolGrey400: string;
+                coolGrey500: string;
+                coolGrey600: string;
+                coolGrey700: string;
+                coolGrey800: string;
+                coolGrey900: string;
+                coolGrey1000: string;
+                coolGrey1100: string;
+                coolGrey1200: string;
                 alpha100: string;
                 alpha150: string;
                 alpha200: string;
@@ -1323,6 +1359,18 @@ export declare const Combobox: import("@atom-learning/stitches-react/types/style
             marsh1000: string;
             marsh1100: string;
             marsh1200: string;
+            coolGrey100: string;
+            coolGrey200: string;
+            coolGrey300: string;
+            coolGrey400: string;
+            coolGrey500: string;
+            coolGrey600: string;
+            coolGrey700: string;
+            coolGrey800: string;
+            coolGrey900: string;
+            coolGrey1000: string;
+            coolGrey1100: string;
+            coolGrey1200: string;
             alpha100: string;
             alpha150: string;
             alpha200: string;
@@ -1693,6 +1741,18 @@ export declare const Combobox: import("@atom-learning/stitches-react/types/style
             marsh1000: string;
             marsh1100: string;
             marsh1200: string;
+            coolGrey100: string;
+            coolGrey200: string;
+            coolGrey300: string;
+            coolGrey400: string;
+            coolGrey500: string;
+            coolGrey600: string;
+            coolGrey700: string;
+            coolGrey800: string;
+            coolGrey900: string;
+            coolGrey1000: string;
+            coolGrey1100: string;
+            coolGrey1200: string;
             alpha100: string;
             alpha150: string;
             alpha200: string;

package/dist/components/combobox/ComboboxInput.d.ts CHANGED Viewed

@@ -206,6 +206,18 @@ export declare const StyledComboboxInput: import("@atom-learning/stitches-react/
         marsh1000: string;
         marsh1100: string;
         marsh1200: string;
+        coolGrey100: string;
+        coolGrey200: string;
+        coolGrey300: string;
+        coolGrey400: string;
+        coolGrey500: string;
+        coolGrey600: string;
+        coolGrey700: string;
+        coolGrey800: string;
+        coolGrey900: string;
+        coolGrey1000: string;
+        coolGrey1100: string;
+        coolGrey1200: string;
         alpha100: string;
         alpha150: string;
         alpha200: string;

package/dist/components/combobox/ComboboxList.d.ts CHANGED Viewed

@@ -202,6 +202,18 @@ export declare const ComboboxList: import("@atom-learning/stitches-react/types/s
         marsh1000: string;
         marsh1100: string;
         marsh1200: string;
+        coolGrey100: string;
+        coolGrey200: string;
+        coolGrey300: string;
+        coolGrey400: string;
+        coolGrey500: string;
+        coolGrey600: string;
+        coolGrey700: string;
+        coolGrey800: string;
+        coolGrey900: string;
+        coolGrey1000: string;
+        coolGrey1100: string;
+        coolGrey1200: string;
         alpha100: string;
         alpha150: string;
         alpha200: string;

package/dist/components/combobox/ComboboxOption.d.ts CHANGED Viewed

@@ -202,6 +202,18 @@ export declare const ComboboxOption: import("@atom-learning/stitches-react/types
         marsh1000: string;
         marsh1100: string;
         marsh1200: string;
+        coolGrey100: string;
+        coolGrey200: string;
+        coolGrey300: string;
+        coolGrey400: string;
+        coolGrey500: string;
+        coolGrey600: string;
+        coolGrey700: string;
+        coolGrey800: string;
+        coolGrey900: string;
+        coolGrey1000: string;
+        coolGrey1100: string;
+        coolGrey1200: string;
         alpha100: string;
         alpha150: string;
         alpha200: string;

package/dist/components/combobox/ComboboxPopover.d.ts CHANGED Viewed

@@ -202,6 +202,18 @@ export declare const ComboboxPopover: import("@atom-learning/stitches-react/type
         marsh1000: string;
         marsh1100: string;
         marsh1200: string;
+        coolGrey100: string;
+        coolGrey200: string;
+        coolGrey300: string;
+        coolGrey400: string;
+        coolGrey500: string;
+        coolGrey600: string;
+        coolGrey700: string;
+        coolGrey800: string;
+        coolGrey900: string;
+        coolGrey1000: string;
+        coolGrey1100: string;
+        coolGrey1200: string;
         alpha100: string;
         alpha150: string;
         alpha200: string;

package/dist/components/data-table/DataTable.d.ts CHANGED Viewed

@@ -232,6 +232,18 @@ export declare const DataTable: (({ columns, data: dataProp, getAsyncData, defau
                 marsh1000: string;
                 marsh1100: string;
                 marsh1200: string;
+                coolGrey100: string;
+                coolGrey200: string;
+                coolGrey300: string;
+                coolGrey400: string;
+                coolGrey500: string;
+                coolGrey600: string;
+                coolGrey700: string;
+                coolGrey800: string;
+                coolGrey900: string;
+                coolGrey1000: string;
+                coolGrey1100: string;
+                coolGrey1200: string;
                 alpha100: string;
                 alpha150: string;
                 alpha200: string;
@@ -621,6 +633,18 @@ export declare const DataTable: (({ columns, data: dataProp, getAsyncData, defau
                 marsh1000: string;
                 marsh1100: string;
                 marsh1200: string;
+                coolGrey100: string;
+                coolGrey200: string;
+                coolGrey300: string;
+                coolGrey400: string;
+                coolGrey500: string;
+                coolGrey600: string;
+                coolGrey700: string;
+                coolGrey800: string;
+                coolGrey900: string;
+                coolGrey1000: string;
+                coolGrey1100: string;
+                coolGrey1200: string;
                 alpha100: string;
                 alpha150: string;
                 alpha200: string;
@@ -1002,6 +1026,18 @@ export declare const DataTable: (({ columns, data: dataProp, getAsyncData, defau
                 marsh1000: string;
                 marsh1100: string;
                 marsh1200: string;
+                coolGrey100: string;
+                coolGrey200: string;
+                coolGrey300: string;
+                coolGrey400: string;
+                coolGrey500: string;
+                coolGrey600: string;
+                coolGrey700: string;
+                coolGrey800: string;
+                coolGrey900: string;
+                coolGrey1000: string;
+                coolGrey1100: string;
+                coolGrey1200: string;
                 alpha100: string;
                 alpha150: string;
                 alpha200: string;
@@ -1384,6 +1420,18 @@ export declare const DataTable: (({ columns, data: dataProp, getAsyncData, defau
                 marsh1000: string;
                 marsh1100: string;
                 marsh1200: string;
+                coolGrey100: string;
+                coolGrey200: string;
+                coolGrey300: string;
+                coolGrey400: string;
+                coolGrey500: string;
+                coolGrey600: string;
+                coolGrey700: string;
+                coolGrey800: string;
+                coolGrey900: string;
+                coolGrey1000: string;
+                coolGrey1100: string;
+                coolGrey1200: string;
                 alpha100: string;
                 alpha150: string;
                 alpha200: string;
@@ -1781,6 +1829,18 @@ export declare const DataTable: (({ columns, data: dataProp, getAsyncData, defau
                 marsh1000: string;
                 marsh1100: string;
                 marsh1200: string;
+                coolGrey100: string;
+                coolGrey200: string;
+                coolGrey300: string;
+                coolGrey400: string;
+                coolGrey500: string;
+                coolGrey600: string;
+                coolGrey700: string;
+                coolGrey800: string;
+                coolGrey900: string;
+                coolGrey1000: string;
+                coolGrey1100: string;
+                coolGrey1200: string;
                 alpha100: string;
                 alpha150: string;
                 alpha200: string;
@@ -2216,6 +2276,18 @@ export declare const DataTable: (({ columns, data: dataProp, getAsyncData, defau
                 marsh1000: string;
                 marsh1100: string;
                 marsh1200: string;
+                coolGrey100: string;
+                coolGrey200: string;
+                coolGrey300: string;
+                coolGrey400: string;
+                coolGrey500: string;
+                coolGrey600: string;
+                coolGrey700: string;
+                coolGrey800: string;
+                coolGrey900: string;
+                coolGrey1000: string;
+                coolGrey1100: string;
+                coolGrey1200: string;
                 alpha100: string;
                 alpha150: string;
                 alpha200: string;
@@ -2602,6 +2674,18 @@ export declare const DataTable: (({ columns, data: dataProp, getAsyncData, defau
                 marsh1000: string;
                 marsh1100: string;
                 marsh1200: string;
+                coolGrey100: string;
+                coolGrey200: string;
+                coolGrey300: string;
+                coolGrey400: string;
+                coolGrey500: string;
+                coolGrey600: string;
+                coolGrey700: string;
+                coolGrey800: string;
+                coolGrey900: string;
+                coolGrey1000: string;
+                coolGrey1100: string;
+                coolGrey1200: string;
                 alpha100: string;
                 alpha150: string;
                 alpha200: string;
@@ -3000,6 +3084,18 @@ export declare const DataTable: (({ columns, data: dataProp, getAsyncData, defau
                     marsh1000: string;
                     marsh1100: string;
                     marsh1200: string;
+                    coolGrey100: string;
+                    coolGrey200: string;
+                    coolGrey300: string;
+                    coolGrey400: string;
+                    coolGrey500: string;
+                    coolGrey600: string;
+                    coolGrey700: string;
+                    coolGrey800: string;
+                    coolGrey900: string;
+                    coolGrey1000: string;
+                    coolGrey1100: string;
+                    coolGrey1200: string;
                     alpha100: string;
                     alpha150: string;
                     alpha200: string;
@@ -3402,6 +3498,18 @@ export declare const DataTable: (({ columns, data: dataProp, getAsyncData, defau
             marsh1000: string;
             marsh1100: string;
             marsh1200: string;
+            coolGrey100: string;
+            coolGrey200: string;
+            coolGrey300: string;
+            coolGrey400: string;
+            coolGrey500: string;
+            coolGrey600: string;
+            coolGrey700: string;
+            coolGrey800: string;
+            coolGrey900: string;
+            coolGrey1000: string;
+            coolGrey1100: string;
+            coolGrey1200: string;
             alpha100: string;
             alpha150: string;
             alpha200: string;
@@ -3799,6 +3907,18 @@ export declare const DataTable: (({ columns, data: dataProp, getAsyncData, defau
                 marsh1000: string;
                 marsh1100: string;
                 marsh1200: string;
+                coolGrey100: string;
+                coolGrey200: string;
+                coolGrey300: string;
+                coolGrey400: string;
+                coolGrey500: string;
+                coolGrey600: string;
+                coolGrey700: string;
+                coolGrey800: string;
+                coolGrey900: string;
+                coolGrey1000: string;
+                coolGrey1100: string;
+                coolGrey1200: string;
                 alpha100: string;
                 alpha150: string;
                 alpha200: string;
@@ -4172,6 +4292,18 @@ export declare const DataTable: (({ columns, data: dataProp, getAsyncData, defau
                 marsh1000: string;
                 marsh1100: string;
                 marsh1200: string;
+                coolGrey100: string;
+                coolGrey200: string;
+                coolGrey300: string;
+                coolGrey400: string;
+                coolGrey500: string;
+                coolGrey600: string;
+                coolGrey700: string;
+                coolGrey800: string;
+                coolGrey900: string;
+                coolGrey1000: string;
+                coolGrey1100: string;
+                coolGrey1200: string;
                 alpha100: string;
                 alpha150: string;
                 alpha200: string;

package/dist/components/data-table/DataTableLoading.d.ts CHANGED Viewed

@@ -207,6 +207,18 @@ declare const PendingState: import("@atom-learning/stitches-react/types/styled-c
         marsh1000: string;
         marsh1100: string;
         marsh1200: string;
+        coolGrey100: string;
+        coolGrey200: string;
+        coolGrey300: string;
+        coolGrey400: string;
+        coolGrey500: string;
+        coolGrey600: string;
+        coolGrey700: string;
+        coolGrey800: string;
+        coolGrey900: string;
+        coolGrey1000: string;
+        coolGrey1100: string;
+        coolGrey1200: string;
         alpha100: string;
         alpha150: string;
         alpha200: string;

package/dist/components/data-table/pagination/Pagination.d.ts CHANGED Viewed

@@ -204,6 +204,18 @@ declare const StyledNav: import("@atom-learning/stitches-react/types/styled-comp
         marsh1000: string;
         marsh1100: string;
         marsh1200: string;
+        coolGrey100: string;
+        coolGrey200: string;
+        coolGrey300: string;
+        coolGrey400: string;
+        coolGrey500: string;
+        coolGrey600: string;
+        coolGrey700: string;
+        coolGrey800: string;
+        coolGrey900: string;
+        coolGrey1000: string;
+        coolGrey1100: string;
+        coolGrey1200: string;
         alpha100: string;
         alpha150: string;
         alpha200: string;

package/dist/components/data-table/pagination/Pagination.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Pagination.js","sources":["../../../../src/components/data-table/pagination/Pagination.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/stitches'\n\nimport { TcolorScheme } from '../../../experiments/color-scheme'\nimport { Pagination as PaginationComponent } from '../../pagination'\nimport { Text } from '../../text'\nimport { AsyncDataState } from '../DataTable.types'\nimport { useDataTable } from '../DataTableContext'\n\nconst StyledNav = styled('nav', {\n display: 'flex',\n flexDirection: 'column',\n justifyContent: 'space-between',\n alignItems: 'center',\n fontVariantNumeric: 'tabular-nums',\n flexWrap: 'wrap',\n width: '100%',\n gap: '$4',\n mt: '$4',\n '@md': {\n flexDirection: 'row'\n }\n})\n\ntype PaginationProps = React.ComponentProps<typeof StyledNav> & {\n colorScheme?: TcolorScheme\n}\n\n/** Applies pagination to parent DataTableProvider and renders UI to switch pages etc /\nexport const Pagination = ({ colorScheme, ...props }: PaginationProps) => {\n const {\n applyPagination,\n getState,\n getExpandedRowModel,\n getRowModel,\n setPageIndex,\n getTotalRows,\n getPageCount,\n asyncDataState,\n hasAsyncData\n } = useDataTable()\n\n React.useEffect(() => {\n applyPagination()\n }, [applyPagination])\n\n const { pagination: paginationState } = getState()\n const isPending = asyncDataState === AsyncDataState.PENDING\n const isEmpty = !isPending && getTotalRows() === 0\n // Show pagination only if total pages are more than 1\n const showPagination = hasAsyncData\n ? getPageCount() > 1\n : getExpandedRowModel().rows.length / paginationState.pageSize > 1\n\n if (isEmpty \|\| !showPagination) return null\n const totalVisibleRows = getExpandedRowModel().rows.length\n\n const start =\n totalVisibleRows === 0\n ? 0\n : paginationState.pageIndex paginationState.pageSize + 1\n\n const asyncRowCount = getRowModel().rows.length\n const end = hasAsyncData\n ? asyncRowCount === 0\n ? start\n : start + asyncRowCount - 1\n : Math.min(start + paginationState.pageSize - 1, totalVisibleRows)\n\n // indexing for the pagination component is 1 based\n const setPage = (index: number) => {\n setPageIndex(index - 1)\n }\n\n const pageCount = hasAsyncData\n ? getPageCount()\n : Math.max(1, Math.ceil(totalVisibleRows / paginationState.pageSize))\n\n return (\n <StyledNav {...props}>\n <Text size=\"sm\">{`${start} - ${end} of ${hasAsyncData ? getTotalRows() : totalVisibleRows} items`}</Text>\n <PaginationComponent\n colorScheme={colorScheme}\n selectedPage={paginationState.pageIndex + 1}\n pagesCount={pageCount}\n onSelectedPageChange={setPage}\n />\n </StyledNav>\n )\n}\n\nPagination.displayName = 'Pagination'\n"],"names":["StyledNav","styled","Pagination","colorScheme","props","applyPagination","getState","getExpandedRowModel","getRowModel","setPageIndex","getTotalRows","getPageCount","asyncDataState","hasAsyncData","useDataTable","React","paginationState","isEmpty","AsyncDataState","showPagination","totalVisibleRows","start","asyncRowCount","end","setPage","index","pageCount","Text","PaginationComponent"],"mappings":"yRAUA,MAAMA,EAAYC,EAAO,MAAO,CAC9B,QAAS,OACT,cAAe,SACf,eAAgB,gBAChB,WAAY,SACZ,mBAAoB,eACpB,SAAU,OACV,MAAO,OACP,IAAK,KACL,GAAI,KACJ,MAAO,CACL,cAAe,KACjB,CACF,CAAC,EAOYC,EAAa,CAAC,CAAE,YAAAC,KAAgBC,CAAM,IAAuB,CACxE,KAAM,CACJ,gBAAAC,EACA,SAAAC,EACA,oBAAAC,EACA,YAAAC,EACA,aAAAC,EACA,aAAAC,EACA,aAAAC,EACA,eAAAC,EACA,aAAAC,CACF,EAAIC,IAEJC,EAAM,UAAU,IAAM,CACpBV,EACF,CAAA,EAAG,CAACA,CAAe,CAAC,EAEpB,KAAM,CAAE,WAAYW,CAAgB,EAAIV,EAAS,EAE3CW,EADYL,IAAmBM,EAAe,SACtBR,EAAmB,IAAA,EAE3CS,EAAiBN,EACnBF,EAAiB,EAAA,EACjBJ,EAAoB,EAAE,KAAK,OAASS,EAAgB,SAAW,EAEnE,GAAIC,GAAW,CAACE,EAAgB,OAAO,KACvC,MAAMC,EAAmBb,IAAsB,KAAK,OAE9Cc,EACJD,IAAqB,EACjB,EACAJ,EAAgB,UAAYA,EAAgB,SAAW,EAEvDM,EAAgBd,EAAc,EAAA,KAAK,OACnCe,EAAMV,EACRS,IAAkB,EAChBD,EACAA,EAAQC,EAAgB,EAC1B,KAAK,IAAID,EAAQL,EAAgB,SAAW,EAAGI,CAAgB,EAG7DI,EAAWC,GAAkB,CACjChB,EAAagB,EAAQ,CAAC,CACxB,EAEMC,EAAYb,EACdF,EAAa,EACb,KAAK,IAAI,EAAG,KAAK,KAAKS,EAAmBJ,EAAgB,QAAQ,CAAC,EAEtE,OACED,EAAA,cAACf,EAAA,CAAW,GAAGI,CACbW,EAAAA,EAAA,cAACY,EAAA,CAAK,KAAK,MAAM,GAAGN,OAAWE,~~QAAUV~~,EAAeH,EAAa,EAAIU,~~SAAyB~~,~~EAClGL~~,EAAA,cAACa,EAAA,CACC,YAAazB,EACb,aAAca,EAAgB,UAAY,EAC1C,WAAYU,EACZ,qBAAsBF,CAAAA,CACxB,CACF,CAEJ,EAEAtB,EAAW,YAAc"}
1	+ {"version":3,"file":"Pagination.js","sources":["../../../../src/components/data-table/pagination/Pagination.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/stitches'\n\nimport { TcolorScheme } from '../../../experiments/color-scheme'\nimport { Pagination as PaginationComponent } from '../../pagination'\nimport { Text } from '../../text'\nimport { AsyncDataState } from '../DataTable.types'\nimport { useDataTable } from '../DataTableContext'\n\nconst StyledNav = styled('nav', {\n display: 'flex',\n flexDirection: 'column',\n justifyContent: 'space-between',\n alignItems: 'center',\n fontVariantNumeric: 'tabular-nums',\n flexWrap: 'wrap',\n width: '100%',\n gap: '$4',\n mt: '$4',\n '@md': {\n flexDirection: 'row'\n }\n})\n\ntype PaginationProps = React.ComponentProps<typeof StyledNav> & {\n colorScheme?: TcolorScheme\n}\n\n/** Applies pagination to parent DataTableProvider and renders UI to switch pages etc /\nexport const Pagination = ({ colorScheme, ...props }: PaginationProps) => {\n const {\n applyPagination,\n getState,\n getExpandedRowModel,\n getRowModel,\n setPageIndex,\n getTotalRows,\n getPageCount,\n asyncDataState,\n hasAsyncData\n } = useDataTable()\n\n React.useEffect(() => {\n applyPagination()\n }, [applyPagination])\n\n const { pagination: paginationState } = getState()\n const isPending = asyncDataState === AsyncDataState.PENDING\n const isEmpty = !isPending && getTotalRows() === 0\n // Show pagination only if total pages are more than 1\n const showPagination = hasAsyncData\n ? getPageCount() > 1\n : getExpandedRowModel().rows.length / paginationState.pageSize > 1\n\n if (isEmpty \|\| !showPagination) return null\n const totalVisibleRows = getExpandedRowModel().rows.length\n\n const start =\n totalVisibleRows === 0\n ? 0\n : paginationState.pageIndex paginationState.pageSize + 1\n\n const asyncRowCount = getRowModel().rows.length\n const end = hasAsyncData\n ? asyncRowCount === 0\n ? start\n : start + asyncRowCount - 1\n : Math.min(start + paginationState.pageSize - 1, totalVisibleRows)\n\n // indexing for the pagination component is 1 based\n const setPage = (index: number) => {\n setPageIndex(index - 1)\n }\n\n const pageCount = hasAsyncData\n ? getPageCount()\n : Math.max(1, Math.ceil(totalVisibleRows / paginationState.pageSize))\n\n return (\n <StyledNav {...props}>\n <Text size=\"sm\">{`${start} - ${end} of ${\n hasAsyncData ? getTotalRows() : totalVisibleRows\n } items`}</Text>\n <PaginationComponent\n colorScheme={colorScheme}\n selectedPage={paginationState.pageIndex + 1}\n pagesCount={pageCount}\n onSelectedPageChange={setPage}\n />\n </StyledNav>\n )\n}\n\nPagination.displayName = 'Pagination'\n"],"names":["StyledNav","styled","Pagination","colorScheme","props","applyPagination","getState","getExpandedRowModel","getRowModel","setPageIndex","getTotalRows","getPageCount","asyncDataState","hasAsyncData","useDataTable","React","paginationState","isEmpty","AsyncDataState","showPagination","totalVisibleRows","start","asyncRowCount","end","setPage","index","pageCount","Text","PaginationComponent"],"mappings":"yRAUA,MAAMA,EAAYC,EAAO,MAAO,CAC9B,QAAS,OACT,cAAe,SACf,eAAgB,gBAChB,WAAY,SACZ,mBAAoB,eACpB,SAAU,OACV,MAAO,OACP,IAAK,KACL,GAAI,KACJ,MAAO,CACL,cAAe,KACjB,CACF,CAAC,EAOYC,EAAa,CAAC,CAAE,YAAAC,KAAgBC,CAAM,IAAuB,CACxE,KAAM,CACJ,gBAAAC,EACA,SAAAC,EACA,oBAAAC,EACA,YAAAC,EACA,aAAAC,EACA,aAAAC,EACA,aAAAC,EACA,eAAAC,EACA,aAAAC,CACF,EAAIC,IAEJC,EAAM,UAAU,IAAM,CACpBV,EACF,CAAA,EAAG,CAACA,CAAe,CAAC,EAEpB,KAAM,CAAE,WAAYW,CAAgB,EAAIV,EAAS,EAE3CW,EADYL,IAAmBM,EAAe,SACtBR,EAAmB,IAAA,EAE3CS,EAAiBN,EACnBF,EAAiB,EAAA,EACjBJ,EAAoB,EAAE,KAAK,OAASS,EAAgB,SAAW,EAEnE,GAAIC,GAAW,CAACE,EAAgB,OAAO,KACvC,MAAMC,EAAmBb,IAAsB,KAAK,OAE9Cc,EACJD,IAAqB,EACjB,EACAJ,EAAgB,UAAYA,EAAgB,SAAW,EAEvDM,EAAgBd,EAAc,EAAA,KAAK,OACnCe,EAAMV,EACRS,IAAkB,EAChBD,EACAA,EAAQC,EAAgB,EAC1B,KAAK,IAAID,EAAQL,EAAgB,SAAW,EAAGI,CAAgB,EAG7DI,EAAWC,GAAkB,CACjChB,EAAagB,EAAQ,CAAC,CACxB,EAEMC,EAAYb,EACdF,EAAa,EACb,KAAK,IAAI,EAAG,KAAK,KAAKS,EAAmBJ,EAAgB,QAAQ,CAAC,EAEtE,OACED,EAAA,cAACf,EAAA,CAAW,GAAGI,CACbW,EAAAA,EAAA,cAACY,EAAA,CAAK,KAAK,MAAM,GAAGN,OAAWE,QAC7BV,EAAeH,EAAa,EAAIU,SACzB,EACTL,EAAA,cAACa,EAAA,CACC,YAAazB,EACb,aAAca,EAAgB,UAAY,EAC1C,WAAYU,EACZ,qBAAsBF,CAAAA,CACxB,CACF,CAEJ,EAEAtB,EAAW,YAAc"}

package/dist/components/dialog/Dialog.d.ts CHANGED Viewed

@@ -202,6 +202,18 @@ export declare const Dialog: import("@atom-learning/stitches-react/types/styled-
         marsh1000: string;
         marsh1100: string;
         marsh1200: string;
+        coolGrey100: string;
+        coolGrey200: string;
+        coolGrey300: string;
+        coolGrey400: string;
+        coolGrey500: string;
+        coolGrey600: string;
+        coolGrey700: string;
+        coolGrey800: string;
+        coolGrey900: string;
+        coolGrey1000: string;
+        coolGrey1100: string;
+        coolGrey1200: string;
         alpha100: string;
         alpha150: string;
         alpha200: string;
@@ -572,6 +584,18 @@ export declare const Dialog: import("@atom-learning/stitches-react/types/styled-
             marsh1000: string;
             marsh1100: string;
             marsh1200: string;
+            coolGrey100: string;
+            coolGrey200: string;
+            coolGrey300: string;
+            coolGrey400: string;
+            coolGrey500: string;
+            coolGrey600: string;
+            coolGrey700: string;
+            coolGrey800: string;
+            coolGrey900: string;
+            coolGrey1000: string;
+            coolGrey1100: string;
+            coolGrey1200: string;
             alpha100: string;
             alpha150: string;
             alpha200: string;
@@ -941,6 +965,18 @@ export declare const Dialog: import("@atom-learning/stitches-react/types/styled-
             marsh1000: string;
             marsh1100: string;
             marsh1200: string;
+            coolGrey100: string;
+            coolGrey200: string;
+            coolGrey300: string;
+            coolGrey400: string;
+            coolGrey500: string;
+            coolGrey600: string;
+            coolGrey700: string;
+            coolGrey800: string;
+            coolGrey900: string;
+            coolGrey1000: string;
+            coolGrey1100: string;
+            coolGrey1200: string;
             alpha100: string;
             alpha150: string;
             alpha200: string;
@@ -1311,6 +1347,18 @@ export declare const Dialog: import("@atom-learning/stitches-react/types/styled-
             marsh1000: string;
             marsh1100: string;
             marsh1200: string;
+            coolGrey100: string;
+            coolGrey200: string;
+            coolGrey300: string;
+            coolGrey400: string;
+            coolGrey500: string;
+            coolGrey600: string;
+            coolGrey700: string;
+            coolGrey800: string;
+            coolGrey900: string;
+            coolGrey1000: string;
+            coolGrey1100: string;
+            coolGrey1200: string;
             alpha100: string;
             alpha150: string;
             alpha200: string;
@@ -1684,6 +1732,18 @@ export declare const Dialog: import("@atom-learning/stitches-react/types/styled-
                 marsh1000: string;
                 marsh1100: string;
                 marsh1200: string;
+                coolGrey100: string;
+                coolGrey200: string;
+                coolGrey300: string;
+                coolGrey400: string;
+                coolGrey500: string;
+                coolGrey600: string;
+                coolGrey700: string;
+                coolGrey800: string;
+                coolGrey900: string;
+                coolGrey1000: string;
+                coolGrey1100: string;
+                coolGrey1200: string;
                 alpha100: string;
                 alpha150: string;
                 alpha200: string;

package/dist/components/dialog/DialogBackground.d.ts CHANGED Viewed

@@ -202,6 +202,18 @@ export declare const DialogBackground: import("@atom-learning/stitches-react/typ
         marsh1000: string;
         marsh1100: string;
         marsh1200: string;
+        coolGrey100: string;
+        coolGrey200: string;
+        coolGrey300: string;
+        coolGrey400: string;
+        coolGrey500: string;
+        coolGrey600: string;
+        coolGrey700: string;
+        coolGrey800: string;
+        coolGrey900: string;
+        coolGrey1000: string;
+        coolGrey1100: string;
+        coolGrey1200: string;
         alpha100: string;
         alpha150: string;
         alpha200: string;
@@ -571,6 +583,18 @@ export declare const DialogBackground: import("@atom-learning/stitches-react/typ
         marsh1000: string;
         marsh1100: string;
         marsh1200: string;
+        coolGrey100: string;
+        coolGrey200: string;
+        coolGrey300: string;
+        coolGrey400: string;
+        coolGrey500: string;
+        coolGrey600: string;
+        coolGrey700: string;
+        coolGrey800: string;
+        coolGrey900: string;
+        coolGrey1000: string;
+        coolGrey1100: string;
+        coolGrey1200: string;
         alpha100: string;
         alpha150: string;
         alpha200: string;

package/dist/components/dialog/DialogClose.d.ts CHANGED Viewed

@@ -202,6 +202,18 @@ export declare const DialogClose: import("@atom-learning/stitches-react/types/st
         marsh1000: string;
         marsh1100: string;
         marsh1200: string;
+        coolGrey100: string;
+        coolGrey200: string;
+        coolGrey300: string;
+        coolGrey400: string;
+        coolGrey500: string;
+        coolGrey600: string;
+        coolGrey700: string;
+        coolGrey800: string;
+        coolGrey900: string;
+        coolGrey1000: string;
+        coolGrey1100: string;
+        coolGrey1200: string;
         alpha100: string;
         alpha150: string;
         alpha200: string;

package/dist/components/dialog/DialogContent.d.ts CHANGED Viewed

@@ -205,6 +205,18 @@ declare const StyledDialogContent: import("@atom-learning/stitches-react/types/s
         marsh1000: string;
         marsh1100: string;
         marsh1200: string;
+        coolGrey100: string;
+        coolGrey200: string;
+        coolGrey300: string;
+        coolGrey400: string;
+        coolGrey500: string;
+        coolGrey600: string;
+        coolGrey700: string;
+        coolGrey800: string;
+        coolGrey900: string;
+        coolGrey1000: string;
+        coolGrey1100: string;
+        coolGrey1200: string;
         alpha100: string;
         alpha150: string;
         alpha200: string;

package/dist/components/divider/Divider.d.ts CHANGED Viewed

@@ -205,6 +205,18 @@ export declare const StyledDivider: import("@atom-learning/stitches-react/types/
         marsh1000: string;
         marsh1100: string;
         marsh1200: string;
+        coolGrey100: string;
+        coolGrey200: string;
+        coolGrey300: string;
+        coolGrey400: string;
+        coolGrey500: string;
+        coolGrey600: string;
+        coolGrey700: string;
+        coolGrey800: string;
+        coolGrey900: string;
+        coolGrey1000: string;
+        coolGrey1100: string;
+        coolGrey1200: string;
         alpha100: string;
         alpha150: string;
         alpha200: string;