@jrgermain/stylesheet 0.14.0 → 0.16.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/enhance.d.ts +0 -0
- package/dist/enhance.js +2 -0
- package/dist/enhance.js.map +7 -0
- package/dist/stylesheet.css +1 -1
- package/dist/stylesheet.css.map +1 -1
- package/dist/tokens.d.ts +4 -4
- package/dist/tokens.js +204 -202
- package/dist/tokens.js.map +7 -0
- package/package.json +4 -2
package/dist/tokens.js
CHANGED
|
@@ -1,202 +1,204 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
export var Color = /* @__PURE__ */ ((Color2) => {
|
|
3
|
+
Color2["Brand1"] = "var(--color-brand-1)";
|
|
4
|
+
Color2["Brand2"] = "var(--color-brand-2)";
|
|
5
|
+
Color2["Brand3"] = "var(--color-brand-3)";
|
|
6
|
+
Color2["Brand4"] = "var(--color-brand-4)";
|
|
7
|
+
Color2["Brand5"] = "var(--color-brand-5)";
|
|
8
|
+
Color2["Brand6"] = "var(--color-brand-6)";
|
|
9
|
+
Color2["Brand7"] = "var(--color-brand-7)";
|
|
10
|
+
Color2["Brand8"] = "var(--color-brand-8)";
|
|
11
|
+
Color2["Brand9"] = "var(--color-brand-9)";
|
|
12
|
+
Color2["BrandTransparent"] = "var(--color-brand-transparent)";
|
|
13
|
+
Color2["BrandExtraTransparent"] = "var(--color-brand-extra-transparent)";
|
|
14
|
+
Color2["Red1"] = "var(--color-red-1)";
|
|
15
|
+
Color2["Red2"] = "var(--color-red-2)";
|
|
16
|
+
Color2["Red3"] = "var(--color-red-3)";
|
|
17
|
+
Color2["Red4"] = "var(--color-red-4)";
|
|
18
|
+
Color2["Red5"] = "var(--color-red-5)";
|
|
19
|
+
Color2["Red6"] = "var(--color-red-6)";
|
|
20
|
+
Color2["Red7"] = "var(--color-red-7)";
|
|
21
|
+
Color2["Red8"] = "var(--color-red-8)";
|
|
22
|
+
Color2["Red9"] = "var(--color-red-9)";
|
|
23
|
+
Color2["RedTransparent"] = "var(--color-red-transparent)";
|
|
24
|
+
Color2["RedExtraTransparent"] = "var(--color-red-extra-transparent)";
|
|
25
|
+
Color2["Orange1"] = "var(--color-orange-1)";
|
|
26
|
+
Color2["Orange2"] = "var(--color-orange-2)";
|
|
27
|
+
Color2["Orange3"] = "var(--color-orange-3)";
|
|
28
|
+
Color2["Orange4"] = "var(--color-orange-4)";
|
|
29
|
+
Color2["Orange5"] = "var(--color-orange-5)";
|
|
30
|
+
Color2["Orange6"] = "var(--color-orange-6)";
|
|
31
|
+
Color2["Orange7"] = "var(--color-orange-7)";
|
|
32
|
+
Color2["Orange8"] = "var(--color-orange-8)";
|
|
33
|
+
Color2["Orange9"] = "var(--color-orange-9)";
|
|
34
|
+
Color2["OrangeTransparent"] = "var(--color-orange-transparent)";
|
|
35
|
+
Color2["OrangeExtraTransparent"] = "var(--color-orange-extra-transparent)";
|
|
36
|
+
Color2["Yellow1"] = "var(--color-yellow-1)";
|
|
37
|
+
Color2["Yellow2"] = "var(--color-yellow-2)";
|
|
38
|
+
Color2["Yellow3"] = "var(--color-yellow-3)";
|
|
39
|
+
Color2["Yellow4"] = "var(--color-yellow-4)";
|
|
40
|
+
Color2["Yellow5"] = "var(--color-yellow-5)";
|
|
41
|
+
Color2["Yellow6"] = "var(--color-yellow-6)";
|
|
42
|
+
Color2["Yellow7"] = "var(--color-yellow-7)";
|
|
43
|
+
Color2["Yellow8"] = "var(--color-yellow-8)";
|
|
44
|
+
Color2["Yellow9"] = "var(--color-yellow-9)";
|
|
45
|
+
Color2["YellowTransparent"] = "var(--color-yellow-transparent)";
|
|
46
|
+
Color2["YellowExtraTransparent"] = "var(--color-yellow-extra-transparent)";
|
|
47
|
+
Color2["Green1"] = "var(--color-green-1)";
|
|
48
|
+
Color2["Green2"] = "var(--color-green-2)";
|
|
49
|
+
Color2["Green3"] = "var(--color-green-3)";
|
|
50
|
+
Color2["Green4"] = "var(--color-green-4)";
|
|
51
|
+
Color2["Green5"] = "var(--color-green-5)";
|
|
52
|
+
Color2["Green6"] = "var(--color-green-6)";
|
|
53
|
+
Color2["Green7"] = "var(--color-green-7)";
|
|
54
|
+
Color2["Green8"] = "var(--color-green-8)";
|
|
55
|
+
Color2["Green9"] = "var(--color-green-9)";
|
|
56
|
+
Color2["GreenTransparent"] = "var(--color-green-transparent)";
|
|
57
|
+
Color2["GreenExtraTransparent"] = "var(--color-green-extra-transparent)";
|
|
58
|
+
Color2["Teal1"] = "var(--color-teal-1)";
|
|
59
|
+
Color2["Teal2"] = "var(--color-teal-2)";
|
|
60
|
+
Color2["Teal3"] = "var(--color-teal-3)";
|
|
61
|
+
Color2["Teal4"] = "var(--color-teal-4)";
|
|
62
|
+
Color2["Teal5"] = "var(--color-teal-5)";
|
|
63
|
+
Color2["Teal6"] = "var(--color-teal-6)";
|
|
64
|
+
Color2["Teal7"] = "var(--color-teal-7)";
|
|
65
|
+
Color2["Teal8"] = "var(--color-teal-8)";
|
|
66
|
+
Color2["Teal9"] = "var(--color-teal-9)";
|
|
67
|
+
Color2["TealTransparent"] = "var(--color-teal-transparent)";
|
|
68
|
+
Color2["TealExtraTransparent"] = "var(--color-teal-extra-transparent)";
|
|
69
|
+
Color2["Blue1"] = "var(--color-blue-1)";
|
|
70
|
+
Color2["Blue2"] = "var(--color-blue-2)";
|
|
71
|
+
Color2["Blue3"] = "var(--color-blue-3)";
|
|
72
|
+
Color2["Blue4"] = "var(--color-blue-4)";
|
|
73
|
+
Color2["Blue5"] = "var(--color-blue-5)";
|
|
74
|
+
Color2["Blue6"] = "var(--color-blue-6)";
|
|
75
|
+
Color2["Blue7"] = "var(--color-blue-7)";
|
|
76
|
+
Color2["Blue8"] = "var(--color-blue-8)";
|
|
77
|
+
Color2["Blue9"] = "var(--color-blue-9)";
|
|
78
|
+
Color2["BlueTransparent"] = "var(--color-blue-transparent)";
|
|
79
|
+
Color2["BlueExtraTransparent"] = "var(--color-blue-extra-transparent)";
|
|
80
|
+
Color2["Purple1"] = "var(--color-purple-1)";
|
|
81
|
+
Color2["Purple2"] = "var(--color-purple-2)";
|
|
82
|
+
Color2["Purple3"] = "var(--color-purple-3)";
|
|
83
|
+
Color2["Purple4"] = "var(--color-purple-4)";
|
|
84
|
+
Color2["Purple5"] = "var(--color-purple-5)";
|
|
85
|
+
Color2["Purple6"] = "var(--color-purple-6)";
|
|
86
|
+
Color2["Purple7"] = "var(--color-purple-7)";
|
|
87
|
+
Color2["Purple8"] = "var(--color-purple-8)";
|
|
88
|
+
Color2["Purple9"] = "var(--color-purple-9)";
|
|
89
|
+
Color2["PurpleTransparent"] = "var(--color-purple-transparent)";
|
|
90
|
+
Color2["PurpleExtraTransparent"] = "var(--color-purple-extra-transparent)";
|
|
91
|
+
Color2["Magenta1"] = "var(--color-magenta-1)";
|
|
92
|
+
Color2["Magenta2"] = "var(--color-magenta-2)";
|
|
93
|
+
Color2["Magenta3"] = "var(--color-magenta-3)";
|
|
94
|
+
Color2["Magenta4"] = "var(--color-magenta-4)";
|
|
95
|
+
Color2["Magenta5"] = "var(--color-magenta-5)";
|
|
96
|
+
Color2["Magenta6"] = "var(--color-magenta-6)";
|
|
97
|
+
Color2["Magenta7"] = "var(--color-magenta-7)";
|
|
98
|
+
Color2["Magenta8"] = "var(--color-magenta-8)";
|
|
99
|
+
Color2["Magenta9"] = "var(--color-magenta-9)";
|
|
100
|
+
Color2["MagentaTransparent"] = "var(--color-magenta-transparent)";
|
|
101
|
+
Color2["MagentaExtraTransparent"] = "var(--color-magenta-extra-transparent)";
|
|
102
|
+
Color2["Gray1"] = "var(--color-gray-1)";
|
|
103
|
+
Color2["Gray2"] = "var(--color-gray-2)";
|
|
104
|
+
Color2["Gray3"] = "var(--color-gray-3)";
|
|
105
|
+
Color2["Gray4"] = "var(--color-gray-4)";
|
|
106
|
+
Color2["Gray5"] = "var(--color-gray-5)";
|
|
107
|
+
Color2["Gray6"] = "var(--color-gray-6)";
|
|
108
|
+
Color2["Gray7"] = "var(--color-gray-7)";
|
|
109
|
+
Color2["Gray8"] = "var(--color-gray-8)";
|
|
110
|
+
Color2["Gray9"] = "var(--color-gray-9)";
|
|
111
|
+
Color2["GrayTransparent"] = "var(--color-gray-transparent)";
|
|
112
|
+
Color2["GrayExtraTransparent"] = "var(--color-gray-extra-transparent)";
|
|
113
|
+
Color2["Body"] = "var(--color-body)";
|
|
114
|
+
Color2["BodyAlt"] = "var(--color-body-alt)";
|
|
115
|
+
Color2["BodyText"] = "var(--color-body-text)";
|
|
116
|
+
Color2["BodyTextAlt"] = "var(--color-body-text-alt)";
|
|
117
|
+
Color2["BodyTextInvert"] = "var(--color-body-text-invert)";
|
|
118
|
+
Color2["Shadow"] = "var(--color-shadow)";
|
|
119
|
+
Color2["Border"] = "var(--color-border)";
|
|
120
|
+
return Color2;
|
|
121
|
+
})(Color || {});
|
|
122
|
+
export var FontSize = /* @__PURE__ */ ((FontSize2) => {
|
|
123
|
+
FontSize2["XS"] = "var(--font-size-xs)";
|
|
124
|
+
FontSize2["S"] = "var(--font-size-s)";
|
|
125
|
+
FontSize2["M"] = "var(--font-size-m)";
|
|
126
|
+
FontSize2["L"] = "var(--font-size-l)";
|
|
127
|
+
FontSize2["XL"] = "var(--font-size-xl)";
|
|
128
|
+
FontSize2["XXL"] = "var(--font-size-2xl)";
|
|
129
|
+
FontSize2["XXXL"] = "var(--font-size-3xl)";
|
|
130
|
+
FontSize2["XXXXL"] = "var(--font-size-4xl)";
|
|
131
|
+
return FontSize2;
|
|
132
|
+
})(FontSize || {});
|
|
133
|
+
export var FontWeight = /* @__PURE__ */ ((FontWeight2) => {
|
|
134
|
+
FontWeight2["Light"] = "var(--font-weight-light)";
|
|
135
|
+
FontWeight2["Normal"] = "var(--font-weight-normal)";
|
|
136
|
+
FontWeight2["Semibold"] = "var(--font-weight-semibold)";
|
|
137
|
+
FontWeight2["Bold"] = "var(--font-weight-bold)";
|
|
138
|
+
FontWeight2["Black"] = "var(--font-weight-black)";
|
|
139
|
+
return FontWeight2;
|
|
140
|
+
})(FontWeight || {});
|
|
141
|
+
export var FontFamily = /* @__PURE__ */ ((FontFamily2) => {
|
|
142
|
+
FontFamily2["Body"] = "var(--font-family-body)";
|
|
143
|
+
FontFamily2["Heading"] = "var(--font-family-heading)";
|
|
144
|
+
FontFamily2["Mono"] = "var(--font-family-mono)";
|
|
145
|
+
return FontFamily2;
|
|
146
|
+
})(FontFamily || {});
|
|
147
|
+
export var Space = /* @__PURE__ */ ((Space2) => {
|
|
148
|
+
Space2["None"] = "var(--space-none)";
|
|
149
|
+
Space2["XXXS"] = "var(--space-3xs)";
|
|
150
|
+
Space2["XXS"] = "var(--space-2xs)";
|
|
151
|
+
Space2["XS"] = "var(--space-xs)";
|
|
152
|
+
Space2["S"] = "var(--space-s)";
|
|
153
|
+
Space2["M"] = "var(--space-m)";
|
|
154
|
+
Space2["L"] = "var(--space-l)";
|
|
155
|
+
Space2["XL"] = "var(--space-xl)";
|
|
156
|
+
Space2["XXL"] = "var(--space-2xl)";
|
|
157
|
+
Space2["XXXL"] = "var(--space-3xl)";
|
|
158
|
+
Space2["BodyX"] = "var(--body-x)";
|
|
159
|
+
Space2["BodyY"] = "var(--body-y)";
|
|
160
|
+
return Space2;
|
|
161
|
+
})(Space || {});
|
|
162
|
+
export var Radius = /* @__PURE__ */ ((Radius2) => {
|
|
163
|
+
Radius2["None"] = "var(--radius-none)";
|
|
164
|
+
Radius2["S"] = "var(--radius-s)";
|
|
165
|
+
Radius2["M"] = "var(--radius-m)";
|
|
166
|
+
Radius2["L"] = "var(--radius-l)";
|
|
167
|
+
Radius2["XL"] = "var(--radius-xl)";
|
|
168
|
+
Radius2["XXL"] = "var(--radius-2xl)";
|
|
169
|
+
Radius2["Full"] = "var(--radius-full)";
|
|
170
|
+
return Radius2;
|
|
171
|
+
})(Radius || {});
|
|
172
|
+
export var Shadow = /* @__PURE__ */ ((Shadow2) => {
|
|
173
|
+
Shadow2["None"] = "var(--shadow-none)";
|
|
174
|
+
Shadow2["S"] = "var(--shadow-s)";
|
|
175
|
+
Shadow2["M"] = "var(--shadow-m)";
|
|
176
|
+
Shadow2["L"] = "var(--shadow-l)";
|
|
177
|
+
Shadow2["XL"] = "var(--shadow-xl)";
|
|
178
|
+
return Shadow2;
|
|
179
|
+
})(Shadow || {});
|
|
180
|
+
export var BorderWidth = /* @__PURE__ */ ((BorderWidth2) => {
|
|
181
|
+
BorderWidth2["None"] = "var(--border-none)";
|
|
182
|
+
BorderWidth2["S"] = "var(--border-s)";
|
|
183
|
+
BorderWidth2["M"] = "var(--border-m)";
|
|
184
|
+
BorderWidth2["L"] = "var(--border-l)";
|
|
185
|
+
BorderWidth2["XL"] = "var(--border-xl)";
|
|
186
|
+
return BorderWidth2;
|
|
187
|
+
})(BorderWidth || {});
|
|
188
|
+
export var EasingFunction = /* @__PURE__ */ ((EasingFunction2) => {
|
|
189
|
+
EasingFunction2["Default"] = "var(--ease-default)";
|
|
190
|
+
EasingFunction2["Out"] = "var(--ease-out)";
|
|
191
|
+
EasingFunction2["In"] = "var(--ease-in)";
|
|
192
|
+
EasingFunction2["Both"] = "var(--ease-both)";
|
|
193
|
+
EasingFunction2["BothSubtle"] = "var(--ease-both-subtle)";
|
|
194
|
+
EasingFunction2["Spring"] = "var(--ease-spring)";
|
|
195
|
+
return EasingFunction2;
|
|
196
|
+
})(EasingFunction || {});
|
|
197
|
+
export var Duration = /* @__PURE__ */ ((Duration2) => {
|
|
198
|
+
Duration2["S"] = "var(--duration-s)";
|
|
199
|
+
Duration2["M"] = "var(--duration-m)";
|
|
200
|
+
Duration2["L"] = "var(--duration-l)";
|
|
201
|
+
Duration2["XL"] = "var(--duration-xl)";
|
|
202
|
+
return Duration2;
|
|
203
|
+
})(Duration || {});
|
|
204
|
+
//# sourceMappingURL=tokens.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../src/tokens.ts"],
|
|
4
|
+
"sourcesContent": ["export type ColorVariant =\n | \"brand\"\n | \"red\"\n | \"orange\"\n | \"yellow\"\n | \"green\"\n | \"teal\"\n | \"blue\"\n | \"purple\"\n | \"magenta\"\n | \"gray\"\n | \"black\"\n | \"white\";\n\nexport enum Color {\n Brand1 = \"var(--color-brand-1)\",\n Brand2 = \"var(--color-brand-2)\",\n Brand3 = \"var(--color-brand-3)\",\n Brand4 = \"var(--color-brand-4)\",\n Brand5 = \"var(--color-brand-5)\",\n Brand6 = \"var(--color-brand-6)\",\n Brand7 = \"var(--color-brand-7)\",\n Brand8 = \"var(--color-brand-8)\",\n Brand9 = \"var(--color-brand-9)\",\n BrandTransparent = \"var(--color-brand-transparent)\",\n BrandExtraTransparent = \"var(--color-brand-extra-transparent)\",\n Red1 = \"var(--color-red-1)\",\n Red2 = \"var(--color-red-2)\",\n Red3 = \"var(--color-red-3)\",\n Red4 = \"var(--color-red-4)\",\n Red5 = \"var(--color-red-5)\",\n Red6 = \"var(--color-red-6)\",\n Red7 = \"var(--color-red-7)\",\n Red8 = \"var(--color-red-8)\",\n Red9 = \"var(--color-red-9)\",\n RedTransparent = \"var(--color-red-transparent)\",\n RedExtraTransparent = \"var(--color-red-extra-transparent)\",\n Orange1 = \"var(--color-orange-1)\",\n Orange2 = \"var(--color-orange-2)\",\n Orange3 = \"var(--color-orange-3)\",\n Orange4 = \"var(--color-orange-4)\",\n Orange5 = \"var(--color-orange-5)\",\n Orange6 = \"var(--color-orange-6)\",\n Orange7 = \"var(--color-orange-7)\",\n Orange8 = \"var(--color-orange-8)\",\n Orange9 = \"var(--color-orange-9)\",\n OrangeTransparent = \"var(--color-orange-transparent)\",\n OrangeExtraTransparent = \"var(--color-orange-extra-transparent)\",\n Yellow1 = \"var(--color-yellow-1)\",\n Yellow2 = \"var(--color-yellow-2)\",\n Yellow3 = \"var(--color-yellow-3)\",\n Yellow4 = \"var(--color-yellow-4)\",\n Yellow5 = \"var(--color-yellow-5)\",\n Yellow6 = \"var(--color-yellow-6)\",\n Yellow7 = \"var(--color-yellow-7)\",\n Yellow8 = \"var(--color-yellow-8)\",\n Yellow9 = \"var(--color-yellow-9)\",\n YellowTransparent = \"var(--color-yellow-transparent)\",\n YellowExtraTransparent = \"var(--color-yellow-extra-transparent)\",\n Green1 = \"var(--color-green-1)\",\n Green2 = \"var(--color-green-2)\",\n Green3 = \"var(--color-green-3)\",\n Green4 = \"var(--color-green-4)\",\n Green5 = \"var(--color-green-5)\",\n Green6 = \"var(--color-green-6)\",\n Green7 = \"var(--color-green-7)\",\n Green8 = \"var(--color-green-8)\",\n Green9 = \"var(--color-green-9)\",\n GreenTransparent = \"var(--color-green-transparent)\",\n GreenExtraTransparent = \"var(--color-green-extra-transparent)\",\n Teal1 = \"var(--color-teal-1)\",\n Teal2 = \"var(--color-teal-2)\",\n Teal3 = \"var(--color-teal-3)\",\n Teal4 = \"var(--color-teal-4)\",\n Teal5 = \"var(--color-teal-5)\",\n Teal6 = \"var(--color-teal-6)\",\n Teal7 = \"var(--color-teal-7)\",\n Teal8 = \"var(--color-teal-8)\",\n Teal9 = \"var(--color-teal-9)\",\n TealTransparent = \"var(--color-teal-transparent)\",\n TealExtraTransparent = \"var(--color-teal-extra-transparent)\",\n Blue1 = \"var(--color-blue-1)\",\n Blue2 = \"var(--color-blue-2)\",\n Blue3 = \"var(--color-blue-3)\",\n Blue4 = \"var(--color-blue-4)\",\n Blue5 = \"var(--color-blue-5)\",\n Blue6 = \"var(--color-blue-6)\",\n Blue7 = \"var(--color-blue-7)\",\n Blue8 = \"var(--color-blue-8)\",\n Blue9 = \"var(--color-blue-9)\",\n BlueTransparent = \"var(--color-blue-transparent)\",\n BlueExtraTransparent = \"var(--color-blue-extra-transparent)\",\n Purple1 = \"var(--color-purple-1)\",\n Purple2 = \"var(--color-purple-2)\",\n Purple3 = \"var(--color-purple-3)\",\n Purple4 = \"var(--color-purple-4)\",\n Purple5 = \"var(--color-purple-5)\",\n Purple6 = \"var(--color-purple-6)\",\n Purple7 = \"var(--color-purple-7)\",\n Purple8 = \"var(--color-purple-8)\",\n Purple9 = \"var(--color-purple-9)\",\n PurpleTransparent = \"var(--color-purple-transparent)\",\n PurpleExtraTransparent = \"var(--color-purple-extra-transparent)\",\n Magenta1 = \"var(--color-magenta-1)\",\n Magenta2 = \"var(--color-magenta-2)\",\n Magenta3 = \"var(--color-magenta-3)\",\n Magenta4 = \"var(--color-magenta-4)\",\n Magenta5 = \"var(--color-magenta-5)\",\n Magenta6 = \"var(--color-magenta-6)\",\n Magenta7 = \"var(--color-magenta-7)\",\n Magenta8 = \"var(--color-magenta-8)\",\n Magenta9 = \"var(--color-magenta-9)\",\n MagentaTransparent = \"var(--color-magenta-transparent)\",\n MagentaExtraTransparent = \"var(--color-magenta-extra-transparent)\",\n Gray1 = \"var(--color-gray-1)\",\n Gray2 = \"var(--color-gray-2)\",\n Gray3 = \"var(--color-gray-3)\",\n Gray4 = \"var(--color-gray-4)\",\n Gray5 = \"var(--color-gray-5)\",\n Gray6 = \"var(--color-gray-6)\",\n Gray7 = \"var(--color-gray-7)\",\n Gray8 = \"var(--color-gray-8)\",\n Gray9 = \"var(--color-gray-9)\",\n GrayTransparent = \"var(--color-gray-transparent)\",\n GrayExtraTransparent = \"var(--color-gray-extra-transparent)\",\n Body = \"var(--color-body)\",\n BodyAlt = \"var(--color-body-alt)\",\n BodyText = \"var(--color-body-text)\",\n BodyTextAlt = \"var(--color-body-text-alt)\",\n BodyTextInvert = \"var(--color-body-text-invert)\",\n Shadow = \"var(--color-shadow)\",\n Border = \"var(--color-border)\",\n}\n\nexport enum FontSize {\n XS = \"var(--font-size-xs)\",\n S = \"var(--font-size-s)\",\n M = \"var(--font-size-m)\",\n L = \"var(--font-size-l)\",\n XL = \"var(--font-size-xl)\",\n XXL = \"var(--font-size-2xl)\",\n XXXL = \"var(--font-size-3xl)\",\n XXXXL = \"var(--font-size-4xl)\",\n}\n\nexport enum FontWeight {\n Light = \"var(--font-weight-light)\",\n Normal = \"var(--font-weight-normal)\",\n Semibold = \"var(--font-weight-semibold)\",\n Bold = \"var(--font-weight-bold)\",\n Black = \"var(--font-weight-black)\",\n}\n\nexport enum FontFamily {\n Body = \"var(--font-family-body)\",\n Heading = \"var(--font-family-heading)\",\n Mono = \"var(--font-family-mono)\",\n}\n\nexport enum Space {\n None = \"var(--space-none)\",\n XXXS = \"var(--space-3xs)\",\n XXS = \"var(--space-2xs)\",\n XS = \"var(--space-xs)\",\n S = \"var(--space-s)\",\n M = \"var(--space-m)\",\n L = \"var(--space-l)\",\n XL = \"var(--space-xl)\",\n XXL = \"var(--space-2xl)\",\n XXXL = \"var(--space-3xl)\",\n BodyX = \"var(--body-x)\",\n BodyY = \"var(--body-y)\",\n}\n\nexport enum Radius {\n None = \"var(--radius-none)\",\n S = \"var(--radius-s)\",\n M = \"var(--radius-m)\",\n L = \"var(--radius-l)\",\n XL = \"var(--radius-xl)\",\n XXL = \"var(--radius-2xl)\",\n Full = \"var(--radius-full)\",\n}\n\nexport enum Shadow {\n None = \"var(--shadow-none)\",\n S = \"var(--shadow-s)\",\n M = \"var(--shadow-m)\",\n L = \"var(--shadow-l)\",\n XL = \"var(--shadow-xl)\",\n}\n\nexport enum BorderWidth {\n None = \"var(--border-none)\",\n S = \"var(--border-s)\",\n M = \"var(--border-m)\",\n L = \"var(--border-l)\",\n XL = \"var(--border-xl)\",\n}\n\nexport enum EasingFunction {\n Default = \"var(--ease-default)\",\n Out = \"var(--ease-out)\",\n In = \"var(--ease-in)\",\n Both = \"var(--ease-both)\",\n BothSubtle = \"var(--ease-both-subtle)\",\n Spring = \"var(--ease-spring)\",\n}\n\nexport enum Duration {\n S = \"var(--duration-s)\",\n M = \"var(--duration-m)\",\n L = \"var(--duration-l)\",\n XL = \"var(--duration-xl)\",\n}\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": ["Color", "FontSize", "FontWeight", "FontFamily", "Space", "Radius", "Shadow", "BorderWidth", "EasingFunction", "Duration"]
|
|
7
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@jrgermain/stylesheet",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.16.0",
|
|
4
4
|
"description": "A CSS stylesheet for the cool stuff I'm building",
|
|
5
5
|
"homepage": "https://stylesheet.jrgermain.dev",
|
|
6
6
|
"author": {
|
|
@@ -21,6 +21,7 @@
|
|
|
21
21
|
"devDependencies": {
|
|
22
22
|
"browserslist": "^4.25.1",
|
|
23
23
|
"chokidar": "^4.0.3",
|
|
24
|
+
"esbuild": "^0.27.2",
|
|
24
25
|
"lightningcss": "^1.30.1",
|
|
25
26
|
"prettier": "^3.6.2",
|
|
26
27
|
"rimraf": "^6.0.1",
|
|
@@ -38,7 +39,8 @@
|
|
|
38
39
|
"default": "./dist/stylesheet.css"
|
|
39
40
|
},
|
|
40
41
|
"./stylesheet.css": "./dist/stylesheet.css",
|
|
41
|
-
"./tokens": "./dist/tokens.js"
|
|
42
|
+
"./tokens": "./dist/tokens.js",
|
|
43
|
+
"./enhance": "./dist/enhance.js"
|
|
42
44
|
},
|
|
43
45
|
"browserslist": [
|
|
44
46
|
"defaults"
|