@gpichot/spectacle-deck 1.0.0

package/index.css

@@ -0,0 +1,61 @@
+/* src/components/Timeline.module.scss */
+.timeline {
+  display: flex;
+  position: relative;
+  flex-flow: row nowrap;
+  align-items: center;
+}
+.timelineItem {
+  flex: 1;
+  display: inline-flex;
+}
+.timelineItem .timelineItemContentPhantom {
+  opacity: 0;
+}
+.timelineItem:nth-child(odd),
+.timelineItem:nth-child(odd) .timelineItemContent {
+  flex-direction: column;
+}
+.timelineItem:nth-child(even),
+.timelineItem:nth-child(even) .timelineItemContent {
+  flex-direction: column-reverse;
+}
+.timelineItemGuide {
+  width: 100%;
+  padding-top: 2px;
+  display: flex;
+  flex-flow: row;
+  align-items: center;
+}
+.timelineItemGuide svg {
+  height: 28px;
+  width: 28px;
+  margin-right: 4px;
+}
+.timelineItemGuide svg path {
+  fill: #ffffff;
+}
+.timelineItemGuide .timelineItemGuideLine {
+  border-top: 4px solid #ffffff;
+  margin-right: 4px;
+}
+.timelineItemContent {
+  display: flex;
+  padding: 0.7rem 0 1rem 12px;
+}
+.timelineItemBody,
+.timelineItemBody > * {
+  font-size: 1.3rem !important;
+  color: #ffffff !important;
+}
+.timelineItemTitle {
+  font-family:
+    Bitter,
+    "Helvetica Neue",
+    Helvetica,
+    Arial,
+    sans-serif;
+  font-size: 1rem;
+  font-weight: bold;
+  color: rgba(255, 255, 255, 0.7333333333);
+}

package/index.d.ts

@@ -0,0 +1,47 @@
+import React from "react";
+export { default as FilePane } from "./components/FilePane";
+export { ItemsColumn } from "./components/ItemsColumn";
+export { Image } from "./components/Image";
+export { default as HorizontalList, HorizontalListItem, } from "./components/HorizontalList";
+export { default as Timeline, TimelineItem } from "./components/Timeline";
+export { IconBox } from "./components/IconBox";
+export type SlideType = {
+    metadata: Record<string, unknown> & {
+        layout?: string;
+    };
+    slideComponent: React.ElementType<unknown>;
+};
+export type DeckType = {
+    metadata: Record<string, unknown>;
+    slides: SlideType[];
+};
+export declare function PassThrough({ children }: {
+    children: React.ReactNode;
+}): React.JSX.Element;
+export declare function Layout({ children, frontmatter, }: {
+    children: React.ReactNode;
+    frontmatter: {
+        layout?: string;
+    };
+}): React.JSX.Element;
+export declare function Deck({ deck }: {
+    deck: DeckType;
+}): React.JSX.Element;
+export declare function Danger({ children }: {
+    children: React.ReactNode;
+}): React.JSX.Element;
+export declare function Doc({ children }: {
+    children: React.ReactNode;
+}): React.JSX.Element;
+export declare function Information({ children }: {
+    children: React.ReactNode;
+}): React.JSX.Element;
+export declare function Success({ children }: {
+    children: React.ReactNode;
+}): React.JSX.Element;
+export declare function Side({ children }: {
+    children: React.ReactNode;
+}): React.JSX.Element;
+export declare namespace Side {
+    var mdxType: string;
+}