@ironsource/shared-ui 2.0.2-rc.0 → 2.0.2-rc.2

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 (126) hide show
  1. package/AppDropdownTrigger.vue_vue_type_style_index_0_scoped_44158e5f_lang.css +1 -0
  2. package/AppHeader.vue_vue_type_style_index_0_scoped_5afbd3dd_lang.css +1 -0
  3. package/InlineCopy.vue_vue_type_style_index_0_scoped_39577dfc_lang.css +1 -0
  4. package/OptionV4.vue_vue_type_style_index_0_scoped_17d78416_lang.css +1 -0
  5. package/README.md +17 -12
  6. package/ThemeWrapper.vue_vue_type_style_index_0_scoped_137fabdf_lang.css +1 -0
  7. package/ThemeWrapper.vue_vue_type_style_index_1_lang.css +1 -0
  8. package/TooltipV4.vue_vue_type_style_index_0_scoped_cde15298_lang.css +1 -0
  9. package/TooltipV4.vue_vue_type_style_index_1_lang.css +1 -1
  10. package/components/ThemeWrapper/ThemeStrore.js +13 -0
  11. package/components/ThemeWrapper/ThemeWrapper.vue.d.ts +17 -3
  12. package/components/ThemeWrapper/ThemeWrapper.vue.js +8 -0
  13. package/components/ThemeWrapper/ThemeWrapper.vue2.js +22 -0
  14. package/components/ThemeWrapper/index.d.ts +79 -0
  15. package/components/ThemeWrapper/index.js +6 -0
  16. package/components/appHeader/AppHeader.vue.d.ts +49 -0
  17. package/components/appHeader/AppHeader.vue.js +7 -0
  18. package/components/appHeader/AppHeader.vue2.js +58 -0
  19. package/components/appHeader/index.d.ts +61 -0
  20. package/components/appHeader/index.js +6 -0
  21. package/components/appTrigger/AppTrigger.vue.d.ts +1 -1
  22. package/components/appTrigger/index.d.ts +20 -20
  23. package/components/banner/Banner.vue.d.ts +3 -3
  24. package/components/banner/index.d.ts +7 -7
  25. package/components/button/v3/Button.vue.d.ts +6 -6
  26. package/components/button/v3/ButtonBase.vue.d.ts +3 -3
  27. package/components/button/v3/ScrollButton.vue.d.ts +1 -1
  28. package/components/button/v3/index.d.ts +23 -23
  29. package/components/button/v4/ButtonV4.vue.d.ts +12 -12
  30. package/components/button/v4/IconButtonV4.vue.d.ts +8 -8
  31. package/components/button/v4/index.d.ts +116 -116
  32. package/components/checkbox/v3/index.d.ts +12 -12
  33. package/components/checkbox/v4/index.d.ts +12 -12
  34. package/components/chip/v3/Chip.vue.d.ts +1 -1
  35. package/components/chip/v3/index.d.ts +20 -20
  36. package/components/chip/v4/ChipV4.vue.d.ts +1 -1
  37. package/components/chip/v4/index.d.ts +20 -20
  38. package/components/dateRange/DateRange.vue.d.ts +1 -1
  39. package/components/dateRange/DateRangePicker.vue.d.ts +1 -1
  40. package/components/dateRange/index.d.ts +20 -20
  41. package/components/dialog/v3/Dialog.vue.d.ts +2 -2
  42. package/components/dialog/v3/index.d.ts +25 -25
  43. package/components/dialog/v4/DialogV4.vue.d.ts +2 -2
  44. package/components/dialog/v4/index.d.ts +25 -25
  45. package/components/dropdown/v3/Dropdown.vue.d.ts +6 -6
  46. package/components/dropdown/v3/Option.vue.d.ts +1 -1
  47. package/components/dropdown/v3/index.d.ts +111 -111
  48. package/components/dropdown/v4/AppDropdownTrigger.vue.d.ts +7 -7
  49. package/components/dropdown/v4/AppDropdownTrigger.vue.js +3 -3
  50. package/components/dropdown/v4/AppDropdownTrigger.vue2.js +55 -63
  51. package/components/dropdown/v4/ChipDropdownTrigger.vue.d.ts +1 -1
  52. package/components/dropdown/v4/DefaultDropdownTrigger.vue.d.ts +13 -13
  53. package/components/dropdown/v4/DropdownV4.vue.d.ts +11 -11
  54. package/components/dropdown/v4/OptionV4.vue.d.ts +4 -4
  55. package/components/dropdown/v4/OptionV4.vue.js +2 -2
  56. package/components/dropdown/v4/OptionV4.vue2.js +1 -1
  57. package/components/dropdown/v4/index.d.ts +324 -324
  58. package/components/emptyState/v3/EmptyState.vue.d.ts +3 -3
  59. package/components/emptyState/v3/index.d.ts +7 -7
  60. package/components/filterDropdown/FilterDropdown.vue.d.ts +1 -1
  61. package/components/filterDropdown/index.d.ts +9 -9
  62. package/components/icon/v4/IconV4.vue.d.ts +3 -3
  63. package/components/icon/v4/index.d.ts +7 -7
  64. package/components/includeExclude/IncludeExclude.vue.d.ts +3 -3
  65. package/components/includeExclude/IncludeExcludeDragDrop.vue.d.ts +2 -2
  66. package/components/includeExclude/index.d.ts +101 -101
  67. package/components/inlineCopy/InlineCopy.vue.d.ts +39 -0
  68. package/components/inlineCopy/InlineCopy.vue.js +7 -0
  69. package/components/inlineCopy/InlineCopy.vue2.js +60 -0
  70. package/components/inlineCopy/index.d.ts +39 -0
  71. package/components/inlineCopy/index.js +6 -0
  72. package/components/input/v3/Input.vue.d.ts +2 -2
  73. package/components/input/v3/index.d.ts +69 -69
  74. package/components/input/v4/TextField.vue.d.ts +2 -2
  75. package/components/input/v4/index.d.ts +53 -53
  76. package/components/layout/FoldableSection.vue.d.ts +1 -1
  77. package/components/layout/index.d.ts +20 -20
  78. package/components/menu/Menu.vue.d.ts +1 -1
  79. package/components/menu/index.d.ts +20 -20
  80. package/components/multibar/MultiBar.vue.d.ts +1 -1
  81. package/components/multibar/index.d.ts +12 -12
  82. package/components/popover/Popover.vue.d.ts +5 -5
  83. package/components/popover/index.d.ts +58 -58
  84. package/components/radioButton/v3/RadioButton.vue.d.ts +1 -1
  85. package/components/radioButton/v3/RadioGroup.vue.d.ts +2 -2
  86. package/components/radioButton/v3/index.d.ts +42 -42
  87. package/components/radioButton/v4/RadioButtonV4.vue.d.ts +1 -1
  88. package/components/radioButton/v4/RadioGroupV4.vue.d.ts +2 -2
  89. package/components/radioButton/v4/index.d.ts +42 -42
  90. package/components/search/v3/Search.vue.d.ts +2 -2
  91. package/components/search/v3/index.d.ts +16 -16
  92. package/components/search/v4/SearchV4.vue.d.ts +1 -1
  93. package/components/search/v4/index.d.ts +9 -9
  94. package/components/shared/FieldHelpText.vue.d.ts +1 -1
  95. package/components/shared/FieldLabel.vue.d.ts +1 -1
  96. package/components/snackbar/common/snackbar.common.d.ts +1 -1
  97. package/components/snackbar/v3/Snackbar.vue.d.ts +6 -6
  98. package/components/snackbar/v4/SnackbarV4.vue.d.ts +43 -43
  99. package/components/table/v3/index.d.ts +16 -16
  100. package/components/table/v4/index.d.ts +16 -16
  101. package/components/tabs/v3/Tabs.vue.d.ts +1 -1
  102. package/components/tabs/v3/index.d.ts +20 -20
  103. package/components/tabs/v4/TabsV4.vue.d.ts +1 -1
  104. package/components/tabs/v4/index.d.ts +20 -20
  105. package/components/textArea/TextArea.vue.d.ts +1 -1
  106. package/components/textArea/index.d.ts +9 -9
  107. package/components/toggle/v3/Toggle.vue.d.ts +1 -1
  108. package/components/toggle/v3/index.d.ts +9 -9
  109. package/components/toggle/v4/ToggleV4.vue.d.ts +7 -7
  110. package/components/toggle/v4/index.d.ts +34 -34
  111. package/components/tooltip/v3/Tooltip.vue.d.ts +4 -4
  112. package/components/tooltip/v3/index.d.ts +34 -34
  113. package/components/tooltip/v4/TooltipV4.vue.d.ts +4 -4
  114. package/components/tooltip/v4/TooltipV4.vue.js +3 -3
  115. package/components/tooltip/v4/TooltipV4.vue2.js +1 -1
  116. package/components/tooltip/v4/index.d.ts +34 -34
  117. package/components/typography/Heading.vue.d.ts +1 -1
  118. package/components/typography/index.d.ts +20 -20
  119. package/index.d.ts +1987 -1641
  120. package/index.js +116 -110
  121. package/package.json +14 -2
  122. package/testids/index.d.ts +8 -0
  123. package/testids/index.js +13 -11
  124. package/AppDropdownTrigger.vue_vue_type_style_index_0_scoped_c48dc06e_lang.css +0 -1
  125. package/OptionV4.vue_vue_type_style_index_0_scoped_2a214b95_lang.css +0 -1
  126. package/TooltipV4.vue_vue_type_style_index_0_scoped_21f12d1a_lang.css +0 -1
package/index.js CHANGED
@@ -1,19 +1,19 @@
1
1
  import './CssBaseline.vue_vue_type_style_index_0_scoped_f7dd256b_lang.css';
2
- import { AppTriggerTypes as q } from "./components/appTrigger/index.js";
3
- import { AutocompleteDropdownTypes as J } from "./components/autocompleteDropdown/index.js";
4
- import { MenuItemTypes as V } from "./components/menuItem/index.js";
5
- import { MenuTypes as G } from "./components/menu/index.js";
6
- import { AppIconTypes as Q } from "./components/appIcon/index.js";
7
- import { FloatingToolbarTypes as W } from "./components/floatingToolbar/index.js";
8
- import { IncludeExcludeTypes as Z } from "./components/includeExclude/index.js";
9
- import { CssBaselineTypes as or } from "./components/cssBaseline/index.js";
10
- import { ID_INJECTION_KEY as tr, useId as pr } from "./composables/useId.js";
11
- import { FilterDropdownTypes as ar } from "./components/filterDropdown/index.js";
12
- import { TypographyTypes as xr } from "./components/typography/index.js";
13
- import { TypographyTypesV4 as ir } from "./components/typography/v4/index.js";
14
- import { PopoverTypes as nr } from "./components/popover/index.js";
15
- import { MultiBarTypes as ur } from "./components/multibar/index.js";
16
- import { FormCardTypes as Tr } from "./components/layout/index.js";
2
+ import { AppTriggerTypes as K } from "./components/appTrigger/index.js";
3
+ import { AutocompleteDropdownTypes as Y } from "./components/autocompleteDropdown/index.js";
4
+ import { MenuItemTypes as L } from "./components/menuItem/index.js";
5
+ import { MenuTypes as U } from "./components/menu/index.js";
6
+ import { AppIconTypes as X } from "./components/appIcon/index.js";
7
+ import { FloatingToolbarTypes as rr } from "./components/floatingToolbar/index.js";
8
+ import { IncludeExcludeTypes as er } from "./components/includeExclude/index.js";
9
+ import { CssBaselineTypes as pr } from "./components/cssBaseline/index.js";
10
+ import { ID_INJECTION_KEY as ar, useId as fr } from "./composables/useId.js";
11
+ import { FilterDropdownTypes as xr } from "./components/filterDropdown/index.js";
12
+ import { TypographyTypes as sr } from "./components/typography/index.js";
13
+ import { TypographyTypesV4 as lr } from "./components/typography/v4/index.js";
14
+ import { PopoverTypes as $r } from "./components/popover/index.js";
15
+ import { MultiBarTypes as cr } from "./components/multibar/index.js";
16
+ import { FormCardTypes as gr } from "./components/layout/index.js";
17
17
  import * as r from "./components/button/v3/index.js";
18
18
  import * as o from "./components/button/v4/index.js";
19
19
  import * as e from "./components/chip/v3/index.js";
@@ -22,9 +22,9 @@ import * as p from "./components/switch/v3/index.js";
22
22
  import * as m from "./components/switch/v4/index.js";
23
23
  import * as a from "./components/dropdown/v3/index.js";
24
24
  import * as f from "./components/dropdown/v4/index.js";
25
- import * as x from "./components/search/v3/index.js";
26
- import * as d from "./components/search/v4/index.js";
27
- import * as i from "./components/filtersPanel/v3/index.js";
25
+ import * as i from "./components/search/v3/index.js";
26
+ import * as x from "./components/search/v4/index.js";
27
+ import * as d from "./components/filtersPanel/v3/index.js";
28
28
  import * as s from "./components/filtersPanel/v4/index.js";
29
29
  import * as n from "./components/checkbox/v3/index.js";
30
30
  import * as l from "./components/checkbox/v4/index.js";
@@ -35,8 +35,8 @@ import * as c from "./components/input/v4/index.js";
35
35
  import * as y from "./components/tabs/v3/index.js";
36
36
  import * as g from "./components/tabs/v4/index.js";
37
37
  import * as I from "./components/dialog/v3/index.js";
38
- import * as A from "./components/dialog/v4/index.js";
39
- import * as D from "./components/toggle/v3/index.js";
38
+ import * as D from "./components/dialog/v4/index.js";
39
+ import * as A from "./components/toggle/v3/index.js";
40
40
  import * as E from "./components/toggle/v4/index.js";
41
41
  import * as F from "./components/tooltip/v3/index.js";
42
42
  import * as B from "./components/tooltip/v4/index.js";
@@ -52,41 +52,44 @@ import * as O from "./components/snackbar/v3/index.js";
52
52
  import * as H from "./components/snackbar/v4/index.js";
53
53
  import * as N from "./components/radioButton/v3/index.js";
54
54
  import * as R from "./components/radioButton/v4/index.js";
55
- import { TextAreaTypes as yr } from "./components/textArea/index.js";
56
- import { useToggle as Ir } from "./composables/useToggle.js";
57
- import { useSearch as Dr } from "./composables/useSearch.js";
58
- import { DateRangeTypes as Fr } from "./components/dateRange/index.js";
59
- import { DatePickerTypes as Cr } from "./components/datePicker/index.js";
60
- import { BannerTypes as Mr } from "./components/banner/index.js";
61
- import { default as wr } from "./components/appTrigger/AppTrigger.vue.js";
62
- import { default as kr } from "./components/autocompleteDropdown/AutocompleteDropdown.vue.js";
63
- import { default as Or } from "./components/menuItem/MenuItem.vue.js";
64
- import { default as Nr } from "./components/menu/Menu.vue.js";
65
- import { default as Sr } from "./components/appIcon/AppIcon.vue.js";
66
- import { default as jr } from "./components/floatingToolbar/FloatingToolbar.vue.js";
67
- import { default as zr } from "./components/includeExclude/IncludeExclude.vue.js";
68
- import { default as Kr } from "./components/includeExclude/IncludeExcludeDragDrop.vue.js";
69
- import { default as Yr } from "./components/includeExclude/IncludeExcludeOption.vue.js";
70
- import { default as Lr } from "./components/includeExclude/IncludeExcludeOptionDraggable.vue.js";
71
- import { default as Ur } from "./components/includeExclude/IncludeExcludeAppTrigger.vue.js";
72
- import { default as Xr } from "./components/includeExclude/IncludeExcludeAppHeader.vue.js";
73
- import { default as ro } from "./components/includeExclude/IncludeExcludeChipFilter.vue.js";
74
- import { default as eo } from "./components/cssBaseline/CssBaseline.vue.js";
75
- import { default as po } from "./components/filterDropdown/FilterDropdown.vue.js";
76
- import { default as ao } from "./components/filterDropdown/AddFilterButton.vue.js";
77
- import { default as xo } from "./components/typography/Heading.vue.js";
78
- import { default as so } from "./components/typography/Text.vue.js";
79
- import { default as lo } from "./components/typography/v4/Typography.vue.js";
80
- import { default as $o } from "./components/popover/Popover.vue.js";
81
- import { default as co } from "./components/multibar/MultiBar.vue.js";
82
- import { default as go } from "./components/layout/FormCard.vue.js";
83
- import { default as Ao } from "./components/layout/CardPanel.vue.js";
84
- import { default as Eo } from "./components/layout/FoldableSection.vue.js";
85
- import { default as Bo } from "./components/textArea/TextArea.vue.js";
86
- import { default as ho } from "./components/dateRange/DateRange.vue.js";
87
- import { default as bo } from "./components/datePicker/DatePicker.vue.js";
88
- import { default as Po } from "./components/banner/Banner.vue.js";
89
- const S = {
55
+ import * as S from "./components/ThemeWrapper/index.js";
56
+ import * as _ from "./components/appHeader/index.js";
57
+ import * as j from "./components/inlineCopy/index.js";
58
+ import { TextAreaTypes as Dr } from "./components/textArea/index.js";
59
+ import { useToggle as Er } from "./composables/useToggle.js";
60
+ import { useSearch as Br } from "./composables/useSearch.js";
61
+ import { DateRangeTypes as hr } from "./components/dateRange/index.js";
62
+ import { DatePickerTypes as br } from "./components/datePicker/index.js";
63
+ import { BannerTypes as Pr } from "./components/banner/index.js";
64
+ import { default as vr } from "./components/appTrigger/AppTrigger.vue.js";
65
+ import { default as Hr } from "./components/autocompleteDropdown/AutocompleteDropdown.vue.js";
66
+ import { default as Rr } from "./components/menuItem/MenuItem.vue.js";
67
+ import { default as _r } from "./components/menu/Menu.vue.js";
68
+ import { default as qr } from "./components/appIcon/AppIcon.vue.js";
69
+ import { default as Jr } from "./components/floatingToolbar/FloatingToolbar.vue.js";
70
+ import { default as Vr } from "./components/includeExclude/IncludeExclude.vue.js";
71
+ import { default as Gr } from "./components/includeExclude/IncludeExcludeDragDrop.vue.js";
72
+ import { default as Qr } from "./components/includeExclude/IncludeExcludeOption.vue.js";
73
+ import { default as Wr } from "./components/includeExclude/IncludeExcludeOptionDraggable.vue.js";
74
+ import { default as Zr } from "./components/includeExclude/IncludeExcludeAppTrigger.vue.js";
75
+ import { default as oo } from "./components/includeExclude/IncludeExcludeAppHeader.vue.js";
76
+ import { default as to } from "./components/includeExclude/IncludeExcludeChipFilter.vue.js";
77
+ import { default as mo } from "./components/cssBaseline/CssBaseline.vue.js";
78
+ import { default as fo } from "./components/filterDropdown/FilterDropdown.vue.js";
79
+ import { default as xo } from "./components/filterDropdown/AddFilterButton.vue.js";
80
+ import { default as no } from "./components/typography/Heading.vue.js";
81
+ import { default as uo } from "./components/typography/Text.vue.js";
82
+ import { default as To } from "./components/typography/v4/Typography.vue.js";
83
+ import { default as yo } from "./components/popover/Popover.vue.js";
84
+ import { default as Io } from "./components/multibar/MultiBar.vue.js";
85
+ import { default as Ao } from "./components/layout/FormCard.vue.js";
86
+ import { default as Fo } from "./components/layout/CardPanel.vue.js";
87
+ import { default as Co } from "./components/layout/FoldableSection.vue.js";
88
+ import { default as Mo } from "./components/textArea/TextArea.vue.js";
89
+ import { default as wo } from "./components/dateRange/DateRange.vue.js";
90
+ import { default as ko } from "./components/datePicker/DatePicker.vue.js";
91
+ import { default as Oo } from "./components/banner/Banner.vue.js";
92
+ const q = {
90
93
  ...e,
91
94
  ...t,
92
95
  ...p,
@@ -95,9 +98,9 @@ const S = {
95
98
  ...o,
96
99
  ...a,
97
100
  ...f,
101
+ ...i,
98
102
  ...x,
99
103
  ...d,
100
- ...i,
101
104
  ...s,
102
105
  ...T,
103
106
  ...c,
@@ -106,10 +109,10 @@ const S = {
106
109
  ...y,
107
110
  ...g,
108
111
  ...I,
109
- ...A,
112
+ ...D,
110
113
  ...F,
111
114
  ...B,
112
- ...D,
115
+ ...A,
113
116
  ...E,
114
117
  ...C,
115
118
  ...h,
@@ -124,58 +127,61 @@ const S = {
124
127
  ...n,
125
128
  ...l,
126
129
  ...N,
127
- ...R
130
+ ...R,
131
+ ...S,
132
+ ..._,
133
+ ...j
128
134
  };
129
135
  export {
130
- ao as AddFilterButton,
131
- Sr as AppIcon,
132
- Q as AppIconTypes,
133
- wr as AppTrigger,
134
- q as AppTriggerTypes,
135
- kr as AutocompleteDropdown,
136
- J as AutocompleteDropdownTypes,
137
- Po as Banner,
138
- Mr as BannerTypes,
139
- Ao as CardPanel,
140
- eo as CssBaseline,
141
- or as CssBaselineTypes,
142
- bo as DatePicker,
143
- Cr as DatePickerTypes,
144
- ho as DateRange,
145
- Fr as DateRangeTypes,
146
- po as FilterDropdown,
147
- ar as FilterDropdownTypes,
148
- jr as FloatingToolbar,
149
- W as FloatingToolbarTypes,
150
- Eo as FoldableSection,
151
- go as FormCard,
152
- Tr as FormCardTypes,
153
- xo as Heading,
154
- tr as ID_INJECTION_KEY,
155
- zr as IncludeExclude,
156
- Xr as IncludeExcludeAppHeader,
157
- Ur as IncludeExcludeAppTrigger,
158
- ro as IncludeExcludeChipFilter,
159
- Kr as IncludeExcludeDragDrop,
160
- Yr as IncludeExcludeOption,
161
- Lr as IncludeExcludeOptionDraggable,
162
- Z as IncludeExcludeTypes,
163
- Nr as Menu,
164
- Or as MenuItem,
165
- V as MenuItemTypes,
166
- G as MenuTypes,
167
- co as MultiBar,
168
- ur as MultiBarTypes,
169
- $o as Popover,
170
- nr as PopoverTypes,
171
- so as Text,
172
- Bo as TextArea,
173
- yr as TextAreaTypes,
174
- lo as Typography,
175
- xr as TypographyTypes,
176
- ir as TypographyTypesV4,
177
- S as default,
178
- pr as useId,
179
- Dr as useSearch,
180
- Ir as useToggle
136
+ xo as AddFilterButton,
137
+ qr as AppIcon,
138
+ X as AppIconTypes,
139
+ vr as AppTrigger,
140
+ K as AppTriggerTypes,
141
+ Hr as AutocompleteDropdown,
142
+ Y as AutocompleteDropdownTypes,
143
+ Oo as Banner,
144
+ Pr as BannerTypes,
145
+ Fo as CardPanel,
146
+ mo as CssBaseline,
147
+ pr as CssBaselineTypes,
148
+ ko as DatePicker,
149
+ br as DatePickerTypes,
150
+ wo as DateRange,
151
+ hr as DateRangeTypes,
152
+ fo as FilterDropdown,
153
+ xr as FilterDropdownTypes,
154
+ Jr as FloatingToolbar,
155
+ rr as FloatingToolbarTypes,
156
+ Co as FoldableSection,
157
+ Ao as FormCard,
158
+ gr as FormCardTypes,
159
+ no as Heading,
160
+ ar as ID_INJECTION_KEY,
161
+ Vr as IncludeExclude,
162
+ oo as IncludeExcludeAppHeader,
163
+ Zr as IncludeExcludeAppTrigger,
164
+ to as IncludeExcludeChipFilter,
165
+ Gr as IncludeExcludeDragDrop,
166
+ Qr as IncludeExcludeOption,
167
+ Wr as IncludeExcludeOptionDraggable,
168
+ er as IncludeExcludeTypes,
169
+ _r as Menu,
170
+ Rr as MenuItem,
171
+ L as MenuItemTypes,
172
+ U as MenuTypes,
173
+ Io as MultiBar,
174
+ cr as MultiBarTypes,
175
+ yo as Popover,
176
+ $r as PopoverTypes,
177
+ uo as Text,
178
+ Mo as TextArea,
179
+ Dr as TextAreaTypes,
180
+ To as Typography,
181
+ sr as TypographyTypes,
182
+ lr as TypographyTypesV4,
183
+ q as default,
184
+ fr as useId,
185
+ Br as useSearch,
186
+ Er as useToggle
181
187
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ironsource/shared-ui",
3
- "version": "2.0.2-rc.0",
3
+ "version": "2.0.2-rc.2",
4
4
  "engines": {
5
5
  "npm": ">=7.0.0",
6
6
  "node": ">=16.0.0"
@@ -214,7 +214,10 @@
214
214
  "./styleguideV4": "./style/styleguideV4.scss",
215
215
  "./banner": "./components/banner/Banner.vue.js",
216
216
  "./multibar": "./components/multibar/index.js",
217
- "./typography": "./components/typography/v4/index.js"
217
+ "./typography": "./components/typography/v4/index.js",
218
+ "./themeWrapper": "./components/ThemeWrapper/index.js",
219
+ "./inlineCopy": "./components/inlineCopy/index.js",
220
+ "./appHeader": "./components/appHeader/index.js"
218
221
  },
219
222
  "typesVersions": {
220
223
  "*": {
@@ -412,6 +415,15 @@
412
415
  ],
413
416
  "snackbar/v4": [
414
417
  "./components/snackbar/v4/index.d.ts"
418
+ ],
419
+ "themeWrapper": [
420
+ "./components/ThemeWrapper/index.d.ts"
421
+ ],
422
+ "inlineCopy": [
423
+ "./components/inlineCopy/index.d.ts"
424
+ ],
425
+ "appHeader": [
426
+ "./components/appHeader/index.d.ts"
415
427
  ]
416
428
  }
417
429
  },
@@ -187,3 +187,11 @@ export declare enum FormCardTestIdModifiers {
187
187
  SAVE_BUTTON = "form-card-save-btn",
188
188
  CANCEL_BUTTON = "form-card-cancel-btn"
189
189
  }
190
+ export declare enum AppHeaderTestIdModifiers {
191
+ TITLE = "ah-title",
192
+ APP_KEY = "ah-app-key"
193
+ }
194
+ export declare enum InlineCopyTestIdModifiers {
195
+ TEXT = "ic-text",
196
+ COPY_BTN = "ic-copy-btn"
197
+ }
package/testids/index.js CHANGED
@@ -1,28 +1,30 @@
1
- var a = /* @__PURE__ */ ((E) => (E.TRIGGER = "ie-trigger", E.CONTENT = "ie-content", E.SEARCH = "ie-search", E.LIST = "ie-list", E.LIST_SELECTED = "ie-list-selected", E.ACTION_CANCEL = "ie-action-cancel", E.ACTION_APPLY = "ie-action-apply", E.SELECT_ALL = "ie-select-all", E.CLEAR_ALL = "ie-clear-all", E))(a || {}), R = /* @__PURE__ */ ((E) => (E.TRIGGER = "dd-trigger", E.WRAPPER = "dd-wrapper", E.BUTTON = "dd-button", E.BUTTON_WRAPPER = "dd-button-wrapper", E.BUTTON_CONTENT = "dd-button-content", E.BUTTON_CLEAR = "dd-button-clear", E.LABEL = "dd-label", E.LIST_CONTAINER = "dd-list-container", E.SEARCH = "dd-search", E.TITLE = "dd-title", E.ACTION_CANCEL = "dd-action-cancel", E.ACTION_APPLY = "dd-action-apply", E.ACTION_CLEAR_ALL = "dd-action-clear-all", E.HELPER_TEXT = "dd-helper-text", E.HELPER_TEXT_ERROR = "dd-helper-text-error", E.SELECT_ALL = "dd-select-all", E.NO_RESULT = "dd-no-result", E))(R || {}), A = /* @__PURE__ */ ((E) => (E.WRAPPER = "banner-wrapper", E.CONTENT = "banner-content", E))(A || {}), t = /* @__PURE__ */ ((E) => (E.WRAPPER = "dialog-wrapper", E.HEADER = "dialog-header", E.ACTION_CLOSE = "dialog-action-close", E.HEADER_SECONDARY = "dialog-header-secondary", E.CONTENT = "dialog-content", E.ACTION_BUTTONS_WRAPPER = "dialog-action-buttons-wrapper", E.BACKDROP = "dialog-backdrop", E.SAVE_BUTTON = "dialog-save-button", E.CANCEL_BUTTON = "dialog-cancel-button", E))(t || {}), N = /* @__PURE__ */ ((E) => (E.WRAPPER = "input-wrapper", E.TOOLTIP = "input-tooltip", E.MANDATORY = "input-mandatory", E.LABEL_CONTAINER = "input-label-container", E.LABEL_TEXT = "input-label-text", E.FIELD = "input-field", E.EXTRA_TEXT = "input-extra-text", E.TOGGLE_PASSWORD = "input-toggle-password-icon", E))(N || {}), O = /* @__PURE__ */ ((E) => (E.WRAPPER = "cb-wrapper", E.LABEL = "cb-label", E.FIELD = "cb-field", E.CHECKED = "cb-checked", E))(O || {}), L = /* @__PURE__ */ ((E) => (E.FIELD = "radio-field", E.LABEL = "radio-label", E.ERROR_TEXT = "radio-error-text", E.GROUP = "radio-group", E))(L || {}), P = /* @__PURE__ */ ((E) => (E.WRAPPER = "swicth-wrapper", E.BUTTON = "swicth-button", E.TEXT = "swicth-text", E))(P || {}), c = /* @__PURE__ */ ((E) => (E.WRAPPER = "ta-wrapper", E.LABEL = "ta-label", E.FIELD = "ta-field", E.TEXT = "ta-text", E))(c || {}), l = /* @__PURE__ */ ((E) => (E.CONTAINER = "search-container", E.FIELD = "search-field", E.CLOSE = "search-close", E.CLEAR = "search-clear", E))(l || {}), _ = /* @__PURE__ */ ((E) => (E.CONTAINER = "tbl-container", E.TABLE = "tbl-table", E.HEADER = "tbl-header", E.TITLE = "tbl-title", E.HEADER_RIGHT = "tbl-header-right", E.ACTIONS = "tbl-actions", E.SECTIONS = "tbl-sections", E.BODY_WRAPPER = "tbl-body-wrapper", E.EMPTY_STATE = "tbl-empty-state", E))(_ || {}), n = /* @__PURE__ */ ((E) => (E.WRAPPER = "toggle-wrapper", E.BODY = "toggle-body", E.FIELD = "toggle-field", E.TEXT = "toggle-text", E.HELPER_TEXT = "toggle-helper-text", E.ERROR_TEXT = "toggle-error-text", E))(n || {}), r = /* @__PURE__ */ ((E) => (E.TEXT = "tt-text", E.TRIGGER = "tt-trigger", E.HEADER = "tt-header", E))(r || {}), C = /* @__PURE__ */ ((E) => (E.WRAPPER = "at-wrapper", E.TITLE_TEXT = "at-title-text", E.TITLE_TOOLTIP_TEXT = "at-tooltip-text", E.DESCRIPTION_TOOLTIP_TEXT = "at-description-tooltip-text", E.DESCRIPTION_TEXT = "at-description-text", E.TRIGGER_BUTTON = "at-trigger-button", E))(C || {}), p = /* @__PURE__ */ ((E) => (E.WRAPPER = "ai-wrapper", E.SELECTED_OPTION = "ai-selected-option", E.SEARCH_FIELD = "ai-search-field", E))(p || {}), b = /* @__PURE__ */ ((E) => (E.WRAPPER = "chip-wrapper", E.CLEAR = "chip-clear", E))(b || {}), v = /* @__PURE__ */ ((E) => (E.WRAPPER = "dp-wrapper", E.INPUT = "dp-input", E))(v || {}), u = /* @__PURE__ */ ((E) => (E.WRAPPER = "cm-wrapper", E.DAYS_HEADER = "cm-days-header", E.PREVIOUS = "cm-previous", E.NEXT = "cm-next", E.DAYS_WRAPPER = "cm-days-wrapper", E.DAY = "cm-day", E.MONTH_HEADER_TEXT = "cm-month-header-text", E.MONTH_HEADER = "cm-month-header", E))(u || {}), S = /* @__PURE__ */ ((E) => (E.WRAPPER = "dr-wrapper", E.FIELD = "dr-field", E.TRIGGER = "dr-trigger", E.CONTAINER = "dr-container", E.MENU = "dr-menu", E.MESSAGE = "dr-message", E.ACTION_APPLY = "dr-action-apply", E.ACTION_CANCEL = "dr-action-cancel", E))(S || {}), B = /* @__PURE__ */ ((E) => (E.WRAPPER = "tabs-wrapper", E.TAB = "tabs-tab", E))(B || {}), X = /* @__PURE__ */ ((E) => (E.TEXT = "t-text", E))(X || {}), W = /* @__PURE__ */ ((E) => (E.HEADER = "h-header", E))(W || {}), h = /* @__PURE__ */ ((E) => (E.CONTAINER = "field-label-container", E.TEXT = "field-label-text", E.MANDATORY = "field-label-mandatory", E.TOOLTIP = "field-label-help-tooltip", E))(h || {}), H = /* @__PURE__ */ ((E) => (E.CONTAINER = "field-help-text-container", E.TEXT = "field-help-text-text", E.ICON = "field-help-text-icon", E))(H || {}), U = /* @__PURE__ */ ((E) => (E.CONTAINER = "sb-container", E.TITLE = "sb-title", E.MESSAGE = "sb-message", E.CLOSE = "sb-close", E.ICON = "sb-icon", E.ACTION_BUTTON = "sb-action-button", E))(U || {}), G = /* @__PURE__ */ ((E) => (E.TITLE = "foldable-section-title", E.CONTENT = "foldable-section-content", E))(G || {}), m = /* @__PURE__ */ ((E) => (E.TITLE = "form-card-title", E.CONTENT = "form-card-content", E.ACTIONS = "form-card-actions", E.SAVE_BUTTON = "form-card-save-btn", E.CANCEL_BUTTON = "form-card-cancel-btn", E))(m || {});
1
+ var a = /* @__PURE__ */ ((E) => (E.TRIGGER = "ie-trigger", E.CONTENT = "ie-content", E.SEARCH = "ie-search", E.LIST = "ie-list", E.LIST_SELECTED = "ie-list-selected", E.ACTION_CANCEL = "ie-action-cancel", E.ACTION_APPLY = "ie-action-apply", E.SELECT_ALL = "ie-select-all", E.CLEAR_ALL = "ie-clear-all", E))(a || {}), R = /* @__PURE__ */ ((E) => (E.TRIGGER = "dd-trigger", E.WRAPPER = "dd-wrapper", E.BUTTON = "dd-button", E.BUTTON_WRAPPER = "dd-button-wrapper", E.BUTTON_CONTENT = "dd-button-content", E.BUTTON_CLEAR = "dd-button-clear", E.LABEL = "dd-label", E.LIST_CONTAINER = "dd-list-container", E.SEARCH = "dd-search", E.TITLE = "dd-title", E.ACTION_CANCEL = "dd-action-cancel", E.ACTION_APPLY = "dd-action-apply", E.ACTION_CLEAR_ALL = "dd-action-clear-all", E.HELPER_TEXT = "dd-helper-text", E.HELPER_TEXT_ERROR = "dd-helper-text-error", E.SELECT_ALL = "dd-select-all", E.NO_RESULT = "dd-no-result", E))(R || {}), t = /* @__PURE__ */ ((E) => (E.WRAPPER = "banner-wrapper", E.CONTENT = "banner-content", E))(t || {}), A = /* @__PURE__ */ ((E) => (E.WRAPPER = "dialog-wrapper", E.HEADER = "dialog-header", E.ACTION_CLOSE = "dialog-action-close", E.HEADER_SECONDARY = "dialog-header-secondary", E.CONTENT = "dialog-content", E.ACTION_BUTTONS_WRAPPER = "dialog-action-buttons-wrapper", E.BACKDROP = "dialog-backdrop", E.SAVE_BUTTON = "dialog-save-button", E.CANCEL_BUTTON = "dialog-cancel-button", E))(A || {}), N = /* @__PURE__ */ ((E) => (E.WRAPPER = "input-wrapper", E.TOOLTIP = "input-tooltip", E.MANDATORY = "input-mandatory", E.LABEL_CONTAINER = "input-label-container", E.LABEL_TEXT = "input-label-text", E.FIELD = "input-field", E.EXTRA_TEXT = "input-extra-text", E.TOGGLE_PASSWORD = "input-toggle-password-icon", E))(N || {}), O = /* @__PURE__ */ ((E) => (E.WRAPPER = "cb-wrapper", E.LABEL = "cb-label", E.FIELD = "cb-field", E.CHECKED = "cb-checked", E))(O || {}), L = /* @__PURE__ */ ((E) => (E.FIELD = "radio-field", E.LABEL = "radio-label", E.ERROR_TEXT = "radio-error-text", E.GROUP = "radio-group", E))(L || {}), P = /* @__PURE__ */ ((E) => (E.WRAPPER = "swicth-wrapper", E.BUTTON = "swicth-button", E.TEXT = "swicth-text", E))(P || {}), c = /* @__PURE__ */ ((E) => (E.WRAPPER = "ta-wrapper", E.LABEL = "ta-label", E.FIELD = "ta-field", E.TEXT = "ta-text", E))(c || {}), _ = /* @__PURE__ */ ((E) => (E.CONTAINER = "search-container", E.FIELD = "search-field", E.CLOSE = "search-close", E.CLEAR = "search-clear", E))(_ || {}), l = /* @__PURE__ */ ((E) => (E.CONTAINER = "tbl-container", E.TABLE = "tbl-table", E.HEADER = "tbl-header", E.TITLE = "tbl-title", E.HEADER_RIGHT = "tbl-header-right", E.ACTIONS = "tbl-actions", E.SECTIONS = "tbl-sections", E.BODY_WRAPPER = "tbl-body-wrapper", E.EMPTY_STATE = "tbl-empty-state", E))(l || {}), n = /* @__PURE__ */ ((E) => (E.WRAPPER = "toggle-wrapper", E.BODY = "toggle-body", E.FIELD = "toggle-field", E.TEXT = "toggle-text", E.HELPER_TEXT = "toggle-helper-text", E.ERROR_TEXT = "toggle-error-text", E))(n || {}), r = /* @__PURE__ */ ((E) => (E.TEXT = "tt-text", E.TRIGGER = "tt-trigger", E.HEADER = "tt-header", E))(r || {}), C = /* @__PURE__ */ ((E) => (E.WRAPPER = "at-wrapper", E.TITLE_TEXT = "at-title-text", E.TITLE_TOOLTIP_TEXT = "at-tooltip-text", E.DESCRIPTION_TOOLTIP_TEXT = "at-description-tooltip-text", E.DESCRIPTION_TEXT = "at-description-text", E.TRIGGER_BUTTON = "at-trigger-button", E))(C || {}), p = /* @__PURE__ */ ((E) => (E.WRAPPER = "ai-wrapper", E.SELECTED_OPTION = "ai-selected-option", E.SEARCH_FIELD = "ai-search-field", E))(p || {}), b = /* @__PURE__ */ ((E) => (E.WRAPPER = "chip-wrapper", E.CLEAR = "chip-clear", E))(b || {}), v = /* @__PURE__ */ ((E) => (E.WRAPPER = "dp-wrapper", E.INPUT = "dp-input", E))(v || {}), u = /* @__PURE__ */ ((E) => (E.WRAPPER = "cm-wrapper", E.DAYS_HEADER = "cm-days-header", E.PREVIOUS = "cm-previous", E.NEXT = "cm-next", E.DAYS_WRAPPER = "cm-days-wrapper", E.DAY = "cm-day", E.MONTH_HEADER_TEXT = "cm-month-header-text", E.MONTH_HEADER = "cm-month-header", E))(u || {}), B = /* @__PURE__ */ ((E) => (E.WRAPPER = "dr-wrapper", E.FIELD = "dr-field", E.TRIGGER = "dr-trigger", E.CONTAINER = "dr-container", E.MENU = "dr-menu", E.MESSAGE = "dr-message", E.ACTION_APPLY = "dr-action-apply", E.ACTION_CANCEL = "dr-action-cancel", E))(B || {}), S = /* @__PURE__ */ ((E) => (E.WRAPPER = "tabs-wrapper", E.TAB = "tabs-tab", E))(S || {}), X = /* @__PURE__ */ ((E) => (E.TEXT = "t-text", E))(X || {}), W = /* @__PURE__ */ ((E) => (E.HEADER = "h-header", E))(W || {}), h = /* @__PURE__ */ ((E) => (E.CONTAINER = "field-label-container", E.TEXT = "field-label-text", E.MANDATORY = "field-label-mandatory", E.TOOLTIP = "field-label-help-tooltip", E))(h || {}), U = /* @__PURE__ */ ((E) => (E.CONTAINER = "field-help-text-container", E.TEXT = "field-help-text-text", E.ICON = "field-help-text-icon", E))(U || {}), G = /* @__PURE__ */ ((E) => (E.CONTAINER = "sb-container", E.TITLE = "sb-title", E.MESSAGE = "sb-message", E.CLOSE = "sb-close", E.ICON = "sb-icon", E.ACTION_BUTTON = "sb-action-button", E))(G || {}), H = /* @__PURE__ */ ((E) => (E.TITLE = "foldable-section-title", E.CONTENT = "foldable-section-content", E))(H || {}), T = /* @__PURE__ */ ((E) => (E.TITLE = "form-card-title", E.CONTENT = "form-card-content", E.ACTIONS = "form-card-actions", E.SAVE_BUTTON = "form-card-save-btn", E.CANCEL_BUTTON = "form-card-cancel-btn", E))(T || {}), m = /* @__PURE__ */ ((E) => (E.TITLE = "ah-title", E.APP_KEY = "ah-app-key", E))(m || {}), Y = /* @__PURE__ */ ((E) => (E.TEXT = "ic-text", E.COPY_BTN = "ic-copy-btn", E))(Y || {});
2
2
  export {
3
+ m as AppHeaderTestIdModifiers,
3
4
  C as AppTriggerTestIdModifiers,
4
5
  p as AutocompleteInputTestIdModifiers,
5
- A as BannerTestIdModifiers,
6
+ t as BannerTestIdModifiers,
6
7
  u as CalendarMonthTestIdModifiers,
7
8
  O as CheckboxTestIdModifiers,
8
9
  b as ChipTestIdModifiers,
9
10
  v as DatePickerTestIdModifiers,
10
- S as DateRangeTestIdModifiers,
11
- t as DialogTestIdModifiers,
11
+ B as DateRangeTestIdModifiers,
12
+ A as DialogTestIdModifiers,
12
13
  R as DropdownTestIdModifiers,
13
- H as FieldHelpTextTestIdModifiers,
14
+ U as FieldHelpTextTestIdModifiers,
14
15
  h as FieldLabelTestIdModifiers,
15
- G as FoldableSectionTestIdModifiers,
16
- m as FormCardTestIdModifiers,
16
+ H as FoldableSectionTestIdModifiers,
17
+ T as FormCardTestIdModifiers,
17
18
  W as HeaderTestIdModifiers,
18
19
  a as IncludeExcludeTestIdModifiers,
20
+ Y as InlineCopyTestIdModifiers,
19
21
  N as InputTestIdModifiers,
20
22
  L as RadioTestIdModifiers,
21
- l as SearchTestIdModifiers,
22
- U as SnackbarTestIdModifiers,
23
+ _ as SearchTestIdModifiers,
24
+ G as SnackbarTestIdModifiers,
23
25
  P as SwitchTestIdModifiers,
24
- _ as TableTestIdModifiers,
25
- B as TabsTestIdModifiers,
26
+ l as TableTestIdModifiers,
27
+ S as TabsTestIdModifiers,
26
28
  c as TextAreaTestIdModifiers,
27
29
  X as TextTestIdModifiers,
28
30
  n as ToggleTestIdModifiers,
@@ -1 +0,0 @@
1
- .app-trigger-wrapper[data-v-c48dc06e]{display:flex}.app-trigger-wrapper.with-copy .app-trigger[data-v-c48dc06e]{border-radius:var(--border-radius-lg) 0 0 var(--border-radius-lg);width:calc(100% - 41px)}.app-trigger-key[data-v-c48dc06e]{flex:none}.app-trigger-key--content[data-v-c48dc06e]{padding:12px;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)}.app-trigger-key--content[data-v-c48dc06e]:hover{background:var(--action-selected)}.app-trigger[data-v-c48dc06e]{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-c48dc06e]:hover,.app-trigger.active[data-v-c48dc06e]{background:var(--action-selected)}.app-trigger.disabled[data-v-c48dc06e]{cursor:auto}.app-trigger--content[data-v-c48dc06e]{color:var(--text-primary);display:flex;column-gap:8px;width:calc(100% - 20px);align-items:center}.app-trigger--content .x-circle-wrapper[data-v-c48dc06e]{color:var(--primary-dark)}.app-trigger--content .x-circle-wrapper[data-v-c48dc06e]:hover{color:var(--primary-main)}.app-trigger--icon[data-v-c48dc06e]{display:flex;align-items:center}.app-trigger .displayed-value[data-v-c48dc06e]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-trigger .image[data-v-c48dc06e]{width:20px;height:20px;flex:none}.app-trigger .image img[data-v-c48dc06e]{border-radius:4px;width:100%;height:100%}.app-trigger .start-icon[data-v-c48dc06e]{display:flex;color:var(--action-active)}.app-trigger .label-text[data-v-c48dc06e]{display:flex;align-items:center;gap:8px}.app-trigger .label-text .text-content[data-v-c48dc06e]{display:flex;align-items:center;gap:4px;width:100%}.app-trigger .label-text .text-content .text-content-value[data-v-c48dc06e]{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-trigger .label-text .is-mandatory[data-v-c48dc06e]{padding-top:5px;color:var(--error-main)}
@@ -1 +0,0 @@
1
- .label[data-v-2a214b95]{color:#41454d}.item-container[data-v-2a214b95]{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-2a214b95]{cursor:initial;color:var(--text-disabled)}.item-container[data-v-2a214b95]:hover:not(.item-container--disabled){background-color:var(--action-hover)}.item-container--active[data-v-2a214b95],.item-container[data-v-2a214b95]:active{background-color:var(--action-selected)}.item-container:not(.item-container--multi).item-container--selected[data-v-2a214b95]{background-color:var(--action-selected)}.subtitle[data-v-2a214b95]{color:#7b838c;line-height:1rem}.clear-button[data-v-2a214b95]{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-2a214b95]:hover{color:#3083ff}.item[data-v-2a214b95]{width:100%;display:flex;gap:.5rem;align-items:center}.item--with-icon[data-v-2a214b95],.item--multi[data-v-2a214b95]{display:flex;flex-direction:row;align-items:center;justify-content:start}.item .image[data-v-2a214b95]{width:20px;height:20px;flex:none}.item .image img[data-v-2a214b95]{width:20px;height:20px;border-radius:4px}.item .start-icon[data-v-2a214b95]{display:flex;color:var(--action-active)}.text-container[data-v-2a214b95]{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
@@ -1 +0,0 @@
1
- div[data-v-21f12d1a]{display:block}