@atom-learning/components 2.8.0-beta.2 → 2.9.0

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+# [2.9.0](https://github.com/Atom-Learning/components/compare/v2.8.0...v2.9.0) (2022-10-19)
+
+
+### Features
+
+* Add new theme to AccordianTrigger ([e280e0f](https://github.com/Atom-Learning/components/commit/e280e0fed25a3e7ca0dd9f0e3ebb69d3e26144da))
+
 # [1.4.0](https://github.com/Atom-Learning/components/compare/v1.3.0...v1.4.0) (2022-04-11)
 
 

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

@@ -1,6 +1,6 @@
 import React from 'react';
 declare const StyledTrigger: import("@stitches/react/types/styled-component").StyledComponent<React.ForwardRefExoticComponent<import("@radix-ui/react-accordion").AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>>, {
-    theme?: "primaryDark" | "light" | undefined;
+    theme?: "primaryDark" | "light" | "tonal" | undefined;
 }, {
     sm: string;
     md: string;

package/dist/components/accordion/AccordionTrigger.js

@@ -1 +1 @@
-import{ChevronDown as d}from"@atom-learning/icons";import{Trigger as f}from"@radix-ui/react-accordion";import{darken as r}from"color2k";import a from"react";import{styled as i,theme as n}from"../../stitches.js";import{Icon as l}from"../icon/Icon.js";const s=(e,t,o,m="#fff")=>({bg:e,color:m,"&[disabled]":{bg:"$tonal100",cursor:"not-allowed",color:"$tonal400"},"&:not([disabled]):hover":{bg:t},"&:not([disabled]):active":{bg:o}}),c=i(l,{transition:"transform 300ms",'[data-state="open"] > &':{transform:"rotate(180deg)"},'[data-state="closed"] > &':{transform:"rotate(0deg)"}}),p=i(f,{border:0,py:"$3",px:"$4",width:"100%",display:"flex",justifyContent:"space-between",alignItems:"center",cursor:"pointer",'&[data-state="open"]':{borderRadius:"$0 $0 0 0"},'&[data-state="closed"]':{borderRadius:"$0"},variants:{theme:{primaryDark:s("$primaryDark",r(n.colors.primaryDark.value,.1),r(n.colors.primaryDark.value,.15)),light:s("#fff",r("#fff",.1),r("#fff",.15),"$tonal600")}}}),g=({theme:e="primaryDark",children:t,...o})=>a.createElement(p,{theme:e,...o},t,a.createElement(c,{is:d}));export{g as AccordionTrigger};
+import{ChevronDown as s}from"@atom-learning/icons";import{Trigger as l}from"@radix-ui/react-accordion";import{darken as r}from"color2k";import n from"react";import{styled as i,theme as f}from"../../stitches.js";import{Icon as d}from"../icon/Icon.js";const a=(t,e,o,m="#fff")=>({bg:t,color:m,"&[disabled]":{bg:"$tonal100",cursor:"not-allowed",color:"$tonal400"},"&:not([disabled]):hover":{bg:e},"&:not([disabled]):active":{bg:o}}),p=i(d,{transition:"transform 300ms",'[data-state="open"] > &':{transform:"rotate(180deg)"},'[data-state="closed"] > &':{transform:"rotate(0deg)"}}),c=i(l,{border:0,py:"$3",px:"$4",width:"100%",display:"flex",justifyContent:"space-between",alignItems:"center",cursor:"pointer",'&[data-state="open"]':{borderRadius:"$0 $0 0 0"},'&[data-state="closed"]':{borderRadius:"$0"},variants:{theme:{primaryDark:a("$primaryDark",r(f.colors.primaryDark.value,.1),r(f.colors.primaryDark.value,.15)),light:a("#fff",r("#fff",.1),r("#fff",.15),"$tonal600"),tonal:a("$tonal100",r("#fff",.1),r("#fff",.15),"$tonal500")}}}),g=({theme:t="primaryDark",children:e,...o})=>n.createElement(c,{theme:t,...o},e,n.createElement(p,{is:s}));export{g as AccordionTrigger};