@ironsource/shared-ui 2.2.0-rc.5 → 2.2.0-rc.7

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_4f3c7037_lang.css"; //*');
+const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-4f3c7037"]]);
 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_4f3c7037_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/switch/v4/SwitchV4.vue.js

@@ -1,7 +1,7 @@
 import o from "./SwitchV4.vue2.js";
 /* empty css               */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../SwitchV4.vue_vue_type_style_index_0_scoped_cd6621a7_lang.css"; //*');
-const s = /* @__PURE__ */ _(o, [["__scopeId", "data-v-cd6621a7"]]);
+// import "../../../SwitchV4.vue_vue_type_style_index_0_scoped_0a80c49f_lang.css"; //*');
+const s = /* @__PURE__ */ _(o, [["__scopeId", "data-v-0a80c49f"]]);
 export {
   s as default
 };

package/components/switch/v4/SwitchV4.vue2.js

@@ -1,4 +1,4 @@
- import "../../../SwitchV4.vue_vue_type_style_index_0_scoped_cd6621a7_lang.css"; import { defineComponent as T, ref as h, onMounted as k, openBlock as c, createElementBlock as r, normalizeClass as m, unref as a, Fragment as x, renderList as V, createBlock as w, withCtx as y, createVNode as C } from "vue";
+ import "../../../SwitchV4.vue_vue_type_style_index_0_scoped_0a80c49f_lang.css"; import { defineComponent as T, ref as h, onMounted as k, openBlock as c, createElementBlock as r, normalizeClass as m, unref as a, Fragment as x, renderList as V, createBlock as w, withCtx as y, createVNode as C } from "vue";
 import { useVModel as I } from "@vueuse/core";
 import { SwitchTestIdModifiers as u } from "../../../testids/index.js";
 import "../../button/v4/ButtonV4.vue.js";

package/components/table/v4/DataGrid.vue.js

@@ -1,7 +1,7 @@
 import o from "./DataGrid.vue2.js";
-/* empty css               */import e from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../DataGrid.vue_vue_type_style_index_0_scoped_3673e156_lang.css"; //*');
-const a = /* @__PURE__ */ e(o, [["__scopeId", "data-v-3673e156"]]);
+/* empty css               */import c from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../DataGrid.vue_vue_type_style_index_0_scoped_cd41c5ca_lang.css"; //*');
+const e = /* @__PURE__ */ c(o, [["__scopeId", "data-v-cd41c5ca"]]);
 export {
-  a as default
+  e as default
 };

package/components/table/v4/DataGrid.vue2.js

@@ -1,4 +1,4 @@
- import "../../../DataGrid.vue_vue_type_style_index_0_scoped_3673e156_lang.css"; import { defineComponent as ke, useCssVars as me, unref as t, useSlots as be, computed as u, openBlock as i, createElementBlock as d, createElementVNode as b, normalizeStyle as S, normalizeClass as y, createBlock as I, isRef as pe, createSlots as ve, withCtx as g, renderSlot as r, createCommentVNode as c, Fragment as x, renderList as C, createVNode as k, createTextVNode as P, toDisplayString as O, mergeProps as L } from "vue";
+ import "../../../DataGrid.vue_vue_type_style_index_0_scoped_cd41c5ca_lang.css"; import { defineComponent as ke, useCssVars as me, unref as t, useSlots as be, computed as u, openBlock as i, createElementBlock as d, createElementVNode as b, normalizeStyle as S, normalizeClass as y, createBlock as I, isRef as pe, createSlots as ve, withCtx as g, renderSlot as r, createCommentVNode as c, Fragment as x, renderList as C, createVNode as k, createTextVNode as P, toDisplayString as O, mergeProps as L } from "vue";
 import V from "../../typography/v4/Typography.vue.js";
 import xe from "../../skeleton/v4/SkeletonV4.vue.js";
 import Ce from "../../emptyState/v4/EmptyStateV4.vue.js";
@@ -71,14 +71,14 @@ const Pe = ["data-testid"], Le = ["data-testid"], Ve = ["data-testid"], Me = {
   },
   emits: ["update:sort", "update:search", "update:selection", "onScroll", "onClearSearch", "saveRow", "loadMore", "selectAll", "selectRow", "clickRow"],
   setup(l, { expose: m, emit: f }) {
-    const s = l;
-    me((a) => ({
-      fa71c02a: l.zIndexBase,
-      "0a21f61f": t(le),
-      "5d6e0550": t(G),
-      "43e43a46": t(fe)
+    const a = l;
+    me((s) => ({
+      "423d7fe6": l.zIndexBase,
+      "38b7f4c1": t(le),
+      "9b4c490c": t(G),
+      "243617e8": t(fe)
     }));
-    const p = be(), q = (a) => s.rowCustomClassKey && s.rows[a] ? s.rows[a][s.rowCustomClassKey] : "", {
+    const p = be(), q = (s) => a.rowCustomClassKey && a.rows[s] ? a.rows[s][a.rowCustomClassKey] : "", {
       list: $,
       containerProps: z,
       wrapperProps: J,
@@ -95,56 +95,56 @@ const Pe = ["data-testid"], Le = ["data-testid"], Ve = ["data-testid"], Me = {
       cssExpandGridCol: le,
       isRowExpanded: M,
       hasCheckboxes: D,
-      activeMenuRow: ae,
-      scrollTo: se
-    } = Te(s, f), W = u(() => !!p.footer), ie = u(
-      () => s.title || p.title || _.value || p["table-header-actions"] || p["table-header-pre-search"]
+      activeMenuRow: se,
+      scrollTo: ae
+    } = Te(a, f), W = u(() => !!p.footer), ie = u(
+      () => a.title || p.title || _.value || p["table-header-actions"] || p["table-header-pre-search"]
     ), v = u({
-      get: () => s.search,
-      set: (a) => f("update:search", a)
-    }), oe = u(() => s.selection.length || 0), F = u(() => {
-      const a = s.rows.map((o, e) => s.getRowId(o, e));
-      return !!a.length && a.every((o) => E(o));
-    }), E = (a) => s.selection.findIndex((o) => s.selectedMatcher(a, o)) !== -1, de = (a) => {
-      E(a) ? (B(
-        s.selection.filter(
-          (o) => !s.selectedMatcher(a, o)
+      get: () => a.search,
+      set: (s) => f("update:search", s)
+    }), oe = u(() => a.selection.length || 0), F = u(() => {
+      const s = a.rows.map((o, e) => a.getRowId(o, e));
+      return !!s.length && s.every((o) => E(o));
+    }), E = (s) => a.selection.findIndex((o) => a.selectedMatcher(s, o)) !== -1, de = (s) => {
+      E(s) ? (B(
+        a.selection.filter(
+          (o) => !a.selectedMatcher(s, o)
         )
-      ), f("selectRow", !1)) : (B([...s.selection, a]), f("selectRow", !0));
+      ), f("selectRow", !1)) : (B([...a.selection, s]), f("selectRow", !0));
     }, ne = () => {
       if (F.value)
         B([]), f("selectAll", !1);
       else {
-        const a = s.rows.map((o, e) => s.getRowId(o, e)).filter((o) => !E(o));
-        B([...s.selection, ...a]), f("selectAll", !0);
+        const s = a.rows.map((o, e) => a.getRowId(o, e)).filter((o) => !E(o));
+        B([...a.selection, ...s]), f("selectAll", !0);
       }
-    }, B = (a) => {
-      f("update:selection", a);
-    }, re = (a) => !s.isLoading && T.value === a, ce = u(
-      () => s.emptyStateVariant ?? (v.value ? "no-results" : "no-data")
+    }, B = (s) => {
+      f("update:selection", s);
+    }, re = (s) => !a.isLoading && T.value === s, ce = u(
+      () => a.emptyStateVariant ?? (v.value ? "no-results" : "no-data")
     ), ue = u(
-      () => s.emptyStateSubtitle ? s.emptyStateSubtitle : v.value ? "Search again with different filters" : void 0
+      () => a.emptyStateSubtitle ? a.emptyStateSubtitle : v.value ? "Search again with different filters" : void 0
     ), N = u(() => ({
       class: {
-        sticky: s.isSelectionSticky,
-        bordered: s.isSelectionBordered
+        sticky: a.isSelectionSticky,
+        bordered: a.isSelectionBordered
       },
-      style: s.isSelectionSticky ? H.value[Ae] : null
-    })), he = (a) => ({
-      sticky: a.isSticky,
-      isStickyRight: a.isStickyRight,
-      bordered: a.isBordered,
-      isTextRight: a.isTextRight
+      style: a.isSelectionSticky ? H.value[Ae] : null
+    })), he = (s) => ({
+      sticky: s.isSticky,
+      isStickyRight: s.isStickyRight,
+      bordered: s.isBordered,
+      isTextRight: s.isTextRight
     }), Y = u(
-      () => s.columns.map((a) => he(a))
-    ), ye = (a) => ({
-      minHeight: (typeof s.rowHeight == "function" ? s.rowHeight(a) : s.rowHeight) + "px"
-    }), A = u(() => $.value.reduce((a, o) => (a[o.index] = ye(o.index), a), {})), fe = u(() => `${X}px`), { height: Se } = Ie(z.ref), ge = u(
+      () => a.columns.map((s) => he(s))
+    ), ye = (s) => ({
+      minHeight: (typeof a.rowHeight == "function" ? a.rowHeight(s) : a.rowHeight) + "px"
+    }), A = u(() => $.value.reduce((s, o) => (s[o.index] = ye(o.index), s), {})), fe = u(() => `${X}px`), { height: Se } = Ie(z.ref), ge = u(
       () => Se.value - j - X
     );
     return m({
-      scrollTo: se
-    }), (a, o) => (i(), d("div", {
+      scrollTo: ae
+    }), (s, o) => (i(), d("div", {
       class: "table-container",
       "data-testid": `${l.testId}-${t(R).CONTAINER}`,
       onMouseleave: o[3] || (o[3] = (e) => T.value = null)
@@ -173,24 +173,24 @@ const Pe = ["data-testid"], Le = ["data-testid"], Ve = ["data-testid"], Me = {
           onOnClearSearch: o[1] || (o[1] = (e) => f("onClearSearch"))
         }, ve({
           title: g(() => [
-            r(a.$slots, "title")
+            r(s.$slots, "title")
           ]),
           search: g(() => [
-            r(a.$slots, "search")
+            r(s.$slots, "search")
           ]),
           _: 2
         }, [
           t(p)["table-header-pre-search"] ? {
             name: "table-header-pre-search",
             fn: g(() => [
-              r(a.$slots, "table-header-pre-search")
+              r(s.$slots, "table-header-pre-search")
             ]),
             key: "0"
           } : void 0,
           t(p)["table-header-actions"] ? {
             name: "table-header-actions",
             fn: g(() => [
-              r(a.$slots, "table-header-actions")
+              r(s.$slots, "table-header-actions")
             ]),
             key: "1"
           } : void 0
@@ -206,7 +206,7 @@ const Pe = ["data-testid"], Le = ["data-testid"], Ve = ["data-testid"], Me = {
               key: e.id,
               class: y(["section-container", { sticky: e.isSticky }])
             }, [
-              r(a.$slots, `section-${e.id}`, {}, () => [
+              r(s.$slots, `section-${e.id}`, {}, () => [
                 b("div", {
                   style: S({ width: e.width + "px" }),
                   class: y({ section: !0 })
@@ -228,7 +228,7 @@ const Pe = ["data-testid"], Le = ["data-testid"], Ve = ["data-testid"], Me = {
               key: 0,
               class: "checkbox-cell"
             }, t(N)), [
-              r(a.$slots, "select-all-checkbox", {}, () => [
+              r(s.$slots, "select-all-checkbox", {}, () => [
                 k(t(Q), {
                   disabled: l.isLoading,
                   "is-checked": t(F),
@@ -249,7 +249,7 @@ const Pe = ["data-testid"], Le = ["data-testid"], Ve = ["data-testid"], Me = {
               onClick: (n) => e.isSortable ? t(Z)(e) : null
             }, [
               b("div", Fe, [
-                r(a.$slots, `header-${e.id}`, { column: e }, () => [
+                r(s.$slots, `header-${e.id}`, { column: e }, () => [
                   k(t(Re), {
                     text: e.helpText,
                     disabled: !e.helpText || l.helpTooltipVariant === "icon",
@@ -278,7 +278,7 @@ const Pe = ["data-testid"], Le = ["data-testid"], Ve = ["data-testid"], Me = {
                   "hover-help-text-placement": e.helpTextPlacement,
                   "test-id": `help-tooltip-${e.id}`
                 }, null, 8, ["hover-help-text", "hover-help-text-placement", "test-id"])) : c("", !0),
-                r(a.$slots, `after-header-${e.id}`, { column: e }),
+                r(s.$slots, `after-header-${e.id}`, { column: e }),
                 e.isSortable && e.id === l.sort?.sortBy ? (i(), I(He, {
                   key: 1,
                   "sort-order": l.sort.sortOrder
@@ -299,7 +299,7 @@ const Pe = ["data-testid"], Le = ["data-testid"], Ve = ["data-testid"], Me = {
               }),
               style: S(e.isSticky ? t(H)[e.id] : null)
             }, [
-              r(a.$slots, `total-${e.id}`, { column: e }, () => [
+              r(s.$slots, `total-${e.id}`, { column: e }, () => [
                 h === 0 ? (i(), I(t(V), {
                   key: 0,
                   variant: "h6"
@@ -324,7 +324,7 @@ const Pe = ["data-testid"], Le = ["data-testid"], Ve = ["data-testid"], Me = {
               class: y(["table-row", {
                 loading: l.isLoading || l.isLoading && !e.data || t(U).includes(e.index),
                 active: t(T) === e.index,
-                activeMenu: t(ae) === e.index,
+                activeMenu: t(se) === e.index,
                 expanded: t(w) && t(M)(e.index),
                 [q(e.index)]: !0
               }]),
@@ -371,7 +371,7 @@ const Pe = ["data-testid"], Le = ["data-testid"], Ve = ["data-testid"], Me = {
                   key: 0,
                   class: y(["table-cell", { last: n === e.data.length - 1 }])
                 }, [
-                  r(a.$slots, `cell-${l.columns[n].id}`, {
+                  r(s.$slots, `cell-${l.columns[n].id}`, {
                     cell: e.data[n],
                     isLoading: t(U).includes(e.index),
                     cellIndex: n,
@@ -385,18 +385,18 @@ const Pe = ["data-testid"], Le = ["data-testid"], Ve = ["data-testid"], Me = {
                       _: 2
                     }, 1024)
                   ])
-                ], 2)) : r(a.$slots, "loader", { key: 1 }, () => [
+                ], 2)) : r(s.$slots, "loader", { key: 1 }, () => [
                   k(t(xe), { round: "" })
                 ])
               ], 6))), 128)),
               t(w) && t(M)(e.index) ? (i(), d("div", Ge, [
-                r(a.$slots, "expanded", {
+                r(s.$slots, "expanded", {
                   row: e,
                   gridColumnTemplate: t(G)
                 })
               ])) : c("", !0),
               re(e.index) ? (i(), d("div", Ke, [
-                r(a.$slots, "floating-row", {
+                r(s.$slots, "floating-row", {
                   row: e,
                   rowIndex: e.index
                 })
@@ -408,7 +408,7 @@ const Pe = ["data-testid"], Le = ["data-testid"], Ve = ["data-testid"], Me = {
               l.useAvailableHeight ? { height: `${t(ge)}px` } : {}
             )
           }, [
-            r(a.$slots, "empty-state", {}, () => [
+            r(s.$slots, "empty-state", {}, () => [
               k(t(Ce), {
                 class: "empty-state",
                 title: l.emptyStateTitle,
@@ -422,7 +422,7 @@ const Pe = ["data-testid"], Le = ["data-testid"], Ve = ["data-testid"], Me = {
         ])
       ], 46, Le),
       t(W) ? (i(), d("div", Ue, [
-        r(a.$slots, "footer")
+        r(s.$slots, "footer")
       ])) : c("", !0)
     ], 40, Pe));
   }

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,27 @@ export declare const colorPaletteLight: {
         hover: string;
         selected: string;
         disabled: string;
-        disabledBackground: string;
+        'disabled-background': string;
         focus: string;
-        outlinedBorder: string;
+        'outlined-border': 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 +55,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;
     };
 };