@atom-learning/components 1.13.0 → 1.14.1

package/CHANGELOG.md

@@ -1,18 +1,9 @@
-# [1.13.0](https://github.com/Atom-Learning/components/compare/v1.12.0...v1.13.0) (2022-05-24)
+## [1.14.1](https://github.com/Atom-Learning/components/compare/v1.14.0...v1.14.1) (2022-06-08)
 
 
 ### Bug Fixes
 
-* documentation typo ([906d3f4](https://github.com/Atom-Learning/components/commit/906d3f47fc68451b88c278e2f21b1422c377b6ab))
-* parts of the letters being cut off because of minHeight ([baa8a3c](https://github.com/Atom-Learning/components/commit/baa8a3cd2394c4dbe07e7424f05e87638c38116e))
-* switch back to height ([14627a0](https://github.com/Atom-Learning/components/commit/14627a004690a3522dab0236d1ea8e8c0bded6db))
-* use minHeight ([c182661](https://github.com/Atom-Learning/components/commit/c182661b5c67933e396436497fa4fc1ba8a54451))
-
-
-### Features
-
-* add badge component ([28fc93f](https://github.com/Atom-Learning/components/commit/28fc93fed91e0d55741161612defa42066313d4f))
-* adding ellipsis on overflow WIP ([1df90cb](https://github.com/Atom-Learning/components/commit/1df90cb9d4ed6e7dc7430cba7036839e8b58eabc))
+* the ProgressBar now accepts absolute values and calculates the percentage based on them ([a62e04b](https://github.com/Atom-Learning/components/commit/a62e04b02d3666276a156f4f2ad15b4848397063))
 
 # [1.4.0](https://github.com/Atom-Learning/components/compare/v1.3.0...v1.4.0) (2022-04-11)
 

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

@@ -1,4 +1,4 @@
-import { Trigger } from '@radix-ui/react-dialog';
+import { Description, Title, Trigger } from '@radix-ui/react-dialog';
 import * as React from 'react';
 import { DialogClose } from './DialogClose';
 import { DialogContent } from './DialogContent';
@@ -271,6 +271,8 @@ declare type DialogProps = React.ComponentProps<typeof StyledDialog>;
 export declare const Dialog: React.FC<DialogProps> & {
     Close: typeof DialogClose;
     Content: typeof DialogContent;
+    Description: typeof Description;
+    Title: typeof Title;
     Trigger: typeof Trigger;
 };
 export {};

package/dist/components/dialog/Dialog.js

@@ -1 +1 @@
-import{Root as r,Trigger as e}from"@radix-ui/react-dialog";import{createElement as i}from"react";import{styled as m}from"../../stitches.js";import{DialogClose as l}from"./DialogClose.js";import{DialogContent as g}from"./DialogContent.js";const a=m(r,{}),o=t=>i(a,{...t});o.Close=l,o.Content=g,o.Trigger=e,o.displayName="Dialog";export{o as Dialog};
+import{Root as i,Description as e,Title as r,Trigger as l}from"@radix-ui/react-dialog";import{createElement as m}from"react";import{styled as g}from"../../stitches.js";import{DialogClose as n}from"./DialogClose.js";import{DialogContent as p}from"./DialogContent.js";const a=g(i,{}),o=t=>m(a,{...t});o.Close=n,o.Content=p,o.Description=e,o.Title=r,o.Trigger=l,o.displayName="Dialog";export{o as Dialog};

package/dist/components/progress-bar/ProgressBar.js

@@ -1 +1 @@
-import{Root as s,Indicator as n}from"@radix-ui/react-progress";import{createElement as r}from"react";import{styled as o}from"../../stitches.js";const d=o(s,{borderRadius:"$round",background:"$tonal100",height:"$0",position:"relative",overflow:"hidden",width:"100%",variants:{theme:{primary:{color:"$primary"},success:{color:"$success"},warning:{color:"$warning"},danger:{color:"$danger"}}}}),c=o(n,{backgroundColor:"currentcolor",borderRadius:"$round",boxSizing:"border-box",height:"100%",position:"absolute",transition:"all 300ms ease-out"}),e=({value:t,theme:i="primary",...a})=>r(d,{theme:i,...a},r(c,{style:{width:`${t}%`}}));e.displayName="ProgressBar";export{e as ProgressBar};
+import{Root as n,Indicator as d}from"@radix-ui/react-progress";import{createElement as t}from"react";import{styled as e}from"../../stitches.js";const c=e(n,{borderRadius:"$round",background:"$tonal100",height:"$0",position:"relative",overflow:"hidden",width:"100%",variants:{theme:{primary:{color:"$primary"},success:{color:"$success"},warning:{color:"$warning"},danger:{color:"$danger"}}}}),l=e(d,{backgroundColor:"currentcolor",borderRadius:"$round",boxSizing:"border-box",height:"100%",position:"absolute",transition:"all 300ms ease-out"}),s=({value:r,max:o=100,theme:a="primary",...i})=>t(c,{value:r,max:o,theme:a,...i},t(l,{style:{width:"100%",transform:`translateX(-${100-(r||0)/o*100}%)`}}));s.displayName="ProgressBar";export{s as ProgressBar};

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-declare const StyledTabTrigger: import("@stitches/react/types/styled-component").StyledComponent<React.ForwardRefExoticComponent<import("@radix-ui/react-tabs").TabsTriggerProps & React.RefAttributes<HTMLDivElement>>, {
+declare const StyledTabTrigger: import("@stitches/react/types/styled-component").StyledComponent<React.ForwardRefExoticComponent<import("@radix-ui/react-tabs").TabsTriggerProps & React.RefAttributes<HTMLButtonElement>>, {
     theme?: "dark" | "light" | undefined;
 }, {
     sm: string;

package/dist/components/tabs/TabTrigger.js

@@ -1 +1 @@
-import{Trigger as d}from"@radix-ui/react-tabs";import{opacify as a}from"color2k";import{createElement as n}from"react";import{styled as s,theme as e}from"../../stitches.js";const c=s(d,{cursor:"pointer",flexShrink:0,fontFamily:"$body",p:"$4",height:"$5",userSelect:"none",transition:"0.3s",variants:{theme:{light:{'&[data-state="active"]':{color:"$primary",fontWeight:600,letterSpacing:"-0.005em",boxShadow:"inset 0 -2px 0 0 currentColor"},'&[data-state="inactive"]':{color:"$tonal500"},"&:not([data-disabled]):hover":{color:"$primary",bg:a(e.colors.primary.value,-.9)},"&:not([data-disabled]):active":{color:"$primary",bg:a(e.colors.primary.value,-.8),boxShadow:"none"},"&[data-disabled],&[data-disabled]:hover":{color:"$tonal200",cursor:"not-allowed"}},dark:{color:"white",'&[data-state="active"]':{fontWeight:600,letterSpacing:"-0.005em",boxShadow:"inset 0 -2px 0 0 currentColor"},"&:not([data-disabled]):hover":{bg:a("white",-.8)},"&:not([data-disabled]):active":{bg:a("white",-.7),boxShadow:"none"},"&[data-disabled],&[data-disabled]:hover":{color:"$tonal200",cursor:"not-allowed"}}}}}),o=({children:t,theme:r,disabled:i=!1,...l})=>n(c,{disabled:i,theme:r,...l},t);o.displayName="TabTrigger";export{o as TabTrigger};
+import{Trigger as l}from"@radix-ui/react-tabs";import{opacify as o}from"color2k";import{createElement as n}from"react";import{styled as c,theme as e}from"../../stitches.js";const s=c(l,{background:"none",border:"none",cursor:"pointer",flexShrink:0,fontFamily:"$body",p:"$4",height:"$5",userSelect:"none",transition:"0.3s",variants:{theme:{light:{'&[data-state="active"]':{color:"$primary",fontWeight:600,letterSpacing:"-0.005em",boxShadow:"inset 0 -2px 0 0 currentColor"},'&[data-state="inactive"]':{color:"$tonal500"},"&:not([data-disabled]):hover":{color:"$primary",bg:o(e.colors.primary.value,-.9)},"&:not([data-disabled]):active":{color:"$primary",bg:o(e.colors.primary.value,-.8),boxShadow:"none"},"&[data-disabled],&[data-disabled]:hover":{color:"$tonal200",cursor:"not-allowed"}},dark:{color:"white",'&[data-state="active"]':{fontWeight:600,letterSpacing:"-0.005em",boxShadow:"inset 0 -2px 0 0 currentColor"},"&:not([data-disabled]):hover":{bg:o("white",-.8)},"&:not([data-disabled]):active":{bg:o("white",-.7),boxShadow:"none"},"&[data-disabled],&[data-disabled]:hover":{color:"$tonal200",cursor:"not-allowed"}}}}}),a=({children:t,theme:r,disabled:i=!1,...d})=>n(s,{disabled:i,theme:r,...d},t);a.displayName="TabTrigger";export{a as TabTrigger};

package/dist/components/tooltip/Tooltip.d.ts

@@ -1,9 +1,10 @@
-import { Root, Trigger } from '@radix-ui/react-tooltip';
+import { Provider, Root, Trigger } from '@radix-ui/react-tooltip';
 import * as React from 'react';
 import { TooltipContent } from './TooltipContent';
 declare type TooltipProps = React.ComponentProps<typeof Root>;
 export declare const Tooltip: React.FC<TooltipProps> & {
     Content: typeof TooltipContent;
     Trigger: typeof Trigger;
+    Provider: typeof Provider;
 };
 export {};

package/dist/components/tooltip/Tooltip.js

@@ -1 +1 @@
-import{Root as i,Trigger as m}from"@radix-ui/react-tooltip";import{createElement as p}from"react";import{styled as l}from"../../stitches.js";import{TooltipContent as n}from"./TooltipContent.js";const o=({children:t,delayDuration:r=350,...e})=>p(i,{delayDuration:r,...e},t);o.Content=n,o.Trigger=l(m,{}),o.displayName="Tooltip";export{o as Tooltip};
+import{Root as i,Trigger as m,Provider as p}from"@radix-ui/react-tooltip";import{createElement as l}from"react";import{styled as n}from"../../stitches.js";import{TooltipContent as T}from"./TooltipContent.js";const o=({children:r,delayDuration:t=350,...e})=>l(i,{delayDuration:t,...e},r);o.Content=T,o.Trigger=n(m,{}),o.Provider=p,o.displayName="Tooltip";export{o as Tooltip};