@heliux-org/design-system-core 0.0.63 → 0.0.64

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",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-8ae7240a2bd7_0_0_62";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.colorLight {\n  color: var(--text-primary);\n  background-color: var(--surface-secondary);\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-secondary) 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",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-8ae7240a2bd7_0_0_63";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.colorLight {\n  color: var(--text-primary);\n  background-color: var(--surface-secondary);\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-secondary) 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_62";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_63";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-18eccd352f82_0_0_62";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-primary);\n}\n.datepickerContainer .CalendarMonth {\n  background-color: var(--surface-primary);\n}\n.datepickerContainer .DayPicker__horizontal {\n  background-color: var(--surface-primary);\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-primary);\n  border-top: 1px solid var(--surface-primary);\n  border-bottom: 1px solid var(--surface-primary);\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-secondary);\n  border-bottom: 1px solid var(--surface-secondary);\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-primary-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-primary);\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-secondary) 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-secondary) 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-secondary) 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-secondary) 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-primary-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-primary-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-18eccd352f82_0_0_63";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-primary);\n}\n.datepickerContainer .CalendarMonth {\n  background-color: var(--surface-primary);\n}\n.datepickerContainer .DayPicker__horizontal {\n  background-color: var(--surface-primary);\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-primary);\n  border-top: 1px solid var(--surface-primary);\n  border-bottom: 1px solid var(--surface-primary);\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-secondary);\n  border-bottom: 1px solid var(--surface-secondary);\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-primary-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-primary);\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-secondary) 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-secondary) 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-secondary) 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-secondary) 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-primary-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-primary-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_62";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_63";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-14193b31837b_0_0_62";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-primary);\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-14193b31837b_0_0_63";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-primary);\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-c7ea5aa40f4c_0_0_62";if(n.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}(".arrow {\n  width: 12px;\n  height: 12px;\n  position: absolute;\n  border-radius: 2px;\n  background-color: var(--surface-primary);\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-c7ea5aa40f4c_0_0_63";if(n.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}(".arrow {\n  width: 12px;\n  height: 12px;\n  position: absolute;\n  border-radius: 2px;\n  background-color: var(--surface-primary);\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-19f360afd7ba_0_0_62";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-19f360afd7ba_0_0_63";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-af731fad0143_0_0_62";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-primary);\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-primary);\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-af731fad0143_0_0_63";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-primary);\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-primary);\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:"divider",withoutMargin:"withoutMargin",horizontal:"horizontal",vertical:"vertical"};!function(i){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],r="s_id-b8cb9bde3119_0_0_62";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(i))}(".divider_primary {\n  background-color: var(--divider-primary);\n}\n\n.divider_secondary {\n  background-color: var(--divider-secondary);\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:"divider",withoutMargin:"withoutMargin",horizontal:"horizontal",vertical:"vertical"};!function(i){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],r="s_id-b8cb9bde3119_0_0_63";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(i))}(".divider_primary {\n  background-color: var(--divider-primary);\n}\n\n.divider_secondary {\n  background-color: var(--divider-secondary);\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-0c3732368cdd_0_0_62";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-primary-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-0c3732368cdd_0_0_63";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-primary-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_62";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_63";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-72f18bdfd7ea_0_0_62";if(n.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}(".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-secondary) !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-72f18bdfd7ea_0_0_63";if(n.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}(".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-secondary) !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_62";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_63";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_62";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_63";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_62";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_63";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-ddd251a65b5d_0_0_62";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-ddd251a65b5d_0_0_63";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-19f483cca07c_0_0_62";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-primary);\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-19f483cca07c_0_0_63";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-primary);\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-3041585a5baa_0_0_62";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-3041585a5baa_0_0_63";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-6598e49c449d_0_0_62";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-6598e49c449d_0_0_63";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-f25308cfbcfe_0_0_62";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))}(".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-small);\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}\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-primary-hover);\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-f25308cfbcfe_0_0_63";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))}(".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-small);\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}\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-primary-hover);\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-f1e7424e9598_0_0_62";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-f1e7424e9598_0_0_63";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

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

@@ -1,2 +1,2 @@
-var n={container:"container",justifyStart:"justifyStart",justifyEnd:"justifyEnd",justifyCenter:"justifyCenter",justifySpaceBetween:"justifySpaceBetween",justifySpaceAround:"justifySpaceAround",justifyInital:"justifyInital",alignStart:"alignStart",alignEnd:"alignEnd",alignCenter:"alignCenter",alignStretch:"alignStretch",alignBaseline:"alignBaseline",alignInitial:"alignInitial",directionColumn:"directionColumn",wrap:"wrap"};!function(n){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],e="s_id-25bee08dcd37_0_0_62";if(t.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(n))}(".container {\n  display: flex;\n  flex-direction: row;\n}\n.container.justifyStart {\n  justify-content: flex-start;\n}\n.container.justifyEnd {\n  justify-content: flex-end;\n}\n.container.justifyCenter {\n  justify-content: center;\n}\n.container.justifySpaceBetween {\n  justify-content: space-between;\n}\n.container.justifySpaceAround {\n  justify-content: space-around;\n}\n.container.justifyInital {\n  justify-content: initial;\n}\n.container.alignStart {\n  align-items: flex-start;\n}\n.container.alignEnd {\n  align-items: flex-end;\n}\n.container.alignCenter {\n  align-items: center;\n}\n.container.alignStretch {\n  align-items: stretch;\n}\n.container.alignBaseline {\n  align-items: baseline;\n}\n.container.alignInitial {\n  align-items: initial;\n}\n.container.directionColumn {\n  flex-direction: column;\n}\n.container.wrap {\n  flex-wrap: wrap;\n}");export{n as default};
+var n={container:"container",justifyStart:"justifyStart",justifyEnd:"justifyEnd",justifyCenter:"justifyCenter",justifySpaceBetween:"justifySpaceBetween",justifySpaceAround:"justifySpaceAround",justifyInital:"justifyInital",alignStart:"alignStart",alignEnd:"alignEnd",alignCenter:"alignCenter",alignStretch:"alignStretch",alignBaseline:"alignBaseline",alignInitial:"alignInitial",directionColumn:"directionColumn",wrap:"wrap"};!function(n){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],e="s_id-25bee08dcd37_0_0_63";if(t.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(n))}(".container {\n  display: flex;\n  flex-direction: row;\n}\n.container.justifyStart {\n  justify-content: flex-start;\n}\n.container.justifyEnd {\n  justify-content: flex-end;\n}\n.container.justifyCenter {\n  justify-content: center;\n}\n.container.justifySpaceBetween {\n  justify-content: space-between;\n}\n.container.justifySpaceAround {\n  justify-content: space-around;\n}\n.container.justifyInital {\n  justify-content: initial;\n}\n.container.alignStart {\n  align-items: flex-start;\n}\n.container.alignEnd {\n  align-items: flex-end;\n}\n.container.alignCenter {\n  align-items: center;\n}\n.container.alignStretch {\n  align-items: stretch;\n}\n.container.alignBaseline {\n  align-items: baseline;\n}\n.container.alignInitial {\n  align-items: initial;\n}\n.container.directionColumn {\n  flex-direction: column;\n}\n.container.wrap {\n  flex-wrap: wrap;\n}");export{n as default};
 //# sourceMappingURL=Flex.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={formattedNumberComponent:"formattedNumberComponent",prefix:"prefix",suffix:"suffix"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-d821b20045aa_0_0_62";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))}(".formattedNumberComponent {\n  display: flex;\n  flex-direction: row;\n  box-sizing: border-box;\n  font-family: var(--font-family);\n  width: 100%;\n}\n\n.prefix {\n  white-space: pre;\n}\n\n.suffix {\n  white-space: pre;\n}");export{e as default};
+var e={formattedNumberComponent:"formattedNumberComponent",prefix:"prefix",suffix:"suffix"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-d821b20045aa_0_0_63";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))}(".formattedNumberComponent {\n  display: flex;\n  flex-direction: row;\n  box-sizing: border-box;\n  font-family: var(--font-family);\n  width: 100%;\n}\n\n.prefix {\n  white-space: pre;\n}\n\n.suffix {\n  white-space: pre;\n}");export{e as default};
 //# sourceMappingURL=FormattedNumber.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/HeaderActions/HeaderActions.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",heading:"heading"};!function(o){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-7b3706ef5cf5_0_0_62";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}\n\n.heading {\n  margin: 0;\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",heading:"heading"};!function(o){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-7b3706ef5cf5_0_0_63";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}\n\n.heading {\n  margin: 0;\n}");export{o as default};
 //# sourceMappingURL=HeaderActions.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Heading/Heading.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",heading:"heading"};!function(o){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-7b3706ef5cf5_0_0_62";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}\n\n.heading {\n  margin: 0;\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",heading:"heading"};!function(o){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-7b3706ef5cf5_0_0_63";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}\n\n.heading {\n  margin: 0;\n}");export{o as default};
 //# sourceMappingURL=Heading.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={hiddenTextWrapper:"hiddenTextWrapper"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-5ac012179a41_0_0_62";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))}(".hiddenTextWrapper {\n  /* clip pattern taken from https://www.a11yproject.com/posts/2013-01-11-how-to-hide-content/. */\n  clip: rect(0, 0, 0, 0);\n  clip-path: inset(50%);\n  height: 1px;\n  overflow: hidden;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n}");export{e as default};
+var e={hiddenTextWrapper:"hiddenTextWrapper"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-5ac012179a41_0_0_63";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))}(".hiddenTextWrapper {\n  /* clip pattern taken from https://www.a11yproject.com/posts/2013-01-11-how-to-hide-content/. */\n  clip: rect(0, 0, 0, 0);\n  clip-path: inset(50%);\n  height: 1px;\n  overflow: hidden;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n}");export{e as default};
 //# sourceMappingURL=HiddenText.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={icon:"icon",noFocusStyle:"noFocusStyle",clickable:"clickable"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-039c30c54242_0_0_62";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))}(".icon {\n  position: relative;\n}\n\n.icon:before {\n  text-decoration: none !important;\n}\n\n.noFocusStyle:focus {\n  outline: none;\n}\n\n.clickable {\n  cursor: pointer;\n}");export{e as default};
+var e={icon:"icon",noFocusStyle:"noFocusStyle",clickable:"clickable"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-039c30c54242_0_0_63";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))}(".icon {\n  position: relative;\n}\n\n.icon:before {\n  text-decoration: none !important;\n}\n\n.noFocusStyle:focus {\n  outline: none;\n}\n\n.clickable {\n  cursor: pointer;\n}");export{e as default};
 //# sourceMappingURL=Icon.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={wrapper:"wrapper",referenceWrapper:"referenceWrapper"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],r="s_id-995cd2610043_0_0_62";if(n.querySelector("#"+r))return;const t=document.createElement("style");t.id=r,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}(".wrapper {\n  width: fit-content;\n  height: fit-content;\n  display: inline-flex;\n}\n\n.referenceWrapper {\n  display: inline-flex;\n}");export{e as default};
+var e={wrapper:"wrapper",referenceWrapper:"referenceWrapper"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],r="s_id-995cd2610043_0_0_63";if(n.querySelector("#"+r))return;const t=document.createElement("style");t.id=r,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}(".wrapper {\n  width: fit-content;\n  height: fit-content;\n  display: inline-flex;\n}\n\n.referenceWrapper {\n  display: inline-flex;\n}");export{e as default};
 //# sourceMappingURL=IconButton.module.scss.js.map

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

@@ -1,2 +1,2 @@
-import{slicedToArray as n}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as t}from"../../../_virtual/_tslib.js";import{jsx as o,jsxs as e,Fragment as i}from"react/jsx-runtime";import a,{forwardRef as c,useState as r,useRef as s,useEffect as l}from"react";import u from"../TextField/TextField.js";import d from"../Icon/Icons/components/Edit.js";import m from"../Icon/Icons/components/Check.js";import f from"../Icon/Icons/components/Close.js";import p from"./InlineEdit.module.scss.js";import v from"../IconButton/IconButton.js";var b=c((function(c,b){var C=c["data-test-id"],h=void 0===C?"inline-edit":C,E=c.layout,N=void 0===E?"horizontal":E,j=c.children,B=c.iconsPosition,I=void 0===B?"inside":B,y=c.defaultValue,_=c.onConfirm,k=c.hideEdit,z=void 0!==k&&k,L=c.renderInput,X=void 0===L?o(u,{}):L,x=c.isEditing,D=c.onCancel,O=c.onEdit,P=c.cancelButtonLabel,S=void 0===P?"Cancel":P,T=c.editButtonLabel,A=void 0===T?"Edit":T,F=c.confirmButtonLabel,V=void 0===F?"Confirm":F,w=c.className,H=t(c,["data-test-id","layout","children","iconsPosition","defaultValue","onConfirm","hideEdit","renderInput","isEditing","onCancel","onEdit","cancelButtonLabel","editButtonLabel","confirmButtonLabel","className"]),K=r(null!=x&&x),q=n(K,2),G=q[0],J=q[1],M=r(y),Q=n(M,2),R=Q[0],U=Q[1],W=s(null);l((function(){G&&W.current&&W.current.focus()}),[G]),l((function(){U(y)}),[y,G]);var Y=function(){W.current&&(_(W.current.value),J(!1))};return o("div",Object.assign({},H,{className:"".concat(p.container," ").concat(p["inline-".concat(N)]," ").concat(w||""),"data-test-id":h},{children:G?e("div",Object.assign({className:p.input_container},{children:[a.cloneElement(X,{ref:g(W,b),value:R,onChange:function(n){n&&n.target&&n.target.value&&U(n.target.value)},onKeyDown:function(n){"Enter"===n.key?(n.preventDefault(),Y()):"Escape"===n.key&&(n.preventDefault(),D&&D(),J(!1))},className:"".concat(X.props.className||""," ").concat(p.input)}),e("div",Object.assign({className:"inside"===I?p.button_group:p.button_ungroup},{children:[o(v,{icon:f,iconClassName:p.cross_icon,size:v.sizes.XXS,"aria-label":S,onClick:function(){D&&D(),J(!1)},className:p.cancelButton}),o(v,{icon:m,iconClassName:p.tick_icon,size:v.sizes.XXS,"aria-label":V,onClick:Y,className:p.confirmButton})]}))]})):e(i,{children:[j,!z&&o(v,{icon:d,"aria-label":A,size:v.sizes.XXS,onClick:function(){J(!0),O&&O()},className:p.editButton})]})}))}));function g(){for(var n=arguments.length,t=Array(n),o=0;n>o;o++)t[o]=arguments[o];return function(n){for(var o=0,e=t;e.length>o;o++){var i=e[o];"function"==typeof i?i(n):i&&(i.current=n)}}}b.displayName="InlineEdit";export{b as default};
+import{slicedToArray as n}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as i}from"../../../_virtual/_tslib.js";import{jsx as o,jsxs as t,Fragment as e}from"react/jsx-runtime";import a,{forwardRef as l,useState as c,useRef as s,useEffect as r}from"react";import d from"../TextField/TextField.js";import u from"../Icon/Icons/components/Edit.js";import m from"../Icon/Icons/components/Check.js";import f from"../Icon/Icons/components/Close.js";import p from"./InlineEdit.module.scss.js";import v from"../IconButton/IconButton.js";import{LabelPosition as b}from"../../constants/positions.js";import h from"../FieldLabel/FieldLabel.js";var g={display:"flex",flexDirection:"row"},C={display:"flex",flexDirection:"column"},j={paddingBottom:0,fontSize:"14px",fontWeight:"700",lineHeight:"22px"},E=l((function(l,E){var B=l["data-test-id"],N=void 0===B?"inline-edit":B,I=l.layout,x=void 0===I?"horizontal":I,L=l.title,_=l.onChange,z=l.labelPosition,k=void 0===z?b.TOP:z,P=l.children,T=l.iconsPosition,X=void 0===T?"inside":T,D=l.defaultValue,F=l.onConfirm,O=l.hideEdit,S=void 0!==O&&O,w=l.renderInput,A=void 0===w?o(d,{}):w,H=l.isEditing,V=l.onCancel,K=l.onEdit,W=l.cancelButtonLabel,q=void 0===W?"Cancel":W,G=l.editButtonLabel,J=void 0===G?"Edit":G,M=l.confirmButtonLabel,Q=void 0===M?"Confirm":M,R=l.className,U=i(l,["data-test-id","layout","title","onChange","labelPosition","children","iconsPosition","defaultValue","onConfirm","hideEdit","renderInput","isEditing","onCancel","onEdit","cancelButtonLabel","editButtonLabel","confirmButtonLabel","className"]),Y=c(null!=H&&H),Z=n(Y,2),$=Z[0],nn=Z[1],on=c(D),tn=n(on,2),en=tn[0],an=tn[1],ln=s(null);r((function(){$&&ln.current&&ln.current.focus()}),[$]),r((function(){an(D)}),[D,$]);var cn=function(){ln.current&&(F(ln.current.value),nn(!1))};return t("div",Object.assign({style:k&&k===b.LEFT?g:C},{children:[o(h,{labelText:L,labelStyle:j}),o("div",Object.assign({},U,{className:"".concat(p.container," ").concat(p["inline-".concat(x)]," ").concat(R||""),"data-test-id":N},{children:$?t("div",Object.assign({className:p.input_container},{children:[a.cloneElement(A,{ref:y(ln,E),value:en,onChange:function(n){an(n),_&&_(n)},onKeyDown:function(n){"Enter"===n.key?(n.preventDefault(),cn()):"Escape"===n.key&&(n.preventDefault(),V&&V(),nn(!1))},className:"".concat(A.props.className||""," ").concat(p.input)}),t("div",Object.assign({className:"inside"===X?p.button_group:p.button_ungroup},{children:[o(v,{icon:f,iconClassName:p.cross_icon,size:v.sizes.XXS,"aria-label":q,onClick:function(){V&&V(),nn(!1)},className:p.cancelButton}),o(v,{icon:m,iconClassName:p.tick_icon,size:v.sizes.XXS,"aria-label":Q,onClick:cn,className:p.confirmButton})]}))]})):t(e,{children:[P,!S&&o(v,{icon:u,"aria-label":J,size:v.sizes.XXS,onClick:function(){nn(!0),K&&K()},className:p.editButton})]})}))]}))}));function y(){for(var n=arguments.length,i=Array(n),o=0;n>o;o++)i[o]=arguments[o];return function(n){for(var o=0,t=i;t.length>o;o++){var e=t[o];"function"==typeof e?e(n):e&&(e.current=n)}}}E.displayName="InlineEdit";export{E as default};
 //# sourceMappingURL=InlineEdit.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"InlineEdit.js","sources":["../../../../../src/components/InlineEdit/InlineEdit.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, forwardRef } from \"react\";\nimport TextField from \"../TextField/TextField\";\nimport Edit from \"../Icon/Icons/components/Edit\";\nimport Check from \"../Icon/Icons/components/Check\";\nimport Close from \"../Icon/Icons/components/Close\";\nimport styles from \"./InlineEdit.module.scss\";\nimport IconButton from \"../IconButton/IconButton\";\n\ntype InlineEditProps = {\n  \"data-test-id\"?: string;\n  iconsPosition?: \"inside\" | \"outside\";\n  layout?: \"horizontal\" | \"vertical\";\n  defaultValue?: string;\n  onConfirm: (value: string) => void;\n  hideEdit?: boolean;\n  renderInput?: React.ReactElement;\n  isEditing?: boolean;\n  onCancel?: () => void;\n  onEdit?: () => void;\n  cancelButtonLabel?: string;\n  editButtonLabel?: string;\n  confirmButtonLabel?: string;\n  className?: string;\n} & React.ComponentProps<\"div\">;\n\nconst InlineEdit = forwardRef<HTMLInputElement, InlineEditProps>(\n  (\n    {\n      \"data-test-id\": testId = \"inline-edit\",\n      layout = \"horizontal\",\n      children,\n      iconsPosition = \"inside\",\n      defaultValue,\n      onConfirm,\n      hideEdit = false,\n      renderInput = <TextField />,\n      isEditing: isEditingProp,\n      onCancel,\n      onEdit,\n      cancelButtonLabel = \"Cancel\",\n      editButtonLabel = \"Edit\",\n      confirmButtonLabel = \"Confirm\",\n      className,\n      ...rest\n    },\n    ref\n  ) => {\n    const [isEditing, setEditing] = useState(isEditingProp ?? false);\n    const [inputValue, setInputValue] = useState(defaultValue);\n    const inputRef = useRef<HTMLInputElement>(null);\n\n    useEffect(() => {\n      if (isEditing && inputRef.current) {\n        inputRef.current.focus();\n      }\n    }, [isEditing]);\n\n    useEffect(() => {\n      setInputValue(defaultValue);\n    }, [defaultValue, isEditing]);\n\n    const handleConfirm = () => {\n      if (inputRef.current) {\n        onConfirm(inputRef.current.value);\n        setEditing(false);\n      }\n    };\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n      if (event.key === \"Enter\") {\n        event.preventDefault();\n        handleConfirm();\n      } else if (event.key === \"Escape\") {\n        event.preventDefault();\n        if (onCancel) {\n          onCancel();\n        }\n        setEditing(false);\n      }\n    };\n\n    const handleEditButtonClick = () => {\n      setEditing(true);\n      if (onEdit) {\n        onEdit();\n      }\n    };\n\n    const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n      if (event && event.target && event.target.value) {\n        setInputValue(event.target.value);\n      }\n    };\n\n    return (\n      <div\n        {...rest}\n        className={`${styles.container} ${styles[`inline-${layout}`]} ${\n          className || \"\"\n        }`}\n        data-test-id={testId}\n      >\n        {isEditing ? (\n          <div className={styles.input_container}>\n            {React.cloneElement(renderInput, {\n              ref: mergeRefs(inputRef, ref),\n              value: inputValue,\n              onChange: handleChange,\n              onKeyDown: handleKeyDown,\n              className: `${renderInput.props.className || \"\"} ${styles.input}`,\n            })}\n            <div\n              className={\n                iconsPosition === \"inside\"\n                  ? styles.button_group\n                  : styles.button_ungroup\n              }\n            >\n              <IconButton\n                icon={Close}\n                iconClassName={styles.cross_icon}\n                size={IconButton.sizes.XXS}\n                aria-label={cancelButtonLabel}\n                onClick={() => {\n                  if (onCancel) {\n                    onCancel();\n                  }\n                  setEditing(false);\n                }}\n                className={styles.cancelButton}\n              />\n              <IconButton\n                icon={Check}\n                iconClassName={styles.tick_icon}\n                size={IconButton.sizes.XXS}\n                aria-label={confirmButtonLabel}\n                onClick={handleConfirm}\n                className={styles.confirmButton}\n              />\n            </div>\n          </div>\n        ) : (\n          <>\n            {children}\n            {!hideEdit && (\n              <IconButton\n                icon={Edit}\n                aria-label={editButtonLabel}\n                size={IconButton.sizes.XXS}\n                onClick={handleEditButtonClick}\n                className={styles.editButton}\n              />\n            )}\n          </>\n        )}\n      </div>\n    );\n  }\n);\n\nfunction mergeRefs<T>(...refs: (React.Ref<T> | undefined)[]) {\n  return (instance: T) => {\n    for (const ref of refs) {\n      if (typeof ref === \"function\") {\n        ref(instance);\n      } else if (ref) {\n        (ref as React.MutableRefObject<T | null>).current = instance;\n      }\n    }\n  };\n}\n\nInlineEdit.displayName = \"InlineEdit\";\n\nexport type { InlineEditProps };\nexport default InlineEdit;\n"],"names":["InlineEdit","forwardRef","_a","ref","testId","_a$dataTestId","_a$layout","layout","children","_a$iconsPosition","iconsPosition","defaultValue","onConfirm","_a$hideEdit","hideEdit","_a$renderInput","renderInput","_jsx","TextField","isEditingProp","isEditing","onCancel","onEdit","_a$cancelButtonLabel","cancelButtonLabel","_a$editButtonLabel","editButtonLabel","_a$confirmButtonLabel","confirmButtonLabel","className","rest","__rest","_useState","useState","_useState2","_slicedToArray","setEditing","_useState3","_useState4","inputValue","setInputValue","inputRef","useRef","useEffect","current","focus","handleConfirm","value","Object","assign","concat","styles","container","_jsxs","input_container","React","cloneElement","mergeRefs","onChange","event","target","onKeyDown","key","preventDefault","props","input","button_group","button_ungroup","IconButton","icon","Close","iconClassName","cross_icon","size","sizes","XXS","onClick","cancelButton","Check","tick_icon","confirmButton","Edit","editButton","_len","arguments","length","refs","Array","_key","instance","_i","_refs","displayName"],"mappings":"oiBAyBMA,IAAAA,EAAaC,GACjB,SACEC,EAkBAC,SAHWD,EAdT,gBAAgBE,OAAS,IAAHC,EAAG,cAAaA,EAAAC,EAc7BJ,EAbTK,OAAAA,OAAS,IAAHD,EAAG,aAAYA,EACrBE,EAYSN,EAZTM,SAAQC,EAYCP,EAXTQ,cAAAA,OAAgB,IAAHD,EAAG,SAAQA,EACxBE,EAUST,EAVTS,aACAC,EASSV,EATTU,UAASC,EASAX,EARTY,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAQPb,EAPTc,YAAAA,OAAW,IAAAD,EAAGE,EAACC,MAAYH,EAChBI,EAMFjB,EANTkB,UACAC,EAKSnB,EALTmB,SACAC,EAISpB,EAJToB,OAAMC,EAIGrB,EAHTsB,kBAAAA,OAAoB,IAAHD,EAAG,SAAQA,EAAAE,EAGnBvB,EAFTwB,gBAAAA,OAAkB,IAAHD,EAAG,OAAMA,EAAAE,EAEfzB,EADT0B,mBAAAA,OAAqB,IAAHD,EAAG,UAASA,EAC9BE,EAAS3B,EAAT2B,UACGC,EAhBLC,EAAA7B,EAAA,CAAA,eAAA,SAAA,WAAA,gBAAA,eAAA,YAAA,WAAA,cAAA,YAAA,WAAA,SAAA,oBAAA,kBAAA,qBAAA,cAoBA8B,EAAgCC,EAASd,SAAAA,GAAuBe,EAAAC,EAAAH,EAAA,GAAzDZ,EAASc,EAAA,GAAEE,EAAUF,EAAA,GAC5BG,EAAoCJ,EAAStB,GAAa2B,EAAAH,EAAAE,EAAA,GAAnDE,EAAUD,EAAA,GAAEE,EAAaF,EAAA,GAC1BG,EAAWC,EAAyB,MAE1CC,GAAU,WACJvB,GAAaqB,EAASG,SACxBH,EAASG,QAAQC,OAErB,GAAG,CAACzB,IAEJuB,GAAU,WACRH,EAAc7B,EAChB,GAAG,CAACA,EAAcS,IAElB,IAAM0B,EAAgB,WAChBL,EAASG,UACXhC,EAAU6B,EAASG,QAAQG,OAC3BX,GAAW,KA8Bf,OACEnB,EACM,MAAA+B,OAAAC,OAAA,CAAA,EAAAnB,GACJD,UAAS,GAAAqB,OAAKC,EAAOC,UAAS,KAAAF,OAAIC,YAAMD,OAAW3C,IAAS,KAAA2C,OAC1DrB,GAAa,IACb,eACYzB,GAEb,CAAAI,SAAAY,EACCiC,EAAK,MAAAL,OAAAC,OAAA,CAAApB,UAAWsB,EAAOG,iBACpB,CAAA9C,SAAA,CAAA+C,EAAMC,aAAaxC,EAAa,CAC/Bb,IAAKsD,EAAUhB,EAAUtC,GACzB4C,MAAOR,EACPmB,SAnBW,SAACC,GAChBA,GAASA,EAAMC,QAAUD,EAAMC,OAAOb,OACxCP,EAAcmB,EAAMC,OAAOb,QAkBrBc,UAxCY,SAACF,GACH,UAAdA,EAAMG,KACRH,EAAMI,iBACNjB,KACuB,WAAda,EAAMG,MACfH,EAAMI,iBACF1C,GACFA,IAEFe,GAAW,KAgCLP,UAASqB,GAAAA,OAAKlC,EAAYgD,MAAMnC,WAAa,GAAEqB,KAAAA,OAAIC,EAAOc,SAE5DZ,EACE,MAAAL,OAAAC,OAAA,CAAApB,UACoB,WAAlBnB,EACIyC,EAAOe,aACPf,EAAOgB,gBAGb,CAAA3D,SAAA,CAAAS,EAACmD,EAAU,CACTC,KAAMC,EACNC,cAAepB,EAAOqB,WACtBC,KAAML,EAAWM,MAAMC,IAAG,aACdnD,EACZoD,QAAS,WACHvD,GACFA,IAEFe,GAAW,EACZ,EACDP,UAAWsB,EAAO0B,eAEpB5D,EAACmD,EAAU,CACTC,KAAMS,EACNP,cAAepB,EAAO4B,UACtBN,KAAML,EAAWM,MAAMC,iBACX/C,EACZgD,QAAS9B,EACTjB,UAAWsB,EAAO6B,wBAKxB3B,eACG7C,GACCM,GACAG,EAACmD,GACCC,KAAMY,EACM,aAAAvD,EACZ+C,KAAML,EAAWM,MAAMC,IACvBC,QApEkB,WAC5BxC,GAAW,GACPd,GACFA,KAkEQO,UAAWsB,EAAO+B,kBAOhC,IAGF,SAASzB,IAAkD,IAAA,IAAA0B,EAAAC,UAAAC,OAAlCC,EAAkCC,MAAAJ,GAAAK,EAAA,EAAAL,EAAAK,EAAAA,IAAlCF,EAAkCE,GAAAJ,UAAAI,GACzD,OAAO,SAACC,GACN,IAAA,IAAAC,EAAA,EAAAC,EAAkBL,EAAIK,EAAAN,OAAAK,EAAAA,IAAE,CAAnB,IAAMvF,EAAGwF,EAAAD,GACO,mBAARvF,EACTA,EAAIsF,GACKtF,IACRA,EAAyCyC,QAAU6C,EAEvD,EAEL,CAEAzF,EAAW4F,YAAc"}
+{"version":3,"file":"InlineEdit.js","sources":["../../../../../src/components/InlineEdit/InlineEdit.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, forwardRef } from \"react\";\nimport TextField from \"../TextField/TextField\";\nimport Edit from \"../Icon/Icons/components/Edit\";\nimport Check from \"../Icon/Icons/components/Check\";\nimport Close from \"../Icon/Icons/components/Close\";\nimport styles from \"./InlineEdit.module.scss\";\nimport IconButton from \"../IconButton/IconButton\";\nimport { CSSProperties } from \"react\";\nimport { LabelPosition } from \"../../constants/positions\";\nimport FieldLabel from \"../FieldLabel/FieldLabel\";\n\nconst rowStyle = {\n  display: \"flex\",\n  flexDirection: \"row\",\n} as CSSProperties;\n\nconst columnStyle = {\n  display: \"flex\",\n  flexDirection: \"column\",\n} as CSSProperties;\n\nconst labelStyle = {\n  paddingBottom: 0,\n  fontSize: \"14px\",\n  fontWeight: \"700\",\n  lineHeight: \"22px\",\n};\n\ntype InlineEditProps = {\n  \"data-test-id\"?: string;\n  title?: string;\n  labelPosition?: LabelPosition;\n  iconsPosition?: \"inside\" | \"outside\";\n  layout?: \"horizontal\" | \"vertical\";\n  defaultValue?: string;\n  onConfirm: (value: string) => void;\n  hideEdit?: boolean;\n  renderInput?: React.ReactElement;\n  isEditing?: boolean;\n  onCancel?: () => void;\n  onEdit?: () => void;\n  cancelButtonLabel?: string;\n  editButtonLabel?: string;\n  confirmButtonLabel?: string;\n  className?: string;\n} & React.ComponentProps<\"div\">;\n\nconst InlineEdit = forwardRef<HTMLInputElement, InlineEditProps>(\n  (\n    {\n      \"data-test-id\": testId = \"inline-edit\",\n      layout = \"horizontal\",\n      title,\n      onChange,\n      labelPosition = LabelPosition.TOP,\n      children,\n      iconsPosition = \"inside\",\n      defaultValue,\n      onConfirm,\n      hideEdit = false,\n      renderInput = <TextField />,\n      isEditing: isEditingProp,\n      onCancel,\n      onEdit,\n      cancelButtonLabel = \"Cancel\",\n      editButtonLabel = \"Edit\",\n      confirmButtonLabel = \"Confirm\",\n      className,\n      ...rest\n    },\n    ref\n  ) => {\n    const [isEditing, setEditing] = useState(isEditingProp ?? false);\n    const [inputValue, setInputValue] = useState(defaultValue);\n    const inputRef = useRef<HTMLInputElement>(null);\n\n    useEffect(() => {\n      if (isEditing && inputRef.current) {\n        inputRef.current.focus();\n      }\n    }, [isEditing]);\n\n    useEffect(() => {\n      setInputValue(defaultValue);\n    }, [defaultValue, isEditing]);\n\n    const handleConfirm = () => {\n      if (inputRef.current) {\n        onConfirm(inputRef.current.value);\n        setEditing(false);\n      }\n    };\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n      if (event.key === \"Enter\") {\n        event.preventDefault();\n        handleConfirm();\n      } else if (event.key === \"Escape\") {\n        event.preventDefault();\n        if (onCancel) {\n          onCancel();\n        }\n        setEditing(false);\n      }\n    };\n\n    const handleEditButtonClick = () => {\n      setEditing(true);\n      if (onEdit) {\n        onEdit();\n      }\n    };\n\n    const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n      if (event && event.target && event.target.value) {\n        setInputValue(event.target.value);\n      }\n    };\n\n    const divStyle =\n      labelPosition && labelPosition === LabelPosition.LEFT\n        ? rowStyle\n        : columnStyle;\n\n    return (\n      <div style={divStyle}>\n        <FieldLabel labelText={title} labelStyle={labelStyle} />\n        <div\n          {...rest}\n          className={`${styles.container} ${styles[`inline-${layout}`]} ${\n            className || \"\"\n          }`}\n          data-test-id={testId}\n        >\n          {isEditing ? (\n            <div className={styles.input_container}>\n              {React.cloneElement(renderInput, {\n                ref: mergeRefs(inputRef, ref),\n                value: inputValue,\n                onChange: (event: any) => {\n                  setInputValue(event);\n                  if (onChange) {\n                    onChange(event);\n                  }\n                },\n                onKeyDown: handleKeyDown,\n                className: `${renderInput.props.className || \"\"} ${\n                  styles.input\n                }`,\n              })}\n              <div\n                className={\n                  iconsPosition === \"inside\"\n                    ? styles.button_group\n                    : styles.button_ungroup\n                }\n              >\n                <IconButton\n                  icon={Close}\n                  iconClassName={styles.cross_icon}\n                  size={IconButton.sizes.XXS}\n                  aria-label={cancelButtonLabel}\n                  onClick={() => {\n                    if (onCancel) {\n                      onCancel();\n                    }\n                    setEditing(false);\n                  }}\n                  className={styles.cancelButton}\n                />\n                <IconButton\n                  icon={Check}\n                  iconClassName={styles.tick_icon}\n                  size={IconButton.sizes.XXS}\n                  aria-label={confirmButtonLabel}\n                  onClick={handleConfirm}\n                  className={styles.confirmButton}\n                />\n              </div>\n            </div>\n          ) : (\n            <>\n              {children}\n              {!hideEdit && (\n                <IconButton\n                  icon={Edit}\n                  aria-label={editButtonLabel}\n                  size={IconButton.sizes.XXS}\n                  onClick={handleEditButtonClick}\n                  className={styles.editButton}\n                />\n              )}\n            </>\n          )}\n        </div>\n      </div>\n    );\n  }\n);\n\nfunction mergeRefs<T>(...refs: (React.Ref<T> | undefined)[]) {\n  return (instance: T) => {\n    for (const ref of refs) {\n      if (typeof ref === \"function\") {\n        ref(instance);\n      } else if (ref) {\n        (ref as React.MutableRefObject<T | null>).current = instance;\n      }\n    }\n  };\n}\n\nInlineEdit.displayName = \"InlineEdit\";\n\nexport type { InlineEditProps };\nexport default InlineEdit;\n"],"names":["rowStyle","display","flexDirection","columnStyle","labelStyle","paddingBottom","fontSize","fontWeight","lineHeight","InlineEdit","forwardRef","_a","ref","_a$dataTestId","testId","_a$layout","layout","title","onChange","_a$labelPosition","labelPosition","LabelPosition","TOP","children","_a$iconsPosition","iconsPosition","defaultValue","onConfirm","_a$hideEdit","hideEdit","_a$renderInput","renderInput","_jsx","TextField","isEditingProp","isEditing","onCancel","onEdit","_a$cancelButtonLabel","cancelButtonLabel","_a$editButtonLabel","editButtonLabel","_a$confirmButtonLabel","confirmButtonLabel","className","rest","__rest","_useState","useState","_useState2","_slicedToArray","setEditing","_useState3","_useState4","inputValue","setInputValue","inputRef","useRef","useEffect","current","focus","handleConfirm","value","_jsxs","Object","assign","style","LEFT","FieldLabel","labelText","concat","styles","container","input_container","React","cloneElement","mergeRefs","event","onKeyDown","key","preventDefault","props","input","button_group","button_ungroup","IconButton","icon","Close","iconClassName","cross_icon","size","sizes","XXS","onClick","cancelButton","Check","tick_icon","confirmButton","_Fragment","Edit","editButton","_len","arguments","length","refs","Array","_key","instance","_i","_refs","displayName"],"mappings":"4oBAWA,IAAMA,EAAW,CACfC,QAAS,OACTC,cAAe,OAGXC,EAAc,CAClBF,QAAS,OACTC,cAAe,UAGXE,EAAa,CACjBC,cAAe,EACfC,SAAU,OACVC,WAAY,MACZC,WAAY,QAsBRC,EAAaC,GACjB,SACEC,EAqBAC,GArBA,IAAAC,EAoBCF,EAnBC,gBAAgBG,OAAS,IAAHD,EAAG,cAAaA,EAAAE,EAmBvCJ,EAlBCK,OAAAA,OAAS,IAAHD,EAAG,aAAYA,EACrBE,EAiBDN,EAjBCM,MACAC,EAgBDP,EAhBCO,SAAQC,EAgBTR,EAfCS,cAAAA,OAAa,IAAAD,EAAGE,EAAcC,IAAGH,EACjCI,EAcDZ,EAdCY,SAAQC,EAcTb,EAbCc,cAAAA,OAAgB,IAAHD,EAAG,SAAQA,EACxBE,EAYDf,EAZCe,aACAC,EAWDhB,EAXCgB,UAASC,EAWVjB,EAVCkB,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAUjBnB,EATCoB,YAAAA,OAAW,IAAAD,EAAGE,EAACC,EAAS,CAAA,GAAGH,EAChBI,EAQZvB,EARCwB,UACAC,EAODzB,EAPCyB,SACAC,EAMD1B,EANC0B,OAAMC,EAMP3B,EALC4B,kBAAAA,OAAoB,IAAHD,EAAG,SAAQA,EAAAE,EAK7B7B,EAJC8B,gBAAAA,OAAkB,IAAHD,EAAG,OAAMA,EAAAE,EAIzB/B,EAHCgC,mBAAAA,OAAqB,IAAHD,EAAG,UAASA,EAC9BE,EAEDjC,EAFCiC,UACGC,EAAIC,EAAAnC,EAnBT,oPAuBAoC,EAAgCC,EAASd,SAAAA,GAAuBe,EAAAC,EAAAH,EAAA,GAAzDZ,EAASc,EAAA,GAAEE,GAAUF,EAAA,GAC5BG,GAAoCJ,EAAStB,GAAa2B,GAAAH,EAAAE,GAAA,GAAnDE,GAAUD,GAAA,GAAEE,GAAaF,GAAA,GAC1BG,GAAWC,EAAyB,MAE1CC,GAAU,WACJvB,GAAaqB,GAASG,SACxBH,GAASG,QAAQC,OAErB,GAAG,CAACzB,IAEJuB,GAAU,WACRH,GAAc7B,EAChB,GAAG,CAACA,EAAcS,IAElB,IAAM0B,GAAgB,WAChBL,GAASG,UACXhC,EAAU6B,GAASG,QAAQG,OAC3BX,IAAW,KAmCf,OACEY,EAAK,MAAAC,OAAAC,OAAA,CAAAC,MALL9C,GAAiBA,IAAkBC,EAAc8C,KAC7CnE,EACAG,GAIF,CAAAoB,SAAA,CAAAS,EAACoC,EAAU,CAACC,UAAWpD,EAAOb,WAAYA,IAC1C4B,EAAA,MAAAgC,OAAAC,OAAA,CAAA,EACMpB,EAAI,CACRD,UAAS,GAAA0B,OAAKC,EAAOC,UAAS,KAAAF,OAAIC,YAAMD,OAAWtD,IAAS,KAAAsD,OAC1D1B,GAAa,IAED,eAAA9B,GAEb,CAAAS,SAAAY,EACC4B,EAAK,MAAAC,OAAAC,OAAA,CAAArB,UAAW2B,EAAOE,iBACpB,CAAAlD,SAAA,CAAAmD,EAAMC,aAAa5C,EAAa,CAC/BnB,IAAKgE,EAAUpB,GAAU5C,GACzBkD,MAAOR,GACPpC,SAAU,SAAC2D,GACTtB,GAAcsB,GACV3D,GACFA,EAAS2D,EAEZ,EACDC,UApDU,SAACD,GACH,UAAdA,EAAME,KACRF,EAAMG,iBACNnB,MACuB,WAAdgB,EAAME,MACfF,EAAMG,iBACF5C,GACFA,IAEFe,IAAW,KA4CHP,UAAS0B,GAAAA,OAAKvC,EAAYkD,MAAMrC,WAAa,GAAE0B,KAAAA,OAC7CC,EAAOW,SAGXnB,EACE,MAAAC,OAAAC,OAAA,CAAArB,UACoB,WAAlBnB,EACI8C,EAAOY,aACPZ,EAAOa,gBAGb,CAAA7D,SAAA,CAAAS,EAACqD,EAAU,CACTC,KAAMC,EACNC,cAAejB,EAAOkB,WACtBC,KAAML,EAAWM,MAAMC,IAAG,aACdrD,EACZsD,QAAS,WACHzD,GACFA,IAEFe,IAAW,EACZ,EACDP,UAAW2B,EAAOuB,eAEpB9D,EAACqD,EACC,CAAAC,KAAMS,EACNP,cAAejB,EAAOyB,UACtBN,KAAML,EAAWM,MAAMC,IAAG,aACdjD,EACZkD,QAAShC,GACTjB,UAAW2B,EAAO0B,wBAKxBlC,EAAAmC,EAAA,CAAA3E,SAAA,CACGA,GACCM,GACAG,EAACqD,EAAU,CACTC,KAAMa,eACM1D,EACZiD,KAAML,EAAWM,MAAMC,IACvBC,QAlFgB,WAC5B1C,IAAW,GACPd,GACFA,KAgFUO,UAAW2B,EAAO6B,sBAQlC,IAGF,SAASxB,IAAkD,IAAA,IAAAyB,EAAAC,UAAAC,OAAlCC,EAAkCC,MAAAJ,GAAAK,EAAA,EAAAL,EAAAK,EAAAA,IAAlCF,EAAkCE,GAAAJ,UAAAI,GACzD,OAAO,SAACC,GACN,IAAA,IAAAC,EAAA,EAAAC,EAAkBL,EAAIK,EAAAN,OAAAK,EAAAA,IAAE,CAAnB,IAAMhG,EAAGiG,EAAAD,GACO,mBAARhG,EACTA,EAAI+F,GACK/F,IACRA,EAAyC+C,QAAUgD,EAEvD,EAEL,CAEAlG,EAAWqG,YAAc"}

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

@@ -1,2 +1,2 @@
-var n={input_container:"input_container",input:"input",container:"container","inline-vertical":"inline-vertical","inline-horizontal":"inline-horizontal",cross_icon:"cross_icon",tick_icon:"tick_icon",confirmButton:"confirmButton",cancelButton:"cancelButton",button_group:"button_group",button_ungroup:"button_ungroup",readButton:"readButton"};!function(n){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],i="s_id-e6d6411ed0b3_0_0_62";if(t.querySelector("#"+i))return;const o=document.createElement("style");o.id=i,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(n))}(".input_container {\n  position: relative;\n  display: flex;\n  align-items: center;\n}\n\n.input {\n  padding: 8px !important;\n}\n\n.container {\n  display: flex;\n  gap: 4px;\n  align-items: center;\n  min-height: 28px;\n}\n\n.inline-vertical {\n  flex-direction: column;\n  align-items: flex-start;\n}\n\n.inline-horizontal {\n  flex-direction: row;\n}\n\n.cross_icon {\n  width: 16px;\n  height: 16px;\n}\n\n.tick_icon {\n  color: var(--text-color-on-primary);\n  width: 16px;\n  height: 16px;\n}\n\n.tick_icon:hover {\n  color: var(--text-primary);\n}\n\n.confirmButton {\n  height: 24px !important;\n  width: 24px !important;\n  background-color: var(--primary-color);\n  border: 1px solid #10181b;\n  border-radius: 4px;\n}\n\n.confirmButton:hover {\n  background-color: #3b4652 !important;\n}\n\n.cancelButton {\n  height: 24px !important;\n  width: 24px !important;\n  padding: 5px !important;\n  border-radius: 4px;\n  border: 1px solid var(--divider-secondary);\n}\n\n.cancelButton[class*=_Button--icon] {\n  height: 24px;\n  height: 24px;\n}\n\n.button_group {\n  position: absolute;\n  right: 4px;\n  top: 4px;\n  display: flex;\n  gap: 0.25rem;\n}\n\n.button_ungroup {\n  position: relative;\n  display: flex;\n  gap: 0.25rem;\n}\n\n.readButton {\n  display: inline-block;\n  padding: 8px 16px;\n  border-radius: 4px;\n}\n\n.readButton:hover {\n  background: #ececec;\n  cursor: pointer;\n}\n\n.readButton:focus-visible {\n  border-radius: 6px;\n  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #000;\n  outline: 0;\n  z-index: 2;\n}");export{n as default};
+var n={input_container:"input_container",input:"input",container:"container","inline-vertical":"inline-vertical","inline-horizontal":"inline-horizontal",cross_icon:"cross_icon",tick_icon:"tick_icon",confirmButton:"confirmButton",cancelButton:"cancelButton",button_group:"button_group",button_ungroup:"button_ungroup",readButton:"readButton"};!function(n){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],i="s_id-e6d6411ed0b3_0_0_63";if(t.querySelector("#"+i))return;const o=document.createElement("style");o.id=i,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(n))}(".input_container {\n  position: relative;\n  display: flex;\n  align-items: center;\n}\n\n.input {\n  padding: 8px !important;\n}\n\n.container {\n  display: flex;\n  gap: 4px;\n  align-items: center;\n  min-height: 28px;\n}\n\n.inline-vertical {\n  flex-direction: column;\n  align-items: flex-start;\n}\n\n.inline-horizontal {\n  flex-direction: row;\n}\n\n.cross_icon {\n  width: 16px;\n  height: 16px;\n}\n\n.tick_icon {\n  color: var(--text-color-on-primary);\n  width: 16px;\n  height: 16px;\n}\n\n.tick_icon:hover {\n  color: var(--text-primary);\n}\n\n.confirmButton {\n  height: 24px !important;\n  width: 24px !important;\n  background-color: var(--primary-color);\n  border: 1px solid #10181b;\n  border-radius: 4px;\n}\n\n.confirmButton:hover {\n  background-color: #3b4652 !important;\n}\n\n.cancelButton {\n  height: 24px !important;\n  width: 24px !important;\n  padding: 5px !important;\n  border-radius: 4px;\n  border: 1px solid var(--divider-secondary);\n}\n\n.cancelButton[class*=_Button--icon] {\n  height: 24px;\n  height: 24px;\n}\n\n.button_group {\n  position: absolute;\n  right: 4px;\n  top: 4px;\n  display: flex;\n  gap: 0.25rem;\n}\n\n.button_ungroup {\n  position: relative;\n  display: flex;\n  gap: 0.25rem;\n}\n\n.readButton {\n  display: inline-block;\n  padding: 8px 16px;\n  border-radius: 4px;\n}\n\n.readButton:hover {\n  background: #ececec;\n  cursor: pointer;\n}\n\n.readButton:focus-visible {\n  border-radius: 6px;\n  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #000;\n  outline: 0;\n  z-index: 2;\n}");export{n as default};
 //# sourceMappingURL=InlineEdit.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={clickable:"clickable","focus-visible":"focus-visible",disabled:"disabled",disableTextSelection:"disableTextSelection",label:"label",withLeg:"withLeg",legWrapper:"legWrapper",withAnimation:"withAnimation","label-spin-in-emphasized":"label-spin-in-emphasized",kindFill:"kindFill",colorPrimary:"colorPrimary",colorDark:"colorDark",colorNegative:"colorNegative",colorPositive:"colorPositive",kindLine:"kindLine"};!function(n){if("undefined"==typeof document)return;const i=document.head||document.getElementsByTagName("head")[0],o="s_id-671a8b9cef82_0_0_62";if(i.querySelector("#"+o))return;const e=document.createElement("style");e.id=o,i.firstChild?i.insertBefore(e,i.firstChild):i.appendChild(e),e.appendChild(document.createTextNode(n))}(".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}\n.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.label {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: var(--border-radius-small);\n  padding: 2px var(--spacing-small);\n  position: relative;\n}\n.withLeg {\n  border-radius: var(--border-radius-small) var(--border-radius-small) var(--border-radius-small) 0;\n}\n.legWrapper {\n  position: absolute;\n  height: 8px;\n  top: 100%;\n  left: 0;\n  display: inline-flex;\n}\n.withAnimation {\n  animation: label-spin-in-emphasized var(--motion-expressive-short) var(--motion-timing-emphasize);\n  transform-origin: bottom left;\n}\n.kindFill.colorPrimary {\n  background-color: var(--primary-color);\n}\n.kindFill.colorPrimary svg path {\n  fill: var(--primary-color);\n}\n.clickable:hover .kindFill.colorPrimary, .clickable:active .kindFill.colorPrimary {\n  background-color: var(--primary-hover-color);\n}\n.kindFill.colorDark {\n  background-color: var(--surface-inverse);\n}\n.kindFill.colorDark svg path {\n  fill: var(--surface-inverse);\n}\n.kindFill.colorNegative {\n  background-color: var(--negative-color);\n}\n.kindFill.colorNegative svg path {\n  fill: var(--negative-color);\n}\n.clickable:hover .kindFill.colorNegative, .clickable:active .kindFill.colorNegative {\n  background-color: var(--negative-color-hover);\n}\n.kindFill.colorPositive {\n  background-color: var(--positive-color);\n}\n.kindFill.colorPositive svg path {\n  fill: var(--positive-color);\n}\n.clickable:hover .kindFill.colorPositive, .clickable:active .kindFill.colorPositive {\n  background-color: var(--positive-color-hover);\n}\n.kindLine {\n  border: 1px solid currentColor;\n  padding: 1px var(--spacing-small);\n}\n.kindLine .legWrapper {\n  left: -1px;\n  top: calc(100% + 1px);\n}\n.kindLine.colorPrimary {\n  color: var(--primary-color);\n}\n.kindLine.colorPrimary svg path {\n  fill: var(--primary-color);\n}\n.clickable:hover .kindLine.colorPrimary, .clickable:active .kindLine.colorPrimary {\n  background-color: var(--surface-primary-hover);\n}\n.kindLine.colorDark {\n  color: var(--surface-inverse);\n}\n.kindLine.colorDark svg path {\n  fill: var(--surface-inverse);\n}\n.clickable:hover .kindLine.colorDark, .clickable:active .kindLine.colorDark {\n  background-color: var(--surface-primary-hover);\n}\n.kindLine.colorNegative {\n  color: var(--negative-color);\n}\n.kindLine.colorNegative svg path {\n  fill: var(--negative-color);\n}\n.clickable:hover .kindLine.colorNegative, .clickable:active .kindLine.colorNegative {\n  background-color: var(--negative-color-selected);\n}\n.kindLine.colorPositive {\n  color: var(--positive-color);\n}\n.kindLine.colorPositive svg path {\n  fill: var(--positive-color);\n}\n.clickable:hover .kindLine.colorPositive, .clickable:active .kindLine.colorPositive {\n  background-color: var(--positive-color-selected);\n}\n@keyframes label-spin-in-emphasized {\n  0% {\n    transform: rotate(25deg);\n    opacity: 0;\n  }\n  70% {\n    opacity: 1;\n  }\n  100% {\n    transform: rotate(0deg);\n  }\n}");export{n as default};
+var n={clickable:"clickable","focus-visible":"focus-visible",disabled:"disabled",disableTextSelection:"disableTextSelection",label:"label",withLeg:"withLeg",legWrapper:"legWrapper",withAnimation:"withAnimation","label-spin-in-emphasized":"label-spin-in-emphasized",kindFill:"kindFill",colorPrimary:"colorPrimary",colorDark:"colorDark",colorNegative:"colorNegative",colorPositive:"colorPositive",kindLine:"kindLine"};!function(n){if("undefined"==typeof document)return;const i=document.head||document.getElementsByTagName("head")[0],o="s_id-671a8b9cef82_0_0_63";if(i.querySelector("#"+o))return;const e=document.createElement("style");e.id=o,i.firstChild?i.insertBefore(e,i.firstChild):i.appendChild(e),e.appendChild(document.createTextNode(n))}(".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}\n.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.label {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: var(--border-radius-small);\n  padding: 2px var(--spacing-small);\n  position: relative;\n}\n.withLeg {\n  border-radius: var(--border-radius-small) var(--border-radius-small) var(--border-radius-small) 0;\n}\n.legWrapper {\n  position: absolute;\n  height: 8px;\n  top: 100%;\n  left: 0;\n  display: inline-flex;\n}\n.withAnimation {\n  animation: label-spin-in-emphasized var(--motion-expressive-short) var(--motion-timing-emphasize);\n  transform-origin: bottom left;\n}\n.kindFill.colorPrimary {\n  background-color: var(--primary-color);\n}\n.kindFill.colorPrimary svg path {\n  fill: var(--primary-color);\n}\n.clickable:hover .kindFill.colorPrimary, .clickable:active .kindFill.colorPrimary {\n  background-color: var(--primary-hover-color);\n}\n.kindFill.colorDark {\n  background-color: var(--surface-inverse);\n}\n.kindFill.colorDark svg path {\n  fill: var(--surface-inverse);\n}\n.kindFill.colorNegative {\n  background-color: var(--negative-color);\n}\n.kindFill.colorNegative svg path {\n  fill: var(--negative-color);\n}\n.clickable:hover .kindFill.colorNegative, .clickable:active .kindFill.colorNegative {\n  background-color: var(--negative-color-hover);\n}\n.kindFill.colorPositive {\n  background-color: var(--positive-color);\n}\n.kindFill.colorPositive svg path {\n  fill: var(--positive-color);\n}\n.clickable:hover .kindFill.colorPositive, .clickable:active .kindFill.colorPositive {\n  background-color: var(--positive-color-hover);\n}\n.kindLine {\n  border: 1px solid currentColor;\n  padding: 1px var(--spacing-small);\n}\n.kindLine .legWrapper {\n  left: -1px;\n  top: calc(100% + 1px);\n}\n.kindLine.colorPrimary {\n  color: var(--primary-color);\n}\n.kindLine.colorPrimary svg path {\n  fill: var(--primary-color);\n}\n.clickable:hover .kindLine.colorPrimary, .clickable:active .kindLine.colorPrimary {\n  background-color: var(--surface-primary-hover);\n}\n.kindLine.colorDark {\n  color: var(--surface-inverse);\n}\n.kindLine.colorDark svg path {\n  fill: var(--surface-inverse);\n}\n.clickable:hover .kindLine.colorDark, .clickable:active .kindLine.colorDark {\n  background-color: var(--surface-primary-hover);\n}\n.kindLine.colorNegative {\n  color: var(--negative-color);\n}\n.kindLine.colorNegative svg path {\n  fill: var(--negative-color);\n}\n.clickable:hover .kindLine.colorNegative, .clickable:active .kindLine.colorNegative {\n  background-color: var(--negative-color-selected);\n}\n.kindLine.colorPositive {\n  color: var(--positive-color);\n}\n.kindLine.colorPositive svg path {\n  fill: var(--positive-color);\n}\n.clickable:hover .kindLine.colorPositive, .clickable:active .kindLine.colorPositive {\n  background-color: var(--positive-color-selected);\n}\n@keyframes label-spin-in-emphasized {\n  0% {\n    transform: rotate(25deg);\n    opacity: 0;\n  }\n  70% {\n    opacity: 1;\n  }\n  100% {\n    transform: rotate(0deg);\n  }\n}");export{n as default};
 //# sourceMappingURL=Label.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={editableHeadingWrapper:"editableHeadingWrapper","focus-visible":"focus-visible",headingComponent:"headingComponent",insetFocus:"insetFocus"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],i="s_id-e8df8d487789_0_0_62";if(n.querySelector("#"+i))return;const a=document.createElement("style");a.id=i,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}(".editableHeadingWrapper {\n  width: 100%;\n  min-width: 0;\n  border: 1px solid transparent;\n  border-radius: var(--border-radius-small);\n}\n.editableHeadingWrapper:focus-visible, .editableHeadingWrapper.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.editableHeadingWrapper:focus:not(.focus-visible) {\n  outline: none;\n}\n.editableHeadingWrapper:focus,\n.editableHeadingWrapper:active {\n  outline: none;\n}\n.headingComponent {\n  margin: 0;\n}\n.editableHeadingWrapper.insetFocus:focus-visible, .editableHeadingWrapper.insetFocus.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5) inset, 0 0 0 1px var(--primary-hover-color) inset;\n}\n.editableHeadingWrapper.insetFocus:focus:not(.focus-visible) {\n  outline: none;\n}");export{e as default};
+var e={editableHeadingWrapper:"editableHeadingWrapper","focus-visible":"focus-visible",headingComponent:"headingComponent",insetFocus:"insetFocus"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],i="s_id-e8df8d487789_0_0_63";if(n.querySelector("#"+i))return;const a=document.createElement("style");a.id=i,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}(".editableHeadingWrapper {\n  width: 100%;\n  min-width: 0;\n  border: 1px solid transparent;\n  border-radius: var(--border-radius-small);\n}\n.editableHeadingWrapper:focus-visible, .editableHeadingWrapper.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.editableHeadingWrapper:focus:not(.focus-visible) {\n  outline: none;\n}\n.editableHeadingWrapper:focus,\n.editableHeadingWrapper:active {\n  outline: none;\n}\n.headingComponent {\n  margin: 0;\n}\n.editableHeadingWrapper.insetFocus:focus-visible, .editableHeadingWrapper.insetFocus.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5) inset, 0 0 0 1px var(--primary-hover-color) inset;\n}\n.editableHeadingWrapper.insetFocus:focus:not(.focus-visible) {\n  outline: none;\n}");export{e as default};
 //# sourceMappingURL=LegacyEditableHeading.module.scss.js.map