@atom-learning/components 3.10.1 → 3.11.0

package/dist/components/avatar/Avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.js","sources":["../../../src/components/avatar/Avatar.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/stitches'\nimport { focusVisibleStyleBlock } from '~/utilities'\n\nimport { AvatarIcon } from './AvatarIcon'\nimport { AvatarImage } from './AvatarImage'\nimport { AvatarInitial } from './AvatarInitial'\nimport { AvatarPlaceholder } from './AvatarPlaceholder'\n\nconst avatarRootStyles = {\n  display: 'flex',\n  justifyContent: 'center',\n  alignItems: 'center',\n  color: '$tonal400',\n  borderRadius: '$round',\n  border: '2px solid $tonal100',\n  backgroundColor: '$white',\n  overflow: 'hidden',\n  variants: {\n    size: {\n      xs: { size: '$2' },\n      sm: { size: '$3' },\n      md: { size: '$4' },\n      lg: { size: '$5' },\n      xl: { size: '$6' },\n      xxl: { size: '$7' }\n    }\n  }\n}\n\nconst StyledDiv = styled('div', avatarRootStyles)\nconst StyledButton = styled('button', {\n  all: 'unset',\n  ...avatarRootStyles,\n  '&:not([disabled])': {\n    '&:hover': {\n      borderColor: '$tonal400',\n      backgroundColor: '$tonal50'\n    },\n    '&:active': {\n      borderColor: '$primary',\n      backgroundColor: '$tonal100'\n    },\n    '&:focus-visible': focusVisibleStyleBlock()\n  },\n  '&[disabled]': {\n    opacity: '30%',\n    cursor: 'not-allowed'\n  }\n})\n\ntype TAvatarProps = React.ComponentProps<\n  typeof StyledDiv | typeof StyledButton\n> & { name?: string } & (\n    | {\n        onClick: React.MouseEventHandler<HTMLButtonElement>\n        disabled?: boolean\n      }\n    | { onClick?: never; disabled?: never }\n  )\n\nexport type TAvatarRootContext = {\n  name?: TAvatarProps['name']\n  size: TAvatarProps['size']\n}\n\nexport const AvatarRootContext = React.createContext<TAvatarRootContext>({\n  name: undefined,\n  size: 'lg'\n})\n\nexport const AvatarRootProvider: React.FC<TAvatarProps> = ({\n  children,\n  name,\n  size\n}) => {\n  const value = React.useMemo<TAvatarRootContext>(\n    () => ({ name, size }),\n    [name, size]\n  )\n\n  return (\n    <AvatarRootContext.Provider value={value}>\n      {children}\n    </AvatarRootContext.Provider>\n  )\n}\n\nexport const AvatarRoot: React.FC<TAvatarProps> = ({\n  children,\n  size = 'lg',\n  name,\n  disabled = false,\n  onClick\n}) => (\n  <AvatarRootProvider name={name} size={size}>\n    {onClick ? (\n      <StyledButton\n        size={size}\n        disabled={disabled}\n        onClick={disabled ? undefined : onClick}\n        css={{ cursor: disabled ? 'auto' : 'pointer' }}\n      >\n        {children}\n      </StyledButton>\n    ) : (\n      <StyledDiv size={size}>{children}</StyledDiv>\n    )}\n  </AvatarRootProvider>\n)\n\ntype TAvatar = typeof AvatarRoot & {\n  Image: typeof AvatarImage\n  Initial: typeof AvatarInitial\n  Placeholder: typeof AvatarPlaceholder\n  Icon: typeof AvatarIcon\n}\n\nexport const Avatar = AvatarRoot as TAvatar\nAvatar.Image = AvatarImage\nAvatar.Initial = AvatarInitial\nAvatar.Placeholder = AvatarPlaceholder\nAvatar.Icon = AvatarIcon\nAvatar.displayName = 'Avatar'\n"],"names":["avatarRootStyles","StyledDiv","styled","StyledButton","focusVisibleStyleBlock","AvatarRootContext","React","AvatarRootProvider","children","name","size","value","AvatarRoot","disabled","onClick","Avatar","AvatarImage","AvatarInitial","AvatarPlaceholder","AvatarIcon"],"mappings":"iiBAUA,MAAMA,EAAmB,CACvB,QAAS,OACT,eAAgB,SAChB,WAAY,SACZ,MAAO,YACP,aAAc,SACd,OAAQ,sBACR,gBAAiB,SACjB,SAAU,SACV,SAAU,CACR,KAAM,CACJ,GAAI,CAAE,KAAM,IAAK,EACjB,GAAI,CAAE,KAAM,IAAK,EACjB,GAAI,CAAE,KAAM,IAAK,EACjB,GAAI,CAAE,KAAM,IAAK,EACjB,GAAI,CAAE,KAAM,IAAK,EACjB,IAAK,CAAE,KAAM,IAAK,CACpB,CACF,CACF,EAEMC,EAAYC,EAAO,MAAOF,CAAgB,EAC1CG,EAAeD,EAAO,SAAU,CACpC,IAAK,QACL,GAAGF,EACH,oBAAqB,CACnB,UAAW,CACT,YAAa,YACb,gBAAiB,UACnB,EACA,WAAY,CACV,YAAa,WACb,gBAAiB,WACnB,EACA,kBAAmBI,EACrB,CAAA,EACA,cAAe,CACb,QAAS,MACT,OAAQ,aACV,CACF,CAAC,EAiBYC,EAAoBC,EAAM,cAAkC,CACvE,KAAM,OACN,KAAM,IACR,CAAC,EAEYC,EAA6C,CAAC,CACzD,SAAAC,EACA,KAAAC,EACA,KAAAC,CACF,IAAM,CACJ,MAAMC,EAAQL,EAAM,QAClB,KAAO,CAAE,KAAAG,EAAM,KAAAC,CAAK,GACpB,CAACD,EAAMC,CAAI,CACb,EAEA,OACEJ,EAAA,cAACD,EAAkB,SAAlB,CAA2B,MAAOM,CAAAA,EAChCH,CACH,CAEJ,EAEaI,EAAqC,CAAC,CACjD,SAAAJ,EACA,KAAAE,EAAO,KACP,KAAAD,EACA,SAAAI,EAAW,GACX,QAAAC,CACF,IACER,EAAA,cAACC,EAAmB,CAAA,KAAME,EAAM,KAAMC,CACnCI,EAAAA,EACCR,EAAA,cAACH,EAAA,CACC,KAAMO,EACN,SAAUG,EACV,QAASA,EAAW,OAAYC,EAChC,IAAK,CAAE,OAAQD,EAAW,OAAS,SAAU,CAAA,EAE5CL,CACH,EAEAF,EAAA,cAACL,EAAA,CAAU,KAAMS,CAAAA,EAAOF,CAAS,CAErC,EAUWO,EAASH,EACtBG,EAAO,MAAQC,EACfD,EAAO,QAAUE,EACjBF,EAAO,YAAcG,EACrBH,EAAO,KAAOI,EACdJ,EAAO,YAAc"}
+{"version":3,"file":"Avatar.js","sources":["../../../src/components/avatar/Avatar.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/stitches'\nimport { focusVisibleStyleBlock } from '~/utilities'\n\nimport { AvatarIcon } from './AvatarIcon'\nimport { AvatarImage } from './AvatarImage'\nimport { AvatarInitial } from './AvatarInitial'\nimport { AvatarPlaceholder } from './AvatarPlaceholder'\n\nconst avatarRootStyles = {\n  display: 'flex',\n  justifyContent: 'center',\n  alignItems: 'center',\n  color: '$tonal400',\n  borderRadius: '$round',\n  border: '2px solid $tonal100',\n  backgroundColor: '$white',\n  overflow: 'hidden',\n  variants: {\n    size: {\n      xs: { size: '$2' },\n      sm: { size: '$3' },\n      md: { size: '$4' },\n      lg: { size: '$5' },\n      xl: { size: '$6' },\n      xxl: { size: '$7' }\n    }\n  }\n}\n\nconst StyledDiv = styled('div', avatarRootStyles)\nconst StyledButton = styled('button', {\n  all: 'unset',\n  ...avatarRootStyles,\n  '&:not([disabled])': {\n    '&:hover': {\n      borderColor: '$tonal400',\n      backgroundColor: '$tonal50'\n    },\n    '&:active': {\n      borderColor: '$primary800',\n      backgroundColor: '$tonal100'\n    },\n    '&:focus-visible': focusVisibleStyleBlock()\n  },\n  '&[disabled]': {\n    opacity: '30%',\n    cursor: 'not-allowed'\n  }\n})\n\ntype TAvatarProps = React.ComponentProps<\n  typeof StyledDiv | typeof StyledButton\n> & { name?: string } & (\n    | {\n        onClick: React.MouseEventHandler<HTMLButtonElement>\n        disabled?: boolean\n      }\n    | { onClick?: never; disabled?: never }\n  )\n\nexport type TAvatarRootContext = {\n  name?: TAvatarProps['name']\n  size: TAvatarProps['size']\n}\n\nexport const AvatarRootContext = React.createContext<TAvatarRootContext>({\n  name: undefined,\n  size: 'lg'\n})\n\nexport const AvatarRootProvider: React.FC<TAvatarProps> = ({\n  children,\n  name,\n  size\n}) => {\n  const value = React.useMemo<TAvatarRootContext>(\n    () => ({ name, size }),\n    [name, size]\n  )\n\n  return (\n    <AvatarRootContext.Provider value={value}>\n      {children}\n    </AvatarRootContext.Provider>\n  )\n}\n\nexport const AvatarRoot: React.FC<TAvatarProps> = ({\n  children,\n  size = 'lg',\n  name,\n  disabled = false,\n  onClick\n}) => (\n  <AvatarRootProvider name={name} size={size}>\n    {onClick ? (\n      <StyledButton\n        size={size}\n        disabled={disabled}\n        onClick={disabled ? undefined : onClick}\n        css={{ cursor: disabled ? 'auto' : 'pointer' }}\n      >\n        {children}\n      </StyledButton>\n    ) : (\n      <StyledDiv size={size}>{children}</StyledDiv>\n    )}\n  </AvatarRootProvider>\n)\n\ntype TAvatar = typeof AvatarRoot & {\n  Image: typeof AvatarImage\n  Initial: typeof AvatarInitial\n  Placeholder: typeof AvatarPlaceholder\n  Icon: typeof AvatarIcon\n}\n\nexport const Avatar = AvatarRoot as TAvatar\nAvatar.Image = AvatarImage\nAvatar.Initial = AvatarInitial\nAvatar.Placeholder = AvatarPlaceholder\nAvatar.Icon = AvatarIcon\nAvatar.displayName = 'Avatar'\n"],"names":["avatarRootStyles","StyledDiv","styled","StyledButton","focusVisibleStyleBlock","AvatarRootContext","React","AvatarRootProvider","children","name","size","value","AvatarRoot","disabled","onClick","Avatar","AvatarImage","AvatarInitial","AvatarPlaceholder","AvatarIcon"],"mappings":"iiBAUA,MAAMA,EAAmB,CACvB,QAAS,OACT,eAAgB,SAChB,WAAY,SACZ,MAAO,YACP,aAAc,SACd,OAAQ,sBACR,gBAAiB,SACjB,SAAU,SACV,SAAU,CACR,KAAM,CACJ,GAAI,CAAE,KAAM,IAAK,EACjB,GAAI,CAAE,KAAM,IAAK,EACjB,GAAI,CAAE,KAAM,IAAK,EACjB,GAAI,CAAE,KAAM,IAAK,EACjB,GAAI,CAAE,KAAM,IAAK,EACjB,IAAK,CAAE,KAAM,IAAK,CACpB,CACF,CACF,EAEMC,EAAYC,EAAO,MAAOF,CAAgB,EAC1CG,EAAeD,EAAO,SAAU,CACpC,IAAK,QACL,GAAGF,EACH,oBAAqB,CACnB,UAAW,CACT,YAAa,YACb,gBAAiB,UACnB,EACA,WAAY,CACV,YAAa,cACb,gBAAiB,WACnB,EACA,kBAAmBI,EACrB,CAAA,EACA,cAAe,CACb,QAAS,MACT,OAAQ,aACV,CACF,CAAC,EAiBYC,EAAoBC,EAAM,cAAkC,CACvE,KAAM,OACN,KAAM,IACR,CAAC,EAEYC,EAA6C,CAAC,CACzD,SAAAC,EACA,KAAAC,EACA,KAAAC,CACF,IAAM,CACJ,MAAMC,EAAQL,EAAM,QAClB,KAAO,CAAE,KAAAG,EAAM,KAAAC,CAAK,GACpB,CAACD,EAAMC,CAAI,CACb,EAEA,OACEJ,EAAA,cAACD,EAAkB,SAAlB,CAA2B,MAAOM,CAAAA,EAChCH,CACH,CAEJ,EAEaI,EAAqC,CAAC,CACjD,SAAAJ,EACA,KAAAE,EAAO,KACP,KAAAD,EACA,SAAAI,EAAW,GACX,QAAAC,CACF,IACER,EAAA,cAACC,EAAmB,CAAA,KAAME,EAAM,KAAMC,CACnCI,EAAAA,EACCR,EAAA,cAACH,EAAA,CACC,KAAMO,EACN,SAAUG,EACV,QAASA,EAAW,OAAYC,EAChC,IAAK,CAAE,OAAQD,EAAW,OAAS,SAAU,CAAA,EAE5CL,CACH,EAEAF,EAAA,cAACL,EAAA,CAAU,KAAMS,CAAAA,EAAOF,CAAS,CAErC,EAUWO,EAASH,EACtBG,EAAO,MAAQC,EACfD,EAAO,QAAUE,EACjBF,EAAO,YAAcG,EACrBH,EAAO,KAAOI,EACdJ,EAAO,YAAc"}

package/dist/components/badge/Badge.d.ts

@@ -26,9 +26,10 @@ declare const StyledBadge: import("@stitches/react/types/styled-component").Styl
     hover: string;
 }, {
     colors: {
-        textForeground: any;
+        textBold: any;
+        textRegular: any;
         textSubtle: any;
-        textPlaceholder: any;
+        textMinimal: any;
         background: any;
         backgroundAccent: any;
         grey100: any;
@@ -175,11 +176,6 @@ declare const StyledBadge: import("@stitches/react/types/styled-component").Styl
         alpha200: any;
         alpha250: any;
         alpha600: any;
-        primaryLight: any;
-        primary: any;
-        primaryMid: any;
-        primaryDark: any;
-        secondary: any;
         brandRed: any;
         brandRedAccent: any;
         brandGreen: any;
@@ -188,6 +184,10 @@ declare const StyledBadge: import("@stitches/react/types/styled-component").Styl
         brandPurpleAccent: any;
         brandYellow: any;
         brandYellowAccent: any;
+        infoLight: any;
+        info: any;
+        infoMid: any;
+        infoDark: any;
         successLight: any;
         success: any;
         successMid: any;
@@ -211,6 +211,18 @@ declare const StyledBadge: import("@stitches/react/types/styled-component").Styl
         glBlueLight: any;
         glBluePrimary: any;
         glBlueDark: any;
+        primary100: any;
+        primary200: any;
+        primary300: any;
+        primary400: any;
+        primary500: any;
+        primary600: any;
+        primary700: any;
+        primary800: any;
+        primary900: any;
+        primary1000: any;
+        primary1100: any;
+        primary1200: any;
     };
     space: {
         "0": any;
@@ -347,9 +359,10 @@ declare const StyledBadge: import("@stitches/react/types/styled-component").Styl
     hover: string;
 }, {
     colors: {
-        textForeground: any;
+        textBold: any;
+        textRegular: any;
         textSubtle: any;
-        textPlaceholder: any;
+        textMinimal: any;
         background: any;
         backgroundAccent: any;
         grey100: any;
@@ -496,11 +509,6 @@ declare const StyledBadge: import("@stitches/react/types/styled-component").Styl
         alpha200: any;
         alpha250: any;
         alpha600: any;
-        primaryLight: any;
-        primary: any;
-        primaryMid: any;
-        primaryDark: any;
-        secondary: any;
         brandRed: any;
         brandRedAccent: any;
         brandGreen: any;
@@ -509,6 +517,10 @@ declare const StyledBadge: import("@stitches/react/types/styled-component").Styl
         brandPurpleAccent: any;
         brandYellow: any;
         brandYellowAccent: any;
+        infoLight: any;
+        info: any;
+        infoMid: any;
+        infoDark: any;
         successLight: any;
         success: any;
         successMid: any;
@@ -532,6 +544,18 @@ declare const StyledBadge: import("@stitches/react/types/styled-component").Styl
         glBlueLight: any;
         glBluePrimary: any;
         glBlueDark: any;
+        primary100: any;
+        primary200: any;
+        primary300: any;
+        primary400: any;
+        primary500: any;
+        primary600: any;
+        primary700: any;
+        primary800: any;
+        primary900: any;
+        primary1000: any;
+        primary1100: any;
+        primary1200: any;
     };
     space: {
         "0": any;

package/dist/components/badge/BadgeIcon.d.ts

@@ -22,9 +22,10 @@ declare const StyledBadgeIcon: import("@stitches/react/types/styled-component").
         hover: string;
     }, {
         colors: {
-            textForeground: any;
+            textBold: any;
+            textRegular: any;
             textSubtle: any;
-            textPlaceholder: any;
+            textMinimal: any;
             background: any;
             backgroundAccent: any;
             grey100: any;
@@ -171,11 +172,6 @@ declare const StyledBadgeIcon: import("@stitches/react/types/styled-component").
             alpha200: any;
             alpha250: any;
             alpha600: any;
-            primaryLight: any;
-            primary: any;
-            primaryMid: any;
-            primaryDark: any;
-            secondary: any;
             brandRed: any;
             brandRedAccent: any;
             brandGreen: any;
@@ -184,6 +180,10 @@ declare const StyledBadgeIcon: import("@stitches/react/types/styled-component").
             brandPurpleAccent: any;
             brandYellow: any;
             brandYellowAccent: any;
+            infoLight: any;
+            info: any;
+            infoMid: any;
+            infoDark: any;
             successLight: any;
             success: any;
             successMid: any;
@@ -207,6 +207,18 @@ declare const StyledBadgeIcon: import("@stitches/react/types/styled-component").
             glBlueLight: any;
             glBluePrimary: any;
             glBlueDark: any;
+            primary100: any;
+            primary200: any;
+            primary300: any;
+            primary400: any;
+            primary500: any;
+            primary600: any;
+            primary700: any;
+            primary800: any;
+            primary900: any;
+            primary1000: any;
+            primary1100: any;
+            primary1200: any;
         };
         space: {
             "0": any;
@@ -344,9 +356,10 @@ declare const StyledBadgeIcon: import("@stitches/react/types/styled-component").
     hover: string;
 }, {
     colors: {
-        textForeground: any;
+        textBold: any;
+        textRegular: any;
         textSubtle: any;
-        textPlaceholder: any;
+        textMinimal: any;
         background: any;
         backgroundAccent: any;
         grey100: any;
@@ -493,11 +506,6 @@ declare const StyledBadgeIcon: import("@stitches/react/types/styled-component").
         alpha200: any;
         alpha250: any;
         alpha600: any;
-        primaryLight: any;
-        primary: any;
-        primaryMid: any;
-        primaryDark: any;
-        secondary: any;
         brandRed: any;
         brandRedAccent: any;
         brandGreen: any;
@@ -506,6 +514,10 @@ declare const StyledBadgeIcon: import("@stitches/react/types/styled-component").
         brandPurpleAccent: any;
         brandYellow: any;
         brandYellowAccent: any;
+        infoLight: any;
+        info: any;
+        infoMid: any;
+        infoDark: any;
         successLight: any;
         success: any;
         successMid: any;
@@ -529,6 +541,18 @@ declare const StyledBadgeIcon: import("@stitches/react/types/styled-component").
         glBlueLight: any;
         glBluePrimary: any;
         glBlueDark: any;
+        primary100: any;
+        primary200: any;
+        primary300: any;
+        primary400: any;
+        primary500: any;
+        primary600: any;
+        primary700: any;
+        primary800: any;
+        primary900: any;
+        primary1000: any;
+        primary1100: any;
+        primary1200: any;
     };
     space: {
         "0": any;

package/dist/components/badge/BadgeText.d.ts

@@ -23,9 +23,10 @@ declare const StyledBadgeText: import("@stitches/react/types/styled-component").
         hover: string;
     }, {
         colors: {
-            textForeground: any;
+            textBold: any;
+            textRegular: any;
             textSubtle: any;
-            textPlaceholder: any;
+            textMinimal: any;
             background: any;
             backgroundAccent: any;
             grey100: any;
@@ -172,11 +173,6 @@ declare const StyledBadgeText: import("@stitches/react/types/styled-component").
             alpha200: any;
             alpha250: any;
             alpha600: any;
-            primaryLight: any;
-            primary: any;
-            primaryMid: any;
-            primaryDark: any;
-            secondary: any;
             brandRed: any;
             brandRedAccent: any;
             brandGreen: any;
@@ -185,6 +181,10 @@ declare const StyledBadgeText: import("@stitches/react/types/styled-component").
             brandPurpleAccent: any;
             brandYellow: any;
             brandYellowAccent: any;
+            infoLight: any;
+            info: any;
+            infoMid: any;
+            infoDark: any;
             successLight: any;
             success: any;
             successMid: any;
@@ -208,6 +208,18 @@ declare const StyledBadgeText: import("@stitches/react/types/styled-component").
             glBlueLight: any;
             glBluePrimary: any;
             glBlueDark: any;
+            primary100: any;
+            primary200: any;
+            primary300: any;
+            primary400: any;
+            primary500: any;
+            primary600: any;
+            primary700: any;
+            primary800: any;
+            primary900: any;
+            primary1000: any;
+            primary1100: any;
+            primary1200: any;
         };
         space: {
             "0": any;
@@ -346,9 +358,10 @@ declare const StyledBadgeText: import("@stitches/react/types/styled-component").
     hover: string;
 }, {
     colors: {
-        textForeground: any;
+        textBold: any;
+        textRegular: any;
         textSubtle: any;
-        textPlaceholder: any;
+        textMinimal: any;
         background: any;
         backgroundAccent: any;
         grey100: any;
@@ -495,11 +508,6 @@ declare const StyledBadgeText: import("@stitches/react/types/styled-component").
         alpha200: any;
         alpha250: any;
         alpha600: any;
-        primaryLight: any;
-        primary: any;
-        primaryMid: any;
-        primaryDark: any;
-        secondary: any;
         brandRed: any;
         brandRedAccent: any;
         brandGreen: any;
@@ -508,6 +516,10 @@ declare const StyledBadgeText: import("@stitches/react/types/styled-component").
         brandPurpleAccent: any;
         brandYellow: any;
         brandYellowAccent: any;
+        infoLight: any;
+        info: any;
+        infoMid: any;
+        infoDark: any;
         successLight: any;
         success: any;
         successMid: any;
@@ -531,6 +543,18 @@ declare const StyledBadgeText: import("@stitches/react/types/styled-component").
         glBlueLight: any;
         glBluePrimary: any;
         glBlueDark: any;
+        primary100: any;
+        primary200: any;
+        primary300: any;
+        primary400: any;
+        primary500: any;
+        primary600: any;
+        primary700: any;
+        primary800: any;
+        primary900: any;
+        primary1000: any;
+        primary1100: any;
+        primary1200: any;
     };
     space: {
         "0": any;

package/dist/components/badge/stitches.badge.colorscheme.config.js

@@ -1,2 +1,2 @@
-import{createTheme as e}from"../../stitches.js";const t=e({colors:{textSubtle:"$blue900",backgroundSubtle:"$blue100",textBold:"#FFF",backgroundBold:"$blue800"}}),o=e({colors:{textSubtle:"$grey900",backgroundSubtle:"$grey100",textBold:"#FFF",backgroundBold:"$grey800"}}),l=e({colors:{textSubtle:"$successMid",backgroundSubtle:"$successLight",textBold:"#FFF",backgroundBold:"$success"}}),r=e({colors:{textSubtle:"$dangerMid",backgroundSubtle:"$dangerLight",textBold:"#FFF",backgroundBold:"$danger"}}),u=e({colors:{textSubtle:"$warningText",backgroundSubtle:"$warningLight",textBold:"$grey1000",backgroundBold:"$warning"}}),d=e({colors:{textSubtle:"$grey1000",backgroundSubtle:"$grey200",textBold:"#FFF",backgroundBold:"$grey800"}}),b=e({colors:{textSubtle:"$blue1000",backgroundSubtle:"$blue200",textBold:"#FFF",backgroundBold:"$blue800"}}),g=e({colors:{textSubtle:"$purple1000",backgroundSubtle:"$purple200",textBold:"#FFF",backgroundBold:"$purple800"}}),c=e({colors:{textSubtle:"$cyan1000",backgroundSubtle:"$cyan200",textBold:"#FFF",backgroundBold:"$cyan800"}}),n=e({colors:{textSubtle:"$green1000",backgroundSubtle:"$green200",textBold:"#FFF",backgroundBold:"$green800"}}),a=e({colors:{textSubtle:"$magenta1000",backgroundSubtle:"$magenta200",textBold:"#FFF",backgroundBold:"$magenta800"}}),$=e({colors:{textSubtle:"$red1000",backgroundSubtle:"$red200",textBold:"#FFF",backgroundBold:"$red800"}}),F=e({colors:{textSubtle:"$teal1000",backgroundSubtle:"$teal200",textBold:"#FFF",backgroundBold:"$teal800"}}),x=e({colors:{textSubtle:"$orange1000",backgroundSubtle:"$orange200",textBold:"$grey1200",backgroundBold:"$orange600"}}),S=e({colors:{textSubtle:"$yellow1000",backgroundSubtle:"$yellow200",textBold:"$grey1200",backgroundBold:"$yellow500"}}),k=e({colors:{textSubtle:"$lime1000",backgroundSubtle:"$lime200",textBold:"$grey1200",backgroundBold:"$lime600"}}),s={info:t,neutral:o,success:l,danger:r,warning:u,grey:d,blue:b,purple:g,cyan:c,green:n,magenta:a,red:$,teal:F,orange:x,yellow:S,lime:k};export{s as colorSchemes};
+import{createTheme as e}from"../../stitches.js";const o=e({colors:{textSubtle:"$infoMid",backgroundSubtle:"$infoLight",textBold:"#FFF",backgroundBold:"$info"}}),t=e({colors:{textSubtle:"$grey900",backgroundSubtle:"$grey100",textBold:"#FFF",backgroundBold:"$grey800"}}),l=e({colors:{textSubtle:"$successMid",backgroundSubtle:"$successLight",textBold:"#FFF",backgroundBold:"$success"}}),r=e({colors:{textSubtle:"$dangerMid",backgroundSubtle:"$dangerLight",textBold:"#FFF",backgroundBold:"$danger"}}),u=e({colors:{textSubtle:"$warningText",backgroundSubtle:"$warningLight",textBold:"$grey1000",backgroundBold:"$warning"}}),d=e({colors:{textSubtle:"$grey1000",backgroundSubtle:"$grey200",textBold:"#FFF",backgroundBold:"$grey800"}}),b=e({colors:{textSubtle:"$blue1000",backgroundSubtle:"$blue200",textBold:"#FFF",backgroundBold:"$blue800"}}),g=e({colors:{textSubtle:"$purple1000",backgroundSubtle:"$purple200",textBold:"#FFF",backgroundBold:"$purple800"}}),n=e({colors:{textSubtle:"$cyan1000",backgroundSubtle:"$cyan200",textBold:"#FFF",backgroundBold:"$cyan800"}}),c=e({colors:{textSubtle:"$green1000",backgroundSubtle:"$green200",textBold:"#FFF",backgroundBold:"$green800"}}),a=e({colors:{textSubtle:"$magenta1000",backgroundSubtle:"$magenta200",textBold:"#FFF",backgroundBold:"$magenta800"}}),$=e({colors:{textSubtle:"$red1000",backgroundSubtle:"$red200",textBold:"#FFF",backgroundBold:"$red800"}}),F=e({colors:{textSubtle:"$teal1000",backgroundSubtle:"$teal200",textBold:"#FFF",backgroundBold:"$teal800"}}),x=e({colors:{textSubtle:"$orange1000",backgroundSubtle:"$orange200",textBold:"$grey1200",backgroundBold:"$orange600"}}),S=e({colors:{textSubtle:"$yellow1000",backgroundSubtle:"$yellow200",textBold:"$grey1200",backgroundBold:"$yellow500"}}),k=e({colors:{textSubtle:"$lime1000",backgroundSubtle:"$lime200",textBold:"$grey1200",backgroundBold:"$lime600"}}),s={info:o,neutral:t,success:l,danger:r,warning:u,grey:d,blue:b,purple:g,cyan:n,green:c,magenta:a,red:$,teal:F,orange:x,yellow:S,lime:k};export{s as colorSchemes};
 //# sourceMappingURL=stitches.badge.colorscheme.config.js.map

package/dist/components/badge/stitches.badge.colorscheme.config.js.map

@@ -1 +1 @@
-{"version":3,"file":"stitches.badge.colorscheme.config.js","sources":["../../../src/components/badge/stitches.badge.colorscheme.config.ts"],"sourcesContent":["import { createTheme } from '~/stitches'\n\n/*\n * Semantic themes\n */\n\nconst info = createTheme({\n  colors: {\n    textSubtle: '$blue900',\n    backgroundSubtle: '$blue100',\n    textBold: '#FFF',\n    backgroundBold: '$blue800'\n  }\n})\n\nconst neutral = createTheme({\n  colors: {\n    textSubtle: '$grey900',\n    backgroundSubtle: '$grey100',\n    textBold: '#FFF',\n    backgroundBold: '$grey800'\n  }\n})\n\nconst success = createTheme({\n  colors: {\n    textSubtle: '$successMid',\n    backgroundSubtle: '$successLight',\n    textBold: '#FFF',\n    backgroundBold: '$success'\n  }\n})\n\nconst danger = createTheme({\n  colors: {\n    textSubtle: '$dangerMid',\n    backgroundSubtle: '$dangerLight',\n    textBold: '#FFF',\n    backgroundBold: '$danger'\n  }\n})\n\nconst warning = createTheme({\n  colors: {\n    textSubtle: '$warningText',\n    backgroundSubtle: '$warningLight',\n    textBold: '$grey1000',\n    backgroundBold: '$warning'\n  }\n})\n\n/*\n * Non-semantic themes\n */\n\nconst grey = createTheme({\n  colors: {\n    textSubtle: '$grey1000',\n    backgroundSubtle: '$grey200',\n    textBold: '#FFF',\n    backgroundBold: '$grey800'\n  }\n})\n\nconst blue = createTheme({\n  colors: {\n    textSubtle: '$blue1000',\n    backgroundSubtle: '$blue200',\n    textBold: '#FFF',\n    backgroundBold: '$blue800'\n  }\n})\n\nconst purple = createTheme({\n  colors: {\n    textSubtle: '$purple1000',\n    backgroundSubtle: '$purple200',\n    textBold: '#FFF',\n    backgroundBold: '$purple800'\n  }\n})\n\nconst cyan = createTheme({\n  colors: {\n    textSubtle: '$cyan1000',\n    backgroundSubtle: '$cyan200',\n    textBold: '#FFF',\n    backgroundBold: '$cyan800'\n  }\n})\n\nconst green = createTheme({\n  colors: {\n    textSubtle: '$green1000',\n    backgroundSubtle: '$green200',\n    textBold: '#FFF',\n    backgroundBold: '$green800'\n  }\n})\n\nconst magenta = createTheme({\n  colors: {\n    textSubtle: '$magenta1000',\n    backgroundSubtle: '$magenta200',\n    textBold: '#FFF',\n    backgroundBold: '$magenta800'\n  }\n})\n\nconst red = createTheme({\n  colors: {\n    textSubtle: '$red1000',\n    backgroundSubtle: '$red200',\n    textBold: '#FFF',\n    backgroundBold: '$red800'\n  }\n})\n\nconst teal = createTheme({\n  colors: {\n    textSubtle: '$teal1000',\n    backgroundSubtle: '$teal200',\n    textBold: '#FFF',\n    backgroundBold: '$teal800'\n  }\n})\n\nconst orange = createTheme({\n  colors: {\n    textSubtle: '$orange1000',\n    backgroundSubtle: '$orange200',\n    textBold: '$grey1200',\n    backgroundBold: '$orange600'\n  }\n})\n\nconst yellow = createTheme({\n  colors: {\n    textSubtle: '$yellow1000',\n    backgroundSubtle: '$yellow200',\n    textBold: '$grey1200',\n    backgroundBold: '$yellow500'\n  }\n})\n\nconst lime = createTheme({\n  colors: {\n    textSubtle: '$lime1000',\n    backgroundSubtle: '$lime200',\n    textBold: '$grey1200',\n    backgroundBold: '$lime600'\n  }\n})\n\nexport const colorSchemes = {\n  info,\n  neutral,\n  success,\n  danger,\n  warning,\n  grey,\n  blue,\n  purple,\n  cyan,\n  green,\n  magenta,\n  red,\n  teal,\n  orange,\n  yellow,\n  lime\n}\n"],"names":["info","createTheme","neutral","success","danger","warning","grey","blue","purple","cyan","green","magenta","red","teal","orange","yellow","lime","colorSchemes"],"mappings":"gDAMA,MAAMA,EAAOC,EAAY,CACvB,OAAQ,CACN,WAAY,WACZ,iBAAkB,WAClB,SAAU,OACV,eAAgB,UAClB,CACF,CAAC,EAEKC,EAAUD,EAAY,CAC1B,OAAQ,CACN,WAAY,WACZ,iBAAkB,WAClB,SAAU,OACV,eAAgB,UAClB,CACF,CAAC,EAEKE,EAAUF,EAAY,CAC1B,OAAQ,CACN,WAAY,cACZ,iBAAkB,gBAClB,SAAU,OACV,eAAgB,UAClB,CACF,CAAC,EAEKG,EAASH,EAAY,CACzB,OAAQ,CACN,WAAY,aACZ,iBAAkB,eAClB,SAAU,OACV,eAAgB,SAClB,CACF,CAAC,EAEKI,EAAUJ,EAAY,CAC1B,OAAQ,CACN,WAAY,eACZ,iBAAkB,gBAClB,SAAU,YACV,eAAgB,UAClB,CACF,CAAC,EAMKK,EAAOL,EAAY,CACvB,OAAQ,CACN,WAAY,YACZ,iBAAkB,WAClB,SAAU,OACV,eAAgB,UAClB,CACF,CAAC,EAEKM,EAAON,EAAY,CACvB,OAAQ,CACN,WAAY,YACZ,iBAAkB,WAClB,SAAU,OACV,eAAgB,UAClB,CACF,CAAC,EAEKO,EAASP,EAAY,CACzB,OAAQ,CACN,WAAY,cACZ,iBAAkB,aAClB,SAAU,OACV,eAAgB,YAClB,CACF,CAAC,EAEKQ,EAAOR,EAAY,CACvB,OAAQ,CACN,WAAY,YACZ,iBAAkB,WAClB,SAAU,OACV,eAAgB,UAClB,CACF,CAAC,EAEKS,EAAQT,EAAY,CACxB,OAAQ,CACN,WAAY,aACZ,iBAAkB,YAClB,SAAU,OACV,eAAgB,WAClB,CACF,CAAC,EAEKU,EAAUV,EAAY,CAC1B,OAAQ,CACN,WAAY,eACZ,iBAAkB,cAClB,SAAU,OACV,eAAgB,aAClB,CACF,CAAC,EAEKW,EAAMX,EAAY,CACtB,OAAQ,CACN,WAAY,WACZ,iBAAkB,UAClB,SAAU,OACV,eAAgB,SAClB,CACF,CAAC,EAEKY,EAAOZ,EAAY,CACvB,OAAQ,CACN,WAAY,YACZ,iBAAkB,WAClB,SAAU,OACV,eAAgB,UAClB,CACF,CAAC,EAEKa,EAASb,EAAY,CACzB,OAAQ,CACN,WAAY,cACZ,iBAAkB,aAClB,SAAU,YACV,eAAgB,YAClB,CACF,CAAC,EAEKc,EAASd,EAAY,CACzB,OAAQ,CACN,WAAY,cACZ,iBAAkB,aAClB,SAAU,YACV,eAAgB,YAClB,CACF,CAAC,EAEKe,EAAOf,EAAY,CACvB,OAAQ,CACN,WAAY,YACZ,iBAAkB,WAClB,SAAU,YACV,eAAgB,UAClB,CACF,CAAC,EAEYgB,EAAe,CAC1B,KAAAjB,EACA,QAAAE,EACA,QAAAC,EACA,OAAAC,EACA,QAAAC,EACA,KAAAC,EACA,KAAAC,EACA,OAAAC,EACA,KAAAC,EACA,MAAAC,EACA,QAAAC,EACA,IAAAC,EACA,KAAAC,EACA,OAAAC,EACA,OAAAC,EACA,KAAAC,CACF"}
+{"version":3,"file":"stitches.badge.colorscheme.config.js","sources":["../../../src/components/badge/stitches.badge.colorscheme.config.ts"],"sourcesContent":["import { createTheme } from '~/stitches'\n\n/*\n * Semantic themes\n */\n\nconst info = createTheme({\n  colors: {\n    textSubtle: '$infoMid',\n    backgroundSubtle: '$infoLight',\n    textBold: '#FFF',\n    backgroundBold: '$info'\n  }\n})\n\nconst neutral = createTheme({\n  colors: {\n    textSubtle: '$grey900',\n    backgroundSubtle: '$grey100',\n    textBold: '#FFF',\n    backgroundBold: '$grey800'\n  }\n})\n\nconst success = createTheme({\n  colors: {\n    textSubtle: '$successMid',\n    backgroundSubtle: '$successLight',\n    textBold: '#FFF',\n    backgroundBold: '$success'\n  }\n})\n\nconst danger = createTheme({\n  colors: {\n    textSubtle: '$dangerMid',\n    backgroundSubtle: '$dangerLight',\n    textBold: '#FFF',\n    backgroundBold: '$danger'\n  }\n})\n\nconst warning = createTheme({\n  colors: {\n    textSubtle: '$warningText',\n    backgroundSubtle: '$warningLight',\n    textBold: '$grey1000',\n    backgroundBold: '$warning'\n  }\n})\n\n/*\n * Non-semantic themes\n */\n\nconst grey = createTheme({\n  colors: {\n    textSubtle: '$grey1000',\n    backgroundSubtle: '$grey200',\n    textBold: '#FFF',\n    backgroundBold: '$grey800'\n  }\n})\n\nconst blue = createTheme({\n  colors: {\n    textSubtle: '$blue1000',\n    backgroundSubtle: '$blue200',\n    textBold: '#FFF',\n    backgroundBold: '$blue800'\n  }\n})\n\nconst purple = createTheme({\n  colors: {\n    textSubtle: '$purple1000',\n    backgroundSubtle: '$purple200',\n    textBold: '#FFF',\n    backgroundBold: '$purple800'\n  }\n})\n\nconst cyan = createTheme({\n  colors: {\n    textSubtle: '$cyan1000',\n    backgroundSubtle: '$cyan200',\n    textBold: '#FFF',\n    backgroundBold: '$cyan800'\n  }\n})\n\nconst green = createTheme({\n  colors: {\n    textSubtle: '$green1000',\n    backgroundSubtle: '$green200',\n    textBold: '#FFF',\n    backgroundBold: '$green800'\n  }\n})\n\nconst magenta = createTheme({\n  colors: {\n    textSubtle: '$magenta1000',\n    backgroundSubtle: '$magenta200',\n    textBold: '#FFF',\n    backgroundBold: '$magenta800'\n  }\n})\n\nconst red = createTheme({\n  colors: {\n    textSubtle: '$red1000',\n    backgroundSubtle: '$red200',\n    textBold: '#FFF',\n    backgroundBold: '$red800'\n  }\n})\n\nconst teal = createTheme({\n  colors: {\n    textSubtle: '$teal1000',\n    backgroundSubtle: '$teal200',\n    textBold: '#FFF',\n    backgroundBold: '$teal800'\n  }\n})\n\nconst orange = createTheme({\n  colors: {\n    textSubtle: '$orange1000',\n    backgroundSubtle: '$orange200',\n    textBold: '$grey1200',\n    backgroundBold: '$orange600'\n  }\n})\n\nconst yellow = createTheme({\n  colors: {\n    textSubtle: '$yellow1000',\n    backgroundSubtle: '$yellow200',\n    textBold: '$grey1200',\n    backgroundBold: '$yellow500'\n  }\n})\n\nconst lime = createTheme({\n  colors: {\n    textSubtle: '$lime1000',\n    backgroundSubtle: '$lime200',\n    textBold: '$grey1200',\n    backgroundBold: '$lime600'\n  }\n})\n\nexport const colorSchemes = {\n  info,\n  neutral,\n  success,\n  danger,\n  warning,\n  grey,\n  blue,\n  purple,\n  cyan,\n  green,\n  magenta,\n  red,\n  teal,\n  orange,\n  yellow,\n  lime\n}\n"],"names":["info","createTheme","neutral","success","danger","warning","grey","blue","purple","cyan","green","magenta","red","teal","orange","yellow","lime","colorSchemes"],"mappings":"gDAMA,MAAMA,EAAOC,EAAY,CACvB,OAAQ,CACN,WAAY,WACZ,iBAAkB,aAClB,SAAU,OACV,eAAgB,OAClB,CACF,CAAC,EAEKC,EAAUD,EAAY,CAC1B,OAAQ,CACN,WAAY,WACZ,iBAAkB,WAClB,SAAU,OACV,eAAgB,UAClB,CACF,CAAC,EAEKE,EAAUF,EAAY,CAC1B,OAAQ,CACN,WAAY,cACZ,iBAAkB,gBAClB,SAAU,OACV,eAAgB,UAClB,CACF,CAAC,EAEKG,EAASH,EAAY,CACzB,OAAQ,CACN,WAAY,aACZ,iBAAkB,eAClB,SAAU,OACV,eAAgB,SAClB,CACF,CAAC,EAEKI,EAAUJ,EAAY,CAC1B,OAAQ,CACN,WAAY,eACZ,iBAAkB,gBAClB,SAAU,YACV,eAAgB,UAClB,CACF,CAAC,EAMKK,EAAOL,EAAY,CACvB,OAAQ,CACN,WAAY,YACZ,iBAAkB,WAClB,SAAU,OACV,eAAgB,UAClB,CACF,CAAC,EAEKM,EAAON,EAAY,CACvB,OAAQ,CACN,WAAY,YACZ,iBAAkB,WAClB,SAAU,OACV,eAAgB,UAClB,CACF,CAAC,EAEKO,EAASP,EAAY,CACzB,OAAQ,CACN,WAAY,cACZ,iBAAkB,aAClB,SAAU,OACV,eAAgB,YAClB,CACF,CAAC,EAEKQ,EAAOR,EAAY,CACvB,OAAQ,CACN,WAAY,YACZ,iBAAkB,WAClB,SAAU,OACV,eAAgB,UAClB,CACF,CAAC,EAEKS,EAAQT,EAAY,CACxB,OAAQ,CACN,WAAY,aACZ,iBAAkB,YAClB,SAAU,OACV,eAAgB,WAClB,CACF,CAAC,EAEKU,EAAUV,EAAY,CAC1B,OAAQ,CACN,WAAY,eACZ,iBAAkB,cAClB,SAAU,OACV,eAAgB,aAClB,CACF,CAAC,EAEKW,EAAMX,EAAY,CACtB,OAAQ,CACN,WAAY,WACZ,iBAAkB,UAClB,SAAU,OACV,eAAgB,SAClB,CACF,CAAC,EAEKY,EAAOZ,EAAY,CACvB,OAAQ,CACN,WAAY,YACZ,iBAAkB,WAClB,SAAU,OACV,eAAgB,UAClB,CACF,CAAC,EAEKa,EAASb,EAAY,CACzB,OAAQ,CACN,WAAY,cACZ,iBAAkB,aAClB,SAAU,YACV,eAAgB,YAClB,CACF,CAAC,EAEKc,EAASd,EAAY,CACzB,OAAQ,CACN,WAAY,cACZ,iBAAkB,aAClB,SAAU,YACV,eAAgB,YAClB,CACF,CAAC,EAEKe,EAAOf,EAAY,CACvB,OAAQ,CACN,WAAY,YACZ,iBAAkB,WAClB,SAAU,YACV,eAAgB,UAClB,CACF,CAAC,EAEYgB,EAAe,CAC1B,KAAAjB,EACA,QAAAE,EACA,QAAAC,EACA,OAAAC,EACA,QAAAC,EACA,KAAAC,EACA,KAAAC,EACA,OAAAC,EACA,KAAAC,EACA,MAAAC,EACA,QAAAC,EACA,IAAAC,EACA,KAAAC,EACA,OAAAC,EACA,OAAAC,EACA,KAAAC,CACF"}

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

@@ -25,9 +25,10 @@ declare const StyledBannerContainer: import("@stitches/react/types/styled-compon
     hover: string;
 }, {
     colors: {
-        textForeground: any;
+        textBold: any;
+        textRegular: any;
         textSubtle: any;
-        textPlaceholder: any;
+        textMinimal: any;
         background: any;
         backgroundAccent: any;
         grey100: any;
@@ -174,11 +175,6 @@ declare const StyledBannerContainer: import("@stitches/react/types/styled-compon
         alpha200: any;
         alpha250: any;
         alpha600: any;
-        primaryLight: any;
-        primary: any;
-        primaryMid: any;
-        primaryDark: any;
-        secondary: any;
         brandRed: any;
         brandRedAccent: any;
         brandGreen: any;
@@ -187,6 +183,10 @@ declare const StyledBannerContainer: import("@stitches/react/types/styled-compon
         brandPurpleAccent: any;
         brandYellow: any;
         brandYellowAccent: any;
+        infoLight: any;
+        info: any;
+        infoMid: any;
+        infoDark: any;
         successLight: any;
         success: any;
         successMid: any;
@@ -210,6 +210,18 @@ declare const StyledBannerContainer: import("@stitches/react/types/styled-compon
         glBlueLight: any;
         glBluePrimary: any;
         glBlueDark: any;
+        primary100: any;
+        primary200: any;
+        primary300: any;
+        primary400: any;
+        primary500: any;
+        primary600: any;
+        primary700: any;
+        primary800: any;
+        primary900: any;
+        primary1000: any;
+        primary1100: any;
+        primary1200: any;
     };
     space: {
         "0": any;
@@ -346,9 +358,10 @@ declare const StyledBannerContainer: import("@stitches/react/types/styled-compon
     hover: string;
 }, {
     colors: {
-        textForeground: any;
+        textBold: any;
+        textRegular: any;
         textSubtle: any;
-        textPlaceholder: any;
+        textMinimal: any;
         background: any;
         backgroundAccent: any;
         grey100: any;
@@ -495,11 +508,6 @@ declare const StyledBannerContainer: import("@stitches/react/types/styled-compon
         alpha200: any;
         alpha250: any;
         alpha600: any;
-        primaryLight: any;
-        primary: any;
-        primaryMid: any;
-        primaryDark: any;
-        secondary: any;
         brandRed: any;
         brandRedAccent: any;
         brandGreen: any;
@@ -508,6 +516,10 @@ declare const StyledBannerContainer: import("@stitches/react/types/styled-compon
         brandPurpleAccent: any;
         brandYellow: any;
         brandYellowAccent: any;
+        infoLight: any;
+        info: any;
+        infoMid: any;
+        infoDark: any;
         successLight: any;
         success: any;
         successMid: any;
@@ -531,6 +543,18 @@ declare const StyledBannerContainer: import("@stitches/react/types/styled-compon
         glBlueLight: any;
         glBluePrimary: any;
         glBlueDark: any;
+        primary100: any;
+        primary200: any;
+        primary300: any;
+        primary400: any;
+        primary500: any;
+        primary600: any;
+        primary700: any;
+        primary800: any;
+        primary900: any;
+        primary1000: any;
+        primary1100: any;
+        primary1200: any;
     };
     space: {
         "0": any;

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

@@ -1,2 +1,2 @@
-import a from"invariant";import*as n from"react";import{overrideStitchesVariantValue as m}from"../../../utilities/override-stitches-variant-value/overrideStitchesVariantValue.js";import{Flex as y}from"../../flex/Flex.js";import{useBannerContext as f}from"../BannerContext.js";import{BannerRegularButton as t}from"./BannerRegularButton.js";const l=2,h={sm:2,md:4},N={sm:"column",md:"row"},r=({children:i,...s})=>{const{size:o}=f(),p=n.useMemo(()=>m(o,e=>h[e]),[o]),d=n.useMemo(()=>m(o,e=>N[e]),[o]);return a(n.Children.count(i)<=l,`A maximum of ${l} ${t.displayName} component(s) are permitted as children of ${r.displayName}`),n.createElement(y,{gap:p,direction:d,...s},n.Children.map(i,(e,c)=>{if(e==null)return e;if(!n.isValidElement(e))throw new Error(`Child passed to ${r.displayName} is not a valid element`);a(e.type===t,`Children of type ${e==null?void 0:e.type} aren't permitted. Only an ${t.displayName} component is allowed in ${r.displayName}`);const u={appearance:c>0?"outline":void 0};return n.cloneElement(e,u)}))};r.displayName="BannerRegularActions";export{r as BannerRegularActions};
+import a from"invariant";import*as n from"react";import{overrideStitchesVariantValue as m}from"../../../utilities/override-stitches-variant-value/overrideStitchesVariantValue.js";import{Flex as f}from"../../flex/Flex.js";import{useBannerContext as y}from"../BannerContext.js";import{BannerRegularButton as t}from"./BannerRegularButton.js";const l=2,h={sm:2,md:4},N={sm:"column",md:"row"},r=({children:i,...s})=>{const{size:o}=y(),p=n.useMemo(()=>m(o,e=>h[e]),[o]),d=n.useMemo(()=>m(o,e=>N[e]),[o]);return a(n.Children.count(i)<=l,`A maximum of ${l} ${t.displayName} component(s) are permitted as children of ${r.displayName}`),n.createElement(f,{gap:p,direction:d,...s},n.Children.map(i,(e,c)=>{if(e==null)return e;if(!n.isValidElement(e))throw new Error(`Child passed to ${r.displayName} is not a valid element`);a(e.type===t,`Children of type ${e==null?void 0:e.type} aren't permitted. Only an ${t.displayName} component is allowed in ${r.displayName}`);const u={appearance:c>0?"outline":void 0};return n.cloneElement(e,u)}))};r.displayName="BannerRegularActions";export{r as BannerRegularActions};
 //# sourceMappingURL=BannerRegularActions.js.map

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

@@ -17,9 +17,10 @@ declare const Container: import("@stitches/react/types/styled-component").Styled
     hover: string;
 }, {
     colors: {
-        textForeground: any;
+        textBold: any;
+        textRegular: any;
         textSubtle: any;
-        textPlaceholder: any;
+        textMinimal: any;
         background: any;
         backgroundAccent: any;
         grey100: any;
@@ -166,11 +167,6 @@ declare const Container: import("@stitches/react/types/styled-component").Styled
         alpha200: any;
         alpha250: any;
         alpha600: any;
-        primaryLight: any;
-        primary: any;
-        primaryMid: any;
-        primaryDark: any;
-        secondary: any;
         brandRed: any;
         brandRedAccent: any;
         brandGreen: any;
@@ -179,6 +175,10 @@ declare const Container: import("@stitches/react/types/styled-component").Styled
         brandPurpleAccent: any;
         brandYellow: any;
         brandYellowAccent: any;
+        infoLight: any;
+        info: any;
+        infoMid: any;
+        infoDark: any;
         successLight: any;
         success: any;
         successMid: any;
@@ -202,6 +202,18 @@ declare const Container: import("@stitches/react/types/styled-component").Styled
         glBlueLight: any;
         glBluePrimary: any;
         glBlueDark: any;
+        primary100: any;
+        primary200: any;
+        primary300: any;
+        primary400: any;
+        primary500: any;
+        primary600: any;
+        primary700: any;
+        primary800: any;
+        primary900: any;
+        primary1000: any;
+        primary1100: any;
+        primary1200: any;
     };
     space: {
         "0": any;
@@ -337,9 +349,10 @@ declare const Container: import("@stitches/react/types/styled-component").Styled
     hover: string;
 }, {
     colors: {
-        textForeground: any;
+        textBold: any;
+        textRegular: any;
         textSubtle: any;
-        textPlaceholder: any;
+        textMinimal: any;
         background: any;
         backgroundAccent: any;
         grey100: any;
@@ -486,11 +499,6 @@ declare const Container: import("@stitches/react/types/styled-component").Styled
         alpha200: any;
         alpha250: any;
         alpha600: any;
-        primaryLight: any;
-        primary: any;
-        primaryMid: any;
-        primaryDark: any;
-        secondary: any;
         brandRed: any;
         brandRedAccent: any;
         brandGreen: any;
@@ -499,6 +507,10 @@ declare const Container: import("@stitches/react/types/styled-component").Styled
         brandPurpleAccent: any;
         brandYellow: any;
         brandYellowAccent: any;
+        infoLight: any;
+        info: any;
+        infoMid: any;
+        infoDark: any;
         successLight: any;
         success: any;
         successMid: any;
@@ -522,6 +534,18 @@ declare const Container: import("@stitches/react/types/styled-component").Styled
         glBlueLight: any;
         glBluePrimary: any;
         glBlueDark: any;
+        primary100: any;
+        primary200: any;
+        primary300: any;
+        primary400: any;
+        primary500: any;
+        primary600: any;
+        primary700: any;
+        primary800: any;
+        primary900: any;
+        primary1000: any;
+        primary1100: any;
+        primary1200: any;
     };
     space: {
         "0": any;