@atom-learning/components 5.12.0 → 5.13.0-beta.0

package/dist/index.d.ts

@@ -2,4 +2,4 @@ export * from './components';
 export * from './stitches';
 export { ColorScheme } from './experiments/color-scheme';
 export type { TcolorScheme } from './experiments/color-scheme';
-export { createThemeVariants, focusVisibleStyleBlock, NoOverflowWrapper, noOverflowStyleBlock } from './utilities';
+export { NoOverflowWrapper } from './utilities';

package/dist/index.js

@@ -1,2 +1,2 @@
-import{Accordion as i}from"./components/accordion/Accordion.js";import{ActionIcon as l}from"./components/action-icon/ActionIcon.js";import{AlertDialog as d}from"./components/alert-dialog/AlertDialog.js";import{AlertProvider as u,useAlert as c}from"./components/alert-dialog/alert-context/AlertContext.js";import{Avatar as g}from"./components/avatar/Avatar.js";import{Badge as b}from"./components/badge/Badge.js";import{BannerRegular as F}from"./components/banner/banner-regular/BannerRegular.js";import{BannerSlim as B}from"./components/banner/banner-slim/BannerSlim.js";import{Box as D}from"./components/box/Box.js";import{Button as G,StyledButton as v}from"./components/button/Button.js";import{Carousel as y,useCarousel as P}from"./components/carousel/Carousel.js";import{Checkbox as M}from"./components/checkbox/Checkbox.js";import{CheckboxGroup as R}from"./components/checkbox-group/CheckboxGroup.js";import{CheckboxTree as V}from"./components/checkbox-tree/CheckboxTree.js";import{CheckboxField as O}from"./components/checkbox-field/CheckboxField.js";import{Chip as H}from"./components/chip/Chip.js";import{ChipGroup as j}from"./components/chip/ChipGroup.js";import{ChipDismissibleGroup as z}from"./components/chip-dismissible-group/index.js";import{ChipToggleGroup as Q}from"./components/chip-toggle-group/index.js";import{Combobox as X}from"./components/combobox/Combobox.js";import{CreatePasswordField as Z}from"./components/create-password-field/CreatePasswordField.js";import{useDataTable as $}from"./components/data-table/DataTableContext.js";import{DataTable as ro}from"./components/data-table/DataTable.js";import{DateField as to}from"./components/date-field/DateField.js";import{DateInput as mo}from"./components/date-input/DateInput.js";import{Dialog as fo}from"./components/dialog/Dialog.js";import{Dismissible as ao}from"./components/dismissible/index.js";import{DismissibleGroup as no}from"./components/dismissible-group/index.js";import{Divider as uo}from"./components/divider/Divider.js";import{Drawer as To}from"./components/drawer/Drawer.js";import{DropdownMenu as So}from"./components/dropdown-menu/DropdownMenu.js";import{EmptyState as Co}from"./components/empty-state/EmptyState.js";import{FieldWrapper as ho}from"./components/field-wrapper/FieldWrapper.js";import{InlineFieldWrapper as Io}from"./components/field-wrapper/InlineFieldWrapper.js";import{FileInput as ko}from"./components/file-input/FileInput.js";import{Flex as vo}from"./components/flex/Flex.js";import{Form as yo}from"./components/form/Form.js";import"dlv";import"react-hook-form";import"./components/form/useFormCustomContext.js";import{Grid as Ao}from"./components/grid/Grid.js";import{Heading as No}from"./components/heading/Heading.js";import{Icon as Lo}from"./components/icon/Icon.js";import{Image as Wo}from"./components/image/Image.js";import{InlineMessage as Eo}from"./components/inline-message/InlineMessage.js";import{Input as Ko,InputBackground as jo,InputText as qo}from"./components/input/Input.js";import{InputField as Jo}from"./components/input-field/InputField.js";import{Label as Uo}from"./components/label/Label.js";import{Link as Yo,StyledLink as Zo}from"./components/link/Link.js";import{List as $o}from"./components/list/List.js";import{Loader as rr}from"./components/loader/Loader.js";import{MarkdownContent as tr}from"./components/markdown-content/MarkdownContent.js";import{NavigationMenu as mr}from"./components/navigation/NavigationMenu.js";import{NavigationMenuVertical as fr}from"./components/navigation-menu-vertical/NavigationMenuVertical.js";import{NotificationBadge as ar}from"./components/notification-badge/NotificationBadge.js";import{NumberInput as nr}from"./components/number-input/NumberInput.js";import{NumberInputField as sr}from"./components/number-input-field/NumberInputField.js";import{Pagination as cr}from"./components/pagination/Pagination.js";import{PasswordField as gr}from"./components/password-field/PasswordField.js";import{PasswordInput as br}from"./components/password-input/PasswordInput.js";import{Popover as Fr}from"./components/popover/Popover.js";import{ProgressBar as Br}from"./components/progress-bar/ProgressBar.js";import{RadioButton as Dr}from"./components/radio-button/RadioButton.js";import{RadioButtonGroup as Gr}from"./components/radio-button/RadioButtonGroup.js";import{RadioButtonField as wr}from"./components/radio-button-field/RadioButtonField.js";import{RadioCard as Pr}from"./components/radio-card/RadioCard.js";import{RadioCardGroup as Mr}from"./components/radio-card/RadioCardGroup.js";import{SearchField as Rr}from"./components/search-field/SearchField.js";import{SearchInput as Vr}from"./components/search-input/SearchInput.js";import{SectionMessage as Or}from"./components/section-message/SectionMessage.js";import{Select as Hr}from"./components/select/Select.js";import{SelectField as jr}from"./components/select-field/SelectField.js";import{SideBar as zr}from"./components/side-bar/SideBar.js";import{useSidebarState as Qr}from"./components/side-bar/SideBarContext.js";import{Slider as Xr}from"./components/slider/Slider.js";import{SliderField as Zr}from"./components/slider-field/SliderField.js";import{Sortable as $r}from"./components/sortable/index.js";import{Spacer as re}from"./components/spacer/Spacer.js";import{Stepper as te}from"./components/stepper/Stepper.js";import{Switch as me}from"./components/switch/Switch.js";import{Table as fe}from"./components/table/Table.js";import{Tabs as ae}from"./components/tabs/Tabs.js";import{Text as ne}from"./components/text/Text.js";import{Textarea as se}from"./components/textarea/Textarea.js";import{TextareaField as ce}from"./components/textarea-field/TextareaField.js";import{Tile as ge}from"./components/tile/Tile.js";import{TileGroup as be}from"./components/tile/TileGroup.js";import{TileInteractive as Fe}from"./components/tile-interactive/TileInteractive.js";import{TileToggleGroup as Be}from"./components/tile-toggle-group/index.js";import{Toast as De}from"./components/toast/Toast.js";import{ToastProvider as Ge}from"./components/toast/ToastProvider.js";import{ToggleGroup as we}from"./components/toggle-group/index.js";import{Tooltip as Pe}from"./components/tooltip/Tooltip.js";import{TopBar as Me}from"./components/top-bar/TopBar.js";import{Tree as Re}from"./components/tree/Tree.js";import{Video as Ve}from"./components/video/Video.js";import{KeyboardShortcut as Oe}from"./components/keyboard-shortcut/index.js";import{SegmentedControl as He}from"./components/segmented-control/SegmentedControl.js";import{FileDrop as je}from"./components/file-drop/FileDrop.js";import{useFileDrop as ze}from"./components/file-drop/useFileDrop.js";import{createTheme as Qe,css as Ue,getCssText as Xe,globalCss as Ye,keyframes as Ze,media as _e,styled as $e,theme as ot,utils as rt}from"./stitches.js";import{ColorScheme as tt}from"./experiments/color-scheme/ColorScheme.js";import{createThemeVariants as mt}from"./utilities/create-theme-variants/createThemeVariants.js";import"./utilities/css-wrapper/CSSWrapper.js";import{NoOverflowWrapper as ft,noOverflowStyleBlock as it}from"./utilities/no-overflow-wrapper/NoOverflowWrapper.js";import"color2k";import{focusVisibleStyleBlock as lt}from"./utilities/style/focus-visible-style-block.js";import"./utilities/style/keyframe-animations.js";import{default as dt}from"react-hot-toast";export{i as Accordion,l as ActionIcon,d as AlertDialog,u as AlertProvider,g as Avatar,b as Badge,F as BannerRegular,B as BannerSlim,D as Box,G as Button,y as Carousel,M as Checkbox,O as CheckboxField,R as CheckboxGroup,V as CheckboxTree,H as Chip,z as ChipDismissibleGroup,j as ChipGroup,Q as ChipToggleGroup,tt as ColorScheme,X as Combobox,Z as CreatePasswordField,ro as DataTable,to as DateField,mo as DateInput,fo as Dialog,ao as Dismissible,no as DismissibleGroup,uo as Divider,To as Drawer,So as DropdownMenu,Co as EmptyState,ho as FieldWrapper,je as FileDrop,ko as FileInput,vo as Flex,yo as Form,Ao as Grid,No as Heading,Lo as Icon,Wo as Image,Io as InlineFieldWrapper,Eo as InlineMessage,Ko as Input,jo as InputBackground,Jo as InputField,qo as InputText,Oe as KeyboardShortcut,Uo as Label,Yo as Link,$o as List,rr as Loader,tr as MarkdownContent,mr as NavigationMenu,fr as NavigationMenuVertical,ft as NoOverflowWrapper,ar as NotificationBadge,nr as NumberInput,sr as NumberInputField,cr as Pagination,gr as PasswordField,br as PasswordInput,Fr as Popover,Br as ProgressBar,Dr as RadioButton,wr as RadioButtonField,Gr as RadioButtonGroup,Pr as RadioCard,Mr as RadioCardGroup,Rr as SearchField,Vr as SearchInput,Or as SectionMessage,He as SegmentedControl,Hr as Select,jr as SelectField,zr as SideBar,Xr as Slider,Zr as SliderField,$r as Sortable,re as Spacer,te as Stepper,v as StyledButton,Zo as StyledLink,me as Switch,fe as Table,ae as Tabs,ne as Text,se as Textarea,ce as TextareaField,ge as Tile,be as TileGroup,Fe as TileInteractive,Be as TileToggleGroup,De as Toast,Ge as ToastProvider,we as ToggleGroup,Pe as Tooltip,Me as TopBar,Re as Tree,Ve as Video,Qe as createTheme,mt as createThemeVariants,Ue as css,lt as focusVisibleStyleBlock,Xe as getCssText,Ye as globalCss,Ze as keyframes,_e as media,it as noOverflowStyleBlock,$e as styled,ot as theme,dt as toast,c as useAlert,P as useCarousel,$ as useDataTable,ze as useFileDrop,Qr as useSidebarState,rt as utils};
+import{Accordion as i}from"./components/accordion/Accordion.js";import{ActionIcon as l}from"./components/action-icon/ActionIcon.js";import{AlertDialog as n}from"./components/alert-dialog/AlertDialog.js";import{AlertProvider as u,useAlert as c}from"./components/alert-dialog/alert-context/AlertContext.js";import{Avatar as T}from"./components/avatar/Avatar.js";import{Badge as b}from"./components/badge/Badge.js";import{BannerRegular as F}from"./components/banner/banner-regular/BannerRegular.js";import{BannerSlim as h}from"./components/banner/banner-slim/BannerSlim.js";import{Box as D}from"./components/box/Box.js";import{Button as k,StyledButton as v}from"./components/button/Button.js";import{Carousel as P,useCarousel as y}from"./components/carousel/Carousel.js";import{Checkbox as M}from"./components/checkbox/Checkbox.js";import{CheckboxGroup as R}from"./components/checkbox-group/CheckboxGroup.js";import{CheckboxTree as W}from"./components/checkbox-tree/CheckboxTree.js";import{CheckboxField as E}from"./components/checkbox-field/CheckboxField.js";import{Chip as K}from"./components/chip/Chip.js";import{ChipGroup as j}from"./components/chip/ChipGroup.js";import{ChipDismissibleGroup as z}from"./components/chip-dismissible-group/index.js";import{ChipToggleGroup as Q}from"./components/chip-toggle-group/index.js";import{Combobox as X}from"./components/combobox/Combobox.js";import{CreatePasswordField as Z}from"./components/create-password-field/CreatePasswordField.js";import{useDataTable as $}from"./components/data-table/DataTableContext.js";import{DataTable as ro}from"./components/data-table/DataTable.js";import{DateField as to}from"./components/date-field/DateField.js";import{DateInput as mo}from"./components/date-input/DateInput.js";import{Dialog as fo}from"./components/dialog/Dialog.js";import{Dismissible as ao}from"./components/dismissible/index.js";import{DismissibleGroup as no}from"./components/dismissible-group/index.js";import{Divider as uo}from"./components/divider/Divider.js";import{Drawer as go}from"./components/drawer/Drawer.js";import{DropdownMenu as So}from"./components/dropdown-menu/DropdownMenu.js";import{EmptyState as Co}from"./components/empty-state/EmptyState.js";import{FieldWrapper as Io}from"./components/field-wrapper/FieldWrapper.js";import{InlineFieldWrapper as Bo}from"./components/field-wrapper/InlineFieldWrapper.js";import{FileInput as Go}from"./components/file-input/FileInput.js";import{Flex as vo}from"./components/flex/Flex.js";import{Form as Po}from"./components/form/Form.js";import"dlv";import"react-hook-form";import"./components/form/useFormCustomContext.js";import{Grid as Ao}from"./components/grid/Grid.js";import{Heading as No}from"./components/heading/Heading.js";import{Icon as Lo}from"./components/icon/Icon.js";import{Image as Vo}from"./components/image/Image.js";import{InlineMessage as Ho}from"./components/inline-message/InlineMessage.js";import{Input as Oo,InputBackground as jo,InputText as qo}from"./components/input/Input.js";import{InputField as Jo}from"./components/input-field/InputField.js";import{Label as Uo}from"./components/label/Label.js";import{Link as Yo,StyledLink as Zo}from"./components/link/Link.js";import{List as $o}from"./components/list/List.js";import{Loader as rr}from"./components/loader/Loader.js";import{MarkdownContent as tr}from"./components/markdown-content/MarkdownContent.js";import{NavigationMenu as mr}from"./components/navigation/NavigationMenu.js";import{NavigationMenuVertical as fr}from"./components/navigation-menu-vertical/NavigationMenuVertical.js";import{NotificationBadge as ar}from"./components/notification-badge/NotificationBadge.js";import{NumberInput as dr}from"./components/number-input/NumberInput.js";import{NumberInputField as sr}from"./components/number-input-field/NumberInputField.js";import{Pagination as cr}from"./components/pagination/Pagination.js";import{PasswordField as Tr}from"./components/password-field/PasswordField.js";import{PasswordInput as br}from"./components/password-input/PasswordInput.js";import{Popover as Fr}from"./components/popover/Popover.js";import{ProgressBar as hr}from"./components/progress-bar/ProgressBar.js";import{RadioButton as Dr}from"./components/radio-button/RadioButton.js";import{RadioButtonGroup as kr}from"./components/radio-button/RadioButtonGroup.js";import{RadioButtonField as wr}from"./components/radio-button-field/RadioButtonField.js";import{RadioCard as yr}from"./components/radio-card/RadioCard.js";import{RadioCardGroup as Mr}from"./components/radio-card/RadioCardGroup.js";import{SearchField as Rr}from"./components/search-field/SearchField.js";import{SearchInput as Wr}from"./components/search-input/SearchInput.js";import{SectionMessage as Er}from"./components/section-message/SectionMessage.js";import{Select as Kr}from"./components/select/Select.js";import{SelectField as jr}from"./components/select-field/SelectField.js";import{SideBar as zr}from"./components/side-bar/SideBar.js";import{useSidebarState as Qr}from"./components/side-bar/SideBarContext.js";import{Slider as Xr}from"./components/slider/Slider.js";import{SliderField as Zr}from"./components/slider-field/SliderField.js";import{Sortable as $r}from"./components/sortable/index.js";import{Spacer as re}from"./components/spacer/Spacer.js";import{Stepper as te}from"./components/stepper/Stepper.js";import{Switch as me}from"./components/switch/Switch.js";import{Table as fe}from"./components/table/Table.js";import{Tabs as ae}from"./components/tabs/Tabs.js";import{Text as de}from"./components/text/Text.js";import{Textarea as se}from"./components/textarea/Textarea.js";import{TextareaField as ce}from"./components/textarea-field/TextareaField.js";import{Tile as Te}from"./components/tile/Tile.js";import{TileGroup as be}from"./components/tile/TileGroup.js";import{TileInteractive as Fe}from"./components/tile-interactive/TileInteractive.js";import{TileToggleGroup as he}from"./components/tile-toggle-group/index.js";import{Toast as De}from"./components/toast/Toast.js";import{ToastProvider as ke}from"./components/toast/ToastProvider.js";import{ToggleGroup as we}from"./components/toggle-group/index.js";import{Tooltip as ye}from"./components/tooltip/Tooltip.js";import{TopBar as Me}from"./components/top-bar/TopBar.js";import{Tree as Re}from"./components/tree/Tree.js";import{Video as We}from"./components/video/Video.js";import{KeyboardShortcut as Ee}from"./components/keyboard-shortcut/index.js";import{SegmentedControl as Ke}from"./components/segmented-control/SegmentedControl.js";import{FileDrop as je}from"./components/file-drop/FileDrop.js";import{useFileDrop as ze}from"./components/file-drop/useFileDrop.js";import{createTheme as Qe,css as Ue,getCssText as Xe,globalCss as Ye,keyframes as Ze,media as _e,styled as $e,theme as ot,utils as rt}from"./stitches.js";import{ColorScheme as tt}from"./experiments/color-scheme/ColorScheme.js";import"./utilities/css-wrapper/CSSWrapper.js";import"color2k";import"./utilities/style/keyframe-animations.js";import{NoOverflowWrapper as mt}from"./utilities/no-overflow-wrapper/NoOverflowWrapper.js";import{default as ft}from"react-hot-toast";export{i as Accordion,l as ActionIcon,n as AlertDialog,u as AlertProvider,T as Avatar,b as Badge,F as BannerRegular,h as BannerSlim,D as Box,k as Button,P as Carousel,M as Checkbox,E as CheckboxField,R as CheckboxGroup,W as CheckboxTree,K as Chip,z as ChipDismissibleGroup,j as ChipGroup,Q as ChipToggleGroup,tt as ColorScheme,X as Combobox,Z as CreatePasswordField,ro as DataTable,to as DateField,mo as DateInput,fo as Dialog,ao as Dismissible,no as DismissibleGroup,uo as Divider,go as Drawer,So as DropdownMenu,Co as EmptyState,Io as FieldWrapper,je as FileDrop,Go as FileInput,vo as Flex,Po as Form,Ao as Grid,No as Heading,Lo as Icon,Vo as Image,Bo as InlineFieldWrapper,Ho as InlineMessage,Oo as Input,jo as InputBackground,Jo as InputField,qo as InputText,Ee as KeyboardShortcut,Uo as Label,Yo as Link,$o as List,rr as Loader,tr as MarkdownContent,mr as NavigationMenu,fr as NavigationMenuVertical,mt as NoOverflowWrapper,ar as NotificationBadge,dr as NumberInput,sr as NumberInputField,cr as Pagination,Tr as PasswordField,br as PasswordInput,Fr as Popover,hr as ProgressBar,Dr as RadioButton,wr as RadioButtonField,kr as RadioButtonGroup,yr as RadioCard,Mr as RadioCardGroup,Rr as SearchField,Wr as SearchInput,Er as SectionMessage,Ke as SegmentedControl,Kr as Select,jr as SelectField,zr as SideBar,Xr as Slider,Zr as SliderField,$r as Sortable,re as Spacer,te as Stepper,v as StyledButton,Zo as StyledLink,me as Switch,fe as Table,ae as Tabs,de as Text,se as Textarea,ce as TextareaField,Te as Tile,be as TileGroup,Fe as TileInteractive,he as TileToggleGroup,De as Toast,ke as ToastProvider,we as ToggleGroup,ye as Tooltip,Me as TopBar,Re as Tree,We as Video,Qe as createTheme,Ue as css,Xe as getCssText,Ye as globalCss,Ze as keyframes,_e as media,$e as styled,ot as theme,ft as toast,c as useAlert,y as useCarousel,$ as useDataTable,ze as useFileDrop,Qr as useSidebarState,rt as utils};
 //# sourceMappingURL=index.js.map

package/dist/stitches.d.ts

@@ -79,6 +79,8 @@ declare const stitchesConfig: import("@atom-learning/stitches-react/types/stitch
         textMinimal: string;
         background: string;
         backgroundAccent: string;
+        black: string;
+        white: string;
         grey100: string;
         grey200: string;
         grey300: string;
@@ -445,6 +447,8 @@ export declare const css: {
             textMinimal: string;
             background: string;
             backgroundAccent: string;
+            black: string;
+            white: string;
             grey100: string;
             grey200: string;
             grey300: string;
@@ -806,6 +810,8 @@ export declare const css: {
         textMinimal: string;
         background: string;
         backgroundAccent: string;
+        black: string;
+        white: string;
         grey100: string;
         grey200: string;
         grey300: string;
@@ -1158,6 +1164,8 @@ export declare const css: {
         textMinimal?: string | number | boolean | undefined;
         background?: string | number | boolean | undefined;
         backgroundAccent?: string | number | boolean | undefined;
+        black?: string | number | boolean | undefined;
+        white?: string | number | boolean | undefined;
         grey100?: string | number | boolean | undefined;
         grey200?: string | number | boolean | undefined;
         grey300?: string | number | boolean | undefined;
@@ -1461,6 +1469,8 @@ export declare const css: {
         textMinimal?: string | number | boolean | undefined;
         background?: string | number | boolean | undefined;
         backgroundAccent?: string | number | boolean | undefined;
+        black?: string | number | boolean | undefined;
+        white?: string | number | boolean | undefined;
         grey100?: string | number | boolean | undefined;
         grey200?: string | number | boolean | undefined;
         grey300?: string | number | boolean | undefined;
@@ -1781,6 +1791,8 @@ export declare const css: {
             textMinimal: string;
             background: string;
             backgroundAccent: string;
+            black: string;
+            white: string;
             grey100: string;
             grey200: string;
             grey300: string;
@@ -2142,6 +2154,8 @@ export declare const css: {
         textMinimal: string;
         background: string;
         backgroundAccent: string;
+        black: string;
+        white: string;
         grey100: string;
         grey200: string;
         grey300: string;
@@ -2505,6 +2519,8 @@ export declare const css: {
             textMinimal: string;
             background: string;
             backgroundAccent: string;
+            black: string;
+            white: string;
             grey100: string;
             grey200: string;
             grey300: string;
@@ -2874,6 +2890,8 @@ export declare const css: {
             textMinimal: string;
             background: string;
             backgroundAccent: string;
+            black: string;
+            white: string;
             grey100: string;
             grey200: string;
             grey300: string;
@@ -3235,6 +3253,8 @@ export declare const css: {
         textMinimal: string;
         background: string;
         backgroundAccent: string;
+        black: string;
+        white: string;
         grey100: string;
         grey200: string;
         grey300: string;
@@ -3590,6 +3610,8 @@ export declare const css: {
         textMinimal: import("@atom-learning/stitches-react/types/theme").Token<"textMinimal", string, "colors", "">;
         background: import("@atom-learning/stitches-react/types/theme").Token<"background", string, "colors", "">;
         backgroundAccent: import("@atom-learning/stitches-react/types/theme").Token<"backgroundAccent", string, "colors", "">;
+        black: import("@atom-learning/stitches-react/types/theme").Token<"black", string, "colors", "">;
+        white: import("@atom-learning/stitches-react/types/theme").Token<"white", string, "colors", "">;
         grey100: import("@atom-learning/stitches-react/types/theme").Token<"grey100", string, "colors", "">;
         grey200: import("@atom-learning/stitches-react/types/theme").Token<"grey200", string, "colors", "">;
         grey300: import("@atom-learning/stitches-react/types/theme").Token<"grey300", string, "colors", "">;

package/dist/utilities/index.d.ts

@@ -1,5 +1,4 @@
-export * from './create-theme-variants';
 export * from './css-wrapper';
-export { NoOverflowWrapper, noOverflowStyleBlock } from './no-overflow-wrapper';
 export * from './style';
 export * from './types';
+export * from './no-overflow-wrapper';

package/dist/utilities/no-overflow-wrapper/NoOverflowWrapper.d.ts

@@ -1,377 +1,4 @@
-export declare const noOverflowStyleBlock: () => {
-    size: string;
-    borderRadius: string;
-    overflow: string;
-};
-export declare const NoOverflowWrapper: import("@atom-learning/stitches-react/types/styled-component").StyledComponent<import("@atom-learning/stitches-react/types/styled-component").StyledComponent<"div", {}, {
-    sm: string;
-    md: string;
-    lg: string;
-    xl: string;
-    reducedMotion: string;
-    allowMotion: string;
-    hover: string;
-}, import("@atom-learning/stitches-react/types/css-util").CSS<{
-    sm: string;
-    md: string;
-    lg: string;
-    xl: string;
-    reducedMotion: string;
-    allowMotion: string;
-    hover: string;
-}, {
-    colors: {
-        textBold: string;
-        textRegular: string;
-        textSubtle: string;
-        textMinimal: string;
-        background: string;
-        backgroundAccent: string;
-        grey100: string;
-        grey200: string;
-        grey300: string;
-        grey400: string;
-        grey500: string;
-        grey600: string;
-        grey700: string;
-        grey800: string;
-        grey900: string;
-        grey1000: string;
-        grey1100: string;
-        grey1200: string;
-        blue100: string;
-        blue200: string;
-        blue300: string;
-        blue400: string;
-        blue500: string;
-        blue600: string;
-        blue700: string;
-        blue800: string;
-        blue900: string;
-        blue1000: string;
-        blue1100: string;
-        blue1200: string;
-        pink100: string;
-        pink200: string;
-        pink300: string;
-        pink400: string;
-        pink500: string;
-        pink600: string;
-        pink700: string;
-        pink800: string;
-        pink900: string;
-        pink1000: string;
-        pink1100: string;
-        pink1200: string;
-        purple100: string;
-        purple200: string;
-        purple300: string;
-        purple400: string;
-        purple500: string;
-        purple600: string;
-        purple700: string;
-        purple800: string;
-        purple900: string;
-        purple1000: string;
-        purple1100: string;
-        purple1200: string;
-        cyan100: string;
-        cyan200: string;
-        cyan300: string;
-        cyan400: string;
-        cyan500: string;
-        cyan600: string;
-        cyan700: string;
-        cyan800: string;
-        cyan900: string;
-        cyan1000: string;
-        cyan1100: string;
-        cyan1200: string;
-        green100: string;
-        green200: string;
-        green300: string;
-        green400: string;
-        green500: string;
-        green600: string;
-        green700: string;
-        green800: string;
-        green900: string;
-        green1000: string;
-        green1100: string;
-        green1200: string;
-        magenta100: string;
-        magenta200: string;
-        magenta300: string;
-        magenta400: string;
-        magenta500: string;
-        magenta600: string;
-        magenta700: string;
-        magenta800: string;
-        magenta900: string;
-        magenta1000: string;
-        magenta1100: string;
-        magenta1200: string;
-        red100: string;
-        red200: string;
-        red300: string;
-        red400: string;
-        red500: string;
-        red600: string;
-        red700: string;
-        red800: string;
-        red900: string;
-        red1000: string;
-        red1100: string;
-        red1200: string;
-        teal100: string;
-        teal200: string;
-        teal300: string;
-        teal400: string;
-        teal500: string;
-        teal600: string;
-        teal700: string;
-        teal800: string;
-        teal900: string;
-        teal1000: string;
-        teal1100: string;
-        teal1200: string;
-        orange100: string;
-        orange200: string;
-        orange300: string;
-        orange400: string;
-        orange500: string;
-        orange600: string;
-        orange700: string;
-        orange800: string;
-        orange900: string;
-        orange1000: string;
-        orange1100: string;
-        orange1200: string;
-        yellow100: string;
-        yellow200: string;
-        yellow300: string;
-        yellow400: string;
-        yellow500: string;
-        yellow600: string;
-        yellow700: string;
-        yellow800: string;
-        yellow900: string;
-        yellow1000: string;
-        yellow1100: string;
-        yellow1200: string;
-        lime100: string;
-        lime200: string;
-        lime300: string;
-        lime400: string;
-        lime500: string;
-        lime600: string;
-        lime700: string;
-        lime800: string;
-        lime900: string;
-        lime1000: string;
-        lime1100: string;
-        lime1200: string;
-        lapis100: string;
-        lapis200: string;
-        lapis300: string;
-        lapis400: string;
-        lapis500: string;
-        lapis600: string;
-        lapis700: string;
-        lapis800: string;
-        lapis900: string;
-        lapis1000: string;
-        lapis1100: string;
-        lapis1200: string;
-        maroon100: string;
-        maroon200: string;
-        maroon300: string;
-        maroon400: string;
-        maroon500: string;
-        maroon600: string;
-        maroon700: string;
-        maroon800: string;
-        maroon900: string;
-        maroon1000: string;
-        maroon1100: string;
-        maroon1200: string;
-        marsh100: string;
-        marsh200: string;
-        marsh300: string;
-        marsh400: string;
-        marsh500: string;
-        marsh600: string;
-        marsh700: string;
-        marsh800: string;
-        marsh900: string;
-        marsh1000: string;
-        marsh1100: string;
-        marsh1200: string;
-        alpha100: string;
-        alpha150: string;
-        alpha200: string;
-        alpha250: string;
-        alpha600: string;
-        infoLight: string;
-        info: string;
-        infoMid: string;
-        infoDark: string;
-        successLight: string;
-        success: string;
-        successMid: string;
-        successDark: string;
-        dangerLight: string;
-        danger: string;
-        dangerMid: string;
-        dangerDark: string;
-        warningLight: string;
-        warning: string;
-        warningMid: string;
-        warningDark: string;
-        warningText: string;
-        subjectEnglish: string;
-        subjectMaths: string;
-        subjectScience: string;
-        subjectVerbalReasoning: string;
-        subjectNonVerbalReasoning: string;
-        subjectCreativeWriting: string;
-        subjectExamSkills: string;
-        subjectGcseEnglishLiterature: string;
-        subjectGcseMaths: string;
-        subjectGcseChemistry: string;
-        subjectGcsePhysics: string;
-        subjectGcseBiology: string;
-        glBlueLight: string;
-        glBluePrimary: string;
-        glBlueDark: string;
-        primary100: string;
-        primary200: string;
-        primary300: string;
-        primary400: string;
-        primary500: string;
-        primary600: string;
-        primary700: string;
-        primary800: string;
-        primary900: string;
-        primary1000: string;
-        primary1100: string;
-        primary1200: string;
-    };
-    space: {
-        "0": string;
-        "1": string;
-        "2": string;
-        "3": string;
-        "4": string;
-        "5": string;
-        "6": string;
-        "7": string;
-        "8": string;
-        "9": string;
-        "24": string;
-    };
-    fontSizes: {
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-        "2xl": string;
-        "3xl": string;
-        "4xl": string;
-    };
-    fonts: {
-        sans: string;
-        mono: string;
-        display: string;
-        body: string;
-    };
-    sizes: {
-        "0": string;
-        "1": string;
-        "2": string;
-        "3": string;
-        "4": string;
-        "5": string;
-        "6": string;
-        "7": string;
-        "8": string;
-    };
-    radii: {
-        "0": string;
-        "1": string;
-        "2": string;
-        "3": string;
-        round: string;
-    };
-    shadows: {
-        "0": string;
-        "1": string;
-        "2": string;
-        "3": string;
-    };
-    ratios: {
-        "16-9": string;
-        "3-2": string;
-        "4-3": string;
-        "1-1": string;
-        "3-4": string;
-    };
-}, import("@atom-learning/stitches-react/types/config").DefaultThemeMap, {
-    bg: (value: import("@atom-learning/stitches-react").PropertyValue<"background">) => {
-        background: import("@atom-learning/stitches-react/types/css-util").WithPropertyValue<"background">;
-    };
-    size: (value: import("@atom-learning/stitches-react").ScaleValue<"size"> | number | string) => {
-        height: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"size">;
-        width: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"size">;
-    };
-    p: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
-        padding: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
-    };
-    pt: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
-        paddingTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
-    };
-    pr: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
-        paddingRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
-    };
-    pb: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
-        paddingBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
-    };
-    pl: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
-        paddingLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
-    };
-    px: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
-        paddingLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
-        paddingRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
-    };
-    py: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
-        paddingTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
-        paddingBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
-    };
-    m: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
-        margin: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
-    };
-    mt: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
-        marginTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
-    };
-    mr: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
-        marginRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
-    };
-    mb: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
-        marginBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
-    };
-    ml: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
-        marginLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
-    };
-    mx: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
-        marginLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
-        marginRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
-    };
-    my: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
-        marginTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
-        marginBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
-    };
-}>>, {}, {
+export declare const NoOverflowWrapper: import("@atom-learning/stitches-react/types/styled-component").StyledComponent<"div", {}, {
     sm: string;
     md: string;
     lg: string;
@@ -395,6 +22,8 @@ export declare const NoOverflowWrapper: import("@atom-learning/stitches-react/ty
         textMinimal: string;
         background: string;
         backgroundAccent: string;
+        black: string;
+        white: string;
         grey100: string;
         grey200: string;
         grey300: string;

package/dist/utilities/no-overflow-wrapper/NoOverflowWrapper.js

@@ -1,2 +1,2 @@
-import{Box as e}from"../../components/box/Box.js";import{styled as i}from"../../stitches.js";const o=()=>({size:"100%",borderRadius:"inherit",overflow:"hidden"}),r=i(e,o());r.displayName="NoOverflowWrapper";export{r as NoOverflowWrapper,o as noOverflowStyleBlock};
+import{styled as e}from"../../stitches.js";const r=e("div",{size:"100%",borderRadius:"inherit",overflow:"hidden"});r.displayName="NoOverflowWrapper";export{r as NoOverflowWrapper};
 //# sourceMappingURL=NoOverflowWrapper.js.map

package/dist/utilities/no-overflow-wrapper/NoOverflowWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"NoOverflowWrapper.js","sources":["../../../src/utilities/no-overflow-wrapper/NoOverflowWrapper.tsx"],"sourcesContent":["import { Box } from '~/components/box'\nimport { styled } from '~/stitches'\n\nexport const noOverflowStyleBlock = (): {\n  size: string\n  borderRadius: string\n  overflow: string\n} => {\n  return {\n    size: '100%',\n    borderRadius: 'inherit',\n    overflow: 'hidden'\n  }\n}\n\nexport const NoOverflowWrapper = styled(Box, noOverflowStyleBlock())\n\nNoOverflowWrapper.displayName = 'NoOverflowWrapper'\n"],"names":["noOverflowStyleBlock","NoOverflowWrapper","styled","Box"],"mappings":"6FAGO,MAAMA,EAAuB,KAK3B,CACL,KAAM,OACN,aAAc,UACd,SAAU,QACZ,GAGWC,EAAoBC,EAAOC,EAAKH,EAAqB,CAAC,EAEnEC,EAAkB,YAAc"}
+{"version":3,"file":"NoOverflowWrapper.js","sources":["../../../src/utilities/no-overflow-wrapper/NoOverflowWrapper.tsx"],"sourcesContent":["import { styled } from '~/stitches'\n\nexport const NoOverflowWrapper = styled('div', {\n  size: '100%',\n  borderRadius: 'inherit',\n  overflow: 'hidden'\n})\n\nNoOverflowWrapper.displayName = 'NoOverflowWrapper'\n"],"names":["NoOverflowWrapper","styled"],"mappings":"2CAEa,MAAAA,EAAoBC,EAAO,MAAO,CAC7C,KAAM,OACN,aAAc,UACd,SAAU,QACZ,CAAC,EAEDD,EAAkB,YAAc"}

package/dist/utilities/no-overflow-wrapper/index.d.ts

@@ -1 +1 @@
-export { NoOverflowWrapper, noOverflowStyleBlock } from './NoOverflowWrapper';
+export { NoOverflowWrapper } from './NoOverflowWrapper';

package/dist/utilities/style/backdrop-overlay.js

@@ -1,2 +1,2 @@
-import{DIALOG_Z_INDEX as o}from"../../constants/zIndices.js";import"../../stitches.js";import"../css-wrapper/CSSWrapper.js";import"../no-overflow-wrapper/NoOverflowWrapper.js";import"color2k";import{fadeIn as t,fadeOut as a}from"./keyframe-animations.js";const e={backgroundColor:"$alpha600",position:"fixed",inset:0,zIndex:o,"@allowMotion":{'&[data-state="open"]':{animation:`${t} 250ms ease-out`},'&[data-state="closed"]':{animation:`${a} 550ms ease-out`}}};export{e as backdropOverlay};
+import"../css-wrapper/CSSWrapper.js";import"color2k";import{fadeIn as o,fadeOut as a}from"./keyframe-animations.js";import"../no-overflow-wrapper/NoOverflowWrapper.js";const t={backgroundColor:"$alpha600",position:"fixed",inset:0,zIndex:1147483646,"@allowMotion":{'&[data-state="open"]':{animation:`${o} 250ms ease-out`},'&[data-state="closed"]':{animation:`${a} 550ms ease-out`}}};export{t as backdropOverlay};
 //# sourceMappingURL=backdrop-overlay.js.map

package/dist/utilities/style/backdrop-overlay.js.map

@@ -1 +1 @@
-{"version":3,"file":"backdrop-overlay.js","sources":["../../../src/utilities/style/backdrop-overlay.ts"],"sourcesContent":["import { DIALOG_Z_INDEX } from '~/constants/zIndices'\nimport { fadeIn, fadeOut } from '~/utilities'\n\nexport const backdropOverlay = {\n  backgroundColor: '$alpha600',\n  position: 'fixed',\n  inset: 0,\n  zIndex: DIALOG_Z_INDEX,\n  '@allowMotion': {\n    '&[data-state=\"open\"]': {\n      animation: `${fadeIn} 250ms ease-out`\n    },\n    '&[data-state=\"closed\"]': {\n      animation: `${fadeOut} 550ms ease-out`\n    }\n  }\n}\n"],"names":["backdropOverlay","DIALOG_Z_INDEX","fadeIn","fadeOut"],"mappings":"qQAGaA,EAAkB,CAC7B,gBAAiB,YACjB,SAAU,QACV,MAAO,EACP,OAAQC,EACR,eAAgB,CACd,uBAAwB,CACtB,UAAW,GAAGC,kBAChB,EACA,yBAA0B,CACxB,UAAW,GAAGC,kBAChB,CACF,CACF"}
+{"version":3,"file":"backdrop-overlay.js","sources":["../../../src/utilities/style/backdrop-overlay.ts"],"sourcesContent":["import { fadeIn, fadeOut } from '~/utilities'\n\nexport const backdropOverlay = {\n  backgroundColor: '$alpha600',\n  position: 'fixed',\n  inset: 0,\n  zIndex: 1147483646,\n  '@allowMotion': {\n    '&[data-state=\"open\"]': {\n      animation: `${fadeIn} 250ms ease-out`\n    },\n    '&[data-state=\"closed\"]': {\n      animation: `${fadeOut} 550ms ease-out`\n    }\n  }\n}\n"],"names":["backdropOverlay","fadeIn","fadeOut"],"mappings":"wKAEO,MAAMA,EAAkB,CAC7B,gBAAiB,YACjB,SAAU,QACV,MAAO,EACP,OAAQ,WACR,eAAgB,CACd,uBAAwB,CACtB,UAAW,GAAGC,kBAChB,EACA,yBAA0B,CACxB,UAAW,GAAGC,kBAChB,CACF,CACF"}

package/dist/utilities/style/index.d.ts

@@ -1,6 +1,4 @@
 export * from './capsize';
 export * from './encode-background-icon';
-export * from './focus-visible-style-block';
 export * from './keyframe-animations';
 export * from './get-icon-size';
-export * from './disabledStyle';

package/package.json

@@ -4,7 +4,7 @@
   "main": "dist/index.cjs.js",
   "typings": "dist/index.d.ts",
   "module": "dist/index.js",
-  "version": "5.12.0",
+  "version": "5.13.0-beta.0",
   "description": "",
   "files": [
     "dist"
@@ -228,4 +228,4 @@
     "registry": "https://registry.npmjs.org/",
     "access": "public"
   }
-}
+}