@ironsource/shared-ui 2.2.0-test.2 → 2.2.0-test.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1 @@
1
+ .app-header[data-v-4c813f30]{display:flex}.app-header .image-container[data-v-4c813f30]{height:3rem;width:3rem;border-radius:.25rem}.app-header .image-container img[data-v-4c813f30]{min-width:100%;max-width:100%;max-height:100%;object-fit:cover;border-radius:.25rem}.app-header .icon-container[data-v-4c813f30]{color:var(--action-active);display:flex;align-items:center;padding:0 .5rem}.app-header .icon-container--small[data-v-4c813f30]{background:var(--default-main);width:1.5rem;height:1.5rem;border-radius:50%;margin:0 .375rem;color:var(--text-secondary)}.app-header .name-container .title[data-v-4c813f30]{color:var(--text-primary)}.app-header .name-container .inline-copy[data-v-4c813f30]{color:var(--text-secondary)}.app-header.size-small[data-v-4c813f30]{align-items:center}.app-header.size-small .image-container[data-v-4c813f30]{height:2rem;width:2rem;border-radius:.375rem}.app-header.size-small .image-container img[data-v-4c813f30]{border-radius:.375rem}.app-header.size-small .icon-container[data-v-4c813f30]{padding:0 .25rem}.app-header.size-small .name-container[data-v-4c813f30]{display:flex;align-items:center}.ab-icon-wrapper[data-v-4c813f30]{margin-left:var(--spacing-150);padding-left:var(--spacing-150);border-left:1px solid var(--common-divider);min-height:var(--spacing-400);display:flex;align-items:center}.size-small .ab-icon-wrapper[data-v-4c813f30]{margin-left:var(--spacing-25);padding-left:var(--spacing-100)}
@@ -0,0 +1 @@
1
+ .button-wrap[data-v-a59af1ad]{border-radius:var(--border-radius-md);transition:all .2s ease;padding:0;min-width:auto;background-image:none;box-sizing:border-box;border:0;cursor:pointer}.contained.primary[data-v-a59af1ad]{color:var(--primary-button-contrast-text);background:var(--primary-main)}.contained.primary[data-v-a59af1ad]:hover{background:var(--primary-dark)}.contained.primary[data-v-a59af1ad]:disabled{color:var(--text-disabled);background:var(--action-disabled-background)!important;opacity:1}.contained.primary[data-v-a59af1ad]:disabled:hover{cursor:not-allowed}.contained.default[data-v-a59af1ad]{color:var(--default-button-contrast-text);background:var(--default-main)}.contained.default[data-v-a59af1ad]:hover{background:var(--default-dark)}.contained.default[data-v-a59af1ad]:disabled{color:var(--text-disabled);background:var(--action-disabled-background)!important;opacity:1}.contained.default[data-v-a59af1ad]:disabled:hover{cursor:not-allowed}.contained.danger[data-v-a59af1ad]{color:var(--error-button-contrast-text);background:var(--error-main)}.contained.danger[data-v-a59af1ad]:hover{background:var(--error-dark)}.contained.danger[data-v-a59af1ad]:disabled{color:var(--text-disabled);background:var(--action-disabled-background)!important;opacity:1}.contained.danger[data-v-a59af1ad]:disabled:hover{cursor:not-allowed}.contained.info[data-v-a59af1ad]{color:var(--info-button-contrast-text);background:var(--info-main)}.contained.info[data-v-a59af1ad]:hover{background:var(--info-dark)}.contained.info[data-v-a59af1ad]:disabled{color:var(--text-disabled);background:var(--action-disabled-background)!important;opacity:1}.contained.info[data-v-a59af1ad]:disabled:hover{cursor:not-allowed}.contained.success[data-v-a59af1ad]{color:var(--success-button-contrast-text);background:var(--success-main)}.contained.success[data-v-a59af1ad]:hover{background:var(--success-dark)}.contained.success[data-v-a59af1ad]:disabled{color:var(--text-disabled);background:var(--action-disabled-background)!important;opacity:1}.contained.success[data-v-a59af1ad]:disabled:hover{cursor:not-allowed}.contained.warning[data-v-a59af1ad]{color:var(--warning-button-contrast-text);background:var(--warning-main)}.contained.warning[data-v-a59af1ad]:hover{background:var(--warning-dark)}.contained.warning[data-v-a59af1ad]:disabled{color:var(--text-disabled);background:var(--action-disabled-background)!important;opacity:1}.contained.warning[data-v-a59af1ad]:disabled:hover{cursor:not-allowed}.contained.loading[data-v-a59af1ad],.contained.loading[data-v-a59af1ad]:hover{background:var(--action-disabled-background)}.outlined[data-v-a59af1ad]{background:transparent}.outlined.primary[data-v-a59af1ad]{color:var(--primary-darker);border:1px solid var(--primary-main-50-p)}.outlined.primary[data-v-a59af1ad]:hover{background:var(--primary-lighter)}.outlined.primary[data-v-a59af1ad]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border)!important;opacity:1}.outlined.primary[data-v-a59af1ad]:disabled:hover{cursor:not-allowed}.outlined.default[data-v-a59af1ad]{color:var(--default-contrast-text);border:1px solid var(--default-main-50-p)}.outlined.default[data-v-a59af1ad]:hover{border:1px solid var(--action-active);background:var(--action-hover)}.outlined.default[data-v-a59af1ad]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border)!important;opacity:1}.outlined.default[data-v-a59af1ad]:disabled:hover{cursor:not-allowed}.outlined.danger[data-v-a59af1ad]{color:var(--error-darker);border:1px solid var(--error-main-50-p)}.outlined.danger[data-v-a59af1ad]:hover{background:var(--error-lighter)}.outlined.danger[data-v-a59af1ad]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border)!important;opacity:1}.outlined.danger[data-v-a59af1ad]:disabled:hover{cursor:not-allowed}.outlined.info[data-v-a59af1ad]{color:var(--info-darker);border:1px solid var(--info-main-50-p)}.outlined.info[data-v-a59af1ad]:hover{background:var(--info-lighter)}.outlined.info[data-v-a59af1ad]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border)!important;opacity:1}.outlined.info[data-v-a59af1ad]:disabled:hover{cursor:not-allowed}.outlined.success[data-v-a59af1ad]{color:var(--success-darker);border:1px solid var(--success-main-50-p)}.outlined.success[data-v-a59af1ad]:hover{background:var(--success-lighter)}.outlined.success[data-v-a59af1ad]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border)!important;opacity:1}.outlined.success[data-v-a59af1ad]:disabled:hover{cursor:not-allowed}.outlined.warning[data-v-a59af1ad]{color:var(--warning-darker);border:1px solid var(--warning-main)}.outlined.warning[data-v-a59af1ad]:hover{border:1px solid var(--warning-darker);background:var(--warning-main-8-p)}.outlined.warning[data-v-a59af1ad]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border)!important;opacity:1}.outlined.warning[data-v-a59af1ad]:disabled:hover{cursor:not-allowed}.outlined.loading[data-v-a59af1ad],.outlined.loading[data-v-a59af1ad]:hover{border:1px solid var(--common-divider);background:var(--action-disabled-background)}.text[data-v-a59af1ad]{background:transparent}.text.primary[data-v-a59af1ad]{color:var(--primary-darker)}.text.primary[data-v-a59af1ad]:hover{background:var(--primary-lighter)}.text.primary[data-v-a59af1ad]:disabled{color:var(--text-disabled);opacity:1;background:transparent}.text.primary[data-v-a59af1ad]:disabled:hover{cursor:not-allowed}.text.default[data-v-a59af1ad]{color:var(--default-contrast-text)}.text.default[data-v-a59af1ad]:hover{background:var(--action-hover)}.text.default[data-v-a59af1ad]:disabled{color:var(--text-disabled);opacity:1;background:transparent}.text.default[data-v-a59af1ad]:disabled:hover{cursor:not-allowed}.text.danger[data-v-a59af1ad]{color:var(--error-darker)}.text.danger[data-v-a59af1ad]:hover{background:var(--error-lighter)}.text.danger[data-v-a59af1ad]:disabled{color:var(--text-disabled);opacity:1;background:transparent}.text.danger[data-v-a59af1ad]:disabled:hover{cursor:not-allowed}.text.info[data-v-a59af1ad]{color:var(--info-darker)}.text.info[data-v-a59af1ad]:hover{background:var(--info-lighter)}.text.info[data-v-a59af1ad]:disabled{color:var(--text-disabled);opacity:1;background:transparent}.text.info[data-v-a59af1ad]:disabled:hover{cursor:not-allowed}.text.success[data-v-a59af1ad]{color:var(--success-darker)}.text.success[data-v-a59af1ad]:hover{background:var(--success-lighter)}.text.success[data-v-a59af1ad]:disabled{color:var(--text-disabled);opacity:1;background:transparent}.text.success[data-v-a59af1ad]:disabled:hover{cursor:not-allowed}.text.warning[data-v-a59af1ad]{color:var(--warning-darker)}.text.warning[data-v-a59af1ad]:hover{background:var(--warning-main-8-p)}.text.warning[data-v-a59af1ad]:disabled{color:var(--text-disabled);opacity:1;background:transparent}.text.warning[data-v-a59af1ad]:disabled:hover{cursor:not-allowed}.text.loading[data-v-a59af1ad],.text.loading[data-v-a59af1ad]:hover{border:0;background:transparent}.small[data-v-a59af1ad]{padding:2px 6px}.small.outlined[data-v-a59af1ad]{padding:1px 5px}.medium[data-v-a59af1ad]{padding:4px 8px}.medium.outlined[data-v-a59af1ad]{padding:3px 7px}.large[data-v-a59af1ad]{padding:6px 8px}.large.outlined[data-v-a59af1ad]{padding:5px 7px}.extraLarge[data-v-a59af1ad]{padding:10px 12px}.extraLarge.outlined[data-v-a59af1ad]{padding:9px 11px}.small[data-v-a59af1ad],.medium[data-v-a59af1ad],.large[data-v-a59af1ad],.extraLarge[data-v-a59af1ad]{height:auto}.flex[data-v-a59af1ad]{display:flex;align-items:center;gap:8px}.loading.with-start-icon .content-with-icon[data-v-a59af1ad]{padding-left:22px}.loading.with-end-icon .content-with-icon[data-v-a59af1ad]{padding-right:22px}
@@ -1 +1 @@
1
- .light-theme-v4{--background-default: #FFFFFF;--background-paper: #FCFCFC;--background-modal-elevation: #FFFFFF;--background-backdrop: #00000045;--background-paper-elevation-0: #F9F9F9;--background-paper-elevation-1: #F0F0F0;--background-paper-elevation-2: #E8E8E8;--background-paper-elevation-3: #E0E0E0;--background-paper-elevation-4: #D9D9D9;--background-paper-elevation-5: #CECECE;--background-paper-elevation-6: #BBBBBB;--background-paper-elevation-7: #8D8D8D;--background-paper-elevation-8: #838383;--background-paper-elevation-9: #646464;--background-inset: #F0F0F0;--action-primary: #202020;--action-active: #838383;--action-hover: #0000000F;--action-selected: #E8E8E8;--action-disabled: #E0E0E0;--action-disabled-background: #F0F0F0;--action-focus: #E8E8E8;--action-outlined-border: hsla(0, 0%, 73%, 1);--default-main: #E8E8E8;--default-lighter: #F9F9F9;--default-light: #F0F0F0;--default-dark: #E0E0E0;--default-darker: #D9D9D9;--default-contrast-text: #202020;--default-outlined-border: #CECECE;--default-main-8-p: #81818114;--default-main-50-p: #81818180;--default-button-contrast-text: #000000;--common-white: #FFFFFF;--common-black: #000000;--common-inverse-white: #FFFFFF;--common-inverse-black: #000000;--common-divider: #E8E8E8;--common-divider-elevation-0: #E8E8E8;--text-primary: #202020;--text-secondary: #646464;--text-disabled: #838383;--primary-lighter: #ECF5FF;--primary-light: #CBE2FE;--primary-main: #0A6EC8;--primary-main-8-p: #0A6EC814;--primary-main-50-p: #0A6EC880;--primary-dark: #0060B8;--primary-darker: #0F70CB;--primary-outlined-border: #9EC4F1;--primary-contrast-text: #0E345B;--primary-button-contrast-text: #FFFFFF;--info-lighter: #EDF2FE;--info-light: #D2DEFF;--info-main: #3E63DD;--info-main-8-p: #3E63DD14;--info-main-50-p: #3E63DD80;--info-dark: #3358D4;--info-darker: #3A5BC7;--info-outlined-border: #ABBDF9;--info-contrast-text: #1F2D5C;--info-button-contrast-text: #FFFFFF;--success-lighter: #E6F6EB;--success-light: #C4E8D1;--success-main: #30A46C;--success-main-8-p: #30A46C14;--success-main-50-p: #30A46C80;--success-dark: #2B9A66;--success-darker: #218358;--success-outlined-border: #8ECEAA;--success-contrast-text: #193B2D;--success-button-contrast-text: #FFFFFF;--warning-lighter: #FFF7C2;--warning-light: #FBE577;--warning-main: #FFC53D;--warning-main-8-p: #FFC53D14;--warning-main-50-p: #FFC53D80;--warning-dark: #FFBA18;--warning-darker: #AB6400;--warning-outlined-border: #E9C162;--warning-contrast-text: #4F3422;--warning-button-contrast-text: #000000;--error-lighter: #FEEBEC;--error-light: #FFCDCE;--error-main: #E5484D;--error-main-8-p: #E5484D14;--error-main-50-p: #E5484D80;--error-dark: #DC3E42;--error-darker: #CE2C31;--error-outlined-border: #F4A9AA;--error-contrast-text: #641723;--error-button-contrast-text: #FFFFFF;--ab-a: #FFC134;--ab-b: #4F4FF5}.light-theme-v4{--border-radius-xs: 2px;--border-radius-sm: 4px;--border-radius-md: 6px;--border-radius-lg: 8px;--border-radius-xl: 16px;--border-radius-full: 100px}.light-theme-v4{--elevation-xs: 0px 1px 2px rgba(16, 24, 40, .05);--elevation-sm: 0px 1px 2px rgba(16, 24, 40, .06), 0px 1px 3px rgba(16, 24, 40, .1);--elevation-md: 0px 4px 8px -2px rgba(16, 24, 40, .12);--elevation-lg: 0px 12px 16px -4px rgba(16, 24, 40, .08);--elevation-xl: 0px 8px 8px -4px rgba(16, 24, 40, .03), 0px 20px 24px -6px rgba(16, 24, 40, .08);--elevation-xxl: 0px 24px 48px -12px rgba(16, 24, 40, .18);--elevation-xxxl: 0px 19px 32px 2px rgba(44, 45, 45, .14);--elevation-sl: 0px 27px 27px 2px rgba(44, 45, 45, .14)}.light-theme-v4{--spacing-tokenset: 0px;--spacing-25: 2px;--spacing-50: 4px;--spacing-75: 6px;--spacing-100: 8px;--spacing-125: 10px;--spacing-150: 12px;--spacing-200: 16px;--spacing-250: 20px;--spacing-300: 24px;--spacing-350: 28px;--spacing-400: 32px;--spacing-500: 40px;--spacing-600: 48px;--spacing-700: 56px;--spacing-800: 64px;--spacing-900: 72px;--spacing-1000: 80px}
1
+ .light-theme-v4{--background-default: #FFFFFF;--background-paper: #FCFCFC;--background-modal-elevation: #FFFFFF;--background-backdrop: #00000045;--background-paper-elevation-0: #F9F9F9;--background-paper-elevation-1: #F0F0F0;--background-paper-elevation-2: #E8E8E8;--background-paper-elevation-3: #E0E0E0;--background-paper-elevation-4: #D9D9D9;--background-paper-elevation-5: #CECECE;--background-paper-elevation-6: #BBBBBB;--background-paper-elevation-7: #8D8D8D;--background-paper-elevation-8: #838383;--background-paper-elevation-9: #646464;--background-inset: #F0F0F0;--action-primary: #202020;--action-active: #838383;--action-hover: #0000000F;--action-selected: #E8E8E8;--action-disabled: #E0E0E0;--action-disabled-background: #F0F0F0;--action-focus: #E8E8E8;--action-outlined-border: #BBBBBB;--default-main: #E8E8E8;--default-lighter: #F9F9F9;--default-light: #F0F0F0;--default-dark: #E0E0E0;--default-darker: #D9D9D9;--default-contrast-text: #202020;--default-outlined-border: #CECECE;--default-main-8-p: #81818114;--default-main-50-p: #81818180;--default-button-contrast-text: #000000;--common-white: #FFFFFF;--common-black: #000000;--common-inverse-white: #FFFFFF;--common-inverse-black: #000000;--common-divider: #E8E8E8;--common-divider-elevation-0: #E8E8E8;--text-primary: #202020;--text-secondary: #646464;--text-disabled: #838383;--primary-lighter: #ECF5FF;--primary-light: #CBE2FE;--primary-main: #0A6EC8;--primary-main-8-p: #0A6EC814;--primary-main-50-p: #0A6EC880;--primary-dark: #0060B8;--primary-darker: #0F70CB;--primary-outlined-border: #9EC4F1;--primary-contrast-text: #0E345B;--primary-button-contrast-text: #FFFFFF;--info-lighter: #EDF2FE;--info-light: #D2DEFF;--info-main: #3E63DD;--info-main-8-p: #3E63DD14;--info-main-50-p: #3E63DD80;--info-dark: #3358D4;--info-darker: #3A5BC7;--info-outlined-border: #ABBDF9;--info-contrast-text: #1F2D5C;--info-button-contrast-text: #FFFFFF;--success-lighter: #E6F6EB;--success-light: #C4E8D1;--success-main: #30A46C;--success-main-8-p: #30A46C14;--success-main-50-p: #30A46C80;--success-dark: #2B9A66;--success-darker: #218358;--success-outlined-border: #8ECEAA;--success-contrast-text: #193B2D;--success-button-contrast-text: #FFFFFF;--warning-lighter: #FFF7C2;--warning-light: #FBE577;--warning-main: #FFC53D;--warning-main-8-p: #FFC53D14;--warning-main-50-p: #FFC53D80;--warning-dark: #FFBA18;--warning-darker: #AB6400;--warning-outlined-border: #E9C162;--warning-contrast-text: #4F3422;--warning-button-contrast-text: #000000;--error-lighter: #FEEBEC;--error-light: #FFCDCE;--error-main: #E5484D;--error-main-8-p: #E5484D14;--error-main-50-p: #E5484D80;--error-dark: #DC3E42;--error-darker: #CE2C31;--error-outlined-border: #F4A9AA;--error-contrast-text: #641723;--error-button-contrast-text: #FFFFFF;--ab-a: #FFC134;--ab-b: #4F4FF5}.light-theme-v4{--border-radius-xs: 2px;--border-radius-sm: 4px;--border-radius-md: 6px;--border-radius-lg: 8px;--border-radius-xl: 16px;--border-radius-full: 100px}.light-theme-v4{--elevation-xs: 0px 1px 2px rgba(16, 24, 40, .05);--elevation-sm: 0px 1px 2px rgba(16, 24, 40, .06), 0px 1px 3px rgba(16, 24, 40, .1);--elevation-md: 0px 4px 8px -2px rgba(16, 24, 40, .12);--elevation-lg: 0px 12px 16px -4px rgba(16, 24, 40, .08);--elevation-xl: 0px 8px 8px -4px rgba(16, 24, 40, .03), 0px 20px 24px -6px rgba(16, 24, 40, .08);--elevation-xxl: 0px 24px 48px -12px rgba(16, 24, 40, .18);--elevation-xxxl: 0px 19px 32px 2px rgba(44, 45, 45, .14);--elevation-sl: 0px 27px 27px 2px rgba(44, 45, 45, .14)}.light-theme-v4{--spacing-tokenset: 0px;--spacing-25: 2px;--spacing-50: 4px;--spacing-75: 6px;--spacing-100: 8px;--spacing-125: 10px;--spacing-150: 12px;--spacing-200: 16px;--spacing-250: 20px;--spacing-300: 24px;--spacing-350: 28px;--spacing-400: 32px;--spacing-500: 40px;--spacing-600: 48px;--spacing-700: 56px;--spacing-800: 64px;--spacing-900: 72px;--spacing-1000: 80px}
@@ -1,7 +1,7 @@
1
1
  import e from "./AppHeader.vue2.js";
2
2
  /* empty css */import o from "../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../AppHeader.vue_vue_type_style_index_0_scoped_9202b5db_lang.css"; //*');
4
- const t = /* @__PURE__ */ o(e, [["__scopeId", "data-v-9202b5db"]]);
3
+ // import "../../AppHeader.vue_vue_type_style_index_0_scoped_4c813f30_lang.css"; //*');
4
+ const t = /* @__PURE__ */ o(e, [["__scopeId", "data-v-4c813f30"]]);
5
5
  export {
6
6
  t as default
7
7
  };
@@ -1,4 +1,4 @@
1
- import "../../AppHeader.vue_vue_type_style_index_0_scoped_9202b5db_lang.css"; import { defineComponent as h, computed as o, openBlock as m, createElementBlock as p, normalizeClass as C, createElementVNode as n, mergeProps as r, unref as e, createVNode as i, withCtx as b, createTextVNode as v, toDisplayString as z, createCommentVNode as A } from "vue";
1
+ import "../../AppHeader.vue_vue_type_style_index_0_scoped_4c813f30_lang.css"; import { defineComponent as h, computed as o, openBlock as m, createElementBlock as p, normalizeClass as C, createElementVNode as n, mergeProps as r, unref as e, createVNode as i, withCtx as b, createTextVNode as v, toDisplayString as z, createCommentVNode as A } from "vue";
2
2
  import c from "../icon/v4/IconV4.vue.js";
3
3
  import "../icon/v4/IconFlag.vue.js";
4
4
  import T from "../typography/v4/Typography.vue.js";
@@ -1,7 +1,7 @@
1
1
  import o from "./ButtonV4.vue2.js";
2
2
  /* empty css */import t from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../ButtonV4.vue_vue_type_style_index_0_scoped_afe44a65_lang.css"; //*');
4
- const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-afe44a65"]]);
3
+ // import "../../../ButtonV4.vue_vue_type_style_index_0_scoped_a59af1ad_lang.css"; //*');
4
+ const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-a59af1ad"]]);
5
5
  export {
6
- a as default
6
+ s as default
7
7
  };
@@ -1,4 +1,4 @@
1
- import "../../../ButtonV4.vue_vue_type_style_index_0_scoped_afe44a65_lang.css"; import { defineComponent as N, computed as h, openBlock as n, createElementBlock as s, normalizeClass as c, createElementVNode as r, createBlock as f, unref as t, createCommentVNode as o, createVNode as u, withCtx as m, renderSlot as d, createTextVNode as z, toDisplayString as b } from "vue";
1
+ import "../../../ButtonV4.vue_vue_type_style_index_0_scoped_a59af1ad_lang.css"; import { defineComponent as N, computed as h, openBlock as n, createElementBlock as s, normalizeClass as c, createElementVNode as r, createBlock as f, unref as t, createCommentVNode as o, createVNode as u, withCtx as m, renderSlot as d, createTextVNode as z, toDisplayString as b } from "vue";
2
2
  import I from "../../typography/v4/Typography.vue.js";
3
3
  import y from "../../icon/v4/IconV4.vue.js";
4
4
  import "../../icon/v4/IconFlag.vue.js";
@@ -24,6 +24,7 @@ export declare const colorPaletteLight: {
24
24
  disabled: string;
25
25
  'disabled-background': string;
26
26
  focus: string;
27
+ 'outlined-border': string;
27
28
  };
28
29
  default: {
29
30
  main: string;
package/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import './AppIcon.vue_vue_type_style_index_0_scoped_56ba337c_lang.css';
1
+ import './IncludeExclude.vue_vue_type_style_index_0_scoped_cc2adbf5_lang.css';
2
2
  import { AppTriggerTypes as eo } from "./components/appTrigger/index.js";
3
3
  import { AutocompleteDropdownTypes as mo } from "./components/autocompleteDropdown/index.js";
4
4
  import { MenuItemTypes as ao } from "./components/menuItem/index.js";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ironsource/shared-ui",
3
- "version": "2.2.0-test.2",
3
+ "version": "2.2.0-test.3",
4
4
  "engines": {
5
5
  "npm": ">=7.0.0",
6
6
  "node": ">=16.0.0"
@@ -22,7 +22,7 @@
22
22
  --action-disabled: #E0E0E0;
23
23
  --action-disabled-background: #F0F0F0;
24
24
  --action-focus: #E8E8E8;
25
- --action-outlined-border : hsla(0, 0%, 73%, 1);
25
+ --action-outlined-border: #BBBBBB;
26
26
 
27
27
  --default-main: #E8E8E8;
28
28
  --default-lighter: #F9F9F9;
package/style/v4/grid.css CHANGED
@@ -1 +1 @@
1
- .light-theme-v4{--background-default: #FFFFFF;--background-paper: #FCFCFC;--background-modal-elevation: #FFFFFF;--background-backdrop: #00000045;--background-paper-elevation-0: #F9F9F9;--background-paper-elevation-1: #F0F0F0;--background-paper-elevation-2: #E8E8E8;--background-paper-elevation-3: #E0E0E0;--background-paper-elevation-4: #D9D9D9;--background-paper-elevation-5: #CECECE;--background-paper-elevation-6: #BBBBBB;--background-paper-elevation-7: #8D8D8D;--background-paper-elevation-8: #838383;--background-paper-elevation-9: #646464;--background-inset: #F0F0F0;--action-primary: #202020;--action-active: #838383;--action-hover: #0000000F;--action-selected: #E8E8E8;--action-disabled: #E0E0E0;--action-disabled-background: #F0F0F0;--action-focus: #E8E8E8;--action-outlined-border: hsla(0, 0%, 73%, 1);--default-main: #E8E8E8;--default-lighter: #F9F9F9;--default-light: #F0F0F0;--default-dark: #E0E0E0;--default-darker: #D9D9D9;--default-contrast-text: #202020;--default-outlined-border: #CECECE;--default-main-8-p: #81818114;--default-main-50-p: #81818180;--default-button-contrast-text: #000000;--common-white: #FFFFFF;--common-black: #000000;--common-inverse-white: #FFFFFF;--common-inverse-black: #000000;--common-divider: #E8E8E8;--common-divider-elevation-0: #E8E8E8;--text-primary: #202020;--text-secondary: #646464;--text-disabled: #838383;--primary-lighter: #ECF5FF;--primary-light: #CBE2FE;--primary-main: #0A6EC8;--primary-main-8-p: #0A6EC814;--primary-main-50-p: #0A6EC880;--primary-dark: #0060B8;--primary-darker: #0F70CB;--primary-outlined-border: #9EC4F1;--primary-contrast-text: #0E345B;--primary-button-contrast-text: #FFFFFF;--info-lighter: #EDF2FE;--info-light: #D2DEFF;--info-main: #3E63DD;--info-main-8-p: #3E63DD14;--info-main-50-p: #3E63DD80;--info-dark: #3358D4;--info-darker: #3A5BC7;--info-outlined-border: #ABBDF9;--info-contrast-text: #1F2D5C;--info-button-contrast-text: #FFFFFF;--success-lighter: #E6F6EB;--success-light: #C4E8D1;--success-main: #30A46C;--success-main-8-p: #30A46C14;--success-main-50-p: #30A46C80;--success-dark: #2B9A66;--success-darker: #218358;--success-outlined-border: #8ECEAA;--success-contrast-text: #193B2D;--success-button-contrast-text: #FFFFFF;--warning-lighter: #FFF7C2;--warning-light: #FBE577;--warning-main: #FFC53D;--warning-main-8-p: #FFC53D14;--warning-main-50-p: #FFC53D80;--warning-dark: #FFBA18;--warning-darker: #AB6400;--warning-outlined-border: #E9C162;--warning-contrast-text: #4F3422;--warning-button-contrast-text: #000000;--error-lighter: #FEEBEC;--error-light: #FFCDCE;--error-main: #E5484D;--error-main-8-p: #E5484D14;--error-main-50-p: #E5484D80;--error-dark: #DC3E42;--error-darker: #CE2C31;--error-outlined-border: #F4A9AA;--error-contrast-text: #641723;--error-button-contrast-text: #FFFFFF;--ab-a: #FFC134;--ab-b: #4F4FF5}.light-theme-v4{--border-radius-xs: 2px;--border-radius-sm: 4px;--border-radius-md: 6px;--border-radius-lg: 8px;--border-radius-xl: 16px;--border-radius-full: 100px}.light-theme-v4{--elevation-xs: 0px 1px 2px rgba(16, 24, 40, 0.05);--elevation-sm: 0px 1px 2px rgba(16, 24, 40, 0.06), 0px 1px 3px rgba(16, 24, 40, 0.1);--elevation-md: 0px 4px 8px -2px rgba(16, 24, 40, 0.12);--elevation-lg: 0px 12px 16px -4px rgba(16, 24, 40, 0.08);--elevation-xl: 0px 8px 8px -4px rgba(16, 24, 40, 0.03), 0px 20px 24px -6px rgba(16, 24, 40, 0.08);--elevation-xxl: 0px 24px 48px -12px rgba(16, 24, 40, 0.18);--elevation-xxxl: 0px 19px 32px 2px rgba(44, 45, 45, 0.14);--elevation-sl: 0px 27px 27px 2px rgba(44, 45, 45, 0.14)}.light-theme-v4{--spacing-tokenset: 0px;--spacing-25: 2px;--spacing-50: 4px;--spacing-75: 6px;--spacing-100: 8px;--spacing-125: 10px;--spacing-150: 12px;--spacing-200: 16px;--spacing-250: 20px;--spacing-300: 24px;--spacing-350: 28px;--spacing-400: 32px;--spacing-500: 40px;--spacing-600: 48px;--spacing-700: 56px;--spacing-800: 64px;--spacing-900: 72px;--spacing-1000: 80px}/*# sourceMappingURL=grid.css.map */
1
+ .light-theme-v4{--background-default: #FFFFFF;--background-paper: #FCFCFC;--background-modal-elevation: #FFFFFF;--background-backdrop: #00000045;--background-paper-elevation-0: #F9F9F9;--background-paper-elevation-1: #F0F0F0;--background-paper-elevation-2: #E8E8E8;--background-paper-elevation-3: #E0E0E0;--background-paper-elevation-4: #D9D9D9;--background-paper-elevation-5: #CECECE;--background-paper-elevation-6: #BBBBBB;--background-paper-elevation-7: #8D8D8D;--background-paper-elevation-8: #838383;--background-paper-elevation-9: #646464;--background-inset: #F0F0F0;--action-primary: #202020;--action-active: #838383;--action-hover: #0000000F;--action-selected: #E8E8E8;--action-disabled: #E0E0E0;--action-disabled-background: #F0F0F0;--action-focus: #E8E8E8;--action-outlined-border: #BBBBBB;--default-main: #E8E8E8;--default-lighter: #F9F9F9;--default-light: #F0F0F0;--default-dark: #E0E0E0;--default-darker: #D9D9D9;--default-contrast-text: #202020;--default-outlined-border: #CECECE;--default-main-8-p: #81818114;--default-main-50-p: #81818180;--default-button-contrast-text: #000000;--common-white: #FFFFFF;--common-black: #000000;--common-inverse-white: #FFFFFF;--common-inverse-black: #000000;--common-divider: #E8E8E8;--common-divider-elevation-0: #E8E8E8;--text-primary: #202020;--text-secondary: #646464;--text-disabled: #838383;--primary-lighter: #ECF5FF;--primary-light: #CBE2FE;--primary-main: #0A6EC8;--primary-main-8-p: #0A6EC814;--primary-main-50-p: #0A6EC880;--primary-dark: #0060B8;--primary-darker: #0F70CB;--primary-outlined-border: #9EC4F1;--primary-contrast-text: #0E345B;--primary-button-contrast-text: #FFFFFF;--info-lighter: #EDF2FE;--info-light: #D2DEFF;--info-main: #3E63DD;--info-main-8-p: #3E63DD14;--info-main-50-p: #3E63DD80;--info-dark: #3358D4;--info-darker: #3A5BC7;--info-outlined-border: #ABBDF9;--info-contrast-text: #1F2D5C;--info-button-contrast-text: #FFFFFF;--success-lighter: #E6F6EB;--success-light: #C4E8D1;--success-main: #30A46C;--success-main-8-p: #30A46C14;--success-main-50-p: #30A46C80;--success-dark: #2B9A66;--success-darker: #218358;--success-outlined-border: #8ECEAA;--success-contrast-text: #193B2D;--success-button-contrast-text: #FFFFFF;--warning-lighter: #FFF7C2;--warning-light: #FBE577;--warning-main: #FFC53D;--warning-main-8-p: #FFC53D14;--warning-main-50-p: #FFC53D80;--warning-dark: #FFBA18;--warning-darker: #AB6400;--warning-outlined-border: #E9C162;--warning-contrast-text: #4F3422;--warning-button-contrast-text: #000000;--error-lighter: #FEEBEC;--error-light: #FFCDCE;--error-main: #E5484D;--error-main-8-p: #E5484D14;--error-main-50-p: #E5484D80;--error-dark: #DC3E42;--error-darker: #CE2C31;--error-outlined-border: #F4A9AA;--error-contrast-text: #641723;--error-button-contrast-text: #FFFFFF;--ab-a: #FFC134;--ab-b: #4F4FF5}.light-theme-v4{--border-radius-xs: 2px;--border-radius-sm: 4px;--border-radius-md: 6px;--border-radius-lg: 8px;--border-radius-xl: 16px;--border-radius-full: 100px}.light-theme-v4{--elevation-xs: 0px 1px 2px rgba(16, 24, 40, 0.05);--elevation-sm: 0px 1px 2px rgba(16, 24, 40, 0.06), 0px 1px 3px rgba(16, 24, 40, 0.1);--elevation-md: 0px 4px 8px -2px rgba(16, 24, 40, 0.12);--elevation-lg: 0px 12px 16px -4px rgba(16, 24, 40, 0.08);--elevation-xl: 0px 8px 8px -4px rgba(16, 24, 40, 0.03), 0px 20px 24px -6px rgba(16, 24, 40, 0.08);--elevation-xxl: 0px 24px 48px -12px rgba(16, 24, 40, 0.18);--elevation-xxxl: 0px 19px 32px 2px rgba(44, 45, 45, 0.14);--elevation-sl: 0px 27px 27px 2px rgba(44, 45, 45, 0.14)}.light-theme-v4{--spacing-tokenset: 0px;--spacing-25: 2px;--spacing-50: 4px;--spacing-75: 6px;--spacing-100: 8px;--spacing-125: 10px;--spacing-150: 12px;--spacing-200: 16px;--spacing-250: 20px;--spacing-300: 24px;--spacing-350: 28px;--spacing-400: 32px;--spacing-500: 40px;--spacing-600: 48px;--spacing-700: 56px;--spacing-800: 64px;--spacing-900: 72px;--spacing-1000: 80px}/*# sourceMappingURL=grid.css.map */
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["colors.scss","border-radius.scss","elevations.scss","spacings.scss"],"names":[],"mappings":"AAAA,gBACE,8BACA,4BACA,sCACA,iCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,4BAEA,0BACA,yBACA,0BACA,2BACA,2BACA,sCACA,wBACA,8CAEA,wBACA,2BACA,yBACA,wBACA,0BACA,iCACA,mCACA,8BACA,+BACA,wCAEA,wBACA,wBACA,gCACA,gCACA,0BACA,sCAEA,wBACA,0BACA,yBAEA,2BACA,yBACA,wBACA,8BACA,+BACA,wBACA,0BACA,mCACA,iCACA,wCAEA,wBACA,sBACA,qBACA,2BACA,4BACA,qBACA,uBACA,gCACA,8BACA,qCAEA,2BACA,yBACA,wBACA,8BACA,+BACA,wBACA,0BACA,mCACA,iCACA,wCAEA,2BACA,yBACA,wBACA,8BACA,+BACA,wBACA,0BACA,mCACA,iCACA,wCAEA,yBACA,uBACA,sBACA,4BACA,6BACA,sBACA,wBACA,iCACA,+BACA,sCAEA,gBACA,gBCxGF,gBACI,wBACA,wBACA,wBACA,wBACA,yBACA,4BCNJ,gBACE,mDACA,sFACA,wDACA,0DACA,mGACA,4DACA,2DACA,yDCRF,gBACE,wBACA,kBACA,kBACA,kBACA,mBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA","file":"grid.css"}
1
+ {"version":3,"sourceRoot":"","sources":["colors.scss","border-radius.scss","elevations.scss","spacings.scss"],"names":[],"mappings":"AAAA,gBACE,8BACA,4BACA,sCACA,iCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,4BAEA,0BACA,yBACA,0BACA,2BACA,2BACA,sCACA,wBACA,kCAEA,wBACA,2BACA,yBACA,wBACA,0BACA,iCACA,mCACA,8BACA,+BACA,wCAEA,wBACA,wBACA,gCACA,gCACA,0BACA,sCAEA,wBACA,0BACA,yBAEA,2BACA,yBACA,wBACA,8BACA,+BACA,wBACA,0BACA,mCACA,iCACA,wCAEA,wBACA,sBACA,qBACA,2BACA,4BACA,qBACA,uBACA,gCACA,8BACA,qCAEA,2BACA,yBACA,wBACA,8BACA,+BACA,wBACA,0BACA,mCACA,iCACA,wCAEA,2BACA,yBACA,wBACA,8BACA,+BACA,wBACA,0BACA,mCACA,iCACA,wCAEA,yBACA,uBACA,sBACA,4BACA,6BACA,sBACA,wBACA,iCACA,+BACA,sCAEA,gBACA,gBCxGF,gBACI,wBACA,wBACA,wBACA,wBACA,yBACA,4BCNJ,gBACE,mDACA,sFACA,wDACA,0DACA,mGACA,4DACA,2DACA,yDCRF,gBACE,wBACA,kBACA,kBACA,kBACA,mBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA","file":"grid.css"}
@@ -1 +0,0 @@
1
- .app-header[data-v-9202b5db]{display:flex}.app-header .image-container[data-v-9202b5db]{height:3rem;width:3rem;border-radius:.25rem}.app-header .image-container img[data-v-9202b5db]{min-width:100%;max-width:100%;max-height:100%;object-fit:cover;border-radius:.25rem}.app-header .icon-container[data-v-9202b5db]{color:var(--action-active);display:flex;align-items:center;padding:0 .5rem}.app-header .icon-container--small[data-v-9202b5db]{background:var(--default-main);width:1.5rem;height:1.5rem;border-radius:50%;margin:0 .3125rem}.app-header .name-container .title[data-v-9202b5db]{color:var(--text-primary)}.app-header .name-container .inline-copy[data-v-9202b5db]{color:var(--text-secondary)}.app-header.size-small[data-v-9202b5db]{align-items:center}.app-header.size-small .image-container[data-v-9202b5db]{height:2rem;width:2rem;border-radius:.375rem}.app-header.size-small .image-container img[data-v-9202b5db]{border-radius:.375rem}.app-header.size-small .icon-container[data-v-9202b5db]{padding:0 .25rem}.app-header.size-small .name-container[data-v-9202b5db]{display:flex;align-items:center}.ab-icon-wrapper[data-v-9202b5db]{margin-left:var(--spacing-150);padding-left:var(--spacing-150);border-left:1px solid var(--common-divider);min-height:var(--spacing-400);display:flex;align-items:center}.size-small .ab-icon-wrapper[data-v-9202b5db]{margin-left:var(--spacing-25);padding-left:var(--spacing-100)}
@@ -1 +0,0 @@
1
- .button-wrap[data-v-afe44a65]{border-radius:var(--border-radius-md);transition:all .2s ease;padding:0;min-width:auto;background-image:none;box-sizing:border-box;border:0;cursor:pointer}.contained.primary[data-v-afe44a65]{color:var(--primary-button-contrast-text);background:var(--primary-main)}.contained.primary[data-v-afe44a65]:hover{background:var(--primary-dark)}.contained.primary[data-v-afe44a65]:disabled{color:var(--text-disabled);background:var(--action-disabled-background)!important;opacity:1}.contained.primary[data-v-afe44a65]:disabled:hover{cursor:not-allowed}.contained.default[data-v-afe44a65]{color:var(--default-button-contrast-text);background:var(--default-main)}.contained.default[data-v-afe44a65]:hover{background:var(--default-dark)}.contained.default[data-v-afe44a65]:disabled{color:var(--text-disabled);background:var(--action-disabled-background)!important;opacity:1}.contained.default[data-v-afe44a65]:disabled:hover{cursor:not-allowed}.contained.danger[data-v-afe44a65]{color:var(--error-button-contrast-text);background:var(--error-main)}.contained.danger[data-v-afe44a65]:hover{background:var(--error-dark)}.contained.danger[data-v-afe44a65]:disabled{color:var(--text-disabled);background:var(--action-disabled-background)!important;opacity:1}.contained.danger[data-v-afe44a65]:disabled:hover{cursor:not-allowed}.contained.info[data-v-afe44a65]{color:var(--info-button-contrast-text);background:var(--info-main)}.contained.info[data-v-afe44a65]:hover{background:var(--info-dark)}.contained.info[data-v-afe44a65]:disabled{color:var(--text-disabled);background:var(--action-disabled-background)!important;opacity:1}.contained.info[data-v-afe44a65]:disabled:hover{cursor:not-allowed}.contained.success[data-v-afe44a65]{color:var(--success-button-contrast-text);background:var(--success-main)}.contained.success[data-v-afe44a65]:hover{background:var(--success-dark)}.contained.success[data-v-afe44a65]:disabled{color:var(--text-disabled);background:var(--action-disabled-background)!important;opacity:1}.contained.success[data-v-afe44a65]:disabled:hover{cursor:not-allowed}.contained.warning[data-v-afe44a65]{color:var(--warning-button-contrast-text);background:var(--warning-main)}.contained.warning[data-v-afe44a65]:hover{background:var(--warning-dark)}.contained.warning[data-v-afe44a65]:disabled{color:var(--text-disabled);background:var(--action-disabled-background)!important;opacity:1}.contained.warning[data-v-afe44a65]:disabled:hover{cursor:not-allowed}.contained.loading[data-v-afe44a65],.contained.loading[data-v-afe44a65]:hover{background:var(--action-disabled-background)}.outlined[data-v-afe44a65]{background:transparent}.outlined.primary[data-v-afe44a65]{color:var(--primary-main);border:1px solid var(--primary-main)}.outlined.primary[data-v-afe44a65]:hover{background:var(--primary-lighter)}.outlined.primary[data-v-afe44a65]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border)!important;opacity:1}.outlined.primary[data-v-afe44a65]:disabled:hover{cursor:not-allowed}.outlined.default[data-v-afe44a65]{color:var(--text-primary);border:1px solid var(--default-outlined-border)}.outlined.default[data-v-afe44a65]:hover{border:1px solid var(--action-active);background:var(--action-hover)}.outlined.default[data-v-afe44a65]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border)!important;opacity:1}.outlined.default[data-v-afe44a65]:disabled:hover{cursor:not-allowed}.outlined.danger[data-v-afe44a65]{color:var(--error-main);border:1px solid var(--error-main)}.outlined.danger[data-v-afe44a65]:hover{background:var(--error-lighter)}.outlined.danger[data-v-afe44a65]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border)!important;opacity:1}.outlined.danger[data-v-afe44a65]:disabled:hover{cursor:not-allowed}.outlined.info[data-v-afe44a65]{color:var(--info-main);border:1px solid var(--info-main)}.outlined.info[data-v-afe44a65]:hover{background:var(--info-lighter)}.outlined.info[data-v-afe44a65]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border)!important;opacity:1}.outlined.info[data-v-afe44a65]:disabled:hover{cursor:not-allowed}.outlined.success[data-v-afe44a65]{color:var(--success-main);border:1px solid var(--success-main)}.outlined.success[data-v-afe44a65]:hover{background:var(--success-lighter)}.outlined.success[data-v-afe44a65]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border)!important;opacity:1}.outlined.success[data-v-afe44a65]:disabled:hover{cursor:not-allowed}.outlined.warning[data-v-afe44a65]{color:var(--warning-darker);border:1px solid var(--warning-darker)}.outlined.warning[data-v-afe44a65]:hover{background:var(--warning-lighter)}.outlined.warning[data-v-afe44a65]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border)!important;opacity:1}.outlined.warning[data-v-afe44a65]:disabled:hover{cursor:not-allowed}.outlined.loading[data-v-afe44a65],.outlined.loading[data-v-afe44a65]:hover{border:1px solid var(--common-divider);background:var(--action-disabled-background)}.text[data-v-afe44a65]{background:transparent}.text.primary[data-v-afe44a65]{color:var(--primary-main)}.text.primary[data-v-afe44a65]:hover{background:var(--primary-lighter)}.text.primary[data-v-afe44a65]:disabled{color:var(--text-disabled);opacity:1;background:transparent}.text.primary[data-v-afe44a65]:disabled:hover{cursor:not-allowed}.text.default[data-v-afe44a65]{color:var(--text-primary)}.text.default[data-v-afe44a65]:hover{background:var(--action-hover)}.text.default[data-v-afe44a65]:disabled{color:var(--text-disabled);opacity:1;background:transparent}.text.default[data-v-afe44a65]:disabled:hover{cursor:not-allowed}.text.danger[data-v-afe44a65]{color:var(--error-main)}.text.danger[data-v-afe44a65]:hover{background:var(--error-lighter)}.text.danger[data-v-afe44a65]:disabled{color:var(--text-disabled);opacity:1;background:transparent}.text.danger[data-v-afe44a65]:disabled:hover{cursor:not-allowed}.text.info[data-v-afe44a65]{color:var(--info-main)}.text.info[data-v-afe44a65]:hover{background:var(--info-lighter)}.text.info[data-v-afe44a65]:disabled{color:var(--text-disabled);opacity:1;background:transparent}.text.info[data-v-afe44a65]:disabled:hover{cursor:not-allowed}.text.success[data-v-afe44a65]{color:var(--success-main)}.text.success[data-v-afe44a65]:hover{background:var(--success-lighter)}.text.success[data-v-afe44a65]:disabled{color:var(--text-disabled);opacity:1;background:transparent}.text.success[data-v-afe44a65]:disabled:hover{cursor:not-allowed}.text.warning[data-v-afe44a65]{color:var(--warning-darker)}.text.warning[data-v-afe44a65]:hover{background:var(--warning-lighter)}.text.warning[data-v-afe44a65]:disabled{color:var(--text-disabled);opacity:1;background:transparent}.text.warning[data-v-afe44a65]:disabled:hover{cursor:not-allowed}.text.loading[data-v-afe44a65],.text.loading[data-v-afe44a65]:hover{border:0;background:transparent}.small[data-v-afe44a65]{padding:2px 6px}.small.outlined[data-v-afe44a65]{padding:1px 5px}.medium[data-v-afe44a65]{padding:4px 8px}.medium.outlined[data-v-afe44a65]{padding:3px 7px}.large[data-v-afe44a65]{padding:6px 8px}.large.outlined[data-v-afe44a65]{padding:5px 7px}.extraLarge[data-v-afe44a65]{padding:10px 12px}.extraLarge.outlined[data-v-afe44a65]{padding:9px 11px}.small[data-v-afe44a65],.medium[data-v-afe44a65],.large[data-v-afe44a65],.extraLarge[data-v-afe44a65]{height:auto}.flex[data-v-afe44a65]{display:flex;align-items:center;gap:8px}.loading.with-start-icon .content-with-icon[data-v-afe44a65]{padding-left:22px}.loading.with-end-icon .content-with-icon[data-v-afe44a65]{padding-right:22px}