@szymonpiatek/designsystem 0.0.5 → 0.0.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@szymonpiatek/designsystem",
-  "version": "0.0.5",
+  "version": "0.0.6",
   "description": "Szymon Piątek - Design System",
   "license": "UNLICENSED",
   "private": false,
@@ -13,11 +13,6 @@
       "types": "./dist/index.d.ts",
       "import": "./dist/index.js",
       "require": "./dist/index.cjs"
-    },
-    "./ssr": {
-      "types": "./dist/ssr/EmotionRegistry.d.ts",
-      "import": "./dist/ssr/EmotionRegistry.js",
-      "require": "./dist/ssr/EmotionRegistry.cjs"
     }
   },
   "files": [
@@ -26,7 +21,7 @@
   "sideEffects": false,
   "scripts": {
     "dev": "storybook dev -p 6006",
-    "build": "tsup",
+    "build": "npm run test && tsup",
     "build:watch": "tsup --watch",
     "clean": "rimraf dist storybook-static coverage",
     "storybook": "storybook dev -p 6006",
@@ -38,26 +33,17 @@
     "lint:fix": "eslint \"src/**/*.{ts,tsx}\" --fix",
     "format": "prettier --write \"src/**/*.{ts,tsx,md,json}\"",
     "typecheck": "tsc --noEmit",
-    "prepublishOnly": "npm run lint && npm run test && npm run clean && npm run build"
+    "prepublishOnly": "npm run lint && npm run clean && npm run build",
+    "prepare": "husky"
   },
   "peerDependencies": {
-    "@emotion/cache": "^11.11.0",
     "@emotion/react": "^11.11.0",
     "@emotion/styled": "^11.11.0",
     "@mui/icons-material": "^5.0.0 || ^6.0.0 || ^9.0.0",
     "@mui/material": "^5.15.0 || ^6.0.0 || ^9.0.0",
-    "next": ">=14",
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0"
   },
-  "peerDependenciesMeta": {
-    "@emotion/cache": {
-      "optional": true
-    },
-    "next": {
-      "optional": true
-    }
-  },
   "devDependencies": {
     "@emotion/react": "^11.13.3",
     "@emotion/styled": "^11.13.0",
@@ -82,6 +68,7 @@
     "eslint-plugin-react-hooks": "^5.0.0",
     "eslint-plugin-storybook": "^10.4.1",
     "globals": "^15.12.0",
+    "husky": "^9.1.7",
     "identity-obj-proxy": "^3.0.0",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",

package/dist/ssr/EmotionRegistry.cjs

@@ -1,71 +0,0 @@
-'use client';
-'use strict';
-
-var React = require('react');
-var navigation = require('next/navigation');
-var react = require('@emotion/react');
-var createCache = require('@emotion/cache');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
-var createCache__default = /*#__PURE__*/_interopDefault(createCache);
-
-function EmotionRegistry({ children }) {
-  const [{ cache, flush }] = React__namespace.useState(() => {
-    const c = createCache__default.default({ key: "css", prepend: true });
-    c.compat = true;
-    const prevInsert = c.insert.bind(c);
-    let inserted = [];
-    c.insert = (...args) => {
-      const serialized = args[1];
-      if (c.inserted[serialized.name] === void 0) {
-        inserted.push(serialized.name);
-      }
-      return prevInsert(...args);
-    };
-    return {
-      cache: c,
-      flush: () => {
-        const s = inserted;
-        inserted = [];
-        return s;
-      }
-    };
-  });
-  navigation.useServerInsertedHTML(() => {
-    const names = flush();
-    if (!names.length) return null;
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "style",
-      {
-        "data-emotion": `${cache.key} ${names.join(" ")}`,
-        dangerouslySetInnerHTML: { __html: names.map((n) => cache.inserted[n]).join("") }
-      }
-    );
-  });
-  return /* @__PURE__ */ jsxRuntime.jsx(react.CacheProvider, { value: cache, children });
-}
-
-exports.EmotionRegistry = EmotionRegistry;
-//# sourceMappingURL=EmotionRegistry.cjs.map
-//# sourceMappingURL=EmotionRegistry.cjs.map

package/dist/ssr/EmotionRegistry.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/ssr/EmotionRegistry.tsx"],"names":["React","createCache","useServerInsertedHTML","jsx","CacheProvider"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMO,SAAS,eAAA,CAAgB,EAAE,QAAA,EAAS,EAAkC;AAC3E,EAAA,MAAM,CAAC,EAAE,KAAA,EAAO,OAAO,CAAA,GAAUA,0BAAS,MAAM;AAC9C,IAAA,MAAM,IAAIC,4BAAA,CAAY,EAAE,KAAK,KAAA,EAAO,OAAA,EAAS,MAAM,CAAA;AACnD,IAAA,CAAA,CAAE,MAAA,GAAS,IAAA;AACX,IAAA,MAAM,UAAA,GAAa,CAAA,CAAE,MAAA,CAAO,IAAA,CAAK,CAAC,CAAA;AAClC,IAAA,IAAI,WAAqB,EAAC;AAC1B,IAAA,CAAA,CAAE,MAAA,GAAS,IAAI,IAAA,KAAsC;AACnD,MAAA,MAAM,UAAA,GAAa,KAAK,CAAC,CAAA;AACzB,MAAA,IAAI,CAAA,CAAE,QAAA,CAAS,UAAA,CAAW,IAAI,MAAM,MAAA,EAAW;AAC7C,QAAA,QAAA,CAAS,IAAA,CAAK,WAAW,IAAI,CAAA;AAAA,MAC/B;AACA,MAAA,OAAO,UAAA,CAAW,GAAG,IAAI,CAAA;AAAA,IAC3B,CAAA;AACA,IAAA,OAAO;AAAA,MACL,KAAA,EAAO,CAAA;AAAA,MACP,OAAO,MAAM;AACX,QAAA,MAAM,CAAA,GAAI,QAAA;AACV,QAAA,QAAA,GAAW,EAAC;AACZ,QAAA,OAAO,CAAA;AAAA,MACT;AAAA,KACF;AAAA,EACF,CAAC,CAAA;AAED,EAAAC,gCAAA,CAAsB,MAAM;AAC1B,IAAA,MAAM,QAAQ,KAAA,EAAM;AACpB,IAAA,IAAI,CAAC,KAAA,CAAM,MAAA,EAAQ,OAAO,IAAA;AAC1B,IAAA,uBACEC,cAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACC,cAAA,EAAc,GAAG,KAAA,CAAM,GAAG,IAAI,KAAA,CAAM,IAAA,CAAK,GAAG,CAAC,CAAA,CAAA;AAAA,QAC7C,uBAAA,EAAyB,EAAE,MAAA,EAAQ,KAAA,CAAM,IAAI,CAAC,CAAA,KAAM,KAAA,CAAM,QAAA,CAAS,CAAC,CAAC,CAAA,CAAE,IAAA,CAAK,EAAE,CAAA;AAAE;AAAA,KAClF;AAAA,EAEJ,CAAC,CAAA;AAED,EAAA,uBAAOA,cAAA,CAACC,mBAAA,EAAA,EAAc,KAAA,EAAO,KAAA,EAAQ,QAAA,EAAS,CAAA;AAChD","file":"EmotionRegistry.cjs","sourcesContent":["'use client';\nimport * as React from 'react';\nimport { useServerInsertedHTML } from 'next/navigation';\nimport { CacheProvider } from '@emotion/react';\nimport createCache from '@emotion/cache';\n\nexport function EmotionRegistry({ children }: { children: React.ReactNode }) {\n  const [{ cache, flush }] = React.useState(() => {\n    const c = createCache({ key: 'css', prepend: true });\n    c.compat = true;\n    const prevInsert = c.insert.bind(c);\n    let inserted: string[] = [];\n    c.insert = (...args: Parameters<typeof c.insert>) => {\n      const serialized = args[1];\n      if (c.inserted[serialized.name] === undefined) {\n        inserted.push(serialized.name);\n      }\n      return prevInsert(...args);\n    };\n    return {\n      cache: c,\n      flush: () => {\n        const s = inserted;\n        inserted = [];\n        return s;\n      },\n    };\n  });\n\n  useServerInsertedHTML(() => {\n    const names = flush();\n    if (!names.length) return null;\n    return (\n      <style\n        data-emotion={`${cache.key} ${names.join(' ')}`}\n        dangerouslySetInnerHTML={{ __html: names.map((n) => cache.inserted[n]).join('') }}\n      />\n    );\n  });\n\n  return <CacheProvider value={cache}>{children}</CacheProvider>;\n}\n"]}

package/dist/ssr/EmotionRegistry.js

@@ -1,46 +0,0 @@
-'use client';
-import * as React from 'react';
-import { useServerInsertedHTML } from 'next/navigation';
-import { CacheProvider } from '@emotion/react';
-import createCache from '@emotion/cache';
-import { jsx } from 'react/jsx-runtime';
-
-function EmotionRegistry({ children }) {
-  const [{ cache, flush }] = React.useState(() => {
-    const c = createCache({ key: "css", prepend: true });
-    c.compat = true;
-    const prevInsert = c.insert.bind(c);
-    let inserted = [];
-    c.insert = (...args) => {
-      const serialized = args[1];
-      if (c.inserted[serialized.name] === void 0) {
-        inserted.push(serialized.name);
-      }
-      return prevInsert(...args);
-    };
-    return {
-      cache: c,
-      flush: () => {
-        const s = inserted;
-        inserted = [];
-        return s;
-      }
-    };
-  });
-  useServerInsertedHTML(() => {
-    const names = flush();
-    if (!names.length) return null;
-    return /* @__PURE__ */ jsx(
-      "style",
-      {
-        "data-emotion": `${cache.key} ${names.join(" ")}`,
-        dangerouslySetInnerHTML: { __html: names.map((n) => cache.inserted[n]).join("") }
-      }
-    );
-  });
-  return /* @__PURE__ */ jsx(CacheProvider, { value: cache, children });
-}
-
-export { EmotionRegistry };
-//# sourceMappingURL=EmotionRegistry.js.map
-//# sourceMappingURL=EmotionRegistry.js.map

package/dist/ssr/EmotionRegistry.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/ssr/EmotionRegistry.tsx"],"names":[],"mappings":";;;;;;AAMO,SAAS,eAAA,CAAgB,EAAE,QAAA,EAAS,EAAkC;AAC3E,EAAA,MAAM,CAAC,EAAE,KAAA,EAAO,OAAO,CAAA,GAAU,eAAS,MAAM;AAC9C,IAAA,MAAM,IAAI,WAAA,CAAY,EAAE,KAAK,KAAA,EAAO,OAAA,EAAS,MAAM,CAAA;AACnD,IAAA,CAAA,CAAE,MAAA,GAAS,IAAA;AACX,IAAA,MAAM,UAAA,GAAa,CAAA,CAAE,MAAA,CAAO,IAAA,CAAK,CAAC,CAAA;AAClC,IAAA,IAAI,WAAqB,EAAC;AAC1B,IAAA,CAAA,CAAE,MAAA,GAAS,IAAI,IAAA,KAAsC;AACnD,MAAA,MAAM,UAAA,GAAa,KAAK,CAAC,CAAA;AACzB,MAAA,IAAI,CAAA,CAAE,QAAA,CAAS,UAAA,CAAW,IAAI,MAAM,MAAA,EAAW;AAC7C,QAAA,QAAA,CAAS,IAAA,CAAK,WAAW,IAAI,CAAA;AAAA,MAC/B;AACA,MAAA,OAAO,UAAA,CAAW,GAAG,IAAI,CAAA;AAAA,IAC3B,CAAA;AACA,IAAA,OAAO;AAAA,MACL,KAAA,EAAO,CAAA;AAAA,MACP,OAAO,MAAM;AACX,QAAA,MAAM,CAAA,GAAI,QAAA;AACV,QAAA,QAAA,GAAW,EAAC;AACZ,QAAA,OAAO,CAAA;AAAA,MACT;AAAA,KACF;AAAA,EACF,CAAC,CAAA;AAED,EAAA,qBAAA,CAAsB,MAAM;AAC1B,IAAA,MAAM,QAAQ,KAAA,EAAM;AACpB,IAAA,IAAI,CAAC,KAAA,CAAM,MAAA,EAAQ,OAAO,IAAA;AAC1B,IAAA,uBACE,GAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACC,cAAA,EAAc,GAAG,KAAA,CAAM,GAAG,IAAI,KAAA,CAAM,IAAA,CAAK,GAAG,CAAC,CAAA,CAAA;AAAA,QAC7C,uBAAA,EAAyB,EAAE,MAAA,EAAQ,KAAA,CAAM,IAAI,CAAC,CAAA,KAAM,KAAA,CAAM,QAAA,CAAS,CAAC,CAAC,CAAA,CAAE,IAAA,CAAK,EAAE,CAAA;AAAE;AAAA,KAClF;AAAA,EAEJ,CAAC,CAAA;AAED,EAAA,uBAAO,GAAA,CAAC,aAAA,EAAA,EAAc,KAAA,EAAO,KAAA,EAAQ,QAAA,EAAS,CAAA;AAChD","file":"EmotionRegistry.js","sourcesContent":["'use client';\nimport * as React from 'react';\nimport { useServerInsertedHTML } from 'next/navigation';\nimport { CacheProvider } from '@emotion/react';\nimport createCache from '@emotion/cache';\n\nexport function EmotionRegistry({ children }: { children: React.ReactNode }) {\n  const [{ cache, flush }] = React.useState(() => {\n    const c = createCache({ key: 'css', prepend: true });\n    c.compat = true;\n    const prevInsert = c.insert.bind(c);\n    let inserted: string[] = [];\n    c.insert = (...args: Parameters<typeof c.insert>) => {\n      const serialized = args[1];\n      if (c.inserted[serialized.name] === undefined) {\n        inserted.push(serialized.name);\n      }\n      return prevInsert(...args);\n    };\n    return {\n      cache: c,\n      flush: () => {\n        const s = inserted;\n        inserted = [];\n        return s;\n      },\n    };\n  });\n\n  useServerInsertedHTML(() => {\n    const names = flush();\n    if (!names.length) return null;\n    return (\n      <style\n        data-emotion={`${cache.key} ${names.join(' ')}`}\n        dangerouslySetInnerHTML={{ __html: names.map((n) => cache.inserted[n]).join('') }}\n      />\n    );\n  });\n\n  return <CacheProvider value={cache}>{children}</CacheProvider>;\n}\n"]}