@heliux-org/design-system-core 0.0.428 → 0.0.429-test-build

package/dist/mocked_classnames_esm/src/components/Table/table.scss.js

@@ -1,2 +1,2 @@
-var i='@charset "UTF-8";\n:where(body.iui-root) {\n  margin: 0;\n}\n:where(body.iui-root, .iui-root.iui-root-background) {\n  background-color: var(--surface-level-200);\n}\n:where(.iui-root, .iui-root *) {\n  scrollbar-color: hsl(var(--surface-level-200)/var(--iui-opacity-4)) transparent;\n  scrollbar-width: thin;\n}\n:where(.iui-root, .iui-root *)::-webkit-scrollbar {\n  max-inline-size: var(--spacing-xs);\n  max-block-size: var(--spacing-xs);\n}\n:where(.iui-root, .iui-root *)::-webkit-scrollbar-thumb {\n  background-color: hsl(var(--surface-level-200)/var(--iui-opacity-4));\n  border-radius: var(--spacing-xs);\n}\n:where(.iui-root, .iui-root *)::-webkit-scrollbar-thumb:hover {\n  background-color: hsl(var(--surface-level-200)/var(--iui-opacity-3));\n}\n:where(.iui-root, .iui-root *)::-webkit-scrollbar-track, :where(.iui-root, .iui-root *)::-webkit-scrollbar-corner {\n  background-color: transparent;\n}\n:where(.iui-root, .iui-root *), :where(.iui-root, .iui-root *)::before, :where(.iui-root, .iui-root *)::after {\n  box-sizing: border-box;\n}\n:where(.iui-root, .iui-root *):where(:focus-visible) {\n  outline: 2px solid var(--divider-secondary);\n}\n.dropdown-button {\n  display: flex;\n  align-items: center;\n}\n.menu-item {\n  width: 100px;\n}\n.iui-table {\n  margin: 0;\n  padding: 0;\n  border: none;\n  vertical-align: baseline;\n  display: flex;\n  flex-direction: column;\n  isolation: isolate;\n  overflow: auto;\n  scrollbar-gutter: stable;\n  background-color: var(--surface-level-100);\n  font-size: 14px;\n  --_iui-table-header-size: calc(8px * 5);\n  --_iui-table-row-size: calc(8px * 5 + 2px);\n}\n.iui-table .iui-table-cell-end-icon,\n.iui-table .iui-table-cell-start-icon {\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  fill: var(--icon-primary);\n}\n.iui-table .iui-table-cell-end-icon svg,\n.iui-table .iui-table-cell-start-icon svg {\n  display: flex;\n  flex-shrink: 0;\n  inline-size: 16px;\n  block-size: 16px;\n}\n.iui-table .iui-table-cell-start-icon {\n  margin-inline-end: var(--spacing-xs);\n}\n.iui-table .iui-table-cell-end-icon {\n  inline-size: var(--spacing-medium);\n  block-size: var(--spacing-medium);\n  margin-inline-end: var(--spacing-small);\n  margin-inline-start: auto;\n}\n.iui-table .iui-table-cell-end-icon :where(svg) {\n  fill: var(--_iui-table-cell-icon-fill);\n}\n.iui-table > .hx-table-pagination {\n  position: sticky;\n  inset-block-end: 0;\n  inset-inline-start: 0;\n  z-index: 2;\n}\n.iui-table[data-iui-size=condensed] {\n  --_iui-table-header-size: calc(8px * 4);\n  --_iui-table-row-size: calc(8px * 4 + 2px);\n}\n.iui-table[data-iui-size=extra-condensed] {\n  --_iui-table-header-size: calc(4px * 3);\n  --_iui-table-row-size: calc(4px * 3 + 2px);\n}\n.iui-table[data-iui-size=extra-condensed] .iui-table-header .iui-table-cell {\n  padding-block: 1px;\n}\n.iui-table .iui-table-header,\n.iui-table .iui-table-paginator {\n  min-block-size: var(--_iui-table-header-size);\n}\n.iui-table .iui-table-body .iui-table-cell,\n.iui-table .iui-table-body-extra {\n  min-block-size: var(--_iui-table-row-size);\n}\n.iui-table-header-wrapper {\n  position: sticky;\n  inset-block-start: 0;\n  z-index: 2;\n  display: flex;\n  flex-shrink: 0;\n  border-start-start-radius: var(--spacing-xs);\n  border-start-end-radius: var(--spacing-xs);\n}\n.iui-table-header {\n  display: flex;\n  user-select: none;\n  min-inline-size: 100%;\n  flex-shrink: 0;\n  font-weight: 900;\n  font-size: 14px;\n  border-block-end: 1px solid var(--divider-primary);\n}\n.iui-table-header .iui-table-cell {\n  background-color: var(--surface-level-100);\n  transition: background-color 0.3s ease-out;\n}\n.iui-table-header .iui-empty-header {\n  background-color: var(--surface-level-100) !important;\n}\n.iui-table-header .iui-table-cell:not(.iui-slot) {\n  column-gap: var(--spacing-xs);\n  padding-block: calc(var(--spacing-medium) * 0.5);\n}\n.iui-table-header .iui-table-cell:not(.iui-slot):focus-visible {\n  outline: 1px solid var(--divider-secondary);\n  outline-offset: -1px;\n}\n.iui-table-header .iui-table-cell:not(.iui-slot).iui-actionable {\n  cursor: pointer;\n}\n.iui-table-header .iui-table-cell:not(.iui-slot).iui-grabbing {\n  cursor: grabbing;\n}\n.iui-table-header .iui-table-cell:not(.iui-slot) > .iui-table-resizer {\n  block-size: 100%;\n  inline-size: var(--spacing-small);\n  position: absolute;\n  inset-block-start: 0;\n  inset-inline-end: 0;\n  transform: translateX(50%);\n  touch-action: none;\n  cursor: ew-resize;\n  opacity: 0;\n}\n.iui-table-header .iui-table-cell:not(.iui-slot) > .iui-table-resizer > .iui-table-resizer-bar {\n  block-size: 100%;\n  inline-size: 2px;\n  margin-inline: auto;\n  transition: background-color 0.3s ease-out, width 0.3s ease-out;\n  background-color: var(--divider-secondary);\n}\n.iui-table-header .iui-table-cell:not(.iui-slot) > .iui-table-resizer:hover > .iui-table-resizer-bar {\n  inline-size: var(--spacing-small);\n  background-color: var(--divider-selected);\n}\n.iui-table-header .iui-table-cell:not(.iui-slot):hover > .iui-table-resizer {\n  opacity: 1;\n}\n.iui-table-header .iui-table-cell:not(.iui-slot):is(:hover, :focus-visible), .iui-table-header .iui-table-cell:not(.iui-slot):has(:focus-visible) {\n  background-color: var(--surface-level-200);\n}\n.iui-table-header .iui-table-cell:not(.iui-slot):is(:hover, :focus-visible) .iui-table-sort, .iui-table-header .iui-table-cell:not(.iui-slot):has(:focus-visible) .iui-table-sort {\n  opacity: 1;\n}\n.iui-table-header .iui-table-reorder-bar {\n  position: absolute;\n  block-size: 100%;\n  inline-size: var(--spacing-xs);\n}\n.iui-table-header .iui-table-reorder-column-right > .iui-table-reorder-bar {\n  inset-inline-end: 0;\n}\n.iui-table-header .iui-table-reorder-column-left > .iui-table-reorder-bar {\n  inset-inline-start: 0;\n}\n.iui-table-header .iui-table-reorder-column-left > .iui-table-reorder-bar,\n.iui-table-header .iui-table-reorder-column-right > .iui-table-reorder-bar {\n  background-color: var(--surface-level-200);\n}\n.iui-table-header .iui-table-sort {\n  opacity: 0;\n  --_iui-table-cell-icon-fill: var(--icon-secondary);\n}\n.iui-table-header .iui-sorted {\n  background-color: var(--surface-level-100-hover);\n}\n.iui-table-header .iui-sorted .iui-table-sort {\n  opacity: 1;\n  --_iui-table-cell-icon-fill: var(--icon-primary);\n}\n.iui-table-row {\n  --_iui-table-cell-icon-fill: var(--icon-secondary);\n  min-inline-size: 100%;\n  display: flex;\n}\n.iui-table-row:last-of-type {\n  border-radius: inherit;\n}\n.iui-table-header .iui-table-row {\n  flex-grow: 1;\n}\n.iui-table-body .iui-table-row .iui-table-cell {\n  border-block-start: solid 1px transparent;\n  border-block-end: solid 1px transparent;\n  border-block-end-color: var(--divider-primary);\n  background-color: var(--surface-level-100);\n  transition: all 0.3s ease-out;\n}\n.iui-table-body .iui-table-row .table-loader-cell {\n  display: flex;\n  justify-content: center;\n}\n.iui-table-body .iui-table-row > .iui-slot > .iui-table-more-options {\n  opacity: 0;\n}\n.iui-table-body .iui-table-row:where(:hover, :focus-within) > .iui-slot > .iui-table-more-options {\n  opacity: 1;\n}\n.iui-table-body .iui-table-row:where(:hover:not(.iui-loading):not([aria-disabled=true])) .iui-table-cell {\n  background-color: var(--surface-level-200);\n}\n@media (prefers-reduced-motion: no-preference) {\n  .iui-table-body .iui-table-row .iui-table-row-expander > .iui-button-icon {\n    transition: transform 0.3s ease-out;\n  }\n}\n.iui-table-body .iui-table-row.iui-table-row-expanded {\n  overflow: hidden;\n}\n.iui-table-body .iui-table-row.iui-table-row-expanded .iui-table-cell {\n  border-inline-start-color: var(--divider-primary);\n  border-inline-end-color: var(--divider-primary);\n  border-block-end-color: transparent;\n}\n.iui-table-body .iui-table-row.iui-table-row-expanded .iui-table-row-expander > .iui-button-icon {\n  transform: rotate(90deg);\n}\n.iui-table-body .iui-table-row.iui-table-row-expanded + .iui-table-expanded-content {\n  border-inline-start-color: var(--divider-primary);\n  border-inline-end-color: var(--divider-primary);\n}\n.iui-table-body .iui-table-row.iui-table-expanded-content {\n  overflow: hidden;\n  border-inline-start: 1px solid transparent;\n  border-inline-end: 1px solid transparent;\n  border-block-end: 1px solid var(--divider-primary);\n  padding: 16px;\n  background-color: var(--surface-level-200);\n  flex-shrink: 0;\n}\n.iui-table-body .iui-table-row.iui-table-expanded-content.iui-enter {\n  opacity: 0;\n}\n.iui-table-body .iui-table-row.iui-table-expanded-content.iui-enter-active {\n  opacity: 1;\n}\n@media (prefers-reduced-motion: no-preference) {\n  .iui-table-body .iui-table-row.iui-table-expanded-content.iui-enter-active {\n    transition: opacity var(--iui-duration-1) ease-out, width var(--iui-duration-1) ease-out, height var(--iui-duration-1) ease-out;\n  }\n}\n.iui-table-body .iui-table-row.iui-table-expanded-content.iui-exit {\n  opacity: 1;\n}\n.iui-table-body .iui-table-row.iui-table-expanded-content.iui-exit-active {\n  opacity: 0;\n}\n@media (prefers-reduced-motion: no-preference) {\n  .iui-table-body .iui-table-row.iui-table-expanded-content.iui-exit-active {\n    transition: opacity var(--iui-duration-1) ease-out, width var(--iui-duration-1) ease-out, height var(--iui-duration-1) ease-out;\n  }\n}\n.iui-table-body .iui-table-row.iui-table-expanded-content .iui-table {\n  margin: 0 auto;\n}\n.iui-table-body .iui-table-row:not([aria-selected=true]) + [aria-selected=true] .iui-table-cell, .iui-table-body .iui-table-row[aria-selected=true]:first-child .iui-table-cell {\n  border-block-end-color: transparent;\n}\n.iui-table-body .iui-table-row[aria-selected=true] {\n  /* stylelint-disable-next-line selector-max-compound-selectors */\n}\n.iui-table-body .iui-table-row[aria-selected=true] .iui-table-cell {\n  border-color: var(--divider-selected);\n  background-color: var(--surface-selected);\n}\n.iui-table-body .iui-table-row[aria-selected=true] + [aria-selected=true] .iui-table-cell {\n  border-block-end-color: transparent;\n}\n.iui-table-body .iui-table-row[aria-selected=true]:last-child .iui-table-cell {\n  border-block-end-color: var(--divider-selected);\n}\n.iui-table-body .iui-table-row[aria-selected=true] + :not([aria-selected=true]) .iui-table-cell,\n.iui-table-body .iui-table-row[aria-selected=true] + .iui-table-expanded-content + .iui-table-row:not([aria-selected=true]) .iui-table-cell {\n  border-block-start-color: var(--divider-selected);\n}\n.iui-table-body .iui-table-row[aria-selected=true] + .iui-table-expanded-content {\n  border-color: transparent var(--divider-selected);\n}\n.iui-table-body .iui-table-row[aria-selected=true] + .iui-table-expanded-content:last-child {\n  border-block-end-color: var(--divider-secondary);\n}\n.iui-table-body .iui-table-row.iui-new {\n  font-weight: 600;\n}\n.iui-table-body .iui-table-row.iui-new > .iui-main-column::before {\n  content: "•";\n  position: absolute;\n  inset-inline-start: 0;\n  font-size: var(--iui-font-size-4);\n  color: var(--positive-color);\n}\n.iui-table-body .iui-table-row.iui-loading,\n.iui-table-body .iui-table-row .iui-table-cell[aria-disabled=true], .iui-table-body .iui-table-row.iui-table-expanded-content[aria-disabled=true] {\n  --_iui-table-cell-icon-fill: var(--icon-secondary);\n  --_iui-table-cell-image-filter: grayscale(100%);\n  color: var(--text-tertiary);\n}\n.iui-table-body .iui-table-row.iui-loading img,\n.iui-table-body .iui-table-row.iui-loading svg,\n.iui-table-body .iui-table-row.iui-loading .iui-avatar,\n.iui-table-body .iui-table-row .iui-table-cell[aria-disabled=true] img,\n.iui-table-body .iui-table-row .iui-table-cell[aria-disabled=true] svg,\n.iui-table-body .iui-table-row .iui-table-cell[aria-disabled=true] .iui-avatar, .iui-table-body .iui-table-row.iui-table-expanded-content[aria-disabled=true] img,\n.iui-table-body .iui-table-row.iui-table-expanded-content[aria-disabled=true] svg,\n.iui-table-body .iui-table-row.iui-table-expanded-content[aria-disabled=true] .iui-avatar {\n  filter: var(--_iui-table-cell-image-filter);\n}\n.iui-table-body .iui-table-row.iui-loading {\n  font-style: italic;\n}\n.iui-table-body .iui-table-row.iui-loading,\n.iui-table-body .iui-table-row.iui-loading .iui-checkbox {\n  cursor: progress;\n}\n.iui-table-body .iui-table-row .iui-table-cell[aria-disabled=true], .iui-table-body .iui-table-row.iui-table-expanded-content[aria-disabled=true] {\n  cursor: not-allowed;\n}\n.iui-table-body .iui-table-row[data-iui-status=positive] .iui-table-cell:first-of-type,\n.iui-table-body .iui-table-row[data-iui-status=positive] + .iui-table-expanded-content {\n  box-shadow: inset var(--spacing-xs) 0 0 0 var(--positive-color);\n}\n.iui-table-body .iui-table-row[data-iui-status=positive] .iui-table-cell-end-icon {\n  --_iui-table-cell-icon-fill: var(--positive-color);\n}\n.iui-table-body .iui-table-row[data-iui-status=positive] .iui-table-cell[aria-disabled=true] .iui-table-cell-end-icon {\n  --_iui-table-cell-image-filter: none;\n}\n.iui-table-body .iui-table-row[data-iui-status=warning] .iui-table-cell:first-of-type,\n.iui-table-body .iui-table-row[data-iui-status=warning] + .iui-table-expanded-content {\n  box-shadow: inset var(--spacing-xs) 0 0 0 var(--warning-color);\n}\n.iui-table-body .iui-table-row[data-iui-status=warning] .iui-table-cell-end-icon {\n  --_iui-table-cell-icon-fill: var(--warning-color);\n}\n.iui-table-body .iui-table-row[data-iui-status=warning] .iui-table-cell[aria-disabled=true] .iui-table-cell-end-icon {\n  --_iui-table-cell-image-filter: none;\n}\n.iui-table-body .iui-table-row[data-iui-status=negative] .iui-table-cell:first-of-type,\n.iui-table-body .iui-table-row[data-iui-status=negative] + .iui-table-expanded-content {\n  box-shadow: inset var(--spacing-xs) 0 0 0 var(--negative-color);\n}\n.iui-table-body .iui-table-row[data-iui-status=negative] .iui-table-cell-end-icon {\n  --_iui-table-cell-icon-fill: var(--negative-color);\n}\n.iui-table-body .iui-table-row[data-iui-status=negative] .iui-table-cell[aria-disabled=true] .iui-table-cell-end-icon {\n  --_iui-table-cell-image-filter: none;\n}\n.iui-table-header-actions-container {\n  display: flex;\n  flex-grow: 1;\n  align-items: center;\n  flex-wrap: wrap;\n  margin-inline-end: var(--spacing-small);\n}\n.iui-table-header-actions-container .iui-table-cell-end-icon {\n  inline-size: unset;\n  block-size: unset;\n  margin: 0;\n  margin-inline-start: auto;\n}\n.iui-table-body {\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  align-items: flex-start;\n}\n.iui-table-body:has(> .iui-table-empty) {\n  position: sticky;\n  inset-inline-start: 0;\n}\n.iui-table-body.iui-scroll-snapping {\n  scroll-snap-type: y mandatory;\n}\n.iui-table-body.iui-scroll-snapping .iui-table-row {\n  scroll-snap-align: start none;\n}\n.iui-table-body:last-child {\n  border-end-start-radius: var(--spacing-xs);\n  border-end-end-radius: var(--spacing-xs);\n}\n.iui-table-body.iui-zebra-striping .iui-table-row:nth-child(even):not([aria-selected=true]) .iui-table-cell {\n  background-color: var(--surface-level-200);\n}\n.iui-table-body.iui-zebra-striping .iui-table-row:nth-child(even):not([aria-selected=true]):hover .iui-table-cell {\n  background-color: var(--surface-level-200);\n}\n.iui-table-body > .iui-table-empty {\n  text-align: center;\n  position: sticky;\n  inset-inline-start: 50%;\n  transform: translateX(-50%);\n  padding: var(--spacing-large);\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  flex-grow: 1;\n  color: var(--text-secondary);\n  background-color: var(--surface-level-100);\n}\n.iui-table-body-extra {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.iui-table-body-extra[data-iui-loading=true] {\n  position: sticky;\n  inset-inline-start: 0;\n}\n.iui-table-cell {\n  align-items: center;\n  display: flex;\n  flex-grow: 1;\n  min-inline-size: var(--spacing-large);\n  padding: inherit;\n  flex-basis: var(--spacing-large);\n  position: relative;\n  word-break: break-word;\n}\n.iui-table-cell:first-of-type {\n  border-inline-start: solid 1px transparent;\n  border-end-start-radius: inherit;\n}\n.iui-table-cell:last-of-type {\n  border-inline-end: solid 1px transparent;\n}\n.iui-table-cell.iui-slot {\n  inline-size: calc(var(--spacing-large) * 2);\n  padding: 0;\n  flex-grow: 0;\n  min-inline-size: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-basis: calc(var(--spacing-large) * 2);\n  --iui-checkbox-target-size: 32px;\n}\n.iui-table-cell.iui-table-cell-sticky {\n  position: sticky;\n  z-index: 1;\n  inset-inline-start: var(--iui-table-sticky-left, initial);\n  inset-inline-end: var(--iui-table-sticky-right, initial);\n}\n.iui-table-cell:not(.iui-slot):last-child {\n  padding-inline-end: var(--spacing-medium);\n}\n.iui-table-cell[data-iui-status=positive]::before {\n  content: "";\n  position: absolute;\n  inset: 0;\n  background-color: hsl(var(--positive-color)/var(--iui-opacity-6));\n}\n.iui-table-cell[data-iui-status=warning]::before {\n  content: "";\n  position: absolute;\n  inset: 0;\n  background-color: hsl(var(--warning-color)/var(--iui-opacity-6));\n}\n.iui-table-cell[data-iui-status=negative]::before {\n  content: "";\n  position: absolute;\n  inset: 0;\n  background-color: hsl(var(--negative-color)/var(--iui-opacity-6));\n}\n.iui-table-cell[contenteditable] {\n  outline-offset: -1px;\n}\n.iui-table-cell[contenteditable]:hover {\n  outline: 1px solid var(--divider-secondary);\n}\n.iui-table-cell[contenteditable]:focus {\n  background-color: var(--surface-level-100);\n  outline: 1px solid var(--divider-secondary);\n}\n.iui-table-cell-shadow-left {\n  position: absolute;\n  inset-block: -1px;\n  inline-size: var(--spacing-small);\n  pointer-events: none;\n  inset-inline-start: 0;\n  transform: translate(-100%);\n  box-shadow: inset -10px 0 5px -5px var(--shadow-color);\n}\n.iui-table-header .iui-table-cell-shadow-left {\n  inset-block: 0;\n}\n.iui-table-cell-shadow-right {\n  position: absolute;\n  inset-block: -1px;\n  inline-size: var(--spacing-small);\n  pointer-events: none;\n  inset-inline-end: 0;\n  transform: translate(100%);\n  box-shadow: inset 10px 0 5px -5px var(--shadow-color);\n}\n.iui-table-header .iui-table-cell-shadow-right {\n  inset-block: 0;\n}\n.hx-table-pagination {\n  bottom: 0;\n  width: 100%;\n  margin: 0;\n  padding: var(--spacing-xs) 0;\n  border: none;\n  vertical-align: baseline;\n  display: flex;\n  justify-content: space-between;\n  color: var(--text-secondary);\n  align-items: center;\n  user-select: none;\n  height: var(--spacing-xl);\n  background-color: var(--surface-level-100);\n  border-end-start-radius: var(--spacing-xs);\n  border-end-end-radius: var(--spacing-xs);\n  border-block-start: 1px solid var(--divider-primary);\n}\n.hx-table-pagination .pagination-left,\n.hx-table-pagination .pagination-right {\n  display: flex;\n  align-items: center;\n  position: relative;\n  min-inline-size: 0;\n}\n.hx-table-pagination .pagination-left {\n  flex: 3;\n}\n.hx-table-pagination .pagination-label {\n  margin-right: 8px;\n}\n.hx-table-pagination .pagination-selected {\n  margin-left: 8px;\n}\n.hx-table-pagination .pagination-right {\n  flex: 1;\n}\n.hx-table-pagination-ellipsis {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding-inline: var(--spacing-xs);\n}\n.hx-table-pagination-ellipsis-small {\n  padding-inline: var(--spacing-xs);\n}\n.hx-table-pagination-pages-group {\n  display: inline-flex;\n  align-items: center;\n  margin-inline: var(--spacing-xs);\n}\n.hx-table-pagination-page-button[data-iui-active=true] {\n  --_iui-button-active-stripe-inset-block: calc(\n    100% - 2px 1px\n  );\n  --_iui-button-active-stripe-inset-inline: 1px;\n}\n.iui-table-column-filter {\n  padding: var(--spacing-s);\n  display: inline-flex;\n  flex-direction: column;\n  align-items: flex-end;\n  gap: var(--spacing-s);\n}\n.iui-table-column-filter > .iui-input-grid:not([data-iui-label-placement=inline]) {\n  inline-size: 100%;\n}\n.iui-table-column-filter > .iui-button-bar {\n  display: flex;\n  inline-size: 100%;\n  align-content: center;\n  gap: var(--spacing-xs);\n}\n.iui-table-column-filter > .iui-button-bar > .iui-button:first-of-type {\n  margin-inline-start: auto;\n}';!function(i){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],n="s_id-0fbe4a44610c_0_0_427";if(e.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,e.firstChild?e.insertBefore(a,e.firstChild):e.appendChild(a),a.appendChild(document.createTextNode(i))}(i);export{i as default};
+var i='@charset "UTF-8";\n:where(body.iui-root) {\n  margin: 0;\n}\n:where(body.iui-root, .iui-root.iui-root-background) {\n  background-color: var(--surface-level-200);\n}\n:where(.iui-root, .iui-root *) {\n  scrollbar-color: hsl(var(--surface-level-200)/var(--iui-opacity-4)) transparent;\n  scrollbar-width: thin;\n}\n:where(.iui-root, .iui-root *)::-webkit-scrollbar {\n  max-inline-size: var(--spacing-xs);\n  max-block-size: var(--spacing-xs);\n}\n:where(.iui-root, .iui-root *)::-webkit-scrollbar-thumb {\n  background-color: hsl(var(--surface-level-200)/var(--iui-opacity-4));\n  border-radius: var(--spacing-xs);\n}\n:where(.iui-root, .iui-root *)::-webkit-scrollbar-thumb:hover {\n  background-color: hsl(var(--surface-level-200)/var(--iui-opacity-3));\n}\n:where(.iui-root, .iui-root *)::-webkit-scrollbar-track, :where(.iui-root, .iui-root *)::-webkit-scrollbar-corner {\n  background-color: transparent;\n}\n:where(.iui-root, .iui-root *), :where(.iui-root, .iui-root *)::before, :where(.iui-root, .iui-root *)::after {\n  box-sizing: border-box;\n}\n:where(.iui-root, .iui-root *):where(:focus-visible) {\n  outline: 2px solid var(--divider-secondary);\n}\n.dropdown-button {\n  display: flex;\n  align-items: center;\n}\n.menu-item {\n  width: 100px;\n}\n.iui-table {\n  margin: 0;\n  padding: 0;\n  border: none;\n  vertical-align: baseline;\n  display: flex;\n  flex-direction: column;\n  isolation: isolate;\n  overflow: auto;\n  scrollbar-gutter: stable;\n  background-color: var(--surface-level-100);\n  font-size: 14px;\n  --_iui-table-header-size: calc(8px * 5);\n  --_iui-table-row-size: calc(8px * 5 + 2px);\n}\n.iui-table .iui-table-cell-end-icon,\n.iui-table .iui-table-cell-start-icon {\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  fill: var(--icon-primary);\n}\n.iui-table .iui-table-cell-end-icon svg,\n.iui-table .iui-table-cell-start-icon svg {\n  display: flex;\n  flex-shrink: 0;\n  inline-size: 16px;\n  block-size: 16px;\n}\n.iui-table .iui-table-cell-start-icon {\n  margin-inline-end: var(--spacing-xs);\n}\n.iui-table .iui-table-cell-end-icon {\n  inline-size: var(--spacing-medium);\n  block-size: var(--spacing-medium);\n  margin-inline-end: var(--spacing-small);\n  margin-inline-start: auto;\n}\n.iui-table .iui-table-cell-end-icon :where(svg) {\n  fill: var(--_iui-table-cell-icon-fill);\n}\n.iui-table > .hx-table-pagination {\n  position: sticky;\n  inset-block-end: 0;\n  inset-inline-start: 0;\n  z-index: 2;\n}\n.iui-table[data-iui-size=condensed] {\n  --_iui-table-header-size: calc(8px * 4);\n  --_iui-table-row-size: calc(8px * 4 + 2px);\n}\n.iui-table[data-iui-size=extra-condensed] {\n  --_iui-table-header-size: calc(4px * 3);\n  --_iui-table-row-size: calc(4px * 3 + 2px);\n}\n.iui-table[data-iui-size=extra-condensed] .iui-table-header .iui-table-cell {\n  padding-block: 1px;\n}\n.iui-table .iui-table-header,\n.iui-table .iui-table-paginator {\n  min-block-size: var(--_iui-table-header-size);\n}\n.iui-table .iui-table-body .iui-table-cell,\n.iui-table .iui-table-body-extra {\n  min-block-size: var(--_iui-table-row-size);\n}\n.iui-table-header-wrapper {\n  position: sticky;\n  inset-block-start: 0;\n  z-index: 2;\n  display: flex;\n  flex-shrink: 0;\n  border-start-start-radius: var(--spacing-xs);\n  border-start-end-radius: var(--spacing-xs);\n}\n.iui-table-header {\n  display: flex;\n  user-select: none;\n  min-inline-size: 100%;\n  flex-shrink: 0;\n  font-weight: 900;\n  font-size: 14px;\n  border-block-end: 1px solid var(--divider-primary);\n}\n.iui-table-header .iui-table-cell {\n  background-color: var(--surface-level-100);\n  transition: background-color 0.3s ease-out;\n}\n.iui-table-header .iui-empty-header {\n  background-color: var(--surface-level-100) !important;\n}\n.iui-table-header .iui-table-cell:not(.iui-slot) {\n  column-gap: var(--spacing-xs);\n  padding-block: calc(var(--spacing-medium) * 0.5);\n}\n.iui-table-header .iui-table-cell:not(.iui-slot):focus-visible {\n  outline: 1px solid var(--divider-secondary);\n  outline-offset: -1px;\n}\n.iui-table-header .iui-table-cell:not(.iui-slot).iui-actionable {\n  cursor: pointer;\n}\n.iui-table-header .iui-table-cell:not(.iui-slot).iui-grabbing {\n  cursor: grabbing;\n}\n.iui-table-header .iui-table-cell:not(.iui-slot) > .iui-table-resizer {\n  block-size: 100%;\n  inline-size: var(--spacing-small);\n  position: absolute;\n  inset-block-start: 0;\n  inset-inline-end: 0;\n  transform: translateX(50%);\n  touch-action: none;\n  cursor: ew-resize;\n  opacity: 0;\n}\n.iui-table-header .iui-table-cell:not(.iui-slot) > .iui-table-resizer > .iui-table-resizer-bar {\n  block-size: 100%;\n  inline-size: 2px;\n  margin-inline: auto;\n  transition: background-color 0.3s ease-out, width 0.3s ease-out;\n  background-color: var(--divider-secondary);\n}\n.iui-table-header .iui-table-cell:not(.iui-slot) > .iui-table-resizer:hover > .iui-table-resizer-bar {\n  inline-size: var(--spacing-small);\n  background-color: var(--divider-selected);\n}\n.iui-table-header .iui-table-cell:not(.iui-slot):hover > .iui-table-resizer {\n  opacity: 1;\n}\n.iui-table-header .iui-table-cell:not(.iui-slot):is(:hover, :focus-visible), .iui-table-header .iui-table-cell:not(.iui-slot):has(:focus-visible) {\n  background-color: var(--surface-level-200);\n}\n.iui-table-header .iui-table-cell:not(.iui-slot):is(:hover, :focus-visible) .iui-table-sort, .iui-table-header .iui-table-cell:not(.iui-slot):has(:focus-visible) .iui-table-sort {\n  opacity: 1;\n}\n.iui-table-header .iui-table-reorder-bar {\n  position: absolute;\n  block-size: 100%;\n  inline-size: var(--spacing-xs);\n}\n.iui-table-header .iui-table-reorder-column-right > .iui-table-reorder-bar {\n  inset-inline-end: 0;\n}\n.iui-table-header .iui-table-reorder-column-left > .iui-table-reorder-bar {\n  inset-inline-start: 0;\n}\n.iui-table-header .iui-table-reorder-column-left > .iui-table-reorder-bar,\n.iui-table-header .iui-table-reorder-column-right > .iui-table-reorder-bar {\n  background-color: var(--surface-level-200);\n}\n.iui-table-header .iui-table-sort {\n  opacity: 0;\n  --_iui-table-cell-icon-fill: var(--icon-secondary);\n}\n.iui-table-header .iui-sorted {\n  background-color: var(--surface-level-100-hover);\n}\n.iui-table-header .iui-sorted .iui-table-sort {\n  opacity: 1;\n  --_iui-table-cell-icon-fill: var(--icon-primary);\n}\n.iui-table-row {\n  --_iui-table-cell-icon-fill: var(--icon-secondary);\n  min-inline-size: 100%;\n  display: flex;\n}\n.iui-table-row:last-of-type {\n  border-radius: inherit;\n}\n.iui-table-header .iui-table-row {\n  flex-grow: 1;\n}\n.iui-table-body .iui-table-row .iui-table-cell {\n  border-block-start: solid 1px transparent;\n  border-block-end: solid 1px transparent;\n  border-block-end-color: var(--divider-primary);\n  background-color: var(--surface-level-100);\n  transition: all 0.3s ease-out;\n}\n.iui-table-body .iui-table-row .table-loader-cell {\n  display: flex;\n  justify-content: center;\n}\n.iui-table-body .iui-table-row > .iui-slot > .iui-table-more-options {\n  opacity: 0;\n}\n.iui-table-body .iui-table-row:where(:hover, :focus-within) > .iui-slot > .iui-table-more-options {\n  opacity: 1;\n}\n.iui-table-body .iui-table-row:where(:hover:not(.iui-loading):not([aria-disabled=true])) .iui-table-cell {\n  background-color: var(--surface-level-200);\n}\n@media (prefers-reduced-motion: no-preference) {\n  .iui-table-body .iui-table-row .iui-table-row-expander > .iui-button-icon {\n    transition: transform 0.3s ease-out;\n  }\n}\n.iui-table-body .iui-table-row.iui-table-row-expanded {\n  overflow: hidden;\n}\n.iui-table-body .iui-table-row.iui-table-row-expanded .iui-table-cell {\n  border-inline-start-color: var(--divider-primary);\n  border-inline-end-color: var(--divider-primary);\n  border-block-end-color: transparent;\n}\n.iui-table-body .iui-table-row.iui-table-row-expanded .iui-table-row-expander > .iui-button-icon {\n  transform: rotate(90deg);\n}\n.iui-table-body .iui-table-row.iui-table-row-expanded + .iui-table-expanded-content {\n  border-inline-start-color: var(--divider-primary);\n  border-inline-end-color: var(--divider-primary);\n}\n.iui-table-body .iui-table-row.iui-table-expanded-content {\n  overflow: hidden;\n  border-inline-start: 1px solid transparent;\n  border-inline-end: 1px solid transparent;\n  border-block-end: 1px solid var(--divider-primary);\n  padding: 16px;\n  background-color: var(--surface-level-200);\n  flex-shrink: 0;\n}\n.iui-table-body .iui-table-row.iui-table-expanded-content.iui-enter {\n  opacity: 0;\n}\n.iui-table-body .iui-table-row.iui-table-expanded-content.iui-enter-active {\n  opacity: 1;\n}\n@media (prefers-reduced-motion: no-preference) {\n  .iui-table-body .iui-table-row.iui-table-expanded-content.iui-enter-active {\n    transition: opacity var(--iui-duration-1) ease-out, width var(--iui-duration-1) ease-out, height var(--iui-duration-1) ease-out;\n  }\n}\n.iui-table-body .iui-table-row.iui-table-expanded-content.iui-exit {\n  opacity: 1;\n}\n.iui-table-body .iui-table-row.iui-table-expanded-content.iui-exit-active {\n  opacity: 0;\n}\n@media (prefers-reduced-motion: no-preference) {\n  .iui-table-body .iui-table-row.iui-table-expanded-content.iui-exit-active {\n    transition: opacity var(--iui-duration-1) ease-out, width var(--iui-duration-1) ease-out, height var(--iui-duration-1) ease-out;\n  }\n}\n.iui-table-body .iui-table-row.iui-table-expanded-content .iui-table {\n  margin: 0 auto;\n}\n.iui-table-body .iui-table-row:not([aria-selected=true]) + [aria-selected=true] .iui-table-cell, .iui-table-body .iui-table-row[aria-selected=true]:first-child .iui-table-cell {\n  border-block-end-color: transparent;\n}\n.iui-table-body .iui-table-row[aria-selected=true] {\n  /* stylelint-disable-next-line selector-max-compound-selectors */\n}\n.iui-table-body .iui-table-row[aria-selected=true] .iui-table-cell {\n  border-color: var(--divider-selected);\n  background-color: var(--surface-selected);\n}\n.iui-table-body .iui-table-row[aria-selected=true] + [aria-selected=true] .iui-table-cell {\n  border-block-end-color: transparent;\n}\n.iui-table-body .iui-table-row[aria-selected=true]:last-child .iui-table-cell {\n  border-block-end-color: var(--divider-selected);\n}\n.iui-table-body .iui-table-row[aria-selected=true] + :not([aria-selected=true]) .iui-table-cell,\n.iui-table-body .iui-table-row[aria-selected=true] + .iui-table-expanded-content + .iui-table-row:not([aria-selected=true]) .iui-table-cell {\n  border-block-start-color: var(--divider-selected);\n}\n.iui-table-body .iui-table-row[aria-selected=true] + .iui-table-expanded-content {\n  border-color: transparent var(--divider-selected);\n}\n.iui-table-body .iui-table-row[aria-selected=true] + .iui-table-expanded-content:last-child {\n  border-block-end-color: var(--divider-secondary);\n}\n.iui-table-body .iui-table-row.iui-new {\n  font-weight: 600;\n}\n.iui-table-body .iui-table-row.iui-new > .iui-main-column::before {\n  content: "•";\n  position: absolute;\n  inset-inline-start: 0;\n  font-size: var(--iui-font-size-4);\n  color: var(--positive-color);\n}\n.iui-table-body .iui-table-row.iui-loading,\n.iui-table-body .iui-table-row .iui-table-cell[aria-disabled=true], .iui-table-body .iui-table-row.iui-table-expanded-content[aria-disabled=true] {\n  --_iui-table-cell-icon-fill: var(--icon-secondary);\n  --_iui-table-cell-image-filter: grayscale(100%);\n  color: var(--text-tertiary);\n}\n.iui-table-body .iui-table-row.iui-loading img,\n.iui-table-body .iui-table-row.iui-loading svg,\n.iui-table-body .iui-table-row.iui-loading .iui-avatar,\n.iui-table-body .iui-table-row .iui-table-cell[aria-disabled=true] img,\n.iui-table-body .iui-table-row .iui-table-cell[aria-disabled=true] svg,\n.iui-table-body .iui-table-row .iui-table-cell[aria-disabled=true] .iui-avatar, .iui-table-body .iui-table-row.iui-table-expanded-content[aria-disabled=true] img,\n.iui-table-body .iui-table-row.iui-table-expanded-content[aria-disabled=true] svg,\n.iui-table-body .iui-table-row.iui-table-expanded-content[aria-disabled=true] .iui-avatar {\n  filter: var(--_iui-table-cell-image-filter);\n}\n.iui-table-body .iui-table-row.iui-loading {\n  font-style: italic;\n}\n.iui-table-body .iui-table-row.iui-loading,\n.iui-table-body .iui-table-row.iui-loading .iui-checkbox {\n  cursor: progress;\n}\n.iui-table-body .iui-table-row .iui-table-cell[aria-disabled=true], .iui-table-body .iui-table-row.iui-table-expanded-content[aria-disabled=true] {\n  cursor: not-allowed;\n}\n.iui-table-body .iui-table-row[data-iui-status=positive] .iui-table-cell:first-of-type,\n.iui-table-body .iui-table-row[data-iui-status=positive] + .iui-table-expanded-content {\n  box-shadow: inset var(--spacing-xs) 0 0 0 var(--positive-color);\n}\n.iui-table-body .iui-table-row[data-iui-status=positive] .iui-table-cell-end-icon {\n  --_iui-table-cell-icon-fill: var(--positive-color);\n}\n.iui-table-body .iui-table-row[data-iui-status=positive] .iui-table-cell[aria-disabled=true] .iui-table-cell-end-icon {\n  --_iui-table-cell-image-filter: none;\n}\n.iui-table-body .iui-table-row[data-iui-status=warning] .iui-table-cell:first-of-type,\n.iui-table-body .iui-table-row[data-iui-status=warning] + .iui-table-expanded-content {\n  box-shadow: inset var(--spacing-xs) 0 0 0 var(--warning-color);\n}\n.iui-table-body .iui-table-row[data-iui-status=warning] .iui-table-cell-end-icon {\n  --_iui-table-cell-icon-fill: var(--warning-color);\n}\n.iui-table-body .iui-table-row[data-iui-status=warning] .iui-table-cell[aria-disabled=true] .iui-table-cell-end-icon {\n  --_iui-table-cell-image-filter: none;\n}\n.iui-table-body .iui-table-row[data-iui-status=negative] .iui-table-cell:first-of-type,\n.iui-table-body .iui-table-row[data-iui-status=negative] + .iui-table-expanded-content {\n  box-shadow: inset var(--spacing-xs) 0 0 0 var(--negative-color);\n}\n.iui-table-body .iui-table-row[data-iui-status=negative] .iui-table-cell-end-icon {\n  --_iui-table-cell-icon-fill: var(--negative-color);\n}\n.iui-table-body .iui-table-row[data-iui-status=negative] .iui-table-cell[aria-disabled=true] .iui-table-cell-end-icon {\n  --_iui-table-cell-image-filter: none;\n}\n.iui-table-header-actions-container {\n  display: flex;\n  flex-grow: 1;\n  align-items: center;\n  flex-wrap: wrap;\n  margin-inline-end: var(--spacing-small);\n}\n.iui-table-header-actions-container .iui-table-cell-end-icon {\n  inline-size: unset;\n  block-size: unset;\n  margin: 0;\n  margin-inline-start: auto;\n}\n.iui-table-body {\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  align-items: flex-start;\n}\n.iui-table-body:has(> .iui-table-empty) {\n  position: sticky;\n  inset-inline-start: 0;\n}\n.iui-table-body.iui-scroll-snapping {\n  scroll-snap-type: y mandatory;\n}\n.iui-table-body.iui-scroll-snapping .iui-table-row {\n  scroll-snap-align: start none;\n}\n.iui-table-body:last-child {\n  border-end-start-radius: var(--spacing-xs);\n  border-end-end-radius: var(--spacing-xs);\n}\n.iui-table-body.iui-zebra-striping .iui-table-row:nth-child(even):not([aria-selected=true]) .iui-table-cell {\n  background-color: var(--surface-level-200);\n}\n.iui-table-body.iui-zebra-striping .iui-table-row:nth-child(even):not([aria-selected=true]):hover .iui-table-cell {\n  background-color: var(--surface-level-200);\n}\n.iui-table-body > .iui-table-empty {\n  text-align: center;\n  position: sticky;\n  inset-inline-start: 50%;\n  transform: translateX(-50%);\n  padding: var(--spacing-large);\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  flex-grow: 1;\n  color: var(--text-secondary);\n  background-color: var(--surface-level-100);\n}\n.iui-table-body-extra {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.iui-table-body-extra[data-iui-loading=true] {\n  position: sticky;\n  inset-inline-start: 0;\n}\n.iui-table-cell {\n  align-items: center;\n  display: flex;\n  flex-grow: 1;\n  min-inline-size: var(--spacing-large);\n  padding: inherit;\n  flex-basis: var(--spacing-large);\n  position: relative;\n  word-break: break-word;\n}\n.iui-table-cell:first-of-type {\n  border-inline-start: solid 1px transparent;\n  border-end-start-radius: inherit;\n}\n.iui-table-cell:last-of-type {\n  border-inline-end: solid 1px transparent;\n}\n.iui-table-cell.iui-slot {\n  inline-size: calc(var(--spacing-large) * 2);\n  padding: 0;\n  flex-grow: 0;\n  min-inline-size: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-basis: calc(var(--spacing-large) * 2);\n  --iui-checkbox-target-size: 32px;\n}\n.iui-table-cell.iui-table-cell-sticky {\n  position: sticky;\n  z-index: 1;\n  inset-inline-start: var(--iui-table-sticky-left, initial);\n  inset-inline-end: var(--iui-table-sticky-right, initial);\n}\n.iui-table-cell:not(.iui-slot):last-child {\n  padding-inline-end: var(--spacing-medium);\n}\n.iui-table-cell[data-iui-status=positive]::before {\n  content: "";\n  position: absolute;\n  inset: 0;\n  background-color: hsl(var(--positive-color)/var(--iui-opacity-6));\n}\n.iui-table-cell[data-iui-status=warning]::before {\n  content: "";\n  position: absolute;\n  inset: 0;\n  background-color: hsl(var(--warning-color)/var(--iui-opacity-6));\n}\n.iui-table-cell[data-iui-status=negative]::before {\n  content: "";\n  position: absolute;\n  inset: 0;\n  background-color: hsl(var(--negative-color)/var(--iui-opacity-6));\n}\n.iui-table-cell[contenteditable] {\n  outline-offset: -1px;\n}\n.iui-table-cell[contenteditable]:hover {\n  outline: 1px solid var(--divider-secondary);\n}\n.iui-table-cell[contenteditable]:focus {\n  background-color: var(--surface-level-100);\n  outline: 1px solid var(--divider-secondary);\n}\n.iui-table-cell-shadow-left {\n  position: absolute;\n  inset-block: -1px;\n  inline-size: var(--spacing-small);\n  pointer-events: none;\n  inset-inline-start: 0;\n  transform: translate(-100%);\n  box-shadow: inset -10px 0 5px -5px var(--shadow-color);\n}\n.iui-table-header .iui-table-cell-shadow-left {\n  inset-block: 0;\n}\n.iui-table-cell-shadow-right {\n  position: absolute;\n  inset-block: -1px;\n  inline-size: var(--spacing-small);\n  pointer-events: none;\n  inset-inline-end: 0;\n  transform: translate(100%);\n  box-shadow: inset 10px 0 5px -5px var(--shadow-color);\n}\n.iui-table-header .iui-table-cell-shadow-right {\n  inset-block: 0;\n}\n.hx-table-pagination {\n  bottom: 0;\n  width: 100%;\n  margin: 0;\n  padding: var(--spacing-xs) 0;\n  border: none;\n  vertical-align: baseline;\n  display: flex;\n  justify-content: space-between;\n  color: var(--text-secondary);\n  align-items: center;\n  user-select: none;\n  height: var(--spacing-xl);\n  background-color: var(--surface-level-100);\n  border-end-start-radius: var(--spacing-xs);\n  border-end-end-radius: var(--spacing-xs);\n  border-block-start: 1px solid var(--divider-primary);\n}\n.hx-table-pagination .pagination-left,\n.hx-table-pagination .pagination-right {\n  display: flex;\n  align-items: center;\n  position: relative;\n  min-inline-size: 0;\n}\n.hx-table-pagination .pagination-left {\n  flex: 3;\n}\n.hx-table-pagination .pagination-label {\n  margin-right: 8px;\n}\n.hx-table-pagination .pagination-selected {\n  margin-left: 8px;\n}\n.hx-table-pagination .pagination-right {\n  flex: 1;\n}\n.hx-table-pagination-ellipsis {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding-inline: var(--spacing-xs);\n}\n.hx-table-pagination-ellipsis-small {\n  padding-inline: var(--spacing-xs);\n}\n.hx-table-pagination-pages-group {\n  display: inline-flex;\n  align-items: center;\n  margin-inline: var(--spacing-xs);\n}\n.hx-table-pagination-page-button[data-iui-active=true] {\n  --_iui-button-active-stripe-inset-block: calc(\n    100% - 2px 1px\n  );\n  --_iui-button-active-stripe-inset-inline: 1px;\n}\n.iui-table-column-filter {\n  padding: var(--spacing-s);\n  display: inline-flex;\n  flex-direction: column;\n  align-items: flex-end;\n  gap: var(--spacing-s);\n}\n.iui-table-column-filter > .iui-input-grid:not([data-iui-label-placement=inline]) {\n  inline-size: 100%;\n}\n.iui-table-column-filter > .iui-button-bar {\n  display: flex;\n  inline-size: 100%;\n  align-content: center;\n  gap: var(--spacing-xs);\n}\n.iui-table-column-filter > .iui-button-bar > .iui-button:first-of-type {\n  margin-inline-start: auto;\n}';!function(i){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],n="s_id-0fbe4a44610c_0_0_429-testBuild";if(e.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,e.firstChild?e.insertBefore(a,e.firstChild):e.appendChild(a),a.appendChild(document.createTextNode(i))}(i);export{i as default};
 //# sourceMappingURL=table.scss.js.map

package/dist/mocked_classnames_esm/src/components/Tabs/Tab/Tab.js

@@ -1,2 +1,2 @@
-import{defineProperty as i}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as e,jsx as o}from"@emotion/react/jsx-runtime";import r from"classnames";import{forwardRef as s,useRef as t}from"react";import{noop as a}from"lodash-es";import n from"../../../hooks/useMergeRef.js";import{getStyle as d}from"../../../helpers/typesciptCssModulesHelper.js";import c from"../../Icon/Icon.js";import{getTestId as l,ComponentDefaultTestId as m}from"../../../tests/testIds.js";import u from"./Tab.module.scss.js";import p from"../../Divider/Divider.js";import f from"../../Counter/Counter.js";import{TabKind as v}from"./TabConstants.js";import{withStaticProps as b}from"../../../types/withStaticProps.js";var h=b(s((function(s,b){var h=s.className,j=s.kind,I=void 0===j?v.NONE:j,N=s.tabInnerClassName,k=s.id,C=s.value,y=void 0===C?0:C,g=s.disabled,S=void 0!==g&&g,T=s.active,D=void 0!==T&&T,F=s.focus,L=void 0!==F&&F,E=s.divider,H=void 0!==E&&E,P=s.onClick,R=void 0===P?a:P,M=s.icon,O=s.iconType,w=s.iconSide,x=void 0===w?"left":w,z=s.children,A=s.link,B=s.counter,_=s.counterKind,K=void 0===_?f.kinds.FILL:_,U=s.counterColor,V=void 0===U?f.colors.PRIMARY:U,W=s.counterSide,Y=void 0===W?"left":W,q=s.showCounter,G=void 0!==q&&q,J=s["data-testid"],Q=t(null),X=n(b,Q);return e("li",Object.assign({ref:X,className:r(u.tabWrapper,h,i(i(i(i(i({},u.active,D),u.disabled,S),u.tabFocusVisibleInset,L),u.underlined,D&&I===v.UNDERLINED),u.filled,D&&I===v.FILLED)),id:k,role:"tab","aria-selected":D,"aria-disabled":S,"data-testid":J||l(m.TAB,k)},{children:[o("a",Object.assign({className:r(u.tabInner,N),onClick:function(){return!S&&R(y)},href:A||"#"},{children:function(){var i=[];if(M){var e=o(c,{clickable:!1,ariaHidden:!0,iconType:O,icon:M,className:r(u.tabIcon,d(u,x)),iconSize:18,ignoreFocusStyle:!0});"left"===x&&i.push(e)}if(i.push(z),M&&"right"===x){var s=o(c,{clickable:!1,ariaHidden:!0,iconType:O,icon:M,className:r(u.tabIcon,d(u,x)),iconSize:18,ignoreFocusStyle:!0});i.push(s)}if(G&&void 0!==B){var t=o(f,{count:B,color:V,kind:K,className:r(u.tabCounter,d(u,Y))});"left"===Y?i.unshift(t):i.push(t)}return i}()})),H?o(p,{className:u.divider}):o("div",{})]}),k)})),{kind:v});export{h as default};
+import{defineProperty as i}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as e,jsx as o}from"@emotion/react/jsx-runtime";import r from"classnames";import{forwardRef as s,useRef as t}from"react";import{noop as a}from"lodash-es";import n from"../../../hooks/useMergeRef.js";import{getStyle as d}from"../../../helpers/typesciptCssModulesHelper.js";import l from"../../Icon/Icon.js";import{getTestId as c,ComponentDefaultTestId as m}from"../../../tests/testIds.js";import u from"./Tab.module.scss.js";import f from"../../Divider/Divider.js";import p from"../../Counter/Counter.js";import{TabKind as v}from"./TabConstants.js";import{withStaticProps as b}from"../../../types/withStaticProps.js";var h=b(s((function(s,b){var h=s.className,j=s.kind,I=void 0===j?v.NONE:j,N=s.tabInnerClassName,k=s.id,C=s.value,y=void 0===C?0:C,g=s.disabled,S=void 0!==g&&g,T=s.active,D=void 0!==T&&T,F=s.focus,H=void 0!==F&&F,L=s.divider,E=void 0!==L&&L,O=s.onClick,P=void 0===O?a:O,R=s.icon,B=s.iconType,M=s.iconSide,w=void 0===M?"left":M,x=s.children,z=s.link,A=s.counter,_=s.counterKind,K=void 0===_?p.kinds.FILL:_,U=s.counterColor,V=void 0===U?p.colors.PRIMARY:U,W=s.counterSide,Y=void 0===W?"left":W,q=s.showCounter,G=void 0!==q&&q,J=s["data-testid"],Q=t(null),X=n(b,Q);return e("li",Object.assign({ref:X,className:r(u.tabWrapper,h,i(i(i(i(i(i({},u.active,D),u.disabled,S),u.tabFocusVisibleInset,H),u.underlined,D&&I===v.UNDERLINED),u.filled,D&&I===v.FILLED),r(u.filled,u.underlined),D&&I===v.BOTH)),id:k,role:"tab","aria-selected":D,"aria-disabled":S,"data-testid":J||c(m.TAB,k)},{children:[o("a",Object.assign({className:r(u.tabInner,N),onClick:function(){return!S&&P(y)},href:z||"#"},{children:function(){var i=[];if(R){var e=o(l,{clickable:!1,ariaHidden:!0,iconType:B,icon:R,className:r(u.tabIcon,d(u,w)),iconSize:18,ignoreFocusStyle:!0});"left"===w&&i.push(e)}if(i.push(x),R&&"right"===w){var s=o(l,{clickable:!1,ariaHidden:!0,iconType:B,icon:R,className:r(u.tabIcon,d(u,w)),iconSize:18,ignoreFocusStyle:!0});i.push(s)}if(G&&void 0!==A){var t=o(p,{count:A,color:V,kind:K,className:r(u.tabCounter,d(u,Y))});"left"===Y?i.unshift(t):i.push(t)}return i}()})),E?o(f,{className:u.divider}):o("div",{})]}),k)})),{kind:v});export{h as default};
 //# sourceMappingURL=Tab.js.map

package/dist/mocked_classnames_esm/src/components/Tabs/Tab/Tab.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tab.js","sources":["../../../../../../src/components/Tabs/Tab/Tab.tsx"],"sourcesContent":["/* eslint-disable jsx-a11y/anchor-is-valid,jsx-a11y/click-events-have-key-events */\nimport cx from \"classnames\";\nimport React, { FC, forwardRef, ReactElement, useRef } from \"react\";\nimport { noop as NOOP } from \"lodash-es\";\nimport useMergeRef from \"../../../hooks/useMergeRef\";\nimport { getStyle } from \"../../../helpers/typesciptCssModulesHelper\";\nimport Icon from \"../../Icon/Icon\";\nimport VibeComponentProps from \"../../../types/VibeComponentProps\";\nimport { IconType } from \"../../Icon/IconConstants\";\nimport {\n  ComponentDefaultTestId,\n  getTestId,\n} from \"../../../tests/test-ids-utils\";\nimport styles from \"./Tab.module.scss\";\nimport { SubIcon } from \"../../../types/SubIcon\";\nimport Divider from \"../../Divider/Divider\";\nimport Counter from \"../../Counter/Counter\";\nimport { TabKind } from \"./TabConstants\";\nimport { VibeComponent, withStaticProps } from \"../../../types\";\nimport { CounterColor, CounterType } from \"../../Counter\";\n\nexport interface TabProps extends VibeComponentProps {\n  /**\n   * Class name for tab link-name\n   */\n  tabInnerClassName?: string;\n  /**\n   * Tab index\n   */\n  value?: number;\n  disabled?: boolean;\n  active?: boolean;\n  focus?: boolean;\n  divider?: boolean;\n  icon?: SubIcon;\n  iconType?: IconType;\n  iconSide?: string;\n  counter?: number;\n  counterSide?: string;\n  counterKind?: CounterType;\n  counterColor?: CounterColor;\n  showCounter?: boolean;\n  link?: string;\n  kind?: TabKind;\n  onClick?: (value: number) => void;\n  /**\n   * Tab link-name\n   */\n  children?: string | ReactElement[];\n}\n\nconst Tab: VibeComponent<TabProps, unknown> & {\n  kind?: typeof TabKind;\n} = forwardRef<unknown, TabProps>(\n  (\n    {\n      className,\n      kind = TabKind.NONE,\n      tabInnerClassName,\n      id,\n      value = 0,\n      disabled = false,\n      active = false,\n      focus = false,\n      divider = false,\n      onClick = NOOP,\n      icon,\n      iconType,\n      iconSide = \"left\",\n      children,\n      link,\n      counter,\n      counterKind = Counter.kinds.FILL,\n      counterColor = Counter.colors.PRIMARY,\n      counterSide = \"left\",\n      showCounter = false,\n      \"data-testid\": dataTestId,\n    },\n    ref\n  ) => {\n    const componentRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n\n    function renderIconAndChildren() {\n      const elements = [];\n\n      if (icon) {\n        const iconElement = (\n          <Icon\n            clickable={false}\n            ariaHidden={true}\n            iconType={iconType}\n            icon={icon}\n            className={cx(styles.tabIcon, getStyle(styles, iconSide))}\n            iconSize={18}\n            ignoreFocusStyle\n          />\n        );\n        if (iconSide === \"left\") {\n          elements.push(iconElement);\n        }\n      }\n\n      elements.push(children);\n\n      if (icon && iconSide === \"right\") {\n        const iconElement = (\n          <Icon\n            clickable={false}\n            ariaHidden={true}\n            iconType={iconType}\n            icon={icon}\n            className={cx(styles.tabIcon, getStyle(styles, iconSide))}\n            iconSize={18}\n            ignoreFocusStyle\n          />\n        );\n        elements.push(iconElement);\n      }\n\n      if (showCounter && counter !== undefined) {\n        const counterElement = (\n          <Counter\n            count={counter}\n            color={counterColor}\n            kind={counterKind}\n            className={cx(styles.tabCounter, getStyle(styles, counterSide))}\n          />\n        );\n\n        if (counterSide === \"left\") {\n          elements.unshift(counterElement);\n        } else {\n          elements.push(counterElement);\n        }\n      }\n\n      return elements;\n    }\n\n    return (\n      <li\n        ref={mergedRef}\n        key={id}\n        className={cx(styles.tabWrapper, className, {\n          [styles.active]: active,\n          [styles.disabled]: disabled,\n          [styles.tabFocusVisibleInset]: focus,\n          [styles.underlined]: active && kind === TabKind.UNDERLINED,\n          [styles.filled]: active && kind === TabKind.FILLED,\n        })}\n        id={id}\n        role=\"tab\"\n        aria-selected={active}\n        aria-disabled={disabled}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.TAB, id)}\n      >\n        <a\n          className={cx(styles.tabInner, tabInnerClassName)}\n          onClick={() => !disabled && onClick(value)}\n          href={link || \"#\"}\n        >\n          {renderIconAndChildren()}\n        </a>\n        {divider ? <Divider className={styles.divider} /> : <div></div>}\n      </li>\n    );\n  }\n);\n\nexport default withStaticProps(Tab, {\n  kind: TabKind,\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","className","_ref$kind","kind","TabKind","NONE","tabInnerClassName","id","_ref$value","value","_ref$disabled","disabled","_ref$active","active","_ref$focus","focus","_ref$divider","divider","_ref$onClick","onClick","NOOP","icon","iconType","_ref$iconSide","iconSide","children","link","counter","_ref$counterKind","counterKind","Counter","kinds","FILL","_ref$counterColor","counterColor","colors","PRIMARY","_ref$counterSide","counterSide","_ref$showCounter","showCounter","dataTestId","componentRef","useRef","mergedRef","useMergeRef","_jsxs","Object","assign","cx","styles","tabWrapper","_defineProperty","tabFocusVisibleInset","underlined","UNDERLINED","filled","FILLED","role","getTestId","ComponentDefaultTestId","TAB","_jsx","tabInner","href","elements","iconElement","Icon","clickable","ariaHidden","tabIcon","getStyle","iconSize","ignoreFocusStyle","push","undefined","counterElement","count","color","tabCounter","unshift","renderIconAndChildren","Divider"],"mappings":"ssBAmDA,IAuHeA,EAAAA,EArHXC,GACF,SAAAC,EAwBEC,GACE,IAvBAC,EAASF,EAATE,UAASC,EAAAH,EACTI,KAAAA,OAAI,IAAAD,EAAGE,EAAQC,KAAIH,EACnBI,EAAiBP,EAAjBO,kBACAC,EAAER,EAAFQ,GAAEC,EAAAT,EACFU,MAAAA,OAAQ,IAAHD,EAAG,EAACA,EAAAE,EAAAX,EACTY,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAAb,EAChBc,OAAAA,OAAS,IAAHD,GAAQA,EAAAE,EAAAf,EACdgB,MAAAA,OAAQ,IAAHD,GAAQA,EAAAE,EAAAjB,EACbkB,QAAAA,OAAU,IAAHD,GAAQA,EAAAE,EAAAnB,EACfoB,QAAAA,OAAUC,IAAHF,EAAGE,EAAIF,EACdG,EAAItB,EAAJsB,KACAC,EAAQvB,EAARuB,SAAQC,EAAAxB,EACRyB,SAAAA,OAAW,IAAHD,EAAG,OAAMA,EACjBE,EAAQ1B,EAAR0B,SACAC,EAAI3B,EAAJ2B,KACAC,EAAO5B,EAAP4B,QAAOC,EAAA7B,EACP8B,YAAAA,OAAcC,IAAHF,EAAGE,EAAQC,MAAMC,KAAIJ,EAAAK,EAAAlC,EAChCmC,aAAAA,OAAeJ,IAAHG,EAAGH,EAAQK,OAAOC,QAAOH,EAAAI,EAAAtC,EACrCuC,YAAAA,OAAc,IAAHD,EAAG,OAAMA,EAAAE,EAAAxC,EACpByC,YAAAA,OAAc,IAAHD,GAAQA,EACJE,EAAU1C,EAAzB,eAII2C,EAAeC,EAAO,MACtBC,EAAYC,EAAY7C,EAAK0C,GA2DnC,OACEI,EAAA,KAAAC,OAAAC,OAAA,CACEhD,IAAK4C,EAEL3C,UAAWgD,EAAGC,EAAOC,WAAYlD,EAASmD,EAAAA,EAAAA,EAAAA,EAAAA,EACvCF,CAAAA,EAAAA,EAAOrC,OAASA,GAChBqC,EAAOvC,SAAWA,GAClBuC,EAAOG,qBAAuBtC,GAC9BmC,EAAOI,WAAazC,GAAUV,IAASC,EAAQmD,YAC/CL,EAAOM,OAAS3C,GAAUV,IAASC,EAAQqD,SAE9ClD,GAAIA,EACJmD,KAAK,MACU,gBAAA7C,kBACAF,EAAQ,cACV8B,GAAckB,EAAUC,EAAuBC,IAAKtD,IAAG,CAAAkB,SAAA,CAEpEqC,EACE,IAAAf,OAAAC,OAAA,CAAA/C,UAAWgD,EAAGC,EAAOa,SAAUzD,GAC/Ba,QAAS,WAAA,OAAOR,GAAYQ,EAAQV,EAAM,EAC1CuD,KAAMtC,GAAQ,KAAG,CAAAD,SA7EvB,WACE,IAAMwC,EAAW,GAEjB,GAAI5C,EAAM,CACR,IAAM6C,EACJJ,EAACK,EACC,CAAAC,WAAW,EACXC,YAAY,EACZ/C,SAAUA,EACVD,KAAMA,EACNpB,UAAWgD,EAAGC,EAAOoB,QAASC,EAASrB,EAAQ1B,IAC/CgD,SAAU,GACVC,kBACA,IAEa,SAAbjD,GACFyC,EAASS,KAAKR,EAEjB,CAID,GAFAD,EAASS,KAAKjD,GAEVJ,GAAqB,UAAbG,EAAsB,CAChC,IAAM0C,EACJJ,EAACK,EACC,CAAAC,WAAW,EACXC,YAAY,EACZ/C,SAAUA,EACVD,KAAMA,EACNpB,UAAWgD,EAAGC,EAAOoB,QAASC,EAASrB,EAAQ1B,IAC/CgD,SAAU,GACVC,kBACA,IAEJR,EAASS,KAAKR,EACf,CAED,GAAI1B,QAA2BmC,IAAZhD,EAAuB,CACxC,IAAMiD,EACJd,EAAChC,EACC,CAAA+C,MAAOlD,EACPmD,MAAO5C,EACP/B,KAAM0B,EACN5B,UAAWgD,EAAGC,EAAO6B,WAAYR,EAASrB,EAAQZ,MAIlC,SAAhBA,EACF2B,EAASe,QAAQJ,GAEjBX,EAASS,KAAKE,EAEjB,CAED,OAAOX,CACT,CAwBOgB,MAEFhE,EAAU6C,EAACoB,EAAO,CAACjF,UAAWiD,EAAOjC,UAAc6C,EAAA,MAAA,CAAA,MArB/CvD,EAwBX,IAGkC,CAClCJ,KAAMC"}
+{"version":3,"file":"Tab.js","sources":["../../../../../../src/components/Tabs/Tab/Tab.tsx"],"sourcesContent":["/* eslint-disable jsx-a11y/anchor-is-valid,jsx-a11y/click-events-have-key-events */\nimport cx from \"classnames\";\nimport React, { FC, forwardRef, ReactElement, useRef } from \"react\";\nimport { noop as NOOP } from \"lodash-es\";\nimport useMergeRef from \"../../../hooks/useMergeRef\";\nimport { getStyle } from \"../../../helpers/typesciptCssModulesHelper\";\nimport Icon from \"../../Icon/Icon\";\nimport VibeComponentProps from \"../../../types/VibeComponentProps\";\nimport { IconType } from \"../../Icon/IconConstants\";\nimport {\n    ComponentDefaultTestId,\n    getTestId,\n} from \"../../../tests/test-ids-utils\";\nimport styles from \"./Tab.module.scss\";\nimport { SubIcon } from \"../../../types/SubIcon\";\nimport Divider from \"../../Divider/Divider\";\nimport Counter from \"../../Counter/Counter\";\nimport { TabKind } from \"./TabConstants\";\nimport { VibeComponent, withStaticProps } from \"../../../types\";\nimport { CounterColor, CounterType } from \"../../Counter\";\n\nexport interface TabProps extends VibeComponentProps {\n    /**\n     * Class name for tab link-name\n     */\n    tabInnerClassName?: string;\n    /**\n     * Tab index\n     */\n    value?: number;\n    disabled?: boolean;\n    active?: boolean;\n    focus?: boolean;\n    divider?: boolean;\n    icon?: SubIcon;\n    iconType?: IconType;\n    iconSide?: string;\n    counter?: number;\n    counterSide?: string;\n    counterKind?: CounterType;\n    counterColor?: CounterColor;\n    showCounter?: boolean;\n    link?: string;\n    kind?: TabKind;\n    onClick?: (value: number) => void;\n    /**\n     * Tab link-name\n     */\n    children?: string | ReactElement[]; \n}\n\nconst Tab: VibeComponent<TabProps, unknown> & {\n    kind?: typeof TabKind;\n} = forwardRef<unknown, TabProps>(\n    (\n        {\n            className,\n            kind = TabKind.NONE,\n            tabInnerClassName,\n            id,\n            value = 0,\n            disabled = false,\n            active = false,\n            focus = false,\n            divider = false,\n            onClick = NOOP,\n            icon,\n            iconType,\n            iconSide = \"left\",\n            children,\n            link,\n            counter,\n            counterKind = Counter.kinds.FILL,\n            counterColor = Counter.colors.PRIMARY,\n            counterSide = \"left\",\n            showCounter = false,\n            \"data-testid\": dataTestId,\n        },\n        ref\n    ) => {\n        const componentRef = useRef(null);\n        const mergedRef = useMergeRef(ref, componentRef);\n\n        function renderIconAndChildren() {\n            const elements = [];\n\n            if (icon) {\n                const iconElement = (\n                    <Icon\n                        clickable={false}\n                        ariaHidden={true}\n                        iconType={iconType}\n                        icon={icon}\n                        className={cx(styles.tabIcon, getStyle(styles, iconSide))}\n                        iconSize={18}\n                        ignoreFocusStyle\n                    />\n                );\n                if (iconSide === \"left\") {\n                    elements.push(iconElement);\n                }\n            }\n\n            elements.push(children);\n\n            if (icon && iconSide === \"right\") {\n                const iconElement = (\n                    <Icon\n                        clickable={false}\n                        ariaHidden={true}\n                        iconType={iconType}\n                        icon={icon}\n                        className={cx(styles.tabIcon, getStyle(styles, iconSide))}\n                        iconSize={18}\n                        ignoreFocusStyle\n                    />\n                );\n                elements.push(iconElement);\n            }\n\n            if (showCounter && counter !== undefined) {\n                const counterElement = (\n                    <Counter\n                        count={counter}\n                        color={counterColor}\n                        kind={counterKind}\n                        className={cx(styles.tabCounter, getStyle(styles, counterSide))}\n                    />\n                );\n\n                if (counterSide === \"left\") {\n                    elements.unshift(counterElement);\n                } else {\n                    elements.push(counterElement);\n                }\n            }\n\n            return elements;\n        }\n\n        return (\n            <li\n                ref={mergedRef}\n                key={id}\n                className={cx(styles.tabWrapper, className, {\n                    [styles.active]: active,\n                    [styles.disabled]: disabled,\n                    [styles.tabFocusVisibleInset]: focus,\n                    [styles.underlined]: active && kind === TabKind.UNDERLINED,\n                    [styles.filled]: active && kind === TabKind.FILLED,\n                    [cx(styles.filled, styles.underlined)]: active && kind === TabKind.BOTH,\n                })}\n                id={id}\n                role=\"tab\"\n                aria-selected={active}\n                aria-disabled={disabled}\n                data-testid={dataTestId || getTestId(ComponentDefaultTestId.TAB, id)}\n            >\n                <a\n                    className={cx(styles.tabInner, tabInnerClassName)}\n                    onClick={() => !disabled && onClick(value)}\n                    href={link || \"#\"}\n                >\n                    {renderIconAndChildren()}\n                </a>\n                {divider ? <Divider className={styles.divider} /> : <div></div>}\n            </li>\n        );\n    }\n);\n\nexport default withStaticProps(Tab, {\n    kind: TabKind,\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","className","_ref$kind","kind","TabKind","NONE","tabInnerClassName","id","_ref$value","value","_ref$disabled","disabled","_ref$active","active","_ref$focus","focus","_ref$divider","divider","_ref$onClick","onClick","NOOP","icon","iconType","_ref$iconSide","iconSide","children","link","counter","_ref$counterKind","counterKind","Counter","kinds","FILL","_ref$counterColor","counterColor","colors","PRIMARY","_ref$counterSide","counterSide","_ref$showCounter","showCounter","dataTestId","componentRef","useRef","mergedRef","useMergeRef","_jsxs","Object","assign","cx","styles","tabWrapper","_defineProperty","tabFocusVisibleInset","underlined","UNDERLINED","filled","FILLED","BOTH","role","getTestId","ComponentDefaultTestId","TAB","_jsx","tabInner","href","elements","iconElement","Icon","clickable","ariaHidden","tabIcon","getStyle","iconSize","ignoreFocusStyle","push","undefined","counterElement","count","color","tabCounter","unshift","renderIconAndChildren","Divider"],"mappings":"ssBAmDA,IAwHeA,EAAAA,EAtHXC,GACA,SAAAC,EAwBIC,GACA,IAvBIC,EAASF,EAATE,UAASC,EAAAH,EACTI,KAAAA,OAAI,IAAAD,EAAGE,EAAQC,KAAIH,EACnBI,EAAiBP,EAAjBO,kBACAC,EAAER,EAAFQ,GAAEC,EAAAT,EACFU,MAAAA,OAAQ,IAAHD,EAAG,EAACA,EAAAE,EAAAX,EACTY,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAAb,EAChBc,OAAAA,OAAS,IAAHD,GAAQA,EAAAE,EAAAf,EACdgB,MAAAA,OAAQ,IAAHD,GAAQA,EAAAE,EAAAjB,EACbkB,QAAAA,OAAU,IAAHD,GAAQA,EAAAE,EAAAnB,EACfoB,QAAAA,OAAUC,IAAHF,EAAGE,EAAIF,EACdG,EAAItB,EAAJsB,KACAC,EAAQvB,EAARuB,SAAQC,EAAAxB,EACRyB,SAAAA,OAAW,IAAHD,EAAG,OAAMA,EACjBE,EAAQ1B,EAAR0B,SACAC,EAAI3B,EAAJ2B,KACAC,EAAO5B,EAAP4B,QAAOC,EAAA7B,EACP8B,YAAAA,OAAcC,IAAHF,EAAGE,EAAQC,MAAMC,KAAIJ,EAAAK,EAAAlC,EAChCmC,aAAAA,OAAeJ,IAAHG,EAAGH,EAAQK,OAAOC,QAAOH,EAAAI,EAAAtC,EACrCuC,YAAAA,OAAc,IAAHD,EAAG,OAAMA,EAAAE,EAAAxC,EACpByC,YAAAA,OAAc,IAAHD,GAAQA,EACJE,EAAU1C,EAAzB,eAIE2C,EAAeC,EAAO,MACtBC,EAAYC,EAAY7C,EAAK0C,GA2DnC,OACII,EAAA,KAAAC,OAAAC,OAAA,CACIhD,IAAK4C,EAEL3C,UAAWgD,EAAGC,EAAOC,WAAYlD,EAASmD,EAAAA,EAAAA,EAAAA,EAAAA,EAAAA,EAAA,CAAA,EACrCF,EAAOrC,OAASA,GAChBqC,EAAOvC,SAAWA,GAClBuC,EAAOG,qBAAuBtC,GAC9BmC,EAAOI,WAAazC,GAAUV,IAASC,EAAQmD,YAC/CL,EAAOM,OAAS3C,GAAUV,IAASC,EAAQqD,QAC3CR,EAAGC,EAAOM,OAAQN,EAAOI,YAAczC,GAAUV,IAASC,EAAQsD,OAEvEnD,GAAIA,EACJoD,KAAK,MACU,gBAAA9C,kBACAF,EAAQ,cACV8B,GAAcmB,EAAUC,EAAuBC,IAAKvD,IAAG,CAAAkB,SAAA,CAEpEsC,EACI,IAAAhB,OAAAC,OAAA,CAAA/C,UAAWgD,EAAGC,EAAOc,SAAU1D,GAC/Ba,QAAS,WAAA,OAAOR,GAAYQ,EAAQV,EAAM,EAC1CwD,KAAMvC,GAAQ,KAAG,CAAAD,SA9E7B,WACI,IAAMyC,EAAW,GAEjB,GAAI7C,EAAM,CACN,IAAM8C,EACFJ,EAACK,EACG,CAAAC,WAAW,EACXC,YAAY,EACZhD,SAAUA,EACVD,KAAMA,EACNpB,UAAWgD,EAAGC,EAAOqB,QAASC,EAAStB,EAAQ1B,IAC/CiD,SAAU,GACVC,kBACF,IAEW,SAAblD,GACA0C,EAASS,KAAKR,EAErB,CAID,GAFAD,EAASS,KAAKlD,GAEVJ,GAAqB,UAAbG,EAAsB,CAC9B,IAAM2C,EACFJ,EAACK,EACG,CAAAC,WAAW,EACXC,YAAY,EACZhD,SAAUA,EACVD,KAAMA,EACNpB,UAAWgD,EAAGC,EAAOqB,QAASC,EAAStB,EAAQ1B,IAC/CiD,SAAU,GACVC,kBACF,IAENR,EAASS,KAAKR,EACjB,CAED,GAAI3B,QAA2BoC,IAAZjD,EAAuB,CACtC,IAAMkD,EACFd,EAACjC,EACG,CAAAgD,MAAOnD,EACPoD,MAAO7C,EACP/B,KAAM0B,EACN5B,UAAWgD,EAAGC,EAAO8B,WAAYR,EAAStB,EAAQZ,MAItC,SAAhBA,EACA4B,EAASe,QAAQJ,GAEjBX,EAASS,KAAKE,EAErB,CAED,OAAOX,CACX,CAyBagB,MAEJjE,EAAU8C,EAACoB,EAAO,CAAClF,UAAWiD,EAAOjC,UAAc8C,EAAA,MAAA,CAAA,MAtB/CxD,EAyBjB,IAGgC,CAChCJ,KAAMC"}

package/dist/mocked_classnames_esm/src/components/Tabs/Tab/Tab.module.scss.js

@@ -1,2 +1,2 @@
-var n={tabWrapper:"tabWrapper",divider:"divider",tabInner:"tabInner",tabIcon:"tabIcon",right:"right",tabCounter:"tabCounter",tabFocusVisibleInset:"tabFocusVisibleInset",active:"active",filled:"filled",underlined:"underlined",disabled:"disabled"};!function(n){if("undefined"==typeof document)return;const r=document.head||document.getElementsByTagName("head")[0],e="s_id-8d2fdb80601b_0_0_427";if(r.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(n))}('.tabWrapper {\n  position: relative;\n  display: inline-block;\n  padding-left: 1px;\n  padding-right: 1px;\n  border-top: 1px solid transparent;\n  border-bottom: 1px solid;\n  border-bottom-color: transparent;\n  color: var(--text-primary);\n  text-align: center;\n  height: 100%;\n}\n\n.divider {\n  margin: 0;\n}\n\n.tabWrapper:after {\n  display: block;\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: -1px;\n  content: "";\n  border-bottom: solid 2px;\n  border-bottom-color: var(--primary-color);\n  transform: scaleX(0);\n  z-index: 0;\n}\n\n.tabWrapper .tabInner {\n  height: calc(auto - 1px);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-decoration: none;\n  padding: 4px 8px;\n  margin: 0;\n  font: var(--font-text1-normal);\n  user-select: none;\n  margin-bottom: 1px;\n  cursor: pointer;\n  color: var(--text-secondary);\n  transition: all var(--motion-productive-medium) ease 0ms;\n  border-radius: var(--border-radius-medium);\n}\n\n.tabWrapper .tabInner:focus {\n  outline: none;\n}\n\n.tabWrapper .tabInner .tabIcon {\n  color: var(--icon-primary);\n  margin-right: var(--spacing-small);\n}\n\n.tabWrapper .tabInner .tabIcon.right {\n  margin-right: 0;\n  margin-left: var(--spacing-small);\n}\n\n.tabWrapper .tabInner .tabCounter {\n  margin-right: var(--spacing-small);\n}\n\n.tabWrapper .tabInner .tabCounter.right {\n  margin-right: 0;\n  margin-left: var(--spacing-small);\n}\n\n.tabWrapper.tabFocusVisibleInset {\n  outline: none;\n  z-index: 11;\n  border-radius: 3px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5) inset, 0 0 0 1px var(--primary-hover-color) inset;\n  position: relative;\n}\n\n.tabWrapper.active .tabInner {\n  color: var(--text-primary);\n}\n\n.tabWrapper.active.filled .tabInner {\n  color: var(--text-primary);\n  background-color: var(--surface-level-200);\n}\n\n.tabWrapper.active.underlined:after {\n  transform: scaleX(1);\n  transition: all var(--motion-productive-medium) ease 0ms;\n  border-bottom-color: var(--divider-selected);\n}\n\n.tabWrapper.disabled .tabInner {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n\n.tabWrapper:not(.disabled) .tabInner:hover {\n  background-color: var(--surface-level-200);\n  color: var(--text-primary);\n}');export{n as default};
+var n={tabWrapper:"tabWrapper",divider:"divider",tabInner:"tabInner",tabIcon:"tabIcon",right:"right",tabCounter:"tabCounter",tabFocusVisibleInset:"tabFocusVisibleInset",active:"active",filled:"filled",underlined:"underlined",disabled:"disabled"};!function(n){if("undefined"==typeof document)return;const r=document.head||document.getElementsByTagName("head")[0],e="s_id-7a0785e060ed_0_0_429-testBuild";if(r.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(n))}('.tabWrapper {\n  position: relative;\n  display: inline-block;\n  padding-left: 1px;\n  padding-right: 1px;\n  border-top: 1px solid transparent;\n  border-bottom: 1px solid;\n  border-bottom-color: transparent;\n  color: var(--text-primary);\n  text-align: center;\n  height: 100%;\n}\n\n.divider {\n  margin: 0;\n}\n\n.tabWrapper:after {\n  display: block;\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: -1px;\n  content: "";\n  border-bottom: solid 2px;\n  border-bottom-color: var(--primary-color);\n  transform: scaleX(0);\n  z-index: 0;\n}\n\n.tabWrapper .tabInner {\n  height: calc(auto - 1px);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-decoration: none;\n  padding: 4px 8px;\n  margin: 0;\n  font: var(--font-text1-normal);\n  user-select: none;\n  margin-bottom: 1px;\n  cursor: pointer;\n  color: var(--text-secondary);\n  transition: all var(--motion-productive-medium) ease 0ms;\n  border-radius: var(--border-radius-medium);\n}\n\n.tabWrapper .tabInner:focus {\n  outline: none;\n}\n\n.tabWrapper .tabInner .tabIcon {\n  color: var(--icon-primary);\n  margin-right: var(--spacing-small);\n}\n\n.tabWrapper .tabInner .tabIcon.right {\n  margin-right: 0;\n  margin-left: var(--spacing-small);\n}\n\n.tabWrapper .tabInner .tabCounter {\n  margin-right: var(--spacing-small);\n}\n\n.tabWrapper .tabInner .tabCounter.right {\n  margin-right: 0;\n  margin-left: var(--spacing-small);\n}\n\n.tabWrapper.tabFocusVisibleInset {\n  outline: none;\n  z-index: 11;\n  border-radius: 3px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5) inset, 0 0 0 1px var(--primary-hover-color) inset;\n  position: relative;\n}\n\n.tabWrapper.active .tabInner {\n  color: var(--text-primary);\n}\n\n.tabWrapper.active.filled .tabInner {\n  color: var(--text-primary);\n  background-color: var(--surface-level-200);\n  margin-bottom: var(--spacing-small);\n}\n\n.tabWrapper.active.underlined:after {\n  transform: scaleX(1);\n  transition: all var(--motion-productive-medium) ease 0ms;\n  border-bottom-color: var(--divider-selected);\n}\n\n.tabWrapper.disabled .tabInner {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n\n.tabWrapper:not(.disabled) .tabInner:hover {\n  background-color: var(--surface-level-200);\n  color: var(--text-primary);\n}');export{n as default};
 //# sourceMappingURL=Tab.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Tabs/Tab/TabConstants.js

@@ -1,2 +1,2 @@
-var n;!function(n){n.UNDERLINED="underlined",n.FILLED="filled",n.NONE="none"}(n||(n={}));export{n as TabKind};
+var n;!function(n){n.UNDERLINED="underlined",n.FILLED="filled",n.NONE="none",n.BOTH="both"}(n||(n={}));export{n as TabKind};
 //# sourceMappingURL=TabConstants.js.map

package/dist/mocked_classnames_esm/src/components/Tabs/Tab/TabConstants.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabConstants.js","sources":["../../../../../../src/components/Tabs/Tab/TabConstants.ts"],"sourcesContent":["export enum TabKind {\n  UNDERLINED = \"underlined\",\n  FILLED = \"filled\",\n  NONE = \"none\",\n}\n"],"names":["TabKind"],"mappings":"IAAYA,GAAZ,SAAYA,GACVA,EAAA,WAAA,aACAA,EAAA,OAAA,SACAA,EAAA,KAAA,MACD,CAJD,CAAYA,IAAAA,EAIX,CAAA"}
+{"version":3,"file":"TabConstants.js","sources":["../../../../../../src/components/Tabs/Tab/TabConstants.ts"],"sourcesContent":["export enum TabKind {\n    UNDERLINED = \"underlined\",\n    FILLED = \"filled\",\n    NONE = \"none\",\n    BOTH = \"both\",\n}\n"],"names":["TabKind"],"mappings":"IAAYA,GAAZ,SAAYA,GACRA,EAAA,WAAA,aACAA,EAAA,OAAA,SACAA,EAAA,KAAA,OACAA,EAAA,KAAA,MACH,CALD,CAAYA,IAAAA,EAKX,CAAA"}

package/dist/mocked_classnames_esm/src/components/Tabs/TabList/TabList.module.scss.js

@@ -1,2 +1,2 @@
-var t={tabsWrapper:"tabsWrapper",noPadding:"noPadding",divider:"divider",tabsList:"tabsList",sm:"sm",lg:"lg",stretched:"stretched",tabListTabWrapper:"tabListTabWrapper",tabListTabInner:"tabListTabInner",disabled:"disabled"};!function(t){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],n="s_id-4efa8d82c741_0_0_427";if(e.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,e.firstChild?e.insertBefore(a,e.firstChild):e.appendChild(a),a.appendChild(document.createTextNode(t))}(".tabsWrapper {\n  padding-bottom: 20px;\n}\n.tabsWrapper.noPadding {\n  padding-bottom: 0;\n}\n.divider {\n  margin: 0;\n}\n.tabsWrapper .tabsList {\n  display: flex;\n  flex-direction: row;\n  list-style-type: none;\n  font-size: 0;\n  position: relative;\n  height: 38px;\n  outline: none;\n  padding: 0;\n}\n.tabsWrapper .tabsList.sm {\n  height: 32px;\n}\n.tabsWrapper .tabsList.lg {\n  height: 48px;\n}\n.tabsWrapper.stretched .tabsList {\n  width: 100%;\n}\n.tabsWrapper.stretched .tabsList .tabListTabWrapper {\n  width: 100%;\n}\n.tabsWrapper.stretched .tabsList .tabListTabWrapper .tabListTabInner {\n  width: 100%;\n}\n.tabsWrapper.disabled {\n  opacity: 0;\n  height: 0;\n  padding-bottom: 5px;\n  pointer-events: none;\n}");export{t as default};
+var t={tabsWrapper:"tabsWrapper",noPadding:"noPadding",divider:"divider",tabsList:"tabsList",sm:"sm",lg:"lg",stretched:"stretched",tabListTabWrapper:"tabListTabWrapper",tabListTabInner:"tabListTabInner",disabled:"disabled"};!function(t){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],n="s_id-4efa8d82c741_0_0_429-testBuild";if(e.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,e.firstChild?e.insertBefore(a,e.firstChild):e.appendChild(a),a.appendChild(document.createTextNode(t))}(".tabsWrapper {\n  padding-bottom: 20px;\n}\n.tabsWrapper.noPadding {\n  padding-bottom: 0;\n}\n.divider {\n  margin: 0;\n}\n.tabsWrapper .tabsList {\n  display: flex;\n  flex-direction: row;\n  list-style-type: none;\n  font-size: 0;\n  position: relative;\n  height: 38px;\n  outline: none;\n  padding: 0;\n}\n.tabsWrapper .tabsList.sm {\n  height: 32px;\n}\n.tabsWrapper .tabsList.lg {\n  height: 48px;\n}\n.tabsWrapper.stretched .tabsList {\n  width: 100%;\n}\n.tabsWrapper.stretched .tabsList .tabListTabWrapper {\n  width: 100%;\n}\n.tabsWrapper.stretched .tabsList .tabListTabWrapper .tabListTabInner {\n  width: 100%;\n}\n.tabsWrapper.disabled {\n  opacity: 0;\n  height: 0;\n  padding-bottom: 5px;\n  pointer-events: none;\n}");export{t as default};
 //# sourceMappingURL=TabList.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Tabs/TabPanel/TabPanel.module.scss.js

@@ -1,2 +1,2 @@
-var e={tabPanelWrapper:"tabPanelWrapper"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],r="s_id-273ab46c126d_0_0_427";if(t.querySelector("#"+r))return;const a=document.createElement("style");a.id=r,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}(".tabPanelWrapper {\n  color: var(--text-primary);\n}");export{e as default};
+var e={tabPanelWrapper:"tabPanelWrapper"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],r="s_id-273ab46c126d_0_0_429-testBuild";if(t.querySelector("#"+r))return;const a=document.createElement("style");a.id=r,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}(".tabPanelWrapper {\n  color: var(--text-primary);\n}");export{e as default};
 //# sourceMappingURL=TabPanel.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Tabs/TabPanels/TabPanels.module.scss.js

@@ -1,2 +1,2 @@
-var n={tabPanelsWrapper:"tabPanelsWrapper",tabPanel:"tabPanel",animationDirectionRtl:"animationDirectionRtl",animationDirectionLtr:"animationDirectionLtr",active:"active",panelSlideIn:"panelSlideIn"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],a="s_id-078bacbdb1e4_0_0_427";if(e.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(n))}(".tabPanelsWrapper .tabPanel {\n  display: none;\n}\n\n.tabPanelsWrapper .tabPanel.animationDirectionRtl {\n  transform: translateX(8px);\n}\n\n.tabPanelsWrapper .tabPanel.animationDirectionLtr {\n  transform: translateX(-8px);\n}\n\n.tabPanelsWrapper .tabPanel.active {\n  display: block;\n  animation: panelSlideIn var(--motion-productive-long) forwards var(--motion-timing-enter);\n}\n\n@keyframes panelSlideIn {\n  100% {\n    transform: translateX(0%);\n  }\n}");export{n as default};
+var n={tabPanelsWrapper:"tabPanelsWrapper",tabPanel:"tabPanel",animationDirectionRtl:"animationDirectionRtl",animationDirectionLtr:"animationDirectionLtr",active:"active",panelSlideIn:"panelSlideIn"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],a="s_id-078bacbdb1e4_0_0_429-testBuild";if(e.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(n))}(".tabPanelsWrapper .tabPanel {\n  display: none;\n}\n\n.tabPanelsWrapper .tabPanel.animationDirectionRtl {\n  transform: translateX(8px);\n}\n\n.tabPanelsWrapper .tabPanel.animationDirectionLtr {\n  transform: translateX(-8px);\n}\n\n.tabPanelsWrapper .tabPanel.active {\n  display: block;\n  animation: panelSlideIn var(--motion-productive-long) forwards var(--motion-timing-enter);\n}\n\n@keyframes panelSlideIn {\n  100% {\n    transform: translateX(0%);\n  }\n}");export{n as default};
 //# sourceMappingURL=TabPanels.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={clickable:"clickable","focus-visible":"focus-visible",disabled:"disabled",disableTextSelection:"disableTextSelection",tags:"tags",withUserSelect:"withUserSelect",label:"label",noAnimation:"noAnimation",withClose:"withClose",icon:"icon",avatar:"avatar",customRenderer:"customRenderer",left:"left",right:"right",close:"close",defaultCursor:"defaultCursor","tags-pop-in-emphasized":"tags-pop-in-emphasized"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-a09fd10af4fd_0_0_427";if(e.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,e.firstChild?e.insertBefore(a,e.firstChild):e.appendChild(a),a.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.tags {\n  display: inline-flex;\n  overflow: hidden;\n  height: 20px;\n  border-radius: 4px;\n  padding: 0 6px;\n  align-items: center;\n  justify-content: center;\n  margin: var(--tags-margin, 0 var(--spacing-xs));\n  user-select: none;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.tags.withUserSelect {\n  user-select: text;\n  cursor: text;\n}\n.tags .label {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.tags.noAnimation {\n  animation: none;\n}\n.tags.withClose {\n  padding-right: var(--spacing-xs);\n}\n.tags .icon,\n.tags .avatar,\n.tags .customRenderer {\n  min-width: 18px;\n  color: inherit;\n}\n.tags .icon.left,\n.tags .avatar.left,\n.tags .customRenderer.left {\n  margin-right: var(--spacing-xs);\n  margin-left: -2px;\n}\n.tags .icon.right,\n.tags .avatar.right,\n.tags .customRenderer.right {\n  margin-left: var(--spacing-xs);\n}\n.tags .icon.close,\n.tags .avatar.close,\n.tags .customRenderer.close {\n  margin-left: var(--spacing-xs);\n  color: inherit;\n}\n.tags.disabled .icon {\n  color: var(--disabled-text-color);\n}\n.tags.disabled .label {\n  color: var(--disabled-text-color);\n}\n.tags.defaultCursor {\n  cursor: default;\n}\n.tags.clickable {\n  cursor: pointer;\n}\n.tags.clickable:focus-visible, .tags.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.tags.clickable:focus:not(.focus-visible) {\n  outline: none;\n}\n.tags.clickable.disabled {\n  cursor: default;\n}\n.tags.clickable.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@keyframes tags-pop-in-emphasized {\n  0% {\n    transform: scale(0.3);\n    opacity: 0;\n  }\n  70% {\n    opacity: 1;\n  }\n  100% {\n    transform: scale(1);\n  }\n}");export{n as default};
+var n={clickable:"clickable","focus-visible":"focus-visible",disabled:"disabled",disableTextSelection:"disableTextSelection",tags:"tags",withUserSelect:"withUserSelect",label:"label",noAnimation:"noAnimation",withClose:"withClose",icon:"icon",avatar:"avatar",customRenderer:"customRenderer",left:"left",right:"right",close:"close",defaultCursor:"defaultCursor","tags-pop-in-emphasized":"tags-pop-in-emphasized"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-a09fd10af4fd_0_0_429-testBuild";if(e.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,e.firstChild?e.insertBefore(a,e.firstChild):e.appendChild(a),a.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.tags {\n  display: inline-flex;\n  overflow: hidden;\n  height: 20px;\n  border-radius: 4px;\n  padding: 0 6px;\n  align-items: center;\n  justify-content: center;\n  margin: var(--tags-margin, 0 var(--spacing-xs));\n  user-select: none;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.tags.withUserSelect {\n  user-select: text;\n  cursor: text;\n}\n.tags .label {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.tags.noAnimation {\n  animation: none;\n}\n.tags.withClose {\n  padding-right: var(--spacing-xs);\n}\n.tags .icon,\n.tags .avatar,\n.tags .customRenderer {\n  min-width: 18px;\n  color: inherit;\n}\n.tags .icon.left,\n.tags .avatar.left,\n.tags .customRenderer.left {\n  margin-right: var(--spacing-xs);\n  margin-left: -2px;\n}\n.tags .icon.right,\n.tags .avatar.right,\n.tags .customRenderer.right {\n  margin-left: var(--spacing-xs);\n}\n.tags .icon.close,\n.tags .avatar.close,\n.tags .customRenderer.close {\n  margin-left: var(--spacing-xs);\n  color: inherit;\n}\n.tags.disabled .icon {\n  color: var(--disabled-text-color);\n}\n.tags.disabled .label {\n  color: var(--disabled-text-color);\n}\n.tags.defaultCursor {\n  cursor: default;\n}\n.tags.clickable {\n  cursor: pointer;\n}\n.tags.clickable:focus-visible, .tags.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.tags.clickable:focus:not(.focus-visible) {\n  outline: none;\n}\n.tags.clickable.disabled {\n  cursor: default;\n}\n.tags.clickable.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@keyframes tags-pop-in-emphasized {\n  0% {\n    transform: scale(0.3);\n    opacity: 0;\n  }\n  70% {\n    opacity: 1;\n  }\n  100% {\n    transform: scale(1);\n  }\n}");export{n as default};
 //# sourceMappingURL=Tags.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var t={text1Bold:"text1Bold",text1Medium:"text1Medium",text1Normal:"text1Normal",text2Bold:"text2Bold",text2Medium:"text2Medium",text2Normal:"text2Normal",text:"text"};!function(t){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],n="s_id-0b8dab5fe88c_0_0_427";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\np:first-of-type.text {\n  margin-block: 0;\n}\n\np.text + p {\n  margin-block-start: var(--spacing-large);\n  margin-block-end: 0;\n}");export{t as default};
+var t={text1Bold:"text1Bold",text1Medium:"text1Medium",text1Normal:"text1Normal",text2Bold:"text2Bold",text2Medium:"text2Medium",text2Normal:"text2Normal",text:"text"};!function(t){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],n="s_id-0b8dab5fe88c_0_0_429-testBuild";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\np:first-of-type.text {\n  margin-block: 0;\n}\n\np.text + p {\n  margin-block-start: var(--spacing-large);\n  margin-block-end: 0;\n}");export{t as default};
 //# sourceMappingURL=Text.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={textAreaField:"textAreaField",labelWrapper:"labelWrapper",subTextContainer:"subTextContainer",counter:"counter",disabled:"disabled",icon:"icon",textAreaInputWrapper:"textAreaInputWrapper",textAreaInput:"textAreaInput",inputHover:"inputHover",inputActive:"inputActive",inputHasIcon:"inputHasIcon",round:"round",square:"square",inputErrorValidation:"inputErrorValidation",subTextContainerStatus:"subTextContainerStatus",inputSuccessValidation:"inputSuccessValidation",loaderContainer:"loaderContainer",loader:"loader",loaderSvg:"loaderSvg"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],r="s_id-c64bc0b5511c_0_0_427";if(t.querySelector("#"+r))return;const n=document.createElement("style");n.id=r,t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.appendChild(document.createTextNode(e))}(".textAreaField {\n  position: relative;\n  box-sizing: border-box;\n  font: var(--font-text2-normal);\n  white-space: pre-wrap;\n  width: 100%;\n}\n\n.textAreaField * {\n  box-sizing: border-box;\n}\n\n.textAreaField .labelWrapper {\n  width: 100%;\n}\n\n.textAreaField .subTextContainer {\n  display: flex;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  padding-block: 1px;\n}\n\n.textAreaField .subTextContainer .counter {\n  margin-left: auto;\n}\n\n.textAreaField.disabled .icon {\n  cursor: not-allowed;\n}\n\n.textAreaField.disabled .textAreaInputWrapper {\n  cursor: not-allowed;\n}\n\n.textAreaField.disabled .textAreaInputWrapper .textAreaInput {\n  user-select: none;\n  border: none;\n  pointer-events: none;\n  background-color: var(--surface-level-200);\n  cursor: not-allowed;\n}\n\n.textAreaField.disabled .textAreaInputWrapper .textAreaInput::placeholder {\n  color: var(--disabled-text-color);\n}\n\n.textAreaField .textAreaInputWrapper {\n  width: 100%;\n  position: relative;\n}\n\n.textAreaField .textAreaInputWrapper .textAreaInput {\n  width: 100%;\n  height: 100%;\n  outline: 0;\n  background-color: var(--surface-level-050);\n  border: 1px solid;\n  border-color: transparent;\n  border-radius: var(--border-radius-medium);\n  transition: all var(--motion-productive-medium) ease 0ms;\n  padding: var(--spacing-small) var(--spacing-medium);\n  color: var(--text-primary);\n  font-family: var(--font-family);\n}\n\n.textAreaField .textAreaInputWrapper .textAreaInput.inputHover {\n  border-color: var(--divider-selected);\n  box-shadow: var(--effect-divider-halo);\n}\n\n.textAreaField .textAreaInputWrapper .textAreaInput:focus,\n.textAreaField .textAreaInputWrapper .textAreaInput:active,\n.textAreaField .textAreaInputWrapper .textAreaInput.inputActive {\n  border-color: var(--divider-secondary);\n}\n\n.textAreaField .textAreaInputWrapper .textAreaInput::placeholder {\n  color: var(--text-secondary);\n  font-weight: 400;\n}\n\n.textAreaField .textAreaInputWrapper .textAreaInput.inputHasIcon {\n  padding: var(--spacing-small) var(--spacing-large) var(--spacing-small) var(--spacing-medium);\n}\n\n.textAreaField .textAreaInputWrapper .textAreaInput.round {\n  border-radius: 50px;\n}\n\n.textAreaField .textAreaInputWrapper .textAreaInput.square {\n  border-radius: 0;\n}\n\n.textAreaField .textAreaInputWrapper.inputErrorValidation:hover .textAreaInput {\n  border-color: var(--negative-color);\n}\n\n.textAreaField .textAreaInputWrapper.inputErrorValidation .textAreaInput {\n  border-color: var(--negative-color);\n}\n\n.textAreaField .textAreaInputWrapper.inputErrorValidation .textAreaInput:focus,\n.textAreaField .textAreaInputWrapper.inputErrorValidation .textAreaInput:active {\n  border-color: var(--negative-color);\n}\n\n.textAreaField .textAreaInputWrapper.inputErrorValidation + .subTextContainer .subTextContainerStatus {\n  color: var(--negative-color);\n}\n\n.textAreaField .textAreaInputWrapper.inputSuccessValidation:hover .textAreaInput {\n  border-color: var(--positive-color);\n}\n\n.textAreaField .textAreaInputWrapper.inputSuccessValidation .textAreaInput {\n  border-color: var(--positive-color);\n}\n\n.textAreaField .textAreaInputWrapper.inputSuccessValidation .textAreaInput:focus,\n.textAreaField .textAreaInputWrapper.inputSuccessValidation .textAreaInput:active {\n  border-color: var(--positive-color);\n}\n\n.textAreaField .textAreaInputWrapper.inputSuccessValidation + .subTextContainer .subTextContainerStatus {\n  color: var(--positive-color);\n}\n\n.textAreaField .textAreaInputWrapper:hover .textAreaInput {\n  border-color: var(--divider-selected);\n  box-shadow: var(--effect-divider-halo);\n}\n\n.textAreaField .textAreaInputWrapper .loaderContainer {\n  position: absolute;\n  top: 50%;\n  right: 4px;\n  width: 24px;\n  height: 24px;\n  transform: translateY(-50%);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.textAreaField .textAreaInputWrapper .loaderContainer .loader {\n  width: 16px;\n  height: 16px;\n}\n\n.textAreaField .textAreaInputWrapper .loaderContainer .loader .loaderSvg {\n  color: var(--text-secondary);\n}");export{e as default};
+var e={textAreaField:"textAreaField",labelWrapper:"labelWrapper",subTextContainer:"subTextContainer",counter:"counter",disabled:"disabled",icon:"icon",textAreaInputWrapper:"textAreaInputWrapper",textAreaInput:"textAreaInput",inputHover:"inputHover",inputActive:"inputActive",inputHasIcon:"inputHasIcon",round:"round",square:"square",inputErrorValidation:"inputErrorValidation",subTextContainerStatus:"subTextContainerStatus",inputSuccessValidation:"inputSuccessValidation",loaderContainer:"loaderContainer",loader:"loader",loaderSvg:"loaderSvg"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],r="s_id-c64bc0b5511c_0_0_429-testBuild";if(t.querySelector("#"+r))return;const n=document.createElement("style");n.id=r,t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.appendChild(document.createTextNode(e))}(".textAreaField {\n  position: relative;\n  box-sizing: border-box;\n  font: var(--font-text2-normal);\n  white-space: pre-wrap;\n  width: 100%;\n}\n\n.textAreaField * {\n  box-sizing: border-box;\n}\n\n.textAreaField .labelWrapper {\n  width: 100%;\n}\n\n.textAreaField .subTextContainer {\n  display: flex;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  padding-block: 1px;\n}\n\n.textAreaField .subTextContainer .counter {\n  margin-left: auto;\n}\n\n.textAreaField.disabled .icon {\n  cursor: not-allowed;\n}\n\n.textAreaField.disabled .textAreaInputWrapper {\n  cursor: not-allowed;\n}\n\n.textAreaField.disabled .textAreaInputWrapper .textAreaInput {\n  user-select: none;\n  border: none;\n  pointer-events: none;\n  background-color: var(--surface-level-200);\n  cursor: not-allowed;\n}\n\n.textAreaField.disabled .textAreaInputWrapper .textAreaInput::placeholder {\n  color: var(--disabled-text-color);\n}\n\n.textAreaField .textAreaInputWrapper {\n  width: 100%;\n  position: relative;\n}\n\n.textAreaField .textAreaInputWrapper .textAreaInput {\n  width: 100%;\n  height: 100%;\n  outline: 0;\n  background-color: var(--surface-level-050);\n  border: 1px solid;\n  border-color: transparent;\n  border-radius: var(--border-radius-medium);\n  transition: all var(--motion-productive-medium) ease 0ms;\n  padding: var(--spacing-small) var(--spacing-medium);\n  color: var(--text-primary);\n  font-family: var(--font-family);\n}\n\n.textAreaField .textAreaInputWrapper .textAreaInput.inputHover {\n  border-color: var(--divider-selected);\n  box-shadow: var(--effect-divider-halo);\n}\n\n.textAreaField .textAreaInputWrapper .textAreaInput:focus,\n.textAreaField .textAreaInputWrapper .textAreaInput:active,\n.textAreaField .textAreaInputWrapper .textAreaInput.inputActive {\n  border-color: var(--divider-secondary);\n}\n\n.textAreaField .textAreaInputWrapper .textAreaInput::placeholder {\n  color: var(--text-secondary);\n  font-weight: 400;\n}\n\n.textAreaField .textAreaInputWrapper .textAreaInput.inputHasIcon {\n  padding: var(--spacing-small) var(--spacing-large) var(--spacing-small) var(--spacing-medium);\n}\n\n.textAreaField .textAreaInputWrapper .textAreaInput.round {\n  border-radius: 50px;\n}\n\n.textAreaField .textAreaInputWrapper .textAreaInput.square {\n  border-radius: 0;\n}\n\n.textAreaField .textAreaInputWrapper.inputErrorValidation:hover .textAreaInput {\n  border-color: var(--negative-color);\n}\n\n.textAreaField .textAreaInputWrapper.inputErrorValidation .textAreaInput {\n  border-color: var(--negative-color);\n}\n\n.textAreaField .textAreaInputWrapper.inputErrorValidation .textAreaInput:focus,\n.textAreaField .textAreaInputWrapper.inputErrorValidation .textAreaInput:active {\n  border-color: var(--negative-color);\n}\n\n.textAreaField .textAreaInputWrapper.inputErrorValidation + .subTextContainer .subTextContainerStatus {\n  color: var(--negative-color);\n}\n\n.textAreaField .textAreaInputWrapper.inputSuccessValidation:hover .textAreaInput {\n  border-color: var(--positive-color);\n}\n\n.textAreaField .textAreaInputWrapper.inputSuccessValidation .textAreaInput {\n  border-color: var(--positive-color);\n}\n\n.textAreaField .textAreaInputWrapper.inputSuccessValidation .textAreaInput:focus,\n.textAreaField .textAreaInputWrapper.inputSuccessValidation .textAreaInput:active {\n  border-color: var(--positive-color);\n}\n\n.textAreaField .textAreaInputWrapper.inputSuccessValidation + .subTextContainer .subTextContainerStatus {\n  color: var(--positive-color);\n}\n\n.textAreaField .textAreaInputWrapper:hover .textAreaInput {\n  border-color: var(--divider-selected);\n  box-shadow: var(--effect-divider-halo);\n}\n\n.textAreaField .textAreaInputWrapper .loaderContainer {\n  position: absolute;\n  top: 50%;\n  right: 4px;\n  width: 24px;\n  height: 24px;\n  transform: translateY(-50%);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.textAreaField .textAreaInputWrapper .loaderContainer .loader {\n  width: 16px;\n  height: 16px;\n}\n\n.textAreaField .textAreaInputWrapper .loaderContainer .loader .loaderSvg {\n  color: var(--text-secondary);\n}");export{e as default};
 //# sourceMappingURL=TextAreaField.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={textField:"textField",labelWrapper:"labelWrapper",subTextContainer:"subTextContainer",counter:"counter",disabled:"disabled",icon:"icon",inputWrapper:"inputWrapper",input:"input",iconContainer:"iconContainer",iconContainerHasIcon:"iconContainerHasIcon",readOnly:"readOnly",withReadOnlyStyle:"withReadOnlyStyle",inputHover:"inputHover",inputActive:"inputActive",inputHasIcon:"inputHasIcon",round:"round",square:"square",onlyUnderline:"onlyUnderline",iconContainerActive:"iconContainerActive",iconContainerClickable:"iconContainerClickable",inputErrorValidation:"inputErrorValidation",subTextContainerStatus:"subTextContainerStatus",inputSuccessValidation:"inputSuccessValidation",wrapperSizeSmall:"wrapperSizeSmall",inputWrapperSizeSmall:"inputWrapperSizeSmall",wrapperSizeMedium:"wrapperSizeMedium",wrapperSizeLarge:"wrapperSizeLarge",loaderContainer:"loaderContainer",loaderContainerHasIcon:"loaderContainerHasIcon",loader:"loader",loaderSvg:"loaderSvg",datePickerWrapper:"datePickerWrapper",datePickerEnter:"datePickerEnter",datePickerEnterActive:"datePickerEnterActive",datePickerExit:"datePickerExit",datePickerExitActive:"datePickerExitActive",active:"active"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-8852c44fc410_0_0_427";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))}(".textField {\n  position: relative;\n  box-sizing: border-box;\n  font: var(--font-text2-normal);\n  width: 100%;\n}\n\n.textField * {\n  box-sizing: border-box;\n}\n\n.textField .labelWrapper {\n  width: 100%;\n}\n\n.textField .subTextContainer {\n  display: flex;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  padding-block: 1px;\n}\n\n.textField .subTextContainer .counter {\n  margin-left: auto;\n}\n\n.textField.disabled .icon {\n  cursor: not-allowed;\n}\n\n.textField.disabled .inputWrapper {\n  cursor: not-allowed;\n}\n\n.textField.disabled .inputWrapper .input {\n  user-select: none;\n  border: none;\n  pointer-events: none;\n  background-color: var(--disabled-background-color);\n  cursor: not-allowed;\n}\n\n.textField.disabled .inputWrapper .input::placeholder {\n  color: var(--disabled-text-color);\n}\n\n.textField.disabled .inputWrapper .iconContainer.iconContainerHasIcon:hover {\n  background-color: transparent;\n}\n\n.textField .inputWrapper {\n  width: 100%;\n  position: relative;\n}\n\n.textField .inputWrapper .input {\n  width: 100%;\n  height: 100%;\n  outline: 0;\n  background-color: var(--surface-level-050);\n  border: 1px solid;\n  border-color: transparent;\n  border-radius: var(--border-radius-medium);\n  transition: all var(--motion-productive-medium) ease 0ms;\n  padding: var(--spacing-small) var(--spacing-small);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  color: var(--text-primary);\n}\n\n.textField .inputWrapper .input.readOnly.withReadOnlyStyle {\n  background-color: var(--surface-level-400);\n  border: none;\n}\n\n.textField .inputWrapper .input.inputHover {\n  border-color: var(--divider-selected);\n  color: var(--text-primary);\n  box-shadow: var(--effect-divider-halo);\n}\n\n.textField .inputWrapper .input:focus,\n.textField .inputWrapper .input:active,\n.textField .inputWrapper .input.inputActive {\n  border-color: var(--divider-secondary);\n}\n\n.textField .inputWrapper .input::placeholder {\n  color: var(--text-secondary);\n  font-weight: 400;\n}\n\n.textField .inputWrapper .input.inputHasIcon {\n  padding: var(--spacing-small) var(--spacing-large) var(--spacing-small) var(--spacing-small);\n}\n\n.textField .inputWrapper .input.round {\n  border-radius: 50px;\n}\n\n.textField .inputWrapper .input.square {\n  border-radius: 0;\n}\n\n.textField .inputWrapper .input.onlyUnderline {\n  border-left: none;\n  border-right: none;\n  border-top: none;\n  padding: var(--spacing-small) var(--spacing-large) var(--spacing-small) var(--spacing-xs);\n  border-radius: 0 !important;\n}\n\n.textField .inputWrapper .iconContainer {\n  position: absolute;\n  top: 50%;\n  right: 4px;\n  width: 24px;\n  height: 24px;\n  transform: translateY(-50%);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: var(--border-radius-medium);\n  opacity: 0;\n  pointer-events: none;\n}\n\n.textField .inputWrapper .iconContainer {\n  -webkit-appearance: none;\n}\n\n.textField .inputWrapper .iconContainer.iconContainerActive.iconContainerHasIcon.iconContainerClickable {\n  pointer-events: all;\n  cursor: pointer;\n}\n\n.textField .inputWrapper .iconContainer.iconContainerActive.iconContainerHasIcon:not(.iconContainerClickable) {\n  pointer-events: none;\n  cursor: default;\n}\n\n.textField .inputWrapper .iconContainer.iconContainerActive {\n  opacity: 1;\n}\n\n.textField .inputWrapper .iconContainer.iconContainerActive .icon {\n  opacity: 1;\n  pointer-events: all;\n  transform: rotate(0) scale(1);\n}\n\n.textField .inputWrapper.inputErrorValidation:hover .input {\n  border-color: var(--negative-color);\n}\n\n.textField .inputWrapper.inputErrorValidation .input {\n  border-color: var(--negative-color);\n}\n\n.textField .inputWrapper.inputErrorValidation .input:focus,\n.textField .inputWrapper.inputErrorValidation .input:active {\n  border-color: var(--negative-color);\n}\n\n.textField .inputWrapper.inputErrorValidation .iconContainer .icon {\n  color: var(--negative-color);\n}\n\n.textField .inputWrapper.inputErrorValidation .iconContainer .icon:hover {\n  color: var(--negative-color);\n}\n\n.textField .inputWrapper.inputErrorValidation + .subTextContainer .subTextContainerStatus {\n  color: var(--negative-color);\n}\n\n.textField .inputWrapper.inputSuccessValidation:hover .input {\n  border-color: var(--positive-color);\n}\n\n.textField .inputWrapper.inputSuccessValidation .input {\n  border-color: var(--positive-color);\n}\n\n.textField .inputWrapper.inputSuccessValidation .input:focus,\n.textField .inputWrapper.inputSuccessValidation .input:active {\n  border-color: var(--positive-color);\n}\n\n.textField .inputWrapper.inputSuccessValidation .iconContainer .icon {\n  color: var(--positive-color);\n}\n\n.textField .inputWrapper.inputSuccessValidation .iconContainer .icon:hover {\n  color: var(--positive-color);\n}\n\n.textField .inputWrapper.inputSuccessValidation + .subTextContainer .subTextContainerStatus {\n  color: var(--positive-color);\n}\n\n.textField .inputWrapper.wrapperSizeSmall {\n  height: 32px;\n}\n\n.textField .inputWrapper.wrapperSizeSmall .input {\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.textField .inputWrapper.inputWrapperSizeSmall .input.inputHasIcon.onlyUnderline {\n  padding-left: var(--spacing-xs);\n}\n\n.textField .inputWrapper.wrapperSizeMedium {\n  height: 40px;\n}\n\n.textField .inputWrapper.wrapperSizeMedium .input {\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.textField .inputWrapper.wrapperSizeMedium .input.inputHasIcon {\n  padding: var(--spacing-small) var(--spacing-xl) var(--spacing-small) var(--spacing-small);\n}\n\n.textField .inputWrapper.wrapperSizeMedium .input.inputHasIcon.onlyUnderline {\n  padding-left: 4px;\n}\n\n.textField .inputWrapper.wrapperSizeMedium .iconContainer {\n  pointer-events: none;\n  height: 32px;\n  width: 32px;\n  outline: none;\n}\n\n.textField .inputWrapper.wrapperSizeMedium .iconContainer .icon {\n  font-size: 16px;\n}\n\n.textField .inputWrapper.wrapperSizeMedium .iconContainer:hover + .iconContainer + .input {\n  border-color: var(--text-primary);\n}\n\n.textField .inputWrapper.wrapperSizeLarge {\n  height: 48px;\n}\n\n.textField .inputWrapper.wrapperSizeLarge .input {\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.textField .inputWrapper.wrapperSizeLarge .input.inputHasIcon {\n  padding: var(--spacing-small) var(--spacing-xl) var(--spacing-small) var(--spacing-small);\n}\n\n.textField .inputWrapper.wrapperSizeLarge .input.inputHasIcon.onlyUnderline {\n  padding-left: var(--spacing-xs);\n}\n\n.textField .inputWrapper.wrapperSizeLarge .iconContainer {\n  height: 40px;\n  width: 40px;\n}\n\n.textField .inputWrapper.wrapperSizeLarge .iconContainer .icon {\n  font-size: 16px;\n}\n\n.textField .inputWrapper:hover .input {\n  border-color: var(--divider-selected);\n  box-shadow: var(--effect-divider-halo);\n}\n\n.textField .inputWrapper .loaderContainer {\n  position: absolute;\n  top: 50%;\n  right: 4px;\n  width: 24px;\n  height: 24px;\n  transform: translateY(-50%);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.textField .inputWrapper .loaderContainer.loaderContainerHasIcon {\n  right: 32px;\n}\n\n.textField .inputWrapper .loaderContainer .loader {\n  width: 16px;\n  height: 16px;\n}\n\n.textField .inputWrapper .loaderContainer .loader .loaderSvg {\n  color: var(--text-secondary);\n}\n\n.textField .inputWrapper .iconContainer .icon {\n  font-family: var(--font-family);\n}\n\n.textField .inputWrapper.wrapperSizeMedium .iconContainer .icon {\n  font-family: var(--font-family);\n}\n\n.textField .inputWrapper.wrapperSizeLarge .iconContainer .icon {\n  font-family: var(--font-family);\n}\n\n.dark-app-theme input[type=date]::-webkit-calendar-picker-indicator, .black-app-theme input[type=date]::-webkit-calendar-picker-indicator, .flare-app-theme input[type=date]::-webkit-calendar-picker-indicator, .hacker-app-theme input[type=date]::-webkit-calendar-picker-indicator,\n.dark-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator,\n.black-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator,\n.flare-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator,\n.hacker-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator {\n  filter: invert(1);\n}\n\n.datePickerWrapper {\n  position: relative;\n}\n\n.datePickerEnter {\n  opacity: 0;\n  transform: scale(0.9) translateY(-10px);\n}\n\n.datePickerEnterActive {\n  opacity: 1;\n  transform: scale(1) translateY(0);\n  transition: opacity 300ms, transform 300ms;\n}\n\n.datePickerExit {\n  opacity: 1;\n}\n\n.datePickerExitActive {\n  opacity: 0;\n  transition: opacity 300ms;\n}\n\n.input.active {\n  border-color: var(--primary-color);\n}");export{n as default};
+var n={textField:"textField",labelWrapper:"labelWrapper",subTextContainer:"subTextContainer",counter:"counter",disabled:"disabled",icon:"icon",inputWrapper:"inputWrapper",input:"input",iconContainer:"iconContainer",iconContainerHasIcon:"iconContainerHasIcon",readOnly:"readOnly",withReadOnlyStyle:"withReadOnlyStyle",inputHover:"inputHover",inputActive:"inputActive",inputHasIcon:"inputHasIcon",round:"round",square:"square",onlyUnderline:"onlyUnderline",iconContainerActive:"iconContainerActive",iconContainerClickable:"iconContainerClickable",inputErrorValidation:"inputErrorValidation",subTextContainerStatus:"subTextContainerStatus",inputSuccessValidation:"inputSuccessValidation",wrapperSizeSmall:"wrapperSizeSmall",inputWrapperSizeSmall:"inputWrapperSizeSmall",wrapperSizeMedium:"wrapperSizeMedium",wrapperSizeLarge:"wrapperSizeLarge",loaderContainer:"loaderContainer",loaderContainerHasIcon:"loaderContainerHasIcon",loader:"loader",loaderSvg:"loaderSvg",datePickerWrapper:"datePickerWrapper",datePickerEnter:"datePickerEnter",datePickerEnterActive:"datePickerEnterActive",datePickerExit:"datePickerExit",datePickerExitActive:"datePickerExitActive",active:"active"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-8852c44fc410_0_0_429-testBuild";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))}(".textField {\n  position: relative;\n  box-sizing: border-box;\n  font: var(--font-text2-normal);\n  width: 100%;\n}\n\n.textField * {\n  box-sizing: border-box;\n}\n\n.textField .labelWrapper {\n  width: 100%;\n}\n\n.textField .subTextContainer {\n  display: flex;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  padding-block: 1px;\n}\n\n.textField .subTextContainer .counter {\n  margin-left: auto;\n}\n\n.textField.disabled .icon {\n  cursor: not-allowed;\n}\n\n.textField.disabled .inputWrapper {\n  cursor: not-allowed;\n}\n\n.textField.disabled .inputWrapper .input {\n  user-select: none;\n  border: none;\n  pointer-events: none;\n  background-color: var(--disabled-background-color);\n  cursor: not-allowed;\n}\n\n.textField.disabled .inputWrapper .input::placeholder {\n  color: var(--disabled-text-color);\n}\n\n.textField.disabled .inputWrapper .iconContainer.iconContainerHasIcon:hover {\n  background-color: transparent;\n}\n\n.textField .inputWrapper {\n  width: 100%;\n  position: relative;\n}\n\n.textField .inputWrapper .input {\n  width: 100%;\n  height: 100%;\n  outline: 0;\n  background-color: var(--surface-level-050);\n  border: 1px solid;\n  border-color: transparent;\n  border-radius: var(--border-radius-medium);\n  transition: all var(--motion-productive-medium) ease 0ms;\n  padding: var(--spacing-small) var(--spacing-small);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  color: var(--text-primary);\n}\n\n.textField .inputWrapper .input.readOnly.withReadOnlyStyle {\n  background-color: var(--surface-level-400);\n  border: none;\n}\n\n.textField .inputWrapper .input.inputHover {\n  border-color: var(--divider-selected);\n  color: var(--text-primary);\n  box-shadow: var(--effect-divider-halo);\n}\n\n.textField .inputWrapper .input:focus,\n.textField .inputWrapper .input:active,\n.textField .inputWrapper .input.inputActive {\n  border-color: var(--divider-secondary);\n}\n\n.textField .inputWrapper .input::placeholder {\n  color: var(--text-secondary);\n  font-weight: 400;\n}\n\n.textField .inputWrapper .input.inputHasIcon {\n  padding: var(--spacing-small) var(--spacing-large) var(--spacing-small) var(--spacing-small);\n}\n\n.textField .inputWrapper .input.round {\n  border-radius: 50px;\n}\n\n.textField .inputWrapper .input.square {\n  border-radius: 0;\n}\n\n.textField .inputWrapper .input.onlyUnderline {\n  border-left: none;\n  border-right: none;\n  border-top: none;\n  padding: var(--spacing-small) var(--spacing-large) var(--spacing-small) var(--spacing-xs);\n  border-radius: 0 !important;\n}\n\n.textField .inputWrapper .iconContainer {\n  position: absolute;\n  top: 50%;\n  right: 4px;\n  width: 24px;\n  height: 24px;\n  transform: translateY(-50%);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: var(--border-radius-medium);\n  opacity: 0;\n  pointer-events: none;\n}\n\n.textField .inputWrapper .iconContainer {\n  -webkit-appearance: none;\n}\n\n.textField .inputWrapper .iconContainer.iconContainerActive.iconContainerHasIcon.iconContainerClickable {\n  pointer-events: all;\n  cursor: pointer;\n}\n\n.textField .inputWrapper .iconContainer.iconContainerActive.iconContainerHasIcon:not(.iconContainerClickable) {\n  pointer-events: none;\n  cursor: default;\n}\n\n.textField .inputWrapper .iconContainer.iconContainerActive {\n  opacity: 1;\n}\n\n.textField .inputWrapper .iconContainer.iconContainerActive .icon {\n  opacity: 1;\n  pointer-events: all;\n  transform: rotate(0) scale(1);\n}\n\n.textField .inputWrapper.inputErrorValidation:hover .input {\n  border-color: var(--negative-color);\n}\n\n.textField .inputWrapper.inputErrorValidation .input {\n  border-color: var(--negative-color);\n}\n\n.textField .inputWrapper.inputErrorValidation .input:focus,\n.textField .inputWrapper.inputErrorValidation .input:active {\n  border-color: var(--negative-color);\n}\n\n.textField .inputWrapper.inputErrorValidation .iconContainer .icon {\n  color: var(--negative-color);\n}\n\n.textField .inputWrapper.inputErrorValidation .iconContainer .icon:hover {\n  color: var(--negative-color);\n}\n\n.textField .inputWrapper.inputErrorValidation + .subTextContainer .subTextContainerStatus {\n  color: var(--negative-color);\n}\n\n.textField .inputWrapper.inputSuccessValidation:hover .input {\n  border-color: var(--positive-color);\n}\n\n.textField .inputWrapper.inputSuccessValidation .input {\n  border-color: var(--positive-color);\n}\n\n.textField .inputWrapper.inputSuccessValidation .input:focus,\n.textField .inputWrapper.inputSuccessValidation .input:active {\n  border-color: var(--positive-color);\n}\n\n.textField .inputWrapper.inputSuccessValidation .iconContainer .icon {\n  color: var(--positive-color);\n}\n\n.textField .inputWrapper.inputSuccessValidation .iconContainer .icon:hover {\n  color: var(--positive-color);\n}\n\n.textField .inputWrapper.inputSuccessValidation + .subTextContainer .subTextContainerStatus {\n  color: var(--positive-color);\n}\n\n.textField .inputWrapper.wrapperSizeSmall {\n  height: 32px;\n}\n\n.textField .inputWrapper.wrapperSizeSmall .input {\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.textField .inputWrapper.inputWrapperSizeSmall .input.inputHasIcon.onlyUnderline {\n  padding-left: var(--spacing-xs);\n}\n\n.textField .inputWrapper.wrapperSizeMedium {\n  height: 40px;\n}\n\n.textField .inputWrapper.wrapperSizeMedium .input {\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.textField .inputWrapper.wrapperSizeMedium .input.inputHasIcon {\n  padding: var(--spacing-small) var(--spacing-xl) var(--spacing-small) var(--spacing-small);\n}\n\n.textField .inputWrapper.wrapperSizeMedium .input.inputHasIcon.onlyUnderline {\n  padding-left: 4px;\n}\n\n.textField .inputWrapper.wrapperSizeMedium .iconContainer {\n  pointer-events: none;\n  height: 32px;\n  width: 32px;\n  outline: none;\n}\n\n.textField .inputWrapper.wrapperSizeMedium .iconContainer .icon {\n  font-size: 16px;\n}\n\n.textField .inputWrapper.wrapperSizeMedium .iconContainer:hover + .iconContainer + .input {\n  border-color: var(--text-primary);\n}\n\n.textField .inputWrapper.wrapperSizeLarge {\n  height: 48px;\n}\n\n.textField .inputWrapper.wrapperSizeLarge .input {\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.textField .inputWrapper.wrapperSizeLarge .input.inputHasIcon {\n  padding: var(--spacing-small) var(--spacing-xl) var(--spacing-small) var(--spacing-small);\n}\n\n.textField .inputWrapper.wrapperSizeLarge .input.inputHasIcon.onlyUnderline {\n  padding-left: var(--spacing-xs);\n}\n\n.textField .inputWrapper.wrapperSizeLarge .iconContainer {\n  height: 40px;\n  width: 40px;\n}\n\n.textField .inputWrapper.wrapperSizeLarge .iconContainer .icon {\n  font-size: 16px;\n}\n\n.textField .inputWrapper:hover .input {\n  border-color: var(--divider-selected);\n  box-shadow: var(--effect-divider-halo);\n}\n\n.textField .inputWrapper .loaderContainer {\n  position: absolute;\n  top: 50%;\n  right: 4px;\n  width: 24px;\n  height: 24px;\n  transform: translateY(-50%);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.textField .inputWrapper .loaderContainer.loaderContainerHasIcon {\n  right: 32px;\n}\n\n.textField .inputWrapper .loaderContainer .loader {\n  width: 16px;\n  height: 16px;\n}\n\n.textField .inputWrapper .loaderContainer .loader .loaderSvg {\n  color: var(--text-secondary);\n}\n\n.textField .inputWrapper .iconContainer .icon {\n  font-family: var(--font-family);\n}\n\n.textField .inputWrapper.wrapperSizeMedium .iconContainer .icon {\n  font-family: var(--font-family);\n}\n\n.textField .inputWrapper.wrapperSizeLarge .iconContainer .icon {\n  font-family: var(--font-family);\n}\n\n.dark-app-theme input[type=date]::-webkit-calendar-picker-indicator, .black-app-theme input[type=date]::-webkit-calendar-picker-indicator, .flare-app-theme input[type=date]::-webkit-calendar-picker-indicator, .hacker-app-theme input[type=date]::-webkit-calendar-picker-indicator,\n.dark-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator,\n.black-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator,\n.flare-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator,\n.hacker-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator {\n  filter: invert(1);\n}\n\n.datePickerWrapper {\n  position: relative;\n}\n\n.datePickerEnter {\n  opacity: 0;\n  transform: scale(0.9) translateY(-10px);\n}\n\n.datePickerEnterActive {\n  opacity: 1;\n  transform: scale(1) translateY(0);\n  transition: opacity 300ms, transform 300ms;\n}\n\n.datePickerExit {\n  opacity: 1;\n}\n\n.datePickerExitActive {\n  opacity: 0;\n  transition: opacity 300ms;\n}\n\n.input.active {\n  border-color: var(--primary-color);\n}");export{n as default};
 //# sourceMappingURL=TextField.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={textWithHighlightWrapper:"textWithHighlightWrapper",highlightText:"highlightText",withEllipsis:"withEllipsis"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],i="s_id-f6830ac28dd4_0_0_427";if(t.querySelector("#"+i))return;const n=document.createElement("style");n.id=i,t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.appendChild(document.createTextNode(e))}(".textWithHighlightWrapper {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n}\n\n.textWithHighlightWrapper em.highlightText {\n  background-color: var(--surface-selected);\n  color: var(--text-primary);\n  border-radius: 2px;\n}\n\n.textWithHighlightWrapper.withEllipsis {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: var(--heading-clamp-lines);\n  -webkit-box-orient: vertical;\n  white-space: initial;\n}");export{e as default};
+var e={textWithHighlightWrapper:"textWithHighlightWrapper",highlightText:"highlightText",withEllipsis:"withEllipsis"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],i="s_id-f6830ac28dd4_0_0_429-testBuild";if(t.querySelector("#"+i))return;const n=document.createElement("style");n.id=i,t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.appendChild(document.createTextNode(e))}(".textWithHighlightWrapper {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n}\n\n.textWithHighlightWrapper em.highlightText {\n  background-color: var(--surface-selected);\n  color: var(--text-primary);\n  border-radius: 2px;\n}\n\n.textWithHighlightWrapper.withEllipsis {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: var(--heading-clamp-lines);\n  -webkit-box-orient: vertical;\n  white-space: initial;\n}");export{e as default};
 //# sourceMappingURL=TextWithHighlight.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={timeline:"timeline"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-95c4ef7a860a_0_0_427";if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}(".timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}");export{e as default};
+var e={timeline:"timeline"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-95c4ef7a860a_0_0_429-testBuild";if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}(".timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}");export{e as default};
 //# sourceMappingURL=Timeline.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Timeline/TimelineRow/TimelineRow.module.scss.js

@@ -1,2 +1,2 @@
-var e={timeline_row:"timeline_row",margin_description:"margin_description",user_name:"user_name",side_line:"side_line"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-87675a8fcc9c_0_0_427";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))}('.timeline_row {\n  max-width: 300px;\n}\n\n.margin_description {\n  margin-top: 0.5rem;\n}\n\n.user_name {\n  text-decoration: underline;\n  color: var(--text-link);\n  text-underline-offset: 0.2em;\n}\n\n.user_name:hover {\n  cursor: pointer;\n}\n\n.timeline_row {\n  display: flex;\n  align-items: flex-start;\n  gap: 4px;\n}\n\n.side_line {\n  flex-grow: 1;\n  position: relative;\n}\n\n.side_line::before {\n  content: "";\n  position: absolute;\n  left: -18px;\n  top: 18px;\n  bottom: -22px;\n  width: 1px;\n  background-color: #e2e2e2;\n}');export{e as default};
+var e={timeline_row:"timeline_row",margin_description:"margin_description",user_name:"user_name",side_line:"side_line"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-87675a8fcc9c_0_0_429-testBuild";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))}('.timeline_row {\n  max-width: 300px;\n}\n\n.margin_description {\n  margin-top: 0.5rem;\n}\n\n.user_name {\n  text-decoration: underline;\n  color: var(--text-link);\n  text-underline-offset: 0.2em;\n}\n\n.user_name:hover {\n  cursor: pointer;\n}\n\n.timeline_row {\n  display: flex;\n  align-items: flex-start;\n  gap: 4px;\n}\n\n.side_line {\n  flex-grow: 1;\n  position: relative;\n}\n\n.side_line::before {\n  content: "";\n  position: absolute;\n  left: -18px;\n  top: 18px;\n  bottom: -22px;\n  width: 1px;\n  background-color: #e2e2e2;\n}');export{e as default};
 //# sourceMappingURL=TimelineRow.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={tipseenWrapper:"tipseenWrapper",tipseenWrapperWithoutCustomWidth:"tipseenWrapperWithoutCustomWidth",floating:"floating",tipseenHeader:"tipseenHeader",tipseenTitle:"tipseenTitle",tipseenContent:"tipseenContent",tipseenCloseButton:"tipseenCloseButton",dark:"dark"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-104822b6d1ad_0_0_427";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))}(".tipseenWrapper {\n  min-width: 100px;\n  min-height: 40px;\n  --tooltip-padding: 0;\n  --tooltip-border-radius: var(--border-radius-medium);\n}\n.tipseenWrapperWithoutCustomWidth {\n  --tooltip-max-width: 320px;\n}\n.tipseenWrapper.floating {\n  position: fixed;\n  bottom: 0;\n  right: 0;\n  margin-bottom: var(--spacing-medium);\n  margin-right: var(--spacing-medium);\n}\n.tipseenWrapper .tipseenHeader {\n  display: flex;\n  justify-content: flex-start;\n}\n.tipseenWrapper .tipseenTitle {\n  padding: var(--spacing-medium) var(--spacing-xl) 0 var(--spacing-medium);\n}\n.tipseenWrapper .tipseenContent {\n  margin: 0;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.tipseenWrapper .tipseenCloseButton {\n  position: absolute;\n  top: var(--spacing-xs);\n  right: var(--spacing-xs);\n  z-index: 2;\n}\n.tipseenWrapper .tipseenCloseButton.dark {\n  color: var(--color-asphalt);\n}");export{e as default};
+var e={tipseenWrapper:"tipseenWrapper",tipseenWrapperWithoutCustomWidth:"tipseenWrapperWithoutCustomWidth",floating:"floating",tipseenHeader:"tipseenHeader",tipseenTitle:"tipseenTitle",tipseenContent:"tipseenContent",tipseenCloseButton:"tipseenCloseButton",dark:"dark"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-104822b6d1ad_0_0_429-testBuild";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))}(".tipseenWrapper {\n  min-width: 100px;\n  min-height: 40px;\n  --tooltip-padding: 0;\n  --tooltip-border-radius: var(--border-radius-medium);\n}\n.tipseenWrapperWithoutCustomWidth {\n  --tooltip-max-width: 320px;\n}\n.tipseenWrapper.floating {\n  position: fixed;\n  bottom: 0;\n  right: 0;\n  margin-bottom: var(--spacing-medium);\n  margin-right: var(--spacing-medium);\n}\n.tipseenWrapper .tipseenHeader {\n  display: flex;\n  justify-content: flex-start;\n}\n.tipseenWrapper .tipseenTitle {\n  padding: var(--spacing-medium) var(--spacing-xl) 0 var(--spacing-medium);\n}\n.tipseenWrapper .tipseenContent {\n  margin: 0;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.tipseenWrapper .tipseenCloseButton {\n  position: absolute;\n  top: var(--spacing-xs);\n  right: var(--spacing-xs);\n  z-index: 2;\n}\n.tipseenWrapper .tipseenCloseButton.dark {\n  color: var(--color-asphalt);\n}");export{e as default};
 //# sourceMappingURL=Tipseen.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Tipseen/TipseenBasicContent.module.scss.js

@@ -1,2 +1,2 @@
-var e={tipseenBasicContent:"tipseenBasicContent"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-d08982037ba9_0_0_427";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))}(".tipseenBasicContent {\n  padding: var(--spacing-medium);\n  display: flex;\n  flex-direction: column;\n}\n.tipseenBasicContent:not(:first-child) {\n  padding-top: var(--spacing-small);\n}");export{e as default};
+var e={tipseenBasicContent:"tipseenBasicContent"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-d08982037ba9_0_0_429-testBuild";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))}(".tipseenBasicContent {\n  padding: var(--spacing-medium);\n  display: flex;\n  flex-direction: column;\n}\n.tipseenBasicContent:not(:first-child) {\n  padding-top: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=TipseenBasicContent.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Tipseen/TipseenContent.module.scss.js

@@ -1,2 +1,2 @@
-var e={buttons:"buttons",dismiss:"dismiss"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-800a9f060939_0_0_427";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))}(".buttons {\n  margin-top: var(--spacing-medium);\n  display: flex;\n  justify-content: flex-end;\n}\n\n.dismiss {\n  margin-right: var(--spacing-small);\n}");export{e as default};
+var e={buttons:"buttons",dismiss:"dismiss"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-800a9f060939_0_0_429-testBuild";if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}(".buttons {\n  margin-top: var(--spacing-medium);\n  display: flex;\n  justify-content: flex-end;\n}\n\n.dismiss {\n  margin-right: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=TipseenContent.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Tipseen/TipseenImage.module.scss.js

@@ -1,2 +1,2 @@
-var e={tipseenImage:"tipseenImage"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-5a749fe7aaee_0_0_427";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))}(".tipseenImage {\n  object-fit: cover;\n  width: 100%;\n}");export{e as default};
+var e={tipseenImage:"tipseenImage"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-5a749fe7aaee_0_0_429-testBuild";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))}(".tipseenImage {\n  object-fit: cover;\n  width: 100%;\n}");export{e as default};
 //# sourceMappingURL=TipseenImage.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Tipseen/TipseenMedia/TipseenMedia.module.scss.js

@@ -1,2 +1,2 @@
-var e={tipseenMedia:"tipseenMedia",colorInverted:"colorInverted"};!function(e){if("undefined"==typeof document)return;const r=document.head||document.getElementsByTagName("head")[0],n="s_id-71e151b2b729_0_0_427";if(r.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,r.firstChild?r.insertBefore(d,r.firstChild):r.appendChild(d),d.appendChild(document.createTextNode(e))}(".tipseenMedia {\n  width: 100%;\n  overflow: hidden;\n  display: flex;\n  border: 2px solid var(--primary-color);\n  border-radius: var(--border-radius-medium);\n  position: relative;\n  z-index: 1;\n}\n\n.colorInverted {\n  border-color: var(--inverted-color-background);\n}");export{e as default};
+var e={tipseenMedia:"tipseenMedia",colorInverted:"colorInverted"};!function(e){if("undefined"==typeof document)return;const r=document.head||document.getElementsByTagName("head")[0],d="s_id-71e151b2b729_0_0_429-testBuild";if(r.querySelector("#"+d))return;const n=document.createElement("style");n.id=d,r.firstChild?r.insertBefore(n,r.firstChild):r.appendChild(n),n.appendChild(document.createTextNode(e))}(".tipseenMedia {\n  width: 100%;\n  overflow: hidden;\n  display: flex;\n  border: 2px solid var(--primary-color);\n  border-radius: var(--border-radius-medium);\n  position: relative;\n  z-index: 1;\n}\n\n.colorInverted {\n  border-color: var(--inverted-color-background);\n}");export{e as default};
 //# sourceMappingURL=TipseenMedia.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Tipseen/TipseenTitle.module.scss.js

@@ -1,2 +1,2 @@
-var e={title:"title"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],d="s_id-1b6c4903d434_0_0_427";if(t.querySelector("#"+d))return;const n=document.createElement("style");n.id=d,t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.appendChild(document.createTextNode(e))}(".title {\n  padding-right: var(--spacing-medium);\n}");export{e as default};
+var e={title:"title"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],d="s_id-1b6c4903d434_0_0_429-testBuild";if(t.querySelector("#"+d))return;const n=document.createElement("style");n.id=d,t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.appendChild(document.createTextNode(e))}(".title {\n  padding-right: var(--spacing-medium);\n}");export{e as default};
 //# sourceMappingURL=TipseenTitle.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Tipseen/TipseenWizard.module.scss.js

@@ -1,2 +1,2 @@
-var e={tipseenWizard:"tipseenWizard",tipseenWizardWizard:"tipseenWizardWizard"};!function(e){if("undefined"==typeof document)return;const d=document.head||document.getElementsByTagName("head")[0],i="s_id-98eba0c83d1f_0_0_427";if(d.querySelector("#"+i))return;const n=document.createElement("style");n.id=i,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}(".tipseenWizard {\n  display: flex;\n  flex-direction: column;\n}\n.tipseenWizardWizard {\n  width: 100%;\n}");export{e as default};
+var e={tipseenWizard:"tipseenWizard",tipseenWizardWizard:"tipseenWizardWizard"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],d="s_id-98eba0c83d1f_0_0_429-testBuild";if(t.querySelector("#"+d))return;const i=document.createElement("style");i.id=d,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}(".tipseenWizard {\n  display: flex;\n  flex-direction: column;\n}\n.tipseenWizardWizard {\n  width: 100%;\n}");export{e as default};
 //# sourceMappingURL=TipseenWizard.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={iconAnimation:"iconAnimation",iconFadeInScale:"iconFadeInScale",toastContainer:"toastContainer",topRight:"topRight",bottomRight:"bottomRight",toast:"toast",scaleIn:"scaleIn",toastContent:"toastContent",noLeftIcon:"noLeftIcon",icon:"icon",typePositive:"typePositive",typeNegative:"typeNegative",typeWarning:"typeWarning",textContent:"textContent",textWrapper:"textWrapper",actions:"actions",closeButton:"closeButton",toastEnter:"toastEnter",toastEnterActive:"toastEnterActive",toastExit:"toastExit",toastExitActive:"toastExitActive",slideUp:"slideUp"};!function(n){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],e="s_id-c15bd7a55964_0_0_427";if(t.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(n))}("@keyframes scaleIn {\n  from {\n    transform: scale(0.8);\n    opacity: 0;\n  }\n  to {\n    transform: scale(1);\n    opacity: 1;\n  }\n}\n@keyframes iconFadeInScale {\n  0% {\n    opacity: 0;\n    transform: scale(0.5);\n  }\n  100% {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n.iconAnimation {\n  animation: iconFadeInScale 0.3s ease-out 0.1s forwards;\n  opacity: 0;\n}\n.toastContainer {\n  position: fixed;\n  z-index: 9999999999;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  max-width: 500px;\n  height: auto;\n  max-height: none;\n}\n.topRight {\n  top: 16px;\n  right: 16px;\n}\n.bottomRight {\n  bottom: 8px;\n  right: 16px;\n  flex-direction: column-reverse;\n}\n.toast {\n  position: absolute;\n  right: 0;\n  width: 100%;\n  max-width: 400px;\n  height: auto;\n  max-height: none;\n  box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.04);\n  border: 1px solid var(--divider-primary, rgba(16, 24, 27, 0.1));\n  border-radius: 40px;\n  background-color: var(--surface-level-050);\n  transition: transform 0.3s ease-out, opacity 0.3s ease-out;\n  margin-bottom: 8px;\n  z-index: 9999999999;\n  animation: scaleIn 0.3s ease-out forwards;\n  transform-origin: top right;\n  box-sizing: border-box;\n}\n.toastContent {\n  padding: var(--spacing-xs) var(--spacing-xs);\n  height: auto;\n  max-height: none;\n  min-height: 100%;\n  animation: scaleIn 0.3s ease-out forwards;\n  transform-origin: top right;\n  width: 100%;\n  overflow: visible;\n}\n.noLeftIcon {\n  padding: var(--spacing-xs) var(--spacing-medium);\n}\n.icon {\n  flex-shrink: 0;\n  height: 36px;\n  width: 36px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding: 2px;\n  border-radius: var(--border-radius-full);\n  background-color: var(--surface-level-200);\n  flex-shrink: 0;\n}\n.typePositive .icon {\n  border: 1px solid var(--text-success);\n  background-color: transparent;\n}\n.typeNegative .icon {\n  border: 1px solid var(--text-alert);\n  background-color: transparent;\n}\n.typeWarning .icon {\n  border: 1px solid var(--text-warning);\n  background-color: transparent;\n}\n.textContent {\n  flex: 1;\n  min-width: 0;\n  max-width: 100%;\n  overflow: visible;\n  flex-grow: 1;\n  min-width: 0;\n}\n.textWrapper {\n  display: block;\n  white-space: normal;\n  overflow-wrap: break-word;\n  word-wrap: break-word;\n  hyphens: auto;\n  max-height: none;\n  overflow: visible;\n  text-overflow: clip;\n  line-height: 1.3;\n  font-size: 14px;\n  width: 100%;\n}\n.actions {\n  flex-shrink: 0;\n  margin-left: var(--spacing-small);\n  flex-shrink: 0;\n}\n.closeButton {\n  flex-shrink: 0;\n  margin-left: var(--spacing-small);\n  color: var(--text-secondary);\n  flex-shrink: 0;\n}\n.typePositive {\n  border-top: none;\n  color: var(--text-success);\n  background-color: var(--surface-success);\n}\n.typeNegative {\n  border-top: none;\n  color: var(--text-alert);\n  background-color: var(--surface-alert);\n}\n.typeWarning {\n  border-top: none;\n  color: var(--text-warning);\n  background-color: var(--surface-warning);\n}\n.toastEnter {\n  opacity: 0;\n  transform: translateY(20px) scale(0.8);\n}\n.toastEnterActive {\n  opacity: 1;\n  transform: translateY(0) scale(1);\n  transition: opacity 400ms, transform 400ms;\n}\n.toastExit {\n  opacity: 1;\n  transform: translateX(0);\n}\n.toastExitActive {\n  opacity: 0;\n  transform: translateX(100%);\n  transition: opacity 400ms, transform 400ms;\n}\n@keyframes slideUp {\n  from {\n    transform: translateY(20px) scale(0.8);\n    opacity: 0;\n  }\n  to {\n    transform: translateY(0) scale(1);\n    opacity: 1;\n  }\n}\n.toast {\n  animation: slideUp 400ms ease-out;\n}");export{n as default};
+var n={iconAnimation:"iconAnimation",iconFadeInScale:"iconFadeInScale",toastContainer:"toastContainer",topRight:"topRight",bottomRight:"bottomRight",toast:"toast",scaleIn:"scaleIn",toastContent:"toastContent",noLeftIcon:"noLeftIcon",icon:"icon",typePositive:"typePositive",typeNegative:"typeNegative",typeWarning:"typeWarning",textContent:"textContent",textWrapper:"textWrapper",actions:"actions",closeButton:"closeButton",toastEnter:"toastEnter",toastEnterActive:"toastEnterActive",toastExit:"toastExit",toastExitActive:"toastExitActive",slideUp:"slideUp"};!function(n){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],e="s_id-c15bd7a55964_0_0_429-testBuild";if(t.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(n))}("@keyframes scaleIn {\n  from {\n    transform: scale(0.8);\n    opacity: 0;\n  }\n  to {\n    transform: scale(1);\n    opacity: 1;\n  }\n}\n@keyframes iconFadeInScale {\n  0% {\n    opacity: 0;\n    transform: scale(0.5);\n  }\n  100% {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n.iconAnimation {\n  animation: iconFadeInScale 0.3s ease-out 0.1s forwards;\n  opacity: 0;\n}\n.toastContainer {\n  position: fixed;\n  z-index: 9999999999;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  max-width: 500px;\n  height: auto;\n  max-height: none;\n}\n.topRight {\n  top: 16px;\n  right: 16px;\n}\n.bottomRight {\n  bottom: 8px;\n  right: 16px;\n  flex-direction: column-reverse;\n}\n.toast {\n  position: absolute;\n  right: 0;\n  width: 100%;\n  max-width: 400px;\n  height: auto;\n  max-height: none;\n  box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.04);\n  border: 1px solid var(--divider-primary, rgba(16, 24, 27, 0.1));\n  border-radius: 40px;\n  background-color: var(--surface-level-050);\n  transition: transform 0.3s ease-out, opacity 0.3s ease-out;\n  margin-bottom: 8px;\n  z-index: 9999999999;\n  animation: scaleIn 0.3s ease-out forwards;\n  transform-origin: top right;\n  box-sizing: border-box;\n}\n.toastContent {\n  padding: var(--spacing-xs) var(--spacing-xs);\n  height: auto;\n  max-height: none;\n  min-height: 100%;\n  animation: scaleIn 0.3s ease-out forwards;\n  transform-origin: top right;\n  width: 100%;\n  overflow: visible;\n}\n.noLeftIcon {\n  padding: var(--spacing-xs) var(--spacing-medium);\n}\n.icon {\n  flex-shrink: 0;\n  height: 36px;\n  width: 36px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding: 2px;\n  border-radius: var(--border-radius-full);\n  background-color: var(--surface-level-200);\n  flex-shrink: 0;\n}\n.typePositive .icon {\n  border: 1px solid var(--text-success);\n  background-color: transparent;\n}\n.typeNegative .icon {\n  border: 1px solid var(--text-alert);\n  background-color: transparent;\n}\n.typeWarning .icon {\n  border: 1px solid var(--text-warning);\n  background-color: transparent;\n}\n.textContent {\n  flex: 1;\n  min-width: 0;\n  max-width: 100%;\n  overflow: visible;\n  flex-grow: 1;\n  min-width: 0;\n}\n.textWrapper {\n  display: block;\n  white-space: normal;\n  overflow-wrap: break-word;\n  word-wrap: break-word;\n  hyphens: auto;\n  max-height: none;\n  overflow: visible;\n  text-overflow: clip;\n  line-height: 1.3;\n  font-size: 14px;\n  width: 100%;\n}\n.actions {\n  flex-shrink: 0;\n  margin-left: var(--spacing-small);\n  flex-shrink: 0;\n}\n.closeButton {\n  flex-shrink: 0;\n  margin-left: var(--spacing-small);\n  color: var(--text-secondary);\n  flex-shrink: 0;\n}\n.typePositive {\n  border-top: none;\n  color: var(--text-success);\n  background-color: var(--surface-success);\n}\n.typeNegative {\n  border-top: none;\n  color: var(--text-alert);\n  background-color: var(--surface-alert);\n}\n.typeWarning {\n  border-top: none;\n  color: var(--text-warning);\n  background-color: var(--surface-warning);\n}\n.toastEnter {\n  opacity: 0;\n  transform: translateY(20px) scale(0.8);\n}\n.toastEnterActive {\n  opacity: 1;\n  transform: translateY(0) scale(1);\n  transition: opacity 400ms, transform 400ms;\n}\n.toastExit {\n  opacity: 1;\n  transform: translateX(0);\n}\n.toastExitActive {\n  opacity: 0;\n  transform: translateX(100%);\n  transition: opacity 400ms, transform 400ms;\n}\n@keyframes slideUp {\n  from {\n    transform: translateY(20px) scale(0.8);\n    opacity: 0;\n  }\n  to {\n    transform: translateY(0) scale(1);\n    opacity: 1;\n  }\n}\n.toast {\n  animation: slideUp 400ms ease-out;\n}");export{n as default};
 //# sourceMappingURL=Toast.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Toast/ToastLink/ToastLink.module.scss.js

@@ -1,2 +1,2 @@
-var e={actionLink:"actionLink"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-21e420bb842e_0_0_427";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))}(".actionLink {\n  -webkit-font-smoothing: auto;\n  -moz-osx-font-smoothing: auto;\n}");export{e as default};
+var e={actionLink:"actionLink"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-21e420bb842e_0_0_429-testBuild";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))}(".actionLink {\n  -webkit-font-smoothing: auto;\n  -moz-osx-font-smoothing: auto;\n}");export{e as default};
 //# sourceMappingURL=ToastLink.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Toggle/MockToggle.module.scss.js

@@ -1,2 +1,2 @@
-var e={toggle:"toggle","focus-visible":"focus-visible",selected:"selected",notSelected:"notSelected",disabled:"disabled"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],o="s_id-a8996f35a816_0_0_427";if(n.querySelector("#"+o))return;const t=document.createElement("style");t.id=o,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}('.toggle {\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  transition: all var(--motion-productive-medium) ease 0ms;\n  margin: 0 var(--spacing-small);\n  position: relative;\n  height: 24px;\n  width: 41px;\n  cursor: pointer;\n  border-radius: var(--border-radius-medium);\n}\n.toggle:focus-visible, .toggle.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.toggle:focus:not(.focus-visible) {\n  outline: none;\n}\n.toggle:hover {\n  border-color: var(--divider-selected);\n  box-shadow: var(--effect-divider-halo);\n}\n.toggle::after {\n  background-color: var(--surface-level-100);\n  content: " ";\n  position: absolute;\n  width: 18px;\n  height: 18px;\n  border-radius: var(--border-radius-medium);\n  top: calc(50% - 9px);\n  transition: left var(--motion-productive-medium) var(--motion-timing-transition);\n}\n.toggle.selected {\n  background-color: var(--primary-color);\n}\n.toggle.selected::after {\n  left: 20px;\n}\n.toggle.notSelected {\n  background-color: var(--divider-primary);\n}\n.toggle.notSelected::after {\n  left: 3px;\n}\n.toggle.disabled {\n  opacity: var(--disabled-component-opacity);\n  cursor: not-allowed;\n}');export{e as default};
+var e={toggle:"toggle","focus-visible":"focus-visible",selected:"selected",notSelected:"notSelected",disabled:"disabled"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],o="s_id-a8996f35a816_0_0_429-testBuild";if(n.querySelector("#"+o))return;const t=document.createElement("style");t.id=o,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}('.toggle {\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  transition: all var(--motion-productive-medium) ease 0ms;\n  margin: 0 var(--spacing-small);\n  position: relative;\n  height: 24px;\n  width: 41px;\n  cursor: pointer;\n  border-radius: var(--border-radius-medium);\n}\n.toggle:focus-visible, .toggle.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.toggle:focus:not(.focus-visible) {\n  outline: none;\n}\n.toggle:hover {\n  border-color: var(--divider-selected);\n  box-shadow: var(--effect-divider-halo);\n}\n.toggle::after {\n  background-color: var(--surface-level-100);\n  content: " ";\n  position: absolute;\n  width: 18px;\n  height: 18px;\n  border-radius: var(--border-radius-medium);\n  top: calc(50% - 9px);\n  transition: left var(--motion-productive-medium) var(--motion-timing-transition);\n}\n.toggle.selected {\n  background-color: var(--primary-color);\n}\n.toggle.selected::after {\n  left: 20px;\n}\n.toggle.notSelected {\n  background-color: var(--divider-primary);\n}\n.toggle.notSelected::after {\n  left: 3px;\n}\n.toggle.disabled {\n  opacity: var(--disabled-component-opacity);\n  cursor: not-allowed;\n}');export{e as default};
 //# sourceMappingURL=MockToggle.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={toggleInput:"toggleInput","focus-visible":"focus-visible",wrapper:"wrapper"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-4fb1f14d4bb9_0_0_427";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))}(".toggleInput:focus-visible ~ div, .toggleInput.focus-visible ~ div {\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.wrapper {\n  display: flex;\n  align-items: center;\n}");export{e as default};
+var e={toggleInput:"toggleInput","focus-visible":"focus-visible",wrapper:"wrapper"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-4fb1f14d4bb9_0_0_429-testBuild";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))}(".toggleInput:focus-visible ~ div, .toggleInput.focus-visible ~ div {\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.wrapper {\n  display: flex;\n  align-items: center;\n}");export{e as default};
 //# sourceMappingURL=Toggle.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Toggle/ToggleText.module.scss.js

@@ -1,2 +1,2 @@
-var e={text:"text",disabled:"disabled"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-6f1ea96d58a4_0_0_427";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))}(".text {\n  color: var(--text-primary);\n  font-style: normal;\n  font-weight: normal;\n  font-size: 14px;\n  line-height: 22px;\n}\n\n.disabled {\n  color: var(--disabled-text-color);\n}");export{e as default};
+var e={text:"text",disabled:"disabled"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-6f1ea96d58a4_0_0_429-testBuild";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))}(".text {\n  color: var(--text-primary);\n  font-style: normal;\n  font-weight: normal;\n  font-size: 14px;\n  line-height: 22px;\n}\n\n.disabled {\n  color: var(--disabled-text-color);\n}");export{e as default};
 //# sourceMappingURL=ToggleText.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var o={tooltip:"tooltip",tooltipWithContent:"tooltipWithContent",withMaxWidth:"withMaxWidth",image:"image",title:"title",content:"content",paddingSizeMd:"paddingSizeMd",tooltipWhiteLink:"tooltipWhiteLink",dark:"dark",arrow:"arrow",white:"white",primary:"primary",success:"success",surface:"surface",private:"private",share:"share",error:"error"};!function(o){if("undefined"==typeof document)return;const r=document.head||document.getElementsByTagName("head")[0],n="s_id-30774305b9ce_0_0_427";if(r.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(o))}(".tooltip {\n  position: relative;\n  display: inline-block;\n  border-radius: var(--tooltip-border-radius, var(--border-radius-medium));\n  padding: var(--tooltip-padding, var(--spacing-small) var(--spacing-medium));\n  box-shadow: var(--box-shadow-medium);\n  font: var(--font-text2-normal);\n  max-width: var(--tooltip-max-width, 50vw);\n  word-break: break-word;\n  z-index: 10000000000000000 !important;\n}\n.tooltip.tooltipWithContent {\n  padding: unset;\n}\n.tooltip.withMaxWidth {\n  --tooltip-max-width: 240px;\n}\n.tooltip .image {\n  display: block;\n  position: relative;\n  border-top-right-radius: 2px;\n  border-top-left-radius: 2px;\n  padding: 2px 2px 0 2px;\n  object-fit: cover;\n  width: 100%;\n  height: 100%;\n  min-width: var(--tooltip-max-width);\n  z-index: 1;\n}\n.tooltip .title {\n  font: var(--font-text2-bold);\n}\n.tooltip .content {\n  word-break: break-word;\n  display: inline-block;\n  padding: var(--tooltip-padding, var(--spacing-small) var(--spacing-medium));\n}\n.tooltip.withMaxWidth {\n  --tooltip-max-width: 240px;\n}\n.tooltip.paddingSizeMd {\n  border-radius: var(--border-radius-medium);\n  padding: var(--spacing-medium);\n  font: var(--font-text2-normal);\n}\n.tooltip a.tooltipWhiteLink {\n  color: #fff;\n}\n.dark,\n.arrow.dark {\n  background-color: var(--surface-inverse);\n  color: var(--text-color-on-inverted);\n}\n.white,\n.arrow.white {\n  background-color: var(--color-snow_white);\n  color: var(--color-orange-dark);\n  box-shadow: var(--box-shadow-medium);\n}\n.primary,\n.arrow.primary {\n  background-color: var(--primary-color);\n  color: var(--text-color-on-primary);\n}\n.success,\n.arrow.success {\n  background-color: var(--positive-color-background);\n  color: var(--text-color-on-primary);\n}\n.surface,\n.arrow.surface {\n  background-color: #5b607a;\n  color: var(--color-snow_white);\n}\n.private,\n.arrow.private {\n  background-color: var(--negative-color-background);\n  color: var(--text-color-on-primary);\n}\n.share,\n.arrow.share {\n  background-color: var(--primary-color);\n  color: var(--text-color-on-primary);\n}\n.error,\n.arrow.error {\n  background-color: var(--negative-color-background);\n  color: var(--text-color-on-primary);\n}");export{o as default};
+var o={tooltip:"tooltip",tooltipWithContent:"tooltipWithContent",withMaxWidth:"withMaxWidth",image:"image",title:"title",content:"content",paddingSizeMd:"paddingSizeMd",tooltipWhiteLink:"tooltipWhiteLink",dark:"dark",arrow:"arrow",white:"white",primary:"primary",success:"success",surface:"surface",private:"private",share:"share",error:"error"};!function(o){if("undefined"==typeof document)return;const r=document.head||document.getElementsByTagName("head")[0],n="s_id-30774305b9ce_0_0_429-testBuild";if(r.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(o))}(".tooltip {\n  position: relative;\n  display: inline-block;\n  border-radius: var(--tooltip-border-radius, var(--border-radius-medium));\n  padding: var(--tooltip-padding, var(--spacing-small) var(--spacing-medium));\n  box-shadow: var(--box-shadow-medium);\n  font: var(--font-text2-normal);\n  max-width: var(--tooltip-max-width, 50vw);\n  word-break: break-word;\n  z-index: 10000000000000000 !important;\n}\n.tooltip.tooltipWithContent {\n  padding: unset;\n}\n.tooltip.withMaxWidth {\n  --tooltip-max-width: 240px;\n}\n.tooltip .image {\n  display: block;\n  position: relative;\n  border-top-right-radius: 2px;\n  border-top-left-radius: 2px;\n  padding: 2px 2px 0 2px;\n  object-fit: cover;\n  width: 100%;\n  height: 100%;\n  min-width: var(--tooltip-max-width);\n  z-index: 1;\n}\n.tooltip .title {\n  font: var(--font-text2-bold);\n}\n.tooltip .content {\n  word-break: break-word;\n  display: inline-block;\n  padding: var(--tooltip-padding, var(--spacing-small) var(--spacing-medium));\n}\n.tooltip.withMaxWidth {\n  --tooltip-max-width: 240px;\n}\n.tooltip.paddingSizeMd {\n  border-radius: var(--border-radius-medium);\n  padding: var(--spacing-medium);\n  font: var(--font-text2-normal);\n}\n.tooltip a.tooltipWhiteLink {\n  color: #fff;\n}\n.dark,\n.arrow.dark {\n  background-color: var(--surface-inverse);\n  color: var(--text-color-on-inverted);\n}\n.white,\n.arrow.white {\n  background-color: var(--color-snow_white);\n  color: var(--color-orange-dark);\n  box-shadow: var(--box-shadow-medium);\n}\n.primary,\n.arrow.primary {\n  background-color: var(--primary-color);\n  color: var(--text-color-on-primary);\n}\n.success,\n.arrow.success {\n  background-color: var(--positive-color-background);\n  color: var(--text-color-on-primary);\n}\n.surface,\n.arrow.surface {\n  background-color: #5b607a;\n  color: var(--color-snow_white);\n}\n.private,\n.arrow.private {\n  background-color: var(--negative-color-background);\n  color: var(--text-color-on-primary);\n}\n.share,\n.arrow.share {\n  background-color: var(--primary-color);\n  color: var(--text-color-on-primary);\n}\n.error,\n.arrow.error {\n  background-color: var(--negative-color-background);\n  color: var(--text-color-on-primary);\n}");export{o as default};
 //# sourceMappingURL=Tooltip.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={navbar:"navbar",sticky:"sticky",navContainer:"navContainer",logo:"logo",itemList:"itemList",active:"active",navButton:"navButton",profile:"profile",navbarAvatar:"navbarAvatar",notifications:"notifications",navbarCounter:"navbarCounter",userInfo:"userInfo",username:"username",email:"email",logout:"logout",dialog:"dialog",hover:"hover"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],a="s_id-b83af14286f9_0_0_427";if(e.querySelector("#"+a))return;const r=document.createElement("style");r.id=a,e.firstChild?e.insertBefore(r,e.firstChild):e.appendChild(r),r.appendChild(document.createTextNode(n))}(".navbar {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n  height: 46px;\n  padding: 0 14px;\n  color: var(--text-secondary);\n}\n\n.sticky {\n  position: sticky;\n  top: 0;\n  z-index: 100;\n  background-color: var(--surface-level-100);\n}\n\n.navContainer {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  user-select: none;\n  z-index: 100;\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n  max-width: fit-content;\n  border-radius: var(--border-radius-medium);\n  padding: 2px;\n}\n\n.navContainer button {\n  margin-top: -2px;\n}\n\n.logo {\n  display: flex;\n  align-items: center;\n  position: absolute;\n  left: 38px;\n  height: 24px;\n  border: 1px solid var(--divider-primary);\n  border-radius: 6px;\n  padding: 2px 4px;\n  margin: 1px 2px 0px;\n  font-size: 14px;\n  color: var(--text-secondary);\n  font-weight: 600;\n}\n\n.logo svg {\n  margin-right: 4px;\n}\n\nul.itemList {\n  display: flex;\n  align-items: center;\n  margin: 0;\n  padding: 4px;\n}\n\nul.itemList li {\n  margin: 0px;\n  list-style: none;\n  font-size: 14px;\n  font-weight: 400;\n  border-radius: var(--border-radius-medium);\n  border: 1px solid transparent;\n  transition: all var(--motion-productive-medium) ease 0ms;\n}\n\nul.itemList li a {\n  color: var(--text-secondary);\n  text-decoration: none;\n  padding: 4px 10px;\n  border-radius: var(--border-radius-medium);\n  transition: all var(--motion-productive-medium) ease 0ms;\n  font-weight: 500;\n}\n\nul.itemList li a:hover {\n  background: var(--surface-level-300);\n  color: var(--text-primary);\n}\n\nul.itemList .active {\n  color: var(--text-primary) !important;\n  background-color: var(--surface-level-100);\n  box-shadow: var(--box-shadow-xs);\n  border: 1px solid var(--divider-overlay);\n}\n\n.navButton {\n  display: flex;\n  align-items: center;\n  margin: 0px;\n  list-style: none;\n  font-size: 14px;\n  font-weight: 400;\n  background: var(--surface-level-100);\n  border-radius: 50px;\n  border: 1px solid transparent;\n  transition: all var(--motion-productive-medium) ease 0ms;\n}\n\n.navButton a {\n  color: var(--text-secondary);\n  text-decoration: none;\n  padding: 2px 8px;\n  transition: all var(--motion-productive-medium) ease 0ms;\n}\n\n.navButton a:hover {\n  background: var(--surface-level-300);\n  color: var(--text-primary);\n}\n\n.navButton a svg {\n  margin-right: 2px;\n}\n\n.profile {\n  display: flex;\n  align-items: center;\n  gap: 2px;\n}\n\n.profile .navbarAvatar {\n  margin-left: 4px;\n}\n\n.notifications {\n  margin-right: 8px;\n  display: flex;\n  align-items: center;\n}\n\n.navbarAvatar {\n  margin: 0px 0px 0px 2px;\n}\n\n.navbarCounter {\n  display: flex;\n  margin-left: -6px;\n  position: relative;\n  z-index: 99;\n}\n\n.userInfo {\n  display: flex;\n  align-items: center;\n  padding: 8px;\n  gap: 8px;\n  min-width: 240px;\n}\n\n.username {\n  font-size: 14px;\n  line-height: 22px;\n}\n\n.email {\n  font-size: 12px;\n  color: var(--text-secondary);\n}\n\n.logout {\n  padding: 0px 4px 10px 15px;\n  color: var(--color-solar-flare-700);\n}\n\n.dialog {\n  padding: 0;\n  border-radius: 6px;\n}\n\n.hover {\n  cursor: pointer;\n}\n\n@media (max-width: 999px) {\n  .navContainer {\n    display: none;\n  }\n}");export{n as default};
+var n={navbar:"navbar",sticky:"sticky",navContainer:"navContainer",logo:"logo",itemList:"itemList",active:"active",navButton:"navButton",profile:"profile",navbarAvatar:"navbarAvatar",notifications:"notifications",navbarCounter:"navbarCounter",userInfo:"userInfo",username:"username",email:"email",logout:"logout",dialog:"dialog",hover:"hover"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],a="s_id-b83af14286f9_0_0_429-testBuild";if(e.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(n))}(".navbar {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n  height: 46px;\n  padding: 0 14px;\n  color: var(--text-secondary);\n}\n\n.sticky {\n  position: sticky;\n  top: 0;\n  z-index: 100;\n  background-color: var(--surface-level-100);\n}\n\n.navContainer {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  user-select: none;\n  z-index: 100;\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n  max-width: fit-content;\n  border-radius: var(--border-radius-medium);\n  padding: 2px;\n}\n\n.navContainer button {\n  margin-top: -2px;\n}\n\n.logo {\n  display: flex;\n  align-items: center;\n  position: absolute;\n  left: 38px;\n  height: 24px;\n  border: 1px solid var(--divider-primary);\n  border-radius: 6px;\n  padding: 2px 4px;\n  margin: 1px 2px 0px;\n  font-size: 14px;\n  color: var(--text-secondary);\n  font-weight: 600;\n}\n\n.logo svg {\n  margin-right: 4px;\n}\n\nul.itemList {\n  display: flex;\n  align-items: center;\n  margin: 0;\n  padding: 4px;\n}\n\nul.itemList li {\n  margin: 0px;\n  list-style: none;\n  font-size: 14px;\n  font-weight: 400;\n  border-radius: var(--border-radius-medium);\n  border: 1px solid transparent;\n  transition: all var(--motion-productive-medium) ease 0ms;\n}\n\nul.itemList li a {\n  color: var(--text-secondary);\n  text-decoration: none;\n  padding: 4px 10px;\n  border-radius: var(--border-radius-medium);\n  transition: all var(--motion-productive-medium) ease 0ms;\n  font-weight: 500;\n}\n\nul.itemList li a:hover {\n  background: var(--surface-level-300);\n  color: var(--text-primary);\n}\n\nul.itemList .active {\n  color: var(--text-primary) !important;\n  background-color: var(--surface-level-100);\n  box-shadow: var(--box-shadow-xs);\n  border: 1px solid var(--divider-overlay);\n}\n\n.navButton {\n  display: flex;\n  align-items: center;\n  margin: 0px;\n  list-style: none;\n  font-size: 14px;\n  font-weight: 400;\n  background: var(--surface-level-100);\n  border-radius: 50px;\n  border: 1px solid transparent;\n  transition: all var(--motion-productive-medium) ease 0ms;\n}\n\n.navButton a {\n  color: var(--text-secondary);\n  text-decoration: none;\n  padding: 2px 8px;\n  transition: all var(--motion-productive-medium) ease 0ms;\n}\n\n.navButton a:hover {\n  background: var(--surface-level-300);\n  color: var(--text-primary);\n}\n\n.navButton a svg {\n  margin-right: 2px;\n}\n\n.profile {\n  display: flex;\n  align-items: center;\n  gap: 2px;\n}\n\n.profile .navbarAvatar {\n  margin-left: 4px;\n}\n\n.notifications {\n  margin-right: 8px;\n  display: flex;\n  align-items: center;\n}\n\n.navbarAvatar {\n  margin: 0px 0px 0px 2px;\n}\n\n.navbarCounter {\n  display: flex;\n  margin-left: -6px;\n  position: relative;\n  z-index: 99;\n}\n\n.userInfo {\n  display: flex;\n  align-items: center;\n  padding: 8px;\n  gap: 8px;\n  min-width: 240px;\n}\n\n.username {\n  font-size: 14px;\n  line-height: 22px;\n}\n\n.email {\n  font-size: 12px;\n  color: var(--text-secondary);\n}\n\n.logout {\n  padding: 0px 4px 10px 15px;\n  color: var(--color-solar-flare-700);\n}\n\n.dialog {\n  padding: 0;\n  border-radius: 6px;\n}\n\n.hover {\n  cursor: pointer;\n}\n\n@media (max-width: 999px) {\n  .navContainer {\n    display: none;\n  }\n}");export{n as default};
 //# sourceMappingURL=TopNavigationBar.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/TopNavigationBar/components/Notification/Notification.module.scss.js

@@ -1,2 +1,2 @@
-var e={notificationContainer:"notificationContainer",header:"header"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-ab96a526747c_0_0_427";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))}(".notificationContainer {\n  padding: 14px 16px;\n  border-radius: 4px;\n  min-width: 320px;\n  min-height: 400px;\n}\n\n.header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  border-bottom: 1px solid var(--divider-primary);\n  padding-bottom: 16px;\n  margin-bottom: 15px;\n  font-weight: 600;\n}");export{e as default};
+var e={notificationContainer:"notificationContainer",header:"header"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-ab96a526747c_0_0_429-testBuild";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))}(".notificationContainer {\n  padding: 14px 16px;\n  border-radius: 4px;\n  min-width: 320px;\n  min-height: 400px;\n}\n\n.header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  border-bottom: 1px solid var(--divider-primary);\n  padding-bottom: 16px;\n  margin-bottom: 15px;\n  font-weight: 600;\n}");export{e as default};
 //# sourceMappingURL=Notification.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/TopNavigationBar/components/NotificationItem/NotificationItem.module.scss.js

@@ -1,2 +1,2 @@
-var t={item:"item",content:"content",type:"type",title:"title",date:"date",NotificationStatus:"NotificationStatus"};!function(t){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],e="s_id-7d6f9538aabb_0_0_427";if(n.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(t))}(".item {\n  display: flex;\n  padding: 20px 10px;\n  justify-content: space-between;\n  border-bottom: 1px solid var(--divider-primary);\n  text-decoration: none !important;\n  transition: all var(--motion-productive-medium) ease 0ms;\n}\n.item:hover {\n  background-color: var(--surface-level-200);\n  text-decoration: none !important;\n}\n.content {\n  display: flex;\n  flex-direction: column;\n  text-wrap: balance;\n  text-decoration: none;\n}\n.type {\n  color: var(--text-secondary);\n  font-size: 14px;\n  margin: 0 0 8px;\n}\n.title {\n  color: var(--text-primary);\n  font-size: 16px;\n  font-weight: 600;\n  width: 80%;\n  margin-bottom: 10px;\n}\n.date {\n  color: var(--text-secondary);\n  font-size: 12px;\n}\n.NotificationStatus {\n  margin: 8px -2px 12px;\n}");export{t as default};
+var t={item:"item",content:"content",type:"type",title:"title",date:"date",NotificationStatus:"NotificationStatus"};!function(t){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],e="s_id-7d6f9538aabb_0_0_429-testBuild";if(n.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(t))}(".item {\n  display: flex;\n  padding: 20px 10px;\n  justify-content: space-between;\n  border-bottom: 1px solid var(--divider-primary);\n  text-decoration: none !important;\n  transition: all var(--motion-productive-medium) ease 0ms;\n}\n.item:hover {\n  background-color: var(--surface-level-200);\n  text-decoration: none !important;\n}\n.content {\n  display: flex;\n  flex-direction: column;\n  text-wrap: balance;\n  text-decoration: none;\n}\n.type {\n  color: var(--text-secondary);\n  font-size: 14px;\n  margin: 0 0 8px;\n}\n.title {\n  color: var(--text-primary);\n  font-size: 16px;\n  font-weight: 600;\n  width: 80%;\n  margin-bottom: 10px;\n}\n.date {\n  color: var(--text-secondary);\n  font-size: 12px;\n}\n.NotificationStatus {\n  margin: 8px -2px 12px;\n}");export{t as default};
 //# sourceMappingURL=NotificationItem.module.scss.js.map