@atom-learning/components 1.10.0 → 1.11.0

package/CHANGELOG.md

@@ -1,14 +1,27 @@
-# [1.10.0](https://github.com/Atom-Learning/components/compare/v1.9.0...v1.10.0) (2022-05-18)
+# [1.11.0](https://github.com/Atom-Learning/components/compare/v1.10.0...v1.11.0) (2022-05-20)
 
 
 ### Bug Fixes
 
-* changing scroll to auto ([8e7f9f4](https://github.com/Atom-Learning/components/commit/8e7f9f4bbcf5470fe28137dab64cdf154f1f11dd))
+* delete console.log ([cc18fe1](https://github.com/Atom-Learning/components/commit/cc18fe1d9fc5794e253b181fb4e93ca0fc06af5b))
+* focus-visible style ([4b9cb3b](https://github.com/Atom-Learning/components/commit/4b9cb3b3a9c56ee46956cc24639bfe73db00193b))
+* pr comments ([29f63a1](https://github.com/Atom-Learning/components/commit/29f63a1975d965149568fdc70906638704a7566c))
+* remove unnecessary specificity ([55e0d35](https://github.com/Atom-Learning/components/commit/55e0d35a5d3e78dddd803a895d004f93a99aa979))
+* Stack only default align if actually undefined ([5c93835](https://github.com/Atom-Learning/components/commit/5c93835fa730ea21e2d16b3052f469b876e2a9e8))
+* ToggleGroup use direction for variants and let orientation pass down to Radix ([271c573](https://github.com/Atom-Learning/components/commit/271c573601f12cf3b9ac3763ef5655c540ad4185))
 
 
 ### Features
 
-* dialog max height ([7b5fe69](https://github.com/Atom-Learning/components/commit/7b5fe690ed97d08866530f3868adbc82cee2848f))
+* cleaner way to remove Icon padding ([477da4e](https://github.com/Atom-Learning/components/commit/477da4ed4c2789f6991d222a70a54bb0cba4f211))
+* instal radix togglegroup, update mdast-util-from-markdown ([6169a95](https://github.com/Atom-Learning/components/commit/6169a95a084f67cfcfc5d6befb775f1c4fe587d7))
+* more flexible Stack ([6a67bfb](https://github.com/Atom-Learning/components/commit/6a67bfb0d04b6e88e39e2032c19e9b745d4229be))
+* revert Stack gap to default to 2 ([3a34735](https://github.com/Atom-Learning/components/commit/3a34735adc2aa19aacf624bfb3fe2dcb305041bc))
+* simplify ToggleGroup test ([1a26019](https://github.com/Atom-Learning/components/commit/1a260195fba528f8ddb47e71b056fd15f2b0b47c))
+* Stack change wrap variants to explicit flex-wrap properties ([794e94a](https://github.com/Atom-Learning/components/commit/794e94a64eed2ef106607f5cfdfe00411cb39887))
+* ToggleGroup and ToggleGroupButton ([0e8353e](https://github.com/Atom-Learning/components/commit/0e8353ec06f5bbe2b8314e406b7207529c2046f8))
+* ToggleGroup better doc description ([3ebd878](https://github.com/Atom-Learning/components/commit/3ebd8780ef4d50babbc622edf1ef7dcaa0441f83))
+* ToggleGroup.mdx docs ([4a4c5e5](https://github.com/Atom-Learning/components/commit/4a4c5e5af4a61db81934ffffc076e842498d7d8a))
 
 # [1.4.0](https://github.com/Atom-Learning/components/compare/v1.3.0...v1.4.0) (2022-04-11)
 

package/dist/components/icon/Icon.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { Override } from '../../utilities/types';
-declare const StyledIcon: import("@stitches/react/types/styled-component").StyledComponent<"svg", {
+export declare const StyledIcon: import("@stitches/react/types/styled-component").StyledComponent<"svg", {
     size?: "sm" | "md" | "lg" | undefined;
 }, {
     sm: string;

package/dist/components/icon/Icon.js

@@ -1 +1 @@
-import{forwardRef as t,createElement as s}from"react";import{styled as n}from"../../stitches.js";const d=n("svg",{display:"inline-block",fill:"none",stroke:"currentcolor",strokeLinecap:"round",strokeLinejoin:"round",verticalAlign:"middle",variants:{size:{sm:{size:"$1",strokeWidth:"1.75"},md:{size:"$2",strokeWidth:"2"},lg:{size:"$3",strokeWidth:"2"}}}}),l=t(({is:e,size:i="md",...o},r)=>s(d,{size:i,"aria-hidden":"true",...o,as:e,ref:r}));export{l as Icon};
+import{forwardRef as s,createElement as n}from"react";import{styled as d}from"../../stitches.js";const e=d("svg",{display:"inline-block",fill:"none",stroke:"currentcolor",strokeLinecap:"round",strokeLinejoin:"round",verticalAlign:"middle",variants:{size:{sm:{size:"$1",strokeWidth:"1.75"},md:{size:"$2",strokeWidth:"2"},lg:{size:"$3",strokeWidth:"2"}}}}),l=s(({is:i,size:o="md",...r},t)=>n(e,{size:o,"aria-hidden":"true",...r,as:i,ref:t}));export{l as Icon,e as StyledIcon};

package/dist/components/icon/index.d.ts

@@ -1 +1 @@
-export { Icon } from './Icon';
+export { Icon, StyledIcon } from './Icon';

package/dist/components/stack/Stack.d.ts

@@ -2,7 +2,9 @@ import * as React from 'react';
 import { CSS } from '../../stitches';
 declare const StyledStack: import("@stitches/react/types/styled-component").StyledComponent<"div", {
     direction?: "row" | "column" | "row-reverse" | undefined;
+    wrap?: "wrap" | "wrap-reverse" | "no-wrap" | undefined;
     justify?: "center" | "end" | "start" | undefined;
+    align?: "center" | "end" | "start" | undefined;
     gap?: number | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | undefined;
 }, {
     sm: string;

package/dist/components/stack/Stack.js

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