@atom-learning/components 1.4.0 → 1.6.1

package/dist/components/toast/ToastProvider.js

@@ -1 +1 @@
-import{createElement as t,Fragment as e}from"react";import{useToaster as o}from"react-hot-toast";export{default as toast}from"react-hot-toast";import{styled as a}from"../../stitches.js";import{TOAST_WIDTH as s,Toast as r}from"./Toast.js";const i=a("div",{left:"$2",position:"fixed",top:"$2",right:"$2",zIndex:2147483647,"@sm":{top:"$3",right:"auto",left:`calc(50% - ${s/2}px)`}}),c=({children:a})=>{const{toasts:s,handlers:c}=o(),{startPause:p,endPause:f,calculateOffset:l,updateHeight:n}=c;return t(e,null,t(i,{onMouseEnter:p,onMouseLeave:f},s.map((e=>t(r,Object.assign({key:e.id,calculateOffset:l,updateHeight:n},e))))),a)};c.displayName="ToastProvider";export{c as ToastProvider};
+import{createElement as t,Fragment as d}from"react";import{useToaster as l}from"react-hot-toast";import{default as E}from"react-hot-toast";import{styled as f}from"../../stitches.js";import{TOAST_WIDTH as u,Toast as c}from"./Toast.js";const T=2147483647,x=f("div",{left:"$2",position:"fixed",top:"$2",right:"$2",zIndex:T,"@sm":{top:"$3",right:"auto",left:`calc(50% - ${u/2}px)`}}),o=({children:r})=>{const{toasts:s,handlers:a}=l(),{startPause:n,endPause:i,calculateOffset:m,updateHeight:p}=a;return t(d,null,t(x,{onMouseEnter:n,onMouseLeave:i},s.map(e=>t(c,{key:e.id,calculateOffset:m,updateHeight:p,...e}))),r)};o.displayName="ToastProvider";export{o as ToastProvider,E as toast};

package/dist/components/tooltip/Tooltip.js

@@ -1 +1 @@
-const t=["children","delayDuration"];import{Root as r,Trigger as o}from"@radix-ui/react-tooltip";import{createElement as e}from"react";import{styled as i}from"../../stitches.js";import{TooltipContent as n}from"./TooltipContent.js";const a=o=>{let{children:i,delayDuration:n=350}=o,a=function(t,r){if(null==t)return{};var o,e,i={},n=Object.keys(t);for(e=0;e<n.length;e++)o=n[e],r.indexOf(o)>=0||(i[o]=t[o]);return i}(o,t);return e(r,Object.assign({delayDuration:n},a),i)};a.Content=n,a.Trigger=i(o,{}),a.displayName="Tooltip";export{a as Tooltip};
+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};

package/dist/components/tooltip/TooltipContent.js

@@ -1 +1 @@
-const i=["children","side","sideOffset","size"];import{Content as t,Arrow as a}from"@radix-ui/react-tooltip";import{createElement as e}from"react";import{styled as o}from"../../stitches.js";import"../../utilities/css-wrapper/CSSWrapper.js";import"polished";import{slideDownAndFade as n,slideLeftAndFade as r,slideUpAndFade as s,slideRightAndFade as m}from"../../utilities/style/keyframe-animations.js";const d=o(t,{backgroundColor:"$tonal500",borderRadius:"$0",boxShadow:"$0",color:"white",fontFamily:"$body",fontSize:"$sm",lineHeight:1.5,px:"$3",py:"$2","@allowMotion":{animationDuration:"75ms",animationTimingFunction:"cubic-bezier(0.16, 1, 0.3, 1)",willChange:"transform, opacity",'&[data-state="delayed-open"]':{'&[data-side="top"]':{animationName:n},'&[data-side="right"]':{animationName:r},'&[data-side="bottom"]':{animationName:s},'&[data-side="left"]':{animationName:m}}},variants:{size:{sm:{maxWidth:"100px"},md:{maxWidth:"250px"},lg:{maxWidth:"400px"}}}}),l=o(a,{fill:"$tonal500",'[data-align="end"] &':{mr:"$2"},'[data-align="start"] &':{ml:"$2"}}),p=t=>{let{children:a,side:o="top",sideOffset:n=4,size:r="md"}=t,s=function(i,t){if(null==i)return{};var a,e,o={},n=Object.keys(i);for(e=0;e<n.length;e++)a=n[e],t.indexOf(a)>=0||(o[a]=i[a]);return o}(t,i);return e(d,Object.assign({side:o,sideOffset:n,size:r},s),a,e(l,null))};export{p as TooltipContent};
+import{Content as m,Arrow as l}from"@radix-ui/react-tooltip";import{createElement as t}from"react";import{styled as a}from"../../stitches.js";import{slideDownAndFade as r,slideLeftAndFade as s,slideUpAndFade as p,slideRightAndFade as c}from"../../utilities/style/keyframe-animations.js";const f=a(m,{backgroundColor:"$tonal500",borderRadius:"$0",boxShadow:"$0",color:"white",fontFamily:"$body",fontSize:"$sm",lineHeight:1.5,px:"$3",py:"$2","@allowMotion":{animationDuration:"75ms",animationTimingFunction:"cubic-bezier(0.16, 1, 0.3, 1)",willChange:"transform, opacity",'&[data-state="delayed-open"]':{'&[data-side="top"]':{animationName:r},'&[data-side="right"]':{animationName:s},'&[data-side="bottom"]':{animationName:p},'&[data-side="left"]':{animationName:c}}},variants:{size:{sm:{maxWidth:"100px"},md:{maxWidth:"250px"},lg:{maxWidth:"400px"}}}}),$=a(l,{fill:"$tonal500",'[data-align="end"] &':{mr:"$2"},'[data-align="start"] &':{ml:"$2"}}),g=({children:o,side:i="top",sideOffset:n=4,size:e="md",...d})=>t(f,{side:i,sideOffset:n,size:e,...d},o,t($,null));export{g as TooltipContent};

package/dist/components/validation-error/ValidationError.js

@@ -1 +1 @@
-const r=["css","children"];function t(){return(t=Object.assign||function(r){for(var t=1;t<arguments.length;t++){var e=arguments[t];for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(r[n]=e[n])}return r}).apply(this,arguments)}import{Error as e}from"@atom-learning/icons";import{createElement as n}from"react";import{Flex as s}from"../flex/Flex.js";import{Icon as o}from"../icon/Icon.js";import{Text as i}from"../text/Text.js";const c=c=>{let{css:a,children:l}=c,f=function(r,t){if(null==r)return{};var e,n,s={},o=Object.keys(r);for(n=0;n<o.length;n++)e=o[n],t.indexOf(e)>=0||(s[e]=r[e]);return s}(c,r);return n(s,Object.assign({css:t({color:"$danger",alignItems:"flex-start"},a)},f),n(o,{is:e,size:"sm",css:{mr:"$2",flexShrink:0},"aria-hidden":!0}),n(i,{css:{color:"inherit",transform:"translateY($space$1)"},size:"sm"},l))};export{c as ValidationError};
+import{Error as s}from"@atom-learning/icons";import{createElement as r}from"react";import{Flex as i}from"../flex/Flex.js";import{Icon as m}from"../icon/Icon.js";import{Text as a}from"../text/Text.js";const n=({css:o,children:t,...e})=>r(i,{css:{color:"$danger",alignItems:"flex-start",...o},...e},r(m,{is:s,size:"sm",css:{mr:"$2",flexShrink:0},"aria-hidden":!0}),r(a,{css:{color:"inherit",transform:"translateY($space$1)"},size:"sm"},t));export{n as ValidationError};

package/dist/components/video/Video.js

@@ -1 +1 @@
-const r=["id","ratio","css"];import{forwardRef as t,createElement as e}from"react";import i from"react-player/vimeo";import{Box as o}from"../box/Box.js";import{styled as s}from"../../stitches.js";import{CSSWrapper as p}from"../../utilities/css-wrapper/CSSWrapper.js";const a=s(i,{}),c=t(((t,i)=>{let{id:s,ratio:c=9/16,css:n}=t,d=function(r,t){if(null==r)return{};var e,i,o={},s=Object.keys(r);for(i=0;i<s.length;i++)e=s[i],t.indexOf(e)>=0||(o[e]=r[e]);return o}(t,r);return e(p,{css:n},e(o,{css:{borderRadius:"$0",position:"relative",paddingTop:100*c+"%",overflow:"hidden",height:0,width:"100%"}},e(a,Object.assign({},d,{role:"figure",url:`https://player.vimeo.com/video/${s}`,height:"100%",width:"100%",css:{position:"absolute",top:0,left:0},ref:i}))))}));c.displayName="Video";export{c as Video};
+import{forwardRef as m,createElement as o}from"react";import s from"react-player/vimeo";import{Box as a}from"../box/Box.js";import{styled as l}from"../../stitches.js";import{CSSWrapper as f}from"../../utilities/css-wrapper/CSSWrapper.js";const h=l(s,{}),e=m(({id:r,ratio:t=9/16,css:i,...d},p)=>o(f,{css:i},o(a,{css:{borderRadius:"$0",position:"relative",paddingTop:`${t*100}%`,overflow:"hidden",height:0,width:"100%"}},o(h,{...d,role:"figure",url:`https://player.vimeo.com/video/${r}`,height:"100%",width:"100%",css:{position:"absolute",top:0,left:0},ref:p}))));e.displayName="Video";export{e as Video};