@atom-learning/components 6.0.0-beta.1 → 6.0.0-beta.10

package/dist/components/banner/banner-regular/BannerRegularDismiss.js

@@ -1,2 +1,2 @@
-import{Close as a}from"@atom-learning/icons";import*as e from"react";import{styled as l}from"../../../stitches.js";import{overrideStitchesVariantValue as p}from"../../../utilities/override-stitches-variant-value/overrideStitchesVariantValue.js";import{ActionIcon as c}from"../../action-icon/ActionIcon.js";import{Icon as d}from"../../icon/Icon.js";import{Banner as u}from"../Banner.js";import{useBannerContext as f}from"../BannerContext.js";const h={sm:"md",md:"sm"},D=l(c,{zIndex:1,position:"absolute",top:"$3",right:"$3"}),o=({label:i="dismiss",...r})=>{const{size:t,setHasDismiss:s}=f();e.useEffect(()=>(s(!0),()=>{s(!1)}),[s]);const m=e.useMemo(()=>p(t,n=>h[n]),[t]);return e.createElement(u.Dismiss,{asChild:!0},e.createElement(D,{label:i,size:m,hasTooltip:!1,isRounded:!0,theme:"neutral",appearance:"solid",...r},e.createElement(d,{is:a})))};o.displayName="BannerRegularDismiss";export{o as BannerRegularDismiss};
+import{Close as n}from"@atom-learning/icons";import*as e from"react";import{styled as l}from"../../../styled.js";import{overrideStyledVariantValue as p}from"../../../utilities/override-styled-variant-value/overrideStyledVariantValue.js";import{ActionIcon as c}from"../../action-icon/ActionIcon.js";import{Icon as d}from"../../icon/Icon.js";import{Banner as u}from"../Banner.js";import{useBannerContext as f}from"../BannerContext.js";const D={sm:"md",md:"sm"},b=l(c,{base:["z-1","absolute","top-3","right-3"]}),o=({label:r="dismiss",...i})=>{const{size:t,setHasDismiss:s}=f();e.useEffect(()=>(s(!0),()=>{s(!1)}),[s]);const m=e.useMemo(()=>p(t,a=>D[a]),[t]);return e.createElement(u.Dismiss,{asChild:!0},e.createElement(b,{label:r,size:m,hasTooltip:!1,isRounded:!0,theme:"neutral",appearance:"solid",...i},e.createElement(d,{is:n})))};o.displayName="BannerRegularDismiss";export{o as BannerRegularDismiss};
 //# sourceMappingURL=BannerRegularDismiss.js.map

package/dist/components/banner/banner-regular/BannerRegularDismiss.js.map

@@ -1 +1 @@
-{"version":3,"file":"BannerRegularDismiss.js","sources":["../../../../src/components/banner/banner-regular/BannerRegularDismiss.tsx"],"sourcesContent":["import { Close } from '@atom-learning/icons'\nimport * as React from 'react'\n\nimport { styled } from '~/stitches'\nimport { overrideStitchesVariantValue } from '~/utilities/override-stitches-variant-value/overrideStitchesVariantValue'\n\nimport { ActionIcon } from '../../action-icon'\nimport { Icon } from '../../icon'\nimport { Banner } from '../Banner'\nimport { useBannerContext } from '../BannerContext'\n\nconst toActionIconSize = {\n  sm: 'md',\n  md: 'sm'\n}\n\nconst StyledDismiss = styled(ActionIcon, {\n  zIndex: 1,\n  position: 'absolute',\n  top: '$3',\n  right: '$3'\n})\n\ntype BannerRegularDismissProps = Omit<\n  React.ComponentProps<typeof StyledDismiss>,\n  'children' | 'onClick' | 'href'\n>\n\nexport const BannerRegularDismiss = ({\n  label = 'dismiss',\n  ...rest\n}: BannerRegularDismissProps) => {\n  const { size, setHasDismiss } = useBannerContext()\n\n  React.useEffect(() => {\n    setHasDismiss(true)\n    return () => {\n      setHasDismiss(false)\n    }\n  }, [setHasDismiss])\n\n  const actionIconSize = React.useMemo(\n    () => overrideStitchesVariantValue(size, (s) => toActionIconSize[s]),\n    [size]\n  )\n\n  return (\n    <Banner.Dismiss asChild>\n      <StyledDismiss\n        label={label}\n        size={actionIconSize}\n        hasTooltip={false}\n        isRounded\n        theme=\"neutral\"\n        appearance=\"solid\"\n        {...rest}\n      >\n        <Icon is={Close} />\n      </StyledDismiss>\n    </Banner.Dismiss>\n  )\n}\n\nBannerRegularDismiss.displayName = 'BannerRegularDismiss'\n"],"names":["toActionIconSize","StyledDismiss","styled","ActionIcon","BannerRegularDismiss","label","rest","size","setHasDismiss","useBannerContext","React","actionIconSize","overrideStitchesVariantValue","s","Banner","Icon","Close"],"mappings":"ybAWA,MAAMA,EAAmB,CACvB,GAAI,KACJ,GAAI,IACN,EAEMC,EAAgBC,EAAOC,EAAY,CACvC,OAAQ,EACR,SAAU,WACV,IAAK,KACL,MAAO,IACT,CAAC,EAOYC,EAAuB,CAAC,CACnC,MAAAC,EAAQ,aACLC,CACL,IAAiC,CAC/B,KAAM,CAAE,KAAAC,EAAM,cAAAC,CAAc,EAAIC,EAAiB,EAEjDC,EAAM,UAAU,KACdF,EAAc,EAAI,EACX,IAAM,CACXA,EAAc,EAAK,CACrB,GACC,CAACA,CAAa,CAAC,EAElB,MAAMG,EAAiBD,EAAM,QAC3B,IAAME,EAA6BL,EAAOM,GAAMb,EAAiBa,EAAE,EACnE,CAACN,CAAI,CACP,EAEA,OACEG,EAAA,cAACI,EAAO,QAAP,CAAe,QAAO,EACrBJ,EAAAA,EAAA,cAACT,EAAA,CACC,MAAOI,EACP,KAAMM,EACN,WAAY,GACZ,UAAS,GACT,MAAM,UACN,WAAW,QACV,GAAGL,CAEJI,EAAAA,EAAA,cAACK,EAAA,CAAK,GAAIC,CAAAA,CAAO,CACnB,CACF,CAEJ,EAEAZ,EAAqB,YAAc"}
+{"version":3,"file":"BannerRegularDismiss.js","sources":["../../../../src/components/banner/banner-regular/BannerRegularDismiss.tsx"],"sourcesContent":["import { Close } from '@atom-learning/icons'\nimport * as React from 'react'\n\nimport { styled } from '~/styled'\nimport { overrideStyledVariantValue } from '~/utilities/override-styled-variant-value/overrideStyledVariantValue'\n\nimport { ActionIcon } from '../../action-icon'\nimport { Icon } from '../../icon'\nimport { Banner } from '../Banner'\nimport { useBannerContext } from '../BannerContext'\n\nconst toActionIconSize = {\n  sm: 'md',\n  md: 'sm'\n}\n\nconst StyledDismiss = styled(ActionIcon, {\n  base: ['z-1', 'absolute', 'top-3', 'right-3']\n})\n\ntype BannerRegularDismissProps = Omit<\n  React.ComponentProps<typeof StyledDismiss>,\n  'children' | 'onClick' | 'href'\n>\n\nexport const BannerRegularDismiss = ({\n  label = 'dismiss',\n  ...rest\n}: BannerRegularDismissProps) => {\n  const { size, setHasDismiss } = useBannerContext()\n\n  React.useEffect(() => {\n    setHasDismiss(true)\n    return () => {\n      setHasDismiss(false)\n    }\n  }, [setHasDismiss])\n\n  const actionIconSize = React.useMemo(\n    () => overrideStyledVariantValue(size, (s) => toActionIconSize[s]),\n    [size]\n  )\n\n  return (\n    <Banner.Dismiss asChild>\n      <StyledDismiss\n        label={label}\n        size={actionIconSize}\n        hasTooltip={false}\n        isRounded\n        theme=\"neutral\"\n        appearance=\"solid\"\n        {...rest}\n      >\n        <Icon is={Close} />\n      </StyledDismiss>\n    </Banner.Dismiss>\n  )\n}\n\nBannerRegularDismiss.displayName = 'BannerRegularDismiss'\n"],"names":["toActionIconSize","StyledDismiss","styled","ActionIcon","BannerRegularDismiss","label","rest","size","setHasDismiss","useBannerContext","React","actionIconSize","overrideStyledVariantValue","s","Banner","Icon","Close"],"mappings":"ibAWA,MAAMA,EAAmB,CACvB,GAAI,KACJ,GAAI,IACN,EAEMC,EAAgBC,EAAOC,EAAY,CACvC,KAAM,CAAC,MAAO,WAAY,QAAS,SAAS,CAC9C,CAAC,EAOYC,EAAuB,CAAC,CACnC,MAAAC,EAAQ,UACR,GAAGC,CACL,IAAiC,CAC/B,KAAM,CAAE,KAAAC,EAAM,cAAAC,CAAc,EAAIC,EAEhCC,EAAAA,EAAM,UAAU,KACdF,EAAc,EAAI,EACX,IAAM,CACXA,EAAc,EAAK,CACrB,GACC,CAACA,CAAa,CAAC,EAElB,MAAMG,EAAiBD,EAAM,QAC3B,IAAME,EAA2BL,EAAOM,GAAMb,EAAiBa,CAAC,CAAC,EACjE,CAACN,CAAI,CACP,EAEA,OACEG,EAAA,cAACI,EAAO,QAAP,CAAe,QAAO,EACrBJ,EAAAA,EAAA,cAACT,EAAA,CACC,MAAOI,EACP,KAAMM,EACN,WAAY,GACZ,UAAS,GACT,MAAM,UACN,WAAW,QACV,GAAGL,CAEJI,EAAAA,EAAA,cAACK,EAAA,CAAK,GAAIC,CAAAA,CAAO,CACnB,CACF,CAEJ,EAEAZ,EAAqB,YAAc"}

package/dist/components/banner/banner-regular/BannerRegularHeading.js

@@ -1,2 +1,2 @@
-import*as i from"react";import{styled as a}from"../../../stitches.js";import{Heading as o}from"../../heading/Heading.js";import{useBannerContext as m}from"../BannerContext.js";const t=a(o,{mb:"$4",color:"var(--banner-heading-color)",variants:{containerSize:{sm:{},md:{}},hasDismiss:{true:{}}},compoundVariants:[{containerSize:"sm",hasDismiss:!0,css:{mr:"$6"}}]}),s=e=>{const{size:n,hasDismiss:r}=m();return i.createElement(t,{size:"md",containerSize:n,hasDismiss:r,...e})};s.displayName="BannerRegularHeading";export{s as BannerRegularHeading};
+import*as i from"react";import{styled as r}from"../../../styled.js";import{Heading as t}from"../../heading/Heading.js";import{useBannerContext as m}from"../BannerContext.js";const o=r(t,{base:["mb-4","text-(--banner-heading-color)"],variants:{containerSize:{sm:[],md:[]},hasDismiss:{true:[]}},compoundVariants:[{containerSize:"sm",hasDismiss:!0,class:["mr-10"]}]}),s=e=>{const{size:n,hasDismiss:a}=m();return i.createElement(o,{size:"md",containerSize:n,hasDismiss:a,...e})};s.displayName="BannerRegularHeading";export{s as BannerRegularHeading};
 //# sourceMappingURL=BannerRegularHeading.js.map

package/dist/components/banner/banner-regular/BannerRegularHeading.js.map

@@ -1 +1 @@
-{"version":3,"file":"BannerRegularHeading.js","sources":["../../../../src/components/banner/banner-regular/BannerRegularHeading.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/stitches'\n\nimport { Heading } from '../../heading'\nimport { useBannerContext } from '../BannerContext'\n\nconst StyledHeading = styled(Heading, {\n  mb: '$4',\n  color: 'var(--banner-heading-color)',\n  variants: {\n    containerSize: {\n      sm: {},\n      md: {}\n    },\n    hasDismiss: {\n      true: {}\n    }\n  },\n  compoundVariants: [\n    {\n      containerSize: 'sm',\n      hasDismiss: true,\n      css: {\n        mr: '$6'\n      }\n    }\n  ]\n})\n\nexport const BannerRegularHeading = (\n  props: React.ComponentProps<typeof Heading>\n) => {\n  const { size, hasDismiss } = useBannerContext()\n\n  return (\n    <StyledHeading\n      size=\"md\"\n      containerSize={size}\n      hasDismiss={hasDismiss}\n      {...props}\n    />\n  )\n}\n\nBannerRegularHeading.displayName = 'BannerRegularHeading'\n"],"names":["StyledHeading","styled","Heading","BannerRegularHeading","props","size","hasDismiss","useBannerContext","React"],"mappings":"gLAOA,MAAMA,EAAgBC,EAAOC,EAAS,CACpC,GAAI,KACJ,MAAO,8BACP,SAAU,CACR,cAAe,CACb,GAAI,CACJ,EAAA,GAAI,EACN,EACA,WAAY,CACV,KAAM,CACR,CAAA,CACF,EACA,iBAAkB,CAChB,CACE,cAAe,KACf,WAAY,GACZ,IAAK,CACH,GAAI,IACN,CACF,CACF,CACF,CAAC,EAEYC,EACXC,GACG,CACH,KAAM,CAAE,KAAAC,EAAM,WAAAC,CAAW,EAAIC,EAAiB,EAE9C,OACEC,EAAA,cAACR,EAAA,CACC,KAAK,KACL,cAAeK,EACf,WAAYC,EACX,GAAGF,EACN,CAEJ,EAEAD,EAAqB,YAAc"}
+{"version":3,"file":"BannerRegularHeading.js","sources":["../../../../src/components/banner/banner-regular/BannerRegularHeading.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { Heading } from '../../heading'\nimport { useBannerContext } from '../BannerContext'\n\nconst StyledHeading = styled(Heading, {\n  base: ['mb-4', 'text-(--banner-heading-color)'],\n  variants: {\n    containerSize: {\n      sm: [],\n      md: []\n    },\n    hasDismiss: {\n      true: []\n    }\n  },\n  compoundVariants: [\n    {\n      containerSize: 'sm',\n      hasDismiss: true,\n      class: ['mr-10']\n    }\n  ]\n})\n\nexport const BannerRegularHeading = (\n  props: React.ComponentProps<typeof Heading>\n) => {\n  const { size, hasDismiss } = useBannerContext()\n\n  return (\n    <StyledHeading\n      size=\"md\"\n      containerSize={size}\n      hasDismiss={hasDismiss}\n      {...props}\n    />\n  )\n}\n\nBannerRegularHeading.displayName = 'BannerRegularHeading'\n"],"names":["StyledHeading","styled","Heading","BannerRegularHeading","props","size","hasDismiss","useBannerContext","React"],"mappings":"8KAOA,MAAMA,EAAgBC,EAAOC,EAAS,CACpC,KAAM,CAAC,OAAQ,+BAA+B,EAC9C,SAAU,CACR,cAAe,CACb,GAAI,CAAA,EACJ,GAAI,CACN,CAAA,EACA,WAAY,CACV,KAAM,CAAA,CACR,CACF,EACA,iBAAkB,CAChB,CACE,cAAe,KACf,WAAY,GACZ,MAAO,CAAC,OAAO,CACjB,CACF,CACF,CAAC,EAEYC,EACXC,GACG,CACH,KAAM,CAAE,KAAAC,EAAM,WAAAC,CAAW,EAAIC,EAAiB,EAE9C,OACEC,EAAA,cAACR,EAAA,CACC,KAAK,KACL,cAAeK,EACf,WAAYC,EACX,GAAGF,EACN,CAEJ,EAEAD,EAAqB,YAAc"}

package/dist/components/banner/banner-regular/BannerRegularImage.js

@@ -1,2 +1,2 @@
-import*as e from"react";import{styled as t}from"../../../stitches.js";import{Box as a}from"../../box/Box.js";import{Image as m}from"../../image/Image.js";import{useBannerContext as n}from"../BannerContext.js";const s=t(a,{position:"relative",overflow:"hidden",width:"38%",variants:{size:{sm:{display:"none"},md:{display:"block"}}}}),l=t(m,{position:"absolute",maxWidth:"auto",width:"100%",height:"100%",objectFit:"cover"}),o=i=>{const{size:r}=n();return e.createElement(s,{size:r},e.createElement(l,{...i}))};o.displayName="BannerRegularImage";export{o as BannerRegularImage};
+import*as e from"react";import{styled as r}from"../../../styled.js";import{Image as m}from"../../image/Image.js";import{useBannerContext as n}from"../BannerContext.js";const s=r("div",{base:["relative","overflow-hidden","w-19/50"],variants:{size:{sm:["hidden"],md:["block"]}}}),i=r(m,{base:["absolute","max-w-none","size-full","object-cover"]}),a=o=>{const{size:t}=n();return e.createElement(s,{size:t},e.createElement(i,{...o}))};a.displayName="BannerRegularImage";export{a as BannerRegularImage};
 //# sourceMappingURL=BannerRegularImage.js.map

package/dist/components/banner/banner-regular/BannerRegularImage.js.map

@@ -1 +1 @@
-{"version":3,"file":"BannerRegularImage.js","sources":["../../../../src/components/banner/banner-regular/BannerRegularImage.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/stitches'\n\nimport { Box } from '../../box'\nimport { Image } from '../../image'\nimport { useBannerContext } from '../BannerContext'\n\nconst Container = styled(Box, {\n  position: 'relative',\n  overflow: 'hidden',\n  width: '38%',\n  variants: {\n    size: {\n      sm: {\n        display: 'none'\n      },\n      md: {\n        display: 'block'\n      }\n    }\n  }\n})\n\nconst StyledImage = styled(Image, {\n  position: 'absolute',\n  maxWidth: 'auto',\n  width: '100%',\n  height: '100%',\n  objectFit: 'cover'\n})\n\nexport const BannerRegularImage = (\n  props: React.ComponentProps<typeof Image>\n) => {\n  const { size } = useBannerContext()\n\n  return (\n    <Container size={size}>\n      <StyledImage {...props} />\n    </Container>\n  )\n}\n\nBannerRegularImage.displayName = 'BannerRegularImage'\n"],"names":["Container","styled","Box","StyledImage","Image","BannerRegularImage","props","size","useBannerContext","React"],"mappings":"iNAQA,MAAMA,EAAYC,EAAOC,EAAK,CAC5B,SAAU,WACV,SAAU,SACV,MAAO,MACP,SAAU,CACR,KAAM,CACJ,GAAI,CACF,QAAS,MACX,EACA,GAAI,CACF,QAAS,OACX,CACF,CACF,CACF,CAAC,EAEKC,EAAcF,EAAOG,EAAO,CAChC,SAAU,WACV,SAAU,OACV,MAAO,OACP,OAAQ,OACR,UAAW,OACb,CAAC,EAEYC,EACXC,GACG,CACH,KAAM,CAAE,KAAAC,CAAK,EAAIC,IAEjB,OACEC,EAAA,cAACT,EAAA,CAAU,KAAMO,CAAAA,EACfE,EAAA,cAACN,EAAA,CAAa,GAAGG,CAAAA,CAAO,CAC1B,CAEJ,EAEAD,EAAmB,YAAc"}
+{"version":3,"file":"BannerRegularImage.js","sources":["../../../../src/components/banner/banner-regular/BannerRegularImage.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { Image } from '../../image'\nimport { useBannerContext } from '../BannerContext'\n\nconst Container = styled('div', {\n  base: ['relative', 'overflow-hidden', 'w-19/50'],\n  variants: {\n    size: {\n      sm: ['hidden'],\n      md: ['block']\n    }\n  }\n})\n\nconst StyledImage = styled(Image, {\n  base: ['absolute', 'max-w-none', 'size-full', 'object-cover']\n})\n\nexport const BannerRegularImage = (\n  props: React.ComponentProps<typeof Image>\n) => {\n  const { size } = useBannerContext()\n\n  return (\n    <Container size={size}>\n      <StyledImage {...props} />\n    </Container>\n  )\n}\n\nBannerRegularImage.displayName = 'BannerRegularImage'\n"],"names":["Container","styled","StyledImage","Image","BannerRegularImage","props","size","useBannerContext","React"],"mappings":"wKAOA,MAAMA,EAAYC,EAAO,MAAO,CAC9B,KAAM,CAAC,WAAY,kBAAmB,SAAS,EAC/C,SAAU,CACR,KAAM,CACJ,GAAI,CAAC,QAAQ,EACb,GAAI,CAAC,OAAO,CACd,CACF,CACF,CAAC,EAEKC,EAAcD,EAAOE,EAAO,CAChC,KAAM,CAAC,WAAY,aAAc,YAAa,cAAc,CAC9D,CAAC,EAEYC,EACXC,GACG,CACH,KAAM,CAAE,KAAAC,CAAK,EAAIC,IAEjB,OACEC,EAAA,cAACR,EAAA,CAAU,KAAMM,CACfE,EAAAA,EAAA,cAACN,EAAA,CAAa,GAAGG,CAAAA,CAAO,CAC1B,CAEJ,EAEAD,EAAmB,YAAc"}

package/dist/components/banner/banner-regular/BannerRegularText.js

@@ -1,2 +1,2 @@
-import*as a from"react";import{styled as i}from"../../../stitches.js";import{Text as n}from"../../text/Text.js";import{useBannerContext as o}from"../BannerContext.js";const m=i(n,{color:"var(--banner-text-color)",variants:{containerSize:{sm:{mb:"$4"},md:{mb:"$24"}},hasDismiss:{true:{}}},compoundVariants:[{containerSize:"sm",hasDismiss:!0,css:{mr:"$6"}}]}),s=r=>{const{size:e,hasDismiss:t}=o();return a.createElement(m,{size:e,containerSize:e,hasDismiss:t,...r})};s.displayName="BannerRegularText";export{s as BannerRegularText};
+import*as i from"react";import{styled as a}from"../../../styled.js";import{Text as n}from"../../text/Text.js";import{useBannerContext as m}from"../BannerContext.js";const o=a(n,{base:["text-(--banner-text-color)"],variants:{containerSize:{sm:["mb-4"],md:["mb-6"]},hasDismiss:{true:[]}},compoundVariants:[{containerSize:"sm",hasDismiss:!0,class:["mr-10"]}]}),s=t=>{const{size:e,hasDismiss:r}=m();return i.createElement(o,{size:e,containerSize:e,hasDismiss:r,...t})};s.displayName="BannerRegularText";export{s as BannerRegularText};
 //# sourceMappingURL=BannerRegularText.js.map

package/dist/components/banner/banner-regular/BannerRegularText.js.map

@@ -1 +1 @@
-{"version":3,"file":"BannerRegularText.js","sources":["../../../../src/components/banner/banner-regular/BannerRegularText.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/stitches'\n\nimport { Text } from '../../text'\nimport { useBannerContext } from '../BannerContext'\n\nconst StyledText = styled(Text, {\n  color: 'var(--banner-text-color)',\n  variants: {\n    containerSize: {\n      sm: {\n        mb: '$4'\n      },\n      md: {\n        mb: '$24'\n      }\n    },\n    hasDismiss: {\n      true: {}\n    }\n  },\n  compoundVariants: [\n    {\n      containerSize: 'sm',\n      hasDismiss: true,\n      css: {\n        mr: '$6'\n      }\n    }\n  ]\n})\n\nexport const BannerRegularText = (props: React.ComponentProps<typeof Text>) => {\n  const { size, hasDismiss } = useBannerContext()\n\n  return (\n    <StyledText\n      size={size}\n      containerSize={size}\n      hasDismiss={hasDismiss}\n      {...props}\n    />\n  )\n}\n\nBannerRegularText.displayName = 'BannerRegularText'\n"],"names":["StyledText","styled","Text","BannerRegularText","props","size","hasDismiss","useBannerContext","React"],"mappings":"uKAOA,MAAMA,EAAaC,EAAOC,EAAM,CAC9B,MAAO,2BACP,SAAU,CACR,cAAe,CACb,GAAI,CACF,GAAI,IACN,EACA,GAAI,CACF,GAAI,KACN,CACF,EACA,WAAY,CACV,KAAM,CACR,CAAA,CACF,EACA,iBAAkB,CAChB,CACE,cAAe,KACf,WAAY,GACZ,IAAK,CACH,GAAI,IACN,CACF,CACF,CACF,CAAC,EAEYC,EAAqBC,GAA6C,CAC7E,KAAM,CAAE,KAAAC,EAAM,WAAAC,CAAW,EAAIC,EAAiB,EAE9C,OACEC,EAAA,cAACR,EAAA,CACC,KAAMK,EACN,cAAeA,EACf,WAAYC,EACX,GAAGF,EACN,CAEJ,EAEAD,EAAkB,YAAc"}
+{"version":3,"file":"BannerRegularText.js","sources":["../../../../src/components/banner/banner-regular/BannerRegularText.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { Text } from '../../text'\nimport { useBannerContext } from '../BannerContext'\n\nconst StyledText = styled(Text, {\n  base: ['text-(--banner-text-color)'],\n  variants: {\n    containerSize: {\n      sm: ['mb-4'],\n      md: ['mb-6']\n    },\n    hasDismiss: {\n      true: []\n    }\n  },\n  compoundVariants: [\n    {\n      containerSize: 'sm',\n      hasDismiss: true,\n      class: ['mr-10']\n    }\n  ]\n})\n\nexport const BannerRegularText = (props: React.ComponentProps<typeof Text>) => {\n  const { size, hasDismiss } = useBannerContext()\n\n  return (\n    <StyledText\n      size={size}\n      containerSize={size}\n      hasDismiss={hasDismiss}\n      {...props}\n    />\n  )\n}\n\nBannerRegularText.displayName = 'BannerRegularText'\n"],"names":["StyledText","styled","Text","BannerRegularText","props","size","hasDismiss","useBannerContext","React"],"mappings":"qKAOA,MAAMA,EAAaC,EAAOC,EAAM,CAC9B,KAAM,CAAC,4BAA4B,EACnC,SAAU,CACR,cAAe,CACb,GAAI,CAAC,MAAM,EACX,GAAI,CAAC,MAAM,CACb,EACA,WAAY,CACV,KAAM,CACR,CAAA,CACF,EACA,iBAAkB,CAChB,CACE,cAAe,KACf,WAAY,GACZ,MAAO,CAAC,OAAO,CACjB,CACF,CACF,CAAC,EAEYC,EAAqBC,GAA6C,CAC7E,KAAM,CAAE,KAAAC,EAAM,WAAAC,CAAW,EAAIC,EAAiB,EAE9C,OACEC,EAAA,cAACR,EAAA,CACC,KAAMK,EACN,cAAeA,EACf,WAAYC,EACX,GAAGF,EACN,CAEJ,EAEAD,EAAkB,YAAc"}