@histoire/app - npm Package Compare versions

Comparing version 0.9.0 to 0.9.1

dist/bundled/components/story/StoryResponsivePreview.js

@@ -9,3 +9,3 @@ import { pushScopeId, popScopeId, createElementVNode, createStaticVNode, defineComponent, useCssVars, unref, ref, onUnmounted, computed, openBlock, createElementBlock, createVNode, createCommentVNode, normalizeClass, createBlock, renderSlot, Fragment } from "@histoire/vendors/vue";
 import _export_sfc from "../../_virtual/plugin-vue_export-helper.js";
-const _withScopeId = (n) => (pushScopeId("data-v-04999d80"), n = n(), popScopeId(), n);
+const _withScopeId = (n) => (pushScopeId("data-v-4514e446"), n = n(), popScopeId(), n);
 const _hoisted_1 = { class: "htw-w-full htw-h-full htw-flex-1 htw-border htw-border-gray-100 dark:htw-border-gray-800 htw-rounded-lg htw-relative htw-overflow-hidden" };
@@ -19,3 +19,3 @@ const _hoisted_2 = {
 const _hoisted_5 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "bind-preview-bg htw-absolute htw-inset-0" }, null, -1));
-const _hoisted_6 = /* @__PURE__ */ createStaticVNode('<div class="htw-absolute htw-top-1 htw-left-4 htw-h-2 htw-w-px htw-bg-gray-200 dark:htw-bg-gray-800" data-v-04999d80></div><div class="htw-absolute htw-top-1 htw-right-4 htw-h-2 htw-w-px htw-bg-gray-200 dark:htw-bg-gray-800" data-v-04999d80></div><div class="htw-absolute htw-bottom-1 htw-left-4 htw-h-2 htw-w-px htw-bg-gray-200 dark:htw-bg-gray-800" data-v-04999d80></div><div class="htw-absolute htw-bottom-1 htw-right-4 htw-h-2 htw-w-px htw-bg-gray-200 dark:htw-bg-gray-800" data-v-04999d80></div><div class="htw-absolute htw-left-1 htw-top-4 htw-w-2 htw-h-px htw-bg-gray-200 dark:htw-bg-gray-800" data-v-04999d80></div><div class="htw-absolute htw-left-1 htw-bottom-4 htw-w-2 htw-h-px htw-bg-gray-200 dark:htw-bg-gray-800" data-v-04999d80></div><div class="htw-absolute htw-right-1 htw-top-4 htw-w-2 htw-h-px htw-bg-gray-200 dark:htw-bg-gray-800" data-v-04999d80></div><div class="htw-absolute htw-right-1 htw-bottom-4 htw-w-2 htw-h-px htw-bg-gray-200 dark:htw-bg-gray-800" data-v-04999d80></div>', 8);
+const _hoisted_6 = /* @__PURE__ */ createStaticVNode('<div class="htw-absolute htw-top-1 htw-left-4 htw-h-2 htw-w-px htw-bg-gray-200 dark:htw-bg-gray-800" data-v-4514e446></div><div class="htw-absolute htw-top-1 htw-right-4 htw-h-2 htw-w-px htw-bg-gray-200 dark:htw-bg-gray-800" data-v-4514e446></div><div class="htw-absolute htw-bottom-1 htw-left-4 htw-h-2 htw-w-px htw-bg-gray-200 dark:htw-bg-gray-800" data-v-4514e446></div><div class="htw-absolute htw-bottom-1 htw-right-4 htw-h-2 htw-w-px htw-bg-gray-200 dark:htw-bg-gray-800" data-v-4514e446></div><div class="htw-absolute htw-left-1 htw-top-4 htw-w-2 htw-h-px htw-bg-gray-200 dark:htw-bg-gray-800" data-v-4514e446></div><div class="htw-absolute htw-left-1 htw-bottom-4 htw-w-2 htw-h-px htw-bg-gray-200 dark:htw-bg-gray-800" data-v-4514e446></div><div class="htw-absolute htw-right-1 htw-top-4 htw-w-2 htw-h-px htw-bg-gray-200 dark:htw-bg-gray-800" data-v-4514e446></div><div class="htw-absolute htw-right-1 htw-bottom-4 htw-w-2 htw-h-px htw-bg-gray-200 dark:htw-bg-gray-800" data-v-4514e446></div>', 8);
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -29,3 +29,3 @@ __name: "StoryResponsivePreview",
     useCssVars((_ctx) => ({
-      "95cca8b2": unref(settings).backgroundColor
+      "65757cd6": unref(settings).backgroundColor
     }));
@@ -49,6 +49,7 @@ const settings = usePreviewSettingsStore().currentSettings;
       function onMouseDown(event) {
+        var _a;
         event.preventDefault();
         event.stopPropagation();
         const start = axis === "x" ? event.clientX : event.clientY;
-        const startValue = value.value;
+        const startValue = (_a = value.value) != null ? _a : axis === "x" ? previewWrapper.value.clientWidth - 67 : previewWrapper.value.clientHeight - 70;
         resizing.value = true;
@@ -183,3 +184,3 @@ const removeListeners = [
 });
-var StoryResponsivePreview = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-04999d80"]]);
+var StoryResponsivePreview = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4514e446"]]);
 export { StoryResponsivePreview as default };

dist/bundled/components/story/StoryVariantGridItem.js

@@ -10,3 +10,3 @@ import { pushScopeId, popScopeId, defineComponent, useCssVars, unref, toRefs, ref, resolveComponent, openBlock, createElementBlock, createElementVNode, createVNode, normalizeClass, withCtx, toDisplayString, withModifiers } from "@histoire/vendors/vue";
 import _export_sfc from "../../_virtual/plugin-vue_export-helper.js";
-const _withScopeId = (n) => (pushScopeId("data-v-b8b384dc"), n = n(), popScopeId(), n);
+const _withScopeId = (n) => (pushScopeId("data-v-feb5bbb0"), n = n(), popScopeId(), n);
 const _hoisted_1 = { class: "htw-flex-none htw-flex htw-items-center" };
@@ -31,3 +31,3 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     useCssVars((_ctx) => ({
-      "6e7451a9": unref(variant).iconColor
+      "7761d6aa": unref(variant).iconColor
     }));
@@ -94,3 +94,3 @@ const { variant } = toRefs(props);
           }]),
-          onClick: _cache[0] || (_cache[0] = withModifiers(($event) => selectVariant(), ["stop", "prevent"])),
+          onClick: _cache[0] || (_cache[0] = withModifiers(($event) => selectVariant(), ["stop"])),
           onKeyup: _cache[1] || (_cache[1] = ($event) => selectVariant())
@@ -108,3 +108,3 @@ }, [
 });
-var StoryVariantGridItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b8b384dc"]]);
+var StoryVariantGridItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-feb5bbb0"]]);
 export { StoryVariantGridItem as default };

package.json

 {
   "name": "@histoire/app",
-  "version": "0.9.0",
+  "version": "0.9.1",
   "description": "Pre-bundled UI for Histoire",
@@ -27,5 +27,5 @@ "license": "MIT",
   "dependencies": {
-    "@histoire/controls": "^0.9.0",
-    "@histoire/shared": "^0.9.0",
-    "@histoire/vendors": "^0.9.0",
+    "@histoire/controls": "^0.9.1",
+    "@histoire/shared": "^0.9.1",
+    "@histoire/vendors": "^0.9.1",
     "@types/flexsearch": "^0.7.3",
@@ -32,0 +32,0 @@ "flexsearch": "^0.7.21",

No alert changes

Improved metrics

Total package byte prevSize

446989

increased by0.05%

Lines of code

7999

increased by0.01%

Dependency changes

• Updated@histoire/controls@^0.9.1

• Updated@histoire/shared@^0.9.1

• Updated@histoire/vendors@^0.9.1