@useinsider/guido 3.16.0 → 3.17.0-beta.3e9d6e7

package/dist/node_modules/@useinsider/design-system-organisms/node_modules/@useinsider/design-system-vue/dist/InSkeleton.js

@@ -0,0 +1,49 @@
+import { computed as h } from "vue";
+import { n } from "./chunks/_plugin-vue2_normalizer.WQT2Fc8L.js";
+/* empty css                        */
+class s {
+  constructor() {
+    this.InButton = { height: 42 }, this.InCheckbox = { height: 24 }, this.InColorPicker = { height: 42 }, this.InChart = { width: 400, height: 400 }, this.InCustomDropDown = { height: 42 }, this.InDatePicker = { height: 42 }, this.InDropDown = { height: 42 }, this.InFormStatus = { height: 150 }, this.InLinks = { height: 24 }, this.InOnPageMessage = { height: 74 }, this.InRadioButton = { height: 24 }, this.InSegments = { height: 42 }, this.InTags = { height: 42 }, this.InTextArea = { height: 96 }, this.InTextInput = { height: 52 }, this.InTimePicker = { height: 42 }, this.InToggle = { height: 28 }, this.InButtonV2 = { height: 40 };
+  }
+}
+const o = new s(), r = "_in-skeleton_v01428_LLc66", g = "_shine_v01428_43o6y", a = {
+  "in-skeleton": "_in-skeleton_v01428_LLc66",
+  inSkeleton: r,
+  shine: g
+}, l = {
+  props: {
+    name: { type: String, default: "" },
+    status: { type: Boolean, default: !0 },
+    sizing: { type: Object, required: !0 }
+  },
+  setup(t) {
+    return {
+      style: h(() => ({
+        width: `${t.sizing.width}px`,
+        height: `${t.sizing.height || o[t.name].height}px`
+      }))
+    };
+  }
+};
+var u = function() {
+  var t = this, e = t._self._c;
+  return t.status ? e("div", { staticClass: "qa-skeleton in-skeleton", class: t.$style["in-skeleton"], style: t.style }) : t._e();
+}, I = [];
+const i = {
+  $style: a
+};
+function c(t) {
+  for (var e in i)
+    this[e] = i[e];
+}
+var p = /* @__PURE__ */ n(
+  l,
+  u,
+  I,
+  !1,
+  c
+);
+const d = p.exports;
+export {
+  d as InSkeleton
+};

package/dist/node_modules/@useinsider/design-system-organisms/node_modules/@useinsider/design-system-vue/dist/InStatusText.js

@@ -0,0 +1,119 @@
+import { InIcons as e } from "./InIcons.js";
+import { n as a } from "./chunks/_plugin-vue2_normalizer.WQT2Fc8L.js";
+const i = {
+  active: ["b-c-16", "t-c-9"],
+  passive: ["b-c-18", "t-c-11"],
+  test: ["b-c-19", "t-c-12"],
+  dryRun: ["b-c-15", "t-c-8"],
+  sunset: ["b-c-114", "t-c-119"],
+  scheduled: ["b-c-14", "t-c-10"],
+  draft: ["b-c-6", "t-c-2"],
+  custom: ["b-c-14", "t-c-7"],
+  beta: ["b-c-7", "t-c-4"],
+  smart: ["b-c-17", "t-c-10"]
+}, c = {
+  active: "i-c-9",
+  passive: "i-c-11",
+  test: "i-c-12",
+  dryRun: "i-c-8",
+  sunset: "i-c-119",
+  scheduled: "i-c-10",
+  draft: "i-c-2",
+  custom: "i-c-7",
+  beta: "i-c-4",
+  smart: "i-c-10"
+}, n = {
+  components: {
+    InIcons: e
+  },
+  props: {
+    /**
+     * @property {string} text
+     */
+    text: {
+      type: String,
+      required: !0
+    },
+    /**
+     * @property {string} icon
+     */
+    icon: {
+      type: String,
+      default: ""
+    },
+    /**
+     * @property {string} icon
+     */
+    iconSize: {
+      type: String,
+      default: "16",
+      validator: (t) => ["16", "24"].includes(t)
+    },
+    /**
+     * @property {string} status
+     */
+    status: {
+      type: String,
+      required: !0
+    },
+    /**
+     * @property {string} size
+     */
+    size: {
+      type: String,
+      default: "medium"
+    }
+  },
+  computed: {
+    /**
+     * @return {string}
+     */
+    sizeClass() {
+      return {
+        xSmall: "h-4-s",
+        small: "h-4-s",
+        medium: "h-5-s"
+      }[this.size];
+    },
+    /**
+     * @return {string}
+     */
+    statusClass() {
+      const t = this.status === "magenta" ? "sunset" : this.status;
+      return i[t];
+    },
+    /**
+     * @return {string}
+     */
+    iconStatusClass() {
+      const t = this.status === "magenta" ? "sunset" : this.status;
+      return c[t];
+    },
+    /**
+     * @return {string}
+     */
+    iconOffsetClass() {
+      return this.text.length ? "ml-1" : "";
+    },
+    /**
+     * @return {string}
+     */
+    paddingClass() {
+      return this.text.length ? "px-2" : "px-1";
+    }
+  }
+};
+var r = function() {
+  var t = this, s = t._self._c;
+  return s("div", { staticClass: "in-status-text d-i-b bor-r-1 b-w-1", class: [t.statusClass, t.sizeClass, t.paddingClass] }, [s("div", { staticClass: "d-f a-i-c w-1 h-1" }, [s("p", { staticClass: "in-status-text__label f-s-1 l-h-1" }, [t._v(" " + t._s(t.text) + " ")]), t.icon.length ? s("in-icons", { staticClass: "cur-p", class: [t.iconStatusClass, t.iconOffsetClass], attrs: { name: t.icon, size: t.iconSize } }) : t._e()], 1)]);
+}, u = [], l = /* @__PURE__ */ a(
+  n,
+  r,
+  u,
+  !1,
+  null
+);
+const p = l.exports;
+export {
+  p as InStatusText
+};