@gpichot/spectacle-deck 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/CodeStepper/CodeStepper.d.ts +9 -0
- package/components/CodeStepper/code-directives.d.ts +27 -0
- package/components/FilePane.d.ts +9 -0
- package/components/HorizontalList.d.ts +12 -0
- package/components/IconBox.d.ts +5 -0
- package/components/Image.d.ts +7 -0
- package/components/ItemsColumn.d.ts +2 -0
- package/components/Timeline.d.ts +6 -0
- package/components/map.d.ts +185 -0
- package/components/styled.d.ts +1097 -0
- package/index.cjs +1224 -0
- package/index.css +61 -0
- package/index.d.ts +47 -0
- package/index.mjs +1197 -0
- package/layouts/MainSectionLayout.d.ts +4 -0
- package/layouts/SectionLayout.d.ts +274 -0
- package/layouts/SideCodeLayout.d.ts +5 -0
- package/layouts/SideImageLayout.d.ts +7 -0
- package/layouts/SideLayout.d.ts +5 -0
- package/layouts/columns.d.ts +5 -0
- package/layouts/index.d.ts +290 -0
- package/layouts/styled.d.ts +283 -0
- package/layouts/utils.d.ts +9 -0
- package/package.json +30 -0
- package/template.d.ts +5 -0
- package/theme.d.ts +24 -0
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
declare function CodeStepper({ priority, name, ...props }: React.ComponentProps<"pre"> & {
|
|
3
|
+
priority?: number;
|
|
4
|
+
name?: string;
|
|
5
|
+
}): React.JSX.Element;
|
|
6
|
+
declare namespace CodeStepper {
|
|
7
|
+
var mdxType: string;
|
|
8
|
+
}
|
|
9
|
+
export default CodeStepper;
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* The Code Stepper component is a component that allows you to step through
|
|
3
|
+
* the code using familiar directives.
|
|
4
|
+
*
|
|
5
|
+
* @example "@step showLines(1-3)" will show lines 1-3
|
|
6
|
+
* @example "@step highlight(1-3)" will highlight lines 1-3
|
|
7
|
+
*
|
|
8
|
+
*/
|
|
9
|
+
type StepDirective = {
|
|
10
|
+
showLines?: number[];
|
|
11
|
+
highlight?: number[];
|
|
12
|
+
name?: string;
|
|
13
|
+
};
|
|
14
|
+
export type Step = {
|
|
15
|
+
hiddenLines: number[];
|
|
16
|
+
highlight: number[];
|
|
17
|
+
name?: string;
|
|
18
|
+
};
|
|
19
|
+
/**
|
|
20
|
+
* Reduce steps directives
|
|
21
|
+
*/
|
|
22
|
+
export declare function combineStepDirectives(directives: StepDirective[]): Step[];
|
|
23
|
+
/**
|
|
24
|
+
* Parse step directives
|
|
25
|
+
*/
|
|
26
|
+
export declare function parseStepDirectives(directives: string[]): Step[];
|
|
27
|
+
export {};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
declare function FilePane({ name, children, priority, ...divProps }: React.ComponentProps<"div"> & {
|
|
3
|
+
name: string;
|
|
4
|
+
priority?: number;
|
|
5
|
+
}): string | number | boolean | React.ReactElement<any, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode>;
|
|
6
|
+
declare namespace FilePane {
|
|
7
|
+
var mdxType: string;
|
|
8
|
+
}
|
|
9
|
+
export default FilePane;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
export default function HorizontalList({ children, columns, }: {
|
|
3
|
+
columns?: number;
|
|
4
|
+
children: React.ReactNode;
|
|
5
|
+
}): React.JSX.Element;
|
|
6
|
+
export declare function HorizontalListItem({ title, children, position, isVisible, isLast, }: {
|
|
7
|
+
title: string;
|
|
8
|
+
position: number;
|
|
9
|
+
isVisible?: boolean;
|
|
10
|
+
isLast?: boolean;
|
|
11
|
+
children: React.ReactNode;
|
|
12
|
+
}): React.JSX.Element;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
export default function Timeline(props: React.ComponentPropsWithoutRef<"div">): React.JSX.Element;
|
|
3
|
+
export declare function TimelineItem(props: React.ComponentPropsWithoutRef<"div"> & {
|
|
4
|
+
isPhantom?: boolean;
|
|
5
|
+
isLast?: boolean;
|
|
6
|
+
}): React.JSX.Element;
|
|
@@ -0,0 +1,185 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { Image } from "./styled";
|
|
3
|
+
import CodeStepper from "./CodeStepper/CodeStepper";
|
|
4
|
+
declare const componentsMap: {
|
|
5
|
+
readonly inlineCode: (props: React.ComponentPropsWithoutRef<"code">) => React.JSX.Element;
|
|
6
|
+
readonly table: (props: React.ComponentPropsWithoutRef<"table">) => React.JSX.Element;
|
|
7
|
+
readonly tr: (props: React.ComponentPropsWithoutRef<"tr">) => React.JSX.Element;
|
|
8
|
+
readonly td: (props: React.ComponentPropsWithoutRef<"td">) => React.JSX.Element;
|
|
9
|
+
readonly h1: (props: React.ComponentProps<"h1">) => React.JSX.Element;
|
|
10
|
+
readonly h2: (props: React.ComponentProps<"h2">) => React.JSX.Element;
|
|
11
|
+
readonly h3: (props: React.ComponentPropsWithoutRef<"h3">) => React.JSX.Element;
|
|
12
|
+
readonly img: (props: React.ComponentProps<typeof Image>) => React.JSX.Element;
|
|
13
|
+
readonly pre: typeof CodeStepper;
|
|
14
|
+
readonly li: (props: React.ComponentProps<"li">) => React.JSX.Element;
|
|
15
|
+
readonly Side: (props: React.ComponentProps<"div">) => React.JSX.Element;
|
|
16
|
+
readonly p: (props: React.ComponentProps<"p">) => React.JSX.Element;
|
|
17
|
+
readonly blockquote: (props: React.ComponentProps<"blockquote">) => React.JSX.Element;
|
|
18
|
+
readonly a: ({ children, ...props }: React.ComponentProps<"a">) => React.JSX.Element;
|
|
19
|
+
readonly symbol?: React.ElementType;
|
|
20
|
+
readonly object?: React.ElementType;
|
|
21
|
+
readonly div?: React.ElementType;
|
|
22
|
+
readonly abbr?: React.ElementType;
|
|
23
|
+
readonly address?: React.ElementType;
|
|
24
|
+
readonly area?: React.ElementType;
|
|
25
|
+
readonly article?: React.ElementType;
|
|
26
|
+
readonly aside?: React.ElementType;
|
|
27
|
+
readonly audio?: React.ElementType;
|
|
28
|
+
readonly b?: React.ElementType;
|
|
29
|
+
readonly base?: React.ElementType;
|
|
30
|
+
readonly bdi?: React.ElementType;
|
|
31
|
+
readonly bdo?: React.ElementType;
|
|
32
|
+
readonly big?: React.ElementType;
|
|
33
|
+
readonly body?: React.ElementType;
|
|
34
|
+
readonly br?: React.ElementType;
|
|
35
|
+
readonly button?: React.ElementType;
|
|
36
|
+
readonly canvas?: React.ElementType;
|
|
37
|
+
readonly caption?: React.ElementType;
|
|
38
|
+
readonly center?: React.ElementType;
|
|
39
|
+
readonly cite?: React.ElementType;
|
|
40
|
+
readonly code?: React.ElementType;
|
|
41
|
+
readonly col?: React.ElementType;
|
|
42
|
+
readonly colgroup?: React.ElementType;
|
|
43
|
+
readonly data?: React.ElementType;
|
|
44
|
+
readonly datalist?: React.ElementType;
|
|
45
|
+
readonly dd?: React.ElementType;
|
|
46
|
+
readonly del?: React.ElementType;
|
|
47
|
+
readonly details?: React.ElementType;
|
|
48
|
+
readonly dfn?: React.ElementType;
|
|
49
|
+
readonly dialog?: React.ElementType;
|
|
50
|
+
readonly dl?: React.ElementType;
|
|
51
|
+
readonly dt?: React.ElementType;
|
|
52
|
+
readonly em?: React.ElementType;
|
|
53
|
+
readonly embed?: React.ElementType;
|
|
54
|
+
readonly fieldset?: React.ElementType;
|
|
55
|
+
readonly figcaption?: React.ElementType;
|
|
56
|
+
readonly figure?: React.ElementType;
|
|
57
|
+
readonly footer?: React.ElementType;
|
|
58
|
+
readonly form?: React.ElementType;
|
|
59
|
+
readonly h4?: React.ElementType;
|
|
60
|
+
readonly h5?: React.ElementType;
|
|
61
|
+
readonly h6?: React.ElementType;
|
|
62
|
+
readonly head?: React.ElementType;
|
|
63
|
+
readonly header?: React.ElementType;
|
|
64
|
+
readonly hgroup?: React.ElementType;
|
|
65
|
+
readonly hr?: React.ElementType;
|
|
66
|
+
readonly html?: React.ElementType;
|
|
67
|
+
readonly i?: React.ElementType;
|
|
68
|
+
readonly iframe?: React.ElementType;
|
|
69
|
+
readonly input?: React.ElementType;
|
|
70
|
+
readonly ins?: React.ElementType;
|
|
71
|
+
readonly kbd?: React.ElementType;
|
|
72
|
+
readonly keygen?: React.ElementType;
|
|
73
|
+
readonly label?: React.ElementType;
|
|
74
|
+
readonly legend?: React.ElementType;
|
|
75
|
+
readonly link?: React.ElementType;
|
|
76
|
+
readonly main?: React.ElementType;
|
|
77
|
+
readonly map?: React.ElementType;
|
|
78
|
+
readonly mark?: React.ElementType;
|
|
79
|
+
readonly menu?: React.ElementType;
|
|
80
|
+
readonly menuitem?: React.ElementType;
|
|
81
|
+
readonly meta?: React.ElementType;
|
|
82
|
+
readonly meter?: React.ElementType;
|
|
83
|
+
readonly nav?: React.ElementType;
|
|
84
|
+
readonly noindex?: React.ElementType;
|
|
85
|
+
readonly noscript?: React.ElementType;
|
|
86
|
+
readonly ol?: React.ElementType;
|
|
87
|
+
readonly optgroup?: React.ElementType;
|
|
88
|
+
readonly option?: React.ElementType;
|
|
89
|
+
readonly output?: React.ElementType;
|
|
90
|
+
readonly param?: React.ElementType;
|
|
91
|
+
readonly picture?: React.ElementType;
|
|
92
|
+
readonly progress?: React.ElementType;
|
|
93
|
+
readonly q?: React.ElementType;
|
|
94
|
+
readonly rp?: React.ElementType;
|
|
95
|
+
readonly rt?: React.ElementType;
|
|
96
|
+
readonly ruby?: React.ElementType;
|
|
97
|
+
readonly s?: React.ElementType;
|
|
98
|
+
readonly samp?: React.ElementType;
|
|
99
|
+
readonly search?: React.ElementType;
|
|
100
|
+
readonly slot?: React.ElementType;
|
|
101
|
+
readonly script?: React.ElementType;
|
|
102
|
+
readonly section?: React.ElementType;
|
|
103
|
+
readonly select?: React.ElementType;
|
|
104
|
+
readonly small?: React.ElementType;
|
|
105
|
+
readonly source?: React.ElementType;
|
|
106
|
+
readonly span?: React.ElementType;
|
|
107
|
+
readonly strong?: React.ElementType;
|
|
108
|
+
readonly style?: React.ElementType;
|
|
109
|
+
readonly sub?: React.ElementType;
|
|
110
|
+
readonly summary?: React.ElementType;
|
|
111
|
+
readonly sup?: React.ElementType;
|
|
112
|
+
readonly template?: React.ElementType;
|
|
113
|
+
readonly tbody?: React.ElementType;
|
|
114
|
+
readonly textarea?: React.ElementType;
|
|
115
|
+
readonly tfoot?: React.ElementType;
|
|
116
|
+
readonly th?: React.ElementType;
|
|
117
|
+
readonly thead?: React.ElementType;
|
|
118
|
+
readonly time?: React.ElementType;
|
|
119
|
+
readonly title?: React.ElementType;
|
|
120
|
+
readonly track?: React.ElementType;
|
|
121
|
+
readonly u?: React.ElementType;
|
|
122
|
+
readonly ul?: React.ElementType;
|
|
123
|
+
readonly var?: React.ElementType;
|
|
124
|
+
readonly video?: React.ElementType;
|
|
125
|
+
readonly wbr?: React.ElementType;
|
|
126
|
+
readonly webview?: React.ElementType;
|
|
127
|
+
readonly svg?: React.ElementType;
|
|
128
|
+
readonly animate?: React.ElementType;
|
|
129
|
+
readonly animateMotion?: React.ElementType;
|
|
130
|
+
readonly animateTransform?: React.ElementType;
|
|
131
|
+
readonly circle?: React.ElementType;
|
|
132
|
+
readonly clipPath?: React.ElementType;
|
|
133
|
+
readonly defs?: React.ElementType;
|
|
134
|
+
readonly desc?: React.ElementType;
|
|
135
|
+
readonly ellipse?: React.ElementType;
|
|
136
|
+
readonly feBlend?: React.ElementType;
|
|
137
|
+
readonly feColorMatrix?: React.ElementType;
|
|
138
|
+
readonly feComponentTransfer?: React.ElementType;
|
|
139
|
+
readonly feComposite?: React.ElementType;
|
|
140
|
+
readonly feConvolveMatrix?: React.ElementType;
|
|
141
|
+
readonly feDiffuseLighting?: React.ElementType;
|
|
142
|
+
readonly feDisplacementMap?: React.ElementType;
|
|
143
|
+
readonly feDistantLight?: React.ElementType;
|
|
144
|
+
readonly feDropShadow?: React.ElementType;
|
|
145
|
+
readonly feFlood?: React.ElementType;
|
|
146
|
+
readonly feFuncA?: React.ElementType;
|
|
147
|
+
readonly feFuncB?: React.ElementType;
|
|
148
|
+
readonly feFuncG?: React.ElementType;
|
|
149
|
+
readonly feFuncR?: React.ElementType;
|
|
150
|
+
readonly feGaussianBlur?: React.ElementType;
|
|
151
|
+
readonly feImage?: React.ElementType;
|
|
152
|
+
readonly feMerge?: React.ElementType;
|
|
153
|
+
readonly feMergeNode?: React.ElementType;
|
|
154
|
+
readonly feMorphology?: React.ElementType;
|
|
155
|
+
readonly feOffset?: React.ElementType;
|
|
156
|
+
readonly fePointLight?: React.ElementType;
|
|
157
|
+
readonly feSpecularLighting?: React.ElementType;
|
|
158
|
+
readonly feSpotLight?: React.ElementType;
|
|
159
|
+
readonly feTile?: React.ElementType;
|
|
160
|
+
readonly feTurbulence?: React.ElementType;
|
|
161
|
+
readonly filter?: React.ElementType;
|
|
162
|
+
readonly foreignObject?: React.ElementType;
|
|
163
|
+
readonly g?: React.ElementType;
|
|
164
|
+
readonly image?: React.ElementType;
|
|
165
|
+
readonly line?: React.ElementType;
|
|
166
|
+
readonly linearGradient?: React.ElementType;
|
|
167
|
+
readonly marker?: React.ElementType;
|
|
168
|
+
readonly mask?: React.ElementType;
|
|
169
|
+
readonly metadata?: React.ElementType;
|
|
170
|
+
readonly mpath?: React.ElementType;
|
|
171
|
+
readonly path?: React.ElementType;
|
|
172
|
+
readonly pattern?: React.ElementType;
|
|
173
|
+
readonly polygon?: React.ElementType;
|
|
174
|
+
readonly polyline?: React.ElementType;
|
|
175
|
+
readonly radialGradient?: React.ElementType;
|
|
176
|
+
readonly rect?: React.ElementType;
|
|
177
|
+
readonly stop?: React.ElementType;
|
|
178
|
+
readonly switch?: React.ElementType;
|
|
179
|
+
readonly text?: React.ElementType;
|
|
180
|
+
readonly textPath?: React.ElementType;
|
|
181
|
+
readonly tspan?: React.ElementType;
|
|
182
|
+
readonly use?: React.ElementType;
|
|
183
|
+
readonly view?: React.ElementType;
|
|
184
|
+
};
|
|
185
|
+
export default componentsMap;
|