@kiva/kv-components 6.30.1 → 6.31.1

package/dist/vue/KvSelect.css

@@ -0,0 +1 @@
+.container[data-v-57d55c25]{position:relative;width:100%}.container>select[data-v-57d55c25]{border-radius:8px}

package/dist/vue/KvSelect.js

@@ -1,7 +1,8 @@
-import { ref as m, watch as w, resolveComponent as p, openBlock as f, createElementBlock as g, normalizeClass as d, normalizeStyle as v, createElementVNode as c, withDirectives as b, mergeProps as h, renderSlot as V, vModelSelect as y, createVNode as _ } from "vue";
+import { ref as m, watch as w, resolveComponent as p, openBlock as f, createElementBlock as g, normalizeClass as d, normalizeStyle as v, createElementVNode as c, withDirectives as b, mergeProps as _, renderSlot as h, vModelSelect as V, createVNode as y } from "vue";
 import { mdiChevronDown as C } from "@mdi/js";
 import { useAttrs as S } from "../utils/attrs.js";
 import k from "./KvMaterialIcon.js";
+import "./KvSelect.css";
 import x from "../_virtual/_plugin-vue_export-helper.js";
 const u = [
   "change",
@@ -61,7 +62,7 @@ const u = [
       inputValue: n
     };
   }
-}, B = { class: "tw-relative tw-w-full" }, D = ["id", "disabled"];
+}, B = { class: "container" }, D = ["id", "disabled"];
 function N(a, t, o, e, i, s) {
   const r = p("kv-material-icon");
   return f(), g("div", {
@@ -69,24 +70,24 @@ function N(a, t, o, e, i, s) {
     style: v(e.styles)
   }, [
     c("div", B, [
-      b(c("select", h({ id: o.id }, e.inputAttrs, {
+      b(c("select", _({ id: o.id }, e.inputAttrs, {
         "onUpdate:modelValue": t[0] || (t[0] = (n) => e.inputValue = n),
         disabled: o.disabled,
-        class: ["tw-text-base tw-bg-primary tw-h-6 tw-pr-4 tw-pl-2 tw-border tw-border-tertiary tw-rounded-sm tw-appearance-none tw-w-full tw-ring-inset focus:tw-outline-none focus:tw-ring-2 focus:tw-ring-action focus:tw-border-transparent", { "tw-opacity-low": o.disabled }],
+        class: ["tw-text-base tw-bg-primary tw-h-6 tw-pr-4 tw-pl-2 tw-border tw-border-tertiary tw-appearance-none tw-w-full tw-ring-inset focus:tw-outline-none focus:tw-ring-2 focus:tw-ring-action focus:tw-border-transparent tw-text-ellipsis", { "tw-opacity-low": o.disabled }],
         onChange: t[1] || (t[1] = (...n) => e.onChange && e.onChange(...n))
       }), [
-        V(a.$slots, "default")
+        h(a.$slots, "default", {}, void 0, !0)
       ], 16, D), [
-        [y, e.inputValue]
+        [V, e.inputValue]
       ]),
-      _(r, {
+      y(r, {
         icon: e.mdiChevronDown,
         class: d(["tw-w-4 tw-absolute tw-top-0 tw-right-0 tw-pt-1.5 tw-pr-1 tw-pointer-events-none", { "tw-opacity-low": o.disabled }])
       }, null, 8, ["icon", "class"])
     ])
   ], 6);
 }
-const I = /* @__PURE__ */ x(A, [["render", N]]);
+const L = /* @__PURE__ */ x(A, [["render", N], ["__scopeId", "data-v-57d55c25"]]);
 export {
-  I as default
+  L as default
 };

package/dist/vue/KvTooltip.css

@@ -1 +1 @@
-.tooltip-pane[data-v-94f9be6e],.tooltip-arrow[data-v-94f9be6e]{box-shadow:0 4px 12px #00000014}.tooltip-arrow[data-v-94f9be6e]{margin:.5rem;--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.tooltip-pane[x-placement^=top][data-v-94f9be6e]{margin-bottom:.5rem}.tooltip-pane[x-placement^=top] .tooltip-arrow[data-v-94f9be6e]{border-width:8px 8px 0 8px;border-left-color:transparent;border-right-color:transparent;border-bottom-color:transparent;left:calc(50% - 8px);bottom:-.5rem;margin-top:0;margin-bottom:0}.tooltip-pane[x-placement^=bottom][data-v-94f9be6e]{margin-top:.5rem}.tooltip-pane[x-placement^=bottom] .tooltip-arrow[data-v-94f9be6e]{border-width:0 8px 8px 8px;border-left-color:transparent;border-right-color:transparent;border-top-color:transparent;left:calc(50% - 8px);top:-.5rem;margin-bottom:0;margin-top:0}.tooltip-pane[x-placement^=right][data-v-94f9be6e]{margin-left:.5rem}.tooltip-pane[x-placement^=right] .tooltip-arrow[data-v-94f9be6e]{border-width:8px 8px 8px 0;border-left-color:transparent;border-top-color:transparent;border-bottom-color:transparent;top:calc(50% - 8px);left:-.5rem;margin-left:0;margin-right:0}.tooltip-pane[x-placement^=left][data-v-94f9be6e]{margin-right:.5rem}.tooltip-pane[x-placement^=left] .tooltip-arrow[data-v-94f9be6e]{border-width:8px 0 8px 8px;border-top-color:transparent;border-right-color:transparent;border-bottom-color:transparent;top:calc(50% - 8px);right:-.5rem;margin-left:0;margin-right:0}
+.tooltip-pane[data-v-d21ce029],.tooltip-arrow[data-v-d21ce029]{box-shadow:0 4px 12px #00000014}.tooltip-arrow[data-v-d21ce029]{margin:.5rem;border-color:rgba(var(--bg-primary),var(--tw-bg-opacity, 1))}.tooltip-pane[x-placement^=top][data-v-d21ce029]{margin-bottom:.5rem}.tooltip-pane[x-placement^=top] .tooltip-arrow[data-v-d21ce029]{border-width:8px 8px 0 8px;border-left-color:transparent;border-right-color:transparent;border-bottom-color:transparent;left:calc(50% - 8px);bottom:-.5rem;margin-top:0;margin-bottom:0}.tooltip-pane[x-placement^=bottom][data-v-d21ce029]{margin-top:.5rem}.tooltip-pane[x-placement^=bottom] .tooltip-arrow[data-v-d21ce029]{border-width:0 8px 8px 8px;border-left-color:transparent;border-right-color:transparent;border-top-color:transparent;left:calc(50% - 8px);top:-.5rem;margin-bottom:0;margin-top:0}.tooltip-pane[x-placement^=right][data-v-d21ce029]{margin-left:.5rem}.tooltip-pane[x-placement^=right] .tooltip-arrow[data-v-d21ce029]{border-width:8px 8px 8px 0;border-left-color:transparent;border-top-color:transparent;border-bottom-color:transparent;top:calc(50% - 8px);left:-.5rem;margin-left:0;margin-right:0}.tooltip-pane[x-placement^=left][data-v-d21ce029]{margin-right:.5rem}.tooltip-pane[x-placement^=left] .tooltip-arrow[data-v-d21ce029]{border-width:8px 0 8px 8px;border-top-color:transparent;border-right-color:transparent;border-bottom-color:transparent;top:calc(50% - 8px);right:-.5rem;margin-left:0;margin-right:0}

package/dist/vue/KvTooltip.js

@@ -1,14 +1,14 @@
-import { toRefs as u, ref as v, computed as w, resolveComponent as p, openBlock as i, createBlock as _, withCtx as d, createVNode as h, createElementVNode as n, createElementBlock as k, renderSlot as s, createCommentVNode as y } from "vue";
-import { darkTheme as l, mintTheme as a } from "@kiva/kv-tokens";
-import x from "./KvPopper.js";
-import T from "./KvThemeProvider.js";
+import { toRefs as g, ref as T, computed as y, resolveComponent as i, openBlock as p, createBlock as L, withCtx as d, createVNode as M, createElementVNode as n, createElementBlock as S, renderSlot as a, createCommentVNode as x } from "vue";
+import { defaultTheme as l, greenLightTheme as m, greenDarkTheme as s, marigoldLightTheme as c, stoneLightTheme as f, stoneDarkTheme as h, mintTheme as u, darkTheme as v } from "@kiva/kv-tokens";
+import D from "./KvPopper.js";
+import b from "./KvThemeProvider.js";
 import "./KvTooltip.css";
-import b from "../_virtual/_plugin-vue_export-helper.js";
-const M = {
+import E from "../_virtual/_plugin-vue_export-helper.js";
+const G = {
   name: "KvTooltip",
   components: {
-    KvPopper: x,
-    KvThemeProvider: T
+    KvPopper: D,
+    KvThemeProvider: b
   },
   // TODO: Add prop for tooltip placement, Currently defaults to 'top' but will flip to bottom when constrained
   props: {
@@ -22,43 +22,64 @@ const M = {
       type: String,
       default: "default",
       validator(e) {
-        return ["default", "mint", "dark"].indexOf(e) !== -1;
+        return [
+          "default",
+          "ecoGreenLight",
+          "ecoGreenDark",
+          "ecoLightMarigold",
+          "ecoStoneLight",
+          "ecoStoneDark",
+          "mint",
+          "dark"
+        ].indexOf(e) !== -1;
       }
     }
   },
   setup(e) {
     const {
       theme: t
-    } = u(e), r = v({
+    } = g(e), r = T({
       preventOverflow: {
         padding: 10
       }
-    }), o = w(() => ({
-      mint: a,
-      dark: l
+    }), o = y(() => ({
+      default: l,
+      ecoGreenLight: m,
+      ecoGreenDark: s,
+      ecoLightMarigold: c,
+      ecoStoneLight: f,
+      ecoStoneDark: h,
+      mint: u,
+      dark: v
     })[t.value]);
     return {
-      darkTheme: l,
-      mintTheme: a,
+      defaultTheme: l,
+      greenLightTheme: m,
+      greenDarkTheme: s,
+      marigoldLightTheme: c,
+      stoneLightTheme: f,
+      stoneDarkTheme: h,
+      mintTheme: u,
+      darkTheme: v,
       popperModifiers: r,
       themeStyle: o
     };
   }
-}, g = {
+}, K = {
   class: "tw-p-2.5",
   style: { "max-width": "250px" }
-}, E = {
+}, $ = {
   key: 0,
   class: "tw-text-primary tw-font-medium tw-mb-1.5"
-}, K = { class: "tw-text-primary" };
-function S(e, t, r, o, m, $) {
-  const f = p("kv-popper"), c = p("kv-theme-provider");
-  return i(), _(c, {
+}, B = { class: "tw-text-primary" };
+function C(e, t, r, o, w, N) {
+  const _ = i("kv-popper"), k = i("kv-theme-provider");
+  return p(), L(k, {
     theme: o.themeStyle,
     class: "kv-tailwind"
   }, {
     default: d(() => [
-      h(f, {
+      M(_, {
         controller: r.controller,
         "popper-modifiers": o.popperModifiers,
         "popper-placement": "top",
@@ -66,12 +87,12 @@ function S(e, t, r, o, m, $) {
         class: "tooltip-pane tw-absolute tw-bg-primary tw-rounded tw-z-popover"
       }, {
         default: d(() => [
-          n("div", g, [
-            e.$slots.title ? (i(), k("div", E, [
-              s(e.$slots, "title", {}, void 0, !0)
-            ])) : y("", !0),
-            n("div", K, [
-              s(e.$slots, "default", {}, void 0, !0)
+          n("div", K, [
+            e.$slots.title ? (p(), S("div", $, [
+              a(e.$slots, "title", {}, void 0, !0)
+            ])) : x("", !0),
+            n("div", B, [
+              a(e.$slots, "default", {}, void 0, !0)
             ])
           ]),
           t[0] || (t[0] = n("div", {
@@ -85,7 +106,7 @@ function S(e, t, r, o, m, $) {
     _: 3
   }, 8, ["theme"]);
 }
-const O = /* @__PURE__ */ b(M, [["render", S], ["__scopeId", "data-v-94f9be6e"]]);
+const I = /* @__PURE__ */ E(G, [["render", C], ["__scopeId", "data-v-d21ce029"]]);
 export {
-  O as default
+  I as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kiva/kv-components",
-  "version": "6.30.1",
+  "version": "6.31.1",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -111,5 +111,5 @@
     "embla-carousel-fade",
     "popper.js"
   ],
-  "gitHead": "6e0f2ffccae6ce65d12657719f2381c0f142408f"
+  "gitHead": "ade611094ba3c7a917f99986e6c568b412564648"
 }