@atom-learning/components 3.5.1 → 3.6.0

package/CHANGELOG.md

@@ -1,9 +1,18 @@
-## [3.5.1](https://github.com/Atom-Learning/components/compare/v3.5.0...v3.5.1) (2023-12-01)
+# [3.6.0](https://github.com/Atom-Learning/components/compare/v3.5.2...v3.6.0) (2023-12-05)
 
 
 ### Bug Fixes
 
-* remove unnessesary prop on BannerRegular Text ([9b74de3](https://github.com/Atom-Learning/components/commit/9b74de335cd3b275f505664f83bbfeda33e9c996))
+* override onDismiss for DismissibleGroupItem to be the one from the Root ([fac670a](https://github.com/Atom-Learning/components/commit/fac670a1819a8c979e92dcd2f3bb23ac327e781d))
+
+
+### Features
+
+* allow Dismissible to be controlled ([036d022](https://github.com/Atom-Learning/components/commit/036d02294c009d8027ebb33b991e9e6cbaafe5b7))
+* keep value in DismissibleGroupItem as it's useful there ([36f25dc](https://github.com/Atom-Learning/components/commit/36f25dcd514fec9e3e566bfad532360684be66a0))
+* remove unecessary prop value from Dismissible ([1e6d195](https://github.com/Atom-Learning/components/commit/1e6d19596b3b7a839be65e7a9e0e4da7bdef2587))
+* remove value prop from BannerRegular test ([e90acad](https://github.com/Atom-Learning/components/commit/e90acadb1b30675165a1f34470003351fc656f03))
+* update components which use Dismissible to match props ([60dc13d](https://github.com/Atom-Learning/components/commit/60dc13d7e8a076bfb10b55830e788e3c9879549c))
 
 # [1.4.0](https://github.com/Atom-Learning/components/compare/v1.3.0...v1.4.0) (2022-04-11)
 

package/dist/components/action-icon/ActionIcon.js

@@ -1,2 +1,2 @@
-import{darken as o}from"color2k";import g from"invariant";import*as s from"react";import{styled as w,theme as n}from"../../stitches.js";import"../../utilities/css-wrapper/CSSWrapper.js";import"../../utilities/no-overflow-wrapper/NoOverflowWrapper.js";import"../../utilities/style/keyframe-animations.js";import{disabledStyle as v}from"../../utilities/style/disabledStyle.js";import{getExternalAnchorProps as M}from"../../utilities/uri/index.js";import{Icon as u}from"../icon/Icon.js";import{ActionIconSizeMap as z}from"./ActionIcon.constants.js";import{OptionalTooltipWrapper as x}from"../../utilities/optional-tooltip-wrapper/OptionalTooltipWrapper.js";const p=(e,r,a)=>({bg:"transparent",color:e,"&:not(:disabled):hover, &:not(:disabled):focus":{color:r},"&:not(:disabled):active":{color:a}}),t=(e,r,a)=>({bg:e,color:"white","&:not(:disabled):hover, &:not(:disabled):focus":{bg:r,color:"white"},"&:not(:disabled):active":{bg:a}}),c=(e,r,a)=>({border:"1px solid",borderColor:"currentColor",color:e,"&:not(:disabled):hover, &:not(:disabled):focus":{color:r},"&:not(:disabled):active":{color:a}}),C=w("button",{alignItems:"center",appearance:"none",bg:"white",border:"unset",borderRadius:"$0",boxSizing:"border-box",cursor:"pointer",display:"flex",justifyContent:"center",p:"unset",transition:"all 100ms ease-out","&[disabled]":v,variants:{theme:{neutral:{},primary:{},success:{},warning:{},danger:{}},appearance:{simple:{},outline:{},solid:{}},size:{xs:{size:"$2"},sm:{size:"$3"},md:{size:"$4"},lg:{size:"$5"}},isRounded:{true:{borderRadius:"$round"}}},compoundVariants:[{theme:"neutral",appearance:"simple",css:p("$tonal300","$primaryMid","$primaryDark")},{theme:"primary",appearance:"simple",css:p("$primary","$primaryMid","$primaryDark")},{theme:"primaryDark",appearance:"simple",css:p("$primaryDark",o(n.colors.primaryDark.value,.1),o(n.colors.primaryDark.value,.15))},{theme:"success",appearance:"simple",css:p("$success","$successMid","$successDark")},{theme:"warning",appearance:"simple",css:p("$warning","$warningMid","$warningDark")},{theme:"danger",appearance:"simple",css:p("$danger","$dangerMid","$dangerDark")},{theme:"primary",appearance:"solid",css:t("$primary","$primaryMid","$primaryDark")},{theme:"primaryDark",appearance:"solid",css:t("$primaryDark",o(n.colors.primaryDark.value,.1),o(n.colors.primaryDark.value,.15))},{theme:"success",appearance:"solid",css:t("$success","$successMid","$successDark")},{theme:"warning",appearance:"solid",css:t("$warning","$warningMid","$warningDark")},{theme:"danger",appearance:"solid",css:t("$danger","$dangerMid","$dangerDark")},{theme:"primary",appearance:"outline",css:c("$primary","$primaryMid","$primaryDark")},{theme:"primaryDark",appearance:"outline",css:c("$primaryDark",o(n.colors.primaryDark.value,.1),o(n.colors.primaryDark.value,.15))},{theme:"success",appearance:"outline",css:c("$success","$successMid","$successDark")},{theme:"warning",appearance:"outline",css:c("$warning","$warningMid","$warningDark")},{theme:"danger",appearance:"outline",css:c("$danger","$dangerMid","$dangerDark")}]}),l=s.forwardRef(({children:e,theme:r="primary",appearance:a="simple",size:$="sm",label:y,href:d,disabled:m,hasTooltip:b=!0,tooltipSide:k,...D},f)=>{const h=`A single ${u.displayName} component is permitted as a child of ${l.displayName}`;return g(s.Children.count(e)===1,h),s.createElement(x,{hasTooltip:b,label:y,tooltipSide:k},s.createElement(C,{...d?{as:"a",href:m?null:d,onClick:void 0,"aria-disabled":!!m}:{type:"button"},...M(d),...D,"aria-label":y,theme:r,appearance:a,size:$,ref:f,disabled:m},s.Children.map(e,i=>{if(!s.isValidElement(i))throw new Error(h);return g(i.type===u,`Children of type ${i==null?void 0:i.type} aren't permitted. Only an ${u.displayName} component is allowed in ${l.displayName}`),s.cloneElement(i,{size:z[$],css:{...i.props.css?i.props.css:{}}})})))});l.displayName="ActionIcon";export{l as ActionIcon};
+import{darken as o}from"color2k";import g from"invariant";import*as s from"react";import{styled as w,theme as n}from"../../stitches.js";import"../../utilities/css-wrapper/CSSWrapper.js";import"../../utilities/no-overflow-wrapper/NoOverflowWrapper.js";import"../../utilities/style/keyframe-animations.js";import{disabledStyle as v}from"../../utilities/style/disabledStyle.js";import{getExternalAnchorProps as M}from"../../utilities/uri/index.js";import{Icon as u}from"../icon/Icon.js";import{ActionIconSizeMap as z}from"./ActionIcon.constants.js";import{OptionalTooltipWrapper as x}from"../../utilities/optional-tooltip-wrapper/OptionalTooltipWrapper.js";const p=(e,r,a)=>({bg:"transparent",color:e,"&:not(:disabled):hover, &:not(:disabled):focus":{color:r},"&:not(:disabled):active":{color:a}}),t=(e,r,a)=>({bg:e,color:"white","&:not(:disabled):hover, &:not(:disabled):focus":{bg:r,color:"white"},"&:not(:disabled):active":{bg:a}}),c=(e,r,a)=>({border:"1px solid",borderColor:"currentColor",color:e,"&:not(:disabled):hover, &:not(:disabled):focus":{color:r},"&:not(:disabled):active":{color:a}}),C=w("button",{alignItems:"center",appearance:"none",bg:"white",border:"unset",borderRadius:"$0",boxSizing:"border-box",cursor:"pointer",display:"flex",flexShrink:0,justifyContent:"center",p:"unset",transition:"all 100ms ease-out","&[disabled]":v,variants:{theme:{neutral:{},primary:{},success:{},warning:{},danger:{}},appearance:{simple:{},outline:{},solid:{}},size:{xs:{size:"$2"},sm:{size:"$3"},md:{size:"$4"},lg:{size:"$5"}},isRounded:{true:{borderRadius:"$round"}}},compoundVariants:[{theme:"neutral",appearance:"simple",css:p("$tonal300","$primaryMid","$primaryDark")},{theme:"primary",appearance:"simple",css:p("$primary","$primaryMid","$primaryDark")},{theme:"primaryDark",appearance:"simple",css:p("$primaryDark",o(n.colors.primaryDark.value,.1),o(n.colors.primaryDark.value,.15))},{theme:"success",appearance:"simple",css:p("$success","$successMid","$successDark")},{theme:"warning",appearance:"simple",css:p("$warning","$warningMid","$warningDark")},{theme:"danger",appearance:"simple",css:p("$danger","$dangerMid","$dangerDark")},{theme:"primary",appearance:"solid",css:t("$primary","$primaryMid","$primaryDark")},{theme:"primaryDark",appearance:"solid",css:t("$primaryDark",o(n.colors.primaryDark.value,.1),o(n.colors.primaryDark.value,.15))},{theme:"success",appearance:"solid",css:t("$success","$successMid","$successDark")},{theme:"warning",appearance:"solid",css:t("$warning","$warningMid","$warningDark")},{theme:"danger",appearance:"solid",css:t("$danger","$dangerMid","$dangerDark")},{theme:"primary",appearance:"outline",css:c("$primary","$primaryMid","$primaryDark")},{theme:"primaryDark",appearance:"outline",css:c("$primaryDark",o(n.colors.primaryDark.value,.1),o(n.colors.primaryDark.value,.15))},{theme:"success",appearance:"outline",css:c("$success","$successMid","$successDark")},{theme:"warning",appearance:"outline",css:c("$warning","$warningMid","$warningDark")},{theme:"danger",appearance:"outline",css:c("$danger","$dangerMid","$dangerDark")}]}),l=s.forwardRef(({children:e,theme:r="primary",appearance:a="simple",size:$="sm",label:y,href:d,disabled:m,hasTooltip:b=!0,tooltipSide:k,...D},f)=>{const h=`A single ${u.displayName} component is permitted as a child of ${l.displayName}`;return g(s.Children.count(e)===1,h),s.createElement(x,{hasTooltip:b,label:y,tooltipSide:k},s.createElement(C,{...d?{as:"a",href:m?null:d,onClick:void 0,"aria-disabled":!!m}:{type:"button"},...M(d),...D,"aria-label":y,theme:r,appearance:a,size:$,ref:f,disabled:m},s.Children.map(e,i=>{if(!s.isValidElement(i))throw new Error(h);return g(i.type===u,`Children of type ${i==null?void 0:i.type} aren't permitted. Only an ${u.displayName} component is allowed in ${l.displayName}`),s.cloneElement(i,{size:z[$],css:{...i.props.css?i.props.css:{}}})})))});l.displayName="ActionIcon";export{l as ActionIcon};
 //# sourceMappingURL=ActionIcon.js.map

package/dist/components/action-icon/ActionIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionIcon.js","sources":["../../../src/components/action-icon/ActionIcon.tsx"],"sourcesContent":["import type { VariantProps } from '@stitches/react'\nimport { darken } from 'color2k'\nimport invariant from 'invariant'\nimport * as React from 'react'\n\nimport { styled, theme } from '~/stitches'\nimport { NavigatorActions } from '~/types'\nimport { disabledStyle, Override } from '~/utilities'\nimport type { TOptionalTooltipWrapperProps } from '~/utilities/optional-tooltip-wrapper'\nimport { OptionalTooltipWrapper } from '~/utilities/optional-tooltip-wrapper'\nimport { getExternalAnchorProps } from '~/utilities/uri'\n\nimport { Icon } from '../icon/Icon'\nimport { ActionIconSizeMap } from './ActionIcon.constants'\n\nconst getSimpleVariant = (base: string, interact: string, active: string) => ({\n  bg: 'transparent',\n  color: base,\n  '&:not(:disabled):hover, &:not(:disabled):focus': {\n    color: interact\n  },\n  '&:not(:disabled):active': {\n    color: active\n  }\n})\n\nconst getSolidVariant = (base: string, interact: string, active: string) => ({\n  bg: base,\n  color: 'white',\n  '&:not(:disabled):hover, &:not(:disabled):focus': {\n    bg: interact,\n    color: 'white'\n  },\n  '&:not(:disabled):active': {\n    bg: active\n  }\n})\n\nconst getOutlineVariant = (base: string, interact: string, active: string) => ({\n  border: '1px solid',\n  borderColor: 'currentColor',\n  color: base,\n  '&:not(:disabled):hover, &:not(:disabled):focus': {\n    color: interact\n  },\n  '&:not(:disabled):active': {\n    color: active\n  }\n})\n\nconst StyledButton = styled('button', {\n  alignItems: 'center',\n  appearance: 'none',\n  bg: 'white',\n  border: 'unset',\n  borderRadius: '$0',\n  boxSizing: 'border-box',\n  cursor: 'pointer',\n  display: 'flex',\n  justifyContent: 'center',\n  p: 'unset',\n  transition: 'all 100ms ease-out',\n  '&[disabled]': disabledStyle,\n  variants: {\n    theme: {\n      neutral: {},\n      primary: {},\n      success: {},\n      warning: {},\n      danger: {}\n    },\n    appearance: {\n      simple: {},\n      outline: {},\n      solid: {}\n    },\n    size: {\n      xs: { size: '$2' },\n      sm: { size: '$3' },\n      md: { size: '$4' },\n      lg: { size: '$5' }\n    },\n    isRounded: {\n      true: {\n        borderRadius: '$round'\n      }\n    }\n  },\n\n  compoundVariants: [\n    // Appearance Simple\n    {\n      theme: 'neutral',\n      appearance: 'simple',\n      css: getSimpleVariant('$tonal300', '$primaryMid', '$primaryDark')\n    },\n    {\n      theme: 'primary',\n      appearance: 'simple',\n      css: getSimpleVariant('$primary', '$primaryMid', '$primaryDark')\n    },\n    {\n      theme: 'primaryDark',\n      appearance: 'simple',\n      css: getSimpleVariant(\n        '$primaryDark',\n        darken(theme.colors.primaryDark.value, 0.1),\n        darken(theme.colors.primaryDark.value, 0.15)\n      )\n    },\n    {\n      theme: 'success',\n      appearance: 'simple',\n      css: getSimpleVariant('$success', '$successMid', '$successDark')\n    },\n    {\n      theme: 'warning',\n      appearance: 'simple',\n      css: getSimpleVariant('$warning', '$warningMid', '$warningDark')\n    },\n    {\n      theme: 'danger',\n      appearance: 'simple',\n      css: getSimpleVariant('$danger', '$dangerMid', '$dangerDark')\n    },\n\n    // Appearance Solid\n    {\n      theme: 'primary',\n      appearance: 'solid',\n      css: getSolidVariant('$primary', '$primaryMid', '$primaryDark')\n    },\n    {\n      theme: 'primaryDark',\n      appearance: 'solid',\n      css: getSolidVariant(\n        '$primaryDark',\n        darken(theme.colors.primaryDark.value, 0.1),\n        darken(theme.colors.primaryDark.value, 0.15)\n      )\n    },\n    {\n      theme: 'success',\n      appearance: 'solid',\n      css: getSolidVariant('$success', '$successMid', '$successDark')\n    },\n    {\n      theme: 'warning',\n      appearance: 'solid',\n      css: getSolidVariant('$warning', '$warningMid', '$warningDark')\n    },\n    {\n      theme: 'danger',\n      appearance: 'solid',\n      css: getSolidVariant('$danger', '$dangerMid', '$dangerDark')\n    },\n\n    // Appearance Outline\n    {\n      theme: 'primary',\n      appearance: 'outline',\n      css: getOutlineVariant('$primary', '$primaryMid', '$primaryDark')\n    },\n    {\n      theme: 'primaryDark',\n      appearance: 'outline',\n      css: getOutlineVariant(\n        '$primaryDark',\n        darken(theme.colors.primaryDark.value, 0.1),\n        darken(theme.colors.primaryDark.value, 0.15)\n      )\n    },\n    {\n      theme: 'success',\n      appearance: 'outline',\n      css: getOutlineVariant('$success', '$successMid', '$successDark')\n    },\n    {\n      theme: 'warning',\n      appearance: 'outline',\n      css: getOutlineVariant('$warning', '$warningMid', '$warningDark')\n    },\n    {\n      theme: 'danger',\n      appearance: 'outline',\n      css: getOutlineVariant('$danger', '$dangerMid', '$dangerDark')\n    }\n  ]\n})\n\ntype ActionIconProps = Override<\n  React.ComponentProps<typeof StyledButton>,\n  VariantProps<typeof StyledButton> & {\n    as?: string | React.ReactNode\n    children: React.ReactNode\n    label: string\n  } & Omit<TOptionalTooltipWrapperProps, 'label'> &\n    NavigatorActions\n>\n\nexport const ActionIcon = React.forwardRef<HTMLButtonElement, ActionIconProps>(\n  (\n    {\n      children,\n      theme = 'primary',\n      appearance = 'simple',\n      size = 'sm',\n      label,\n      href,\n      disabled,\n      hasTooltip = true,\n      tooltipSide,\n      ...remainingProps\n    },\n    ref\n  ) => {\n    const INVALID_CHILDREN_MESSAGE = `A single ${Icon.displayName} component is permitted as a child of ${ActionIcon.displayName}`\n\n    invariant(React.Children.count(children) === 1, INVALID_CHILDREN_MESSAGE)\n\n    const optionalLinkProps = href\n      ? ({\n          as: 'a',\n          href: disabled ? null : href,\n          onClick: undefined,\n          'aria-disabled': !!disabled\n        } as const)\n      : ({ type: 'button' } as const)\n\n    return (\n      <OptionalTooltipWrapper\n        hasTooltip={hasTooltip}\n        label={label}\n        tooltipSide={tooltipSide}\n      >\n        <StyledButton\n          {...optionalLinkProps}\n          {...getExternalAnchorProps(href)}\n          {...remainingProps}\n          aria-label={label}\n          theme={theme}\n          appearance={appearance}\n          size={size}\n          ref={ref}\n          disabled={disabled}\n        >\n          {React.Children.map(children, (child) => {\n            // TS needs this check for any following code to access child.type\n            // even with optional chaining\n            if (!React.isValidElement(child)) {\n              throw new Error(INVALID_CHILDREN_MESSAGE)\n            }\n\n            invariant(\n              child.type === Icon,\n              `Children of type ${child?.type} aren't permitted. Only an ${Icon.displayName} component is allowed in ${ActionIcon.displayName}`\n            )\n\n            return React.cloneElement(child, {\n              size: ActionIconSizeMap[size as string],\n              css: { ...(child.props.css ? child.props.css : {}) }\n            })\n          })}\n        </StyledButton>\n      </OptionalTooltipWrapper>\n    )\n  }\n)\n\nActionIcon.displayName = 'ActionIcon'\n"],"names":["getSimpleVariant","base","interact","active","getSolidVariant","getOutlineVariant","StyledButton","styled","disabledStyle","darken","theme","ActionIcon","React","children","appearance","size","label","href","disabled","hasTooltip","tooltipSide","remainingProps","ref","INVALID_CHILDREN_MESSAGE","Icon","invariant","OptionalTooltipWrapper","getExternalAnchorProps","child","ActionIconSizeMap"],"mappings":"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"}
+{"version":3,"file":"ActionIcon.js","sources":["../../../src/components/action-icon/ActionIcon.tsx"],"sourcesContent":["import type { VariantProps } from '@stitches/react'\nimport { darken } from 'color2k'\nimport invariant from 'invariant'\nimport * as React from 'react'\n\nimport { styled, theme } from '~/stitches'\nimport { NavigatorActions } from '~/types'\nimport { disabledStyle, Override } from '~/utilities'\nimport type { TOptionalTooltipWrapperProps } from '~/utilities/optional-tooltip-wrapper'\nimport { OptionalTooltipWrapper } from '~/utilities/optional-tooltip-wrapper'\nimport { getExternalAnchorProps } from '~/utilities/uri'\n\nimport { Icon } from '../icon/Icon'\nimport { ActionIconSizeMap } from './ActionIcon.constants'\n\nconst getSimpleVariant = (base: string, interact: string, active: string) => ({\n  bg: 'transparent',\n  color: base,\n  '&:not(:disabled):hover, &:not(:disabled):focus': {\n    color: interact\n  },\n  '&:not(:disabled):active': {\n    color: active\n  }\n})\n\nconst getSolidVariant = (base: string, interact: string, active: string) => ({\n  bg: base,\n  color: 'white',\n  '&:not(:disabled):hover, &:not(:disabled):focus': {\n    bg: interact,\n    color: 'white'\n  },\n  '&:not(:disabled):active': {\n    bg: active\n  }\n})\n\nconst getOutlineVariant = (base: string, interact: string, active: string) => ({\n  border: '1px solid',\n  borderColor: 'currentColor',\n  color: base,\n  '&:not(:disabled):hover, &:not(:disabled):focus': {\n    color: interact\n  },\n  '&:not(:disabled):active': {\n    color: active\n  }\n})\n\nconst StyledButton = styled('button', {\n  alignItems: 'center',\n  appearance: 'none',\n  bg: 'white',\n  border: 'unset',\n  borderRadius: '$0',\n  boxSizing: 'border-box',\n  cursor: 'pointer',\n  display: 'flex',\n  flexShrink: 0,\n  justifyContent: 'center',\n  p: 'unset',\n  transition: 'all 100ms ease-out',\n  '&[disabled]': disabledStyle,\n  variants: {\n    theme: {\n      neutral: {},\n      primary: {},\n      success: {},\n      warning: {},\n      danger: {}\n    },\n    appearance: {\n      simple: {},\n      outline: {},\n      solid: {}\n    },\n    size: {\n      xs: { size: '$2' },\n      sm: { size: '$3' },\n      md: { size: '$4' },\n      lg: { size: '$5' }\n    },\n    isRounded: {\n      true: {\n        borderRadius: '$round'\n      }\n    }\n  },\n\n  compoundVariants: [\n    // Appearance Simple\n    {\n      theme: 'neutral',\n      appearance: 'simple',\n      css: getSimpleVariant('$tonal300', '$primaryMid', '$primaryDark')\n    },\n    {\n      theme: 'primary',\n      appearance: 'simple',\n      css: getSimpleVariant('$primary', '$primaryMid', '$primaryDark')\n    },\n    {\n      theme: 'primaryDark',\n      appearance: 'simple',\n      css: getSimpleVariant(\n        '$primaryDark',\n        darken(theme.colors.primaryDark.value, 0.1),\n        darken(theme.colors.primaryDark.value, 0.15)\n      )\n    },\n    {\n      theme: 'success',\n      appearance: 'simple',\n      css: getSimpleVariant('$success', '$successMid', '$successDark')\n    },\n    {\n      theme: 'warning',\n      appearance: 'simple',\n      css: getSimpleVariant('$warning', '$warningMid', '$warningDark')\n    },\n    {\n      theme: 'danger',\n      appearance: 'simple',\n      css: getSimpleVariant('$danger', '$dangerMid', '$dangerDark')\n    },\n\n    // Appearance Solid\n    {\n      theme: 'primary',\n      appearance: 'solid',\n      css: getSolidVariant('$primary', '$primaryMid', '$primaryDark')\n    },\n    {\n      theme: 'primaryDark',\n      appearance: 'solid',\n      css: getSolidVariant(\n        '$primaryDark',\n        darken(theme.colors.primaryDark.value, 0.1),\n        darken(theme.colors.primaryDark.value, 0.15)\n      )\n    },\n    {\n      theme: 'success',\n      appearance: 'solid',\n      css: getSolidVariant('$success', '$successMid', '$successDark')\n    },\n    {\n      theme: 'warning',\n      appearance: 'solid',\n      css: getSolidVariant('$warning', '$warningMid', '$warningDark')\n    },\n    {\n      theme: 'danger',\n      appearance: 'solid',\n      css: getSolidVariant('$danger', '$dangerMid', '$dangerDark')\n    },\n\n    // Appearance Outline\n    {\n      theme: 'primary',\n      appearance: 'outline',\n      css: getOutlineVariant('$primary', '$primaryMid', '$primaryDark')\n    },\n    {\n      theme: 'primaryDark',\n      appearance: 'outline',\n      css: getOutlineVariant(\n        '$primaryDark',\n        darken(theme.colors.primaryDark.value, 0.1),\n        darken(theme.colors.primaryDark.value, 0.15)\n      )\n    },\n    {\n      theme: 'success',\n      appearance: 'outline',\n      css: getOutlineVariant('$success', '$successMid', '$successDark')\n    },\n    {\n      theme: 'warning',\n      appearance: 'outline',\n      css: getOutlineVariant('$warning', '$warningMid', '$warningDark')\n    },\n    {\n      theme: 'danger',\n      appearance: 'outline',\n      css: getOutlineVariant('$danger', '$dangerMid', '$dangerDark')\n    }\n  ]\n})\n\ntype ActionIconProps = Override<\n  React.ComponentProps<typeof StyledButton>,\n  VariantProps<typeof StyledButton> & {\n    as?: string | React.ReactNode\n    children: React.ReactNode\n    label: string\n  } & Omit<TOptionalTooltipWrapperProps, 'label'> &\n    NavigatorActions\n>\n\nexport const ActionIcon = React.forwardRef<HTMLButtonElement, ActionIconProps>(\n  (\n    {\n      children,\n      theme = 'primary',\n      appearance = 'simple',\n      size = 'sm',\n      label,\n      href,\n      disabled,\n      hasTooltip = true,\n      tooltipSide,\n      ...remainingProps\n    },\n    ref\n  ) => {\n    const INVALID_CHILDREN_MESSAGE = `A single ${Icon.displayName} component is permitted as a child of ${ActionIcon.displayName}`\n\n    invariant(React.Children.count(children) === 1, INVALID_CHILDREN_MESSAGE)\n\n    const optionalLinkProps = href\n      ? ({\n          as: 'a',\n          href: disabled ? null : href,\n          onClick: undefined,\n          'aria-disabled': !!disabled\n        } as const)\n      : ({ type: 'button' } as const)\n\n    return (\n      <OptionalTooltipWrapper\n        hasTooltip={hasTooltip}\n        label={label}\n        tooltipSide={tooltipSide}\n      >\n        <StyledButton\n          {...optionalLinkProps}\n          {...getExternalAnchorProps(href)}\n          {...remainingProps}\n          aria-label={label}\n          theme={theme}\n          appearance={appearance}\n          size={size}\n          ref={ref}\n          disabled={disabled}\n        >\n          {React.Children.map(children, (child) => {\n            // TS needs this check for any following code to access child.type\n            // even with optional chaining\n            if (!React.isValidElement(child)) {\n              throw new Error(INVALID_CHILDREN_MESSAGE)\n            }\n\n            invariant(\n              child.type === Icon,\n              `Children of type ${child?.type} aren't permitted. Only an ${Icon.displayName} component is allowed in ${ActionIcon.displayName}`\n            )\n\n            return React.cloneElement(child, {\n              size: ActionIconSizeMap[size as string],\n              css: { ...(child.props.css ? child.props.css : {}) }\n            })\n          })}\n        </StyledButton>\n      </OptionalTooltipWrapper>\n    )\n  }\n)\n\nActionIcon.displayName = 'ActionIcon'\n"],"names":["getSimpleVariant","base","interact","active","getSolidVariant","getOutlineVariant","StyledButton","styled","disabledStyle","darken","theme","ActionIcon","React","children","appearance","size","label","href","disabled","hasTooltip","tooltipSide","remainingProps","ref","INVALID_CHILDREN_MESSAGE","Icon","invariant","OptionalTooltipWrapper","getExternalAnchorProps","child","ActionIconSizeMap"],"mappings":"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"}

package/dist/components/alert-dialog/alert-context/AlertDialogIcon.js

@@ -1,2 +1,2 @@
-import{Info as e,Danger as o,OkCircle as n}from"@atom-learning/icons";import*as t from"react";import{styled as s}from"../../../stitches.js";import{Icon as i}from"../../icon/Icon.js";const a=s(i,{flexShrink:0,alignSelf:"flex-start",variants:{theme:{info:{color:"$blue800"},warning:{color:"$warningMid"},danger:{color:"$danger",transform:"rotate(180deg)"},success:{color:"$success"}}}}),c={info:e,warning:o,danger:e,success:n},l=({theme:r})=>t.createElement(a,{theme:r,is:c[r]});export{l as AlertDialogIcon};
+import{Info as o,Danger as e,OkCircle as n}from"@atom-learning/icons";import*as t from"react";import{styled as s}from"../../../stitches.js";import{Icon as a}from"../../icon/Icon.js";const c=s(a,{alignSelf:"flex-start",variants:{theme:{info:{color:"$blue800"},warning:{color:"$warningMid"},danger:{color:"$danger",transform:"rotate(180deg)"},success:{color:"$success"}}}}),i={info:o,warning:e,danger:o,success:n},l=({theme:r})=>t.createElement(c,{theme:r,is:i[r]});export{l as AlertDialogIcon};
 //# sourceMappingURL=AlertDialogIcon.js.map

package/dist/components/alert-dialog/alert-context/AlertDialogIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"AlertDialogIcon.js","sources":["../../../../src/components/alert-dialog/alert-context/AlertDialogIcon.tsx"],"sourcesContent":["import { Danger, Info, OkCircle } from '@atom-learning/icons'\nimport * as React from 'react'\n\nimport { styled } from '~/stitches'\n\nimport { Icon } from '../../icon'\n\nexport type AlertDialogTheme = 'info' | 'warning' | 'danger' | 'success'\n\nconst StyledIcon = styled(Icon, {\n  flexShrink: 0,\n  alignSelf: 'flex-start',\n  variants: {\n    theme: {\n      info: { color: '$blue800' },\n      warning: { color: '$warningMid' },\n      danger: { color: '$danger', transform: 'rotate(180deg)' },\n      success: { color: '$success' }\n    }\n  }\n})\n\nconst iconMap: Record<\n  AlertDialogTheme,\n  React.FC<React.SVGProps<SVGSVGElement>>\n> = {\n  info: Info,\n  warning: Danger,\n  danger: Info,\n  success: OkCircle\n}\n\nexport const AlertDialogIcon = ({ theme }: { theme: AlertDialogTheme }) => (\n  <StyledIcon theme={theme} is={iconMap[theme]} />\n)\n"],"names":["StyledIcon","styled","Icon","iconMap","Info","Danger","OkCircle","AlertDialogIcon","theme","React"],"mappings":"sLASA,MAAMA,EAAaC,EAAOC,EAAM,CAC9B,WAAY,EACZ,UAAW,aACX,SAAU,CACR,MAAO,CACL,KAAM,CAAE,MAAO,UAAW,EAC1B,QAAS,CAAE,MAAO,aAAc,EAChC,OAAQ,CAAE,MAAO,UAAW,UAAW,gBAAiB,EACxD,QAAS,CAAE,MAAO,UAAW,CAC/B,CACF,CACF,CAAC,EAEKC,EAGF,CACF,KAAMC,EACN,QAASC,EACT,OAAQD,EACR,QAASE,CACX,EAEaC,EAAkB,CAAC,CAAE,MAAAC,CAAM,IACtCC,EAAA,cAACT,EAAA,CAAW,MAAOQ,EAAO,GAAIL,EAAQK,EAAQ,CAAA"}
+{"version":3,"file":"AlertDialogIcon.js","sources":["../../../../src/components/alert-dialog/alert-context/AlertDialogIcon.tsx"],"sourcesContent":["import { Danger, Info, OkCircle } from '@atom-learning/icons'\nimport * as React from 'react'\n\nimport { styled } from '~/stitches'\n\nimport { Icon } from '../../icon'\n\nexport type AlertDialogTheme = 'info' | 'warning' | 'danger' | 'success'\n\nconst StyledIcon = styled(Icon, {\n  alignSelf: 'flex-start',\n  variants: {\n    theme: {\n      info: { color: '$blue800' },\n      warning: { color: '$warningMid' },\n      danger: { color: '$danger', transform: 'rotate(180deg)' },\n      success: { color: '$success' }\n    }\n  }\n})\n\nconst iconMap: Record<\n  AlertDialogTheme,\n  React.FC<React.SVGProps<SVGSVGElement>>\n> = {\n  info: Info,\n  warning: Danger,\n  danger: Info,\n  success: OkCircle\n}\n\nexport const AlertDialogIcon = ({ theme }: { theme: AlertDialogTheme }) => (\n  <StyledIcon theme={theme} is={iconMap[theme]} />\n)\n"],"names":["StyledIcon","styled","Icon","iconMap","Info","Danger","OkCircle","AlertDialogIcon","theme","React"],"mappings":"sLASA,MAAMA,EAAaC,EAAOC,EAAM,CAC9B,UAAW,aACX,SAAU,CACR,MAAO,CACL,KAAM,CAAE,MAAO,UAAW,EAC1B,QAAS,CAAE,MAAO,aAAc,EAChC,OAAQ,CAAE,MAAO,UAAW,UAAW,gBAAiB,EACxD,QAAS,CAAE,MAAO,UAAW,CAC/B,CACF,CACF,CAAC,EAEKC,EAGF,CACF,KAAMC,EACN,QAASC,EACT,OAAQD,EACR,QAASE,CACX,EAEaC,EAAkB,CAAC,CAAE,MAAAC,CAAM,IACtCC,EAAA,cAACT,EAAA,CAAW,MAAOQ,EAAO,GAAIL,EAAQK,EAAQ,CAAA"}

package/dist/components/badge/BadgeIcon.js

@@ -1,2 +1,2 @@
-import*as e from"react";import{Icon as r}from"../icon/Icon.js";import{styled as t}from"../../stitches.js";const m=t(r,{flexShrink:0}),n=o=>e.createElement(m,{size:"sm",...o});export{n as BadgeIcon};
+import*as e from"react";import{Icon as t}from"../icon/Icon.js";import{styled as m}from"../../stitches.js";const r=m(t),n=o=>e.createElement(r,{size:"sm",...o});export{n as BadgeIcon};
 //# sourceMappingURL=BadgeIcon.js.map

package/dist/components/badge/BadgeIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"BadgeIcon.js","sources":["../../../src/components/badge/BadgeIcon.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Icon } from '~/components/icon'\nimport { styled } from '~/stitches'\n\nconst StyledBadgeIcon = styled(Icon, { flexShrink: 0 })\nexport const BadgeIcon = (\n  props: React.ComponentProps<typeof StyledBadgeIcon>\n) => <StyledBadgeIcon size=\"sm\" {...props} />\n"],"names":["StyledBadgeIcon","styled","Icon","BadgeIcon","props","React"],"mappings":"0GAKA,MAAMA,EAAkBC,EAAOC,EAAM,CAAE,WAAY,CAAE,CAAC,EACzCC,EACXC,GACGC,EAAA,cAACL,EAAA,CAAgB,KAAK,KAAM,GAAGI,CAAO,CAAA"}
+{"version":3,"file":"BadgeIcon.js","sources":["../../../src/components/badge/BadgeIcon.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Icon } from '~/components/icon'\nimport { styled } from '~/stitches'\n\nconst StyledBadgeIcon = styled(Icon)\n\nexport const BadgeIcon = (\n  props: React.ComponentProps<typeof StyledBadgeIcon>\n) => <StyledBadgeIcon size=\"sm\" {...props} />\n"],"names":["StyledBadgeIcon","styled","Icon","BadgeIcon","props","React"],"mappings":"0GAKA,MAAMA,EAAkBC,EAAOC,CAAI,EAEtBC,EACXC,GACGC,EAAA,cAACL,EAAA,CAAgB,KAAK,KAAM,GAAGI,CAAO,CAAA"}

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

@@ -650,5 +650,5 @@ declare const StyledBannerContainer: import("@stitches/react/types/styled-compon
 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 declare const BannerContainer: ({ colorScheme, onDismiss, dismissed, ...props }: TBannerContainerProps) => JSX.Element;
 export {};

package/dist/components/banner/BannerContainer.js

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

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

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

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

@@ -1,2 +1,2 @@
-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};
+import*as r from"react";import{Banner as i}from"../Banner.js";import{BannerRegularActions as s}from"./BannerRegularActions.js";import{BannerRegularButton as l}from"./BannerRegularButton.js";import{BannerRegularContainer as g}from"./BannerRegularContainer.js";import{BannerRegularContent as p}from"./BannerRegularContent.js";import{BannerRegularDismiss as B}from"./BannerRegularDismiss.js";import{BannerRegularHeading as u}from"./BannerRegularHeading.js";import{BannerRegularImage as f}from"./BannerRegularImage.js";import{BannerRegularText as R}from"./BannerRegularText.js";const e=({colorScheme:n,size:o,emphasis:a,onDismiss:m,...t})=>r.createElement(i,{size:o,emphasis:a},r.createElement(g,{colorScheme:n,onDismiss:m,...t}));e.Content=p,e.Heading=u,e.Text=R,e.Actions=s,e.Image=f,e.Button=l,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 { 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"}
+{"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, onDismiss, ...rest }) => {\n  return (\n    <Banner size={size} emphasis={emphasis}>\n      <BannerRegularContainer\n        colorScheme={colorScheme}\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","onDismiss","rest","React","Banner","BannerRegularContainer","BannerRegularContent","BannerRegularHeading","BannerRegularText","BannerRegularActions","BannerRegularImage","BannerRegularButton","BannerRegularDismiss"],"mappings":"8jBAYa,MAAAA,EAUT,CAAC,CAAE,YAAAC,EAAa,KAAAC,EAAM,SAAAC,EAAU,UAAAC,KAAcC,CAAK,IAEnDC,EAAA,cAACC,EAAA,CAAO,KAAML,EAAM,SAAUC,GAC5BG,EAAA,cAACE,EAAA,CACC,YAAaP,EACb,UAAWG,EACV,GAAGC,CACN,CAAA,CACF,EAIJL,EAAc,QAAUS,EACxBT,EAAc,QAAUU,EACxBV,EAAc,KAAOW,EACrBX,EAAc,QAAUY,EACxBZ,EAAc,MAAQa,EACtBb,EAAc,OAASc,EACvBd,EAAc,QAAUe,EAExBf,EAAc,YAAc"}

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

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

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

@@ -1 +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"}
+{"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, onDismiss, ...rest }) => {\n  return (\n    <Banner size={size} emphasis={emphasis}>\n      <BannerSlimContainer\n        colorScheme={colorScheme}\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","onDismiss","rest","React","Banner","BannerSlimContainer","BannerSlimContent","BannerSlimText","BannerSlimImage","BannerSlimButton","BannerSlimDismiss","BannerSlimActions"],"mappings":"ydAYaA,EAUT,CAAC,CAAE,YAAAC,EAAa,KAAAC,EAAM,SAAAC,EAAU,UAAAC,KAAcC,CAAK,IAEnDC,EAAA,cAACC,EAAA,CAAO,KAAML,EAAM,SAAUC,CAC5BG,EAAAA,EAAA,cAACE,EAAA,CACC,YAAaP,EACb,UAAWG,EACV,GAAGC,CAAAA,CACN,CACF,EAIJL,EAAW,QAAUS,EACrBT,EAAW,KAAOU,EAClBV,EAAW,MAAQW,EACnBX,EAAW,OAASY,EACpBZ,EAAW,QAAUa,EACrBb,EAAW,QAAUc,EAErBd,EAAW,YAAc"}

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-declare const StyledBannerSlimContainer: import("@stitches/react/types/styled-component").StyledComponent<({ colorScheme, value, onDismiss, ...props }: import("../BannerContainer").TBannerContainerProps) => JSX.Element, {
+declare const StyledBannerSlimContainer: import("@stitches/react/types/styled-component").StyledComponent<({ colorScheme, onDismiss, dismissed, ...props }: import("../BannerContainer").TBannerContainerProps) => JSX.Element, {
     sizeWorkaround?: "sm" | "md" | undefined;
 }, {
     sm: string;

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

@@ -1,2 +1,2 @@
-import{Close as n}from"@atom-learning/icons";import*as e from"react";import{styled as a}from"../../../stitches.js";import{ActionIcon as l}from"../../action-icon/ActionIcon.js";import{Icon as p}from"../../icon/Icon.js";import{Banner as c}from"../Banner.js";import{useBannerContext as d}from"../BannerContext.js";const f=a(l,{flexShrink:0,variants:{emphasis:{bold:{color:"white !important"}},containerSize:{sm:{position:"absolute",top:"$4",right:"$4"},md:{position:"static"}}}}),s=({label:t="dismiss",...o})=>{const{size:m,setHasDismiss:i,emphasis:r}=d();return e.useEffect(()=>(i(!0),()=>{i(!1)}),[i]),e.createElement(c.Dismiss,{asChild:!0},e.createElement(f,{label:t,size:"md",hasTooltip:!1,isRounded:!0,theme:"neutral",containerSize:m,emphasis:r,...o},e.createElement(p,{is:n})))};s.displayName="BannerSlimDismiss";export{s as BannerSlimDismiss};
+import{Close as n}from"@atom-learning/icons";import*as e from"react";import{styled as a}from"../../../stitches.js";import{ActionIcon as l}from"../../action-icon/ActionIcon.js";import{Icon as p}from"../../icon/Icon.js";import{Banner as c}from"../Banner.js";import{useBannerContext as f}from"../BannerContext.js";const d=a(l,{variants:{emphasis:{bold:{color:"white !important"}},containerSize:{sm:{position:"absolute",top:"$4",right:"$4"},md:{position:"static"}}}}),s=({label:t="dismiss",...o})=>{const{size:m,setHasDismiss:i,emphasis:r}=f();return e.useEffect(()=>(i(!0),()=>{i(!1)}),[i]),e.createElement(c.Dismiss,{asChild:!0},e.createElement(d,{label:t,size:"md",hasTooltip:!1,isRounded:!0,theme:"neutral",containerSize:m,emphasis:r,...o},e.createElement(p,{is:n})))};s.displayName="BannerSlimDismiss";export{s as BannerSlimDismiss};
 //# sourceMappingURL=BannerSlimDismiss.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BannerSlimDismiss.js","sources":["../../../../src/components/banner/banner-slim/BannerSlimDismiss.tsx"],"sourcesContent":["import { Close } from '@atom-learning/icons'\nimport * as React from 'react'\n\nimport { styled } from '~/stitches'\n\nimport { ActionIcon } from '../../action-icon'\nimport { Icon } from '../../icon'\nimport { Banner } from '../Banner'\nimport { useBannerContext } from '../BannerContext'\n\nconst StyledDismiss = styled(ActionIcon, {\n  flexShrink: 0,\n  variants: {\n    emphasis: {\n      bold: {\n        color: 'white !important'\n      }\n    },\n    containerSize: {\n      sm: { position: 'absolute', top: '$4', right: '$4' },\n      md: { position: 'static' }\n    }\n  }\n})\n\ntype TBannerSlimDismissProps = Omit<\n  React.ComponentProps<typeof StyledDismiss>,\n  'children' | 'onClick' | 'href'\n>\n\nexport const BannerSlimDismiss = ({\n  label = 'dismiss',\n  ...rest\n}: TBannerSlimDismissProps): JSX.Element => {\n  const { size, setHasDismiss, emphasis } = useBannerContext()\n\n  React.useEffect(() => {\n    setHasDismiss(true)\n    return () => {\n      setHasDismiss(false)\n    }\n  }, [setHasDismiss])\n\n  return (\n    <Banner.Dismiss asChild>\n      <StyledDismiss\n        label={label}\n        size=\"md\"\n        hasTooltip={false}\n        isRounded\n        theme=\"neutral\"\n        containerSize={size}\n        emphasis={emphasis as TBannerSlimDismissProps['emphasis']}\n        {...rest}\n      >\n        <Icon is={Close} />\n      </StyledDismiss>\n    </Banner.Dismiss>\n  )\n}\n\nBannerSlimDismiss.displayName = 'BannerSlimDismiss'\n"],"names":["StyledDismiss","styled","ActionIcon","BannerSlimDismiss","label","rest","size","setHasDismiss","emphasis","useBannerContext","React","Banner","Icon","Close"],"mappings":"uTAUA,MAAMA,EAAgBC,EAAOC,EAAY,CACvC,WAAY,EACZ,SAAU,CACR,SAAU,CACR,KAAM,CACJ,MAAO,kBACT,CACF,EACA,cAAe,CACb,GAAI,CAAE,SAAU,WAAY,IAAK,KAAM,MAAO,IAAK,EACnD,GAAI,CAAE,SAAU,QAAS,CAC3B,CACF,CACF,CAAC,EAOYC,EAAoB,CAAC,CAChC,MAAAC,EAAQ,aACLC,CACL,IAA4C,CAC1C,KAAM,CAAE,KAAAC,EAAM,cAAAC,EAAe,SAAAC,CAAS,EAAIC,IAE1C,OAAAC,EAAM,UAAU,KACdH,EAAc,EAAI,EACX,IAAM,CACXA,EAAc,EAAK,CACrB,GACC,CAACA,CAAa,CAAC,EAGhBG,EAAA,cAACC,EAAO,QAAP,CAAe,QAAO,EACrBD,EAAAA,EAAA,cAACV,EAAA,CACC,MAAOI,EACP,KAAK,KACL,WAAY,GACZ,UAAS,GACT,MAAM,UACN,cAAeE,EACf,SAAUE,EACT,GAAGH,CAEJK,EAAAA,EAAA,cAACE,EAAA,CAAK,GAAIC,CAAAA,CAAO,CACnB,CACF,CAEJ,EAEAV,EAAkB,YAAc"}
+{"version":3,"file":"BannerSlimDismiss.js","sources":["../../../../src/components/banner/banner-slim/BannerSlimDismiss.tsx"],"sourcesContent":["import { Close } from '@atom-learning/icons'\nimport * as React from 'react'\n\nimport { styled } from '~/stitches'\n\nimport { ActionIcon } from '../../action-icon'\nimport { Icon } from '../../icon'\nimport { Banner } from '../Banner'\nimport { useBannerContext } from '../BannerContext'\n\nconst StyledDismiss = styled(ActionIcon, {\n  variants: {\n    emphasis: {\n      bold: {\n        color: 'white !important'\n      }\n    },\n    containerSize: {\n      sm: { position: 'absolute', top: '$4', right: '$4' },\n      md: { position: 'static' }\n    }\n  }\n})\n\ntype TBannerSlimDismissProps = Omit<\n  React.ComponentProps<typeof StyledDismiss>,\n  'children' | 'onClick' | 'href'\n>\n\nexport const BannerSlimDismiss = ({\n  label = 'dismiss',\n  ...rest\n}: TBannerSlimDismissProps): JSX.Element => {\n  const { size, setHasDismiss, emphasis } = useBannerContext()\n\n  React.useEffect(() => {\n    setHasDismiss(true)\n    return () => {\n      setHasDismiss(false)\n    }\n  }, [setHasDismiss])\n\n  return (\n    <Banner.Dismiss asChild>\n      <StyledDismiss\n        label={label}\n        size=\"md\"\n        hasTooltip={false}\n        isRounded\n        theme=\"neutral\"\n        containerSize={size}\n        emphasis={emphasis as TBannerSlimDismissProps['emphasis']}\n        {...rest}\n      >\n        <Icon is={Close} />\n      </StyledDismiss>\n    </Banner.Dismiss>\n  )\n}\n\nBannerSlimDismiss.displayName = 'BannerSlimDismiss'\n"],"names":["StyledDismiss","styled","ActionIcon","BannerSlimDismiss","label","rest","size","setHasDismiss","emphasis","useBannerContext","React","Banner","Icon","Close"],"mappings":"uTAUA,MAAMA,EAAgBC,EAAOC,EAAY,CACvC,SAAU,CACR,SAAU,CACR,KAAM,CACJ,MAAO,kBACT,CACF,EACA,cAAe,CACb,GAAI,CAAE,SAAU,WAAY,IAAK,KAAM,MAAO,IAAK,EACnD,GAAI,CAAE,SAAU,QAAS,CAC3B,CACF,CACF,CAAC,EAOYC,EAAoB,CAAC,CAChC,MAAAC,EAAQ,aACLC,CACL,IAA4C,CAC1C,KAAM,CAAE,KAAAC,EAAM,cAAAC,EAAe,SAAAC,CAAS,EAAIC,IAE1C,OAAAC,EAAM,UAAU,KACdH,EAAc,EAAI,EACX,IAAM,CACXA,EAAc,EAAK,CACrB,GACC,CAACA,CAAa,CAAC,EAGhBG,EAAA,cAACC,EAAO,QAAP,CAAe,QAAO,EACrBD,EAAAA,EAAA,cAACV,EAAA,CACC,MAAOI,EACP,KAAK,KACL,WAAY,GACZ,UAAS,GACT,MAAM,UACN,cAAeE,EACf,SAAUE,EACT,GAAGH,CAEJK,EAAAA,EAAA,cAACE,EAAA,CAAK,GAAIC,CAAAA,CAAO,CACnB,CACF,CAEJ,EAEAV,EAAkB,YAAc"}