@atom-learning/components 2.6.1 → 2.8.0-beta.0

package/dist/components/accordion/Accordion.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { AccordionContent } from './AccordionContent';
 import { AccordionItem } from './AccordionItem';
 import { AccordionTrigger } from './AccordionTrigger';
-declare const StyledRoot: import("@stitches/react/types/styled-component").StyledComponent<React.ForwardRefExoticComponent<(import("@radix-ui/react-accordion").AccordionSingleProps & React.RefAttributes<HTMLDivElement>) | (import("@radix-ui/react-accordion").AccordionMultipleProps & React.RefAttributes<HTMLDivElement>)>, {}, {
+declare const StyledRoot: import("@stitches/react/types/styled-component").StyledComponent<React.ForwardRefExoticComponent<(import("@radix-ui/react-accordion").AccordionSingleProps | import("@radix-ui/react-accordion").AccordionMultipleProps) & React.RefAttributes<HTMLDivElement>>, {}, {
     sm: string;
     md: string;
     lg: string;

package/dist/components/dropdown-menu/DropdownMenu.d.ts

@@ -1,3 +1,4 @@
+import { Portal } from '@radix-ui/react-dropdown-menu';
 import React from 'react';
 import { DropdownMenuContent } from './DropdownMenuContent';
 import { DropdownMenuItem } from './DropdownMenuItem';
@@ -274,6 +275,7 @@ export declare const DropdownMenu: React.FC<React.ComponentProps<typeof Root>> &
     Content: typeof DropdownMenuContent;
     Item: typeof DropdownMenuItem;
     LinkItem: typeof DropdownMenuLinkItem;
+    Portal: typeof Portal;
     Separator: typeof DropdownMenuSeparator;
     Trigger: typeof DropdownMenuTrigger;
 };

package/dist/components/dropdown-menu/DropdownMenu.js

@@ -1 +1 @@
-import{Root as t}from"@radix-ui/react-dropdown-menu";import e from"react";import{styled as m}from"../../stitches.js";import{DropdownMenuContent as n}from"./DropdownMenuContent.js";import{DropdownMenuItem as p}from"./DropdownMenuItem.js";import{DropdownMenuLinkItem as i}from"./DropdownMenuLinkItem.js";import{DropdownMenuSeparator as d}from"./DropdownMenuSeparator.js";import{DropdownMenuTrigger as f}from"./DropdownMenuTrigger.js";const u=m(t,{}),o=r=>e.createElement(u,{...r});o.Content=n,o.Item=p,o.LinkItem=i,o.Separator=d,o.Trigger=f;export{o as DropdownMenu};
+import{Root as t,Portal as e}from"@radix-ui/react-dropdown-menu";import m from"react";import{styled as n}from"../../stitches.js";import{DropdownMenuContent as p}from"./DropdownMenuContent.js";import{DropdownMenuItem as i}from"./DropdownMenuItem.js";import{DropdownMenuLinkItem as d}from"./DropdownMenuLinkItem.js";import{DropdownMenuSeparator as f}from"./DropdownMenuSeparator.js";import{DropdownMenuTrigger as a}from"./DropdownMenuTrigger.js";const u=n(t,{}),o=r=>m.createElement(u,{...r});o.Content=p,o.Item=i,o.LinkItem=d,o.Portal=e,o.Separator=f,o.Trigger=a;export{o as DropdownMenu};

package/dist/components/grid/Grid.js

@@ -1 +1 @@
-import*as p from"react";import{theme as r,styled as d}from"../../stitches.js";const o=Object.keys(r.space).reduce((a,e)=>({...a,[e]:{gap:`$space$${e}`}}),{}),c=d("div",{display:"grid",variants:{gap:o}}),i=({css:a,gap:e=2,minItemSize:t,maxItemSize:m="1fr",...s})=>p.createElement(c,{css:{...t&&{gridTemplateColumns:`repeat(auto-fit, minmax(${t}, ${m}))`},...a},gap:e,...s});i.displayName="Grid";export{i as Grid};
+import*as s from"react";import{styled as p}from"../../stitches.js";import{createThemeVariants as o}from"../../utilities/create-theme-variants/createThemeVariants.js";const d=p("div",{display:"grid",variants:{gap:o("space",{gap:"$key"})}}),a=({css:m,gap:t=2,minItemSize:e,maxItemSize:i="1fr",...r})=>s.createElement(d,{css:{...e&&{gridTemplateColumns:`repeat(auto-fit, minmax(${e}, ${i}))`},...m},gap:t,...r});a.displayName="Grid";export{a as Grid};

package/dist/components/popover/Popover.d.ts

@@ -1,4 +1,4 @@
-import { Trigger } from '@radix-ui/react-popover';
+import { Portal, Trigger } from '@radix-ui/react-popover';
 import * as React from 'react';
 import { PopoverContent } from './PopoverContent';
 declare const StyledRoot: import("@stitches/react/types/styled-component").StyledComponent<React.FC<import("@radix-ui/react-popover").PopoverProps>, {}, {
@@ -271,5 +271,6 @@ declare type PopoverProps = React.ComponentProps<typeof StyledRoot>;
 export declare const Popover: React.FC<PopoverProps> & {
     Trigger: typeof Trigger;
     Content: typeof PopoverContent;
+    Portal: typeof Portal;
 };
 export {};

package/dist/components/popover/Popover.js

@@ -1 +1 @@
-import{Root as r,Trigger as t}from"@radix-ui/react-popover";import*as m from"react";import{styled as p}from"../../stitches.js";import{PopoverContent as i}from"./PopoverContent.js";p(r,{});const o=e=>m.createElement(r,{...e});o.Content=i,o.Trigger=t,o.displayName="Popover";export{o as Popover};
+import{Root as r,Portal as e,Trigger as m}from"@radix-ui/react-popover";import*as p from"react";import{styled as i}from"../../stitches.js";import{PopoverContent as a}from"./PopoverContent.js";i(r,{});const o=t=>p.createElement(r,{...t});o.Content=a,o.Portal=e,o.Trigger=m,o.displayName="Popover";export{o as Popover};

package/dist/components/stack/Stack.js

@@ -1 +1 @@
-import*as t from"react";import{theme as c,styled as f}from"../../stitches.js";import{CSSWrapper as m}from"../../utilities/css-wrapper/CSSWrapper.js";const w=Object.keys(c.space).reduce((r,e)=>({...r,[e]:{mt:`-$space$${e}`,ml:`-$space$${e}`,"& > *":{mt:`$space$${e}`,ml:`$space$${e}`}}}),{}),d=f("div",{display:"flex","& > *":{m:0},variants:{direction:{row:{flexDirection:"row"},"row-reverse":{flexDirection:"row-reverse"},column:{flexDirection:"column"}},wrap:{wrap:{flexWrap:"wrap"},"no-wrap":{flexWrap:"no-wrap"},"wrap-reverse":{flexWrap:"wrap-reverse"}},justify:{start:{justifyContent:"flex-start"},center:{justifyContent:"center"},end:{justifyContent:"flex-end"},false:{}},align:{start:{alignItems:"flex-start"},center:{alignItems:"center"},end:{alignItems:"flex-end"},false:{}},gap:{...w,false:{}}}}),s=t.forwardRef(({css:r,gap:e=2,direction:a="row",wrap:i="wrap",justify:o="start",align:n,...l},p)=>t.createElement(m,{css:r},t.createElement(d,{ref:p,direction:a,gap:e,wrap:i,justify:o,align:typeof n>"u"&&a!=="column"?"center":n,...l})));s.displayName="Stack";export{s as Stack};
+import*as e from"react";import{styled as p}from"../../stitches.js";import{CSSWrapper as c}from"../../utilities/css-wrapper/CSSWrapper.js";import{createThemeVariants as m}from"../../utilities/create-theme-variants/createThemeVariants.js";const w=p("div",{display:"flex","& > *":{m:0},variants:{direction:{row:{flexDirection:"row"},"row-reverse":{flexDirection:"row-reverse"},column:{flexDirection:"column"}},wrap:{wrap:{flexWrap:"wrap"},"no-wrap":{flexWrap:"no-wrap"},"wrap-reverse":{flexWrap:"wrap-reverse"}},justify:{start:{justifyContent:"flex-start"},center:{justifyContent:"center"},end:{justifyContent:"flex-end"},false:{}},align:{start:{alignItems:"flex-start"},center:{alignItems:"center"},end:{alignItems:"flex-end"},false:{}},gap:{...m("space",{mt:"-$key",ml:"-$key","& > *":{mt:"$key",ml:"$key"}}),false:{}}}}),a=e.forwardRef(({css:n,gap:s=2,direction:r="row",wrap:i="wrap",justify:o="start",align:t,...l},f)=>e.createElement(c,{css:n},e.createElement(w,{ref:f,direction:r,gap:s,wrap:i,justify:o,align:typeof t>"u"&&r!=="column"?"center":t,...l})));a.displayName="Stack";export{a as Stack};

package/dist/components/toggle-group/ToggleGroupRoot.d.ts

@@ -6,7 +6,7 @@ declare type RootType = {
     isFullWidth?: boolean;
     wrap?: 'wrap' | 'no-wrap' | 'wrap-reverse';
 };
-export declare const StyledRoot: import("@stitches/react/types/styled-component").StyledComponent<React.ForwardRefExoticComponent<(ToggleGroup.ToggleGroupSingleProps & React.RefAttributes<HTMLDivElement>) | (ToggleGroup.ToggleGroupMultipleProps & React.RefAttributes<HTMLDivElement>)>, {
+export declare const StyledRoot: import("@stitches/react/types/styled-component").StyledComponent<React.ForwardRefExoticComponent<(ToggleGroup.ToggleGroupSingleProps | ToggleGroup.ToggleGroupMultipleProps) & React.RefAttributes<HTMLDivElement>>, {
     isFullWidth?: boolean | "true" | undefined;
     hasGap?: boolean | "true" | "false" | undefined;
     direction?: "row" | "column" | undefined;

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

@@ -1,9 +1,10 @@
-import { Provider, Root, Trigger } from '@radix-ui/react-tooltip';
+import { Portal, 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;
+    Portal: typeof Portal;
     Trigger: typeof Trigger;
     Provider: typeof Provider;
 };

package/dist/components/tooltip/Tooltip.js

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