tailwind-preset-mantine 2.0.0-beta.1 → 2.0.0-beta.2

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 (5) hide show
  1. package/README.md +1 -1
  2. package/package.json +1 -1
  3. package/src/generate.js +1 -1
  4. package/src/index.css +262 -261
  5. package/src/theme.css +261 -260
package/README.md CHANGED
@@ -36,7 +36,7 @@ To use the preset in your Tailwind CSS configuration, add it to the css file:
36
36
  Note that you don't have to import tailwind or mantine styles, this preset will handle that for you. If you want to import it yourself, you can use the `./theme.css` file:
37
37
 
38
38
  ```css
39
- @layer theme, base, components, utilities;
39
+ @layer theme, base, mantine, components, utilities;
40
40
  @import "tailwindcss/theme.css" layer(theme);
41
41
  @import "tailwindcss/preflight.css" layer(base);
42
42
  @import "tailwindcss/utilities.css" layer(utilities);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tailwind-preset-mantine",
3
- "version": "2.0.0-beta.1",
3
+ "version": "2.0.0-beta.2",
4
4
  "description": "Integrate Mantine with Tailwind CSS",
5
5
  "keywords": [
6
6
  "mantine",
package/src/generate.js CHANGED
@@ -7,7 +7,7 @@ import { DEFAULT_THEME } from "@mantine/core";
7
7
  export function generateDefaultImports() {
8
8
  return `
9
9
  /** This file is autogenerated by the script. Do not edit it manually. */
10
- @layer theme, base, components, utilities;
10
+ @layer theme, base, mantine, components, utilities;
11
11
  @import "tailwindcss/theme.css" layer(theme);
12
12
  @import "tailwindcss/preflight.css" layer(base);
13
13
  @import "tailwindcss/utilities.css" layer(utilities);
package/src/index.css CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  /** This file is autogenerated by the script. Do not edit it manually. */
3
- @layer theme, base, components, utilities;
3
+ @layer theme, base, mantine, components, utilities;
4
4
  @import "tailwindcss/theme.css" layer(theme);
5
5
  @import "tailwindcss/preflight.css" layer(base);
6
6
  @import "tailwindcss/utilities.css" layer(utilities);
@@ -11,181 +11,12 @@
11
11
  @custom-variant dark (&:where([data-mantine-color-scheme="dark"], [data-mantine-color-scheme="dark"] *));
12
12
 
13
13
  @theme {
14
+
14
15
  /* font */
15
16
  --font-sans: var(--mantine-font-family);
16
17
  --font-mono: var(--mantine-font-family-monospace);
17
18
  --font-headings: var(--mantine-font-family-headings);
18
19
 
19
- /* colors - all */
20
-
21
- --color-dark-50: rgb(from var(--mantine-color-#C9C9C9,#b8b8b8,#828282,#696969,#424242,#3b3b3b,#2e2e2e,#242424,#1f1f1f,#141414-0) r g b / <alpha-value>);
22
- --color-dark-100: rgb(from var(--mantine-color-#C9C9C9,#b8b8b8,#828282,#696969,#424242,#3b3b3b,#2e2e2e,#242424,#1f1f1f,#141414-1) r g b / <alpha-value>);
23
- --color-dark-200: rgb(from var(--mantine-color-#C9C9C9,#b8b8b8,#828282,#696969,#424242,#3b3b3b,#2e2e2e,#242424,#1f1f1f,#141414-2) r g b / <alpha-value>);
24
- --color-dark-300: rgb(from var(--mantine-color-#C9C9C9,#b8b8b8,#828282,#696969,#424242,#3b3b3b,#2e2e2e,#242424,#1f1f1f,#141414-3) r g b / <alpha-value>);
25
- --color-dark-400: rgb(from var(--mantine-color-#C9C9C9,#b8b8b8,#828282,#696969,#424242,#3b3b3b,#2e2e2e,#242424,#1f1f1f,#141414-4) r g b / <alpha-value>);
26
- --color-dark-500: rgb(from var(--mantine-color-#C9C9C9,#b8b8b8,#828282,#696969,#424242,#3b3b3b,#2e2e2e,#242424,#1f1f1f,#141414-5) r g b / <alpha-value>);
27
- --color-dark-600: rgb(from var(--mantine-color-#C9C9C9,#b8b8b8,#828282,#696969,#424242,#3b3b3b,#2e2e2e,#242424,#1f1f1f,#141414-6) r g b / <alpha-value>);
28
- --color-dark-700: rgb(from var(--mantine-color-#C9C9C9,#b8b8b8,#828282,#696969,#424242,#3b3b3b,#2e2e2e,#242424,#1f1f1f,#141414-7) r g b / <alpha-value>);
29
- --color-dark-800: rgb(from var(--mantine-color-#C9C9C9,#b8b8b8,#828282,#696969,#424242,#3b3b3b,#2e2e2e,#242424,#1f1f1f,#141414-8) r g b / <alpha-value>);
30
- --color-dark-900: rgb(from var(--mantine-color-#C9C9C9,#b8b8b8,#828282,#696969,#424242,#3b3b3b,#2e2e2e,#242424,#1f1f1f,#141414-9) r g b / <alpha-value>);
31
- --color-dark: rgb(from var(--mantine-color-#C9C9C9,#b8b8b8,#828282,#696969,#424242,#3b3b3b,#2e2e2e,#242424,#1f1f1f,#141414-filled) r g b / <alpha-value>);
32
-
33
- --color-gray-50: rgb(from var(--mantine-color-#f8f9fa,#f1f3f5,#e9ecef,#dee2e6,#ced4da,#adb5bd,#868e96,#495057,#343a40,#212529-0) r g b / <alpha-value>);
34
- --color-gray-100: rgb(from var(--mantine-color-#f8f9fa,#f1f3f5,#e9ecef,#dee2e6,#ced4da,#adb5bd,#868e96,#495057,#343a40,#212529-1) r g b / <alpha-value>);
35
- --color-gray-200: rgb(from var(--mantine-color-#f8f9fa,#f1f3f5,#e9ecef,#dee2e6,#ced4da,#adb5bd,#868e96,#495057,#343a40,#212529-2) r g b / <alpha-value>);
36
- --color-gray-300: rgb(from var(--mantine-color-#f8f9fa,#f1f3f5,#e9ecef,#dee2e6,#ced4da,#adb5bd,#868e96,#495057,#343a40,#212529-3) r g b / <alpha-value>);
37
- --color-gray-400: rgb(from var(--mantine-color-#f8f9fa,#f1f3f5,#e9ecef,#dee2e6,#ced4da,#adb5bd,#868e96,#495057,#343a40,#212529-4) r g b / <alpha-value>);
38
- --color-gray-500: rgb(from var(--mantine-color-#f8f9fa,#f1f3f5,#e9ecef,#dee2e6,#ced4da,#adb5bd,#868e96,#495057,#343a40,#212529-5) r g b / <alpha-value>);
39
- --color-gray-600: rgb(from var(--mantine-color-#f8f9fa,#f1f3f5,#e9ecef,#dee2e6,#ced4da,#adb5bd,#868e96,#495057,#343a40,#212529-6) r g b / <alpha-value>);
40
- --color-gray-700: rgb(from var(--mantine-color-#f8f9fa,#f1f3f5,#e9ecef,#dee2e6,#ced4da,#adb5bd,#868e96,#495057,#343a40,#212529-7) r g b / <alpha-value>);
41
- --color-gray-800: rgb(from var(--mantine-color-#f8f9fa,#f1f3f5,#e9ecef,#dee2e6,#ced4da,#adb5bd,#868e96,#495057,#343a40,#212529-8) r g b / <alpha-value>);
42
- --color-gray-900: rgb(from var(--mantine-color-#f8f9fa,#f1f3f5,#e9ecef,#dee2e6,#ced4da,#adb5bd,#868e96,#495057,#343a40,#212529-9) r g b / <alpha-value>);
43
- --color-gray: rgb(from var(--mantine-color-#f8f9fa,#f1f3f5,#e9ecef,#dee2e6,#ced4da,#adb5bd,#868e96,#495057,#343a40,#212529-filled) r g b / <alpha-value>);
44
-
45
- --color-red-50: rgb(from var(--mantine-color-#fff5f5,#ffe3e3,#ffc9c9,#ffa8a8,#ff8787,#ff6b6b,#fa5252,#f03e3e,#e03131,#c92a2a-0) r g b / <alpha-value>);
46
- --color-red-100: rgb(from var(--mantine-color-#fff5f5,#ffe3e3,#ffc9c9,#ffa8a8,#ff8787,#ff6b6b,#fa5252,#f03e3e,#e03131,#c92a2a-1) r g b / <alpha-value>);
47
- --color-red-200: rgb(from var(--mantine-color-#fff5f5,#ffe3e3,#ffc9c9,#ffa8a8,#ff8787,#ff6b6b,#fa5252,#f03e3e,#e03131,#c92a2a-2) r g b / <alpha-value>);
48
- --color-red-300: rgb(from var(--mantine-color-#fff5f5,#ffe3e3,#ffc9c9,#ffa8a8,#ff8787,#ff6b6b,#fa5252,#f03e3e,#e03131,#c92a2a-3) r g b / <alpha-value>);
49
- --color-red-400: rgb(from var(--mantine-color-#fff5f5,#ffe3e3,#ffc9c9,#ffa8a8,#ff8787,#ff6b6b,#fa5252,#f03e3e,#e03131,#c92a2a-4) r g b / <alpha-value>);
50
- --color-red-500: rgb(from var(--mantine-color-#fff5f5,#ffe3e3,#ffc9c9,#ffa8a8,#ff8787,#ff6b6b,#fa5252,#f03e3e,#e03131,#c92a2a-5) r g b / <alpha-value>);
51
- --color-red-600: rgb(from var(--mantine-color-#fff5f5,#ffe3e3,#ffc9c9,#ffa8a8,#ff8787,#ff6b6b,#fa5252,#f03e3e,#e03131,#c92a2a-6) r g b / <alpha-value>);
52
- --color-red-700: rgb(from var(--mantine-color-#fff5f5,#ffe3e3,#ffc9c9,#ffa8a8,#ff8787,#ff6b6b,#fa5252,#f03e3e,#e03131,#c92a2a-7) r g b / <alpha-value>);
53
- --color-red-800: rgb(from var(--mantine-color-#fff5f5,#ffe3e3,#ffc9c9,#ffa8a8,#ff8787,#ff6b6b,#fa5252,#f03e3e,#e03131,#c92a2a-8) r g b / <alpha-value>);
54
- --color-red-900: rgb(from var(--mantine-color-#fff5f5,#ffe3e3,#ffc9c9,#ffa8a8,#ff8787,#ff6b6b,#fa5252,#f03e3e,#e03131,#c92a2a-9) r g b / <alpha-value>);
55
- --color-red: rgb(from var(--mantine-color-#fff5f5,#ffe3e3,#ffc9c9,#ffa8a8,#ff8787,#ff6b6b,#fa5252,#f03e3e,#e03131,#c92a2a-filled) r g b / <alpha-value>);
56
-
57
- --color-pink-50: rgb(from var(--mantine-color-#fff0f6,#ffdeeb,#fcc2d7,#faa2c1,#f783ac,#f06595,#e64980,#d6336c,#c2255c,#a61e4d-0) r g b / <alpha-value>);
58
- --color-pink-100: rgb(from var(--mantine-color-#fff0f6,#ffdeeb,#fcc2d7,#faa2c1,#f783ac,#f06595,#e64980,#d6336c,#c2255c,#a61e4d-1) r g b / <alpha-value>);
59
- --color-pink-200: rgb(from var(--mantine-color-#fff0f6,#ffdeeb,#fcc2d7,#faa2c1,#f783ac,#f06595,#e64980,#d6336c,#c2255c,#a61e4d-2) r g b / <alpha-value>);
60
- --color-pink-300: rgb(from var(--mantine-color-#fff0f6,#ffdeeb,#fcc2d7,#faa2c1,#f783ac,#f06595,#e64980,#d6336c,#c2255c,#a61e4d-3) r g b / <alpha-value>);
61
- --color-pink-400: rgb(from var(--mantine-color-#fff0f6,#ffdeeb,#fcc2d7,#faa2c1,#f783ac,#f06595,#e64980,#d6336c,#c2255c,#a61e4d-4) r g b / <alpha-value>);
62
- --color-pink-500: rgb(from var(--mantine-color-#fff0f6,#ffdeeb,#fcc2d7,#faa2c1,#f783ac,#f06595,#e64980,#d6336c,#c2255c,#a61e4d-5) r g b / <alpha-value>);
63
- --color-pink-600: rgb(from var(--mantine-color-#fff0f6,#ffdeeb,#fcc2d7,#faa2c1,#f783ac,#f06595,#e64980,#d6336c,#c2255c,#a61e4d-6) r g b / <alpha-value>);
64
- --color-pink-700: rgb(from var(--mantine-color-#fff0f6,#ffdeeb,#fcc2d7,#faa2c1,#f783ac,#f06595,#e64980,#d6336c,#c2255c,#a61e4d-7) r g b / <alpha-value>);
65
- --color-pink-800: rgb(from var(--mantine-color-#fff0f6,#ffdeeb,#fcc2d7,#faa2c1,#f783ac,#f06595,#e64980,#d6336c,#c2255c,#a61e4d-8) r g b / <alpha-value>);
66
- --color-pink-900: rgb(from var(--mantine-color-#fff0f6,#ffdeeb,#fcc2d7,#faa2c1,#f783ac,#f06595,#e64980,#d6336c,#c2255c,#a61e4d-9) r g b / <alpha-value>);
67
- --color-pink: rgb(from var(--mantine-color-#fff0f6,#ffdeeb,#fcc2d7,#faa2c1,#f783ac,#f06595,#e64980,#d6336c,#c2255c,#a61e4d-filled) r g b / <alpha-value>);
68
-
69
- --color-grape-50: rgb(from var(--mantine-color-#f8f0fc,#f3d9fa,#eebefa,#e599f7,#da77f2,#cc5de8,#be4bdb,#ae3ec9,#9c36b5,#862e9c-0) r g b / <alpha-value>);
70
- --color-grape-100: rgb(from var(--mantine-color-#f8f0fc,#f3d9fa,#eebefa,#e599f7,#da77f2,#cc5de8,#be4bdb,#ae3ec9,#9c36b5,#862e9c-1) r g b / <alpha-value>);
71
- --color-grape-200: rgb(from var(--mantine-color-#f8f0fc,#f3d9fa,#eebefa,#e599f7,#da77f2,#cc5de8,#be4bdb,#ae3ec9,#9c36b5,#862e9c-2) r g b / <alpha-value>);
72
- --color-grape-300: rgb(from var(--mantine-color-#f8f0fc,#f3d9fa,#eebefa,#e599f7,#da77f2,#cc5de8,#be4bdb,#ae3ec9,#9c36b5,#862e9c-3) r g b / <alpha-value>);
73
- --color-grape-400: rgb(from var(--mantine-color-#f8f0fc,#f3d9fa,#eebefa,#e599f7,#da77f2,#cc5de8,#be4bdb,#ae3ec9,#9c36b5,#862e9c-4) r g b / <alpha-value>);
74
- --color-grape-500: rgb(from var(--mantine-color-#f8f0fc,#f3d9fa,#eebefa,#e599f7,#da77f2,#cc5de8,#be4bdb,#ae3ec9,#9c36b5,#862e9c-5) r g b / <alpha-value>);
75
- --color-grape-600: rgb(from var(--mantine-color-#f8f0fc,#f3d9fa,#eebefa,#e599f7,#da77f2,#cc5de8,#be4bdb,#ae3ec9,#9c36b5,#862e9c-6) r g b / <alpha-value>);
76
- --color-grape-700: rgb(from var(--mantine-color-#f8f0fc,#f3d9fa,#eebefa,#e599f7,#da77f2,#cc5de8,#be4bdb,#ae3ec9,#9c36b5,#862e9c-7) r g b / <alpha-value>);
77
- --color-grape-800: rgb(from var(--mantine-color-#f8f0fc,#f3d9fa,#eebefa,#e599f7,#da77f2,#cc5de8,#be4bdb,#ae3ec9,#9c36b5,#862e9c-8) r g b / <alpha-value>);
78
- --color-grape-900: rgb(from var(--mantine-color-#f8f0fc,#f3d9fa,#eebefa,#e599f7,#da77f2,#cc5de8,#be4bdb,#ae3ec9,#9c36b5,#862e9c-9) r g b / <alpha-value>);
79
- --color-grape: rgb(from var(--mantine-color-#f8f0fc,#f3d9fa,#eebefa,#e599f7,#da77f2,#cc5de8,#be4bdb,#ae3ec9,#9c36b5,#862e9c-filled) r g b / <alpha-value>);
80
-
81
- --color-violet-50: rgb(from var(--mantine-color-#f3f0ff,#e5dbff,#d0bfff,#b197fc,#9775fa,#845ef7,#7950f2,#7048e8,#6741d9,#5f3dc4-0) r g b / <alpha-value>);
82
- --color-violet-100: rgb(from var(--mantine-color-#f3f0ff,#e5dbff,#d0bfff,#b197fc,#9775fa,#845ef7,#7950f2,#7048e8,#6741d9,#5f3dc4-1) r g b / <alpha-value>);
83
- --color-violet-200: rgb(from var(--mantine-color-#f3f0ff,#e5dbff,#d0bfff,#b197fc,#9775fa,#845ef7,#7950f2,#7048e8,#6741d9,#5f3dc4-2) r g b / <alpha-value>);
84
- --color-violet-300: rgb(from var(--mantine-color-#f3f0ff,#e5dbff,#d0bfff,#b197fc,#9775fa,#845ef7,#7950f2,#7048e8,#6741d9,#5f3dc4-3) r g b / <alpha-value>);
85
- --color-violet-400: rgb(from var(--mantine-color-#f3f0ff,#e5dbff,#d0bfff,#b197fc,#9775fa,#845ef7,#7950f2,#7048e8,#6741d9,#5f3dc4-4) r g b / <alpha-value>);
86
- --color-violet-500: rgb(from var(--mantine-color-#f3f0ff,#e5dbff,#d0bfff,#b197fc,#9775fa,#845ef7,#7950f2,#7048e8,#6741d9,#5f3dc4-5) r g b / <alpha-value>);
87
- --color-violet-600: rgb(from var(--mantine-color-#f3f0ff,#e5dbff,#d0bfff,#b197fc,#9775fa,#845ef7,#7950f2,#7048e8,#6741d9,#5f3dc4-6) r g b / <alpha-value>);
88
- --color-violet-700: rgb(from var(--mantine-color-#f3f0ff,#e5dbff,#d0bfff,#b197fc,#9775fa,#845ef7,#7950f2,#7048e8,#6741d9,#5f3dc4-7) r g b / <alpha-value>);
89
- --color-violet-800: rgb(from var(--mantine-color-#f3f0ff,#e5dbff,#d0bfff,#b197fc,#9775fa,#845ef7,#7950f2,#7048e8,#6741d9,#5f3dc4-8) r g b / <alpha-value>);
90
- --color-violet-900: rgb(from var(--mantine-color-#f3f0ff,#e5dbff,#d0bfff,#b197fc,#9775fa,#845ef7,#7950f2,#7048e8,#6741d9,#5f3dc4-9) r g b / <alpha-value>);
91
- --color-violet: rgb(from var(--mantine-color-#f3f0ff,#e5dbff,#d0bfff,#b197fc,#9775fa,#845ef7,#7950f2,#7048e8,#6741d9,#5f3dc4-filled) r g b / <alpha-value>);
92
-
93
- --color-indigo-50: rgb(from var(--mantine-color-#edf2ff,#dbe4ff,#bac8ff,#91a7ff,#748ffc,#5c7cfa,#4c6ef5,#4263eb,#3b5bdb,#364fc7-0) r g b / <alpha-value>);
94
- --color-indigo-100: rgb(from var(--mantine-color-#edf2ff,#dbe4ff,#bac8ff,#91a7ff,#748ffc,#5c7cfa,#4c6ef5,#4263eb,#3b5bdb,#364fc7-1) r g b / <alpha-value>);
95
- --color-indigo-200: rgb(from var(--mantine-color-#edf2ff,#dbe4ff,#bac8ff,#91a7ff,#748ffc,#5c7cfa,#4c6ef5,#4263eb,#3b5bdb,#364fc7-2) r g b / <alpha-value>);
96
- --color-indigo-300: rgb(from var(--mantine-color-#edf2ff,#dbe4ff,#bac8ff,#91a7ff,#748ffc,#5c7cfa,#4c6ef5,#4263eb,#3b5bdb,#364fc7-3) r g b / <alpha-value>);
97
- --color-indigo-400: rgb(from var(--mantine-color-#edf2ff,#dbe4ff,#bac8ff,#91a7ff,#748ffc,#5c7cfa,#4c6ef5,#4263eb,#3b5bdb,#364fc7-4) r g b / <alpha-value>);
98
- --color-indigo-500: rgb(from var(--mantine-color-#edf2ff,#dbe4ff,#bac8ff,#91a7ff,#748ffc,#5c7cfa,#4c6ef5,#4263eb,#3b5bdb,#364fc7-5) r g b / <alpha-value>);
99
- --color-indigo-600: rgb(from var(--mantine-color-#edf2ff,#dbe4ff,#bac8ff,#91a7ff,#748ffc,#5c7cfa,#4c6ef5,#4263eb,#3b5bdb,#364fc7-6) r g b / <alpha-value>);
100
- --color-indigo-700: rgb(from var(--mantine-color-#edf2ff,#dbe4ff,#bac8ff,#91a7ff,#748ffc,#5c7cfa,#4c6ef5,#4263eb,#3b5bdb,#364fc7-7) r g b / <alpha-value>);
101
- --color-indigo-800: rgb(from var(--mantine-color-#edf2ff,#dbe4ff,#bac8ff,#91a7ff,#748ffc,#5c7cfa,#4c6ef5,#4263eb,#3b5bdb,#364fc7-8) r g b / <alpha-value>);
102
- --color-indigo-900: rgb(from var(--mantine-color-#edf2ff,#dbe4ff,#bac8ff,#91a7ff,#748ffc,#5c7cfa,#4c6ef5,#4263eb,#3b5bdb,#364fc7-9) r g b / <alpha-value>);
103
- --color-indigo: rgb(from var(--mantine-color-#edf2ff,#dbe4ff,#bac8ff,#91a7ff,#748ffc,#5c7cfa,#4c6ef5,#4263eb,#3b5bdb,#364fc7-filled) r g b / <alpha-value>);
104
-
105
- --color-blue-50: rgb(from var(--mantine-color-#e7f5ff,#d0ebff,#a5d8ff,#74c0fc,#4dabf7,#339af0,#228be6,#1c7ed6,#1971c2,#1864ab-0) r g b / <alpha-value>);
106
- --color-blue-100: rgb(from var(--mantine-color-#e7f5ff,#d0ebff,#a5d8ff,#74c0fc,#4dabf7,#339af0,#228be6,#1c7ed6,#1971c2,#1864ab-1) r g b / <alpha-value>);
107
- --color-blue-200: rgb(from var(--mantine-color-#e7f5ff,#d0ebff,#a5d8ff,#74c0fc,#4dabf7,#339af0,#228be6,#1c7ed6,#1971c2,#1864ab-2) r g b / <alpha-value>);
108
- --color-blue-300: rgb(from var(--mantine-color-#e7f5ff,#d0ebff,#a5d8ff,#74c0fc,#4dabf7,#339af0,#228be6,#1c7ed6,#1971c2,#1864ab-3) r g b / <alpha-value>);
109
- --color-blue-400: rgb(from var(--mantine-color-#e7f5ff,#d0ebff,#a5d8ff,#74c0fc,#4dabf7,#339af0,#228be6,#1c7ed6,#1971c2,#1864ab-4) r g b / <alpha-value>);
110
- --color-blue-500: rgb(from var(--mantine-color-#e7f5ff,#d0ebff,#a5d8ff,#74c0fc,#4dabf7,#339af0,#228be6,#1c7ed6,#1971c2,#1864ab-5) r g b / <alpha-value>);
111
- --color-blue-600: rgb(from var(--mantine-color-#e7f5ff,#d0ebff,#a5d8ff,#74c0fc,#4dabf7,#339af0,#228be6,#1c7ed6,#1971c2,#1864ab-6) r g b / <alpha-value>);
112
- --color-blue-700: rgb(from var(--mantine-color-#e7f5ff,#d0ebff,#a5d8ff,#74c0fc,#4dabf7,#339af0,#228be6,#1c7ed6,#1971c2,#1864ab-7) r g b / <alpha-value>);
113
- --color-blue-800: rgb(from var(--mantine-color-#e7f5ff,#d0ebff,#a5d8ff,#74c0fc,#4dabf7,#339af0,#228be6,#1c7ed6,#1971c2,#1864ab-8) r g b / <alpha-value>);
114
- --color-blue-900: rgb(from var(--mantine-color-#e7f5ff,#d0ebff,#a5d8ff,#74c0fc,#4dabf7,#339af0,#228be6,#1c7ed6,#1971c2,#1864ab-9) r g b / <alpha-value>);
115
- --color-blue: rgb(from var(--mantine-color-#e7f5ff,#d0ebff,#a5d8ff,#74c0fc,#4dabf7,#339af0,#228be6,#1c7ed6,#1971c2,#1864ab-filled) r g b / <alpha-value>);
116
-
117
- --color-cyan-50: rgb(from var(--mantine-color-#e3fafc,#c5f6fa,#99e9f2,#66d9e8,#3bc9db,#22b8cf,#15aabf,#1098ad,#0c8599,#0b7285-0) r g b / <alpha-value>);
118
- --color-cyan-100: rgb(from var(--mantine-color-#e3fafc,#c5f6fa,#99e9f2,#66d9e8,#3bc9db,#22b8cf,#15aabf,#1098ad,#0c8599,#0b7285-1) r g b / <alpha-value>);
119
- --color-cyan-200: rgb(from var(--mantine-color-#e3fafc,#c5f6fa,#99e9f2,#66d9e8,#3bc9db,#22b8cf,#15aabf,#1098ad,#0c8599,#0b7285-2) r g b / <alpha-value>);
120
- --color-cyan-300: rgb(from var(--mantine-color-#e3fafc,#c5f6fa,#99e9f2,#66d9e8,#3bc9db,#22b8cf,#15aabf,#1098ad,#0c8599,#0b7285-3) r g b / <alpha-value>);
121
- --color-cyan-400: rgb(from var(--mantine-color-#e3fafc,#c5f6fa,#99e9f2,#66d9e8,#3bc9db,#22b8cf,#15aabf,#1098ad,#0c8599,#0b7285-4) r g b / <alpha-value>);
122
- --color-cyan-500: rgb(from var(--mantine-color-#e3fafc,#c5f6fa,#99e9f2,#66d9e8,#3bc9db,#22b8cf,#15aabf,#1098ad,#0c8599,#0b7285-5) r g b / <alpha-value>);
123
- --color-cyan-600: rgb(from var(--mantine-color-#e3fafc,#c5f6fa,#99e9f2,#66d9e8,#3bc9db,#22b8cf,#15aabf,#1098ad,#0c8599,#0b7285-6) r g b / <alpha-value>);
124
- --color-cyan-700: rgb(from var(--mantine-color-#e3fafc,#c5f6fa,#99e9f2,#66d9e8,#3bc9db,#22b8cf,#15aabf,#1098ad,#0c8599,#0b7285-7) r g b / <alpha-value>);
125
- --color-cyan-800: rgb(from var(--mantine-color-#e3fafc,#c5f6fa,#99e9f2,#66d9e8,#3bc9db,#22b8cf,#15aabf,#1098ad,#0c8599,#0b7285-8) r g b / <alpha-value>);
126
- --color-cyan-900: rgb(from var(--mantine-color-#e3fafc,#c5f6fa,#99e9f2,#66d9e8,#3bc9db,#22b8cf,#15aabf,#1098ad,#0c8599,#0b7285-9) r g b / <alpha-value>);
127
- --color-cyan: rgb(from var(--mantine-color-#e3fafc,#c5f6fa,#99e9f2,#66d9e8,#3bc9db,#22b8cf,#15aabf,#1098ad,#0c8599,#0b7285-filled) r g b / <alpha-value>);
128
-
129
- --color-teal-50: rgb(from var(--mantine-color-#e6fcf5,#c3fae8,#96f2d7,#63e6be,#38d9a9,#20c997,#12b886,#0ca678,#099268,#087f5b-0) r g b / <alpha-value>);
130
- --color-teal-100: rgb(from var(--mantine-color-#e6fcf5,#c3fae8,#96f2d7,#63e6be,#38d9a9,#20c997,#12b886,#0ca678,#099268,#087f5b-1) r g b / <alpha-value>);
131
- --color-teal-200: rgb(from var(--mantine-color-#e6fcf5,#c3fae8,#96f2d7,#63e6be,#38d9a9,#20c997,#12b886,#0ca678,#099268,#087f5b-2) r g b / <alpha-value>);
132
- --color-teal-300: rgb(from var(--mantine-color-#e6fcf5,#c3fae8,#96f2d7,#63e6be,#38d9a9,#20c997,#12b886,#0ca678,#099268,#087f5b-3) r g b / <alpha-value>);
133
- --color-teal-400: rgb(from var(--mantine-color-#e6fcf5,#c3fae8,#96f2d7,#63e6be,#38d9a9,#20c997,#12b886,#0ca678,#099268,#087f5b-4) r g b / <alpha-value>);
134
- --color-teal-500: rgb(from var(--mantine-color-#e6fcf5,#c3fae8,#96f2d7,#63e6be,#38d9a9,#20c997,#12b886,#0ca678,#099268,#087f5b-5) r g b / <alpha-value>);
135
- --color-teal-600: rgb(from var(--mantine-color-#e6fcf5,#c3fae8,#96f2d7,#63e6be,#38d9a9,#20c997,#12b886,#0ca678,#099268,#087f5b-6) r g b / <alpha-value>);
136
- --color-teal-700: rgb(from var(--mantine-color-#e6fcf5,#c3fae8,#96f2d7,#63e6be,#38d9a9,#20c997,#12b886,#0ca678,#099268,#087f5b-7) r g b / <alpha-value>);
137
- --color-teal-800: rgb(from var(--mantine-color-#e6fcf5,#c3fae8,#96f2d7,#63e6be,#38d9a9,#20c997,#12b886,#0ca678,#099268,#087f5b-8) r g b / <alpha-value>);
138
- --color-teal-900: rgb(from var(--mantine-color-#e6fcf5,#c3fae8,#96f2d7,#63e6be,#38d9a9,#20c997,#12b886,#0ca678,#099268,#087f5b-9) r g b / <alpha-value>);
139
- --color-teal: rgb(from var(--mantine-color-#e6fcf5,#c3fae8,#96f2d7,#63e6be,#38d9a9,#20c997,#12b886,#0ca678,#099268,#087f5b-filled) r g b / <alpha-value>);
140
-
141
- --color-green-50: rgb(from var(--mantine-color-#ebfbee,#d3f9d8,#b2f2bb,#8ce99a,#69db7c,#51cf66,#40c057,#37b24d,#2f9e44,#2b8a3e-0) r g b / <alpha-value>);
142
- --color-green-100: rgb(from var(--mantine-color-#ebfbee,#d3f9d8,#b2f2bb,#8ce99a,#69db7c,#51cf66,#40c057,#37b24d,#2f9e44,#2b8a3e-1) r g b / <alpha-value>);
143
- --color-green-200: rgb(from var(--mantine-color-#ebfbee,#d3f9d8,#b2f2bb,#8ce99a,#69db7c,#51cf66,#40c057,#37b24d,#2f9e44,#2b8a3e-2) r g b / <alpha-value>);
144
- --color-green-300: rgb(from var(--mantine-color-#ebfbee,#d3f9d8,#b2f2bb,#8ce99a,#69db7c,#51cf66,#40c057,#37b24d,#2f9e44,#2b8a3e-3) r g b / <alpha-value>);
145
- --color-green-400: rgb(from var(--mantine-color-#ebfbee,#d3f9d8,#b2f2bb,#8ce99a,#69db7c,#51cf66,#40c057,#37b24d,#2f9e44,#2b8a3e-4) r g b / <alpha-value>);
146
- --color-green-500: rgb(from var(--mantine-color-#ebfbee,#d3f9d8,#b2f2bb,#8ce99a,#69db7c,#51cf66,#40c057,#37b24d,#2f9e44,#2b8a3e-5) r g b / <alpha-value>);
147
- --color-green-600: rgb(from var(--mantine-color-#ebfbee,#d3f9d8,#b2f2bb,#8ce99a,#69db7c,#51cf66,#40c057,#37b24d,#2f9e44,#2b8a3e-6) r g b / <alpha-value>);
148
- --color-green-700: rgb(from var(--mantine-color-#ebfbee,#d3f9d8,#b2f2bb,#8ce99a,#69db7c,#51cf66,#40c057,#37b24d,#2f9e44,#2b8a3e-7) r g b / <alpha-value>);
149
- --color-green-800: rgb(from var(--mantine-color-#ebfbee,#d3f9d8,#b2f2bb,#8ce99a,#69db7c,#51cf66,#40c057,#37b24d,#2f9e44,#2b8a3e-8) r g b / <alpha-value>);
150
- --color-green-900: rgb(from var(--mantine-color-#ebfbee,#d3f9d8,#b2f2bb,#8ce99a,#69db7c,#51cf66,#40c057,#37b24d,#2f9e44,#2b8a3e-9) r g b / <alpha-value>);
151
- --color-green: rgb(from var(--mantine-color-#ebfbee,#d3f9d8,#b2f2bb,#8ce99a,#69db7c,#51cf66,#40c057,#37b24d,#2f9e44,#2b8a3e-filled) r g b / <alpha-value>);
152
-
153
- --color-lime-50: rgb(from var(--mantine-color-#f4fce3,#e9fac8,#d8f5a2,#c0eb75,#a9e34b,#94d82d,#82c91e,#74b816,#66a80f,#5c940d-0) r g b / <alpha-value>);
154
- --color-lime-100: rgb(from var(--mantine-color-#f4fce3,#e9fac8,#d8f5a2,#c0eb75,#a9e34b,#94d82d,#82c91e,#74b816,#66a80f,#5c940d-1) r g b / <alpha-value>);
155
- --color-lime-200: rgb(from var(--mantine-color-#f4fce3,#e9fac8,#d8f5a2,#c0eb75,#a9e34b,#94d82d,#82c91e,#74b816,#66a80f,#5c940d-2) r g b / <alpha-value>);
156
- --color-lime-300: rgb(from var(--mantine-color-#f4fce3,#e9fac8,#d8f5a2,#c0eb75,#a9e34b,#94d82d,#82c91e,#74b816,#66a80f,#5c940d-3) r g b / <alpha-value>);
157
- --color-lime-400: rgb(from var(--mantine-color-#f4fce3,#e9fac8,#d8f5a2,#c0eb75,#a9e34b,#94d82d,#82c91e,#74b816,#66a80f,#5c940d-4) r g b / <alpha-value>);
158
- --color-lime-500: rgb(from var(--mantine-color-#f4fce3,#e9fac8,#d8f5a2,#c0eb75,#a9e34b,#94d82d,#82c91e,#74b816,#66a80f,#5c940d-5) r g b / <alpha-value>);
159
- --color-lime-600: rgb(from var(--mantine-color-#f4fce3,#e9fac8,#d8f5a2,#c0eb75,#a9e34b,#94d82d,#82c91e,#74b816,#66a80f,#5c940d-6) r g b / <alpha-value>);
160
- --color-lime-700: rgb(from var(--mantine-color-#f4fce3,#e9fac8,#d8f5a2,#c0eb75,#a9e34b,#94d82d,#82c91e,#74b816,#66a80f,#5c940d-7) r g b / <alpha-value>);
161
- --color-lime-800: rgb(from var(--mantine-color-#f4fce3,#e9fac8,#d8f5a2,#c0eb75,#a9e34b,#94d82d,#82c91e,#74b816,#66a80f,#5c940d-8) r g b / <alpha-value>);
162
- --color-lime-900: rgb(from var(--mantine-color-#f4fce3,#e9fac8,#d8f5a2,#c0eb75,#a9e34b,#94d82d,#82c91e,#74b816,#66a80f,#5c940d-9) r g b / <alpha-value>);
163
- --color-lime: rgb(from var(--mantine-color-#f4fce3,#e9fac8,#d8f5a2,#c0eb75,#a9e34b,#94d82d,#82c91e,#74b816,#66a80f,#5c940d-filled) r g b / <alpha-value>);
164
-
165
- --color-yellow-50: rgb(from var(--mantine-color-#fff9db,#fff3bf,#ffec99,#ffe066,#ffd43b,#fcc419,#fab005,#f59f00,#f08c00,#e67700-0) r g b / <alpha-value>);
166
- --color-yellow-100: rgb(from var(--mantine-color-#fff9db,#fff3bf,#ffec99,#ffe066,#ffd43b,#fcc419,#fab005,#f59f00,#f08c00,#e67700-1) r g b / <alpha-value>);
167
- --color-yellow-200: rgb(from var(--mantine-color-#fff9db,#fff3bf,#ffec99,#ffe066,#ffd43b,#fcc419,#fab005,#f59f00,#f08c00,#e67700-2) r g b / <alpha-value>);
168
- --color-yellow-300: rgb(from var(--mantine-color-#fff9db,#fff3bf,#ffec99,#ffe066,#ffd43b,#fcc419,#fab005,#f59f00,#f08c00,#e67700-3) r g b / <alpha-value>);
169
- --color-yellow-400: rgb(from var(--mantine-color-#fff9db,#fff3bf,#ffec99,#ffe066,#ffd43b,#fcc419,#fab005,#f59f00,#f08c00,#e67700-4) r g b / <alpha-value>);
170
- --color-yellow-500: rgb(from var(--mantine-color-#fff9db,#fff3bf,#ffec99,#ffe066,#ffd43b,#fcc419,#fab005,#f59f00,#f08c00,#e67700-5) r g b / <alpha-value>);
171
- --color-yellow-600: rgb(from var(--mantine-color-#fff9db,#fff3bf,#ffec99,#ffe066,#ffd43b,#fcc419,#fab005,#f59f00,#f08c00,#e67700-6) r g b / <alpha-value>);
172
- --color-yellow-700: rgb(from var(--mantine-color-#fff9db,#fff3bf,#ffec99,#ffe066,#ffd43b,#fcc419,#fab005,#f59f00,#f08c00,#e67700-7) r g b / <alpha-value>);
173
- --color-yellow-800: rgb(from var(--mantine-color-#fff9db,#fff3bf,#ffec99,#ffe066,#ffd43b,#fcc419,#fab005,#f59f00,#f08c00,#e67700-8) r g b / <alpha-value>);
174
- --color-yellow-900: rgb(from var(--mantine-color-#fff9db,#fff3bf,#ffec99,#ffe066,#ffd43b,#fcc419,#fab005,#f59f00,#f08c00,#e67700-9) r g b / <alpha-value>);
175
- --color-yellow: rgb(from var(--mantine-color-#fff9db,#fff3bf,#ffec99,#ffe066,#ffd43b,#fcc419,#fab005,#f59f00,#f08c00,#e67700-filled) r g b / <alpha-value>);
176
-
177
- --color-orange-50: rgb(from var(--mantine-color-#fff4e6,#ffe8cc,#ffd8a8,#ffc078,#ffa94d,#ff922b,#fd7e14,#f76707,#e8590c,#d9480f-0) r g b / <alpha-value>);
178
- --color-orange-100: rgb(from var(--mantine-color-#fff4e6,#ffe8cc,#ffd8a8,#ffc078,#ffa94d,#ff922b,#fd7e14,#f76707,#e8590c,#d9480f-1) r g b / <alpha-value>);
179
- --color-orange-200: rgb(from var(--mantine-color-#fff4e6,#ffe8cc,#ffd8a8,#ffc078,#ffa94d,#ff922b,#fd7e14,#f76707,#e8590c,#d9480f-2) r g b / <alpha-value>);
180
- --color-orange-300: rgb(from var(--mantine-color-#fff4e6,#ffe8cc,#ffd8a8,#ffc078,#ffa94d,#ff922b,#fd7e14,#f76707,#e8590c,#d9480f-3) r g b / <alpha-value>);
181
- --color-orange-400: rgb(from var(--mantine-color-#fff4e6,#ffe8cc,#ffd8a8,#ffc078,#ffa94d,#ff922b,#fd7e14,#f76707,#e8590c,#d9480f-4) r g b / <alpha-value>);
182
- --color-orange-500: rgb(from var(--mantine-color-#fff4e6,#ffe8cc,#ffd8a8,#ffc078,#ffa94d,#ff922b,#fd7e14,#f76707,#e8590c,#d9480f-5) r g b / <alpha-value>);
183
- --color-orange-600: rgb(from var(--mantine-color-#fff4e6,#ffe8cc,#ffd8a8,#ffc078,#ffa94d,#ff922b,#fd7e14,#f76707,#e8590c,#d9480f-6) r g b / <alpha-value>);
184
- --color-orange-700: rgb(from var(--mantine-color-#fff4e6,#ffe8cc,#ffd8a8,#ffc078,#ffa94d,#ff922b,#fd7e14,#f76707,#e8590c,#d9480f-7) r g b / <alpha-value>);
185
- --color-orange-800: rgb(from var(--mantine-color-#fff4e6,#ffe8cc,#ffd8a8,#ffc078,#ffa94d,#ff922b,#fd7e14,#f76707,#e8590c,#d9480f-8) r g b / <alpha-value>);
186
- --color-orange-900: rgb(from var(--mantine-color-#fff4e6,#ffe8cc,#ffd8a8,#ffc078,#ffa94d,#ff922b,#fd7e14,#f76707,#e8590c,#d9480f-9) r g b / <alpha-value>);
187
- --color-orange: rgb(from var(--mantine-color-#fff4e6,#ffe8cc,#ffd8a8,#ffc078,#ffa94d,#ff922b,#fd7e14,#f76707,#e8590c,#d9480f-filled) r g b / <alpha-value>);
188
-
189
20
  /* colors - primary */
190
21
  --color-primary-50: rgb(from var(--mantine-primary-color-0) r g b / <alpha-value>);
191
22
  --color-primary-100: rgb(from var(--mantine-primary-color-1) r g b / <alpha-value>);
@@ -199,6 +30,266 @@
199
30
  --color-primary-900: rgb(from var(--mantine-primary-color-9) r g b / <alpha-value>);
200
31
  --color-primary: rgb(from var(--mantine-primary-color-filled) r g b / <alpha-value>);
201
32
 
33
+ /* colors - variant specific primary */
34
+ --color-primary-filled: rgb(from var(--mantine-primary-color-filled) r g b / <alpha-value>);
35
+ --color-primary-filled-hover: var(--mantine-primary-color-filled-hover);
36
+ --color-primary-light: var(--mantine-primary-color-light);
37
+ --color-primary-light-hover: var(--mantine-primary-color-light-hover);
38
+ --color-primary-light-color: rgb(from var(--mantine-primary-color-light-color) r g b / <alpha-value>);
39
+ --color-primary-outline: rgb(from var(--mantine-primary-color-outline) r g b / <alpha-value>);
40
+ --color-primary-outline-hover: var(--mantine-primary-color-outline-hover);
41
+
42
+ /* colors - others */
43
+ --color-white: rgb(from var(--mantine-color-white) r g b / <alpha-value>);
44
+ --color-black: rgb(from var(--mantine-color-black) r g b / <alpha-value>);
45
+ --color-body: rgb(from var(--mantine-color-text) r g b / <alpha-value>);
46
+ --color-error: rgb(from var(--mantine-color-error) r g b / <alpha-value>);
47
+ --color-placeholder: rgb(from var(--mantine-color-placeholder) r g b / <alpha-value>);
48
+ --color-anchor: rgb(from var(--mantine-color-anchor) r g b / <alpha-value>);
49
+ --color-default: rgb(from var(--mantine-color-default-color) r g b / <alpha-value>);
50
+
51
+ /* spacing */
52
+ --spacing-xs: var(--mantine-spacing-xs);
53
+ --spacing-sm: var(--mantine-spacing-sm);
54
+ --spacing-md: var(--mantine-spacing-md);
55
+ --spacing-lg: var(--mantine-spacing-lg);
56
+ --spacing-xl: var(--mantine-spacing-xl);
57
+ --spacing: var(--mantine-spacing-md);
58
+
59
+ /* container */
60
+ /* TODO: */
61
+
62
+ /* font size */
63
+ --text-xs: var(--mantine-font-size-xs);
64
+ --text-sm: var(--mantine-font-size-sm);
65
+ --text-md: var(--mantine-font-size-md);
66
+ --text-lg: var(--mantine-font-size-lg);
67
+ --text-xl: var(--mantine-font-size-xl);
68
+ --text-h1: var(--mantine-h1-font-size);
69
+ --text-h2: var(--mantine-h2-font-size);
70
+ --text-h3: var(--mantine-h3-font-size);
71
+ --text-h4: var(--mantine-h4-font-size);
72
+ --text-h5: var(--mantine-h5-font-size);
73
+ --text-h6: var(--mantine-h6-font-size);
74
+ --text-base: var(--mantine-font-size-md);
75
+
76
+ /* line height */
77
+ --text-xs--line-height: var(--mantine-line-height-xs);
78
+ --text-sm--line-height: var(--mantine-line-height-sm);
79
+ --text-md--line-height: var(--mantine-line-height-md);
80
+ --text-lg--line-height: var(--mantine-line-height-lg);
81
+ --text-xl--line-height: var(--mantine-line-height-xl);
82
+ --text-h1--line-height: var(--mantine-h1-line-height);
83
+ --text-h2--line-height: var(--mantine-h2-line-height);
84
+ --text-h3--line-height: var(--mantine-h3-line-height);
85
+ --text-h4--line-height: var(--mantine-h4-line-height);
86
+ --text-h5--line-height: var(--mantine-h5-line-height);
87
+ --text-h6--line-height: var(--mantine-h6-line-height);
88
+ --text-base--line-height: var(--mantine-line-height-md);
89
+ --text-heading--line-height: var(--mantine-heading-line-height);
90
+ --text-base--line-height: var(--mantine-line-height);
91
+
92
+ /* font weight */
93
+ --font-weight-h1: var(--mantine-h1-font-weight);
94
+ --font-weight-h2: var(--mantine-h2-font-weight);
95
+ --font-weight-h3: var(--mantine-h3-font-weight);
96
+ --font-weight-h4: var(--mantine-h4-font-weight);
97
+ --font-weight-h5: var(--mantine-h5-font-weight);
98
+ --font-weight-h6: var(--mantine-h6-font-weight);
99
+
100
+ /* border radius */
101
+ --radius-xs: var(--mantine-radius-xs);
102
+ --radius-sm: var(--mantine-radius-sm);
103
+ --radius-md: var(--mantine-radius-md);
104
+ --radius-lg: var(--mantine-radius-lg);
105
+ --radius-xl: var(--mantine-radius-xl);
106
+ --radius: var(--mantine-radius-default);
107
+
108
+ /* shadow */
109
+ --shadow-xs: var(--mantine-shadow-xs);
110
+ --shadow-sm: var(--mantine-shadow-sm);
111
+ --shadow-md: var(--mantine-shadow-md);
112
+ --shadow-lg: var(--mantine-shadow-lg);
113
+ --shadow-xl: var(--mantine-shadow-xl);
114
+ --shadow: var(--mantine-shadow-xs);
115
+
116
+ /* z-index */
117
+ --z-index-app: var(--mantine-z-index-app);
118
+ --z-index-modal: var(--mantine-z-index-modal);
119
+ --z-index-popover: var(--mantine-z-index-popover);
120
+ --z-index-overlay: var(--mantine-z-index-overlay);
121
+ --z-index-max: var(--mantine-z-index-max);
122
+
123
+ /* colors - all */
124
+
125
+ --color-dark-50: rgb(from var(--mantine-color-dark-0) r g b / <alpha-value>);
126
+ --color-dark-100: rgb(from var(--mantine-color-dark-1) r g b / <alpha-value>);
127
+ --color-dark-200: rgb(from var(--mantine-color-dark-2) r g b / <alpha-value>);
128
+ --color-dark-300: rgb(from var(--mantine-color-dark-3) r g b / <alpha-value>);
129
+ --color-dark-400: rgb(from var(--mantine-color-dark-4) r g b / <alpha-value>);
130
+ --color-dark-500: rgb(from var(--mantine-color-dark-5) r g b / <alpha-value>);
131
+ --color-dark-600: rgb(from var(--mantine-color-dark-6) r g b / <alpha-value>);
132
+ --color-dark-700: rgb(from var(--mantine-color-dark-7) r g b / <alpha-value>);
133
+ --color-dark-800: rgb(from var(--mantine-color-dark-8) r g b / <alpha-value>);
134
+ --color-dark-900: rgb(from var(--mantine-color-dark-9) r g b / <alpha-value>);
135
+ --color-dark: rgb(from var(--mantine-color-dark-filled) r g b / <alpha-value>);
136
+
137
+ --color-gray-50: rgb(from var(--mantine-color-gray-0) r g b / <alpha-value>);
138
+ --color-gray-100: rgb(from var(--mantine-color-gray-1) r g b / <alpha-value>);
139
+ --color-gray-200: rgb(from var(--mantine-color-gray-2) r g b / <alpha-value>);
140
+ --color-gray-300: rgb(from var(--mantine-color-gray-3) r g b / <alpha-value>);
141
+ --color-gray-400: rgb(from var(--mantine-color-gray-4) r g b / <alpha-value>);
142
+ --color-gray-500: rgb(from var(--mantine-color-gray-5) r g b / <alpha-value>);
143
+ --color-gray-600: rgb(from var(--mantine-color-gray-6) r g b / <alpha-value>);
144
+ --color-gray-700: rgb(from var(--mantine-color-gray-7) r g b / <alpha-value>);
145
+ --color-gray-800: rgb(from var(--mantine-color-gray-8) r g b / <alpha-value>);
146
+ --color-gray-900: rgb(from var(--mantine-color-gray-9) r g b / <alpha-value>);
147
+ --color-gray: rgb(from var(--mantine-color-gray-filled) r g b / <alpha-value>);
148
+
149
+ --color-red-50: rgb(from var(--mantine-color-red-0) r g b / <alpha-value>);
150
+ --color-red-100: rgb(from var(--mantine-color-red-1) r g b / <alpha-value>);
151
+ --color-red-200: rgb(from var(--mantine-color-red-2) r g b / <alpha-value>);
152
+ --color-red-300: rgb(from var(--mantine-color-red-3) r g b / <alpha-value>);
153
+ --color-red-400: rgb(from var(--mantine-color-red-4) r g b / <alpha-value>);
154
+ --color-red-500: rgb(from var(--mantine-color-red-5) r g b / <alpha-value>);
155
+ --color-red-600: rgb(from var(--mantine-color-red-6) r g b / <alpha-value>);
156
+ --color-red-700: rgb(from var(--mantine-color-red-7) r g b / <alpha-value>);
157
+ --color-red-800: rgb(from var(--mantine-color-red-8) r g b / <alpha-value>);
158
+ --color-red-900: rgb(from var(--mantine-color-red-9) r g b / <alpha-value>);
159
+ --color-red: rgb(from var(--mantine-color-red-filled) r g b / <alpha-value>);
160
+
161
+ --color-pink-50: rgb(from var(--mantine-color-pink-0) r g b / <alpha-value>);
162
+ --color-pink-100: rgb(from var(--mantine-color-pink-1) r g b / <alpha-value>);
163
+ --color-pink-200: rgb(from var(--mantine-color-pink-2) r g b / <alpha-value>);
164
+ --color-pink-300: rgb(from var(--mantine-color-pink-3) r g b / <alpha-value>);
165
+ --color-pink-400: rgb(from var(--mantine-color-pink-4) r g b / <alpha-value>);
166
+ --color-pink-500: rgb(from var(--mantine-color-pink-5) r g b / <alpha-value>);
167
+ --color-pink-600: rgb(from var(--mantine-color-pink-6) r g b / <alpha-value>);
168
+ --color-pink-700: rgb(from var(--mantine-color-pink-7) r g b / <alpha-value>);
169
+ --color-pink-800: rgb(from var(--mantine-color-pink-8) r g b / <alpha-value>);
170
+ --color-pink-900: rgb(from var(--mantine-color-pink-9) r g b / <alpha-value>);
171
+ --color-pink: rgb(from var(--mantine-color-pink-filled) r g b / <alpha-value>);
172
+
173
+ --color-grape-50: rgb(from var(--mantine-color-grape-0) r g b / <alpha-value>);
174
+ --color-grape-100: rgb(from var(--mantine-color-grape-1) r g b / <alpha-value>);
175
+ --color-grape-200: rgb(from var(--mantine-color-grape-2) r g b / <alpha-value>);
176
+ --color-grape-300: rgb(from var(--mantine-color-grape-3) r g b / <alpha-value>);
177
+ --color-grape-400: rgb(from var(--mantine-color-grape-4) r g b / <alpha-value>);
178
+ --color-grape-500: rgb(from var(--mantine-color-grape-5) r g b / <alpha-value>);
179
+ --color-grape-600: rgb(from var(--mantine-color-grape-6) r g b / <alpha-value>);
180
+ --color-grape-700: rgb(from var(--mantine-color-grape-7) r g b / <alpha-value>);
181
+ --color-grape-800: rgb(from var(--mantine-color-grape-8) r g b / <alpha-value>);
182
+ --color-grape-900: rgb(from var(--mantine-color-grape-9) r g b / <alpha-value>);
183
+ --color-grape: rgb(from var(--mantine-color-grape-filled) r g b / <alpha-value>);
184
+
185
+ --color-violet-50: rgb(from var(--mantine-color-violet-0) r g b / <alpha-value>);
186
+ --color-violet-100: rgb(from var(--mantine-color-violet-1) r g b / <alpha-value>);
187
+ --color-violet-200: rgb(from var(--mantine-color-violet-2) r g b / <alpha-value>);
188
+ --color-violet-300: rgb(from var(--mantine-color-violet-3) r g b / <alpha-value>);
189
+ --color-violet-400: rgb(from var(--mantine-color-violet-4) r g b / <alpha-value>);
190
+ --color-violet-500: rgb(from var(--mantine-color-violet-5) r g b / <alpha-value>);
191
+ --color-violet-600: rgb(from var(--mantine-color-violet-6) r g b / <alpha-value>);
192
+ --color-violet-700: rgb(from var(--mantine-color-violet-7) r g b / <alpha-value>);
193
+ --color-violet-800: rgb(from var(--mantine-color-violet-8) r g b / <alpha-value>);
194
+ --color-violet-900: rgb(from var(--mantine-color-violet-9) r g b / <alpha-value>);
195
+ --color-violet: rgb(from var(--mantine-color-violet-filled) r g b / <alpha-value>);
196
+
197
+ --color-indigo-50: rgb(from var(--mantine-color-indigo-0) r g b / <alpha-value>);
198
+ --color-indigo-100: rgb(from var(--mantine-color-indigo-1) r g b / <alpha-value>);
199
+ --color-indigo-200: rgb(from var(--mantine-color-indigo-2) r g b / <alpha-value>);
200
+ --color-indigo-300: rgb(from var(--mantine-color-indigo-3) r g b / <alpha-value>);
201
+ --color-indigo-400: rgb(from var(--mantine-color-indigo-4) r g b / <alpha-value>);
202
+ --color-indigo-500: rgb(from var(--mantine-color-indigo-5) r g b / <alpha-value>);
203
+ --color-indigo-600: rgb(from var(--mantine-color-indigo-6) r g b / <alpha-value>);
204
+ --color-indigo-700: rgb(from var(--mantine-color-indigo-7) r g b / <alpha-value>);
205
+ --color-indigo-800: rgb(from var(--mantine-color-indigo-8) r g b / <alpha-value>);
206
+ --color-indigo-900: rgb(from var(--mantine-color-indigo-9) r g b / <alpha-value>);
207
+ --color-indigo: rgb(from var(--mantine-color-indigo-filled) r g b / <alpha-value>);
208
+
209
+ --color-blue-50: rgb(from var(--mantine-color-blue-0) r g b / <alpha-value>);
210
+ --color-blue-100: rgb(from var(--mantine-color-blue-1) r g b / <alpha-value>);
211
+ --color-blue-200: rgb(from var(--mantine-color-blue-2) r g b / <alpha-value>);
212
+ --color-blue-300: rgb(from var(--mantine-color-blue-3) r g b / <alpha-value>);
213
+ --color-blue-400: rgb(from var(--mantine-color-blue-4) r g b / <alpha-value>);
214
+ --color-blue-500: rgb(from var(--mantine-color-blue-5) r g b / <alpha-value>);
215
+ --color-blue-600: rgb(from var(--mantine-color-blue-6) r g b / <alpha-value>);
216
+ --color-blue-700: rgb(from var(--mantine-color-blue-7) r g b / <alpha-value>);
217
+ --color-blue-800: rgb(from var(--mantine-color-blue-8) r g b / <alpha-value>);
218
+ --color-blue-900: rgb(from var(--mantine-color-blue-9) r g b / <alpha-value>);
219
+ --color-blue: rgb(from var(--mantine-color-blue-filled) r g b / <alpha-value>);
220
+
221
+ --color-cyan-50: rgb(from var(--mantine-color-cyan-0) r g b / <alpha-value>);
222
+ --color-cyan-100: rgb(from var(--mantine-color-cyan-1) r g b / <alpha-value>);
223
+ --color-cyan-200: rgb(from var(--mantine-color-cyan-2) r g b / <alpha-value>);
224
+ --color-cyan-300: rgb(from var(--mantine-color-cyan-3) r g b / <alpha-value>);
225
+ --color-cyan-400: rgb(from var(--mantine-color-cyan-4) r g b / <alpha-value>);
226
+ --color-cyan-500: rgb(from var(--mantine-color-cyan-5) r g b / <alpha-value>);
227
+ --color-cyan-600: rgb(from var(--mantine-color-cyan-6) r g b / <alpha-value>);
228
+ --color-cyan-700: rgb(from var(--mantine-color-cyan-7) r g b / <alpha-value>);
229
+ --color-cyan-800: rgb(from var(--mantine-color-cyan-8) r g b / <alpha-value>);
230
+ --color-cyan-900: rgb(from var(--mantine-color-cyan-9) r g b / <alpha-value>);
231
+ --color-cyan: rgb(from var(--mantine-color-cyan-filled) r g b / <alpha-value>);
232
+
233
+ --color-teal-50: rgb(from var(--mantine-color-teal-0) r g b / <alpha-value>);
234
+ --color-teal-100: rgb(from var(--mantine-color-teal-1) r g b / <alpha-value>);
235
+ --color-teal-200: rgb(from var(--mantine-color-teal-2) r g b / <alpha-value>);
236
+ --color-teal-300: rgb(from var(--mantine-color-teal-3) r g b / <alpha-value>);
237
+ --color-teal-400: rgb(from var(--mantine-color-teal-4) r g b / <alpha-value>);
238
+ --color-teal-500: rgb(from var(--mantine-color-teal-5) r g b / <alpha-value>);
239
+ --color-teal-600: rgb(from var(--mantine-color-teal-6) r g b / <alpha-value>);
240
+ --color-teal-700: rgb(from var(--mantine-color-teal-7) r g b / <alpha-value>);
241
+ --color-teal-800: rgb(from var(--mantine-color-teal-8) r g b / <alpha-value>);
242
+ --color-teal-900: rgb(from var(--mantine-color-teal-9) r g b / <alpha-value>);
243
+ --color-teal: rgb(from var(--mantine-color-teal-filled) r g b / <alpha-value>);
244
+
245
+ --color-green-50: rgb(from var(--mantine-color-green-0) r g b / <alpha-value>);
246
+ --color-green-100: rgb(from var(--mantine-color-green-1) r g b / <alpha-value>);
247
+ --color-green-200: rgb(from var(--mantine-color-green-2) r g b / <alpha-value>);
248
+ --color-green-300: rgb(from var(--mantine-color-green-3) r g b / <alpha-value>);
249
+ --color-green-400: rgb(from var(--mantine-color-green-4) r g b / <alpha-value>);
250
+ --color-green-500: rgb(from var(--mantine-color-green-5) r g b / <alpha-value>);
251
+ --color-green-600: rgb(from var(--mantine-color-green-6) r g b / <alpha-value>);
252
+ --color-green-700: rgb(from var(--mantine-color-green-7) r g b / <alpha-value>);
253
+ --color-green-800: rgb(from var(--mantine-color-green-8) r g b / <alpha-value>);
254
+ --color-green-900: rgb(from var(--mantine-color-green-9) r g b / <alpha-value>);
255
+ --color-green: rgb(from var(--mantine-color-green-filled) r g b / <alpha-value>);
256
+
257
+ --color-lime-50: rgb(from var(--mantine-color-lime-0) r g b / <alpha-value>);
258
+ --color-lime-100: rgb(from var(--mantine-color-lime-1) r g b / <alpha-value>);
259
+ --color-lime-200: rgb(from var(--mantine-color-lime-2) r g b / <alpha-value>);
260
+ --color-lime-300: rgb(from var(--mantine-color-lime-3) r g b / <alpha-value>);
261
+ --color-lime-400: rgb(from var(--mantine-color-lime-4) r g b / <alpha-value>);
262
+ --color-lime-500: rgb(from var(--mantine-color-lime-5) r g b / <alpha-value>);
263
+ --color-lime-600: rgb(from var(--mantine-color-lime-6) r g b / <alpha-value>);
264
+ --color-lime-700: rgb(from var(--mantine-color-lime-7) r g b / <alpha-value>);
265
+ --color-lime-800: rgb(from var(--mantine-color-lime-8) r g b / <alpha-value>);
266
+ --color-lime-900: rgb(from var(--mantine-color-lime-9) r g b / <alpha-value>);
267
+ --color-lime: rgb(from var(--mantine-color-lime-filled) r g b / <alpha-value>);
268
+
269
+ --color-yellow-50: rgb(from var(--mantine-color-yellow-0) r g b / <alpha-value>);
270
+ --color-yellow-100: rgb(from var(--mantine-color-yellow-1) r g b / <alpha-value>);
271
+ --color-yellow-200: rgb(from var(--mantine-color-yellow-2) r g b / <alpha-value>);
272
+ --color-yellow-300: rgb(from var(--mantine-color-yellow-3) r g b / <alpha-value>);
273
+ --color-yellow-400: rgb(from var(--mantine-color-yellow-4) r g b / <alpha-value>);
274
+ --color-yellow-500: rgb(from var(--mantine-color-yellow-5) r g b / <alpha-value>);
275
+ --color-yellow-600: rgb(from var(--mantine-color-yellow-6) r g b / <alpha-value>);
276
+ --color-yellow-700: rgb(from var(--mantine-color-yellow-7) r g b / <alpha-value>);
277
+ --color-yellow-800: rgb(from var(--mantine-color-yellow-8) r g b / <alpha-value>);
278
+ --color-yellow-900: rgb(from var(--mantine-color-yellow-9) r g b / <alpha-value>);
279
+ --color-yellow: rgb(from var(--mantine-color-yellow-filled) r g b / <alpha-value>);
280
+
281
+ --color-orange-50: rgb(from var(--mantine-color-orange-0) r g b / <alpha-value>);
282
+ --color-orange-100: rgb(from var(--mantine-color-orange-1) r g b / <alpha-value>);
283
+ --color-orange-200: rgb(from var(--mantine-color-orange-2) r g b / <alpha-value>);
284
+ --color-orange-300: rgb(from var(--mantine-color-orange-3) r g b / <alpha-value>);
285
+ --color-orange-400: rgb(from var(--mantine-color-orange-4) r g b / <alpha-value>);
286
+ --color-orange-500: rgb(from var(--mantine-color-orange-5) r g b / <alpha-value>);
287
+ --color-orange-600: rgb(from var(--mantine-color-orange-6) r g b / <alpha-value>);
288
+ --color-orange-700: rgb(from var(--mantine-color-orange-7) r g b / <alpha-value>);
289
+ --color-orange-800: rgb(from var(--mantine-color-orange-8) r g b / <alpha-value>);
290
+ --color-orange-900: rgb(from var(--mantine-color-orange-9) r g b / <alpha-value>);
291
+ --color-orange: rgb(from var(--mantine-color-orange-filled) r g b / <alpha-value>);
292
+
202
293
  /* colors - variant specific */
203
294
 
204
295
  --color-dark-filled: rgb(from var(--mantine-color-dark-filled) r g b / <alpha-value>);
@@ -313,32 +404,6 @@
313
404
  --color-orange-outline: rgb(from var(--mantine-color-orange-outline) r g b / <alpha-value>);
314
405
  --color-orange-outline-hover: var(--mantine-color-orange-outline-hover);
315
406
 
316
- /* colors - variant specific primary */
317
- --color-primary-filled: rgb(from var(--mantine-primary-color-filled) r g b / <alpha-value>);
318
- --color-primary-filled-hover: var(--mantine-primary-color-filled-hover);
319
- --color-primary-light: var(--mantine-primary-color-light);
320
- --color-primary-light-hover: var(--mantine-primary-color-light-hover);
321
- --color-primary-light-color: rgb(from var(--mantine-primary-color-light-color) r g b / <alpha-value>);
322
- --color-primary-outline: rgb(from var(--mantine-primary-color-outline) r g b / <alpha-value>);
323
- --color-primary-outline-hover: var(--mantine-primary-color-outline-hover);
324
-
325
- /* colors - others */
326
- --color-white: rgb(from var(--mantine-color-white) r g b / <alpha-value>);
327
- --color-black: rgb(from var(--mantine-color-black) r g b / <alpha-value>);
328
- --color-body: rgb(from var(--mantine-color-text) r g b / <alpha-value>);
329
- --color-error: rgb(from var(--mantine-color-error) r g b / <alpha-value>);
330
- --color-placeholder: rgb(from var(--mantine-color-placeholder) r g b / <alpha-value>);
331
- --color-anchor: rgb(from var(--mantine-color-anchor) r g b / <alpha-value>);
332
- --color-default: rgb(from var(--mantine-color-default-color) r g b / <alpha-value>);
333
-
334
- /* spacing */
335
- --spacing-xs: var(--mantine-spacing-xs);
336
- --spacing-sm: var(--mantine-spacing-sm);
337
- --spacing-md: var(--mantine-spacing-md);
338
- --spacing-lg: var(--mantine-spacing-lg);
339
- --spacing-xl: var(--mantine-spacing-xl);
340
- --spacing: var(--mantine-spacing-md);
341
-
342
407
  /* breakpoints */
343
408
 
344
409
  --breakpoint-xs: 36em;
@@ -350,68 +415,4 @@
350
415
  --breakpoint-lg: 75em;
351
416
 
352
417
  --breakpoint-xl: 88em;
353
-
354
- /* container */
355
- /* TODO: */
356
-
357
- /* font size */
358
- --text-xs: var(--mantine-font-size-xs);
359
- --text-sm: var(--mantine-font-size-sm);
360
- --text-md: var(--mantine-font-size-md);
361
- --text-lg: var(--mantine-font-size-lg);
362
- --text-xl: var(--mantine-font-size-xl);
363
- --text-h1: var(--mantine-h1-font-size);
364
- --text-h2: var(--mantine-h2-font-size);
365
- --text-h3: var(--mantine-h3-font-size);
366
- --text-h4: var(--mantine-h4-font-size);
367
- --text-h5: var(--mantine-h5-font-size);
368
- --text-h6: var(--mantine-h6-font-size);
369
- --text-base: var(--mantine-font-size-md);
370
-
371
- /* line height */
372
- --text-xs--line-height: var(--mantine-line-height-xs);
373
- --text-sm--line-height: var(--mantine-line-height-sm);
374
- --text-md--line-height: var(--mantine-line-height-md);
375
- --text-lg--line-height: var(--mantine-line-height-lg);
376
- --text-xl--line-height: var(--mantine-line-height-xl);
377
- --text-h1--line-height: var(--mantine-h1-line-height);
378
- --text-h2--line-height: var(--mantine-h2-line-height);
379
- --text-h3--line-height: var(--mantine-h3-line-height);
380
- --text-h4--line-height: var(--mantine-h4-line-height);
381
- --text-h5--line-height: var(--mantine-h5-line-height);
382
- --text-h6--line-height: var(--mantine-h6-line-height);
383
- --text-base--line-height: var(--mantine-line-height-md);
384
- --text-heading--line-height: var(--mantine-heading-line-height);
385
- --text-base--line-height: var(--mantine-line-height);
386
-
387
- /* font weight */
388
- --font-weight-h1: var(--mantine-h1-font-weight);
389
- --font-weight-h2: var(--mantine-h2-font-weight);
390
- --font-weight-h3: var(--mantine-h3-font-weight);
391
- --font-weight-h4: var(--mantine-h4-font-weight);
392
- --font-weight-h5: var(--mantine-h5-font-weight);
393
- --font-weight-h6: var(--mantine-h6-font-weight);
394
-
395
- /* border radius */
396
- --radius-xs: var(--mantine-radius-xs);
397
- --radius-sm: var(--mantine-radius-sm);
398
- --radius-md: var(--mantine-radius-md);
399
- --radius-lg: var(--mantine-radius-lg);
400
- --radius-xl: var(--mantine-radius-xl);
401
- --radius: var(--mantine-radius-default);
402
-
403
- /* shadow */
404
- --shadow-xs: var(--mantine-shadow-xs);
405
- --shadow-sm: var(--mantine-shadow-sm);
406
- --shadow-md: var(--mantine-shadow-md);
407
- --shadow-lg: var(--mantine-shadow-lg);
408
- --shadow-xl: var(--mantine-shadow-xl);
409
- --shadow: var(--mantine-shadow-xs);
410
-
411
- /* z-index */
412
- --z-index-app: var(--mantine-z-index-app);
413
- --z-index-modal: var(--mantine-z-index-modal);
414
- --z-index-popover: var(--mantine-z-index-popover);
415
- --z-index-overlay: var(--mantine-z-index-overlay);
416
- --z-index-max: var(--mantine-z-index-max);
417
418
  }
package/src/theme.css CHANGED
@@ -3,181 +3,12 @@
3
3
  @custom-variant dark (&:where([data-mantine-color-scheme="dark"], [data-mantine-color-scheme="dark"] *));
4
4
 
5
5
  @theme {
6
+
6
7
  /* font */
7
8
  --font-sans: var(--mantine-font-family);
8
9
  --font-mono: var(--mantine-font-family-monospace);
9
10
  --font-headings: var(--mantine-font-family-headings);
10
11
 
11
- /* colors - all */
12
-
13
- --color-dark-50: rgb(from var(--mantine-color-#C9C9C9,#b8b8b8,#828282,#696969,#424242,#3b3b3b,#2e2e2e,#242424,#1f1f1f,#141414-0) r g b / <alpha-value>);
14
- --color-dark-100: rgb(from var(--mantine-color-#C9C9C9,#b8b8b8,#828282,#696969,#424242,#3b3b3b,#2e2e2e,#242424,#1f1f1f,#141414-1) r g b / <alpha-value>);
15
- --color-dark-200: rgb(from var(--mantine-color-#C9C9C9,#b8b8b8,#828282,#696969,#424242,#3b3b3b,#2e2e2e,#242424,#1f1f1f,#141414-2) r g b / <alpha-value>);
16
- --color-dark-300: rgb(from var(--mantine-color-#C9C9C9,#b8b8b8,#828282,#696969,#424242,#3b3b3b,#2e2e2e,#242424,#1f1f1f,#141414-3) r g b / <alpha-value>);
17
- --color-dark-400: rgb(from var(--mantine-color-#C9C9C9,#b8b8b8,#828282,#696969,#424242,#3b3b3b,#2e2e2e,#242424,#1f1f1f,#141414-4) r g b / <alpha-value>);
18
- --color-dark-500: rgb(from var(--mantine-color-#C9C9C9,#b8b8b8,#828282,#696969,#424242,#3b3b3b,#2e2e2e,#242424,#1f1f1f,#141414-5) r g b / <alpha-value>);
19
- --color-dark-600: rgb(from var(--mantine-color-#C9C9C9,#b8b8b8,#828282,#696969,#424242,#3b3b3b,#2e2e2e,#242424,#1f1f1f,#141414-6) r g b / <alpha-value>);
20
- --color-dark-700: rgb(from var(--mantine-color-#C9C9C9,#b8b8b8,#828282,#696969,#424242,#3b3b3b,#2e2e2e,#242424,#1f1f1f,#141414-7) r g b / <alpha-value>);
21
- --color-dark-800: rgb(from var(--mantine-color-#C9C9C9,#b8b8b8,#828282,#696969,#424242,#3b3b3b,#2e2e2e,#242424,#1f1f1f,#141414-8) r g b / <alpha-value>);
22
- --color-dark-900: rgb(from var(--mantine-color-#C9C9C9,#b8b8b8,#828282,#696969,#424242,#3b3b3b,#2e2e2e,#242424,#1f1f1f,#141414-9) r g b / <alpha-value>);
23
- --color-dark: rgb(from var(--mantine-color-#C9C9C9,#b8b8b8,#828282,#696969,#424242,#3b3b3b,#2e2e2e,#242424,#1f1f1f,#141414-filled) r g b / <alpha-value>);
24
-
25
- --color-gray-50: rgb(from var(--mantine-color-#f8f9fa,#f1f3f5,#e9ecef,#dee2e6,#ced4da,#adb5bd,#868e96,#495057,#343a40,#212529-0) r g b / <alpha-value>);
26
- --color-gray-100: rgb(from var(--mantine-color-#f8f9fa,#f1f3f5,#e9ecef,#dee2e6,#ced4da,#adb5bd,#868e96,#495057,#343a40,#212529-1) r g b / <alpha-value>);
27
- --color-gray-200: rgb(from var(--mantine-color-#f8f9fa,#f1f3f5,#e9ecef,#dee2e6,#ced4da,#adb5bd,#868e96,#495057,#343a40,#212529-2) r g b / <alpha-value>);
28
- --color-gray-300: rgb(from var(--mantine-color-#f8f9fa,#f1f3f5,#e9ecef,#dee2e6,#ced4da,#adb5bd,#868e96,#495057,#343a40,#212529-3) r g b / <alpha-value>);
29
- --color-gray-400: rgb(from var(--mantine-color-#f8f9fa,#f1f3f5,#e9ecef,#dee2e6,#ced4da,#adb5bd,#868e96,#495057,#343a40,#212529-4) r g b / <alpha-value>);
30
- --color-gray-500: rgb(from var(--mantine-color-#f8f9fa,#f1f3f5,#e9ecef,#dee2e6,#ced4da,#adb5bd,#868e96,#495057,#343a40,#212529-5) r g b / <alpha-value>);
31
- --color-gray-600: rgb(from var(--mantine-color-#f8f9fa,#f1f3f5,#e9ecef,#dee2e6,#ced4da,#adb5bd,#868e96,#495057,#343a40,#212529-6) r g b / <alpha-value>);
32
- --color-gray-700: rgb(from var(--mantine-color-#f8f9fa,#f1f3f5,#e9ecef,#dee2e6,#ced4da,#adb5bd,#868e96,#495057,#343a40,#212529-7) r g b / <alpha-value>);
33
- --color-gray-800: rgb(from var(--mantine-color-#f8f9fa,#f1f3f5,#e9ecef,#dee2e6,#ced4da,#adb5bd,#868e96,#495057,#343a40,#212529-8) r g b / <alpha-value>);
34
- --color-gray-900: rgb(from var(--mantine-color-#f8f9fa,#f1f3f5,#e9ecef,#dee2e6,#ced4da,#adb5bd,#868e96,#495057,#343a40,#212529-9) r g b / <alpha-value>);
35
- --color-gray: rgb(from var(--mantine-color-#f8f9fa,#f1f3f5,#e9ecef,#dee2e6,#ced4da,#adb5bd,#868e96,#495057,#343a40,#212529-filled) r g b / <alpha-value>);
36
-
37
- --color-red-50: rgb(from var(--mantine-color-#fff5f5,#ffe3e3,#ffc9c9,#ffa8a8,#ff8787,#ff6b6b,#fa5252,#f03e3e,#e03131,#c92a2a-0) r g b / <alpha-value>);
38
- --color-red-100: rgb(from var(--mantine-color-#fff5f5,#ffe3e3,#ffc9c9,#ffa8a8,#ff8787,#ff6b6b,#fa5252,#f03e3e,#e03131,#c92a2a-1) r g b / <alpha-value>);
39
- --color-red-200: rgb(from var(--mantine-color-#fff5f5,#ffe3e3,#ffc9c9,#ffa8a8,#ff8787,#ff6b6b,#fa5252,#f03e3e,#e03131,#c92a2a-2) r g b / <alpha-value>);
40
- --color-red-300: rgb(from var(--mantine-color-#fff5f5,#ffe3e3,#ffc9c9,#ffa8a8,#ff8787,#ff6b6b,#fa5252,#f03e3e,#e03131,#c92a2a-3) r g b / <alpha-value>);
41
- --color-red-400: rgb(from var(--mantine-color-#fff5f5,#ffe3e3,#ffc9c9,#ffa8a8,#ff8787,#ff6b6b,#fa5252,#f03e3e,#e03131,#c92a2a-4) r g b / <alpha-value>);
42
- --color-red-500: rgb(from var(--mantine-color-#fff5f5,#ffe3e3,#ffc9c9,#ffa8a8,#ff8787,#ff6b6b,#fa5252,#f03e3e,#e03131,#c92a2a-5) r g b / <alpha-value>);
43
- --color-red-600: rgb(from var(--mantine-color-#fff5f5,#ffe3e3,#ffc9c9,#ffa8a8,#ff8787,#ff6b6b,#fa5252,#f03e3e,#e03131,#c92a2a-6) r g b / <alpha-value>);
44
- --color-red-700: rgb(from var(--mantine-color-#fff5f5,#ffe3e3,#ffc9c9,#ffa8a8,#ff8787,#ff6b6b,#fa5252,#f03e3e,#e03131,#c92a2a-7) r g b / <alpha-value>);
45
- --color-red-800: rgb(from var(--mantine-color-#fff5f5,#ffe3e3,#ffc9c9,#ffa8a8,#ff8787,#ff6b6b,#fa5252,#f03e3e,#e03131,#c92a2a-8) r g b / <alpha-value>);
46
- --color-red-900: rgb(from var(--mantine-color-#fff5f5,#ffe3e3,#ffc9c9,#ffa8a8,#ff8787,#ff6b6b,#fa5252,#f03e3e,#e03131,#c92a2a-9) r g b / <alpha-value>);
47
- --color-red: rgb(from var(--mantine-color-#fff5f5,#ffe3e3,#ffc9c9,#ffa8a8,#ff8787,#ff6b6b,#fa5252,#f03e3e,#e03131,#c92a2a-filled) r g b / <alpha-value>);
48
-
49
- --color-pink-50: rgb(from var(--mantine-color-#fff0f6,#ffdeeb,#fcc2d7,#faa2c1,#f783ac,#f06595,#e64980,#d6336c,#c2255c,#a61e4d-0) r g b / <alpha-value>);
50
- --color-pink-100: rgb(from var(--mantine-color-#fff0f6,#ffdeeb,#fcc2d7,#faa2c1,#f783ac,#f06595,#e64980,#d6336c,#c2255c,#a61e4d-1) r g b / <alpha-value>);
51
- --color-pink-200: rgb(from var(--mantine-color-#fff0f6,#ffdeeb,#fcc2d7,#faa2c1,#f783ac,#f06595,#e64980,#d6336c,#c2255c,#a61e4d-2) r g b / <alpha-value>);
52
- --color-pink-300: rgb(from var(--mantine-color-#fff0f6,#ffdeeb,#fcc2d7,#faa2c1,#f783ac,#f06595,#e64980,#d6336c,#c2255c,#a61e4d-3) r g b / <alpha-value>);
53
- --color-pink-400: rgb(from var(--mantine-color-#fff0f6,#ffdeeb,#fcc2d7,#faa2c1,#f783ac,#f06595,#e64980,#d6336c,#c2255c,#a61e4d-4) r g b / <alpha-value>);
54
- --color-pink-500: rgb(from var(--mantine-color-#fff0f6,#ffdeeb,#fcc2d7,#faa2c1,#f783ac,#f06595,#e64980,#d6336c,#c2255c,#a61e4d-5) r g b / <alpha-value>);
55
- --color-pink-600: rgb(from var(--mantine-color-#fff0f6,#ffdeeb,#fcc2d7,#faa2c1,#f783ac,#f06595,#e64980,#d6336c,#c2255c,#a61e4d-6) r g b / <alpha-value>);
56
- --color-pink-700: rgb(from var(--mantine-color-#fff0f6,#ffdeeb,#fcc2d7,#faa2c1,#f783ac,#f06595,#e64980,#d6336c,#c2255c,#a61e4d-7) r g b / <alpha-value>);
57
- --color-pink-800: rgb(from var(--mantine-color-#fff0f6,#ffdeeb,#fcc2d7,#faa2c1,#f783ac,#f06595,#e64980,#d6336c,#c2255c,#a61e4d-8) r g b / <alpha-value>);
58
- --color-pink-900: rgb(from var(--mantine-color-#fff0f6,#ffdeeb,#fcc2d7,#faa2c1,#f783ac,#f06595,#e64980,#d6336c,#c2255c,#a61e4d-9) r g b / <alpha-value>);
59
- --color-pink: rgb(from var(--mantine-color-#fff0f6,#ffdeeb,#fcc2d7,#faa2c1,#f783ac,#f06595,#e64980,#d6336c,#c2255c,#a61e4d-filled) r g b / <alpha-value>);
60
-
61
- --color-grape-50: rgb(from var(--mantine-color-#f8f0fc,#f3d9fa,#eebefa,#e599f7,#da77f2,#cc5de8,#be4bdb,#ae3ec9,#9c36b5,#862e9c-0) r g b / <alpha-value>);
62
- --color-grape-100: rgb(from var(--mantine-color-#f8f0fc,#f3d9fa,#eebefa,#e599f7,#da77f2,#cc5de8,#be4bdb,#ae3ec9,#9c36b5,#862e9c-1) r g b / <alpha-value>);
63
- --color-grape-200: rgb(from var(--mantine-color-#f8f0fc,#f3d9fa,#eebefa,#e599f7,#da77f2,#cc5de8,#be4bdb,#ae3ec9,#9c36b5,#862e9c-2) r g b / <alpha-value>);
64
- --color-grape-300: rgb(from var(--mantine-color-#f8f0fc,#f3d9fa,#eebefa,#e599f7,#da77f2,#cc5de8,#be4bdb,#ae3ec9,#9c36b5,#862e9c-3) r g b / <alpha-value>);
65
- --color-grape-400: rgb(from var(--mantine-color-#f8f0fc,#f3d9fa,#eebefa,#e599f7,#da77f2,#cc5de8,#be4bdb,#ae3ec9,#9c36b5,#862e9c-4) r g b / <alpha-value>);
66
- --color-grape-500: rgb(from var(--mantine-color-#f8f0fc,#f3d9fa,#eebefa,#e599f7,#da77f2,#cc5de8,#be4bdb,#ae3ec9,#9c36b5,#862e9c-5) r g b / <alpha-value>);
67
- --color-grape-600: rgb(from var(--mantine-color-#f8f0fc,#f3d9fa,#eebefa,#e599f7,#da77f2,#cc5de8,#be4bdb,#ae3ec9,#9c36b5,#862e9c-6) r g b / <alpha-value>);
68
- --color-grape-700: rgb(from var(--mantine-color-#f8f0fc,#f3d9fa,#eebefa,#e599f7,#da77f2,#cc5de8,#be4bdb,#ae3ec9,#9c36b5,#862e9c-7) r g b / <alpha-value>);
69
- --color-grape-800: rgb(from var(--mantine-color-#f8f0fc,#f3d9fa,#eebefa,#e599f7,#da77f2,#cc5de8,#be4bdb,#ae3ec9,#9c36b5,#862e9c-8) r g b / <alpha-value>);
70
- --color-grape-900: rgb(from var(--mantine-color-#f8f0fc,#f3d9fa,#eebefa,#e599f7,#da77f2,#cc5de8,#be4bdb,#ae3ec9,#9c36b5,#862e9c-9) r g b / <alpha-value>);
71
- --color-grape: rgb(from var(--mantine-color-#f8f0fc,#f3d9fa,#eebefa,#e599f7,#da77f2,#cc5de8,#be4bdb,#ae3ec9,#9c36b5,#862e9c-filled) r g b / <alpha-value>);
72
-
73
- --color-violet-50: rgb(from var(--mantine-color-#f3f0ff,#e5dbff,#d0bfff,#b197fc,#9775fa,#845ef7,#7950f2,#7048e8,#6741d9,#5f3dc4-0) r g b / <alpha-value>);
74
- --color-violet-100: rgb(from var(--mantine-color-#f3f0ff,#e5dbff,#d0bfff,#b197fc,#9775fa,#845ef7,#7950f2,#7048e8,#6741d9,#5f3dc4-1) r g b / <alpha-value>);
75
- --color-violet-200: rgb(from var(--mantine-color-#f3f0ff,#e5dbff,#d0bfff,#b197fc,#9775fa,#845ef7,#7950f2,#7048e8,#6741d9,#5f3dc4-2) r g b / <alpha-value>);
76
- --color-violet-300: rgb(from var(--mantine-color-#f3f0ff,#e5dbff,#d0bfff,#b197fc,#9775fa,#845ef7,#7950f2,#7048e8,#6741d9,#5f3dc4-3) r g b / <alpha-value>);
77
- --color-violet-400: rgb(from var(--mantine-color-#f3f0ff,#e5dbff,#d0bfff,#b197fc,#9775fa,#845ef7,#7950f2,#7048e8,#6741d9,#5f3dc4-4) r g b / <alpha-value>);
78
- --color-violet-500: rgb(from var(--mantine-color-#f3f0ff,#e5dbff,#d0bfff,#b197fc,#9775fa,#845ef7,#7950f2,#7048e8,#6741d9,#5f3dc4-5) r g b / <alpha-value>);
79
- --color-violet-600: rgb(from var(--mantine-color-#f3f0ff,#e5dbff,#d0bfff,#b197fc,#9775fa,#845ef7,#7950f2,#7048e8,#6741d9,#5f3dc4-6) r g b / <alpha-value>);
80
- --color-violet-700: rgb(from var(--mantine-color-#f3f0ff,#e5dbff,#d0bfff,#b197fc,#9775fa,#845ef7,#7950f2,#7048e8,#6741d9,#5f3dc4-7) r g b / <alpha-value>);
81
- --color-violet-800: rgb(from var(--mantine-color-#f3f0ff,#e5dbff,#d0bfff,#b197fc,#9775fa,#845ef7,#7950f2,#7048e8,#6741d9,#5f3dc4-8) r g b / <alpha-value>);
82
- --color-violet-900: rgb(from var(--mantine-color-#f3f0ff,#e5dbff,#d0bfff,#b197fc,#9775fa,#845ef7,#7950f2,#7048e8,#6741d9,#5f3dc4-9) r g b / <alpha-value>);
83
- --color-violet: rgb(from var(--mantine-color-#f3f0ff,#e5dbff,#d0bfff,#b197fc,#9775fa,#845ef7,#7950f2,#7048e8,#6741d9,#5f3dc4-filled) r g b / <alpha-value>);
84
-
85
- --color-indigo-50: rgb(from var(--mantine-color-#edf2ff,#dbe4ff,#bac8ff,#91a7ff,#748ffc,#5c7cfa,#4c6ef5,#4263eb,#3b5bdb,#364fc7-0) r g b / <alpha-value>);
86
- --color-indigo-100: rgb(from var(--mantine-color-#edf2ff,#dbe4ff,#bac8ff,#91a7ff,#748ffc,#5c7cfa,#4c6ef5,#4263eb,#3b5bdb,#364fc7-1) r g b / <alpha-value>);
87
- --color-indigo-200: rgb(from var(--mantine-color-#edf2ff,#dbe4ff,#bac8ff,#91a7ff,#748ffc,#5c7cfa,#4c6ef5,#4263eb,#3b5bdb,#364fc7-2) r g b / <alpha-value>);
88
- --color-indigo-300: rgb(from var(--mantine-color-#edf2ff,#dbe4ff,#bac8ff,#91a7ff,#748ffc,#5c7cfa,#4c6ef5,#4263eb,#3b5bdb,#364fc7-3) r g b / <alpha-value>);
89
- --color-indigo-400: rgb(from var(--mantine-color-#edf2ff,#dbe4ff,#bac8ff,#91a7ff,#748ffc,#5c7cfa,#4c6ef5,#4263eb,#3b5bdb,#364fc7-4) r g b / <alpha-value>);
90
- --color-indigo-500: rgb(from var(--mantine-color-#edf2ff,#dbe4ff,#bac8ff,#91a7ff,#748ffc,#5c7cfa,#4c6ef5,#4263eb,#3b5bdb,#364fc7-5) r g b / <alpha-value>);
91
- --color-indigo-600: rgb(from var(--mantine-color-#edf2ff,#dbe4ff,#bac8ff,#91a7ff,#748ffc,#5c7cfa,#4c6ef5,#4263eb,#3b5bdb,#364fc7-6) r g b / <alpha-value>);
92
- --color-indigo-700: rgb(from var(--mantine-color-#edf2ff,#dbe4ff,#bac8ff,#91a7ff,#748ffc,#5c7cfa,#4c6ef5,#4263eb,#3b5bdb,#364fc7-7) r g b / <alpha-value>);
93
- --color-indigo-800: rgb(from var(--mantine-color-#edf2ff,#dbe4ff,#bac8ff,#91a7ff,#748ffc,#5c7cfa,#4c6ef5,#4263eb,#3b5bdb,#364fc7-8) r g b / <alpha-value>);
94
- --color-indigo-900: rgb(from var(--mantine-color-#edf2ff,#dbe4ff,#bac8ff,#91a7ff,#748ffc,#5c7cfa,#4c6ef5,#4263eb,#3b5bdb,#364fc7-9) r g b / <alpha-value>);
95
- --color-indigo: rgb(from var(--mantine-color-#edf2ff,#dbe4ff,#bac8ff,#91a7ff,#748ffc,#5c7cfa,#4c6ef5,#4263eb,#3b5bdb,#364fc7-filled) r g b / <alpha-value>);
96
-
97
- --color-blue-50: rgb(from var(--mantine-color-#e7f5ff,#d0ebff,#a5d8ff,#74c0fc,#4dabf7,#339af0,#228be6,#1c7ed6,#1971c2,#1864ab-0) r g b / <alpha-value>);
98
- --color-blue-100: rgb(from var(--mantine-color-#e7f5ff,#d0ebff,#a5d8ff,#74c0fc,#4dabf7,#339af0,#228be6,#1c7ed6,#1971c2,#1864ab-1) r g b / <alpha-value>);
99
- --color-blue-200: rgb(from var(--mantine-color-#e7f5ff,#d0ebff,#a5d8ff,#74c0fc,#4dabf7,#339af0,#228be6,#1c7ed6,#1971c2,#1864ab-2) r g b / <alpha-value>);
100
- --color-blue-300: rgb(from var(--mantine-color-#e7f5ff,#d0ebff,#a5d8ff,#74c0fc,#4dabf7,#339af0,#228be6,#1c7ed6,#1971c2,#1864ab-3) r g b / <alpha-value>);
101
- --color-blue-400: rgb(from var(--mantine-color-#e7f5ff,#d0ebff,#a5d8ff,#74c0fc,#4dabf7,#339af0,#228be6,#1c7ed6,#1971c2,#1864ab-4) r g b / <alpha-value>);
102
- --color-blue-500: rgb(from var(--mantine-color-#e7f5ff,#d0ebff,#a5d8ff,#74c0fc,#4dabf7,#339af0,#228be6,#1c7ed6,#1971c2,#1864ab-5) r g b / <alpha-value>);
103
- --color-blue-600: rgb(from var(--mantine-color-#e7f5ff,#d0ebff,#a5d8ff,#74c0fc,#4dabf7,#339af0,#228be6,#1c7ed6,#1971c2,#1864ab-6) r g b / <alpha-value>);
104
- --color-blue-700: rgb(from var(--mantine-color-#e7f5ff,#d0ebff,#a5d8ff,#74c0fc,#4dabf7,#339af0,#228be6,#1c7ed6,#1971c2,#1864ab-7) r g b / <alpha-value>);
105
- --color-blue-800: rgb(from var(--mantine-color-#e7f5ff,#d0ebff,#a5d8ff,#74c0fc,#4dabf7,#339af0,#228be6,#1c7ed6,#1971c2,#1864ab-8) r g b / <alpha-value>);
106
- --color-blue-900: rgb(from var(--mantine-color-#e7f5ff,#d0ebff,#a5d8ff,#74c0fc,#4dabf7,#339af0,#228be6,#1c7ed6,#1971c2,#1864ab-9) r g b / <alpha-value>);
107
- --color-blue: rgb(from var(--mantine-color-#e7f5ff,#d0ebff,#a5d8ff,#74c0fc,#4dabf7,#339af0,#228be6,#1c7ed6,#1971c2,#1864ab-filled) r g b / <alpha-value>);
108
-
109
- --color-cyan-50: rgb(from var(--mantine-color-#e3fafc,#c5f6fa,#99e9f2,#66d9e8,#3bc9db,#22b8cf,#15aabf,#1098ad,#0c8599,#0b7285-0) r g b / <alpha-value>);
110
- --color-cyan-100: rgb(from var(--mantine-color-#e3fafc,#c5f6fa,#99e9f2,#66d9e8,#3bc9db,#22b8cf,#15aabf,#1098ad,#0c8599,#0b7285-1) r g b / <alpha-value>);
111
- --color-cyan-200: rgb(from var(--mantine-color-#e3fafc,#c5f6fa,#99e9f2,#66d9e8,#3bc9db,#22b8cf,#15aabf,#1098ad,#0c8599,#0b7285-2) r g b / <alpha-value>);
112
- --color-cyan-300: rgb(from var(--mantine-color-#e3fafc,#c5f6fa,#99e9f2,#66d9e8,#3bc9db,#22b8cf,#15aabf,#1098ad,#0c8599,#0b7285-3) r g b / <alpha-value>);
113
- --color-cyan-400: rgb(from var(--mantine-color-#e3fafc,#c5f6fa,#99e9f2,#66d9e8,#3bc9db,#22b8cf,#15aabf,#1098ad,#0c8599,#0b7285-4) r g b / <alpha-value>);
114
- --color-cyan-500: rgb(from var(--mantine-color-#e3fafc,#c5f6fa,#99e9f2,#66d9e8,#3bc9db,#22b8cf,#15aabf,#1098ad,#0c8599,#0b7285-5) r g b / <alpha-value>);
115
- --color-cyan-600: rgb(from var(--mantine-color-#e3fafc,#c5f6fa,#99e9f2,#66d9e8,#3bc9db,#22b8cf,#15aabf,#1098ad,#0c8599,#0b7285-6) r g b / <alpha-value>);
116
- --color-cyan-700: rgb(from var(--mantine-color-#e3fafc,#c5f6fa,#99e9f2,#66d9e8,#3bc9db,#22b8cf,#15aabf,#1098ad,#0c8599,#0b7285-7) r g b / <alpha-value>);
117
- --color-cyan-800: rgb(from var(--mantine-color-#e3fafc,#c5f6fa,#99e9f2,#66d9e8,#3bc9db,#22b8cf,#15aabf,#1098ad,#0c8599,#0b7285-8) r g b / <alpha-value>);
118
- --color-cyan-900: rgb(from var(--mantine-color-#e3fafc,#c5f6fa,#99e9f2,#66d9e8,#3bc9db,#22b8cf,#15aabf,#1098ad,#0c8599,#0b7285-9) r g b / <alpha-value>);
119
- --color-cyan: rgb(from var(--mantine-color-#e3fafc,#c5f6fa,#99e9f2,#66d9e8,#3bc9db,#22b8cf,#15aabf,#1098ad,#0c8599,#0b7285-filled) r g b / <alpha-value>);
120
-
121
- --color-teal-50: rgb(from var(--mantine-color-#e6fcf5,#c3fae8,#96f2d7,#63e6be,#38d9a9,#20c997,#12b886,#0ca678,#099268,#087f5b-0) r g b / <alpha-value>);
122
- --color-teal-100: rgb(from var(--mantine-color-#e6fcf5,#c3fae8,#96f2d7,#63e6be,#38d9a9,#20c997,#12b886,#0ca678,#099268,#087f5b-1) r g b / <alpha-value>);
123
- --color-teal-200: rgb(from var(--mantine-color-#e6fcf5,#c3fae8,#96f2d7,#63e6be,#38d9a9,#20c997,#12b886,#0ca678,#099268,#087f5b-2) r g b / <alpha-value>);
124
- --color-teal-300: rgb(from var(--mantine-color-#e6fcf5,#c3fae8,#96f2d7,#63e6be,#38d9a9,#20c997,#12b886,#0ca678,#099268,#087f5b-3) r g b / <alpha-value>);
125
- --color-teal-400: rgb(from var(--mantine-color-#e6fcf5,#c3fae8,#96f2d7,#63e6be,#38d9a9,#20c997,#12b886,#0ca678,#099268,#087f5b-4) r g b / <alpha-value>);
126
- --color-teal-500: rgb(from var(--mantine-color-#e6fcf5,#c3fae8,#96f2d7,#63e6be,#38d9a9,#20c997,#12b886,#0ca678,#099268,#087f5b-5) r g b / <alpha-value>);
127
- --color-teal-600: rgb(from var(--mantine-color-#e6fcf5,#c3fae8,#96f2d7,#63e6be,#38d9a9,#20c997,#12b886,#0ca678,#099268,#087f5b-6) r g b / <alpha-value>);
128
- --color-teal-700: rgb(from var(--mantine-color-#e6fcf5,#c3fae8,#96f2d7,#63e6be,#38d9a9,#20c997,#12b886,#0ca678,#099268,#087f5b-7) r g b / <alpha-value>);
129
- --color-teal-800: rgb(from var(--mantine-color-#e6fcf5,#c3fae8,#96f2d7,#63e6be,#38d9a9,#20c997,#12b886,#0ca678,#099268,#087f5b-8) r g b / <alpha-value>);
130
- --color-teal-900: rgb(from var(--mantine-color-#e6fcf5,#c3fae8,#96f2d7,#63e6be,#38d9a9,#20c997,#12b886,#0ca678,#099268,#087f5b-9) r g b / <alpha-value>);
131
- --color-teal: rgb(from var(--mantine-color-#e6fcf5,#c3fae8,#96f2d7,#63e6be,#38d9a9,#20c997,#12b886,#0ca678,#099268,#087f5b-filled) r g b / <alpha-value>);
132
-
133
- --color-green-50: rgb(from var(--mantine-color-#ebfbee,#d3f9d8,#b2f2bb,#8ce99a,#69db7c,#51cf66,#40c057,#37b24d,#2f9e44,#2b8a3e-0) r g b / <alpha-value>);
134
- --color-green-100: rgb(from var(--mantine-color-#ebfbee,#d3f9d8,#b2f2bb,#8ce99a,#69db7c,#51cf66,#40c057,#37b24d,#2f9e44,#2b8a3e-1) r g b / <alpha-value>);
135
- --color-green-200: rgb(from var(--mantine-color-#ebfbee,#d3f9d8,#b2f2bb,#8ce99a,#69db7c,#51cf66,#40c057,#37b24d,#2f9e44,#2b8a3e-2) r g b / <alpha-value>);
136
- --color-green-300: rgb(from var(--mantine-color-#ebfbee,#d3f9d8,#b2f2bb,#8ce99a,#69db7c,#51cf66,#40c057,#37b24d,#2f9e44,#2b8a3e-3) r g b / <alpha-value>);
137
- --color-green-400: rgb(from var(--mantine-color-#ebfbee,#d3f9d8,#b2f2bb,#8ce99a,#69db7c,#51cf66,#40c057,#37b24d,#2f9e44,#2b8a3e-4) r g b / <alpha-value>);
138
- --color-green-500: rgb(from var(--mantine-color-#ebfbee,#d3f9d8,#b2f2bb,#8ce99a,#69db7c,#51cf66,#40c057,#37b24d,#2f9e44,#2b8a3e-5) r g b / <alpha-value>);
139
- --color-green-600: rgb(from var(--mantine-color-#ebfbee,#d3f9d8,#b2f2bb,#8ce99a,#69db7c,#51cf66,#40c057,#37b24d,#2f9e44,#2b8a3e-6) r g b / <alpha-value>);
140
- --color-green-700: rgb(from var(--mantine-color-#ebfbee,#d3f9d8,#b2f2bb,#8ce99a,#69db7c,#51cf66,#40c057,#37b24d,#2f9e44,#2b8a3e-7) r g b / <alpha-value>);
141
- --color-green-800: rgb(from var(--mantine-color-#ebfbee,#d3f9d8,#b2f2bb,#8ce99a,#69db7c,#51cf66,#40c057,#37b24d,#2f9e44,#2b8a3e-8) r g b / <alpha-value>);
142
- --color-green-900: rgb(from var(--mantine-color-#ebfbee,#d3f9d8,#b2f2bb,#8ce99a,#69db7c,#51cf66,#40c057,#37b24d,#2f9e44,#2b8a3e-9) r g b / <alpha-value>);
143
- --color-green: rgb(from var(--mantine-color-#ebfbee,#d3f9d8,#b2f2bb,#8ce99a,#69db7c,#51cf66,#40c057,#37b24d,#2f9e44,#2b8a3e-filled) r g b / <alpha-value>);
144
-
145
- --color-lime-50: rgb(from var(--mantine-color-#f4fce3,#e9fac8,#d8f5a2,#c0eb75,#a9e34b,#94d82d,#82c91e,#74b816,#66a80f,#5c940d-0) r g b / <alpha-value>);
146
- --color-lime-100: rgb(from var(--mantine-color-#f4fce3,#e9fac8,#d8f5a2,#c0eb75,#a9e34b,#94d82d,#82c91e,#74b816,#66a80f,#5c940d-1) r g b / <alpha-value>);
147
- --color-lime-200: rgb(from var(--mantine-color-#f4fce3,#e9fac8,#d8f5a2,#c0eb75,#a9e34b,#94d82d,#82c91e,#74b816,#66a80f,#5c940d-2) r g b / <alpha-value>);
148
- --color-lime-300: rgb(from var(--mantine-color-#f4fce3,#e9fac8,#d8f5a2,#c0eb75,#a9e34b,#94d82d,#82c91e,#74b816,#66a80f,#5c940d-3) r g b / <alpha-value>);
149
- --color-lime-400: rgb(from var(--mantine-color-#f4fce3,#e9fac8,#d8f5a2,#c0eb75,#a9e34b,#94d82d,#82c91e,#74b816,#66a80f,#5c940d-4) r g b / <alpha-value>);
150
- --color-lime-500: rgb(from var(--mantine-color-#f4fce3,#e9fac8,#d8f5a2,#c0eb75,#a9e34b,#94d82d,#82c91e,#74b816,#66a80f,#5c940d-5) r g b / <alpha-value>);
151
- --color-lime-600: rgb(from var(--mantine-color-#f4fce3,#e9fac8,#d8f5a2,#c0eb75,#a9e34b,#94d82d,#82c91e,#74b816,#66a80f,#5c940d-6) r g b / <alpha-value>);
152
- --color-lime-700: rgb(from var(--mantine-color-#f4fce3,#e9fac8,#d8f5a2,#c0eb75,#a9e34b,#94d82d,#82c91e,#74b816,#66a80f,#5c940d-7) r g b / <alpha-value>);
153
- --color-lime-800: rgb(from var(--mantine-color-#f4fce3,#e9fac8,#d8f5a2,#c0eb75,#a9e34b,#94d82d,#82c91e,#74b816,#66a80f,#5c940d-8) r g b / <alpha-value>);
154
- --color-lime-900: rgb(from var(--mantine-color-#f4fce3,#e9fac8,#d8f5a2,#c0eb75,#a9e34b,#94d82d,#82c91e,#74b816,#66a80f,#5c940d-9) r g b / <alpha-value>);
155
- --color-lime: rgb(from var(--mantine-color-#f4fce3,#e9fac8,#d8f5a2,#c0eb75,#a9e34b,#94d82d,#82c91e,#74b816,#66a80f,#5c940d-filled) r g b / <alpha-value>);
156
-
157
- --color-yellow-50: rgb(from var(--mantine-color-#fff9db,#fff3bf,#ffec99,#ffe066,#ffd43b,#fcc419,#fab005,#f59f00,#f08c00,#e67700-0) r g b / <alpha-value>);
158
- --color-yellow-100: rgb(from var(--mantine-color-#fff9db,#fff3bf,#ffec99,#ffe066,#ffd43b,#fcc419,#fab005,#f59f00,#f08c00,#e67700-1) r g b / <alpha-value>);
159
- --color-yellow-200: rgb(from var(--mantine-color-#fff9db,#fff3bf,#ffec99,#ffe066,#ffd43b,#fcc419,#fab005,#f59f00,#f08c00,#e67700-2) r g b / <alpha-value>);
160
- --color-yellow-300: rgb(from var(--mantine-color-#fff9db,#fff3bf,#ffec99,#ffe066,#ffd43b,#fcc419,#fab005,#f59f00,#f08c00,#e67700-3) r g b / <alpha-value>);
161
- --color-yellow-400: rgb(from var(--mantine-color-#fff9db,#fff3bf,#ffec99,#ffe066,#ffd43b,#fcc419,#fab005,#f59f00,#f08c00,#e67700-4) r g b / <alpha-value>);
162
- --color-yellow-500: rgb(from var(--mantine-color-#fff9db,#fff3bf,#ffec99,#ffe066,#ffd43b,#fcc419,#fab005,#f59f00,#f08c00,#e67700-5) r g b / <alpha-value>);
163
- --color-yellow-600: rgb(from var(--mantine-color-#fff9db,#fff3bf,#ffec99,#ffe066,#ffd43b,#fcc419,#fab005,#f59f00,#f08c00,#e67700-6) r g b / <alpha-value>);
164
- --color-yellow-700: rgb(from var(--mantine-color-#fff9db,#fff3bf,#ffec99,#ffe066,#ffd43b,#fcc419,#fab005,#f59f00,#f08c00,#e67700-7) r g b / <alpha-value>);
165
- --color-yellow-800: rgb(from var(--mantine-color-#fff9db,#fff3bf,#ffec99,#ffe066,#ffd43b,#fcc419,#fab005,#f59f00,#f08c00,#e67700-8) r g b / <alpha-value>);
166
- --color-yellow-900: rgb(from var(--mantine-color-#fff9db,#fff3bf,#ffec99,#ffe066,#ffd43b,#fcc419,#fab005,#f59f00,#f08c00,#e67700-9) r g b / <alpha-value>);
167
- --color-yellow: rgb(from var(--mantine-color-#fff9db,#fff3bf,#ffec99,#ffe066,#ffd43b,#fcc419,#fab005,#f59f00,#f08c00,#e67700-filled) r g b / <alpha-value>);
168
-
169
- --color-orange-50: rgb(from var(--mantine-color-#fff4e6,#ffe8cc,#ffd8a8,#ffc078,#ffa94d,#ff922b,#fd7e14,#f76707,#e8590c,#d9480f-0) r g b / <alpha-value>);
170
- --color-orange-100: rgb(from var(--mantine-color-#fff4e6,#ffe8cc,#ffd8a8,#ffc078,#ffa94d,#ff922b,#fd7e14,#f76707,#e8590c,#d9480f-1) r g b / <alpha-value>);
171
- --color-orange-200: rgb(from var(--mantine-color-#fff4e6,#ffe8cc,#ffd8a8,#ffc078,#ffa94d,#ff922b,#fd7e14,#f76707,#e8590c,#d9480f-2) r g b / <alpha-value>);
172
- --color-orange-300: rgb(from var(--mantine-color-#fff4e6,#ffe8cc,#ffd8a8,#ffc078,#ffa94d,#ff922b,#fd7e14,#f76707,#e8590c,#d9480f-3) r g b / <alpha-value>);
173
- --color-orange-400: rgb(from var(--mantine-color-#fff4e6,#ffe8cc,#ffd8a8,#ffc078,#ffa94d,#ff922b,#fd7e14,#f76707,#e8590c,#d9480f-4) r g b / <alpha-value>);
174
- --color-orange-500: rgb(from var(--mantine-color-#fff4e6,#ffe8cc,#ffd8a8,#ffc078,#ffa94d,#ff922b,#fd7e14,#f76707,#e8590c,#d9480f-5) r g b / <alpha-value>);
175
- --color-orange-600: rgb(from var(--mantine-color-#fff4e6,#ffe8cc,#ffd8a8,#ffc078,#ffa94d,#ff922b,#fd7e14,#f76707,#e8590c,#d9480f-6) r g b / <alpha-value>);
176
- --color-orange-700: rgb(from var(--mantine-color-#fff4e6,#ffe8cc,#ffd8a8,#ffc078,#ffa94d,#ff922b,#fd7e14,#f76707,#e8590c,#d9480f-7) r g b / <alpha-value>);
177
- --color-orange-800: rgb(from var(--mantine-color-#fff4e6,#ffe8cc,#ffd8a8,#ffc078,#ffa94d,#ff922b,#fd7e14,#f76707,#e8590c,#d9480f-8) r g b / <alpha-value>);
178
- --color-orange-900: rgb(from var(--mantine-color-#fff4e6,#ffe8cc,#ffd8a8,#ffc078,#ffa94d,#ff922b,#fd7e14,#f76707,#e8590c,#d9480f-9) r g b / <alpha-value>);
179
- --color-orange: rgb(from var(--mantine-color-#fff4e6,#ffe8cc,#ffd8a8,#ffc078,#ffa94d,#ff922b,#fd7e14,#f76707,#e8590c,#d9480f-filled) r g b / <alpha-value>);
180
-
181
12
  /* colors - primary */
182
13
  --color-primary-50: rgb(from var(--mantine-primary-color-0) r g b / <alpha-value>);
183
14
  --color-primary-100: rgb(from var(--mantine-primary-color-1) r g b / <alpha-value>);
@@ -191,6 +22,266 @@
191
22
  --color-primary-900: rgb(from var(--mantine-primary-color-9) r g b / <alpha-value>);
192
23
  --color-primary: rgb(from var(--mantine-primary-color-filled) r g b / <alpha-value>);
193
24
 
25
+ /* colors - variant specific primary */
26
+ --color-primary-filled: rgb(from var(--mantine-primary-color-filled) r g b / <alpha-value>);
27
+ --color-primary-filled-hover: var(--mantine-primary-color-filled-hover);
28
+ --color-primary-light: var(--mantine-primary-color-light);
29
+ --color-primary-light-hover: var(--mantine-primary-color-light-hover);
30
+ --color-primary-light-color: rgb(from var(--mantine-primary-color-light-color) r g b / <alpha-value>);
31
+ --color-primary-outline: rgb(from var(--mantine-primary-color-outline) r g b / <alpha-value>);
32
+ --color-primary-outline-hover: var(--mantine-primary-color-outline-hover);
33
+
34
+ /* colors - others */
35
+ --color-white: rgb(from var(--mantine-color-white) r g b / <alpha-value>);
36
+ --color-black: rgb(from var(--mantine-color-black) r g b / <alpha-value>);
37
+ --color-body: rgb(from var(--mantine-color-text) r g b / <alpha-value>);
38
+ --color-error: rgb(from var(--mantine-color-error) r g b / <alpha-value>);
39
+ --color-placeholder: rgb(from var(--mantine-color-placeholder) r g b / <alpha-value>);
40
+ --color-anchor: rgb(from var(--mantine-color-anchor) r g b / <alpha-value>);
41
+ --color-default: rgb(from var(--mantine-color-default-color) r g b / <alpha-value>);
42
+
43
+ /* spacing */
44
+ --spacing-xs: var(--mantine-spacing-xs);
45
+ --spacing-sm: var(--mantine-spacing-sm);
46
+ --spacing-md: var(--mantine-spacing-md);
47
+ --spacing-lg: var(--mantine-spacing-lg);
48
+ --spacing-xl: var(--mantine-spacing-xl);
49
+ --spacing: var(--mantine-spacing-md);
50
+
51
+ /* container */
52
+ /* TODO: */
53
+
54
+ /* font size */
55
+ --text-xs: var(--mantine-font-size-xs);
56
+ --text-sm: var(--mantine-font-size-sm);
57
+ --text-md: var(--mantine-font-size-md);
58
+ --text-lg: var(--mantine-font-size-lg);
59
+ --text-xl: var(--mantine-font-size-xl);
60
+ --text-h1: var(--mantine-h1-font-size);
61
+ --text-h2: var(--mantine-h2-font-size);
62
+ --text-h3: var(--mantine-h3-font-size);
63
+ --text-h4: var(--mantine-h4-font-size);
64
+ --text-h5: var(--mantine-h5-font-size);
65
+ --text-h6: var(--mantine-h6-font-size);
66
+ --text-base: var(--mantine-font-size-md);
67
+
68
+ /* line height */
69
+ --text-xs--line-height: var(--mantine-line-height-xs);
70
+ --text-sm--line-height: var(--mantine-line-height-sm);
71
+ --text-md--line-height: var(--mantine-line-height-md);
72
+ --text-lg--line-height: var(--mantine-line-height-lg);
73
+ --text-xl--line-height: var(--mantine-line-height-xl);
74
+ --text-h1--line-height: var(--mantine-h1-line-height);
75
+ --text-h2--line-height: var(--mantine-h2-line-height);
76
+ --text-h3--line-height: var(--mantine-h3-line-height);
77
+ --text-h4--line-height: var(--mantine-h4-line-height);
78
+ --text-h5--line-height: var(--mantine-h5-line-height);
79
+ --text-h6--line-height: var(--mantine-h6-line-height);
80
+ --text-base--line-height: var(--mantine-line-height-md);
81
+ --text-heading--line-height: var(--mantine-heading-line-height);
82
+ --text-base--line-height: var(--mantine-line-height);
83
+
84
+ /* font weight */
85
+ --font-weight-h1: var(--mantine-h1-font-weight);
86
+ --font-weight-h2: var(--mantine-h2-font-weight);
87
+ --font-weight-h3: var(--mantine-h3-font-weight);
88
+ --font-weight-h4: var(--mantine-h4-font-weight);
89
+ --font-weight-h5: var(--mantine-h5-font-weight);
90
+ --font-weight-h6: var(--mantine-h6-font-weight);
91
+
92
+ /* border radius */
93
+ --radius-xs: var(--mantine-radius-xs);
94
+ --radius-sm: var(--mantine-radius-sm);
95
+ --radius-md: var(--mantine-radius-md);
96
+ --radius-lg: var(--mantine-radius-lg);
97
+ --radius-xl: var(--mantine-radius-xl);
98
+ --radius: var(--mantine-radius-default);
99
+
100
+ /* shadow */
101
+ --shadow-xs: var(--mantine-shadow-xs);
102
+ --shadow-sm: var(--mantine-shadow-sm);
103
+ --shadow-md: var(--mantine-shadow-md);
104
+ --shadow-lg: var(--mantine-shadow-lg);
105
+ --shadow-xl: var(--mantine-shadow-xl);
106
+ --shadow: var(--mantine-shadow-xs);
107
+
108
+ /* z-index */
109
+ --z-index-app: var(--mantine-z-index-app);
110
+ --z-index-modal: var(--mantine-z-index-modal);
111
+ --z-index-popover: var(--mantine-z-index-popover);
112
+ --z-index-overlay: var(--mantine-z-index-overlay);
113
+ --z-index-max: var(--mantine-z-index-max);
114
+
115
+ /* colors - all */
116
+
117
+ --color-dark-50: rgb(from var(--mantine-color-dark-0) r g b / <alpha-value>);
118
+ --color-dark-100: rgb(from var(--mantine-color-dark-1) r g b / <alpha-value>);
119
+ --color-dark-200: rgb(from var(--mantine-color-dark-2) r g b / <alpha-value>);
120
+ --color-dark-300: rgb(from var(--mantine-color-dark-3) r g b / <alpha-value>);
121
+ --color-dark-400: rgb(from var(--mantine-color-dark-4) r g b / <alpha-value>);
122
+ --color-dark-500: rgb(from var(--mantine-color-dark-5) r g b / <alpha-value>);
123
+ --color-dark-600: rgb(from var(--mantine-color-dark-6) r g b / <alpha-value>);
124
+ --color-dark-700: rgb(from var(--mantine-color-dark-7) r g b / <alpha-value>);
125
+ --color-dark-800: rgb(from var(--mantine-color-dark-8) r g b / <alpha-value>);
126
+ --color-dark-900: rgb(from var(--mantine-color-dark-9) r g b / <alpha-value>);
127
+ --color-dark: rgb(from var(--mantine-color-dark-filled) r g b / <alpha-value>);
128
+
129
+ --color-gray-50: rgb(from var(--mantine-color-gray-0) r g b / <alpha-value>);
130
+ --color-gray-100: rgb(from var(--mantine-color-gray-1) r g b / <alpha-value>);
131
+ --color-gray-200: rgb(from var(--mantine-color-gray-2) r g b / <alpha-value>);
132
+ --color-gray-300: rgb(from var(--mantine-color-gray-3) r g b / <alpha-value>);
133
+ --color-gray-400: rgb(from var(--mantine-color-gray-4) r g b / <alpha-value>);
134
+ --color-gray-500: rgb(from var(--mantine-color-gray-5) r g b / <alpha-value>);
135
+ --color-gray-600: rgb(from var(--mantine-color-gray-6) r g b / <alpha-value>);
136
+ --color-gray-700: rgb(from var(--mantine-color-gray-7) r g b / <alpha-value>);
137
+ --color-gray-800: rgb(from var(--mantine-color-gray-8) r g b / <alpha-value>);
138
+ --color-gray-900: rgb(from var(--mantine-color-gray-9) r g b / <alpha-value>);
139
+ --color-gray: rgb(from var(--mantine-color-gray-filled) r g b / <alpha-value>);
140
+
141
+ --color-red-50: rgb(from var(--mantine-color-red-0) r g b / <alpha-value>);
142
+ --color-red-100: rgb(from var(--mantine-color-red-1) r g b / <alpha-value>);
143
+ --color-red-200: rgb(from var(--mantine-color-red-2) r g b / <alpha-value>);
144
+ --color-red-300: rgb(from var(--mantine-color-red-3) r g b / <alpha-value>);
145
+ --color-red-400: rgb(from var(--mantine-color-red-4) r g b / <alpha-value>);
146
+ --color-red-500: rgb(from var(--mantine-color-red-5) r g b / <alpha-value>);
147
+ --color-red-600: rgb(from var(--mantine-color-red-6) r g b / <alpha-value>);
148
+ --color-red-700: rgb(from var(--mantine-color-red-7) r g b / <alpha-value>);
149
+ --color-red-800: rgb(from var(--mantine-color-red-8) r g b / <alpha-value>);
150
+ --color-red-900: rgb(from var(--mantine-color-red-9) r g b / <alpha-value>);
151
+ --color-red: rgb(from var(--mantine-color-red-filled) r g b / <alpha-value>);
152
+
153
+ --color-pink-50: rgb(from var(--mantine-color-pink-0) r g b / <alpha-value>);
154
+ --color-pink-100: rgb(from var(--mantine-color-pink-1) r g b / <alpha-value>);
155
+ --color-pink-200: rgb(from var(--mantine-color-pink-2) r g b / <alpha-value>);
156
+ --color-pink-300: rgb(from var(--mantine-color-pink-3) r g b / <alpha-value>);
157
+ --color-pink-400: rgb(from var(--mantine-color-pink-4) r g b / <alpha-value>);
158
+ --color-pink-500: rgb(from var(--mantine-color-pink-5) r g b / <alpha-value>);
159
+ --color-pink-600: rgb(from var(--mantine-color-pink-6) r g b / <alpha-value>);
160
+ --color-pink-700: rgb(from var(--mantine-color-pink-7) r g b / <alpha-value>);
161
+ --color-pink-800: rgb(from var(--mantine-color-pink-8) r g b / <alpha-value>);
162
+ --color-pink-900: rgb(from var(--mantine-color-pink-9) r g b / <alpha-value>);
163
+ --color-pink: rgb(from var(--mantine-color-pink-filled) r g b / <alpha-value>);
164
+
165
+ --color-grape-50: rgb(from var(--mantine-color-grape-0) r g b / <alpha-value>);
166
+ --color-grape-100: rgb(from var(--mantine-color-grape-1) r g b / <alpha-value>);
167
+ --color-grape-200: rgb(from var(--mantine-color-grape-2) r g b / <alpha-value>);
168
+ --color-grape-300: rgb(from var(--mantine-color-grape-3) r g b / <alpha-value>);
169
+ --color-grape-400: rgb(from var(--mantine-color-grape-4) r g b / <alpha-value>);
170
+ --color-grape-500: rgb(from var(--mantine-color-grape-5) r g b / <alpha-value>);
171
+ --color-grape-600: rgb(from var(--mantine-color-grape-6) r g b / <alpha-value>);
172
+ --color-grape-700: rgb(from var(--mantine-color-grape-7) r g b / <alpha-value>);
173
+ --color-grape-800: rgb(from var(--mantine-color-grape-8) r g b / <alpha-value>);
174
+ --color-grape-900: rgb(from var(--mantine-color-grape-9) r g b / <alpha-value>);
175
+ --color-grape: rgb(from var(--mantine-color-grape-filled) r g b / <alpha-value>);
176
+
177
+ --color-violet-50: rgb(from var(--mantine-color-violet-0) r g b / <alpha-value>);
178
+ --color-violet-100: rgb(from var(--mantine-color-violet-1) r g b / <alpha-value>);
179
+ --color-violet-200: rgb(from var(--mantine-color-violet-2) r g b / <alpha-value>);
180
+ --color-violet-300: rgb(from var(--mantine-color-violet-3) r g b / <alpha-value>);
181
+ --color-violet-400: rgb(from var(--mantine-color-violet-4) r g b / <alpha-value>);
182
+ --color-violet-500: rgb(from var(--mantine-color-violet-5) r g b / <alpha-value>);
183
+ --color-violet-600: rgb(from var(--mantine-color-violet-6) r g b / <alpha-value>);
184
+ --color-violet-700: rgb(from var(--mantine-color-violet-7) r g b / <alpha-value>);
185
+ --color-violet-800: rgb(from var(--mantine-color-violet-8) r g b / <alpha-value>);
186
+ --color-violet-900: rgb(from var(--mantine-color-violet-9) r g b / <alpha-value>);
187
+ --color-violet: rgb(from var(--mantine-color-violet-filled) r g b / <alpha-value>);
188
+
189
+ --color-indigo-50: rgb(from var(--mantine-color-indigo-0) r g b / <alpha-value>);
190
+ --color-indigo-100: rgb(from var(--mantine-color-indigo-1) r g b / <alpha-value>);
191
+ --color-indigo-200: rgb(from var(--mantine-color-indigo-2) r g b / <alpha-value>);
192
+ --color-indigo-300: rgb(from var(--mantine-color-indigo-3) r g b / <alpha-value>);
193
+ --color-indigo-400: rgb(from var(--mantine-color-indigo-4) r g b / <alpha-value>);
194
+ --color-indigo-500: rgb(from var(--mantine-color-indigo-5) r g b / <alpha-value>);
195
+ --color-indigo-600: rgb(from var(--mantine-color-indigo-6) r g b / <alpha-value>);
196
+ --color-indigo-700: rgb(from var(--mantine-color-indigo-7) r g b / <alpha-value>);
197
+ --color-indigo-800: rgb(from var(--mantine-color-indigo-8) r g b / <alpha-value>);
198
+ --color-indigo-900: rgb(from var(--mantine-color-indigo-9) r g b / <alpha-value>);
199
+ --color-indigo: rgb(from var(--mantine-color-indigo-filled) r g b / <alpha-value>);
200
+
201
+ --color-blue-50: rgb(from var(--mantine-color-blue-0) r g b / <alpha-value>);
202
+ --color-blue-100: rgb(from var(--mantine-color-blue-1) r g b / <alpha-value>);
203
+ --color-blue-200: rgb(from var(--mantine-color-blue-2) r g b / <alpha-value>);
204
+ --color-blue-300: rgb(from var(--mantine-color-blue-3) r g b / <alpha-value>);
205
+ --color-blue-400: rgb(from var(--mantine-color-blue-4) r g b / <alpha-value>);
206
+ --color-blue-500: rgb(from var(--mantine-color-blue-5) r g b / <alpha-value>);
207
+ --color-blue-600: rgb(from var(--mantine-color-blue-6) r g b / <alpha-value>);
208
+ --color-blue-700: rgb(from var(--mantine-color-blue-7) r g b / <alpha-value>);
209
+ --color-blue-800: rgb(from var(--mantine-color-blue-8) r g b / <alpha-value>);
210
+ --color-blue-900: rgb(from var(--mantine-color-blue-9) r g b / <alpha-value>);
211
+ --color-blue: rgb(from var(--mantine-color-blue-filled) r g b / <alpha-value>);
212
+
213
+ --color-cyan-50: rgb(from var(--mantine-color-cyan-0) r g b / <alpha-value>);
214
+ --color-cyan-100: rgb(from var(--mantine-color-cyan-1) r g b / <alpha-value>);
215
+ --color-cyan-200: rgb(from var(--mantine-color-cyan-2) r g b / <alpha-value>);
216
+ --color-cyan-300: rgb(from var(--mantine-color-cyan-3) r g b / <alpha-value>);
217
+ --color-cyan-400: rgb(from var(--mantine-color-cyan-4) r g b / <alpha-value>);
218
+ --color-cyan-500: rgb(from var(--mantine-color-cyan-5) r g b / <alpha-value>);
219
+ --color-cyan-600: rgb(from var(--mantine-color-cyan-6) r g b / <alpha-value>);
220
+ --color-cyan-700: rgb(from var(--mantine-color-cyan-7) r g b / <alpha-value>);
221
+ --color-cyan-800: rgb(from var(--mantine-color-cyan-8) r g b / <alpha-value>);
222
+ --color-cyan-900: rgb(from var(--mantine-color-cyan-9) r g b / <alpha-value>);
223
+ --color-cyan: rgb(from var(--mantine-color-cyan-filled) r g b / <alpha-value>);
224
+
225
+ --color-teal-50: rgb(from var(--mantine-color-teal-0) r g b / <alpha-value>);
226
+ --color-teal-100: rgb(from var(--mantine-color-teal-1) r g b / <alpha-value>);
227
+ --color-teal-200: rgb(from var(--mantine-color-teal-2) r g b / <alpha-value>);
228
+ --color-teal-300: rgb(from var(--mantine-color-teal-3) r g b / <alpha-value>);
229
+ --color-teal-400: rgb(from var(--mantine-color-teal-4) r g b / <alpha-value>);
230
+ --color-teal-500: rgb(from var(--mantine-color-teal-5) r g b / <alpha-value>);
231
+ --color-teal-600: rgb(from var(--mantine-color-teal-6) r g b / <alpha-value>);
232
+ --color-teal-700: rgb(from var(--mantine-color-teal-7) r g b / <alpha-value>);
233
+ --color-teal-800: rgb(from var(--mantine-color-teal-8) r g b / <alpha-value>);
234
+ --color-teal-900: rgb(from var(--mantine-color-teal-9) r g b / <alpha-value>);
235
+ --color-teal: rgb(from var(--mantine-color-teal-filled) r g b / <alpha-value>);
236
+
237
+ --color-green-50: rgb(from var(--mantine-color-green-0) r g b / <alpha-value>);
238
+ --color-green-100: rgb(from var(--mantine-color-green-1) r g b / <alpha-value>);
239
+ --color-green-200: rgb(from var(--mantine-color-green-2) r g b / <alpha-value>);
240
+ --color-green-300: rgb(from var(--mantine-color-green-3) r g b / <alpha-value>);
241
+ --color-green-400: rgb(from var(--mantine-color-green-4) r g b / <alpha-value>);
242
+ --color-green-500: rgb(from var(--mantine-color-green-5) r g b / <alpha-value>);
243
+ --color-green-600: rgb(from var(--mantine-color-green-6) r g b / <alpha-value>);
244
+ --color-green-700: rgb(from var(--mantine-color-green-7) r g b / <alpha-value>);
245
+ --color-green-800: rgb(from var(--mantine-color-green-8) r g b / <alpha-value>);
246
+ --color-green-900: rgb(from var(--mantine-color-green-9) r g b / <alpha-value>);
247
+ --color-green: rgb(from var(--mantine-color-green-filled) r g b / <alpha-value>);
248
+
249
+ --color-lime-50: rgb(from var(--mantine-color-lime-0) r g b / <alpha-value>);
250
+ --color-lime-100: rgb(from var(--mantine-color-lime-1) r g b / <alpha-value>);
251
+ --color-lime-200: rgb(from var(--mantine-color-lime-2) r g b / <alpha-value>);
252
+ --color-lime-300: rgb(from var(--mantine-color-lime-3) r g b / <alpha-value>);
253
+ --color-lime-400: rgb(from var(--mantine-color-lime-4) r g b / <alpha-value>);
254
+ --color-lime-500: rgb(from var(--mantine-color-lime-5) r g b / <alpha-value>);
255
+ --color-lime-600: rgb(from var(--mantine-color-lime-6) r g b / <alpha-value>);
256
+ --color-lime-700: rgb(from var(--mantine-color-lime-7) r g b / <alpha-value>);
257
+ --color-lime-800: rgb(from var(--mantine-color-lime-8) r g b / <alpha-value>);
258
+ --color-lime-900: rgb(from var(--mantine-color-lime-9) r g b / <alpha-value>);
259
+ --color-lime: rgb(from var(--mantine-color-lime-filled) r g b / <alpha-value>);
260
+
261
+ --color-yellow-50: rgb(from var(--mantine-color-yellow-0) r g b / <alpha-value>);
262
+ --color-yellow-100: rgb(from var(--mantine-color-yellow-1) r g b / <alpha-value>);
263
+ --color-yellow-200: rgb(from var(--mantine-color-yellow-2) r g b / <alpha-value>);
264
+ --color-yellow-300: rgb(from var(--mantine-color-yellow-3) r g b / <alpha-value>);
265
+ --color-yellow-400: rgb(from var(--mantine-color-yellow-4) r g b / <alpha-value>);
266
+ --color-yellow-500: rgb(from var(--mantine-color-yellow-5) r g b / <alpha-value>);
267
+ --color-yellow-600: rgb(from var(--mantine-color-yellow-6) r g b / <alpha-value>);
268
+ --color-yellow-700: rgb(from var(--mantine-color-yellow-7) r g b / <alpha-value>);
269
+ --color-yellow-800: rgb(from var(--mantine-color-yellow-8) r g b / <alpha-value>);
270
+ --color-yellow-900: rgb(from var(--mantine-color-yellow-9) r g b / <alpha-value>);
271
+ --color-yellow: rgb(from var(--mantine-color-yellow-filled) r g b / <alpha-value>);
272
+
273
+ --color-orange-50: rgb(from var(--mantine-color-orange-0) r g b / <alpha-value>);
274
+ --color-orange-100: rgb(from var(--mantine-color-orange-1) r g b / <alpha-value>);
275
+ --color-orange-200: rgb(from var(--mantine-color-orange-2) r g b / <alpha-value>);
276
+ --color-orange-300: rgb(from var(--mantine-color-orange-3) r g b / <alpha-value>);
277
+ --color-orange-400: rgb(from var(--mantine-color-orange-4) r g b / <alpha-value>);
278
+ --color-orange-500: rgb(from var(--mantine-color-orange-5) r g b / <alpha-value>);
279
+ --color-orange-600: rgb(from var(--mantine-color-orange-6) r g b / <alpha-value>);
280
+ --color-orange-700: rgb(from var(--mantine-color-orange-7) r g b / <alpha-value>);
281
+ --color-orange-800: rgb(from var(--mantine-color-orange-8) r g b / <alpha-value>);
282
+ --color-orange-900: rgb(from var(--mantine-color-orange-9) r g b / <alpha-value>);
283
+ --color-orange: rgb(from var(--mantine-color-orange-filled) r g b / <alpha-value>);
284
+
194
285
  /* colors - variant specific */
195
286
 
196
287
  --color-dark-filled: rgb(from var(--mantine-color-dark-filled) r g b / <alpha-value>);
@@ -305,32 +396,6 @@
305
396
  --color-orange-outline: rgb(from var(--mantine-color-orange-outline) r g b / <alpha-value>);
306
397
  --color-orange-outline-hover: var(--mantine-color-orange-outline-hover);
307
398
 
308
- /* colors - variant specific primary */
309
- --color-primary-filled: rgb(from var(--mantine-primary-color-filled) r g b / <alpha-value>);
310
- --color-primary-filled-hover: var(--mantine-primary-color-filled-hover);
311
- --color-primary-light: var(--mantine-primary-color-light);
312
- --color-primary-light-hover: var(--mantine-primary-color-light-hover);
313
- --color-primary-light-color: rgb(from var(--mantine-primary-color-light-color) r g b / <alpha-value>);
314
- --color-primary-outline: rgb(from var(--mantine-primary-color-outline) r g b / <alpha-value>);
315
- --color-primary-outline-hover: var(--mantine-primary-color-outline-hover);
316
-
317
- /* colors - others */
318
- --color-white: rgb(from var(--mantine-color-white) r g b / <alpha-value>);
319
- --color-black: rgb(from var(--mantine-color-black) r g b / <alpha-value>);
320
- --color-body: rgb(from var(--mantine-color-text) r g b / <alpha-value>);
321
- --color-error: rgb(from var(--mantine-color-error) r g b / <alpha-value>);
322
- --color-placeholder: rgb(from var(--mantine-color-placeholder) r g b / <alpha-value>);
323
- --color-anchor: rgb(from var(--mantine-color-anchor) r g b / <alpha-value>);
324
- --color-default: rgb(from var(--mantine-color-default-color) r g b / <alpha-value>);
325
-
326
- /* spacing */
327
- --spacing-xs: var(--mantine-spacing-xs);
328
- --spacing-sm: var(--mantine-spacing-sm);
329
- --spacing-md: var(--mantine-spacing-md);
330
- --spacing-lg: var(--mantine-spacing-lg);
331
- --spacing-xl: var(--mantine-spacing-xl);
332
- --spacing: var(--mantine-spacing-md);
333
-
334
399
  /* breakpoints */
335
400
 
336
401
  --breakpoint-xs: 36em;
@@ -342,68 +407,4 @@
342
407
  --breakpoint-lg: 75em;
343
408
 
344
409
  --breakpoint-xl: 88em;
345
-
346
- /* container */
347
- /* TODO: */
348
-
349
- /* font size */
350
- --text-xs: var(--mantine-font-size-xs);
351
- --text-sm: var(--mantine-font-size-sm);
352
- --text-md: var(--mantine-font-size-md);
353
- --text-lg: var(--mantine-font-size-lg);
354
- --text-xl: var(--mantine-font-size-xl);
355
- --text-h1: var(--mantine-h1-font-size);
356
- --text-h2: var(--mantine-h2-font-size);
357
- --text-h3: var(--mantine-h3-font-size);
358
- --text-h4: var(--mantine-h4-font-size);
359
- --text-h5: var(--mantine-h5-font-size);
360
- --text-h6: var(--mantine-h6-font-size);
361
- --text-base: var(--mantine-font-size-md);
362
-
363
- /* line height */
364
- --text-xs--line-height: var(--mantine-line-height-xs);
365
- --text-sm--line-height: var(--mantine-line-height-sm);
366
- --text-md--line-height: var(--mantine-line-height-md);
367
- --text-lg--line-height: var(--mantine-line-height-lg);
368
- --text-xl--line-height: var(--mantine-line-height-xl);
369
- --text-h1--line-height: var(--mantine-h1-line-height);
370
- --text-h2--line-height: var(--mantine-h2-line-height);
371
- --text-h3--line-height: var(--mantine-h3-line-height);
372
- --text-h4--line-height: var(--mantine-h4-line-height);
373
- --text-h5--line-height: var(--mantine-h5-line-height);
374
- --text-h6--line-height: var(--mantine-h6-line-height);
375
- --text-base--line-height: var(--mantine-line-height-md);
376
- --text-heading--line-height: var(--mantine-heading-line-height);
377
- --text-base--line-height: var(--mantine-line-height);
378
-
379
- /* font weight */
380
- --font-weight-h1: var(--mantine-h1-font-weight);
381
- --font-weight-h2: var(--mantine-h2-font-weight);
382
- --font-weight-h3: var(--mantine-h3-font-weight);
383
- --font-weight-h4: var(--mantine-h4-font-weight);
384
- --font-weight-h5: var(--mantine-h5-font-weight);
385
- --font-weight-h6: var(--mantine-h6-font-weight);
386
-
387
- /* border radius */
388
- --radius-xs: var(--mantine-radius-xs);
389
- --radius-sm: var(--mantine-radius-sm);
390
- --radius-md: var(--mantine-radius-md);
391
- --radius-lg: var(--mantine-radius-lg);
392
- --radius-xl: var(--mantine-radius-xl);
393
- --radius: var(--mantine-radius-default);
394
-
395
- /* shadow */
396
- --shadow-xs: var(--mantine-shadow-xs);
397
- --shadow-sm: var(--mantine-shadow-sm);
398
- --shadow-md: var(--mantine-shadow-md);
399
- --shadow-lg: var(--mantine-shadow-lg);
400
- --shadow-xl: var(--mantine-shadow-xl);
401
- --shadow: var(--mantine-shadow-xs);
402
-
403
- /* z-index */
404
- --z-index-app: var(--mantine-z-index-app);
405
- --z-index-modal: var(--mantine-z-index-modal);
406
- --z-index-popover: var(--mantine-z-index-popover);
407
- --z-index-overlay: var(--mantine-z-index-overlay);
408
- --z-index-max: var(--mantine-z-index-max);
409
410
  }