@ironsource/shared-ui 2.2.0-rc.2 → 2.2.0-test.2
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.
- package/Alert.vue_vue_type_style_index_0_scoped_5e66710b_lang.css +1 -0
- package/AppDropdownTrigger.vue_vue_type_style_index_0_scoped_f86477a9_lang.css +1 -0
- package/AppHeader.vue_vue_type_style_index_0_scoped_9202b5db_lang.css +1 -0
- package/ButtonV4.vue_vue_type_style_index_0_scoped_afe44a65_lang.css +1 -0
- package/CheckboxV4.vue_vue_type_style_index_0_scoped_88525d86_lang.css +1 -0
- package/ChipV4.vue_vue_type_style_index_0_scoped_a221c649_lang.css +1 -0
- package/ColumnPicker.vue_vue_type_style_index_0_scoped_01c4e08f_lang.css +1 -0
- package/DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_a6900fa6_lang.css +1 -0
- package/DialogV4.vue_vue_type_style_index_0_scoped_a6710278_lang.css +1 -0
- package/DropdownV4.vue_vue_type_style_index_0_scoped_526bf0a1_lang.css +1 -0
- package/GroupOption.vue_vue_type_style_index_0_scoped_1e5170b3_lang.css +1 -0
- package/HelpText.vue_vue_type_style_index_0_scoped_641c2356_lang.css +1 -0
- package/Link.vue_vue_type_style_index_0_scoped_fe0e7f6f_lang.css +1 -0
- package/MultiBar.vue_vue_type_style_index_0_scoped_c4395fb6_lang.css +1 -0
- package/RadioButtonV4.vue_vue_type_style_index_0_scoped_4f3c7037_lang.css +1 -0
- package/SwitchV4.vue_vue_type_style_index_0_scoped_0a80c49f_lang.css +1 -0
- package/TextAreaV4.vue_vue_type_style_index_0_scoped_0feea75e_lang.css +1 -0
- package/TextField.vue_vue_type_style_index_0_scoped_28fab783_lang.css +1 -0
- package/ThemeWrapper.vue_vue_type_style_index_1_lang.css +1 -1
- package/ToggleButtonGroupAB.vue_vue_type_style_index_0_scoped_0fc9ddf5_lang.css +1 -0
- package/components/alert/Alert.vue.d.ts +3 -8
- package/components/alert/Alert.vue.js +2 -2
- package/components/alert/Alert.vue2.js +48 -46
- package/components/alert/index.d.ts +8 -27
- package/components/appHeader/AppHeader.vue.js +3 -3
- package/components/appHeader/AppHeader.vue2.js +7 -7
- package/components/button/v4/ButtonV4.vue.js +4 -4
- package/components/button/v4/ButtonV4.vue2.js +1 -1
- package/components/button/v4/ToggleButtonGroupAB.vue.js +2 -2
- package/components/button/v4/ToggleButtonGroupAB.vue2.js +1 -1
- package/components/checkbox/v4/CheckboxV4.vue.js +3 -3
- package/components/checkbox/v4/CheckboxV4.vue2.js +60 -79
- package/components/checkbox/v4/icons/CheckedState.vue.js +11 -11
- package/components/checkbox/v4/icons/IndeterminateState.vue.js +7 -7
- package/components/checkbox/v4/icons/UncheckedState.vue.d.ts +28 -1
- package/components/checkbox/v4/icons/UncheckedState.vue.js +23 -21
- package/components/checkbox/v4/icons/UncheckedState.vue2.js +4 -0
- package/components/chip/v4/ChipV4.vue.js +3 -3
- package/components/chip/v4/ChipV4.vue2.js +1 -1
- package/components/columnPicker/ColumnPicker.vue.js +2 -2
- package/components/columnPicker/ColumnPicker.vue2.js +1 -1
- package/components/dialog/v4/DialogV4.vue.js +4 -4
- package/components/dialog/v4/DialogV4.vue2.js +1 -1
- package/components/dropdown/v4/AppDropdownTrigger.vue.js +3 -3
- package/components/dropdown/v4/AppDropdownTrigger.vue2.js +1 -1
- package/components/dropdown/v4/DefaultDropdownTrigger.vue.js +3 -3
- package/components/dropdown/v4/DefaultDropdownTrigger.vue2.js +1 -1
- package/components/dropdown/v4/DropdownV4.vue.js +3 -3
- package/components/dropdown/v4/DropdownV4.vue2.js +2 -2
- package/components/dropdown/v4/GroupOption.vue.js +3 -3
- package/components/dropdown/v4/GroupOption.vue2.js +1 -1
- package/components/helpText/HelpText.vue.d.ts +68 -0
- package/components/helpText/HelpText.vue.js +7 -0
- package/components/helpText/HelpText.vue2.js +45 -0
- package/components/helpText/index.d.ts +190 -0
- package/components/helpText/index.js +6 -0
- package/components/input/v4/TextField.vue.js +2 -2
- package/components/input/v4/TextField.vue2.js +1 -1
- package/components/link/Link.vue.d.ts +3 -3
- package/components/link/Link.vue.js +5 -5
- package/components/link/Link.vue2.js +1 -1
- package/components/link/index.d.ts +7 -7
- package/components/multibar/MultiBar.vue.js +3 -3
- package/components/multibar/MultiBar.vue2.js +1 -1
- package/components/radioButton/v4/RadioButtonV4.vue.js +3 -3
- package/components/radioButton/v4/RadioButtonV4.vue2.js +1 -1
- package/components/switch/v4/SwitchV4.vue.js +2 -2
- package/components/switch/v4/SwitchV4.vue2.js +1 -1
- package/components/textArea/v4/TextAreaV4.vue.js +3 -3
- package/components/textArea/v4/TextAreaV4.vue2.js +1 -1
- package/design-foundation.stories/colors/ColorsData.d.ts +51 -47
- package/index.d.ts +1 -0
- package/index.js +95 -91
- package/package.json +7 -2
- package/style/v4/colors.scss +88 -83
- package/style/v4/grid.css +1 -1
- package/style/v4/grid.css.map +1 -1
- package/testids/index.d.ts +4 -0
- package/testids/index.js +38 -37
- package/Alert.vue_vue_type_style_index_0_scoped_06e0871a_lang.css +0 -1
- package/AppDropdownTrigger.vue_vue_type_style_index_0_scoped_858cefbf_lang.css +0 -1
- package/AppHeader.vue_vue_type_style_index_0_scoped_538ccdc6_lang.css +0 -1
- package/ButtonV4.vue_vue_type_style_index_0_scoped_852be7ec_lang.css +0 -1
- package/CheckboxV4.vue_vue_type_style_index_0_scoped_af4ae3c3_lang.css +0 -1
- package/ChipV4.vue_vue_type_style_index_0_scoped_a4d3a12e_lang.css +0 -1
- package/ColumnPicker.vue_vue_type_style_index_0_scoped_ea8c7024_lang.css +0 -1
- package/DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_3bc0f416_lang.css +0 -1
- package/DialogV4.vue_vue_type_style_index_0_scoped_cc99f1e3_lang.css +0 -1
- package/DropdownV4.vue_vue_type_style_index_0_scoped_445ebb01_lang.css +0 -1
- package/GroupOption.vue_vue_type_style_index_0_scoped_5f372a81_lang.css +0 -1
- package/Link.vue_vue_type_style_index_0_scoped_1a766750_lang.css +0 -1
- package/MultiBar.vue_vue_type_style_index_0_scoped_71617643_lang.css +0 -1
- package/RadioButtonV4.vue_vue_type_style_index_0_scoped_05c7bca2_lang.css +0 -1
- package/SwitchV4.vue_vue_type_style_index_0_scoped_cd6621a7_lang.css +0 -1
- package/TextAreaV4.vue_vue_type_style_index_0_scoped_4114ef89_lang.css +0 -1
- package/TextField.vue_vue_type_style_index_0_scoped_3b7a3661_lang.css +0 -1
- package/ToggleButtonGroupAB.vue_vue_type_style_index_0_scoped_2076b5ab_lang.css +0 -1
- package/components/checkbox/v4/icons/CheckedDisabledState.vue.d.ts +0 -29
- package/components/checkbox/v4/icons/CheckedDisabledState.vue.js +0 -45
- package/components/checkbox/v4/icons/CheckedDisabledState.vue2.js +0 -4
- package/components/checkbox/v4/icons/IndeterminateDisabledState.vue.d.ts +0 -2
- package/components/checkbox/v4/icons/IndeterminateDisabledState.vue.js +0 -40
- package/components/checkbox/v4/icons/UncheckedDisabledState.vue.d.ts +0 -2
- package/components/checkbox/v4/icons/UncheckedDisabledState.vue.js +0 -30
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.alert[data-v-5e66710b]{padding:var(--spacing-150) var(--spacing-200);display:flex;align-items:center}.alert--rounded[data-v-5e66710b]{border-radius:var(--border-radius-lg)}.alert--default[data-v-5e66710b]{outline-color:var(--default-main);background-color:var(--default-main)}.alert--default .alert-icon[data-v-5e66710b]{color:var(--text-secondary)}.alert--default.alert--outlined[data-v-5e66710b]{outline-color:var(--default-outlined-border)}.alert--default.alert--outlined .alert-icon[data-v-5e66710b]{color:var(--default-button-contrast-text)}.alert--success[data-v-5e66710b]{outline-color:var(--success-main);background-color:var(--success-lighter)}.alert--success .alert-icon[data-v-5e66710b]{color:var(--success-main)}.alert--warning[data-v-5e66710b]{outline-color:var(--warning-main);background-color:var(--warning-lighter)}.alert--warning .alert-icon[data-v-5e66710b]{color:var(--warning-main)}.alert--danger[data-v-5e66710b]{outline-color:var(--error-main);background-color:var(--error-lighter)}.alert--danger .alert-icon[data-v-5e66710b]{color:var(--error-main)}.alert--info[data-v-5e66710b]{outline-color:var(--info-main);background-color:var(--info-lighter)}.alert--info .alert-icon[data-v-5e66710b]{color:var(--info-main)}.alert--standard[data-v-5e66710b]{outline:none}.alert--outlined[data-v-5e66710b]{background-color:var(--common-white);outline-width:1px;outline-offset:-1px;outline-style:solid}.alert-icon--align-top[data-v-5e66710b]{align-self:flex-start}.alert-content[data-v-5e66710b]{flex:1;margin:0 var(--spacing-150)}.alert-content--no-icon[data-v-5e66710b]{margin-left:var(--spacing-100)}.title-container[data-v-5e66710b]{display:flex;align-items:center}.alert-title[data-v-5e66710b]{color:var(--text-primary);line-height:20px}.alert-description[data-v-5e66710b]{color:var(--text-secondary)}.close-button[data-v-5e66710b]{margin-left:var(--spacing-100)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.app-trigger-wrapper[data-v-f86477a9]{display:flex}.app-trigger-wrapper.with-copy .app-trigger[data-v-f86477a9]{border-radius:var(--border-radius-lg) 0 0 var(--border-radius-lg);width:calc(100% - 41px)}.app-trigger-key[data-v-f86477a9]{flex:none}.app-trigger-key--content[data-v-f86477a9]{padding:10px;background:var(--background-inset);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-f86477a9]:hover{background:var(--action-selected);color:var(--action-primary)}.app-trigger[data-v-f86477a9]{width:100%;padding:0 12px;border-radius:var(--border-radius-lg);cursor:pointer;user-select:none;display:inline-flex;background:var(--background-inset);height:40px;align-items:center}.app-trigger[data-v-f86477a9]:hover,.app-trigger.active[data-v-f86477a9]{background:var(--action-selected)}.app-trigger.disabled[data-v-f86477a9]{cursor:auto}.app-trigger--content[data-v-f86477a9]{color:var(--text-primary);display:flex;column-gap:4px;width:calc(100% - 20px);align-items:center}.app-trigger--content .x-circle-wrapper[data-v-f86477a9]{color:var(--primary-dark)}.app-trigger--content .x-circle-wrapper[data-v-f86477a9]:hover{color:var(--primary-main)}.app-trigger--icon[data-v-f86477a9]{display:flex;align-items:center;color:var(--action-active)}.app-trigger .displayed-value[data-v-f86477a9]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1}.app-trigger .image[data-v-f86477a9]{width:28px;height:28px;flex:none}.app-trigger .image img[data-v-f86477a9]{border-radius:4px;width:100%;height:100%}.app-trigger .start-icon[data-v-f86477a9],.app-trigger .end-icon[data-v-f86477a9]{display:flex;color:var(--action-active)}.app-trigger .end-icon[data-v-f86477a9]{margin-right:var(--spacing-100)}.app-trigger .label-text[data-v-f86477a9]{display:flex;align-items:center;gap:8px}.app-trigger .label-text .text-content[data-v-f86477a9]{display:flex;align-items:center;gap:4px;width:100%}.app-trigger .label-text .text-content .text-content-value[data-v-f86477a9]{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-trigger .label-text .is-mandatory[data-v-f86477a9]{padding-top:5px;color:var(--error-main)}.value-tooltip[data-v-f86477a9]{display:block}.value-tooltip[data-v-f86477a9] .container{width:100%}
|
|
@@ -0,0 +1 @@
|
|
|
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)}
|
|
@@ -0,0 +1 @@
|
|
|
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}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.checkbox[data-v-88525d86]{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-88525d86]{outline:solid;border-radius:4px}.icon.disabled[data-v-88525d86]{opacity:.38}.icon.unchecked[data-v-88525d86]{color:var(--action-outlined-border)}.checkbox:hover:not(.disabled) .icon.unchecked[data-v-88525d86]{color:var(--action-active)}.icon.unchecked.disabled[data-v-88525d86]{opacity:1;color:var(--action-hover)}.checkboxes[data-v-88525d86]{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-88525d86]{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-88525d86]{overflow:hidden;pointer-events:none;position:absolute;z-index:0;inset:0}.states[data-v-88525d86]{width:var(--spacing-200);height:var(--spacing-200)}.disabled[data-v-88525d86]{cursor:not-allowed}.disabled .checkbox-label[data-v-88525d86]{color:var(--text-disabled)}.checkbox-label[data-v-88525d86]{margin-left:var(--spacing-100);color:var(--text-primary)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.chip[data-v-a221c649]{display:inline-flex;align-items:center;width:fit-content;height:fit-content;border-radius:var(--border-radius-sm);padding:2px 4px}.chip--medium[data-v-a221c649]{padding:6px;border-radius:var(--border-radius-md)}.chip--default[data-v-a221c649]{color:var(--action-primary);background:var(--default-dark);outline-color:var(--common-divider)}.chip--primary[data-v-a221c649]{color:var(--primary-contrast-text);background:var(--primary-light);outline-color:var(--primary-main)}.chip--info[data-v-a221c649]{color:var(--info-contrast-text);background:var(--info-light);outline-color:var(--info-dark)}.chip--error[data-v-a221c649]{color:var(--error-contrast-text);background:var(--error-light);outline-color:var(--error-main)}.chip--warning[data-v-a221c649]{color:var(--warning-contrast-text);background:var(--warning-light);outline-color:var(--warning-main)}.chip--success[data-v-a221c649]{color:var(--success-contrast-text);background:var(--success-light);outline-color:var(--success-main)}.chip--dark[data-v-a221c649]{color:var(--common-inverse-white);background:var(--common-inverse-black);outline-color:var(--common-divider)}.chip--filled[data-v-a221c649]{outline-width:0}.chip--outlined[data-v-a221c649]{outline-style:solid;outline-width:1px;outline-offset:-1px;background:transparent}.chip--outlined.chip--dark[data-v-a221c649]{color:var(--action-primary)}.chip--disabled[data-v-a221c649]{color:var(--action-disabled);background:var(--action-disabled-background);cursor:not-allowed}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.column-picker[data-v-01c4e08f]{width:37.375rem;border-radius:var(--border-radius-lg);background:var(--background-modal-elevation)}.content[data-v-01c4e08f]{min-height:18.75rem;display:grid;grid-template-columns:1fr 1fr}.selected-list-wrapper[data-v-01c4e08f]{padding:.25rem 1rem 1rem}.scrollable-list[data-v-01c4e08f]{overflow-y:auto;max-height:24.625rem}.search-wrapper[data-v-01c4e08f]{height:3rem;padding:1rem 1rem .25rem}.options-list-wrapper[data-v-01c4e08f]{border-right:1px solid var(--common-divider)}.options-list[data-v-01c4e08f]{margin:0;list-style:none;padding:.3125rem .75rem}.options-list__item[data-v-01c4e08f]{margin-bottom:.5rem}.options-list[data-v-01c4e08f] .item-container{margin-bottom:1px;min-height:1.9375rem}.selected-list-header[data-v-01c4e08f]{height:3rem;padding:.25rem 1rem 0;display:flex;justify-content:space-between;align-items:center}.group-name[data-v-01c4e08f]{color:var(--text-secondary)}.inline-group[data-v-01c4e08f]{padding:.25rem .5rem}.no-result-container[data-v-01c4e08f]{height:100%;display:flex;align-items:center;padding:.375rem .5rem;color:var(--text-disabled)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.default-dropdown-wrapper[data-v-a6900fa6]{position:relative}.dropdown-trigger[data-v-a6900fa6]{width:100%;padding:.3125rem .4375rem;display:flex;column-gap:.25rem;max-width:100%;box-sizing:border-box;border-radius:var(--border-radius-md);border:1px solid var(--action-outlined-border);background:var(--background-inset);cursor:pointer;user-select:none;position:relative}.dropdown-trigger[data-v-a6900fa6]:hover{border:1px solid var(--action-active);background:var(--action-hover)}.dropdown-trigger.small[data-v-a6900fa6]{padding:.1875rem .4375rem}.dropdown-trigger.large[data-v-a6900fa6]{padding:.5625rem .4375rem}.dropdown-trigger.disabled[data-v-a6900fa6]{border:1px solid var(--action-outlined-border, #bbb);background:var(--action-disabled-background, #f1f1f1);cursor:not-allowed}.dropdown-trigger.disabled .displayed-value[data-v-a6900fa6],.dropdown-trigger.disabled .caret-down[data-v-a6900fa6]{color:var(--text-disabled)}.dropdown-trigger.open[data-v-a6900fa6]{padding:.25rem .375rem;border:2px solid var(--primary-main)}.dropdown-trigger.open.small[data-v-a6900fa6]{padding:.125rem .375rem}.dropdown-trigger.open.large[data-v-a6900fa6]{padding:.5rem .375rem}.dropdown-trigger.state-error[data-v-a6900fa6],.dropdown-trigger.state-success[data-v-a6900fa6],.dropdown-trigger.state-warning[data-v-a6900fa6]{padding:4px 6px}.dropdown-trigger.state-error.small[data-v-a6900fa6],.dropdown-trigger.state-success.small[data-v-a6900fa6],.dropdown-trigger.state-warning.small[data-v-a6900fa6]{padding:.1875rem .4375rem}.dropdown-trigger.state-error.large[data-v-a6900fa6],.dropdown-trigger.state-success.large[data-v-a6900fa6],.dropdown-trigger.state-warning.large[data-v-a6900fa6]{padding:.5625rem .4375rem}.dropdown-trigger.state-error[data-v-a6900fa6]{border:2px solid var(--error-main)}.dropdown-trigger.state-success[data-v-a6900fa6]{border:2px solid var(--success-main)}.dropdown-trigger.state-warning[data-v-a6900fa6]{border:2px solid var(--warning-dark)}.dropdown-trigger .caret-down[data-v-a6900fa6]{color:var(--action-active)}.content[data-v-a6900fa6]{display:flex;flex:1;gap:.25rem;align-items:center;color:var(--text-primary)}.content .displayed-value[data-v-a6900fa6]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.content .image[data-v-a6900fa6]{width:20px;height:20px;flex:none}.content .image img[data-v-a6900fa6]{border-radius:4px;width:100%;height:100%}.content .start-icon[data-v-a6900fa6]{display:flex;color:var(--action-active)}.content .status-dot[data-v-a6900fa6]{padding-right:.25rem}.content .status-dot>div[data-v-a6900fa6]{position:relative;top:-1px}.dropdown-field-label[data-v-a6900fa6]{color:var(--text-primary)}.dropdown-field-help-text[data-v-a6900fa6]{margin-top:4px;position:absolute}.flag[data-v-a6900fa6]{width:16px;height:16px}.flag img[data-v-a6900fa6]{width:16px;height:16px;border-radius:50%}.inline-error[data-v-a6900fa6]{cursor:pointer;color:var(--error-main);display:flex;justify-content:center;align-items:center}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.container[data-v-a6710278]{position:fixed;z-index:1300;display:flex;align-items:center;justify-content:center;inset:0;padding:0 var(--spacing-300)}.dialog[data-v-a6710278]{min-height:7rem;overflow-y:auto;box-shadow:var(--elevation-xl);max-height:calc(100% - var(--spacing-800));background:var(--background-modal-elevation);border:1px solid var(--common-divider-elevation-0);border-radius:var(--border-radius-lg)}.dialog--medium[data-v-a6710278]{width:56.25rem}.dialog--small[data-v-a6710278]{width:37.5rem}.dialog--extraSmall[data-v-a6710278]{width:27.75rem}.content[data-v-a6710278]{color:var(--text-primary);padding:var(--spacing-300);display:flex;overflow-y:auto;flex-direction:column;justify-content:center}.content--no-padding[data-v-a6710278]{padding:0}.dialog-backdrop[data-v-a6710278]{position:fixed;z-index:-1;display:flex;background-color:var(--background-backdrop);align-items:center;justify-content:center;inset:0}.v-enter-active[data-v-a6710278],.v-leave-active[data-v-a6710278]{transition:opacity .25s ease}.v-enter-from[data-v-a6710278],.v-leave-to[data-v-a6710278]{opacity:0}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.v-enter-active[data-v-526bf0a1],.v-leave-active[data-v-526bf0a1]{transition:opacity .25s ease}ol[data-v-526bf0a1],ul[data-v-526bf0a1],menu[data-v-526bf0a1]{list-style:none;margin:0;padding:0}.dropdown.full-width[data-v-526bf0a1],.dropdown.full-width .button__container[data-v-526bf0a1]{width:100%}.dropdown-list-wrapper[data-v-526bf0a1]{display:flex;flex-direction:column;padding:.5rem .5rem .25rem}.dropdown-list-wrapper--multi[data-v-526bf0a1]{padding:.5rem}.list-container--multi[data-v-526bf0a1]{margin-bottom:0}.inline-search .inline-search-wrapper[data-v-526bf0a1]{display:flex;gap:4px;padding-bottom:.25rem}.inline-search .inline-search-wrapper .search-container[data-v-526bf0a1]{width:100%}.inline-search .list-container[data-v-526bf0a1]{padding-top:0}.no-result-container[data-v-526bf0a1]{height:100%;display:flex;align-items:center;padding:.375rem .5rem;color:var(--text-disabled)}.no-result[data-v-526bf0a1]{color:var(--text-disabled);padding-left:.5rem}.list[data-v-526bf0a1]{outline:none;display:flex;flex-direction:column;width:100%;min-height:2rem}.list--multi[data-v-526bf0a1]{margin-bottom:.5rem;border-bottom-left-radius:0;border-bottom-right-radius:0}.list--with-conditions[data-v-526bf0a1]{min-height:0;margin-bottom:0}.image-slot[data-v-526bf0a1]{margin-right:.5rem}.actions-wrapper[data-v-526bf0a1]{display:flex;width:100%;padding:.5rem .5rem .5rem .125rem;padding-bottom:0;border-top:1px solid var(--common-divider);justify-content:space-between;margin-top:.25rem}.dropdown-footer[data-v-526bf0a1]{display:flex;width:100%;padding:.5rem .5rem .375rem .4375rem;border-top:1px solid var(--common-divider);margin-top:.25rem}.apply-button[data-v-526bf0a1]{margin-left:.5rem}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.group-option[data-v-1e5170b3]{padding:0 .5rem;box-sizing:border-box;height:35px;display:flex;align-items:center;color:var(--text-primary)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.help-text[data-v-641c2356]{color:var(--text-primary)}.help-text--secondary[data-v-641c2356]{color:var(--text-secondary)}.help-text--primary[data-v-641c2356]{color:var(--primary-main)}.help-text--disabled[data-v-641c2356]{color:var(--text-disabled)}.underlined[data-v-641c2356]{background-image:linear-gradient(to left,currentColor 50%,transparent 0%);background-position:0 100%;background-size:4px 1px;background-repeat:repeat-x}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.link[data-v-fe0e7f6f]{cursor:pointer;color:var(--primary-main);display:inline-flex;align-items:center;gap:var(--spacing-50)}.link[data-v-fe0e7f6f]:hover{color:var(--primary-dark)}.link--default[data-v-fe0e7f6f]{color:var(--text-secondary)}.link--default[data-v-fe0e7f6f]:hover{color:var(--text-primary)}.link--disabled[data-v-fe0e7f6f]{color:var(--text-disabled);pointer-events:none}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.multi-bar[data-v-c4395fb6]{bottom:var(--spacing-500);width:100%;display:flex;justify-content:center;pointer-events:none;transition:opacity .25s,transform .25s}.multi-bar--left[data-v-c4395fb6]{justify-content:flex-start}.multi-bar--small[data-v-c4395fb6]{height:var(--spacing-600)}.multi-bar--medium[data-v-c4395fb6]{height:var(--spacing-700)}.multi-bar--fixed[data-v-c4395fb6]{position:fixed}.multi-bar--absolute[data-v-c4395fb6]{left:0;right:0;position:absolute}.multi-bar-enter-from[data-v-c4395fb6],.multi-bar-leave-to[data-v-c4395fb6]{opacity:0;transform:translateY(var(--spacing-500))}.multi-bar-panel[data-v-c4395fb6]{pointer-events:auto;display:flex;align-items:center;min-width:17.25rem;box-shadow:var(--elevation-md);border-radius:var(--border-radius-md);border:1px solid var(--common-divider-elevation-0);background:var(--background-modal-elevation);padding:0 var(--spacing-200);height:100%}.close-icon[data-v-c4395fb6]{color:var(--action-active);margin-right:var(--spacing-100)}.count-text[data-v-c4395fb6]{color:var(--text-secondary);margin-right:var(--spacing-500);white-space:nowrap}.action-button[data-v-c4395fb6]{margin-right:4px}.action-button--last[data-v-c4395fb6]{margin-right:0}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.radio-button[data-v-4f3c7037]{display:flex;flex-direction:column}.radio-button--disabled[data-v-4f3c7037],.radio-button--disabled .label[data-v-4f3c7037]{cursor:default}.wrapper-with-description[data-v-4f3c7037]{display:flex}.wrapper[data-v-4f3c7037]{display:inline-flex;align-items:center;justify-content:center;position:relative;box-sizing:border-box;background-color:transparent;outline:0;border:0;cursor:pointer;user-select:none;vertical-align:middle;appearance:none;text-decoration:none;border-radius:50%;margin:0 var(--spacing-100) 0 0}.label[data-v-4f3c7037]{cursor:pointer;color:var(--text-primary);flex-direction:column;display:inline-flex}.label--disabled[data-v-4f3c7037]{color:var(--text-disabled)}input[data-v-4f3c7037]{cursor:inherit;position:absolute;opacity:0;width:100%;height:100%;top:0;left:0;margin:0;padding:0;z-index:1}.circle[data-v-4f3c7037]{border-radius:50%;width:var(--spacing-200);height:var(--spacing-200);transition:all .2s ease-in-out 0s;background-color:var(--background-inset);box-shadow:var(--action-outlined-border) 0 0 0 1px inset}.circle--selected[data-v-4f3c7037]{background-color:var(--primary-main);box-shadow:var(--primary-dark) 0 0 0 1px inset}.circle--selected[data-v-4f3c7037]:before{display:block;width:var(--spacing-200);height:var(--spacing-200);background-image:radial-gradient(var(--common-white),var(--common-white) 3px,transparent 28%);content:""}.circle--disabled[data-v-4f3c7037]{background-color:var(--action-disabled-background);box-shadow:var(--action-hover) 0 0 0 1px inset}.circle--disabled.circle--selected[data-v-4f3c7037]{opacity:.38;background-color:var(--primary-main);box-shadow:var(--primary-dark) 0 0 0 1px inset}.radio-button:hover .circle[data-v-4f3c7037]:not(.circle--selected):not(.circle--disabled){box-shadow:var(--action-active) 0 0 0 1px inset}.label-description[data-v-4f3c7037]{color:var(--text-secondary)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.switch[data-v-0a80c49f]{position:relative;display:inline-flex;background:var(--default-main);border-radius:var(--border-radius-md);border:1px solid var(--default-outlined-border);overflow:hidden}.switch[data-v-0a80c49f] .icon{color:var(--text-secondary)}.switch--variant-primary .option--selected[data-v-0a80c49f]{background:var(--primary-light)}.switch--variant-primary .option--selected[data-v-0a80c49f] .icon{color:var(--primary-contrast-text)}.switch--variant-primary .option[data-v-0a80c49f]:hover{background:var(--primary-lighter)}.switch--variant-primary .option[data-v-0a80c49f]:hover .icon{color:var(--primary-contrast-text)}.switch--variant-default .option--selected[data-v-0a80c49f]{background:var(--action-selected)}.switch--variant-default .option--selected[data-v-0a80c49f] .icon{color:var(--text-primary)}.switch--variant-default .option[data-v-0a80c49f]:hover{background:var(--default-light)}.switch--variant-default .option[data-v-0a80c49f]:hover .icon{color:var(--text-primary)}.option[data-v-0a80c49f]{border-radius:0;padding:3px}.option-wrapper[data-v-0a80c49f]:not(:last-child){border-right:1px solid var(--default-outlined-border)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.font-tab-label2[data-v-0feea75e],.font-chart-2[data-v-0feea75e],.font-chart-1[data-v-0feea75e]{font-family:Inter,sans-serif;font-weight:700}.font-chip-label[data-v-0feea75e],.font-table-label[data-v-0feea75e],.font-button[data-v-0feea75e],.font-heading-6[data-v-0feea75e],.font-heading-5[data-v-0feea75e],.font-heading-4[data-v-0feea75e],.font-heading-3[data-v-0feea75e],.font-heading-2[data-v-0feea75e],.font-heading-1[data-v-0feea75e],.font-title[data-v-0feea75e]{font-family:Inter,sans-serif;font-weight:600}.font-tab-label1[data-v-0feea75e],.font-input-label[data-v-0feea75e],.font-overline[data-v-0feea75e],.font-subtitle-2[data-v-0feea75e],.font-subtitle-1[data-v-0feea75e]{font-family:Inter,sans-serif;font-weight:500}.font-caption[data-v-0feea75e],.font-body-2[data-v-0feea75e],.textarea[data-v-0feea75e],.font-body-1[data-v-0feea75e]{font-family:Inter,sans-serif;font-weight:400}.font-title[data-v-0feea75e]{font-size:2.5rem;line-height:3rem;letter-spacing:-.055rem}.font-heading-1[data-v-0feea75e]{font-size:1.5rem;line-height:1.75rem;letter-spacing:-.0285rem}.font-heading-2[data-v-0feea75e]{font-size:1.125rem;line-height:1.75rem;letter-spacing:-.01575rem}.font-heading-3[data-v-0feea75e]{font-size:1rem;line-height:1.5rem;letter-spacing:-.011rem}.font-heading-4[data-v-0feea75e]{font-size:.875rem;line-height:1rem;letter-spacing:unset}.font-heading-5[data-v-0feea75e]{font-size:.8125rem;line-height:16px;letter-spacing:unset}.font-heading-6[data-v-0feea75e]{font-size:.75rem;line-height:.75rem;letter-spacing:0}.textarea[data-v-0feea75e],.font-body-1[data-v-0feea75e]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-body-2[data-v-0feea75e]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-subtitle-1[data-v-0feea75e]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-subtitle-2[data-v-0feea75e]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-chart-1[data-v-0feea75e]{font-size:1.5rem;line-height:1.5rem;letter-spacing:-.015rem}.font-chart-2[data-v-0feea75e]{font-size:1.25rem;line-height:1.25rem;letter-spacing:-.0125rem}.font-button[data-v-0feea75e]{font-size:.875rem;line-height:1.25rem;letter-spacing:.00875rem}.font-overline[data-v-0feea75e]{font-size:.75rem;line-height:1rem;letter-spacing:.045rem;text-transform:uppercase}.font-caption[data-v-0feea75e]{font-size:.75rem;line-height:1rem}.font-table-label[data-v-0feea75e]{font-size:.8125rem;line-height:1.25rem;letter-spacing:.00813rem}.font-input-label[data-v-0feea75e]{font-size:.8125rem;line-height:1rem;letter-spacing:.00813rem}.font-tab-label1[data-v-0feea75e],.font-tab-label2[data-v-0feea75e]{font-size:.875rem;line-height:1rem}.font-chip-label[data-v-0feea75e]{font-size:.75rem;line-height:1rem}h1[data-v-0feea75e],h2[data-v-0feea75e],h3[data-v-0feea75e],h4[data-v-0feea75e],h5[data-v-0feea75e],h6[data-v-0feea75e]{margin:0}.textarea-field[data-v-0feea75e]{display:flex;flex-direction:column}.textarea-field--counter-inside .max-length-counter[data-v-0feea75e]{position:absolute;right:var(--spacing-75);top:-27px;padding:0 var(--spacing-25);border-radius:var(--border-radius-xs);background:var(--default-main)}.textarea-field--counter-inside .footer[data-v-0feea75e]{position:relative}.textarea[data-v-0feea75e]{flex-grow:1;background:var(--background-inset);color:var(--text-primary);padding:var(--spacing-125) var(--spacing-100);height:calc(var(--spacing-900) - 1px);width:100%;border:none;border-radius:var(--border-radius-md);outline:1px solid var(--action-outlined-border);outline-offset:-1px;margin-bottom:1px}.textarea[data-v-0feea75e]:hover{outline:1px solid var(--action-active)}.textarea[data-v-0feea75e]:focus{outline:2px solid var(--primary-main)}.textarea[data-v-0feea75e]::placeholder{color:var(--text-secondary)}.textarea--disabled[data-v-0feea75e]{color:var(--text-disabled)}.textarea--disabled[data-v-0feea75e]::placeholder{color:var(--text-disabled)}.textarea--disabled[data-v-0feea75e]:hover{outline:1px solid var(--action-outlined-border)}.textarea--variant-success[data-v-0feea75e],.textarea--variant-success[data-v-0feea75e]:hover,.textarea--variant-success[data-v-0feea75e]:focus{outline:2px solid var(--success-dark)}.textarea--variant-error[data-v-0feea75e],.textarea--variant-error[data-v-0feea75e]:hover,.textarea--variant-error[data-v-0feea75e]:focus{outline:2px solid var(--error-main)}.textarea--variant-warning[data-v-0feea75e],.textarea--variant-warning[data-v-0feea75e]:hover,.textarea--variant-warning[data-v-0feea75e]:focus{outline:2px solid var(--warning-dark)}.textarea-label[data-v-0feea75e]{flex-grow:initial}.footer[data-v-0feea75e]{display:flex;justify-content:flex-end;align-items:center;margin-top:var(--spacing-50)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.font-tab-label2[data-v-28fab783],.font-chart-2[data-v-28fab783],.font-chart-1[data-v-28fab783]{font-family:Inter,sans-serif;font-weight:700}.font-chip-label[data-v-28fab783],.font-table-label[data-v-28fab783],.font-button[data-v-28fab783],.font-heading-6[data-v-28fab783],.font-heading-5[data-v-28fab783],.font-heading-4[data-v-28fab783],.font-heading-3[data-v-28fab783],.font-heading-2[data-v-28fab783],.font-heading-1[data-v-28fab783],.font-title[data-v-28fab783]{font-family:Inter,sans-serif;font-weight:600}.font-tab-label1[data-v-28fab783],.font-input-label[data-v-28fab783],.font-overline[data-v-28fab783],.font-subtitle-2[data-v-28fab783],.font-subtitle-1[data-v-28fab783]{font-family:Inter,sans-serif;font-weight:500}.font-caption[data-v-28fab783],.font-body-2[data-v-28fab783],.input-container .input[data-v-28fab783],.font-body-1[data-v-28fab783]{font-family:Inter,sans-serif;font-weight:400}.font-title[data-v-28fab783]{font-size:2.5rem;line-height:3rem;letter-spacing:-.055rem}.font-heading-1[data-v-28fab783]{font-size:1.5rem;line-height:1.75rem;letter-spacing:-.0285rem}.font-heading-2[data-v-28fab783]{font-size:1.125rem;line-height:1.75rem;letter-spacing:-.01575rem}.font-heading-3[data-v-28fab783]{font-size:1rem;line-height:1.5rem;letter-spacing:-.011rem}.font-heading-4[data-v-28fab783]{font-size:.875rem;line-height:1rem;letter-spacing:unset}.font-heading-5[data-v-28fab783]{font-size:.8125rem;line-height:16px;letter-spacing:unset}.font-heading-6[data-v-28fab783]{font-size:.75rem;line-height:.75rem;letter-spacing:0}.input-container .input[data-v-28fab783],.font-body-1[data-v-28fab783]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-body-2[data-v-28fab783]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-subtitle-1[data-v-28fab783]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-subtitle-2[data-v-28fab783]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-chart-1[data-v-28fab783]{font-size:1.5rem;line-height:1.5rem;letter-spacing:-.015rem}.font-chart-2[data-v-28fab783]{font-size:1.25rem;line-height:1.25rem;letter-spacing:-.0125rem}.font-button[data-v-28fab783]{font-size:.875rem;line-height:1.25rem;letter-spacing:.00875rem}.font-overline[data-v-28fab783]{font-size:.75rem;line-height:1rem;letter-spacing:.045rem;text-transform:uppercase}.font-caption[data-v-28fab783]{font-size:.75rem;line-height:1rem}.font-table-label[data-v-28fab783]{font-size:.8125rem;line-height:1.25rem;letter-spacing:.00813rem}.font-input-label[data-v-28fab783]{font-size:.8125rem;line-height:1rem;letter-spacing:.00813rem}.font-tab-label1[data-v-28fab783],.font-tab-label2[data-v-28fab783]{font-size:.875rem;line-height:1rem}.font-chip-label[data-v-28fab783]{font-size:.75rem;line-height:1rem}h1[data-v-28fab783],h2[data-v-28fab783],h3[data-v-28fab783],h4[data-v-28fab783],h5[data-v-28fab783],h6[data-v-28fab783]{margin:0}.disabled .input[data-v-28fab783]::placeholder{color:var(--text-disabled)}.disabled .input-container[data-v-28fab783]{cursor:no-drop;background-color:var(--action-disabled-background)}.disabled .input-container[data-v-28fab783]:hover{outline:1px solid var(--action-outlined-border);background-color:var(--action-disabled-background)}.input-size-small[data-v-28fab783]{height:28px}.input-size-medium[data-v-28fab783]{height:32px}.input-size-large[data-v-28fab783]{height:40px}.input-with-label-container[data-v-28fab783]{display:flex;flex-direction:column}.input-container[data-v-28fab783]{flex-grow:2;display:flex;flex-direction:row;align-items:center;border-radius:var(--border-radius-md);background:var(--background-inset);outline:1px solid var(--action-outlined-border);outline-offset:-1px;padding:0 var(--spacing-100);position:relative;gap:var(--spacing-50)}.input-container[data-v-28fab783]:hover{outline:1px solid var(--action-active);background-color:var(--action-hover)}.input-container .input[data-v-28fab783]{padding:0;width:100%;border:none;background:transparent;color:var(--text-primary);line-height:normal}.input-container .input[data-v-28fab783]:focus{outline:none}.input-container .input[data-v-28fab783]:disabled{color:var(--text-disabled);cursor:no-drop}.input-container .input.view-only[data-v-28fab783]{color:var(--text-disabled)}.input-container .input[type=number][data-v-28fab783]::-webkit-inner-spin-button{opacity:.7;transform:scale(1.1)}.input-container .hide-arrows.input[type=number][data-v-28fab783]::-webkit-inner-spin-button,.input-container .hide-arrows.input[type=number][data-v-28fab783]::-webkit-outer-spin-button{margin:0;-webkit-appearance:none;appearance:none}.input-container .input[type=password][data-v-28fab783]{letter-spacing:4px}.input-container[data-v-28fab783] ::placeholder{color:var(--text-secondary);letter-spacing:normal}.input-container .label-inside[data-v-28fab783]::placeholder{color:var(--text-primary)}.input-container .icon-container[data-v-28fab783]{display:flex;align-items:center;color:var(--text-secondary)}.input-container .icon-before[data-v-28fab783]{padding-right:var(--spacing-50)}.input-container .icon-after[data-v-28fab783]{padding-left:var(--spacing-50)}.prefix-text[data-v-28fab783]{color:var(--text-secondary, #646464);margin-right:var(--spacing-50)}.suffix-text[data-v-28fab783]{color:var(--text-secondary, #646464)}.focused[data-v-28fab783],.focused[data-v-28fab783]:hover{background-color:var(--action-hover);outline:2px solid var(--primary-main);outline-offset:-2px}.error-icon.error-icon[data-v-28fab783],.error-icon.error-icon[data-v-28fab783]:hover{color:var(--error-main)}.label-direction-left[data-v-28fab783]{flex-direction:row;align-items:center;justify-content:space-between}.apply-button[data-v-28fab783]{cursor:pointer;color:var(--default-contrast-text);width:var(--spacing-250);height:var(--spacing-250)}.inline-error[data-v-28fab783]{cursor:pointer;color:var(--error-main);display:flex;justify-content:center;align-items:center}.footer[data-v-28fab783]{display:flex;justify-content:flex-end;margin-top:var(--spacing-50)}.footer.footer-absolute[data-v-28fab783]{position:absolute;bottom:calc(0px - var(--spacing-300))}.password-visibility-toggle[data-v-28fab783]{cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.clear-button[data-v-28fab783]{color:var(--action-active);cursor:pointer}.clear-button[data-v-28fab783]:hover{color:var(--text-primary)}.loading-indicator[data-v-28fab783]{width:16px;height:16px;color:var(--action-active)}.loading-indicator[data-v-28fab783] circle{stroke:var(--action-active)}.variant-success .input-container[data-v-28fab783],.variant-success .input-container[data-v-28fab783]:hover{outline:2px solid var(--success-dark)}.variant-error .input-container[data-v-28fab783],.variant-error .input-container[data-v-28fab783]:hover{outline:2px solid var(--error-main)}.variant-warning .input-container[data-v-28fab783],.variant-warning .input-container[data-v-28fab783]:hover{outline:2px solid var(--warning-dark)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.light-theme-v4{--background-default: #FFFFFF;--background-paper:
|
|
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}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.group-button-wrapper[data-v-0fc9ddf5]{display:flex}.group-button-wrapper[data-v-0fc9ddf5] button{border-radius:0}.group-button-wrapper .toggle-button[data-v-0fc9ddf5]:nth-child(1){border-top-left-radius:var(--border-radius-md);border-bottom-left-radius:var(--border-radius-md);border-right:none;background-color:var(--common-inverse-white);width:32px}.group-button-wrapper .toggle-button[data-v-0fc9ddf5]:nth-child(2){border-right:none;border-left:none;width:32px}.group-button-wrapper .toggle-button[data-v-0fc9ddf5]:last-child{border-top-right-radius:var(--border-radius-md);border-bottom-right-radius:var(--border-radius-md);border-right:1px solid var(--default-outlined-border)}.group-button-wrapper .toggle-button[data-v-0fc9ddf5]:nth-child(3){padding:0}.group-button-wrapper .popover-trigger[data-v-0fc9ddf5]{padding:5px 3px}.group-button-wrapper .trigger-active[data-v-0fc9ddf5]{background:var(--default-light)}.group-button-wrapper .primary[data-v-0fc9ddf5]{border-color:var(--default-outlined-border);color:var(--action-active)}.group-button-wrapper .toggle-button[data-v-0fc9ddf5]:nth-child(3):hover,.group-button-wrapper .toggle-button[data-v-0fc9ddf5]:nth-child(1):not(.selected-a):hover,.group-button-wrapper .toggle-button[data-v-0fc9ddf5]:nth-child(2):not(.selected-b):hover{background-color:var(--action-hover)}.group-button-wrapper .toggle-button.selected-a[data-v-0fc9ddf5],.group-button-wrapper .toggle-button.selected-a[data-v-0fc9ddf5]:hover{background-color:var(--ab-a);color:var(--common-inverse-white)}.group-button-wrapper .toggle-button.selected-b[data-v-0fc9ddf5],.group-button-wrapper .toggle-button.selected-b[data-v-0fc9ddf5]:hover{background-color:var(--ab-b);color:var(--common-inverse-white)}
|
|
@@ -1,14 +1,13 @@
|
|
|
1
1
|
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
|
|
2
2
|
title?: string;
|
|
3
3
|
description?: string;
|
|
4
|
-
color?: "danger" | "info" | "success" | "warning";
|
|
4
|
+
color?: "default" | "danger" | "info" | "success" | "warning";
|
|
5
5
|
variant?: "outlined" | "standard";
|
|
6
6
|
dismissible?: boolean;
|
|
7
7
|
actionText?: string;
|
|
8
8
|
actionVariant?: "contained" | "outlined";
|
|
9
9
|
actionIconName?: string;
|
|
10
10
|
actionLoading?: boolean;
|
|
11
|
-
actionSize?: "small" | "medium";
|
|
12
11
|
rounded?: boolean;
|
|
13
12
|
hideIcon?: boolean;
|
|
14
13
|
testId?: string;
|
|
@@ -22,7 +21,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
22
21
|
actionIconName: any;
|
|
23
22
|
actionVariant: string;
|
|
24
23
|
actionLoading: boolean;
|
|
25
|
-
actionSize: string;
|
|
26
24
|
rounded: boolean;
|
|
27
25
|
hideIcon: boolean;
|
|
28
26
|
testId: string;
|
|
@@ -32,14 +30,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
32
30
|
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
|
|
33
31
|
title?: string;
|
|
34
32
|
description?: string;
|
|
35
|
-
color?: "danger" | "info" | "success" | "warning";
|
|
33
|
+
color?: "default" | "danger" | "info" | "success" | "warning";
|
|
36
34
|
variant?: "outlined" | "standard";
|
|
37
35
|
dismissible?: boolean;
|
|
38
36
|
actionText?: string;
|
|
39
37
|
actionVariant?: "contained" | "outlined";
|
|
40
38
|
actionIconName?: string;
|
|
41
39
|
actionLoading?: boolean;
|
|
42
|
-
actionSize?: "small" | "medium";
|
|
43
40
|
rounded?: boolean;
|
|
44
41
|
hideIcon?: boolean;
|
|
45
42
|
testId?: string;
|
|
@@ -53,7 +50,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
53
50
|
actionIconName: any;
|
|
54
51
|
actionVariant: string;
|
|
55
52
|
actionLoading: boolean;
|
|
56
|
-
actionSize: string;
|
|
57
53
|
rounded: boolean;
|
|
58
54
|
hideIcon: boolean;
|
|
59
55
|
testId: string;
|
|
@@ -64,14 +60,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
64
60
|
title: string;
|
|
65
61
|
testId: string;
|
|
66
62
|
variant: "outlined" | "standard";
|
|
67
|
-
color: "danger" | "info" | "success" | "warning";
|
|
63
|
+
color: "default" | "danger" | "info" | "success" | "warning";
|
|
68
64
|
description: string;
|
|
69
65
|
dismissible: boolean;
|
|
70
66
|
actionText: string;
|
|
71
67
|
actionVariant: "contained" | "outlined";
|
|
72
68
|
actionIconName: string;
|
|
73
69
|
actionLoading: boolean;
|
|
74
|
-
actionSize: "small" | "medium";
|
|
75
70
|
rounded: boolean;
|
|
76
71
|
hideIcon: boolean;
|
|
77
72
|
}>, {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import e from "./Alert.vue2.js";
|
|
2
2
|
/* empty css */import o from "../../_virtual/_plugin-vue_export-helper.js";
|
|
3
|
-
// import "../../Alert.
|
|
4
|
-
const p = /* @__PURE__ */ o(e, [["__scopeId", "data-v-
|
|
3
|
+
// import "../../Alert.vue_vue_type_style_index_0_scoped_5e66710b_lang.css"; //*');
|
|
4
|
+
const p = /* @__PURE__ */ o(e, [["__scopeId", "data-v-5e66710b"]]);
|
|
5
5
|
export {
|
|
6
6
|
p as default
|
|
7
7
|
};
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import "../../Alert.
|
|
2
|
-
import
|
|
3
|
-
import
|
|
1
|
+
import "../../Alert.vue_vue_type_style_index_0_scoped_5e66710b_lang.css"; import { defineComponent as A, computed as y, openBlock as o, createElementBlock as I, mergeProps as l, unref as e, createBlock as s, normalizeClass as T, createCommentVNode as r, createElementVNode as g, withCtx as u, createTextVNode as k, toDisplayString as m, renderSlot as B, createVNode as E } from "vue";
|
|
2
|
+
import v from "../typography/v4/Typography.vue.js";
|
|
3
|
+
import h from "../icon/v4/IconV4.vue.js";
|
|
4
4
|
import "../icon/v4/IconFlag.vue.js";
|
|
5
|
-
import
|
|
6
|
-
import
|
|
5
|
+
import V from "../button/v4/ButtonV4.vue.js";
|
|
6
|
+
import $ from "../button/v4/IconButtonV4.vue.js";
|
|
7
7
|
import "../button/v4/ButtonGroup.vue.js";
|
|
8
8
|
import "../button/v4/ToggleButtonGroupAB.vue.js";
|
|
9
|
-
import { useTestIdAttrs as
|
|
10
|
-
import { AlertTestIdModifiers as
|
|
11
|
-
const
|
|
9
|
+
import { useTestIdAttrs as S } from "../../utils/testIds.js";
|
|
10
|
+
import { AlertTestIdModifiers as n } from "../../testids/index.js";
|
|
11
|
+
const b = { class: "title-container" }, p = { key: 0 }, W = /* @__PURE__ */ A({
|
|
12
12
|
__name: "Alert",
|
|
13
13
|
props: {
|
|
14
14
|
title: { default: "" },
|
|
@@ -17,92 +17,94 @@ const V = { class: "title-container" }, $ = { key: 0 }, W = /* @__PURE__ */ N({
|
|
|
17
17
|
variant: { default: "standard" },
|
|
18
18
|
dismissible: { type: Boolean, default: !1 },
|
|
19
19
|
actionText: { default: "" },
|
|
20
|
-
actionVariant: { default: "
|
|
20
|
+
actionVariant: { default: "contained" },
|
|
21
21
|
actionIconName: { default: null },
|
|
22
22
|
actionLoading: { type: Boolean, default: !1 },
|
|
23
|
-
actionSize: { default: "small" },
|
|
24
23
|
rounded: { type: Boolean, default: !0 },
|
|
25
24
|
hideIcon: { type: Boolean, default: !1 },
|
|
26
25
|
testId: { default: "" }
|
|
27
26
|
},
|
|
28
27
|
emits: ["close", "actionButtonClick"],
|
|
29
|
-
setup(t, { emit:
|
|
30
|
-
const
|
|
28
|
+
setup(t, { emit: f }) {
|
|
29
|
+
const c = t, C = y(() => {
|
|
31
30
|
const i = {
|
|
32
31
|
success: "check-circle",
|
|
33
32
|
warning: "warning",
|
|
34
33
|
danger: "warning-octagon",
|
|
35
|
-
info: "info"
|
|
34
|
+
info: "info",
|
|
35
|
+
default: "info"
|
|
36
36
|
};
|
|
37
|
-
return i[
|
|
38
|
-
}),
|
|
39
|
-
|
|
37
|
+
return i[c.color] || i.success;
|
|
38
|
+
}), N = y(
|
|
39
|
+
() => c.color === "default" ? "primary" : c.color
|
|
40
|
+
), a = S(c.testId, n);
|
|
41
|
+
return (i, d) => (o(), I("div", l({
|
|
40
42
|
class: ["alert", {
|
|
41
43
|
[`alert--${t.color}`]: !0,
|
|
42
44
|
[`alert--${t.variant}`]: !0,
|
|
43
45
|
"alert--rounded": t.rounded
|
|
44
46
|
}]
|
|
45
|
-
}, e(a)[e(
|
|
46
|
-
t.hideIcon ?
|
|
47
|
+
}, e(a)[e(n).WRAPPER]), [
|
|
48
|
+
t.hideIcon ? r("", !0) : (o(), s(e(h), {
|
|
47
49
|
key: 0,
|
|
48
|
-
name: e(
|
|
49
|
-
class:
|
|
50
|
+
name: e(C),
|
|
51
|
+
class: T(["alert-icon", { "alert-icon--align-top": t.title && t.description }]),
|
|
50
52
|
type: "fill",
|
|
51
53
|
size: "20px"
|
|
52
54
|
}, null, 8, ["name", "class"])),
|
|
53
|
-
|
|
54
|
-
class:
|
|
55
|
+
g("div", {
|
|
56
|
+
class: T(["alert-content", {
|
|
55
57
|
"alert-content--no-icon": t.hideIcon
|
|
56
58
|
}])
|
|
57
59
|
}, [
|
|
58
|
-
|
|
59
|
-
t.title ? (
|
|
60
|
+
g("div", b, [
|
|
61
|
+
t.title ? (o(), s(e(v), l({
|
|
60
62
|
key: 0,
|
|
61
63
|
class: "alert-title",
|
|
62
64
|
variant: "h4"
|
|
63
|
-
}, e(a)[e(
|
|
64
|
-
default:
|
|
65
|
-
|
|
65
|
+
}, e(a)[e(n).TITLE]), {
|
|
66
|
+
default: u(() => [
|
|
67
|
+
k(m(t.title), 1)
|
|
66
68
|
]),
|
|
67
69
|
_: 1
|
|
68
|
-
}, 16)) :
|
|
69
|
-
|
|
70
|
+
}, 16)) : r("", !0),
|
|
71
|
+
B(i.$slots, "after-title", {}, void 0, !0)
|
|
70
72
|
]),
|
|
71
|
-
|
|
73
|
+
E(e(v), l({
|
|
72
74
|
class: "alert-description",
|
|
73
75
|
variant: "body1"
|
|
74
|
-
}, e(a)[e(
|
|
75
|
-
default:
|
|
76
|
-
|
|
77
|
-
t.description ? (
|
|
76
|
+
}, e(a)[e(n).MESSAGE]), {
|
|
77
|
+
default: u(() => [
|
|
78
|
+
B(i.$slots, "default", {}, () => [
|
|
79
|
+
t.description ? (o(), I("span", p, m(t.description), 1)) : r("", !0)
|
|
78
80
|
], !0)
|
|
79
81
|
]),
|
|
80
82
|
_: 3
|
|
81
83
|
}, 16)
|
|
82
84
|
], 2),
|
|
83
|
-
t.actionText ? (
|
|
85
|
+
t.actionText ? (o(), s(e(V), l({
|
|
84
86
|
key: 1,
|
|
85
87
|
variant: t.actionVariant,
|
|
86
88
|
"end-icon-name": t.actionIconName,
|
|
87
|
-
color:
|
|
88
|
-
size:
|
|
89
|
+
color: e(N),
|
|
90
|
+
size: "medium",
|
|
89
91
|
loading: t.actionLoading
|
|
90
|
-
}, e(a)[e(
|
|
91
|
-
onClick:
|
|
92
|
+
}, e(a)[e(n).ACTION_BUTTON], {
|
|
93
|
+
onClick: d[0] || (d[0] = (x) => f("actionButtonClick"))
|
|
92
94
|
}), {
|
|
93
|
-
default:
|
|
94
|
-
|
|
95
|
+
default: u(() => [
|
|
96
|
+
k(m(t.actionText), 1)
|
|
95
97
|
]),
|
|
96
98
|
_: 1
|
|
97
|
-
}, 16, ["variant", "end-icon-name", "color", "
|
|
98
|
-
t.dismissible ? (
|
|
99
|
+
}, 16, ["variant", "end-icon-name", "color", "loading"])) : r("", !0),
|
|
100
|
+
t.dismissible ? (o(), s(e($), l({
|
|
99
101
|
key: 2,
|
|
100
102
|
class: "close-button",
|
|
101
103
|
"icon-name": "x",
|
|
102
104
|
size: "small"
|
|
103
|
-
}, e(a)[e(
|
|
104
|
-
onClick:
|
|
105
|
-
}), null, 16)) :
|
|
105
|
+
}, e(a)[e(n).CLOSE_BUTTON], {
|
|
106
|
+
onClick: d[1] || (d[1] = (x) => f("close"))
|
|
107
|
+
}), null, 16)) : r("", !0)
|
|
106
108
|
], 16));
|
|
107
109
|
}
|
|
108
110
|
});
|
|
@@ -7,14 +7,13 @@ declare const AlertTypes: () => ({
|
|
|
7
7
|
title: string;
|
|
8
8
|
testId: string;
|
|
9
9
|
variant: "outlined" | "standard";
|
|
10
|
-
color: "danger" | "info" | "success" | "warning";
|
|
10
|
+
color: "default" | "danger" | "info" | "success" | "warning";
|
|
11
11
|
description: string;
|
|
12
12
|
dismissible: boolean;
|
|
13
13
|
actionText: string;
|
|
14
14
|
actionVariant: "contained" | "outlined";
|
|
15
15
|
actionIconName: string;
|
|
16
16
|
actionLoading: boolean;
|
|
17
|
-
actionSize: "small" | "medium";
|
|
18
17
|
rounded: boolean;
|
|
19
18
|
hideIcon: boolean;
|
|
20
19
|
}> & Omit<Readonly<import("vue").ExtractPropTypes<{
|
|
@@ -31,7 +30,7 @@ declare const AlertTypes: () => ({
|
|
|
31
30
|
default: string;
|
|
32
31
|
};
|
|
33
32
|
color: {
|
|
34
|
-
type: import("vue").PropType<"danger" | "info" | "success" | "warning">;
|
|
33
|
+
type: import("vue").PropType<"default" | "danger" | "info" | "success" | "warning">;
|
|
35
34
|
default: string;
|
|
36
35
|
};
|
|
37
36
|
description: {
|
|
@@ -58,10 +57,6 @@ declare const AlertTypes: () => ({
|
|
|
58
57
|
type: import("vue").PropType<boolean>;
|
|
59
58
|
default: boolean;
|
|
60
59
|
};
|
|
61
|
-
actionSize: {
|
|
62
|
-
type: import("vue").PropType<"small" | "medium">;
|
|
63
|
-
default: string;
|
|
64
|
-
};
|
|
65
60
|
rounded: {
|
|
66
61
|
type: import("vue").PropType<boolean>;
|
|
67
62
|
default: boolean;
|
|
@@ -73,7 +68,7 @@ declare const AlertTypes: () => ({
|
|
|
73
68
|
}>> & {
|
|
74
69
|
onClose?: () => any;
|
|
75
70
|
onActionButtonClick?: () => any;
|
|
76
|
-
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "testId" | "variant" | "color" | "description" | "dismissible" | "actionText" | "actionVariant" | "actionIconName" | "actionLoading" | "
|
|
71
|
+
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "testId" | "variant" | "color" | "description" | "dismissible" | "actionText" | "actionVariant" | "actionIconName" | "actionLoading" | "rounded" | "hideIcon">;
|
|
77
72
|
$attrs: {
|
|
78
73
|
[x: string]: unknown;
|
|
79
74
|
};
|
|
@@ -101,7 +96,7 @@ declare const AlertTypes: () => ({
|
|
|
101
96
|
default: string;
|
|
102
97
|
};
|
|
103
98
|
color: {
|
|
104
|
-
type: import("vue").PropType<"danger" | "info" | "success" | "warning">;
|
|
99
|
+
type: import("vue").PropType<"default" | "danger" | "info" | "success" | "warning">;
|
|
105
100
|
default: string;
|
|
106
101
|
};
|
|
107
102
|
description: {
|
|
@@ -128,10 +123,6 @@ declare const AlertTypes: () => ({
|
|
|
128
123
|
type: import("vue").PropType<boolean>;
|
|
129
124
|
default: boolean;
|
|
130
125
|
};
|
|
131
|
-
actionSize: {
|
|
132
|
-
type: import("vue").PropType<"small" | "medium">;
|
|
133
|
-
default: string;
|
|
134
|
-
};
|
|
135
126
|
rounded: {
|
|
136
127
|
type: import("vue").PropType<boolean>;
|
|
137
128
|
default: boolean;
|
|
@@ -150,14 +141,13 @@ declare const AlertTypes: () => ({
|
|
|
150
141
|
title: string;
|
|
151
142
|
testId: string;
|
|
152
143
|
variant: "outlined" | "standard";
|
|
153
|
-
color: "danger" | "info" | "success" | "warning";
|
|
144
|
+
color: "default" | "danger" | "info" | "success" | "warning";
|
|
154
145
|
description: string;
|
|
155
146
|
dismissible: boolean;
|
|
156
147
|
actionText: string;
|
|
157
148
|
actionVariant: "contained" | "outlined";
|
|
158
149
|
actionIconName: string;
|
|
159
150
|
actionLoading: boolean;
|
|
160
|
-
actionSize: "small" | "medium";
|
|
161
151
|
rounded: boolean;
|
|
162
152
|
hideIcon: boolean;
|
|
163
153
|
}, {}, string> & {
|
|
@@ -194,7 +184,7 @@ declare const AlertTypes: () => ({
|
|
|
194
184
|
default: string;
|
|
195
185
|
};
|
|
196
186
|
color: {
|
|
197
|
-
type: import("vue").PropType<"danger" | "info" | "success" | "warning">;
|
|
187
|
+
type: import("vue").PropType<"default" | "danger" | "info" | "success" | "warning">;
|
|
198
188
|
default: string;
|
|
199
189
|
};
|
|
200
190
|
description: {
|
|
@@ -221,10 +211,6 @@ declare const AlertTypes: () => ({
|
|
|
221
211
|
type: import("vue").PropType<boolean>;
|
|
222
212
|
default: boolean;
|
|
223
213
|
};
|
|
224
|
-
actionSize: {
|
|
225
|
-
type: import("vue").PropType<"small" | "medium">;
|
|
226
|
-
default: string;
|
|
227
|
-
};
|
|
228
214
|
rounded: {
|
|
229
215
|
type: import("vue").PropType<boolean>;
|
|
230
216
|
default: boolean;
|
|
@@ -254,7 +240,7 @@ declare const AlertTypes: () => ({
|
|
|
254
240
|
default: string;
|
|
255
241
|
};
|
|
256
242
|
color: {
|
|
257
|
-
type: import("vue").PropType<"danger" | "info" | "success" | "warning">;
|
|
243
|
+
type: import("vue").PropType<"default" | "danger" | "info" | "success" | "warning">;
|
|
258
244
|
default: string;
|
|
259
245
|
};
|
|
260
246
|
description: {
|
|
@@ -281,10 +267,6 @@ declare const AlertTypes: () => ({
|
|
|
281
267
|
type: import("vue").PropType<boolean>;
|
|
282
268
|
default: boolean;
|
|
283
269
|
};
|
|
284
|
-
actionSize: {
|
|
285
|
-
type: import("vue").PropType<"small" | "medium">;
|
|
286
|
-
default: string;
|
|
287
|
-
};
|
|
288
270
|
rounded: {
|
|
289
271
|
type: import("vue").PropType<boolean>;
|
|
290
272
|
default: boolean;
|
|
@@ -303,14 +285,13 @@ declare const AlertTypes: () => ({
|
|
|
303
285
|
title: string;
|
|
304
286
|
testId: string;
|
|
305
287
|
variant: "outlined" | "standard";
|
|
306
|
-
color: "danger" | "info" | "success" | "warning";
|
|
288
|
+
color: "default" | "danger" | "info" | "success" | "warning";
|
|
307
289
|
description: string;
|
|
308
290
|
dismissible: boolean;
|
|
309
291
|
actionText: string;
|
|
310
292
|
actionVariant: "contained" | "outlined";
|
|
311
293
|
actionIconName: string;
|
|
312
294
|
actionLoading: boolean;
|
|
313
|
-
actionSize: "small" | "medium";
|
|
314
295
|
rounded: boolean;
|
|
315
296
|
hideIcon: boolean;
|
|
316
297
|
}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
|
|
@@ -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.
|
|
4
|
-
const
|
|
3
|
+
// import "../../AppHeader.vue_vue_type_style_index_0_scoped_9202b5db_lang.css"; //*');
|
|
4
|
+
const t = /* @__PURE__ */ o(e, [["__scopeId", "data-v-9202b5db"]]);
|
|
5
5
|
export {
|
|
6
|
-
|
|
6
|
+
t as default
|
|
7
7
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import "../../AppHeader.
|
|
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";
|
|
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";
|
|
@@ -17,11 +17,11 @@ const w = { class: "image-container" }, k = ["src", "alt"], B = ["data-platform"
|
|
|
17
17
|
showAbIcon: { type: Boolean, default: !1 }
|
|
18
18
|
},
|
|
19
19
|
emits: ["copyToClipboard"],
|
|
20
|
-
setup(t, { emit:
|
|
21
|
-
const a = t,
|
|
20
|
+
setup(t, { emit: y }) {
|
|
21
|
+
const a = t, f = o(
|
|
22
22
|
() => a.platform ? a.platform.toLowerCase() : ""
|
|
23
23
|
), u = o(
|
|
24
|
-
() => a.type === "normal" ? "24px" : "
|
|
24
|
+
() => a.type === "normal" ? "24px" : "16px"
|
|
25
25
|
), x = o(
|
|
26
26
|
() => a.type === "small" ? "18px" : null
|
|
27
27
|
), I = o(
|
|
@@ -37,12 +37,12 @@ const w = { class: "image-container" }, k = ["src", "alt"], B = ["data-platform"
|
|
|
37
37
|
}, null, 8, k)
|
|
38
38
|
]),
|
|
39
39
|
n("div", r({
|
|
40
|
-
class: "icon-container",
|
|
40
|
+
class: ["icon-container", `icon-container--${t.type}`],
|
|
41
41
|
"data-platform": t.platform
|
|
42
42
|
}, e(s)[e(l).APP_PLATFORM]), [
|
|
43
43
|
i(e(c), {
|
|
44
44
|
type: "branded",
|
|
45
|
-
name: e(
|
|
45
|
+
name: e(f),
|
|
46
46
|
size: e(u)
|
|
47
47
|
}, null, 8, ["name", "size"])
|
|
48
48
|
], 16, B),
|
|
@@ -65,7 +65,7 @@ const w = { class: "image-container" }, k = ["src", "alt"], B = ["data-platform"
|
|
|
65
65
|
"icon-size": e(x),
|
|
66
66
|
"tooltip-header": "Copy app key",
|
|
67
67
|
"tooltip-text": t.appKey,
|
|
68
|
-
onCopy: d[0] || (d[0] = (V) =>
|
|
68
|
+
onCopy: d[0] || (d[0] = (V) => y("copyToClipboard"))
|
|
69
69
|
}, null, 8, ["text", "hide-text-value", "test-id", "icon-size", "tooltip-text"])
|
|
70
70
|
]),
|
|
71
71
|
t.showAbIcon ? (m(), p("div", r({
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./ButtonV4.vue2.js";
|
|
2
|
-
/* empty css */import
|
|
3
|
-
// import "../../../ButtonV4.
|
|
4
|
-
const
|
|
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"]]);
|
|
5
5
|
export {
|
|
6
|
-
|
|
6
|
+
a as default
|
|
7
7
|
};
|