@atom-learning/components 2.18.0 → 2.20.0

package/dist/index.js

@@ -1 +1 @@
-import{Accordion as p}from"./components/accordion/Accordion.js";import{EmptyState as x}from"./components/empty-state/EmptyState.js";import{ActionIcon as i}from"./components/action-icon/ActionIcon.js";import{AlertDialog as l}from"./components/alert-dialog/AlertDialog.js";import{AlertProvider as s,useAlert as n}from"./components/alert-dialog/alert-context/AlertContext.js";import{Avatar as c}from"./components/avatar/Avatar.js";import{Badge as g}from"./components/badge/Badge.js";import{Box as F}from"./components/box/Box.js";import{Button as S,StyledButton as I}from"./components/button/Button.js";import{Carousel as B,useCarousel as D}from"./components/carousel/Carousel.js";import{Checkbox as G}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 M}from"./components/chip-dismissible-group/index.js";import{ChipToggleGroup as V}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{Dialog as K}from"./components/dialog/Dialog.js";import{DateInput as Q}from"./components/date-input/DateInput.js";import{DateField as X}from"./components/date-field/DateField.js";import{Dismissible as Z}from"./components/dismissible/index.js";import{DismissibleGroup as $}from"./components/dismissible-group/index.js";import{Divider as ro}from"./components/divider/Divider.js";import{DropdownMenu as to}from"./components/dropdown-menu/DropdownMenu.js";import{FieldWrapper as mo}from"./components/field-wrapper/FieldWrapper.js";import{InlineFieldWrapper as fo}from"./components/field-wrapper/InlineFieldWrapper.js";import{Flex as ao}from"./components/flex/Flex.js";import{Form as so}from"./components/form/Form.js";import"dlv";import"react-hook-form";import{Grid as uo}from"./components/grid/Grid.js";import{Heading as bo}from"./components/heading/Heading.js";import{Icon as Co}from"./components/icon/Icon.js";import{Image as To}from"./components/image/Image.js";import{InlineMessage as Io}from"./components/inline-message/InlineMessage.js";import{Input as Bo}from"./components/input/Input.js";import{FileInput as ko}from"./components/file-input/FileInput.js";import{InputField as vo}from"./components/input-field/InputField.js";import{Label as Ao}from"./components/label/Label.js";import{Link as wo,StyledLink as Lo}from"./components/link/Link.js";import{List as Mo}from"./components/list/List.js";import{Loader as Vo}from"./components/loader/Loader.js";import{MarkdownContent as Eo}from"./components/markdown-content/MarkdownContent.js";import{TopBar as jo}from"./components/top-bar/TopBar.js";import{NotificationBadge as zo}from"./components/notification-badge/NotificationBadge.js";import{PasswordField as Ko}from"./components/password-field/PasswordField.js";import{PasswordInput as Qo}from"./components/password-input/PasswordInput.js";import{Popover as Xo}from"./components/popover/Popover.js";import{ProgressBar as Zo}from"./components/progress-bar/ProgressBar.js";import{Stepper as $o}from"./components/stepper/Stepper.js";import{RadioButton as rr}from"./components/radio-button/RadioButton.js";import{RadioButtonGroup as tr}from"./components/radio-button/RadioButtonGroup.js";import{RadioButtonField as mr}from"./components/radio-button-field/RadioButtonField.js";import{RadioCard as fr}from"./components/radio-card/RadioCard.js";import{RadioCardGroup as ar}from"./components/radio-card/RadioCardGroup.js";import{SearchInput as dr}from"./components/search-input/SearchInput.js";import{SearchField as nr}from"./components/search-field/SearchField.js";import{Select as cr}from"./components/select/Select.js";import{SelectField as gr}from"./components/select-field/SelectField.js";import{Slider as Fr}from"./components/slider/Slider.js";import{SliderField as Sr}from"./components/slider-field/SliderField.js";import{Stack as hr}from"./components/stack/Stack.js";import{StackContent as Dr}from"./components/stack-content/StackContent.js";import{Switch as Gr}from"./components/switch/Switch.js";import{Table as yr}from"./components/table/Table.js";import{Tabs as Pr}from"./components/tabs/Tabs.js";import{Text as Lr}from"./components/text/Text.js";import{Textarea as Mr}from"./components/textarea/Textarea.js";import{TextareaField as Vr}from"./components/textarea-field/TextareaField.js";import{ToastProvider as Er}from"./components/toast/ToastProvider.js";import{ToggleGroup as jr}from"./components/toggle-group/index.js";import{Tooltip as zr}from"./components/tooltip/Tooltip.js";import{Video as Kr}from"./components/video/Video.js";import{NavigationMenu as Qr}from"./components/navigation/NavigationMenu.js";import{NumberInput as Xr}from"./components/number-input/NumberInput.js";import{NumberInputField as Zr}from"./components/number-input-field/NumberInputField.js";import{createTheme as $r,css as oe,getCssText as re,globalCss as ee,keyframes as te,media as pe,styled as me,theme as xe,utils as fe}from"./stitches.js";import{createThemeVariants as ae}from"./utilities/create-theme-variants/createThemeVariants.js";import{focusVisibleStyleBlock as de}from"./utilities/style/focus-visible-style-block.js";import{default as ne}from"react-hot-toast";export{p as Accordion,i as ActionIcon,l as AlertDialog,s as AlertProvider,c as Avatar,g as Badge,F as Box,S as Button,B as Carousel,G as Checkbox,y as CheckboxField,P as Chip,M as ChipDismissibleGroup,L as ChipGroup,V as ChipToggleGroup,E as Combobox,z as DataTable,X as DateField,Q as DateInput,K as Dialog,Z as Dismissible,$ as DismissibleGroup,ro as Divider,to as DropdownMenu,x as EmptyState,mo as FieldWrapper,ko as FileInput,ao as Flex,so as Form,uo as Grid,bo as Heading,Co as Icon,To as Image,fo as InlineFieldWrapper,Io as InlineMessage,Bo as Input,vo as InputField,Ao as Label,wo as Link,Mo as List,Vo as Loader,Eo as MarkdownContent,Qr as NavigationMenu,zo as NotificationBadge,Xr as NumberInput,Zr as NumberInputField,Ko as PasswordField,Qo as PasswordInput,Xo as Popover,Zo as ProgressBar,rr as RadioButton,mr as RadioButtonField,tr as RadioButtonGroup,fr as RadioCard,ar as RadioCardGroup,nr as SearchField,dr as SearchInput,cr as Select,gr as SelectField,Fr as Slider,Sr as SliderField,hr as Stack,Dr as StackContent,$o as Stepper,I as StyledButton,Lo as StyledLink,Gr as Switch,yr as Table,Pr as Tabs,Lr as Text,Mr as Textarea,Vr as TextareaField,Er as ToastProvider,jr as ToggleGroup,zr as Tooltip,jo as TopBar,Kr as Video,$r as createTheme,ae as createThemeVariants,oe as css,de as focusVisibleStyleBlock,re as getCssText,ee as globalCss,te as keyframes,pe as media,me as styled,xe as theme,ne as toast,n as useAlert,D as useCarousel,j as useDataTable,fe as utils};
+import{Accordion as p}from"./components/accordion/Accordion.js";import{EmptyState as x}from"./components/empty-state/EmptyState.js";import{ActionIcon as i}from"./components/action-icon/ActionIcon.js";import{AlertDialog as l}from"./components/alert-dialog/AlertDialog.js";import{AlertProvider as s,useAlert as n}from"./components/alert-dialog/alert-context/AlertContext.js";import{Avatar as c}from"./components/avatar/Avatar.js";import{Badge as g}from"./components/badge/Badge.js";import{Box as F}from"./components/box/Box.js";import{Button as T,StyledButton as I}from"./components/button/Button.js";import{Carousel as B,useCarousel as D}from"./components/carousel/Carousel.js";import{Checkbox as G}from"./components/checkbox/Checkbox.js";import{CheckboxField as w}from"./components/checkbox-field/CheckboxField.js";import{Chip as A}from"./components/chip/Chip.js";import{ChipGroup as L}from"./components/chip/ChipGroup.js";import{ChipDismissibleGroup as M}from"./components/chip-dismissible-group/index.js";import{ChipToggleGroup as V}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{Dialog as K}from"./components/dialog/Dialog.js";import{DateInput as Q}from"./components/date-input/DateInput.js";import{DateField as X}from"./components/date-field/DateField.js";import{Dismissible as Z}from"./components/dismissible/index.js";import{DismissibleGroup as $}from"./components/dismissible-group/index.js";import{Divider as ro}from"./components/divider/Divider.js";import{DropdownMenu as to}from"./components/dropdown-menu/DropdownMenu.js";import{FieldWrapper as mo}from"./components/field-wrapper/FieldWrapper.js";import{InlineFieldWrapper as fo}from"./components/field-wrapper/InlineFieldWrapper.js";import{Flex as ao}from"./components/flex/Flex.js";import{Form as so}from"./components/form/Form.js";import"dlv";import"react-hook-form";import{Grid as uo}from"./components/grid/Grid.js";import{Heading as bo}from"./components/heading/Heading.js";import{Icon as Co}from"./components/icon/Icon.js";import{Image as So}from"./components/image/Image.js";import{InlineMessage as Io}from"./components/inline-message/InlineMessage.js";import{Input as Bo}from"./components/input/Input.js";import{FileInput as ko}from"./components/file-input/FileInput.js";import{InputField as vo}from"./components/input-field/InputField.js";import{Label as yo}from"./components/label/Label.js";import{Link as Po,StyledLink as Lo}from"./components/link/Link.js";import{List as Mo}from"./components/list/List.js";import{Loader as Vo}from"./components/loader/Loader.js";import{MarkdownContent as Eo}from"./components/markdown-content/MarkdownContent.js";import{TopBar as jo}from"./components/top-bar/TopBar.js";import{NotificationBadge as zo}from"./components/notification-badge/NotificationBadge.js";import{PasswordField as Ko}from"./components/password-field/PasswordField.js";import{PasswordInput as Qo}from"./components/password-input/PasswordInput.js";import{Popover as Xo}from"./components/popover/Popover.js";import{ProgressBar as Zo}from"./components/progress-bar/ProgressBar.js";import{Sidedrawer as $o}from"./components/sidedrawer/Sidedrawer.js";import{Stepper as rr}from"./components/stepper/Stepper.js";import{RadioButton as tr}from"./components/radio-button/RadioButton.js";import{RadioButtonGroup as mr}from"./components/radio-button/RadioButtonGroup.js";import{RadioButtonField as fr}from"./components/radio-button-field/RadioButtonField.js";import{RadioCard as ar}from"./components/radio-card/RadioCard.js";import{RadioCardGroup as dr}from"./components/radio-card/RadioCardGroup.js";import{SearchInput as nr}from"./components/search-input/SearchInput.js";import{SearchField as cr}from"./components/search-field/SearchField.js";import{Select as gr}from"./components/select/Select.js";import{SelectField as Fr}from"./components/select-field/SelectField.js";import{Slider as Tr}from"./components/slider/Slider.js";import{SliderField as hr}from"./components/slider-field/SliderField.js";import{Stack as Dr}from"./components/stack/Stack.js";import{StackContent as Gr}from"./components/stack-content/StackContent.js";import{Switch as wr}from"./components/switch/Switch.js";import{Table as Ar}from"./components/table/Table.js";import{Tabs as Lr}from"./components/tabs/Tabs.js";import{Text as Mr}from"./components/text/Text.js";import{Textarea as Vr}from"./components/textarea/Textarea.js";import{TextareaField as Er}from"./components/textarea-field/TextareaField.js";import{ToastProvider as jr}from"./components/toast/ToastProvider.js";import{ToggleGroup as zr}from"./components/toggle-group/index.js";import{Tooltip as Kr}from"./components/tooltip/Tooltip.js";import{Video as Qr}from"./components/video/Video.js";import{NavigationMenu as Xr}from"./components/navigation/NavigationMenu.js";import{NumberInput as Zr}from"./components/number-input/NumberInput.js";import{NumberInputField as $r}from"./components/number-input-field/NumberInputField.js";import{createTheme as re,css as ee,getCssText as te,globalCss as pe,keyframes as me,media as xe,styled as fe,theme as ie,utils as ae}from"./stitches.js";import{createThemeVariants as de}from"./utilities/create-theme-variants/createThemeVariants.js";import{focusVisibleStyleBlock as ne}from"./utilities/style/focus-visible-style-block.js";import{default as ce}from"react-hot-toast";export{p as Accordion,i as ActionIcon,l as AlertDialog,s as AlertProvider,c as Avatar,g as Badge,F as Box,T as Button,B as Carousel,G as Checkbox,w as CheckboxField,A as Chip,M as ChipDismissibleGroup,L as ChipGroup,V as ChipToggleGroup,E as Combobox,z as DataTable,X as DateField,Q as DateInput,K as Dialog,Z as Dismissible,$ as DismissibleGroup,ro as Divider,to as DropdownMenu,x as EmptyState,mo as FieldWrapper,ko as FileInput,ao as Flex,so as Form,uo as Grid,bo as Heading,Co as Icon,So as Image,fo as InlineFieldWrapper,Io as InlineMessage,Bo as Input,vo as InputField,yo as Label,Po as Link,Mo as List,Vo as Loader,Eo as MarkdownContent,Xr as NavigationMenu,zo as NotificationBadge,Zr as NumberInput,$r as NumberInputField,Ko as PasswordField,Qo as PasswordInput,Xo as Popover,Zo as ProgressBar,tr as RadioButton,fr as RadioButtonField,mr as RadioButtonGroup,ar as RadioCard,dr as RadioCardGroup,cr as SearchField,nr as SearchInput,gr as Select,Fr as SelectField,$o as Sidedrawer,Tr as Slider,hr as SliderField,Dr as Stack,Gr as StackContent,rr as Stepper,I as StyledButton,Lo as StyledLink,wr as Switch,Ar as Table,Lr as Tabs,Mr as Text,Vr as Textarea,Er as TextareaField,jr as ToastProvider,zr as ToggleGroup,Kr as Tooltip,jo as TopBar,Qr as Video,re as createTheme,de as createThemeVariants,ee as css,ne as focusVisibleStyleBlock,te as getCssText,pe as globalCss,me as keyframes,xe as media,fe as styled,ie as theme,ce as toast,n as useAlert,D as useCarousel,j as useDataTable,ae as utils};

package/dist/utilities/style/keyframe-animations.d.ts

@@ -22,3 +22,11 @@ export declare const fadeOut: {
     (): string;
     name: string;
 };
+export declare const slideInLeft: {
+    (): string;
+    name: string;
+};
+export declare const slideOutLeft: {
+    (): string;
+    name: string;
+};

package/dist/utilities/style/keyframe-animations.js

@@ -1 +1 @@
-import{keyframes as a}from"../../stitches.js";const t=a({"0%":{opacity:0,transform:"translateY(2px)"},"100%":{opacity:1,transform:"translateY(0)"}}),r=a({"0%":{opacity:0,transform:"translateX(-2px)"},"100%":{opacity:1,transform:"translateX(0)"}}),o=a({"0%":{opacity:0,transform:"translateY(-2px)"},"100%":{opacity:1,transform:"translateY(0)"}}),n=a({"0%":{opacity:0,transform:"translateX(2px)"},"100%":{opacity:1,transform:"translateX(0)"}}),e=a({"0%":{opacity:0},"100%":{opacity:1}}),s=a({"0%":{opacity:1},"100%":{opacity:0}});export{e as fadeIn,s as fadeOut,o as slideDownAndFade,n as slideLeftAndFade,r as slideRightAndFade,t as slideUpAndFade};
+import{keyframes as t}from"../../stitches.js";const a=t({"0%":{opacity:0,transform:"translateY(2px)"},"100%":{opacity:1,transform:"translateY(0)"}}),r=t({"0%":{opacity:0,transform:"translateX(-2px)"},"100%":{opacity:1,transform:"translateX(0)"}}),n=t({"0%":{opacity:0,transform:"translateY(-2px)"},"100%":{opacity:1,transform:"translateY(0)"}}),s=t({"0%":{opacity:0,transform:"translateX(2px)"},"100%":{opacity:1,transform:"translateX(0)"}}),e=t({"0%":{opacity:0},"100%":{opacity:1}}),o=t({"0%":{opacity:1},"100%":{opacity:0}}),i=t({"0%":{transform:"translateX(-100%)"},"100%":{transform:"translateX(0)"}}),f=t({"0%":{transform:"translateX(0)"},"100%":{transform:"translateX(-100%)"}});export{e as fadeIn,o as fadeOut,n as slideDownAndFade,i as slideInLeft,s as slideLeftAndFade,f as slideOutLeft,r as slideRightAndFade,a as slideUpAndFade};

package/package.json

@@ -4,7 +4,7 @@
   "main": "dist/index.cjs.js",
   "typings": "dist/index.d.ts",
   "module": "dist/index.js",
-  "version": "2.18.0",
+  "version": "2.20.0",
   "description": "",
   "files": [
     "dist"
@@ -58,9 +58,9 @@
     }
   ],
   "devDependencies": {
-    "@atom-learning/icons": "1.5.0",
+    "@atom-learning/icons": "1.14.0",
     "@atom-learning/jest-stitches": "1.0.10",
-    "@atom-learning/theme": "1.1.0",
+    "@atom-learning/theme": "1.1.1",
     "@commitlint/cli": "^11.0.0",
     "@commitlint/config-conventional": "^11.0.0",
     "@radix-ui/react-id": "0.1.5",
@@ -126,7 +126,7 @@
     "react-dom": "^16.0.0 || ^17.0.0 || ^18.0.0"
   },
   "dependencies": {
-    "@atom-learning/theme": "1.1.0",
+    "@atom-learning/theme": "1.1.1",
     "@radix-ui/react-accordion": "^1.0.0",
     "@radix-ui/react-alert-dialog": "^1.0.0",
     "@radix-ui/react-checkbox": "^1.0.0",