@grantcodes/style-dictionary 1.4.0 → 1.4.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 (6) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/css/grantcodes/light.css +206 -0
  3. package/dist/css/grantina/light.css +188 -0
  4. package/dist/css/todomap/light.css +206 -0
  5. package/dist/css/wireframe/light.css +226 -0
  6. package/package.json +5 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,13 @@
1
1
  # Changelog
2
2
 
3
+ ## [1.4.1](https://github.com/grantcodes/ui/compare/style-dictionary-v1.4.0...style-dictionary-v1.4.1) (2026-04-05)
4
+
5
+
6
+ ### Bug Fixes
7
+
8
+ * add .light sub-element override CSS and fix ::selection token ([1ae9007](https://github.com/grantcodes/ui/commit/1ae900779cf6a241a7e430b86a3e3c0cb988f954))
9
+ * add .light sub-element override CSS and fix ::selection token ([9e9c0c3](https://github.com/grantcodes/ui/commit/9e9c0c32d3b68fd6db5b0b7f40ab14341cc96684))
10
+
3
11
  ## [1.4.0](https://github.com/grantcodes/ui/compare/style-dictionary-v1.3.1...style-dictionary-v1.4.0) (2026-04-05)
4
12
 
5
13
 
package/dist/css/grantcodes/light.css ADDED
@@ -0,0 +1,206 @@
1
+ /* Light mode override for grantcodes theme */
2
+ /* Force light mode on any element or subtree within a .dark parent */
3
+ .light {
4
+ --g-theme-typography-h1: 900 6.25rem/1.1 Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
5
+ --g-theme-typography-h2: 900 3rem/1.17 Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
6
+ --g-theme-typography-h3: 900 2.5rem/1.2 Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
7
+ --g-theme-typography-h4: 900 2rem/1.25 Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
8
+ --g-theme-typography-h5: 900 1.75rem/1.29 Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
9
+ --g-theme-typography-h6: 900 1.5rem/1.33 Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
10
+ --g-theme-typography-body-lg: 400 1.25rem/1.4 Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
11
+ --g-theme-typography-body: 500 1rem/1.5 Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
12
+ --g-theme-typography-body-sm: 500 0.875rem/1.43 Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
13
+ --g-theme-typography-label-lg: 600 1.25rem/1.4 Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
14
+ --g-theme-typography-label: 600 1rem/1.5 Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
15
+ --g-theme-typography-label-sm: 600 0.875rem/1.43 Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
16
+ --g-theme-typography-meta: 600 0.875rem/1.43 Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
17
+ --g-theme-typography-meta-sm: 600 0.75rem/1.33 Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
18
+ --g-theme-animation-fade-quick: 100ms;
19
+ --g-theme-animation-fade-long: 400ms;
20
+ --g-theme-animation-move-quick: 200ms;
21
+ --g-theme-animation-move-long: 400ms;
22
+ --g-theme-animation-ease: ease-in-out;
23
+ --g-theme-border-width-sm: 0.0625rem;
24
+ --g-theme-border-width-md: 0.125rem;
25
+ --g-theme-border-width-lg: 0.25rem;
26
+ --g-theme-border-radius-sm: 0.125rem;
27
+ --g-theme-border-radius-md: 0.5rem;
28
+ --g-theme-border-radius-lg: 1rem;
29
+ --g-theme-color-background-default: oklch(100% 0 0);
30
+ --g-theme-color-background-default-hover: oklch(80% 0 0);
31
+ --g-theme-color-background-subtle: oklch(95% 0 0);
32
+ --g-theme-color-background-subtle-hover: oklch(90% 0 0);
33
+ --g-theme-color-background-knockout: oklch(0% 0 0);
34
+ --g-theme-color-background-brand: oklch(95% 0.04 279.42);
35
+ --g-theme-color-background-brand-hover: oklch(90% 0.08 279.42);
36
+ --g-theme-color-background-brand-disabled: oklch(90% 0 0);
37
+ --g-theme-color-background-brand-knockout: oklch(35% 0.18 279.42);
38
+ --g-theme-color-background-brand-knockout-hover: oklch(45% 0.24 279.42);
39
+ --g-theme-color-background-utility-error: oklch(94.96% 0.0395 73.45);
40
+ --g-theme-color-background-utility-error-knockout: oklch(60.03% 0.1938 35.81);
41
+ --g-theme-color-background-utility-warning: oklch(97.66% 0.0606 103.43);
42
+ --g-theme-color-background-utility-warning-knockout: oklch(78.68% 0.162 96.43);
43
+ --g-theme-color-background-utility-success: oklch(96.73% 0.0537 129.1);
44
+ --g-theme-color-background-utility-success-knockout: oklch(65.44% 0.1981 141.12);
45
+ --g-theme-color-background-utility-info: oklch(95.86% 0.0542 179.13);
46
+ --g-theme-color-background-utility-info-knockout: oklch(68.89% 0.125872 220.4932);
47
+ --g-theme-color-background-disabled: oklch(90% 0 0);
48
+ --g-theme-color-background-transparent: oklch(100% 0 0 / 0.25);
49
+ --g-theme-color-background-transparent-strong: oklch(100% 0 0 / 0.9);
50
+ --g-theme-color-border-default: oklch(80% 0 0);
51
+ --g-theme-color-border-default-hover: oklch(60% 0 0);
52
+ --g-theme-color-border-subtle: oklch(90% 0 0);
53
+ --g-theme-color-border-strong: oklch(20% 0 0);
54
+ --g-theme-color-border-knockout: oklch(70% 0 0);
55
+ --g-theme-color-border-brand: oklch(45% 0.24 279.42);
56
+ --g-theme-color-border-utility-error: oklch(51.18% 0.1802 32.56);
57
+ --g-theme-color-border-utility-warning: oklch(68.35% 0.14027 94.7302);
58
+ --g-theme-color-border-utility-success: oklch(57.11% 0.1795 142.12);
59
+ --g-theme-color-border-utility-info: oklch(56.7% 0.116289 232.4331);
60
+ --g-theme-color-border-disabled: oklch(90% 0 0);
61
+ --g-theme-color-content-default: oklch(20% 0 0);
62
+ --g-theme-color-content-default-hover: oklch(0% 0 0);
63
+ --g-theme-color-content-subtle: oklch(60% 0 0);
64
+ --g-theme-color-content-knockout: oklch(100% 0 0);
65
+ --g-theme-color-content-brand: oklch(55% 0.26 279.42);
66
+ --g-theme-color-content-brand-hover: oklch(25% 0.12 279.42);
67
+ --g-theme-color-content-brand-knockout: oklch(95% 0.04 279.42);
68
+ --g-theme-color-content-disabled: oklch(50% 0 0);
69
+ --g-theme-color-content-utility-error: oklch(60.03% 0.1938 35.81);
70
+ --g-theme-color-content-utility-warning: oklch(78.68% 0.162 96.43);
71
+ --g-theme-color-content-utility-success: oklch(65.44% 0.1981 141.12);
72
+ --g-theme-color-content-utility-info: oklch(68.89% 0.125872 220.4932);
73
+ --g-theme-spacing-xs: 0.25rem;
74
+ --g-theme-spacing-sm: 0.5rem;
75
+ --g-theme-spacing-md: 1rem;
76
+ --g-theme-spacing-lg: 1.5rem;
77
+ --g-theme-spacing-xl: 2rem;
78
+ --g-theme-spacing-2xl: 3rem;
79
+ --g-theme-spacing-3xl: 4rem;
80
+ --g-theme-typography-h1-font-family: Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
81
+ --g-theme-typography-h1-font-weight: 900;
82
+ --g-theme-typography-h1-font-size: 6.25rem;
83
+ --g-theme-typography-h1-line-height: 1.1;
84
+ --g-theme-typography-h1-letter-spacing: 0rem;
85
+ --g-theme-typography-h2-font-family: Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
86
+ --g-theme-typography-h2-font-weight: 900;
87
+ --g-theme-typography-h2-font-size: 3rem;
88
+ --g-theme-typography-h2-line-height: 1.17;
89
+ --g-theme-typography-h2-letter-spacing: 0.0313rem;
90
+ --g-theme-typography-h3-font-family: Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
91
+ --g-theme-typography-h3-font-weight: 900;
92
+ --g-theme-typography-h3-font-size: 2.5rem;
93
+ --g-theme-typography-h3-line-height: 1.2;
94
+ --g-theme-typography-h3-letter-spacing: 0.0313rem;
95
+ --g-theme-typography-h4-font-family: Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
96
+ --g-theme-typography-h4-font-weight: 900;
97
+ --g-theme-typography-h4-font-size: 2rem;
98
+ --g-theme-typography-h4-line-height: 1.25;
99
+ --g-theme-typography-h4-letter-spacing: 0.0313rem;
100
+ --g-theme-typography-h5-font-family: Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
101
+ --g-theme-typography-h5-font-weight: 900;
102
+ --g-theme-typography-h5-font-size: 1.75rem;
103
+ --g-theme-typography-h5-line-height: 1.29;
104
+ --g-theme-typography-h5-letter-spacing: 0.0313rem;
105
+ --g-theme-typography-h6-font-family: Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
106
+ --g-theme-typography-h6-font-weight: 900;
107
+ --g-theme-typography-h6-font-size: 1.5rem;
108
+ --g-theme-typography-h6-line-height: 1.33;
109
+ --g-theme-typography-h6-letter-spacing: 0.0313rem;
110
+ --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;
111
+ --g-theme-typography-body-lg-font-weight: 400;
112
+ --g-theme-typography-body-lg-font-size: 1.25rem;
113
+ --g-theme-typography-body-lg-line-height: 1.4;
114
+ --g-theme-typography-body-lg-letter-spacing: 0rem;
115
+ --g-theme-typography-body-font-family: Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
116
+ --g-theme-typography-body-font-weight: 500;
117
+ --g-theme-typography-body-font-size: 1rem;
118
+ --g-theme-typography-body-line-height: 1.5;
119
+ --g-theme-typography-body-letter-spacing: 0rem;
120
+ --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;
121
+ --g-theme-typography-body-sm-font-weight: 500;
122
+ --g-theme-typography-body-sm-font-size: 0.875rem;
123
+ --g-theme-typography-body-sm-line-height: 1.43;
124
+ --g-theme-typography-body-sm-letter-spacing: 0rem;
125
+ --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;
126
+ --g-theme-typography-label-lg-font-weight: 600;
127
+ --g-theme-typography-label-lg-font-size: 1.25rem;
128
+ --g-theme-typography-label-lg-line-height: 1.4;
129
+ --g-theme-typography-label-lg-letter-spacing: 0rem;
130
+ --g-theme-typography-label-font-family: Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
131
+ --g-theme-typography-label-font-weight: 600;
132
+ --g-theme-typography-label-font-size: 1rem;
133
+ --g-theme-typography-label-line-height: 1.5;
134
+ --g-theme-typography-label-letter-spacing: 0rem;
135
+ --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;
136
+ --g-theme-typography-label-sm-font-weight: 600;
137
+ --g-theme-typography-label-sm-font-size: 0.875rem;
138
+ --g-theme-typography-label-sm-line-height: 1.43;
139
+ --g-theme-typography-label-sm-letter-spacing: 0rem;
140
+ --g-theme-typography-meta-font-family: Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
141
+ --g-theme-typography-meta-font-weight: 600;
142
+ --g-theme-typography-meta-font-size: 0.875rem;
143
+ --g-theme-typography-meta-line-height: 1.43;
144
+ --g-theme-typography-meta-letter-spacing: 0.125rem;
145
+ --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;
146
+ --g-theme-typography-meta-sm-font-weight: 600;
147
+ --g-theme-typography-meta-sm-font-size: 0.75rem;
148
+ --g-theme-typography-meta-sm-line-height: 1.33;
149
+ --g-theme-typography-meta-sm-letter-spacing: 0.125rem;
150
+ --g-theme-box-shadow-sm: 0rem 0.25rem 0.25rem 0rem #00000040;
151
+ --g-theme-box-shadow-md: 0rem 0.5rem 0.375rem -0.375rem #0000001a;
152
+ --g-theme-button-color-background-default: oklch(95% 0.04 279.42);
153
+ --g-theme-button-color-background-hover: oklch(90% 0.08 279.42);
154
+ --g-theme-button-color-background-active: oklch(90% 0.08 279.42);
155
+ --g-theme-button-color-background-disabled: oklch(100% 0 0);
156
+ --g-theme-button-color-content-default: oklch(95% 0.04 279.42);
157
+ --g-theme-button-color-content-hover: oklch(95% 0.04 279.42);
158
+ --g-theme-button-color-content-active: oklch(95% 0.04 279.42);
159
+ --g-theme-button-color-content-disabled: oklch(50% 0 0);
160
+ --g-theme-button-color-border-default: oklch(80% 0 0);
161
+ --g-theme-button-color-border-hover: oklch(45% 0.24 279.42);
162
+ --g-theme-button-color-border-active: oklch(45% 0.24 279.42);
163
+ --g-theme-button-color-border-disabled: oklch(80% 0 0);
164
+ --g-theme-button-primary-color-background-default: oklch(65% 0.22 279.42);
165
+ --g-theme-button-primary-color-background-hover: oklch(55% 0.26 279.42);
166
+ --g-theme-button-primary-color-background-active: oklch(45% 0.24 279.42);
167
+ --g-theme-button-primary-color-background-disabled: oklch(90% 0 0);
168
+ --g-theme-button-primary-color-content-default: oklch(100% 0 0);
169
+ --g-theme-button-primary-color-content-hover: oklch(100% 0 0);
170
+ --g-theme-button-primary-color-content-active: oklch(100% 0 0);
171
+ --g-theme-button-primary-color-content-disabled: oklch(20% 0 0);
172
+ --g-theme-button-primary-color-border-default: oklch(65% 0.22 279.42);
173
+ --g-theme-button-primary-color-border-hover: oklch(45% 0.24 279.42);
174
+ --g-theme-button-primary-color-border-active: oklch(45% 0.24 279.42);
175
+ --g-theme-button-primary-color-border-disabled: oklch(80% 0 0);
176
+ --g-theme-focus-ring-color-default: rgba(106, 91, 197, 0.4);
177
+ --g-theme-focus-ring-color-contrast: oklch(90% 0.08 279.42);
178
+ --g-theme-focus-ring-color-contrast-shadow: oklch(35% 0.18 279.42);
179
+ --g-theme-focus-ring-width-default: 0.2rem;
180
+ --g-theme-focus-ring-offset-default: 0rem;
181
+ --g-theme-form-color-background-default: oklch(100% 0 0);
182
+ --g-theme-form-color-background-focus: oklch(100% 0 0);
183
+ --g-theme-form-color-background-hover: oklch(95% 0 0);
184
+ --g-theme-form-color-background-active: oklch(100% 0 0);
185
+ --g-theme-form-color-background-disabled: oklch(100% 0 0);
186
+ --g-theme-form-color-content-default: oklch(20% 0 0);
187
+ --g-theme-form-color-content-focus: oklch(20% 0 0);
188
+ --g-theme-form-color-content-hover: oklch(20% 0 0);
189
+ --g-theme-form-color-content-active: oklch(20% 0 0);
190
+ --g-theme-form-color-content-disabled: oklch(50% 0 0);
191
+ --g-theme-form-color-border-default: oklch(80% 0 0);
192
+ --g-theme-form-color-border-focus: oklch(45% 0.24 279.42);
193
+ --g-theme-form-color-border-hover: oklch(60% 0 0);
194
+ --g-theme-form-color-border-active: oklch(45% 0.24 279.42);
195
+ --g-theme-form-color-border-disabled: oklch(80% 0 0);
196
+ --g-theme-form-color-border-error: oklch(51.18% 0.1802 32.56);
197
+ --g-theme-form-input-accent-color-default: oklch(65% 0.22 279.42);
198
+ --g-theme-link-color-content-default: oklch(65% 0.22 279.42);
199
+ --g-theme-link-color-content-hover: oklch(55% 0.26 279.42);
200
+ --g-theme-link-color-content-active: oklch(55% 0.26 279.42);
201
+ --g-theme-link-color-content-visited: oklch(65% 0.22 279.42);
202
+ --g-theme-link-knockout-color-content-default: oklch(100% 0 0);
203
+ --g-theme-link-knockout-color-content-hover: oklch(100% 0 0);
204
+ --g-theme-link-knockout-color-content-active: oklch(100% 0 0);
205
+ --g-theme-link-knockout-color-content-visited: oklch(100% 0 0);
206
+ }
package/dist/css/grantina/light.css ADDED
@@ -0,0 +1,188 @@
1
+ /* Light mode override for grantina theme */
2
+ /* Force light mode on any element or subtree within a .dark parent */
3
+ .light {
4
+ --g-theme-typography-h1: 400 3rem/1.1 Vidaloka, Georgia, 'Times New Roman', Times, serif;
5
+ --g-theme-typography-h2: 400 2.5rem/1.15 Vidaloka, Georgia, 'Times New Roman', Times, serif;
6
+ --g-theme-typography-h3: 400 2rem/1.2 Vidaloka, Georgia, 'Times New Roman', Times, serif;
7
+ --g-theme-typography-h4: 400 1.5rem/1.25 Vidaloka, Georgia, 'Times New Roman', Times, serif;
8
+ --g-theme-typography-h5: 400 1.25rem/1.3 Vidaloka, Georgia, 'Times New Roman', Times, serif;
9
+ --g-theme-typography-h6: 400 1rem/1.4 Vidaloka, Georgia, 'Times New Roman', Times, serif;
10
+ --g-theme-typography-body-lg: 500 1.5rem/1.4 'Albert Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
11
+ --g-theme-typography-body: 400 1rem/1.5 'Albert Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
12
+ --g-theme-typography-body-sm: 400 0.875rem/1.43 'Albert Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
13
+ --g-theme-typography-label: 600 1rem/1.5 'Albert Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
14
+ --g-theme-typography-meta: 600 0.875rem/1.4 'Albert Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
15
+ --g-theme-animation-fade-quick: 100ms;
16
+ --g-theme-animation-fade-long: 400ms;
17
+ --g-theme-animation-move-quick: 200ms;
18
+ --g-theme-animation-move-long: 400ms;
19
+ --g-theme-animation-ease: ease-in-out;
20
+ --g-theme-border-width-sm: 0.0625rem;
21
+ --g-theme-border-width-md: 0.125rem;
22
+ --g-theme-border-width-lg: 0.25rem;
23
+ --g-theme-border-radius-sm: 0.125rem;
24
+ --g-theme-border-radius-md: 0.5rem;
25
+ --g-theme-border-radius-lg: 1rem;
26
+ --g-theme-color-background-default: oklch(0.9798 0.0045 78.30);
27
+ --g-theme-color-background-default-hover: oklch(93% 0.008 78.30);
28
+ --g-theme-color-background-subtle: oklch(96% 0.006 78.30);
29
+ --g-theme-color-background-subtle-hover: oklch(93% 0.008 78.30);
30
+ --g-theme-color-background-knockout: oklch(0.2284 0.0384 282.93);
31
+ --g-theme-color-background-brand: oklch(95% 0.04 274.16);
32
+ --g-theme-color-background-brand-hover: oklch(90% 0.08 274.16);
33
+ --g-theme-color-background-brand-disabled: oklch(90% 0 0);
34
+ --g-theme-color-background-brand-knockout: oklch(30% 0.14 274.16);
35
+ --g-theme-color-background-brand-knockout-hover: oklch(38% 0.18 274.16);
36
+ --g-theme-color-background-utility-error: oklch(94.96% 0.0395 73.45);
37
+ --g-theme-color-background-utility-error-knockout: oklch(60.03% 0.1938 35.81);
38
+ --g-theme-color-background-utility-warning: oklch(97.66% 0.0606 103.43);
39
+ --g-theme-color-background-utility-warning-knockout: oklch(78.68% 0.162 96.43);
40
+ --g-theme-color-background-utility-success: oklch(96.73% 0.0537 129.1);
41
+ --g-theme-color-background-utility-success-knockout: oklch(65.44% 0.1981 141.12);
42
+ --g-theme-color-background-utility-info: oklch(95.86% 0.0542 179.13);
43
+ --g-theme-color-background-utility-info-knockout: oklch(68.89% 0.125872 220.4932);
44
+ --g-theme-color-background-disabled: oklch(90% 0 0);
45
+ --g-theme-color-background-transparent: oklch(100% 0 0 / 0.25);
46
+ --g-theme-color-background-transparent-strong: oklch(100% 0 0 / 0.9);
47
+ --g-theme-color-border-default: oklch(90% 0.010 78.30);
48
+ --g-theme-color-border-default-hover: oklch(82% 0.010 78.30);
49
+ --g-theme-color-border-subtle: oklch(93% 0.008 78.30);
50
+ --g-theme-color-border-strong: oklch(0.2284 0.0384 282.93);
51
+ --g-theme-color-border-knockout: oklch(75% 0.008 78.30);
52
+ --g-theme-color-border-brand: oklch(38% 0.18 274.16);
53
+ --g-theme-color-border-utility-error: oklch(51.18% 0.1802 32.56);
54
+ --g-theme-color-border-utility-warning: oklch(68.35% 0.14027 94.7302);
55
+ --g-theme-color-border-utility-success: oklch(57.11% 0.1795 142.12);
56
+ --g-theme-color-border-utility-info: oklch(56.7% 0.116289 232.4331);
57
+ --g-theme-color-border-disabled: oklch(90% 0 0);
58
+ --g-theme-color-content-default: oklch(0.2284 0.0384 282.93);
59
+ --g-theme-color-content-default-hover: oklch(17% 0.03 282.93);
60
+ --g-theme-color-content-subtle: oklch(65% 0.03 282.93);
61
+ --g-theme-color-content-knockout: oklch(0.9798 0.0045 78.30);
62
+ --g-theme-color-content-brand: oklch(45% 0.22 274.16);
63
+ --g-theme-color-content-brand-hover: oklch(22% 0.10 274.16);
64
+ --g-theme-color-content-brand-knockout: oklch(95% 0.04 274.16);
65
+ --g-theme-color-content-disabled: oklch(50% 0 0);
66
+ --g-theme-color-content-utility-error: oklch(60.03% 0.1938 35.81);
67
+ --g-theme-color-content-utility-warning: oklch(78.68% 0.162 96.43);
68
+ --g-theme-color-content-utility-success: oklch(65.44% 0.1981 141.12);
69
+ --g-theme-color-content-utility-info: oklch(68.89% 0.125872 220.4932);
70
+ --g-theme-spacing-xs: 0.25rem;
71
+ --g-theme-spacing-sm: 0.5rem;
72
+ --g-theme-spacing-md: 1rem;
73
+ --g-theme-spacing-lg: 1.5rem;
74
+ --g-theme-spacing-xl: 2rem;
75
+ --g-theme-spacing-2xl: 3rem;
76
+ --g-theme-spacing-3xl: 4rem;
77
+ --g-theme-typography-h1-font-family: Vidaloka, Georgia, 'Times New Roman', Times, serif;
78
+ --g-theme-typography-h1-font-weight: 400;
79
+ --g-theme-typography-h1-font-size: 3rem;
80
+ --g-theme-typography-h1-line-height: 1.1;
81
+ --g-theme-typography-h1-letter-spacing: 0.0313rem;
82
+ --g-theme-typography-h2-font-family: Vidaloka, Georgia, 'Times New Roman', Times, serif;
83
+ --g-theme-typography-h2-font-weight: 400;
84
+ --g-theme-typography-h2-font-size: 2.5rem;
85
+ --g-theme-typography-h2-line-height: 1.15;
86
+ --g-theme-typography-h2-letter-spacing: 0.0313rem;
87
+ --g-theme-typography-h3-font-family: Vidaloka, Georgia, 'Times New Roman', Times, serif;
88
+ --g-theme-typography-h3-font-weight: 400;
89
+ --g-theme-typography-h3-font-size: 2rem;
90
+ --g-theme-typography-h3-line-height: 1.2;
91
+ --g-theme-typography-h3-letter-spacing: 0.0313rem;
92
+ --g-theme-typography-h4-font-family: Vidaloka, Georgia, 'Times New Roman', Times, serif;
93
+ --g-theme-typography-h4-font-weight: 400;
94
+ --g-theme-typography-h4-font-size: 1.5rem;
95
+ --g-theme-typography-h4-line-height: 1.25;
96
+ --g-theme-typography-h4-letter-spacing: 0rem;
97
+ --g-theme-typography-h5-font-family: Vidaloka, Georgia, 'Times New Roman', Times, serif;
98
+ --g-theme-typography-h5-font-weight: 400;
99
+ --g-theme-typography-h5-font-size: 1.25rem;
100
+ --g-theme-typography-h5-line-height: 1.3;
101
+ --g-theme-typography-h5-letter-spacing: 0rem;
102
+ --g-theme-typography-h6-font-family: Vidaloka, Georgia, 'Times New Roman', Times, serif;
103
+ --g-theme-typography-h6-font-weight: 400;
104
+ --g-theme-typography-h6-font-size: 1rem;
105
+ --g-theme-typography-h6-line-height: 1.4;
106
+ --g-theme-typography-h6-letter-spacing: 0rem;
107
+ --g-theme-typography-body-lg-font-family: 'Albert Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
108
+ --g-theme-typography-body-lg-font-weight: 500;
109
+ --g-theme-typography-body-lg-font-size: 1.5rem;
110
+ --g-theme-typography-body-lg-line-height: 1.4;
111
+ --g-theme-typography-body-lg-letter-spacing: 0rem;
112
+ --g-theme-typography-body-font-family: 'Albert Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
113
+ --g-theme-typography-body-font-weight: 400;
114
+ --g-theme-typography-body-font-size: 1rem;
115
+ --g-theme-typography-body-line-height: 1.5;
116
+ --g-theme-typography-body-letter-spacing: 0rem;
117
+ --g-theme-typography-body-sm-font-family: 'Albert Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
118
+ --g-theme-typography-body-sm-font-weight: 400;
119
+ --g-theme-typography-body-sm-font-size: 0.875rem;
120
+ --g-theme-typography-body-sm-line-height: 1.43;
121
+ --g-theme-typography-body-sm-letter-spacing: 0rem;
122
+ --g-theme-typography-label-font-family: 'Albert Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
123
+ --g-theme-typography-label-font-weight: 600;
124
+ --g-theme-typography-label-font-size: 1rem;
125
+ --g-theme-typography-label-line-height: 1.5;
126
+ --g-theme-typography-label-letter-spacing: 0rem;
127
+ --g-theme-typography-meta-font-family: 'Albert Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
128
+ --g-theme-typography-meta-font-weight: 600;
129
+ --g-theme-typography-meta-font-size: 0.875rem;
130
+ --g-theme-typography-meta-line-height: 1.4;
131
+ --g-theme-typography-meta-letter-spacing: 0.125rem;
132
+ --g-theme-box-shadow-sm: 0rem 0.25rem 0.25rem 0rem #00000040;
133
+ --g-theme-box-shadow-md: 0rem 0.5rem 0.375rem -0.375rem #0000001a;
134
+ --g-theme-button-color-background-default: oklch(95% 0.04 274.16);
135
+ --g-theme-button-color-background-hover: oklch(90% 0.08 274.16);
136
+ --g-theme-button-color-background-active: oklch(90% 0.08 274.16);
137
+ --g-theme-button-color-background-disabled: oklch(0.9798 0.0045 78.30);
138
+ --g-theme-button-color-content-default: oklch(95% 0.04 274.16);
139
+ --g-theme-button-color-content-hover: oklch(95% 0.04 274.16);
140
+ --g-theme-button-color-content-active: oklch(95% 0.04 274.16);
141
+ --g-theme-button-color-content-disabled: oklch(50% 0 0);
142
+ --g-theme-button-color-border-default: oklch(90% 0.010 78.30);
143
+ --g-theme-button-color-border-hover: oklch(38% 0.18 274.16);
144
+ --g-theme-button-color-border-active: oklch(38% 0.18 274.16);
145
+ --g-theme-button-color-border-disabled: oklch(90% 0.010 78.30);
146
+ --g-theme-button-primary-color-background-default: oklch(0.5359 0.2539 274.16);
147
+ --g-theme-button-primary-color-background-hover: oklch(45% 0.22 274.16);
148
+ --g-theme-button-primary-color-background-active: oklch(38% 0.18 274.16);
149
+ --g-theme-button-primary-color-background-disabled: oklch(90% 0 0);
150
+ --g-theme-button-primary-color-content-default: oklch(100% 0 0);
151
+ --g-theme-button-primary-color-content-hover: oklch(100% 0 0);
152
+ --g-theme-button-primary-color-content-active: oklch(100% 0 0);
153
+ --g-theme-button-primary-color-content-disabled: oklch(0.2284 0.0384 282.93);
154
+ --g-theme-button-primary-color-border-default: oklch(0.5359 0.2539 274.16);
155
+ --g-theme-button-primary-color-border-hover: oklch(38% 0.18 274.16);
156
+ --g-theme-button-primary-color-border-active: oklch(38% 0.18 274.16);
157
+ --g-theme-button-primary-color-border-disabled: oklch(90% 0.010 78.30);
158
+ --g-theme-focus-ring-color-default: rgba(76, 74, 252, 0.4);
159
+ --g-theme-focus-ring-color-contrast: oklch(90% 0.08 274.16);
160
+ --g-theme-focus-ring-color-contrast-shadow: oklch(30% 0.14 274.16);
161
+ --g-theme-focus-ring-width-default: 0.2rem;
162
+ --g-theme-focus-ring-offset-default: 0rem;
163
+ --g-theme-form-color-background-default: oklch(0.9798 0.0045 78.30);
164
+ --g-theme-form-color-background-focus: oklch(0.9798 0.0045 78.30);
165
+ --g-theme-form-color-background-hover: oklch(96% 0.006 78.30);
166
+ --g-theme-form-color-background-active: oklch(0.9798 0.0045 78.30);
167
+ --g-theme-form-color-background-disabled: oklch(0.9798 0.0045 78.30);
168
+ --g-theme-form-color-content-default: oklch(0.2284 0.0384 282.93);
169
+ --g-theme-form-color-content-focus: oklch(0.2284 0.0384 282.93);
170
+ --g-theme-form-color-content-hover: oklch(0.2284 0.0384 282.93);
171
+ --g-theme-form-color-content-active: oklch(0.2284 0.0384 282.93);
172
+ --g-theme-form-color-content-disabled: oklch(50% 0 0);
173
+ --g-theme-form-color-border-default: oklch(90% 0.010 78.30);
174
+ --g-theme-form-color-border-focus: oklch(38% 0.18 274.16);
175
+ --g-theme-form-color-border-hover: oklch(82% 0.010 78.30);
176
+ --g-theme-form-color-border-active: oklch(38% 0.18 274.16);
177
+ --g-theme-form-color-border-disabled: oklch(90% 0.010 78.30);
178
+ --g-theme-form-color-border-error: oklch(51.18% 0.1802 32.56);
179
+ --g-theme-form-input-accent-color-default: oklch(0.5359 0.2539 274.16);
180
+ --g-theme-link-color-content-default: oklch(0.5359 0.2539 274.16);
181
+ --g-theme-link-color-content-hover: oklch(45% 0.22 274.16);
182
+ --g-theme-link-color-content-active: oklch(45% 0.22 274.16);
183
+ --g-theme-link-color-content-visited: oklch(0.5359 0.2539 274.16);
184
+ --g-theme-link-knockout-color-content-default: oklch(0.9798 0.0045 78.30);
185
+ --g-theme-link-knockout-color-content-hover: oklch(0.9798 0.0045 78.30);
186
+ --g-theme-link-knockout-color-content-active: oklch(0.9798 0.0045 78.30);
187
+ --g-theme-link-knockout-color-content-visited: oklch(0.9798 0.0045 78.30);
188
+ }
package/dist/css/todomap/light.css ADDED
@@ -0,0 +1,206 @@
1
+ /* Light mode override for todomap theme */
2
+ /* Force light mode on any element or subtree within a .dark parent */
3
+ .light {
4
+ --g-theme-typography-h1: 700 6.25rem/1.1 Quicksand, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
5
+ --g-theme-typography-h2: 700 3rem/1.17 Quicksand, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
6
+ --g-theme-typography-h3: 700 2.5rem/1.2 Quicksand, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
7
+ --g-theme-typography-h4: 700 2rem/1.25 Quicksand, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
8
+ --g-theme-typography-h5: 700 1.75rem/1.29 Quicksand, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
9
+ --g-theme-typography-h6: 700 1.5rem/1.33 Quicksand, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
10
+ --g-theme-typography-body-lg: 400 1.25rem/1.4 Quicksand, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
11
+ --g-theme-typography-body: 500 1rem/1.5 Quicksand, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
12
+ --g-theme-typography-body-sm: 500 0.875rem/1.43 Quicksand, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
13
+ --g-theme-typography-label-lg: 600 1.25rem/1.4 Quicksand, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
14
+ --g-theme-typography-label: 600 1rem/1.5 Quicksand, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
15
+ --g-theme-typography-label-sm: 600 0.875rem/1.43 Quicksand, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
16
+ --g-theme-typography-meta: 600 0.875rem/1.43 Quicksand, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
17
+ --g-theme-typography-meta-sm: 600 0.75rem/1.33 Quicksand, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
18
+ --g-theme-animation-fade-quick: 100ms;
19
+ --g-theme-animation-fade-long: 400ms;
20
+ --g-theme-animation-move-quick: 200ms;
21
+ --g-theme-animation-move-long: 400ms;
22
+ --g-theme-animation-ease: ease-in-out;
23
+ --g-theme-border-width-sm: 0.0625rem;
24
+ --g-theme-border-width-md: 0.125rem;
25
+ --g-theme-border-width-lg: 0.25rem;
26
+ --g-theme-border-radius-sm: 0.25rem;
27
+ --g-theme-border-radius-md: 0.5rem;
28
+ --g-theme-border-radius-lg: 1rem;
29
+ --g-theme-color-background-default: oklch(100% 0 0);
30
+ --g-theme-color-background-subtle: oklch(95% 0 0);
31
+ --g-theme-color-background-knockout: oklch(0% 0 0);
32
+ --g-theme-color-background-brand: oklch(94.96% 0.050 15.5);
33
+ --g-theme-color-background-brand-hover: oklch(89.21% 0.097 15.5);
34
+ --g-theme-color-background-utility-error: oklch(94.96% 0.0395 73.45);
35
+ --g-theme-color-background-utility-warning: oklch(97.66% 0.0606 103.43);
36
+ --g-theme-color-background-utility-success: oklch(96.73% 0.0537 129.1);
37
+ --g-theme-color-background-utility-info: oklch(95.86% 0.0542 179.13);
38
+ --g-theme-color-border-default: oklch(80% 0 0);
39
+ --g-theme-color-border-default-hover: oklch(60% 0 0);
40
+ --g-theme-color-border-subtle: oklch(90% 0 0);
41
+ --g-theme-color-border-strong: oklch(20% 0 0);
42
+ --g-theme-color-border-knockout: oklch(70% 0 0);
43
+ --g-theme-color-border-brand: oklch(51.18% 0.229 15.5);
44
+ --g-theme-color-border-utility-error: oklch(51.18% 0.1802 32.56);
45
+ --g-theme-color-border-utility-warning: oklch(68.35% 0.14027 94.7302);
46
+ --g-theme-color-border-utility-success: oklch(57.11% 0.1795 142.12);
47
+ --g-theme-color-border-utility-info: oklch(56.7% 0.116289 232.4331);
48
+ --g-theme-color-border-disabled: oklch(90% 0 0);
49
+ --g-theme-color-content-default: oklch(20% 0 0);
50
+ --g-theme-color-content-subtle: oklch(60% 0 0);
51
+ --g-theme-color-content-knockout: oklch(100% 0 0);
52
+ --g-theme-color-content-brand: oklch(60.03% 0.246 15.5);
53
+ --g-theme-color-content-utility-error: oklch(60.03% 0.1938 35.81);
54
+ --g-theme-color-content-utility-warning: oklch(78.68% 0.162 96.43);
55
+ --g-theme-color-content-utility-success: oklch(65.44% 0.1981 141.12);
56
+ --g-theme-color-content-utility-info: oklch(68.89% 0.125872 220.4932);
57
+ --g-theme-spacing-xs: 0.25rem;
58
+ --g-theme-spacing-sm: 0.5rem;
59
+ --g-theme-spacing-md: 1rem;
60
+ --g-theme-spacing-lg: 1.5rem;
61
+ --g-theme-spacing-xl: 2rem;
62
+ --g-theme-spacing-2xl: 3rem;
63
+ --g-theme-spacing-3xl: 4rem;
64
+ --g-theme-typography-font-weight-heading: 700;
65
+ --g-theme-typography-font-weight-body: 400;
66
+ --g-theme-typography-font-family-heading: Quicksand, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
67
+ --g-theme-typography-font-family-body: Quicksand, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
68
+ --g-theme-typography-h1-font-family: Quicksand, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
69
+ --g-theme-typography-h1-font-weight: 700;
70
+ --g-theme-typography-h1-font-size: 6.25rem;
71
+ --g-theme-typography-h1-line-height: 1.1;
72
+ --g-theme-typography-h1-letter-spacing: 0rem;
73
+ --g-theme-typography-h2-font-family: Quicksand, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
74
+ --g-theme-typography-h2-font-weight: 700;
75
+ --g-theme-typography-h2-font-size: 3rem;
76
+ --g-theme-typography-h2-line-height: 1.17;
77
+ --g-theme-typography-h2-letter-spacing: 0rem;
78
+ --g-theme-typography-h3-font-family: Quicksand, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
79
+ --g-theme-typography-h3-font-weight: 700;
80
+ --g-theme-typography-h3-font-size: 2.5rem;
81
+ --g-theme-typography-h3-line-height: 1.2;
82
+ --g-theme-typography-h3-letter-spacing: 0rem;
83
+ --g-theme-typography-h4-font-family: Quicksand, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
84
+ --g-theme-typography-h4-font-weight: 700;
85
+ --g-theme-typography-h4-font-size: 2rem;
86
+ --g-theme-typography-h4-line-height: 1.25;
87
+ --g-theme-typography-h4-letter-spacing: 0rem;
88
+ --g-theme-typography-h5-font-family: Quicksand, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
89
+ --g-theme-typography-h5-font-weight: 700;
90
+ --g-theme-typography-h5-font-size: 1.75rem;
91
+ --g-theme-typography-h5-line-height: 1.29;
92
+ --g-theme-typography-h5-letter-spacing: 0rem;
93
+ --g-theme-typography-h6-font-family: Quicksand, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
94
+ --g-theme-typography-h6-font-weight: 700;
95
+ --g-theme-typography-h6-font-size: 1.5rem;
96
+ --g-theme-typography-h6-line-height: 1.33;
97
+ --g-theme-typography-h6-letter-spacing: 0rem;
98
+ --g-theme-typography-body-lg-font-family: Quicksand, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
99
+ --g-theme-typography-body-lg-font-weight: 400;
100
+ --g-theme-typography-body-lg-font-size: 1.25rem;
101
+ --g-theme-typography-body-lg-line-height: 1.4;
102
+ --g-theme-typography-body-lg-letter-spacing: 0rem;
103
+ --g-theme-typography-body-font-family: Quicksand, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
104
+ --g-theme-typography-body-font-weight: 500;
105
+ --g-theme-typography-body-font-size: 1rem;
106
+ --g-theme-typography-body-line-height: 1.5;
107
+ --g-theme-typography-body-letter-spacing: 0rem;
108
+ --g-theme-typography-body-sm-font-family: Quicksand, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
109
+ --g-theme-typography-body-sm-font-weight: 500;
110
+ --g-theme-typography-body-sm-font-size: 0.875rem;
111
+ --g-theme-typography-body-sm-line-height: 1.43;
112
+ --g-theme-typography-body-sm-letter-spacing: 0rem;
113
+ --g-theme-typography-label-lg-font-family: Quicksand, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
114
+ --g-theme-typography-label-lg-font-weight: 600;
115
+ --g-theme-typography-label-lg-font-size: 1.25rem;
116
+ --g-theme-typography-label-lg-line-height: 1.4;
117
+ --g-theme-typography-label-lg-letter-spacing: 0rem;
118
+ --g-theme-typography-label-font-family: Quicksand, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
119
+ --g-theme-typography-label-font-weight: 600;
120
+ --g-theme-typography-label-font-size: 1rem;
121
+ --g-theme-typography-label-line-height: 1.5;
122
+ --g-theme-typography-label-letter-spacing: 0rem;
123
+ --g-theme-typography-label-sm-font-family: Quicksand, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
124
+ --g-theme-typography-label-sm-font-weight: 600;
125
+ --g-theme-typography-label-sm-font-size: 0.875rem;
126
+ --g-theme-typography-label-sm-line-height: 1.43;
127
+ --g-theme-typography-label-sm-letter-spacing: 0rem;
128
+ --g-theme-typography-meta-font-family: Quicksand, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
129
+ --g-theme-typography-meta-font-weight: 600;
130
+ --g-theme-typography-meta-font-size: 0.875rem;
131
+ --g-theme-typography-meta-line-height: 1.43;
132
+ --g-theme-typography-meta-letter-spacing: 0.0313rem;
133
+ --g-theme-typography-meta-sm-font-family: Quicksand, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
134
+ --g-theme-typography-meta-sm-font-weight: 600;
135
+ --g-theme-typography-meta-sm-font-size: 0.75rem;
136
+ --g-theme-typography-meta-sm-line-height: 1.33;
137
+ --g-theme-typography-meta-sm-letter-spacing: 0.0313rem;
138
+ --g-theme-box-shadow-sm: 0rem 0.25rem 0.25rem 0rem #00000040;
139
+ --g-theme-box-shadow-md: 0rem 0.5rem 0.375rem -0.375rem #0000001a;
140
+ --g-theme-button-color-background-default: oklch(94.96% 0.050 15.5);
141
+ --g-theme-button-color-background-hover: oklch(89.21% 0.097 15.5);
142
+ --g-theme-button-color-background-active: oklch(89.21% 0.097 15.5);
143
+ --g-theme-button-color-background-disabled: oklch(100% 0 0);
144
+ --g-theme-button-color-content-default: oklch(20% 0 0);
145
+ --g-theme-button-color-content-hover: oklch(60.03% 0.246 15.5);
146
+ --g-theme-button-color-content-active: oklch(60.03% 0.246 15.5);
147
+ --g-theme-button-color-content-disabled: oklch(60% 0 0);
148
+ --g-theme-button-color-border-default: oklch(80% 0 0);
149
+ --g-theme-button-color-border-hover: oklch(60.03% 0.246 15.5);
150
+ --g-theme-button-color-border-active: oklch(60.03% 0.246 15.5);
151
+ --g-theme-button-color-border-disabled: oklch(80% 0 0);
152
+ --g-theme-button-primary-color-background-default: oklch(62.8% 0.258 15.5);
153
+ --g-theme-button-primary-color-background-hover: oklch(60.03% 0.246 15.5);
154
+ --g-theme-button-primary-color-background-active: oklch(51.18% 0.229 15.5);
155
+ --g-theme-button-primary-color-background-disabled: oklch(94.96% 0.050 15.5);
156
+ --g-theme-button-primary-color-content-default: oklch(100% 0 0);
157
+ --g-theme-button-primary-color-content-hover: oklch(100% 0 0);
158
+ --g-theme-button-primary-color-content-active: oklch(100% 0 0);
159
+ --g-theme-button-primary-color-content-disabled: oklch(60% 0 0);
160
+ --g-theme-button-primary-color-border-default: oklch(62.8% 0.258 15.5);
161
+ --g-theme-button-primary-color-border-hover: oklch(60.03% 0.246 15.5);
162
+ --g-theme-button-primary-color-border-active: oklch(51.18% 0.229 15.5);
163
+ --g-theme-button-primary-color-border-disabled: oklch(94.96% 0.050 15.5);
164
+ --g-theme-button-secondary-color-background-default: oklch(100% 0 0);
165
+ --g-theme-button-secondary-color-background-hover: oklch(94.96% 0.028 280.5);
166
+ --g-theme-button-secondary-color-background-active: oklch(89.21% 0.054 280.5);
167
+ --g-theme-button-secondary-color-background-disabled: oklch(95% 0 0);
168
+ --g-theme-button-secondary-color-content-default: oklch(60.03% 0.137 280.5);
169
+ --g-theme-button-secondary-color-content-hover: oklch(51.18% 0.128 280.5);
170
+ --g-theme-button-secondary-color-content-active: oklch(51.18% 0.128 280.5);
171
+ --g-theme-button-secondary-color-content-disabled: oklch(60% 0 0);
172
+ --g-theme-button-secondary-color-border-default: oklch(65.0% 0.144 280.5);
173
+ --g-theme-button-secondary-color-border-hover: oklch(60.03% 0.137 280.5);
174
+ --g-theme-button-secondary-color-border-active: oklch(51.18% 0.128 280.5);
175
+ --g-theme-button-secondary-color-border-disabled: oklch(80% 0 0);
176
+ --g-theme-focus-ring-color-default: rgba(106, 91, 197, 0.4);
177
+ --g-theme-focus-ring-color-contrast: oklch(89.21% 0.097 15.5);
178
+ --g-theme-focus-ring-color-contrast-shadow: oklch(42.79% 0.203 15.5);
179
+ --g-theme-focus-ring-width-default: 0.2rem;
180
+ --g-theme-focus-ring-offset-default: 0rem;
181
+ --g-theme-form-color-background-default: oklch(100% 0 0);
182
+ --g-theme-form-color-background-focus: oklch(100% 0 0);
183
+ --g-theme-form-color-background-hover: oklch(95% 0 0);
184
+ --g-theme-form-color-background-active: oklch(100% 0 0);
185
+ --g-theme-form-color-background-disabled: oklch(100% 0 0);
186
+ --g-theme-form-color-content-default: oklch(20% 0 0);
187
+ --g-theme-form-color-content-focus: oklch(20% 0 0);
188
+ --g-theme-form-color-content-hover: oklch(20% 0 0);
189
+ --g-theme-form-color-content-active: oklch(20% 0 0);
190
+ --g-theme-form-color-content-disabled: oklch(60% 0 0);
191
+ --g-theme-form-color-border-default: oklch(60% 0 0);
192
+ --g-theme-form-color-border-focus: oklch(60.03% 0.246 15.5);
193
+ --g-theme-form-color-border-hover: oklch(40% 0 0);
194
+ --g-theme-form-color-border-active: oklch(60.03% 0.246 15.5);
195
+ --g-theme-form-color-border-disabled: oklch(80% 0 0);
196
+ --g-theme-form-color-border-error: oklch(60.03% 0.1938 35.81);
197
+ --g-theme-form-input-accent-color-default: oklch(62.8% 0.258 15.5);
198
+ --g-theme-link-color-content-default: oklch(60.03% 0.246 15.5);
199
+ --g-theme-link-color-content-hover: oklch(36.89% 0.183 15.5);
200
+ --g-theme-link-color-content-active: oklch(36.89% 0.183 15.5);
201
+ --g-theme-link-color-content-visited: oklch(60.03% 0.246 15.5);
202
+ --g-theme-link-knockout-color-content-default: oklch(100% 0 0);
203
+ --g-theme-link-knockout-color-content-hover: oklch(100% 0 0);
204
+ --g-theme-link-knockout-color-content-active: oklch(100% 0 0);
205
+ --g-theme-link-knockout-color-content-visited: oklch(100% 0 0);
206
+ }
package/dist/css/wireframe/light.css ADDED
@@ -0,0 +1,226 @@
1
+ /* Light mode override for wireframe theme */
2
+ /* Force light mode on any element or subtree within a .dark parent */
3
+ .light {
4
+ --g-theme-typography-h1: 700 6.25rem/1.1 Helvetica, sans-serif;
5
+ --g-theme-typography-h2: 700 3rem/1.17 Helvetica, sans-serif;
6
+ --g-theme-typography-h3: 700 2.5rem/1.2 Helvetica, sans-serif;
7
+ --g-theme-typography-h4: 700 2rem/1.25 Helvetica, sans-serif;
8
+ --g-theme-typography-h5: 700 1.75rem/1.29 Helvetica, sans-serif;
9
+ --g-theme-typography-h6: 700 1.5rem/1.33 Helvetica, sans-serif;
10
+ --g-theme-typography-body-lg: 400 1.25rem/1.4 Helvetica, sans-serif;
11
+ --g-theme-typography-body: 400 1rem/1.5 Helvetica, sans-serif;
12
+ --g-theme-typography-body-sm: 400 0.875rem/1.43 Helvetica, sans-serif;
13
+ --g-theme-typography-label-lg: 700 1.25rem/1.4 Helvetica, sans-serif;
14
+ --g-theme-typography-label: 700 1rem/1.5 Helvetica, sans-serif;
15
+ --g-theme-typography-label-sm: 700 0.875rem/1.43 Helvetica, sans-serif;
16
+ --g-theme-typography-meta: 700 0.875rem/1.43 Helvetica, sans-serif;
17
+ --g-theme-typography-meta-sm: 700 0.75rem/1.33 Helvetica, sans-serif;
18
+ --g-theme-animation-fade-quick: 0.15s;
19
+ --g-theme-animation-fade-long: 0.4s;
20
+ --g-theme-animation-move-quick: 0.15s;
21
+ --g-theme-animation-move-long: 0.4s;
22
+ --g-theme-animation-ease: ease;
23
+ --g-theme-border-width-sm: 0.0625rem;
24
+ --g-theme-border-width-md: 0.125rem;
25
+ --g-theme-border-width-lg: 0.25rem;
26
+ --g-theme-border-width-xl: 0.5rem;
27
+ --g-theme-border-radius-none: 0rem;
28
+ --g-theme-border-radius-sm: 0rem;
29
+ --g-theme-border-radius-md: 0rem;
30
+ --g-theme-border-radius-lg: 0rem;
31
+ --g-theme-color-background-default: oklch(100% 0 0);
32
+ --g-theme-color-background-default-hover: oklch(95% 0 0);
33
+ --g-theme-color-background-subtle: oklch(95% 0 0);
34
+ --g-theme-color-background-subtle-hover: oklch(90% 0 0);
35
+ --g-theme-color-background-knockout: oklch(0% 0 0);
36
+ --g-theme-color-background-brand: oklch(95% 0 0);
37
+ --g-theme-color-background-brand-hover: oklch(90% 0 0);
38
+ --g-theme-color-background-brand-disabled: oklch(90% 0 0);
39
+ --g-theme-color-background-brand-knockout: oklch(30% 0 0);
40
+ --g-theme-color-background-brand-knockout-hover: oklch(40% 0 0);
41
+ --g-theme-color-background-utility-error: oklch(94.96% 0.0395 73.45);
42
+ --g-theme-color-background-utility-error-knockout: oklch(60.03% 0.1938 35.81);
43
+ --g-theme-color-background-utility-warning: oklch(97.66% 0.0606 103.43);
44
+ --g-theme-color-background-utility-warning-knockout: oklch(78.68% 0.162 96.43);
45
+ --g-theme-color-background-utility-success: oklch(96.73% 0.0537 129.1);
46
+ --g-theme-color-background-utility-success-knockout: oklch(65.44% 0.1981 141.12);
47
+ --g-theme-color-background-utility-info: oklch(95.86% 0.0542 179.13);
48
+ --g-theme-color-background-utility-info-knockout: oklch(68.89% 0.125872 220.4932);
49
+ --g-theme-color-background-dataviz-primary: oklch(50% 0 0);
50
+ --g-theme-color-background-dataviz-primary-subtle: oklch(100% 0 0 / 0.25);
51
+ --g-theme-color-background-dataviz-secondary: oklch(90% 0 0);
52
+ --g-theme-color-background-dataviz-tertiary: oklch(70% 0 0);
53
+ --g-theme-color-background-disabled: oklch(90% 0 0);
54
+ --g-theme-color-background-transparent: oklch(100% 0 0 / 0.25);
55
+ --g-theme-color-background-transparent-strong: oklch(100% 0 0 / 0.9);
56
+ --g-theme-color-border-default: oklch(80% 0 0);
57
+ --g-theme-color-border-default-hover: oklch(60% 0 0);
58
+ --g-theme-color-border-subtle: oklch(90% 0 0);
59
+ --g-theme-color-border-strong: oklch(20% 0 0);
60
+ --g-theme-color-border-knockout: oklch(70% 0 0);
61
+ --g-theme-color-border-brand: oklch(80% 0 0);
62
+ --g-theme-color-border-utility-error: oklch(51.18% 0.1802 32.56);
63
+ --g-theme-color-border-utility-warning: oklch(68.35% 0.14027 94.7302);
64
+ --g-theme-color-border-utility-success: oklch(57.11% 0.1795 142.12);
65
+ --g-theme-color-border-utility-info: oklch(56.7% 0.116289 232.4331);
66
+ --g-theme-color-border-disabled: oklch(90% 0 0);
67
+ --g-theme-color-content-default: oklch(20% 0 0);
68
+ --g-theme-color-content-default-hover: oklch(0% 0 0);
69
+ --g-theme-color-content-subtle: oklch(60% 0 0);
70
+ --g-theme-color-content-brand: oklch(40% 0 0);
71
+ --g-theme-color-content-brand-hover: oklch(20% 0 0);
72
+ --g-theme-color-content-brand-knockout: oklch(95% 0 0);
73
+ --g-theme-color-content-knockout: oklch(100% 0 0);
74
+ --g-theme-color-content-disabled: oklch(50% 0 0);
75
+ --g-theme-color-content-utility-error: oklch(60.03% 0.1938 35.81);
76
+ --g-theme-color-content-utility-warning: oklch(78.68% 0.162 96.43);
77
+ --g-theme-color-content-utility-success: oklch(65.44% 0.1981 141.12);
78
+ --g-theme-color-content-utility-info: oklch(68.89% 0.125872 220.4932);
79
+ --g-theme-spacing-xs: 0.25rem;
80
+ --g-theme-spacing-sm: 0.5rem;
81
+ --g-theme-spacing-md: 1rem;
82
+ --g-theme-spacing-lg: 1.5rem;
83
+ --g-theme-spacing-xl: 2rem;
84
+ --g-theme-spacing-2xl: 3rem;
85
+ --g-theme-spacing-3xl: 4rem;
86
+ --g-theme-typography-h1-font-family: Helvetica, sans-serif;
87
+ --g-theme-typography-h1-font-weight: 700;
88
+ --g-theme-typography-h1-font-size: 6.25rem;
89
+ --g-theme-typography-h1-line-height: 1.1;
90
+ --g-theme-typography-h1-letter-spacing: -0.125rem;
91
+ --g-theme-typography-h1-text-transform: none;
92
+ --g-theme-typography-h2-font-family: Helvetica, sans-serif;
93
+ --g-theme-typography-h2-font-weight: 700;
94
+ --g-theme-typography-h2-font-size: 3rem;
95
+ --g-theme-typography-h2-line-height: 1.17;
96
+ --g-theme-typography-h2-letter-spacing: 0.0313rem;
97
+ --g-theme-typography-h2-text-transform: none;
98
+ --g-theme-typography-h3-font-family: Helvetica, sans-serif;
99
+ --g-theme-typography-h3-font-weight: 700;
100
+ --g-theme-typography-h3-font-size: 2.5rem;
101
+ --g-theme-typography-h3-line-height: 1.2;
102
+ --g-theme-typography-h3-letter-spacing: 0.0313rem;
103
+ --g-theme-typography-h3-text-transform: none;
104
+ --g-theme-typography-h4-font-family: Helvetica, sans-serif;
105
+ --g-theme-typography-h4-font-weight: 700;
106
+ --g-theme-typography-h4-font-size: 2rem;
107
+ --g-theme-typography-h4-line-height: 1.25;
108
+ --g-theme-typography-h4-letter-spacing: 0.0313rem;
109
+ --g-theme-typography-h4-text-transform: none;
110
+ --g-theme-typography-h5-font-family: Helvetica, sans-serif;
111
+ --g-theme-typography-h5-font-weight: 700;
112
+ --g-theme-typography-h5-font-size: 1.75rem;
113
+ --g-theme-typography-h5-line-height: 1.29;
114
+ --g-theme-typography-h5-letter-spacing: -0.0313rem;
115
+ --g-theme-typography-h5-text-transform: none;
116
+ --g-theme-typography-h6-font-family: Helvetica, sans-serif;
117
+ --g-theme-typography-h6-font-weight: 700;
118
+ --g-theme-typography-h6-font-size: 1.5rem;
119
+ --g-theme-typography-h6-line-height: 1.33;
120
+ --g-theme-typography-h6-letter-spacing: -0.0313rem;
121
+ --g-theme-typography-h6-text-transform: none;
122
+ --g-theme-typography-body-lg-font-family: Helvetica, sans-serif;
123
+ --g-theme-typography-body-lg-font-weight: 400;
124
+ --g-theme-typography-body-lg-font-size: 1.25rem;
125
+ --g-theme-typography-body-lg-line-height: 1.4;
126
+ --g-theme-typography-body-lg-letter-spacing: 0rem;
127
+ --g-theme-typography-body-lg-text-transform: none;
128
+ --g-theme-typography-body-font-family: Helvetica, sans-serif;
129
+ --g-theme-typography-body-font-weight: 400;
130
+ --g-theme-typography-body-font-size: 1rem;
131
+ --g-theme-typography-body-line-height: 1.5;
132
+ --g-theme-typography-body-letter-spacing: 0rem;
133
+ --g-theme-typography-body-text-transform: none;
134
+ --g-theme-typography-body-sm-font-family: Helvetica, sans-serif;
135
+ --g-theme-typography-body-sm-font-weight: 400;
136
+ --g-theme-typography-body-sm-font-size: 0.875rem;
137
+ --g-theme-typography-body-sm-line-height: 1.43;
138
+ --g-theme-typography-body-sm-letter-spacing: 0rem;
139
+ --g-theme-typography-body-sm-text-transform: none;
140
+ --g-theme-typography-label-lg-font-family: Helvetica, sans-serif;
141
+ --g-theme-typography-label-lg-font-weight: 700;
142
+ --g-theme-typography-label-lg-font-size: 1.25rem;
143
+ --g-theme-typography-label-lg-line-height: 1.4;
144
+ --g-theme-typography-label-lg-letter-spacing: 0rem;
145
+ --g-theme-typography-label-lg-text-transform: none;
146
+ --g-theme-typography-label-font-family: Helvetica, sans-serif;
147
+ --g-theme-typography-label-font-weight: 700;
148
+ --g-theme-typography-label-font-size: 1rem;
149
+ --g-theme-typography-label-line-height: 1.5;
150
+ --g-theme-typography-label-letter-spacing: 0rem;
151
+ --g-theme-typography-label-text-transform: none;
152
+ --g-theme-typography-label-sm-font-family: Helvetica, sans-serif;
153
+ --g-theme-typography-label-sm-font-weight: 700;
154
+ --g-theme-typography-label-sm-font-size: 0.875rem;
155
+ --g-theme-typography-label-sm-line-height: 1.43;
156
+ --g-theme-typography-label-sm-letter-spacing: 0rem;
157
+ --g-theme-typography-label-sm-text-transform: none;
158
+ --g-theme-typography-meta-font-family: Helvetica, sans-serif;
159
+ --g-theme-typography-meta-font-weight: 700;
160
+ --g-theme-typography-meta-font-size: 0.875rem;
161
+ --g-theme-typography-meta-line-height: 1.43;
162
+ --g-theme-typography-meta-letter-spacing: 0.125rem;
163
+ --g-theme-typography-meta-text-transform: uppercase;
164
+ --g-theme-typography-meta-sm-font-family: Helvetica, sans-serif;
165
+ --g-theme-typography-meta-sm-font-weight: 700;
166
+ --g-theme-typography-meta-sm-font-size: 0.75rem;
167
+ --g-theme-typography-meta-sm-line-height: 1.33;
168
+ --g-theme-typography-meta-sm-letter-spacing: 0.125rem;
169
+ --g-theme-typography-meta-sm-text-transform: uppercase;
170
+ --g-theme-box-shadow-sm: 0rem 0.25rem 0.25rem 0rem #00000040;
171
+ --g-theme-box-shadow-md: 0rem 0.5rem 0.375rem -0.375rem #0000001a;
172
+ --g-theme-button-color-background-default: oklch(95% 0 0);
173
+ --g-theme-button-color-background-hover: oklch(90% 0 0);
174
+ --g-theme-button-color-background-active: oklch(90% 0 0);
175
+ --g-theme-button-color-background-disabled: oklch(100% 0 0);
176
+ --g-theme-button-color-content-default: oklch(20% 0 0);
177
+ --g-theme-button-color-content-hover: oklch(95% 0 0);
178
+ --g-theme-button-color-content-active: oklch(95% 0 0);
179
+ --g-theme-button-color-content-disabled: oklch(50% 0 0);
180
+ --g-theme-button-color-border-default: oklch(80% 0 0);
181
+ --g-theme-button-color-border-hover: oklch(80% 0 0);
182
+ --g-theme-button-color-border-active: oklch(80% 0 0);
183
+ --g-theme-button-color-border-disabled: oklch(80% 0 0);
184
+ --g-theme-button-primary-color-background-default: oklch(40% 0 0);
185
+ --g-theme-button-primary-color-background-hover: oklch(30% 0 0);
186
+ --g-theme-button-primary-color-background-active: oklch(30% 0 0);
187
+ --g-theme-button-primary-color-background-disabled: oklch(90% 0 0);
188
+ --g-theme-button-primary-color-content-default: oklch(0% 0 0);
189
+ --g-theme-button-primary-color-content-hover: oklch(0% 0 0);
190
+ --g-theme-button-primary-color-content-active: oklch(0% 0 0);
191
+ --g-theme-button-primary-color-content-disabled: oklch(20% 0 0);
192
+ --g-theme-button-primary-color-border-default: oklch(40% 0 0);
193
+ --g-theme-button-primary-color-border-hover: oklch(30% 0 0);
194
+ --g-theme-button-primary-color-border-active: oklch(30% 0 0);
195
+ --g-theme-button-primary-color-border-disabled: oklch(80% 0 0);
196
+ --g-theme-focus-ring-color-default: rgba(0, 0, 0, 0.4);
197
+ --g-theme-focus-ring-color-contrast: oklch(90% 0 0);
198
+ --g-theme-focus-ring-color-contrast-shadow: oklch(30% 0 0);
199
+ --g-theme-focus-ring-width-default: 0.2rem;
200
+ --g-theme-focus-ring-offset-default: 0rem;
201
+ --g-theme-form-color-background-default: oklch(100% 0 0);
202
+ --g-theme-form-color-background-focus: oklch(100% 0 0);
203
+ --g-theme-form-color-background-hover: oklch(95% 0 0);
204
+ --g-theme-form-color-background-active: oklch(100% 0 0);
205
+ --g-theme-form-color-background-disabled: oklch(100% 0 0);
206
+ --g-theme-form-color-content-default: oklch(20% 0 0);
207
+ --g-theme-form-color-content-focus: oklch(20% 0 0);
208
+ --g-theme-form-color-content-hover: oklch(20% 0 0);
209
+ --g-theme-form-color-content-active: oklch(20% 0 0);
210
+ --g-theme-form-color-content-disabled: oklch(50% 0 0);
211
+ --g-theme-form-color-border-default: oklch(80% 0 0);
212
+ --g-theme-form-color-border-focus: oklch(80% 0 0);
213
+ --g-theme-form-color-border-hover: oklch(60% 0 0);
214
+ --g-theme-form-color-border-active: oklch(80% 0 0);
215
+ --g-theme-form-color-border-disabled: oklch(80% 0 0);
216
+ --g-theme-form-color-border-error: oklch(51.18% 0.1802 32.56);
217
+ --g-theme-form-input-accent-color-default: oklch(60% 0 0);
218
+ --g-theme-link-color-content-default: oklch(50% 0 0);
219
+ --g-theme-link-color-content-hover: oklch(20% 0 0);
220
+ --g-theme-link-color-content-active: oklch(20% 0 0);
221
+ --g-theme-link-color-content-visited: oklch(50% 0 0);
222
+ --g-theme-link-knockout-color-content-default: oklch(100% 0 0);
223
+ --g-theme-link-knockout-color-content-hover: oklch(100% 0 0);
224
+ --g-theme-link-knockout-color-content-active: oklch(100% 0 0);
225
+ --g-theme-link-knockout-color-content-visited: oklch(100% 0 0);
226
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@grantcodes/style-dictionary",
3
- "version": "1.4.0",
3
+ "version": "1.4.1",
4
4
  "type": "module",
5
5
  "description": "My personal style dictionary",
6
6
  "main": "./dist/js/default/style-dictionary.js",
@@ -25,6 +25,10 @@
25
25
  "./grantcodes/css/dark": "./dist/css/grantcodes/dark.css",
26
26
  "./todomap/css/dark": "./dist/css/todomap/dark.css",
27
27
  "./grantina/css/dark": "./dist/css/grantina/dark.css",
28
+ "./wireframe/css/light": "./dist/css/wireframe/light.css",
29
+ "./grantcodes/css/light": "./dist/css/grantcodes/light.css",
30
+ "./todomap/css/light": "./dist/css/todomap/light.css",
31
+ "./grantina/css/light": "./dist/css/grantina/light.css",
28
32
  "./assets/fonts/greycliff": "./assets/fonts/greycliff.css",
29
33
  "./assets/fonts/quicksand": "./assets/fonts/quicksand.css",
30
34
  "./assets/fonts/grantina": "./assets/fonts/grantina.css"