@aitrien/motifspec 1.13.0 → 1.13.3

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/CHANGELOG.md +275 -257
  2. package/LICENSE +21 -21
  3. package/README.md +128 -150
  4. package/dist/backdrop.html +1 -1
  5. package/dist/chroma.css +36 -36
  6. package/dist/codex.css +1145 -1145
  7. package/dist/codex.js +126 -126
  8. package/dist/contrast.md +101 -101
  9. package/dist/fonts.css +3 -3
  10. package/dist/icons.svg +18 -18
  11. package/dist/plate.html +1 -1
  12. package/dist/plate.js +292 -292
  13. package/dist/theme-init.js +1 -1
  14. package/dist/tokens.css +466 -466
  15. package/dist/tokens.js +3330 -3330
  16. package/dist/tokens.json +3330 -3330
  17. package/docs/components/_template.md +37 -37
  18. package/docs/components/accession-label.md +106 -106
  19. package/docs/components/backdrop.md +83 -83
  20. package/docs/components/button-and-link.md +87 -87
  21. package/docs/components/callout.md +75 -75
  22. package/docs/components/code-block.md +109 -109
  23. package/docs/components/data-table.md +73 -73
  24. package/docs/components/figure.md +68 -68
  25. package/docs/components/heading-anchor.md +76 -76
  26. package/docs/components/icon.md +63 -63
  27. package/docs/components/ornament.md +77 -77
  28. package/docs/components/pagination.md +78 -78
  29. package/docs/components/post-list-item.md +91 -91
  30. package/docs/components/project-card.md +82 -82
  31. package/docs/components/prose.md +122 -122
  32. package/docs/components/site-footer.md +99 -99
  33. package/docs/components/site-header.md +133 -133
  34. package/docs/components/specimen-plate.md +92 -92
  35. package/docs/components/table-of-contents.md +83 -83
  36. package/docs/components/tag.md +70 -70
  37. package/docs/components/tooltip.md +67 -67
  38. package/docs/hugo.md +132 -120
  39. package/docs/syntax-highlighting.md +55 -55
  40. package/docs/templates.md +21 -30
  41. package/fonts/OFL-jetbrains-mono.txt +93 -93
  42. package/fonts/OFL-national-park.txt +93 -93
  43. package/fonts/OFL-yarndings-12.txt +93 -93
  44. package/icons/LICENSE +202 -202
  45. package/icons/manifest.json +75 -75
  46. package/layouts/_markup/render-blockquote.html +30 -30
  47. package/layouts/_markup/render-codeblock.html +18 -18
  48. package/layouts/_markup/render-heading.html +2 -2
  49. package/layouts/_markup/render-image.html +14 -14
  50. package/layouts/_markup/render-link.html +14 -14
  51. package/layouts/_markup/render-table.html +31 -31
  52. package/layouts/_partials/motifspec/accession/id.html +2 -2
  53. package/layouts/_partials/motifspec/accession/label.html +18 -18
  54. package/layouts/_partials/motifspec/accession/status.html +2 -2
  55. package/layouts/_partials/motifspec/article.html +24 -24
  56. package/layouts/_partials/motifspec/back-link.html +2 -2
  57. package/layouts/_partials/motifspec/body-end.html +5 -5
  58. package/layouts/_partials/motifspec/body-start.html +5 -5
  59. package/layouts/_partials/motifspec/figure.html +14 -14
  60. package/layouts/_partials/motifspec/filed-under.html +5 -5
  61. package/layouts/_partials/motifspec/h2s.html +7 -7
  62. package/layouts/_partials/motifspec/head.html +15 -15
  63. package/layouts/_partials/motifspec/pagination-entries.html +34 -34
  64. package/layouts/_partials/motifspec/pagination-pages.html +30 -30
  65. package/layouts/_partials/motifspec/post-list-item.html +15 -15
  66. package/layouts/_partials/motifspec/project-card.html +23 -23
  67. package/layouts/_partials/motifspec/section-heading.html +3 -3
  68. package/layouts/_partials/motifspec/site-header.html +27 -27
  69. package/layouts/_partials/motifspec/table-of-contents.html +21 -21
  70. package/layouts/_partials/motifspec/tag-filter.html +22 -22
  71. package/layouts/_partials/motifspec/tags.html +8 -8
  72. package/layouts/_partials/motifspec/tokens.html +9 -9
  73. package/package.json +68 -68
  74. package/scripts/check.mjs +153 -153
  75. package/scripts/lib.mjs +176 -176
  76. package/tokens/README.md +3 -3
  77. package/tokens/border.json +63 -63
  78. package/tokens/color.json +1902 -1902
  79. package/tokens/motion.json +207 -207
  80. package/tokens/radius.json +53 -53
  81. package/tokens/size.json +378 -378
  82. package/tokens/space.json +289 -289
  83. package/tokens/typography.json +859 -859
package/tokens/space.json CHANGED
@@ -1,289 +1,289 @@
1
- {
2
- "primitive": {
3
- "space": {
4
- "$type": "dimension",
5
- "$description": "4px grid: step n = n x 4px. Primitive.",
6
- "0": {
7
- "$value": {
8
- "value": 0.0,
9
- "unit": "rem"
10
- },
11
- "$extensions": {
12
- "codex.tier": "primitive"
13
- }
14
- },
15
- "1": {
16
- "$value": {
17
- "value": 0.25,
18
- "unit": "rem"
19
- },
20
- "$extensions": {
21
- "codex.tier": "primitive"
22
- }
23
- },
24
- "2": {
25
- "$value": {
26
- "value": 0.5,
27
- "unit": "rem"
28
- },
29
- "$extensions": {
30
- "codex.tier": "primitive"
31
- }
32
- },
33
- "3": {
34
- "$value": {
35
- "value": 0.75,
36
- "unit": "rem"
37
- },
38
- "$extensions": {
39
- "codex.tier": "primitive"
40
- }
41
- },
42
- "4": {
43
- "$value": {
44
- "value": 1.0,
45
- "unit": "rem"
46
- },
47
- "$extensions": {
48
- "codex.tier": "primitive"
49
- }
50
- },
51
- "5": {
52
- "$value": {
53
- "value": 1.25,
54
- "unit": "rem"
55
- },
56
- "$extensions": {
57
- "codex.tier": "primitive"
58
- }
59
- },
60
- "6": {
61
- "$value": {
62
- "value": 1.5,
63
- "unit": "rem"
64
- },
65
- "$extensions": {
66
- "codex.tier": "primitive"
67
- }
68
- },
69
- "8": {
70
- "$value": {
71
- "value": 2.0,
72
- "unit": "rem"
73
- },
74
- "$extensions": {
75
- "codex.tier": "primitive"
76
- }
77
- },
78
- "10": {
79
- "$value": {
80
- "value": 2.5,
81
- "unit": "rem"
82
- },
83
- "$extensions": {
84
- "codex.tier": "primitive"
85
- }
86
- },
87
- "12": {
88
- "$value": {
89
- "value": 3.0,
90
- "unit": "rem"
91
- },
92
- "$extensions": {
93
- "codex.tier": "primitive"
94
- }
95
- },
96
- "16": {
97
- "$value": {
98
- "value": 4.0,
99
- "unit": "rem"
100
- },
101
- "$extensions": {
102
- "codex.tier": "primitive"
103
- }
104
- },
105
- "20": {
106
- "$value": {
107
- "value": 5.0,
108
- "unit": "rem"
109
- },
110
- "$extensions": {
111
- "codex.tier": "primitive"
112
- }
113
- },
114
- "24": {
115
- "$value": {
116
- "value": 6.0,
117
- "unit": "rem"
118
- },
119
- "$extensions": {
120
- "codex.tier": "primitive"
121
- }
122
- }
123
- }
124
- },
125
- "space": {
126
- "$type": "dimension",
127
- "inset": {
128
- "xs": {
129
- "$value": "{primitive.space.1}",
130
- "$description": "Padding inside tags and keyboard keys."
131
- },
132
- "sm": {
133
- "$value": "{primitive.space.2}",
134
- "$description": "Padding inside compact controls, label fields and table cells."
135
- },
136
- "md": {
137
- "$value": "{primitive.space.4}",
138
- "$description": "Padding inside cards, callouts and code-block headers."
139
- },
140
- "lg": {
141
- "$value": "{primitive.space.6}",
142
- "$description": "Padding inside featured panels and code blocks."
143
- },
144
- "xl": {
145
- "$value": "{primitive.space.8}",
146
- "$description": "Padding inside page-level bands such as the footer."
147
- }
148
- },
149
- "stack": {
150
- "xs": {
151
- "$value": "{primitive.space.1}",
152
- "$description": "Vertical gap between a label and its value."
153
- },
154
- "sm": {
155
- "$value": "{primitive.space.2}",
156
- "$description": "Vertical gap between tightly related lines: title and meta."
157
- },
158
- "md": {
159
- "$value": "{primitive.space.4}",
160
- "$description": "Vertical gap between paragraphs and list items in prose."
161
- },
162
- "lg": {
163
- "$value": "{primitive.space.6}",
164
- "$description": "Vertical gap between components inside a section."
165
- },
166
- "xl": {
167
- "$value": "{primitive.space.10}",
168
- "$description": "Vertical gap before an h2 in prose."
169
- }
170
- },
171
- "inline": {
172
- "xs": {
173
- "$value": "{primitive.space.1}",
174
- "$description": "Horizontal gap between an icon and its text."
175
- },
176
- "sm": {
177
- "$value": "{primitive.space.2}",
178
- "$description": "Horizontal gap between tags or between meta items."
179
- },
180
- "md": {
181
- "$value": "{primitive.space.3}",
182
- "$description": "Horizontal gap between buttons and nav items."
183
- },
184
- "lg": {
185
- "$value": "{primitive.space.4}",
186
- "$description": "Horizontal gap between columns of a ledger row."
187
- }
188
- },
189
- "section": {
190
- "sm": {
191
- "$value": "{primitive.space.12}",
192
- "$description": "Gap between related page sections.",
193
- "$extensions": {
194
- "codex.fluid": {
195
- "min": "{primitive.space.8}",
196
- "viewport": {
197
- "min": {
198
- "value": 22.5,
199
- "unit": "rem"
200
- },
201
- "max": {
202
- "value": 90,
203
- "unit": "rem"
204
- }
205
- }
206
- }
207
- }
208
- },
209
- "md": {
210
- "$value": "{primitive.space.16}",
211
- "$description": "Gap between top-level page sections.",
212
- "$extensions": {
213
- "codex.fluid": {
214
- "min": "{primitive.space.12}",
215
- "viewport": {
216
- "min": {
217
- "value": 22.5,
218
- "unit": "rem"
219
- },
220
- "max": {
221
- "value": 90,
222
- "unit": "rem"
223
- }
224
- }
225
- }
226
- }
227
- },
228
- "lg": {
229
- "$value": "{primitive.space.24}",
230
- "$description": "Gap above the footer and around the home statement.",
231
- "$extensions": {
232
- "codex.fluid": {
233
- "min": "{primitive.space.16}",
234
- "viewport": {
235
- "min": {
236
- "value": 22.5,
237
- "unit": "rem"
238
- },
239
- "max": {
240
- "value": 90,
241
- "unit": "rem"
242
- }
243
- }
244
- }
245
- }
246
- }
247
- },
248
- "gutter": {
249
- "page": {
250
- "$value": "{primitive.space.10}",
251
- "$description": "Side padding of the page container. Never below 16px at any width.",
252
- "$extensions": {
253
- "codex.fluid": {
254
- "min": "{primitive.space.4}",
255
- "viewport": {
256
- "min": {
257
- "value": 22.5,
258
- "unit": "rem"
259
- },
260
- "max": {
261
- "value": 90,
262
- "unit": "rem"
263
- }
264
- }
265
- }
266
- }
267
- },
268
- "grid": {
269
- "$value": "{primitive.space.6}",
270
- "$description": "Gap between cards in a grid.",
271
- "$extensions": {
272
- "codex.fluid": {
273
- "min": "{primitive.space.4}",
274
- "viewport": {
275
- "min": {
276
- "value": 22.5,
277
- "unit": "rem"
278
- },
279
- "max": {
280
- "value": 90,
281
- "unit": "rem"
282
- }
283
- }
284
- }
285
- }
286
- }
287
- }
288
- }
289
- }
1
+ {
2
+ "primitive": {
3
+ "space": {
4
+ "$type": "dimension",
5
+ "$description": "4px grid: step n = n x 4px. Primitive.",
6
+ "0": {
7
+ "$value": {
8
+ "value": 0.0,
9
+ "unit": "rem"
10
+ },
11
+ "$extensions": {
12
+ "codex.tier": "primitive"
13
+ }
14
+ },
15
+ "1": {
16
+ "$value": {
17
+ "value": 0.25,
18
+ "unit": "rem"
19
+ },
20
+ "$extensions": {
21
+ "codex.tier": "primitive"
22
+ }
23
+ },
24
+ "2": {
25
+ "$value": {
26
+ "value": 0.5,
27
+ "unit": "rem"
28
+ },
29
+ "$extensions": {
30
+ "codex.tier": "primitive"
31
+ }
32
+ },
33
+ "3": {
34
+ "$value": {
35
+ "value": 0.75,
36
+ "unit": "rem"
37
+ },
38
+ "$extensions": {
39
+ "codex.tier": "primitive"
40
+ }
41
+ },
42
+ "4": {
43
+ "$value": {
44
+ "value": 1.0,
45
+ "unit": "rem"
46
+ },
47
+ "$extensions": {
48
+ "codex.tier": "primitive"
49
+ }
50
+ },
51
+ "5": {
52
+ "$value": {
53
+ "value": 1.25,
54
+ "unit": "rem"
55
+ },
56
+ "$extensions": {
57
+ "codex.tier": "primitive"
58
+ }
59
+ },
60
+ "6": {
61
+ "$value": {
62
+ "value": 1.5,
63
+ "unit": "rem"
64
+ },
65
+ "$extensions": {
66
+ "codex.tier": "primitive"
67
+ }
68
+ },
69
+ "8": {
70
+ "$value": {
71
+ "value": 2.0,
72
+ "unit": "rem"
73
+ },
74
+ "$extensions": {
75
+ "codex.tier": "primitive"
76
+ }
77
+ },
78
+ "10": {
79
+ "$value": {
80
+ "value": 2.5,
81
+ "unit": "rem"
82
+ },
83
+ "$extensions": {
84
+ "codex.tier": "primitive"
85
+ }
86
+ },
87
+ "12": {
88
+ "$value": {
89
+ "value": 3.0,
90
+ "unit": "rem"
91
+ },
92
+ "$extensions": {
93
+ "codex.tier": "primitive"
94
+ }
95
+ },
96
+ "16": {
97
+ "$value": {
98
+ "value": 4.0,
99
+ "unit": "rem"
100
+ },
101
+ "$extensions": {
102
+ "codex.tier": "primitive"
103
+ }
104
+ },
105
+ "20": {
106
+ "$value": {
107
+ "value": 5.0,
108
+ "unit": "rem"
109
+ },
110
+ "$extensions": {
111
+ "codex.tier": "primitive"
112
+ }
113
+ },
114
+ "24": {
115
+ "$value": {
116
+ "value": 6.0,
117
+ "unit": "rem"
118
+ },
119
+ "$extensions": {
120
+ "codex.tier": "primitive"
121
+ }
122
+ }
123
+ }
124
+ },
125
+ "space": {
126
+ "$type": "dimension",
127
+ "inset": {
128
+ "xs": {
129
+ "$value": "{primitive.space.1}",
130
+ "$description": "Padding inside tags and keyboard keys."
131
+ },
132
+ "sm": {
133
+ "$value": "{primitive.space.2}",
134
+ "$description": "Padding inside compact controls, label fields and table cells."
135
+ },
136
+ "md": {
137
+ "$value": "{primitive.space.4}",
138
+ "$description": "Padding inside cards, callouts and code-block headers."
139
+ },
140
+ "lg": {
141
+ "$value": "{primitive.space.6}",
142
+ "$description": "Padding inside featured panels and code blocks."
143
+ },
144
+ "xl": {
145
+ "$value": "{primitive.space.8}",
146
+ "$description": "Padding inside page-level bands such as the footer."
147
+ }
148
+ },
149
+ "stack": {
150
+ "xs": {
151
+ "$value": "{primitive.space.1}",
152
+ "$description": "Vertical gap between a label and its value."
153
+ },
154
+ "sm": {
155
+ "$value": "{primitive.space.2}",
156
+ "$description": "Vertical gap between tightly related lines: title and meta."
157
+ },
158
+ "md": {
159
+ "$value": "{primitive.space.4}",
160
+ "$description": "Vertical gap between paragraphs and list items in prose."
161
+ },
162
+ "lg": {
163
+ "$value": "{primitive.space.6}",
164
+ "$description": "Vertical gap between components inside a section."
165
+ },
166
+ "xl": {
167
+ "$value": "{primitive.space.10}",
168
+ "$description": "Vertical gap before an h2 in prose."
169
+ }
170
+ },
171
+ "inline": {
172
+ "xs": {
173
+ "$value": "{primitive.space.1}",
174
+ "$description": "Horizontal gap between an icon and its text."
175
+ },
176
+ "sm": {
177
+ "$value": "{primitive.space.2}",
178
+ "$description": "Horizontal gap between tags or between meta items."
179
+ },
180
+ "md": {
181
+ "$value": "{primitive.space.3}",
182
+ "$description": "Horizontal gap between buttons and nav items."
183
+ },
184
+ "lg": {
185
+ "$value": "{primitive.space.4}",
186
+ "$description": "Horizontal gap between columns of a ledger row."
187
+ }
188
+ },
189
+ "section": {
190
+ "sm": {
191
+ "$value": "{primitive.space.12}",
192
+ "$description": "Gap between related page sections.",
193
+ "$extensions": {
194
+ "codex.fluid": {
195
+ "min": "{primitive.space.8}",
196
+ "viewport": {
197
+ "min": {
198
+ "value": 22.5,
199
+ "unit": "rem"
200
+ },
201
+ "max": {
202
+ "value": 90,
203
+ "unit": "rem"
204
+ }
205
+ }
206
+ }
207
+ }
208
+ },
209
+ "md": {
210
+ "$value": "{primitive.space.16}",
211
+ "$description": "Gap between top-level page sections.",
212
+ "$extensions": {
213
+ "codex.fluid": {
214
+ "min": "{primitive.space.12}",
215
+ "viewport": {
216
+ "min": {
217
+ "value": 22.5,
218
+ "unit": "rem"
219
+ },
220
+ "max": {
221
+ "value": 90,
222
+ "unit": "rem"
223
+ }
224
+ }
225
+ }
226
+ }
227
+ },
228
+ "lg": {
229
+ "$value": "{primitive.space.24}",
230
+ "$description": "Gap above the footer and around the home statement.",
231
+ "$extensions": {
232
+ "codex.fluid": {
233
+ "min": "{primitive.space.16}",
234
+ "viewport": {
235
+ "min": {
236
+ "value": 22.5,
237
+ "unit": "rem"
238
+ },
239
+ "max": {
240
+ "value": 90,
241
+ "unit": "rem"
242
+ }
243
+ }
244
+ }
245
+ }
246
+ }
247
+ },
248
+ "gutter": {
249
+ "page": {
250
+ "$value": "{primitive.space.10}",
251
+ "$description": "Side padding of the page container. Never below 16px at any width.",
252
+ "$extensions": {
253
+ "codex.fluid": {
254
+ "min": "{primitive.space.4}",
255
+ "viewport": {
256
+ "min": {
257
+ "value": 22.5,
258
+ "unit": "rem"
259
+ },
260
+ "max": {
261
+ "value": 90,
262
+ "unit": "rem"
263
+ }
264
+ }
265
+ }
266
+ }
267
+ },
268
+ "grid": {
269
+ "$value": "{primitive.space.6}",
270
+ "$description": "Gap between cards in a grid.",
271
+ "$extensions": {
272
+ "codex.fluid": {
273
+ "min": "{primitive.space.4}",
274
+ "viewport": {
275
+ "min": {
276
+ "value": 22.5,
277
+ "unit": "rem"
278
+ },
279
+ "max": {
280
+ "value": 90,
281
+ "unit": "rem"
282
+ }
283
+ }
284
+ }
285
+ }
286
+ }
287
+ }
288
+ }
289
+ }