@kiva/kv-components 5.1.1 → 5.2.0

package/README.md

@@ -11,8 +11,10 @@ A library of accessible UI components that adhere to Kiva's Design System. Curre
 
 ```js
 // tailwind.config.js
-module.exports = {
-	presets: [require("@kiva/kv-tokens/configs/tailwind.config")],
+import { tailwindConfig } from "@kiva/kv-tokens";
+
+export default {
+	presets: [tailwindConfig],
 	// Project-specific customizations
 	theme: {
 		//...

package/dist/utils/carousels.js

@@ -1,7 +1,7 @@
 import { toRefs as F, ref as a, computed as r, onMounted as H, nextTick as w, onUnmounted as K } from "vue";
-import M from "../node_modules/embla-carousel/esm/embla-carousel.esm.js";
-import R from "../node_modules/embla-carousel-autoplay/esm/embla-carousel-autoplay.esm.js";
-import q from "../node_modules/embla-carousel-fade/esm/embla-carousel-fade.esm.js";
+import M from "../node_modules/embla-carousel/esm/embla-carousel.esm.mjs";
+import R from "../node_modules/embla-carousel-autoplay/esm/embla-carousel-autoplay.esm.mjs";
+import q from "../node_modules/embla-carousel-fade/esm/embla-carousel-fade.esm.mjs";
 import { throttle as B } from "./throttle.js";
 function X(O, { emit: v, slots: V }, k) {
   var S;

package/dist/vue/KvCartModal.js

@@ -1,7 +1,7 @@
 import { toRefs as P, ref as b, computed as d, watch as j, onMounted as K, onBeforeUnmount as R, resolveComponent as C, openBlock as x, createBlock as V, Transition as L, withCtx as g, withDirectives as F, createElementVNode as o, withModifiers as y, renderSlot as O, createVNode as w, createElementBlock as A, createCommentVNode as D, toDisplayString as f, createTextVNode as I, vShow as H, nextTick as U } from "vue";
 import { mdiClose as q, mdiCheckCircle as z } from "@mdi/js";
 import { useFocusTrap as G } from "@vueuse/integrations/useFocusTrap";
-import { hideOthers as J } from "../node_modules/aria-hidden/dist/es2015/index.js";
+import { hideOthers as J } from "../node_modules/aria-hidden/dist/es2015/index.mjs";
 import { unlockScroll as Q, lockScroll as W } from "../utils/scrollLock.js";
 import { unlockPrintSingleEl as X, lockPrintSingleEl as Y } from "../utils/printing.js";
 import Z from "./KvButton.js";

package/dist/vue/KvLightbox.js

@@ -1,7 +1,7 @@
 import { toRefs as L, ref as u, nextTick as y, computed as E, watch as K, onMounted as M, onBeforeUnmount as N, resolveComponent as P, openBlock as b, createBlock as R, Transition as V, withCtx as j, withDirectives as q, createElementVNode as o, withModifiers as g, normalizeClass as p, renderSlot as k, toDisplayString as z, createElementBlock as C, createVNode as D, createCommentVNode as S, vShow as I } from "vue";
 import { mdiClose as O } from "@mdi/js";
 import { useFocusTrap as T } from "@vueuse/integrations/useFocusTrap";
-import { hideOthers as U } from "../node_modules/aria-hidden/dist/es2015/index.js";
+import { hideOthers as U } from "../node_modules/aria-hidden/dist/es2015/index.mjs";
 import { unlockScroll as A, lockScroll as G } from "../utils/scrollLock.js";
 import { unlockPrintSingleEl as H, lockPrintSingleEl as J } from "../utils/printing.js";
 import Q from "./KvMaterialIcon.js";

package/dist/vue/KvPopper.js

@@ -66,7 +66,7 @@ const y = {
       this.popper && this.popper.scheduleUpdate();
     },
     initPopper() {
-      return this.popper ? Promise.resolve() : this.popperPromise ? this.popperPromise : (this.popperPromise = import("../node_modules/popper.js/dist/esm/popper.js").then(({ default: e }) => {
+      return this.popper ? Promise.resolve() : this.popperPromise ? this.popperPromise : (this.popperPromise = import("../node_modules/popper.js/dist/esm/popper.mjs").then(({ default: e }) => {
         this.popper = new e(this.reference, this.$el, {
           placement: this.popperPlacement,
           modifiers: {

package/dist/vue/KvTooltip.css

@@ -1 +1 @@
-.tooltip-pane[data-v-0ac37821],.tooltip-arrow[data-v-0ac37821]{box-shadow:0 4px 12px #00000014}.tooltip-arrow[data-v-0ac37821]{margin:.5rem;--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.tooltip-pane[x-placement^=top][data-v-0ac37821]{margin-bottom:.5rem}.tooltip-pane[x-placement^=top] .tooltip-arrow[data-v-0ac37821]{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-0ac37821]{margin-top:.5rem}.tooltip-pane[x-placement^=bottom] .tooltip-arrow[data-v-0ac37821]{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-0ac37821]{margin-left:.5rem}.tooltip-pane[x-placement^=right] .tooltip-arrow[data-v-0ac37821]{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-0ac37821]{margin-right:.5rem}.tooltip-pane[x-placement^=left] .tooltip-arrow[data-v-0ac37821]{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-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}

package/dist/vue/KvTooltip.js

@@ -1,10 +1,10 @@
 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/configs/kivaColors";
+import { darkTheme as l, mintTheme as a } from "@kiva/kv-tokens";
 import x from "./KvPopper.js";
 import T from "./KvThemeProvider.js";
 /* empty css           */
-import M from "../_virtual/_plugin-vue_export-helper.js";
-const b = {
+import b from "../_virtual/_plugin-vue_export-helper.js";
+const M = {
   name: "KvTooltip",
   components: {
     KvPopper: x,
@@ -52,13 +52,13 @@ const b = {
   class: "tw-text-primary tw-font-medium tw-mb-1.5"
 }, K = { class: "tw-text-primary" };
 function S(e, t, r, o, m, $) {
-  const c = p("kv-popper"), f = p("kv-theme-provider");
-  return i(), _(f, {
+  const f = p("kv-popper"), c = p("kv-theme-provider");
+  return i(), _(c, {
     theme: o.themeStyle,
     class: "kv-tailwind"
   }, {
     default: d(() => [
-      h(c, {
+      h(f, {
         controller: r.controller,
         "popper-modifiers": o.popperModifiers,
         "popper-placement": "top",
@@ -85,7 +85,7 @@ function S(e, t, r, o, m, $) {
     _: 3
   }, 8, ["theme"]);
 }
-const O = /* @__PURE__ */ M(b, [["render", S], ["__scopeId", "data-v-0ac37821"]]);
+const O = /* @__PURE__ */ b(M, [["render", S], ["__scopeId", "data-v-94f9be6e"]]);
 export {
   O as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kiva/kv-components",
-  "version": "5.1.1",
+  "version": "5.2.0",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -18,7 +18,7 @@
     "@babel/preset-env": "^7.24.8",
     "@babel/preset-react": "^7.24.7",
     "@babel/preset-typescript": "^7.24.7",
-    "@kiva/kv-tokens": "^3.0.0",
+    "@kiva/kv-tokens": "^3.1.0",
     "@laynezh/vite-plugin-lib-assets": "^0.6.1",
     "@mdi/js": "^7.4.47",
     "@storybook/addon-a11y": "^8.4.7",
@@ -106,5 +106,5 @@
     "embla-carousel-fade",
     "popper.js"
   ],
-  "gitHead": "bfc4f96c62eca4208e7323961c9d55067a622e79"
+  "gitHead": "d4f5c7ade15177229c8a37dfa7c4b34b99ca0d24"
 }