@guardian/stand 0.0.4 → 0.0.6

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 (83) hide show
  1. package/README.md +394 -7
  2. package/dist/{byline → components/byline}/Byline.cjs +5 -5
  3. package/dist/{byline → components/byline}/Byline.js +5 -5
  4. package/dist/components/byline/styles.cjs +266 -0
  5. package/dist/components/byline/styles.js +256 -0
  6. package/dist/components/tag-picker/TagAutocomplete.cjs +107 -0
  7. package/dist/components/tag-picker/TagAutocomplete.js +26 -0
  8. package/dist/components/tag-picker/TagTable.cjs +203 -0
  9. package/dist/components/tag-picker/TagTable.js +91 -0
  10. package/dist/components/tag-picker/styles.cjs +198 -0
  11. package/dist/components/tag-picker/styles.js +185 -0
  12. package/dist/components/util.cjs +19 -0
  13. package/dist/components/util.js +17 -0
  14. package/dist/index.cjs +15 -1
  15. package/dist/index.js +8 -1
  16. package/dist/styleD/build/css/css/base/colors.css +122 -0
  17. package/dist/styleD/build/css/css/base/typography.css +43 -0
  18. package/dist/styleD/build/css/css/component/byline.css +36 -0
  19. package/dist/styleD/build/css/css/component/tagAutocomplete.css +23 -0
  20. package/dist/styleD/build/css/css/component/tagTable.css +39 -0
  21. package/dist/styleD/build/css/css/semantic/colors.css +27 -0
  22. package/dist/styleD/build/css/css/semantic/typography.css +138 -0
  23. package/dist/styleD/build/typescript/base/colors.cjs +144 -0
  24. package/dist/styleD/build/typescript/base/colors.js +142 -0
  25. package/dist/styleD/build/typescript/base/typography.cjs +65 -0
  26. package/dist/styleD/build/typescript/base/typography.js +63 -0
  27. package/dist/styleD/build/typescript/component/byline.cjs +42 -0
  28. package/dist/styleD/build/typescript/component/byline.js +40 -0
  29. package/dist/styleD/build/typescript/component/tagAutocomplete.cjs +29 -0
  30. package/dist/styleD/build/typescript/component/tagAutocomplete.js +27 -0
  31. package/dist/styleD/build/typescript/component/tagTable.cjs +53 -0
  32. package/dist/styleD/build/typescript/component/tagTable.js +51 -0
  33. package/dist/styleD/build/typescript/semantic/colors.cjs +37 -0
  34. package/dist/styleD/build/typescript/semantic/colors.js +35 -0
  35. package/dist/styleD/build/typescript/semantic/typography.cjs +462 -0
  36. package/dist/styleD/build/typescript/semantic/typography.js +460 -0
  37. package/dist/styleD/utils/semantic/typography.cjs +17 -0
  38. package/dist/styleD/utils/semantic/typography.js +15 -0
  39. package/dist/types/components/byline/Byline.d.ts +83 -0
  40. package/dist/types/components/byline/styles.d.ts +13 -0
  41. package/dist/types/components/byline/theme.d.ts +3 -0
  42. package/dist/types/components/tag-picker/TagAutocomplete.d.ts +117 -0
  43. package/dist/types/components/tag-picker/TagTable.d.ts +126 -0
  44. package/dist/types/components/tag-picker/example-tags.d.ts +2 -0
  45. package/dist/types/components/tag-picker/styles.d.ts +16 -0
  46. package/dist/types/components/tag-picker/types.d.ts +65 -0
  47. package/dist/types/{byline → components}/util.d.ts +1 -0
  48. package/dist/types/index.d.ts +26 -2
  49. package/dist/types/styleD/build/typescript/base/colors.d.ts +144 -0
  50. package/dist/types/styleD/build/typescript/base/typography.d.ts +65 -0
  51. package/dist/types/styleD/build/typescript/component/byline.d.ts +42 -0
  52. package/dist/types/styleD/build/typescript/component/tagAutocomplete.d.ts +29 -0
  53. package/dist/types/styleD/build/typescript/component/tagTable.d.ts +53 -0
  54. package/dist/types/styleD/build/typescript/semantic/colors.d.ts +37 -0
  55. package/dist/types/styleD/build/typescript/semantic/typography.d.ts +462 -0
  56. package/dist/types/styleD/stories/base/Typography.d.ts +1 -0
  57. package/dist/types/styleD/stories/base/storybookColorPalette.d.ts +19 -0
  58. package/dist/types/styleD/stories/semantic/TypographyPresets.d.ts +1 -0
  59. package/dist/types/styleD/utils/semantic/typography.d.ts +15 -0
  60. package/dist/types/styleD/utils/semantic/typography.test.d.ts +1 -0
  61. package/package.json +67 -22
  62. package/dist/byline/styles.cjs +0 -244
  63. package/dist/byline/styles.js +0 -234
  64. package/dist/types/byline/Byline.d.ts +0 -17
  65. package/dist/types/byline/styles.d.ts +0 -11
  66. package/dist/types/byline/theme.d.ts +0 -44
  67. /package/dist/{byline → components/byline}/Preview.cjs +0 -0
  68. /package/dist/{byline → components/byline}/Preview.js +0 -0
  69. /package/dist/{byline → components/byline}/lib.cjs +0 -0
  70. /package/dist/{byline → components/byline}/lib.js +0 -0
  71. /package/dist/{byline → components/byline}/placeholder.cjs +0 -0
  72. /package/dist/{byline → components/byline}/placeholder.js +0 -0
  73. /package/dist/{byline → components/byline}/plugins.cjs +0 -0
  74. /package/dist/{byline → components/byline}/plugins.js +0 -0
  75. /package/dist/{byline → components/byline}/schema.cjs +0 -0
  76. /package/dist/{byline → components/byline}/schema.js +0 -0
  77. /package/dist/types/{byline → components/byline}/Preview.d.ts +0 -0
  78. /package/dist/types/{byline → components/byline}/contributors-fixture.d.ts +0 -0
  79. /package/dist/types/{byline → components/byline}/lib.d.ts +0 -0
  80. /package/dist/types/{byline → components/byline}/lib.test.d.ts +0 -0
  81. /package/dist/types/{byline → components/byline}/placeholder.d.ts +0 -0
  82. /package/dist/types/{byline → components/byline}/plugins.d.ts +0 -0
  83. /package/dist/types/{byline → components/byline}/schema.d.ts +0 -0
@@ -0,0 +1,462 @@
1
+ 'use strict';
2
+
3
+ const semanticTypography = {
4
+ "title-sm": {
5
+ font: {
6
+ fontFamily: "GH Guardian Headline",
7
+ fontWeight: 700,
8
+ fontSize: "18px",
9
+ fontStyle: "normal",
10
+ lineHeight: 1.15,
11
+ letterSpacing: "0px"
12
+ },
13
+ letterSpacing: "0px",
14
+ fontWidth: 100
15
+ },
16
+ "title-md": {
17
+ font: {
18
+ fontFamily: "GH Guardian Headline",
19
+ fontWeight: 700,
20
+ fontSize: "20px",
21
+ fontStyle: "normal",
22
+ lineHeight: 1.15,
23
+ letterSpacing: "0px"
24
+ },
25
+ letterSpacing: "0px",
26
+ fontWidth: 100
27
+ },
28
+ "title-lg": {
29
+ font: {
30
+ fontFamily: "GH Guardian Headline",
31
+ fontWeight: 700,
32
+ fontSize: "24px",
33
+ fontStyle: "normal",
34
+ lineHeight: 1.15,
35
+ letterSpacing: "0px"
36
+ },
37
+ letterSpacing: "0px",
38
+ fontWidth: 100
39
+ },
40
+ "title-xl": {
41
+ font: {
42
+ fontFamily: "GH Guardian Headline",
43
+ fontWeight: 700,
44
+ fontSize: "32px",
45
+ fontStyle: "normal",
46
+ lineHeight: 1.15,
47
+ letterSpacing: "0px"
48
+ },
49
+ letterSpacing: "0px",
50
+ fontWidth: 100
51
+ },
52
+ "heading-xs": {
53
+ font: {
54
+ fontFamily: "Open Sans",
55
+ fontWeight: 700,
56
+ fontSize: "12px",
57
+ fontStyle: "normal",
58
+ lineHeight: 1.15,
59
+ letterSpacing: "0px"
60
+ },
61
+ letterSpacing: "0px",
62
+ fontWidth: 95
63
+ },
64
+ "heading-sm": {
65
+ font: {
66
+ fontFamily: "Open Sans",
67
+ fontWeight: 700,
68
+ fontSize: "14px",
69
+ fontStyle: "normal",
70
+ lineHeight: 1.15,
71
+ letterSpacing: "-0.2px"
72
+ },
73
+ letterSpacing: "-0.2px",
74
+ fontWidth: 95
75
+ },
76
+ "heading-md": {
77
+ font: {
78
+ fontFamily: "Open Sans",
79
+ fontWeight: 700,
80
+ fontSize: "16px",
81
+ fontStyle: "normal",
82
+ lineHeight: 1.15,
83
+ letterSpacing: "-0.5px"
84
+ },
85
+ letterSpacing: "-0.5px",
86
+ fontWidth: 95
87
+ },
88
+ "heading-lg": {
89
+ font: {
90
+ fontFamily: "Open Sans",
91
+ fontWeight: 700,
92
+ fontSize: "18px",
93
+ fontStyle: "normal",
94
+ lineHeight: 1.15,
95
+ letterSpacing: "-0.5px"
96
+ },
97
+ letterSpacing: "-0.5px",
98
+ fontWidth: 95
99
+ },
100
+ "heading-xl": {
101
+ font: {
102
+ fontFamily: "Open Sans",
103
+ fontWeight: 700,
104
+ fontSize: "20px",
105
+ fontStyle: "normal",
106
+ lineHeight: 1.15,
107
+ letterSpacing: "-0.5px"
108
+ },
109
+ letterSpacing: "-0.5px",
110
+ fontWidth: 95
111
+ },
112
+ "heading-2xl": {
113
+ font: {
114
+ fontFamily: "Open Sans",
115
+ fontWeight: 700,
116
+ fontSize: "24px",
117
+ fontStyle: "normal",
118
+ lineHeight: 1.15,
119
+ letterSpacing: "-1px"
120
+ },
121
+ letterSpacing: "-1px",
122
+ fontWidth: 95
123
+ },
124
+ "heading-compact-xs": {
125
+ font: {
126
+ fontFamily: "Open Sans",
127
+ fontWeight: 700,
128
+ fontSize: "12px",
129
+ fontStyle: "normal",
130
+ lineHeight: 1.15,
131
+ letterSpacing: "0px"
132
+ },
133
+ letterSpacing: "0px",
134
+ fontWidth: 88
135
+ },
136
+ "heading-compact-sm": {
137
+ font: {
138
+ fontFamily: "Open Sans",
139
+ fontWeight: 700,
140
+ fontSize: "14px",
141
+ fontStyle: "normal",
142
+ lineHeight: 1.15,
143
+ letterSpacing: "0px"
144
+ },
145
+ letterSpacing: "0px",
146
+ fontWidth: 88
147
+ },
148
+ "heading-compact-md": {
149
+ font: {
150
+ fontFamily: "Open Sans",
151
+ fontWeight: 700,
152
+ fontSize: "16px",
153
+ fontStyle: "normal",
154
+ lineHeight: 1.15,
155
+ letterSpacing: "-0.2px"
156
+ },
157
+ letterSpacing: "-0.2px",
158
+ fontWidth: 88
159
+ },
160
+ "heading-compact-lg": {
161
+ font: {
162
+ fontFamily: "Open Sans",
163
+ fontWeight: 700,
164
+ fontSize: "18px",
165
+ fontStyle: "normal",
166
+ lineHeight: 1.15,
167
+ letterSpacing: "-0.2px"
168
+ },
169
+ letterSpacing: "-0.2px",
170
+ fontWidth: 88
171
+ },
172
+ "heading-compact-xl": {
173
+ font: {
174
+ fontFamily: "Open Sans",
175
+ fontWeight: 700,
176
+ fontSize: "20px",
177
+ fontStyle: "normal",
178
+ lineHeight: 1.15,
179
+ letterSpacing: "-0.5px"
180
+ },
181
+ letterSpacing: "-0.5px",
182
+ fontWidth: 88
183
+ },
184
+ "heading-compact-2xl": {
185
+ font: {
186
+ fontFamily: "Open Sans",
187
+ fontWeight: 700,
188
+ fontSize: "24px",
189
+ fontStyle: "normal",
190
+ lineHeight: 1.15,
191
+ letterSpacing: "-0.5px"
192
+ },
193
+ letterSpacing: "-0.5px",
194
+ fontWidth: 88
195
+ },
196
+ "body-sm": {
197
+ font: {
198
+ fontFamily: "Open Sans",
199
+ fontWeight: 460,
200
+ fontSize: "14px",
201
+ fontStyle: "normal",
202
+ lineHeight: 1.3,
203
+ letterSpacing: "0px"
204
+ },
205
+ letterSpacing: "0px",
206
+ fontWidth: 95
207
+ },
208
+ "body-md": {
209
+ font: {
210
+ fontFamily: "Open Sans",
211
+ fontWeight: 460,
212
+ fontSize: "16px",
213
+ fontStyle: "normal",
214
+ lineHeight: 1.3,
215
+ letterSpacing: "0px"
216
+ },
217
+ letterSpacing: "0px",
218
+ fontWidth: 95
219
+ },
220
+ "body-lg": {
221
+ font: {
222
+ fontFamily: "Open Sans",
223
+ fontWeight: 460,
224
+ fontSize: "18px",
225
+ fontStyle: "normal",
226
+ lineHeight: 1.3,
227
+ letterSpacing: "0px"
228
+ },
229
+ letterSpacing: "0px",
230
+ fontWidth: 95
231
+ },
232
+ "body-xl": {
233
+ font: {
234
+ fontFamily: "Open Sans",
235
+ fontWeight: 460,
236
+ fontSize: "20px",
237
+ fontStyle: "normal",
238
+ lineHeight: 1.3,
239
+ letterSpacing: "0px"
240
+ },
241
+ letterSpacing: "0px",
242
+ fontWidth: 95
243
+ },
244
+ "body-italic-sm": {
245
+ font: {
246
+ fontFamily: "Open Sans",
247
+ fontWeight: 460,
248
+ fontSize: "14px",
249
+ fontStyle: "italic",
250
+ lineHeight: 1.3,
251
+ letterSpacing: "0px"
252
+ },
253
+ letterSpacing: "0px",
254
+ fontWidth: 95
255
+ },
256
+ "body-italic-md": {
257
+ font: {
258
+ fontFamily: "Open Sans",
259
+ fontWeight: 460,
260
+ fontSize: "16px",
261
+ fontStyle: "italic",
262
+ lineHeight: 1.3,
263
+ letterSpacing: "0px"
264
+ },
265
+ letterSpacing: "0px",
266
+ fontWidth: 95
267
+ },
268
+ "body-italic-lg": {
269
+ font: {
270
+ fontFamily: "Open Sans",
271
+ fontWeight: 460,
272
+ fontSize: "18px",
273
+ fontStyle: "italic",
274
+ lineHeight: 1.3,
275
+ letterSpacing: "0px"
276
+ },
277
+ letterSpacing: "0px",
278
+ fontWidth: 95
279
+ },
280
+ "body-italic-xl": {
281
+ font: {
282
+ fontFamily: "Open Sans",
283
+ fontWeight: 460,
284
+ fontSize: "20px",
285
+ fontStyle: "italic",
286
+ lineHeight: 1.3,
287
+ letterSpacing: "0px"
288
+ },
289
+ letterSpacing: "0px",
290
+ fontWidth: 95
291
+ },
292
+ "body-compact-sm": {
293
+ font: {
294
+ fontFamily: "Open Sans",
295
+ fontWeight: 460,
296
+ fontSize: "14px",
297
+ fontStyle: "normal",
298
+ lineHeight: 1.3,
299
+ letterSpacing: "0px"
300
+ },
301
+ letterSpacing: "0px",
302
+ fontWidth: 88
303
+ },
304
+ "body-compact-md": {
305
+ font: {
306
+ fontFamily: "Open Sans",
307
+ fontWeight: 460,
308
+ fontSize: "16px",
309
+ fontStyle: "normal",
310
+ lineHeight: 1.3,
311
+ letterSpacing: "0px"
312
+ },
313
+ letterSpacing: "0px",
314
+ fontWidth: 88
315
+ },
316
+ "body-compact-lg": {
317
+ font: {
318
+ fontFamily: "Open Sans",
319
+ fontWeight: 460,
320
+ fontSize: "18px",
321
+ fontStyle: "normal",
322
+ lineHeight: 1.3,
323
+ letterSpacing: "0px"
324
+ },
325
+ letterSpacing: "0px",
326
+ fontWidth: 88
327
+ },
328
+ "body-compact-xl": {
329
+ font: {
330
+ fontFamily: "Open Sans",
331
+ fontWeight: 460,
332
+ fontSize: "20px",
333
+ fontStyle: "normal",
334
+ lineHeight: 1.3,
335
+ letterSpacing: "0px"
336
+ },
337
+ letterSpacing: "0px",
338
+ fontWidth: 88
339
+ },
340
+ "body-compact-italic-sm": {
341
+ font: {
342
+ fontFamily: "Open Sans",
343
+ fontWeight: 460,
344
+ fontSize: "14px",
345
+ fontStyle: "italic",
346
+ lineHeight: 1.3,
347
+ letterSpacing: "0px"
348
+ },
349
+ letterSpacing: "0px",
350
+ fontWidth: 88
351
+ },
352
+ "body-compact-italic-md": {
353
+ font: {
354
+ fontFamily: "Open Sans",
355
+ fontWeight: 460,
356
+ fontSize: "16px",
357
+ fontStyle: "italic",
358
+ lineHeight: 1.3,
359
+ letterSpacing: "0px"
360
+ },
361
+ letterSpacing: "0px",
362
+ fontWidth: 88
363
+ },
364
+ "body-compact-italic-lg": {
365
+ font: {
366
+ fontFamily: "Open Sans",
367
+ fontWeight: 460,
368
+ fontSize: "18px",
369
+ fontStyle: "italic",
370
+ lineHeight: 1.3,
371
+ letterSpacing: "0px"
372
+ },
373
+ letterSpacing: "0px",
374
+ fontWidth: 88
375
+ },
376
+ "body-compact-italic-xl": {
377
+ font: {
378
+ fontFamily: "Open Sans",
379
+ fontWeight: 460,
380
+ fontSize: "20px",
381
+ fontStyle: "italic",
382
+ lineHeight: 1.3,
383
+ letterSpacing: "0px"
384
+ },
385
+ letterSpacing: "0px",
386
+ fontWidth: 88
387
+ },
388
+ "meta-md": {
389
+ font: {
390
+ fontFamily: "Open Sans",
391
+ fontWeight: 460,
392
+ fontSize: "12px",
393
+ fontStyle: "normal",
394
+ lineHeight: 1.3,
395
+ letterSpacing: "0px"
396
+ },
397
+ letterSpacing: "0px",
398
+ fontWidth: 95
399
+ },
400
+ "meta-compact-md": {
401
+ font: {
402
+ fontFamily: "Open Sans",
403
+ fontWeight: 460,
404
+ fontSize: "12px",
405
+ fontStyle: "normal",
406
+ lineHeight: 1.3,
407
+ letterSpacing: "0px"
408
+ },
409
+ letterSpacing: "0px",
410
+ fontWidth: 88
411
+ },
412
+ "article-body-md": {
413
+ font: {
414
+ fontFamily: "GuardianTextEgyptian",
415
+ fontWeight: 400,
416
+ fontSize: "16px",
417
+ fontStyle: "normal",
418
+ lineHeight: 1.4,
419
+ letterSpacing: "0px"
420
+ },
421
+ letterSpacing: "0px",
422
+ fontWidth: 100
423
+ },
424
+ "article-body-bold-md": {
425
+ font: {
426
+ fontFamily: "GuardianTextEgyptian",
427
+ fontWeight: 700,
428
+ fontSize: "16px",
429
+ fontStyle: "normal",
430
+ lineHeight: 1.4,
431
+ letterSpacing: "0px"
432
+ },
433
+ letterSpacing: "0px",
434
+ fontWidth: 100
435
+ },
436
+ "article-body-italic-md": {
437
+ font: {
438
+ fontFamily: "GuardianTextEgyptian",
439
+ fontWeight: 400,
440
+ fontSize: "16px",
441
+ fontStyle: "italic",
442
+ lineHeight: 1.4,
443
+ letterSpacing: "0px"
444
+ },
445
+ letterSpacing: "0px",
446
+ fontWidth: 100
447
+ },
448
+ "article-body-bold-italic-md": {
449
+ font: {
450
+ fontFamily: "GuardianTextEgyptian",
451
+ fontWeight: 700,
452
+ fontSize: "16px",
453
+ fontStyle: "italic",
454
+ lineHeight: 1.4,
455
+ letterSpacing: "0px"
456
+ },
457
+ letterSpacing: "0px",
458
+ fontWidth: 100
459
+ }
460
+ };
461
+
462
+ exports.semanticTypography = semanticTypography;