@ironsource/shared-ui 2.1.6-rc.4 → 2.1.6-rc.40
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_a9f0dfcc_lang.css +1 -0
- package/AppDropdownTrigger.vue_vue_type_style_index_0_scoped_858cefbf_lang.css +1 -0
- package/AppHeader.vue_vue_type_style_index_0_scoped_538ccdc6_lang.css +1 -0
- package/Autocomplete.vue_vue_type_style_index_0_scoped_a7bfd237_lang.css +1 -0
- package/ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_a8fdae89_lang.css +1 -0
- package/ChipV4.vue_vue_type_style_index_0_scoped_12c0f396_lang.css +1 -0
- package/DataGrid.vue_vue_type_style_index_0_scoped_057abdf5_lang.css +1 -0
- package/DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_0345d6b1_lang.css +1 -0
- package/DialogV4.vue_vue_type_style_index_0_scoped_09c488cf_lang.css +1 -0
- package/Dropdown.vue_vue_type_style_index_0_scoped_aaa8c4bb_lang.css +1 -0
- package/DropdownV4.vue_vue_type_style_index_0_scoped_7af4f288_lang.css +1 -0
- package/FieldLabel.vue_vue_type_style_index_0_scoped_96ee1c98_lang.css +1 -0
- package/FoldableSection.vue_vue_type_style_index_0_scoped_1a5f0e2e_lang.css +1 -0
- package/{FormCard.vue_vue_type_style_index_0_scoped_ef8b4e81_lang.css → FormCard.vue_vue_type_style_index_0_scoped_52ade67c_lang.css} +1 -1
- package/HelpIcon.vue_vue_type_style_index_0_scoped_06fce2e3_lang.css +1 -0
- package/IconV4.vue_vue_type_style_index_0_scoped_9d3c9cda_lang.css +1 -0
- package/InlineCopy.vue_vue_type_style_index_0_scoped_893a203c_lang.css +1 -0
- package/OptionV4.vue_vue_type_style_index_0_scoped_9db0f796_lang.css +1 -0
- package/TextAreaV4.vue_vue_type_style_index_0_scoped_f3b2c01d_lang.css +1 -0
- package/TextField.vue_vue_type_style_index_0_scoped_a6457440_lang.css +1 -0
- package/ToggleV4.vue_vue_type_style_index_0_scoped_a4aa32fb_lang.css +1 -0
- package/TooltipV4.vue_vue_type_style_index_0_scoped_fcdb9d02_lang.css +1 -0
- package/TreeDropdown.vue_vue_type_style_index_0_scoped_142eab98_lang.css +1 -0
- package/components/alert/Alert.vue.d.ts +7 -0
- package/components/alert/Alert.vue.js +3 -3
- package/components/alert/Alert.vue2.js +44 -40
- package/components/alert/index.d.ts +27 -2
- package/components/appHeader/AppHeader.vue.d.ts +6 -2
- package/components/appHeader/AppHeader.vue.js +2 -2
- package/components/appHeader/AppHeader.vue2.js +30 -28
- package/components/appHeader/index.d.ts +6 -2
- package/components/autocomplete/Autocomplete.vue.d.ts +6 -0
- package/components/autocomplete/Autocomplete.vue.js +2 -2
- package/components/autocomplete/Autocomplete.vue2.js +45 -37
- package/components/autocomplete/index.d.ts +21 -1
- package/components/button/v4/ButtonV4.vue.d.ts +7 -7
- package/components/button/v4/IconButtonV4.vue.d.ts +4 -4
- package/components/button/v4/index.d.ts +61 -61
- package/components/chip/v4/Chip.types.d.ts +6 -0
- package/components/chip/v4/ChipV4.vue.d.ts +28 -35
- package/components/chip/v4/ChipV4.vue.js +3 -3
- package/components/chip/v4/ChipV4.vue2.js +28 -59
- package/components/chip/v4/index.d.ts +45 -148
- package/components/dialog/v3/Dialog.vue.d.ts +1 -1
- package/components/dialog/v3/index.d.ts +20 -20
- package/components/dialog/v4/DialogV4.vue.js +3 -3
- package/components/dialog/v4/DialogV4.vue2.js +67 -62
- package/components/dropdown/common/Dropdown.common.js +74 -69
- package/components/dropdown/common/Option.common.d.ts +1 -1
- package/components/dropdown/common/Option.common.js +9 -9
- package/components/dropdown/composables/useChildOptions.d.ts +7 -0
- package/components/dropdown/composables/useChildOptions.js +14 -0
- package/components/dropdown/v3/Dropdown.vue.d.ts +4 -0
- package/components/dropdown/v3/Dropdown.vue.js +4 -4
- package/components/dropdown/v3/Dropdown.vue2.js +32 -32
- package/components/dropdown/v3/index.d.ts +13 -1
- package/components/dropdown/v4/AppDropdownTrigger.vue.d.ts +16 -3
- package/components/dropdown/v4/AppDropdownTrigger.vue.js +3 -3
- package/components/dropdown/v4/AppDropdownTrigger.vue2.js +102 -61
- package/components/dropdown/v4/ChipDropdownTrigger.vue.js +2 -2
- package/components/dropdown/v4/ChipDropdownTrigger.vue2.js +1 -1
- package/components/dropdown/v4/DefaultDropdownTrigger.vue.d.ts +8 -3
- package/components/dropdown/v4/DefaultDropdownTrigger.vue.js +2 -2
- package/components/dropdown/v4/DefaultDropdownTrigger.vue2.js +22 -21
- package/components/dropdown/v4/DropdownV4.vue.d.ts +35 -3
- package/components/dropdown/v4/DropdownV4.vue.js +2 -2
- package/components/dropdown/v4/DropdownV4.vue2.js +127 -114
- package/components/dropdown/v4/OptionV4.vue.d.ts +14 -3
- package/components/dropdown/v4/OptionV4.vue.js +2 -2
- package/components/dropdown/v4/OptionV4.vue2.js +79 -56
- package/components/dropdown/v4/TreeDropdown.vue.d.ts +112 -0
- package/components/dropdown/v4/TreeDropdown.vue.js +7 -0
- package/components/dropdown/v4/TreeDropdown.vue2.js +122 -0
- package/components/dropdown/v4/dropdownStoryArgs.d.ts +1 -1
- package/components/dropdown/v4/index.d.ts +422 -38
- package/components/dropdown/v4/index.js +7 -4
- package/components/emptyState/v3/EmptyState.vue.d.ts +2 -2
- package/components/emptyState/v3/index.d.ts +47 -47
- package/components/emptyState/v4/EmptyStateV4.vue.d.ts +3 -3
- package/components/emptyState/v4/index.d.ts +7 -7
- package/components/forms/FormCard.vue.js +2 -2
- package/components/forms/FormCard.vue2.js +9 -9
- package/components/icon/v4/Icon.types.d.ts +1 -1
- package/components/icon/v4/IconV4.vue.d.ts +16 -6
- package/components/icon/v4/IconV4.vue.js +4 -4
- package/components/icon/v4/IconV4.vue2.js +36 -33
- package/components/icon/v4/index.d.ts +53 -15
- package/components/inlineCopy/InlineCopy.vue.d.ts +6 -2
- package/components/inlineCopy/InlineCopy.vue.js +3 -3
- package/components/inlineCopy/InlineCopy.vue2.js +23 -22
- package/components/inlineCopy/index.d.ts +6 -2
- package/components/input/v4/TextField.vue.d.ts +5 -0
- package/components/input/v4/TextField.vue.js +3 -3
- package/components/input/v4/TextField.vue2.js +24 -21
- package/components/input/v4/index.d.ts +20 -1
- package/components/layout/FoldableSection.vue.js +5 -5
- package/components/layout/FoldableSection.vue2.js +1 -1
- package/components/multibar/MultiBarMenu.vue2.js +12 -11
- package/components/shared/FieldLabel.vue.js +3 -3
- package/components/shared/FieldLabel.vue2.js +9 -9
- package/components/snackbar/v4/SnackbarV4.vue.d.ts +20 -20
- package/components/table/common/Table.common.d.ts +1 -0
- package/components/table/common/Table.common.js +65 -61
- package/components/table/v4/DataGrid.vue.d.ts +9 -1
- package/components/table/v4/DataGrid.vue.js +3 -3
- package/components/table/v4/DataGrid.vue2.js +180 -176
- package/components/table/v4/DataGridMenu.vue2.js +3 -2
- package/components/table/v4/HelpIcon.vue.js +5 -5
- package/components/table/v4/HelpIcon.vue2.js +5 -5
- package/components/table/v4/index.d.ts +29 -5
- package/components/textArea/v4/TextAreaV4.vue.js +3 -3
- package/components/textArea/v4/TextAreaV4.vue2.js +1 -1
- package/components/toggle/v4/ToggleV4.vue.d.ts +1 -1
- package/components/toggle/v4/ToggleV4.vue.js +3 -3
- package/components/toggle/v4/ToggleV4.vue2.js +12 -12
- package/components/toggle/v4/index.d.ts +20 -20
- package/components/tooltip/v4/TooltipV4.vue.d.ts +6 -2
- package/components/tooltip/v4/TooltipV4.vue.js +2 -2
- package/components/tooltip/v4/TooltipV4.vue2.js +21 -19
- package/components/tooltip/v4/index.d.ts +17 -5
- package/composables/useFormValidation.js +19 -13
- package/design-foundation.stories/icons/iconsData.d.ts +5 -1
- package/index.d.ts +1451 -688
- package/mocks/apps.d.ts +1 -0
- package/mocks/options.d.ts +12 -0
- package/package.json +1 -1
- package/utils/text.d.ts +1 -0
- package/utils/text.js +9 -0
- package/Alert.vue_vue_type_style_index_0_scoped_d6680a72_lang.css +0 -1
- package/AppDropdownTrigger.vue_vue_type_style_index_0_scoped_0267d003_lang.css +0 -1
- package/AppHeader.vue_vue_type_style_index_0_scoped_c148fc7a_lang.css +0 -1
- package/Autocomplete.vue_vue_type_style_index_0_scoped_62faa8e0_lang.css +0 -1
- package/ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_889042cf_lang.css +0 -1
- package/ChipV4.vue_vue_type_style_index_0_scoped_78d7c9c0_lang.css +0 -1
- package/DataGrid.vue_vue_type_style_index_0_scoped_c96fba2c_lang.css +0 -1
- package/DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_c9783327_lang.css +0 -1
- package/DialogV4.vue_vue_type_style_index_0_scoped_c3004ba3_lang.css +0 -1
- package/Dropdown.vue_vue_type_style_index_0_scoped_d4f8e790_lang.css +0 -1
- package/DropdownV4.vue_vue_type_style_index_0_scoped_0968078f_lang.css +0 -1
- package/FieldLabel.vue_vue_type_style_index_0_scoped_72ab1f25_lang.css +0 -1
- package/FoldableSection.vue_vue_type_style_index_0_scoped_8d0fd203_lang.css +0 -1
- package/HelpIcon.vue_vue_type_style_index_0_scoped_7a611779_lang.css +0 -1
- package/IconV4.vue_vue_type_style_index_0_scoped_a78f8a3e_lang.css +0 -1
- package/InlineCopy.vue_vue_type_style_index_0_scoped_ff9f4a0f_lang.css +0 -1
- package/OptionV4.vue_vue_type_style_index_0_scoped_b8375219_lang.css +0 -1
- package/TextAreaV4.vue_vue_type_style_index_0_scoped_8199b662_lang.css +0 -1
- package/TextField.vue_vue_type_style_index_0_scoped_07687bcc_lang.css +0 -1
- package/ToggleV4.vue_vue_type_style_index_0_scoped_ad231e8c_lang.css +0 -1
- package/TooltipV4.vue_vue_type_style_index_0_scoped_25809092_lang.css +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.alert[data-v-a9f0dfcc]{padding:var(--spacing-150) var(--spacing-200);display:flex;align-items:center}.alert--rounded[data-v-a9f0dfcc]{border-radius:var(--border-radius-lg)}.alert--success[data-v-a9f0dfcc]{outline-color:var(--success-main);background-color:var(--success-lighter)}.alert--success .alert-icon[data-v-a9f0dfcc]{color:var(--success-main)}.alert--warning[data-v-a9f0dfcc]{outline-color:var(--warning-main);background-color:var(--warning-lighter)}.alert--warning .alert-icon[data-v-a9f0dfcc]{color:var(--warning-main)}.alert--danger[data-v-a9f0dfcc]{outline-color:var(--error-main);background-color:var(--error-lighter)}.alert--danger .alert-icon[data-v-a9f0dfcc]{color:var(--error-main)}.alert--info[data-v-a9f0dfcc]{outline-color:var(--info-main);background-color:var(--info-lighter)}.alert--info .alert-icon[data-v-a9f0dfcc]{color:var(--info-main)}.alert--standard[data-v-a9f0dfcc]{outline:none}.alert--outlined[data-v-a9f0dfcc]{background-color:var(--common-white);outline-width:1px;outline-offset:-1px;outline-style:solid}.alert-icon--align-top[data-v-a9f0dfcc]{align-self:flex-start}.alert-content[data-v-a9f0dfcc]{flex:1;margin:0 var(--spacing-150)}.alert-title[data-v-a9f0dfcc]{color:var(--text-primary);line-height:20px}.alert-description[data-v-a9f0dfcc]{color:var(--text-secondary)}.close-button[data-v-a9f0dfcc]{margin-left:var(--spacing-100)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.app-trigger-wrapper[data-v-858cefbf]{display:flex}.app-trigger-wrapper.with-copy .app-trigger[data-v-858cefbf]{border-radius:var(--border-radius-lg) 0 0 var(--border-radius-lg);width:calc(100% - 41px)}.app-trigger-key[data-v-858cefbf]{flex:none}.app-trigger-key--content[data-v-858cefbf]{padding:10px;background:var(--default-main);cursor:pointer;border-radius:0 var(--border-radius-lg) var(--border-radius-lg) 0;border-left:1px solid var(--common-divider);color:var(--action-active)}.app-trigger-key--content[data-v-858cefbf]:hover{background:var(--action-selected);color:var(--action-primary)}.app-trigger[data-v-858cefbf]{width:100%;padding:0 12px;border-radius:var(--border-radius-lg);cursor:pointer;user-select:none;display:inline-flex;background:var(--default-main);height:40px;align-items:center}.app-trigger[data-v-858cefbf]:hover,.app-trigger.active[data-v-858cefbf]{background:var(--action-selected)}.app-trigger.disabled[data-v-858cefbf]{cursor:auto}.app-trigger--content[data-v-858cefbf]{color:var(--text-primary);display:flex;column-gap:4px;width:calc(100% - 20px);align-items:center}.app-trigger--content .x-circle-wrapper[data-v-858cefbf]{color:var(--primary-dark)}.app-trigger--content .x-circle-wrapper[data-v-858cefbf]:hover{color:var(--primary-main)}.app-trigger--icon[data-v-858cefbf]{display:flex;align-items:center;color:var(--action-active)}.app-trigger .displayed-value[data-v-858cefbf]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1}.app-trigger .image[data-v-858cefbf]{width:28px;height:28px;flex:none}.app-trigger .image img[data-v-858cefbf]{border-radius:4px;width:100%;height:100%}.app-trigger .start-icon[data-v-858cefbf],.app-trigger .end-icon[data-v-858cefbf]{display:flex;color:var(--action-active)}.app-trigger .end-icon[data-v-858cefbf]{margin-right:var(--spacing-100)}.app-trigger .label-text[data-v-858cefbf]{display:flex;align-items:center;gap:8px}.app-trigger .label-text .text-content[data-v-858cefbf]{display:flex;align-items:center;gap:4px;width:100%}.app-trigger .label-text .text-content .text-content-value[data-v-858cefbf]{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-trigger .label-text .is-mandatory[data-v-858cefbf]{padding-top:5px;color:var(--error-main)}.value-tooltip[data-v-858cefbf]{display:block}.value-tooltip[data-v-858cefbf] .container{width:100%}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.app-header[data-v-538ccdc6]{display:flex}.app-header .image-container[data-v-538ccdc6]{height:3rem;width:3rem;border-radius:.25rem}.app-header .image-container img[data-v-538ccdc6]{min-width:100%;max-width:100%;max-height:100%;object-fit:cover;border-radius:.25rem}.app-header .icon-container[data-v-538ccdc6]{color:var(--action-active);display:flex;align-items:center;padding:0 .5rem}.app-header .name-container .title[data-v-538ccdc6]{color:var(--text-primary)}.app-header .name-container .inline-copy[data-v-538ccdc6]{color:var(--text-secondary)}.app-header.size-small[data-v-538ccdc6]{align-items:center}.app-header.size-small .image-container[data-v-538ccdc6]{height:2rem;width:2rem;border-radius:.375rem}.app-header.size-small .image-container img[data-v-538ccdc6]{border-radius:.375rem}.app-header.size-small .icon-container[data-v-538ccdc6]{padding:0 .25rem}.app-header.size-small .name-container[data-v-538ccdc6]{display:flex;align-items:center}.ab-icon-wrapper[data-v-538ccdc6]{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-538ccdc6]{margin-left:var(--spacing-25);padding-left:var(--spacing-100)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
div[data-v-a7bfd237]{display:block}.autocomplete-dropdown[data-v-a7bfd237]{position:relative}.footer[data-v-a7bfd237]{display:flex;justify-content:flex-end;align-items:center;margin-top:var(--spacing-50)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.chip-trigger[data-v-a8fdae89]{border:1px solid var(--default-outlined-border);padding:.3125rem .3125rem .3125rem .4375rem;border-radius:100px;cursor:pointer;user-select:none;display:inline-flex}.chip-trigger[data-v-a8fdae89]:hover{border-color:var(--action-active);background:var(--action-selected)}.chip-trigger.active[data-v-a8fdae89]{border:none;background:var(--primary-light);padding:.375rem .375rem .375rem .5rem}.chip-trigger.active .chip-trigger--content[data-v-a8fdae89]{color:var(--primary-contrast-text)}.chip-trigger.active[data-v-a8fdae89]:hover{border:.0625rem solid var(--primary-main-50-p);padding:.3125rem .3125rem .3125rem .4375rem}.chip-trigger.open[data-v-a8fdae89]{border:.125rem solid var(--action-active);padding:.25rem .25rem .25rem .375rem;background:var(--action-selected)}.chip-trigger.open.active[data-v-a8fdae89]{border:.125rem solid var(--primary-main-50-p);background:var(--primary-light);padding:.25rem .25rem .25rem .375rem}.chip-trigger.disabled[data-v-a8fdae89]{cursor:auto}.chip-trigger--content[data-v-a8fdae89]{color:var(--text-primary);display:flex;column-gap:4px}.chip-trigger--content .x-circle-wrapper[data-v-a8fdae89]{color:var(--primary-dark)}.chip-trigger--content .x-circle-wrapper[data-v-a8fdae89]:hover{color:var(--primary-darker)}.chip-trigger--icon[data-v-a8fdae89]{color:var(--action-active)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.chip[data-v-12c0f396]{display:inline-flex;align-items:center;width:fit-content;height:fit-content;border-radius:var(--border-radius-sm);padding:2px 4px}.chip--medium[data-v-12c0f396]{padding:6px;border-radius:var(--border-radius-md)}.chip--default[data-v-12c0f396]{color:var(--action-primary);background:var(--default-light);outline-color:var(--common-divider)}.chip--primary[data-v-12c0f396]{color:var(--primary-contrast-text);background:var(--primary-light);outline-color:var(--primary-main)}.chip--info[data-v-12c0f396]{color:var(--info-contrast-text);background:var(--info-light);outline-color:var(--info-dark)}.chip--error[data-v-12c0f396]{color:var(--error-contrast-text);background:var(--error-light);outline-color:var(--error-main)}.chip--warning[data-v-12c0f396]{color:var(--warning-contrast-text);background:var(--warning-light);outline-color:var(--warning-main)}.chip--success[data-v-12c0f396]{color:var(--success-contrast-text);background:var(--success-light);outline-color:var(--success-main)}.chip--dark[data-v-12c0f396]{color:var(--common-inverse-white);background:var(--common-inverse-black);outline-color:var(--common-divider)}.chip--filled[data-v-12c0f396]{outline-width:0}.chip--outlined[data-v-12c0f396]{outline-style:solid;outline-width:1px;outline-offset:-1px;background:transparent}.chip--outlined.chip--dark[data-v-12c0f396]{color:var(--action-primary)}.chip--disabled[data-v-12c0f396]{color:var(--action-disabled);background:var(--action-disabled-background);cursor:not-allowed}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.sticky[data-v-057abdf5]{position:sticky}.table-container[data-v-057abdf5]{width:100%;position:relative;display:flex;flex-direction:column}.table-header[data-v-057abdf5]{display:flex;align-items:center;height:calc(var(--spacing-800) - 1px);border-bottom:1px solid var(--common-divider);background-color:var(--background-paper-elevation-0);position:sticky;left:0;padding:var(--spacing-300)}.table-header .table-title[data-v-057abdf5]{display:flex;flex:1;align-items:center;justify-content:flex-start;height:100%;color:var(--text-primary)}.table-header .table-header-right[data-v-057abdf5]{display:flex;align-items:center;height:100%}.table-header .search-wrapper[data-v-057abdf5]{width:13.75rem}.table-header.isStickyHeader[data-v-057abdf5]{z-index:calc(var(--671cd302) + 3);top:0}.table-head-container[data-v-057abdf5]{display:flex;align-items:center;white-space:nowrap;color:var(--text-primary)}.table-footer[data-v-057abdf5]{color:var(--text-primary);background-color:var(--background-paper-elevation-0);padding:0 var(--spacing-300);display:flex;align-items:center;min-height:var(--spacing-600);border:1px solid var(--common-divider);border-radius:var(--border-radius-md);border-top-right-radius:0;border-top-left-radius:0}.table-body-wrapper[data-v-057abdf5]{display:inline-table}.table-header-actions[data-v-057abdf5]{margin-left:var(--spacing-100);display:flex;align-items:center}.table-row[data-v-057abdf5]{position:relative}.table-row.loading[data-v-057abdf5]{opacity:.7}.table-row:not(.expanded):last-child>td[data-v-057abdf5]{border-bottom:none}.table-row.expanded:last-child>.expanded-row[data-v-057abdf5]{border-bottom:none}.expanded-row[data-v-057abdf5]{grid-column:var(--be93a49a);border-bottom:1px solid var(--common-divider);background-color:var(--background-default)}table[data-v-057abdf5]{position:relative;display:block;overflow:auto;background:var(--background-paper-elevation-0);border:1px solid var(--common-divider);color:var(--text-primary);text-align:left;table-layout:fixed;width:100%;max-height:100%;border-radius:var(--border-radius-md);border-collapse:collapse;border-spacing:0}table.hasFooter[data-v-057abdf5]{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:none}table td[data-v-057abdf5],table th[data-v-057abdf5]{line-height:normal;padding:0 var(--spacing-200)}table td[data-v-057abdf5]:first-of-type,table th[data-v-057abdf5]:first-of-type{padding-left:var(--spacing-300)}table td[data-v-057abdf5]:last-of-type,table th[data-v-057abdf5]:last-of-type{padding-right:var(--spacing-300)}table td.expand-toggle-cell[data-v-057abdf5],table th.expand-toggle-cell[data-v-057abdf5]{padding-left:var(--spacing-150);padding-right:var(--spacing-75)}table>thead[data-v-057abdf5]{border-bottom:none;z-index:calc(var(--671cd302) + 1);display:inline-table;min-width:100%}table>thead>tr[data-v-057abdf5]{color:var(--text-primary);border-bottom:1px solid var(--common-divider);height:var(--spacing-500);display:grid;grid-template-columns:var(--13ad9fec)}table>thead>tr>th[data-v-057abdf5]{background:var(--background-paper-elevation-0);width:100%;display:flex;align-items:center;cursor:default}table>thead>tr>th.bordered[data-v-057abdf5]{border-right:1px solid var(--common-divider)}table>thead>tr>th.bordered.isStickyRight[data-v-057abdf5]{border-right:none;border-left:1px solid var(--common-divider)}table>thead>tr>th.isTextRight[data-v-057abdf5]{justify-content:flex-end}table>thead>tr>th.isSortable[data-v-057abdf5]{cursor:pointer}table>thead.sticky[data-v-057abdf5]{position:sticky;top:0;background:white}table>thead.isStickyHeader[data-v-057abdf5]{z-index:calc(var(--671cd302) + 2);top:calc(var(--spacing-800) - 1px)}table>tbody[data-v-057abdf5]{display:block}table>tbody>*>tr[data-v-057abdf5]{background-color:var(--background-default);min-height:var(--6feb5274);height:auto;display:grid;align-items:center;grid-template-columns:var(--13ad9fec)}table>tbody>*>tr:nth-of-type(2n)>td[data-v-057abdf5]{background-color:var(--background-default)}table>tbody>*>tr:hover:not(.loading)>td[data-v-057abdf5],table>tbody>*>tr.activeMenu>td[data-v-057abdf5]{background-color:var(--background-paper-elevation-1)}table>tbody td[data-v-057abdf5]{background-color:var(--background-default);border:none;min-width:0;display:flex;min-height:var(--6feb5274);height:auto;width:100%;place-items:center;border-bottom:1px solid var(--common-divider);justify-content:start}table>tbody td.bordered[data-v-057abdf5]{border-right:1px solid var(--common-divider)}table>tbody td.bordered.isStickyRight[data-v-057abdf5]{border-right:none;border-left:1px solid var(--common-divider)}table>tbody td.isTextRight[data-v-057abdf5]{justify-content:flex-end;text-align:right}.section-container[data-v-057abdf5]{left:0}.sections[data-v-057abdf5]{display:flex}.section[data-v-057abdf5]{padding:0 1.5rem;background:var(--background-default);left:0;height:32px;display:flex;align-items:flex-end;border-right:1px solid var(--common-divider)}.table-cell[data-v-057abdf5]{width:100%}.empty-state[data-v-057abdf5]{min-height:250px}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.default-dropdown-wrapper[data-v-0345d6b1]{position:relative}.dropdown-trigger[data-v-0345d6b1]{width:100%;padding:.3125rem .4375rem;display:flex;column-gap:.5rem;max-width:100%;box-sizing:border-box;border-radius:var(--border-radius-md);border:1px solid var(--action-outlined-border);background:var(--default-main);cursor:pointer;user-select:none;position:relative}.dropdown-trigger[data-v-0345d6b1]:hover{border:1px solid var(--action-active);background:var(--action-hover)}.dropdown-trigger.small[data-v-0345d6b1]{padding:.1875rem .4375rem}.dropdown-trigger.large[data-v-0345d6b1]{padding:.5625rem .4375rem}.dropdown-trigger.disabled[data-v-0345d6b1]{border:1px solid var(--action-outlined-border, #bbb);background:var(--action-disabled-background, #f1f1f1);cursor:not-allowed}.dropdown-trigger.disabled .displayed-value[data-v-0345d6b1],.dropdown-trigger.disabled .caret-down[data-v-0345d6b1]{color:var(--text-disabled)}.dropdown-trigger.open[data-v-0345d6b1]{padding:.25rem .375rem;border:2px solid var(--primary-main)}.dropdown-trigger.open.small[data-v-0345d6b1]{padding:.125rem .375rem}.dropdown-trigger.open.large[data-v-0345d6b1]{padding:.5rem .375rem}.dropdown-trigger.state-error[data-v-0345d6b1],.dropdown-trigger.state-success[data-v-0345d6b1],.dropdown-trigger.state-warning[data-v-0345d6b1]{padding:4px 6px}.dropdown-trigger.state-error.small[data-v-0345d6b1],.dropdown-trigger.state-success.small[data-v-0345d6b1],.dropdown-trigger.state-warning.small[data-v-0345d6b1]{padding:.1875rem .4375rem}.dropdown-trigger.state-error.large[data-v-0345d6b1],.dropdown-trigger.state-success.large[data-v-0345d6b1],.dropdown-trigger.state-warning.large[data-v-0345d6b1]{padding:.5625rem .4375rem}.dropdown-trigger.state-error[data-v-0345d6b1]{border:2px solid var(--error-main)}.dropdown-trigger.state-success[data-v-0345d6b1]{border:2px solid var(--success-main)}.dropdown-trigger.state-warning[data-v-0345d6b1]{border:2px solid var(--warning-dark)}.dropdown-trigger .caret-down[data-v-0345d6b1]{color:var(--action-active)}.content[data-v-0345d6b1]{width:calc(100% - 28px);display:flex;gap:.25rem;align-items:center;color:var(--text-primary)}.content .displayed-value[data-v-0345d6b1]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.content .image[data-v-0345d6b1]{width:20px;height:20px;flex:none}.content .image img[data-v-0345d6b1]{border-radius:4px;width:100%;height:100%}.content .start-icon[data-v-0345d6b1]{display:flex;color:var(--action-active)}.content .status-dot[data-v-0345d6b1]{padding-right:.25rem}.content .status-dot>div[data-v-0345d6b1]{position:relative;top:-1px}.dropdown-field-label[data-v-0345d6b1]{color:var(--text-primary)}.dropdown-field-help-text[data-v-0345d6b1]{margin-top:4px;position:absolute}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.container[data-v-09c488cf]{position:fixed;z-index:1300;display:flex;align-items:center;justify-content:center;inset:0;padding:0 var(--spacing-300)}.dialog[data-v-09c488cf]{min-height:7rem;overflow-y:auto;box-shadow:var(--elevation-xl);max-height:calc(100% - var(--spacing-800));background:var(--background-model-elevation);border:1px solid var(--common-divider-elevation-0);border-radius:var(--border-radius-lg)}.dialog--medium[data-v-09c488cf]{width:56.25rem}.dialog--small[data-v-09c488cf]{width:37.5rem}.dialog--extraSmall[data-v-09c488cf]{width:27.75rem}.header[data-v-09c488cf]{position:relative;display:flex;align-items:flex-start;width:100%;padding:calc(var(--spacing-200) - 1px) var(--spacing-300);border-bottom:1px solid var(--common-divider);color:var(--text-primary)}.title[data-v-09c488cf]{display:block;min-height:var(--spacing-300);margin-right:var(--spacing-300)}.subtitle[data-v-09c488cf]{display:block;margin-top:var(--spacing-50);color:var(--text-secondary)}.close-button[data-v-09c488cf]{color:var(--text-secondary);position:absolute;right:var(--spacing-250);top:calc(var(--spacing-200) - 3px)}.content[data-v-09c488cf]{color:var(--text-primary);padding:var(--spacing-300);display:flex;overflow-y:auto;flex-direction:column;justify-content:center}.footer[data-v-09c488cf]{height:30%;width:100%;border-top:1px solid var(--common-divider);display:flex;align-items:center}.action-buttons[data-v-09c488cf]{margin-left:auto;padding:calc(var(--spacing-150) - 1px) var(--spacing-300);display:flex}.action-buttons[data-v-09c488cf] .button-wrap:first-child{margin-right:var(--spacing-100)}.dialog-backdrop[data-v-09c488cf]{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-09c488cf],.v-leave-active[data-v-09c488cf]{transition:opacity .25s ease}.v-enter-from[data-v-09c488cf],.v-leave-to[data-v-09c488cf]{opacity:0}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.label[data-v-aaa8c4bb]{color:#41454d}.v-enter-active[data-v-aaa8c4bb],.v-leave-active[data-v-aaa8c4bb]{transition:opacity .25s ease}ol[data-v-aaa8c4bb],ul[data-v-aaa8c4bb],menu[data-v-aaa8c4bb]{list-style:none;margin:0;padding:0}.dropdown[data-v-aaa8c4bb]{display:flex;flex-direction:column}.dropdown--disabled[data-v-aaa8c4bb]{opacity:.7}.list-container[data-v-aaa8c4bb]{padding:.5rem}.list-container--multi[data-v-aaa8c4bb]{margin-bottom:0}.v-popper__arrow-container[data-v-aaa8c4bb]{display:none}.helper-text[data-v-aaa8c4bb]{padding-top:.25rem;color:#696a6b}.helper-text--error[data-v-aaa8c4bb]{color:#da564f}.no-result-container[data-v-aaa8c4bb]{height:100%;display:flex;align-items:center}.no-result[data-v-aaa8c4bb]{color:#8e959d;padding-left:.5rem}.list[data-v-aaa8c4bb]{outline:none;display:flex;flex-direction:column;width:100%;min-height:2rem;border-radius:.5rem}.list--multi[data-v-aaa8c4bb]{margin-bottom:.5rem;border-bottom-left-radius:0;border-bottom-right-radius:0}.button__container[data-v-aaa8c4bb]{display:flex;justify-content:center;flex-direction:column;position:relative}.button__container[data-v-aaa8c4bb]:not(.button__container--disabled){cursor:pointer}.loader[data-v-aaa8c4bb]{color:#8e959d;display:flex;height:100%;margin-left:.375rem;justify-self:center;align-items:center}.loader-icon[data-v-aaa8c4bb]{margin-right:.25rem;display:flex}.button[data-v-aaa8c4bb]{font-size:.875rem;line-height:1.25rem;min-width:15rem;color:#53575b;height:2rem;text-align:start;padding:.25rem .75rem;background:#f1f3f4;border-radius:.5rem;display:flex;border:none;align-items:center}.button--lg[data-v-aaa8c4bb]{height:2.5rem}.button[data-v-aaa8c4bb]:hover:not(.button--open):not(.button--disabled){color:#53575b;background:#edeff0}.button--open[data-v-aaa8c4bb],.button[data-v-aaa8c4bb]:focus-visible{background:linear-gradient(0deg,#3083ff 0,#3083ff 2px,#f1f3f4 0)}.image-slot[data-v-aaa8c4bb]{margin-right:.5rem}.angle-down[data-v-aaa8c4bb]{margin-left:auto;display:flex;color:#7b838c}.actions[data-v-aaa8c4bb]{display:flex;width:100%;margin-left:auto;padding:.75rem 1rem;border-top:1px solid #dddfe1;justify-content:flex-end}.actions[data-v-aaa8c4bb]:first-child{padding-right:.25rem}.apply-button[data-v-aaa8c4bb]{margin-left:.25rem}.dropdown-title__text[data-v-aaa8c4bb]{color:#41454d;border-bottom:1px solid #dddfe1;padding:1rem}.dropdown-title__search[data-v-aaa8c4bb]{padding:3px 0;width:100%;border-bottom:1px solid #dddfe1}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.v-enter-active[data-v-7af4f288],.v-leave-active[data-v-7af4f288]{transition:opacity .25s ease}ol[data-v-7af4f288],ul[data-v-7af4f288],menu[data-v-7af4f288]{list-style:none;margin:0;padding:0}.dropdown.full-width[data-v-7af4f288],.dropdown.full-width .button__container[data-v-7af4f288]{width:100%}.dropdown-list-wrapper[data-v-7af4f288]{display:flex;flex-direction:column;padding:.5rem .5rem .25rem}.dropdown-list-wrapper--multi[data-v-7af4f288]{padding:.5rem}.list-container--multi[data-v-7af4f288]{margin-bottom:0}.inline-search .inline-search-wrapper[data-v-7af4f288]{padding-bottom:.25rem}.inline-search .list-container[data-v-7af4f288]{padding-top:0}.no-result-container[data-v-7af4f288]{height:100%;display:flex;align-items:center;padding:.375rem .5rem;color:var(--text-disabled)}.no-result[data-v-7af4f288]{color:var(--text-disabled);padding-left:.5rem}.list[data-v-7af4f288]{outline:none;display:flex;flex-direction:column;width:100%;min-height:2rem}.list--multi[data-v-7af4f288]{margin-bottom:.5rem;border-bottom-left-radius:0;border-bottom-right-radius:0}.image-slot[data-v-7af4f288]{margin-right:.5rem}.actions-wrapper[data-v-7af4f288]{display:flex;width:100%;padding:.5rem .5rem .5rem .125rem;padding-bottom:0;border-top:1px solid var(--common-divider);justify-content:space-between;margin-top:.25rem}.apply-button[data-v-7af4f288]{margin-left:.5rem}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.field-label[data-v-96ee1c98]{flex-grow:1;white-space:nowrap;display:flex;align-items:center;color:var(--text-primary);height:var(--spacing-200);margin-bottom:var(--spacing-50);width:100%}.field-label--with-description[data-v-96ee1c98]{margin-bottom:2px}.description[data-v-96ee1c98]{color:var(--text-secondary);display:flex;height:var(--spacing-250);align-items:center;margin-bottom:var(--spacing-50)}.label[data-v-96ee1c98]{color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;text-wrap:nowrap}.field-label--disabled .label[data-v-96ee1c98]{color:var(--text-disabled)}.mandatory[data-v-96ee1c98]{font-weight:400;margin-left:var(--spacing-50);color:var(--error-main);position:relative;top:2px;line-height:var(--spacing-200)}.info-icon[data-v-96ee1c98]{margin-left:var(--spacing-50);color:var(--action-active)}.info-icon[data-v-96ee1c98]:hover{color:var(--action-primary)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.title-wrapper[data-v-1a5f0e2e]{display:flex;align-items:center;gap:var(--spacing-50);color:var(--text-primary);margin-bottom:var(--spacing-100);max-width:fit-content;cursor:pointer}.toggle-icon[data-v-1a5f0e2e]{color:var(--action-active)}.v-enter-active[data-v-1a5f0e2e],.v-leave-active[data-v-1a5f0e2e]{transition:opacity .25s ease}.v-enter-from[data-v-1a5f0e2e],.v-leave-to[data-v-1a5f0e2e]{opacity:0}.title[data-v-1a5f0e2e]{line-height:28px}[data-v-1a5f0e2e] .toggle-icon svg{display:block}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.form-card[data-v-
|
|
1
|
+
.form-card[data-v-52ade67c]{border-radius:var(--border-radius-sm);border:1px solid var(--common-divider);background:var(--background-paper)}.card-header[data-v-52ade67c]{display:flex;flex-direction:row;align-items:center;min-height:var(--spacing-600);border-radius:calc(var(--border-radius-sm) - 1px) calc(var(--border-radius-sm) - 1px) 0 0;color:var(--text-primary);background:var(--background-paper-elevation-0);padding:0 var(--spacing-300);border-bottom:1px solid var(--common-divider)}.card-header .skeleton-header[data-v-52ade67c]{width:220px;height:20px}.card-content[data-v-52ade67c]{padding:var(--spacing-400) var(--spacing-500) var(--spacing-500) var(--spacing-500)}.card-content--no-padding[data-v-52ade67c]{padding:0}.form-actions[data-v-52ade67c]{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;min-height:var(--spacing-700)}.form-action[data-v-52ade67c]{margin-left:var(--spacing-100)}.content-skeleton-container[data-v-52ade67c]{display:flex;flex-direction:column}.content-skeleton-container .skeleton-long[data-v-52ade67c]{margin-bottom:24px;width:100%;max-width:896px;height:16px}.content-skeleton-container .skeleton-short[data-v-52ade67c]{margin-bottom:24px;width:100%;max-width:436px;height:16px}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.table-help-icon[data-v-06fce2e3]{margin-left:var(--spacing-50);color:var(--action-active);margin-right:calc(var(--spacing-50) * -1)}.info-icon[data-v-06fce2e3]{color:var(--action-active)}.info-icon[data-v-06fce2e3]:hover{color:var(--action-primary)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.icon[data-v-9d3c9cda]{user-select:none;display:flex;align-items:center;justify-content:center;width:fit-content;height:fit-content}.icon .icon-wrapper[data-v-9d3c9cda]{width:var(--2c0b56f5);height:var(--3b908dd8);color:var(--1ca7f58b)}.icon .icon-wrapper[data-v-9d3c9cda] svg{width:100%;height:100%}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.inline-copy[data-v-893a203c]{display:inline-flex;cursor:pointer;color:var(--text-secondary)}.inline-copy .icon-copy[data-v-893a203c]{padding:0 4px;cursor:pointer;color:var(--action-active)}.inline-copy .icon-copy[data-v-893a203c]:hover{color:var(--action-primary)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.label[data-v-9db0f796]{color:#41454d}.item-container[data-v-9db0f796]{width:100%;display:flex;align-items:center;cursor:pointer;border-radius:var(--border-radius-lg);margin-bottom:.25rem;color:var(--text-primary);padding:6px 8px}.item-container--disabled[data-v-9db0f796]{cursor:initial;color:var(--text-disabled)}.item-container[data-v-9db0f796]:hover:not(.item-container--disabled){background-color:var(--action-hover)}.item-container--active[data-v-9db0f796],.item-container[data-v-9db0f796]:active{background-color:var(--action-selected)}.item-container:not(.item-container--multi).item-container--selected[data-v-9db0f796]{background-color:var(--action-selected)}.subtitle[data-v-9db0f796]{color:#7b838c;line-height:1rem}.clear-button[data-v-9db0f796]{display:flex;padding:0 4px;color:#7b838c;align-items:center;height:auto;background-image:none;min-width:auto;border:none;background-color:transparent}.clear-button[data-v-9db0f796]:hover{color:#3083ff}.item[data-v-9db0f796]{width:100%;display:flex;gap:.5rem;align-items:center}.item--with-icon[data-v-9db0f796],.item--multi[data-v-9db0f796]{display:flex;flex-direction:row;align-items:center;justify-content:start}.item .image[data-v-9db0f796]{width:20px;height:20px;flex:none}.item .image img[data-v-9db0f796]{width:20px;height:20px;border-radius:4px}.item .start-icon[data-v-9db0f796],.item .end-icon[data-v-9db0f796]{display:flex;color:var(--action-active)}.item .option-text[data-v-9db0f796]{line-height:1.1875rem}.text-container[data-v-9db0f796]{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left}.tooltip-option[data-v-9db0f796]{display:block}.tooltip-option[data-v-9db0f796] .container{width:100%}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.font-tab-label2[data-v-f3b2c01d],.font-chart-2[data-v-f3b2c01d],.font-chart-1[data-v-f3b2c01d]{font-family:Inter,sans-serif;font-weight:700}.font-chip-label[data-v-f3b2c01d],.font-table-label[data-v-f3b2c01d],.font-button[data-v-f3b2c01d],.font-heading-6[data-v-f3b2c01d],.font-heading-5[data-v-f3b2c01d],.font-heading-4[data-v-f3b2c01d],.font-heading-3[data-v-f3b2c01d],.font-heading-2[data-v-f3b2c01d],.font-heading-1[data-v-f3b2c01d],.font-title[data-v-f3b2c01d]{font-family:Inter,sans-serif;font-weight:600}.font-tab-label1[data-v-f3b2c01d],.font-input-label[data-v-f3b2c01d],.font-overline[data-v-f3b2c01d],.font-subtitle-2[data-v-f3b2c01d],.font-subtitle-1[data-v-f3b2c01d]{font-family:Inter,sans-serif;font-weight:500}.font-caption[data-v-f3b2c01d],.font-body-2[data-v-f3b2c01d],.textarea[data-v-f3b2c01d],.font-body-1[data-v-f3b2c01d]{font-family:Inter,sans-serif;font-weight:400}.font-title[data-v-f3b2c01d]{font-size:2.5rem;line-height:3rem;letter-spacing:-.055rem}.font-heading-1[data-v-f3b2c01d]{font-size:1.5rem;line-height:1.75rem;letter-spacing:-.0285rem}.font-heading-2[data-v-f3b2c01d]{font-size:1.125rem;line-height:1.75rem;letter-spacing:-.01575rem}.font-heading-3[data-v-f3b2c01d]{font-size:1rem;line-height:1.5rem;letter-spacing:-.011rem}.font-heading-4[data-v-f3b2c01d]{font-size:.875rem;line-height:1rem;letter-spacing:unset}.font-heading-5[data-v-f3b2c01d]{font-size:.8125rem;line-height:16px;letter-spacing:unset}.font-heading-6[data-v-f3b2c01d]{font-size:.75rem;line-height:.75rem;letter-spacing:0}.textarea[data-v-f3b2c01d],.font-body-1[data-v-f3b2c01d]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-body-2[data-v-f3b2c01d]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-subtitle-1[data-v-f3b2c01d]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-subtitle-2[data-v-f3b2c01d]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-chart-1[data-v-f3b2c01d]{font-size:1.5rem;line-height:1.5rem;letter-spacing:-.015rem}.font-chart-2[data-v-f3b2c01d]{font-size:1.25rem;line-height:1.25rem;letter-spacing:-.0125rem}.font-button[data-v-f3b2c01d]{font-size:.875rem;line-height:1.25rem;letter-spacing:.00875rem}.font-overline[data-v-f3b2c01d]{font-size:.75rem;line-height:1rem;letter-spacing:.045rem;text-transform:uppercase}.font-caption[data-v-f3b2c01d]{font-size:.75rem;line-height:1rem}.font-table-label[data-v-f3b2c01d]{font-size:.8125rem;line-height:1.25rem;letter-spacing:.00813rem}.font-input-label[data-v-f3b2c01d]{font-size:.8125rem;line-height:1rem;letter-spacing:.00813rem}.font-tab-label1[data-v-f3b2c01d],.font-tab-label2[data-v-f3b2c01d]{font-size:.875rem;line-height:1rem}.font-chip-label[data-v-f3b2c01d]{font-size:.75rem;line-height:1rem}h1[data-v-f3b2c01d],h2[data-v-f3b2c01d],h3[data-v-f3b2c01d],h4[data-v-f3b2c01d],h5[data-v-f3b2c01d],h6[data-v-f3b2c01d]{margin:0}.textarea-field[data-v-f3b2c01d]{display:flex;flex-direction:column}.textarea[data-v-f3b2c01d]{flex-grow:1;background:var(--default-main);color:var(--text-primary);padding:var(--spacing-125) var(--spacing-100);height:calc(var(--spacing-900) - 1px);width:100%;border:none;border-radius:var(--border-radius-md);outline:1px solid var(--action-outlined-border);outline-offset:-1px;margin-bottom:1px}.textarea[data-v-f3b2c01d]:hover{outline:1px solid var(--action-active)}.textarea[data-v-f3b2c01d]:focus{outline:2px solid var(--primary-main)}.textarea[data-v-f3b2c01d]::placeholder{color:var(--text-secondary)}.textarea--disabled[data-v-f3b2c01d]{color:var(--text-disabled)}.textarea--disabled[data-v-f3b2c01d]::placeholder{color:var(--text-disabled)}.textarea--disabled[data-v-f3b2c01d]:hover{outline:1px solid var(--action-outlined-border)}.textarea--variant-success[data-v-f3b2c01d],.textarea--variant-success[data-v-f3b2c01d]:hover,.textarea--variant-success[data-v-f3b2c01d]:focus{outline:2px solid var(--success-dark)}.textarea--variant-error[data-v-f3b2c01d],.textarea--variant-error[data-v-f3b2c01d]:hover,.textarea--variant-error[data-v-f3b2c01d]:focus{outline:2px solid var(--error-main)}.textarea--variant-warning[data-v-f3b2c01d],.textarea--variant-warning[data-v-f3b2c01d]:hover,.textarea--variant-warning[data-v-f3b2c01d]:focus{outline:2px solid var(--warning-dark)}.textarea-label[data-v-f3b2c01d]{flex-grow:initial}.footer[data-v-f3b2c01d]{display:flex;justify-content:flex-end;align-items:center;margin-top:var(--spacing-50)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.font-tab-label2[data-v-a6457440],.font-chart-2[data-v-a6457440],.font-chart-1[data-v-a6457440]{font-family:Inter,sans-serif;font-weight:700}.font-chip-label[data-v-a6457440],.font-table-label[data-v-a6457440],.font-button[data-v-a6457440],.font-heading-6[data-v-a6457440],.font-heading-5[data-v-a6457440],.font-heading-4[data-v-a6457440],.font-heading-3[data-v-a6457440],.font-heading-2[data-v-a6457440],.font-heading-1[data-v-a6457440],.font-title[data-v-a6457440]{font-family:Inter,sans-serif;font-weight:600}.font-tab-label1[data-v-a6457440],.font-input-label[data-v-a6457440],.font-overline[data-v-a6457440],.font-subtitle-2[data-v-a6457440],.font-subtitle-1[data-v-a6457440]{font-family:Inter,sans-serif;font-weight:500}.font-caption[data-v-a6457440],.font-body-2[data-v-a6457440],.input-container .input[data-v-a6457440],.font-body-1[data-v-a6457440]{font-family:Inter,sans-serif;font-weight:400}.font-title[data-v-a6457440]{font-size:2.5rem;line-height:3rem;letter-spacing:-.055rem}.font-heading-1[data-v-a6457440]{font-size:1.5rem;line-height:1.75rem;letter-spacing:-.0285rem}.font-heading-2[data-v-a6457440]{font-size:1.125rem;line-height:1.75rem;letter-spacing:-.01575rem}.font-heading-3[data-v-a6457440]{font-size:1rem;line-height:1.5rem;letter-spacing:-.011rem}.font-heading-4[data-v-a6457440]{font-size:.875rem;line-height:1rem;letter-spacing:unset}.font-heading-5[data-v-a6457440]{font-size:.8125rem;line-height:16px;letter-spacing:unset}.font-heading-6[data-v-a6457440]{font-size:.75rem;line-height:.75rem;letter-spacing:0}.input-container .input[data-v-a6457440],.font-body-1[data-v-a6457440]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-body-2[data-v-a6457440]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-subtitle-1[data-v-a6457440]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-subtitle-2[data-v-a6457440]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-chart-1[data-v-a6457440]{font-size:1.5rem;line-height:1.5rem;letter-spacing:-.015rem}.font-chart-2[data-v-a6457440]{font-size:1.25rem;line-height:1.25rem;letter-spacing:-.0125rem}.font-button[data-v-a6457440]{font-size:.875rem;line-height:1.25rem;letter-spacing:.00875rem}.font-overline[data-v-a6457440]{font-size:.75rem;line-height:1rem;letter-spacing:.045rem;text-transform:uppercase}.font-caption[data-v-a6457440]{font-size:.75rem;line-height:1rem}.font-table-label[data-v-a6457440]{font-size:.8125rem;line-height:1.25rem;letter-spacing:.00813rem}.font-input-label[data-v-a6457440]{font-size:.8125rem;line-height:1rem;letter-spacing:.00813rem}.font-tab-label1[data-v-a6457440],.font-tab-label2[data-v-a6457440]{font-size:.875rem;line-height:1rem}.font-chip-label[data-v-a6457440]{font-size:.75rem;line-height:1rem}h1[data-v-a6457440],h2[data-v-a6457440],h3[data-v-a6457440],h4[data-v-a6457440],h5[data-v-a6457440],h6[data-v-a6457440]{margin:0}.disabled .input[data-v-a6457440]::placeholder{color:var(--text-disabled)}.disabled .input-container[data-v-a6457440]{cursor:no-drop;background-color:var(--action-disabled-background)}.disabled .input-container[data-v-a6457440]:hover{outline:1px solid var(--action-outlined-border);background-color:var(--action-disabled-background)}.input-size-small[data-v-a6457440]{height:28px}.input-size-medium[data-v-a6457440]{height:32px}.input-size-large[data-v-a6457440]{height:40px}.input-with-label-container[data-v-a6457440]{display:flex;flex-direction:column}.input-container[data-v-a6457440]{flex-grow:2;display:flex;flex-direction:row;align-items:center;border-radius:var(--border-radius-md);background:var(--default-main);outline:1px solid var(--action-outlined-border);outline-offset:-1px;padding:0 var(--spacing-100);position:relative}.input-container[data-v-a6457440]:hover{outline:1px solid var(--action-active);background-color:var(--action-hover)}.input-container .input[data-v-a6457440]{padding:0;width:100%;border:none;background:transparent;color:var(--text-primary);line-height:normal}.input-container .input[data-v-a6457440]:focus{outline:none}.input-container .input[data-v-a6457440]:disabled{color:var(--text-disabled);cursor:no-drop}.input-container .input.view-only[data-v-a6457440]{color:var(--text-disabled)}.input-container .input[type=number][data-v-a6457440]::-webkit-inner-spin-button{opacity:.7;transform:scale(1.1)}.input-container .hide-arrows.input[type=number][data-v-a6457440]::-webkit-inner-spin-button,.input-container .hide-arrows.input[type=number][data-v-a6457440]::-webkit-outer-spin-button{margin:0;-webkit-appearance:none;appearance:none}.input-container .input[type=password][data-v-a6457440]{letter-spacing:4px}.input-container[data-v-a6457440] ::placeholder{color:var(--text-secondary);letter-spacing:normal}.input-container .label-inside[data-v-a6457440]::placeholder{color:var(--text-primary)}.input-container .icon-container[data-v-a6457440]{display:flex;align-items:center;color:var(--text-secondary)}.input-container .icon-before[data-v-a6457440]{padding-right:var(--spacing-100)}.input-container .icon-after[data-v-a6457440]{padding-left:var(--spacing-100)}.prefix-text[data-v-a6457440]{color:var(--text-secondary, #646464);margin-right:var(--spacing-100)}.suffix-text[data-v-a6457440]{color:var(--text-secondary, #646464);margin-left:var(--spacing-100)}.focused[data-v-a6457440],.focused[data-v-a6457440]:hover{outline:2px solid var(--primary-main);background-color:var(--action-hover)}.error-icon.error-icon[data-v-a6457440],.error-icon.error-icon[data-v-a6457440]:hover{color:var(--error-main)}.confirm-icon.confirm-icon[data-v-a6457440]{padding-left:.25rem}.confirm-icon.confirm-icon[data-v-a6457440]:hover{color:var(--primary-main)}.label-direction-left[data-v-a6457440]{flex-direction:row;align-items:center;justify-content:space-between}.apply-button[data-v-a6457440]{cursor:pointer;color:var(--primary-main);width:var(--spacing-250);height:var(--spacing-250)}.inline-error[data-v-a6457440]{cursor:pointer;color:var(--error-main);display:flex;justify-content:center;align-items:center}.footer[data-v-a6457440]{display:flex;justify-content:flex-end;margin-top:var(--spacing-50)}.footer.footer-absolute[data-v-a6457440]{position:absolute;bottom:calc(0px - var(--spacing-300))}.password-visibility-toggle[data-v-a6457440]{cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.variant-success .input-container[data-v-a6457440],.variant-success .input-container[data-v-a6457440]:hover{outline:2px solid var(--success-dark)}.variant-error .input-container[data-v-a6457440],.variant-error .input-container[data-v-a6457440]:hover{outline:2px solid var(--error-main)}.variant-warning .input-container[data-v-a6457440],.variant-warning .input-container[data-v-a6457440]:hover{outline:2px solid var(--warning-dark)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.toggle .toggle-body[data-v-a4aa32fb]:hover{outline-color:var(--action-active)}.toggle .toggle-disabled[data-v-a4aa32fb]{background-color:var(--action-disabled-background);outline-color:var(--action-outlined-border)}.toggle .toggle-disabled .toggle-head[data-v-a4aa32fb]{background-color:var(--action-disabled)}.toggle .toggle-disabled[data-v-a4aa32fb]:hover{outline-color:var(--action-outlined-border)}.toggle .toggle-disabled-text[data-v-a4aa32fb]{color:var(--text-disabled)}.toggle--color-primary .toggle-active[data-v-a4aa32fb]{background-color:var(--primary-main);outline-color:var(--primary-dark)}.toggle--color-primary .toggle-active .toggle-head[data-v-a4aa32fb]{background-color:var(--common-white)}.toggle--color-primary .toggle-active .loader[data-v-a4aa32fb]{border-color:var(--primary-darker);border-bottom-color:transparent}.toggle--color-primary .toggle-active[data-v-a4aa32fb]:hover{background-color:var(--primary-main-50-p);outline-color:var(--primary-main)}.toggle--color-primary .toggle-active.toggle-disabled[data-v-a4aa32fb]{background-color:var(--primary-main-8-p);outline-color:var(--primary-main-50-p)}.toggle--color-primary .toggle-active.toggle-disabled .toggle-head[data-v-a4aa32fb]{background-color:var(--primary-main-50-p)}.toggle--color-test .toggle-active[data-v-a4aa32fb]{background-color:var(--warning-main);outline-color:var(--warning-dark)}.toggle--color-test .toggle-active .toggle-head[data-v-a4aa32fb]{background-color:var(--common-white)}.toggle--color-test .toggle-active .loader[data-v-a4aa32fb]{border-color:var(--warning-darker);border-bottom-color:transparent}.toggle--color-test .toggle-active[data-v-a4aa32fb]:hover{background-color:var(--warning-main-50-p);outline-color:var(--warning-dark)}.toggle--color-test .toggle-active.toggle-disabled[data-v-a4aa32fb]{background-color:var(--warning-main-8-p);outline-color:var(--warning-main-50-p)}.toggle--color-test .toggle-active.toggle-disabled .toggle-head[data-v-a4aa32fb]{background-color:var(--warning-main-50-p)}.toggle--size-small .toggle-body[data-v-a4aa32fb],.toggle--size-small .toggle-wrap[data-v-a4aa32fb]{height:1rem}.toggle--size-small .toggle-active .toggle-head[data-v-a4aa32fb]{transform:translate(.75rem)}.toggle--size-small .toggle-head[data-v-a4aa32fb]{width:.75rem;height:.75rem}.toggle--size-small .toggle-body[data-v-a4aa32fb]{width:1.75rem}.toggle--size-small .loader[data-v-a4aa32fb]{width:9px;height:9px}.toggle--size-medium .toggle-body[data-v-a4aa32fb],.toggle--size-medium .toggle-wrap[data-v-a4aa32fb]{height:1.25rem}.toggle--size-medium .toggle-active .toggle-head[data-v-a4aa32fb]{transform:translate(1rem)}.toggle--size-medium .toggle-head[data-v-a4aa32fb]{width:1rem;height:1rem}.toggle--size-medium .toggle-body[data-v-a4aa32fb]{width:2.25rem}.toggle--size-medium .loader[data-v-a4aa32fb]{width:12px;height:12px}.toggle-wrap[data-v-a4aa32fb]{display:flex;align-items:center;gap:var(--spacing-50)}.toggle-body[data-v-a4aa32fb]{border-radius:100px;background-color:var(--action-hover);outline:1px solid var(--action-outlined-border);outline-offset:-1px;position:relative;cursor:pointer;display:inline-block}.toggle-body.toggle-disabled[data-v-a4aa32fb]{cursor:default}.toggle-head[data-v-a4aa32fb]{border-radius:100px;background-color:var(--action-active);position:absolute;left:.125rem;top:.125rem;transition:transform .25s linear,background-color .25s linear;display:flex;justify-content:center;align-items:center}.toggle-checkbox[data-v-a4aa32fb]{display:none}.toggle-text[data-v-a4aa32fb]{color:var(--text-primary)}.feedback-text[data-v-a4aa32fb]{display:block;padding-top:var(--spacing-150)}.info-icon[data-v-a4aa32fb]{color:var(--action-active)}.loader[data-v-a4aa32fb]{border:1px solid var(--action-active);border-bottom-color:transparent;border-radius:100%;display:inline-block;box-sizing:border-box;animation:rotation-a4aa32fb 1s linear infinite}.loader.loader-active[data-v-a4aa32fb]{border-bottom-color:transparent}@keyframes rotation-a4aa32fb{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
div[data-v-fcdb9d02]{display:block}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.child-options[data-v-142eab98]{padding-left:1rem}
|
|
@@ -5,6 +5,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
5
5
|
variant?: "outlined" | "standard";
|
|
6
6
|
dismissible?: boolean;
|
|
7
7
|
actionText?: string;
|
|
8
|
+
actionIconName?: string;
|
|
8
9
|
rounded?: boolean;
|
|
9
10
|
testId?: string;
|
|
10
11
|
}>, {
|
|
@@ -14,10 +15,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
14
15
|
color: string;
|
|
15
16
|
dismissible: boolean;
|
|
16
17
|
actionText: string;
|
|
18
|
+
actionIconName: any;
|
|
17
19
|
rounded: boolean;
|
|
18
20
|
testId: string;
|
|
19
21
|
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
20
22
|
close: () => void;
|
|
23
|
+
actionButtonClick: () => void;
|
|
21
24
|
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
|
|
22
25
|
title?: string;
|
|
23
26
|
description?: string;
|
|
@@ -25,6 +28,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
25
28
|
variant?: "outlined" | "standard";
|
|
26
29
|
dismissible?: boolean;
|
|
27
30
|
actionText?: string;
|
|
31
|
+
actionIconName?: string;
|
|
28
32
|
rounded?: boolean;
|
|
29
33
|
testId?: string;
|
|
30
34
|
}>, {
|
|
@@ -34,10 +38,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
34
38
|
color: string;
|
|
35
39
|
dismissible: boolean;
|
|
36
40
|
actionText: string;
|
|
41
|
+
actionIconName: any;
|
|
37
42
|
rounded: boolean;
|
|
38
43
|
testId: string;
|
|
39
44
|
}>>> & {
|
|
40
45
|
onClose?: () => any;
|
|
46
|
+
onActionButtonClick?: () => any;
|
|
41
47
|
}, {
|
|
42
48
|
title: string;
|
|
43
49
|
variant: "outlined" | "standard";
|
|
@@ -46,6 +52,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
46
52
|
description: string;
|
|
47
53
|
dismissible: boolean;
|
|
48
54
|
actionText: string;
|
|
55
|
+
actionIconName: string;
|
|
49
56
|
rounded: boolean;
|
|
50
57
|
}>, {
|
|
51
58
|
default?(_: {}): any;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./Alert.vue2.js";
|
|
2
2
|
/* empty css */import e from "../../_virtual/_plugin-vue_export-helper.js";
|
|
3
|
-
// import "../../Alert.
|
|
4
|
-
const
|
|
3
|
+
// import "../../Alert.vue_vue_type_style_index_0_scoped_a9f0dfcc_lang.css"; //*');
|
|
4
|
+
const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-a9f0dfcc"]]);
|
|
5
5
|
export {
|
|
6
|
-
|
|
6
|
+
s as default
|
|
7
7
|
};
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import "../../Alert.
|
|
1
|
+
import "../../Alert.vue_vue_type_style_index_0_scoped_a9f0dfcc_lang.css"; import { defineComponent as C, computed as N, openBlock as l, createElementBlock as m, mergeProps as a, unref as t, createVNode as f, normalizeClass as g, createElementVNode as v, createBlock as s, withCtx as T, createTextVNode as x, toDisplayString as k, createCommentVNode as c, renderSlot as A } from "vue";
|
|
2
2
|
import y from "../typography/v4/Typography.vue.js";
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import { useTestIdAttrs as
|
|
7
|
-
import { AlertTestIdModifiers as
|
|
8
|
-
const
|
|
3
|
+
import E from "../icon/v4/IconV4.vue.js";
|
|
4
|
+
import S from "../button/v4/ButtonV4.vue.js";
|
|
5
|
+
import $ from "../button/v4/IconButtonV4.vue.js";
|
|
6
|
+
import { useTestIdAttrs as b } from "../../utils/testIds.js";
|
|
7
|
+
import { AlertTestIdModifiers as n } from "../../testids/index.js";
|
|
8
|
+
const p = { class: "alert-content" }, w = { key: 0 }, R = /* @__PURE__ */ C({
|
|
9
9
|
__name: "Alert",
|
|
10
10
|
props: {
|
|
11
11
|
title: { default: "" },
|
|
@@ -14,71 +14,75 @@ const S = { class: "alert-content" }, b = { key: 0 }, R = /* @__PURE__ */ B({
|
|
|
14
14
|
variant: { default: "standard" },
|
|
15
15
|
dismissible: { type: Boolean, default: !1 },
|
|
16
16
|
actionText: { default: "" },
|
|
17
|
+
actionIconName: { default: null },
|
|
17
18
|
rounded: { type: Boolean, default: !0 },
|
|
18
19
|
testId: { default: "" }
|
|
19
20
|
},
|
|
20
|
-
emits: ["close"],
|
|
21
|
-
setup(
|
|
22
|
-
const
|
|
23
|
-
const
|
|
21
|
+
emits: ["close", "actionButtonClick"],
|
|
22
|
+
setup(e, { emit: d }) {
|
|
23
|
+
const u = e, B = N(() => {
|
|
24
|
+
const i = {
|
|
24
25
|
success: "check-circle",
|
|
25
26
|
warning: "warning",
|
|
26
27
|
danger: "warning-octagon",
|
|
27
28
|
info: "info"
|
|
28
29
|
};
|
|
29
|
-
return
|
|
30
|
-
}),
|
|
31
|
-
return (
|
|
30
|
+
return i[u.color] || i.success;
|
|
31
|
+
}), o = b(u.testId, n);
|
|
32
|
+
return (i, r) => (l(), m("div", a({
|
|
32
33
|
class: ["alert", {
|
|
33
|
-
[`alert--${
|
|
34
|
-
[`alert--${
|
|
35
|
-
"alert--rounded":
|
|
34
|
+
[`alert--${e.color}`]: !0,
|
|
35
|
+
[`alert--${e.variant}`]: !0,
|
|
36
|
+
"alert--rounded": e.rounded
|
|
36
37
|
}]
|
|
37
|
-
},
|
|
38
|
-
|
|
39
|
-
name:
|
|
40
|
-
class:
|
|
38
|
+
}, t(o)[t(n).WRAPPER]), [
|
|
39
|
+
f(t(E), {
|
|
40
|
+
name: t(B),
|
|
41
|
+
class: g(["alert-icon", { "alert-icon--align-top": e.title && e.description }]),
|
|
41
42
|
type: "fill",
|
|
42
43
|
size: "20px"
|
|
43
44
|
}, null, 8, ["name", "class"]),
|
|
44
|
-
|
|
45
|
-
|
|
45
|
+
v("div", p, [
|
|
46
|
+
e.title ? (l(), s(t(y), a({
|
|
46
47
|
key: 0,
|
|
47
48
|
class: "alert-title",
|
|
48
49
|
variant: "h4"
|
|
49
|
-
},
|
|
50
|
-
default:
|
|
51
|
-
|
|
50
|
+
}, t(o)[t(n).TITLE]), {
|
|
51
|
+
default: T(() => [
|
|
52
|
+
x(k(e.title), 1)
|
|
52
53
|
]),
|
|
53
54
|
_: 1
|
|
54
|
-
}, 16)) :
|
|
55
|
-
|
|
55
|
+
}, 16)) : c("", !0),
|
|
56
|
+
f(t(y), a({
|
|
56
57
|
class: "alert-description",
|
|
57
58
|
variant: "body1"
|
|
58
|
-
},
|
|
59
|
-
default:
|
|
60
|
-
A(
|
|
61
|
-
|
|
59
|
+
}, t(o)[t(n).MESSAGE]), {
|
|
60
|
+
default: T(() => [
|
|
61
|
+
A(i.$slots, "default", {}, () => [
|
|
62
|
+
e.description ? (l(), m("span", w, k(e.description), 1)) : c("", !0)
|
|
62
63
|
], !0)
|
|
63
64
|
]),
|
|
64
65
|
_: 3
|
|
65
66
|
}, 16)
|
|
66
67
|
]),
|
|
67
|
-
|
|
68
|
+
e.actionText ? (l(), s(t(S), a({
|
|
68
69
|
key: 0,
|
|
69
70
|
variant: "outlined",
|
|
70
|
-
content:
|
|
71
|
-
|
|
71
|
+
content: e.actionText,
|
|
72
|
+
"end-icon-name": e.actionIconName,
|
|
73
|
+
color: e.color,
|
|
72
74
|
size: "small"
|
|
73
|
-
},
|
|
74
|
-
|
|
75
|
+
}, t(o)[t(n).ACTION_BUTTON], {
|
|
76
|
+
onClick: r[0] || (r[0] = (I) => d("actionButtonClick"))
|
|
77
|
+
}), null, 16, ["content", "end-icon-name", "color"])) : c("", !0),
|
|
78
|
+
e.dismissible ? (l(), s(t($), a({
|
|
75
79
|
key: 1,
|
|
76
80
|
class: "close-button",
|
|
77
81
|
"icon-name": "x",
|
|
78
82
|
size: "small"
|
|
79
|
-
},
|
|
80
|
-
onClick:
|
|
81
|
-
}), null, 16)) :
|
|
83
|
+
}, t(o)[t(n).CLOSE_BUTTON], {
|
|
84
|
+
onClick: r[1] || (r[1] = (I) => d("close"))
|
|
85
|
+
}), null, 16)) : c("", !0)
|
|
82
86
|
], 16));
|
|
83
87
|
}
|
|
84
88
|
});
|
|
@@ -11,6 +11,7 @@ declare const AlertTypes: () => ({
|
|
|
11
11
|
description: string;
|
|
12
12
|
dismissible: boolean;
|
|
13
13
|
actionText: string;
|
|
14
|
+
actionIconName: string;
|
|
14
15
|
rounded: boolean;
|
|
15
16
|
}> & Omit<Readonly<import("vue").ExtractPropTypes<{
|
|
16
17
|
title: {
|
|
@@ -41,13 +42,18 @@ declare const AlertTypes: () => ({
|
|
|
41
42
|
type: import("vue").PropType<string>;
|
|
42
43
|
default: string;
|
|
43
44
|
};
|
|
45
|
+
actionIconName: {
|
|
46
|
+
type: import("vue").PropType<string>;
|
|
47
|
+
default: any;
|
|
48
|
+
};
|
|
44
49
|
rounded: {
|
|
45
50
|
type: import("vue").PropType<boolean>;
|
|
46
51
|
default: boolean;
|
|
47
52
|
};
|
|
48
53
|
}>> & {
|
|
49
54
|
onClose?: () => any;
|
|
50
|
-
|
|
55
|
+
onActionButtonClick?: () => any;
|
|
56
|
+
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "variant" | "color" | "testId" | "description" | "dismissible" | "actionText" | "actionIconName" | "rounded">;
|
|
51
57
|
$attrs: {
|
|
52
58
|
[x: string]: unknown;
|
|
53
59
|
};
|
|
@@ -59,7 +65,7 @@ declare const AlertTypes: () => ({
|
|
|
59
65
|
}>;
|
|
60
66
|
$root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
|
|
61
67
|
$parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
|
|
62
|
-
$emit: (event: "close") => void;
|
|
68
|
+
$emit: ((event: "close") => void) & ((event: "actionButtonClick") => void);
|
|
63
69
|
$el: any;
|
|
64
70
|
$options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
|
|
65
71
|
title: {
|
|
@@ -90,14 +96,20 @@ declare const AlertTypes: () => ({
|
|
|
90
96
|
type: import("vue").PropType<string>;
|
|
91
97
|
default: string;
|
|
92
98
|
};
|
|
99
|
+
actionIconName: {
|
|
100
|
+
type: import("vue").PropType<string>;
|
|
101
|
+
default: any;
|
|
102
|
+
};
|
|
93
103
|
rounded: {
|
|
94
104
|
type: import("vue").PropType<boolean>;
|
|
95
105
|
default: boolean;
|
|
96
106
|
};
|
|
97
107
|
}>> & {
|
|
98
108
|
onClose?: () => any;
|
|
109
|
+
onActionButtonClick?: () => any;
|
|
99
110
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
100
111
|
close: () => void;
|
|
112
|
+
actionButtonClick: () => void;
|
|
101
113
|
}, string, {
|
|
102
114
|
title: string;
|
|
103
115
|
variant: "outlined" | "standard";
|
|
@@ -106,6 +118,7 @@ declare const AlertTypes: () => ({
|
|
|
106
118
|
description: string;
|
|
107
119
|
dismissible: boolean;
|
|
108
120
|
actionText: string;
|
|
121
|
+
actionIconName: string;
|
|
109
122
|
rounded: boolean;
|
|
110
123
|
}, {}, string> & {
|
|
111
124
|
beforeCreate?: (() => void) | (() => void)[];
|
|
@@ -156,12 +169,17 @@ declare const AlertTypes: () => ({
|
|
|
156
169
|
type: import("vue").PropType<string>;
|
|
157
170
|
default: string;
|
|
158
171
|
};
|
|
172
|
+
actionIconName: {
|
|
173
|
+
type: import("vue").PropType<string>;
|
|
174
|
+
default: any;
|
|
175
|
+
};
|
|
159
176
|
rounded: {
|
|
160
177
|
type: import("vue").PropType<boolean>;
|
|
161
178
|
default: boolean;
|
|
162
179
|
};
|
|
163
180
|
}>> & {
|
|
164
181
|
onClose?: () => any;
|
|
182
|
+
onActionButtonClick?: () => any;
|
|
165
183
|
} & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
|
|
166
184
|
__isFragment?: never;
|
|
167
185
|
__isTeleport?: never;
|
|
@@ -195,14 +213,20 @@ declare const AlertTypes: () => ({
|
|
|
195
213
|
type: import("vue").PropType<string>;
|
|
196
214
|
default: string;
|
|
197
215
|
};
|
|
216
|
+
actionIconName: {
|
|
217
|
+
type: import("vue").PropType<string>;
|
|
218
|
+
default: any;
|
|
219
|
+
};
|
|
198
220
|
rounded: {
|
|
199
221
|
type: import("vue").PropType<boolean>;
|
|
200
222
|
default: boolean;
|
|
201
223
|
};
|
|
202
224
|
}>> & {
|
|
203
225
|
onClose?: () => any;
|
|
226
|
+
onActionButtonClick?: () => any;
|
|
204
227
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
205
228
|
close: () => void;
|
|
229
|
+
actionButtonClick: () => void;
|
|
206
230
|
}, string, {
|
|
207
231
|
title: string;
|
|
208
232
|
variant: "outlined" | "standard";
|
|
@@ -211,6 +235,7 @@ declare const AlertTypes: () => ({
|
|
|
211
235
|
description: string;
|
|
212
236
|
dismissible: boolean;
|
|
213
237
|
actionText: string;
|
|
238
|
+
actionIconName: string;
|
|
214
239
|
rounded: boolean;
|
|
215
240
|
}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
|
|
216
241
|
$slots: {
|
|
@@ -14,7 +14,9 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
|
|
|
14
14
|
testId: string;
|
|
15
15
|
type: string;
|
|
16
16
|
showAbIcon: boolean;
|
|
17
|
-
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
17
|
+
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
18
|
+
copyToClipboard: () => void;
|
|
19
|
+
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
|
|
18
20
|
image: string;
|
|
19
21
|
name: string;
|
|
20
22
|
platform: 'android' | 'ios';
|
|
@@ -30,7 +32,9 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
|
|
|
30
32
|
testId: string;
|
|
31
33
|
type: string;
|
|
32
34
|
showAbIcon: boolean;
|
|
33
|
-
}
|
|
35
|
+
}>>> & {
|
|
36
|
+
onCopyToClipboard?: () => any;
|
|
37
|
+
}, {
|
|
34
38
|
name: string;
|
|
35
39
|
type: 'small' | 'normal';
|
|
36
40
|
image: string;
|
|
@@ -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 s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-
|
|
3
|
+
// import "../../AppHeader.vue_vue_type_style_index_0_scoped_538ccdc6_lang.css"; //*');
|
|
4
|
+
const s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-538ccdc6"]]);
|
|
5
5
|
export {
|
|
6
6
|
s as default
|
|
7
7
|
};
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import "../../AppHeader.
|
|
1
|
+
import "../../AppHeader.vue_vue_type_style_index_0_scoped_538ccdc6_lang.css"; import { defineComponent as h, computed as o, openBlock as m, createElementBlock as p, normalizeClass as C, createElementVNode as n, mergeProps as r, unref as e, createVNode as i, withCtx as b, createTextVNode as v, toDisplayString as z, createCommentVNode as A } from "vue";
|
|
2
2
|
import c from "../icon/v4/IconV4.vue.js";
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import { useTestIdAttrs as
|
|
3
|
+
import T from "../typography/v4/Typography.vue.js";
|
|
4
|
+
import g from "../inlineCopy/InlineCopy.vue.js";
|
|
5
|
+
import { useTestIdAttrs as N } from "../../utils/testIds.js";
|
|
6
6
|
import { AppHeaderTestIdModifiers as l } from "../../testids/index.js";
|
|
7
|
-
const
|
|
7
|
+
const w = { class: "image-container" }, k = ["src", "alt"], B = ["data-platform"], P = { class: "name-container" }, $ = /* @__PURE__ */ h({
|
|
8
8
|
__name: "AppHeader",
|
|
9
9
|
props: {
|
|
10
10
|
image: { default: "" },
|
|
@@ -15,24 +15,25 @@ const T = { class: "image-container" }, N = ["src", "alt"], w = ["data-platform"
|
|
|
15
15
|
type: { default: "normal" },
|
|
16
16
|
showAbIcon: { type: Boolean, default: !1 }
|
|
17
17
|
},
|
|
18
|
-
|
|
19
|
-
|
|
18
|
+
emits: ["copyToClipboard"],
|
|
19
|
+
setup(t, { emit: f }) {
|
|
20
|
+
const a = t, y = o(
|
|
20
21
|
() => a.platform ? a.platform.toLowerCase() : ""
|
|
21
|
-
), f = o(
|
|
22
|
-
() => a.type === "normal" ? "24px" : "20px"
|
|
23
22
|
), u = o(
|
|
23
|
+
() => a.type === "normal" ? "24px" : "20px"
|
|
24
|
+
), x = o(
|
|
24
25
|
() => a.type === "small" ? "18px" : null
|
|
25
|
-
),
|
|
26
|
+
), I = o(
|
|
26
27
|
() => a.type === "normal" ? "h2" : "subtitle1"
|
|
27
|
-
), s =
|
|
28
|
-
return (
|
|
29
|
-
class:
|
|
28
|
+
), s = N(a.testId, l);
|
|
29
|
+
return (S, d) => (m(), p("div", {
|
|
30
|
+
class: C(["app-header", `size-${t.type}`])
|
|
30
31
|
}, [
|
|
31
|
-
n("div",
|
|
32
|
+
n("div", w, [
|
|
32
33
|
n("img", {
|
|
33
34
|
src: t.image,
|
|
34
35
|
alt: t.name
|
|
35
|
-
}, null, 8,
|
|
36
|
+
}, null, 8, k)
|
|
36
37
|
]),
|
|
37
38
|
n("div", r({
|
|
38
39
|
class: "icon-container",
|
|
@@ -40,32 +41,33 @@ const T = { class: "image-container" }, N = ["src", "alt"], w = ["data-platform"
|
|
|
40
41
|
}, e(s)[e(l).APP_PLATFORM]), [
|
|
41
42
|
i(e(c), {
|
|
42
43
|
type: "branded",
|
|
43
|
-
name: e(
|
|
44
|
-
size: e(
|
|
44
|
+
name: e(y),
|
|
45
|
+
size: e(u)
|
|
45
46
|
}, null, 8, ["name", "size"])
|
|
46
|
-
], 16,
|
|
47
|
-
n("div",
|
|
48
|
-
i(e(
|
|
49
|
-
variant: e(
|
|
47
|
+
], 16, B),
|
|
48
|
+
n("div", P, [
|
|
49
|
+
i(e(T), r({
|
|
50
|
+
variant: e(I),
|
|
50
51
|
class: "title"
|
|
51
52
|
}, e(s)[e(l).TITLE]), {
|
|
52
|
-
default:
|
|
53
|
-
z(
|
|
53
|
+
default: b(() => [
|
|
54
|
+
v(z(t.name), 1)
|
|
54
55
|
]),
|
|
55
56
|
_: 1
|
|
56
57
|
}, 16, ["variant"]),
|
|
57
|
-
i(e(
|
|
58
|
+
i(e(g), {
|
|
58
59
|
text: t.appKey,
|
|
59
60
|
size: "medium",
|
|
60
61
|
class: "inline-copy",
|
|
61
62
|
"hide-text-value": t.type === "small",
|
|
62
63
|
"test-id": t.testId,
|
|
63
|
-
"icon-size": e(
|
|
64
|
+
"icon-size": e(x),
|
|
64
65
|
"tooltip-header": "Copy app key",
|
|
65
|
-
"tooltip-text": t.appKey
|
|
66
|
+
"tooltip-text": t.appKey,
|
|
67
|
+
onCopy: d[0] || (d[0] = (V) => f("copyToClipboard"))
|
|
66
68
|
}, null, 8, ["text", "hide-text-value", "test-id", "icon-size", "tooltip-text"])
|
|
67
69
|
]),
|
|
68
|
-
t.showAbIcon ? (
|
|
70
|
+
t.showAbIcon ? (m(), p("div", r({
|
|
69
71
|
key: 0,
|
|
70
72
|
class: "ab-icon-wrapper"
|
|
71
73
|
}, e(s)[e(l).AB_ICON]), [
|
|
@@ -79,5 +81,5 @@ const T = { class: "image-container" }, N = ["src", "alt"], w = ["data-platform"
|
|
|
79
81
|
}
|
|
80
82
|
});
|
|
81
83
|
export {
|
|
82
|
-
|
|
84
|
+
$ as default
|
|
83
85
|
};
|