@atom-learning/components 2.69.0 → 2.70.0

package/CHANGELOG.md

@@ -1,10 +1,16 @@
-# [2.69.0](https://github.com/Atom-Learning/components/compare/v2.68.0...v2.69.0) (2023-09-22)
+# [2.70.0](https://github.com/Atom-Learning/components/compare/v2.69.1...v2.70.0) (2023-09-27)
+
+
+### Bug Fixes
+
+* couple more style tweaks to match design ([df90719](https://github.com/Atom-Learning/components/commit/df90719805457f6af9ba5a5560ad6892d7861eb6))
+* type error ([bfad06a](https://github.com/Atom-Learning/components/commit/bfad06a209be544109840bdb88cf11daa1ec31cb))
 
 
 ### Features
 
-* added spacer component ([1e3542b](https://github.com/Atom-Learning/components/commit/1e3542bfee0ba30784ed6f6d8d2d2ad29c7c4b11))
-* update Toast to allow for custom UI ([b6e3ebf](https://github.com/Atom-Learning/components/commit/b6e3ebf69271516c96e6156bb46a5d7238c5928a))
+* add Slim Variant for banner ([f7b9ec7](https://github.com/Atom-Learning/components/commit/f7b9ec7cc6d7f7fbcfa1caeaacb8ffd4bb5fc26f))
+* banner tweaks and fixes to match design better ([03b1614](https://github.com/Atom-Learning/components/commit/03b1614bff36bddd55daee56062cf0cf7bd284ef))
 
 # [1.4.0](https://github.com/Atom-Learning/components/compare/v1.3.0...v1.4.0) (2022-04-11)
 

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

@@ -1,14 +1,6 @@
 import * as React from 'react';
-import { TcolorScheme } from '../../experiments/color-scheme';
 import { Dismissible } from '../dismissible';
-import { TBannerContainerProps } from './BannerContainer';
-declare type TDismissibleProps = React.ComponentProps<typeof Dismissible>;
-interface IBannerProps extends TBannerContainerProps {
-    colorScheme: TcolorScheme;
-    value?: TDismissibleProps['value'];
-    onDismiss?: TDismissibleProps['onDismiss'];
-}
-export declare const Banner: React.FC<IBannerProps> & {
+import { BannerProvider } from './BannerContext';
+export declare const Banner: React.FC<React.ComponentProps<typeof BannerProvider>> & {
     Dismiss: typeof Dismissible.Trigger;
 };
-export {};

package/dist/components/banner/Banner.js

@@ -1,2 +1,2 @@
-import*as e from"react";import{ColorScheme as l}from"../../experiments/color-scheme/ColorScheme.js";import{Dismissible as s}from"../dismissible/index.js";import{BannerContainer as p}from"./BannerContainer.js";import{BannerProvider as c}from"./BannerContext.js";const r=({children:m,size:a={"@initial":"sm","@md":"md"},colorScheme:n,emphasis:i="lowContrast",value:o="dismiss-banner-regular",onDismiss:t})=>e.createElement(l,{...n,asChild:!0},e.createElement(s,{asChild:!0,value:o,onDismiss:t},e.createElement(p,{role:"banner",emphasis:i},e.createElement(c,{emphasis:i,size:a},m))));r.Dismiss=s.Trigger,r.displayName="Banner";export{r as Banner};
+import*as m from"react";import{Dismissible as a}from"../dismissible/index.js";import{BannerProvider as n}from"./BannerContext.js";const e=({children:i,size:r,emphasis:s})=>m.createElement(n,{emphasis:s,size:r},i);e.Dismiss=a.Trigger,e.displayName="Banner";export{e as Banner};
 //# sourceMappingURL=Banner.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Banner.js","sources":["../../../src/components/banner/Banner.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { ColorScheme, TcolorScheme } from '~/experiments/color-scheme'\n\nimport { Dismissible } from '../dismissible'\nimport { BannerContainer, TBannerContainerProps } from './BannerContainer'\nimport { BannerProvider } from './BannerContext'\n\ntype TDismissibleProps = React.ComponentProps<typeof Dismissible>\n\ninterface IBannerProps extends TBannerContainerProps {\n  colorScheme: TcolorScheme\n  value?: TDismissibleProps['value']\n  onDismiss?: TDismissibleProps['onDismiss']\n}\n\nexport const Banner: React.FC<IBannerProps> & {\n  Dismiss: typeof Dismissible.Trigger\n} = ({\n  children,\n  size = {\n    '@initial': 'sm',\n    '@md': 'md'\n  },\n  colorScheme,\n  emphasis = 'lowContrast',\n  value = 'dismiss-banner-regular',\n  onDismiss\n}) => {\n  return (\n    <ColorScheme {...colorScheme} asChild>\n      <Dismissible asChild value={value} onDismiss={onDismiss}>\n        <BannerContainer role=\"banner\" emphasis={emphasis}>\n          <BannerProvider emphasis={emphasis} size={size}>\n            {children}\n          </BannerProvider>\n        </BannerContainer>\n      </Dismissible>\n    </ColorScheme>\n  )\n}\n\nBanner.Dismiss = Dismissible.Trigger\nBanner.displayName = 'Banner'\n"],"names":["Banner","children","size","colorScheme","emphasis","value","onDismiss","React","ColorScheme","Dismissible","BannerContainer","BannerProvider"],"mappings":"qQAgBa,MAAAA,EAET,CAAC,CACH,SAAAC,EACA,KAAAC,EAAO,CACL,WAAY,KACZ,MAAO,IACT,EACA,YAAAC,EACA,SAAAC,EAAW,cACX,MAAAC,EAAQ,yBACR,UAAAC,CACF,IAEIC,EAAA,cAACC,EAAA,CAAa,GAAGL,EAAa,QAAO,EAAA,EACnCI,EAAA,cAACE,EAAA,CAAY,QAAO,GAAC,MAAOJ,EAAO,UAAWC,GAC5CC,EAAA,cAACG,EAAA,CAAgB,KAAK,SAAS,SAAUN,GACvCG,EAAA,cAACI,EAAA,CAAe,SAAUP,EAAU,KAAMF,CAAAA,EACvCD,CACH,CACF,CACF,CACF,EAIJD,EAAO,QAAUS,EAAY,QAC7BT,EAAO,YAAc"}
+{"version":3,"file":"Banner.js","sources":["../../../src/components/banner/Banner.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Dismissible } from '../dismissible'\nimport { BannerProvider } from './BannerContext'\n\nexport const Banner: React.FC<React.ComponentProps<typeof BannerProvider>> & {\n  Dismiss: typeof Dismissible.Trigger\n} = ({ children, size, emphasis }) => {\n  return (\n    <BannerProvider emphasis={emphasis} size={size}>\n      {children}\n    </BannerProvider>\n  )\n}\n\nBanner.Dismiss = Dismissible.Trigger\nBanner.displayName = 'Banner'\n"],"names":["Banner","children","size","emphasis","React","BannerProvider","Dismissible"],"mappings":"wIAKaA,EAET,CAAC,CAAE,SAAAC,EAAU,KAAAC,EAAM,SAAAC,CAAS,IAE5BC,EAAA,cAACC,EAAA,CAAe,SAAUF,EAAU,KAAMD,CACvCD,EAAAA,CACH,EAIJD,EAAO,QAAUM,EAAY,QAC7BN,EAAO,YAAc"}

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

@@ -1,5 +1,7 @@
-/// <reference types="react" />
-export declare const BannerContainer: import("@stitches/react/types/styled-component").StyledComponent<import("@stitches/react/types/styled-component").StyledComponent<"div", {
+import * as React from 'react';
+import { TcolorScheme } from '../../experiments/color-scheme';
+import { Dismissible } from '../dismissible';
+declare const StyledBannerContainer: import("@stitches/react/types/styled-component").StyledComponent<import("@stitches/react/types/styled-component").StyledComponent<"div", {
     direction?: "inherit" | "initial" | "revert" | "unset" | "row" | "column" | "column-reverse" | "row-reverse" | "revert-layer" | undefined;
     wrap?: "inherit" | "initial" | "revert" | "unset" | "nowrap" | "wrap" | "wrap-reverse" | "revert-layer" | undefined;
     justify?: "center" | "left" | "right" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "space-around" | "space-between" | "space-evenly" | "end" | "flex-end" | "flex-start" | "start" | "normal" | "revert-layer" | "unsafe" | "safe" | undefined;
@@ -645,4 +647,8 @@ export declare const BannerContainer: import("@stitches/react/types/styled-compo
         marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
     };
 }>>;
-export declare type TBannerContainerProps = React.ComponentProps<typeof BannerContainer>;
+export declare type TBannerContainerProps = React.ComponentProps<typeof StyledBannerContainer> & {
+    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{styled as o}from"../../stitches.js";import{Flex as r}from"../flex/Flex.js";const e=o(r,{position:"relative",width:"100%",borderRadius:"$0",overflow:"hidden",color:"$foreground",variants:{emphasis:{highContrast:{background:"$base11",color:"$foreground7plus"},midContrast:{background:"$base3"},lowContrast:{background:"$base1"}},size:{sm:{},md:{}}}});export{e as BannerContainer};
+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};
 //# 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 { styled } from '~/stitches'\n\nimport { Flex } from '../flex'\n\nexport const BannerContainer = styled(Flex, {\n  position: 'relative',\n  width: '100%',\n  borderRadius: '$0',\n  overflow: 'hidden',\n  color: '$foreground',\n  variants: {\n    emphasis: {\n      highContrast: {\n        background: '$base11',\n        color: '$foreground7plus'\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<typeof BannerContainer>\n"],"names":["BannerContainer","styled","Flex"],"mappings":"kFAIO,MAAMA,EAAkBC,EAAOC,EAAM,CAC1C,SAAU,WACV,MAAO,OACP,aAAc,KACd,SAAU,SACV,MAAO,cACP,SAAU,CACR,SAAU,CACR,aAAc,CACZ,WAAY,UACZ,MAAO,kBACT,EACA,YAAa,CACX,WAAY,QACd,EACA,YAAa,CACX,WAAY,QACd,CACF,EACA,KAAM,CACJ,GAAI,CAAA,EACJ,GAAI,CACN,CAAA,CACF,CACF,CAAC"}
+{"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"}

package/dist/components/banner/BannerContext.js

@@ -1,2 +1,2 @@
-import*as s from"react";const r=s.createContext({hasDismiss:!1,setHasDismiss:()=>null}),m=()=>{const e=s.useContext(r);if(e===void 0)throw new Error("useBannerContext must be used within a BannerProvider");return e},u=({emphasis:e,size:t,children:a})=>{const[n,i]=s.useState(!1),o=s.useMemo(()=>({emphasis:e,size:t,hasDismiss:n,setHasDismiss:i}),[e,t,n,i]);return s.createElement(r.Provider,{value:o},a)};export{r as BannerContext,u as BannerProvider,m as useBannerContext};
+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};
 //# 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  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,\n  size,\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":"wBAcO,MAAMA,EAAgBC,EAAM,cAAmC,CACpE,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,EACA,KAAAC,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,CAAAA,EAAQH,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: '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"}

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

@@ -1,13 +1,13 @@
 import * as React from 'react';
-import { Banner } from '../Banner';
 import { BannerRegularActions } from './BannerRegularActions';
 import { BannerRegularButton } from './BannerRegularButton';
+import { BannerRegularContainer } from './BannerRegularContainer';
 import { BannerRegularContent } from './BannerRegularContent';
 import { BannerRegularDismiss } from './BannerRegularDismiss';
 import { BannerRegularHeading } from './BannerRegularHeading';
 import { BannerRegularImage } from './BannerRegularImage';
 import { BannerRegularText } from './BannerRegularText';
-export declare const BannerRegular: React.FC<React.ComponentProps<typeof Banner>> & {
+export declare const BannerRegular: React.FC<React.ComponentProps<typeof BannerRegularContainer>> & {
     Content: typeof BannerRegularContent;
     Heading: typeof BannerRegularHeading;
     Text: typeof BannerRegularText;

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

@@ -1,2 +1,2 @@
-import*as n from"react";import{Banner as a}from"../Banner.js";import{BannerRegularActions as o}from"./BannerRegularActions.js";import{BannerRegularButton as t}from"./BannerRegularButton.js";import{BannerRegularContent as m}from"./BannerRegularContent.js";import{BannerRegularDismiss as i}from"./BannerRegularDismiss.js";import{BannerRegularHeading as g}from"./BannerRegularHeading.js";import{BannerRegularImage as B}from"./BannerRegularImage.js";import{BannerRegularText as l}from"./BannerRegularText.js";const r=e=>n.createElement(a,{...e});r.Content=m,r.Heading=g,r.Text=l,r.Actions=o,r.Image=B,r.Button=t,r.Dismiss=i,r.displayName="BannerRegular";export{r as BannerRegular};
+import*as r from"react";import{Banner as s}from"../Banner.js";import{BannerRegularActions as l}from"./BannerRegularActions.js";import{BannerRegularButton as g}from"./BannerRegularButton.js";import{BannerRegularContainer as p}from"./BannerRegularContainer.js";import{BannerRegularContent as u}from"./BannerRegularContent.js";import{BannerRegularDismiss as B}from"./BannerRegularDismiss.js";import{BannerRegularHeading as f}from"./BannerRegularHeading.js";import{BannerRegularImage as R}from"./BannerRegularImage.js";import{BannerRegularText as c}from"./BannerRegularText.js";const e=({colorScheme:n,size:a,emphasis:o,value:m,onDismiss:t,...i})=>r.createElement(s,{size:a,emphasis:o},r.createElement(p,{colorScheme:n,value:m,onDismiss:t,...i}));e.Content=u,e.Heading=f,e.Text=c,e.Actions=l,e.Image=R,e.Button=g,e.Dismiss=B,e.displayName="BannerRegular";export{e as BannerRegular};
 //# sourceMappingURL=BannerRegular.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BannerRegular.js","sources":["../../../../src/components/banner/banner-regular/BannerRegular.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Banner } from '../Banner'\nimport { BannerRegularActions } from './BannerRegularActions'\nimport { BannerRegularButton } from './BannerRegularButton'\nimport { BannerRegularContent } from './BannerRegularContent'\nimport { BannerRegularDismiss } from './BannerRegularDismiss'\nimport { BannerRegularHeading } from './BannerRegularHeading'\nimport { BannerRegularImage } from './BannerRegularImage'\nimport { BannerRegularText } from './BannerRegularText'\n\nexport const BannerRegular: React.FC<React.ComponentProps<typeof Banner>> & {\n  Content: typeof BannerRegularContent\n  Heading: typeof BannerRegularHeading\n  Text: typeof BannerRegularText\n  Actions: typeof BannerRegularActions\n  Image: typeof BannerRegularImage\n  Button: typeof BannerRegularButton\n  Dismiss: typeof BannerRegularDismiss\n} = (props) => {\n  return <Banner {...props} />\n}\n\nBannerRegular.Content = BannerRegularContent\nBannerRegular.Heading = BannerRegularHeading\nBannerRegular.Text = BannerRegularText\nBannerRegular.Actions = BannerRegularActions\nBannerRegular.Image = BannerRegularImage\nBannerRegular.Button = BannerRegularButton\nBannerRegular.Dismiss = BannerRegularDismiss\n\nBannerRegular.displayName = 'BannerRegular'\n"],"names":["BannerRegular","props","React","Banner","BannerRegularContent","BannerRegularHeading","BannerRegularText","BannerRegularActions","BannerRegularImage","BannerRegularButton","BannerRegularDismiss"],"mappings":"yfAWO,MAAMA,EAQRC,GACIC,EAAA,cAACC,EAAA,CAAQ,GAAGF,CAAAA,CAAO,EAG5BD,EAAc,QAAUI,EACxBJ,EAAc,QAAUK,EACxBL,EAAc,KAAOM,EACrBN,EAAc,QAAUO,EACxBP,EAAc,MAAQQ,EACtBR,EAAc,OAASS,EACvBT,EAAc,QAAUU,EAExBV,EAAc,YAAc"}
+{"version":3,"file":"BannerRegular.js","sources":["../../../../src/components/banner/banner-regular/BannerRegular.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Banner } from '../Banner'\nimport { BannerRegularActions } from './BannerRegularActions'\nimport { BannerRegularButton } from './BannerRegularButton'\nimport { BannerRegularContainer } from './BannerRegularContainer'\nimport { BannerRegularContent } from './BannerRegularContent'\nimport { BannerRegularDismiss } from './BannerRegularDismiss'\nimport { BannerRegularHeading } from './BannerRegularHeading'\nimport { BannerRegularImage } from './BannerRegularImage'\nimport { BannerRegularText } from './BannerRegularText'\n\nexport const BannerRegular: React.FC<\n  React.ComponentProps<typeof BannerRegularContainer>\n> & {\n  Content: typeof BannerRegularContent\n  Heading: typeof BannerRegularHeading\n  Text: typeof BannerRegularText\n  Actions: typeof BannerRegularActions\n  Image: typeof BannerRegularImage\n  Button: typeof BannerRegularButton\n  Dismiss: typeof BannerRegularDismiss\n} = ({ colorScheme, size, emphasis, value, onDismiss, ...rest }) => {\n  return (\n    <Banner size={size} emphasis={emphasis}>\n      <BannerRegularContainer\n        colorScheme={colorScheme}\n        value={value}\n        onDismiss={onDismiss}\n        {...rest}\n      />\n    </Banner>\n  )\n}\n\nBannerRegular.Content = BannerRegularContent\nBannerRegular.Heading = BannerRegularHeading\nBannerRegular.Text = BannerRegularText\nBannerRegular.Actions = BannerRegularActions\nBannerRegular.Image = BannerRegularImage\nBannerRegular.Button = BannerRegularButton\nBannerRegular.Dismiss = BannerRegularDismiss\n\nBannerRegular.displayName = 'BannerRegular'\n"],"names":["BannerRegular","colorScheme","size","emphasis","value","onDismiss","rest","React","Banner","BannerRegularContainer","BannerRegularContent","BannerRegularHeading","BannerRegularText","BannerRegularActions","BannerRegularImage","BannerRegularButton","BannerRegularDismiss"],"mappings":"8jBAYO,MAAMA,EAUT,CAAC,CAAE,YAAAC,EAAa,KAAAC,EAAM,SAAAC,EAAU,MAAAC,EAAO,UAAAC,KAAcC,CAAK,IAE1DC,EAAA,cAACC,EAAA,CAAO,KAAMN,EAAM,SAAUC,GAC5BI,EAAA,cAACE,EAAA,CACC,YAAaR,EACb,MAAOG,EACP,UAAWC,EACV,GAAGC,CAAAA,CACN,CACF,EAIJN,EAAc,QAAUU,EACxBV,EAAc,QAAUW,EACxBX,EAAc,KAAOY,EACrBZ,EAAc,QAAUa,EACxBb,EAAc,MAAQc,EACtBd,EAAc,OAASe,EACvBf,EAAc,QAAUgB,EAExBhB,EAAc,YAAc"}

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

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const BannerRegularContainer: ({ colorScheme, value, onDismiss, ...props }: import("../BannerContainer").TBannerContainerProps) => JSX.Element;

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

@@ -0,0 +1,2 @@
+import{BannerContainer as n}from"../BannerContainer.js";const r=n;export{r as BannerRegularContainer};
+//# sourceMappingURL=BannerRegularContainer.js.map

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

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

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

@@ -1,2 +1,2 @@
-import{Close as n}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 u}from"../../icon/Icon.js";import{Banner as d}from"../Banner.js";import{useBannerContext as f}from"../BannerContext.js";const h={sm:"md",md:"sm"},D=l(c,{position:"absolute",top:"$3",right:"$3"}),t=({label:r="dismiss",...i})=>{const{size:o,setHasDismiss:s}=f();e.useEffect(()=>(s(!0),()=>{s(!1)}),[s]);const m=e.useMemo(()=>p(o,a=>h[a]),[o]);return e.createElement(d.Dismiss,{asChild:!0},e.createElement(D,{label:r,size:m,hasTooltip:!1,isRounded:!0,theme:"neutral",appearance:"solid",...i},e.createElement(u,{is:n})))};t.displayName="BannerRegularDismiss";export{t as BannerRegularDismiss};
+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"}),t=({label:r="dismiss",...i})=>{const{size:o,setHasDismiss:s}=f();e.useEffect(()=>(s(!0),()=>{s(!1)}),[s]);const m=e.useMemo(()=>p(o,n=>h[n]),[o]);return e.createElement(u.Dismiss,{asChild:!0},e.createElement(D,{label:r,size:m,hasTooltip:!1,isRounded:!0,theme:"neutral",appearance:"solid",...i},e.createElement(d,{is:a})))};t.displayName="BannerRegularDismiss";export{t 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  position: 'absolute',\n  top: '$3',\n  right: '$3'\n})\n\nexport const BannerRegularDismiss: React.FC<\n  React.ComponentProps<typeof ActionIcon>\n> = ({ label = 'dismiss', ...rest }) => {\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,SAAU,WACV,IAAK,KACL,MAAO,IACT,CAAC,EAEYC,EAET,CAAC,CAAE,MAAAC,EAAQ,aAAcC,CAAK,IAAM,CACtC,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,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 '~/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\nexport const BannerRegularDismiss: React.FC<\n  React.ComponentProps<typeof ActionIcon>\n> = ({ label = 'dismiss', ...rest }) => {\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,EAEYC,EAET,CAAC,CAAE,MAAAC,EAAQ,aAAcC,CAAK,IAAM,CACtC,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.js

@@ -1,2 +1,2 @@
-import*as r from"react";import{styled as a}from"../../../stitches.js";import{Heading as m}from"../../heading/Heading.js";import{useBannerContext as t}from"../BannerContext.js";const o=a(m,{mb:"$4",variants:{containerSize:{sm:{},md:{}},hasDismiss:{true:{}}},compoundVariants:[{containerSize:"sm",hasDismiss:!0,css:{mr:"$6"}}]}),s=e=>{const{size:i,hasDismiss:n}=t();return r.createElement(o,{size:"sm",containerSize:i,hasDismiss:n,...e})};s.displayName="BannerRegularHeading";export{s as BannerRegularHeading};
+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

@@ -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  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: React.FC<\n  React.ComponentProps<typeof Heading>\n> = (props) => {\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,SAAU,CACR,cAAe,CACb,GAAI,GACJ,GAAI,CAAA,CACN,EACA,WAAY,CACV,KAAM,CACR,CAAA,CACF,EACA,iBAAkB,CAChB,CACE,cAAe,KACf,WAAY,GACZ,IAAK,CACH,GAAI,IACN,CACF,CACF,CACF,CAAC,EAEYC,EAERC,GAAU,CACb,KAAM,CAAE,KAAAC,EAAM,WAAAC,CAAW,EAAIC,EAE7B,EAAA,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 '~/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: React.FC<\n  React.ComponentProps<typeof Heading>\n> = (props) => {\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,EAERC,GAAU,CACb,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/BannerRegularText.js

@@ -1,2 +1,2 @@
-import*as a from"react";import{styled as o}from"../../../stitches.js";import{Text as m}from"../../text/Text.js";import{useBannerContext as n}from"../BannerContext.js";const c=o(m,{color:"$grey900",variants:{containerSize:{sm:{mb:"$4"},md:{mb:"$24"}},emphasis:{highContrast:{color:"$grey100"},midContrast:{},lowContrast:{}},hasDismiss:{true:{}}},compoundVariants:[{containerSize:"sm",hasDismiss:!0,css:{mr:"$6"}}]}),e=r=>{const{emphasis:t,size:s,hasDismiss:i}=n();return a.createElement(c,{size:s,containerSize:s,emphasis:t,hasDismiss:i,...r})};e.displayName="BannerRegularText";export{e as BannerRegularText};
+import*as a from"react";import{styled as m}from"../../../stitches.js";import{Text as n}from"../../text/Text.js";import{useBannerContext as o}from"../BannerContext.js";const c=m(n,{color:"var(--banner-text-color)",variants:{containerSize:{sm:{mb:"$4"},md:{mb:"$24"}},hasDismiss:{true:{}}},compoundVariants:[{containerSize:"sm",hasDismiss:!0,css:{mr:"$6"}}]}),e=r=>{const{emphasis:t,size:s,hasDismiss:i}=o();return a.createElement(c,{size:s,containerSize:s,emphasis:t,hasDismiss:i,...r})};e.displayName="BannerRegularText";export{e 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: '$grey900',\n  variants: {\n    containerSize: {\n      sm: {\n        mb: '$4'\n      },\n      md: {\n        mb: '$24'\n      }\n    },\n    emphasis: {\n      highContrast: {\n        color: '$grey100'\n      },\n      midContrast: {},\n      lowContrast: {}\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: React.FC<React.ComponentProps<typeof Text>> = (\n  props\n) => {\n  const { emphasis, size, hasDismiss } = useBannerContext()\n\n  return (\n    <StyledText\n      size={size}\n      containerSize={size}\n      emphasis={emphasis}\n      hasDismiss={hasDismiss}\n      {...props}\n    />\n  )\n}\n\nBannerRegularText.displayName = 'BannerRegularText'\n"],"names":["StyledText","styled","Text","BannerRegularText","props","emphasis","size","hasDismiss","useBannerContext","React"],"mappings":"uKAOA,MAAMA,EAAaC,EAAOC,EAAM,CAC9B,MAAO,WACP,SAAU,CACR,cAAe,CACb,GAAI,CACF,GAAI,IACN,EACA,GAAI,CACF,GAAI,KACN,CACF,EACA,SAAU,CACR,aAAc,CACZ,MAAO,UACT,EACA,YAAa,CAAA,EACb,YAAa,CACf,CAAA,EACA,WAAY,CACV,KAAM,EACR,CACF,EACA,iBAAkB,CAChB,CACE,cAAe,KACf,WAAY,GACZ,IAAK,CACH,GAAI,IACN,CACF,CACF,CACF,CAAC,EAEYC,EACXC,GACG,CACH,KAAM,CAAE,SAAAC,EAAU,KAAAC,EAAM,WAAAC,CAAW,EAAIC,EAAAA,EAEvC,OACEC,EAAA,cAACT,EAAA,CACC,KAAMM,EACN,cAAeA,EACf,SAAUD,EACV,WAAYE,EACX,GAAGH,CACN,CAAA,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 '~/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: React.FC<React.ComponentProps<typeof Text>> = (\n  props\n) => {\n  const { emphasis, size, hasDismiss } = useBannerContext()\n\n  return (\n    <StyledText\n      size={size}\n      containerSize={size}\n      emphasis={emphasis}\n      hasDismiss={hasDismiss}\n      {...props}\n    />\n  )\n}\n\nBannerRegularText.displayName = 'BannerRegularText'\n"],"names":["StyledText","styled","Text","BannerRegularText","props","emphasis","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,CAAA,CACR,CACF,EACA,iBAAkB,CAChB,CACE,cAAe,KACf,WAAY,GACZ,IAAK,CACH,GAAI,IACN,CACF,CACF,CACF,CAAC,EAEYC,EACXC,GACG,CACH,KAAM,CAAE,SAAAC,EAAU,KAAAC,EAAM,WAAAC,CAAW,EAAIC,IAEvC,OACEC,EAAA,cAACT,EAAA,CACC,KAAMM,EACN,cAAeA,EACf,SAAUD,EACV,WAAYE,EACX,GAAGH,EACN,CAEJ,EAEAD,EAAkB,YAAc"}

package/dist/components/banner/banner-slim/BannerSlim.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import { Banner } from '../Banner';
+import { BannerContainer } from '../BannerContainer';
+import { BannerSlimActions } from './BannerSlimActions';
+import { BannerSlimButton } from './BannerSlimButton';
+import { BannerSlimContent } from './BannerSlimContent';
+import { BannerSlimDismiss } from './BannerSlimDismiss';
+import { BannerSlimImage } from './BannerSlimImage';
+import { BannerSlimText } from './BannerSlimText';
+export declare const BannerSlim: React.FC<React.ComponentProps<typeof Banner> & React.ComponentProps<typeof BannerContainer>> & {
+    Content: typeof BannerSlimContent;
+    Text: typeof BannerSlimText;
+    Image: typeof BannerSlimImage;
+    Button: typeof BannerSlimButton;
+    Dismiss: typeof BannerSlimDismiss;
+    Actions: typeof BannerSlimActions;
+};

package/dist/components/banner/banner-slim/BannerSlim.js

@@ -0,0 +1,2 @@
+import*as e from"react";import{Banner as a}from"../Banner.js";import{BannerSlimActions as l}from"./BannerSlimActions.js";import{BannerSlimButton as p}from"./BannerSlimButton.js";import{BannerSlimContainer as B}from"./BannerSlimContainer.js";import{BannerSlimContent as S}from"./BannerSlimContent.js";import{BannerSlimDismiss as c}from"./BannerSlimDismiss.js";import{BannerSlimImage as f}from"./BannerSlimImage.js";import{BannerSlimText as h}from"./BannerSlimText.js";const m=({colorScheme:n,size:i,emphasis:r,value:o,onDismiss:t,...s})=>e.createElement(a,{size:i,emphasis:r},e.createElement(B,{colorScheme:n,value:o,onDismiss:t,...s}));m.Content=S,m.Text=h,m.Image=f,m.Button=p,m.Dismiss=c,m.Actions=l,m.displayName="BannerSlim";export{m as BannerSlim};
+//# sourceMappingURL=BannerSlim.js.map

package/dist/components/banner/banner-slim/BannerSlim.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BannerSlim.js","sources":["../../../../src/components/banner/banner-slim/BannerSlim.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Banner } from '../Banner'\nimport { BannerContainer } from '../BannerContainer'\nimport { BannerSlimActions } from './BannerSlimActions'\nimport { BannerSlimButton } from './BannerSlimButton'\nimport { BannerSlimContainer } from './BannerSlimContainer'\nimport { BannerSlimContent } from './BannerSlimContent'\nimport { BannerSlimDismiss } from './BannerSlimDismiss'\nimport { BannerSlimImage } from './BannerSlimImage'\nimport { BannerSlimText } from './BannerSlimText'\n\nexport const BannerSlim: React.FC<\n  React.ComponentProps<typeof Banner> &\n    React.ComponentProps<typeof BannerContainer>\n> & {\n  Content: typeof BannerSlimContent\n  Text: typeof BannerSlimText\n  Image: typeof BannerSlimImage\n  Button: typeof BannerSlimButton\n  Dismiss: typeof BannerSlimDismiss\n  Actions: typeof BannerSlimActions\n} = ({ colorScheme, size, emphasis, value, onDismiss, ...rest }) => {\n  return (\n    <Banner size={size} emphasis={emphasis}>\n      <BannerSlimContainer\n        colorScheme={colorScheme}\n        value={value}\n        onDismiss={onDismiss}\n        {...rest}\n      />\n    </Banner>\n  )\n}\n\nBannerSlim.Content = BannerSlimContent\nBannerSlim.Text = BannerSlimText\nBannerSlim.Image = BannerSlimImage\nBannerSlim.Button = BannerSlimButton\nBannerSlim.Dismiss = BannerSlimDismiss\nBannerSlim.Actions = BannerSlimActions\n\nBannerSlim.displayName = 'BannerSlim'\n"],"names":["BannerSlim","colorScheme","size","emphasis","value","onDismiss","rest","React","Banner","BannerSlimContainer","BannerSlimContent","BannerSlimText","BannerSlimImage","BannerSlimButton","BannerSlimDismiss","BannerSlimActions"],"mappings":"mdAYa,MAAAA,EAUT,CAAC,CAAE,YAAAC,EAAa,KAAAC,EAAM,SAAAC,EAAU,MAAAC,EAAO,UAAAC,KAAcC,CAAK,IAE1DC,EAAA,cAACC,EAAA,CAAO,KAAMN,EAAM,SAAUC,GAC5BI,EAAA,cAACE,EAAA,CACC,YAAaR,EACb,MAAOG,EACP,UAAWC,EACV,GAAGC,EACN,CACF,EAIJN,EAAW,QAAUU,EACrBV,EAAW,KAAOW,EAClBX,EAAW,MAAQY,EACnBZ,EAAW,OAASa,EACpBb,EAAW,QAAUc,EACrBd,EAAW,QAAUe,EAErBf,EAAW,YAAc"}

package/dist/components/banner/banner-slim/BannerSlimActions.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { Flex } from '../../flex';
+export declare const BannerSlimActions: React.FC<React.ComponentProps<typeof Flex>>;

package/dist/components/banner/banner-slim/BannerSlimActions.js

@@ -0,0 +1,2 @@
+import*as i from"react";import{styled as o}from"../../../stitches.js";import{Flex as m}from"../../flex/Flex.js";import{useBannerContext as s}from"../BannerContext.js";const a=o(m,{variants:{size:{sm:{width:"100%"},md:{width:"auto"}}}}),t=({children:e,...n})=>{const{size:r}=s();return i.createElement(a,{size:r,gap:4,...n},e)};t.displayName="BannerSlimActions";export{t as BannerSlimActions};
+//# sourceMappingURL=BannerSlimActions.js.map

package/dist/components/banner/banner-slim/BannerSlimActions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BannerSlimActions.js","sources":["../../../../src/components/banner/banner-slim/BannerSlimActions.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/stitches'\n\nimport { Flex } from '../../flex'\nimport { useBannerContext } from '../BannerContext'\n\nconst StyledBannerSlimActions = styled(Flex, {\n  variants: {\n    size: {\n      sm: { width: '100%' },\n      md: { width: 'auto' }\n    }\n  }\n})\n\nexport const BannerSlimActions: React.FC<React.ComponentProps<typeof Flex>> = ({\n  children,\n  ...props\n}) => {\n  const { size } = useBannerContext()\n  return (\n    <StyledBannerSlimActions size={size} gap={4} {...props}>\n      {children}\n    </StyledBannerSlimActions>\n  )\n}\n\nBannerSlimActions.displayName = 'BannerSlimActions'\n"],"names":["StyledBannerSlimActions","styled","Flex","BannerSlimActions","children","props","size","useBannerContext","React"],"mappings":"uKAOA,MAAMA,EAA0BC,EAAOC,EAAM,CAC3C,SAAU,CACR,KAAM,CACJ,GAAI,CAAE,MAAO,MAAO,EACpB,GAAI,CAAE,MAAO,MAAO,CACtB,CACF,CACF,CAAC,EAEYC,EAAiE,CAAC,CAC7E,SAAAC,KACGC,CACL,IAAM,CACJ,KAAM,CAAE,KAAAC,CAAK,EAAIC,IACjB,OACEC,EAAA,cAACR,EAAA,CAAwB,KAAMM,EAAM,IAAK,EAAI,GAAGD,CAC9CD,EAAAA,CACH,CAEJ,EAEAD,EAAkB,YAAc"}

package/dist/components/banner/banner-slim/BannerSlimButton.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { Button } from '../../button';
+export declare const BannerSlimButton: React.FC<React.ComponentProps<typeof Button>>;

package/dist/components/banner/banner-slim/BannerSlimButton.js

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

package/dist/components/banner/banner-slim/BannerSlimButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BannerSlimButton.js","sources":["../../../../src/components/banner/banner-slim/BannerSlimButton.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 BannerSlimButton: React.FC<\n  React.ComponentProps<typeof Button>\n> = ({ css, ...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=\"md\"\n      fullWidth={fullWidth}\n      theme={emphasis === 'highContrast' ? 'neutral' : 'primary'}\n      css={{ ml: 'auto', ...css }}\n      {...props}\n    />\n  )\n}\n\nBannerSlimButton.displayName = 'BannerSlimButton'\n"],"names":["BannerSlimButton","css","props","emphasis","size","useBannerContext","fullWidth","React","overrideStitchesVariantValue","s","Button"],"mappings":"uQAOaA,EAET,CAAC,CAAE,IAAAC,KAAQC,CAAM,IAAM,CACzB,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,KAAK,KACL,UAAWJ,EACX,MAAOH,IAAa,eAAiB,UAAY,UACjD,IAAK,CAAE,GAAI,OAAQ,GAAGF,CAAI,EACzB,GAAGC,CAAAA,CACN,CAEJ,EAEAF,EAAiB,YAAc"}