@mailstep/design-system 0.4.9-beta.2 → 0.4.9-beta.4

package/package.json

@@ -1,13 +1,14 @@
 {
   "name": "@mailstep/design-system",
-  "version": "0.4.9-beta.2",
+  "version": "0.4.9-beta.4",
   "license": "ISC",
   "type": "module",
   "main": "./ui/index.js",
   "module": "./ui/index.es.js",
   "types": "./ui/index.d.ts",
   "files": [
-    "ui", "assets"
+    "ui",
+    "assets"
   ],
   "scripts": {
     "storybook": "storybook dev -p 6006",
@@ -40,6 +41,7 @@
     "@types/node": "^20.1.7",
     "@types/react": "^18.2.6",
     "@types/react-dom": "^18.2.4",
+    "@types/react-helmet": "^6.1.11",
     "@types/react-router": "^5.1.20",
     "@types/react-router-dom": "^5.3.3",
     "@types/styled-components": "^5.1.26",
@@ -92,5 +94,8 @@
   },
   "resolutions": {
     "jackspeak": "2.1.1"
+  },
+  "dependencies": {
+    "react-helmet": "^6.1.0"
   }
 }

package/ui/Elements/Fonts/index.d.ts

@@ -1,2 +1,2 @@
-declare const Fonts: import("styled-components").GlobalStyleComponent<{}, import("styled-components").DefaultTheme>;
+declare const Fonts: () => import("react/jsx-runtime").JSX.Element;
 export default Fonts;

package/ui/Elements/Fonts/index.js

@@ -1,11 +1,7 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import { createGlobalStyle } from '@xstyled/styled-components';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Helmet } from 'react-helmet';
 import InterLightMailstep from '../../../assets/fonts/Inter-Light_mailstep.woff2';
 import InterRegularMailstep from '../../../assets/fonts/Inter-Regular_mailstep.woff2';
 import InterMediumMailstep from '../../../assets/fonts/Inter-Medium_mailstep.woff2';
-var Fonts = createGlobalStyle(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  @font-face {\n    font-family: 'Inter';\n    font-style: normal;\n    font-weight: 400; /* normal */\n    font-display: swap;\n    src: url(", ") format('woff2'); /* inter 300 */\n  }\n  \n  @font-face {\n    font-family: 'Inter';\n    font-style: normal;\n    font-weight: 600; /*  semiBold */\n    font-display: swap;\n    src: url(", ") format('woff2');\n  }\n  \n  @font-face {\n    font-family: 'Inter';\n    font-style: normal;\n    font-weight: 700; /*  bold */\n    font-display: swap;\n    src: url(", ") format('woff2');\n  }\n"], ["\n  @font-face {\n    font-family: 'Inter';\n    font-style: normal;\n    font-weight: 400; /* normal */\n    font-display: swap;\n    src: url(", ") format('woff2'); /* inter 300 */\n  }\n  \n  @font-face {\n    font-family: 'Inter';\n    font-style: normal;\n    font-weight: 600; /*  semiBold */\n    font-display: swap;\n    src: url(", ") format('woff2');\n  }\n  \n  @font-face {\n    font-family: 'Inter';\n    font-style: normal;\n    font-weight: 700; /*  bold */\n    font-display: swap;\n    src: url(", ") format('woff2');\n  }\n"])), InterLightMailstep, InterRegularMailstep, InterMediumMailstep);
+var Fonts = function () { return (_jsx(Helmet, { children: _jsx("style", { type: "text/css", children: "\n         @font-face {\n          font-family: 'Inter';\n          font-style: normal;\n          font-weight: 400; /* normal */\n          font-display: swap;\n          src: url(".concat(InterLightMailstep, ") format('woff2'); /* inter 300 */\n        }\n      \n        @font-face {\n          font-family: 'Inter';\n          font-style: normal;\n          font-weight: 600; /*  semiBold */\n          font-display: swap;\n          src: url(").concat(InterRegularMailstep, ") format('woff2');\n        }\n      \n        @font-face {\n          font-family: 'Inter';\n          font-style: normal;\n          font-weight: 700; /*  bold */\n          font-display: swap;\n          src: url(").concat(InterMediumMailstep, ") format('woff2');\n        }\n    ") }) })); };
 export default Fonts;
-var templateObject_1;