@dictu/design-tokens 1.0.0 → 1.0.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 (29) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/card.css +48 -0
  3. package/dist/grid.css +15 -0
  4. package/dist/heading.css +1 -0
  5. package/dist/paragraph.css +1 -0
  6. package/package.json +1 -1
  7. package/src/$metadata.json +3 -1
  8. package/src/$themes.json +4 -2
  9. package/src/common/common.tokens.json +175 -175
  10. package/src/components/accordion.tokens.json +79 -79
  11. package/src/components/breadcrumb.tokens.json +41 -41
  12. package/src/components/button.tokens.json +157 -157
  13. package/src/components/card.tokens.json +220 -0
  14. package/src/components/container.tokens.json +5 -5
  15. package/src/components/figure.tokens.json +9 -9
  16. package/src/components/grid.tokens.json +54 -0
  17. package/src/components/heading.tokens.json +69 -61
  18. package/src/components/hero.tokens.json +37 -37
  19. package/src/components/icon.tokens.json +5 -5
  20. package/src/components/link-list.tokens.json +15 -15
  21. package/src/components/link.tokens.json +37 -37
  22. package/src/components/logo.tokens.json +29 -29
  23. package/src/components/navigation-bar.tokens.json +67 -67
  24. package/src/components/page-footer.tokens.json +21 -21
  25. package/src/components/page-header.tokens.json +9 -9
  26. package/src/components/paragraph.tokens.json +25 -17
  27. package/src/components/section.tokens.json +7 -7
  28. package/src/components/skip-link.tokens.json +21 -21
  29. package/src/core/core.tokens.json +354 -354
package/CHANGELOG.md CHANGED
@@ -1,5 +1,17 @@
1
1
  # @dictu/design-tokens
2
2
 
3
+ ## 1.0.2
4
+
5
+ ### Patch Changes
6
+
7
+ - ec6a5b3: add max-inline-size to paragraph and heading
8
+
9
+ ## 1.0.1
10
+
11
+ ### Patch Changes
12
+
13
+ - 4d84556: Update packages
14
+
3
15
  ## 1.0.0
4
16
 
5
17
  ### Patch Changes
package/dist/card.css ADDED
@@ -0,0 +1,48 @@
1
+ /**
2
+ * Do not edit directly, this file was auto-generated.
3
+ */
4
+
5
+ .dictu-card {
6
+ --govnl-card-default-focus-border-color: transparant;
7
+ --govnl-card-default-main-padding-block-end: 0px;
8
+ --govnl-card-default-footer-padding-block-start: 0px;
9
+ --govnl-card-heading-text-decoration-line: underline;
10
+ --govnl-card-heading-hover-text-decoration-line: underline;
11
+ --govnl-card-heading-hover-text-decoration-thickness: max(3px, .1875rem, .12em);
12
+ --govnl-card-heading-text-decoration-thickness: max(1px, .0625rem);
13
+ --govnl-card-heading-text-underline-offset: 0.1578em;
14
+ --govnl-card-heading-active-text-decoration-thickness: max(3px, .1875rem, .12em);
15
+ --govnl-card-heading-active-text-decoration-line: underline;
16
+ --govnl-card-heading-focus-visible-text-decoration-line: underline;
17
+ --govnl-card-heading-focus-visible-text-decoration-thickness: max(3px, .1875rem, .12em);
18
+ --govnl-card-accent-border-color: transparant;
19
+ --govnl-card-accent-hover-border-color: transparant;
20
+ --govnl-card-accent-active-border-color: transparant;
21
+ --govnl-card-accent-focus-border-color: transparant;
22
+ --govnl-card-default-hover-background-color: var(--govnl-color-grijs-100);
23
+ --govnl-card-default-active-background-color: var(--govnl-color-grijs-200);
24
+ --govnl-card-default-border-radius: var(--govnl-border-border-radius-sm);
25
+ --govnl-card-default-border-width: var(--govnl-border-border-width-sm);
26
+ --govnl-card-default-background-color: var(--govnl-document-background-color);
27
+ --govnl-card-default-border-color: var(--govnl-line-subtle-border-color);
28
+ --govnl-card-default-hover-border-color: var(--govnl-line-border-color);
29
+ --govnl-card-default-active-border-color: var(--govnl-line-strong-border-color);
30
+ --govnl-card-default-focus-background-color: var(--govnl-focus-background-color);
31
+ --govnl-card-default-focus-color: var(--govnl-focus-color);
32
+ --govnl-card-default-main-padding-block-start: var(--govnl-space-sm);
33
+ --govnl-card-default-main-padding-inline-end: var(--govnl-space-sm);
34
+ --govnl-card-default-main-padding-inline-start: var(--govnl-space-sm);
35
+ --govnl-card-default-main-row-gap: var(--govnl-space-xs);
36
+ --govnl-card-default-footer-padding-inline-end: var(--govnl-space-sm);
37
+ --govnl-card-default-footer-padding-block-end: var(--govnl-space-sm);
38
+ --govnl-card-default-footer-padding-inline-start: var(--govnl-space-sm);
39
+ --govnl-card-default-footer-row-gap: var(--govnl-space-xs);
40
+ --govnl-card-accent-background-color: var(--govnl-brand-primary-500);
41
+ --govnl-card-accent-color: var(--govnl-document-inverse-color);
42
+ --govnl-card-accent-hover-background-color: var(--govnl-brand-primary-500);
43
+ --govnl-card-accent-hover-color: var(--govnl-document-inverse-color);
44
+ --govnl-card-accent-active-background-color: var(--govnl-brand-primary-500);
45
+ --govnl-card-accent-active-color: var(--govnl-document-inverse-color);
46
+ --govnl-card-accent-focus-background-color: var(--govnl-focus-background-color);
47
+ --govnl-card-accent-focus-color: var(--govnl-focus-color);
48
+ }
package/dist/grid.css ADDED
@@ -0,0 +1,15 @@
1
+ /**
2
+ * Do not edit directly, this file was auto-generated.
3
+ */
4
+
5
+ .dictu-grid {
6
+ --govnl-grid-template-columns-col-1: repeat(1, 1fr);
7
+ --govnl-grid-template-columns-col-2: repeat(2, 1fr);
8
+ --govnl-grid-template-columns-col-3: repeat(3, 1fr);
9
+ --govnl-grid-template-columns-col-4: repeat(4, 1fr);
10
+ --govnl-grid-template-rows-auto: auto;
11
+ --govnl-grid-gap-row-min: var(--govnl-gap-content-min);
12
+ --govnl-grid-gap-row-max: var(--govnl-gap-content-max);
13
+ --govnl-grid-gap-column-min: var(--govnl-gap-content-min);
14
+ --govnl-grid-gap-column-max: var(--govnl-gap-content-max);
15
+ }
package/dist/heading.css CHANGED
@@ -3,6 +3,7 @@
3
3
  */
4
4
 
5
5
  .dictu-heading {
6
+ --govnl-heading-max-inline-size: calc(5 * var(--govnl-dimension-size-2000));
6
7
  --nl-heading-level-1-font-size: var(--govnl-typography-font-size-3xl);
7
8
  --nl-heading-level-1-line-height: var(--govnl-typography-line-height-sm);
8
9
  --nl-heading-level-2-font-size: var(--govnl-typography-font-size-2xl);
package/dist/paragraph.css CHANGED
@@ -3,6 +3,7 @@
3
3
  */
4
4
 
5
5
  .dictu-paragraph {
6
+ --govnl-paragraph-max-inline-size: calc(5 * var(--govnl-dimension-size-2000));
6
7
  --nl-paragraph-color: var(--govnl-document-color);
7
8
  --nl-paragraph-font-family: var(--govnl-document-font-family);
8
9
  --nl-paragraph-font-size: var(--govnl-document-font-size);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dictu/design-tokens",
3
- "version": "1.0.0",
3
+ "version": "1.0.2",
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/$metadata.json CHANGED
@@ -5,8 +5,10 @@
5
5
  "components/accordion.tokens",
6
6
  "components/breadcrumb.tokens",
7
7
  "components/button.tokens",
8
+ "components/card.tokens",
8
9
  "components/container.tokens",
9
10
  "components/figure.tokens",
11
+ "components/grid.tokens",
10
12
  "components/heading.tokens",
11
13
  "components/hero.tokens",
12
14
  "components/icon.tokens",
@@ -20,4 +22,4 @@
20
22
  "components/section.tokens",
21
23
  "components/skip-link.tokens"
22
24
  ]
23
- }
25
+ }
package/src/$themes.json CHANGED
@@ -22,9 +22,11 @@
22
22
  "components/container.tokens": "enabled",
23
23
  "components/section.tokens": "enabled",
24
24
  "components/figure.tokens": "enabled",
25
- "components/hero.tokens": "enabled"
25
+ "components/hero.tokens": "enabled",
26
+ "components/grid.tokens": "enabled",
27
+ "components/card.tokens": "enabled"
26
28
  },
27
29
  "$figmaVariableReferences": {},
28
30
  "group": "GovNL"
29
31
  }
30
- ]
32
+ ]