@atom-learning/components 2.16.0 → 2.18.0

package/CHANGELOG.md

@@ -1,14 +1,20 @@
-# [2.16.0](https://github.com/Atom-Learning/components/compare/v2.15.0...v2.16.0) (2022-11-16)
+# [2.18.0](https://github.com/Atom-Learning/components/compare/v2.17.0...v2.18.0) (2022-11-30)
+
+
+### Bug Fixes
+
+* update README ([3ae762d](https://github.com/Atom-Learning/components/commit/3ae762dde4d9decba395bb3e278c00fb404a8d81))
 
 
 ### Features
 
-* navigation-menu - custom trigger improvements to match api pattern ([de81014](https://github.com/Atom-Learning/components/commit/de8101470683406ee76496f48e97eef8397ba140))
-* navigation-menu - trigger simplified ([ef0e18e](https://github.com/Atom-Learning/components/commit/ef0e18e4a3a4936e8d9c8b9acfb27de2ed7aea29))
-* navigation-menu cleanup ([d4956cc](https://github.com/Atom-Learning/components/commit/d4956cc10b888bb2bbe030663e1d1274e747c03d))
-* navigation-menu custom trigger component ([cbacdcd](https://github.com/Atom-Learning/components/commit/cbacdcd7b32b5e002f6a3a08a1206bc172c9e584))
-* navigation-menu mdx update ([46fb78e](https://github.com/Atom-Learning/components/commit/46fb78ebffae3d21e788b26ba99902b9a24b3cfc))
-* navigation-menu types improvements ([009101c](https://github.com/Atom-Learning/components/commit/009101cb74f4a6be0c4b47ad30d7c75df3bd1090))
+* add experimental flag to ColorScheme component ([bb8d223](https://github.com/Atom-Learning/components/commit/bb8d223889de948d5502f8bd2627c154dd7e20b1))
+* change foreground colour to one from slate gradient and use white directly ([cbf8aac](https://github.com/Atom-Learning/components/commit/cbf8aacd903f20a4efe9dda2d29b906056d9d06f))
+* changes based on PR comments ([d58d803](https://github.com/Atom-Learning/components/commit/d58d80399fe55ec6c52c15b1fb52e53173e7b97f))
+* ColorScheme alpha version ([bc204cb](https://github.com/Atom-Learning/components/commit/bc204cb9c6ac4163c8bfab552d5f4daa769610fa))
+* remove testing lib requirement ([c9d68b9](https://github.com/Atom-Learning/components/commit/c9d68b95a8fbd54ee36cc23a532ce6465507afdc))
+* rename tonal vars to base to match property of ColorScheme component ([6253323](https://github.com/Atom-Learning/components/commit/62533232a5d91b84a7e6d996fa9dd02ce78e8f5d))
+* space out all children of StackContent ([004848e](https://github.com/Atom-Learning/components/commit/004848e6f602579cadb3cbe741ab61fca5240688))
 
 # [1.4.0](https://github.com/Atom-Learning/components/compare/v1.3.0...v1.4.0) (2022-04-11)
 

package/dist/components/badge/Badge.js

@@ -1 +1 @@
-import*as e from"react";import{styled as n}from"../../stitches.js";import{Box as a}from"../box/Box.js";import{Flex as m}from"../flex/Flex.js";const l=n(m,{justifyContent:"center",alignItems:"center",borderRadius:"$0",border:"1px solid #FFFFFF",fontFamily:"$body",variants:{theme:{success:{bg:"$successLight",color:"$successDark"},warning:{bg:"$warningLight",color:"$tonal600"},danger:{bg:"$dangerLight",color:"$dangerDark"},neutral:{bg:"$tonal50",color:"$tonal400"},info:{bg:"$primaryLight",color:"$primaryMid"}},size:{xs:{fontSize:"$sm",px:"$3",height:"$2"},sm:{fontSize:"$md",px:"$4",height:"$3"},md:{fontSize:"$md",px:"$4",height:"$4"}}}}),o=({theme:t="info",size:r="sm",children:i,...s})=>e.createElement(l,{role:"status",theme:t,size:r,...s},e.createElement(a,{as:"div",css:{whiteSpace:"nowrap",overflowX:"hidden",textOverflow:"ellipsis",py:"$0"}},i));o.displayName="Badge";export{o as Badge};
+import*as t from"react";import{styled as m}from"../../stitches.js";import{Box as l}from"../box/Box.js";import{Flex as a}from"../flex/Flex.js";import{Icon as d}from"../icon/Icon.js";const c=m(a,{justifyContent:"center",alignItems:"center",borderRadius:"$0",minWidth:0,border:"1px solid #FFFFFF",fontFamily:"$body","& > *:not(:last-child)":{mr:"$1"},variants:{theme:{success:{bg:"$successLight",color:"$successMid"},warning:{bg:"$warningLight",color:"$warningText"},danger:{bg:"$dangerLight",color:"$dangerMid"},neutral:{bg:"$tonal50",color:"$tonal400"},info:{bg:"$primaryLight",color:"$primaryMid"}},size:{xs:{fontSize:"$sm",px:"$1",height:"$2"},sm:{fontSize:"$md",px:"$1",height:"$3"},md:{fontSize:"$md",px:"$2",height:"$4"}}}}),i=({theme:r="info",size:o="sm",children:n,...s})=>t.createElement(c,{role:"status",theme:r,size:o,...s},t.Children.map(n,e=>{if(typeof e=="string")return t.createElement(l,{css:{whiteSpace:"nowrap",overflowX:"hidden",textOverflow:"ellipsis",py:"$0"}},e);if(t.isValidElement(e)&&e.type===d)return t.cloneElement(e,{size:"sm",css:{...e.props.css,flexShrink:0}})}));i.displayName="Badge";export{i as Badge};

package/dist/components/data-table/DataTableContext.d.ts

@@ -1,11 +1,12 @@
 import * as React from 'react';
-import type { Table } from '@tanstack/react-table';
+import type { VisibilityTableState, ColumnOrderTableState, ColumnPinningTableState, FiltersTableState, SortingTableState, ExpandedTableState, GroupingTableState, ColumnSizingTableState, PaginationTableState, RowSelectionTableState, Table } from '@tanstack/react-table';
 declare type DataTableContextType<T = unknown> = Table<T> & {
     setIsSortable: React.Dispatch<React.SetStateAction<boolean>>;
     applyPagination: () => void;
     getTotalRows: () => number;
     isSortable: boolean;
 };
+declare type InitialState = Partial<VisibilityTableState & ColumnOrderTableState & ColumnPinningTableState & FiltersTableState & SortingTableState & ExpandedTableState & GroupingTableState & ColumnSizingTableState & PaginationTableState & RowSelectionTableState>;
 declare type TableProviderProps = {
     columns: any;
     data: Array<Record<string, unknown>>;
@@ -14,7 +15,8 @@ declare type TableProviderProps = {
         direction: 'asc' | 'desc';
     };
     children: React.ReactNode;
+    initialState?: InitialState;
 };
-export declare const DataTableProvider: ({ columns, data, defaultSort, children }: TableProviderProps) => JSX.Element;
+export declare const DataTableProvider: ({ columns, data, defaultSort, initialState, children }: TableProviderProps) => JSX.Element;
 export declare const useDataTable: <T extends Record<string, unknown>>() => DataTableContextType<T>;
 export {};

package/dist/components/data-table/DataTableContext.js

@@ -1 +1 @@
-import*as e from"react";import{useReactTable as R,getCoreRowModel as M,getPaginationRowModel as S,getSortedRowModel as T,getFilteredRowModel as p}from"@tanstack/react-table";const s=e.createContext(null),v=({columns:t,data:l,defaultSort:o,children:g})=>{const[u,c]=e.useState(!1),[a,w]=e.useState(!1),[r,b]=e.useState(o?[{id:o.column,desc:o.direction==="desc"}]:[]),n=e.useCallback(()=>{c(!0)},[]),d=()=>l.length,i=R({columns:t,data:l,getCoreRowModel:M(),getPaginationRowModel:u?S():void 0,getSortedRowModel:a||r.length?T():void 0,state:{sorting:r},onSortingChange:b,getFilteredRowModel:p()}),m=e.useMemo(()=>({...i,setIsSortable:w,applyPagination:n,getTotalRows:d,isSortable:a}),[i,n,d,a]);return e.createElement(s.Provider,{value:m},g)},C=()=>{const t=e.useContext(s);if(!t)throw new Error("useDataTable can only be called from inside a DataTableProvider");return t};export{v as DataTableProvider,C as useDataTable};
+import*as e from"react";import{useReactTable as R,getCoreRowModel as M,getPaginationRowModel as p,getSortedRowModel as v,getFilteredRowModel as C}from"@tanstack/react-table";const g=e.createContext(null),P=({columns:t,data:n,defaultSort:o,initialState:a=void 0,children:u})=>{const[c,S]=e.useState(!!(a!=null&&a.pagination)),[l,w]=e.useState(!1),[r,b]=e.useState(o?[{id:o.column,desc:o.direction==="desc"}]:[]),i=e.useCallback(()=>{S(!0)},[]),d=()=>n.length,s=R({columns:t,data:n,getCoreRowModel:M(),getPaginationRowModel:c?p():void 0,getSortedRowModel:l||r.length?v():void 0,initialState:a,state:{sorting:r},onSortingChange:b,getFilteredRowModel:C()}),m=e.useMemo(()=>({...s,setIsSortable:w,applyPagination:i,getTotalRows:d,isSortable:l}),[s,i,d,l]);return e.createElement(g.Provider,{value:m},u)},T=()=>{const t=e.useContext(g);if(!t)throw new Error("useDataTable can only be called from inside a DataTableProvider");return t};export{P as DataTableProvider,T as useDataTable};

package/dist/components/divider/Divider.js

@@ -1 +1 @@
-import t from"react";import{styled as n}from"../../stitches.js";const i=n("hr",{border:0,bg:"$tonal200",variants:{orientation:{horizontal:{height:1,width:"100%"},vertical:{height:"100%",width:1,minHeight:"$3"}}}}),a=t.forwardRef(({orientation:r="horizontal",...e},o)=>t.createElement(i,{ref:o,orientation:r,...e}));export{a as Divider,i as StyledDivider};
+import t from"react";import{styled as n}from"../../stitches.js";const i=n("hr",{border:0,bg:"$tonal100",variants:{orientation:{horizontal:{height:1,width:"100%"},vertical:{height:"100%",width:1,minHeight:"$3"}}}}),a=t.forwardRef(({orientation:r="horizontal",...e},o)=>t.createElement(i,{ref:o,orientation:r,...e}));export{a as Divider,i as StyledDivider};

package/dist/components/stack-content/StackContent.js

@@ -1 +1 @@
-import*as t from"react";import{styled as r}from"../../stitches.js";import{StyledDivider as d}from"../divider/Divider.js";import{StyledHeading as e}from"../heading/Heading.js";import{StyledImage as l}from"../image/Image.js";import{StyledList as a}from"../list/List.js";import{StyledText as c}from"../text/Text.js";const n=r("div",{[`& > ${e}`]:{maxWidth:"65ch","&:not(:first-child)":{mt:"$5"},"&:not(:last-child)":{mb:"$5"}},[`& > ${c}`]:{maxWidth:"75ch","&:not(:last-child)":{mb:"$5"}},[`& > ${a}`]:{maxWidth:"75ch","&:not(:last-child)":{mb:"$5"}},[`& > ${d}`]:{my:"$5"},[`& > ${l}`]:{display:"block","&:not(:first-child)":{mt:"$6"},"&:not(:last-child)":{mb:"$6"}}}),o=t.forwardRef((m,i)=>t.createElement(n,{ref:i,...m}));o.displayName="StackContent";export{o as StackContent};
+import*as t from"react";import{styled as r}from"../../stitches.js";import{StyledDivider as e}from"../divider/Divider.js";import{StyledHeading as d}from"../heading/Heading.js";import{StyledImage as a}from"../image/Image.js";import{StyledList as l}from"../list/List.js";import{StyledText as c}from"../text/Text.js";const f=r("div",{"& > *":{"&:not(:first-child)":{mt:"$5"},"&:not(:last-child)":{mb:"$5"}},[`& > ${d}`]:{maxWidth:"65ch"},[`& > ${c}`]:{maxWidth:"75ch"},[`& > ${l}`]:{maxWidth:"75ch"},[`& > ${e}`]:{my:"$5"},[`& > ${a}`]:{display:"block","&:not(:first-child)":{mt:"$6"},"&:not(:last-child)":{mb:"$6"}}}),o=t.forwardRef((m,i)=>t.createElement(f,{ref:i,...m}));o.displayName="StackContent";export{o as StackContent};