@atom-learning/components 2.22.0 → 2.23.1

package/CHANGELOG.md

@@ -1,9 +1,9 @@
-# [2.22.0](https://github.com/Atom-Learning/components/compare/v2.21.0...v2.22.0) (2022-12-07)
+## [2.23.1](https://github.com/Atom-Learning/components/compare/v2.23.0...v2.23.1) (2022-12-15)
 
 
-### Features
+### Bug Fixes
 
-* sidedrawer - remaining props to allow custom styling. fix for content height ([b6b2081](https://github.com/Atom-Learning/components/commit/b6b2081608fa68fbf2fd1da02c59000a82d090e9))
+* content list style, html semantics, theme token use, snapshot content visibility ([2a90c5b](https://github.com/Atom-Learning/components/commit/2a90c5b6cab07a0b5f59fee76742b2e680b9d79b))
 
 # [1.4.0](https://github.com/Atom-Learning/components/compare/v1.3.0...v1.4.0) (2022-04-11)
 

package/dist/components/index.d.ts

@@ -1,6 +1,5 @@
 export type { ValidationOptions } from './form';
 export { Accordion } from './accordion';
-export { EmptyState } from './empty-state';
 export { ActionIcon } from './action-icon';
 export { AlertDialog, useAlert, AlertProvider } from './alert-dialog';
 export { Avatar } from './avatar';
@@ -15,14 +14,16 @@ export { ChipDismissibleGroup } from './chip-dismissible-group';
 export { ChipToggleGroup } from './chip-toggle-group';
 export { Combobox } from './combobox';
 export { DataTable, useDataTable } from './data-table';
-export { Dialog } from './dialog';
-export { DateInput } from './date-input';
 export { DateField } from './date-field';
+export { DateInput } from './date-input';
+export { Dialog } from './dialog';
 export { Dismissible } from './dismissible';
 export { DismissibleGroup } from './dismissible-group';
 export { Divider } from './divider';
 export { DropdownMenu } from './dropdown-menu';
+export { EmptyState } from './empty-state';
 export { FieldWrapper, InlineFieldWrapper } from './field-wrapper';
+export { FileInput } from './file-input';
 export { Flex } from './flex';
 export { Form } from './form';
 export { Grid } from './grid';
@@ -31,32 +32,33 @@ 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';
 export { Label } from './label';
 export { Link, StyledLink } from './link';
 export { List } from './list';
 export { Loader } from './loader';
 export { MarkdownContent } from './markdown-content';
-export { TopBar } from './top-bar';
+export { NavigationMenu } from './navigation';
 export { NotificationBadge } from './notification-badge';
+export { NumberInput } from './number-input';
+export { NumberInputField } from './number-input-field';
 export { PasswordField } from './password-field';
 export { PasswordInput } from './password-input';
 export { Popover } from './popover';
 export { ProgressBar } from './progress-bar';
-export { Sidedrawer } from './sidedrawer';
-export { Stepper } from './stepper';
 export { RadioButton, RadioButtonGroup } from './radio-button';
 export { RadioButtonField } from './radio-button-field';
 export { RadioCard, RadioCardGroup } from './radio-card';
-export { SearchInput } from './search-input';
 export { SearchField } from './search-field';
+export { SearchInput } from './search-input';
 export { Select } from './select';
 export { SelectField } from './select-field';
+export { Sidedrawer } from './sidedrawer';
 export { Slider } from './slider';
 export { SliderField } from './slider-field';
 export { Stack } from './stack';
 export { StackContent } from './stack-content';
+export { Stepper } from './stepper';
 export { Switch } from './switch';
 export { Table } from './table';
 export { Tabs } from './tabs';
@@ -66,7 +68,5 @@ export { TextareaField } from './textarea-field';
 export { ToastProvider, toast } from './toast';
 export { ToggleGroup } from './toggle-group';
 export { Tooltip } from './tooltip';
+export { TopBar } from './top-bar';
 export { Video } from './video';
-export { NavigationMenu } from './navigation';
-export { NumberInput } from './number-input';
-export { NumberInputField } from './number-input-field';

package/dist/components/navigation/NavigationMenuDropdownContent.d.ts

@@ -1,7 +1,2 @@
-/// <reference types="react" />
-export declare const NavigationMenuDropdownContent: {
-    ({ children }: {
-        children: any;
-    }): JSX.Element;
-    displayName: string;
-};
+import React from 'react';
+export declare const NavigationMenuDropdownContent: React.FC;

package/dist/components/navigation/NavigationMenuDropdownContent.js

@@ -1 +1 @@
-import*as p from"@radix-ui/react-navigation-menu";import t from"react";import{styled as o}from"../../stitches.js";const r=o("ul",{listStyle:"none"}),a=o(p.Content,{p:"$3",bg:"white",mt:"4px",boxShadow:"0px 3px 6px rgba(51, 51, 51, 0.15), 0px 3px 6px rgba(51, 51, 51, 0.2)",borderRadius:"$1"}),e=({children:n})=>t.createElement(a,null,t.createElement(r,null,n));e.displayName="NavigationMenuDropdownContent";export{e as NavigationMenuDropdownContent};
+import*as r from"@radix-ui/react-navigation-menu";import t from"react";import{styled as o}from"../../stitches.js";const i=o("ul",{listStyle:"none",m:0,p:0}),l=o(r.Content,{p:"$3",bg:"white",mt:"4px",boxShadow:"$1",borderRadius:"$1"}),e=({children:n})=>t.createElement(l,null,t.createElement(i,null,n));e.displayName="NavigationMenuDropdownContent";export{e as NavigationMenuDropdownContent};

package/dist/components/navigation/NavigationMenuDropdownTrigger.js

@@ -1 +1 @@
-import{ChevronDown as i}from"@atom-learning/icons";import*as s from"@radix-ui/react-navigation-menu";import e from"react";import{styled as m}from"../../stitches.js";import{Icon as p}from"../icon/Icon.js";import{navigationMenuBaseItemStyles as d,navigationMenuActiveItemStyles as c}from"./NavigationMenu.styles.js";const f=m(s.Trigger,d,{display:"flex",alignItems:"center",borderRadius:"$1",justifyContent:"space-between",gap:"$1",'&[data-state="open"]':{background:"$tonal100"},variants:{active:{true:{...c}}}}),t=e.forwardRef(({children:r,active:o,...a},n)=>e.createElement(f,{active:o,...a,ref:n},r,e.createElement(p,{is:i,css:{"[data-state=open] &":{transform:"rotate(-180deg)"},"@media (prefers-reduced-motion: no-preference)":{transition:"transform .2s ease"}},size:"sm"})));t.displayName="NavigationMenuDropdownTrigger";export{t as NavigationMenuDropdownTrigger};
+import{ChevronDown as i}from"@atom-learning/icons";import*as s from"@radix-ui/react-navigation-menu";import e from"react";import{styled as m}from"../../stitches.js";import{Icon as d}from"../icon/Icon.js";import{navigationMenuBaseItemStyles as p,navigationMenuActiveItemStyles as c}from"./NavigationMenu.styles.js";const f=m(s.Trigger,p,{display:"flex",alignItems:"center",borderRadius:"$1",justifyContent:"space-between",'&[data-state="open"]':{background:"$tonal100"},variants:{active:{true:{...c}}}}),t=e.forwardRef(({children:r,active:o,...a},n)=>e.createElement(f,{active:o,...a,ref:n},r,e.createElement(d,{is:i,css:{ml:"$1","[data-state=open] &":{transform:"rotate(-180deg)"},"@media (prefers-reduced-motion: no-preference)":{transition:"transform .2s ease"}},size:"sm"})));t.displayName="NavigationMenuDropdownTrigger";export{t as NavigationMenuDropdownTrigger};

package/dist/components/navigation/NavigationMenuLink.js

@@ -1 +1 @@
-import*as o from"@radix-ui/react-navigation-menu";import e from"react";import{styled as t}from"../../stitches.js";import{navigationMenuBaseItemStyles as n,navigationMenuDisabledItemStyles as p,navigationMenuActiveItemStyles as v}from"./NavigationMenu.styles.js";const u=t("button",{...n,...p}),y=t(o.Item),f=t(o.Link,n,{display:"block",textDecoration:"none",lineHeight:1,variants:{elementType:{dropdownItem:{"&[data-active]":{background:"$primaryLight",color:"$primary","*":{color:"$primary"},"&:hover":{background:"$tonal50"},"&:active":{background:"$tonal100"},"&:focus-visible":{boxShadow:"0 0 0 2px $colors$primary"}}},link:{"&[data-active]":{...v}}}}}),r=e.forwardRef(({children:a,href:l,disabled:m,css:s,variant:c="link",...i},d)=>m?e.createElement(u,{disabled:!0,...i},a):e.createElement(y,null,e.createElement(f,{href:l,ref:d,elementType:c,css:s,...i},a)));r.displayName="NavigationMenuLink";export{r as NavigationMenuLink};
+import*as o from"@radix-ui/react-navigation-menu";import e from"react";import{styled as t}from"../../stitches.js";import{navigationMenuBaseItemStyles as n,navigationMenuDisabledItemStyles as p,navigationMenuActiveItemStyles as v}from"./NavigationMenu.styles.js";const u=t("button",{...n,...p}),y=t(o.Item),f=t(o.Link,n,{display:"block",textDecoration:"none",lineHeight:1,variants:{elementType:{dropdownItem:{"&[data-active]":{background:"$primaryLight",color:"$primary","*":{color:"$primary"},"&:hover":{background:"$tonal50"},"&:active":{background:"$tonal100"},"&:focus-visible":{boxShadow:"0 0 0 2px $colors$primary"}}},link:{"&[data-active]":{...v}}}}}),r=e.forwardRef(({children:a,href:l,disabled:m,css:s,variant:c="link",...i},d)=>e.createElement(y,null,m?e.createElement(u,{disabled:!0,...i},a):e.createElement(f,{href:l,ref:d,elementType:c,css:s,...i},a)));r.displayName="NavigationMenuLink";export{r as NavigationMenuLink};

package/dist/components/sidedrawer/SidedrawerClose.d.ts

@@ -1,2 +1,3 @@
 import React from 'react';
-export declare const SidedrawerClose: React.FC;
+import { ActionIcon } from '../action-icon/ActionIcon';
+export declare const SidedrawerClose: React.FC<React.ComponentProps<typeof ActionIcon>>;

package/dist/components/sidedrawer/SidedrawerClose.js

@@ -1 +1 @@
-import{Close as o}from"@radix-ui/react-dialog";import{Close as r}from"@atom-learning/icons";import e from"react";import{Icon as t}from"../icon/Icon.js";import{ActionIcon as m}from"../action-icon/ActionIcon.js";const l=()=>e.createElement(o,{asChild:!0},e.createElement(m,{theme:"neutral",appearance:"simple",label:"close",size:"md"},e.createElement(t,{is:r})));export{l as SidedrawerClose};
+import{Close as l}from"@radix-ui/react-dialog";import{Close as i}from"@atom-learning/icons";import e from"react";import{Icon as s}from"../icon/Icon.js";import{ActionIcon as p}from"../action-icon/ActionIcon.js";const c=({appearance:o="simple",label:r="close",size:t="md",theme:m="neutral",...a})=>e.createElement(l,{asChild:!0},e.createElement(p,{theme:m,appearance:o,size:t,label:r,...a},e.createElement(s,{is:i})));export{c as SidedrawerClose};