@kiva/kv-components 8.19.1 → 8.19.2

package/dist/vue/KvSecondaryNav.css

@@ -1 +1 @@
-.kv-secondary-nav-holder[data-v-c3e621bd]{height:62px}.kv-secondary-nav[data-v-c3e621bd]{min-height:62px}
+.kv-secondary-nav-holder[data-v-20d1590d]{height:62px}.kv-secondary-nav[data-v-20d1590d]{min-height:62px}

package/dist/vue/KvSecondaryNav.js

@@ -1,72 +1,72 @@
 import u from "./KvSecondaryNav2.js";
-import { resolveComponent as d, openBlock as i, createBlock as l, withCtx as o, createElementVNode as r, normalizeClass as a, createVNode as s, createElementBlock as c, resolveDynamicComponent as v, createTextVNode as m, toDisplayString as f, createCommentVNode as y, Fragment as x, renderList as b } from "vue";
+import { resolveComponent as d, openBlock as i, createBlock as l, withCtx as o, createElementVNode as r, normalizeClass as a, createVNode as s, createElementBlock as c, resolveDynamicComponent as v, createTextVNode as m, toDisplayString as f, createCommentVNode as x, Fragment as y, renderList as b } from "vue";
 import "./KvSecondaryNav.css";
 import C from "../_virtual/_plugin-vue_export-helper.js";
 const L = { class: "kv-secondary-nav__links tw-flex tw-flex-col md:tw-flex-row tw-items-center tw-gap-3" };
-function N(p, w, e, t, E, A) {
-  const g = d("kv-material-icon"), h = d("kv-page-container"), _ = d("kv-theme-provider");
-  return i(), l(_, {
-    theme: t.themeStyle,
+function N(p, w, n, e, E, A) {
+  const _ = d("kv-material-icon"), g = d("kv-page-container"), h = d("kv-theme-provider");
+  return i(), l(h, {
+    theme: e.themeStyle,
     class: "kv-tailwind"
   }, {
     default: o(() => [
       r("div", {
-        class: a(["tw-z-1 tw-w-full kv-secondary-nav-holder relative tw-text-primary", e.theme === "default" ? "tw-bg-secondary" : "tw-bg-primary"])
+        class: a(["tw-z-1 tw-w-full kv-secondary-nav-holder relative tw-text-primary", e.bgClass])
       }, [
         r("div", {
-          class: a(["tw-w-full tw-overflow-x-auto kv-secondary-nav tw-absolute tw-top-0 tw-left-0 tw-right-0", e.theme === "default" ? "tw-bg-secondary" : "tw-bg-primary"])
+          class: a(["tw-w-full tw-overflow-x-auto kv-secondary-nav tw-absolute tw-top-0 tw-left-0 tw-right-0", e.bgClass])
         }, [
-          s(h, null, {
+          s(g, null, {
             default: o(() => [
               r("div", {
                 ref: "navInner",
-                class: a(["kv-secondary-nav__inner tw-flex tw-gap-2 md:tw-gap-4 tw-items-center tw-flex-wrap tw-py-2", t.navAlignmentClass])
+                class: a(["kv-secondary-nav__inner tw-flex tw-gap-2 md:tw-gap-4 tw-items-center tw-flex-wrap tw-py-2", e.navAlignmentClass])
               }, [
-                e.heading && e.heading.length > 0 ? (i(), c("div", {
+                n.heading && n.heading.length > 0 ? (i(), c("div", {
                   key: 0,
-                  class: a(["kv-secondary-nav__heading-container", { "tw-block md:tw-hidden": e.linkAlignment === "left" || e.linkAlignment === "center" }])
+                  class: a(["kv-secondary-nav__heading-container", { "tw-block md:tw-hidden": n.linkAlignment === "left" || n.linkAlignment === "center" }])
                 }, [
-                  (i(), l(v(t.hasHeadingLink ? e.headingLink.isExternal ? "a" : "router-link" : "div"), {
-                    to: t.hasHeadingLink ? e.headingLink.isExternal ? void 0 : e.headingLink.href : void 0,
-                    href: t.hasHeadingLink && e.headingLink.isExternal ? e.headingLink.href : void 0,
+                  (i(), l(v(e.hasHeadingLink ? n.headingLink.isExternal ? "a" : "router-link" : "div"), {
+                    to: e.hasHeadingLink ? n.headingLink.isExternal ? void 0 : n.headingLink.href : void 0,
+                    href: e.hasHeadingLink && n.headingLink.isExternal ? n.headingLink.href : void 0,
                     class: a(["kv-secondary-nav__heading tw-text-h3 tw-text-primary tw-bg-transparent tw-border-none tw-no-underline", {
-                      "tw-cursor-pointer": t.hasHeadingLink
+                      "tw-cursor-pointer": e.hasHeadingLink
                     }])
                   }, {
                     default: o(() => [
-                      m(f(e.heading), 1)
+                      m(f(n.heading), 1)
                     ]),
                     _: 1
                   }, 8, ["to", "href", "class"]))
-                ], 2)) : y("", !0),
+                ], 2)) : x("", !0),
                 r("button", {
                   class: "kv-secondary-nav__toggle tw-flex md:tw-hidden tw-text-primary tw-bg-transparent tw-border-none tw-cursor-pointer",
-                  onClick: w[0] || (w[0] = (...n) => t.toggleSubNavigation && t.toggleSubNavigation(...n))
+                  onClick: w[0] || (w[0] = (...t) => e.toggleSubNavigation && e.toggleSubNavigation(...t))
                 }, [
-                  s(g, {
-                    icon: t.subNavigationOpen ? t.mdiChevronUp : t.mdiChevronDown
+                  s(_, {
+                    icon: e.subNavigationOpen ? e.mdiChevronUp : e.mdiChevronDown
                   }, null, 8, ["icon"])
                 ]),
                 r("div", {
                   ref: "subNavigation",
-                  class: a(["kv-secondary-nav__links-container tw-pt-1 md:tw-pt-0 md:tw-block tw-w-full md:tw-w-auto", { "tw-hidden": !t.subNavigationOpen }])
+                  class: a(["kv-secondary-nav__links-container tw-pt-1 md:tw-pt-0 md:tw-block tw-w-full md:tw-w-auto", { "tw-hidden": !e.subNavigationOpen }])
                 }, [
                   r("ul", L, [
-                    (i(!0), c(x, null, b(e.links, (n, k) => (i(), c("li", {
+                    (i(!0), c(y, null, b(n.links, (t, k) => (i(), c("li", {
                       key: k,
                       class: "kv-secondary-nav__link-item tw-w-full md:tw-w-auto"
                     }, [
-                      (i(), l(v(n.isExternal ? "a" : "router-link"), {
-                        to: n.isExternal ? void 0 : n.href,
-                        href: n.isExternal ? n.href : void 0,
+                      (i(), l(v(t.isExternal ? "a" : "router-link"), {
+                        to: t.isExternal ? void 0 : t.href,
+                        href: t.isExternal ? t.href : void 0,
                         class: a([{
-                          "tw-underline": n.isActive,
-                          "tw-no-underline": !n.isActive
+                          "tw-underline": t.isActive,
+                          "tw-no-underline": !t.isActive
                         }, "kv-secondary-nav__link tw-py-2 md:tw-py-n tw-text-primary tw-font-medium hover:tw-underline hover:tw-text-primary tw-cursor-pointer"]),
-                        onClick: (S) => t.handleLinkClick(n)
+                        onClick: (S) => e.handleLinkClick(t)
                       }, {
                         default: o(() => [
-                          m(f(n.text), 1)
+                          m(f(t.text), 1)
                         ]),
                         _: 2
                       }, 1032, ["to", "href", "class", "onClick"]))
@@ -83,7 +83,7 @@ function N(p, w, e, t, E, A) {
     _: 1
   }, 8, ["theme"]);
 }
-const z = /* @__PURE__ */ C(u, [["render", N], ["__scopeId", "data-v-c3e621bd"]]);
+const z = /* @__PURE__ */ C(u, [["render", N], ["__scopeId", "data-v-20d1590d"]]);
 export {
   z as default
 };

package/dist/vue/KvSecondaryNav.vue.d.ts

@@ -40,7 +40,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     mdiChevronUp: string;
     mdiChevronDown: string;
     subNavigation: import('vue').Ref<any, any>;
-    themeStyle: import('vue').ComputedRef<any>;
+    themeStyle: import('vue').ComputedRef<object>;
+    bgClass: import('vue').ComputedRef<string>;
     handleLinkClick: (link: any) => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "subnavLinkClicked"[], "subnavLinkClicked", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     heading: {

package/dist/vue/KvSecondaryNav2.js

@@ -1,15 +1,15 @@
-import { toRefs as m, ref as l, computed as a } from "vue";
-import { defaultTheme as p, greenDarkTheme as h } from "@kiva/kv-tokens";
-import { mdiChevronUp as g, mdiChevronDown as v } from "@mdi/js";
-import y from "./KvThemeProvider.js";
-import k from "./KvMaterialIcon.js";
-import b from "./KvPageContainer.js";
-const A = {
+import { toRefs as f, ref as g, computed as n } from "vue";
+import { defaultTheme as b, greenDarkTheme as u, greenLightTheme as p, marigoldLightTheme as v, stoneLightTheme as w } from "@kiva/kv-tokens";
+import { mdiChevronUp as k, mdiChevronDown as C } from "@mdi/js";
+import L from "./KvThemeProvider.js";
+import j from "./KvMaterialIcon.js";
+import O from "./KvPageContainer.js";
+const _ = {
   name: "KvSecondaryNav",
   components: {
-    KvThemeProvider: y,
-    KvMaterialIcon: k,
-    KvPageContainer: b
+    KvThemeProvider: L,
+    KvMaterialIcon: j,
+    KvPageContainer: O
   },
   props: {
     heading: {
@@ -29,7 +29,7 @@ const A = {
       default: () => [],
       validator(e) {
         return e.every(
-          (t) => Object.prototype.hasOwnProperty.call(t, "text") && Object.prototype.hasOwnProperty.call(t, "href")
+          (r) => Object.prototype.hasOwnProperty.call(r, "text") && Object.prototype.hasOwnProperty.call(r, "href")
         );
       }
     },
@@ -44,39 +44,57 @@ const A = {
       type: String,
       default: "default",
       validator(e) {
-        return ["default", "dark"].includes(e);
+        return [
+          "default",
+          "dark",
+          "greenLight",
+          "greenDark",
+          "marigoldLight",
+          "stoneLight"
+        ].includes(e);
       }
     }
   },
   emits: [
     "subnavLinkClicked"
   ],
-  setup(e, { emit: t }) {
+  setup(e, { emit: r }) {
     const {
-      heading: i,
-      linkAlignment: n,
-      theme: u
-    } = m(e), s = l(null), r = l(!1), d = a(() => e.headingLink && e.headingLink.href), f = a(() => n.value === "right" ? i.value && i.value.length > 0 ? "tw-justify-between" : "tw-justify-between md:tw-justify-end" : n.value === "left" ? "tw-justify-between md:tw-justify-start" : n.value === "center" ? "tw-justify-between md:tw-justify-center" : ""), c = a(() => ({
-      default: p,
-      dark: h
-    })[u.value]);
+      heading: l,
+      linkAlignment: a,
+      theme: s
+    } = f(e), d = g(null), i = g(!1), m = n(() => e.headingLink && e.headingLink.href), h = n(() => a.value === "right" ? l.value && l.value.length > 0 ? "tw-justify-between" : "tw-justify-between md:tw-justify-end" : a.value === "left" ? "tw-justify-between md:tw-justify-start" : a.value === "center" ? "tw-justify-between md:tw-justify-center" : ""), o = {
+      default: { style: b, bgClass: "tw-bg-secondary" },
+      dark: { style: u, bgClass: "tw-bg-primary" },
+      greenLight: { style: p, bgClass: "tw-bg-secondary" },
+      greenDark: { style: u, bgClass: "tw-bg-primary" },
+      marigoldLight: { style: v, bgClass: "tw-bg-secondary" },
+      stoneLight: { style: w, bgClass: "tw-bg-secondary" }
+    }, c = n(() => {
+      var t;
+      return (t = o[s.value]) == null ? void 0 : t.style;
+    }), y = n(() => {
+      var t;
+      return ((t = o[s.value]) == null ? void 0 : t.bgClass) ?? "tw-bg-primary";
+    });
     return {
-      hasHeadingLink: d,
-      navAlignmentClass: f,
+      hasHeadingLink: m,
+      navAlignmentClass: h,
       toggleSubNavigation: () => {
-        r.value = !r.value;
+        i.value = !i.value;
       },
-      subNavigationOpen: r,
-      mdiChevronUp: g,
-      mdiChevronDown: v,
-      subNavigation: s,
+      subNavigationOpen: i,
+      mdiChevronUp: k,
+      mdiChevronDown: C,
+      subNavigation: d,
       themeStyle: c,
-      handleLinkClick: (o) => {
-        t("subnavLinkClicked", o);
+      bgClass: y,
+      handleLinkClick: (t) => {
+        r("subnavLinkClicked", t);
       }
     };
   }
 };
 export {
-  A as default
+  _ as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kiva/kv-components",
-  "version": "8.19.1",
+  "version": "8.19.2",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -128,5 +128,5 @@
   "dependencies": {
     "fuse.js": "^7.1.0"
   },
-  "gitHead": "8cdb1fd7c82921ff4c272c50d265a80fca6a5c48"
+  "gitHead": "ee58af92f939c12b65a9346938f51fb152fc521f"
 }