@ironsource/shared-ui 2.0.0-rc.7 → 2.0.0-rc.9
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/Button.vue_vue_type_style_index_0_scoped_35545b8c_lang.css +1 -0
- package/ButtonBase.vue_vue_type_style_index_0_scoped_9021cac4_lang.css +1 -0
- package/ButtonV4.vue_vue_type_style_index_0_scoped_31e553e8_lang.css +1 -0
- package/CardPanel.vue_vue_type_style_index_0_scoped_3cda0f04_lang.css +1 -0
- package/Dropdown.vue_vue_type_style_index_0_scoped_d4f8e790_lang.css +1 -0
- package/FilterDropdown.vue_vue_type_style_index_0_scoped_b42d8b45_lang.css +1 -0
- package/FoldableSection.vue_vue_type_style_index_0_scoped_51b5b56d_lang.css +1 -0
- package/FormCard.vue_vue_type_style_index_0_scoped_bb7d27f9_lang.css +1 -0
- package/IconButton.vue_vue_type_style_index_0_scoped_6dffd3f6_lang.css +1 -0
- package/MenuItem.vue_vue_type_style_index_0_scoped_67e53b85_lang.css +1 -0
- package/Popover.vue_vue_type_style_index_0_scoped_25eb53db_lang.css +1 -0
- package/ToggleV4.vue_vue_type_style_index_0_scoped_ef31fecc_lang.css +1 -0
- package/Tooltip.vue_vue_type_style_index_0_scoped_9020a179_lang.css +1 -0
- package/TooltipV4.vue_vue_type_style_index_0_scoped_21f12d1a_lang.css +1 -0
- package/components/appTrigger/AppTrigger.vue2.js +19 -20
- package/components/autocompleteDropdown/AutocompleteDropdown.vue.d.ts +1 -1
- package/components/autocompleteDropdown/index.d.ts +1 -1
- package/components/button/v3/Button.vue.d.ts +4 -27
- package/components/button/v3/Button.vue.js +2 -2
- package/components/button/v3/Button.vue2.js +43 -75
- package/components/button/{common → v3}/ButtonBase.vue.d.ts +9 -9
- package/components/button/{common → v3}/ButtonBase.vue.js +3 -3
- package/components/button/{common → v3}/ButtonBase.vue2.js +3 -3
- package/components/button/v3/IconButton.vue.js +2 -2
- package/components/button/v3/IconButton.vue2.js +4 -4
- package/components/button/v3/LoaderCircleIcon.vue2.js +0 -0
- package/components/button/v3/LoaderDotsIcon.vue2.js +0 -0
- package/components/button/v3/ScrollButton.vue2.js +4 -5
- package/components/button/v3/index.d.ts +130 -0
- package/components/button/v4/ButtonV4.vue.d.ts +16 -6
- package/components/button/v4/ButtonV4.vue.js +3 -3
- package/components/button/v4/ButtonV4.vue2.js +41 -38
- package/components/button/v4/index.d.ts +53 -15
- package/components/chip/v3/Chip.vue.d.ts +1 -1
- package/components/chip/v3/index.d.ts +20 -20
- package/components/chip/v4/ChipV4.vue.d.ts +1 -1
- package/components/chip/v4/index.d.ts +20 -20
- package/components/dialog/v3/Dialog.vue.d.ts +1 -1
- package/components/dialog/v3/index.d.ts +4 -4
- package/components/dialog/v4/DialogV4.vue.d.ts +1 -1
- package/components/dialog/v4/index.d.ts +4 -4
- package/components/dropdown/v3/Dropdown.vue.d.ts +5 -5
- package/components/dropdown/v3/Dropdown.vue.js +2 -2
- package/components/dropdown/v3/Dropdown.vue2.js +4 -4
- package/components/dropdown/v3/index.d.ts +59 -59
- package/components/dropdown/v4/ChipDropdownTrigger.vue.d.ts +1 -1
- package/components/dropdown/v4/DefaultDropdownTrigger.vue.d.ts +3 -3
- package/components/dropdown/v4/DropdownV4.vue.d.ts +2 -2
- package/components/dropdown/v4/index.d.ts +111 -111
- package/components/filterDropdown/FilterDropdown.vue.js +2 -2
- package/components/filterDropdown/FilterDropdown.vue2.js +4 -4
- package/components/includeExclude/IncludeExclude.vue.d.ts +2 -2
- package/components/includeExclude/IncludeExclude.vue2.js +22 -23
- package/components/includeExclude/IncludeExcludeAppHeader.vue.d.ts +2 -2
- package/components/includeExclude/IncludeExcludeAppTrigger.vue2.js +15 -16
- package/components/includeExclude/IncludeExcludeChipFilter.vue.d.ts +2 -2
- package/components/includeExclude/IncludeExcludeDragDrop.vue.d.ts +2 -2
- package/components/includeExclude/IncludeExcludeDragDrop.vue2.js +31 -32
- package/components/includeExclude/IncludeExcludeOption.vue2.js +6 -7
- package/components/includeExclude/IncludeExcludeOptionDraggable.vue2.js +16 -17
- package/components/includeExclude/index.d.ts +135 -135
- package/components/input/v3/Input.vue.d.ts +3 -3
- package/components/input/v3/Input.vue2.js +3 -4
- package/components/input/v3/index.d.ts +82 -82
- package/components/input/v4/TextField.vue.d.ts +6 -6
- package/components/input/v4/TextField.vue2.js +8 -8
- package/components/input/v4/index.d.ts +103 -103
- package/components/layout/CardPanel.vue.d.ts +36 -0
- package/components/layout/CardPanel.vue.js +7 -0
- package/components/layout/CardPanel.vue2.js +25 -0
- package/components/layout/FoldableSection.vue.d.ts +50 -0
- package/components/layout/FoldableSection.vue.js +7 -0
- package/components/layout/FoldableSection.vue2.js +57 -0
- package/components/layout/FormCard.vue.d.ts +74 -0
- package/components/layout/FormCard.vue.js +7 -0
- package/components/layout/FormCard.vue2.js +74 -0
- package/components/layout/index.d.ts +405 -0
- package/components/layout/index.js +10 -0
- package/components/menu/Menu.vue.d.ts +1 -1
- package/components/menu/index.d.ts +20 -20
- package/components/menuItem/MenuItem.vue.js +5 -24
- package/components/menuItem/MenuItem.vue2.js +23 -0
- package/components/multibar/MultiBar.vue.d.ts +1 -1
- package/components/multibar/index.d.ts +1 -1
- package/components/popover/Popover.vue.js +6 -36
- package/components/popover/Popover.vue2.js +36 -3
- package/components/popover/index.d.ts +16 -16
- package/components/popover/index.js +2 -3
- package/components/shared/FieldLabel.vue2.js +3 -3
- package/components/snackbar/v4/SnackbarV4.vue.d.ts +30 -10
- package/components/table/common/Table.common.js +20 -20
- package/components/table/v3/index.d.ts +16 -16
- package/components/table/v4/DataGrid.vue.d.ts +1 -1
- package/components/table/v4/index.d.ts +20 -20
- package/components/toggle/v3/Toggle.vue.d.ts +1 -1
- package/components/toggle/v3/index.d.ts +17 -17
- package/components/toggle/v4/ToggleV4.vue.d.ts +2 -2
- package/components/toggle/v4/ToggleV4.vue.js +7 -0
- package/components/toggle/v4/ToggleV4.vue2.js +95 -0
- package/components/toggle/v4/index.d.ts +313 -0
- package/components/toggle/v4/index.js +6 -0
- package/components/tooltip/v3/Tooltip.vue.js +6 -3
- package/components/tooltip/v3/Tooltip.vue2.js +3 -3
- package/components/tooltip/v3/index.js +3 -4
- package/components/tooltip/v4/TooltipV4.vue.js +6 -65
- package/components/tooltip/v4/TooltipV4.vue2.js +67 -0
- package/components/tooltip/v4/index.js +2 -2
- package/index.d.ts +1556 -858
- package/index.js +137 -129
- package/package.json +17 -5
- package/testids/index.d.ts +11 -0
- package/testids/index.js +16 -14
- package/Button.vue_vue_type_style_index_0_scoped_d92097c8_lang.css +0 -1
- package/ButtonBase.vue_vue_type_style_index_0_scoped_70baba59_lang.css +0 -1
- package/ButtonV4.vue_vue_type_style_index_0_scoped_3fd2281b_lang.css +0 -1
- package/Dropdown.vue_vue_type_style_index_0_scoped_e8324d12_lang.css +0 -1
- package/FilterDropdown.vue_vue_type_style_index_0_scoped_1320b13b_lang.css +0 -1
- package/IconButton.vue_vue_type_style_index_0_scoped_2fe9bc4c_lang.css +0 -1
- package/MenuItem.vue_vue_type_style_index_0_scoped_c7e837fa_lang.css +0 -1
- package/components/button/common/ButtonSuper.vue.d.ts +0 -52
- package/components/tooltip/v4/TooltipV4.vue3.js +0 -4
- /package/{Popover.vue_vue_type_style_index_0_lang.css → Popover.vue_vue_type_style_index_1_lang.css} +0 -0
- /package/{Tooltip.vue_vue_type_style_index_0_lang.css → Tooltip.vue_vue_type_style_index_1_lang.css} +0 -0
- /package/{TooltipV4.vue_vue_type_style_index_0_lang.css → TooltipV4.vue_vue_type_style_index_1_lang.css} +0 -0
- /package/components/button/{consts.d.ts → common/consts.d.ts} +0 -0
- /package/components/button/{consts.js → common/consts.js} +0 -0
- /package/components/button/{icon → v3}/LoaderCircleIcon.vue.d.ts +0 -0
- /package/components/button/{icon → v3}/LoaderCircleIcon.vue.js +0 -0
- /package/components/button/{icon → v3}/LoaderDotsIcon.vue.d.ts +0 -0
- /package/components/button/{icon → v3}/LoaderDotsIcon.vue.js +0 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.label[data-v-35545b8c]{color:#41454d}.flex[data-v-35545b8c]{display:flex;align-items:center;justify-content:center;grid-column-gap:6px}button.with-left-icon.sm[data-v-35545b8c] .flex{grid-column-gap:4px}button.with-left-icon.sm[data-v-35545b8c] .content{margin:0 12px 0 8px}button.with-left-icon.md[data-v-35545b8c] .content{margin:0 16px 0 12px}button.with-left-icon.lg[data-v-35545b8c] .content{margin:0 24px 0 12px}button.with-right-icon.sm[data-v-35545b8c] .flex{grid-column-gap:4px}button.with-right-icon.sm[data-v-35545b8c] .content{margin:0 8px 0 12px}button.with-right-icon.md[data-v-35545b8c] .content{margin:0 12px 0 16px}button.with-right-icon.lg[data-v-35545b8c] .content{margin:0 12px 0 24px}.icon[data-v-35545b8c],.loading[data-v-35545b8c]{vertical-align:middle}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.label[data-v-9021cac4]{color:#41454d}.button-wrap[data-v-9021cac4]{border-radius:25px;display:inline-flex;justify-content:center;align-items:center;cursor:pointer;padding:0;min-width:auto;background-image:none;transition:all .2s ease-in-out 0s}.button-wrap[data-v-9021cac4]:active{transform:scale(.9)}.button-wrap[data-v-9021cac4]:disabled:not(.colorized),.button-wrap[data-v-9021cac4]:disabled:hover:not(.colorized),.button-wrap[data-v-9021cac4]:focus-visible:not(.colorized),.button-wrap[data-v-9021cac4]:disabled:active:not(.colorized){background-color:#b7bbc0;border-color:#b7bbc0;color:#fff;cursor:default;animation:none;opacity:1}.button-wrap.border[data-v-9021cac4]:disabled,.button-wrap.border[data-v-9021cac4]:focus-visible,.button-wrap.border[data-v-9021cac4]:disabled:hover,.button-wrap.border[data-v-9021cac4]:disabled:active{background-color:transparent;border-color:#b7bbc0;color:#b7bbc0}.button-wrap.ghost[data-v-9021cac4]:disabled,.button-wrap.ghost[data-v-9021cac4]:disabled:hover,.button-wrap.ghost[data-v-9021cac4]:focus-visible,.button-wrap.ghost[data-v-9021cac4]:disabled:active{background-color:transparent;border-color:#8e959d;color:#8e959d}.button-wrap.borderless[data-v-9021cac4]:disabled,.button-wrap.borderless[data-v-9021cac4]:disabled:hover,.button-wrap.borderless[data-v-9021cac4]:focus-visible,.button-wrap.borderless[data-v-9021cac4]:disabled:active{background-color:transparent;border-color:transparent;color:#b7bbc0}.button-wrap.link[data-v-9021cac4],.button-wrap.link[data-v-9021cac4]:hover,.button-wrap.link[data-v-9021cac4]:active{background-color:transparent;border:none}.primary[data-v-9021cac4],.primary.loading[data-v-9021cac4]:disabled{background-color:#3083ff;border:1px solid #3083ff;color:#fff}.primary[data-v-9021cac4]:hover,.primary[data-v-9021cac4]:focus-visible,.primary[data-v-9021cac4]:active,.primary.loading[data-v-9021cac4]:disabled:hover,.primary.loading[data-v-9021cac4]:disabled:focus-visible,.primary.loading[data-v-9021cac4]:disabled:active{background-color:#005be2;border-color:#005be2;color:#fff}.primary.border[data-v-9021cac4],.primary.loading:disabled.border[data-v-9021cac4]{background-color:transparent;color:#3083ff}.primary.border[data-v-9021cac4]:hover,.primary.border[data-v-9021cac4]:focus-visible,.primary.border[data-v-9021cac4]:active,.primary.loading:disabled.border[data-v-9021cac4]:hover,.primary.loading:disabled.border[data-v-9021cac4]:focus-visible,.primary.loading:disabled.border[data-v-9021cac4]:active{background-color:#3083ff;border-color:#3083ff;color:#fff}.primary.colorized[data-v-9021cac4],.primary.loading:disabled.colorized[data-v-9021cac4]{color:#96c0ff;background:transparent;border:none}.primary.colorized[data-v-9021cac4]:hover,.primary.colorized[data-v-9021cac4]:focus-visible,.primary.colorized[data-v-9021cac4]:active,.primary.loading:disabled.colorized[data-v-9021cac4]:hover,.primary.loading:disabled.colorized[data-v-9021cac4]:focus-visible,.primary.loading:disabled.colorized[data-v-9021cac4]:active{color:#3083ff}.primary.link[data-v-9021cac4],.primary.loading:disabled.link[data-v-9021cac4]{color:#3083ff}.secondary[data-v-9021cac4],.secondary.loading[data-v-9021cac4]:disabled{background-color:#53575b;border:1px solid #53575b;color:#fff}.secondary[data-v-9021cac4]:hover,.secondary[data-v-9021cac4]:focus-visible,.secondary[data-v-9021cac4]:active,.secondary.loading[data-v-9021cac4]:disabled:hover,.secondary.loading[data-v-9021cac4]:disabled:focus-visible,.secondary.loading[data-v-9021cac4]:disabled:active{background-color:#41454d;border-color:#41454d;color:#fff}.secondary.border[data-v-9021cac4],.secondary.loading:disabled.border[data-v-9021cac4]{background-color:transparent;color:#53575b}.secondary.border[data-v-9021cac4]:hover,.secondary.border[data-v-9021cac4]:focus-visible,.secondary.border[data-v-9021cac4]:active,.secondary.loading:disabled.border[data-v-9021cac4]:hover,.secondary.loading:disabled.border[data-v-9021cac4]:focus-visible,.secondary.loading:disabled.border[data-v-9021cac4]:active{background-color:#53575b;border-color:#53575b;color:#fff}.secondary.colorized[data-v-9021cac4],.secondary.loading:disabled.colorized[data-v-9021cac4]{color:#b7bbc0;background:transparent;border:none}.secondary.colorized[data-v-9021cac4]:hover,.secondary.colorized[data-v-9021cac4]:focus-visible,.secondary.colorized[data-v-9021cac4]:active,.secondary.loading:disabled.colorized[data-v-9021cac4]:hover,.secondary.loading:disabled.colorized[data-v-9021cac4]:focus-visible,.secondary.loading:disabled.colorized[data-v-9021cac4]:active{color:#8e959d}.secondary.link[data-v-9021cac4],.secondary.loading:disabled.link[data-v-9021cac4]{color:#53575b;text-decoration:underline}.third[data-v-9021cac4],.third.loading[data-v-9021cac4]:disabled{background-color:#edeff0;border:1px solid #edeff0;color:#7b838c}.third[data-v-9021cac4]:hover,.third[data-v-9021cac4]:focus-visible,.third[data-v-9021cac4]:active,.third.loading[data-v-9021cac4]:disabled:hover,.third.loading[data-v-9021cac4]:disabled:focus-visible,.third.loading[data-v-9021cac4]:disabled:active{background-color:#e5e7e9;border-color:#e5e7e9;color:#8e959d}.third.border[data-v-9021cac4],.third.loading:disabled.border[data-v-9021cac4]{background-color:transparent;color:#53575b;border-color:#d2d5d8}.third.border[data-v-9021cac4]:hover,.third.border[data-v-9021cac4]:focus-visible,.third.border[data-v-9021cac4]:active,.third.loading:disabled.border[data-v-9021cac4]:hover,.third.loading:disabled.border[data-v-9021cac4]:focus-visible,.third.loading:disabled.border[data-v-9021cac4]:active{background-color:#edeff0;border-color:#edeff0;color:#53575b}.third.colorized[data-v-9021cac4],.third.loading:disabled.colorized[data-v-9021cac4]{color:#a9afb4;background:transparent;border:none}.third.colorized[data-v-9021cac4]:hover,.third.colorized[data-v-9021cac4]:focus-visible,.third.colorized[data-v-9021cac4]:active,.third.loading:disabled.colorized[data-v-9021cac4]:hover,.third.loading:disabled.colorized[data-v-9021cac4]:focus-visible,.third.loading:disabled.colorized[data-v-9021cac4]:active{color:#53575b}.third.link[data-v-9021cac4],.third.loading:disabled.link[data-v-9021cac4]{color:#7b838c;text-decoration:underline}.danger[data-v-9021cac4],.danger.loading[data-v-9021cac4]:disabled{background-color:#ff6a63;border:1px solid #ff6a63;color:#fff}.danger[data-v-9021cac4]:hover,.danger[data-v-9021cac4]:focus-visible,.danger[data-v-9021cac4]:active,.danger.loading[data-v-9021cac4]:disabled:hover,.danger.loading[data-v-9021cac4]:disabled:focus-visible,.danger.loading[data-v-9021cac4]:disabled:active{background-color:#da564f;border-color:#da564f;color:#fff}.danger.borderless[data-v-9021cac4]:hover,.danger.borderless[data-v-9021cac4]:focus-visible,.danger.borderless[data-v-9021cac4]:active,.danger.loading:disabled.borderless[data-v-9021cac4]:hover,.danger.loading:disabled.borderless[data-v-9021cac4]:focus-visible,.danger.loading:disabled.borderless[data-v-9021cac4]:active{color:#ff6a63;background-color:#ffefee}.ghost[data-v-9021cac4],.ghost.loading[data-v-9021cac4]:disabled{background-color:transparent;border:1px solid #ffffff;color:#fff}.ghost[data-v-9021cac4]:hover,.ghost[data-v-9021cac4]:focus-visible,.ghost[data-v-9021cac4]:active,.ghost.loading[data-v-9021cac4]:disabled:hover,.ghost.loading[data-v-9021cac4]:disabled:focus-visible,.ghost.loading[data-v-9021cac4]:disabled:active{background:rgba(255,255,255,.15);border-color:#e5e7e9;color:#fff}.ghost.colorized[data-v-9021cac4],.ghost.loading:disabled.colorized[data-v-9021cac4]{color:#b7bbc0;background:transparent;border:none}.ghost.colorized[data-v-9021cac4]:hover,.ghost.colorized[data-v-9021cac4]:focus-visible,.ghost.colorized[data-v-9021cac4]:active,.ghost.loading:disabled.colorized[data-v-9021cac4]:hover,.ghost.loading:disabled.colorized[data-v-9021cac4]:focus-visible,.ghost.loading:disabled.colorized[data-v-9021cac4]:active{color:#fff}.borderless[data-v-9021cac4],.borderless.loading[data-v-9021cac4]:disabled{background-color:transparent;border:none;color:#53575b}.borderless[data-v-9021cac4]:hover,.borderless[data-v-9021cac4]:focus-visible,.borderless[data-v-9021cac4]:active,.borderless.loading[data-v-9021cac4]:disabled:hover,.borderless.loading[data-v-9021cac4]:disabled:focus-visible,.borderless.loading[data-v-9021cac4]:disabled:active{color:#53575b;background-color:#f1f3f4}.content[data-v-9021cac4]{justify-content:center;align-items:center;display:flex}.sm[data-v-9021cac4]{height:24px}.sm .content[data-v-9021cac4]{margin:0 12px;line-height:15px}.sm .loading[data-v-9021cac4]{margin:0 16px}.md[data-v-9021cac4]{height:32px}.md .content[data-v-9021cac4]{margin:0 16px;line-height:17px}.md .loading[data-v-9021cac4]{margin:0 24px}.lg[data-v-9021cac4]{height:40px}.lg .content[data-v-9021cac4]{margin:0 24px;line-height:16px}.lg .loading[data-v-9021cac4]{margin:0 24px}.link.sm[data-v-9021cac4],.link.md[data-v-9021cac4],.link.lg[data-v-9021cac4]{height:auto}.link.sm .content[data-v-9021cac4],.link.md .content[data-v-9021cac4],.link.lg .content[data-v-9021cac4]{margin:0}.loading[data-v-9021cac4]{vertical-align:middle}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.button-wrap[data-v-31e553e8]{border-radius:var(--border-radius-md);transition:all .2s ease;padding:0;min-width:auto;background-image:none;box-sizing:border-box;border:0}.contained.primary[data-v-31e553e8]{color:var(--primary-button-contrast-text);background:var(--primary-main)}.contained.primary[data-v-31e553e8]:hover{background:var(--primary-darker)}.contained.primary[data-v-31e553e8]:disabled{color:var(--text-disabled);background:var(--action-disabled-background);opacity:1}.contained.default[data-v-31e553e8]{color:var(--default-button-contrast-text);background:var(--default-main)}.contained.default[data-v-31e553e8]:hover{background:var(--default-light)}.contained.default[data-v-31e553e8]:disabled{color:var(--text-disabled);background:var(--action-disabled-background);opacity:1}.contained.danger[data-v-31e553e8]{color:var(--error-button-contrast-text);background:var(--error-main)}.contained.danger[data-v-31e553e8]:hover{background:var(--error-dark)}.contained.danger[data-v-31e553e8]:disabled{color:var(--text-disabled);background:var(--action-disabled-background);opacity:1}.contained.info[data-v-31e553e8]{color:var(--info-button-contrast-text);background:var(--info-main)}.contained.info[data-v-31e553e8]:hover{background:var(--info-dark)}.contained.info[data-v-31e553e8]:disabled{color:var(--text-disabled);background:var(--action-disabled-background);opacity:1}.contained.success[data-v-31e553e8]{color:var(--success-button-contrast-text);background:var(--success-main)}.contained.success[data-v-31e553e8]:hover{background:var(--success-dark)}.contained.success[data-v-31e553e8]:disabled{color:var(--text-disabled);background:var(--action-disabled-background);opacity:1}.contained.warning[data-v-31e553e8]{color:var(--warning-button-contrast-text);background:var(--warning-main)}.contained.warning[data-v-31e553e8]:hover{background:var(--warning-dark)}.contained.warning[data-v-31e553e8]:disabled{color:var(--text-disabled);background:var(--action-disabled-background);opacity:1}.contained.loading[data-v-31e553e8],.contained.loading[data-v-31e553e8]:hover{background:var(--action-disabled-background)}.outlined.primary[data-v-31e553e8]{color:var(--primary-main);background:var(--common-white);border:1px solid var(--primary-main)}.outlined.primary[data-v-31e553e8]:hover{background:var(--primary-lighter)}.outlined.primary[data-v-31e553e8]:disabled{color:var(--text-disabled);background:var(--common-white);border:1px solid var(--default-outlined-border);opacity:1}.outlined.default[data-v-31e553e8]{color:var(--text-primary);background:var(--common-white);border:1px solid var(--default-outlined-border)}.outlined.default[data-v-31e553e8]:hover{border:1px solid var(--action-active);background:var(--action-hover)}.outlined.default[data-v-31e553e8]:disabled{color:var(--text-disabled);background:var(--common-white);border:1px solid var(--default-outlined-border);opacity:1}.outlined.danger[data-v-31e553e8]{color:var(--error-main);background:var(--common-white);border:1px solid var(--error-main)}.outlined.danger[data-v-31e553e8]:hover{background:var(--error-lighter)}.outlined.danger[data-v-31e553e8]:disabled{color:var(--text-disabled);background:var(--common-white);border:1px solid var(--default-outlined-border);opacity:1}.outlined.info[data-v-31e553e8]{color:var(--info-main);background:var(--common-white);border:1px solid var(--info-main)}.outlined.info[data-v-31e553e8]:hover{background:var(--info-lighter)}.outlined.info[data-v-31e553e8]:disabled{color:var(--text-disabled);background:var(--common-white);border:1px solid var(--default-outlined-border);opacity:1}.outlined.success[data-v-31e553e8]{color:var(--success-main);background:var(--common-white);border:1px solid var(--success-main)}.outlined.success[data-v-31e553e8]:hover{background:var(--success-lighter)}.outlined.success[data-v-31e553e8]:disabled{color:var(--text-disabled);background:var(--common-white);border:1px solid var(--default-outlined-border);opacity:1}.outlined.warning[data-v-31e553e8]{color:var(--warning-darker);background:var(--common-white);border:1px solid var(--warning-darker)}.outlined.warning[data-v-31e553e8]:hover{background:var(--warning-lighter)}.outlined.warning[data-v-31e553e8]:disabled{color:var(--text-disabled);background:var(--common-white);border:1px solid var(--default-outlined-border);opacity:1}.outlined.loading[data-v-31e553e8],.outlined.loading[data-v-31e553e8]:hover{border:1px solid var(--common-divider);background:var(--action-disabled-background)}.text[data-v-31e553e8]{background:transparent}.text.primary[data-v-31e553e8]{color:var(--primary-main)}.text.primary[data-v-31e553e8]:hover{background:var(--primary-lighter)}.text.primary[data-v-31e553e8]:disabled{color:var(--text-disabled);opacity:1}.text.default[data-v-31e553e8]{color:var(--text-primary)}.text.default[data-v-31e553e8]:hover{background:var(--action-hover)}.text.default[data-v-31e553e8]:disabled{color:var(--text-disabled);opacity:1}.text.danger[data-v-31e553e8]{color:var(--error-main)}.text.danger[data-v-31e553e8]:hover{background:var(--error-lighter)}.text.danger[data-v-31e553e8]:disabled{color:var(--text-disabled);opacity:1}.text.info[data-v-31e553e8]{color:var(--info-main)}.text.info[data-v-31e553e8]:hover{background:var(--info-lighter)}.text.info[data-v-31e553e8]:disabled{color:var(--text-disabled);opacity:1}.text.success[data-v-31e553e8]{color:var(--success-main)}.text.success[data-v-31e553e8]:hover{background:var(--success-lighter)}.text.success[data-v-31e553e8]:disabled{color:var(--text-disabled);opacity:1}.text.warning[data-v-31e553e8]{color:var(--warning-darker)}.text.warning[data-v-31e553e8]:hover{background:var(--warning-lighter)}.text.warning[data-v-31e553e8]:disabled{color:var(--text-disabled);opacity:1}.text.loading[data-v-31e553e8],.text.loading[data-v-31e553e8]:hover{border:0;background:transparent}.small[data-v-31e553e8]{padding:2px 6px}.small.outlined[data-v-31e553e8]{padding:1px 5px}.medium[data-v-31e553e8]{padding:4px 8px}.medium.outlined[data-v-31e553e8]{padding:3px 7px}.large[data-v-31e553e8]{padding:10px 12px}.large.outlined[data-v-31e553e8]{padding:9px}.extraLarge[data-v-31e553e8]{padding:12px 14px}.extraLarge.outlined[data-v-31e553e8]{padding:11px 13px}.small[data-v-31e553e8],.medium[data-v-31e553e8],.large[data-v-31e553e8],.extraLarge[data-v-31e553e8]{height:auto}.flex[data-v-31e553e8]{display:flex;align-items:center}.start-icon[data-v-31e553e8]{margin-right:8px}.end-icon[data-v-31e553e8]{margin-left:8px}.loading.with-start-icon .content-with-icon[data-v-31e553e8]{padding-left:22px}.loading.with-end-icon .content-with-icon[data-v-31e553e8]{padding-right:22px}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.card-panel[data-v-3cda0f04]{border-radius:var(--border-radius-sm);border:1px solid var(--common-divider);background:var(--background-paper);padding:calc(var(--spacing-300) - 2px) var(--spacing-300)}.card-panel--has-next[data-v-3cda0f04]{border-bottom-right-radius:0;border-bottom-left-radius:0}.card-panel--has-next+.card-panel[data-v-3cda0f04]{border-top:0;border-top-right-radius:0;border-top-left-radius:0}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.label[data-v-d4f8e790]{color:#41454d}.v-enter-active[data-v-d4f8e790],.v-leave-active[data-v-d4f8e790]{transition:opacity .25s ease}ol[data-v-d4f8e790],ul[data-v-d4f8e790],menu[data-v-d4f8e790]{list-style:none;margin:0;padding:0}.dropdown[data-v-d4f8e790]{display:flex;flex-direction:column}.dropdown--disabled[data-v-d4f8e790]{opacity:.7}.list-container[data-v-d4f8e790]{padding:.5rem}.list-container--multi[data-v-d4f8e790]{margin-bottom:0}.v-popper__arrow-container[data-v-d4f8e790]{display:none}.helper-text[data-v-d4f8e790]{padding-top:.25rem;color:#696a6b}.helper-text--error[data-v-d4f8e790]{color:#da564f}.no-result-container[data-v-d4f8e790]{height:100%;display:flex;align-items:center}.no-result[data-v-d4f8e790]{color:#8e959d;padding-left:.5rem}.list[data-v-d4f8e790]{outline:none;display:flex;flex-direction:column;width:100%;min-height:2rem;border-radius:.5rem}.list--multi[data-v-d4f8e790]{margin-bottom:.5rem;border-bottom-left-radius:0;border-bottom-right-radius:0}.button__container[data-v-d4f8e790]{display:flex;justify-content:center;flex-direction:column;position:relative}.button__container[data-v-d4f8e790]:not(.button__container--disabled){cursor:pointer}.loader[data-v-d4f8e790]{color:#8e959d;display:flex;height:100%;margin-left:.375rem;justify-self:center;align-items:center}.loader-icon[data-v-d4f8e790]{margin-right:.25rem;display:flex}.button[data-v-d4f8e790]{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-d4f8e790]{height:2.5rem}.button[data-v-d4f8e790]:hover:not(.button--open):not(.button--disabled){color:#53575b;background:#edeff0}.button--open[data-v-d4f8e790],.button[data-v-d4f8e790]:focus-visible{background:linear-gradient(0deg,#3083ff 0,#3083ff 2px,#f1f3f4 0)}.image-slot[data-v-d4f8e790]{margin-right:.5rem}.angle-down[data-v-d4f8e790]{margin-left:auto;display:flex;color:#7b838c}.actions[data-v-d4f8e790]{display:flex;width:100%;margin-left:auto;padding:.75rem 1rem;border-top:1px solid #dddfe1;justify-content:flex-end}.actions[data-v-d4f8e790]:first-child{padding-right:.25rem}.apply-button[data-v-d4f8e790]{margin-left:.25rem}.dropdown-title__text[data-v-d4f8e790]{color:#41454d;border-bottom:1px solid #dddfe1;padding:1rem}.dropdown-title__search[data-v-d4f8e790]{padding:3px 0;width:100%;border-bottom:1px solid #dddfe1}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.add-filter-button[data-v-b42d8b45]{position:relative}div[data-v-b42d8b45]{display:block}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.title-wrapper[data-v-51b5b56d]{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-51b5b56d]{color:var(--action-active)}.v-enter-active[data-v-51b5b56d],.v-leave-active[data-v-51b5b56d]{transition:opacity .25s ease}.v-enter-from[data-v-51b5b56d],.v-leave-to[data-v-51b5b56d]{opacity:0}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.form-card[data-v-bb7d27f9]{border-radius:var(--border-radius-sm);border:1px solid var(--common-divider);background:var(--background-default)}.card-header[data-v-bb7d27f9]{display:flex;flex-direction:row;align-items:center;min-height:var(--spacing-700);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)}.card-content[data-v-bb7d27f9]{padding:var(--spacing-300) var(--spacing-400)}.card-content--no-padding[data-v-bb7d27f9]{padding:0}.form-actions[data-v-bb7d27f9]{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;min-height:var(--spacing-700)}.form-action[data-v-bb7d27f9]{margin-left:var(--spacing-100)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.label[data-v-6dffd3f6]{color:#41454d}.icon-base[data-v-6dffd3f6]{border-radius:50%;margin:0;height:auto;cursor:pointer;vertical-align:middle;appearance:none;text-decoration:none;text-align:center;overflow:visible;transition:background-color .15s cubic-bezier(.4,0,.2,1) 0ms}.loading.lg[data-v-6dffd3f6]{padding:8px}.loading.md[data-v-6dffd3f6]{padding:5px}.loading.sm[data-v-6dffd3f6]{padding:4px}.icon[data-v-6dffd3f6]:not(.loading):not(.colorized){display:flex;align-items:center;justify-content:center;font-size:1.125rem}.icon:not(.loading):not(.colorized).lg[data-v-6dffd3f6]{padding:8px;font-size:1.5rem}.icon:not(.loading):not(.colorized).md[data-v-6dffd3f6]{padding:5px;font-size:1.125rem}.icon:not(.loading):not(.colorized).sm[data-v-6dffd3f6]{padding:4px;font-size:1rem}.icon:not(.loading).colorized[data-v-6dffd3f6]{display:flex;align-items:center;justify-content:center}.icon:not(.loading).colorized.xs[data-v-6dffd3f6]{font-size:1rem}.icon:not(.loading).colorized.sm[data-v-6dffd3f6]{font-size:1.125rem}.icon[data-v-6dffd3f6],.loading[data-v-6dffd3f6]{vertical-align:middle}.icon.border[data-v-6dffd3f6]{border:none}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.label[data-v-67e53b85]{color:#41454d}.menu-item[data-v-67e53b85]{display:flex;padding:12px 8px;align-items:center;border-radius:8px;cursor:pointer;color:#41454d}.menu-item[data-v-67e53b85]:hover{background:#f7f8f9}.start-icon[data-v-67e53b85]{margin-right:8px;color:#b7bbc0;display:flex}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
div[data-v-25eb53db]{display:block}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.toggle .toggle-body[data-v-ef31fecc]:hover{outline-color:var(--action-active)}.toggle .toggle-disabled[data-v-ef31fecc]{background-color:var(--action-disabled-background);outline-color:var(--action-outlined-border)}.toggle .toggle-disabled .toggle-head[data-v-ef31fecc]{background-color:var(--action-disabled)}.toggle .toggle-disabled[data-v-ef31fecc]:hover{outline-color:var(--action-outlined-border)}.toggle--color-primary .toggle-active[data-v-ef31fecc]{background-color:var(--primary-main);outline-color:var(--primary-dark)}.toggle--color-primary .toggle-active .toggle-head[data-v-ef31fecc]{background-color:var(--common-white)}.toggle--color-primary .toggle-active .loader[data-v-ef31fecc]{border-color:var(--primary-darker);border-bottom-color:transparent}.toggle--color-primary .toggle-active[data-v-ef31fecc]:hover{background-color:var(--primary-main-50-p);outline-color:var(--primary-main)}.toggle--color-primary .toggle-active.toggle-disabled[data-v-ef31fecc]{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-ef31fecc]{background-color:var(--primary-main-50-p)}.toggle--color-test .toggle-active[data-v-ef31fecc]{background-color:var(--warning-main);outline-color:var(--warning-dark)}.toggle--color-test .toggle-active .toggle-head[data-v-ef31fecc]{background-color:var(--common-white)}.toggle--color-test .toggle-active .loader[data-v-ef31fecc]{border-color:var(--warning-darker);border-bottom-color:transparent}.toggle--color-test .toggle-active[data-v-ef31fecc]:hover{background-color:var(--warning-main-50-p);outline-color:var(--warning-dark)}.toggle--color-test .toggle-active.toggle-disabled[data-v-ef31fecc]{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-ef31fecc]{background-color:var(--warning-main-50-p)}.toggle--size-small .toggle-body[data-v-ef31fecc],.toggle--size-small .toggle-wrap[data-v-ef31fecc]{height:1rem}.toggle--size-small .toggle-active .toggle-head[data-v-ef31fecc]{transform:translate(.75rem)}.toggle--size-small .toggle-head[data-v-ef31fecc]{width:.75rem;height:.75rem}.toggle--size-small .toggle-body[data-v-ef31fecc]{width:1.75rem}.toggle--size-small .loader[data-v-ef31fecc]{width:9px;height:9px}.toggle--size-medium .toggle-body[data-v-ef31fecc],.toggle--size-medium .toggle-wrap[data-v-ef31fecc]{height:1.25rem}.toggle--size-medium .toggle-active .toggle-head[data-v-ef31fecc]{transform:translate(1rem)}.toggle--size-medium .toggle-head[data-v-ef31fecc]{width:1rem;height:1rem}.toggle--size-medium .toggle-body[data-v-ef31fecc]{width:2.25rem}.toggle--size-medium .loader[data-v-ef31fecc]{width:12px;height:12px}.toggle-wrap[data-v-ef31fecc]{display:flex;align-items:center;gap:var(--spacing-50)}.toggle-body[data-v-ef31fecc]{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;margin-right:var(--spacing-100)}.toggle-body.toggle-disabled[data-v-ef31fecc]{cursor:default}.toggle-head[data-v-ef31fecc]{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-ef31fecc]{display:none}.toggle-text[data-v-ef31fecc]{color:var(--text-primary)}.feedback-text[data-v-ef31fecc]{display:block;padding-top:var(--spacing-150)}.info-icon[data-v-ef31fecc]{color:var(--action-active)}.loader[data-v-ef31fecc]{border:1px solid var(--action-active);border-bottom-color:transparent;border-radius:100%;display:inline-block;box-sizing:border-box;animation:rotation-ef31fecc 1s linear infinite}.loader.loader-active[data-v-ef31fecc]{border-bottom-color:transparent}@keyframes rotation-ef31fecc{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
div[data-v-9020a179]{display:block}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
div[data-v-21f12d1a]{display:block}
|
|
@@ -1,15 +1,14 @@
|
|
|
1
|
-
import "../../AppTrigger.vue_vue_type_style_index_0_scoped_121aac8b_lang.css"; import { defineComponent as w, computed as t, openBlock as
|
|
1
|
+
import "../../AppTrigger.vue_vue_type_style_index_0_scoped_121aac8b_lang.css"; import { defineComponent as w, computed as t, openBlock as m, createElementBlock as L, normalizeClass as S, unref as e, renderSlot as c, createElementVNode as f, createBlock as v, createCommentVNode as D, createVNode as s, withCtx as p, createTextVNode as z, toDisplayString as N } from "vue";
|
|
2
2
|
import V from "../appIcon/AppIcon.vue.js";
|
|
3
3
|
import "../button/v3/Button.vue.js";
|
|
4
4
|
import X from "../button/v3/IconButton.vue.js";
|
|
5
5
|
import "../button/v3/ScrollButton.vue.js";
|
|
6
6
|
import T from "../icon/v3/Icon.vue.js";
|
|
7
|
-
import "../tooltip/v3/Tooltip.vue.js";
|
|
7
|
+
import O from "../tooltip/v3/Tooltip.vue.js";
|
|
8
8
|
import "../typography/Heading.vue.js";
|
|
9
|
-
import
|
|
9
|
+
import k from "../typography/Text.vue.js";
|
|
10
10
|
import { AppTriggerTestIdModifiers as o } from "../../testids/index.js";
|
|
11
|
-
|
|
12
|
-
const b = ["data-testid"], G = { class: "app-trigger__left-image" }, ee = /* @__PURE__ */ w({
|
|
11
|
+
const b = ["data-testid"], G = { class: "app-trigger__left-image" }, Z = /* @__PURE__ */ w({
|
|
13
12
|
__name: "AppTrigger",
|
|
14
13
|
props: {
|
|
15
14
|
selected: { default: null },
|
|
@@ -19,22 +18,22 @@ const b = ["data-testid"], G = { class: "app-trigger__left-image" }, ee = /* @__
|
|
|
19
18
|
testId: { default: "" }
|
|
20
19
|
},
|
|
21
20
|
setup(l) {
|
|
22
|
-
const n = l, y = "All apps selected", B = "No apps to select", $ = t(() => n.singleAppSelection && h.value ? B : n.singleAppSelection && u.value ? `${i.value?.name}` :
|
|
21
|
+
const n = l, y = "All apps selected", B = "No apps to select", $ = t(() => n.singleAppSelection && h.value ? B : n.singleAppSelection && u.value ? `${i.value?.name}` : g.value ? y : u.value ? `${i.value?.name}` : `${a.value} apps selected`), C = "widgetsz", x = "cube-background", P = t(
|
|
23
22
|
() => n.singleAppSelection && h.value ? x : C
|
|
24
|
-
), I = t(() => !
|
|
25
|
-
return (d, M) => (
|
|
23
|
+
), I = t(() => !g.value || n.singleAppSelection && u.value ? i.value.platform.toLowerCase() : null), A = t(() => !a.value || !r.value ? "" : i.value?.icon), _ = t(() => n.loading ? "" : u.value ? i.value.appKey : g.value ? R.value : a.value <= 0 ? `${i.value?.name}` : `${i.value?.name} and ${a.value - 1}+`), a = t(() => n.selected?.length || 0), r = t(() => n.options?.length || 0), u = t(() => a.value === 1), h = t(() => r.value === 0), g = t(() => n.loading || r.value === a.value || !a.value), R = t(() => r.value === 1 ? `${E.value?.name}` : `${E.value?.name} and ${r.value - 1}+`), i = t(() => n.selected?.[0]), E = t(() => n.options?.[0]);
|
|
24
|
+
return (d, M) => (m(), L("div", {
|
|
26
25
|
class: S(["app-trigger", {
|
|
27
|
-
"app-trigger--with-icons": e(a) > 0 || e(
|
|
26
|
+
"app-trigger--with-icons": e(a) > 0 || e(g)
|
|
28
27
|
}]),
|
|
29
28
|
"data-testid": `${l.testId}-${e(o).WRAPPER}`
|
|
30
29
|
}, [
|
|
31
30
|
c(d.$slots, "left-image", {}, () => [
|
|
32
31
|
f("div", G, [
|
|
33
|
-
e(
|
|
32
|
+
e(A) ? (m(), v(e(V), {
|
|
34
33
|
key: 0,
|
|
35
34
|
size: "xl",
|
|
36
|
-
src: e(
|
|
37
|
-
}, null, 8, ["src"])) : (
|
|
35
|
+
src: e(A)
|
|
36
|
+
}, null, 8, ["src"])) : (m(), v(e(T), {
|
|
38
37
|
key: 1,
|
|
39
38
|
class: "trigger-icon",
|
|
40
39
|
"font-size": "2rem",
|
|
@@ -43,7 +42,7 @@ const b = ["data-testid"], G = { class: "app-trigger__left-image" }, ee = /* @__
|
|
|
43
42
|
])
|
|
44
43
|
], !0),
|
|
45
44
|
c(d.$slots, "left-icon", {}, () => [
|
|
46
|
-
e(I) ? (
|
|
45
|
+
e(I) ? (m(), v(e(T), {
|
|
47
46
|
key: 0,
|
|
48
47
|
class: "app-trigger__left-icon",
|
|
49
48
|
name: e(I),
|
|
@@ -57,12 +56,12 @@ const b = ["data-testid"], G = { class: "app-trigger__left-image" }, ee = /* @__
|
|
|
57
56
|
}])
|
|
58
57
|
}, [
|
|
59
58
|
c(d.$slots, "title", {}, () => [
|
|
60
|
-
s(e(
|
|
59
|
+
s(e(O), {
|
|
61
60
|
text: e($),
|
|
62
61
|
"data-testid": `${l.testId}-${e(o).TITLE_TOOLTIP_TEXT}`
|
|
63
62
|
}, {
|
|
64
63
|
default: p(() => [
|
|
65
|
-
s(e(
|
|
64
|
+
s(e(k), {
|
|
66
65
|
strong: "",
|
|
67
66
|
class: "title",
|
|
68
67
|
"is-truncated": "",
|
|
@@ -80,19 +79,19 @@ const b = ["data-testid"], G = { class: "app-trigger__left-image" }, ee = /* @__
|
|
|
80
79
|
], !0),
|
|
81
80
|
c(d.$slots, "description", {}, () => [
|
|
82
81
|
f("div", null, [
|
|
83
|
-
s(e(
|
|
84
|
-
text: e(
|
|
82
|
+
s(e(O), {
|
|
83
|
+
text: e(_),
|
|
85
84
|
"data-testid": `${l.testId}-${e(o).DESCRIPTION_TOOLTIP_TEXT}`
|
|
86
85
|
}, {
|
|
87
86
|
default: p(() => [
|
|
88
|
-
s(e(
|
|
87
|
+
s(e(k), {
|
|
89
88
|
class: "app-trigger__description",
|
|
90
89
|
size: "xs",
|
|
91
90
|
"is-truncated": "",
|
|
92
91
|
"test-id": `${l.testId}-${e(o).DESCRIPTION_TEXT}`
|
|
93
92
|
}, {
|
|
94
93
|
default: p(() => [
|
|
95
|
-
z(N(e(
|
|
94
|
+
z(N(e(_)), 1)
|
|
96
95
|
]),
|
|
97
96
|
_: 1
|
|
98
97
|
}, 8, ["test-id"])
|
|
@@ -121,5 +120,5 @@ const b = ["data-testid"], G = { class: "app-trigger__left-image" }, ee = /* @__
|
|
|
121
120
|
}
|
|
122
121
|
});
|
|
123
122
|
export {
|
|
124
|
-
|
|
123
|
+
Z as default
|
|
125
124
|
};
|
|
@@ -1,52 +1,29 @@
|
|
|
1
1
|
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
|
|
2
|
-
size?: "sm" | "md" | "lg";
|
|
3
|
-
variant?: "link" | "solid" | "border" | "borderless" | "ghost" | "colorized";
|
|
4
|
-
theme?: "primary" | "secondary" | "third" | "danger";
|
|
5
|
-
loading?: boolean;
|
|
6
|
-
isTruncated?: boolean;
|
|
7
|
-
strong?: boolean;
|
|
8
2
|
leftIconName?: "filter" | "a" | "b" | "link" | "style" | "image" | "switch" | "search" | "FiltersSearch" | "a-2" | "ab-test" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "add" | "analytics" | "android" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "app-store" | "area-chart" | "arrow-back" | "arrow-downward" | "arrow-forward" | "arrow-left" | "arrow-right" | "arrow-sort-down" | "arrow-sort-up" | "arrow-upward" | "auto-awesome" | "auto-mode" | "hammer" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "block" | "border-color" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "cancel" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close" | "close-bold" | "computer-mouse" | "copy-to-clipboard" | "widgets-flat-squares" | "adjust" | "copy-to-clipboard-filled" | "cube" | "cube-background" | "marketing" | "create" | "creative" | "cross" | "crown-fill" | "cup" | "cup-a" | "cup-b" | "delete" | "diamond" | "dots" | "download" | "download-2" | "download-done" | "drag-indicator" | "ecpi" | "email" | "email-envelope" | "error" | "eye" | "favorite-border" | "filter-list" | "frame" | "fullscreen" | "fullscreen-exit" | "functions" | "gamepad-alt" | "games" | "gavel" | "gift" | "git-hub" | "globe-stand" | "google-play" | "group" | "hand-pointer" | "hands" | "heartbeat" | "help" | "help-outline" | "history" | "ios" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info" | "info-outline" | "insights" | "interstitial" | "ios-14" | "js" | "landscape" | "launch" | "levelplay" | "limit-circle" | "limit-octagon" | "loading-clean" | "lock" | "lock-open" | "login" | "logout" | "military-tech" | "mix" | "mix-2" | "mobile-landscape" | "mobile-portrait" | "money-check" | "more-horiz" | "more-vert" | "mouse" | "mouse-pointer" | "moving-up" | "notifications-none" | "offerwall" | "palyable" | "paper-plane-off" | "paper-plane" | "pause" | "pause-circle-filled" | "pause-circle-outline" | "phone-iphone" | "photo" | "photo-2" | "play-arrow" | "play-circle-filled-white" | "play-circle-outline" | "qrcode" | "quick-ab" | "quick-ab-2" | "react" | "redo" | "refresh" | "remove" | "replay" | "rewarded-video" | "rocket-launch" | "rotate" | "route" | "sack-dollar" | "schedule" | "search-bold" | "share" | "slack" | "sports-esports" | "star" | "star-fill" | "status-banner" | "status-interstitial" | "status-offerwall" | "status-rewarded-video" | "stop-circle-filled" | "stop-circle-outline" | "success" | "success-full" | "table-edit" | "tablet-landscape" | "tablet-mac" | "tablet-portrait" | "texture" | "theme-dark" | "theme-light" | "timelapse" | "timeline" | "trending-down" | "trending-flat" | "trending-up" | "tune" | "two-tone-banner" | "two-tone-interstitial" | "two-tone-offerwall" | "two-tone-rewarded-video" | "undo" | "unfold-less" | "unfold-more" | "vertical-align-top" | "vertical-align-top-2" | "vibration" | "video-round" | "view-carousel" | "visibility" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad" | "question" | "info-v4" | "check-v4" | "warning-circle" | "eye-v4" | "eye-slash" | "warning-v4" | "check-circle" | "warning-octagon";
|
|
9
3
|
rightIconName?: "filter" | "a" | "b" | "link" | "style" | "image" | "switch" | "search" | "FiltersSearch" | "a-2" | "ab-test" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "add" | "analytics" | "android" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "app-store" | "area-chart" | "arrow-back" | "arrow-downward" | "arrow-forward" | "arrow-left" | "arrow-right" | "arrow-sort-down" | "arrow-sort-up" | "arrow-upward" | "auto-awesome" | "auto-mode" | "hammer" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "block" | "border-color" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "cancel" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close" | "close-bold" | "computer-mouse" | "copy-to-clipboard" | "widgets-flat-squares" | "adjust" | "copy-to-clipboard-filled" | "cube" | "cube-background" | "marketing" | "create" | "creative" | "cross" | "crown-fill" | "cup" | "cup-a" | "cup-b" | "delete" | "diamond" | "dots" | "download" | "download-2" | "download-done" | "drag-indicator" | "ecpi" | "email" | "email-envelope" | "error" | "eye" | "favorite-border" | "filter-list" | "frame" | "fullscreen" | "fullscreen-exit" | "functions" | "gamepad-alt" | "games" | "gavel" | "gift" | "git-hub" | "globe-stand" | "google-play" | "group" | "hand-pointer" | "hands" | "heartbeat" | "help" | "help-outline" | "history" | "ios" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info" | "info-outline" | "insights" | "interstitial" | "ios-14" | "js" | "landscape" | "launch" | "levelplay" | "limit-circle" | "limit-octagon" | "loading-clean" | "lock" | "lock-open" | "login" | "logout" | "military-tech" | "mix" | "mix-2" | "mobile-landscape" | "mobile-portrait" | "money-check" | "more-horiz" | "more-vert" | "mouse" | "mouse-pointer" | "moving-up" | "notifications-none" | "offerwall" | "palyable" | "paper-plane-off" | "paper-plane" | "pause" | "pause-circle-filled" | "pause-circle-outline" | "phone-iphone" | "photo" | "photo-2" | "play-arrow" | "play-circle-filled-white" | "play-circle-outline" | "qrcode" | "quick-ab" | "quick-ab-2" | "react" | "redo" | "refresh" | "remove" | "replay" | "rewarded-video" | "rocket-launch" | "rotate" | "route" | "sack-dollar" | "schedule" | "search-bold" | "share" | "slack" | "sports-esports" | "star" | "star-fill" | "status-banner" | "status-interstitial" | "status-offerwall" | "status-rewarded-video" | "stop-circle-filled" | "stop-circle-outline" | "success" | "success-full" | "table-edit" | "tablet-landscape" | "tablet-mac" | "tablet-portrait" | "texture" | "theme-dark" | "theme-light" | "timelapse" | "timeline" | "trending-down" | "trending-flat" | "trending-up" | "tune" | "two-tone-banner" | "two-tone-interstitial" | "two-tone-offerwall" | "two-tone-rewarded-video" | "undo" | "unfold-less" | "unfold-more" | "vertical-align-top" | "vertical-align-top-2" | "vibration" | "video-round" | "view-carousel" | "visibility" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad" | "question" | "info-v4" | "check-v4" | "warning-circle" | "eye-v4" | "eye-slash" | "warning-v4" | "check-circle" | "warning-octagon";
|
|
4
|
+
size?: "sm" | "md" | "lg";
|
|
10
5
|
testId?: string;
|
|
11
6
|
}>, {
|
|
12
|
-
size: string;
|
|
13
|
-
variant: string;
|
|
14
|
-
theme: string;
|
|
15
|
-
loading: boolean;
|
|
16
|
-
strong: boolean;
|
|
17
7
|
leftIconName: any;
|
|
18
8
|
rightIconName: any;
|
|
9
|
+
size: string;
|
|
19
10
|
testId: string;
|
|
20
11
|
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
|
|
21
|
-
size?: "sm" | "md" | "lg";
|
|
22
|
-
variant?: "link" | "solid" | "border" | "borderless" | "ghost" | "colorized";
|
|
23
|
-
theme?: "primary" | "secondary" | "third" | "danger";
|
|
24
|
-
loading?: boolean;
|
|
25
|
-
isTruncated?: boolean;
|
|
26
|
-
strong?: boolean;
|
|
27
12
|
leftIconName?: "filter" | "a" | "b" | "link" | "style" | "image" | "switch" | "search" | "FiltersSearch" | "a-2" | "ab-test" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "add" | "analytics" | "android" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "app-store" | "area-chart" | "arrow-back" | "arrow-downward" | "arrow-forward" | "arrow-left" | "arrow-right" | "arrow-sort-down" | "arrow-sort-up" | "arrow-upward" | "auto-awesome" | "auto-mode" | "hammer" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "block" | "border-color" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "cancel" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close" | "close-bold" | "computer-mouse" | "copy-to-clipboard" | "widgets-flat-squares" | "adjust" | "copy-to-clipboard-filled" | "cube" | "cube-background" | "marketing" | "create" | "creative" | "cross" | "crown-fill" | "cup" | "cup-a" | "cup-b" | "delete" | "diamond" | "dots" | "download" | "download-2" | "download-done" | "drag-indicator" | "ecpi" | "email" | "email-envelope" | "error" | "eye" | "favorite-border" | "filter-list" | "frame" | "fullscreen" | "fullscreen-exit" | "functions" | "gamepad-alt" | "games" | "gavel" | "gift" | "git-hub" | "globe-stand" | "google-play" | "group" | "hand-pointer" | "hands" | "heartbeat" | "help" | "help-outline" | "history" | "ios" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info" | "info-outline" | "insights" | "interstitial" | "ios-14" | "js" | "landscape" | "launch" | "levelplay" | "limit-circle" | "limit-octagon" | "loading-clean" | "lock" | "lock-open" | "login" | "logout" | "military-tech" | "mix" | "mix-2" | "mobile-landscape" | "mobile-portrait" | "money-check" | "more-horiz" | "more-vert" | "mouse" | "mouse-pointer" | "moving-up" | "notifications-none" | "offerwall" | "palyable" | "paper-plane-off" | "paper-plane" | "pause" | "pause-circle-filled" | "pause-circle-outline" | "phone-iphone" | "photo" | "photo-2" | "play-arrow" | "play-circle-filled-white" | "play-circle-outline" | "qrcode" | "quick-ab" | "quick-ab-2" | "react" | "redo" | "refresh" | "remove" | "replay" | "rewarded-video" | "rocket-launch" | "rotate" | "route" | "sack-dollar" | "schedule" | "search-bold" | "share" | "slack" | "sports-esports" | "star" | "star-fill" | "status-banner" | "status-interstitial" | "status-offerwall" | "status-rewarded-video" | "stop-circle-filled" | "stop-circle-outline" | "success" | "success-full" | "table-edit" | "tablet-landscape" | "tablet-mac" | "tablet-portrait" | "texture" | "theme-dark" | "theme-light" | "timelapse" | "timeline" | "trending-down" | "trending-flat" | "trending-up" | "tune" | "two-tone-banner" | "two-tone-interstitial" | "two-tone-offerwall" | "two-tone-rewarded-video" | "undo" | "unfold-less" | "unfold-more" | "vertical-align-top" | "vertical-align-top-2" | "vibration" | "video-round" | "view-carousel" | "visibility" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad" | "question" | "info-v4" | "check-v4" | "warning-circle" | "eye-v4" | "eye-slash" | "warning-v4" | "check-circle" | "warning-octagon";
|
|
28
13
|
rightIconName?: "filter" | "a" | "b" | "link" | "style" | "image" | "switch" | "search" | "FiltersSearch" | "a-2" | "ab-test" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "add" | "analytics" | "android" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "app-store" | "area-chart" | "arrow-back" | "arrow-downward" | "arrow-forward" | "arrow-left" | "arrow-right" | "arrow-sort-down" | "arrow-sort-up" | "arrow-upward" | "auto-awesome" | "auto-mode" | "hammer" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "block" | "border-color" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "cancel" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close" | "close-bold" | "computer-mouse" | "copy-to-clipboard" | "widgets-flat-squares" | "adjust" | "copy-to-clipboard-filled" | "cube" | "cube-background" | "marketing" | "create" | "creative" | "cross" | "crown-fill" | "cup" | "cup-a" | "cup-b" | "delete" | "diamond" | "dots" | "download" | "download-2" | "download-done" | "drag-indicator" | "ecpi" | "email" | "email-envelope" | "error" | "eye" | "favorite-border" | "filter-list" | "frame" | "fullscreen" | "fullscreen-exit" | "functions" | "gamepad-alt" | "games" | "gavel" | "gift" | "git-hub" | "globe-stand" | "google-play" | "group" | "hand-pointer" | "hands" | "heartbeat" | "help" | "help-outline" | "history" | "ios" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info" | "info-outline" | "insights" | "interstitial" | "ios-14" | "js" | "landscape" | "launch" | "levelplay" | "limit-circle" | "limit-octagon" | "loading-clean" | "lock" | "lock-open" | "login" | "logout" | "military-tech" | "mix" | "mix-2" | "mobile-landscape" | "mobile-portrait" | "money-check" | "more-horiz" | "more-vert" | "mouse" | "mouse-pointer" | "moving-up" | "notifications-none" | "offerwall" | "palyable" | "paper-plane-off" | "paper-plane" | "pause" | "pause-circle-filled" | "pause-circle-outline" | "phone-iphone" | "photo" | "photo-2" | "play-arrow" | "play-circle-filled-white" | "play-circle-outline" | "qrcode" | "quick-ab" | "quick-ab-2" | "react" | "redo" | "refresh" | "remove" | "replay" | "rewarded-video" | "rocket-launch" | "rotate" | "route" | "sack-dollar" | "schedule" | "search-bold" | "share" | "slack" | "sports-esports" | "star" | "star-fill" | "status-banner" | "status-interstitial" | "status-offerwall" | "status-rewarded-video" | "stop-circle-filled" | "stop-circle-outline" | "success" | "success-full" | "table-edit" | "tablet-landscape" | "tablet-mac" | "tablet-portrait" | "texture" | "theme-dark" | "theme-light" | "timelapse" | "timeline" | "trending-down" | "trending-flat" | "trending-up" | "tune" | "two-tone-banner" | "two-tone-interstitial" | "two-tone-offerwall" | "two-tone-rewarded-video" | "undo" | "unfold-less" | "unfold-more" | "vertical-align-top" | "vertical-align-top-2" | "vibration" | "video-round" | "view-carousel" | "visibility" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad" | "question" | "info-v4" | "check-v4" | "warning-circle" | "eye-v4" | "eye-slash" | "warning-v4" | "check-circle" | "warning-octagon";
|
|
14
|
+
size?: "sm" | "md" | "lg";
|
|
29
15
|
testId?: string;
|
|
30
16
|
}>, {
|
|
31
|
-
size: string;
|
|
32
|
-
variant: string;
|
|
33
|
-
theme: string;
|
|
34
|
-
loading: boolean;
|
|
35
|
-
strong: boolean;
|
|
36
17
|
leftIconName: any;
|
|
37
18
|
rightIconName: any;
|
|
19
|
+
size: string;
|
|
38
20
|
testId: string;
|
|
39
21
|
}>>>, {
|
|
40
|
-
strong: boolean;
|
|
41
|
-
theme: "primary" | "secondary" | "third" | "danger";
|
|
42
22
|
size: "sm" | "md" | "lg";
|
|
43
23
|
testId: string;
|
|
44
|
-
variant: "link" | "solid" | "border" | "borderless" | "ghost" | "colorized";
|
|
45
|
-
loading: boolean;
|
|
46
24
|
leftIconName: "filter" | "a" | "b" | "link" | "style" | "image" | "switch" | "search" | "FiltersSearch" | "a-2" | "ab-test" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "add" | "analytics" | "android" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "app-store" | "area-chart" | "arrow-back" | "arrow-downward" | "arrow-forward" | "arrow-left" | "arrow-right" | "arrow-sort-down" | "arrow-sort-up" | "arrow-upward" | "auto-awesome" | "auto-mode" | "hammer" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "block" | "border-color" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "cancel" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close" | "close-bold" | "computer-mouse" | "copy-to-clipboard" | "widgets-flat-squares" | "adjust" | "copy-to-clipboard-filled" | "cube" | "cube-background" | "marketing" | "create" | "creative" | "cross" | "crown-fill" | "cup" | "cup-a" | "cup-b" | "delete" | "diamond" | "dots" | "download" | "download-2" | "download-done" | "drag-indicator" | "ecpi" | "email" | "email-envelope" | "error" | "eye" | "favorite-border" | "filter-list" | "frame" | "fullscreen" | "fullscreen-exit" | "functions" | "gamepad-alt" | "games" | "gavel" | "gift" | "git-hub" | "globe-stand" | "google-play" | "group" | "hand-pointer" | "hands" | "heartbeat" | "help" | "help-outline" | "history" | "ios" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info" | "info-outline" | "insights" | "interstitial" | "ios-14" | "js" | "landscape" | "launch" | "levelplay" | "limit-circle" | "limit-octagon" | "loading-clean" | "lock" | "lock-open" | "login" | "logout" | "military-tech" | "mix" | "mix-2" | "mobile-landscape" | "mobile-portrait" | "money-check" | "more-horiz" | "more-vert" | "mouse" | "mouse-pointer" | "moving-up" | "notifications-none" | "offerwall" | "palyable" | "paper-plane-off" | "paper-plane" | "pause" | "pause-circle-filled" | "pause-circle-outline" | "phone-iphone" | "photo" | "photo-2" | "play-arrow" | "play-circle-filled-white" | "play-circle-outline" | "qrcode" | "quick-ab" | "quick-ab-2" | "react" | "redo" | "refresh" | "remove" | "replay" | "rewarded-video" | "rocket-launch" | "rotate" | "route" | "sack-dollar" | "schedule" | "search-bold" | "share" | "slack" | "sports-esports" | "star" | "star-fill" | "status-banner" | "status-interstitial" | "status-offerwall" | "status-rewarded-video" | "stop-circle-filled" | "stop-circle-outline" | "success" | "success-full" | "table-edit" | "tablet-landscape" | "tablet-mac" | "tablet-portrait" | "texture" | "theme-dark" | "theme-light" | "timelapse" | "timeline" | "trending-down" | "trending-flat" | "trending-up" | "tune" | "two-tone-banner" | "two-tone-interstitial" | "two-tone-offerwall" | "two-tone-rewarded-video" | "undo" | "unfold-less" | "unfold-more" | "vertical-align-top" | "vertical-align-top-2" | "vibration" | "video-round" | "view-carousel" | "visibility" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad" | "question" | "info-v4" | "check-v4" | "warning-circle" | "eye-v4" | "eye-slash" | "warning-v4" | "check-circle" | "warning-octagon";
|
|
47
25
|
rightIconName: "filter" | "a" | "b" | "link" | "style" | "image" | "switch" | "search" | "FiltersSearch" | "a-2" | "ab-test" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "add" | "analytics" | "android" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "app-store" | "area-chart" | "arrow-back" | "arrow-downward" | "arrow-forward" | "arrow-left" | "arrow-right" | "arrow-sort-down" | "arrow-sort-up" | "arrow-upward" | "auto-awesome" | "auto-mode" | "hammer" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "block" | "border-color" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "cancel" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close" | "close-bold" | "computer-mouse" | "copy-to-clipboard" | "widgets-flat-squares" | "adjust" | "copy-to-clipboard-filled" | "cube" | "cube-background" | "marketing" | "create" | "creative" | "cross" | "crown-fill" | "cup" | "cup-a" | "cup-b" | "delete" | "diamond" | "dots" | "download" | "download-2" | "download-done" | "drag-indicator" | "ecpi" | "email" | "email-envelope" | "error" | "eye" | "favorite-border" | "filter-list" | "frame" | "fullscreen" | "fullscreen-exit" | "functions" | "gamepad-alt" | "games" | "gavel" | "gift" | "git-hub" | "globe-stand" | "google-play" | "group" | "hand-pointer" | "hands" | "heartbeat" | "help" | "help-outline" | "history" | "ios" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info" | "info-outline" | "insights" | "interstitial" | "ios-14" | "js" | "landscape" | "launch" | "levelplay" | "limit-circle" | "limit-octagon" | "loading-clean" | "lock" | "lock-open" | "login" | "logout" | "military-tech" | "mix" | "mix-2" | "mobile-landscape" | "mobile-portrait" | "money-check" | "more-horiz" | "more-vert" | "mouse" | "mouse-pointer" | "moving-up" | "notifications-none" | "offerwall" | "palyable" | "paper-plane-off" | "paper-plane" | "pause" | "pause-circle-filled" | "pause-circle-outline" | "phone-iphone" | "photo" | "photo-2" | "play-arrow" | "play-circle-filled-white" | "play-circle-outline" | "qrcode" | "quick-ab" | "quick-ab-2" | "react" | "redo" | "refresh" | "remove" | "replay" | "rewarded-video" | "rocket-launch" | "rotate" | "route" | "sack-dollar" | "schedule" | "search-bold" | "share" | "slack" | "sports-esports" | "star" | "star-fill" | "status-banner" | "status-interstitial" | "status-offerwall" | "status-rewarded-video" | "stop-circle-filled" | "stop-circle-outline" | "success" | "success-full" | "table-edit" | "tablet-landscape" | "tablet-mac" | "tablet-portrait" | "texture" | "theme-dark" | "theme-light" | "timelapse" | "timeline" | "trending-down" | "trending-flat" | "trending-up" | "tune" | "two-tone-banner" | "two-tone-interstitial" | "two-tone-offerwall" | "two-tone-rewarded-video" | "undo" | "unfold-less" | "unfold-more" | "vertical-align-top" | "vertical-align-top-2" | "vibration" | "video-round" | "view-carousel" | "visibility" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad" | "question" | "info-v4" | "check-v4" | "warning-circle" | "eye-v4" | "eye-slash" | "warning-v4" | "check-circle" | "warning-octagon";
|
|
48
26
|
}>, {
|
|
49
|
-
content?(_: {}): any;
|
|
50
27
|
default?(_: {}): any;
|
|
51
28
|
loader?(_: {}): any;
|
|
52
29
|
}>;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./Button.vue2.js";
|
|
2
2
|
/* empty css */import t from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
3
|
-
// import "../../../Button.
|
|
4
|
-
const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-
|
|
3
|
+
// import "../../../Button.vue_vue_type_style_index_0_scoped_35545b8c_lang.css"; //*');
|
|
4
|
+
const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-35545b8c"]]);
|
|
5
5
|
export {
|
|
6
6
|
c as default
|
|
7
7
|
};
|
|
@@ -1,91 +1,59 @@
|
|
|
1
|
-
import "../../../Button.
|
|
2
|
-
import "../../
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
|
|
6
|
-
import w from "../icon/LoaderDotsIcon.vue.js";
|
|
7
|
-
const C = ["data-testid"], W = { key: 0 }, D = /* @__PURE__ */ N({
|
|
1
|
+
import "../../../Button.vue_vue_type_style_index_0_scoped_35545b8c_lang.css"; import { defineComponent as d, computed as f, openBlock as n, createBlock as a, mergeProps as u, createSlots as I, withCtx as m, createElementVNode as z, normalizeClass as N, unref as o, createCommentVNode as s, renderSlot as c } from "vue";
|
|
2
|
+
import r from "../../icon/v3/Icon.vue.js";
|
|
3
|
+
import h from "./ButtonBase.vue.js";
|
|
4
|
+
import { iconSizeMap as g } from "../common/consts.js";
|
|
5
|
+
const w = /* @__PURE__ */ d({
|
|
8
6
|
__name: "Button",
|
|
9
7
|
props: {
|
|
10
|
-
size: { default: "md" },
|
|
11
|
-
variant: { default: "solid" },
|
|
12
|
-
theme: { default: "primary" },
|
|
13
|
-
loading: { type: Boolean, default: !1 },
|
|
14
|
-
isTruncated: { type: Boolean },
|
|
15
|
-
strong: { type: Boolean, default: !0 },
|
|
16
8
|
leftIconName: { default: null },
|
|
17
9
|
rightIconName: { default: null },
|
|
10
|
+
size: { default: "md" },
|
|
18
11
|
testId: { default: "" }
|
|
19
12
|
},
|
|
20
13
|
setup(e) {
|
|
21
|
-
const
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
return (o, P) => (a(), f("button", y({
|
|
25
|
-
class: [[
|
|
14
|
+
const l = e, i = f(() => `${g[l.size]}px`);
|
|
15
|
+
return (t, k) => (n(), a(h, u({
|
|
16
|
+
class: [
|
|
26
17
|
e.size,
|
|
27
|
-
e.theme,
|
|
28
|
-
e.variant,
|
|
29
|
-
{ loading: e.loading },
|
|
30
18
|
{
|
|
31
19
|
"with-left-icon": !!e.leftIconName,
|
|
32
20
|
"with-right-icon": !!e.rightIconName
|
|
33
21
|
}
|
|
34
|
-
],
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
fn: r(() => [
|
|
68
|
-
l(o.$slots, "loader", {}, void 0, !0)
|
|
69
|
-
]),
|
|
70
|
-
key: "0"
|
|
71
|
-
} : void 0
|
|
72
|
-
]), 1032, ["size", "strong"])
|
|
73
|
-
], !0)
|
|
74
|
-
])),
|
|
75
|
-
e.loading ? l(o.$slots, "loader", { key: 1 }, () => [
|
|
76
|
-
s(t(m), {
|
|
77
|
-
"font-size": t(z),
|
|
78
|
-
class: "loading"
|
|
79
|
-
}, {
|
|
80
|
-
default: r(() => [
|
|
81
|
-
s(w)
|
|
82
|
-
]),
|
|
83
|
-
_: 1
|
|
84
|
-
}, 8, ["font-size"])
|
|
85
|
-
], !0) : i("", !0)
|
|
86
|
-
], 16, C));
|
|
22
|
+
],
|
|
23
|
+
size: e.size,
|
|
24
|
+
"data-testid": l.testId
|
|
25
|
+
}, t.$attrs), I({
|
|
26
|
+
default: m(() => [
|
|
27
|
+
z("div", {
|
|
28
|
+
class: N({
|
|
29
|
+
flex: e.leftIconName || e.rightIconName
|
|
30
|
+
})
|
|
31
|
+
}, [
|
|
32
|
+
e.leftIconName ? (n(), a(o(r), {
|
|
33
|
+
key: 0,
|
|
34
|
+
name: e.leftIconName,
|
|
35
|
+
"font-size": o(i)
|
|
36
|
+
}, null, 8, ["name", "font-size"])) : s("", !0),
|
|
37
|
+
c(t.$slots, "default", {}, void 0, !0),
|
|
38
|
+
e.rightIconName ? (n(), a(o(r), {
|
|
39
|
+
key: 1,
|
|
40
|
+
name: e.rightIconName,
|
|
41
|
+
"font-size": o(i)
|
|
42
|
+
}, null, 8, ["name", "font-size"])) : s("", !0)
|
|
43
|
+
], 2)
|
|
44
|
+
]),
|
|
45
|
+
_: 2
|
|
46
|
+
}, [
|
|
47
|
+
t.$slots.loader ? {
|
|
48
|
+
name: "loader",
|
|
49
|
+
fn: m(() => [
|
|
50
|
+
c(t.$slots, "loader", {}, void 0, !0)
|
|
51
|
+
]),
|
|
52
|
+
key: "0"
|
|
53
|
+
} : void 0
|
|
54
|
+
]), 1040, ["class", "size", "data-testid"]));
|
|
87
55
|
}
|
|
88
56
|
});
|
|
89
57
|
export {
|
|
90
|
-
|
|
58
|
+
w as default
|
|
91
59
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
|
|
2
|
-
size?: "
|
|
3
|
-
variant?: "link" | "
|
|
4
|
-
theme?: "
|
|
2
|
+
size?: "sm" | "md" | "lg" | "xs";
|
|
3
|
+
variant?: "link" | "solid" | "border" | "borderless" | "ghost" | "colorized";
|
|
4
|
+
theme?: "primary" | "secondary" | "third" | "danger";
|
|
5
5
|
loading?: boolean;
|
|
6
6
|
isTruncated?: boolean;
|
|
7
7
|
strong?: boolean;
|
|
@@ -12,9 +12,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
12
12
|
loading: boolean;
|
|
13
13
|
strong: boolean;
|
|
14
14
|
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
|
|
15
|
-
size?: "
|
|
16
|
-
variant?: "link" | "
|
|
17
|
-
theme?: "
|
|
15
|
+
size?: "sm" | "md" | "lg" | "xs";
|
|
16
|
+
variant?: "link" | "solid" | "border" | "borderless" | "ghost" | "colorized";
|
|
17
|
+
theme?: "primary" | "secondary" | "third" | "danger";
|
|
18
18
|
loading?: boolean;
|
|
19
19
|
isTruncated?: boolean;
|
|
20
20
|
strong?: boolean;
|
|
@@ -26,9 +26,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
26
26
|
strong: boolean;
|
|
27
27
|
}>>>, {
|
|
28
28
|
strong: boolean;
|
|
29
|
-
theme: "
|
|
30
|
-
size: "
|
|
31
|
-
variant: "link" | "
|
|
29
|
+
theme: "primary" | "secondary" | "third" | "danger";
|
|
30
|
+
size: "sm" | "md" | "lg" | "xs";
|
|
31
|
+
variant: "link" | "solid" | "border" | "borderless" | "ghost" | "colorized";
|
|
32
32
|
loading: boolean;
|
|
33
33
|
}>, {
|
|
34
34
|
content?(_: {}): any;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./ButtonBase.vue2.js";
|
|
2
2
|
/* empty css */import t from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
3
|
-
// import "../../../ButtonBase.
|
|
4
|
-
const
|
|
3
|
+
// import "../../../ButtonBase.vue_vue_type_style_index_0_scoped_9021cac4_lang.css"; //*');
|
|
4
|
+
const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-9021cac4"]]);
|
|
5
5
|
export {
|
|
6
|
-
|
|
6
|
+
c as default
|
|
7
7
|
};
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import "../../../ButtonBase.
|
|
1
|
+
import "../../../ButtonBase.vue_vue_type_style_index_0_scoped_9021cac4_lang.css"; import { defineComponent as p, computed as l, openBlock as s, createElementBlock as i, mergeProps as z, renderSlot as n, createVNode as a, unref as o, withCtx as d, createCommentVNode as m } from "vue";
|
|
2
2
|
import "../../typography/Heading.vue.js";
|
|
3
3
|
import h from "../../typography/Text.vue.js";
|
|
4
4
|
import B from "../../icon/v3/Icon.vue.js";
|
|
5
|
-
import { sizeToFont as y } from "../consts.js";
|
|
6
|
-
import x from "
|
|
5
|
+
import { sizeToFont as y } from "../common/consts.js";
|
|
6
|
+
import x from "./LoaderDotsIcon.vue.js";
|
|
7
7
|
const k = { key: 0 }, W = /* @__PURE__ */ p({
|
|
8
8
|
__name: "ButtonBase",
|
|
9
9
|
props: {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./IconButton.vue2.js";
|
|
2
2
|
/* empty css */import t from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
3
|
-
// import "../../../IconButton.
|
|
4
|
-
const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-
|
|
3
|
+
// import "../../../IconButton.vue_vue_type_style_index_0_scoped_6dffd3f6_lang.css"; //*');
|
|
4
|
+
const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-6dffd3f6"]]);
|
|
5
5
|
export {
|
|
6
6
|
s as default
|
|
7
7
|
};
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import "../../../IconButton.
|
|
1
|
+
import "../../../IconButton.vue_vue_type_style_index_0_scoped_6dffd3f6_lang.css"; import { defineComponent as s, computed as c, openBlock as l, createBlock as d, mergeProps as m, withCtx as t, createElementVNode as f, normalizeClass as u, renderSlot as z, createVNode as a, unref as r } from "vue";
|
|
2
2
|
import p from "../../icon/v3/Icon.vue.js";
|
|
3
|
-
import v from "
|
|
4
|
-
import { loaderSizeMap as B } from "../consts.js";
|
|
5
|
-
import C from "
|
|
3
|
+
import v from "./ButtonBase.vue.js";
|
|
4
|
+
import { loaderSizeMap as B } from "../common/consts.js";
|
|
5
|
+
import C from "./LoaderCircleIcon.vue.js";
|
|
6
6
|
const N = /* @__PURE__ */ s({
|
|
7
7
|
__name: "IconButton",
|
|
8
8
|
props: {
|
|
File without changes
|
|
File without changes
|