@heliux-org/design-system-core 0.0.151 → 0.0.153

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

@@ -1,2 +1,2 @@
-var n={wrapper:"wrapper",checkbox:"checkbox",icon:"icon",label:"label",input:"input",checkboxGrowAnimation:"checkboxGrowAnimation"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],o="s_id-48d5620ebb3c_0_0_150";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))}('.wrapper {\n  position: relative;\n  display: flex;\n  align-items: center;\n  width: fit-content;\n  height: min-content;\n}\n\n.checkbox {\n  cursor: pointer;\n  visibility: visible;\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n  height: 16px;\n  width: 16px;\n  border: 1px solid;\n  border-color: var(--divider-primary);\n  border-radius: 2px;\n  transition: all var(--motion-productive-medium) ease 0ms;\n  position: relative;\n  overflow: hidden;\n  background-color: var(--surface-level-100);\n}\n\n.checkbox:after {\n  content: " ";\n  background-color: transparent;\n  position: absolute;\n  height: 16px;\n  z-index: 2;\n  left: 0;\n  right: 0;\n  width: 100%;\n}\n\n.checkbox:hover {\n  border-color: var(--divider-selected);\n  box-shadow: var(--effect-divider-halo);\n}\n\n.icon {\n  width: 100%;\n  color: var(--text-color-on-primary);\n  visibility: hidden;\n}\n\n.label {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  cursor: pointer;\n  user-select: none;\n  margin-inline-start: var(--spacing-small);\n}\n\n/* Since it is not possible to change the design of the checkbox according to the requirements using css, */\n\n/* we hide the checkbox and draw a new one instead. */\n\n/* In order to allow accessibility, all operations will be performed on the hidden checkbox and be reflected */\n\n.input {\n  opacity: 0;\n  width: 0;\n  height: 0;\n  position: absolute;\n}\n\n/* For any active attribute in the hidden checkbox, we will change the appearance of the checkbox we drew in its place. */\n\n.input:focus + .checkbox {\n  border-color: var(--divider-selected);\n  box-shadow: var(--effect-divider-halo);\n}\n\n.input:focus:checked + .checkbox {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n  box-shadow: var(--effect-divider-halo);\n}\n\n.input:focus-visible + .checkbox {\n  outline: none;\n  border: 1px solid;\n  border-color: var(--primary-color);\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5);\n  border-radius: 2px;\n}\n\n.input:checked:focus + .checkbox:after,\n.input:indeterminate:focus + .checkbox:after {\n  background-color: var(--primary-hover-color);\n}\n\n.input:checked + .checkbox,\n.input:indeterminate + .checkbox {\n  animation: checkboxGrowAnimation var(--motion-productive-short);\n}\n\n.input:checked + .checkbox,\n.input:indeterminate + .checkbox {\n  background-color: var(--primary-color);\n  border-color: transparent;\n}\n\n.input:checked + .checkbox:hover,\n.input:indeterminate + .checkbox:hover {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n  box-shadow: var(--effect-divider-halo);\n}\n\n.input:checked + .checkbox:hover:after,\n.input:indeterminate + .checkbox:hover:after {\n  background-color: var(--primary-hover-color);\n}\n\n.input:checked + .checkbox:after,\n.input:indeterminate + .checkbox:after {\n  content: " ";\n  background-color: var(--primary-color);\n  height: 16px;\n  transform: scaleX(0);\n  transition: transform var(--motion-productive-long);\n  transform-origin: right;\n  left: 0;\n}\n\n.input:checked + .checkbox > .icon,\n.input:indeterminate + .checkbox > .icon {\n  visibility: visible;\n}\n\n.input:checked:disabled + .checkbox:after,\n.input:indeterminate:disabled + .checkbox:after {\n  background-color: var(--disabled-background-color);\n}\n\n.input:disabled + .checkbox,\n.input:disabled + .checkbox:hover {\n  background-color: var(--disabled-background-color);\n  border-color: var(--divider-primary);\n}\n\n.input:disabled + .checkbox .icon,\n.input:disabled + .checkbox:hover .icon {\n  color: var(--disabled-text-color);\n}\n\n.input:disabled + .checkbox,\n.input:disabled + .checkbox:hover {\n  cursor: not-allowed;\n}\n\n.input:disabled ~ .label {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n\n@keyframes checkboxGrowAnimation {\n  0% {\n    transform: scale(0.8);\n  }\n  100% {\n    transform: scale(1);\n  }\n}');export{n as default};
+var n={wrapper:"wrapper",checkbox:"checkbox",icon:"icon",label:"label",input:"input",checkboxGrowAnimation:"checkboxGrowAnimation"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],o="s_id-48d5620ebb3c_0_0_152";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))}('.wrapper {\n  position: relative;\n  display: flex;\n  align-items: center;\n  width: fit-content;\n  height: min-content;\n}\n\n.checkbox {\n  cursor: pointer;\n  visibility: visible;\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n  height: 16px;\n  width: 16px;\n  border: 1px solid;\n  border-color: var(--divider-primary);\n  border-radius: 2px;\n  transition: all var(--motion-productive-medium) ease 0ms;\n  position: relative;\n  overflow: hidden;\n  background-color: var(--surface-level-100);\n}\n\n.checkbox:after {\n  content: " ";\n  background-color: transparent;\n  position: absolute;\n  height: 16px;\n  z-index: 2;\n  left: 0;\n  right: 0;\n  width: 100%;\n}\n\n.checkbox:hover {\n  border-color: var(--divider-selected);\n  box-shadow: var(--effect-divider-halo);\n}\n\n.icon {\n  width: 100%;\n  color: var(--text-color-on-primary);\n  visibility: hidden;\n}\n\n.label {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  cursor: pointer;\n  user-select: none;\n  margin-inline-start: var(--spacing-small);\n}\n\n/* Since it is not possible to change the design of the checkbox according to the requirements using css, */\n\n/* we hide the checkbox and draw a new one instead. */\n\n/* In order to allow accessibility, all operations will be performed on the hidden checkbox and be reflected */\n\n.input {\n  opacity: 0;\n  width: 0;\n  height: 0;\n  position: absolute;\n}\n\n/* For any active attribute in the hidden checkbox, we will change the appearance of the checkbox we drew in its place. */\n\n.input:focus + .checkbox {\n  border-color: var(--divider-selected);\n  box-shadow: var(--effect-divider-halo);\n}\n\n.input:focus:checked + .checkbox {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n  box-shadow: var(--effect-divider-halo);\n}\n\n.input:focus-visible + .checkbox {\n  outline: none;\n  border: 1px solid;\n  border-color: var(--primary-color);\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5);\n  border-radius: 2px;\n}\n\n.input:checked:focus + .checkbox:after,\n.input:indeterminate:focus + .checkbox:after {\n  background-color: var(--primary-hover-color);\n}\n\n.input:checked + .checkbox,\n.input:indeterminate + .checkbox {\n  animation: checkboxGrowAnimation var(--motion-productive-short);\n}\n\n.input:checked + .checkbox,\n.input:indeterminate + .checkbox {\n  background-color: var(--primary-color);\n  border-color: transparent;\n}\n\n.input:checked + .checkbox:hover,\n.input:indeterminate + .checkbox:hover {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n  box-shadow: var(--effect-divider-halo);\n}\n\n.input:checked + .checkbox:hover:after,\n.input:indeterminate + .checkbox:hover:after {\n  background-color: var(--primary-hover-color);\n}\n\n.input:checked + .checkbox:after,\n.input:indeterminate + .checkbox:after {\n  content: " ";\n  background-color: var(--primary-color);\n  height: 16px;\n  transform: scaleX(0);\n  transition: transform var(--motion-productive-long);\n  transform-origin: right;\n  left: 0;\n}\n\n.input:checked + .checkbox > .icon,\n.input:indeterminate + .checkbox > .icon {\n  visibility: visible;\n}\n\n.input:checked:disabled + .checkbox:after,\n.input:indeterminate:disabled + .checkbox:after {\n  background-color: var(--disabled-background-color);\n}\n\n.input:disabled + .checkbox,\n.input:disabled + .checkbox:hover {\n  background-color: var(--disabled-background-color);\n  border-color: var(--divider-primary);\n}\n\n.input:disabled + .checkbox .icon,\n.input:disabled + .checkbox:hover .icon {\n  color: var(--disabled-text-color);\n}\n\n.input:disabled + .checkbox,\n.input:disabled + .checkbox:hover {\n  cursor: not-allowed;\n}\n\n.input:disabled ~ .label {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n\n@keyframes checkboxGrowAnimation {\n  0% {\n    transform: scale(0.8);\n  }\n  100% {\n    transform: scale(1);\n  }\n}');export{n as default};
 //# sourceMappingURL=Checkbox.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={clickable:"clickable","focus-visible":"focus-visible",disabled:"disabled",disableTextSelection:"disableTextSelection"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],i="s_id-8d33a9ee9e1f_0_0_150";if(n.querySelector("#"+i))return;const o=document.createElement("style");o.id=i,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}(".clickable {\n  cursor: pointer;\n}\n.clickable:focus-visible, .clickable.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.clickable:focus:not(.focus-visible) {\n  outline: none;\n}\n.clickable.disabled {\n  cursor: default;\n}\n.disableTextSelection {\n  -webkit-touch-callout: none; /* iOS Safari */ /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */\n}");export{e as default};
+var e={clickable:"clickable","focus-visible":"focus-visible",disabled:"disabled",disableTextSelection:"disableTextSelection"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],i="s_id-8d33a9ee9e1f_0_0_152";if(n.querySelector("#"+i))return;const o=document.createElement("style");o.id=i,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}(".clickable {\n  cursor: pointer;\n}\n.clickable:focus-visible, .clickable.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.clickable:focus:not(.focus-visible) {\n  outline: none;\n}\n.clickable.disabled {\n  cursor: default;\n}\n.disableTextSelection {\n  -webkit-touch-callout: none; /* iOS Safari */ /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */\n}");export{e as default};
 //# sourceMappingURL=Clickable.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={colorPicker:"colorPicker",colorPickerDialogContent:"colorPickerDialogContent"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-ffacbf9b6446_0_0_150";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))}(".colorPicker.colorPickerDialogContent {\n  z-index: 1;\n  padding: 12px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}");export{e as default};
+var e={colorPicker:"colorPicker",colorPickerDialogContent:"colorPickerDialogContent"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-ffacbf9b6446_0_0_152";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))}(".colorPicker.colorPickerDialogContent {\n  z-index: 1;\n  padding: 12px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}");export{e as default};
 //# sourceMappingURL=ColorPicker.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/ColorPicker/components/ColorPickerContent/ColorPickerClearButton.module.scss.js

@@ -1,2 +1,2 @@
-var e={clearColorIcon:"clearColorIcon",clearColorButton:"clearColorButton"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],o="s_id-774e60a23ee3_0_0_150";if(n.querySelector("#"+o))return;const t=document.createElement("style");t.id=o,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}(".clearColorIcon {\n  margin-right: var(--spacing-small);\n}\n\n.clearColorButton {\n  margin-top: var(--spacing-small);\n}");export{e as default};
+var e={clearColorIcon:"clearColorIcon",clearColorButton:"clearColorButton"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],o="s_id-774e60a23ee3_0_0_152";if(n.querySelector("#"+o))return;const t=document.createElement("style");t.id=o,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}(".clearColorIcon {\n  margin-right: var(--spacing-small);\n}\n\n.clearColorButton {\n  margin-top: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=ColorPickerClearButton.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/ColorPicker/components/ColorPickerContent/ColorPickerColorsGrid.module.scss.js

@@ -1,2 +1,2 @@
-var e={colorsGrid:"colorsGrid"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],d="s_id-0a5f0eb78ee4_0_0_150";if(n.querySelector("#"+d))return;const t=document.createElement("style");t.id=d,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}(".colorsGrid {\n  padding: 0;\n  outline: none;\n  display: flex;\n  flex-wrap: wrap;\n}");export{e as default};
+var e={colorsGrid:"colorsGrid"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],d="s_id-0a5f0eb78ee4_0_0_152";if(n.querySelector("#"+d))return;const t=document.createElement("style");t.id=d,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}(".colorsGrid {\n  padding: 0;\n  outline: none;\n  display: flex;\n  flex-wrap: wrap;\n}");export{e as default};
 //# sourceMappingURL=ColorPickerColorsGrid.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/ColorPicker/components/ColorPickerItemComponent/ColorPickerItemComponent.module.scss.js

@@ -1,2 +1,2 @@
-var e={itemWrapper:"itemWrapper",circle:"circle",feedbackIndicator:"feedbackIndicator",active:"active",selectedColor:"selectedColor",colorItem:"colorItem",colorIndicatorWrapper:"colorIndicatorWrapper",colorItemSizeSmall:"colorItemSizeSmall",colorItemSizeMedium:"colorItemSizeMedium",colorItemSizeLarge:"colorItemSizeLarge",colorItemTextMode:"colorItemTextMode",colorIconWhite:"colorIconWhite"};!function(e){if("undefined"==typeof document)return;const r=document.head||document.getElementsByTagName("head")[0],n="s_id-d3e48bf91285_0_0_150";if(r.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.appendChild(document.createTextNode(e))}('.itemWrapper {\n  --border-radius-multiplier: 1;\n}\n\n.itemWrapper.circle {\n  --border-radius-multiplier: 99999;\n}\n\n/* stylelint-disable scss/operator-no-unspaced */\n\n.itemWrapper {\n  margin: 4px;\n  display: flex;\n  list-style-type: none;\n  position: relative;\n}\n\n.itemWrapper .feedbackIndicator {\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n}\n\n.itemWrapper:focus,\n.itemWrapper:focus-visible,\n.itemWrapper.active {\n  outline: none;\n}\n\n.itemWrapper:focus .feedbackIndicator:before,\n.itemWrapper:focus-visible .feedbackIndicator:before,\n.itemWrapper.active .feedbackIndicator:before {\n  content: " ";\n  position: absolute;\n  border-radius: calc(7px * var(--border-radius-multiplier, 1));\n  inset: -4px;\n  border: 4px solid;\n  border-color: var(--surface-selected);\n  pointer-events: none;\n}\n\n.itemWrapper:focus .feedbackIndicator:after,\n.itemWrapper:focus-visible .feedbackIndicator:after,\n.itemWrapper.active .feedbackIndicator:after {\n  content: " ";\n  position: absolute;\n  border-radius: calc(7px * var(--border-radius-multiplier, 1));\n  inset: -1px;\n  border: 1px solid;\n  border-color: var(--primary-color);\n  pointer-events: none;\n}\n\n/* active elements have no "hover feedback" */\n\n.itemWrapper:hover:not(.active):not(.selectedColor) .feedbackIndicator {\n  content: " ";\n  position: absolute;\n  border-radius: calc(8px * var(--border-radius-multiplier, 1));\n  inset: -4px;\n  border: 4px solid;\n  border-color: var(--surface-level-100-hover);\n  pointer-events: none;\n}\n\n.itemWrapper .colorItem {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border: 2px solid transparent;\n  border-radius: calc(4px * var(--border-radius-multiplier, 1));\n  cursor: pointer;\n}\n\n.itemWrapper .colorItem .colorIndicatorWrapper {\n  margin-top: 3px;\n}\n\n.itemWrapper .colorItem.colorItemSizeSmall {\n  width: 24px;\n  height: 24px;\n}\n\n.itemWrapper .colorItem.colorItemSizeMedium {\n  width: 32px;\n  height: 32px;\n}\n\n.itemWrapper .colorItem.colorItemSizeLarge {\n  width: 40px;\n  height: 40px;\n}\n\n.itemWrapper.selectedColor {\n  position: relative;\n}\n\n.itemWrapper.selectedColor:before {\n  content: " ";\n  position: absolute;\n  border-radius: calc(7px * var(--border-radius-multiplier, 1));\n  inset: -4px;\n  border: 2px solid;\n  border-color: var(--primary-color);\n  pointer-events: none;\n}\n\n.itemWrapper.selectedColor .feedbackIndicator:before {\n  /* hide the outer border from the "active" feedback indicator */\n  display: none;\n}\n\n.itemWrapper .colorItemTextMode:hover {\n  background-color: var(--surface-level-100-hover) !important;\n}\n\n.itemWrapper .colorIconWhite {\n  color: var(--color-snow_white);\n}');export{e as default};
+var e={itemWrapper:"itemWrapper",circle:"circle",feedbackIndicator:"feedbackIndicator",active:"active",selectedColor:"selectedColor",colorItem:"colorItem",colorIndicatorWrapper:"colorIndicatorWrapper",colorItemSizeSmall:"colorItemSizeSmall",colorItemSizeMedium:"colorItemSizeMedium",colorItemSizeLarge:"colorItemSizeLarge",colorItemTextMode:"colorItemTextMode",colorIconWhite:"colorIconWhite"};!function(e){if("undefined"==typeof document)return;const r=document.head||document.getElementsByTagName("head")[0],n="s_id-d3e48bf91285_0_0_152";if(r.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.appendChild(document.createTextNode(e))}('.itemWrapper {\n  --border-radius-multiplier: 1;\n}\n\n.itemWrapper.circle {\n  --border-radius-multiplier: 99999;\n}\n\n/* stylelint-disable scss/operator-no-unspaced */\n\n.itemWrapper {\n  margin: 4px;\n  display: flex;\n  list-style-type: none;\n  position: relative;\n}\n\n.itemWrapper .feedbackIndicator {\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n}\n\n.itemWrapper:focus,\n.itemWrapper:focus-visible,\n.itemWrapper.active {\n  outline: none;\n}\n\n.itemWrapper:focus .feedbackIndicator:before,\n.itemWrapper:focus-visible .feedbackIndicator:before,\n.itemWrapper.active .feedbackIndicator:before {\n  content: " ";\n  position: absolute;\n  border-radius: calc(7px * var(--border-radius-multiplier, 1));\n  inset: -4px;\n  border: 4px solid;\n  border-color: var(--surface-selected);\n  pointer-events: none;\n}\n\n.itemWrapper:focus .feedbackIndicator:after,\n.itemWrapper:focus-visible .feedbackIndicator:after,\n.itemWrapper.active .feedbackIndicator:after {\n  content: " ";\n  position: absolute;\n  border-radius: calc(7px * var(--border-radius-multiplier, 1));\n  inset: -1px;\n  border: 1px solid;\n  border-color: var(--primary-color);\n  pointer-events: none;\n}\n\n/* active elements have no "hover feedback" */\n\n.itemWrapper:hover:not(.active):not(.selectedColor) .feedbackIndicator {\n  content: " ";\n  position: absolute;\n  border-radius: calc(8px * var(--border-radius-multiplier, 1));\n  inset: -4px;\n  border: 4px solid;\n  border-color: var(--surface-level-100-hover);\n  pointer-events: none;\n}\n\n.itemWrapper .colorItem {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border: 2px solid transparent;\n  border-radius: calc(4px * var(--border-radius-multiplier, 1));\n  cursor: pointer;\n}\n\n.itemWrapper .colorItem .colorIndicatorWrapper {\n  margin-top: 3px;\n}\n\n.itemWrapper .colorItem.colorItemSizeSmall {\n  width: 24px;\n  height: 24px;\n}\n\n.itemWrapper .colorItem.colorItemSizeMedium {\n  width: 32px;\n  height: 32px;\n}\n\n.itemWrapper .colorItem.colorItemSizeLarge {\n  width: 40px;\n  height: 40px;\n}\n\n.itemWrapper.selectedColor {\n  position: relative;\n}\n\n.itemWrapper.selectedColor:before {\n  content: " ";\n  position: absolute;\n  border-radius: calc(7px * var(--border-radius-multiplier, 1));\n  inset: -4px;\n  border: 2px solid;\n  border-color: var(--primary-color);\n  pointer-events: none;\n}\n\n.itemWrapper.selectedColor .feedbackIndicator:before {\n  /* hide the outer border from the "active" feedback indicator */\n  display: none;\n}\n\n.itemWrapper .colorItemTextMode:hover {\n  background-color: var(--surface-level-100-hover) !important;\n}\n\n.itemWrapper .colorIconWhite {\n  color: var(--color-snow_white);\n}');export{e as default};
 //# sourceMappingURL=ColorPickerItemComponent.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var o={combobox:"combobox",stickyCategory:"stickyCategory",comboboxCategory:"comboboxCategory",sizeSmall:"sizeSmall",sizeMedium:"sizeMedium",sizeLarge:"sizeLarge",empty:"empty",comboboxSearchWrapper:"comboboxSearchWrapper",comboboxSearch:"comboboxSearch",comboboxNoResults:"comboboxNoResults",comboboxMessageWrapper:"comboboxMessageWrapper",comboboxMessage:"comboboxMessage",addNewButton:"addNewButton",buttonLabel:"buttonLabel",comboboxList:"comboboxList"};!function(o){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],n="s_id-f0ce05580104_0_0_150";if(e.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(o))}(".combobox {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  margin-bottom: var(--spacing-small);\n}\n\n.combobox.stickyCategory .comboboxCategory {\n  z-index: 10;\n  background-color: var(--surface-level-100);\n}\n\n/* Relative to Search height */\n\n.combobox.stickyCategory.sizeSmall .comboboxCategory {\n  top: 32px;\n}\n\n.combobox.stickyCategory.sizeMedium .comboboxCategory {\n  top: 40px;\n}\n\n.combobox.stickyCategory.sizeLarge .comboboxCategory {\n  top: 48px;\n}\n\n.combobox.empty {\n  max-height: 200px;\n}\n\n.comboboxSearchWrapper {\n  position: sticky;\n  top: 0;\n  z-index: 12;\n}\n\n.comboboxSearch {\n  flex: 0 0 auto;\n}\n\n.comboboxNoResults {\n  margin-top: var(--spacing-small);\n  flex: 1 1 auto;\n  height: calc(100% - 20px);\n  overflow: hidden;\n  position: relative;\n  padding: 0 16px;\n  display: flex;\n  flex-direction: column;\n}\n\n.comboboxNoResults .comboboxMessageWrapper {\n  flex: 1 0 auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.comboboxNoResults .comboboxMessageWrapper .comboboxMessage {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.comboboxNoResults .addNewButton {\n  flex: 0 0 auto;\n  width: 100% !important;\n  margin-bottom: 8px;\n}\n\n.comboboxNoResults .addNewButton .buttonLabel {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.comboboxList {\n  display: flex;\n  flex-direction: column;\n  flex: 1 1 auto;\n  padding: 0 4px;\n  overflow: hidden;\n}");export{o as default};
+var o={combobox:"combobox",stickyCategory:"stickyCategory",comboboxCategory:"comboboxCategory",sizeSmall:"sizeSmall",sizeMedium:"sizeMedium",sizeLarge:"sizeLarge",empty:"empty",comboboxSearchWrapper:"comboboxSearchWrapper",comboboxSearch:"comboboxSearch",comboboxNoResults:"comboboxNoResults",comboboxMessageWrapper:"comboboxMessageWrapper",comboboxMessage:"comboboxMessage",addNewButton:"addNewButton",buttonLabel:"buttonLabel",comboboxList:"comboboxList"};!function(o){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],n="s_id-f0ce05580104_0_0_152";if(e.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(o))}(".combobox {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  margin-bottom: var(--spacing-small);\n}\n\n.combobox.stickyCategory .comboboxCategory {\n  z-index: 10;\n  background-color: var(--surface-level-100);\n}\n\n/* Relative to Search height */\n\n.combobox.stickyCategory.sizeSmall .comboboxCategory {\n  top: 32px;\n}\n\n.combobox.stickyCategory.sizeMedium .comboboxCategory {\n  top: 40px;\n}\n\n.combobox.stickyCategory.sizeLarge .comboboxCategory {\n  top: 48px;\n}\n\n.combobox.empty {\n  max-height: 200px;\n}\n\n.comboboxSearchWrapper {\n  position: sticky;\n  top: 0;\n  z-index: 12;\n}\n\n.comboboxSearch {\n  flex: 0 0 auto;\n}\n\n.comboboxNoResults {\n  margin-top: var(--spacing-small);\n  flex: 1 1 auto;\n  height: calc(100% - 20px);\n  overflow: hidden;\n  position: relative;\n  padding: 0 16px;\n  display: flex;\n  flex-direction: column;\n}\n\n.comboboxNoResults .comboboxMessageWrapper {\n  flex: 1 0 auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.comboboxNoResults .comboboxMessageWrapper .comboboxMessage {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.comboboxNoResults .addNewButton {\n  flex: 0 0 auto;\n  width: 100% !important;\n  margin-bottom: 8px;\n}\n\n.comboboxNoResults .addNewButton .buttonLabel {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.comboboxList {\n  display: flex;\n  flex-direction: column;\n  flex: 1 1 auto;\n  padding: 0 4px;\n  overflow: hidden;\n}");export{o as default};
 //# sourceMappingURL=Combobox.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Combobox/ComboboxHelpers/ComboboxHelpers.module.scss.js

@@ -1,2 +1,2 @@
-var e={comboboxItemContainer:"comboboxItemContainer",dividerContainer:"dividerContainer",divider:"divider",sticky:"sticky"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],i="s_id-cea859f3b65c_0_0_150";if(n.querySelector("#"+i))return;const t=document.createElement("style");t.id=i,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}(".comboboxItemContainer {\n  display: flex;\n  flex: auto;\n  width: 100%;\n  background-color: var(--surface-level-100);\n}\n\n.dividerContainer {\n  position: relative;\n  width: 95%;\n}\n\n.divider {\n  position: absolute;\n  width: calc(100% + 16px);\n  margin-left: -12px;\n}\n\n.sticky {\n  position: sticky;\n  top: 0;\n  z-index: 20;\n}");export{e as default};
+var e={comboboxItemContainer:"comboboxItemContainer",dividerContainer:"dividerContainer",divider:"divider",sticky:"sticky"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],i="s_id-cea859f3b65c_0_0_152";if(n.querySelector("#"+i))return;const t=document.createElement("style");t.id=i,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}(".comboboxItemContainer {\n  display: flex;\n  flex: auto;\n  width: 100%;\n  background-color: var(--surface-level-100);\n}\n\n.dividerContainer {\n  position: relative;\n  width: 95%;\n}\n\n.divider {\n  position: absolute;\n  width: calc(100% + 16px);\n  margin-left: -12px;\n}\n\n.sticky {\n  position: sticky;\n  top: 0;\n  z-index: 20;\n}");export{e as default};
 //# sourceMappingURL=ComboboxHelpers.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Combobox/components/ComboboxCategory/ComboboxCategory.module.scss.js

@@ -1,2 +1,2 @@
-var e={comboboxCategory:"comboboxCategory"};!function(e){if("undefined"==typeof document)return;const o=document.head||document.getElementsByTagName("head")[0],t="s_id-a004d249e1c1_0_0_150";if(o.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,o.firstChild?o.insertBefore(n,o.firstChild):o.appendChild(n),n.appendChild(document.createTextNode(e))}(".comboboxCategory {\n  color: var(--placeholder-color);\n  display: flex;\n  align-items: center;\n  padding-top: var(--spacing-small);\n}");export{e as default};
+var e={comboboxCategory:"comboboxCategory"};!function(e){if("undefined"==typeof document)return;const o=document.head||document.getElementsByTagName("head")[0],t="s_id-a004d249e1c1_0_0_152";if(o.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,o.firstChild?o.insertBefore(n,o.firstChild):o.appendChild(n),n.appendChild(document.createTextNode(e))}(".comboboxCategory {\n  color: var(--placeholder-color);\n  display: flex;\n  align-items: center;\n  padding-top: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=ComboboxCategory.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Combobox/components/ComboboxItems/ComboboxItems.module.scss.js

@@ -1,2 +1,2 @@
-var t={scrollableContainer:"scrollableContainer",optionsContainer:"optionsContainer",firstCategory:"firstCategory",categoryWithOptions:"categoryWithOptions",categoryWithoutOptions:"categoryWithoutOptions"};!function(t){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],e="s_id-7de573ecf1ec_0_0_150";if(n.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(t))}(".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}\n.optionsContainer {\n  overflow-x: visible;\n  overflow-y: auto;\n  margin-top: var(--spacing-small);\n}\n.firstCategory {\n  padding-top: 0;\n}\n.categoryWithOptions {\n  margin-bottom: var(--spacing-xs);\n}\n.categoryWithoutOptions {\n  margin-bottom: 0;\n}");export{t as default};
+var t={scrollableContainer:"scrollableContainer",optionsContainer:"optionsContainer",firstCategory:"firstCategory",categoryWithOptions:"categoryWithOptions",categoryWithoutOptions:"categoryWithoutOptions"};!function(t){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],e="s_id-7de573ecf1ec_0_0_152";if(n.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(t))}(".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}\n.optionsContainer {\n  overflow-x: visible;\n  overflow-y: auto;\n  margin-top: var(--spacing-small);\n}\n.firstCategory {\n  padding-top: 0;\n}\n.categoryWithOptions {\n  margin-bottom: var(--spacing-xs);\n}\n.categoryWithoutOptions {\n  margin-bottom: 0;\n}");export{t as default};
 //# sourceMappingURL=ComboboxItems.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Combobox/components/ComboboxOption/ComboboxOption.module.scss.js

@@ -1,2 +1,2 @@
-var o={comboboxOption:"comboboxOption",disabled:"disabled",selected:"selected",active:"active",activeOutline:"activeOutline",optionLabel:"optionLabel",optionIcon:"optionIcon",left:"left"};!function(o){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],e="s_id-8651683ae470_0_0_150";if(n.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(o))}(".comboboxOption {\n  padding: 8px;\n  width: 100%;\n  border-radius: 4px;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  user-select: none;\n}\n\n.comboboxOption.disabled {\n  cursor: not-allowed;\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n\n.comboboxOption.disabled:hover {\n  background-color: transparent;\n}\n\n.comboboxOption.selected {\n  background-color: var(--surface-selected);\n}\n\n.comboboxOption:hover:not(.disabled):not(.selected),\n.comboboxOption.active {\n  color: var(--text-primary);\n  background-color: var(--surface-level-100-hover);\n  position: relative;\n}\n\n.comboboxOption.activeOutline {\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  background-color: var(--surface-level-100);\n}\n\n.comboboxOption .optionLabel {\n  flex: 1 1 auto;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.comboboxOption .optionIcon {\n  flex: 0 0 auto;\n}\n\n.comboboxOption .optionIcon.left {\n  margin-right: 4px;\n}");export{o as default};
+var o={comboboxOption:"comboboxOption",disabled:"disabled",selected:"selected",active:"active",activeOutline:"activeOutline",optionLabel:"optionLabel",optionIcon:"optionIcon",left:"left"};!function(o){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],e="s_id-8651683ae470_0_0_152";if(n.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(o))}(".comboboxOption {\n  padding: 8px;\n  width: 100%;\n  border-radius: 4px;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  user-select: none;\n}\n\n.comboboxOption.disabled {\n  cursor: not-allowed;\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n\n.comboboxOption.disabled:hover {\n  background-color: transparent;\n}\n\n.comboboxOption.selected {\n  background-color: var(--surface-selected);\n}\n\n.comboboxOption:hover:not(.disabled):not(.selected),\n.comboboxOption.active {\n  color: var(--text-primary);\n  background-color: var(--surface-level-100-hover);\n  position: relative;\n}\n\n.comboboxOption.activeOutline {\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  background-color: var(--surface-level-100);\n}\n\n.comboboxOption .optionLabel {\n  flex: 1 1 auto;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.comboboxOption .optionIcon {\n  flex: 0 0 auto;\n}\n\n.comboboxOption .optionIcon.left {\n  margin-right: 4px;\n}");export{o as default};
 //# sourceMappingURL=ComboboxOption.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Combobox/components/StickyCategoryHeader/StickyCategoryHeader.module.scss.js

@@ -1,2 +1,2 @@
-var e={stickyCategoryHeader:"stickyCategoryHeader"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-7fd28c7f6b31_0_0_150";if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}(".stickyCategoryHeader {\n  position: absolute;\n  z-index: 10;\n  width: calc(100% - 12px);\n  background-color: var(--surface-level-100);\n  padding-block: 10px var(--spacing-xs);\n  display: flex;\n  align-items: center;\n}");export{e as default};
+var e={stickyCategoryHeader:"stickyCategoryHeader"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-7fd28c7f6b31_0_0_152";if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}(".stickyCategoryHeader {\n  position: absolute;\n  z-index: 10;\n  width: calc(100% - 12px);\n  background-color: var(--surface-level-100);\n  padding-block: 10px var(--spacing-xs);\n  display: flex;\n  align-items: center;\n}");export{e as default};
 //# sourceMappingURL=StickyCategoryHeader.module.scss.js.map

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

@@ -1,2 +1,2 @@
-import{slicedToArray as e,regeneratorRuntime as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{__awaiter as n}from"../../../_virtual/_tslib.js";import{jsxs as s,jsx as r,Fragment as a}from"react/jsx-runtime";import{createElement as i,useState as c,useCallback as o}from"react";import"./comments.scss.js";import l from"../Avatar/Avatar.js";import m from"../TextAreaField/TextAreaField.js";import p from"../Flex/Flex.js";import"../Avatar/AvatarContent.js";import{AvatarType as d}from"../Avatar/AvatarConstants.js";import"../Avatar/AvatarBadge.js";import u from"../Button/Button.js";import{FlexDirection as h,FlexGap as g,FlexAlign as b}from"../Flex/FlexConstants.js";import T from"../Icon/Icons/components/Info.js";import j from"../Text/Text.js";import y from"../Icon/Icon.js";import v from"../Icon/Icons/components/Attach.js";function f(e){var t=e.comments,n=e.currentUser,a=e.onCommentSubmitted,c=e.isLabel,o=void 0!==c&&c,l=e.label,m=e.onClickAttachment,d=e.attachmentText;return s("div",Object.assign({className:"comments"},{children:[t.length>0&&r(p,Object.assign({direction:h.COLUMN,style:{marginBottom:"var(--spacing-large)",maxWidth:"345px"},gap:g.MEDIUM,align:b.STRETCH},{children:t.map((function(e,t){return i(O,Object.assign({},e,{currentUser:n,key:t}))}))})),r(A,{onCommentSubmitted:a,currentUser:n,isLabel:o,label:l,onClickAttachment:m,attachmentText:d})]}))}function A(i){var l=this,d=i.onCommentSubmitted,h=i.isLabel,g=void 0!==h&&h,b=i.label,f=i.onClickAttachment,A=i.attachmentText,O=c(!1),x=e(O,2),C=x[0],S=x[1],E=c(""),L=e(E,2),N=L[0],k=L[1],U=o((function(e){return n(l,void 0,void 0,t().mark((function n(){var s;return t().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return S(!0),t.next=3,d(e);case 3:s=t.sent,S(!1),s&&k("");case 6:case"end":return t.stop()}}),n)})))}),[d]);return s("div",Object.assign({className:"comments-top"},{children:[s(p,Object.assign({gap:p.gaps.SMALL},{children:[g&&"internal"===b.status&&s(a,{children:[r(y,{iconType:y.type.SVG,style:{color:"#757575"},icon:T,iconSize:20,clickable:!1}),r(j,Object.assign({type:j.types.TEXT1,color:j.colors.SECONDARY},{children:"This is an internal conversation"}))]}),g&&"external"===b.status&&s(a,{children:[r(y,{iconType:y.type.SVG,style:{color:"#FF0020"},icon:T,iconSize:20,clickable:!1}),r(j,Object.assign({type:j.types.TEXT1,style:{color:"#BB0018"}},{children:"This is an external conversation"}))]})]})),s("div",Object.assign({className:"comments-buttons"},{children:[r(m,{disabled:C,onChange:k,placeholder:"What’s on your mind...",rows:3,value:N,isResizeable:!1}),r(u,Object.assign({disabled:!N||C,onClick:function(){return U(N)},size:u.sizes.SMALL,style:{width:"100%"}},{children:"Send"}))]})),s(u,Object.assign({onClick:f,size:u.sizes.SMALL,kind:u.kinds.TERTIARY,style:{marginTop:"var(--spacing-small)"}},{children:[r(y,{iconType:y.type.SVG,style:{color:"#375D81",transform:"rotate(30deg)"},icon:v,iconSize:17,clickable:!1}),A&&r(j,Object.assign({type:j.types.TEXT2,style:{color:"#375D81",marginTop:"2px"}},{children:A}))]}))]}))}function O(e){var t=e.author,n=e.commentedAt,a=e.label,i=e.text,c=e.currentUser;return s(p,Object.assign({direction:h.COLUMN,align:b.STRETCH,className:"comment"},{children:[s(p,Object.assign({direction:h.ROW,gap:g.SMALL,className:"comment-data"},{children:[!!a&&r(j,Object.assign({className:"comment-label",type:j.types.TEXT2},{children:a})),r("div",Object.assign({className:"comment-user"},{children:t&&r(x,{user:t})})),r(j,Object.assign({className:"comment-date",color:j.colors.SECONDARY,type:j.types.TEXT2},{children:n.toLocaleString()}))]})),r(j,Object.assign({className:"comment-text ".concat(c.id===t.id&&"comment-currentUser"),type:j.types.TEXT1},{children:i}))]}))}function x(e){var t=e.user;return s(p,Object.assign({gap:g.XS},{children:[r(l,{size:l.sizes.MEDIUM,type:d.TEXT,backgroundColor:l.colors.STEEL_DARK,text:C(t.name)}),r("div",Object.assign({className:"comment-user-name"},{children:r(j,Object.assign({type:j.types.TEXT2,weight:j.weights.BOLD},{children:t.name}))}))]}))}function C(e){var t=e.split(" ");return 1===t.length?t[0].charAt(0).toUpperCase():"".concat(t[0].charAt(0)).concat(t[t.length-1].charAt(0)).toUpperCase()}export{O as Comment,A as CommentForm,f as Comments,x as UserCard};
+import{slicedToArray as e,regeneratorRuntime as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{__awaiter as n}from"../../../_virtual/_tslib.js";import{jsxs as s,jsx as r,Fragment as c}from"react/jsx-runtime";import{useRef as a,useEffect as i,createElement as o,useState as l,useCallback as m}from"react";import"./comments.scss.js";import p from"../Avatar/Avatar.js";import d from"../TextAreaField/TextAreaField.js";import u from"../Flex/Flex.js";import"../Avatar/AvatarContent.js";import{AvatarType as h}from"../Avatar/AvatarConstants.js";import"../Avatar/AvatarBadge.js";import g from"../Button/Button.js";import{FlexDirection as b,FlexGap as T,FlexAlign as j}from"../Flex/FlexConstants.js";import y from"../Icon/Icons/components/Info.js";import v from"../Text/Text.js";import f from"../Icon/Icon.js";import A from"../Icon/Icons/components/Attach.js";function O(e){var t=e.comments,n=e.currentUser,c=e.onCommentSubmitted,l=e.isLabel,m=void 0!==l&&l,p=e.label,d=e.onClickAttachment,h=e.attachmentText,g=a(null);return i((function(){g.current&&(g.current.scrollTop=g.current.scrollHeight)}),[t]),s("div",Object.assign({className:"comments"},{children:[t.length>0&&r(u,Object.assign({ref:g,className:"message-container",direction:b.COLUMN,gap:T.MEDIUM,align:j.STRETCH},{children:t.map((function(e,t){return o(C,Object.assign({},e,{currentUser:n,key:t}))}))})),r(x,{onCommentSubmitted:c,currentUser:n,isLabel:m,label:p,onClickAttachment:d,attachmentText:h})]}))}function x(a){var i=this,o=a.onCommentSubmitted,p=a.isLabel,h=void 0!==p&&p,b=a.label,T=a.onClickAttachment,j=a.attachmentText,O=l(!1),x=e(O,2),C=x[0],S=x[1],E=l(""),L=e(E,2),N=L[0],k=L[1],U=m((function(e){return n(i,void 0,void 0,t().mark((function n(){var s;return t().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return S(!0),t.next=3,o(e);case 3:s=t.sent,S(!1),s&&k("");case 6:case"end":return t.stop()}}),n)})))}),[o]);return s("div",Object.assign({className:"comments-top"},{children:[s(u,Object.assign({gap:u.gaps.SMALL},{children:[h&&"internal"===b.status&&s(c,{children:[r(f,{iconType:f.type.SVG,style:{color:"#757575"},icon:y,iconSize:20,clickable:!1}),r(v,Object.assign({type:v.types.TEXT1,color:v.colors.SECONDARY},{children:"This is an internal conversation"}))]}),h&&"external"===b.status&&s(c,{children:[r(f,{iconType:f.type.SVG,style:{color:"#FF0020"},icon:y,iconSize:20,clickable:!1}),r(v,Object.assign({type:v.types.TEXT1,style:{color:"#BB0018"}},{children:"This is an external conversation"}))]})]})),s("div",Object.assign({className:"comments-buttons"},{children:[r(d,{disabled:C,onChange:k,placeholder:"What’s on your mind...",rows:3,value:N,isResizeable:!1}),r(g,Object.assign({disabled:!N||C,onClick:function(){return U(N)},size:g.sizes.SMALL,style:{width:"100%"}},{children:"Send"}))]})),s(g,Object.assign({onClick:T,size:g.sizes.SMALL,kind:g.kinds.TERTIARY,style:{marginTop:"var(--spacing-small)"}},{children:[r(f,{iconType:f.type.SVG,style:{color:"#375D81",transform:"rotate(30deg)"},icon:A,iconSize:17,clickable:!1}),j&&r(v,Object.assign({type:v.types.TEXT2,style:{color:"#375D81",marginTop:"2px"}},{children:j}))]}))]}))}function C(e){var t=e.author,n=e.commentedAt,c=e.label,a=e.text,i=e.currentUser;return s(u,Object.assign({direction:b.COLUMN,align:j.STRETCH,className:"comment"},{children:[s(u,Object.assign({direction:b.ROW,gap:T.SMALL,className:"comment-data"},{children:[!!c&&r(v,Object.assign({className:"comment-label",type:v.types.TEXT2},{children:c})),r("div",Object.assign({className:"comment-user"},{children:t&&r(S,{user:t})})),r(v,Object.assign({className:"comment-date",color:v.colors.SECONDARY,type:v.types.TEXT2},{children:n.toLocaleString()}))]})),r(v,Object.assign({className:"comment-text ".concat(i.id===t.id&&"comment-currentUser"),type:v.types.TEXT1},{children:a}))]}))}function S(e){var t=e.user;return s(u,Object.assign({gap:T.XS},{children:[r(p,{size:p.sizes.MEDIUM,type:h.TEXT,backgroundColor:p.colors.STEEL_DARK,text:E(t.name)}),r("div",Object.assign({className:"comment-user-name"},{children:r(v,Object.assign({type:v.types.TEXT2,weight:v.weights.BOLD},{children:t.name}))}))]}))}function E(e){var t=e.split(" ");return 1===t.length?t[0].charAt(0).toUpperCase():"".concat(t[0].charAt(0)).concat(t[t.length-1].charAt(0)).toUpperCase()}export{C as Comment,x as CommentForm,O as Comments,S as UserCard};
 //# sourceMappingURL=Comments.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Comments.js","sources":["../../../../../src/components/Comments/Comments.tsx"],"sourcesContent":["import React, { useCallback, useState } from 'react';\n\nimport './comments.scss';\nimport Avatar from '../Avatar/Avatar';\nimport TextAreaField from '../TextAreaField/TextAreaField';\nimport Flex from '../Flex/Flex';\nimport { AvatarType } from '../Avatar';\nimport Button from '../Button/Button';\nimport { FlexAlign, FlexDirection, FlexGap } from '../Flex';\nimport Info from '../Icon/Icons/components/Info';\nimport Text from '../Text/Text';\nimport Icon from '../Icon/Icon';\nimport Attach from '../Icon/Icons/components/Attach';\n\nexport interface CommentProps {\n    text: string;\n    label?: string;\n    author: User;\n    commentedAt: Date;\n}\n\nexport interface User {\n    id: string;\n    email: string;\n    name: string;\n}\n\nexport interface CommentFormProps {\n    currentUser: User;\n    onCommentSubmitted: (text: string) => Promise<boolean>;\n    isLabel?: boolean;\n    label?: { status: \"external\" | \"internal\" };\n    onClickAttachment?: () => void;\n    attachmentText?: string;\n}\n\nexport interface CommentsProps extends CommentFormProps {\n    comments: CommentProps[];\n}\n\n\nexport function Comments({ comments, currentUser, onCommentSubmitted, isLabel = false, label, onClickAttachment, attachmentText }: CommentsProps) {\n    return (\n        <div className={'comments'}>\n            {comments.length > 0 && (\n                <Flex direction={FlexDirection.COLUMN} style={{ marginBottom: \"var(--spacing-large)\", maxWidth: \"345px\" }} gap={FlexGap.MEDIUM} align={FlexAlign.STRETCH}>\n                    {comments.map((comment, i) => <Comment {...comment} currentUser={currentUser} key={i} />)}\n                </Flex>\n            )}\n            <CommentForm onCommentSubmitted={onCommentSubmitted} currentUser={currentUser} isLabel={isLabel} label={label} onClickAttachment={onClickAttachment} attachmentText={attachmentText} />\n        </div>\n    );\n}\n\nexport function CommentForm({ onCommentSubmitted, currentUser, isLabel = false, label, onClickAttachment, attachmentText }: CommentFormProps) {\n    const [isWaiting, setIsWaiting] = useState<boolean>(false);\n    const [text, setText] = useState<string>('');\n\n    const onSubmit = useCallback(async (text: string) => {\n        setIsWaiting(true);\n        const succeeded = await onCommentSubmitted(text);\n        setIsWaiting(false);\n\n        if (succeeded) {\n            setText('');\n        }\n    }, [onCommentSubmitted]);\n    return (\n        <div className={'comments-top'}>\n            <Flex gap={Flex.gaps.SMALL}>\n                {isLabel && label.status === \"internal\" && (\n                    <>\n                        <Icon\n                            iconType={Icon.type.SVG}\n                            style={{ color: \"#757575\" }}\n                            icon={Info}\n                            iconSize={20}\n                            clickable={false}\n                        />\n                        <Text type={Text.types.TEXT1} color={Text.colors.SECONDARY}>\n                            This is an internal conversation\n                        </Text>\n                    </>\n                )}\n                {isLabel && label.status === \"external\" && (\n                    <>\n                        <Icon\n                            iconType={Icon.type.SVG}\n                            style={{ color: \"#FF0020\" }}\n                            icon={Info}\n                            iconSize={20}\n                            clickable={false}\n                        />\n                        <Text type={Text.types.TEXT1} style={{ color: \"#BB0018\" }}>\n                            This is an external conversation\n                        </Text>\n                    </>\n                )}\n            </Flex>\n            <div className={'comments-buttons'}>\n                <TextAreaField\n                    disabled={isWaiting}\n                    onChange={setText}\n                    placeholder={'What’s on your mind...'}\n                    rows={3}\n                    value={text}\n                    isResizeable={false}\n                />\n                <Button\n                    disabled={!text || isWaiting}\n                    onClick={() => onSubmit(text)}\n                    size={Button.sizes.SMALL}\n                    style={{ width: \"100%\" }}\n                >\n                    Send\n                </Button>\n            </div>\n            <Button\n                onClick={onClickAttachment}\n                size={Button.sizes.SMALL}\n                kind={Button.kinds.TERTIARY}\n                style={{ marginTop: \"var(--spacing-small)\" }}\n            >\n                <Icon iconType={Icon.type.SVG} style={{ color: \"#375D81\", transform: \"rotate(30deg)\" }} icon={Attach} iconSize={17} clickable={false} />\n                {attachmentText && <Text type={Text.types.TEXT2} style={{ color: \"#375D81\", marginTop: \"2px\" }}>{attachmentText}</Text>}\n            </Button>\n        </div>\n    );\n}\n\nexport function Comment({ author, commentedAt, label, text, currentUser }: { currentUser: User } & CommentProps) {\n    return (\n        <Flex direction={FlexDirection.COLUMN} align={FlexAlign.STRETCH} className={'comment'}>\n            <Flex direction={FlexDirection.ROW} gap={FlexGap.SMALL} className={'comment-data'}>\n                {!!label && (\n                    <Text className={'comment-label'} type={Text.types.TEXT2}>{label}</Text>\n                )}\n                <div className={'comment-user'}>\n                    {author && <UserCard user={author} />}\n                </div>\n                <Text className={'comment-date'} color={Text.colors.SECONDARY} type={Text.types.TEXT2}>{commentedAt.toLocaleString()}</Text>\n            </Flex>\n            <Text className={`comment-text ${currentUser.id === author.id && \"comment-currentUser\"}`} type={Text.types.TEXT1}>{text}</Text>\n        </Flex>\n    );\n}\n\nexport function UserCard({ user }: { user: User }) {\n    return (\n        <Flex gap={FlexGap.XS}>\n            <Avatar\n                size={Avatar.sizes.MEDIUM}\n                type={AvatarType.TEXT}\n                backgroundColor={Avatar.colors.STEEL_DARK}\n                text={toInitials(user.name)}\n            />\n            <div className={'comment-user-name'}>\n                <Text type={Text.types.TEXT2} weight={Text.weights.BOLD}>{user.name}</Text>\n            </div>\n        </Flex>\n    );\n}\n\nfunction toInitials(fullName: string) {\n    const names = fullName.split(' ');\n\n    if (names.length === 1) {\n        return names[0].charAt(0).toUpperCase();\n    }\n\n    return `${names[0].charAt(0)}${names[names.length - 1].charAt(0)}`.toUpperCase();\n}\n\n"],"names":["Comments","_ref","comments","currentUser","onCommentSubmitted","_ref$isLabel","isLabel","label","onClickAttachment","attachmentText","_jsxs","className","children","length","_jsx","Flex","Object","assign","direction","FlexDirection","COLUMN","style","marginBottom","maxWidth","gap","FlexGap","MEDIUM","align","FlexAlign","STRETCH","map","comment","i","_createElement","Comment","key","CommentForm","_ref2","_this","this","_ref2$isLabel","_useState","useState","_useState2","_slicedToArray","isWaiting","setIsWaiting","_useState3","_useState4","text","setText","onSubmit","useCallback","__awaiter","_regeneratorRuntime","mark","_callee","succeeded","wrap","_context","prev","next","sent","stop","gaps","SMALL","status","_Fragment","Icon","iconType","type","SVG","color","icon","Info","iconSize","clickable","Text","types","TEXT1","colors","SECONDARY","TextAreaField","disabled","onChange","placeholder","rows","value","isResizeable","Button","onClick","size","sizes","width","kind","kinds","TERTIARY","marginTop","transform","Attach","TEXT2","_ref3","author","commentedAt","ROW","UserCard","user","toLocaleString","concat","id","_ref4","XS","Avatar","AvatarType","TEXT","backgroundColor","STEEL_DARK","toInitials","name","weight","weights","BOLD","fullName","names","split","charAt","toUpperCase"],"mappings":"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"}
+{"version":3,"file":"Comments.js","sources":["../../../../../src/components/Comments/Comments.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from 'react';\n\nimport './comments.scss';\nimport Avatar from '../Avatar/Avatar';\nimport TextAreaField from '../TextAreaField/TextAreaField';\nimport Flex from '../Flex/Flex';\nimport { AvatarType } from '../Avatar';\nimport Button from '../Button/Button';\nimport { FlexAlign, FlexDirection, FlexGap } from '../Flex';\nimport Info from '../Icon/Icons/components/Info';\nimport Text from '../Text/Text';\nimport Icon from '../Icon/Icon';\nimport Attach from '../Icon/Icons/components/Attach';\n\nexport interface CommentProps {\n    text: string;\n    label?: string;\n    author: User;\n    commentedAt: Date;\n}\n\nexport interface User {\n    id: string;\n    email: string;\n    name: string;\n}\n\nexport interface CommentFormProps {\n    currentUser: User;\n    onCommentSubmitted: (text: string) => Promise<boolean>;\n    isLabel?: boolean;\n    label?: { status: \"external\" | \"internal\" };\n    onClickAttachment?: () => void;\n    attachmentText?: string;\n}\n\nexport interface CommentsProps extends CommentFormProps {\n    comments: CommentProps[];\n}\n\n\nexport function Comments({ comments, currentUser, onCommentSubmitted, isLabel = false, label, onClickAttachment, attachmentText }: CommentsProps) {\n    const messageContainerRef = useRef<HTMLDivElement>(null);\n\n    useEffect(() => {\n        if (messageContainerRef.current) {\n            messageContainerRef.current.scrollTop = messageContainerRef.current.scrollHeight;\n        }\n    }, [comments]);\n    \n    return (\n        <div className={'comments'}>\n            {comments.length > 0 && (\n                <Flex ref={messageContainerRef} className='message-container' direction={FlexDirection.COLUMN} gap={FlexGap.MEDIUM} align={FlexAlign.STRETCH}>\n                    {comments.map((comment, i) => <Comment {...comment} currentUser={currentUser} key={i} />)}\n                </Flex>\n            )}\n            <CommentForm onCommentSubmitted={onCommentSubmitted} currentUser={currentUser} isLabel={isLabel} label={label} onClickAttachment={onClickAttachment} attachmentText={attachmentText} />\n        </div>\n    );\n}\n\nexport function CommentForm({ onCommentSubmitted, currentUser, isLabel = false, label, onClickAttachment, attachmentText }: CommentFormProps) {\n    const [isWaiting, setIsWaiting] = useState<boolean>(false);\n    const [text, setText] = useState<string>('');\n\n    const onSubmit = useCallback(async (text: string) => {\n        setIsWaiting(true);\n        const succeeded = await onCommentSubmitted(text);\n        setIsWaiting(false);\n\n        if (succeeded) {\n            setText('');\n        }\n    }, [onCommentSubmitted]);\n    return (\n        <div className={'comments-top'}>\n            <Flex gap={Flex.gaps.SMALL}>\n                {isLabel && label.status === \"internal\" && (\n                    <>\n                        <Icon\n                            iconType={Icon.type.SVG}\n                            style={{ color: \"#757575\" }}\n                            icon={Info}\n                            iconSize={20}\n                            clickable={false}\n                        />\n                        <Text type={Text.types.TEXT1} color={Text.colors.SECONDARY}>\n                            This is an internal conversation\n                        </Text>\n                    </>\n                )}\n                {isLabel && label.status === \"external\" && (\n                    <>\n                        <Icon\n                            iconType={Icon.type.SVG}\n                            style={{ color: \"#FF0020\" }}\n                            icon={Info}\n                            iconSize={20}\n                            clickable={false}\n                        />\n                        <Text type={Text.types.TEXT1} style={{ color: \"#BB0018\" }}>\n                            This is an external conversation\n                        </Text>\n                    </>\n                )}\n            </Flex>\n            <div className={'comments-buttons'}>\n                <TextAreaField\n                    disabled={isWaiting}\n                    onChange={setText}\n                    placeholder={'What’s on your mind...'}\n                    rows={3}\n                    value={text}\n                    isResizeable={false}\n                />\n                <Button\n                    disabled={!text || isWaiting}\n                    onClick={() => onSubmit(text)}\n                    size={Button.sizes.SMALL}\n                    style={{ width: \"100%\" }}\n                >\n                    Send\n                </Button>\n            </div>\n            <Button\n                onClick={onClickAttachment}\n                size={Button.sizes.SMALL}\n                kind={Button.kinds.TERTIARY}\n                style={{ marginTop: \"var(--spacing-small)\" }}\n            >\n                <Icon iconType={Icon.type.SVG} style={{ color: \"#375D81\", transform: \"rotate(30deg)\" }} icon={Attach} iconSize={17} clickable={false} />\n                {attachmentText && <Text type={Text.types.TEXT2} style={{ color: \"#375D81\", marginTop: \"2px\" }}>{attachmentText}</Text>}\n            </Button>\n        </div>\n    );\n}\n\nexport function Comment({ author, commentedAt, label, text, currentUser }: { currentUser: User } & CommentProps) {\n    return (\n        <Flex direction={FlexDirection.COLUMN} align={FlexAlign.STRETCH} className={'comment'}>\n            <Flex direction={FlexDirection.ROW} gap={FlexGap.SMALL} className={'comment-data'}>\n                {!!label && (\n                    <Text className={'comment-label'} type={Text.types.TEXT2}>{label}</Text>\n                )}\n                <div className={'comment-user'}>\n                    {author && <UserCard user={author} />}\n                </div>\n                <Text className={'comment-date'} color={Text.colors.SECONDARY} type={Text.types.TEXT2}>{commentedAt.toLocaleString()}</Text>\n            </Flex>\n            <Text className={`comment-text ${currentUser.id === author.id && \"comment-currentUser\"}`} type={Text.types.TEXT1}>{text}</Text>\n        </Flex>\n    );\n}\n\nexport function UserCard({ user }: { user: User }) {\n    return (\n        <Flex gap={FlexGap.XS}>\n            <Avatar\n                size={Avatar.sizes.MEDIUM}\n                type={AvatarType.TEXT}\n                backgroundColor={Avatar.colors.STEEL_DARK}\n                text={toInitials(user.name)}\n            />\n            <div className={'comment-user-name'}>\n                <Text type={Text.types.TEXT2} weight={Text.weights.BOLD}>{user.name}</Text>\n            </div>\n        </Flex>\n    );\n}\n\nfunction toInitials(fullName: string) {\n    const names = fullName.split(' ');\n\n    if (names.length === 1) {\n        return names[0].charAt(0).toUpperCase();\n    }\n\n    return `${names[0].charAt(0)}${names[names.length - 1].charAt(0)}`.toUpperCase();\n}\n\n"],"names":["Comments","_ref","comments","currentUser","onCommentSubmitted","_ref$isLabel","isLabel","label","onClickAttachment","attachmentText","messageContainerRef","useRef","useEffect","current","scrollTop","scrollHeight","_jsxs","className","children","length","_jsx","Flex","Object","assign","ref","direction","FlexDirection","COLUMN","gap","FlexGap","MEDIUM","align","FlexAlign","STRETCH","map","comment","i","_createElement","Comment","key","CommentForm","_ref2","_this","this","_ref2$isLabel","_useState","useState","_useState2","_slicedToArray","isWaiting","setIsWaiting","_useState3","_useState4","text","setText","onSubmit","useCallback","__awaiter","_regeneratorRuntime","mark","_callee","succeeded","wrap","_context","prev","next","sent","stop","gaps","SMALL","status","_Fragment","Icon","iconType","type","SVG","style","color","icon","Info","iconSize","clickable","Text","types","TEXT1","colors","SECONDARY","TextAreaField","disabled","onChange","placeholder","rows","value","isResizeable","Button","onClick","size","sizes","width","kind","kinds","TERTIARY","marginTop","transform","Attach","TEXT2","_ref3","author","commentedAt","ROW","UserCard","user","toLocaleString","concat","id","_ref4","XS","Avatar","AvatarType","TEXT","backgroundColor","STEEL_DARK","toInitials","name","weight","weights","BOLD","fullName","names","split","charAt","toUpperCase"],"mappings":"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"}

package/dist/mocked_classnames_esm/src/components/Comments/comments.scss.js

@@ -1,2 +1,2 @@
-var n=".comments {\n  overflow: auto;\n}\n.comments .comments-top {\n  margin-bottom: var(--spacing-medium);\n  width: 345px !important;\n}\n.comments .comment-data {\n  margin-bottom: var(--spacing-small);\n}\n.comments .comment-buttons {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n}\n.comments .comment-user {\n  font: var(--font-text1-normal);\n}\n.comments .comment-currentUser {\n  background-color: var(--surface-level-200);\n}\n.comments .comment-label {\n  font: var(--font-text1-normal);\n}\n.comments .comment-date {\n  font: var(--font-text1-normal);\n}\n.comments .comment-text {\n  padding: 10px;\n  border-radius: 6px 0px 6px 6px;\n  margin-left: var(--spacing-xl);\n  width: fit-content;\n  max-width: 15rem;\n  white-space: normal;\n  overflow-wrap: break-word;\n}";!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-8d58e1b115cd_0_0_150";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))}(n);export{n as default};
+var n=".comments {\n  height: 100%;\n}\n.comments .message-container {\n  margin-bottom: var(--spacing-large);\n  max-width: 345px;\n  height: 72%;\n  overflow-y: auto;\n}\n.comments .comments-top {\n  height: 23%;\n  margin-bottom: 0 !important;\n  width: 345px !important;\n}\n.comments .comment-data {\n  margin-bottom: var(--spacing-small);\n}\n.comments .comment-buttons {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n}\n.comments .comment-user {\n  font: var(--font-text1-normal);\n}\n.comments .comment-currentUser {\n  background-color: var(--surface-level-200);\n}\n.comments .comment-label {\n  font: var(--font-text1-normal);\n}\n.comments .comment-date {\n  font: var(--font-text1-normal);\n}\n.comments .comment-text {\n  padding: 10px;\n  border-radius: 6px 0px 6px 6px;\n  margin-left: var(--spacing-xl);\n  width: fit-content;\n  max-width: 15rem;\n  white-space: normal;\n  overflow-wrap: break-word;\n}";!function(n){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],e="s_id-0085097a83ce_0_0_152";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))}(n);export{n as default};
 //# sourceMappingURL=comments.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={counter:"counter",withAnimation:"withAnimation",counterPopElastic:"counterPopElastic",sizeSmall:"sizeSmall",sizeLarge:"sizeLarge",kindFill:"kindFill",colorPrimary:"colorPrimary",colorDark:"colorDark",colorNegative:"colorNegative",colorWarning:"colorWarning",colorLight:"colorLight",kindLine:"kindLine",fadeEnter:"fadeEnter",fadeEnterActive:"fadeEnterActive",fadeExit:"fadeExit",fadeExitActive:"fadeExitActive","counter-pop-elastic":"counter-pop-elastic"};!function(n){if("undefined"==typeof document)return;const o=document.head||document.getElementsByTagName("head")[0],r="s_id-7af1f4daeef9_0_0_150";if(o.querySelector("#"+r))return;const t=document.createElement("style");t.id=r,o.firstChild?o.insertBefore(t,o.firstChild):o.appendChild(t),t.appendChild(document.createTextNode(n))}(".counter {\n  display: inline-flex;\n  justify-content: center;\n  border-radius: 30px;\n  overflow: hidden;\n  transform-origin: center;\n}\n@keyframes counter-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}\n.withAnimation {\n  animation: counterPopElastic var(--motion-expressive-short);\n}\n.sizeSmall {\n  font: var(--font-text2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  min-width: 18px;\n  line-height: 14px;\n  padding: 2px;\n}\n.sizeLarge {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text2-normal);\n  min-width: 24px;\n  padding: 2px var(--spacing-small);\n}\n.kindFill.colorPrimary {\n  color: var(--fixed-light-color);\n  background-color: var(--primary-color);\n}\n.kindFill.colorDark {\n  color: var(--text-color-on-inverted);\n  background-color: var(--surface-inverse);\n}\n.kindFill.colorNegative {\n  color: var(--fixed-light-color);\n  background-color: var(--negative-color);\n}\n.kindFill.colorWarning {\n  background-color: var(--warning-color);\n}\n.kindFill.colorLight {\n  color: var(--text-primary);\n  background-color: var(--surface-level-200);\n}\n.kindLine {\n  box-shadow: 0 0 0 1px currentColor inset;\n}\n.kindLine.colorPrimary {\n  color: var(--primary-color);\n}\n.kindLine.colorDark {\n  color: var(--surface-inverse);\n}\n.kindLine.colorNegative {\n  color: var(--negative-color);\n}\n.kindLine.colorLight {\n  color: var(--text-primary);\n  box-shadow: 0 0 0 1px var(--surface-level-200) inset !important;\n}\n/* New number enters */\n.fadeEnter {\n  opacity: 0;\n  transform: translateY(15px);\n}\n.fadeEnterActive {\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/* Old number exits */\n.fadeExit {\n  position: relative;\n  opacity: 1;\n  transform: translateY(0);\n}\n.fadeExitActive {\n  position: relative;\n  opacity: 0;\n  transform: translateY(-15px);\n  transition: transform var(--motion-productive-long) var(--motion-timing-exit), opacity var(--motion-productive-short);\n}");export{n as default};
+var n={counter:"counter",withAnimation:"withAnimation",counterPopElastic:"counterPopElastic",sizeSmall:"sizeSmall",sizeLarge:"sizeLarge",kindFill:"kindFill",colorPrimary:"colorPrimary",colorDark:"colorDark",colorNegative:"colorNegative",colorWarning:"colorWarning",colorLight:"colorLight",kindLine:"kindLine",fadeEnter:"fadeEnter",fadeEnterActive:"fadeEnterActive",fadeExit:"fadeExit",fadeExitActive:"fadeExitActive","counter-pop-elastic":"counter-pop-elastic"};!function(n){if("undefined"==typeof document)return;const o=document.head||document.getElementsByTagName("head")[0],r="s_id-7af1f4daeef9_0_0_152";if(o.querySelector("#"+r))return;const t=document.createElement("style");t.id=r,o.firstChild?o.insertBefore(t,o.firstChild):o.appendChild(t),t.appendChild(document.createTextNode(n))}(".counter {\n  display: inline-flex;\n  justify-content: center;\n  border-radius: 30px;\n  overflow: hidden;\n  transform-origin: center;\n}\n@keyframes counter-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}\n.withAnimation {\n  animation: counterPopElastic var(--motion-expressive-short);\n}\n.sizeSmall {\n  font: var(--font-text2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  min-width: 18px;\n  line-height: 14px;\n  padding: 2px;\n}\n.sizeLarge {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text2-normal);\n  min-width: 24px;\n  padding: 2px var(--spacing-small);\n}\n.kindFill.colorPrimary {\n  color: var(--fixed-light-color);\n  background-color: var(--primary-color);\n}\n.kindFill.colorDark {\n  color: var(--text-color-on-inverted);\n  background-color: var(--surface-inverse);\n}\n.kindFill.colorNegative {\n  color: var(--fixed-light-color);\n  background-color: var(--negative-color);\n}\n.kindFill.colorWarning {\n  background-color: var(--warning-color);\n}\n.kindFill.colorLight {\n  color: var(--text-primary);\n  background-color: var(--surface-level-200);\n}\n.kindLine {\n  box-shadow: 0 0 0 1px currentColor inset;\n}\n.kindLine.colorPrimary {\n  color: var(--primary-color);\n}\n.kindLine.colorDark {\n  color: var(--surface-inverse);\n}\n.kindLine.colorNegative {\n  color: var(--negative-color);\n}\n.kindLine.colorLight {\n  color: var(--text-primary);\n  box-shadow: 0 0 0 1px var(--surface-level-200) inset !important;\n}\n/* New number enters */\n.fadeEnter {\n  opacity: 0;\n  transform: translateY(15px);\n}\n.fadeEnterActive {\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/* Old number exits */\n.fadeExit {\n  position: relative;\n  opacity: 1;\n  transform: translateY(0);\n}\n.fadeExitActive {\n  position: relative;\n  opacity: 0;\n  transform: translateY(-15px);\n  transition: transform var(--motion-productive-long) var(--motion-timing-exit), opacity var(--motion-productive-short);\n}");export{n as default};
 //# sourceMappingURL=Counter.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/DatePicker/DateNavigationItem/DateNavigationItem.module.scss.js

@@ -1,2 +1,2 @@
-var e={navigationItemContainer:"navigationItemContainer"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-0631eeee63bb_0_0_150";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))}(".navigationItemContainer {\n  line-height: 36px;\n  font-size: 28px;\n  color: var(--icon-primary);\n  border: none;\n  padding: 0;\n  margin: 0;\n  background: none;\n  cursor: pointer;\n}");export{e as default};
+var e={navigationItemContainer:"navigationItemContainer"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-0631eeee63bb_0_0_152";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))}(".navigationItemContainer {\n  line-height: 36px;\n  font-size: 28px;\n  color: var(--icon-primary);\n  border: none;\n  padding: 0;\n  margin: 0;\n  background: none;\n  cursor: pointer;\n}");export{e as default};
 //# sourceMappingURL=DateNavigationItem.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={datepickerContainer:"datepickerContainer",monthYearSelection:"monthYearSelection",rangePickerMode:"rangePickerMode",withWeekNumber:"withWeekNumber",calendarDayWeekNumber:"calendarDayWeekNumber"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],r="s_id-efb8b12c27d8_0_0_150";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))}('.datepickerContainer {\n  position: relative;\n  min-height: 302px;\n}\n.datepickerContainer table tbody {\n  border-spacing: 0;\n  border-collapse: collapse;\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font-size: 100%;\n  box-shadow: none;\n}\n.datepickerContainer td {\n  border: none;\n}\n.datepickerContainer.monthYearSelection table tbody {\n  opacity: 0;\n}\n.datepickerContainer.monthYearSelection .DayPicker_transitionContainer__horizontal {\n  transition: none;\n}\n.datepickerContainer .CalendarMonthGrid {\n  background-color: var(--surface-level-100);\n}\n.datepickerContainer .CalendarMonth {\n  background-color: var(--surface-level-100);\n}\n.datepickerContainer .DayPicker__horizontal {\n  background-color: var(--surface-level-100);\n}\n.datepickerContainer .DayPicker {\n  box-shadow: none;\n  border: none;\n  border-radius: 0;\n}\n.datepickerContainer .CalendarDay__default {\n  border: none;\n  font-size: 16px;\n  font-weight: 300;\n  color: var(--primary-text-on-secondary-color);\n  background-color: var(--surface-level-100);\n  border-top: 1px solid var(--surface-level-100);\n  border-bottom: 1px solid var(--surface-level-100);\n  z-index: 1;\n  position: relative;\n}\n.datepickerContainer .CalendarDay__default:hover {\n  background: none;\n  border: none;\n  border-top: 1px solid var(--surface-level-200);\n  border-bottom: 1px solid var(--surface-level-200);\n}\n.datepickerContainer .CalendarDay__default:hover::before {\n  display: block;\n  position: absolute;\n  left: 0;\n  top: 0;\n  box-sizing: border-box;\n  content: "";\n  width: 100%;\n  height: 100%;\n  z-index: -1;\n  border-radius: 50%;\n  border: none;\n  background-color: var(--surface-level-100-hover);\n}\n.datepickerContainer .CalendarDay__default.CalendarDay__selected {\n  color: var(--text-color-on-primary);\n}\n.datepickerContainer .CalendarDay__default.CalendarDay__selected::before {\n  display: block;\n  position: absolute;\n  left: 0;\n  top: 0;\n  box-sizing: border-box;\n  content: "";\n  width: 100%;\n  height: 100%;\n  z-index: -1;\n  border-radius: 50%;\n  border: none;\n  background: var(--primary-color);\n}\n.datepickerContainer .CalendarDay__default.CalendarDay__selected::before:hover {\n  color: var(--text-color-on-primary);\n  background: var(--primary-color);\n}\n.datepickerContainer .CalendarMonth_caption {\n  color: var(--primary-text-on-secondary-color);\n}\n.datepickerContainer .CalendarDay__today::before {\n  display: block;\n  position: absolute;\n  left: 0;\n  top: 0;\n  box-sizing: border-box;\n  content: "";\n  width: 100%;\n  height: 100%;\n  z-index: -1;\n  border-radius: 50%;\n  border: 1px solid var(--primary-color);\n}\n.datepickerContainer .CalendarDay__today:hover::before {\n  border: 1px solid var(--primary-color);\n}\n.datepickerContainer .CalendarDay__blocked_calendar, .datepickerContainer .CalendarDay__blocked_calendar:active, .datepickerContainer .CalendarDay__blocked_calendar:hover {\n  background-color: var(--surface-level-100);\n  color: var(--text-primary);\n  opacity: 0.2;\n  pointer-events: none;\n}\n.datepickerContainer .DayPicker_weekHeader_li small {\n  font-size: 12px;\n  color: var(--text-tertiary);\n  font-weight: 300;\n  cursor: default;\n}\n.datepickerContainer .DayPickerNavigation_rightButton__horizontal {\n  right: 22px;\n}\n.datepickerContainer .DayPickerNavigation .DayPickerNavigation_button:nth-child(1) {\n  left: 12px;\n}\n.datepickerContainer .DayPickerNavigation .DayPickerNavigation_button:nth-child(2) {\n  right: 12px;\n}\n.datepickerContainer .DayPickerNavigation_button__horizontal {\n  position: absolute;\n  top: 15px;\n  line-height: 0.78;\n  border-radius: 3px;\n  padding: 6px 9px;\n}\n.datepickerContainer.rangePickerMode .CalendarDay__selected.CalendarDay__selected_start {\n  border-radius: 0;\n  background: linear-gradient(90deg, var(--surface-level-200) 50%, var(--surface-selected) 50%);\n  z-index: 1;\n  position: relative;\n}\n.datepickerContainer.rangePickerMode .CalendarDay__selected.CalendarDay__selected_start:hover {\n  background: linear-gradient(90deg, var(--surface-level-200) 50%, var(--surface-selected) 50%);\n}\n.datepickerContainer.rangePickerMode .CalendarDay__selected.CalendarDay__selected_start::before {\n  display: block;\n  position: absolute;\n  left: 0;\n  top: 0;\n  box-sizing: border-box;\n  content: "";\n  width: 100%;\n  height: 100%;\n  z-index: -1;\n  border-radius: 50%;\n  background-color: var(--primary-color);\n}\n.datepickerContainer.rangePickerMode .CalendarDay__selected.CalendarDay__selected_end {\n  border-radius: 0;\n  background: linear-gradient(90deg, var(--surface-selected) 50%, var(--surface-level-200) 50%);\n  z-index: 1;\n  position: relative;\n}\n.datepickerContainer.rangePickerMode .CalendarDay__selected.CalendarDay__selected_end:hover {\n  background: linear-gradient(90deg, var(--surface-selected) 50%, var(--surface-level-200) 50%);\n}\n.datepickerContainer.rangePickerMode .CalendarDay__selected.CalendarDay__selected_end::before {\n  display: block;\n  position: absolute;\n  left: 0;\n  top: 0;\n  box-sizing: border-box;\n  content: "";\n  width: 100%;\n  height: 100%;\n  z-index: -1;\n  border-radius: 50%;\n  background-color: var(--primary-color);\n}\n.datepickerContainer.rangePickerMode .CalendarDay__hovered_span, .datepickerContainer.rangePickerMode .CalendarDay__hovered_span:hover {\n  border-radius: 0;\n  color: var(--text-primary);\n  background: var(--surface-selected);\n}\n.datepickerContainer.rangePickerMode .CalendarDay__hovered_span:hover::before, .datepickerContainer.rangePickerMode .CalendarDay__hovered_span:hover:hover::before {\n  border-radius: 0;\n  background: var(--surface-selected);\n}\n.datepickerContainer.rangePickerMode .CalendarDay__selected_span {\n  background: var(--surface-selected);\n}\n.datepickerContainer.rangePickerMode .CalendarDay__selected_span:hover {\n  color: var(--text-primary);\n}\n.datepickerContainer.rangePickerMode .CalendarDay__selected_span.CalendarDay__today::before {\n  border-radius: 0;\n}\n.datepickerContainer.rangePickerMode .CalendarDay__selected_span:hover::before {\n  border-radius: 0;\n}\n.datepickerContainer.rangePickerMode.range-single-date-selected .CalendarDay__hovered_span {\n  background: var(--surface-level-100-hover);\n}\n.datepickerContainer.rangePickerMode.range-single-date-selected .CalendarDay__hovered_span.CalendarDay__today::before {\n  border-radius: 0;\n}\n.datepickerContainer.rangePickerMode.range-single-date-selected .CalendarDay__hovered_span:hover::before {\n  background: var(--surface-level-100-hover);\n}\n.datepickerContainer.withWeekNumber {\n  padding: 0 4px 0 8px;\n}\n.datepickerContainer.withWeekNumber .CalendarDay .calendarDayWeekNumber {\n  color: rgba(177, 177, 184, 0.7490196078);\n  pointer-events: none;\n  visibility: visible;\n  display: none;\n  align-items: center;\n  justify-content: center;\n  position: absolute;\n  top: -1px;\n  font-size: 14px;\n  width: 40px;\n  height: 37px;\n  left: 0px;\n  transform: translateX(-100%);\n}\n.datepickerContainer.withWeekNumber .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) tr > td.CalendarDay .calendarDayWeekNumber {\n  display: flex;\n}\n.datepickerContainer.withWeekNumber .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) tr > td.CalendarDay ~ td.CalendarDay .calendarDayWeekNumber {\n  display: none;\n}\n.datepickerContainer.withWeekNumber .DayPicker_weekHeader:before {\n  content: "Wk";\n  position: absolute;\n  font-size: 12px;\n  width: 40px;\n  top: 3px;\n  left: -28px;\n  height: 24px;\n}\n.datepickerContainer.withWeekNumber .DayPicker__horizontal {\n  margin: 4px;\n}\n.datepickerContainer.withWeekNumber .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) {\n  margin-left: 17px;\n}\n.datepickerContainer.withWeekNumber .DayPicker_weekHeader {\n  padding: 0 !important;\n  left: 30px !important;\n}\n.datepickerContainer.withWeekNumber .CalendarMonth_caption {\n  margin-right: 20px;\n}');export{e as default};
+var e={datepickerContainer:"datepickerContainer",monthYearSelection:"monthYearSelection",rangePickerMode:"rangePickerMode",withWeekNumber:"withWeekNumber",calendarDayWeekNumber:"calendarDayWeekNumber"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],r="s_id-efb8b12c27d8_0_0_152";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))}('.datepickerContainer {\n  position: relative;\n  min-height: 302px;\n}\n.datepickerContainer table tbody {\n  border-spacing: 0;\n  border-collapse: collapse;\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font-size: 100%;\n  box-shadow: none;\n}\n.datepickerContainer td {\n  border: none;\n}\n.datepickerContainer.monthYearSelection table tbody {\n  opacity: 0;\n}\n.datepickerContainer.monthYearSelection .DayPicker_transitionContainer__horizontal {\n  transition: none;\n}\n.datepickerContainer .CalendarMonthGrid {\n  background-color: var(--surface-level-100);\n}\n.datepickerContainer .CalendarMonth {\n  background-color: var(--surface-level-100);\n}\n.datepickerContainer .DayPicker__horizontal {\n  background-color: var(--surface-level-100);\n}\n.datepickerContainer .DayPicker {\n  box-shadow: none;\n  border: none;\n  border-radius: 0;\n}\n.datepickerContainer .CalendarDay__default {\n  border: none;\n  font-size: 16px;\n  font-weight: 300;\n  color: var(--primary-text-on-secondary-color);\n  background-color: var(--surface-level-100);\n  border-top: 1px solid var(--surface-level-100);\n  border-bottom: 1px solid var(--surface-level-100);\n  z-index: 1;\n  position: relative;\n}\n.datepickerContainer .CalendarDay__default:hover {\n  background: none;\n  border: none;\n  border-top: 1px solid var(--surface-level-200);\n  border-bottom: 1px solid var(--surface-level-200);\n}\n.datepickerContainer .CalendarDay__default:hover::before {\n  display: block;\n  position: absolute;\n  left: 0;\n  top: 0;\n  box-sizing: border-box;\n  content: "";\n  width: 100%;\n  height: 100%;\n  z-index: -1;\n  border-radius: 50%;\n  border: none;\n  background-color: var(--surface-level-100-hover);\n}\n.datepickerContainer .CalendarDay__default.CalendarDay__selected {\n  color: var(--text-color-on-primary);\n}\n.datepickerContainer .CalendarDay__default.CalendarDay__selected::before {\n  display: block;\n  position: absolute;\n  left: 0;\n  top: 0;\n  box-sizing: border-box;\n  content: "";\n  width: 100%;\n  height: 100%;\n  z-index: -1;\n  border-radius: 50%;\n  border: none;\n  background: var(--primary-color);\n}\n.datepickerContainer .CalendarDay__default.CalendarDay__selected::before:hover {\n  color: var(--text-color-on-primary);\n  background: var(--primary-color);\n}\n.datepickerContainer .CalendarMonth_caption {\n  color: var(--primary-text-on-secondary-color);\n}\n.datepickerContainer .CalendarDay__today::before {\n  display: block;\n  position: absolute;\n  left: 0;\n  top: 0;\n  box-sizing: border-box;\n  content: "";\n  width: 100%;\n  height: 100%;\n  z-index: -1;\n  border-radius: 50%;\n  border: 1px solid var(--primary-color);\n}\n.datepickerContainer .CalendarDay__today:hover::before {\n  border: 1px solid var(--primary-color);\n}\n.datepickerContainer .CalendarDay__blocked_calendar, .datepickerContainer .CalendarDay__blocked_calendar:active, .datepickerContainer .CalendarDay__blocked_calendar:hover {\n  background-color: var(--surface-level-100);\n  color: var(--text-primary);\n  opacity: 0.2;\n  pointer-events: none;\n}\n.datepickerContainer .DayPicker_weekHeader_li small {\n  font-size: 12px;\n  color: var(--text-tertiary);\n  font-weight: 300;\n  cursor: default;\n}\n.datepickerContainer .DayPickerNavigation_rightButton__horizontal {\n  right: 22px;\n}\n.datepickerContainer .DayPickerNavigation .DayPickerNavigation_button:nth-child(1) {\n  left: 12px;\n}\n.datepickerContainer .DayPickerNavigation .DayPickerNavigation_button:nth-child(2) {\n  right: 12px;\n}\n.datepickerContainer .DayPickerNavigation_button__horizontal {\n  position: absolute;\n  top: 15px;\n  line-height: 0.78;\n  border-radius: 3px;\n  padding: 6px 9px;\n}\n.datepickerContainer.rangePickerMode .CalendarDay__selected.CalendarDay__selected_start {\n  border-radius: 0;\n  background: linear-gradient(90deg, var(--surface-level-200) 50%, var(--surface-selected) 50%);\n  z-index: 1;\n  position: relative;\n}\n.datepickerContainer.rangePickerMode .CalendarDay__selected.CalendarDay__selected_start:hover {\n  background: linear-gradient(90deg, var(--surface-level-200) 50%, var(--surface-selected) 50%);\n}\n.datepickerContainer.rangePickerMode .CalendarDay__selected.CalendarDay__selected_start::before {\n  display: block;\n  position: absolute;\n  left: 0;\n  top: 0;\n  box-sizing: border-box;\n  content: "";\n  width: 100%;\n  height: 100%;\n  z-index: -1;\n  border-radius: 50%;\n  background-color: var(--primary-color);\n}\n.datepickerContainer.rangePickerMode .CalendarDay__selected.CalendarDay__selected_end {\n  border-radius: 0;\n  background: linear-gradient(90deg, var(--surface-selected) 50%, var(--surface-level-200) 50%);\n  z-index: 1;\n  position: relative;\n}\n.datepickerContainer.rangePickerMode .CalendarDay__selected.CalendarDay__selected_end:hover {\n  background: linear-gradient(90deg, var(--surface-selected) 50%, var(--surface-level-200) 50%);\n}\n.datepickerContainer.rangePickerMode .CalendarDay__selected.CalendarDay__selected_end::before {\n  display: block;\n  position: absolute;\n  left: 0;\n  top: 0;\n  box-sizing: border-box;\n  content: "";\n  width: 100%;\n  height: 100%;\n  z-index: -1;\n  border-radius: 50%;\n  background-color: var(--primary-color);\n}\n.datepickerContainer.rangePickerMode .CalendarDay__hovered_span, .datepickerContainer.rangePickerMode .CalendarDay__hovered_span:hover {\n  border-radius: 0;\n  color: var(--text-primary);\n  background: var(--surface-selected);\n}\n.datepickerContainer.rangePickerMode .CalendarDay__hovered_span:hover::before, .datepickerContainer.rangePickerMode .CalendarDay__hovered_span:hover:hover::before {\n  border-radius: 0;\n  background: var(--surface-selected);\n}\n.datepickerContainer.rangePickerMode .CalendarDay__selected_span {\n  background: var(--surface-selected);\n}\n.datepickerContainer.rangePickerMode .CalendarDay__selected_span:hover {\n  color: var(--text-primary);\n}\n.datepickerContainer.rangePickerMode .CalendarDay__selected_span.CalendarDay__today::before {\n  border-radius: 0;\n}\n.datepickerContainer.rangePickerMode .CalendarDay__selected_span:hover::before {\n  border-radius: 0;\n}\n.datepickerContainer.rangePickerMode.range-single-date-selected .CalendarDay__hovered_span {\n  background: var(--surface-level-100-hover);\n}\n.datepickerContainer.rangePickerMode.range-single-date-selected .CalendarDay__hovered_span.CalendarDay__today::before {\n  border-radius: 0;\n}\n.datepickerContainer.rangePickerMode.range-single-date-selected .CalendarDay__hovered_span:hover::before {\n  background: var(--surface-level-100-hover);\n}\n.datepickerContainer.withWeekNumber {\n  padding: 0 4px 0 8px;\n}\n.datepickerContainer.withWeekNumber .CalendarDay .calendarDayWeekNumber {\n  color: rgba(177, 177, 184, 0.7490196078);\n  pointer-events: none;\n  visibility: visible;\n  display: none;\n  align-items: center;\n  justify-content: center;\n  position: absolute;\n  top: -1px;\n  font-size: 14px;\n  width: 40px;\n  height: 37px;\n  left: 0px;\n  transform: translateX(-100%);\n}\n.datepickerContainer.withWeekNumber .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) tr > td.CalendarDay .calendarDayWeekNumber {\n  display: flex;\n}\n.datepickerContainer.withWeekNumber .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) tr > td.CalendarDay ~ td.CalendarDay .calendarDayWeekNumber {\n  display: none;\n}\n.datepickerContainer.withWeekNumber .DayPicker_weekHeader:before {\n  content: "Wk";\n  position: absolute;\n  font-size: 12px;\n  width: 40px;\n  top: 3px;\n  left: -28px;\n  height: 24px;\n}\n.datepickerContainer.withWeekNumber .DayPicker__horizontal {\n  margin: 4px;\n}\n.datepickerContainer.withWeekNumber .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) {\n  margin-left: 17px;\n}\n.datepickerContainer.withWeekNumber .DayPicker_weekHeader {\n  padding: 0 !important;\n  left: 30px !important;\n}\n.datepickerContainer.withWeekNumber .CalendarMonth_caption {\n  margin-right: 20px;\n}');export{e as default};
 //# sourceMappingURL=DatePicker.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/DatePicker/DatePickerHeader/DatePickerHeader.module.scss.js

@@ -1,2 +1,2 @@
-var e={datePickerHeader:"datePickerHeader",button:"button",buttonContent:"buttonContent"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-89778422f1e0_0_0_150";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))}(".datePickerHeader {\n  display: flex;\n  text-align: center;\n  justify-content: center;\n  align-items: center;\n}\n.datePickerHeader .button {\n  border: none;\n  padding: 0;\n  margin: 0;\n  background: none;\n  margin-left: 4px;\n  cursor: pointer;\n}\n.datePickerHeader .button .buttonContent {\n  border-radius: 50%;\n  width: 24px;\n  height: 24px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 14px;\n  transition: all 0.1s ease;\n  color: var(--primary-text-on-secondary-color, true);\n}\n.datePickerHeader .button .buttonContent:hover {\n  background-color: var(--primary-background-hover-on-secondary-color);\n  text-decoration: none;\n}");export{e as default};
+var e={datePickerHeader:"datePickerHeader",button:"button",buttonContent:"buttonContent"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-89778422f1e0_0_0_152";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))}(".datePickerHeader {\n  display: flex;\n  text-align: center;\n  justify-content: center;\n  align-items: center;\n}\n.datePickerHeader .button {\n  border: none;\n  padding: 0;\n  margin: 0;\n  background: none;\n  margin-left: 4px;\n  cursor: pointer;\n}\n.datePickerHeader .button .buttonContent {\n  border-radius: 50%;\n  width: 24px;\n  height: 24px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 14px;\n  transition: all 0.1s ease;\n  color: var(--primary-text-on-secondary-color, true);\n}\n.datePickerHeader .button .buttonContent:hover {\n  background-color: var(--primary-background-hover-on-secondary-color);\n  text-decoration: none;\n}");export{e as default};
 //# sourceMappingURL=DatePickerHeader.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/DatePicker/YearPicker/YearPicker.module.scss.js

@@ -1,2 +1,2 @@
-var n={monthYearPicker:"monthYearPicker",navigationWrapper:"navigationWrapper",navigationLeft:"navigationLeft",navigationRight:"navigationRight",pickerOptions:"pickerOptions"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-ae0835531883_0_0_150";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))}(".monthYearPicker {\n  position: absolute;\n  top: 0px;\n  left: 0;\n  right: 0;\n  height: 100%;\n  z-index: 10;\n  pointer-events: none;\n}\n.monthYearPicker .slide-down-appear {\n  opacity: 0;\n}\n.monthYearPicker .slide-down-appear-active {\n  transition: opacity 0.4s ease;\n  opacity: 1;\n}\n.monthYearPicker .navigationWrapper {\n  position: absolute;\n  top: 21px;\n  pointer-events: all;\n  cursor: pointer;\n}\n.monthYearPicker .navigationWrapper.navigationLeft {\n  left: 21px;\n}\n.monthYearPicker .navigationWrapper.navigationRight {\n  right: 21px;\n}\n.monthYearPicker .pickerOptions {\n  text-align: center;\n  background-color: #fff;\n  background-color: var(--surface-level-100);\n  position: absolute;\n  top: 55px;\n  pointer-events: all;\n}\n.monthYearPicker .CalendarYear--blocked {\n  color: var(--disabled-text-color);\n  cursor: default;\n}");export{n as default};
+var n={monthYearPicker:"monthYearPicker",navigationWrapper:"navigationWrapper",navigationLeft:"navigationLeft",navigationRight:"navigationRight",pickerOptions:"pickerOptions"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-ae0835531883_0_0_152";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))}(".monthYearPicker {\n  position: absolute;\n  top: 0px;\n  left: 0;\n  right: 0;\n  height: 100%;\n  z-index: 10;\n  pointer-events: none;\n}\n.monthYearPicker .slide-down-appear {\n  opacity: 0;\n}\n.monthYearPicker .slide-down-appear-active {\n  transition: opacity 0.4s ease;\n  opacity: 1;\n}\n.monthYearPicker .navigationWrapper {\n  position: absolute;\n  top: 21px;\n  pointer-events: all;\n  cursor: pointer;\n}\n.monthYearPicker .navigationWrapper.navigationLeft {\n  left: 21px;\n}\n.monthYearPicker .navigationWrapper.navigationRight {\n  right: 21px;\n}\n.monthYearPicker .pickerOptions {\n  text-align: center;\n  background-color: #fff;\n  background-color: var(--surface-level-100);\n  position: absolute;\n  top: 55px;\n  pointer-events: all;\n}\n.monthYearPicker .CalendarYear--blocked {\n  color: var(--disabled-text-color);\n  cursor: default;\n}");export{n as default};
 //# sourceMappingURL=YearPicker.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={arrow:"arrow"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-c86e07e1dadb_0_0_150";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))}(".arrow {\n  width: 12px;\n  height: 12px;\n  position: absolute;\n  border-radius: 2px;\n  background-color: var(--surface-level-100);\n}\n\n.arrow[data-placement*=bottom] {\n  top: 1px;\n}\n\n.arrow[data-placement*=top] {\n  bottom: 1px;\n}\n\n.arrow[data-placement*=left] {\n  right: 1px;\n}\n\n.arrow[data-placement*=right] {\n  left: 1px;\n}");export{e as default};
+var e={arrow:"arrow"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-c86e07e1dadb_0_0_152";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))}(".arrow {\n  width: 12px;\n  height: 12px;\n  position: absolute;\n  border-radius: 2px;\n  background-color: var(--surface-level-100);\n}\n\n.arrow[data-placement*=bottom] {\n  top: 1px;\n}\n\n.arrow[data-placement*=top] {\n  bottom: 1px;\n}\n\n.arrow[data-placement*=left] {\n  right: 1px;\n}\n\n.arrow[data-placement*=right] {\n  left: 1px;\n}");export{e as default};
 //# sourceMappingURL=Dialog.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Dialog/DialogContent/DialogContent.module.scss.js

@@ -1,2 +1,2 @@
-var t={contentWrapper:"contentWrapper",top:"top",right:"right",left:"left",bottom:"bottom",bottomStart:"bottomStart",topStart:"topStart",bottomEnd:"bottomEnd",topEnd:"topEnd",leftStart:"leftStart",rightStart:"rightStart",leftEnd:"leftEnd",rightEnd:"rightEnd",contentComponent:"contentComponent",hasTooltip:"hasTooltip",opacitySlideAppear:"opacitySlideAppear",opacitySlideAppearActive:"opacitySlideAppearActive",expandAppear:"expandAppear",expandExit:"expandExit",edgeBottom:"edgeBottom",edgeTop:"edgeTop",expandAppearActive:"expandAppearActive"};!function(t){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],n="s_id-ab05e651da40_0_0_150";if(e.querySelector("#"+n))return;const p=document.createElement("style");p.id=n,e.firstChild?e.insertBefore(p,e.firstChild):e.appendChild(p),p.appendChild(document.createTextNode(t))}(".contentWrapper {\n  outline: 0;\n  z-index: 100;\n}\n.contentWrapper.top, .contentWrapper.right, .contentWrapper.left, .contentWrapper.bottom {\n  padding: var(--spacing-xs);\n}\n.contentWrapper.bottomStart, .contentWrapper.topStart, .contentWrapper.bottomEnd, .contentWrapper.topEnd {\n  padding-block: var(--spacing-xs);\n}\n.contentWrapper.bottomStart, .contentWrapper.topStart {\n  padding-inline-end: var(--spacing-xs);\n}\n.contentWrapper.bottomEnd, .contentWrapper.topEnd {\n  padding-inline-start: var(--spacing-xs);\n}\n.contentWrapper.leftStart, .contentWrapper.rightStart, .contentWrapper.leftEnd, .contentWrapper.rightEnd {\n  padding-inline: var(--spacing-xs);\n}\n.contentWrapper.leftStart, .contentWrapper.rightStart {\n  padding-block-end: var(--spacing-xs);\n}\n.contentWrapper.leftEnd, .contentWrapper.rightEnd {\n  padding-block-start: var(--spacing-xs);\n}\n.contentWrapper[data-popper-reference-hidden=true] {\n  visibility: hidden;\n  pointer-events: none;\n}\n.contentComponent:focus {\n  outline: none;\n}\n.contentComponent.hasTooltip {\n  padding: 6px;\n}\n.opacitySlideAppear {\n  opacity: 0;\n}\n.opacitySlideAppear.top {\n  transform: translateY(var(--spacing-medium));\n}\n.opacitySlideAppear.right {\n  transform: translateX(calc(var(--spacing-medium) * -1));\n}\n.opacitySlideAppear.bottom {\n  transform: translateY(calc(var(--spacing-medium) * -1));\n}\n.opacitySlideAppear.left {\n  transform: translateX(var(--spacing-medium));\n}\n.opacitySlideAppearActive {\n  transition: opacity 0.2s ease, transform 0.2s ease-out;\n  opacity: 1;\n  pointer-events: none;\n}\n.opacitySlideAppearActive.top, .opacitySlideAppearActive.bottom {\n  transform: translateY(0);\n}\n.opacitySlideAppearActive.right, .opacitySlideAppearActive.left {\n  transform: translateX(0);\n}\n.expandAppear,\n.expandExit {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n}\n.expandAppear.top, .expandAppear.topStart, .expandAppear.topEnd,\n.expandExit.top,\n.expandExit.topStart,\n.expandExit.topEnd {\n  transform-origin: bottom center;\n  transform: scale(0.8);\n}\n.expandAppear.top.edgeBottom, .expandAppear.topStart.edgeBottom, .expandAppear.topEnd.edgeBottom,\n.expandExit.top.edgeBottom,\n.expandExit.topStart.edgeBottom,\n.expandExit.topEnd.edgeBottom {\n  transform-origin: bottom left;\n}\n.expandAppear.top.edgeTop, .expandAppear.topStart.edgeTop, .expandAppear.topEnd.edgeTop,\n.expandExit.top.edgeTop,\n.expandExit.topStart.edgeTop,\n.expandExit.topEnd.edgeTop {\n  transform-origin: bottom right;\n}\n.expandAppear.right, .expandAppear.rightStart, .expandAppear.rightEnd,\n.expandExit.right,\n.expandExit.rightStart,\n.expandExit.rightEnd {\n  transform-origin: left;\n  transform: scale(0.8);\n}\n.expandAppear.right.edgeBottom, .expandAppear.rightStart.edgeBottom, .expandAppear.rightEnd.edgeBottom,\n.expandExit.right.edgeBottom,\n.expandExit.rightStart.edgeBottom,\n.expandExit.rightEnd.edgeBottom {\n  transform-origin: top left;\n}\n.expandAppear.right.edgeTop, .expandAppear.rightStart.edgeTop, .expandAppear.rightEnd.edgeTop,\n.expandExit.right.edgeTop,\n.expandExit.rightStart.edgeTop,\n.expandExit.rightEnd.edgeTop {\n  transform-origin: bottom left;\n}\n.expandAppear.bottom, .expandAppear.bottomStart, .expandAppear.bottomEnd,\n.expandExit.bottom,\n.expandExit.bottomStart,\n.expandExit.bottomEnd {\n  transform-origin: top;\n  transform: scale(0.8);\n}\n.expandAppear.bottom.edgeBottom, .expandAppear.bottomStart.edgeBottom, .expandAppear.bottomEnd.edgeBottom,\n.expandExit.bottom.edgeBottom,\n.expandExit.bottomStart.edgeBottom,\n.expandExit.bottomEnd.edgeBottom {\n  transform-origin: top left;\n}\n.expandAppear.bottom.edgeTop, .expandAppear.bottomStart.edgeTop, .expandAppear.bottomEnd.edgeTop,\n.expandExit.bottom.edgeTop,\n.expandExit.bottomStart.edgeTop,\n.expandExit.bottomEnd.edgeTop {\n  transform-origin: top right;\n}\n.expandAppear.left, .expandAppear.leftStart, .expandAppear.leftEnd,\n.expandExit.left,\n.expandExit.leftStart,\n.expandExit.leftEnd {\n  transform-origin: right;\n  transform: scale(0.8);\n}\n.expandAppear.left.edgeBottom, .expandAppear.leftStart.edgeBottom, .expandAppear.leftEnd.edgeBottom,\n.expandExit.left.edgeBottom,\n.expandExit.leftStart.edgeBottom,\n.expandExit.leftEnd.edgeBottom {\n  transform-origin: top right;\n}\n.expandAppear.left.edgeTop, .expandAppear.leftStart.edgeTop, .expandAppear.leftEnd.edgeTop,\n.expandExit.left.edgeTop,\n.expandExit.leftStart.edgeTop,\n.expandExit.leftEnd.edgeTop {\n  transform-origin: bottom right;\n}\n.expandExit {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n}\n.expandAppearActive {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n  pointer-events: none;\n}\n.expandAppearActive.top, .expandAppearActive.topStart, .expandAppearActive.topEnd, .expandAppearActive.bottom, .expandAppearActive.bottomStart, .expandAppearActive.bottomEnd, .expandAppearActive.right, .expandAppearActive.rightStart, .expandAppearActive.rightEnd, .expandAppearActive.left, .expandAppearActive.leftStart, .expandAppearActive.leftEnd {\n  transform: scale(1);\n}");export{t as default};
+var t={contentWrapper:"contentWrapper",top:"top",right:"right",left:"left",bottom:"bottom",bottomStart:"bottomStart",topStart:"topStart",bottomEnd:"bottomEnd",topEnd:"topEnd",leftStart:"leftStart",rightStart:"rightStart",leftEnd:"leftEnd",rightEnd:"rightEnd",contentComponent:"contentComponent",hasTooltip:"hasTooltip",opacitySlideAppear:"opacitySlideAppear",opacitySlideAppearActive:"opacitySlideAppearActive",expandAppear:"expandAppear",expandExit:"expandExit",edgeBottom:"edgeBottom",edgeTop:"edgeTop",expandAppearActive:"expandAppearActive"};!function(t){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],n="s_id-ab05e651da40_0_0_152";if(e.querySelector("#"+n))return;const p=document.createElement("style");p.id=n,e.firstChild?e.insertBefore(p,e.firstChild):e.appendChild(p),p.appendChild(document.createTextNode(t))}(".contentWrapper {\n  outline: 0;\n  z-index: 100;\n}\n.contentWrapper.top, .contentWrapper.right, .contentWrapper.left, .contentWrapper.bottom {\n  padding: var(--spacing-xs);\n}\n.contentWrapper.bottomStart, .contentWrapper.topStart, .contentWrapper.bottomEnd, .contentWrapper.topEnd {\n  padding-block: var(--spacing-xs);\n}\n.contentWrapper.bottomStart, .contentWrapper.topStart {\n  padding-inline-end: var(--spacing-xs);\n}\n.contentWrapper.bottomEnd, .contentWrapper.topEnd {\n  padding-inline-start: var(--spacing-xs);\n}\n.contentWrapper.leftStart, .contentWrapper.rightStart, .contentWrapper.leftEnd, .contentWrapper.rightEnd {\n  padding-inline: var(--spacing-xs);\n}\n.contentWrapper.leftStart, .contentWrapper.rightStart {\n  padding-block-end: var(--spacing-xs);\n}\n.contentWrapper.leftEnd, .contentWrapper.rightEnd {\n  padding-block-start: var(--spacing-xs);\n}\n.contentWrapper[data-popper-reference-hidden=true] {\n  visibility: hidden;\n  pointer-events: none;\n}\n.contentComponent:focus {\n  outline: none;\n}\n.contentComponent.hasTooltip {\n  padding: 6px;\n}\n.opacitySlideAppear {\n  opacity: 0;\n}\n.opacitySlideAppear.top {\n  transform: translateY(var(--spacing-medium));\n}\n.opacitySlideAppear.right {\n  transform: translateX(calc(var(--spacing-medium) * -1));\n}\n.opacitySlideAppear.bottom {\n  transform: translateY(calc(var(--spacing-medium) * -1));\n}\n.opacitySlideAppear.left {\n  transform: translateX(var(--spacing-medium));\n}\n.opacitySlideAppearActive {\n  transition: opacity 0.2s ease, transform 0.2s ease-out;\n  opacity: 1;\n  pointer-events: none;\n}\n.opacitySlideAppearActive.top, .opacitySlideAppearActive.bottom {\n  transform: translateY(0);\n}\n.opacitySlideAppearActive.right, .opacitySlideAppearActive.left {\n  transform: translateX(0);\n}\n.expandAppear,\n.expandExit {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n}\n.expandAppear.top, .expandAppear.topStart, .expandAppear.topEnd,\n.expandExit.top,\n.expandExit.topStart,\n.expandExit.topEnd {\n  transform-origin: bottom center;\n  transform: scale(0.8);\n}\n.expandAppear.top.edgeBottom, .expandAppear.topStart.edgeBottom, .expandAppear.topEnd.edgeBottom,\n.expandExit.top.edgeBottom,\n.expandExit.topStart.edgeBottom,\n.expandExit.topEnd.edgeBottom {\n  transform-origin: bottom left;\n}\n.expandAppear.top.edgeTop, .expandAppear.topStart.edgeTop, .expandAppear.topEnd.edgeTop,\n.expandExit.top.edgeTop,\n.expandExit.topStart.edgeTop,\n.expandExit.topEnd.edgeTop {\n  transform-origin: bottom right;\n}\n.expandAppear.right, .expandAppear.rightStart, .expandAppear.rightEnd,\n.expandExit.right,\n.expandExit.rightStart,\n.expandExit.rightEnd {\n  transform-origin: left;\n  transform: scale(0.8);\n}\n.expandAppear.right.edgeBottom, .expandAppear.rightStart.edgeBottom, .expandAppear.rightEnd.edgeBottom,\n.expandExit.right.edgeBottom,\n.expandExit.rightStart.edgeBottom,\n.expandExit.rightEnd.edgeBottom {\n  transform-origin: top left;\n}\n.expandAppear.right.edgeTop, .expandAppear.rightStart.edgeTop, .expandAppear.rightEnd.edgeTop,\n.expandExit.right.edgeTop,\n.expandExit.rightStart.edgeTop,\n.expandExit.rightEnd.edgeTop {\n  transform-origin: bottom left;\n}\n.expandAppear.bottom, .expandAppear.bottomStart, .expandAppear.bottomEnd,\n.expandExit.bottom,\n.expandExit.bottomStart,\n.expandExit.bottomEnd {\n  transform-origin: top;\n  transform: scale(0.8);\n}\n.expandAppear.bottom.edgeBottom, .expandAppear.bottomStart.edgeBottom, .expandAppear.bottomEnd.edgeBottom,\n.expandExit.bottom.edgeBottom,\n.expandExit.bottomStart.edgeBottom,\n.expandExit.bottomEnd.edgeBottom {\n  transform-origin: top left;\n}\n.expandAppear.bottom.edgeTop, .expandAppear.bottomStart.edgeTop, .expandAppear.bottomEnd.edgeTop,\n.expandExit.bottom.edgeTop,\n.expandExit.bottomStart.edgeTop,\n.expandExit.bottomEnd.edgeTop {\n  transform-origin: top right;\n}\n.expandAppear.left, .expandAppear.leftStart, .expandAppear.leftEnd,\n.expandExit.left,\n.expandExit.leftStart,\n.expandExit.leftEnd {\n  transform-origin: right;\n  transform: scale(0.8);\n}\n.expandAppear.left.edgeBottom, .expandAppear.leftStart.edgeBottom, .expandAppear.leftEnd.edgeBottom,\n.expandExit.left.edgeBottom,\n.expandExit.leftStart.edgeBottom,\n.expandExit.leftEnd.edgeBottom {\n  transform-origin: top right;\n}\n.expandAppear.left.edgeTop, .expandAppear.leftStart.edgeTop, .expandAppear.leftEnd.edgeTop,\n.expandExit.left.edgeTop,\n.expandExit.leftStart.edgeTop,\n.expandExit.leftEnd.edgeTop {\n  transform-origin: bottom right;\n}\n.expandExit {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n}\n.expandAppearActive {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n  pointer-events: none;\n}\n.expandAppearActive.top, .expandAppearActive.topStart, .expandAppearActive.topEnd, .expandAppearActive.bottom, .expandAppearActive.bottomStart, .expandAppearActive.bottomEnd, .expandAppearActive.right, .expandAppearActive.rightStart, .expandAppearActive.rightEnd, .expandAppearActive.left, .expandAppearActive.leftStart, .expandAppearActive.leftEnd {\n  transform: scale(1);\n}");export{t as default};
 //# sourceMappingURL=DialogContent.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={dialogContentContainer:"dialogContentContainer",sizeSmall:"sizeSmall",sizeMedium:"sizeMedium",sizeLarge:"sizeLarge",typePopover:"typePopover",typeModal:"typeModal"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],a="s_id-74fbbb1e1848_0_0_150";if(n.querySelector("#"+a))return;const r=document.createElement("style");r.id=a,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}(".dialogContentContainer:focus {\n  outline: none;\n}\n\n.sizeSmall {\n  padding: var(--spacing-small);\n}\n\n.sizeMedium {\n  padding: var(--spacing-small);\n}\n\n.sizeLarge {\n  padding: var(--spacing-large);\n}\n\n.typePopover {\n  box-shadow: var(--box-shadow-small);\n  border-radius: var(--border-radius-medium);\n  background-color: var(--surface-level-100);\n  border: 1px solid var(--divider-primary);\n}\n\n.typeModal {\n  box-shadow: var(--box-shadow-large);\n  border-radius: var(--border-radius-big);\n  background-color: var(--surface-level-100);\n}");export{e as default};
+var e={dialogContentContainer:"dialogContentContainer",sizeSmall:"sizeSmall",sizeMedium:"sizeMedium",sizeLarge:"sizeLarge",typePopover:"typePopover",typeModal:"typeModal"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],a="s_id-74fbbb1e1848_0_0_152";if(n.querySelector("#"+a))return;const r=document.createElement("style");r.id=a,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}(".dialogContentContainer:focus {\n  outline: none;\n}\n\n.sizeSmall {\n  padding: var(--spacing-small);\n}\n\n.sizeMedium {\n  padding: var(--spacing-small);\n}\n\n.sizeLarge {\n  padding: var(--spacing-large);\n}\n\n.typePopover {\n  box-shadow: var(--box-shadow-small);\n  border-radius: var(--border-radius-medium);\n  background-color: var(--surface-level-100);\n  border: 1px solid var(--divider-primary);\n}\n\n.typeModal {\n  box-shadow: var(--box-shadow-large);\n  border-radius: var(--border-radius-big);\n  background-color: var(--surface-level-100);\n}");export{e as default};
 //# sourceMappingURL=DialogContentContainer.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var i={divider_primary:"divider_primary",divider_secondary:"divider_secondary",divider_overlay:"divider_overlay",divider:"divider",withoutMargin:"withoutMargin",horizontal:"horizontal",vertical:"vertical"};!function(i){if("undefined"==typeof document)return;const r=document.head||document.getElementsByTagName("head")[0],e="s_id-dc9d649ac894_0_0_150";if(r.querySelector("#"+e))return;const n=document.createElement("style");n.id=e,r.firstChild?r.insertBefore(n,r.firstChild):r.appendChild(n),n.appendChild(document.createTextNode(i))}(".divider_primary {\n  background-color: var(--divider-primary);\n}\n\n.divider_secondary {\n  background-color: var(--divider-secondary);\n}\n\n.divider_overlay {\n  background-color: var(--divider-overlay);\n}\n\n.divider.withoutMargin {\n  margin: 0;\n}\n\n.horizontal {\n  height: 1px;\n  width: 100%;\n  margin: var(--spacing-small) 0;\n}\n\n.vertical {\n  height: 100%;\n  width: 1px;\n  margin: 0 var(--spacing-xs);\n}");export{i as default};
+var i={divider_primary:"divider_primary",divider_secondary:"divider_secondary",divider_overlay:"divider_overlay",divider:"divider",withoutMargin:"withoutMargin",horizontal:"horizontal",vertical:"vertical"};!function(i){if("undefined"==typeof document)return;const r=document.head||document.getElementsByTagName("head")[0],e="s_id-dc9d649ac894_0_0_152";if(r.querySelector("#"+e))return;const n=document.createElement("style");n.id=e,r.firstChild?r.insertBefore(n,r.firstChild):r.appendChild(n),n.appendChild(document.createTextNode(i))}(".divider_primary {\n  background-color: var(--divider-primary);\n}\n\n.divider_secondary {\n  background-color: var(--divider-secondary);\n}\n\n.divider_overlay {\n  background-color: var(--divider-overlay);\n}\n\n.divider.withoutMargin {\n  margin: 0;\n}\n\n.horizontal {\n  height: 1px;\n  width: 100%;\n  margin: var(--spacing-small) 0;\n}\n\n.vertical {\n  height: 100%;\n  width: 1px;\n  margin: 0 var(--spacing-xs);\n}");export{i as default};
 //# sourceMappingURL=Divider.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var o={dropdown:"dropdown"};!function(o){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],r="s_id-bfa3893f967b_0_0_150";if(n.querySelector("#"+r))return;const e=document.createElement("style");e.id=r,n.firstChild?n.insertBefore(e,n.firstChild):n.appendChild(e),e.appendChild(document.createTextNode(o))}(".dropdown .fast-option {\n  display: flex;\n  align-content: center;\n  color: var(--text-primary);\n  cursor: pointer;\n  border-radius: var(--border-radius-medium);\n  margin: 0 var(--spacing-small);\n  padding: 0 var(--spacing-small);\n  transition: all var(--motion-productive-medium) ease var(--motion-timing-enter);\n}\n\n.dropdown .fast-option:disabled {\n  background-color: transparent;\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n\n.dropdown .fast-option-disabled {\n  background-color: transparent;\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n\n.dropdown .fast-option-focused {\n  color: var(--text-primary);\n  background-color: var(--surface-selected);\n  user-select: none;\n  box-sizing: border-box;\n}\n\n.dropdown .fast-option-focused:hover {\n  color: var(--text-primary);\n  background-color: var(--surface-level-100-hover);\n  box-shadow: var(--effect-divider-halo);\n}\n\n.dropdown .fast-option-selected {\n  color: var(--primary-color);\n  background-color: var(--surface-selected);\n  cursor: pointer;\n}");export{o as default};
+var o={dropdown:"dropdown"};!function(o){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],r="s_id-bfa3893f967b_0_0_152";if(n.querySelector("#"+r))return;const e=document.createElement("style");e.id=r,n.firstChild?n.insertBefore(e,n.firstChild):n.appendChild(e),e.appendChild(document.createTextNode(o))}(".dropdown .fast-option {\n  display: flex;\n  align-content: center;\n  color: var(--text-primary);\n  cursor: pointer;\n  border-radius: var(--border-radius-medium);\n  margin: 0 var(--spacing-small);\n  padding: 0 var(--spacing-small);\n  transition: all var(--motion-productive-medium) ease var(--motion-timing-enter);\n}\n\n.dropdown .fast-option:disabled {\n  background-color: transparent;\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n\n.dropdown .fast-option-disabled {\n  background-color: transparent;\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n\n.dropdown .fast-option-focused {\n  color: var(--text-primary);\n  background-color: var(--surface-selected);\n  user-select: none;\n  box-sizing: border-box;\n}\n\n.dropdown .fast-option-focused:hover {\n  color: var(--text-primary);\n  background-color: var(--surface-level-100-hover);\n  box-shadow: var(--effect-divider-halo);\n}\n\n.dropdown .fast-option-selected {\n  color: var(--primary-color);\n  background-color: var(--surface-selected);\n  cursor: pointer;\n}");export{o as default};
 //# sourceMappingURL=Dropdown.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Dropdown/components/ChildrenContent/ChildrenContent.module.scss.js

@@ -1,2 +1,2 @@
-var e={valueContainer:"valueContainer",avatar:"avatar"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],a="s_id-4abedbfd291c_0_0_150";if(n.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}(".valueContainer {\n  display: flex;\n  gap: var(--spacing-xs);\n  align-items: center;\n}\n.valueContainer .avatar {\n  flex-shrink: 0;\n}");export{e as default};
+var e={valueContainer:"valueContainer",avatar:"avatar"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],a="s_id-4abedbfd291c_0_0_152";if(n.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}(".valueContainer {\n  display: flex;\n  gap: var(--spacing-xs);\n  align-items: center;\n}\n.valueContainer .avatar {\n  flex-shrink: 0;\n}");export{e as default};
 //# sourceMappingURL=ChildrenContent.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Dropdown/components/MultiValueContainer/MultiValueContainer.module.scss.js

@@ -1,2 +1,2 @@
-var e={"tag-with-input-wrapper":"tag-with-input-wrapper","placeholder-container":"placeholder-container","multiselect-tag-multi-line":"multiselect-tag-multi-line","multiselect-tag-single-line":"multiselect-tag-single-line","multiselect-tag-disabled":"multiselect-tag-disabled","value-container":"value-container","value-container-tags":"value-container-tags","without-placeholder":"without-placeholder",valueDialogContent:"valueDialogContent",tags:"tags"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-1b3a4517e405_0_0_150";if(n.querySelector("#"+t))return;const l=document.createElement("style");l.id=t,n.firstChild?n.insertBefore(l,n.firstChild):n.appendChild(l),l.appendChild(document.createTextNode(e))}(".tag-with-input-wrapper {\n  display: flex;\n}\n\n.placeholder-container {\n  margin-left: 6px;\n}\n\n.multiselect-tag-multi-line {\n  --tags-margin: 2px;\n}\n\n.multiselect-tag-single-line {\n  --tags-margin: 5px 2px;\n}\n\n.multiselect-tag-disabled {\n  background-color: var(--surface-level-200) !important;\n}\n\n.value-container {\n  display: flex;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n}\n\n.value-container-tags {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  flex-grow: 1;\n  height: 100%;\n  overflow: hidden;\n}\n\n.value-container-tags.without-placeholder {\n  margin-left: 6px;\n}\n\n.valueDialogContent {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  max-height: 300px;\n  overflow-y: auto;\n}\n\n.valueDialogContent::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n\n.valueDialogContent::-webkit-scrollbar-thumb {\n  background-color: var(--divider-primary);\n  border-radius: 4px;\n}\n\n.valueDialogContent .tags {\n  flex-shrink: 0;\n}");export{e as default};
+var e={"tag-with-input-wrapper":"tag-with-input-wrapper","placeholder-container":"placeholder-container","multiselect-tag-multi-line":"multiselect-tag-multi-line","multiselect-tag-single-line":"multiselect-tag-single-line","multiselect-tag-disabled":"multiselect-tag-disabled","value-container":"value-container","value-container-tags":"value-container-tags","without-placeholder":"without-placeholder",valueDialogContent:"valueDialogContent",tags:"tags"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-1b3a4517e405_0_0_152";if(n.querySelector("#"+t))return;const l=document.createElement("style");l.id=t,n.firstChild?n.insertBefore(l,n.firstChild):n.appendChild(l),l.appendChild(document.createTextNode(e))}(".tag-with-input-wrapper {\n  display: flex;\n}\n\n.placeholder-container {\n  margin-left: 6px;\n}\n\n.multiselect-tag-multi-line {\n  --tags-margin: 2px;\n}\n\n.multiselect-tag-single-line {\n  --tags-margin: 5px 2px;\n}\n\n.multiselect-tag-disabled {\n  background-color: var(--surface-level-200) !important;\n}\n\n.value-container {\n  display: flex;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n}\n\n.value-container-tags {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  flex-grow: 1;\n  height: 100%;\n  overflow: hidden;\n}\n\n.value-container-tags.without-placeholder {\n  margin-left: 6px;\n}\n\n.valueDialogContent {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  max-height: 300px;\n  overflow-y: auto;\n}\n\n.valueDialogContent::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n\n.valueDialogContent::-webkit-scrollbar-thumb {\n  background-color: var(--divider-primary);\n  border-radius: 4px;\n}\n\n.valueDialogContent .tags {\n  flex-shrink: 0;\n}");export{e as default};
 //# sourceMappingURL=MultiValueContainer.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Dropdown/components/menu/menu.module.scss.js

@@ -1,2 +1,2 @@
-var n={dropdownMenuWrapper:"dropdownMenuWrapper",fadeIn:"fadeIn",withoutAnimation:"withoutAnimation",dropdownMenuWrapperFixedPosition:"dropdownMenuWrapperFixedPosition"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],o="s_id-11829aafa26c_0_0_150";if(e.querySelector("#"+o))return;const t=document.createElement("style");t.id=o,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(n))}(".dropdownMenuWrapper {\n  animation: fadeIn var(--motion-productive-medium) var(--motion-timing-enter);\n}\n.dropdownMenuWrapper.withoutAnimation {\n  animation: none;\n}\n.dropdownMenuWrapperFixedPosition {\n  /* When inside a scrollable area, we want the menu to appear above the scrollable container (we set the specific position by js) */\n  position: fixed !important;\n}\n@keyframes fadeIn {\n  0% {\n    opacity: 0;\n    z-index: -10000;\n    transform: translateY(var(--dropdown-menu-fadinY, -75px));\n  }\n  100% {\n    opacity: 1;\n    z-index: 999;\n    transform: translateY(0px);\n  }\n}");export{n as default};
+var n={dropdownMenuWrapper:"dropdownMenuWrapper",fadeIn:"fadeIn",withoutAnimation:"withoutAnimation",dropdownMenuWrapperFixedPosition:"dropdownMenuWrapperFixedPosition"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],o="s_id-11829aafa26c_0_0_152";if(e.querySelector("#"+o))return;const t=document.createElement("style");t.id=o,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(n))}(".dropdownMenuWrapper {\n  animation: fadeIn var(--motion-productive-medium) var(--motion-timing-enter);\n}\n.dropdownMenuWrapper.withoutAnimation {\n  animation: none;\n}\n.dropdownMenuWrapperFixedPosition {\n  /* When inside a scrollable area, we want the menu to appear above the scrollable container (we set the specific position by js) */\n  position: fixed !important;\n}\n@keyframes fadeIn {\n  0% {\n    opacity: 0;\n    z-index: -10000;\n    transform: translateY(var(--dropdown-menu-fadinY, -75px));\n  }\n  100% {\n    opacity: 1;\n    z-index: 999;\n    transform: translateY(0px);\n  }\n}");export{n as default};
 //# sourceMappingURL=menu.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Dropdown/components/option/option.module.scss.js

@@ -1,2 +1,2 @@
-var e={optionReset:"optionReset"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-64f14b86843f_0_0_150";if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}(".optionReset {\n  height: auto;\n}");export{e as default};
+var e={optionReset:"optionReset"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-64f14b86843f_0_0_152";if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}(".optionReset {\n  height: auto;\n}");export{e as default};
 //# sourceMappingURL=option.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Dropdown/components/singleValue/singleValue.module.scss.js

@@ -1,2 +1,2 @@
-var e={singleValue:"singleValue"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-a262ceec984a_0_0_150";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))}(".singleValue {\n  padding-inline: var(--spacing-xs);\n}");export{e as default};
+var e={singleValue:"singleValue"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-a262ceec984a_0_0_152";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))}(".singleValue {\n  padding-inline: var(--spacing-xs);\n}");export{e as default};
 //# sourceMappingURL=singleValue.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var o={h1Bold:"h1Bold",h1Normal:"h1Normal",h1Light:"h1Light",h2Bold:"h2Bold",h2Normal:"h2Normal",h2Light:"h2Light",h3Bold:"h3Bold",h3Normal:"h3Normal",h3Light:"h3Light",h4Bold:"h4Bold",h4Normal:"h4Normal",h4Light:"h4Light",h5Bold:"h5Bold",h5Normal:"h5Normal",h5Light:"h5Light",h6Bold:"h6Bold",h6Normal:"h6Normal",h6Light:"h6Light"};!function(o){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-d5086c024e3d_0_0_150";if(n.querySelector("#"+t))return;const h=document.createElement("style");h.id=t,n.firstChild?n.insertBefore(h,n.firstChild):n.appendChild(h),h.appendChild(document.createTextNode(o))}(".h1Bold {\n  font: var(--font-h1-bold);\n  letter-spacing: var(--letter-spacing-h1-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Normal {\n  font: var(--font-h1-normal);\n  letter-spacing: var(--letter-spacing-h1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Light {\n  font: var(--font-h1-light);\n  letter-spacing: var(--letter-spacing-h1-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Bold {\n  font: var(--font-h2-bold);\n  letter-spacing: var(--letter-spacing-h2-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Normal {\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\n.h2Light {\n  font: var(--font-h2-light);\n  letter-spacing: var(--letter-spacing-h2-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Bold {\n  font: var(--font-h3-bold);\n  letter-spacing: var(--letter-spacing-h3-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Normal {\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\n.h3Light {\n  font: var(--font-h3-light);\n  letter-spacing: var(--letter-spacing-h3-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h4Bold {\n  font: var(--font-h4-bold);\n  letter-spacing: var(--letter-spacing-h4-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h4Normal {\n  font: var(--font-h4-normal);\n  letter-spacing: var(--letter-spacing-h4-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h4Light {\n  font: var(--font-h4-light);\n  letter-spacing: var(--letter-spacing-h4-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h5Bold {\n  font: var(--font-h5-bold);\n  letter-spacing: var(--letter-spacing-h5-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h5Normal {\n  font: var(--font-h5-normal);\n  letter-spacing: var(--letter-spacing-h5-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h5Light {\n  font: var(--font-h5-light);\n  letter-spacing: var(--letter-spacing-h5-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h6Bold {\n  font: var(--font-h6-bold);\n  letter-spacing: var(--letter-spacing-h6-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h6Normal {\n  font: var(--font-h6-normal);\n  letter-spacing: var(--letter-spacing-h6-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h6Light {\n  font: var(--font-h6-light);\n  letter-spacing: var(--letter-spacing-h6-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}");export{o as default};
+var o={h1Bold:"h1Bold",h1Normal:"h1Normal",h1Light:"h1Light",h2Bold:"h2Bold",h2Normal:"h2Normal",h2Light:"h2Light",h3Bold:"h3Bold",h3Normal:"h3Normal",h3Light:"h3Light",h4Bold:"h4Bold",h4Normal:"h4Normal",h4Light:"h4Light",h5Bold:"h5Bold",h5Normal:"h5Normal",h5Light:"h5Light",h6Bold:"h6Bold",h6Normal:"h6Normal",h6Light:"h6Light"};!function(o){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-d5086c024e3d_0_0_152";if(n.querySelector("#"+t))return;const h=document.createElement("style");h.id=t,n.firstChild?n.insertBefore(h,n.firstChild):n.appendChild(h),h.appendChild(document.createTextNode(o))}(".h1Bold {\n  font: var(--font-h1-bold);\n  letter-spacing: var(--letter-spacing-h1-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Normal {\n  font: var(--font-h1-normal);\n  letter-spacing: var(--letter-spacing-h1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Light {\n  font: var(--font-h1-light);\n  letter-spacing: var(--letter-spacing-h1-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Bold {\n  font: var(--font-h2-bold);\n  letter-spacing: var(--letter-spacing-h2-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Normal {\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\n.h2Light {\n  font: var(--font-h2-light);\n  letter-spacing: var(--letter-spacing-h2-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Bold {\n  font: var(--font-h3-bold);\n  letter-spacing: var(--letter-spacing-h3-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Normal {\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\n.h3Light {\n  font: var(--font-h3-light);\n  letter-spacing: var(--letter-spacing-h3-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h4Bold {\n  font: var(--font-h4-bold);\n  letter-spacing: var(--letter-spacing-h4-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h4Normal {\n  font: var(--font-h4-normal);\n  letter-spacing: var(--letter-spacing-h4-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h4Light {\n  font: var(--font-h4-light);\n  letter-spacing: var(--letter-spacing-h4-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h5Bold {\n  font: var(--font-h5-bold);\n  letter-spacing: var(--letter-spacing-h5-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h5Normal {\n  font: var(--font-h5-normal);\n  letter-spacing: var(--letter-spacing-h5-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h5Light {\n  font: var(--font-h5-light);\n  letter-spacing: var(--letter-spacing-h5-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h6Bold {\n  font: var(--font-h6-bold);\n  letter-spacing: var(--letter-spacing-h6-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h6Normal {\n  font: var(--font-h6-normal);\n  letter-spacing: var(--letter-spacing-h6-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h6Light {\n  font: var(--font-h6-light);\n  letter-spacing: var(--letter-spacing-h6-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}");export{o as default};
 //# sourceMappingURL=EditableHeading.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={editableInputWrapper:"editableInputWrapper",noResize:"noResize"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],r="s_id-78caa1f98416_0_0_150";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))}(".editableInputWrapper {\n  background-color: var(--surface-level-100);\n  display: inline-block;\n  width: 100%;\n  min-width: 0;\n  max-height: 100%;\n  margin: auto 0;\n  padding: 0 4px;\n  outline: none;\n  border: 1px solid;\n  border-radius: var(--border-radius-small);\n  border-color: var(--primary-color);\n  vertical-align: top;\n  text-align: left;\n}\n\n.editableInputWrapper.noResize {\n  resize: none;\n}");export{e as default};
+var e={editableInputWrapper:"editableInputWrapper",noResize:"noResize"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],r="s_id-78caa1f98416_0_0_152";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))}(".editableInputWrapper {\n  background-color: var(--surface-level-100);\n  display: inline-block;\n  width: 100%;\n  min-width: 0;\n  max-height: 100%;\n  margin: auto 0;\n  padding: 0 4px;\n  outline: none;\n  border: 1px solid;\n  border-radius: var(--border-radius-small);\n  border-color: var(--primary-color);\n  vertical-align: top;\n  text-align: left;\n}\n\n.editableInputWrapper.noResize {\n  resize: none;\n}");export{e as default};
 //# sourceMappingURL=EditableInput.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var t={text1Bold:"text1Bold",text1Medium:"text1Medium",text1Normal:"text1Normal",text2Bold:"text2Bold",text2Medium:"text2Medium",text2Normal:"text2Normal",editableText:"editableText",typography:"typography"};!function(t){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],n="s_id-a769de070bc9_0_0_150";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))}(".text1Bold {\n  font: var(--font-text1-bold);\n}\n\n.text1Medium {\n  font: var(--font-text1-medium);\n}\n\n.text1Normal {\n  font: var(--font-text1-normal);\n}\n\n.text2Bold {\n  font: var(--font-text2-bold);\n}\n\n.text2Medium {\n  font: var(--font-text2-medium);\n}\n\n.text2Normal {\n  font: var(--font-text2-normal);\n}\n\n.editableText .typography {\n  min-width: 56px;\n}");export{t as default};
+var t={text1Bold:"text1Bold",text1Medium:"text1Medium",text1Normal:"text1Normal",text2Bold:"text2Bold",text2Medium:"text2Medium",text2Normal:"text2Normal",editableText:"editableText",typography:"typography"};!function(t){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],n="s_id-a769de070bc9_0_0_152";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))}(".text1Bold {\n  font: var(--font-text1-bold);\n}\n\n.text1Medium {\n  font: var(--font-text1-medium);\n}\n\n.text1Normal {\n  font: var(--font-text1-normal);\n}\n\n.text2Bold {\n  font: var(--font-text2-bold);\n}\n\n.text2Medium {\n  font: var(--font-text2-medium);\n}\n\n.text2Normal {\n  font: var(--font-text2-normal);\n}\n\n.editableText .typography {\n  min-width: 56px;\n}");export{t as default};
 //# sourceMappingURL=EditableText.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={editableTypography:"editableTypography",input:"input",typography:"typography",disabled:"disabled",hidden:"hidden",placeholder:"placeholder"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],r="s_id-0ccb44d36994_0_0_150";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))}(".editableTypography {\n  display: inline-flex;\n  min-width: 0;\n  max-width: 100%;\n  margin-left: -6px;\n  overflow: hidden;\n  position: relative;\n}\n.editableTypography .input {\n  display: inline-block;\n  max-width: 100%;\n  min-width: 64px;\n  padding: 0 var(--spacing-xs);\n  outline: none;\n  border: 1px solid var(--primary-color);\n  border-radius: var(--border-radius-small);\n  color: var(--text-primary);\n  background-color: transparent;\n}\n.editableTypography .input:focus, .editableTypography .input:active {\n  outline: none;\n}\n.editableTypography .typography {\n  border: 1px solid transparent;\n  padding: 0 var(--spacing-xs);\n  border-radius: var(--border-radius-small);\n}\n.editableTypography .typography:hover:not(.disabled) {\n  border-color: var(--divider-primary);\n}\n.editableTypography .typography.hidden {\n  position: absolute;\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.editableTypography .typography.placeholder {\n  color: var(--text-secondary);\n}");export{e as default};
+var e={editableTypography:"editableTypography",input:"input",typography:"typography",disabled:"disabled",hidden:"hidden",placeholder:"placeholder"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],r="s_id-0ccb44d36994_0_0_152";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))}(".editableTypography {\n  display: inline-flex;\n  min-width: 0;\n  max-width: 100%;\n  margin-left: -6px;\n  overflow: hidden;\n  position: relative;\n}\n.editableTypography .input {\n  display: inline-block;\n  max-width: 100%;\n  min-width: 64px;\n  padding: 0 var(--spacing-xs);\n  outline: none;\n  border: 1px solid var(--primary-color);\n  border-radius: var(--border-radius-small);\n  color: var(--text-primary);\n  background-color: transparent;\n}\n.editableTypography .input:focus, .editableTypography .input:active {\n  outline: none;\n}\n.editableTypography .typography {\n  border: 1px solid transparent;\n  padding: 0 var(--spacing-xs);\n  border-radius: var(--border-radius-small);\n}\n.editableTypography .typography:hover:not(.disabled) {\n  border-color: var(--divider-primary);\n}\n.editableTypography .typography.hidden {\n  position: absolute;\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.editableTypography .typography.placeholder {\n  color: var(--text-secondary);\n}");export{e as default};
 //# sourceMappingURL=EditableTypography.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={expandCollapse:"expandCollapse",header:"header","focus-visible":"focus-visible",headerContent:"headerContent",iconComponent:"iconComponent",content:"content",section:"section",hideBorder:"hideBorder",hideBorderBottom:"hideBorderBottom",showBorder:"showBorder",animateIconOpen:"animateIconOpen",animateIconClose:"animateIconClose",iconNextToTitle:"iconNextToTitle"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],o="s_id-5845ed564a71_0_0_150";if(e.querySelector("#"+o))return;const t=document.createElement("style");t.id=o,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(n))}(".expandCollapse {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  align-items: inherit;\n  color: var(--text-primary);\n  background-color: transparent;\n  box-sizing: border-box;\n  border-radius: var(--border-radius-medium);\n}\n\n.header {\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  padding: var(--spacing-medium);\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  cursor: pointer;\n  width: 100%;\n  transition: all var(--motion-productive-medium) ease 0ms;\n}\n\n.header:focus-visible, .header.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\n.header:focus:not(.focus-visible) {\n  outline: none;\n}\n\n.header:hover {\n  background-color: var(--surface-level-200);\n}\n\n.header:active {\n  transform: scale(1);\n}\n\n.header .headerContent {\n  margin: 0;\n  font-size: 16px;\n  font-weight: 700;\n  line-height: 22px;\n  font-style: normal;\n}\n\n.header .iconComponent {\n  color: var(--icon-primary);\n}\n\n.content {\n  padding: var(--spacing-medium);\n}\n\n.section {\n  width: 100%;\n}\n\n.hideBorder {\n  border: none;\n}\n\n.hideBorderBottom {\n  border-bottom: none;\n}\n\n.showBorder {\n  border: 1px solid var(--divider-primary);\n}\n\n.animateIconOpen,\n.animateIconClose {\n  transition: transform var(--motion-expressive-short) var(--motion-timing-transition);\n}\n\n.animateIconOpen {\n  transform: rotate(-180deg);\n}\n\n.animateIconClose {\n  transform: rotate(0deg);\n}\n\n.iconNextToTitle .header {\n  justify-content: flex-start;\n}");export{n as default};
+var n={expandCollapse:"expandCollapse",header:"header","focus-visible":"focus-visible",headerContent:"headerContent",iconComponent:"iconComponent",content:"content",section:"section",hideBorder:"hideBorder",hideBorderBottom:"hideBorderBottom",showBorder:"showBorder",animateIconOpen:"animateIconOpen",animateIconClose:"animateIconClose",iconNextToTitle:"iconNextToTitle"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],o="s_id-5845ed564a71_0_0_152";if(e.querySelector("#"+o))return;const t=document.createElement("style");t.id=o,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(n))}(".expandCollapse {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  align-items: inherit;\n  color: var(--text-primary);\n  background-color: transparent;\n  box-sizing: border-box;\n  border-radius: var(--border-radius-medium);\n}\n\n.header {\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  padding: var(--spacing-medium);\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  cursor: pointer;\n  width: 100%;\n  transition: all var(--motion-productive-medium) ease 0ms;\n}\n\n.header:focus-visible, .header.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\n.header:focus:not(.focus-visible) {\n  outline: none;\n}\n\n.header:hover {\n  background-color: var(--surface-level-200);\n}\n\n.header:active {\n  transform: scale(1);\n}\n\n.header .headerContent {\n  margin: 0;\n  font-size: 16px;\n  font-weight: 700;\n  line-height: 22px;\n  font-style: normal;\n}\n\n.header .iconComponent {\n  color: var(--icon-primary);\n}\n\n.content {\n  padding: var(--spacing-medium);\n}\n\n.section {\n  width: 100%;\n}\n\n.hideBorder {\n  border: none;\n}\n\n.hideBorderBottom {\n  border-bottom: none;\n}\n\n.showBorder {\n  border: 1px solid var(--divider-primary);\n}\n\n.animateIconOpen,\n.animateIconClose {\n  transition: transform var(--motion-expressive-short) var(--motion-timing-transition);\n}\n\n.animateIconOpen {\n  transform: rotate(-180deg);\n}\n\n.animateIconClose {\n  transform: rotate(0deg);\n}\n\n.iconNextToTitle .header {\n  justify-content: flex-start;\n}");export{n as default};
 //# sourceMappingURL=ExpandCollapse.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={labelComponentWrapper:"labelComponentWrapper",labelComponentIcon:"labelComponentIcon",labelComponentText:"labelComponentText",requiredAsterisk:"requiredAsterisk"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-484230ead780_0_0_150";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))}(".labelComponentWrapper {\n  font: var(--font-text1-normal);\n  display: flex;\n  padding-bottom: var(--spacing-xs);\n  align-items: center;\n}\n\n.labelComponentIcon {\n  margin: 0 var(--spacing-small) 0 var(--spacing-xs);\n  line-height: 24px;\n  color: var(--text-secondary);\n}\n\n.labelComponentText {\n  color: var(--text-primary);\n  padding-block: 2px;\n}\n\n.requiredAsterisk {\n  color: var(--negative-color);\n}");export{e as default};
+var e={labelComponentWrapper:"labelComponentWrapper",labelComponentIcon:"labelComponentIcon",labelComponentText:"labelComponentText",requiredAsterisk:"requiredAsterisk"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-484230ead780_0_0_152";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))}(".labelComponentWrapper {\n  font: var(--font-text1-normal);\n  display: flex;\n  padding-bottom: var(--spacing-xs);\n  align-items: center;\n}\n\n.labelComponentIcon {\n  margin: 0 var(--spacing-small) 0 var(--spacing-xs);\n  line-height: 24px;\n  color: var(--text-secondary);\n}\n\n.labelComponentText {\n  color: var(--text-primary);\n  padding-block: 2px;\n}\n\n.requiredAsterisk {\n  color: var(--negative-color);\n}");export{e as default};
 //# sourceMappingURL=FieldLabel.module.scss.js.map