@atom-learning/components 2.33.0 → 2.35.0

package/dist/utilities/css-wrapper/CSSWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CSSWrapper.js","sources":["../../../src/utilities/css-wrapper/CSSWrapper.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Box } from '~/components/box'\nimport type { CSS } from '~/stitches'\n\ntype CssWrapperProps = {\n  css?: CSS\n  children: React.ReactNode\n}\n\nexport const CSSWrapper = ({\n  css,\n  children\n}: CssWrapperProps): React.ReactElement =>\n  css ? (\n    <Box css={css}>{children}</Box>\n  ) : (\n    // children could be multiple elements/components,\n    // so we need a fragment here.\n    // eslint-disable-next-line react/jsx-no-useless-fragment\n    <>{children}</>\n  )\n\nCSSWrapper.displayName = 'CSSWrapper'\n"],"names":["CSSWrapper","css","children","React","Box"],"mappings":"0EAUa,MAAAA,EAAa,CAAC,CACzB,IAAAC,EACA,SAAAC,CACF,IACED,EACEE,EAAA,cAACC,EAAA,CAAI,IAAKH,GAAMC,CAAS,EAKzBC,EAAA,cAAAA,EAAA,SAAA,KAAGD,CAAS,EAGhBF,EAAW,YAAc"}

package/dist/utilities/hooks/useCallbackRef.js

@@ -1 +1,2 @@
 import*as l from"react";const n=()=>{const e=l.useRef(null),u=l.useCallback(t=>{t&&(e.current=t)},[]);return[e,u]},s=()=>{const[e,u]=l.useState(null),t=l.useCallback(a=>{a&&u(a)},[]);return[e,t]};export{n as useCallbackRef,s as useCallbackRefState};
+//# sourceMappingURL=useCallbackRef.js.map

package/dist/utilities/hooks/useCallbackRef.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCallbackRef.js","sources":["../../../src/utilities/hooks/useCallbackRef.ts"],"sourcesContent":["import * as React from 'react'\n\nexport const useCallbackRef: () => [\n  React.MutableRefObject<HTMLElement | null>,\n  (HTMLElement) => void\n] = () => {\n  const elRef = React.useRef<HTMLElement | null>(null)\n\n  const setElRefCallback = React.useCallback((el) => {\n    if (el) elRef.current = el\n  }, [])\n\n  return [elRef, setElRefCallback]\n}\n\nexport const useCallbackRefState: () => [\n  HTMLElement | null,\n  (HTMLElement) => void\n] = () => {\n  const [elRef, setElRef] = React.useState<HTMLElement | null>(null)\n\n  const setElRefCallback = React.useCallback((el) => {\n    if (el) setElRef(el)\n  }, [])\n\n  return [elRef, setElRefCallback]\n}\n"],"names":["useCallbackRef","elRef","React","setElRefCallback","el","useCallbackRefState","setElRef"],"mappings":"wBAEa,MAAAA,EAGT,IAAM,CACR,MAAMC,EAAQC,EAAM,OAA2B,IAAI,EAE7CC,EAAmBD,EAAM,YAAaE,GAAO,CAC7CA,IAAIH,EAAM,QAAUG,EAC1B,EAAG,CAAA,CAAE,EAEL,MAAO,CAACH,EAAOE,CAAgB,CACjC,EAEaE,EAGT,IAAM,CACR,KAAM,CAACJ,EAAOK,CAAQ,EAAIJ,EAAM,SAA6B,IAAI,EAE3DC,EAAmBD,EAAM,YAAaE,GAAO,CAC7CA,GAAIE,EAASF,CAAE,CACrB,EAAG,CAAA,CAAE,EAEL,MAAO,CAACH,EAAOE,CAAgB,CACjC"}

package/dist/utilities/hooks/useIsMountedRef.js

@@ -1 +1,2 @@
 import{useRef as r,useEffect as t}from"react";const u=()=>{const e=r();return t(()=>(e.current=!0,()=>{e.current=!1})),e};export{u as useIsMountedRef};
+//# sourceMappingURL=useIsMountedRef.js.map

package/dist/utilities/hooks/useIsMountedRef.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIsMountedRef.js","sources":["../../../src/utilities/hooks/useIsMountedRef.ts"],"sourcesContent":["import { useEffect, useRef } from 'react'\n\nexport const useIsMountedRef = () => {\n  const isMountedRef = useRef<boolean>()\n\n  useEffect(() => {\n    isMountedRef.current = true\n    return () => {\n      isMountedRef.current = false\n    }\n  })\n\n  return isMountedRef\n}\n"],"names":["useIsMountedRef","isMountedRef","useRef","useEffect"],"mappings":"8CAEa,MAAAA,EAAkB,IAAM,CACnC,MAAMC,EAAeC,EAAgB,EAErC,OAAAC,EAAU,KACRF,EAAa,QAAU,GAChB,IAAM,CACXA,EAAa,QAAU,EACzB,EACD,EAEMA,CACT"}

package/dist/utilities/hooks/useWindowScrollPosition.js

@@ -1 +1,2 @@
 import{useState as i,useMemo as s,useEffect as d}from"react";import{throttle as c,debounce as u}from"throttle-debounce";const w=({delay:t=500,delayMethod:e="throttle"}={})=>{const[n,l]=i({x:0,y:0}),o=s(()=>{if(e==="throttle")return c;if(e==="debounce")return u},[e]);return d(()=>{const r=o(t,()=>{l({x:window.scrollX,y:window.scrollY})});return window.addEventListener("scroll",r),()=>{window.removeEventListener("scroll",r)}},[o,t]),n};export{w as useWindowScrollPosition};
+//# sourceMappingURL=useWindowScrollPosition.js.map

package/dist/utilities/hooks/useWindowScrollPosition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWindowScrollPosition.js","sources":["../../../src/utilities/hooks/useWindowScrollPosition.ts"],"sourcesContent":["import { useEffect, useState, useMemo } from 'react'\nimport { debounce, throttle } from 'throttle-debounce'\n\ntype TUseWindowScrollPositionOptions = {\n  delay?: number\n  delayMethod?: 'throttle' | 'debounce'\n}\n\ntype TUseWindowScrollPositionOutput = {\n  x: number\n  y: number\n}\n\nexport const useWindowScrollPosition = ({ delay = 500, delayMethod = 'throttle' }: TUseWindowScrollPositionOptions = {}): TUseWindowScrollPositionOutput => {\n  const [scrollPosition, setScrollPosition] = useState({ x: 0, y: 0 })\n\n  const delayMethodFn = useMemo(() => {\n    if (delayMethod === 'throttle') return throttle\n    if (delayMethod === 'debounce') return debounce\n  }, [delayMethod])\n\n  useEffect(() => {\n    const handleScroll = delayMethodFn(delay, () => {\n      setScrollPosition({ x: window.scrollX, y: window.scrollY })\n    })\n\n    window.addEventListener('scroll', handleScroll)\n\n    return () => {\n      window.removeEventListener('scroll', handleScroll)\n    }\n  }, [delayMethodFn, delay])\n\n  return scrollPosition\n}\n"],"names":["useWindowScrollPosition","delay","delayMethod","scrollPosition","setScrollPosition","useState","delayMethodFn","useMemo","throttle","debounce","useEffect","handleScroll"],"mappings":"wHAaO,MAAMA,EAA0B,CAAC,CAAE,MAAAC,EAAQ,IAAK,YAAAC,EAAc,UAAW,EAAqC,CAAA,IAAuC,CAC1J,KAAM,CAACC,EAAgBC,CAAiB,EAAIC,EAAS,CAAE,EAAG,EAAG,EAAG,CAAE,CAAC,EAE7DC,EAAgBC,EAAQ,IAAM,CAClC,GAAIL,IAAgB,WAAY,OAAOM,EACvC,GAAIN,IAAgB,WAAY,OAAOO,CACzC,EAAG,CAACP,CAAW,CAAC,EAEhB,OAAAQ,EAAU,IAAM,CACd,MAAMC,EAAeL,EAAcL,EAAO,IAAM,CAC9CG,EAAkB,CAAE,EAAG,OAAO,QAAS,EAAG,OAAO,OAAQ,CAAC,CAC5D,CAAC,EAED,OAAA,OAAO,iBAAiB,SAAUO,CAAY,EAEvC,IAAM,CACX,OAAO,oBAAoB,SAAUA,CAAY,CACnD,CACF,EAAG,CAACL,EAAeL,CAAK,CAAC,EAElBE,CACT"}

package/dist/utilities/hooks/useWindowSize.js

@@ -1 +1,2 @@
 import{useState as o,useEffect as r}from"react";import{debounce as d}from"throttle-debounce";const w=({delay:t=500}={})=>{const[i,n]=o({width:void 0,height:void 0});return r(()=>{const e=d(t,()=>{n({width:window.innerWidth,height:window.innerHeight})});return window.addEventListener("resize",e),e(),()=>window.removeEventListener("resize",e)},[t]),i};export{w as useWindowSize};
+//# sourceMappingURL=useWindowSize.js.map

package/dist/utilities/hooks/useWindowSize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWindowSize.js","sources":["../../../src/utilities/hooks/useWindowSize.ts"],"sourcesContent":["import { useEffect, useState } from 'react'\nimport { debounce } from 'throttle-debounce'\n\ninterface Size {\n  width: number | undefined\n  height: number | undefined\n}\n\nexport const useWindowSize = ({\n  delay = 500\n}: { delay?: number } = {}): Size => {\n  const [windowSize, setWindowSize] = useState<Size>({\n    width: undefined,\n    height: undefined\n  })\n\n  useEffect(() => {\n    const handleResize = debounce(delay, () => {\n      setWindowSize({\n        width: window.innerWidth,\n        height: window.innerHeight\n      })\n    })\n\n    window.addEventListener('resize', handleResize)\n    handleResize()\n\n    return () => window.removeEventListener('resize', handleResize)\n  }, [delay])\n\n  return windowSize\n}\n"],"names":["useWindowSize","delay","windowSize","setWindowSize","useState","useEffect","handleResize","debounce"],"mappings":"mGAQaA,EAAgB,CAAC,CAC5B,MAAAC,EAAQ,GACV,EAAwB,CAAC,IAAY,CACnC,KAAM,CAACC,EAAYC,CAAa,EAAIC,EAAe,CACjD,MAAO,OACP,OAAQ,MACV,CAAC,EAED,OAAAC,EAAU,IAAM,CACd,MAAMC,EAAeC,EAASN,EAAO,IAAM,CACzCE,EAAc,CACZ,MAAO,OAAO,WACd,OAAQ,OAAO,WACjB,CAAC,CACH,CAAC,EAED,OAAO,OAAA,iBAAiB,SAAUG,CAAY,EAC9CA,IAEO,IAAM,OAAO,oBAAoB,SAAUA,CAAY,CAChE,EAAG,CAACL,CAAK,CAAC,EAEHC,CACT"}

package/dist/utilities/optionally-visually-hidden-container/OptionallyVisuallyHiddenContainer.js

@@ -1 +1,2 @@
 import*as t from"@radix-ui/react-visually-hidden";import*as l from"react";const r=({children:e,hidden:n=!1})=>n?l.createElement(t.Root,null,e):e?l.createElement(l.Fragment,null,e):null;export{r as OptionallyVisuallyHiddenContainer};
+//# sourceMappingURL=OptionallyVisuallyHiddenContainer.js.map

package/dist/utilities/optionally-visually-hidden-container/OptionallyVisuallyHiddenContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OptionallyVisuallyHiddenContainer.js","sources":["../../../src/utilities/optionally-visually-hidden-container/OptionallyVisuallyHiddenContainer.tsx"],"sourcesContent":["import * as VisuallyHidden from '@radix-ui/react-visually-hidden'\nimport * as React from 'react'\n\nexport const OptionallyVisuallyHiddenContainer: React.FC<{\n  hidden?: boolean\n}> = ({ children, hidden = false }) => {\n  if (hidden) return <VisuallyHidden.Root>{children}</VisuallyHidden.Root>\n\n  return children ? (\n    // children could be multiple elements/components,\n    // so we need a fragment here.\n    // eslint-disable-next-line react/jsx-no-useless-fragment\n    <>{children}</>\n  ) : null\n}\n"],"names":["OptionallyVisuallyHiddenContainer","children","hidden","React","VisuallyHidden"],"mappings":"0EAGO,MAAMA,EAER,CAAC,CAAE,SAAAC,EAAU,OAAAC,EAAS,EAAM,IAC3BA,EAAeC,EAAA,cAACC,EAAe,KAAf,KAAqBH,CAAS,EAE3CA,EAILE,EAAA,cAAAA,EAAA,SAAA,KAAGF,CAAS,EACV"}

package/dist/utilities/override-stitches-variant-value/overrideStitchesVariantValue.js

@@ -1 +1,2 @@
 const r=(t,a)=>{let e;switch(typeof t){case"object":e={},Object.keys(t).forEach(c=>{const o=t[c];e[c]=o&&a(o)});break;default:e=a(t)}return e};export{r as overrideStitchesVariantValue};
+//# sourceMappingURL=overrideStitchesVariantValue.js.map

package/dist/utilities/override-stitches-variant-value/overrideStitchesVariantValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"overrideStitchesVariantValue.js","sources":["../../../src/utilities/override-stitches-variant-value/overrideStitchesVariantValue.ts"],"sourcesContent":["/*\n * Utility function to allow for overriding responsive variants using logic provided via the `overrideFunction` argument.\n *\n * It was developed out of a design requirement to override and pass through size properties to the <Icon /> component; depending\n * on the size of its parent component. It could be used for various other props where we want to tweak the value but\n * maintain the flexibility of a stitches variant property (which allows for use either via a string or a breakpoint object)\n * Documentation on stitches responsive variants: https://stitches.dev/docs/breakpoints#responsive-variants\n *\n */\nexport const overrideStitchesVariantValue = (\n  prop: any,\n  overrideFunction: (any) => any\n) => {\n  let overrideValue\n  switch (typeof prop) {\n    case 'object':\n      overrideValue = {}\n      Object.keys(prop).forEach((breakpoint) => {\n        const propAtBreakpoint = prop[breakpoint]\n        overrideValue[breakpoint] = propAtBreakpoint\n          ? overrideFunction(propAtBreakpoint)\n          : propAtBreakpoint\n      })\n      break\n    default:\n      overrideValue = overrideFunction(prop)\n  }\n\n  return overrideValue\n}\n"],"names":["overrideStitchesVariantValue","prop","overrideFunction","overrideValue","breakpoint","propAtBreakpoint"],"mappings":"AASO,MAAMA,EAA+B,CAC1CC,EACAC,IACG,CACH,IAAIC,EACJ,OAAQ,OAAOF,OACR,SACHE,EAAgB,CAAA,EAChB,OAAO,KAAKF,CAAI,EAAE,QAASG,GAAe,CACxC,MAAMC,EAAmBJ,EAAKG,GAC9BD,EAAcC,GAAcC,GACxBH,EAAiBG,CAAgB,CAEvC,CAAC,EACD,cAEAF,EAAgBD,EAAiBD,CAAI,EAGzC,OAAOE,CACT"}

package/dist/utilities/style/capsize.js

@@ -1 +1,2 @@
 const a=(e,t)=>({"&::before":{content:"''",mb:`-${e}em`,display:"table"},"&::after":{content:"''",mt:`-${t||e}em`,display:"table"}});export{a as capsize};
+//# sourceMappingURL=capsize.js.map

package/dist/utilities/style/capsize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"capsize.js","sources":["../../../src/utilities/style/capsize.ts"],"sourcesContent":["import { CSS } from '~/stitches'\n\n/**\n * https://seek-oss.github.io/capsize/\n *\n * Capsize is an online tool (or npm package) that allows us to trim the whitespace above capital letters and below the baseline.\n * The following utility returns pseudo elements for use in a `styled()` function.\n * Using the tool above, choose a font, pass a font-size and line-height, and get a value to use as an offset for the whitespace. e.g.\n *\n *   styled('p', {\n *     fontFamily: 'Inter',\n *     fontSize: 16,\n *     lineHeight: 1.5,\n *     ...capsize('-0.3864em') // this value is a result of the font family, size and line-height\n *   })\n *\n */\nexport const capsize = (\n  before: number,\n  after?: number\n): Record<string, CSS> => ({\n  '&::before': {\n    content: \"''\",\n    mb: `-${before}em`,\n    display: 'table'\n  },\n  '&::after': {\n    content: \"''\",\n    mt: `-${after || before}em`,\n    display: 'table'\n  }\n})\n"],"names":["capsize","before","after"],"mappings":"AAiBa,MAAAA,EAAU,CACrBC,EACAC,KACyB,CACzB,YAAa,CACX,QAAS,KACT,GAAI,IAAID,MACR,QAAS,OACX,EACA,WAAY,CACV,QAAS,KACT,GAAI,IAAIC,GAASD,MACjB,QAAS,OACX,CACF"}

package/dist/utilities/style/encode-background-icon.js

@@ -1 +1,2 @@
 import{toHex as t}from"color2k";const n={chevron:o=>`<svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24" stroke="${o}" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none" color="${o}"><polyline points="6 10 12 16 18 10"/></svg>`,search:o=>`<svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24" stroke="${o}" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none" color="${o}"><path d="M14.4121122,14.4121122 L20,20"></path><circle cx="10" cy="10" r="6"></circle></svg>`},r=(o,e)=>`url(data:image/svg+xml;charset=US-ASCII,${encodeURIComponent(n[e](t(o)))})`;export{r as encodeBackgroundIcon};
+//# sourceMappingURL=encode-background-icon.js.map

package/dist/utilities/style/encode-background-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"encode-background-icon.js","sources":["../../../src/utilities/style/encode-background-icon.ts"],"sourcesContent":["import { toHex } from 'color2k'\n\ntype Icons = keyof typeof icons\n\nconst icons = {\n  chevron: (color: string): string =>\n    `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" stroke=\"${color}\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\" color=\"${color}\"><polyline points=\"6 10 12 16 18 10\"/></svg>`,\n  search: (color: string): string =>\n    `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" stroke=\"${color}\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\" color=\"${color}\"><path d=\"M14.4121122,14.4121122 L20,20\"></path><circle cx=\"10\" cy=\"10\" r=\"6\"></circle></svg>`\n}\n\n// convert hsl theme value to hex\n// svg doesn't support hsl in attributes\n// encode icon and return as data uri\nexport const encodeBackgroundIcon = (color: string, icon: Icons): string =>\n  `url(data:image/svg+xml;charset=US-ASCII,${encodeURIComponent(\n    icons[icon](toHex(color))\n  )})`\n"],"names":["icons","color","encodeBackgroundIcon","icon","toHex"],"mappings":"gCAIA,MAAMA,EAAQ,CACZ,QAAUC,GACR,kGAAkGA,yFAA6FA,iDACjM,OAASA,GACP,kGAAkGA,yFAA6FA,iGACnM,EAKaC,EAAuB,CAACD,EAAeE,IAClD,2CAA2C,mBACzCH,EAAMG,GAAMC,EAAMH,CAAK,CAAC,CAC1B"}

package/dist/utilities/style/focus-visible-style-block.js

@@ -1 +1,2 @@
 const o=({position:e="relative",zIndex:i=1}={})=>({outline:"none",position:["relative","absolute","fixed","sticky"].includes(e)?e:"relative",zIndex:i>1?i:1,boxShadow:"white 0px 0px 0px 2px, $colors$primary 0px 0px 0px 4px"});export{o as focusVisibleStyleBlock};
+//# sourceMappingURL=focus-visible-style-block.js.map

package/dist/utilities/style/focus-visible-style-block.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"focus-visible-style-block.js","sources":["../../../src/utilities/style/focus-visible-style-block.ts"],"sourcesContent":["/* \n  Focus styling for block element.\n*/\n\ntype focusVisibleStyleBlockPropsType = {\n  position?: 'relative' | 'absolute' | 'fixed' | 'sticky'\n  zIndex?: number\n}\n\ntype focusVisibleStyleBlockReturnType = {\n  outline: 'none'\n  position: string\n  zIndex: number\n  boxShadow: string\n}\n\nexport const focusVisibleStyleBlock = ({\n  position = 'relative',\n  zIndex = 1\n}: focusVisibleStyleBlockPropsType = {}): focusVisibleStyleBlockReturnType => {\n  return {\n    outline: 'none',\n    position: ['relative', 'absolute', 'fixed', 'sticky'].includes(position)\n      ? position\n      : 'relative',\n    zIndex: zIndex > 1 ? zIndex : 1,\n    boxShadow: 'white 0px 0px 0px 2px, $colors$primary 0px 0px 0px 4px'\n  }\n}\n"],"names":["focusVisibleStyleBlock","position","zIndex"],"mappings":"AAgBO,MAAMA,EAAyB,CAAC,CACrC,SAAAC,EAAW,WACX,OAAAC,EAAS,CACX,EAAqC,CAC5B,KAAA,CACL,QAAS,OACT,SAAU,CAAC,WAAY,WAAY,QAAS,QAAQ,EAAE,SAASD,CAAQ,EACnEA,EACA,WACJ,OAAQC,EAAS,EAAIA,EAAS,EAC9B,UAAW,wDACb"}

package/dist/utilities/style/keyframe-animations.js

@@ -1 +1,2 @@
 import{keyframes as t}from"../../stitches.js";const a=t({"0%":{opacity:0,transform:"translateY(2px)"},"100%":{opacity:1,transform:"translateY(0)"}}),r=t({"0%":{opacity:0,transform:"translateX(-2px)"},"100%":{opacity:1,transform:"translateX(0)"}}),n=t({"0%":{opacity:0,transform:"translateY(-2px)"},"100%":{opacity:1,transform:"translateY(0)"}}),s=t({"0%":{opacity:0,transform:"translateX(2px)"},"100%":{opacity:1,transform:"translateX(0)"}}),e=t({"0%":{opacity:0},"100%":{opacity:1}}),o=t({"0%":{opacity:1},"100%":{opacity:0}}),i=t({"0%":{transform:"translateX(-100%)"},"100%":{transform:"translateX(0)"}}),f=t({"0%":{transform:"translateX(0)"},"100%":{transform:"translateX(-100%)"}});export{e as fadeIn,o as fadeOut,n as slideDownAndFade,i as slideInLeft,s as slideLeftAndFade,f as slideOutLeft,r as slideRightAndFade,a as slideUpAndFade};
+//# sourceMappingURL=keyframe-animations.js.map

package/dist/utilities/style/keyframe-animations.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"keyframe-animations.js","sources":["../../../src/utilities/style/keyframe-animations.ts"],"sourcesContent":["import { keyframes } from '~/stitches'\n\nexport const slideUpAndFade = keyframes({\n  '0%': { opacity: 0, transform: 'translateY(2px)' },\n  '100%': { opacity: 1, transform: 'translateY(0)' }\n})\nexport const slideRightAndFade = keyframes({\n  '0%': { opacity: 0, transform: 'translateX(-2px)' },\n  '100%': { opacity: 1, transform: 'translateX(0)' }\n})\nexport const slideDownAndFade = keyframes({\n  '0%': { opacity: 0, transform: 'translateY(-2px)' },\n  '100%': { opacity: 1, transform: 'translateY(0)' }\n})\nexport const slideLeftAndFade = keyframes({\n  '0%': { opacity: 0, transform: 'translateX(2px)' },\n  '100%': { opacity: 1, transform: 'translateX(0)' }\n})\n\nexport const fadeIn = keyframes({\n  '0%': { opacity: 0 },\n  '100%': { opacity: 1 }\n})\nexport const fadeOut = keyframes({\n  '0%': { opacity: 1 },\n  '100%': { opacity: 0 }\n})\n\nexport const slideInLeft = keyframes({\n  '0%': { transform: 'translateX(-100%)' },\n  '100%': { transform: 'translateX(0)' }\n})\n\nexport const slideOutLeft = keyframes({\n  '0%': { transform: 'translateX(0)' },\n  '100%': { transform: 'translateX(-100%)' }\n})\n"],"names":["slideUpAndFade","keyframes","slideRightAndFade","slideDownAndFade","slideLeftAndFade","fadeIn","fadeOut","slideInLeft","slideOutLeft"],"mappings":"8CAEO,MAAMA,EAAiBC,EAAU,CACtC,KAAM,CAAE,QAAS,EAAG,UAAW,iBAAkB,EACjD,OAAQ,CAAE,QAAS,EAAG,UAAW,eAAgB,CACnD,CAAC,EACYC,EAAoBD,EAAU,CACzC,KAAM,CAAE,QAAS,EAAG,UAAW,kBAAmB,EAClD,OAAQ,CAAE,QAAS,EAAG,UAAW,eAAgB,CACnD,CAAC,EACYE,EAAmBF,EAAU,CACxC,KAAM,CAAE,QAAS,EAAG,UAAW,kBAAmB,EAClD,OAAQ,CAAE,QAAS,EAAG,UAAW,eAAgB,CACnD,CAAC,EACYG,EAAmBH,EAAU,CACxC,KAAM,CAAE,QAAS,EAAG,UAAW,iBAAkB,EACjD,OAAQ,CAAE,QAAS,EAAG,UAAW,eAAgB,CACnD,CAAC,EAEYI,EAASJ,EAAU,CAC9B,KAAM,CAAE,QAAS,CAAE,EACnB,OAAQ,CAAE,QAAS,CAAE,CACvB,CAAC,EACYK,EAAUL,EAAU,CAC/B,KAAM,CAAE,QAAS,CAAE,EACnB,OAAQ,CAAE,QAAS,CAAE,CACvB,CAAC,EAEYM,EAAcN,EAAU,CACnC,KAAM,CAAE,UAAW,mBAAoB,EACvC,OAAQ,CAAE,UAAW,eAAgB,CACvC,CAAC,EAEYO,EAAeP,EAAU,CACpC,KAAM,CAAE,UAAW,eAAgB,EACnC,OAAQ,CAAE,UAAW,mBAAoB,CAC3C,CAAC"}

package/package.json

@@ -4,7 +4,7 @@
   "main": "dist/index.cjs.js",
   "typings": "dist/index.d.ts",
   "module": "dist/index.js",
-  "version": "2.33.0",
+  "version": "2.35.0",
   "description": "",
   "files": [
     "dist"
@@ -60,7 +60,7 @@
   "devDependencies": {
     "@atom-learning/icons": "1.14.0",
     "@atom-learning/jest-stitches": "1.0.10",
-    "@atom-learning/theme": "1.1.1",
+    "@atom-learning/theme": "1.2.0",
     "@commitlint/cli": "^11.0.0",
     "@commitlint/config-conventional": "^11.0.0",
     "@radix-ui/react-id": "0.1.5",
@@ -121,12 +121,12 @@
   },
   "peerDependencies": {
     "@atom-learning/icons": "^1.0.0",
-    "@atom-learning/theme": "^1.0.0",
+    "@atom-learning/theme": "^1.2.0",
     "react": "^17",
     "react-dom": "^17"
   },
   "dependencies": {
-    "@atom-learning/theme": "1.1.1",
+    "@atom-learning/theme": "1.2.0",
     "@dnd-kit/core": "^6.0.5",
     "@dnd-kit/modifiers": "^6.0.0",
     "@dnd-kit/sortable": "^7.0.1",