@ironsource/shared-ui 2.1.2 → 2.1.3-rc.1

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 (25) hide show
  1. package/AppHeader.vue_vue_type_style_index_0_scoped_209ecc03_lang.css +1 -0
  2. package/DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_f0c4710f_lang.css +1 -0
  3. package/DropdownV4.vue_vue_type_style_index_0_scoped_78c1497e_lang.css +1 -0
  4. package/InlineCopy.vue_vue_type_style_index_0_scoped_2f0a0202_lang.css +1 -0
  5. package/README.md +1 -1
  6. package/components/appHeader/AppHeader.vue.js +2 -2
  7. package/components/appHeader/AppHeader.vue2.js +16 -15
  8. package/components/dropdown/v4/DefaultDropdownTrigger.vue.d.ts +5 -0
  9. package/components/dropdown/v4/DefaultDropdownTrigger.vue.js +2 -2
  10. package/components/dropdown/v4/DefaultDropdownTrigger.vue2.js +15 -13
  11. package/components/dropdown/v4/DropdownV4.vue.d.ts +5 -0
  12. package/components/dropdown/v4/DropdownV4.vue.js +2 -2
  13. package/components/dropdown/v4/DropdownV4.vue2.js +60 -58
  14. package/components/dropdown/v4/dropdownStoryArgs.d.ts +8 -0
  15. package/components/dropdown/v4/index.d.ts +40 -2
  16. package/components/inlineCopy/InlineCopy.vue.d.ts +5 -0
  17. package/components/inlineCopy/InlineCopy.vue.js +2 -2
  18. package/components/inlineCopy/InlineCopy.vue2.js +22 -21
  19. package/components/inlineCopy/index.d.ts +9 -0
  20. package/index.d.ts +98 -4
  21. package/package.json +6 -2
  22. package/AppHeader.vue_vue_type_style_index_0_scoped_aa538d40_lang.css +0 -1
  23. package/DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_5fa01c78_lang.css +0 -1
  24. package/DropdownV4.vue_vue_type_style_index_0_scoped_258b9f7e_lang.css +0 -1
  25. package/InlineCopy.vue_vue_type_style_index_0_scoped_117ac157_lang.css +0 -1
package/index.d.ts CHANGED
@@ -72,6 +72,10 @@ declare const _default: {
72
72
  required: true;
73
73
  default: boolean;
74
74
  };
75
+ iconSize: {
76
+ type: import("vue").PropType<string>;
77
+ default: any;
78
+ };
75
79
  }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
76
80
  text: {
77
81
  type: import("vue").PropType<string>;
@@ -93,11 +97,16 @@ declare const _default: {
93
97
  required: true;
94
98
  default: boolean;
95
99
  };
100
+ iconSize: {
101
+ type: import("vue").PropType<string>;
102
+ default: any;
103
+ };
96
104
  }>>, {
97
105
  text: string;
98
106
  size: "small" | "medium";
99
107
  testId: string;
100
108
  hideTextValue: boolean;
109
+ iconSize: string;
101
110
  }>;
102
111
  InlineCopyTypes: () => import("vue").DefineComponent<{
103
112
  text: {
@@ -120,6 +129,10 @@ declare const _default: {
120
129
  required: true;
121
130
  default: boolean;
122
131
  };
132
+ iconSize: {
133
+ type: import("vue").PropType<string>;
134
+ default: any;
135
+ };
123
136
  }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
124
137
  text: {
125
138
  type: import("vue").PropType<string>;
@@ -141,11 +154,16 @@ declare const _default: {
141
154
  required: true;
142
155
  default: boolean;
143
156
  };
157
+ iconSize: {
158
+ type: import("vue").PropType<string>;
159
+ default: any;
160
+ };
144
161
  }>>, {
145
162
  text: string;
146
163
  size: "small" | "medium";
147
164
  testId: string;
148
165
  hideTextValue: boolean;
166
+ iconSize: string;
149
167
  }>[];
150
168
  AppHeader: import("vue").DefineComponent<{
151
169
  name: {
@@ -10908,6 +10926,7 @@ declare const _default: {
10908
10926
  triggerHelperText: string;
10909
10927
  triggerFeedbackText: string;
10910
10928
  triggerFeedbackVariant: "success" | "warning" | "error";
10929
+ triggerFeedbackShowIcon: boolean;
10911
10930
  searchAutoFocus: boolean;
10912
10931
  predefinedTrigger: "default" | "icon-button" | "chip" | "app";
10913
10932
  fullWidth: boolean;
@@ -11071,6 +11090,10 @@ declare const _default: {
11071
11090
  type: import("vue").PropType<"success" | "warning" | "error">;
11072
11091
  default: any;
11073
11092
  };
11093
+ triggerFeedbackShowIcon: {
11094
+ type: import("vue").PropType<boolean>;
11095
+ default: boolean;
11096
+ };
11074
11097
  searchAutoFocus: {
11075
11098
  type: import("vue").PropType<boolean>;
11076
11099
  default: boolean;
@@ -11097,7 +11120,7 @@ declare const _default: {
11097
11120
  "onUpdate:isOpen"?: (value: unknown) => any;
11098
11121
  onOpened?: () => any;
11099
11122
  onClosed?: () => any;
11100
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "disabled" | "size" | "flip" | "mandatory" | "testId" | "container" | "placement" | "distance" | "popperClass" | "selected" | "modelValue" | "placeholder" | "isOnTop" | "multi" | "inlineSearch" | "noResultsText" | "showSelectAll" | "defaultOpen" | "skidding" | "onSearch" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "valueToCopy" | "optionNameKey" | "optionImageKey" | "optionIconKey" | "optionIconType" | "onClear" | "inlineSearchPlaceholder" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "searchAutoFocus" | "predefinedTrigger" | "fullWidth" | "optionsListWidth" | "statusType">;
11123
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "disabled" | "size" | "flip" | "mandatory" | "testId" | "container" | "placement" | "distance" | "popperClass" | "selected" | "modelValue" | "placeholder" | "isOnTop" | "multi" | "inlineSearch" | "noResultsText" | "showSelectAll" | "defaultOpen" | "skidding" | "onSearch" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "valueToCopy" | "optionNameKey" | "optionImageKey" | "optionIconKey" | "optionIconType" | "onClear" | "inlineSearchPlaceholder" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "triggerFeedbackShowIcon" | "searchAutoFocus" | "predefinedTrigger" | "fullWidth" | "optionsListWidth" | "statusType">;
11101
11124
  $attrs: {
11102
11125
  [x: string]: unknown;
11103
11126
  };
@@ -11269,6 +11292,10 @@ declare const _default: {
11269
11292
  type: import("vue").PropType<"success" | "warning" | "error">;
11270
11293
  default: any;
11271
11294
  };
11295
+ triggerFeedbackShowIcon: {
11296
+ type: import("vue").PropType<boolean>;
11297
+ default: boolean;
11298
+ };
11272
11299
  searchAutoFocus: {
11273
11300
  type: import("vue").PropType<boolean>;
11274
11301
  default: boolean;
@@ -11340,6 +11367,7 @@ declare const _default: {
11340
11367
  triggerHelperText: string;
11341
11368
  triggerFeedbackText: string;
11342
11369
  triggerFeedbackVariant: "success" | "warning" | "error";
11370
+ triggerFeedbackShowIcon: boolean;
11343
11371
  searchAutoFocus: boolean;
11344
11372
  predefinedTrigger: "default" | "icon-button" | "chip" | "app";
11345
11373
  fullWidth: boolean;
@@ -11523,6 +11551,10 @@ declare const _default: {
11523
11551
  type: import("vue").PropType<"success" | "warning" | "error">;
11524
11552
  default: any;
11525
11553
  };
11554
+ triggerFeedbackShowIcon: {
11555
+ type: import("vue").PropType<boolean>;
11556
+ default: boolean;
11557
+ };
11526
11558
  searchAutoFocus: {
11527
11559
  type: import("vue").PropType<boolean>;
11528
11560
  default: boolean;
@@ -11714,6 +11746,10 @@ declare const _default: {
11714
11746
  type: import("vue").PropType<"success" | "warning" | "error">;
11715
11747
  default: any;
11716
11748
  };
11749
+ triggerFeedbackShowIcon: {
11750
+ type: import("vue").PropType<boolean>;
11751
+ default: boolean;
11752
+ };
11717
11753
  searchAutoFocus: {
11718
11754
  type: import("vue").PropType<boolean>;
11719
11755
  default: boolean;
@@ -11785,6 +11821,7 @@ declare const _default: {
11785
11821
  triggerHelperText: string;
11786
11822
  triggerFeedbackText: string;
11787
11823
  triggerFeedbackVariant: "success" | "warning" | "error";
11824
+ triggerFeedbackShowIcon: boolean;
11788
11825
  searchAutoFocus: boolean;
11789
11826
  predefinedTrigger: "default" | "icon-button" | "chip" | "app";
11790
11827
  fullWidth: boolean;
@@ -11830,6 +11867,7 @@ declare const _default: {
11830
11867
  hoverHelpTextPlacement: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
11831
11868
  feedbackText: string;
11832
11869
  feedbackVariant: "success" | "warning" | "error";
11870
+ showFeedbackIcon: boolean;
11833
11871
  statusDotType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
11834
11872
  }> & Omit<Readonly<import("vue").ExtractPropTypes<{
11835
11873
  label: {
@@ -11922,13 +11960,17 @@ declare const _default: {
11922
11960
  type: import("vue").PropType<"success" | "warning" | "error">;
11923
11961
  default: any;
11924
11962
  };
11963
+ showFeedbackIcon: {
11964
+ type: import("vue").PropType<boolean>;
11965
+ default: boolean;
11966
+ };
11925
11967
  statusDotType: {
11926
11968
  type: import("vue").PropType<"default" | "disabled" | "success" | "warning" | "error" | "archive">;
11927
11969
  default: any;
11928
11970
  };
11929
11971
  }>> & {
11930
11972
  onClick?: () => any;
11931
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "disabled" | "size" | "open" | "mandatory" | "loading" | "testId" | "options" | "singleAppSelection" | "placeholder" | "multi" | "selectedOption" | "brandIconType" | "optionNameKey" | "optionImageKey" | "optionIconKey" | "optionIconType" | "hoverHelpText" | "hoverHelpTextPlacement" | "feedbackText" | "feedbackVariant" | "statusDotType">;
11973
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "disabled" | "size" | "open" | "mandatory" | "loading" | "testId" | "options" | "singleAppSelection" | "placeholder" | "multi" | "selectedOption" | "brandIconType" | "optionNameKey" | "optionImageKey" | "optionIconKey" | "optionIconType" | "hoverHelpText" | "hoverHelpTextPlacement" | "feedbackText" | "feedbackVariant" | "showFeedbackIcon" | "statusDotType">;
11932
11974
  $attrs: {
11933
11975
  [x: string]: unknown;
11934
11976
  };
@@ -12033,6 +12075,10 @@ declare const _default: {
12033
12075
  type: import("vue").PropType<"success" | "warning" | "error">;
12034
12076
  default: any;
12035
12077
  };
12078
+ showFeedbackIcon: {
12079
+ type: import("vue").PropType<boolean>;
12080
+ default: boolean;
12081
+ };
12036
12082
  statusDotType: {
12037
12083
  type: import("vue").PropType<"default" | "disabled" | "success" | "warning" | "error" | "archive">;
12038
12084
  default: any;
@@ -12063,6 +12109,7 @@ declare const _default: {
12063
12109
  hoverHelpTextPlacement: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
12064
12110
  feedbackText: string;
12065
12111
  feedbackVariant: "success" | "warning" | "error";
12112
+ showFeedbackIcon: boolean;
12066
12113
  statusDotType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
12067
12114
  }, {}, string> & {
12068
12115
  beforeCreate?: (() => void) | (() => void)[];
@@ -12175,6 +12222,10 @@ declare const _default: {
12175
12222
  type: import("vue").PropType<"success" | "warning" | "error">;
12176
12223
  default: any;
12177
12224
  };
12225
+ showFeedbackIcon: {
12226
+ type: import("vue").PropType<boolean>;
12227
+ default: boolean;
12228
+ };
12178
12229
  statusDotType: {
12179
12230
  type: import("vue").PropType<"default" | "disabled" | "success" | "warning" | "error" | "archive">;
12180
12231
  default: any;
@@ -12276,6 +12327,10 @@ declare const _default: {
12276
12327
  type: import("vue").PropType<"success" | "warning" | "error">;
12277
12328
  default: any;
12278
12329
  };
12330
+ showFeedbackIcon: {
12331
+ type: import("vue").PropType<boolean>;
12332
+ default: boolean;
12333
+ };
12279
12334
  statusDotType: {
12280
12335
  type: import("vue").PropType<"default" | "disabled" | "success" | "warning" | "error" | "archive">;
12281
12336
  default: any;
@@ -12306,6 +12361,7 @@ declare const _default: {
12306
12361
  hoverHelpTextPlacement: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
12307
12362
  feedbackText: string;
12308
12363
  feedbackVariant: "success" | "warning" | "error";
12364
+ showFeedbackIcon: boolean;
12309
12365
  statusDotType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
12310
12366
  }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
12311
12367
  $slots: {
@@ -13416,6 +13472,7 @@ declare const _default: {
13416
13472
  hoverHelpTextPlacement: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
13417
13473
  feedbackText: string;
13418
13474
  feedbackVariant: "success" | "warning" | "error";
13475
+ showFeedbackIcon: boolean;
13419
13476
  statusDotType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
13420
13477
  }> & Omit<Readonly<import("vue").ExtractPropTypes<{
13421
13478
  label: {
@@ -13508,13 +13565,17 @@ declare const _default: {
13508
13565
  type: import("vue").PropType<"success" | "warning" | "error">;
13509
13566
  default: any;
13510
13567
  };
13568
+ showFeedbackIcon: {
13569
+ type: import("vue").PropType<boolean>;
13570
+ default: boolean;
13571
+ };
13511
13572
  statusDotType: {
13512
13573
  type: import("vue").PropType<"default" | "disabled" | "success" | "warning" | "error" | "archive">;
13513
13574
  default: any;
13514
13575
  };
13515
13576
  }>> & {
13516
13577
  onClick?: () => any;
13517
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "disabled" | "size" | "open" | "mandatory" | "loading" | "testId" | "options" | "singleAppSelection" | "placeholder" | "multi" | "selectedOption" | "brandIconType" | "optionNameKey" | "optionImageKey" | "optionIconKey" | "optionIconType" | "hoverHelpText" | "hoverHelpTextPlacement" | "feedbackText" | "feedbackVariant" | "statusDotType">;
13578
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "disabled" | "size" | "open" | "mandatory" | "loading" | "testId" | "options" | "singleAppSelection" | "placeholder" | "multi" | "selectedOption" | "brandIconType" | "optionNameKey" | "optionImageKey" | "optionIconKey" | "optionIconType" | "hoverHelpText" | "hoverHelpTextPlacement" | "feedbackText" | "feedbackVariant" | "showFeedbackIcon" | "statusDotType">;
13518
13579
  $attrs: {
13519
13580
  [x: string]: unknown;
13520
13581
  };
@@ -13619,6 +13680,10 @@ declare const _default: {
13619
13680
  type: import("vue").PropType<"success" | "warning" | "error">;
13620
13681
  default: any;
13621
13682
  };
13683
+ showFeedbackIcon: {
13684
+ type: import("vue").PropType<boolean>;
13685
+ default: boolean;
13686
+ };
13622
13687
  statusDotType: {
13623
13688
  type: import("vue").PropType<"default" | "disabled" | "success" | "warning" | "error" | "archive">;
13624
13689
  default: any;
@@ -13649,6 +13714,7 @@ declare const _default: {
13649
13714
  hoverHelpTextPlacement: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
13650
13715
  feedbackText: string;
13651
13716
  feedbackVariant: "success" | "warning" | "error";
13717
+ showFeedbackIcon: boolean;
13652
13718
  statusDotType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
13653
13719
  }, {}, string> & {
13654
13720
  beforeCreate?: (() => void) | (() => void)[];
@@ -13761,6 +13827,10 @@ declare const _default: {
13761
13827
  type: import("vue").PropType<"success" | "warning" | "error">;
13762
13828
  default: any;
13763
13829
  };
13830
+ showFeedbackIcon: {
13831
+ type: import("vue").PropType<boolean>;
13832
+ default: boolean;
13833
+ };
13764
13834
  statusDotType: {
13765
13835
  type: import("vue").PropType<"default" | "disabled" | "success" | "warning" | "error" | "archive">;
13766
13836
  default: any;
@@ -13862,6 +13932,10 @@ declare const _default: {
13862
13932
  type: import("vue").PropType<"success" | "warning" | "error">;
13863
13933
  default: any;
13864
13934
  };
13935
+ showFeedbackIcon: {
13936
+ type: import("vue").PropType<boolean>;
13937
+ default: boolean;
13938
+ };
13865
13939
  statusDotType: {
13866
13940
  type: import("vue").PropType<"default" | "disabled" | "success" | "warning" | "error" | "archive">;
13867
13941
  default: any;
@@ -13892,6 +13966,7 @@ declare const _default: {
13892
13966
  hoverHelpTextPlacement: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
13893
13967
  feedbackText: string;
13894
13968
  feedbackVariant: "success" | "warning" | "error";
13969
+ showFeedbackIcon: boolean;
13895
13970
  statusDotType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
13896
13971
  }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
13897
13972
  $slots: {
@@ -14207,6 +14282,7 @@ declare const _default: {
14207
14282
  triggerHelperText: string;
14208
14283
  triggerFeedbackText: string;
14209
14284
  triggerFeedbackVariant: "success" | "warning" | "error";
14285
+ triggerFeedbackShowIcon: boolean;
14210
14286
  searchAutoFocus: boolean;
14211
14287
  predefinedTrigger: "default" | "icon-button" | "chip" | "app";
14212
14288
  fullWidth: boolean;
@@ -14370,6 +14446,10 @@ declare const _default: {
14370
14446
  type: import("vue").PropType<"success" | "warning" | "error">;
14371
14447
  default: any;
14372
14448
  };
14449
+ triggerFeedbackShowIcon: {
14450
+ type: import("vue").PropType<boolean>;
14451
+ default: boolean;
14452
+ };
14373
14453
  searchAutoFocus: {
14374
14454
  type: import("vue").PropType<boolean>;
14375
14455
  default: boolean;
@@ -14396,7 +14476,7 @@ declare const _default: {
14396
14476
  "onUpdate:isOpen"?: (value: unknown) => any;
14397
14477
  onOpened?: () => any;
14398
14478
  onClosed?: () => any;
14399
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "disabled" | "size" | "flip" | "mandatory" | "testId" | "container" | "placement" | "distance" | "popperClass" | "selected" | "modelValue" | "placeholder" | "isOnTop" | "multi" | "inlineSearch" | "noResultsText" | "showSelectAll" | "defaultOpen" | "skidding" | "onSearch" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "valueToCopy" | "optionNameKey" | "optionImageKey" | "optionIconKey" | "optionIconType" | "onClear" | "inlineSearchPlaceholder" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "searchAutoFocus" | "predefinedTrigger" | "fullWidth" | "optionsListWidth" | "statusType">;
14479
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "disabled" | "size" | "flip" | "mandatory" | "testId" | "container" | "placement" | "distance" | "popperClass" | "selected" | "modelValue" | "placeholder" | "isOnTop" | "multi" | "inlineSearch" | "noResultsText" | "showSelectAll" | "defaultOpen" | "skidding" | "onSearch" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "valueToCopy" | "optionNameKey" | "optionImageKey" | "optionIconKey" | "optionIconType" | "onClear" | "inlineSearchPlaceholder" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "triggerFeedbackShowIcon" | "searchAutoFocus" | "predefinedTrigger" | "fullWidth" | "optionsListWidth" | "statusType">;
14400
14480
  $attrs: {
14401
14481
  [x: string]: unknown;
14402
14482
  };
@@ -14568,6 +14648,10 @@ declare const _default: {
14568
14648
  type: import("vue").PropType<"success" | "warning" | "error">;
14569
14649
  default: any;
14570
14650
  };
14651
+ triggerFeedbackShowIcon: {
14652
+ type: import("vue").PropType<boolean>;
14653
+ default: boolean;
14654
+ };
14571
14655
  searchAutoFocus: {
14572
14656
  type: import("vue").PropType<boolean>;
14573
14657
  default: boolean;
@@ -14639,6 +14723,7 @@ declare const _default: {
14639
14723
  triggerHelperText: string;
14640
14724
  triggerFeedbackText: string;
14641
14725
  triggerFeedbackVariant: "success" | "warning" | "error";
14726
+ triggerFeedbackShowIcon: boolean;
14642
14727
  searchAutoFocus: boolean;
14643
14728
  predefinedTrigger: "default" | "icon-button" | "chip" | "app";
14644
14729
  fullWidth: boolean;
@@ -14822,6 +14907,10 @@ declare const _default: {
14822
14907
  type: import("vue").PropType<"success" | "warning" | "error">;
14823
14908
  default: any;
14824
14909
  };
14910
+ triggerFeedbackShowIcon: {
14911
+ type: import("vue").PropType<boolean>;
14912
+ default: boolean;
14913
+ };
14825
14914
  searchAutoFocus: {
14826
14915
  type: import("vue").PropType<boolean>;
14827
14916
  default: boolean;
@@ -15013,6 +15102,10 @@ declare const _default: {
15013
15102
  type: import("vue").PropType<"success" | "warning" | "error">;
15014
15103
  default: any;
15015
15104
  };
15105
+ triggerFeedbackShowIcon: {
15106
+ type: import("vue").PropType<boolean>;
15107
+ default: boolean;
15108
+ };
15016
15109
  searchAutoFocus: {
15017
15110
  type: import("vue").PropType<boolean>;
15018
15111
  default: boolean;
@@ -15084,6 +15177,7 @@ declare const _default: {
15084
15177
  triggerHelperText: string;
15085
15178
  triggerFeedbackText: string;
15086
15179
  triggerFeedbackVariant: "success" | "warning" | "error";
15180
+ triggerFeedbackShowIcon: boolean;
15087
15181
  searchAutoFocus: boolean;
15088
15182
  predefinedTrigger: "default" | "icon-button" | "chip" | "app";
15089
15183
  fullWidth: boolean;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ironsource/shared-ui",
3
- "version": "2.1.2",
3
+ "version": "2.1.3-rc.1",
4
4
  "engines": {
5
5
  "npm": ">=7.0.0",
6
6
  "node": ">=16.0.0"
@@ -220,7 +220,8 @@
220
220
  "./inlineCopy": "./components/inlineCopy/index.js",
221
221
  "./appHeader": "./components/appHeader/index.js",
222
222
  "./forms": "./components/forms/index.js",
223
- "./statusDot": "./components/statusDot/index.js"
223
+ "./statusDot": "./components/statusDot/index.js",
224
+ "./composables/useFormValidation": "./composables/useFormValidation.js"
224
225
  },
225
226
  "typesVersions": {
226
227
  "*": {
@@ -433,6 +434,9 @@
433
434
  ],
434
435
  "statusDot": [
435
436
  "./components/statusDot/index.d.ts"
437
+ ],
438
+ "composables/useFormValidation": [
439
+ "./composables/useFormValidation.d.ts"
436
440
  ]
437
441
  }
438
442
  },
package/AppHeader.vue_vue_type_style_index_0_scoped_aa538d40_lang.css DELETED
@@ -1 +0,0 @@
1
- .app-header[data-v-aa538d40]{display:flex}.app-header .image-container[data-v-aa538d40]{height:48px;width:48px;border-radius:4px}.app-header .image-container img[data-v-aa538d40]{min-width:100%;object-fit:cover;border-radius:4px}.app-header .icon-container[data-v-aa538d40]{color:var(--action-active);display:flex;align-items:center;padding:0 8px}.app-header .name-container .title[data-v-aa538d40]{color:var(--text-primary)}.app-header .name-container .inline-copy[data-v-aa538d40]{color:var(--text-secondary)}.app-header.size-small[data-v-aa538d40]{align-items:center}.app-header.size-small .image-container[data-v-aa538d40]{height:28px;width:28px;border-radius:6px}.app-header.size-small .image-container img[data-v-aa538d40]{border-radius:6px}.app-header.size-small .name-container[data-v-aa538d40]{display:flex}
package/DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_5fa01c78_lang.css DELETED
@@ -1 +0,0 @@
1
- .default-dropdown-wrapper[data-v-5fa01c78]{position:relative}.dropdown-trigger[data-v-5fa01c78]{width:100%;padding:.3125rem .4375rem;display:flex;column-gap:.5rem;max-width:100%;box-sizing:border-box;border-radius:var(--border-radius-md);border:1px solid var(--action-outlined-border);background:var(--default-main);cursor:pointer;user-select:none;position:relative}.dropdown-trigger[data-v-5fa01c78]:hover{border:1px solid var(--action-active);background:var(--action-hover)}.dropdown-trigger.small[data-v-5fa01c78]{padding:.1875rem .4375rem}.dropdown-trigger.large[data-v-5fa01c78]{padding:.5625rem .4375rem}.dropdown-trigger.disabled[data-v-5fa01c78]{border:1px solid var(--action-outlined-border, #bbb);background:var(--action-disabled-background, #f1f1f1);cursor:not-allowed}.dropdown-trigger.open[data-v-5fa01c78]{padding:.25rem .375rem;border:2px solid var(--primary-main)}.dropdown-trigger.open.small[data-v-5fa01c78]{padding:.125rem .375rem}.dropdown-trigger.open.large[data-v-5fa01c78]{padding:.5rem .375rem}.dropdown-trigger.state-error[data-v-5fa01c78]{padding:4px 6px;border:2px solid var(--error-main)}.dropdown-trigger.state-success[data-v-5fa01c78]{padding:4px 6px;border:2px solid var(--success-main)}.dropdown-trigger.state-warning[data-v-5fa01c78]{padding:4px 6px;border:2px solid var(--warning-dark)}.dropdown-trigger .caret-down[data-v-5fa01c78]{color:var(--action-active)}.content[data-v-5fa01c78]{width:calc(100% - 28px);display:flex;gap:.25rem;align-items:center;color:var(--text-primary)}.content .displayed-value[data-v-5fa01c78]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.content .image[data-v-5fa01c78]{width:20px;height:20px;flex:none}.content .image img[data-v-5fa01c78]{border-radius:4px;width:100%;height:100%}.content .start-icon[data-v-5fa01c78]{display:flex;color:var(--action-active)}.content .status-dot[data-v-5fa01c78]{padding-right:.25rem}.content .status-dot>div[data-v-5fa01c78]{position:relative;top:-1px}.dropdown-field-label[data-v-5fa01c78]{color:var(--text-primary)}.dropdown-field-help-text[data-v-5fa01c78]{margin-top:4px;position:absolute}
package/DropdownV4.vue_vue_type_style_index_0_scoped_258b9f7e_lang.css DELETED
@@ -1 +0,0 @@
1
- .v-enter-active[data-v-258b9f7e],.v-leave-active[data-v-258b9f7e]{transition:opacity .25s ease}ol[data-v-258b9f7e],ul[data-v-258b9f7e],menu[data-v-258b9f7e]{list-style:none;margin:0;padding:0}.dropdown.full-width[data-v-258b9f7e],.dropdown.full-width .button__container[data-v-258b9f7e]{width:100%}.dropdown-list-wrapper[data-v-258b9f7e]{display:flex;flex-direction:column;padding:.5rem}.list-container--multi[data-v-258b9f7e]{margin-bottom:0}.inline-search .inline-search-wrapper[data-v-258b9f7e]{padding-bottom:.25rem}.inline-search .list-container[data-v-258b9f7e]{padding-top:0}.no-result-container[data-v-258b9f7e]{height:100%;display:flex;align-items:center;padding:.375rem .5rem;color:var(--text-disabled)}.no-result[data-v-258b9f7e]{color:var(--text-disabled);padding-left:.5rem}.list[data-v-258b9f7e]{outline:none;display:flex;flex-direction:column;width:100%;min-height:2rem}.list--multi[data-v-258b9f7e]{margin-bottom:.5rem;border-bottom-left-radius:0;border-bottom-right-radius:0}.list li[data-v-258b9f7e]:last-child .item-container{margin-bottom:0}.image-slot[data-v-258b9f7e]{margin-right:.5rem}.actions-wrapper[data-v-258b9f7e]{display:flex;width:100%;padding:.5rem .5rem .5rem .125rem;padding-bottom:0;border-top:1px solid var(--common-divider);justify-content:space-between}.apply-button[data-v-258b9f7e]{margin-left:.5rem}
package/InlineCopy.vue_vue_type_style_index_0_scoped_117ac157_lang.css DELETED
@@ -1 +0,0 @@
1
- .inline-copy[data-v-117ac157]{display:inline-flex;cursor:pointer;color:var(--action-active)}.inline-copy .icon-copy[data-v-117ac157]{padding:0 4px;cursor:pointer;color:var(--action-active)}.inline-copy .icon-copy[data-v-117ac157]:hover{color:var(--action-primary)}