@ironsource/shared-ui 2.1.6-rc.24 → 2.1.6-rc.27

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 (27) hide show
  1. package/Alert.vue_vue_type_style_index_0_scoped_a9f0dfcc_lang.css +1 -0
  2. package/AppDropdownTrigger.vue_vue_type_style_index_0_scoped_39c47ad1_lang.css +1 -0
  3. package/DropdownV4.vue_vue_type_style_index_0_scoped_0363db63_lang.css +1 -0
  4. package/HelpIcon.vue_vue_type_style_index_0_scoped_7a611779_lang.css +1 -0
  5. package/OptionV4.vue_vue_type_style_index_0_scoped_e0c24b6a_lang.css +1 -0
  6. package/components/alert/Alert.vue.d.ts +7 -0
  7. package/components/alert/Alert.vue.js +3 -3
  8. package/components/alert/Alert.vue2.js +44 -40
  9. package/components/alert/index.d.ts +27 -2
  10. package/components/dropdown/v4/AppDropdownTrigger.vue.d.ts +0 -11
  11. package/components/dropdown/v4/AppDropdownTrigger.vue.js +3 -3
  12. package/components/dropdown/v4/AppDropdownTrigger.vue2.js +58 -72
  13. package/components/dropdown/v4/DropdownV4.vue.js +3 -3
  14. package/components/dropdown/v4/DropdownV4.vue2.js +42 -44
  15. package/components/dropdown/v4/OptionV4.vue.js +3 -3
  16. package/components/dropdown/v4/OptionV4.vue2.js +12 -12
  17. package/components/dropdown/v4/index.d.ts +1 -40
  18. package/components/table/v4/HelpIcon.vue.js +5 -5
  19. package/components/table/v4/HelpIcon.vue2.js +5 -5
  20. package/index.d.ts +2 -80
  21. package/mocks/apps.d.ts +0 -1
  22. package/package.json +1 -1
  23. package/Alert.vue_vue_type_style_index_0_scoped_d6680a72_lang.css +0 -1
  24. package/AppDropdownTrigger.vue_vue_type_style_index_0_scoped_092d0e03_lang.css +0 -1
  25. package/DropdownV4.vue_vue_type_style_index_0_scoped_2e7a89bc_lang.css +0 -1
  26. package/HelpIcon.vue_vue_type_style_index_0_scoped_06fce2e3_lang.css +0 -1
  27. package/OptionV4.vue_vue_type_style_index_0_scoped_89b98201_lang.css +0 -1
package/index.d.ts CHANGED
@@ -13526,8 +13526,6 @@ declare const _default: {
13526
13526
  optionIconKey: string;
13527
13527
  optionImageKey: string;
13528
13528
  optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
13529
- optionEndIconKey: string;
13530
- optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
13531
13529
  valueToCopy: string;
13532
13530
  selectedOption: any;
13533
13531
  brandIconType: "android" | "ios";
@@ -13598,14 +13596,6 @@ declare const _default: {
13598
13596
  type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
13599
13597
  default: any;
13600
13598
  };
13601
- optionEndIconKey: {
13602
- type: import("vue").PropType<string>;
13603
- default: any;
13604
- };
13605
- optionEndIconType: {
13606
- type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
13607
- default: any;
13608
- };
13609
13599
  valueToCopy: {
13610
13600
  type: import("vue").PropType<string>;
13611
13601
  default: any;
@@ -13621,7 +13611,7 @@ declare const _default: {
13621
13611
  }>> & {
13622
13612
  onClick?: () => any;
13623
13613
  onCopyToClipboard?: () => any;
13624
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "disabled" | "size" | "open" | "mandatory" | "loading" | "testId" | "options" | "singleAppSelection" | "placeholder" | "multi" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "valueToCopy" | "selectedOption" | "brandIconType">;
13614
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "disabled" | "size" | "open" | "mandatory" | "loading" | "testId" | "options" | "singleAppSelection" | "placeholder" | "multi" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "valueToCopy" | "selectedOption" | "brandIconType">;
13625
13615
  $attrs: {
13626
13616
  [x: string]: unknown;
13627
13617
  };
@@ -13702,14 +13692,6 @@ declare const _default: {
13702
13692
  type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
13703
13693
  default: any;
13704
13694
  };
13705
- optionEndIconKey: {
13706
- type: import("vue").PropType<string>;
13707
- default: any;
13708
- };
13709
- optionEndIconType: {
13710
- type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
13711
- default: any;
13712
- };
13713
13695
  valueToCopy: {
13714
13696
  type: import("vue").PropType<string>;
13715
13697
  default: any;
@@ -13744,8 +13726,6 @@ declare const _default: {
13744
13726
  optionIconKey: string;
13745
13727
  optionImageKey: string;
13746
13728
  optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
13747
- optionEndIconKey: string;
13748
- optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
13749
13729
  valueToCopy: string;
13750
13730
  selectedOption: any;
13751
13731
  brandIconType: "android" | "ios";
@@ -13836,14 +13816,6 @@ declare const _default: {
13836
13816
  type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
13837
13817
  default: any;
13838
13818
  };
13839
- optionEndIconKey: {
13840
- type: import("vue").PropType<string>;
13841
- default: any;
13842
- };
13843
- optionEndIconType: {
13844
- type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
13845
- default: any;
13846
- };
13847
13819
  valueToCopy: {
13848
13820
  type: import("vue").PropType<string>;
13849
13821
  default: any;
@@ -13930,14 +13902,6 @@ declare const _default: {
13930
13902
  type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
13931
13903
  default: any;
13932
13904
  };
13933
- optionEndIconKey: {
13934
- type: import("vue").PropType<string>;
13935
- default: any;
13936
- };
13937
- optionEndIconType: {
13938
- type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
13939
- default: any;
13940
- };
13941
13905
  valueToCopy: {
13942
13906
  type: import("vue").PropType<string>;
13943
13907
  default: any;
@@ -13972,8 +13936,6 @@ declare const _default: {
13972
13936
  optionIconKey: string;
13973
13937
  optionImageKey: string;
13974
13938
  optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
13975
- optionEndIconKey: string;
13976
- optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
13977
13939
  valueToCopy: string;
13978
13940
  selectedOption: any;
13979
13941
  brandIconType: "android" | "ios";
@@ -13981,7 +13943,6 @@ declare const _default: {
13981
13943
  $slots: {
13982
13944
  image?(_: {}): any;
13983
13945
  "icon-start"?(_: {}): any;
13984
- "icon-end"?(_: {}): any;
13985
13946
  };
13986
13947
  });
13987
13948
  DropdownTypes: () => (({
@@ -14531,8 +14492,6 @@ declare const _default: {
14531
14492
  optionIconKey: string;
14532
14493
  optionImageKey: string;
14533
14494
  optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
14534
- optionEndIconKey: string;
14535
- optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
14536
14495
  valueToCopy: string;
14537
14496
  selectedOption: any;
14538
14497
  brandIconType: "android" | "ios";
@@ -14603,14 +14562,6 @@ declare const _default: {
14603
14562
  type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
14604
14563
  default: any;
14605
14564
  };
14606
- optionEndIconKey: {
14607
- type: import("vue").PropType<string>;
14608
- default: any;
14609
- };
14610
- optionEndIconType: {
14611
- type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
14612
- default: any;
14613
- };
14614
14565
  valueToCopy: {
14615
14566
  type: import("vue").PropType<string>;
14616
14567
  default: any;
@@ -14626,7 +14577,7 @@ declare const _default: {
14626
14577
  }>> & {
14627
14578
  onClick?: () => any;
14628
14579
  onCopyToClipboard?: () => any;
14629
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "disabled" | "size" | "open" | "mandatory" | "loading" | "testId" | "options" | "singleAppSelection" | "placeholder" | "multi" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "valueToCopy" | "selectedOption" | "brandIconType">;
14580
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "disabled" | "size" | "open" | "mandatory" | "loading" | "testId" | "options" | "singleAppSelection" | "placeholder" | "multi" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "valueToCopy" | "selectedOption" | "brandIconType">;
14630
14581
  $attrs: {
14631
14582
  [x: string]: unknown;
14632
14583
  };
@@ -14707,14 +14658,6 @@ declare const _default: {
14707
14658
  type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
14708
14659
  default: any;
14709
14660
  };
14710
- optionEndIconKey: {
14711
- type: import("vue").PropType<string>;
14712
- default: any;
14713
- };
14714
- optionEndIconType: {
14715
- type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
14716
- default: any;
14717
- };
14718
14661
  valueToCopy: {
14719
14662
  type: import("vue").PropType<string>;
14720
14663
  default: any;
@@ -14749,8 +14692,6 @@ declare const _default: {
14749
14692
  optionIconKey: string;
14750
14693
  optionImageKey: string;
14751
14694
  optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
14752
- optionEndIconKey: string;
14753
- optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
14754
14695
  valueToCopy: string;
14755
14696
  selectedOption: any;
14756
14697
  brandIconType: "android" | "ios";
@@ -14841,14 +14782,6 @@ declare const _default: {
14841
14782
  type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
14842
14783
  default: any;
14843
14784
  };
14844
- optionEndIconKey: {
14845
- type: import("vue").PropType<string>;
14846
- default: any;
14847
- };
14848
- optionEndIconType: {
14849
- type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
14850
- default: any;
14851
- };
14852
14785
  valueToCopy: {
14853
14786
  type: import("vue").PropType<string>;
14854
14787
  default: any;
@@ -14935,14 +14868,6 @@ declare const _default: {
14935
14868
  type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
14936
14869
  default: any;
14937
14870
  };
14938
- optionEndIconKey: {
14939
- type: import("vue").PropType<string>;
14940
- default: any;
14941
- };
14942
- optionEndIconType: {
14943
- type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
14944
- default: any;
14945
- };
14946
14871
  valueToCopy: {
14947
14872
  type: import("vue").PropType<string>;
14948
14873
  default: any;
@@ -14977,8 +14902,6 @@ declare const _default: {
14977
14902
  optionIconKey: string;
14978
14903
  optionImageKey: string;
14979
14904
  optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
14980
- optionEndIconKey: string;
14981
- optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
14982
14905
  valueToCopy: string;
14983
14906
  selectedOption: any;
14984
14907
  brandIconType: "android" | "ios";
@@ -14986,7 +14909,6 @@ declare const _default: {
14986
14909
  $slots: {
14987
14910
  image?(_: {}): any;
14988
14911
  "icon-start"?(_: {}): any;
14989
- "icon-end"?(_: {}): any;
14990
14912
  };
14991
14913
  })) | ({
14992
14914
  new (...args: any[]): {
package/mocks/apps.d.ts CHANGED
@@ -3,6 +3,5 @@ export type Application = {
3
3
  platform: string;
4
4
  name: string;
5
5
  image: string;
6
- abIcon?: string;
7
6
  };
8
7
  export declare const appMocks: Application[];
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ironsource/shared-ui",
3
- "version": "2.1.6-rc.24",
3
+ "version": "2.1.6-rc.27",
4
4
  "engines": {
5
5
  "npm": ">=7.0.0",
6
6
  "node": ">=16.0.0"
package/Alert.vue_vue_type_style_index_0_scoped_d6680a72_lang.css DELETED
@@ -1 +0,0 @@
1
- .alert[data-v-d6680a72]{padding:var(--spacing-150) var(--spacing-200);display:flex;align-items:center}.alert--rounded[data-v-d6680a72]{border-radius:var(--border-radius-lg)}.alert--success[data-v-d6680a72]{outline-color:var(--success-main);background-color:var(--success-lighter)}.alert--success .alert-icon[data-v-d6680a72]{color:var(--success-main)}.alert--warning[data-v-d6680a72]{outline-color:var(--warning-main);background-color:var(--warning-lighter)}.alert--warning .alert-icon[data-v-d6680a72]{color:var(--warning-main)}.alert--danger[data-v-d6680a72]{outline-color:var(--error-main);background-color:var(--error-lighter)}.alert--danger .alert-icon[data-v-d6680a72]{color:var(--error-main)}.alert--info[data-v-d6680a72]{outline-color:var(--info-main);background-color:var(--info-lighter)}.alert--info .alert-icon[data-v-d6680a72]{color:var(--info-main)}.alert--standard[data-v-d6680a72]{outline:none}.alert--outlined[data-v-d6680a72]{background-color:var(--common-white);outline-width:1px;outline-offset:-1px;outline-style:solid}.alert-icon--align-top[data-v-d6680a72]{align-self:flex-start}.alert-content[data-v-d6680a72]{flex:1;margin:0 var(--spacing-150)}.alert-title[data-v-d6680a72]{color:var(--text-primary);line-height:20px}.alert-description[data-v-d6680a72]{color:var(--text-secondary)}.close-button[data-v-d6680a72]{margin-left:var(--spacing-100)}
package/AppDropdownTrigger.vue_vue_type_style_index_0_scoped_092d0e03_lang.css DELETED
@@ -1 +0,0 @@
1
- .app-trigger-wrapper[data-v-092d0e03]{display:flex}.app-trigger-wrapper.with-copy .app-trigger[data-v-092d0e03]{border-radius:var(--border-radius-lg) 0 0 var(--border-radius-lg);width:calc(100% - 41px)}.app-trigger-key[data-v-092d0e03]{flex:none}.app-trigger-key--content[data-v-092d0e03]{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-092d0e03]:hover{background:var(--action-selected);color:var(--action-primary)}.app-trigger[data-v-092d0e03]{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-092d0e03]:hover,.app-trigger.active[data-v-092d0e03]{background:var(--action-selected)}.app-trigger.disabled[data-v-092d0e03]{cursor:auto}.app-trigger--content[data-v-092d0e03]{color:var(--text-primary);display:flex;column-gap:4px;width:calc(100% - 20px);align-items:center}.app-trigger--content .x-circle-wrapper[data-v-092d0e03]{color:var(--primary-dark)}.app-trigger--content .x-circle-wrapper[data-v-092d0e03]:hover{color:var(--primary-main)}.app-trigger--icon[data-v-092d0e03]{display:flex;align-items:center;color:var(--action-active)}.app-trigger .displayed-value[data-v-092d0e03]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1}.app-trigger .image[data-v-092d0e03]{width:28px;height:28px;flex:none}.app-trigger .image img[data-v-092d0e03]{border-radius:4px;width:100%;height:100%}.app-trigger .start-icon[data-v-092d0e03],.app-trigger .end-icon[data-v-092d0e03]{display:flex;color:var(--action-active)}.app-trigger .end-icon[data-v-092d0e03]{margin-right:var(--spacing-100)}.app-trigger .label-text[data-v-092d0e03]{display:flex;align-items:center;gap:8px}.app-trigger .label-text .text-content[data-v-092d0e03]{display:flex;align-items:center;gap:4px;width:100%}.app-trigger .label-text .text-content .text-content-value[data-v-092d0e03]{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-trigger .label-text .is-mandatory[data-v-092d0e03]{padding-top:5px;color:var(--error-main)}
package/DropdownV4.vue_vue_type_style_index_0_scoped_2e7a89bc_lang.css DELETED
@@ -1 +0,0 @@
1
- .v-enter-active[data-v-2e7a89bc],.v-leave-active[data-v-2e7a89bc]{transition:opacity .25s ease}ol[data-v-2e7a89bc],ul[data-v-2e7a89bc],menu[data-v-2e7a89bc]{list-style:none;margin:0;padding:0}.dropdown.full-width[data-v-2e7a89bc],.dropdown.full-width .button__container[data-v-2e7a89bc]{width:100%}.dropdown-list-wrapper[data-v-2e7a89bc]{display:flex;flex-direction:column;padding:.5rem .5rem .25rem}.dropdown-list-wrapper--multi[data-v-2e7a89bc]{padding:.5rem}.list-container--multi[data-v-2e7a89bc]{margin-bottom:0}.inline-search .inline-search-wrapper[data-v-2e7a89bc]{padding-bottom:.25rem}.inline-search .list-container[data-v-2e7a89bc]{padding-top:0}.no-result-container[data-v-2e7a89bc]{height:100%;display:flex;align-items:center;padding:.375rem .5rem;color:var(--text-disabled)}.no-result[data-v-2e7a89bc]{color:var(--text-disabled);padding-left:.5rem}.list[data-v-2e7a89bc]{outline:none;display:flex;flex-direction:column;width:100%;min-height:2rem}.list--multi[data-v-2e7a89bc]{margin-bottom:.5rem;border-bottom-left-radius:0;border-bottom-right-radius:0}.image-slot[data-v-2e7a89bc]{margin-right:.5rem}.actions-wrapper[data-v-2e7a89bc]{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-2e7a89bc]{margin-left:.5rem}
package/HelpIcon.vue_vue_type_style_index_0_scoped_06fce2e3_lang.css DELETED
@@ -1 +0,0 @@
1
- .table-help-icon[data-v-06fce2e3]{margin-left:var(--spacing-50);color:var(--action-active);margin-right:calc(var(--spacing-50) * -1)}.info-icon[data-v-06fce2e3]{color:var(--action-active)}.info-icon[data-v-06fce2e3]:hover{color:var(--action-primary)}
package/OptionV4.vue_vue_type_style_index_0_scoped_89b98201_lang.css DELETED
@@ -1 +0,0 @@
1
- .label[data-v-89b98201]{color:#41454d}.item-container[data-v-89b98201]{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-89b98201]{cursor:initial;color:var(--text-disabled)}.item-container[data-v-89b98201]:hover:not(.item-container--disabled){background-color:var(--action-hover)}.item-container--active[data-v-89b98201],.item-container[data-v-89b98201]:active{background-color:var(--action-selected)}.item-container:not(.item-container--multi).item-container--selected[data-v-89b98201]{background-color:var(--action-selected)}.subtitle[data-v-89b98201]{color:#7b838c;line-height:1rem}.clear-button[data-v-89b98201]{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-89b98201]:hover{color:#3083ff}.item[data-v-89b98201]{width:100%;display:flex;gap:.5rem;align-items:center}.item--with-icon[data-v-89b98201],.item--multi[data-v-89b98201]{display:flex;flex-direction:row;align-items:center;justify-content:start}.item .image[data-v-89b98201]{width:20px;height:20px;flex:none}.item .image img[data-v-89b98201]{width:20px;height:20px;border-radius:4px}.item .start-icon[data-v-89b98201],.item .end-icon[data-v-89b98201]{display:flex;color:var(--action-active)}.item .option-text[data-v-89b98201]{line-height:1.1875rem}.text-container[data-v-89b98201]{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left}.tooltip-option[data-v-89b98201]{display:block}.tooltip-option[data-v-89b98201] .container{width:100%}