@grantcodes/style-dictionary 1.2.1 → 1.3.1

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 (70) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/css/grantcodes/grantcodes.css +367 -0
  3. package/dist/css/grantcodes/tokens.css +367 -0
  4. package/dist/css/todomap/todomap.css +200 -0
  5. package/dist/css/todomap/tokens.css +200 -0
  6. package/dist/css/wireframe/tokens.css +426 -0
  7. package/dist/css/wireframe/wireframe.css +426 -0
  8. package/dist/js/grantcodes/style-dictionary.d.ts +361 -0
  9. package/dist/js/grantcodes/style-dictionary.js +386 -0
  10. package/dist/js/todomap/style-dictionary.d.ts +202 -0
  11. package/dist/js/todomap/style-dictionary.js +220 -0
  12. package/dist/js/wireframe/style-dictionary.d.ts +414 -0
  13. package/dist/js/wireframe/style-dictionary.js +427 -0
  14. package/dist/json/grantcodes/tokens.json +351 -0
  15. package/dist/json/todomap/tokens.json +200 -0
  16. package/dist/json/wireframe/tokens.json +404 -0
  17. package/package.json +66 -61
  18. package/.turbo/turbo-build.log +0 -45
  19. package/biome.json +0 -9
  20. package/build.js +0 -10
  21. package/config.js +0 -485
  22. package/demo.html +0 -171
  23. package/lib/color-generator.js +0 -13
  24. package/lib/get-style-dictionary-config.js +0 -223
  25. package/lib/get-themes.js +0 -10
  26. package/lib/index.js +0 -3
  27. package/tests/tokens.test.js +0 -87
  28. package/tokens/core/tier-1-definitions/colors.json +0 -175
  29. package/tokens/core/tier-1-definitions/z-index.json +0 -29
  30. package/tokens/grantcodes/tier-1-definitions/animation.json +0 -27
  31. package/tokens/grantcodes/tier-1-definitions/borders.json +0 -36
  32. package/tokens/grantcodes/tier-1-definitions/colors.json +0 -35
  33. package/tokens/grantcodes/tier-1-definitions/shadows.json +0 -39
  34. package/tokens/grantcodes/tier-1-definitions/typography.json +0 -133
  35. package/tokens/grantcodes/tier-2-usage/00-colors-background.json +0 -72
  36. package/tokens/grantcodes/tier-2-usage/00-colors-border.json +0 -42
  37. package/tokens/grantcodes/tier-2-usage/00-colors-content.json +0 -45
  38. package/tokens/grantcodes/tier-2-usage/animation.json +0 -23
  39. package/tokens/grantcodes/tier-2-usage/borders.json +0 -26
  40. package/tokens/grantcodes/tier-2-usage/shadows.json +0 -39
  41. package/tokens/grantcodes/tier-2-usage/typography-usage.json +0 -277
  42. package/tokens/grantcodes/tier-3-components/button.json +0 -94
  43. package/tokens/grantcodes/tier-3-components/focus-ring.json +0 -26
  44. package/tokens/grantcodes/tier-3-components/form.json +0 -69
  45. package/tokens/grantcodes/tier-3-components/link.json +0 -39
  46. package/tokens/todomap/tier-1-definitions/colors.json +0 -92
  47. package/tokens/todomap/tier-1-definitions/typography.json +0 -10
  48. package/tokens/todomap/tier-2-usage/00-colors-background.json +0 -36
  49. package/tokens/todomap/tier-2-usage/00-colors-content.json +0 -33
  50. package/tokens/todomap/tier-2-usage/typography-usage.json +0 -20
  51. package/tokens/todomap/tier-3-components/button.json +0 -141
  52. package/tokens/todomap/tier-3-components/focus-ring.json +0 -26
  53. package/tokens/todomap/tier-3-components/form.json +0 -69
  54. package/tokens/todomap/tier-3-components/link.json +0 -39
  55. package/tokens/wireframe/tier-1-definitions/animation.json +0 -18
  56. package/tokens/wireframe/tier-1-definitions/borders.json +0 -42
  57. package/tokens/wireframe/tier-1-definitions/colors.json +0 -36
  58. package/tokens/wireframe/tier-1-definitions/shadows.json +0 -39
  59. package/tokens/wireframe/tier-1-definitions/typography.json +0 -130
  60. package/tokens/wireframe/tier-2-usage/00-colors-background.json +0 -86
  61. package/tokens/wireframe/tier-2-usage/00-colors-border.json +0 -42
  62. package/tokens/wireframe/tier-2-usage/00-colors-content.json +0 -45
  63. package/tokens/wireframe/tier-2-usage/animation.json +0 -24
  64. package/tokens/wireframe/tier-2-usage/borders.json +0 -33
  65. package/tokens/wireframe/tier-2-usage/shadows.json +0 -39
  66. package/tokens/wireframe/tier-2-usage/typography-usage.json +0 -445
  67. package/tokens/wireframe/tier-3-components/button.json +0 -94
  68. package/tokens/wireframe/tier-3-components/focus-ring.json +0 -26
  69. package/tokens/wireframe/tier-3-components/form.json +0 -69
  70. package/tokens/wireframe/tier-3-components/link.json +0 -39
package/CHANGELOG.md CHANGED
@@ -1,5 +1,19 @@
1
1
  # Changelog
2
2
 
3
+ ## [1.3.1](https://github.com/grantcodes/ui/compare/style-dictionary-v1.3.0...style-dictionary-v1.3.1) (2026-03-15)
4
+
5
+
6
+ ### Bug Fixes
7
+
8
+ * **style-dictionary:** deploy files ([d2a4913](https://github.com/grantcodes/ui/commit/d2a49132cf7a526c134713e792c6d9fe076e7787))
9
+
10
+ ## [1.3.0](https://github.com/grantcodes/ui/compare/style-dictionary-v1.2.1...style-dictionary-v1.3.0) (2026-03-14)
11
+
12
+
13
+ ### Features
14
+
15
+ * **tokens:** expand spacing tokens and add typography shorthand ([0d9a558](https://github.com/grantcodes/ui/commit/0d9a5580a32a6ecf2b170d54fde3d1c68008e314))
16
+
3
17
  ## [1.2.1](https://github.com/grantcodes/ui/compare/style-dictionary-v1.2.0...style-dictionary-v1.2.1) (2026-03-07)
4
18
 
5
19
 
package/dist/css/grantcodes/grantcodes.css ADDED
@@ -0,0 +1,367 @@
1
+ .grantcodes {
2
+ --g-color-neutral-100: oklch(95% 0 0);
3
+ --g-color-neutral-200: oklch(90% 0 0);
4
+ --g-color-neutral-300: oklch(80% 0 0);
5
+ --g-color-neutral-400: oklch(70% 0 0);
6
+ --g-color-neutral-500: oklch(60% 0 0);
7
+ --g-color-neutral-600: oklch(50% 0 0);
8
+ --g-color-neutral-700: oklch(40% 0 0);
9
+ --g-color-neutral-800: oklch(30% 0 0);
10
+ --g-color-neutral-900: oklch(20% 0 0);
11
+ --g-color-neutral-white: oklch(100% 0 0);
12
+ --g-color-neutral-black: oklch(0% 0 0);
13
+ --g-color-utility-green-100: oklch(96.73% 0.0537 129.1);
14
+ --g-color-utility-green-200: oklch(93.45% 0.107 131.96);
15
+ --g-color-utility-green-300: oklch(87.97% 0.1546 135.05);
16
+ --g-color-utility-green-400: oklch(81.78% 0.1827 137.62);
17
+ --g-color-utility-green-500: oklch(74.01% 0.2132 139.87);
18
+ --g-color-utility-green-600: oklch(65.44% 0.1981 141.12);
19
+ --g-color-utility-green-700: oklch(57.11% 0.1795 142.12);
20
+ --g-color-utility-green-800: oklch(48.67% 0.1572 142.68);
21
+ --g-color-utility-green-900: oklch(42.59% 0.1358 143.3);
22
+ --g-color-utility-blue-100: oklch(95.86% 0.0542 179.13);
23
+ --g-color-utility-blue-200: oklch(92.82% 0.0973 184.41);
24
+ --g-color-utility-blue-300: oklch(90.54% 0.1282 189.63);
25
+ --g-color-utility-blue-500: oklch(81.86% 0.141005 208.7047);
26
+ --g-color-utility-blue-600: oklch(68.89% 0.125872 220.4932);
27
+ --g-color-utility-blue-700: oklch(56.7% 0.116289 232.4331);
28
+ --g-color-utility-blue-800: oklch(45.75% 0.107158 241.2805);
29
+ --g-color-utility-blue-900: oklch(37.55% 0.1037 249.04);
30
+ --g-color-utility-yellow-100: oklch(97.66% 0.0606 103.43);
31
+ --g-color-utility-yellow-200: oklch(95.72% 0.1147 103.53);
32
+ --g-color-utility-yellow-300: oklch(93.47% 0.1552 102.21);
33
+ --g-color-utility-yellow-400: oklch(91.68% 0.1745 101.08);
34
+ --g-color-utility-yellow-500: oklch(88.99% 0.183778 97.6996);
35
+ --g-color-utility-yellow-600: oklch(78.68% 0.162 96.43);
36
+ --g-color-utility-yellow-700: oklch(68.35% 0.14027 94.7302);
37
+ --g-color-utility-yellow-800: oklch(58.04% 0.1189 93.71);
38
+ --g-color-utility-yellow-900: oklch(50.09% 0.1025 92.6);
39
+ --g-color-utility-red-100: oklch(94.96% 0.0395 73.45);
40
+ --g-color-utility-red-200: oklch(89.21% 0.076552 65.9429);
41
+ --g-color-utility-red-300: oklch(82.67% 0.1156 57.65);
42
+ --g-color-utility-red-400: oklch(77.04% 0.1486 49.15);
43
+ --g-color-utility-red-500: oklch(69.31% 0.203172 39.994);
44
+ --g-color-utility-red-600: oklch(60.03% 0.1938 35.81);
45
+ --g-color-utility-red-700: oklch(51.18% 0.1802 32.56);
46
+ --g-color-utility-red-800: oklch(42.79% 0.16 30.38);
47
+ --g-color-utility-red-900: oklch(36.89% 0.1443 28.98);
48
+ --g-color-transparent-0: oklch(100% 0 0 / 0);
49
+ --g-color-transparent-10: oklch(100% 0 0 / 0.1);
50
+ --g-color-transparent-25: oklch(100% 0 0 / 0.25);
51
+ --g-color-transparent-50: oklch(100% 0 0 / 0.5);
52
+ --g-color-transparent-75: oklch(100% 0 0 / 0.75);
53
+ --g-color-transparent-90: oklch(100% 0 0 / 0.9);
54
+ --g-color-brand-purple-100: oklch(95% 0.04 279.42);
55
+ --g-color-brand-purple-200: oklch(90% 0.08 279.42);
56
+ --g-color-brand-purple-300: oklch(82% 0.12 279.42);
57
+ --g-color-brand-purple-400: oklch(74% 0.17 279.42);
58
+ --g-color-brand-purple-500: oklch(65% 0.22 279.42);
59
+ --g-color-brand-purple-600: oklch(55% 0.26 279.42);
60
+ --g-color-brand-purple-700: oklch(45% 0.24 279.42);
61
+ --g-color-brand-purple-800: oklch(35% 0.18 279.42);
62
+ --g-color-brand-purple-900: oklch(25% 0.12 279.42);
63
+ --g-z-index-0: 0;
64
+ --g-z-index-100: 100;
65
+ --g-z-index-200: 200;
66
+ --g-z-index-300: 300;
67
+ --g-z-index-400: 400;
68
+ --g-z-index-500: 500;
69
+ --g-z-index-top: 99999;
70
+ --g-z-index-bottom: -100;
71
+ --g-animation-duration-10: 100ms;
72
+ --g-animation-duration-20: 200ms;
73
+ --g-animation-duration-30: 300ms;
74
+ --g-animation-duration-40: 400ms;
75
+ --g-animation-timing-function-ease: ease-in-out;
76
+ --g-animation-timing-function-linear: linear;
77
+ --g-border-radius-125: 0.125rem;
78
+ --g-border-radius-250: 0.25rem;
79
+ --g-border-radius-500: 0.5rem;
80
+ --g-border-radius-1000: 1rem;
81
+ --g-border-radius-square: 0;
82
+ --g-border-radius-rounded: 50%;
83
+ --g-border-width-1: 0.0625rem;
84
+ --g-border-width-2: 0.125rem;
85
+ --g-border-width-4: 0.25rem;
86
+ --g-shadow-sm-x: 0rem;
87
+ --g-shadow-sm-y: 0.25rem;
88
+ --g-shadow-sm-blur: 0.25rem;
89
+ --g-shadow-sm-spread: 0rem;
90
+ --g-shadow-sm-color: #00000040;
91
+ --g-shadow-md-x: 0rem;
92
+ --g-shadow-md-y: 0.5rem;
93
+ --g-shadow-md-blur: 0.375rem;
94
+ --g-shadow-md-spread: -0.375rem;
95
+ --g-shadow-md-color: #0000001a;
96
+ --g-spacing-0: 0rem;
97
+ --g-spacing-1: 0.0625rem;
98
+ --g-spacing-2: 0.125rem;
99
+ --g-spacing-4: 0.25rem;
100
+ --g-spacing-6: 0.375rem;
101
+ --g-spacing-8: 0.5rem;
102
+ --g-spacing-10: 0.625rem;
103
+ --g-spacing-12: 0.75rem;
104
+ --g-spacing-16: 1rem;
105
+ --g-spacing-20: 1.25rem;
106
+ --g-spacing-24: 1.5rem;
107
+ --g-spacing-32: 2rem;
108
+ --g-spacing-40: 2.5rem;
109
+ --g-spacing-48: 3rem;
110
+ --g-spacing-64: 4rem;
111
+ --g-typography-font-family-system: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
112
+ --g-typography-font-family-greycliff: Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
113
+ --g-typography-font-weight-400: 400;
114
+ --g-typography-font-weight-500: 500;
115
+ --g-typography-font-weight-600: 600;
116
+ --g-typography-font-weight-700: 700;
117
+ --g-typography-font-weight-800: 800;
118
+ --g-typography-font-weight-900: 900;
119
+ --g-typography-font-size-12: 0.75rem;
120
+ --g-typography-font-size-14: 0.875rem;
121
+ --g-typography-font-size-16: 1rem;
122
+ --g-typography-font-size-18: 1.125rem;
123
+ --g-typography-font-size-20: 1.25rem;
124
+ --g-typography-font-size-24: 1.5rem;
125
+ --g-typography-font-size-28: 1.75rem;
126
+ --g-typography-font-size-32: 2rem;
127
+ --g-typography-font-size-40: 2.5rem;
128
+ --g-typography-font-size-48: 3rem;
129
+ --g-typography-font-size-56: 3.5rem;
130
+ --g-typography-font-size-64: 4rem;
131
+ --g-typography-font-size-100: 6.25rem;
132
+ --g-typography-line-height-16: 1.00;
133
+ --g-typography-line-height-20: 1.00;
134
+ --g-typography-line-height-24: 1.00;
135
+ --g-typography-line-height-28: 1.00;
136
+ --g-typography-line-height-32: 1.00;
137
+ --g-typography-line-height-36: 2.25;
138
+ --g-typography-line-height-40: 1.00;
139
+ --g-typography-line-height-48: 1.00;
140
+ --g-typography-line-height-56: 1.00;
141
+ --g-typography-line-height-64: 1.00;
142
+ --g-typography-line-height-72: 4.50;
143
+ --g-typography-line-height-110: 6.88;
144
+ --g-typography-letter-spacing-0: 0rem;
145
+ --g-typography-letter-spacing-2: 0.125rem;
146
+ --g-typography-letter-spacing-minus-2: -0.125rem;
147
+ --g-typography-letter-spacing-minus-1-half: -0.0938rem;
148
+ --g-typography-letter-spacing-minus-1: -0.0625rem;
149
+ --g-typography-letter-spacing-minus-half: -0.0313rem;
150
+ --g-typography-letter-spacing-half: 0.0313rem;
151
+ --g-typography-text-transform-none: none;
152
+ --g-typography-text-transform-uppercase: uppercase;
153
+ --g-theme-typography-display-default: 900 6.25rem/6.875rem Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
154
+ --g-theme-typography-display-sm: 900 6.25rem/6.875rem Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
155
+ --g-theme-typography-headline-lg: 900 3rem/3.5rem Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
156
+ --g-theme-typography-headline-default: 900 2.5rem/3rem Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
157
+ --g-theme-typography-headline-sm: 900 2rem/2.5rem Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
158
+ --g-theme-typography-title-lg: 900 2rem/2.5rem Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
159
+ --g-theme-typography-title-default: 900 1.75rem/2.25rem Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
160
+ --g-theme-typography-title-sm: 900 1.5rem/2rem Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
161
+ --g-theme-typography-label-lg: 600 1.25rem/1.75rem Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
162
+ --g-theme-typography-label-default: 600 1rem/1.5rem Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
163
+ --g-theme-typography-label-sm: 600 0.875rem/1.25rem Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
164
+ --g-theme-typography-body-lg: 400 1.25rem/1.75rem Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
165
+ --g-theme-typography-body-default: 500 1rem/1.5rem Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
166
+ --g-theme-typography-body-sm: 500 0.875rem/1.25rem Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
167
+ --g-theme-typography-meta-default: 600 0.875rem/1.25rem Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
168
+ --g-theme-typography-meta-sm: 600 0.75rem/1rem Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
169
+ --g-theme-color-background-default: oklch(100% 0 0);
170
+ --g-theme-color-background-default-hover: oklch(80% 0 0);
171
+ --g-theme-color-background-subtle: oklch(95% 0 0);
172
+ --g-theme-color-background-subtle-hover: oklch(90% 0 0);
173
+ --g-theme-color-background-knockout: oklch(0% 0 0);
174
+ --g-theme-color-background-brand: oklch(95% 0.04 279.42);
175
+ --g-theme-color-background-brand-hover: oklch(90% 0.08 279.42);
176
+ --g-theme-color-background-brand-disabled: oklch(90% 0 0);
177
+ --g-theme-color-background-brand-knockout: oklch(35% 0.18 279.42);
178
+ --g-theme-color-background-brand-knockout-hover: oklch(45% 0.24 279.42);
179
+ --g-theme-color-background-utility-error: oklch(94.96% 0.0395 73.45);
180
+ --g-theme-color-background-utility-error-knockout: oklch(60.03% 0.1938 35.81);
181
+ --g-theme-color-background-utility-warning: oklch(97.66% 0.0606 103.43);
182
+ --g-theme-color-background-utility-warning-knockout: oklch(78.68% 0.162 96.43);
183
+ --g-theme-color-background-utility-success: oklch(96.73% 0.0537 129.1);
184
+ --g-theme-color-background-utility-success-knockout: oklch(65.44% 0.1981 141.12);
185
+ --g-theme-color-background-utility-info: oklch(95.86% 0.0542 179.13);
186
+ --g-theme-color-background-utility-info-knockout: oklch(68.89% 0.125872 220.4932);
187
+ --g-theme-color-background-disabled: oklch(90% 0 0);
188
+ --g-theme-color-background-transparent: oklch(100% 0 0 / 0.25);
189
+ --g-theme-color-background-transparent-strong: oklch(100% 0 0 / 0.9);
190
+ --g-theme-color-border-default: oklch(80% 0 0);
191
+ --g-theme-color-border-default-hover: oklch(60% 0 0);
192
+ --g-theme-color-border-subtle: oklch(90% 0 0);
193
+ --g-theme-color-border-strong: oklch(20% 0 0);
194
+ --g-theme-color-border-knockout: oklch(70% 0 0);
195
+ --g-theme-color-border-brand: oklch(45% 0.24 279.42);
196
+ --g-theme-color-border-utility-error: oklch(51.18% 0.1802 32.56);
197
+ --g-theme-color-border-utility-warning: oklch(68.35% 0.14027 94.7302);
198
+ --g-theme-color-border-utility-success: oklch(57.11% 0.1795 142.12);
199
+ --g-theme-color-border-utility-info: oklch(56.7% 0.116289 232.4331);
200
+ --g-theme-color-border-disabled: oklch(90% 0 0);
201
+ --g-theme-color-content-default: oklch(20% 0 0);
202
+ --g-theme-color-content-default-hover: oklch(0% 0 0);
203
+ --g-theme-color-content-subtle: oklch(60% 0 0);
204
+ --g-theme-color-content-knockout: oklch(100% 0 0);
205
+ --g-theme-color-content-brand: oklch(55% 0.26 279.42);
206
+ --g-theme-color-content-brand-hover: oklch(25% 0.12 279.42);
207
+ --g-theme-color-content-brand-knockout: oklch(95% 0.04 279.42);
208
+ --g-theme-color-content-disabled: oklch(50% 0 0);
209
+ --g-theme-color-content-utility-error: oklch(60.03% 0.1938 35.81);
210
+ --g-theme-color-content-utility-warning: oklch(78.68% 0.162 96.43);
211
+ --g-theme-color-content-utility-success: oklch(65.44% 0.1981 141.12);
212
+ --g-theme-color-content-utility-info: oklch(68.89% 0.125872 220.4932);
213
+ --g-theme-animation-fade-quick: 100ms;
214
+ --g-theme-animation-fade-long: 400ms;
215
+ --g-theme-animation-move-quick: 200ms;
216
+ --g-theme-animation-move-long: 400ms;
217
+ --g-theme-animation-ease: ease-in-out;
218
+ --g-theme-border-radius-sm: 0.125rem;
219
+ --g-theme-border-radius-md: 0.5rem;
220
+ --g-theme-border-radius-lg: 1rem;
221
+ --g-theme-border-width-sm: 0.0625rem;
222
+ --g-theme-border-width-md: 0.125rem;
223
+ --g-theme-border-width-lg: 0.25rem;
224
+ --g-theme-spacing-xs: 0.25rem;
225
+ --g-theme-spacing-sm: 0.5rem;
226
+ --g-theme-spacing-md: 1rem;
227
+ --g-theme-spacing-lg: 1.5rem;
228
+ --g-theme-spacing-xl: 2rem;
229
+ --g-theme-spacing-2xl: 3rem;
230
+ --g-theme-spacing-3xl: 4rem;
231
+ --g-theme-typography-display-default-font-family: Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
232
+ --g-theme-typography-display-default-font-weight: 900;
233
+ --g-theme-typography-display-default-font-size: 6.25rem;
234
+ --g-theme-typography-display-default-line-height: 1.10;
235
+ --g-theme-typography-display-default-letter-spacing: 0rem;
236
+ --g-theme-typography-display-sm-font-family: Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
237
+ --g-theme-typography-display-sm-font-weight: 900;
238
+ --g-theme-typography-display-sm-font-size: 6.25rem;
239
+ --g-theme-typography-display-sm-line-height: 1.10;
240
+ --g-theme-typography-display-sm-letter-spacing: 0rem;
241
+ --g-theme-typography-headline-lg-font-family: Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
242
+ --g-theme-typography-headline-lg-font-weight: 900;
243
+ --g-theme-typography-headline-lg-font-size: 3rem;
244
+ --g-theme-typography-headline-lg-line-height: 1.17;
245
+ --g-theme-typography-headline-lg-letter-spacing: 0.0313rem;
246
+ --g-theme-typography-headline-default-font-family: Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
247
+ --g-theme-typography-headline-default-font-weight: 900;
248
+ --g-theme-typography-headline-default-font-size: 2.5rem;
249
+ --g-theme-typography-headline-default-line-height: 1.20;
250
+ --g-theme-typography-headline-default-letter-spacing: 0.0313rem;
251
+ --g-theme-typography-headline-sm-font-family: Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
252
+ --g-theme-typography-headline-sm-font-weight: 900;
253
+ --g-theme-typography-headline-sm-font-size: 2rem;
254
+ --g-theme-typography-headline-sm-line-height: 1.25;
255
+ --g-theme-typography-headline-sm-letter-spacing: 0.0313rem;
256
+ --g-theme-typography-title-lg-font-family: Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
257
+ --g-theme-typography-title-lg-font-weight: 900;
258
+ --g-theme-typography-title-lg-font-size: 2rem;
259
+ --g-theme-typography-title-lg-line-height: 1.25;
260
+ --g-theme-typography-title-lg-letter-spacing: 0.0313rem;
261
+ --g-theme-typography-title-default-font-family: Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
262
+ --g-theme-typography-title-default-font-weight: 900;
263
+ --g-theme-typography-title-default-font-size: 1.75rem;
264
+ --g-theme-typography-title-default-line-height: 1.29;
265
+ --g-theme-typography-title-default-letter-spacing: 0.0313rem;
266
+ --g-theme-typography-title-sm-font-family: Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
267
+ --g-theme-typography-title-sm-font-weight: 900;
268
+ --g-theme-typography-title-sm-font-size: 1.5rem;
269
+ --g-theme-typography-title-sm-line-height: 1.33;
270
+ --g-theme-typography-title-sm-letter-spacing: 0.0313rem;
271
+ --g-theme-typography-label-lg-font-family: Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
272
+ --g-theme-typography-label-lg-font-weight: 600;
273
+ --g-theme-typography-label-lg-font-size: 1.25rem;
274
+ --g-theme-typography-label-lg-line-height: 1.40;
275
+ --g-theme-typography-label-lg-letter-spacing: 0rem;
276
+ --g-theme-typography-label-default-font-family: Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
277
+ --g-theme-typography-label-default-font-weight: 600;
278
+ --g-theme-typography-label-default-font-size: 1rem;
279
+ --g-theme-typography-label-default-line-height: 1.50;
280
+ --g-theme-typography-label-default-letter-spacing: 0rem;
281
+ --g-theme-typography-label-sm-font-family: Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
282
+ --g-theme-typography-label-sm-font-weight: 600;
283
+ --g-theme-typography-label-sm-font-size: 0.875rem;
284
+ --g-theme-typography-label-sm-line-height: 1.43;
285
+ --g-theme-typography-label-sm-letter-spacing: 0rem;
286
+ --g-theme-typography-body-lg-font-family: Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
287
+ --g-theme-typography-body-lg-font-weight: 400;
288
+ --g-theme-typography-body-lg-font-size: 1.25rem;
289
+ --g-theme-typography-body-lg-line-height: 1.40;
290
+ --g-theme-typography-body-lg-letter-spacing: 0rem;
291
+ --g-theme-typography-body-default-font-family: Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
292
+ --g-theme-typography-body-default-font-weight: 500;
293
+ --g-theme-typography-body-default-font-size: 1rem;
294
+ --g-theme-typography-body-default-line-height: 1.50;
295
+ --g-theme-typography-body-default-letter-spacing: 0rem;
296
+ --g-theme-typography-body-sm-font-family: Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
297
+ --g-theme-typography-body-sm-font-weight: 500;
298
+ --g-theme-typography-body-sm-font-size: 0.875rem;
299
+ --g-theme-typography-body-sm-line-height: 1.43;
300
+ --g-theme-typography-body-sm-letter-spacing: 0rem;
301
+ --g-theme-typography-meta-default-font-family: Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
302
+ --g-theme-typography-meta-default-font-weight: 600;
303
+ --g-theme-typography-meta-default-font-size: 0.875rem;
304
+ --g-theme-typography-meta-default-line-height: 1.43;
305
+ --g-theme-typography-meta-default-letter-spacing: 0.125rem;
306
+ --g-theme-typography-meta-sm-font-family: Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
307
+ --g-theme-typography-meta-sm-font-weight: 600;
308
+ --g-theme-typography-meta-sm-font-size: 0.75rem;
309
+ --g-theme-typography-meta-sm-line-height: 1.33;
310
+ --g-theme-typography-meta-sm-letter-spacing: 0.125rem;
311
+ --g-theme-box-shadow-sm: 0rem 0.25rem 0.25rem 0rem #00000040;
312
+ --g-theme-box-shadow-md: 0rem 0.5rem 0.375rem -0.375rem #0000001a;
313
+ --g-theme-button-color-background-default: oklch(95% 0.04 279.42);
314
+ --g-theme-button-color-background-hover: oklch(90% 0.08 279.42);
315
+ --g-theme-button-color-background-active: oklch(90% 0.08 279.42);
316
+ --g-theme-button-color-background-disabled: oklch(100% 0 0);
317
+ --g-theme-button-color-content-default: oklch(95% 0.04 279.42);
318
+ --g-theme-button-color-content-hover: oklch(95% 0.04 279.42);
319
+ --g-theme-button-color-content-active: oklch(95% 0.04 279.42);
320
+ --g-theme-button-color-content-disabled: oklch(50% 0 0);
321
+ --g-theme-button-color-border-default: oklch(80% 0 0);
322
+ --g-theme-button-color-border-hover: oklch(45% 0.24 279.42);
323
+ --g-theme-button-color-border-active: oklch(45% 0.24 279.42);
324
+ --g-theme-button-color-border-disabled: oklch(80% 0 0);
325
+ --g-theme-button-primary-color-background-default: oklch(65% 0.22 279.42);
326
+ --g-theme-button-primary-color-background-hover: oklch(55% 0.26 279.42);
327
+ --g-theme-button-primary-color-background-active: oklch(45% 0.24 279.42);
328
+ --g-theme-button-primary-color-background-disabled: oklch(90% 0 0);
329
+ --g-theme-button-primary-color-content-default: oklch(100% 0 0);
330
+ --g-theme-button-primary-color-content-hover: oklch(100% 0 0);
331
+ --g-theme-button-primary-color-content-active: oklch(100% 0 0);
332
+ --g-theme-button-primary-color-content-disabled: oklch(20% 0 0);
333
+ --g-theme-button-primary-color-border-default: oklch(65% 0.22 279.42);
334
+ --g-theme-button-primary-color-border-hover: oklch(45% 0.24 279.42);
335
+ --g-theme-button-primary-color-border-active: oklch(45% 0.24 279.42);
336
+ --g-theme-button-primary-color-border-disabled: oklch(80% 0 0);
337
+ --g-theme-focus-ring-color-default: rgba(106, 91, 197, 0.4);
338
+ --g-theme-focus-ring-color-contrast: oklch(90% 0.08 279.42);
339
+ --g-theme-focus-ring-color-contrast-shadow: oklch(35% 0.18 279.42);
340
+ --g-theme-focus-ring-width-default: 0.2rem;
341
+ --g-theme-focus-ring-offset-default: 0rem;
342
+ --g-theme-form-color-background-default: oklch(100% 0 0);
343
+ --g-theme-form-color-background-focus: oklch(100% 0 0);
344
+ --g-theme-form-color-background-hover: oklch(95% 0 0);
345
+ --g-theme-form-color-background-active: oklch(100% 0 0);
346
+ --g-theme-form-color-background-disabled: oklch(100% 0 0);
347
+ --g-theme-form-color-content-default: oklch(20% 0 0);
348
+ --g-theme-form-color-content-focus: oklch(20% 0 0);
349
+ --g-theme-form-color-content-hover: oklch(20% 0 0);
350
+ --g-theme-form-color-content-active: oklch(20% 0 0);
351
+ --g-theme-form-color-content-disabled: oklch(50% 0 0);
352
+ --g-theme-form-color-border-default: oklch(80% 0 0);
353
+ --g-theme-form-color-border-focus: oklch(45% 0.24 279.42);
354
+ --g-theme-form-color-border-hover: oklch(60% 0 0);
355
+ --g-theme-form-color-border-active: oklch(45% 0.24 279.42);
356
+ --g-theme-form-color-border-disabled: oklch(80% 0 0);
357
+ --g-theme-form-color-border-error: oklch(51.18% 0.1802 32.56);
358
+ --g-theme-form-input-accent-color-default: oklch(65% 0.22 279.42);
359
+ --g-theme-link-color-content-default: oklch(65% 0.22 279.42);
360
+ --g-theme-link-color-content-hover: oklch(55% 0.26 279.42);
361
+ --g-theme-link-color-content-active: oklch(55% 0.26 279.42);
362
+ --g-theme-link-color-content-visited: oklch(65% 0.22 279.42);
363
+ --g-theme-link-knockout-color-content-default: oklch(100% 0 0);
364
+ --g-theme-link-knockout-color-content-hover: oklch(100% 0 0);
365
+ --g-theme-link-knockout-color-content-active: oklch(100% 0 0);
366
+ --g-theme-link-knockout-color-content-visited: oklch(100% 0 0);
367
+ }