@heliux-org/design-system-core 0.0.16 → 0.0.18

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

@@ -1,2 +1,2 @@
-var e={list:"list"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-b6fbc5d29b38_0_0_15";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))}(".list {\n  margin: 0;\n  padding: 0;\n  overflow: auto;\n}\n.list::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.list::-webkit-scrollbar-thumb {\n  background-color: var(--divider-primary);\n  border-radius: 4px;\n}");export{e as default};
+var e={list:"list"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-b6fbc5d29b38_0_0_17";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))}(".list {\n  margin: 0;\n  padding: 0;\n  overflow: auto;\n}\n.list::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.list::-webkit-scrollbar-thumb {\n  background-color: var(--divider-primary);\n  border-radius: 4px;\n}");export{e as default};
 //# sourceMappingURL=List.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/List/VirtualizedListItems/VirtualizedListItems.module.scss.js

@@ -1,2 +1,2 @@
-var e={scrollableContainer:"scrollableContainer"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],r="s_id-163a1582d9fa_0_0_15";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))}(".scrollableContainer {\n  margin: 0;\n  padding: 0;\n  overflow: auto;\n}\n.scrollableContainer::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer::-webkit-scrollbar-thumb {\n  background-color: var(--divider-primary);\n  border-radius: 4px;\n}");export{e as default};
+var e={scrollableContainer:"scrollableContainer"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],r="s_id-163a1582d9fa_0_0_17";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))}(".scrollableContainer {\n  margin: 0;\n  padding: 0;\n  overflow: auto;\n}\n.scrollableContainer::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer::-webkit-scrollbar-thumb {\n  background-color: var(--divider-primary);\n  border-radius: 4px;\n}");export{e as default};
 //# sourceMappingURL=VirtualizedListItems.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={listItem:"listItem","focus-visible":"focus-visible",disabled:"disabled",selected:"selected",small:"small",medium:"medium",large:"large"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-20d19af27cf6_0_0_15";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))}(".listItem {\n  display: flex;\n  align-items: center;\n  padding: 8px 16px;\n  border-radius: 4px;\n  cursor: pointer;\n}\n.listItem:focus-visible, .listItem.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) inset, 0 0 0 1px var(--primary-hover-color) inset;\n}\n.listItem:focus:not(.focus-visible) {\n  outline: none;\n}\n.listItem:hover {\n  background-color: var(--surface-primary-hover);\n}\n.disabled {\n  cursor: not-allowed;\n}\n.disabled:hover {\n  background-color: transparent;\n}\n.selected {\n  background-color: var(--surface-selected);\n}\n.selected:hover {\n  background-color: var(--surface-selected);\n}\n.small {\n  height: 32px;\n}\n.medium {\n  height: 40px;\n}\n.large {\n  height: 48px;\n}");export{e as default};
+var e={listItem:"listItem","focus-visible":"focus-visible",disabled:"disabled",selected:"selected",small:"small",medium:"medium",large:"large"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-20d19af27cf6_0_0_17";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))}(".listItem {\n  display: flex;\n  align-items: center;\n  padding: 8px 16px;\n  border-radius: 4px;\n  cursor: pointer;\n}\n.listItem:focus-visible, .listItem.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) inset, 0 0 0 1px var(--primary-hover-color) inset;\n}\n.listItem:focus:not(.focus-visible) {\n  outline: none;\n}\n.listItem:hover {\n  background-color: var(--surface-primary-hover);\n}\n.disabled {\n  cursor: not-allowed;\n}\n.disabled:hover {\n  background-color: transparent;\n}\n.selected {\n  background-color: var(--surface-selected);\n}\n.selected:hover {\n  background-color: var(--surface-selected);\n}\n.small {\n  height: 32px;\n}\n.medium {\n  height: 40px;\n}\n.large {\n  height: 48px;\n}");export{e as default};
 //# sourceMappingURL=ListItem.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={listItemAvatar:"listItemAvatar",avatar:"avatar"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],a="s_id-844d0a5e97b3_0_0_15";if(t.querySelector("#"+a))return;const n=document.createElement("style");n.id=a,t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.appendChild(document.createTextNode(e))}(".listItemAvatar {\n  display: flex;\n  align-items: center;\n  color: var(--text-primary);\n}\n\n.avatar {\n  width: 22px;\n  height: 22px;\n  margin-right: var(--spacing-small);\n}");export{e as default};
+var e={listItemAvatar:"listItemAvatar",avatar:"avatar"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],a="s_id-844d0a5e97b3_0_0_17";if(t.querySelector("#"+a))return;const n=document.createElement("style");n.id=a,t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.appendChild(document.createTextNode(e))}(".listItemAvatar {\n  display: flex;\n  align-items: center;\n  color: var(--text-primary);\n}\n\n.avatar {\n  width: 22px;\n  height: 22px;\n  margin-right: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=ListItemAvatar.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={listItemIcon:"listItemIcon",start:"start",end:"end"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-0065fa1ab303_0_0_15";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))}(".listItemIcon {\n  display: flex;\n  align-items: center;\n  color: var(--text-primary);\n}\n\n.start {\n  margin-right: var(--spacing-small);\n}\n\n.end {\n  margin-left: var(--spacing-small);\n}");export{e as default};
+var e={listItemIcon:"listItemIcon",start:"start",end:"end"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-0065fa1ab303_0_0_17";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))}(".listItemIcon {\n  display: flex;\n  align-items: center;\n  color: var(--text-primary);\n}\n\n.start {\n  margin-right: var(--spacing-small);\n}\n\n.end {\n  margin-left: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=ListItemIcon.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={listTitle:"listTitle"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-c001e28d81a0_0_0_15";if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}(".listTitle {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  padding: var(--spacing-medium) var(--spacing-medium) var(--spacing-small);\n  border-radius: var(--border-radius-medium);\n}");export{e as default};
+var e={listTitle:"listTitle"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-c001e28d81a0_0_0_17";if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}(".listTitle {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  padding: var(--spacing-medium) var(--spacing-medium) var(--spacing-small);\n  border-radius: var(--border-radius-medium);\n}");export{e as default};
 //# sourceMappingURL=ListTitle.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={loaderContainer:"loaderContainer",circleLoaderSpinnerBackground:"circleLoaderSpinnerBackground",circleLoaderSpinner:"circleLoaderSpinner",rotate:"rotate",circleLoaderSpinnerPath:"circleLoaderSpinnerPath",dash:"dash"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],r="s_id-129748022718_0_0_15";if(e.querySelector("#"+r))return;const a=document.createElement("style");a.id=r,e.firstChild?e.insertBefore(a,e.firstChild):e.appendChild(a),a.appendChild(document.createTextNode(n))}(".loaderContainer {\n  position: relative;\n  height: 100%;\n  width: 100%;\n}\n.loaderContainer .circleLoaderSpinnerBackground {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  margin-top: -50%;\n  margin-left: -50%;\n  stroke: var(--surface-secondary);\n}\n.loaderContainer .circleLoaderSpinner {\n  animation: rotate 1s linear infinite;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  margin-top: -50%;\n  margin-left: -50%;\n  stroke: currentColor;\n  stroke-linecap: round;\n}\n.loaderContainer .circleLoaderSpinner .circleLoaderSpinnerPath {\n  animation: dash 1s infinite;\n}\n@keyframes rotate {\n  100% {\n    transform: rotate(360deg);\n  }\n}\n@keyframes dash {\n  0% {\n    stroke-dasharray: 1, 150;\n    stroke-dashoffset: 0;\n  }\n  50% {\n    stroke-dasharray: 90, 150;\n    stroke-dashoffset: -35;\n  }\n  100% {\n    stroke-dasharray: 90, 150;\n    stroke-dashoffset: -124;\n  }\n}");export{n as default};
+var n={loaderContainer:"loaderContainer",circleLoaderSpinnerBackground:"circleLoaderSpinnerBackground",circleLoaderSpinner:"circleLoaderSpinner",rotate:"rotate",circleLoaderSpinnerPath:"circleLoaderSpinnerPath",dash:"dash"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],r="s_id-129748022718_0_0_17";if(e.querySelector("#"+r))return;const a=document.createElement("style");a.id=r,e.firstChild?e.insertBefore(a,e.firstChild):e.appendChild(a),a.appendChild(document.createTextNode(n))}(".loaderContainer {\n  position: relative;\n  height: 100%;\n  width: 100%;\n}\n.loaderContainer .circleLoaderSpinnerBackground {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  margin-top: -50%;\n  margin-left: -50%;\n  stroke: var(--surface-secondary);\n}\n.loaderContainer .circleLoaderSpinner {\n  animation: rotate 1s linear infinite;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  margin-top: -50%;\n  margin-left: -50%;\n  stroke: currentColor;\n  stroke-linecap: round;\n}\n.loaderContainer .circleLoaderSpinner .circleLoaderSpinnerPath {\n  animation: dash 1s infinite;\n}\n@keyframes rotate {\n  100% {\n    transform: rotate(360deg);\n  }\n}\n@keyframes dash {\n  0% {\n    stroke-dasharray: 1, 150;\n    stroke-dashoffset: 0;\n  }\n  50% {\n    stroke-dasharray: 90, 150;\n    stroke-dashoffset: -35;\n  }\n  100% {\n    stroke-dasharray: 90, 150;\n    stroke-dashoffset: -124;\n  }\n}");export{n as default};
 //# sourceMappingURL=Loader.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={menu:"menu",small:"small",medium:"medium",large:"large"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-7ecc536772aa_0_0_15";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))}(".menu {\n  margin: unset;\n  padding: unset;\n  position: relative;\n}\n\n.menu:focus {\n  outline: none;\n}\n\n.small {\n  width: 100px;\n}\n\n.medium {\n  width: 220px;\n}\n\n.large {\n  width: 240px;\n}");export{e as default};
+var e={menu:"menu",small:"small",medium:"medium",large:"large"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-7ecc536772aa_0_0_17";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))}(".menu {\n  margin: unset;\n  padding: unset;\n  position: relative;\n}\n\n.menu:focus {\n  outline: none;\n}\n\n.small {\n  width: 100px;\n}\n\n.medium {\n  width: 220px;\n}\n\n.large {\n  width: 240px;\n}");export{e as default};
 //# sourceMappingURL=Menu.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Menu/MenuDivider/MenuDivider.module.scss.js

@@ -1,2 +1,2 @@
-var e={menuChildDivider:"menuChildDivider"};!function(e){if("undefined"==typeof document)return;const d=document.head||document.getElementsByTagName("head")[0],n="s_id-d277a91266dd_0_0_15";if(d.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,d.firstChild?d.insertBefore(i,d.firstChild):d.appendChild(i),i.appendChild(document.createTextNode(e))}(".menuChildDivider {\n  width: 100%;\n  padding: 0 var(--spacing-small);\n}");export{e as default};
+var e={menuChildDivider:"menuChildDivider"};!function(e){if("undefined"==typeof document)return;const d=document.head||document.getElementsByTagName("head")[0],n="s_id-d277a91266dd_0_0_17";if(d.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,d.firstChild?d.insertBefore(i,d.firstChild):d.appendChild(i),i.appendChild(document.createTextNode(e))}(".menuChildDivider {\n  width: 100%;\n  padding: 0 var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=MenuDivider.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Menu/MenuItem/MenuItem.module.scss.js

@@ -1,2 +1,2 @@
-var n={item:"item",iconWrapper:"iconWrapper",subMenuIconWrapper:"subMenuIconWrapper",subMenuIcon:"subMenuIcon",icon:"icon",divider:"divider",splitMenuItemIconButton:"splitMenuItemIconButton",iconButton:"iconButton",disabled:"disabled",splitMenuItem:"splitMenuItem",focused:"focused",initialSelected:"initialSelected",selected:"selected",title:"title",hiddenTitle:"hiddenTitle"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],i="s_id-638e1bc671f1_0_0_15";if(e.querySelector("#"+i))return;const o=document.createElement("style");o.id=i,e.firstChild?e.insertBefore(o,e.firstChild):e.appendChild(o),o.appendChild(document.createTextNode(n))}(".item {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  margin: unset;\n  display: flex;\n  flex-direction: row;\n  padding: var(--spacing-xs) var(--spacing-small);\n  cursor: pointer;\n  user-select: none;\n  align-items: center;\n  border: 1px solid transparent;\n  outline: none;\n}\n\n.iconWrapper {\n  margin-right: var(--spacing-small);\n}\n\n.subMenuIconWrapper {\n  margin-left: var(--spacing-xs);\n}\n\n.subMenuIconWrapper,\n.iconWrapper {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.subMenuIconWrapper .subMenuIcon,\n.subMenuIconWrapper .icon,\n.iconWrapper .subMenuIcon,\n.iconWrapper .icon {\n  color: var(--icon-primary);\n}\n\n.subMenuIconWrapper .divider {\n  height: 19px;\n}\n\n.subMenuIconWrapper .splitMenuItemIconButton {\n  width: 34px;\n  height: 30px;\n  --surface-primary-hover: rgba(103, 104, 121, 0.1);\n  --surface-selected: rgba(103, 104, 121, 0.1);\n}\n\n.iconButton {\n  width: 18px;\n  height: 18px;\n}\n\n.iconButton:not(.disabled) {\n  color: var(--icon-primary);\n}\n\n.item.splitMenuItem {\n  padding: 0 0 0 var(--spacing-small);\n}\n\n.item.disabled {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n\n.item.disabled .subMenuIcon,\n.item.disabled .icon {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n\n.item:not(.disabled).focused {\n  background-color: var(--surface-primary-hover);\n}\n\n.item:not(.disabled).focused:not(:hover):not(.initialSelected) {\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\n.item:not(.disabled).focused {\n  border-radius: var(--border-radius-medium);\n}\n\n.item:not(.disabled).selected {\n  background-color: var(--surface-selected);\n  border-radius: var(--border-radius-medium);\n}\n\n.item:not(.disabled).selected .iconWrapper .icon {\n  color: var(--primary-color);\n}\n\n.title {\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  flex-grow: 1;\n  padding-block: 1px;\n}\n\n.hiddenTitle {\n  width: 100%;\n  position: absolute;\n  left: 0;\n  opacity: 0;\n}");export{n as default};
+var n={item:"item",iconWrapper:"iconWrapper",subMenuIconWrapper:"subMenuIconWrapper",subMenuIcon:"subMenuIcon",icon:"icon",divider:"divider",splitMenuItemIconButton:"splitMenuItemIconButton",iconButton:"iconButton",disabled:"disabled",splitMenuItem:"splitMenuItem",focused:"focused",initialSelected:"initialSelected",selected:"selected",title:"title",hiddenTitle:"hiddenTitle"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],i="s_id-638e1bc671f1_0_0_17";if(e.querySelector("#"+i))return;const o=document.createElement("style");o.id=i,e.firstChild?e.insertBefore(o,e.firstChild):e.appendChild(o),o.appendChild(document.createTextNode(n))}(".item {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  margin: unset;\n  display: flex;\n  flex-direction: row;\n  padding: var(--spacing-xs) var(--spacing-small);\n  cursor: pointer;\n  user-select: none;\n  align-items: center;\n  border: 1px solid transparent;\n  outline: none;\n}\n\n.iconWrapper {\n  margin-right: var(--spacing-small);\n}\n\n.subMenuIconWrapper {\n  margin-left: var(--spacing-xs);\n}\n\n.subMenuIconWrapper,\n.iconWrapper {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.subMenuIconWrapper .subMenuIcon,\n.subMenuIconWrapper .icon,\n.iconWrapper .subMenuIcon,\n.iconWrapper .icon {\n  color: var(--icon-primary);\n}\n\n.subMenuIconWrapper .divider {\n  height: 19px;\n}\n\n.subMenuIconWrapper .splitMenuItemIconButton {\n  width: 34px;\n  height: 30px;\n  --surface-primary-hover: rgba(103, 104, 121, 0.1);\n  --surface-selected: rgba(103, 104, 121, 0.1);\n}\n\n.iconButton {\n  width: 18px;\n  height: 18px;\n}\n\n.iconButton:not(.disabled) {\n  color: var(--icon-primary);\n}\n\n.item.splitMenuItem {\n  padding: 0 0 0 var(--spacing-small);\n}\n\n.item.disabled {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n\n.item.disabled .subMenuIcon,\n.item.disabled .icon {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n\n.item:not(.disabled).focused {\n  background-color: var(--surface-primary-hover);\n}\n\n.item:not(.disabled).focused:not(:hover):not(.initialSelected) {\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\n.item:not(.disabled).focused {\n  border-radius: var(--border-radius-medium);\n}\n\n.item:not(.disabled).selected {\n  background-color: var(--surface-selected);\n  border-radius: var(--border-radius-medium);\n}\n\n.item:not(.disabled).selected .iconWrapper .icon {\n  color: var(--primary-color);\n}\n\n.title {\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  flex-grow: 1;\n  padding-block: 1px;\n}\n\n.hiddenTitle {\n  width: 100%;\n  position: absolute;\n  left: 0;\n  opacity: 0;\n}");export{n as default};
 //# sourceMappingURL=MenuItem.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Menu/MenuItemButton/MenuItemButton.module.scss.js

@@ -1,2 +1,2 @@
-var n={itemButton:"itemButton",buttonComponent:"buttonComponent",content:"content"};!function(n){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],e="s_id-f631346a82ef_0_0_15";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))}(".itemButton {\n  margin: unset;\n  display: flex;\n  flex-direction: row;\n  padding: var(--spacing-xs) 0;\n  align-items: center;\n}\n\n.itemButton .buttonComponent {\n  width: 100%;\n}\n\n.itemButton .buttonComponent .content {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}");export{n as default};
+var n={itemButton:"itemButton",buttonComponent:"buttonComponent",content:"content"};!function(n){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],e="s_id-f631346a82ef_0_0_17";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))}(".itemButton {\n  margin: unset;\n  display: flex;\n  flex-direction: row;\n  padding: var(--spacing-xs) 0;\n  align-items: center;\n}\n\n.itemButton .buttonComponent {\n  width: 100%;\n}\n\n.itemButton .buttonComponent .content {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}");export{n as default};
 //# sourceMappingURL=MenuItemButton.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Menu/MenuTitle/MenuTitle.module.scss.js

@@ -1,2 +1,2 @@
-var t={title:"title",titleCaption:"titleCaption",titleCaptionCenter:"titleCaptionCenter",titleCaptionBottom:"titleCaptionBottom",titleCaptionTop:"titleCaptionTop"};!function(t){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],e="s_id-a47a862653a3_0_0_15";if(n.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(t))}('.title {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  padding-block: 1px;\n}\n\n.titleCaption {\n  color: var(--icon-primary);\n  margin: var(--spacing-small) 0;\n}\n\n.titleCaptionCenter {\n  display: flex;\n  flex-basis: 100%;\n  align-items: center;\n}\n\n.titleCaptionBottom,\n.titleCaptionTop {\n  padding-left: var(--spacing-small);\n}\n\n.titleCaptionBottom {\n  padding-bottom: var(--spacing-small);\n}\n\n.titleCaptionCenter::before,\n.titleCaptionCenter::after {\n  content: "";\n  flex-grow: 1;\n  background-color: var(--divider-primary);\n  height: 1px;\n  font-size: 0;\n  line-height: 0;\n  margin: 0 var(--spacing-small);\n}');export{t as default};
+var t={title:"title",titleCaption:"titleCaption",titleCaptionCenter:"titleCaptionCenter",titleCaptionBottom:"titleCaptionBottom",titleCaptionTop:"titleCaptionTop"};!function(t){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],e="s_id-a47a862653a3_0_0_17";if(n.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(t))}('.title {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  padding-block: 1px;\n}\n\n.titleCaption {\n  color: var(--icon-primary);\n  margin: var(--spacing-small) 0;\n}\n\n.titleCaptionCenter {\n  display: flex;\n  flex-basis: 100%;\n  align-items: center;\n}\n\n.titleCaptionBottom,\n.titleCaptionTop {\n  padding-left: var(--spacing-small);\n}\n\n.titleCaptionBottom {\n  padding-bottom: var(--spacing-small);\n}\n\n.titleCaptionCenter::before,\n.titleCaptionCenter::after {\n  content: "";\n  flex-grow: 1;\n  background-color: var(--divider-primary);\n  height: 1px;\n  font-size: 0;\n  line-height: 0;\n  margin: 0 var(--spacing-small);\n}');export{t as default};
 //# sourceMappingURL=MenuTitle.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={wrapper:"wrapper","focus-visible":"focus-visible",active:"active",size16:"size16",size24:"size24",size32:"size32",size40:"size40",size48:"size48",disabled:"disabled",text:"text",innerText:"innerText"};!function(n){if("undefined"==typeof document)return;const o=document.head||document.getElementsByTagName("head")[0],e="s_id-3269aa114bd7_0_0_15";if(o.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,o.firstChild?o.insertBefore(t,o.firstChild):o.appendChild(t),t.appendChild(document.createTextNode(n))}(".wrapper {\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  border-radius: var(--border-radius-medium);\n  background-color: transparent;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: transform var(--motion-productive-short) var(--motion-timing-transition);\n  color: var(--text-primary);\n}\n.wrapper:focus-visible, .wrapper.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.wrapper:focus:not(.focus-visible) {\n  outline: none;\n}\n.wrapper:focus-visible, .wrapper.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.wrapper:focus:not(.focus-visible) {\n  outline: none;\n}\n.wrapper:focus,\n.wrapper:hover {\n  background-color: var(--surface-primary-hover);\n}\n.wrapper:active {\n  transform: scale(0.95);\n}\n.active {\n  background-color: var(--surface-selected);\n}\n.active:focus {\n  background-color: var(--surface-selected);\n}\n.active:hover {\n  background-color: var(--surface-selected);\n}\n.size16 {\n  width: 16px;\n  height: 16px;\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.size24 {\n  width: 24px;\n  height: 24px;\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.size32 {\n  width: 32px;\n  height: 32px;\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.size40 {\n  width: 40px;\n  height: 40px;\n  font: var(--font-h3-normal);\n  letter-spacing: var(--letter-spacing-h3-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.size48 {\n  width: 48px;\n  height: 48px;\n  font: var(--font-h2-normal);\n  letter-spacing: var(--letter-spacing-h2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.disabled {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.disabled:hover {\n  background-color: transparent;\n}\n.text {\n  width: 100%;\n}\n.innerText {\n  margin: 0 var(--spacing-small);\n}");export{n as default};
+var n={wrapper:"wrapper","focus-visible":"focus-visible",active:"active",size16:"size16",size24:"size24",size32:"size32",size40:"size40",size48:"size48",disabled:"disabled",text:"text",innerText:"innerText"};!function(n){if("undefined"==typeof document)return;const o=document.head||document.getElementsByTagName("head")[0],e="s_id-3269aa114bd7_0_0_17";if(o.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,o.firstChild?o.insertBefore(t,o.firstChild):o.appendChild(t),t.appendChild(document.createTextNode(n))}(".wrapper {\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  border-radius: var(--border-radius-medium);\n  background-color: transparent;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: transform var(--motion-productive-short) var(--motion-timing-transition);\n  color: var(--text-primary);\n}\n.wrapper:focus-visible, .wrapper.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.wrapper:focus:not(.focus-visible) {\n  outline: none;\n}\n.wrapper:focus-visible, .wrapper.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.wrapper:focus:not(.focus-visible) {\n  outline: none;\n}\n.wrapper:focus,\n.wrapper:hover {\n  background-color: var(--surface-primary-hover);\n}\n.wrapper:active {\n  transform: scale(0.95);\n}\n.active {\n  background-color: var(--surface-selected);\n}\n.active:focus {\n  background-color: var(--surface-selected);\n}\n.active:hover {\n  background-color: var(--surface-selected);\n}\n.size16 {\n  width: 16px;\n  height: 16px;\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.size24 {\n  width: 24px;\n  height: 24px;\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.size32 {\n  width: 32px;\n  height: 32px;\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.size40 {\n  width: 40px;\n  height: 40px;\n  font: var(--font-h3-normal);\n  letter-spacing: var(--letter-spacing-h3-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.size48 {\n  width: 48px;\n  height: 48px;\n  font: var(--font-h2-normal);\n  letter-spacing: var(--letter-spacing-h2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.disabled {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.disabled:hover {\n  background-color: transparent;\n}\n.text {\n  width: 100%;\n}\n.innerText {\n  margin: 0 var(--spacing-small);\n}");export{n as default};
 //# sourceMappingURL=MenuButton.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={container:"container",overlay:"overlay","overlay-fade-out":"overlay-fade-out","overlay-fade-in":"overlay-fade-in",dialog:"dialog",default:"default",full:"full",spacing:"spacing"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],a="s_id-3140d1c850c8_0_0_15";if(e.querySelector("#"+a))return;const i=document.createElement("style");i.id=a,e.firstChild?e.insertBefore(i,e.firstChild):e.appendChild(i),i.appendChild(document.createTextNode(n))}(".container,\n.overlay {\n  position: fixed;\n  inset: 0;\n}\n\n.container {\n  --monday-modal-z-index: 10000;\n  z-index: var(--monday-modal-z-index);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.container[aria-hidden=true] {\n  display: none;\n}\n\n.container[aria-hidden=true] .overlay {\n  background-color: transparent;\n  animation: overlay-fade-out 70ms var(--motion-timing-enter);\n}\n\n.overlay {\n  background-color: rgba(0, 0, 0, 0.5);\n  backdrop-filter: blur(5px);\n  animation: overlay-fade-in 70ms var(--motion-timing-enter);\n}\n\n.dialog {\n  z-index: 2;\n  display: flex;\n  position: relative;\n  flex-direction: column;\n  padding-block: 0px;\n  padding-inline: var(--spacing-medium);\n  border-radius: var(--border-radius-medium);\n  box-shadow: var(--box-shadow-large);\n  background-color: var(--surface-primary);\n  max-height: 90vh;\n  max-width: 90vw;\n}\n\n.dialog.default {\n  width: 520px;\n}\n\n.dialog.full {\n  width: 100vw;\n}\n\n.dialog.spacing {\n  gap: var(--spacing-medium);\n}\n\n@keyframes overlay-fade-in {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n\n@keyframes overlay-fade-out {\n  from {\n    opacity: 1;\n  }\n  to {\n    opacity: 0;\n  }\n}");export{n as default};
+var n={container:"container",overlay:"overlay","overlay-fade-out":"overlay-fade-out","overlay-fade-in":"overlay-fade-in",dialog:"dialog",default:"default",full:"full",spacing:"spacing"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],a="s_id-3140d1c850c8_0_0_17";if(e.querySelector("#"+a))return;const i=document.createElement("style");i.id=a,e.firstChild?e.insertBefore(i,e.firstChild):e.appendChild(i),i.appendChild(document.createTextNode(n))}(".container,\n.overlay {\n  position: fixed;\n  inset: 0;\n}\n\n.container {\n  --monday-modal-z-index: 10000;\n  z-index: var(--monday-modal-z-index);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.container[aria-hidden=true] {\n  display: none;\n}\n\n.container[aria-hidden=true] .overlay {\n  background-color: transparent;\n  animation: overlay-fade-out 70ms var(--motion-timing-enter);\n}\n\n.overlay {\n  background-color: rgba(0, 0, 0, 0.5);\n  backdrop-filter: blur(5px);\n  animation: overlay-fade-in 70ms var(--motion-timing-enter);\n}\n\n.dialog {\n  z-index: 2;\n  display: flex;\n  position: relative;\n  flex-direction: column;\n  padding-block: 0px;\n  padding-inline: var(--spacing-medium);\n  border-radius: var(--border-radius-medium);\n  box-shadow: var(--box-shadow-large);\n  background-color: var(--surface-primary);\n  max-height: 90vh;\n  max-width: 90vw;\n}\n\n.dialog.default {\n  width: 520px;\n}\n\n.dialog.full {\n  width: 100vw;\n}\n\n.dialog.spacing {\n  gap: var(--spacing-medium);\n}\n\n@keyframes overlay-fade-in {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n\n@keyframes overlay-fade-out {\n  from {\n    opacity: 1;\n  }\n  to {\n    opacity: 0;\n  }\n}");export{n as default};
 //# sourceMappingURL=Modal.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Modal/ModalContent/ModalContent.module.scss.js

@@ -1,2 +1,2 @@
-var e={container:"container"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-a09eef3012e3_0_0_15";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))}(".container {\n  flex-grow: 1;\n  overflow: auto;\n}\n.container::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.container::-webkit-scrollbar-thumb {\n  background-color: var(--divider-primary);\n  border-radius: 4px;\n}");export{e as default};
+var e={container:"container"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-a09eef3012e3_0_0_17";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))}(".container {\n  flex-grow: 1;\n  overflow: auto;\n}\n.container::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.container::-webkit-scrollbar-thumb {\n  background-color: var(--divider-primary);\n  border-radius: 4px;\n}");export{e as default};
 //# sourceMappingURL=ModalContent.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Modal/ModalFooter/ModalFooter.module.scss.js

@@ -1,2 +1,2 @@
-var e={container:"container"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-1cd6ea686f66_0_0_15";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))}(".container {\n  margin-block-start: var(--spacing-large);\n  padding: var(--spacing-medium) 0;\n}");export{e as default};
+var e={container:"container"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-1cd6ea686f66_0_0_17";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))}(".container {\n  margin-block-start: var(--spacing-large);\n  padding: var(--spacing-medium) 0;\n}");export{e as default};
 //# sourceMappingURL=ModalFooter.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Modal/ModalHeader/ModalHeader.module.scss.js

@@ -1,2 +1,2 @@
-var n={container:"container",icon:"icon",description:"description",closeButton:"closeButton"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-6764ce4aae72_0_0_15";if(e.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,e.firstChild?e.insertBefore(o,e.firstChild):e.appendChild(o),o.appendChild(document.createTextNode(n))}(".container {\n  margin-block-start: var(--spacing-medium);\n}\n.container .icon {\n  margin-top: var(--spacing-xs);\n  flex-shrink: 0;\n  color: var(--text-secondary);\n}\n.container .description {\n  margin-block-start: var(--spacing-small);\n  color: var(--text-secondary);\n}\n.container .closeButton {\n  position: absolute;\n  right: 20px;\n  top: 12px;\n}");export{n as default};
+var n={container:"container",icon:"icon",description:"description",closeButton:"closeButton"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-6764ce4aae72_0_0_17";if(e.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,e.firstChild?e.insertBefore(o,e.firstChild):e.appendChild(o),o.appendChild(document.createTextNode(n))}(".container {\n  margin-block-start: var(--spacing-medium);\n}\n.container .icon {\n  margin-top: var(--spacing-xs);\n  flex-shrink: 0;\n  color: var(--text-secondary);\n}\n.container .description {\n  margin-block-start: var(--spacing-small);\n  color: var(--text-secondary);\n}\n.container .closeButton {\n  position: absolute;\n  right: 20px;\n  top: 12px;\n}");export{n as default};
 //# sourceMappingURL=ModalHeader.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={wrapper:"wrapper",divider:"divider",compact:"compact"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],r="s_id-668afc851c0e_0_0_15";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))}(".wrapper {\n  display: flex;\n}\n.wrapper .divider {\n  background-color: var(--divider-primary);\n  margin: 16px;\n  height: 1px;\n  width: 48px;\n}\n.wrapper .divider.compact {\n  max-width: 40px;\n  min-width: 16px;\n  margin-inline-start: var(--spacing-small);\n  margin-inline-end: var(--spacing-small);\n}");export{e as default};
+var e={wrapper:"wrapper",divider:"divider",compact:"compact"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],r="s_id-668afc851c0e_0_0_17";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))}(".wrapper {\n  display: flex;\n}\n.wrapper .divider {\n  background-color: var(--divider-primary);\n  margin: 16px;\n  height: 1px;\n  width: 48px;\n}\n.wrapper .divider.compact {\n  max-width: 40px;\n  min-width: 16px;\n  margin-inline-start: var(--spacing-small);\n  margin-inline-end: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=MultiStepIndicator.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/MultiStepIndicator/components/StepIndicator/StepIndicator.module.scss.js

@@ -1,2 +1,2 @@
-var n={indicator:"indicator",textContainer:"textContainer",sizeCompactTextContainer:"sizeCompactTextContainer",textContainerTitle:"textContainerTitle",visuallyHidden:"visuallyHidden",textContainerTitleText:"textContainerTitleText",textContainerSubtitleText:"textContainerSubtitleText",sizeCompactTextContainerTitle:"sizeCompactTextContainerTitle",textPlacementVertical:"textPlacementVertical",numberDividerContainer:"numberDividerContainer",sizeCompactTextContainerTitleText:"sizeCompactTextContainerTitleText",divider:"divider",sizeCompactNumberDividerContainer:"sizeCompactNumberDividerContainer",statusActiveNumberDividerContainer:"statusActiveNumberDividerContainer",clickable:"clickable",withAnimation:"withAnimation",stepIndicatiorCirclePopElastic:"stepIndicatiorCirclePopElastic",swapEnter:"swapEnter",swapEnterActive:"swapEnterActive",swapExit:"swapExit",swapExitActive:"swapExitActive",numberContainer:"numberContainer",numberContainerText:"numberContainerText",numberContainerTextCheckIcon:"numberContainerTextCheckIcon",typePrimaryNumberContainer:"typePrimaryNumberContainer",typeDangerNumberContainer:"typeDangerNumberContainer",typeSuccessNumberContainer:"typeSuccessNumberContainer",typeDarkNumberContainer:"typeDarkNumberContainer",statusActiveNumberContainer:"statusActiveNumberContainer",sizeCompactNumberContainer:"sizeCompactNumberContainer",statusPendingNumberContainer:"statusPendingNumberContainer","step-indicatior-circle-pop-elastic":"step-indicatior-circle-pop-elastic"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-41926673cad2_0_0_15";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))}(".indicator {\n  font: var(--font-text1-normal);\n  color: var(--text-color-on-primary);\n  display: flex;\n  margin: 0;\n  padding: 0;\n  text-indent: 0;\n  list-style-type: none;\n}\n\n.textContainer {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  margin-left: 16px;\n}\n\n.sizeCompactTextContainer {\n  margin-left: var(--spacing-small);\n  justify-content: center;\n  align-content: center;\n}\n\n.textContainerTitle {\n  width: 100%;\n  margin-bottom: var(--spacing-xs);\n}\n\n.textContainerTitle .visuallyHidden {\n  display: none;\n}\n\n.textContainerTitleText {\n  font: var(--font-text1-medium);\n  color: var(--text-primary);\n  margin-bottom: 2px;\n}\n\n.textContainerSubtitleText {\n  width: 100%;\n  font: var(--font-text1-normal);\n  color: var(--text-primary);\n}\n\n.sizeCompactTextContainerTitle {\n  margin-bottom: 0px;\n}\n\n.textPlacementVertical {\n  margin: 8px;\n  flex-direction: column;\n  flex: 1 1 0px;\n}\n\n.textPlacementVertical .textContainer {\n  margin-left: 0;\n  margin-top: var(--spacing-medium);\n}\n\n.textPlacementVertical .numberDividerContainer {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  width: 100%;\n}\n\n.sizeCompactTextContainerTitleText {\n  display: block;\n  font: var(--font-text1-normal);\n  max-width: 150px;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  margin-bottom: 0;\n}\n\n.textPlacementVertical .numberDividerContainer .divider {\n  background-color: var(--divider-primary);\n  margin: 16px 0 16px 16px;\n  height: 1px;\n  flex: 1 1 0;\n}\n\n.sizeCompactNumberDividerContainer {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.sizeCompactNumberDividerContainer.statusActiveNumberDividerContainer {\n  width: 40px;\n}\n\n.indicator.clickable {\n  cursor: pointer;\n}\n\n.withAnimation {\n  animation: stepIndicatiorCirclePopElastic var(--motion-expressive-short);\n}\n\n/* New state enters */\n\n.swapEnter {\n  opacity: 0;\n  transform: translateY(15px);\n}\n\n.swapEnterActive {\n  position: relative;\n  opacity: 1;\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter), opacity var(--motion-productive-short);\n  transform: translateY(0);\n}\n\n/* Old state leaves */\n\n.swapExit {\n  position: relative;\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.swapExitActive {\n  position: relative;\n  opacity: 0;\n  transform: translateY(-15px);\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter), opacity var(--motion-productive-short);\n}\n\n.numberContainer {\n  width: 36px;\n  height: 36px;\n  border-radius: 50%;\n  display: flex;\n}\n\n.numberContainerText {\n  margin: auto;\n  display: flex;\n  align-items: center;\n}\n\n.numberContainerTextCheckIcon {\n  width: 20px;\n  height: 20px;\n  margin-top: 2px;\n}\n\n.typePrimaryNumberContainer {\n  background-color: var(--primary-color);\n}\n\n.typePrimaryNumberContainer:hover {\n  background-color: var(--primary-hover-color);\n}\n\n.typeDangerNumberContainer {\n  background-color: var(--negative-color);\n}\n\n.typeDangerNumberContainer:hover {\n  background-color: var(--negative-color-hover);\n}\n\n.typeSuccessNumberContainer {\n  background-color: var(--positive-color);\n}\n\n.typeSuccessNumberContainer:hover {\n  background-color: var(--positive-color-hover);\n}\n\n.typeDarkNumberContainer {\n  background-color: var(--surface-inverse);\n  color: var(--text-color-on-inverted);\n}\n\n.typeDarkNumberContainer:hover {\n  background-color: var(--text-secondary);\n}\n\n.statusActiveNumberContainer {\n  box-shadow: 0 0 0 4px var(--surface-primary), 0 0 0 6px var(--primary-color);\n}\n\n.statusActiveNumberContainer.typeDangerNumberContainer {\n  box-shadow: 0 0 0 4px var(--surface-primary), 0 0 0 6px var(--negative-color);\n}\n\n.statusActiveNumberContainer.typeSuccessNumberContainer {\n  box-shadow: 0 0 0 4px var(--surface-primary), 0 0 0 6px var(--positive-color);\n}\n\n.statusActiveNumberContainer.typeDarkNumberContainer {\n  box-shadow: 0 0 0 4px var(--surface-primary), 0 0 0 6px var(--text-primary);\n}\n\n.sizeCompactNumberContainer {\n  width: 28px;\n  height: 28px;\n}\n\n.statusPendingNumberContainer {\n  background-color: var(--surface-primary);\n  color: var(--text-primary);\n  border-color: var(--divider-primary) !important;\n  border: 1px solid;\n}\n\n.statusPendingNumberContainer:hover {\n  background-color: var(--primary-color);\n  color: var(--text-color-on-primary);\n  border: none;\n}\n\n.statusPendingNumberContainer.typeDangerNumberContainer:hover {\n  background-color: var(--negative-color);\n}\n\n.statusPendingNumberContainer.typeSuccessNumberContainer:hover {\n  background-color: var(--positive-color);\n}\n\n.statusPendingNumberContainer.typeDarkNumberContainer:hover {\n  background-color: var(--text-color-on-inverted);\n}\n\n@keyframes step-indicatior-circle-pop-elastic {\n  0% {\n    transform: scale(1);\n  }\n  33% {\n    transform: scale(1.2);\n  }\n  66% {\n    transform: scale(0.9);\n  }\n  100% {\n    transform: scale(1);\n  }\n}");export{n as default};
+var n={indicator:"indicator",textContainer:"textContainer",sizeCompactTextContainer:"sizeCompactTextContainer",textContainerTitle:"textContainerTitle",visuallyHidden:"visuallyHidden",textContainerTitleText:"textContainerTitleText",textContainerSubtitleText:"textContainerSubtitleText",sizeCompactTextContainerTitle:"sizeCompactTextContainerTitle",textPlacementVertical:"textPlacementVertical",numberDividerContainer:"numberDividerContainer",sizeCompactTextContainerTitleText:"sizeCompactTextContainerTitleText",divider:"divider",sizeCompactNumberDividerContainer:"sizeCompactNumberDividerContainer",statusActiveNumberDividerContainer:"statusActiveNumberDividerContainer",clickable:"clickable",withAnimation:"withAnimation",stepIndicatiorCirclePopElastic:"stepIndicatiorCirclePopElastic",swapEnter:"swapEnter",swapEnterActive:"swapEnterActive",swapExit:"swapExit",swapExitActive:"swapExitActive",numberContainer:"numberContainer",numberContainerText:"numberContainerText",numberContainerTextCheckIcon:"numberContainerTextCheckIcon",typePrimaryNumberContainer:"typePrimaryNumberContainer",typeDangerNumberContainer:"typeDangerNumberContainer",typeSuccessNumberContainer:"typeSuccessNumberContainer",typeDarkNumberContainer:"typeDarkNumberContainer",statusActiveNumberContainer:"statusActiveNumberContainer",sizeCompactNumberContainer:"sizeCompactNumberContainer",statusPendingNumberContainer:"statusPendingNumberContainer","step-indicatior-circle-pop-elastic":"step-indicatior-circle-pop-elastic"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-41926673cad2_0_0_17";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))}(".indicator {\n  font: var(--font-text1-normal);\n  color: var(--text-color-on-primary);\n  display: flex;\n  margin: 0;\n  padding: 0;\n  text-indent: 0;\n  list-style-type: none;\n}\n\n.textContainer {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  margin-left: 16px;\n}\n\n.sizeCompactTextContainer {\n  margin-left: var(--spacing-small);\n  justify-content: center;\n  align-content: center;\n}\n\n.textContainerTitle {\n  width: 100%;\n  margin-bottom: var(--spacing-xs);\n}\n\n.textContainerTitle .visuallyHidden {\n  display: none;\n}\n\n.textContainerTitleText {\n  font: var(--font-text1-medium);\n  color: var(--text-primary);\n  margin-bottom: 2px;\n}\n\n.textContainerSubtitleText {\n  width: 100%;\n  font: var(--font-text1-normal);\n  color: var(--text-primary);\n}\n\n.sizeCompactTextContainerTitle {\n  margin-bottom: 0px;\n}\n\n.textPlacementVertical {\n  margin: 8px;\n  flex-direction: column;\n  flex: 1 1 0px;\n}\n\n.textPlacementVertical .textContainer {\n  margin-left: 0;\n  margin-top: var(--spacing-medium);\n}\n\n.textPlacementVertical .numberDividerContainer {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  width: 100%;\n}\n\n.sizeCompactTextContainerTitleText {\n  display: block;\n  font: var(--font-text1-normal);\n  max-width: 150px;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  margin-bottom: 0;\n}\n\n.textPlacementVertical .numberDividerContainer .divider {\n  background-color: var(--divider-primary);\n  margin: 16px 0 16px 16px;\n  height: 1px;\n  flex: 1 1 0;\n}\n\n.sizeCompactNumberDividerContainer {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.sizeCompactNumberDividerContainer.statusActiveNumberDividerContainer {\n  width: 40px;\n}\n\n.indicator.clickable {\n  cursor: pointer;\n}\n\n.withAnimation {\n  animation: stepIndicatiorCirclePopElastic var(--motion-expressive-short);\n}\n\n/* New state enters */\n\n.swapEnter {\n  opacity: 0;\n  transform: translateY(15px);\n}\n\n.swapEnterActive {\n  position: relative;\n  opacity: 1;\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter), opacity var(--motion-productive-short);\n  transform: translateY(0);\n}\n\n/* Old state leaves */\n\n.swapExit {\n  position: relative;\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.swapExitActive {\n  position: relative;\n  opacity: 0;\n  transform: translateY(-15px);\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter), opacity var(--motion-productive-short);\n}\n\n.numberContainer {\n  width: 36px;\n  height: 36px;\n  border-radius: 50%;\n  display: flex;\n}\n\n.numberContainerText {\n  margin: auto;\n  display: flex;\n  align-items: center;\n}\n\n.numberContainerTextCheckIcon {\n  width: 20px;\n  height: 20px;\n  margin-top: 2px;\n}\n\n.typePrimaryNumberContainer {\n  background-color: var(--primary-color);\n}\n\n.typePrimaryNumberContainer:hover {\n  background-color: var(--primary-hover-color);\n}\n\n.typeDangerNumberContainer {\n  background-color: var(--negative-color);\n}\n\n.typeDangerNumberContainer:hover {\n  background-color: var(--negative-color-hover);\n}\n\n.typeSuccessNumberContainer {\n  background-color: var(--positive-color);\n}\n\n.typeSuccessNumberContainer:hover {\n  background-color: var(--positive-color-hover);\n}\n\n.typeDarkNumberContainer {\n  background-color: var(--surface-inverse);\n  color: var(--text-color-on-inverted);\n}\n\n.typeDarkNumberContainer:hover {\n  background-color: var(--text-secondary);\n}\n\n.statusActiveNumberContainer {\n  box-shadow: 0 0 0 4px var(--surface-primary), 0 0 0 6px var(--primary-color);\n}\n\n.statusActiveNumberContainer.typeDangerNumberContainer {\n  box-shadow: 0 0 0 4px var(--surface-primary), 0 0 0 6px var(--negative-color);\n}\n\n.statusActiveNumberContainer.typeSuccessNumberContainer {\n  box-shadow: 0 0 0 4px var(--surface-primary), 0 0 0 6px var(--positive-color);\n}\n\n.statusActiveNumberContainer.typeDarkNumberContainer {\n  box-shadow: 0 0 0 4px var(--surface-primary), 0 0 0 6px var(--text-primary);\n}\n\n.sizeCompactNumberContainer {\n  width: 28px;\n  height: 28px;\n}\n\n.statusPendingNumberContainer {\n  background-color: var(--surface-primary);\n  color: var(--text-primary);\n  border-color: var(--divider-primary) !important;\n  border: 1px solid;\n}\n\n.statusPendingNumberContainer:hover {\n  background-color: var(--primary-color);\n  color: var(--text-color-on-primary);\n  border: none;\n}\n\n.statusPendingNumberContainer.typeDangerNumberContainer:hover {\n  background-color: var(--negative-color);\n}\n\n.statusPendingNumberContainer.typeSuccessNumberContainer:hover {\n  background-color: var(--positive-color);\n}\n\n.statusPendingNumberContainer.typeDarkNumberContainer:hover {\n  background-color: var(--text-color-on-inverted);\n}\n\n@keyframes step-indicatior-circle-pop-elastic {\n  0% {\n    transform: scale(1);\n  }\n  33% {\n    transform: scale(1.2);\n  }\n  66% {\n    transform: scale(0.9);\n  }\n  100% {\n    transform: scale(1);\n  }\n}");export{n as default};
 //# sourceMappingURL=StepIndicator.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"};!function(e){if("undefined"==typeof document)return;const a=document.head||document.getElementsByTagName("head")[0],n="s_id-4db3aa6d73f2_0_0_15";if(a.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,a.firstChild?a.insertBefore(d,a.firstChild):a.appendChild(d),d.appendChild(document.createTextNode(e))}(".PageHeader {\n  position: relative;\n  padding-top: 100px;\n  width: 100%;\n}\n\n.PageHeaderBreadcrumbs ol {\n  margin: 0;\n  padding: 0 0 8px;\n}\n\n.PageHeaderRightActions {\n  position: absolute;\n  right: 16px;\n  bottom: 8px;\n}\n\n.PageHeaderTitle {\n  padding-bottom: 8px;\n}\n\n.PageHeaderTabs {\n  padding: 8px 0 0;\n  margin-bottom: -1px;\n}\n\n.PageHeaderTabs ul {\n  padding: 0;\n}\n\n.PageHeaderDivider {\n  margin: 0px;\n}");export{e as default};
+var e={PageHeader:"PageHeader",PageHeaderBreadcrumbs:"PageHeaderBreadcrumbs",PageHeaderRightActions:"PageHeaderRightActions",PageHeaderTitle:"PageHeaderTitle",PageHeaderTabs:"PageHeaderTabs",PageHeaderDivider:"PageHeaderDivider"};!function(e){if("undefined"==typeof document)return;const a=document.head||document.getElementsByTagName("head")[0],n="s_id-4db3aa6d73f2_0_0_17";if(a.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,a.firstChild?a.insertBefore(d,a.firstChild):a.appendChild(d),d.appendChild(document.createTextNode(e))}(".PageHeader {\n  position: relative;\n  padding-top: 100px;\n  width: 100%;\n}\n\n.PageHeaderBreadcrumbs ol {\n  margin: 0;\n  padding: 0 0 8px;\n}\n\n.PageHeaderRightActions {\n  position: absolute;\n  right: 16px;\n  bottom: 8px;\n}\n\n.PageHeaderTitle {\n  padding-bottom: 8px;\n}\n\n.PageHeaderTabs {\n  padding: 8px 0 0;\n  margin-bottom: -1px;\n}\n\n.PageHeaderTabs ul {\n  padding: 0;\n}\n\n.PageHeaderDivider {\n  margin: 0px;\n}");export{e as default};
 //# sourceMappingURL=PageHeader.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/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_15";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_17";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-dbcb6fa8edae_0_0_15";if(n.querySelector("#"+r))return;const a=document.createElement("style");a.id=r,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.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-secondary);\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-dbcb6fa8edae_0_0_17";if(n.querySelector("#"+r))return;const a=document.createElement("style");a.id=r,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.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-secondary);\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_15";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_17";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-2100d080b298_0_0_15";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-primary);\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-2100d080b298_0_0_17";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-primary);\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_15";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_17";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/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_15";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_17";if(r.querySelector("#"+a))return;const n=document.createElement("style");n.id=a,r.firstChild?r.insertBefore(n,r.firstChild):r.appendChild(n),n.appendChild(document.createTextNode(e))}(".searchWrapper input[type=search] {\n  -webkit-appearance: textfield;\n}\n\n.searchWrapper input[type=search]::-webkit-search-decoration,\n.searchWrapper input[type=search]::-webkit-search-cancel-button,\n.searchWrapper input[type=search]::-webkit-search-results-button,\n.searchWrapper input[type=search]::-webkit-search-results-decoration {\n  -webkit-appearance: none;\n}\n\n.searchWrapper:focus-within .searchFocusElementFirst {\n  animation: dashForward 5s linear forwards;\n}\n\n.searchWrapper:focus-within .searchFocusElementSecond {\n  animation: dashBackwards 5s linear forwards;\n}\n\n.search.round {\n  border-radius: 50px !important;\n}\n\n@keyframes dashForward {\n  to {\n    stroke-dashoffset: 0;\n  }\n}\n\n@keyframes dashBackwards {\n  to {\n    stroke-dashoffset: 2000;\n  }\n}");export{e as default};
 //# sourceMappingURL=Search.module.scss.js.map

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

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

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

@@ -1,2 +1,2 @@
-import{__rest as n}from"../../../_virtual/_tslib.js";import{jsx as e,Fragment as t,jsxs as i}from"react/jsx-runtime";import*as r from"react";import o from"./Sidebar.module.scss.js";import"../Icon/Icon.js";import"../IconButton/IconButton.js";import"../Icon/IconConstants.js";function s(s){var c=s.children,d=s.isOpen,a=s.onClick,l=void 0===a?function(){}:a,m=n(s,["children","isOpen","onClick"]);r.useEffect((function(){if(d){var n=function(n){"Escape"===n.key&&l()};return window.addEventListener("keydown",n),function(){window.removeEventListener("keydown",n)}}}),[d,l]);return e(t,{children:i("div",Object.assign({className:d?o.sidebarMenuStyled:"",style:d?{transform:"translate3d(0,0,0)"}:{transform:"translate3d(-50%,0,0)",width:"0px",height:"0px",visibility:"hidden"}},{children:[e("div",Object.assign({className:o.innerStyled,style:{borderRight:d&&"1px slid #C8C8C8"}},{children:d&&e(t,{children:c})})),d&&e("div",Object.assign({className:o.CloseLayerStyled,onClick:l,onKeyDown:function(n){"Enter"===n.key&&l()}},m))]}))})}export{s as default};
+import{__rest as e}from"../../../_virtual/_tslib.js";import{jsx as n,Fragment as t,jsxs as i}from"react/jsx-runtime";import*as r from"react";import s from"./Sidebar.module.scss.js";import"../Icon/Icon.js";import"../IconButton/IconButton.js";import"../Icon/IconConstants.js";var o=function(e){var t=e.text,i=e.link,r=e.active,o=void 0!==r&&r;return n("div",Object.assign({className:s.menuItemStyled},{children:n("a",Object.assign({className:"".concat(s.menuItemLink," ").concat(o?s.active:""),href:i},{children:t}))}))};function c(o){var c=o.children,a=o.isOpen,d=o.onClick,l=void 0===d?function(){}:d,m=e(o,["children","isOpen","onClick"]);r.useEffect((function(){if(a){var e=function(e){"Escape"===e.key&&l()};return window.addEventListener("keydown",e),function(){window.removeEventListener("keydown",e)}}}),[a,l]);return n(t,{children:i("div",Object.assign({className:a?s.sidebarMenuStyled:"",style:a?{transform:"translate3d(0,0,0)"}:{transform:"translate3d(-50%,0,0)",width:"0px",height:"0px",visibility:"hidden"}},{children:[n("div",Object.assign({className:s.innerStyled,style:{borderRight:a&&"1px slid #C8C8C8"}},{children:a&&n(t,{children:c})})),a&&n("div",Object.assign({className:s.CloseLayerStyled,onClick:l,onKeyDown:function(e){"Enter"===e.key&&l()}},m))]}))})}export{o as SidebarMenuItem,c as default};
 //# sourceMappingURL=Sidebar.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Sidebar.js","sources":["../../../../../src/components/Sidebar/Sidebar.tsx"],"sourcesContent":["import * as React from \"react\";\nimport styles from \"./Sidebar.module.scss\";\nimport { VibeComponentProps } from \"../../types\";\nimport Icon from \"../Icon/Icon\";\nimport IconButton from \"../IconButton/IconButton\";\nimport { IconType } from \"../Icon/IconConstants\";\nimport { Close } from \"../Icon/Icons\";\nimport { Logo } from \"../Logo/Logo\";\n\nexport interface PanelProps extends VibeComponentProps {\n  children?: React.ReactNode;\n  caption?: string;\n  isOpen?: boolean;\n  onClick?: () => void;\n}\n\nexport interface SidebarHeaderProps {\n  closeSidebar?: () => void;\n}\n\nexport interface SectionLabelProps {\n  icon: any;\n  text: string;\n}\nexport interface SidebarMenuItemProps {\n  text: string;\n  link: string;\n  active?: boolean;\n}\n\nexport const SidebarHeader: React.FC<SidebarHeaderProps> = ({\n  closeSidebar,\n}) => {\n  return (\n    <div className={styles.headerStyled}>\n      <div className={styles.closeIcon}>\n        <IconButton\n          onClick={closeSidebar}\n          ariaLabel=\"Close\"\n          icon={Close}\n          size=\"xs\"\n        />\n      </div>\n      <Logo type={\"light\"} />\n    </div>\n  );\n};\n\nexport const SectionLabel: React.FC<SectionLabelProps> = ({ icon, text }) => {\n  return (\n    <div\n      className={styles.sectionLabelStyled}\n      style={{\n        marginLeft: icon ? \"0\" : \"22px\",\n      }}\n    >\n      <Icon\n        iconType={IconType.SVG}\n        icon={icon}\n        iconSize={\"18px\"}\n        style={{\n          display: \"block\",\n          marginRight: \"5px\",\n          marginTop: \"4px\",\n        }}\n      />\n      {text}\n    </div>\n  );\n};\n\nexport const SidebarMenuItem: React.FC<SidebarMenuItemProps> = ({\n  text,\n  link,\n  active = false,\n}) => {\n  return (\n    <div className={styles.menuItemStyled}>\n      <a\n        className={`${styles.menuItemLink} ${active ? styles.active : \"\"}`}\n        href={link}\n      >\n        {text}\n      </a>\n    </div>\n  );\n};\n\nexport default function Sidebar({\n  children,\n  isOpen,\n  onClick = () => undefined,\n  ...props\n}: PanelProps) {\n  React.useEffect(() => {\n    if (isOpen) {\n      const handleKeyDown = (event: KeyboardEvent) => {\n        if (event.key === \"Escape\") {\n          onClick();\n        }\n      };\n\n      window.addEventListener(\"keydown\", handleKeyDown);\n\n      return () => {\n        window.removeEventListener(\"keydown\", handleKeyDown);\n      };\n    }\n  }, [isOpen, onClick]);\n\n  const stateStyles = (): React.CSSProperties => {\n    if (isOpen) {\n      return {\n        transform: \"translate3d(0,0,0)\",\n      };\n    } else {\n      return {\n        transform: \"translate3d(-50%,0,0)\",\n        width: \"0px\",\n        height: \"0px\",\n        visibility: \"hidden\",\n      };\n    }\n  };\n\n  return (\n    <>\n      <div\n        className={isOpen ? styles.sidebarMenuStyled : \"\"}\n        style={stateStyles()}\n      >\n        <div\n          className={styles.innerStyled}\n          style={{\n            borderRight: isOpen && \"1px slid #C8C8C8\",\n          }}\n        >\n          {isOpen && <>{children}</>}\n        </div>\n        {isOpen && (\n          <div\n            className={styles.CloseLayerStyled}\n            onClick={onClick}\n            onKeyDown={(event) => {\n              if (event.key === \"Enter\") {\n                onClick();\n              }\n            }}\n            {...props}\n          />\n        )}\n      </div>\n    </>\n  );\n}\n"],"names":["Sidebar","_a","children","isOpen","_a$onClick","onClick","props","__rest","React","useEffect","handleKeyDown","event","key","window","addEventListener","removeEventListener","_jsx","_Fragment","_jsxs","Object","assign","className","styles","sidebarMenuStyled","style","transform","width","height","visibility","innerStyled","borderRight","CloseLayerStyled","onKeyDown"],"mappings":"kRAwFwB,SAAAA,EAAQC,GAAA,IAC9BC,EAIWD,EAJXC,SACAC,EAGWF,EAHXE,OAAMC,EAGKH,EAFXI,QAAAA,OAAU,IAAHD,EAAG,WAAe,EAAAA,EACtBE,EAAKC,EAAAN,EAJsB,iCAM9BO,EAAMC,WAAU,WACd,GAAIN,EAAQ,CACV,IAAMO,EAAgB,SAACC,GACH,WAAdA,EAAMC,KACRP,KAMJ,OAFAQ,OAAOC,iBAAiB,UAAWJ,GAE5B,WACLG,OAAOE,oBAAoB,UAAWL,GAEzC,CACH,GAAG,CAACP,EAAQE,IAiBZ,OACEW,EAAAC,EAAA,CAAAf,SACEgB,EACE,MAAAC,OAAAC,OAAA,CAAAC,UAAWlB,EAASmB,EAAOC,kBAAoB,GAC/CC,MAlBArB,EACK,CACLsB,UAAW,sBAGN,CACLA,UAAW,wBACXC,MAAO,MACPC,OAAQ,MACRC,WAAY,WAWZ,CAAA1B,SAAA,CAAAc,EAAA,MAAAG,OAAAC,OAAA,CACEC,UAAWC,EAAOO,YAClBL,MAAO,CACLM,YAAa3B,GAAU,qBAGxB,CAAAD,SAAAC,GAAUa,EAAAC,EAAA,CAAAf,SAAGA,OAEfC,GACCa,EAAA,MAAAG,OAAAC,OAAA,CACEC,UAAWC,EAAOS,iBAClB1B,QAASA,EACT2B,UAAW,SAACrB,GACQ,UAAdA,EAAMC,KACRP,GAEJ,GACIC,SAMhB"}
+{"version":3,"file":"Sidebar.js","sources":["../../../../../src/components/Sidebar/Sidebar.tsx"],"sourcesContent":["import * as React from \"react\";\nimport styles from \"./Sidebar.module.scss\";\nimport { VibeComponentProps } from \"../../types\";\nimport Icon from \"../Icon/Icon\";\nimport IconButton from \"../IconButton/IconButton\";\nimport { IconType } from \"../Icon/IconConstants\";\nimport { Close } from \"../Icon/Icons\";\nimport { Logo } from \"../Logo/Logo\";\n\nexport interface PanelProps extends VibeComponentProps {\n  children?: React.ReactNode;\n  caption?: string;\n  isOpen?: boolean;\n  onClick?: () => void;\n}\n\nexport interface SidebarHeaderProps {\n  closeSidebar?: () => void;\n}\n\nexport interface SectionLabelProps {\n  icon: any;\n  text: string;\n}\nexport interface SidebarMenuItemProps {\n  text: string;\n  link: string;\n  active?: boolean;\n}\n\nexport const SidebarHeader: React.FC<SidebarHeaderProps> = ({\n  closeSidebar,\n}) => {\n  return (\n    <div className={styles.headerStyled}>\n      <div className={styles.closeIcon}>\n        <IconButton\n          onClick={closeSidebar}\n          ariaLabel=\"Close\"\n          icon={Close}\n          size=\"xs\"\n        />\n      </div>\n      <Logo type={\"light\"} />\n    </div>\n  );\n};\n\nexport const SectionLabel: React.FC<SectionLabelProps> = ({ icon, text }) => {\n  return (\n    <div\n      className={styles.sectionLabelStyled}\n      style={{\n        marginLeft: icon ? \"0\" : \"22px\",\n      }}\n    >\n      <Icon\n        iconType={IconType.SVG}\n        icon={icon}\n        iconSize={\"18px\"}\n        style={{\n          display: \"block\",\n          marginRight: \"5px\",\n          marginTop: \"4px\",\n        }}\n      />\n      {text}\n    </div>\n  );\n};\n\nexport const SidebarMenuItem: React.FC<SidebarMenuItemProps> = ({\n  text,\n  link,\n  active = false,\n}) => {\n  return (\n    <div className={styles.menuItemStyled}>\n      <a\n        className={`${styles.menuItemLink} ${active ? styles.active : \"\"}`}\n        href={link}\n      >\n        {text}\n      </a>\n    </div>\n  );\n};\n\nexport default function Sidebar({\n  children,\n  isOpen,\n  onClick = () => undefined,\n  ...props\n}: PanelProps) {\n  React.useEffect(() => {\n    if (isOpen) {\n      const handleKeyDown = (event: KeyboardEvent) => {\n        if (event.key === \"Escape\") {\n          onClick();\n        }\n      };\n\n      window.addEventListener(\"keydown\", handleKeyDown);\n\n      return () => {\n        window.removeEventListener(\"keydown\", handleKeyDown);\n      };\n    }\n  }, [isOpen, onClick]);\n\n  const stateStyles = (): React.CSSProperties => {\n    if (isOpen) {\n      return {\n        transform: \"translate3d(0,0,0)\",\n      };\n    } else {\n      return {\n        transform: \"translate3d(-50%,0,0)\",\n        width: \"0px\",\n        height: \"0px\",\n        visibility: \"hidden\",\n      };\n    }\n  };\n\n  return (\n    <>\n      <div\n        className={isOpen ? styles.sidebarMenuStyled : \"\"}\n        style={stateStyles()}\n      >\n        <div\n          className={styles.innerStyled}\n          style={{\n            borderRight: isOpen && \"1px slid #C8C8C8\",\n          }}\n        >\n          {isOpen && <>{children}</>}\n        </div>\n        {isOpen && (\n          <div\n            className={styles.CloseLayerStyled}\n            onClick={onClick}\n            onKeyDown={(event) => {\n              if (event.key === \"Enter\") {\n                onClick();\n              }\n            }}\n            {...props}\n          />\n        )}\n      </div>\n    </>\n  );\n}\n"],"names":["SidebarMenuItem","_ref3","text","link","_ref3$active","active","_jsx","Object","assign","className","styles","menuItemStyled","children","concat","menuItemLink","href","Sidebar","_a","isOpen","_a$onClick","onClick","props","__rest","React","useEffect","handleKeyDown","event","key","window","addEventListener","removeEventListener","_Fragment","_jsxs","sidebarMenuStyled","style","transform","width","height","visibility","innerStyled","borderRight","CloseLayerStyled","onKeyDown"],"mappings":"sRAuEaA,EAAkD,SAAnCC,GAIvB,IAHHC,EAAID,EAAJC,KACAC,EAAIF,EAAJE,KAAIC,EAAAH,EACJI,OAAAA,OAAS,IAAHD,GAAQA,EAEd,OACEE,EAAK,MAAAC,OAAAC,OAAA,CAAAC,UAAWC,EAAOC,gBAAc,CAAAC,SACnCN,EACE,IAAAC,OAAAC,OAAA,CAAAC,aAASI,OAAKH,EAAOI,aAAYD,KAAAA,OAAIR,EAASK,EAAOL,OAAS,IAC9DU,KAAMZ,GAAI,CAAAS,SAETV,OAIT,EAEwB,SAAAc,EAAQC,GAAA,IAC9BL,EAIWK,EAJXL,SACAM,EAGWD,EAHXC,OAAMC,EAGKF,EAFXG,QAAAA,OAAU,IAAHD,EAAG,WAAe,EAAAA,EACtBE,EAAKC,EAAAL,EAJsB,iCAM9BM,EAAMC,WAAU,WACd,GAAIN,EAAQ,CACV,IAAMO,EAAgB,SAACC,GACH,WAAdA,EAAMC,KACRP,KAMJ,OAFAQ,OAAOC,iBAAiB,UAAWJ,GAE5B,WACLG,OAAOE,oBAAoB,UAAWL,GAEzC,CACH,GAAG,CAACP,EAAQE,IAiBZ,OACEd,EAAAyB,EAAA,CAAAnB,SACEoB,EACE,MAAAzB,OAAAC,OAAA,CAAAC,UAAWS,EAASR,EAAOuB,kBAAoB,GAC/CC,MAlBAhB,EACK,CACLiB,UAAW,sBAGN,CACLA,UAAW,wBACXC,MAAO,MACPC,OAAQ,MACRC,WAAY,WAWZ,CAAA1B,SAAA,CAAAN,EAAA,MAAAC,OAAAC,OAAA,CACEC,UAAWC,EAAO6B,YAClBL,MAAO,CACLM,YAAatB,GAAU,qBAGxB,CAAAN,SAAAM,GAAUZ,EAAAyB,EAAA,CAAAnB,SAAGA,OAEfM,GACCZ,EAAA,MAAAC,OAAAC,OAAA,CACEC,UAAWC,EAAO+B,iBAClBrB,QAASA,EACTsB,UAAW,SAAChB,GACQ,UAAdA,EAAMC,KACRP,GAEJ,GACIC,SAMhB"}

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",CloseLayerStyled:"CloseLayerStyled",sectionLabelStyled:"sectionLabelStyled",menuItemStyled:"menuItemStyled",menuItemLink:"menuItemLink",active:"active"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-7edb68d4004b_0_0_15";if(e.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,e.firstChild?e.insertBefore(i,e.firstChild):e.appendChild(i),i.appendChild(document.createTextNode(n))}(".headerStyled {\n  display: flex;\n  align-items: center;\n  margin-bottom: 50px;\n}\n.headerStyled img {\n  margin-top: 4px;\n  margin-left: 4px;\n}\n.closeIcon {\n  padding-right: 5px;\n}\n.containerStyled {\n  padding: 0 1rem;\n  flex: 1;\n}\n.sidebarMenuStyled {\n  top: 0;\n  right: 0;\n  left: 0;\n  bottom: 0;\n  position: fixed;\n  will-change: transform;\n  transition: all 0.26s ease-in-out;\n  z-index: 9999;\n  display: flex;\n}\n.innerStyled {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  overflow-y: auto;\n  box-shadow: 0 12px 22px var(--color-american_gray-selected);\n  background-color: var(--surface-primary);\n  padding: 12px 12px 0 15px;\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.CloseLayerStyled {\n  background-color: transparent;\n  position: absolute;\n  top: 0;\n  right: 0;\n  left: 0;\n  bottom: 0;\n  width: 100%;\n  height: 100%;\n}\n.sectionLabelStyled {\n  font-weight: 600;\n  padding-top: 24px;\n  padding-bottom: 10px;\n  line-height: 22px;\n  display: flex;\n  align-items: center;\n}\n.menuItemStyled {\n  height: 38px;\n  display: flex;\n  align-items: center;\n  border-radius: 4px;\n}\n.menuItemLink {\n  color: var(--text-secondary);\n  text-decoration: none;\n  font-weight: 400;\n  padding-left: 22px;\n  height: 100%;\n  width: 100%;\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-secondary);\n  color: var(--text-primary);\n  text-decoration: none;\n}\n.active {\n  background: var(--surface-secondary);\n  color: var(--text-primary);\n}\n.active:hover {\n  background: var(--surface-tertiary);\n}");export{n as default};
+var n={headerStyled:"headerStyled",closeIcon:"closeIcon",containerStyled:"containerStyled",sidebarMenuStyled:"sidebarMenuStyled",innerStyled:"innerStyled",CloseLayerStyled:"CloseLayerStyled",sectionLabelStyled:"sectionLabelStyled",menuItemStyled:"menuItemStyled",menuItemLink:"menuItemLink",active:"active"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-7edb68d4004b_0_0_17";if(e.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,e.firstChild?e.insertBefore(i,e.firstChild):e.appendChild(i),i.appendChild(document.createTextNode(n))}(".headerStyled {\n  display: flex;\n  align-items: center;\n  margin-bottom: 50px;\n}\n.headerStyled img {\n  margin-top: 4px;\n  margin-left: 4px;\n}\n.closeIcon {\n  padding-right: 5px;\n}\n.containerStyled {\n  padding: 0 1rem;\n  flex: 1;\n}\n.sidebarMenuStyled {\n  top: 0;\n  right: 0;\n  left: 0;\n  bottom: 0;\n  position: fixed;\n  will-change: transform;\n  transition: all 0.26s ease-in-out;\n  z-index: 9999;\n  display: flex;\n}\n.innerStyled {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  overflow-y: auto;\n  box-shadow: 0 12px 22px var(--color-american_gray-selected);\n  background-color: var(--surface-primary);\n  padding: 12px 12px 0 15px;\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.CloseLayerStyled {\n  background-color: transparent;\n  position: absolute;\n  top: 0;\n  right: 0;\n  left: 0;\n  bottom: 0;\n  width: 100%;\n  height: 100%;\n}\n.sectionLabelStyled {\n  font-weight: 600;\n  padding-top: 24px;\n  padding-bottom: 10px;\n  line-height: 22px;\n  display: flex;\n  align-items: center;\n}\n.menuItemStyled {\n  height: 38px;\n  display: flex;\n  align-items: center;\n  border-radius: 4px;\n}\n.menuItemLink {\n  color: var(--text-secondary);\n  text-decoration: none;\n  font-weight: 400;\n  padding-left: 22px;\n  height: 100%;\n  width: 100%;\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-secondary);\n  color: var(--text-primary);\n  text-decoration: none;\n}\n.active {\n  background: var(--surface-secondary);\n  color: var(--text-primary);\n}\n.active:hover {\n  background: var(--surface-tertiary);\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-bcf2ca2ed258_0_0_15";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-secondary);\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-secondary);\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-secondary);\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-bcf2ca2ed258_0_0_17";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-secondary);\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-secondary);\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-secondary);\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_15";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_17";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_15";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_17";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_15";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_17";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_15";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_17";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_15";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_17";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-f694e207b5e9_0_0_15";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-primary);\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-f694e207b5e9_0_0_17";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-primary);\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_15";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_17";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_15";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_17";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_15";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_17";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_15";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_17";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_15";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_17";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-164835de03cb_0_0_15";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-164835de03cb_0_0_17";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_15";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_17";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_15";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_17";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_15";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_17";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],d="s_id-f0b28056d77a_0_0_15";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))}(".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],d="s_id-f0b28056d77a_0_0_17";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))}(".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