@dnd-mapp/shared-ui 1.1.0 → 2.0.1

package/assets/styles/colors/_lime.scss

@@ -0,0 +1,11 @@
+$lime-50: oklch(98.6% 0.031 120.757deg);
+$lime-100: oklch(96.7% 0.067 122.328deg);
+$lime-200: oklch(93.8% 0.127 124.321deg);
+$lime-300: oklch(89.7% 0.196 126.665deg);
+$lime-400: oklch(84.1% 0.238 128.85deg);
+$lime-500: oklch(76.8% 0.233 130.85deg);
+$lime-600: oklch(64.8% 0.2 131.684deg);
+$lime-700: oklch(53.2% 0.157 131.589deg);
+$lime-800: oklch(45.3% 0.124 130.933deg);
+$lime-900: oklch(40.5% 0.101 131.063deg);
+$lime-950: oklch(27.4% 0.072 132.109deg);

package/assets/styles/colors/_mauve.scss

@@ -0,0 +1,11 @@
+$mauve-50: oklch(98.5% 0 0deg);
+$mauve-100: oklch(96% 0.003 325.6deg);
+$mauve-200: oklch(92.2% 0.005 325.62deg);
+$mauve-300: oklch(86.5% 0.012 325.68deg);
+$mauve-400: oklch(71.1% 0.019 323.02deg);
+$mauve-500: oklch(54.2% 0.034 322.5deg);
+$mauve-600: oklch(43.5% 0.029 321.78deg);
+$mauve-700: oklch(36.4% 0.029 323.89deg);
+$mauve-800: oklch(26.3% 0.024 320.12deg);
+$mauve-900: oklch(21.2% 0.019 322.12deg);
+$mauve-950: oklch(14.5% 0.008 326deg);

package/assets/styles/colors/_mist.scss

@@ -0,0 +1,11 @@
+$mist-50: oklch(98.7% 0.002 197.1deg);
+$mist-100: oklch(96.3% 0.002 197.1deg);
+$mist-200: oklch(92.5% 0.005 214.3deg);
+$mist-300: oklch(87.2% 0.007 219.6deg);
+$mist-400: oklch(72.3% 0.014 214.4deg);
+$mist-500: oklch(56% 0.021 213.5deg);
+$mist-600: oklch(45% 0.017 213.2deg);
+$mist-700: oklch(37.8% 0.015 216deg);
+$mist-800: oklch(27.5% 0.011 216.9deg);
+$mist-900: oklch(21.8% 0.008 223.9deg);
+$mist-950: oklch(14.8% 0.004 228.8deg);

package/assets/styles/colors/_neutral.scss

@@ -0,0 +1,11 @@
+$neutral-50: oklch(98.5% 0 0deg);
+$neutral-100: oklch(97% 0 0deg);
+$neutral-200: oklch(92.2% 0 0deg);
+$neutral-300: oklch(87% 0 0deg);
+$neutral-400: oklch(70.8% 0 0deg);
+$neutral-500: oklch(55.6% 0 0deg);
+$neutral-600: oklch(43.9% 0 0deg);
+$neutral-700: oklch(37.1% 0 0deg);
+$neutral-800: oklch(26.9% 0 0deg);
+$neutral-900: oklch(20.5% 0 0deg);
+$neutral-950: oklch(14.5% 0 0deg);

package/assets/styles/colors/_olive.scss

@@ -0,0 +1,11 @@
+$olive-50: oklch(98.8% 0.003 106.5deg);
+$olive-100: oklch(96.6% 0.005 106.5deg);
+$olive-200: oklch(93% 0.007 106.5deg);
+$olive-300: oklch(88% 0.011 106.6deg);
+$olive-400: oklch(73.7% 0.021 106.9deg);
+$olive-500: oklch(58% 0.031 107.3deg);
+$olive-600: oklch(46.6% 0.025 107.3deg);
+$olive-700: oklch(39.4% 0.023 107.4deg);
+$olive-800: oklch(28.6% 0.016 107.4deg);
+$olive-900: oklch(22.8% 0.013 107.4deg);
+$olive-950: oklch(15.3% 0.006 107.1deg);

package/assets/styles/colors/_orange.scss

@@ -0,0 +1,11 @@
+$orange-50: oklch(98% 0.016 73.684deg);
+$orange-100: oklch(95.4% 0.038 75.164deg);
+$orange-200: oklch(90.1% 0.076 70.697deg);
+$orange-300: oklch(83.7% 0.128 66.29deg);
+$orange-400: oklch(75% 0.183 55.934deg);
+$orange-500: oklch(70.5% 0.213 47.604deg);
+$orange-600: oklch(64.6% 0.222 41.116deg);
+$orange-700: oklch(55.3% 0.195 38.402deg);
+$orange-800: oklch(47% 0.157 37.304deg);
+$orange-900: oklch(40.8% 0.123 38.172deg);
+$orange-950: oklch(26.6% 0.079 36.259deg);

package/assets/styles/colors/_pink.scss

@@ -0,0 +1,11 @@
+$pink-50: oklch(97.1% 0.014 343.198deg);
+$pink-100: oklch(94.8% 0.028 342.258deg);
+$pink-200: oklch(89.9% 0.061 343.231deg);
+$pink-300: oklch(82.3% 0.12 346.018deg);
+$pink-400: oklch(71.8% 0.202 349.761deg);
+$pink-500: oklch(65.6% 0.241 354.308deg);
+$pink-600: oklch(59.2% 0.249 0.584deg);
+$pink-700: oklch(52.5% 0.223 3.958deg);
+$pink-800: oklch(45.9% 0.187 3.815deg);
+$pink-900: oklch(40.8% 0.153 2.432deg);
+$pink-950: oklch(28.4% 0.109 3.907deg);

package/assets/styles/colors/_purple.scss

@@ -0,0 +1,11 @@
+$purple-50: oklch(97.7% 0.014 308.299deg);
+$purple-100: oklch(94.6% 0.033 307.174deg);
+$purple-200: oklch(90.2% 0.063 306.703deg);
+$purple-300: oklch(82.7% 0.119 306.383deg);
+$purple-400: oklch(71.4% 0.203 305.504deg);
+$purple-500: oklch(62.7% 0.265 303.9deg);
+$purple-600: oklch(55.8% 0.288 302.321deg);
+$purple-700: oklch(49.6% 0.265 301.924deg);
+$purple-800: oklch(43.8% 0.218 303.724deg);
+$purple-900: oklch(38.1% 0.176 304.987deg);
+$purple-950: oklch(29.1% 0.149 302.717deg);

package/assets/styles/colors/_red.scss

@@ -0,0 +1,11 @@
+$red-50: oklch(97.1% 0.013 17.38deg);
+$red-100: oklch(93.6% 0.032 17.717deg);
+$red-200: oklch(88.5% 0.062 18.334deg);
+$red-300: oklch(80.8% 0.114 19.571deg);
+$red-400: oklch(70.4% 0.191 22.216deg);
+$red-500: oklch(63.7% 0.237 25.331deg);
+$red-600: oklch(57.7% 0.245 27.325deg);
+$red-700: oklch(50.5% 0.213 27.518deg);
+$red-800: oklch(44.4% 0.177 26.899deg);
+$red-900: oklch(39.6% 0.141 25.723deg);
+$red-950: oklch(25.8% 0.092 26.042deg);

package/assets/styles/colors/_rose.scss

@@ -0,0 +1,11 @@
+$rose-50: oklch(96.9% 0.015 12.422deg);
+$rose-100: oklch(94.1% 0.03 12.58deg);
+$rose-200: oklch(89.2% 0.058 10.001deg);
+$rose-300: oklch(81% 0.117 11.638deg);
+$rose-400: oklch(71.2% 0.194 13.428deg);
+$rose-500: oklch(64.5% 0.246 16.439deg);
+$rose-600: oklch(58.6% 0.253 17.585deg);
+$rose-700: oklch(51.4% 0.222 16.935deg);
+$rose-800: oklch(45.5% 0.188 13.697deg);
+$rose-900: oklch(41% 0.159 10.272deg);
+$rose-950: oklch(27.1% 0.105 12.094deg);

package/assets/styles/colors/_sky.scss

@@ -0,0 +1,11 @@
+$sky-50: oklch(97.7% 0.013 236.62deg);
+$sky-100: oklch(95.1% 0.026 236.824deg);
+$sky-200: oklch(90.1% 0.058 230.902deg);
+$sky-300: oklch(82.8% 0.111 230.318deg);
+$sky-400: oklch(74.6% 0.16 232.661deg);
+$sky-500: oklch(68.5% 0.169 237.323deg);
+$sky-600: oklch(58.8% 0.158 241.966deg);
+$sky-700: oklch(50% 0.134 242.749deg);
+$sky-800: oklch(44.3% 0.11 240.79deg);
+$sky-900: oklch(39.1% 0.09 240.876deg);
+$sky-950: oklch(29.3% 0.066 243.157deg);

package/assets/styles/colors/_slate.scss

@@ -0,0 +1,11 @@
+$slate-50: oklch(98.4% 0.003 247.858deg);
+$slate-100: oklch(96.8% 0.007 247.896deg);
+$slate-200: oklch(92.9% 0.013 255.508deg);
+$slate-300: oklch(86.9% 0.022 252.894deg);
+$slate-400: oklch(70.4% 0.04 256.788deg);
+$slate-500: oklch(55.4% 0.046 257.417deg);
+$slate-600: oklch(44.6% 0.043 257.281deg);
+$slate-700: oklch(37.2% 0.044 257.287deg);
+$slate-800: oklch(27.9% 0.041 260.031deg);
+$slate-900: oklch(20.8% 0.042 265.755deg);
+$slate-950: oklch(12.9% 0.042 264.695deg);

package/assets/styles/colors/_stone.scss

@@ -0,0 +1,11 @@
+$stone-50: oklch(98.5% 0.001 106.423deg);
+$stone-100: oklch(97% 0.001 106.424deg);
+$stone-200: oklch(92.3% 0.003 48.717deg);
+$stone-300: oklch(86.9% 0.005 56.366deg);
+$stone-400: oklch(70.9% 0.01 56.259deg);
+$stone-500: oklch(55.3% 0.013 58.071deg);
+$stone-600: oklch(44.4% 0.011 73.639deg);
+$stone-700: oklch(37.4% 0.01 67.558deg);
+$stone-800: oklch(26.8% 0.007 34.298deg);
+$stone-900: oklch(21.6% 0.006 56.043deg);
+$stone-950: oklch(14.7% 0.004 49.25deg);

package/assets/styles/colors/_taupe.scss

@@ -0,0 +1,11 @@
+$taupe-50: oklch(98.6% 0.002 67.8deg);
+$taupe-100: oklch(96% 0.002 17.2deg);
+$taupe-200: oklch(92.2% 0.005 34.3deg);
+$taupe-300: oklch(86.8% 0.007 39.5deg);
+$taupe-400: oklch(71.4% 0.014 41.2deg);
+$taupe-500: oklch(54.7% 0.021 43.1deg);
+$taupe-600: oklch(43.8% 0.017 39.3deg);
+$taupe-700: oklch(36.7% 0.016 35.7deg);
+$taupe-800: oklch(26.8% 0.011 36.5deg);
+$taupe-900: oklch(21.4% 0.009 43.1deg);
+$taupe-950: oklch(14.7% 0.004 49.3deg);

package/assets/styles/colors/_teal.scss

@@ -0,0 +1,11 @@
+$teal-50: oklch(98.4% 0.014 180.72deg);
+$teal-100: oklch(95.3% 0.051 180.801deg);
+$teal-200: oklch(91% 0.096 180.426deg);
+$teal-300: oklch(85.5% 0.138 181.071deg);
+$teal-400: oklch(77.7% 0.152 181.912deg);
+$teal-500: oklch(70.4% 0.14 182.503deg);
+$teal-600: oklch(60% 0.118 184.704deg);
+$teal-700: oklch(51.1% 0.096 186.391deg);
+$teal-800: oklch(43.7% 0.078 188.216deg);
+$teal-900: oklch(38.6% 0.063 188.416deg);
+$teal-950: oklch(27.7% 0.046 192.524deg);

package/assets/styles/colors/_violet.scss

@@ -0,0 +1,11 @@
+$violet-50: oklch(96.9% 0.016 293.756deg);
+$violet-100: oklch(94.3% 0.029 294.588deg);
+$violet-200: oklch(89.4% 0.057 293.283deg);
+$violet-300: oklch(81.1% 0.111 293.571deg);
+$violet-400: oklch(70.2% 0.183 293.541deg);
+$violet-500: oklch(60.6% 0.25 292.717deg);
+$violet-600: oklch(54.1% 0.281 293.009deg);
+$violet-700: oklch(49.1% 0.27 292.581deg);
+$violet-800: oklch(43.2% 0.232 292.759deg);
+$violet-900: oklch(38% 0.189 293.745deg);
+$violet-950: oklch(28.3% 0.141 291.089deg);

package/assets/styles/colors/_yellow.scss

@@ -0,0 +1,11 @@
+$yellow-50: oklch(98.7% 0.026 102.212deg);
+$yellow-100: oklch(97.3% 0.071 103.193deg);
+$yellow-200: oklch(94.5% 0.129 101.54deg);
+$yellow-300: oklch(90.5% 0.182 98.111deg);
+$yellow-400: oklch(85.2% 0.199 91.936deg);
+$yellow-500: oklch(79.5% 0.184 86.047deg);
+$yellow-600: oklch(68.1% 0.162 75.834deg);
+$yellow-700: oklch(55.4% 0.135 66.442deg);
+$yellow-800: oklch(47.6% 0.114 61.907deg);
+$yellow-900: oklch(42.1% 0.095 57.708deg);
+$yellow-950: oklch(28.6% 0.066 53.813deg);

package/assets/styles/colors/_zinc.scss

@@ -0,0 +1,11 @@
+$zinc-50: oklch(98.5% 0 0deg);
+$zinc-100: oklch(96.7% 0.001 286.375deg);
+$zinc-200: oklch(92% 0.004 286.32deg);
+$zinc-300: oklch(87.1% 0.006 286.286deg);
+$zinc-400: oklch(70.5% 0.015 286.067deg);
+$zinc-500: oklch(55.2% 0.016 285.938deg);
+$zinc-600: oklch(44.2% 0.017 285.786deg);
+$zinc-700: oklch(37% 0.013 285.805deg);
+$zinc-800: oklch(27.4% 0.006 286.033deg);
+$zinc-900: oklch(21% 0.006 285.885deg);
+$zinc-950: oklch(14.1% 0.005 285.823deg);

package/assets/styles/colors/index.scss

@@ -0,0 +1,27 @@
+@forward "amber";
+@forward "blue";
+@forward "cyan";
+@forward "common";
+@forward "emerald";
+@forward "fuchsia";
+@forward "gray";
+@forward "green";
+@forward "indigo";
+@forward "lime";
+@forward "mauve";
+@forward "mist";
+@forward "neutral";
+@forward "olive";
+@forward "orange";
+@forward "pink";
+@forward "purple";
+@forward "red";
+@forward "rose";
+@forward "sky";
+@forward "slate";
+@forward "stone";
+@forward "taupe";
+@forward "teal";
+@forward "violet";
+@forward "yellow";
+@forward "zinc";

package/assets/styles/fonts.scss

@@ -0,0 +1,387 @@
+/* cyrillic */
+@font-face {
+    font-family: Roboto;
+    font-style: normal;
+    font-weight: 100 900;
+    font-stretch: 100%;
+    font-display: swap;
+    src: url("../fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3iUBGEe.woff2") format("woff2");
+    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* cyrillic */
+@font-face {
+    font-family: Roboto;
+    font-style: italic;
+    font-weight: 100 900;
+    font-stretch: 100%;
+    font-display: swap;
+    src: url("../fonts/KFO5CnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmkAnkaWzU.woff2") format("woff2");
+    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* cyrillic */
+@font-face {
+    font-family: "Roboto Mono";
+    font-style: normal;
+    font-weight: 100 700;
+    font-display: swap;
+    src: url("../fonts/L0x5DF4xlVMF-BfR8bXMIjhPq3-OXg.woff2") format("woff2");
+    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* cyrillic */
+@font-face {
+    font-family: "Roboto Mono";
+    font-style: italic;
+    font-weight: 100 700;
+    font-display: swap;
+    src: url("../fonts/L0x7DF4xlVMF-BfR8bXMIjhOm3mWWoKC.woff2") format("woff2");
+    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* cyrillic-ext */
+@font-face {
+    font-family: Roboto;
+    font-style: normal;
+    font-weight: 100 900;
+    font-stretch: 100%;
+    font-display: swap;
+    src: url("../fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3GUBGEe.woff2") format("woff2");
+    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic-ext */
+@font-face {
+    font-family: Roboto;
+    font-style: italic;
+    font-weight: 100 900;
+    font-stretch: 100%;
+    font-display: swap;
+    src: url("../fonts/KFO5CnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmkC3kaWzU.woff2") format("woff2");
+    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic-ext */
+@font-face {
+    font-family: "Roboto Mono";
+    font-style: normal;
+    font-weight: 100 700;
+    font-display: swap;
+    src: url("../fonts/L0x5DF4xlVMF-BfR8bXMIjhGq3-OXg.woff2") format("woff2");
+    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic-ext */
+@font-face {
+    font-family: "Roboto Mono";
+    font-style: italic;
+    font-weight: 100 700;
+    font-display: swap;
+    src: url("../fonts/L0x7DF4xlVMF-BfR8bXMIjhOm3CWWoKC.woff2") format("woff2");
+    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* greek */
+@font-face {
+    font-family: Roboto;
+    font-style: normal;
+    font-weight: 100 900;
+    font-stretch: 100%;
+    font-display: swap;
+    src: url("../fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3-UBGEe.woff2") format("woff2");
+    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
+}
+
+/* greek */
+@font-face {
+    font-family: Roboto;
+    font-style: italic;
+    font-weight: 100 900;
+    font-stretch: 100%;
+    font-display: swap;
+    src: url("../fonts/KFO5CnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmkBXkaWzU.woff2") format("woff2");
+    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
+}
+
+/* greek */
+@font-face {
+    font-family: "Roboto Mono";
+    font-style: normal;
+    font-weight: 100 700;
+    font-display: swap;
+    src: url("../fonts/L0x5DF4xlVMF-BfR8bXMIjhIq3-OXg.woff2") format("woff2");
+    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
+}
+
+/* greek */
+@font-face {
+    font-family: "Roboto Mono";
+    font-style: italic;
+    font-weight: 100 700;
+    font-display: swap;
+    src: url("../fonts/L0x7DF4xlVMF-BfR8bXMIjhOm36WWoKC.woff2") format("woff2");
+    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
+}
+
+/* greek-ext */
+@font-face {
+    font-family: Roboto;
+    font-style: normal;
+    font-weight: 100 900;
+    font-stretch: 100%;
+    font-display: swap;
+    src: url("../fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3CUBGEe.woff2") format("woff2");
+    unicode-range: U+1F00-1FFF;
+}
+
+/* greek-ext */
+@font-face {
+    font-family: Roboto;
+    font-style: italic;
+    font-weight: 100 900;
+    font-stretch: 100%;
+    font-display: swap;
+    src: url("../fonts/KFO5CnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmkCnkaWzU.woff2") format("woff2");
+    unicode-range: U+1F00-1FFF;
+}
+
+/* latin */
+@font-face {
+    font-family: Roboto;
+    font-style: normal;
+    font-weight: 100 900;
+    font-stretch: 100%;
+    font-display: swap;
+    src: url("../fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3yUBA.woff2") format("woff2");
+    unicode-range:
+        U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F,
+        U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* latin */
+@font-face {
+    font-family: Roboto;
+    font-style: italic;
+    font-weight: 100 900;
+    font-stretch: 100%;
+    font-display: swap;
+    src: url("../fonts/KFO5CnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmkBnka.woff2") format("woff2");
+    unicode-range:
+        U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F,
+        U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* latin */
+@font-face {
+    font-family: "Roboto Mono";
+    font-style: normal;
+    font-weight: 100 700;
+    font-display: swap;
+    src: url("../fonts/L0x5DF4xlVMF-BfR8bXMIjhLq38.woff2") format("woff2");
+    unicode-range:
+        U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F,
+        U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* latin */
+@font-face {
+    font-family: "Roboto Mono";
+    font-style: italic;
+    font-weight: 100 700;
+    font-display: swap;
+    src: url("../fonts/L0x7DF4xlVMF-BfR8bXMIjhOm32WWg.woff2") format("woff2");
+    unicode-range:
+        U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F,
+        U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* latin-ext */
+@font-face {
+    font-family: Roboto;
+    font-style: normal;
+    font-weight: 100 900;
+    font-stretch: 100%;
+    font-display: swap;
+    src: url("../fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3KUBGEe.woff2") format("woff2");
+    unicode-range:
+        U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF,
+        U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin-ext */
+@font-face {
+    font-family: Roboto;
+    font-style: italic;
+    font-weight: 100 900;
+    font-stretch: 100%;
+    font-display: swap;
+    src: url("../fonts/KFO5CnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmkCHkaWzU.woff2") format("woff2");
+    unicode-range:
+        U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF,
+        U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin-ext */
+@font-face {
+    font-family: "Roboto Mono";
+    font-style: normal;
+    font-weight: 100 700;
+    font-display: swap;
+    src: url("../fonts/L0x5DF4xlVMF-BfR8bXMIjhFq3-OXg.woff2") format("woff2");
+    unicode-range:
+        U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF,
+        U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin-ext */
+@font-face {
+    font-family: "Roboto Mono";
+    font-style: italic;
+    font-weight: 100 700;
+    font-display: swap;
+    src: url("../fonts/L0x7DF4xlVMF-BfR8bXMIjhOm3OWWoKC.woff2") format("woff2");
+    unicode-range:
+        U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF,
+        U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* math */
+@font-face {
+    font-family: Roboto;
+    font-style: normal;
+    font-weight: 100 900;
+    font-stretch: 100%;
+    font-display: swap;
+    src: url("../fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMawCUBGEe.woff2") format("woff2");
+    unicode-range:
+        U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333,
+        U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1,
+        U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071,
+        U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F,
+        U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B,
+        U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF,
+        U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11,
+        U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
+}
+
+/* math */
+@font-face {
+    font-family: Roboto;
+    font-style: italic;
+    font-weight: 100 900;
+    font-stretch: 100%;
+    font-display: swap;
+    src: url("../fonts/KFO5CnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmkenkaWzU.woff2") format("woff2");
+    unicode-range:
+        U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333,
+        U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1,
+        U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071,
+        U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F,
+        U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B,
+        U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF,
+        U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11,
+        U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
+}
+
+/* symbols */
+@font-face {
+    font-family: Roboto;
+    font-style: normal;
+    font-weight: 100 900;
+    font-stretch: 100%;
+    font-display: swap;
+    src: url("../fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMaxKUBGEe.woff2") format("woff2");
+    unicode-range:
+        U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199,
+        U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF,
+        U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB,
+        U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3,
+        U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E,
+        U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2,
+        U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F,
+        U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3,
+        U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6,
+        U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513,
+        U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD,
+        U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC,
+        U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB,
+        U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C,
+        U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB00-1FBFF;
+}
+
+/* symbols */
+@font-face {
+    font-family: Roboto;
+    font-style: italic;
+    font-weight: 100 900;
+    font-stretch: 100%;
+    font-display: swap;
+    src: url("../fonts/KFO5CnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmkaHkaWzU.woff2") format("woff2");
+    unicode-range:
+        U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199,
+        U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF,
+        U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB,
+        U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3,
+        U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E,
+        U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2,
+        U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F,
+        U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3,
+        U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6,
+        U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513,
+        U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD,
+        U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC,
+        U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB,
+        U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C,
+        U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB00-1FBFF;
+}
+
+/* vietnamese */
+@font-face {
+    font-family: Roboto;
+    font-style: normal;
+    font-weight: 100 900;
+    font-stretch: 100%;
+    font-display: swap;
+    src: url("../fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3OUBGEe.woff2") format("woff2");
+    unicode-range:
+        U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304,
+        U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
+}
+
+/* vietnamese */
+@font-face {
+    font-family: Roboto;
+    font-style: italic;
+    font-weight: 100 900;
+    font-stretch: 100%;
+    font-display: swap;
+    src: url("../fonts/KFO5CnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmkCXkaWzU.woff2") format("woff2");
+    unicode-range:
+        U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304,
+        U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
+}
+
+/* vietnamese */
+@font-face {
+    font-family: "Roboto Mono";
+    font-style: normal;
+    font-weight: 100 700;
+    font-display: swap;
+    src: url("../fonts/L0x5DF4xlVMF-BfR8bXMIjhEq3-OXg.woff2") format("woff2");
+    unicode-range:
+        U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304,
+        U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
+}
+
+/* vietnamese */
+@font-face {
+    font-family: "Roboto Mono";
+    font-style: italic;
+    font-weight: 100 700;
+    font-display: swap;
+    src: url("../fonts/L0x7DF4xlVMF-BfR8bXMIjhOm3KWWoKC.woff2") format("woff2");
+    unicode-range:
+        U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304,
+        U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
+}

package/assets/styles/main.scss

@@ -0,0 +1,17 @@
+@use "./theme-variables" as tv;
+@use "./colors" as c;
+@use "./normalize";
+
+html,
+body {
+    font-family: tv.$font-family;
+    font-size: 16px;
+    font-weight: tv.$font-weight-normal;
+    font-style: tv.$font-style;
+    font-optical-sizing: tv.$font-optical-sizing;
+    font-variation-settings: tv.$font-variation-settings;
+
+    background-color: c.$neutral-100;
+    color: c.$neutral-900;
+    padding: 0;
+}

package/assets/styles/theme-variables/_layout.scss

@@ -0,0 +1,8 @@
+$radius-xs: 0.125rem;
+$radius-sm: 0.25rem;
+$radius-md: 0.375rem;
+$radius-lg: 0.5rem;
+$radius-xl: 0.75rem;
+$radius-2xl: 1rem;
+$radius-3xl: 1.5rem;
+$radius-4xl: 2rem;