@polyxd/ds-neon 0.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/LICENSE +202 -0
  2. package/NOTICE +190 -0
  3. package/README.md +48 -0
  4. package/manifest.json +29 -0
  5. package/package.json +28 -0
  6. package/tokens/semantic.json +433 -0
  7. package/tokens/system.dark.json +322 -0
  8. package/tokens/system.json +313 -0
  9. package/tokens/system.light.json +272 -0
package/tokens/system.light.json ADDED
@@ -0,0 +1,272 @@
1
+ {
2
+ "$description": "Neon, light mode: the palette (named colours) and the roles that pick from it. Change a palette entry to recolour every role that uses it; point a role at a different entry to change one thing.",
3
+ "neon": {
4
+ "palette": {
5
+ "$type": "color",
6
+ "day": {
7
+ "$value": "#f6f4ff"
8
+ },
9
+ "day-1": {
10
+ "$value": "#ece8fb"
11
+ },
12
+ "white": {
13
+ "$value": "#ffffff"
14
+ },
15
+ "ink": {
16
+ "$value": "#16122b"
17
+ },
18
+ "ink-soft": {
19
+ "$value": "#5a5478"
20
+ },
21
+ "night": {
22
+ "$value": "#14102a"
23
+ },
24
+ "line": {
25
+ "$value": "#d8d2f0"
26
+ },
27
+ "line-strong": {
28
+ "$value": "#7d76a8"
29
+ },
30
+ "magenta": {
31
+ "$value": "#b0138f"
32
+ },
33
+ "magenta-deep": {
34
+ "$value": "#6a0b57"
35
+ },
36
+ "magenta-wash": {
37
+ "$value": "#ffd6f5"
38
+ },
39
+ "cyan": {
40
+ "$value": "#0e8aa8"
41
+ },
42
+ "cyan-deep": {
43
+ "$value": "#0b4a5c"
44
+ },
45
+ "cyan-wash": {
46
+ "$value": "#dff4fb"
47
+ },
48
+ "lime": {
49
+ "$value": "#12915a"
50
+ },
51
+ "lime-deep": {
52
+ "$value": "#0f5a3a"
53
+ },
54
+ "lime-wash": {
55
+ "$value": "#dcf7ea"
56
+ },
57
+ "sun": {
58
+ "$value": "#a07800"
59
+ },
60
+ "sun-deep": {
61
+ "$value": "#5c4600"
62
+ },
63
+ "sun-wash": {
64
+ "$value": "#fff3c4"
65
+ },
66
+ "hot": {
67
+ "$value": "#c8203f"
68
+ },
69
+ "hot-deep": {
70
+ "$value": "#7a1028"
71
+ },
72
+ "hot-wash": {
73
+ "$value": "#ffe0e6"
74
+ },
75
+ "violet": {
76
+ "$value": "#6a3ad9"
77
+ },
78
+ "orange": {
79
+ "$value": "#d4551c"
80
+ }
81
+ },
82
+ "sys": {
83
+ "$type": "color",
84
+ "surface-default": {
85
+ "$value": "{neon.palette.day}",
86
+ "$description": "Main page background"
87
+ },
88
+ "surface-subtle": {
89
+ "$value": "{neon.palette.day-1}",
90
+ "$description": "Grouping background: table headers, wells"
91
+ },
92
+ "surface-raised": {
93
+ "$value": "{neon.palette.white}",
94
+ "$description": "Cards and sheets"
95
+ },
96
+ "surface-overlay": {
97
+ "$value": "{neon.palette.white}",
98
+ "$description": "Dialogs and popovers"
99
+ },
100
+ "surface-inverse": {
101
+ "$value": "{neon.palette.night}",
102
+ "$description": "Snackbars and tooltips"
103
+ },
104
+ "scrim": {
105
+ "$value": "rgba(20, 16, 42, 0.5)"
106
+ },
107
+ "text-default": {
108
+ "$value": "{neon.palette.ink}"
109
+ },
110
+ "text-muted": {
111
+ "$value": "{neon.palette.ink-soft}"
112
+ },
113
+ "text-inverse": {
114
+ "$value": "{neon.palette.day}"
115
+ },
116
+ "text-link": {
117
+ "$value": "{neon.palette.magenta}",
118
+ "$description": "Inline links"
119
+ },
120
+ "border-default": {
121
+ "$value": "{neon.palette.line}"
122
+ },
123
+ "border-strong": {
124
+ "$value": "{neon.palette.line-strong}",
125
+ "$description": "Input outlines (3:1 on the page)"
126
+ },
127
+ "border-focus": {
128
+ "$value": "{neon.palette.magenta}",
129
+ "$description": "Keyboard focus ring (3:1 on the page)"
130
+ },
131
+ "action-primary-background": {
132
+ "$value": "{neon.palette.magenta}"
133
+ },
134
+ "action-primary-foreground": {
135
+ "$value": "{neon.palette.white}"
136
+ },
137
+ "action-secondary-background": {
138
+ "$value": "{neon.palette.white}"
139
+ },
140
+ "action-secondary-foreground": {
141
+ "$value": "{neon.palette.ink}"
142
+ },
143
+ "action-secondary-border": {
144
+ "$value": "{neon.palette.magenta}"
145
+ },
146
+ "action-danger-background": {
147
+ "$value": "{neon.palette.hot}"
148
+ },
149
+ "action-danger-foreground": {
150
+ "$value": "{neon.palette.white}"
151
+ },
152
+ "selection-background": {
153
+ "$value": "{neon.palette.magenta-wash}"
154
+ },
155
+ "selection-foreground": {
156
+ "$value": "{neon.palette.magenta-deep}"
157
+ },
158
+ "status-info-background": {
159
+ "$value": "{neon.palette.cyan-wash}"
160
+ },
161
+ "status-info-foreground": {
162
+ "$value": "{neon.palette.cyan-deep}"
163
+ },
164
+ "status-info-emphasis": {
165
+ "$value": "{neon.palette.cyan}"
166
+ },
167
+ "status-success-background": {
168
+ "$value": "{neon.palette.lime-wash}"
169
+ },
170
+ "status-success-foreground": {
171
+ "$value": "{neon.palette.lime-deep}"
172
+ },
173
+ "status-success-emphasis": {
174
+ "$value": "{neon.palette.lime}"
175
+ },
176
+ "status-warning-background": {
177
+ "$value": "{neon.palette.sun-wash}"
178
+ },
179
+ "status-warning-foreground": {
180
+ "$value": "{neon.palette.sun-deep}"
181
+ },
182
+ "status-warning-emphasis": {
183
+ "$value": "{neon.palette.sun}"
184
+ },
185
+ "status-danger-background": {
186
+ "$value": "{neon.palette.hot-wash}"
187
+ },
188
+ "status-danger-foreground": {
189
+ "$value": "{neon.palette.hot-deep}"
190
+ },
191
+ "status-danger-emphasis": {
192
+ "$value": "{neon.palette.hot}"
193
+ },
194
+ "data-1": {
195
+ "$value": "{neon.palette.magenta}"
196
+ },
197
+ "data-2": {
198
+ "$value": "{neon.palette.cyan}"
199
+ },
200
+ "data-3": {
201
+ "$value": "{neon.palette.lime}"
202
+ },
203
+ "data-4": {
204
+ "$value": "{neon.palette.sun}"
205
+ },
206
+ "data-5": {
207
+ "$value": "{neon.palette.violet}"
208
+ },
209
+ "data-6": {
210
+ "$value": "{neon.palette.orange}"
211
+ },
212
+ "data-positive": {
213
+ "$value": "{neon.palette.lime}"
214
+ },
215
+ "data-negative": {
216
+ "$value": "{neon.palette.hot}"
217
+ },
218
+ "data-neutral": {
219
+ "$value": "{neon.palette.line-strong}"
220
+ }
221
+ },
222
+ "shadow": {
223
+ "$type": "shadow",
224
+ "raised": {
225
+ "$value": [
226
+ {
227
+ "offsetX": {
228
+ "value": 0,
229
+ "unit": "px"
230
+ },
231
+ "offsetY": {
232
+ "value": 4,
233
+ "unit": "px"
234
+ },
235
+ "blur": {
236
+ "value": 20,
237
+ "unit": "px"
238
+ },
239
+ "spread": {
240
+ "value": 0,
241
+ "unit": "px"
242
+ },
243
+ "color": "rgba(176, 19, 143, 0.15)"
244
+ }
245
+ ]
246
+ },
247
+ "overlay": {
248
+ "$value": [
249
+ {
250
+ "offsetX": {
251
+ "value": 0,
252
+ "unit": "px"
253
+ },
254
+ "offsetY": {
255
+ "value": 16,
256
+ "unit": "px"
257
+ },
258
+ "blur": {
259
+ "value": 48,
260
+ "unit": "px"
261
+ },
262
+ "spread": {
263
+ "value": 0,
264
+ "unit": "px"
265
+ },
266
+ "color": "rgba(176, 19, 143, 0.28)"
267
+ }
268
+ ]
269
+ }
270
+ }
271
+ }
272
+ }