@ironsource/shared-ui 2.1.1 → 2.1.2

package/AppDropdownTrigger.vue_vue_type_style_index_0_scoped_5d9c6052_lang.css

@@ -0,0 +1 @@
+.app-trigger-wrapper[data-v-5d9c6052]{display:flex}.app-trigger-wrapper.with-copy .app-trigger[data-v-5d9c6052]{border-radius:var(--border-radius-lg) 0 0 var(--border-radius-lg);width:calc(100% - 41px)}.app-trigger-key[data-v-5d9c6052]{flex:none}.app-trigger-key--content[data-v-5d9c6052]{padding:10px;background:var(--default-main);cursor:pointer;border-radius:0 var(--border-radius-lg) var(--border-radius-lg) 0;border-left:1px solid var(--common-divider);color:var(--action-active)}.app-trigger-key--content[data-v-5d9c6052]:hover{background:var(--action-selected)}.app-trigger[data-v-5d9c6052]{width:100%;padding:0 12px;border-radius:var(--border-radius-lg);cursor:pointer;user-select:none;display:inline-flex;background:var(--default-main);height:40px;align-items:center}.app-trigger[data-v-5d9c6052]:hover,.app-trigger.active[data-v-5d9c6052]{background:var(--action-selected)}.app-trigger.disabled[data-v-5d9c6052]{cursor:auto}.app-trigger--content[data-v-5d9c6052]{color:var(--text-primary);display:flex;column-gap:4px;width:calc(100% - 20px);align-items:center}.app-trigger--content .x-circle-wrapper[data-v-5d9c6052]{color:var(--primary-dark)}.app-trigger--content .x-circle-wrapper[data-v-5d9c6052]:hover{color:var(--primary-main)}.app-trigger--icon[data-v-5d9c6052]{display:flex;align-items:center;color:var(--action-active)}.app-trigger .displayed-value[data-v-5d9c6052]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-trigger .image[data-v-5d9c6052]{width:28px;height:28px;flex:none}.app-trigger .image img[data-v-5d9c6052]{border-radius:4px;width:100%;height:100%}.app-trigger .start-icon[data-v-5d9c6052]{display:flex;color:var(--action-active)}.app-trigger .label-text[data-v-5d9c6052]{display:flex;align-items:center;gap:8px}.app-trigger .label-text .text-content[data-v-5d9c6052]{display:flex;align-items:center;gap:4px;width:100%}.app-trigger .label-text .text-content .text-content-value[data-v-5d9c6052]{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-trigger .label-text .is-mandatory[data-v-5d9c6052]{padding-top:5px;color:var(--error-main)}

package/AppHeader.vue_vue_type_style_index_0_scoped_aa538d40_lang.css

@@ -0,0 +1 @@
+.app-header[data-v-aa538d40]{display:flex}.app-header .image-container[data-v-aa538d40]{height:48px;width:48px;border-radius:4px}.app-header .image-container img[data-v-aa538d40]{min-width:100%;object-fit:cover;border-radius:4px}.app-header .icon-container[data-v-aa538d40]{color:var(--action-active);display:flex;align-items:center;padding:0 8px}.app-header .name-container .title[data-v-aa538d40]{color:var(--text-primary)}.app-header .name-container .inline-copy[data-v-aa538d40]{color:var(--text-secondary)}.app-header.size-small[data-v-aa538d40]{align-items:center}.app-header.size-small .image-container[data-v-aa538d40]{height:28px;width:28px;border-radius:6px}.app-header.size-small .image-container img[data-v-aa538d40]{border-radius:6px}.app-header.size-small .name-container[data-v-aa538d40]{display:flex}

package/ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_c859928d_lang.css

@@ -0,0 +1 @@
+.chip-trigger[data-v-c859928d]{border:1px solid var(--default-outlined-border);padding:.3125rem .3125rem .3125rem .4375rem;border-radius:100px;cursor:pointer;user-select:none;display:inline-flex}.chip-trigger[data-v-c859928d]:hover{border-color:var(--action-active);background:var(--action-selected)}.chip-trigger.active[data-v-c859928d]{border:none;background:var(--primary-light);padding:.375rem .375rem .375rem .5rem}.chip-trigger.active[data-v-c859928d]:hover{border:.0625rem solid var(--primary-main-50-p);padding:.3125rem .3125rem .3125rem .4375rem}.chip-trigger.open[data-v-c859928d]{border:.125rem solid var(--action-active);padding:.25rem .25rem .25rem .375rem;background:var(--action-selected)}.chip-trigger.open.active[data-v-c859928d]{border:.125rem solid var(--primary-main-50-p);background:var(--primary-light);padding:.25rem .25rem .25rem .375rem}.chip-trigger.disabled[data-v-c859928d]{cursor:auto}.chip-trigger--content[data-v-c859928d]{color:var(--text-primary);display:flex;column-gap:4px}.chip-trigger--content .x-circle-wrapper[data-v-c859928d]{color:var(--primary-dark)}.chip-trigger--content .x-circle-wrapper[data-v-c859928d]:hover{color:var(--primary-main)}.chip-trigger--icon[data-v-c859928d]{color:var(--action-active)}

package/DataGrid.vue_vue_type_style_index_0_scoped_d5635f1b_lang.css

@@ -0,0 +1 @@
+.sticky[data-v-d5635f1b]{position:sticky}.table-container[data-v-d5635f1b]{width:100%;position:relative;display:flex;flex-direction:column}.table-header[data-v-d5635f1b]{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-d5635f1b]{display:flex;flex:1;align-items:center;justify-content:flex-start;height:100%;color:var(--text-primary)}.table-header .table-header-right[data-v-d5635f1b]{display:flex;align-items:center;height:100%}.table-header .search-wrapper[data-v-d5635f1b]{width:13.75rem}.table-header.isStickyHeader[data-v-d5635f1b]{z-index:calc(var(--708a5a8f) + 3);top:0}.table-head-container[data-v-d5635f1b]{display:flex;align-items:center;white-space:nowrap;color:var(--text-primary)}.table-footer[data-v-d5635f1b]{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-d5635f1b]{display:inline-table}.table-header-actions[data-v-d5635f1b]{margin-left:var(--spacing-100);display:flex;align-items:center}.table-row[data-v-d5635f1b]{position:relative}.table-row.loading[data-v-d5635f1b]{opacity:.7}.table-row:not(.expanded):last-child>td[data-v-d5635f1b]{border-bottom:none}.table-row.expanded:last-child>.expanded-row[data-v-d5635f1b]{border-bottom:none}.expanded-row[data-v-d5635f1b]{grid-column:var(--668fa5c3);border-bottom:1px solid var(--common-divider);background-color:var(--background-default)}table[data-v-d5635f1b]{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)}table.hasFooter[data-v-d5635f1b]{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:none}table td[data-v-d5635f1b],table th[data-v-d5635f1b]{line-height:normal;padding:0 var(--spacing-200)}table td[data-v-d5635f1b]:first-of-type,table th[data-v-d5635f1b]:first-of-type{padding-left:var(--spacing-300)}table td[data-v-d5635f1b]:last-of-type,table th[data-v-d5635f1b]:last-of-type{padding-right:var(--spacing-300)}table td.expand-toggle-cell[data-v-d5635f1b],table th.expand-toggle-cell[data-v-d5635f1b]{padding-left:var(--spacing-150);padding-right:var(--spacing-75)}table>thead[data-v-d5635f1b]{border-bottom:none;z-index:calc(var(--708a5a8f) + 1);display:inline-table;min-width:100%}table>thead>tr[data-v-d5635f1b]{color:var(--text-primary);border-bottom:1px solid var(--common-divider);height:var(--spacing-500);display:grid;grid-template-columns:var(--6ded5808)}table>thead>tr>th[data-v-d5635f1b]{background:var(--background-paper-elevation-0);width:100%;display:flex;align-items:center;cursor:default}table>thead>tr>th.bordered[data-v-d5635f1b]{border-right:1px solid var(--common-divider)}table>thead>tr>th.bordered.isStickyRight[data-v-d5635f1b]{border-right:none;border-left:1px solid var(--common-divider)}table>thead>tr>th.isTextRight[data-v-d5635f1b]{justify-content:flex-end}table>thead>tr>th.isSortable[data-v-d5635f1b]{cursor:pointer}table>thead.sticky[data-v-d5635f1b]{position:sticky;top:0;background:white}table>thead.isStickyHeader[data-v-d5635f1b]{z-index:calc(var(--708a5a8f) + 2);top:calc(var(--spacing-800) - 1px)}table>tbody[data-v-d5635f1b]{display:block}table>tbody>*>tr[data-v-d5635f1b]{background-color:var(--background-default);min-height:var(--70e35284);height:auto;display:grid;align-items:center;grid-template-columns:var(--6ded5808)}table>tbody>*>tr:nth-of-type(2n)>td[data-v-d5635f1b]{background-color:var(--background-default)}table>tbody>*>tr:hover:not(.loading)>td[data-v-d5635f1b]{background-color:var(--background-paper-elevation-1)}table>tbody td[data-v-d5635f1b]{background-color:var(--background-default);border:none;min-width:0;display:flex;min-height:var(--70e35284);height:auto;width:100%;place-items:center;border-bottom:1px solid var(--common-divider);justify-content:start}table>tbody td.bordered[data-v-d5635f1b]{border-right:1px solid var(--common-divider)}table>tbody td.bordered.isStickyRight[data-v-d5635f1b]{border-right:none;border-left:1px solid var(--common-divider)}table>tbody td.isTextRight[data-v-d5635f1b]{justify-content:flex-end;text-align:right}.section-container[data-v-d5635f1b]{left:0}.sections[data-v-d5635f1b]{display:flex}.section[data-v-d5635f1b]{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-d5635f1b]{width:100%}.empty-state[data-v-d5635f1b]{min-height:250px}

package/DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_5fa01c78_lang.css

@@ -0,0 +1 @@
+.default-dropdown-wrapper[data-v-5fa01c78]{position:relative}.dropdown-trigger[data-v-5fa01c78]{width:100%;padding:.3125rem .4375rem;display:flex;column-gap:.5rem;max-width:100%;box-sizing:border-box;border-radius:var(--border-radius-md);border:1px solid var(--action-outlined-border);background:var(--default-main);cursor:pointer;user-select:none;position:relative}.dropdown-trigger[data-v-5fa01c78]:hover{border:1px solid var(--action-active);background:var(--action-hover)}.dropdown-trigger.small[data-v-5fa01c78]{padding:.1875rem .4375rem}.dropdown-trigger.large[data-v-5fa01c78]{padding:.5625rem .4375rem}.dropdown-trigger.disabled[data-v-5fa01c78]{border:1px solid var(--action-outlined-border, #bbb);background:var(--action-disabled-background, #f1f1f1);cursor:not-allowed}.dropdown-trigger.open[data-v-5fa01c78]{padding:.25rem .375rem;border:2px solid var(--primary-main)}.dropdown-trigger.open.small[data-v-5fa01c78]{padding:.125rem .375rem}.dropdown-trigger.open.large[data-v-5fa01c78]{padding:.5rem .375rem}.dropdown-trigger.state-error[data-v-5fa01c78]{padding:4px 6px;border:2px solid var(--error-main)}.dropdown-trigger.state-success[data-v-5fa01c78]{padding:4px 6px;border:2px solid var(--success-main)}.dropdown-trigger.state-warning[data-v-5fa01c78]{padding:4px 6px;border:2px solid var(--warning-dark)}.dropdown-trigger .caret-down[data-v-5fa01c78]{color:var(--action-active)}.content[data-v-5fa01c78]{width:calc(100% - 28px);display:flex;gap:.25rem;align-items:center;color:var(--text-primary)}.content .displayed-value[data-v-5fa01c78]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.content .image[data-v-5fa01c78]{width:20px;height:20px;flex:none}.content .image img[data-v-5fa01c78]{border-radius:4px;width:100%;height:100%}.content .start-icon[data-v-5fa01c78]{display:flex;color:var(--action-active)}.content .status-dot[data-v-5fa01c78]{padding-right:.25rem}.content .status-dot>div[data-v-5fa01c78]{position:relative;top:-1px}.dropdown-field-label[data-v-5fa01c78]{color:var(--text-primary)}.dropdown-field-help-text[data-v-5fa01c78]{margin-top:4px;position:absolute}

package/DropdownV4.vue_vue_type_style_index_0_scoped_258b9f7e_lang.css

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

package/DropdownV4.vue_vue_type_style_index_1_lang.css

@@ -1 +1 @@
-.resize-observer[data-v-b329ee4c]{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;border:none;background-color:transparent;pointer-events:none;display:block;overflow:hidden;opacity:0}.resize-observer[data-v-b329ee4c] object{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}.v-popper__popper{z-index:10000;top:0;left:0;outline:none}.v-popper__popper.v-popper__popper--hidden{visibility:hidden;opacity:0;transition:opacity .15s,visibility .15s;pointer-events:none}.v-popper__popper.v-popper__popper--shown{visibility:visible;opacity:1;transition:opacity .15s}.v-popper__popper.v-popper__popper--skip-transition,.v-popper__popper.v-popper__popper--skip-transition>.v-popper__wrapper{transition:none!important}.v-popper__backdrop{position:absolute;top:0;left:0;width:100%;height:100%;display:none}.v-popper__inner{position:relative;box-sizing:border-box;overflow-y:auto}.v-popper__inner>div{position:relative;z-index:1;max-width:inherit;max-height:inherit}.v-popper__arrow-container{position:absolute;width:10px;height:10px}.v-popper__popper--arrow-overflow .v-popper__arrow-container,.v-popper__popper--no-positioning .v-popper__arrow-container{display:none}.v-popper__arrow-inner,.v-popper__arrow-outer{border-style:solid;position:absolute;top:0;left:0;width:0;height:0}.v-popper__arrow-inner{visibility:hidden;border-width:7px}.v-popper__arrow-outer{border-width:6px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{left:-2px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{left:-1px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer{border-bottom-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-container{top:0}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{border-top-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-top-color:transparent!important}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{top:-4px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{top:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{top:-1px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{border-left-width:0;border-left-color:transparent!important;border-top-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{left:-4px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{left:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-container{right:-10px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer{border-right-width:0;border-top-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner{left:-2px}.v-popper--theme-dropdown .v-popper__inner{background:#fff;color:#000;border-radius:6px;border:1px solid #ddd;box-shadow:0 6px 30px #0000001a}.v-popper--theme-dropdown .v-popper__arrow-inner{visibility:visible;border-color:#fff}.v-popper--theme-dropdown .v-popper__arrow-outer{border-color:#ddd}.v-popper--theme-tooltip .v-popper__inner{background:rgba(0,0,0,.8);color:#fff;border-radius:6px;padding:7px 12px 6px}.v-popper--theme-tooltip .v-popper__arrow-outer{border-color:#000c}.v-popper--theme-light-theme-v4.v4-dropdown{display:block}.v-popper--theme-light-theme-v4.v4-dropdown .v-popper__wrapper{background:var(--background-default);margin-top:.25rem;min-width:150px;box-shadow:var(--elevation-lg);border-radius:.5rem;border:1px solid var(--common-divider)}.v-popper--theme-light-theme-v4.v4-dropdown .v-popper__arrow-container{display:none}.v-popper--theme-light-theme-v4.v4-dropdown--auto-size .v-popper__wrapper{width:auto}.full-width .v-popper--theme-light-theme-v4{width:100%}.actions-clear-all .button-wrap .font-button{font-weight:400}
+.resize-observer[data-v-b329ee4c]{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;border:none;background-color:transparent;pointer-events:none;display:block;overflow:hidden;opacity:0}.resize-observer[data-v-b329ee4c] object{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}.v-popper__popper{z-index:10000;top:0;left:0;outline:none}.v-popper__popper.v-popper__popper--hidden{visibility:hidden;opacity:0;transition:opacity .15s,visibility .15s;pointer-events:none}.v-popper__popper.v-popper__popper--shown{visibility:visible;opacity:1;transition:opacity .15s}.v-popper__popper.v-popper__popper--skip-transition,.v-popper__popper.v-popper__popper--skip-transition>.v-popper__wrapper{transition:none!important}.v-popper__backdrop{position:absolute;top:0;left:0;width:100%;height:100%;display:none}.v-popper__inner{position:relative;box-sizing:border-box;overflow-y:auto}.v-popper__inner>div{position:relative;z-index:1;max-width:inherit;max-height:inherit}.v-popper__arrow-container{position:absolute;width:10px;height:10px}.v-popper__popper--arrow-overflow .v-popper__arrow-container,.v-popper__popper--no-positioning .v-popper__arrow-container{display:none}.v-popper__arrow-inner,.v-popper__arrow-outer{border-style:solid;position:absolute;top:0;left:0;width:0;height:0}.v-popper__arrow-inner{visibility:hidden;border-width:7px}.v-popper__arrow-outer{border-width:6px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{left:-2px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{left:-1px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer{border-bottom-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-container{top:0}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{border-top-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-top-color:transparent!important}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{top:-4px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{top:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{top:-1px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{border-left-width:0;border-left-color:transparent!important;border-top-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{left:-4px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{left:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-container{right:-10px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer{border-right-width:0;border-top-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner{left:-2px}.v-popper--theme-dropdown .v-popper__inner{background:#fff;color:#000;border-radius:6px;border:1px solid #ddd;box-shadow:0 6px 30px #0000001a}.v-popper--theme-dropdown .v-popper__arrow-inner{visibility:visible;border-color:#fff}.v-popper--theme-dropdown .v-popper__arrow-outer{border-color:#ddd}.v-popper--theme-tooltip .v-popper__inner{background:rgba(0,0,0,.8);color:#fff;border-radius:6px;padding:7px 12px 6px}.v-popper--theme-tooltip .v-popper__arrow-outer{border-color:#000c}.v-popper--theme-light-theme-v4.v4-dropdown{display:block}.v-popper--theme-light-theme-v4.v4-dropdown .v-popper__wrapper{background:var(--background-default);margin-top:.25rem;min-width:240px;box-shadow:var(--elevation-lg);border-radius:.5rem;border:1px solid var(--common-divider)}.v-popper--theme-light-theme-v4.v4-dropdown .v-popper__arrow-container{display:none}.v-popper--theme-light-theme-v4.v4-dropdown--auto-size .v-popper__wrapper{width:auto}.full-width .v-popper--theme-light-theme-v4{width:100%}.actions-clear-all .button-wrap .font-button{font-weight:400}

package/InlineCopy.vue_vue_type_style_index_0_scoped_117ac157_lang.css

@@ -0,0 +1 @@
+.inline-copy[data-v-117ac157]{display:inline-flex;cursor:pointer;color:var(--action-active)}.inline-copy .icon-copy[data-v-117ac157]{padding:0 4px;cursor:pointer;color:var(--action-active)}.inline-copy .icon-copy[data-v-117ac157]:hover{color:var(--action-primary)}

package/MultiBar.vue_vue_type_style_index_0_scoped_b473b35e_lang.css

@@ -0,0 +1 @@
+.multi-bar[data-v-b473b35e]{width:100%;display:flex;justify-content:center;pointer-events:none;transition:opacity .25s,transform .25s}.multi-bar--left[data-v-b473b35e]{justify-content:flex-start}.multi-bar--small[data-v-b473b35e]{height:var(--spacing-600)}.multi-bar--medium[data-v-b473b35e]{height:var(--spacing-700)}.multi-bar--fixed[data-v-b473b35e]{position:fixed;bottom:var(--spacing-500)}.multi-bar--sticky[data-v-b473b35e]{position:sticky;bottom:calc(var(--spacing-200))}.multi-bar-enter-from[data-v-b473b35e],.multi-bar-leave-to[data-v-b473b35e]{opacity:0;transform:translateY(200%)}.multi-bar-panel[data-v-b473b35e]{pointer-events:auto;display:flex;align-items:center;min-width:17.25rem;box-shadow:var(--elevation-md);border-radius:var(--border-radius-md);border:1px solid var(--common-divider-elevation-0);background:var(--background-model-elevation);padding:0 var(--spacing-200);height:100%}.close-icon[data-v-b473b35e]{color:var(--action-active);margin-right:var(--spacing-100)}.count-text[data-v-b473b35e]{color:var(--text-secondary);margin-right:var(--spacing-500);white-space:nowrap}.action-button[data-v-b473b35e]{margin-right:4px}.action-button--last[data-v-b473b35e]{margin-right:0}

package/MultiBarMenu.vue_vue_type_style_index_0_scoped_e40e5dda_lang.css

@@ -0,0 +1 @@
+.multi-bar-menu[data-v-e40e5dda]{margin-left:0}

package/StatusDot.vue_vue_type_style_index_0_scoped_0c8a38e5_lang.css

@@ -0,0 +1 @@
+.status-dot[data-v-0c8a38e5]{width:.5rem;height:.5rem;border-radius:50%;display:inline-flex}.status-dot.disabled[data-v-0c8a38e5]{background-color:var(--background-paper-elevation-4)}.status-dot.default[data-v-0c8a38e5]{background-color:var(--primary-main)}.status-dot.success[data-v-0c8a38e5]{background-color:var(--success-main)}.status-dot.warning[data-v-0c8a38e5]{background-color:var(--warning-main)}.status-dot.archive[data-v-0c8a38e5]{background-color:var(--background-paper-elevation-6)}.status-dot.error[data-v-0c8a38e5]{background-color:var(--error-main)}

package/ToggleV4.vue_vue_type_style_index_0_scoped_ad231e8c_lang.css

@@ -0,0 +1 @@
+.toggle .toggle-body[data-v-ad231e8c]:hover{outline-color:var(--action-active)}.toggle .toggle-disabled[data-v-ad231e8c]{background-color:var(--action-disabled-background);outline-color:var(--action-outlined-border)}.toggle .toggle-disabled .toggle-head[data-v-ad231e8c]{background-color:var(--action-disabled)}.toggle .toggle-disabled[data-v-ad231e8c]:hover{outline-color:var(--action-outlined-border)}.toggle--color-primary .toggle-active[data-v-ad231e8c]{background-color:var(--primary-main);outline-color:var(--primary-dark)}.toggle--color-primary .toggle-active .toggle-head[data-v-ad231e8c]{background-color:var(--common-white)}.toggle--color-primary .toggle-active .loader[data-v-ad231e8c]{border-color:var(--primary-darker);border-bottom-color:transparent}.toggle--color-primary .toggle-active[data-v-ad231e8c]:hover{background-color:var(--primary-main-50-p);outline-color:var(--primary-main)}.toggle--color-primary .toggle-active.toggle-disabled[data-v-ad231e8c]{background-color:var(--primary-main-8-p);outline-color:var(--primary-main-50-p)}.toggle--color-primary .toggle-active.toggle-disabled .toggle-head[data-v-ad231e8c]{background-color:var(--primary-main-50-p)}.toggle--color-test .toggle-active[data-v-ad231e8c]{background-color:var(--warning-main);outline-color:var(--warning-dark)}.toggle--color-test .toggle-active .toggle-head[data-v-ad231e8c]{background-color:var(--common-white)}.toggle--color-test .toggle-active .loader[data-v-ad231e8c]{border-color:var(--warning-darker);border-bottom-color:transparent}.toggle--color-test .toggle-active[data-v-ad231e8c]:hover{background-color:var(--warning-main-50-p);outline-color:var(--warning-dark)}.toggle--color-test .toggle-active.toggle-disabled[data-v-ad231e8c]{background-color:var(--warning-main-8-p);outline-color:var(--warning-main-50-p)}.toggle--color-test .toggle-active.toggle-disabled .toggle-head[data-v-ad231e8c]{background-color:var(--warning-main-50-p)}.toggle--size-small .toggle-body[data-v-ad231e8c],.toggle--size-small .toggle-wrap[data-v-ad231e8c]{height:1rem}.toggle--size-small .toggle-active .toggle-head[data-v-ad231e8c]{transform:translate(.75rem)}.toggle--size-small .toggle-head[data-v-ad231e8c]{width:.75rem;height:.75rem}.toggle--size-small .toggle-body[data-v-ad231e8c]{width:1.75rem}.toggle--size-small .loader[data-v-ad231e8c]{width:9px;height:9px}.toggle--size-medium .toggle-body[data-v-ad231e8c],.toggle--size-medium .toggle-wrap[data-v-ad231e8c]{height:1.25rem}.toggle--size-medium .toggle-active .toggle-head[data-v-ad231e8c]{transform:translate(1rem)}.toggle--size-medium .toggle-head[data-v-ad231e8c]{width:1rem;height:1rem}.toggle--size-medium .toggle-body[data-v-ad231e8c]{width:2.25rem}.toggle--size-medium .loader[data-v-ad231e8c]{width:12px;height:12px}.toggle-wrap[data-v-ad231e8c]{display:flex;align-items:center;gap:var(--spacing-50)}.toggle-body[data-v-ad231e8c]{border-radius:100px;background-color:var(--action-hover);outline:1px solid var(--action-outlined-border);outline-offset:-1px;position:relative;cursor:pointer;display:inline-block}.toggle-body.toggle-disabled[data-v-ad231e8c]{cursor:default}.toggle-head[data-v-ad231e8c]{border-radius:100px;background-color:var(--action-active);position:absolute;left:.125rem;top:.125rem;transition:transform .25s linear,background-color .25s linear;display:flex;justify-content:center;align-items:center}.toggle-checkbox[data-v-ad231e8c]{display:none}.toggle-text[data-v-ad231e8c]{color:var(--text-primary)}.feedback-text[data-v-ad231e8c]{display:block;padding-top:var(--spacing-150)}.info-icon[data-v-ad231e8c]{color:var(--action-active)}.loader[data-v-ad231e8c]{border:1px solid var(--action-active);border-bottom-color:transparent;border-radius:100%;display:inline-block;box-sizing:border-box;animation:rotation-ad231e8c 1s linear infinite}.loader.loader-active[data-v-ad231e8c]{border-bottom-color:transparent}@keyframes rotation-ad231e8c{0%{transform:rotate(0)}to{transform:rotate(360deg)}}

package/components/appHeader/AppHeader.vue.d.ts

@@ -4,26 +4,31 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     platform: 'android' | 'ios';
     appKey: string;
     testId: string;
+    type?: 'small' | 'normal';
 }>, {
     image: string;
     name: string;
     platform: string;
     appKey: string;
     testId: string;
+    type: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     image: string;
     name: string;
     platform: 'android' | 'ios';
     appKey: string;
     testId: string;
+    type?: 'small' | 'normal';
 }>, {
     image: string;
     name: string;
     platform: string;
     appKey: string;
     testId: string;
+    type: string;
 }>>>, {
     name: string;
+    type: 'small' | 'normal';
     image: string;
     testId: string;
     platform: 'android' | 'ios';

package/components/appHeader/AppHeader.vue.js

@@ -1,7 +1,7 @@
 import e from "./AppHeader.vue2.js";
 /* empty css                */import o from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../AppHeader.vue_vue_type_style_index_0_scoped_5afbd3dd_lang.css"; //*');
-const s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-5afbd3dd"]]);
+// import "../../AppHeader.vue_vue_type_style_index_0_scoped_aa538d40_lang.css"; //*');
+const s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-aa538d40"]]);
 export {
   s as default
 };

package/components/appHeader/AppHeader.vue2.js

@@ -1,56 +1,60 @@
- import "../../AppHeader.vue_vue_type_style_index_0_scoped_5afbd3dd_lang.css"; import { defineComponent as d, computed as m, openBlock as l, createElementBlock as c, createElementVNode as a, createVNode as n, unref as t, mergeProps as p, withCtx as f, createTextVNode as u, toDisplayString as h } from "vue";
-import I from "../icon/v4/IconV4.vue.js";
-import y from "../typography/v4/Typography.vue.js";
-import g from "../inlineCopy/InlineCopy.vue.js";
-import { useTestIdAttrs as x } from "../../utils/testIds.js";
-import { AppHeaderTestIdModifiers as s } from "../../testids/index.js";
-const _ = { class: "app-header" }, v = { class: "image-container" }, T = ["src", "alt"], A = { class: "icon-container" }, C = { class: "name-container" }, K = /* @__PURE__ */ d({
+ import "../../AppHeader.vue_vue_type_style_index_0_scoped_aa538d40_lang.css"; import { defineComponent as r, computed as d, openBlock as m, createElementBlock as c, normalizeClass as p, createElementVNode as a, createVNode as o, unref as t, mergeProps as f, withCtx as u, createTextVNode as y, toDisplayString as h } from "vue";
+import x from "../icon/v4/IconV4.vue.js";
+import v from "../typography/v4/Typography.vue.js";
+import I from "../inlineCopy/InlineCopy.vue.js";
+import { useTestIdAttrs as g } from "../../utils/testIds.js";
+import { AppHeaderTestIdModifiers as i } from "../../testids/index.js";
+const T = { class: "image-container" }, z = ["src", "alt"], C = { class: "icon-container" }, A = { class: "name-container" }, K = /* @__PURE__ */ r({
   __name: "AppHeader",
   props: {
     image: { default: "" },
     name: { default: "" },
     platform: { default: "android" },
     appKey: { default: "" },
-    testId: { default: "" }
+    testId: { default: "" },
+    type: { default: "normal" }
   },
   setup(e) {
-    const o = e, i = m(
-      () => o.platform ? o.platform.toLowerCase() : ""
-    ), r = x(o.testId, s);
-    return (N, E) => (l(), c("div", _, [
-      a("div", v, [
+    const n = e, l = d(
+      () => n.platform ? n.platform.toLowerCase() : ""
+    ), s = g(n.testId, i);
+    return (N, E) => (m(), c("div", {
+      class: p(["app-header", `size-${e.type}`])
+    }, [
+      a("div", T, [
         a("img", {
           src: e.image,
           alt: e.name
-        }, null, 8, T)
+        }, null, 8, z)
       ]),
-      a("div", A, [
-        n(t(I), {
+      a("div", C, [
+        o(t(x), {
           type: "branded",
-          name: t(i),
-          size: "24px"
-        }, null, 8, ["name"])
+          name: t(l),
+          size: e.type === "normal" ? "24px" : "20px"
+        }, null, 8, ["name", "size"])
       ]),
-      a("div", C, [
-        n(t(y), p({
-          variant: "h2",
+      a("div", A, [
+        o(t(v), f({
+          variant: e.type === "normal" ? "h2" : "button",
           class: "title"
-        }, t(r)[t(s).TITLE]), {
-          default: f(() => [
-            u(h(e.name), 1)
+        }, t(s)[t(i).TITLE]), {
+          default: u(() => [
+            y(h(e.name), 1)
           ]),
           _: 1
-        }, 16),
+        }, 16, ["variant"]),
         a("div", null, [
-          n(t(g), {
+          o(t(I), {
             text: e.appKey,
             size: "medium",
             class: "inline-copy",
+            "hide-text-value": e.type === "small",
             "test-id": e.testId
-          }, null, 8, ["text", "test-id"])
+          }, null, 8, ["text", "hide-text-value", "test-id"])
         ])
       ])
-    ]));
+    ], 2));
   }
 });
 export {

package/components/appHeader/index.d.ts

@@ -5,6 +5,10 @@ declare const AppHeaderTypes: () => import("vue").DefineComponent<{
         required: true;
         default: string;
     };
+    type: {
+        type: import("vue").PropType<"small" | "normal">;
+        default: string;
+    };
     image: {
         type: import("vue").PropType<string>;
         required: true;
@@ -31,6 +35,10 @@ declare const AppHeaderTypes: () => import("vue").DefineComponent<{
         required: true;
         default: string;
     };
+    type: {
+        type: import("vue").PropType<"small" | "normal">;
+        default: string;
+    };
     image: {
         type: import("vue").PropType<string>;
         required: true;
@@ -53,6 +61,7 @@ declare const AppHeaderTypes: () => import("vue").DefineComponent<{
     };
 }>>, {
     name: string;
+    type: "small" | "normal";
     image: string;
     testId: string;
     platform: "android" | "ios";

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

@@ -27,7 +27,7 @@ const Ve = (l, O, A) => {
       a.value = l.selected;
     }
   );
-  const W = Ae(), P = n(null), f = n(null), C = n(null), I = n(null), V = n(null), S = n(null), Y = n(), H = n(null), L = n(null), U = n(null), Z = 8, F = r(() => S.value ? S.value.getBoundingClientRect().height + Z + l.distance : 0), c = n([]), T = n(-1), w = n(""), M = n([]), p = () => S.value?.focus(), [v, ee, le] = Oe({
+  const W = Ae(), P = n(null), f = n(null), C = n(null), I = n(null), V = n(null), S = n(null), Y = n(), H = n(null), L = n(null), U = n(null), Z = 8, F = r(() => S.value ? S.value.getBoundingClientRect().height + Z + l.distance : 0), c = n([]), T = n(-1), w = n(""), M = n([]), B = () => S.value?.focus(), [v, ee, le] = Oe({
     disabled: l.disabled,
     initialValue: l.defaultOpen
   });
@@ -37,7 +37,7 @@ const Ve = (l, O, A) => {
       e !== void 0 && le(e);
     }
   );
-  const B = (e) => {
+  const q = (e) => {
     te.value = ee(e);
   }, te = r({
     get() {
@@ -56,27 +56,27 @@ const Ve = (l, O, A) => {
       return u.value ? l.displayValue(u.value) : l.placeholder;
     if (Array.isArray(a.value))
       return ne(a);
-  }), q = r(() => {
+  }), G = r(() => {
     if (Array.isArray(a.value))
       return a.value.length === s.value.length;
   }), re = r(() => !l.multi || !Array.isArray(a.value) ? !1 : a.value.length > 0 && a.value.length < s.value.length), N = (e) => {
     w.value = e;
   }, s = r(() => l.onSearch ? l.options.filter(
     (e) => l.onSearch(e, w.value)
-  ) : l.options), oe = r(() => c.value[0]?.hasSubtitle), G = r(() => i.mode === m.Multi), K = r(
+  ) : l.options), oe = r(() => c.value[0]?.hasSubtitle), K = r(() => i.mode === m.Multi), $ = r(
     () => oe.value ? A.MULTILINE_LIST_HEIGHT : A.LIST_HEIGHT
   ), {
-    list: $,
+    list: p,
     containerProps: X,
     wrapperProps: se,
     scrollTo: R
   } = xe(s, {
-    itemHeight: K.value
+    itemHeight: $.value
   });
   b(
     () => l.isOpen,
     (e) => {
-      B(e);
+      q(e);
     }
   ), b([T], async () => {
     await D();
@@ -91,21 +91,21 @@ const Ve = (l, O, A) => {
     }
   );
   const d = (e, t = !1) => {
-    l.disabled || (B(e), D(() => {
+    l.disabled || (q(e), D(() => {
       v.value && O("opened"), v.value || O("closed"), P.value && t && P.value.focus();
     }));
   };
   b(v, (e) => {
     if (e) {
-      G.value && Array.isArray(u.value) && (M.value = x(u.value).slice());
+      K.value && Array.isArray(u.value) && (M.value = x(u.value).slice());
       return;
     }
-    p();
+    B();
   });
   const ce = () => {
     ve(), u.value = a.value;
   }, ve = () => {
-    if (q.value) {
+    if (G.value) {
       a.value = [];
       return;
     }
@@ -125,7 +125,7 @@ const Ve = (l, O, A) => {
       l.keepOpen || d(!1), i.goToOption(
         0
         /* None */
-      ), u.value = e, N(""), p(), i.type === k.Search && f.value && (f.value.value = l.displayValue(e));
+      ), u.value = e, N(""), B(), i.type === k.Search && f.value && (f.value.value = l.displayValue(e));
       return;
     }
     if (!Array.isArray(a.value))
@@ -219,7 +219,7 @@ const Ve = (l, O, A) => {
   const he = () => {
     u.value = a.value, O("apply", u.value), d(!1), ge();
   }, j = () => {
-    G.value && Array.isArray(M.value) && (u.value = x(M.value).slice()), w.value = "", d(!1);
+    K.value && Array.isArray(M.value) && (u.value = x(M.value).slice()), w.value = "", d(!1);
   }, ye = (e) => {
     if (!l.disableKeyboardEvents)
       switch (e.key) {
@@ -274,10 +274,10 @@ const Ve = (l, O, A) => {
         }
       }
   }, me = r(() => {
-    const e = $.value.length, t = l.showSelectAll ? 1 : 0, y = e > A.MAX_NUMBER_OF_OPTIONS, g = e + t;
-    let h = y ? A.MAX_NUMBER_OF_OPTIONS + 0.5 : g;
+    const e = p.value.length, t = l.multi && l.showSelectAll ? 1 : 0, y = e > A.MAX_NUMBER_OF_OPTIONS, g = e + t;
+    let h = y ? A.MAX_NUMBER_OF_OPTIONS + 0.1 : g;
     return l.noResultsText && h === 0 && (h = h + 1), Ie(
-      h * K.value + A.PADDING_PX
+      h * $.value + A.PADDING_PX
     );
   });
   return {
@@ -293,10 +293,10 @@ const Ve = (l, O, A) => {
     calculateTableHeight: me,
     wrapperProps: se,
     filteredOptions: s,
-    allSelected: q,
+    allSelected: G,
     isIndeterminate: re,
     onSelectAll: ce,
-    virtualOptions: $,
+    virtualOptions: p,
     isSelected: Q,
     selectedOption: u,
     onSelect: _,

package/components/dropdown/v4/AppDropdownTrigger.vue.js

@@ -1,7 +1,7 @@
 import o from "./AppDropdownTrigger.vue2.js";
 /* empty css                         */import p from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../AppDropdownTrigger.vue_vue_type_style_index_0_scoped_a64a46d0_lang.css"; //*');
-const s = /* @__PURE__ */ p(o, [["__scopeId", "data-v-a64a46d0"]]);
+// import "../../../AppDropdownTrigger.vue_vue_type_style_index_0_scoped_5d9c6052_lang.css"; //*');
+const s = /* @__PURE__ */ p(o, [["__scopeId", "data-v-5d9c6052"]]);
 export {
   s as default
 };

package/components/dropdown/v4/AppDropdownTrigger.vue2.js

@@ -1,5 +1,5 @@
- import "../../../AppDropdownTrigger.vue_vue_type_style_index_0_scoped_a64a46d0_lang.css"; import { defineComponent as A, computed as p, openBlock as o, createElementBlock as n, normalizeClass as V, createElementVNode as a, mergeProps as h, unref as t, renderSlot as v, createCommentVNode as s, createVNode as i, withCtx as T, toDisplayString as B } from "vue";
-import c from "../../icon/v4/IconV4.vue.js";
+ import "../../../AppDropdownTrigger.vue_vue_type_style_index_0_scoped_5d9c6052_lang.css"; import { defineComponent as A, computed as p, openBlock as o, createElementBlock as n, normalizeClass as V, createElementVNode as a, mergeProps as h, unref as l, renderSlot as O, createCommentVNode as i, createVNode as s, withCtx as v, toDisplayString as B } from "vue";
+import r from "../../icon/v4/IconV4.vue.js";
 import $ from "../../typography/v4/Typography.vue.js";
 import { DropdownTestIdModifiers as u } from "../../../testids/index.js";
 import { useTestIdAttrs as x } from "../../../utils/testIds.js";
@@ -39,11 +39,11 @@ const w = { class: "app-trigger--content" }, S = {
     optionIconType: { default: null }
   },
   emits: ["click"],
-  setup(l, { emit: k }) {
-    const e = l, { copy: O } = N({}), I = p(
+  setup(t, { emit: T }) {
+    const e = t, { copy: k } = N({}), I = p(
       () => e.feedbackVariant ? `state-${e.feedbackVariant}` : ""
     ), C = () => {
-      k("click");
+      T("click");
     }, y = x(e.testId, u), f = "All apps selected", m = p(() => e.multi ? !Array.isArray(e.selectedOption) || !e.selectedOption?.length ? e.placeholder : e.options?.length === e.selectedOption.length ? `${f} (${e.selectedOption.length})` : e.selectedOption?.length === 1 && e.displayValue ? e.displayValue(e.selectedOption[0]) : `${e.selectedOption.length} selected` : e.selectedOption ? e.displayValue(e.selectedOption) : e.placeholder), d = p(() => {
       if (!e.selectedOption)
         return null;
@@ -52,54 +52,54 @@ const w = { class: "app-trigger--content" }, S = {
       if (Array.isArray(e.selectedOption))
         return e.selectedOption.length === 1 ? e.selectedOption[0] : null;
     }), b = () => {
-      O(e.valueToCopy), z({
+      k(e.valueToCopy), z({
         title: "Copied successfully",
         type: "success",
         duration: 2e3
       });
     };
-    return (r, g) => (o(), n("div", {
-      class: V(["app-trigger-wrapper", { "with-copy": !!l.valueToCopy }])
+    return (c, g) => (o(), n("div", {
+      class: V(["app-trigger-wrapper", { "with-copy": !!t.valueToCopy }])
     }, [
       a("div", h({
-        class: ["app-trigger", [l.size, t(I), { open: l.open, disabled: l.disabled }]],
+        class: ["app-trigger", [t.size, l(I), { open: t.open, disabled: t.disabled }]],
         style: {
-          paddingLeft: r.$slots.image || t(d) && l.optionImageKey ? "8px" : "12px"
+          paddingLeft: c.$slots.image || l(d) && t.optionImageKey ? "8px" : "12px"
         }
-      }, t(y)[t(u).BUTTON_WRAPPER], {
+      }, l(y)[l(u).BUTTON_WRAPPER], {
         onClick: g[0] || (g[0] = (j) => C())
       }), [
         a("div", w, [
-          r.$slots.image || t(d) && l.optionImageKey ? (o(), n("div", S, [
-            v(r.$slots, "image", {}, () => [
-              l.optionImageKey ? (o(), n("img", {
+          c.$slots.image || l(d) && t.optionImageKey ? (o(), n("div", S, [
+            O(c.$slots, "image", {}, () => [
+              t.optionImageKey ? (o(), n("img", {
                 key: 0,
-                src: t(d)[l.optionImageKey]
-              }, null, 8, D)) : s("", !0)
+                src: l(d)[t.optionImageKey]
+              }, null, 8, D)) : i("", !0)
             ], !0)
-          ])) : s("", !0),
-          r.$slots["icon-start"] || t(d) && l.optionIconKey ? (o(), n("div", E, [
-            v(r.$slots, "icon-start", {}, () => [
-              i(t(c), {
-                type: l.optionIconType,
-                name: t(d)[l.optionIconKey],
+          ])) : i("", !0),
+          c.$slots["icon-start"] || l(d) && t.optionIconKey ? (o(), n("div", E, [
+            O(c.$slots, "icon-start", {}, () => [
+              s(l(r), {
+                type: t.optionIconType,
+                name: l(d)[t.optionIconKey],
                 size: "20px"
               }, null, 8, ["type", "name"])
             ], !0)
-          ])) : s("", !0),
-          i(t($), h({ variant: "button" }, t(y)[t(u).BUTTON_CONTENT], { class: "displayed-value" }), {
-            default: T(() => [
+          ])) : i("", !0),
+          s(l($), h({ variant: "button" }, l(y)[l(u).BUTTON_CONTENT], { class: "displayed-value" }), {
+            default: v(() => [
               a("div", P, [
-                t(m) === f ? (o(), n("span", R, [
-                  i(t(c), {
+                l(m) === f ? (o(), n("span", R, [
+                  s(l(r), {
                     name: "cube",
                     size: "20px",
                     type: "fill"
                   })
-                ])) : s("", !0),
+                ])) : i("", !0),
                 a("div", U, [
-                  a("div", L, B(t(m)), 1),
-                  l.mandatory ? (o(), n("span", M, "*")) : s("", !0)
+                  a("div", L, B(l(m)), 1),
+                  t.mandatory && (Array.isArray(t.selectedOption) ? !t.selectedOption.length : !t.selectedOption) ? (o(), n("span", M, "*")) : i("", !0)
                 ])
               ])
             ]),
@@ -107,25 +107,25 @@ const w = { class: "app-trigger--content" }, S = {
           }, 16)
         ]),
         a("div", null, [
-          i(t(c), {
+          s(l(r), {
             name: "caret-down",
             size: "20px",
             class: "app-trigger--icon"
           })
         ])
       ], 16),
-      l.valueToCopy ? (o(), n("div", {
+      t.valueToCopy ? (o(), n("div", {
         key: 0,
         class: "app-trigger-key",
         onClick: b
       }, [
-        i(t(K), {
-          text: l.valueToCopy,
+        s(l(K), {
+          text: t.valueToCopy,
           header: "App key"
         }, {
-          default: T(() => [
+          default: v(() => [
             a("div", W, [
-              i(t(c), {
+              s(l(r), {
                 name: "copy",
                 size: "20px"
               })
@@ -133,7 +133,7 @@ const w = { class: "app-trigger--content" }, S = {
           ]),
           _: 1
         }, 8, ["text"])
-      ])) : s("", !0)
+      ])) : i("", !0)
     ], 2));
   }
 });

package/components/dropdown/v4/ChipDropdownTrigger.vue.js

@@ -1,7 +1,7 @@
 import o from "./ChipDropdownTrigger.vue2.js";
 /* empty css                          */import e from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_c38e97df_lang.css"; //*');
-const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-c38e97df"]]);
+// import "../../../ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_c859928d_lang.css"; //*');
+const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-c859928d"]]);
 export {
   s as default
 };

package/components/dropdown/v4/ChipDropdownTrigger.vue2.js

@@ -1,4 +1,4 @@
- import "../../../ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_c38e97df_lang.css"; import { defineComponent as V, ref as b, computed as p, openBlock as _, createElementBlock as C, mergeProps as s, unref as t, createElementVNode as c, createVNode as d, withCtx as w, createTextVNode as k, toDisplayString as v, withDirectives as u, vShow as f, withModifiers as x } from "vue";
+ import "../../../ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_c859928d_lang.css"; import { defineComponent as V, ref as b, computed as p, openBlock as _, createElementBlock as C, mergeProps as s, unref as t, createElementVNode as c, createVNode as d, withCtx as w, createTextVNode as k, toDisplayString as v, withDirectives as u, vShow as f, withModifiers as x } from "vue";
 import m from "../../icon/v4/IconV4.vue.js";
 import A from "../../typography/v4/Typography.vue.js";
 import { DropdownTestIdModifiers as o } from "../../../testids/index.js";

package/components/dropdown/v4/DefaultDropdownTrigger.vue.d.ts

@@ -21,6 +21,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     optionImageKey?: string;
     optionIconKey?: string;
     optionIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+    statusDotType?: "default" | "disabled" | "success" | "warning" | "error" | "archive";
 }>, {
     placeholder: string;
     selectedOption: any;
@@ -43,6 +44,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     optionImageKey: any;
     optionIconKey: any;
     optionIconType: any;
+    statusDotType: any;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: () => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
@@ -68,6 +70,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     optionImageKey?: string;
     optionIconKey?: string;
     optionIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+    statusDotType?: "default" | "disabled" | "success" | "warning" | "error" | "archive";
 }>, {
     placeholder: string;
     selectedOption: any;
@@ -90,6 +93,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     optionImageKey: any;
     optionIconKey: any;
     optionIconType: any;
+    statusDotType: any;
 }>>> & {
     onClick?: () => any;
 }, {
@@ -114,6 +118,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     hoverHelpTextPlacement: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
     feedbackText: string;
     feedbackVariant: "success" | "warning" | "error";
+    statusDotType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
 }>, {
     image?(_: {}): any;
     "icon-start"?(_: {}): any;

package/components/dropdown/v4/DefaultDropdownTrigger.vue.js

@@ -1,7 +1,7 @@
 import o from "./DefaultDropdownTrigger.vue2.js";
 /* empty css                             */import e from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_06dcfe6d_lang.css"; //*');
-const d = /* @__PURE__ */ e(o, [["__scopeId", "data-v-06dcfe6d"]]);
+// import "../../../DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_5fa01c78_lang.css"; //*');
+const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-5fa01c78"]]);
 export {
-  d as default
+  p as default
 };