@conduction/theme 1.1.59 → 1.1.60

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.
package/README.md CHANGED
@@ -6,6 +6,12 @@ Conduction's design tokens theme
6
6
 
7
7
  - **Version 1.1 (breaking changes from 1.0.x)**
8
8
 
9
+ - 1.1.60: Updated Almere theme.
10
+ - Updated font size tokens.
11
+ - Updated select tokens.
12
+ - Updated button tokens.
13
+ - Updated heading tokens.
14
+ - Updated form-input and textbox tokens.
9
15
  - 1.1.59:
10
16
  - Updated card header and card wrapper tokens in Almere theme.
11
17
  - Updated color tokens in Almere theme.
@@ -42,8 +42,8 @@
42
42
  "comment": "40px"
43
43
  },
44
44
  "4xl": {
45
- "value": "3.25rem",
46
- "comment": "52px"
45
+ "value": "3rem",
46
+ "comment": "48px"
47
47
  },
48
48
  "5xl": {
49
49
  "value": "3.625rem",
@@ -6,8 +6,8 @@
6
6
  "border-focus": { "value": "unset" },
7
7
  "border-radius": { "value": "{utrecht.form-control.border-radius}" },
8
8
  "invalid-border-color": { "value": "{almere.color.error}" },
9
- "padding-block-end": { "value": 0 },
10
- "padding-block-start": { "value": 0 },
9
+ "padding-block-end": { "value": "9px" },
10
+ "padding-block-start": { "value": "9px" },
11
11
  "hover": {},
12
12
  "focus": {},
13
13
  "list-option": {
@@ -8,7 +8,7 @@
8
8
  "color": { "value": "{almere.color.black.0}" },
9
9
  "font-family": { "value": "{almere.typography.barlow.font-family}" },
10
10
  "font-size": { "value": "16px" },
11
- "font-weight": { "value": "{almere.typography.font-weight.bold}" },
11
+ "font-weight": { "value": "{almere.typography.font-weight.normal}" },
12
12
  "inline-size": {},
13
13
  "letter-spacing": {},
14
14
  "line-height": { "value": "21px" },
@@ -55,7 +55,7 @@
55
55
  "border-color": { "value": "{almere.color.yellow.64}" },
56
56
  "border-width": { "value": "{almere.size.4xs}" },
57
57
  "color": { "value": "{almere.color.black.0}" },
58
- "font-weight": { "value": "{almere.typography.font-weight.bold}" },
58
+ "font-weight": { "value": "{almere.typography.font-weight.normal}" },
59
59
  "active": {
60
60
  "background-color": {},
61
61
  "border-color": {},
@@ -88,7 +88,7 @@
88
88
  "border-color": { "value": "rgba(59, 103, 124, 0.25)" },
89
89
  "border-width": { "value": "1px" },
90
90
  "color": { "value": "{almere.color.black.0}" },
91
- "font-weight": { "value": "{almere.typography.font-weight.bold}" },
91
+ "font-weight": { "value": "{almere.typography.font-weight.normal}" },
92
92
  "active": {
93
93
  "background-color": {},
94
94
  "border-color": {},
@@ -0,0 +1,28 @@
1
+ {
2
+ "utrecht": {
3
+ "heading-1": {
4
+ "mobile-font-size": { "value": "25px" },
5
+ "tablet-font-size": { "value": "28px" }
6
+ },
7
+ "heading-2": {
8
+ "mobile-font-size": { "value": "24px" },
9
+ "tablet-font-size": { "value": "27px" }
10
+ },
11
+ "heading-3": {
12
+ "mobile-font-size": { "value": "23px" },
13
+ "tablet-font-size": { "value": "26px" }
14
+ },
15
+ "heading-4": {
16
+ "mobile-font-size": { "value": "22px" },
17
+ "tablet-font-size": { "value": "25px" }
18
+ },
19
+ "heading-5": {
20
+ "mobile-font-size": { "value": "21px" },
21
+ "tablet-font-size": { "value": "24px" }
22
+ },
23
+ "heading-6": {
24
+ "mobile-font-size": { "value": "21px" },
25
+ "tablet-font-size": { "value": "23px" }
26
+ }
27
+ }
28
+ }
@@ -8,8 +8,7 @@
8
8
  "color": { "value": "{almere.color.grey.29}" },
9
9
  "font-family": { "value": "{almere.typography.barlow.font-family}" },
10
10
  "font-size": {
11
- "value": "0.938rem",
12
- "comment": "15px"
11
+ "value": "{utrecht.document.font-size}"
13
12
  },
14
13
  "min-inline-height": {},
15
14
  "max-inline-size": {},
@@ -12,7 +12,7 @@
12
12
  "heading-2": {
13
13
  "color": {},
14
14
  "font-family": { "value": "{almere.typography.barlow.font-family}" },
15
- "font-size": { "value": "{almere.font-size.3xl}" },
15
+ "font-size": { "value": "{almere.font-size.2xl}" },
16
16
  "font-weight": { "value": "{almere.typography.font-weight.bold}" },
17
17
  "line-height": {},
18
18
  "margin-block-end": { "value": "{almere.size.2xl}" },
@@ -21,7 +21,7 @@
21
21
  "heading-3": {
22
22
  "color": {},
23
23
  "font-family": { "value": "{almere.typography.barlow.font-family}" },
24
- "font-size": { "value": "{almere.font-size.2xl}" },
24
+ "font-size": { "value": "{almere.font-size.lg}" },
25
25
  "font-weight": { "value": "{almere.typography.font-weight.bold}" },
26
26
  "line-height": {},
27
27
  "margin-block-end": { "value": "{almere.size.xl}" },
@@ -30,7 +30,7 @@
30
30
  "heading-4": {
31
31
  "color": {},
32
32
  "font-family": { "value": "{almere.typography.barlow.font-family}" },
33
- "font-size": { "value": "{almere.font-size.lg}" },
33
+ "font-size": { "value": "{almere.font-size.md}" },
34
34
  "font-weight": { "value": "{almere.typography.font-weight.semibold}" },
35
35
  "line-height": {},
36
36
  "margin-block-end": { "value": "{almere.size.lg}" },
@@ -8,8 +8,7 @@
8
8
  "color": { "value": "{almere.color.grey.29}" },
9
9
  "font-family": { "value": "{almere.typography.barlow.font-family}" },
10
10
  "font-size": {
11
- "value": "0.938rem",
12
- "comment": "15px"
11
+ "value": "{utrecht.document.font-size}"
13
12
  },
14
13
  "font-weight": { "value": "{almere.typography.font-weight.normal}" },
15
14
  "min-inline-height": {},
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@conduction/theme",
3
- "version": "1.1.59",
3
+ "version": "1.1.60",
4
4
  "description": "Conduction's design tokens theme",
5
5
  "main": "index.js",
6
6
  "repository": {