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

package/components/helpText/index.d.ts

@@ -0,0 +1,190 @@
+declare const HelpTextTypes: () => ({
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            testId: string;
+            variant: "caption" | "h5" | "body1" | "body2";
+            tooltipPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
+            disabled: boolean;
+            color: "default" | "primary" | "secondary";
+            tooltipDisabled: boolean;
+            tooltipTriggers: import("../tooltip/common/Tooltip.types").TooltipTriggers[];
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            variant: {
+                type: import("vue").PropType<"caption" | "h5" | "body1" | "body2">;
+                default: string;
+            };
+            tooltipPlacement: {
+                type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
+                default: string;
+            };
+            disabled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            color: {
+                type: import("vue").PropType<"default" | "primary" | "secondary">;
+                default: string;
+            };
+            tooltipDisabled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            tooltipTriggers: {
+                type: import("vue").PropType<import("../tooltip/common/Tooltip.types").TooltipTriggers[]>;
+                default: () => string[];
+            };
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "variant" | "tooltipPlacement" | "disabled" | "color" | "tooltipDisabled" | "tooltipTriggers">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+        $emit: (event: string, ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            variant: {
+                type: import("vue").PropType<"caption" | "h5" | "body1" | "body2">;
+                default: string;
+            };
+            tooltipPlacement: {
+                type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
+                default: string;
+            };
+            disabled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            color: {
+                type: import("vue").PropType<"default" | "primary" | "secondary">;
+                default: string;
+            };
+            tooltipDisabled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            tooltipTriggers: {
+                type: import("vue").PropType<import("../tooltip/common/Tooltip.types").TooltipTriggers[]>;
+                default: () => string[];
+            };
+        }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+            testId: string;
+            variant: "caption" | "h5" | "body1" | "body2";
+            tooltipPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
+            disabled: boolean;
+            color: "default" | "primary" | "secondary";
+            tooltipDisabled: boolean;
+            tooltipTriggers: import("../tooltip/common/Tooltip.types").TooltipTriggers[];
+        }, {}, string> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            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)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $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;
+    } & Readonly<import("vue").ExtractPropTypes<{
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        variant: {
+            type: import("vue").PropType<"caption" | "h5" | "body1" | "body2">;
+            default: string;
+        };
+        tooltipPlacement: {
+            type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
+            default: string;
+        };
+        disabled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        color: {
+            type: import("vue").PropType<"default" | "primary" | "secondary">;
+            default: string;
+        };
+        tooltipDisabled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        tooltipTriggers: {
+            type: import("vue").PropType<import("../tooltip/common/Tooltip.types").TooltipTriggers[]>;
+            default: () => string[];
+        };
+    }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    testId: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    variant: {
+        type: import("vue").PropType<"caption" | "h5" | "body1" | "body2">;
+        default: string;
+    };
+    tooltipPlacement: {
+        type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
+        default: string;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    color: {
+        type: import("vue").PropType<"default" | "primary" | "secondary">;
+        default: string;
+    };
+    tooltipDisabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    tooltipTriggers: {
+        type: import("vue").PropType<import("../tooltip/common/Tooltip.types").TooltipTriggers[]>;
+        default: () => string[];
+    };
+}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    testId: string;
+    variant: "caption" | "h5" | "body1" | "body2";
+    tooltipPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
+    disabled: boolean;
+    color: "default" | "primary" | "secondary";
+    tooltipDisabled: boolean;
+    tooltipTriggers: import("../tooltip/common/Tooltip.types").TooltipTriggers[];
+}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {}): any;
+        tooltip?(_: {}): any;
+    };
+}))[];
+export { default as HelpText } from './HelpText.vue';
+export { HelpTextTypes };

package/components/helpText/index.js

@@ -0,0 +1,6 @@
+import e from "./HelpText.vue.js";
+const t = () => [e];
+export {
+  e as HelpText,
+  t as HelpTextTypes
+};

package/components/input/v4/TextField.vue.js

@@ -1,7 +1,7 @@
 import e from "./TextField.vue2.js";
 /* empty css                */import o from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../TextField.vue_vue_type_style_index_0_scoped_3b7a3661_lang.css"; //*');
-const p = /* @__PURE__ */ o(e, [["__scopeId", "data-v-3b7a3661"]]);
+// import "../../../TextField.vue_vue_type_style_index_0_scoped_28fab783_lang.css"; //*');
+const p = /* @__PURE__ */ o(e, [["__scopeId", "data-v-28fab783"]]);
 export {
   p as default
 };

package/components/input/v4/TextField.vue2.js

@@ -1,4 +1,4 @@
- import "../../../TextField.vue_vue_type_style_index_0_scoped_3b7a3661_lang.css"; import { defineComponent as te, computed as i, ref as le, openBlock as l, createElementBlock as s, mergeProps as d, unref as e, createBlock as f, createCommentVNode as n, createVNode as x, withCtx as b, createElementVNode as V, normalizeClass as F, renderSlot as z, createTextVNode as N, toDisplayString as $, withKeys as ae, withModifiers as D, normalizeProps as H } from "vue";
+ import "../../../TextField.vue_vue_type_style_index_0_scoped_28fab783_lang.css"; import { defineComponent as te, computed as i, ref as le, openBlock as l, createElementBlock as s, mergeProps as d, unref as e, createBlock as f, createCommentVNode as n, createVNode as x, withCtx as b, createElementVNode as V, normalizeClass as F, renderSlot as z, createTextVNode as N, toDisplayString as $, withKeys as ae, withModifiers as D, normalizeProps as H } from "vue";
 import h from "../../icon/v4/IconV4.vue.js";
 import "../../icon/v4/IconFlag.vue.js";
 import R from "../../tooltip/v4/TooltipV4.vue.js";

package/components/link/Link.vue.d.ts

@@ -2,7 +2,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     href?: string;
     disabled?: boolean;
     color?: "default" | "primary";
-    variant?: "button" | "body1" | "body2" | "subtitle1" | "subtitle2";
+    variant?: "button" | "caption" | "body1" | "body2" | "subtitle1" | "subtitle2" | "chipLabel";
     iconName?: string;
     iconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
     iconPosition?: "end" | "start";
@@ -30,7 +30,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     href?: string;
     disabled?: boolean;
     color?: "default" | "primary";
-    variant?: "button" | "body1" | "body2" | "subtitle1" | "subtitle2";
+    variant?: "button" | "caption" | "body1" | "body2" | "subtitle1" | "subtitle2" | "chipLabel";
     iconName?: string;
     iconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
     iconPosition?: "end" | "start";
@@ -56,7 +56,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     onClick?: () => any;
 }, {
     testId: string;
-    variant: "button" | "body1" | "body2" | "subtitle1" | "subtitle2";
+    variant: "button" | "caption" | "body1" | "body2" | "subtitle1" | "subtitle2" | "chipLabel";
     withTooltip: boolean;
     tooltipText: string;
     isTruncated: boolean;

package/components/link/Link.vue.js

@@ -1,7 +1,7 @@
-import o from "./Link.vue2.js";
-/* empty css           */import _ from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../Link.vue_vue_type_style_index_0_scoped_1a766750_lang.css"; //*');
-const p = /* @__PURE__ */ _(o, [["__scopeId", "data-v-1a766750"]]);
+import e from "./Link.vue2.js";
+/* empty css           */import o from "../../_virtual/_plugin-vue_export-helper.js";
+// import "../../Link.vue_vue_type_style_index_0_scoped_fe0e7f6f_lang.css"; //*');
+const t = /* @__PURE__ */ o(e, [["__scopeId", "data-v-fe0e7f6f"]]);
 export {
-  p as default
+  t as default
 };

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';