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

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

@@ -0,0 +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_afb0d2d7_lang.css"; //*');
+const c = /* @__PURE__ */ _(o, [["__scopeId", "data-v-afb0d2d7"]]);
+export {
+  c as default
+};

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

@@ -0,0 +1,69 @@
+ import "../../../SwitchV4.vue_vue_type_style_index_0_scoped_afb0d2d7_lang.css"; 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/design-foundation.stories/colors/ColorsStoryWrapper.vue.d.ts

@@ -1,3 +1,3 @@
-import '../../style/v4/colors.css';
+import '../../style/v4/colors.scss';
 declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ironsource/shared-ui",
-  "version": "2.0.0-test.6",
+  "version": "2.0.0-test.8",
   "engines": {
     "npm": ">=7.0.0",
     "node": ">=16.0.0"
@@ -192,7 +192,7 @@
     "./percentageInput": "./components/input/v3/PercentageInput.vue.js",
     "./textArea": "./components/textArea/TextArea.vue.js",
     "./styleguide": "./styleguide.scss",
-    "./commonCssVariables": "./commonCssVariables.scss",
+    "./styleguideV4": "./style/styleguideV4.scss",
     "./banner": "./components/banner/Banner.vue.js",
     "./typography": "./components/typography/v4/Typography.vue.js"
   },

package/commonCssVariables.scss

@@ -1,4 +0,0 @@
-@import './v4/colors.scss';
-@import './v4/border-radius.scss';
-@import './v4/elevations.scss';
-@import './v4/spacings.scss';