@llmnative/react 1.28.0 → 1.30.0
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.
- package/dist/index.css +1 -1
- package/dist/index.js +15 -15
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +2341 -2081
- package/dist/index.mjs.map +1 -1
- package/dist/types/src/Theme.d.ts +7 -1
- package/dist/types/src/components/index.d.ts +1 -0
- package/dist/types/src/components/ui/Identicon.d.ts +17 -0
- package/dist/types/themes/vscode-dark-modern.d.ts +3 -0
- package/dist/types/themes/vscode-light-modern.d.ts +3 -0
- package/llms-full.txt +1283 -1268
- package/package.json +1 -1
- package/scripts/cli/setup-project.js +1 -0
- package/themes/cyber.ts +4 -0
- package/themes/default.ts +6 -0
- package/themes/flat.ts +4 -0
- package/themes/tokyo-night-light.ts +41 -19
- package/themes/tokyo-night.ts +41 -19
- package/themes/vscode-dark-modern.ts +60 -0
- package/themes/vscode-dark-plus.ts +41 -10
- package/themes/vscode-light-modern.ts +60 -0
- package/themes/vscode-light-plus.ts +41 -10
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@llmnative/react",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.30.0",
|
|
4
4
|
"description": "LLM-native React framework for deterministic UI generation. Data-driven by default, schema-driven optional. Ultra-low token consumption — built for AI agents, not just humans.",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/index.mjs",
|
|
@@ -409,6 +409,7 @@ function createSourceFiles(params) {
|
|
|
409
409
|
@theme inline {
|
|
410
410
|
--color-background: hsl(var(--rf-background));
|
|
411
411
|
--color-foreground: hsl(var(--rf-foreground));
|
|
412
|
+
--color-canvas: hsl(var(--rf-canvas, var(--rf-background)));
|
|
412
413
|
--color-card: hsl(var(--rf-card));
|
|
413
414
|
--color-card-foreground: hsl(var(--rf-card-foreground));
|
|
414
415
|
--color-popover: hsl(var(--rf-popover));
|
package/themes/cyber.ts
CHANGED
package/themes/default.ts
CHANGED
|
@@ -7,6 +7,7 @@ export const preset: ThemePresetConfig = {
|
|
|
7
7
|
colors: {
|
|
8
8
|
background: '0 0% 100%',
|
|
9
9
|
foreground: '222.2 84% 4.9%',
|
|
10
|
+
canvas: '210 40% 98%',
|
|
10
11
|
card: '0 0% 100%',
|
|
11
12
|
cardForeground: '222.2 84% 4.9%',
|
|
12
13
|
popover: '0 0% 100%',
|
|
@@ -34,6 +35,7 @@ export const preset: ThemePresetConfig = {
|
|
|
34
35
|
dark: {
|
|
35
36
|
background: '222.2 84% 4.9%',
|
|
36
37
|
foreground: '210 40% 98%',
|
|
38
|
+
canvas: '222.2 84% 4.9%',
|
|
37
39
|
card: '222.2 84% 4.9%',
|
|
38
40
|
cardForeground: '210 40% 98%',
|
|
39
41
|
popover: '222.2 84% 4.9%',
|
|
@@ -456,6 +458,10 @@ export const components: Theme = {
|
|
|
456
458
|
className: '',
|
|
457
459
|
motion: { enter: 'fade', hover: false },
|
|
458
460
|
},
|
|
461
|
+
Identicon: {
|
|
462
|
+
wrapperClassName: '',
|
|
463
|
+
className: '',
|
|
464
|
+
},
|
|
459
465
|
Percentage: {
|
|
460
466
|
wrapperClassName: '',
|
|
461
467
|
className: '',
|
package/themes/flat.ts
CHANGED
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
// Generated by scripts/themes/compile-vscode-themes.js from the VS Code themes
|
|
2
|
+
// "Tokyo Night Light" (light) and "Tokyo Night" (dark). Do not edit: change the sources or the compiler.
|
|
1
3
|
import baseTheme from './default';
|
|
2
4
|
import type { ThemeDefinition } from '../src/Theme';
|
|
3
5
|
|
|
@@ -9,28 +11,48 @@ const definition: ThemeDefinition = {
|
|
|
9
11
|
colors: {
|
|
10
12
|
...baseTheme.preset.colors,
|
|
11
13
|
...{
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
14
|
+
background: '231.4 16.3% 91.6%',
|
|
15
|
+
foreground: '228.6 26.2% 27.6%',
|
|
16
|
+
canvas: '226.7 12.3% 85.7%',
|
|
17
|
+
card: '231.4 16.3% 91.6%',
|
|
18
|
+
cardForeground: '228.6 26.2% 27.6%',
|
|
19
|
+
popover: '226.7 12.3% 85.7%',
|
|
20
|
+
popoverForeground: '224.3 17.6% 25.7%',
|
|
21
|
+
primary: '217.7 46.1% 48%',
|
|
22
|
+
primaryForeground: '0 0% 100%',
|
|
23
|
+
secondary: '232.5 6.7% 47.1%',
|
|
24
|
+
secondaryForeground: '224.3 17.6% 25.7%',
|
|
25
|
+
muted: '231.4 13.2% 89.6%',
|
|
26
|
+
mutedForeground: '232.5 6.7% 47.1%',
|
|
27
|
+
accent: '231.4 13.2% 89.6%',
|
|
28
|
+
accentForeground: '224.3 17.6% 25.7%',
|
|
29
|
+
border: '230 5.1% 76.9%',
|
|
30
|
+
input: '230 5.1% 76.9%',
|
|
31
|
+
ring: '226.7 10.1% 82.5%'
|
|
32
|
+
},
|
|
30
33
|
},
|
|
31
34
|
dark: {
|
|
32
35
|
...baseTheme.preset.dark,
|
|
33
|
-
...{
|
|
36
|
+
...{
|
|
37
|
+
background: '235 18.8% 12.5%',
|
|
38
|
+
foreground: '229.3 35.4% 75.1%',
|
|
39
|
+
canvas: '240 15.4% 10.2%',
|
|
40
|
+
card: '235 18.8% 12.5%',
|
|
41
|
+
cardForeground: '229.3 35.4% 75.1%',
|
|
42
|
+
popover: '240 15.4% 10.2%',
|
|
43
|
+
popoverForeground: '232.7 13.9% 53.5%',
|
|
44
|
+
primary: '223.1 44.3% 39.4%',
|
|
45
|
+
primaryForeground: '0 0% 100%',
|
|
46
|
+
secondary: '232.2 16.3% 27.6%',
|
|
47
|
+
secondaryForeground: '232.7 13.9% 53.5%',
|
|
48
|
+
muted: '240 15.6% 8.8%',
|
|
49
|
+
mutedForeground: '230.3 16.1% 37.8%',
|
|
50
|
+
accent: '240 15.6% 8.8%',
|
|
51
|
+
accentForeground: '229.3 35.4% 75.1%',
|
|
52
|
+
border: '240 11.1% 7.1%',
|
|
53
|
+
input: '240 14.3% 6.9%',
|
|
54
|
+
ring: '233.3 19.1% 18.4%'
|
|
55
|
+
},
|
|
34
56
|
},
|
|
35
57
|
},
|
|
36
58
|
};
|
package/themes/tokyo-night.ts
CHANGED
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
// Generated by scripts/themes/compile-vscode-themes.js from the VS Code themes
|
|
2
|
+
// "Tokyo Night Light" (light) and "Tokyo Night" (dark). Do not edit: change the sources or the compiler.
|
|
1
3
|
import baseTheme from './default';
|
|
2
4
|
import type { ThemeDefinition } from '../src/Theme';
|
|
3
5
|
|
|
@@ -8,29 +10,49 @@ const definition: ThemeDefinition = {
|
|
|
8
10
|
mode: 'dark',
|
|
9
11
|
colors: {
|
|
10
12
|
...baseTheme.preset.colors,
|
|
11
|
-
...{
|
|
13
|
+
...{
|
|
14
|
+
background: '231.4 16.3% 91.6%',
|
|
15
|
+
foreground: '228.6 26.2% 27.6%',
|
|
16
|
+
canvas: '226.7 12.3% 85.7%',
|
|
17
|
+
card: '231.4 16.3% 91.6%',
|
|
18
|
+
cardForeground: '228.6 26.2% 27.6%',
|
|
19
|
+
popover: '226.7 12.3% 85.7%',
|
|
20
|
+
popoverForeground: '224.3 17.6% 25.7%',
|
|
21
|
+
primary: '217.7 46.1% 48%',
|
|
22
|
+
primaryForeground: '0 0% 100%',
|
|
23
|
+
secondary: '232.5 6.7% 47.1%',
|
|
24
|
+
secondaryForeground: '224.3 17.6% 25.7%',
|
|
25
|
+
muted: '231.4 13.2% 89.6%',
|
|
26
|
+
mutedForeground: '232.5 6.7% 47.1%',
|
|
27
|
+
accent: '231.4 13.2% 89.6%',
|
|
28
|
+
accentForeground: '224.3 17.6% 25.7%',
|
|
29
|
+
border: '230 5.1% 76.9%',
|
|
30
|
+
input: '230 5.1% 76.9%',
|
|
31
|
+
ring: '226.7 10.1% 82.5%'
|
|
32
|
+
},
|
|
12
33
|
},
|
|
13
34
|
dark: {
|
|
14
35
|
...baseTheme.preset.dark,
|
|
15
36
|
...{
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
37
|
+
background: '235 18.8% 12.5%',
|
|
38
|
+
foreground: '229.3 35.4% 75.1%',
|
|
39
|
+
canvas: '240 15.4% 10.2%',
|
|
40
|
+
card: '235 18.8% 12.5%',
|
|
41
|
+
cardForeground: '229.3 35.4% 75.1%',
|
|
42
|
+
popover: '240 15.4% 10.2%',
|
|
43
|
+
popoverForeground: '232.7 13.9% 53.5%',
|
|
44
|
+
primary: '223.1 44.3% 39.4%',
|
|
45
|
+
primaryForeground: '0 0% 100%',
|
|
46
|
+
secondary: '232.2 16.3% 27.6%',
|
|
47
|
+
secondaryForeground: '232.7 13.9% 53.5%',
|
|
48
|
+
muted: '240 15.6% 8.8%',
|
|
49
|
+
mutedForeground: '230.3 16.1% 37.8%',
|
|
50
|
+
accent: '240 15.6% 8.8%',
|
|
51
|
+
accentForeground: '229.3 35.4% 75.1%',
|
|
52
|
+
border: '240 11.1% 7.1%',
|
|
53
|
+
input: '240 14.3% 6.9%',
|
|
54
|
+
ring: '233.3 19.1% 18.4%'
|
|
55
|
+
},
|
|
34
56
|
},
|
|
35
57
|
},
|
|
36
58
|
};
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
// Generated by scripts/themes/compile-vscode-themes.js from the VS Code themes
|
|
2
|
+
// "Light Modern" (light) and "Dark Modern" (dark). Do not edit: change the sources or the compiler.
|
|
3
|
+
import baseTheme from './default';
|
|
4
|
+
import type { ThemeDefinition } from '../src/Theme';
|
|
5
|
+
|
|
6
|
+
const definition: ThemeDefinition = {
|
|
7
|
+
...baseTheme,
|
|
8
|
+
preset: {
|
|
9
|
+
...baseTheme.preset,
|
|
10
|
+
mode: 'dark',
|
|
11
|
+
colors: {
|
|
12
|
+
...baseTheme.preset.colors,
|
|
13
|
+
...{
|
|
14
|
+
background: '0 0% 100%',
|
|
15
|
+
foreground: '0 0% 23.1%',
|
|
16
|
+
canvas: '0 0% 97.3%',
|
|
17
|
+
card: '0 0% 100%',
|
|
18
|
+
cardForeground: '0 0% 23.1%',
|
|
19
|
+
popover: '0 0% 100%',
|
|
20
|
+
popoverForeground: '0 0% 23.1%',
|
|
21
|
+
primary: '209 100% 36.1%',
|
|
22
|
+
primaryForeground: '0 0% 100%',
|
|
23
|
+
secondary: '0 0% 89.8%',
|
|
24
|
+
secondaryForeground: '0 0% 23.1%',
|
|
25
|
+
muted: '0 0% 94.9%',
|
|
26
|
+
mutedForeground: '0 0% 23.1%',
|
|
27
|
+
accent: '0 0% 94.9%',
|
|
28
|
+
accentForeground: '0 0% 23.1%',
|
|
29
|
+
border: '0 0% 89.8%',
|
|
30
|
+
input: '0 0% 80.8%',
|
|
31
|
+
ring: '209 100% 36.1%'
|
|
32
|
+
},
|
|
33
|
+
},
|
|
34
|
+
dark: {
|
|
35
|
+
...baseTheme.preset.dark,
|
|
36
|
+
...{
|
|
37
|
+
background: '0 0% 12.2%',
|
|
38
|
+
foreground: '0 0% 80%',
|
|
39
|
+
canvas: '0 0% 9.4%',
|
|
40
|
+
card: '0 0% 12.2%',
|
|
41
|
+
cardForeground: '0 0% 80%',
|
|
42
|
+
popover: '0 0% 12.2%',
|
|
43
|
+
popoverForeground: '0 0% 80%',
|
|
44
|
+
primary: '206 100% 41.6%',
|
|
45
|
+
primaryForeground: '0 0% 100%',
|
|
46
|
+
secondary: '195 4.5% 17.3%',
|
|
47
|
+
secondaryForeground: '0 0% 80%',
|
|
48
|
+
muted: '195 4.5% 17.3%',
|
|
49
|
+
mutedForeground: '0 0% 61.6%',
|
|
50
|
+
accent: '195 4.5% 17.3%',
|
|
51
|
+
accentForeground: '0 0% 80%',
|
|
52
|
+
border: '0 0% 16.9%',
|
|
53
|
+
input: '0 0% 23.5%',
|
|
54
|
+
ring: '206 100% 41.6%'
|
|
55
|
+
},
|
|
56
|
+
},
|
|
57
|
+
},
|
|
58
|
+
};
|
|
59
|
+
|
|
60
|
+
export default definition;
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
// Generated by scripts/themes/compile-vscode-themes.js from the VS Code themes
|
|
2
|
+
// "Light+" (light) and "Dark+" (dark). Do not edit: change the sources or the compiler.
|
|
1
3
|
import baseTheme from './default';
|
|
2
4
|
import type { ThemeDefinition } from '../src/Theme';
|
|
3
5
|
|
|
@@ -8,20 +10,49 @@ const definition: ThemeDefinition = {
|
|
|
8
10
|
mode: 'dark',
|
|
9
11
|
colors: {
|
|
10
12
|
...baseTheme.preset.colors,
|
|
11
|
-
...{
|
|
13
|
+
...{
|
|
14
|
+
background: '0 0% 100%',
|
|
15
|
+
foreground: '0 0% 0%',
|
|
16
|
+
canvas: '0 0% 95.3%',
|
|
17
|
+
card: '0 0% 100%',
|
|
18
|
+
cardForeground: '0 0% 0%',
|
|
19
|
+
popover: '0 0% 100%',
|
|
20
|
+
popoverForeground: '0 0% 38%',
|
|
21
|
+
primary: '204.1 100% 40%',
|
|
22
|
+
primaryForeground: '0 0% 100%',
|
|
23
|
+
secondary: '0 0% 91%',
|
|
24
|
+
secondaryForeground: '0 0% 38%',
|
|
25
|
+
muted: '0 0% 91%',
|
|
26
|
+
mutedForeground: '0 0% 44.3%',
|
|
27
|
+
accent: '0 0% 91%',
|
|
28
|
+
accentForeground: '0 0% 38%',
|
|
29
|
+
border: '0 0% 82.7%',
|
|
30
|
+
input: '0 0% 80.8%',
|
|
31
|
+
ring: '204.1 100% 47.3%'
|
|
32
|
+
},
|
|
12
33
|
},
|
|
13
34
|
dark: {
|
|
14
35
|
...baseTheme.preset.dark,
|
|
15
36
|
...{
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
37
|
+
background: '0 0% 11.8%',
|
|
38
|
+
foreground: '0 0% 83.1%',
|
|
39
|
+
canvas: '0 0% 11.8%',
|
|
40
|
+
card: '240 1.3% 14.7%',
|
|
41
|
+
cardForeground: '0 0% 83.1%',
|
|
42
|
+
popover: '240 1.3% 14.7%',
|
|
43
|
+
popoverForeground: '0 0% 80%',
|
|
44
|
+
primary: '204.1 83.5% 33.3%',
|
|
45
|
+
primaryForeground: '0 0% 100%',
|
|
46
|
+
secondary: '195 4.5% 17.3%',
|
|
47
|
+
secondaryForeground: '0 0% 80%',
|
|
48
|
+
muted: '195 4.5% 17.3%',
|
|
49
|
+
mutedForeground: '240 0.5% 60.6%',
|
|
50
|
+
accent: '195 4.5% 17.3%',
|
|
51
|
+
accentForeground: '0 0% 80%',
|
|
52
|
+
border: '0 0% 27.1%',
|
|
53
|
+
input: '0 0% 23.5%',
|
|
54
|
+
ring: '204.1 100% 41.6%'
|
|
55
|
+
},
|
|
25
56
|
},
|
|
26
57
|
},
|
|
27
58
|
};
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
// Generated by scripts/themes/compile-vscode-themes.js from the VS Code themes
|
|
2
|
+
// "Light Modern" (light) and "Dark Modern" (dark). Do not edit: change the sources or the compiler.
|
|
3
|
+
import baseTheme from './default';
|
|
4
|
+
import type { ThemeDefinition } from '../src/Theme';
|
|
5
|
+
|
|
6
|
+
const definition: ThemeDefinition = {
|
|
7
|
+
...baseTheme,
|
|
8
|
+
preset: {
|
|
9
|
+
...baseTheme.preset,
|
|
10
|
+
mode: 'light',
|
|
11
|
+
colors: {
|
|
12
|
+
...baseTheme.preset.colors,
|
|
13
|
+
...{
|
|
14
|
+
background: '0 0% 100%',
|
|
15
|
+
foreground: '0 0% 23.1%',
|
|
16
|
+
canvas: '0 0% 97.3%',
|
|
17
|
+
card: '0 0% 100%',
|
|
18
|
+
cardForeground: '0 0% 23.1%',
|
|
19
|
+
popover: '0 0% 100%',
|
|
20
|
+
popoverForeground: '0 0% 23.1%',
|
|
21
|
+
primary: '209 100% 36.1%',
|
|
22
|
+
primaryForeground: '0 0% 100%',
|
|
23
|
+
secondary: '0 0% 89.8%',
|
|
24
|
+
secondaryForeground: '0 0% 23.1%',
|
|
25
|
+
muted: '0 0% 94.9%',
|
|
26
|
+
mutedForeground: '0 0% 23.1%',
|
|
27
|
+
accent: '0 0% 94.9%',
|
|
28
|
+
accentForeground: '0 0% 23.1%',
|
|
29
|
+
border: '0 0% 89.8%',
|
|
30
|
+
input: '0 0% 80.8%',
|
|
31
|
+
ring: '209 100% 36.1%'
|
|
32
|
+
},
|
|
33
|
+
},
|
|
34
|
+
dark: {
|
|
35
|
+
...baseTheme.preset.dark,
|
|
36
|
+
...{
|
|
37
|
+
background: '0 0% 12.2%',
|
|
38
|
+
foreground: '0 0% 80%',
|
|
39
|
+
canvas: '0 0% 9.4%',
|
|
40
|
+
card: '0 0% 12.2%',
|
|
41
|
+
cardForeground: '0 0% 80%',
|
|
42
|
+
popover: '0 0% 12.2%',
|
|
43
|
+
popoverForeground: '0 0% 80%',
|
|
44
|
+
primary: '206 100% 41.6%',
|
|
45
|
+
primaryForeground: '0 0% 100%',
|
|
46
|
+
secondary: '195 4.5% 17.3%',
|
|
47
|
+
secondaryForeground: '0 0% 80%',
|
|
48
|
+
muted: '195 4.5% 17.3%',
|
|
49
|
+
mutedForeground: '0 0% 61.6%',
|
|
50
|
+
accent: '195 4.5% 17.3%',
|
|
51
|
+
accentForeground: '0 0% 80%',
|
|
52
|
+
border: '0 0% 16.9%',
|
|
53
|
+
input: '0 0% 23.5%',
|
|
54
|
+
ring: '206 100% 41.6%'
|
|
55
|
+
},
|
|
56
|
+
},
|
|
57
|
+
},
|
|
58
|
+
};
|
|
59
|
+
|
|
60
|
+
export default definition;
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
// Generated by scripts/themes/compile-vscode-themes.js from the VS Code themes
|
|
2
|
+
// "Light+" (light) and "Dark+" (dark). Do not edit: change the sources or the compiler.
|
|
1
3
|
import baseTheme from './default';
|
|
2
4
|
import type { ThemeDefinition } from '../src/Theme';
|
|
3
5
|
|
|
@@ -9,19 +11,48 @@ const definition: ThemeDefinition = {
|
|
|
9
11
|
colors: {
|
|
10
12
|
...baseTheme.preset.colors,
|
|
11
13
|
...{
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
14
|
+
background: '0 0% 100%',
|
|
15
|
+
foreground: '0 0% 0%',
|
|
16
|
+
canvas: '0 0% 95.3%',
|
|
17
|
+
card: '0 0% 100%',
|
|
18
|
+
cardForeground: '0 0% 0%',
|
|
19
|
+
popover: '0 0% 100%',
|
|
20
|
+
popoverForeground: '0 0% 38%',
|
|
21
|
+
primary: '204.1 100% 40%',
|
|
22
|
+
primaryForeground: '0 0% 100%',
|
|
23
|
+
secondary: '0 0% 91%',
|
|
24
|
+
secondaryForeground: '0 0% 38%',
|
|
25
|
+
muted: '0 0% 91%',
|
|
26
|
+
mutedForeground: '0 0% 44.3%',
|
|
27
|
+
accent: '0 0% 91%',
|
|
28
|
+
accentForeground: '0 0% 38%',
|
|
29
|
+
border: '0 0% 82.7%',
|
|
30
|
+
input: '0 0% 80.8%',
|
|
31
|
+
ring: '204.1 100% 47.3%'
|
|
32
|
+
},
|
|
21
33
|
},
|
|
22
34
|
dark: {
|
|
23
35
|
...baseTheme.preset.dark,
|
|
24
|
-
...{
|
|
36
|
+
...{
|
|
37
|
+
background: '0 0% 11.8%',
|
|
38
|
+
foreground: '0 0% 83.1%',
|
|
39
|
+
canvas: '0 0% 11.8%',
|
|
40
|
+
card: '240 1.3% 14.7%',
|
|
41
|
+
cardForeground: '0 0% 83.1%',
|
|
42
|
+
popover: '240 1.3% 14.7%',
|
|
43
|
+
popoverForeground: '0 0% 80%',
|
|
44
|
+
primary: '204.1 83.5% 33.3%',
|
|
45
|
+
primaryForeground: '0 0% 100%',
|
|
46
|
+
secondary: '195 4.5% 17.3%',
|
|
47
|
+
secondaryForeground: '0 0% 80%',
|
|
48
|
+
muted: '195 4.5% 17.3%',
|
|
49
|
+
mutedForeground: '240 0.5% 60.6%',
|
|
50
|
+
accent: '195 4.5% 17.3%',
|
|
51
|
+
accentForeground: '0 0% 80%',
|
|
52
|
+
border: '0 0% 27.1%',
|
|
53
|
+
input: '0 0% 23.5%',
|
|
54
|
+
ring: '204.1 100% 41.6%'
|
|
55
|
+
},
|
|
25
56
|
},
|
|
26
57
|
},
|
|
27
58
|
};
|