npm - @vibe/core - Versions diffs - 3.82.4 → 3.83.2 - Mend

@vibe/core 3.82.4 → 3.83.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (866) hide show

package/dist/src/components/Toast/Toast.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var n={toast:"toast_42d8620f26",typeNormal:"typeNormal_c5515d05f5",typePositive:"typePositive_36d758cc64",typeNegative:"typeNegative_9d849d2342",typeWarning:"typeWarning_0fc13a3811",closeButton:"closeButton_8faf57de9d",actionButton:"actionButton_4751442e50",actionLink:"actionLink_71527251f5",typeDark:"typeDark_f6b747db89",icon:"icon_db2ee8cfc3",withTransition:"withTransition_1fb9788063",bounceIn:"bounceIn_ad2e67af76",content:"content_0c72e050af",textContent:"textContent_7a7d7688e8",enterActive:"enterActive_5062cfbf0a",slideIn:"slideIn_bd54b35334",exitActive:"exitActive_b84949ab7c",slideOut:"slideOut_24dc7a99f3"};!function(n){const t="s_id-72c9912c1efa_3_82_3";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,o.firstChild?o.insertBefore(a,o.firstChild):o.appendChild(a),a.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=n)}(".toast_42d8620f26 {\n  box-shadow: var(--box-shadow-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  margin: var(--spacing-medium);\n  position: fixed;\n  left: 50%;\n  top: 0;\n  margin-right: auto;\n  margin-left: auto;\n  padding: var(--spacing-small);\n  align-items: center;\n  display: flex;\n  min-width: 200px;\n  width: auto;\n  border-radius: var(--border-radius-small);\n  color: var(--fixed-light-color);\n  transform: translateX(-50%);\n  transition: background-color 80ms cubic-bezier(0.6, 0, 0.4, 1), width 200ms cubic-bezier(0, 0, 0.4, 1);\n}\n.toast_42d8620f26.typeNormal_c5515d05f5 {\n  background-color: var(--primary-color);\n}\n.toast_42d8620f26.typePositive_36d758cc64 {\n  background-color: var(--positive-color);\n}\n.toast_42d8620f26.typeNegative_9d849d2342 {\n  background-color: var(--negative-color);\n}\n.toast_42d8620f26.typeWarning_0fc13a3811 {\n  background-color: var(--warning-color);\n  color: var(--fixed-dark-color);\n}\n.toast_42d8620f26.typeWarning_0fc13a3811 .closeButton_8faf57de9d {\n  color: var(--fixed-dark-color);\n}\n.toast_42d8620f26.typeWarning_0fc13a3811 .actionButton_4751442e50,\n.toast_42d8620f26.typeWarning_0fc13a3811 .actionLink_71527251f5 {\n  color: var(--fixed-dark-color);\n  border-color: var(--fixed-dark-color);\n}\n.toast_42d8620f26.typeDark_f6b747db89 {\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.toast_42d8620f26.typeDark_f6b747db89 .closeButton_8faf57de9d {\n  color: var(--text-color-on-inverted);\n}\n.toast_42d8620f26.typeDark_f6b747db89 .actionButton_4751442e50,\n.toast_42d8620f26.typeDark_f6b747db89 .actionLink_71527251f5 {\n  color: var(--text-color-on-inverted);\n  border-color: var(--text-color-on-inverted);\n}\n.icon_db2ee8cfc3 {\n  display: flex;\n  margin-left: var(--spacing-small);\n}\n.actionButton_4751442e50.withTransition_1fb9788063 {\n  opacity: 0;\n  animation: bounceIn_ad2e67af76 150ms cubic-bezier(0, 0, 0.4, 1);\n  animation-delay: 300ms;\n  animation-fill-mode: forwards;\n}\n.content_0c72e050af {\n  margin: 0 var(--spacing-small);\n  flex: 1;\n}\n.textContent_7a7d7688e8 {\n  display: inline-flex;\n  flex-grow: 1;\n}\n.enterActive_5062cfbf0a {\n  animation-iteration-count: 1;\n  animation-fill-mode: forwards;\n  animation-name: slideIn_bd54b35334;\n  animation-duration: 350ms;\n  animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1);\n}\n.exitActive_b84949ab7c {\n  animation-iteration-count: 1;\n  animation-fill-mode: forwards;\n  animation-name: slideOut_24dc7a99f3;\n  animation-duration: 350ms;\n  animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1);\n}\n.closeButton_8faf57de9d {\n  margin-left: var(--spacing-small);\n}\n@keyframes slideIn_bd54b35334 {\n  0% {\n    transform: translate(-50%, -100px);\n  }\n  40% {\n    transform: translate(-50%, 16px);\n  }\n  100% {\n    transform: translate(-50%, 0px);\n  }\n}\n@keyframes slideOut_24dc7a99f3 {\n  0% {\n    transform: translate(-50%, 0);\n  }\n  100% {\n    transform: translate(-50%, -100px);\n    opacity: 0;\n  }\n}\n@keyframes bounceIn_ad2e67af76 {\n  0% {\n    transform: scale(0.8);\n    opacity: 0;\n  }\n  50% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 1;\n    transform: scale(1);\n  }\n}");export{n as default};
+var n={toast:"toast_71661c79e4",typeNormal:"typeNormal_224a458901",typePositive:"typePositive_c9a26d3650",typeNegative:"typeNegative_81cf177e3e",typeWarning:"typeWarning_d07abd1cfd",closeButton:"closeButton_fd2719cd4b",actionButton:"actionButton_048b137967",actionLink:"actionLink_3f75958180",typeDark:"typeDark_14777f94a5",icon:"icon_81ae323107",withTransition:"withTransition_59b839894a",bounceIn:"bounceIn_a549925494",content:"content_3cdf720fcd",textContent:"textContent_0d8d2235f5",enterActive:"enterActive_b1497dd3fb",slideIn:"slideIn_6908adcf25",exitActive:"exitActive_94ba3a9438",slideOut:"slideOut_bb8190751a"};!function(n){const t="s_id-72c9912c1efa_3_83_1";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,a.firstChild?a.insertBefore(o,a.firstChild):a.appendChild(o),o.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=n)}(".toast_71661c79e4 {\n  box-shadow: var(--box-shadow-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  margin: var(--spacing-medium);\n  position: fixed;\n  left: 50%;\n  top: 0;\n  margin-right: auto;\n  margin-left: auto;\n  padding: var(--spacing-small);\n  align-items: center;\n  display: flex;\n  min-width: 200px;\n  width: auto;\n  border-radius: var(--border-radius-small);\n  color: var(--fixed-light-color);\n  transform: translateX(-50%);\n  transition: background-color 80ms cubic-bezier(0.6, 0, 0.4, 1), width 200ms cubic-bezier(0, 0, 0.4, 1);\n}\n.toast_71661c79e4.typeNormal_224a458901 {\n  background-color: var(--primary-color);\n}\n.toast_71661c79e4.typePositive_c9a26d3650 {\n  background-color: var(--positive-color);\n}\n.toast_71661c79e4.typeNegative_81cf177e3e {\n  background-color: var(--negative-color);\n}\n.toast_71661c79e4.typeWarning_d07abd1cfd {\n  background-color: var(--warning-color);\n  color: var(--fixed-dark-color);\n}\n.toast_71661c79e4.typeWarning_d07abd1cfd .closeButton_fd2719cd4b {\n  color: var(--fixed-dark-color);\n}\n.toast_71661c79e4.typeWarning_d07abd1cfd .actionButton_048b137967,\n.toast_71661c79e4.typeWarning_d07abd1cfd .actionLink_3f75958180 {\n  color: var(--fixed-dark-color);\n  border-color: var(--fixed-dark-color);\n}\n.toast_71661c79e4.typeDark_14777f94a5 {\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.toast_71661c79e4.typeDark_14777f94a5 .closeButton_fd2719cd4b {\n  color: var(--text-color-on-inverted);\n}\n.toast_71661c79e4.typeDark_14777f94a5 .actionButton_048b137967,\n.toast_71661c79e4.typeDark_14777f94a5 .actionLink_3f75958180 {\n  color: var(--text-color-on-inverted);\n  border-color: var(--text-color-on-inverted);\n}\n.icon_81ae323107 {\n  display: flex;\n  margin-left: var(--spacing-small);\n}\n.actionButton_048b137967.withTransition_59b839894a {\n  opacity: 0;\n  animation: bounceIn_a549925494 150ms cubic-bezier(0, 0, 0.4, 1);\n  animation-delay: 300ms;\n  animation-fill-mode: forwards;\n}\n.content_3cdf720fcd {\n  margin: 0 var(--spacing-small);\n  flex: 1;\n}\n.textContent_0d8d2235f5 {\n  display: inline-flex;\n  flex-grow: 1;\n}\n.enterActive_b1497dd3fb {\n  animation-iteration-count: 1;\n  animation-fill-mode: forwards;\n  animation-name: slideIn_6908adcf25;\n  animation-duration: 350ms;\n  animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1);\n}\n.exitActive_94ba3a9438 {\n  animation-iteration-count: 1;\n  animation-fill-mode: forwards;\n  animation-name: slideOut_bb8190751a;\n  animation-duration: 350ms;\n  animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1);\n}\n.closeButton_fd2719cd4b {\n  margin-left: var(--spacing-small);\n}\n@keyframes slideIn_6908adcf25 {\n  0% {\n    transform: translate(-50%, -100px);\n  }\n  40% {\n    transform: translate(-50%, 16px);\n  }\n  100% {\n    transform: translate(-50%, 0px);\n  }\n}\n@keyframes slideOut_bb8190751a {\n  0% {\n    transform: translate(-50%, 0);\n  }\n  100% {\n    transform: translate(-50%, -100px);\n    opacity: 0;\n  }\n}\n@keyframes bounceIn_a549925494 {\n  0% {\n    transform: scale(0.8);\n    opacity: 0;\n  }\n  50% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 1;\n    transform: scale(1);\n  }\n}");export{n as default};
 //# sourceMappingURL=Toast.module.scss.js.map

package/dist/src/components/Toast/ToastLink/ToastLink.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={actionLink:"actionLink_1e7aaa33af"};!function(e){const t="s_id-a224471727c9_3_82_3";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".actionLink_1e7aaa33af {\n  color: var(--text-color-on-primary);\n  -webkit-font-smoothing: auto;\n  -moz-osx-font-smoothing: auto;\n}\n.actionLink_1e7aaa33af:hover {\n  color: inherit;\n}");export{e as default};
+var e={actionLink:"actionLink_77d95112f4"};!function(e){const t="s_id-a224471727c9_3_83_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".actionLink_77d95112f4 {\n  color: var(--text-color-on-primary);\n  -webkit-font-smoothing: auto;\n  -moz-osx-font-smoothing: auto;\n}\n.actionLink_77d95112f4:hover {\n  color: inherit;\n}");export{e as default};
 //# sourceMappingURL=ToastLink.module.scss.js.map

package/dist/src/components/Toggle/MockToggle.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={toggle:"toggle_e1210c7aa5","focus-visible":"focus-visible_0205dda0d5",selected:"selected_c5515d05f5",notSelected:"notSelected_0b49f07a62",disabled:"disabled_304bf0638d",medium:"medium_baa6d6e590",small:"small_0a2cf864d5",noSpacing:"noSpacing_389fa2d688"};!function(e){const n="s_id-550adc1aa9aa_3_82_3";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];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))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}('/* stylelint-disable */\n/* stylelint-enable */\n.toggle_e1210c7aa5 {\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: background-color var(--motion-productive-medium) var(--motion-timing-transition);\n  margin: 0 var(--spacing-small);\n  position: relative;\n  height: var(--toggle-height);\n  width: var(--toggle-width);\n  cursor: pointer;\n  border-radius: 100px !important;\n}\n.toggle_e1210c7aa5:focus-visible, .toggle_e1210c7aa5.focus-visible_0205dda0d5 {\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_e1210c7aa5:focus:not(.focus-visible_0205dda0d5) {\n  outline: none;\n}\n.toggle_e1210c7aa5::after {\n  background-color: var(--primary-background-color);\n  content: " ";\n  position: absolute;\n  width: var(--circle-size);\n  height: var(--circle-size);\n  border-radius: 50%;\n  top: calc(50% - 9px);\n  transition: left var(--motion-productive-medium) var(--motion-timing-transition);\n}\n.toggle_e1210c7aa5.selected_c5515d05f5 {\n  background-color: var(--primary-color);\n}\n.toggle_e1210c7aa5.selected_c5515d05f5::after {\n  left: 20px;\n}\n.toggle_e1210c7aa5.notSelected_0b49f07a62 {\n  background-color: var(--ui-border-color);\n}\n.toggle_e1210c7aa5.notSelected_0b49f07a62::after {\n  left: 3px;\n}\n.toggle_e1210c7aa5.disabled_304bf0638d {\n  opacity: var(--disabled-component-opacity);\n  cursor: not-allowed;\n}\n.toggle_e1210c7aa5.medium_baa6d6e590 {\n  --toggle-width: 41px;\n  --toggle-height: 24px;\n}\n.toggle_e1210c7aa5.medium_baa6d6e590::after {\n  --circle-size: 18px;\n}\n.toggle_e1210c7aa5.small_0a2cf864d5 {\n  --toggle-width: 28px;\n  --toggle-height: 16px;\n}\n.toggle_e1210c7aa5.small_0a2cf864d5::after {\n  --circle-size: 12px;\n  top: calc(50% - 6px);\n  left: 14px;\n}\n.toggle_e1210c7aa5.small_0a2cf864d5.notSelected_0b49f07a62::after {\n  left: 2px;\n}\n.toggle_e1210c7aa5.noSpacing_389fa2d688 {\n  margin: 0;\n}');export{e as default};
+var e={toggle:"toggle_ad4fdca36b","focus-visible":"focus-visible_c1c107cdc2",selected:"selected_224a458901",notSelected:"notSelected_94ec0bddbd",disabled:"disabled_896acd87d2",medium:"medium_b83a4c9b72",small:"small_cae266d7c2",noSpacing:"noSpacing_1e381cb7d3"};!function(e){const n="s_id-550adc1aa9aa_3_83_1";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];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))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}('/* stylelint-disable */\n/* stylelint-enable */\n.toggle_ad4fdca36b {\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: background-color var(--motion-productive-medium) var(--motion-timing-transition);\n  margin: 0 var(--spacing-small);\n  position: relative;\n  height: var(--toggle-height);\n  width: var(--toggle-width);\n  cursor: pointer;\n  border-radius: 100px !important;\n}\n.toggle_ad4fdca36b:focus-visible, .toggle_ad4fdca36b.focus-visible_c1c107cdc2 {\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_ad4fdca36b:focus:not(.focus-visible_c1c107cdc2) {\n  outline: none;\n}\n.toggle_ad4fdca36b::after {\n  background-color: var(--primary-background-color);\n  content: " ";\n  position: absolute;\n  width: var(--circle-size);\n  height: var(--circle-size);\n  border-radius: 50%;\n  top: calc(50% - 9px);\n  transition: left var(--motion-productive-medium) var(--motion-timing-transition);\n}\n.toggle_ad4fdca36b.selected_224a458901 {\n  background-color: var(--primary-color);\n}\n.toggle_ad4fdca36b.selected_224a458901::after {\n  left: 20px;\n}\n.toggle_ad4fdca36b.notSelected_94ec0bddbd {\n  background-color: var(--ui-border-color);\n}\n.toggle_ad4fdca36b.notSelected_94ec0bddbd::after {\n  left: 3px;\n}\n.toggle_ad4fdca36b.disabled_896acd87d2 {\n  opacity: var(--disabled-component-opacity);\n  cursor: not-allowed;\n}\n.toggle_ad4fdca36b.medium_b83a4c9b72 {\n  --toggle-width: 41px;\n  --toggle-height: 24px;\n}\n.toggle_ad4fdca36b.medium_b83a4c9b72::after {\n  --circle-size: 18px;\n}\n.toggle_ad4fdca36b.small_cae266d7c2 {\n  --toggle-width: 28px;\n  --toggle-height: 16px;\n}\n.toggle_ad4fdca36b.small_cae266d7c2::after {\n  --circle-size: 12px;\n  top: calc(50% - 6px);\n  left: 14px;\n}\n.toggle_ad4fdca36b.small_cae266d7c2.notSelected_94ec0bddbd::after {\n  left: 2px;\n}\n.toggle_ad4fdca36b.noSpacing_1e381cb7d3 {\n  margin: 0;\n}');export{e as default};
 //# sourceMappingURL=MockToggle.module.scss.js.map

package/dist/src/components/Toggle/Toggle.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={toggleInput:"toggleInput_cd1594f0d2","focus-visible":"focus-visible_c726d23acc",wrapper:"wrapper_1ba8b58e93"};!function(e){const t="s_id-4304a18f6620_3_82_3";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const l=document.createElement("style");l.id=t,n.firstChild?n.insertBefore(l,n.firstChild):n.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable selector-class-pattern */\n.toggleInput_cd1594f0d2:focus-visible, .toggleInput_cd1594f0d2.focus-visible_c726d23acc { /* stylelint-disable-line selector-class-pattern */ }\n.toggleInput_cd1594f0d2:focus-visible ~ div, .toggleInput_cd1594f0d2.focus-visible_c726d23acc ~ 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.wrapper_1ba8b58e93 {\n  display: flex;\n  align-items: center;\n}");export{e as default};
+var e={toggleInput:"toggleInput_9ef4e59506","focus-visible":"focus-visible_912af643c3",wrapper:"wrapper_d3d9aa92ec"};!function(e){const t="s_id-4304a18f6620_3_83_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const l=document.createElement("style");l.id=t,n.firstChild?n.insertBefore(l,n.firstChild):n.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable selector-class-pattern */\n.toggleInput_9ef4e59506:focus-visible, .toggleInput_9ef4e59506.focus-visible_912af643c3 { /* stylelint-disable-line selector-class-pattern */ }\n.toggleInput_9ef4e59506:focus-visible ~ div, .toggleInput_9ef4e59506.focus-visible_912af643c3 ~ 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.wrapper_d3d9aa92ec {\n  display: flex;\n  align-items: center;\n}");export{e as default};
 //# sourceMappingURL=Toggle.module.scss.js.map

package/dist/src/components/Toggle/ToggleText.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import r from"react";import t from"classnames";import s from"./ToggleText.module.scss.js";import a from"../Text/Text.js";var l=function(l){var o=l.children;return r.createElement(a,{element:"span",type:"text2",className:t(s.text,e({},s.disabled,l.disabled))},o)};export{l as default};
+import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import t from"react";import r from"classnames";import o from"./ToggleText.module.scss.js";import s from"../../../components/typography/dist/Text/Text.js";var a=function(a){var l=a.children;return t.createElement(s,{element:"span",type:"text2",className:r(o.text,e({},o.disabled,a.disabled))},l)};export{a as default};
 //# sourceMappingURL=ToggleText.js.map

package/dist/src/components/Toggle/ToggleText.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ToggleText.js","sources":["../../../../src/components/Toggle/ToggleText.tsx"],"sourcesContent":["import React, { type FC } from \"react\";\nimport cx from \"classnames\";\nimport type VibeComponentProps from \"../../types/VibeComponentProps\";\nimport styles from \"./ToggleText.module.scss\";\nimport Text from \"~~../Text~~/~~Text~~\";\n\nexport interface ToggleTextProps extends VibeComponentProps {\n /*\n The text content inside the toggle.\n /\n children: string;\n /\n If true, applies a disabled style to the text.\n */\n disabled: boolean;\n}\n\nconst ToggleText: FC<ToggleTextProps> = ({ children, disabled }) => (\n <Text element=\"span\" type=\"text2\" className={cx(styles.text, { [styles.disabled]: disabled })}>\n {children}\n </Text>\n);\nexport default ToggleText;\n"],"names":["ToggleText","_ref","children","React","createElement","Text","element","type","className","cx","styles","text","_defineProperty","disabled"],"mappings":"~~yMAiBA~~,IAAMA,EAAkC,SAAxBC,GAAA,IAA2BC,EAAQD,EAARC,SAAkB,OAC3DC,EAAAC,cAACC,EAAK,CAAAC,QAAQ,OAAOC,KAAK,QAAQC,UAAWC,EAAGC,EAAOC,KAAIC,EAAA,CAAA,EAAKF,EAAOG,SADZZ,EAARY,YAEhDX,EACI"}
1	+ {"version":3,"file":"ToggleText.js","sources":["../../../../src/components/Toggle/ToggleText.tsx"],"sourcesContent":["import React, { type FC } from \"react\";\nimport cx from \"classnames\";\nimport type VibeComponentProps from \"../../types/VibeComponentProps\";\nimport styles from \"./ToggleText.module.scss\";\nimport { Text } from \"@vibe/typography\";\n\nexport interface ToggleTextProps extends VibeComponentProps {\n /*\n The text content inside the toggle.\n /\n children: string;\n /\n If true, applies a disabled style to the text.\n */\n disabled: boolean;\n}\n\nconst ToggleText: FC<ToggleTextProps> = ({ children, disabled }) => (\n <Text element=\"span\" type=\"text2\" className={cx(styles.text, { [styles.disabled]: disabled })}>\n {children}\n </Text>\n);\nexport default ToggleText;\n"],"names":["ToggleText","_ref","children","React","createElement","Text","element","type","className","cx","styles","text","_defineProperty","disabled"],"mappings":"0OAiBA,IAAMA,EAAkC,SAAxBC,GAAA,IAA2BC,EAAQD,EAARC,SAAkB,OAC3DC,EAAAC,cAACC,EAAK,CAAAC,QAAQ,OAAOC,KAAK,QAAQC,UAAWC,EAAGC,EAAOC,KAAIC,EAAA,CAAA,EAAKF,EAAOG,SADZZ,EAARY,YAEhDX,EACI"}

package/dist/src/components/Toggle/ToggleText.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={text:"text_a051d77ee6",disabled:"disabled_52de1e4c5d"};!function(e){const t="s_id-1dee71639eb3_3_82_3";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".text_a051d77ee6 {\n  color: var(--primary-text-color);\n  font-style: normal;\n  font-weight: normal;\n  font-size: 14px;\n  line-height: 22px;\n}\n\n.disabled_52de1e4c5d {\n  color: var(--disabled-text-color);\n}");export{e as default};
+var e={text:"text_9d02f33992",disabled:"disabled_f8f8f349c5"};!function(e){const t="s_id-1dee71639eb3_3_83_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".text_9d02f33992 {\n  color: var(--primary-text-color);\n  font-style: normal;\n  font-weight: normal;\n  font-size: 14px;\n  line-height: 22px;\n}\n\n.disabled_f8f8f349c5 {\n  color: var(--disabled-text-color);\n}");export{e as default};
 //# sourceMappingURL=ToggleText.module.scss.js.map

package/dist/src/components/TransitionView/TransitionView.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={slideshow:"slideshow_7712596ef9"};!function(e){const t="s_id-1d828e3be878_3_82_3";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".slideshow_7712596ef9 {\n  width: 100%;\n  height: 100%;\n  min-height: 0;\n}");export{e as default};
+var e={slideshow:"slideshow_64a16606b6"};!function(e){const t="s_id-1d828e3be878_3_83_1";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".slideshow_64a16606b6 {\n  width: 100%;\n  height: 100%;\n  min-height: 0;\n}");export{e as default};
 //# sourceMappingURL=TransitionView.module.scss.js.map

package/dist/src/components/VirtualizedGrid/VirtualizedGrid.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={virtualizedGridWrapper:"virtualizedGridWrapper_a9fc1d0668"};!function(e){const t="s_id-03a8eed790d8_3_82_3";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,d.firstChild?d.insertBefore(i,d.firstChild):d.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.virtualizedGridWrapper_a9fc1d0668 {\n  height: 100%;\n  width: 100%;\n}");export{e as default};
+var e={virtualizedGridWrapper:"virtualizedGridWrapper_0270bec698"};!function(e){const t="s_id-03a8eed790d8_3_83_1";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,d.firstChild?d.insertBefore(i,d.firstChild):d.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.virtualizedGridWrapper_0270bec698 {\n  height: 100%;\n  width: 100%;\n}");export{e as default};
 //# sourceMappingURL=VirtualizedGrid.module.scss.js.map

package/dist/src/components/VirtualizedList/VirtualizedList.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={virtualizedListWrapper:"virtualizedListWrapper_a9fc1d0668"};!function(e){const t="s_id-9250e4cf6c59_3_82_3";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,i.firstChild?i.insertBefore(d,i.firstChild):i.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.virtualizedListWrapper_a9fc1d0668 {\n  height: 100%;\n  width: 100%;\n}");export{e as default};
+var e={virtualizedListWrapper:"virtualizedListWrapper_0270bec698"};!function(e){const t="s_id-9250e4cf6c59_3_83_1";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,i.firstChild?i.insertBefore(n,i.firstChild):i.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.virtualizedListWrapper_0270bec698 {\n  height: 100%;\n  width: 100%;\n}");export{e as default};
 //# sourceMappingURL=VirtualizedList.module.scss.js.map

package/dist/src/components/next/AttentionBox/AttentionBox.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var n={attention:"attention_4915e6bb91",animate:"animate_fbc4fc785a",attentionBoxAnimation:"attentionBoxAnimation_bf8d72f5ce",primary:"primary_4efb714866",positive:"positive_97562bc4fa",negative:"negative_0976d2af3f",warning:"warning_3f747d3869",neutral:"neutral_9d590414fd"};!function(n){const e="s_id-4a6eadcbcb7d_3_82_3";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}("@keyframes attentionBoxAnimation_bf8d72f5ce {\n  0% {\n    opacity: 0;\n    transform: translateY(-10px);\n  }\n  50% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n.attention_4915e6bb91 {\n  width: 100%;\n  border-radius: var(--border-radius-medium);\n  padding: var(--space-12) var(--space-16);\n  position: relative;\n  overflow: hidden;\n}\n.attention_4915e6bb91.animate_fbc4fc785a {\n  animation: attentionBoxAnimation_bf8d72f5ce 200ms var(--motion-timing-transition);\n}\n.attention_4915e6bb91.primary_4efb714866 {\n  background-color: var(--primary-selected-color);\n}\n.attention_4915e6bb91.positive_97562bc4fa {\n  background-color: var(--positive-color-selected);\n}\n.attention_4915e6bb91.negative_0976d2af3f {\n  background-color: var(--negative-color-selected);\n}\n.attention_4915e6bb91.warning_3f747d3869 {\n  background-color: var(--warning-color-selected);\n}\n.attention_4915e6bb91.neutral_9d590414fd {\n  background-color: var(--allgrey-background-color);\n}");export{n as default};
+var n={attention:"attention_0989e4a42f",animate:"animate_97f062d01a",attentionBoxAnimation:"attentionBoxAnimation_722c0f49b0",primary:"primary_6eb1603050",positive:"positive_8aa3ed709a",negative:"negative_a25adbd2a4",warning:"warning_f6210b63ae",neutral:"neutral_530ba62a0d"};!function(n){const a="s_id-4a6eadcbcb7d_3_83_1";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];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))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=n)}("@keyframes attentionBoxAnimation_722c0f49b0 {\n  0% {\n    opacity: 0;\n    transform: translateY(-10px);\n  }\n  50% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n.attention_0989e4a42f {\n  width: 100%;\n  border-radius: var(--border-radius-medium);\n  padding: var(--space-12) var(--space-16);\n  position: relative;\n  overflow: hidden;\n}\n.attention_0989e4a42f.animate_97f062d01a {\n  animation: attentionBoxAnimation_722c0f49b0 200ms var(--motion-timing-transition);\n}\n.attention_0989e4a42f.primary_6eb1603050 {\n  background-color: var(--primary-selected-color);\n}\n.attention_0989e4a42f.positive_8aa3ed709a {\n  background-color: var(--positive-color-selected);\n}\n.attention_0989e4a42f.negative_a25adbd2a4 {\n  background-color: var(--negative-color-selected);\n}\n.attention_0989e4a42f.warning_f6210b63ae {\n  background-color: var(--warning-color-selected);\n}\n.attention_0989e4a42f.neutral_530ba62a0d {\n  background-color: var(--allgrey-background-color);\n}");export{n as default};
 //# sourceMappingURL=AttentionBox.module.scss.js.map

package/dist/src/components/next/AttentionBox/components/AttentionBoxCloseButton/AttentionBoxCloseButton.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import o from"react";import t from"classnames";import e from"../../../../IconButton/IconButton.js";import s from"./AttentionBoxCloseButton.module.scss.js";import r from"../../../../../../icons/dist/react/CloseSmall.js";var a=function(a){var i=a.closeButtonAriaLabel;return o.createElement(e,{icon:r,size:"xs",kind:"tertiary",onClick:a.onClose,ariaLabel:void 0===i?"Close":i,hideTooltip:!0,className:t(s.closeButton,a.className)})};export{a as default};
+import o from"react";import t from"classnames";import e from"./AttentionBoxCloseButton.module.scss.js";import s from"../../../../../../components/icon-button/dist/IconButton/IconButton.js";import n from"../../../../../../icons/dist/react/CloseSmall.js";var r=function(r){var i=r.closeButtonAriaLabel;return o.createElement(s,{icon:n,size:"xs",kind:"tertiary",onClick:r.onClose,ariaLabel:void 0===i?"Close":i,hideTooltip:!0,className:t(e.closeButton,r.className)})};export{r as default};
 //# sourceMappingURL=AttentionBoxCloseButton.js.map

package/dist/src/components/next/AttentionBox/components/AttentionBoxCloseButton/AttentionBoxCloseButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AttentionBoxCloseButton.js","sources":["../../../../../../../src/components/next/AttentionBox/components/AttentionBoxCloseButton/AttentionBoxCloseButton.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport { IconButton } from \"~~../../../../IconButton~~\";\nimport { CloseSmall } from \"@vibe/icons\";\nimport styles from \"./AttentionBoxCloseButton.module.scss\";\n\nexport interface AttentionBoxCloseButtonProps {\n onClose?: (event: React.MouseEvent) => void;\n closeButtonAriaLabel?: string;\n className?: string;\n}\n\nconst AttentionBoxCloseButton = ({\n onClose,\n closeButtonAriaLabel = \"Close\",\n className\n}: AttentionBoxCloseButtonProps) => {\n return (\n <IconButton\n icon={CloseSmall}\n size=\"xs\"\n kind=\"tertiary\"\n onClick={onClose}\n ariaLabel={closeButtonAriaLabel}\n hideTooltip\n className={cx(styles.closeButton, className)}\n />\n );\n};\n\nexport default AttentionBoxCloseButton;\n"],"names":["AttentionBoxCloseButton","_ref","_ref$closeButtonAriaL","closeButtonAriaLabel","React","createElement","IconButton","icon","CloseSmall","size","kind","onClick","onClose","ariaLabel","hideTooltip","className","cx","styles","closeButton"],"mappings":"~~2NAYA~~,IAAMA,EAA0B,SAAHC,GAIM,IAH1BC,EAAAD,EACPE,qBAGA,OACEC,EAACC,cAAAC,EACC,CAAAC,KAAMC,EACNC,KAAK,KACLC,KAAK,WACLC,QATGV,EAAPW,QAUIC,eATmB,IAAHX,EAAG,QAAOA,EAU1BY,aAAW,EACXC,UAAWC,EAAGC,EAAOC,YAVhBjB,EAATc,YAaF"}
1	+ {"version":3,"file":"AttentionBoxCloseButton.js","sources":["../../../../../../../src/components/next/AttentionBox/components/AttentionBoxCloseButton/AttentionBoxCloseButton.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport { IconButton } from \"@vibe/icon-button\";\nimport { CloseSmall } from \"@vibe/icons\";\nimport styles from \"./AttentionBoxCloseButton.module.scss\";\n\nexport interface AttentionBoxCloseButtonProps {\n onClose?: (event: React.MouseEvent) => void;\n closeButtonAriaLabel?: string;\n className?: string;\n}\n\nconst AttentionBoxCloseButton = ({\n onClose,\n closeButtonAriaLabel = \"Close\",\n className\n}: AttentionBoxCloseButtonProps) => {\n return (\n <IconButton\n icon={CloseSmall}\n size=\"xs\"\n kind=\"tertiary\"\n onClick={onClose}\n ariaLabel={closeButtonAriaLabel}\n hideTooltip\n className={cx(styles.closeButton, className)}\n />\n );\n};\n\nexport default AttentionBoxCloseButton;\n"],"names":["AttentionBoxCloseButton","_ref","_ref$closeButtonAriaL","closeButtonAriaLabel","React","createElement","IconButton","icon","CloseSmall","size","kind","onClick","onClose","ariaLabel","hideTooltip","className","cx","styles","closeButton"],"mappings":"6PAYA,IAAMA,EAA0B,SAAHC,GAIM,IAH1BC,EAAAD,EACPE,qBAGA,OACEC,EAACC,cAAAC,EACC,CAAAC,KAAMC,EACNC,KAAK,KACLC,KAAK,WACLC,QATGV,EAAPW,QAUIC,eATmB,IAAHX,EAAG,QAAOA,EAU1BY,aAAW,EACXC,UAAWC,EAAGC,EAAOC,YAVhBjB,EAATc,YAaF"}

package/dist/src/components/next/AttentionBox/components/AttentionBoxCloseButton/AttentionBoxCloseButton.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={closeButton:"closeButton_ca3905fedf"};!function(e){const t="s_id-979f8aeb619b_3_82_3";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".closeButton_ca3905fedf {\n  flex-shrink: 0;\n}\n.closeButton_ca3905fedf:hover {\n  background-color: var(--primary-background-hover-color);\n}");export{e as default};
+var e={closeButton:"closeButton_3000603c51"};!function(e){const t="s_id-979f8aeb619b_3_83_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".closeButton_3000603c51 {\n  flex-shrink: 0;\n}\n.closeButton_3000603c51:hover {\n  background-color: var(--primary-background-hover-color);\n}");export{e as default};
 //# sourceMappingURL=AttentionBoxCloseButton.module.scss.js.map

package/dist/src/components/next/AttentionBox/components/AttentionBoxLeadingIcon/AttentionBoxLeadingIcon.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={icon:"icon_ccc1ab7549"};!function(e){const t="s_id-55a80ba34ba3_3_82_3";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const c=document.createElement("style");c.id=t,n.firstChild?n.insertBefore(c,n.firstChild):n.appendChild(c),c.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".icon_ccc1ab7549 {\n  color: var(--primary-text-color);\n  flex-shrink: 0;\n}");export{e as default};
+var e={icon:"icon_9ca6ec6e68"};!function(e){const t="s_id-55a80ba34ba3_3_83_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const c=document.createElement("style");c.id=t,n.firstChild?n.insertBefore(c,n.firstChild):n.appendChild(c),c.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".icon_9ca6ec6e68 {\n  color: var(--primary-text-color);\n  flex-shrink: 0;\n}");export{e as default};
 //# sourceMappingURL=AttentionBoxLeadingIcon.module.scss.js.map

package/dist/src/components/next/AttentionBox/components/AttentionBoxLink/AttentionBoxLink.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={attentionBoxLink:"attentionBoxLink_1adebbbf10"};!function(e){const t="s_id-f7cefb69d475_3_82_3";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("a.attentionBoxLink_1adebbbf10 {\n  color: var(--primary-text-color);\n  text-decoration: underline;\n}");export{e as default};
+var e={attentionBoxLink:"attentionBoxLink_2dfb72d507"};!function(e){const t="s_id-f7cefb69d475_3_83_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("a.attentionBoxLink_2dfb72d507 {\n  color: var(--primary-text-color);\n  text-decoration: underline;\n}");export{e as default};
 //# sourceMappingURL=AttentionBoxLink.module.scss.js.map

package/dist/src/components/next/AttentionBox/layouts/AttentionBoxCompact/AttentionBoxCompact.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import t from"react";import e from"../../../../Text/Text.js";import o from"../../components/AttentionBoxButton/AttentionBoxButton.js";import n from"../../components/AttentionBoxLink/AttentionBoxLink.js";import i from"../../components/AttentionBoxCloseButton/AttentionBoxCloseButton.js";import s from"../../components/AttentionBoxLeadingIcon/AttentionBoxLeadingIcon.js";import a from"./AttentionBoxCompact.module.scss.js";import c from"../../../../../../components/layout/dist/Flex/Flex.js";var m=function(m){var r=m.icon,l=m.onClose,p=m.closeButtonAriaLabel,x=void 0===p?"Close":p,B=m.action,u=m.link,f=m.content,A=!(!B&&!u);return t.createElement(c,{align:"center",className:a.container},t.createElement(c,{gap:"xs",flex:"1",className:a.mainContentGroup},r&&t.createElement(s,{icon:r,iconType:m.iconType,className:a.leadingIcon}),t.createElement(e,{type:"text2",element:"string"==typeof f?"p":void 0,ellipsis:!0},f)),(A||!!l)&&t.createElement(c,{className:a.actionsGroup},u&&t.createElement(n,Object.assign({},u,{inlineText:!1})),B&&t.createElement(o,Object.assign({},B)),!!l&&t.createElement(i,{onClose:l,closeButtonAriaLabel:x})))};export{m as default};
+import t from"react";import e from"../../components/AttentionBoxButton/AttentionBoxButton.js";import o from"../../components/AttentionBoxLink/AttentionBoxLink.js";import n from"../../components/AttentionBoxCloseButton/AttentionBoxCloseButton.js";import i from"../../components/AttentionBoxLeadingIcon/AttentionBoxLeadingIcon.js";import s from"./AttentionBoxCompact.module.scss.js";import a from"../../../../../../components/layout/dist/Flex/Flex.js";import c from"../../../../../../components/typography/dist/Text/Text.js";var m=function(m){var r=m.icon,l=m.onClose,p=m.closeButtonAriaLabel,x=void 0===p?"Close":p,B=m.action,u=m.link,f=m.content,A=!(!B&&!u);return t.createElement(a,{align:"center",className:s.container},t.createElement(a,{gap:"xs",flex:"1",className:s.mainContentGroup},r&&t.createElement(i,{icon:r,iconType:m.iconType,className:s.leadingIcon}),t.createElement(c,{type:"text2",element:"string"==typeof f?"p":void 0,ellipsis:!0},f)),(A||!!l)&&t.createElement(a,{className:s.actionsGroup},u&&t.createElement(o,Object.assign({},u,{inlineText:!1})),B&&t.createElement(e,Object.assign({},B)),!!l&&t.createElement(n,{onClose:l,closeButtonAriaLabel:x})))};export{m as default};
 //# sourceMappingURL=AttentionBoxCompact.js.map

package/dist/src/components/next/AttentionBox/layouts/AttentionBoxCompact/AttentionBoxCompact.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AttentionBoxCompact.js","sources":["../../../../../../../src/components/next/AttentionBox/layouts/AttentionBoxCompact/AttentionBoxCompact.tsx"],"sourcesContent":["import React from \"react\";\nimport { Flex } from \"@vibe/layout\";\nimport Text from \"~~../../../../Text~~/~~Text~~\";\nimport AttentionBoxButton from \"../../components/AttentionBoxButton/AttentionBoxButton\";\nimport AttentionBoxLink from \"../../components/AttentionBoxLink/AttentionBoxLink\";\nimport AttentionBoxCloseButton from \"../../components/AttentionBoxCloseButton/AttentionBoxCloseButton\";\nimport AttentionBoxLeadingIcon from \"../../components/AttentionBoxLeadingIcon/AttentionBoxLeadingIcon\";\nimport styles from \"./AttentionBoxCompact.module.scss\";\nimport type { AttentionBoxLayoutSharedProps } from \"../../AttentionBox.types\";\n\nexport type AttentionBoxCompactProps = AttentionBoxLayoutSharedProps;\n\nconst AttentionBoxCompact = ({\n icon,\n iconType,\n onClose,\n closeButtonAriaLabel = \"Close\",\n action,\n link,\n content\n}: AttentionBoxCompactProps) => {\n const hasActions = !!(action \|\| link);\n\n return (\n <Flex align=\"center\" className={styles.container}>\n <Flex gap=\"xs\" flex=\"1\" className={styles.mainContentGroup}>\n {icon && <AttentionBoxLeadingIcon icon={icon} iconType={iconType} className={styles.leadingIcon} />}\n <Text type=\"text2\" element={typeof content === \"string\" ? \"p\" : undefined} ellipsis>\n {content}\n </Text>\n </Flex>\n {(hasActions \|\| !!onClose) && (\n <Flex className={styles.actionsGroup}>\n {link && <AttentionBoxLink {...link} inlineText={false} />}\n {action && <AttentionBoxButton {...action} />}\n {!!onClose && <AttentionBoxCloseButton onClose={onClose} closeButtonAriaLabel={closeButtonAriaLabel} />}\n </Flex>\n )}\n </Flex>\n );\n};\n\nexport default AttentionBoxCompact;\n"],"names":["AttentionBoxCompact","_ref","icon","onClose","_ref$closeButtonAriaL","closeButtonAriaLabel","action","link","content","hasActions","React","createElement","Flex","align","className","styles","container","gap","flex","mainContentGroup","AttentionBoxLeadingIcon","iconType","leadingIcon","Text","type","element","undefined","ellipsis","actionsGroup","AttentionBoxLink","Object","assign","inlineText","AttentionBoxButton","AttentionBoxCloseButton"],"mappings":"~~0eAYA~~,IAAMA,EAAsB,SAAHC,GAQM,IAP7BC,EAAID,EAAJC,KAEAC,EAAOF,EAAPE,QAAOC,EAAAH,EACPI,qBAAAA,OAAuB,IAAHD,EAAG,QAAOA,EAC9BE,EAAML,EAANK,OACAC,EAAIN,EAAJM,KACAC,EAAOP,EAAPO,QAEMC,KAAgBH,IAAUC,GAEhC,OACEG,EAAAC,cAACC,EAAI,CAACC,MAAM,SAASC,UAAWC,EAAOC,WACrCN,EAAAC,cAACC,EAAI,CAACK,IAAI,KAAKC,KAAK,IAAIJ,UAAWC,EAAOI,kBACvCjB,GAAQQ,EAACC,cAAAS,EAAwB,CAAAlB,KAAMA,EAAMmB,SAZ5CpB,EAARoB,SAYwEP,UAAWC,EAAOO,cACpFZ,EAACC,cAAAY,EAAK,CAAAC,KAAK,QAAQC,QAA4B,iBAAZjB,EAAuB,SAAMkB,EAAWC,UAAQ,GAChFnB,KAGHC,KAAgBN,IAChBO,EAAAC,cAACC,EAAK,CAAAE,UAAWC,EAAOa,cACrBrB,GAAQG,gBAACmB,EAAgBC,OAAAC,OAAA,CAAA,EAAKxB,EAAM,CAAAyB,YAAY,KAChD1B,GAAUI,EAAAC,cAACsB,EAAkBH,OAAAC,OAAA,CAAA,EAAKzB,MAChCH,GAAWO,gBAACwB,EAAuB,CAAC/B,QAASA,EAASE,qBAAsBA,KAKzF"}
1	+ {"version":3,"file":"AttentionBoxCompact.js","sources":["../../../../../../../src/components/next/AttentionBox/layouts/AttentionBoxCompact/AttentionBoxCompact.tsx"],"sourcesContent":["import React from \"react\";\nimport { Flex } from \"@vibe/layout\";\nimport { Text } from \"@vibe/typography\";\nimport AttentionBoxButton from \"../../components/AttentionBoxButton/AttentionBoxButton\";\nimport AttentionBoxLink from \"../../components/AttentionBoxLink/AttentionBoxLink\";\nimport AttentionBoxCloseButton from \"../../components/AttentionBoxCloseButton/AttentionBoxCloseButton\";\nimport AttentionBoxLeadingIcon from \"../../components/AttentionBoxLeadingIcon/AttentionBoxLeadingIcon\";\nimport styles from \"./AttentionBoxCompact.module.scss\";\nimport type { AttentionBoxLayoutSharedProps } from \"../../AttentionBox.types\";\n\nexport type AttentionBoxCompactProps = AttentionBoxLayoutSharedProps;\n\nconst AttentionBoxCompact = ({\n icon,\n iconType,\n onClose,\n closeButtonAriaLabel = \"Close\",\n action,\n link,\n content\n}: AttentionBoxCompactProps) => {\n const hasActions = !!(action \|\| link);\n\n return (\n <Flex align=\"center\" className={styles.container}>\n <Flex gap=\"xs\" flex=\"1\" className={styles.mainContentGroup}>\n {icon && <AttentionBoxLeadingIcon icon={icon} iconType={iconType} className={styles.leadingIcon} />}\n <Text type=\"text2\" element={typeof content === \"string\" ? \"p\" : undefined} ellipsis>\n {content}\n </Text>\n </Flex>\n {(hasActions \|\| !!onClose) && (\n <Flex className={styles.actionsGroup}>\n {link && <AttentionBoxLink {...link} inlineText={false} />}\n {action && <AttentionBoxButton {...action} />}\n {!!onClose && <AttentionBoxCloseButton onClose={onClose} closeButtonAriaLabel={closeButtonAriaLabel} />}\n </Flex>\n )}\n </Flex>\n );\n};\n\nexport default AttentionBoxCompact;\n"],"names":["AttentionBoxCompact","_ref","icon","onClose","_ref$closeButtonAriaL","closeButtonAriaLabel","action","link","content","hasActions","React","createElement","Flex","align","className","styles","container","gap","flex","mainContentGroup","AttentionBoxLeadingIcon","iconType","leadingIcon","Text","type","element","undefined","ellipsis","actionsGroup","AttentionBoxLink","Object","assign","inlineText","AttentionBoxButton","AttentionBoxCloseButton"],"mappings":"2gBAYA,IAAMA,EAAsB,SAAHC,GAQM,IAP7BC,EAAID,EAAJC,KAEAC,EAAOF,EAAPE,QAAOC,EAAAH,EACPI,qBAAAA,OAAuB,IAAHD,EAAG,QAAOA,EAC9BE,EAAML,EAANK,OACAC,EAAIN,EAAJM,KACAC,EAAOP,EAAPO,QAEMC,KAAgBH,IAAUC,GAEhC,OACEG,EAAAC,cAACC,EAAI,CAACC,MAAM,SAASC,UAAWC,EAAOC,WACrCN,EAAAC,cAACC,EAAI,CAACK,IAAI,KAAKC,KAAK,IAAIJ,UAAWC,EAAOI,kBACvCjB,GAAQQ,EAACC,cAAAS,EAAwB,CAAAlB,KAAMA,EAAMmB,SAZ5CpB,EAARoB,SAYwEP,UAAWC,EAAOO,cACpFZ,EAACC,cAAAY,EAAK,CAAAC,KAAK,QAAQC,QAA4B,iBAAZjB,EAAuB,SAAMkB,EAAWC,UAAQ,GAChFnB,KAGHC,KAAgBN,IAChBO,EAAAC,cAACC,EAAK,CAAAE,UAAWC,EAAOa,cACrBrB,GAAQG,gBAACmB,EAAgBC,OAAAC,OAAA,CAAA,EAAKxB,EAAM,CAAAyB,YAAY,KAChD1B,GAAUI,EAAAC,cAACsB,EAAkBH,OAAAC,OAAA,CAAA,EAAKzB,MAChCH,GAAWO,gBAACwB,EAAuB,CAAC/B,QAASA,EAASE,qBAAsBA,KAKzF"}

package/dist/src/components/next/AttentionBox/layouts/AttentionBoxCompact/AttentionBoxCompact.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={container:"container_cee58dca2e",mainContentGroup:"mainContentGroup_92a08e9bf7",leadingIcon:"leadingIcon_8b63c3cf4f",actionsGroup:"actionsGroup_603011269b"};!function(e){const n="s_id-2f71fab0a877_3_82_3";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".container_cee58dca2e {\n  gap: var(--space-32);\n}\n\n.mainContentGroup_92a08e9bf7 {\n  min-width: 0;\n}\n\n.leadingIcon_8b63c3cf4f {\n  align-self: flex-start;\n}\n\n.actionsGroup_603011269b {\n  gap: var(--space-12);\n}");export{e as default};
+var e={container:"container_3532d10733",mainContentGroup:"mainContentGroup_8a3aaac943",leadingIcon:"leadingIcon_58fd626f74",actionsGroup:"actionsGroup_7e7e4a24e5"};!function(e){const n="s_id-2f71fab0a877_3_83_1";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".container_3532d10733 {\n  gap: var(--space-32);\n}\n\n.mainContentGroup_8a3aaac943 {\n  min-width: 0;\n}\n\n.leadingIcon_58fd626f74 {\n  align-self: flex-start;\n}\n\n.actionsGroup_7e7e4a24e5 {\n  gap: var(--space-12);\n}");export{e as default};
 //# sourceMappingURL=AttentionBoxCompact.module.scss.js.map

package/dist/src/components/next/AttentionBox/layouts/AttentionBoxDefault/AttentionBoxDefault.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{defineProperty as t}from"../../../../../../_virtual/_rollupPluginBabelHelpers.js";import e from"react";import o from"classnames";import n from"../../../../Text/Text.js";import s from"../../components/AttentionBoxButton/AttentionBoxButton.js";import i from"../../components/AttentionBoxLink/AttentionBoxLink.js";import a from"../../components/AttentionBoxCloseButton/AttentionBoxCloseButton.js";import l from"../../components/AttentionBoxLeadingIcon/AttentionBoxLeadingIcon.js";import m from"./AttentionBoxDefault.module.scss.js";import r from"../../../../../../components/layout/dist/Flex/Flex.js";var c=function(c){var p=c.title,u=c.icon,x=c.iconType,B=c.onClose,f=c.closeButtonAriaLabel,A=void 0===f?"Close":f,d=c.action,j=c.link,g=c.content,E=d||j;return e.createElement("div",{className:o(m.container,t(t(t(t({},m.hasIcon,!!u),m.hasTitle,!!p),m.hasActions,E),m.hasCloseButton,!!B))},u&&e.createElement(l,{icon:u,iconType:x,className:m.icon}),p&&e.createElement(n,{type:"text1",weight:"medium",className:m.title},p),!!B&&e.createElement(a,{onClose:B,closeButtonAriaLabel:A,className:m.closeButton}),e.createElement(n,{type:"text2",className:m.text,ellipsis:!1,element:"string"==typeof g?"p":void 0},g),E&&e.createElement(r,{gap:"medium",className:m.actions},j&&e.createElement(i,Object.assign({},j,{inlineText:!1})),d&&e.createElement(s,Object.assign({},d))))};export{c as default};
+import{defineProperty as t}from"../../../../../../_virtual/_rollupPluginBabelHelpers.js";import e from"react";import o from"classnames";import n from"../../components/AttentionBoxButton/AttentionBoxButton.js";import s from"../../components/AttentionBoxLink/AttentionBoxLink.js";import i from"../../components/AttentionBoxCloseButton/AttentionBoxCloseButton.js";import a from"../../components/AttentionBoxLeadingIcon/AttentionBoxLeadingIcon.js";import m from"./AttentionBoxDefault.module.scss.js";import l from"../../../../../../components/typography/dist/Text/Text.js";import r from"../../../../../../components/layout/dist/Flex/Flex.js";var c=function(c){var p=c.title,u=c.icon,x=c.iconType,B=c.onClose,f=c.closeButtonAriaLabel,d=void 0===f?"Close":f,A=c.action,j=c.link,g=c.content,y=A||j;return e.createElement("div",{className:o(m.container,t(t(t(t({},m.hasIcon,!!u),m.hasTitle,!!p),m.hasActions,y),m.hasCloseButton,!!B))},u&&e.createElement(a,{icon:u,iconType:x,className:m.icon}),p&&e.createElement(l,{type:"text1",weight:"medium",className:m.title},p),!!B&&e.createElement(i,{onClose:B,closeButtonAriaLabel:d,className:m.closeButton}),e.createElement(l,{type:"text2",className:m.text,ellipsis:!1,element:"string"==typeof g?"p":void 0},g),y&&e.createElement(r,{gap:"medium",className:m.actions},j&&e.createElement(s,Object.assign({},j,{inlineText:!1})),A&&e.createElement(n,Object.assign({},A))))};export{c as default};
 //# sourceMappingURL=AttentionBoxDefault.js.map

package/dist/src/components/next/AttentionBox/layouts/AttentionBoxDefault/AttentionBoxDefault.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AttentionBoxDefault.js","sources":["../../../../../../../src/components/next/AttentionBox/layouts/AttentionBoxDefault/AttentionBoxDefault.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport { Text } from \"~~../../../../Text~~\";\nimport { Flex } from \"@vibe/layout\";\nimport AttentionBoxButton from \"../../components/AttentionBoxButton/AttentionBoxButton\";\nimport AttentionBoxLink from \"../../components/AttentionBoxLink/AttentionBoxLink\";\nimport AttentionBoxCloseButton from \"../../components/AttentionBoxCloseButton/AttentionBoxCloseButton\";\nimport AttentionBoxLeadingIcon from \"../../components/AttentionBoxLeadingIcon/AttentionBoxLeadingIcon\";\nimport styles from \"./AttentionBoxDefault.module.scss\";\nimport type { AttentionBoxLayoutSharedProps, AttentionBoxProps } from \"../../AttentionBox.types\";\n\nexport type AttentionBoxDefaultProps = AttentionBoxLayoutSharedProps & Pick<AttentionBoxProps, \"title\">;\n\nconst AttentionBoxDefault = ({\n title,\n icon,\n iconType,\n onClose,\n closeButtonAriaLabel = \"Close\",\n action,\n link,\n content\n}: AttentionBoxDefaultProps) => {\n const hasActions = action \|\| link;\n\n return (\n <div\n className={cx(styles.container, {\n [styles.hasIcon]: !!icon,\n [styles.hasTitle]: !!title,\n [styles.hasActions]: hasActions,\n [styles.hasCloseButton]: !!onClose\n })}\n >\n {icon && <AttentionBoxLeadingIcon icon={icon} iconType={iconType} className={styles.icon} />}\n\n {title && (\n <Text type=\"text1\" weight=\"medium\" className={styles.title}>\n {title}\n </Text>\n )}\n\n {!!onClose && (\n <AttentionBoxCloseButton\n onClose={onClose}\n closeButtonAriaLabel={closeButtonAriaLabel}\n className={styles.closeButton}\n />\n )}\n\n <Text\n type=\"text2\"\n className={styles.text}\n ellipsis={false}\n element={typeof content === \"string\" ? \"p\" : undefined}\n >\n {content}\n </Text>\n\n {hasActions && (\n <Flex gap=\"medium\" className={styles.actions}>\n {link && <AttentionBoxLink {...link} inlineText={false} />}\n {action && <AttentionBoxButton {...action} />}\n </Flex>\n )}\n </div>\n );\n};\n\nexport default AttentionBoxDefault;\n"],"names":["AttentionBoxDefault","_ref","title","icon","iconType","onClose","_ref$closeButtonAriaL","closeButtonAriaLabel","action","link","content","hasActions","React","className","cx","styles","container","_defineProperty","hasIcon","hasTitle","hasCloseButton","createElement","AttentionBoxLeadingIcon","Text","type","weight","AttentionBoxCloseButton","closeButton","text","ellipsis","element","undefined","Flex","gap","actions","AttentionBoxLink","Object","assign","inlineText","AttentionBoxButton"],"mappings":"~~6lBAaA~~,IAAMA,EAAsB,SAAHC,GASM,IAR7BC,EAAKD,EAALC,MACAC,EAAIF,EAAJE,KACAC,EAAQH,EAARG,SACAC,EAAOJ,EAAPI,QAAOC,EAAAL,EACPM,qBAAAA,OAAuB,IAAHD,EAAG,QAAOA,EAC9BE,EAAMP,EAANO,OACAC,EAAIR,EAAJQ,KACAC,EAAOT,EAAPS,QAEMC,EAAaH,GAAUC,EAE7B,OACEG,uBACEC,UAAWC,EAAGC,EAAOC,UAASC,EAAAA,EAAAA,EAAAA,EAC3BF,CAAAA,EAAAA,EAAOG,UAAYf,GACnBY,EAAOI,WAAajB,GACpBa,EAAOJ,WAAaA,GACpBI,EAAOK,iBAAmBf,KAG5BF,GAAQS,EAACS,cAAAC,EAAwB,CAAAnB,KAAMA,EAAMC,SAAUA,EAAUS,UAAWE,EAAOZ,OAEnFD,GACCU,EAACS,cAAAE,GAAKC,KAAK,QAAQC,OAAO,SAASZ,UAAWE,EAAOb,OAClDA,KAIFG,GACDO,gBAACc,EAAuB,CACtBrB,QAASA,EACTE,qBAAsBA,EACtBM,UAAWE,EAAOY,cAItBf,EAAAS,cAACE,EAAI,CACHC,KAAK,QACLX,UAAWE,EAAOa,KAClBC,UAAU,EACVC,QAA4B,iBAAZpB,EAAuB,SAAMqB,GAE5CrB,GAGFC,GACCC,EAACS,cAAAW,EAAK,CAAAC,IAAI,SAASpB,UAAWE,EAAOmB,SAClCzB,GAAQG,gBAACuB,EAAgBC,OAAAC,OAAA,CAAA,EAAK5B,EAAM,CAAA6B,YAAY,KAChD9B,GAAUI,EAACS,cAAAkB,EAAuBH,OAAAC,OAAA,CAAA,EAAA7B,KAK7C"}
1	+ {"version":3,"file":"AttentionBoxDefault.js","sources":["../../../../../../../src/components/next/AttentionBox/layouts/AttentionBoxDefault/AttentionBoxDefault.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport { Text } from \"@vibe/typography\";\nimport { Flex } from \"@vibe/layout\";\nimport AttentionBoxButton from \"../../components/AttentionBoxButton/AttentionBoxButton\";\nimport AttentionBoxLink from \"../../components/AttentionBoxLink/AttentionBoxLink\";\nimport AttentionBoxCloseButton from \"../../components/AttentionBoxCloseButton/AttentionBoxCloseButton\";\nimport AttentionBoxLeadingIcon from \"../../components/AttentionBoxLeadingIcon/AttentionBoxLeadingIcon\";\nimport styles from \"./AttentionBoxDefault.module.scss\";\nimport type { AttentionBoxLayoutSharedProps, AttentionBoxProps } from \"../../AttentionBox.types\";\n\nexport type AttentionBoxDefaultProps = AttentionBoxLayoutSharedProps & Pick<AttentionBoxProps, \"title\">;\n\nconst AttentionBoxDefault = ({\n title,\n icon,\n iconType,\n onClose,\n closeButtonAriaLabel = \"Close\",\n action,\n link,\n content\n}: AttentionBoxDefaultProps) => {\n const hasActions = action \|\| link;\n\n return (\n <div\n className={cx(styles.container, {\n [styles.hasIcon]: !!icon,\n [styles.hasTitle]: !!title,\n [styles.hasActions]: hasActions,\n [styles.hasCloseButton]: !!onClose\n })}\n >\n {icon && <AttentionBoxLeadingIcon icon={icon} iconType={iconType} className={styles.icon} />}\n\n {title && (\n <Text type=\"text1\" weight=\"medium\" className={styles.title}>\n {title}\n </Text>\n )}\n\n {!!onClose && (\n <AttentionBoxCloseButton\n onClose={onClose}\n closeButtonAriaLabel={closeButtonAriaLabel}\n className={styles.closeButton}\n />\n )}\n\n <Text\n type=\"text2\"\n className={styles.text}\n ellipsis={false}\n element={typeof content === \"string\" ? \"p\" : undefined}\n >\n {content}\n </Text>\n\n {hasActions && (\n <Flex gap=\"medium\" className={styles.actions}>\n {link && <AttentionBoxLink {...link} inlineText={false} />}\n {action && <AttentionBoxButton {...action} />}\n </Flex>\n )}\n </div>\n );\n};\n\nexport default AttentionBoxDefault;\n"],"names":["AttentionBoxDefault","_ref","title","icon","iconType","onClose","_ref$closeButtonAriaL","closeButtonAriaLabel","action","link","content","hasActions","React","className","cx","styles","container","_defineProperty","hasIcon","hasTitle","hasCloseButton","createElement","AttentionBoxLeadingIcon","Text","type","weight","AttentionBoxCloseButton","closeButton","text","ellipsis","element","undefined","Flex","gap","actions","AttentionBoxLink","Object","assign","inlineText","AttentionBoxButton"],"mappings":"8nBAaA,IAAMA,EAAsB,SAAHC,GASM,IAR7BC,EAAKD,EAALC,MACAC,EAAIF,EAAJE,KACAC,EAAQH,EAARG,SACAC,EAAOJ,EAAPI,QAAOC,EAAAL,EACPM,qBAAAA,OAAuB,IAAHD,EAAG,QAAOA,EAC9BE,EAAMP,EAANO,OACAC,EAAIR,EAAJQ,KACAC,EAAOT,EAAPS,QAEMC,EAAaH,GAAUC,EAE7B,OACEG,uBACEC,UAAWC,EAAGC,EAAOC,UAASC,EAAAA,EAAAA,EAAAA,EAC3BF,CAAAA,EAAAA,EAAOG,UAAYf,GACnBY,EAAOI,WAAajB,GACpBa,EAAOJ,WAAaA,GACpBI,EAAOK,iBAAmBf,KAG5BF,GAAQS,EAACS,cAAAC,EAAwB,CAAAnB,KAAMA,EAAMC,SAAUA,EAAUS,UAAWE,EAAOZ,OAEnFD,GACCU,EAACS,cAAAE,GAAKC,KAAK,QAAQC,OAAO,SAASZ,UAAWE,EAAOb,OAClDA,KAIFG,GACDO,gBAACc,EAAuB,CACtBrB,QAASA,EACTE,qBAAsBA,EACtBM,UAAWE,EAAOY,cAItBf,EAAAS,cAACE,EAAI,CACHC,KAAK,QACLX,UAAWE,EAAOa,KAClBC,UAAU,EACVC,QAA4B,iBAAZpB,EAAuB,SAAMqB,GAE5CrB,GAGFC,GACCC,EAACS,cAAAW,EAAK,CAAAC,IAAI,SAASpB,UAAWE,EAAOmB,SAClCzB,GAAQG,gBAACuB,EAAgBC,OAAAC,OAAA,CAAA,EAAK5B,EAAM,CAAA6B,YAAY,KAChD9B,GAAUI,EAACS,cAAAkB,EAAuBH,OAAAC,OAAA,CAAA,EAAA7B,KAK7C"}

package/dist/src/components/next/AttentionBox/layouts/AttentionBoxDefault/AttentionBoxDefault.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var n={container:"container_081510e103",icon:"icon_e390a9dcba",title:"title_eaf8b218df",text:"text_b0b2d37b3d",actions:"actions_9aaf627b87",closeButton:"closeButton_8cce251dc9",hasIcon:"hasIcon_f6cd3c67a4",hasCloseButton:"hasCloseButton_60071f6c25",hasTitle:"hasTitle_c849ff5068"};!function(n){const e="s_id-d1aa0b2532e6_3_82_3";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const c=document.createElement("style");c.id=e,t.firstChild?t.insertBefore(c,t.firstChild):t.appendChild(c),c.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".container_081510e103 {\n  --grid-columns: auto 1fr auto;\n  display: grid;\n  gap: var(--space-4);\n  width: 100%;\n  grid-template-columns: var(--grid-columns);\n}\n.container_081510e103 .icon_e390a9dcba {\n  grid-column: 1;\n  grid-row: 1;\n  align-self: center;\n}\n.container_081510e103 .title_eaf8b218df {\n  grid-row: 1;\n  grid-column: 2;\n  align-self: center;\n}\n.container_081510e103 .text_b0b2d37b3d,\n.container_081510e103 .actions_9aaf627b87 {\n  grid-column: 2/-1;\n}\n.container_081510e103 .text_b0b2d37b3d {\n  grid-row: 2;\n  min-width: 0;\n  margin-inline-end: var(--space-8);\n}\n.container_081510e103 .closeButton_8cce251dc9 {\n  grid-row: 1;\n  grid-column: 3;\n  align-self: start;\n}\n.container_081510e103 .actions_9aaf627b87 {\n  grid-row: 3;\n  margin-block-start: var(--space-8);\n}\n.container_081510e103:not(.hasIcon_f6cd3c67a4) {\n  --grid-columns: 1fr auto;\n}\n.container_081510e103:not(.hasIcon_f6cd3c67a4):not(.hasCloseButton_60071f6c25) {\n  --grid-columns: 1fr;\n}\n.container_081510e103:not(.hasIcon_f6cd3c67a4) .title_eaf8b218df {\n  grid-column: 1;\n}\n.container_081510e103:not(.hasIcon_f6cd3c67a4) .text_b0b2d37b3d,\n.container_081510e103:not(.hasIcon_f6cd3c67a4) .actions_9aaf627b87 {\n  grid-column: 1/-1;\n}\n.container_081510e103:not(.hasIcon_f6cd3c67a4) .closeButton_8cce251dc9 {\n  grid-column: 2;\n}\n.container_081510e103:not(.hasCloseButton_60071f6c25) {\n  --grid-columns: auto 1fr;\n}\n.container_081510e103:not(.hasTitle_c849ff5068) .icon_e390a9dcba {\n  align-self: start;\n}\n.container_081510e103:not(.hasTitle_c849ff5068) .text_b0b2d37b3d {\n  grid-row: 1;\n  grid-column-end: -2;\n}\n.container_081510e103:not(.hasTitle_c849ff5068) .closeButton_8cce251dc9 {\n  margin-block-start: -1px;\n}\n.container_081510e103:not(.hasTitle_c849ff5068) .actions_9aaf627b87 {\n  grid-row: 2;\n}");export{n as default};
+var n={container:"container_8b079d3d2e",icon:"icon_94c50414af",title:"title_67591de5fe",text:"text_7d677dd729",actions:"actions_a729ace55b",closeButton:"closeButton_88fc00db77",hasIcon:"hasIcon_4260eeb420",hasCloseButton:"hasCloseButton_b18fa7706d",hasTitle:"hasTitle_4e4721d034"};!function(n){const e="s_id-d1aa0b2532e6_3_83_1";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const d=document.createElement("style");d.id=e,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".container_8b079d3d2e {\n  --grid-columns: auto 1fr auto;\n  display: grid;\n  gap: var(--space-4);\n  width: 100%;\n  grid-template-columns: var(--grid-columns);\n}\n.container_8b079d3d2e .icon_94c50414af {\n  grid-column: 1;\n  grid-row: 1;\n  align-self: center;\n}\n.container_8b079d3d2e .title_67591de5fe {\n  grid-row: 1;\n  grid-column: 2;\n  align-self: center;\n}\n.container_8b079d3d2e .text_7d677dd729,\n.container_8b079d3d2e .actions_a729ace55b {\n  grid-column: 2/-1;\n}\n.container_8b079d3d2e .text_7d677dd729 {\n  grid-row: 2;\n  min-width: 0;\n  margin-inline-end: var(--space-8);\n}\n.container_8b079d3d2e .closeButton_88fc00db77 {\n  grid-row: 1;\n  grid-column: 3;\n  align-self: start;\n}\n.container_8b079d3d2e .actions_a729ace55b {\n  grid-row: 3;\n  margin-block-start: var(--space-8);\n}\n.container_8b079d3d2e:not(.hasIcon_4260eeb420) {\n  --grid-columns: 1fr auto;\n}\n.container_8b079d3d2e:not(.hasIcon_4260eeb420):not(.hasCloseButton_b18fa7706d) {\n  --grid-columns: 1fr;\n}\n.container_8b079d3d2e:not(.hasIcon_4260eeb420) .title_67591de5fe {\n  grid-column: 1;\n}\n.container_8b079d3d2e:not(.hasIcon_4260eeb420) .text_7d677dd729,\n.container_8b079d3d2e:not(.hasIcon_4260eeb420) .actions_a729ace55b {\n  grid-column: 1/-1;\n}\n.container_8b079d3d2e:not(.hasIcon_4260eeb420) .closeButton_88fc00db77 {\n  grid-column: 2;\n}\n.container_8b079d3d2e:not(.hasCloseButton_b18fa7706d) {\n  --grid-columns: auto 1fr;\n}\n.container_8b079d3d2e:not(.hasTitle_4e4721d034) .icon_94c50414af {\n  align-self: start;\n}\n.container_8b079d3d2e:not(.hasTitle_4e4721d034) .text_7d677dd729 {\n  grid-row: 1;\n  grid-column-end: -2;\n}\n.container_8b079d3d2e:not(.hasTitle_4e4721d034) .closeButton_88fc00db77 {\n  margin-block-start: -1px;\n}\n.container_8b079d3d2e:not(.hasTitle_4e4721d034) .actions_a729ace55b {\n  grid-row: 2;\n}");export{n as default};
 //# sourceMappingURL=AttentionBoxDefault.module.scss.js.map

package/dist/src/components/next/DatePicker/DatePicker.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={datePicker:"datePicker_9d32b4c827",datePickerMonths:"datePickerMonths_2bb491bca9",withWeekNumber:"withWeekNumber_272beb12d9",datePickerHead:"datePickerHead_884d2cdc77",datePickerBody:"datePickerBody_884d2cdc77",datePickerTable:"datePickerTable_3a0af81b2a",datePickerDay:"datePickerDay_83ae4c1272",datePickerDayContent:"datePickerDayContent_25e4c462d7",datePickerDayDisabled:"datePickerDayDisabled_44b301df5f",datePickerAddToRangeStart:"datePickerAddToRangeStart_e40be5231b",datePickerAddToRangeEnd:"datePickerAddToRangeEnd_0d8277eb8e",datePickerAddToRangeMiddle:"datePickerAddToRangeMiddle_641005d1d8",datePickerDayRangeStart:"datePickerDayRangeStart_a32fce8cff",datePickerDayRangeEnd:"datePickerDayRangeEnd_1413face2f",datePickerDayOutside:"datePickerDayOutside_52de1e4c5d",datePickerDaySelected:"datePickerDaySelected_1413face2f",datePickerDayRangeMiddle:"datePickerDayRangeMiddle_de4c1454b5",datePickerRemoveFromRange:"datePickerRemoveFromRange_fcaa04eaa9",datePickerHalfRangeSelected:"datePickerHalfRangeSelected_4d9f04d2eb"};!function(e){const d="s_id-18acaee8f787_3_82_3";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+d))return;const c=document.createElement("style");c.id=d,a.firstChild?a.insertBefore(c,a.firstChild):a.appendChild(c),c.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}('/* stylelint-disable */\n/* stylelint-enable */\n.datePicker_9d32b4c827 {\n  --day-picker-header-height: 34px;\n  --day-picker-content-height: 234px;\n  --day-picker-day-width: 30px;\n  --day-picker-day-height: 30px;\n  --day-picker-days-horizontal-gap: 4px;\n  --day-picker-days-vertical-gap: 2px;\n  --day-picker-day-change-range: var(--primary-surface-color);\n}\n.datePicker_9d32b4c827 .datePickerMonths_2bb491bca9 {\n  display: flex;\n  flex-direction: row;\n  gap: var(--spacing-medium);\n  align-items: flex-start;\n}\n.datePicker_9d32b4c827.withWeekNumber_272beb12d9 {\n  --day-picker-days-horizontal-gap: 2px;\n  width: 284px;\n  margin: 0;\n}\n.datePicker_9d32b4c827.withWeekNumber_272beb12d9 .datePickerHead_884d2cdc77 td:first-child {\n  width: var(--day-picker-day-width);\n  border-top-left-radius: var(--border-radius-medium);\n  border-top-right-radius: var(--border-radius-medium);\n  background-color: var(--primary-background-hover-color);\n}\n.datePicker_9d32b4c827.withWeekNumber_272beb12d9 .datePickerHead_884d2cdc77 td:first-child::after {\n  color: var(--secondary-text-color);\n  font: var(--font-text2-normal);\n  display: flex;\n  justify-content: center;\n  content: "No.";\n}\n.datePicker_9d32b4c827.withWeekNumber_272beb12d9 .datePickerBody_884d2cdc77 td:first-child {\n  background-color: var(--primary-background-hover-color);\n}\n.datePicker_9d32b4c827.withWeekNumber_272beb12d9 .datePickerBody_884d2cdc77 tr:last-child td:first-child {\n  border-bottom-left-radius: var(--border-radius-medium);\n  border-bottom-right-radius: var(--border-radius-medium);\n}\n.datePicker_9d32b4c827 .datePickerTable_3a0af81b2a {\n  margin-top: var(--spacing-small);\n  border-collapse: collapse;\n  height: var(--day-picker-content-height);\n}\n.datePicker_9d32b4c827 .datePickerHead_884d2cdc77 th {\n  color: var(--secondary-text-color);\n  font: var(--font-text2-normal);\n  padding-block: var(--space-2);\n  text-align: center;\n  height: var(--day-picker-day-height);\n}\n.datePicker_9d32b4c827 .datePickerBody_884d2cdc77 td {\n  color: var(--secondary-text-color);\n  font: var(--font-text2-normal);\n  text-align: center;\n  padding: 0;\n}\n.datePicker_9d32b4c827 .datePickerBody_884d2cdc77 .datePickerDay_83ae4c1272 {\n  color: var(--primary-text-color);\n  font: var(--font-text2-normal);\n  width: var(--day-picker-day-width);\n  height: var(--day-picker-day-height);\n  background: none;\n  border: none;\n  cursor: pointer;\n  border-radius: var(--border-radius-small);\n  margin: var(--day-picker-days-vertical-gap) var(--day-picker-days-horizontal-gap);\n  padding: 0;\n}\n.datePicker_9d32b4c827 .datePickerBody_884d2cdc77 .datePickerDay_83ae4c1272 .datePickerDayContent_25e4c462d7 {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  border-radius: var(--border-radius-small);\n}\n.datePicker_9d32b4c827 .datePickerBody_884d2cdc77 .datePickerDay_83ae4c1272:focus-visible {\n  outline: none;\n}\n.datePicker_9d32b4c827 .datePickerBody_884d2cdc77 .datePickerDay_83ae4c1272:focus-visible .datePickerDayContent_25e4c462d7 {\n  outline: 2px solid var(--primary-color);\n}\n.datePicker_9d32b4c827 .datePickerBody_884d2cdc77 .datePickerDay_83ae4c1272.datePickerDayDisabled_44b301df5f {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.datePicker_9d32b4c827 .datePickerBody_884d2cdc77 .datePickerDay_83ae4c1272:not(.datePickerDayDisabled_44b301df5f):not(.datePickerAddToRangeStart_e40be5231b):not(.datePickerAddToRangeEnd_0d8277eb8e):not(.datePickerAddToRangeMiddle_641005d1d8):not(.datePickerDayRangeStart_a32fce8cff):not(.datePickerDayRangeEnd_1413face2f) .datePickerDayContent_25e4c462d7:hover {\n  background: var(--primary-background-hover-color);\n}\n.datePicker_9d32b4c827 .datePickerBody_884d2cdc77 .datePickerDay_83ae4c1272.datePickerDayOutside_52de1e4c5d {\n  color: var(--disabled-text-color);\n}\n.datePicker_9d32b4c827 .datePickerBody_884d2cdc77 .datePickerDay_83ae4c1272.datePickerDaySelected_1413face2f:not(.datePickerDayRangeMiddle_de4c1454b5):not(.datePickerRemoveFromRange_fcaa04eaa9) {\n  background: var(--primary-color);\n  color: var(--text-color-on-primary);\n}\n.datePicker_9d32b4c827 .datePickerBody_884d2cdc77 .datePickerDay_83ae4c1272.datePickerDayRangeStart_a32fce8cff:not(.datePickerDayRangeEnd_1413face2f):not(.datePickerRemoveFromRange_fcaa04eaa9), .datePicker_9d32b4c827 .datePickerBody_884d2cdc77 .datePickerDay_83ae4c1272.datePickerDayRangeEnd_1413face2f:not(.datePickerDayRangeStart_a32fce8cff):not(.datePickerRemoveFromRange_fcaa04eaa9) {\n  background: var(--primary-color);\n  width: calc(var(--day-picker-day-width) + var(--day-picker-days-horizontal-gap));\n}\n.datePicker_9d32b4c827 .datePickerBody_884d2cdc77 .datePickerDay_83ae4c1272.datePickerDayRangeStart_a32fce8cff.datePickerRemoveFromRange_fcaa04eaa9, .datePicker_9d32b4c827 .datePickerBody_884d2cdc77 .datePickerDay_83ae4c1272.datePickerDayRangeEnd_1413face2f.datePickerRemoveFromRange_fcaa04eaa9 {\n  background: var(--primary-color);\n  color: var(--text-color-on-primary);\n}\n.datePicker_9d32b4c827 .datePickerBody_884d2cdc77 .datePickerDay_83ae4c1272.datePickerDayRangeStart_a32fce8cff.datePickerRemoveFromRange_fcaa04eaa9:not(.datePickerDayRangeEnd_1413face2f), .datePicker_9d32b4c827 .datePickerBody_884d2cdc77 .datePickerDay_83ae4c1272.datePickerDayRangeEnd_1413face2f.datePickerRemoveFromRange_fcaa04eaa9:not(.datePickerDayRangeStart_a32fce8cff) {\n  width: calc(var(--day-picker-day-width) + var(--day-picker-days-horizontal-gap));\n}\n.datePicker_9d32b4c827 .datePickerBody_884d2cdc77 .datePickerDay_83ae4c1272.datePickerAddToRangeStart_e40be5231b, .datePicker_9d32b4c827 .datePickerBody_884d2cdc77 .datePickerDay_83ae4c1272.datePickerDayRangeStart_a32fce8cff:not(.datePickerDayRangeEnd_1413face2f) {\n  margin-right: 0;\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n.datePicker_9d32b4c827 .datePickerBody_884d2cdc77 .datePickerDay_83ae4c1272.datePickerAddToRangeEnd_0d8277eb8e, .datePicker_9d32b4c827 .datePickerBody_884d2cdc77 .datePickerDay_83ae4c1272.datePickerDayRangeEnd_1413face2f:not(.datePickerDayRangeStart_a32fce8cff) {\n  margin-left: 0;\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n.datePicker_9d32b4c827 .datePickerBody_884d2cdc77 .datePickerDay_83ae4c1272.datePickerAddToRangeStart_e40be5231b, .datePicker_9d32b4c827 .datePickerBody_884d2cdc77 .datePickerDay_83ae4c1272.datePickerAddToRangeEnd_0d8277eb8e, .datePicker_9d32b4c827 .datePickerBody_884d2cdc77 .datePickerDay_83ae4c1272.datePickerAddToRangeMiddle_641005d1d8 {\n  margin: var(--day-picker-days-vertical-gap) 0;\n}\n.datePicker_9d32b4c827 .datePickerBody_884d2cdc77 .datePickerDay_83ae4c1272.datePickerAddToRangeStart_e40be5231b:not(.datePickerDayRangeStart_a32fce8cff):not(.datePickerDayRangeEnd_1413face2f), .datePicker_9d32b4c827 .datePickerBody_884d2cdc77 .datePickerDay_83ae4c1272.datePickerAddToRangeEnd_0d8277eb8e:not(.datePickerDayRangeStart_a32fce8cff):not(.datePickerDayRangeEnd_1413face2f), .datePicker_9d32b4c827 .datePickerBody_884d2cdc77 .datePickerDay_83ae4c1272.datePickerAddToRangeMiddle_641005d1d8, .datePicker_9d32b4c827 .datePickerBody_884d2cdc77 .datePickerDay_83ae4c1272.datePickerDayRangeMiddle_de4c1454b5:not(.datePickerAddToRangeStart_e40be5231b):not(.datePickerAddToRangeEnd_0d8277eb8e) {\n  background-color: var(--primary-selected-color);\n  border: var(--day-picker-days-horizontal-gap) var(--border-style) var(--primary-selected-color);\n  border-top: none;\n  border-bottom: none;\n  width: calc(var(--day-picker-day-width) + 2 * var(--day-picker-days-horizontal-gap));\n}\n.datePicker_9d32b4c827 .datePickerBody_884d2cdc77 .datePickerDay_83ae4c1272.datePickerAddToRangeMiddle_641005d1d8, .datePicker_9d32b4c827 .datePickerBody_884d2cdc77 .datePickerDay_83ae4c1272.datePickerDayRangeMiddle_de4c1454b5:not(.datePickerAddToRangeStart_e40be5231b):not(.datePickerAddToRangeEnd_0d8277eb8e) {\n  background: var(--primary-selected-color);\n  margin: var(--day-picker-days-vertical-gap) 0;\n  border-radius: 0;\n}\n.datePicker_9d32b4c827 .datePickerBody_884d2cdc77 .datePickerDay_83ae4c1272.datePickerRemoveFromRange_fcaa04eaa9:not(.datePickerDayRangeStart_a32fce8cff):not(.datePickerDayRangeEnd_1413face2f), .datePicker_9d32b4c827 .datePickerBody_884d2cdc77 .datePickerDay_83ae4c1272.datePickerAddToRangeStart_e40be5231b:not(.datePickerDayRangeMiddle_de4c1454b5):not(.datePickerDayRangeEnd_1413face2f), .datePicker_9d32b4c827 .datePickerBody_884d2cdc77 .datePickerDay_83ae4c1272.datePickerAddToRangeEnd_0d8277eb8e:not(.datePickerDayRangeMiddle_de4c1454b5):not(.datePickerDayRangeStart_a32fce8cff), .datePicker_9d32b4c827 .datePickerBody_884d2cdc77 .datePickerDay_83ae4c1272.datePickerAddToRangeMiddle_641005d1d8 {\n  background: var(--day-picker-day-change-range);\n  border-color: var(--day-picker-day-change-range);\n}\n.datePicker_9d32b4c827 .datePickerBody_884d2cdc77 tr td:first-child .datePickerDay_83ae4c1272.datePickerDayRangeMiddle_de4c1454b5, .datePicker_9d32b4c827 .datePickerBody_884d2cdc77 tr td:first-child .datePickerDay_83ae4c1272.datePickerAddToRangeStart_e40be5231b:not(.datePickerDayRangeStart_a32fce8cff):not(.datePickerDayRangeEnd_1413face2f), .datePicker_9d32b4c827 .datePickerBody_884d2cdc77 tr td:first-child .datePickerDay_83ae4c1272.datePickerAddToRangeMiddle_641005d1d8, .datePicker_9d32b4c827 .datePickerBody_884d2cdc77 tr td:first-child .datePickerDay_83ae4c1272.datePickerAddToRangeEnd_0d8277eb8e:not(.datePickerDayRangeStart_a32fce8cff):not(.datePickerDayRangeEnd_1413face2f) {\n  border: none;\n  width: calc(var(--day-picker-day-width) + var(--day-picker-days-horizontal-gap));\n  margin-left: var(--day-picker-days-horizontal-gap);\n  border-right: var(--day-picker-days-horizontal-gap) solid var(--primary-selected-color);\n  border-top-left-radius: var(--border-radius-small);\n  border-bottom-left-radius: var(--border-radius-small);\n}\n.datePicker_9d32b4c827 .datePickerBody_884d2cdc77 tr td:first-child .datePickerDay_83ae4c1272.datePickerRemoveFromRange_fcaa04eaa9 {\n  border-color: var(--day-picker-day-change-range);\n}\n.datePicker_9d32b4c827 .datePickerBody_884d2cdc77 tr td:first-child .datePickerDay_83ae4c1272.datePickerAddToRangeEnd_0d8277eb8e, .datePicker_9d32b4c827 .datePickerBody_884d2cdc77 tr td:first-child .datePickerDay_83ae4c1272.datePickerDayRangeEnd_1413face2f:not(.datePickerDayRangeStart_a32fce8cff) {\n  margin-right: 0;\n}\n.datePicker_9d32b4c827 .datePickerBody_884d2cdc77 tr td:last-child .datePickerDay_83ae4c1272.datePickerDayRangeMiddle_de4c1454b5, .datePicker_9d32b4c827 .datePickerBody_884d2cdc77 tr td:last-child .datePickerDay_83ae4c1272.datePickerAddToRangeStart_e40be5231b:not(.datePickerDayRangeStart_a32fce8cff):not(.datePickerDayRangeEnd_1413face2f), .datePicker_9d32b4c827 .datePickerBody_884d2cdc77 tr td:last-child .datePickerDay_83ae4c1272.datePickerAddToRangeMiddle_641005d1d8, .datePicker_9d32b4c827 .datePickerBody_884d2cdc77 tr td:last-child .datePickerDay_83ae4c1272.datePickerAddToRangeEnd_0d8277eb8e:not(.datePickerDayRangeStart_a32fce8cff):not(.datePickerDayRangeEnd_1413face2f) {\n  border: none;\n  width: calc(var(--day-picker-day-width) + var(--day-picker-days-horizontal-gap));\n  margin-right: var(--day-picker-days-horizontal-gap);\n  border-left: var(--day-picker-days-horizontal-gap) solid var(--primary-selected-color);\n  border-top-right-radius: var(--border-radius-small);\n  border-bottom-right-radius: var(--border-radius-small);\n}\n.datePicker_9d32b4c827 .datePickerBody_884d2cdc77 tr td:last-child .datePickerDay_83ae4c1272.datePickerRemoveFromRange_fcaa04eaa9 {\n  border-color: var(--day-picker-day-change-range);\n}\n.datePicker_9d32b4c827 .datePickerBody_884d2cdc77 tr td:last-child .datePickerDay_83ae4c1272.datePickerAddToRangeStart_e40be5231b, .datePicker_9d32b4c827 .datePickerBody_884d2cdc77 tr td:last-child .datePickerDay_83ae4c1272.datePickerDayRangeStart_a32fce8cff:not(.datePickerDayRangeEnd_1413face2f) {\n  margin-left: 0;\n}\n.datePicker_9d32b4c827 .datePickerBody_884d2cdc77 tr td:first-child .datePickerDay_83ae4c1272.datePickerAddToRangeStart_e40be5231b:not(.datePickerDayRangeMiddle_de4c1454b5), .datePicker_9d32b4c827 .datePickerBody_884d2cdc77 tr td:first-child .datePickerDay_83ae4c1272.datePickerAddToRangeMiddle_641005d1d8, .datePicker_9d32b4c827 .datePickerBody_884d2cdc77 tr td:first-child .datePickerDay_83ae4c1272.datePickerAddToRangeEnd_0d8277eb8e:not(.datePickerDayRangeMiddle_de4c1454b5),\n.datePicker_9d32b4c827 .datePickerBody_884d2cdc77 tr td:last-child .datePickerDay_83ae4c1272.datePickerAddToRangeStart_e40be5231b:not(.datePickerDayRangeMiddle_de4c1454b5),\n.datePicker_9d32b4c827 .datePickerBody_884d2cdc77 tr td:last-child .datePickerDay_83ae4c1272.datePickerAddToRangeMiddle_641005d1d8,\n.datePicker_9d32b4c827 .datePickerBody_884d2cdc77 tr td:last-child .datePickerDay_83ae4c1272.datePickerAddToRangeEnd_0d8277eb8e:not(.datePickerDayRangeMiddle_de4c1454b5) {\n  border-color: var(--day-picker-day-change-range);\n}\n.datePicker_9d32b4c827 .datePickerBody_884d2cdc77 tr td:first-child .datePickerDay_83ae4c1272.datePickerDaySelected_1413face2f.datePickerDayRangeEnd_1413face2f.datePickerAddToRangeStart_e40be5231b,\n.datePicker_9d32b4c827 .datePickerBody_884d2cdc77 tr td:last-child .datePickerDay_83ae4c1272.datePickerDaySelected_1413face2f.datePickerDayRangeEnd_1413face2f.datePickerAddToRangeStart_e40be5231b {\n  border-left-width: 0;\n}\n.datePicker_9d32b4c827 .datePickerBody_884d2cdc77 tr td:first-child .datePickerDay_83ae4c1272.datePickerDaySelected_1413face2f.datePickerDayRangeStart_a32fce8cff.datePickerAddToRangeEnd_0d8277eb8e,\n.datePicker_9d32b4c827 .datePickerBody_884d2cdc77 tr td:last-child .datePickerDay_83ae4c1272.datePickerDaySelected_1413face2f.datePickerDayRangeStart_a32fce8cff.datePickerAddToRangeEnd_0d8277eb8e {\n  border-right-width: 0;\n}\n.datePicker_9d32b4c827 .datePickerBody_884d2cdc77 .datePickerDaySelected_1413face2f.datePickerDayRangeEnd_1413face2f.datePickerAddToRangeStart_e40be5231b {\n  border-radius: var(--border-radius-small) !important;\n  border-color: var(--primary-color) !important;\n  background-color: var(--primary-color) !important;\n}\n.datePicker_9d32b4c827 .datePickerBody_884d2cdc77 .datePickerDaySelected_1413face2f.datePickerDayRangeEnd_1413face2f.datePickerAddToRangeStart_e40be5231b:not(.datePickerHalfRangeSelected_4d9f04d2eb) {\n  margin-left: calc(var(--day-picker-days-horizontal-gap) * -1);\n}\n.datePicker_9d32b4c827 .datePickerBody_884d2cdc77 .datePickerDaySelected_1413face2f.datePickerDayRangeStart_a32fce8cff.datePickerAddToRangeEnd_0d8277eb8e {\n  border-radius: var(--border-radius-small) !important;\n  border-color: var(--primary-color) !important;\n  background-color: var(--primary-color) !important;\n}\n.datePicker_9d32b4c827 .datePickerBody_884d2cdc77 .datePickerDaySelected_1413face2f.datePickerDayRangeStart_a32fce8cff.datePickerAddToRangeEnd_0d8277eb8e:not(.datePickerHalfRangeSelected_4d9f04d2eb) {\n  margin-right: calc(var(--day-picker-days-horizontal-gap) * -1);\n}');export{e as default};
+var e={datePicker:"datePicker_561b324ca1",datePickerMonths:"datePickerMonths_644df1157f",withWeekNumber:"withWeekNumber_eb8f2b785c",datePickerHead:"datePickerHead_8e4f026e33",datePickerBody:"datePickerBody_8e4f026e33",datePickerTable:"datePickerTable_ee215cfccd",datePickerDay:"datePickerDay_bf8c14936f",datePickerDayContent:"datePickerDayContent_d299385e67",datePickerDayDisabled:"datePickerDayDisabled_b6ca00ab6b",datePickerAddToRangeStart:"datePickerAddToRangeStart_845d4d0fd9",datePickerAddToRangeEnd:"datePickerAddToRangeEnd_1ea9e6c825",datePickerAddToRangeMiddle:"datePickerAddToRangeMiddle_5352039759",datePickerDayRangeStart:"datePickerDayRangeStart_7a6a5f9a78",datePickerDayRangeEnd:"datePickerDayRangeEnd_d86bd26f0f",datePickerDayOutside:"datePickerDayOutside_f8f8f349c5",datePickerDaySelected:"datePickerDaySelected_d86bd26f0f",datePickerDayRangeMiddle:"datePickerDayRangeMiddle_23ad1489f4",datePickerRemoveFromRange:"datePickerRemoveFromRange_064b8d50bd",datePickerHalfRangeSelected:"datePickerHalfRangeSelected_803552d346"};!function(e){const a="s_id-18acaee8f787_3_83_1";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+a))return;const r=document.createElement("style");r.id=a,d.firstChild?d.insertBefore(r,d.firstChild):d.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}('/* stylelint-disable */\n/* stylelint-enable */\n.datePicker_561b324ca1 {\n  --day-picker-header-height: 34px;\n  --day-picker-content-height: 234px;\n  --day-picker-day-width: 30px;\n  --day-picker-day-height: 30px;\n  --day-picker-days-horizontal-gap: 4px;\n  --day-picker-days-vertical-gap: 2px;\n  --day-picker-day-change-range: var(--primary-surface-color);\n}\n.datePicker_561b324ca1 .datePickerMonths_644df1157f {\n  display: flex;\n  flex-direction: row;\n  gap: var(--spacing-medium);\n  align-items: flex-start;\n}\n.datePicker_561b324ca1.withWeekNumber_eb8f2b785c {\n  --day-picker-days-horizontal-gap: 2px;\n  width: 284px;\n  margin: 0;\n}\n.datePicker_561b324ca1.withWeekNumber_eb8f2b785c .datePickerHead_8e4f026e33 td:first-child {\n  width: var(--day-picker-day-width);\n  border-top-left-radius: var(--border-radius-medium);\n  border-top-right-radius: var(--border-radius-medium);\n  background-color: var(--primary-background-hover-color);\n}\n.datePicker_561b324ca1.withWeekNumber_eb8f2b785c .datePickerHead_8e4f026e33 td:first-child::after {\n  color: var(--secondary-text-color);\n  font: var(--font-text2-normal);\n  display: flex;\n  justify-content: center;\n  content: "No.";\n}\n.datePicker_561b324ca1.withWeekNumber_eb8f2b785c .datePickerBody_8e4f026e33 td:first-child {\n  background-color: var(--primary-background-hover-color);\n}\n.datePicker_561b324ca1.withWeekNumber_eb8f2b785c .datePickerBody_8e4f026e33 tr:last-child td:first-child {\n  border-bottom-left-radius: var(--border-radius-medium);\n  border-bottom-right-radius: var(--border-radius-medium);\n}\n.datePicker_561b324ca1 .datePickerTable_ee215cfccd {\n  margin-top: var(--spacing-small);\n  border-collapse: collapse;\n  height: var(--day-picker-content-height);\n}\n.datePicker_561b324ca1 .datePickerHead_8e4f026e33 th {\n  color: var(--secondary-text-color);\n  font: var(--font-text2-normal);\n  padding-block: var(--space-2);\n  text-align: center;\n  height: var(--day-picker-day-height);\n}\n.datePicker_561b324ca1 .datePickerBody_8e4f026e33 td {\n  color: var(--secondary-text-color);\n  font: var(--font-text2-normal);\n  text-align: center;\n  padding: 0;\n}\n.datePicker_561b324ca1 .datePickerBody_8e4f026e33 .datePickerDay_bf8c14936f {\n  color: var(--primary-text-color);\n  font: var(--font-text2-normal);\n  width: var(--day-picker-day-width);\n  height: var(--day-picker-day-height);\n  background: none;\n  border: none;\n  cursor: pointer;\n  border-radius: var(--border-radius-small);\n  margin: var(--day-picker-days-vertical-gap) var(--day-picker-days-horizontal-gap);\n  padding: 0;\n}\n.datePicker_561b324ca1 .datePickerBody_8e4f026e33 .datePickerDay_bf8c14936f .datePickerDayContent_d299385e67 {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  border-radius: var(--border-radius-small);\n}\n.datePicker_561b324ca1 .datePickerBody_8e4f026e33 .datePickerDay_bf8c14936f:focus-visible {\n  outline: none;\n}\n.datePicker_561b324ca1 .datePickerBody_8e4f026e33 .datePickerDay_bf8c14936f:focus-visible .datePickerDayContent_d299385e67 {\n  outline: 2px solid var(--primary-color);\n}\n.datePicker_561b324ca1 .datePickerBody_8e4f026e33 .datePickerDay_bf8c14936f.datePickerDayDisabled_b6ca00ab6b {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.datePicker_561b324ca1 .datePickerBody_8e4f026e33 .datePickerDay_bf8c14936f:not(.datePickerDayDisabled_b6ca00ab6b):not(.datePickerAddToRangeStart_845d4d0fd9):not(.datePickerAddToRangeEnd_1ea9e6c825):not(.datePickerAddToRangeMiddle_5352039759):not(.datePickerDayRangeStart_7a6a5f9a78):not(.datePickerDayRangeEnd_d86bd26f0f) .datePickerDayContent_d299385e67:hover {\n  background: var(--primary-background-hover-color);\n}\n.datePicker_561b324ca1 .datePickerBody_8e4f026e33 .datePickerDay_bf8c14936f.datePickerDayOutside_f8f8f349c5 {\n  color: var(--disabled-text-color);\n}\n.datePicker_561b324ca1 .datePickerBody_8e4f026e33 .datePickerDay_bf8c14936f.datePickerDaySelected_d86bd26f0f:not(.datePickerDayRangeMiddle_23ad1489f4):not(.datePickerRemoveFromRange_064b8d50bd) {\n  background: var(--primary-color);\n  color: var(--text-color-on-primary);\n}\n.datePicker_561b324ca1 .datePickerBody_8e4f026e33 .datePickerDay_bf8c14936f.datePickerDayRangeStart_7a6a5f9a78:not(.datePickerDayRangeEnd_d86bd26f0f):not(.datePickerRemoveFromRange_064b8d50bd), .datePicker_561b324ca1 .datePickerBody_8e4f026e33 .datePickerDay_bf8c14936f.datePickerDayRangeEnd_d86bd26f0f:not(.datePickerDayRangeStart_7a6a5f9a78):not(.datePickerRemoveFromRange_064b8d50bd) {\n  background: var(--primary-color);\n  width: calc(var(--day-picker-day-width) + var(--day-picker-days-horizontal-gap));\n}\n.datePicker_561b324ca1 .datePickerBody_8e4f026e33 .datePickerDay_bf8c14936f.datePickerDayRangeStart_7a6a5f9a78.datePickerRemoveFromRange_064b8d50bd, .datePicker_561b324ca1 .datePickerBody_8e4f026e33 .datePickerDay_bf8c14936f.datePickerDayRangeEnd_d86bd26f0f.datePickerRemoveFromRange_064b8d50bd {\n  background: var(--primary-color);\n  color: var(--text-color-on-primary);\n}\n.datePicker_561b324ca1 .datePickerBody_8e4f026e33 .datePickerDay_bf8c14936f.datePickerDayRangeStart_7a6a5f9a78.datePickerRemoveFromRange_064b8d50bd:not(.datePickerDayRangeEnd_d86bd26f0f), .datePicker_561b324ca1 .datePickerBody_8e4f026e33 .datePickerDay_bf8c14936f.datePickerDayRangeEnd_d86bd26f0f.datePickerRemoveFromRange_064b8d50bd:not(.datePickerDayRangeStart_7a6a5f9a78) {\n  width: calc(var(--day-picker-day-width) + var(--day-picker-days-horizontal-gap));\n}\n.datePicker_561b324ca1 .datePickerBody_8e4f026e33 .datePickerDay_bf8c14936f.datePickerAddToRangeStart_845d4d0fd9, .datePicker_561b324ca1 .datePickerBody_8e4f026e33 .datePickerDay_bf8c14936f.datePickerDayRangeStart_7a6a5f9a78:not(.datePickerDayRangeEnd_d86bd26f0f) {\n  margin-right: 0;\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n.datePicker_561b324ca1 .datePickerBody_8e4f026e33 .datePickerDay_bf8c14936f.datePickerAddToRangeEnd_1ea9e6c825, .datePicker_561b324ca1 .datePickerBody_8e4f026e33 .datePickerDay_bf8c14936f.datePickerDayRangeEnd_d86bd26f0f:not(.datePickerDayRangeStart_7a6a5f9a78) {\n  margin-left: 0;\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n.datePicker_561b324ca1 .datePickerBody_8e4f026e33 .datePickerDay_bf8c14936f.datePickerAddToRangeStart_845d4d0fd9, .datePicker_561b324ca1 .datePickerBody_8e4f026e33 .datePickerDay_bf8c14936f.datePickerAddToRangeEnd_1ea9e6c825, .datePicker_561b324ca1 .datePickerBody_8e4f026e33 .datePickerDay_bf8c14936f.datePickerAddToRangeMiddle_5352039759 {\n  margin: var(--day-picker-days-vertical-gap) 0;\n}\n.datePicker_561b324ca1 .datePickerBody_8e4f026e33 .datePickerDay_bf8c14936f.datePickerAddToRangeStart_845d4d0fd9:not(.datePickerDayRangeStart_7a6a5f9a78):not(.datePickerDayRangeEnd_d86bd26f0f), .datePicker_561b324ca1 .datePickerBody_8e4f026e33 .datePickerDay_bf8c14936f.datePickerAddToRangeEnd_1ea9e6c825:not(.datePickerDayRangeStart_7a6a5f9a78):not(.datePickerDayRangeEnd_d86bd26f0f), .datePicker_561b324ca1 .datePickerBody_8e4f026e33 .datePickerDay_bf8c14936f.datePickerAddToRangeMiddle_5352039759, .datePicker_561b324ca1 .datePickerBody_8e4f026e33 .datePickerDay_bf8c14936f.datePickerDayRangeMiddle_23ad1489f4:not(.datePickerAddToRangeStart_845d4d0fd9):not(.datePickerAddToRangeEnd_1ea9e6c825) {\n  background-color: var(--primary-selected-color);\n  border: var(--day-picker-days-horizontal-gap) var(--border-style) var(--primary-selected-color);\n  border-top: none;\n  border-bottom: none;\n  width: calc(var(--day-picker-day-width) + 2 * var(--day-picker-days-horizontal-gap));\n}\n.datePicker_561b324ca1 .datePickerBody_8e4f026e33 .datePickerDay_bf8c14936f.datePickerAddToRangeMiddle_5352039759, .datePicker_561b324ca1 .datePickerBody_8e4f026e33 .datePickerDay_bf8c14936f.datePickerDayRangeMiddle_23ad1489f4:not(.datePickerAddToRangeStart_845d4d0fd9):not(.datePickerAddToRangeEnd_1ea9e6c825) {\n  background: var(--primary-selected-color);\n  margin: var(--day-picker-days-vertical-gap) 0;\n  border-radius: 0;\n}\n.datePicker_561b324ca1 .datePickerBody_8e4f026e33 .datePickerDay_bf8c14936f.datePickerRemoveFromRange_064b8d50bd:not(.datePickerDayRangeStart_7a6a5f9a78):not(.datePickerDayRangeEnd_d86bd26f0f), .datePicker_561b324ca1 .datePickerBody_8e4f026e33 .datePickerDay_bf8c14936f.datePickerAddToRangeStart_845d4d0fd9:not(.datePickerDayRangeMiddle_23ad1489f4):not(.datePickerDayRangeEnd_d86bd26f0f), .datePicker_561b324ca1 .datePickerBody_8e4f026e33 .datePickerDay_bf8c14936f.datePickerAddToRangeEnd_1ea9e6c825:not(.datePickerDayRangeMiddle_23ad1489f4):not(.datePickerDayRangeStart_7a6a5f9a78), .datePicker_561b324ca1 .datePickerBody_8e4f026e33 .datePickerDay_bf8c14936f.datePickerAddToRangeMiddle_5352039759 {\n  background: var(--day-picker-day-change-range);\n  border-color: var(--day-picker-day-change-range);\n}\n.datePicker_561b324ca1 .datePickerBody_8e4f026e33 tr td:first-child .datePickerDay_bf8c14936f.datePickerDayRangeMiddle_23ad1489f4, .datePicker_561b324ca1 .datePickerBody_8e4f026e33 tr td:first-child .datePickerDay_bf8c14936f.datePickerAddToRangeStart_845d4d0fd9:not(.datePickerDayRangeStart_7a6a5f9a78):not(.datePickerDayRangeEnd_d86bd26f0f), .datePicker_561b324ca1 .datePickerBody_8e4f026e33 tr td:first-child .datePickerDay_bf8c14936f.datePickerAddToRangeMiddle_5352039759, .datePicker_561b324ca1 .datePickerBody_8e4f026e33 tr td:first-child .datePickerDay_bf8c14936f.datePickerAddToRangeEnd_1ea9e6c825:not(.datePickerDayRangeStart_7a6a5f9a78):not(.datePickerDayRangeEnd_d86bd26f0f) {\n  border: none;\n  width: calc(var(--day-picker-day-width) + var(--day-picker-days-horizontal-gap));\n  margin-left: var(--day-picker-days-horizontal-gap);\n  border-right: var(--day-picker-days-horizontal-gap) solid var(--primary-selected-color);\n  border-top-left-radius: var(--border-radius-small);\n  border-bottom-left-radius: var(--border-radius-small);\n}\n.datePicker_561b324ca1 .datePickerBody_8e4f026e33 tr td:first-child .datePickerDay_bf8c14936f.datePickerRemoveFromRange_064b8d50bd {\n  border-color: var(--day-picker-day-change-range);\n}\n.datePicker_561b324ca1 .datePickerBody_8e4f026e33 tr td:first-child .datePickerDay_bf8c14936f.datePickerAddToRangeEnd_1ea9e6c825, .datePicker_561b324ca1 .datePickerBody_8e4f026e33 tr td:first-child .datePickerDay_bf8c14936f.datePickerDayRangeEnd_d86bd26f0f:not(.datePickerDayRangeStart_7a6a5f9a78) {\n  margin-right: 0;\n}\n.datePicker_561b324ca1 .datePickerBody_8e4f026e33 tr td:last-child .datePickerDay_bf8c14936f.datePickerDayRangeMiddle_23ad1489f4, .datePicker_561b324ca1 .datePickerBody_8e4f026e33 tr td:last-child .datePickerDay_bf8c14936f.datePickerAddToRangeStart_845d4d0fd9:not(.datePickerDayRangeStart_7a6a5f9a78):not(.datePickerDayRangeEnd_d86bd26f0f), .datePicker_561b324ca1 .datePickerBody_8e4f026e33 tr td:last-child .datePickerDay_bf8c14936f.datePickerAddToRangeMiddle_5352039759, .datePicker_561b324ca1 .datePickerBody_8e4f026e33 tr td:last-child .datePickerDay_bf8c14936f.datePickerAddToRangeEnd_1ea9e6c825:not(.datePickerDayRangeStart_7a6a5f9a78):not(.datePickerDayRangeEnd_d86bd26f0f) {\n  border: none;\n  width: calc(var(--day-picker-day-width) + var(--day-picker-days-horizontal-gap));\n  margin-right: var(--day-picker-days-horizontal-gap);\n  border-left: var(--day-picker-days-horizontal-gap) solid var(--primary-selected-color);\n  border-top-right-radius: var(--border-radius-small);\n  border-bottom-right-radius: var(--border-radius-small);\n}\n.datePicker_561b324ca1 .datePickerBody_8e4f026e33 tr td:last-child .datePickerDay_bf8c14936f.datePickerRemoveFromRange_064b8d50bd {\n  border-color: var(--day-picker-day-change-range);\n}\n.datePicker_561b324ca1 .datePickerBody_8e4f026e33 tr td:last-child .datePickerDay_bf8c14936f.datePickerAddToRangeStart_845d4d0fd9, .datePicker_561b324ca1 .datePickerBody_8e4f026e33 tr td:last-child .datePickerDay_bf8c14936f.datePickerDayRangeStart_7a6a5f9a78:not(.datePickerDayRangeEnd_d86bd26f0f) {\n  margin-left: 0;\n}\n.datePicker_561b324ca1 .datePickerBody_8e4f026e33 tr td:first-child .datePickerDay_bf8c14936f.datePickerAddToRangeStart_845d4d0fd9:not(.datePickerDayRangeMiddle_23ad1489f4), .datePicker_561b324ca1 .datePickerBody_8e4f026e33 tr td:first-child .datePickerDay_bf8c14936f.datePickerAddToRangeMiddle_5352039759, .datePicker_561b324ca1 .datePickerBody_8e4f026e33 tr td:first-child .datePickerDay_bf8c14936f.datePickerAddToRangeEnd_1ea9e6c825:not(.datePickerDayRangeMiddle_23ad1489f4),\n.datePicker_561b324ca1 .datePickerBody_8e4f026e33 tr td:last-child .datePickerDay_bf8c14936f.datePickerAddToRangeStart_845d4d0fd9:not(.datePickerDayRangeMiddle_23ad1489f4),\n.datePicker_561b324ca1 .datePickerBody_8e4f026e33 tr td:last-child .datePickerDay_bf8c14936f.datePickerAddToRangeMiddle_5352039759,\n.datePicker_561b324ca1 .datePickerBody_8e4f026e33 tr td:last-child .datePickerDay_bf8c14936f.datePickerAddToRangeEnd_1ea9e6c825:not(.datePickerDayRangeMiddle_23ad1489f4) {\n  border-color: var(--day-picker-day-change-range);\n}\n.datePicker_561b324ca1 .datePickerBody_8e4f026e33 tr td:first-child .datePickerDay_bf8c14936f.datePickerDaySelected_d86bd26f0f.datePickerDayRangeEnd_d86bd26f0f.datePickerAddToRangeStart_845d4d0fd9,\n.datePicker_561b324ca1 .datePickerBody_8e4f026e33 tr td:last-child .datePickerDay_bf8c14936f.datePickerDaySelected_d86bd26f0f.datePickerDayRangeEnd_d86bd26f0f.datePickerAddToRangeStart_845d4d0fd9 {\n  border-left-width: 0;\n}\n.datePicker_561b324ca1 .datePickerBody_8e4f026e33 tr td:first-child .datePickerDay_bf8c14936f.datePickerDaySelected_d86bd26f0f.datePickerDayRangeStart_7a6a5f9a78.datePickerAddToRangeEnd_1ea9e6c825,\n.datePicker_561b324ca1 .datePickerBody_8e4f026e33 tr td:last-child .datePickerDay_bf8c14936f.datePickerDaySelected_d86bd26f0f.datePickerDayRangeStart_7a6a5f9a78.datePickerAddToRangeEnd_1ea9e6c825 {\n  border-right-width: 0;\n}\n.datePicker_561b324ca1 .datePickerBody_8e4f026e33 .datePickerDaySelected_d86bd26f0f.datePickerDayRangeEnd_d86bd26f0f.datePickerAddToRangeStart_845d4d0fd9 {\n  border-radius: var(--border-radius-small) !important;\n  border-color: var(--primary-color) !important;\n  background-color: var(--primary-color) !important;\n}\n.datePicker_561b324ca1 .datePickerBody_8e4f026e33 .datePickerDaySelected_d86bd26f0f.datePickerDayRangeEnd_d86bd26f0f.datePickerAddToRangeStart_845d4d0fd9:not(.datePickerHalfRangeSelected_803552d346) {\n  margin-left: calc(var(--day-picker-days-horizontal-gap) * -1);\n}\n.datePicker_561b324ca1 .datePickerBody_8e4f026e33 .datePickerDaySelected_d86bd26f0f.datePickerDayRangeStart_7a6a5f9a78.datePickerAddToRangeEnd_1ea9e6c825 {\n  border-radius: var(--border-radius-small) !important;\n  border-color: var(--primary-color) !important;\n  background-color: var(--primary-color) !important;\n}\n.datePicker_561b324ca1 .datePickerBody_8e4f026e33 .datePickerDaySelected_d86bd26f0f.datePickerDayRangeStart_7a6a5f9a78.datePickerAddToRangeEnd_1ea9e6c825:not(.datePickerHalfRangeSelected_803552d346) {\n  margin-right: calc(var(--day-picker-days-horizontal-gap) * -1);\n}');export{e as default};
 //# sourceMappingURL=DatePicker.module.scss.js.map

package/dist/src/components/next/DatePicker/DatePickerHeader.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import e,{useCallback as n,useMemo as t}from"react";import r from"classnames";import{useDayPicker as o,useNavigation as a}from"react-day-picker";import i from"../../IconButton/IconButton.js";import l from"../Dropdown/Dropdown.js";import s from"./DatePickerHeader.module.scss.js";import{useMonthsOptionItems as u,useYearsOptionItems as c}from"./datePickerHooks.js";import{format as m}from"date-fns";import f from"../../../../components/layout/dist/Flex/Flex.js";import p from"../../../../components/button/dist/Button/Button.js";import d from"../../../../icons/dist/react/DropdownChevronLeft.js";import b from"../../../../icons/dist/react/DropdownChevronRight.js";var v=function(m){var v=m.setDisplayMonth,j=m.monthSelectionAriaLabel,D=m.yearSelectionAriaLabel,g=m.nextButtonAriaLabel,k=m.prevButtonAriaLabel,M=m.locale,w=m.className,y=o().month,B=a(),E=B.goToMonth,A=B.nextMonth,C=B.previousMonth,R=n((function(){return E(A)}),[E,A]),z=n((function(){return E(C)}),[E,C]),N=u({locale:M}),x=c({locale:M}),T=t((function(){return N.map((function(e){return Object.assign(Object.assign({},e),{value:e.id})}))}),[N]),F=t((function(){return x.map((function(e){return Object.assign(Object.assign({},e),{value:e.id})}))}),[x]),I=t((function(){return L(y,M)}),[y,M]),O=t((function(){return h(y,M)}),[y,M]),S=n((function(e){var n=e.value,t=new Date(y);t.setMonth(+n),v(t)}),[y,v]),Y=n((function(e){var n=e.value,t=new Date(y);t.setFullYear(+n),v(t)}),[y,v]),H=t((function(){return T.find((function(e){return e.value===""+y.getMonth()}))}),[T,y]),P=t((function(){return F.find((function(e){return e.value===""+y.getFullYear()}))}),[F,y]);return e.createElement("div",{className:r(s.datePickerHeader,w)},e.createElement(f,{gap:"small"},e.createElement(l,{className:s.monthButtonDropdown,ariaLabel:j,options:T,value:H,onChange:S,menuWrapperClassName:s.monthButtonDropdown,size:"small",valueRenderer:function(e){return I},searchable:!1,clearable:!1,borderless:!0}),e.createElement(l,{className:s.yearButtonDropdown,ariaLabel:D,options:F,value:P,onChange:Y,menuWrapperClassName:s.yearButtonDropdown,size:"small",valueRenderer:function(e){return O},searchable:!1,clearable:!1,borderless:!0})),e.createElement(f,null,e.createElement(i,{kind:p.kinds.TERTIARY,size:p.sizes.SMALL,ariaLabel:k,onClick:z,icon:d}),e.createElement(i,{kind:p.kinds.TERTIARY,size:p.sizes.SMALL,ariaLabel:g,onClick:R,icon:b})))};function h(e,n){return m(e,"yyyy",{locale:n})}function L(e,n){return m(e,"MMM",{locale:n})}export{v as default,L as getMonthButtonLabel,h as getYearButtonLabel};
+import e,{useCallback as n,useMemo as t}from"react";import o from"classnames";import{useDayPicker as r,useNavigation as a}from"react-day-picker";import i from"../Dropdown/Dropdown.js";import s from"./DatePickerHeader.module.scss.js";import{useMonthsOptionItems as l,useYearsOptionItems as c}from"./datePickerHooks.js";import{format as u}from"date-fns";import m from"../../../../components/layout/dist/Flex/Flex.js";import p from"../../../../components/icon-button/dist/IconButton/IconButton.js";import f from"../../../../components/button/dist/Button/Button.js";import d from"../../../../icons/dist/react/DropdownChevronLeft.js";import b from"../../../../icons/dist/react/DropdownChevronRight.js";var v=function(u){var v=u.setDisplayMonth,j=u.monthSelectionAriaLabel,D=u.yearSelectionAriaLabel,g=u.nextButtonAriaLabel,k=u.prevButtonAriaLabel,M=u.locale,w=u.className,y=r().month,B=a(),E=B.goToMonth,A=B.nextMonth,C=B.previousMonth,R=n((function(){return E(A)}),[E,A]),z=n((function(){return E(C)}),[E,C]),N=l({locale:M}),x=c({locale:M}),T=t((function(){return N.map((function(e){return Object.assign(Object.assign({},e),{value:e.id})}))}),[N]),F=t((function(){return x.map((function(e){return Object.assign(Object.assign({},e),{value:e.id})}))}),[x]),I=t((function(){return L(y,M)}),[y,M]),O=t((function(){return h(y,M)}),[y,M]),S=n((function(e){var n=e.value,t=new Date(y);t.setMonth(+n),v(t)}),[y,v]),Y=n((function(e){var n=e.value,t=new Date(y);t.setFullYear(+n),v(t)}),[y,v]),H=t((function(){return T.find((function(e){return e.value===""+y.getMonth()}))}),[T,y]),P=t((function(){return F.find((function(e){return e.value===""+y.getFullYear()}))}),[F,y]);return e.createElement("div",{className:o(s.datePickerHeader,w)},e.createElement(m,{gap:"small"},e.createElement(i,{className:s.monthButtonDropdown,ariaLabel:j,options:T,value:H,onChange:S,menuWrapperClassName:s.monthButtonDropdown,size:"small",valueRenderer:function(e){return I},searchable:!1,clearable:!1,borderless:!0}),e.createElement(i,{className:s.yearButtonDropdown,ariaLabel:D,options:F,value:P,onChange:Y,menuWrapperClassName:s.yearButtonDropdown,size:"small",valueRenderer:function(e){return O},searchable:!1,clearable:!1,borderless:!0})),e.createElement(m,null,e.createElement(p,{kind:f.kinds.TERTIARY,size:f.sizes.SMALL,ariaLabel:k,onClick:z,icon:d}),e.createElement(p,{kind:f.kinds.TERTIARY,size:f.sizes.SMALL,ariaLabel:g,onClick:R,icon:b})))};function h(e,n){return u(e,"yyyy",{locale:n})}function L(e,n){return u(e,"MMM",{locale:n})}export{v as default,L as getMonthButtonLabel,h as getYearButtonLabel};
 //# sourceMappingURL=DatePickerHeader.js.map

package/dist/src/components/next/DatePicker/DatePickerHeader.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DatePickerHeader.js","sources":["../../../../../src/components/next/DatePicker/DatePickerHeader.tsx"],"sourcesContent":["import React, { type FC, useCallback, useMemo } from \"react\";\nimport cx from \"classnames\";\nimport { useDayPicker, useNavigation } from \"react-day-picker\";\nimport { Button } from \"@vibe/button\";\nimport IconButton from \"~~../../IconButton~~/~~IconButton~~\";\nimport { Flex } from \"@vibe/layout\";\nimport Dropdown from \"../../next/Dropdown/Dropdown\";\nimport { DropdownChevronRight, DropdownChevronLeft } from \"@vibe/icons\";\nimport styles from \"./DatePickerHeader.module.scss\";\nimport { useMonthsOptionItems, useYearsOptionItems, type DatePickerDropdownItem } from \"./datePickerHooks\";\nimport { format, type Locale } from \"date-fns\";\n\nexport interface DatePickerHeaderProps {\n setDisplayMonth: (displayMonth: Date) => void;\n monthSelectionAriaLabel?: string;\n yearSelectionAriaLabel?: string;\n nextButtonAriaLabel?: string;\n prevButtonAriaLabel?: string;\n locale?: Locale;\n className?: string;\n dropdownsClassName?: string;\n dialogContainerSelector?: string;\n}\n\nconst DatePickerHeader: FC<DatePickerHeaderProps> = ({\n setDisplayMonth,\n monthSelectionAriaLabel,\n yearSelectionAriaLabel,\n nextButtonAriaLabel,\n prevButtonAriaLabel,\n locale,\n className,\n dialogContainerSelector: _dialogContainerSelector\n}) => {\n const { month: displayMonth } = useDayPicker();\n const { goToMonth, nextMonth, previousMonth } = useNavigation();\n const goToNextMonth = useCallback(() => goToMonth(nextMonth), [goToMonth, nextMonth]);\n const goToPreviousMonth = useCallback(() => goToMonth(previousMonth), [goToMonth, previousMonth]);\n const monthsData = useMonthsOptionItems({ locale });\n const yearsData = useYearsOptionItems({ locale });\n\n const months = useMemo(() => monthsData.map(item => ({ ...item, value: item.id })), [monthsData]);\n const years = useMemo(() => yearsData.map(item => ({ ...item, value: item.id })), [yearsData]);\n const monthButtonLabel = useMemo(() => getMonthButtonLabel(displayMonth, locale), [displayMonth, locale]);\n const yearsButtonLabel = useMemo(() => getYearButtonLabel(displayMonth, locale), [displayMonth, locale]);\n\n const onMonthSelect = useCallback(\n (option: DatePickerDropdownItem) => {\n const month = option.value;\n const date = new Date(displayMonth);\n date.setMonth(+month);\n setDisplayMonth(date);\n },\n [displayMonth, setDisplayMonth]\n );\n\n const onYearSelect = useCallback(\n (option: DatePickerDropdownItem) => {\n const year = option.value;\n const date = new Date(displayMonth);\n date.setFullYear(+year);\n setDisplayMonth(date);\n },\n [displayMonth, setDisplayMonth]\n );\n\n const selectedMonth = useMemo(\n () => months.find(month => month.value === displayMonth.getMonth().toString()),\n [months, displayMonth]\n );\n const selectedYear = useMemo(\n () => years.find(year => year.value === displayMonth.getFullYear().toString()),\n [years, displayMonth]\n );\n\n return (\n <div className={cx(styles.datePickerHeader, className)}>\n <Flex gap=\"small\">\n <Dropdown\n className={styles.monthButtonDropdown}\n ariaLabel={monthSelectionAriaLabel}\n options={months}\n value={selectedMonth}\n onChange={onMonthSelect}\n menuWrapperClassName={styles.monthButtonDropdown}\n size=\"small\"\n valueRenderer={(_option: DatePickerDropdownItem) => monthButtonLabel}\n searchable={false}\n clearable={false}\n borderless\n />\n <Dropdown\n className={styles.yearButtonDropdown}\n ariaLabel={yearSelectionAriaLabel}\n options={years}\n value={selectedYear}\n onChange={onYearSelect}\n menuWrapperClassName={styles.yearButtonDropdown}\n size=\"small\"\n valueRenderer={(_option: DatePickerDropdownItem) => yearsButtonLabel}\n searchable={false}\n clearable={false}\n borderless\n />\n </Flex>\n <Flex>\n <IconButton\n kind={Button.kinds.TERTIARY}\n size={Button.sizes.SMALL}\n ariaLabel={prevButtonAriaLabel}\n onClick={goToPreviousMonth}\n icon={DropdownChevronLeft}\n />\n <IconButton\n kind={Button.kinds.TERTIARY}\n size={Button.sizes.SMALL}\n ariaLabel={nextButtonAriaLabel}\n onClick={goToNextMonth}\n icon={DropdownChevronRight}\n />\n </Flex>\n </div>\n );\n};\n\nexport default DatePickerHeader;\n\nexport function getYearButtonLabel(displayMonth: Date, locale: Locale) {\n return format(displayMonth, \"yyyy\", { locale });\n}\n\nexport function getMonthButtonLabel(displayMonth: Date, locale: Locale) {\n return format(displayMonth, \"MMM\", { locale });\n}\n"],"names":["DatePickerHeader","_ref","setDisplayMonth","monthSelectionAriaLabel","yearSelectionAriaLabel","nextButtonAriaLabel","prevButtonAriaLabel","locale","className","displayMonth","useDayPicker","month","_useNavigation","useNavigation","goToMonth","nextMonth","previousMonth","goToNextMonth","useCallback","goToPreviousMonth","monthsData","useMonthsOptionItems","yearsData","useYearsOptionItems","months","useMemo","map","item","Object","assign","value","id","years","monthButtonLabel","getMonthButtonLabel","yearsButtonLabel","getYearButtonLabel","onMonthSelect","option","date","Date","setMonth","onYearSelect","year","setFullYear","selectedMonth","find","getMonth","selectedYear","getFullYear","React","createElement","cx","styles","datePickerHeader","Flex","gap","Dropdown","monthButtonDropdown","ariaLabel","options","onChange","menuWrapperClassName","size","valueRenderer","_option","searchable","clearable","borderless","yearButtonDropdown","IconButton","kind","Button","kinds","TERTIARY","sizes","SMALL","onClick","icon","DropdownChevronLeft","DropdownChevronRight","format"],"mappings":"~~upBAwBA~~,IAAMA,EAA8C,SAA9BC,GASjB,IARHC,EAAeD,EAAfC,gBACAC,EAAuBF,EAAvBE,wBACAC,EAAsBH,EAAtBG,uBACAC,EAAmBJ,EAAnBI,oBACAC,EAAmBL,EAAnBK,oBACAC,EAAMN,EAANM,OACAC,EAASP,EAATO,UAGeC,EAAiBC,IAAxBC,MACRC,EAAgDC,IAAxCC,EAASF,EAATE,UAAWC,EAASH,EAATG,UAAWC,EAAaJ,EAAbI,cACxBC,EAAgBC,GAAY,WAAA,OAAMJ,EAAUC,EAAU,GAAE,CAACD,EAAWC,IACpEI,EAAoBD,GAAY,WAAA,OAAMJ,EAAUE,EAAc,GAAE,CAACF,EAAWE,IAC5EI,EAAaC,EAAqB,CAAEd,OAAAA,IACpCe,EAAYC,EAAoB,CAAEhB,OAAAA,IAElCiB,EAASC,GAAQ,WAAA,OAAML,EAAWM,KAAI,SAAAC,GAAI,OAAUC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAF,GAAM,CAAAG,MAAOH,EAAKI,IAAK,MAAG,CAACX,IAC/EY,EAAQP,GAAQ,WAAA,OAAMH,EAAUI,KAAI,SAAAC,GAAI,OAAUC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAF,GAAM,CAAAG,MAAOH,EAAKI,IAAK,MAAG,CAACT,IAC7EW,EAAmBR,GAAQ,WAAA,OAAMS,EAAoBzB,EAAcF,EAAO,GAAE,CAACE,EAAcF,IAC3F4B,EAAmBV,GAAQ,WAAA,OAAMW,EAAmB3B,EAAcF,EAAO,GAAE,CAACE,EAAcF,IAE1F8B,EAAgBnB,GACpB,SAACoB,GACC,IAAM3B,EAAQ2B,EAAOR,MACfS,EAAO,IAAIC,KAAK/B,GACtB8B,EAAKE,UAAU9B,GACfT,EAAgBqC,EAClB,GACA,CAAC9B,EAAcP,IAGXwC,EAAexB,GACnB,SAACoB,GACC,IAAMK,EAAOL,EAAOR,MACdS,EAAO,IAAIC,KAAK/B,GACtB8B,EAAKK,aAAaD,GAClBzC,EAAgBqC,EAClB,GACA,CAAC9B,EAAcP,IAGX2C,EAAgBpB,GACpB,WAAA,OAAMD,EAAOsB,MAAK,SAAAnC,GAAK,OAAIA,EAAMmB,QAAUrB,KAAasC,aAAsB,GAC9E,CAACvB,EAAQf,IAELuC,EAAevB,GACnB,WAAA,OAAMO,EAAMc,MAAK,SAAAH,GAAI,OAAIA,EAAKb,QAAUrB,KAAawC,gBAAyB,GAC9E,CAACjB,EAAOvB,IAGV,OACEyC,EAAKC,cAAA,MAAA,CAAA3C,UAAW4C,EAAGC,EAAOC,iBAAkB9C,IAC1C0C,EAAAC,cAACI,EAAI,CAACC,IAAI,SACRN,EAACC,cAAAM,EACC,CAAAjD,UAAW6C,EAAOK,oBAClBC,UAAWxD,EACXyD,QAASpC,EACTM,MAAOe,EACPgB,SAAUxB,EACVyB,qBAAsBT,EAAOK,oBAC7BK,KAAK,QACLC,cAAe,SAACC,GAA+B,OAAKhC,CAAgB,EACpEiC,YAAY,EACZC,WAAW,EACXC,YACA,IACFlB,EAACC,cAAAM,EACC,CAAAjD,UAAW6C,EAAOgB,mBAClBV,UAAWvD,EACXwD,QAAS5B,EACTF,MAAOkB,EACPa,SAAUnB,EACVoB,qBAAsBT,EAAOgB,mBAC7BN,KAAK,QACLC,cAAe,SAACC,GAA+B,OAAK9B,CAAgB,EACpE+B,YAAY,EACZC,WAAW,EACXC,YAAU,KAGdlB,EAAAC,cAACI,EAAI,KACHL,EAAAC,cAACmB,EAAU,CACTC,KAAMC,EAAOC,MAAMC,SACnBX,KAAMS,EAAOG,MAAMC,MACnBjB,UAAWrD,EACXuE,QAAS1D,EACT2D,KAAMC,IAER7B,EAAAC,cAACmB,EAAU,CACTC,KAAMC,EAAOC,MAAMC,SACnBX,KAAMS,EAAOG,MAAMC,MACnBjB,UAAWtD,EACXwE,QAAS5D,EACT6D,KAAME,KAKhB,EAIgB,SAAA5C,EAAmB3B,EAAoBF,GACrD,OAAO0E,EAAOxE,EAAc,OAAQ,CAAEF,OAAAA,GACxC,CAEgB,SAAA2B,EAAoBzB,EAAoBF,GACtD,OAAO0E,EAAOxE,EAAc,MAAO,CAAEF,OAAAA,GACvC"}
1	+ {"version":3,"file":"DatePickerHeader.js","sources":["../../../../../src/components/next/DatePicker/DatePickerHeader.tsx"],"sourcesContent":["import React, { type FC, useCallback, useMemo } from \"react\";\nimport cx from \"classnames\";\nimport { useDayPicker, useNavigation } from \"react-day-picker\";\nimport { Button } from \"@vibe/button\";\nimport { IconButton } from \"@vibe/icon-button\";\nimport { Flex } from \"@vibe/layout\";\nimport Dropdown from \"../../next/Dropdown/Dropdown\";\nimport { DropdownChevronRight, DropdownChevronLeft } from \"@vibe/icons\";\nimport styles from \"./DatePickerHeader.module.scss\";\nimport { useMonthsOptionItems, useYearsOptionItems, type DatePickerDropdownItem } from \"./datePickerHooks\";\nimport { format, type Locale } from \"date-fns\";\n\nexport interface DatePickerHeaderProps {\n setDisplayMonth: (displayMonth: Date) => void;\n monthSelectionAriaLabel?: string;\n yearSelectionAriaLabel?: string;\n nextButtonAriaLabel?: string;\n prevButtonAriaLabel?: string;\n locale?: Locale;\n className?: string;\n dropdownsClassName?: string;\n dialogContainerSelector?: string;\n}\n\nconst DatePickerHeader: FC<DatePickerHeaderProps> = ({\n setDisplayMonth,\n monthSelectionAriaLabel,\n yearSelectionAriaLabel,\n nextButtonAriaLabel,\n prevButtonAriaLabel,\n locale,\n className,\n dialogContainerSelector: _dialogContainerSelector\n}) => {\n const { month: displayMonth } = useDayPicker();\n const { goToMonth, nextMonth, previousMonth } = useNavigation();\n const goToNextMonth = useCallback(() => goToMonth(nextMonth), [goToMonth, nextMonth]);\n const goToPreviousMonth = useCallback(() => goToMonth(previousMonth), [goToMonth, previousMonth]);\n const monthsData = useMonthsOptionItems({ locale });\n const yearsData = useYearsOptionItems({ locale });\n\n const months = useMemo(() => monthsData.map(item => ({ ...item, value: item.id })), [monthsData]);\n const years = useMemo(() => yearsData.map(item => ({ ...item, value: item.id })), [yearsData]);\n const monthButtonLabel = useMemo(() => getMonthButtonLabel(displayMonth, locale), [displayMonth, locale]);\n const yearsButtonLabel = useMemo(() => getYearButtonLabel(displayMonth, locale), [displayMonth, locale]);\n\n const onMonthSelect = useCallback(\n (option: DatePickerDropdownItem) => {\n const month = option.value;\n const date = new Date(displayMonth);\n date.setMonth(+month);\n setDisplayMonth(date);\n },\n [displayMonth, setDisplayMonth]\n );\n\n const onYearSelect = useCallback(\n (option: DatePickerDropdownItem) => {\n const year = option.value;\n const date = new Date(displayMonth);\n date.setFullYear(+year);\n setDisplayMonth(date);\n },\n [displayMonth, setDisplayMonth]\n );\n\n const selectedMonth = useMemo(\n () => months.find(month => month.value === displayMonth.getMonth().toString()),\n [months, displayMonth]\n );\n const selectedYear = useMemo(\n () => years.find(year => year.value === displayMonth.getFullYear().toString()),\n [years, displayMonth]\n );\n\n return (\n <div className={cx(styles.datePickerHeader, className)}>\n <Flex gap=\"small\">\n <Dropdown\n className={styles.monthButtonDropdown}\n ariaLabel={monthSelectionAriaLabel}\n options={months}\n value={selectedMonth}\n onChange={onMonthSelect}\n menuWrapperClassName={styles.monthButtonDropdown}\n size=\"small\"\n valueRenderer={(_option: DatePickerDropdownItem) => monthButtonLabel}\n searchable={false}\n clearable={false}\n borderless\n />\n <Dropdown\n className={styles.yearButtonDropdown}\n ariaLabel={yearSelectionAriaLabel}\n options={years}\n value={selectedYear}\n onChange={onYearSelect}\n menuWrapperClassName={styles.yearButtonDropdown}\n size=\"small\"\n valueRenderer={(_option: DatePickerDropdownItem) => yearsButtonLabel}\n searchable={false}\n clearable={false}\n borderless\n />\n </Flex>\n <Flex>\n <IconButton\n kind={Button.kinds.TERTIARY}\n size={Button.sizes.SMALL}\n ariaLabel={prevButtonAriaLabel}\n onClick={goToPreviousMonth}\n icon={DropdownChevronLeft}\n />\n <IconButton\n kind={Button.kinds.TERTIARY}\n size={Button.sizes.SMALL}\n ariaLabel={nextButtonAriaLabel}\n onClick={goToNextMonth}\n icon={DropdownChevronRight}\n />\n </Flex>\n </div>\n );\n};\n\nexport default DatePickerHeader;\n\nexport function getYearButtonLabel(displayMonth: Date, locale: Locale) {\n return format(displayMonth, \"yyyy\", { locale });\n}\n\nexport function getMonthButtonLabel(displayMonth: Date, locale: Locale) {\n return format(displayMonth, \"MMM\", { locale });\n}\n"],"names":["DatePickerHeader","_ref","setDisplayMonth","monthSelectionAriaLabel","yearSelectionAriaLabel","nextButtonAriaLabel","prevButtonAriaLabel","locale","className","displayMonth","useDayPicker","month","_useNavigation","useNavigation","goToMonth","nextMonth","previousMonth","goToNextMonth","useCallback","goToPreviousMonth","monthsData","useMonthsOptionItems","yearsData","useYearsOptionItems","months","useMemo","map","item","Object","assign","value","id","years","monthButtonLabel","getMonthButtonLabel","yearsButtonLabel","getYearButtonLabel","onMonthSelect","option","date","Date","setMonth","onYearSelect","year","setFullYear","selectedMonth","find","getMonth","selectedYear","getFullYear","React","createElement","cx","styles","datePickerHeader","Flex","gap","Dropdown","monthButtonDropdown","ariaLabel","options","onChange","menuWrapperClassName","size","valueRenderer","_option","searchable","clearable","borderless","yearButtonDropdown","IconButton","kind","Button","kinds","TERTIARY","sizes","SMALL","onClick","icon","DropdownChevronLeft","DropdownChevronRight","format"],"mappings":"yrBAwBA,IAAMA,EAA8C,SAA9BC,GASjB,IARHC,EAAeD,EAAfC,gBACAC,EAAuBF,EAAvBE,wBACAC,EAAsBH,EAAtBG,uBACAC,EAAmBJ,EAAnBI,oBACAC,EAAmBL,EAAnBK,oBACAC,EAAMN,EAANM,OACAC,EAASP,EAATO,UAGeC,EAAiBC,IAAxBC,MACRC,EAAgDC,IAAxCC,EAASF,EAATE,UAAWC,EAASH,EAATG,UAAWC,EAAaJ,EAAbI,cACxBC,EAAgBC,GAAY,WAAA,OAAMJ,EAAUC,EAAU,GAAE,CAACD,EAAWC,IACpEI,EAAoBD,GAAY,WAAA,OAAMJ,EAAUE,EAAc,GAAE,CAACF,EAAWE,IAC5EI,EAAaC,EAAqB,CAAEd,OAAAA,IACpCe,EAAYC,EAAoB,CAAEhB,OAAAA,IAElCiB,EAASC,GAAQ,WAAA,OAAML,EAAWM,KAAI,SAAAC,GAAI,OAAUC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAF,GAAM,CAAAG,MAAOH,EAAKI,IAAK,MAAG,CAACX,IAC/EY,EAAQP,GAAQ,WAAA,OAAMH,EAAUI,KAAI,SAAAC,GAAI,OAAUC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAF,GAAM,CAAAG,MAAOH,EAAKI,IAAK,MAAG,CAACT,IAC7EW,EAAmBR,GAAQ,WAAA,OAAMS,EAAoBzB,EAAcF,EAAO,GAAE,CAACE,EAAcF,IAC3F4B,EAAmBV,GAAQ,WAAA,OAAMW,EAAmB3B,EAAcF,EAAO,GAAE,CAACE,EAAcF,IAE1F8B,EAAgBnB,GACpB,SAACoB,GACC,IAAM3B,EAAQ2B,EAAOR,MACfS,EAAO,IAAIC,KAAK/B,GACtB8B,EAAKE,UAAU9B,GACfT,EAAgBqC,EAClB,GACA,CAAC9B,EAAcP,IAGXwC,EAAexB,GACnB,SAACoB,GACC,IAAMK,EAAOL,EAAOR,MACdS,EAAO,IAAIC,KAAK/B,GACtB8B,EAAKK,aAAaD,GAClBzC,EAAgBqC,EAClB,GACA,CAAC9B,EAAcP,IAGX2C,EAAgBpB,GACpB,WAAA,OAAMD,EAAOsB,MAAK,SAAAnC,GAAK,OAAIA,EAAMmB,QAAUrB,KAAasC,aAAsB,GAC9E,CAACvB,EAAQf,IAELuC,EAAevB,GACnB,WAAA,OAAMO,EAAMc,MAAK,SAAAH,GAAI,OAAIA,EAAKb,QAAUrB,KAAawC,gBAAyB,GAC9E,CAACjB,EAAOvB,IAGV,OACEyC,EAAKC,cAAA,MAAA,CAAA3C,UAAW4C,EAAGC,EAAOC,iBAAkB9C,IAC1C0C,EAAAC,cAACI,EAAI,CAACC,IAAI,SACRN,EAACC,cAAAM,EACC,CAAAjD,UAAW6C,EAAOK,oBAClBC,UAAWxD,EACXyD,QAASpC,EACTM,MAAOe,EACPgB,SAAUxB,EACVyB,qBAAsBT,EAAOK,oBAC7BK,KAAK,QACLC,cAAe,SAACC,GAA+B,OAAKhC,CAAgB,EACpEiC,YAAY,EACZC,WAAW,EACXC,YACA,IACFlB,EAACC,cAAAM,EACC,CAAAjD,UAAW6C,EAAOgB,mBAClBV,UAAWvD,EACXwD,QAAS5B,EACTF,MAAOkB,EACPa,SAAUnB,EACVoB,qBAAsBT,EAAOgB,mBAC7BN,KAAK,QACLC,cAAe,SAACC,GAA+B,OAAK9B,CAAgB,EACpE+B,YAAY,EACZC,WAAW,EACXC,YAAU,KAGdlB,EAAAC,cAACI,EAAI,KACHL,EAAAC,cAACmB,EAAU,CACTC,KAAMC,EAAOC,MAAMC,SACnBX,KAAMS,EAAOG,MAAMC,MACnBjB,UAAWrD,EACXuE,QAAS1D,EACT2D,KAAMC,IAER7B,EAAAC,cAACmB,EAAU,CACTC,KAAMC,EAAOC,MAAMC,SACnBX,KAAMS,EAAOG,MAAMC,MACnBjB,UAAWtD,EACXwE,QAAS5D,EACT6D,KAAME,KAKhB,EAIgB,SAAA5C,EAAmB3B,EAAoBF,GACrD,OAAO0E,EAAOxE,EAAc,OAAQ,CAAEF,OAAAA,GACxC,CAEgB,SAAA2B,EAAoBzB,EAAoBF,GACtD,OAAO0E,EAAOxE,EAAc,MAAO,CAAEF,OAAAA,GACvC"}

package/dist/src/components/next/DatePicker/DatePickerHeader.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={monthButtonDropdown:"monthButtonDropdown_13ddcfd3b4",yearButtonDropdown:"yearButtonDropdown_651d121664",datePickerHeader:"datePickerHeader_efeace8cb2"};!function(e){const t="s_id-25798679a710_3_82_3";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.monthButtonDropdown_13ddcfd3b4 {\n  min-width: 70px;\n  justify-content: space-between;\n}\n.yearButtonDropdown_651d121664 {\n  justify-content: space-between;\n}\n.datePickerHeader_efeace8cb2 {\n  font: var(--font-text2-normal);\n  height: var(--day-picker-header-height);\n  color: var(--primary-text-color);\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n}\n.datePickerHeader_efeace8cb2 button:focus:not(:active), .datePickerHeader_efeace8cb2 button:focus-visible {\n  box-shadow: 0 0 0 2px var(--primary-color);\n  background: var(--primary-background-color) !important;\n}");export{e as default};
+var e={monthButtonDropdown:"monthButtonDropdown_ae79e58b45",yearButtonDropdown:"yearButtonDropdown_36b0baa615",datePickerHeader:"datePickerHeader_e6030f8c4f"};!function(e){const t="s_id-25798679a710_3_83_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.monthButtonDropdown_ae79e58b45 {\n  min-width: 70px;\n  justify-content: space-between;\n}\n.yearButtonDropdown_36b0baa615 {\n  justify-content: space-between;\n}\n.datePickerHeader_e6030f8c4f {\n  font: var(--font-text2-normal);\n  height: var(--day-picker-header-height);\n  color: var(--primary-text-color);\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n}\n.datePickerHeader_e6030f8c4f button:focus:not(:active), .datePickerHeader_e6030f8c4f button:focus-visible {\n  box-shadow: 0 0 0 2px var(--primary-color);\n  background: var(--primary-background-color) !important;\n}");export{e as default};
 //# sourceMappingURL=DatePickerHeader.module.scss.js.map

package/dist/src/components/next/Dropdown/components/DropdownBase/DropdownBase.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{defineProperty as e}from"../../../../../../_virtual/_rollupPluginBabelHelpers.js";import r from"react";import t from"classnames";import o from"../../../../FieldLabel/FieldLabel.js";import a from"../../../../Text/Text.js";import s from"./DropdownBase.module.scss.js";import{getTestId as l}from"../../../../../tests/testIds.js";import{ComponentDefaultTestId as i,ComponentVibeId as d}from"../../../../../tests/constants.js";import{useDropdownContext as m}from"../../context/DropdownContext.js";import n from"../../../../Tooltip/Tooltip.js";var p=function(p){var c=p.dropdownRef,b=p.children,f=m(),u=f.label,j=f.required,x=f.getLabelProps,v=f.className,O=f.id,T=f.ariaLabel,D=f["data-testid"],N=f.readOnly,P=f.error,g=f.isFocused,E=f.isOpen,w=f.helperText,y=f.dir,L=f.tooltipProps,h=f.boxMode,F=f.borderless,R=r.createElement("div",{ref:c,className:t(s.wrapper,e(e(e(e(e(e({},s.disabled,f.disabled),s.readOnly,N),s.error,P),s.active,g||E),s.boxMode,h),s.borderless,F),v),id:O,"aria-label":T,"data-testid":D||l(i.DROPDOWN,O),"data-vibe":d.DROPDOWN},b);return r.createElement("div",{dir:y,className:s.outerWrapper},u&&r.createElement(o,Object.assign({labelText:u,required:j},x())),r.createElement(n,Object.assign({},L,{content:null==L?void 0:L.content}),R),w&&r.createElement(a,{color:P?"negative":"secondary",className:s.helperText},w))};export{p as default};
+import{defineProperty as e}from"../../../../../../_virtual/_rollupPluginBabelHelpers.js";import r from"react";import t from"classnames";import o from"../../../../FieldLabel/FieldLabel.js";import s from"./DropdownBase.module.scss.js";import{getTestId as a}from"../../../../../tests/testIds.js";import{ComponentDefaultTestId as l,ComponentVibeId as i}from"../../../../../tests/constants.js";import{useDropdownContext as d}from"../../context/DropdownContext.js";import n from"../../../../../../components/tooltip/dist/Tooltip/Tooltip.js";import p from"../../../../../../components/typography/dist/Text/Text.js";var m=function(m){var c=m.dropdownRef,b=m.children,f=d(),u=f.label,j=f.required,x=f.getLabelProps,v=f.className,O=f.id,T=f.ariaLabel,g=f["data-testid"],y=f.readOnly,D=f.error,N=f.isFocused,P=f.isOpen,E=f.helperText,h=f.dir,w=f.tooltipProps,L=f.boxMode,F=f.borderless,R=r.createElement("div",{ref:c,className:t(s.wrapper,e(e(e(e(e(e({},s.disabled,f.disabled),s.readOnly,y),s.error,D),s.active,N||P),s.boxMode,L),s.borderless,F),v),id:O,"aria-label":T,"data-testid":g||a(l.DROPDOWN,O),"data-vibe":i.DROPDOWN},b);return r.createElement("div",{dir:h,className:s.outerWrapper},u&&r.createElement(o,Object.assign({labelText:u,required:j},x())),r.createElement(n,Object.assign({},w,{content:null==w?void 0:w.content}),R),E&&r.createElement(p,{color:D?"negative":"secondary",className:s.helperText},E))};export{m as default};
 //# sourceMappingURL=DropdownBase.js.map

package/dist/src/components/next/Dropdown/components/DropdownBase/DropdownBase.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DropdownBase.js","sources":["../../../../../../../src/components/next/Dropdown/components/DropdownBase/DropdownBase.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport FieldLabel from \"../../../../FieldLabel/FieldLabel\";\nimport Text from \"~~../../../../Text~~/~~Text~~\";\nimport styles from \"./DropdownBase.module.scss\";\nimport { getTestId } from \"../../../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../../../../tests/constants\";\nimport { useDropdownContext } from \"../../context/DropdownContext\";\nimport { type BaseItemData } from \"../../../../BaseItem\";\nimport Tooltip from \"~~../../../../Tooltip~~/~~Tooltip~~\";\n\ninterface DropdownBaseProps {\n dropdownRef: React.Ref<HTMLDivElement>;\n children: React.ReactNode;\n}\n\nconst DropdownBase = ({ dropdownRef, children }: DropdownBaseProps) => {\n const {\n label,\n required,\n getLabelProps,\n className,\n id,\n ariaLabel,\n \"data-testid\": dataTestIdFromContext,\n disabled,\n readOnly,\n error,\n isFocused,\n isOpen,\n helperText,\n dir,\n tooltipProps,\n boxMode,\n borderless\n } = useDropdownContext<BaseItemData>();\n\n const coreDropdownElement = (\n <div\n ref={dropdownRef}\n className={cx(\n styles.wrapper,\n {\n [styles.disabled]: disabled,\n [styles.readOnly]: readOnly,\n [styles.error]: error,\n [styles.active]: isFocused \|\| isOpen,\n [styles.boxMode]: boxMode,\n [styles.borderless]: borderless\n },\n className\n )}\n id={id}\n aria-label={ariaLabel}\n data-testid={dataTestIdFromContext \|\| getTestId(ComponentDefaultTestId.DROPDOWN, id)}\n data-vibe={ComponentVibeId.DROPDOWN}\n >\n {children}\n </div>\n );\n\n return (\n <div dir={dir} className={styles.outerWrapper}>\n {label && <FieldLabel labelText={label} required={required} {...getLabelProps()} />}\n <Tooltip {...tooltipProps} content={tooltipProps?.content}>\n {coreDropdownElement}\n </Tooltip>\n {helperText && (\n <Text color={error ? \"negative\" : \"secondary\"} className={styles.helperText}>\n {helperText}\n </Text>\n )}\n </div>\n );\n};\n\nexport default DropdownBase;\n"],"names":["DropdownBase","_ref","dropdownRef","children","_useDropdownContext","useDropdownContext","label","required","getLabelProps","className","id","ariaLabel","dataTestIdFromContext","readOnly","error","isFocused","isOpen","helperText","dir","tooltipProps","boxMode","borderless","coreDropdownElement","React","createElement","ref","cx","styles","wrapper","_defineProperty","disabled","active","getTestId","ComponentDefaultTestId","DROPDOWN","ComponentVibeId","outerWrapper","FieldLabel","Object","assign","labelText","Tooltip","content","Text","color"],"mappings":"~~iiBAgBA~~,IAAMA,EAAe,SAAHC,GAAoD,IAA9CC,EAAWD,EAAXC,YAAaC,EAAQF,EAARE,SACnCC,EAkBIC,IAjBFC,EAAKF,EAALE,MACAC,EAAQH,EAARG,SACAC,EAAaJ,EAAbI,cACAC,EAASL,EAATK,UACAC,EAAEN,EAAFM,GACAC,EAASP,EAATO,UACeC,EAAqBR,EAApC,eAEAS,EAAQT,EAARS,SACAC,EAAKV,EAALU,MACAC,EAASX,EAATW,UACAC,EAAMZ,EAANY,OACAC,EAAUb,EAAVa,WACAC,EAAGd,EAAHc,IACAC,EAAYf,EAAZe,aACAC,EAAOhB,EAAPgB,QACAC,EAAUjB,EAAViB,WAGIC,EACJC,EAAAC,cAAA,MAAA,CACEC,IAAKvB,EACLO,UAAWiB,EACTC,EAAOC,QAAOC,EAAAA,EAAAA,EAAAA,EAAAA,EAAAA,EAAA,CAAA,EAEXF,EAAOG,SAlBN1B,EAAR0B,UAmBOH,EAAOd,SAAWA,GAClBc,EAAOb,MAAQA,GACfa,EAAOI,OAAShB,GAAaC,GAC7BW,EAAOP,QAAUA,GACjBO,EAAON,WAAaA,GAEvBZ,GAEFC,GAAIA,EAAE,aACMC,EAAS,cACRC,GAAyBoB,EAAUC,EAAuBC,SAAUxB,GACtE,YAAAyB,EAAgBD,UAE1B/B,GAIL,OACEoB,EAAKC,cAAA,MAAA,CAAAN,IAAKA,EAAKT,UAAWkB,EAAOS,cAC9B9B,GAASiB,EAAAC,cAACa,EAAUC,OAAAC,OAAA,CAACC,UAAWlC,EAAOC,SAAUA,GAAcC,MAChEe,EAAAC,cAACiB,EAAOH,OAAAC,OAAA,CAAA,EAAKpB,EAAY,CAAEuB,QAASvB,eAAAA,EAAcuB,UAC/CpB,GAEFL,GACCM,EAACC,cAAAmB,EAAK,CAAAC,MAAO9B,EAAQ,WAAa,YAAaL,UAAWkB,EAAOV,YAC9DA,GAKX"}
1	+ {"version":3,"file":"DropdownBase.js","sources":["../../../../../../../src/components/next/Dropdown/components/DropdownBase/DropdownBase.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport FieldLabel from \"../../../../FieldLabel/FieldLabel\";\nimport { Text } from \"@vibe/typography\";\nimport styles from \"./DropdownBase.module.scss\";\nimport { getTestId } from \"../../../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../../../../tests/constants\";\nimport { useDropdownContext } from \"../../context/DropdownContext\";\nimport { type BaseItemData } from \"../../../../BaseItem\";\nimport { Tooltip } from \"@vibe/tooltip\";\n\ninterface DropdownBaseProps {\n dropdownRef: React.Ref<HTMLDivElement>;\n children: React.ReactNode;\n}\n\nconst DropdownBase = ({ dropdownRef, children }: DropdownBaseProps) => {\n const {\n label,\n required,\n getLabelProps,\n className,\n id,\n ariaLabel,\n \"data-testid\": dataTestIdFromContext,\n disabled,\n readOnly,\n error,\n isFocused,\n isOpen,\n helperText,\n dir,\n tooltipProps,\n boxMode,\n borderless\n } = useDropdownContext<BaseItemData>();\n\n const coreDropdownElement = (\n <div\n ref={dropdownRef}\n className={cx(\n styles.wrapper,\n {\n [styles.disabled]: disabled,\n [styles.readOnly]: readOnly,\n [styles.error]: error,\n [styles.active]: isFocused \|\| isOpen,\n [styles.boxMode]: boxMode,\n [styles.borderless]: borderless\n },\n className\n )}\n id={id}\n aria-label={ariaLabel}\n data-testid={dataTestIdFromContext \|\| getTestId(ComponentDefaultTestId.DROPDOWN, id)}\n data-vibe={ComponentVibeId.DROPDOWN}\n >\n {children}\n </div>\n );\n\n return (\n <div dir={dir} className={styles.outerWrapper}>\n {label && <FieldLabel labelText={label} required={required} {...getLabelProps()} />}\n <Tooltip {...tooltipProps} content={tooltipProps?.content}>\n {coreDropdownElement}\n </Tooltip>\n {helperText && (\n <Text color={error ? \"negative\" : \"secondary\"} className={styles.helperText}>\n {helperText}\n </Text>\n )}\n </div>\n );\n};\n\nexport default DropdownBase;\n"],"names":["DropdownBase","_ref","dropdownRef","children","_useDropdownContext","useDropdownContext","label","required","getLabelProps","className","id","ariaLabel","dataTestIdFromContext","readOnly","error","isFocused","isOpen","helperText","dir","tooltipProps","boxMode","borderless","coreDropdownElement","React","createElement","ref","cx","styles","wrapper","_defineProperty","disabled","active","getTestId","ComponentDefaultTestId","DROPDOWN","ComponentVibeId","outerWrapper","FieldLabel","Object","assign","labelText","Tooltip","content","Text","color"],"mappings":"gmBAgBA,IAAMA,EAAe,SAAHC,GAAoD,IAA9CC,EAAWD,EAAXC,YAAaC,EAAQF,EAARE,SACnCC,EAkBIC,IAjBFC,EAAKF,EAALE,MACAC,EAAQH,EAARG,SACAC,EAAaJ,EAAbI,cACAC,EAASL,EAATK,UACAC,EAAEN,EAAFM,GACAC,EAASP,EAATO,UACeC,EAAqBR,EAApC,eAEAS,EAAQT,EAARS,SACAC,EAAKV,EAALU,MACAC,EAASX,EAATW,UACAC,EAAMZ,EAANY,OACAC,EAAUb,EAAVa,WACAC,EAAGd,EAAHc,IACAC,EAAYf,EAAZe,aACAC,EAAOhB,EAAPgB,QACAC,EAAUjB,EAAViB,WAGIC,EACJC,EAAAC,cAAA,MAAA,CACEC,IAAKvB,EACLO,UAAWiB,EACTC,EAAOC,QAAOC,EAAAA,EAAAA,EAAAA,EAAAA,EAAAA,EAAA,CAAA,EAEXF,EAAOG,SAlBN1B,EAAR0B,UAmBOH,EAAOd,SAAWA,GAClBc,EAAOb,MAAQA,GACfa,EAAOI,OAAShB,GAAaC,GAC7BW,EAAOP,QAAUA,GACjBO,EAAON,WAAaA,GAEvBZ,GAEFC,GAAIA,EAAE,aACMC,EAAS,cACRC,GAAyBoB,EAAUC,EAAuBC,SAAUxB,GACtE,YAAAyB,EAAgBD,UAE1B/B,GAIL,OACEoB,EAAKC,cAAA,MAAA,CAAAN,IAAKA,EAAKT,UAAWkB,EAAOS,cAC9B9B,GAASiB,EAAAC,cAACa,EAAUC,OAAAC,OAAA,CAACC,UAAWlC,EAAOC,SAAUA,GAAcC,MAChEe,EAAAC,cAACiB,EAAOH,OAAAC,OAAA,CAAA,EAAKpB,EAAY,CAAEuB,QAASvB,eAAAA,EAAcuB,UAC/CpB,GAEFL,GACCM,EAACC,cAAAmB,EAAK,CAAAC,MAAO9B,EAAQ,WAAa,YAAaL,UAAWkB,EAAOV,YAC9DA,GAKX"}

package/dist/src/components/next/Dropdown/components/DropdownBase/DropdownBase.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var r={outerWrapper:"outerWrapper_ab8717a632",wrapper:"wrapper_7cd169d69d",active:"active_1d46a9b1d5",disabled:"disabled_00c94e1a22",readOnly:"readOnly_f146b3e6b7",error:"error_a23e428708",boxMode:"boxMode_4f0fe693ab",borderless:"borderless_a39209c550",helperText:"helperText_be789e8bed"};!function(r){const e="s_id-a1f1f819eb29_3_82_3";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const d=document.createElement("style");d.id=e,o.firstChild?o.insertBefore(d,o.firstChild):o.appendChild(d),d.appendChild(document.createTextNode(r))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=r)}(".outerWrapper_ab8717a632 {\n  width: 100%;\n}\n\n.wrapper_7cd169d69d {\n  --border-color: var(--ui-border-color);\n  --background-color: var(--secondary-background-color);\n  border-radius: var(--border-radius-small);\n  box-shadow: inset 0 0 0 1px var(--border-color);\n  background: var(--background-color);\n  cursor: pointer;\n}\n\n.wrapper_7cd169d69d:hover {\n  --border-color: var(--primary-text-color);\n}\n\n.wrapper_7cd169d69d.active_1d46a9b1d5, .wrapper_7cd169d69d:focus {\n  --border-color: var(--primary-color);\n}\n\n.wrapper_7cd169d69d.disabled_00c94e1a22 {\n  --border-color: var(--disabled-background-color);\n  --background-color: var(--disabled-background-color);\n  cursor: not-allowed;\n}\n\n.wrapper_7cd169d69d.readOnly_f146b3e6b7 {\n  --border-color: var(--allgrey-background-color);\n  --background-color: var(--allgrey-background-color);\n  cursor: default;\n}\n\n.wrapper_7cd169d69d.error_a23e428708 {\n  --border-color: var(--negative-color);\n}\n\n.wrapper_7cd169d69d.boxMode_4f0fe693ab {\n  box-shadow: none;\n  background: transparent;\n  cursor: default;\n}\n\n.wrapper_7cd169d69d.borderless_a39209c550 {\n  --border-color: transparent;\n}\n\n.wrapper_7cd169d69d.borderless_a39209c550:hover {\n  --border-color: var(--primary-text-color);\n}\n\n.wrapper_7cd169d69d.borderless_a39209c550.active_1d46a9b1d5, .wrapper_7cd169d69d.borderless_a39209c550:focus {\n  --border-color: var(--primary-color);\n}\n\n.helperText_be789e8bed {\n  margin-top: var(--spacing-xs);\n}");export{r as default};
+var r={outerWrapper:"outerWrapper_033fe3ac52",wrapper:"wrapper_f3512b1e19",active:"active_80a5f9d005",disabled:"disabled_08ad317cb2",readOnly:"readOnly_30bdc2af9f",error:"error_92f5d44649",boxMode:"boxMode_cad2b8d633",borderless:"borderless_fd5f5ed591",helperText:"helperText_250f8852ee"};!function(r){const e="s_id-a1f1f819eb29_3_83_1";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const n=document.createElement("style");n.id=e,o.firstChild?o.insertBefore(n,o.firstChild):o.appendChild(n),n.appendChild(document.createTextNode(r))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=r)}(".outerWrapper_033fe3ac52 {\n  width: 100%;\n}\n\n.wrapper_f3512b1e19 {\n  --border-color: var(--ui-border-color);\n  --background-color: var(--secondary-background-color);\n  border-radius: var(--border-radius-small);\n  box-shadow: inset 0 0 0 1px var(--border-color);\n  background: var(--background-color);\n  cursor: pointer;\n}\n\n.wrapper_f3512b1e19:hover {\n  --border-color: var(--primary-text-color);\n}\n\n.wrapper_f3512b1e19.active_80a5f9d005, .wrapper_f3512b1e19:focus {\n  --border-color: var(--primary-color);\n}\n\n.wrapper_f3512b1e19.disabled_08ad317cb2 {\n  --border-color: var(--disabled-background-color);\n  --background-color: var(--disabled-background-color);\n  cursor: not-allowed;\n}\n\n.wrapper_f3512b1e19.readOnly_30bdc2af9f {\n  --border-color: var(--allgrey-background-color);\n  --background-color: var(--allgrey-background-color);\n  cursor: default;\n}\n\n.wrapper_f3512b1e19.error_92f5d44649 {\n  --border-color: var(--negative-color);\n}\n\n.wrapper_f3512b1e19.boxMode_cad2b8d633 {\n  box-shadow: none;\n  background: transparent;\n  cursor: default;\n}\n\n.wrapper_f3512b1e19.borderless_fd5f5ed591 {\n  --border-color: transparent;\n}\n\n.wrapper_f3512b1e19.borderless_fd5f5ed591:hover {\n  --border-color: var(--primary-text-color);\n}\n\n.wrapper_f3512b1e19.borderless_fd5f5ed591.active_80a5f9d005, .wrapper_f3512b1e19.borderless_fd5f5ed591:focus {\n  --border-color: var(--primary-color);\n}\n\n.helperText_250f8852ee {\n  margin-top: var(--spacing-xs);\n}");export{r as default};
 //# sourceMappingURL=DropdownBase.module.scss.js.map

package/dist/src/components/next/Dropdown/components/DropdownBaseList/DropdownBaseList.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{defineProperty as e}from"../../../../../../_virtual/_rollupPluginBabelHelpers.js";import t,{forwardRef as l}from"react";import i from"../../../../BaseItem/BaseItem.js";import r from"./DropdownBaseList.module.scss.js";import o from"../../../../Text/Text.js";import n from"classnames";import s from"../../../../Divider/Divider.js";import a from"../../../../../../components/layout/dist/Flex/Flex.js";var m=l((function(l,m){var d=l.options,u=l.selectedItems,p=l.highlightedIndex,v=l.menuAriaLabel,c=l.getMenuProps,f=l.getItemProps,g=l.size,h=void 0===g?"medium":g,x=l.withGroupDivider,y=void 0!==x&&x,b=l.dir,E=void 0===b?"ltr":b,j=l.itemRenderer,I=l.menuRenderer,O=l.noOptionsMessage,P=void 0===O?"No results":O,k=l.stickyGroupTitle,B=void 0!==k&&k,D=l.renderOptions,T=void 0===D||D,w=l.onScroll,z=l.maxMenuHeight,F=void 0===z?300:z,H="small"===h?"text2":"text1",M=T?d.every((function(e){var t;return 0===(null===(t=e.options)||void 0===t?void 0:t.length)}))?t.createElement("div",{role:"status"},"string"==typeof P?t.createElement(a,{justify:"center"},t.createElement(i,{component:"div",item:{label:P,value:""},size:h,readOnly:!0})):P):d.map((function(l,a){var m;return t.createElement(t.Fragment,{key:null!==(m=l.label)&&void 0!==m?m:a},l.label&&t.createElement("li",{className:n(r.groupTitle,e({},r.sticky,B))},t.createElement(o,{type:H,color:"inherit"},l.label)),l.options.map((function(e,l){var r,o=null!==(r=null==f?void 0:f({item:e,index:e.index}))&&void 0!==r?r:{},n=void 0!==p&&p===e.index&&!e.disabled,s=(null==u?void 0:u.some((function(t){return(null==t?void 0:t.value)===e.value})))&&!e.disabled;return t.createElement(i,{itemProps:o,key:"string"==typeof e.value?e.value:l,size:h,highlighted:n,selected:s,itemRenderer:j,item:e,role:"option"})})),y&&d.length-1>a&&t.createElement(s,null))})):null;return t.createElement("ul",Object.assign({ref:m,dir:E,className:r.wrapper},null==c?void 0:c({"aria-label":v}),{onScroll:w,style:{maxHeight:F}}),I&&T?I({children:M,filteredOptions:d,selectedItem:(null==u?void 0:u[0])||null,selectedItems:u||[]}):M)}));export{m as default};
+import{defineProperty as e}from"../../../../../../_virtual/_rollupPluginBabelHelpers.js";import t,{forwardRef as i}from"react";import l from"../../../../BaseItem/BaseItem.js";import r from"./DropdownBaseList.module.scss.js";import o from"classnames";import n from"../../../../Divider/Divider.js";import s from"../../../../../../components/layout/dist/Flex/Flex.js";import a from"../../../../../../components/typography/dist/Text/Text.js";var m=i((function(i,m){var d=i.options,u=i.selectedItems,p=i.highlightedIndex,c=i.menuAriaLabel,v=i.getMenuProps,f=i.getItemProps,g=i.size,y=void 0===g?"medium":g,h=i.withGroupDivider,x=void 0!==h&&h,b=i.dir,E=void 0===b?"ltr":b,j=i.itemRenderer,I=i.menuRenderer,O=i.noOptionsMessage,P=void 0===O?"No results":O,k=i.stickyGroupTitle,B=void 0!==k&&k,D=i.renderOptions,T=void 0===D||D,w=i.onScroll,z=i.maxMenuHeight,F=void 0===z?300:z,H="small"===y?"text2":"text1",M=T?d.every((function(e){var t;return 0===(null===(t=e.options)||void 0===t?void 0:t.length)}))?t.createElement("div",{role:"status"},"string"==typeof P?t.createElement(s,{justify:"center"},t.createElement(l,{component:"div",item:{label:P,value:""},size:y,readOnly:!0})):P):d.map((function(i,s){var m;return t.createElement(t.Fragment,{key:null!==(m=i.label)&&void 0!==m?m:s},i.label&&t.createElement("li",{className:o(r.groupTitle,e({},r.sticky,B))},t.createElement(a,{type:H,color:"inherit"},i.label)),i.options.map((function(e,i){var r,o=null!==(r=null==f?void 0:f({item:e,index:e.index}))&&void 0!==r?r:{},n=void 0!==p&&p===e.index&&!e.disabled,s=(null==u?void 0:u.some((function(t){return(null==t?void 0:t.value)===e.value})))&&!e.disabled;return t.createElement(l,{itemProps:o,key:"string"==typeof e.value?e.value:i,size:y,highlighted:n,selected:s,itemRenderer:j,item:e,role:"option"})})),x&&d.length-1>s&&t.createElement(n,null))})):null;return t.createElement("ul",Object.assign({ref:m,dir:E,className:r.wrapper},null==v?void 0:v({"aria-label":c}),{onScroll:w,style:{maxHeight:F}}),I&&T?I({children:M,filteredOptions:d,selectedItem:(null==u?void 0:u[0])||null,selectedItems:u||[]}):M)}));export{m as default};
 //# sourceMappingURL=DropdownBaseList.js.map

package/dist/src/components/next/Dropdown/components/DropdownBaseList/DropdownBaseList.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DropdownBaseList.js","sources":["../../../../../../../src/components/next/Dropdown/components/DropdownBaseList/DropdownBaseList.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport BaseItem from \"../../../../BaseItem/BaseItem\";\nimport styles from \"./DropdownBaseList.module.scss\";\nimport { type DropdownBaseListProps } from \"./DropdownBaseList.types\";\nimport { Flex } from \"@vibe/layout\";\nimport { type TextType } from \"~~../../../../Text\";\nimport Text from \"../../../../Text~~/~~Text~~\";\nimport cx from \"classnames\";\nimport { Divider } from \"../../../../Divider\";\n\nconst DropdownBaseList = forwardRef(\n <Item extends Record<string, unknown>>(\n {\n options,\n selectedItems,\n highlightedIndex,\n menuAriaLabel,\n getMenuProps,\n getItemProps,\n size = \"medium\",\n withGroupDivider = false,\n dir = \"ltr\",\n itemRenderer,\n menuRenderer,\n noOptionsMessage = \"No results\",\n stickyGroupTitle = false,\n renderOptions = true,\n onScroll,\n maxMenuHeight = 300\n }: DropdownBaseListProps<Item>,\n ref: React.Ref<HTMLUListElement>\n ) => {\n const textVariant: TextType = size === \"small\" ? \"text2\" : \"text1\";\n\n const defaultContent = renderOptions ? (\n options.every(group => group.options?.length === 0) ? (\n <div role=\"status\">\n {typeof noOptionsMessage === \"string\" ? (\n <Flex justify=\"center\">\n <BaseItem component=\"div\" item={{ label: noOptionsMessage, value: \"\" }} size={size} readOnly />\n </Flex>\n ) : (\n noOptionsMessage\n )}\n </div>\n ) : (\n options.map((group, groupIndex) => (\n <React.Fragment key={group.label ?? groupIndex}>\n {group.label && (\n <li className={cx(styles.groupTitle, { [styles.sticky]: stickyGroupTitle })}>\n <Text type={textVariant} color=\"inherit\">\n {group.label}\n </Text>\n </li>\n )}\n {group.options.map((option, itemIndex) => {\n const itemProps = getItemProps?.({ item: option, index: option.index }) ?? {};\n const isHighlighted =\n highlightedIndex !== undefined && highlightedIndex === option.index && !option.disabled;\n const isSelected =\n selectedItems?.some(selectedItem => selectedItem?.value === option.value) && !option.disabled;\n\n return (\n <BaseItem<Item>\n itemProps={itemProps}\n key={typeof option.value === \"string\" ? option.value : itemIndex}\n size={size}\n highlighted={isHighlighted}\n selected={isSelected}\n itemRenderer={itemRenderer}\n item={option}\n role=\"option\"\n />\n );\n })}\n {withGroupDivider && groupIndex < options.length - 1 && <Divider />}\n </React.Fragment>\n ))\n )\n ) : null;\n\n return (\n <ul\n ref={ref}\n dir={dir}\n className={styles.wrapper}\n {...getMenuProps?.({ \"aria-label\": menuAriaLabel })}\n onScroll={onScroll}\n style={{ maxHeight: maxMenuHeight }}\n >\n {menuRenderer && renderOptions\n ? menuRenderer({\n children: defaultContent,\n filteredOptions: options,\n selectedItem: selectedItems?.[0] \|\| null,\n selectedItems: selectedItems \|\| []\n })\n : defaultContent}\n </ul>\n );\n }\n);\n\nexport default DropdownBaseList as <Item extends Record<string, unknown>>(\n props: DropdownBaseListProps<Item> & { ref?: React.Ref<HTMLUListElement> }\n) => React.ReactElement;\n"],"names":["DropdownBaseList","forwardRef","_ref","ref","options","selectedItems","highlightedIndex","menuAriaLabel","getMenuProps","getItemProps","_ref$size","size","_ref$withGroupDivider","withGroupDivider","_ref$dir","dir","itemRenderer","menuRenderer","_ref$noOptionsMessage","noOptionsMessage","_ref$stickyGroupTitle","stickyGroupTitle","_ref$renderOptions","renderOptions","onScroll","_ref$maxMenuHeight","maxMenuHeight","textVariant","defaultContent","every","group","_a","length","React","createElement","role","Flex","justify","BaseItem","component","item","label","value","readOnly","map","groupIndex","Fragment","key","className","cx","styles","groupTitle","_defineProperty","sticky","Text","type","color","option","itemIndex","itemProps","index","isHighlighted","undefined","disabled","isSelected","some","selectedItem","highlighted","selected","Divider","Object","assign","wrapper","style","maxHeight","children","filteredOptions"],"mappings":"~~qZAUMA~~,IAAAA,EAAmBC,GACvB,SAAAC,EAmBEC,GACE,IAlBAC,EAAOF,EAAPE,QACAC,EAAaH,EAAbG,cACAC,EAAgBJ,EAAhBI,iBACAC,EAAaL,EAAbK,cACAC,EAAYN,EAAZM,aACAC,EAAYP,EAAZO,aAAYC,EAAAR,EACZS,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EAAAE,EAAAV,EACfW,iBAAAA,OAAmB,IAAHD,GAAQA,EAAAE,EAAAZ,EACxBa,IAAAA,OAAM,IAAHD,EAAG,MAAKA,EACXE,EAAYd,EAAZc,aACAC,EAAYf,EAAZe,aAAYC,EAAAhB,EACZiB,iBAAAA,OAAmB,IAAHD,EAAG,aAAYA,EAAAE,EAAAlB,EAC/BmB,iBAAAA,OAAmB,IAAHD,GAAQA,EAAAE,EAAApB,EACxBqB,cAAAA,OAAgB,IAAHD,GAAOA,EACpBE,EAAQtB,EAARsB,SAAQC,EAAAvB,EACRwB,cAAAA,OAAgB,IAAHD,EAAG,IAAGA,EAIfE,EAAiC,UAAThB,EAAmB,QAAU,QAErDiB,EAAiBL,EACrBnB,EAAQyB,OAAM,SAAAC,GAAS,IAAAC,EAAA,OAA0B,KAAX,QAAfA,EAAAD,EAAM1B,eAAS,IAAA2B,OAAA,EAAAA,EAAAC,OAAY,IAChDC,EAAKC,cAAA,MAAA,CAAAC,KAAK,UACqB,iBAArBhB,EACNc,gBAACG,EAAI,CAACC,QAAQ,UACZJ,EAACC,cAAAI,GAASC,UAAU,MAAMC,KAAM,CAAEC,MAAOtB,EAAkBuB,MAAO,IAAM/B,KAAMA,EAAMgC,eAGtFxB,GAIJf,EAAQwC,KAAI,SAACd,EAAOe,SAAe,OACjCZ,EAAAC,cAACD,EAAMa,SAAQ,CAACC,YAAKhB,EAAAD,EAAMW,qBAASI,GACjCf,EAAMW,OACLR,sBAAIe,UAAWC,EAAGC,EAAOC,WAAUC,EAAA,CAAA,EAAKF,EAAOG,OAAShC,KACtDY,EAAAC,cAACoB,EAAI,CAACC,KAAM5B,EAAa6B,MAAM,WAC5B1B,EAAMW,QAIZX,EAAM1B,QAAQwC,KAAI,SAACa,EAAQC,SACpBC,EAAqE,QAAzD5B,EAAAtB,aAAY,EAAZA,EAAe,CAAE+B,KAAMiB,EAAQG,MAAOH,EAAOG,eAAY,IAAA7B,EAAAA,EAAA,CAAA,EACrE8B,OACiBC,IAArBxD,GAAkCA,IAAqBmD,EAAOG,QAAUH,EAAOM,SAC3EC,GACJ3D,aAAa,EAAbA,EAAe4D,MAAK,SAAAC,GAAY,OAAIA,aAAY,EAAZA,EAAcxB,SAAUe,EAAOf,KAAK,OAAMe,EAAOM,SAEvF,OACE9B,EAACC,cAAAI,EACC,CAAAqB,UAAWA,EACXZ,IAA6B,iBAAjBU,EAAOf,MAAqBe,EAAOf,MAAQgB,EACvD/C,KAAMA,EACNwD,YAAaN,EACbO,SAAUJ,EACVhD,aAAcA,EACdwB,KAAMiB,EACNtB,KAAK,UAGV,IACAtB,GAAiCT,EAAQ4B,OAAS,EAA9Ba,GAAmCZ,EAACC,cAAAmC,EAAU,MAEtE,IAED,KAEJ,OACEpC,EACEC,cAAA,KAAAoC,OAAAC,OAAA,CAAApE,IAAKA,EACLY,IAAKA,EACLiC,UAAWE,EAAOsB,SACdhE,aAAA,EAAAA,EAAe,CAAE,aAAcD,IACnC,CAAAiB,SAAUA,EACViD,MAAO,CAAEC,UAAWhD,KAEnBT,GAAgBM,EACbN,EAAa,CACX0D,SAAU/C,EACVgD,gBAAiBxE,EACjB8D,cAAc7D,aAAA,EAAAA,EAAgB,KAAM,KACpCA,cAAeA,GAAiB,KAElCuB,EAGV"}
1	+ {"version":3,"file":"DropdownBaseList.js","sources":["../../../../../../../src/components/next/Dropdown/components/DropdownBaseList/DropdownBaseList.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport BaseItem from \"../../../../BaseItem/BaseItem\";\nimport styles from \"./DropdownBaseList.module.scss\";\nimport { type DropdownBaseListProps } from \"./DropdownBaseList.types\";\nimport { Flex } from \"@vibe/layout\";\nimport { Text, type TextType } from \"@vibe/typography\";\nimport cx from \"classnames\";\nimport { Divider } from \"../../../../Divider\";\n\nconst DropdownBaseList = forwardRef(\n <Item extends Record<string, unknown>>(\n {\n options,\n selectedItems,\n highlightedIndex,\n menuAriaLabel,\n getMenuProps,\n getItemProps,\n size = \"medium\",\n withGroupDivider = false,\n dir = \"ltr\",\n itemRenderer,\n menuRenderer,\n noOptionsMessage = \"No results\",\n stickyGroupTitle = false,\n renderOptions = true,\n onScroll,\n maxMenuHeight = 300\n }: DropdownBaseListProps<Item>,\n ref: React.Ref<HTMLUListElement>\n ) => {\n const textVariant: TextType = size === \"small\" ? \"text2\" : \"text1\";\n\n const defaultContent = renderOptions ? (\n options.every(group => group.options?.length === 0) ? (\n <div role=\"status\">\n {typeof noOptionsMessage === \"string\" ? (\n <Flex justify=\"center\">\n <BaseItem component=\"div\" item={{ label: noOptionsMessage, value: \"\" }} size={size} readOnly />\n </Flex>\n ) : (\n noOptionsMessage\n )}\n </div>\n ) : (\n options.map((group, groupIndex) => (\n <React.Fragment key={group.label ?? groupIndex}>\n {group.label && (\n <li className={cx(styles.groupTitle, { [styles.sticky]: stickyGroupTitle })}>\n <Text type={textVariant} color=\"inherit\">\n {group.label}\n </Text>\n </li>\n )}\n {group.options.map((option, itemIndex) => {\n const itemProps = getItemProps?.({ item: option, index: option.index }) ?? {};\n const isHighlighted =\n highlightedIndex !== undefined && highlightedIndex === option.index && !option.disabled;\n const isSelected =\n selectedItems?.some(selectedItem => selectedItem?.value === option.value) && !option.disabled;\n\n return (\n <BaseItem<Item>\n itemProps={itemProps}\n key={typeof option.value === \"string\" ? option.value : itemIndex}\n size={size}\n highlighted={isHighlighted}\n selected={isSelected}\n itemRenderer={itemRenderer}\n item={option}\n role=\"option\"\n />\n );\n })}\n {withGroupDivider && groupIndex < options.length - 1 && <Divider />}\n </React.Fragment>\n ))\n )\n ) : null;\n\n return (\n <ul\n ref={ref}\n dir={dir}\n className={styles.wrapper}\n {...getMenuProps?.({ \"aria-label\": menuAriaLabel })}\n onScroll={onScroll}\n style={{ maxHeight: maxMenuHeight }}\n >\n {menuRenderer && renderOptions\n ? menuRenderer({\n children: defaultContent,\n filteredOptions: options,\n selectedItem: selectedItems?.[0] \|\| null,\n selectedItems: selectedItems \|\| []\n })\n : defaultContent}\n </ul>\n );\n }\n);\n\nexport default DropdownBaseList as <Item extends Record<string, unknown>>(\n props: DropdownBaseListProps<Item> & { ref?: React.Ref<HTMLUListElement> }\n) => React.ReactElement;\n"],"names":["DropdownBaseList","forwardRef","_ref","ref","options","selectedItems","highlightedIndex","menuAriaLabel","getMenuProps","getItemProps","_ref$size","size","_ref$withGroupDivider","withGroupDivider","_ref$dir","dir","itemRenderer","menuRenderer","_ref$noOptionsMessage","noOptionsMessage","_ref$stickyGroupTitle","stickyGroupTitle","_ref$renderOptions","renderOptions","onScroll","_ref$maxMenuHeight","maxMenuHeight","textVariant","defaultContent","every","group","_a","length","React","createElement","role","Flex","justify","BaseItem","component","item","label","value","readOnly","map","groupIndex","Fragment","key","className","cx","styles","groupTitle","_defineProperty","sticky","Text","type","color","option","itemIndex","itemProps","index","isHighlighted","undefined","disabled","isSelected","some","selectedItem","highlighted","selected","Divider","Object","assign","wrapper","style","maxHeight","children","filteredOptions"],"mappings":"sbASMA,IAAAA,EAAmBC,GACvB,SAAAC,EAmBEC,GACE,IAlBAC,EAAOF,EAAPE,QACAC,EAAaH,EAAbG,cACAC,EAAgBJ,EAAhBI,iBACAC,EAAaL,EAAbK,cACAC,EAAYN,EAAZM,aACAC,EAAYP,EAAZO,aAAYC,EAAAR,EACZS,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EAAAE,EAAAV,EACfW,iBAAAA,OAAmB,IAAHD,GAAQA,EAAAE,EAAAZ,EACxBa,IAAAA,OAAM,IAAHD,EAAG,MAAKA,EACXE,EAAYd,EAAZc,aACAC,EAAYf,EAAZe,aAAYC,EAAAhB,EACZiB,iBAAAA,OAAmB,IAAHD,EAAG,aAAYA,EAAAE,EAAAlB,EAC/BmB,iBAAAA,OAAmB,IAAHD,GAAQA,EAAAE,EAAApB,EACxBqB,cAAAA,OAAgB,IAAHD,GAAOA,EACpBE,EAAQtB,EAARsB,SAAQC,EAAAvB,EACRwB,cAAAA,OAAgB,IAAHD,EAAG,IAAGA,EAIfE,EAAiC,UAAThB,EAAmB,QAAU,QAErDiB,EAAiBL,EACrBnB,EAAQyB,OAAM,SAAAC,GAAS,IAAAC,EAAA,OAA0B,KAAX,QAAfA,EAAAD,EAAM1B,eAAS,IAAA2B,OAAA,EAAAA,EAAAC,OAAY,IAChDC,EAAKC,cAAA,MAAA,CAAAC,KAAK,UACqB,iBAArBhB,EACNc,gBAACG,EAAI,CAACC,QAAQ,UACZJ,EAACC,cAAAI,GAASC,UAAU,MAAMC,KAAM,CAAEC,MAAOtB,EAAkBuB,MAAO,IAAM/B,KAAMA,EAAMgC,eAGtFxB,GAIJf,EAAQwC,KAAI,SAACd,EAAOe,SAAe,OACjCZ,EAAAC,cAACD,EAAMa,SAAQ,CAACC,YAAKhB,EAAAD,EAAMW,qBAASI,GACjCf,EAAMW,OACLR,sBAAIe,UAAWC,EAAGC,EAAOC,WAAUC,EAAA,CAAA,EAAKF,EAAOG,OAAShC,KACtDY,EAAAC,cAACoB,EAAI,CAACC,KAAM5B,EAAa6B,MAAM,WAC5B1B,EAAMW,QAIZX,EAAM1B,QAAQwC,KAAI,SAACa,EAAQC,SACpBC,EAAqE,QAAzD5B,EAAAtB,aAAY,EAAZA,EAAe,CAAE+B,KAAMiB,EAAQG,MAAOH,EAAOG,eAAY,IAAA7B,EAAAA,EAAA,CAAA,EACrE8B,OACiBC,IAArBxD,GAAkCA,IAAqBmD,EAAOG,QAAUH,EAAOM,SAC3EC,GACJ3D,aAAa,EAAbA,EAAe4D,MAAK,SAAAC,GAAY,OAAIA,aAAY,EAAZA,EAAcxB,SAAUe,EAAOf,KAAK,OAAMe,EAAOM,SAEvF,OACE9B,EAACC,cAAAI,EACC,CAAAqB,UAAWA,EACXZ,IAA6B,iBAAjBU,EAAOf,MAAqBe,EAAOf,MAAQgB,EACvD/C,KAAMA,EACNwD,YAAaN,EACbO,SAAUJ,EACVhD,aAAcA,EACdwB,KAAMiB,EACNtB,KAAK,UAGV,IACAtB,GAAiCT,EAAQ4B,OAAS,EAA9Ba,GAAmCZ,EAACC,cAAAmC,EAAU,MAEtE,IAED,KAEJ,OACEpC,EACEC,cAAA,KAAAoC,OAAAC,OAAA,CAAApE,IAAKA,EACLY,IAAKA,EACLiC,UAAWE,EAAOsB,SACdhE,aAAA,EAAAA,EAAe,CAAE,aAAcD,IACnC,CAAAiB,SAAUA,EACViD,MAAO,CAAEC,UAAWhD,KAEnBT,GAAgBM,EACbN,EAAa,CACX0D,SAAU/C,EACVgD,gBAAiBxE,EACjB8D,cAAc7D,aAAA,EAAAA,EAAgB,KAAM,KACpCA,cAAeA,GAAiB,KAElCuB,EAGV"}

package/dist/src/components/next/Dropdown/components/DropdownBaseList/DropdownBaseList.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={wrapper:"wrapper_39d6ff01b3",groupTitle:"groupTitle_a30f69255e",sticky:"sticky_b4198f9b2d"};!function(e){const n="s_id-b5d224c4ed03_3_82_3";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".wrapper_39d6ff01b3 {\n  overflow-y: auto;\n  padding: 0;\n  margin: 0;\n}\n.wrapper_39d6ff01b3 .groupTitle_a30f69255e {\n  color: var(--secondary-text-color);\n  padding: var(--spacing-small) var(--spacing-xs);\n  background-color: var(--secondary-background-color);\n}\n.wrapper_39d6ff01b3 .groupTitle_a30f69255e.sticky_b4198f9b2d {\n  position: sticky;\n  top: 0;\n}\n.wrapper_39d6ff01b3 > li:not(:last-child) {\n  margin-bottom: 2px;\n}");export{e as default};
+var e={wrapper:"wrapper_a6f73dcb24",groupTitle:"groupTitle_a8b209f06c",sticky:"sticky_e0ed9bbad1"};!function(e){const n="s_id-b5d224c4ed03_3_83_1";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".wrapper_a6f73dcb24 {\n  overflow-y: auto;\n  padding: 0;\n  margin: 0;\n}\n.wrapper_a6f73dcb24 .groupTitle_a8b209f06c {\n  color: var(--secondary-text-color);\n  padding: var(--spacing-small) var(--spacing-xs);\n  background-color: var(--secondary-background-color);\n}\n.wrapper_a6f73dcb24 .groupTitle_a8b209f06c.sticky_e0ed9bbad1 {\n  position: sticky;\n  top: 0;\n}\n.wrapper_a6f73dcb24 > li:not(:last-child) {\n  margin-bottom: 2px;\n}");export{e as default};
 //# sourceMappingURL=DropdownBaseList.module.scss.js.map