@dictu/design-tokens 2.12.1 → 2.13.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 (5) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/dist/index.css +12 -0
  3. package/package.json +1 -1
  4. package/src/components/container.tokens.json +33 -1
  5. package/src/components/section.tokens.json +33 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,12 @@
1
1
  # @dictu/design-tokens
2
2
 
3
+ ## 2.13.0
4
+
5
+ ### Minor Changes
6
+
7
+ - eae83a7: Added row-gap and column-gap tokens to container and section
8
+ tokensets
9
+
3
10
  ## 2.12.1
4
11
 
5
12
  ### Patch Changes
package/dist/index.css CHANGED
@@ -198,6 +198,9 @@
198
198
  --govnl-table-cell-padding-inline-start: 0.4em;
199
199
  --govnl-table-cell-icon-size: 1em;
200
200
  --govnl-table-cell-header-border-inline-end-width: 2px;
201
+ --govnl-section-gap-small-column-gap: 0;
202
+ --govnl-section-gap-medium-column-gap: 0;
203
+ --govnl-section-gap-large-column-gap: 0;
201
204
  --govnl-searchbar-small-min-inline-size: 240px;
202
205
  --govnl-searchbar-small-max-inline-size: 480px;
203
206
  --govnl-searchbar-min-inline-size: 400px;
@@ -254,6 +257,9 @@
254
257
  --govnl-grid-template-columns-col-3: repeat(3, 1fr);
255
258
  --govnl-grid-template-columns-col-4: repeat(4, 1fr);
256
259
  --govnl-grid-template-rows-auto: auto;
260
+ --govnl-container-gap-small-column-gap: 0;
261
+ --govnl-container-gap-medium-column-gap: 0;
262
+ --govnl-container-gap-large-column-gap: 0;
257
263
  --govnl-card-default-focus-border-color: transparant;
258
264
  --govnl-card-heading-text-decoration-line: underline;
259
265
  --govnl-card-heading-hover-text-decoration-line: underline;
@@ -628,6 +634,9 @@
628
634
  --govnl-table-cell-selected-background-color: var(--govnl-brand-primary-1-50);
629
635
  --govnl-table-cell-header-border-inline-end-color: var(--govnl-line-strong-border-color);
630
636
  --govnl-table-row-border-block-end-color: var(--govnl-line-subtle-border-color);
637
+ --govnl-section-gap-small-row-gap: var(--govnl-space-sm);
638
+ --govnl-section-gap-medium-row-gap: var(--govnl-space-md);
639
+ --govnl-section-gap-large-row-gap: var(--govnl-space-lg);
631
640
  --govnl-pagination-relative-link-large-previous-padding-block-start: var(--govnl-space-2xs);
632
641
  --govnl-pagination-relative-link-large-previous-padding-block-end: var(--govnl-space-2xs);
633
642
  --govnl-pagination-relative-link-large-previous-padding-inline-end: var(--govnl-space-3xs);
@@ -751,6 +760,9 @@
751
760
  --govnl-grid-gap-column-max: var(--govnl-gap-content-max);
752
761
  --govnl-figure-caption-color: var(--govnl-document-color);
753
762
  --govnl-figure-row-gap: 0.5rem;
763
+ --govnl-container-gap-small-row-gap: var(--govnl-space-sm);
764
+ --govnl-container-gap-medium-row-gap: var(--govnl-space-md);
765
+ --govnl-container-gap-large-row-gap: var(--govnl-space-lg);
754
766
  --govnl-card-default-background-color: var(--govnl-document-background-color);
755
767
  --govnl-card-default-border-color: var(--govnl-line-subtle-border-color);
756
768
  --govnl-card-default-hover-border-color: var(--govnl-line-border-color);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dictu/design-tokens",
3
- "version": "2.12.1",
3
+ "version": "2.13.0",
4
4
  "author": "Dienst ICT Uitvoering",
5
5
  "description": "Design Tokens for DICTU Design system, based on the NL Design System architecture",
6
6
  "license": "SEE LICENSE IN LICENSE.md",
package/src/components/container.tokens.json CHANGED
@@ -8,7 +8,39 @@
8
8
  "padding-inline": {
9
9
  "$type": "dimension",
10
10
  "$value": "{govnl.dimension.size.200}"
11
+ },
12
+ "gap": {
13
+ "small": {
14
+ "column-gap": {
15
+ "$type": "dimension",
16
+ "$value": "0"
17
+ },
18
+ "row-gap": {
19
+ "$type": "dimension",
20
+ "$value": "{govnl.space.sm}"
21
+ }
22
+ },
23
+ "medium": {
24
+ "column-gap": {
25
+ "$type": "dimension",
26
+ "$value": "0"
27
+ },
28
+ "row-gap": {
29
+ "$type": "dimension",
30
+ "$value": "{govnl.space.md}"
31
+ }
32
+ },
33
+ "large": {
34
+ "column-gap": {
35
+ "$type": "dimension",
36
+ "$value": "0"
37
+ },
38
+ "row-gap": {
39
+ "$type": "dimension",
40
+ "$value": "{govnl.space.lg}"
41
+ }
42
+ }
11
43
  }
12
44
  }
13
45
  }
14
- }
46
+ }
package/src/components/section.tokens.json CHANGED
@@ -4,7 +4,39 @@
4
4
  "margin-block-end": {
5
5
  "$type": "dimension",
6
6
  "$value": "{govnl.dimension.size.1000}"
7
+ },
8
+ "gap": {
9
+ "small": {
10
+ "column-gap": {
11
+ "$type": "dimension",
12
+ "$value": "0"
13
+ },
14
+ "row-gap": {
15
+ "$type": "dimension",
16
+ "$value": "{govnl.space.sm}"
17
+ }
18
+ },
19
+ "medium": {
20
+ "column-gap": {
21
+ "$type": "dimension",
22
+ "$value": "0"
23
+ },
24
+ "row-gap": {
25
+ "$type": "dimension",
26
+ "$value": "{govnl.space.md}"
27
+ }
28
+ },
29
+ "large": {
30
+ "column-gap": {
31
+ "$type": "dimension",
32
+ "$value": "0"
33
+ },
34
+ "row-gap": {
35
+ "$type": "dimension",
36
+ "$value": "{govnl.space.lg}"
37
+ }
38
+ }
7
39
  }
8
40
  }
9
41
  }
10
- }
42
+ }