@meetdomaine/tailwind-syrah - npm Package Compare versions

Comparing version 1.0.15 to 1.0.16

package.json

 {
   "name": "@meetdomaine/tailwind-syrah",
-  "version": "1.0.15",
+  "version": "1.0.16",
   "description": "A TailwindCSS plugin for Domaine",
@@ -5,0 +5,0 @@ "main": "src/index.ts",

src/addButtons/index.ts

@@ -9,3 +9,3 @@ import { consoleError, rem } from "../utils";
 import type { PluginAPI } from "tailwindcss/types/config";
-import get from "lodash/get";
+import { get } from "lodash";
 import { ManifestKeys, ScreenSizeMapping } from "../enums";
@@ -12,0 +12,0 @@ import { FontFamilyMapping } from "../types";

src/addButtons/schema.ts

 import { z } from "zod";
-import kebabCase from "lodash/kebabcase";
+import { kebabCase } from "lodash";
 import {
@@ -4,0 +4,0 @@ schema as BaseTypographySchema,

src/addColors/index.ts

@@ -1,2 +0,2 @@
-import set from "lodash/set";
+import { set } from "lodash";
 import { consoleError } from "../utils";
@@ -3,0 +3,0 @@ import { schema } from "./schema";

src/addColors/schema.ts

 import { CSSRuleObject } from "tailwindcss/types/config";
 import { z } from "zod";
 import ColorInstance from "color";
-import set from "lodash/set";
-import kebabcase from "lodash/kebabcase";
+import { set, kebabCase } from "lodash";
 import createDebugger from "debug";
@@ -53,3 +52,3 @@
   Object.entries(data).forEach(([key, value]) => {
-    const [colorGroup, colorName]: string[] = key.split("/").map(kebabcase);
+    const [colorGroup, colorName]: string[] = key.split("/").map(kebabCase);
     if (!colorGroup || !colorName) return;
@@ -56,0 +55,0 @@

src/addSizing/index.ts

@@ -1,2 +0,2 @@
-import set from "lodash/set";
+import { set } from "lodash";
 import { consoleError, getFluidSize, rem } from "../utils";
@@ -3,0 +3,0 @@ import {

src/addSizing/schema.ts

 import { z } from "zod";
 import { getFluidSize, rem } from "../utils";
 import { ScreenSizeMapping } from "../enums";
-import kebabcase from "lodash/kebabcase";
+import { kebabCase } from "lodash";
 
@@ -120,3 +120,3 @@ const ResponsiveValuesSchema = z.object({
       Object.entries(data).map(([key, value]) => [
-        kebabcase(
+        kebabCase(
           key
@@ -123,0 +123,0 @@ .replace("Border/Radius", "")

src/addTypography/index.ts

@@ -13,5 +13,3 @@ import type {
 import { ScreenSizeMapping } from "../enums";
-import kebabcase from "lodash/kebabcase";
-import set from "lodash/set";
-import get from "lodash/get";
+import { kebabCase, get, set } from "lodash";
 
@@ -30,3 +28,3 @@ const debug = createDebugger("plugin:typography");
     ([kind, sizeMap]): void | [string, CSSRuleObject] => {
-      const kindTag: string = kebabcase(kind);
+      const kindTag: string = kebabCase(kind);
       const targetTag: string | void | null = get(
@@ -33,0 +31,0 @@ TypographyBaseKeyToTag,

src/addTypography/utils.ts

@@ -9,4 +9,3 @@ import set from "lodash/set";
 import type { ManifestTextStyle } from "./schemas";
-import kamelCase from "lodash/kebabcase";
-import get from "lodash/get";
+import { kebabCase, get } from "lodash";
 import { consoleError, getFluidSize, rem } from "../utils";
@@ -39,3 +38,3 @@ import { CSSRuleObject } from "tailwindcss/types/config";
 export const getFontFamilyVariable = (fontFamily: FontFamilyKey): string =>
-  `var(--font-family-${kamelCase(fontFamily)})`;
+  `var(--font-family-${kebabCase(fontFamily)})`;
 
@@ -42,0 +41,0 @@ export const getFontFamilyFromMapping = (

No alert changes

Worsened metrics

Total package byte prevSize

33309

decreased by-0.39%

Lines of code

1045

decreased by-0.38%

No dependency changes