@gpichot/spectacle-deck 1.0.4 → 1.0.7

package/index.cjs

@@ -31,6 +31,8 @@ __export(src_exports, {
   Danger: () => Danger,
   Deck: () => Deck,
   Doc: () => Doc,
+  DocItem: () => DocItem,
+  Documentation: () => Documentation,
   FilePane: () => FilePane,
   HorizontalList: () => HorizontalList,
   HorizontalListItem: () => HorizontalListItem,
@@ -755,7 +757,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 +945,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 +965,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 +1059,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%",
@@ -1517,6 +1520,12 @@ function Side({ children }) {
   return /* @__PURE__ */ import_react19.default.createElement("div", null, children);
 }
 Side.mdxType = "Side";
+function Documentation({ children }) {
+  return /* @__PURE__ */ import_react19.default.createElement("div", null, children);
+}
+function DocItem({ children }) {
+  return /* @__PURE__ */ import_react19.default.createElement("div", null, children);
+}
 
 // <stdin>
 module.exports = src_exports;

package/index.d.ts

@@ -45,3 +45,9 @@ export declare function Side({ children }: {
 export declare namespace Side {
     var mdxType: string;
 }
+export declare function Documentation({ children }: {
+    children: React.ReactNode;
+}): React.JSX.Element;
+export declare function DocItem({ children }: {
+    children: React.ReactNode;
+}): React.JSX.Element;

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%",
@@ -1475,10 +1476,18 @@ function Side({ children }) {
   return /* @__PURE__ */ React19.createElement("div", null, children);
 }
 Side.mdxType = "Side";
+function Documentation({ children }) {
+  return /* @__PURE__ */ React19.createElement("div", null, children);
+}
+function DocItem({ children }) {
+  return /* @__PURE__ */ React19.createElement("div", null, children);
+}
 export {
   Danger,
   Deck,
   Doc,
+  DocItem,
+  Documentation,
   FilePane,
   HorizontalList,
   HorizontalListItem,

package/package.json

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