postcss-preset-mantine - npm Package Compare versions

Comparing version 1.5.1 to 1.6.0

dist/postcss-light-dark.js

 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.postcss = void 0;
 const postcss_1 = require("postcss");
@@ -34,3 +33,3 @@ const FUNCTION = 'light-dark(';
 }
-const plugin = () => {
+module.exports = () => {
     return {
@@ -54,4 +53,2 @@ postcssPlugin: 'postcss-light-dark',
 };
-exports.postcss = true;
-plugin.postcss = true;
-exports.default = plugin;
+module.exports.postcss = true;

dist/postcss-rem-em.js

 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.postcss = void 0;
 function scaleRem(remValue) {
@@ -32,3 +31,3 @@ return `calc(${remValue} * var(--mantine-scale))`;
 const remRegExp = getRegExp('rem');
-const plugin = () => {
+module.exports = () => {
     return {
@@ -49,4 +48,2 @@ postcssPlugin: 'postcss-rem-em',
 };
-exports.postcss = true;
-plugin.postcss = true;
-exports.default = plugin;
+module.exports.postcss = true;

dist/preset.js

 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const postcss_nested_1 = __importDefault(require("postcss-nested"));
-const postcss_mixins_1 = __importDefault(require("postcss-mixins"));
-const postcss_rem_em_1 = __importDefault(require("./postcss-rem-em"));
-const postcss_light_dark_1 = __importDefault(require("./postcss-light-dark"));
+const nested = require('postcss-nested');
+const mixins = require('postcss-mixins');
+const remEm = require('./postcss-rem-em');
+const lightDark = require('./postcss-light-dark');
 function colorSchemeMixin(colorScheme) {
@@ -39,10 +35,10 @@ return {
 };
-const creator = () => {
+module.exports = () => {
     return {
         postcssPlugin: 'postcss-preset-mantine',
         plugins: [
-            (0, postcss_light_dark_1.default)(),
-            (0, postcss_nested_1.default)(),
-            (0, postcss_rem_em_1.default)(),
-            (0, postcss_mixins_1.default)({
+            lightDark(),
+            nested(),
+            remEm(),
+            mixins({
                 mixins: {
@@ -59,3 +55,2 @@ light: colorSchemeMixin('light'),
 };
-creator.postcss = true;
-exports.default = creator;
+module.exports.postcss = true;

dist/types/postcss-light-dark.d.ts

@@ -1,10 +0,1 @@
-import { Root } from 'postcss';
-declare const plugin: {
-    (): {
-        postcssPlugin: string;
-        Once(root: Root): void;
-    };
-    postcss: boolean;
-};
-export declare const postcss = true;
-export default plugin;
+export {};

dist/types/postcss-rem-em.d.ts

@@ -1,13 +0,1 @@
-import { AtRule, Root } from 'postcss';
-declare const plugin: {
-    (): {
-        postcssPlugin: string;
-        Once(root: Root): void;
-        AtRule: {
-            media: (atRule: AtRule) => void;
-        };
-    };
-    postcss: boolean;
-};
-export declare const postcss = true;
-export default plugin;
+export {};

dist/types/preset.d.ts

@@ -1,11 +0,31 @@
-declare const creator: {
-    (): {
-        postcssPlugin: string;
-        plugins: (import("postcss/lib/processor").default | import("postcss").Plugin | {
-            postcssPlugin: string;
-            Once(root: import("postcss/lib/root").default): void;
-        })[];
+declare const nested: any;
+declare const mixins: any;
+declare const remEm: any;
+declare const lightDark: any;
+declare function colorSchemeMixin(colorScheme: 'light' | 'dark'): {
+    [x: string]: {
+        '@mixin-content': {};
     };
-    postcss: true;
 };
-export default creator;
+declare const hoverMixin: {
+    '@media (hover: hover)': {
+        '&:hover': {
+            '@mixin-content': {};
+        };
+    };
+    '@media (hover: none)': {
+        '&:active': {
+            '@mixin-content': {};
+        };
+    };
+};
+declare const rtlMixin: {
+    '[dir="rtl"] &': {
+        '@mixin-content': {};
+    };
+};
+declare const notRtlMixin: {
+    ':root:not([dir="rtl"]) &': {
+        '@mixin-content': {};
+    };
+};

package.json

 {
   "name": "postcss-preset-mantine",
-  "version": "1.5.1",
+  "version": "1.6.0",
   "description": "PostCSS preset for Mantine (7.0+) applications",
@@ -15,2 +15,3 @@ "main": "dist/preset.js",
   "devDependencies": {
+    "@types/node": "^20.2.6",
     "@types/postcss-mixins": "^9.0.0",
@@ -17,0 +18,0 @@ "@typescript-eslint/eslint-plugin": "^5.59.9",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

9751

decreased by-6.55%

Dev dependency count

8

increased by14.29%

Lines of code

186

decreased by-6.06%

No dependency changes