@ironsource/shared-ui 2.1.3-rc.1 → 2.1.3-rc.3

package/AppHeader.vue_vue_type_style_index_0_scoped_95908b8d_lang.css

@@ -0,0 +1 @@
+.app-header[data-v-95908b8d]{display:flex}.app-header .image-container[data-v-95908b8d]{height:3rem;width:3rem;border-radius:.25rem}.app-header .image-container img[data-v-95908b8d]{min-width:100%;max-width:100%;max-height:100%;object-fit:cover;border-radius:.25rem}.app-header .icon-container[data-v-95908b8d]{color:var(--action-active);display:flex;align-items:center;padding:0 .5rem}.app-header .name-container .title[data-v-95908b8d]{color:var(--text-primary)}.app-header .name-container .inline-copy[data-v-95908b8d]{color:var(--text-secondary)}.app-header.size-small[data-v-95908b8d]{align-items:center}.app-header.size-small .image-container[data-v-95908b8d]{height:2rem;width:2rem;border-radius:.375rem}.app-header.size-small .image-container img[data-v-95908b8d]{border-radius:.375rem}.app-header.size-small .icon-container[data-v-95908b8d]{padding:0 .25rem}.app-header.size-small .name-container[data-v-95908b8d]{display:flex}

package/CardPanel.vue_vue_type_style_index_0_scoped_7d0acb11_lang.css

@@ -0,0 +1 @@
+.card-panel[data-v-7d0acb11]{border-radius:var(--border-radius-sm);border:1px solid var(--common-divider);background:var(--background-paper);padding:var(--spacing-125) var(--spacing-300)}.card-panel--no-padding[data-v-7d0acb11]{padding:0}.card-panel--has-next[data-v-7d0acb11]{border-bottom-right-radius:0;border-bottom-left-radius:0}.card-panel--has-next+.card-panel[data-v-7d0acb11]{border-top:0;border-top-right-radius:0;border-top-left-radius:0}.card-panel[data-v-7d0acb11] :last-child{margin-bottom:0}

package/CheckboxV4.vue_vue_type_style_index_0_scoped_d25514d1_lang.css

@@ -0,0 +1 @@
+.checkbox[data-v-d25514d1]{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-d25514d1]{outline:solid;border-radius:4px}.icon.unchecked[data-v-d25514d1]{color:var(--default-outlined-border)}.checkbox:hover .icon.unchecked[data-v-d25514d1]{color:var(--action-active)}.checkboxes[data-v-d25514d1]{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-d25514d1]{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-d25514d1]{overflow:hidden;pointer-events:none;position:absolute;z-index:0;inset:0}.states[data-v-d25514d1]{width:var(--spacing-200);height:var(--spacing-200)}.disabled[data-v-d25514d1]{cursor:default}.disabled .checkbox-label[data-v-d25514d1]{color:var(--text-disabled)}.checkbox-label[data-v-d25514d1]{margin-left:var(--spacing-100);color:var(--text-primary)}

package/DataGrid.vue_vue_type_style_index_0_scoped_4baf9e57_lang.css

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

package/DataGridMenu.vue_vue_type_style_index_0_scoped_13f1ce76_lang.css

@@ -0,0 +1 @@
+.data-grid-menu[data-v-13f1ce76]{position:relative;left:-10px}.menu-icon[data-v-13f1ce76]{color:var(--text-secondary)}

package/DataGridRowsCounter.vue_vue_type_style_index_0_scoped_06751538_lang.css

@@ -0,0 +1 @@
+.data-grid-rows-counter[data-v-06751538]{color:var(--text-secondary)}.text-strong[data-v-06751538]{color:var(--text-primary)}

package/EditableV4.vue_vue_type_style_index_0_scoped_31bfb722_lang.css

@@ -0,0 +1 @@
+.editable[data-v-31bfb722]{position:relative;left:calc(var(--spacing-100) * -1);display:flex;align-items:center}.editable-wrapper[data-v-31bfb722]{display:flex;flex:1 1 auto}.editable-wrapper[data-v-31bfb722]:hover{cursor:text;background:var(--default-main)}.editable-content[data-v-31bfb722]{padding:0 var(--spacing-100);height:28px;display:flex;align-items:center;justify-content:space-between;width:100%;border-radius:var(--border-radius-md)}.caret-icon[data-v-31bfb722]{display:none;color:var(--action-active)}.table-row:hover .editable-wrapper[data-v-31bfb722]{cursor:text;width:100%}.table-row:hover .editable-content[data-v-31bfb722]{outline:1px solid var(--action-outlined-border);outline-offset:-1px}.table-row:hover .caret-icon[data-v-31bfb722]{display:flex}

package/EmptyStateV4.vue_vue_type_style_index_0_scoped_24001caa_lang.css

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

package/FieldLabel.vue_vue_type_style_index_0_scoped_5c2a70ad_lang.css

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

package/FieldMaxLength.vue_vue_type_style_index_0_scoped_f3c4001a_lang.css

@@ -0,0 +1 @@
+.max-length[data-v-f3c4001a]{display:flex;justify-content:flex-end;color:var(--text-secondary)}.max-length__divider[data-v-f3c4001a]{margin:0 -3px}

package/FormRow.vue_vue_type_style_index_0_scoped_39f48410_lang.css

@@ -0,0 +1 @@
+.form-row[data-v-39f48410]{display:flex;height:auto;gap:1.5rem;align-items:baseline}.form-row .label-container[data-v-39f48410]{display:flex;align-items:center;min-height:1.75rem;height:100%;width:12.875rem;gap:.25rem;flex-shrink:0}.form-row .label-container .mandatory[data-v-39f48410]{color:var(--error-main);padding-top:.1875rem}.form-row .content[data-v-39f48410]{display:flex;flex-direction:column;align-items:stretch;gap:.25rem;width:100%}

package/InlineCopy.vue_vue_type_style_index_0_scoped_2a9e8782_lang.css

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

package/RadioButtonV4.vue_vue_type_style_index_0_scoped_cb3a12c6_lang.css

@@ -0,0 +1 @@
+.radio-button[data-v-cb3a12c6]{display:flex;align-items:center}.radio-button--disabled[data-v-cb3a12c6],.radio-button--disabled .label[data-v-cb3a12c6]{cursor:default}.wrapper[data-v-cb3a12c6]{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-cb3a12c6]{cursor:pointer;color:var(--text-primary);flex-direction:column;display:inline-flex}.label--disabled[data-v-cb3a12c6]{color:var(--text-disabled)}input[data-v-cb3a12c6]{cursor:inherit;position:absolute;opacity:0;width:100%;height:100%;top:0;left:0;margin:0;padding:0;z-index:1}.circle[data-v-cb3a12c6]{border-radius:50%;width:var(--spacing-200);height:var(--spacing-200);transition:all .2s ease-in-out 0s;background-color:var(--default-main);box-shadow:var(--default-outlined-border) 0 0 0 1px inset}.circle--selected[data-v-cb3a12c6]{background-color:var(--primary-main);box-shadow:var(--primary-dark) 0 0 0 1px inset}.circle--selected[data-v-cb3a12c6]: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-cb3a12c6]{background-color:var(--action-disabled-background);box-shadow:var(--action-hover) 0 0 0 1px inset}.circle--disabled.circle--selected[data-v-cb3a12c6]{background-color:var(--primary-light);box-shadow:var(--primary-main-50-p) 0 0 0 1px inset}.circle--disabled.circle--selected[data-v-cb3a12c6]:before{display:block;width:var(--spacing-200);height:var(--spacing-200);background-image:radial-gradient(var(--primary-main-50-p),var(--primary-main-50-p) 3px,transparent 28%);content:""}.radio-button:hover .circle[data-v-cb3a12c6]:not(.circle--selected):not(.circle--disabled){box-shadow:var(--action-active) 0 0 0 1px inset}

package/TextArea.vue_vue_type_style_index_0_scoped_eb62e4c0_lang.css

@@ -0,0 +1 @@
+.label[data-v-eb62e4c0]{color:#41454d}.disabled[data-v-eb62e4c0]{opacity:70%}.textarea-with-label-container[data-v-eb62e4c0]{display:flex;flex-direction:column}.textarea-with-label-container .label-container[data-v-eb62e4c0]{white-space:nowrap;display:flex;align-items:center;height:24px}.textarea-with-label-container .label-container .label[data-v-eb62e4c0]{margin-bottom:4px}.textarea-with-label-container .textarea[data-v-eb62e4c0]{padding:.5rem 12px;height:96px;border:none;border-radius:.5rem;background:#f1f3f4;color:#53575b;font-family:HelveticaNeue,sans-serif;font-size:.8125rem}.textarea-with-label-container .textarea[data-v-eb62e4c0]:focus{outline:none;background:linear-gradient(0deg,#3083ff 0,#3083ff 2px,#f1f3f4 0)}.textarea-with-label-container .textarea[data-v-eb62e4c0]:disabled{color:#8e959d}.textarea-with-label-container .textarea[data-v-eb62e4c0]::placeholder{color:#8e959d}.textarea-with-label-container .extra-text-container[data-v-eb62e4c0]{line-height:16px;margin-left:4px}.textarea-with-label-container .extra-text-container .error[data-v-eb62e4c0]{color:#da564f}.textarea-with-label-container .extra-text-container .help[data-v-eb62e4c0]{color:#696a6b}

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

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

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_209ecc03_lang.css"; //*');
-const s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-209ecc03"]]);
+// import "../../AppHeader.vue_vue_type_style_index_0_scoped_95908b8d_lang.css"; //*');
+const t = /* @__PURE__ */ o(e, [["__scopeId", "data-v-95908b8d"]]);
 export {
-  s as default
+  t as default
 };

package/components/appHeader/AppHeader.vue2.js

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

package/components/checkbox/v4/CheckboxV4.vue.js

@@ -1,7 +1,7 @@
-import e from "./CheckboxV4.vue2.js";
-/* empty css                 */import o from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../CheckboxV4.vue_vue_type_style_index_0_scoped_ee3e6d82_lang.css"; //*');
-const c = /* @__PURE__ */ o(e, [["__scopeId", "data-v-ee3e6d82"]]);
+import o from "./CheckboxV4.vue2.js";
+/* empty css                 */import e from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../CheckboxV4.vue_vue_type_style_index_0_scoped_d25514d1_lang.css"; //*');
+const c = /* @__PURE__ */ e(o, [["__scopeId", "data-v-d25514d1"]]);
 export {
   c as default
 };

package/components/checkbox/v4/CheckboxV4.vue2.js

@@ -1,4 +1,4 @@
- import "../../../CheckboxV4.vue_vue_type_style_index_0_scoped_ee3e6d82_lang.css"; import { defineComponent as D, openBlock as o, createElementBlock as p, mergeProps as r, unref as e, createElementVNode as m, Fragment as x, createBlock as n, createCommentVNode as s, withCtx as V, renderSlot as F, createTextVNode as g, toDisplayString as A, pushScopeId as T, popScopeId as v } from "vue";
+ import "../../../CheckboxV4.vue_vue_type_style_index_0_scoped_d25514d1_lang.css"; import { defineComponent as D, openBlock as o, createElementBlock as p, mergeProps as r, unref as e, createElementVNode as m, Fragment as x, createBlock as n, createCommentVNode as s, withCtx as V, renderSlot as F, createTextVNode as g, toDisplayString as A, pushScopeId as T, popScopeId as v } from "vue";
 import L from "../../typography/v4/Typography.vue.js";
 import N from "./icons/UncheckedState.vue.js";
 import P from "./icons/CheckedState.vue.js";
@@ -9,7 +9,7 @@ import K from "./icons/IndeterminateDisabledState.vue.js";
 import { CheckboxTestIdModifiers as i } from "../../../testids/index.js";
 import { checkboxCommon as R } from "../common/Checkbox.common.js";
 import { useTestIdAttrs as U } from "../../../utils/testIds.js";
-const M = (t) => (T("data-v-ee3e6d82"), t = t(), v(), t), W = ["for"], j = { class: "checkboxes" }, q = ["id", "disabled", "checked", ".indeterminate"], z = /* @__PURE__ */ M(() => /* @__PURE__ */ m("span", { class: "checkbox__inner" }, null, -1)), G = { class: "states" }, de = /* @__PURE__ */ D({
+const M = (t) => (T("data-v-d25514d1"), t = t(), v(), t), W = ["for"], j = { class: "checkboxes" }, q = ["id", "disabled", "checked", ".indeterminate"], z = /* @__PURE__ */ M(() => /* @__PURE__ */ m("span", { class: "checkbox__inner" }, null, -1)), G = { class: "states" }, de = /* @__PURE__ */ D({
   __name: "CheckboxV4",
   props: {
     isChecked: { type: Boolean },

package/components/checkbox/v4/icons/UncheckedDisabledState.vue.js

@@ -5,27 +5,26 @@ const n = {}, r = {
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 }, s = /* @__PURE__ */ e("rect", {
-  x: "0.5",
-  y: "0.5",
-  width: "15",
-  height: "15",
-  rx: "3.5",
-  fill: "#EBEBEB"
+  width: "16",
+  height: "16",
+  rx: "4",
+  fill: "#F1F1F1"
 }, null, -1), i = /* @__PURE__ */ e("rect", {
   x: "0.5",
   y: "0.5",
   width: "15",
   height: "15",
   rx: "3.5",
-  stroke: "#EBEBEB"
-}, null, -1), _ = [
+  stroke: "black",
+  "stroke-opacity": "0.05"
+}, null, -1), l = [
   s,
   i
 ];
-function l(h, d) {
-  return t(), o("svg", r, _);
+function _(h, d) {
+  return t(), o("svg", r, l);
 }
-const B = /* @__PURE__ */ c(n, [["render", l]]);
+const m = /* @__PURE__ */ c(n, [["render", _]]);
 export {
-  B as default
+  m as default
 };

package/components/checkbox/v4/icons/UncheckedState.vue.js

@@ -1,31 +1,32 @@
-import { openBlock as t, createElementBlock as o, createElementVNode as e } from "vue";
+import { openBlock as e, createElementBlock as o, createElementVNode as t } from "vue";
 import c from "../../../../_virtual/_plugin-vue_export-helper.js";
-const n = {}, r = {
+const r = {}, n = {
   viewBox: "0 0 16 16",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, s = /* @__PURE__ */ e("rect", {
+}, l = /* @__PURE__ */ t("rect", {
   x: "0.5",
   y: "0.5",
   width: "15",
   height: "15",
   rx: "3.5",
-  fill: "#EBEBEB"
-}, null, -1), _ = /* @__PURE__ */ e("rect", {
+  fill: "black",
+  "fill-opacity": "0.05"
+}, null, -1), s = /* @__PURE__ */ t("rect", {
   x: "0.5",
   y: "0.5",
   width: "15",
   height: "15",
   rx: "3.5",
-  stroke: "#BBBBBB"
+  stroke: "currentColor"
 }, null, -1), i = [
-  s,
-  _
+  l,
+  s
 ];
-function l(h, B) {
-  return t(), o("svg", r, i);
+function _(h, d) {
+  return e(), o("svg", n, i);
 }
-const x = /* @__PURE__ */ c(n, [["render", l]]);
+const x = /* @__PURE__ */ c(r, [["render", _]]);
 export {
   x as default
 };