@treely/strapi-slices 4.4.7 → 5.0.0

package/README.md

@@ -63,17 +63,19 @@ Install the package:
 
 ```bash
 npm install @treely/strapi-slices
+npm install boemly
 ```
 
 Use the slices:
 
-```typescript
+```tsx
 import {
   IStrapiData,
   SliceRenderer,
   StrapiBlogPost,
   StrapiCustomerStory,
 } from '@treely/strapi-slices';
+import { BoemlyThemeProvider } from 'boemly';
 
 // Get the slices, blog posts, and customer stories from Strapi
 // Get the projects from the FPM API
@@ -83,11 +85,13 @@ const projects: PortfolioProject[] = [];
 const customerStories: IStrapiData<StrapiCustomerStory> = [];
 
 const App = (): JSX.Element => (
-  <SliceRenderer
-    slices={slices}
-    blogPosts={blogPosts}
-    projects={projects}
-    customerStories={customerStories}
-  />
+  <BoemlyThemeProvider>
+    <SliceRenderer
+      slices={slices}
+      blogPosts={blogPosts}
+      projects={projects}
+      customerStories={customerStories}
+    />
+  </BoemlyThemeProvider>
 );
 ```

package/dist/constants/fontStyle.d.ts

@@ -0,0 +1 @@
+export declare const FONT_STYLE: import("@emotion/utils").SerializedStyles;

package/dist/strapi-slices.cjs.development.js

@@ -2386,14 +2386,7 @@ var unitMessagesEn = {
 var rootMessagesEn = /*#__PURE__*/_extends({}, messagesEn$5, messagesEn$4, messagesEn$1, messagesEn$3, messagesEn$2, messagesEn$c, messagesEn$b, messagesEn$a, messagesEn$9, messagesEn$8, messagesEn$7, messagesEn$6, messagesEn, unitMessagesEn);
 
 var _templateObject$4;
-var GLOBAL_STYLE = /*#__PURE__*/react$1.css(_templateObject$4 || (_templateObject$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  // GintoNord\n  @font-face {\n    font-family: 'GintoNord';\n    src: url('", "/assets/v3/fonts/ABCGintoNord-Bold.woff2')\n      format('woff2');\n    font-style: normal;\n    font-weight: 700;\n    font-display: block;\n  }\n  // Inter\n  @font-face {\n    font-family: 'Inter';\n    src: url('", "/assets/v3/fonts/Inter-Regular.woff2') format('woff2');\n    font-style: normal;\n    font-weight: 400;\n    font-display: block;\n  }\n  @font-face {\n    font-family: 'Inter';\n    src: url('", "/assets/v3/fonts/Inter-Medium.woff2') format('woff2');\n    font-style: normal;\n    font-weight: 500;\n    font-display: block;\n  }\n  @font-face {\n    font-family: 'Inter';\n    src: url('", "/assets/v3/fonts/Inter-SemiBold.woff2') format('woff2');\n    font-style: normal;\n    font-weight: 600;\n    font-display: block;\n  }\n  @font-face {\n    font-family: 'Inter';\n    src: url('", "/assets/v3/fonts/Inter-Bold.woff2') format('woff2');\n    font-style: normal;\n    font-weight: 700;\n    font-display: block;\n  }\n  // SpaceMono\n  @font-face {\n    font-family: 'SpaceMono';\n    src: url('", "/assets/v3/fonts/SpaceMono-Bold.woff2') format('woff2');\n    font-style: normal;\n    font-weight: 700;\n    font-display: block;\n  }\n\n  :root {\n    --default-hero-height: calc(100vh - var(--boemly-space-24));\n  }\n\n  a {\n    text-decoration: none;\n  }\n"])), CDN_URI, CDN_URI, CDN_URI, CDN_URI, CDN_URI, CDN_URI);
-
-var FONT_CUSTOMIZATIONS = {
-  body: 'Inter',
-  heading: 'Inter',
-  display: 'GintoNord',
-  mono: 'SpaceMono'
-};
+var GLOBAL_STYLE = /*#__PURE__*/react$1.css(_templateObject$4 || (_templateObject$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  :root {\n    --default-hero-height: calc(100vh - var(--boemly-space-24));\n  }\n\n  a {\n    text-decoration: none;\n  }\n"])));
 
 var cache = /*#__PURE__*/reactIntl.createIntlCache();
 var intlFactory = function intlFactory(locale) {
@@ -2409,9 +2402,7 @@ var IntlContext = /*#__PURE__*/React.createContext( /*#__PURE__*/intlFactory('en
 var ContextProvider = function ContextProvider(_ref) {
   var children = _ref.children,
     locale = _ref.locale;
-  return React__default.default.createElement(boemly.BoemlyThemeProvider, {
-    fonts: FONT_CUSTOMIZATIONS
-  }, React__default.default.createElement(react$1.Global, {
+  return React__default.default.createElement(React__default.default.Fragment, null, React__default.default.createElement(react$1.Global, {
     styles: {
       GLOBAL_STYLE: GLOBAL_STYLE
     }
@@ -2799,6 +2790,13 @@ var mergeBoundingBoxes = function mergeBoundingBoxes(boundingBoxes) {
   return [minLeft, minBottom, maxRight, maxTop];
 };
 
+var FONT_CUSTOMIZATIONS = {
+  body: 'Inter',
+  heading: 'Inter',
+  display: 'GintoNord',
+  mono: 'SpaceMono'
+};
+
 var messages = {
   en: rootMessagesEn,
   de: rootMessagesDe