@heliux-org/design-system-core 0.0.334 → 0.0.335

package/dist/mocked_classnames_esm/src/components/ProcessingToast/ProcessingToast.js

@@ -1,2 +1,2 @@
-import{slicedToArray as s}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsx as o,Fragment as i,jsxs as e}from"@emotion/react/jsx-runtime";import n from"classnames";import{useMemo as t,useRef as r,useCallback as c,useState as l}from"react";import a from"../Button/Button.js";import d from"../Icon/Icon.js";import m from"../Text/Text.js";import p from"../Flex/Flex.js";import g from"../Icon/Icons/components/Close.js";import{NOOP as u}from"../../utils/function-utils.js";import{getStyle as f}from"../../helpers/typesciptCssModulesHelper.js";import{withStaticProps as j}from"../../types/withStaticProps.js";import h from"./ProcessingToast.module.scss.js";import b from"../IconButton/IconButton.js";import x from"../Icon/Icons/components/DropdownChevronUp.js";import C from"../ProgressRing/ProgressRing.js";import v from"../Icon/Icons/components/Success.js";import E from"../Loader/Loader.js";import{ProcessingToastPositions as T}from"./ProcessingToastConstants.js";import y from"../ScrollableContainer/ScrollableContainer.js";import A from"../Icon/Icons/components/Warning.js";var O=j((function(j){var O=j.closeable,I=void 0===O||O,L=j.onClose,R=void 0===L?u:L,k=j.className,S=j.maxHeight,z=void 0===S?400:S,N=j.closeButtonAriaLabel,B=void 0===N?"Close":N,M=j.position,P=void 0===M?T.TopRight:M,D=j.heading,_=void 0===D?"":D,w=j.subHeading,W=void 0===w?"":w,Y=j.disableCancel,F=void 0!==Y&&Y,H=j.disableCancelAll,U=void 0!==H&&H,V=j.items,X=void 0===V?[]:V,q=j.onCancel,G=void 0===q?u:q,J=j.onRetry,K=void 0===J?u:J,Q=j.onCancelAll,Z=void 0===Q?u:Q,$=j.expanded,ss=void 0!==$&&$,os=j.showExpandIcon,is=void 0===os||os,es=j.nonFixedPosition,ns=void 0!==es&&es,ts=t((function(){return n(h.toast,f(h,P),k,ns&&h.nonFixed)}),[k,P,ns]),rs=r(null),cs=c((function(){R&&R()}),[R]),ls=l(ss),as=s(ls,2),ds=as[0],ms=as[1];return o(i,{children:e(p,Object.assign({className:ts,direction:p.directions.COLUMN,gap:7,style:{transition:"max-height 0.3s ease",height:ds?"".concat(z,"px"):"100px",overflow:"hidden",padding:"0px",margin:ns?"0px":"var(--spacing-medium)"}},{children:[e(p,Object.assign({justify:p.justify.SPACE_BETWEEN,className:h.header},{children:[o(m,Object.assign({weight:m.weights.BOLD},{children:_})),e(p,{children:[is&&o(b,{icon:x,size:b.sizes.SMALL,onClick:function(){ms(!ds)},className:ds?h.iconExpanded:h.iconCollapsed,kind:b.kinds.TERTIARY}),I&&o(b,{className:h.closeButton,onClick:cs,size:a.sizes.SMALL,kind:a.kinds.TERTIARY,ariaLabel:B,"data-testid":"toast-close-button",icon:g,hideTooltip:!0})]})]})),e("div",Object.assign({ref:rs,className:h.content},{children:[e(p,Object.assign({justify:p.justify.SPACE_BETWEEN,style:{marginBottom:"8px"}},{children:[e(m,Object.assign({color:m.colors.SECONDARY,type:m.types.TEXT2},{children:[X.length," ",W]})),o(a,Object.assign({size:a.sizes.SMALL,kind:a.kinds.TERTIARY,style:{color:"#375D81"},onClick:Z,disabled:U},{children:"Cancel all"}))]})),o(y,Object.assign({allowVerticalScrolling:!0,style:{scrollbarWidth:"none",height:ds?"".concat(z-100,"px"):"0px"}},{children:X.map((function(s){return e(p,Object.assign({justify:p.justify.SPACE_BETWEEN,className:h.cell},{children:[e(p,Object.assign({direction:p.directions.COLUMN,align:p.align.START,style:{flex:"5"}},{children:[o(m,Object.assign({style:"completed"===s.status?{maxWidth:"300px"}:{maxWidth:"230px"}},{children:s.name})),e(p,Object.assign({gap:5},{children:[0===s.progress&&"in_progress"===s.status&&o(E,{size:E.sizes.SMALL}),"in_progress"===s.status&&s.progress>0&&o(C,{value:s.progress,size:C.sizes.MEDIUM}),"completed"===s.status&&o(d,{icon:v,style:{color:"#076B4D"},clickable:!1}),"failed"===s.status&&o(d,{icon:A,style:{color:"#E17037"},clickable:!1}),o(m,Object.assign({color:m.colors.SECONDARY},{children:s.message}))]}))]})),"in_progress"===s.status&&s.progress>0&&o(a,Object.assign({size:a.sizes.SMALL,kind:a.kinds.TERTIARY,style:{color:"#375D81",flex:"1"},onClick:function(){return G(s.id)},disabled:F},{children:"Cancel"})),"failed"===s.status&&o(a,Object.assign({size:a.sizes.SMALL,kind:a.kinds.TERTIARY,style:{color:"#375D81",flex:"1"},onClick:function(){return K(s.id)}},{children:"Retry"}))]}),s.id)}))}))]}))]}))})}),{positions:T});export{O as default};
+import{slicedToArray as s}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsx as o,Fragment as e,jsxs as i}from"@emotion/react/jsx-runtime";import n from"classnames";import{useMemo as t,useRef as r,useCallback as l,useState as c}from"react";import a from"../Button/Button.js";import d from"../Icon/Icon.js";import m from"../Text/Text.js";import p from"../Flex/Flex.js";import{NOOP as u}from"../../utils/function-utils.js";import{getStyle as g}from"../../helpers/typesciptCssModulesHelper.js";import{withStaticProps as f}from"../../types/withStaticProps.js";import h from"./ProcessingToast.module.scss.js";import j from"../IconButton/IconButton.js";import b from"../Icon/Icons/components/DropdownChevronUp.js";import v from"../ProgressRing/ProgressRing.js";import C from"../Icon/Icons/components/Success.js";import x from"../Loader/Loader.js";import{ProcessingToastPositions as E}from"./ProcessingToastConstants.js";import y from"../ScrollableContainer/ScrollableContainer.js";import A from"../Icon/Icons/components/Close.js";import O from"../Icon/Icons/components/Warning.js";var T=f((function(f){var T=f.closeable,S=void 0===T||T,L=f.onClose,k=void 0===L?u:L,I=f.className,R=f.maxHeight,N=void 0===R?400:R,z=f.closeButtonAriaLabel,B=void 0===z?"Close":z,D=f.position,M=void 0===D?E.TopRight:D,P=f.heading,Y=void 0===P?"":P,_=f.subHeading,w=void 0===_?"":_,W=f.disableCancel,H=void 0!==W&&W,F=f.disableCancelAll,U=void 0!==F&&F,V=f.items,X=void 0===V?[]:V,q=f.onCancel,G=void 0===q?u:q,J=f.onRetry,K=void 0===J?u:J,Q=f.onCancelAll,Z=void 0===Q?u:Q,$=f.expanded,ss=void 0!==$&&$,os=f.showExpandIcon,es=void 0===os||os,is=f.nonFixedPosition,ns=void 0!==is&&is,ts=f.hideSubHeader,rs=void 0!==ts&&ts,ls=t((function(){return n(h.toast,g(h,M),I,ns&&h.nonFixed)}),[I,M,ns]),cs=r(null),as=l((function(){k&&k()}),[k]),ds=c(ss),ms=s(ds,2),ps=ms[0],us=ms[1];return o(e,{children:i(p,Object.assign({className:ls,direction:p.directions.COLUMN,gap:rs?0:7,style:{transition:"max-height 0.3s ease",height:ps?"".concat(N,"px"):"100px",overflow:"hidden",padding:"0px",margin:ns?"0px":"var(--spacing-medium)"}},{children:[i(p,Object.assign({justify:p.justify.SPACE_BETWEEN,className:h.header,style:{background:rs?"var(--surface-level-100)":"var(--surface-level-200)"}},{children:[o(m,Object.assign({weight:m.weights.BOLD},{children:Y})),i(p,{children:[es&&o(j,{icon:b,size:j.sizes.SMALL,onClick:function(){us(!ps)},className:ps?h.iconExpanded:h.iconCollapsed,kind:j.kinds.TERTIARY}),S&&o(j,{className:h.closeButton,onClick:as,size:a.sizes.SMALL,kind:a.kinds.SECONDARY,ariaLabel:B,"data-testid":"toast-close-button",icon:A,hideTooltip:!0,color:j.colors.SECONDARY,rounded:!0})]})]})),i("div",Object.assign({ref:cs,className:h.content},{children:[!rs&&i(p,Object.assign({justify:p.justify.SPACE_BETWEEN,style:{marginBottom:"8px"}},{children:[i(m,Object.assign({color:m.colors.SECONDARY,type:m.types.TEXT2},{children:[X.length," ",w]})),o(a,Object.assign({size:a.sizes.SMALL,kind:a.kinds.TERTIARY,style:{color:"#375D81"},onClick:Z,disabled:U},{children:"Cancel all"}))]})),o(y,Object.assign({allowVerticalScrolling:!0,style:{scrollbarWidth:"none",height:ps?"".concat(N-100,"px"):"0px"}},{children:X.map((function(s){return i(p,Object.assign({justify:p.justify.SPACE_BETWEEN,className:h.cell},{children:[i(p,Object.assign({direction:p.directions.COLUMN,align:p.align.START,style:{flex:"5"}},{children:[o(m,Object.assign({style:"completed"===s.status?{maxWidth:"300px"}:{maxWidth:"230px"}},{children:s.name})),i(p,Object.assign({gap:5},{children:[0===s.progress&&"in_progress"===s.status&&o(x,{size:x.sizes.SMALL}),"in_progress"===s.status&&s.progress>0&&o(v,{value:s.progress,size:v.sizes.MEDIUM}),"completed"===s.status&&o(d,{icon:C,style:{color:"#076B4D"},clickable:!1}),"failed"===s.status&&o(d,{icon:O,style:{color:"#E17037"},clickable:!1}),o(m,Object.assign({color:m.colors.SECONDARY},{children:s.message}))]}))]})),"in_progress"===s.status&&s.progress>0&&o(a,Object.assign({size:a.sizes.SMALL,kind:a.kinds.TERTIARY,style:{color:"#375D81",flex:"1"},onClick:function(){return G(s.id)},disabled:H},{children:"Cancel"})),"failed"===s.status&&o(a,Object.assign({size:a.sizes.SMALL,kind:a.kinds.TERTIARY,style:{color:"#375D81",flex:"1"},onClick:function(){return K(s.id)}},{children:"Retry"}))]}),s.id)}))}))]}))]}))})}),{positions:E});export{T as default};
 //# sourceMappingURL=ProcessingToast.js.map

package/dist/mocked_classnames_esm/src/components/ProcessingToast/ProcessingToast.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProcessingToast.js","sources":["../../../../../src/components/ProcessingToast/ProcessingToast.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport { FC, useCallback, useMemo, useRef, useState } from \"react\";\nimport Button from \"../../components/Button/Button\";\nimport Icon from \"../Icon/Icon\";\nimport Text from \"../Text/Text\";\nimport Flex from \"../Flex/Flex\";\nimport CloseSmall from \"../Icon/Icons/components/Close\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { withStaticProps, VibeComponentProps } from \"../../types\";\nimport styles from \"./ProcessingToast.module.scss\";\nimport IconButton from \"../IconButton/IconButton\";\nimport DropdownChevronUp from \"../Icon/Icons/components/DropdownChevronUp\";\nimport ProgressRing from \"../ProgressRing/ProgressRing\";\nimport Success from \"../Icon/Icons/components/Success\";\nimport { Warning } from \"../Icon/Icons\";\nimport Loader from \"../Loader/Loader\";\nimport { ProcessingToastPositions } from \"./ProcessingToastConstants\";\nimport ScrollableContainer from \"../ScrollableContainer/ScrollableContainer\";\n\nexport interface ProcessingToastProps extends VibeComponentProps {\n  closeable?: boolean;\n  onClose?: () => void;\n  closeButtonAriaLabel?: string;\n  position?: ProcessingToastPositions;\n  heading?: string;\n  subHeading?: string;\n  disableCancel?: boolean;\n  disableCancelAll?: boolean;\n  maxHeight?: number;\n  items?: {\n    id: number;\n    name: string;\n    progress: number;\n    status: string;\n    message: string;\n  }[];\n  onCancel?: (id: number) => void;\n  onRetry?: (id: number) => void;\n  onCancelAll?: () => void;\n  expanded?: boolean;\n  showExpandIcon?: boolean;\n  nonFixedPosition?: boolean;\n}\n\nconst ProcessingToast: FC<ProcessingToastProps> & {\n  positions?: typeof ProcessingToastPositions;\n} = ({\n  closeable = true,\n  onClose = NOOP,\n  className,\n  maxHeight = 400,\n  id,\n  closeButtonAriaLabel = \"Close\",\n  position = ProcessingToastPositions.TopRight,\n  heading = \"\",\n  subHeading = \"\",\n  disableCancel = false,\n  disableCancelAll = false,\n  items = [],\n  onCancel = NOOP,\n  onRetry = NOOP,\n  onCancelAll = NOOP,\n  expanded = false,\n  showExpandIcon = true,\n  nonFixedPosition = false,\n}) => {\n  const classNames = useMemo(\n    () => cx(\n      styles.toast,\n      getStyle(styles, position),\n      className,\n      nonFixedPosition && styles.nonFixed\n    ),\n    [className, position, nonFixedPosition]\n  );\n\n  const contentRef = useRef<HTMLDivElement>(null);\n\n  const handleClose = useCallback(() => {\n    if (onClose) {\n      onClose();\n    }\n  }, [onClose]);\n\n  const [isExpanded, setIsExpanded] = useState(expanded);\n\n  const toggleExpand = () => {\n    setIsExpanded(!isExpanded);\n  };\n\n  return (\n    <>\n      <Flex\n        className={classNames}\n        direction={Flex.directions.COLUMN}\n        gap={7}\n        style={{\n          transition: \"max-height 0.3s ease\",\n          height: isExpanded ? `${maxHeight}px` : \"100px\",\n          overflow: \"hidden\",\n          padding: \"0px\",\n          margin: nonFixedPosition ? \"0px\" : \"var(--spacing-medium)\",\n        }}\n      >\n        <Flex justify={Flex.justify.SPACE_BETWEEN} className={styles.header}>\n          <Text weight={Text.weights.BOLD}>{heading}</Text>\n          <Flex>\n            {showExpandIcon && (\n              <IconButton\n                icon={DropdownChevronUp}\n                size={IconButton.sizes.SMALL}\n                onClick={toggleExpand}\n                className={\n                  isExpanded ? styles.iconExpanded : styles.iconCollapsed\n                }\n                kind={IconButton.kinds.TERTIARY}\n              />\n            )}\n            {closeable && (\n              <IconButton\n                className={styles.closeButton}\n                onClick={handleClose}\n                size={Button.sizes.SMALL}\n                kind={Button.kinds.TERTIARY}\n                ariaLabel={closeButtonAriaLabel}\n                data-testid=\"toast-close-button\"\n                icon={CloseSmall}\n                hideTooltip\n              />\n            )}\n          </Flex>\n        </Flex>\n        <div ref={contentRef} className={styles.content}>\n          <Flex\n            justify={Flex.justify.SPACE_BETWEEN}\n            style={{ marginBottom: \"8px\" }}\n          >\n            <Text color={Text.colors.SECONDARY} type={Text.types.TEXT2}>\n              {items.length} {subHeading}\n            </Text>\n            <Button\n              size={Button.sizes.SMALL}\n              kind={Button.kinds.TERTIARY}\n              style={{ color: \"#375D81\" }}\n              onClick={onCancelAll}\n              disabled={disableCancelAll}\n            >\n              Cancel all\n            </Button>\n          </Flex>\n          <ScrollableContainer\n            allowVerticalScrolling\n            style={{\n              scrollbarWidth: \"none\",\n              height: isExpanded ? `${maxHeight - 100}px` : \"0px\",\n            }}\n          >\n            {items.map((item) => (\n              <Flex\n                key={item.id}\n                justify={Flex.justify.SPACE_BETWEEN}\n                className={styles.cell}\n              >\n                <Flex\n                  direction={Flex.directions.COLUMN}\n                  align={Flex.align.START}\n                  style={{ flex: \"5\" }}\n                >\n                  <Text style={item.status === \"completed\" ? { maxWidth: \"300px\" } : { maxWidth: \"230px\" }}>\n                    {item.name}\n                  </Text>\n                  <Flex gap={5}>\n                    {item.progress === 0 && item.status === \"in_progress\" && (\n                      <Loader size={Loader.sizes.SMALL} />\n                    )}\n                    {item.status === \"in_progress\" && item.progress > 0 && (\n                      <ProgressRing\n                        value={item.progress}\n                        size={ProgressRing.sizes.MEDIUM}\n                      />\n                    )}\n                    {item.status === \"completed\" && (\n                      <Icon\n                        icon={Success}\n                        style={{ color: \"#076B4D\" }}\n                        clickable={false}\n                      />\n                    )}\n                    {item.status === \"failed\" && (\n                      <Icon\n                        icon={Warning}\n                        style={{ color: \"#E17037\" }}\n                        clickable={false}\n                      />\n                    )}\n                    <Text color={Text.colors.SECONDARY}>{item.message}</Text>\n                  </Flex>\n                </Flex>\n                {item.status === \"in_progress\" && item.progress > 0 && (\n                  <Button\n                    size={Button.sizes.SMALL}\n                    kind={Button.kinds.TERTIARY}\n                    style={{ color: \"#375D81\", flex: \"1\" }}\n                    onClick={() => onCancel(item.id)}\n                    disabled={disableCancel}\n                  >\n                    Cancel\n                  </Button>\n                )}\n\n                {item.status === \"failed\" && (\n                  <Button\n                    size={Button.sizes.SMALL}\n                    kind={Button.kinds.TERTIARY}\n                    style={{ color: \"#375D81\", flex: \"1\" }}\n                    onClick={() => onRetry(item.id)}\n                  >\n                    Retry\n                  </Button>\n                )}\n              </Flex>\n            ))}\n          </ScrollableContainer>\n        </div>\n      </Flex>\n    </>\n  );\n};\n\nexport default withStaticProps(ProcessingToast, {\n  positions: ProcessingToastPositions,\n});\n"],"names":["withStaticProps","_ref","_ref$closeable","closeable","_ref$onClose","onClose","NOOP","className","_ref$maxHeight","maxHeight","_ref$closeButtonAriaL","closeButtonAriaLabel","_ref$position","position","ProcessingToastPositions","TopRight","_ref$heading","heading","_ref$subHeading","subHeading","_ref$disableCancel","disableCancel","_ref$disableCancelAll","disableCancelAll","_ref$items","items","_ref$onCancel","onCancel","_ref$onRetry","onRetry","_ref$onCancelAll","onCancelAll","_ref$expanded","expanded","_ref$showExpandIcon","showExpandIcon","_ref$nonFixedPosition","nonFixedPosition","classNames","useMemo","cx","styles","toast","getStyle","nonFixed","contentRef","useRef","handleClose","useCallback","_useState","useState","_useState2","_slicedToArray","isExpanded","setIsExpanded","_jsx","_jsxs","Flex","direction","directions","COLUMN","gap","style","transition","height","concat","overflow","padding","margin","children","Object","assign","justify","SPACE_BETWEEN","header","Text","weight","weights","BOLD","IconButton","icon","DropdownChevronUp","size","sizes","SMALL","onClick","iconExpanded","iconCollapsed","kind","kinds","TERTIARY","closeButton","Button","ariaLabel","CloseSmall","hideTooltip","ref","content","marginBottom","color","colors","SECONDARY","type","types","TEXT2","length","disabled","ScrollableContainer","allowVerticalScrolling","scrollbarWidth","map","item","cell","align","START","flex","status","maxWidth","name","progress","Loader","ProgressRing","value","MEDIUM","Icon","Success","clickable","Warning","message","id","positions"],"mappings":"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"}
+{"version":3,"file":"ProcessingToast.js","sources":["../../../../../src/components/ProcessingToast/ProcessingToast.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport { FC, useCallback, useMemo, useRef, useState } from \"react\";\nimport Button from \"../../components/Button/Button\";\nimport Icon from \"../Icon/Icon\";\nimport Text from \"../Text/Text\";\nimport Flex from \"../Flex/Flex\";\nimport CloseSmall from \"../Icon/Icons/components/Close\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { withStaticProps, VibeComponentProps } from \"../../types\";\nimport styles from \"./ProcessingToast.module.scss\";\nimport IconButton from \"../IconButton/IconButton\";\nimport DropdownChevronUp from \"../Icon/Icons/components/DropdownChevronUp\";\nimport ProgressRing from \"../ProgressRing/ProgressRing\";\nimport Success from \"../Icon/Icons/components/Success\";\nimport { Close, Warning } from \"../Icon/Icons\";\nimport Loader from \"../Loader/Loader\";\nimport { ProcessingToastPositions } from \"./ProcessingToastConstants\";\nimport ScrollableContainer from \"../ScrollableContainer/ScrollableContainer\";\n\nexport interface ProcessingToastProps extends VibeComponentProps {\n  closeable?: boolean;\n  onClose?: () => void;\n  closeButtonAriaLabel?: string;\n  position?: ProcessingToastPositions;\n  heading?: string;\n  subHeading?: string;\n  disableCancel?: boolean;\n  disableCancelAll?: boolean;\n  maxHeight?: number;\n  items?: {\n    id: number;\n    name: string;\n    progress: number;\n    status: string;\n    message: string;\n  }[];\n  onCancel?: (id: number) => void;\n  onRetry?: (id: number) => void;\n  onCancelAll?: () => void;\n  expanded?: boolean;\n  showExpandIcon?: boolean;\n  nonFixedPosition?: boolean;\n  hideSubHeader?: boolean;\n}\n\nconst ProcessingToast: FC<ProcessingToastProps> & {\n  positions?: typeof ProcessingToastPositions;\n} = ({\n  closeable = true,\n  onClose = NOOP,\n  className,\n  maxHeight = 400,\n  id,\n  closeButtonAriaLabel = \"Close\",\n  position = ProcessingToastPositions.TopRight,\n  heading = \"\",\n  subHeading = \"\",\n  disableCancel = false,\n  disableCancelAll = false,\n  items = [],\n  onCancel = NOOP,\n  onRetry = NOOP,\n  onCancelAll = NOOP,\n  expanded = false,\n  showExpandIcon = true,\n  nonFixedPosition = false,\n  hideSubHeader = false,\n}) => {\n  const classNames = useMemo(\n    () => cx(\n      styles.toast,\n      getStyle(styles, position),\n      className,\n      nonFixedPosition && styles.nonFixed\n    ),\n    [className, position, nonFixedPosition]\n  );\n\n  const contentRef = useRef<HTMLDivElement>(null);\n\n  const handleClose = useCallback(() => {\n    if (onClose) {\n      onClose();\n    }\n  }, [onClose]);\n\n  const [isExpanded, setIsExpanded] = useState(expanded);\n\n  const toggleExpand = () => {\n    setIsExpanded(!isExpanded);\n  };\n\n  return (\n    <>\n      <Flex\n        className={classNames}\n        direction={Flex.directions.COLUMN}\n        gap={hideSubHeader ? 0 : 7}\n        style={{\n          transition: \"max-height 0.3s ease\",\n          height: isExpanded ? `${maxHeight}px` : \"100px\",\n          overflow: \"hidden\",\n          padding: \"0px\",\n          margin: nonFixedPosition ? \"0px\" : \"var(--spacing-medium)\",\n        }}\n      >\n        <Flex justify={Flex.justify.SPACE_BETWEEN} className={styles.header} style={{background: hideSubHeader ? \"var(--surface-level-100)\" : \"var(--surface-level-200)\"}}>\n          <Text weight={Text.weights.BOLD}>{heading}</Text>\n          <Flex>\n            {showExpandIcon && (\n              <IconButton\n                icon={DropdownChevronUp}\n                size={IconButton.sizes.SMALL}\n                onClick={toggleExpand}\n                className={\n                  isExpanded ? styles.iconExpanded : styles.iconCollapsed\n                }\n                kind={IconButton.kinds.TERTIARY}\n              />\n            )}\n            {closeable && (\n              <IconButton\n                className={styles.closeButton}\n                onClick={handleClose}\n                size={Button.sizes.SMALL}\n                kind={Button.kinds.SECONDARY}\n                ariaLabel={closeButtonAriaLabel}\n                data-testid=\"toast-close-button\"\n                icon={Close}\n                hideTooltip\n                color={IconButton.colors.SECONDARY}\n                rounded\n              />\n            )}\n          </Flex>\n        </Flex>\n        <div ref={contentRef} className={styles.content}>\n          {!hideSubHeader && (            \n            <Flex\n              justify={Flex.justify.SPACE_BETWEEN}\n              style={{ marginBottom: \"8px\" }}\n            >\n              <Text color={Text.colors.SECONDARY} type={Text.types.TEXT2}>\n                {items.length} {subHeading}\n              </Text>\n              <Button\n                size={Button.sizes.SMALL}\n                kind={Button.kinds.TERTIARY}\n                style={{ color: \"#375D81\" }}\n                onClick={onCancelAll}\n                disabled={disableCancelAll}\n              >\n                Cancel all\n              </Button>\n            </Flex>\n          )}\n          <ScrollableContainer\n            allowVerticalScrolling\n            style={{\n              scrollbarWidth: \"none\",\n              height: isExpanded ? `${maxHeight - 100}px` : \"0px\",\n            }}\n          >\n            {items.map((item) => (\n              <Flex\n                key={item.id}\n                justify={Flex.justify.SPACE_BETWEEN}\n                className={styles.cell}\n              >\n                <Flex\n                  direction={Flex.directions.COLUMN}\n                  align={Flex.align.START}\n                  style={{ flex: \"5\" }}\n                >\n                  <Text style={item.status === \"completed\" ? { maxWidth: \"300px\" } : { maxWidth: \"230px\" }}>\n                    {item.name}\n                  </Text>\n                  <Flex gap={5}>\n                    {item.progress === 0 && item.status === \"in_progress\" && (\n                      <Loader size={Loader.sizes.SMALL} />\n                    )}\n                    {item.status === \"in_progress\" && item.progress > 0 && (\n                      <ProgressRing\n                        value={item.progress}\n                        size={ProgressRing.sizes.MEDIUM}\n                      />\n                    )}\n                    {item.status === \"completed\" && (\n                      <Icon\n                        icon={Success}\n                        style={{ color: \"#076B4D\" }}\n                        clickable={false}\n                      />\n                    )}\n                    {item.status === \"failed\" && (\n                      <Icon\n                        icon={Warning}\n                        style={{ color: \"#E17037\" }}\n                        clickable={false}\n                      />\n                    )}\n                    <Text color={Text.colors.SECONDARY}>{item.message}</Text>\n                  </Flex>\n                </Flex>\n                {item.status === \"in_progress\" && item.progress > 0 && (\n                  <Button\n                    size={Button.sizes.SMALL}\n                    kind={Button.kinds.TERTIARY}\n                    style={{ color: \"#375D81\", flex: \"1\" }}\n                    onClick={() => onCancel(item.id)}\n                    disabled={disableCancel}\n                  >\n                    Cancel\n                  </Button>\n                )}\n\n                {item.status === \"failed\" && (\n                  <Button\n                    size={Button.sizes.SMALL}\n                    kind={Button.kinds.TERTIARY}\n                    style={{ color: \"#375D81\", flex: \"1\" }}\n                    onClick={() => onRetry(item.id)}\n                  >\n                    Retry\n                  </Button>\n                )}\n              </Flex>\n            ))}\n          </ScrollableContainer>\n        </div>\n      </Flex>\n    </>\n  );\n};\n\nexport default withStaticProps(ProcessingToast, {\n  positions: ProcessingToastPositions,\n});\n"],"names":["withStaticProps","_ref","_ref$closeable","closeable","_ref$onClose","onClose","NOOP","className","_ref$maxHeight","maxHeight","_ref$closeButtonAriaL","closeButtonAriaLabel","_ref$position","position","ProcessingToastPositions","TopRight","_ref$heading","heading","_ref$subHeading","subHeading","_ref$disableCancel","disableCancel","_ref$disableCancelAll","disableCancelAll","_ref$items","items","_ref$onCancel","onCancel","_ref$onRetry","onRetry","_ref$onCancelAll","onCancelAll","_ref$expanded","expanded","_ref$showExpandIcon","showExpandIcon","_ref$nonFixedPosition","nonFixedPosition","_ref$hideSubHeader","hideSubHeader","classNames","useMemo","cx","styles","toast","getStyle","nonFixed","contentRef","useRef","handleClose","useCallback","_useState","useState","_useState2","_slicedToArray","isExpanded","setIsExpanded","_jsx","_Fragment","children","_jsxs","Flex","Object","assign","direction","directions","COLUMN","gap","style","transition","height","concat","overflow","padding","margin","justify","SPACE_BETWEEN","header","background","Text","weight","weights","BOLD","IconButton","icon","DropdownChevronUp","size","sizes","SMALL","onClick","iconExpanded","iconCollapsed","kind","kinds","TERTIARY","closeButton","Button","SECONDARY","ariaLabel","Close","hideTooltip","color","colors","rounded","ref","content","marginBottom","type","types","TEXT2","length","disabled","ScrollableContainer","allowVerticalScrolling","scrollbarWidth","map","item","cell","align","START","flex","status","maxWidth","name","progress","Loader","ProgressRing","value","MEDIUM","Icon","Success","clickable","Warning","message","id","positions"],"mappings":"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"}

package/dist/mocked_classnames_esm/src/components/ProcessingToast/ProcessingToast.module.scss.js

@@ -1,2 +1,2 @@
-var n={toast:"toast",nonFixed:"nonFixed",topRight:"topRight",bottomRight:"bottomRight",closeButton:"closeButton",iconExpanded:"iconExpanded",iconCollapsed:"iconCollapsed",content:"content",header:"header",cell:"cell"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-4371cc9d3f88_0_0_333";if(e.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,e.firstChild?e.insertBefore(o,e.firstChild):e.appendChild(o),o.appendChild(document.createTextNode(n))}(".toast {\n  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.08), 0px 2px 3px 0px rgba(0, 0, 0, 0.07);\n  border: 1px solid var(--divider-primary, rgba(16, 24, 27, 0.1));\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  margin: var(--spacing-medium);\n  position: fixed;\n  z-index: 10000;\n  right: 0;\n  align-items: center;\n  display: flex;\n  min-width: 320px;\n  border-radius: var(--border-radius-medium);\n  color: var(--text-primary);\n  gap: var(--spacing-small);\n  background-color: var(--surface-level-100);\n  padding: var(--spacing-small) var(--spacing-medium) var(--spacing-small) var(--spacing-medium);\n}\n\n.nonFixed {\n  position: relative;\n}\n\n.topRight {\n  top: 0;\n}\n\n.bottomRight {\n  bottom: 0;\n}\n\n.closeButton {\n  margin-left: var(--spacing-small);\n  color: var(--text-primary);\n}\n\n.iconExpanded {\n  transition: transform 0.3s ease;\n  transform: rotate(180deg);\n}\n\n.iconCollapsed {\n  transition: transform 0.3s ease;\n  transform: rotate(0deg);\n}\n\n.content {\n  transition: max-height 0.3s ease;\n  overflow: hidden;\n  width: 95%;\n}\n\n.header {\n  width: 100%;\n  background-color: var(--surface-level-200);\n  padding: 10px 10px;\n}\n\n.cell {\n  border-top: 1px solid var(--divider-primary);\n  padding: 6px 0px;\n  width: 100%;\n}");export{n as default};
+var n={toast:"toast",nonFixed:"nonFixed",topRight:"topRight",bottomRight:"bottomRight",closeButton:"closeButton",iconExpanded:"iconExpanded",iconCollapsed:"iconCollapsed",content:"content",header:"header",cell:"cell"};!function(n){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],e="s_id-06d30105d7cf_0_0_334";if(t.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(n))}(".toast {\n  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.08), 0px 2px 3px 0px rgba(0, 0, 0, 0.07);\n  border: 1px solid var(--divider-primary, rgba(16, 24, 27, 0.1));\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  margin: var(--spacing-medium);\n  position: fixed;\n  z-index: 10000;\n  right: 0;\n  align-items: center;\n  display: flex;\n  min-width: 320px;\n  border-radius: var(--border-radius-medium);\n  color: var(--text-primary);\n  gap: var(--spacing-small);\n  background-color: var(--surface-level-100);\n  padding: var(--spacing-small) var(--spacing-medium) var(--spacing-small) var(--spacing-medium);\n}\n\n.nonFixed {\n  position: relative;\n}\n\n.topRight {\n  top: 0;\n}\n\n.bottomRight {\n  bottom: 0;\n}\n\n.closeButton {\n  margin-left: var(--spacing-small);\n  color: var(--text-primary);\n}\n\n.iconExpanded {\n  transition: transform 0.3s ease;\n  transform: rotate(180deg);\n}\n\n.iconCollapsed {\n  transition: transform 0.3s ease;\n  transform: rotate(0deg);\n}\n\n.content {\n  transition: max-height 0.3s ease;\n  overflow: hidden;\n  width: 95%;\n}\n\n.header {\n  width: 100%;\n  padding: 10px 10px;\n}\n\n.cell {\n  border-top: 1px solid var(--divider-primary);\n  padding: 6px 0px;\n  width: 100%;\n}");export{n as default};
 //# sourceMappingURL=ProcessingToast.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/ProgressBars/LinearProgressBar/Bar/Bar.module.scss.js

@@ -1,2 +1,2 @@
-var r={bar:"bar",typePrimaryPrimary:"typePrimaryPrimary",typePrimarySecondary:"typePrimarySecondary",typePrimaryPositive:"typePrimaryPositive",typePrimaryNegative:"typePrimaryNegative",typePrimaryWarning:"typePrimaryWarning",typeSecondaryPrimary:"typeSecondaryPrimary",typeSecondarySecondary:"typeSecondarySecondary",typeSecondaryPositive:"typeSecondaryPositive",typeSecondaryNegative:"typeSecondaryNegative",typeSecondaryWarning:"typeSecondaryWarning",animate:"animate"};!function(r){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],n="s_id-7d6049908fe8_0_0_333";if(e.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,e.firstChild?e.insertBefore(a,e.firstChild):e.appendChild(a),a.appendChild(document.createTextNode(r))}(".bar {\n  left: 0;\n  height: 100%;\n  position: absolute;\n  border-radius: var(--border-radius-small);\n}\n\n.typePrimaryPrimary {\n  background-color: var(--primary-color);\n}\n\n.typePrimarySecondary {\n  background-color: var(--surface-inverse);\n}\n\n.typePrimaryPositive {\n  background-color: var(--positive-color);\n}\n\n.typePrimaryNegative {\n  background-color: var(--negative-color);\n}\n\n.typePrimaryWarning {\n  background-color: var(--warning-color);\n}\n\n.typeSecondaryPrimary {\n  background-color: var(--surface-selected);\n}\n\n.typeSecondarySecondary {\n  background-color: var(--divider-primary);\n}\n\n.typeSecondaryPositive {\n  background-color: var(--positive-color-selected);\n}\n\n.typeSecondaryNegative {\n  background-color: var(--negative-color-selected);\n}\n\n.typeSecondaryWarning {\n  background-color: var(--warning-color-selected);\n}\n\n.animate {\n  transition: width var(--motion-productive-medium) var(--motion-timing-transition);\n}");export{r as default};
+var r={bar:"bar",typePrimaryPrimary:"typePrimaryPrimary",typePrimarySecondary:"typePrimarySecondary",typePrimaryPositive:"typePrimaryPositive",typePrimaryNegative:"typePrimaryNegative",typePrimaryWarning:"typePrimaryWarning",typeSecondaryPrimary:"typeSecondaryPrimary",typeSecondarySecondary:"typeSecondarySecondary",typeSecondaryPositive:"typeSecondaryPositive",typeSecondaryNegative:"typeSecondaryNegative",typeSecondaryWarning:"typeSecondaryWarning",animate:"animate"};!function(r){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],n="s_id-7d6049908fe8_0_0_334";if(e.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,e.firstChild?e.insertBefore(a,e.firstChild):e.appendChild(a),a.appendChild(document.createTextNode(r))}(".bar {\n  left: 0;\n  height: 100%;\n  position: absolute;\n  border-radius: var(--border-radius-small);\n}\n\n.typePrimaryPrimary {\n  background-color: var(--primary-color);\n}\n\n.typePrimarySecondary {\n  background-color: var(--surface-inverse);\n}\n\n.typePrimaryPositive {\n  background-color: var(--positive-color);\n}\n\n.typePrimaryNegative {\n  background-color: var(--negative-color);\n}\n\n.typePrimaryWarning {\n  background-color: var(--warning-color);\n}\n\n.typeSecondaryPrimary {\n  background-color: var(--surface-selected);\n}\n\n.typeSecondarySecondary {\n  background-color: var(--divider-primary);\n}\n\n.typeSecondaryPositive {\n  background-color: var(--positive-color-selected);\n}\n\n.typeSecondaryNegative {\n  background-color: var(--negative-color-selected);\n}\n\n.typeSecondaryWarning {\n  background-color: var(--warning-color-selected);\n}\n\n.animate {\n  transition: width var(--motion-productive-medium) var(--motion-timing-transition);\n}");export{r as default};
 //# sourceMappingURL=Bar.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/ProgressBars/LinearProgressBar/LinearProgressBar.module.scss.js

@@ -1,2 +1,2 @@
-var e={wrapper:"wrapper",fullWidth:"fullWidth",container:"container",progressBar:"progressBar",completed:"completed",label:"label",large:"large",medium:"medium",small:"small"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],r="s_id-70ce3fa10ece_0_0_333";if(n.querySelector("#"+r))return;const t=document.createElement("style");t.id=r,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}(".wrapper {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  width: 100%;\n  font: var(--font-text1-normal);\n  line-height: 8px !important;\n}\n.wrapper.fullWidth {\n  width: 100%;\n}\n.wrapper.fullWidth .container {\n  border-radius: 0;\n}\n.wrapper.fullWidth .container .progressBar {\n  border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0;\n}\n.wrapper.fullWidth .container .progressBar.completed {\n  border-radius: 0;\n}\n.label {\n  padding-left: var(--spacing-xs);\n}\n.large {\n  height: 8px;\n  line-height: 8px;\n}\n.medium {\n  height: 6px;\n  line-height: 6px;\n}\n.small {\n  height: 4px;\n  line-height: 4px;\n}\n.container {\n  position: relative;\n  width: 100%;\n  background-color: var(--surface-level-200);\n  border-radius: var(--border-radius-small);\n}");export{e as default};
+var e={wrapper:"wrapper",fullWidth:"fullWidth",container:"container",progressBar:"progressBar",completed:"completed",label:"label",large:"large",medium:"medium",small:"small"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],r="s_id-70ce3fa10ece_0_0_334";if(n.querySelector("#"+r))return;const t=document.createElement("style");t.id=r,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}(".wrapper {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  width: 100%;\n  font: var(--font-text1-normal);\n  line-height: 8px !important;\n}\n.wrapper.fullWidth {\n  width: 100%;\n}\n.wrapper.fullWidth .container {\n  border-radius: 0;\n}\n.wrapper.fullWidth .container .progressBar {\n  border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0;\n}\n.wrapper.fullWidth .container .progressBar.completed {\n  border-radius: 0;\n}\n.label {\n  padding-left: var(--spacing-xs);\n}\n.large {\n  height: 8px;\n  line-height: 8px;\n}\n.medium {\n  height: 6px;\n  line-height: 6px;\n}\n.small {\n  height: 4px;\n  line-height: 4px;\n}\n.container {\n  position: relative;\n  width: 100%;\n  background-color: var(--surface-level-200);\n  border-radius: var(--border-radius-small);\n}");export{e as default};
 //# sourceMappingURL=LinearProgressBar.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/ProgressBars/PercentageLabel/PercentageLabel.module.scss.js

@@ -1,2 +1,2 @@
-var e={label:"label"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],d="s_id-de8a28d20526_0_0_333";if(t.querySelector("#"+d))return;const n=document.createElement("style");n.id=d,t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.appendChild(document.createTextNode(e))}(".label {\n  padding-left: var(--spacing-xs);\n}");export{e as default};
+var e={label:"label"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],d="s_id-de8a28d20526_0_0_334";if(t.querySelector("#"+d))return;const n=document.createElement("style");n.id=d,t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.appendChild(document.createTextNode(e))}(".label {\n  padding-left: var(--spacing-xs);\n}");export{e as default};
 //# sourceMappingURL=PercentageLabel.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/RadioButton/RadioButton.module.scss.js

@@ -1,2 +1,2 @@
-var n={radioButton:"radioButton",inputContainer:"inputContainer",input:"input",control:"control",labelAnimation:"labelAnimation",radioCheckedAnimation:"radioCheckedAnimation",disabled:"disabled",label:"label"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],o="s_id-d77bcd558954_0_0_333";if(e.querySelector("#"+o))return;const r=document.createElement("style");r.id=o,e.firstChild?e.insertBefore(r,e.firstChild):e.appendChild(r),r.appendChild(document.createTextNode(n))}(".radioButton {\n  display: grid;\n  grid-template-columns: 1.5em auto;\n  grid-gap: 0.5em;\n  cursor: pointer;\n}\n\n.inputContainer {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.input {\n  opacity: 0;\n  width: 0;\n  height: 0;\n  margin: 0;\n}\n\n.control {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 1em;\n  height: 1em;\n  border: 0.1em solid;\n  box-sizing: border-box;\n  border-color: var(--divider-primary);\n  border-radius: 50%;\n  transition: all var(--motion-productive-medium) ease 0ms;\n  background-color: var(--surface-level-100);\n}\n\ninput:checked + .control {\n  border-color: var(--primary-color);\n  border-width: 0.3em;\n}\n\ninput:checked + .labelAnimation {\n  animation-name: radioCheckedAnimation;\n  animation-duration: var(--motion-productive-medium);\n  animation-timing-function: var(--motion-timing-enter);\n  animation-fill-mode: forwards;\n}\n\ninput:disabled + .control {\n  border: 0.5em solid;\n  border-color: var(--disabled-background-color);\n  border-radius: 50%;\n}\n\ninput:checked:disabled + .control {\n  border: 0.3em solid;\n  border-color: var(--disabled-background-color);\n  background-color: var(--text-secondary);\n}\n\n.radioButton.disabled {\n  cursor: not-allowed;\n}\n\n.radioButton.disabled .label {\n  color: var(--disabled-text-color);\n}\n\n.inputContainer input:focus-visible + .control {\n  outline: none;\n  border-color: var(--primary-color);\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5);\n  border-radius: 50%;\n}\n\n.radioButton:hover .inputContainer input:enabled:checked + .control {\n  border-color: var(--primary-hover-color);\n  box-shadow: var(--effect-divider-halo);\n}\n\n.radioButton:hover .inputContainer input:enabled:not(:checked) + .control,\n.radioButton:focus-within .inputContainer input:enabled:not(:checked) + .control {\n  border-color: var(--divider-selected);\n  box-shadow: var(--effect-divider-halo);\n}\n\n@keyframes radioCheckedAnimation {\n  0% {\n    height: 1em;\n    width: 1em;\n  }\n  50% {\n    height: 0.8em;\n    width: 0.8em;\n  }\n  100% {\n    height: 1em;\n    width: 1em;\n  }\n}");export{n as default};
+var n={radioButton:"radioButton",inputContainer:"inputContainer",input:"input",control:"control",labelAnimation:"labelAnimation",radioCheckedAnimation:"radioCheckedAnimation",disabled:"disabled",label:"label"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],o="s_id-d77bcd558954_0_0_334";if(e.querySelector("#"+o))return;const r=document.createElement("style");r.id=o,e.firstChild?e.insertBefore(r,e.firstChild):e.appendChild(r),r.appendChild(document.createTextNode(n))}(".radioButton {\n  display: grid;\n  grid-template-columns: 1.5em auto;\n  grid-gap: 0.5em;\n  cursor: pointer;\n}\n\n.inputContainer {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.input {\n  opacity: 0;\n  width: 0;\n  height: 0;\n  margin: 0;\n}\n\n.control {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 1em;\n  height: 1em;\n  border: 0.1em solid;\n  box-sizing: border-box;\n  border-color: var(--divider-primary);\n  border-radius: 50%;\n  transition: all var(--motion-productive-medium) ease 0ms;\n  background-color: var(--surface-level-100);\n}\n\ninput:checked + .control {\n  border-color: var(--primary-color);\n  border-width: 0.3em;\n}\n\ninput:checked + .labelAnimation {\n  animation-name: radioCheckedAnimation;\n  animation-duration: var(--motion-productive-medium);\n  animation-timing-function: var(--motion-timing-enter);\n  animation-fill-mode: forwards;\n}\n\ninput:disabled + .control {\n  border: 0.5em solid;\n  border-color: var(--disabled-background-color);\n  border-radius: 50%;\n}\n\ninput:checked:disabled + .control {\n  border: 0.3em solid;\n  border-color: var(--disabled-background-color);\n  background-color: var(--text-secondary);\n}\n\n.radioButton.disabled {\n  cursor: not-allowed;\n}\n\n.radioButton.disabled .label {\n  color: var(--disabled-text-color);\n}\n\n.inputContainer input:focus-visible + .control {\n  outline: none;\n  border-color: var(--primary-color);\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5);\n  border-radius: 50%;\n}\n\n.radioButton:hover .inputContainer input:enabled:checked + .control {\n  border-color: var(--primary-hover-color);\n  box-shadow: var(--effect-divider-halo);\n}\n\n.radioButton:hover .inputContainer input:enabled:not(:checked) + .control,\n.radioButton:focus-within .inputContainer input:enabled:not(:checked) + .control {\n  border-color: var(--divider-selected);\n  box-shadow: var(--effect-divider-halo);\n}\n\n@keyframes radioCheckedAnimation {\n  0% {\n    height: 1em;\n    width: 1em;\n  }\n  50% {\n    height: 0.8em;\n    width: 0.8em;\n  }\n  100% {\n    height: 1em;\n    width: 1em;\n  }\n}");export{n as default};
 //# sourceMappingURL=RadioButton.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/ResponsiveList/ResponsiveList.module.scss.js

@@ -1,2 +1,2 @@
-var e={responsiveListRoot:"responsiveListRoot",responsiveList:"responsiveList",listMenuButton:"listMenuButton",dummy:"dummy",menuButtonDialog:"menuButtonDialog",menuWrapperFlex:"menuWrapperFlex"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-51abe3f9c6a0_0_0_333";if(n.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}(".responsiveListRoot {\n  position: relative;\n}\n\n.responsiveList {\n  display: flex;\n  justify-content: flex-end;\n}\n\n.responsiveList .listMenuButton {\n  flex-shrink: 0;\n}\n\n.dummy {\n  width: 100%;\n  position: absolute;\n  visibility: hidden;\n}\n\n.menuButtonDialog {\n  display: flex;\n}\n\n.menuWrapperFlex {\n  display: flex;\n}");export{e as default};
+var e={responsiveListRoot:"responsiveListRoot",responsiveList:"responsiveList",listMenuButton:"listMenuButton",dummy:"dummy",menuButtonDialog:"menuButtonDialog",menuWrapperFlex:"menuWrapperFlex"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-51abe3f9c6a0_0_0_334";if(n.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}(".responsiveListRoot {\n  position: relative;\n}\n\n.responsiveList {\n  display: flex;\n  justify-content: flex-end;\n}\n\n.responsiveList .listMenuButton {\n  flex-shrink: 0;\n}\n\n.dummy {\n  width: 100%;\n  position: absolute;\n  visibility: hidden;\n}\n\n.menuButtonDialog {\n  display: flex;\n}\n\n.menuWrapperFlex {\n  display: flex;\n}");export{e as default};
 //# sourceMappingURL=ResponsiveList.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/ScrollableContainer/scrollableContainer.scss.js

@@ -1,2 +1,2 @@
-var e=".hds-scrollable-container {\n  box-sizing: border-box;\n  overflow-x: auto;\n  overflow-y: hidden;\n}\n.hds-scrollable-container * {\n  box-sizing: border-box;\n}\n.hds-scrollable-container.allow-vertical-scrolling {\n  overflow-y: visible;\n}";!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],o="s_id-2de7259b0c9f_0_0_333";if(n.querySelector("#"+o))return;const r=document.createElement("style");r.id=o,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}(e);export{e as default};
+var e=".hds-scrollable-container {\n  box-sizing: border-box;\n  overflow-x: auto;\n  overflow-y: hidden;\n}\n.hds-scrollable-container * {\n  box-sizing: border-box;\n}\n.hds-scrollable-container.allow-vertical-scrolling {\n  overflow-y: visible;\n}";!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],o="s_id-2de7259b0c9f_0_0_334";if(n.querySelector("#"+o))return;const r=document.createElement("style");r.id=o,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}(e);export{e as default};
 //# sourceMappingURL=scrollableContainer.scss.js.map

package/dist/mocked_classnames_esm/src/components/Search/Search.module.scss.js

@@ -1,2 +1,2 @@
-var e={searchWrapper:"searchWrapper",searchFocusElementFirst:"searchFocusElementFirst",dashForward:"dashForward",searchFocusElementSecond:"searchFocusElementSecond",dashBackwards:"dashBackwards",search:"search",round:"round"};!function(e){if("undefined"==typeof document)return;const r=document.head||document.getElementsByTagName("head")[0],a="s_id-b431f263cf23_0_0_333";if(r.querySelector("#"+a))return;const n=document.createElement("style");n.id=a,r.firstChild?r.insertBefore(n,r.firstChild):r.appendChild(n),n.appendChild(document.createTextNode(e))}(".searchWrapper input[type=search] {\n  -webkit-appearance: textfield;\n}\n\n.searchWrapper input[type=search]::-webkit-search-decoration,\n.searchWrapper input[type=search]::-webkit-search-cancel-button,\n.searchWrapper input[type=search]::-webkit-search-results-button,\n.searchWrapper input[type=search]::-webkit-search-results-decoration {\n  -webkit-appearance: none;\n}\n\n.searchWrapper:focus-within .searchFocusElementFirst {\n  animation: dashForward 5s linear forwards;\n}\n\n.searchWrapper:focus-within .searchFocusElementSecond {\n  animation: dashBackwards 5s linear forwards;\n}\n\n.search.round {\n  border-radius: 50px !important;\n}\n\n@keyframes dashForward {\n  to {\n    stroke-dashoffset: 0;\n  }\n}\n\n@keyframes dashBackwards {\n  to {\n    stroke-dashoffset: 2000;\n  }\n}");export{e as default};
+var e={searchWrapper:"searchWrapper",searchFocusElementFirst:"searchFocusElementFirst",dashForward:"dashForward",searchFocusElementSecond:"searchFocusElementSecond",dashBackwards:"dashBackwards",search:"search",round:"round"};!function(e){if("undefined"==typeof document)return;const r=document.head||document.getElementsByTagName("head")[0],a="s_id-b431f263cf23_0_0_334";if(r.querySelector("#"+a))return;const n=document.createElement("style");n.id=a,r.firstChild?r.insertBefore(n,r.firstChild):r.appendChild(n),n.appendChild(document.createTextNode(e))}(".searchWrapper input[type=search] {\n  -webkit-appearance: textfield;\n}\n\n.searchWrapper input[type=search]::-webkit-search-decoration,\n.searchWrapper input[type=search]::-webkit-search-cancel-button,\n.searchWrapper input[type=search]::-webkit-search-results-button,\n.searchWrapper input[type=search]::-webkit-search-results-decoration {\n  -webkit-appearance: none;\n}\n\n.searchWrapper:focus-within .searchFocusElementFirst {\n  animation: dashForward 5s linear forwards;\n}\n\n.searchWrapper:focus-within .searchFocusElementSecond {\n  animation: dashBackwards 5s linear forwards;\n}\n\n.search.round {\n  border-radius: 50px !important;\n}\n\n@keyframes dashForward {\n  to {\n    stroke-dashoffset: 0;\n  }\n}\n\n@keyframes dashBackwards {\n  to {\n    stroke-dashoffset: 2000;\n  }\n}");export{e as default};
 //# sourceMappingURL=Search.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/SectionHeader/SectionHeader.module.scss.js

@@ -1,2 +1,2 @@
-var n={sectionHeader:"sectionHeader",text:"text",large:"large",medium:"medium",small:"small",indented:"indented"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-03a241082978_0_0_333";if(e.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,e.firstChild?e.insertBefore(d,e.firstChild):e.appendChild(d),d.appendChild(document.createTextNode(n))}(".sectionHeader {\n  display: flex;\n  width: 100%;\n  justify-content: space-between;\n  border-bottom: 1px solid var(--divider-primary);\n  padding-right: 12px;\n  align-items: flex-end;\n}\n\n.text {\n  font-weight: 600;\n}\n\n.large {\n  font-size: 18px;\n  padding-top: 30px;\n  padding-bottom: 10px;\n  line-height: 22px;\n}\n\n.medium {\n  font-size: 14px;\n  padding-top: 14px;\n  padding-bottom: 6px;\n  line-height: 22px;\n}\n\n.small {\n  font-size: 12px;\n  line-height: 15px;\n  padding-top: 6px;\n  padding-bottom: 2px;\n}\n\n.indented {\n  padding-left: 16px;\n}");export{n as default};
+var n={sectionHeader:"sectionHeader",text:"text",large:"large",medium:"medium",small:"small",indented:"indented"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-03a241082978_0_0_334";if(e.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,e.firstChild?e.insertBefore(d,e.firstChild):e.appendChild(d),d.appendChild(document.createTextNode(n))}(".sectionHeader {\n  display: flex;\n  width: 100%;\n  justify-content: space-between;\n  border-bottom: 1px solid var(--divider-primary);\n  padding-right: 12px;\n  align-items: flex-end;\n}\n\n.text {\n  font-weight: 600;\n}\n\n.large {\n  font-size: 18px;\n  padding-top: 30px;\n  padding-bottom: 10px;\n  line-height: 22px;\n}\n\n.medium {\n  font-size: 14px;\n  padding-top: 14px;\n  padding-bottom: 6px;\n  line-height: 22px;\n}\n\n.small {\n  font-size: 12px;\n  line-height: 15px;\n  padding-top: 6px;\n  padding-bottom: 2px;\n}\n\n.indented {\n  padding-left: 16px;\n}");export{n as default};
 //# sourceMappingURL=SectionHeader.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/SegmentControl/SegmentControlCell/SegmentControlCell.module.scss.js

@@ -1,2 +1,2 @@
-var n={segmentControlCell:"segmentControlCell",active:"active",disabled:"disabled",small:"small",medium:"medium",large:"large",cellContent:"cellContent"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-356f7c8bd17b_0_0_333";if(e.querySelector("#"+t))return;const l=document.createElement("style");l.id=t,e.firstChild?e.insertBefore(l,e.firstChild):e.appendChild(l),l.appendChild(document.createTextNode(n))}(".segmentControlCell {\n  cursor: pointer;\n  text-align: center;\n  transition: color 0.3s;\n  color: var(--text-secondary);\n  border-radius: var(--border-radius-medium);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n  gap: 4px;\n  margin: 0;\n  padding: 0 var(--spacing-small);\n  font: var(--font-text1-normal);\n  box-sizing: border-box;\n  min-width: 0;\n  flex: 1 1 auto;\n}\n.segmentControlCell.active {\n  color: var(--text-primary);\n}\n.segmentControlCell:hover {\n  color: var(--text-primary);\n}\n.segmentControlCell.active:not(:hover) {\n  color: var(--text-primary);\n}\n.segmentControlCell.disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n.small {\n  padding: 0 var(--spacing-xs);\n  height: 24px;\n  font-size: 12px;\n}\n.medium {\n  padding: 0 var(--spacing-small);\n  height: 32px;\n  font-size: 14px;\n}\n.large {\n  padding: 0 var(--spacing-medium);\n  height: 40px;\n  font-size: 16px;\n}\n.cellContent {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 4px;\n  width: 100%;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}");export{n as default};
+var n={segmentControlCell:"segmentControlCell",active:"active",disabled:"disabled",small:"small",medium:"medium",large:"large",cellContent:"cellContent"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-356f7c8bd17b_0_0_334";if(e.querySelector("#"+t))return;const l=document.createElement("style");l.id=t,e.firstChild?e.insertBefore(l,e.firstChild):e.appendChild(l),l.appendChild(document.createTextNode(n))}(".segmentControlCell {\n  cursor: pointer;\n  text-align: center;\n  transition: color 0.3s;\n  color: var(--text-secondary);\n  border-radius: var(--border-radius-medium);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n  gap: 4px;\n  margin: 0;\n  padding: 0 var(--spacing-small);\n  font: var(--font-text1-normal);\n  box-sizing: border-box;\n  min-width: 0;\n  flex: 1 1 auto;\n}\n.segmentControlCell.active {\n  color: var(--text-primary);\n}\n.segmentControlCell:hover {\n  color: var(--text-primary);\n}\n.segmentControlCell.active:not(:hover) {\n  color: var(--text-primary);\n}\n.segmentControlCell.disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n.small {\n  padding: 0 var(--spacing-xs);\n  height: 24px;\n  font-size: 12px;\n}\n.medium {\n  padding: 0 var(--spacing-small);\n  height: 32px;\n  font-size: 14px;\n}\n.large {\n  padding: 0 var(--spacing-medium);\n  height: 40px;\n  font-size: 16px;\n}\n.cellContent {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 4px;\n  width: 100%;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}");export{n as default};
 //# sourceMappingURL=SegmentControlCell.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/SegmentControl/SegmentControlList/SegmentControlList.module.scss.js

@@ -1,2 +1,2 @@
-var n={segmentControlList:"segmentControlList",stretched:"stretched",segmentControlUl:"segmentControlUl",small:"small",medium:"medium",large:"large",animatedBackground:"animatedBackground"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-d6edb0b37613_0_0_333";if(e.querySelector("#"+t))return;const r=document.createElement("style");r.id=t,e.firstChild?e.insertBefore(r,e.firstChild):e.appendChild(r),r.appendChild(document.createTextNode(n))}(".segmentControlList {\n  position: relative;\n  display: flex;\n  align-items: center;\n  background-color: var(--surface-level-050);\n  border-radius: var(--border-radius-medium);\n  padding: 2px;\n  box-sizing: border-box;\n}\n\n.stretched {\n  width: 100%;\n}\n\n.segmentControlUl {\n  display: flex;\n  width: 100%;\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  position: relative;\n  z-index: 1;\n  box-sizing: border-box;\n}\n\n.small {\n  --segment-height: 24px;\n}\n\n.medium {\n  --segment-height: 32px;\n}\n\n.large {\n  --segment-height: 40px;\n}\n\n.segmentControlList {\n  height: var(--segment-height);\n}\n\n.animatedBackground {\n  position: absolute;\n  top: 2px;\n  bottom: 2px;\n  left: 2px;\n  background-color: var(--surface-level-100);\n  border-radius: calc(var(--border-radius-medium) - 2px);\n  box-shadow: 0px 1px 2px 0px color-mix(in srgb, var(--shadow-color) 50%, transparent);\n  z-index: 0;\n  transition: transform 0.3s ease, width 0.3s ease;\n}");export{n as default};
+var n={segmentControlList:"segmentControlList",stretched:"stretched",segmentControlUl:"segmentControlUl",small:"small",medium:"medium",large:"large",animatedBackground:"animatedBackground"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-d6edb0b37613_0_0_334";if(e.querySelector("#"+t))return;const r=document.createElement("style");r.id=t,e.firstChild?e.insertBefore(r,e.firstChild):e.appendChild(r),r.appendChild(document.createTextNode(n))}(".segmentControlList {\n  position: relative;\n  display: flex;\n  align-items: center;\n  background-color: var(--surface-level-050);\n  border-radius: var(--border-radius-medium);\n  padding: 2px;\n  box-sizing: border-box;\n}\n\n.stretched {\n  width: 100%;\n}\n\n.segmentControlUl {\n  display: flex;\n  width: 100%;\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  position: relative;\n  z-index: 1;\n  box-sizing: border-box;\n}\n\n.small {\n  --segment-height: 24px;\n}\n\n.medium {\n  --segment-height: 32px;\n}\n\n.large {\n  --segment-height: 40px;\n}\n\n.segmentControlList {\n  height: var(--segment-height);\n}\n\n.animatedBackground {\n  position: absolute;\n  top: 2px;\n  bottom: 2px;\n  left: 2px;\n  background-color: var(--surface-level-100);\n  border-radius: calc(var(--border-radius-medium) - 2px);\n  box-shadow: 0px 1px 2px 0px color-mix(in srgb, var(--shadow-color) 50%, transparent);\n  z-index: 0;\n  transition: transform 0.3s ease, width 0.3s ease;\n}");export{n as default};
 //# sourceMappingURL=SegmentControlList.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Sidebar/Sidebar.module.scss.js

@@ -1,2 +1,2 @@
-var n={headerStyled:"headerStyled",closeIcon:"closeIcon",containerStyled:"containerStyled",sidebarMenuStyled:"sidebarMenuStyled",innerStyled:"innerStyled",overlay:"overlay","overlay-fade-in":"overlay-fade-in",CloseLayerStyled:"CloseLayerStyled",sectionLabelStyled:"sectionLabelStyled",menuItemStyled:"menuItemStyled",menuItemLink:"menuItemLink",withIcon:"withIcon",menuIcon:"menuIcon",menuItemCounter:"menuItemCounter",active:"active"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-b52d3e4d5770_0_0_333";if(e.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,e.firstChild?e.insertBefore(i,e.firstChild):e.appendChild(i),i.appendChild(document.createTextNode(n))}(".headerStyled {\n  display: flex;\n  align-items: center;\n  margin-bottom: 50px;\n}\n.headerStyled img {\n  margin-top: 4px;\n  margin-left: 4px;\n}\n.closeIcon {\n  padding-right: 5px;\n  margin-left: 0px;\n}\n.containerStyled {\n  padding: 0 1rem;\n  flex: 1;\n}\n.sidebarMenuStyled {\n  top: 0;\n  right: 0;\n  left: 0;\n  bottom: 0;\n  position: fixed;\n  will-change: transform;\n  transition: all 0.26s ease-in-out;\n  z-index: 9999;\n  display: flex;\n}\n.innerStyled {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  overflow-y: auto;\n  box-shadow: var(--box-shadow-small);\n  background-color: var(--surface-level-100);\n  padding: 16px 6px 0 6px;\n  max-width: 100%;\n  width: 100vw;\n  z-index: 9999;\n  font-size: 14px;\n  color: var(--text-secondary);\n}\n@media (min-width: 576px) {\n  .innerStyled {\n    width: 50vw;\n  }\n}\n@media (min-width: 768px) {\n  .innerStyled {\n    width: 25vw;\n  }\n}\n@media (min-width: 992px) {\n  .innerStyled {\n    width: 20vw;\n  }\n}\n@media (min-width: 1200px) {\n  .innerStyled {\n    width: 15rem;\n  }\n}\n.overlay {\n  top: 0;\n  right: 0;\n  left: 0;\n  bottom: 0;\n  position: fixed;\n  background-color: rgba(0, 0, 0, 0.3);\n  animation: overlay-fade-in 70ms var(--motion-timing-enter);\n  transition: all 0.26s ease-in-out;\n  z-index: 7000;\n}\n.CloseLayerStyled {\n  background-color: transparent;\n  position: absolute;\n  top: 0;\n  right: 0;\n  left: 0;\n  bottom: 0;\n  width: 100%;\n  height: 100%;\n}\n.sectionLabelStyled {\n  display: flex;\n  align-items: center;\n  font-weight: 600;\n  padding: 28px 4px 8px 4px;\n  line-height: 22px;\n  gap: 8px;\n}\n.menuItemStyled {\n  height: 38px;\n  display: flex;\n  align-items: center;\n  border-radius: 4px;\n}\n.menuItemLink {\n  color: var(--text-secondary);\n  text-decoration: none;\n  font-weight: 400;\n  padding-left: 28px;\n  height: 100%;\n  width: 100%;\n  border-radius: var(--border-radius-medium);\n  display: flex;\n  align-items: center;\n  transition: all var(--motion-productive-medium) ease 0ms;\n}\n.menuItemLink:hover {\n  cursor: pointer;\n  background: var(--surface-level-200);\n  color: var(--text-primary);\n  text-decoration: none;\n}\n.menuItemLink.withIcon {\n  padding-left: 4px;\n}\n.menuItemLink .menuIcon {\n  margin-right: 4px;\n}\n.menuItemCounter {\n  margin-left: 8px;\n  margin-right: 8px;\n}\n.active {\n  background: var(--surface-level-200);\n  color: var(--text-primary);\n}\n.active:hover {\n  background: var(--surface-level-300);\n}");export{n as default};
+var n={headerStyled:"headerStyled",closeIcon:"closeIcon",containerStyled:"containerStyled",sidebarMenuStyled:"sidebarMenuStyled",innerStyled:"innerStyled",overlay:"overlay","overlay-fade-in":"overlay-fade-in",CloseLayerStyled:"CloseLayerStyled",sectionLabelStyled:"sectionLabelStyled",menuItemStyled:"menuItemStyled",menuItemLink:"menuItemLink",withIcon:"withIcon",menuIcon:"menuIcon",menuItemCounter:"menuItemCounter",active:"active"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-b52d3e4d5770_0_0_334";if(e.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,e.firstChild?e.insertBefore(i,e.firstChild):e.appendChild(i),i.appendChild(document.createTextNode(n))}(".headerStyled {\n  display: flex;\n  align-items: center;\n  margin-bottom: 50px;\n}\n.headerStyled img {\n  margin-top: 4px;\n  margin-left: 4px;\n}\n.closeIcon {\n  padding-right: 5px;\n  margin-left: 0px;\n}\n.containerStyled {\n  padding: 0 1rem;\n  flex: 1;\n}\n.sidebarMenuStyled {\n  top: 0;\n  right: 0;\n  left: 0;\n  bottom: 0;\n  position: fixed;\n  will-change: transform;\n  transition: all 0.26s ease-in-out;\n  z-index: 9999;\n  display: flex;\n}\n.innerStyled {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  overflow-y: auto;\n  box-shadow: var(--box-shadow-small);\n  background-color: var(--surface-level-100);\n  padding: 16px 6px 0 6px;\n  max-width: 100%;\n  width: 100vw;\n  z-index: 9999;\n  font-size: 14px;\n  color: var(--text-secondary);\n}\n@media (min-width: 576px) {\n  .innerStyled {\n    width: 50vw;\n  }\n}\n@media (min-width: 768px) {\n  .innerStyled {\n    width: 25vw;\n  }\n}\n@media (min-width: 992px) {\n  .innerStyled {\n    width: 20vw;\n  }\n}\n@media (min-width: 1200px) {\n  .innerStyled {\n    width: 15rem;\n  }\n}\n.overlay {\n  top: 0;\n  right: 0;\n  left: 0;\n  bottom: 0;\n  position: fixed;\n  background-color: rgba(0, 0, 0, 0.3);\n  animation: overlay-fade-in 70ms var(--motion-timing-enter);\n  transition: all 0.26s ease-in-out;\n  z-index: 7000;\n}\n.CloseLayerStyled {\n  background-color: transparent;\n  position: absolute;\n  top: 0;\n  right: 0;\n  left: 0;\n  bottom: 0;\n  width: 100%;\n  height: 100%;\n}\n.sectionLabelStyled {\n  display: flex;\n  align-items: center;\n  font-weight: 600;\n  padding: 28px 4px 8px 4px;\n  line-height: 22px;\n  gap: 8px;\n}\n.menuItemStyled {\n  height: 38px;\n  display: flex;\n  align-items: center;\n  border-radius: 4px;\n}\n.menuItemLink {\n  color: var(--text-secondary);\n  text-decoration: none;\n  font-weight: 400;\n  padding-left: 28px;\n  height: 100%;\n  width: 100%;\n  border-radius: var(--border-radius-medium);\n  display: flex;\n  align-items: center;\n  transition: all var(--motion-productive-medium) ease 0ms;\n}\n.menuItemLink:hover {\n  cursor: pointer;\n  background: var(--surface-level-200);\n  color: var(--text-primary);\n  text-decoration: none;\n}\n.menuItemLink.withIcon {\n  padding-left: 4px;\n}\n.menuItemLink .menuIcon {\n  margin-right: 4px;\n}\n.menuItemCounter {\n  margin-left: 8px;\n  margin-right: 8px;\n}\n.active {\n  background: var(--surface-level-200);\n  color: var(--text-primary);\n}\n.active:hover {\n  background: var(--surface-level-300);\n}");export{n as default};
 //# sourceMappingURL=Sidebar.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Skeleton/Skeleton.module.scss.js

@@ -1,2 +1,2 @@
-var n={skeleton:"skeleton",rectangle:"rectangle",shine:"shine",circle:"circle",text:"text",textH1:"textH1",textH2:"textH2",textH3:"textH3",textH4:"textH4",textH5:"textH5",textH6:"textH6",textSmall:"textSmall",textCustom:"textCustom",fullWidth:"fullWidth"};!function(n){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],e="s_id-2345d9ff68bb_0_0_333";if(t.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(n))}(".skeleton {\n  display: flex;\n}\n\n.rectangle {\n  height: 160px;\n  background: var(--surface-level-200);\n  border-radius: var(--border-radius-small);\n  overflow: hidden;\n  animation-duration: 0.8s;\n  animation-direction: alternate;\n  animation-iteration-count: infinite;\n  animation-name: shine;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine {\n  0% {\n    opacity: 0.3;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.circle {\n  height: 40px;\n  background: var(--surface-level-200);\n  border-radius: 50%;\n  overflow: hidden;\n  animation-duration: 0.8s;\n  animation-direction: alternate;\n  animation-iteration-count: infinite;\n  animation-name: shine;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine {\n  0% {\n    opacity: 0.3;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.text {\n  background: var(--surface-level-200);\n  border-radius: var(--border-radius-small);\n  overflow: hidden;\n  animation-duration: 0.8s;\n  animation-direction: alternate;\n  animation-iteration-count: infinite;\n  animation-name: shine;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine {\n  0% {\n    opacity: 0.3;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.textH1 {\n  height: 32px;\n}\n\n.textH2 {\n  height: 24px;\n}\n\n.textH3 {\n  height: 24px;\n}\n\n.textH4 {\n  height: 21px;\n}\n\n.textH5 {\n  height: 16px;\n}\n\n.textH6 {\n  height: 12px;\n}\n\n.textSmall,\n.textCustom {\n  height: 12px;\n}\n\n.fullWidth {\n  width: 100%;\n}\n\n.skeleton:not(.fullWidth) .text {\n  width: 162px;\n}\n\n.skeleton:not(.fullWidth) .circle {\n  width: 40px;\n}\n\n.skeleton:not(.fullWidth) .rectangle {\n  width: 160px;\n}");export{n as default};
+var n={skeleton:"skeleton",rectangle:"rectangle",shine:"shine",circle:"circle",text:"text",textH1:"textH1",textH2:"textH2",textH3:"textH3",textH4:"textH4",textH5:"textH5",textH6:"textH6",textSmall:"textSmall",textCustom:"textCustom",fullWidth:"fullWidth"};!function(n){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],e="s_id-2345d9ff68bb_0_0_334";if(t.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(n))}(".skeleton {\n  display: flex;\n}\n\n.rectangle {\n  height: 160px;\n  background: var(--surface-level-200);\n  border-radius: var(--border-radius-small);\n  overflow: hidden;\n  animation-duration: 0.8s;\n  animation-direction: alternate;\n  animation-iteration-count: infinite;\n  animation-name: shine;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine {\n  0% {\n    opacity: 0.3;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.circle {\n  height: 40px;\n  background: var(--surface-level-200);\n  border-radius: 50%;\n  overflow: hidden;\n  animation-duration: 0.8s;\n  animation-direction: alternate;\n  animation-iteration-count: infinite;\n  animation-name: shine;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine {\n  0% {\n    opacity: 0.3;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.text {\n  background: var(--surface-level-200);\n  border-radius: var(--border-radius-small);\n  overflow: hidden;\n  animation-duration: 0.8s;\n  animation-direction: alternate;\n  animation-iteration-count: infinite;\n  animation-name: shine;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine {\n  0% {\n    opacity: 0.3;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.textH1 {\n  height: 32px;\n}\n\n.textH2 {\n  height: 24px;\n}\n\n.textH3 {\n  height: 24px;\n}\n\n.textH4 {\n  height: 21px;\n}\n\n.textH5 {\n  height: 16px;\n}\n\n.textH6 {\n  height: 12px;\n}\n\n.textSmall,\n.textCustom {\n  height: 12px;\n}\n\n.fullWidth {\n  width: 100%;\n}\n\n.skeleton:not(.fullWidth) .text {\n  width: 162px;\n}\n\n.skeleton:not(.fullWidth) .circle {\n  width: 40px;\n}\n\n.skeleton:not(.fullWidth) .rectangle {\n  width: 160px;\n}");export{n as default};
 //# sourceMappingURL=Skeleton.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Slider/SelectionIndicator.module.scss.js

@@ -1,2 +1,2 @@
-var e={selectionIndicator:"selectionIndicator"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-a25847c4cc71_0_0_333";if(t.querySelector("#"+n))return;const c=document.createElement("style");c.id=n,t.firstChild?t.insertBefore(c,t.firstChild):t.appendChild(c),c.appendChild(document.createTextNode(e))}(".selectionIndicator.selectionIndicator.selectionIndicator {\n  text-align: center;\n  padding: var(--spacing-small);\n}");export{e as default};
+var e={selectionIndicator:"selectionIndicator"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-a25847c4cc71_0_0_334";if(t.querySelector("#"+n))return;const c=document.createElement("style");c.id=n,t.firstChild?t.insertBefore(c,t.firstChild):t.appendChild(c),c.appendChild(document.createTextNode(e))}(".selectionIndicator.selectionIndicator.selectionIndicator {\n  text-align: center;\n  padding: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=SelectionIndicator.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Slider/Slider.module.scss.js

@@ -1,2 +1,2 @@
-var e={slider:"slider",valueShown:"valueShown"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-1ec33feab829_0_0_333";if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}(".slider {\n  align-items: center;\n  display: flex;\n  max-width: 500px;\n  min-width: 200px;\n  width: 100%;\n}\n\n.valueShown {\n  margin-top: 10px;\n}");export{e as default};
+var e={slider:"slider",valueShown:"valueShown"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-1ec33feab829_0_0_334";if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}(".slider {\n  align-items: center;\n  display: flex;\n  max-width: 500px;\n  min-width: 200px;\n  width: 100%;\n}\n\n.valueShown {\n  margin-top: 10px;\n}");export{e as default};
 //# sourceMappingURL=Slider.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Slider/SliderBase/SliderBase.module.scss.js

@@ -1,2 +1,2 @@
-var n={base:"base",disabled:"disabled",small:"small",medium:"medium",large:"large"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],a="s_id-0abb9e445f96_0_0_333";if(e.querySelector("#"+a))return;const d=document.createElement("style");d.id=a,e.firstChild?e.insertBefore(d,e.firstChild):e.appendChild(d),d.appendChild(document.createTextNode(n))}(".base {\n  display: flex;\n  touch-action: none;\n  -webkit-tap-highlight-color: transparent;\n  width: 100%;\n}\n\n.disabled {\n  cursor: not-allowed !important;\n  opacity: var(--disabled-component-opacity);\n}\n\n.disabled * {\n  pointer-events: none;\n}\n\n.small {\n  padding: 0 var(--spacing-small);\n}\n\n.medium {\n  padding: 0 12px;\n}\n\n.large {\n  padding: 0 12px;\n}");export{n as default};
+var n={base:"base",disabled:"disabled",small:"small",medium:"medium",large:"large"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],a="s_id-0abb9e445f96_0_0_334";if(e.querySelector("#"+a))return;const d=document.createElement("style");d.id=a,e.firstChild?e.insertBefore(d,e.firstChild):e.appendChild(d),d.appendChild(document.createTextNode(n))}(".base {\n  display: flex;\n  touch-action: none;\n  -webkit-tap-highlight-color: transparent;\n  width: 100%;\n}\n\n.disabled {\n  cursor: not-allowed !important;\n  opacity: var(--disabled-component-opacity);\n}\n\n.disabled * {\n  pointer-events: none;\n}\n\n.small {\n  padding: 0 var(--spacing-small);\n}\n\n.medium {\n  padding: 0 12px;\n}\n\n.large {\n  padding: 0 12px;\n}");export{n as default};
 //# sourceMappingURL=SliderBase.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Slider/SliderBase/SliderFilledTrack.module.scss.js

@@ -1,2 +1,2 @@
-var e={filledTrack:"filledTrack",positive:"positive",negative:"negative"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-bb386829c5aa_0_0_333";if(n.querySelector("#"+t))return;const r=document.createElement("style");r.id=t,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}(".filledTrack {\n  position: absolute;\n  border-radius: inherit;\n  background-color: var(--primary-color);\n  height: inherit;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 100%;\n}\n\n.positive {\n  background-color: var(--positive-color);\n}\n\n.negative {\n  background-color: var(--negative-color);\n}");export{e as default};
+var e={filledTrack:"filledTrack",positive:"positive",negative:"negative"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-bb386829c5aa_0_0_334";if(n.querySelector("#"+t))return;const r=document.createElement("style");r.id=t,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}(".filledTrack {\n  position: absolute;\n  border-radius: inherit;\n  background-color: var(--primary-color);\n  height: inherit;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 100%;\n}\n\n.positive {\n  background-color: var(--positive-color);\n}\n\n.negative {\n  background-color: var(--negative-color);\n}");export{e as default};
 //# sourceMappingURL=SliderFilledTrack.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Slider/SliderBase/SliderRail.module.scss.js

@@ -1,2 +1,2 @@
-var n={rail:"rail",small:"small",medium:"medium",large:"large"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],i="s_id-c66a4285003d_0_0_333";if(e.querySelector("#"+i))return;const t=document.createElement("style");t.id=i,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(n))}(".rail {\n  cursor: pointer;\n  display: inline-block;\n  position: relative;\n  touch-action: none;\n  -webkit-tap-highlight-color: transparent;\n  width: 100%;\n}\n\n.small {\n  border-radius: 2px;\n  height: 2px;\n  padding: 8px 0;\n}\n\n.medium {\n  border-radius: 2px;\n  height: 4px;\n  padding: 12px 0;\n}\n\n.large {\n  border-radius: 8px;\n  height: 8px;\n  padding: 10px 0;\n}");export{n as default};
+var n={rail:"rail",small:"small",medium:"medium",large:"large"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],i="s_id-c66a4285003d_0_0_334";if(e.querySelector("#"+i))return;const t=document.createElement("style");t.id=i,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(n))}(".rail {\n  cursor: pointer;\n  display: inline-block;\n  position: relative;\n  touch-action: none;\n  -webkit-tap-highlight-color: transparent;\n  width: 100%;\n}\n\n.small {\n  border-radius: 2px;\n  height: 2px;\n  padding: 8px 0;\n}\n\n.medium {\n  border-radius: 2px;\n  height: 4px;\n  padding: 12px 0;\n}\n\n.large {\n  border-radius: 8px;\n  height: 8px;\n  padding: 10px 0;\n}");export{n as default};
 //# sourceMappingURL=SliderRail.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Slider/SliderBase/SliderThumb.module.scss.js

@@ -1,2 +1,2 @@
-var n={thumb:"thumb",dragging:"dragging",focused:"focused",notDisabledThumb:"notDisabledThumb","focus-visible":"focus-visible",positive:"positive",negative:"negative",small:"small",medium:"medium",large:"large",label:"label"};!function(n){if("undefined"==typeof document)return;const o=document.head||document.getElementsByTagName("head")[0],e="s_id-25c9c209cbd2_0_0_333";if(o.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.appendChild(document.createTextNode(n))}(".thumb {\n  position: absolute;\n  border: 3px solid;\n  border-radius: 50%;\n  border-color: var(--primary-color);\n  background-color: var(--surface-level-100);\n  font-size: 14px;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter);\n  font-family: var(--font-family);\n}\n\n.dragging {\n  cursor: grabbing !important;\n  transform: translate(-50%, -50%) scale(1.33, 1.33);\n  transform-origin: center center;\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter);\n  box-shadow: var(--box-shadow-small);\n}\n\n.focused {\n  border-color: var(--primary-hover-color);\n  cursor: grab;\n  box-shadow: var(--box-shadow-small);\n}\n\n.notDisabledThumb:focus-visible, .notDisabledThumb.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 50%;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n\n.notDisabledThumb:focus:not(.focus-visible) {\n  outline: none;\n}\n\n.notDisabledThumb:hover {\n  border-color: var(--primary-hover-color);\n  cursor: grab;\n  box-shadow: var(--box-shadow-small);\n}\n\n.positive {\n  border-color: var(--positive-color);\n}\n\n.positive.notDisabledThumb:hover {\n  border-color: var(--positive-color-hover);\n}\n\n.negative {\n  border-color: var(--negative-color);\n}\n\n.negative.notDisabledThumb:hover {\n  border-color: var(--negative-color-hover);\n}\n\n.small {\n  height: 16px;\n  width: 16px;\n}\n\n.medium {\n  height: 24px;\n  width: 24px;\n}\n\n.large {\n  height: 24px;\n  width: 24px;\n}\n\n.label {\n  bottom: calc(100% + 8px);\n  left: 50%;\n  max-width: 50px;\n  overflow: hidden;\n  position: absolute;\n  text-overflow: ellipsis;\n  transform: translate(-50%, 0);\n  white-space: nowrap;\n}");export{n as default};
+var n={thumb:"thumb",dragging:"dragging",focused:"focused",notDisabledThumb:"notDisabledThumb","focus-visible":"focus-visible",positive:"positive",negative:"negative",small:"small",medium:"medium",large:"large",label:"label"};!function(n){if("undefined"==typeof document)return;const o=document.head||document.getElementsByTagName("head")[0],e="s_id-25c9c209cbd2_0_0_334";if(o.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.appendChild(document.createTextNode(n))}(".thumb {\n  position: absolute;\n  border: 3px solid;\n  border-radius: 50%;\n  border-color: var(--primary-color);\n  background-color: var(--surface-level-100);\n  font-size: 14px;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter);\n  font-family: var(--font-family);\n}\n\n.dragging {\n  cursor: grabbing !important;\n  transform: translate(-50%, -50%) scale(1.33, 1.33);\n  transform-origin: center center;\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter);\n  box-shadow: var(--box-shadow-small);\n}\n\n.focused {\n  border-color: var(--primary-hover-color);\n  cursor: grab;\n  box-shadow: var(--box-shadow-small);\n}\n\n.notDisabledThumb:focus-visible, .notDisabledThumb.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 50%;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n\n.notDisabledThumb:focus:not(.focus-visible) {\n  outline: none;\n}\n\n.notDisabledThumb:hover {\n  border-color: var(--primary-hover-color);\n  cursor: grab;\n  box-shadow: var(--box-shadow-small);\n}\n\n.positive {\n  border-color: var(--positive-color);\n}\n\n.positive.notDisabledThumb:hover {\n  border-color: var(--positive-color-hover);\n}\n\n.negative {\n  border-color: var(--negative-color);\n}\n\n.negative.notDisabledThumb:hover {\n  border-color: var(--negative-color-hover);\n}\n\n.small {\n  height: 16px;\n  width: 16px;\n}\n\n.medium {\n  height: 24px;\n  width: 24px;\n}\n\n.large {\n  height: 24px;\n  width: 24px;\n}\n\n.label {\n  bottom: calc(100% + 8px);\n  left: 50%;\n  max-width: 50px;\n  overflow: hidden;\n  position: absolute;\n  text-overflow: ellipsis;\n  transform: translate(-50%, 0);\n  white-space: nowrap;\n}");export{n as default};
 //# sourceMappingURL=SliderThumb.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Slider/SliderBase/SliderTrack.module.scss.js

@@ -1,2 +1,2 @@
-var e={track:"track",positive:"positive",negative:"negative"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-f269843990a8_0_0_333";if(t.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(e))}(".track {\n  position: absolute;\n  border-radius: inherit;\n  background-color: var(--surface-selected);\n  height: inherit;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 100%;\n}\n\n.positive {\n  background-color: var(--positive-color-selected);\n}\n\n.negative {\n  background-color: var(--negative-color-selected);\n}");export{e as default};
+var e={track:"track",positive:"positive",negative:"negative"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-f269843990a8_0_0_334";if(t.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(e))}(".track {\n  position: absolute;\n  border-radius: inherit;\n  background-color: var(--surface-selected);\n  height: inherit;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 100%;\n}\n\n.positive {\n  background-color: var(--positive-color-selected);\n}\n\n.negative {\n  background-color: var(--negative-color-selected);\n}");export{e as default};
 //# sourceMappingURL=SliderTrack.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Slider/SliderInfix.module.scss.js

@@ -1,2 +1,2 @@
-var e={infix:"infix",txt:"txt",prefix:"prefix",postfix:"postfix"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-4fd2a8cee614_0_0_333";if(n.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}(".infix {\n  font-size: 14px;\n  font-family: var(--font-family);\n  flex: 0 0 auto;\n}\n\n.txt {\n  white-space: nowrap;\n}\n\n.prefix {\n  margin-right: var(--spacing-small);\n}\n\n.postfix {\n  margin-left: var(--spacing-small);\n}");export{e as default};
+var e={infix:"infix",txt:"txt",prefix:"prefix",postfix:"postfix"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-4fd2a8cee614_0_0_334";if(n.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}(".infix {\n  font-size: 14px;\n  font-family: var(--font-family);\n  flex: 0 0 auto;\n}\n\n.txt {\n  white-space: nowrap;\n}\n\n.prefix {\n  margin-right: var(--spacing-small);\n}\n\n.postfix {\n  margin-left: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=SliderInfix.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/SplitButton/SplitButton.module.scss.js

@@ -1,2 +1,2 @@
-var n={button:"button",mainButton:"mainButton",secondaryButton:"secondaryButton",secondaryButtonWrapper:"secondaryButtonWrapper",secondaryButtonIconWrapper:"secondaryButtonIconWrapper",active:"active",disabled:"disabled",kindTertiary:"kindTertiary",colorPrimary:"colorPrimary",mainActive:"mainActive",splitContentOpen:"splitContentOpen",hovered:"hovered",colorBrand:"colorBrand",colorPositive:"colorPositive",colorNegative:"colorNegative",kindPrimary:"kindPrimary",colorOnPrimaryColor:"colorOnPrimaryColor",kindSecondary:"kindSecondary"};!function(n){if("undefined"==typeof document)return;const r=document.head||document.getElementsByTagName("head")[0],o="s_id-8e6cd5ac8255_0_0_333";if(r.querySelector("#"+o))return;const e=document.createElement("style");e.id=o,r.firstChild?r.insertBefore(e,r.firstChild):r.appendChild(e),e.appendChild(document.createTextNode(n))}(".button {\n  display: inline-flex;\n  border-radius: var(--border-radius-medium);\n  transition: all var(--motion-productive-medium) ease 0ms;\n}\n\n.button .mainButton {\n  margin-right: 0;\n}\n\n.button .secondaryButton {\n  margin-left: 0;\n}\n\n.secondaryButtonWrapper .secondaryButtonIconWrapper {\n  display: inline-flex;\n  padding: 0 4px;\n}\n\n.active {\n  transform: scale(0.95);\n}\n\n.disabled {\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\n.kindTertiary.colorPrimary.mainActive .mainButton {\n  background-color: var(--surface-selected);\n}\n\n.kindTertiary.colorPrimary.mainActive .secondaryButton {\n  background-color: var(--surface-selected);\n}\n\n.kindTertiary.colorPrimary.mainActive.splitContentOpen.splitContentOpen .secondaryButton,\n.kindTertiary.colorPrimary.mainActive.splitContentOpen.splitContentOpen .secondaryButton:hover,\n.kindTertiary.colorPrimary.mainActive.hovered.splitContentOpen .secondaryButton,\n.kindTertiary.colorPrimary.mainActive.hovered.splitContentOpen .secondaryButton:hover {\n  color: var(--primary-color);\n}\n\n.kindTertiary.colorBrand.mainActive .mainButton {\n  background-color: var(--brand-selected-color);\n}\n\n.kindTertiary.colorBrand.mainActive .secondaryButton {\n  background-color: var(--brand-selected-color);\n}\n\n.kindTertiary.colorBrand.mainActive.splitContentOpen.splitContentOpen .secondaryButton,\n.kindTertiary.colorBrand.mainActive.splitContentOpen.splitContentOpen .secondaryButton:hover,\n.kindTertiary.colorBrand.mainActive.hovered.splitContentOpen .secondaryButton,\n.kindTertiary.colorBrand.mainActive.hovered.splitContentOpen .secondaryButton:hover {\n  color: var(--brand-color);\n}\n\n.kindTertiary.colorPositive.splitContentOpen .secondaryButton,\n.kindTertiary.colorPositive:hover .secondaryButton,\n.kindTertiary.colorPositive:focus .secondaryButton {\n  border-color: transparent;\n  background-color: var(--positive-color-selected);\n}\n\n.kindTertiary.colorPositive.splitContentOpen .mainButton,\n.kindTertiary.colorPositive:hover .mainButton,\n.kindTertiary.colorPositive:focus .mainButton {\n  background-color: var(--positive-color-selected);\n}\n\n.kindTertiary.colorNegative.splitContentOpen .secondaryButton,\n.kindTertiary.colorNegative:hover .secondaryButton,\n.kindTertiary.colorNegative:focus .secondaryButton {\n  border-color: transparent;\n  background-color: var(--negative-color-selected);\n}\n\n.kindTertiary.colorNegative.splitContentOpen .mainButton,\n.kindTertiary.colorNegative:hover .mainButton,\n.kindTertiary.colorNegative:focus .mainButton {\n  background-color: var(--negative-color-selected);\n}\n\n.kindTertiary .secondaryButton {\n  border-left: 1px solid transparent;\n  margin-left: 1px;\n}\n\n.kindPrimary.disabled .secondaryButton {\n  border-left: 1px solid;\n  border-color: var(--divider-primary);\n}\n\n.kindPrimary:not(.disabled).colorPrimary.mainActive .secondaryButton {\n  background-color: var(--primary-hover-color);\n  border-color: var(--text-color-on-primary);\n}\n\n.kindPrimary:not(.disabled).colorPrimary .secondaryButton {\n  border-left: 1px solid;\n  border-color: var(--primary-hover-color);\n}\n\n.kindPrimary:not(.disabled).colorBrand.mainActive .secondaryButton {\n  background-color: var(--brand-hover-color);\n  border-color: var(--text-color-on-primary);\n}\n\n.kindPrimary:not(.disabled).colorBrand .secondaryButton {\n  border-left: 1px solid;\n  border-color: var(--brand-hover-color);\n}\n\n.kindPrimary:not(.disabled).colorPositive .secondaryButton {\n  border-left: 1px solid;\n  border-color: var(--positive-color-hover);\n}\n\n.kindPrimary:not(.disabled).colorNegative .secondaryButton {\n  border-left: 1px solid;\n  border-color: var(--negative-color-hover);\n}\n\n.kindPrimary:not(.disabled).colorOnPrimaryColor .secondaryButton {\n  border-left: 1px solid;\n  border-color: var(--color-ui_grey);\n}\n\n.kindSecondary .mainButton {\n  border-right: none;\n}\n\n.kindSecondary.colorPrimary.mainActive .mainButton {\n  background-color: var(--surface-selected);\n}\n\n.kindSecondary.colorPrimary.mainActive .secondaryButton {\n  background-color: var(--surface-selected);\n  border-color: var(--primary-color);\n}\n\n.kindSecondary.colorPrimary.splitContentOpen .secondaryButton,\n.kindSecondary.colorPrimary.splitContentOpen .secondaryButton:hover {\n  color: var(--primary-color);\n  border-color: var(--primary-color);\n  background-color: var(--surface-selected);\n}\n\n.kindSecondary.colorBrand.mainActive .mainButton {\n  background-color: var(--brand-selected-color);\n}\n\n.kindSecondary.colorBrand.mainActive .secondaryButton {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n\n.kindSecondary.colorBrand.splitContentOpen .secondaryButton,\n.kindSecondary.colorBrand.splitContentOpen .secondaryButton:hover {\n  color: var(--brand-color);\n  border-color: var(--brand-color);\n  background-color: var(--brand-selected-color);\n}");export{n as default};
+var n={button:"button",mainButton:"mainButton",secondaryButton:"secondaryButton",secondaryButtonWrapper:"secondaryButtonWrapper",secondaryButtonIconWrapper:"secondaryButtonIconWrapper",active:"active",disabled:"disabled",kindTertiary:"kindTertiary",colorPrimary:"colorPrimary",mainActive:"mainActive",splitContentOpen:"splitContentOpen",hovered:"hovered",colorBrand:"colorBrand",colorPositive:"colorPositive",colorNegative:"colorNegative",kindPrimary:"kindPrimary",colorOnPrimaryColor:"colorOnPrimaryColor",kindSecondary:"kindSecondary"};!function(n){if("undefined"==typeof document)return;const r=document.head||document.getElementsByTagName("head")[0],o="s_id-8e6cd5ac8255_0_0_334";if(r.querySelector("#"+o))return;const e=document.createElement("style");e.id=o,r.firstChild?r.insertBefore(e,r.firstChild):r.appendChild(e),e.appendChild(document.createTextNode(n))}(".button {\n  display: inline-flex;\n  border-radius: var(--border-radius-medium);\n  transition: all var(--motion-productive-medium) ease 0ms;\n}\n\n.button .mainButton {\n  margin-right: 0;\n}\n\n.button .secondaryButton {\n  margin-left: 0;\n}\n\n.secondaryButtonWrapper .secondaryButtonIconWrapper {\n  display: inline-flex;\n  padding: 0 4px;\n}\n\n.active {\n  transform: scale(0.95);\n}\n\n.disabled {\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\n.kindTertiary.colorPrimary.mainActive .mainButton {\n  background-color: var(--surface-selected);\n}\n\n.kindTertiary.colorPrimary.mainActive .secondaryButton {\n  background-color: var(--surface-selected);\n}\n\n.kindTertiary.colorPrimary.mainActive.splitContentOpen.splitContentOpen .secondaryButton,\n.kindTertiary.colorPrimary.mainActive.splitContentOpen.splitContentOpen .secondaryButton:hover,\n.kindTertiary.colorPrimary.mainActive.hovered.splitContentOpen .secondaryButton,\n.kindTertiary.colorPrimary.mainActive.hovered.splitContentOpen .secondaryButton:hover {\n  color: var(--primary-color);\n}\n\n.kindTertiary.colorBrand.mainActive .mainButton {\n  background-color: var(--brand-selected-color);\n}\n\n.kindTertiary.colorBrand.mainActive .secondaryButton {\n  background-color: var(--brand-selected-color);\n}\n\n.kindTertiary.colorBrand.mainActive.splitContentOpen.splitContentOpen .secondaryButton,\n.kindTertiary.colorBrand.mainActive.splitContentOpen.splitContentOpen .secondaryButton:hover,\n.kindTertiary.colorBrand.mainActive.hovered.splitContentOpen .secondaryButton,\n.kindTertiary.colorBrand.mainActive.hovered.splitContentOpen .secondaryButton:hover {\n  color: var(--brand-color);\n}\n\n.kindTertiary.colorPositive.splitContentOpen .secondaryButton,\n.kindTertiary.colorPositive:hover .secondaryButton,\n.kindTertiary.colorPositive:focus .secondaryButton {\n  border-color: transparent;\n  background-color: var(--positive-color-selected);\n}\n\n.kindTertiary.colorPositive.splitContentOpen .mainButton,\n.kindTertiary.colorPositive:hover .mainButton,\n.kindTertiary.colorPositive:focus .mainButton {\n  background-color: var(--positive-color-selected);\n}\n\n.kindTertiary.colorNegative.splitContentOpen .secondaryButton,\n.kindTertiary.colorNegative:hover .secondaryButton,\n.kindTertiary.colorNegative:focus .secondaryButton {\n  border-color: transparent;\n  background-color: var(--negative-color-selected);\n}\n\n.kindTertiary.colorNegative.splitContentOpen .mainButton,\n.kindTertiary.colorNegative:hover .mainButton,\n.kindTertiary.colorNegative:focus .mainButton {\n  background-color: var(--negative-color-selected);\n}\n\n.kindTertiary .secondaryButton {\n  border-left: 1px solid transparent;\n  margin-left: 1px;\n}\n\n.kindPrimary.disabled .secondaryButton {\n  border-left: 1px solid;\n  border-color: var(--divider-primary);\n}\n\n.kindPrimary:not(.disabled).colorPrimary.mainActive .secondaryButton {\n  background-color: var(--primary-hover-color);\n  border-color: var(--text-color-on-primary);\n}\n\n.kindPrimary:not(.disabled).colorPrimary .secondaryButton {\n  border-left: 1px solid;\n  border-color: var(--primary-hover-color);\n}\n\n.kindPrimary:not(.disabled).colorBrand.mainActive .secondaryButton {\n  background-color: var(--brand-hover-color);\n  border-color: var(--text-color-on-primary);\n}\n\n.kindPrimary:not(.disabled).colorBrand .secondaryButton {\n  border-left: 1px solid;\n  border-color: var(--brand-hover-color);\n}\n\n.kindPrimary:not(.disabled).colorPositive .secondaryButton {\n  border-left: 1px solid;\n  border-color: var(--positive-color-hover);\n}\n\n.kindPrimary:not(.disabled).colorNegative .secondaryButton {\n  border-left: 1px solid;\n  border-color: var(--negative-color-hover);\n}\n\n.kindPrimary:not(.disabled).colorOnPrimaryColor .secondaryButton {\n  border-left: 1px solid;\n  border-color: var(--color-ui_grey);\n}\n\n.kindSecondary .mainButton {\n  border-right: none;\n}\n\n.kindSecondary.colorPrimary.mainActive .mainButton {\n  background-color: var(--surface-selected);\n}\n\n.kindSecondary.colorPrimary.mainActive .secondaryButton {\n  background-color: var(--surface-selected);\n  border-color: var(--primary-color);\n}\n\n.kindSecondary.colorPrimary.splitContentOpen .secondaryButton,\n.kindSecondary.colorPrimary.splitContentOpen .secondaryButton:hover {\n  color: var(--primary-color);\n  border-color: var(--primary-color);\n  background-color: var(--surface-selected);\n}\n\n.kindSecondary.colorBrand.mainActive .mainButton {\n  background-color: var(--brand-selected-color);\n}\n\n.kindSecondary.colorBrand.mainActive .secondaryButton {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n\n.kindSecondary.colorBrand.splitContentOpen .secondaryButton,\n.kindSecondary.colorBrand.splitContentOpen .secondaryButton:hover {\n  color: var(--brand-color);\n  border-color: var(--brand-color);\n  background-color: var(--brand-selected-color);\n}");export{n as default};
 //# sourceMappingURL=SplitButton.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Steps/Steps.module.scss.js

@@ -1,2 +1,2 @@
-var t={steps:"steps",contentOnTop:"contentOnTop",contentOnBottom:"contentOnBottom"};!function(t){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],n="s_id-9e4623f942e8_0_0_333";if(e.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,e.firstChild?e.insertBefore(o,e.firstChild):e.appendChild(o),o.appendChild(document.createTextNode(t))}(".steps .contentOnTop {\n  margin-top: var(--spacing-medium);\n}\n.steps .contentOnBottom {\n  margin-bottom: var(--spacing-small);\n}");export{t as default};
+var t={steps:"steps",contentOnTop:"contentOnTop",contentOnBottom:"contentOnBottom"};!function(t){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],n="s_id-9e4623f942e8_0_0_334";if(e.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,e.firstChild?e.insertBefore(o,e.firstChild):e.appendChild(o),o.appendChild(document.createTextNode(t))}(".steps .contentOnTop {\n  margin-top: var(--spacing-medium);\n}\n.steps .contentOnBottom {\n  margin-bottom: var(--spacing-small);\n}");export{t as default};
 //# sourceMappingURL=Steps.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Steps/StepsCommand.module.scss.js

@@ -1,2 +1,2 @@
-var n={command:"command",backward:"backward",icon:"icon",disabled:"disabled",colorOnPrimaryColor:"colorOnPrimaryColor",colorOnInvertedBackground:"colorOnInvertedBackground"};!function(n){if("undefined"==typeof document)return;const o=document.head||document.getElementsByTagName("head")[0],e="s_id-bbdf617a3c1e_0_0_333";if(o.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.appendChild(document.createTextNode(n))}(".command {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n.command.backward {\n  flex-direction: row-reverse;\n}\n.icon {\n  color: var(--icon-color);\n  width: 15.5px;\n  height: 15.5px;\n}\n.icon.disabled {\n  color: var(--disabled-text-color);\n}\n.icon.colorOnPrimaryColor {\n  color: var(--text-color-on-primary);\n}\n.icon.colorOnInvertedBackground {\n  color: var(--text-color-on-inverted);\n}");export{n as default};
+var n={command:"command",backward:"backward",icon:"icon",disabled:"disabled",colorOnPrimaryColor:"colorOnPrimaryColor",colorOnInvertedBackground:"colorOnInvertedBackground"};!function(n){if("undefined"==typeof document)return;const o=document.head||document.getElementsByTagName("head")[0],e="s_id-bbdf617a3c1e_0_0_334";if(o.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.appendChild(document.createTextNode(n))}(".command {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n.command.backward {\n  flex-direction: row-reverse;\n}\n.icon {\n  color: var(--icon-color);\n  width: 15.5px;\n  height: 15.5px;\n}\n.icon.disabled {\n  color: var(--disabled-text-color);\n}\n.icon.colorOnPrimaryColor {\n  color: var(--text-color-on-primary);\n}\n.icon.colorOnInvertedBackground {\n  color: var(--text-color-on-inverted);\n}");export{n as default};
 //# sourceMappingURL=StepsCommand.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Steps/StepsDot.module.scss.js

@@ -1,2 +1,2 @@
-var o={dot:"dot","focus-visible":"focus-visible",isActive:"isActive",colorOnPrimaryColor:"colorOnPrimaryColor",colorOnInvertedBackground:"colorOnInvertedBackground"};!function(o){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],r="s_id-fa7ef6a46b42_0_0_333";if(n.querySelector("#"+r))return;const i=document.createElement("style");i.id=r,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(o))}(".dot {\n  border: none;\n  margin: 0;\n  padding: 0;\n  width: auto;\n  overflow: visible;\n  background: transparent;\n  /* inherit font & color from ancestor */\n  color: inherit;\n  font: inherit;\n  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */\n  line-height: normal;\n  /* Corrects font smoothing for webkit */\n  -webkit-font-smoothing: inherit;\n  -moz-osx-font-smoothing: inherit;\n  /* Corrects inability to style clickable `input` types in iOS */\n  appearance: none;\n  width: 6px;\n  height: 6px;\n  cursor: pointer;\n  border-radius: 50%;\n  background: var(--ui-border-color);\n  transform-origin: center;\n  transform: scale(1);\n  transition: transform var(--motion-productive-long) var(--motion-timing-transition), background var(--motion-productive-long) var(--motion-timing-transition);\n}\n.dot:focus-visible, .dot.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.dot:focus:not(.focus-visible) {\n  outline: none;\n}\n.dot:focus-visible, .dot.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.dot:focus:not(.focus-visible) {\n  outline: none;\n}\n.dot:hover {\n  transform: scale(1.3);\n}\n.isActive {\n  background: var(--primary-color);\n  transform: scale(1.3);\n}\n.colorOnPrimaryColor.dot {\n  background: var(--primary-hover-color);\n}\n.colorOnPrimaryColor.dot:focus-visible, .colorOnPrimaryColor.dot.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.colorOnPrimaryColor.dot:focus:not(.focus-visible) {\n  outline: none;\n}\n.colorOnPrimaryColor.dot.isActive {\n  background: var(--text-color-on-primary);\n}\n.colorOnInvertedBackground.dot {\n  background: var(--placeholder-color);\n}\n.colorOnInvertedBackground.dot.isActive {\n  background: var(--text-color-on-inverted);\n}");export{o as default};
+var o={dot:"dot","focus-visible":"focus-visible",isActive:"isActive",colorOnPrimaryColor:"colorOnPrimaryColor",colorOnInvertedBackground:"colorOnInvertedBackground"};!function(o){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],r="s_id-fa7ef6a46b42_0_0_334";if(n.querySelector("#"+r))return;const i=document.createElement("style");i.id=r,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(o))}(".dot {\n  border: none;\n  margin: 0;\n  padding: 0;\n  width: auto;\n  overflow: visible;\n  background: transparent;\n  /* inherit font & color from ancestor */\n  color: inherit;\n  font: inherit;\n  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */\n  line-height: normal;\n  /* Corrects font smoothing for webkit */\n  -webkit-font-smoothing: inherit;\n  -moz-osx-font-smoothing: inherit;\n  /* Corrects inability to style clickable `input` types in iOS */\n  appearance: none;\n  width: 6px;\n  height: 6px;\n  cursor: pointer;\n  border-radius: 50%;\n  background: var(--ui-border-color);\n  transform-origin: center;\n  transform: scale(1);\n  transition: transform var(--motion-productive-long) var(--motion-timing-transition), background var(--motion-productive-long) var(--motion-timing-transition);\n}\n.dot:focus-visible, .dot.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.dot:focus:not(.focus-visible) {\n  outline: none;\n}\n.dot:focus-visible, .dot.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.dot:focus:not(.focus-visible) {\n  outline: none;\n}\n.dot:hover {\n  transform: scale(1.3);\n}\n.isActive {\n  background: var(--primary-color);\n  transform: scale(1.3);\n}\n.colorOnPrimaryColor.dot {\n  background: var(--primary-hover-color);\n}\n.colorOnPrimaryColor.dot:focus-visible, .colorOnPrimaryColor.dot.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.colorOnPrimaryColor.dot:focus:not(.focus-visible) {\n  outline: none;\n}\n.colorOnPrimaryColor.dot.isActive {\n  background: var(--text-color-on-primary);\n}\n.colorOnInvertedBackground.dot {\n  background: var(--placeholder-color);\n}\n.colorOnInvertedBackground.dot.isActive {\n  background: var(--text-color-on-inverted);\n}");export{o as default};
 //# sourceMappingURL=StepsDot.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Steps/StepsGalleryHeader.module.scss.js

@@ -1,2 +1,2 @@
-var e={galleryHeader:"galleryHeader",galleryHeaderDot:"galleryHeaderDot"};!function(e){if("undefined"==typeof document)return;const a=document.head||document.getElementsByTagName("head")[0],r="s_id-62748f4c4e74_0_0_333";if(a.querySelector("#"+r))return;const l=document.createElement("style");l.id=r,a.firstChild?a.insertBefore(l,a.firstChild):a.appendChild(l),l.appendChild(document.createTextNode(e))}(".galleryHeader {\n  margin: 0 var(--spacing-small);\n  display: flex;\n  align-items: center;\n}\n.galleryHeader .galleryHeaderDot {\n  margin-right: var(--spacing-small);\n}\n.galleryHeader .galleryHeaderDot:last-child {\n  margin-right: 0;\n}");export{e as default};
+var e={galleryHeader:"galleryHeader",galleryHeaderDot:"galleryHeaderDot"};!function(e){if("undefined"==typeof document)return;const a=document.head||document.getElementsByTagName("head")[0],r="s_id-62748f4c4e74_0_0_334";if(a.querySelector("#"+r))return;const l=document.createElement("style");l.id=r,a.firstChild?a.insertBefore(l,a.firstChild):a.appendChild(l),l.appendChild(document.createTextNode(e))}(".galleryHeader {\n  margin: 0 var(--spacing-small);\n  display: flex;\n  align-items: center;\n}\n.galleryHeader .galleryHeaderDot {\n  margin-right: var(--spacing-small);\n}\n.galleryHeader .galleryHeaderDot:last-child {\n  margin-right: 0;\n}");export{e as default};
 //# sourceMappingURL=StepsGalleryHeader.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Steps/StepsHeader.module.scss.js

@@ -1,2 +1,2 @@
-var e={header:"header"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-918f12c2f9aa_0_0_333";if(t.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}(".header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--spacing-small);\n}");export{e as default};
+var e={header:"header"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-918f12c2f9aa_0_0_334";if(t.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}(".header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=StepsHeader.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Steps/StepsNumbersHeader.module.scss.js

@@ -1,2 +1,2 @@
-var e={numbers:"numbers"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-126f9ab60838_0_0_333";if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}(".numbers {\n  margin: 0 var(--spacing-small);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}");export{e as default};
+var e={numbers:"numbers"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-126f9ab60838_0_0_334";if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}(".numbers {\n  margin: 0 var(--spacing-small);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}");export{e as default};
 //# sourceMappingURL=StepsNumbersHeader.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Switch/Switch.module.scss.js

@@ -1,2 +1,2 @@
-var e={"hidden-switch":"hidden-switch"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-aa3ebc66fa48_0_0_333";if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}(".hidden-switch {\n  opacity: 0;\n  width: 0;\n  height: 0;\n  position: absolute;\n}");export{e as default};
+var e={"hidden-switch":"hidden-switch"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-aa3ebc66fa48_0_0_334";if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}(".hidden-switch {\n  opacity: 0;\n  width: 0;\n  height: 0;\n  position: absolute;\n}");export{e as default};
 //# sourceMappingURL=Switch.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Table/TableHeader.module.scss.js

@@ -1,2 +1,2 @@
-var e={stickyHeader:"stickyHeader",filterButtonContainer:"filterButtonContainer",filterBox:"filterBox"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-a8ffc4edd72d_0_0_333";if(n.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}(".stickyHeader {\n  background-color: var(--surface-level-100);\n  position: sticky;\n  top: 0;\n  z-index: 1;\n}\n\n.filterButtonContainer {\n  position: relative;\n}\n\n.filterBox {\n  min-width: 250px;\n  z-index: 2;\n  position: absolute;\n  margin: 6px 0px 0px 0px;\n  display: flex;\n  gap: 5px;\n}");export{e as default};
+var e={stickyHeader:"stickyHeader",filterButtonContainer:"filterButtonContainer",filterBox:"filterBox"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-a8ffc4edd72d_0_0_334";if(n.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}(".stickyHeader {\n  background-color: var(--surface-level-100);\n  position: sticky;\n  top: 0;\n  z-index: 1;\n}\n\n.filterButtonContainer {\n  position: relative;\n}\n\n.filterBox {\n  min-width: 250px;\n  z-index: 2;\n  position: absolute;\n  margin: 6px 0px 0px 0px;\n  display: flex;\n  gap: 5px;\n}");export{e as default};
 //# sourceMappingURL=TableHeader.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Table/styling/column-filter.scss.js

@@ -1,2 +1,2 @@
-var e="";!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],d="s_id-e8f0641a7377_0_0_333";if(t.querySelector("#"+d))return;const n=document.createElement("style");n.id=d,t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.appendChild(document.createTextNode(e))}("");export{e as default};
+var e="";!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],d="s_id-e8f0641a7377_0_0_334";if(t.querySelector("#"+d))return;const n=document.createElement("style");n.id=d,t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.appendChild(document.createTextNode(e))}("");export{e as default};
 //# sourceMappingURL=column-filter.scss.js.map

package/dist/mocked_classnames_esm/src/components/Table/styling/paginator.scss.js

@@ -1,2 +1,2 @@
-var e=".dropdown-button {\n  display: flex;\n  align-items: center;\n}\n\n.menu-item {\n  width: 100px;\n}";!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-d1810b65a4d8_0_0_333";if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}(e);export{e as default};
+var e=".dropdown-button {\n  display: flex;\n  align-items: center;\n}\n\n.menu-item {\n  width: 100px;\n}";!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-d1810b65a4d8_0_0_334";if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}(e);export{e as default};
 //# sourceMappingURL=paginator.scss.js.map

package/dist/mocked_classnames_esm/src/components/Table/styling/table_base.scss.js

@@ -1,2 +1,2 @@
-var r=":where(body.iui-root) {\n  margin: 0;\n}\n\n:where(body.iui-root, .iui-root.iui-root-background) {\n  background-color: var(--surface-level-200);\n}\n\n:where(.iui-root, .iui-root *) {\n  scrollbar-color: hsl(var(--surface-level-200)/var(--iui-opacity-4)) transparent;\n  scrollbar-width: thin;\n}\n\n:where(.iui-root, .iui-root *)::-webkit-scrollbar {\n  max-inline-size: var(--spacing-xs);\n  max-block-size: var(--spacing-xs);\n}\n\n:where(.iui-root, .iui-root *)::-webkit-scrollbar-thumb {\n  background-color: hsl(var(--surface-level-200)/var(--iui-opacity-4));\n  border-radius: var(--spacing-xs);\n}\n\n:where(.iui-root, .iui-root *)::-webkit-scrollbar-thumb:hover {\n  background-color: hsl(var(--surface-level-200)/var(--iui-opacity-3));\n}\n\n:where(.iui-root, .iui-root *)::-webkit-scrollbar-track, :where(.iui-root, .iui-root *)::-webkit-scrollbar-corner {\n  background-color: transparent;\n}\n\n:where(.iui-root, .iui-root *), :where(.iui-root, .iui-root *)::before, :where(.iui-root, .iui-root *)::after {\n  box-sizing: border-box;\n}\n\n:where(.iui-root, .iui-root *):where(:focus-visible) {\n  outline: 2px solid var(--divider-secondary);\n}";!function(r){if("undefined"==typeof document)return;const o=document.head||document.getElementsByTagName("head")[0],e="s_id-c9aa0678e25f_0_0_333";if(o.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,o.firstChild?o.insertBefore(i,o.firstChild):o.appendChild(i),i.appendChild(document.createTextNode(r))}(r);export{r as default};
+var r=":where(body.iui-root) {\n  margin: 0;\n}\n\n:where(body.iui-root, .iui-root.iui-root-background) {\n  background-color: var(--surface-level-200);\n}\n\n:where(.iui-root, .iui-root *) {\n  scrollbar-color: hsl(var(--surface-level-200)/var(--iui-opacity-4)) transparent;\n  scrollbar-width: thin;\n}\n\n:where(.iui-root, .iui-root *)::-webkit-scrollbar {\n  max-inline-size: var(--spacing-xs);\n  max-block-size: var(--spacing-xs);\n}\n\n:where(.iui-root, .iui-root *)::-webkit-scrollbar-thumb {\n  background-color: hsl(var(--surface-level-200)/var(--iui-opacity-4));\n  border-radius: var(--spacing-xs);\n}\n\n:where(.iui-root, .iui-root *)::-webkit-scrollbar-thumb:hover {\n  background-color: hsl(var(--surface-level-200)/var(--iui-opacity-3));\n}\n\n:where(.iui-root, .iui-root *)::-webkit-scrollbar-track, :where(.iui-root, .iui-root *)::-webkit-scrollbar-corner {\n  background-color: transparent;\n}\n\n:where(.iui-root, .iui-root *), :where(.iui-root, .iui-root *)::before, :where(.iui-root, .iui-root *)::after {\n  box-sizing: border-box;\n}\n\n:where(.iui-root, .iui-root *):where(:focus-visible) {\n  outline: 2px solid var(--divider-secondary);\n}";!function(r){if("undefined"==typeof document)return;const o=document.head||document.getElementsByTagName("head")[0],e="s_id-c9aa0678e25f_0_0_334";if(o.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,o.firstChild?o.insertBefore(i,o.firstChild):o.appendChild(i),i.appendChild(document.createTextNode(r))}(r);export{r as default};
 //# sourceMappingURL=table_base.scss.js.map