@atom-learning/components 2.50.2 → 2.52.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 (91) hide show
  1. package/CHANGELOG.md +15 -3
  2. package/dist/components/accordion/AccordionContent.js +1 -1
  3. package/dist/components/accordion/AccordionContent.js.map +1 -1
  4. package/dist/components/accordion/AccordionTrigger.js +1 -1
  5. package/dist/components/accordion/AccordionTrigger.js.map +1 -1
  6. package/dist/components/alert-dialog/AlertDialogContent.js +1 -1
  7. package/dist/components/alert-dialog/AlertDialogContent.js.map +1 -1
  8. package/dist/components/avatar/Avatar.js +1 -1
  9. package/dist/components/avatar/Avatar.js.map +1 -1
  10. package/dist/components/carousel/Carousel.js +1 -1
  11. package/dist/components/carousel/Carousel.js.map +1 -1
  12. package/dist/components/chip-toggle-group/ChipToggleGroupItem.js +1 -1
  13. package/dist/components/chip-toggle-group/ChipToggleGroupItem.js.map +1 -1
  14. package/dist/components/combobox/ComboboxInput.js +1 -1
  15. package/dist/components/combobox/ComboboxInput.js.map +1 -1
  16. package/dist/components/dialog/DialogContent.js +1 -1
  17. package/dist/components/dialog/DialogContent.js.map +1 -1
  18. package/dist/components/dropdown-menu/DropdownMenuContent.js +1 -1
  19. package/dist/components/dropdown-menu/DropdownMenuContent.js.map +1 -1
  20. package/dist/components/grid/Grid.js +1 -1
  21. package/dist/components/grid/Grid.js.map +1 -1
  22. package/dist/components/heading/Heading.js +1 -1
  23. package/dist/components/heading/Heading.js.map +1 -1
  24. package/dist/components/index.d.ts +1 -0
  25. package/dist/components/popover/PopoverContent.js +1 -1
  26. package/dist/components/popover/PopoverContent.js.map +1 -1
  27. package/dist/components/section-message/SectionMessage.d.ts +1581 -0
  28. package/dist/components/section-message/SectionMessage.js +2 -0
  29. package/dist/components/section-message/SectionMessage.js.map +1 -0
  30. package/dist/components/section-message/SectionMessageContext.d.ts +16 -0
  31. package/dist/components/section-message/SectionMessageContext.js +2 -0
  32. package/dist/components/section-message/SectionMessageContext.js.map +1 -0
  33. package/dist/components/section-message/SectionMessageDescription.d.ts +3 -0
  34. package/dist/components/section-message/SectionMessageDescription.js +2 -0
  35. package/dist/components/section-message/SectionMessageDescription.js.map +1 -0
  36. package/dist/components/section-message/SectionMessageDismiss.d.ts +3 -0
  37. package/dist/components/section-message/SectionMessageDismiss.js +2 -0
  38. package/dist/components/section-message/SectionMessageDismiss.js.map +1 -0
  39. package/dist/components/section-message/SectionMessageIcon.d.ts +5 -0
  40. package/dist/components/section-message/SectionMessageIcon.js +2 -0
  41. package/dist/components/section-message/SectionMessageIcon.js.map +1 -0
  42. package/dist/components/section-message/SectionMessageLayout.d.ts +5 -0
  43. package/dist/components/section-message/SectionMessageLayout.js +2 -0
  44. package/dist/components/section-message/SectionMessageLayout.js.map +1 -0
  45. package/dist/components/section-message/SectionMessageTitle.d.ts +3 -0
  46. package/dist/components/section-message/SectionMessageTitle.js +2 -0
  47. package/dist/components/section-message/SectionMessageTitle.js.map +1 -0
  48. package/dist/components/section-message/index.d.ts +1 -0
  49. package/dist/components/select/Select.js +1 -1
  50. package/dist/components/select/Select.js.map +1 -1
  51. package/dist/components/sidedrawer/SidedrawerContent.js +1 -1
  52. package/dist/components/sidedrawer/SidedrawerContent.js.map +1 -1
  53. package/dist/components/sidedrawer/SidedrawerOverlay.js +1 -1
  54. package/dist/components/sidedrawer/SidedrawerOverlay.js.map +1 -1
  55. package/dist/components/slider/Slider.js +1 -1
  56. package/dist/components/slider/Slider.js.map +1 -1
  57. package/dist/components/stack/Stack.js +1 -1
  58. package/dist/components/stack/Stack.js.map +1 -1
  59. package/dist/components/tabs/TabsTrigger.js +1 -1
  60. package/dist/components/tabs/TabsTrigger.js.map +1 -1
  61. package/dist/components/text/Text.js +1 -1
  62. package/dist/components/text/Text.js.map +1 -1
  63. package/dist/components/tile/index.d.ts +1 -6
  64. package/dist/components/tile-interactive/TileInteractive.d.ts +1 -427
  65. package/dist/components/tile-interactive/TileInteractive.js +1 -1
  66. package/dist/components/tile-interactive/TileInteractive.js.map +1 -1
  67. package/dist/components/tile-toggle-group/TileToggleGroupRoot.js +1 -1
  68. package/dist/components/tile-toggle-group/TileToggleGroupRoot.js.map +1 -1
  69. package/dist/components/toggle-group/ToggleGroupItem.js +1 -1
  70. package/dist/components/toggle-group/ToggleGroupItem.js.map +1 -1
  71. package/dist/components/tooltip/TooltipContent.js +1 -1
  72. package/dist/components/tooltip/TooltipContent.js.map +1 -1
  73. package/dist/docgen.json +1 -1
  74. package/dist/index.cjs.js +1 -1
  75. package/dist/index.cjs.js.map +1 -1
  76. package/dist/index.d.ts +1 -1
  77. package/dist/index.js +1 -1
  78. package/dist/utilities/index.d.ts +1 -0
  79. package/dist/{components/tile/TileNoOverflowContainer.d.ts → utilities/no-overflow-wrapper/NoOverflowWrapper.d.ts} +6 -1
  80. package/dist/utilities/no-overflow-wrapper/NoOverflowWrapper.js +2 -0
  81. package/dist/utilities/no-overflow-wrapper/NoOverflowWrapper.js.map +1 -0
  82. package/dist/utilities/no-overflow-wrapper/index.d.ts +1 -0
  83. package/package.json +1 -1
  84. package/dist/components/tile/TileNoOverflowContainer.js +0 -2
  85. package/dist/components/tile/TileNoOverflowContainer.js.map +0 -1
  86. package/dist/components/tile/index.js +0 -2
  87. package/dist/components/tile/index.js.map +0 -1
  88. package/dist/utilities/no-overflow-container/NoOverflowContainer.d.ts +0 -425
  89. package/dist/utilities/no-overflow-container/NoOverflowContainer.js +0 -2
  90. package/dist/utilities/no-overflow-container/NoOverflowContainer.js.map +0 -1
  91. package/dist/utilities/no-overflow-container/index.d.ts +0 -1
package/dist/index.d.ts CHANGED
@@ -2,4 +2,4 @@ export * from './components';
2
2
  export * from './stitches';
3
3
  export { ColorScheme } from './experiments/color-scheme';
4
4
  export type { TcolorScheme } from './experiments/color-scheme';
5
- export { createThemeVariants, focusVisibleStyleBlock } from './utilities';
5
+ export { createThemeVariants, focusVisibleStyleBlock, NoOverflowWrapper, noOverflowStyleBlock } from './utilities';
package/dist/index.js CHANGED
@@ -1,2 +1,2 @@
1
- import{Accordion as f}from"./components/accordion/Accordion.js";import{ActionIcon as a}from"./components/action-icon/ActionIcon.js";import{AlertDialog as d}from"./components/alert-dialog/AlertDialog.js";import{AlertProvider as n,useAlert as u}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{Box as C}from"./components/box/Box.js";import{Button as I,StyledButton as h}from"./components/button/Button.js";import{Carousel as D,useCarousel as G}from"./components/carousel/Carousel.js";import{Checkbox as v}from"./components/checkbox/Checkbox.js";import{CheckboxField as y}from"./components/checkbox-field/CheckboxField.js";import{Chip as P}from"./components/chip/Chip.js";import{ChipGroup as L}from"./components/chip/ChipGroup.js";import{ChipDismissibleGroup as N}from"./components/chip-dismissible-group/index.js";import{ChipToggleGroup as W}from"./components/chip-toggle-group/index.js";import{Combobox as H}from"./components/combobox/Combobox.js";import{useDataTable as q}from"./components/data-table/DataTableContext.js";import{DataTable as J}from"./components/data-table/DataTable.js";import{DateField as O}from"./components/date-field/DateField.js";import{DateInput as U}from"./components/date-input/DateInput.js";import{Dialog as Y}from"./components/dialog/Dialog.js";import{Dismissible as _}from"./components/dismissible/index.js";import{DismissibleGroup as oo}from"./components/dismissible-group/index.js";import{Divider as eo}from"./components/divider/Divider.js";import{DropdownMenu as po}from"./components/dropdown-menu/DropdownMenu.js";import{EmptyState as xo}from"./components/empty-state/EmptyState.js";import{FieldWrapper as io}from"./components/field-wrapper/FieldWrapper.js";import{InlineFieldWrapper as lo}from"./components/field-wrapper/InlineFieldWrapper.js";import{FileInput as no}from"./components/file-input/FileInput.js";import{Flex as co}from"./components/flex/Flex.js";import{Form as go}from"./components/form/Form.js";import"dlv";import"react-hook-form";import{Grid as So}from"./components/grid/Grid.js";import{Heading as Fo}from"./components/heading/Heading.js";import{Icon as ho}from"./components/icon/Icon.js";import{Image as Do}from"./components/image/Image.js";import{InlineMessage as ko}from"./components/inline-message/InlineMessage.js";import{Input as wo}from"./components/input/Input.js";import{InputField as Ao}from"./components/input-field/InputField.js";import{Label as Ro}from"./components/label/Label.js";import{Link as Mo,StyledLink as No}from"./components/link/Link.js";import{List as Wo}from"./components/list/List.js";import{Loader as Ho}from"./components/loader/Loader.js";import{MarkdownContent as qo}from"./components/markdown-content/MarkdownContent.js";import{NavigationMenu as Jo}from"./components/navigation/NavigationMenu.js";import{NotificationBadge as Oo}from"./components/notification-badge/NotificationBadge.js";import{NumberInput as Uo}from"./components/number-input/NumberInput.js";import{NumberInputField as Yo}from"./components/number-input-field/NumberInputField.js";import{PasswordField as _o}from"./components/password-field/PasswordField.js";import{PasswordInput as or}from"./components/password-input/PasswordInput.js";import{Popover as er}from"./components/popover/Popover.js";import{ProgressBar as pr}from"./components/progress-bar/ProgressBar.js";import{RadioButton as xr}from"./components/radio-button/RadioButton.js";import{RadioButtonGroup as ir}from"./components/radio-button/RadioButtonGroup.js";import{RadioButtonField as lr}from"./components/radio-button-field/RadioButtonField.js";import{RadioCard as sr}from"./components/radio-card/RadioCard.js";import{RadioCardGroup as ur}from"./components/radio-card/RadioCardGroup.js";import{SearchField as Tr}from"./components/search-field/SearchField.js";import{SearchInput as br}from"./components/search-input/SearchInput.js";import{Select as Cr}from"./components/select/Select.js";import{SelectField as Ir}from"./components/select-field/SelectField.js";import{Sidedrawer as Br}from"./components/sidedrawer/Sidedrawer.js";import{Slider as Gr}from"./components/slider/Slider.js";import{SliderField as vr}from"./components/slider-field/SliderField.js";import{Sortable as yr}from"./components/sortable/index.js";import{Stack as Pr}from"./components/stack/Stack.js";import{StackContent as Lr}from"./components/stack-content/StackContent.js";import{Stepper as Nr}from"./components/stepper/Stepper.js";import{Switch as Wr}from"./components/switch/Switch.js";import{Table as Hr}from"./components/table/Table.js";import{Tabs as qr}from"./components/tabs/Tabs.js";import{Text as Jr}from"./components/text/Text.js";import{Textarea as Or}from"./components/textarea/Textarea.js";import{TextareaField as Ur}from"./components/textarea-field/TextareaField.js";import{ToastProvider as Yr}from"./components/toast/ToastProvider.js";import{ToggleGroup as _r}from"./components/toggle-group/index.js";import{Tooltip as oe}from"./components/tooltip/Tooltip.js";import{TopBar as ee}from"./components/top-bar/TopBar.js";import{Video as pe}from"./components/video/Video.js";import{BannerRegular as xe}from"./components/banner/banner-regular/BannerRegular.js";import{Tile as ie}from"./components/tile/index.js";import{TileInteractive as le}from"./components/tile-interactive/TileInteractive.js";import{TileToggleGroup as se}from"./components/tile-toggle-group/index.js";import{createTheme as ue,css as ce,getCssText as Te,globalCss as ge,keyframes as be,media as Se,styled as Ce,theme as Fe,utils as Ie}from"./stitches.js";import{ColorScheme as Be}from"./experiments/color-scheme/ColorScheme.js";import{createThemeVariants as Ge}from"./utilities/create-theme-variants/createThemeVariants.js";import"./utilities/css-wrapper/CSSWrapper.js";import"color2k";import{focusVisibleStyleBlock as ve}from"./utilities/style/focus-visible-style-block.js";import"./utilities/style/keyframe-animations.js";import{default as ye}from"react-hot-toast";import{TileGroup as Pe}from"./components/tile/TileGroup.js";export{f as Accordion,a as ActionIcon,d as AlertDialog,n as AlertProvider,T as Avatar,b as Badge,xe as BannerRegular,C as Box,I as Button,D as Carousel,v as Checkbox,y as CheckboxField,P as Chip,N as ChipDismissibleGroup,L as ChipGroup,W as ChipToggleGroup,Be as ColorScheme,H as Combobox,J as DataTable,O as DateField,U as DateInput,Y as Dialog,_ as Dismissible,oo as DismissibleGroup,eo as Divider,po as DropdownMenu,xo as EmptyState,io as FieldWrapper,no as FileInput,co as Flex,go as Form,So as Grid,Fo as Heading,ho as Icon,Do as Image,lo as InlineFieldWrapper,ko as InlineMessage,wo as Input,Ao as InputField,Ro as Label,Mo as Link,Wo as List,Ho as Loader,qo as MarkdownContent,Jo as NavigationMenu,Oo as NotificationBadge,Uo as NumberInput,Yo as NumberInputField,_o as PasswordField,or as PasswordInput,er as Popover,pr as ProgressBar,xr as RadioButton,lr as RadioButtonField,ir as RadioButtonGroup,sr as RadioCard,ur as RadioCardGroup,Tr as SearchField,br as SearchInput,Cr as Select,Ir as SelectField,Br as Sidedrawer,Gr as Slider,vr as SliderField,yr as Sortable,Pr as Stack,Lr as StackContent,Nr as Stepper,h as StyledButton,No as StyledLink,Wr as Switch,Hr as Table,qr as Tabs,Jr as Text,Or as Textarea,Ur as TextareaField,ie as Tile,Pe as TileGroup,le as TileInteractive,se as TileToggleGroup,Yr as ToastProvider,_r as ToggleGroup,oe as Tooltip,ee as TopBar,pe as Video,ue as createTheme,Ge as createThemeVariants,ce as css,ve as focusVisibleStyleBlock,Te as getCssText,ge as globalCss,be as keyframes,Se as media,Ce as styled,Fe as theme,ye as toast,u as useAlert,G as useCarousel,q as useDataTable,Ie as utils};
1
+ import{Accordion as f}from"./components/accordion/Accordion.js";import{ActionIcon as a}from"./components/action-icon/ActionIcon.js";import{AlertDialog as d}from"./components/alert-dialog/AlertDialog.js";import{AlertProvider as n,useAlert as u}from"./components/alert-dialog/alert-context/AlertContext.js";import{Avatar as T}from"./components/avatar/Avatar.js";import{Badge as S}from"./components/badge/Badge.js";import{Box as C}from"./components/box/Box.js";import{Button as I,StyledButton as h}from"./components/button/Button.js";import{Carousel as D,useCarousel as k}from"./components/carousel/Carousel.js";import{Checkbox as v}from"./components/checkbox/Checkbox.js";import{CheckboxField as y}from"./components/checkbox-field/CheckboxField.js";import{Chip as P}from"./components/chip/Chip.js";import{ChipGroup as L}from"./components/chip/ChipGroup.js";import{ChipDismissibleGroup as N}from"./components/chip-dismissible-group/index.js";import{ChipToggleGroup as W}from"./components/chip-toggle-group/index.js";import{Combobox as E}from"./components/combobox/Combobox.js";import{useDataTable as j}from"./components/data-table/DataTableContext.js";import{DataTable as z}from"./components/data-table/DataTable.js";import{DateField as K}from"./components/date-field/DateField.js";import{DateInput as U}from"./components/date-input/DateInput.js";import{Dialog as Y}from"./components/dialog/Dialog.js";import{Dismissible as _}from"./components/dismissible/index.js";import{DismissibleGroup as oo}from"./components/dismissible-group/index.js";import{Divider as eo}from"./components/divider/Divider.js";import{DropdownMenu as po}from"./components/dropdown-menu/DropdownMenu.js";import{EmptyState as xo}from"./components/empty-state/EmptyState.js";import{FieldWrapper as io}from"./components/field-wrapper/FieldWrapper.js";import{InlineFieldWrapper as lo}from"./components/field-wrapper/InlineFieldWrapper.js";import{FileInput as no}from"./components/file-input/FileInput.js";import{Flex as co}from"./components/flex/Flex.js";import{Form as go}from"./components/form/Form.js";import"dlv";import"react-hook-form";import{Grid as bo}from"./components/grid/Grid.js";import{Heading as Fo}from"./components/heading/Heading.js";import{Icon as ho}from"./components/icon/Icon.js";import{Image as Do}from"./components/image/Image.js";import{InlineMessage as Go}from"./components/inline-message/InlineMessage.js";import{Input as wo}from"./components/input/Input.js";import{InputField as Ao}from"./components/input-field/InputField.js";import{Label as Ro}from"./components/label/Label.js";import{Link as Mo,StyledLink as No}from"./components/link/Link.js";import{List as Wo}from"./components/list/List.js";import{Loader as Eo}from"./components/loader/Loader.js";import{MarkdownContent as jo}from"./components/markdown-content/MarkdownContent.js";import{NavigationMenu as zo}from"./components/navigation/NavigationMenu.js";import{NotificationBadge as Ko}from"./components/notification-badge/NotificationBadge.js";import{NumberInput as Uo}from"./components/number-input/NumberInput.js";import{NumberInputField as Yo}from"./components/number-input-field/NumberInputField.js";import{PasswordField as _o}from"./components/password-field/PasswordField.js";import{PasswordInput as or}from"./components/password-input/PasswordInput.js";import{Popover as er}from"./components/popover/Popover.js";import{ProgressBar as pr}from"./components/progress-bar/ProgressBar.js";import{RadioButton as xr}from"./components/radio-button/RadioButton.js";import{RadioButtonGroup as ir}from"./components/radio-button/RadioButtonGroup.js";import{RadioButtonField as lr}from"./components/radio-button-field/RadioButtonField.js";import{RadioCard as sr}from"./components/radio-card/RadioCard.js";import{RadioCardGroup as ur}from"./components/radio-card/RadioCardGroup.js";import{SearchField as Tr}from"./components/search-field/SearchField.js";import{SearchInput as Sr}from"./components/search-input/SearchInput.js";import{SectionMessage as Cr}from"./components/section-message/SectionMessage.js";import{Select as Ir}from"./components/select/Select.js";import{SelectField as Br}from"./components/select-field/SelectField.js";import{Sidedrawer as kr}from"./components/sidedrawer/Sidedrawer.js";import{Slider as vr}from"./components/slider/Slider.js";import{SliderField as yr}from"./components/slider-field/SliderField.js";import{Sortable as Pr}from"./components/sortable/index.js";import{Stack as Lr}from"./components/stack/Stack.js";import{StackContent as Nr}from"./components/stack-content/StackContent.js";import{Stepper as Wr}from"./components/stepper/Stepper.js";import{Switch as Er}from"./components/switch/Switch.js";import{Table as jr}from"./components/table/Table.js";import{Tabs as zr}from"./components/tabs/Tabs.js";import{Text as Kr}from"./components/text/Text.js";import{Textarea as Ur}from"./components/textarea/Textarea.js";import{TextareaField as Yr}from"./components/textarea-field/TextareaField.js";import{ToastProvider as _r}from"./components/toast/ToastProvider.js";import{ToggleGroup as oe}from"./components/toggle-group/index.js";import{Tooltip as ee}from"./components/tooltip/Tooltip.js";import{TopBar as pe}from"./components/top-bar/TopBar.js";import{Video as xe}from"./components/video/Video.js";import{BannerRegular as ie}from"./components/banner/banner-regular/BannerRegular.js";import{Tile as le}from"./components/tile/Tile.js";import{TileGroup as se}from"./components/tile/TileGroup.js";import{TileInteractive as ue}from"./components/tile-interactive/TileInteractive.js";import{TileToggleGroup as Te}from"./components/tile-toggle-group/index.js";import{createTheme as Se,css as be,getCssText as Ce,globalCss as Fe,keyframes as Ie,media as he,styled as Be,theme as De,utils as ke}from"./stitches.js";import{ColorScheme as ve}from"./experiments/color-scheme/ColorScheme.js";import{createThemeVariants as ye}from"./utilities/create-theme-variants/createThemeVariants.js";import"./utilities/css-wrapper/CSSWrapper.js";import{NoOverflowWrapper as Pe,noOverflowStyleBlock as Re}from"./utilities/no-overflow-wrapper/NoOverflowWrapper.js";import"color2k";import{focusVisibleStyleBlock as Me}from"./utilities/style/focus-visible-style-block.js";import"./utilities/style/keyframe-animations.js";import{default as Ve}from"react-hot-toast";export{f as Accordion,a as ActionIcon,d as AlertDialog,n as AlertProvider,T as Avatar,S as Badge,ie as BannerRegular,C as Box,I as Button,D as Carousel,v as Checkbox,y as CheckboxField,P as Chip,N as ChipDismissibleGroup,L as ChipGroup,W as ChipToggleGroup,ve as ColorScheme,E as Combobox,z as DataTable,K as DateField,U as DateInput,Y as Dialog,_ as Dismissible,oo as DismissibleGroup,eo as Divider,po as DropdownMenu,xo as EmptyState,io as FieldWrapper,no as FileInput,co as Flex,go as Form,bo as Grid,Fo as Heading,ho as Icon,Do as Image,lo as InlineFieldWrapper,Go as InlineMessage,wo as Input,Ao as InputField,Ro as Label,Mo as Link,Wo as List,Eo as Loader,jo as MarkdownContent,zo as NavigationMenu,Pe as NoOverflowWrapper,Ko as NotificationBadge,Uo as NumberInput,Yo as NumberInputField,_o as PasswordField,or as PasswordInput,er as Popover,pr as ProgressBar,xr as RadioButton,lr as RadioButtonField,ir as RadioButtonGroup,sr as RadioCard,ur as RadioCardGroup,Tr as SearchField,Sr as SearchInput,Cr as SectionMessage,Ir as Select,Br as SelectField,kr as Sidedrawer,vr as Slider,yr as SliderField,Pr as Sortable,Lr as Stack,Nr as StackContent,Wr as Stepper,h as StyledButton,No as StyledLink,Er as Switch,jr as Table,zr as Tabs,Kr as Text,Ur as Textarea,Yr as TextareaField,le as Tile,se as TileGroup,ue as TileInteractive,Te as TileToggleGroup,_r as ToastProvider,oe as ToggleGroup,ee as Tooltip,pe as TopBar,xe as Video,Se as createTheme,ye as createThemeVariants,be as css,Me as focusVisibleStyleBlock,Ce as getCssText,Fe as globalCss,Ie as keyframes,he as media,Re as noOverflowStyleBlock,Be as styled,De as theme,Ve as toast,u as useAlert,k as useCarousel,j as useDataTable,ke as utils};
2
2
  //# sourceMappingURL=index.js.map
@@ -1,4 +1,5 @@
1
1
  export * from './create-theme-variants';
2
2
  export * from './css-wrapper';
3
+ export { NoOverflowWrapper, noOverflowStyleBlock } from './no-overflow-wrapper';
3
4
  export * from './style';
4
5
  export * from './types';
@@ -1,4 +1,9 @@
1
- export declare const TileNoOverflowContainer: import("@stitches/react/types/styled-component").StyledComponent<import("@stitches/react/types/styled-component").StyledComponent<"div", {}, {
1
+ export declare const noOverflowStyleBlock: () => {
2
+ size: string;
3
+ borderRadius: string;
4
+ overflow: string;
5
+ };
6
+ export declare const NoOverflowWrapper: import("@stitches/react/types/styled-component").StyledComponent<import("@stitches/react/types/styled-component").StyledComponent<"div", {}, {
2
7
  sm: string;
3
8
  md: string;
4
9
  lg: string;
@@ -0,0 +1,2 @@
1
+ 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};
2
+ //# sourceMappingURL=NoOverflowWrapper.js.map
@@ -0,0 +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"}
@@ -0,0 +1 @@
1
+ export { NoOverflowWrapper, noOverflowStyleBlock } from './NoOverflowWrapper';
package/package.json CHANGED
@@ -4,7 +4,7 @@
4
4
  "main": "dist/index.cjs.js",
5
5
  "typings": "dist/index.d.ts",
6
6
  "module": "dist/index.js",
7
- "version": "2.50.2",
7
+ "version": "2.52.0",
8
8
  "description": "",
9
9
  "files": [
10
10
  "dist"
@@ -1,2 +0,0 @@
1
- import{NoOverflowContainer as e}from"../../utilities/no-overflow-container/NoOverflowContainer.js";const o=e;o.displayName="TileNoOverflowContainer";export{o as TileNoOverflowContainer};
2
- //# sourceMappingURL=TileNoOverflowContainer.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TileNoOverflowContainer.js","sources":["../../../src/components/tile/TileNoOverflowContainer.tsx"],"sourcesContent":["import { NoOverflowContainer } from '~/utilities/no-overflow-container'\n\nexport const TileNoOverflowContainer = NoOverflowContainer\n\nTileNoOverflowContainer.displayName = 'TileNoOverflowContainer'\n"],"names":["TileNoOverflowContainer","NoOverflowContainer"],"mappings":"yGAEaA,EAA0BC,EAEvCD,EAAwB,YAAc"}
@@ -1,2 +0,0 @@
1
- import{Tile as e}from"./Tile.js";import{TileNoOverflowContainer as i}from"./TileNoOverflowContainer.js";import"../stack/Stack.js";const o=e;o.NoOverflowContainer=i,o.displayName="Tile";export{o as Tile};
2
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sources":["../../../src/components/tile/index.ts"],"sourcesContent":["import { Tile as TileRoot } from './Tile'\nimport { TileNoOverflowContainer } from './TileNoOverflowContainer'\n\ntype TTile = typeof TileRoot & {\n NoOverflowContainer: typeof TileNoOverflowContainer\n}\nexport const Tile = TileRoot as TTile\nTile.NoOverflowContainer = TileNoOverflowContainer\nTile.displayName = 'Tile'\n\nexport { TileGroup } from './TileGroup'\n"],"names":["Tile","TileRoot","TileNoOverflowContainer"],"mappings":"kIAMO,MAAMA,EAAOC,EACpBD,EAAK,oBAAsBE,EAC3BF,EAAK,YAAc"}
@@ -1,425 +0,0 @@
1
- export declare const NoOverflowContainer: import("@stitches/react/types/styled-component").StyledComponent<import("@stitches/react/types/styled-component").StyledComponent<"div", {}, {
2
- sm: string;
3
- md: string;
4
- lg: string;
5
- xl: string;
6
- reducedMotion: string;
7
- allowMotion: string;
8
- hover: string;
9
- }, import("@stitches/react/types/css-util").CSS<{
10
- sm: string;
11
- md: string;
12
- lg: string;
13
- xl: string;
14
- reducedMotion: string;
15
- allowMotion: string;
16
- hover: string;
17
- }, {
18
- colors: {
19
- textForeground: any;
20
- textSubtle: any;
21
- textPlaceholder: any;
22
- background: any;
23
- backgroundAccent: any;
24
- grey100: any;
25
- grey200: any;
26
- grey300: any;
27
- grey400: any;
28
- grey500: any;
29
- grey600: any;
30
- grey700: any;
31
- grey800: any;
32
- grey900: any;
33
- grey1000: any;
34
- grey1100: any;
35
- grey1200: any;
36
- blue100: any;
37
- blue200: any;
38
- blue300: any;
39
- blue400: any;
40
- blue500: any;
41
- blue600: any;
42
- blue700: any;
43
- blue800: any;
44
- blue900: any;
45
- blue1000: any;
46
- blue1100: any;
47
- blue1200: any;
48
- purple100: any;
49
- purple200: any;
50
- purple300: any;
51
- purple400: any;
52
- purple500: any;
53
- purple600: any;
54
- purple700: any;
55
- purple800: any;
56
- purple900: any;
57
- purple1000: any;
58
- purple1100: any;
59
- purple1200: any;
60
- tonal50: any;
61
- tonal100: any;
62
- tonal200: any;
63
- tonal300: any;
64
- tonal400: any;
65
- tonal500: any;
66
- tonal600: any;
67
- alpha100: any;
68
- alpha150: any;
69
- alpha200: any;
70
- alpha250: any;
71
- alpha600: any;
72
- primaryLight: any;
73
- primary: any;
74
- primaryMid: any;
75
- primaryDark: any;
76
- secondary: any;
77
- brandRed: any;
78
- brandRedAccent: any;
79
- brandGreen: any;
80
- brandGreenAccent: any;
81
- brandPurple: any;
82
- brandPurpleAccent: any;
83
- brandYellow: any;
84
- brandYellowAccent: any;
85
- successLight: any;
86
- success: any;
87
- successMid: any;
88
- successDark: any;
89
- dangerLight: any;
90
- danger: any;
91
- dangerMid: any;
92
- dangerDark: any;
93
- warningLight: any;
94
- warning: any;
95
- warningMid: any;
96
- warningDark: any;
97
- warningText: any;
98
- subjectEnglish: any;
99
- subjectMaths: any;
100
- subjectScience: any;
101
- subjectVerbalReasoning: any;
102
- subjectNonVerbalReasoning: any;
103
- subjectCreativeWriting: any;
104
- subjectExamSkills: any;
105
- };
106
- space: {
107
- "0": any;
108
- "1": any;
109
- "2": any;
110
- "3": any;
111
- "4": any;
112
- "5": any;
113
- "6": any;
114
- "7": any;
115
- "8": any;
116
- "9": any;
117
- "24": any;
118
- };
119
- fontSizes: {
120
- xs: any;
121
- sm: any;
122
- md: any;
123
- lg: any;
124
- xl: any;
125
- "2xl": any;
126
- "3xl": any;
127
- "4xl": any;
128
- };
129
- fonts: {
130
- sans: any;
131
- mono: any;
132
- display: any;
133
- body: any;
134
- };
135
- sizes: {
136
- "0": any;
137
- "1": any;
138
- "2": any;
139
- "3": any;
140
- "4": any;
141
- "5": any;
142
- "6": any;
143
- "7": any;
144
- "8": any;
145
- };
146
- radii: {
147
- "0": any;
148
- "1": any;
149
- "2": any;
150
- "3": any;
151
- round: any;
152
- };
153
- shadows: {
154
- "0": any;
155
- "1": any;
156
- "2": any;
157
- "3": any;
158
- };
159
- }, import("@stitches/react/types/config").DefaultThemeMap, {
160
- bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"background">) => {
161
- background: import("@stitches/react/types/css-util").WithPropertyValue<"background">;
162
- };
163
- size: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">) => {
164
- height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
165
- width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
166
- };
167
- p: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
168
- padding: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
169
- };
170
- pt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
171
- paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
172
- };
173
- pr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
174
- paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
175
- };
176
- pb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
177
- paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
178
- };
179
- pl: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
180
- paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
181
- };
182
- px: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
183
- paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
184
- paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
185
- };
186
- py: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
187
- paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
188
- paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
189
- };
190
- m: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
191
- margin: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
192
- };
193
- mt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
194
- marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
195
- };
196
- mr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
197
- marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
198
- };
199
- mb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
200
- marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
201
- };
202
- ml: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
203
- marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
204
- };
205
- mx: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
206
- marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
207
- marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
208
- };
209
- my: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
210
- marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
211
- marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
212
- };
213
- }>>, {}, {
214
- sm: string;
215
- md: string;
216
- lg: string;
217
- xl: string;
218
- reducedMotion: string;
219
- allowMotion: string;
220
- hover: string;
221
- }, import("@stitches/react/types/css-util").CSS<{
222
- sm: string;
223
- md: string;
224
- lg: string;
225
- xl: string;
226
- reducedMotion: string;
227
- allowMotion: string;
228
- hover: string;
229
- }, {
230
- colors: {
231
- textForeground: any;
232
- textSubtle: any;
233
- textPlaceholder: any;
234
- background: any;
235
- backgroundAccent: any;
236
- grey100: any;
237
- grey200: any;
238
- grey300: any;
239
- grey400: any;
240
- grey500: any;
241
- grey600: any;
242
- grey700: any;
243
- grey800: any;
244
- grey900: any;
245
- grey1000: any;
246
- grey1100: any;
247
- grey1200: any;
248
- blue100: any;
249
- blue200: any;
250
- blue300: any;
251
- blue400: any;
252
- blue500: any;
253
- blue600: any;
254
- blue700: any;
255
- blue800: any;
256
- blue900: any;
257
- blue1000: any;
258
- blue1100: any;
259
- blue1200: any;
260
- purple100: any;
261
- purple200: any;
262
- purple300: any;
263
- purple400: any;
264
- purple500: any;
265
- purple600: any;
266
- purple700: any;
267
- purple800: any;
268
- purple900: any;
269
- purple1000: any;
270
- purple1100: any;
271
- purple1200: any;
272
- tonal50: any;
273
- tonal100: any;
274
- tonal200: any;
275
- tonal300: any;
276
- tonal400: any;
277
- tonal500: any;
278
- tonal600: any;
279
- alpha100: any;
280
- alpha150: any;
281
- alpha200: any;
282
- alpha250: any;
283
- alpha600: any;
284
- primaryLight: any;
285
- primary: any;
286
- primaryMid: any;
287
- primaryDark: any;
288
- secondary: any;
289
- brandRed: any;
290
- brandRedAccent: any;
291
- brandGreen: any;
292
- brandGreenAccent: any;
293
- brandPurple: any;
294
- brandPurpleAccent: any;
295
- brandYellow: any;
296
- brandYellowAccent: any;
297
- successLight: any;
298
- success: any;
299
- successMid: any;
300
- successDark: any;
301
- dangerLight: any;
302
- danger: any;
303
- dangerMid: any;
304
- dangerDark: any;
305
- warningLight: any;
306
- warning: any;
307
- warningMid: any;
308
- warningDark: any;
309
- warningText: any;
310
- subjectEnglish: any;
311
- subjectMaths: any;
312
- subjectScience: any;
313
- subjectVerbalReasoning: any;
314
- subjectNonVerbalReasoning: any;
315
- subjectCreativeWriting: any;
316
- subjectExamSkills: any;
317
- };
318
- space: {
319
- "0": any;
320
- "1": any;
321
- "2": any;
322
- "3": any;
323
- "4": any;
324
- "5": any;
325
- "6": any;
326
- "7": any;
327
- "8": any;
328
- "9": any;
329
- "24": any;
330
- };
331
- fontSizes: {
332
- xs: any;
333
- sm: any;
334
- md: any;
335
- lg: any;
336
- xl: any;
337
- "2xl": any;
338
- "3xl": any;
339
- "4xl": any;
340
- };
341
- fonts: {
342
- sans: any;
343
- mono: any;
344
- display: any;
345
- body: any;
346
- };
347
- sizes: {
348
- "0": any;
349
- "1": any;
350
- "2": any;
351
- "3": any;
352
- "4": any;
353
- "5": any;
354
- "6": any;
355
- "7": any;
356
- "8": any;
357
- };
358
- radii: {
359
- "0": any;
360
- "1": any;
361
- "2": any;
362
- "3": any;
363
- round: any;
364
- };
365
- shadows: {
366
- "0": any;
367
- "1": any;
368
- "2": any;
369
- "3": any;
370
- };
371
- }, import("@stitches/react/types/config").DefaultThemeMap, {
372
- bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"background">) => {
373
- background: import("@stitches/react/types/css-util").WithPropertyValue<"background">;
374
- };
375
- size: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">) => {
376
- height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
377
- width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
378
- };
379
- p: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
380
- padding: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
381
- };
382
- pt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
383
- paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
384
- };
385
- pr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
386
- paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
387
- };
388
- pb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
389
- paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
390
- };
391
- pl: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
392
- paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
393
- };
394
- px: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
395
- paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
396
- paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
397
- };
398
- py: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
399
- paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
400
- paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
401
- };
402
- m: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
403
- margin: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
404
- };
405
- mt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
406
- marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
407
- };
408
- mr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
409
- marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
410
- };
411
- mb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
412
- marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
413
- };
414
- ml: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
415
- marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
416
- };
417
- mx: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
418
- marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
419
- marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
420
- };
421
- my: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
422
- marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
423
- marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
424
- };
425
- }>>;
@@ -1,2 +0,0 @@
1
- import{Box as r}from"../../components/box/Box.js";import{styled as e}from"../../stitches.js";const o=e(r,{size:"100%",borderRadius:"inherit",overflow:"hidden"});o.displayName="NoOverflowContainer";export{o as NoOverflowContainer};
2
- //# sourceMappingURL=NoOverflowContainer.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"NoOverflowContainer.js","sources":["../../../src/utilities/no-overflow-container/NoOverflowContainer.tsx"],"sourcesContent":["import React from 'react'\n\nimport { Box } from '~/components/box'\nimport { styled } from '~/stitches'\n\nexport const NoOverflowContainer = styled(Box, {\n size: '100%',\n borderRadius: 'inherit',\n overflow: 'hidden'\n})\n\nNoOverflowContainer.displayName = 'NoOverflowContainer'\n"],"names":["NoOverflowContainer","styled","Box"],"mappings":"mGAKaA,EAAsBC,EAAOC,EAAK,CAC7C,KAAM,OACN,aAAc,UACd,SAAU,QACZ,CAAC,EAEDF,EAAoB,YAAc"}
@@ -1 +0,0 @@
1
- export { NoOverflowContainer } from './NoOverflowContainer';