@atom-learning/components 3.4.0 → 3.5.0

package/CHANGELOG.md

@@ -1,9 +1,16 @@
-# [3.4.0](https://github.com/Atom-Learning/components/compare/v3.3.1...v3.4.0) (2023-11-21)
+# [3.5.0](https://github.com/Atom-Learning/components/compare/v3.4.0...v3.5.0) (2023-11-22)
+
+
+### Bug Fixes
+
+* better Banner components props ([0873c9f](https://github.com/Atom-Learning/components/commit/0873c9f092687f5ffdb4763570f98d8a76241024))
+* exclude children from BannerDismiss type ([4111783](https://github.com/Atom-Learning/components/commit/41117837277e530e4c3834e986e82d5f7a05e006))
 
 
 ### Features
 
-* enable conditional row selection on data table ([1716034](https://github.com/Atom-Learning/components/commit/171603484fda26a9b6bfad6f18d47db87ec77c20))
+* make colorScheme optional in BannerContainer type ([e129777](https://github.com/Atom-Learning/components/commit/e129777970498b0c3ff91b4172772ddd04fdb614))
+* rename Banner emphasis low/mid/highContrast to minimal/subtle/bold ([42889a1](https://github.com/Atom-Learning/components/commit/42889a17ef0dfb112e84d35f2b105c0a4050606f))
 
 # [1.4.0](https://github.com/Atom-Learning/components/compare/v1.3.0...v1.4.0) (2022-04-11)
 

package/dist/components/banner/BannerContainer.d.ts

@@ -326,7 +326,7 @@ declare const StyledBannerContainer: import("@stitches/react/types/styled-compon
         marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
     };
 }>>, {
-    emphasis?: "highContrast" | "midContrast" | "lowContrast" | undefined;
+    emphasis?: "bold" | "subtle" | "minimal" | undefined;
     size?: "sm" | "md" | undefined;
 }, {
     sm: string;
@@ -648,7 +648,7 @@ declare const StyledBannerContainer: import("@stitches/react/types/styled-compon
     };
 }>>;
 export declare type TBannerContainerProps = React.ComponentProps<typeof StyledBannerContainer> & {
-    colorScheme: TcolorScheme;
+    colorScheme?: TcolorScheme;
 } & React.ComponentProps<typeof Dismissible>;
 export declare const BannerContainer: ({ colorScheme, value, onDismiss, ...props }: TBannerContainerProps) => JSX.Element;
 export {};

package/dist/components/banner/BannerContainer.js

@@ -1,2 +1,2 @@
-import*as o from"react";import{ColorScheme as a}from"../../experiments/color-scheme/ColorScheme.js";import{styled as i}from"../../stitches.js";import{Dismissible as l}from"../dismissible/index.js";import{Flex as m}from"../flex/Flex.js";import{useBannerContext as c}from"./BannerContext.js";const d=i(m,{position:"relative",width:"100%",borderRadius:"$0",overflow:"hidden",color:"$foreground","--banner-heading-color":"$colors$foreground","--banner-text-color":"$colors$grey900",variants:{emphasis:{highContrast:{background:"$base11",color:"$foreground7plus","--banner-heading-color":"$colors$foreground7plus","--banner-text-color":"$colors$grey100"},midContrast:{background:"$base3"},lowContrast:{background:"$base1"}},size:{sm:{},md:{}}}}),p=({colorScheme:r,value:e,onDismiss:n,...s})=>{const{emphasis:t}=c();return o.createElement(a,{...r,asChild:!0},o.createElement(l,{asChild:!0,value:e,onDismiss:n},o.createElement(d,{role:"banner",emphasis:t,...s})))};export{p as BannerContainer};
+import*as o from"react";import{ColorScheme as i}from"../../experiments/color-scheme/ColorScheme.js";import{styled as l}from"../../stitches.js";import{Dismissible as t}from"../dismissible/index.js";import{Flex as m}from"../flex/Flex.js";import{useBannerContext as c}from"./BannerContext.js";const d=l(m,{position:"relative",width:"100%",borderRadius:"$0",overflow:"hidden",color:"$foreground","--banner-heading-color":"$colors$foreground","--banner-text-color":"$colors$grey900",variants:{emphasis:{bold:{background:"$base11",color:"$foreground7plus","--banner-heading-color":"$colors$foreground7plus","--banner-text-color":"$colors$grey100"},subtle:{background:"$base3"},minimal:{background:"$base1"}},size:{sm:{},md:{}}}}),b=({colorScheme:e={},value:r,onDismiss:n,...s})=>{const{emphasis:a}=c();return o.createElement(i,{...e,asChild:!0},o.createElement(t,{asChild:!0,value:r,onDismiss:n},o.createElement(d,{role:"banner",emphasis:a,...s})))};export{b as BannerContainer};
 //# sourceMappingURL=BannerContainer.js.map

package/dist/components/banner/BannerContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"BannerContainer.js","sources":["../../../src/components/banner/BannerContainer.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { ColorScheme, TcolorScheme } from '~/experiments/color-scheme'\nimport { styled } from '~/stitches'\n\nimport { Dismissible } from '../dismissible'\nimport { Flex } from '../flex'\nimport { useBannerContext } from './BannerContext'\n\nconst StyledBannerContainer = styled(Flex, {\n  position: 'relative',\n  width: '100%',\n  borderRadius: '$0',\n  overflow: 'hidden',\n  color: '$foreground',\n  '--banner-heading-color': '$colors$foreground',\n  '--banner-text-color': '$colors$grey900',\n  variants: {\n    emphasis: {\n      highContrast: {\n        background: '$base11',\n        color: '$foreground7plus',\n        '--banner-heading-color': '$colors$foreground7plus',\n        '--banner-text-color': '$colors$grey100'\n      },\n      midContrast: {\n        background: '$base3'\n      },\n      lowContrast: {\n        background: '$base1'\n      }\n    },\n    size: {\n      sm: {},\n      md: {}\n    }\n  }\n})\n\nexport type TBannerContainerProps = React.ComponentProps<\n  typeof StyledBannerContainer\n> & {\n  colorScheme: TcolorScheme\n} & React.ComponentProps<typeof Dismissible>\n\nexport const BannerContainer = ({\n  colorScheme,\n  value,\n  onDismiss,\n  ...props\n}: TBannerContainerProps): JSX.Element => {\n  const { emphasis } = useBannerContext()\n\n  return (\n    <ColorScheme {...colorScheme} asChild>\n      <Dismissible asChild value={value} onDismiss={onDismiss}>\n        <StyledBannerContainer role=\"banner\" emphasis={emphasis} {...props} />\n      </Dismissible>\n    </ColorScheme>\n  )\n}\n"],"names":["StyledBannerContainer","styled","Flex","BannerContainer","colorScheme","value","onDismiss","props","emphasis","useBannerContext","React","ColorScheme","Dismissible"],"mappings":"kSASA,MAAMA,EAAwBC,EAAOC,EAAM,CACzC,SAAU,WACV,MAAO,OACP,aAAc,KACd,SAAU,SACV,MAAO,cACP,yBAA0B,qBAC1B,sBAAuB,kBACvB,SAAU,CACR,SAAU,CACR,aAAc,CACZ,WAAY,UACZ,MAAO,mBACP,yBAA0B,0BAC1B,sBAAuB,iBACzB,EACA,YAAa,CACX,WAAY,QACd,EACA,YAAa,CACX,WAAY,QACd,CACF,EACA,KAAM,CACJ,GAAI,CACJ,EAAA,GAAI,CAAA,CACN,CACF,CACF,CAAC,EAQYC,EAAkB,CAAC,CAC9B,YAAAC,EACA,MAAAC,EACA,UAAAC,KACGC,CACL,IAA0C,CACxC,KAAM,CAAE,SAAAC,CAAS,EAAIC,IAErB,OACEC,EAAA,cAACC,EAAA,CAAa,GAAGP,EAAa,QAAO,EAAA,EACnCM,EAAA,cAACE,EAAA,CAAY,QAAO,GAAC,MAAOP,EAAO,UAAWC,CAC5CI,EAAAA,EAAA,cAACV,EAAA,CAAsB,KAAK,SAAS,SAAUQ,EAAW,GAAGD,CAAO,CAAA,CACtE,CACF,CAEJ"}
+{"version":3,"file":"BannerContainer.js","sources":["../../../src/components/banner/BannerContainer.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { ColorScheme, TcolorScheme } from '~/experiments/color-scheme'\nimport { styled } from '~/stitches'\n\nimport { Dismissible } from '../dismissible'\nimport { Flex } from '../flex'\nimport { useBannerContext } from './BannerContext'\n\nconst StyledBannerContainer = styled(Flex, {\n  position: 'relative',\n  width: '100%',\n  borderRadius: '$0',\n  overflow: 'hidden',\n  color: '$foreground',\n  '--banner-heading-color': '$colors$foreground',\n  '--banner-text-color': '$colors$grey900',\n  variants: {\n    emphasis: {\n      bold: {\n        background: '$base11',\n        color: '$foreground7plus',\n        '--banner-heading-color': '$colors$foreground7plus',\n        '--banner-text-color': '$colors$grey100'\n      },\n      subtle: {\n        background: '$base3'\n      },\n      minimal: {\n        background: '$base1'\n      }\n    },\n    size: {\n      sm: {},\n      md: {}\n    }\n  }\n})\n\nexport type TBannerContainerProps = React.ComponentProps<\n  typeof StyledBannerContainer\n> & {\n  colorScheme?: TcolorScheme\n} & React.ComponentProps<typeof Dismissible>\n\nexport const BannerContainer = ({\n  colorScheme = {},\n  value,\n  onDismiss,\n  ...props\n}: TBannerContainerProps): JSX.Element => {\n  const { emphasis } = useBannerContext()\n\n  return (\n    <ColorScheme {...colorScheme} asChild>\n      <Dismissible asChild value={value} onDismiss={onDismiss}>\n        <StyledBannerContainer role=\"banner\" emphasis={emphasis} {...props} />\n      </Dismissible>\n    </ColorScheme>\n  )\n}\n"],"names":["StyledBannerContainer","styled","Flex","BannerContainer","colorScheme","value","onDismiss","props","emphasis","useBannerContext","React","ColorScheme","Dismissible"],"mappings":"kSASA,MAAMA,EAAwBC,EAAOC,EAAM,CACzC,SAAU,WACV,MAAO,OACP,aAAc,KACd,SAAU,SACV,MAAO,cACP,yBAA0B,qBAC1B,sBAAuB,kBACvB,SAAU,CACR,SAAU,CACR,KAAM,CACJ,WAAY,UACZ,MAAO,mBACP,yBAA0B,0BAC1B,sBAAuB,iBACzB,EACA,OAAQ,CACN,WAAY,QACd,EACA,QAAS,CACP,WAAY,QACd,CACF,EACA,KAAM,CACJ,GAAI,GACJ,GAAI,CACN,CAAA,CACF,CACF,CAAC,EAQYC,EAAkB,CAAC,CAC9B,YAAAC,EAAc,CAAA,EACd,MAAAC,EACA,UAAAC,KACGC,CACL,IAA0C,CACxC,KAAM,CAAE,SAAAC,CAAS,EAAIC,EAErB,EAAA,OACEC,EAAA,cAACC,EAAA,CAAa,GAAGP,EAAa,QAAO,EAAA,EACnCM,EAAA,cAACE,EAAA,CAAY,QAAO,GAAC,MAAOP,EAAO,UAAWC,CAC5CI,EAAAA,EAAA,cAACV,EAAA,CAAsB,KAAK,SAAS,SAAUQ,EAAW,GAAGD,CAAO,CAAA,CACtE,CACF,CAEJ"}

package/dist/components/banner/BannerContext.js

@@ -1,2 +1,2 @@
-import*as s from"react";const t=s.createContext({emphasis:"lowContrast",size:{"@initial":"sm","@md":"md"},hasDismiss:!1,setHasDismiss:()=>null}),m=()=>{const e=s.useContext(t);if(e===void 0)throw new Error("useBannerContext must be used within a BannerProvider");return e},u=({emphasis:e="lowContrast",size:i={"@initial":"sm","@md":"md"},children:a})=>{const[n,r]=s.useState(!1),o=s.useMemo(()=>({emphasis:e,size:i,hasDismiss:n,setHasDismiss:r}),[e,i,n,r]);return s.createElement(t.Provider,{value:o},a)};export{t as BannerContext,u as BannerProvider,m as useBannerContext};
+import*as s from"react";const i=s.createContext({emphasis:"minimal",size:{"@initial":"sm","@md":"md"},hasDismiss:!1,setHasDismiss:()=>null}),o=()=>{const e=s.useContext(i);if(e===void 0)throw new Error("useBannerContext must be used within a BannerProvider");return e},u=({emphasis:e="minimal",size:n={"@initial":"sm","@md":"md"},children:a})=>{const[t,r]=s.useState(!1),m=s.useMemo(()=>({emphasis:e,size:n,hasDismiss:t,setHasDismiss:r}),[e,n,t,r]);return s.createElement(i.Provider,{value:m},a)};export{i as BannerContext,u as BannerProvider,o as useBannerContext};
 //# sourceMappingURL=BannerContext.js.map

package/dist/components/banner/BannerContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"BannerContext.js","sources":["../../../src/components/banner/BannerContext.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { TBannerContainerProps } from './BannerContainer'\n\nexport type TBannerProviderProps = Pick<\n  TBannerContainerProps,\n  'size' | 'emphasis'\n>\n\ntype TBannerContextValue = TBannerProviderProps & {\n  hasDismiss: boolean\n  setHasDismiss: React.Dispatch<React.SetStateAction<boolean>>\n}\n\nexport const BannerContext = React.createContext<TBannerContextValue>({\n  emphasis: 'lowContrast',\n  size: {\n    '@initial': 'sm',\n    '@md': 'md'\n  },\n  hasDismiss: false,\n  setHasDismiss: () => null\n})\n\nexport const useBannerContext = (): TBannerContextValue => {\n  const context = React.useContext(BannerContext)\n\n  if (context === undefined) {\n    throw new Error('useBannerContext must be used within a BannerProvider')\n  }\n\n  return context\n}\n\nexport const BannerProvider: React.FC<TBannerProviderProps> = ({\n  emphasis = 'lowContrast',\n  size = {\n    '@initial': 'sm',\n    '@md': 'md'\n  },\n  children\n}) => {\n  const [hasDismiss, setHasDismiss] = React.useState(false)\n  const value = React.useMemo<TBannerContextValue>(\n    () => ({ emphasis, size, hasDismiss, setHasDismiss }),\n    [emphasis, size, hasDismiss, setHasDismiss]\n  )\n  return (\n    <BannerContext.Provider value={value}>{children}</BannerContext.Provider>\n  )\n}\n"],"names":["BannerContext","React","useBannerContext","context","BannerProvider","emphasis","size","children","hasDismiss","setHasDismiss","value"],"mappings":"wBAca,MAAAA,EAAgBC,EAAM,cAAmC,CACpE,SAAU,cACV,KAAM,CACJ,WAAY,KACZ,MAAO,IACT,EACA,WAAY,GACZ,cAAe,IAAM,IACvB,CAAC,EAEYC,EAAmB,IAA2B,CACzD,MAAMC,EAAUF,EAAM,WAAWD,CAAa,EAE9C,GAAIG,IAAY,OACd,MAAM,IAAI,MAAM,uDAAuD,EAGzE,OAAOA,CACT,EAEaC,EAAiD,CAAC,CAC7D,SAAAC,EAAW,cACX,KAAAC,EAAO,CACL,WAAY,KACZ,MAAO,IACT,EACA,SAAAC,CACF,IAAM,CACJ,KAAM,CAACC,EAAYC,CAAa,EAAIR,EAAM,SAAS,EAAK,EAClDS,EAAQT,EAAM,QAClB,KAAO,CAAE,SAAAI,EAAU,KAAAC,EAAM,WAAAE,EAAY,cAAAC,CAAc,GACnD,CAACJ,EAAUC,EAAME,EAAYC,CAAa,CAC5C,EACA,OACER,EAAA,cAACD,EAAc,SAAd,CAAuB,MAAOU,CAAQH,EAAAA,CAAS,CAEpD"}
+{"version":3,"file":"BannerContext.js","sources":["../../../src/components/banner/BannerContext.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { TBannerContainerProps } from './BannerContainer'\n\nexport type TBannerProviderProps = Pick<\n  TBannerContainerProps,\n  'size' | 'emphasis'\n>\n\ntype TBannerContextValue = TBannerProviderProps & {\n  hasDismiss: boolean\n  setHasDismiss: React.Dispatch<React.SetStateAction<boolean>>\n}\n\nexport const BannerContext = React.createContext<TBannerContextValue>({\n  emphasis: 'minimal',\n  size: {\n    '@initial': 'sm',\n    '@md': 'md'\n  },\n  hasDismiss: false,\n  setHasDismiss: () => null\n})\n\nexport const useBannerContext = (): TBannerContextValue => {\n  const context = React.useContext(BannerContext)\n\n  if (context === undefined) {\n    throw new Error('useBannerContext must be used within a BannerProvider')\n  }\n\n  return context\n}\n\nexport const BannerProvider: React.FC<TBannerProviderProps> = ({\n  emphasis = 'minimal',\n  size = {\n    '@initial': 'sm',\n    '@md': 'md'\n  },\n  children\n}) => {\n  const [hasDismiss, setHasDismiss] = React.useState(false)\n  const value = React.useMemo<TBannerContextValue>(\n    () => ({ emphasis, size, hasDismiss, setHasDismiss }),\n    [emphasis, size, hasDismiss, setHasDismiss]\n  )\n  return (\n    <BannerContext.Provider value={value}>{children}</BannerContext.Provider>\n  )\n}\n"],"names":["BannerContext","React","useBannerContext","context","BannerProvider","emphasis","size","children","hasDismiss","setHasDismiss","value"],"mappings":"wBAca,MAAAA,EAAgBC,EAAM,cAAmC,CACpE,SAAU,UACV,KAAM,CACJ,WAAY,KACZ,MAAO,IACT,EACA,WAAY,GACZ,cAAe,IAAM,IACvB,CAAC,EAEYC,EAAmB,IAA2B,CACzD,MAAMC,EAAUF,EAAM,WAAWD,CAAa,EAE9C,GAAIG,IAAY,OACd,MAAM,IAAI,MAAM,uDAAuD,EAGzE,OAAOA,CACT,EAEaC,EAAiD,CAAC,CAC7D,SAAAC,EAAW,UACX,KAAAC,EAAO,CACL,WAAY,KACZ,MAAO,IACT,EACA,SAAAC,CACF,IAAM,CACJ,KAAM,CAACC,EAAYC,CAAa,EAAIR,EAAM,SAAS,EAAK,EAClDS,EAAQT,EAAM,QAClB,KAAO,CAAE,SAAAI,EAAU,KAAAC,EAAM,WAAAE,EAAY,cAAAC,CAAc,GACnD,CAACJ,EAAUC,EAAME,EAAYC,CAAa,CAC5C,EACA,OACER,EAAA,cAACD,EAAc,SAAd,CAAuB,MAAOU,CAAQH,EAAAA,CAAS,CAEpD"}

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

@@ -1,2 +1,2 @@
-import*as t from"react";import{overrideStitchesVariantValue as i}from"../../../utilities/override-stitches-variant-value/overrideStitchesVariantValue.js";import{Button as s}from"../../button/Button.js";import{useBannerContext as u}from"../BannerContext.js";const r=n=>{const{emphasis:o,size:e}=u(),a=t.useMemo(()=>i(e,m=>m==="sm"),[e]);return t.createElement(s,{size:e,fullWidth:a,theme:o==="highContrast"?"neutral":"primary",...n})};r.displayName="BannerRegularButton";export{r as BannerRegularButton};
+import*as t from"react";import{overrideStitchesVariantValue as i}from"../../../utilities/override-stitches-variant-value/overrideStitchesVariantValue.js";import{Button as s}from"../../button/Button.js";import{useBannerContext as u}from"../BannerContext.js";const r=o=>{const{emphasis:n,size:e}=u(),a=t.useMemo(()=>i(e,m=>m==="sm"),[e]);return t.createElement(s,{size:e,fullWidth:a,theme:n==="bold"?"neutral":"primary",...o})};r.displayName="BannerRegularButton";export{r as BannerRegularButton};
 //# sourceMappingURL=BannerRegularButton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BannerRegularButton.js","sources":["../../../../src/components/banner/banner-regular/BannerRegularButton.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { overrideStitchesVariantValue } from '~/utilities/override-stitches-variant-value/overrideStitchesVariantValue'\n\nimport { Button } from '../../button'\nimport { useBannerContext } from '../BannerContext'\n\nexport const BannerRegularButton: React.FC<\n  React.ComponentProps<typeof Button>\n> = (props) => {\n  const { emphasis, size } = useBannerContext()\n\n  const fullWidth = React.useMemo(\n    () => overrideStitchesVariantValue(size, (s) => s === 'sm'),\n    [size]\n  )\n\n  return (\n    <Button\n      size={size}\n      fullWidth={fullWidth}\n      theme={emphasis === 'highContrast' ? 'neutral' : 'primary'}\n      {...props}\n    />\n  )\n}\n\nBannerRegularButton.displayName = 'BannerRegularButton'\n"],"names":["BannerRegularButton","props","emphasis","size","useBannerContext","fullWidth","React","overrideStitchesVariantValue","s","Button"],"mappings":"iQAOa,MAAAA,EAERC,GAAU,CACb,KAAM,CAAE,SAAAC,EAAU,KAAAC,CAAK,EAAIC,EAAAA,EAErBC,EAAYC,EAAM,QACtB,IAAMC,EAA6BJ,EAAOK,GAAMA,IAAM,IAAI,EAC1D,CAACL,CAAI,CACP,EAEA,OACEG,EAAA,cAACG,EAAA,CACC,KAAMN,EACN,UAAWE,EACX,MAAOH,IAAa,eAAiB,UAAY,UAChD,GAAGD,CACN,CAAA,CAEJ,EAEAD,EAAoB,YAAc"}
+{"version":3,"file":"BannerRegularButton.js","sources":["../../../../src/components/banner/banner-regular/BannerRegularButton.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { overrideStitchesVariantValue } from '~/utilities/override-stitches-variant-value/overrideStitchesVariantValue'\n\nimport { Button } from '../../button'\nimport { useBannerContext } from '../BannerContext'\n\nexport const BannerRegularButton: React.FC<\n  React.ComponentProps<typeof Button>\n> = (props) => {\n  const { emphasis, size } = useBannerContext()\n\n  const fullWidth = React.useMemo(\n    () => overrideStitchesVariantValue(size, (s) => s === 'sm'),\n    [size]\n  )\n\n  return (\n    <Button\n      size={size}\n      fullWidth={fullWidth}\n      theme={emphasis === 'bold' ? 'neutral' : 'primary'}\n      {...props}\n    />\n  )\n}\n\nBannerRegularButton.displayName = 'BannerRegularButton'\n"],"names":["BannerRegularButton","props","emphasis","size","useBannerContext","fullWidth","React","overrideStitchesVariantValue","s","Button"],"mappings":"iQAOa,MAAAA,EAERC,GAAU,CACb,KAAM,CAAE,SAAAC,EAAU,KAAAC,CAAK,EAAIC,EAAAA,EAErBC,EAAYC,EAAM,QACtB,IAAMC,EAA6BJ,EAAOK,GAAMA,IAAM,IAAI,EAC1D,CAACL,CAAI,CACP,EAEA,OACEG,EAAA,cAACG,EAAA,CACC,KAAMN,EACN,UAAWE,EACX,MAAOH,IAAa,OAAS,UAAY,UACxC,GAAGD,CACN,CAAA,CAEJ,EAEAD,EAAoB,YAAc"}

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

@@ -1,2 +1,5 @@
-/// <reference types="react" />
-export declare const BannerRegularContainer: ({ colorScheme, value, onDismiss, ...props }: import("../BannerContainer").TBannerContainerProps) => JSX.Element;
+import * as React from 'react';
+import { BannerContainer } from '../BannerContainer';
+declare type TBannerRegularContainerProps = Omit<React.ComponentProps<typeof BannerContainer>, 'direction' | 'align' | 'wrap' | 'gap' | 'justify'>;
+export declare const BannerRegularContainer: (props: TBannerRegularContainerProps) => JSX.Element;
+export {};

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

@@ -1,2 +1,2 @@
-import{BannerContainer as n}from"../BannerContainer.js";const r=n;export{r as BannerRegularContainer};
+import*as r from"react";import{BannerContainer as n}from"../BannerContainer.js";const o=e=>r.createElement(n,{...e});export{o as BannerRegularContainer};
 //# sourceMappingURL=BannerRegularContainer.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BannerRegularContainer.js","sources":["../../../../src/components/banner/banner-regular/BannerRegularContainer.tsx"],"sourcesContent":["import { BannerContainer } from '../BannerContainer'\n\nexport const BannerRegularContainer = BannerContainer\n"],"names":["BannerRegularContainer","BannerContainer"],"mappings":"wDAEO,MAAMA,EAAyBC"}
+{"version":3,"file":"BannerRegularContainer.js","sources":["../../../../src/components/banner/banner-regular/BannerRegularContainer.tsx"],"sourcesContent":["import * as React from 'react'\nimport { BannerContainer } from '../BannerContainer'\n\ntype TBannerRegularContainerProps = Omit<\n  React.ComponentProps<typeof BannerContainer>,\n  'direction' | 'align' | 'wrap' | 'gap' | 'justify'\n>\n\nexport const BannerRegularContainer = (props: TBannerRegularContainerProps) => <BannerContainer {...props} />\n"],"names":["BannerRegularContainer","props","React","BannerContainer"],"mappings":"gFAQO,MAAMA,EAA0BC,GAAwCC,EAAA,cAACC,EAAA,CAAiB,GAAGF,CAAO,CAAA"}