@ironsource/shared-ui 2.0.1 → 2.0.2-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 (35) hide show
  1. package/AppDropdownTrigger.vue_vue_type_style_index_0_scoped_28bb325a_lang.css +1 -0
  2. package/DataGrid.vue_vue_type_style_index_0_scoped_9cc6b34e_lang.css +1 -0
  3. package/DataGridRowsCounter.vue_vue_type_style_index_0_scoped_9e366543_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/dropdown/v4/AppDropdownTrigger.vue.js +4 -4
  17. package/components/dropdown/v4/AppDropdownTrigger.vue2.js +55 -63
  18. package/components/dropdown/v4/OptionV4.vue.js +2 -2
  19. package/components/dropdown/v4/OptionV4.vue2.js +1 -1
  20. package/components/table/v4/DataGrid.vue.d.ts +1 -0
  21. package/components/table/v4/DataGrid.vue.js +3 -3
  22. package/components/table/v4/DataGrid.vue2.js +162 -150
  23. package/components/table/v4/DataGridRowsCounter.vue.js +3 -3
  24. package/components/table/v4/DataGridRowsCounter.vue2.js +13 -7
  25. package/components/table/v4/index.d.ts +1 -0
  26. package/components/tooltip/v4/TooltipV4.vue.js +3 -3
  27. package/components/tooltip/v4/TooltipV4.vue2.js +1 -1
  28. package/index.d.ts +156 -0
  29. package/index.js +109 -107
  30. package/package.json +6 -2
  31. package/AppDropdownTrigger.vue_vue_type_style_index_0_scoped_c48dc06e_lang.css +0 -1
  32. package/DataGrid.vue_vue_type_style_index_0_scoped_4e432056_lang.css +0 -1
  33. package/DataGridRowsCounter.vue_vue_type_style_index_0_scoped_11c1bb3f_lang.css +0 -1
  34. package/OptionV4.vue_vue_type_style_index_0_scoped_2a214b95_lang.css +0 -1
  35. package/TooltipV4.vue_vue_type_style_index_0_scoped_21f12d1a_lang.css +0 -1
package/index.d.ts CHANGED
@@ -20,6 +20,160 @@ import * as tableV4 from '@/components/table/v4';
20
20
  import * as tableCellsV3 from '@/components/table-cells/v3';
21
21
  import * as snackbarV3 from '@/components/snackbar/v3';
22
22
  declare const _default: {
23
+ ThemeWrapper: {
24
+ new (...args: any[]): {
25
+ $: import("vue").ComponentInternalInstance;
26
+ $data: {};
27
+ $props: Partial<{
28
+ version: "v3" | "v4";
29
+ }> & Omit<Readonly<import("vue").ExtractPropTypes<{
30
+ version: {
31
+ type: import("vue").PropType<"v3" | "v4">;
32
+ required: true;
33
+ default: string;
34
+ };
35
+ }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "version">;
36
+ $attrs: {
37
+ [x: string]: unknown;
38
+ };
39
+ $refs: {
40
+ [x: string]: unknown;
41
+ };
42
+ $slots: Readonly<{
43
+ [name: string]: import("vue").Slot;
44
+ }>;
45
+ $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
46
+ $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
47
+ $emit: (event: string, ...args: any[]) => void;
48
+ $el: any;
49
+ $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
50
+ version: {
51
+ type: import("vue").PropType<"v3" | "v4">;
52
+ required: true;
53
+ default: string;
54
+ };
55
+ }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
56
+ version: "v3" | "v4";
57
+ }, {}, string> & {
58
+ beforeCreate?: (() => void) | (() => void)[];
59
+ created?: (() => void) | (() => void)[];
60
+ beforeMount?: (() => void) | (() => void)[];
61
+ mounted?: (() => void) | (() => void)[];
62
+ beforeUpdate?: (() => void) | (() => void)[];
63
+ updated?: (() => void) | (() => void)[];
64
+ activated?: (() => void) | (() => void)[];
65
+ deactivated?: (() => void) | (() => void)[];
66
+ beforeDestroy?: (() => void) | (() => void)[];
67
+ beforeUnmount?: (() => void) | (() => void)[];
68
+ destroyed?: (() => void) | (() => void)[];
69
+ unmounted?: (() => void) | (() => void)[];
70
+ renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
71
+ renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
72
+ errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void)[];
73
+ };
74
+ $forceUpdate: () => void;
75
+ $nextTick: typeof import("vue").nextTick;
76
+ $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
77
+ } & Readonly<import("vue").ExtractPropTypes<{
78
+ version: {
79
+ type: import("vue").PropType<"v3" | "v4">;
80
+ required: true;
81
+ default: string;
82
+ };
83
+ }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
84
+ __isFragment?: never;
85
+ __isTeleport?: never;
86
+ __isSuspense?: never;
87
+ } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
88
+ version: {
89
+ type: import("vue").PropType<"v3" | "v4">;
90
+ required: true;
91
+ default: string;
92
+ };
93
+ }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
94
+ version: "v3" | "v4";
95
+ }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
96
+ $slots: {
97
+ default?(_: {}): any;
98
+ };
99
+ });
100
+ FormCardTypes: () => ({
101
+ new (...args: any[]): {
102
+ $: import("vue").ComponentInternalInstance;
103
+ $data: {};
104
+ $props: Partial<{
105
+ version: "v3" | "v4";
106
+ }> & Omit<Readonly<import("vue").ExtractPropTypes<{
107
+ version: {
108
+ type: import("vue").PropType<"v3" | "v4">;
109
+ required: true;
110
+ default: string;
111
+ };
112
+ }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "version">;
113
+ $attrs: {
114
+ [x: string]: unknown;
115
+ };
116
+ $refs: {
117
+ [x: string]: unknown;
118
+ };
119
+ $slots: Readonly<{
120
+ [name: string]: import("vue").Slot;
121
+ }>;
122
+ $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
123
+ $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
124
+ $emit: (event: string, ...args: any[]) => void;
125
+ $el: any;
126
+ $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
127
+ version: {
128
+ type: import("vue").PropType<"v3" | "v4">;
129
+ required: true;
130
+ default: string;
131
+ };
132
+ }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
133
+ version: "v3" | "v4";
134
+ }, {}, string> & {
135
+ beforeCreate?: (() => void) | (() => void)[];
136
+ created?: (() => void) | (() => void)[];
137
+ beforeMount?: (() => void) | (() => void)[];
138
+ mounted?: (() => void) | (() => void)[];
139
+ beforeUpdate?: (() => void) | (() => void)[];
140
+ updated?: (() => void) | (() => void)[];
141
+ activated?: (() => void) | (() => void)[];
142
+ deactivated?: (() => void) | (() => void)[];
143
+ beforeDestroy?: (() => void) | (() => void)[];
144
+ beforeUnmount?: (() => void) | (() => void)[];
145
+ destroyed?: (() => void) | (() => void)[];
146
+ unmounted?: (() => void) | (() => void)[];
147
+ renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
148
+ renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
149
+ errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void)[];
150
+ };
151
+ $forceUpdate: () => void;
152
+ $nextTick: typeof import("vue").nextTick;
153
+ $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
154
+ } & Readonly<import("vue").ExtractPropTypes<{
155
+ version: {
156
+ type: import("vue").PropType<"v3" | "v4">;
157
+ required: true;
158
+ default: string;
159
+ };
160
+ }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
161
+ __isFragment?: never;
162
+ __isTeleport?: never;
163
+ __isSuspense?: never;
164
+ } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
165
+ version: {
166
+ type: import("vue").PropType<"v3" | "v4">;
167
+ required: true;
168
+ default: string;
169
+ };
170
+ }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
171
+ version: "v3" | "v4";
172
+ }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
173
+ $slots: {
174
+ default?(_: {}): any;
175
+ };
176
+ }))[];
23
177
  RadioButton: {
24
178
  new (...args: any[]): {
25
179
  $: import("vue").ComponentInternalInstance;
@@ -2339,6 +2493,7 @@ declare const _default: {
2339
2493
  title?(_: {}): any;
2340
2494
  search?(_: {}): any;
2341
2495
  "table-header-actions"?(_: {}): any;
2496
+ "select-all-checkbox"?(_: {}): any;
2342
2497
  loader?(_: {}): any;
2343
2498
  expanded?(_: {
2344
2499
  row: import("@vueuse/core").UseVirtualListItem<import("./components/table/common/Table.types").Row>;
@@ -2987,6 +3142,7 @@ declare const _default: {
2987
3142
  title?(_: {}): any;
2988
3143
  search?(_: {}): any;
2989
3144
  "table-header-actions"?(_: {}): any;
3145
+ "select-all-checkbox"?(_: {}): any;
2990
3146
  loader?(_: {}): any;
2991
3147
  expanded?(_: {
2992
3148
  row: import("@vueuse/core").UseVirtualListItem<import("./components/table/common/Table.types").Row>;
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 z } from "./components/appTrigger/index.js";
3
+ import { AutocompleteDropdownTypes as K } from "./components/autocompleteDropdown/index.js";
4
+ import { MenuItemTypes as Y } from "./components/menuItem/index.js";
5
+ import { MenuTypes as L } from "./components/menu/index.js";
6
+ import { AppIconTypes as U } from "./components/appIcon/index.js";
7
+ import { FloatingToolbarTypes as X } from "./components/floatingToolbar/index.js";
8
+ import { IncludeExcludeTypes as rr } from "./components/includeExclude/index.js";
9
+ import { CssBaselineTypes as er } from "./components/cssBaseline/index.js";
10
+ import { ID_INJECTION_KEY as pr, useId as mr } from "./composables/useId.js";
11
+ import { FilterDropdownTypes as fr } from "./components/filterDropdown/index.js";
12
+ import { TypographyTypes as ir } from "./components/typography/index.js";
13
+ import { TypographyTypesV4 as sr } from "./components/typography/v4/index.js";
14
+ import { PopoverTypes as lr } from "./components/popover/index.js";
15
+ import { MultiBarTypes as $r } from "./components/multibar/index.js";
16
+ import { FormCardTypes as cr } 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";
@@ -23,8 +23,8 @@ 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
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";
26
+ import * as i 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,42 @@ 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";
55
+ import * as S from "./components/ThemeWrapper/index.js";
56
+ import { TextAreaTypes as gr } from "./components/textArea/index.js";
57
+ import { useToggle as Dr } from "./composables/useToggle.js";
58
+ import { useSearch as Er } from "./composables/useSearch.js";
59
+ import { DateRangeTypes as Br } from "./components/dateRange/index.js";
60
+ import { DatePickerTypes as hr } from "./components/datePicker/index.js";
61
+ import { BannerTypes as br } from "./components/banner/index.js";
62
+ import { default as Pr } from "./components/appTrigger/AppTrigger.vue.js";
63
+ import { default as vr } from "./components/autocompleteDropdown/AutocompleteDropdown.vue.js";
64
+ import { default as Hr } from "./components/menuItem/MenuItem.vue.js";
65
+ import { default as Rr } from "./components/menu/Menu.vue.js";
66
+ import { default as _r } from "./components/appIcon/AppIcon.vue.js";
67
+ import { default as qr } from "./components/floatingToolbar/FloatingToolbar.vue.js";
68
+ import { default as Jr } from "./components/includeExclude/IncludeExclude.vue.js";
69
+ import { default as Vr } from "./components/includeExclude/IncludeExcludeDragDrop.vue.js";
70
+ import { default as Gr } from "./components/includeExclude/IncludeExcludeOption.vue.js";
71
+ import { default as Qr } from "./components/includeExclude/IncludeExcludeOptionDraggable.vue.js";
72
+ import { default as Wr } from "./components/includeExclude/IncludeExcludeAppTrigger.vue.js";
73
+ import { default as Zr } from "./components/includeExclude/IncludeExcludeAppHeader.vue.js";
74
+ import { default as oo } from "./components/includeExclude/IncludeExcludeChipFilter.vue.js";
75
+ import { default as to } from "./components/cssBaseline/CssBaseline.vue.js";
76
+ import { default as mo } from "./components/filterDropdown/FilterDropdown.vue.js";
77
+ import { default as fo } from "./components/filterDropdown/AddFilterButton.vue.js";
78
+ import { default as io } from "./components/typography/Heading.vue.js";
79
+ import { default as no } from "./components/typography/Text.vue.js";
80
+ import { default as uo } from "./components/typography/v4/Typography.vue.js";
81
+ import { default as To } from "./components/popover/Popover.vue.js";
82
+ import { default as yo } from "./components/multibar/MultiBar.vue.js";
83
+ import { default as Io } from "./components/layout/FormCard.vue.js";
83
84
  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 = {
85
+ import { default as Fo } from "./components/layout/FoldableSection.vue.js";
86
+ import { default as Co } from "./components/textArea/TextArea.vue.js";
87
+ import { default as Mo } from "./components/dateRange/DateRange.vue.js";
88
+ import { default as wo } from "./components/datePicker/DatePicker.vue.js";
89
+ import { default as ko } from "./components/banner/Banner.vue.js";
90
+ const _ = {
90
91
  ...e,
91
92
  ...t,
92
93
  ...p,
@@ -96,8 +97,8 @@ const S = {
96
97
  ...a,
97
98
  ...f,
98
99
  ...x,
99
- ...d,
100
100
  ...i,
101
+ ...d,
101
102
  ...s,
102
103
  ...T,
103
104
  ...c,
@@ -106,10 +107,10 @@ const S = {
106
107
  ...y,
107
108
  ...g,
108
109
  ...I,
109
- ...A,
110
+ ...D,
110
111
  ...F,
111
112
  ...B,
112
- ...D,
113
+ ...A,
113
114
  ...E,
114
115
  ...C,
115
116
  ...h,
@@ -124,58 +125,59 @@ const S = {
124
125
  ...n,
125
126
  ...l,
126
127
  ...N,
127
- ...R
128
+ ...R,
129
+ ...S
128
130
  };
129
131
  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,
132
+ fo as AddFilterButton,
133
+ _r as AppIcon,
134
+ U as AppIconTypes,
135
+ Pr as AppTrigger,
136
+ z as AppTriggerTypes,
137
+ vr as AutocompleteDropdown,
138
+ K as AutocompleteDropdownTypes,
139
+ ko as Banner,
140
+ br as BannerTypes,
139
141
  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
142
+ to as CssBaseline,
143
+ er as CssBaselineTypes,
144
+ wo as DatePicker,
145
+ hr as DatePickerTypes,
146
+ Mo as DateRange,
147
+ Br as DateRangeTypes,
148
+ mo as FilterDropdown,
149
+ fr as FilterDropdownTypes,
150
+ qr as FloatingToolbar,
151
+ X as FloatingToolbarTypes,
152
+ Fo as FoldableSection,
153
+ Io as FormCard,
154
+ cr as FormCardTypes,
155
+ io as Heading,
156
+ pr as ID_INJECTION_KEY,
157
+ Jr as IncludeExclude,
158
+ Zr as IncludeExcludeAppHeader,
159
+ Wr as IncludeExcludeAppTrigger,
160
+ oo as IncludeExcludeChipFilter,
161
+ Vr as IncludeExcludeDragDrop,
162
+ Gr as IncludeExcludeOption,
163
+ Qr as IncludeExcludeOptionDraggable,
164
+ rr as IncludeExcludeTypes,
165
+ Rr as Menu,
166
+ Hr as MenuItem,
167
+ Y as MenuItemTypes,
168
+ L as MenuTypes,
169
+ yo as MultiBar,
170
+ $r as MultiBarTypes,
171
+ To as Popover,
172
+ lr as PopoverTypes,
173
+ no as Text,
174
+ Co as TextArea,
175
+ gr as TextAreaTypes,
176
+ uo as Typography,
177
+ ir as TypographyTypes,
178
+ sr as TypographyTypesV4,
179
+ _ as default,
180
+ mr as useId,
181
+ Er as useSearch,
182
+ Dr as useToggle
181
183
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ironsource/shared-ui",
3
- "version": "2.0.1",
3
+ "version": "2.0.2-rc.1",
4
4
  "engines": {
5
5
  "npm": ">=7.0.0",
6
6
  "node": ">=16.0.0"
@@ -214,7 +214,8 @@
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"
218
219
  },
219
220
  "typesVersions": {
220
221
  "*": {
@@ -412,6 +413,9 @@
412
413
  ],
413
414
  "snackbar/v4": [
414
415
  "./components/snackbar/v4/index.d.ts"
416
+ ],
417
+ "themeWrapper": [
418
+ "./components/ThemeWrapper/index.d.ts"
415
419
  ]
416
420
  }
417
421
  },
@@ -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
- .sticky[data-v-4e432056]{position:sticky}.table-container[data-v-4e432056]{width:100%;position:relative;display:flex;flex-direction:column}.table-header[data-v-4e432056]{display:flex;align-items:center;height:calc(var(--spacing-800) - 1px);border-bottom:1px solid var(--common-divider);background-color:var(--background-paper-elevation-0);position:sticky;left:0;padding:var(--spacing-300)}.table-header .table-title[data-v-4e432056]{display:flex;flex:1;align-items:center;justify-content:flex-start;height:100%;color:var(--text-primary)}.table-header .table-header-right[data-v-4e432056]{display:flex;align-items:center;height:100%}.table-header .search-wrapper[data-v-4e432056]{width:13.75rem}.table-header.isStickyHeader[data-v-4e432056]{z-index:calc(var(--f7be0d24) + 3);top:0}.table-head-container[data-v-4e432056]{display:flex;align-items:center;white-space:nowrap;color:var(--text-primary)}.table-footer[data-v-4e432056]{color:var(--text-primary);background-color:var(--background-paper-elevation-0);padding:0 var(--spacing-300);display:flex;align-items:center;min-height:var(--spacing-600);border:1px solid var(--common-divider);border-radius:var(--border-radius-md);border-top-right-radius:0;border-top-left-radius:0}.table-body-wrapper[data-v-4e432056]{display:inline-table}.table-header-actions[data-v-4e432056]{margin-left:var(--spacing-100);display:flex;align-items:center}.table-row[data-v-4e432056]{position:relative}.table-row.loading[data-v-4e432056]{opacity:.7}.table-row:not(.expanded):last-child>td[data-v-4e432056]{border-bottom:none}.table-row.expanded:last-child>.expanded-row[data-v-4e432056]{border-bottom:none}.expanded-row[data-v-4e432056]{grid-column:var(--1ec56162);border-bottom:1px solid var(--common-divider);background-color:var(--background-default)}table[data-v-4e432056]{position:relative;display:block;overflow:auto;background:var(--background-paper-elevation-0);border:1px solid var(--common-divider);color:var(--text-primary);text-align:left;table-layout:fixed;width:100%;max-height:100%;border-radius:var(--border-radius-md)}table.hasFooter[data-v-4e432056]{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:none}table td[data-v-4e432056],table th[data-v-4e432056]{line-height:normal;padding:0 var(--spacing-200)}table td[data-v-4e432056]:first-of-type,table th[data-v-4e432056]:first-of-type{padding-left:var(--spacing-300)}table td[data-v-4e432056]:last-of-type,table th[data-v-4e432056]:last-of-type{padding-right:var(--spacing-300)}table td.expand-toggle-cell[data-v-4e432056],table th.expand-toggle-cell[data-v-4e432056]{padding-left:var(--spacing-150);padding-right:var(--spacing-75)}table>thead[data-v-4e432056]{border-bottom:none;z-index:calc(var(--f7be0d24) + 1);display:inline-table;min-width:100%}table>thead>tr[data-v-4e432056]{color:var(--text-primary);border-bottom:1px solid var(--common-divider);height:var(--spacing-500);display:grid;grid-template-columns:var(--4abea3db)}table>thead>tr>th[data-v-4e432056]{background:var(--background-paper-elevation-0);width:100%;display:flex;align-items:center;cursor:default}table>thead>tr>th.bordered[data-v-4e432056]{border-right:1px solid var(--common-divider)}table>thead>tr>th.bordered.isStickyRight[data-v-4e432056]{border-right:none;border-left:1px solid var(--common-divider)}table>thead>tr>th.isTextRight[data-v-4e432056]{justify-content:flex-end}table>thead>tr>th.isSortable[data-v-4e432056]{cursor:pointer}table>thead.sticky[data-v-4e432056]{position:sticky;top:0;background:white}table>thead.isStickyHeader[data-v-4e432056]{z-index:calc(var(--f7be0d24) + 2);top:calc(var(--spacing-800) - 1px)}table>tbody[data-v-4e432056]{display:block}table>tbody>*>tr[data-v-4e432056]{background-color:var(--background-default);min-height:var(--0d6494ba);height:auto;display:grid;align-items:center;grid-template-columns:var(--4abea3db)}table>tbody>*>tr:nth-of-type(2n)>td[data-v-4e432056]{background-color:var(--background-default)}table>tbody>*>tr:hover:not(.loading)>td[data-v-4e432056]{background-color:var(--background-paper-elevation-1)}table>tbody td[data-v-4e432056]{background-color:var(--background-default);border:none;min-width:0;display:flex;min-height:var(--0d6494ba);height:auto;width:100%;place-items:center;border-bottom:1px solid var(--common-divider);justify-content:start}table>tbody td.bordered[data-v-4e432056]{border-right:1px solid var(--common-divider)}table>tbody td.bordered.isStickyRight[data-v-4e432056]{border-right:none;border-left:1px solid var(--common-divider)}table>tbody td.isTextRight[data-v-4e432056]{justify-content:flex-end;text-align:right}.section-container[data-v-4e432056]{left:0}.sections[data-v-4e432056]{display:flex}.section[data-v-4e432056]{padding:0 1.5rem;background:var(--background-default);left:0;height:32px;display:flex;align-items:flex-end;border-right:1px solid var(--common-divider)}.table-cell[data-v-4e432056]{width:100%}.empty-state[data-v-4e432056]{min-height:250px}
@@ -1 +0,0 @@
1
- div[data-v-11c1bb3f]{display:block}
@@ -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}