@polyxd/ds-health 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 +290 -0
  8. package/tokens/system.json +310 -0
  9. package/tokens/system.light.json +272 -0
package/tokens/system.light.json ADDED
@@ -0,0 +1,272 @@
1
+ {
2
+ "$description": "Health, 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
+ "health": {
4
+ "palette": {
5
+ "$type": "color",
6
+ "cream": {
7
+ "$value": "#fdfbf6"
8
+ },
9
+ "mist": {
10
+ "$value": "#f1f4f0"
11
+ },
12
+ "white": {
13
+ "$value": "#ffffff"
14
+ },
15
+ "deep-teal": {
16
+ "$value": "#13403f"
17
+ },
18
+ "ink": {
19
+ "$value": "#1f2d2c"
20
+ },
21
+ "ink-soft": {
22
+ "$value": "#4e6b69"
23
+ },
24
+ "line": {
25
+ "$value": "#d6ddd9"
26
+ },
27
+ "line-strong": {
28
+ "$value": "#6f8a87"
29
+ },
30
+ "teal": {
31
+ "$value": "#0f6e6a"
32
+ },
33
+ "teal-wash": {
34
+ "$value": "#e4f1ef"
35
+ },
36
+ "teal-line": {
37
+ "$value": "#b6d3cf"
38
+ },
39
+ "teal-select": {
40
+ "$value": "#d9efe9"
41
+ },
42
+ "terracotta": {
43
+ "$value": "#b5432f"
44
+ },
45
+ "terracotta-deep": {
46
+ "$value": "#7f2a20"
47
+ },
48
+ "terracotta-wash": {
49
+ "$value": "#f9e2dd"
50
+ },
51
+ "sea": {
52
+ "$value": "#2f7fa8"
53
+ },
54
+ "sea-deep": {
55
+ "$value": "#1e4b66"
56
+ },
57
+ "sea-wash": {
58
+ "$value": "#e2eef5"
59
+ },
60
+ "leaf": {
61
+ "$value": "#2f8a52"
62
+ },
63
+ "leaf-deep": {
64
+ "$value": "#1e5a34"
65
+ },
66
+ "leaf-wash": {
67
+ "$value": "#e2f2e6"
68
+ },
69
+ "apricot": {
70
+ "$value": "#c17a1d"
71
+ },
72
+ "apricot-deep": {
73
+ "$value": "#6e4210"
74
+ },
75
+ "apricot-wash": {
76
+ "$value": "#fbecd9"
77
+ },
78
+ "lilac": {
79
+ "$value": "#8a5fa8"
80
+ }
81
+ },
82
+ "sys": {
83
+ "$type": "color",
84
+ "surface-default": {
85
+ "$value": "{health.palette.cream}",
86
+ "$description": "Main page background"
87
+ },
88
+ "surface-subtle": {
89
+ "$value": "{health.palette.mist}",
90
+ "$description": "Grouping background: table headers, wells"
91
+ },
92
+ "surface-raised": {
93
+ "$value": "{health.palette.white}",
94
+ "$description": "Cards and sheets"
95
+ },
96
+ "surface-overlay": {
97
+ "$value": "{health.palette.white}",
98
+ "$description": "Dialogs and popovers"
99
+ },
100
+ "surface-inverse": {
101
+ "$value": "{health.palette.deep-teal}",
102
+ "$description": "Snackbars and tooltips"
103
+ },
104
+ "scrim": {
105
+ "$value": "rgba(19, 64, 63, 0.45)"
106
+ },
107
+ "text-default": {
108
+ "$value": "{health.palette.ink}"
109
+ },
110
+ "text-muted": {
111
+ "$value": "{health.palette.ink-soft}"
112
+ },
113
+ "text-inverse": {
114
+ "$value": "{health.palette.cream}"
115
+ },
116
+ "text-link": {
117
+ "$value": "{health.palette.teal}",
118
+ "$description": "Inline links"
119
+ },
120
+ "border-default": {
121
+ "$value": "{health.palette.line}"
122
+ },
123
+ "border-strong": {
124
+ "$value": "{health.palette.line-strong}",
125
+ "$description": "Input outlines (3:1 on the page)"
126
+ },
127
+ "border-focus": {
128
+ "$value": "{health.palette.teal}",
129
+ "$description": "Keyboard focus ring (3:1 on the page)"
130
+ },
131
+ "action-primary-background": {
132
+ "$value": "{health.palette.teal}"
133
+ },
134
+ "action-primary-foreground": {
135
+ "$value": "{health.palette.white}"
136
+ },
137
+ "action-secondary-background": {
138
+ "$value": "{health.palette.teal-wash}"
139
+ },
140
+ "action-secondary-foreground": {
141
+ "$value": "{health.palette.deep-teal}"
142
+ },
143
+ "action-secondary-border": {
144
+ "$value": "{health.palette.teal-line}"
145
+ },
146
+ "action-danger-background": {
147
+ "$value": "{health.palette.terracotta}"
148
+ },
149
+ "action-danger-foreground": {
150
+ "$value": "{health.palette.white}"
151
+ },
152
+ "selection-background": {
153
+ "$value": "{health.palette.teal-select}"
154
+ },
155
+ "selection-foreground": {
156
+ "$value": "{health.palette.deep-teal}"
157
+ },
158
+ "status-info-background": {
159
+ "$value": "{health.palette.sea-wash}"
160
+ },
161
+ "status-info-foreground": {
162
+ "$value": "{health.palette.sea-deep}"
163
+ },
164
+ "status-info-emphasis": {
165
+ "$value": "{health.palette.sea}"
166
+ },
167
+ "status-success-background": {
168
+ "$value": "{health.palette.leaf-wash}"
169
+ },
170
+ "status-success-foreground": {
171
+ "$value": "{health.palette.leaf-deep}"
172
+ },
173
+ "status-success-emphasis": {
174
+ "$value": "{health.palette.leaf}"
175
+ },
176
+ "status-warning-background": {
177
+ "$value": "{health.palette.apricot-wash}"
178
+ },
179
+ "status-warning-foreground": {
180
+ "$value": "{health.palette.apricot-deep}"
181
+ },
182
+ "status-warning-emphasis": {
183
+ "$value": "{health.palette.apricot}"
184
+ },
185
+ "status-danger-background": {
186
+ "$value": "{health.palette.terracotta-wash}"
187
+ },
188
+ "status-danger-foreground": {
189
+ "$value": "{health.palette.terracotta-deep}"
190
+ },
191
+ "status-danger-emphasis": {
192
+ "$value": "{health.palette.terracotta}"
193
+ },
194
+ "data-1": {
195
+ "$value": "{health.palette.teal}"
196
+ },
197
+ "data-2": {
198
+ "$value": "{health.palette.apricot}"
199
+ },
200
+ "data-3": {
201
+ "$value": "{health.palette.sea}"
202
+ },
203
+ "data-4": {
204
+ "$value": "{health.palette.lilac}"
205
+ },
206
+ "data-5": {
207
+ "$value": "{health.palette.leaf}"
208
+ },
209
+ "data-6": {
210
+ "$value": "{health.palette.terracotta}"
211
+ },
212
+ "data-positive": {
213
+ "$value": "{health.palette.leaf}"
214
+ },
215
+ "data-negative": {
216
+ "$value": "{health.palette.terracotta}"
217
+ },
218
+ "data-neutral": {
219
+ "$value": "{health.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": 2,
233
+ "unit": "px"
234
+ },
235
+ "blur": {
236
+ "value": 8,
237
+ "unit": "px"
238
+ },
239
+ "spread": {
240
+ "value": 0,
241
+ "unit": "px"
242
+ },
243
+ "color": "rgba(19, 64, 63, 0.06)"
244
+ }
245
+ ]
246
+ },
247
+ "overlay": {
248
+ "$value": [
249
+ {
250
+ "offsetX": {
251
+ "value": 0,
252
+ "unit": "px"
253
+ },
254
+ "offsetY": {
255
+ "value": 12,
256
+ "unit": "px"
257
+ },
258
+ "blur": {
259
+ "value": 32,
260
+ "unit": "px"
261
+ },
262
+ "spread": {
263
+ "value": 0,
264
+ "unit": "px"
265
+ },
266
+ "color": "rgba(19, 64, 63, 0.18)"
267
+ }
268
+ ]
269
+ }
270
+ }
271
+ }
272
+ }