@dev-stream/tailwind-plugins - npm Package Compare versions

Comparing version 1.0.1 to 1.1.0

scroll.js

+const plugin = require("tailwindcss/plugin");
+
+function createColors(colors, parentKey, utility) {
+  const colorNames = Object.keys(colors);
+  colorNames.forEach((color) => {
+    const colorValue = colors[color];
+    if (typeof colorValue == "object") {
+      createColors(colorValue, color, utility);
+    } else {
+      utility[
+        `.scroll-track${parentKey ? `-${parentKey}` : ""}${
+          color !== "DEFAULT" ? `-${color}` : ""
+        }`
+      ] = {
+        "--scrollTrack": colors[color],
+      };
+      utility[
+        `.scroll-thumb${parentKey ? `-${parentKey}` : ""}${
+          color !== "DEFAULT" ? `-${color}` : ""
+        }`
+      ] = {
+        "--scrollThumb": colors[color],
+      };
+    }
+  });
+}
+
+module.exports = plugin(function ({ addUtilities, theme }) {
+  const scrollUtility = {
+    ".scroll": {
+      "--scrollTrack": "rgba(198,198,198)",
+      "--scrollThumb": "#bdbdbd",
+      "--scrollWidth": "10px",
+    },
+    ".scroll::-webkit-scrollbar": {
+      width: "var(--scroll-width)",
+    },
+    ".scroll::-webkit-scrollbar-track": {
+      background: "var(--scroll-track)",
+    },
+    ".scroll::-webkit-scrollbar-thumb ": {
+      backgroundColor: "var(--scroll-thumb)",
+      borderRadius: "calc(var(--scroll-width) * 10)",
+      border: "3px solid var(--scroll-track)",
+    },
+  };
+
+  const colors = theme("colors");
+  const spacing = theme("spacing");
+
+  Object.keys(spacing).forEach((key) => {
+    scrollUtility[
+      key.toString()[0] === "-"
+        ? `.-scroll-w-${key.toString().substr(1)}`
+        : `.scroll-w-${key}`
+    ] = {
+      "--scrollWidth":
+        key.toString()[0] === "-" ? "-" + spacing[key] : spacing[key],
+    };
+  });
+
+  createColors(colors, null, scrollUtility);
+  addUtilities(scrollUtility);
+});

package.json

 {
   "name": "@dev-stream/tailwind-plugins",
-  "version": "1.0.1",
+  "version": "1.1.0",
   "description": "",
@@ -5,0 +5,0 @@ "scripts": {

inner-border.d.ts

-declare const _default: import("tailwindcss/plugin").TailwindPlugin;
-export default _default;
-//# sourceMappingURL=inner-border.d.ts.map

inner-border.d.ts.map

-{"version":3,"file":"inner-border.d.ts","sourceRoot":"","sources":["../src/inner-border.ts"],"names":[],"mappings":";AAiCA,wBAoBG"}

inner-border.js.map

-{"version":3,"file":"inner-border.js","sourceRoot":"","sources":["../src/inner-border.ts"],"names":[],"mappings":";;AAAA,+CAAwC;AAWxC,SAAS,YAAY,CACnB,MAAc,EACd,SAAoC,EACpC,OAA2B;IAE3B,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IACvC,UAAU,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE;QAC3B,MAAM,UAAU,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;QACjC,IAAI,OAAO,UAAU,IAAI,QAAQ,EAAE;YACjC,YAAY,CAAC,UAAU,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC;SAC1C;aAAM;YACL,OAAO,CACL,gBAAgB,SAAS,CAAC,CAAC,CAAC,IAAI,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,GAC9C,KAAK,IAAI,SAAS,CAAC,CAAC,CAAC,IAAI,KAAK,EAAE,CAAC,CAAC,CAAC,EACrC,EAAE,CACH,GAAG;gBACF,oBAAoB,EAAE,MAAM,CAAC,KAAK,CAAC;aACpC,CAAC;SACH;IACH,CAAC,CAAC,CAAC;AACL,CAAC;AAED,kBAAe,IAAA,gBAAM,EAAC,CAAC,EAAE,YAAY,EAAE,KAAK,EAAE,EAAE,EAAE;IAChD,MAAM,kBAAkB,GAAuB;QAC7C,eAAe,EAAE;YACf,SAAS,EACP,gFAAgF;SACnF;KACF,CAAC;IAEF,MAAM,MAAM,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC;IAC/B,YAAY,CAAC,MAAM,EAAE,IAAI,EAAE,kBAAkB,CAAC,CAAC;IAE/C,MAAM,OAAO,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC;IACjC,MAAM,YAAY,GAAG,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IAC1C,YAAY,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE;QAC7B,kBAAkB,CAAC,iBAAiB,KAAK,EAAE,CAAC,GAAG;YAC7C,mBAAmB,EAAE,OAAO,CAAC,KAAK,CAAC;SACpC,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,YAAY,CAAC,kBAAkB,CAAC,CAAC;AACnC,CAAC,CAAC,CAAC"}

shimmer.d.ts

-declare const _default: import("tailwindcss/plugin").TailwindPlugin;
-export default _default;
-//# sourceMappingURL=shimmer.d.ts.map

shimmer.d.ts.map

-{"version":3,"file":"shimmer.d.ts","sourceRoot":"","sources":["../src/shimmer.ts"],"names":[],"mappings":";AAuCA,wBA2CG"}

shimmer.js.map

-{"version":3,"file":"shimmer.js","sourceRoot":"","sources":["../src/shimmer.ts"],"names":[],"mappings":";;AAAA,+CAAwC;AAUxC,SAAS,YAAY,CACnB,MAAc,EACd,SAAoC,EACpC,OAAuB;IAEvB,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IACvC,UAAU,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE;QAC3B,MAAM,UAAU,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;QACjC,IAAI,OAAO,UAAU,IAAI,QAAQ,EAAE;YACjC,YAAY,CAAC,UAAU,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC;SAC1C;aAAM;YACL,OAAO,CACL,WAAW,SAAS,CAAC,CAAC,CAAC,IAAI,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,GACzC,KAAK,IAAI,SAAS,CAAC,CAAC,CAAC,IAAI,KAAK,EAAE,CAAC,CAAC,CAAC,EACrC,EAAE,CACH,GAAG;gBACF,qBAAqB,EAAE,MAAM,CAAC,KAAK,CAAC;aACrC,CAAC;YACF,OAAO,CACL,kBAAkB,SAAS,CAAC,CAAC,CAAC,IAAI,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,GAChD,KAAK,IAAI,SAAS,CAAC,CAAC,CAAC,IAAI,KAAK,EAAE,CAAC,CAAC,CAAC,EACrC,EAAE,CACH,GAAG;gBACF,2BAA2B,EAAE,MAAM,CAAC,KAAK,CAAC;aAC3C,CAAC;SACH;IACH,CAAC,CAAC,CAAC;AACL,CAAC;AAED,kBAAe,IAAA,gBAAM,EAAC,CAAC,EAAE,YAAY,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE,EAAE;IAC/D,MAAM,cAAc,GAAmB;QACrC,UAAU,EAAE;YACV,qBAAqB,EAAE,SAAS;YAChC,2BAA2B,EAAE,SAAS;YACtC,iBAAiB,EAAE,UAAU;YAC7B,uBAAuB,EAAE,UAAU;YACnC,aAAa,EAAE,kBAAkB;YACjC,uBAAuB,EAAE,QAAQ;YACjC,MAAM,EAAE,UAAU;YAClB,eAAe,EAAE,kCAAkC;YACnD,eAAe,EAAE,mKAAmK;YACpL,gBAAgB,EAAE,WAAW;YAC7B,cAAc,EAAE,eAAe;YAC/B,iBAAiB,EAAE,QAAQ;SAC5B;KACF,CAAC;IAEF,MAAM,MAAM,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC;IAE/B,YAAY,CAAC,MAAM,EAAE,IAAI,EAAE,cAAc,CAAC,CAAC;IAC3C,YAAY,CAAC,cAAc,CAAC,CAAC;IAE7B,aAAa,CAAC;QACZ;YACE,6BAA6B,EAAE;gBAC7B,IAAI,EAAE;oBACJ,kBAAkB,EAAE,WAAW;iBAChC;gBACD,EAAE,EAAE;oBACF,kBAAkB,EAAE,UAAU;iBAC/B;aACF;YACD,qCAAqC,EAAE;gBACrC,IAAI,EAAE;oBACJ,kBAAkB,EAAE,WAAW;iBAChC;gBACD,EAAE,EAAE;oBACF,kBAAkB,EAAE,UAAU;iBAC/B;aACF;SACF;KACF,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

No alert changes

Improved metrics

Lines of code

161

51.89%

Worsened metrics

Total package byte prevSize

6601

-20.36%

Number of package files

4

-55.56%

No dependency changes