diff --git a/README.md b/README.md
index e3405b3..1a651a8 100644
--- a/README.md
+++ b/README.md
@@ -2,6 +2,6 @@
Simple, elemental, and aesthetic design system.
-[https://design.theoryofnekomata.moe](https://design.theoryofnekomata.moe)
+[https://make.modal.sh/tesseract/design](https://make.modal.sh/tesseract/design)
Made with [Framer](https://www.framer.com).
diff --git a/design/document.json b/design/document.json
index 4499463..dd36d82 100644
--- a/design/document.json
+++ b/design/document.json
@@ -529,7 +529,8 @@
"FONT:GF;Encode Sans Condensed-200",
"ALIGN:left",
"SIZE:40",
- "COLOR:var(--token-3cf80551-98d2-47e0-871c-00a6560ae4d6, rgb(255, 255, 255)) \/* {\"name\":\"Positive\"} *\/"
+ "COLOR:var(--token-3cf80551-98d2-47e0-871c-00a6560ae4d6, rgb(255, 255, 255)) \/* {\"name\":\"Positive\"} *\/",
+ "TEXTTRANSFORM:lowercase"
]
},
"depth" : 0,
@@ -566,15 +567,20 @@
"length" : 11,
"offset" : 0,
"style" : "COLOR:var(--token-3cf80551-98d2-47e0-871c-00a6560ae4d6, rgb(255, 255, 255)) \/* {\"name\":\"Positive\"} *\/"
+ },
+ {
+ "length" : 11,
+ "offset" : 0,
+ "style" : "TEXTTRANSFORM:lowercase"
}
],
"key" : "1faqb",
- "text" : "radiobutton",
+ "text" : "RadioButton",
"type" : "unstyled"
}
],
"cached" : {
- "html" : "
radiobutton<\/span><\/span><\/div><\/div>",
+ "html" : "RadioButton<\/span><\/span><\/div><\/div>",
"os" : "macos 10_14 framerx",
"size" : {
"height" : 40,
@@ -687,7 +693,8 @@
"ALIGN:center",
"FONT:GF;Encode Sans Semi Expanded-700",
"LINEHEIGHT:1.5",
- "COLOR:var(--token-c775663b-665f-4874-870d-7a1a1542286a, rgb(34, 34, 34)) \/* {\"name\":\"Negative\"} *\/"
+ "COLOR:var(--token-c775663b-665f-4874-870d-7a1a1542286a, rgb(34, 34, 34)) \/* {\"name\":\"Negative\"} *\/",
+ "TEXTTRANSFORM:uppercase"
]
},
"depth" : 0,
@@ -724,15 +731,20 @@
"length" : 6,
"offset" : 0,
"style" : "COLOR:var(--token-c775663b-665f-4874-870d-7a1a1542286a, rgb(34, 34, 34)) \/* {\"name\":\"Negative\"} *\/"
+ },
+ {
+ "length" : 6,
+ "offset" : 0,
+ "style" : "TEXTTRANSFORM:uppercase"
}
],
"key" : "5nmvf",
- "text" : "BUTTON",
+ "text" : "Button",
"type" : "unstyled"
}
],
"cached" : {
- "html" : "BUTTON<\/span><\/span><\/div><\/div>",
+ "html" : "Button<\/span><\/span><\/div><\/div>",
"os" : "macos 10_14 framerx",
"size" : {
"height" : 24,
@@ -814,7 +826,8 @@
"FONT:GF;Encode Sans Condensed-200",
"ALIGN:left",
"SIZE:40",
- "COLOR:var(--token-3cf80551-98d2-47e0-871c-00a6560ae4d6, rgb(255, 255, 255)) \/* {\"name\":\"Positive\"} *\/"
+ "COLOR:var(--token-3cf80551-98d2-47e0-871c-00a6560ae4d6, rgb(255, 255, 255)) \/* {\"name\":\"Positive\"} *\/",
+ "TEXTTRANSFORM:lowercase"
]
},
"depth" : 0,
@@ -851,15 +864,20 @@
"length" : 6,
"offset" : 0,
"style" : "COLOR:var(--token-3cf80551-98d2-47e0-871c-00a6560ae4d6, rgb(255, 255, 255)) \/* {\"name\":\"Positive\"} *\/"
+ },
+ {
+ "length" : 6,
+ "offset" : 0,
+ "style" : "TEXTTRANSFORM:lowercase"
}
],
"key" : "1faqb",
- "text" : "button",
+ "text" : "Button",
"type" : "unstyled"
}
],
"cached" : {
- "html" : "button<\/span><\/span><\/div><\/div>",
+ "html" : "Button<\/span><\/span><\/div><\/div>",
"os" : "macos 10_14 framerx",
"size" : {
"height" : 40,
@@ -967,7 +985,8 @@
"ALIGN:center",
"FONT:GF;Encode Sans Semi Expanded-700",
"LINEHEIGHT:1.5",
- "COLOR:var(--token-2a7216bc-357a-47db-a19a-457657273b8f, rgb(199, 138, 179)) \/* {\"name\":\"Primary\"} *\/"
+ "COLOR:var(--token-2a7216bc-357a-47db-a19a-457657273b8f, rgb(199, 138, 179)) \/* {\"name\":\"Primary\"} *\/",
+ "TEXTTRANSFORM:uppercase"
]
},
"depth" : 0,
@@ -1004,15 +1023,20 @@
"length" : 6,
"offset" : 0,
"style" : "COLOR:var(--token-2a7216bc-357a-47db-a19a-457657273b8f, rgb(199, 138, 179)) \/* {\"name\":\"Primary\"} *\/"
+ },
+ {
+ "length" : 6,
+ "offset" : 0,
+ "style" : "TEXTTRANSFORM:uppercase"
}
],
"key" : "5nmvf",
- "text" : "BUTTON",
+ "text" : "Button",
"type" : "unstyled"
}
],
"cached" : {
- "html" : "BUTTON<\/span><\/span><\/div><\/div>",
+ "html" : "Button<\/span><\/span><\/div><\/div>",
"os" : "macos 10_14 framerx",
"size" : {
"height" : 24,
@@ -1896,7 +1920,8 @@
"FONT:GF;Encode Sans Condensed-200",
"ALIGN:left",
"SIZE:40",
- "COLOR:var(--token-3cf80551-98d2-47e0-871c-00a6560ae4d6, rgb(255, 255, 255)) \/* {\"name\":\"Positive\"} *\/"
+ "COLOR:var(--token-3cf80551-98d2-47e0-871c-00a6560ae4d6, rgb(255, 255, 255)) \/* {\"name\":\"Positive\"} *\/",
+ "TEXTTRANSFORM:lowercase"
]
},
"depth" : 0,
@@ -1933,15 +1958,20 @@
"length" : 16,
"offset" : 0,
"style" : "COLOR:var(--token-3cf80551-98d2-47e0-871c-00a6560ae4d6, rgb(255, 255, 255)) \/* {\"name\":\"Positive\"} *\/"
+ },
+ {
+ "length" : 16,
+ "offset" : 0,
+ "style" : "TEXTTRANSFORM:lowercase"
}
],
"key" : "1faqb",
- "text" : "textinput\/select",
+ "text" : "TextInput\/Select",
"type" : "unstyled"
}
],
"cached" : {
- "html" : "textinput\/select<\/span><\/span><\/div><\/div>",
+ "html" : "TextInput\/Select<\/span><\/span><\/div><\/div>",
"os" : "macos 10_14 framerx",
"size" : {
"height" : 40,
@@ -2459,7 +2489,8 @@
"FONT:GF;Encode Sans Condensed-200",
"ALIGN:left",
"SIZE:40",
- "COLOR:var(--token-3cf80551-98d2-47e0-871c-00a6560ae4d6, rgb(255, 255, 255)) \/* {\"name\":\"Positive\"} *\/"
+ "COLOR:var(--token-3cf80551-98d2-47e0-871c-00a6560ae4d6, rgb(255, 255, 255)) \/* {\"name\":\"Positive\"} *\/",
+ "TEXTTRANSFORM:lowercase"
]
},
"depth" : 0,
@@ -2496,15 +2527,20 @@
"length" : 8,
"offset" : 0,
"style" : "COLOR:var(--token-3cf80551-98d2-47e0-871c-00a6560ae4d6, rgb(255, 255, 255)) \/* {\"name\":\"Positive\"} *\/"
+ },
+ {
+ "length" : 8,
+ "offset" : 0,
+ "style" : "TEXTTRANSFORM:lowercase"
}
],
"key" : "1faqb",
- "text" : "checkbox",
+ "text" : "Checkbox",
"type" : "unstyled"
}
],
"cached" : {
- "html" : "checkbox<\/span><\/span><\/div><\/div>",
+ "html" : "Checkbox<\/span><\/span><\/div><\/div>",
"os" : "macos 10_14 framerx",
"size" : {
"height" : 40,
@@ -2561,7 +2597,8 @@
"FONT:GF;Encode Sans Condensed-200",
"ALIGN:left",
"SIZE:40",
- "COLOR:hsl(0, 0%, 100%)"
+ "COLOR:hsl(0, 0%, 100%)",
+ "TEXTTRANSFORM:lowercase"
]
},
"depth" : 0,
@@ -2598,15 +2635,20 @@
"length" : 6,
"offset" : 0,
"style" : "COLOR:hsl(0, 0%, 100%)"
+ },
+ {
+ "length" : 6,
+ "offset" : 0,
+ "style" : "TEXTTRANSFORM:lowercase"
}
],
"key" : "1faqb",
- "text" : "slider",
+ "text" : "Slider",
"type" : "unstyled"
}
],
"cached" : {
- "html" : "slider<\/span><\/span><\/div><\/div>",
+ "html" : "Slider<\/span><\/span><\/div><\/div>",
"os" : "macos 10_14 framerx",
"size" : {
"height" : 40,
@@ -2910,7 +2952,7 @@
}
],
"cached" : {
- "html" : "Slider<\/span><\/span><\/div><\/div>",
+ "html" : "Slider<\/span><\/span><\/div><\/div>",
"os" : "macos 10_14 framerx",
"size" : {
"height" : 12,
@@ -3015,7 +3057,7 @@
}
],
"cached" : {
- "html" : "0<\/span><\/span><\/div><\/div>",
+ "html" : "0<\/span><\/span><\/div><\/div>",
"os" : "macos 10_14 framerx",
"size" : {
"height" : 12,
@@ -3121,7 +3163,7 @@
}
],
"cached" : {
- "html" : "100<\/span><\/span><\/div><\/div>",
+ "html" : "100<\/span><\/span><\/div><\/div>",
"os" : "macos 10_14 framerx",
"size" : {
"height" : 12,
@@ -3318,7 +3360,7 @@
}
],
"cached" : {
- "html" : "100<\/span><\/span><\/div><\/div>",
+ "html" : "100<\/span><\/span><\/div><\/div>",
"os" : "macos 10_14 framerx",
"size" : {
"height" : 12,
@@ -3397,7 +3439,7 @@
}
],
"cached" : {
- "html" : "0<\/span><\/span><\/div><\/div>",
+ "html" : "0<\/span><\/span><\/div><\/div>",
"os" : "macos 10_14 framerx",
"size" : {
"height" : 12,
@@ -3467,7 +3509,7 @@
}
],
"cached" : {
- "html" : "Slider<\/span><\/span><\/div><\/div>",
+ "html" : "Slider<\/span><\/span><\/div><\/div>",
"os" : "macos 10_14 framerx",
"size" : {
"height" : 12,
@@ -3616,7 +3658,7 @@
}
],
"cached" : {
- "html" : "100<\/span><\/span><\/div><\/div>",
+ "html" : "100<\/span><\/span><\/div><\/div>",
"os" : "macos 10_14 framerx",
"size" : {
"height" : 12,
@@ -3695,7 +3737,7 @@
}
],
"cached" : {
- "html" : "0<\/span><\/span><\/div><\/div>",
+ "html" : "0<\/span><\/span><\/div><\/div>",
"os" : "macos 10_14 framerx",
"size" : {
"height" : 12,
@@ -3765,7 +3807,7 @@
}
],
"cached" : {
- "html" : "Slider<\/span><\/span><\/div><\/div>",
+ "html" : "Slider<\/span><\/span><\/div><\/div>",
"os" : "macos 10_14 framerx",
"size" : {
"height" : 12,
@@ -3914,7 +3956,7 @@
}
],
"cached" : {
- "html" : "100<\/span><\/span><\/div><\/div>",
+ "html" : "100<\/span><\/span><\/div><\/div>",
"os" : "macos 10_14 framerx",
"size" : {
"height" : 12,
@@ -3993,7 +4035,7 @@
}
],
"cached" : {
- "html" : "0<\/span><\/span><\/div><\/div>",
+ "html" : "0<\/span><\/span><\/div><\/div>",
"os" : "macos 10_14 framerx",
"size" : {
"height" : 12,
@@ -4063,7 +4105,7 @@
}
],
"cached" : {
- "html" : "Slider<\/span><\/span><\/div><\/div>",
+ "html" : "Slider<\/span><\/span><\/div><\/div>",
"os" : "macos 10_14 framerx",
"size" : {
"height" : 12,
@@ -4213,7 +4255,7 @@
}
],
"cached" : {
- "html" : "100<\/span><\/span><\/div><\/div>",
+ "html" : "100<\/span><\/span><\/div><\/div>",
"os" : "macos 10_14 framerx",
"size" : {
"height" : 12,
@@ -4292,7 +4334,7 @@
}
],
"cached" : {
- "html" : "0<\/span><\/span><\/div><\/div>",
+ "html" : "0<\/span><\/span><\/div><\/div>",
"os" : "macos 10_14 framerx",
"size" : {
"height" : 12,
@@ -4362,7 +4404,7 @@
}
],
"cached" : {
- "html" : "Slider<\/span><\/span><\/div><\/div>",
+ "html" : "Slider<\/span><\/span><\/div><\/div>",
"os" : "macos 10_14 framerx",
"size" : {
"height" : 12,
@@ -4424,7 +4466,8 @@
"FONT:GF;Encode Sans Condensed-200",
"ALIGN:left",
"SIZE:40",
- "COLOR:var(--token-3cf80551-98d2-47e0-871c-00a6560ae4d6, rgb(255, 255, 255)) \/* {\"name\":\"Positive\"} *\/"
+ "COLOR:var(--token-3cf80551-98d2-47e0-871c-00a6560ae4d6, rgb(255, 255, 255)) \/* {\"name\":\"Positive\"} *\/",
+ "TEXTTRANSFORM:lowercase"
]
},
"depth" : 0,
@@ -4461,15 +4504,20 @@
"length" : 6,
"offset" : 0,
"style" : "COLOR:var(--token-3cf80551-98d2-47e0-871c-00a6560ae4d6, rgb(255, 255, 255)) \/* {\"name\":\"Positive\"} *\/"
+ },
+ {
+ "length" : 6,
+ "offset" : 0,
+ "style" : "TEXTTRANSFORM:lowercase"
}
],
"key" : "1faqb",
- "text" : "switch",
+ "text" : "Switch",
"type" : "unstyled"
}
],
"cached" : {
- "html" : "switch<\/span><\/span><\/div><\/div>",
+ "html" : "Switch<\/span><\/span><\/div><\/div>",
"os" : "macos 10_14 framerx",
"size" : {
"height" : 40,
@@ -4784,7 +4832,8 @@
"SIZE:48",
"FONT:GF;Encode Sans Condensed-100",
"ALIGN:left",
- "COLOR:var(--token-3cf80551-98d2-47e0-871c-00a6560ae4d6, rgb(238, 238, 238)) \/* {\"name\":\"Positive\"} *\/"
+ "COLOR:var(--token-3cf80551-98d2-47e0-871c-00a6560ae4d6, rgb(238, 238, 238)) \/* {\"name\":\"Positive\"} *\/",
+ "TEXTTRANSFORM:lowercase"
]
},
"depth" : 0,
@@ -4821,15 +4870,20 @@
"length" : 8,
"offset" : 0,
"style" : "COLOR:var(--token-3cf80551-98d2-47e0-871c-00a6560ae4d6, rgb(238, 238, 238)) \/* {\"name\":\"Positive\"} *\/"
+ },
+ {
+ "length" : 8,
+ "offset" : 0,
+ "style" : "TEXTTRANSFORM:lowercase"
}
],
"key" : "1faqb",
- "text" : "elements",
+ "text" : "Elements",
"type" : "unstyled"
}
],
"cached" : {
- "html" : "elements<\/span><\/span><\/div><\/div>",
+ "html" : "Elements<\/span><\/span><\/div><\/div>",
"os" : "macos 10_14 framerx",
"size" : {
"height" : 48,
@@ -5306,7 +5360,8 @@
"SIZE:48",
"FONT:GF;Encode Sans Condensed-100",
"ALIGN:left",
- "COLOR:var(--token-3cf80551-98d2-47e0-871c-00a6560ae4d6, rgb(255, 255, 255)) \/* {\"name\":\"Positive\"} *\/"
+ "COLOR:var(--token-3cf80551-98d2-47e0-871c-00a6560ae4d6, rgb(255, 255, 255)) \/* {\"name\":\"Positive\"} *\/",
+ "TEXTTRANSFORM:lowercase"
]
},
"depth" : 0,
@@ -5343,15 +5398,20 @@
"length" : 10,
"offset" : 0,
"style" : "COLOR:var(--token-3cf80551-98d2-47e0-871c-00a6560ae4d6, rgb(255, 255, 255)) \/* {\"name\":\"Positive\"} *\/"
+ },
+ {
+ "length" : 10,
+ "offset" : 0,
+ "style" : "TEXTTRANSFORM:lowercase"
}
],
"key" : "1faqb",
- "text" : "components",
+ "text" : "Components",
"type" : "unstyled"
}
],
"cached" : {
- "html" : "components<\/span><\/span><\/div><\/div>",
+ "html" : "Components<\/span><\/span><\/div><\/div>",
"os" : "macos 10_14 framerx",
"size" : {
"height" : 48,
@@ -5407,7 +5467,8 @@
"FONT:GF;Encode Sans Condensed-200",
"ALIGN:left",
"SIZE:40",
- "COLOR:var(--token-3cf80551-98d2-47e0-871c-00a6560ae4d6, rgb(255, 255, 255)) \/* {\"name\":\"Positive\"} *\/"
+ "COLOR:var(--token-3cf80551-98d2-47e0-871c-00a6560ae4d6, rgb(255, 255, 255)) \/* {\"name\":\"Positive\"} *\/",
+ "TEXTTRANSFORM:lowercase"
]
},
"depth" : 0,
@@ -5444,15 +5505,20 @@
"length" : 6,
"offset" : 0,
"style" : "COLOR:var(--token-3cf80551-98d2-47e0-871c-00a6560ae4d6, rgb(255, 255, 255)) \/* {\"name\":\"Positive\"} *\/"
+ },
+ {
+ "length" : 6,
+ "offset" : 0,
+ "style" : "TEXTTRANSFORM:lowercase"
}
],
"key" : "1faqb",
- "text" : "states",
+ "text" : "States",
"type" : "unstyled"
}
],
"cached" : {
- "html" : "states<\/span><\/span><\/div><\/div>",
+ "html" : "States<\/span><\/span><\/div><\/div>",
"os" : "macos 10_14 framerx",
"size" : {
"height" : 40,
@@ -5568,7 +5634,7 @@
}
],
"cached" : {
- "html" : "Non-clickable<\/span><\/span><\/div><\/div>",
+ "html" : "Non-clickable<\/span><\/span><\/div><\/div>",
"os" : "macos 10_14 framerx",
"size" : {
"height" : 24,
@@ -5685,7 +5751,7 @@
}
],
"cached" : {
- "html" : "Clickable enabled<\/span><\/span><\/div><\/div>",
+ "html" : "Clickable enabled<\/span><\/span><\/div><\/div>",
"os" : "macos 10_14 framerx",
"size" : {
"height" : 24,
@@ -5803,7 +5869,7 @@
}
],
"cached" : {
- "html" : "Focused enabled<\/span><\/span><\/div><\/div>",
+ "html" : "Focused enabled<\/span><\/span><\/div><\/div>",
"os" : "macos 10_14 framerx",
"size" : {
"height" : 24,
@@ -5921,7 +5987,7 @@
}
],
"cached" : {
- "html" : "Clickable disabled<\/span><\/span><\/div><\/div>",
+ "html" : "Clickable disabled<\/span><\/span><\/div><\/div>",
"os" : "macos 10_14 framerx",
"size" : {
"height" : 24,
@@ -5978,7 +6044,8 @@
"FONT:GF;Encode Sans Condensed-200",
"ALIGN:left",
"SIZE:40",
- "COLOR:var(--token-3cf80551-98d2-47e0-871c-00a6560ae4d6, rgb(255, 255, 255)) \/* {\"name\":\"Positive\"} *\/"
+ "COLOR:var(--token-3cf80551-98d2-47e0-871c-00a6560ae4d6, rgb(255, 255, 255)) \/* {\"name\":\"Positive\"} *\/",
+ "TEXTTRANSFORM:lowercase"
]
},
"depth" : 0,
@@ -6015,15 +6082,20 @@
"length" : 10,
"offset" : 0,
"style" : "COLOR:var(--token-3cf80551-98d2-47e0-871c-00a6560ae4d6, rgb(255, 255, 255)) \/* {\"name\":\"Positive\"} *\/"
+ },
+ {
+ "length" : 10,
+ "offset" : 0,
+ "style" : "TEXTTRANSFORM:lowercase"
}
],
"key" : "1faqb",
- "text" : "typography",
+ "text" : "Typography",
"type" : "unstyled"
}
],
"cached" : {
- "html" : "typography<\/span><\/span><\/div><\/div>",
+ "html" : "Typography<\/span><\/span><\/div><\/div>",
"os" : "macos 10_14 framerx",
"size" : {
"height" : 40,
@@ -6081,7 +6153,8 @@
"FONT:GF;Encode Sans Condensed-100",
"SIZE:48",
"ALIGN:left",
- "COLOR:var(--token-3cf80551-98d2-47e0-871c-00a6560ae4d6, rgb(255, 255, 255)) \/* {\"name\":\"Positive\"} *\/"
+ "COLOR:var(--token-3cf80551-98d2-47e0-871c-00a6560ae4d6, rgb(255, 255, 255)) \/* {\"name\":\"Positive\"} *\/",
+ "TEXTTRANSFORM:lowercase"
]
},
"depth" : 0,
@@ -6118,15 +6191,20 @@
"length" : 18,
"offset" : 0,
"style" : "COLOR:var(--token-3cf80551-98d2-47e0-871c-00a6560ae4d6, rgb(255, 255, 255)) \/* {\"name\":\"Positive\"} *\/"
+ },
+ {
+ "length" : 18,
+ "offset" : 0,
+ "style" : "TEXTTRANSFORM:lowercase"
}
],
"key" : "1faqb",
- "text" : "the wizard quickly",
+ "text" : "The wizard quickly",
"type" : "unstyled"
}
],
"cached" : {
- "html" : "the wizard quickly<\/span><\/span><\/div><\/div>",
+ "html" : "