@enhanced-dom/slides 0.1.0 → 0.2.0

package/components/scroll-top/scroll-top.style.pcss.d.ts

@@ -1,4 +1,4 @@
-export const branding: string
-export const brandingBack: string
-export const brandingFront: string
-export const scrollIcon: string
+export const branding: string;
+export const brandingBack: string;
+export const brandingFront: string;
+export const scrollIcon: string;

package/components/shell/header.component.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const ShellHeader: ({ title, author, profileLink, date, variant, }: {
     title: string;
     author: string;

package/components/shell/shell.component.d.ts

@@ -1,15 +1,15 @@
 import { type Theme } from 'theme-ui';
-import { type ComponentProps, type FC, type ReactNode } from 'react';
+import { type ComponentProps, type FC, type PropsWithChildren, type ReactNode } from 'react';
 import { MDXProvider } from '@mdx-js/react';
 import { ShellHeader } from './header.component';
 declare const BrandingSlot: ({ children }: {
     children?: ReactNode;
-}) => import("react").JSX.Element;
-declare const ContentsSlot: FC<ComponentProps<typeof ShellHeader>>;
-export declare const Shell: FC<{
+}) => ReactNode;
+declare const ContentsSlot: ({ children, ...rest }: PropsWithChildren<ComponentProps<typeof ShellHeader>>) => import("react").JSX.Element;
+export declare const Shell: FC<PropsWithChildren<{
     theme?: Theme;
     variant?: string;
-}> & {
+}>> & {
     Branding: typeof BrandingSlot;
     Contents: typeof ContentsSlot;
     mdxComponents: ComponentProps<typeof MDXProvider>['components'];

package/components/shell/shell.component.js

@@ -1,4 +1,4 @@
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "theme-ui/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "theme-ui/jsx-runtime";
 import { ThemeUIProvider } from 'theme-ui';
 import { Themed } from '@theme-ui/mdx';
 import { Global } from '@emotion/react';
@@ -9,7 +9,7 @@ import { ShellHeader } from './header.component';
 import { ScrollTop } from '../scroll-top';
 import { Heading2 } from '../toc';
 const BrandingSlot = ({ children }) => {
-    return _jsx(_Fragment, { children: children });
+    return children;
 };
 const ContentsSlot = ({ children, ...rest }) => {
     return (_jsxs(_Fragment, { children: [_jsx(ShellHeader, { ...rest }), children || null] }));

package/components/toc/heading2.component.js

@@ -3,7 +3,7 @@ import { useCallback, useMemo, useState } from 'react';
 import classnames from 'classnames';
 import { faLink } from '@fortawesome/free-solid-svg-icons';
 import { faClipboard } from '@fortawesome/free-regular-svg-icons';
-import * as styles from './toc.style.pcss';
+import * as styles from './heading2.style.pcss';
 import { Icon } from '../icon.component';
 export const Heading2 = ({ children, id, className, ...forwarded }) => {
     const anchorRef = id !== null && id !== void 0 ? id : children.toLowerCase().replace(/\s/, '-');

package/components/toc/heading2.style.pcss.d.ts

@@ -0,0 +1,4 @@
+export const anchor: string;
+export const copied: string;
+export const heading: string;
+export const icon: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@enhanced-dom/slides",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "description": "Basic building blocks for html slides",
   "keywords": [],
   "repository": "https://github.com/enhanced-dom/slides.git",
@@ -8,29 +8,29 @@
   "author": "CD9B4A105290E17E0948E021DF4105107C88693C59C0B891CCC08366C51AEA990902A6A156AC87D88A2FC41422A5E1C3C4071F251F19441C4516000EC25F87DF",
   "main": "index.js",
   "dependencies": {
-    "@emotion/react": "^11.11.3",
-    "@enhanced-dom/fontawesome": "^0.1.0",
-    "@enhanced-dom/gatsby-waves": "^0.1.0",
-    "@enhanced-dom/icon": "^0.1.0",
-    "@enhanced-dom/react": "^0.1.0",
-    "@fontsource/montserrat": "^5.0.16",
-    "@fontsource/noto-serif": "^5.0.18",
-    "@mdx-js/react": "^3.0.1",
-    "@theme-ui/typography": "^0.16.2",
+    "@emotion/react": "^11.14.0",
+    "@enhanced-dom/fontawesome": "~0.3.0",
+    "@enhanced-dom/gatsby-waves": "~0.1.0",
+    "@enhanced-dom/icon": "~0.2.0",
+    "@enhanced-dom/react": "~0.2.0",
+    "@fontsource/montserrat": "^5.2.8",
+    "@fontsource/noto-serif": "^5.2.9",
+    "@mdx-js/react": "^3.1.1",
+    "@theme-ui/typography": "^0.17.2",
     "deepmerge": "^4.3.1",
     "lodash.pick": "^4.4.0",
-    "react-card-flip": "^1.2.2",
+    "react-card-flip": "^1.2.3",
     "typography-theme-wordpress-2016": "^0.16.19"
   },
   "devDependencies": {
-    "@enhanced-dom/lint": "^0.1.4",
-    "@enhanced-dom/webpack": "^0.1.0",
+    "@enhanced-dom/lint": "~0.2.1",
+    "@enhanced-dom/webpack": "~0.3.0",
     "@types/lodash.pick": "^4.4.9",
-    "@types/react": "^17.0.75",
-    "@types/react-dom": "^17.0.25"
+    "@types/react": "^18.3.27",
+    "@types/react-dom": "^18.3.7"
   },
   "engines": {
-    "node": ">=18",
+    "node": ">=20",
     "npm": ">=10"
   }
 }

package/components/toc/toc.style.pcss.d.ts

@@ -1,4 +0,0 @@
-export const heading: string
-export const icon: string
-export const copied: string
-export const anchor: string