@ironsource/shared-ui 2.2.0-rc.48 → 2.2.0-rc.50

package/ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_38354f10_lang.css

@@ -0,0 +1 @@
+.chip-trigger[data-v-38354f10]{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-38354f10]:hover{border-color:var(--action-active);background:var(--action-selected)}.chip-trigger.active[data-v-38354f10]{border:none;background:var(--primary-light);padding:.375rem .375rem .375rem .5rem}.chip-trigger.active .chip-trigger--content[data-v-38354f10]{color:var(--primary-contrast-text)}.chip-trigger.active[data-v-38354f10]:hover{border:.0625rem solid var(--primary-main-50-p);padding:.3125rem .3125rem .3125rem .4375rem}.chip-trigger.open[data-v-38354f10]{border:.125rem solid var(--action-active);padding:.25rem .25rem .25rem .375rem;background:var(--action-selected)}.chip-trigger.open.active[data-v-38354f10]{border:.125rem solid var(--primary-main-50-p);background:var(--primary-light);padding:.25rem .25rem .25rem .375rem}.chip-trigger.disabled[data-v-38354f10]{cursor:auto}.chip-trigger--content[data-v-38354f10]{color:var(--text-primary);display:flex;width:100%}.chip-trigger--content .x-circle-wrapper[data-v-38354f10]{margin-left:4px;color:var(--primary-dark)}.chip-trigger--content .x-circle-wrapper[data-v-38354f10]:hover{color:var(--primary-darker)}.chip-trigger--text[data-v-38354f10]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left;width:100%}.chip-trigger--suffix[data-v-38354f10]{white-space:nowrap}.chip-trigger--icon[data-v-38354f10]{margin-left:4px;color:var(--action-active)}

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/DateRangeV4.vue_vue_type_style_index_0_scoped_f8826716_lang.css

@@ -0,0 +1 @@
+.label[data-v-f8826716]{color:#41454d}.pop-up[data-v-f8826716]{width:668px;position:absolute;z-index:1000;top:32px;left:1px;overflow:hidden;border-radius:8px;border:1px solid var(--common-divider, #e4e4e4);background:var(--background-modelElevation, #fff);box-shadow:var(--elevation-lg)}.pop-up.open-on-top[data-v-f8826716]{top:0}.pop-up.hide-presets[data-v-f8826716],.pop-up.hide-presets .calendar-wrap[data-v-f8826716]{width:520px}.pop-up.hide-presets .date-picker-calendar[data-v-f8826716]{padding:15px 16px}.pop-up .date-picker-menu[data-v-f8826716]{width:164px;background:#ffffff;vertical-align:top;border-right:1px solid var(--common-divider-elevation-0, #e4e4e4);background:var(--background-paper, #fcfcfc)}.pop-up .date-picker-menu .preset-element[data-v-f8826716]{padding-left:8px;height:32px;border-radius:8px;color:var(--text-primary, #202020);line-height:32px}.pop-up .date-picker-menu .preset-element[data-v-f8826716]:hover{background:var(--action-hover, rgba(0, 0, 0, .05))}.pop-up .date-picker-menu .selected-preset[data-v-f8826716]{border-radius:8px;background:var(--action-selected, #ebebeb)}.pop-up .date-picker-menu li[data-v-f8826716]{cursor:pointer;margin-bottom:2px}.pop-up .left-box[data-v-f8826716]{left:-1px}.pop-up .date-picker-calendar[data-v-f8826716]{box-sizing:border-box;height:100%;padding:16px;display:grid;grid-template-columns:1fr 1fr;grid-gap:24px}.pop-up .calendars-wrapper[data-v-f8826716]{padding-left:6px}.pop-up .preset-dropdown ul[data-v-f8826716]{list-style:none;margin:0;padding:8px;line-height:32px}.pop-up .buttons-cover[data-v-f8826716]{height:48px;position:absolute;bottom:0;width:100%;right:0;box-sizing:border-box;border-top:1px solid var(--common-divider-elevation-0, #e4e4e4);background:var(--background-modelElevation, #fff);align-items:center;display:flex;justify-content:space-between;padding:12px 16px}.pop-up .buttons-cover .text-container[data-v-f8826716]{flex:1;color:var(--text-secondary, #646464)}.pop-up button[data-v-f8826716]{float:right;margin-left:8px}.pop-up .error[data-v-f8826716]{display:none;position:absolute;left:270px;top:22px}.pop-up .inline-block[data-v-f8826716]{display:inline-block}.pop-up.right[data-v-f8826716]{left:initial;right:1px}.calendar-wrap[data-v-f8826716]{width:504px;height:372px;position:relative;border-bottom-right-radius:8px;border-top-right-radius:8px;vertical-align:top}.type-picker[data-v-f8826716]{height:60px;line-height:60px;padding-left:15px;box-shadow:0 1px 3px #0000003b}.range-type[data-v-f8826716]{color:#8e959d;padding-left:15px;padding-right:15px;cursor:pointer}.selected-range-type[data-v-f8826716]{color:#fff;background-color:#3083ff;border-radius:20px;padding:6px 15px;cursor:default}.date-range-field[data-v-f8826716]{display:inline-block;width:100%;height:28px;position:relative;cursor:pointer;border-radius:3px}.date-range-field.selected-item-as-title[data-v-f8826716]{left:0;border:none;background-image:none;max-width:100%;height:22px;color:#3083ff;overflow:visible}.date-range-field.selected-item-as-title .small-triangle[data-v-f8826716]{right:-25px}.date-range-field.selected-item-as-title .small-triangle[data-v-f8826716]:after{border-top-color:currentColor}.date-range-field.selected-item-as-title span[data-v-f8826716]{padding-left:12px}.date-range-field.no-button-limit[data-v-f8826716]{overflow:visible}.date-range-field.no-button-limit span[data-v-f8826716]{width:100%;line-height:22px}.date-range-field span[data-v-f8826716]{line-height:26px;padding-left:15px;overflow:hidden;text-overflow:ellipsis;display:inline-block;width:calc(100% - 26px);white-space:nowrap;position:relative}.date-range-disabled .date-range-field[data-v-f8826716]{cursor:default;color:#8e959d;pointer-events:none}.date-range-disabled .small-triangle[data-v-f8826716]:after{border-top-color:#8e959d}.pop-up-content[data-v-f8826716]{margin-top:1px}.type-message[data-v-f8826716]{color:#8e959d;padding:10px 20px;line-height:1.5}.relative-wrap[data-v-f8826716]{position:relative}.space-right[data-v-f8826716]{margin-right:13px}.space-left[data-v-f8826716]{margin-left:9px}.top-date[data-v-f8826716]{line-height:13px}.flex[data-v-f8826716]{display:flex}

package/DropdownV4.vue_vue_type_style_index_0_scoped_526bf0a1_lang.css

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

package/FieldLabel.vue_vue_type_style_index_0_scoped_921d4087_lang.css

@@ -0,0 +1 @@
+.field-label[data-v-921d4087]{flex-grow:1;white-space:nowrap;display:flex;align-items:center;color:var(--text-primary);height:var(--spacing-200);margin-bottom:var(--spacing-50);width:100%}.field-label--with-description[data-v-921d4087]{margin-bottom:2px}.description[data-v-921d4087]{color:var(--text-secondary);display:flex;height:var(--spacing-250);align-items:center;margin-bottom:var(--spacing-50)}.label[data-v-921d4087]{color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;text-wrap:nowrap}.field-label--disabled .label[data-v-921d4087]{color:var(--text-disabled)}.mandatory[data-v-921d4087]{font-weight:400;margin-left:var(--spacing-50);color:var(--error-main);position:relative;top:2px;line-height:var(--spacing-200)}.info-icon[data-v-921d4087]{margin-left:var(--spacing-50);color:var(--action-active)}.info-icon[data-v-921d4087]:hover{color:var(--action-primary)}.info-icon.clickable-icon[data-v-921d4087]{cursor:pointer}

package/HelpText.vue_vue_type_style_index_0_scoped_641c2356_lang.css

@@ -0,0 +1 @@
+.help-text[data-v-641c2356]{color:var(--text-primary)}.help-text--secondary[data-v-641c2356]{color:var(--text-secondary)}.help-text--primary[data-v-641c2356]{color:var(--primary-main)}.help-text--disabled[data-v-641c2356]{color:var(--text-disabled)}.underlined[data-v-641c2356]{background-image:linear-gradient(to left,currentColor 50%,transparent 0%);background-position:0 100%;background-size:4px 1px;background-repeat:repeat-x}

package/IconButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_99e51ecc_lang.css

@@ -0,0 +1 @@
+div[data-v-99e51ecc]{display:block}

package/InlineCopy.vue_vue_type_style_index_0_scoped_9fa1921a_lang.css

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

package/Link.vue_vue_type_style_index_0_scoped_fe0e7f6f_lang.css

@@ -0,0 +1 @@
+.link[data-v-fe0e7f6f]{cursor:pointer;color:var(--primary-main);display:inline-flex;align-items:center;gap:var(--spacing-50)}.link[data-v-fe0e7f6f]:hover{color:var(--primary-dark)}.link--default[data-v-fe0e7f6f]{color:var(--text-secondary)}.link--default[data-v-fe0e7f6f]:hover{color:var(--text-primary)}.link--disabled[data-v-fe0e7f6f]{color:var(--text-disabled);pointer-events:none}

package/OptionV4.vue_vue_type_style_index_0_scoped_771e1980_lang.css

@@ -0,0 +1 @@
+.label[data-v-771e1980]{color:#41454d}.item-container[data-v-771e1980]{width:100%;display:flex;align-items:center;cursor:pointer;border-radius:var(--border-radius-lg);margin-bottom:.25rem;color:var(--text-primary);padding:6px 8px}.item-container--disabled[data-v-771e1980]{cursor:not-allowed;color:var(--text-disabled)}.item-container--disabled .item .start-icon[data-v-771e1980],.item-container--disabled .item .end-icon[data-v-771e1980],.item-container--disabled .item .end-text-icon[data-v-771e1980]{color:var(--text-disabled)}.item-container--disabled .item .image img[data-v-771e1980]{opacity:.5}.item-container[data-v-771e1980]:hover:not(.item-container--disabled){background-color:var(--action-hover)}.item-container--active[data-v-771e1980],.item-container[data-v-771e1980]:active{background-color:var(--action-selected)}.item-container:not(.item-container--multi).item-container--selected[data-v-771e1980]{background-color:var(--action-selected)}.item-container--filtered-out[data-v-771e1980]{color:var(--text-disabled)}.subtitle[data-v-771e1980]{color:#7b838c;line-height:1rem}.clear-button[data-v-771e1980]{display:flex;padding:0 4px;color:#7b838c;align-items:center;height:auto;background-image:none;min-width:auto;border:none;background-color:transparent}.clear-button[data-v-771e1980]:hover{color:#3083ff}.item[data-v-771e1980]{width:100%;display:flex;gap:.5rem;align-items:center}.item--with-icon[data-v-771e1980],.item--multi[data-v-771e1980]{display:flex;flex-direction:row;align-items:center;justify-content:start}.item .image[data-v-771e1980]{width:20px;height:20px;flex:none}.item .image img[data-v-771e1980]{width:20px;height:20px;border-radius:4px}.item .flag[data-v-771e1980]{width:16px;height:16px}.item .flag img[data-v-771e1980]{width:16px;height:16px;border-radius:50%}.item .start-icon[data-v-771e1980],.item .end-icon[data-v-771e1980]{display:flex;color:var(--action-active)}.item .end-text-icon[data-v-771e1980]{display:inline-flex}.item .option-text[data-v-771e1980]{line-height:1.1875rem}.text-container[data-v-771e1980]{width:100%;text-overflow:ellipsis;overflow:hidden}.v4-tooltip.tooltip-option[data-v-771e1980]{display:block}.tooltip-option[data-v-771e1980] .container{width:100%}.app-trigger--icon[data-v-771e1980]{color:var(--action-active);transform:rotate(-90deg);transition:transform .2s}.app-trigger--icon.expanded[data-v-771e1980]{transform:rotate(0)}.option-warning[data-v-771e1980]{display:flex}.option-warning__icon[data-v-771e1980]{color:var(--warning-main)}.option-content[data-v-771e1980]{display:flex}.option-content[data-v-771e1980]:not(.option-content-vertical){gap:.5rem;align-items:center}.option-content-horizontal[data-v-771e1980]{justify-content:space-between;gap:.5rem}.option-content-vertical[data-v-771e1980]{flex-direction:column}.option-text .main-text[data-v-771e1980]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left}.option-text .main-text .conditional-option-label[data-v-771e1980]{color:var(--text-secondary);display:inline-flex}.option-text .main-text .conditional-option-value[data-v-771e1980]{margin-left:4px;display:inline-flex;color:var(--primary-main)}.option-text .caption-text[data-v-771e1980]{color:var(--text-secondary)}.multiline-tooltip[data-v-771e1980]{display:flex;flex-direction:column}

package/README.md

@@ -1,6 +1,6 @@
 Shared UI - VUE3 components library
 
-## Usage
+## Usage 
 
 ```
 npm i @ironsource/shared-ui
@@ -12,7 +12,7 @@ Then import the component in your Vue app:
 import Button from '@ironsource/shared-ui/button';
 ```
 
-## Release flow
+## Release flow 
 
 ### Pre-release
 

package/SearchV4.vue_vue_type_style_index_0_scoped_d6c42f4b_lang.css

@@ -0,0 +1 @@
+.search-container[data-v-d6c42f4b]{position:relative}.search-container[data-v-d6c42f4b] .input-container input.input{padding-right:15px}.x-circle-wrapper[data-v-d6c42f4b]{width:1rem;height:1rem;color:var(--action-active);cursor:pointer;position:absolute;top:.375rem;right:.3125rem}.x-circle-wrapper[data-v-d6c42f4b]:hover{color:var(--text-primary)}

package/TabsV4.vue_vue_type_style_index_0_scoped_f9433b11_lang.css

@@ -0,0 +1 @@
+.tabs-list[data-v-f9433b11]{position:relative;padding:0;margin:0}.tabs-list--page[data-v-f9433b11]{border-bottom:1px solid var(--common-divider);box-sizing:border-box}.tabs-list--page .tab-item[data-v-f9433b11]{padding:0;margin-right:var(--spacing-200);min-height:calc(var(--spacing-600) - 1px)}.tabs-list--page .tabs-border-line[data-v-f9433b11]{margin-top:-1px}.tabs-border-line[data-v-f9433b11]{left:var(--167b065e);width:var(--8cfadb62);border-bottom:2px solid var(--primary-main);transition:left .2s ease-in-out,width .2s;position:absolute;margin-top:-2px}.tab-item[data-v-f9433b11]{display:inline-flex;flex-direction:row;justify-content:center;align-items:center;color:var(--action-active);gap:var(--spacing-100);vertical-align:middle;padding:0 var(--spacing-300);min-height:var(--spacing-600)}.tab-item[data-v-f9433b11]:hover{cursor:pointer;color:var(--text-primary)}.tab-item--active[data-v-f9433b11]{color:var(--text-primary)}.tab-item--disabled[data-v-f9433b11]{color:var(--action-disabled);cursor:not-allowed;pointer-events:none}

package/TextField.vue_vue_type_style_index_0_scoped_28fab783_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-28fab783],.font-chart-2[data-v-28fab783],.font-chart-1[data-v-28fab783]{font-family:Inter,sans-serif;font-weight:700}.font-chip-label[data-v-28fab783],.font-table-label[data-v-28fab783],.font-button[data-v-28fab783],.font-heading-6[data-v-28fab783],.font-heading-5[data-v-28fab783],.font-heading-4[data-v-28fab783],.font-heading-3[data-v-28fab783],.font-heading-2[data-v-28fab783],.font-heading-1[data-v-28fab783],.font-title[data-v-28fab783]{font-family:Inter,sans-serif;font-weight:600}.font-tab-label1[data-v-28fab783],.font-input-label[data-v-28fab783],.font-overline[data-v-28fab783],.font-subtitle-2[data-v-28fab783],.font-subtitle-1[data-v-28fab783]{font-family:Inter,sans-serif;font-weight:500}.font-caption[data-v-28fab783],.font-body-2[data-v-28fab783],.input-container .input[data-v-28fab783],.font-body-1[data-v-28fab783]{font-family:Inter,sans-serif;font-weight:400}.font-title[data-v-28fab783]{font-size:2.5rem;line-height:3rem;letter-spacing:-.055rem}.font-heading-1[data-v-28fab783]{font-size:1.5rem;line-height:1.75rem;letter-spacing:-.0285rem}.font-heading-2[data-v-28fab783]{font-size:1.125rem;line-height:1.75rem;letter-spacing:-.01575rem}.font-heading-3[data-v-28fab783]{font-size:1rem;line-height:1.5rem;letter-spacing:-.011rem}.font-heading-4[data-v-28fab783]{font-size:.875rem;line-height:1rem;letter-spacing:unset}.font-heading-5[data-v-28fab783]{font-size:.8125rem;line-height:16px;letter-spacing:unset}.font-heading-6[data-v-28fab783]{font-size:.75rem;line-height:.75rem;letter-spacing:0}.input-container .input[data-v-28fab783],.font-body-1[data-v-28fab783]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-body-2[data-v-28fab783]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-subtitle-1[data-v-28fab783]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-subtitle-2[data-v-28fab783]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-chart-1[data-v-28fab783]{font-size:1.5rem;line-height:1.5rem;letter-spacing:-.015rem}.font-chart-2[data-v-28fab783]{font-size:1.25rem;line-height:1.25rem;letter-spacing:-.0125rem}.font-button[data-v-28fab783]{font-size:.875rem;line-height:1.25rem;letter-spacing:.00875rem}.font-overline[data-v-28fab783]{font-size:.75rem;line-height:1rem;letter-spacing:.045rem;text-transform:uppercase}.font-caption[data-v-28fab783]{font-size:.75rem;line-height:1rem}.font-table-label[data-v-28fab783]{font-size:.8125rem;line-height:1.25rem;letter-spacing:.00813rem}.font-input-label[data-v-28fab783]{font-size:.8125rem;line-height:1rem;letter-spacing:.00813rem}.font-tab-label1[data-v-28fab783],.font-tab-label2[data-v-28fab783]{font-size:.875rem;line-height:1rem}.font-chip-label[data-v-28fab783]{font-size:.75rem;line-height:1rem}h1[data-v-28fab783],h2[data-v-28fab783],h3[data-v-28fab783],h4[data-v-28fab783],h5[data-v-28fab783],h6[data-v-28fab783]{margin:0}.disabled .input[data-v-28fab783]::placeholder{color:var(--text-disabled)}.disabled .input-container[data-v-28fab783]{cursor:no-drop;background-color:var(--action-disabled-background)}.disabled .input-container[data-v-28fab783]:hover{outline:1px solid var(--action-outlined-border);background-color:var(--action-disabled-background)}.input-size-small[data-v-28fab783]{height:28px}.input-size-medium[data-v-28fab783]{height:32px}.input-size-large[data-v-28fab783]{height:40px}.input-with-label-container[data-v-28fab783]{display:flex;flex-direction:column}.input-container[data-v-28fab783]{flex-grow:2;display:flex;flex-direction:row;align-items:center;border-radius:var(--border-radius-md);background:var(--background-inset);outline:1px solid var(--action-outlined-border);outline-offset:-1px;padding:0 var(--spacing-100);position:relative;gap:var(--spacing-50)}.input-container[data-v-28fab783]:hover{outline:1px solid var(--action-active);background-color:var(--action-hover)}.input-container .input[data-v-28fab783]{padding:0;width:100%;border:none;background:transparent;color:var(--text-primary);line-height:normal}.input-container .input[data-v-28fab783]:focus{outline:none}.input-container .input[data-v-28fab783]:disabled{color:var(--text-disabled);cursor:no-drop}.input-container .input.view-only[data-v-28fab783]{color:var(--text-disabled)}.input-container .input[type=number][data-v-28fab783]::-webkit-inner-spin-button{opacity:.7;transform:scale(1.1)}.input-container .hide-arrows.input[type=number][data-v-28fab783]::-webkit-inner-spin-button,.input-container .hide-arrows.input[type=number][data-v-28fab783]::-webkit-outer-spin-button{margin:0;-webkit-appearance:none;appearance:none}.input-container .input[type=password][data-v-28fab783]{letter-spacing:4px}.input-container[data-v-28fab783] ::placeholder{color:var(--text-secondary);letter-spacing:normal}.input-container .label-inside[data-v-28fab783]::placeholder{color:var(--text-primary)}.input-container .icon-container[data-v-28fab783]{display:flex;align-items:center;color:var(--text-secondary)}.input-container .icon-before[data-v-28fab783]{padding-right:var(--spacing-50)}.input-container .icon-after[data-v-28fab783]{padding-left:var(--spacing-50)}.prefix-text[data-v-28fab783]{color:var(--text-secondary, #646464);margin-right:var(--spacing-50)}.suffix-text[data-v-28fab783]{color:var(--text-secondary, #646464)}.focused[data-v-28fab783],.focused[data-v-28fab783]:hover{background-color:var(--action-hover);outline:2px solid var(--primary-main);outline-offset:-2px}.error-icon.error-icon[data-v-28fab783],.error-icon.error-icon[data-v-28fab783]:hover{color:var(--error-main)}.label-direction-left[data-v-28fab783]{flex-direction:row;align-items:center;justify-content:space-between}.apply-button[data-v-28fab783]{cursor:pointer;color:var(--default-contrast-text);width:var(--spacing-250);height:var(--spacing-250)}.inline-error[data-v-28fab783]{cursor:pointer;color:var(--error-main);display:flex;justify-content:center;align-items:center}.footer[data-v-28fab783]{display:flex;justify-content:flex-end;margin-top:var(--spacing-50)}.footer.footer-absolute[data-v-28fab783]{position:absolute;bottom:calc(0px - var(--spacing-300))}.password-visibility-toggle[data-v-28fab783]{cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.clear-button[data-v-28fab783]{color:var(--action-active);cursor:pointer}.clear-button[data-v-28fab783]:hover{color:var(--text-primary)}.loading-indicator[data-v-28fab783]{width:16px;height:16px;color:var(--action-active)}.loading-indicator[data-v-28fab783] circle{stroke:var(--action-active)}.variant-success .input-container[data-v-28fab783],.variant-success .input-container[data-v-28fab783]:hover{outline:2px solid var(--success-dark)}.variant-error .input-container[data-v-28fab783],.variant-error .input-container[data-v-28fab783]:hover{outline:2px solid var(--error-main)}.variant-warning .input-container[data-v-28fab783],.variant-warning .input-container[data-v-28fab783]:hover{outline:2px solid var(--warning-dark)}

package/ToggleV4.vue_vue_type_style_index_0_scoped_a4aa32fb_lang.css

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

package/TooltipV4.vue_vue_type_style_index_0_scoped_a8aebfee_lang.css

@@ -0,0 +1 @@
+div[data-v-a8aebfee]{display:block}

package/components/autocomplete/index.d.ts

@@ -104,6 +104,10 @@ declare const AutocompleteTypes: () => ({
                 type: import("vue").PropType<(option: any, term: string) => boolean>;
                 default: any;
             };
+            displayValue: {
+                type: import("vue").PropType<(option: unknown) => string>;
+                required: true;
+            };
             optionNameKey: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -112,10 +116,6 @@ declare const AutocompleteTypes: () => ({
                 type: import("vue").PropType<string>;
                 default: any;
             };
-            displayValue: {
-                type: import("vue").PropType<(option: unknown) => string>;
-                required: true;
-            };
         }>> & {
             "onUpdate:modelValue"?: (value: string | number) => any;
         } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "testId" | "disabled" | "size" | "mandatory" | "modelValue" | "hoverHelpText" | "hoverHelpTextPlacement" | "maxLength" | "placeholder" | "labelDirection" | "maxLengthCounterPosition" | "inlineError" | "inlineErrorText" | "feedbackText" | "feedbackVariant" | "showFeedbackTextIcon" | "onSearch" | "optionNameKey" | "optionsListWidth">;
@@ -212,6 +212,10 @@ declare const AutocompleteTypes: () => ({
                 type: import("vue").PropType<(option: any, term: string) => boolean>;
                 default: any;
             };
+            displayValue: {
+                type: import("vue").PropType<(option: unknown) => string>;
+                required: true;
+            };
             optionNameKey: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -220,10 +224,6 @@ declare const AutocompleteTypes: () => ({
                 type: import("vue").PropType<string>;
                 default: any;
             };
-            displayValue: {
-                type: import("vue").PropType<(option: unknown) => string>;
-                required: true;
-            };
         }>> & {
             "onUpdate:modelValue"?: (value: string | number) => any;
         }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -349,6 +349,10 @@ declare const AutocompleteTypes: () => ({
             type: import("vue").PropType<(option: any, term: string) => boolean>;
             default: any;
         };
+        displayValue: {
+            type: import("vue").PropType<(option: unknown) => string>;
+            required: true;
+        };
         optionNameKey: {
             type: import("vue").PropType<string>;
             default: string;
@@ -357,10 +361,6 @@ declare const AutocompleteTypes: () => ({
             type: import("vue").PropType<string>;
             default: any;
         };
-        displayValue: {
-            type: import("vue").PropType<(option: unknown) => string>;
-            required: true;
-        };
     }>> & {
         "onUpdate:modelValue"?: (value: string | number) => any;
     } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
@@ -447,6 +447,10 @@ declare const AutocompleteTypes: () => ({
         type: import("vue").PropType<(option: any, term: string) => boolean>;
         default: any;
     };
+    displayValue: {
+        type: import("vue").PropType<(option: unknown) => string>;
+        required: true;
+    };
     optionNameKey: {
         type: import("vue").PropType<string>;
         default: string;
@@ -455,10 +459,6 @@ declare const AutocompleteTypes: () => ({
         type: import("vue").PropType<string>;
         default: any;
     };
-    displayValue: {
-        type: import("vue").PropType<(option: unknown) => string>;
-        required: true;
-    };
 }>> & {
     "onUpdate:modelValue"?: (value: string | number) => any;
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {

package/components/columnPicker/ColumnPicker.vue.d.ts

@@ -76,8 +76,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     testId: string;
     selected: unknown[];
     options: Record<string, unknown>[];
-    noResultsText: string;
     minSelections: number;
+    noResultsText: string;
     searchAutoFocus: boolean;
     searchPlaceholder: string;
     headerText: string;

package/components/columnPicker/index.d.ts

@@ -7,8 +7,8 @@ declare const ColumnPickerTypes: () => ({
             testId: string;
             selected: unknown[];
             options: Record<string, unknown>[];
-            noResultsText: string;
             minSelections: number;
+            noResultsText: string;
             searchAutoFocus: boolean;
             searchPlaceholder: string;
             headerText: string;
@@ -36,14 +36,14 @@ declare const ColumnPickerTypes: () => ({
                 required: true;
                 default: () => any[];
             };
-            noResultsText: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
             minSelections: {
                 type: import("vue").PropType<number>;
                 default: number;
             };
+            noResultsText: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
             searchAutoFocus: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -91,7 +91,7 @@ declare const ColumnPickerTypes: () => ({
         }>> & {
             "onUpdate:selected"?: (value: unknown[]) => any;
             onTrackUserActivity?: (isResetToDefault: boolean, isSearched: boolean, isExpanded: boolean, isCollapse: boolean, status: "Cancel" | "Save") => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "selected" | "options" | "noResultsText" | "minSelections" | "searchAutoFocus" | "searchPlaceholder" | "headerText" | "appendToBody" | "defaultSelection" | "inlineGroupIds" | "idKey" | "displayKey" | "childrenKey" | "disabledKey" | "minSelectionsTooltipMessage">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "selected" | "options" | "minSelections" | "noResultsText" | "searchAutoFocus" | "searchPlaceholder" | "headerText" | "appendToBody" | "defaultSelection" | "inlineGroupIds" | "idKey" | "displayKey" | "childrenKey" | "disabledKey" | "minSelectionsTooltipMessage">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -121,14 +121,14 @@ declare const ColumnPickerTypes: () => ({
                 required: true;
                 default: () => any[];
             };
-            noResultsText: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
             minSelections: {
                 type: import("vue").PropType<number>;
                 default: number;
             };
+            noResultsText: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
             searchAutoFocus: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -183,8 +183,8 @@ declare const ColumnPickerTypes: () => ({
             testId: string;
             selected: unknown[];
             options: Record<string, unknown>[];
-            noResultsText: string;
             minSelections: number;
+            noResultsText: string;
             searchAutoFocus: boolean;
             searchPlaceholder: string;
             headerText: string;
@@ -232,14 +232,14 @@ declare const ColumnPickerTypes: () => ({
             required: true;
             default: () => any[];
         };
-        noResultsText: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
         minSelections: {
             type: import("vue").PropType<number>;
             default: number;
         };
+        noResultsText: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
         searchAutoFocus: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -307,14 +307,14 @@ declare const ColumnPickerTypes: () => ({
         required: true;
         default: () => any[];
     };
-    noResultsText: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
     minSelections: {
         type: import("vue").PropType<number>;
         default: number;
     };
+    noResultsText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     searchAutoFocus: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -369,8 +369,8 @@ declare const ColumnPickerTypes: () => ({
     testId: string;
     selected: unknown[];
     options: Record<string, unknown>[];
-    noResultsText: string;
     minSelections: number;
+    noResultsText: string;
     searchAutoFocus: boolean;
     searchPlaceholder: string;
     headerText: string;

package/components/dateRange/v4/DateRangeV4.vue.js

@@ -1,7 +1,7 @@
 import e from "./DateRangeV4.vue2.js";
 /* empty css                  */import o from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../DateRangeV4.vue_vue_type_style_index_0_scoped_bb44cdf8_lang.css"; //*');
-const a = /* @__PURE__ */ o(e, [["__scopeId", "data-v-bb44cdf8"]]);
+// import "../../../DateRangeV4.vue_vue_type_style_index_0_scoped_f8826716_lang.css"; //*');
+const a = /* @__PURE__ */ o(e, [["__scopeId", "data-v-f8826716"]]);
 export {
   a as default
 };

package/components/dateRange/v4/DateRangeV4.vue2.js

@@ -1,4 +1,4 @@
- import "../../../DateRangeV4.vue_vue_type_style_index_0_scoped_bb44cdf8_lang.css"; import { defineComponent as Q, watch as X, openBlock as n, createElementBlock as i, unref as e, normalizeClass as r, createElementVNode as d, renderSlot as x, createVNode as s, withDirectives as v, Fragment as k, renderList as C, withCtx as l, createTextVNode as m, toDisplayString as g, createCommentVNode as A, vShow as $, normalizeStyle as Z, setBlockTracking as E } from "vue";
+ import "../../../DateRangeV4.vue_vue_type_style_index_0_scoped_f8826716_lang.css"; import { defineComponent as Q, watch as X, openBlock as n, createElementBlock as i, unref as e, normalizeClass as r, createElementVNode as d, renderSlot as x, createVNode as s, withDirectives as v, Fragment as k, renderList as C, withCtx as o, createTextVNode as m, toDisplayString as g, createCommentVNode as A, vShow as $, normalizeStyle as Z, setBlockTracking as E } from "vue";
 import _ from "./CalendarMonthV4.vue.js";
 import { typeToName as ee, messagePerType as te } from "../common/consts.common.js";
 import R from "../../button/v4/ButtonV4.vue.js";
@@ -15,10 +15,10 @@ import ae from "../../dropdown/v4/ButtonFilterDropdownTrigger.vue.js";
 import "../../dropdown/v4/TreeDropdown.vue.js";
 import "../../dropdown/v4/OptionV4.vue.js";
 import "../../dropdown/v4/ConditionalDropdown.vue.js";
-import { DateRangeTestIdModifiers as o, DatePickerTestIdModifiers as de } from "../../../testids/index.js";
+import { DateRangeTestIdModifiers as l, DatePickerTestIdModifiers as de } from "../../../testids/index.js";
 import { dateRangeCommon as ne } from "../common/DateRange.common.js";
 import p from "../../typography/v4/Typography.vue.js";
-const ie = ["id", "data-testid"], se = ["data-testid"], oe = ["id", "data-testid"], le = {
+const ie = ["id", "data-testid"], se = ["data-testid"], le = ["id", "data-testid"], oe = {
   key: 0,
   class: "type-picker"
 }, re = ["onClick"], ue = ["data-testid"], ce = ["id"], me = ["id"], pe = ["onClick"], ye = { class: "dropdown-rightTriangle" }, ge = ["data-testid"], fe = { class: "date-picker-calendar left-box" }, he = { class: "buttons-cover" }, ve = { class: "range" }, ke = { class: "text-container" }, ze = /* @__PURE__ */ Q({
@@ -66,8 +66,8 @@ const ie = ["id", "data-testid"], se = ["data-testid"], oe = ["id", "data-testid
       isOpen: h,
       popup: G,
       currentMonths: y,
-      displayedMonthsKeys: b,
-      changeType: D,
+      displayedMonthsKeys: D,
+      changeType: b,
       presetChanged: K,
       apply: W,
       getNavigation: Y,
@@ -79,18 +79,18 @@ const ie = ["id", "data-testid"], se = ["data-testid"], oe = ["id", "data-testid
     return X(
       () => w.datePresetList,
       () => {
-        D("date", !1);
+        b("date", !1);
       }
     ), (N, u) => (n(), i("div", {
       id: e(S),
       ref_key: "datePicker",
       ref: B,
       class: r(["relative-wrap", { "date-range-disabled": t.disabled }]),
-      "data-testid": `${t.testId}-${e(o).WRAPPER}`
+      "data-testid": `${t.testId}-${e(l).WRAPPER}`
     }, [
       d("div", {
         class: "date-range-field",
-        "data-testid": `${t.testId}-${e(o).TRIGGER}`,
+        "data-testid": `${t.testId}-${e(l).TRIGGER}`,
         onClick: u[0] || (u[0] = (a) => e(P)())
       }, [
         x(N.$slots, "field", {
@@ -115,16 +115,16 @@ const ie = ["id", "data-testid"], se = ["data-testid"], oe = ["id", "data-testid
           t.openOnTop ? "open-on-top" : "",
           t.showPresets ? "" : "hide-presets"
         ]]),
-        "data-testid": `${t.testId}-${e(o).CONTAINER}`
+        "data-testid": `${t.testId}-${e(l).CONTAINER}`
       }, [
-        t.types.length > 1 ? (n(), i("div", le, [
+        t.types.length > 1 ? (n(), i("div", oe, [
           (n(!0), i(k, null, C(t.types, (a) => (n(), i("span", {
             key: a,
             class: r(["range-type", { "selected-range-type": e(f) === a }]),
-            onClick: (c) => e(D)(a, !0)
+            onClick: (c) => e(b)(a, !0)
           }, [
             s(e(p), { variant: "h1" }, {
-              default: l(() => [
+              default: o(() => [
                 m(g(e(ee)[a]), 1)
               ]),
               _: 2
@@ -137,7 +137,7 @@ const ie = ["id", "data-testid"], se = ["data-testid"], oe = ["id", "data-testid
           t.showPresets ? (n(), i("div", {
             key: 0,
             class: "date-picker-menu",
-            "data-testid": `${t.testId}-${e(o).MENU}`
+            "data-testid": `${t.testId}-${e(l).MENU}`
           }, [
             d("div", {
               id: "presets" + t.uniqueId,
@@ -152,16 +152,15 @@ const ie = ["id", "data-testid"], se = ["data-testid"], oe = ["id", "data-testid
                     "selected-preset-container": e(I) === a.id
                   })
                 }, [
-                  d("button", {
-                    type: "button",
+                  d("div", {
                     class: r([{ "selected-preset": e(I) === a.id }, "preset-element"]),
                     onClick: (c) => e(K)(a)
                   }, [
                     s(e(p), {
                       variant: "body2",
-                      "data-testid": `${t.testId}-${e(o).MENU}-${a.id}`
+                      "data-testid": `${t.testId}-${e(l).MENU}-${a.id}`
                     }, {
-                      default: l(() => [
+                      default: o(() => [
                         m(g(a.name), 1)
                       ]),
                       _: 2
@@ -175,7 +174,7 @@ const ie = ["id", "data-testid"], se = ["data-testid"], oe = ["id", "data-testid
             ], 8, ce),
             d("div", {
               class: "type-message",
-              "data-testid": `${t.testId}-${e(o).MESSAGE}`
+              "data-testid": `${t.testId}-${e(l).MESSAGE}`
             }, g(e(te)[e(f)]), 9, ge)
           ], 8, ue)) : A("", !0),
           d("div", {
@@ -183,12 +182,12 @@ const ie = ["id", "data-testid"], se = ["data-testid"], oe = ["id", "data-testid
             style: Z({ height: e(J) ? "336px" : "372px" })
           }, [
             d("div", fe, [
-              (n(!0), i(k, null, C(e(b), (a, c) => (n(), i("div", { key: a }, [
+              (n(!0), i(k, null, C(e(D), (a, c) => (n(), i("div", { key: a }, [
                 s(_, {
                   id: t.uniqueId,
                   navigation: e(Y)(
                     c === 0,
-                    c === e(b).length - 1
+                    c === e(D).length - 1
                   ),
                   year: e(y)[a].parsedMonth.year,
                   days: e(y)[a].parsedMonth.days,
@@ -210,7 +209,7 @@ const ie = ["id", "data-testid"], se = ["data-testid"], oe = ["id", "data-testid
                 ]),
                 d("div", ke, [
                   s(e(p), { variant: "body2" }, {
-                    default: l(() => [
+                    default: o(() => [
                       m("All dates are in UTC")
                     ]),
                     _: 1
@@ -225,12 +224,12 @@ const ie = ["id", "data-testid"], se = ["data-testid"], oe = ["id", "data-testid
                     size: "small",
                     class: "button",
                     color: "primary",
-                    "data-testid": `${t.testId}-${e(o).ACTION_APPLY}`,
+                    "data-testid": `${t.testId}-${e(l).ACTION_APPLY}`,
                     onClick: (a) => e(W)()
                   }, {
-                    default: l(() => [
+                    default: o(() => [
                       s(e(p), { variant: "button" }, {
-                        default: l(() => [
+                        default: o(() => [
                           m("Apply")
                         ]),
                         _: 1
@@ -245,12 +244,12 @@ const ie = ["id", "data-testid"], se = ["data-testid"], oe = ["id", "data-testid
                     color: "default",
                     variant: "outlined",
                     class: "button",
-                    "data-testid": `${t.testId}-${e(o).ACTION_CANCEL}`,
+                    "data-testid": `${t.testId}-${e(l).ACTION_CANCEL}`,
                     onClick: (a) => e(P)()
                   }, {
-                    default: l(() => [
+                    default: o(() => [
                       s(e(p), { variant: "button" }, {
-                        default: l(() => [
+                        default: o(() => [
                           m(" Cancel ")
                         ]),
                         _: 1
@@ -263,7 +262,7 @@ const ie = ["id", "data-testid"], se = ["data-testid"], oe = ["id", "data-testid
             ])
           ], 4)
         ], 2)
-      ], 10, oe), [
+      ], 10, le), [
         [$, e(h)]
       ])
     ], 10, ie));