@atom-learning/components 3.3.1 → 3.5.0

package/CHANGELOG.md

@@ -1,10 +1,16 @@
-## [3.3.1](https://github.com/Atom-Learning/components/compare/v3.3.0...v3.3.1) (2023-11-17)
+# [3.5.0](https://github.com/Atom-Learning/components/compare/v3.4.0...v3.5.0) (2023-11-22)
 
 
 ### Bug Fixes
 
-* add missing docs, fix documentation build, ensure brand components are usable ([ca20306](https://github.com/Atom-Learning/components/commit/ca20306b9d54a60f4c6b60dd123e1bbae2d21fca))
-* snapshots ([1e15115](https://github.com/Atom-Learning/components/commit/1e1511577fe804010d4b9321642b0c053edcfc59))
+* better Banner components props ([0873c9f](https://github.com/Atom-Learning/components/commit/0873c9f092687f5ffdb4763570f98d8a76241024))
+* exclude children from BannerDismiss type ([4111783](https://github.com/Atom-Learning/components/commit/41117837277e530e4c3834e986e82d5f7a05e006))
+
+
+### Features
+
+* make colorScheme optional in BannerContainer type ([e129777](https://github.com/Atom-Learning/components/commit/e129777970498b0c3ff91b4172772ddd04fdb614))
+* rename Banner emphasis low/mid/highContrast to minimal/subtle/bold ([42889a1](https://github.com/Atom-Learning/components/commit/42889a17ef0dfb112e84d35f2b105c0a4050606f))
 
 # [1.4.0](https://github.com/Atom-Learning/components/compare/v1.3.0...v1.4.0) (2022-04-11)
 

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

@@ -1,2 +1,2 @@
-import{darken as o}from"color2k";import h from"invariant";import*as i from"react";import{styled as f,theme as n}from"../../stitches.js";import{getExternalAnchorProps as v}from"../../utilities/uri/index.js";import{Icon as u}from"../icon/Icon.js";import{ActionIconSizeMap as M}from"./ActionIcon.constants.js";import{OptionalTooltipWrapper as z}from"../../utilities/optional-tooltip-wrapper/OptionalTooltipWrapper.js";const t=(e,r,a)=>({bg:"transparent",color:e,"&:not(:disabled):hover, &:not(:disabled):focus":{color:r},"&:not(:disabled):active":{color:a},"&[disabled]":{color:"$tonal400",cursor:"not-allowed"}}),p=(e,r,a)=>({bg:e,color:"white","&:not(:disabled):hover, &:not(:disabled):focus":{bg:r,color:"white"},"&:not(:disabled):active":{bg:a},"&[disabled]":{bg:"$tonal100",color:"$tonal400",cursor:"not-allowed"}}),l=(e,r,a)=>({border:"1px solid",borderColor:"currentColor",color:e,"&:not(:disabled):hover, &:not(:disabled):focus":{color:r},"&:not(:disabled):active":{color:a},"&[disabled]":{borderColor:"$tonal400",color:"$tonal400",cursor:"not-allowed"}}),C=f("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",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:t("$tonal300","$primaryMid","$primaryDark")},{theme:"primary",appearance:"simple",css:t("$primary","$primaryMid","$primaryDark")},{theme:"primaryDark",appearance:"simple",css:t("$primaryDark",o(n.colors.primaryDark.value,.1),o(n.colors.primaryDark.value,.15))},{theme:"success",appearance:"simple",css:t("$success","$successMid","$successDark")},{theme:"warning",appearance:"simple",css:t("$warning","$warningMid","$warningDark")},{theme:"danger",appearance:"simple",css:t("$danger","$dangerMid","$dangerDark")},{theme:"primary",appearance:"solid",css:p("$primary","$primaryMid","$primaryDark")},{theme:"primaryDark",appearance:"solid",css:p("$primaryDark",o(n.colors.primaryDark.value,.1),o(n.colors.primaryDark.value,.15))},{theme:"success",appearance:"solid",css:p("$success","$successMid","$successDark")},{theme:"warning",appearance:"solid",css:p("$warning","$warningMid","$warningDark")},{theme:"danger",appearance:"solid",css:p("$danger","$dangerMid","$dangerDark")},{theme:"primary",appearance:"outline",css:l("$primary","$primaryMid","$primaryDark")},{theme:"primaryDark",appearance:"outline",css:l("$primaryDark",o(n.colors.primaryDark.value,.1),o(n.colors.primaryDark.value,.15))},{theme:"success",appearance:"outline",css:l("$success","$successMid","$successDark")},{theme:"warning",appearance:"outline",css:l("$warning","$warningMid","$warningDark")},{theme:"danger",appearance:"outline",css:l("$danger","$dangerMid","$dangerDark")}]}),c=i.forwardRef(({children:e,theme:r="primary",appearance:a="simple",size:$="sm",label:y,href:d,disabled:m,hasTooltip:b=!0,tooltipSide:k,...D},w)=>{const g=`A single ${u.displayName} component is permitted as a child of ${c.displayName}`;return h(i.Children.count(e)===1,g),i.createElement(z,{hasTooltip:b,label:y,tooltipSide:k},i.createElement(C,{...d?{as:"a",href:m?null:d,onClick:void 0,"aria-disabled":!!m}:{type:"button"},...v(d),...D,"aria-label":y,theme:r,appearance:a,size:$,ref:w,disabled:m},i.Children.map(e,s=>{if(!i.isValidElement(s))throw new Error(g);return h(s.type===u,`Children of type ${s==null?void 0:s.type} aren't permitted. Only an ${u.displayName} component is allowed in ${c.displayName}`),i.cloneElement(s,{size:M[$],css:{...s.props.css?s.props.css:{}}})})))});c.displayName="ActionIcon";export{c 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",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 { 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  '&[disabled]': {\n    color: '$tonal400',\n    cursor: 'not-allowed'\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  '&[disabled]': {\n    bg: '$tonal100',\n    color: '$tonal400',\n    cursor: 'not-allowed'\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  '&[disabled]': {\n    borderColor: '$tonal400',\n    color: '$tonal400',\n    cursor: 'not-allowed'\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  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  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","darken","theme","ActionIcon","React","children","appearance","size","label","href","disabled","hasTooltip","tooltipSide","remainingProps","ref","INVALID_CHILDREN_MESSAGE","Icon","invariant","OptionalTooltipWrapper","getExternalAnchorProps","child","ActionIconSizeMap"],"mappings":"+ZAeA,MAAMA,EAAmB,CAACC,EAAcC,EAAkBC,KAAoB,CAC5E,GAAI,cACJ,MAAOF,EACP,iDAAkD,CAChD,MAAOC,CACT,EACA,0BAA2B,CACzB,MAAOC,CACT,EACA,cAAe,CACb,MAAO,YACP,OAAQ,aACV,CACF,GAEMC,EAAkB,CAACH,EAAcC,EAAkBC,KAAoB,CAC3E,GAAIF,EACJ,MAAO,QACP,iDAAkD,CAChD,GAAIC,EACJ,MAAO,OACT,EACA,0BAA2B,CACzB,GAAIC,CACN,EACA,cAAe,CACb,GAAI,YACJ,MAAO,YACP,OAAQ,aACV,CACF,GAEME,EAAoB,CAACJ,EAAcC,EAAkBC,KAAoB,CAC7E,OAAQ,YACR,YAAa,eACb,MAAOF,EACP,iDAAkD,CAChD,MAAOC,CACT,EACA,0BAA2B,CACzB,MAAOC,CACT,EACA,cAAe,CACb,YAAa,YACb,MAAO,YACP,OAAQ,aACV,CACF,GAEMG,EAAeC,EAAO,SAAU,CACpC,WAAY,SACZ,WAAY,OACZ,GAAI,QACJ,OAAQ,QACR,aAAc,KACd,UAAW,aACX,OAAQ,UACR,QAAS,OACT,eAAgB,SAChB,EAAG,QACH,WAAY,qBACZ,SAAU,CACR,MAAO,CACL,QAAS,CAAC,EACV,QAAS,CAAC,EACV,QAAS,GACT,QAAS,CACT,EAAA,OAAQ,CACV,CAAA,EACA,WAAY,CACV,OAAQ,CACR,EAAA,QAAS,CACT,EAAA,MAAO,EACT,EACA,KAAM,CACJ,GAAI,CAAE,KAAM,IAAK,EACjB,GAAI,CAAE,KAAM,IAAK,EACjB,GAAI,CAAE,KAAM,IAAK,EACjB,GAAI,CAAE,KAAM,IAAK,CACnB,EACA,UAAW,CACT,KAAM,CACJ,aAAc,QAChB,CACF,CACF,EACA,iBAAkB,CAEhB,CACE,MAAO,UACP,WAAY,SACZ,IAAKP,EAAiB,YAAa,cAAe,cAAc,CAClE,EACA,CACE,MAAO,UACP,WAAY,SACZ,IAAKA,EAAiB,WAAY,cAAe,cAAc,CACjE,EACA,CACE,MAAO,cACP,WAAY,SACZ,IAAKA,EACH,eACAQ,EAAOC,EAAM,OAAO,YAAY,MAAO,EAAG,EAC1CD,EAAOC,EAAM,OAAO,YAAY,MAAO,GAAI,CAC7C,CACF,EACA,CACE,MAAO,UACP,WAAY,SACZ,IAAKT,EAAiB,WAAY,cAAe,cAAc,CACjE,EACA,CACE,MAAO,UACP,WAAY,SACZ,IAAKA,EAAiB,WAAY,cAAe,cAAc,CACjE,EACA,CACE,MAAO,SACP,WAAY,SACZ,IAAKA,EAAiB,UAAW,aAAc,aAAa,CAC9D,EAGA,CACE,MAAO,UACP,WAAY,QACZ,IAAKI,EAAgB,WAAY,cAAe,cAAc,CAChE,EACA,CACE,MAAO,cACP,WAAY,QACZ,IAAKA,EACH,eACAI,EAAOC,EAAM,OAAO,YAAY,MAAO,EAAG,EAC1CD,EAAOC,EAAM,OAAO,YAAY,MAAO,GAAI,CAC7C,CACF,EACA,CACE,MAAO,UACP,WAAY,QACZ,IAAKL,EAAgB,WAAY,cAAe,cAAc,CAChE,EACA,CACE,MAAO,UACP,WAAY,QACZ,IAAKA,EAAgB,WAAY,cAAe,cAAc,CAChE,EACA,CACE,MAAO,SACP,WAAY,QACZ,IAAKA,EAAgB,UAAW,aAAc,aAAa,CAC7D,EAGA,CACE,MAAO,UACP,WAAY,UACZ,IAAKC,EAAkB,WAAY,cAAe,cAAc,CAClE,EACA,CACE,MAAO,cACP,WAAY,UACZ,IAAKA,EACH,eACAG,EAAOC,EAAM,OAAO,YAAY,MAAO,EAAG,EAC1CD,EAAOC,EAAM,OAAO,YAAY,MAAO,GAAI,CAC7C,CACF,EACA,CACE,MAAO,UACP,WAAY,UACZ,IAAKJ,EAAkB,WAAY,cAAe,cAAc,CAClE,EACA,CACE,MAAO,UACP,WAAY,UACZ,IAAKA,EAAkB,WAAY,cAAe,cAAc,CAClE,EACA,CACE,MAAO,SACP,WAAY,UACZ,IAAKA,EAAkB,UAAW,aAAc,aAAa,CAC/D,CACF,CACF,CAAC,EAYYK,EAAaC,EAAM,WAC9B,CACE,CACE,SAAAC,EACA,MAAAH,EAAQ,UACR,WAAAI,EAAa,SACb,KAAAC,EAAO,KACP,MAAAC,EACA,KAAAC,EACA,SAAAC,EACA,WAAAC,EAAa,GACb,YAAAC,KACGC,CACL,EACAC,IACG,CACH,MAAMC,EAA2B,YAAYC,EAAK,oDAAoDb,EAAW,cAEjH,OAAAc,EAAUb,EAAM,SAAS,MAAMC,CAAQ,IAAM,EAAGU,CAAwB,EAYtEX,EAAA,cAACc,EAAA,CACC,WAAYP,EACZ,MAAOH,EACP,YAAaI,CAAAA,EAEbR,EAAA,cAACL,EAAA,CACE,GAhBmBU,EACrB,CACC,GAAI,IACJ,KAAMC,EAAW,KAAOD,EACxB,QAAS,OACT,gBAAiB,CAAC,CAACC,CACrB,EACC,CAAE,KAAM,QAAS,EAUf,GAAGS,EAAuBV,CAAI,EAC9B,GAAGI,EACJ,aAAYL,EACZ,MAAON,EACP,WAAYI,EACZ,KAAMC,EACN,IAAKO,EACL,SAAUJ,CAETN,EAAAA,EAAM,SAAS,IAAIC,EAAWe,GAAU,CAGvC,GAAI,CAAChB,EAAM,eAAegB,CAAK,EAC7B,MAAM,IAAI,MAAML,CAAwB,EAG1C,OAAAE,EACEG,EAAM,OAASJ,EACf,oBAAoBI,GAAA,KAAA,OAAAA,EAAO,kCAAkCJ,EAAK,uCAAuCb,EAAW,aACtH,EAEOC,EAAM,aAAagB,EAAO,CAC/B,KAAMC,EAAkBd,GACxB,IAAK,CAAE,GAAIa,EAAM,MAAM,IAAMA,EAAM,MAAM,IAAM,CAAI,CAAA,CACrD,CAAC,CACH,CAAC,CACH,CACF,CAEJ,CACF,EAEAjB,EAAW,YAAc"}
+{"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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"}

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

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

package/dist/components/banner/BannerContainer.js

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

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

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

package/dist/components/banner/BannerContext.js

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

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

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

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

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

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

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

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

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

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

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

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

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