@byline/ui 3.13.0 → 3.13.2

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 (5) hide show
  1. package/dist/components/notifications/alert_module.css +1 -1
  2. package/dist/styles/typography.css +15 -12
  3. package/package.json +2 -2
  4. package/src/components/notifications/alert.module.css +1 -1
  5. package/src/styles/typography/prose.css +15 -12
package/dist/components/notifications/alert_module.css CHANGED
@@ -65,7 +65,7 @@
65
65
  :is(.title-M6aCqW, .infonomic-alert-title) {
66
66
  padding-top: 1px;
67
67
  font-size: 1.2rem;
68
- font-weight: bold;
68
+ font-weight: normal;
69
69
  line-height: 1;
70
70
  display: flex;
71
71
  }
package/dist/styles/typography.css CHANGED
@@ -33,7 +33,7 @@
33
33
  --prose-lead: #4b5563;
34
34
  --prose-links: var(--accent-950);
35
35
  --prose-counters: #6b7280;
36
- --prose-bullets: #d1d5db;
36
+ --prose-bullets: var(--primary-600);
37
37
  --prose-hr: #e5e7eb;
38
38
  --prose-quotes: var(--accent-700);
39
39
  --prose-quote-borders: var(--accent-700);
@@ -50,7 +50,7 @@
50
50
  --prose-invert-lead: #9ca3af;
51
51
  --prose-invert-links: var(--accent-500);
52
52
  --prose-invert-counters: #9ca3af;
53
- --prose-invert-bullets: #4b5563;
53
+ --prose-invert-bullets: var(--primary-200);
54
54
  --prose-invert-hr: #374151;
55
55
  --prose-invert-quotes: var(--accent-400);
56
56
  --prose-invert-quote-borders: var(--accent-400);
@@ -92,7 +92,7 @@
92
92
  --prose-lead: #4b5563;
93
93
  --prose-links: var(--accent-950);
94
94
  --prose-counters: #6b7280;
95
- --prose-bullets: #d1d5db;
95
+ --prose-bullets: var(--primary-600);
96
96
  --prose-hr: #e5e7eb;
97
97
  --prose-quotes: var(--accent-700);
98
98
  --prose-quote-borders: var(--accent-700);
@@ -142,7 +142,7 @@
142
142
  margin-top: 0;
143
143
  margin-bottom: 1rem;
144
144
  font-size: 2.5rem;
145
- font-weight: 600;
145
+ font-weight: 500;
146
146
  line-height: 1.125;
147
147
  }
148
148
 
@@ -150,7 +150,7 @@
150
150
  margin-top: 1.5rem;
151
151
  margin-bottom: .75rem;
152
152
  font-size: 2rem;
153
- font-weight: 600;
153
+ font-weight: 500;
154
154
  line-height: 1.2;
155
155
  }
156
156
 
@@ -158,7 +158,7 @@
158
158
  margin-top: 1.25rem;
159
159
  margin-bottom: .75rem;
160
160
  font-size: 1.75rem;
161
- font-weight: 600;
161
+ font-weight: 400;
162
162
  line-height: 1.1;
163
163
  }
164
164
 
@@ -166,7 +166,7 @@
166
166
  margin-top: 1.25rem;
167
167
  margin-bottom: .65rem;
168
168
  font-size: 1.55rem;
169
- font-weight: 600;
169
+ font-weight: 400;
170
170
  line-height: 1.1;
171
171
  }
172
172
 
@@ -199,7 +199,7 @@
199
199
 
200
200
  .prose :where(a):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
201
201
  color: var(--prose-links);
202
- font-weight: 500;
202
+ font-weight: 400;
203
203
  text-decoration: underline;
204
204
  }
205
205
 
@@ -262,9 +262,13 @@
262
262
  list-style-type: disc;
263
263
  }
264
264
 
265
+ .prose :where(li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
266
+ margin-top: .5em;
267
+ margin-bottom: .5em;
268
+ }
269
+
265
270
  .prose :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *))::marker {
266
271
  color: var(--prose-counters);
267
- font-weight: 400;
268
272
  }
269
273
 
270
274
  .prose :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *))::marker {
@@ -274,7 +278,6 @@
274
278
  .prose :where(dt):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
275
279
  color: var(--prose-headings);
276
280
  margin-top: 1.25em;
277
- font-weight: 500;
278
281
  }
279
282
 
280
283
  .prose :where(hr):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
@@ -295,7 +298,7 @@
295
298
  padding-inline-start: 1rem;
296
299
  font-size: 1.2em;
297
300
  font-style: normal;
298
- font-weight: 600;
301
+ font-weight: 500;
299
302
  line-height: 1.3;
300
303
  }
301
304
 
@@ -341,7 +344,7 @@
341
344
  padding-inline-start: .375em;
342
345
  font-family: inherit;
343
346
  font-size: .875em;
344
- font-weight: 500;
347
+ font-weight: 400;
345
348
  }
346
349
 
347
350
  .prose :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
package/package.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "private": false,
4
4
  "type": "module",
5
5
  "license": "MPL-2.0",
6
- "version": "3.13.0",
6
+ "version": "3.13.2",
7
7
  "engines": {
8
8
  "node": ">=20.9.0"
9
9
  },
@@ -62,7 +62,7 @@
62
62
  "npm-run-all": "^4.1.5",
63
63
  "react-day-picker": "^10.0.1",
64
64
  "zod": "^4.4.3",
65
- "@byline/core": "3.13.0"
65
+ "@byline/core": "3.13.2"
66
66
  },
67
67
  "peerDependencies": {
68
68
  "react": "^19.0.0",
package/src/components/notifications/alert.module.css CHANGED
@@ -84,7 +84,7 @@
84
84
  .title,
85
85
  :global(.infonomic-alert-title) {
86
86
  display: flex;
87
- font-weight: bold;
87
+ font-weight: normal;
88
88
  font-size: 1.2rem;
89
89
  line-height: 1;
90
90
  padding-top: 1px;
package/src/styles/typography/prose.css CHANGED
@@ -23,7 +23,7 @@
23
23
  --prose-lead: #4b5563;
24
24
  --prose-links: var(--accent-950);
25
25
  --prose-counters: #6b7280;
26
- --prose-bullets: #d1d5db;
26
+ --prose-bullets: var(--primary-600);
27
27
  --prose-hr: #e5e7eb;
28
28
  --prose-quotes: var(--accent-700);
29
29
  --prose-quote-borders: var(--accent-700);
@@ -40,7 +40,7 @@
40
40
  --prose-invert-lead: #9ca3af;
41
41
  --prose-invert-links: var(--accent-500);
42
42
  --prose-invert-counters: #9ca3af;
43
- --prose-invert-bullets: #4b5563;
43
+ --prose-invert-bullets: var(--primary-200);
44
44
  --prose-invert-hr: #374151;
45
45
  --prose-invert-quotes: var(--accent-400);
46
46
  --prose-invert-quote-borders: var(--accent-400);
@@ -86,7 +86,7 @@
86
86
  --prose-lead: #4b5563;
87
87
  --prose-links: var(--accent-950);
88
88
  --prose-counters: #6b7280;
89
- --prose-bullets: #d1d5db;
89
+ --prose-bullets: var(--primary-600);
90
90
  --prose-hr: #e5e7eb;
91
91
  --prose-quotes: var(--accent-700);
92
92
  --prose-quote-borders: var(--accent-700);
@@ -154,7 +154,7 @@
154
154
 
155
155
  .prose :where(h1):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
156
156
  font-size: 2.5rem;
157
- font-weight: 600;
157
+ font-weight: 500;
158
158
  line-height: 1.125;
159
159
  margin-top: 0;
160
160
  margin-bottom: 1rem;
@@ -162,7 +162,7 @@
162
162
 
163
163
  .prose :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
164
164
  font-size: 2rem;
165
- font-weight: 600;
165
+ font-weight: 500;
166
166
  line-height: 1.2;
167
167
  margin-top: 1.5rem;
168
168
  margin-bottom: 0.75rem;
@@ -170,7 +170,7 @@
170
170
 
171
171
  .prose :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
172
172
  font-size: 1.75rem;
173
- font-weight: 600;
173
+ font-weight: 400;
174
174
  line-height: 1.1;
175
175
  margin-top: 1.25rem;
176
176
  margin-bottom: 0.75rem;
@@ -178,7 +178,7 @@
178
178
 
179
179
  .prose :where(h4):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
180
180
  font-size: 1.55rem;
181
- font-weight: 600;
181
+ font-weight: 400;
182
182
  line-height: 1.1;
183
183
  margin-top: 1.25rem;
184
184
  margin-bottom: 0.65rem;
@@ -214,7 +214,7 @@
214
214
  .prose :where(a):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
215
215
  color: var(--prose-links);
216
216
  text-decoration: underline;
217
- font-weight: 500;
217
+ font-weight: 400;
218
218
  }
219
219
 
220
220
  .prose :where(strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
@@ -280,8 +280,12 @@
280
280
  padding-inline-start: 1.625em;
281
281
  }
282
282
 
283
+ .prose :where(li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
284
+ margin-top: 0.5em;
285
+ margin-bottom: 0.5em;
286
+ }
287
+
283
288
  .prose :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *))::marker {
284
- font-weight: 400;
285
289
  color: var(--prose-counters);
286
290
  }
287
291
 
@@ -291,7 +295,6 @@
291
295
 
292
296
  .prose :where(dt):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
293
297
  color: var(--prose-headings);
294
- font-weight: 500;
295
298
  margin-top: 1.25em;
296
299
  }
297
300
 
@@ -303,7 +306,7 @@
303
306
  }
304
307
 
305
308
  .prose :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
306
- font-weight: 600;
309
+ font-weight: 500;
307
310
  font-style: normal;
308
311
  color: var(--prose-quotes);
309
312
  quotes: none;
@@ -357,7 +360,7 @@
357
360
  }
358
361
 
359
362
  .prose :where(kbd):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
360
- font-weight: 500;
363
+ font-weight: 400;
361
364
  font-family: inherit;
362
365
  color: var(--prose-kbd);
363
366
  box-shadow: