@atom-learning/components 1.7.2 → 1.7.5

package/CHANGELOG.md

@@ -1,9 +1,9 @@
-## [1.7.2](https://github.com/Atom-Learning/components/compare/v1.7.1...v1.7.2) (2022-04-13)
+## [1.7.5](https://github.com/Atom-Learning/components/compare/v1.7.4...v1.7.5) (2022-04-14)
 
 
 ### Bug Fixes
 
-* showing toast on top of modal overlay ([2413824](https://github.com/Atom-Learning/components/commit/2413824f3220e6888373e048c925b7454b2fbe77))
+* onSelect prop name clashing with the built-in React onSelect event ([8aa2b42](https://github.com/Atom-Learning/components/commit/8aa2b42184c5c4470f3b855ad15a3b79698b212f))
 
 # [1.4.0](https://github.com/Atom-Learning/components/compare/v1.3.0...v1.4.0) (2022-04-11)
 

package/dist/components/file-input/FileInput.d.ts

@@ -1,8 +1,8 @@
 import * as React from 'react';
-import { StyledButton } from '../button';
-export declare type FileInputProps = React.FC<typeof StyledButton & {
+import { Button } from '../button';
+export declare type FileInputProps = React.ComponentProps<typeof Button> & {
+    onFileSelect: (selection: FileList | null) => void;
     accept?: string;
     multiple?: boolean;
-    onSelect: (selection: FileList | null) => void;
-}>;
-export declare const FileInput: FileInputProps;
+};
+export declare const FileInput: React.FC<FileInputProps>;

package/dist/components/file-input/FileInput.js

@@ -1 +1 @@
-import{Download as s}from"@atom-learning/icons";import{createElement as e}from"react";import{Button as f}from"../button/Button.js";import{Icon as c}from"../icon/Icon.js";const t=({accept:o,children:n,multiple:r=!1,onSelect:i,...l})=>{const a=m=>{const{files:p}=m.target;i(p)};return e(f,{as:"label",...l},e("input",{type:"file",onChange:a,accept:o,multiple:r,hidden:!0}),e(c,{is:s}),n)};t.displayName="FileInput";export{t as FileInput};
+import{Upload as s}from"@atom-learning/icons";import{createElement as e}from"react";import{Button as f}from"../button/Button.js";import{Icon as c}from"../icon/Icon.js";const t=({accept:o,children:n,multiple:r=!1,onFileSelect:i,...l})=>{const p=a=>{const{files:m}=a.target;i(m)};return e(f,{as:"label",...l},e(c,{is:s}),n,e("input",{type:"file",onChange:p,accept:o,multiple:r,hidden:!0}))};t.displayName="FileInput";export{t as FileInput};

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { UseFormMethods, Mode } from 'react-hook-form';
+import type { Mode, UseFormMethods } from 'react-hook-form';
 export declare enum StorageEnum {
     LOCAL = "local",
     SESSION = "session"

package/dist/components/notification-badge/NotificationBadge.js

@@ -1 +1 @@
-import e from"react";import{Box as i}from"../box/Box.js";import{Flex as n}from"../flex/Flex.js";import{styled as o}from"../../stitches.js";const l=o(i,{position:"relative"}),a=o(n,{fontFamily:"$body",fontSize:"$sm",flexDirection:"column",justifyContent:"center",position:"absolute",top:"0",right:"0",transform:"translate(calc($sizes$2 / 2), -50%)",borderRadius:"$round",p:"$2",height:"$2",minWidth:"$2",textAlign:"center",color:"#fff",bg:"$primary"}),m=({value:t,children:r})=>e.createElement(l,null,!!t&&e.createElement(a,{role:"status"},t),r);export{m as NotificationBadge};
+import e from"react";import{styled as o}from"../../stitches.js";import{Box as i}from"../box/Box.js";import{Flex as n}from"../flex/Flex.js";const l=o(i,{position:"relative"}),a=o(n,{fontFamily:"$body",fontSize:"$sm",flexDirection:"column",justifyContent:"center",position:"absolute",top:"0",right:"0",transform:"translate(calc($sizes$2 / 2), -50%)",borderRadius:"$round",p:"$2",height:"$2",minWidth:"$2",textAlign:"center",color:"#fff",bg:"$primary"}),m=({value:t,children:r})=>e.createElement(l,null,!!t&&e.createElement(a,{role:"status"},t),r);export{m as NotificationBadge};

package/dist/components/slider-field/SliderField.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
 import { SliderProps } from '../../components/slider';
 import { SliderStepsType } from '../../components/slider/SliderSteps';
-import { SliderValueType } from '../slider/SliderValue';
 import type { CSS } from '../../stitches';
+import { SliderValueType } from '../slider/SliderValue';
 declare type SliderFieldProps = SliderProps & SliderStepsType & SliderValueType & {
     css?: CSS;
     label: string;

package/dist/components/table/TableHeader.js

@@ -1 +1 @@
-import{styled as t}from"../../stitches.js";import i from"react";import{TableHeaderCell as r}from"./TableHeaderCell.js";const l=t("thead",{variants:{theme:{primary:{[`${r}`]:{bg:"$primary"}},primaryDark:{[`${r}`]:{bg:"$primaryDark"}}}}}),e=({theme:a="primaryDark",...m})=>i.createElement(l,{theme:a,...m});e.displayName="TableHeader";export{e as TableHeader};
+import t from"react";import{styled as i}from"../../stitches.js";import{TableHeaderCell as r}from"./TableHeaderCell.js";const l=i("thead",{variants:{theme:{primary:{[`${r}`]:{bg:"$primary"}},primaryDark:{[`${r}`]:{bg:"$primaryDark"}}}}}),e=({theme:a="primaryDark",...m})=>t.createElement(l,{theme:a,...m});e.displayName="TableHeader";export{e as TableHeader};

package/dist/components/tabs/Tabs.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { TabTrigger } from './TabTrigger';
 import { TriggerListWrapper } from './TabsTriggerList';
+import { TabTrigger } from './TabTrigger';
 declare type TabsProps = React.ComponentProps<typeof StyledRoot>;
 declare const StyledRoot: import("@stitches/react/types/styled-component").StyledComponent<React.ForwardRefExoticComponent<import("@radix-ui/react-tabs").TabsProps & React.RefAttributes<HTMLDivElement>>, {
     theme?: "dark" | "light" | undefined;

package/dist/components/tabs/Tabs.js

@@ -1 +1 @@
-import{Root as m,Content as n}from"@radix-ui/react-tabs";import{createElement as p}from"react";import{styled as t}from"../../stitches.js";import{TabTrigger as s}from"./TabTrigger.js";import{TriggerListWrapper as e}from"./TabsTriggerList.js";import{passPropsToChildren as g}from"./utils.js";const c=t(m,{display:"flex",flexDirection:"column",variants:{theme:{light:{color:"$primary"},dark:{color:"white"}}}}),i=t(n,{flexGrow:1,fontFamily:"$body",variants:{theme:{light:{color:"$textForeground"},dark:{bg:"$primaryDark",color:"white"}}}}),r=({theme:o="light",children:a,...l})=>p(c,{theme:o,...l},g(a,{theme:o},[e,i]));r.TriggerList=e,r.Trigger=s,r.Content=i,r.displayName="Tabs";export{r as Tabs};
+import{Root as m,Content as n}from"@radix-ui/react-tabs";import{createElement as p}from"react";import{styled as t}from"../../stitches.js";import{TriggerListWrapper as e}from"./TabsTriggerList.js";import{TabTrigger as s}from"./TabTrigger.js";import{passPropsToChildren as g}from"./utils.js";const c=t(m,{display:"flex",flexDirection:"column",variants:{theme:{light:{color:"$primary"},dark:{color:"white"}}}}),i=t(n,{flexGrow:1,fontFamily:"$body",variants:{theme:{light:{color:"$textForeground"},dark:{bg:"$primaryDark",color:"white"}}}}),r=({theme:o="light",children:a,...l})=>p(c,{theme:o,...l},g(a,{theme:o},[e,i]));r.TriggerList=e,r.Trigger=s,r.Content=i,r.displayName="Tabs";export{r as Tabs};