@gpichot/spectacle-deck 1.0.4 → 1.0.6

package/index.cjs

@@ -755,7 +755,7 @@ var HeadingThree = import_styled_components8.default.h3`
 var import_react12 = __toESM(require("react"));
 var import_react_is = __toESM(require("react-is"));
 var import_react_syntax_highlighter = require("react-syntax-highlighter");
-var import_gruvbox_dark = __toESM(require("react-syntax-highlighter/dist/cjs/styles/prism/gruvbox-dark"));
+var import_prism = require("react-syntax-highlighter/dist/esm/styles/prism");
 var import_spectacle4 = require("spectacle");
 var import_styled_components9 = __toESM(require("styled-components"));
 
@@ -943,7 +943,7 @@ function CodeStepper({
     hasSteps,
     hasName
   } = useCodeSteps(code);
-  return /* @__PURE__ */ import_react12.default.createElement(CodeContainer, null, import_meta.env.DEV && Boolean(prefixes == null ? void 0 : prefixes.length) && /* @__PURE__ */ import_react12.default.createElement("div", { style: { position: "absolute", top: 0, opacity: 0.5, left: 0 } }, /* @__PURE__ */ import_react12.default.createElement(Highlighter, { language, style: import_gruvbox_dark.default }, prefixes.join(""))), /* @__PURE__ */ import_react12.default.createElement(
+  return /* @__PURE__ */ import_react12.default.createElement(CodeContainer, null, import_meta.env.DEV && Boolean(prefixes == null ? void 0 : prefixes.length) && /* @__PURE__ */ import_react12.default.createElement("div", { style: { position: "absolute", top: 0, opacity: 0.5, left: 0 } }, /* @__PURE__ */ import_react12.default.createElement(Highlighter, { language, style: import_prism.gruvboxDark }, prefixes.join(""))), /* @__PURE__ */ import_react12.default.createElement(
     import_spectacle4.Stepper,
     {
       values: steps,
@@ -963,7 +963,7 @@ function CodeStepper({
           language,
           wrapLines: true,
           showLineNumbers: true,
-          style: import_gruvbox_dark.default,
+          style: import_prism.gruvboxDark,
           lineNumberStyle: (lineNumber) => {
             const { highlight = [] } = step || {};
             const isHighlighted = highlight.includes(lineNumber);
@@ -1057,9 +1057,10 @@ var componentsMap = {
     CustomHeading,
     {
       fontSize: "h1",
-      fontWeight: 400,
       color: "white",
       style: {
+        fontWeight: 500,
+        fontFamily: 'Bitter,"Helvetica Neue",Helvetica,Arial,sans-serif',
         fontSize: 67,
         flex: "0 1 65vw",
         maxWidth: "65%",

package/index.mjs

@@ -714,7 +714,7 @@ var HeadingThree = styled8.h3`
 import React12 from "react";
 import ReactIs from "react-is";
 import { Prism as SyntaxHighlighter } from "react-syntax-highlighter";
-import gruvboxDark from "react-syntax-highlighter/dist/cjs/styles/prism/gruvbox-dark";
+import { gruvboxDark } from "react-syntax-highlighter/dist/esm/styles/prism";
 import { Stepper } from "spectacle";
 import styled9 from "styled-components";
 
@@ -1015,9 +1015,10 @@ var componentsMap = {
     CustomHeading,
     {
       fontSize: "h1",
-      fontWeight: 400,
       color: "white",
       style: {
+        fontWeight: 500,
+        fontFamily: 'Bitter,"Helvetica Neue",Helvetica,Arial,sans-serif',
         fontSize: 67,
         flex: "0 1 65vw",
         maxWidth: "65%",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gpichot/spectacle-deck",
-  "version": "1.0.4",
+  "version": "1.0.6",
   "license": "MIT",
   "type": "module",
   "main": "index.cjs",