@ironsource/shared-ui 2.2.0-rc.2 → 2.2.0-test.1

package/Alert.vue_vue_type_style_index_0_scoped_f18c2785_lang.css

@@ -0,0 +1 @@
+.alert[data-v-f18c2785]{padding:var(--spacing-150) var(--spacing-200);display:flex;align-items:center}.alert--rounded[data-v-f18c2785]{border-radius:var(--border-radius-lg)}.alert--default[data-v-f18c2785]{outline-color:var(--default-main);background-color:var(--default-main)}.alert--default .alert-icon[data-v-f18c2785]{color:var(--text-secondary)}.alert--default.alert--outlined[data-v-f18c2785]{outline-color:var(--default-outlined-border)}.alert--default.alert--outlined .alert-icon[data-v-f18c2785]{color:var(--default-button-contrast-text)}.alert--success[data-v-f18c2785]{outline-color:var(--success-main);background-color:var(--success-lighter)}.alert--success .alert-icon[data-v-f18c2785]{color:var(--success-main)}.alert--warning[data-v-f18c2785]{outline-color:var(--warning-main);background-color:var(--warning-lighter)}.alert--warning .alert-icon[data-v-f18c2785]{color:var(--warning-main)}.alert--danger[data-v-f18c2785]{outline-color:var(--error-main);background-color:var(--error-lighter)}.alert--danger .alert-icon[data-v-f18c2785]{color:var(--error-main)}.alert--info[data-v-f18c2785]{outline-color:var(--info-main);background-color:var(--info-lighter)}.alert--info .alert-icon[data-v-f18c2785]{color:var(--info-main)}.alert--standard[data-v-f18c2785]{outline:none}.alert--outlined[data-v-f18c2785]{background-color:var(--common-white);outline-width:1px;outline-offset:-1px;outline-style:solid}.alert-icon--align-top[data-v-f18c2785]{align-self:flex-start}.alert-content[data-v-f18c2785]{flex:1;margin:0 var(--spacing-150)}.alert-content--no-icon[data-v-f18c2785]{margin-left:var(--spacing-100)}.title-container[data-v-f18c2785]{display:flex;align-items:center}.alert-title[data-v-f18c2785]{color:var(--text-primary);line-height:20px}.alert-description[data-v-f18c2785]{color:var(--text-secondary)}.close-button[data-v-f18c2785]{margin-left:var(--spacing-100)}

package/AppDropdownTrigger.vue_vue_type_style_index_0_scoped_c3062e84_lang.css

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

package/AppHeader.vue_vue_type_style_index_0_scoped_9202b5db_lang.css

@@ -0,0 +1 @@
+.app-header[data-v-9202b5db]{display:flex}.app-header .image-container[data-v-9202b5db]{height:3rem;width:3rem;border-radius:.25rem}.app-header .image-container img[data-v-9202b5db]{min-width:100%;max-width:100%;max-height:100%;object-fit:cover;border-radius:.25rem}.app-header .icon-container[data-v-9202b5db]{color:var(--action-active);display:flex;align-items:center;padding:0 .5rem}.app-header .icon-container--small[data-v-9202b5db]{background:var(--default-main);width:1.5rem;height:1.5rem;border-radius:50%;margin:0 .3125rem}.app-header .name-container .title[data-v-9202b5db]{color:var(--text-primary)}.app-header .name-container .inline-copy[data-v-9202b5db]{color:var(--text-secondary)}.app-header.size-small[data-v-9202b5db]{align-items:center}.app-header.size-small .image-container[data-v-9202b5db]{height:2rem;width:2rem;border-radius:.375rem}.app-header.size-small .image-container img[data-v-9202b5db]{border-radius:.375rem}.app-header.size-small .icon-container[data-v-9202b5db]{padding:0 .25rem}.app-header.size-small .name-container[data-v-9202b5db]{display:flex;align-items:center}.ab-icon-wrapper[data-v-9202b5db]{margin-left:var(--spacing-150);padding-left:var(--spacing-150);border-left:1px solid var(--common-divider);min-height:var(--spacing-400);display:flex;align-items:center}.size-small .ab-icon-wrapper[data-v-9202b5db]{margin-left:var(--spacing-25);padding-left:var(--spacing-100)}

package/CheckboxV4.vue_vue_type_style_index_0_scoped_bbfd249c_lang.css

@@ -0,0 +1 @@
+.checkbox[data-v-bbfd249c]{color:var(--primary-light);position:relative;cursor:pointer;display:flex;align-items:center;user-select:none;line-height:0}.checkbox.focus-visible .checkbox__inner[data-v-bbfd249c]{outline:solid;border-radius:4px}.icon.disabled[data-v-bbfd249c]{opacity:.38}.icon.unchecked[data-v-bbfd249c]{color:var(--default-outlined-border)}.checkbox:hover:not(.disabled) .icon.unchecked[data-v-bbfd249c]{color:var(--action-active)}.icon.unchecked.disabled[data-v-bbfd249c]{opacity:1;color:var(--action-hover)}.checkboxes[data-v-bbfd249c]{display:inline-flex;align-items:center;justify-content:center;position:relative;box-sizing:border-box;background-color:transparent;outline:0;border:0;line-height:0;margin:0;user-select:none;vertical-align:middle;appearance:none;text-decoration:none;border-radius:50%}.input[data-v-bbfd249c]{z-index:-1;cursor:inherit;position:absolute;opacity:0;width:100%;height:100%;top:0;left:0;margin:0;padding:0}.checkbox__inner[data-v-bbfd249c]{overflow:hidden;pointer-events:none;position:absolute;z-index:0;inset:0}.states[data-v-bbfd249c]{width:var(--spacing-200);height:var(--spacing-200)}.disabled[data-v-bbfd249c]{cursor:not-allowed}.disabled .checkbox-label[data-v-bbfd249c]{color:var(--text-disabled)}.checkbox-label[data-v-bbfd249c]{margin-left:var(--spacing-100);color:var(--text-primary)}

package/ChipV4.vue_vue_type_style_index_0_scoped_a221c649_lang.css

@@ -0,0 +1 @@
+.chip[data-v-a221c649]{display:inline-flex;align-items:center;width:fit-content;height:fit-content;border-radius:var(--border-radius-sm);padding:2px 4px}.chip--medium[data-v-a221c649]{padding:6px;border-radius:var(--border-radius-md)}.chip--default[data-v-a221c649]{color:var(--action-primary);background:var(--default-dark);outline-color:var(--common-divider)}.chip--primary[data-v-a221c649]{color:var(--primary-contrast-text);background:var(--primary-light);outline-color:var(--primary-main)}.chip--info[data-v-a221c649]{color:var(--info-contrast-text);background:var(--info-light);outline-color:var(--info-dark)}.chip--error[data-v-a221c649]{color:var(--error-contrast-text);background:var(--error-light);outline-color:var(--error-main)}.chip--warning[data-v-a221c649]{color:var(--warning-contrast-text);background:var(--warning-light);outline-color:var(--warning-main)}.chip--success[data-v-a221c649]{color:var(--success-contrast-text);background:var(--success-light);outline-color:var(--success-main)}.chip--dark[data-v-a221c649]{color:var(--common-inverse-white);background:var(--common-inverse-black);outline-color:var(--common-divider)}.chip--filled[data-v-a221c649]{outline-width:0}.chip--outlined[data-v-a221c649]{outline-style:solid;outline-width:1px;outline-offset:-1px;background:transparent}.chip--outlined.chip--dark[data-v-a221c649]{color:var(--action-primary)}.chip--disabled[data-v-a221c649]{color:var(--action-disabled);background:var(--action-disabled-background);cursor:not-allowed}

package/ColumnPicker.vue_vue_type_style_index_0_scoped_01c4e08f_lang.css

@@ -0,0 +1 @@
+.column-picker[data-v-01c4e08f]{width:37.375rem;border-radius:var(--border-radius-lg);background:var(--background-modal-elevation)}.content[data-v-01c4e08f]{min-height:18.75rem;display:grid;grid-template-columns:1fr 1fr}.selected-list-wrapper[data-v-01c4e08f]{padding:.25rem 1rem 1rem}.scrollable-list[data-v-01c4e08f]{overflow-y:auto;max-height:24.625rem}.search-wrapper[data-v-01c4e08f]{height:3rem;padding:1rem 1rem .25rem}.options-list-wrapper[data-v-01c4e08f]{border-right:1px solid var(--common-divider)}.options-list[data-v-01c4e08f]{margin:0;list-style:none;padding:.3125rem .75rem}.options-list__item[data-v-01c4e08f]{margin-bottom:.5rem}.options-list[data-v-01c4e08f] .item-container{margin-bottom:1px;min-height:1.9375rem}.selected-list-header[data-v-01c4e08f]{height:3rem;padding:.25rem 1rem 0;display:flex;justify-content:space-between;align-items:center}.group-name[data-v-01c4e08f]{color:var(--text-secondary)}.inline-group[data-v-01c4e08f]{padding:.25rem .5rem}.no-result-container[data-v-01c4e08f]{height:100%;display:flex;align-items:center;padding:.375rem .5rem;color:var(--text-disabled)}

package/DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_a6900fa6_lang.css

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

package/DialogV4.vue_vue_type_style_index_0_scoped_a6710278_lang.css

@@ -0,0 +1 @@
+.container[data-v-a6710278]{position:fixed;z-index:1300;display:flex;align-items:center;justify-content:center;inset:0;padding:0 var(--spacing-300)}.dialog[data-v-a6710278]{min-height:7rem;overflow-y:auto;box-shadow:var(--elevation-xl);max-height:calc(100% - var(--spacing-800));background:var(--background-modal-elevation);border:1px solid var(--common-divider-elevation-0);border-radius:var(--border-radius-lg)}.dialog--medium[data-v-a6710278]{width:56.25rem}.dialog--small[data-v-a6710278]{width:37.5rem}.dialog--extraSmall[data-v-a6710278]{width:27.75rem}.content[data-v-a6710278]{color:var(--text-primary);padding:var(--spacing-300);display:flex;overflow-y:auto;flex-direction:column;justify-content:center}.content--no-padding[data-v-a6710278]{padding:0}.dialog-backdrop[data-v-a6710278]{position:fixed;z-index:-1;display:flex;background-color:var(--background-backdrop);align-items:center;justify-content:center;inset:0}.v-enter-active[data-v-a6710278],.v-leave-active[data-v-a6710278]{transition:opacity .25s ease}.v-enter-from[data-v-a6710278],.v-leave-to[data-v-a6710278]{opacity:0}

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/GroupOption.vue_vue_type_style_index_0_scoped_1e5170b3_lang.css

@@ -0,0 +1 @@
+.group-option[data-v-1e5170b3]{padding:0 .5rem;box-sizing:border-box;height:35px;display:flex;align-items:center;color:var(--text-primary)}

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/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/MultiBar.vue_vue_type_style_index_0_scoped_c4395fb6_lang.css

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

package/RadioButtonV4.vue_vue_type_style_index_0_scoped_b3d96cf5_lang.css

@@ -0,0 +1 @@
+.radio-button[data-v-b3d96cf5]{display:flex;flex-direction:column}.radio-button--disabled[data-v-b3d96cf5],.radio-button--disabled .label[data-v-b3d96cf5]{cursor:default}.wrapper-with-description[data-v-b3d96cf5]{display:flex}.wrapper[data-v-b3d96cf5]{display:inline-flex;align-items:center;justify-content:center;position:relative;box-sizing:border-box;background-color:transparent;outline:0;border:0;cursor:pointer;user-select:none;vertical-align:middle;appearance:none;text-decoration:none;border-radius:50%;margin:0 var(--spacing-100) 0 0}.label[data-v-b3d96cf5]{cursor:pointer;color:var(--text-primary);flex-direction:column;display:inline-flex}.label--disabled[data-v-b3d96cf5]{color:var(--text-disabled)}input[data-v-b3d96cf5]{cursor:inherit;position:absolute;opacity:0;width:100%;height:100%;top:0;left:0;margin:0;padding:0;z-index:1}.circle[data-v-b3d96cf5]{border-radius:50%;width:var(--spacing-200);height:var(--spacing-200);transition:all .2s ease-in-out 0s;background-color:var(--background-inset);box-shadow:var(--default-outlined-border) 0 0 0 1px inset}.circle--selected[data-v-b3d96cf5]{background-color:var(--primary-main);box-shadow:var(--primary-dark) 0 0 0 1px inset}.circle--selected[data-v-b3d96cf5]:before{display:block;width:var(--spacing-200);height:var(--spacing-200);background-image:radial-gradient(var(--common-white),var(--common-white) 3px,transparent 28%);content:""}.circle--disabled[data-v-b3d96cf5]{background-color:var(--action-disabled-background);box-shadow:var(--action-hover) 0 0 0 1px inset}.circle--disabled.circle--selected[data-v-b3d96cf5]{opacity:.38;background-color:var(--primary-main);box-shadow:var(--primary-dark) 0 0 0 1px inset}.radio-button:hover .circle[data-v-b3d96cf5]:not(.circle--selected):not(.circle--disabled){box-shadow:var(--action-active) 0 0 0 1px inset}.label-description[data-v-b3d96cf5]{color:var(--text-secondary)}

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

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/ThemeWrapper.vue_vue_type_style_index_1_lang.css

@@ -1 +1 @@
-.light-theme-v4{--background-default: #FFFFFF;--background-paper: hsl(0, 0%, 99%);--background-model-elevation: #FFFFFF;--background-backdrop: hsla(0, 0%, 0%, .11);--background-paper-elevation-0: hsl(0, 0%, 97.5%);--background-paper-elevation-1: hsl(0, 0%, 94.6%);--background-paper-elevation-2: hsl(0, 0%, 92%);--background-paper-elevation-3: hsl(0, 0%, 89.5%);--background-paper-elevation-4: hsl(0, 0%, 86.8%);--background-paper-elevation-5: hsl(0, 0%, 83%);--background-paper-elevation-6: hsl(0, 0%, 73.2%);--background-paper-elevation-7: hsl(0, 0%, 55.2%);--background-paper-elevation-8: hsl(0, 0%, 50.3%);--background-paper-elevation-9: hsl(0, 0%, 39.3%);--action-primary: hsl(0, 0%, 12.5%);--action-active: hsl(0, 0%, 50.3%);--action-hover: hsla(0, 0%, 0%, .05);--action-selected: hsla(0, 0%, 92%, 1);--action-disabled: hsla(0, 0%, 87%, 1);--action-disabled-background: hsla(0, 0%, 95%, 1);--action-focus: hsl(0, 0%, 92%);--action-outlined-border: hsla(0, 0%, 73%, 1);--default-light: hsl(0, 0%, 89.5%);--default-main: hsl(0 0% 94.51%);--default-dark: hsl(0, 0%, 92%);--default-outlined-border: hsl(0, 0%, 73.2%);--default-contrast-text: hsl(0, 0%, 12.5%);--default-button-contrast-text: hsla(0, 0%, 0%, 1);--common-white: #FFFFFF;--common-black: #000000;--common-inverse-white: #FFFFFF;--common-inverse-black: #000000;--common-divider: hsl(0, 0%, 86.8%);--common-divider-elevation-0: hsla(0, 0%, 89%, 1);--text-primary: hsl(0, 0%, 12.5%);--text-secondary: hsl(0, 0%, 39.3%);--text-disabled: hsl(0 0% 73.33%);--primary-lighter: hsl(209, 100%, 96.5%);--primary-light: hsl(209, 95%, 90.1%);--primary-main: hsl(206, 100%, 50%);--primary-main-8-p: hsla(206, 100%, 50%, .08);--primary-main-50-p: hsla(206, 100%, 50%, .5);--primary-dark: hsl(208, 93.5%, 47.4%);--primary-darker: hsl(211, 90%, 42%);--primary-outlined-border: hsl(206, 100%, 50%);--primary-contrast-text: hsl(216, 71%, 23%);--primary-button-contrast-text: hsla(0, 0%, 100%, 1);--info-lighter: hsl(223, 98.4%, 97.1%);--info-light: hsl(224, 87.1%, 92%);--info-main: hsl(226, 70%, 55.5%);--info-main-8-p: hsla(226, 70%, 55.5%, .08);--info-main-50-p: hsla(226, 70%, 55.5%, .5);--info-dark: hsl(226, 58.6%, 51.3%);--info-darker: hsl(226, 55%, 45%);--info-outlined-border: hsl(226, 70%, 55.5%);--info-contrast-text: hsl(226, 50%, 24%);--info-button-contrast-text: hsla(0, 0%, 100%, 1);--success-lighter: hsl(139, 55.2%, 94.5%);--success-light: hsl(141, 43.7%, 86%);--success-main: hsl(151, 55%, 41.5%);--success-main-8-p: hsla(151, 55%, 41.5%, .08);--success-main-50-p: hsla(151, 55%, 41.5%, .5);--success-dark: hsl(152, 57.5%, 37.6%);--success-darker: hsl(153, 67%, 28.5%);--success-outlined-border: hsl(151, 55%, 41.5%);--success-contrast-text: hsl(155, 40%, 16.5%);--success-button-contrast-text: hsla(0, 0%, 100%, 1);--warning-lighter: hsl(45, 100%, 90.8%);--warning-light: hsl(40, 100%, 81.5%);--warning-main: hsl(42, 100%, 62%);--warning-main-8-p: hsla(42, 100%, 62%, .08);--warning-main-50-p: hsla(42, 100%, 62%, .5);--warning-dark: hsl(42, 100%, 55%);--warning-darker: hsl(25, 50%, 38%);--warning-outlined-border: hsl(42, 100%, 62%);--warning-contrast-text: hsl(25, 40%, 22%);--warning-button-contrast-text: hsla(24, 40%, 22%, 1);--error-lighter: hsl(360, 100%, 96.8%);--error-light: hsl(360, 90.2%, 91.9%);--error-main: hsl(358, 75%, 59%);--error-main-8-p: hsla(358, 75%, 59%, .08);--error-main-50-p: hsla(358, 75%, 59%, .5);--error-dark: hsl(358, 67.4%, 54.6%);--error-darker: hsl(358, 65%, 47%);--error-outlined-border: hsl(358, 75%, 59%);--error-contrast-text: hsl(350, 63%, 24%);--error-button-contrast-text: hsla(0, 0%, 100%, 1);--aba: #FFC134;--abb: #4F4FF5}.light-theme-v4{--border-radius-xs: 2px;--border-radius-sm: 4px;--border-radius-md: 6px;--border-radius-lg: 8px;--border-radius-xl: 16px;--border-radius-full: 100px}.light-theme-v4{--elevation-xs: 0px 1px 2px rgba(16, 24, 40, .05);--elevation-sm: 0px 1px 2px rgba(16, 24, 40, .06), 0px 1px 3px rgba(16, 24, 40, .1);--elevation-md: 0px 4px 8px -2px rgba(16, 24, 40, .12);--elevation-lg: 0px 12px 16px -4px rgba(16, 24, 40, .08);--elevation-xl: 0px 8px 8px -4px rgba(16, 24, 40, .03), 0px 20px 24px -6px rgba(16, 24, 40, .08);--elevation-xxl: 0px 24px 48px -12px rgba(16, 24, 40, .18);--elevation-xxxl: 0px 19px 32px 2px rgba(44, 45, 45, .14);--elevation-sl: 0px 27px 27px 2px rgba(44, 45, 45, .14)}.light-theme-v4{--spacing-tokenset: 0px;--spacing-25: 2px;--spacing-50: 4px;--spacing-75: 6px;--spacing-100: 8px;--spacing-125: 10px;--spacing-150: 12px;--spacing-200: 16px;--spacing-250: 20px;--spacing-300: 24px;--spacing-350: 28px;--spacing-400: 32px;--spacing-500: 40px;--spacing-600: 48px;--spacing-700: 56px;--spacing-800: 64px;--spacing-900: 72px;--spacing-1000: 80px}
+.light-theme-v4{--background-default: #FFFFFF;--background-paper: #FCFCFC;--background-modal-elevation: #FFFFFF;--background-backdrop: #00000045;--background-paper-elevation-0: #F9F9F9;--background-paper-elevation-1: #F0F0F0;--background-paper-elevation-2: #E8E8E8;--background-paper-elevation-3: #E0E0E0;--background-paper-elevation-4: #D9D9D9;--background-paper-elevation-5: #CECECE;--background-paper-elevation-6: #BBBBBB;--background-paper-elevation-7: #8D8D8D;--background-paper-elevation-8: #838383;--background-paper-elevation-9: #646464;--background-inset: #F0F0F0;--action-primary: #202020;--action-active: #838383;--action-hover: #0000000F;--action-selected: #E8E8E8;--action-disabled: #E0E0E0;--action-disabled-background: #F0F0F0;--action-focus: #E8E8E8;--action-outlined-border: hsla(0, 0%, 73%, 1);--default-main: #E8E8E8;--default-lighter: #F9F9F9;--default-light: #F0F0F0;--default-dark: #E0E0E0;--default-darker: #D9D9D9;--default-contrast-text: #202020;--default-outlined-border: #CECECE;--default-main-8-p: #81818114;--default-main-50-p: #81818180;--default-button-contrast-text: #000000;--common-white: #FFFFFF;--common-black: #000000;--common-inverse-white: #FFFFFF;--common-inverse-black: #000000;--common-divider: #E8E8E8;--common-divider-elevation-0: #E8E8E8;--text-primary: #202020;--text-secondary: #646464;--text-disabled: #838383;--primary-lighter: #ECF5FF;--primary-light: #CBE2FE;--primary-main: #0A6EC8;--primary-main-8-p: #0A6EC814;--primary-main-50-p: #0A6EC880;--primary-dark: #0060B8;--primary-darker: #0F70CB;--primary-outlined-border: #9EC4F1;--primary-contrast-text: #0E345B;--primary-button-contrast-text: #FFFFFF;--info-lighter: #EDF2FE;--info-light: #D2DEFF;--info-main: #3E63DD;--info-main-8-p: #3E63DD14;--info-main-50-p: #3E63DD80;--info-dark: #3358D4;--info-darker: #3A5BC7;--info-outlined-border: #ABBDF9;--info-contrast-text: #1F2D5C;--info-button-contrast-text: #FFFFFF;--success-lighter: #E6F6EB;--success-light: #C4E8D1;--success-main: #30A46C;--success-main-8-p: #30A46C14;--success-main-50-p: #30A46C80;--success-dark: #2B9A66;--success-darker: #218358;--success-outlined-border: #8ECEAA;--success-contrast-text: #193B2D;--success-button-contrast-text: #FFFFFF;--warning-lighter: #FFF7C2;--warning-light: #FBE577;--warning-main: #FFC53D;--warning-main-8-p: #FFC53D14;--warning-main-50-p: #FFC53D80;--warning-dark: #FFBA18;--warning-darker: #AB6400;--warning-outlined-border: #E9C162;--warning-contrast-text: #4F3422;--warning-button-contrast-text: #000000;--error-lighter: #FEEBEC;--error-light: #FFCDCE;--error-main: #E5484D;--error-main-8-p: #E5484D14;--error-main-50-p: #E5484D80;--error-dark: #DC3E42;--error-darker: #CE2C31;--error-outlined-border: #F4A9AA;--error-contrast-text: #641723;--error-button-contrast-text: #FFFFFF;--ab-a: #FFC134;--ab-b: #4F4FF5}.light-theme-v4{--border-radius-xs: 2px;--border-radius-sm: 4px;--border-radius-md: 6px;--border-radius-lg: 8px;--border-radius-xl: 16px;--border-radius-full: 100px}.light-theme-v4{--elevation-xs: 0px 1px 2px rgba(16, 24, 40, .05);--elevation-sm: 0px 1px 2px rgba(16, 24, 40, .06), 0px 1px 3px rgba(16, 24, 40, .1);--elevation-md: 0px 4px 8px -2px rgba(16, 24, 40, .12);--elevation-lg: 0px 12px 16px -4px rgba(16, 24, 40, .08);--elevation-xl: 0px 8px 8px -4px rgba(16, 24, 40, .03), 0px 20px 24px -6px rgba(16, 24, 40, .08);--elevation-xxl: 0px 24px 48px -12px rgba(16, 24, 40, .18);--elevation-xxxl: 0px 19px 32px 2px rgba(44, 45, 45, .14);--elevation-sl: 0px 27px 27px 2px rgba(44, 45, 45, .14)}.light-theme-v4{--spacing-tokenset: 0px;--spacing-25: 2px;--spacing-50: 4px;--spacing-75: 6px;--spacing-100: 8px;--spacing-125: 10px;--spacing-150: 12px;--spacing-200: 16px;--spacing-250: 20px;--spacing-300: 24px;--spacing-350: 28px;--spacing-400: 32px;--spacing-500: 40px;--spacing-600: 48px;--spacing-700: 56px;--spacing-800: 64px;--spacing-900: 72px;--spacing-1000: 80px}

package/ToggleButtonGroupAB.vue_vue_type_style_index_0_scoped_0fc9ddf5_lang.css

@@ -0,0 +1 @@
+.group-button-wrapper[data-v-0fc9ddf5]{display:flex}.group-button-wrapper[data-v-0fc9ddf5] button{border-radius:0}.group-button-wrapper .toggle-button[data-v-0fc9ddf5]:nth-child(1){border-top-left-radius:var(--border-radius-md);border-bottom-left-radius:var(--border-radius-md);border-right:none;background-color:var(--common-inverse-white);width:32px}.group-button-wrapper .toggle-button[data-v-0fc9ddf5]:nth-child(2){border-right:none;border-left:none;width:32px}.group-button-wrapper .toggle-button[data-v-0fc9ddf5]:last-child{border-top-right-radius:var(--border-radius-md);border-bottom-right-radius:var(--border-radius-md);border-right:1px solid var(--default-outlined-border)}.group-button-wrapper .toggle-button[data-v-0fc9ddf5]:nth-child(3){padding:0}.group-button-wrapper .popover-trigger[data-v-0fc9ddf5]{padding:5px 3px}.group-button-wrapper .trigger-active[data-v-0fc9ddf5]{background:var(--default-light)}.group-button-wrapper .primary[data-v-0fc9ddf5]{border-color:var(--default-outlined-border);color:var(--action-active)}.group-button-wrapper .toggle-button[data-v-0fc9ddf5]:nth-child(3):hover,.group-button-wrapper .toggle-button[data-v-0fc9ddf5]:nth-child(1):not(.selected-a):hover,.group-button-wrapper .toggle-button[data-v-0fc9ddf5]:nth-child(2):not(.selected-b):hover{background-color:var(--action-hover)}.group-button-wrapper .toggle-button.selected-a[data-v-0fc9ddf5],.group-button-wrapper .toggle-button.selected-a[data-v-0fc9ddf5]:hover{background-color:var(--ab-a);color:var(--common-inverse-white)}.group-button-wrapper .toggle-button.selected-b[data-v-0fc9ddf5],.group-button-wrapper .toggle-button.selected-b[data-v-0fc9ddf5]:hover{background-color:var(--ab-b);color:var(--common-inverse-white)}

package/components/alert/Alert.vue.d.ts

@@ -1,14 +1,12 @@
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     title?: string;
     description?: string;
-    color?: "danger" | "info" | "success" | "warning";
+    color?: "default" | "danger" | "info" | "success" | "warning";
     variant?: "outlined" | "standard";
     dismissible?: boolean;
     actionText?: string;
-    actionVariant?: "contained" | "outlined";
     actionIconName?: string;
     actionLoading?: boolean;
-    actionSize?: "small" | "medium";
     rounded?: boolean;
     hideIcon?: boolean;
     testId?: string;
@@ -20,9 +18,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     dismissible: boolean;
     actionText: string;
     actionIconName: any;
-    actionVariant: string;
     actionLoading: boolean;
-    actionSize: string;
     rounded: boolean;
     hideIcon: boolean;
     testId: string;
@@ -32,14 +28,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     title?: string;
     description?: string;
-    color?: "danger" | "info" | "success" | "warning";
+    color?: "default" | "danger" | "info" | "success" | "warning";
     variant?: "outlined" | "standard";
     dismissible?: boolean;
     actionText?: string;
-    actionVariant?: "contained" | "outlined";
     actionIconName?: string;
     actionLoading?: boolean;
-    actionSize?: "small" | "medium";
     rounded?: boolean;
     hideIcon?: boolean;
     testId?: string;
@@ -51,9 +45,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     dismissible: boolean;
     actionText: string;
     actionIconName: any;
-    actionVariant: string;
     actionLoading: boolean;
-    actionSize: string;
     rounded: boolean;
     hideIcon: boolean;
     testId: string;
@@ -64,14 +56,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     title: string;
     testId: string;
     variant: "outlined" | "standard";
-    color: "danger" | "info" | "success" | "warning";
+    color: "default" | "danger" | "info" | "success" | "warning";
     description: string;
     dismissible: boolean;
     actionText: string;
-    actionVariant: "contained" | "outlined";
     actionIconName: string;
     actionLoading: boolean;
-    actionSize: "small" | "medium";
     rounded: boolean;
     hideIcon: boolean;
 }>, {

package/components/alert/Alert.vue.js

@@ -1,7 +1,7 @@
-import e from "./Alert.vue2.js";
-/* empty css            */import o from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../Alert.vue_vue_type_style_index_0_scoped_06e0871a_lang.css"; //*');
-const p = /* @__PURE__ */ o(e, [["__scopeId", "data-v-06e0871a"]]);
+import o from "./Alert.vue2.js";
+/* empty css            */import e from "../../_virtual/_plugin-vue_export-helper.js";
+// import "../../Alert.vue_vue_type_style_index_0_scoped_f18c2785_lang.css"; //*');
+const c = /* @__PURE__ */ e(o, [["__scopeId", "data-v-f18c2785"]]);
 export {
-  p as default
+  c as default
 };

package/components/alert/Alert.vue2.js

@@ -1,14 +1,14 @@
- import "../../Alert.vue_vue_type_style_index_0_scoped_06e0871a_lang.css"; import { defineComponent as N, computed as x, openBlock as n, createElementBlock as y, mergeProps as l, unref as e, createBlock as d, normalizeClass as I, createCommentVNode as c, createElementVNode as T, withCtx as s, createTextVNode as g, toDisplayString as u, renderSlot as k, createVNode as z } from "vue";
-import B from "../typography/v4/Typography.vue.js";
-import A from "../icon/v4/IconV4.vue.js";
+ import "../../Alert.vue_vue_type_style_index_0_scoped_f18c2785_lang.css"; import { defineComponent as A, computed as y, openBlock as o, createElementBlock as I, mergeProps as l, unref as e, createBlock as d, normalizeClass as T, createCommentVNode as r, createElementVNode as g, withCtx as u, createTextVNode as k, toDisplayString as m, renderSlot as B, createVNode as E } from "vue";
+import v from "../typography/v4/Typography.vue.js";
+import h from "../icon/v4/IconV4.vue.js";
 import "../icon/v4/IconFlag.vue.js";
-import E from "../button/v4/ButtonV4.vue.js";
-import S from "../button/v4/IconButtonV4.vue.js";
+import p from "../button/v4/ButtonV4.vue.js";
+import $ from "../button/v4/IconButtonV4.vue.js";
 import "../button/v4/ButtonGroup.vue.js";
 import "../button/v4/ToggleButtonGroupAB.vue.js";
-import { useTestIdAttrs as h } from "../../utils/testIds.js";
-import { AlertTestIdModifiers as o } from "../../testids/index.js";
-const V = { class: "title-container" }, $ = { key: 0 }, W = /* @__PURE__ */ N({
+import { useTestIdAttrs as S } from "../../utils/testIds.js";
+import { AlertTestIdModifiers as n } from "../../testids/index.js";
+const b = { class: "title-container" }, w = { key: 0 }, W = /* @__PURE__ */ A({
   __name: "Alert",
   props: {
     title: { default: "" },
@@ -17,92 +17,93 @@ const V = { class: "title-container" }, $ = { key: 0 }, W = /* @__PURE__ */ N({
     variant: { default: "standard" },
     dismissible: { type: Boolean, default: !1 },
     actionText: { default: "" },
-    actionVariant: { default: "outlined" },
     actionIconName: { default: null },
     actionLoading: { type: Boolean, default: !1 },
-    actionSize: { default: "small" },
     rounded: { type: Boolean, default: !0 },
     hideIcon: { type: Boolean, default: !1 },
     testId: { default: "" }
   },
   emits: ["close", "actionButtonClick"],
-  setup(t, { emit: m }) {
-    const f = t, v = x(() => {
+  setup(t, { emit: f }) {
+    const c = t, C = y(() => {
       const i = {
         success: "check-circle",
         warning: "warning",
         danger: "warning-octagon",
-        info: "info"
+        info: "info",
+        default: "info"
       };
-      return i[f.color] || i.success;
-    }), a = h(f.testId, o);
-    return (i, r) => (n(), y("div", l({
+      return i[c.color] || i.success;
+    }), N = y(
+      () => c.color === "default" ? "primary" : c.color
+    ), a = S(c.testId, n);
+    return (i, s) => (o(), I("div", l({
       class: ["alert", {
         [`alert--${t.color}`]: !0,
         [`alert--${t.variant}`]: !0,
         "alert--rounded": t.rounded
       }]
-    }, e(a)[e(o).WRAPPER]), [
-      t.hideIcon ? c("", !0) : (n(), d(e(A), {
+    }, e(a)[e(n).WRAPPER]), [
+      t.hideIcon ? r("", !0) : (o(), d(e(h), {
         key: 0,
-        name: e(v),
-        class: I(["alert-icon", { "alert-icon--align-top": t.title && t.description }]),
+        name: e(C),
+        class: T(["alert-icon", { "alert-icon--align-top": t.title && t.description }]),
         type: "fill",
         size: "20px"
       }, null, 8, ["name", "class"])),
-      T("div", {
-        class: I(["alert-content", {
+      g("div", {
+        class: T(["alert-content", {
           "alert-content--no-icon": t.hideIcon
         }])
       }, [
-        T("div", V, [
-          t.title ? (n(), d(e(B), l({
+        g("div", b, [
+          t.title ? (o(), d(e(v), l({
             key: 0,
             class: "alert-title",
             variant: "h4"
-          }, e(a)[e(o).TITLE]), {
-            default: s(() => [
-              g(u(t.title), 1)
+          }, e(a)[e(n).TITLE]), {
+            default: u(() => [
+              k(m(t.title), 1)
             ]),
             _: 1
-          }, 16)) : c("", !0),
-          k(i.$slots, "after-title", {}, void 0, !0)
+          }, 16)) : r("", !0),
+          B(i.$slots, "after-title", {}, void 0, !0)
         ]),
-        z(e(B), l({
+        E(e(v), l({
           class: "alert-description",
           variant: "body1"
-        }, e(a)[e(o).MESSAGE]), {
-          default: s(() => [
-            k(i.$slots, "default", {}, () => [
-              t.description ? (n(), y("span", $, u(t.description), 1)) : c("", !0)
+        }, e(a)[e(n).MESSAGE]), {
+          default: u(() => [
+            B(i.$slots, "default", {}, () => [
+              t.description ? (o(), I("span", w, m(t.description), 1)) : r("", !0)
             ], !0)
           ]),
           _: 3
         }, 16)
       ], 2),
-      t.actionText ? (n(), d(e(E), l({
+      t.actionText ? (o(), d(e(p), l({
         key: 1,
-        variant: t.actionVariant,
+        variant: "contained",
         "end-icon-name": t.actionIconName,
-        color: t.color,
-        size: t.actionSize,
+        color: e(N),
+        size: "medium",
         loading: t.actionLoading
-      }, e(a)[e(o).ACTION_BUTTON], {
-        onClick: r[0] || (r[0] = (C) => m("actionButtonClick"))
+      }, e(a)[e(n).ACTION_BUTTON], {
+        onClick: s[0] || (s[0] = (x) => f("actionButtonClick"))
       }), {
-        default: s(() => [
-          g(u(t.actionText), 1)
+        default: u(() => [
+          k(m(t.actionText), 1)
         ]),
         _: 1
-      }, 16, ["variant", "end-icon-name", "color", "size", "loading"])) : c("", !0),
-      t.dismissible ? (n(), d(e(S), l({
+      }, 16, ["end-icon-name", "color", "loading"])) : r("", !0),
+      t.dismissible ? (o(), d(e($), l({
         key: 2,
         class: "close-button",
         "icon-name": "x",
         size: "small"
-      }, e(a)[e(o).CLOSE_BUTTON], {
-        onClick: r[1] || (r[1] = (C) => m("close"))
-      }), null, 16)) : c("", !0)
+      }, e(a)[e(n).CLOSE_BUTTON], {
+        onClick: s[1] || (s[1] = (x) => f("close"))
+      }), null, 16)) : r("", !0)
     ], 16));
   }
 });

package/components/alert/index.d.ts

@@ -7,14 +7,12 @@ declare const AlertTypes: () => ({
             title: string;
             testId: string;
             variant: "outlined" | "standard";
-            color: "danger" | "info" | "success" | "warning";
+            color: "default" | "danger" | "info" | "success" | "warning";
             description: string;
             dismissible: boolean;
             actionText: string;
-            actionVariant: "contained" | "outlined";
             actionIconName: string;
             actionLoading: boolean;
-            actionSize: "small" | "medium";
             rounded: boolean;
             hideIcon: boolean;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
@@ -31,7 +29,7 @@ declare const AlertTypes: () => ({
                 default: string;
             };
             color: {
-                type: import("vue").PropType<"danger" | "info" | "success" | "warning">;
+                type: import("vue").PropType<"default" | "danger" | "info" | "success" | "warning">;
                 default: string;
             };
             description: {
@@ -46,10 +44,6 @@ declare const AlertTypes: () => ({
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            actionVariant: {
-                type: import("vue").PropType<"contained" | "outlined">;
-                default: string;
-            };
             actionIconName: {
                 type: import("vue").PropType<string>;
                 default: any;
@@ -58,10 +52,6 @@ declare const AlertTypes: () => ({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            actionSize: {
-                type: import("vue").PropType<"small" | "medium">;
-                default: string;
-            };
             rounded: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -73,7 +63,7 @@ declare const AlertTypes: () => ({
         }>> & {
             onClose?: () => any;
             onActionButtonClick?: () => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "testId" | "variant" | "color" | "description" | "dismissible" | "actionText" | "actionVariant" | "actionIconName" | "actionLoading" | "actionSize" | "rounded" | "hideIcon">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "testId" | "variant" | "color" | "description" | "dismissible" | "actionText" | "actionIconName" | "actionLoading" | "rounded" | "hideIcon">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -101,7 +91,7 @@ declare const AlertTypes: () => ({
                 default: string;
             };
             color: {
-                type: import("vue").PropType<"danger" | "info" | "success" | "warning">;
+                type: import("vue").PropType<"default" | "danger" | "info" | "success" | "warning">;
                 default: string;
             };
             description: {
@@ -116,10 +106,6 @@ declare const AlertTypes: () => ({
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            actionVariant: {
-                type: import("vue").PropType<"contained" | "outlined">;
-                default: string;
-            };
             actionIconName: {
                 type: import("vue").PropType<string>;
                 default: any;
@@ -128,10 +114,6 @@ declare const AlertTypes: () => ({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            actionSize: {
-                type: import("vue").PropType<"small" | "medium">;
-                default: string;
-            };
             rounded: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -150,14 +132,12 @@ declare const AlertTypes: () => ({
             title: string;
             testId: string;
             variant: "outlined" | "standard";
-            color: "danger" | "info" | "success" | "warning";
+            color: "default" | "danger" | "info" | "success" | "warning";
             description: string;
             dismissible: boolean;
             actionText: string;
-            actionVariant: "contained" | "outlined";
             actionIconName: string;
             actionLoading: boolean;
-            actionSize: "small" | "medium";
             rounded: boolean;
             hideIcon: boolean;
         }, {}, string> & {
@@ -194,7 +174,7 @@ declare const AlertTypes: () => ({
             default: string;
         };
         color: {
-            type: import("vue").PropType<"danger" | "info" | "success" | "warning">;
+            type: import("vue").PropType<"default" | "danger" | "info" | "success" | "warning">;
             default: string;
         };
         description: {
@@ -209,10 +189,6 @@ declare const AlertTypes: () => ({
             type: import("vue").PropType<string>;
             default: string;
         };
-        actionVariant: {
-            type: import("vue").PropType<"contained" | "outlined">;
-            default: string;
-        };
         actionIconName: {
             type: import("vue").PropType<string>;
             default: any;
@@ -221,10 +197,6 @@ declare const AlertTypes: () => ({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        actionSize: {
-            type: import("vue").PropType<"small" | "medium">;
-            default: string;
-        };
         rounded: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -254,7 +226,7 @@ declare const AlertTypes: () => ({
         default: string;
     };
     color: {
-        type: import("vue").PropType<"danger" | "info" | "success" | "warning">;
+        type: import("vue").PropType<"default" | "danger" | "info" | "success" | "warning">;
         default: string;
     };
     description: {
@@ -269,10 +241,6 @@ declare const AlertTypes: () => ({
         type: import("vue").PropType<string>;
         default: string;
     };
-    actionVariant: {
-        type: import("vue").PropType<"contained" | "outlined">;
-        default: string;
-    };
     actionIconName: {
         type: import("vue").PropType<string>;
         default: any;
@@ -281,10 +249,6 @@ declare const AlertTypes: () => ({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    actionSize: {
-        type: import("vue").PropType<"small" | "medium">;
-        default: string;
-    };
     rounded: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -303,14 +267,12 @@ declare const AlertTypes: () => ({
     title: string;
     testId: string;
     variant: "outlined" | "standard";
-    color: "danger" | "info" | "success" | "warning";
+    color: "default" | "danger" | "info" | "success" | "warning";
     description: string;
     dismissible: boolean;
     actionText: string;
-    actionVariant: "contained" | "outlined";
     actionIconName: string;
     actionLoading: boolean;
-    actionSize: "small" | "medium";
     rounded: boolean;
     hideIcon: boolean;
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {

package/components/appHeader/AppHeader.vue.js

@@ -1,7 +1,7 @@
 import e from "./AppHeader.vue2.js";
 /* empty css                */import o from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../AppHeader.vue_vue_type_style_index_0_scoped_538ccdc6_lang.css"; //*');
-const s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-538ccdc6"]]);
+// import "../../AppHeader.vue_vue_type_style_index_0_scoped_9202b5db_lang.css"; //*');
+const t = /* @__PURE__ */ o(e, [["__scopeId", "data-v-9202b5db"]]);
 export {
-  s as default
+  t as default
 };

package/components/appHeader/AppHeader.vue2.js

@@ -1,4 +1,4 @@
- import "../../AppHeader.vue_vue_type_style_index_0_scoped_538ccdc6_lang.css"; import { defineComponent as h, computed as o, openBlock as m, createElementBlock as p, normalizeClass as C, createElementVNode as n, mergeProps as r, unref as e, createVNode as i, withCtx as b, createTextVNode as v, toDisplayString as z, createCommentVNode as A } from "vue";
+ import "../../AppHeader.vue_vue_type_style_index_0_scoped_9202b5db_lang.css"; import { defineComponent as h, computed as o, openBlock as m, createElementBlock as p, normalizeClass as C, createElementVNode as n, mergeProps as r, unref as e, createVNode as i, withCtx as b, createTextVNode as v, toDisplayString as z, createCommentVNode as A } from "vue";
 import c from "../icon/v4/IconV4.vue.js";
 import "../icon/v4/IconFlag.vue.js";
 import T from "../typography/v4/Typography.vue.js";
@@ -17,11 +17,11 @@ const w = { class: "image-container" }, k = ["src", "alt"], B = ["data-platform"
     showAbIcon: { type: Boolean, default: !1 }
   },
   emits: ["copyToClipboard"],
-  setup(t, { emit: f }) {
-    const a = t, y = o(
+  setup(t, { emit: y }) {
+    const a = t, f = o(
       () => a.platform ? a.platform.toLowerCase() : ""
     ), u = o(
-      () => a.type === "normal" ? "24px" : "20px"
+      () => a.type === "normal" ? "24px" : "16px"
     ), x = o(
       () => a.type === "small" ? "18px" : null
     ), I = o(
@@ -37,12 +37,12 @@ const w = { class: "image-container" }, k = ["src", "alt"], B = ["data-platform"
         }, null, 8, k)
       ]),
       n("div", r({
-        class: "icon-container",
+        class: ["icon-container", `icon-container--${t.type}`],
         "data-platform": t.platform
       }, e(s)[e(l).APP_PLATFORM]), [
         i(e(c), {
           type: "branded",
-          name: e(y),
+          name: e(f),
           size: e(u)
         }, null, 8, ["name", "size"])
       ], 16, B),
@@ -65,7 +65,7 @@ const w = { class: "image-container" }, k = ["src", "alt"], B = ["data-platform"
           "icon-size": e(x),
           "tooltip-header": "Copy app key",
           "tooltip-text": t.appKey,
-          onCopy: d[0] || (d[0] = (V) => f("copyToClipboard"))
+          onCopy: d[0] || (d[0] = (V) => y("copyToClipboard"))
         }, null, 8, ["text", "hide-text-value", "test-id", "icon-size", "tooltip-text"])
       ]),
       t.showAbIcon ? (m(), p("div", r({