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