@ironsource/shared-ui 2.1.11-test.41 → 2.1.11-test.45

package/ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_e43ac1c9_lang.css

@@ -0,0 +1 @@
+.chip-trigger[data-v-e43ac1c9]{border:1px solid var(--default-outlined-border);padding:.3125rem .3125rem .3125rem .4375rem;border-radius:100px;cursor:pointer;user-select:none;display:inline-flex;max-width:250px}.chip-trigger[data-v-e43ac1c9]:hover{border-color:var(--action-active);background:var(--action-selected)}.chip-trigger.active[data-v-e43ac1c9]{border:none;background:var(--primary-light);padding:.375rem .375rem .375rem .5rem}.chip-trigger.active .chip-trigger--content[data-v-e43ac1c9]{color:var(--primary-contrast-text)}.chip-trigger.active[data-v-e43ac1c9]:hover{border:.0625rem solid var(--primary-main-50-p);padding:.3125rem .3125rem .3125rem .4375rem}.chip-trigger.open[data-v-e43ac1c9]{border:.125rem solid var(--action-active);padding:.25rem .25rem .25rem .375rem;background:var(--action-selected)}.chip-trigger.open.active[data-v-e43ac1c9]{border:.125rem solid var(--primary-main-50-p);background:var(--primary-light);padding:.25rem .25rem .25rem .375rem}.chip-trigger.disabled[data-v-e43ac1c9]{cursor:auto}.chip-trigger--content[data-v-e43ac1c9]{color:var(--text-primary);display:flex;width:100%}.chip-trigger--content .x-circle-wrapper[data-v-e43ac1c9]{margin-left:4px;color:var(--primary-dark)}.chip-trigger--content .x-circle-wrapper[data-v-e43ac1c9]:hover{color:var(--primary-darker)}.chip-trigger--text[data-v-e43ac1c9]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left;width:100%}.chip-trigger--suffix[data-v-e43ac1c9]{white-space:nowrap}.chip-trigger--icon[data-v-e43ac1c9]{margin-left:4px;color:var(--action-active)}

package/ConditionalDropdown.vue_vue_type_style_index_0_scoped_8f96cf5a_lang.css

@@ -0,0 +1 @@
+.custom-list-area[data-v-8f96cf5a]{color:var(--text-secondary);width:100%;text-align:center;box-sizing:border-box;padding:63px 43px}.inline-search[data-v-8f96cf5a]{width:100%}.contain-accept[data-v-8f96cf5a]{padding:6px 8px;margin-bottom:4px;cursor:pointer}.contain-accept[data-v-8f96cf5a]:hover{background-color:var(--action-hover);border-radius:.5rem}.contain-accept--query[data-v-8f96cf5a]{margin-left:4px;display:inline-flex;color:var(--primary-main)}

package/DataGrid.vue_vue_type_style_index_0_scoped_26488faf_lang.css

@@ -0,0 +1 @@
+.sticky[data-v-26488faf]{position:sticky}.table-container[data-v-26488faf]{width:100%;position:relative;display:flex;flex-direction:column}.table-header[data-v-26488faf]{display:flex;align-items:center;height:calc(var(--spacing-800) - 1px);border-bottom:1px solid var(--common-divider);background-color:var(--background-paper-elevation-0);position:sticky;left:0;padding:var(--spacing-300)}.table-header .table-title[data-v-26488faf]{display:flex;flex:1;align-items:center;justify-content:flex-start;height:100%;color:var(--text-primary)}.table-header .table-header-right[data-v-26488faf]{display:flex;align-items:center;height:100%}.table-header .search-wrapper[data-v-26488faf]{width:13.75rem}.table-header.isStickyHeader[data-v-26488faf]{z-index:calc(var(--7552e08c) + 3);top:0}.table-head-container[data-v-26488faf]{display:flex;align-items:center;white-space:nowrap;color:var(--text-primary)}.table-footer[data-v-26488faf]{color:var(--text-primary);background-color:var(--background-paper-elevation-0);padding:0 var(--spacing-300);display:flex;align-items:center;min-height:var(--spacing-600);border:1px solid var(--common-divider);border-radius:var(--border-radius-md);border-top-right-radius:0;border-top-left-radius:0}.table-body-wrapper[data-v-26488faf]{display:inline-table}.table-header-actions[data-v-26488faf]{margin-left:var(--spacing-100);display:flex;align-items:center}.table-row[data-v-26488faf]{position:relative}.table-row.loading[data-v-26488faf]{opacity:.7}.table-row:not(.expanded):last-child>td[data-v-26488faf]{border-bottom:none}.table-row.expanded:last-child>.expanded-row[data-v-26488faf]{border-bottom:none}.expanded-row[data-v-26488faf]{grid-column:var(--7f4c0eae);border-bottom:1px solid var(--common-divider);background-color:var(--background-default)}table[data-v-26488faf]{position:relative;display:block;overflow:auto;background:var(--background-paper-elevation-0);border:1px solid var(--common-divider);color:var(--text-primary);text-align:left;table-layout:fixed;width:100%;max-height:100%;border-radius:var(--border-radius-md);border-collapse:collapse;border-spacing:0}table.hasFooter[data-v-26488faf]{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:none}table td[data-v-26488faf],table th[data-v-26488faf]{line-height:normal;padding:0 var(--spacing-200)}table td[data-v-26488faf]:first-of-type,table th[data-v-26488faf]:first-of-type{padding-left:var(--spacing-300)}table td[data-v-26488faf]:last-of-type,table th[data-v-26488faf]:last-of-type{padding-right:var(--spacing-300)}table td.expand-toggle-cell[data-v-26488faf],table th.expand-toggle-cell[data-v-26488faf]{padding-left:var(--spacing-150);padding-right:var(--spacing-75)}table>thead[data-v-26488faf]{border-bottom:none;z-index:calc(var(--7552e08c) + 1);display:inline-table;min-width:100%}table>thead>tr[data-v-26488faf]{color:var(--text-primary);border-bottom:1px solid var(--common-divider);height:var(--spacing-500);display:grid;grid-template-columns:var(--b761a3b2)}table>thead>tr>th[data-v-26488faf]{background:var(--background-paper-elevation-0);width:100%;display:flex;align-items:center;cursor:default}table>thead>tr>th.bordered[data-v-26488faf]{border-right:1px solid var(--common-divider)}table>thead>tr>th.bordered.isStickyRight[data-v-26488faf]{border-right:none;border-left:1px solid var(--common-divider)}table>thead>tr>th.isTextRight[data-v-26488faf]{justify-content:flex-end}table>thead>tr>th.isSortable[data-v-26488faf]{cursor:pointer}table>thead.sticky[data-v-26488faf]{position:sticky;top:0;background:white}table>thead.isStickyHeader[data-v-26488faf]{z-index:calc(var(--7552e08c) + 2);top:calc(var(--spacing-800) - 1px)}table>tbody[data-v-26488faf]{display:block}table>tbody>*>tr[data-v-26488faf]{background-color:var(--background-default);min-height:var(--79122e22);height:auto;display:grid;align-items:center;grid-template-columns:var(--b761a3b2)}table>tbody>*>tr:nth-of-type(2n)>td[data-v-26488faf]{background-color:var(--background-default)}table>tbody>*>tr:hover:not(.loading)>td[data-v-26488faf],table>tbody>*>tr.activeMenu>td[data-v-26488faf]{background-color:var(--background-paper-elevation-1)}table>tbody td[data-v-26488faf]{background-color:var(--background-default);border:none;min-width:0;display:flex;min-height:var(--79122e22);height:auto;width:100%;place-items:center;border-bottom:1px solid var(--common-divider);justify-content:start}table>tbody td.bordered[data-v-26488faf]{border-right:1px solid var(--common-divider)}table>tbody td.bordered.isStickyRight[data-v-26488faf]{border-right:none;border-left:1px solid var(--common-divider)}table>tbody td.isTextRight[data-v-26488faf]{justify-content:flex-end;text-align:right}.section-container[data-v-26488faf]{left:0}.sections[data-v-26488faf]{display:flex}.section[data-v-26488faf]{padding:0 1.5rem;background:var(--background-default);left:0;height:32px;display:flex;align-items:flex-end;border-right:1px solid var(--common-divider)}.table-cell[data-v-26488faf]{width:100%}.empty-state[data-v-26488faf]{min-height:250px}.floating-row[data-v-26488faf]{display:flex;inset:0;pointer-events:none;position:absolute;z-index:calc(var(--7552e08c) + 1)}.floating-row *[data-v-26488faf-s]{pointer-events:auto}

package/DataGridMenu.vue_vue_type_style_index_0_scoped_ddfaf207_lang.css

@@ -0,0 +1 @@
+.data-grid-menu[data-v-ddfaf207]{position:relative;left:-10px}

package/DialogV4.vue_vue_type_style_index_0_scoped_37da643b_lang.css

@@ -0,0 +1 @@
+.container[data-v-37da643b]{position:fixed;z-index:1300;display:flex;align-items:center;justify-content:center;inset:0;padding:0 var(--spacing-300)}.dialog[data-v-37da643b]{min-height:7rem;overflow-y:auto;box-shadow:var(--elevation-xl);max-height:calc(100% - var(--spacing-800));background:var(--background-model-elevation);border:1px solid var(--common-divider-elevation-0);border-radius:var(--border-radius-lg)}.dialog--medium[data-v-37da643b]{width:56.25rem}.dialog--small[data-v-37da643b]{width:37.5rem}.dialog--extraSmall[data-v-37da643b]{width:27.75rem}.header[data-v-37da643b]{position:relative;display:flex;align-items:flex-start;width:100%;padding:calc(var(--spacing-200) - 1px) var(--spacing-300);border-bottom:1px solid var(--common-divider);color:var(--text-primary)}.title[data-v-37da643b]{display:block;min-height:var(--spacing-300);margin-right:var(--spacing-300)}.subtitle[data-v-37da643b]{display:block;margin-top:var(--spacing-50);color:var(--text-secondary)}.close-button[data-v-37da643b]{color:var(--text-secondary);position:absolute;right:var(--spacing-250);top:calc(var(--spacing-200) - 3px)}.content[data-v-37da643b]{color:var(--text-primary);padding:var(--spacing-300);display:flex;overflow-y:auto;flex-direction:column;justify-content:center}.content--no-padding[data-v-37da643b]{padding:0}.footer[data-v-37da643b]{height:30%;width:100%;border-top:1px solid var(--common-divider);display:flex;align-items:center}.action-buttons[data-v-37da643b]{margin-left:auto;padding:calc(var(--spacing-150) - 1px) var(--spacing-300);display:flex}.action-buttons[data-v-37da643b] .button-wrap:first-child{margin-right:var(--spacing-100)}.dialog-backdrop[data-v-37da643b]{position:fixed;z-index:-1;display:flex;background-color:var(--background-backdrop);align-items:center;justify-content:center;inset:0}.v-enter-active[data-v-37da643b],.v-leave-active[data-v-37da643b]{transition:opacity .25s ease}.v-enter-from[data-v-37da643b],.v-leave-to[data-v-37da643b]{opacity:0}

package/DropdownV4.vue_vue_type_style_index_0_scoped_75002075_lang.css

@@ -0,0 +1 @@
+.v-enter-active[data-v-75002075],.v-leave-active[data-v-75002075]{transition:opacity .25s ease}ol[data-v-75002075],ul[data-v-75002075],menu[data-v-75002075]{list-style:none;margin:0;padding:0}.dropdown.full-width[data-v-75002075],.dropdown.full-width .button__container[data-v-75002075]{width:100%}.dropdown-list-wrapper[data-v-75002075]{display:flex;flex-direction:column;padding:.5rem .5rem .25rem}.dropdown-list-wrapper--multi[data-v-75002075]{padding:.5rem}.list-container--multi[data-v-75002075]{margin-bottom:0}.inline-search .inline-search-wrapper[data-v-75002075]{display:flex;gap:4px;padding-bottom:.25rem}.inline-search .inline-search-wrapper .search-container[data-v-75002075]{width:100%}.inline-search .list-container[data-v-75002075]{padding-top:0}.no-result-container[data-v-75002075]{height:100%;display:flex;align-items:center;padding:.375rem .5rem;color:var(--text-disabled)}.no-result[data-v-75002075]{color:var(--text-disabled);padding-left:.5rem}.list[data-v-75002075]{outline:none;display:flex;flex-direction:column;width:100%;min-height:2rem}.list--multi[data-v-75002075]{margin-bottom:.5rem;border-bottom-left-radius:0;border-bottom-right-radius:0}.list--with-conditions[data-v-75002075]{min-height:0;margin-bottom:0}.image-slot[data-v-75002075]{margin-right:.5rem}.actions-wrapper[data-v-75002075]{display:flex;width:100%;padding:.5rem .5rem .5rem .125rem;padding-bottom:0;border-top:1px solid var(--common-divider);justify-content:space-between;margin-top:.25rem}.apply-button[data-v-75002075]{margin-left:.5rem}

package/EmptyStateV4.vue_vue_type_style_index_0_scoped_18728498_lang.css

@@ -0,0 +1 @@
+.empty-state[data-v-18728498]{width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;background:var(--common-white);padding:var(--spacing-300)}.title-wrapper[data-v-18728498]{color:var(--text-primary);display:flex;place-items:center;flex-direction:column}.empty-variant-icon[data-v-18728498]{width:112px;height:112px}.custom-empty-icon[data-v-18728498]{color:var(--default-outlined-border)}.title[data-v-18728498]{margin-top:var(--spacing-75);color:var(--text-primary)}.subtitle[data-v-18728498]{color:var(--text-secondary);margin-top:var(--spacing-75)}.button[data-v-18728498]{margin-top:var(--spacing-150)}

package/FiltersPanelV4.vue_vue_type_style_index_0_scoped_383011d3_lang.css

@@ -0,0 +1 @@
+.filters-panel[data-v-383011d3]{display:flex;flex-wrap:wrap;gap:var(--spacing-50);align-items:center}.filters-panel[data-v-383011d3] .dropdown{padding:0}

package/FormCard.vue_vue_type_style_index_0_scoped_86feae7b_lang.css

@@ -0,0 +1 @@
+.form-card[data-v-86feae7b]{border-radius:var(--border-radius-sm);border:1px solid var(--common-divider);background:var(--background-paper)}.card-header[data-v-86feae7b]{display:flex;flex-direction:row;align-items:center;min-height:var(--spacing-600);border-radius:calc(var(--border-radius-sm) - 1px) calc(var(--border-radius-sm) - 1px) 0 0;color:var(--text-primary);background:var(--background-paper-elevation-0);padding:0 var(--spacing-300);border-bottom:1px solid var(--common-divider)}.card-header .skeleton-header[data-v-86feae7b]{width:220px;height:20px}.card-content[data-v-86feae7b]{padding:var(--spacing-350) var(--spacing-500)}.card-content--no-padding[data-v-86feae7b]{padding:0}.form-actions[data-v-86feae7b]{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;min-height:var(--spacing-700)}.form-action[data-v-86feae7b]{margin-left:var(--spacing-100)}.content-skeleton-container[data-v-86feae7b]{display:flex;flex-direction:column}.content-skeleton-container .skeleton-long[data-v-86feae7b]{margin-bottom:24px;width:100%;max-width:896px;height:16px}.content-skeleton-container .skeleton-short[data-v-86feae7b]{margin-bottom:24px;width:100%;max-width:436px;height:16px}

package/SortableItem.vue_vue_type_style_index_0_scoped_7cb676f1_lang.css

@@ -0,0 +1 @@
+.sortable-item[data-v-7cb676f1]{display:flex;position:relative;flex-direction:column;border:1px solid var(--common-divider);border-radius:var(--border-radius-sm);background:var(--background-paper)}.sortable-item--selected[data-v-7cb676f1]{outline:2px solid var(--primary-main);outline-offset:-2px}.sortable-item--hovered[data-v-7cb676f1]{border-color:var(--action-active)}.sortable-item.sortable-drag[data-v-7cb676f1]{border-color:var(--common-divider)!important}.sortable-item.sortable-drag .child-list[data-v-7cb676f1]{display:none}.sortable-item--hovered .drag-allowed .draggable-handle[data-v-7cb676f1],.sortable-item.sortable-drag .drag-allowed .draggable-handle[data-v-7cb676f1]{display:flex}.sortable-item--hovered .drag-allowed .order-num[data-v-7cb676f1],.sortable-item.sortable-drag .drag-allowed .order-num[data-v-7cb676f1]{display:none}.item[data-v-7cb676f1]{height:40px;display:flex;align-items:center}.item__prefix[data-v-7cb676f1]{width:36px;display:flex;align-items:center;justify-content:center}.item__text[data-v-7cb676f1]{flex:1;height:40px;display:flex;align-items:center}.item__text[data-v-7cb676f1]:hover{cursor:pointer}.item__menu[data-v-7cb676f1]{width:26px}.country-flag[data-v-7cb676f1]{margin-right:var(--spacing-100)}.child-list[data-v-7cb676f1]{max-height:176px}.child-list ul[data-v-7cb676f1]{list-style:none;display:flex;flex-direction:column;padding-left:16px;padding-right:8px;margin-bottom:4px;gap:2px}.child-list li[data-v-7cb676f1]{min-height:32px;display:flex;align-items:center;border-radius:var(--border-radius-lg);padding:0 8px}.child-list li[data-v-7cb676f1]:hover{cursor:pointer;background:var(--action-hover)}.child-list li.selected[data-v-7cb676f1]{background:var(--action-selected)}.expand-icon[data-v-7cb676f1]{cursor:pointer;padding-right:7px;padding-left:1px;height:40px;display:flex;justify-content:center;align-items:center;color:var(--action-active)}.expand-icon[data-v-7cb676f1]:hover{color:var(--text-primary)}.locked-icon[data-v-7cb676f1]{color:var(--action-active)}.draggable-handle[data-v-7cb676f1]{display:none;align-items:center;justify-content:center;position:absolute;left:0;top:0;width:36px;height:40px;color:var(--action-active)}.draggable-handle[data-v-7cb676f1]:hover{cursor:grab;color:var(--text-primary)}.sortable-ghost[data-v-7cb676f1]{position:relative;outline:none}.sortable-ghost[data-v-7cb676f1]:after{content:"";display:block;position:absolute;z-index:10;inset:-1px;background:rgb(242,242,242);border-radius:var(--border-radius-sm)}

package/SortableItemLabel.vue_vue_type_style_index_0_scoped_f2ced2f4_lang.css

@@ -0,0 +1 @@
+.tooltip-content[data-v-f2ced2f4]{max-width:260px}.help[data-v-f2ced2f4]{margin-bottom:8px}.help__title[data-v-f2ced2f4]{color:var(--text-primary);margin-bottom:4px}.help__text[data-v-f2ced2f4]{color:var(--text-secondary)}.help[data-v-f2ced2f4]:last-child{margin-bottom:0}

package/SortableList.vue_vue_type_style_index_0_scoped_156c01ca_lang.css

@@ -0,0 +1 @@
+.list-search[data-v-156c01ca]{margin-bottom:var(--spacing-100)}.sortable-list[data-v-156c01ca],.locked-list[data-v-156c01ca]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-75);color:var(--text-primary)}.locked-list[data-v-156c01ca]{margin-top:var(--spacing-75)}.force-grabbing-cursor *[data-v-156c01ca]{cursor:move!important;cursor:-webkit-grabbing!important;cursor:-moz-grabbing!important;cursor:grabbing!important}.empty-state-title[data-v-156c01ca]{color:var(--text-disabled);padding:0 8px;width:100%}.loader-bars[data-v-156c01ca]{display:flex;flex-direction:column;gap:6px}.loader-bars .loader-bar[data-v-156c01ca]{height:40px;width:100%}

package/ThemeWrapper.vue_vue_type_style_index_1_lang.css

@@ -1 +1 @@
-.light-theme-v4{--background-default: #FFFFFF;--background-paper: hsl(0, 0%, 99%);--background-model-elevation: #FFFFFF;--background-backdrop: hsla(0, 0%, 0%, .11);--background-paper-elevation-0: hsl(0, 0%, 97.5%);--background-paper-elevation-1: hsl(0, 0%, 94.6%);--background-paper-elevation-2: hsl(0, 0%, 92%);--background-paper-elevation-3: hsl(0, 0%, 89.5%);--background-paper-elevation-4: hsl(0, 0%, 86.8%);--background-paper-elevation-5: hsl(0, 0%, 83%);--background-paper-elevation-6: hsl(0, 0%, 73.2%);--background-paper-elevation-7: hsl(0, 0%, 55.2%);--background-paper-elevation-8: hsl(0, 0%, 50.3%);--background-paper-elevation-9: hsl(0, 0%, 39.3%);--action-primary: hsl(0, 0%, 12.5%);--action-active: hsl(0, 0%, 50.3%);--action-hover: hsla(0, 0%, 0%, .05);--action-selected: hsla(0, 0%, 92%, 1);--action-disabled: hsla(0, 0%, 87%, 1);--action-disabled-background: hsla(0, 0%, 95%, 1);--action-focus: hsl(0, 0%, 92%);--action-outlined-border: hsla(0, 0%, 73%, 1);--default-light: hsl(0, 0%, 89.5%);--default-main: hsl(0 0% 94.51%);--default-dark: hsl(0, 0%, 92%);--default-outlined-border: hsl(0, 0%, 73.2%);--default-contrast-text: hsl(0, 0%, 12.5%);--default-button-contrast-text: hsla(0, 0%, 0%, 1);--common-white: #FFFFFF;--common-black: #000000;--common-inverse-white: #FFFFFF;--common-inverse-black: #000000;--common-divider: hsl(0, 0%, 86.8%);--common-divider-elevation-0: hsla(0, 0%, 89%, 1);--text-primary: hsl(0, 0%, 12.5%);--text-secondary: hsl(0, 0%, 39.3%);--text-disabled: hsl(0 0% 73.33%);--primary-lighter: hsl(209, 100%, 96.5%);--primary-light: hsl(209, 95%, 90.1%);--primary-main: hsl(206, 100%, 50%);--primary-main-8-p: hsla(206, 100%, 50%, .08);--primary-main-50-p: hsla(206, 100%, 50%, .5);--primary-dark: hsl(208, 93.5%, 47.4%);--primary-darker: hsl(211, 90%, 42%);--primary-outlined-border: hsl(206, 100%, 50%);--primary-contrast-text: hsl(216, 71%, 23%);--primary-button-contrast-text: hsla(0, 0%, 100%, 1);--info-lighter: hsl(223, 98.4%, 97.1%);--info-light: hsl(224, 87.1%, 92%);--info-main: hsl(226, 70%, 55.5%);--info-main-8-p: hsla(226, 70%, 55.5%, .08);--info-main-50-p: hsla(226, 70%, 55.5%, .5);--info-dark: hsl(226, 58.6%, 51.3%);--info-darker: hsl(226, 55%, 45%);--info-outlined-border: hsl(226, 70%, 55.5%);--info-contrast-text: hsl(226, 50%, 24%);--info-button-contrast-text: hsla(0, 0%, 100%, 1);--success-lighter: hsl(139, 55.2%, 94.5%);--success-light: hsl(141, 43.7%, 86%);--success-main: hsl(151, 55%, 41.5%);--success-main-8-p: hsla(151, 55%, 41.5%, .08);--success-main-50-p: hsla(151, 55%, 41.5%, .5);--success-dark: hsl(152, 57.5%, 37.6%);--success-darker: hsl(153, 67%, 28.5%);--success-outlined-border: hsl(151, 55%, 41.5%);--success-contrast-text: hsl(155, 40%, 16.5%);--success-button-contrast-text: hsla(0, 0%, 100%, 1);--warning-lighter: hsl(45, 100%, 90.8%);--warning-light: hsl(40, 100%, 81.5%);--warning-main: hsl(42, 100%, 62%);--warning-main-8-p: hsla(42, 100%, 62%, .08);--warning-main-50-p: hsla(42, 100%, 62%, .5);--warning-dark: hsl(42, 100%, 55%);--warning-darker: hsl(25, 50%, 38%);--warning-outlined-border: hsl(42, 100%, 62%);--warning-contrast-text: hsl(25, 40%, 22%);--warning-button-contrast-text: hsla(24, 40%, 22%, 1);--error-lighter: hsl(360, 100%, 96.8%);--error-light: hsl(360, 90.2%, 91.9%);--error-main: hsl(358, 75%, 59%);--error-main-8-p: hsla(358, 75%, 59%, .08);--error-main-50-p: hsla(358, 75%, 59%, .5);--error-dark: hsl(358, 67.4%, 54.6%);--error-darker: hsl(358, 65%, 47%);--error-outlined-border: hsl(358, 75%, 59%);--error-contrast-text: hsl(350, 63%, 24%);--error-button-contrast-text: hsla(0, 0%, 100%, 1);--aba: #FFC134;--abb: #4F4FF5}.light-theme-v4{--border-radius-xs: 2px;--border-radius-sm: 4px;--border-radius-md: 6px;--border-radius-lg: 8px;--border-radius-xl: 16px;--border-radius-full: 100px}.light-theme-v4{--elevation-xs: 0px 1px 2px rgba(16, 24, 40, .05);--elevation-sm: 0px 1px 2px rgba(16, 24, 40, .06), 0px 1px 3px rgba(16, 24, 40, .1);--elevation-md: 0px 4px 8px -2px rgba(16, 24, 40, .12);--elevation-lg: 0px 12px 16px -4px rgba(16, 24, 40, .08);--elevation-xl: 0px 8px 8px -4px rgba(16, 24, 40, .03), 0px 20px 24px -6px rgba(16, 24, 40, .08);--elevation-xxl: 0px 24px 48px -12px rgba(16, 24, 40, .18);--elevation-xxxl: 0px 19px 32px 2px rgba(44, 45, 45, .14);--elevation-sl: 0px 27px 27px 2px rgba(44, 45, 45, .14)}.light-theme-v4{--spacing-tokenset: 0px;--spacing-25: 2px;--spacing-50: 4px;--spacing-75: 6px;--spacing-100: 8px;--spacing-125: 10px;--spacing-150: 12px;--spacing-200: 16px;--spacing-250: 20px;--spacing-300: 24px;--spacing-400: 32px;--spacing-500: 40px;--spacing-600: 48px;--spacing-700: 56px;--spacing-800: 64px;--spacing-900: 72px;--spacing-1000: 80px}
+.light-theme-v4{--background-default: #FFFFFF;--background-paper: hsl(0, 0%, 99%);--background-model-elevation: #FFFFFF;--background-backdrop: hsla(0, 0%, 0%, .11);--background-paper-elevation-0: hsl(0, 0%, 97.5%);--background-paper-elevation-1: hsl(0, 0%, 94.6%);--background-paper-elevation-2: hsl(0, 0%, 92%);--background-paper-elevation-3: hsl(0, 0%, 89.5%);--background-paper-elevation-4: hsl(0, 0%, 86.8%);--background-paper-elevation-5: hsl(0, 0%, 83%);--background-paper-elevation-6: hsl(0, 0%, 73.2%);--background-paper-elevation-7: hsl(0, 0%, 55.2%);--background-paper-elevation-8: hsl(0, 0%, 50.3%);--background-paper-elevation-9: hsl(0, 0%, 39.3%);--action-primary: hsl(0, 0%, 12.5%);--action-active: hsl(0, 0%, 50.3%);--action-hover: hsla(0, 0%, 0%, .05);--action-selected: hsla(0, 0%, 92%, 1);--action-disabled: hsla(0, 0%, 87%, 1);--action-disabled-background: hsla(0, 0%, 95%, 1);--action-focus: hsl(0, 0%, 92%);--action-outlined-border: hsla(0, 0%, 73%, 1);--default-light: hsl(0, 0%, 89.5%);--default-main: hsl(0 0% 94.51%);--default-dark: hsl(0, 0%, 92%);--default-outlined-border: hsl(0, 0%, 73.2%);--default-contrast-text: hsl(0, 0%, 12.5%);--default-button-contrast-text: hsla(0, 0%, 0%, 1);--common-white: #FFFFFF;--common-black: #000000;--common-inverse-white: #FFFFFF;--common-inverse-black: #000000;--common-divider: hsl(0, 0%, 86.8%);--common-divider-elevation-0: hsla(0, 0%, 89%, 1);--text-primary: hsl(0, 0%, 12.5%);--text-secondary: hsl(0, 0%, 39.3%);--text-disabled: hsl(0 0% 73.33%);--primary-lighter: hsl(209, 100%, 96.5%);--primary-light: hsl(209, 95%, 90.1%);--primary-main: hsl(206, 100%, 50%);--primary-main-8-p: hsla(206, 100%, 50%, .08);--primary-main-50-p: hsla(206, 100%, 50%, .5);--primary-dark: hsl(208, 93.5%, 47.4%);--primary-darker: hsl(211, 90%, 42%);--primary-outlined-border: hsl(206, 100%, 50%);--primary-contrast-text: hsl(216, 71%, 23%);--primary-button-contrast-text: hsla(0, 0%, 100%, 1);--info-lighter: hsl(223, 98.4%, 97.1%);--info-light: hsl(224, 87.1%, 92%);--info-main: hsl(226, 70%, 55.5%);--info-main-8-p: hsla(226, 70%, 55.5%, .08);--info-main-50-p: hsla(226, 70%, 55.5%, .5);--info-dark: hsl(226, 58.6%, 51.3%);--info-darker: hsl(226, 55%, 45%);--info-outlined-border: hsl(226, 70%, 55.5%);--info-contrast-text: hsl(226, 50%, 24%);--info-button-contrast-text: hsla(0, 0%, 100%, 1);--success-lighter: hsl(139, 55.2%, 94.5%);--success-light: hsl(141, 43.7%, 86%);--success-main: hsl(151, 55%, 41.5%);--success-main-8-p: hsla(151, 55%, 41.5%, .08);--success-main-50-p: hsla(151, 55%, 41.5%, .5);--success-dark: hsl(152, 57.5%, 37.6%);--success-darker: hsl(153, 67%, 28.5%);--success-outlined-border: hsl(151, 55%, 41.5%);--success-contrast-text: hsl(155, 40%, 16.5%);--success-button-contrast-text: hsla(0, 0%, 100%, 1);--warning-lighter: hsl(45, 100%, 90.8%);--warning-light: hsl(40, 100%, 81.5%);--warning-main: hsl(42, 100%, 62%);--warning-main-8-p: hsla(42, 100%, 62%, .08);--warning-main-50-p: hsla(42, 100%, 62%, .5);--warning-dark: hsl(42, 100%, 55%);--warning-darker: hsl(25, 50%, 38%);--warning-outlined-border: hsl(42, 100%, 62%);--warning-contrast-text: hsl(25, 40%, 22%);--warning-button-contrast-text: hsla(24, 40%, 22%, 1);--error-lighter: hsl(360, 100%, 96.8%);--error-light: hsl(360, 90.2%, 91.9%);--error-main: hsl(358, 75%, 59%);--error-main-8-p: hsla(358, 75%, 59%, .08);--error-main-50-p: hsla(358, 75%, 59%, .5);--error-dark: hsl(358, 67.4%, 54.6%);--error-darker: hsl(358, 65%, 47%);--error-outlined-border: hsl(358, 75%, 59%);--error-contrast-text: hsl(350, 63%, 24%);--error-button-contrast-text: hsla(0, 0%, 100%, 1);--aba: #FFC134;--abb: #4F4FF5}.light-theme-v4{--border-radius-xs: 2px;--border-radius-sm: 4px;--border-radius-md: 6px;--border-radius-lg: 8px;--border-radius-xl: 16px;--border-radius-full: 100px}.light-theme-v4{--elevation-xs: 0px 1px 2px rgba(16, 24, 40, .05);--elevation-sm: 0px 1px 2px rgba(16, 24, 40, .06), 0px 1px 3px rgba(16, 24, 40, .1);--elevation-md: 0px 4px 8px -2px rgba(16, 24, 40, .12);--elevation-lg: 0px 12px 16px -4px rgba(16, 24, 40, .08);--elevation-xl: 0px 8px 8px -4px rgba(16, 24, 40, .03), 0px 20px 24px -6px rgba(16, 24, 40, .08);--elevation-xxl: 0px 24px 48px -12px rgba(16, 24, 40, .18);--elevation-xxxl: 0px 19px 32px 2px rgba(44, 45, 45, .14);--elevation-sl: 0px 27px 27px 2px rgba(44, 45, 45, .14)}.light-theme-v4{--spacing-tokenset: 0px;--spacing-25: 2px;--spacing-50: 4px;--spacing-75: 6px;--spacing-100: 8px;--spacing-125: 10px;--spacing-150: 12px;--spacing-200: 16px;--spacing-250: 20px;--spacing-300: 24px;--spacing-350: 28px;--spacing-400: 32px;--spacing-500: 40px;--spacing-600: 48px;--spacing-700: 56px;--spacing-800: 64px;--spacing-900: 72px;--spacing-1000: 80px}

package/TreeDropdown.vue_vue_type_style_index_0_scoped_4cf7a93b_lang.css

@@ -0,0 +1 @@
+.child-options[data-v-4cf7a93b]{padding-left:1rem}.tree-search[data-v-4cf7a93b]{width:100%}

package/Typography.vue_vue_type_style_index_0_scoped_a14013a5_lang.css

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

package/components/dialog/v4/DialogV4.vue.d.ts

@@ -22,6 +22,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     cancelButtonLabel?: string;
     cancelButtonColor?: string;
     testId?: string;
+    noPadding?: boolean;
 }>, {
     content: any;
     title: string;
@@ -44,6 +45,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     cancelButtonLabel: string;
     cancelButtonColor: string;
     testId: string;
+    noPadding: boolean;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: boolean) => void;
     open: () => void;
@@ -73,6 +75,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     cancelButtonLabel?: string;
     cancelButtonColor?: string;
     testId?: string;
+    noPadding?: boolean;
 }>, {
     content: any;
     title: string;
@@ -95,6 +98,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     cancelButtonLabel: string;
     cancelButtonColor: string;
     testId: string;
+    noPadding: boolean;
 }>>> & {
     "onUpdate:modelValue"?: (value: boolean) => any;
     onClose?: (reason: Reason) => any;
@@ -123,6 +127,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     saveButtonColor: string;
     cancelButtonLabel: string;
     cancelButtonColor: string;
+    noPadding: boolean;
 }>, {
     header?(_: {}): any;
     default?(_: {}): any;

package/components/dialog/v4/DialogV4.vue.js

@@ -1,7 +1,7 @@
 import o from "./DialogV4.vue2.js";
 /* empty css               */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../DialogV4.vue_vue_type_style_index_0_scoped_c65df8d7_lang.css"; //*');
-const c = /* @__PURE__ */ _(o, [["__scopeId", "data-v-c65df8d7"]]);
+// import "../../../DialogV4.vue_vue_type_style_index_0_scoped_37da643b_lang.css"; //*');
+const a = /* @__PURE__ */ _(o, [["__scopeId", "data-v-37da643b"]]);
 export {
-  c as default
+  a as default
 };

package/components/dialog/v4/DialogV4.vue2.js

@@ -1,15 +1,15 @@
- import "../../../DialogV4.vue_vue_type_style_index_0_scoped_c65df8d7_lang.css"; import { defineComponent as L, openBlock as o, createBlock as d, Teleport as E, createVNode as A, Transition as I, withCtx as i, unref as e, createElementBlock as m, createElementVNode as y, mergeProps as u, renderSlot as k, createTextVNode as f, toDisplayString as B, createCommentVNode as l } from "vue";
-import { NOOP as S } from "@vue/shared";
+ import "../../../DialogV4.vue_vue_type_style_index_0_scoped_37da643b_lang.css"; import { defineComponent as L, openBlock as o, createBlock as u, Teleport as E, createVNode as A, Transition as P, withCtx as i, unref as t, createElementBlock as m, createElementVNode as y, mergeProps as s, renderSlot as k, createTextVNode as f, toDisplayString as B, createCommentVNode as l } from "vue";
+import { NOOP as I } from "@vue/shared";
 import b from "../../typography/v4/Typography.vue.js";
 import O from "../../button/v4/ButtonV4.vue.js";
-import V from "../../button/v4/IconButtonV4.vue.js";
+import S from "../../button/v4/IconButtonV4.vue.js";
 import "../../button/v4/ButtonGroup.vue.js";
 import "../../button/v4/ToggleButtonGroupAB.vue.js";
-import { Reason as h } from "../common/Reason.js";
-import { dialogCommon as p } from "../common/Dialog.common.js";
+import { Reason as g } from "../common/Reason.js";
+import { dialogCommon as V } from "../common/Dialog.common.js";
 import { DialogTestIdModifiers as a } from "../../../testids/index.js";
-import { useTestIdAttrs as D } from "../../../utils/testIds.js";
-import { useMagicKeys as P, whenever as R } from "@vueuse/core";
+import { useTestIdAttrs as p } from "../../../utils/testIds.js";
+import { useMagicKeys as D, whenever as R } from "@vueuse/core";
 const $ = {
   key: 0,
   class: "container light-theme-v4"
@@ -40,104 +40,107 @@ const $ = {
     saveButtonColor: { default: "primary" },
     cancelButtonLabel: { default: "Cancel" },
     cancelButtonColor: { default: "default" },
-    testId: { default: "" }
+    testId: { default: "" },
+    noPadding: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue", "open", "close", "save", "cancel"],
-  setup(t, { emit: C }) {
-    const r = t, { escape: w } = P(), n = D(r.testId, a), { visible: T, handleClose: v } = p(r, C);
+  setup(e, { emit: C }) {
+    const r = e, { escape: w } = D(), n = p(r.testId, a), { visible: h, handleClose: v } = V(r, C);
     R(w, () => {
-      T.value && r.escapeToClose && !r.saveButtonLoading && v(h.Escape);
+      h.value && r.escapeToClose && !r.saveButtonLoading && v(g.Escape);
     });
     const N = () => {
-      const { closeOnClickOutside: c, saveButtonLoading: s } = r;
-      c && !s ? v(h.Backdrop) : S();
+      const { closeOnClickOutside: c, saveButtonLoading: d } = r;
+      c && !d ? v(g.Backdrop) : I();
     };
-    return (c, s) => (o(), d(E, {
+    return (c, d) => (o(), u(E, {
       to: "body",
-      disabled: !t.appendToBody
+      disabled: !e.appendToBody
     }, [
-      A(I, null, {
+      A(P, null, {
         default: i(() => [
-          e(T) ? (o(), m("div", $, [
-            y("div", u({
-              class: ["dialog", [`dialog--${t.size}`]]
-            }, e(n)[e(a).WRAPPER]), [
-              t.title || t.subtitle || t.showCloseButton ? (o(), m("header", u({
+          t(h) ? (o(), m("div", $, [
+            y("div", s({
+              class: ["dialog", [`dialog--${e.size}`]]
+            }, t(n)[t(a).WRAPPER]), [
+              e.title || e.subtitle || e.showCloseButton ? (o(), m("header", s({
                 key: 0,
                 class: "header"
-              }, e(n)[e(a).HEADER]), [
+              }, t(n)[t(a).HEADER]), [
                 y("div", F, [
                   k(c.$slots, "header", {}, () => [
-                    t.title ? (o(), d(e(b), {
+                    e.title ? (o(), u(t(b), {
                       key: 0,
                       variant: "h3"
                     }, {
                       default: i(() => [
-                        f(B(t.title), 1)
+                        f(B(e.title), 1)
                       ]),
                       _: 1
                     })) : l("", !0),
-                    t.subtitle ? (o(), d(e(b), {
+                    e.subtitle ? (o(), u(t(b), {
                       key: 1,
                       class: "subtitle",
                       variant: "body1"
                     }, {
                       default: i(() => [
-                        f(B(t.subtitle), 1)
+                        f(B(e.subtitle), 1)
                       ]),
                       _: 1
                     })) : l("", !0)
                   ], !0)
                 ]),
-                t.showCloseButton ? (o(), d(e(V), u({
+                e.showCloseButton ? (o(), u(t(S), s({
                   key: 0,
                   class: "close-button",
                   "icon-name": "x",
-                  disabled: t.saveButtonLoading
-                }, e(n)[e(a).ACTION_CLOSE], {
-                  onClick: s[0] || (s[0] = (g) => e(v)(e(h).CloseButton))
+                  disabled: e.saveButtonLoading
+                }, t(n)[t(a).ACTION_CLOSE], {
+                  onClick: d[0] || (d[0] = (T) => t(v)(t(g).CloseButton))
                 }), null, 16, ["disabled"])) : l("", !0)
               ], 16)) : l("", !0),
-              y("div", u({ class: "content" }, e(n)[e(a).CONTENT]), [
+              y("div", s({
+                class: ["content", { "content--no-padding": e.noPadding }]
+              }, t(n)[t(a).CONTENT]), [
                 k(c.$slots, "default", {}, () => [
-                  t.content ? (o(), d(e(b), {
+                  e.content ? (o(), u(t(b), {
                     key: 0,
                     variant: "body1"
                   }, {
                     default: i(() => [
-                      f(B(t.content), 1)
+                      f(B(e.content), 1)
                     ]),
                     _: 1
                   })) : l("", !0)
                 ], !0)
               ], 16),
-              t.showFooter ? (o(), m("footer", U, [
-                y("div", u({ class: "action-buttons" }, e(n)[e(a).ACTION_BUTTONS_WRAPPER]), [
+              e.showFooter ? (o(), m("footer", U, [
+                y("div", s({ class: "action-buttons" }, t(n)[t(a).ACTION_BUTTONS_WRAPPER]), [
                   k(c.$slots, "footer", {}, () => [
-                    t.showCancelButton ? (o(), d(e(O), u({
+                    e.showCancelButton ? (o(), u(t(O), s({
                       key: 0,
                       class: "form-action",
                       variant: "outlined",
-                      color: t.cancelButtonColor,
-                      disabled: t.saveButtonLoading
-                    }, e(n)[e(a).CANCEL_BUTTON], {
-                      onClick: s[1] || (s[1] = (g) => C("cancel"))
+                      color: e.cancelButtonColor,
+                      disabled: e.saveButtonLoading
+                    }, t(n)[t(a).CANCEL_BUTTON], {
+                      onClick: d[1] || (d[1] = (T) => C("cancel"))
                     }), {
                       default: i(() => [
-                        f(B(t.cancelButtonLabel), 1)
+                        f(B(e.cancelButtonLabel), 1)
                       ]),
                       _: 1
                     }, 16, ["color", "disabled"])) : l("", !0),
-                    t.showSaveButton ? (o(), d(e(O), u({
+                    e.showSaveButton ? (o(), u(t(O), s({
                       key: 1,
                       class: "form-action",
-                      loading: t.saveButtonLoading,
-                      color: t.saveButtonColor
-                    }, e(n)[e(a).SAVE_BUTTON], {
-                      onClick: s[2] || (s[2] = (g) => C("save"))
+                      loading: e.saveButtonLoading,
+                      color: e.saveButtonColor
+                    }, t(n)[t(a).SAVE_BUTTON], {
+                      onClick: d[2] || (d[2] = (T) => C("save"))
                     }), {
                       default: i(() => [
-                        f(B(t.saveButtonLabel), 1)
+                        f(B(e.saveButtonLabel), 1)
                       ]),
                       _: 1
                     }, 16, ["loading", "color"])) : l("", !0)
@@ -145,10 +148,10 @@ const $ = {
                 ], 16)
               ])) : l("", !0)
             ], 16),
-            t.showBackdrop ? (o(), m("div", u({
+            e.showBackdrop ? (o(), m("div", s({
               key: 0,
               class: "dialog-backdrop"
-            }, e(n)[e(a).BACKDROP], { onClick: N }), null, 16)) : l("", !0)
+            }, t(n)[t(a).BACKDROP], { onClick: N }), null, 16)) : l("", !0)
           ])) : l("", !0)
         ]),
         _: 3

package/components/dialog/v4/index.d.ts

@@ -25,6 +25,7 @@ declare const DialogTypes: () => ({
             saveButtonColor: string;
             cancelButtonLabel: string;
             cancelButtonColor: string;
+            noPadding: boolean;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             title: {
                 type: import("vue").PropType<string>;
@@ -114,13 +115,17 @@ declare const DialogTypes: () => ({
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            noPadding: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
         }>> & {
             "onUpdate:modelValue"?: (value: boolean) => any;
             onClose?: (reason: import("../v3").Reason) => any;
             onCancel?: () => any;
             onOpen?: () => any;
             onSave?: () => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "testId" | "size" | "content" | "subtitle" | "appendToBody" | "closeDelay" | "openDelay" | "escapeToClose" | "showBackdrop" | "closeOnClickOutside" | "beforeClose" | "showCloseButton" | "showCancelButton" | "showSaveButton" | "showFooter" | "saveButtonLabel" | "saveButtonLoading" | "saveButtonColor" | "cancelButtonLabel" | "cancelButtonColor">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "testId" | "size" | "content" | "subtitle" | "appendToBody" | "closeDelay" | "openDelay" | "escapeToClose" | "showBackdrop" | "closeOnClickOutside" | "beforeClose" | "showCloseButton" | "showCancelButton" | "showSaveButton" | "showFooter" | "saveButtonLabel" | "saveButtonLoading" | "saveButtonColor" | "cancelButtonLabel" | "cancelButtonColor" | "noPadding">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -223,6 +228,10 @@ declare const DialogTypes: () => ({
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            noPadding: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
         }>> & {
             "onUpdate:modelValue"?: (value: boolean) => any;
             onClose?: (reason: import("../v3").Reason) => any;
@@ -257,6 +266,7 @@ declare const DialogTypes: () => ({
             saveButtonColor: string;
             cancelButtonLabel: string;
             cancelButtonColor: string;
+            noPadding: boolean;
         }, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -366,6 +376,10 @@ declare const DialogTypes: () => ({
             type: import("vue").PropType<string>;
             default: string;
         };
+        noPadding: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
     }>> & {
         "onUpdate:modelValue"?: (value: boolean) => any;
         onClose?: (reason: import("../v3").Reason) => any;
@@ -465,6 +479,10 @@ declare const DialogTypes: () => ({
         type: import("vue").PropType<string>;
         default: string;
     };
+    noPadding: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
 }>> & {
     "onUpdate:modelValue"?: (value: boolean) => any;
     onClose?: (reason: import("../v3").Reason) => any;
@@ -499,6 +517,7 @@ declare const DialogTypes: () => ({
     saveButtonColor: string;
     cancelButtonLabel: string;
     cancelButtonColor: string;
+    noPadding: boolean;
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         header?(_: {}): any;

package/components/dropdown/common/Dropdown.common.js

@@ -1,17 +1,17 @@
 import { useToggle as _e } from "../../../composables/useToggle.js";
 import { inject as Ve, ref as r, computed as c, watch as b, useSlots as ke, toRaw as P, nextTick as K, provide as Ge, onMounted as Le } from "vue";
 import { isObjectInArray as ae } from "../../../utils/array.js";
-import { objectsEqual as Be } from "../../../utils/object.js";
-import { useClamp as He, useVirtualList as Ue, onClickOutside as ne, useInfiniteScroll as qe } from "@vueuse/core";
+import { objectsEqual as Ue } from "../../../utils/object.js";
+import { useClamp as Be, useVirtualList as He, onClickOutside as ne, useInfiniteScroll as qe } from "@vueuse/core";
 import { Mode as T, Type as L, DropdownContext as Xe } from "./DropdownContext.js";
 import { pxToRem as $e } from "../../../utils/style.js";
 import { useEditableContext as je } from "../../table-cells/common/EditableContext.js";
 import { useGroupedOptions as ze } from "./useGroupedOptions.js";
-const tl = (l, f, g) => {
-  const B = Ve("isTreeDropdown", !1), {
-    sortOutGroups: H,
+const tl = (l, v, g) => {
+  const U = Ve("isTreeDropdown", !1), {
+    sortOutGroups: B,
     flattenAndMarkGroupOptions: ue,
-    isGroup: U,
+    isGroup: H,
     selectAllWithGroups: ie,
     isIndeterminateGrouped: re,
     allSelectedGrouped: q,
@@ -30,7 +30,7 @@ const tl = (l, f, g) => {
       return R?.value?.value ?? a.value;
     },
     set(e) {
-      R.onChange?.(e), R.onClose?.(), f("update:selected", e);
+      R.onChange?.(e), R.onClose?.(), v("update:selected", e);
     }
   });
   b(
@@ -56,9 +56,9 @@ const tl = (l, f, g) => {
       return l.isOpen;
     },
     set(e) {
-      f("update:isOpen", e);
+      v("update:isOpen", e);
     }
-  }), Oe = c(() => o.value.length - 1), v = He(0, 0, Oe), Z = c(() => n.value ? l.displayValue(n.value) : ""), Se = (e) => {
+  }), Oe = c(() => o.value.length - 1), f = Be(0, 0, Oe), Z = c(() => n.value ? l.displayValue(n.value) : ""), Se = (e) => {
     if (!e.value.length && !l.multiOptionsPlaceholderPrefix && !l.multiOptionsPlaceholderSuffix)
       return l.placeholder;
     const t = !l.multiOptionsPlaceholderPrefix && !l.multiOptionsPlaceholderSuffix ? `${e.value.length} selected` : `${l.multiOptionsPlaceholderPrefix ?? ""}${e.value.length ?? "0"}${l.multiOptionsPlaceholderSuffix ?? ""}`;
@@ -92,13 +92,13 @@ const tl = (l, f, g) => {
       ) > -1 : d.value.includes(i)) ? "selected" : "notSelected";
       e[u].push(i);
     });
-    const t = l.groupedOptions ? H(e.notSelected) : e.notSelected;
+    const t = l.groupedOptions ? B(e.notSelected) : e.notSelected;
     return [].concat(e.selected, t);
   }), o = c(() => {
-    const e = Array.isArray(d.value) && l.multi && g.VERSION === 4 && !B ? be.value : N.value;
+    const e = Array.isArray(d.value) && l.multi && g.VERSION === 4 && !U ? be.value : N.value;
     if (l.onSearch) {
-      const t = e.filter((i) => l.groupedOptions && U(i) ? i : l.onSearch(i, h.value));
-      return l.groupedOptions ? H(t) : t;
+      const t = e.filter((i) => l.groupedOptions && H(i) ? i : l.onSearch(i, h.value));
+      return l.groupedOptions ? B(t) : t;
     } else
       return e;
   }), Pe = c(() => y.value[0]?.hasSubtitle), F = c(() => s.mode === T.Multi), p = c(
@@ -108,7 +108,7 @@ const tl = (l, f, g) => {
     containerProps: V,
     wrapperProps: Te,
     scrollTo: C
-  } = Ue(o, {
+  } = He(o, {
     itemHeight: p.value,
     overscan: l.disableVirtualScroll ? 1 / 0 : 2
   });
@@ -120,20 +120,20 @@ const tl = (l, f, g) => {
   ), b([x], async () => {
     await K();
   }), b(
-    [O, v, x],
+    [O, f, x],
     async ([e], [t]) => {
       O.value && (await K(), x.value !== -1 && e !== t && setTimeout(() => {
         l.multi && g.VERSION === 4 || C(x.value);
-      }), v.value && setTimeout(() => {
-        C(v.value);
+      }), f.value && setTimeout(() => {
+        C(f.value);
       }));
     }
   ), b(h, () => {
-    f("onsearch", h.value), C(0);
+    v("onsearch", h.value), C(0);
   });
   const A = (e, t = !1) => {
     l.disabled || (Y(e), K(() => {
-      O.value && f("opened"), O.value || f("closed"), w.value && t && w.value.focus();
+      O.value && v("opened"), O.value || v("closed"), w.value && t && w.value.focus();
     }));
   };
   b(O, (e) => {
@@ -158,12 +158,12 @@ const tl = (l, f, g) => {
         }
         a.value = o.value;
       }
-      f("selectAll");
+      v("selectAll");
     }
   }, Ie = () => {
     we(), g.VERSION !== 4 && (n.value = a.value);
   }, xe = (e = !0) => {
-    a.value = [], e && (n.value = [], d.value = []), f("clear");
+    a.value = [], e && (n.value = [], d.value = []), v("clear");
   }, k = (e, t) => {
     if (e = P(e), g.VERSION === 4 ? e[l.disabledOptionKey] : y.value[t]?.disabled)
       return;
@@ -181,14 +181,14 @@ const tl = (l, f, g) => {
     if (ae(S, e) || l.comparingKey && S.findIndex(
       (u) => u[l.comparingKey] === e[l.comparingKey]
     ) > -1) {
-      a.value = S.filter((u) => l.comparingKey ? u[l.comparingKey] !== e[l.comparingKey] : !Be(u, e));
+      a.value = S.filter((u) => l.comparingKey ? u[l.comparingKey] !== e[l.comparingKey] : !Ue(u, e));
       return;
     } else {
       a.value = [...S, e];
       return;
     }
   }, De = (e) => y.value[e]?.disabled, s = {
-    activeIndex: v,
+    activeIndex: f,
     options: y,
     selectedOption: n,
     labelRef: j,
@@ -213,17 +213,17 @@ const tl = (l, f, g) => {
     goToOption: async (e) => {
       if (!O.value)
         return;
-      let t = v.value + e;
+      let t = f.value + e;
       const i = y.value.filter(
         (u) => u.disabled
       ).length, S = o.value.length - i;
       for (t > S && (t = S + 1); ; ) {
         if (!y.value[t]?.disabled) {
-          E.value = o.value[t], v.value = t;
+          E.value = o.value[t], f.value = t;
           return;
         }
-        if ((e === 1 || e === 10) && (t = t + 1), (e === -1 || e === -10) && (t = t + -1), !!De(v.value)) {
-          E.value = o.value[t], v.value = t;
+        if ((e === 1 || e === 10) && (t = t + 1), (e === -1 || e === -10) && (t = t + -1), !!De(f.value)) {
+          E.value = o.value[t], f.value = t;
           return;
         }
       }
@@ -260,13 +260,13 @@ const tl = (l, f, g) => {
   Le(async () => {
     l.autoFocus && (await K(), setTimeout(() => {
       $.value.focus();
-    })), s.goToOption(0), l.multi && !B && (l.groupedOptions ? D.value = q(
+    })), s.goToOption(0), l.multi && !U && (l.groupedOptions ? D.value = q(
       o,
       a
     ) : D.value = l.options.length === l.selected.length);
   });
   const le = () => {
-    l.multi && (D.value = M.value, n.value = a.value, Array.isArray(n.value) && (d.value = P(n.value).slice())), f("apply", n.value), f("allSelectedChanged", M.value), A(!1), Me();
+    l.multi && (D.value = M.value, n.value = a.value, Array.isArray(n.value) && (d.value = P(n.value).slice())), v("apply", n.value), v("allSelectedChanged", M.value), A(!1), Me();
   }, te = () => {
     F.value && Array.isArray(d.value) && (n.value = P(d.value).slice()), h.value = "", A(!1);
   }, Ne = (e) => {
@@ -318,7 +318,7 @@ const tl = (l, f, g) => {
             A(!0);
             return;
           }
-          k(o.value[v.value], v.value), s.mode === T.Single && !l.keepOpen && A(!1), e.preventDefault();
+          k(o.value[f.value], f.value), s.mode === T.Single && !l.keepOpen && A(!1), e.preventDefault();
           break;
         }
       }
@@ -337,10 +337,12 @@ const tl = (l, f, g) => {
   return qe(
     V.ref,
     () => {
-      !l.loadMoreLoading && l.infiniteLoading && f("loadMore");
+      !l.loadMoreLoading && l.infiniteLoading && v("loadMore");
     },
     { distance: l.infiniteScrollThreshold }
-  ), {
+  ), b(a, () => {
+    v("unsavedSelectionUpdate", a.value);
+  }), {
     onKeydown: Ce,
     location: fe,
     open: O,
@@ -363,7 +365,7 @@ const tl = (l, f, g) => {
     selectedOptionPrevious: d,
     selectedValue: Z,
     onSelect: k,
-    activeIndex: v,
+    activeIndex: f,
     onCancel: te,
     onApply: le,
     scrollTo: C,
@@ -376,7 +378,7 @@ const tl = (l, f, g) => {
     triggerRef: de,
     clearAll: J,
     onClearAllSelections: xe,
-    isGroup: U
+    isGroup: H
   };
 };
 export {