mesurer 0.0.7 → 0.0.9

package/dist/styles.css

@@ -192,6 +192,9 @@
   .msr\:top-0 {
     top: calc(var(--msr-spacing) * 0);
   }
+  .msr\:top-\[18px\] {
+    top: 18px;
+  }
   .msr\:top-full {
     top: 100%;
   }
@@ -210,6 +213,9 @@
   .msr\:left-1\/2 {
     left: calc(1 / 2 * 100%);
   }
+  .msr\:left-\[18px\] {
+    left: 18px;
+  }
   .msr\:z-50 {
     z-index: 50;
   }
@@ -228,6 +234,9 @@
   .msr\:-ml-1 {
     margin-left: calc(var(--msr-spacing) * -1);
   }
+  .msr\:block {
+    display: block;
+  }
   .msr\:flex {
     display: flex;
   }
@@ -235,6 +244,13 @@
     width: calc(var(--msr-spacing) * 8);
     height: calc(var(--msr-spacing) * 8);
   }
+  .msr\:size-\[18px\] {
+    width: 18px;
+    height: 18px;
+  }
+  .msr\:h-6 {
+    height: calc(var(--msr-spacing) * 6);
+  }
   .msr\:h-8 {
     height: calc(var(--msr-spacing) * 8);
   }
@@ -247,9 +263,15 @@
   .msr\:w-4 {
     width: calc(var(--msr-spacing) * 4);
   }
+  .msr\:w-6 {
+    width: calc(var(--msr-spacing) * 6);
+  }
   .msr\:w-44 {
     width: calc(var(--msr-spacing) * 44);
   }
+  .msr\:w-\[18px\] {
+    width: 18px;
+  }
   .msr\:w-full {
     width: 100%;
   }
@@ -303,6 +325,9 @@
   .msr\:gap-px {
     gap: 1px;
   }
+  .msr\:overflow-hidden {
+    overflow: hidden;
+  }
   .msr\:rounded {
     border-radius: 0.25rem;
   }
@@ -394,6 +419,9 @@
   .msr\:text-left {
     text-align: left;
   }
+  .msr\:text-\[9px\] {
+    font-size: 9px;
+  }
   .msr\:text-\[10px\] {
     font-size: 10px;
   }
@@ -406,6 +434,9 @@
   .msr\:whitespace-nowrap {
     white-space: nowrap;
   }
+  .msr\:text-\[\#64748b\] {
+    color: #64748b;
+  }
   .msr\:text-black {
     color: var(--msr-color-black);
   }
@@ -446,6 +477,9 @@
     transition-timing-function: var(--tw-ease, var(--msr-default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--msr-default-transition-duration));
   }
+  .msr\:transition-none {
+    transition-property: none;
+  }
   .msr\:duration-150 {
     --tw-duration: 150ms;
     transition-duration: 150ms;
@@ -512,6 +546,9 @@
 .mesurer-menu-surface {
   box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
 }
+.mesurer-root {
+  --msr-spacing: 4px;
+}
 @property --tw-translate-x {
   syntax: "*";
   inherits: false;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mesurer",
-  "version": "0.0.7",
+  "version": "0.0.9",
   "description": "Measure and align elements on any website.",
   "license": "MIT",
   "author": "Julien Thibeaut",
@@ -24,7 +24,9 @@
     "README.md",
     "LICENSE"
   ],
-  "sideEffects": ["*.css"],
+  "sideEffects": [
+    "*.css"
+  ],
   "publishConfig": {
     "access": "public"
   },
@@ -36,12 +38,6 @@
   "bugs": {
     "url": "https://github.com/ibelick/mesurer/issues"
   },
-  "scripts": {
-    "build": "pnpm exec tailwindcss -i styles.css -o styles.generated.css && node scripts/generate-styles.mjs && tsup && pnpm exec tailwindcss -i styles.css -o dist/styles.css",
-    "dev": "tsup --watch",
-    "typecheck": "tsc --noEmit",
-    "prepublishOnly": "npm run typecheck && npm run build"
-  },
   "peerDependencies": {
     "react": ">=18.0.0",
     "react-dom": ">=18.0.0"
@@ -59,5 +55,10 @@
   "keywords": [
     "measurement",
     "alignment"
-  ]
-}
+  ],
+  "scripts": {
+    "build": "pnpm exec tailwindcss -i styles.css -o styles.generated.css && node scripts/generate-styles.mjs && tsup && pnpm exec tailwindcss -i styles.css -o dist/styles.css",
+    "dev": "tsup --watch",
+    "typecheck": "tsc --noEmit"
+  }
+}