@ironsource/shared-ui 2.2.0-rc.1 → 2.2.0-test.1

package/components/link/Link.vue2.js

@@ -1,4 +1,4 @@
- import "../../Link.vue_vue_type_style_index_0_scoped_1a766750_lang.css"; import { defineComponent as m, openBlock as n, createBlock as l, unref as t, mergeProps as c, withCtx as y, createCommentVNode as d, renderSlot as T } from "vue";
+ import "../../Link.vue_vue_type_style_index_0_scoped_fe0e7f6f_lang.css"; import { defineComponent as m, openBlock as n, createBlock as l, unref as t, mergeProps as c, withCtx as y, createCommentVNode as d, renderSlot as T } from "vue";
 import k from "../typography/v4/Typography.vue.js";
 import r from "../icon/v4/IconV4.vue.js";
 import "../icon/v4/IconFlag.vue.js";

package/components/link/index.d.ts

@@ -4,7 +4,7 @@ declare const LinkTypes: () => ({
         $data: {};
         $props: Partial<{
             testId: string;
-            variant: "button" | "body1" | "body2" | "subtitle1" | "subtitle2";
+            variant: "button" | "caption" | "body1" | "body2" | "subtitle1" | "subtitle2" | "chipLabel";
             withTooltip: boolean;
             tooltipText: string;
             isTruncated: boolean;
@@ -21,7 +21,7 @@ declare const LinkTypes: () => ({
                 default: string;
             };
             variant: {
-                type: import("vue").PropType<"button" | "body1" | "body2" | "subtitle1" | "subtitle2">;
+                type: import("vue").PropType<"button" | "caption" | "body1" | "body2" | "subtitle1" | "subtitle2" | "chipLabel">;
                 default: string;
             };
             withTooltip: {
@@ -86,7 +86,7 @@ declare const LinkTypes: () => ({
                 default: string;
             };
             variant: {
-                type: import("vue").PropType<"button" | "body1" | "body2" | "subtitle1" | "subtitle2">;
+                type: import("vue").PropType<"button" | "caption" | "body1" | "body2" | "subtitle1" | "subtitle2" | "chipLabel">;
                 default: string;
             };
             withTooltip: {
@@ -135,7 +135,7 @@ declare const LinkTypes: () => ({
             click: () => void;
         }, string, {
             testId: string;
-            variant: "button" | "body1" | "body2" | "subtitle1" | "subtitle2";
+            variant: "button" | "caption" | "body1" | "body2" | "subtitle1" | "subtitle2" | "chipLabel";
             withTooltip: boolean;
             tooltipText: string;
             isTruncated: boolean;
@@ -172,7 +172,7 @@ declare const LinkTypes: () => ({
             default: string;
         };
         variant: {
-            type: import("vue").PropType<"button" | "body1" | "body2" | "subtitle1" | "subtitle2">;
+            type: import("vue").PropType<"button" | "caption" | "body1" | "body2" | "subtitle1" | "subtitle2" | "chipLabel">;
             default: string;
         };
         withTooltip: {
@@ -227,7 +227,7 @@ declare const LinkTypes: () => ({
         default: string;
     };
     variant: {
-        type: import("vue").PropType<"button" | "body1" | "body2" | "subtitle1" | "subtitle2">;
+        type: import("vue").PropType<"button" | "caption" | "body1" | "body2" | "subtitle1" | "subtitle2" | "chipLabel">;
         default: string;
     };
     withTooltip: {
@@ -276,7 +276,7 @@ declare const LinkTypes: () => ({
     click: () => void;
 }, string, {
     testId: string;
-    variant: "button" | "body1" | "body2" | "subtitle1" | "subtitle2";
+    variant: "button" | "caption" | "body1" | "body2" | "subtitle1" | "subtitle2" | "chipLabel";
     withTooltip: boolean;
     tooltipText: string;
     isTruncated: boolean;

package/components/multibar/MultiBar.vue.js

@@ -1,7 +1,7 @@
 import o from "./MultiBar.vue2.js";
 /* empty css               */import _ from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../MultiBar.vue_vue_type_style_index_0_scoped_71617643_lang.css"; //*');
-const p = /* @__PURE__ */ _(o, [["__scopeId", "data-v-71617643"]]);
+// import "../../MultiBar.vue_vue_type_style_index_0_scoped_c4395fb6_lang.css"; //*');
+const c = /* @__PURE__ */ _(o, [["__scopeId", "data-v-c4395fb6"]]);
 export {
-  p as default
+  c as default
 };

package/components/multibar/MultiBar.vue2.js

@@ -1,4 +1,4 @@
- import "../../MultiBar.vue_vue_type_style_index_0_scoped_71617643_lang.css"; import { defineComponent as k, computed as v, openBlock as l, createBlock as d, Teleport as x, createVNode as u, Transition as g, withCtx as c, unref as t, createElementBlock as r, mergeProps as B, createElementVNode as V, createTextVNode as h, toDisplayString as A, createCommentVNode as m, Fragment as z, renderList as M, normalizeClass as N } from "vue";
+ import "../../MultiBar.vue_vue_type_style_index_0_scoped_c4395fb6_lang.css"; import { defineComponent as k, computed as v, openBlock as l, createBlock as d, Teleport as x, createVNode as u, Transition as g, withCtx as c, unref as t, createElementBlock as r, mergeProps as B, createElementVNode as V, createTextVNode as h, toDisplayString as A, createCommentVNode as m, Fragment as z, renderList as M, normalizeClass as N } from "vue";
 import { useVModel as $ } from "@vueuse/core";
 import E from "../typography/v4/Typography.vue.js";
 import S from "../button/v4/ButtonV4.vue.js";

package/components/radioButton/v4/RadioButtonV4.vue.js

@@ -1,7 +1,7 @@
 import o from "./RadioButtonV4.vue2.js";
 /* empty css                    */import t from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../RadioButtonV4.vue_vue_type_style_index_0_scoped_05c7bca2_lang.css"; //*');
-const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-05c7bca2"]]);
+// import "../../../RadioButtonV4.vue_vue_type_style_index_0_scoped_b3d96cf5_lang.css"; //*');
+const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-b3d96cf5"]]);
 export {
-  s as default
+  c as default
 };

package/components/radioButton/v4/RadioButtonV4.vue2.js

@@ -1,4 +1,4 @@
- import "../../../RadioButtonV4.vue_vue_type_style_index_0_scoped_05c7bca2_lang.css"; import { defineComponent as R, ref as g, inject as k, computed as c, openBlock as b, createElementBlock as B, normalizeClass as v, unref as e, createElementVNode as l, withDirectives as w, mergeProps as m, isRef as C, vModelRadio as L, renderSlot as N, createVNode as T, withCtx as V, createTextVNode as h, toDisplayString as y, createBlock as A, createCommentVNode as x } from "vue";
+ import "../../../RadioButtonV4.vue_vue_type_style_index_0_scoped_b3d96cf5_lang.css"; import { defineComponent as R, ref as g, inject as k, computed as c, openBlock as b, createElementBlock as B, normalizeClass as v, unref as e, createElementVNode as l, withDirectives as w, mergeProps as m, isRef as C, vModelRadio as L, renderSlot as N, createVNode as T, withCtx as V, createTextVNode as h, toDisplayString as y, createBlock as A, createCommentVNode as x } from "vue";
 import I from "../../typography/v4/Typography.vue.js";
 import { radioGroupKey as G } from "../common/useRadio.js";
 import { RadioTestIdModifiers as r } from "../../../testids/index.js";

package/components/textArea/v4/TextAreaV4.vue.js

@@ -1,7 +1,7 @@
 import e from "./TextAreaV4.vue2.js";
 /* empty css                 */import o from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../TextAreaV4.vue_vue_type_style_index_0_scoped_4114ef89_lang.css"; //*');
-const p = /* @__PURE__ */ o(e, [["__scopeId", "data-v-4114ef89"]]);
+// import "../../../TextAreaV4.vue_vue_type_style_index_0_scoped_0feea75e_lang.css"; //*');
+const a = /* @__PURE__ */ o(e, [["__scopeId", "data-v-0feea75e"]]);
 export {
-  p as default
+  a as default
 };

package/components/textArea/v4/TextAreaV4.vue2.js

@@ -1,4 +1,4 @@
- import "../../../TextAreaV4.vue_vue_type_style_index_0_scoped_4114ef89_lang.css"; import { defineComponent as f, computed as b, openBlock as t, createElementBlock as r, mergeProps as c, unref as a, createBlock as d, createCommentVNode as l, createElementVNode as g } from "vue";
+ import "../../../TextAreaV4.vue_vue_type_style_index_0_scoped_0feea75e_lang.css"; import { defineComponent as f, computed as b, openBlock as t, createElementBlock as r, mergeProps as c, unref as a, createBlock as d, createCommentVNode as l, createElementVNode as g } from "vue";
 import v from "../../shared/FieldLabel.vue.js";
 import k from "../../shared/FieldMaxLength.vue.js";
 import T from "../../shared/FieldHelpText.vue.js";

package/design-foundation.stories/colors/ColorsData.d.ts

@@ -2,18 +2,19 @@ export declare const colorPaletteLight: {
     background: {
         default: string;
         paper: string;
-        backdrop: string;
         'modal-elevation': string;
-        'modal-elevation-0': string;
-        'modal-elevation-1': string;
-        'modal-elevation-2': string;
-        'modal-elevation-3': string;
-        'modal-elevation-4': string;
-        'modal-elevation-5': string;
-        'modal-elevation-6': string;
-        'modal-elevation-7': string;
-        'modal-elevation-8': string;
-        'modal-elevation-9': string;
+        backdrop: string;
+        'paper-elevation-0': string;
+        'paper-elevation-1': string;
+        'paper-elevation-2': string;
+        'paper-elevation-3': string;
+        'paper-elevation-4': string;
+        'paper-elevation-5': string;
+        'paper-elevation-6': string;
+        'paper-elevation-7': string;
+        'paper-elevation-8': string;
+        'paper-elevation-9': string;
+        inset: string;
     };
     action: {
         primary: string;
@@ -21,23 +22,26 @@ export declare const colorPaletteLight: {
         hover: string;
         selected: string;
         disabled: string;
-        disabledBackground: string;
+        'disabled-background': string;
         focus: string;
-        outlinedBorder: string;
     };
     default: {
-        light: string;
         main: string;
+        lighter: string;
+        light: string;
         dark: string;
-        outlinedBorder: string;
-        contrastText: string;
-        buttonContrastText: string;
+        darker: string;
+        'contrast-text': string;
+        'outlined-border': string;
+        'main-8-p': string;
+        'main-50-p': string;
+        'button-contrast-text': string;
     };
     common: {
         white: string;
         black: string;
-        inverseWhite: string;
-        inverseBlack: string;
+        'inverse-white': string;
+        'inverse-black': string;
         divider: string;
         'divider-elevation-0': string;
     };
@@ -50,64 +54,64 @@ export declare const colorPaletteLight: {
         lighter: string;
         light: string;
         main: string;
-        main8p: string;
-        main50p: string;
+        'main-8-p': string;
+        'main-50-p': string;
         dark: string;
         darker: string;
-        outlinedBorder: string;
-        contrastText: string;
-        buttonContrastText: string;
+        'outlined-border': string;
+        'contrast-text': string;
+        'button-contrast-text': string;
     };
     info: {
         lighter: string;
         light: string;
         main: string;
-        main8p: string;
-        main50p: string;
+        'main-8-p': string;
+        'main-50-p': string;
         dark: string;
         darker: string;
-        outlinedBorder: string;
-        contrastText: string;
-        buttonContrastText: string;
+        'outlined-border': string;
+        'contrast-text': string;
+        'button-contrast-text': string;
     };
     success: {
         lighter: string;
         light: string;
         main: string;
-        main8p: string;
-        main50p: string;
+        'main-8-p': string;
+        'main-50-p': string;
         dark: string;
         darker: string;
-        outlinedBorder: string;
-        contrastText: string;
-        buttonContrastText: string;
+        'outlined-border': string;
+        'contrast-text': string;
+        'button-contrast-text': string;
     };
     warning: {
         lighter: string;
         light: string;
         main: string;
-        main8p: string;
-        main50p: string;
+        'main-8-p': string;
+        'main-50-p': string;
         dark: string;
         darker: string;
-        outlinedBorder: string;
-        contrastText: string;
-        buttonContrastText: string;
+        'outlined-border': string;
+        'contrast-text': string;
+        'button-contrast-text': string;
     };
     error: {
         lighter: string;
         light: string;
         main: string;
-        main8p: string;
-        main50p: string;
+        'main-8-p': string;
+        'main-50-p': string;
         dark: string;
         darker: string;
-        outlinedBorder: string;
-        contrastText: string;
-        buttonContrastText: string;
+        'outlined-border': string;
+        'contrast-text': string;
+        'button-contrast-text': string;
     };
-    'A/B test': {
-        'A Control': string;
-        'B test': string;
+    ab: {
+        a: string;
+        b: string;
     };
 };

package/index.d.ts

@@ -28421,6 +28421,7 @@ export * from '@/composables/useDateService';
 export * from '@/components/banner';
 export * from '@/components/alert';
 export * from '@/components/link';
+export * from '@/components/helpText';
 export * from '@/components/autocomplete';
 export * from '@/components/chart';
 export * from '@/components/columnPicker';

package/index.js

@@ -1,4 +1,4 @@
-import './Menu.vue_vue_type_style_index_0_scoped_eb057818_lang.css';
+import './AppTrigger.vue_vue_type_style_index_0_scoped_121aac8b_lang.css';
 import { AppTriggerTypes as eo } from "./components/appTrigger/index.js";
 import { AutocompleteDropdownTypes as mo } from "./components/autocompleteDropdown/index.js";
 import { MenuItemTypes as ao } from "./components/menuItem/index.js";
@@ -45,11 +45,11 @@ import * as M from "./components/table-cells/v3/index.js";
 import * as b from "./components/table-cells/v4/index.js";
 import * as w from "./components/skeleton/v3/index.js";
 import * as k from "./components/skeleton/v4/index.js";
-import * as O from "./components/loader/v4/index.js";
-import * as P from "./components/emptyState/v3/index.js";
-import * as S from "./components/emptyState/v4/index.js";
-import * as v from "./components/snackbar/v3/index.js";
-import * as H from "./components/snackbar/v4/index.js";
+import * as H from "./components/loader/v4/index.js";
+import * as O from "./components/emptyState/v3/index.js";
+import * as P from "./components/emptyState/v4/index.js";
+import * as S from "./components/snackbar/v3/index.js";
+import * as v from "./components/snackbar/v4/index.js";
 import * as L from "./components/radioButton/v3/index.js";
 import * as N from "./components/radioButton/v4/index.js";
 import * as V from "./components/textArea/v3/index.js";
@@ -66,51 +66,53 @@ import * as Y from "./components/dateRange/v4/index.js";
 import * as U from "./components/popover/v3/index.js";
 import * as W from "./components/popover/v4/index.js";
 import * as X from "./utils/index.js";
-import { useToggle as Po } from "./composables/useToggle.js";
-import { useSearch as vo } from "./composables/useSearch.js";
+import { useToggle as Oo } from "./composables/useToggle.js";
+import { useSearch as So } from "./composables/useSearch.js";
 import { scrollToElementByClass as Lo, scrollToFirstInvalidElement as No, useFormValidation as Vo, yupValidation as Jo } from "./composables/useFormValidation.js";
 import { useDateService as Ro } from "./composables/useDateService.js";
 import { BannerTypes as jo } from "./components/banner/index.js";
 import { AlertTypes as zo } from "./components/alert/index.js";
 import { LinkTypes as Qo } from "./components/link/index.js";
-import { AutocompleteTypes as Uo } from "./components/autocomplete/index.js";
-import { ChartTypes as Xo } from "./components/chart/index.js";
-import { ColumnPickerTypes as or } from "./components/columnPicker/index.js";
-import { ColumnConfiguratorTypes as er } from "./components/columnConfigurator/index.js";
-import { TagsFieldTypes as mr } from "./components/tagsField/index.js";
-import { default as ar } from "./components/appTrigger/AppTrigger.vue.js";
-import { default as ir } from "./components/autocompleteDropdown/AutocompleteDropdown.vue.js";
-import { default as xr } from "./components/menuItem/MenuItem.vue.js";
-import { default as nr } from "./components/menu/Menu.vue.js";
-import { default as ur } from "./components/appIcon/AppIcon.vue.js";
-import { default as Tr } from "./components/floatingToolbar/FloatingToolbar.vue.js";
-import { default as yr } from "./components/includeExclude/IncludeExclude.vue.js";
-import { default as Fr } from "./components/includeExclude/IncludeExcludeDragDrop.vue.js";
-import { default as Cr } from "./components/includeExclude/IncludeExcludeOption.vue.js";
-import { default as Er } from "./components/includeExclude/IncludeExcludeOptionDraggable.vue.js";
-import { default as hr } from "./components/includeExclude/IncludeExcludeAppTrigger.vue.js";
-import { default as Mr } from "./components/includeExclude/IncludeExcludeAppHeader.vue.js";
-import { default as wr } from "./components/includeExclude/IncludeExcludeChipFilter.vue.js";
-import { default as Or } from "./components/filterDropdown/FilterDropdown.vue.js";
-import { default as Sr } from "./components/filterDropdown/AddFilterButton.vue.js";
-import { default as Hr } from "./components/typography/Heading.vue.js";
-import { default as Nr } from "./components/typography/Text.vue.js";
-import { default as Jr } from "./components/typography/v4/Typography.vue.js";
-import { default as Rr } from "./components/multibar/MultiBar.vue.js";
-import { default as jr } from "./components/layout/FoldableSection.vue.js";
-import { default as zr } from "./components/forms/FormRow.vue.js";
-import { default as Qr } from "./components/forms/FormCard.vue.js";
-import { default as Ur } from "./components/forms/CardPanel.vue.js";
-import { default as Xr } from "./components/forms/FormField.vue.js";
-import { default as oe } from "./components/banner/Banner.vue.js";
-import { default as ee } from "./components/alert/Alert.vue.js";
-import { default as me } from "./components/link/Link.vue.js";
-import { default as ae } from "./components/autocomplete/Autocomplete.vue.js";
-import { default as ie } from "./components/chart/Chart.vue.js";
-import { ChartType as xe, TooltipOrder as se, TrendDirection as ne } from "./components/chart/types.js";
-import { default as ue } from "./components/columnPicker/ColumnPicker.vue.js";
-import { default as Te } from "./components/columnConfigurator/ColumnConfigurator.vue.js";
-import { default as ye } from "./components/tagsField/TagsField.vue.js";
+import { HelpTextTypes as Uo } from "./components/helpText/index.js";
+import { AutocompleteTypes as Xo } from "./components/autocomplete/index.js";
+import { ChartTypes as or } from "./components/chart/index.js";
+import { ColumnPickerTypes as er } from "./components/columnPicker/index.js";
+import { ColumnConfiguratorTypes as mr } from "./components/columnConfigurator/index.js";
+import { TagsFieldTypes as ar } from "./components/tagsField/index.js";
+import { default as ir } from "./components/appTrigger/AppTrigger.vue.js";
+import { default as xr } from "./components/autocompleteDropdown/AutocompleteDropdown.vue.js";
+import { default as nr } from "./components/menuItem/MenuItem.vue.js";
+import { default as ur } from "./components/menu/Menu.vue.js";
+import { default as Tr } from "./components/appIcon/AppIcon.vue.js";
+import { default as yr } from "./components/floatingToolbar/FloatingToolbar.vue.js";
+import { default as Fr } from "./components/includeExclude/IncludeExclude.vue.js";
+import { default as Cr } from "./components/includeExclude/IncludeExcludeDragDrop.vue.js";
+import { default as Er } from "./components/includeExclude/IncludeExcludeOption.vue.js";
+import { default as hr } from "./components/includeExclude/IncludeExcludeOptionDraggable.vue.js";
+import { default as Mr } from "./components/includeExclude/IncludeExcludeAppTrigger.vue.js";
+import { default as wr } from "./components/includeExclude/IncludeExcludeAppHeader.vue.js";
+import { default as Hr } from "./components/includeExclude/IncludeExcludeChipFilter.vue.js";
+import { default as Pr } from "./components/filterDropdown/FilterDropdown.vue.js";
+import { default as vr } from "./components/filterDropdown/AddFilterButton.vue.js";
+import { default as Nr } from "./components/typography/Heading.vue.js";
+import { default as Jr } from "./components/typography/Text.vue.js";
+import { default as Rr } from "./components/typography/v4/Typography.vue.js";
+import { default as jr } from "./components/multibar/MultiBar.vue.js";
+import { default as zr } from "./components/layout/FoldableSection.vue.js";
+import { default as Qr } from "./components/forms/FormRow.vue.js";
+import { default as Ur } from "./components/forms/FormCard.vue.js";
+import { default as Xr } from "./components/forms/CardPanel.vue.js";
+import { default as oe } from "./components/forms/FormField.vue.js";
+import { default as ee } from "./components/banner/Banner.vue.js";
+import { default as me } from "./components/alert/Alert.vue.js";
+import { default as ae } from "./components/link/Link.vue.js";
+import { default as ie } from "./components/helpText/HelpText.vue.js";
+import { default as xe } from "./components/autocomplete/Autocomplete.vue.js";
+import { default as ne } from "./components/chart/Chart.vue.js";
+import { ChartType as ue, TooltipOrder as $e, TrendDirection as Te } from "./components/chart/types.js";
+import { default as ye } from "./components/columnPicker/ColumnPicker.vue.js";
+import { default as Fe } from "./components/columnConfigurator/ColumnConfigurator.vue.js";
+import { default as Ce } from "./components/tagsField/TagsField.vue.js";
 const Z = {
   ...e,
   ...t,
@@ -140,13 +142,13 @@ const Z = {
   ...B,
   ...M,
   ...b,
+  ...O,
   ...P,
-  ...S,
   ...w,
   ...k,
-  ...O,
-  ...v,
   ...H,
+  ...S,
+  ...v,
   ...n,
   ...l,
   ...V,
@@ -167,62 +169,64 @@ const Z = {
   ...X
 };
 export {
-  Sr as AddFilterButton,
-  ee as Alert,
+  vr as AddFilterButton,
+  me as Alert,
   zo as AlertTypes,
-  ur as AppIcon,
+  Tr as AppIcon,
   so as AppIconTypes,
-  ar as AppTrigger,
+  ir as AppTrigger,
   eo as AppTriggerTypes,
-  ae as Autocomplete,
-  ir as AutocompleteDropdown,
+  xe as Autocomplete,
+  xr as AutocompleteDropdown,
   mo as AutocompleteDropdownTypes,
-  Uo as AutocompleteTypes,
-  oe as Banner,
+  Xo as AutocompleteTypes,
+  ee as Banner,
   jo as BannerTypes,
-  Ur as CardPanel,
-  ie as Chart,
-  xe as ChartType,
-  Xo as ChartTypes,
-  Te as ColumnConfigurator,
-  er as ColumnConfiguratorTypes,
-  ue as ColumnPicker,
-  or as ColumnPickerTypes,
-  Or as FilterDropdown,
+  Xr as CardPanel,
+  ne as Chart,
+  ue as ChartType,
+  or as ChartTypes,
+  Fe as ColumnConfigurator,
+  mr as ColumnConfiguratorTypes,
+  ye as ColumnPicker,
+  er as ColumnPickerTypes,
+  Pr as FilterDropdown,
   Fo as FilterDropdownTypes,
-  Tr as FloatingToolbar,
+  yr as FloatingToolbar,
   lo as FloatingToolbarTypes,
-  jr as FoldableSection,
+  zr as FoldableSection,
   Mo as FoldableSectionTypes,
-  Qr as FormCard,
+  Ur as FormCard,
   wo as FormCardTypes,
-  Xr as FormField,
+  oe as FormField,
   ko as FormFieldTypes,
-  zr as FormRow,
-  Hr as Heading,
+  Qr as FormRow,
+  Nr as Heading,
+  ie as HelpText,
+  Uo as HelpTextTypes,
   co as ID_INJECTION_KEY,
-  yr as IncludeExclude,
-  Mr as IncludeExcludeAppHeader,
-  hr as IncludeExcludeAppTrigger,
-  wr as IncludeExcludeChipFilter,
-  Fr as IncludeExcludeDragDrop,
-  Cr as IncludeExcludeOption,
-  Er as IncludeExcludeOptionDraggable,
+  Fr as IncludeExclude,
+  wr as IncludeExcludeAppHeader,
+  Mr as IncludeExcludeAppTrigger,
+  Hr as IncludeExcludeChipFilter,
+  Cr as IncludeExcludeDragDrop,
+  Er as IncludeExcludeOption,
+  hr as IncludeExcludeOptionDraggable,
   $o as IncludeExcludeTypes,
-  me as Link,
+  ae as Link,
   Qo as LinkTypes,
-  nr as Menu,
-  xr as MenuItem,
+  ur as Menu,
+  nr as MenuItem,
   ao as MenuItemTypes,
   io as MenuTypes,
-  Rr as MultiBar,
+  jr as MultiBar,
   ho as MultiBarTypes,
-  ye as TagsField,
-  mr as TagsFieldTypes,
-  Nr as Text,
-  se as TooltipOrder,
-  ne as TrendDirection,
-  Jr as Typography,
+  Ce as TagsField,
+  ar as TagsFieldTypes,
+  Jr as Text,
+  $e as TooltipOrder,
+  Te as TrendDirection,
+  Rr as Typography,
   Co as TypographyTypes,
   Eo as TypographyTypesV4,
   Z as default,
@@ -231,7 +235,7 @@ export {
   Ro as useDateService,
   Vo as useFormValidation,
   yo as useId,
-  vo as useSearch,
-  Po as useToggle,
+  So as useSearch,
+  Oo as useToggle,
   Jo as yupValidation
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ironsource/shared-ui",
-  "version": "2.2.0-rc.1",
+  "version": "2.2.0-test.1",
   "engines": {
     "npm": ">=7.0.0",
     "node": ">=16.0.0"
@@ -47,7 +47,8 @@
     "upload:visual": "aws s3 cp ./visual-tests s3://mobile-shared-ui-platform/visual-tests/$FOLDER  --recursive  --exclude '.gitkeep' ",
     "release": "commit-and-tag-version",
     "pw:ci": "cd e2e/playwright && BASE_URL=http://localhost:6006/ npx playwright test --reporter=list --shard=${{ matrix.shardIndex }}/${{ matrix.shardTotal }}",
-    "test-storybook-pw": "concurrently 'npm run storybook:dist:pw --silent' 'npx wait-on http://localhost:6006 && npm run pw:ci'  --kill-others --success first"
+    "test-storybook-pw": "concurrently 'npm run storybook:dist:pw --silent' 'npx wait-on http://localhost:6006 && npm run pw:ci'  --kill-others --success first",
+    "migrate-colors": "node scripts/migrate-colors.mjs"
   },
   "dependencies": {
     "@phosphor-icons/vue": "^2.1.6",
@@ -227,6 +228,7 @@
     "./banner": "./components/banner/Banner.vue.js",
     "./alert": "./components/alert/index.js",
     "./link": "./components/link/index.js",
+    "./helpText": "./components/helpText/index.js",
     "./multibar": "./components/multibar/index.js",
     "./typography": "./components/typography/v4/index.js",
     "./themeWrapper": "./components/ThemeWrapper/index.js",
@@ -454,6 +456,9 @@
       "link": [
         "./components/link/index.d.ts"
       ],
+      "helpText": [
+        "./components/helpText/index.d.ts"
+      ],
       "multibar": [
         "./components/multibar/index.d.ts"
       ],