@gpichot/spectacle-deck 1.0.1 → 1.0.3

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.
Files changed (13) hide show
  1. package/components/Timeline.styled.d.ts +1633 -0
  2. package/components/map.d.ts +3 -3
  3. package/components/styled.d.ts +20 -20
  4. package/index.cjs +513 -199
  5. package/index.mjs +512 -198
  6. package/layouts/CenteredLayout.d.ts +2 -0
  7. package/layouts/Default3Layout.d.ts +5 -0
  8. package/layouts/SectionLayout.d.ts +5 -5
  9. package/layouts/index.d.ts +10 -5
  10. package/layouts/styled.d.ts +5 -5
  11. package/layouts/utils.d.ts +1 -0
  12. package/package.json +1 -2
  13. package/index.css +0 -61
package/layouts/CenteredLayout.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ import React from "react";
2
+ export declare const CenteredLayout: (props: React.ComponentPropsWithoutRef<"div">) => React.JSX.Element;
package/layouts/Default3Layout.d.ts ADDED
@@ -0,0 +1,5 @@
1
+ import React from "react";
2
+ export declare const Default3Layout: ({ children, position, }: {
3
+ children: React.ReactNode;
4
+ position?: "left" | "right";
5
+ }) => React.JSX.Element;
package/layouts/SectionLayout.d.ts CHANGED
@@ -50,11 +50,11 @@ export declare const SectionLayout: import("styled-components").IStyledComponent
50
50
  results?: number;
51
51
  security?: string;
52
52
  unselectable?: "on" | "off";
53
- inputMode?: "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal";
53
+ inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal";
54
54
  is?: string;
55
55
  "aria-activedescendant"?: string;
56
56
  "aria-atomic"?: boolean | "true" | "false";
57
- "aria-autocomplete"?: "none" | "list" | "inline" | "both";
57
+ "aria-autocomplete"?: "inline" | "none" | "list" | "both";
58
58
  "aria-braillelabel"?: string;
59
59
  "aria-brailleroledescription"?: string;
60
60
  "aria-busy"?: boolean | "true" | "false";
@@ -64,17 +64,17 @@ export declare const SectionLayout: import("styled-components").IStyledComponent
64
64
  "aria-colindextext"?: string;
65
65
  "aria-colspan"?: number;
66
66
  "aria-controls"?: string;
67
- "aria-current"?: boolean | "time" | "step" | "true" | "false" | "page" | "location" | "date";
67
+ "aria-current"?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date";
68
68
  "aria-describedby"?: string;
69
69
  "aria-description"?: string;
70
70
  "aria-details"?: string;
71
71
  "aria-disabled"?: boolean | "true" | "false";
72
- "aria-dropeffect"?: "none" | "link" | "copy" | "execute" | "move" | "popup";
72
+ "aria-dropeffect"?: "link" | "none" | "copy" | "execute" | "move" | "popup";
73
73
  "aria-errormessage"?: string;
74
74
  "aria-expanded"?: boolean | "true" | "false";
75
75
  "aria-flowto"?: string;
76
76
  "aria-grabbed"?: boolean | "true" | "false";
77
- "aria-haspopup"?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree";
77
+ "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "true" | "false" | "listbox" | "tree";
78
78
  "aria-hidden"?: boolean | "true" | "false";
79
79
  "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling";
80
80
  "aria-keyshortcuts"?: string;
package/layouts/index.d.ts CHANGED
@@ -6,6 +6,11 @@ declare const _default: {
6
6
  mainSection: ({ children, }: {
7
7
  children: import("react").ReactNode;
8
8
  }) => import("react").JSX.Element;
9
+ centered: (props: Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">) => import("react").JSX.Element;
10
+ default3: ({ children, position, }: {
11
+ children: import("react").ReactNode;
12
+ position?: "left" | "right";
13
+ }) => import("react").JSX.Element;
9
14
  sidedCode: typeof SidedCodeLayout;
10
15
  sidedImage: ({ children, image, position, height, }: {
11
16
  children: import("react").ReactNode;
@@ -64,11 +69,11 @@ declare const _default: {
64
69
  results?: number;
65
70
  security?: string;
66
71
  unselectable?: "on" | "off";
67
- inputMode?: "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal";
72
+ inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal";
68
73
  is?: string;
69
74
  "aria-activedescendant"?: string;
70
75
  "aria-atomic"?: boolean | "true" | "false";
71
- "aria-autocomplete"?: "none" | "list" | "inline" | "both";
76
+ "aria-autocomplete"?: "inline" | "none" | "list" | "both";
72
77
  "aria-braillelabel"?: string;
73
78
  "aria-brailleroledescription"?: string;
74
79
  "aria-busy"?: boolean | "true" | "false";
@@ -78,17 +83,17 @@ declare const _default: {
78
83
  "aria-colindextext"?: string;
79
84
  "aria-colspan"?: number;
80
85
  "aria-controls"?: string;
81
- "aria-current"?: boolean | "time" | "step" | "true" | "false" | "page" | "location" | "date";
86
+ "aria-current"?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date";
82
87
  "aria-describedby"?: string;
83
88
  "aria-description"?: string;
84
89
  "aria-details"?: string;
85
90
  "aria-disabled"?: boolean | "true" | "false";
86
- "aria-dropeffect"?: "none" | "link" | "copy" | "execute" | "move" | "popup";
91
+ "aria-dropeffect"?: "link" | "none" | "copy" | "execute" | "move" | "popup";
87
92
  "aria-errormessage"?: string;
88
93
  "aria-expanded"?: boolean | "true" | "false";
89
94
  "aria-flowto"?: string;
90
95
  "aria-grabbed"?: boolean | "true" | "false";
91
- "aria-haspopup"?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree";
96
+ "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "true" | "false" | "listbox" | "tree";
92
97
  "aria-hidden"?: boolean | "true" | "false";
93
98
  "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling";
94
99
  "aria-keyshortcuts"?: string;
package/layouts/styled.d.ts CHANGED
@@ -59,11 +59,11 @@ export declare const SVGObject: import("styled-components").IStyledComponent<"we
59
59
  results?: number;
60
60
  security?: string;
61
61
  unselectable?: "on" | "off";
62
- inputMode?: "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal";
62
+ inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal";
63
63
  is?: string;
64
64
  "aria-activedescendant"?: string;
65
65
  "aria-atomic"?: boolean | "true" | "false";
66
- "aria-autocomplete"?: "none" | "list" | "inline" | "both";
66
+ "aria-autocomplete"?: "inline" | "none" | "list" | "both";
67
67
  "aria-braillelabel"?: string;
68
68
  "aria-brailleroledescription"?: string;
69
69
  "aria-busy"?: boolean | "true" | "false";
@@ -73,17 +73,17 @@ export declare const SVGObject: import("styled-components").IStyledComponent<"we
73
73
  "aria-colindextext"?: string;
74
74
  "aria-colspan"?: number;
75
75
  "aria-controls"?: string;
76
- "aria-current"?: boolean | "time" | "step" | "true" | "false" | "page" | "location" | "date";
76
+ "aria-current"?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date";
77
77
  "aria-describedby"?: string;
78
78
  "aria-description"?: string;
79
79
  "aria-details"?: string;
80
80
  "aria-disabled"?: boolean | "true" | "false";
81
- "aria-dropeffect"?: "none" | "link" | "copy" | "execute" | "move" | "popup";
81
+ "aria-dropeffect"?: "link" | "none" | "copy" | "execute" | "move" | "popup";
82
82
  "aria-errormessage"?: string;
83
83
  "aria-expanded"?: boolean | "true" | "false";
84
84
  "aria-flowto"?: string;
85
85
  "aria-grabbed"?: boolean | "true" | "false";
86
- "aria-haspopup"?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree";
86
+ "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "true" | "false" | "listbox" | "tree";
87
87
  "aria-hidden"?: boolean | "true" | "false";
88
88
  "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling";
89
89
  "aria-keyshortcuts"?: string;
package/layouts/utils.d.ts CHANGED
@@ -4,6 +4,7 @@ export declare const Margins: {
4
4
  horizontal: string;
5
5
  horizontalInternal: string;
6
6
  };
7
+ export declare function getHeading(children: React.ReactNode): (React.ReactPortal | (string | number | React.ReactElement<any, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | React.ReactPortal)[] | React.ReactElement<unknown, string | React.JSXElementConstructor<any>>)[];
7
8
  export declare function getCode(children: React.ReactNode): (string | number | React.ReactElement<any, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode>)[];
8
9
  export declare function getMatchingMdxType(children: React.ReactNode, mdxType: string): (string | number | React.ReactElement<any, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | React.ReactPortal)[][];
9
10
  export declare function getCodeChildren(children: React.ReactNode): (string | number | React.ReactElement<any, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode>)[];
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gpichot/spectacle-deck",
3
- "version": "1.0.1",
3
+ "version": "1.0.3",
4
4
  "license": "MIT",
5
5
  "type": "module",
6
6
  "main": "index.cjs",
@@ -19,7 +19,6 @@
19
19
  "dependencies": {
20
20
  "@fontsource/bitter": "^5.0.15",
21
21
  "@mdx-js/react": "^3.0.0",
22
- "classnames": "^2.3.2",
23
22
  "react": "^18.2.0",
24
23
  "react-dom": "^18.2.0",
25
24
  "react-is": "^18.2.0",
package/index.css DELETED
@@ -1,61 +0,0 @@
1
- /* src/components/Timeline.module.scss */
2
- .timeline {
3
- display: flex;
4
- position: relative;
5
- flex-flow: row nowrap;
6
- align-items: center;
7
- }
8
- .timelineItem {
9
- flex: 1;
10
- display: inline-flex;
11
- }
12
- .timelineItem .timelineItemContentPhantom {
13
- opacity: 0;
14
- }
15
- .timelineItem:nth-child(odd),
16
- .timelineItem:nth-child(odd) .timelineItemContent {
17
- flex-direction: column;
18
- }
19
- .timelineItem:nth-child(even),
20
- .timelineItem:nth-child(even) .timelineItemContent {
21
- flex-direction: column-reverse;
22
- }
23
- .timelineItemGuide {
24
- width: 100%;
25
- padding-top: 2px;
26
- display: flex;
27
- flex-flow: row;
28
- align-items: center;
29
- }
30
- .timelineItemGuide svg {
31
- height: 28px;
32
- width: 28px;
33
- margin-right: 4px;
34
- }
35
- .timelineItemGuide svg path {
36
- fill: #ffffff;
37
- }
38
- .timelineItemGuide .timelineItemGuideLine {
39
- border-top: 4px solid #ffffff;
40
- margin-right: 4px;
41
- }
42
- .timelineItemContent {
43
- display: flex;
44
- padding: 0.7rem 0 1rem 12px;
45
- }
46
- .timelineItemBody,
47
- .timelineItemBody > * {
48
- font-size: 1.3rem !important;
49
- color: #ffffff !important;
50
- }
51
- .timelineItemTitle {
52
- font-family:
53
- Bitter,
54
- "Helvetica Neue",
55
- Helvetica,
56
- Arial,
57
- sans-serif;
58
- font-size: 1rem;
59
- font-weight: bold;
60
- color: rgba(255, 255, 255, 0.7333333333);
61
- }