@ironsource/shared-ui 2.0.2-rc.3 → 2.1.0-rc.0

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.
Files changed (54) hide show
  1. package/AppDropdownTrigger.vue_vue_type_style_index_0_scoped_a64a46d0_lang.css +1 -0
  2. package/ButtonV4.vue_vue_type_style_index_0_scoped_38c0ed72_lang.css +1 -0
  3. package/ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_c38e97df_lang.css +1 -0
  4. package/DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_06dcfe6d_lang.css +1 -0
  5. package/FormRow.vue_vue_type_style_index_0_scoped_8daca9c2_lang.css +1 -0
  6. package/OptionV4.vue_vue_type_style_index_0_scoped_d2743070_lang.css +1 -0
  7. package/SearchV4.vue_vue_type_style_index_0_scoped_1330ea8b_lang.css +1 -0
  8. package/SnackbarV4.vue_vue_type_style_index_0_scoped_49c5ccea_lang.css +1 -0
  9. package/TooltipV4.vue_vue_type_style_index_0_scoped_58a19def_lang.css +1 -0
  10. package/TooltipV4.vue_vue_type_style_index_1_lang.css +1 -1
  11. package/components/button/v4/ButtonV4.vue.js +3 -3
  12. package/components/button/v4/ButtonV4.vue2.js +1 -1
  13. package/components/dropdown/v4/AppDropdownTrigger.vue.js +3 -3
  14. package/components/dropdown/v4/AppDropdownTrigger.vue2.js +23 -20
  15. package/components/dropdown/v4/ChipDropdownTrigger.vue.js +2 -2
  16. package/components/dropdown/v4/ChipDropdownTrigger.vue2.js +1 -1
  17. package/components/dropdown/v4/DefaultDropdownTrigger.vue.js +3 -3
  18. package/components/dropdown/v4/DefaultDropdownTrigger.vue2.js +22 -20
  19. package/components/dropdown/v4/OptionV4.vue.d.ts +2 -2
  20. package/components/dropdown/v4/OptionV4.vue.js +2 -2
  21. package/components/dropdown/v4/OptionV4.vue2.js +17 -17
  22. package/components/dropdown/v4/index.d.ts +4 -4
  23. package/components/forms/FormContainer.vue.d.ts +9 -0
  24. package/components/forms/FormField.vue.d.ts +24 -0
  25. package/components/forms/index.d.ts +73 -0
  26. package/components/forms/validation/utils/scrollToElemets.d.ts +3 -0
  27. package/components/forms/validation/utils/types.d.ts +25 -0
  28. package/components/forms/validation/utils/useConvertErrorsSchema.d.ts +1 -0
  29. package/components/forms/validation/utils/useFormValidation.d.ts +3 -0
  30. package/components/layout/FormRow.vue.d.ts +46 -0
  31. package/components/layout/FormRow.vue.js +7 -0
  32. package/components/layout/FormRow.vue2.js +43 -0
  33. package/components/layout/index.d.ts +116 -1
  34. package/components/layout/index.js +4 -2
  35. package/components/search/v4/SearchV4.vue.d.ts +3 -0
  36. package/components/search/v4/SearchV4.vue.js +5 -5
  37. package/components/search/v4/SearchV4.vue2.js +15 -14
  38. package/components/search/v4/index.d.ts +3 -0
  39. package/components/snackbar/v4/SnackbarV4.vue.js +5 -5
  40. package/components/snackbar/v4/SnackbarV4.vue2.js +7 -6
  41. package/components/tooltip/v4/TooltipV4.vue.js +2 -2
  42. package/components/tooltip/v4/TooltipV4.vue2.js +1 -1
  43. package/index.d.ts +14 -8
  44. package/index.js +39 -37
  45. package/mocks/optionsWithIcons.d.ts +5 -0
  46. package/package.json +8 -3
  47. package/AppDropdownTrigger.vue_vue_type_style_index_0_scoped_44158e5f_lang.css +0 -1
  48. package/ButtonV4.vue_vue_type_style_index_0_scoped_cca772e9_lang.css +0 -1
  49. package/ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_e5202bb9_lang.css +0 -1
  50. package/DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_c6156fa0_lang.css +0 -1
  51. package/OptionV4.vue_vue_type_style_index_0_scoped_17d78416_lang.css +0 -1
  52. package/SearchV4.vue_vue_type_style_index_0_scoped_215f0f29_lang.css +0 -1
  53. package/SnackbarV4.vue_vue_type_style_index_0_scoped_48311746_lang.css +0 -1
  54. package/TooltipV4.vue_vue_type_style_index_0_scoped_cde15298_lang.css +0 -1
package/AppDropdownTrigger.vue_vue_type_style_index_0_scoped_a64a46d0_lang.css ADDED
@@ -0,0 +1 @@
1
+ .app-trigger-wrapper[data-v-a64a46d0]{display:flex}.app-trigger-wrapper.with-copy .app-trigger[data-v-a64a46d0]{border-radius:var(--border-radius-lg) 0 0 var(--border-radius-lg);width:calc(100% - 41px)}.app-trigger-key[data-v-a64a46d0]{flex:none}.app-trigger-key--content[data-v-a64a46d0]{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-a64a46d0]:hover{background:var(--action-selected)}.app-trigger[data-v-a64a46d0]{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-a64a46d0]:hover,.app-trigger.active[data-v-a64a46d0]{background:var(--action-selected)}.app-trigger.disabled[data-v-a64a46d0]{cursor:auto}.app-trigger--content[data-v-a64a46d0]{color:var(--text-primary);display:flex;column-gap:4px;width:calc(100% - 20px);align-items:center}.app-trigger--content .x-circle-wrapper[data-v-a64a46d0]{color:var(--primary-dark)}.app-trigger--content .x-circle-wrapper[data-v-a64a46d0]:hover{color:var(--primary-main)}.app-trigger--icon[data-v-a64a46d0]{display:flex;align-items:center;color:var(--action-active)}.app-trigger .displayed-value[data-v-a64a46d0]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-trigger .image[data-v-a64a46d0]{width:28px;height:28px;flex:none}.app-trigger .image img[data-v-a64a46d0]{border-radius:4px;width:100%;height:100%}.app-trigger .start-icon[data-v-a64a46d0]{display:flex;color:var(--action-active)}.app-trigger .label-text[data-v-a64a46d0]{display:flex;align-items:center;gap:8px}.app-trigger .label-text .text-content[data-v-a64a46d0]{display:flex;align-items:center;gap:4px;width:100%}.app-trigger .label-text .text-content .text-content-value[data-v-a64a46d0]{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-trigger .label-text .is-mandatory[data-v-a64a46d0]{padding-top:5px;color:var(--error-main)}
package/ButtonV4.vue_vue_type_style_index_0_scoped_38c0ed72_lang.css ADDED
@@ -0,0 +1 @@
1
+ .button-wrap[data-v-38c0ed72]{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-38c0ed72]{color:var(--primary-button-contrast-text);background:var(--primary-main)}.contained.primary[data-v-38c0ed72]:hover{background:var(--primary-darker)}.contained.primary[data-v-38c0ed72]:disabled{color:var(--text-disabled);background:var(--action-disabled-background);opacity:1}.contained.default[data-v-38c0ed72]{color:var(--default-button-contrast-text);background:var(--default-main)}.contained.default[data-v-38c0ed72]:hover{background:var(--default-light)}.contained.default[data-v-38c0ed72]:disabled{color:var(--text-disabled);background:var(--action-disabled-background);opacity:1}.contained.danger[data-v-38c0ed72]{color:var(--error-button-contrast-text);background:var(--error-main)}.contained.danger[data-v-38c0ed72]:hover{background:var(--error-dark)}.contained.danger[data-v-38c0ed72]:disabled{color:var(--text-disabled);background:var(--action-disabled-background);opacity:1}.contained.info[data-v-38c0ed72]{color:var(--info-button-contrast-text);background:var(--info-main)}.contained.info[data-v-38c0ed72]:hover{background:var(--info-dark)}.contained.info[data-v-38c0ed72]:disabled{color:var(--text-disabled);background:var(--action-disabled-background);opacity:1}.contained.success[data-v-38c0ed72]{color:var(--success-button-contrast-text);background:var(--success-main)}.contained.success[data-v-38c0ed72]:hover{background:var(--success-dark)}.contained.success[data-v-38c0ed72]:disabled{color:var(--text-disabled);background:var(--action-disabled-background);opacity:1}.contained.warning[data-v-38c0ed72]{color:var(--warning-button-contrast-text);background:var(--warning-main)}.contained.warning[data-v-38c0ed72]:hover{background:var(--warning-dark)}.contained.warning[data-v-38c0ed72]:disabled{color:var(--text-disabled);background:var(--action-disabled-background);opacity:1}.contained.loading[data-v-38c0ed72],.contained.loading[data-v-38c0ed72]:hover{background:var(--action-disabled-background)}.outlined[data-v-38c0ed72]{background:transparent}.outlined.primary[data-v-38c0ed72]{color:var(--primary-main);border:1px solid var(--primary-main)}.outlined.primary[data-v-38c0ed72]:hover{background:var(--primary-lighter)}.outlined.primary[data-v-38c0ed72]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border);opacity:1}.outlined.default[data-v-38c0ed72]{color:var(--text-primary);border:1px solid var(--default-outlined-border)}.outlined.default[data-v-38c0ed72]:hover{border:1px solid var(--action-active);background:var(--action-hover)}.outlined.default[data-v-38c0ed72]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border);opacity:1}.outlined.danger[data-v-38c0ed72]{color:var(--error-main);border:1px solid var(--error-main)}.outlined.danger[data-v-38c0ed72]:hover{background:var(--error-lighter)}.outlined.danger[data-v-38c0ed72]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border);opacity:1}.outlined.info[data-v-38c0ed72]{color:var(--info-main);border:1px solid var(--info-main)}.outlined.info[data-v-38c0ed72]:hover{background:var(--info-lighter)}.outlined.info[data-v-38c0ed72]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border);opacity:1}.outlined.success[data-v-38c0ed72]{color:var(--success-main);border:1px solid var(--success-main)}.outlined.success[data-v-38c0ed72]:hover{background:var(--success-lighter)}.outlined.success[data-v-38c0ed72]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border);opacity:1}.outlined.warning[data-v-38c0ed72]{color:var(--warning-darker);border:1px solid var(--warning-darker)}.outlined.warning[data-v-38c0ed72]:hover{background:var(--warning-lighter)}.outlined.warning[data-v-38c0ed72]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border);opacity:1}.outlined.loading[data-v-38c0ed72],.outlined.loading[data-v-38c0ed72]:hover{border:1px solid var(--common-divider);background:var(--action-disabled-background)}.text[data-v-38c0ed72]{background:transparent}.text.primary[data-v-38c0ed72]{color:var(--primary-main)}.text.primary[data-v-38c0ed72]:hover{background:var(--primary-lighter)}.text.primary[data-v-38c0ed72]:disabled{color:var(--text-disabled);opacity:1}.text.default[data-v-38c0ed72]{color:var(--text-primary)}.text.default[data-v-38c0ed72]:hover{background:var(--action-hover)}.text.default[data-v-38c0ed72]:disabled{color:var(--text-disabled);opacity:1}.text.danger[data-v-38c0ed72]{color:var(--error-main)}.text.danger[data-v-38c0ed72]:hover{background:var(--error-lighter)}.text.danger[data-v-38c0ed72]:disabled{color:var(--text-disabled);opacity:1}.text.info[data-v-38c0ed72]{color:var(--info-main)}.text.info[data-v-38c0ed72]:hover{background:var(--info-lighter)}.text.info[data-v-38c0ed72]:disabled{color:var(--text-disabled);opacity:1}.text.success[data-v-38c0ed72]{color:var(--success-main)}.text.success[data-v-38c0ed72]:hover{background:var(--success-lighter)}.text.success[data-v-38c0ed72]:disabled{color:var(--text-disabled);opacity:1}.text.warning[data-v-38c0ed72]{color:var(--warning-darker)}.text.warning[data-v-38c0ed72]:hover{background:var(--warning-lighter)}.text.warning[data-v-38c0ed72]:disabled{color:var(--text-disabled);opacity:1}.text.loading[data-v-38c0ed72],.text.loading[data-v-38c0ed72]:hover{border:0;background:transparent}.small[data-v-38c0ed72]{padding:2px 6px}.small.outlined[data-v-38c0ed72]{padding:1px 5px}.medium[data-v-38c0ed72]{padding:4px 8px}.medium.outlined[data-v-38c0ed72]{padding:3px 7px}.large[data-v-38c0ed72]{padding:6px 8px}.large.outlined[data-v-38c0ed72]{padding:5px 7px}.extraLarge[data-v-38c0ed72]{padding:10px 12px}.extraLarge.outlined[data-v-38c0ed72]{padding:9px 11px}.small[data-v-38c0ed72],.medium[data-v-38c0ed72],.large[data-v-38c0ed72],.extraLarge[data-v-38c0ed72]{height:auto}.flex[data-v-38c0ed72]{display:flex;align-items:center}.start-icon[data-v-38c0ed72]{margin-right:8px}.end-icon[data-v-38c0ed72]{margin-left:8px}.loading.with-start-icon .content-with-icon[data-v-38c0ed72]{padding-left:22px}.loading.with-end-icon .content-with-icon[data-v-38c0ed72]{padding-right:22px}
package/ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_c38e97df_lang.css ADDED
@@ -0,0 +1 @@
1
+ .chip-trigger[data-v-c38e97df]{border:1px solid var(--default-outlined-border);padding:5px 5px 5px 7px;border-radius:100px;cursor:pointer;user-select:none;display:inline-flex}.chip-trigger[data-v-c38e97df]:hover{border-color:var(--action-active);background:var(--action-selected)}.chip-trigger.open[data-v-c38e97df]{border:1.5px solid var(--action-active);padding:4.5px 4.5px 4.5px 6.5px;background:var(--action-selected)}.chip-trigger.active[data-v-c38e97df]{border:1.5px solid var(--primary-main-50-p);background:var(--primary-light);padding:4.5px 4.5px 4.5px 6.5px}.chip-trigger.disabled[data-v-c38e97df]{cursor:auto}.chip-trigger--content[data-v-c38e97df]{color:var(--text-primary);display:flex;column-gap:4px}.chip-trigger--content .x-circle-wrapper[data-v-c38e97df]{color:var(--primary-dark)}.chip-trigger--content .x-circle-wrapper[data-v-c38e97df]:hover{color:var(--primary-main)}.chip-trigger--icon[data-v-c38e97df]{color:var(--action-active)}
package/DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_06dcfe6d_lang.css ADDED
@@ -0,0 +1 @@
1
+ .dropdown-trigger[data-v-06dcfe6d]{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}.dropdown-trigger[data-v-06dcfe6d]:hover{border:1px solid var(--action-active);background:var(--action-hover)}.dropdown-trigger.disabled[data-v-06dcfe6d]{border:1px solid var(--action-outlined-border, #bbb);background:var(--action-disabled-background, #f1f1f1)}.dropdown-trigger.small[data-v-06dcfe6d]{padding:3px 7px}.dropdown-trigger.open[data-v-06dcfe6d]{padding:4px 6px;border:2px solid var(--primary-main)}.dropdown-trigger.state-error[data-v-06dcfe6d]{padding:4px 6px;border:2px solid var(--error-main)}.dropdown-trigger.state-success[data-v-06dcfe6d]{padding:4px 6px;border:2px solid var(--success-main)}.dropdown-trigger.state-warning[data-v-06dcfe6d]{padding:4px 6px;border:2px solid var(--warning-dark)}.dropdown-trigger .caret-down[data-v-06dcfe6d]{color:var(--action-active)}.content[data-v-06dcfe6d]{width:calc(100% - 28px);display:flex;gap:.25rem;align-items:center;color:var(--text-primary)}.content .displayed-value[data-v-06dcfe6d]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.content .image[data-v-06dcfe6d]{width:20px;height:20px;flex:none}.content .image img[data-v-06dcfe6d]{border-radius:4px;width:100%;height:100%}.content .start-icon[data-v-06dcfe6d]{display:flex;color:var(--action-active)}.dropdown-field-label[data-v-06dcfe6d]{color:var(--text-primary)}.dropdown-field-help-text[data-v-06dcfe6d]{margin-top:4px}
package/FormRow.vue_vue_type_style_index_0_scoped_8daca9c2_lang.css ADDED
@@ -0,0 +1 @@
1
+ .form-row[data-v-8daca9c2]{display:flex;height:auto;gap:1.5rem;align-items:center}.form-row .label-container[data-v-8daca9c2]{display:flex;min-height:1.75rem;height:100%;width:12.875rem;align-items:center;gap:.25rem;flex-shrink:0}.form-row .label-container .mandatory[data-v-8daca9c2]{color:var(--error-main);padding-top:.1875rem}.form-row .content[data-v-8daca9c2]{display:flex;flex-direction:column;align-items:stretch;gap:.25rem;width:100%}
package/OptionV4.vue_vue_type_style_index_0_scoped_d2743070_lang.css ADDED
@@ -0,0 +1 @@
1
+ .label[data-v-d2743070]{color:#41454d}.item-container[data-v-d2743070]{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-d2743070]{cursor:initial;color:var(--text-disabled)}.item-container[data-v-d2743070]:hover:not(.item-container--disabled){background-color:var(--action-hover)}.item-container--active[data-v-d2743070],.item-container[data-v-d2743070]:active{background-color:var(--action-selected)}.item-container:not(.item-container--multi).item-container--selected[data-v-d2743070]{background-color:var(--action-selected)}.subtitle[data-v-d2743070]{color:#7b838c;line-height:1rem}.clear-button[data-v-d2743070]{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-d2743070]:hover{color:#3083ff}.item[data-v-d2743070]{width:100%;display:flex;gap:.5rem;align-items:center}.item--with-icon[data-v-d2743070],.item--multi[data-v-d2743070]{display:flex;flex-direction:row;align-items:center;justify-content:start}.item .image[data-v-d2743070]{width:20px;height:20px;flex:none}.item .image img[data-v-d2743070]{width:20px;height:20px;border-radius:4px}.item .start-icon[data-v-d2743070]{display:flex;color:var(--action-active)}.text-container[data-v-d2743070]{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left}
package/SearchV4.vue_vue_type_style_index_0_scoped_1330ea8b_lang.css ADDED
@@ -0,0 +1 @@
1
+ .search-container[data-v-1330ea8b]{position:relative}.search-container[data-v-1330ea8b] .input-container input.input{padding-right:15px}.x-circle-wrapper[data-v-1330ea8b]{width:1rem;height:1rem;color:var(--action-active);cursor:pointer;position:absolute;top:.375rem;right:.3125rem}.x-circle-wrapper[data-v-1330ea8b]:hover{color:var(--text-primary)}
package/SnackbarV4.vue_vue_type_style_index_0_scoped_49c5ccea_lang.css ADDED
@@ -0,0 +1 @@
1
+ .container[data-v-49c5ccea]{width:100%;display:flex;max-width:22.5rem;background-color:var(--common-white);padding:.75rem 1rem}.texts[data-v-49c5ccea]{width:calc(100% - 20px);display:flex;justify-content:center;flex-direction:column}.message[data-v-49c5ccea]{margin-top:12px;margin-left:32px;width:calc(100% - 52px);color:var(--text-secondary)}.title[data-v-49c5ccea]{display:flex;align-items:center;gap:8px;color:var(--text-primary)}.snackbar[data-v-49c5ccea]{display:flex;width:22.5rem;box-sizing:border-box;position:fixed;transition:opacity .25s,transform .25s,left .25s,right .25s,top .4s,bottom .25s;overflow-wrap:anywhere;overflow:hidden;z-index:9999;border-radius:12px;border:1px solid var(--common-divider-elevation-0);box-shadow:var(--elevation-lg)}.snackbar.right[data-v-49c5ccea]{right:1rem}.snackbar.left[data-v-49c5ccea]{left:1rem}.close-button-wrapper[data-v-49c5ccea]{width:20px}.snackbar-enter-from.right[data-v-49c5ccea]{right:0;transform:translate(100%)}.snackbar-enter-from.left[data-v-49c5ccea]{left:0;transform:translate(-100%)}.snackbar-leave-to[data-v-49c5ccea]{opacity:0}.snackbar-leave-to.right[data-v-49c5ccea]{right:0;transform:translate(100%)}.snackbar-leave-to.left[data-v-49c5ccea]{left:0;transform:translate(-100%)}.icon-container.snackbar-icon-info[data-v-49c5ccea]{color:var(--action-active)}.icon-container.snackbar-icon-error[data-v-49c5ccea]{color:var(--error-main)}.icon-container.snackbar-icon-success[data-v-49c5ccea]{color:var(--success-main)}.action-wrapper[data-v-49c5ccea]{margin-left:32px;width:calc(100% - 52px)}.action-wrapper .actions[data-v-49c5ccea]{margin-top:12px;display:flex;gap:8px;flex-wrap:wrap}
package/TooltipV4.vue_vue_type_style_index_0_scoped_58a19def_lang.css ADDED
@@ -0,0 +1 @@
1
+ div[data-v-58a19def]{display:block}
package/TooltipV4.vue_vue_type_style_index_1_lang.css CHANGED
@@ -1 +1 @@
1
- .resize-observer[data-v-b329ee4c]{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;border:none;background-color:transparent;pointer-events:none;display:block;overflow:hidden;opacity:0}.resize-observer[data-v-b329ee4c] object{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}.v-popper__popper{z-index:10000;top:0;left:0}.v-popper__popper.v-popper__popper--hidden{visibility:hidden;opacity:0;transition:opacity .15s,visibility .15s;pointer-events:none}.v-popper__popper.v-popper__popper--shown{visibility:visible;opacity:1;transition:opacity .15s}.v-popper__popper.v-popper__popper--skip-transition,.v-popper__popper.v-popper__popper--skip-transition>.v-popper__wrapper{transition:none!important}.v-popper__backdrop{position:absolute;top:0;left:0;width:100%;height:100%;display:none}.v-popper__inner{position:relative;box-sizing:border-box;overflow-y:auto}.v-popper__inner>div{position:relative;z-index:1;max-width:inherit;max-height:inherit}.v-popper__arrow-container{position:absolute;width:10px;height:10px}.v-popper__popper--arrow-overflow .v-popper__arrow-container,.v-popper__popper--no-positioning .v-popper__arrow-container{display:none}.v-popper__arrow-inner,.v-popper__arrow-outer{border-style:solid;position:absolute;top:0;left:0;width:0;height:0}.v-popper__arrow-inner{visibility:hidden;border-width:7px}.v-popper__arrow-outer{border-width:6px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{left:-2px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{left:-1px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer{border-bottom-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-container{top:0}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{border-top-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-top-color:transparent!important}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{top:-4px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{top:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{top:-1px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{border-left-width:0;border-left-color:transparent!important;border-top-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{left:-4px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{left:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-container{right:-10px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer{border-right-width:0;border-top-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner{left:-2px}.v-popper--theme-dropdown .v-popper__inner{background:#fff;color:#000;border-radius:6px;border:1px solid #ddd;box-shadow:0 6px 30px #0000001a}.v-popper--theme-dropdown .v-popper__arrow-inner{visibility:visible;border-color:#fff}.v-popper--theme-dropdown .v-popper__arrow-outer{border-color:#ddd}.v-popper--theme-tooltip .v-popper__inner{background:rgba(0,0,0,.8);color:#fff;border-radius:6px;padding:7px 12px 6px}.v-popper--theme-tooltip .v-popper__arrow-outer{border-color:#000c}.label{color:#41454d}.v-popper--theme-light-theme-v4.v4-tooltip{display:inline-flex}.v-popper--theme-light-theme-v4.v4-tooltip .container{display:inline-flex;align-items:center}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper{background-color:var(--common-white);border-radius:8px;box-shadow:var(--elevation-md);border:none;border:1px solid var(--common-divider-elevation-0)}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__wrapper{padding:0;max-width:21.875rem}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__inner{font-size:.813rem}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__inner{text-align:start;line-height:1.125rem;padding:8px 12px}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__arrow-inner{border-color:var(--common-white);visibility:visible;border-width:6.5px}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__arrow-outer{border-color:var(--common-divider-elevation-0);border-width:8px;pointer-events:none}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__arrow-outer:after{box-shadow:0 0 1px 1px #000;position:relative;width:3px;height:3px;background-color:red}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__arrow-container{width:12px;height:12px;pointer-events:none}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__arrow-inner{width:13px;height:13px}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__arrow-outer{width:16px;height:16px}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{top:-16px}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{top:-13px;left:.5px}.v-popper--theme-light-theme-v4.v4-tooltip.bottom-end.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer,.v-popper--theme-light-theme-v4.v4-tooltip.top-end.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer{left:7px}.v-popper--theme-light-theme-v4.v4-tooltip.bottom-end.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper--theme-light-theme-v4.v4-tooltip.top-end.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{left:8.5px}.v-popper--theme-light-theme-v4.v4-tooltip.bottom-start.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer,.v-popper--theme-light-theme-v4.v4-tooltip.top-start.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer{left:-10px}.v-popper--theme-light-theme-v4.v4-tooltip.bottom-start.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper--theme-light-theme-v4.v4-tooltip.top-start.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{left:-8.5px}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{left:-13px;top:.5px}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{left:-16px}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner{left:2px;top:.5px}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer{top:-1px;left:2px}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{top:0;left:.5px}
1
+ .resize-observer[data-v-b329ee4c]{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;border:none;background-color:transparent;pointer-events:none;display:block;overflow:hidden;opacity:0}.resize-observer[data-v-b329ee4c] object{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}.v-popper__popper{z-index:10000;top:0;left:0}.v-popper__popper.v-popper__popper--hidden{visibility:hidden;opacity:0;transition:opacity .15s,visibility .15s;pointer-events:none}.v-popper__popper.v-popper__popper--shown{visibility:visible;opacity:1;transition:opacity .15s}.v-popper__popper.v-popper__popper--skip-transition,.v-popper__popper.v-popper__popper--skip-transition>.v-popper__wrapper{transition:none!important}.v-popper__backdrop{position:absolute;top:0;left:0;width:100%;height:100%;display:none}.v-popper__inner{position:relative;box-sizing:border-box;overflow-y:auto}.v-popper__inner>div{position:relative;z-index:1;max-width:inherit;max-height:inherit}.v-popper__arrow-container{position:absolute;width:10px;height:10px}.v-popper__popper--arrow-overflow .v-popper__arrow-container,.v-popper__popper--no-positioning .v-popper__arrow-container{display:none}.v-popper__arrow-inner,.v-popper__arrow-outer{border-style:solid;position:absolute;top:0;left:0;width:0;height:0}.v-popper__arrow-inner{visibility:hidden;border-width:7px}.v-popper__arrow-outer{border-width:6px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{left:-2px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{left:-1px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer{border-bottom-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-container{top:0}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{border-top-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-top-color:transparent!important}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{top:-4px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{top:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{top:-1px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{border-left-width:0;border-left-color:transparent!important;border-top-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{left:-4px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{left:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-container{right:-10px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer{border-right-width:0;border-top-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner{left:-2px}.v-popper--theme-dropdown .v-popper__inner{background:#fff;color:#000;border-radius:6px;border:1px solid #ddd;box-shadow:0 6px 30px #0000001a}.v-popper--theme-dropdown .v-popper__arrow-inner{visibility:visible;border-color:#fff}.v-popper--theme-dropdown .v-popper__arrow-outer{border-color:#ddd}.v-popper--theme-tooltip .v-popper__inner{background:rgba(0,0,0,.8);color:#fff;border-radius:6px;padding:7px 12px 6px}.v-popper--theme-tooltip .v-popper__arrow-outer{border-color:#000c}.v-popper--theme-light-theme-v4.v4-tooltip{display:inline-flex}.v-popper--theme-light-theme-v4.v4-tooltip .container{display:inline-flex;align-items:center}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper{background-color:var(--common-white);border-radius:8px;box-shadow:var(--elevation-md);border:none;border:1px solid var(--common-divider-elevation-0)}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__wrapper{padding:0;max-width:21.875rem}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__inner{font-size:.813rem}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__inner{text-align:start;line-height:1.125rem;padding:8px 12px}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__arrow-inner{border-color:var(--common-white);visibility:visible;border-width:6.5px}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__arrow-outer{border-color:var(--common-divider-elevation-0);border-width:8px;pointer-events:none}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__arrow-outer:after{box-shadow:0 0 1px 1px #000;position:relative;width:3px;height:3px;background-color:red}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__arrow-container{width:12px;height:12px;pointer-events:none}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__arrow-inner{width:13px;height:13px}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__arrow-outer{width:16px;height:16px}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{top:-16px}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{top:-13px;left:.5px}.v-popper--theme-light-theme-v4.v4-tooltip.bottom-end.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer,.v-popper--theme-light-theme-v4.v4-tooltip.top-end.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer{left:7px}.v-popper--theme-light-theme-v4.v4-tooltip.bottom-end.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper--theme-light-theme-v4.v4-tooltip.top-end.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{left:8.5px}.v-popper--theme-light-theme-v4.v4-tooltip.bottom-start.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer,.v-popper--theme-light-theme-v4.v4-tooltip.top-start.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer{left:-10px}.v-popper--theme-light-theme-v4.v4-tooltip.bottom-start.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper--theme-light-theme-v4.v4-tooltip.top-start.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{left:-8.5px}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{left:-13px;top:.5px}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{left:-16px}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner{left:2px;top:.5px}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer{top:-1px;left:2px}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{top:0;left:.5px}
package/components/button/v4/ButtonV4.vue.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import o from "./ButtonV4.vue2.js";
2
2
  /* empty css */import t from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../ButtonV4.vue_vue_type_style_index_0_scoped_cca772e9_lang.css"; //*');
4
- const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-cca772e9"]]);
3
+ // import "../../../ButtonV4.vue_vue_type_style_index_0_scoped_38c0ed72_lang.css"; //*');
4
+ const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-38c0ed72"]]);
5
5
  export {
6
- s as default
6
+ c as default
7
7
  };
package/components/button/v4/ButtonV4.vue2.js CHANGED
@@ -1,4 +1,4 @@
1
- import "../../../ButtonV4.vue_vue_type_style_index_0_scoped_cca772e9_lang.css"; import { defineComponent as N, computed as h, openBlock as a, createElementBlock as s, normalizeClass as i, createElementVNode as r, createBlock as f, unref as t, createCommentVNode as n, createVNode as c, withCtx as u, renderSlot as m, createTextVNode as z, toDisplayString as g } from "vue";
1
+ import "../../../ButtonV4.vue_vue_type_style_index_0_scoped_38c0ed72_lang.css"; import { defineComponent as N, computed as h, openBlock as a, createElementBlock as s, normalizeClass as i, createElementVNode as r, createBlock as f, unref as t, createCommentVNode as n, createVNode as c, withCtx as u, renderSlot as m, createTextVNode as z, toDisplayString as g } from "vue";
2
2
  import I from "../../typography/v4/Typography.vue.js";
3
3
  import y from "../../icon/v4/IconV4.vue.js";
4
4
  import b from "../../loader/v4/Loader.vue.js";
package/components/dropdown/v4/AppDropdownTrigger.vue.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import o from "./AppDropdownTrigger.vue2.js";
2
- /* empty css */import e from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../AppDropdownTrigger.vue_vue_type_style_index_0_scoped_44158e5f_lang.css"; //*');
4
- const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-44158e5f"]]);
2
+ /* empty css */import p from "../../../_virtual/_plugin-vue_export-helper.js";
3
+ // import "../../../AppDropdownTrigger.vue_vue_type_style_index_0_scoped_a64a46d0_lang.css"; //*');
4
+ const s = /* @__PURE__ */ p(o, [["__scopeId", "data-v-a64a46d0"]]);
5
5
  export {
6
6
  s as default
7
7
  };
package/components/dropdown/v4/AppDropdownTrigger.vue2.js CHANGED
@@ -1,21 +1,21 @@
1
- import "../../../AppDropdownTrigger.vue_vue_type_style_index_0_scoped_44158e5f_lang.css"; import { defineComponent as A, computed as p, openBlock as o, createElementBlock as n, normalizeClass as V, createElementVNode as a, mergeProps as h, unref as t, renderSlot as v, createCommentVNode as s, createVNode as i, withCtx as T, toDisplayString as B } from "vue";
1
+ import "../../../AppDropdownTrigger.vue_vue_type_style_index_0_scoped_a64a46d0_lang.css"; import { defineComponent as A, computed as p, openBlock as o, createElementBlock as n, normalizeClass as V, createElementVNode as a, mergeProps as h, unref as t, renderSlot as v, createCommentVNode as s, createVNode as i, withCtx as T, toDisplayString as B } from "vue";
2
2
  import c from "../../icon/v4/IconV4.vue.js";
3
- import x from "../../typography/v4/Typography.vue.js";
3
+ import $ from "../../typography/v4/Typography.vue.js";
4
4
  import { DropdownTestIdModifiers as u } from "../../../testids/index.js";
5
- import { useTestIdAttrs as K } from "../../../utils/testIds.js";
6
- import N from "../../tooltip/v4/TooltipV4.vue.js";
7
- import { useClipboard as z } from "@vueuse/core";
8
- import { Snackbar as $ } from "../../snackbar/v4/index.js";
5
+ import { useTestIdAttrs as x } from "../../../utils/testIds.js";
6
+ import K from "../../tooltip/v4/TooltipV4.vue.js";
7
+ import { useClipboard as N } from "@vueuse/core";
8
+ import { Snackbar as z } from "../../snackbar/v4/index.js";
9
9
  const w = { class: "app-trigger--content" }, S = {
10
10
  key: 0,
11
11
  class: "image"
12
12
  }, D = ["src"], E = {
13
13
  key: 1,
14
14
  class: "start-icon"
15
- }, P = { class: "label-text" }, R = { key: 0 }, U = { class: "text-content" }, M = { class: "text-content-value" }, W = {
15
+ }, P = { class: "label-text" }, R = { key: 0 }, U = { class: "text-content" }, L = { class: "text-content-value" }, M = {
16
16
  key: 0,
17
17
  class: "is-mandatory"
18
- }, j = { class: "app-trigger-key--content" }, Z = /* @__PURE__ */ A({
18
+ }, W = { class: "app-trigger-key--content" }, Z = /* @__PURE__ */ A({
19
19
  __name: "AppDropdownTrigger",
20
20
  props: {
21
21
  placeholder: { default: "Select app" },
@@ -40,11 +40,11 @@ const w = { class: "app-trigger--content" }, S = {
40
40
  },
41
41
  emits: ["click"],
42
42
  setup(l, { emit: k }) {
43
- const e = l, { copy: O } = z({}), C = p(
43
+ const e = l, { copy: O } = N({}), I = p(
44
44
  () => e.feedbackVariant ? `state-${e.feedbackVariant}` : ""
45
- ), I = () => {
45
+ ), C = () => {
46
46
  k("click");
47
- }, y = K(e.testId, u), f = "All apps selected", m = p(() => e.multi ? !Array.isArray(e.selectedOption) || !e.selectedOption?.length ? e.placeholder : e.options?.length === e.selectedOption.length ? f : e.selectedOption?.length === 1 && e.displayValue ? e.displayValue(e.selectedOption[0]) : `${e.selectedOption.length} selected` : e.selectedOption ? e.displayValue(e.selectedOption) : e.placeholder), d = p(() => {
47
+ }, y = x(e.testId, u), f = "All apps selected", m = p(() => e.multi ? !Array.isArray(e.selectedOption) || !e.selectedOption?.length ? e.placeholder : e.options?.length === e.selectedOption.length ? `${f} (${e.selectedOption.length})` : e.selectedOption?.length === 1 && e.displayValue ? e.displayValue(e.selectedOption[0]) : `${e.selectedOption.length} selected` : e.selectedOption ? e.displayValue(e.selectedOption) : e.placeholder), d = p(() => {
48
48
  if (!e.selectedOption)
49
49
  return null;
50
50
  if (!e.multi)
@@ -52,7 +52,7 @@ const w = { class: "app-trigger--content" }, S = {
52
52
  if (Array.isArray(e.selectedOption))
53
53
  return e.selectedOption.length === 1 ? e.selectedOption[0] : null;
54
54
  }), b = () => {
55
- O(e.valueToCopy), $({
55
+ O(e.valueToCopy), z({
56
56
  title: "Copied successfully",
57
57
  type: "success",
58
58
  duration: 2e3
@@ -62,9 +62,12 @@ const w = { class: "app-trigger--content" }, S = {
62
62
  class: V(["app-trigger-wrapper", { "with-copy": !!l.valueToCopy }])
63
63
  }, [
64
64
  a("div", h({
65
- class: ["app-trigger", [l.size, t(C), { open: l.open, disabled: l.disabled }]]
65
+ class: ["app-trigger", [l.size, t(I), { open: l.open, disabled: l.disabled }]],
66
+ style: {
67
+ paddingLeft: r.$slots.image || t(d) && l.optionImageKey ? "8px" : "12px"
68
+ }
66
69
  }, t(y)[t(u).BUTTON_WRAPPER], {
67
- onClick: g[0] || (g[0] = (q) => I())
70
+ onClick: g[0] || (g[0] = (j) => C())
68
71
  }), [
69
72
  a("div", w, [
70
73
  r.$slots.image || t(d) && l.optionImageKey ? (o(), n("div", S, [
@@ -80,11 +83,11 @@ const w = { class: "app-trigger--content" }, S = {
80
83
  i(t(c), {
81
84
  type: l.optionIconType,
82
85
  name: t(d)[l.optionIconKey],
83
- size: "16px"
86
+ size: "20px"
84
87
  }, null, 8, ["type", "name"])
85
88
  ], !0)
86
89
  ])) : s("", !0),
87
- i(t(x), h({ variant: "button" }, t(y)[t(u).BUTTON_CONTENT], { class: "displayed-value" }), {
90
+ i(t($), h({ variant: "button" }, t(y)[t(u).BUTTON_CONTENT], { class: "displayed-value" }), {
88
91
  default: T(() => [
89
92
  a("div", P, [
90
93
  t(m) === f ? (o(), n("span", R, [
@@ -95,8 +98,8 @@ const w = { class: "app-trigger--content" }, S = {
95
98
  })
96
99
  ])) : s("", !0),
97
100
  a("div", U, [
98
- a("div", M, B(t(m)), 1),
99
- l.mandatory ? (o(), n("span", W, "*")) : s("", !0)
101
+ a("div", L, B(t(m)), 1),
102
+ l.mandatory ? (o(), n("span", M, "*")) : s("", !0)
100
103
  ])
101
104
  ])
102
105
  ]),
@@ -116,12 +119,12 @@ const w = { class: "app-trigger--content" }, S = {
116
119
  class: "app-trigger-key",
117
120
  onClick: b
118
121
  }, [
119
- i(t(N), {
122
+ i(t(K), {
120
123
  text: l.valueToCopy,
121
124
  header: "App key"
122
125
  }, {
123
126
  default: T(() => [
124
- a("div", j, [
127
+ a("div", W, [
125
128
  i(t(c), {
126
129
  name: "copy",
127
130
  size: "20px"
package/components/dropdown/v4/ChipDropdownTrigger.vue.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import o from "./ChipDropdownTrigger.vue2.js";
2
2
  /* empty css */import e from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_e5202bb9_lang.css"; //*');
4
- const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-e5202bb9"]]);
3
+ // import "../../../ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_c38e97df_lang.css"; //*');
4
+ const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-c38e97df"]]);
5
5
  export {
6
6
  s as default
7
7
  };
package/components/dropdown/v4/ChipDropdownTrigger.vue2.js CHANGED
@@ -1,4 +1,4 @@
1
- import "../../../ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_e5202bb9_lang.css"; import { defineComponent as V, ref as b, computed as p, openBlock as _, createElementBlock as C, mergeProps as s, unref as t, createElementVNode as c, createVNode as d, withCtx as w, createTextVNode as k, toDisplayString as v, withDirectives as u, vShow as f, withModifiers as x } from "vue";
1
+ import "../../../ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_c38e97df_lang.css"; import { defineComponent as V, ref as b, computed as p, openBlock as _, createElementBlock as C, mergeProps as s, unref as t, createElementVNode as c, createVNode as d, withCtx as w, createTextVNode as k, toDisplayString as v, withDirectives as u, vShow as f, withModifiers as x } from "vue";
2
2
  import m from "../../icon/v4/IconV4.vue.js";
3
3
  import A from "../../typography/v4/Typography.vue.js";
4
4
  import { DropdownTestIdModifiers as o } from "../../../testids/index.js";
package/components/dropdown/v4/DefaultDropdownTrigger.vue.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import o from "./DefaultDropdownTrigger.vue2.js";
2
2
  /* empty css */import e from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_c6156fa0_lang.css"; //*');
4
- const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-c6156fa0"]]);
3
+ // import "../../../DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_06dcfe6d_lang.css"; //*');
4
+ const d = /* @__PURE__ */ e(o, [["__scopeId", "data-v-06dcfe6d"]]);
5
5
  export {
6
- p as default
6
+ d as default
7
7
  };
package/components/dropdown/v4/DefaultDropdownTrigger.vue2.js CHANGED
@@ -1,17 +1,17 @@
1
- import "../../../DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_c6156fa0_lang.css"; import { defineComponent as O, computed as r, openBlock as a, createElementBlock as i, Fragment as I, createBlock as m, createCommentVNode as n, createElementVNode as s, mergeProps as y, unref as l, renderSlot as h, createVNode as c, withCtx as x, createTextVNode as V, toDisplayString as B } from "vue";
1
+ import "../../../DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_06dcfe6d_lang.css"; import { defineComponent as v, computed as s, openBlock as a, createElementBlock as i, Fragment as I, createBlock as m, createCommentVNode as n, createElementVNode as r, mergeProps as y, unref as l, renderSlot as h, createVNode as c, withCtx as x, createTextVNode as V, toDisplayString as B } from "vue";
2
2
  import A from "../../typography/v4/Typography.vue.js";
3
3
  import { DropdownTestIdModifiers as u } from "../../../testids/index.js";
4
4
  import g from "../../icon/v4/IconV4.vue.js";
5
5
  import N from "../../shared/FieldLabel.vue.js";
6
- import K from "../../shared/FieldHelpText.vue.js";
7
- import { useTestIdAttrs as C } from "../../../utils/testIds.js";
8
- const $ = { class: "content" }, D = {
6
+ import w from "../../shared/FieldHelpText.vue.js";
7
+ import { useTestIdAttrs as K } from "../../../utils/testIds.js";
8
+ const $ = { class: "content" }, C = {
9
9
  key: 0,
10
10
  class: "image"
11
- }, w = ["src"], H = {
11
+ }, D = ["src"], H = {
12
12
  key: 1,
13
13
  class: "start-icon"
14
- }, M = /* @__PURE__ */ O({
14
+ }, P = { class: "caret-down" }, W = /* @__PURE__ */ v({
15
15
  __name: "DefaultDropdownTrigger",
16
16
  props: {
17
17
  placeholder: { default: "Select" },
@@ -39,11 +39,11 @@ const $ = { class: "content" }, D = {
39
39
  },
40
40
  emits: ["click"],
41
41
  setup(t, { emit: T }) {
42
- const e = t, b = r(
42
+ const e = t, b = s(
43
43
  () => e.feedbackVariant ? `state-${e.feedbackVariant}` : ""
44
44
  ), k = () => {
45
45
  T("click");
46
- }, f = C(e.testId, u), v = r(() => e.multi ? !Array.isArray(e.selectedOption) || !e.selectedOption?.length ? e.placeholder : e.options?.length === e.selectedOption.length ? "All" : e.selectedOption?.length === 1 && e.displayValue ? e.displayValue(e.selectedOption[0]) : `${e.selectedOption.length} selected` : e.selectedOption ? e.displayValue(e.selectedOption) : e.placeholder), o = r(() => {
46
+ }, f = K(e.testId, u), O = s(() => e.multi ? !Array.isArray(e.selectedOption) || !e.selectedOption?.length ? e.placeholder : e.options?.length === e.selectedOption.length ? `All selected (${e.selectedOption.length})` : e.selectedOption?.length === 1 && e.displayValue ? e.displayValue(e.selectedOption[0]) : `${e.selectedOption.length} selected` : e.selectedOption ? e.displayValue(e.selectedOption) : e.placeholder), o = s(() => {
47
47
  if (!e.selectedOption)
48
48
  return null;
49
49
  if (!e.multi)
@@ -59,20 +59,21 @@ const $ = { class: "content" }, D = {
59
59
  "hover-help-text": t.hoverHelpText,
60
60
  "hover-help-text-placement": t.hoverHelpTextPlacement,
61
61
  disabled: t.disabled,
62
- "test-id": t.testId
62
+ "test-id": t.testId,
63
+ class: "dropdown-field-label"
63
64
  }, null, 8, ["label", "mandatory", "hover-help-text", "hover-help-text-placement", "disabled", "test-id"])) : n("", !0),
64
- s("div", y({
65
+ r("div", y({
65
66
  class: ["dropdown-trigger", [t.size, l(b), { open: t.open, disabled: t.disabled }]]
66
67
  }, l(f)[l(u).BUTTON_WRAPPER], {
67
- onClick: p[0] || (p[0] = (P) => k())
68
+ onClick: p[0] || (p[0] = (z) => k())
68
69
  }), [
69
- s("div", $, [
70
- d.$slots.image || l(o) && t.optionImageKey ? (a(), i("div", D, [
70
+ r("div", $, [
71
+ d.$slots.image || l(o) && t.optionImageKey ? (a(), i("div", C, [
71
72
  h(d.$slots, "image", {}, () => [
72
73
  t.optionImageKey ? (a(), i("img", {
73
74
  key: 0,
74
75
  src: l(o)[t.optionImageKey]
75
- }, null, 8, w)) : n("", !0)
76
+ }, null, 8, D)) : n("", !0)
76
77
  ], !0)
77
78
  ])) : n("", !0),
78
79
  d.$slots["icon-start"] || l(o) && t.optionIconKey ? (a(), i("div", H, [
@@ -80,33 +81,34 @@ const $ = { class: "content" }, D = {
80
81
  c(l(g), {
81
82
  type: t.optionIconType,
82
83
  name: l(o)[t.optionIconKey],
83
- size: "16px"
84
+ size: "20px"
84
85
  }, null, 8, ["type", "name"])
85
86
  ], !0)
86
87
  ])) : n("", !0),
87
88
  c(l(A), y({ variant: "body1" }, l(f)[l(u).BUTTON_CONTENT], { class: "displayed-value" }), {
88
89
  default: x(() => [
89
- V(B(l(v)), 1)
90
+ V(B(l(O)), 1)
90
91
  ]),
91
92
  _: 1
92
93
  }, 16)
93
94
  ]),
94
- s("div", null, [
95
+ r("div", P, [
95
96
  c(l(g), {
96
97
  name: "caret-down",
97
98
  size: "20px"
98
99
  })
99
100
  ])
100
101
  ], 16),
101
- t.feedbackText ? (a(), m(K, {
102
+ t.feedbackText ? (a(), m(w, {
102
103
  key: 1,
103
104
  text: t.feedbackText,
104
105
  variant: t.feedbackVariant,
105
- "test-id": t.testId
106
+ "test-id": t.testId,
107
+ class: "dropdown-field-help-text"
106
108
  }, null, 8, ["text", "variant", "test-id"])) : n("", !0)
107
109
  ], 64));
108
110
  }
109
111
  });
110
112
  export {
111
- M as default
113
+ W as default
112
114
  };
package/components/dropdown/v4/OptionV4.vue.d.ts CHANGED
@@ -20,7 +20,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
20
20
  nameKey: any;
21
21
  imageKey: any;
22
22
  iconKey: any;
23
- iconType: any;
23
+ iconType: string;
24
24
  }>, {}, 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<{
25
25
  option?: unknown;
26
26
  subtitle?: string;
@@ -43,7 +43,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
43
43
  nameKey: any;
44
44
  imageKey: any;
45
45
  iconKey: any;
46
- iconType: any;
46
+ iconType: string;
47
47
  }>>>, {
48
48
  option: any;
49
49
  disabled: boolean;
package/components/dropdown/v4/OptionV4.vue.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import o from "./OptionV4.vue2.js";
2
2
  /* empty css */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../OptionV4.vue_vue_type_style_index_0_scoped_17d78416_lang.css"; //*');
4
- const s = /* @__PURE__ */ _(o, [["__scopeId", "data-v-17d78416"]]);
3
+ // import "../../../OptionV4.vue_vue_type_style_index_0_scoped_d2743070_lang.css"; //*');
4
+ const s = /* @__PURE__ */ _(o, [["__scopeId", "data-v-d2743070"]]);
5
5
  export {
6
6
  s as default
7
7
  };
package/components/dropdown/v4/OptionV4.vue2.js CHANGED
@@ -1,12 +1,12 @@
1
- import "../../../OptionV4.vue_vue_type_style_index_0_scoped_17d78416_lang.css"; import { defineComponent as $, openBlock as n, createElementBlock as o, normalizeClass as y, unref as t, createElementVNode as d, createBlock as k, createCommentVNode as l, renderSlot as m, createVNode as r, withCtx as b, createTextVNode as g, toDisplayString as h, withModifiers as p } from "vue";
1
+ import "../../../OptionV4.vue_vue_type_style_index_0_scoped_d2743070_lang.css"; import { defineComponent as $, openBlock as n, createElementBlock as o, normalizeClass as y, unref as t, createElementVNode as d, createBlock as k, createCommentVNode as l, renderSlot as m, createVNode as r, withCtx as b, createTextVNode as g, toDisplayString as h, withModifiers as T } from "vue";
2
2
  import "../../typography/Heading.vue.js";
3
- import N from "../../typography/Text.vue.js";
4
- import T from "../../checkbox/v4/CheckboxV4.vue.js";
3
+ import p from "../../typography/Text.vue.js";
4
+ import x from "../../checkbox/v4/CheckboxV4.vue.js";
5
5
  import v from "../../icon/v4/IconV4.vue.js";
6
- import { NOOP as V } from "@vue/shared";
7
- import { optionCommon as w } from "../common/Option.common.js";
8
- import x from "../../typography/v4/Typography.vue.js";
9
- const z = {
6
+ import { NOOP as z } from "@vue/shared";
7
+ import { optionCommon as N } from "../common/Option.common.js";
8
+ import V from "../../typography/v4/Typography.vue.js";
9
+ const w = {
10
10
  key: 1,
11
11
  class: "image"
12
12
  }, O = ["src"], S = {
@@ -25,10 +25,10 @@ const z = {
25
25
  nameKey: { default: null },
26
26
  imageKey: { default: null },
27
27
  iconKey: { default: null },
28
- iconType: { default: null }
28
+ iconType: { default: "regular" }
29
29
  },
30
30
  setup(e) {
31
- const K = e, { selected: s, isMulti: c, id: C, onClick: B, api: u } = w(K);
31
+ const K = e, { selected: s, isMulti: c, id: C, onClick: B, api: u } = N(K);
32
32
  return (i, a) => (n(), o("div", {
33
33
  ref: "el",
34
34
  class: y(["item-container", {
@@ -44,7 +44,7 @@ const z = {
44
44
  "item--with-icon": i.$slots["icon-start"] || i.$slots.image
45
45
  }])
46
46
  }, [
47
- t(c) ? (n(), k(t(T), {
47
+ t(c) ? (n(), k(t(x), {
48
48
  key: 0,
49
49
  id: t(C).toString(),
50
50
  tabindex: "-1",
@@ -52,9 +52,9 @@ const z = {
52
52
  size: "sm",
53
53
  "is-checked": t(s),
54
54
  "is-indeterminate": e.isIndeterminate && !e.option,
55
- onClick: a[0] || (a[0] = (f) => e.disabled ? t(V)() : t(B)(f))
55
+ onClick: a[0] || (a[0] = (f) => e.disabled ? t(z)() : t(B)(f))
56
56
  }, null, 8, ["id", "is-checked", "is-indeterminate"])) : l("", !0),
57
- i.$slots.image || e.imageKey ? (n(), o("div", z, [
57
+ i.$slots.image || e.imageKey ? (n(), o("div", w, [
58
58
  m(i.$slots, "image", {}, () => [
59
59
  e.imageKey ? (n(), o("img", {
60
60
  key: 0,
@@ -67,12 +67,12 @@ const z = {
67
67
  r(t(v), {
68
68
  type: e.iconType,
69
69
  name: e.option[e.iconKey],
70
- size: "16px"
71
- }, null, 8, ["type", "name"])
70
+ size: e.iconType === "regular" ? "20px" : "16px"
71
+ }, null, 8, ["type", "name", "size"])
72
72
  ], !0)
73
73
  ])) : l("", !0),
74
74
  d("div", I, [
75
- r(t(x), { variant: "body2" }, {
75
+ r(t(V), { variant: "body2" }, {
76
76
  default: b(() => [
77
77
  m(i.$slots, "default", {}, () => [
78
78
  g(h(e.option[e.nameKey]), 1)
@@ -80,7 +80,7 @@ const z = {
80
80
  ]),
81
81
  _: 3
82
82
  }),
83
- e.subtitle ? (n(), k(t(N), {
83
+ e.subtitle ? (n(), k(t(p), {
84
84
  key: 0,
85
85
  class: "subtitle",
86
86
  size: "xs"
@@ -95,7 +95,7 @@ const z = {
95
95
  t(u).clearable && t(s) ? (n(), o("div", E, [
96
96
  d("button", {
97
97
  class: "clear-button",
98
- onClick: a[1] || (a[1] = p((f) => t(u).clearSelection(), ["prevent", "stop"]))
98
+ onClick: a[1] || (a[1] = T((f) => t(u).clearSelection(), ["prevent", "stop"]))
99
99
  }, [
100
100
  r(t(v), {
101
101
  name: "close",
package/components/dropdown/v4/index.d.ts CHANGED
@@ -1093,7 +1093,7 @@ declare const DropdownTypes: () => (({
1093
1093
  };
1094
1094
  iconType: {
1095
1095
  type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
1096
- default: any;
1096
+ default: string;
1097
1097
  };
1098
1098
  }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "option" | "disabled" | "active" | "isIndeterminate" | "subtitle" | "selectAllOption" | "nameKey" | "imageKey" | "iconKey" | "iconType">;
1099
1099
  $attrs: {
@@ -1151,7 +1151,7 @@ declare const DropdownTypes: () => (({
1151
1151
  };
1152
1152
  iconType: {
1153
1153
  type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
1154
- default: any;
1154
+ default: string;
1155
1155
  };
1156
1156
  }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
1157
1157
  option: any;
@@ -1226,7 +1226,7 @@ declare const DropdownTypes: () => (({
1226
1226
  };
1227
1227
  iconType: {
1228
1228
  type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
1229
- default: any;
1229
+ default: string;
1230
1230
  };
1231
1231
  }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
1232
1232
  __isFragment?: never;
@@ -1274,7 +1274,7 @@ declare const DropdownTypes: () => (({
1274
1274
  };
1275
1275
  iconType: {
1276
1276
  type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
1277
- default: any;
1277
+ default: string;
1278
1278
  };
1279
1279
  }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
1280
1280
  option: any;
package/components/forms/FormContainer.vue.d.ts ADDED
@@ -0,0 +1,9 @@
1
+ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>, {
2
+ default?(_: {}): any;
3
+ }>;
4
+ export default _default;
5
+ type __VLS_WithTemplateSlots<T, S> = T & {
6
+ new (): {
7
+ $slots: S;
8
+ };
9
+ };
package/components/forms/FormField.vue.d.ts ADDED
@@ -0,0 +1,24 @@
1
+ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
2
+ validationPath: string;
3
+ }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
4
+ validationPath: string;
5
+ }>>>, {}>, {
6
+ default?(_: {
7
+ validationPath: string;
8
+ }): any;
9
+ }>;
10
+ export default _default;
11
+ type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
12
+ type __VLS_TypePropsToRuntimeProps<T> = {
13
+ [K in keyof T]-?: {} extends Pick<T, K> ? {
14
+ type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
15
+ } : {
16
+ type: import('vue').PropType<T[K]>;
17
+ required: true;
18
+ };
19
+ };
20
+ type __VLS_WithTemplateSlots<T, S> = T & {
21
+ new (): {
22
+ $slots: S;
23
+ };
24
+ };