@heliux-org/design-system-core 0.0.185 → 0.0.188

package/dist/mocked_classnames_esm/src/components/NewTable/components/useLeafyGreenTable/useLeafyGreenTable.module.scss.js

@@ -1,2 +1,2 @@
-var e={themeLight:"themeLight",disabledTableRowCheck:"disabledTableRowCheck"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],d="s_id-b8a2afee86bd_0_0_184";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))}(".themeLight .disabledTableRowCheck input + div {\n  border-color: #E6E6E6;\n  background-color: #D3D3D3;\n}\n.themeLight .disabledTableRowCheck input[aria-checked=true] + div:before {\n  background-color: #E6E6E6;\n}\n.themeLight .disabledTableRowCheck input[aria-checked=true] + div path {\n  stroke: #FFFFFF;\n}");export{e as default};
+var e={themeLight:"themeLight",disabledTableRowCheck:"disabledTableRowCheck"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],d="s_id-b8a2afee86bd_0_0_187";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))}(".themeLight .disabledTableRowCheck input + div {\n  border-color: #E6E6E6;\n  background-color: #D3D3D3;\n}\n.themeLight .disabledTableRowCheck input[aria-checked=true] + div:before {\n  background-color: #E6E6E6;\n}\n.themeLight .disabledTableRowCheck input[aria-checked=true] + div path {\n  stroke: #FFFFFF;\n}");export{e as default};
 //# sourceMappingURL=useLeafyGreenTable.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={hdsNumericField:"hdsNumericField",hdsNumericFieldLabel:"hdsNumericFieldLabel",hdsNumericFieldContainer:"hdsNumericFieldContainer",hdsNumericFieldInputWrapper:"hdsNumericFieldInputWrapper",hdsNumericFieldInput:"hdsNumericFieldInput",hdsNumericFieldArrows:"hdsNumericFieldArrows",hdsNumericFieldHint:"hdsNumericFieldHint",hdsNumericFieldErrorMessage:"hdsNumericFieldErrorMessage",focus:"focus",disabled:"disabled",hdsHasContent:"hdsHasContent",hdsHasError:"hdsHasError",labelPositionLeftStyle:"labelPositionLeftStyle",hintOrErrorMessage:"hintOrErrorMessage"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],r="s_id-b0b9f8e1c6b4_0_0_184";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(e))}(".hdsNumericField {\n  width: 100%;\n}\n\n.hdsNumericFieldLabel {\n  color: var(--text-primary);\n  margin-bottom: 5px;\n  margin-top: 6px;\n}\n\n.hdsNumericFieldContainer {\n  display: flex;\n  width: 100%;\n  align-items: center;\n  align-self: stretch;\n  background-color: var(--surface-level-200);\n  border: 1px solid;\n  border-color: var(--divider-overlay);\n  border-radius: var(--border-radius-medium);\n  transition: all var(--motion-productive-medium) ease 0ms;\n}\n\n.hdsNumericFieldContainer:hover {\n  box-shadow: var(--effect-divider-halo);\n  border-color: var(--divider-selected);\n}\n\n.hdsNumericFieldInputWrapper {\n  display: flex;\n  flex-grow: 1;\n}\n\n.hdsNumericFieldInput {\n  background-color: transparent;\n  border: none;\n  margin: 0;\n  outline: none;\n  width: 100%;\n  color: var(--text-secondary);\n  appearance: textfield;\n}\n\n.hdsNumericFieldInput::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n}\n\n.hdsNumericFieldArrows {\n  display: flex;\n  flex-direction: column;\n}\n\n.hdsNumericFieldArrows button {\n  margin: 0;\n  border: 0;\n  padding: 0 5px;\n  background: transparent;\n}\n\n.hdsNumericFieldArrows button path {\n  fill: var(--text-secondary);\n}\n\n.hdsNumericFieldHint {\n  font-size: 12px;\n  color: var(--text-secondary);\n  display: flex;\n  flex-direction: column;\n  align-self: stretch;\n}\n\n.hdsNumericFieldErrorMessage {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-self: stretch;\n  color: var(--color-solar-flare-500);\n}\n\n.focus {\n  border-color: var(--divider-primary);\n}\n\n.disabled {\n  cursor: not-allowed;\n}\n\n.hdsHasContent {\n  color: var(--text-primary);\n}\n\n.hdsHasError {\n  border-color: red;\n}\n\n.labelPositionLeftStyle {\n  margin-bottom: 15px;\n  margin-right: 10px;\n  align-content: center;\n}\n\n.hintOrErrorMessage {\n  margin-top: 0px;\n}");export{e as default};
+var e={hdsNumericField:"hdsNumericField",hdsNumericFieldLabel:"hdsNumericFieldLabel",hdsNumericFieldContainer:"hdsNumericFieldContainer",hdsNumericFieldInputWrapper:"hdsNumericFieldInputWrapper",hdsNumericFieldInput:"hdsNumericFieldInput",hdsNumericFieldArrows:"hdsNumericFieldArrows",hdsNumericFieldHint:"hdsNumericFieldHint",hdsNumericFieldErrorMessage:"hdsNumericFieldErrorMessage",focus:"focus",disabled:"disabled",hdsHasContent:"hdsHasContent",hdsHasError:"hdsHasError",labelPositionLeftStyle:"labelPositionLeftStyle",hintOrErrorMessage:"hintOrErrorMessage"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],r="s_id-b0b9f8e1c6b4_0_0_187";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(e))}(".hdsNumericField {\n  width: 100%;\n}\n\n.hdsNumericFieldLabel {\n  color: var(--text-primary);\n  margin-bottom: 5px;\n  margin-top: 6px;\n}\n\n.hdsNumericFieldContainer {\n  display: flex;\n  width: 100%;\n  align-items: center;\n  align-self: stretch;\n  background-color: var(--surface-level-200);\n  border: 1px solid;\n  border-color: var(--divider-overlay);\n  border-radius: var(--border-radius-medium);\n  transition: all var(--motion-productive-medium) ease 0ms;\n}\n\n.hdsNumericFieldContainer:hover {\n  box-shadow: var(--effect-divider-halo);\n  border-color: var(--divider-selected);\n}\n\n.hdsNumericFieldInputWrapper {\n  display: flex;\n  flex-grow: 1;\n}\n\n.hdsNumericFieldInput {\n  background-color: transparent;\n  border: none;\n  margin: 0;\n  outline: none;\n  width: 100%;\n  color: var(--text-secondary);\n  appearance: textfield;\n}\n\n.hdsNumericFieldInput::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n}\n\n.hdsNumericFieldArrows {\n  display: flex;\n  flex-direction: column;\n}\n\n.hdsNumericFieldArrows button {\n  margin: 0;\n  border: 0;\n  padding: 0 5px;\n  background: transparent;\n}\n\n.hdsNumericFieldArrows button path {\n  fill: var(--text-secondary);\n}\n\n.hdsNumericFieldHint {\n  font-size: 12px;\n  color: var(--text-secondary);\n  display: flex;\n  flex-direction: column;\n  align-self: stretch;\n}\n\n.hdsNumericFieldErrorMessage {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-self: stretch;\n  color: var(--color-solar-flare-500);\n}\n\n.focus {\n  border-color: var(--divider-primary);\n}\n\n.disabled {\n  cursor: not-allowed;\n}\n\n.hdsHasContent {\n  color: var(--text-primary);\n}\n\n.hdsHasError {\n  border-color: red;\n}\n\n.labelPositionLeftStyle {\n  margin-bottom: 15px;\n  margin-right: 10px;\n  align-content: center;\n}\n\n.hintOrErrorMessage {\n  margin-top: 0px;\n}");export{e as default};
 //# sourceMappingURL=NumericField.module.scss.js.map

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

@@ -1,2 +1,2 @@
-import{slicedToArray as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as t,jsx as s}from"@emotion/react/jsx-runtime";import i from"classnames";import{useState as r}from"react";import{camelCase as a}from"lodash-es";import{getStyle as o}from"../../helpers/typesciptCssModulesHelper.js";import{PageHeaderType as n}from"./PageHeaderConstants.js";import{getTestId as l,ComponentDefaultTestId as c}from"../../tests/testIds.js";import{backwardCompatibilityForProperties as d}from"../../helpers/backwardCompatibilityForProperties.js";import m from"../Divider/Divider.js";import p from"../Flex/Flex.js";import g from"../Tabs/TabList/TabList.js";import j from"../Heading/Heading.js";import{Container as f}from"react-grid-system";import{withStaticProps as h}from"../../types/withStaticProps.js";import y from"./PageHeader.module.scss.js";import b from"../Text/Text.js";import u from"../InlineEdit/InlineEdit.js";import T from"../Icon/Icons/components/Information.js";import{TypographyColor as O}from"../Typography/TypographyConstants.js";import v from"../IconButton/IconButton.js";var H=h((function n(h){var H=h.type,N=void 0===H?n.types.PRIMARY:H,P=h.componentClassName,I=h.className,L=h.title,A=h.secondaryTitle,D=void 0===A?"":A,w=h.description,x=void 0===w?"":w,C=h.id,B=h["data-testid"],E=h.editableTitle,R=void 0!==E&&E,S=h.divider,M=void 0!==S&&S,k=h.tabs,F=void 0===k?[]:k,Y=h.linkTabs,_=void 0===Y?[]:Y,X=h.buttons,z=void 0===X?[]:X,V=h.breadcrumb,q=r(L),G=e(q,2),J=G[0],K=G[1],Q=d([I,P]);return t("aside",Object.assign({className:i(y.PageHeader,o(y,a("type-".concat(N))),Q),role:"alert","data-testid":B||l(c.ATTENTION_BOX,C)},{children:[t(f,Object.assign({"className-":y.PageHeader},{children:[s(p,{children:V}),t(p,Object.assign({gap:5},{children:[D&&s(j,Object.assign({type:j.types.H3,weight:j.weights.BOLD,color:O.SECONDARY,className:y.PageHeaderTitle},{children:D})),R?s(u,Object.assign({defaultValue:J,"aria-label":"edit value",onConfirm:K},{children:s(j,Object.assign({type:j.types.H3,weight:j.weights.BOLD,className:y.PageHeaderTitle},{children:J}))})):s(j,Object.assign({type:j.types.H3,weight:j.weights.BOLD,className:y.PageHeaderTitle},{children:L}))]})),t(p,Object.assign({gap:2},{children:[s(b,Object.assign({type:b.types.TEXT1,color:b.colors.SECONDARY},{children:x})),x?s(v,{icon:T,size:"xs",style:{color:"darkgrey"},ariaLabel:x}):""]})),s(p,Object.assign({justify:p.justify.START,gap:p.gaps.SMALL,style:{marginTop:"5px"}},{children:z&&z.map((function(e,t){return e}))})),0!==F.length&&s(p,{children:s(g,Object.assign({divider:!1,className:y.PageHeaderTabs},{children:F.map((function(e,t){return e}))}))}),0!==_.length&&s("div",Object.assign({className:y.PageHeaderRightActions},{children:s(p,Object.assign({justify:p.justify.END,gap:p.gaps.SMALL},{children:_.map((function(e,t){return e}))}))}))]})),M?s(m,{className:y.PageHeaderDivider}):s("div",{})]}))}),{types:n});export{H as default};
+import{slicedToArray as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as t,jsx as i}from"@emotion/react/jsx-runtime";import s from"classnames";import{useState as r}from"react";import{camelCase as a}from"lodash-es";import{getStyle as o}from"../../helpers/typesciptCssModulesHelper.js";import{PageHeaderType as n}from"./PageHeaderConstants.js";import{getTestId as l,ComponentDefaultTestId as d}from"../../tests/testIds.js";import{backwardCompatibilityForProperties as m}from"../../helpers/backwardCompatibilityForProperties.js";import c from"../Divider/Divider.js";import p from"../Flex/Flex.js";import g from"../Tabs/TabList/TabList.js";import j from"../Heading/Heading.js";import{GridContainer as f}from"../GridSystem/GridSystem.js";import{withStaticProps as h}from"../../types/withStaticProps.js";import y from"./PageHeader.module.scss.js";import b from"../Text/Text.js";import u from"../InlineEdit/InlineEdit.js";import T from"../Icon/Icons/components/Information.js";import{TypographyColor as O}from"../Typography/TypographyConstants.js";import v from"../IconButton/IconButton.js";var H=h((function n(h){var H=h.type,N=void 0===H?n.types.PRIMARY:H,P=h.componentClassName,I=h.className,L=h.title,A=h.secondaryTitle,D=void 0===A?"":A,w=h.description,x=void 0===w?"":w,C=h.id,S=h["data-testid"],B=h.editableTitle,E=void 0!==B&&B,R=h.divider,M=void 0!==R&&R,k=h.tabs,F=void 0===k?[]:k,Y=h.linkTabs,_=void 0===Y?[]:Y,G=h.buttons,X=void 0===G?[]:G,z=h.breadcrumb,V=r(L),W=e(V,2),q=W[0],J=W[1],K=m([I,P]);return t("aside",Object.assign({className:s(y.PageHeader,o(y,a("type-".concat(N))),K),role:"alert","data-testid":S||l(d.ATTENTION_BOX,C)},{children:[t(f,Object.assign({fullWidth:!0,margin:8,"className-":y.PageHeader},{children:[i(p,{children:z}),t(p,Object.assign({gap:5},{children:[D&&i(j,Object.assign({type:j.types.H3,weight:j.weights.BOLD,color:O.SECONDARY,className:y.PageHeaderTitle},{children:D})),E?i(u,Object.assign({defaultValue:q,"aria-label":"edit value",onConfirm:J},{children:i(j,Object.assign({type:j.types.H3,weight:j.weights.BOLD,className:y.PageHeaderTitle},{children:q}))})):i(j,Object.assign({type:j.types.H3,weight:j.weights.BOLD,className:y.PageHeaderTitle},{children:L}))]})),t(p,Object.assign({gap:2},{children:[i(b,Object.assign({type:b.types.TEXT1,color:b.colors.SECONDARY},{children:x})),x?i(v,{icon:T,size:"xs",style:{color:"darkgrey"},ariaLabel:x}):""]})),i(p,Object.assign({justify:p.justify.START,gap:p.gaps.SMALL,style:{marginTop:"5px"}},{children:X&&X.map((function(e,t){return e}))})),0!==F.length&&i(p,{children:i(g,Object.assign({divider:!1,className:y.PageHeaderTabs},{children:F.map((function(e,t){return e}))}))}),0!==_.length&&i("div",Object.assign({className:y.PageHeaderRightActions},{children:i(p,Object.assign({justify:p.justify.END,gap:p.gaps.SMALL},{children:_.map((function(e,t){return e}))}))}))]})),M?i(c,{className:y.PageHeaderDivider}):i("div",{})]}))}),{types:n});export{H as default};
 //# sourceMappingURL=PageHeader.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PageHeader.js","sources":["../../../../../src/components/PageHeader/PageHeader.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { useState } from \"react\";\nimport { camelCase } from \"lodash-es\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\n\nimport { PageHeaderType } from \"./PageHeaderConstants\";\n\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { backwardCompatibilityForProperties } from \"../../helpers/backwardCompatibilityForProperties\";\n\nimport Divider from \"../Divider/Divider\";\nimport Flex from \"../Flex/Flex\";\nimport TabList from \"../Tabs/TabList/TabList\";\nimport Heading from \"../Heading/Heading\";\n\nimport { Container, Row, Col } from \"react-grid-system\";\n\nimport { VibeComponentProps, withStaticProps } from \"../../types\";\n\nimport styles from \"./PageHeader.module.scss\";\nimport Text from \"../Text/Text\";\nimport InlineEdit from \"../InlineEdit/InlineEdit\";\nimport Icon from \"../Icon/Icon\";\nimport Infomation from \"../Icon/Icons/components/Information\";\nimport { TypographyColor } from \"../Typography/TypographyConstants\";\nimport IconButton from \"../IconButton/IconButton\";\n\nexport interface TabProps {\n\tlabel: string;\n\tdisabled?: boolean;\n}\n\nexport interface LinkTabProps {\n\tlabel: string;\n\tlink: string;\n}\n\nexport interface ButtonProps {\n\tlabel: string;\n\tonClick?: () => void;\n\tkind?: string;\n\tsize?: string;\n}\nexport interface PageHeaderProps extends VibeComponentProps {\n\t/** we support 2 types of page headers */\n\ttype?: PageHeaderType;\n\tcomponentClassName?: string;\n\n\ttitle?: string;\n\tsecondaryTitle?: string;\n\teditableTitle?: boolean;\n\tdivider?: boolean;\n\tdescription?: string;\n\tlinkTabs?: React.ReactNode[];\n\tbuttons?: React.ReactNode[];\n\ttabs?: React.ReactNode[];\n\tbreadcrumb?: React.ReactNode;\n}\n\nconst PageHeader: React.FC<PageHeaderProps> & {\n\ttypes?: typeof PageHeaderType;\n} = ({\n\ttype = PageHeader.types.PRIMARY,\n\tcomponentClassName,\n\tclassName,\n\ttitle,\n\tsecondaryTitle = \"\",\n\tdescription = \"\",\n\tid,\n\t\"data-testid\": dataTestId,\n\teditableTitle = false,\n\tdivider = false,\n\ttabs = [],\n\tlinkTabs = [],\n\tbuttons = [],\n\tbreadcrumb,\n}) => {\n\t[type];\n\n\tconst [editValue, setEditValue] = useState(title);\n\tconst overrideClassName = backwardCompatibilityForProperties([\n\t\tclassName,\n\t\tcomponentClassName,\n\t]);\n\n\treturn (\n\t\t<aside\n\t\t\tclassName={cx(\n\t\t\t\tstyles.PageHeader,\n\t\t\t\tgetStyle(styles, camelCase(`type-${type}`)),\n\t\t\t\toverrideClassName\n\t\t\t)}\n\t\t\trole=\"alert\"\n\t\t\tdata-testid={\n\t\t\t\tdataTestId ||\n\t\t\t\tgetTestId(ComponentDefaultTestId.ATTENTION_BOX, id)\n\t\t\t}\n\t\t>\n\t\t\t<Container className-={styles.PageHeader}>\n\t\t\t\t<Flex>{breadcrumb}</Flex>\n\t\t\t\t<Flex gap={5}>\n\t\t\t\t\t{secondaryTitle && (\n\t\t\t\t\t\t<Heading\n\t\t\t\t\t\t\ttype={Heading.types.H3}\n\t\t\t\t\t\t\tweight={Heading.weights.BOLD}\n\t\t\t\t\t\t\tcolor={TypographyColor.SECONDARY}\n\t\t\t\t\t\t\tclassName={styles.PageHeaderTitle}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{secondaryTitle}\n\t\t\t\t\t\t</Heading>\n\t\t\t\t\t)}\n\t\t\t\t\t{editableTitle ? (\n\t\t\t\t\t\t<InlineEdit\n\t\t\t\t\t\t\tdefaultValue={editValue}\n\t\t\t\t\t\t\taria-label=\"edit value\"\n\t\t\t\t\t\t\tonConfirm={setEditValue}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Heading\n\t\t\t\t\t\t\t\ttype={Heading.types.H3}\n\t\t\t\t\t\t\t\tweight={Heading.weights.BOLD}\n\t\t\t\t\t\t\t\tclassName={styles.PageHeaderTitle}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{editValue}\n\t\t\t\t\t\t\t</Heading>\n\t\t\t\t\t\t</InlineEdit>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<Heading\n\t\t\t\t\t\t\ttype={Heading.types.H3}\n\t\t\t\t\t\t\tweight={Heading.weights.BOLD}\n\t\t\t\t\t\t\tclassName={styles.PageHeaderTitle}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{title}\n\t\t\t\t\t\t</Heading>\n\t\t\t\t\t)}\n\t\t\t\t</Flex>\n\t\t\t\t<Flex gap={2}>\n\t\t\t\t\t<Text type={Text.types.TEXT1} color={Text.colors.SECONDARY}>\n\t\t\t\t\t\t{description}\n\t\t\t\t\t</Text>\n\t\t\t\t\t{description ? (\n\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\ticon={Infomation}\n\t\t\t\t\t\t\tsize=\"xs\"\n\t\t\t\t\t\t\tstyle={{ color: \"darkgrey\" }}\n\t\t\t\t\t\t\tariaLabel={description}\n\t\t\t\t\t\t/>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t\"\"\n\t\t\t\t\t)}\n\t\t\t\t</Flex>\n\t\t\t\t<Flex\n\t\t\t\t\tjustify={Flex.justify.START}\n\t\t\t\t\tgap={Flex.gaps.SMALL}\n\t\t\t\t\tstyle={{ marginTop: \"5px\" }}\n\t\t\t\t>\n\t\t\t\t\t{buttons && buttons.map((button, index) => button)}\n\t\t\t\t</Flex>\n\t\t\t\t{tabs.length !== 0 && (\n\t\t\t\t\t<Flex>\n\t\t\t\t\t\t{/* @ts-ignore */}\n\t\t\t\t\t\t<TabList\n\t\t\t\t\t\t\tdivider={false}\n\t\t\t\t\t\t\tclassName={styles.PageHeaderTabs}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{tabs.map((tab, index) => tab)}\n\t\t\t\t\t\t</TabList>\n\t\t\t\t\t</Flex>\n\t\t\t\t)}\n\t\t\t\t{linkTabs.length !== 0 && (\n\t\t\t\t\t<div className={styles.PageHeaderRightActions}>\n\t\t\t\t\t\t<Flex justify={Flex.justify.END} gap={Flex.gaps.SMALL}>\n\t\t\t\t\t\t\t{linkTabs.map((linkTab, index) => linkTab)}\n\t\t\t\t\t\t</Flex>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</Container>\n\t\t\t{divider ? (\n\t\t\t\t<Divider className={styles.PageHeaderDivider} />\n\t\t\t) : (\n\t\t\t\t<div></div>\n\t\t\t)}\n\t\t</aside>\n\t);\n};\n\nexport default withStaticProps(PageHeader, {\n\ttypes: PageHeaderType,\n});\n"],"names":["withStaticProps","PageHeader","_ref","_ref$type","type","types","PRIMARY","componentClassName","className","title","_ref$secondaryTitle","secondaryTitle","_ref$description","description","id","dataTestId","_ref$editableTitle","editableTitle","_ref$divider","divider","_ref$tabs","tabs","_ref$linkTabs","linkTabs","_ref$buttons","buttons","breadcrumb","_useState","useState","_useState2","_slicedToArray","editValue","setEditValue","overrideClassName","backwardCompatibilityForProperties","_jsxs","Object","assign","cx","styles","getStyle","camelCase","concat","role","getTestId","ComponentDefaultTestId","ATTENTION_BOX","children","Container","_jsx","Flex","gap","Heading","H3","weight","weights","BOLD","color","TypographyColor","SECONDARY","PageHeaderTitle","InlineEdit","defaultValue","onConfirm","Text","TEXT1","colors","IconButton","icon","Infomation","size","style","ariaLabel","justify","START","gaps","SMALL","marginTop","map","button","index","length","TabList","PageHeaderTabs","tab","PageHeaderRightActions","END","linkTab","Divider","PageHeaderDivider","PageHeaderType"],"mappings":"mkCA2DA,IA8HeA,EAAAA,GA5HX,SAFEC,EAAUC,GAiBX,IAAAC,EAAAD,EAdJE,KAAAA,OAAOH,IAAHE,EAAGF,EAAWI,MAAMC,QAAOH,EAC/BI,EAAkBL,EAAlBK,mBACAC,EAASN,EAATM,UACAC,EAAKP,EAALO,MAAKC,EAAAR,EACLS,eAAAA,OAAiB,IAAHD,EAAG,GAAEA,EAAAE,EAAAV,EACnBW,YAAAA,OAAc,IAAHD,EAAG,GAAEA,EAChBE,EAAEZ,EAAFY,GACeC,EAAUb,EAAzB,eAAac,EAAAd,EACbe,cAAAA,OAAgB,IAAHD,GAAQA,EAAAE,EAAAhB,EACrBiB,QAAAA,OAAU,IAAHD,GAAQA,EAAAE,EAAAlB,EACfmB,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EAAAE,EAAApB,EACTqB,SAAAA,OAAW,IAAHD,EAAG,GAAEA,EAAAE,EAAAtB,EACbuB,QAAAA,OAAU,IAAHD,EAAG,GAAEA,EACZE,EAAUxB,EAAVwB,WAIAC,EAAkCC,EAASnB,GAAMoB,EAAAC,EAAAH,EAAA,GAA1CI,EAASF,EAAA,GAAEG,EAAYH,EAAA,GACxBI,EAAoBC,EAAmC,CAC5D1B,EACAD,IAGD,OACC4B,EAAA,QAAAC,OAAAC,OAAA,CACC7B,UAAW8B,EACVC,EAAOtC,WACPuC,EAASD,EAAQE,EAAS,QAAAC,OAAStC,KACnC6B,GAEDU,KAAK,sBAEJ5B,GACA6B,EAAUC,EAAuBC,cAAehC,IAGjD,CAAAiC,SAAA,CAAAZ,EAACa,EAAsBZ,OAAAC,OAAA,CAAA,aAAAE,EAAOtC,YAAU,CAAA8C,SAAA,CACvCE,EAACC,EAAI,CAAAH,SAAErB,IACPS,EAACe,iBAAKC,IAAK,GACT,CAAAJ,SAAA,CAAApC,GACAsC,EAACG,EACAhB,OAAAC,OAAA,CAAAjC,KAAMgD,EAAQ/C,MAAMgD,GACpBC,OAAQF,EAAQG,QAAQC,KACxBC,MAAOC,EAAgBC,UACvBnD,UAAW+B,EAAOqB,2BAEjBjD,KAGFM,EACAgC,EAACY,iBACAC,aAAc/B,EACH,aAAA,aACXgC,UAAW/B,GAEX,CAAAe,SAAAE,EAACG,EACAhB,OAAAC,OAAA,CAAAjC,KAAMgD,EAAQ/C,MAAMgD,GACpBC,OAAQF,EAAQG,QAAQC,KACxBhD,UAAW+B,EAAOqB,2BAEjB7B,QAIHkB,EAACG,EAAOhB,OAAAC,OAAA,CACPjC,KAAMgD,EAAQ/C,MAAMgD,GACpBC,OAAQF,EAAQG,QAAQC,KACxBhD,UAAW+B,EAAOqB,iBAEjB,CAAAb,SAAAtC,SAIJ0B,EAACe,iBAAKC,IAAK,GACV,CAAAJ,SAAA,CAAAE,EAACe,EAAK5B,OAAAC,OAAA,CAAAjC,KAAM4D,EAAK3D,MAAM4D,MAAOR,MAAOO,EAAKE,OAAOP,WAAS,CAAAZ,SACxDlC,KAEDA,EACAoC,EAACkB,EACA,CAAAC,KAAMC,EACNC,KAAK,KACLC,MAAO,CAAEd,MAAO,YAChBe,UAAW3D,IAGZ,OAGFoC,EAACC,EACAd,OAAAC,OAAA,CAAAoC,QAASvB,EAAKuB,QAAQC,MACtBvB,IAAKD,EAAKyB,KAAKC,MACfL,MAAO,CAAEM,UAAW,QAAO,CAAA9B,SAE1BtB,GAAWA,EAAQqD,KAAI,SAACC,EAAQC,GAAK,OAAKD,CAAM,OAEjC,IAAhB1D,EAAK4D,QACLhC,EAACC,EAAI,CAAAH,SAEJE,EAACiC,EAAO9C,OAAAC,OAAA,CACPlB,SAAS,EACTX,UAAW+B,EAAO4C,gBAEjB,CAAApC,SAAA1B,EAAKyD,KAAI,SAACM,EAAKJ,GAAK,OAAKI,CAAG,SAIX,IAApB7D,EAAS0D,QACThC,EAAA,MAAAb,OAAAC,OAAA,CAAK7B,UAAW+B,EAAO8C,wBAAsB,CAAAtC,SAC5CE,EAACC,EAAId,OAAAC,OAAA,CAACoC,QAASvB,EAAKuB,QAAQa,IAAKnC,IAAKD,EAAKyB,KAAKC,OAC9C,CAAA7B,SAAAxB,EAASuD,KAAI,SAACS,EAASP,GAAK,OAAKO,CAAO,cAK5CpE,EACA8B,EAACuC,GAAQhF,UAAW+B,EAAOkD,oBAE3BxC,eAIJ,GAE2C,CAC1C5C,MAAOqF"}
+{"version":3,"file":"PageHeader.js","sources":["../../../../../src/components/PageHeader/PageHeader.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { useState } from \"react\";\nimport { camelCase } from \"lodash-es\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { PageHeaderType } from \"./PageHeaderConstants\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { backwardCompatibilityForProperties } from \"../../helpers/backwardCompatibilityForProperties\";\nimport Divider from \"../Divider/Divider\";\nimport Flex from \"../Flex/Flex\";\nimport TabList from \"../Tabs/TabList/TabList\";\nimport Heading from \"../Heading/Heading\";\nimport { GridContainer } from \"../GridSystem/GridSystem\";\nimport { VibeComponentProps, withStaticProps } from \"../../types\";\nimport styles from \"./PageHeader.module.scss\";\nimport Text from \"../Text/Text\";\nimport InlineEdit from \"../InlineEdit/InlineEdit\";\nimport Icon from \"../Icon/Icon\";\nimport Infomation from \"../Icon/Icons/components/Information\";\nimport { TypographyColor } from \"../Typography/TypographyConstants\";\nimport IconButton from \"../IconButton/IconButton\";\n\nexport interface TabProps {\n\tlabel: string;\n\tdisabled?: boolean;\n}\n\nexport interface LinkTabProps {\n\tlabel: string;\n\tlink: string;\n}\n\nexport interface ButtonProps {\n\tlabel: string;\n\tonClick?: () => void;\n\tkind?: string;\n\tsize?: string;\n}\nexport interface PageHeaderProps extends VibeComponentProps {\n\t/** we support 2 types of page headers */\n\ttype?: PageHeaderType;\n\tcomponentClassName?: string;\n\n\ttitle?: string;\n\tsecondaryTitle?: string;\n\teditableTitle?: boolean;\n\tdivider?: boolean;\n\tdescription?: string;\n\tlinkTabs?: React.ReactNode[];\n\tbuttons?: React.ReactNode[];\n\ttabs?: React.ReactNode[];\n\tbreadcrumb?: React.ReactNode;\n}\n\nconst PageHeader: React.FC<PageHeaderProps> & {\n\ttypes?: typeof PageHeaderType;\n} = ({\n\ttype = PageHeader.types.PRIMARY,\n\tcomponentClassName,\n\tclassName,\n\ttitle,\n\tsecondaryTitle = \"\",\n\tdescription = \"\",\n\tid,\n\t\"data-testid\": dataTestId,\n\teditableTitle = false,\n\tdivider = false,\n\ttabs = [],\n\tlinkTabs = [],\n\tbuttons = [],\n\tbreadcrumb,\n}) => {\n\t[type];\n\n\tconst [editValue, setEditValue] = useState(title);\n\tconst overrideClassName = backwardCompatibilityForProperties([\n\t\tclassName,\n\t\tcomponentClassName,\n\t]);\n\n\treturn (\n\t\t<aside \t\t\t\tclassName={cx(\n\t\t\tstyles.PageHeader,\n\t\t\tgetStyle(styles, camelCase(`type-${type}`)),\n\t\t\toverrideClassName\n\t\t)}\n\t\trole=\"alert\"\n\t\tdata-testid={\n\t\t\tdataTestId ||\n\t\t\tgetTestId(ComponentDefaultTestId.ATTENTION_BOX, id)\n\t\t}\n>\n\t\t\t<GridContainer\n\t\t\t\tfullWidth\n\t\t\t\tmargin={8}\n\t\t\t\tclassName-={styles.PageHeader}\n\t\t\t>\n\t\t\t\t<Flex>{breadcrumb}</Flex>\n\t\t\t\t<Flex gap={5}>\n\t\t\t\t\t{secondaryTitle && (\n\t\t\t\t\t\t<Heading\n\t\t\t\t\t\t\ttype={Heading.types.H3}\n\t\t\t\t\t\t\tweight={Heading.weights.BOLD}\n\t\t\t\t\t\t\tcolor={TypographyColor.SECONDARY}\n\t\t\t\t\t\t\tclassName={styles.PageHeaderTitle}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{secondaryTitle}\n\t\t\t\t\t\t</Heading>\n\t\t\t\t\t)}\n\t\t\t\t\t{editableTitle ? (\n\t\t\t\t\t\t<InlineEdit\n\t\t\t\t\t\t\tdefaultValue={editValue}\n\t\t\t\t\t\t\taria-label=\"edit value\"\n\t\t\t\t\t\t\tonConfirm={setEditValue}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Heading\n\t\t\t\t\t\t\t\ttype={Heading.types.H3}\n\t\t\t\t\t\t\t\tweight={Heading.weights.BOLD}\n\t\t\t\t\t\t\t\tclassName={styles.PageHeaderTitle}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{editValue}\n\t\t\t\t\t\t\t</Heading>\n\t\t\t\t\t\t</InlineEdit>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<Heading\n\t\t\t\t\t\t\ttype={Heading.types.H3}\n\t\t\t\t\t\t\tweight={Heading.weights.BOLD}\n\t\t\t\t\t\t\tclassName={styles.PageHeaderTitle}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{title}\n\t\t\t\t\t\t</Heading>\n\t\t\t\t\t)}\n\t\t\t\t</Flex>\n\t\t\t\t<Flex gap={2}>\n\t\t\t\t\t<Text type={Text.types.TEXT1} color={Text.colors.SECONDARY}>\n\t\t\t\t\t\t{description}\n\t\t\t\t\t</Text>\n\t\t\t\t\t{description ? (\n\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\ticon={Infomation}\n\t\t\t\t\t\t\tsize=\"xs\"\n\t\t\t\t\t\t\tstyle={{ color: \"darkgrey\" }}\n\t\t\t\t\t\t\tariaLabel={description}\n\t\t\t\t\t\t/>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t\"\"\n\t\t\t\t\t)}\n\t\t\t\t</Flex>\n\t\t\t\t<Flex\n\t\t\t\t\tjustify={Flex.justify.START}\n\t\t\t\t\tgap={Flex.gaps.SMALL}\n\t\t\t\t\tstyle={{ marginTop: \"5px\" }}\n\t\t\t\t>\n\t\t\t\t\t{buttons && buttons.map((button, index) => button)}\n\t\t\t\t</Flex>\n\t\t\t\t{tabs.length !== 0 && (\n\t\t\t\t\t<Flex>\n\t\t\t\t\t\t{/* @ts-ignore */}\n\t\t\t\t\t\t<TabList\n\t\t\t\t\t\t\tdivider={false}\n\t\t\t\t\t\t\tclassName={styles.PageHeaderTabs}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{tabs.map((tab, index) => tab)}\n\t\t\t\t\t\t</TabList>\n\t\t\t\t\t</Flex>\n\t\t\t\t)}\n\t\t\t\t{linkTabs.length !== 0 && (\n\t\t\t\t\t<div className={styles.PageHeaderRightActions}>\n\t\t\t\t\t\t<Flex justify={Flex.justify.END} gap={Flex.gaps.SMALL}>\n\t\t\t\t\t\t\t{linkTabs.map((linkTab, index) => linkTab)}\n\t\t\t\t\t\t</Flex>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</GridContainer>\n\t\t\t{divider ? (\n\t\t\t\t<Divider className={styles.PageHeaderDivider} />\n\t\t\t) : (\n\t\t\t\t<div></div>\n\t\t\t)}\n\t\t</aside>\n\t);\n};\n\nexport default withStaticProps(PageHeader, {\n\ttypes: PageHeaderType,\n});\n"],"names":["withStaticProps","PageHeader","_ref","_ref$type","type","types","PRIMARY","componentClassName","className","title","_ref$secondaryTitle","secondaryTitle","_ref$description","description","id","dataTestId","_ref$editableTitle","editableTitle","_ref$divider","divider","_ref$tabs","tabs","_ref$linkTabs","linkTabs","_ref$buttons","buttons","breadcrumb","_useState","useState","_useState2","_slicedToArray","editValue","setEditValue","overrideClassName","backwardCompatibilityForProperties","_jsxs","Object","assign","cx","styles","getStyle","camelCase","concat","role","getTestId","ComponentDefaultTestId","ATTENTION_BOX","children","GridContainer","fullWidth","margin","_jsx","Flex","gap","Heading","H3","weight","weights","BOLD","color","TypographyColor","SECONDARY","PageHeaderTitle","InlineEdit","defaultValue","onConfirm","Text","TEXT1","colors","IconButton","icon","Infomation","size","style","ariaLabel","justify","START","gaps","SMALL","marginTop","map","button","index","length","TabList","PageHeaderTabs","tab","PageHeaderRightActions","END","linkTab","Divider","PageHeaderDivider","PageHeaderType"],"mappings":"ilCAqDA,IAiIeA,EAAAA,GA/HX,SAFEC,EAAUC,GAiBX,IAAAC,EAAAD,EAdJE,KAAAA,OAAOH,IAAHE,EAAGF,EAAWI,MAAMC,QAAOH,EAC/BI,EAAkBL,EAAlBK,mBACAC,EAASN,EAATM,UACAC,EAAKP,EAALO,MAAKC,EAAAR,EACLS,eAAAA,OAAiB,IAAHD,EAAG,GAAEA,EAAAE,EAAAV,EACnBW,YAAAA,OAAc,IAAHD,EAAG,GAAEA,EAChBE,EAAEZ,EAAFY,GACeC,EAAUb,EAAzB,eAAac,EAAAd,EACbe,cAAAA,OAAgB,IAAHD,GAAQA,EAAAE,EAAAhB,EACrBiB,QAAAA,OAAU,IAAHD,GAAQA,EAAAE,EAAAlB,EACfmB,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EAAAE,EAAApB,EACTqB,SAAAA,OAAW,IAAHD,EAAG,GAAEA,EAAAE,EAAAtB,EACbuB,QAAAA,OAAU,IAAHD,EAAG,GAAEA,EACZE,EAAUxB,EAAVwB,WAIAC,EAAkCC,EAASnB,GAAMoB,EAAAC,EAAAH,EAAA,GAA1CI,EAASF,EAAA,GAAEG,EAAYH,EAAA,GACxBI,EAAoBC,EAAmC,CAC5D1B,EACAD,IAGD,OACC4B,EAAA,QAAAC,OAAAC,OAAA,CAAW7B,UAAW8B,EACrBC,EAAOtC,WACPuC,EAASD,EAAQE,EAAS,QAAAC,OAAStC,KACnC6B,GAEDU,KAAK,sBAEJ5B,GACA6B,EAAUC,EAAuBC,cAAehC,IAGhD,CAAAiC,SAAA,CAAAZ,EAACa,EACAZ,OAAAC,OAAA,CAAAY,aACAC,OAAQ,EACI,aAAAX,EAAOtC,YAAU,CAAA8C,SAAA,CAE7BI,EAACC,EAAI,CAAAL,SAAErB,IACPS,EAACiB,EAAIhB,OAAAC,OAAA,CAACgB,IAAK,cACT1C,GACAwC,EAACG,iBACAlD,KAAMkD,EAAQjD,MAAMkD,GACpBC,OAAQF,EAAQG,QAAQC,KACxBC,MAAOC,EAAgBC,UACvBrD,UAAW+B,EAAOuB,iBAEjB,CAAAf,SAAApC,KAGFM,EACAkC,EAACY,EACA3B,OAAAC,OAAA,CAAA2B,aAAcjC,EAAS,aACZ,aACXkC,UAAWjC,GAAY,CAAAe,SAEvBI,EAACG,EAAOlB,OAAAC,OAAA,CACPjC,KAAMkD,EAAQjD,MAAMkD,GACpBC,OAAQF,EAAQG,QAAQC,KACxBlD,UAAW+B,EAAOuB,iBAEjB,CAAAf,SAAAhB,QAIHoB,EAACG,iBACAlD,KAAMkD,EAAQjD,MAAMkD,GACpBC,OAAQF,EAAQG,QAAQC,KACxBlD,UAAW+B,EAAOuB,iBAEjB,CAAAf,SAAAtC,SAIJ0B,EAACiB,iBAAKC,IAAK,GACV,CAAAN,SAAA,CAAAI,EAACe,EAAK9B,OAAAC,OAAA,CAAAjC,KAAM8D,EAAK7D,MAAM8D,MAAOR,MAAOO,EAAKE,OAAOP,WAAS,CAAAd,SACxDlC,KAEDA,EACAsC,EAACkB,EAAU,CACVC,KAAMC,EACNC,KAAK,KACLC,MAAO,CAAEd,MAAO,YAChBe,UAAW7D,IAGZ,OAGFsC,EAACC,EACAhB,OAAAC,OAAA,CAAAsC,QAASvB,EAAKuB,QAAQC,MACtBvB,IAAKD,EAAKyB,KAAKC,MACfL,MAAO,CAAEM,UAAW,QAEnB,CAAAhC,SAAAtB,GAAWA,EAAQuD,KAAI,SAACC,EAAQC,GAAK,OAAKD,CAAM,OAEjC,IAAhB5D,EAAK8D,QACLhC,EAACC,EAEA,CAAAL,SAAAI,EAACiC,EACAhD,OAAAC,OAAA,CAAAlB,SAAS,EACTX,UAAW+B,EAAO8C,gBAAc,CAAAtC,SAE/B1B,EAAK2D,KAAI,SAACM,EAAKJ,GAAK,OAAKI,CAAG,SAIX,IAApB/D,EAAS4D,QACThC,uBAAK3C,UAAW+B,EAAOgD,kCACtBpC,EAACC,iBAAKuB,QAASvB,EAAKuB,QAAQa,IAAKnC,IAAKD,EAAKyB,KAAKC,OAC9C,CAAA/B,SAAAxB,EAASyD,KAAI,SAACS,EAASP,GAAK,OAAKO,CAAO,cAK5CtE,EACAgC,EAACuC,GAAQlF,UAAW+B,EAAOoD,oBAE3BxC,eAIJ,GAE2C,CAC1C9C,MAAOuF"}

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

@@ -1,2 +1,2 @@
-var e={PageHeader:"PageHeader",PageHeaderBreadcrumbs:"PageHeaderBreadcrumbs",PageHeaderRightActions:"PageHeaderRightActions",PageHeaderTitle:"PageHeaderTitle",PageHeaderTabs:"PageHeaderTabs",PageHeaderDivider:"PageHeaderDivider"};!function(e){if("undefined"==typeof document)return;const a=document.head||document.getElementsByTagName("head")[0],n="s_id-4db3aa6d73f2_0_0_184";if(a.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,a.firstChild?a.insertBefore(d,a.firstChild):a.appendChild(d),d.appendChild(document.createTextNode(e))}(".PageHeader {\n  position: relative;\n  padding-top: 100px;\n  width: 100%;\n}\n\n.PageHeaderBreadcrumbs ol {\n  margin: 0;\n  padding: 0 0 8px;\n}\n\n.PageHeaderRightActions {\n  position: absolute;\n  right: 16px;\n  bottom: 8px;\n}\n\n.PageHeaderTitle {\n  padding-bottom: 8px;\n}\n\n.PageHeaderTabs {\n  padding: 8px 0 0;\n  margin-bottom: -1px;\n}\n\n.PageHeaderTabs ul {\n  padding: 0;\n}\n\n.PageHeaderDivider {\n  margin: 0px;\n}");export{e as default};
+var e={PageHeader:"PageHeader",PageHeaderBreadcrumbs:"PageHeaderBreadcrumbs",PageHeaderRightActions:"PageHeaderRightActions",PageHeaderTitle:"PageHeaderTitle",PageHeaderTabs:"PageHeaderTabs",PageHeaderDivider:"PageHeaderDivider"};!function(e){if("undefined"==typeof document)return;const a=document.head||document.getElementsByTagName("head")[0],n="s_id-4db3aa6d73f2_0_0_187";if(a.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,a.firstChild?a.insertBefore(d,a.firstChild):a.appendChild(d),d.appendChild(document.createTextNode(e))}(".PageHeader {\n  position: relative;\n  padding-top: 100px;\n  width: 100%;\n}\n\n.PageHeaderBreadcrumbs ol {\n  margin: 0;\n  padding: 0 0 8px;\n}\n\n.PageHeaderRightActions {\n  position: absolute;\n  right: 16px;\n  bottom: 8px;\n}\n\n.PageHeaderTitle {\n  padding-bottom: 8px;\n}\n\n.PageHeaderTabs {\n  padding: 8px 0 0;\n  margin-bottom: -1px;\n}\n\n.PageHeaderTabs ul {\n  padding: 0;\n}\n\n.PageHeaderDivider {\n  margin: 0px;\n}");export{e as default};
 //# sourceMappingURL=PageHeader.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={panelHeaderStyled:"panelHeaderStyled",panelHeaderInner:"panelHeaderInner",backgroundStyled:"backgroundStyled","overlay-fade-in":"overlay-fade-in",textStyled:"textStyled",headerTextStyled:"headerTextStyled",containerStyled:"containerStyled",panelMenuStyled:"panelMenuStyled",innerStyled:"innerStyled",CloseLayerStyled:"CloseLayerStyled",panelFooterStyled:"panelFooterStyled"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-2b276a270975_0_0_184";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))}('.panelHeaderStyled {\n  padding: 0 0.75rem;\n}\n\n.panelHeaderInner {\n  position: sticky;\n  top: 0;\n  right: 0;\n  left: 0;\n  display: flex;\n  width: 100%;\n  z-index: 1;\n  flex-wrap: nowrap;\n  align-items: center;\n  border-bottom: 1px solid var(--divider-primary);\n  background-color: var(--surface-level-100);\n  line-height: 1.5em;\n  padding: 0.5rem 0;\n  margin: 0 auto;\n  box-sizing: border-box;\n}\n\n.backgroundStyled {\n  top: 0;\n  right: 0;\n  left: 0;\n  bottom: 0;\n  position: fixed;\n  background-color: var(--surface-overlay);\n  animation: overlay-fade-in 70ms var(--motion-timing-enter);\n  transition: all 0.26s ease-in-out;\n  z-index: 7000;\n}\n\n.textStyled {\n  font-weight: 400;\n  line-height: 1.5em;\n  padding: 1rem 0;\n  margin-bottom: 0;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n\n.headerTextStyled {\n  font-size: 15px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: 22px;\n  font-weight: "500";\n  text-transform: "capitalize";\n}\n\n.containerStyled {\n  padding: 0 1rem;\n  flex: 1;\n}\n\n.panelMenuStyled {\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\n.innerStyled {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  background-color: var(--surface-level-100);\n  box-shadow: var(--box-shadow-medium);\n  max-width: 100%;\n  min-width: 380px;\n  z-index: 9999;\n}\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\n.panelFooterStyled {\n  position: sticky;\n  display: flex;\n  z-index: 2000;\n  bottom: 0;\n  right: 0;\n  left: 0;\n  display: flex;\n  background-color: var(--surface-level-100);\n  line-height: 1.5em;\n  justify-content: space-between;\n  padding: 8px 16px;\n  align-items: flex-start;\n  gap: 8px;\n}');export{n as default};
+var n={panelHeaderStyled:"panelHeaderStyled",panelHeaderInner:"panelHeaderInner",backgroundStyled:"backgroundStyled","overlay-fade-in":"overlay-fade-in",textStyled:"textStyled",headerTextStyled:"headerTextStyled",containerStyled:"containerStyled",panelMenuStyled:"panelMenuStyled",innerStyled:"innerStyled",CloseLayerStyled:"CloseLayerStyled",panelFooterStyled:"panelFooterStyled"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-2b276a270975_0_0_187";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))}('.panelHeaderStyled {\n  padding: 0 0.75rem;\n}\n\n.panelHeaderInner {\n  position: sticky;\n  top: 0;\n  right: 0;\n  left: 0;\n  display: flex;\n  width: 100%;\n  z-index: 1;\n  flex-wrap: nowrap;\n  align-items: center;\n  border-bottom: 1px solid var(--divider-primary);\n  background-color: var(--surface-level-100);\n  line-height: 1.5em;\n  padding: 0.5rem 0;\n  margin: 0 auto;\n  box-sizing: border-box;\n}\n\n.backgroundStyled {\n  top: 0;\n  right: 0;\n  left: 0;\n  bottom: 0;\n  position: fixed;\n  background-color: var(--surface-overlay);\n  animation: overlay-fade-in 70ms var(--motion-timing-enter);\n  transition: all 0.26s ease-in-out;\n  z-index: 7000;\n}\n\n.textStyled {\n  font-weight: 400;\n  line-height: 1.5em;\n  padding: 1rem 0;\n  margin-bottom: 0;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n\n.headerTextStyled {\n  font-size: 15px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: 22px;\n  font-weight: "500";\n  text-transform: "capitalize";\n}\n\n.containerStyled {\n  padding: 0 1rem;\n  flex: 1;\n}\n\n.panelMenuStyled {\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\n.innerStyled {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  background-color: var(--surface-level-100);\n  box-shadow: var(--box-shadow-medium);\n  max-width: 100%;\n  min-width: 380px;\n  z-index: 9999;\n}\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\n.panelFooterStyled {\n  position: sticky;\n  display: flex;\n  z-index: 2000;\n  bottom: 0;\n  right: 0;\n  left: 0;\n  display: flex;\n  background-color: var(--surface-level-100);\n  line-height: 1.5em;\n  justify-content: space-between;\n  padding: 8px 16px;\n  align-items: flex-start;\n  gap: 8px;\n}');export{n as default};
 //# sourceMappingURL=Panel.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={toast:"toast",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-2145c07c940e_0_0_184";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.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}");export{n as default};
+var n={toast:"toast",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-2145c07c940e_0_0_187";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.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}");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_184";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_187";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_184";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_187";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_184";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_187";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_184";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_187";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_184";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_187";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_184";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_187";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_184";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_187";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-1364788ff329_0_0_184";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: 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-1364788ff329_0_0_187";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: 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.js

@@ -1,2 +1,2 @@
-import{defineProperty as e}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as o,jsx as i}from"@emotion/react/jsx-runtime";import r from"classnames";import l from"./SegmentControlCell.module.scss.js";import t from"../../Icon/Icon.js";var a=function(a){var s=a.value,n=a.active,c=void 0!==n&&n,d=a.onClick,m=a.stretched,u=void 0!==m&&m,f=a.disabled,p=void 0!==f&&f,v=a.icon,b=a.children;return o("li",Object.assign({className:r(l.segmentControlCell,e(e(e({},l.active,c),l.stretched,u),l.disabled,p)),role:"tab","aria-selected":c,"aria-disabled":p,onClick:function(){!p&&d&&d(s)}},{children:[v?i(t,{icon:v,clickable:!1}):"",b]}))};export{a as default};
+import{defineProperty as e}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as i,jsx as o}from"@emotion/react/jsx-runtime";import r from"classnames";import l from"./SegmentControlCell.module.scss.js";import t from"../../Icon/Icon.js";var a=function(a){var s=a.value,n=a.active,c=void 0!==n&&n,d=a.onClick,m=a.disabled,u=void 0!==m&&m,v=a.icon,f=a.size,p=a.stretched,b=void 0!==p&&p,C=a.children;return i("li",Object.assign({className:r(l.segmentControlCell,l[void 0===f?"medium":f],e(e(e({},l.active,c),l.disabled,u),l.stretched,b)),role:"tab","aria-selected":c,"aria-disabled":u,onClick:function(){!u&&d&&d(s)}},{children:[v?o(t,{icon:v,clickable:!1}):"",C]}))};export{a as default};
 //# sourceMappingURL=SegmentControlCell.js.map

package/dist/mocked_classnames_esm/src/components/SegmentControl/SegmentControlCell/SegmentControlCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentControlCell.js","sources":["../../../../../../src/components/SegmentControl/SegmentControlCell/SegmentControlCell.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./SegmentControlCell.module.scss\";\nimport { SubIcon } from \"../../../types\";\nimport Icon from \"../../Icon/Icon\";\n\nexport interface SegmentControlCellProps {\n  value: number;\n  active?: boolean;\n  onClick?: (value: number) => void;\n  stretched?: boolean;\n  disabled?: boolean;\n  icon?: SubIcon;\n  children?: React.ReactNode;\n}\n\nconst SegmentControlCell: FC<SegmentControlCellProps> = ({\n  value,\n  active = false,\n  onClick,\n  stretched = false,\n  disabled = false,\n  icon,\n  children,\n}) => {\n  const handleClick = () => {\n    if (!disabled && onClick) onClick(value);\n  };\n\n  return (\n    <li\n      className={cx(styles.segmentControlCell, {\n        [styles.active]: active,\n        [styles.stretched]: stretched,\n        [styles.disabled]: disabled,\n      })}\n      role=\"tab\"\n      aria-selected={active}\n      aria-disabled={disabled}\n      onClick={handleClick}\n    >\n      {icon ? <Icon icon={icon} clickable={false} /> : \"\"}\n      {children}\n    </li>\n  );\n};\n\nexport default SegmentControlCell;\n"],"names":["SegmentControlCell","_ref","value","_ref$active","active","onClick","_ref$stretched","stretched","_ref$disabled","disabled","icon","children","_jsxs","className","cx","styles","segmentControlCell","_defineProperty","role","_jsx","Icon","clickable"],"mappings":"6PAgBA,IAAMA,EAAkD,SAAhCC,GAQnB,IAPHC,EAAKD,EAALC,MAAKC,EAAAF,EACLG,OAAAA,OAAS,IAAHD,GAAQA,EACdE,EAAOJ,EAAPI,QAAOC,EAAAL,EACPM,UAAAA,OAAY,IAAHD,GAAQA,EAAAE,EAAAP,EACjBQ,SAAAA,OAAW,IAAHD,GAAQA,EAChBE,EAAIT,EAAJS,KACAC,EAAQV,EAARU,SAMA,OACEC,sBACEC,UAAWC,EAAGC,EAAOC,mBAAkBC,EAAAA,EAAAA,KACpCF,EAAOX,OAASA,GAChBW,EAAOR,UAAYA,GACnBQ,EAAON,SAAWA,IAErBS,KAAK,MAAK,gBACKd,EACA,gBAAAK,EACfJ,QAdgB,YACbI,GAAYJ,GAASA,EAAQH,KAaZ,CAAAS,SAAA,CAEnBD,EAAOS,EAACC,EAAI,CAACV,KAAMA,EAAMW,WAAW,IAAY,GAChDV,KAGP"}
+{"version":3,"file":"SegmentControlCell.js","sources":["../../../../../../src/components/SegmentControl/SegmentControlCell/SegmentControlCell.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./SegmentControlCell.module.scss\";\nimport { SubIcon } from \"../../../types\";\nimport Icon from \"../../Icon/Icon\";\nimport { SegmentControlSize } from \"../SegmentControlList/SegmentControlList\";\n\nexport interface SegmentControlCellProps {\n  value: number;\n  active?: boolean;\n  onClick?: (value: number) => void;\n  disabled?: boolean;\n  icon?: SubIcon;\n  size?: SegmentControlSize;\n  stretched?: boolean;\n  children?: React.ReactNode;\n}\n\nconst SegmentControlCell: FC<SegmentControlCellProps> = ({\n  value,\n  active = false,\n  onClick,\n  disabled = false,\n  icon,\n  size = 'medium',\n  stretched = false,\n  children,\n}) => {\n  const handleClick = () => {\n    if (!disabled && onClick) onClick(value);\n  };\n\n  return (\n    <li\n      className={cx(styles.segmentControlCell, styles[size], {\n        [styles.active]: active,\n        [styles.disabled]: disabled,\n        [styles.stretched]: stretched,\n      })}\n      role=\"tab\"\n      aria-selected={active}\n      aria-disabled={disabled}\n      onClick={handleClick}\n    >\n      {icon ? <Icon icon={icon} clickable={false} /> : \"\"}\n      {children}\n    </li>\n  );\n};\n\nexport default SegmentControlCell;"],"names":["SegmentControlCell","_ref","value","_ref$active","active","onClick","_ref$disabled","disabled","icon","_ref$size","size","_ref$stretched","stretched","children","_jsxs","Object","assign","className","cx","styles","segmentControlCell","_defineProperty","role","_jsx","Icon","clickable"],"mappings":"6PAkBA,IAAMA,EAAkD,SAAhCC,GASnB,IARHC,EAAKD,EAALC,MAAKC,EAAAF,EACLG,OAAAA,OAAS,IAAHD,GAAQA,EACdE,EAAOJ,EAAPI,QAAOC,EAAAL,EACPM,SAAAA,OAAW,IAAHD,GAAQA,EAChBE,EAAIP,EAAJO,KAAIC,EAAAR,EACJS,KAAeC,EAAAV,EACfW,UAAAA,OAAY,IAAHD,GAAQA,EACjBE,EAAQZ,EAARY,SAMA,OACEC,EAAA,KAAAC,OAAAC,OAAA,CACEC,UAAWC,EAAGC,EAAOC,mBAAoBD,OAVtC,IAAHV,EAAG,SAAQA,GAU0CY,EAAAA,EAAAA,EAAA,CAAA,EAClDF,EAAOf,OAASA,GAChBe,EAAOZ,SAAWA,GAClBY,EAAOP,UAAYA,IAEtBU,KAAK,MAAK,gBACKlB,EACA,gBAAAG,EACfF,QAdgB,YACbE,GAAYF,GAASA,EAAQH,KAaZ,CAAAW,SAAA,CAEnBL,EAAOe,EAACC,EAAI,CAAChB,KAAMA,EAAMiB,WAAW,IAAY,GAChDZ,KAGP"}

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

@@ -1,2 +1,2 @@
-var e={segmentControlCell:"segmentControlCell",active:"active",stretched:"stretched",disabled:"disabled"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-3edbbad074c6_0_0_184";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))}(".segmentControlCell {\n  cursor: pointer;\n  padding: var(--spacing-xs) var(--spacing-medium);\n  text-align: center;\n  transition: background-color 0.3s;\n  color: var(--text-secondary);\n  border-radius: var(--border-radius-medium);\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  justify-content: center;\n  font: var(--font-text1-normal);\n}\n.segmentControlCell.active {\n  background-color: var(--surface-level-100);\n  color: var(--text-primary);\n  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.0784313725);\n}\n.segmentControlCell.stretched {\n  flex: 1;\n}\n.segmentControlCell:not(.active):hover {\n  background-color: var(--surface-level-200);\n}\n.segmentControlCell.disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}");export{e as default};
+var e={segmentControlCell:"segmentControlCell",active:"active",disabled:"disabled",stretched:"stretched",small:"small",medium:"medium",large:"large"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-1db26e16bad6_0_0_187";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))}(".segmentControlCell {\n  cursor: pointer;\n  text-align: center;\n  transition: background-color 0.3s;\n  color: var(--text-secondary);\n  border-radius: var(--border-radius-medium);\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  justify-content: center;\n  font: var(--font-text1-normal);\n}\n.segmentControlCell.active {\n  background-color: var(--surface-level-100);\n  color: var(--text-primary);\n  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.0784313725);\n}\n.segmentControlCell:not(.active):hover {\n  background-color: var(--surface-level-300);\n  color: var(--text-primary);\n}\n.segmentControlCell.disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n.segmentControlCell.stretched {\n  flex: 1;\n}\n.small {\n  padding: 0 var(--spacing-xs);\n  height: 20px;\n  font-size: 12px;\n}\n.medium {\n  padding: 0 var(--spacing-small);\n  height: 28px;\n  font-size: 14px;\n}\n.large {\n  padding: 0 var(--spacing-medium);\n  height: 36px;\n  font-size: 16px;\n}");export{e as default};
 //# sourceMappingURL=SegmentControlCell.module.scss.js.map

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

@@ -1,2 +1,2 @@
-import{slicedToArray as e,defineProperty as r}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import{jsx as t}from"@emotion/react/jsx-runtime";import o,{useState as n,useEffect as s,useCallback as i,useMemo as a}from"react";import l from"classnames";import c from"../../../hooks/usePrevious/index.js";import m from"./SegmentControlList.module.scss.js";var u=function(u){var d=u.className,f=u.onChange,p=u.activeSegment,v=void 0===p?0:p,h=u.stretched,g=void 0!==h&&h,j=u.children,C=n(v),b=e(C,2),x=b[0],N=b[1],P=c(v);s((function(){v!==P&&v!==x&&N(v)}),[v,P,x]);var k=i((function(e){N(e),f&&f(e)}),[f]),y=a((function(){return o.Children.map(j,(function(e,r){return o.cloneElement(e,{value:r,active:x===r,onClick:k,stretched:g})}))}),[j,x,k,g]);return t("div",Object.assign({className:l(m.segmentControlList,d,r({},m.stretched,g))},{children:t("ul",Object.assign({className:m.segmentControlUl,role:"tablist"},{children:y}))}))};export{u as default};
+import{slicedToArray as e,defineProperty as r}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import{jsx as t}from"@emotion/react/jsx-runtime";import o,{useState as i,useEffect as s,useCallback as n,useMemo as a}from"react";import l from"classnames";import m from"../../../hooks/usePrevious/index.js";import c from"./SegmentControlList.module.scss.js";var u=function(u){var d=u.className,f=u.onChange,v=u.activeSegment,p=void 0===v?0:v,h=u.size,g=void 0===h?"medium":h,j=u.stretched,C=void 0!==j&&j,b=u.children,x=i(p),N=e(x,2),P=N[0],k=N[1],y=m(p);s((function(){p!==y&&p!==P&&k(p)}),[p,y,P]);var z=n((function(e){k(e),f&&f(e)}),[f]),L=a((function(){return o.Children.map(b,(function(e,r){return o.cloneElement(e,{value:r,active:P===r,onClick:z,size:g,stretched:C})}))}),[b,P,z,g,C]);return t("div",Object.assign({className:l(c.segmentControlList,c[g],d,r({},c.stretched,C))},{children:t("ul",Object.assign({className:c.segmentControlUl,role:"tablist"},{children:L}))}))};export{u as default};
 //# sourceMappingURL=SegmentControlList.js.map

package/dist/mocked_classnames_esm/src/components/SegmentControl/SegmentControlList/SegmentControlList.js.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentControlList.js","sources":["../../../../../../src/components/SegmentControl/SegmentControlList/SegmentControlList.tsx"],"sourcesContent":["import React, { FC, useCallback, useMemo, useState, useEffect } from \"react\";\nimport cx from \"classnames\";\nimport usePrevious from \"../../../hooks/usePrevious\";\nimport styles from \"./SegmentControlList.module.scss\";\nimport { SegmentControlCellProps } from \"../SegmentControlCell/SegmentControlCell\";\n\nexport interface SegmentControlListProps {\n  className?: string;\n  onChange?: (value: number) => void;\n  activeSegment?: number;\n  stretched?: boolean;\n  children: React.ReactElement<SegmentControlCellProps>[];\n}\n\nconst SegmentControlList: FC<SegmentControlListProps> = ({\n  className,\n  onChange,\n  activeSegment = 0,\n  stretched = false,\n  children,\n}) => {\n  const [activeSegmentState, setActiveSegmentState] =\n    useState<number>(activeSegment);\n  const prevActiveSegment = usePrevious(activeSegment);\n\n  useEffect(() => {\n    if (\n      activeSegment !== prevActiveSegment &&\n      activeSegment !== activeSegmentState\n    ) {\n      setActiveSegmentState(activeSegment);\n    }\n  }, [activeSegment, prevActiveSegment, activeSegmentState]);\n\n  const onSegmentClick = useCallback(\n    (segmentId: number) => {\n      setActiveSegmentState(segmentId);\n      if (onChange) onChange(segmentId);\n    },\n    [onChange]\n  );\n\n  const segmentsToRender = useMemo(() => {\n    return React.Children.map(children, (child, index) =>\n      React.cloneElement(child, {\n        value: index,\n        active: activeSegmentState === index,\n        onClick: onSegmentClick,\n        stretched,\n      })\n    );\n  }, [children, activeSegmentState, onSegmentClick, stretched]);\n\n  return (\n    <div\n      className={cx(styles.segmentControlList, className, {\n        [styles.stretched]: stretched,\n      })}\n    >\n      <ul className={styles.segmentControlUl} role=\"tablist\">\n        {segmentsToRender}\n      </ul>\n    </div>\n  );\n};\n\nexport default SegmentControlList;\n"],"names":["SegmentControlList","_ref","className","onChange","_ref$activeSegment","activeSegment","_ref$stretched","stretched","children","_useState","useState","_useState2","_slicedToArray","activeSegmentState","setActiveSegmentState","prevActiveSegment","usePrevious","useEffect","onSegmentClick","useCallback","segmentId","segmentsToRender","useMemo","React","Children","map","child","index","cloneElement","value","active","onClick","_jsx","Object","assign","cx","styles","segmentControlList","_defineProperty","segmentControlUl","role"],"mappings":"wWAcA,IAAMA,EAAkD,SAAhCC,GAMnB,IALHC,EAASD,EAATC,UACAC,EAAQF,EAARE,SAAQC,EAAAH,EACRI,cAAAA,OAAgB,IAAHD,EAAG,EAACA,EAAAE,EAAAL,EACjBM,UAAAA,OAAY,IAAHD,GAAQA,EACjBE,EAAQP,EAARO,SAEAC,EACEC,EAAiBL,GAAcM,EAAAC,EAAAH,EAAA,GAD1BI,EAAkBF,EAAA,GAAEG,EAAqBH,EAAA,GAE1CI,EAAoBC,EAAYX,GAEtCY,GAAU,WAENZ,IAAkBU,GAClBV,IAAkBQ,GAElBC,EAAsBT,EAEzB,GAAE,CAACA,EAAeU,EAAmBF,IAEtC,IAAMK,EAAiBC,GACrB,SAACC,GACCN,EAAsBM,GAClBjB,GAAUA,EAASiB,EACzB,GACA,CAACjB,IAGGkB,EAAmBC,GAAQ,WAC/B,OAAOC,EAAMC,SAASC,IAAIjB,GAAU,SAACkB,EAAOC,GAAK,OAC/CJ,EAAMK,aAAaF,EAAO,CACxBG,MAAOF,EACPG,OAAQjB,IAAuBc,EAC/BI,QAASb,EACTX,UAAAA,MAGL,GAAE,CAACC,EAAUK,EAAoBK,EAAgBX,IAElD,OACEyB,EACE,MAAAC,OAAAC,OAAA,CAAAhC,UAAWiC,EAAGC,EAAOC,mBAAoBnC,EAASoC,KAC/CF,EAAO7B,UAAYA,eAGtByB,EAAI,KAAAC,OAAAC,OAAA,CAAAhC,UAAWkC,EAAOG,iBAAkBC,KAAK,WAC1C,CAAAhC,SAAAa,OAIT"}
+{"version":3,"file":"SegmentControlList.js","sources":["../../../../../../src/components/SegmentControl/SegmentControlList/SegmentControlList.tsx"],"sourcesContent":["import React, { FC, useCallback, useMemo, useState, useEffect } from \"react\";\nimport cx from \"classnames\";\nimport usePrevious from \"../../../hooks/usePrevious\";\nimport styles from \"./SegmentControlList.module.scss\";\nimport { SegmentControlCellProps } from \"../SegmentControlCell/SegmentControlCell\";\n\nexport type SegmentControlSize = 'small' | 'medium' | 'large';\n\nexport interface SegmentControlListProps {\n  className?: string;\n  onChange?: (value: number) => void;\n  activeSegment?: number;\n  size?: SegmentControlSize;\n  stretched?: boolean;\n  children: React.ReactElement<SegmentControlCellProps>[];\n}\n\nconst SegmentControlList: FC<SegmentControlListProps> = ({\n  className,\n  onChange,\n  activeSegment = 0,\n  size = 'medium',\n  stretched = false,\n  children,\n}) => {\n  const [activeSegmentState, setActiveSegmentState] = useState<number>(activeSegment);\n  const prevActiveSegment = usePrevious(activeSegment);\n\n  useEffect(() => {\n    if (activeSegment !== prevActiveSegment && activeSegment !== activeSegmentState) {\n      setActiveSegmentState(activeSegment);\n    }\n  }, [activeSegment, prevActiveSegment, activeSegmentState]);\n\n  const onSegmentClick = useCallback(\n    (segmentId: number) => {\n      setActiveSegmentState(segmentId);\n      if (onChange) onChange(segmentId);\n    },\n    [onChange]\n  );\n\n  const segmentsToRender = useMemo(() => {\n    return React.Children.map(children, (child, index) =>\n      React.cloneElement(child, {\n        value: index,\n        active: activeSegmentState === index,\n        onClick: onSegmentClick,\n        size,\n        stretched,\n      })\n    );\n  }, [children, activeSegmentState, onSegmentClick, size, stretched]);\n\n  return (\n    <div className={cx(styles.segmentControlList, styles[size], className, {\n      [styles.stretched]: stretched,\n    })}>\n      <ul className={styles.segmentControlUl} role=\"tablist\">\n        {segmentsToRender}\n      </ul>\n    </div>\n  );\n};\n\nexport default SegmentControlList;"],"names":["SegmentControlList","_ref","className","onChange","_ref$activeSegment","activeSegment","_ref$size","size","_ref$stretched","stretched","children","_useState","useState","_useState2","_slicedToArray","activeSegmentState","setActiveSegmentState","prevActiveSegment","usePrevious","useEffect","onSegmentClick","useCallback","segmentId","segmentsToRender","useMemo","React","Children","map","child","index","cloneElement","value","active","onClick","_jsx","Object","assign","cx","styles","segmentControlList","_defineProperty","segmentControlUl","role"],"mappings":"wWAiBA,IAAMA,EAAkD,SAAhCC,GAOnB,IANHC,EAASD,EAATC,UACAC,EAAQF,EAARE,SAAQC,EAAAH,EACRI,cAAAA,OAAgB,IAAHD,EAAG,EAACA,EAAAE,EAAAL,EACjBM,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EAAAE,EAAAP,EACfQ,UAAAA,OAAY,IAAHD,GAAQA,EACjBE,EAAQT,EAARS,SAEAC,EAAoDC,EAAiBP,GAAcQ,EAAAC,EAAAH,EAAA,GAA5EI,EAAkBF,EAAA,GAAEG,EAAqBH,EAAA,GAC1CI,EAAoBC,EAAYb,GAEtCc,GAAU,WACJd,IAAkBY,GAAqBZ,IAAkBU,GAC3DC,EAAsBX,EAEzB,GAAE,CAACA,EAAeY,EAAmBF,IAEtC,IAAMK,EAAiBC,GACrB,SAACC,GACCN,EAAsBM,GAClBnB,GAAUA,EAASmB,EACzB,GACA,CAACnB,IAGGoB,EAAmBC,GAAQ,WAC/B,OAAOC,EAAMC,SAASC,IAAIjB,GAAU,SAACkB,EAAOC,GAAK,OAC/CJ,EAAMK,aAAaF,EAAO,CACxBG,MAAOF,EACPG,OAAQjB,IAAuBc,EAC/BI,QAASb,EACTb,KAAAA,EACAE,UAAAA,MAGN,GAAG,CAACC,EAAUK,EAAoBK,EAAgBb,EAAME,IAExD,OACEyB,EAAK,MAAAC,OAAAC,OAAA,CAAAlC,UAAWmC,EAAGC,EAAOC,mBAAoBD,EAAO/B,GAAOL,EAASsC,EAAA,CAAA,EAClEF,EAAO7B,UAAYA,eAEpByB,EAAI,KAAAC,OAAAC,OAAA,CAAAlC,UAAWoC,EAAOG,iBAAkBC,KAAK,WAC1C,CAAAhC,SAAAa,OAIT"}

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

@@ -1,2 +1,2 @@
-var e={segmentControlList:"segmentControlList",segmentControlUl:"segmentControlUl",stretched:"stretched"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-de3b88112642_0_0_184";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))}(".segmentControlList {\n  display: flex;\n  flex-direction: column;\n}\n\n.segmentControlUl {\n  display: flex;\n  list-style: none;\n  padding: 4px;\n  margin: 0;\n  background-color: var(--surface-level-200);\n  border-radius: var(--border-radius-medium);\n}\n\n.stretched {\n  width: 100%;\n}");export{e as default};
+var e={segmentControlList:"segmentControlList",stretched:"stretched",segmentControlUl:"segmentControlUl",small:"small",medium:"medium",large:"large"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-838be3dcf752_0_0_187";if(n.querySelector("#"+t))return;const l=document.createElement("style");l.id=t,n.firstChild?n.insertBefore(l,n.firstChild):n.appendChild(l),l.appendChild(document.createTextNode(e))}(".segmentControlList {\n  display: inline-flex;\n  flex-direction: column;\n}\n.segmentControlList.stretched {\n  display: flex;\n  width: 100%;\n}\n.segmentControlUl {\n  display: inline-flex;\n  list-style: none;\n  padding: 2px;\n  margin: 0;\n  background-color: var(--surface-level-200);\n  border-radius: var(--border-radius-medium);\n}\n.stretched .segmentControlUl {\n  display: flex;\n  width: 100%;\n}\n.small .segmentControlUl {\n  height: 24px;\n}\n.medium .segmentControlUl {\n  height: 32px;\n}\n.large .segmentControlUl {\n  height: 40px;\n}");export{e 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",active:"active"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-32b000efd38e_0_0_184";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}\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 10px 0 10px;\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  font-weight: 600;\n  padding-top: 24px;\n  padding-bottom: 10px;\n  line-height: 22px;\n  display: flex;\n  align-items: center;\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: 24px;\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.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",active:"active"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-32b000efd38e_0_0_187";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}\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 10px 0 10px;\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  font-weight: 600;\n  padding-top: 24px;\n  padding-bottom: 10px;\n  line-height: 22px;\n  display: flex;\n  align-items: center;\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: 24px;\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.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_184";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_187";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_184";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_187";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_184";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_187";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_184";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_187";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_184";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_187";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_184";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_187";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_184";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_187";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_184";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_187";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_184";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_187";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_184";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_187";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_184";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_187";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_184";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_187";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_184";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_187";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_184";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_187";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_184";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_187";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_184";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_187";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_184";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_187";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_184";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_187";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_184";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_187";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_184";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_187";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_184";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_187";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