@judarn/ui 0.7.7 → 0.7.12

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 (3) hide show
  1. package/README.md +1 -1
  2. package/package.json +1 -1
  3. package/styles/colors_and_type.css +13 -0
package/README.md CHANGED
@@ -1,4 +1,4 @@
1
- # @judarn/ui
1
+ # `@judarn/ui`
2
2
 
3
3
  React components and CSS tokens for the Judarn design system, with colors in OKLCh and a fixed 8 px spacing grid.
4
4
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@judarn/ui",
3
- "version": "0.7.7",
3
+ "version": "0.7.12",
4
4
  "description": "Judarn design foundation tokens and React components for the web",
5
5
  "author": "Ruben Luthman",
6
6
  "license": "MIT",
package/styles/colors_and_type.css CHANGED
@@ -332,6 +332,19 @@
332
332
  letter-spacing: var(--jd-track-body);
333
333
  font-feature-settings: normal;
334
334
  }
335
+ /* Flow: space between the direct children of a container, from the space tokens. A heading belongs to the text below it. Never combine with gap. */
336
+ .flow {
337
+ display: flow-root;
338
+ }
339
+ .flow > * + * {
340
+ margin-block-start: var(--jd-space-2);
341
+ }
342
+ .flow > * + :is(h1, h2, h3, h4, h5, h6, .t-display, .t-h1, .t-h2, .t-h3, .t-h4) {
343
+ margin-block-start: var(--jd-space-4);
344
+ }
345
+ .flow > :is(h1, h2, h3, h4, h5, h6, .t-display, .t-h1, .t-h2, .t-h3, .t-h4) + * {
346
+ margin-block-start: var(--jd-space-1);
347
+ }
335
348
  .t-editorial-nums {
336
349
  font-variant-numeric: oldstyle-nums proportional-nums;
337
350
  font-feature-settings: "onum" 1, "pnum" 1;