@atom-learning/components 1.17.2 → 1.18.1

package/dist/components/toggle-group/index.js

@@ -0,0 +1 @@
+import{ToggleGroupButton as o}from"./ToggleGroupButton.js";import{ToggleGroupItem as t}from"./ToggleGroupItem.js";import{ToggleGroupRoot as r}from"./ToggleGroupRoot.js";const g={Item:t,Button:o,Root:r};export{g as ToggleGroup};

package/dist/components/tooltip/Tooltip.js

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

package/dist/components/tooltip/TooltipContent.js

@@ -1 +1 @@
-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};
+import{Content as m,Arrow as l}from"@radix-ui/react-tooltip";import*as t from"react";import{styled as a}from"../../stitches.js";import{slideDownAndFade as s,slideLeftAndFade as r,slideUpAndFade as p,slideRightAndFade as f}from"../../utilities/style/keyframe-animations.js";const c=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:s},'&[data-side="right"]':{animationName:r},'&[data-side="bottom"]':{animationName:p},'&[data-side="left"]':{animationName:f}}},variants:{size:{sm:{maxWidth:"100px"},md:{maxWidth:"250px"},lg:{maxWidth:"400px"}}}}),h=a(l,{fill:"$tonal500",'[data-align="end"] &':{mr:"$2"},'[data-align="start"] &':{ml:"$2"}}),$=({children:i,side:e="top",sideOffset:o=4,size:n="md",...d})=>t.createElement(c,{side:e,sideOffset:o,size:n,...d},i,t.createElement(h,null));export{$ as TooltipContent};

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

@@ -1 +1 @@
-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};
+import{Error as s}from"@atom-learning/icons";import*as r from"react";import{Flex as m}from"../flex/Flex.js";import{Icon as i}from"../icon/Icon.js";import{Text as a}from"../text/Text.js";const n=({css:e,children:t,...o})=>r.createElement(m,{css:{color:"$danger",alignItems:"flex-start",...e},...o},r.createElement(i,{is:s,size:"sm",css:{mr:"$2",flexShrink:0},"aria-hidden":!0}),r.createElement(a,{css:{color:"inherit",transform:"translateY($space$1)"},size:"sm"},t));export{n as ValidationError};

package/dist/components/video/Video.js

@@ -1 +1 @@
-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};
+import*as e from"react";import m from"react-player/vimeo";import{Box as p}from"../box/Box.js";import{styled as a}from"../../stitches.js";import{CSSWrapper as l}from"../../utilities/css-wrapper/CSSWrapper.js";const f=a(m,{}),o=e.forwardRef(({id:r,ratio:t=9/16,css:i,...s},d)=>e.createElement(l,{css:i},e.createElement(p,{css:{borderRadius:"$0",position:"relative",paddingTop:`${t*100}%`,overflow:"hidden",height:0,width:"100%"}},e.createElement(f,{...s,role:"figure",url:`https://player.vimeo.com/video/${r}`,height:"100%",width:"100%",css:{position:"absolute",top:0,left:0},ref:d}))));o.displayName="Video";export{o as Video};