@ironsource/shared-ui 2.1.6-rc.14 → 2.1.6-rc.16

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 (42) hide show
  1. package/AppDropdownTrigger.vue_vue_type_style_index_0_scoped_71c3ab74_lang.css +1 -0
  2. package/Dropdown.vue_vue_type_style_index_0_scoped_aaa8c4bb_lang.css +1 -0
  3. package/DropdownV4.vue_vue_type_style_index_0_scoped_77f8bdb6_lang.css +1 -0
  4. package/InlineCopy.vue_vue_type_style_index_0_scoped_6a7b3795_lang.css +1 -0
  5. package/OptionV4.vue_vue_type_style_index_0_scoped_7f8f35a1_lang.css +1 -0
  6. package/TextField.vue_vue_type_style_index_0_scoped_a6457440_lang.css +1 -0
  7. package/TooltipV4.vue_vue_type_style_index_0_scoped_fcdb9d02_lang.css +1 -0
  8. package/components/dropdown/common/Dropdown.common.js +20 -20
  9. package/components/dropdown/v3/Dropdown.vue.d.ts +4 -0
  10. package/components/dropdown/v3/Dropdown.vue.js +4 -4
  11. package/components/dropdown/v3/Dropdown.vue2.js +32 -32
  12. package/components/dropdown/v3/index.d.ts +13 -1
  13. package/components/dropdown/v4/AppDropdownTrigger.vue.js +2 -2
  14. package/components/dropdown/v4/AppDropdownTrigger.vue2.js +1 -1
  15. package/components/dropdown/v4/DropdownV4.vue.d.ts +14 -0
  16. package/components/dropdown/v4/DropdownV4.vue.js +2 -2
  17. package/components/dropdown/v4/DropdownV4.vue2.js +61 -57
  18. package/components/dropdown/v4/OptionV4.vue.d.ts +11 -0
  19. package/components/dropdown/v4/OptionV4.vue.js +2 -2
  20. package/components/dropdown/v4/OptionV4.vue2.js +62 -45
  21. package/components/dropdown/v4/index.d.ts +92 -3
  22. package/components/inlineCopy/InlineCopy.vue.d.ts +6 -2
  23. package/components/inlineCopy/InlineCopy.vue.js +3 -3
  24. package/components/inlineCopy/InlineCopy.vue2.js +23 -22
  25. package/components/inlineCopy/index.d.ts +6 -2
  26. package/components/input/v4/TextField.vue.d.ts +5 -0
  27. package/components/input/v4/TextField.vue.js +3 -3
  28. package/components/input/v4/TextField.vue2.js +21 -19
  29. package/components/input/v4/index.d.ts +20 -1
  30. package/components/tooltip/v4/TooltipV4.vue.d.ts +6 -2
  31. package/components/tooltip/v4/TooltipV4.vue.js +2 -2
  32. package/components/tooltip/v4/TooltipV4.vue2.js +21 -19
  33. package/components/tooltip/v4/index.d.ts +17 -5
  34. package/index.d.ts +270 -22
  35. package/package.json +1 -1
  36. package/AppDropdownTrigger.vue_vue_type_style_index_0_scoped_0267d003_lang.css +0 -1
  37. package/Dropdown.vue_vue_type_style_index_0_scoped_d4f8e790_lang.css +0 -1
  38. package/DropdownV4.vue_vue_type_style_index_0_scoped_0968078f_lang.css +0 -1
  39. package/InlineCopy.vue_vue_type_style_index_0_scoped_ff9f4a0f_lang.css +0 -1
  40. package/OptionV4.vue_vue_type_style_index_0_scoped_b8375219_lang.css +0 -1
  41. package/TextField.vue_vue_type_style_index_0_scoped_22c12586_lang.css +0 -1
  42. package/TooltipV4.vue_vue_type_style_index_0_scoped_25809092_lang.css +0 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ironsource/shared-ui",
3
- "version": "2.1.6-rc.14",
3
+ "version": "2.1.6-rc.16",
4
4
  "engines": {
5
5
  "npm": ">=7.0.0",
6
6
  "node": ">=16.0.0"
@@ -1 +0,0 @@
1
- .app-trigger-wrapper[data-v-0267d003]{display:flex}.app-trigger-wrapper.with-copy .app-trigger[data-v-0267d003]{border-radius:var(--border-radius-lg) 0 0 var(--border-radius-lg);width:calc(100% - 41px)}.app-trigger-key[data-v-0267d003]{flex:none}.app-trigger-key--content[data-v-0267d003]{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-0267d003]:hover{background:var(--action-selected)}.app-trigger[data-v-0267d003]{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-0267d003]:hover,.app-trigger.active[data-v-0267d003]{background:var(--action-selected)}.app-trigger.disabled[data-v-0267d003]{cursor:auto}.app-trigger--content[data-v-0267d003]{color:var(--text-primary);display:flex;column-gap:4px;width:calc(100% - 20px);align-items:center}.app-trigger--content .x-circle-wrapper[data-v-0267d003]{color:var(--primary-dark)}.app-trigger--content .x-circle-wrapper[data-v-0267d003]:hover{color:var(--primary-main)}.app-trigger--icon[data-v-0267d003]{display:flex;align-items:center;color:var(--action-active)}.app-trigger .displayed-value[data-v-0267d003]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-trigger .image[data-v-0267d003]{width:28px;height:28px;flex:none}.app-trigger .image img[data-v-0267d003]{border-radius:4px;width:100%;height:100%}.app-trigger .start-icon[data-v-0267d003]{display:flex;color:var(--action-active)}.app-trigger .label-text[data-v-0267d003]{display:flex;align-items:center;gap:8px}.app-trigger .label-text .text-content[data-v-0267d003]{display:flex;align-items:center;gap:4px;width:100%}.app-trigger .label-text .text-content .text-content-value[data-v-0267d003]{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-trigger .label-text .is-mandatory[data-v-0267d003]{padding-top:5px;color:var(--error-main)}
@@ -1 +0,0 @@
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}
@@ -1 +0,0 @@
1
- .v-enter-active[data-v-0968078f],.v-leave-active[data-v-0968078f]{transition:opacity .25s ease}ol[data-v-0968078f],ul[data-v-0968078f],menu[data-v-0968078f]{list-style:none;margin:0;padding:0}.dropdown.full-width[data-v-0968078f],.dropdown.full-width .button__container[data-v-0968078f]{width:100%}.dropdown-list-wrapper[data-v-0968078f]{display:flex;flex-direction:column;padding:.5rem}.list-container--multi[data-v-0968078f]{margin-bottom:0}.inline-search .inline-search-wrapper[data-v-0968078f]{padding-bottom:.25rem}.inline-search .list-container[data-v-0968078f]{padding-top:0}.no-result-container[data-v-0968078f]{height:100%;display:flex;align-items:center;padding:.375rem .5rem;color:var(--text-disabled)}.no-result[data-v-0968078f]{color:var(--text-disabled);padding-left:.5rem}.list[data-v-0968078f]{outline:none;display:flex;flex-direction:column;width:100%;min-height:2rem}.list--multi[data-v-0968078f]{margin-bottom:.5rem;border-bottom-left-radius:0;border-bottom-right-radius:0}.list li[data-v-0968078f]:last-child .item-container{margin-bottom:0}.image-slot[data-v-0968078f]{margin-right:.5rem}.actions-wrapper[data-v-0968078f]{display:flex;width:100%;padding:.5rem .5rem .5rem .125rem;padding-bottom:0;border-top:1px solid var(--common-divider);justify-content:space-between;margin-top:.25rem}.apply-button[data-v-0968078f]{margin-left:.5rem}
@@ -1 +0,0 @@
1
- .inline-copy[data-v-ff9f4a0f]{display:inline-flex;cursor:pointer;color:var(--action-active)}.inline-copy .icon-copy[data-v-ff9f4a0f]{padding:0 4px;cursor:pointer;color:var(--action-active)}.inline-copy .icon-copy[data-v-ff9f4a0f]:hover{color:var(--action-primary)}
@@ -1 +0,0 @@
1
- .label[data-v-b8375219]{color:#41454d}.item-container[data-v-b8375219]{width:100%;display:flex;align-items:center;cursor:pointer;border-radius:var(--border-radius-lg);margin-bottom:.25rem;color:var(--text-primary);padding:6px 8px}.item-container--disabled[data-v-b8375219]{cursor:initial;color:var(--text-disabled)}.item-container[data-v-b8375219]:hover:not(.item-container--disabled){background-color:var(--action-hover)}.item-container--active[data-v-b8375219],.item-container[data-v-b8375219]:active{background-color:var(--action-selected)}.item-container:not(.item-container--multi).item-container--selected[data-v-b8375219]{background-color:var(--action-selected)}.subtitle[data-v-b8375219]{color:#7b838c;line-height:1rem}.clear-button[data-v-b8375219]{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-b8375219]:hover{color:#3083ff}.item[data-v-b8375219]{width:100%;display:flex;gap:.5rem;align-items:center}.item--with-icon[data-v-b8375219],.item--multi[data-v-b8375219]{display:flex;flex-direction:row;align-items:center;justify-content:start}.item .image[data-v-b8375219]{width:20px;height:20px;flex:none}.item .image img[data-v-b8375219]{width:20px;height:20px;border-radius:4px}.item .start-icon[data-v-b8375219]{display:flex;color:var(--action-active)}.text-container[data-v-b8375219]{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left}.tooltip-option[data-v-b8375219]{display:block}.tooltip-option[data-v-b8375219] .container{width:100%}
@@ -1 +0,0 @@
1
- @import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.font-tab-label2[data-v-22c12586],.font-chart-2[data-v-22c12586],.font-chart-1[data-v-22c12586]{font-family:Inter,sans-serif;font-weight:700}.font-chip-label[data-v-22c12586],.font-table-label[data-v-22c12586],.font-button[data-v-22c12586],.font-heading-6[data-v-22c12586],.font-heading-5[data-v-22c12586],.font-heading-4[data-v-22c12586],.font-heading-3[data-v-22c12586],.font-heading-2[data-v-22c12586],.font-heading-1[data-v-22c12586],.font-title[data-v-22c12586]{font-family:Inter,sans-serif;font-weight:600}.font-tab-label1[data-v-22c12586],.font-input-label[data-v-22c12586],.font-overline[data-v-22c12586],.font-subtitle-2[data-v-22c12586],.font-subtitle-1[data-v-22c12586]{font-family:Inter,sans-serif;font-weight:500}.font-caption[data-v-22c12586],.font-body-2[data-v-22c12586],.input-container .input[data-v-22c12586],.font-body-1[data-v-22c12586]{font-family:Inter,sans-serif;font-weight:400}.font-title[data-v-22c12586]{font-size:2.5rem;line-height:3rem;letter-spacing:-.055rem}.font-heading-1[data-v-22c12586]{font-size:1.5rem;line-height:1.75rem;letter-spacing:-.0285rem}.font-heading-2[data-v-22c12586]{font-size:1.125rem;line-height:1.75rem;letter-spacing:-.01575rem}.font-heading-3[data-v-22c12586]{font-size:1rem;line-height:1.5rem;letter-spacing:-.011rem}.font-heading-4[data-v-22c12586]{font-size:.875rem;line-height:1rem;letter-spacing:unset}.font-heading-5[data-v-22c12586]{font-size:.8125rem;line-height:16px;letter-spacing:unset}.font-heading-6[data-v-22c12586]{font-size:.75rem;line-height:.75rem;letter-spacing:0}.input-container .input[data-v-22c12586],.font-body-1[data-v-22c12586]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-body-2[data-v-22c12586]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-subtitle-1[data-v-22c12586]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-subtitle-2[data-v-22c12586]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-chart-1[data-v-22c12586]{font-size:1.5rem;line-height:1.5rem;letter-spacing:-.015rem}.font-chart-2[data-v-22c12586]{font-size:1.25rem;line-height:1.25rem;letter-spacing:-.0125rem}.font-button[data-v-22c12586]{font-size:.875rem;line-height:1.25rem;letter-spacing:.00875rem}.font-overline[data-v-22c12586]{font-size:.75rem;line-height:1rem;letter-spacing:.045rem;text-transform:uppercase}.font-caption[data-v-22c12586]{font-size:.75rem;line-height:1rem}.font-table-label[data-v-22c12586]{font-size:.8125rem;line-height:1.25rem;letter-spacing:.00813rem}.font-input-label[data-v-22c12586]{font-size:.8125rem;line-height:1rem;letter-spacing:.00813rem}.font-tab-label1[data-v-22c12586],.font-tab-label2[data-v-22c12586]{font-size:.875rem;line-height:1rem}.font-chip-label[data-v-22c12586]{font-size:.75rem;line-height:1rem}h1[data-v-22c12586],h2[data-v-22c12586],h3[data-v-22c12586],h4[data-v-22c12586],h5[data-v-22c12586],h6[data-v-22c12586]{margin:0}.disabled .input[data-v-22c12586]::placeholder{color:var(--text-disabled)}.disabled .input-container[data-v-22c12586]{cursor:no-drop;background-color:var(--action-disabled-background)}.disabled .input-container[data-v-22c12586]:hover{outline:1px solid var(--action-outlined-border);background-color:var(--action-disabled-background)}.input-size-small[data-v-22c12586]{height:28px}.input-size-medium[data-v-22c12586]{height:32px}.input-size-large[data-v-22c12586]{height:40px}.input-with-label-container[data-v-22c12586]{display:flex;flex-direction:column}.input-container[data-v-22c12586]{flex-grow:2;display:flex;flex-direction:row;align-items:center;border-radius:var(--border-radius-md);background:var(--default-main);outline:1px solid var(--action-outlined-border);outline-offset:-1px;padding:0 var(--spacing-100);position:relative}.input-container[data-v-22c12586]:hover{outline:1px solid var(--action-active);background-color:var(--action-hover)}.input-container .input[data-v-22c12586]{padding:0;width:100%;border:none;background:transparent;color:var(--text-primary);line-height:normal}.input-container .input[data-v-22c12586]:focus{outline:none}.input-container .input[data-v-22c12586]:disabled{color:var(--text-disabled);cursor:no-drop}.input-container .input.view-only[data-v-22c12586]{color:var(--text-disabled)}.input-container .input[type=number][data-v-22c12586]::-webkit-inner-spin-button{opacity:.7;transform:scale(1.1)}.input-container .hide-arrows.input[type=number][data-v-22c12586]::-webkit-inner-spin-button,.input-container .hide-arrows.input[type=number][data-v-22c12586]::-webkit-outer-spin-button{margin:0;-webkit-appearance:none;appearance:none}.input-container .input[type=password][data-v-22c12586]{letter-spacing:4px}.input-container[data-v-22c12586] ::placeholder{color:var(--text-secondary);letter-spacing:normal}.input-container .label-inside[data-v-22c12586]::placeholder{color:var(--text-primary)}.input-container .icon-container[data-v-22c12586]{display:flex;align-items:center;color:var(--text-secondary)}.input-container .icon-before[data-v-22c12586]{padding-right:var(--spacing-100)}.input-container .icon-after[data-v-22c12586]{padding-left:var(--spacing-100)}.prefix-text[data-v-22c12586]{color:var(--text-secondary, #646464);margin-right:var(--spacing-100)}.suffix-text[data-v-22c12586]{color:var(--text-secondary, #646464);margin-left:var(--spacing-100)}.focused[data-v-22c12586],.focused[data-v-22c12586]:hover{outline:2px solid var(--primary-main);background-color:var(--action-hover)}.error-icon.error-icon[data-v-22c12586],.error-icon.error-icon[data-v-22c12586]:hover{color:var(--error-main)}.confirm-icon.confirm-icon[data-v-22c12586]{padding-left:.25rem}.confirm-icon.confirm-icon[data-v-22c12586]:hover{color:var(--primary-main)}.label-direction-left[data-v-22c12586]{flex-direction:row;align-items:center;justify-content:space-between}.apply-button[data-v-22c12586]{cursor:pointer;color:var(--primary-main);width:var(--spacing-250);height:var(--spacing-250)}.inline-error[data-v-22c12586]{cursor:pointer;color:var(--error-main);display:flex;justify-content:center;align-items:center}.footer[data-v-22c12586]{display:flex;justify-content:flex-end;margin-top:var(--spacing-50)}.footer.footer-absolute[data-v-22c12586]{position:absolute;bottom:calc(0px - var(--spacing-300))}.password-visibility-toggle[data-v-22c12586]{cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.variant-success .input-container[data-v-22c12586],.variant-success .input-container[data-v-22c12586]:hover{outline:2px solid var(--success-dark)}.variant-error .input-container[data-v-22c12586],.variant-error .input-container[data-v-22c12586]:hover{outline:2px solid var(--error-main)}.variant-warning .input-container[data-v-22c12586],.variant-warning .input-container[data-v-22c12586]:hover{outline:2px solid var(--warning-dark)}
@@ -1 +0,0 @@
1
- div[data-v-25809092]{display:block}