@veeqo/ui 10.0.0-beta.3 → 10.0.0-beta.5

package/dist/components/AnimatedDropdown/AnimatedDropdown.js

@@ -3,6 +3,10 @@ import { CSSTransition } from 'react-transition-group';
 import { Container, Wrap, Dropdown } from './styled.js';
 import { useClickAway } from './hooks/useClickAway.js';
 
+/**
+ * @deprecated - Use `Dropdown` component instead.
+ * This component is deprecated and will be removed in future versions.
+ */
 const AnimatedDropdown = ({ cta, shouldShowDropdown, children, className = 'animated-dropdown', reversed = false, onClickAway = () => { }, timeout = 350, transitionClassnames = 'dropdown', onClick, onMouseEnter, onMouseLeave, }) => {
     const dropdownRef = useRef(null);
     useClickAway(dropdownRef, (event) => {

package/dist/components/AnimatedDropdown/AnimatedDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"AnimatedDropdown.js","sources":["../../../src/components/AnimatedDropdown/AnimatedDropdown.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport { CSSTransition } from 'react-transition-group';\n\nimport { Wrap, Dropdown, Container } from './styled';\n\nimport { AnimatedDropdownProps } from './types';\nimport { useClickAway } from './hooks/useClickAway';\n\nexport const AnimatedDropdown = ({\n  cta,\n  shouldShowDropdown,\n  children,\n  className = 'animated-dropdown',\n  reversed = false,\n  onClickAway = () => {},\n  timeout = 350,\n  transitionClassnames = 'dropdown',\n  onClick,\n  onMouseEnter,\n  onMouseLeave,\n}: AnimatedDropdownProps) => {\n  const dropdownRef = useRef<HTMLDivElement>(null);\n\n  useClickAway(dropdownRef, (event: Event) => {\n    if (shouldShowDropdown) {\n      onClickAway(event);\n    }\n  });\n\n  return (\n    <Container\n      className={`${className}-container ${className}`}\n      onClick={onClick}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n      ref={dropdownRef}\n    >\n      {!reversed && cta}\n      <Wrap className={`${className}-wrap ${className}`}>\n        <CSSTransition\n          in={shouldShowDropdown}\n          timeout={timeout}\n          classNames={transitionClassnames}\n          unmountOnExit\n        >\n          <Dropdown\n            role=\"dialog\"\n            reversed={reversed}\n            className={`${className}-basic-dropdown ${className}`}\n          >\n            {children}\n          </Dropdown>\n        </CSSTransition>\n      </Wrap>\n      {reversed && cta}\n    </Container>\n  );\n};\n"],"names":["React"],"mappings":";;;;;AAQa,MAAA,gBAAgB,GAAG,CAAC,EAC/B,GAAG,EACH,kBAAkB,EAClB,QAAQ,EACR,SAAS,GAAG,mBAAmB,EAC/B,QAAQ,GAAG,KAAK,EAChB,WAAW,GAAG,MAAO,GAAC,EACtB,OAAO,GAAG,GAAG,EACb,oBAAoB,GAAG,UAAU,EACjC,OAAO,EACP,YAAY,EACZ,YAAY,GACU,KAAI;AAC1B,IAAA,MAAM,WAAW,GAAG,MAAM,CAAiB,IAAI,CAAC;AAEhD,IAAA,YAAY,CAAC,WAAW,EAAE,CAAC,KAAY,KAAI;AACzC,QAAA,IAAI,kBAAkB,EAAE;YACtB,WAAW,CAAC,KAAK,CAAC;AACnB;AACH,KAAC,CAAC;IAEF,QACEA,cAAC,CAAA,aAAA,CAAA,SAAS,EACR,EAAA,SAAS,EAAE,CAAA,EAAG,SAAS,CAAA,WAAA,EAAc,SAAS,CAAA,CAAE,EAChD,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,EAC1B,GAAG,EAAE,WAAW,EAAA;QAEf,CAAC,QAAQ,IAAI,GAAG;QACjBA,cAAC,CAAA,aAAA,CAAA,IAAI,IAAC,SAAS,EAAE,GAAG,SAAS,CAAA,MAAA,EAAS,SAAS,CAAE,CAAA,EAAA;AAC/C,YAAAA,cAAA,CAAA,aAAA,CAAC,aAAa,EAAA,EACZ,EAAE,EAAE,kBAAkB,EACtB,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,oBAAoB,EAChC,aAAa,EAAA,IAAA,EAAA;gBAEbA,cAAC,CAAA,aAAA,CAAA,QAAQ,IACP,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,CAAA,EAAG,SAAS,CAAmB,gBAAA,EAAA,SAAS,EAAE,EAEpD,EAAA,QAAQ,CACA,CACG,CACX;AACN,QAAA,QAAQ,IAAI,GAAG,CACN;AAEhB;;;;"}
+{"version":3,"file":"AnimatedDropdown.js","sources":["../../../src/components/AnimatedDropdown/AnimatedDropdown.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport { CSSTransition } from 'react-transition-group';\n\nimport { Wrap, Dropdown, Container } from './styled';\n\nimport { AnimatedDropdownProps } from './types';\nimport { useClickAway } from './hooks/useClickAway';\n\n/**\n * @deprecated - Use `Dropdown` component instead.\n * This component is deprecated and will be removed in future versions.\n */\nexport const AnimatedDropdown = ({\n  cta,\n  shouldShowDropdown,\n  children,\n  className = 'animated-dropdown',\n  reversed = false,\n  onClickAway = () => {},\n  timeout = 350,\n  transitionClassnames = 'dropdown',\n  onClick,\n  onMouseEnter,\n  onMouseLeave,\n}: AnimatedDropdownProps) => {\n  const dropdownRef = useRef<HTMLDivElement>(null);\n\n  useClickAway(dropdownRef, (event: Event) => {\n    if (shouldShowDropdown) {\n      onClickAway(event);\n    }\n  });\n\n  return (\n    <Container\n      className={`${className}-container ${className}`}\n      onClick={onClick}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n      ref={dropdownRef}\n    >\n      {!reversed && cta}\n      <Wrap className={`${className}-wrap ${className}`}>\n        <CSSTransition\n          in={shouldShowDropdown}\n          timeout={timeout}\n          classNames={transitionClassnames}\n          unmountOnExit\n        >\n          <Dropdown\n            role=\"dialog\"\n            reversed={reversed}\n            className={`${className}-basic-dropdown ${className}`}\n          >\n            {children}\n          </Dropdown>\n        </CSSTransition>\n      </Wrap>\n      {reversed && cta}\n    </Container>\n  );\n};\n"],"names":["React"],"mappings":";;;;;AAQA;;;AAGG;AACU,MAAA,gBAAgB,GAAG,CAAC,EAC/B,GAAG,EACH,kBAAkB,EAClB,QAAQ,EACR,SAAS,GAAG,mBAAmB,EAC/B,QAAQ,GAAG,KAAK,EAChB,WAAW,GAAG,MAAO,GAAC,EACtB,OAAO,GAAG,GAAG,EACb,oBAAoB,GAAG,UAAU,EACjC,OAAO,EACP,YAAY,EACZ,YAAY,GACU,KAAI;AAC1B,IAAA,MAAM,WAAW,GAAG,MAAM,CAAiB,IAAI,CAAC;AAEhD,IAAA,YAAY,CAAC,WAAW,EAAE,CAAC,KAAY,KAAI;AACzC,QAAA,IAAI,kBAAkB,EAAE;YACtB,WAAW,CAAC,KAAK,CAAC;AACnB;AACH,KAAC,CAAC;IAEF,QACEA,cAAC,CAAA,aAAA,CAAA,SAAS,EACR,EAAA,SAAS,EAAE,CAAA,EAAG,SAAS,CAAA,WAAA,EAAc,SAAS,CAAA,CAAE,EAChD,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,EAC1B,GAAG,EAAE,WAAW,EAAA;QAEf,CAAC,QAAQ,IAAI,GAAG;QACjBA,cAAC,CAAA,aAAA,CAAA,IAAI,IAAC,SAAS,EAAE,GAAG,SAAS,CAAA,MAAA,EAAS,SAAS,CAAE,CAAA,EAAA;AAC/C,YAAAA,cAAA,CAAA,aAAA,CAAC,aAAa,EAAA,EACZ,EAAE,EAAE,kBAAkB,EACtB,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,oBAAoB,EAChC,aAAa,EAAA,IAAA,EAAA;gBAEbA,cAAC,CAAA,aAAA,CAAA,QAAQ,IACP,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,CAAA,EAAG,SAAS,CAAmB,gBAAA,EAAA,SAAS,EAAE,EAEpD,EAAA,QAAQ,CACA,CACG,CACX;AACN,QAAA,QAAQ,IAAI,GAAG,CACN;AAEhB;;;;"}

package/dist/components/Banner/Banner.cjs

@@ -4,7 +4,7 @@ var React = require('react');
 var colors = require('../../theme/modules/colors.cjs');
 var styled = require('./styled.cjs');
 var Button = require('../Button/Button.cjs');
-var CrossIcon = require('../../tempIcons/CrossIcon.cjs');
+var CrossIcon = require('../../icons/CrossIcon.cjs');
 var sizes = require('../../theme/modules/sizes.cjs');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }

package/dist/components/Banner/Banner.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Banner.cjs","sources":["../../../src/components/Banner/Banner.tsx"],"sourcesContent":["import React, { ReactEventHandler, ReactNode, ReactElement } from 'react';\n\nimport { colors } from '../../theme/modules/colors';\n\nimport { BannerTypes } from './types';\n\nimport { Pill, Text, Row, Col, HeaderCol, ChildContainer, IconCol } from './styled';\nimport { Button } from '../Button';\nimport { CrossIcon } from '../../tempIcons/CrossIcon';\nimport { sizes } from '../../theme/modules/sizes';\n\nconst accentColors = {\n  help: colors.secondary.blue.base,\n  info: colors.neutral.ink.base,\n  error: colors.secondary.red.base,\n  success: colors.secondary.green.base,\n};\n\ntype BannerProps = {\n  type?: BannerTypes;\n  backgroundColor?: string;\n  text?: string;\n  iconSlot?: ReactElement;\n  onClose?: ReactEventHandler;\n  className?: string;\n  header?: ReactNode;\n  children?: ReactNode;\n};\n\n/**\n * The `Banner` component was previously called `Alert` (and similarly `Pill`).\n */\nexport const Banner = ({\n  type = 'info',\n  text,\n  iconSlot,\n  onClose,\n  className,\n  header,\n  children,\n  backgroundColor = 'white',\n  ...props\n}: BannerProps) => {\n  const accentColor = accentColors[type as BannerTypes];\n\n  return (\n    <Pill\n      accentColor={accentColor}\n      className={className}\n      backgroundColor={backgroundColor}\n      {...props}\n    >\n      <Row>\n        {iconSlot && (\n          <IconCol style={{ marginRight: sizes.md }} accentColor={accentColor}>\n            {iconSlot}\n          </IconCol>\n        )}\n        {children ? (\n          <ChildContainer>{children}</ChildContainer>\n        ) : (\n          <>\n            <HeaderCol>{header || <Text variant=\"headingSmall\">{text}</Text>}</HeaderCol>\n            <Col>\n              {onClose && (\n                <Button\n                  variant=\"flat\"\n                  aria-label=\"Close\"\n                  iconSlot={<CrossIcon />}\n                  onClick={onClose}\n                />\n              )}\n            </Col>\n          </>\n        )}\n      </Row>\n    </Pill>\n  );\n};\n"],"names":["colors","React","Pill","Row","IconCol","sizes","ChildContainer","HeaderCol","Text","Col","Button","CrossIcon"],"mappings":";;;;;;;;;;;;;AAWA,MAAM,YAAY,GAAG;AACnB,IAAA,IAAI,EAAEA,aAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI;AAChC,IAAA,IAAI,EAAEA,aAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI;AAC7B,IAAA,KAAK,EAAEA,aAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI;AAChC,IAAA,OAAO,EAAEA,aAAM,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI;CACrC;AAaD;;AAEG;AACI,MAAM,MAAM,GAAG,CAAC,EACrB,IAAI,GAAG,MAAM,EACb,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,SAAS,EACT,MAAM,EACN,QAAQ,EACR,eAAe,GAAG,OAAO,EACzB,GAAG,KAAK,EACI,KAAI;AAChB,IAAA,MAAM,WAAW,GAAG,YAAY,CAAC,IAAmB,CAAC;AAErD,IAAA,QACEC,sBAAC,CAAA,aAAA,CAAAC,WAAI,EACH,EAAA,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,eAAe,EAAE,eAAe,KAC5B,KAAK,EAAA;AAET,QAAAD,sBAAA,CAAA,aAAA,CAACE,UAAG,EAAA,IAAA;YACD,QAAQ,KACPF,sBAAC,CAAA,aAAA,CAAAG,cAAO,IAAC,KAAK,EAAE,EAAE,WAAW,EAAEC,WAAK,CAAC,EAAE,EAAE,EAAE,WAAW,EAAE,WAAW,EAAA,EAChE,QAAQ,CACD,CACX;AACA,YAAA,QAAQ,IACPJ,sBAAC,CAAA,aAAA,CAAAK,qBAAc,EAAE,IAAA,EAAA,QAAQ,CAAkB,KAE3CL,sBAAA,CAAA,aAAA,CAAAA,sBAAA,CAAA,QAAA,EAAA,IAAA;AACE,gBAAAA,sBAAA,CAAA,aAAA,CAACM,gBAAS,EAAA,IAAA,EAAE,MAAM,IAAIN,sBAAC,CAAA,aAAA,CAAAO,WAAI,EAAC,EAAA,OAAO,EAAC,cAAc,EAAE,EAAA,IAAI,CAAQ,CAAa;AAC7E,gBAAAP,sBAAA,CAAA,aAAA,CAACQ,UAAG,EAAA,IAAA,EACD,OAAO,KACNR,sBAAA,CAAA,aAAA,CAACS,aAAM,EAAA,EACL,OAAO,EAAC,MAAM,EAAA,YAAA,EACH,OAAO,EAClB,QAAQ,EAAET,sBAAA,CAAA,aAAA,CAACU,mBAAS,EAAA,IAAA,CAAG,EACvB,OAAO,EAAE,OAAO,EAAA,CAChB,CACH,CACG,CACL,CACJ,CACG,CACD;AAEX;;;;"}
+{"version":3,"file":"Banner.cjs","sources":["../../../src/components/Banner/Banner.tsx"],"sourcesContent":["import React, { ReactEventHandler, ReactNode, ReactElement } from 'react';\n\nimport { colors } from '../../theme/modules/colors';\n\nimport { BannerTypes } from './types';\n\nimport { Pill, Text, Row, Col, HeaderCol, ChildContainer, IconCol } from './styled';\nimport { Button } from '../Button';\nimport { CrossIcon } from '../../icons/CrossIcon';\nimport { sizes } from '../../theme/modules/sizes';\n\nconst accentColors = {\n  help: colors.secondary.blue.base,\n  info: colors.neutral.ink.base,\n  error: colors.secondary.red.base,\n  success: colors.secondary.green.base,\n};\n\ntype BannerProps = {\n  type?: BannerTypes;\n  backgroundColor?: string;\n  text?: string;\n  iconSlot?: ReactElement;\n  onClose?: ReactEventHandler;\n  className?: string;\n  header?: ReactNode;\n  children?: ReactNode;\n};\n\n/**\n * The `Banner` component was previously called `Alert` (and similarly `Pill`).\n */\nexport const Banner = ({\n  type = 'info',\n  text,\n  iconSlot,\n  onClose,\n  className,\n  header,\n  children,\n  backgroundColor = 'white',\n  ...props\n}: BannerProps) => {\n  const accentColor = accentColors[type as BannerTypes];\n\n  return (\n    <Pill\n      accentColor={accentColor}\n      className={className}\n      backgroundColor={backgroundColor}\n      {...props}\n    >\n      <Row>\n        {iconSlot && (\n          <IconCol style={{ marginRight: sizes.md }} accentColor={accentColor}>\n            {iconSlot}\n          </IconCol>\n        )}\n        {children ? (\n          <ChildContainer>{children}</ChildContainer>\n        ) : (\n          <>\n            <HeaderCol>{header || <Text variant=\"headingSmall\">{text}</Text>}</HeaderCol>\n            <Col>\n              {onClose && (\n                <Button\n                  variant=\"flat\"\n                  aria-label=\"Close\"\n                  iconSlot={<CrossIcon />}\n                  onClick={onClose}\n                />\n              )}\n            </Col>\n          </>\n        )}\n      </Row>\n    </Pill>\n  );\n};\n"],"names":["colors","React","Pill","Row","IconCol","sizes","ChildContainer","HeaderCol","Text","Col","Button","CrossIcon"],"mappings":";;;;;;;;;;;;;AAWA,MAAM,YAAY,GAAG;AACnB,IAAA,IAAI,EAAEA,aAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI;AAChC,IAAA,IAAI,EAAEA,aAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI;AAC7B,IAAA,KAAK,EAAEA,aAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI;AAChC,IAAA,OAAO,EAAEA,aAAM,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI;CACrC;AAaD;;AAEG;AACI,MAAM,MAAM,GAAG,CAAC,EACrB,IAAI,GAAG,MAAM,EACb,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,SAAS,EACT,MAAM,EACN,QAAQ,EACR,eAAe,GAAG,OAAO,EACzB,GAAG,KAAK,EACI,KAAI;AAChB,IAAA,MAAM,WAAW,GAAG,YAAY,CAAC,IAAmB,CAAC;AAErD,IAAA,QACEC,sBAAC,CAAA,aAAA,CAAAC,WAAI,EACH,EAAA,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,eAAe,EAAE,eAAe,KAC5B,KAAK,EAAA;AAET,QAAAD,sBAAA,CAAA,aAAA,CAACE,UAAG,EAAA,IAAA;YACD,QAAQ,KACPF,sBAAC,CAAA,aAAA,CAAAG,cAAO,IAAC,KAAK,EAAE,EAAE,WAAW,EAAEC,WAAK,CAAC,EAAE,EAAE,EAAE,WAAW,EAAE,WAAW,EAAA,EAChE,QAAQ,CACD,CACX;AACA,YAAA,QAAQ,IACPJ,sBAAC,CAAA,aAAA,CAAAK,qBAAc,EAAE,IAAA,EAAA,QAAQ,CAAkB,KAE3CL,sBAAA,CAAA,aAAA,CAAAA,sBAAA,CAAA,QAAA,EAAA,IAAA;AACE,gBAAAA,sBAAA,CAAA,aAAA,CAACM,gBAAS,EAAA,IAAA,EAAE,MAAM,IAAIN,sBAAC,CAAA,aAAA,CAAAO,WAAI,EAAC,EAAA,OAAO,EAAC,cAAc,EAAE,EAAA,IAAI,CAAQ,CAAa;AAC7E,gBAAAP,sBAAA,CAAA,aAAA,CAACQ,UAAG,EAAA,IAAA,EACD,OAAO,KACNR,sBAAA,CAAA,aAAA,CAACS,aAAM,EAAA,EACL,OAAO,EAAC,MAAM,EAAA,YAAA,EACH,OAAO,EAClB,QAAQ,EAAET,sBAAA,CAAA,aAAA,CAACU,mBAAS,EAAA,IAAA,CAAG,EACvB,OAAO,EAAE,OAAO,EAAA,CAChB,CACH,CACG,CACL,CACJ,CACG,CACD;AAEX;;;;"}

package/dist/components/Banner/Banner.js

@@ -2,7 +2,7 @@ import React__default from 'react';
 import { colors } from '../../theme/modules/colors.js';
 import { Pill as BannerLayout, Row, IconCol, ChildContainer, HeaderCol, Text as StyledText, Col } from './styled.js';
 import { Button } from '../Button/Button.js';
-import { CrossIcon } from '../../tempIcons/CrossIcon.js';
+import { CrossIcon } from '../../icons/CrossIcon.js';
 import { sizes } from '../../theme/modules/sizes.js';
 
 const accentColors = {

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

@@ -1 +1 @@
-{"version":3,"file":"Banner.js","sources":["../../../src/components/Banner/Banner.tsx"],"sourcesContent":["import React, { ReactEventHandler, ReactNode, ReactElement } from 'react';\n\nimport { colors } from '../../theme/modules/colors';\n\nimport { BannerTypes } from './types';\n\nimport { Pill, Text, Row, Col, HeaderCol, ChildContainer, IconCol } from './styled';\nimport { Button } from '../Button';\nimport { CrossIcon } from '../../tempIcons/CrossIcon';\nimport { sizes } from '../../theme/modules/sizes';\n\nconst accentColors = {\n  help: colors.secondary.blue.base,\n  info: colors.neutral.ink.base,\n  error: colors.secondary.red.base,\n  success: colors.secondary.green.base,\n};\n\ntype BannerProps = {\n  type?: BannerTypes;\n  backgroundColor?: string;\n  text?: string;\n  iconSlot?: ReactElement;\n  onClose?: ReactEventHandler;\n  className?: string;\n  header?: ReactNode;\n  children?: ReactNode;\n};\n\n/**\n * The `Banner` component was previously called `Alert` (and similarly `Pill`).\n */\nexport const Banner = ({\n  type = 'info',\n  text,\n  iconSlot,\n  onClose,\n  className,\n  header,\n  children,\n  backgroundColor = 'white',\n  ...props\n}: BannerProps) => {\n  const accentColor = accentColors[type as BannerTypes];\n\n  return (\n    <Pill\n      accentColor={accentColor}\n      className={className}\n      backgroundColor={backgroundColor}\n      {...props}\n    >\n      <Row>\n        {iconSlot && (\n          <IconCol style={{ marginRight: sizes.md }} accentColor={accentColor}>\n            {iconSlot}\n          </IconCol>\n        )}\n        {children ? (\n          <ChildContainer>{children}</ChildContainer>\n        ) : (\n          <>\n            <HeaderCol>{header || <Text variant=\"headingSmall\">{text}</Text>}</HeaderCol>\n            <Col>\n              {onClose && (\n                <Button\n                  variant=\"flat\"\n                  aria-label=\"Close\"\n                  iconSlot={<CrossIcon />}\n                  onClick={onClose}\n                />\n              )}\n            </Col>\n          </>\n        )}\n      </Row>\n    </Pill>\n  );\n};\n"],"names":["React","Pill","Text"],"mappings":";;;;;;;AAWA,MAAM,YAAY,GAAG;AACnB,IAAA,IAAI,EAAE,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI;AAChC,IAAA,IAAI,EAAE,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI;AAC7B,IAAA,KAAK,EAAE,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI;AAChC,IAAA,OAAO,EAAE,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI;CACrC;AAaD;;AAEG;AACI,MAAM,MAAM,GAAG,CAAC,EACrB,IAAI,GAAG,MAAM,EACb,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,SAAS,EACT,MAAM,EACN,QAAQ,EACR,eAAe,GAAG,OAAO,EACzB,GAAG,KAAK,EACI,KAAI;AAChB,IAAA,MAAM,WAAW,GAAG,YAAY,CAAC,IAAmB,CAAC;AAErD,IAAA,QACEA,cAAC,CAAA,aAAA,CAAAC,YAAI,EACH,EAAA,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,eAAe,EAAE,eAAe,KAC5B,KAAK,EAAA;AAET,QAAAD,cAAA,CAAA,aAAA,CAAC,GAAG,EAAA,IAAA;YACD,QAAQ,KACPA,cAAC,CAAA,aAAA,CAAA,OAAO,IAAC,KAAK,EAAE,EAAE,WAAW,EAAE,KAAK,CAAC,EAAE,EAAE,EAAE,WAAW,EAAE,WAAW,EAAA,EAChE,QAAQ,CACD,CACX;AACA,YAAA,QAAQ,IACPA,cAAC,CAAA,aAAA,CAAA,cAAc,EAAE,IAAA,EAAA,QAAQ,CAAkB,KAE3CA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA;AACE,gBAAAA,cAAA,CAAA,aAAA,CAAC,SAAS,EAAA,IAAA,EAAE,MAAM,IAAIA,cAAC,CAAA,aAAA,CAAAE,UAAI,EAAC,EAAA,OAAO,EAAC,cAAc,EAAE,EAAA,IAAI,CAAQ,CAAa;AAC7E,gBAAAF,cAAA,CAAA,aAAA,CAAC,GAAG,EAAA,IAAA,EACD,OAAO,KACNA,cAAA,CAAA,aAAA,CAAC,MAAM,EAAA,EACL,OAAO,EAAC,MAAM,EAAA,YAAA,EACH,OAAO,EAClB,QAAQ,EAAEA,cAAA,CAAA,aAAA,CAAC,SAAS,EAAA,IAAA,CAAG,EACvB,OAAO,EAAE,OAAO,EAAA,CAChB,CACH,CACG,CACL,CACJ,CACG,CACD;AAEX;;;;"}
+{"version":3,"file":"Banner.js","sources":["../../../src/components/Banner/Banner.tsx"],"sourcesContent":["import React, { ReactEventHandler, ReactNode, ReactElement } from 'react';\n\nimport { colors } from '../../theme/modules/colors';\n\nimport { BannerTypes } from './types';\n\nimport { Pill, Text, Row, Col, HeaderCol, ChildContainer, IconCol } from './styled';\nimport { Button } from '../Button';\nimport { CrossIcon } from '../../icons/CrossIcon';\nimport { sizes } from '../../theme/modules/sizes';\n\nconst accentColors = {\n  help: colors.secondary.blue.base,\n  info: colors.neutral.ink.base,\n  error: colors.secondary.red.base,\n  success: colors.secondary.green.base,\n};\n\ntype BannerProps = {\n  type?: BannerTypes;\n  backgroundColor?: string;\n  text?: string;\n  iconSlot?: ReactElement;\n  onClose?: ReactEventHandler;\n  className?: string;\n  header?: ReactNode;\n  children?: ReactNode;\n};\n\n/**\n * The `Banner` component was previously called `Alert` (and similarly `Pill`).\n */\nexport const Banner = ({\n  type = 'info',\n  text,\n  iconSlot,\n  onClose,\n  className,\n  header,\n  children,\n  backgroundColor = 'white',\n  ...props\n}: BannerProps) => {\n  const accentColor = accentColors[type as BannerTypes];\n\n  return (\n    <Pill\n      accentColor={accentColor}\n      className={className}\n      backgroundColor={backgroundColor}\n      {...props}\n    >\n      <Row>\n        {iconSlot && (\n          <IconCol style={{ marginRight: sizes.md }} accentColor={accentColor}>\n            {iconSlot}\n          </IconCol>\n        )}\n        {children ? (\n          <ChildContainer>{children}</ChildContainer>\n        ) : (\n          <>\n            <HeaderCol>{header || <Text variant=\"headingSmall\">{text}</Text>}</HeaderCol>\n            <Col>\n              {onClose && (\n                <Button\n                  variant=\"flat\"\n                  aria-label=\"Close\"\n                  iconSlot={<CrossIcon />}\n                  onClick={onClose}\n                />\n              )}\n            </Col>\n          </>\n        )}\n      </Row>\n    </Pill>\n  );\n};\n"],"names":["React","Pill","Text"],"mappings":";;;;;;;AAWA,MAAM,YAAY,GAAG;AACnB,IAAA,IAAI,EAAE,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI;AAChC,IAAA,IAAI,EAAE,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI;AAC7B,IAAA,KAAK,EAAE,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI;AAChC,IAAA,OAAO,EAAE,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI;CACrC;AAaD;;AAEG;AACI,MAAM,MAAM,GAAG,CAAC,EACrB,IAAI,GAAG,MAAM,EACb,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,SAAS,EACT,MAAM,EACN,QAAQ,EACR,eAAe,GAAG,OAAO,EACzB,GAAG,KAAK,EACI,KAAI;AAChB,IAAA,MAAM,WAAW,GAAG,YAAY,CAAC,IAAmB,CAAC;AAErD,IAAA,QACEA,cAAC,CAAA,aAAA,CAAAC,YAAI,EACH,EAAA,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,eAAe,EAAE,eAAe,KAC5B,KAAK,EAAA;AAET,QAAAD,cAAA,CAAA,aAAA,CAAC,GAAG,EAAA,IAAA;YACD,QAAQ,KACPA,cAAC,CAAA,aAAA,CAAA,OAAO,IAAC,KAAK,EAAE,EAAE,WAAW,EAAE,KAAK,CAAC,EAAE,EAAE,EAAE,WAAW,EAAE,WAAW,EAAA,EAChE,QAAQ,CACD,CACX;AACA,YAAA,QAAQ,IACPA,cAAC,CAAA,aAAA,CAAA,cAAc,EAAE,IAAA,EAAA,QAAQ,CAAkB,KAE3CA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA;AACE,gBAAAA,cAAA,CAAA,aAAA,CAAC,SAAS,EAAA,IAAA,EAAE,MAAM,IAAIA,cAAC,CAAA,aAAA,CAAAE,UAAI,EAAC,EAAA,OAAO,EAAC,cAAc,EAAE,EAAA,IAAI,CAAQ,CAAa;AAC7E,gBAAAF,cAAA,CAAA,aAAA,CAAC,GAAG,EAAA,IAAA,EACD,OAAO,KACNA,cAAA,CAAA,aAAA,CAAC,MAAM,EAAA,EACL,OAAO,EAAC,MAAM,EAAA,YAAA,EACH,OAAO,EAClB,QAAQ,EAAEA,cAAA,CAAA,aAAA,CAAC,SAAS,EAAA,IAAA,CAAG,EACvB,OAAO,EAAE,OAAO,EAAA,CAChB,CACH,CACG,CACL,CACJ,CACG,CACD;AAEX;;;;"}

package/dist/components/Breadcrumbs/Breadcrumbs.cjs

@@ -2,7 +2,7 @@
 
 var React = require('react');
 var styled = require('./components/styled.cjs');
-var RightArrowIcon = require('../../tempIcons/RightArrowIcon.cjs');
+var RightArrowIcon = require('../../icons/RightArrowIcon.cjs');
 var sizes = require('../../theme/modules/sizes.cjs');
 var Breadcrumb = require('./components/Breadcrumb.cjs');
 

package/dist/components/Breadcrumbs/Breadcrumbs.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.cjs","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import React from 'react';\nimport { BreadcrumbsSC } from './components/styled';\nimport { BreadcrumbsProps, DefaultLinkProps } from './types';\nimport { RightArrowIcon } from '../../tempIcons/RightArrowIcon';\nimport { sizes } from '../../theme/modules/sizes';\nimport { Breadcrumb } from './components/Breadcrumb';\n\nconst DefaultSeparator = () => (\n  <RightArrowIcon className=\"separator\" width={sizes.base} height={sizes.base} />\n);\n\nconst DefaultLink = ({ children, href }: DefaultLinkProps) => <a href={href}>{children}</a>;\nconst BreadcrumbText = ({ children }: any) => <span>{children}</span>;\n\nexport const Breadcrumbs = ({\n  items,\n  Separator = <DefaultSeparator />,\n  LinkComponent = DefaultLink,\n}: BreadcrumbsProps) => (\n  <BreadcrumbsSC className=\"breadcrumbs\">\n    {items.map((item, i) => (\n      <Breadcrumb\n        key={item.title}\n        title={item.title}\n        href={item.pathname}\n        LinkComponent={i !== items.length - 1 ? LinkComponent : BreadcrumbText}\n      >\n        {items.length !== i + 1 && Separator}\n      </Breadcrumb>\n    ))}\n  </BreadcrumbsSC>\n);\n"],"names":["React","RightArrowIcon","sizes","BreadcrumbsSC","Breadcrumb"],"mappings":";;;;;;;;;;;;AAOA,MAAM,gBAAgB,GAAG,OACvBA,sBAAA,CAAA,aAAA,CAACC,6BAAc,EAAA,EAAC,SAAS,EAAC,WAAW,EAAC,KAAK,EAAEC,WAAK,CAAC,IAAI,EAAE,MAAM,EAAEA,WAAK,CAAC,IAAI,EAAI,CAAA,CAChF;AAED,MAAM,WAAW,GAAG,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAoB,KAAKF,4CAAG,IAAI,EAAE,IAAI,EAAG,EAAA,QAAQ,CAAK;AAC3F,MAAM,cAAc,GAAG,CAAC,EAAE,QAAQ,EAAO,KAAKA,sBAAA,CAAA,aAAA,CAAA,MAAA,EAAA,IAAA,EAAO,QAAQ,CAAQ;MAExD,WAAW,GAAG,CAAC,EAC1B,KAAK,EACL,SAAS,GAAGA,qCAAC,gBAAgB,EAAA,IAAA,CAAG,EAChC,aAAa,GAAG,WAAW,GACV,MACjBA,qCAACG,oBAAa,EAAA,EAAC,SAAS,EAAC,aAAa,IACnC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,MACjBH,sBAAC,CAAA,aAAA,CAAAI,qBAAU,EACT,EAAA,GAAG,EAAE,IAAI,CAAC,KAAK,EACf,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,IAAI,CAAC,QAAQ,EACnB,aAAa,EAAE,CAAC,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,GAAG,aAAa,GAAG,cAAc,EAAA,EAErE,KAAK,CAAC,MAAM,KAAK,CAAC,GAAG,CAAC,IAAI,SAAS,CACzB,CACd,CAAC,CACY;;;;"}
+{"version":3,"file":"Breadcrumbs.cjs","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import React from 'react';\nimport { BreadcrumbsSC } from './components/styled';\nimport { BreadcrumbsProps, DefaultLinkProps } from './types';\nimport { RightArrowIcon } from '../../icons/RightArrowIcon';\nimport { sizes } from '../../theme/modules/sizes';\nimport { Breadcrumb } from './components/Breadcrumb';\n\nconst DefaultSeparator = () => (\n  <RightArrowIcon className=\"separator\" width={sizes.base} height={sizes.base} />\n);\n\nconst DefaultLink = ({ children, href }: DefaultLinkProps) => <a href={href}>{children}</a>;\nconst BreadcrumbText = ({ children }: any) => <span>{children}</span>;\n\nexport const Breadcrumbs = ({\n  items,\n  Separator = <DefaultSeparator />,\n  LinkComponent = DefaultLink,\n}: BreadcrumbsProps) => (\n  <BreadcrumbsSC className=\"breadcrumbs\">\n    {items.map((item, i) => (\n      <Breadcrumb\n        key={item.title}\n        title={item.title}\n        href={item.pathname}\n        LinkComponent={i !== items.length - 1 ? LinkComponent : BreadcrumbText}\n      >\n        {items.length !== i + 1 && Separator}\n      </Breadcrumb>\n    ))}\n  </BreadcrumbsSC>\n);\n"],"names":["React","RightArrowIcon","sizes","BreadcrumbsSC","Breadcrumb"],"mappings":";;;;;;;;;;;;AAOA,MAAM,gBAAgB,GAAG,OACvBA,sBAAA,CAAA,aAAA,CAACC,6BAAc,EAAA,EAAC,SAAS,EAAC,WAAW,EAAC,KAAK,EAAEC,WAAK,CAAC,IAAI,EAAE,MAAM,EAAEA,WAAK,CAAC,IAAI,EAAI,CAAA,CAChF;AAED,MAAM,WAAW,GAAG,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAoB,KAAKF,4CAAG,IAAI,EAAE,IAAI,EAAG,EAAA,QAAQ,CAAK;AAC3F,MAAM,cAAc,GAAG,CAAC,EAAE,QAAQ,EAAO,KAAKA,sBAAA,CAAA,aAAA,CAAA,MAAA,EAAA,IAAA,EAAO,QAAQ,CAAQ;MAExD,WAAW,GAAG,CAAC,EAC1B,KAAK,EACL,SAAS,GAAGA,qCAAC,gBAAgB,EAAA,IAAA,CAAG,EAChC,aAAa,GAAG,WAAW,GACV,MACjBA,qCAACG,oBAAa,EAAA,EAAC,SAAS,EAAC,aAAa,IACnC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,MACjBH,sBAAC,CAAA,aAAA,CAAAI,qBAAU,EACT,EAAA,GAAG,EAAE,IAAI,CAAC,KAAK,EACf,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,IAAI,CAAC,QAAQ,EACnB,aAAa,EAAE,CAAC,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,GAAG,aAAa,GAAG,cAAc,EAAA,EAErE,KAAK,CAAC,MAAM,KAAK,CAAC,GAAG,CAAC,IAAI,SAAS,CACzB,CACd,CAAC,CACY;;;;"}

package/dist/components/Breadcrumbs/Breadcrumbs.js

@@ -1,6 +1,6 @@
 import React__default from 'react';
 import { BreadcrumbsSC } from './components/styled.js';
-import { RightArrowIcon } from '../../tempIcons/RightArrowIcon.js';
+import { RightArrowIcon } from '../../icons/RightArrowIcon.js';
 import { sizes } from '../../theme/modules/sizes.js';
 import { Breadcrumb } from './components/Breadcrumb.js';
 

package/dist/components/Breadcrumbs/Breadcrumbs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.js","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import React from 'react';\nimport { BreadcrumbsSC } from './components/styled';\nimport { BreadcrumbsProps, DefaultLinkProps } from './types';\nimport { RightArrowIcon } from '../../tempIcons/RightArrowIcon';\nimport { sizes } from '../../theme/modules/sizes';\nimport { Breadcrumb } from './components/Breadcrumb';\n\nconst DefaultSeparator = () => (\n  <RightArrowIcon className=\"separator\" width={sizes.base} height={sizes.base} />\n);\n\nconst DefaultLink = ({ children, href }: DefaultLinkProps) => <a href={href}>{children}</a>;\nconst BreadcrumbText = ({ children }: any) => <span>{children}</span>;\n\nexport const Breadcrumbs = ({\n  items,\n  Separator = <DefaultSeparator />,\n  LinkComponent = DefaultLink,\n}: BreadcrumbsProps) => (\n  <BreadcrumbsSC className=\"breadcrumbs\">\n    {items.map((item, i) => (\n      <Breadcrumb\n        key={item.title}\n        title={item.title}\n        href={item.pathname}\n        LinkComponent={i !== items.length - 1 ? LinkComponent : BreadcrumbText}\n      >\n        {items.length !== i + 1 && Separator}\n      </Breadcrumb>\n    ))}\n  </BreadcrumbsSC>\n);\n"],"names":["React"],"mappings":";;;;;;AAOA,MAAM,gBAAgB,GAAG,OACvBA,cAAA,CAAA,aAAA,CAAC,cAAc,EAAA,EAAC,SAAS,EAAC,WAAW,EAAC,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,IAAI,EAAI,CAAA,CAChF;AAED,MAAM,WAAW,GAAG,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAoB,KAAKA,oCAAG,IAAI,EAAE,IAAI,EAAG,EAAA,QAAQ,CAAK;AAC3F,MAAM,cAAc,GAAG,CAAC,EAAE,QAAQ,EAAO,KAAKA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,IAAA,EAAO,QAAQ,CAAQ;MAExD,WAAW,GAAG,CAAC,EAC1B,KAAK,EACL,SAAS,GAAGA,6BAAC,gBAAgB,EAAA,IAAA,CAAG,EAChC,aAAa,GAAG,WAAW,GACV,MACjBA,6BAAC,aAAa,EAAA,EAAC,SAAS,EAAC,aAAa,IACnC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,MACjBA,cAAC,CAAA,aAAA,CAAA,UAAU,EACT,EAAA,GAAG,EAAE,IAAI,CAAC,KAAK,EACf,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,IAAI,CAAC,QAAQ,EACnB,aAAa,EAAE,CAAC,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,GAAG,aAAa,GAAG,cAAc,EAAA,EAErE,KAAK,CAAC,MAAM,KAAK,CAAC,GAAG,CAAC,IAAI,SAAS,CACzB,CACd,CAAC,CACY;;;;"}
+{"version":3,"file":"Breadcrumbs.js","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import React from 'react';\nimport { BreadcrumbsSC } from './components/styled';\nimport { BreadcrumbsProps, DefaultLinkProps } from './types';\nimport { RightArrowIcon } from '../../icons/RightArrowIcon';\nimport { sizes } from '../../theme/modules/sizes';\nimport { Breadcrumb } from './components/Breadcrumb';\n\nconst DefaultSeparator = () => (\n  <RightArrowIcon className=\"separator\" width={sizes.base} height={sizes.base} />\n);\n\nconst DefaultLink = ({ children, href }: DefaultLinkProps) => <a href={href}>{children}</a>;\nconst BreadcrumbText = ({ children }: any) => <span>{children}</span>;\n\nexport const Breadcrumbs = ({\n  items,\n  Separator = <DefaultSeparator />,\n  LinkComponent = DefaultLink,\n}: BreadcrumbsProps) => (\n  <BreadcrumbsSC className=\"breadcrumbs\">\n    {items.map((item, i) => (\n      <Breadcrumb\n        key={item.title}\n        title={item.title}\n        href={item.pathname}\n        LinkComponent={i !== items.length - 1 ? LinkComponent : BreadcrumbText}\n      >\n        {items.length !== i + 1 && Separator}\n      </Breadcrumb>\n    ))}\n  </BreadcrumbsSC>\n);\n"],"names":["React"],"mappings":";;;;;;AAOA,MAAM,gBAAgB,GAAG,OACvBA,cAAA,CAAA,aAAA,CAAC,cAAc,EAAA,EAAC,SAAS,EAAC,WAAW,EAAC,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,IAAI,EAAI,CAAA,CAChF;AAED,MAAM,WAAW,GAAG,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAoB,KAAKA,oCAAG,IAAI,EAAE,IAAI,EAAG,EAAA,QAAQ,CAAK;AAC3F,MAAM,cAAc,GAAG,CAAC,EAAE,QAAQ,EAAO,KAAKA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,IAAA,EAAO,QAAQ,CAAQ;MAExD,WAAW,GAAG,CAAC,EAC1B,KAAK,EACL,SAAS,GAAGA,6BAAC,gBAAgB,EAAA,IAAA,CAAG,EAChC,aAAa,GAAG,WAAW,GACV,MACjBA,6BAAC,aAAa,EAAA,EAAC,SAAS,EAAC,aAAa,IACnC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,MACjBA,cAAC,CAAA,aAAA,CAAA,UAAU,EACT,EAAA,GAAG,EAAE,IAAI,CAAC,KAAK,EACf,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,IAAI,CAAC,QAAQ,EACnB,aAAa,EAAE,CAAC,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,GAAG,aAAa,GAAG,cAAc,EAAA,EAErE,KAAK,CAAC,MAAM,KAAK,CAAC,GAAG,CAAC,IAAI,SAAS,CACzB,CACd,CAAC,CACY;;;;"}

package/dist/components/Button/Button.cjs

@@ -3,7 +3,7 @@
 var React = require('react');
 var Loader = require('../Loader/Loader.cjs');
 var styled = require('./components/styled.cjs');
-var DropdownIcon = require('../../tempIcons/DropdownIcon.cjs');
+var DropdownIcon = require('../../icons/DropdownIcon.cjs');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/dist/components/Button/Button.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Button.cjs","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { ButtonProps } from './types';\nimport { Loader } from '../Loader';\n\nimport {\n  DefaultButton,\n  DefaultDestructiveButton,\n  PrimaryButton,\n  PrimaryDestructiveButton,\n  FlatButton,\n  LinkButton,\n  UnstyledButton,\n  LoadingWrapper,\n  MainContent,\n} from './components/styled';\nimport { DropdownIcon } from '../../tempIcons/DropdownIcon';\n\nconst variantMap = {\n  default: DefaultButton,\n  primary: PrimaryButton,\n  destructive: DefaultDestructiveButton,\n  primaryDestructive: PrimaryDestructiveButton,\n  flat: FlatButton,\n  link: LinkButton,\n  unstyled: UnstyledButton,\n};\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      className,\n      children,\n      iconSlot,\n      variant = 'default',\n      size = 'base',\n      dropdown = false,\n      loading = false,\n      contentStyles,\n      ...otherProps\n    }: ButtonProps,\n    ref,\n  ) => {\n    if (variant === 'unstyled') {\n      return (\n        <UnstyledButton ref={ref} className={className} {...otherProps}>\n          {children}\n        </UnstyledButton>\n      );\n    }\n\n    const VariantButton = variantMap[variant];\n\n    const hasChildren = children !== undefined;\n    const hasIcon = !!iconSlot;\n    return (\n      <VariantButton\n        ref={ref}\n        className={className}\n        size={size}\n        hasText={hasChildren}\n        hasIcon={hasIcon}\n        hasDropdown={dropdown}\n        {...otherProps}\n      >\n        {(hasChildren || hasIcon) && (\n          <MainContent\n            $loading={loading}\n            hasText={!!children}\n            size={children || size === 'sm' ? 'base' : 'md'}\n            style={contentStyles}\n          >\n            {iconSlot && iconSlot}\n            {children !== undefined && children}\n            {dropdown && <DropdownIcon />}\n          </MainContent>\n        )}\n\n        {loading && (\n          <LoadingWrapper>\n            <Loader />\n          </LoadingWrapper>\n        )}\n      </VariantButton>\n    );\n  },\n);\n"],"names":["DefaultButton","PrimaryButton","DefaultDestructiveButton","PrimaryDestructiveButton","FlatButton","LinkButton","UnstyledButton","forwardRef","React","MainContent","DropdownIcon","LoadingWrapper","Loader"],"mappings":";;;;;;;;;;;AAkBA,MAAM,UAAU,GAAG;AACjB,IAAA,OAAO,EAAEA,oBAAa;AACtB,IAAA,OAAO,EAAEC,oBAAa;AACtB,IAAA,WAAW,EAAEC,+BAAwB;AACrC,IAAA,kBAAkB,EAAEC,+BAAwB;AAC5C,IAAA,IAAI,EAAEC,iBAAU;AAChB,IAAA,IAAI,EAAEC,iBAAU;AAChB,IAAA,QAAQ,EAAEC,qBAAc;CACzB;AAEY,MAAA,MAAM,GAAGC,gBAAU,CAC9B,CACE,EACE,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,MAAM,EACb,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,KAAK,EACf,aAAa,EACb,GAAG,UAAU,EACD,EACd,GAAG,KACD;IACF,IAAI,OAAO,KAAK,UAAU,EAAE;AAC1B,QAAA,QACEC,sBAAC,CAAA,aAAA,CAAAF,qBAAc,EAAC,EAAA,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS,EAAM,GAAA,UAAU,IAC3D,QAAQ,CACM;AAEpB;AAED,IAAA,MAAM,aAAa,GAAG,UAAU,CAAC,OAAO,CAAC;AAEzC,IAAA,MAAM,WAAW,GAAG,QAAQ,KAAK,SAAS;AAC1C,IAAA,MAAM,OAAO,GAAG,CAAC,CAAC,QAAQ;AAC1B,IAAA,QACEE,sBAAA,CAAA,aAAA,CAAC,aAAa,EAAA,EACZ,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,QAAQ,EAAA,GACjB,UAAU,EAAA;AAEb,QAAA,CAAC,WAAW,IAAI,OAAO,MACtBA,sBAAA,CAAA,aAAA,CAACC,kBAAW,EAAA,EAAA,UAAA,EACA,OAAO,EACjB,OAAO,EAAE,CAAC,CAAC,QAAQ,EACnB,IAAI,EAAE,QAAQ,IAAI,IAAI,KAAK,IAAI,GAAG,MAAM,GAAG,IAAI,EAC/C,KAAK,EAAE,aAAa,EAAA;AAEnB,YAAA,QAAQ,IAAI,QAAQ;YACpB,QAAQ,KAAK,SAAS,IAAI,QAAQ;AAClC,YAAA,QAAQ,IAAID,sBAAA,CAAA,aAAA,CAACE,yBAAY,EAAA,IAAA,CAAG,CACjB,CACf;QAEA,OAAO,KACNF,sBAAA,CAAA,aAAA,CAACG,qBAAc,EAAA,IAAA;AACb,YAAAH,sBAAA,CAAA,aAAA,CAACI,aAAM,EAAG,IAAA,CAAA,CACK,CAClB,CACa;AAEpB,CAAC;;;;"}
+{"version":3,"file":"Button.cjs","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { ButtonProps } from './types';\nimport { Loader } from '../Loader';\n\nimport {\n  DefaultButton,\n  DefaultDestructiveButton,\n  PrimaryButton,\n  PrimaryDestructiveButton,\n  FlatButton,\n  LinkButton,\n  UnstyledButton,\n  LoadingWrapper,\n  MainContent,\n} from './components/styled';\nimport { DropdownIcon } from '../../icons/DropdownIcon';\n\nconst variantMap = {\n  default: DefaultButton,\n  primary: PrimaryButton,\n  destructive: DefaultDestructiveButton,\n  primaryDestructive: PrimaryDestructiveButton,\n  flat: FlatButton,\n  link: LinkButton,\n  unstyled: UnstyledButton,\n};\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      className,\n      children,\n      iconSlot,\n      variant = 'default',\n      size = 'base',\n      dropdown = false,\n      loading = false,\n      contentStyles,\n      ...otherProps\n    }: ButtonProps,\n    ref,\n  ) => {\n    if (variant === 'unstyled') {\n      return (\n        <UnstyledButton ref={ref} className={className} {...otherProps}>\n          {children}\n        </UnstyledButton>\n      );\n    }\n\n    const VariantButton = variantMap[variant];\n\n    const hasChildren = children !== undefined;\n    const hasIcon = !!iconSlot;\n    return (\n      <VariantButton\n        ref={ref}\n        className={className}\n        size={size}\n        hasText={hasChildren}\n        hasIcon={hasIcon}\n        hasDropdown={dropdown}\n        {...otherProps}\n      >\n        {(hasChildren || hasIcon) && (\n          <MainContent\n            $loading={loading}\n            hasText={!!children}\n            size={children || size === 'sm' ? 'base' : 'md'}\n            style={contentStyles}\n          >\n            {iconSlot && iconSlot}\n            {children !== undefined && children}\n            {dropdown && <DropdownIcon />}\n          </MainContent>\n        )}\n\n        {loading && (\n          <LoadingWrapper>\n            <Loader />\n          </LoadingWrapper>\n        )}\n      </VariantButton>\n    );\n  },\n);\n"],"names":["DefaultButton","PrimaryButton","DefaultDestructiveButton","PrimaryDestructiveButton","FlatButton","LinkButton","UnstyledButton","forwardRef","React","MainContent","DropdownIcon","LoadingWrapper","Loader"],"mappings":";;;;;;;;;;;AAkBA,MAAM,UAAU,GAAG;AACjB,IAAA,OAAO,EAAEA,oBAAa;AACtB,IAAA,OAAO,EAAEC,oBAAa;AACtB,IAAA,WAAW,EAAEC,+BAAwB;AACrC,IAAA,kBAAkB,EAAEC,+BAAwB;AAC5C,IAAA,IAAI,EAAEC,iBAAU;AAChB,IAAA,IAAI,EAAEC,iBAAU;AAChB,IAAA,QAAQ,EAAEC,qBAAc;CACzB;AAEY,MAAA,MAAM,GAAGC,gBAAU,CAC9B,CACE,EACE,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,MAAM,EACb,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,KAAK,EACf,aAAa,EACb,GAAG,UAAU,EACD,EACd,GAAG,KACD;IACF,IAAI,OAAO,KAAK,UAAU,EAAE;AAC1B,QAAA,QACEC,sBAAC,CAAA,aAAA,CAAAF,qBAAc,EAAC,EAAA,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS,EAAM,GAAA,UAAU,IAC3D,QAAQ,CACM;AAEpB;AAED,IAAA,MAAM,aAAa,GAAG,UAAU,CAAC,OAAO,CAAC;AAEzC,IAAA,MAAM,WAAW,GAAG,QAAQ,KAAK,SAAS;AAC1C,IAAA,MAAM,OAAO,GAAG,CAAC,CAAC,QAAQ;AAC1B,IAAA,QACEE,sBAAA,CAAA,aAAA,CAAC,aAAa,EAAA,EACZ,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,QAAQ,EAAA,GACjB,UAAU,EAAA;AAEb,QAAA,CAAC,WAAW,IAAI,OAAO,MACtBA,sBAAA,CAAA,aAAA,CAACC,kBAAW,EAAA,EAAA,UAAA,EACA,OAAO,EACjB,OAAO,EAAE,CAAC,CAAC,QAAQ,EACnB,IAAI,EAAE,QAAQ,IAAI,IAAI,KAAK,IAAI,GAAG,MAAM,GAAG,IAAI,EAC/C,KAAK,EAAE,aAAa,EAAA;AAEnB,YAAA,QAAQ,IAAI,QAAQ;YACpB,QAAQ,KAAK,SAAS,IAAI,QAAQ;AAClC,YAAA,QAAQ,IAAID,sBAAA,CAAA,aAAA,CAACE,yBAAY,EAAA,IAAA,CAAG,CACjB,CACf;QAEA,OAAO,KACNF,sBAAA,CAAA,aAAA,CAACG,qBAAc,EAAA,IAAA;AACb,YAAAH,sBAAA,CAAA,aAAA,CAACI,aAAM,EAAG,IAAA,CAAA,CACK,CAClB,CACa;AAEpB,CAAC;;;;"}

package/dist/components/Button/Button.js

@@ -1,7 +1,7 @@
 import React__default, { forwardRef } from 'react';
 import { Loader } from '../Loader/Loader.js';
 import { UnstyledButton, MainContent, LoadingWrapper, DefaultButton, PrimaryButton, DefaultDestructiveButton, PrimaryDestructiveButton, FlatButton, LinkButton } from './components/styled.js';
-import { DropdownIcon } from '../../tempIcons/DropdownIcon.js';
+import { DropdownIcon } from '../../icons/DropdownIcon.js';
 
 const variantMap = {
     default: DefaultButton,

package/dist/components/Button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { ButtonProps } from './types';\nimport { Loader } from '../Loader';\n\nimport {\n  DefaultButton,\n  DefaultDestructiveButton,\n  PrimaryButton,\n  PrimaryDestructiveButton,\n  FlatButton,\n  LinkButton,\n  UnstyledButton,\n  LoadingWrapper,\n  MainContent,\n} from './components/styled';\nimport { DropdownIcon } from '../../tempIcons/DropdownIcon';\n\nconst variantMap = {\n  default: DefaultButton,\n  primary: PrimaryButton,\n  destructive: DefaultDestructiveButton,\n  primaryDestructive: PrimaryDestructiveButton,\n  flat: FlatButton,\n  link: LinkButton,\n  unstyled: UnstyledButton,\n};\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      className,\n      children,\n      iconSlot,\n      variant = 'default',\n      size = 'base',\n      dropdown = false,\n      loading = false,\n      contentStyles,\n      ...otherProps\n    }: ButtonProps,\n    ref,\n  ) => {\n    if (variant === 'unstyled') {\n      return (\n        <UnstyledButton ref={ref} className={className} {...otherProps}>\n          {children}\n        </UnstyledButton>\n      );\n    }\n\n    const VariantButton = variantMap[variant];\n\n    const hasChildren = children !== undefined;\n    const hasIcon = !!iconSlot;\n    return (\n      <VariantButton\n        ref={ref}\n        className={className}\n        size={size}\n        hasText={hasChildren}\n        hasIcon={hasIcon}\n        hasDropdown={dropdown}\n        {...otherProps}\n      >\n        {(hasChildren || hasIcon) && (\n          <MainContent\n            $loading={loading}\n            hasText={!!children}\n            size={children || size === 'sm' ? 'base' : 'md'}\n            style={contentStyles}\n          >\n            {iconSlot && iconSlot}\n            {children !== undefined && children}\n            {dropdown && <DropdownIcon />}\n          </MainContent>\n        )}\n\n        {loading && (\n          <LoadingWrapper>\n            <Loader />\n          </LoadingWrapper>\n        )}\n      </VariantButton>\n    );\n  },\n);\n"],"names":["React"],"mappings":";;;;;AAkBA,MAAM,UAAU,GAAG;AACjB,IAAA,OAAO,EAAE,aAAa;AACtB,IAAA,OAAO,EAAE,aAAa;AACtB,IAAA,WAAW,EAAE,wBAAwB;AACrC,IAAA,kBAAkB,EAAE,wBAAwB;AAC5C,IAAA,IAAI,EAAE,UAAU;AAChB,IAAA,IAAI,EAAE,UAAU;AAChB,IAAA,QAAQ,EAAE,cAAc;CACzB;AAEY,MAAA,MAAM,GAAG,UAAU,CAC9B,CACE,EACE,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,MAAM,EACb,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,KAAK,EACf,aAAa,EACb,GAAG,UAAU,EACD,EACd,GAAG,KACD;IACF,IAAI,OAAO,KAAK,UAAU,EAAE;AAC1B,QAAA,QACEA,cAAC,CAAA,aAAA,CAAA,cAAc,EAAC,EAAA,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS,EAAM,GAAA,UAAU,IAC3D,QAAQ,CACM;AAEpB;AAED,IAAA,MAAM,aAAa,GAAG,UAAU,CAAC,OAAO,CAAC;AAEzC,IAAA,MAAM,WAAW,GAAG,QAAQ,KAAK,SAAS;AAC1C,IAAA,MAAM,OAAO,GAAG,CAAC,CAAC,QAAQ;AAC1B,IAAA,QACEA,cAAA,CAAA,aAAA,CAAC,aAAa,EAAA,EACZ,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,QAAQ,EAAA,GACjB,UAAU,EAAA;AAEb,QAAA,CAAC,WAAW,IAAI,OAAO,MACtBA,cAAA,CAAA,aAAA,CAAC,WAAW,EAAA,EAAA,UAAA,EACA,OAAO,EACjB,OAAO,EAAE,CAAC,CAAC,QAAQ,EACnB,IAAI,EAAE,QAAQ,IAAI,IAAI,KAAK,IAAI,GAAG,MAAM,GAAG,IAAI,EAC/C,KAAK,EAAE,aAAa,EAAA;AAEnB,YAAA,QAAQ,IAAI,QAAQ;YACpB,QAAQ,KAAK,SAAS,IAAI,QAAQ;AAClC,YAAA,QAAQ,IAAIA,cAAA,CAAA,aAAA,CAAC,YAAY,EAAA,IAAA,CAAG,CACjB,CACf;QAEA,OAAO,KACNA,cAAA,CAAA,aAAA,CAAC,cAAc,EAAA,IAAA;AACb,YAAAA,cAAA,CAAA,aAAA,CAAC,MAAM,EAAG,IAAA,CAAA,CACK,CAClB,CACa;AAEpB,CAAC;;;;"}
+{"version":3,"file":"Button.js","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { ButtonProps } from './types';\nimport { Loader } from '../Loader';\n\nimport {\n  DefaultButton,\n  DefaultDestructiveButton,\n  PrimaryButton,\n  PrimaryDestructiveButton,\n  FlatButton,\n  LinkButton,\n  UnstyledButton,\n  LoadingWrapper,\n  MainContent,\n} from './components/styled';\nimport { DropdownIcon } from '../../icons/DropdownIcon';\n\nconst variantMap = {\n  default: DefaultButton,\n  primary: PrimaryButton,\n  destructive: DefaultDestructiveButton,\n  primaryDestructive: PrimaryDestructiveButton,\n  flat: FlatButton,\n  link: LinkButton,\n  unstyled: UnstyledButton,\n};\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      className,\n      children,\n      iconSlot,\n      variant = 'default',\n      size = 'base',\n      dropdown = false,\n      loading = false,\n      contentStyles,\n      ...otherProps\n    }: ButtonProps,\n    ref,\n  ) => {\n    if (variant === 'unstyled') {\n      return (\n        <UnstyledButton ref={ref} className={className} {...otherProps}>\n          {children}\n        </UnstyledButton>\n      );\n    }\n\n    const VariantButton = variantMap[variant];\n\n    const hasChildren = children !== undefined;\n    const hasIcon = !!iconSlot;\n    return (\n      <VariantButton\n        ref={ref}\n        className={className}\n        size={size}\n        hasText={hasChildren}\n        hasIcon={hasIcon}\n        hasDropdown={dropdown}\n        {...otherProps}\n      >\n        {(hasChildren || hasIcon) && (\n          <MainContent\n            $loading={loading}\n            hasText={!!children}\n            size={children || size === 'sm' ? 'base' : 'md'}\n            style={contentStyles}\n          >\n            {iconSlot && iconSlot}\n            {children !== undefined && children}\n            {dropdown && <DropdownIcon />}\n          </MainContent>\n        )}\n\n        {loading && (\n          <LoadingWrapper>\n            <Loader />\n          </LoadingWrapper>\n        )}\n      </VariantButton>\n    );\n  },\n);\n"],"names":["React"],"mappings":";;;;;AAkBA,MAAM,UAAU,GAAG;AACjB,IAAA,OAAO,EAAE,aAAa;AACtB,IAAA,OAAO,EAAE,aAAa;AACtB,IAAA,WAAW,EAAE,wBAAwB;AACrC,IAAA,kBAAkB,EAAE,wBAAwB;AAC5C,IAAA,IAAI,EAAE,UAAU;AAChB,IAAA,IAAI,EAAE,UAAU;AAChB,IAAA,QAAQ,EAAE,cAAc;CACzB;AAEY,MAAA,MAAM,GAAG,UAAU,CAC9B,CACE,EACE,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,MAAM,EACb,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,KAAK,EACf,aAAa,EACb,GAAG,UAAU,EACD,EACd,GAAG,KACD;IACF,IAAI,OAAO,KAAK,UAAU,EAAE;AAC1B,QAAA,QACEA,cAAC,CAAA,aAAA,CAAA,cAAc,EAAC,EAAA,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS,EAAM,GAAA,UAAU,IAC3D,QAAQ,CACM;AAEpB;AAED,IAAA,MAAM,aAAa,GAAG,UAAU,CAAC,OAAO,CAAC;AAEzC,IAAA,MAAM,WAAW,GAAG,QAAQ,KAAK,SAAS;AAC1C,IAAA,MAAM,OAAO,GAAG,CAAC,CAAC,QAAQ;AAC1B,IAAA,QACEA,cAAA,CAAA,aAAA,CAAC,aAAa,EAAA,EACZ,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,QAAQ,EAAA,GACjB,UAAU,EAAA;AAEb,QAAA,CAAC,WAAW,IAAI,OAAO,MACtBA,cAAA,CAAA,aAAA,CAAC,WAAW,EAAA,EAAA,UAAA,EACA,OAAO,EACjB,OAAO,EAAE,CAAC,CAAC,QAAQ,EACnB,IAAI,EAAE,QAAQ,IAAI,IAAI,KAAK,IAAI,GAAG,MAAM,GAAG,IAAI,EAC/C,KAAK,EAAE,aAAa,EAAA;AAEnB,YAAA,QAAQ,IAAI,QAAQ;YACpB,QAAQ,KAAK,SAAS,IAAI,QAAQ;AAClC,YAAA,QAAQ,IAAIA,cAAA,CAAA,aAAA,CAAC,YAAY,EAAA,IAAA,CAAG,CACjB,CACf;QAEA,OAAO,KACNA,cAAA,CAAA,aAAA,CAAC,cAAc,EAAA,IAAA;AACb,YAAAA,cAAA,CAAA,aAAA,CAAC,MAAM,EAAG,IAAA,CAAA,CACK,CAClB,CACa;AAEpB,CAAC;;;;"}

package/dist/components/Calendars/components/subcomponents/CalendarHeader.cjs

@@ -3,11 +3,12 @@
 var React = require('react');
 var reactAriaComponents = require('react-aria-components');
 var Button = require('../../../Button/Button.cjs');
-var RightArrowIcon = require('../../../../tempIcons/RightArrowIcon.cjs');
-var LeftArrowIcon = require('../../../../tempIcons/LeftArrowIcon.cjs');
+var RightArrowIcon = require('../../../../icons/RightArrowIcon.cjs');
+var LeftArrowIcon = require('../../../../icons/LeftArrowIcon.cjs');
 var Stack = require('../../../Stack/Stack.cjs');
-var UpArrowIcon = require('../../../../tempIcons/UpArrowIcon.cjs');
-var DownArrowIcon = require('../../../../tempIcons/DownArrowIcon.cjs');
+require('../../../Stack/types.cjs');
+var UpArrowIcon = require('../../../../icons/UpArrowIcon.cjs');
+var DownArrowIcon = require('../../../../icons/DownArrowIcon.cjs');
 var types = require('../../types.cjs');
 var constants = require('../../data/constants.cjs');
 var CalendarHeading = require('./CalendarHeading.cjs');

package/dist/components/Calendars/components/subcomponents/CalendarHeader.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarHeader.cjs","sources":["../../../../../src/components/Calendars/components/subcomponents/CalendarHeader.tsx"],"sourcesContent":["import React from 'react';\nimport { Button } from 'react-aria-components';\n\nimport { Button as VQBtn } from '../../../Button';\nimport { RightArrowIcon } from '../../../../tempIcons/RightArrowIcon';\nimport { LeftArrowIcon } from '../../../../tempIcons/LeftArrowIcon';\nimport { Stack } from '../../../Stack';\nimport { UpArrowIcon } from '../../../../tempIcons/UpArrowIcon';\nimport { DownArrowIcon } from '../../../../tempIcons/DownArrowIcon';\nimport { CalendarLevel } from '../../types';\nimport { levelMoveLabelMap } from '../../data/constants';\nimport { CalendarHeading } from './CalendarHeading';\n\ntype CalendarHeaderProps = {\n  level: CalendarLevel;\n  currentYear: number;\n  handleSwitchLevel: () => void;\n  isDisabled?: boolean;\n};\n\nexport const CalendarHeader = ({\n  level,\n  currentYear,\n  handleSwitchLevel,\n  isDisabled,\n}: CalendarHeaderProps) => (\n  <Stack as=\"header\" direction=\"horizontal\" alignX=\"between\" alignY=\"center\" spacing=\"0\">\n    <Button slot=\"previous\" isDisabled={isDisabled} type=\"button\">\n      <LeftArrowIcon />\n    </Button>\n    <Stack\n      direction=\"horizontal\"\n      alignY=\"center\"\n      alignX=\"stretch\"\n      spacing=\"xs\"\n      style={{ margin: '0 4px' }}\n    >\n      <CalendarHeading level={level} currentYear={currentYear} />\n      <VQBtn\n        type=\"button\"\n        aria-label={levelMoveLabelMap[level]}\n        variant=\"flat\"\n        iconSlot={level === CalendarLevel.DODECADE ? <UpArrowIcon /> : <DownArrowIcon />}\n        size=\"sm\"\n        onClick={handleSwitchLevel}\n        disabled={isDisabled}\n      />\n    </Stack>\n    <Button slot=\"next\" isDisabled={isDisabled} type=\"button\">\n      <RightArrowIcon />\n    </Button>\n  </Stack>\n);\n"],"names":["React","Stack","Button","LeftArrowIcon","CalendarHeading","VQBtn","levelMoveLabelMap","CalendarLevel","UpArrowIcon","DownArrowIcon","RightArrowIcon"],"mappings":";;;;;;;;;;;;;;;;;;AAoBa,MAAA,cAAc,GAAG,CAAC,EAC7B,KAAK,EACL,WAAW,EACX,iBAAiB,EACjB,UAAU,GACU,MACpBA,sBAAA,CAAA,aAAA,CAACC,WAAK,EAAA,EAAC,EAAE,EAAC,QAAQ,EAAC,SAAS,EAAC,YAAY,EAAC,MAAM,EAAC,SAAS,EAAC,MAAM,EAAC,QAAQ,EAAC,OAAO,EAAC,GAAG,EAAA;AACpF,IAAAD,sBAAA,CAAA,aAAA,CAACE,0BAAM,EAAA,EAAC,IAAI,EAAC,UAAU,EAAC,UAAU,EAAE,UAAU,EAAE,IAAI,EAAC,QAAQ,EAAA;QAC3DF,sBAAC,CAAA,aAAA,CAAAG,2BAAa,OAAG,CACV;IACTH,sBAAC,CAAA,aAAA,CAAAC,WAAK,EACJ,EAAA,SAAS,EAAC,YAAY,EACtB,MAAM,EAAC,QAAQ,EACf,MAAM,EAAC,SAAS,EAChB,OAAO,EAAC,IAAI,EACZ,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,EAAA;QAE1BD,sBAAC,CAAA,aAAA,CAAAI,+BAAe,IAAC,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,WAAW,EAAI,CAAA;QAC3DJ,sBAAC,CAAA,aAAA,CAAAK,aAAK,IACJ,IAAI,EAAC,QAAQ,EACD,YAAA,EAAAC,2BAAiB,CAAC,KAAK,CAAC,EACpC,OAAO,EAAC,MAAM,EACd,QAAQ,EAAE,KAAK,KAAKC,mBAAa,CAAC,QAAQ,GAAGP,sBAAA,CAAA,aAAA,CAACQ,uBAAW,EAAG,IAAA,CAAA,GAAGR,sBAAA,CAAA,aAAA,CAACS,2BAAa,EAAA,IAAA,CAAG,EAChF,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,iBAAiB,EAC1B,QAAQ,EAAE,UAAU,EAAA,CACpB,CACI;AACR,IAAAT,sBAAA,CAAA,aAAA,CAACE,0BAAM,EAAA,EAAC,IAAI,EAAC,MAAM,EAAC,UAAU,EAAE,UAAU,EAAE,IAAI,EAAC,QAAQ,EAAA;AACvD,QAAAF,sBAAA,CAAA,aAAA,CAACU,6BAAc,EAAA,IAAA,CAAG,CACX,CACH;;;;"}
+{"version":3,"file":"CalendarHeader.cjs","sources":["../../../../../src/components/Calendars/components/subcomponents/CalendarHeader.tsx"],"sourcesContent":["import React from 'react';\nimport { Button } from 'react-aria-components';\n\nimport { Button as VQBtn } from '../../../Button';\nimport { RightArrowIcon } from '../../../../icons/RightArrowIcon';\nimport { LeftArrowIcon } from '../../../../icons/LeftArrowIcon';\nimport { Stack } from '../../../Stack';\nimport { UpArrowIcon } from '../../../../icons/UpArrowIcon';\nimport { DownArrowIcon } from '../../../../icons/DownArrowIcon';\nimport { CalendarLevel } from '../../types';\nimport { levelMoveLabelMap } from '../../data/constants';\nimport { CalendarHeading } from './CalendarHeading';\n\ntype CalendarHeaderProps = {\n  level: CalendarLevel;\n  currentYear: number;\n  handleSwitchLevel: () => void;\n  isDisabled?: boolean;\n};\n\nexport const CalendarHeader = ({\n  level,\n  currentYear,\n  handleSwitchLevel,\n  isDisabled,\n}: CalendarHeaderProps) => (\n  <Stack as=\"header\" direction=\"horizontal\" alignX=\"between\" alignY=\"center\" spacing=\"0\">\n    <Button slot=\"previous\" isDisabled={isDisabled} type=\"button\">\n      <LeftArrowIcon />\n    </Button>\n    <Stack\n      direction=\"horizontal\"\n      alignY=\"center\"\n      alignX=\"stretch\"\n      spacing=\"xs\"\n      style={{ margin: '0 4px' }}\n    >\n      <CalendarHeading level={level} currentYear={currentYear} />\n      <VQBtn\n        type=\"button\"\n        aria-label={levelMoveLabelMap[level]}\n        variant=\"flat\"\n        iconSlot={level === CalendarLevel.DODECADE ? <UpArrowIcon /> : <DownArrowIcon />}\n        size=\"sm\"\n        onClick={handleSwitchLevel}\n        disabled={isDisabled}\n      />\n    </Stack>\n    <Button slot=\"next\" isDisabled={isDisabled} type=\"button\">\n      <RightArrowIcon />\n    </Button>\n  </Stack>\n);\n"],"names":["React","Stack","Button","LeftArrowIcon","CalendarHeading","VQBtn","levelMoveLabelMap","CalendarLevel","UpArrowIcon","DownArrowIcon","RightArrowIcon"],"mappings":";;;;;;;;;;;;;;;;;;;AAoBa,MAAA,cAAc,GAAG,CAAC,EAC7B,KAAK,EACL,WAAW,EACX,iBAAiB,EACjB,UAAU,GACU,MACpBA,sBAAA,CAAA,aAAA,CAACC,WAAK,EAAA,EAAC,EAAE,EAAC,QAAQ,EAAC,SAAS,EAAC,YAAY,EAAC,MAAM,EAAC,SAAS,EAAC,MAAM,EAAC,QAAQ,EAAC,OAAO,EAAC,GAAG,EAAA;AACpF,IAAAD,sBAAA,CAAA,aAAA,CAACE,0BAAM,EAAA,EAAC,IAAI,EAAC,UAAU,EAAC,UAAU,EAAE,UAAU,EAAE,IAAI,EAAC,QAAQ,EAAA;QAC3DF,sBAAC,CAAA,aAAA,CAAAG,2BAAa,OAAG,CACV;IACTH,sBAAC,CAAA,aAAA,CAAAC,WAAK,EACJ,EAAA,SAAS,EAAC,YAAY,EACtB,MAAM,EAAC,QAAQ,EACf,MAAM,EAAC,SAAS,EAChB,OAAO,EAAC,IAAI,EACZ,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,EAAA;QAE1BD,sBAAC,CAAA,aAAA,CAAAI,+BAAe,IAAC,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,WAAW,EAAI,CAAA;QAC3DJ,sBAAC,CAAA,aAAA,CAAAK,aAAK,IACJ,IAAI,EAAC,QAAQ,EACD,YAAA,EAAAC,2BAAiB,CAAC,KAAK,CAAC,EACpC,OAAO,EAAC,MAAM,EACd,QAAQ,EAAE,KAAK,KAAKC,mBAAa,CAAC,QAAQ,GAAGP,sBAAA,CAAA,aAAA,CAACQ,uBAAW,EAAG,IAAA,CAAA,GAAGR,sBAAA,CAAA,aAAA,CAACS,2BAAa,EAAA,IAAA,CAAG,EAChF,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,iBAAiB,EAC1B,QAAQ,EAAE,UAAU,EAAA,CACpB,CACI;AACR,IAAAT,sBAAA,CAAA,aAAA,CAACE,0BAAM,EAAA,EAAC,IAAI,EAAC,MAAM,EAAC,UAAU,EAAE,UAAU,EAAE,IAAI,EAAC,QAAQ,EAAA;AACvD,QAAAF,sBAAA,CAAA,aAAA,CAACU,6BAAc,EAAA,IAAA,CAAG,CACX,CACH;;;;"}

package/dist/components/Calendars/components/subcomponents/CalendarHeader.js

@@ -1,11 +1,12 @@
 import React__default from 'react';
 import { Button } from 'react-aria-components';
 import { Button as Button$1 } from '../../../Button/Button.js';
-import { RightArrowIcon } from '../../../../tempIcons/RightArrowIcon.js';
-import { LeftArrowIcon } from '../../../../tempIcons/LeftArrowIcon.js';
+import { RightArrowIcon } from '../../../../icons/RightArrowIcon.js';
+import { LeftArrowIcon } from '../../../../icons/LeftArrowIcon.js';
 import { Stack } from '../../../Stack/Stack.js';
-import { UpArrowIcon } from '../../../../tempIcons/UpArrowIcon.js';
-import { DownArrowIcon } from '../../../../tempIcons/DownArrowIcon.js';
+import '../../../Stack/types.js';
+import { UpArrowIcon } from '../../../../icons/UpArrowIcon.js';
+import { DownArrowIcon } from '../../../../icons/DownArrowIcon.js';
 import { CalendarLevel } from '../../types.js';
 import { levelMoveLabelMap } from '../../data/constants.js';
 import { CalendarHeading } from './CalendarHeading.js';

package/dist/components/Calendars/components/subcomponents/CalendarHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarHeader.js","sources":["../../../../../src/components/Calendars/components/subcomponents/CalendarHeader.tsx"],"sourcesContent":["import React from 'react';\nimport { Button } from 'react-aria-components';\n\nimport { Button as VQBtn } from '../../../Button';\nimport { RightArrowIcon } from '../../../../tempIcons/RightArrowIcon';\nimport { LeftArrowIcon } from '../../../../tempIcons/LeftArrowIcon';\nimport { Stack } from '../../../Stack';\nimport { UpArrowIcon } from '../../../../tempIcons/UpArrowIcon';\nimport { DownArrowIcon } from '../../../../tempIcons/DownArrowIcon';\nimport { CalendarLevel } from '../../types';\nimport { levelMoveLabelMap } from '../../data/constants';\nimport { CalendarHeading } from './CalendarHeading';\n\ntype CalendarHeaderProps = {\n  level: CalendarLevel;\n  currentYear: number;\n  handleSwitchLevel: () => void;\n  isDisabled?: boolean;\n};\n\nexport const CalendarHeader = ({\n  level,\n  currentYear,\n  handleSwitchLevel,\n  isDisabled,\n}: CalendarHeaderProps) => (\n  <Stack as=\"header\" direction=\"horizontal\" alignX=\"between\" alignY=\"center\" spacing=\"0\">\n    <Button slot=\"previous\" isDisabled={isDisabled} type=\"button\">\n      <LeftArrowIcon />\n    </Button>\n    <Stack\n      direction=\"horizontal\"\n      alignY=\"center\"\n      alignX=\"stretch\"\n      spacing=\"xs\"\n      style={{ margin: '0 4px' }}\n    >\n      <CalendarHeading level={level} currentYear={currentYear} />\n      <VQBtn\n        type=\"button\"\n        aria-label={levelMoveLabelMap[level]}\n        variant=\"flat\"\n        iconSlot={level === CalendarLevel.DODECADE ? <UpArrowIcon /> : <DownArrowIcon />}\n        size=\"sm\"\n        onClick={handleSwitchLevel}\n        disabled={isDisabled}\n      />\n    </Stack>\n    <Button slot=\"next\" isDisabled={isDisabled} type=\"button\">\n      <RightArrowIcon />\n    </Button>\n  </Stack>\n);\n"],"names":["React","VQBtn"],"mappings":";;;;;;;;;;;;AAoBa,MAAA,cAAc,GAAG,CAAC,EAC7B,KAAK,EACL,WAAW,EACX,iBAAiB,EACjB,UAAU,GACU,MACpBA,cAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EAAC,EAAE,EAAC,QAAQ,EAAC,SAAS,EAAC,YAAY,EAAC,MAAM,EAAC,SAAS,EAAC,MAAM,EAAC,QAAQ,EAAC,OAAO,EAAC,GAAG,EAAA;AACpF,IAAAA,cAAA,CAAA,aAAA,CAAC,MAAM,EAAA,EAAC,IAAI,EAAC,UAAU,EAAC,UAAU,EAAE,UAAU,EAAE,IAAI,EAAC,QAAQ,EAAA;QAC3DA,cAAC,CAAA,aAAA,CAAA,aAAa,OAAG,CACV;IACTA,cAAC,CAAA,aAAA,CAAA,KAAK,EACJ,EAAA,SAAS,EAAC,YAAY,EACtB,MAAM,EAAC,QAAQ,EACf,MAAM,EAAC,SAAS,EAChB,OAAO,EAAC,IAAI,EACZ,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,EAAA;QAE1BA,cAAC,CAAA,aAAA,CAAA,eAAe,IAAC,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,WAAW,EAAI,CAAA;QAC3DA,cAAC,CAAA,aAAA,CAAAC,QAAK,IACJ,IAAI,EAAC,QAAQ,EACD,YAAA,EAAA,iBAAiB,CAAC,KAAK,CAAC,EACpC,OAAO,EAAC,MAAM,EACd,QAAQ,EAAE,KAAK,KAAK,aAAa,CAAC,QAAQ,GAAGD,cAAA,CAAA,aAAA,CAAC,WAAW,EAAG,IAAA,CAAA,GAAGA,cAAA,CAAA,aAAA,CAAC,aAAa,EAAA,IAAA,CAAG,EAChF,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,iBAAiB,EAC1B,QAAQ,EAAE,UAAU,EAAA,CACpB,CACI;AACR,IAAAA,cAAA,CAAA,aAAA,CAAC,MAAM,EAAA,EAAC,IAAI,EAAC,MAAM,EAAC,UAAU,EAAE,UAAU,EAAE,IAAI,EAAC,QAAQ,EAAA;AACvD,QAAAA,cAAA,CAAA,aAAA,CAAC,cAAc,EAAA,IAAA,CAAG,CACX,CACH;;;;"}
+{"version":3,"file":"CalendarHeader.js","sources":["../../../../../src/components/Calendars/components/subcomponents/CalendarHeader.tsx"],"sourcesContent":["import React from 'react';\nimport { Button } from 'react-aria-components';\n\nimport { Button as VQBtn } from '../../../Button';\nimport { RightArrowIcon } from '../../../../icons/RightArrowIcon';\nimport { LeftArrowIcon } from '../../../../icons/LeftArrowIcon';\nimport { Stack } from '../../../Stack';\nimport { UpArrowIcon } from '../../../../icons/UpArrowIcon';\nimport { DownArrowIcon } from '../../../../icons/DownArrowIcon';\nimport { CalendarLevel } from '../../types';\nimport { levelMoveLabelMap } from '../../data/constants';\nimport { CalendarHeading } from './CalendarHeading';\n\ntype CalendarHeaderProps = {\n  level: CalendarLevel;\n  currentYear: number;\n  handleSwitchLevel: () => void;\n  isDisabled?: boolean;\n};\n\nexport const CalendarHeader = ({\n  level,\n  currentYear,\n  handleSwitchLevel,\n  isDisabled,\n}: CalendarHeaderProps) => (\n  <Stack as=\"header\" direction=\"horizontal\" alignX=\"between\" alignY=\"center\" spacing=\"0\">\n    <Button slot=\"previous\" isDisabled={isDisabled} type=\"button\">\n      <LeftArrowIcon />\n    </Button>\n    <Stack\n      direction=\"horizontal\"\n      alignY=\"center\"\n      alignX=\"stretch\"\n      spacing=\"xs\"\n      style={{ margin: '0 4px' }}\n    >\n      <CalendarHeading level={level} currentYear={currentYear} />\n      <VQBtn\n        type=\"button\"\n        aria-label={levelMoveLabelMap[level]}\n        variant=\"flat\"\n        iconSlot={level === CalendarLevel.DODECADE ? <UpArrowIcon /> : <DownArrowIcon />}\n        size=\"sm\"\n        onClick={handleSwitchLevel}\n        disabled={isDisabled}\n      />\n    </Stack>\n    <Button slot=\"next\" isDisabled={isDisabled} type=\"button\">\n      <RightArrowIcon />\n    </Button>\n  </Stack>\n);\n"],"names":["React","VQBtn"],"mappings":";;;;;;;;;;;;;AAoBa,MAAA,cAAc,GAAG,CAAC,EAC7B,KAAK,EACL,WAAW,EACX,iBAAiB,EACjB,UAAU,GACU,MACpBA,cAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EAAC,EAAE,EAAC,QAAQ,EAAC,SAAS,EAAC,YAAY,EAAC,MAAM,EAAC,SAAS,EAAC,MAAM,EAAC,QAAQ,EAAC,OAAO,EAAC,GAAG,EAAA;AACpF,IAAAA,cAAA,CAAA,aAAA,CAAC,MAAM,EAAA,EAAC,IAAI,EAAC,UAAU,EAAC,UAAU,EAAE,UAAU,EAAE,IAAI,EAAC,QAAQ,EAAA;QAC3DA,cAAC,CAAA,aAAA,CAAA,aAAa,OAAG,CACV;IACTA,cAAC,CAAA,aAAA,CAAA,KAAK,EACJ,EAAA,SAAS,EAAC,YAAY,EACtB,MAAM,EAAC,QAAQ,EACf,MAAM,EAAC,SAAS,EAChB,OAAO,EAAC,IAAI,EACZ,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,EAAA;QAE1BA,cAAC,CAAA,aAAA,CAAA,eAAe,IAAC,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,WAAW,EAAI,CAAA;QAC3DA,cAAC,CAAA,aAAA,CAAAC,QAAK,IACJ,IAAI,EAAC,QAAQ,EACD,YAAA,EAAA,iBAAiB,CAAC,KAAK,CAAC,EACpC,OAAO,EAAC,MAAM,EACd,QAAQ,EAAE,KAAK,KAAK,aAAa,CAAC,QAAQ,GAAGD,cAAA,CAAA,aAAA,CAAC,WAAW,EAAG,IAAA,CAAA,GAAGA,cAAA,CAAA,aAAA,CAAC,aAAa,EAAA,IAAA,CAAG,EAChF,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,iBAAiB,EAC1B,QAAQ,EAAE,UAAU,EAAA,CACpB,CACI;AACR,IAAAA,cAAA,CAAA,aAAA,CAAC,MAAM,EAAA,EAAC,IAAI,EAAC,MAAM,EAAC,UAAU,EAAE,UAAU,EAAE,IAAI,EAAC,QAAQ,EAAA;AACvD,QAAAA,cAAA,CAAA,aAAA,CAAC,cAAc,EAAA,IAAA,CAAG,CACX,CACH;;;;"}

package/dist/components/CardHeader/CardHeader.cjs

@@ -4,9 +4,9 @@ var React = require('react');
 var Text = require('../Text/Text.cjs');
 var Button = require('../Button/Button.cjs');
 var styled = require('./styled.cjs');
-var DownArrowIcon = require('../../tempIcons/DownArrowIcon.cjs');
-var UpArrowIcon = require('../../tempIcons/UpArrowIcon.cjs');
-var CrossIcon = require('../../tempIcons/CrossIcon.cjs');
+var DownArrowIcon = require('../../icons/DownArrowIcon.cjs');
+var UpArrowIcon = require('../../icons/UpArrowIcon.cjs');
+var CrossIcon = require('../../icons/CrossIcon.cjs');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/dist/components/CardHeader/CardHeader.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CardHeader.cjs","sources":["../../../src/components/CardHeader/CardHeader.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Text } from '../Text';\nimport { Button } from '../Button';\nimport { Header, HeaderGrid } from './styled';\nimport { HeaderVariant } from '../Text/types';\nimport { DownArrowIcon } from '../../tempIcons/DownArrowIcon';\nimport { UpArrowIcon } from '../../tempIcons/UpArrowIcon';\nimport { CrossIcon } from '../../tempIcons/CrossIcon';\n\ntype CardHeaderAction = {\n  title: string;\n  onClick: () => void;\n};\n\nexport interface CardHeaderProps {\n  id?: string;\n  title?: string;\n  subtitle?: string;\n  headerVariant?: HeaderVariant;\n  action?: CardHeaderAction;\n  actionSlot?: React.ReactNode;\n  isCollapsed?: boolean;\n  onClickCollapse?: () => void;\n  onClickClose?: () => void;\n}\n\nexport const CardHeader = ({\n  id,\n  title,\n  subtitle,\n  headerVariant = 'headingSmall',\n  action,\n  actionSlot,\n  isCollapsed,\n  onClickCollapse,\n  onClickClose,\n}: CardHeaderProps) => (\n  <Header>\n    <HeaderGrid>\n      <Text id={id} variant={headerVariant}>\n        {title}\n      </Text>\n      {action && (\n        <Button variant=\"link\" onClick={action.onClick}>\n          {action.title}\n        </Button>\n      )}\n      {actionSlot}\n      {onClickCollapse && (\n        <Button\n          variant=\"flat\"\n          iconSlot={isCollapsed ? <DownArrowIcon /> : <UpArrowIcon />}\n          onClick={onClickCollapse}\n        />\n      )}\n      {onClickClose && (\n        <Button\n          variant=\"flat\"\n          iconSlot={<CrossIcon />}\n          onClick={onClickClose}\n          aria-label=\"Close\"\n          type=\"button\"\n        />\n      )}\n    </HeaderGrid>\n    {subtitle && <Text variant=\"subheadingSmall\">{subtitle}</Text>}\n  </Header>\n);\n"],"names":["React","Header","HeaderGrid","Text","Button","DownArrowIcon","UpArrowIcon","CrossIcon"],"mappings":";;;;;;;;;;;;;;AA2BO,MAAM,UAAU,GAAG,CAAC,EACzB,EAAE,EACF,KAAK,EACL,QAAQ,EACR,aAAa,GAAG,cAAc,EAC9B,MAAM,EACN,UAAU,EACV,WAAW,EACX,eAAe,EACf,YAAY,GACI,MAChBA,qCAACC,aAAM,EAAA,IAAA;AACL,IAAAD,sBAAA,CAAA,aAAA,CAACE,iBAAU,EAAA,IAAA;QACTF,sBAAC,CAAA,aAAA,CAAAG,SAAI,EAAC,EAAA,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,aAAa,EACjC,EAAA,KAAK,CACD;AACN,QAAA,MAAM,KACLH,sBAAA,CAAA,aAAA,CAACI,aAAM,EAAC,EAAA,OAAO,EAAC,MAAM,EAAC,OAAO,EAAE,MAAM,CAAC,OAAO,EAAA,EAC3C,MAAM,CAAC,KAAK,CACN,CACV;QACA,UAAU;AACV,QAAA,eAAe,KACdJ,sBAAC,CAAA,aAAA,CAAAI,aAAM,EACL,EAAA,OAAO,EAAC,MAAM,EACd,QAAQ,EAAE,WAAW,GAAGJ,sBAAA,CAAA,aAAA,CAACK,2BAAa,EAAA,IAAA,CAAG,GAAGL,sBAAA,CAAA,aAAA,CAACM,uBAAW,EAAA,IAAA,CAAG,EAC3D,OAAO,EAAE,eAAe,GACxB,CACH;QACA,YAAY,KACXN,sBAAA,CAAA,aAAA,CAACI,aAAM,EAAA,EACL,OAAO,EAAC,MAAM,EACd,QAAQ,EAAEJ,sBAAC,CAAA,aAAA,CAAAO,mBAAS,OAAG,EACvB,OAAO,EAAE,YAAY,EACV,YAAA,EAAA,OAAO,EAClB,IAAI,EAAC,QAAQ,EACb,CAAA,CACH,CACU;AACZ,IAAA,QAAQ,IAAIP,sBAAA,CAAA,aAAA,CAACG,SAAI,EAAA,EAAC,OAAO,EAAC,iBAAiB,EAAA,EAAE,QAAQ,CAAQ,CACvD;;;;"}
+{"version":3,"file":"CardHeader.cjs","sources":["../../../src/components/CardHeader/CardHeader.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Text } from '../Text';\nimport { Button } from '../Button';\nimport { Header, HeaderGrid } from './styled';\nimport { HeaderVariant } from '../Text/types';\nimport { DownArrowIcon } from '../../icons/DownArrowIcon';\nimport { UpArrowIcon } from '../../icons/UpArrowIcon';\nimport { CrossIcon } from '../../icons/CrossIcon';\n\ntype CardHeaderAction = {\n  title: string;\n  onClick: () => void;\n};\n\nexport interface CardHeaderProps {\n  id?: string;\n  title?: string;\n  subtitle?: string;\n  headerVariant?: HeaderVariant;\n  action?: CardHeaderAction;\n  actionSlot?: React.ReactNode;\n  isCollapsed?: boolean;\n  onClickCollapse?: () => void;\n  onClickClose?: () => void;\n}\n\nexport const CardHeader = ({\n  id,\n  title,\n  subtitle,\n  headerVariant = 'headingSmall',\n  action,\n  actionSlot,\n  isCollapsed,\n  onClickCollapse,\n  onClickClose,\n}: CardHeaderProps) => (\n  <Header>\n    <HeaderGrid>\n      <Text id={id} variant={headerVariant}>\n        {title}\n      </Text>\n      {action && (\n        <Button variant=\"link\" onClick={action.onClick}>\n          {action.title}\n        </Button>\n      )}\n      {actionSlot}\n      {onClickCollapse && (\n        <Button\n          variant=\"flat\"\n          iconSlot={isCollapsed ? <DownArrowIcon /> : <UpArrowIcon />}\n          onClick={onClickCollapse}\n        />\n      )}\n      {onClickClose && (\n        <Button\n          variant=\"flat\"\n          iconSlot={<CrossIcon />}\n          onClick={onClickClose}\n          aria-label=\"Close\"\n          type=\"button\"\n        />\n      )}\n    </HeaderGrid>\n    {subtitle && <Text variant=\"subheadingSmall\">{subtitle}</Text>}\n  </Header>\n);\n"],"names":["React","Header","HeaderGrid","Text","Button","DownArrowIcon","UpArrowIcon","CrossIcon"],"mappings":";;;;;;;;;;;;;;AA2BO,MAAM,UAAU,GAAG,CAAC,EACzB,EAAE,EACF,KAAK,EACL,QAAQ,EACR,aAAa,GAAG,cAAc,EAC9B,MAAM,EACN,UAAU,EACV,WAAW,EACX,eAAe,EACf,YAAY,GACI,MAChBA,qCAACC,aAAM,EAAA,IAAA;AACL,IAAAD,sBAAA,CAAA,aAAA,CAACE,iBAAU,EAAA,IAAA;QACTF,sBAAC,CAAA,aAAA,CAAAG,SAAI,EAAC,EAAA,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,aAAa,EACjC,EAAA,KAAK,CACD;AACN,QAAA,MAAM,KACLH,sBAAA,CAAA,aAAA,CAACI,aAAM,EAAC,EAAA,OAAO,EAAC,MAAM,EAAC,OAAO,EAAE,MAAM,CAAC,OAAO,EAAA,EAC3C,MAAM,CAAC,KAAK,CACN,CACV;QACA,UAAU;AACV,QAAA,eAAe,KACdJ,sBAAC,CAAA,aAAA,CAAAI,aAAM,EACL,EAAA,OAAO,EAAC,MAAM,EACd,QAAQ,EAAE,WAAW,GAAGJ,sBAAA,CAAA,aAAA,CAACK,2BAAa,EAAA,IAAA,CAAG,GAAGL,sBAAA,CAAA,aAAA,CAACM,uBAAW,EAAA,IAAA,CAAG,EAC3D,OAAO,EAAE,eAAe,GACxB,CACH;QACA,YAAY,KACXN,sBAAA,CAAA,aAAA,CAACI,aAAM,EAAA,EACL,OAAO,EAAC,MAAM,EACd,QAAQ,EAAEJ,sBAAC,CAAA,aAAA,CAAAO,mBAAS,OAAG,EACvB,OAAO,EAAE,YAAY,EACV,YAAA,EAAA,OAAO,EAClB,IAAI,EAAC,QAAQ,EACb,CAAA,CACH,CACU;AACZ,IAAA,QAAQ,IAAIP,sBAAA,CAAA,aAAA,CAACG,SAAI,EAAA,EAAC,OAAO,EAAC,iBAAiB,EAAA,EAAE,QAAQ,CAAQ,CACvD;;;;"}

package/dist/components/CardHeader/CardHeader.js

@@ -2,9 +2,9 @@ import React__default from 'react';
 import { Text } from '../Text/Text.js';
 import { Button } from '../Button/Button.js';
 import { Header, HeaderGrid } from './styled.js';
-import { DownArrowIcon } from '../../tempIcons/DownArrowIcon.js';
-import { UpArrowIcon } from '../../tempIcons/UpArrowIcon.js';
-import { CrossIcon } from '../../tempIcons/CrossIcon.js';
+import { DownArrowIcon } from '../../icons/DownArrowIcon.js';
+import { UpArrowIcon } from '../../icons/UpArrowIcon.js';
+import { CrossIcon } from '../../icons/CrossIcon.js';
 
 const CardHeader = ({ id, title, subtitle, headerVariant = 'headingSmall', action, actionSlot, isCollapsed, onClickCollapse, onClickClose, }) => (React__default.createElement(Header, null,
     React__default.createElement(HeaderGrid, null,

package/dist/components/CardHeader/CardHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardHeader.js","sources":["../../../src/components/CardHeader/CardHeader.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Text } from '../Text';\nimport { Button } from '../Button';\nimport { Header, HeaderGrid } from './styled';\nimport { HeaderVariant } from '../Text/types';\nimport { DownArrowIcon } from '../../tempIcons/DownArrowIcon';\nimport { UpArrowIcon } from '../../tempIcons/UpArrowIcon';\nimport { CrossIcon } from '../../tempIcons/CrossIcon';\n\ntype CardHeaderAction = {\n  title: string;\n  onClick: () => void;\n};\n\nexport interface CardHeaderProps {\n  id?: string;\n  title?: string;\n  subtitle?: string;\n  headerVariant?: HeaderVariant;\n  action?: CardHeaderAction;\n  actionSlot?: React.ReactNode;\n  isCollapsed?: boolean;\n  onClickCollapse?: () => void;\n  onClickClose?: () => void;\n}\n\nexport const CardHeader = ({\n  id,\n  title,\n  subtitle,\n  headerVariant = 'headingSmall',\n  action,\n  actionSlot,\n  isCollapsed,\n  onClickCollapse,\n  onClickClose,\n}: CardHeaderProps) => (\n  <Header>\n    <HeaderGrid>\n      <Text id={id} variant={headerVariant}>\n        {title}\n      </Text>\n      {action && (\n        <Button variant=\"link\" onClick={action.onClick}>\n          {action.title}\n        </Button>\n      )}\n      {actionSlot}\n      {onClickCollapse && (\n        <Button\n          variant=\"flat\"\n          iconSlot={isCollapsed ? <DownArrowIcon /> : <UpArrowIcon />}\n          onClick={onClickCollapse}\n        />\n      )}\n      {onClickClose && (\n        <Button\n          variant=\"flat\"\n          iconSlot={<CrossIcon />}\n          onClick={onClickClose}\n          aria-label=\"Close\"\n          type=\"button\"\n        />\n      )}\n    </HeaderGrid>\n    {subtitle && <Text variant=\"subheadingSmall\">{subtitle}</Text>}\n  </Header>\n);\n"],"names":["React"],"mappings":";;;;;;;;AA2BO,MAAM,UAAU,GAAG,CAAC,EACzB,EAAE,EACF,KAAK,EACL,QAAQ,EACR,aAAa,GAAG,cAAc,EAC9B,MAAM,EACN,UAAU,EACV,WAAW,EACX,eAAe,EACf,YAAY,GACI,MAChBA,6BAAC,MAAM,EAAA,IAAA;AACL,IAAAA,cAAA,CAAA,aAAA,CAAC,UAAU,EAAA,IAAA;QACTA,cAAC,CAAA,aAAA,CAAA,IAAI,EAAC,EAAA,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,aAAa,EACjC,EAAA,KAAK,CACD;AACN,QAAA,MAAM,KACLA,cAAA,CAAA,aAAA,CAAC,MAAM,EAAC,EAAA,OAAO,EAAC,MAAM,EAAC,OAAO,EAAE,MAAM,CAAC,OAAO,EAAA,EAC3C,MAAM,CAAC,KAAK,CACN,CACV;QACA,UAAU;AACV,QAAA,eAAe,KACdA,cAAC,CAAA,aAAA,CAAA,MAAM,EACL,EAAA,OAAO,EAAC,MAAM,EACd,QAAQ,EAAE,WAAW,GAAGA,cAAA,CAAA,aAAA,CAAC,aAAa,EAAA,IAAA,CAAG,GAAGA,cAAA,CAAA,aAAA,CAAC,WAAW,EAAA,IAAA,CAAG,EAC3D,OAAO,EAAE,eAAe,GACxB,CACH;QACA,YAAY,KACXA,cAAA,CAAA,aAAA,CAAC,MAAM,EAAA,EACL,OAAO,EAAC,MAAM,EACd,QAAQ,EAAEA,cAAC,CAAA,aAAA,CAAA,SAAS,OAAG,EACvB,OAAO,EAAE,YAAY,EACV,YAAA,EAAA,OAAO,EAClB,IAAI,EAAC,QAAQ,EACb,CAAA,CACH,CACU;AACZ,IAAA,QAAQ,IAAIA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,OAAO,EAAC,iBAAiB,EAAA,EAAE,QAAQ,CAAQ,CACvD;;;;"}
+{"version":3,"file":"CardHeader.js","sources":["../../../src/components/CardHeader/CardHeader.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Text } from '../Text';\nimport { Button } from '../Button';\nimport { Header, HeaderGrid } from './styled';\nimport { HeaderVariant } from '../Text/types';\nimport { DownArrowIcon } from '../../icons/DownArrowIcon';\nimport { UpArrowIcon } from '../../icons/UpArrowIcon';\nimport { CrossIcon } from '../../icons/CrossIcon';\n\ntype CardHeaderAction = {\n  title: string;\n  onClick: () => void;\n};\n\nexport interface CardHeaderProps {\n  id?: string;\n  title?: string;\n  subtitle?: string;\n  headerVariant?: HeaderVariant;\n  action?: CardHeaderAction;\n  actionSlot?: React.ReactNode;\n  isCollapsed?: boolean;\n  onClickCollapse?: () => void;\n  onClickClose?: () => void;\n}\n\nexport const CardHeader = ({\n  id,\n  title,\n  subtitle,\n  headerVariant = 'headingSmall',\n  action,\n  actionSlot,\n  isCollapsed,\n  onClickCollapse,\n  onClickClose,\n}: CardHeaderProps) => (\n  <Header>\n    <HeaderGrid>\n      <Text id={id} variant={headerVariant}>\n        {title}\n      </Text>\n      {action && (\n        <Button variant=\"link\" onClick={action.onClick}>\n          {action.title}\n        </Button>\n      )}\n      {actionSlot}\n      {onClickCollapse && (\n        <Button\n          variant=\"flat\"\n          iconSlot={isCollapsed ? <DownArrowIcon /> : <UpArrowIcon />}\n          onClick={onClickCollapse}\n        />\n      )}\n      {onClickClose && (\n        <Button\n          variant=\"flat\"\n          iconSlot={<CrossIcon />}\n          onClick={onClickClose}\n          aria-label=\"Close\"\n          type=\"button\"\n        />\n      )}\n    </HeaderGrid>\n    {subtitle && <Text variant=\"subheadingSmall\">{subtitle}</Text>}\n  </Header>\n);\n"],"names":["React"],"mappings":";;;;;;;;AA2BO,MAAM,UAAU,GAAG,CAAC,EACzB,EAAE,EACF,KAAK,EACL,QAAQ,EACR,aAAa,GAAG,cAAc,EAC9B,MAAM,EACN,UAAU,EACV,WAAW,EACX,eAAe,EACf,YAAY,GACI,MAChBA,6BAAC,MAAM,EAAA,IAAA;AACL,IAAAA,cAAA,CAAA,aAAA,CAAC,UAAU,EAAA,IAAA;QACTA,cAAC,CAAA,aAAA,CAAA,IAAI,EAAC,EAAA,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,aAAa,EACjC,EAAA,KAAK,CACD;AACN,QAAA,MAAM,KACLA,cAAA,CAAA,aAAA,CAAC,MAAM,EAAC,EAAA,OAAO,EAAC,MAAM,EAAC,OAAO,EAAE,MAAM,CAAC,OAAO,EAAA,EAC3C,MAAM,CAAC,KAAK,CACN,CACV;QACA,UAAU;AACV,QAAA,eAAe,KACdA,cAAC,CAAA,aAAA,CAAA,MAAM,EACL,EAAA,OAAO,EAAC,MAAM,EACd,QAAQ,EAAE,WAAW,GAAGA,cAAA,CAAA,aAAA,CAAC,aAAa,EAAA,IAAA,CAAG,GAAGA,cAAA,CAAA,aAAA,CAAC,WAAW,EAAA,IAAA,CAAG,EAC3D,OAAO,EAAE,eAAe,GACxB,CACH;QACA,YAAY,KACXA,cAAA,CAAA,aAAA,CAAC,MAAM,EAAA,EACL,OAAO,EAAC,MAAM,EACd,QAAQ,EAAEA,cAAC,CAAA,aAAA,CAAA,SAAS,OAAG,EACvB,OAAO,EAAE,YAAY,EACV,YAAA,EAAA,OAAO,EAClB,IAAI,EAAC,QAAQ,EACb,CAAA,CACH,CACU;AACZ,IAAA,QAAQ,IAAIA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,OAAO,EAAC,iBAAiB,EAAA,EAAE,QAAQ,CAAQ,CACvD;;;;"}

package/dist/components/Choice/Choice.cjs

@@ -2,9 +2,10 @@
 
 var React = require('react');
 var Stack = require('../Stack/Stack.cjs');
+require('../Stack/types.cjs');
 var index = require('../../theme/index.cjs');
 var styled = require('./components/styled.cjs');
-var HelpIcon = require('../../tempIcons/HelpIcon.cjs');
+var HelpIcon = require('../../icons/HelpIcon.cjs');
 var Text = require('../Text/Text.cjs');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }

package/dist/components/Choice/Choice.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Choice.cjs","sources":["../../../src/components/Choice/Choice.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { Stack } from '../Stack';\nimport { theme } from '../../theme';\n\nimport {\n  Wrapper,\n  BorderedWrapper,\n  RootLayout,\n  InputLayout,\n  AccessoryLayout,\n  TextLayout,\n  HintText,\n  ErrorText,\n  BlockTooltip,\n} from './components/styled';\nimport { HelpIcon } from '../../tempIcons/HelpIcon';\nimport { Text } from '../Text';\nimport { TextVariant } from '../Text/types';\n\nexport interface ForwardedChoiceProps {\n  className?: string;\n  disabled?: boolean;\n  label?: ReactNode;\n  hint?: ReactNode;\n  tooltip?: string;\n  tooltipContent?: ReactNode;\n  error?: ReactNode;\n  bordered?: boolean;\n  Badge?: ReactNode;\n  Accessory?: ReactNode;\n  Footer?: ReactNode;\n  inputPosition?: 'left' | 'right';\n  labelVariant?: TextVariant;\n}\n\nexport interface ChoiceProps extends ForwardedChoiceProps {\n  id: string;\n  children: ReactNode;\n}\n\nconst generateClassNames = (prefix?: string): any => ({\n  hint: prefix ? 'choice__hint' : undefined,\n  label: prefix ? 'choice__label' : undefined,\n  tooltip: prefix ? 'choice__tooltip' : undefined,\n  error: prefix ? 'choice__error' : undefined,\n});\n\nexport const Choice = ({\n  id,\n  className,\n  label,\n  hint,\n  tooltip,\n  tooltipContent,\n  error,\n  bordered,\n  Badge,\n  Accessory,\n  Footer,\n  children,\n  disabled = false,\n  labelVariant = 'body',\n  inputPosition = 'left',\n}: ChoiceProps) => {\n  const classNames = generateClassNames(className);\n\n  const contentMarkup = (\n    <RootLayout>\n      {inputPosition === 'left' && (\n        <InputLayout align={Accessory ? 'center' : 'top'}>{children}</InputLayout>\n      )}\n      {Accessory && <AccessoryLayout>{Accessory}</AccessoryLayout>}\n      {label || hint || error || Badge || Footer ? (\n        <TextLayout>\n          <Stack direction=\"horizontal\" alignY=\"center\" spacing=\"sm\">\n            {Badge}\n            {label && (\n              <Text variant={labelVariant} className={classNames.label}>\n                {label}\n              </Text>\n            )}\n            {(tooltip || tooltipContent) && (\n              <BlockTooltip text={tooltip} content={tooltipContent} className={classNames.tooltip}>\n                <HelpIcon\n                  data-testid=\"tooltip-help\"\n                  name=\"help\"\n                  width={theme.sizes.base}\n                  color={theme.colors.neutral.ink.lightest}\n                />\n              </BlockTooltip>\n            )}\n          </Stack>\n          {hint && <HintText className={classNames.hint}>{hint}</HintText>}\n          {error && <ErrorText className={classNames.error}>{error}</ErrorText>}\n          {Footer}\n        </TextLayout>\n      ) : null}\n      {inputPosition === 'right' && (\n        <InputLayout align={Accessory ? 'center' : 'top'}>{children}</InputLayout>\n      )}\n    </RootLayout>\n  );\n\n  if (bordered) {\n    return (\n      <BorderedWrapper disabled={disabled} htmlFor={id} className={className}>\n        {contentMarkup}\n      </BorderedWrapper>\n    );\n  }\n\n  return (\n    <Wrapper disabled={disabled} htmlFor={id} className={className}>\n      {contentMarkup}\n    </Wrapper>\n  );\n};\n"],"names":["React","RootLayout","InputLayout","AccessoryLayout","TextLayout","Stack","Text","BlockTooltip","HelpIcon","theme","HintText","ErrorText","BorderedWrapper","Wrapper"],"mappings":"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"}
+{"version":3,"file":"Choice.cjs","sources":["../../../src/components/Choice/Choice.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { Stack } from '../Stack';\nimport { theme } from '../../theme';\n\nimport {\n  Wrapper,\n  BorderedWrapper,\n  RootLayout,\n  InputLayout,\n  AccessoryLayout,\n  TextLayout,\n  HintText,\n  ErrorText,\n  BlockTooltip,\n} from './components/styled';\nimport { HelpIcon } from '../../icons/HelpIcon';\nimport { Text } from '../Text';\nimport { TextVariant } from '../Text/types';\n\nexport interface ForwardedChoiceProps {\n  className?: string;\n  disabled?: boolean;\n  label?: ReactNode;\n  hint?: ReactNode;\n  tooltip?: string;\n  tooltipContent?: ReactNode;\n  error?: ReactNode;\n  bordered?: boolean;\n  Badge?: ReactNode;\n  Accessory?: ReactNode;\n  Footer?: ReactNode;\n  inputPosition?: 'left' | 'right';\n  labelVariant?: TextVariant;\n}\n\nexport interface ChoiceProps extends ForwardedChoiceProps {\n  id: string;\n  children: ReactNode;\n}\n\nconst generateClassNames = (prefix?: string): any => ({\n  hint: prefix ? 'choice__hint' : undefined,\n  label: prefix ? 'choice__label' : undefined,\n  tooltip: prefix ? 'choice__tooltip' : undefined,\n  error: prefix ? 'choice__error' : undefined,\n});\n\nexport const Choice = ({\n  id,\n  className,\n  label,\n  hint,\n  tooltip,\n  tooltipContent,\n  error,\n  bordered,\n  Badge,\n  Accessory,\n  Footer,\n  children,\n  disabled = false,\n  labelVariant = 'body',\n  inputPosition = 'left',\n}: ChoiceProps) => {\n  const classNames = generateClassNames(className);\n\n  const contentMarkup = (\n    <RootLayout>\n      {inputPosition === 'left' && (\n        <InputLayout align={Accessory ? 'center' : 'top'}>{children}</InputLayout>\n      )}\n      {Accessory && <AccessoryLayout>{Accessory}</AccessoryLayout>}\n      {label || hint || error || Badge || Footer ? (\n        <TextLayout>\n          <Stack direction=\"horizontal\" alignY=\"center\" spacing=\"sm\">\n            {Badge}\n            {label && (\n              <Text variant={labelVariant} className={classNames.label}>\n                {label}\n              </Text>\n            )}\n            {(tooltip || tooltipContent) && (\n              <BlockTooltip text={tooltip} content={tooltipContent} className={classNames.tooltip}>\n                <HelpIcon\n                  data-testid=\"tooltip-help\"\n                  name=\"help\"\n                  width={theme.sizes.base}\n                  color={theme.colors.neutral.ink.lightest}\n                />\n              </BlockTooltip>\n            )}\n          </Stack>\n          {hint && <HintText className={classNames.hint}>{hint}</HintText>}\n          {error && <ErrorText className={classNames.error}>{error}</ErrorText>}\n          {Footer}\n        </TextLayout>\n      ) : null}\n      {inputPosition === 'right' && (\n        <InputLayout align={Accessory ? 'center' : 'top'}>{children}</InputLayout>\n      )}\n    </RootLayout>\n  );\n\n  if (bordered) {\n    return (\n      <BorderedWrapper disabled={disabled} htmlFor={id} className={className}>\n        {contentMarkup}\n      </BorderedWrapper>\n    );\n  }\n\n  return (\n    <Wrapper disabled={disabled} htmlFor={id} className={className}>\n      {contentMarkup}\n    </Wrapper>\n  );\n};\n"],"names":["React","RootLayout","InputLayout","AccessoryLayout","TextLayout","Stack","Text","BlockTooltip","HelpIcon","theme","HintText","ErrorText","BorderedWrapper","Wrapper"],"mappings":"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"}

package/dist/components/Choice/Choice.js

@@ -1,8 +1,9 @@
 import React__default from 'react';
 import { Stack } from '../Stack/Stack.js';
+import '../Stack/types.js';
 import { theme } from '../../theme/index.js';
 import { RootLayout, InputLayout, AccessoryLayout, TextLayout, BlockTooltip, HintText, ErrorText, BorderedWrapper, Wrapper } from './components/styled.js';
-import { HelpIcon } from '../../tempIcons/HelpIcon.js';
+import { HelpIcon } from '../../icons/HelpIcon.js';
 import { Text } from '../Text/Text.js';
 
 const generateClassNames = (prefix) => ({

package/dist/components/Choice/Choice.js.map

@@ -1 +1 @@
-{"version":3,"file":"Choice.js","sources":["../../../src/components/Choice/Choice.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { Stack } from '../Stack';\nimport { theme } from '../../theme';\n\nimport {\n  Wrapper,\n  BorderedWrapper,\n  RootLayout,\n  InputLayout,\n  AccessoryLayout,\n  TextLayout,\n  HintText,\n  ErrorText,\n  BlockTooltip,\n} from './components/styled';\nimport { HelpIcon } from '../../tempIcons/HelpIcon';\nimport { Text } from '../Text';\nimport { TextVariant } from '../Text/types';\n\nexport interface ForwardedChoiceProps {\n  className?: string;\n  disabled?: boolean;\n  label?: ReactNode;\n  hint?: ReactNode;\n  tooltip?: string;\n  tooltipContent?: ReactNode;\n  error?: ReactNode;\n  bordered?: boolean;\n  Badge?: ReactNode;\n  Accessory?: ReactNode;\n  Footer?: ReactNode;\n  inputPosition?: 'left' | 'right';\n  labelVariant?: TextVariant;\n}\n\nexport interface ChoiceProps extends ForwardedChoiceProps {\n  id: string;\n  children: ReactNode;\n}\n\nconst generateClassNames = (prefix?: string): any => ({\n  hint: prefix ? 'choice__hint' : undefined,\n  label: prefix ? 'choice__label' : undefined,\n  tooltip: prefix ? 'choice__tooltip' : undefined,\n  error: prefix ? 'choice__error' : undefined,\n});\n\nexport const Choice = ({\n  id,\n  className,\n  label,\n  hint,\n  tooltip,\n  tooltipContent,\n  error,\n  bordered,\n  Badge,\n  Accessory,\n  Footer,\n  children,\n  disabled = false,\n  labelVariant = 'body',\n  inputPosition = 'left',\n}: ChoiceProps) => {\n  const classNames = generateClassNames(className);\n\n  const contentMarkup = (\n    <RootLayout>\n      {inputPosition === 'left' && (\n        <InputLayout align={Accessory ? 'center' : 'top'}>{children}</InputLayout>\n      )}\n      {Accessory && <AccessoryLayout>{Accessory}</AccessoryLayout>}\n      {label || hint || error || Badge || Footer ? (\n        <TextLayout>\n          <Stack direction=\"horizontal\" alignY=\"center\" spacing=\"sm\">\n            {Badge}\n            {label && (\n              <Text variant={labelVariant} className={classNames.label}>\n                {label}\n              </Text>\n            )}\n            {(tooltip || tooltipContent) && (\n              <BlockTooltip text={tooltip} content={tooltipContent} className={classNames.tooltip}>\n                <HelpIcon\n                  data-testid=\"tooltip-help\"\n                  name=\"help\"\n                  width={theme.sizes.base}\n                  color={theme.colors.neutral.ink.lightest}\n                />\n              </BlockTooltip>\n            )}\n          </Stack>\n          {hint && <HintText className={classNames.hint}>{hint}</HintText>}\n          {error && <ErrorText className={classNames.error}>{error}</ErrorText>}\n          {Footer}\n        </TextLayout>\n      ) : null}\n      {inputPosition === 'right' && (\n        <InputLayout align={Accessory ? 'center' : 'top'}>{children}</InputLayout>\n      )}\n    </RootLayout>\n  );\n\n  if (bordered) {\n    return (\n      <BorderedWrapper disabled={disabled} htmlFor={id} className={className}>\n        {contentMarkup}\n      </BorderedWrapper>\n    );\n  }\n\n  return (\n    <Wrapper disabled={disabled} htmlFor={id} className={className}>\n      {contentMarkup}\n    </Wrapper>\n  );\n};\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"Choice.js","sources":["../../../src/components/Choice/Choice.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { Stack } from '../Stack';\nimport { theme } from '../../theme';\n\nimport {\n  Wrapper,\n  BorderedWrapper,\n  RootLayout,\n  InputLayout,\n  AccessoryLayout,\n  TextLayout,\n  HintText,\n  ErrorText,\n  BlockTooltip,\n} from './components/styled';\nimport { HelpIcon } from '../../icons/HelpIcon';\nimport { Text } from '../Text';\nimport { TextVariant } from '../Text/types';\n\nexport interface ForwardedChoiceProps {\n  className?: string;\n  disabled?: boolean;\n  label?: ReactNode;\n  hint?: ReactNode;\n  tooltip?: string;\n  tooltipContent?: ReactNode;\n  error?: ReactNode;\n  bordered?: boolean;\n  Badge?: ReactNode;\n  Accessory?: ReactNode;\n  Footer?: ReactNode;\n  inputPosition?: 'left' | 'right';\n  labelVariant?: TextVariant;\n}\n\nexport interface ChoiceProps extends ForwardedChoiceProps {\n  id: string;\n  children: ReactNode;\n}\n\nconst generateClassNames = (prefix?: string): any => ({\n  hint: prefix ? 'choice__hint' : undefined,\n  label: prefix ? 'choice__label' : undefined,\n  tooltip: prefix ? 'choice__tooltip' : undefined,\n  error: prefix ? 'choice__error' : undefined,\n});\n\nexport const Choice = ({\n  id,\n  className,\n  label,\n  hint,\n  tooltip,\n  tooltipContent,\n  error,\n  bordered,\n  Badge,\n  Accessory,\n  Footer,\n  children,\n  disabled = false,\n  labelVariant = 'body',\n  inputPosition = 'left',\n}: ChoiceProps) => {\n  const classNames = generateClassNames(className);\n\n  const contentMarkup = (\n    <RootLayout>\n      {inputPosition === 'left' && (\n        <InputLayout align={Accessory ? 'center' : 'top'}>{children}</InputLayout>\n      )}\n      {Accessory && <AccessoryLayout>{Accessory}</AccessoryLayout>}\n      {label || hint || error || Badge || Footer ? (\n        <TextLayout>\n          <Stack direction=\"horizontal\" alignY=\"center\" spacing=\"sm\">\n            {Badge}\n            {label && (\n              <Text variant={labelVariant} className={classNames.label}>\n                {label}\n              </Text>\n            )}\n            {(tooltip || tooltipContent) && (\n              <BlockTooltip text={tooltip} content={tooltipContent} className={classNames.tooltip}>\n                <HelpIcon\n                  data-testid=\"tooltip-help\"\n                  name=\"help\"\n                  width={theme.sizes.base}\n                  color={theme.colors.neutral.ink.lightest}\n                />\n              </BlockTooltip>\n            )}\n          </Stack>\n          {hint && <HintText className={classNames.hint}>{hint}</HintText>}\n          {error && <ErrorText className={classNames.error}>{error}</ErrorText>}\n          {Footer}\n        </TextLayout>\n      ) : null}\n      {inputPosition === 'right' && (\n        <InputLayout align={Accessory ? 'center' : 'top'}>{children}</InputLayout>\n      )}\n    </RootLayout>\n  );\n\n  if (bordered) {\n    return (\n      <BorderedWrapper disabled={disabled} htmlFor={id} className={className}>\n        {contentMarkup}\n      </BorderedWrapper>\n    );\n  }\n\n  return (\n    <Wrapper disabled={disabled} htmlFor={id} className={className}>\n      {contentMarkup}\n    </Wrapper>\n  );\n};\n"],"names":["React"],"mappings":"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"}

package/dist/components/CopyToClipboard/CopyToClipboard.cjs

@@ -4,10 +4,10 @@ var React = require('react');
 var styled = require('styled-components');
 var Tooltip = require('../Tooltip/Tooltip.cjs');
 var colors = require('../../theme/modules/colors.cjs');
-var SuccessIcon = require('../../tempIcons/SuccessIcon.cjs');
+var SuccessIcon = require('../../icons/SuccessIcon.cjs');
 var sizes = require('../../theme/modules/sizes.cjs');
 var Button = require('../Button/Button.cjs');
-var ClipboardIcon = require('../../tempIcons/ClipboardIcon.cjs');
+var ClipboardIcon = require('../../icons/ClipboardIcon.cjs');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/dist/components/CopyToClipboard/CopyToClipboard.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CopyToClipboard.cjs","sources":["../../../src/components/CopyToClipboard/CopyToClipboard.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\n\nimport styled from 'styled-components';\nimport { Tooltip } from '../Tooltip';\nimport { colors } from '../../theme/modules/colors';\nimport { SuccessIcon } from '../../tempIcons/SuccessIcon';\nimport { sizes } from '../../theme/modules/sizes';\nimport { Button } from '../Button';\nimport { ClipboardIcon } from '../../tempIcons/ClipboardIcon';\n\nexport interface CopyToClipboardProps {\n  className?: string;\n  text: string;\n  onCopy?: () => void;\n}\n\nconst iconSizes = { width: sizes.base, height: sizes.base };\n\n/**\n * Created in here to fix orders table sizes. Bad pattern to use in main button component, as\n * touch target is below A11y guidelines.\n */\nconst XSButton = styled(Button)`\n  padding: 1px;\n  height: unset;\n\n  span {\n    height: ${sizes.base};\n    width: ${sizes.base};\n    top: unset;\n  }\n`;\n\n/**\n * A dynamic button to facilitate copying text to a users' keyboard when clicked.\n */\nexport const CopyToClipboard = ({ className, text, onCopy }: CopyToClipboardProps) => {\n  const [copied, setCopied] = React.useState(false);\n\n  const handleCopy = useCallback(() => {\n    navigator.clipboard.writeText(text);\n    if (onCopy) onCopy();\n    setCopied(true);\n    setTimeout(() => setCopied(false), 2500);\n  }, [onCopy, text]);\n\n  return (\n    <Tooltip text={copied ? 'Copied!' : 'Copy to clipboard'}>\n      <XSButton\n        variant=\"flat\"\n        size=\"sm\"\n        className={className}\n        aria-label={`${copied ? 'Copied' : 'Copy'} \"${text}\" to clipboard`}\n        iconSlot={\n          copied ? (\n            <SuccessIcon color={colors.secondary.green.base} {...iconSizes} />\n          ) : (\n            <ClipboardIcon color={colors.secondary.blue.base} {...iconSizes} />\n          )\n        }\n        onClick={handleCopy}\n      />\n    </Tooltip>\n  );\n};\n"],"names":["sizes","styled","Button","React","useCallback","Tooltip","SuccessIcon","colors","ClipboardIcon"],"mappings":";;;;;;;;;;;;;;;;AAgBA,MAAM,SAAS,GAAG,EAAE,KAAK,EAAEA,WAAK,CAAC,IAAI,EAAE,MAAM,EAAEA,WAAK,CAAC,IAAI,EAAE;AAE3D;;;AAGG;AACH,MAAM,QAAQ,GAAGC,uBAAM,CAACC,aAAM,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,eAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,qCAAA,EAKjBF,WAAK,CAAC,IAAI,CACX,OAAA,EAAAA,WAAK,CAAC,IAAI,cAGtB;AAED;;AAEG;AACI,MAAM,eAAe,GAAG,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAwB,KAAI;AACnF,IAAA,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAGG,sBAAK,CAAC,QAAQ,CAAC,KAAK,CAAC;AAEjD,IAAA,MAAM,UAAU,GAAGC,iBAAW,CAAC,MAAK;AAClC,QAAA,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC;AACnC,QAAA,IAAI,MAAM;AAAE,YAAA,MAAM,EAAE;QACpB,SAAS,CAAC,IAAI,CAAC;QACf,UAAU,CAAC,MAAM,SAAS,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC;AAC1C,KAAC,EAAE,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;AAElB,IAAA,QACED,sBAAA,CAAA,aAAA,CAACE,eAAO,EAAA,EAAC,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,mBAAmB,EAAA;AACrD,QAAAF,sBAAA,CAAA,aAAA,CAAC,QAAQ,EACP,EAAA,OAAO,EAAC,MAAM,EACd,IAAI,EAAC,IAAI,EACT,SAAS,EAAE,SAAS,EACR,YAAA,EAAA,CAAA,EAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAA,EAAA,EAAK,IAAI,CAAgB,cAAA,CAAA,EAClE,QAAQ,EACN,MAAM,IACJA,sBAAA,CAAA,aAAA,CAACG,uBAAW,EAAC,EAAA,KAAK,EAAEC,aAAM,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,EAAM,GAAA,SAAS,EAAI,CAAA,KAElEJ,sBAAA,CAAA,aAAA,CAACK,2BAAa,EAAC,EAAA,KAAK,EAAED,aAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,EAAM,GAAA,SAAS,EAAI,CAAA,CACpE,EAEH,OAAO,EAAE,UAAU,EACnB,CAAA,CACM;AAEd;;;;"}
+{"version":3,"file":"CopyToClipboard.cjs","sources":["../../../src/components/CopyToClipboard/CopyToClipboard.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\n\nimport styled from 'styled-components';\nimport { Tooltip } from '../Tooltip';\nimport { colors } from '../../theme/modules/colors';\nimport { SuccessIcon } from '../../icons/SuccessIcon';\nimport { sizes } from '../../theme/modules/sizes';\nimport { Button } from '../Button';\nimport { ClipboardIcon } from '../../icons/ClipboardIcon';\n\nexport interface CopyToClipboardProps {\n  className?: string;\n  text: string;\n  onCopy?: () => void;\n}\n\nconst iconSizes = { width: sizes.base, height: sizes.base };\n\n/**\n * Created in here to fix orders table sizes. Bad pattern to use in main button component, as\n * touch target is below A11y guidelines.\n */\nconst XSButton = styled(Button)`\n  padding: 1px;\n  height: unset;\n\n  span {\n    height: ${sizes.base};\n    width: ${sizes.base};\n    top: unset;\n  }\n`;\n\n/**\n * A dynamic button to facilitate copying text to a users' keyboard when clicked.\n */\nexport const CopyToClipboard = ({ className, text, onCopy }: CopyToClipboardProps) => {\n  const [copied, setCopied] = React.useState(false);\n\n  const handleCopy = useCallback(() => {\n    navigator.clipboard.writeText(text);\n    if (onCopy) onCopy();\n    setCopied(true);\n    setTimeout(() => setCopied(false), 2500);\n  }, [onCopy, text]);\n\n  return (\n    <Tooltip text={copied ? 'Copied!' : 'Copy to clipboard'}>\n      <XSButton\n        variant=\"flat\"\n        size=\"sm\"\n        className={className}\n        aria-label={`${copied ? 'Copied' : 'Copy'} \"${text}\" to clipboard`}\n        iconSlot={\n          copied ? (\n            <SuccessIcon color={colors.secondary.green.base} {...iconSizes} />\n          ) : (\n            <ClipboardIcon color={colors.secondary.blue.base} {...iconSizes} />\n          )\n        }\n        onClick={handleCopy}\n      />\n    </Tooltip>\n  );\n};\n"],"names":["sizes","styled","Button","React","useCallback","Tooltip","SuccessIcon","colors","ClipboardIcon"],"mappings":";;;;;;;;;;;;;;;;AAgBA,MAAM,SAAS,GAAG,EAAE,KAAK,EAAEA,WAAK,CAAC,IAAI,EAAE,MAAM,EAAEA,WAAK,CAAC,IAAI,EAAE;AAE3D;;;AAGG;AACH,MAAM,QAAQ,GAAGC,uBAAM,CAACC,aAAM,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,eAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,qCAAA,EAKjBF,WAAK,CAAC,IAAI,CACX,OAAA,EAAAA,WAAK,CAAC,IAAI,cAGtB;AAED;;AAEG;AACI,MAAM,eAAe,GAAG,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAwB,KAAI;AACnF,IAAA,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAGG,sBAAK,CAAC,QAAQ,CAAC,KAAK,CAAC;AAEjD,IAAA,MAAM,UAAU,GAAGC,iBAAW,CAAC,MAAK;AAClC,QAAA,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC;AACnC,QAAA,IAAI,MAAM;AAAE,YAAA,MAAM,EAAE;QACpB,SAAS,CAAC,IAAI,CAAC;QACf,UAAU,CAAC,MAAM,SAAS,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC;AAC1C,KAAC,EAAE,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;AAElB,IAAA,QACED,sBAAA,CAAA,aAAA,CAACE,eAAO,EAAA,EAAC,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,mBAAmB,EAAA;AACrD,QAAAF,sBAAA,CAAA,aAAA,CAAC,QAAQ,EACP,EAAA,OAAO,EAAC,MAAM,EACd,IAAI,EAAC,IAAI,EACT,SAAS,EAAE,SAAS,EACR,YAAA,EAAA,CAAA,EAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAA,EAAA,EAAK,IAAI,CAAgB,cAAA,CAAA,EAClE,QAAQ,EACN,MAAM,IACJA,sBAAA,CAAA,aAAA,CAACG,uBAAW,EAAC,EAAA,KAAK,EAAEC,aAAM,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,EAAM,GAAA,SAAS,EAAI,CAAA,KAElEJ,sBAAA,CAAA,aAAA,CAACK,2BAAa,EAAC,EAAA,KAAK,EAAED,aAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,EAAM,GAAA,SAAS,EAAI,CAAA,CACpE,EAEH,OAAO,EAAE,UAAU,EACnB,CAAA,CACM;AAEd;;;;"}

package/dist/components/CopyToClipboard/CopyToClipboard.js

@@ -2,10 +2,10 @@ import React__default, { useCallback } from 'react';
 import styled from 'styled-components';
 import { Tooltip } from '../Tooltip/Tooltip.js';
 import { colors } from '../../theme/modules/colors.js';
-import { SuccessIcon } from '../../tempIcons/SuccessIcon.js';
+import { SuccessIcon } from '../../icons/SuccessIcon.js';
 import { sizes } from '../../theme/modules/sizes.js';
 import { Button } from '../Button/Button.js';
-import { ClipboardIcon } from '../../tempIcons/ClipboardIcon.js';
+import { ClipboardIcon } from '../../icons/ClipboardIcon.js';
 
 const iconSizes = { width: sizes.base, height: sizes.base };
 /**

package/dist/components/CopyToClipboard/CopyToClipboard.js.map

@@ -1 +1 @@
-{"version":3,"file":"CopyToClipboard.js","sources":["../../../src/components/CopyToClipboard/CopyToClipboard.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\n\nimport styled from 'styled-components';\nimport { Tooltip } from '../Tooltip';\nimport { colors } from '../../theme/modules/colors';\nimport { SuccessIcon } from '../../tempIcons/SuccessIcon';\nimport { sizes } from '../../theme/modules/sizes';\nimport { Button } from '../Button';\nimport { ClipboardIcon } from '../../tempIcons/ClipboardIcon';\n\nexport interface CopyToClipboardProps {\n  className?: string;\n  text: string;\n  onCopy?: () => void;\n}\n\nconst iconSizes = { width: sizes.base, height: sizes.base };\n\n/**\n * Created in here to fix orders table sizes. Bad pattern to use in main button component, as\n * touch target is below A11y guidelines.\n */\nconst XSButton = styled(Button)`\n  padding: 1px;\n  height: unset;\n\n  span {\n    height: ${sizes.base};\n    width: ${sizes.base};\n    top: unset;\n  }\n`;\n\n/**\n * A dynamic button to facilitate copying text to a users' keyboard when clicked.\n */\nexport const CopyToClipboard = ({ className, text, onCopy }: CopyToClipboardProps) => {\n  const [copied, setCopied] = React.useState(false);\n\n  const handleCopy = useCallback(() => {\n    navigator.clipboard.writeText(text);\n    if (onCopy) onCopy();\n    setCopied(true);\n    setTimeout(() => setCopied(false), 2500);\n  }, [onCopy, text]);\n\n  return (\n    <Tooltip text={copied ? 'Copied!' : 'Copy to clipboard'}>\n      <XSButton\n        variant=\"flat\"\n        size=\"sm\"\n        className={className}\n        aria-label={`${copied ? 'Copied' : 'Copy'} \"${text}\" to clipboard`}\n        iconSlot={\n          copied ? (\n            <SuccessIcon color={colors.secondary.green.base} {...iconSizes} />\n          ) : (\n            <ClipboardIcon color={colors.secondary.blue.base} {...iconSizes} />\n          )\n        }\n        onClick={handleCopy}\n      />\n    </Tooltip>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;;;AAgBA,MAAM,SAAS,GAAG,EAAE,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,IAAI,EAAE;AAE3D;;;AAGG;AACH,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,eAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,qCAAA,EAKjB,KAAK,CAAC,IAAI,CACX,OAAA,EAAA,KAAK,CAAC,IAAI,cAGtB;AAED;;AAEG;AACI,MAAM,eAAe,GAAG,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAwB,KAAI;AACnF,IAAA,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAGA,cAAK,CAAC,QAAQ,CAAC,KAAK,CAAC;AAEjD,IAAA,MAAM,UAAU,GAAG,WAAW,CAAC,MAAK;AAClC,QAAA,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC;AACnC,QAAA,IAAI,MAAM;AAAE,YAAA,MAAM,EAAE;QACpB,SAAS,CAAC,IAAI,CAAC;QACf,UAAU,CAAC,MAAM,SAAS,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC;AAC1C,KAAC,EAAE,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;AAElB,IAAA,QACEA,cAAA,CAAA,aAAA,CAAC,OAAO,EAAA,EAAC,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,mBAAmB,EAAA;AACrD,QAAAA,cAAA,CAAA,aAAA,CAAC,QAAQ,EACP,EAAA,OAAO,EAAC,MAAM,EACd,IAAI,EAAC,IAAI,EACT,SAAS,EAAE,SAAS,EACR,YAAA,EAAA,CAAA,EAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAA,EAAA,EAAK,IAAI,CAAgB,cAAA,CAAA,EAClE,QAAQ,EACN,MAAM,IACJA,cAAA,CAAA,aAAA,CAAC,WAAW,EAAC,EAAA,KAAK,EAAE,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,EAAM,GAAA,SAAS,EAAI,CAAA,KAElEA,cAAA,CAAA,aAAA,CAAC,aAAa,EAAC,EAAA,KAAK,EAAE,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,EAAM,GAAA,SAAS,EAAI,CAAA,CACpE,EAEH,OAAO,EAAE,UAAU,EACnB,CAAA,CACM;AAEd;;;;"}
+{"version":3,"file":"CopyToClipboard.js","sources":["../../../src/components/CopyToClipboard/CopyToClipboard.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\n\nimport styled from 'styled-components';\nimport { Tooltip } from '../Tooltip';\nimport { colors } from '../../theme/modules/colors';\nimport { SuccessIcon } from '../../icons/SuccessIcon';\nimport { sizes } from '../../theme/modules/sizes';\nimport { Button } from '../Button';\nimport { ClipboardIcon } from '../../icons/ClipboardIcon';\n\nexport interface CopyToClipboardProps {\n  className?: string;\n  text: string;\n  onCopy?: () => void;\n}\n\nconst iconSizes = { width: sizes.base, height: sizes.base };\n\n/**\n * Created in here to fix orders table sizes. Bad pattern to use in main button component, as\n * touch target is below A11y guidelines.\n */\nconst XSButton = styled(Button)`\n  padding: 1px;\n  height: unset;\n\n  span {\n    height: ${sizes.base};\n    width: ${sizes.base};\n    top: unset;\n  }\n`;\n\n/**\n * A dynamic button to facilitate copying text to a users' keyboard when clicked.\n */\nexport const CopyToClipboard = ({ className, text, onCopy }: CopyToClipboardProps) => {\n  const [copied, setCopied] = React.useState(false);\n\n  const handleCopy = useCallback(() => {\n    navigator.clipboard.writeText(text);\n    if (onCopy) onCopy();\n    setCopied(true);\n    setTimeout(() => setCopied(false), 2500);\n  }, [onCopy, text]);\n\n  return (\n    <Tooltip text={copied ? 'Copied!' : 'Copy to clipboard'}>\n      <XSButton\n        variant=\"flat\"\n        size=\"sm\"\n        className={className}\n        aria-label={`${copied ? 'Copied' : 'Copy'} \"${text}\" to clipboard`}\n        iconSlot={\n          copied ? (\n            <SuccessIcon color={colors.secondary.green.base} {...iconSizes} />\n          ) : (\n            <ClipboardIcon color={colors.secondary.blue.base} {...iconSizes} />\n          )\n        }\n        onClick={handleCopy}\n      />\n    </Tooltip>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;;;AAgBA,MAAM,SAAS,GAAG,EAAE,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,IAAI,EAAE;AAE3D;;;AAGG;AACH,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,eAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,qCAAA,EAKjB,KAAK,CAAC,IAAI,CACX,OAAA,EAAA,KAAK,CAAC,IAAI,cAGtB;AAED;;AAEG;AACI,MAAM,eAAe,GAAG,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAwB,KAAI;AACnF,IAAA,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAGA,cAAK,CAAC,QAAQ,CAAC,KAAK,CAAC;AAEjD,IAAA,MAAM,UAAU,GAAG,WAAW,CAAC,MAAK;AAClC,QAAA,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC;AACnC,QAAA,IAAI,MAAM;AAAE,YAAA,MAAM,EAAE;QACpB,SAAS,CAAC,IAAI,CAAC;QACf,UAAU,CAAC,MAAM,SAAS,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC;AAC1C,KAAC,EAAE,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;AAElB,IAAA,QACEA,cAAA,CAAA,aAAA,CAAC,OAAO,EAAA,EAAC,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,mBAAmB,EAAA;AACrD,QAAAA,cAAA,CAAA,aAAA,CAAC,QAAQ,EACP,EAAA,OAAO,EAAC,MAAM,EACd,IAAI,EAAC,IAAI,EACT,SAAS,EAAE,SAAS,EACR,YAAA,EAAA,CAAA,EAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAA,EAAA,EAAK,IAAI,CAAgB,cAAA,CAAA,EAClE,QAAQ,EACN,MAAM,IACJA,cAAA,CAAA,aAAA,CAAC,WAAW,EAAC,EAAA,KAAK,EAAE,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,EAAM,GAAA,SAAS,EAAI,CAAA,KAElEA,cAAA,CAAA,aAAA,CAAC,aAAa,EAAC,EAAA,KAAK,EAAE,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,EAAM,GAAA,SAAS,EAAI,CAAA,CACpE,EAEH,OAAO,EAAE,UAAU,EACnB,CAAA,CACM;AAEd;;;;"}

package/dist/components/DataGrid/components/Body/BodyCell/BodyCell.cjs

@@ -7,6 +7,7 @@ require('uid/secure');
 var CellContent = require('../../CellContent/CellContent.cjs');
 var usePinnedColumnStyles = require('../../../hooks/usePinnedColumnStyles.cjs');
 require('../../../../Stack/Stack.cjs');
+require('../../../../Stack/types.cjs');
 require('../../../../../theme/modules/shadows.cjs');
 require('../../../../../theme/modules/sizes.cjs');
 require('../../../../../theme/modules/text.cjs');

package/dist/components/DataGrid/components/Body/BodyCell/BodyCell.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"BodyCell.cjs","sources":["../../../../../../src/components/DataGrid/components/Body/BodyCell/BodyCell.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Cell, flexRender } from '@tanstack/react-table';\n\nimport { buildClassnames } from '../../../../../utils';\n\nimport { AriaRoles } from '../../../types';\nimport { CellContent } from '../../CellContent';\nimport { usePinnedColumnStyles } from '../../../hooks';\n\nimport { useExpandableCell } from './hooks';\nimport styles from './BodyCell.module.scss';\n\ntype ColumnCellProps = {\n  /**\n   * Cell within the TanStack Table instance.\n   */\n  cell: Cell<any, any>;\n\n  /**\n   * ARIA roles for the grid.\n   */\n  ariaRoles: AriaRoles;\n\n  /**\n   * Whether row selection is enabled.\n   */\n  enableRowSelection: boolean;\n\n  /**\n   * Whether row expanding is enabled for the grid.\n   */\n  enableExpanding: boolean;\n};\n\n/**\n * Renders a cell element, and its content, for a given column and row, within the grid body.\n */\nexport const BodyCell = ({\n  cell,\n  ariaRoles,\n  enableRowSelection,\n  enableExpanding,\n}: ColumnCellProps) => {\n  const { justifyContent, textAlign, rowHeader } = cell.column.columnDef.meta!;\n  const CellElement = rowHeader ? 'th' : 'td';\n\n  const { pinnedCellClassName, pinnedCellStyles } = usePinnedColumnStyles({ column: cell.column });\n\n  const { expandButtonProps, contentMarginLeft } = useExpandableCell({\n    cell,\n    enableExpanding,\n    enableRowSelection,\n  });\n\n  const bodyCellClassname = buildClassnames([\n    styles.bodyCell,\n    pinnedCellClassName,\n    'data-grid-cell',\n  ]);\n\n  return (\n    <CellElement\n      className={bodyCellClassname}\n      aria-colindex={cell.column.getIndex() + 1}\n      scope={rowHeader ? 'row' : undefined}\n      role={rowHeader ? 'rowheader' : ariaRoles.cell}\n      style={pinnedCellStyles}\n    >\n      <CellContent\n        contentStyle={\n          {\n            marginLeft: contentMarginLeft,\n            justifyContent,\n            textAlign,\n          } as React.CSSProperties\n        }\n        expandButtonProps={expandButtonProps}\n      >\n        {flexRender(cell.column.columnDef.cell, cell.getContext())}\n      </CellContent>\n    </CellElement>\n  );\n};\n"],"names":["usePinnedColumnStyles","useExpandableCell","buildClassnames","styles","React","CellContent","flexRender"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAmCA;;AAEG;AACI,MAAM,QAAQ,GAAG,CAAC,EACvB,IAAI,EACJ,SAAS,EACT,kBAAkB,EAClB,eAAe,GACC,KAAI;AACpB,IAAA,MAAM,EAAE,cAAc,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,IAAK;IAC5E,MAAM,WAAW,GAAG,SAAS,GAAG,IAAI,GAAG,IAAI;AAE3C,IAAA,MAAM,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,GAAGA,2CAAqB,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC;AAEhG,IAAA,MAAM,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,GAAGC,mCAAiB,CAAC;QACjE,IAAI;QACJ,eAAe;QACf,kBAAkB;AACnB,KAAA,CAAC;IAEF,MAAM,iBAAiB,GAAGC,+BAAe,CAAC;AACxC,QAAAC,eAAM,CAAC,QAAQ;QACf,mBAAmB;QACnB,gBAAgB;AACjB,KAAA,CAAC;IAEF,QACEC,qCAAC,WAAW,EAAA,EACV,SAAS,EAAE,iBAAiB,mBACb,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,GAAG,CAAC,EACzC,KAAK,EAAE,SAAS,GAAG,KAAK,GAAG,SAAS,EACpC,IAAI,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,CAAC,IAAI,EAC9C,KAAK,EAAE,gBAAgB,EAAA;QAEvBA,sBAAC,CAAA,aAAA,CAAAC,uBAAW,EACV,EAAA,YAAY,EACV;AACE,gBAAA,UAAU,EAAE,iBAAiB;gBAC7B,cAAc;gBACd,SAAS;aACa,EAE1B,iBAAiB,EAAE,iBAAiB,EAAA,EAEnCC,qBAAU,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,CAC9C,CACF;AAElB;;;;"}
+{"version":3,"file":"BodyCell.cjs","sources":["../../../../../../src/components/DataGrid/components/Body/BodyCell/BodyCell.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Cell, flexRender } from '@tanstack/react-table';\n\nimport { buildClassnames } from '../../../../../utils';\n\nimport { AriaRoles } from '../../../types';\nimport { CellContent } from '../../CellContent';\nimport { usePinnedColumnStyles } from '../../../hooks';\n\nimport { useExpandableCell } from './hooks';\nimport styles from './BodyCell.module.scss';\n\ntype ColumnCellProps = {\n  /**\n   * Cell within the TanStack Table instance.\n   */\n  cell: Cell<any, any>;\n\n  /**\n   * ARIA roles for the grid.\n   */\n  ariaRoles: AriaRoles;\n\n  /**\n   * Whether row selection is enabled.\n   */\n  enableRowSelection: boolean;\n\n  /**\n   * Whether row expanding is enabled for the grid.\n   */\n  enableExpanding: boolean;\n};\n\n/**\n * Renders a cell element, and its content, for a given column and row, within the grid body.\n */\nexport const BodyCell = ({\n  cell,\n  ariaRoles,\n  enableRowSelection,\n  enableExpanding,\n}: ColumnCellProps) => {\n  const { justifyContent, textAlign, rowHeader } = cell.column.columnDef.meta!;\n  const CellElement = rowHeader ? 'th' : 'td';\n\n  const { pinnedCellClassName, pinnedCellStyles } = usePinnedColumnStyles({ column: cell.column });\n\n  const { expandButtonProps, contentMarginLeft } = useExpandableCell({\n    cell,\n    enableExpanding,\n    enableRowSelection,\n  });\n\n  const bodyCellClassname = buildClassnames([\n    styles.bodyCell,\n    pinnedCellClassName,\n    'data-grid-cell',\n  ]);\n\n  return (\n    <CellElement\n      className={bodyCellClassname}\n      aria-colindex={cell.column.getIndex() + 1}\n      scope={rowHeader ? 'row' : undefined}\n      role={rowHeader ? 'rowheader' : ariaRoles.cell}\n      style={pinnedCellStyles}\n    >\n      <CellContent\n        contentStyle={\n          {\n            marginLeft: contentMarginLeft,\n            justifyContent,\n            textAlign,\n          } as React.CSSProperties\n        }\n        expandButtonProps={expandButtonProps}\n      >\n        {flexRender(cell.column.columnDef.cell, cell.getContext())}\n      </CellContent>\n    </CellElement>\n  );\n};\n"],"names":["usePinnedColumnStyles","useExpandableCell","buildClassnames","styles","React","CellContent","flexRender"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAmCA;;AAEG;AACI,MAAM,QAAQ,GAAG,CAAC,EACvB,IAAI,EACJ,SAAS,EACT,kBAAkB,EAClB,eAAe,GACC,KAAI;AACpB,IAAA,MAAM,EAAE,cAAc,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,IAAK;IAC5E,MAAM,WAAW,GAAG,SAAS,GAAG,IAAI,GAAG,IAAI;AAE3C,IAAA,MAAM,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,GAAGA,2CAAqB,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC;AAEhG,IAAA,MAAM,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,GAAGC,mCAAiB,CAAC;QACjE,IAAI;QACJ,eAAe;QACf,kBAAkB;AACnB,KAAA,CAAC;IAEF,MAAM,iBAAiB,GAAGC,+BAAe,CAAC;AACxC,QAAAC,eAAM,CAAC,QAAQ;QACf,mBAAmB;QACnB,gBAAgB;AACjB,KAAA,CAAC;IAEF,QACEC,qCAAC,WAAW,EAAA,EACV,SAAS,EAAE,iBAAiB,mBACb,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,GAAG,CAAC,EACzC,KAAK,EAAE,SAAS,GAAG,KAAK,GAAG,SAAS,EACpC,IAAI,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,CAAC,IAAI,EAC9C,KAAK,EAAE,gBAAgB,EAAA;QAEvBA,sBAAC,CAAA,aAAA,CAAAC,uBAAW,EACV,EAAA,YAAY,EACV;AACE,gBAAA,UAAU,EAAE,iBAAiB;gBAC7B,cAAc;gBACd,SAAS;aACa,EAE1B,iBAAiB,EAAE,iBAAiB,EAAA,EAEnCC,qBAAU,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,CAC9C,CACF;AAElB;;;;"}

package/dist/components/DataGrid/components/Body/BodyCell/BodyCell.js

@@ -5,6 +5,7 @@ import 'uid/secure';
 import { CellContent } from '../../CellContent/CellContent.js';
 import { usePinnedColumnStyles } from '../../../hooks/usePinnedColumnStyles.js';
 import '../../../../Stack/Stack.js';
+import '../../../../Stack/types.js';
 import '../../../../../theme/modules/shadows.js';
 import '../../../../../theme/modules/sizes.js';
 import '../../../../../theme/modules/text.js';

package/dist/components/DataGrid/components/Body/BodyCell/BodyCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"BodyCell.js","sources":["../../../../../../src/components/DataGrid/components/Body/BodyCell/BodyCell.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Cell, flexRender } from '@tanstack/react-table';\n\nimport { buildClassnames } from '../../../../../utils';\n\nimport { AriaRoles } from '../../../types';\nimport { CellContent } from '../../CellContent';\nimport { usePinnedColumnStyles } from '../../../hooks';\n\nimport { useExpandableCell } from './hooks';\nimport styles from './BodyCell.module.scss';\n\ntype ColumnCellProps = {\n  /**\n   * Cell within the TanStack Table instance.\n   */\n  cell: Cell<any, any>;\n\n  /**\n   * ARIA roles for the grid.\n   */\n  ariaRoles: AriaRoles;\n\n  /**\n   * Whether row selection is enabled.\n   */\n  enableRowSelection: boolean;\n\n  /**\n   * Whether row expanding is enabled for the grid.\n   */\n  enableExpanding: boolean;\n};\n\n/**\n * Renders a cell element, and its content, for a given column and row, within the grid body.\n */\nexport const BodyCell = ({\n  cell,\n  ariaRoles,\n  enableRowSelection,\n  enableExpanding,\n}: ColumnCellProps) => {\n  const { justifyContent, textAlign, rowHeader } = cell.column.columnDef.meta!;\n  const CellElement = rowHeader ? 'th' : 'td';\n\n  const { pinnedCellClassName, pinnedCellStyles } = usePinnedColumnStyles({ column: cell.column });\n\n  const { expandButtonProps, contentMarginLeft } = useExpandableCell({\n    cell,\n    enableExpanding,\n    enableRowSelection,\n  });\n\n  const bodyCellClassname = buildClassnames([\n    styles.bodyCell,\n    pinnedCellClassName,\n    'data-grid-cell',\n  ]);\n\n  return (\n    <CellElement\n      className={bodyCellClassname}\n      aria-colindex={cell.column.getIndex() + 1}\n      scope={rowHeader ? 'row' : undefined}\n      role={rowHeader ? 'rowheader' : ariaRoles.cell}\n      style={pinnedCellStyles}\n    >\n      <CellContent\n        contentStyle={\n          {\n            marginLeft: contentMarginLeft,\n            justifyContent,\n            textAlign,\n          } as React.CSSProperties\n        }\n        expandButtonProps={expandButtonProps}\n      >\n        {flexRender(cell.column.columnDef.cell, cell.getContext())}\n      </CellContent>\n    </CellElement>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;AAmCA;;AAEG;AACI,MAAM,QAAQ,GAAG,CAAC,EACvB,IAAI,EACJ,SAAS,EACT,kBAAkB,EAClB,eAAe,GACC,KAAI;AACpB,IAAA,MAAM,EAAE,cAAc,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,IAAK;IAC5E,MAAM,WAAW,GAAG,SAAS,GAAG,IAAI,GAAG,IAAI;AAE3C,IAAA,MAAM,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,GAAG,qBAAqB,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC;AAEhG,IAAA,MAAM,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,GAAG,iBAAiB,CAAC;QACjE,IAAI;QACJ,eAAe;QACf,kBAAkB;AACnB,KAAA,CAAC;IAEF,MAAM,iBAAiB,GAAG,eAAe,CAAC;AACxC,QAAA,MAAM,CAAC,QAAQ;QACf,mBAAmB;QACnB,gBAAgB;AACjB,KAAA,CAAC;IAEF,QACEA,6BAAC,WAAW,EAAA,EACV,SAAS,EAAE,iBAAiB,mBACb,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,GAAG,CAAC,EACzC,KAAK,EAAE,SAAS,GAAG,KAAK,GAAG,SAAS,EACpC,IAAI,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,CAAC,IAAI,EAC9C,KAAK,EAAE,gBAAgB,EAAA;QAEvBA,cAAC,CAAA,aAAA,CAAA,WAAW,EACV,EAAA,YAAY,EACV;AACE,gBAAA,UAAU,EAAE,iBAAiB;gBAC7B,cAAc;gBACd,SAAS;aACa,EAE1B,iBAAiB,EAAE,iBAAiB,EAAA,EAEnC,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,CAC9C,CACF;AAElB;;;;"}
+{"version":3,"file":"BodyCell.js","sources":["../../../../../../src/components/DataGrid/components/Body/BodyCell/BodyCell.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Cell, flexRender } from '@tanstack/react-table';\n\nimport { buildClassnames } from '../../../../../utils';\n\nimport { AriaRoles } from '../../../types';\nimport { CellContent } from '../../CellContent';\nimport { usePinnedColumnStyles } from '../../../hooks';\n\nimport { useExpandableCell } from './hooks';\nimport styles from './BodyCell.module.scss';\n\ntype ColumnCellProps = {\n  /**\n   * Cell within the TanStack Table instance.\n   */\n  cell: Cell<any, any>;\n\n  /**\n   * ARIA roles for the grid.\n   */\n  ariaRoles: AriaRoles;\n\n  /**\n   * Whether row selection is enabled.\n   */\n  enableRowSelection: boolean;\n\n  /**\n   * Whether row expanding is enabled for the grid.\n   */\n  enableExpanding: boolean;\n};\n\n/**\n * Renders a cell element, and its content, for a given column and row, within the grid body.\n */\nexport const BodyCell = ({\n  cell,\n  ariaRoles,\n  enableRowSelection,\n  enableExpanding,\n}: ColumnCellProps) => {\n  const { justifyContent, textAlign, rowHeader } = cell.column.columnDef.meta!;\n  const CellElement = rowHeader ? 'th' : 'td';\n\n  const { pinnedCellClassName, pinnedCellStyles } = usePinnedColumnStyles({ column: cell.column });\n\n  const { expandButtonProps, contentMarginLeft } = useExpandableCell({\n    cell,\n    enableExpanding,\n    enableRowSelection,\n  });\n\n  const bodyCellClassname = buildClassnames([\n    styles.bodyCell,\n    pinnedCellClassName,\n    'data-grid-cell',\n  ]);\n\n  return (\n    <CellElement\n      className={bodyCellClassname}\n      aria-colindex={cell.column.getIndex() + 1}\n      scope={rowHeader ? 'row' : undefined}\n      role={rowHeader ? 'rowheader' : ariaRoles.cell}\n      style={pinnedCellStyles}\n    >\n      <CellContent\n        contentStyle={\n          {\n            marginLeft: contentMarginLeft,\n            justifyContent,\n            textAlign,\n          } as React.CSSProperties\n        }\n        expandButtonProps={expandButtonProps}\n      >\n        {flexRender(cell.column.columnDef.cell, cell.getContext())}\n      </CellContent>\n    </CellElement>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;AAmCA;;AAEG;AACI,MAAM,QAAQ,GAAG,CAAC,EACvB,IAAI,EACJ,SAAS,EACT,kBAAkB,EAClB,eAAe,GACC,KAAI;AACpB,IAAA,MAAM,EAAE,cAAc,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,IAAK;IAC5E,MAAM,WAAW,GAAG,SAAS,GAAG,IAAI,GAAG,IAAI;AAE3C,IAAA,MAAM,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,GAAG,qBAAqB,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC;AAEhG,IAAA,MAAM,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,GAAG,iBAAiB,CAAC;QACjE,IAAI;QACJ,eAAe;QACf,kBAAkB;AACnB,KAAA,CAAC;IAEF,MAAM,iBAAiB,GAAG,eAAe,CAAC;AACxC,QAAA,MAAM,CAAC,QAAQ;QACf,mBAAmB;QACnB,gBAAgB;AACjB,KAAA,CAAC;IAEF,QACEA,6BAAC,WAAW,EAAA,EACV,SAAS,EAAE,iBAAiB,mBACb,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,GAAG,CAAC,EACzC,KAAK,EAAE,SAAS,GAAG,KAAK,GAAG,SAAS,EACpC,IAAI,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,CAAC,IAAI,EAC9C,KAAK,EAAE,gBAAgB,EAAA;QAEvBA,cAAC,CAAA,aAAA,CAAA,WAAW,EACV,EAAA,YAAY,EACV;AACE,gBAAA,UAAU,EAAE,iBAAiB;gBAC7B,cAAc;gBACd,SAAS;aACa,EAE1B,iBAAiB,EAAE,iBAAiB,EAAA,EAEnC,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,CAC9C,CACF;AAElB;;;;"}