diff --git a/.nojekyll b/.nojekyll
deleted file mode 100644
index e69de29..0000000
diff --git a/docs/demos/hello.jsx b/docs/demos/hello.jsx
index 6878113..d8aaa16 100644
--- a/docs/demos/hello.jsx
+++ b/docs/demos/hello.jsx
@@ -1,48 +1,81 @@
-
- Hello
-
-
- Welcome to Iso, a prototyping environment for Lab UI components.
-
-
-
-
-
-
-
- Lab Sync
-
-
- Compositor Iso syncs with Lab to show real-time updates to components and design system constants and themes.
-
-
-
-
- Zero Setup
-
-
- Prototype and build pages without the need to open up terminal or spend any time setting up development servers.
-
-
-
-
- Export HTML
-
-
- Use Iso to quickly build prototypes or static HTML pages using components built with Lab.
-
-
-
-
- One-Click Publishing
-
-
- Quickly share ideas with your team using the built-in publishing service.
-
-
-
-
+
+ Hello
+
+
+ Welcome to Iso, a prototyping environment for Lab UI components.
+
+
+
+
+
+
+
+ Lab Sync
+
+
+ Compositor Iso syncs with Lab to show real-time updates to components and design system constants and themes.
+
+
+
+
+ Zero Setup
+
+
+ Prototype and build pages without the need to open up terminal or spend any time setting up development servers.
+
+
+
+
+ Export HTML
+
+
+ Use Iso to quickly build prototypes or static HTML pages using components built with Lab.
+
+
+
+
+ One-Click Publishing
+
+
+ Quickly share ideas with your team using the built-in publishing service.
+
+
+
+
diff --git a/docs/demos/lab.json b/docs/demos/lab.json
index 643b4de..af4bd1d 100644
--- a/docs/demos/lab.json
+++ b/docs/demos/lab.json
@@ -3,22 +3,32 @@
"library": "styled-components",
"components": [
{
- "name": "Hero",
- "type": "div",
+ "name": "Button",
+ "type": "button",
"props": {
- "py": 7,
- "px": 5,
- "bg": "black",
- "color": "white"
+ "fontSize": 1,
+ "px": 3,
+ "py": 3,
+ "color": "white",
+ "bg": "blue",
+ "fontWeight": "600",
+ "borderRadius": 8
},
"style": {
- "backgroundImage": "url(https://images.unsplash.com/photo-1457364887197-9150188c107b?ixlib=rb-0.3.5&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=1080&fit=max&s=f49c6be98fb0be96b002f7ad4771dacf)",
- "backgroundSize": "cover"
+ "display": "inline-block",
+ "fontFamily": "inherit",
+ "borderWidth": 0,
+ "appearance": "none",
+ "textTransform": "uppercase",
+ "letterSpacing": "0.1875em"
},
"examples": [
- "Hello"
+ ""
],
- "system": []
+ "system": [
+ "fontWeight",
+ "borderRadius"
+ ]
},
{
"name": "Heading",
@@ -41,61 +51,51 @@
]
},
{
- "name": "Button",
- "type": "button",
+ "name": "Subhead",
+ "type": "h3",
"props": {
- "fontSize": 1,
- "px": 3,
- "py": 3,
- "color": "white",
- "bg": "blue",
+ "m": 0,
"fontWeight": "600",
- "borderRadius": 8
- },
- "style": {
- "display": "inline-block",
- "fontFamily": "inherit",
- "borderWidth": 0,
- "appearance": "none",
- "textTransform": "uppercase",
- "letterSpacing": "0.1875em"
+ "fontSize": 4
},
+ "style": {},
"examples": [
- ""
+ "Hello"
],
"system": [
- "fontWeight",
- "borderRadius"
+ "fontWeight"
]
},
{
- "name": "Container",
+ "name": "Hero",
"type": "div",
"props": {
+ "py": 7,
"px": 5,
- "py": 5
+ "bg": "black",
+ "color": "white"
+ },
+ "style": {
+ "backgroundImage": "url(https://images.unsplash.com/photo-1457364887197-9150188c107b?ixlib=rb-0.3.5&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=1080&fit=max&s=f49c6be98fb0be96b002f7ad4771dacf)",
+ "backgroundSize": "cover"
},
- "style": {},
"examples": [
- "Hello"
+ "Hello"
],
"system": []
},
{
- "name": "Subhead",
- "type": "h3",
+ "name": "Container",
+ "type": "div",
"props": {
- "m": 0,
- "fontWeight": "600",
- "fontSize": 4
+ "px": 5,
+ "py": 5
},
"style": {},
"examples": [
- "Hello"
+ "Hello"
],
- "system": [
- "fontWeight"
- ]
+ "system": []
}
]
}
\ No newline at end of file
diff --git a/docs/images/hero.jpg b/docs/images/hero.jpg
deleted file mode 100644
index da08cf5..0000000
Binary files a/docs/images/hero.jpg and /dev/null differ
diff --git a/docs/images/hero.png b/docs/images/hero.png
deleted file mode 100644
index 33128ae..0000000
Binary files a/docs/images/hero.png and /dev/null differ
diff --git a/index.html b/index.html
deleted file mode 100644
index 7ab106b..0000000
--- a/index.html
+++ /dev/null
@@ -1,18 +0,0 @@
-
-
-
Compositor IsoIsoBeta
Build pages and prototypes with Lab UI components. No configuration or build setup required.
Get LabFree with Lab subscription
Available for MacOS
Prototype with JSX
Zero configuration
Use Lab components
Sync with Lab
Export to static HTML
One-click publishing
-
-
-
diff --git a/index.jsx b/index.jsx
deleted file mode 100644
index 2c55c4e..0000000
--- a/index.jsx
+++ /dev/null
@@ -1,153 +0,0 @@
----
-title: Compositor Iso
-description: >-
- Build pages and prototypes with Lab UI components. No configuration or build
- setup required.
-features:
- - heading: Prototype with JSX
- - heading: Zero configuration
- - heading: Use Lab components
- - heading: Sync with Lab
- - heading: Export to static HTML
- - heading: One-click publishing
----
-
-
-
-
-
-
-
-
-
- Compositor
-
-
-
- Docs
-
-
- Download
-
-
-
-
-
-
-
-
- Iso
-
- Beta
-
-
-
- {props.description}
-
-
-
- Get Lab
-
-
-
- Free with Lab subscription
-
-
- Available for MacOS
-
-
-
-
-
-
-
-
-
-
-
-
- {props.features.map(feat => (
-
-
- {feat.heading}
-
-
- ))}
-
-
-
-
- Already a Lab subcriber?
-
-
- Download Iso Now
-
-
-
-
diff --git a/lab.json b/lab.json
deleted file mode 100644
index e0a744b..0000000
--- a/lab.json
+++ /dev/null
@@ -1,385 +0,0 @@
-{
- "name": "landing",
- "library": "styled-components",
- "components": [
- {
- "name": "Title",
- "type": "h1",
- "props": {
- "m": 0,
- "fontSize": 56
- },
- "style": {
- "lineHeight": "1"
- },
- "examples": [
- "\n Title\n",
- "\n Lab\n",
- "\n Iso\n",
- "\n Zero\n"
- ],
- "system": [],
- "description": "Page-level title for large H1s"
- },
- {
- "name": "Heading",
- "type": "h2",
- "props": {
- "fontSize": 5,
- "m": 0
- },
- "style": {
- "fontWeight": "bold",
- "lineHeight": "1.125"
- },
- "examples": [
- "Hello"
- ],
- "system": []
- },
- {
- "name": "Subhead",
- "type": "h3",
- "props": {
- "m": 0,
- "fontSize": 4
- },
- "style": {
- "lineHeight": "1.25"
- },
- "examples": [
- "Hello"
- ],
- "system": []
- },
- {
- "name": "Text",
- "type": "div",
- "props": {
- "fontSize": null
- },
- "style": {},
- "examples": [
- "Hello"
- ],
- "system": []
- },
- {
- "name": "Caps",
- "type": "span",
- "props": {
- "fontSize": 0,
- "fontWeight": "600"
- },
- "style": {
- "textTransform": "uppercase",
- "letterSpacing": "0.1875em"
- },
- "examples": [
- "Hello"
- ],
- "system": [
- "fontWeight"
- ]
- },
- {
- "name": "Small",
- "type": "div",
- "props": {
- "fontSize": 0
- },
- "style": {},
- "examples": [
- "Hello"
- ],
- "system": []
- },
- {
- "name": "Button",
- "type": "a",
- "props": {
- "fontSize": 0,
- "px": 3,
- "py": 2,
- "color": "white",
- "bg": "blue",
- "fontWeight": "600",
- "borderRadius": 8
- },
- "style": {
- "display": "inline-block",
- "fontFamily": "inherit",
- "webkitTextDecoration": "none",
- "textDecoration": "none",
- "borderWidth": "0px",
- "webkitAppearance": "none",
- "mozAppearance": "none",
- "appearance": "none",
- "webkitTextTransform": "uppercase",
- "letterSpacing": "0em",
- "lineHeight": "1.25"
- },
- "examples": [
- ""
- ],
- "system": [
- "fontWeight",
- "borderRadius"
- ]
- },
- {
- "name": "ButtonOutline",
- "type": "Button",
- "props": {
- "bg": "transparent",
- "color": "blue",
- "pt": 2
- },
- "style": {
- "boxShadow": "inset 0 0 0 2px"
- },
- "examples": [
- "\n Beep\n"
- ],
- "system": [
- "borderWidth"
- ]
- },
- {
- "name": "BigButton",
- "type": "Button",
- "props": {
- "py": 12,
- "px": 18,
- "fontSize": 2
- },
- "style": {
- "lineHeight": "1.25"
- },
- "examples": [
- "\n Hello\n"
- ],
- "system": [
- "borderRadius"
- ]
- },
- {
- "name": "Image",
- "type": "img",
- "props": {},
- "style": {
- "display": "block",
- "maxWidth": "100%",
- "height": "auto"
- },
- "examples": [
- ""
- ],
- "system": []
- },
- {
- "name": "Link",
- "type": "a",
- "props": {
- "color": "blue"
- },
- "style": {},
- "examples": [
- "Hello"
- ]
- },
- {
- "name": "NavLink",
- "type": "a",
- "props": {
- "fontWeight": "600",
- "color": "inherit",
- "hover": {
- "color": "#009eef"
- },
- "fontSize": 10
- },
- "style": {
- "webkitTextDecoration": "none",
- "textDecoration": "none",
- "webkitTextTransform": "uppercase",
- "textTransform": "uppercase",
- "letterSpacing": "0.1875em",
- "lineHeight": "1",
- "display": "inline-flex",
- "webkitAlignItems": "center",
- "webkitBoxAlign": "center",
- "msFlexAlign": "center",
- "alignItems": "center"
- },
- "examples": [
- "Hello"
- ],
- "system": [
- "fontWeight",
- "hover"
- ]
- },
- {
- "name": "Divider",
- "type": "hr",
- "props": {
- "color": "gray"
- },
- "style": {
- "height": "0",
- "borderStyle": "solid",
- "borderWidth": "0",
- "borderBottomWidth": "1px"
- },
- "examples": [
- ""
- ],
- "system": [
- "borderWidth",
- "borderColor"
- ]
- },
- {
- "name": "Input",
- "type": "input",
- "props": {
- "m": 0,
- "w": 1,
- "px": 1,
- "py": 1,
- "color": "inherit",
- "bg": "transparent"
- },
- "style": {
- "display": "block",
- "fontFamily": "inherit",
- "fontSize": "inherit",
- "borderWidth": "1px",
- "borderStyle": "solid",
- "borderColor": "#eee",
- "borderRadius": "4px"
- },
- "examples": [
- ""
- ]
- },
- {
- "name": "Label",
- "type": "label",
- "props": {},
- "style": {},
- "examples": [
- ""
- ]
- },
- {
- "name": "ImageRounded",
- "type": "Image",
- "props": {
- "borderRadius": 16
- },
- "style": {},
- "examples": [
- ""
- ],
- "system": [
- "borderRadius"
- ]
- },
- {
- "name": "Avatar",
- "type": "img",
- "props": {
- "width": 48,
- "height": 48,
- "borderRadius": 99999
- },
- "style": {},
- "examples": [
- ""
- ],
- "system": [
- "borderRadius",
- "borderWidth",
- "borderColor"
- ]
- },
- {
- "name": "Dit",
- "type": "hr",
- "props": {
- "m": 0,
- "borderWidth": 0,
- "bg": "black"
- },
- "style": {
- "width": "64px",
- "height": "4px"
- },
- "examples": [
- ""
- ],
- "system": [
- "borderWidth"
- ]
- },
- {
- "name": "Logo",
- "type": "img",
- "props": {
- "m": 0,
- "width": 32,
- "src": "https://compositor.io/logo/dist/compositor.svg"
- },
- "style": {},
- "examples": [
- ""
- ],
- "system": [
- "borderWidth",
- "borderColor"
- ]
- },
- {
- "name": "Container",
- "type": "div",
- "props": {
- "mx": "auto",
- "px": [
- 3,
- 4
- ]
- },
- "style": {
- "maxWidth": "80em"
- },
- "examples": [
- "\nHello Container\n"
- ],
- "system": []
- },
- {
- "name": "Measure",
- "type": "div",
- "props": {},
- "style": {
- "maxWidth": "32em"
- },
- "examples": [
- "Hello"
- ],
- "system": [],
- "description": "For keeping typographic measure in check"
- },
- {
- "name": "Box",
- "type": "div",
- "props": {},
- "style": {},
- "examples": [
- "Hello"
- ]
- }
- ]
-}
\ No newline at end of file
diff --git a/theme.json b/theme.json
deleted file mode 100644
index eaa5844..0000000
--- a/theme.json
+++ /dev/null
@@ -1,37 +0,0 @@
-{
- "fonts": [
- "-apple-system, BlinkMacSystemFont, sans-serif"
- ],
- "space": [
- 0,
- 4,
- 8,
- 16,
- 32,
- 64,
- 128,
- 256
- ],
- "fontSizes": [
- 12,
- 14,
- 16,
- 20,
- 24,
- 32,
- 48,
- 64,
- 72,
- 96
- ],
- "colors": {
- "black": "#000",
- "blue": "#0093ef",
- "green": "#30ffac",
- "magenta": "#ff349d",
- "muted": "rgba(0, 0, 0, 0.5)",
- "gray": "#f6f6f6"
- },
- "lineHeight": "1.5",
- "textColor": "black"
-}
\ No newline at end of file