@atom-learning/components 5.0.0 → 5.0.1

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

@@ -0,0 +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};
+//# sourceMappingURL=BannerRegularDismiss.js.map

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

@@ -0,0 +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"}

package/dist/components/banner/banner-regular/BannerRegularHeading.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { Heading } from '../../heading';
+export declare const BannerRegularHeading: {
+    (props: React.ComponentProps<typeof Heading>): React.JSX.Element;
+    displayName: string;
+};

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

@@ -0,0 +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:"sm",containerSize:n,hasDismiss:r,...e})};s.displayName="BannerRegularHeading";export{s as BannerRegularHeading};
+//# sourceMappingURL=BannerRegularHeading.js.map

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

@@ -0,0 +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=\"sm\"\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"}

package/dist/components/banner/banner-regular/BannerRegularImage.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { Image } from '../../image';
+export declare const BannerRegularImage: {
+    (props: React.ComponentProps<typeof Image>): React.JSX.Element;
+    displayName: string;
+};

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

@@ -0,0 +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};
+//# sourceMappingURL=BannerRegularImage.js.map

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

@@ -0,0 +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"}

package/dist/components/banner/banner-regular/BannerRegularText.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { Text } from '../../text';
+export declare const BannerRegularText: {
+    (props: React.ComponentProps<typeof Text>): React.JSX.Element;
+    displayName: string;
+};

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

@@ -0,0 +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};
+//# sourceMappingURL=BannerRegularText.js.map

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

@@ -0,0 +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"}

package/dist/components/banner/banner-regular/index.d.ts

@@ -0,0 +1 @@
+export { BannerRegular } from './BannerRegular';