@atom-learning/components 2.8.0-beta.1 → 2.8.0

package/CHANGELOG.md

@@ -1,3 +1,25 @@
+# [2.8.0](https://github.com/Atom-Learning/components/compare/v2.7.0...v2.8.0) (2022-10-19)
+
+
+### Bug Fixes
+
+* ActionIcon doc example ([aa335b6](https://github.com/Atom-Learning/components/commit/aa335b6cc0c350c4e5acef513ce12644b2e60c75))
+* add missing resizeobserver methods for tooltip tests ([c9b87ad](https://github.com/Atom-Learning/components/commit/c9b87adb770fcaaa529d08609304bb098cf206d2))
+* Dropdown snapshot ([3b5d2fe](https://github.com/Atom-Learning/components/commit/3b5d2fe47784052db55262cb78a7625c9e3b5a96))
+* Dropdown zIndex with no portal by default ([68b30a3](https://github.com/Atom-Learning/components/commit/68b30a3e6f3e7c8aceb22519935096909cd8e66d))
+* lib version ([7deff51](https://github.com/Atom-Learning/components/commit/7deff5116c8dfb08186ba6b70def85a11c3574d9))
+* popover test accessibility reqs ([be53de4](https://github.com/Atom-Learning/components/commit/be53de4278884cfb85787e6d564f19cb43de9e5f))
+* popover zIndex ([fe7e062](https://github.com/Atom-Learning/components/commit/fe7e062f4a936123b7c4796e86b58d45b6931fa6))
+* tooltip test ([90f4215](https://github.com/Atom-Learning/components/commit/90f4215251c8c449b656bbcdbe3305abcce25736))
+* tooltip zIndex ([d3a1bf9](https://github.com/Atom-Learning/components/commit/d3a1bf94716013044daf9cde962f18ef54385996))
+* wrap DataTable.Pagination with Tooltip.Provider in tests ([b4b4d13](https://github.com/Atom-Learning/components/commit/b4b4d13e8fb41458dc524e42a7bc30b2957049f6))
+
+
+### Features
+
+* recover IdProvider changes ([d803a62](https://github.com/Atom-Learning/components/commit/d803a62d1f7574d1a377d20a69f68d8b6e364aa9))
+* update @radix-ui/react-tooltip to 1.0.0 ([d686d92](https://github.com/Atom-Learning/components/commit/d686d92c79a69ec277012c52fe08194c96faca52))
+
 # [1.4.0](https://github.com/Atom-Learning/components/compare/v1.3.0...v1.4.0) (2022-04-11)
 
 

package/dist/components/popover/PopoverContent.js

@@ -1 +1 @@
-import{Close as r}from"@atom-learning/icons";import{Content as l,Arrow as p,Close as h}from"@radix-ui/react-popover";import*as e from"react";import{styled as t}from"../../stitches.js";import{ActionIcon as c}from"../action-icon/ActionIcon.js";import{Icon as f}from"../icon/Icon.js";import{slideDownAndFade as $,slideLeftAndFade as x,slideUpAndFade as g,slideRightAndFade as w}from"../../utilities/style/keyframe-animations.js";const b=t(l,{bg:"white",borderRadius:"$1",boxShadow:"$2",maxWidth:"90vw",p:"$sizes$2",pr:"$6",position:"relative","@allowMotion":{animationDuration:"75ms",animationTimingFunction:"cubic-bezier(0.16, 1, 0.3, 1)",willChange:"transform, opacity",'&[data-state="open"]':{'&[data-side="top"]':{animationName:$},'&[data-side="right"]':{animationName:x},'&[data-side="bottom"]':{animationName:g},'&[data-side="left"]':{animationName:w}}},variants:{size:{sm:{maxWidth:"200px"},md:{maxWidth:"400px"},lg:{maxWidth:"600px"}}}}),z=t(p,{fill:"white",zIndex:1,'[data-align="end"] &':{mr:"$sizes$2"},'[data-align="start"] &':{ml:"$sizes$2"}}),C=({children:i,side:o="top",sideOffset:a=8,closePopoverText:s="Close popover",showCloseButton:n=!0,size:m="md",...d})=>e.createElement(b,{size:m,side:o,sideOffset:a,...d},n&&e.createElement(c,{as:h,css:{position:"absolute",right:"$0",top:"$0"},label:s,size:"md",theme:"neutral"},e.createElement(f,{is:r})),i,e.createElement(z,{width:16,height:8}));export{C as PopoverContent};
+import{Close as r}from"@atom-learning/icons";import{Content as l,Arrow as p,Close as h}from"@radix-ui/react-popover";import*as e from"react";import{POPOVER_Z_INDEX as c}from"../../constants/zIndices.js";import{styled as t}from"../../stitches.js";import{ActionIcon as f}from"../action-icon/ActionIcon.js";import{Icon as $}from"../icon/Icon.js";import{slideDownAndFade as x,slideLeftAndFade as g,slideUpAndFade as w,slideRightAndFade as z}from"../../utilities/style/keyframe-animations.js";const b=t(l,{bg:"white",borderRadius:"$1",boxShadow:"$2",maxWidth:"90vw",p:"$sizes$2",pr:"$6",position:"relative",zIndex:c,"@allowMotion":{animationDuration:"75ms",animationTimingFunction:"cubic-bezier(0.16, 1, 0.3, 1)",willChange:"transform, opacity",'&[data-state="open"]':{'&[data-side="top"]':{animationName:x},'&[data-side="right"]':{animationName:g},'&[data-side="bottom"]':{animationName:w},'&[data-side="left"]':{animationName:z}}},variants:{size:{sm:{maxWidth:"200px"},md:{maxWidth:"400px"},lg:{maxWidth:"600px"}}}}),C=t(p,{fill:"white",zIndex:1,'[data-align="end"] &':{mr:"$sizes$2"},'[data-align="start"] &':{ml:"$sizes$2"}}),u=({children:i,side:o="top",sideOffset:a=8,closePopoverText:s="Close popover",showCloseButton:n=!0,size:m="md",...d})=>e.createElement(b,{size:m,side:o,sideOffset:a,...d},n&&e.createElement(f,{as:h,css:{position:"absolute",right:"$0",top:"$0"},label:s,size:"md",theme:"neutral"},e.createElement($,{is:r})),i,e.createElement(C,{width:16,height:8}));export{u as PopoverContent};

package/dist/components/tooltip/TooltipContent.js

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

package/dist/constants/zIndices.d.ts

@@ -2,4 +2,5 @@ declare const MAX_Z_INDEX = 2147483647;
 declare const DIALOG_Z_INDEX = 1147483646;
 declare const DROPDOWN_Z_INDEX = 10;
 declare const TOOLTIP_Z_INDEX = 10;
-export { MAX_Z_INDEX, DIALOG_Z_INDEX, DROPDOWN_Z_INDEX, TOOLTIP_Z_INDEX };
+declare const POPOVER_Z_INDEX = 10;
+export { MAX_Z_INDEX, DIALOG_Z_INDEX, DROPDOWN_Z_INDEX, POPOVER_Z_INDEX, TOOLTIP_Z_INDEX };

package/dist/constants/zIndices.js

@@ -1 +1 @@
-const _=2147483647,D=1147483646,I=10,s=10;export{D as DIALOG_Z_INDEX,I as DROPDOWN_Z_INDEX,_ as MAX_Z_INDEX,s as TOOLTIP_Z_INDEX};
+const _=2147483647,D=1147483646,I=10,O=10,s=10;export{D as DIALOG_Z_INDEX,I as DROPDOWN_Z_INDEX,_ as MAX_Z_INDEX,s as POPOVER_Z_INDEX,O as TOOLTIP_Z_INDEX};