@ironsource/shared-ui 2.1.6-test.9 → 2.1.6

package/Alert.vue_vue_type_style_index_0_scoped_06e0871a_lang.css

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

package/AppDropdownTrigger.vue_vue_type_style_index_0_scoped_858cefbf_lang.css

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

package/CalendarMonthV4.vue_vue_type_style_index_0_scoped_b0d3ea50_lang.css

@@ -0,0 +1 @@
+.label[data-v-b0d3ea50]{color:#41454d}.days-wrapper .date-wrapper[data-v-b0d3ea50]{position:relative;width:32px;height:32px;display:inline-block;text-align:center;margin-bottom:4px;line-height:21px;box-sizing:border-box}.days-wrapper .date-wrapper.start-day-wrapper[data-v-b0d3ea50]{background:var(--primary-light, #cee7fe);border-radius:100% 0% 0% 100%}.days-wrapper .date-wrapper.end-day-wrapper[data-v-b0d3ea50]{background:var(--primary-light, #cee7fe);border-radius:0% 100% 100% 0%}.days-wrapper .date-wrapper.start-day-wrapper.end-day-wrapper[data-v-b0d3ea50]{background-color:transparent!important}.days-wrapper .date-wrapper.start-day-wrapper.end-day-wrapper[data-v-b0d3ea50]:before{content:"";display:block;position:absolute;background:var(--primary-main, #0091ff);width:32px;height:32px;left:50%;top:0;margin-left:-16px;border-radius:var(--borderRadius-full, 100px);z-index:-1}.days-wrapper .day[data-v-b0d3ea50]{position:relative;width:32px;height:32px;display:inline-block;text-align:center;padding:5px;margin-bottom:4px;line-height:21px;box-sizing:border-box;cursor:pointer;color:var(--text-Primary, #202020)}.days-wrapper .day[data-v-b0d3ea50]:not(.non-day):not(.disabled-day):not(.selected-day):hover:not(.selected-day-between):before{content:"";display:block;position:absolute;background:var(--primary-main50p, rgba(0, 145, 255, .5));width:32px;height:32px;left:50%;top:0;margin-left:-16px;border-radius:var(--borderRadius-full, 100px);z-index:-1}.days-wrapper .day.today[data-v-b0d3ea50]:after{content:"";background:var(--primary-main, #0091ff);position:absolute;text-align:center;width:4px;height:4px;border-radius:var(--borderRadius-full, 100px);bottom:4px;left:50%;margin-left:-2px}.days-wrapper .day.today.selected-day[data-v-b0d3ea50]:after,.days-wrapper .day.today.selected-day-between[data-v-b0d3ea50]:after{background:#ffffff}.days-wrapper .day.start-day[data-v-b0d3ea50]{border-radius:100px 0 0 100px}.days-wrapper .day.end-day[data-v-b0d3ea50]{border-radius:0 100px 100px 0}.days-wrapper .day.start-day.end-day[data-v-b0d3ea50]{background-color:transparent!important}.days-wrapper .day.start-day.end-day[data-v-b0d3ea50]:before{content:"";display:block;position:absolute;background:var(--primary-main, #0091ff);width:32px;height:32px;left:50%;top:0;margin-left:-16px;border-radius:var(--borderRadius-full, 100px);z-index:-1}.days-wrapper .day.selected-day-between[data-v-b0d3ea50]{color:#53575b;background:var(--primary-light, #cee7fe)}.days-wrapper .day.selected-day-between[data-v-b0d3ea50]:hover{background-color:var(--primary-main50p, rgba(0, 145, 255, .5));color:#696a6b}.days-wrapper .day.selected-day[data-v-b0d3ea50]{background:var(--primary-main, #0091ff)!important;border-radius:var(--borderRadius-full, 100px);color:var(--common-white, #fff)}.days-wrapper .day.selected-day[data-v-b0d3ea50]:hover{color:var(--common-white, #fff)}.days-wrapper .day.disabled-day[data-v-b0d3ea50]{color:var(--text-disabled, #bbb);cursor:default;background:transparent}.days-wrapper .day.non-day[data-v-b0d3ea50]{color:transparent;cursor:default;background:transparent}.calendar-month[data-v-b0d3ea50]{user-select:none;box-sizing:unset;padding:0;overflow:hidden;position:relative;width:224px;margin:auto}.calendar-month .days-header span[data-v-b0d3ea50]{width:32px;display:inline-block;display:inline-flex;text-align:center;height:32px;justify-content:center;align-items:center}.calendar-month .month-header[data-v-b0d3ea50]{display:flex;height:var(--spacing-500, 40px);padding:8px 0;align-items:center;gap:8px;align-self:stretch;text-align:center;flex-direction:column}.calendar-month .month-header .month-name[data-v-b0d3ea50]{color:var(--text-primary, #202020)}.calendar-month .week-day[data-v-b0d3ea50]{color:var(--text-secondary, #646464);text-align:center}.calendar-month .next[data-v-b0d3ea50]{right:1px;cursor:pointer;position:absolute;z-index:16}.calendar-month .next[data-v-b0d3ea50],.calendar-month .previous[data-v-b0d3ea50]{transform:translateY(8px)}.calendar-month .previous[data-v-b0d3ea50]{left:1px;cursor:pointer;position:absolute;z-index:16}

package/Chart.vue_vue_type_style_index_0_scoped_f06a4764_lang.css

@@ -0,0 +1 @@
+.chart-container[data-v-f06a4764]{border:1px solid var(--common-divider);background:var(--background-paper);display:flex;height:388px}.header-wrapper[data-v-f06a4764]{height:76px}.chart-content[data-v-f06a4764]{flex:1}.chart-sidebar[data-v-f06a4764]{border-left:1px solid var(--common-divider)}.chart[data-v-f06a4764]{width:100%;height:312px;position:relative}.chart__canvas[data-v-f06a4764]{width:100%;height:100%}.chart__tooltip[data-v-f06a4764]{position:absolute;pointer-events:none;transition:all .1s ease;min-width:214px;max-width:270px}

package/ChartHeader.vue_vue_type_style_index_0_scoped_88d4532f_lang.css

@@ -0,0 +1 @@
+.chart-header[data-v-88d4532f]{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 0}.header-texts[data-v-88d4532f]{display:flex;flex-direction:column;color:var(--text-primary);gap:4px}.type-switch[data-v-88d4532f]{display:flex;align-items:center;gap:4px}

package/ChartLegend.vue_vue_type_style_index_0_scoped_efc608f9_lang.css

@@ -0,0 +1 @@
+.chart-legend[data-v-efc608f9]{display:flex;flex-direction:column;width:220px;height:100%;padding-bottom:8px}.search-box[data-v-efc608f9]{padding:12px 12px 4px}.legend[data-v-efc608f9]{overflow-y:auto;color:var(--text-primary)}.legend__list[data-v-efc608f9]{list-style:none;padding:0 12px 0 20px}.legend__list>li[data-v-efc608f9]{display:flex;align-items:center;gap:8px;height:32px}

package/ChartLoader.vue_vue_type_style_index_0_scoped_142c444a_lang.css

@@ -0,0 +1 @@
+.label[data-v-142c444a]{color:#41454d}.chart-loader[data-v-142c444a]{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:80px 31px 31px}.chart-loader[data-v-142c444a]:after{position:absolute;inset:0;transform:translate(-100%);background-image:linear-gradient(90deg,rgba(255,255,255,0) 0,rgba(255,255,255,.2) 20%,rgba(255,255,255,.5) 60%,rgba(255,255,255,0));animation:shimmer-142c444a 2s infinite;content:""}@keyframes shimmer-142c444a{to{transform:translate(100%)}}

package/ChartTooltip.vue_vue_type_style_index_0_scoped_ec636f18_lang.css

@@ -0,0 +1 @@
+.chart-tooltip[data-v-ec636f18]{color:var(--text-primary);background:var(--common-white);box-shadow:0 4px 8px -2px #1018281f;border:1px solid var(--common-divider-elevation-0);border-radius:var(--border-radius-md);padding:calc(var(--spacing-100) - 1px)}.tooltip-title[data-v-ec636f18]{color:var(--text-primary);margin-bottom:var(--spacing-100)}.color-box[data-v-ec636f18]{width:var(--spacing-150);height:var(--spacing-150);border-radius:2px;display:inline-block;margin-right:var(--spacing-100)}.list[data-v-ec636f18]{list-style:none;margin:0;padding:0}.list__item[data-v-ec636f18]{display:flex;align-items:center;margin-bottom:var(--spacing-50);color:var(--text-secondary)}.list__item[data-v-ec636f18]:last-child{margin-bottom:0}.tooltip-footer[data-v-ec636f18]{display:flex;align-items:center;margin-top:var(--spacing-100);color:var(--text-primary)}.flex-grow[data-v-ec636f18]{flex-grow:1}

package/CheckboxV4.vue_vue_type_style_index_0_scoped_8e5b619a_lang.css

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

package/ChipV4.vue_vue_type_style_index_0_scoped_12c0f396_lang.css

@@ -0,0 +1 @@
+.chip[data-v-12c0f396]{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-12c0f396]{padding:6px;border-radius:var(--border-radius-md)}.chip--default[data-v-12c0f396]{color:var(--action-primary);background:var(--default-light);outline-color:var(--common-divider)}.chip--primary[data-v-12c0f396]{color:var(--primary-contrast-text);background:var(--primary-light);outline-color:var(--primary-main)}.chip--info[data-v-12c0f396]{color:var(--info-contrast-text);background:var(--info-light);outline-color:var(--info-dark)}.chip--error[data-v-12c0f396]{color:var(--error-contrast-text);background:var(--error-light);outline-color:var(--error-main)}.chip--warning[data-v-12c0f396]{color:var(--warning-contrast-text);background:var(--warning-light);outline-color:var(--warning-main)}.chip--success[data-v-12c0f396]{color:var(--success-contrast-text);background:var(--success-light);outline-color:var(--success-main)}.chip--dark[data-v-12c0f396]{color:var(--common-inverse-white);background:var(--common-inverse-black);outline-color:var(--common-divider)}.chip--filled[data-v-12c0f396]{outline-width:0}.chip--outlined[data-v-12c0f396]{outline-style:solid;outline-width:1px;outline-offset:-1px;background:transparent}.chip--outlined.chip--dark[data-v-12c0f396]{color:var(--action-primary)}.chip--disabled[data-v-12c0f396]{color:var(--action-disabled);background:var(--action-disabled-background);cursor:not-allowed}

package/DataGrid.vue_vue_type_style_index_0_scoped_057abdf5_lang.css

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

package/DataGridMenu.vue_vue_type_style_index_0_scoped_a6e4672f_lang.css

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

package/DatePickerV4.vue_vue_type_style_index_0_scoped_39e6c10c_lang.css

@@ -0,0 +1 @@
+.label[data-v-39e6c10c]{color:#41454d}.date-picker[data-v-39e6c10c]{position:relative}.date-picker .input[data-v-39e6c10c]{max-width:100%}.date-picker-popup[data-v-39e6c10c]{width:258px;padding:16px;position:absolute;top:33px;left:0;z-index:1000!important;border-radius:8px;border:1px solid var(--common-divider, #e4e4e4);background:var(--background-modelElevation, #fff);box-shadow:var(--elevation-lg)}.date-picker-popup.align-right[data-v-39e6c10c]{left:inherit;right:0}

package/DateRangeV4.vue_vue_type_style_index_0_scoped_f81413ec_lang.css

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

package/DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_0345d6b1_lang.css

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

package/DropdownV4.vue_vue_type_style_index_0_scoped_7af4f288_lang.css

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

package/FoldableSection.vue_vue_type_style_index_0_scoped_1a5f0e2e_lang.css

@@ -0,0 +1 @@
+.title-wrapper[data-v-1a5f0e2e]{display:flex;align-items:center;gap:var(--spacing-50);color:var(--text-primary);margin-bottom:var(--spacing-100);max-width:fit-content;cursor:pointer}.toggle-icon[data-v-1a5f0e2e]{color:var(--action-active)}.v-enter-active[data-v-1a5f0e2e],.v-leave-active[data-v-1a5f0e2e]{transition:opacity .25s ease}.v-enter-from[data-v-1a5f0e2e],.v-leave-to[data-v-1a5f0e2e]{opacity:0}.title[data-v-1a5f0e2e]{line-height:28px}[data-v-1a5f0e2e] .toggle-icon svg{display:block}

package/FormCard.vue_vue_type_style_index_0_scoped_c7965a69_lang.css

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

package/HelpIcon.vue_vue_type_style_index_0_scoped_06fce2e3_lang.css

@@ -0,0 +1 @@
+.table-help-icon[data-v-06fce2e3]{margin-left:var(--spacing-50);color:var(--action-active);margin-right:calc(var(--spacing-50) * -1)}.info-icon[data-v-06fce2e3]{color:var(--action-active)}.info-icon[data-v-06fce2e3]:hover{color:var(--action-primary)}

package/IconFlag.vue_vue_type_style_index_0_scoped_7b09cc85_lang.css

@@ -0,0 +1 @@
+.icon-flag[data-v-7b09cc85]{width:16px;height:16px;min-width:16px;display:inline-block;user-select:none}

package/IconV4.vue_vue_type_style_index_0_scoped_1eea7671_lang.css

@@ -0,0 +1 @@
+.icon[data-v-1eea7671]{user-select:none;display:flex;align-items:center;justify-content:center;width:fit-content;height:fit-content}.icon .icon-wrapper[data-v-1eea7671]{width:var(--2034b1ce);height:var(--66dae3c2);color:var(--5a4ab638)}.icon .icon-wrapper[data-v-1eea7671] svg{width:100%;height:100%}

package/InlineCopy.vue_vue_type_style_index_0_scoped_893a203c_lang.css

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

package/MultipleDataGrid.vue_vue_type_style_index_0_scoped_260b9cdc_lang.css

@@ -0,0 +1 @@
+.multi-table-container[data-v-260b9cdc]{border-radius:var(--border-radius-md);border:1px solid var(--common-divider);display:flex;flex-direction:column;overflow-y:auto;width:100%}.multi-table-container .table-header-container[data-v-260b9cdc]{align-items:center;background-color:var(--background-paper-elevation-0);display:flex;height:calc(var(--spacing-800) - 2px);justify-content:space-between;padding:var(--spacing-300);width:100%}.multi-table-container .table-header-container.sticky[data-v-260b9cdc]{position:sticky;top:0;z-index:calc(var(--6bca14de) + 3)}.multi-table-container[data-v-260b9cdc] table{display:table;border:unset;border-radius:unset}.multi-table-container[data-v-260b9cdc] thead{border-top:1px solid var(--common-divider)}.multi-table-container .tables-container[data-v-260b9cdc] thead.sticky{top:62px}

package/OptionV4.vue_vue_type_style_index_0_scoped_9db0f796_lang.css

@@ -0,0 +1 @@
+.label[data-v-9db0f796]{color:#41454d}.item-container[data-v-9db0f796]{width:100%;display:flex;align-items:center;cursor:pointer;border-radius:var(--border-radius-lg);margin-bottom:.25rem;color:var(--text-primary);padding:6px 8px}.item-container--disabled[data-v-9db0f796]{cursor:initial;color:var(--text-disabled)}.item-container[data-v-9db0f796]:hover:not(.item-container--disabled){background-color:var(--action-hover)}.item-container--active[data-v-9db0f796],.item-container[data-v-9db0f796]:active{background-color:var(--action-selected)}.item-container:not(.item-container--multi).item-container--selected[data-v-9db0f796]{background-color:var(--action-selected)}.subtitle[data-v-9db0f796]{color:#7b838c;line-height:1rem}.clear-button[data-v-9db0f796]{display:flex;padding:0 4px;color:#7b838c;align-items:center;height:auto;background-image:none;min-width:auto;border:none;background-color:transparent}.clear-button[data-v-9db0f796]:hover{color:#3083ff}.item[data-v-9db0f796]{width:100%;display:flex;gap:.5rem;align-items:center}.item--with-icon[data-v-9db0f796],.item--multi[data-v-9db0f796]{display:flex;flex-direction:row;align-items:center;justify-content:start}.item .image[data-v-9db0f796]{width:20px;height:20px;flex:none}.item .image img[data-v-9db0f796]{width:20px;height:20px;border-radius:4px}.item .start-icon[data-v-9db0f796],.item .end-icon[data-v-9db0f796]{display:flex;color:var(--action-active)}.item .option-text[data-v-9db0f796]{line-height:1.1875rem}.text-container[data-v-9db0f796]{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left}.tooltip-option[data-v-9db0f796]{display:block}.tooltip-option[data-v-9db0f796] .container{width:100%}

package/README.md

@@ -130,3 +130,38 @@ npm run pw:ui:local
 ```
 
 Read more about this project <a href="https://github.com/ironsource-mobile/shared-ui-ssp/blob/main/e2e/playwright/README.md">here</a>
+
+## Upload custom icons
+
+For uploading a new custom icon like 'ad-network' icon type, follow the next steps:
+
+- Compress your SVG
+    - Go to <a href="https://svgomg.net/">SVGOMG tool</a> and past your SVG icon
+    - Then download the new compressed icon
+
+- Validate your SVG
+    - Open the SVG file with your editor
+    - Make sure the it has `fill="currentColor"` wherever the color should be changeable
+    - Make sure it has no width & height hardcoded properties
+    - Make sure it has no ids like 'a' or 'b' which possibly won't be unique (change `id="a"` to `id="applovin_a"` for example)
+
+- Upload to S3
+    - Connect to AWS through Okta
+    - Go to S3
+    - Search Bucket named 'fusion-assets'
+    - Go to the 'fusion-assets/assets/icons/...'
+    - Go to the right folder for you
+    - Drag your SVG files to the table in order to upload them
+
+- Invalidate Cache
+    - Connect to AWS through Okta
+    - Go to CloudFront
+    - Search a distribution named 'fusion.ironsrc.net'
+    - Go to the 'Invalidations' tab
+    - Create the correct invalidation according to what you've uploaded earlier (example: '/assets/icons/v4/ad-networks/*')
+    - Note: you can use the old invalidations by clicking 'Copy to new'
+
+- Clear your browser cache
+    - Go to your StoryBook link
+    - Clear your browser cache
+    - New icons should be displayed!!

package/SearchV4.vue_vue_type_style_index_0_scoped_d6c42f4b_lang.css

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

package/SkeletonV4.vue_vue_type_style_index_0_scoped_93ae1260_lang.css

@@ -0,0 +1 @@
+.label[data-v-93ae1260]{color:#41454d}.skeleton[data-v-93ae1260]{position:relative;display:inline-block;overflow:hidden;width:100%;background-color:var(--action-hover);color:transparent;height:var(--abeaca10)}.skeleton--circle[data-v-93ae1260]{border-radius:100%;width:var(--abeaca10)}.skeleton--square[data-v-93ae1260]{border-radius:var(--border-radius-sm);width:var(--abeaca10)}.skeleton--rectangle[data-v-93ae1260]{border-radius:var(--border-radius-sm)}.skeleton--pill[data-v-93ae1260]{border-radius:calc(var(--abeaca10) / 2)}.skeleton[data-v-93ae1260]:after{position:absolute;inset:0;transform:translate(-100%);background-image:linear-gradient(90deg,rgba(255,255,255,0) 0,rgba(255,255,255,.2) 20%,rgba(255,255,255,.5) 60%,rgba(255,255,255,0));animation:shimmer-93ae1260 2s infinite;content:""}@keyframes shimmer-93ae1260{to{transform:translate(100%)}}

package/SortableItem.vue_vue_type_style_index_0_scoped_9dd4d372_lang.css

@@ -0,0 +1 @@
+.sortable-item[data-v-9dd4d372]{display:flex;position:relative;flex-direction:column;border:1px solid var(--common-divider);border-radius:var(--border-radius-sm);background:var(--background-paper)}.sortable-item--selected[data-v-9dd4d372]{outline:2px solid var(--primary-main);outline-offset:-2px}.sortable-item--hovered[data-v-9dd4d372]{border-color:var(--action-active)}.sortable-item.sortable-drag[data-v-9dd4d372]{border-color:var(--common-divider)!important}.sortable-item.sortable-drag .child-list[data-v-9dd4d372]{display:none}.sortable-item--hovered .drag-allowed .draggable-handle[data-v-9dd4d372],.sortable-item.sortable-drag .drag-allowed .draggable-handle[data-v-9dd4d372]{display:flex}.sortable-item--hovered .drag-allowed .order-num[data-v-9dd4d372],.sortable-item.sortable-drag .drag-allowed .order-num[data-v-9dd4d372]{display:none}.item[data-v-9dd4d372]{height:38px;display:flex;align-items:center}.item__prefix[data-v-9dd4d372]{width:36px;display:flex;align-items:center;justify-content:center}.item__text[data-v-9dd4d372]{flex:1;height:38px;display:flex;align-items:center}.item__menu[data-v-9dd4d372]{width:26px}.country-flag[data-v-9dd4d372]{margin-right:var(--spacing-100)}.child-list[data-v-9dd4d372]{max-height:176px}.child-list ul[data-v-9dd4d372]{list-style:none;display:flex;flex-direction:column;padding-left:16px;padding-right:8px;margin-bottom:4px;gap:2px}.child-list li[data-v-9dd4d372]{min-height:32px;display:flex;align-items:center;border-radius:var(--border-radius-lg);padding:0 8px}.child-list li[data-v-9dd4d372]:hover{cursor:pointer;background:var(--action-selected)}.child-list li.selected[data-v-9dd4d372]{background:var(--action-selected)}.expand-icon[data-v-9dd4d372]{cursor:pointer;padding-right:7px;padding-left:1px;height:38px;display:flex;justify-content:center;align-items:center;color:var(--action-active)}.expand-icon[data-v-9dd4d372]:hover{color:var(--text-primary)}.locked-icon[data-v-9dd4d372]{color:var(--action-active)}.draggable-handle[data-v-9dd4d372]{display:none;align-items:center;justify-content:center;position:absolute;left:0;top:0;width:36px;height:38px;color:var(--action-active)}.draggable-handle[data-v-9dd4d372]:hover{cursor:grab;color:var(--text-primary)}.sortable-ghost[data-v-9dd4d372]{position:relative;outline:none}.sortable-ghost[data-v-9dd4d372]:after{content:"";display:block;position:absolute;z-index:10;inset:-1px;background:rgb(242,242,242);border-radius:var(--border-radius-sm)}

package/SortableItemLabel.vue_vue_type_style_index_0_scoped_1386ae20_lang.css

@@ -0,0 +1 @@
+.decorated-text[data-v-1386ae20]{border-bottom:1px dashed var(--action-active)}.tooltip-content[data-v-1386ae20]{max-width:260px}.help[data-v-1386ae20]{margin-bottom:8px}.help__title[data-v-1386ae20]{margin-bottom:4px}.help__text[data-v-1386ae20]{color:var(--text-secondary)}.help[data-v-1386ae20]:last-child{margin-bottom:0}

package/SortableList.vue_vue_type_style_index_0_scoped_21842d59_lang.css

@@ -0,0 +1 @@
+.list-search[data-v-21842d59]{margin-bottom:var(--spacing-100)}.sortable-list[data-v-21842d59],.locked-list[data-v-21842d59]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-75);color:var(--text-primary)}.locked-list[data-v-21842d59]{margin-top:var(--spacing-75)}.force-grabbing-cursor *[data-v-21842d59]{cursor:move!important;cursor:-webkit-grabbing!important;cursor:-moz-grabbing!important;cursor:grabbing!important}

package/SwitchV4.vue_vue_type_style_index_0_scoped_c2e356f5_lang.css

@@ -0,0 +1 @@
+.switch[data-v-c2e356f5]{position:relative;display:inline-flex;background:var(--default-main);border-radius:var(--border-radius-md);border:1px solid var(--default-outlined-border);overflow:hidden}.option[data-v-c2e356f5]{border-radius:0;padding:3px}.option[data-v-c2e356f5]:not(:last-child){border-right:1px solid var(--default-outlined-border)}.option--selected[data-v-c2e356f5]{background:var(--action-selected)}.option--selected[data-v-c2e356f5] .icon{color:var(--text-primary)}

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

package/ThemeWrapper.vue_vue_type_style_index_0_scoped_b62ee695_lang.css

@@ -0,0 +1 @@
+span[data-v-b62ee695]{display:inline}

package/ToggleV4.vue_vue_type_style_index_0_scoped_a4aa32fb_lang.css

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

package/TreeDropdown.vue_vue_type_style_index_0_scoped_142eab98_lang.css

@@ -0,0 +1 @@
+.child-options[data-v-142eab98]{padding-left:1rem}

package/components/ThemeWrapper/ThemeWrapper.vue.d.ts

@@ -1,9 +1,9 @@
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    version: "v3" | "v4";
+    version?: "v3" | "v4";
 }>, {
     version: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    version: "v3" | "v4";
+    version?: "v3" | "v4";
 }>, {
     version: string;
 }>>>, {

package/components/ThemeWrapper/index.d.ts

@@ -8,7 +8,6 @@ declare const ThemeWrapperTypes: () => ({
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             version: {
                 type: import("vue").PropType<"v3" | "v4">;
-                required: true;
                 default: string;
             };
         }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "version">;
@@ -28,7 +27,6 @@ declare const ThemeWrapperTypes: () => ({
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             version: {
                 type: import("vue").PropType<"v3" | "v4">;
-                required: true;
                 default: string;
             };
         }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
@@ -56,7 +54,6 @@ declare const ThemeWrapperTypes: () => ({
     } & Readonly<import("vue").ExtractPropTypes<{
         version: {
             type: import("vue").PropType<"v3" | "v4">;
-            required: true;
             default: string;
         };
     }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
@@ -66,7 +63,6 @@ declare const ThemeWrapperTypes: () => ({
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     version: {
         type: import("vue").PropType<"v3" | "v4">;
-        required: true;
         default: string;
     };
 }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {

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

@@ -5,7 +5,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     variant?: "outlined" | "standard";
     dismissible?: boolean;
     actionText?: string;
+    actionVariant?: "contained" | "outlined";
+    actionIconName?: string;
+    actionLoading?: boolean;
+    actionSize?: "small" | "medium";
     rounded?: boolean;
+    hideIcon?: boolean;
     testId?: string;
 }>, {
     title: string;
@@ -14,10 +19,16 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     color: string;
     dismissible: boolean;
     actionText: string;
+    actionIconName: any;
+    actionVariant: string;
+    actionLoading: boolean;
+    actionSize: string;
     rounded: boolean;
+    hideIcon: boolean;
     testId: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: () => void;
+    actionButtonClick: () => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     title?: string;
     description?: string;
@@ -25,7 +36,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     variant?: "outlined" | "standard";
     dismissible?: boolean;
     actionText?: string;
+    actionVariant?: "contained" | "outlined";
+    actionIconName?: string;
+    actionLoading?: boolean;
+    actionSize?: "small" | "medium";
     rounded?: boolean;
+    hideIcon?: boolean;
     testId?: string;
 }>, {
     title: string;
@@ -34,10 +50,16 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     color: string;
     dismissible: boolean;
     actionText: string;
+    actionIconName: any;
+    actionVariant: string;
+    actionLoading: boolean;
+    actionSize: string;
     rounded: boolean;
+    hideIcon: boolean;
     testId: string;
 }>>> & {
     onClose?: () => any;
+    onActionButtonClick?: () => any;
 }, {
     title: string;
     variant: "outlined" | "standard";
@@ -46,8 +68,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     description: string;
     dismissible: boolean;
     actionText: string;
+    actionVariant: "contained" | "outlined";
+    actionIconName: string;
+    actionLoading: boolean;
+    actionSize: "small" | "medium";
     rounded: boolean;
+    hideIcon: boolean;
 }>, {
+    "after-title"?(_: {}): any;
     default?(_: {}): any;
 }>;
 export default _default;

package/components/alert/index.d.ts

@@ -11,7 +11,12 @@ declare const AlertTypes: () => ({
             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<{
             title: {
                 type: import("vue").PropType<string>;
@@ -41,13 +46,34 @@ 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;
+            };
+            actionLoading: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            actionSize: {
+                type: import("vue").PropType<"small" | "medium">;
+                default: string;
+            };
             rounded: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            hideIcon: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
         }>> & {
             onClose?: () => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "variant" | "color" | "testId" | "description" | "dismissible" | "actionText" | "rounded">;
+            onActionButtonClick?: () => any;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "variant" | "color" | "testId" | "description" | "dismissible" | "actionText" | "actionVariant" | "actionIconName" | "actionLoading" | "actionSize" | "rounded" | "hideIcon">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -59,7 +85,7 @@ declare const AlertTypes: () => ({
         }>;
         $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
         $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
-        $emit: (event: "close") => void;
+        $emit: ((event: "close") => void) & ((event: "actionButtonClick") => void);
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             title: {
@@ -90,14 +116,36 @@ 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;
+            };
+            actionLoading: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            actionSize: {
+                type: import("vue").PropType<"small" | "medium">;
+                default: string;
+            };
             rounded: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            hideIcon: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
         }>> & {
             onClose?: () => any;
+            onActionButtonClick?: () => any;
         }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             close: () => void;
+            actionButtonClick: () => void;
         }, string, {
             title: string;
             variant: "outlined" | "standard";
@@ -106,7 +154,12 @@ declare const AlertTypes: () => ({
             description: string;
             dismissible: boolean;
             actionText: string;
+            actionVariant: "contained" | "outlined";
+            actionIconName: string;
+            actionLoading: boolean;
+            actionSize: "small" | "medium";
             rounded: boolean;
+            hideIcon: boolean;
         }, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -156,12 +209,33 @@ 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;
+        };
+        actionLoading: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        actionSize: {
+            type: import("vue").PropType<"small" | "medium">;
+            default: string;
+        };
         rounded: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        hideIcon: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
     }>> & {
         onClose?: () => any;
+        onActionButtonClick?: () => any;
     } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: never;
     __isTeleport?: never;
@@ -195,14 +269,36 @@ 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;
+    };
+    actionLoading: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    actionSize: {
+        type: import("vue").PropType<"small" | "medium">;
+        default: string;
+    };
     rounded: {
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    hideIcon: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
 }>> & {
     onClose?: () => any;
+    onActionButtonClick?: () => any;
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: () => void;
+    actionButtonClick: () => void;
 }, string, {
     title: string;
     variant: "outlined" | "standard";
@@ -211,9 +307,15 @@ declare const AlertTypes: () => ({
     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 () => {
     $slots: {
+        "after-title"?(_: {}): any;
         default?(_: {}): any;
     };
 }))[];

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

@@ -115,6 +115,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }>, {
     default?(_: {
         option: unknown;
+        index: number;
         selected: boolean;
         active: boolean;
         disabled: any;

package/components/autocomplete/index.d.ts

@@ -469,6 +469,7 @@ declare const AutocompleteTypes: () => ({
     $slots: {
         default?(_: {
             option: unknown;
+            index: number;
             selected: boolean;
             active: boolean;
             disabled: any;

package/components/button/v4/ButtonV4.vue.d.ts

@@ -8,8 +8,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     content?: string;
     startIconName?: string;
     endIconName?: string;
-    startIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
-    endIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+    startIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
+    endIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
 }>, {
     startIconName: any;
     endIconName: any;
@@ -32,8 +32,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     content?: string;
     startIconName?: string;
     endIconName?: string;
-    startIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
-    endIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+    startIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
+    endIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
 }>, {
     startIconName: any;
     endIconName: any;
@@ -49,15 +49,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }>>>, {
     variant: "text" | "contained" | "outlined";
     disabled: boolean;
-    size: "small" | "medium" | "large" | "extraLarge";
     color: "default" | "primary" | "danger" | "info" | "success" | "warning";
+    size: "small" | "medium" | "large" | "extraLarge";
     content: string;
     loading: boolean;
     testId: string;
     startIconName: string;
     endIconName: string;
-    startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
-    endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+    startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
+    endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
 }>, {
     default?(_: {}): any;
     loader?(_: {}): any;