@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.
- package/CHANGELOG.md +22 -0
- package/assets/fonts/grantina.css +1 -0
- package/assets/logos/grantina/monogram-light-bg.svg +3 -0
- package/assets/logos/grantina/monogram.svg +15 -0
- package/dist/css/grantcodes/dark.css +168 -0
- package/dist/css/grantcodes/grantcodes.css +343 -0
- package/dist/css/grantcodes/tokens.css +343 -0
- package/dist/css/grantina/dark.css +166 -0
- package/dist/css/grantina/grantina.css +363 -0
- package/dist/css/grantina/tokens.css +363 -0
- package/dist/css/todomap/dark.css +120 -0
- package/dist/css/todomap/todomap.css +360 -0
- package/dist/css/todomap/tokens.css +360 -0
- package/dist/css/wireframe/dark.css +180 -0
- package/dist/css/wireframe/tokens.css +365 -0
- package/dist/css/wireframe/wireframe.css +365 -0
- package/dist/js/grantcodes/style-dictionary.d.ts +339 -0
- package/dist/js/grantcodes/style-dictionary.js +362 -0
- package/dist/js/grantina/style-dictionary.d.ts +362 -0
- package/dist/js/grantina/style-dictionary.js +391 -0
- package/dist/js/todomap/style-dictionary.d.ts +356 -0
- package/dist/js/todomap/style-dictionary.js +388 -0
- package/dist/js/wireframe/style-dictionary.d.ts +361 -0
- package/dist/js/wireframe/style-dictionary.js +368 -0
- package/dist/json/grantcodes/tokens.json +329 -0
- package/dist/json/grantina/tokens.json +352 -0
- package/dist/json/todomap/tokens.json +346 -0
- package/dist/json/wireframe/tokens.json +351 -0
- package/package.json +76 -61
- package/.turbo/turbo-build.log +0 -45
- package/.turbo/turbo-lint.log +0 -10
- package/AGENTS.md +0 -67
- package/biome.json +0 -9
- package/build.js +0 -10
- package/config.js +0 -509
- package/demo.html +0 -171
- package/lib/color-generator.js +0 -13
- package/lib/get-style-dictionary-config.js +0 -223
- package/lib/get-themes.js +0 -10
- package/lib/index.js +0 -3
- package/tests/tokens.test.js +0 -87
- package/tokens/core/tier-1-definitions/colors.json +0 -174
- package/tokens/core/tier-1-definitions/z-index.json +0 -28
- package/tokens/grantcodes/tier-1-definitions/animation.json +0 -26
- package/tokens/grantcodes/tier-1-definitions/borders.json +0 -35
- package/tokens/grantcodes/tier-1-definitions/colors.json +0 -35
- package/tokens/grantcodes/tier-1-definitions/shadows.json +0 -38
- package/tokens/grantcodes/tier-1-definitions/spacing.json +0 -49
- package/tokens/grantcodes/tier-1-definitions/typography.json +0 -142
- package/tokens/grantcodes/tier-2-usage/00-colors-background.json +0 -71
- package/tokens/grantcodes/tier-2-usage/00-colors-border.json +0 -41
- package/tokens/grantcodes/tier-2-usage/00-colors-content.json +0 -44
- package/tokens/grantcodes/tier-2-usage/animation.json +0 -23
- package/tokens/grantcodes/tier-2-usage/borders.json +0 -26
- package/tokens/grantcodes/tier-2-usage/shadows.json +0 -38
- package/tokens/grantcodes/tier-2-usage/spacing.json +0 -25
- package/tokens/grantcodes/tier-2-usage/typography-usage.json +0 -276
- package/tokens/grantcodes/tier-3-components/button.json +0 -94
- package/tokens/grantcodes/tier-3-components/focus-ring.json +0 -25
- package/tokens/grantcodes/tier-3-components/form.json +0 -69
- package/tokens/grantcodes/tier-3-components/link.json +0 -38
- package/tokens/todomap/tier-1-definitions/colors.json +0 -91
- package/tokens/todomap/tier-1-definitions/spacing.json +0 -49
- package/tokens/todomap/tier-1-definitions/typography.json +0 -12
- package/tokens/todomap/tier-2-usage/00-colors-background.json +0 -35
- package/tokens/todomap/tier-2-usage/00-colors-content.json +0 -32
- package/tokens/todomap/tier-2-usage/spacing.json +0 -25
- package/tokens/todomap/tier-2-usage/typography-usage.json +0 -20
- package/tokens/todomap/tier-3-components/button.json +0 -140
- package/tokens/todomap/tier-3-components/focus-ring.json +0 -25
- package/tokens/todomap/tier-3-components/form.json +0 -69
- package/tokens/todomap/tier-3-components/link.json +0 -38
- package/tokens/wireframe/tier-1-definitions/animation.json +0 -17
- package/tokens/wireframe/tier-1-definitions/borders.json +0 -41
- package/tokens/wireframe/tier-1-definitions/colors.json +0 -35
- package/tokens/wireframe/tier-1-definitions/shadows.json +0 -38
- package/tokens/wireframe/tier-1-definitions/spacing.json +0 -49
- package/tokens/wireframe/tier-1-definitions/typography.json +0 -130
- package/tokens/wireframe/tier-2-usage/00-colors-background.json +0 -85
- package/tokens/wireframe/tier-2-usage/00-colors-border.json +0 -41
- package/tokens/wireframe/tier-2-usage/00-colors-content.json +0 -44
- package/tokens/wireframe/tier-2-usage/animation.json +0 -23
- package/tokens/wireframe/tier-2-usage/borders.json +0 -32
- package/tokens/wireframe/tier-2-usage/shadows.json +0 -38
- package/tokens/wireframe/tier-2-usage/spacing.json +0 -25
- package/tokens/wireframe/tier-2-usage/typography-usage.json +0 -444
- package/tokens/wireframe/tier-3-components/button.json +0 -94
- package/tokens/wireframe/tier-3-components/focus-ring.json +0 -25
- package/tokens/wireframe/tier-3-components/form.json +0 -69
- package/tokens/wireframe/tier-3-components/link.json +0 -38
|
@@ -0,0 +1,391 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Do not edit directly, this file was auto-generated.
|
|
3
|
+
*/
|
|
4
|
+
|
|
5
|
+
export const GAnimationDuration10 = "100ms";
|
|
6
|
+
export const GAnimationDuration20 = "200ms";
|
|
7
|
+
export const GAnimationDuration30 = "300ms";
|
|
8
|
+
export const GAnimationDuration40 = "400ms";
|
|
9
|
+
export const GAnimationTimingFunctionEase = "ease-in-out";
|
|
10
|
+
export const GAnimationTimingFunctionLinear = "linear";
|
|
11
|
+
export const GThemeAnimationFadeQuick = "100ms";
|
|
12
|
+
export const GThemeAnimationFadeLong = "400ms";
|
|
13
|
+
export const GThemeAnimationMoveQuick = "200ms";
|
|
14
|
+
export const GThemeAnimationMoveLong = "400ms";
|
|
15
|
+
export const GThemeAnimationEase = "ease-in-out";
|
|
16
|
+
export const GBorderWidth1 = "0.0625rem";
|
|
17
|
+
export const GBorderWidth2 = "0.125rem";
|
|
18
|
+
export const GBorderWidth4 = "0.25rem";
|
|
19
|
+
export const GThemeBorderWidthSm = "0.0625rem";
|
|
20
|
+
export const GThemeBorderWidthMd = "0.125rem";
|
|
21
|
+
export const GThemeBorderWidthLg = "0.25rem";
|
|
22
|
+
export const GBorderRadius125 = "0.125rem";
|
|
23
|
+
export const GBorderRadius250 = "0.25rem";
|
|
24
|
+
export const GBorderRadius500 = "0.5rem";
|
|
25
|
+
export const GBorderRadius1000 = "1rem";
|
|
26
|
+
export const GBorderRadiusSquare = "0";
|
|
27
|
+
export const GBorderRadiusRounded = "50%";
|
|
28
|
+
export const GThemeBorderRadiusSm = "0.125rem";
|
|
29
|
+
export const GThemeBorderRadiusMd = "0.5rem";
|
|
30
|
+
export const GThemeBorderRadiusLg = "1rem";
|
|
31
|
+
export const GBorderStyleSolid = "solid";
|
|
32
|
+
export const GBorderStyleNone = "none";
|
|
33
|
+
export const GColorNeutral100 = "oklch(95% 0 0)";
|
|
34
|
+
export const GColorNeutral200 = "oklch(90% 0 0)";
|
|
35
|
+
export const GColorNeutral300 = "oklch(80% 0 0)";
|
|
36
|
+
export const GColorNeutral400 = "oklch(70% 0 0)";
|
|
37
|
+
export const GColorNeutral500 = "oklch(60% 0 0)";
|
|
38
|
+
export const GColorNeutral600 = "oklch(50% 0 0)";
|
|
39
|
+
export const GColorNeutral700 = "oklch(40% 0 0)";
|
|
40
|
+
export const GColorNeutral800 = "oklch(30% 0 0)";
|
|
41
|
+
export const GColorNeutral900 = "oklch(20% 0 0)";
|
|
42
|
+
export const GColorNeutralWhite = "oklch(100% 0 0)";
|
|
43
|
+
export const GColorNeutralBlack = "oklch(0% 0 0)";
|
|
44
|
+
export const GColorUtilityGreen100 = "oklch(96.73% 0.0537 129.1)";
|
|
45
|
+
export const GColorUtilityGreen200 = "oklch(93.45% 0.107 131.96)";
|
|
46
|
+
export const GColorUtilityGreen300 = "oklch(87.97% 0.1546 135.05)";
|
|
47
|
+
export const GColorUtilityGreen400 = "oklch(81.78% 0.1827 137.62)";
|
|
48
|
+
export const GColorUtilityGreen500 = "oklch(74.01% 0.2132 139.87)";
|
|
49
|
+
export const GColorUtilityGreen600 = "oklch(65.44% 0.1981 141.12)";
|
|
50
|
+
export const GColorUtilityGreen700 = "oklch(57.11% 0.1795 142.12)";
|
|
51
|
+
export const GColorUtilityGreen800 = "oklch(48.67% 0.1572 142.68)";
|
|
52
|
+
export const GColorUtilityGreen900 = "oklch(42.59% 0.1358 143.3)";
|
|
53
|
+
export const GColorUtilityBlue100 = "oklch(95.86% 0.0542 179.13)";
|
|
54
|
+
export const GColorUtilityBlue200 = "oklch(92.82% 0.0973 184.41)";
|
|
55
|
+
export const GColorUtilityBlue300 = "oklch(90.54% 0.1282 189.63)";
|
|
56
|
+
export const GColorUtilityBlue500 = "oklch(81.86% 0.141005 208.7047)";
|
|
57
|
+
export const GColorUtilityBlue600 = "oklch(68.89% 0.125872 220.4932)";
|
|
58
|
+
export const GColorUtilityBlue700 = "oklch(56.7% 0.116289 232.4331)";
|
|
59
|
+
export const GColorUtilityBlue800 = "oklch(45.75% 0.107158 241.2805)";
|
|
60
|
+
export const GColorUtilityBlue900 = "oklch(37.55% 0.1037 249.04)";
|
|
61
|
+
export const GColorUtilityYellow100 = "oklch(97.66% 0.0606 103.43)";
|
|
62
|
+
export const GColorUtilityYellow200 = "oklch(95.72% 0.1147 103.53)";
|
|
63
|
+
export const GColorUtilityYellow300 = "oklch(93.47% 0.1552 102.21)";
|
|
64
|
+
export const GColorUtilityYellow400 = "oklch(91.68% 0.1745 101.08)";
|
|
65
|
+
export const GColorUtilityYellow500 = "oklch(88.99% 0.183778 97.6996)";
|
|
66
|
+
export const GColorUtilityYellow600 = "oklch(78.68% 0.162 96.43)";
|
|
67
|
+
export const GColorUtilityYellow700 = "oklch(68.35% 0.14027 94.7302)";
|
|
68
|
+
export const GColorUtilityYellow800 = "oklch(58.04% 0.1189 93.71)";
|
|
69
|
+
export const GColorUtilityYellow900 = "oklch(50.09% 0.1025 92.6)";
|
|
70
|
+
export const GColorUtilityRed100 = "oklch(94.96% 0.0395 73.45)";
|
|
71
|
+
export const GColorUtilityRed200 = "oklch(89.21% 0.076552 65.9429)";
|
|
72
|
+
export const GColorUtilityRed300 = "oklch(82.67% 0.1156 57.65)";
|
|
73
|
+
export const GColorUtilityRed400 = "oklch(77.04% 0.1486 49.15)";
|
|
74
|
+
export const GColorUtilityRed500 = "oklch(69.31% 0.203172 39.994)";
|
|
75
|
+
export const GColorUtilityRed600 = "oklch(60.03% 0.1938 35.81)";
|
|
76
|
+
export const GColorUtilityRed700 = "oklch(51.18% 0.1802 32.56)";
|
|
77
|
+
export const GColorUtilityRed800 = "oklch(42.79% 0.16 30.38)";
|
|
78
|
+
export const GColorUtilityRed900 = "oklch(36.89% 0.1443 28.98)";
|
|
79
|
+
export const GColorTransparent0 = "oklch(100% 0 0 / 0)";
|
|
80
|
+
export const GColorTransparent10 = "oklch(100% 0 0 / 0.1)";
|
|
81
|
+
export const GColorTransparent25 = "oklch(100% 0 0 / 0.25)";
|
|
82
|
+
export const GColorTransparent50 = "oklch(100% 0 0 / 0.5)";
|
|
83
|
+
export const GColorTransparent75 = "oklch(100% 0 0 / 0.75)";
|
|
84
|
+
export const GColorTransparent90 = "oklch(100% 0 0 / 0.9)";
|
|
85
|
+
export const GColorBrandBlue100 = "oklch(95% 0.04 274.16)";
|
|
86
|
+
export const GColorBrandBlue200 = "oklch(90% 0.08 274.16)";
|
|
87
|
+
export const GColorBrandBlue300 = "oklch(82% 0.12 274.16)";
|
|
88
|
+
export const GColorBrandBlue400 = "oklch(68% 0.16 274.16)";
|
|
89
|
+
export const GColorBrandBlue500 = "oklch(0.5359 0.2539 274.16)";
|
|
90
|
+
export const GColorBrandBlue600 = "oklch(45% 0.22 274.16)";
|
|
91
|
+
export const GColorBrandBlue700 = "oklch(38% 0.18 274.16)";
|
|
92
|
+
export const GColorBrandBlue800 = "oklch(30% 0.14 274.16)";
|
|
93
|
+
export const GColorBrandBlue900 = "oklch(22% 0.10 274.16)";
|
|
94
|
+
export const GColorBrandYellow100 = "oklch(97% 0.03 107.03)";
|
|
95
|
+
export const GColorBrandYellow200 = "oklch(95% 0.06 107.03)";
|
|
96
|
+
export const GColorBrandYellow300 = "oklch(92% 0.10 107.03)";
|
|
97
|
+
export const GColorBrandYellow400 = "oklch(90% 0.13 107.03)";
|
|
98
|
+
export const GColorBrandYellow500 = "oklch(0.8855 0.1636 107.03)";
|
|
99
|
+
export const GColorBrandYellow600 = "oklch(78% 0.14 107.03)";
|
|
100
|
+
export const GColorBrandYellow700 = "oklch(68% 0.12 107.03)";
|
|
101
|
+
export const GColorBrandYellow800 = "oklch(55% 0.10 107.03)";
|
|
102
|
+
export const GColorBrandYellow900 = "oklch(42% 0.08 107.03)";
|
|
103
|
+
export const GColorBrandGold100 = "oklch(96% 0.02 91.06)";
|
|
104
|
+
export const GColorBrandGold200 = "oklch(92% 0.05 91.06)";
|
|
105
|
+
export const GColorBrandGold300 = "oklch(86% 0.08 91.06)";
|
|
106
|
+
export const GColorBrandGold400 = "oklch(80% 0.11 91.06)";
|
|
107
|
+
export const GColorBrandGold500 = "oklch(0.7665 0.1387 91.06)";
|
|
108
|
+
export const GColorBrandGold600 = "oklch(65% 0.12 91.06)";
|
|
109
|
+
export const GColorBrandGold700 = "oklch(55% 0.10 91.06)";
|
|
110
|
+
export const GColorBrandGold800 = "oklch(45% 0.08 91.06)";
|
|
111
|
+
export const GColorBrandGold900 = "oklch(35% 0.06 91.06)";
|
|
112
|
+
export const GColorBrandNavy100 = "oklch(92% 0.01 282.93)";
|
|
113
|
+
export const GColorBrandNavy200 = "oklch(82% 0.02 282.93)";
|
|
114
|
+
export const GColorBrandNavy300 = "oklch(65% 0.03 282.93)";
|
|
115
|
+
export const GColorBrandNavy400 = "oklch(48% 0.035 282.93)";
|
|
116
|
+
export const GColorBrandNavy500 = "oklch(0.2284 0.0384 282.93)";
|
|
117
|
+
export const GColorBrandNavy600 = "oklch(20% 0.035 282.93)";
|
|
118
|
+
export const GColorBrandNavy700 = "oklch(17% 0.03 282.93)";
|
|
119
|
+
export const GColorBrandNavy800 = "oklch(14% 0.025 282.93)";
|
|
120
|
+
export const GColorBrandNavy900 = "oklch(11% 0.02 282.93)";
|
|
121
|
+
export const GColorBrandCream100 = "oklch(0.9798 0.0045 78.30)";
|
|
122
|
+
export const GColorBrandCream200 = "oklch(96% 0.006 78.30)";
|
|
123
|
+
export const GColorBrandCream300 = "oklch(93% 0.008 78.30)";
|
|
124
|
+
export const GColorBrandCream400 = "oklch(90% 0.010 78.30)";
|
|
125
|
+
export const GColorBrandCream500 = "oklch(87% 0.012 78.30)";
|
|
126
|
+
export const GColorBrandCream600 = "oklch(82% 0.010 78.30)";
|
|
127
|
+
export const GColorBrandCream700 = "oklch(75% 0.008 78.30)";
|
|
128
|
+
export const GColorBrandCream800 = "oklch(65% 0.006 78.30)";
|
|
129
|
+
export const GColorBrandCream900 = "oklch(55% 0.004 78.30)";
|
|
130
|
+
export const GColorGradientStart = "oklch(0.5359 0.2539 274.16)";
|
|
131
|
+
export const GColorGradientMid = "oklch(0.6801 0.1583 276.93)";
|
|
132
|
+
export const GColorGradientEnd = "oklch(0.8115 0.1293 310.84)";
|
|
133
|
+
export const GThemeColorBackgroundDefault = "oklch(0.9798 0.0045 78.30)";
|
|
134
|
+
export const GThemeColorBackgroundDefaultHover = "oklch(93% 0.008 78.30)";
|
|
135
|
+
export const GThemeColorBackgroundSubtle = "oklch(96% 0.006 78.30)";
|
|
136
|
+
export const GThemeColorBackgroundSubtleHover = "oklch(93% 0.008 78.30)";
|
|
137
|
+
export const GThemeColorBackgroundKnockout = "oklch(0.2284 0.0384 282.93)";
|
|
138
|
+
export const GThemeColorBackgroundBrand = "oklch(95% 0.04 274.16)";
|
|
139
|
+
export const GThemeColorBackgroundBrandHover = "oklch(90% 0.08 274.16)";
|
|
140
|
+
export const GThemeColorBackgroundBrandDisabled = "oklch(90% 0 0)";
|
|
141
|
+
export const GThemeColorBackgroundBrandKnockout = "oklch(30% 0.14 274.16)";
|
|
142
|
+
export const GThemeColorBackgroundBrandKnockoutHover = "oklch(38% 0.18 274.16)";
|
|
143
|
+
export const GThemeColorBackgroundUtilityError = "oklch(94.96% 0.0395 73.45)";
|
|
144
|
+
export const GThemeColorBackgroundUtilityErrorKnockout =
|
|
145
|
+
"oklch(60.03% 0.1938 35.81)";
|
|
146
|
+
export const GThemeColorBackgroundUtilityWarning =
|
|
147
|
+
"oklch(97.66% 0.0606 103.43)";
|
|
148
|
+
export const GThemeColorBackgroundUtilityWarningKnockout =
|
|
149
|
+
"oklch(78.68% 0.162 96.43)";
|
|
150
|
+
export const GThemeColorBackgroundUtilitySuccess = "oklch(96.73% 0.0537 129.1)";
|
|
151
|
+
export const GThemeColorBackgroundUtilitySuccessKnockout =
|
|
152
|
+
"oklch(65.44% 0.1981 141.12)";
|
|
153
|
+
export const GThemeColorBackgroundUtilityInfo = "oklch(95.86% 0.0542 179.13)";
|
|
154
|
+
export const GThemeColorBackgroundUtilityInfoKnockout =
|
|
155
|
+
"oklch(68.89% 0.125872 220.4932)";
|
|
156
|
+
export const GThemeColorBackgroundDisabled = "oklch(90% 0 0)";
|
|
157
|
+
export const GThemeColorBackgroundTransparent = "oklch(100% 0 0 / 0.25)";
|
|
158
|
+
export const GThemeColorBackgroundTransparentStrong = "oklch(100% 0 0 / 0.9)";
|
|
159
|
+
export const GThemeColorBorderDefault = "oklch(90% 0.010 78.30)";
|
|
160
|
+
export const GThemeColorBorderDefaultHover = "oklch(82% 0.010 78.30)";
|
|
161
|
+
export const GThemeColorBorderSubtle = "oklch(93% 0.008 78.30)";
|
|
162
|
+
export const GThemeColorBorderStrong = "oklch(0.2284 0.0384 282.93)";
|
|
163
|
+
export const GThemeColorBorderKnockout = "oklch(75% 0.008 78.30)";
|
|
164
|
+
export const GThemeColorBorderBrand = "oklch(38% 0.18 274.16)";
|
|
165
|
+
export const GThemeColorBorderUtilityError = "oklch(51.18% 0.1802 32.56)";
|
|
166
|
+
export const GThemeColorBorderUtilityWarning = "oklch(68.35% 0.14027 94.7302)";
|
|
167
|
+
export const GThemeColorBorderUtilitySuccess = "oklch(57.11% 0.1795 142.12)";
|
|
168
|
+
export const GThemeColorBorderUtilityInfo = "oklch(56.7% 0.116289 232.4331)";
|
|
169
|
+
export const GThemeColorBorderDisabled = "oklch(90% 0 0)";
|
|
170
|
+
export const GThemeColorContentDefault = "oklch(0.2284 0.0384 282.93)";
|
|
171
|
+
export const GThemeColorContentDefaultHover = "oklch(17% 0.03 282.93)";
|
|
172
|
+
export const GThemeColorContentSubtle = "oklch(65% 0.03 282.93)";
|
|
173
|
+
export const GThemeColorContentKnockout = "oklch(0.9798 0.0045 78.30)";
|
|
174
|
+
export const GThemeColorContentBrand = "oklch(45% 0.22 274.16)";
|
|
175
|
+
export const GThemeColorContentBrandHover = "oklch(22% 0.10 274.16)";
|
|
176
|
+
export const GThemeColorContentBrandKnockout = "oklch(95% 0.04 274.16)";
|
|
177
|
+
export const GThemeColorContentDisabled = "oklch(50% 0 0)";
|
|
178
|
+
export const GThemeColorContentUtilityError = "oklch(60.03% 0.1938 35.81)";
|
|
179
|
+
export const GThemeColorContentUtilityWarning = "oklch(78.68% 0.162 96.43)";
|
|
180
|
+
export const GThemeColorContentUtilitySuccess = "oklch(65.44% 0.1981 141.12)";
|
|
181
|
+
export const GThemeColorContentUtilityInfo = "oklch(68.89% 0.125872 220.4932)";
|
|
182
|
+
export const GShadowSmX = "0rem";
|
|
183
|
+
export const GShadowSmY = "0.25rem";
|
|
184
|
+
export const GShadowSmBlur = "0.25rem";
|
|
185
|
+
export const GShadowSmSpread = "0rem";
|
|
186
|
+
export const GShadowSmColor = "#00000040";
|
|
187
|
+
export const GShadowMdX = "0rem";
|
|
188
|
+
export const GShadowMdY = "0.5rem";
|
|
189
|
+
export const GShadowMdBlur = "0.375rem";
|
|
190
|
+
export const GShadowMdSpread = "-0.375rem";
|
|
191
|
+
export const GShadowMdColor = "#0000001a";
|
|
192
|
+
export const GSpacing0 = "0rem";
|
|
193
|
+
export const GSpacing1 = "0.0625rem";
|
|
194
|
+
export const GSpacing2 = "0.125rem";
|
|
195
|
+
export const GSpacing4 = "0.25rem";
|
|
196
|
+
export const GSpacing6 = "0.375rem";
|
|
197
|
+
export const GSpacing8 = "0.5rem";
|
|
198
|
+
export const GSpacing10 = "0.625rem";
|
|
199
|
+
export const GSpacing12 = "0.75rem";
|
|
200
|
+
export const GSpacing16 = "1rem";
|
|
201
|
+
export const GSpacing20 = "1.25rem";
|
|
202
|
+
export const GSpacing24 = "1.5rem";
|
|
203
|
+
export const GSpacing32 = "2rem";
|
|
204
|
+
export const GSpacing40 = "2.5rem";
|
|
205
|
+
export const GSpacing48 = "3rem";
|
|
206
|
+
export const GSpacing64 = "4rem";
|
|
207
|
+
export const GThemeSpacingXs = "0.25rem";
|
|
208
|
+
export const GThemeSpacingSm = "0.5rem";
|
|
209
|
+
export const GThemeSpacingMd = "1rem";
|
|
210
|
+
export const GThemeSpacingLg = "1.5rem";
|
|
211
|
+
export const GThemeSpacingXl = "2rem";
|
|
212
|
+
export const GThemeSpacing2xl = "3rem";
|
|
213
|
+
export const GThemeSpacing3xl = "4rem";
|
|
214
|
+
export const GTypographyFontWeight400 = "400";
|
|
215
|
+
export const GTypographyFontWeight500 = "500";
|
|
216
|
+
export const GTypographyFontWeight600 = "600";
|
|
217
|
+
export const GTypographyFontWeight700 = "700";
|
|
218
|
+
export const GTypographyLetterSpacingNone = "0rem";
|
|
219
|
+
export const GTypographyLetterSpacingSm = "0.0313rem";
|
|
220
|
+
export const GTypographyLetterSpacingLg = "0.125rem";
|
|
221
|
+
export const GTypographyLetterSpacingNegSm = "-0.0313rem";
|
|
222
|
+
export const GTypographyLetterSpacingNegMd = "-0.0625rem";
|
|
223
|
+
export const GTypographyLetterSpacingNegLg = "-0.0938rem";
|
|
224
|
+
export const GTypographyLetterSpacingNegXl = "-0.125rem";
|
|
225
|
+
export const GTypographyTextTransformNone = "none";
|
|
226
|
+
export const GTypographyTextTransformUppercase = "uppercase";
|
|
227
|
+
export const GTypographyFontFamilySystemSerif =
|
|
228
|
+
"Georgia, 'Times New Roman', Times, serif";
|
|
229
|
+
export const GTypographyFontFamilySystemSans =
|
|
230
|
+
"-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif";
|
|
231
|
+
export const GTypographyFontFamilySystemScript =
|
|
232
|
+
"'Brush Script MT', 'Segoe Script', cursive";
|
|
233
|
+
export const GTypographyFontFamilyVidaloka =
|
|
234
|
+
"Vidaloka, Georgia, 'Times New Roman', Times, serif";
|
|
235
|
+
export const GTypographyFontFamilyAlbert =
|
|
236
|
+
"'Albert Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif";
|
|
237
|
+
export const GTypographyFontFamilyPinyonScript =
|
|
238
|
+
"'Pinyon Script', 'Brush Script MT', 'Segoe Script', cursive";
|
|
239
|
+
export const GTypographyFontSizeXs = "0.75rem";
|
|
240
|
+
export const GTypographyFontSizeSm = "0.875rem";
|
|
241
|
+
export const GTypographyFontSizeMd = "1rem";
|
|
242
|
+
export const GTypographyFontSizeLg = "1.25rem";
|
|
243
|
+
export const GTypographyFontSizeXl = "1.5rem";
|
|
244
|
+
export const GTypographyFontSize2xl = "2rem";
|
|
245
|
+
export const GTypographyFontSize3xl = "2.5rem";
|
|
246
|
+
export const GTypographyFontSize4xl = "3rem";
|
|
247
|
+
export const GThemeTypographyH1FontFamily =
|
|
248
|
+
"Vidaloka, Georgia, 'Times New Roman', Times, serif";
|
|
249
|
+
export const GThemeTypographyH1FontWeight = "400";
|
|
250
|
+
export const GThemeTypographyH1FontSize = "3rem";
|
|
251
|
+
export const GThemeTypographyH1LineHeight = "1.1";
|
|
252
|
+
export const GThemeTypographyH1LetterSpacing = "0.0313rem";
|
|
253
|
+
export const GThemeTypographyH2FontFamily =
|
|
254
|
+
"Vidaloka, Georgia, 'Times New Roman', Times, serif";
|
|
255
|
+
export const GThemeTypographyH2FontWeight = "400";
|
|
256
|
+
export const GThemeTypographyH2FontSize = "2.5rem";
|
|
257
|
+
export const GThemeTypographyH2LineHeight = "1.15";
|
|
258
|
+
export const GThemeTypographyH2LetterSpacing = "0.0313rem";
|
|
259
|
+
export const GThemeTypographyH3FontFamily =
|
|
260
|
+
"Vidaloka, Georgia, 'Times New Roman', Times, serif";
|
|
261
|
+
export const GThemeTypographyH3FontWeight = "400";
|
|
262
|
+
export const GThemeTypographyH3FontSize = "2rem";
|
|
263
|
+
export const GThemeTypographyH3LineHeight = "1.2";
|
|
264
|
+
export const GThemeTypographyH3LetterSpacing = "0.0313rem";
|
|
265
|
+
export const GThemeTypographyH4FontFamily =
|
|
266
|
+
"Vidaloka, Georgia, 'Times New Roman', Times, serif";
|
|
267
|
+
export const GThemeTypographyH4FontWeight = "400";
|
|
268
|
+
export const GThemeTypographyH4FontSize = "1.5rem";
|
|
269
|
+
export const GThemeTypographyH4LineHeight = "1.25";
|
|
270
|
+
export const GThemeTypographyH4LetterSpacing = "0rem";
|
|
271
|
+
export const GThemeTypographyH5FontFamily =
|
|
272
|
+
"Vidaloka, Georgia, 'Times New Roman', Times, serif";
|
|
273
|
+
export const GThemeTypographyH5FontWeight = "400";
|
|
274
|
+
export const GThemeTypographyH5FontSize = "1.25rem";
|
|
275
|
+
export const GThemeTypographyH5LineHeight = "1.3";
|
|
276
|
+
export const GThemeTypographyH5LetterSpacing = "0rem";
|
|
277
|
+
export const GThemeTypographyH6FontFamily =
|
|
278
|
+
"Vidaloka, Georgia, 'Times New Roman', Times, serif";
|
|
279
|
+
export const GThemeTypographyH6FontWeight = "400";
|
|
280
|
+
export const GThemeTypographyH6FontSize = "1rem";
|
|
281
|
+
export const GThemeTypographyH6LineHeight = "1.4";
|
|
282
|
+
export const GThemeTypographyH6LetterSpacing = "0rem";
|
|
283
|
+
export const GThemeTypographyBodyLgFontFamily =
|
|
284
|
+
"'Albert Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif";
|
|
285
|
+
export const GThemeTypographyBodyLgFontWeight = "500";
|
|
286
|
+
export const GThemeTypographyBodyLgFontSize = "1.5rem";
|
|
287
|
+
export const GThemeTypographyBodyLgLineHeight = "1.4";
|
|
288
|
+
export const GThemeTypographyBodyLgLetterSpacing = "0rem";
|
|
289
|
+
export const GThemeTypographyBodyFontFamily =
|
|
290
|
+
"'Albert Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif";
|
|
291
|
+
export const GThemeTypographyBodyFontWeight = "400";
|
|
292
|
+
export const GThemeTypographyBodyFontSize = "1rem";
|
|
293
|
+
export const GThemeTypographyBodyLineHeight = "1.5";
|
|
294
|
+
export const GThemeTypographyBodyLetterSpacing = "0rem";
|
|
295
|
+
export const GThemeTypographyBodySmFontFamily =
|
|
296
|
+
"'Albert Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif";
|
|
297
|
+
export const GThemeTypographyBodySmFontWeight = "400";
|
|
298
|
+
export const GThemeTypographyBodySmFontSize = "0.875rem";
|
|
299
|
+
export const GThemeTypographyBodySmLineHeight = "1.43";
|
|
300
|
+
export const GThemeTypographyBodySmLetterSpacing = "0rem";
|
|
301
|
+
export const GThemeTypographyLabelFontFamily =
|
|
302
|
+
"'Albert Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif";
|
|
303
|
+
export const GThemeTypographyLabelFontWeight = "600";
|
|
304
|
+
export const GThemeTypographyLabelFontSize = "1rem";
|
|
305
|
+
export const GThemeTypographyLabelLineHeight = "1.5";
|
|
306
|
+
export const GThemeTypographyLabelLetterSpacing = "0rem";
|
|
307
|
+
export const GThemeTypographyMetaFontFamily =
|
|
308
|
+
"'Albert Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif";
|
|
309
|
+
export const GThemeTypographyMetaFontWeight = "600";
|
|
310
|
+
export const GThemeTypographyMetaFontSize = "0.875rem";
|
|
311
|
+
export const GThemeTypographyMetaLineHeight = "1.4";
|
|
312
|
+
export const GThemeTypographyMetaLetterSpacing = "0.125rem";
|
|
313
|
+
export const GZIndex0 = "0";
|
|
314
|
+
export const GZIndex100 = "100";
|
|
315
|
+
export const GZIndex200 = "200";
|
|
316
|
+
export const GZIndex300 = "300";
|
|
317
|
+
export const GZIndex400 = "400";
|
|
318
|
+
export const GZIndex500 = "500";
|
|
319
|
+
export const GZIndexTop = "99999";
|
|
320
|
+
export const GZIndexBottom = "-100";
|
|
321
|
+
export const GThemeBoxShadowSmX = "0rem";
|
|
322
|
+
export const GThemeBoxShadowSmY = "0.25rem";
|
|
323
|
+
export const GThemeBoxShadowSmBlur = "0.25rem";
|
|
324
|
+
export const GThemeBoxShadowSmSpread = "0rem";
|
|
325
|
+
export const GThemeBoxShadowSmColor = "#00000040";
|
|
326
|
+
export const GThemeBoxShadowMdX = "0rem";
|
|
327
|
+
export const GThemeBoxShadowMdY = "0.5rem";
|
|
328
|
+
export const GThemeBoxShadowMdBlur = "0.375rem";
|
|
329
|
+
export const GThemeBoxShadowMdSpread = "-0.375rem";
|
|
330
|
+
export const GThemeBoxShadowMdColor = "#0000001a";
|
|
331
|
+
export const GThemeButtonColorBackgroundDefault = "oklch(95% 0.04 274.16)";
|
|
332
|
+
export const GThemeButtonColorBackgroundHover = "oklch(90% 0.08 274.16)";
|
|
333
|
+
export const GThemeButtonColorBackgroundActive = "oklch(90% 0.08 274.16)";
|
|
334
|
+
export const GThemeButtonColorBackgroundDisabled = "oklch(0.9798 0.0045 78.30)";
|
|
335
|
+
export const GThemeButtonColorContentDefault = "oklch(95% 0.04 274.16)";
|
|
336
|
+
export const GThemeButtonColorContentHover = "oklch(95% 0.04 274.16)";
|
|
337
|
+
export const GThemeButtonColorContentActive = "oklch(95% 0.04 274.16)";
|
|
338
|
+
export const GThemeButtonColorContentDisabled = "oklch(50% 0 0)";
|
|
339
|
+
export const GThemeButtonColorBorderDefault = "oklch(90% 0.010 78.30)";
|
|
340
|
+
export const GThemeButtonColorBorderHover = "oklch(38% 0.18 274.16)";
|
|
341
|
+
export const GThemeButtonColorBorderActive = "oklch(38% 0.18 274.16)";
|
|
342
|
+
export const GThemeButtonColorBorderDisabled = "oklch(90% 0.010 78.30)";
|
|
343
|
+
export const GThemeButtonPrimaryColorBackgroundDefault =
|
|
344
|
+
"oklch(0.5359 0.2539 274.16)";
|
|
345
|
+
export const GThemeButtonPrimaryColorBackgroundHover = "oklch(45% 0.22 274.16)";
|
|
346
|
+
export const GThemeButtonPrimaryColorBackgroundActive =
|
|
347
|
+
"oklch(38% 0.18 274.16)";
|
|
348
|
+
export const GThemeButtonPrimaryColorBackgroundDisabled = "oklch(90% 0 0)";
|
|
349
|
+
export const GThemeButtonPrimaryColorContentDefault = "oklch(100% 0 0)";
|
|
350
|
+
export const GThemeButtonPrimaryColorContentHover = "oklch(100% 0 0)";
|
|
351
|
+
export const GThemeButtonPrimaryColorContentActive = "oklch(100% 0 0)";
|
|
352
|
+
export const GThemeButtonPrimaryColorContentDisabled =
|
|
353
|
+
"oklch(0.2284 0.0384 282.93)";
|
|
354
|
+
export const GThemeButtonPrimaryColorBorderDefault =
|
|
355
|
+
"oklch(0.5359 0.2539 274.16)";
|
|
356
|
+
export const GThemeButtonPrimaryColorBorderHover = "oklch(38% 0.18 274.16)";
|
|
357
|
+
export const GThemeButtonPrimaryColorBorderActive = "oklch(38% 0.18 274.16)";
|
|
358
|
+
export const GThemeButtonPrimaryColorBorderDisabled = "oklch(90% 0.010 78.30)";
|
|
359
|
+
export const GThemeFocusRingColorDefault = "rgba(76, 74, 252, 0.4)";
|
|
360
|
+
export const GThemeFocusRingColorContrast = "oklch(90% 0.08 274.16)";
|
|
361
|
+
export const GThemeFocusRingColorContrastShadow = "oklch(30% 0.14 274.16)";
|
|
362
|
+
export const GThemeFocusRingWidthDefault = "0.2rem";
|
|
363
|
+
export const GThemeFocusRingOffsetDefault = "0rem";
|
|
364
|
+
export const GThemeFormColorBackgroundDefault = "oklch(0.9798 0.0045 78.30)";
|
|
365
|
+
export const GThemeFormColorBackgroundFocus = "oklch(0.9798 0.0045 78.30)";
|
|
366
|
+
export const GThemeFormColorBackgroundHover = "oklch(96% 0.006 78.30)";
|
|
367
|
+
export const GThemeFormColorBackgroundActive = "oklch(0.9798 0.0045 78.30)";
|
|
368
|
+
export const GThemeFormColorBackgroundDisabled = "oklch(0.9798 0.0045 78.30)";
|
|
369
|
+
export const GThemeFormColorContentDefault = "oklch(0.2284 0.0384 282.93)";
|
|
370
|
+
export const GThemeFormColorContentFocus = "oklch(0.2284 0.0384 282.93)";
|
|
371
|
+
export const GThemeFormColorContentHover = "oklch(0.2284 0.0384 282.93)";
|
|
372
|
+
export const GThemeFormColorContentActive = "oklch(0.2284 0.0384 282.93)";
|
|
373
|
+
export const GThemeFormColorContentDisabled = "oklch(50% 0 0)";
|
|
374
|
+
export const GThemeFormColorBorderDefault = "oklch(90% 0.010 78.30)";
|
|
375
|
+
export const GThemeFormColorBorderFocus = "oklch(38% 0.18 274.16)";
|
|
376
|
+
export const GThemeFormColorBorderHover = "oklch(82% 0.010 78.30)";
|
|
377
|
+
export const GThemeFormColorBorderActive = "oklch(38% 0.18 274.16)";
|
|
378
|
+
export const GThemeFormColorBorderDisabled = "oklch(90% 0.010 78.30)";
|
|
379
|
+
export const GThemeFormColorBorderError = "oklch(51.18% 0.1802 32.56)";
|
|
380
|
+
export const GThemeFormInputAccentColorDefault = "oklch(0.5359 0.2539 274.16)";
|
|
381
|
+
export const GThemeLinkColorContentDefault = "oklch(0.5359 0.2539 274.16)";
|
|
382
|
+
export const GThemeLinkColorContentHover = "oklch(45% 0.22 274.16)";
|
|
383
|
+
export const GThemeLinkColorContentActive = "oklch(45% 0.22 274.16)";
|
|
384
|
+
export const GThemeLinkColorContentVisited = "oklch(0.5359 0.2539 274.16)";
|
|
385
|
+
export const GThemeLinkKnockoutColorContentDefault =
|
|
386
|
+
"oklch(0.9798 0.0045 78.30)";
|
|
387
|
+
export const GThemeLinkKnockoutColorContentHover = "oklch(0.9798 0.0045 78.30)";
|
|
388
|
+
export const GThemeLinkKnockoutColorContentActive =
|
|
389
|
+
"oklch(0.9798 0.0045 78.30)";
|
|
390
|
+
export const GThemeLinkKnockoutColorContentVisited =
|
|
391
|
+
"oklch(0.9798 0.0045 78.30)";
|