@ironsource/shared-ui 2.0.0-test.5 → 2.0.0-test.6

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

@@ -1,69 +0,0 @@
-import { defineComponent as $, ref as d, computed as b, onMounted as k, openBlock as r, createElementBlock as c, normalizeClass as u, unref as l, createElementVNode as z, normalizeStyle as g, Fragment as T, renderList as C, renderSlot as I, createVNode as y, withCtx as S, createTextVNode as E, toDisplayString as N } from "vue";
-import { useVModel as R } from "@vueuse/core";
-import B from "../../typography/Text.vue.js";
-import { SwitchTestIdModifiers as f } from "../../../testids/index.js";
-const M = ["data-testid"], P = ["aria-label", "data-testid", "onClick"], D = /* @__PURE__ */ $({
-  __name: "SwitchV4",
-  props: {
-    options: null,
-    modelValue: null,
-    size: { default: "lg" },
-    testId: { default: "" }
-  },
-  emits: ["update:modelValue"],
-  setup(e, { emit: v }) {
-    const n = e, w = d(null), p = R(n, "modelValue", v), i = d([]), x = { optionsRefs: i }, t = d(), m = b(() => ({
-      left: i.value[t.value]?.offsetLeft,
-      width: i.value[t.value]?.offsetWidth
-    }));
-    k(() => {
-      t.value = n.options.findIndex(
-        (s) => s === n.modelValue
-      );
-    });
-    const V = (s, h) => {
-      t.value = h, p.value = s;
-    };
-    return (s, h) => (r(), c("div", {
-      class: u(["switch", { "switch--lg": e.size === "lg", "switch--sm": e.size === "sm" }]),
-      "data-testid": `${e.testId}-${l(f).WRAPPER}`
-    }, [
-      z("span", {
-        ref_key: "box",
-        ref: w,
-        class: u(["box", { "box--lg": e.size === "lg", "box--sm": e.size === "sm" }]),
-        style: g({
-          transform: `translateX(${l(m)?.left}px)`,
-          width: l(m)?.width + "px"
-        })
-      }, null, 6),
-      (r(!0), c(T, null, C(e.options, (o, a) => (r(), c("button", {
-        ref_for: !0,
-        ref: x.optionsRefs,
-        key: a,
-        "aria-label": o,
-        class: u([{ "option--selected": t.value === a }, "option"]),
-        "data-testid": `${e.testId}-${l(f).BUTTON}`,
-        onClick: (L) => V(o, a)
-      }, [
-        I(s.$slots, "default", {
-          option: o,
-          selected: t.value === a
-        }, () => [
-          y(B, {
-            size: "caption",
-            "data-testid": `${e.testId}-${l(f).TEXT}`
-          }, {
-            default: S(() => [
-              E(N(o), 1)
-            ]),
-            _: 2
-          }, 1032, ["data-testid"])
-        ], !0)
-      ], 10, P))), 128))
-    ], 10, M));
-  }
-});
-export {
-  D as default
-};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ironsource/shared-ui",
-  "version": "2.0.0-test.5",
+  "version": "2.0.0-test.6",
   "engines": {
     "npm": ">=7.0.0",
     "node": ">=16.0.0"

package/v4/spacings.scss

@@ -0,0 +1,19 @@
+.light-theme-v4 {
+  --spacing-tokenset: 0px;
+  --spacing-25: 2px;
+  --spacing-50: 4px;
+  --spacing-75: 6px;
+  --spacing-100: 8px;
+  --spacing-125: 10px;
+  --spacing-150: 12px;
+  --spacing-200: 16px;
+  --spacing-250: 20px;
+  --spacing-300: 24px;
+  --spacing-400: 32px;
+  --spacing-500: 40px;
+  --spacing-600: 48px;
+  --spacing-700: 56px;
+  --spacing-800: 64px;
+  --spacing-900: 72px;
+  --spacing-1000: 80px;
+}