@atom-learning/components 5.11.0 → 5.12.0

package/dist/index.js

@@ -1,2 +1,2 @@
-import{Accordion as f}from"./components/accordion/Accordion.js";import{ActionIcon as a}from"./components/action-icon/ActionIcon.js";import{AlertDialog as n}from"./components/alert-dialog/AlertDialog.js";import{AlertProvider as s,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{BannerRegular as C}from"./components/banner/banner-regular/BannerRegular.js";import{BannerSlim as h}from"./components/banner/banner-slim/BannerSlim.js";import{Box as I}from"./components/box/Box.js";import{Button as k,StyledButton as G}from"./components/button/Button.js";import{Carousel as w,useCarousel as y}from"./components/carousel/Carousel.js";import{Checkbox as A}from"./components/checkbox/Checkbox.js";import{CheckboxGroup as N}from"./components/checkbox-group/CheckboxGroup.js";import{CheckboxTree as L}from"./components/checkbox-tree/CheckboxTree.js";import{CheckboxField as W}from"./components/checkbox-field/CheckboxField.js";import{Chip as E}from"./components/chip/Chip.js";import{ChipGroup as K}from"./components/chip/ChipGroup.js";import{ChipDismissibleGroup as q}from"./components/chip-dismissible-group/index.js";import{ChipToggleGroup as J}from"./components/chip-toggle-group/index.js";import{Combobox as U}from"./components/combobox/Combobox.js";import{CreatePasswordField as Y}from"./components/create-password-field/CreatePasswordField.js";import{useDataTable as _}from"./components/data-table/DataTableContext.js";import{DataTable as oo}from"./components/data-table/DataTable.js";import{DateField as eo}from"./components/date-field/DateField.js";import{DateInput as po}from"./components/date-input/DateInput.js";import{Dialog as xo}from"./components/dialog/Dialog.js";import{Dismissible as io}from"./components/dismissible/index.js";import{DismissibleGroup as lo}from"./components/dismissible-group/index.js";import{Divider as so}from"./components/divider/Divider.js";import{Drawer as co}from"./components/drawer/Drawer.js";import{DropdownMenu as go}from"./components/dropdown-menu/DropdownMenu.js";import{EmptyState as bo}from"./components/empty-state/EmptyState.js";import{FieldWrapper as Fo}from"./components/field-wrapper/FieldWrapper.js";import{InlineFieldWrapper as Bo}from"./components/field-wrapper/InlineFieldWrapper.js";import{FileInput as Do}from"./components/file-input/FileInput.js";import{Flex as Go}from"./components/flex/Flex.js";import{Form as wo}from"./components/form/Form.js";import"dlv";import"react-hook-form";import{Grid as Po}from"./components/grid/Grid.js";import{Heading as Mo}from"./components/heading/Heading.js";import{Icon as Ro}from"./components/icon/Icon.js";import{Image as Vo}from"./components/image/Image.js";import{InlineMessage as Oo}from"./components/inline-message/InlineMessage.js";import{Input as Ho,InputBackground as Ko,InputText as jo}from"./components/input/Input.js";import{InputField as zo}from"./components/input-field/InputField.js";import{Label as Qo}from"./components/label/Label.js";import{Link as Xo,StyledLink as Yo}from"./components/link/Link.js";import{List as _o}from"./components/list/List.js";import{Loader as or}from"./components/loader/Loader.js";import{MarkdownContent as er}from"./components/markdown-content/MarkdownContent.js";import{NavigationMenu as pr}from"./components/navigation/NavigationMenu.js";import{NavigationMenuVertical as xr}from"./components/navigation-menu-vertical/NavigationMenuVertical.js";import{NotificationBadge as ir}from"./components/notification-badge/NotificationBadge.js";import{NumberInput as lr}from"./components/number-input/NumberInput.js";import{NumberInputField as dr}from"./components/number-input-field/NumberInputField.js";import{Pagination as ur}from"./components/pagination/Pagination.js";import{PasswordField as Tr}from"./components/password-field/PasswordField.js";import{PasswordInput as Sr}from"./components/password-input/PasswordInput.js";import{Popover as Cr}from"./components/popover/Popover.js";import{ProgressBar as hr}from"./components/progress-bar/ProgressBar.js";import{RadioButton as Ir}from"./components/radio-button/RadioButton.js";import{RadioButtonGroup as kr}from"./components/radio-button/RadioButtonGroup.js";import{RadioButtonField as vr}from"./components/radio-button-field/RadioButtonField.js";import{RadioCard as yr}from"./components/radio-card/RadioCard.js";import{RadioCardGroup as Ar}from"./components/radio-card/RadioCardGroup.js";import{SearchField as Nr}from"./components/search-field/SearchField.js";import{SearchInput as Lr}from"./components/search-input/SearchInput.js";import{SectionMessage as Wr}from"./components/section-message/SectionMessage.js";import{Select as Er}from"./components/select/Select.js";import{SelectField as Kr}from"./components/select-field/SelectField.js";import{SideBar as qr}from"./components/side-bar/SideBar.js";import{useSidebarState as Jr}from"./components/side-bar/SideBarContext.js";import{Slider as Ur}from"./components/slider/Slider.js";import{SliderField as Yr}from"./components/slider-field/SliderField.js";import{Sortable as _r}from"./components/sortable/index.js";import{Spacer as oe}from"./components/spacer/Spacer.js";import{Stepper as ee}from"./components/stepper/Stepper.js";import{Switch as pe}from"./components/switch/Switch.js";import{Table as xe}from"./components/table/Table.js";import{Tabs as ie}from"./components/tabs/Tabs.js";import{Text as le}from"./components/text/Text.js";import{Textarea as de}from"./components/textarea/Textarea.js";import{TextareaField as ue}from"./components/textarea-field/TextareaField.js";import{Tile as Te}from"./components/tile/Tile.js";import{TileGroup as Se}from"./components/tile/TileGroup.js";import{TileInteractive as Ce}from"./components/tile-interactive/TileInteractive.js";import{TileToggleGroup as he}from"./components/tile-toggle-group/index.js";import{Toast as Ie}from"./components/toast/Toast.js";import{ToastProvider as ke}from"./components/toast/ToastProvider.js";import{ToggleGroup as ve}from"./components/toggle-group/index.js";import{Tooltip as ye}from"./components/tooltip/Tooltip.js";import{TopBar as Ae}from"./components/top-bar/TopBar.js";import{Tree as Ne}from"./components/tree/Tree.js";import{Video as Le}from"./components/video/Video.js";import{KeyboardShortcut as We}from"./components/keyboard-shortcut/index.js";import{SegmentedControl as Ee}from"./components/segmented-control/SegmentedControl.js";import{FileDrop as Ke}from"./components/file-drop/FileDrop.js";import{useFileDrop as qe}from"./components/file-drop/useFileDrop.js";import{createTheme as Je,css as Qe,getCssText as Ue,globalCss as Xe,keyframes as Ye,media as Ze,styled as _e,theme as $e,utils as ot}from"./stitches.js";import{ColorScheme as et}from"./experiments/color-scheme/ColorScheme.js";import{createThemeVariants as pt}from"./utilities/create-theme-variants/createThemeVariants.js";import"./utilities/css-wrapper/CSSWrapper.js";import{NoOverflowWrapper as xt,noOverflowStyleBlock as ft}from"./utilities/no-overflow-wrapper/NoOverflowWrapper.js";import"color2k";import{focusVisibleStyleBlock as at}from"./utilities/style/focus-visible-style-block.js";import"./utilities/style/keyframe-animations.js";import{default as nt}from"react-hot-toast";export{f as Accordion,a as ActionIcon,n as AlertDialog,s as AlertProvider,T as Avatar,S as Badge,C as BannerRegular,h as BannerSlim,I as Box,k as Button,w as Carousel,A as Checkbox,W as CheckboxField,N as CheckboxGroup,L as CheckboxTree,E as Chip,q as ChipDismissibleGroup,K as ChipGroup,J as ChipToggleGroup,et as ColorScheme,U as Combobox,Y as CreatePasswordField,oo as DataTable,eo as DateField,po as DateInput,xo as Dialog,io as Dismissible,lo as DismissibleGroup,so as Divider,co as Drawer,go as DropdownMenu,bo as EmptyState,Fo as FieldWrapper,Ke as FileDrop,Do as FileInput,Go as Flex,wo as Form,Po as Grid,Mo as Heading,Ro as Icon,Vo as Image,Bo as InlineFieldWrapper,Oo as InlineMessage,Ho as Input,Ko as InputBackground,zo as InputField,jo as InputText,We as KeyboardShortcut,Qo as Label,Xo as Link,_o as List,or as Loader,er as MarkdownContent,pr as NavigationMenu,xr as NavigationMenuVertical,xt as NoOverflowWrapper,ir as NotificationBadge,lr as NumberInput,dr as NumberInputField,ur as Pagination,Tr as PasswordField,Sr as PasswordInput,Cr as Popover,hr as ProgressBar,Ir as RadioButton,vr as RadioButtonField,kr as RadioButtonGroup,yr as RadioCard,Ar as RadioCardGroup,Nr as SearchField,Lr as SearchInput,Wr as SectionMessage,Ee as SegmentedControl,Er as Select,Kr as SelectField,qr as SideBar,Ur as Slider,Yr as SliderField,_r as Sortable,oe as Spacer,ee as Stepper,G as StyledButton,Yo as StyledLink,pe as Switch,xe as Table,ie as Tabs,le as Text,de as Textarea,ue as TextareaField,Te as Tile,Se as TileGroup,Ce as TileInteractive,he as TileToggleGroup,Ie as Toast,ke as ToastProvider,ve as ToggleGroup,ye as Tooltip,Ae as TopBar,Ne as Tree,Le as Video,Je as createTheme,pt as createThemeVariants,Qe as css,at as focusVisibleStyleBlock,Ue as getCssText,Xe as globalCss,Ye as keyframes,Ze as media,ft as noOverflowStyleBlock,_e as styled,$e as theme,nt as toast,u as useAlert,y as useCarousel,_ as useDataTable,qe as useFileDrop,Jr as useSidebarState,ot as utils};
+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};
 //# sourceMappingURL=index.js.map

package/dist/utilities/create-theme-variants/createThemeVariants.js.map

@@ -1 +1 @@
-{"version":3,"file":"createThemeVariants.js","sources":["../../../src/utilities/create-theme-variants/createThemeVariants.ts"],"sourcesContent":["import { Theme } from '@atom-learning/theme/lib/theme-atom'\n\nimport { CSS, theme } from '../../stitches'\n\n/**\n * Generates a Stitches variants object based on keys in our theme.\n * You can use the string `$key` in your CSS object, which will be replaced\n * with the token from our theme.\n *\n *\n * @example\n * ```ts\n * createThemeVariants('space', { p: '$key' })\n *\n * // Result:\n * // {\n * //   0: { p: '$space$0' },\n * //   1: { p: '$space$1' },\n * //   2: { p: '$space$2' },\n * //   ...etc\n * // }\n * ```\n */\nexport const createThemeVariants = <ThemeProperty extends keyof Theme>(\n  themeProperty: ThemeProperty,\n  styles: CSS\n): Record<keyof typeof theme[ThemeProperty], CSS> =>\n  Object.keys(theme[themeProperty]).reduce(\n    (acc, key) => ({\n      ...acc,\n      [key]: JSON.parse(\n        JSON.stringify(styles).replace(/\\$key/g, `$${themeProperty}$${key}`)\n      )\n    }),\n    {}\n  ) as Record<keyof typeof theme[ThemeProperty], CSS>\n"],"names":["createThemeVariants","themeProperty","styles","theme","acc","key"],"mappings":"0CAuBa,MAAAA,EAAsB,CACjCC,EACAC,IAEA,OAAO,KAAKC,EAAMF,EAAc,EAAE,OAChC,CAACG,EAAKC,KAAS,CACb,GAAGD,EACH,CAACC,GAAM,KAAK,MACV,KAAK,UAAUH,CAAM,EAAE,QAAQ,SAAU,IAAID,KAAiBI,GAAK,CACrE,CACF,GACA,CACF,CAAA"}
+{"version":3,"file":"createThemeVariants.js","sources":["../../../src/utilities/create-theme-variants/createThemeVariants.ts"],"sourcesContent":["import { Theme } from '@atom-learning/theme/lib/theme-atom'\n\nimport { CSS, theme } from '../../stitches'\n\n/**\n * Generates a Stitches variants object based on keys in our theme.\n * You can use the string `$key` in your CSS object, which will be replaced\n * with the token from our theme.\n *\n *\n * @example\n * ```ts\n * createThemeVariants('space', { p: '$key' })\n *\n * // Result:\n * // {\n * //   0: { p: '$space$0' },\n * //   1: { p: '$space$1' },\n * //   2: { p: '$space$2' },\n * //   ...etc\n * // }\n * ```\n */\nexport const createThemeVariants = <ThemeProperty extends keyof Theme>(\n  themeProperty: ThemeProperty,\n  styles: CSS\n): Record<keyof (typeof theme)[ThemeProperty], CSS> =>\n  Object.keys(theme[themeProperty]).reduce(\n    (acc, key) => ({\n      ...acc,\n      [key]: JSON.parse(\n        JSON.stringify(styles).replace(/\\$key/g, `$${themeProperty}$${key}`)\n      )\n    }),\n    {}\n  ) as Record<keyof (typeof theme)[ThemeProperty], CSS>\n"],"names":["createThemeVariants","themeProperty","styles","theme","acc","key"],"mappings":"0CAuBa,MAAAA,EAAsB,CACjCC,EACAC,IAEA,OAAO,KAAKC,EAAMF,EAAc,EAAE,OAChC,CAACG,EAAKC,KAAS,CACb,GAAGD,EACH,CAACC,GAAM,KAAK,MACV,KAAK,UAAUH,CAAM,EAAE,QAAQ,SAAU,IAAID,KAAiBI,GAAK,CACrE,CACF,GACA,CACF,CAAA"}

package/package.json

@@ -4,7 +4,7 @@
   "main": "dist/index.cjs.js",
   "typings": "dist/index.d.ts",
   "module": "dist/index.js",
-  "version": "5.11.0",
+  "version": "5.12.0",
   "description": "",
   "files": [
     "dist"
@@ -107,7 +107,7 @@
     "jest-dom": "^4.0.0",
     "lint-staged": "^10.5.3",
     "npm-run-all": "^4.1.5",
-    "prettier": "^2.2.1",
+    "prettier": "^3.6.2",
     "prompts": "^2.4.0",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",