@ironsource/shared-ui 2.1.6-rc.0 → 2.1.6-rc.10

package/Autocomplete.vue_vue_type_style_index_0_scoped_a7bfd237_lang.css

@@ -0,0 +1 @@
+div[data-v-a7bfd237]{display:block}.autocomplete-dropdown[data-v-a7bfd237]{position:relative}.footer[data-v-a7bfd237]{display:flex;justify-content:flex-end;align-items:center;margin-top:var(--spacing-50)}

package/ButtonV4.vue_vue_type_style_index_0_scoped_8c3b0c3f_lang.css

@@ -0,0 +1 @@
+.button-wrap[data-v-8c3b0c3f]{border-radius:var(--border-radius-md);transition:all .2s ease;padding:0;min-width:auto;background-image:none;box-sizing:border-box;border:0;cursor:pointer}.contained.primary[data-v-8c3b0c3f]{color:var(--primary-button-contrast-text);background:var(--primary-main)}.contained.primary[data-v-8c3b0c3f]:hover{background:var(--primary-darker)}.contained.primary[data-v-8c3b0c3f]:disabled{color:var(--text-disabled);background:var(--action-disabled-background);opacity:1}.contained.primary[data-v-8c3b0c3f]:disabled:hover{cursor:not-allowed}.contained.default[data-v-8c3b0c3f]{color:var(--default-button-contrast-text);background:var(--default-main)}.contained.default[data-v-8c3b0c3f]:hover{background:var(--default-light)}.contained.default[data-v-8c3b0c3f]:disabled{color:var(--text-disabled);background:var(--action-disabled-background);opacity:1}.contained.default[data-v-8c3b0c3f]:disabled:hover{cursor:not-allowed}.contained.danger[data-v-8c3b0c3f]{color:var(--error-button-contrast-text);background:var(--error-main)}.contained.danger[data-v-8c3b0c3f]:hover{background:var(--error-dark)}.contained.danger[data-v-8c3b0c3f]:disabled{color:var(--text-disabled);background:var(--action-disabled-background);opacity:1}.contained.danger[data-v-8c3b0c3f]:disabled:hover{cursor:not-allowed}.contained.info[data-v-8c3b0c3f]{color:var(--info-button-contrast-text);background:var(--info-main)}.contained.info[data-v-8c3b0c3f]:hover{background:var(--info-dark)}.contained.info[data-v-8c3b0c3f]:disabled{color:var(--text-disabled);background:var(--action-disabled-background);opacity:1}.contained.info[data-v-8c3b0c3f]:disabled:hover{cursor:not-allowed}.contained.success[data-v-8c3b0c3f]{color:var(--success-button-contrast-text);background:var(--success-main)}.contained.success[data-v-8c3b0c3f]:hover{background:var(--success-dark)}.contained.success[data-v-8c3b0c3f]:disabled{color:var(--text-disabled);background:var(--action-disabled-background);opacity:1}.contained.success[data-v-8c3b0c3f]:disabled:hover{cursor:not-allowed}.contained.warning[data-v-8c3b0c3f]{color:var(--warning-button-contrast-text);background:var(--warning-main)}.contained.warning[data-v-8c3b0c3f]:hover{background:var(--warning-dark)}.contained.warning[data-v-8c3b0c3f]:disabled{color:var(--text-disabled);background:var(--action-disabled-background);opacity:1}.contained.warning[data-v-8c3b0c3f]:disabled:hover{cursor:not-allowed}.contained.loading[data-v-8c3b0c3f],.contained.loading[data-v-8c3b0c3f]:hover{background:var(--action-disabled-background)}.outlined[data-v-8c3b0c3f]{background:transparent}.outlined.primary[data-v-8c3b0c3f]{color:var(--primary-main);border:1px solid var(--primary-main)}.outlined.primary[data-v-8c3b0c3f]:hover{background:var(--primary-lighter)}.outlined.primary[data-v-8c3b0c3f]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border);opacity:1}.outlined.primary[data-v-8c3b0c3f]:disabled:hover{cursor:not-allowed}.outlined.default[data-v-8c3b0c3f]{color:var(--text-primary);border:1px solid var(--default-outlined-border)}.outlined.default[data-v-8c3b0c3f]:hover{border:1px solid var(--action-active);background:var(--action-hover)}.outlined.default[data-v-8c3b0c3f]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border);opacity:1}.outlined.default[data-v-8c3b0c3f]:disabled:hover{cursor:not-allowed}.outlined.danger[data-v-8c3b0c3f]{color:var(--error-main);border:1px solid var(--error-main)}.outlined.danger[data-v-8c3b0c3f]:hover{background:var(--error-lighter)}.outlined.danger[data-v-8c3b0c3f]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border);opacity:1}.outlined.danger[data-v-8c3b0c3f]:disabled:hover{cursor:not-allowed}.outlined.info[data-v-8c3b0c3f]{color:var(--info-main);border:1px solid var(--info-main)}.outlined.info[data-v-8c3b0c3f]:hover{background:var(--info-lighter)}.outlined.info[data-v-8c3b0c3f]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border);opacity:1}.outlined.info[data-v-8c3b0c3f]:disabled:hover{cursor:not-allowed}.outlined.success[data-v-8c3b0c3f]{color:var(--success-main);border:1px solid var(--success-main)}.outlined.success[data-v-8c3b0c3f]:hover{background:var(--success-lighter)}.outlined.success[data-v-8c3b0c3f]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border);opacity:1}.outlined.success[data-v-8c3b0c3f]:disabled:hover{cursor:not-allowed}.outlined.warning[data-v-8c3b0c3f]{color:var(--warning-darker);border:1px solid var(--warning-darker)}.outlined.warning[data-v-8c3b0c3f]:hover{background:var(--warning-lighter)}.outlined.warning[data-v-8c3b0c3f]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border);opacity:1}.outlined.warning[data-v-8c3b0c3f]:disabled:hover{cursor:not-allowed}.outlined.loading[data-v-8c3b0c3f],.outlined.loading[data-v-8c3b0c3f]:hover{border:1px solid var(--common-divider);background:var(--action-disabled-background)}.text[data-v-8c3b0c3f]{background:transparent}.text.primary[data-v-8c3b0c3f]{color:var(--primary-main)}.text.primary[data-v-8c3b0c3f]:hover{background:var(--primary-lighter)}.text.primary[data-v-8c3b0c3f]:disabled{color:var(--text-disabled);opacity:1;background:transparent}.text.primary[data-v-8c3b0c3f]:disabled:hover{cursor:not-allowed}.text.default[data-v-8c3b0c3f]{color:var(--text-primary)}.text.default[data-v-8c3b0c3f]:hover{background:var(--action-hover)}.text.default[data-v-8c3b0c3f]:disabled{color:var(--text-disabled);opacity:1;background:transparent}.text.default[data-v-8c3b0c3f]:disabled:hover{cursor:not-allowed}.text.danger[data-v-8c3b0c3f]{color:var(--error-main)}.text.danger[data-v-8c3b0c3f]:hover{background:var(--error-lighter)}.text.danger[data-v-8c3b0c3f]:disabled{color:var(--text-disabled);opacity:1;background:transparent}.text.danger[data-v-8c3b0c3f]:disabled:hover{cursor:not-allowed}.text.info[data-v-8c3b0c3f]{color:var(--info-main)}.text.info[data-v-8c3b0c3f]:hover{background:var(--info-lighter)}.text.info[data-v-8c3b0c3f]:disabled{color:var(--text-disabled);opacity:1;background:transparent}.text.info[data-v-8c3b0c3f]:disabled:hover{cursor:not-allowed}.text.success[data-v-8c3b0c3f]{color:var(--success-main)}.text.success[data-v-8c3b0c3f]:hover{background:var(--success-lighter)}.text.success[data-v-8c3b0c3f]:disabled{color:var(--text-disabled);opacity:1;background:transparent}.text.success[data-v-8c3b0c3f]:disabled:hover{cursor:not-allowed}.text.warning[data-v-8c3b0c3f]{color:var(--warning-darker)}.text.warning[data-v-8c3b0c3f]:hover{background:var(--warning-lighter)}.text.warning[data-v-8c3b0c3f]:disabled{color:var(--text-disabled);opacity:1;background:transparent}.text.warning[data-v-8c3b0c3f]:disabled:hover{cursor:not-allowed}.text.loading[data-v-8c3b0c3f],.text.loading[data-v-8c3b0c3f]:hover{border:0;background:transparent}.small[data-v-8c3b0c3f]{padding:2px 6px}.small.outlined[data-v-8c3b0c3f]{padding:1px 5px}.medium[data-v-8c3b0c3f]{padding:4px 8px}.medium.outlined[data-v-8c3b0c3f]{padding:3px 7px}.large[data-v-8c3b0c3f]{padding:6px 8px}.large.outlined[data-v-8c3b0c3f]{padding:5px 7px}.extraLarge[data-v-8c3b0c3f]{padding:10px 12px}.extraLarge.outlined[data-v-8c3b0c3f]{padding:9px 11px}.small[data-v-8c3b0c3f],.medium[data-v-8c3b0c3f],.large[data-v-8c3b0c3f],.extraLarge[data-v-8c3b0c3f]{height:auto}.flex[data-v-8c3b0c3f]{display:flex;align-items:center}.start-icon[data-v-8c3b0c3f]{margin-right:8px}.end-icon[data-v-8c3b0c3f]{margin-left:8px}.loading.with-start-icon .content-with-icon[data-v-8c3b0c3f]{padding-left:22px}.loading.with-end-icon .content-with-icon[data-v-8c3b0c3f]{padding-right:22px}

package/ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_a8fdae89_lang.css

@@ -0,0 +1 @@
+.chip-trigger[data-v-a8fdae89]{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-a8fdae89]:hover{border-color:var(--action-active);background:var(--action-selected)}.chip-trigger.active[data-v-a8fdae89]{border:none;background:var(--primary-light);padding:.375rem .375rem .375rem .5rem}.chip-trigger.active .chip-trigger--content[data-v-a8fdae89]{color:var(--primary-contrast-text)}.chip-trigger.active[data-v-a8fdae89]:hover{border:.0625rem solid var(--primary-main-50-p);padding:.3125rem .3125rem .3125rem .4375rem}.chip-trigger.open[data-v-a8fdae89]{border:.125rem solid var(--action-active);padding:.25rem .25rem .25rem .375rem;background:var(--action-selected)}.chip-trigger.open.active[data-v-a8fdae89]{border:.125rem solid var(--primary-main-50-p);background:var(--primary-light);padding:.25rem .25rem .25rem .375rem}.chip-trigger.disabled[data-v-a8fdae89]{cursor:auto}.chip-trigger--content[data-v-a8fdae89]{color:var(--text-primary);display:flex;column-gap:4px}.chip-trigger--content .x-circle-wrapper[data-v-a8fdae89]{color:var(--primary-dark)}.chip-trigger--content .x-circle-wrapper[data-v-a8fdae89]:hover{color:var(--primary-darker)}.chip-trigger--icon[data-v-a8fdae89]{color:var(--action-active)}

package/DataGrid.vue_vue_type_style_index_0_scoped_c96fba2c_lang.css

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

package/DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_ad524750_lang.css

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

package/DropdownV4.vue_vue_type_style_index_0_scoped_0968078f_lang.css

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

package/FormCard.vue_vue_type_style_index_0_scoped_ef8b4e81_lang.css

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

package/MultiBar.vue_vue_type_style_index_0_scoped_71617643_lang.css

@@ -0,0 +1 @@
+.multi-bar[data-v-71617643]{bottom:var(--spacing-500);width:100%;display:flex;justify-content:center;pointer-events:none;transition:opacity .25s,transform .25s}.multi-bar--left[data-v-71617643]{justify-content:flex-start}.multi-bar--small[data-v-71617643]{height:var(--spacing-600)}.multi-bar--medium[data-v-71617643]{height:var(--spacing-700)}.multi-bar--fixed[data-v-71617643]{position:fixed}.multi-bar--absolute[data-v-71617643]{left:0;right:0;position:absolute}.multi-bar-enter-from[data-v-71617643],.multi-bar-leave-to[data-v-71617643]{opacity:0;transform:translateY(var(--spacing-500))}.multi-bar-panel[data-v-71617643]{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-71617643]{color:var(--action-active);margin-right:var(--spacing-100)}.count-text[data-v-71617643]{color:var(--text-secondary);margin-right:var(--spacing-500);white-space:nowrap}.action-button[data-v-71617643]{margin-right:4px}.action-button--last[data-v-71617643]{margin-right:0}

package/SearchV4.vue_vue_type_style_index_0_scoped_a468fb4a_lang.css

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

package/TextAreaV4.vue_vue_type_style_index_0_scoped_8199b662_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-8199b662],.font-chart-2[data-v-8199b662],.font-chart-1[data-v-8199b662]{font-family:Inter,sans-serif;font-weight:700}.font-chip-label[data-v-8199b662],.font-table-label[data-v-8199b662],.font-button[data-v-8199b662],.font-heading-6[data-v-8199b662],.font-heading-5[data-v-8199b662],.font-heading-4[data-v-8199b662],.font-heading-3[data-v-8199b662],.font-heading-2[data-v-8199b662],.font-heading-1[data-v-8199b662],.font-title[data-v-8199b662]{font-family:Inter,sans-serif;font-weight:600}.font-tab-label1[data-v-8199b662],.font-input-label[data-v-8199b662],.font-overline[data-v-8199b662],.font-subtitle-2[data-v-8199b662],.font-subtitle-1[data-v-8199b662]{font-family:Inter,sans-serif;font-weight:500}.font-caption[data-v-8199b662],.font-body-2[data-v-8199b662],.textarea[data-v-8199b662],.font-body-1[data-v-8199b662]{font-family:Inter,sans-serif;font-weight:400}.font-title[data-v-8199b662]{font-size:2.5rem;line-height:3rem;letter-spacing:-.055rem}.font-heading-1[data-v-8199b662]{font-size:1.5rem;line-height:1.75rem;letter-spacing:-.0285rem}.font-heading-2[data-v-8199b662]{font-size:1.125rem;line-height:1.75rem;letter-spacing:-.01575rem}.font-heading-3[data-v-8199b662]{font-size:1rem;line-height:1.5rem;letter-spacing:-.011rem}.font-heading-4[data-v-8199b662]{font-size:.875rem;line-height:1rem;letter-spacing:unset}.font-heading-5[data-v-8199b662]{font-size:.8125rem;line-height:16px;letter-spacing:unset}.font-heading-6[data-v-8199b662]{font-size:.75rem;line-height:.75rem;letter-spacing:0}.textarea[data-v-8199b662],.font-body-1[data-v-8199b662]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-body-2[data-v-8199b662]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-subtitle-1[data-v-8199b662]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-subtitle-2[data-v-8199b662]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-chart-1[data-v-8199b662]{font-size:1.5rem;line-height:1.5rem;letter-spacing:-.015rem}.font-chart-2[data-v-8199b662]{font-size:1.25rem;line-height:1.25rem;letter-spacing:-.0125rem}.font-button[data-v-8199b662]{font-size:.875rem;line-height:1.25rem;letter-spacing:.00875rem}.font-overline[data-v-8199b662]{font-size:.75rem;line-height:1rem;letter-spacing:.045rem;text-transform:uppercase}.font-caption[data-v-8199b662]{font-size:.75rem;line-height:1rem}.font-table-label[data-v-8199b662]{font-size:.8125rem;line-height:1.25rem;letter-spacing:.00813rem}.font-input-label[data-v-8199b662]{font-size:.8125rem;line-height:1rem;letter-spacing:.00813rem}.font-tab-label1[data-v-8199b662],.font-tab-label2[data-v-8199b662]{font-size:.875rem;line-height:1rem}.font-chip-label[data-v-8199b662]{font-size:.75rem;line-height:1rem}h1[data-v-8199b662],h2[data-v-8199b662],h3[data-v-8199b662],h4[data-v-8199b662],h5[data-v-8199b662],h6[data-v-8199b662]{margin:0}.textarea-field[data-v-8199b662]{display:flex;flex-direction:column}.textarea[data-v-8199b662]{flex-grow:1;background:var(--default-main);color:var(--text-primary);padding:var(--spacing-125) var(--spacing-100);height:calc(var(--spacing-900) - 1px);width:100%;border:none;border-radius:var(--border-radius-md);outline:1px solid var(--action-outlined-border)}.textarea[data-v-8199b662]:hover{outline:1px solid var(--action-active)}.textarea[data-v-8199b662]:focus{outline:2px solid var(--primary-main)}.textarea[data-v-8199b662]::placeholder{color:var(--text-secondary)}.textarea--disabled[data-v-8199b662]{color:var(--text-disabled)}.textarea--disabled[data-v-8199b662]::placeholder{color:var(--text-disabled)}.textarea--disabled[data-v-8199b662]:hover{outline:1px solid var(--action-outlined-border)}.textarea--variant-success[data-v-8199b662],.textarea--variant-success[data-v-8199b662]:hover,.textarea--variant-success[data-v-8199b662]:focus{outline:2px solid var(--success-dark)}.textarea--variant-error[data-v-8199b662],.textarea--variant-error[data-v-8199b662]:hover,.textarea--variant-error[data-v-8199b662]:focus{outline:2px solid var(--error-main)}.textarea--variant-warning[data-v-8199b662],.textarea--variant-warning[data-v-8199b662]:hover,.textarea--variant-warning[data-v-8199b662]:focus{outline:2px solid var(--warning-dark)}.textarea-label[data-v-8199b662]{flex-grow:initial}.footer[data-v-8199b662]{display:flex;justify-content:flex-end;align-items:center;margin-top:var(--spacing-50)}

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

package/TooltipV4.vue_vue_type_style_index_0_scoped_25809092_lang.css

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

package/components/autocomplete/Autocomplete.vue.d.ts

@@ -13,6 +13,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     showFeedbackTextIcon?: boolean;
     inlineError?: boolean;
     inlineErrorText?: string;
+    maxLength?: number;
     options: unknown[] | {
         id: string;
         text: string;
@@ -37,6 +38,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     feedbackText: string;
     feedbackVariant: any;
     showFeedbackTextIcon: boolean;
+    maxLength: any;
     onSearch: any;
     optionNameKey: string;
     optionsListWidth: any;
@@ -58,6 +60,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     showFeedbackTextIcon?: boolean;
     inlineError?: boolean;
     inlineErrorText?: string;
+    maxLength?: number;
     options: unknown[] | {
         id: string;
         text: string;
@@ -82,6 +85,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     feedbackText: string;
     feedbackVariant: any;
     showFeedbackTextIcon: boolean;
+    maxLength: any;
     onSearch: any;
     optionNameKey: string;
     optionsListWidth: any;
@@ -96,6 +100,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     testId: string;
     hoverHelpText: string;
     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";
+    maxLength: number;
     modelValue: string | number;
     placeholder: string;
     labelDirection: "top" | "inside";

package/components/autocomplete/Autocomplete.vue.js

@@ -1,7 +1,7 @@
 import o from "./Autocomplete.vue2.js";
 /* empty css                   */import e from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../Autocomplete.vue_vue_type_style_index_0_scoped_429e5745_lang.css"; //*');
-const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-429e5745"]]);
+// import "../../Autocomplete.vue_vue_type_style_index_0_scoped_a7bfd237_lang.css"; //*');
+const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-a7bfd237"]]);
 export {
   s as default
 };

package/components/autocomplete/Autocomplete.vue2.js

@@ -1,5 +1,5 @@
- import "../../Autocomplete.vue_vue_type_style_index_0_scoped_429e5745_lang.css"; import { defineComponent as b, computed as h, ref as s, watchEffect as x, openBlock as y, createBlock as k, unref as r, withCtx as f, createVNode as V, isRef as w, renderSlot as T, normalizeProps as g, guardReactiveProps as F } from "vue";
-import I from "../dropdown/v4/DropdownV4.vue.js";
+ import "../../Autocomplete.vue_vue_type_style_index_0_scoped_a7bfd237_lang.css"; import { defineComponent as w, computed as c, ref as m, watchEffect as T, openBlock as r, createElementBlock as h, Fragment as F, createVNode as v, unref as d, withCtx as x, isRef as L, renderSlot as I, normalizeProps as S, guardReactiveProps as B, createBlock as b, createCommentVNode as f } from "vue";
+import C from "../dropdown/v4/DropdownV4.vue.js";
 import "../dropdown/v4/DefaultDropdownTrigger.vue.js";
 import "../dropdown/v4/IconButtonDropdownTrigger.vue.js";
 import "../dropdown/v4/ChipDropdownTrigger.vue.js";
@@ -7,9 +7,14 @@ import "../dropdown/v4/AppDropdownTrigger.vue.js";
 import "../dropdown/v4/ButtonDropdownTrigger.vue.js";
 import "../dropdown/v4/ButtonFilterDropdownTrigger.vue.js";
 import "../dropdown/v4/OptionV4.vue.js";
-import B from "../input/v4/TextField.vue.js";
-import { useVModel as S } from "@vueuse/core";
-const K = /* @__PURE__ */ b({
+import E from "../input/v4/TextField.vue.js";
+import { useVModel as z } from "@vueuse/core";
+import H from "../shared/FieldHelpText.vue.js";
+import P from "../shared/FieldMaxLength.vue.js";
+const N = {
+  key: 0,
+  class: "footer"
+}, Q = /* @__PURE__ */ w({
   __name: "Autocomplete",
   props: {
     modelValue: { default: "" },
@@ -26,6 +31,7 @@ const K = /* @__PURE__ */ b({
     showFeedbackTextIcon: { type: Boolean, default: !1 },
     inlineError: { type: Boolean, default: !1 },
     inlineErrorText: { default: "" },
+    maxLength: { default: null },
     options: null,
     displayValue: null,
     optionNameKey: { default: "" },
@@ -34,66 +40,82 @@ const K = /* @__PURE__ */ b({
     testId: { default: "" }
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: c }) {
-    const a = e, n = S(a, "modelValue", c), m = (t) => {
-      t !== void 0 && (n.value = a.displayValue(t));
-    }, p = (t, l) => a.displayValue(t).toLowerCase().replace(/\s+/g, "").includes(l.toLowerCase().replace(/\s+/g, "")), d = h(() => {
-      const t = n.value.toString();
-      return (a.options || []).filter((l) => a.displayValue(l) !== t).filter(
-        (l) => a.onSearch !== null ? a.onSearch(l, t) : p(l, t)
+  setup(e, { emit: g }) {
+    const a = e, i = z(a, "modelValue", g), p = (l) => {
+      l !== void 0 && (i.value = a.displayValue(l));
+    }, k = c(() => (i.value || "").length), y = (l, t) => a.displayValue(l).toLowerCase().replace(/\s+/g, "").includes(t.toLowerCase().replace(/\s+/g, "")), u = c(() => {
+      const l = i.value.toString();
+      return (a.options || []).filter(
+        (t) => a.onSearch !== null ? a.onSearch(t, l) : y(t, l)
       );
-    }), o = s(!1), u = s(!1);
-    x(() => {
-      a.disabled ? o.value = !1 : u.value && d.value.length ? o.value = !0 : d.value.length === 0 && (o.value = !1);
+    }), n = m(!1), s = m(!1);
+    T(() => {
+      a.disabled ? n.value = !1 : s.value && u.value.length ? n.value = !0 : u.value.length === 0 && (n.value = !1);
     });
-    const v = () => {
-      a.disabled || !o.value && d.value.length && (o.value = !0);
+    const V = () => {
+      a.disabled || !n.value && u.value.length && (n.value = !0);
     };
-    return (t, l) => (y(), k(r(I), {
-      "is-open": o.value,
-      "onUpdate:is-open": l[3] || (l[3] = (i) => o.value = i),
-      class: "autocomplete-dropdown",
-      "display-value": e.displayValue,
-      options: r(d),
-      "option-name-key": e.optionNameKey,
-      "options-list-width": e.optionsListWidth,
-      disabled: e.disabled,
-      "search-auto-focus": !1,
-      "full-width": !1,
-      "test-id": e.testId,
-      "onUpdate:selected": m
-    }, {
-      "dropdown-trigger": f(() => [
-        V(r(B), {
-          modelValue: r(n),
-          "onUpdate:modelValue": l[0] || (l[0] = (i) => w(n) ? n.value = i : null),
-          class: "autocomplete-field",
-          placeholder: e.placeholder,
-          disabled: e.disabled,
-          size: e.size,
-          label: e.label,
-          "label-direction": e.labelDirection,
-          mandatory: e.mandatory,
-          "hover-help-text": e.hoverHelpText,
-          "hover-help-text-placemen": e.hoverHelpTextPlacement,
-          "test-id": e.testId,
-          "feedback-variant": e.feedbackVariant,
-          "feedback-text": e.feedbackText,
-          "show-feedback-text-icon": e.showFeedbackTextIcon,
-          "inline-error": e.inlineError,
-          "inline-error-text": e.inlineErrorText,
-          onFocusin: l[1] || (l[1] = (i) => u.value = !0),
-          onFocusout: l[2] || (l[2] = (i) => u.value = !1),
-          onClick: v
-        }, null, 8, ["modelValue", "placeholder", "disabled", "size", "label", "label-direction", "mandatory", "hover-help-text", "hover-help-text-placemen", "test-id", "feedback-variant", "feedback-text", "show-feedback-text-icon", "inline-error", "inline-error-text"])
-      ]),
-      default: f((i) => [
-        T(t.$slots, "default", g(F(i)), void 0, !0)
-      ]),
-      _: 3
-    }, 8, ["is-open", "display-value", "options", "option-name-key", "options-list-width", "disabled", "test-id"]));
+    return (l, t) => (r(), h(F, null, [
+      v(d(C), {
+        "is-open": n.value,
+        "onUpdate:is-open": t[3] || (t[3] = (o) => n.value = o),
+        class: "autocomplete-dropdown",
+        "display-value": e.displayValue,
+        options: d(u),
+        "option-name-key": e.optionNameKey,
+        "options-list-width": e.optionsListWidth,
+        disabled: e.disabled,
+        "search-auto-focus": !1,
+        "full-width": !1,
+        "test-id": e.testId,
+        "onUpdate:selected": p
+      }, {
+        "dropdown-trigger": x(() => [
+          v(d(E), {
+            modelValue: d(i),
+            "onUpdate:modelValue": t[0] || (t[0] = (o) => L(i) ? i.value = o : null),
+            class: "autocomplete-field",
+            placeholder: e.placeholder,
+            disabled: e.disabled,
+            size: e.size,
+            label: e.label,
+            "label-direction": e.labelDirection,
+            mandatory: e.mandatory,
+            "hover-help-text": e.hoverHelpText,
+            "hover-help-text-placemen": e.hoverHelpTextPlacement,
+            "test-id": e.testId,
+            "feedback-variant": e.feedbackVariant,
+            "show-feedback-text-icon": e.showFeedbackTextIcon,
+            "inline-error": e.inlineError,
+            "inline-error-text": e.inlineErrorText,
+            maxlength: e.maxLength,
+            onFocusin: t[1] || (t[1] = (o) => s.value = !0),
+            onFocusout: t[2] || (t[2] = (o) => s.value = !1),
+            onClick: V
+          }, null, 8, ["modelValue", "placeholder", "disabled", "size", "label", "label-direction", "mandatory", "hover-help-text", "hover-help-text-placemen", "test-id", "feedback-variant", "show-feedback-text-icon", "inline-error", "inline-error-text", "maxlength"])
+        ]),
+        default: x((o) => [
+          I(l.$slots, "default", S(B(o)), void 0, !0)
+        ]),
+        _: 3
+      }, 8, ["is-open", "display-value", "options", "option-name-key", "options-list-width", "disabled", "test-id"]),
+      e.feedbackText || e.maxLength ? (r(), h("div", N, [
+        e.feedbackText ? (r(), b(H, {
+          key: 0,
+          text: e.feedbackText,
+          variant: e.feedbackVariant,
+          "show-icon": e.showFeedbackTextIcon,
+          "test-id": e.testId
+        }, null, 8, ["text", "variant", "show-icon", "test-id"])) : f("", !0),
+        e.maxLength ? (r(), b(P, {
+          key: 1,
+          "current-length": d(k),
+          "max-length": e.maxLength
+        }, null, 8, ["current-length", "max-length"])) : f("", !0)
+      ])) : f("", !0)
+    ], 64));
   }
 });
 export {
-  K as default
+  Q as default
 };

package/components/autocomplete/index.d.ts

@@ -11,6 +11,7 @@ declare const AutocompleteTypes: () => ({
             testId: string;
             hoverHelpText: string;
             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";
+            maxLength: number;
             modelValue: string | number;
             placeholder: string;
             labelDirection: "top" | "inside";
@@ -58,6 +59,10 @@ declare const AutocompleteTypes: () => ({
                 type: import("vue").PropType<"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">;
                 default: string;
             };
+            maxLength: {
+                type: import("vue").PropType<number>;
+                default: any;
+            };
             modelValue: {
                 type: import("vue").PropType<string | number>;
                 default: string;
@@ -108,7 +113,7 @@ declare const AutocompleteTypes: () => ({
             };
         }>> & {
             "onUpdate:modelValue"?: (value: string | number) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "disabled" | "size" | "mandatory" | "testId" | "hoverHelpText" | "hoverHelpTextPlacement" | "modelValue" | "placeholder" | "labelDirection" | "inlineError" | "inlineErrorText" | "feedbackText" | "feedbackVariant" | "showFeedbackTextIcon" | "onSearch" | "optionNameKey" | "optionsListWidth">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "disabled" | "size" | "mandatory" | "testId" | "hoverHelpText" | "hoverHelpTextPlacement" | "maxLength" | "modelValue" | "placeholder" | "labelDirection" | "inlineError" | "inlineErrorText" | "feedbackText" | "feedbackVariant" | "showFeedbackTextIcon" | "onSearch" | "optionNameKey" | "optionsListWidth">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -158,6 +163,10 @@ declare const AutocompleteTypes: () => ({
                 type: import("vue").PropType<"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">;
                 default: string;
             };
+            maxLength: {
+                type: import("vue").PropType<number>;
+                default: any;
+            };
             modelValue: {
                 type: import("vue").PropType<string | number>;
                 default: string;
@@ -218,6 +227,7 @@ declare const AutocompleteTypes: () => ({
             testId: string;
             hoverHelpText: string;
             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";
+            maxLength: number;
             modelValue: string | number;
             placeholder: string;
             labelDirection: "top" | "inside";
@@ -285,6 +295,10 @@ declare const AutocompleteTypes: () => ({
             type: import("vue").PropType<"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">;
             default: string;
         };
+        maxLength: {
+            type: import("vue").PropType<number>;
+            default: any;
+        };
         modelValue: {
             type: import("vue").PropType<string | number>;
             default: string;
@@ -375,6 +389,10 @@ declare const AutocompleteTypes: () => ({
         type: import("vue").PropType<"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">;
         default: string;
     };
+    maxLength: {
+        type: import("vue").PropType<number>;
+        default: any;
+    };
     modelValue: {
         type: import("vue").PropType<string | number>;
         default: string;
@@ -435,6 +453,7 @@ declare const AutocompleteTypes: () => ({
     testId: string;
     hoverHelpText: string;
     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";
+    maxLength: number;
     modelValue: string | number;
     placeholder: string;
     labelDirection: "top" | "inside";

package/components/button/v4/ButtonV4.vue.js

@@ -1,7 +1,7 @@
 import o from "./ButtonV4.vue2.js";
 /* empty css               */import t from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../ButtonV4.vue_vue_type_style_index_0_scoped_e535063a_lang.css"; //*');
-const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-e535063a"]]);
+// import "../../../ButtonV4.vue_vue_type_style_index_0_scoped_8c3b0c3f_lang.css"; //*');
+const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-8c3b0c3f"]]);
 export {
-  p as default
+  s as default
 };

package/components/button/v4/ButtonV4.vue2.js

@@ -1,4 +1,4 @@
- import "../../../ButtonV4.vue_vue_type_style_index_0_scoped_e535063a_lang.css"; import { defineComponent as N, computed as h, openBlock as a, createElementBlock as s, normalizeClass as i, createElementVNode as r, createBlock as f, unref as t, createCommentVNode as n, createVNode as c, withCtx as u, renderSlot as m, createTextVNode as z, toDisplayString as g } from "vue";
+ import "../../../ButtonV4.vue_vue_type_style_index_0_scoped_8c3b0c3f_lang.css"; import { defineComponent as N, computed as h, openBlock as a, createElementBlock as s, normalizeClass as i, createElementVNode as r, createBlock as f, unref as t, createCommentVNode as n, createVNode as c, withCtx as u, renderSlot as m, createTextVNode as z, toDisplayString as g } from "vue";
 import I from "../../typography/v4/Typography.vue.js";
 import y from "../../icon/v4/IconV4.vue.js";
 import b from "../../loader/v4/Loader.vue.js";

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_c859928d_lang.css"; //*');
-const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-c859928d"]]);
+// import "../../../ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_a8fdae89_lang.css"; //*');
+const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-a8fdae89"]]);
 export {
   s as default
 };

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

@@ -1,4 +1,4 @@
- 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 "../../../ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_a8fdae89_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.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_c3033d90_lang.css"; //*');
-const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-c3033d90"]]);
+// import "../../../DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_ad524750_lang.css"; //*');
+const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-ad524750"]]);
 export {
   p as default
 };