@ironsource/shared-ui 1.4.1 → 1.4.2-andyk.1

package/assets/Banner.vue_vue_type_style_index_0_scoped_true_lang.css

@@ -0,0 +1 @@
+.label[data-v-32b00538]{color:#41454d}.banner[data-v-32b00538]{display:flex;align-items:center;min-height:3rem;border-radius:.5rem;border:1px solid #DDDFE1;overflow:hidden;margin:1rem 0rem;position:relative;color:#53575b}.banner .left-border[data-v-32b00538]{position:absolute;top:0;left:0;width:5px;height:100%;background-color:#2b76e6}.banner .content-wrapper[data-v-32b00538]{padding:.875rem 1rem 1rem 1.5rem;display:flex;align-items:center;flex:1;height:3rem}.banner .content-wrapper .icon-container[data-v-32b00538]{margin-right:1rem;display:grid;align-content:center}.banner .content-wrapper .content[data-v-32b00538]{flex:1}.banner.banner-type-info .left-border[data-v-32b00538]{background-color:#3083ff}.banner.banner-type-info .icon[data-v-32b00538]{color:#3083ff}.banner.banner-type-success .left-border[data-v-32b00538]{background-color:#22c891}.banner.banner-type-success .icon[data-v-32b00538]{color:#22c891}.banner.banner-type-error .left-border[data-v-32b00538]{background-color:#ff6a63}.banner.banner-type-error .icon[data-v-32b00538]{color:#ff6a63}.banner.banner-type-warning .left-border[data-v-32b00538]{background-color:#ffb424}.banner.banner-type-warning .icon[data-v-32b00538]{color:#ffb424}

package/assets/CalendarMonth.vue_vue_type_style_index_0_scoped_true_lang.css

@@ -0,0 +1 @@
+.label[data-v-07a23a05]{color:#41454d}.days-wrapper[data-v-07a23a05]{color:#53575b}.days-wrapper .day[data-v-07a23a05]{position:relative;width:32px;height:32px;cursor:pointer;display:inline-block;text-align:center;padding:5px;margin-bottom:4px;line-height:21px;box-sizing:border-box}.days-wrapper .day[data-v-07a23a05]:not(.non-day):not(.disabled-day):not(.selected-day):hover:before{content:"";display:block;position:absolute;background:#F1F3F4;width:32px;height:32px;left:50%;top:0;margin-left:-16px;border-radius:100px;z-index:-1}.days-wrapper .day.today[data-v-07a23a05]:after{content:"";background:#3083FF;position:absolute;text-align:center;width:4px;height:4px;border-radius:100%;bottom:4px;left:50%;margin-left:-2px}.days-wrapper .day.today.selected-day[data-v-07a23a05]:after,.days-wrapper .day.today.selected-day-between[data-v-07a23a05]:after{background:#FFFFFF}.days-wrapper .day.start-day[data-v-07a23a05]{border-radius:100px 0 0 100px}.days-wrapper .day.end-day[data-v-07a23a05]{border-radius:0 100px 100px 0}.days-wrapper .day.start-day.end-day[data-v-07a23a05]{background-color:transparent!important}.days-wrapper .day.start-day.end-day[data-v-07a23a05]:before{content:"";display:block;position:absolute;background:#3083FF;width:32px;height:32px;left:50%;top:0;margin-left:-16px;border-radius:100px;z-index:-1}.days-wrapper .day.selected-day-between[data-v-07a23a05]{color:#fff;background-color:#96c0ff}.days-wrapper .day.selected-day-between[data-v-07a23a05]:hover{background-color:#f1f3f4;color:#696a6b}.days-wrapper .day.selected-day[data-v-07a23a05]{background-color:#3083ff!important;color:#fff}.days-wrapper .day.selected-day[data-v-07a23a05]:hover{color:#fff}.days-wrapper .day.disabled-day[data-v-07a23a05]{color:#a9afb4;cursor:default;background:transparent}.days-wrapper .day.non-day[data-v-07a23a05]{color:transparent;cursor:default;background:transparent}.calendar-month[data-v-07a23a05]{user-select:none;box-sizing:unset;padding:0;overflow:hidden;position:relative;width:224px;margin:auto}.calendar-month .days-header[data-v-07a23a05]{padding:21px 0 14px;color:#8e959d}.calendar-month .days-header span[data-v-07a23a05]{width:32px;display:inline-block;text-align:center}.calendar-month .month-header[data-v-07a23a05]{padding-top:13px;padding-bottom:3px;text-align:center;color:#53575b}.calendar-month .next[data-v-07a23a05]{right:4px;cursor:pointer;position:absolute;z-index:16}.calendar-month .next[data-v-07a23a05],.calendar-month .previous[data-v-07a23a05]{transform:translateY(8px)}.calendar-month .previous[data-v-07a23a05]{left:4px;cursor:pointer;position:absolute;z-index:16}

package/assets/Dialog.vue_vue_type_style_index_0_scoped_true_lang.css

@@ -0,0 +1 @@
+.label[data-v-3a486dd1]{color:#41454d}.v-enter-active[data-v-3a486dd1],.v-leave-active[data-v-3a486dd1]{transition:opacity .25s ease}.v-enter-from[data-v-3a486dd1],.v-leave-to[data-v-3a486dd1]{opacity:0}.container[data-v-3a486dd1]{position:fixed;z-index:1300;display:flex;align-items:center;justify-content:center;inset:0}.placeholder[data-v-3a486dd1]{width:100%;padding:24px 38px;height:53px;display:flex;text-align:center;align-items:center;justify-content:center;color:#8e959d;background:#F1F3F4}.modal[data-v-3a486dd1]{min-height:7rem;overflow-y:auto;width:var(--5551d163);box-shadow:0 32px 32px -8px #00000014,0 0 32px -8px #0000001f;max-height:calc(100% - 64px);background:#FFFFFF;border:1px solid #DDDFE1;border-radius:1rem}.header--secondary[data-v-3a486dd1]{padding:0 1.5rem}.header[data-v-3a486dd1]{padding:1rem 1.5rem 0}.header--bordered[data-v-3a486dd1]{padding:1rem 1.5rem;border-bottom:1px solid #DDDFE1}.header[data-v-3a486dd1]{display:flex;align-items:center;width:100%;color:#53575b}.close-button[data-v-3a486dd1]{margin-left:auto;color:#d2d5d8}.content[data-v-3a486dd1]{padding:1rem 1.5rem 1.5rem;display:flex;overflow-y:auto;flex-direction:column;justify-content:center}.content--bordered[data-v-3a486dd1]{padding:1.5rem}.footer[data-v-3a486dd1]{height:30%;width:100%;border-top:1px solid #DDDFE1;display:flex;align-items:center}.action-buttons[data-v-3a486dd1]{margin-left:auto;padding:1rem 1.5rem;display:flex}.action-buttons[data-v-3a486dd1] .button-wrap:first-child{margin-right:.25rem}.backdrop[data-v-3a486dd1]{position:fixed;z-index:-1;display:flex;background-color:#0000008f;align-items:center;justify-content:center;inset:0}

package/assets/Dropdown.vue_vue_type_style_index_0_scoped_true_lang.css

@@ -0,0 +1 @@
+.label[data-v-49790baa]{color:#41454d}.v-enter-active[data-v-49790baa],.v-leave-active[data-v-49790baa]{transition:opacity .25s ease}ol[data-v-49790baa],ul[data-v-49790baa],menu[data-v-49790baa]{list-style:none;margin:0;padding:0}.dropdown[data-v-49790baa]{display:flex;flex-direction:column}.dropdown--disabled[data-v-49790baa]{opacity:.7}.list-container[data-v-49790baa]{padding:.5rem;max-height:13.8rem}.list-container--multi[data-v-49790baa]{margin-bottom:0}.v-popper__arrow-container[data-v-49790baa]{display:none}.helper-text[data-v-49790baa]{padding-top:.25rem;color:#696a6b}.helper-text--error[data-v-49790baa]{color:#da564f}.no-result-container[data-v-49790baa]{height:100%;display:flex;align-items:center}.no-result[data-v-49790baa]{color:#8e959d;padding-left:.5rem}.list[data-v-49790baa]{outline:none;display:flex;flex-direction:column;width:100%;min-height:2rem;border-radius:.5rem}.list--multi[data-v-49790baa]{margin-bottom:.5rem;border-bottom-left-radius:0;border-bottom-right-radius:0}.button__container[data-v-49790baa]{display:flex;justify-content:center;flex-direction:column;position:relative}.button__container[data-v-49790baa]:not(.button__container--disabled){cursor:pointer}.loader[data-v-49790baa]{color:#8e959d;display:flex;height:100%;margin-left:.375rem;justify-self:center;align-items:center}.loader-icon[data-v-49790baa]{margin-right:.25rem;display:flex}.button[data-v-49790baa]{font-size:.875rem;line-height:1.25rem;min-width:15rem;color:#53575b;height:2rem;text-align:start;padding:.25rem .75rem;background:#F1F3F4;border-radius:.5rem;display:flex;border:none;align-items:center}.button--lg[data-v-49790baa]{height:2.5rem}.button[data-v-49790baa]:hover:not(.button--open):not(.button--disabled){color:#53575b;background:#EDEFF0}.button--open[data-v-49790baa],.button[data-v-49790baa]:focus-visible{background:linear-gradient(0deg,#3083FF 0,#3083FF 2px,#F1F3F4 0)}.image-slot[data-v-49790baa]{margin-right:.5rem}.angle-down[data-v-49790baa]{margin-left:auto;display:flex;color:#7b838c}.actions[data-v-49790baa]{display:flex;width:100%;margin-left:auto;padding:.75rem 1rem;border-top:1px solid #DDDFE1;justify-content:flex-end}.actions[data-v-49790baa]:first-child{padding-right:.25rem}.apply-button[data-v-49790baa]{margin-left:.25rem}.dropdown-title__text[data-v-49790baa]{border-bottom:1px solid #DDDFE1;padding:1rem}.dropdown-title__search[data-v-49790baa]{padding:3px 0;width:100%;border-bottom:1px solid #DDDFE1}

package/assets/Editable.vue_vue_type_style_index_0_scoped_true_lang.css

@@ -0,0 +1 @@
+.label[data-v-73de8e4d]{color:#41454d}.edit-save-icon[data-v-73de8e4d]{display:none}.active .edit-save-icon[data-v-73de8e4d]{display:block}.container[data-v-73de8e4d]{position:relative;display:flex;align-items:center}.editable-content[data-v-73de8e4d]{margin-left:.5rem;padding:8px 0}.table-row:hover .editable-container[data-v-73de8e4d]{cursor:text;background:#EDEFF0}.editable-container[data-v-73de8e4d]{display:flex;flex:1 1 auto;border-radius:.5rem}.editable-container[data-v-73de8e4d]:hover{cursor:text;background:#EDEFF0}.editable-container[data-v-73de8e4d] .focused,.editable-container[data-v-73de8e4d] .focused .input{background:linear-gradient(0deg,#3083FF 0,#3083FF 2px,#FFFFFF 0)}.editable-container[data-v-73de8e4d] .input-container.error,.editable-container[data-v-73de8e4d] .input-container.error .input{background:linear-gradient(0deg,#ff6a63 0,#ff6a63 2px,#FFFFFF 0)}

package/assets/Toggle.vue_vue_type_style_index_0_scoped_true_lang.css

@@ -0,0 +1 @@
+.label[data-v-27275176]{color:#41454d}.loader[data-v-27275176]{width:10px;height:10px;border:1.2px solid #D2D5D8;border-bottom-color:transparent;border-radius:100%;display:inline-block;box-sizing:border-box;animation:rotation-27275176 1s linear infinite}.loader.loader-active[data-v-27275176]{border:1.2px solid var(--7a6f4588);border-bottom-color:transparent}@keyframes rotation-27275176{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.toggle-body[data-v-27275176]{background-color:#d2d5d8;border-radius:100px;width:1.75rem;height:1rem;position:relative;cursor:pointer;display:inline-block}.toggle-body.toggle-disabled[data-v-27275176]{cursor:default;background-color:#d2d5d8b3}.toggle-body.toggle-active.toggle-disabled[data-v-27275176]{background-color:var(--7a6f4588);opacity:.7}.toggle-head[data-v-27275176]{background-color:#fff;border-radius:100px;width:.75rem;height:.75rem;position:absolute;left:.125rem;top:.125rem;transition:transform .25s linear;display:flex;justify-content:center;align-items:center}.toggle-active.toggle-body[data-v-27275176]{background-color:var(--7a6f4588)}.toggle-active .toggle-head[data-v-27275176]{transform:translate(.75rem)}.checkbox[data-v-27275176]{display:none}.item-text[data-v-27275176]{display:inline-block;padding-left:.5rem;line-height:1rem;color:#53575b}.item-text.text-disabled[data-v-27275176]{color:#8e959d}.helper-text[data-v-27275176]{display:block;color:#696a6b;padding-top:.375rem}.error-text[data-v-27275176]{display:block;color:#da564f;padding-top:.375rem}.error-and-help[data-v-27275176]{padding-top:0}.toggle-wrap[data-v-27275176]{height:1rem}

package/assets/Typography.vue_vue_type_style_index_0_scoped_true_lang.css

@@ -0,0 +1 @@
+@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";.font-chart-2[data-v-16019926],.font-chart-1[data-v-16019926]{font-family:Inter,sans-serif;font-weight:700}.font-chip-label[data-v-16019926],.font-table-header[data-v-16019926],.font-button[data-v-16019926],.font-heading-6[data-v-16019926],.font-heading-5[data-v-16019926],.font-heading-4[data-v-16019926],.font-heading-3[data-v-16019926],.font-heading-2[data-v-16019926],.font-heading-1[data-v-16019926],.font-title[data-v-16019926]{font-family:Inter,sans-serif;font-weight:600}.font-tab-label[data-v-16019926],.font-input-label[data-v-16019926],.font-overline[data-v-16019926],.font-subtitle-2[data-v-16019926],.font-subtitle-1[data-v-16019926]{font-family:Inter,sans-serif;font-weight:500}.font-caption[data-v-16019926],.font-body-2[data-v-16019926],.font-body-1[data-v-16019926]{font-family:Inter,sans-serif;font-weight:400}.font-title[data-v-16019926]{font-size:2.5rem;line-height:3rem;letter-spacing:-.055rem}.font-heading-1[data-v-16019926]{font-size:1.5rem;line-height:1.75rem;letter-spacing:-.0285rem}.font-heading-2[data-v-16019926]{font-size:1.125rem;line-height:1.75rem;letter-spacing:-.01575rem}.font-heading-3[data-v-16019926]{font-size:1rem;line-height:1.5rem;letter-spacing:-.011rem}.font-heading-4[data-v-16019926]{font-size:.875rem;line-height:1rem;letter-spacing:unset}.font-heading-5[data-v-16019926]{font-size:.8125rem;line-height:16px;letter-spacing:unset}.font-heading-6[data-v-16019926]{font-size:.75rem;line-height:.75rem;letter-spacing:0}.font-body-1[data-v-16019926]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-body-2[data-v-16019926]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-subtitle-1[data-v-16019926]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-subtitle-2[data-v-16019926]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-chart-1[data-v-16019926]{font-size:1.5rem;line-height:1.5rem;letter-spacing:-.015rem}.font-chart-2[data-v-16019926]{font-size:1.25rem;line-height:1.25rem;letter-spacing:-.0125rem}.font-button[data-v-16019926]{font-size:.875rem;line-height:1.25rem;letter-spacing:.00875rem}.font-overline[data-v-16019926]{font-size:.75rem;line-height:1rem;letter-spacing:.045rem;text-transform:uppercase}.font-caption[data-v-16019926]{font-size:.75rem;line-height:1rem}.font-table-header[data-v-16019926]{font-size:.8125rem;line-height:1.25rem;letter-spacing:.00813rem}.font-input-label[data-v-16019926]{font-size:.8125rem;line-height:1rem;letter-spacing:.00813rem}.font-tab-label[data-v-16019926]{font-size:.875rem;line-height:1rem}.font-chip-label[data-v-16019926]{font-size:.75rem;line-height:1rem}h1[data-v-16019926],h2[data-v-16019926],h3[data-v-16019926],h4[data-v-16019926],h5[data-v-16019926],h6[data-v-16019926]{margin:0}.truncate[data-v-16019926]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block}

package/components/appIcon/AppIcon.vue.js

@@ -1,7 +1,7 @@
 import { defineComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, pushScopeId, popScopeId } from 'vue';
 /* empty css                                                         */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
 
-import "../../AppIcon.vue_vue_type_style_index_0_scoped_true_lang.css";
+import "../../assets/AppIcon.vue_vue_type_style_index_0_scoped_true_lang.css";
 const _withScopeId = (n) => (pushScopeId("data-v-359522d4"), n = n(), popScopeId(), n);
 const _hoisted_1 = ["src"];
 const _hoisted_2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("svg", {

package/components/appTrigger/AppTrigger.vue.js

@@ -6,7 +6,7 @@ import Text from '../typography/Text.vue.js';
 /* empty css                                                                    *//* empty css                                                                */import IconButton from '../button/IconButton.vue.js';
 import _sfc_main$1 from '../tooltip/Tooltip.vue.js';
 /* empty css                                                                      *//* empty css                                                            */
-import "../../AppTrigger.vue_vue_type_style_index_0_scoped_true_lang.css";
+import "../../assets/AppTrigger.vue_vue_type_style_index_0_scoped_true_lang.css";
 const _hoisted_1 = { class: "app-trigger__left-image" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "AppTrigger",

package/components/autocompleteDropdown/AutocompleteDropdown.vue.js

@@ -7,7 +7,7 @@ import AutocompleteInput from './AutocompleteInput.vue.js';
 import { DEFAULT_PLACEHOLDER, GROUP_OPTION_FLAG } from './consts.vue.js';
 import { useKeyboardNavigation } from './useKeyboardNavigation.vue.js';
 /* empty css                                                                      */
-import "../../AutocompleteDropdown.vue_vue_type_style_index_0_scoped_true_lang.css";
+import "../../assets/AutocompleteDropdown.vue_vue_type_style_index_0_scoped_true_lang.css";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "AutocompleteDropdown",
   props: {

package/components/autocompleteDropdown/AutocompleteInput.vue.js

@@ -5,7 +5,7 @@ import { useDropdownContext } from '../dropdown/DropdownContext.vue.js';
 import { DEFAULT_PLACEHOLDER } from './consts.vue.js';
 /* empty css                                                                   */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
 
-import "../../AutocompleteInput.vue_vue_type_style_index_0_scoped_true_lang.css";
+import "../../assets/AutocompleteInput.vue_vue_type_style_index_0_scoped_true_lang.css";
 const _hoisted_1 = ["onClick"];
 const _hoisted_2 = ["value", "placeholder"];
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/components/autocompleteDropdown/GroupOption.vue.js

@@ -5,7 +5,7 @@ import Text from '../typography/Text.vue.js';
 import { useDropdownContext } from '../dropdown/DropdownContext.vue.js';
 import { useId } from '../../composables/useId.vue.js';
 /* empty css                                                             */
-import "../../GroupOption.vue_vue_type_style_index_0_scoped_true_lang.css";
+import "../../assets/GroupOption.vue_vue_type_style_index_0_scoped_true_lang.css";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "GroupOption",
   setup(__props) {

package/components/banner/Banner.vue.js

@@ -2,8 +2,8 @@ import { defineComponent, computed, openBlock, createElementBlock, normalizeClas
 import Icon from '../icon/Icon.vue.js';
 /* empty css                                                        */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
 
-import "../../Banner.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _withScopeId = (n) => (pushScopeId("data-v-b94b49ec"), n = n(), popScopeId(), n);
+import "../../assets/Banner.vue_vue_type_style_index_0_scoped_true_lang.css";
+const _withScopeId = (n) => (pushScopeId("data-v-32b00538"), n = n(), popScopeId(), n);
 const _hoisted_1 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "left-border" }, null, -1));
 const _hoisted_2 = { class: "content-wrapper" };
 const _hoisted_3 = { class: "icon-container" };
@@ -17,7 +17,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     },
     iconSize: {
       type: String,
-      default: "sm"
+      default: "md"
     }
   },
   setup(__props) {
@@ -53,6 +53,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Banner = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b94b49ec"]]);
+var Banner = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-32b00538"]]);
 
 export { Banner as default };

package/components/button/Button.vue.js

@@ -4,7 +4,7 @@ import ButtonBase from './ButtonBase.vue.js';
 import { iconSizeMap } from './consts.vue.js';
 /* empty css                                                        */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
 
-import "../../Button.vue_vue_type_style_index_0_scoped_true_lang.css";
+import "../../assets/Button.vue_vue_type_style_index_0_scoped_true_lang.css";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "Button",
   props: {

package/components/button/ButtonBase.vue.js

@@ -5,7 +5,7 @@ import Icon from '../icon/Icon.vue.js';
 import { sizeToFont } from './consts.vue.js';
 import LoaderDotsIcon from './icon/LoaderDotsIcon.vue.js';
 /* empty css                                                            */
-import "../../ButtonBase.vue_vue_type_style_index_0_scoped_true_lang.css";
+import "../../assets/ButtonBase.vue_vue_type_style_index_0_scoped_true_lang.css";
 const _hoisted_1 = { key: 0 };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ButtonBase",

package/components/button/IconButton.vue.js

@@ -5,7 +5,7 @@ import { loaderSizeMap } from './consts.vue.js';
 import LoaderCircleIcon from './icon/LoaderCircleIcon.vue.js';
 /* empty css                                                            */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
 
-import "../../IconButton.vue_vue_type_style_index_0_scoped_true_lang.css";
+import "../../assets/IconButton.vue_vue_type_style_index_0_scoped_true_lang.css";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "IconButton",
   props: {

package/components/button/ScrollButton.vue.js

@@ -4,7 +4,7 @@ import Icon from '../icon/Icon.vue.js';
 /* empty css                                                                  *//* empty css                                                            *//* empty css                                                        */import IconButton from './IconButton.vue.js';
 import _sfc_main$1 from '../tooltip/Tooltip.vue.js';
 /* empty css                                                              */
-import "../../ScrollButton.vue_vue_type_style_index_0_scoped_true_lang.css";
+import "../../assets/ScrollButton.vue_vue_type_style_index_0_scoped_true_lang.css";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ScrollButton",
   props: {

package/components/button/icon/LoaderCircleIcon.vue.js

@@ -1,7 +1,7 @@
 import { openBlock, createElementBlock, createElementVNode } from 'vue';
 import _export_sfc from '../../../_virtual/plugin-vue_export-helper.vue.js';
 
-////import "../../LoaderCircleIcon.vue_vue_type_style_index_0_scoped_true_lang.css";
+////import "../../assets/LoaderCircleIcon.vue_vue_type_style_index_0_scoped_true_lang.css";
 const _sfc_main = {};
 
 const _hoisted_1 = {

package/components/button/icon/LoaderDotsIcon.vue.js

@@ -1,7 +1,7 @@
 import { openBlock, createElementBlock, createStaticVNode } from 'vue';
 import _export_sfc from '../../../_virtual/plugin-vue_export-helper.vue.js';
 
-////import "../../LoaderDotsIcon.vue_vue_type_style_index_0_scoped_true_lang.css";
+////import "../../assets/LoaderDotsIcon.vue_vue_type_style_index_0_scoped_true_lang.css";
 const _sfc_main = {};
 
 const _hoisted_1 = {

package/components/checkbox/Checkbox.vue.js

@@ -8,7 +8,7 @@ import Indeterminate from './icons/indeterminate.vue.js';
 import useIsFocusVisible from '../../composables/useIsFocusVisible.vue.js';
 import { useId } from '../../composables/useId.vue.js';
 /* empty css                                                          */
-import "../../Checkbox.vue_vue_type_style_index_0_scoped_true_lang.css";
+import "../../assets/Checkbox.vue_vue_type_style_index_0_scoped_true_lang.css";
 const _withScopeId = (n) => (pushScopeId("data-v-2662240e"), n = n(), popScopeId(), n);
 const _hoisted_1 = { class: "checkboxes" };
 const _hoisted_2 = ["disabled", "checked", ".indeterminate"];

package/components/checkbox/icons/checked.vue.js

@@ -1,7 +1,7 @@
 import { openBlock, createElementBlock, createElementVNode } from 'vue';
 import _export_sfc from '../../../_virtual/plugin-vue_export-helper.vue.js';
 
-////import "../../Checked.vue_vue_type_style_index_0_scoped_true_lang.css";
+////import "../../assets/Checked.vue_vue_type_style_index_0_scoped_true_lang.css";
 const _sfc_main = {};
 
 const _hoisted_1 = {

package/components/checkbox/icons/indeterminate.vue.js

@@ -1,7 +1,7 @@
 import { openBlock, createElementBlock, createElementVNode } from 'vue';
 import _export_sfc from '../../../_virtual/plugin-vue_export-helper.vue.js';
 
-////import "../../Indeterminate.vue_vue_type_style_index_0_scoped_true_lang.css";
+////import "../../assets/Indeterminate.vue_vue_type_style_index_0_scoped_true_lang.css";
 const _sfc_main = {};
 
 const _hoisted_1 = {

package/components/checkbox/icons/unchecked.vue.js

@@ -1,7 +1,7 @@
 import { openBlock, createElementBlock, createElementVNode } from 'vue';
 import _export_sfc from '../../../_virtual/plugin-vue_export-helper.vue.js';
 
-////import "../../Unchecked.vue_vue_type_style_index_0_scoped_true_lang.css";
+////import "../../assets/Unchecked.vue_vue_type_style_index_0_scoped_true_lang.css";
 const _sfc_main = {};
 
 const _hoisted_1 = {

package/components/chip/Chip.vue.js

@@ -2,7 +2,7 @@ import { defineComponent, openBlock, createElementBlock, normalizeClass, renderS
 import Icon from '../icon/Icon.vue.js';
 /* empty css                                                      */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
 
-import "../../Chip.vue_vue_type_style_index_0_scoped_true_lang.css";
+import "../../assets/Chip.vue_vue_type_style_index_0_scoped_true_lang.css";
 const _hoisted_1 = ["disabled"];
 const _hoisted_2 = {
   key: 0,

package/components/cssBaseline/CssBaseline.vue.js

@@ -1,7 +1,7 @@
 import { renderSlot } from 'vue';
 /* empty css                                                             *//* empty css                                                 */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
 
-import "../../CssBaseline.vue_vue_type_style_index_0_scoped_true_lang.css";
+import "../../assets/CssBaseline.vue_vue_type_style_index_0_scoped_true_lang.css";
 const _sfc_main = {};
 
 function _sfc_render(_ctx, _cache) {

package/components/datePicker/DatePicker.vue.js

@@ -5,7 +5,7 @@ import DatePickerMonth from './DatePickerMonth.vue.js';
 import { isValid, format, parse, isFuture } from 'date-fns';
 /* empty css                                                            */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
 
-import "../../DatePicker.vue_vue_type_style_index_0_scoped_true_lang.css";
+import "../../assets/DatePicker.vue_vue_type_style_index_0_scoped_true_lang.css";
 const _hoisted_1 = ["id"];
 const _hoisted_2 = ["placeholder"];
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/components/datePicker/DatePickerMonth.vue.js

@@ -5,7 +5,7 @@ import { navigateNext } from '../dateRange/consts.vue.js';
 import { startOfMonth, differenceInMonths, addMonths, subMonths } from 'date-fns';
 /* empty css                                                                 */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
 
-import "../../DatePickerMonth.vue_vue_type_style_index_0_scoped_true_lang.css";
+import "../../assets/DatePickerMonth.vue_vue_type_style_index_0_scoped_true_lang.css";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "DatePickerMonth",
   props: {

package/components/dateRange/CalendarMonth.vue.js

@@ -11,7 +11,7 @@ import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
 import AngleLeft from '../icon/icons/AngleLeft.vue.js';
 import AngleRight from '../icon/icons/AngleRight.vue.js';
 /* empty css                                                               */
-import "../../CalendarMonth.vue_vue_type_style_index_0_scoped_true_lang.css";
+import "../../assets/CalendarMonth.vue_vue_type_style_index_0_scoped_true_lang.css";
 const _hoisted_1 = ["id"];
 const _hoisted_2 = { class: "month-header" };
 const _hoisted_3 = { class: "days-header" };
@@ -313,6 +313,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var CalendarMonth = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b6b53aec"]]);
+var CalendarMonth = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-07a23a05"]]);
 
 export { CalendarMonth as default };

package/components/dateRange/DateRange.vue.js

@@ -10,7 +10,7 @@ import Button from '../button/Button.vue.js';
 /* empty css                                                                    *//* empty css                                                                    *//* empty css                                                                               */import 'floating-vue';
 /* empty css                                                      *//* empty css                                                                      */import { min, addDays, format } from 'date-fns';
 /* empty css                                                           */
-import "../../DateRange.vue_vue_type_style_index_0_scoped_true_lang.css";
+import "../../assets/DateRange.vue_vue_type_style_index_0_scoped_true_lang.css";
 const _hoisted_1 = ["id"];
 const _hoisted_2 = ["id"];
 const _hoisted_3 = {

package/components/dialog/Dialog.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, useCssVars, ref, watch, openBlock, createBlock, Teleport, createVNode, Transition, withCtx, unref, normalizeClass, createElementVNode, normalizeStyle, withKeys, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createElementBlock } from 'vue';
+import { defineComponent, useCssVars, ref, computed, watch, openBlock, createBlock, Teleport, createVNode, Transition, withCtx, unref, normalizeClass, createElementVNode, normalizeStyle, withKeys, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createElementBlock } from 'vue';
 import { UseFocusTrap } from '@vueuse/integrations/useFocusTrap/component';
 import { useTimeoutFn } from '@vueuse/core';
 import Text from '../typography/Text.vue.js';
@@ -8,7 +8,7 @@ import IconButton from '../button/IconButton.vue.js';
 import Icon from '../icon/Icon.vue.js';
 /* empty css                                                        */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
 
-import "../../Dialog.vue_vue_type_style_index_0_scoped_true_lang.css";
+import "../../assets/Dialog.vue_vue_type_style_index_0_scoped_true_lang.css";
 const _hoisted_1 = {
   key: 0,
   class: "header--secondary"
@@ -24,7 +24,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   props: {
     appendToBody: { type: Boolean, default: true },
     content: { default: null },
-    width: { default: "30.3125rem" },
+    width: { default: "" },
     closeDelay: { default: 0 },
     openDelay: { default: 0 },
     escapeToClose: { type: Boolean, default: true },
@@ -41,7 +41,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props, { emit }) {
     const props = __props;
     useCssVars((_ctx) => ({
-      "147c2223": __props.width
+      "5551d163": __props.width
     }));
     const visible = ref(false);
     let openTimer = void 0;
@@ -76,6 +76,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
       doOpen();
     };
+    const inlineStyle = computed(() => props.width ? { width: props.width } : {});
     watch(
       () => props.modelValue,
       (val) => {
@@ -116,7 +117,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               default: withCtx(() => [
                 createElementVNode("div", {
                   class: "modal",
-                  style: normalizeStyle({ width: __props.width }),
+                  style: normalizeStyle(unref(inlineStyle)),
                   onKeydown: _cache[1] || (_cache[1] = withKeys(($event) => __props.escapeToClose ? handleClose(unref(Reason).Escape) : unref(NOOP)(), ["esc"]))
                 }, [
                   createElementVNode("header", {
@@ -186,6 +187,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Dialog = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3f6d9c46"]]);
+var Dialog = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3a486dd1"]]);
 
 export { Dialog as default };

package/components/dropdown/Dropdown.vue.js

@@ -12,8 +12,8 @@ import { objectsEqual } from '../../utils/object.vue.js';
 import { useClamp, useVirtualList, onClickOutside } from '@vueuse/core';
 import { Mode, Type, DropdownContext } from './DropdownContext.vue.js';
 /* empty css                                                          *//* empty css                                              */
-import "../../Dropdown.vue_vue_type_style_index_0_scoped_true_lang.css";import "../../Dropdown.vue_vue_type_style_index_1_lang.css";
-const _withScopeId = (n) => (pushScopeId("data-v-4094a47e"), n = n(), popScopeId(), n);
+import "../../assets/Dropdown.vue_vue_type_style_index_0_scoped_true_lang.css";import "../../assets/Dropdown.vue_vue_type_style_index_1_lang.css";
+const _withScopeId = (n) => (pushScopeId("data-v-49790baa"), n = n(), popScopeId(), n);
 const _hoisted_1 = ["tabindex"];
 const _hoisted_2 = ["disabled", "aria-expanded", "aria-labelledby", "aria-disabled"];
 const _hoisted_3 = {
@@ -285,6 +285,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       focusButton();
     });
     const onSelectAll = () => {
+      selectAll();
+      selectedOption.value = selectedOptionRef.value;
+    };
+    const selectAll = () => {
       if (allSelected.value) {
         selectedOptionRef.value = [];
         return;
@@ -749,6 +753,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Dropdown = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4094a47e"]]);
+var Dropdown = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-49790baa"]]);
 
 export { Dropdown as default };

package/components/dropdown/Label.vue.js

@@ -4,7 +4,7 @@ import Text from '../typography/Text.vue.js';
 import { useDropdownContext } from './DropdownContext.vue.js';
 import { useId } from '../../composables/useId.vue.js';
 /* empty css                                                       */
-import "../../Label.vue_vue_type_style_index_0_scoped_true_lang.css";
+import "../../assets/Label.vue_vue_type_style_index_0_scoped_true_lang.css";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "Label",
   setup(__props) {

package/components/dropdown/Option.vue.js

@@ -7,7 +7,7 @@ import Checkbox from '../checkbox/Checkbox.vue.js';
 import Icon from '../icon/Icon.vue.js';
 import { NOOP } from '@vue/shared';
 /* empty css                                                        */
-import "../../Option.vue_vue_type_style_index_0_scoped_true_lang.css";
+import "../../assets/Option.vue_vue_type_style_index_0_scoped_true_lang.css";
 const _hoisted_1 = {
   key: 1,
   class: "image"

package/components/dropdown/SearchInput.vue.js

@@ -4,7 +4,7 @@ import Icon from '../icon/Icon.vue.js';
 import IconButton from '../button/IconButton.vue.js';
 /* empty css                                                             */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
 
-import "../../SearchInput.vue_vue_type_style_index_0_scoped_true_lang.css";
+import "../../assets/SearchInput.vue_vue_type_style_index_0_scoped_true_lang.css";
 const _hoisted_1 = {
   key: 0,
   class: "prefix"

package/components/emptyState/EmptyState.vue.js

@@ -6,7 +6,7 @@ import Text from '../typography/Text.vue.js';
 /* empty css                                                                    *//* empty css                                                                    *//* empty css                                                                               */import 'floating-vue';
 /* empty css                                                      *//* empty css                                                                      */import EmptyStateIcon from './EmptyStateIcon.vue.js';
 /* empty css                                                            */
-import "../../EmptyState.vue_vue_type_style_index_0_scoped_true_lang.css";
+import "../../assets/EmptyState.vue_vue_type_style_index_0_scoped_true_lang.css";
 const _hoisted_1 = { class: "empty-state-title-container" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "EmptyState",

package/components/emptyState/EmptyStateIcon.vue.js

@@ -1,7 +1,7 @@
 import { openBlock, createElementBlock, pushScopeId, popScopeId, createElementVNode } from 'vue';
 /* empty css                                                                */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
 
-import "../../EmptyStateIcon.vue_vue_type_style_index_0_scoped_true_lang.css";
+import "../../assets/EmptyStateIcon.vue_vue_type_style_index_0_scoped_true_lang.css";
 const _sfc_main = {};
 
 const _withScopeId = n => (pushScopeId("data-v-0d4e4f1b"),n=n(),popScopeId(),n);

package/components/filterDropdown/AddFilterButton.vue.js

@@ -4,7 +4,7 @@ import Chip from '../chip/Chip.vue.js';
 import Text from '../typography/Text.vue.js';
 /* empty css                                                                 */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
 
-import "../../AddFilterButton.vue_vue_type_style_index_0_scoped_true_lang.css";
+import "../../assets/AddFilterButton.vue_vue_type_style_index_0_scoped_true_lang.css";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "AddFilterButton",
   props: {

package/components/filterDropdown/FilterDropdown.vue.js

@@ -4,7 +4,7 @@ import Option from '../dropdown/Option.vue.js';
 /* empty css                                                                     */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
 /* empty css                                                                  *//* empty css                                                                 *//* empty css                                                            *//* empty css                                                                    *//* empty css                                                                    *//* empty css                                                                       */import AddFilterButton from './AddFilterButton.vue.js';
 /* empty css                                                                */
-import "../../FilterDropdown.vue_vue_type_style_index_0_scoped_true_lang.css";
+import "../../assets/FilterDropdown.vue_vue_type_style_index_0_scoped_true_lang.css";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "FilterDropdown",
   props: {

package/components/filtersPanel/FilterSearchInput.vue.js

@@ -6,7 +6,7 @@ import Icon from '../icon/Icon.vue.js';
 /* empty css                                                                  *//* empty css                                                                */import '@vueuse/core';
 /* empty css                                                                    *//* empty css                                                        *//* empty css                                                                 */import SearchInput from '../dropdown/SearchInput.vue.js';
 /* empty css                                                                   */
-import "../../FilterSearchInput.vue_vue_type_style_index_0_scoped_true_lang.css";
+import "../../assets/FilterSearchInput.vue_vue_type_style_index_0_scoped_true_lang.css";
 const _hoisted_1 = {
   class: "search-container",
   tabindex: "0"

package/components/filtersPanel/FiltersPanel.vue.js

@@ -1,7 +1,7 @@
 import { defineComponent, computed, openBlock, createElementBlock, Fragment, renderList, unref, normalizeClass, renderSlot, normalizeProps, guardReactiveProps, createCommentVNode } from 'vue';
 /* empty css                                                              */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
 
-import "../../FiltersPanel.vue_vue_type_style_index_0_scoped_true_lang.css";
+import "../../assets/FiltersPanel.vue_vue_type_style_index_0_scoped_true_lang.css";
 const _hoisted_1 = { class: "filter-panel" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "FiltersPanel",

package/components/floatingToolbar/FloatingToolbar.vue.js

@@ -5,7 +5,7 @@ import { useVModel } from '@vueuse/core';
 import IconButton from '../button/IconButton.vue.js';
 /* empty css                                                                 */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
 
-import "../../FloatingToolbar.vue_vue_type_style_index_0_scoped_true_lang.css";
+import "../../assets/FloatingToolbar.vue_vue_type_style_index_0_scoped_true_lang.css";
 const _hoisted_1 = {
   key: 0,
   class: "floating-toolbar"

package/components/icon/Icon.vue.js

@@ -2,7 +2,7 @@ import { defineComponent, useCssVars, useSlots, computed, defineAsyncComponent,
 import { icons } from './icons/index.vue.js';
 /* empty css                                                      */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
 
-import "../../Icon.vue_vue_type_style_index_0_scoped_true_lang.css";
+import "../../assets/Icon.vue_vue_type_style_index_0_scoped_true_lang.css";
 function __variableDynamicImportRuntime0__(path) {
   switch (path) {
     case './icons/A.vue': return import('./icons/A.vue.js');

package/components/icon/icons/A.vue.js

@@ -1,7 +1,7 @@
 import { openBlock, createElementBlock, createElementVNode } from 'vue';
 import _export_sfc from '../../../_virtual/plugin-vue_export-helper.vue.js';
 
-////import "../../A.vue_vue_type_style_index_0_scoped_true_lang.css";
+////import "../../assets/A.vue_vue_type_style_index_0_scoped_true_lang.css";
 const _sfc_main = {};
 
 const _hoisted_1 = {

package/components/icon/icons/A2.vue.js

@@ -1,7 +1,7 @@
 import { openBlock, createElementBlock, createElementVNode } from 'vue';
 import _export_sfc from '../../../_virtual/plugin-vue_export-helper.vue.js';
 
-////import "../../A2.vue_vue_type_style_index_0_scoped_true_lang.css";
+////import "../../assets/A2.vue_vue_type_style_index_0_scoped_true_lang.css";
 const _sfc_main = {};
 
 const _hoisted_1 = {

package/components/icon/icons/ABTest.vue.js

@@ -1,7 +1,7 @@
 import { openBlock, createElementBlock, createElementVNode } from 'vue';
 import _export_sfc from '../../../_virtual/plugin-vue_export-helper.vue.js';
 
-////import "../../ABTest.vue_vue_type_style_index_0_scoped_true_lang.css";
+////import "../../assets/ABTest.vue_vue_type_style_index_0_scoped_true_lang.css";
 const _sfc_main = {};
 
 const _hoisted_1 = {

package/components/icon/icons/ABTest2.vue.js

@@ -1,7 +1,7 @@
 import { openBlock, createElementBlock, createStaticVNode } from 'vue';
 import _export_sfc from '../../../_virtual/plugin-vue_export-helper.vue.js';
 
-////import "../../ABTest2.vue_vue_type_style_index_0_scoped_true_lang.css";
+////import "../../assets/ABTest2.vue_vue_type_style_index_0_scoped_true_lang.css";
 const _sfc_main = {};
 
 const _hoisted_1 = {

package/components/icon/icons/ACircle.vue.js

@@ -1,7 +1,7 @@
 import { openBlock, createElementBlock, createElementVNode } from 'vue';
 import _export_sfc from '../../../_virtual/plugin-vue_export-helper.vue.js';
 
-////import "../../ACircle.vue_vue_type_style_index_0_scoped_true_lang.css";
+////import "../../assets/ACircle.vue_vue_type_style_index_0_scoped_true_lang.css";
 const _sfc_main = {};
 
 const _hoisted_1 = {

package/components/icon/icons/AccountBalanceWallet.vue.js

@@ -1,7 +1,7 @@
 import { openBlock, createElementBlock, createElementVNode } from 'vue';
 import _export_sfc from '../../../_virtual/plugin-vue_export-helper.vue.js';
 
-////import "../../AccountBalanceWallet.vue_vue_type_style_index_0_scoped_true_lang.css";
+////import "../../assets/AccountBalanceWallet.vue_vue_type_style_index_0_scoped_true_lang.css";
 const _sfc_main = {};
 
 const _hoisted_1 = {

package/components/icon/icons/AccountCircle.vue.js

@@ -1,7 +1,7 @@
 import { openBlock, createElementBlock, createElementVNode } from 'vue';
 import _export_sfc from '../../../_virtual/plugin-vue_export-helper.vue.js';
 
-////import "../../AccountCircle.vue_vue_type_style_index_0_scoped_true_lang.css";
+////import "../../assets/AccountCircle.vue_vue_type_style_index_0_scoped_true_lang.css";
 const _sfc_main = {};
 
 const _hoisted_1 = {

package/components/icon/icons/AccountCircleOutline.vue.js

@@ -1,7 +1,7 @@
 import { openBlock, createElementBlock, createElementVNode } from 'vue';
 import _export_sfc from '../../../_virtual/plugin-vue_export-helper.vue.js';
 
-////import "../../AccountCircleOutline.vue_vue_type_style_index_0_scoped_true_lang.css";
+////import "../../assets/AccountCircleOutline.vue_vue_type_style_index_0_scoped_true_lang.css";
 const _sfc_main = {};
 
 const _hoisted_1 = {

package/components/icon/icons/Add.vue.js

@@ -1,7 +1,7 @@
 import { openBlock, createElementBlock, createElementVNode } from 'vue';
 import _export_sfc from '../../../_virtual/plugin-vue_export-helper.vue.js';
 
-////import "../../Add.vue_vue_type_style_index_0_scoped_true_lang.css";
+////import "../../assets/Add.vue_vue_type_style_index_0_scoped_true_lang.css";
 const _sfc_main = {};
 
 const _hoisted_1 = {