@heliux-org/design-system-core 0.0.305-testBuild → 0.0.305

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",labelPositionLeft:"labelPositionLeft"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],r="s_id-5ce6deeed635_0_0_305";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}\n\n.hdsNumericField {\n  display: flex;\n  flex-direction: column;\n}\n\n.labelPositionLeft {\n  flex-direction: row;\n  align-items: center;\n}\n\n.labelPositionLeft .hdsNumericFieldLabel {\n  margin-right: 10px;\n  margin-bottom: 0;\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",labelPositionLeft:"labelPositionLeft"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],r="s_id-5ce6deeed635_0_0_304";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}\n\n.hdsNumericField {\n  display: flex;\n  flex-direction: column;\n}\n\n.labelPositionLeft {\n  flex-direction: row;\n  align-items: center;\n}\n\n.labelPositionLeft .hdsNumericFieldLabel {\n  margin-right: 10px;\n  margin-bottom: 0;\n}");export{e as default};
 //# sourceMappingURL=NumericField.module.scss.js.map

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",PageHeaderContainer:"PageHeaderContainer"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],a="s_id-ea77b85b63e2_0_0_305";if(n.querySelector("#"+a))return;const d=document.createElement("style");d.id=a,n.firstChild?n.insertBefore(d,n.firstChild):n.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 -2px 0 -4px;\n  padding: 0px;\n  height: 4px;\n}\n\n.PageHeaderRightActions {\n  position: relative;\n  bottom: 8px;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  margin-left: auto;\n}\n\n.PageHeaderTitle {\n  padding-bottom: 8px;\n  padding-top: 0;\n  margin: 0;\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}\n\n@media (min-width: 768px) {\n  .PageHeaderContainer {\n    flex-direction: row;\n  }\n}");export{e as default};
+var e={PageHeader:"PageHeader",PageHeaderBreadcrumbs:"PageHeaderBreadcrumbs",PageHeaderRightActions:"PageHeaderRightActions",PageHeaderTitle:"PageHeaderTitle",PageHeaderTabs:"PageHeaderTabs",PageHeaderDivider:"PageHeaderDivider",PageHeaderContainer:"PageHeaderContainer"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],a="s_id-ea77b85b63e2_0_0_304";if(n.querySelector("#"+a))return;const d=document.createElement("style");d.id=a,n.firstChild?n.insertBefore(d,n.firstChild):n.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 -2px 0 -4px;\n  padding: 0px;\n  height: 4px;\n}\n\n.PageHeaderRightActions {\n  position: relative;\n  bottom: 8px;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  margin-left: auto;\n}\n\n.PageHeaderTitle {\n  padding-bottom: 8px;\n  padding-top: 0;\n  margin: 0;\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}\n\n@media (min-width: 768px) {\n  .PageHeaderContainer {\n    flex-direction: row;\n  }\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",leftContent:"leftContent",rightContent:"rightContent",headerDivider:"headerDivider",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-eff5cdb2d08b_0_0_305";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 8px;\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  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.leftContent {\n  display: flex;\n  align-items: center;\n}\n\n.rightContent {\n  display: flex;\n  align-items: center;\n}\n\n.headerDivider {\n  height: 1px;\n  background-color: var(--divider-color);\n  margin-top: 8px;\n}\n\n.containerStyled {\n  padding: 0 8px;\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",leftContent:"leftContent",rightContent:"rightContent",headerDivider:"headerDivider",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-eff5cdb2d08b_0_0_304";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 8px;\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  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.leftContent {\n  display: flex;\n  align-items: center;\n}\n\n.rightContent {\n  display: flex;\n  align-items: center;\n}\n\n.headerDivider {\n  height: 1px;\n  background-color: var(--divider-color);\n  margin-top: 8px;\n}\n\n.containerStyled {\n  padding: 0 8px;\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/PanelLayout/PanelLayout.module.scss.js

@@ -1,2 +1,2 @@
-!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-0005b02f11a5_0_0_305";if(e.querySelector("#"+t))return;const r=document.createElement("style");r.id=t,e.firstChild?e.insertBefore(r,e.firstChild):e.appendChild(r),r.appendChild(document.createTextNode(n))}(".panel {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  display: flex;\n  border-radius: 6px;\n  gap: 4px;\n  overflow: hidden;\n}\n.panel .emptyState {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n}\n.mainContent {\n  flex: 1;\n  overflow: auto;\n  display: flex;\n  flex-direction: column;\n}\n.overlay-panel {\n  position: fixed;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  background-color: rgba(0, 0, 0, 0.5);\n  z-index: 1000;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.resize-handle {\n  z-index: 50;\n  background-color: transparent;\n  width: 2px;\n  transition: all 0.3s ease-in-out;\n}\n.resize-handle:hover {\n  background-color: var(--divider-secondary);\n  box-shadow: 2px 0px 0px 0px var(--divider-secondary);\n}\n.collapse-handle {\n  z-index: 100;\n  max-width: 2px;\n  width: 3px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.collapse-handle svg rect {\n  fill: var(--divider-secondary);\n  max-width: 2px;\n  width: 2px;\n}\n.collapse-handle:hover {\n  background-color: var(--divider-secondary);\n}\n.collapse-handle:hover svg rect {\n  fill: var(--divider-selected);\n}\n.styled-handle {\n  height: 100%;\n  width: 6px;\n  background-color: transparent;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: all 0.3s ease-in-out;\n}\n.styled-handle:hover {\n  background-color: var(--divider-selected);\n}\n.handle {\n  height: 100%;\n  background-color: var(--divider-primary);\n  cursor: ew-resize;\n  transition: background-color 0.3s ease-in-out;\n}\n.handle:hover {\n  background-color: var(--divider-selected);\n}");
+!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-0005b02f11a5_0_0_304";if(e.querySelector("#"+t))return;const r=document.createElement("style");r.id=t,e.firstChild?e.insertBefore(r,e.firstChild):e.appendChild(r),r.appendChild(document.createTextNode(n))}(".panel {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  display: flex;\n  border-radius: 6px;\n  gap: 4px;\n  overflow: hidden;\n}\n.panel .emptyState {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n}\n.mainContent {\n  flex: 1;\n  overflow: auto;\n  display: flex;\n  flex-direction: column;\n}\n.overlay-panel {\n  position: fixed;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  background-color: rgba(0, 0, 0, 0.5);\n  z-index: 1000;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.resize-handle {\n  z-index: 50;\n  background-color: transparent;\n  width: 2px;\n  transition: all 0.3s ease-in-out;\n}\n.resize-handle:hover {\n  background-color: var(--divider-secondary);\n  box-shadow: 2px 0px 0px 0px var(--divider-secondary);\n}\n.collapse-handle {\n  z-index: 100;\n  max-width: 2px;\n  width: 3px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.collapse-handle svg rect {\n  fill: var(--divider-secondary);\n  max-width: 2px;\n  width: 2px;\n}\n.collapse-handle:hover {\n  background-color: var(--divider-secondary);\n}\n.collapse-handle:hover svg rect {\n  fill: var(--divider-selected);\n}\n.styled-handle {\n  height: 100%;\n  width: 6px;\n  background-color: transparent;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: all 0.3s ease-in-out;\n}\n.styled-handle:hover {\n  background-color: var(--divider-selected);\n}\n.handle {\n  height: 100%;\n  background-color: var(--divider-primary);\n  cursor: ew-resize;\n  transition: background-color 0.3s ease-in-out;\n}\n.handle:hover {\n  background-color: var(--divider-selected);\n}");
 //# sourceMappingURL=PanelLayout.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-5ea7316ae404_0_0_305";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  width: 100%;\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-5ea7316ae404_0_0_304";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  width: 100%;\n}");export{n as default};
 //# sourceMappingURL=ProcessingToast.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var r={bar:"bar",typePrimaryPrimary:"typePrimaryPrimary",typePrimarySecondary:"typePrimarySecondary",typePrimaryPositive:"typePrimaryPositive",typePrimaryNegative:"typePrimaryNegative",typePrimaryWarning:"typePrimaryWarning",typeSecondaryPrimary:"typeSecondaryPrimary",typeSecondarySecondary:"typeSecondarySecondary",typeSecondaryPositive:"typeSecondaryPositive",typeSecondaryNegative:"typeSecondaryNegative",typeSecondaryWarning:"typeSecondaryWarning",animate:"animate"};!function(r){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],n="s_id-7d6049908fe8_0_0_305";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_304";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_305";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_304";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_305";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_304";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_305";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_304";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_305";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_304";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_305";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_304";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_305";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_304";if(r.querySelector("#"+a))return;const n=document.createElement("style");n.id=a,r.firstChild?r.insertBefore(n,r.firstChild):r.appendChild(n),n.appendChild(document.createTextNode(e))}(".searchWrapper input[type=search] {\n  -webkit-appearance: textfield;\n}\n\n.searchWrapper input[type=search]::-webkit-search-decoration,\n.searchWrapper input[type=search]::-webkit-search-cancel-button,\n.searchWrapper input[type=search]::-webkit-search-results-button,\n.searchWrapper input[type=search]::-webkit-search-results-decoration {\n  -webkit-appearance: none;\n}\n\n.searchWrapper:focus-within .searchFocusElementFirst {\n  animation: dashForward 5s linear forwards;\n}\n\n.searchWrapper:focus-within .searchFocusElementSecond {\n  animation: dashBackwards 5s linear forwards;\n}\n\n.search.round {\n  border-radius: 50px !important;\n}\n\n@keyframes dashForward {\n  to {\n    stroke-dashoffset: 0;\n  }\n}\n\n@keyframes dashBackwards {\n  to {\n    stroke-dashoffset: 2000;\n  }\n}");export{e as default};
 //# sourceMappingURL=Search.module.scss.js.map

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

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

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

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

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

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

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

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

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

@@ -1,2 +1,2 @@
-var n={skeleton:"skeleton",rectangle:"rectangle",shine:"shine",circle:"circle",text:"text",textH1:"textH1",textH2:"textH2",textH3:"textH3",textH4:"textH4",textH5:"textH5",textH6:"textH6",textSmall:"textSmall",textCustom:"textCustom",fullWidth:"fullWidth"};!function(n){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],e="s_id-2345d9ff68bb_0_0_305";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_304";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_305";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_304";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_305";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_304";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_305";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_304";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_305";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_304";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_305";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_304";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_305";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_304";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_305";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_304";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_305";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_304";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_305";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_304";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_305";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_304";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_305";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_304";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_305";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_304";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_305";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_304";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_305";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_304";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_305";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_304";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_305";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_304";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/Table.module.scss.js

@@ -0,0 +1,2 @@
+var e={tableContainerStyles:"tableContainerStyles",baseStyles:"baseStyles"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-89f65d6dfe25_0_0_82-table-tanstack";if(n.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}(".tableContainerStyles {\n  overflow: auto;\n  position: relative;\n}\n\n.baseStyles {\n  border-spacing: 0;\n  border-collapse: collapse;\n  margin: 0;\n  padding: 0;\n  border: none;\n  vertical-align: baseline;\n  flex-direction: column;\n  isolation: isolate;\n  overflow: auto;\n  scrollbar-gutter: stable;\n  background-color: var(--surface-primary);\n  font-size: 14px;\n}");export{e as default};
+//# sourceMappingURL=Table.module.scss.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Table.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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_305";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_304";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/components/Cell/Cell.js

@@ -0,0 +1,2 @@
+import{defineProperty as l}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as i}from"../../../../../_virtual/_tslib.js";import{jsx as e}from"react/jsx-runtime";import t from"classnames";import{useTableContext as s}from"../TableContext/TableContext.js";import r from"./Cell.module.scss.js";var n=function(n){var o,a,c,m=n.className,u=n.contentClassName,f=n.align,d=n.children,p=n.cell,g=i(n,["className","contentClassName","align","children","cell"]),v=s().disableAnimations;if(!p)return console.error("Cell prop is missing"),null;if(!p.column)return console.error("Cell prop structure is incorrect. Missing 'column' property.",p),null;var y=null===(o=p.column.columnDef)||void 0===o?void 0:o.sticky,C=null===(a=p.column.columnDef)||void 0===a?void 0:a.isLastStickyLeft,b=null===(c=p.column.columnDef)||void 0===c?void 0:c.isFirstStickyRight;return e("td",Object.assign({className:t(r.baseCell,m,"left"===y&&r.stickyLeft,"right"===y&&r.stickyRight,C&&r.lastStickyLeft,b&&r.firstStickyRight)},g,{children:e("div",Object.assign({className:t(r.cellTransitionContainer,r["align-".concat(f)],l({},r.disableAnimation,v),u)},{children:d}))}))};n.displayName="Cell";export{n as default};
+//# sourceMappingURL=Cell.js.map

package/dist/mocked_classnames_esm/src/components/Table/components/Cell/Cell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Cell.js","sources":["../../../../../../../src/components/Table/components/Cell/Cell.tsx"],"sourcesContent":["//@ts-nocheck\nimport React from \"react\";\nimport cx from \"classnames\";\nimport { useTableContext } from \"../TableContext\";\nimport styles from \"./Cell.module.scss\"; // Import SCSS module\nimport { CellProps as BaseCellProps } from \"./Cell.types\";\nimport { LGRowData } from \"../useLeafyGreenTable\";\n\nconst Cell = <T extends LGRowData>({\n  className,\n  contentClassName,\n  align,\n  children,\n  cell,\n  ...rest\n}: BaseCellProps<T>) => {\n  const { disableAnimations } = useTableContext();\n\n  if (!cell) {\n    console.error(\"Cell prop is missing\");\n    return null;\n  }\n\n  if (!cell.column) {\n    console.error(\"Cell prop structure is incorrect. Missing 'column' property.\", cell);\n    return null;\n  }\n\n  const sticky = cell.column.columnDef?.sticky;\n  const isLastStickyLeft = cell.column.columnDef?.isLastStickyLeft;\n  const isFirstStickyRight = cell.column.columnDef?.isFirstStickyRight;\n\n  return (\n    <td\n      className={cx(\n        styles.baseCell,\n        className,\n        sticky === \"left\" && styles.stickyLeft,\n        sticky === \"right\" && styles.stickyRight,\n        isLastStickyLeft && styles.lastStickyLeft,\n        isFirstStickyRight && styles.firstStickyRight\n      )}\n      {...rest}\n    >\n      <div\n        className={cx(\n          styles.cellTransitionContainer,\n          styles[`align-${align}`],\n          { [styles.disableAnimation]: disableAnimations },\n          contentClassName\n        )}\n      >\n        {children}\n      </div>\n    </td>\n  );\n};\n\nCell.displayName = \"Cell\";\n\nexport default Cell;\n"],"names":["Cell","_a","className","contentClassName","align","children","cell","rest","__rest","disableAnimations","useTableContext","console","error","column","sticky","_b","columnDef","isLastStickyLeft","_c","isFirstStickyRight","_d","_jsx","Object","assign","cx","styles","baseCell","stickyLeft","stickyRight","lastStickyLeft","firstStickyRight","cellTransitionContainer","concat","_defineProperty","disableAnimation","displayName"],"mappings":"0TAQA,IAAMA,EAAO,SAAsBC,aACjCC,EAMiBD,EANjBC,UACAC,EAKiBF,EALjBE,iBACAC,EAIiBH,EAJjBG,MACAC,EAGiBJ,EAHjBI,SACAC,EAEiBL,EAFjBK,KACGC,EAAIC,EAAAP,EAN0B,4DAQzBQ,EAAsBC,IAAtBD,kBAER,IAAKH,EAEH,OADAK,QAAQC,MAAM,wBACP,KAGT,IAAKN,EAAKO,OAER,OADAF,QAAQC,MAAM,+DAAgEN,GACvE,KAGT,IAAMQ,EAAgC,QAAvBC,EAAAT,EAAKO,OAAOG,iBAAW,IAAAD,OAAA,EAAAA,EAAAD,OAChCG,EAA0C,QAAvBC,EAAAZ,EAAKO,OAAOG,iBAAW,IAAAE,OAAA,EAAAA,EAAAD,iBAC1CE,EAA4C,QAAvBC,EAAAd,EAAKO,OAAOG,iBAAW,IAAAI,OAAA,EAAAA,EAAAD,mBAElD,OACEE,EACE,KAAAC,OAAAC,OAAA,CAAArB,UAAWsB,EACTC,EAAOC,SACPxB,EACW,SAAXY,GAAqBW,EAAOE,WACjB,UAAXb,GAAsBW,EAAOG,YAC7BX,GAAoBQ,EAAOI,eAC3BV,GAAsBM,EAAOK,mBAE3BvB,EAAI,CAAAF,SAERgB,EACE,MAAAC,OAAAC,OAAA,CAAArB,UAAWsB,EACTC,EAAOM,wBACPN,EAAM,SAAAO,OAAU5B,IAAQ6B,EACrBR,CAAAA,EAAAA,EAAOS,iBAAmBzB,GAC7BN,IAGD,CAAAE,SAAAA,OAIT,EAEAL,EAAKmC,YAAc"}

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

@@ -0,0 +1,2 @@
+var n={baseCell:"baseCell",stickyLeft:"stickyLeft",stickyRight:"stickyRight",lastStickyLeft:"lastStickyLeft",firstStickyRight:"firstStickyRight",firstChildCell:"firstChildCell",cellTransitionContainer:"cellTransitionContainer",truncatedContent:"truncatedContent",disableAnimation:"disableAnimation",cellContentTransitionEntered:"cellContentTransitionEntered",cellContentTransitionEntering:"cellContentTransitionEntering",cellContentTransitionExiting:"cellContentTransitionExiting",cellContentTransitionExited:"cellContentTransitionExited",cellContentTransitionUnmounted:"cellContentTransitionUnmounted","align-left":"align-left","align-right":"align-right","align-center":"align-center"};!function(n){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],e="s_id-adcf278e278b_0_0_82-table-tanstack";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))}(".baseCell {\n  overflow: hidden;\n  border-block-start: solid 1px transparent;\n  border-block-end: solid 1px transparent;\n  border-block-end-color: var(--divider-primary);\n  transition: all 0.3s ease-out;\n}\n.baseCell:focus-visible {\n  box-shadow: inset 0 0 0 1px black;\n}\n.baseCell:last-child {\n  padding-right: 32px;\n}\n.baseCell.stickyLeft {\n  position: sticky;\n  left: 0;\n  z-index: 1;\n  background-color: var(--surface-primary);\n}\n.baseCell.stickyRight {\n  position: sticky;\n  right: 0;\n  z-index: 1;\n  background-color: var(--surface-primary);\n}\n.baseCell.lastStickyLeft {\n  box-shadow: inset -10px 0 5px -5px var(--shadow-color);\n}\n.baseCell.firstStickyRight {\n  box-shadow: inset 10px 0 5px -5px var(--shadow-color);\n}\n.firstChildCell {\n  padding-left: 40px;\n}\n.cellTransitionContainer {\n  display: flex;\n  align-items: center;\n  min-height: 40px;\n  transition-property: min-height, max-height, opacity, padding, transform;\n  transition-duration: 250ms;\n  transition-timing-function: ease;\n}\n.truncatedContent {\n  display: -webkit-box;\n  -webkit-line-clamp: 3;\n  -webkit-box-orient: vertical;\n  -webkit-box-align: start;\n}\n.disableAnimation {\n  transition-duration: 0;\n  transition: none;\n}\n.cellContentTransitionEntered {\n  opacity: 1;\n  min-height: 40px;\n  max-height: unset;\n}\n.cellContentTransitionEntering,\n.cellContentTransitionExiting,\n.cellContentTransitionExited,\n.cellContentTransitionUnmounted {\n  opacity: 0;\n  min-height: 0;\n  max-height: 0;\n  overflow: hidden;\n}\n.align-left {\n  justify-content: left;\n  text-align: left;\n}\n.align-right {\n  justify-content: right;\n  text-align: right;\n}\n.align-center {\n  justify-content: center;\n  text-align: center;\n}");export{n as default};
+//# sourceMappingURL=Cell.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Table/components/Cell/Cell.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Cell.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/mocked_classnames_esm/src/components/Table/components/Cell/Cell.types.js

@@ -0,0 +1,2 @@
+var t={Default:"default",Truncate:"truncate"};export{t as CellOverflowBehavior};
+//# sourceMappingURL=Cell.types.js.map

package/dist/mocked_classnames_esm/src/components/Table/components/Cell/Cell.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Cell.types.js","sources":["../../../../../../../src/components/Table/components/Cell/Cell.types.ts"],"sourcesContent":["import { CSSProperties, ReactNode } from 'react';\nimport { Cell as ReactTableCell } from '@tanstack/react-table';\nimport { LGRowData, LGTableDataType } from '../useLeafyGreenTable';\n\nexport type Align = 'left' | 'right' | 'center';\n\nexport const CellOverflowBehavior = {\n  Default: 'default',\n  Truncate: 'truncate',\n  // Expand: 'expand', // Uncomment this when you implement the expand functionality\n} as const;\n\nexport type CellOverflowBehavior = (typeof CellOverflowBehavior)[keyof typeof CellOverflowBehavior];\n\ninterface BaseHTMLAttributes {\n  className?: string;\n  style?: CSSProperties;\n  id?: string;\n  // Add other HTML attributes as necessary\n}\n\ninterface BaseCellProps extends BaseHTMLAttributes {\n  /**\n   * Alignment of the cell's contents\n   *\n   * Overrides `<td>`'s deprecated `align` prop\n   */\n  align?: Align;\n\n  children?: ReactNode;\n\n  /** A `className` applied to the inner `div` of the Cell */\n  contentClassName?: string;\n\n  /**\n   * Defines how a cell should behave when its content is larger than the standard cell height.\n   *\n   * `Default`: The cell height will be fixed to the standard cell height (40px by default).\n   * Any overflowing content will be clipped.\n   *\n   * `Truncate`: The cell height will be fixed to the standard cell height (40px by default),\n   * and include an ellipsis before the content is clipped.\n   *\n   * Note: It's recommended to provide the same value for all cells in a given row.\n   *\n   * @default CellOverflowBehavior.Default\n   */\n  overflow?: CellOverflowBehavior;\n}\n\nexport type LeafyGreenTableCell<T extends LGRowData> = ReactTableCell<LGTableDataType<T>, unknown>;\n\nexport interface CellProps<T extends LGRowData> extends BaseCellProps {\n  cell: LeafyGreenTableCell<T>;\n}\n\nexport interface InternalCellProps extends BaseCellProps {\n  /**\n   * Index of the cell in its parent row.\n   */\n  cellIndex: number;\n  children?: ReactNode;\n\n  /**\n   * Depth of nesting its parent row has.\n   */\n  depth: number;\n\n  /**\n   * Defines whether the cell's row is visible (i.e. expanded)\n   *\n   * @default true\n   */\n  isVisible?: boolean;\n\n  /**\n   * Defines whether the cell's row is expandable\n   *\n   * @default false\n   */\n  isExpandable?: boolean;\n}\n"],"names":["CellOverflowBehavior","Default","Truncate"],"mappings":"AAMO,IAAMA,EAAuB,CAClCC,QAAS,UACTC,SAAU"}

package/dist/mocked_classnames_esm/src/components/Table/components/Cell/HeaderCell/HeaderCell.js

@@ -0,0 +1,2 @@
+import{defineProperty as e}from"../../../../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as o}from"../../../../../../_virtual/_tslib.js";import{jsx as s,jsxs as l}from"react/jsx-runtime";import n from"classnames";import{useTableContext as t}from"../../TableContext/TableContext.js";import i from"./HeaderCell.module.scss.js";import{SortState as r}from"./HeaderCell.types.js";import c from"../../../../Icon/Icons/components/MoveArrowUp.js";import a from"../../../../Icon/Icons/components/MoveArrowDown.js";import m from"../../../../IconButton/IconButton.js";var d={false:r.Off,asc:r.Asc,desc:r.Desc},u=function(u){var f,g,v,p,h,b,j=u.children,z=u.className,C=u.header,I=o(u,["children","className","cellIndex","header"]);t();if(C&&C.column.getCanSort()){var S=""+C.column.getIsSorted();h=d[S],b=C.column.getToggleSortingHandler()}var x=null==C?void 0:C.getSize(),y=null===(f=null==C?void 0:C.column.columnDef)||void 0===f?void 0:f.isResizable,D=null===(g=null==C?void 0:C.column.columnDef)||void 0===g?void 0:g.sticky;return s("th",Object.assign({className:n(z,i.headerCell,y&&i.resizableHeaderCell,"left"===D&&i.stickyLeft,"right"===D&&i.stickyRight),scope:"col"},I,{children:l("div",Object.assign({className:n(i.headerCellContent),style:{minWidth:x?"".concat(x,"px"):void 0}},{children:[j,b&&s(m,{ariaLabel:"asc"===h?"Sort Descending":"Sort Ascending",size:null===(v=null==m?void 0:m.sizes)||void 0===v?void 0:v.XXS,className:n(i.sortIcon,e({},i.visible,h!==r.Off)),icon:"asc"===h?a:c,onClick:b}),y&&s("div",Object.assign({},{onDoubleClick:function(){return C.column.resetSize()},onMouseDown:C.getResizeHandler(),onTouchStart:C.getResizeHandler(),className:n(i.resizer,C.column.getIsResizing()&&i.isResizing),style:{transform:C.column.getIsResizing()?"translateX(".concat(null!==(p=C.getStart())&&void 0!==p?p:0,"px)"):""}}))]}))}))};export{u as default};
+//# sourceMappingURL=HeaderCell.js.map

package/dist/mocked_classnames_esm/src/components/Table/components/Cell/HeaderCell/HeaderCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderCell.js","sources":["../../../../../../../../src/components/Table/components/Cell/HeaderCell/HeaderCell.tsx"],"sourcesContent":["//@ts-nocheck\nimport React, { PropsWithChildren } from \"react\";\nimport cx from \"classnames\";\nimport { useTableContext } from \"../../TableContext\";\nimport { LGRowData } from \"../../useLeafyGreenTable\";\nimport styles from \"./HeaderCell.module.scss\";\nimport { HeaderCellProps, SortState, SortStates } from \"./HeaderCell.types\";\nimport MoveArrowUp from \"../../../../Icon/Icons/components/MoveArrowUp\";\nimport MoveArrowDown from \"../../../../Icon/Icons/components/MoveArrowDown\";\nimport IconButton from \"../../../../IconButton/IconButton\";\n\nconst HeaderSortState: SortStates = {\n  false: SortState.Off,\n  asc: SortState.Asc,\n  desc: SortState.Desc,\n};\n\nconst HeaderCell = <T extends LGRowData>({\n  children,\n  className,\n  cellIndex,\n  header,\n  ...rest\n}: PropsWithChildren<HeaderCellProps<T>>) => {\n  const { table } = useTableContext();\n\n  const isFirstCell = cellIndex === 0;\n  const isSelectable = !!table && !!table.hasSelectableRows;\n\n  let columnName, sortState, onSortIconClick;\n\n  if (header && header.column.getCanSort()) {\n    columnName = header.column.columnDef.header as string;\n    const headerSortDirection = header.column.getIsSorted().toString();\n    sortState = HeaderSortState[headerSortDirection];\n    onSortIconClick = header.column.getToggleSortingHandler();\n  }\n\n  const headerSize = header?.getSize();\n  const isResizable = header?.column.columnDef?.isResizable;\n  const sticky = header?.column.columnDef?.sticky;\n\n  return (\n    <th\n      className={cx(\n        className,\n        styles.headerCell,\n        isResizable && styles.resizableHeaderCell,\n        sticky === 'left' && styles.stickyLeft,\n        sticky === 'right' && styles.stickyRight\n      )}\n      scope=\"col\"\n      {...rest}\n    >\n      <div\n        className={cx(styles.headerCellContent)}\n        style={{ minWidth: headerSize ? `${headerSize}px` : undefined }}\n      >\n        {children}\n        {onSortIconClick && (\n          <IconButton\n            ariaLabel={\n              sortState === \"asc\" ? \"Sort Descending\" : \"Sort Ascending\"\n            }\n            size={IconButton?.sizes?.XXS}\n            className={cx(styles.sortIcon, {\n              [styles.visible]: sortState !== SortState.Off,\n            })}\n            icon={sortState === \"asc\" ? MoveArrowDown : MoveArrowUp}\n            onClick={onSortIconClick}\n          />\n        )}\n        {isResizable && (\n          <div\n            {...{\n              onDoubleClick: () => header.column.resetSize(),\n              onMouseDown: header.getResizeHandler(),\n              onTouchStart: header.getResizeHandler(),\n              className: cx(\n                styles.resizer,\n                header.column.getIsResizing() && styles.isResizing\n              ),\n              style: {\n                transform: header.column.getIsResizing()\n                  ? `translateX(${header.getStart() ?? 0}px)`\n                  : \"\",\n              },\n            }}\n          />\n        )}\n      </div>\n    </th>\n  );\n};\n\nexport default HeaderCell;\n"],"names":["HeaderSortState","false","SortState","Off","asc","Asc","desc","Desc","HeaderCell","_a","sortState","onSortIconClick","children","className","header","rest","__rest","useTableContext","column","getCanSort","headerSortDirection","getIsSorted","getToggleSortingHandler","headerSize","getSize","isResizable","_b","columnDef","sticky","_c","_jsx","Object","assign","cx","styles","headerCell","resizableHeaderCell","stickyLeft","stickyRight","scope","_jsxs","headerCellContent","style","minWidth","concat","undefined","IconButton","ariaLabel","size","_d","sizes","XXS","sortIcon","_defineProperty","visible","icon","MoveArrowDown","MoveArrowUp","onClick","onDoubleClick","resetSize","onMouseDown","getResizeHandler","onTouchStart","resizer","getIsResizing","isResizing","transform","_e","getStart"],"mappings":"2jBAWA,IAAMA,EAA8B,CAClCC,MAAOC,EAAUC,IACjBC,IAAKF,EAAUG,IACfC,KAAMJ,EAAUK,MAGZC,EAAa,SAAsBC,eAYvBC,EAAWC,EAX3BC,EAGMH,EAHNG,SACAC,EAEMJ,EAFNI,UAEAC,EAAML,EAANK,OACGC,EALoCC,EAAAP,EAAA,CAAA,WAAA,YAAA,YAAA,WAOrBQ,IAOlB,GAAIH,GAAUA,EAAOI,OAAOC,aAAc,CAExC,IAAMC,EAAsBN,KAAOI,OAAOG,cAC1CX,EAAYV,EAAgBoB,GAC5BT,EAAkBG,EAAOI,OAAOI,yBACjC,CAED,IAAMC,EAAaT,eAAAA,EAAQU,UACrBC,EAAsC,QAAxBC,EAAAZ,aAAM,EAANA,EAAQI,OAAOS,iBAAS,IAAAD,OAAA,EAAAA,EAAED,YACxCG,EAAiC,QAAxBC,EAAAf,aAAM,EAANA,EAAQI,OAAOS,iBAAS,IAAAE,OAAA,EAAAA,EAAED,OAEzC,OACEE,EACE,KAAAC,OAAAC,OAAA,CAAAnB,UAAWoB,EACTpB,EACAqB,EAAOC,WACPV,GAAeS,EAAOE,oBACX,SAAXR,GAAqBM,EAAOG,WACjB,UAAXT,GAAsBM,EAAOI,aAE/BC,MAAM,OACFxB,YAEJyB,EACE,MAAAT,OAAAC,OAAA,CAAAnB,UAAWoB,EAAGC,EAAOO,mBACrBC,MAAO,CAAEC,SAAUpB,EAAU,GAAAqB,OAAMrB,EAAiBsB,WAAAA,IAAW,CAAAjC,SAAA,CAE9DA,EACAD,GACCmB,EAACgB,EACC,CAAAC,UACgB,QAAdrC,EAAsB,kBAAoB,iBAE5CsC,KAAyB,QAAnBC,EAAAH,aAAU,EAAVA,EAAYI,aAAO,IAAAD,OAAA,EAAAA,EAAAE,IACzBtC,UAAWoB,EAAGC,EAAOkB,SAAQC,EAAA,CAAA,EAC1BnB,EAAOoB,QAAU5C,IAAcR,EAAUC,MAE5CoD,KAAoB,QAAd7C,EAAsB8C,EAAgBC,EAC5CC,QAAS/C,IAGZc,GACCK,EACM,MAAAC,OAAAC,OAAA,GAAA,CACF2B,cAAe,WAAA,OAAM7C,EAAOI,OAAO0C,WAAW,EAC9CC,YAAa/C,EAAOgD,mBACpBC,aAAcjD,EAAOgD,mBACrBjD,UAAWoB,EACTC,EAAO8B,QACPlD,EAAOI,OAAO+C,iBAAmB/B,EAAOgC,YAE1CxB,MAAO,CACLyB,UAAWrD,EAAOI,OAAO+C,gBAAerB,cAAAA,OACD,QAArBwB,EAAAtD,EAAOuD,kBAAc,IAAAD,EAAAA,EAAA,EACnC,OAAA,aAQpB"}

package/dist/mocked_classnames_esm/src/components/Table/components/Cell/HeaderCell/HeaderCell.module.scss.js

@@ -0,0 +1,2 @@
+var e={headerCellContent:"headerCellContent",headerCell:"headerCell",sortIcon:"sortIcon",stickyLeft:"stickyLeft",stickyRight:"stickyRight",visible:"visible",resizableHeaderCell:"resizableHeaderCell",resizer:"resizer",isResizing:"isResizing",tableSort:"tableSort",tableSortsorted:"tableSortsorted"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],r="s_id-176eea49fa0f_0_0_82-table-tanstack";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))}(".headerCellContent {\n  height: 40px;\n}\n\n.headerCell {\n  position: relative;\n}\n\n.headerCell:hover .sortIcon,\n.headerCell .sortIcon:hover {\n  opacity: 1;\n}\n\n.headerCell.stickyLeft {\n  position: sticky;\n  left: 0;\n  z-index: 1;\n  background-color: var(--surface-primary);\n}\n\n.headerCell.stickyRight {\n  position: sticky;\n  right: 0;\n  z-index: 1;\n  background-color: var(--surface-primary);\n}\n\n.sortIcon {\n  opacity: 0;\n  transition: opacity 0.3s ease;\n}\n\n.sortIcon.visible {\n  opacity: 1;\n}\n\n.resizableHeaderCell {\n  position: relative;\n}\n\n.headerCellContent {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  border-block-start: solid 1px transparent;\n  border-block-end: solid 1px transparent;\n  border-block-end-color: var(--divider-primary);\n}\n\n.resizer {\n  position: absolute;\n  inline-size: 6px;\n  width: 5px;\n  height: 100%;\n  block-size: 100%;\n  margin-inline: auto;\n  cursor: col-resize;\n  right: 0;\n  top: 0;\n  background-color: transparent;\n  transition: background-color 0.3s ease-out, width 0.3s ease-out;\n}\n\n.resizer:hover {\n  background-color: var(--divider-secondary);\n}\n\n.isResizing {\n  background-color: rgba(173, 216, 230, 0.5);\n  user-select: none;\n  inline-size: var(--spacing-small);\n  background-color: var(--divider-selected);\n}\n\n.tableSort {\n  opacity: 1;\n  color: var(--icon-secondary);\n}\n\n.tableSortsorted {\n  background-color: var(--surface-primary-hover);\n}\n\n.tableSortsorted .tableSort {\n  opacity: 1;\n  --_iui-table-cell-icon-fill: var(--icon-primary);\n}");export{e as default};
+//# sourceMappingURL=HeaderCell.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Table/components/Cell/HeaderCell/HeaderCell.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderCell.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/mocked_classnames_esm/src/components/Table/components/Cell/HeaderCell/HeaderCell.types.js

@@ -0,0 +1,2 @@
+var e={Asc:"asc",Desc:"desc",Off:"off",None:"none"};export{e as SortState};
+//# sourceMappingURL=HeaderCell.types.js.map

package/dist/mocked_classnames_esm/src/components/Table/components/Cell/HeaderCell/HeaderCell.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderCell.types.js","sources":["../../../../../../../../src/components/Table/components/Cell/HeaderCell/HeaderCell.types.ts"],"sourcesContent":["import { Header } from \"@tanstack/react-table\";\nimport { CSSProperties } from 'react';\n\nimport { LGRowData } from \"../../useLeafyGreenTable\";\n\nexport const SortState = {\n  Asc: \"asc\",\n  Desc: \"desc\",\n  Off: \"off\",\n  None: \"none\",\n} as const;\n\nexport type SortState = (typeof SortState)[keyof typeof SortState];\n\nexport interface SortStates {\n  [key: string]: SortState;\n}\n\nexport interface HeaderCellProps<T extends LGRowData> {\n  align?: \"left\" | \"center\" | \"right\";\n  sortState?: SortState;\n  header?: Header<T, unknown>;\n  cellIndex?: number;\n  className?: string;\n  style?: CSSProperties;\n  id?: string;\n}\n"],"names":["SortState","Asc","Desc","Off","None"],"mappings":"AAKO,IAAMA,EAAY,CACvBC,IAAK,MACLC,KAAM,OACNC,IAAK,MACLC,KAAM"}

package/dist/mocked_classnames_esm/src/components/Table/components/Cell/InternalCell.js

@@ -0,0 +1,2 @@
+import{__rest as e}from"../../../../../_virtual/_tslib.js";import{jsx as t}from"react/jsx-runtime";import{useRef as n,useMemo as l}from"react";import{Transition as i}from"react-transition-group";import r from"prop-types";import a from"classnames";import{useTableContext as s}from"../TableContext/TableContext.js";import o from"./Cell.module.scss.js";import{CellOverflowBehavior as c}from"./Cell.types.js";var m=function(r){var m=r.children,d=r.className,p=r.contentClassName,u=r.cellIndex,f=r.depth,b=void 0===f?0:f,C=r.isVisible,h=void 0===C||C,g=r.overflow,x=r.align,v=e(r,["children","className","contentClassName","cellIndex","depth","isVisible","isExpandable","overflow","align"]),j=0===u,N=s(),y=N.disableAnimations,T=n(null),I=n(null),O=parseInt(o.standardCellHeight,10),V=I.current?I.current.scrollHeight:0,w=l((function(){return g===c.Truncate&&V>O}),[O,g,V]);return t("td",Object.assign({className:a(o.baseCell,j&&o.firstChildCell,d),style:j?{paddingLeft:"".concat(20*b,"px")}:void 0},v,{children:t(i,Object.assign({in:h,timeout:0,nodeRef:T},{children:function(e){return t("div",Object.assign({"data-state":e,ref:I,className:a(o.cellTransitionContainer,o["cell-content-transition-".concat(e)],o["align-".concat(x)],y&&o.disableAnimation,w&&o.truncatedContent,p)},{children:m}))}}))}))};m.displayName="Cell",m.propTypes={cellIndex:r.number,depth:r.number,isVisible:r.bool,isExpandable:r.bool};export{m as default};
+//# sourceMappingURL=InternalCell.js.map

package/dist/mocked_classnames_esm/src/components/Table/components/Cell/InternalCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InternalCell.js","sources":["../../../../../../../src/components/Table/components/Cell/InternalCell.tsx"],"sourcesContent":["import React, { useMemo, useRef } from 'react';\nimport { Transition } from 'react-transition-group';\nimport PropTypes from 'prop-types';\nimport cx from 'classnames';\nimport { useTableContext } from '../TableContext';\nimport styles from './Cell.module.scss';\nimport { CellOverflowBehavior, InternalCellProps } from './Cell.types';\n\nconst InternalCell = ({\n  children,\n  className,\n  contentClassName,\n  cellIndex,\n  depth = 0,\n  isVisible = true,\n  isExpandable = false,\n  overflow,\n  align,\n  ...rest\n}: InternalCellProps) => {\n  const isFirstCell = cellIndex === 0;\n  const { table, disableAnimations } = useTableContext();\n  const isSelectable = !!table && !!table.hasSelectableRows;\n  const transitionRef = useRef<HTMLElement | null>(null);\n  const contentRef = useRef<HTMLDivElement>(null);\n\n  const contentHeight = parseInt(styles.standardCellHeight, 10);\n  const scrollHeight = contentRef.current ? contentRef.current.scrollHeight : 0;\n  const shouldTruncate = useMemo(() => (\n    overflow === CellOverflowBehavior.Truncate && scrollHeight > contentHeight\n  ), [contentHeight, overflow, scrollHeight]);\n\n  return (\n    <td\n      className={cx(\n        styles.baseCell,\n        isFirstCell && styles.firstChildCell, // Conditionally apply padding for the first cell\n        className,\n      )}\n      style={isFirstCell ? { paddingLeft: `${depth * 20}px` } : undefined} // Apply dynamic padding based on depth\n      {...rest}\n    >\n      <Transition in={isVisible} timeout={0} nodeRef={transitionRef}>\n        {state => (\n          <div\n            data-state={state}\n            ref={contentRef}\n            className={cx(\n              styles.cellTransitionContainer,\n              styles[`cell-content-transition-${state}`], // Apply transition styles based on state\n              styles[`align-${align}`], // Dynamic alignment based on the `align` prop\n              disableAnimations && styles.disableAnimation,\n              shouldTruncate && styles.truncatedContent,\n              contentClassName,\n            )}\n          >\n            {children}\n          </div>\n        )}\n      </Transition>\n    </td>\n  );\n};\n\nInternalCell.displayName = 'Cell';\nInternalCell.propTypes = {\n  cellIndex: PropTypes.number,\n  depth: PropTypes.number,\n  isVisible: PropTypes.bool,\n  isExpandable: PropTypes.bool,\n};\n\nexport default InternalCell;\n"],"names":["InternalCell","_a","children","className","contentClassName","cellIndex","_a$depth","depth","_a$isVisible","isVisible","overflow","align","rest","__rest","isFirstCell","_useTableContext","useTableContext","disableAnimations","transitionRef","useRef","contentRef","contentHeight","parseInt","styles","standardCellHeight","scrollHeight","current","shouldTruncate","useMemo","CellOverflowBehavior","Truncate","_jsx","Object","assign","cx","baseCell","firstChildCell","style","paddingLeft","concat","undefined","Transition","in","timeout","nodeRef","state","ref","cellTransitionContainer","disableAnimation","truncatedContent","displayName","propTypes","PropTypes","number","bool","isExpandable"],"mappings":"qZAQA,IAAMA,EAAe,SAACC,GAAA,IACpBC,EAQKD,EARLC,SACAC,EAOKF,EAPLE,UACAC,EAMKH,EANLG,iBACAC,EAKKJ,EALLI,UAASC,EAKJL,EAJLM,MAAAA,OAAQ,IAAHD,EAAG,EAACA,EAAAE,EAIJP,EAHLQ,UAAAA,OAAY,IAAHD,GAAOA,EAEhBE,EACKT,EADLS,SACAC,EAAKV,EAALU,MACGC,EAViBC,EAAAZ,EAAA,CAAA,WAAA,YAAA,mBAAA,YAAA,QAAA,YAAA,eAAA,WAAA,UAYda,EAA4B,IAAdT,EACpBU,EAAqCC,IAAtBC,EAAiBF,EAAjBE,kBAETC,EAAgBC,EAA2B,MAC3CC,EAAaD,EAAuB,MAEpCE,EAAgBC,SAASC,EAAOC,mBAAoB,IACpDC,EAAeL,EAAWM,QAAUN,EAAWM,QAAQD,aAAe,EACtEE,EAAiBC,GAAQ,WAAA,OAC7BlB,IAAamB,EAAqBC,UAAYL,EAAeJ,CAC9D,GAAE,CAACA,EAAeX,EAAUe,IAE7B,OACEM,EACE,KAAAC,OAAAC,OAAA,CAAA9B,UAAW+B,EACTX,EAAOY,SACPrB,GAAeS,EAAOa,eACtBjC,GAEFkC,MAAOvB,EAAc,CAAEwB,YAAWC,GAAAA,OAAa,GAARhC,EAAU,YAASiC,GACtD5B,EAAI,CAAAV,SAER6B,EAACU,EAAWT,OAAAC,OAAA,CAAAS,GAAIjC,EAAWkC,QAAS,EAAGC,QAAS1B,GAAa,CAAAhB,SAC1D,SAAA2C,GAAK,OACJd,EAAA,MAAAC,OAAAC,OAAA,CAAA,aACcY,EACZC,IAAK1B,EACLjB,UAAW+B,EACTX,EAAOwB,wBACPxB,EAAMgB,2BAAAA,OAA4BM,IAClCtB,EAAMgB,SAAAA,OAAU5B,IAChBM,GAAqBM,EAAOyB,iBAC5BrB,GAAkBJ,EAAO0B,iBACzB7C,cAGDF,IACG,OAKhB,EAEAF,EAAakD,YAAc,OAC3BlD,EAAamD,UAAY,CACvB9C,UAAW+C,EAAUC,OACrB9C,MAAO6C,EAAUC,OACjB5C,UAAW2C,EAAUE,KACrBC,aAAcH,EAAUE"}

package/dist/mocked_classnames_esm/src/components/Table/components/ExpandedContent/ExpandedContent.js

@@ -0,0 +1,2 @@
+import{defineProperty as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as n}from"../../../../../_virtual/_tslib.js";import{jsx as t}from"react/jsx-runtime";import{useRef as r,useMemo as i}from"react";import{Transition as o}from"react-transition-group";import a from"classnames";import s from"../Row/InternalRowBase.js";import{useTableContext as l}from"../TableContext/TableContext.js";import{getAreAncestorsExpanded as d}from"../utils/areAncestorsExpanded.js";import c from"./ExpandedContent.module.scss.js";var m=function(m){var p=m.row,u=n(m,["row"]),f=l(),g=f.disableAnimations,b=f.getParentRow,j=r(null),x=r(null),C=d(p.id,b),h=!!(null==b?void 0:b(p.id)),v=p.getIsExpanded()&&(!h||C),E=p.original.renderExpandedContent&&p.original.renderExpandedContent(p);return i((function(){return j.current?j.current.clientHeight:0}),[E]),t(s,Object.assign({},u,{children:t("td",Object.assign({colSpan:p.getVisibleCells().length,className:a(c.baseStyles)},{children:t(o,Object.assign({in:v,timeout:0,nodeRef:x},{children:function(n){return t("div",Object.assign({"data-state":n,className:a(c.cellTransitionContainer,e({},c.disableAnimation,g),c["cell-content-transition-".concat(n)],v?c.expandedContent:"")},{children:t("div",Object.assign({ref:j},{children:E}))}))}}))}))}))};m.displayName="ExpandedContent";export{m as default};
+//# sourceMappingURL=ExpandedContent.js.map

package/dist/mocked_classnames_esm/src/components/Table/components/ExpandedContent/ExpandedContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpandedContent.js","sources":["../../../../../../../src/components/Table/components/ExpandedContent/ExpandedContent.tsx"],"sourcesContent":["import React, { useMemo, useRef } from 'react';\nimport { Transition } from 'react-transition-group';\nimport { RowData } from '@tanstack/react-table';\n\nimport cx from 'classnames';\nimport InternalRowBase from '../Row/InternalRowBase';\nimport { useTableContext } from '../TableContext';\nimport { getAreAncestorsExpanded } from '../utils/areAncestorsExpanded';\n\nimport styles from './ExpandedContent.module.scss'; // Updated import to SCSS module\nimport { ExpandedContentProps } from './ExpandedContent.types';\n\nconst ExpandedContent = <T extends RowData>({\n  row,\n  ...rest\n}: ExpandedContentProps<T>) => {\n  const { disableAnimations, getParentRow } = useTableContext();\n  const contentRef = useRef<HTMLDivElement>(null);\n  const transitionRef = useRef<HTMLElement | null>(null);\n  const areAncestorsExpanded = getAreAncestorsExpanded(row.id, getParentRow);\n  const isNestedRow = !!getParentRow?.(row.id);\n  const isExpanded =\n    row.getIsExpanded() && (!isNestedRow || areAncestorsExpanded);\n  const content =\n    row.original.renderExpandedContent &&\n    row.original.renderExpandedContent(row);\n\n  const contentHeight = useMemo(\n    () => (contentRef.current ? contentRef.current.clientHeight : 0),\n    [content],\n  );\n\n  return (\n    <InternalRowBase {...rest}>\n      <td colSpan={row.getVisibleCells().length} className={cx(styles.baseStyles)}>\n        <Transition in={isExpanded} timeout={0} nodeRef={transitionRef}>\n          {state => (\n            <div\n              data-state={state}\n              className={cx(\n                styles.cellTransitionContainer,\n                { [styles.disableAnimation]: disableAnimations },\n                styles[`cell-content-transition-${state}`],\n                // Use a global theme className applied at a higher level in the app, or manage theme switch with context or state\n                isExpanded ? styles.expandedContent : '',\n              )}\n            >\n              <div ref={contentRef}>{content}</div>\n            </div>\n          )}\n        </Transition>\n      </td>\n    </InternalRowBase>\n  );\n};\n\nExpandedContent.displayName = 'ExpandedContent';\n\nexport default ExpandedContent;\n"],"names":["ExpandedContent","_a","row","rest","__rest","_useTableContext","useTableContext","disableAnimations","getParentRow","contentRef","useRef","transitionRef","areAncestorsExpanded","getAreAncestorsExpanded","id","isNestedRow","isExpanded","getIsExpanded","content","original","renderExpandedContent","useMemo","current","clientHeight","_jsx","InternalRowBase","Object","assign","children","colSpan","getVisibleCells","length","className","cx","styles","baseStyles","Transition","in","timeout","nodeRef","state","cellTransitionContainer","_defineProperty","disableAnimation","concat","expandedContent","ref","displayName"],"mappings":"yhBAYA,IAAMA,EAAkB,SAAoBC,GAAA,IAC1CC,EAEwBD,EAFxBC,IACGC,EAAIC,EAAAH,EAFmC,SAI1CI,EAA4CC,IAApCC,EAAiBF,EAAjBE,kBAAmBC,EAAYH,EAAZG,aACrBC,EAAaC,EAAuB,MACpCC,EAAgBD,EAA2B,MAC3CE,EAAuBC,EAAwBX,EAAIY,GAAIN,GACvDO,KAAgBP,aAAA,EAAAA,EAAeN,EAAIY,KACnCE,EACJd,EAAIe,mBAAqBF,GAAeH,GACpCM,EACJhB,EAAIiB,SAASC,uBACblB,EAAIiB,SAASC,sBAAsBlB,GAOrC,OALsBmB,GACpB,WAAA,OAAOZ,EAAWa,QAAUb,EAAWa,QAAQC,aAAe,CAAC,GAC/D,CAACL,IAIDM,EAACC,EAAeC,OAAAC,OAAA,CAAA,EAAKxB,EACnB,CAAAyB,SAAAJ,EAAA,KAAAE,OAAAC,OAAA,CAAIE,QAAS3B,EAAI4B,kBAAkBC,OAAQC,UAAWC,EAAGC,EAAOC,aAAW,CAAAP,SACzEJ,EAACY,iBAAWC,GAAIrB,EAAYsB,QAAS,EAAGC,QAAS5B,GAC9C,CAAAiB,SAAA,SAAAY,GAAK,OACJhB,EAAA,MAAAE,OAAAC,OAAA,CAAA,aACca,EACZR,UAAWC,EACTC,EAAOO,wBAAuBC,EAC3BR,CAAAA,EAAAA,EAAOS,iBAAmBpC,GAC7B2B,6BAAMU,OAA4BJ,IAElCxB,EAAakB,EAAOW,gBAAkB,KACvC,CAAAjB,SAEDJ,uBAAKsB,IAAKrC,GAAU,CAAAmB,SAAGV,OACnB,UAMlB,EAEAlB,EAAgB+C,YAAc"}

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

@@ -0,0 +1,2 @@
+var e={baseStyles:"baseStyles",expandedContent:"expandedContent"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-4db27d6a765d_0_0_82-table-tanstack";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))}(".baseStyles {\n  padding: 0;\n  overflow: hidden;\n  transition: 150ms ease;\n}\n\n.expandedContent {\n  background-color: #333;\n}\n\n.expandedContent {\n  background-color: #ccc;\n}");export{e as default};
+//# sourceMappingURL=ExpandedContent.module.scss.js.map