@atom-learning/components 2.0.0 → 2.1.0

package/CHANGELOG.md

@@ -1,28 +1,9 @@
-# [2.0.0](https://github.com/Atom-Learning/components/compare/v1.24.2...v2.0.0) (2022-09-06)
+# [2.1.0](https://github.com/Atom-Learning/components/compare/v2.0.0...v2.1.0) (2022-09-09)
 
 
-### Bug Fixes
+### Features
 
-* action icon sizes ([e46f613](https://github.com/Atom-Learning/components/commit/e46f613c030e3e3cc15ab2c8e148fa95e11f01e8))
-* align sizes to buttons ([4df4f1f](https://github.com/Atom-Learning/components/commit/4df4f1fbd8e1a2eaf6f26166a28086a70009a2c2))
-* always base icon size on actionicon size ([2570aaa](https://github.com/Atom-Learning/components/commit/2570aaa26fa919355f33f7eb8fea5f16be6df787))
-* attempting manual merge ([51a1c66](https://github.com/Atom-Learning/components/commit/51a1c666de0b6cad1c086bcc6efe1dd1f57ab47d))
-* changing back missed icon size ([23348a3](https://github.com/Atom-Learning/components/commit/23348a3c3588329de9285aa9002ba77497ac0789))
-* display px value in docs ([fe24ca0](https://github.com/Atom-Learning/components/commit/fe24ca09a74cdfd4c4e8d3fb3603f2c3b61e6c24))
-* fixing type issue ([1510885](https://github.com/Atom-Learning/components/commit/1510885f5b0e97e75d48e8e1414e7b4324dc8ba6))
-* further aligning with design after unintended change to icon ([1ccaf5e](https://github.com/Atom-Learning/components/commit/1ccaf5e087475411f194bd359a6567977c91b9af))
-* merge in main ([52176f2](https://github.com/Atom-Learning/components/commit/52176f203441f96d4e8b702ca63d79db715d4242))
-* moving logic into compound variants ([8567512](https://github.com/Atom-Learning/components/commit/85675123c43f7e4e0c71093163380e42a91fb3ed))
-* moving to size map rather than compound variants ([ab10933](https://github.com/Atom-Learning/components/commit/ab10933dc308cc563dd11fe29245717705c1262b))
-* retaining conditional logic on input fields ([72c1e52](https://github.com/Atom-Learning/components/commit/72c1e52562d4939b1a4cc10771d4885f1f2e55ce))
-* updating mdx to remove unused prop ([94444f3](https://github.com/Atom-Learning/components/commit/94444f3aff999ad4b56216f47fda4e08464667db))
-* updating snapshot ([59e1460](https://github.com/Atom-Learning/components/commit/59e14605b727eb6e46827dc8d524059dd0f6f658))
-* updating snapshots after merge conflict ([8c0577a](https://github.com/Atom-Learning/components/commit/8c0577a4223936fdfbad6c2950798d7c9dbfcddc))
-
-
-### BREAKING CHANGES
-
-* { sizes for ActionIcon are going from sm-xl to xs-lg }
+* inline message ([e973432](https://github.com/Atom-Learning/components/commit/e97343211f5ed65a53d3b82bba5157b3854161a5))
 
 # [1.4.0](https://github.com/Atom-Learning/components/compare/v1.3.0...v1.4.0) (2022-04-11)
 

package/dist/components/accordion/Accordion.d.ts

@@ -62,6 +62,7 @@ declare const StyledRoot: import("@stitches/react/types/styled-component").Style
         warning: any;
         warningMid: any;
         warningDark: any;
+        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;

package/dist/components/accordion/AccordionContent.d.ts

@@ -59,6 +59,7 @@ declare const StyledContent: import("@stitches/react/types/styled-component").St
         warning: any;
         warningMid: any;
         warningDark: any;
+        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;

package/dist/components/accordion/AccordionItem.d.ts

@@ -59,6 +59,7 @@ declare const StyledItem: import("@stitches/react/types/styled-component").Style
         warning: any;
         warningMid: any;
         warningDark: any;
+        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;

package/dist/components/accordion/AccordionTrigger.d.ts

@@ -61,6 +61,7 @@ declare const StyledTrigger: import("@stitches/react/types/styled-component").St
         warning: any;
         warningMid: any;
         warningDark: any;
+        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;

package/dist/components/action-icon/ActionIcon.d.ts

@@ -67,6 +67,7 @@ declare const StyledButton: import("@stitches/react/types/styled-component").Sty
         warning: any;
         warningMid: any;
         warningDark: any;
+        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;

package/dist/components/alert-dialog/AlertDialog.d.ts

@@ -61,6 +61,7 @@ declare const StyledAlertDialog: import("@stitches/react/types/styled-component"
         warning: any;
         warningMid: any;
         warningDark: any;
+        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;

package/dist/components/alert-dialog/AlertDialogContent.d.ts

@@ -61,6 +61,7 @@ declare const StyledAlertDialogContent: import("@stitches/react/types/styled-com
         warning: any;
         warningMid: any;
         warningDark: any;
+        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;

package/dist/components/badge/Badge.d.ts

@@ -59,6 +59,7 @@ declare const StyledBadge: import("@stitches/react/types/styled-component").Styl
         warning: any;
         warningMid: any;
         warningDark: any;
+        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;
@@ -326,6 +327,7 @@ declare const StyledBadge: import("@stitches/react/types/styled-component").Styl
         warning: any;
         warningMid: any;
         warningDark: any;
+        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;

package/dist/components/box/Box.d.ts

@@ -58,6 +58,7 @@ export declare const Box: import("@stitches/react/types/styled-component").Style
         warning: any;
         warningMid: any;
         warningDark: any;
+        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;

package/dist/components/button/Button.d.ts

@@ -69,6 +69,7 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
         warning: any;
         warningMid: any;
         warningDark: any;
+        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;

package/dist/components/calendar/Day.d.ts

@@ -62,6 +62,7 @@ export declare const Day: import("@stitches/react/types/styled-component").Style
         warning: any;
         warningMid: any;
         warningDark: any;
+        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;

package/dist/components/carousel/CarouselPagination.d.ts

@@ -59,6 +59,7 @@ export declare const CarouselPagination: import("@stitches/react/types/styled-co
         warning: any;
         warningMid: any;
         warningDark: any;
+        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;

package/dist/components/carousel/CarouselSlide.d.ts

@@ -59,6 +59,7 @@ declare const StyledSlide: import("@stitches/react/types/styled-component").Styl
         warning: any;
         warningMid: any;
         warningDark: any;
+        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;

package/dist/components/carousel/CarouselSlider.d.ts

@@ -61,6 +61,7 @@ export declare const CarouselSlider: import("@stitches/react/types/styled-compon
         warning: any;
         warningMid: any;
         warningDark: any;
+        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;

package/dist/components/checkbox/Checkbox.d.ts

@@ -62,6 +62,7 @@ declare const StyledCheckbox: import("@stitches/react/types/styled-component").S
         warning: any;
         warningMid: any;
         warningDark: any;
+        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;

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

@@ -64,6 +64,7 @@ declare const StyledCombobox: import("@stitches/react/types/styled-component").S
         warning: any;
         warningMid: any;
         warningDark: any;
+        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;

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

@@ -60,6 +60,7 @@ export declare const ComboboxInput: import("@stitches/react/types/styled-compone
         warning: any;
         warningMid: any;
         warningDark: any;
+        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;

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

@@ -58,6 +58,7 @@ export declare const ComboboxList: import("@stitches/react/types/styled-componen
         warning: any;
         warningMid: any;
         warningDark: any;
+        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;

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

@@ -58,6 +58,7 @@ export declare const ComboboxOption: import("@stitches/react/types/styled-compon
         warning: any;
         warningMid: any;
         warningDark: any;
+        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;

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

@@ -58,6 +58,7 @@ export declare const ComboboxPopover: import("@stitches/react/types/styled-compo
         warning: any;
         warningMid: any;
         warningDark: any;
+        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;

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

@@ -63,6 +63,7 @@ declare const StyledDialog: import("@stitches/react/types/styled-component").Sty
         warning: any;
         warningMid: any;
         warningDark: any;
+        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;

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

@@ -58,6 +58,7 @@ export declare const DialogBackground: import("@stitches/react/types/styled-comp
         warning: any;
         warningMid: any;
         warningDark: any;
+        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;
@@ -322,6 +323,7 @@ export declare const DialogBackground: import("@stitches/react/types/styled-comp
         warning: any;
         warningMid: any;
         warningDark: any;
+        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;

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

@@ -59,6 +59,7 @@ export declare const DialogClose: import("@stitches/react/types/styled-component
         warning: any;
         warningMid: any;
         warningDark: any;
+        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;

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

@@ -61,6 +61,7 @@ declare const StyledDialogContent: import("@stitches/react/types/styled-componen
         warning: any;
         warningMid: any;
         warningDark: any;
+        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;

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

@@ -61,6 +61,7 @@ export declare const StyledDivider: import("@stitches/react/types/styled-compone
         warning: any;
         warningMid: any;
         warningDark: any;
+        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;

package/dist/components/dropdown-menu/DropdownMenu.d.ts

@@ -64,6 +64,7 @@ declare const Root: import("@stitches/react/types/styled-component").StyledCompo
         warning: any;
         warningMid: any;
         warningDark: any;
+        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;

package/dist/components/dropdown-menu/DropdownMenuContent.d.ts

@@ -59,6 +59,7 @@ export declare const DropdownMenuContent: import("@stitches/react/types/styled-c
         warning: any;
         warningMid: any;
         warningDark: any;
+        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;

package/dist/components/dropdown-menu/DropdownMenuItem.d.ts

@@ -92,6 +92,7 @@ export declare const DropdownMenuItem: import("@stitches/react/types/styled-comp
         warning: any;
         warningMid: any;
         warningDark: any;
+        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;

package/dist/components/dropdown-menu/DropdownMenuSeparator.d.ts

@@ -59,6 +59,7 @@ export declare const DropdownMenuSeparator: import("@stitches/react/types/styled
         warning: any;
         warningMid: any;
         warningDark: any;
+        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;

package/dist/components/dropdown-menu/DropdownMenuTrigger.d.ts

@@ -59,6 +59,7 @@ export declare const DropdownMenuTrigger: import("@stitches/react/types/styled-c
         warning: any;
         warningMid: any;
         warningDark: any;
+        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;

package/dist/components/empty-state/EmptyState.d.ts

@@ -62,6 +62,7 @@ declare const EmptyStateContainer: import("@stitches/react/types/styled-componen
         warning: any;
         warningMid: any;
         warningDark: any;
+        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;
@@ -328,6 +329,7 @@ declare const EmptyStateContainer: import("@stitches/react/types/styled-componen
         warning: any;
         warningMid: any;
         warningDark: any;
+        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;

package/dist/components/empty-state/EmptyStateBody.d.ts

@@ -64,6 +64,7 @@ export declare const EmptyStateBody: import("@stitches/react/types/styled-compon
             warning: any;
             warningMid: any;
             warningDark: any;
+            warningText: any;
             subjectEnglish: any;
             subjectMaths: any;
             subjectScience: any;
@@ -333,6 +334,7 @@ export declare const EmptyStateBody: import("@stitches/react/types/styled-compon
         warning: any;
         warningMid: any;
         warningDark: any;
+        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;

package/dist/components/empty-state/EmptyStateImage.d.ts

@@ -62,6 +62,7 @@ export declare const EmptyStateImage: import("@stitches/react/types/styled-compo
             warning: any;
             warningMid: any;
             warningDark: any;
+            warningText: any;
             subjectEnglish: any;
             subjectMaths: any;
             subjectScience: any;
@@ -331,6 +332,7 @@ export declare const EmptyStateImage: import("@stitches/react/types/styled-compo
         warning: any;
         warningMid: any;
         warningDark: any;
+        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;

package/dist/components/empty-state/EmptyStateTitle.d.ts

@@ -60,6 +60,7 @@ export declare const EmptyStateTitle: import("@stitches/react/types/styled-compo
         warning: any;
         warningMid: any;
         warningDark: any;
+        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;

package/dist/components/field-wrapper/FieldWrapper.js

@@ -1 +1 @@
-import*as e from"react";import{Box as p}from"../box/Box.js";import{Flex as c}from"../flex/Flex.js";import{Label as d}from"../label/Label.js";import{Link as f}from"../link/Link.js";import{ValidationError as E}from"../validation-error/ValidationError.js";import{Description as b}from"./FieldDescription.js";const o=({css:i,children:l,error:t,fieldId:s,label:a,prompt:r,description:m,required:n})=>e.createElement(p,{css:i},e.createElement(c,{css:{justifyContent:"space-between",alignItems:"center",mb:"$3"}},e.createElement(d,{htmlFor:s,required:n},a),r&&e.createElement(f,{href:r.link,size:"sm"},r.label)),m&&e.createElement(b,{css:{mb:"$3"}},m),l,t&&e.createElement(E,{css:{mt:"$2"}},t));o.displayName="FieldWrapper";export{o as FieldWrapper};
+import*as e from"react";import{Box as a}from"../box/Box.js";import{Flex as c}from"../flex/Flex.js";import{Label as f}from"../label/Label.js";import{Link as d}from"../link/Link.js";import{InlineMessage as b}from"../inline-message/InlineMessage.js";import{Description as E}from"./FieldDescription.js";const i=({css:o,children:l,error:t,fieldId:s,label:n,prompt:r,description:m,required:p})=>e.createElement(a,{css:o},e.createElement(c,{css:{justifyContent:"space-between",alignItems:"center",mb:"$3"}},e.createElement(f,{htmlFor:s,required:p},n),r&&e.createElement(d,{href:r.link,size:"sm"},r.label)),m&&e.createElement(E,{css:{mb:"$3"}},m),l,t&&e.createElement(b,{css:{mt:"$2"}},t));i.displayName="FieldWrapper";export{i as FieldWrapper};

package/dist/components/field-wrapper/InlineFieldWrapper.js

@@ -1 +1 @@
-import*as e from"react";import{Box as m}from"../box/Box.js";import{Checkbox as d}from"../checkbox/Checkbox.js";import{Label as $}from"../label/Label.js";import{RadioButton as f}from"../radio-button/RadioButton.js";import"../radio-button/RadioButtonGroup.js";import{ValidationError as E}from"../validation-error/ValidationError.js";import{Description as u}from"./FieldDescription.js";const l=({align:n="start",children:a,css:s,description:i,direction:t="row",error:o,label:p,required:c})=>e.createElement(m,{css:s},e.createElement($,{align:n,direction:t,required:c,type:"inline"},e.Children.map(a,r=>e.createElement(m,{css:{[t==="reverse"?"ml":"mr"]:"$3",...((r==null?void 0:r.type)===d||(r==null?void 0:r.type)===f)&&{transform:"translateY($space$1)"}}},r)),p),o&&e.createElement(E,{css:{mt:"$2"}},o),i&&e.createElement(u,{css:{mt:"$2",[t==="reverse"?"mr":"ml"]:"calc($space$3 + $sizes$1)"}},i));l.displayName="InlineFieldWrapper";export{l as InlineFieldWrapper};
+import*as e from"react";import{Box as o}from"../box/Box.js";import{Checkbox as d}from"../checkbox/Checkbox.js";import{Label as $}from"../label/Label.js";import{RadioButton as f}from"../radio-button/RadioButton.js";import"../radio-button/RadioButtonGroup.js";import{InlineMessage as u}from"../inline-message/InlineMessage.js";import{Description as E}from"./FieldDescription.js";const l=({align:n="start",children:a,css:s,description:i,direction:t="row",error:m,label:p,required:c})=>e.createElement(o,{css:s},e.createElement($,{align:n,direction:t,required:c,type:"inline"},e.Children.map(a,r=>e.createElement(o,{css:{[t==="reverse"?"ml":"mr"]:"$3",...((r==null?void 0:r.type)===d||(r==null?void 0:r.type)===f)&&{transform:"translateY($space$1)"}}},r)),p),m&&e.createElement(u,{css:{mt:"$2"}},m),i&&e.createElement(E,{css:{mt:"$2",[t==="reverse"?"mr":"ml"]:"calc($space$3 + $sizes$1)"}},i));l.displayName="InlineFieldWrapper";export{l as InlineFieldWrapper};

package/dist/components/flex/Flex.d.ts

@@ -58,6 +58,7 @@ export declare const Flex: import("@stitches/react/types/styled-component").Styl
         warning: any;
         warningMid: any;
         warningDark: any;
+        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;

package/dist/components/form/Form.d.ts

@@ -60,6 +60,7 @@ declare const StyledForm: import("@stitches/react/types/styled-component").Style
         warning: any;
         warningMid: any;
         warningDark: any;
+        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;

package/dist/components/grid/Grid.d.ts

@@ -61,6 +61,7 @@ declare const GridContainer: import("@stitches/react/types/styled-component").St
         warning: any;
         warningMid: any;
         warningDark: any;
+        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;

package/dist/components/heading/Heading.d.ts

@@ -62,6 +62,7 @@ export declare const StyledHeading: import("@stitches/react/types/styled-compone
         warning: any;
         warningMid: any;
         warningDark: any;
+        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;

package/dist/components/icon/Icon.d.ts

@@ -62,6 +62,7 @@ export declare const StyledIcon: import("@stitches/react/types/styled-component"
         warning: any;
         warningMid: any;
         warningDark: any;
+        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;

package/dist/components/image/Image.d.ts

@@ -60,6 +60,7 @@ export declare const StyledImage: import("@stitches/react/types/styled-component
         warning: any;
         warningMid: any;
         warningDark: any;
+        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;

package/dist/components/index.d.ts

@@ -22,6 +22,7 @@ export { Grid } from './grid';
 export { Heading } from './heading';
 export { Icon } from './icon';
 export { Image } from './image';
+export { InlineMessage } from './inline-message';
 export { Input } from './input';
 export { FileInput } from './file-input';
 export { InputField } from './input-field';
@@ -55,5 +56,4 @@ export { TextareaField } from './textarea-field';
 export { ToastProvider, toast } from './toast';
 export { ToggleGroup } from './toggle-group';
 export { Tooltip } from './tooltip';
-export { ValidationError } from './validation-error';
 export { Video } from './video';

package/dist/components/inline-message/InlineMessage.config.d.ts

@@ -0,0 +1,5 @@
+import * as React from "react";
+import { InlineMessageTheme } from "./InlineMessage.types";
+import type { CSS } from '../../stitches';
+export declare const INLINE_MESSAGE_THEMES: Record<InlineMessageTheme, CSS>;
+export declare const INLINE_MESSAGE_ICONS: Record<InlineMessageTheme, React.FC<React.SVGProps<SVGSVGElement>>>;

package/dist/components/inline-message/InlineMessage.config.js

@@ -0,0 +1 @@
+import{OkCircle as o,Danger as n,Info as r,Error as c}from"@atom-learning/icons";const e={success:{color:"$success"},warning:{color:"$warningText","& svg":{color:"$warningDark"}},info:{color:"$primary"},neutral:{color:"$tonal400"},error:{color:"$danger"}},a={success:o,warning:n,info:r,neutral:r,error:c};export{a as INLINE_MESSAGE_ICONS,e as INLINE_MESSAGE_THEMES};