jvetrau-ds 0.1.28 → 0.1.30

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 (63) hide show
  1. package/layouts/base/base.css +11 -3
  2. package/package.json +1 -1
  3. package/styles.css +11 -3
  4. package/themes/base/desktop.css +16 -16
  5. package/themes/base/desktop.md +4 -4
  6. package/themes/base/desktop.scoped.css +16 -16
  7. package/themes/base/diagram.css +16 -16
  8. package/themes/base/diagram.md +4 -4
  9. package/themes/base/diagram.scoped.css +16 -16
  10. package/themes/base/mobile.css +16 -16
  11. package/themes/base/mobile.md +4 -4
  12. package/themes/base/mobile.scoped.css +16 -16
  13. package/themes/brandcopilot/desktop.css +16 -16
  14. package/themes/brandcopilot/desktop.md +4 -4
  15. package/themes/brandcopilot/desktop.scoped.css +16 -16
  16. package/themes/brandcopilot/diagram.css +16 -16
  17. package/themes/brandcopilot/diagram.md +4 -4
  18. package/themes/brandcopilot/diagram.scoped.css +16 -16
  19. package/themes/brandcopilot/mobile.css +16 -16
  20. package/themes/brandcopilot/mobile.md +4 -4
  21. package/themes/brandcopilot/mobile.scoped.css +16 -16
  22. package/themes/dmpatterns/desktop.css +16 -16
  23. package/themes/dmpatterns/desktop.md +4 -4
  24. package/themes/dmpatterns/desktop.scoped.css +16 -16
  25. package/themes/dmpatterns/diagram.css +16 -16
  26. package/themes/dmpatterns/diagram.md +4 -4
  27. package/themes/dmpatterns/diagram.scoped.css +16 -16
  28. package/themes/dmpatterns/mobile.css +16 -16
  29. package/themes/dmpatterns/mobile.md +4 -4
  30. package/themes/dmpatterns/mobile.scoped.css +16 -16
  31. package/themes/pdigest/desktop.css +16 -16
  32. package/themes/pdigest/desktop.md +4 -4
  33. package/themes/pdigest/desktop.scoped.css +16 -16
  34. package/themes/pdigest/diagram.css +16 -16
  35. package/themes/pdigest/diagram.md +4 -4
  36. package/themes/pdigest/diagram.scoped.css +16 -16
  37. package/themes/pdigest/mobile.css +16 -16
  38. package/themes/pdigest/mobile.md +4 -4
  39. package/themes/pdigest/mobile.scoped.css +16 -16
  40. package/themes/redesigntrack/desktop.css +16 -16
  41. package/themes/redesigntrack/desktop.md +4 -4
  42. package/themes/redesigntrack/desktop.scoped.css +16 -16
  43. package/themes/redesigntrack/diagram.css +16 -16
  44. package/themes/redesigntrack/diagram.md +4 -4
  45. package/themes/redesigntrack/diagram.scoped.css +16 -16
  46. package/themes/redesigntrack/mobile.css +16 -16
  47. package/themes/redesigntrack/mobile.md +4 -4
  48. package/themes/redesigntrack/mobile.scoped.css +16 -16
  49. package/tokens/themes/base/dist/desktop.json +4 -4
  50. package/tokens/themes/base/dist/diagram.json +4 -4
  51. package/tokens/themes/base/dist/mobile.json +4 -4
  52. package/tokens/themes/brandcopilot/dist/desktop.json +4 -4
  53. package/tokens/themes/brandcopilot/dist/diagram.json +4 -4
  54. package/tokens/themes/brandcopilot/dist/mobile.json +4 -4
  55. package/tokens/themes/dmpatterns/dist/desktop.json +4 -4
  56. package/tokens/themes/dmpatterns/dist/diagram.json +4 -4
  57. package/tokens/themes/dmpatterns/dist/mobile.json +4 -4
  58. package/tokens/themes/pdigest/dist/desktop.json +4 -4
  59. package/tokens/themes/pdigest/dist/diagram.json +4 -4
  60. package/tokens/themes/pdigest/dist/mobile.json +4 -4
  61. package/tokens/themes/redesigntrack/dist/desktop.json +4 -4
  62. package/tokens/themes/redesigntrack/dist/diagram.json +4 -4
  63. package/tokens/themes/redesigntrack/dist/mobile.json +4 -4
package/layouts/base/base.css CHANGED
@@ -4,7 +4,12 @@
4
4
  /* typography */
5
5
 
6
6
  /* size */
7
- grid-template-rows: auto minmax(0, 1fr) auto;
7
+ --layout-base-header-height: 120px;
8
+
9
+ grid-template-rows:
10
+ auto
11
+ minmax(0, 1fr)
12
+ auto;
8
13
 
9
14
  /* border */
10
15
 
@@ -24,7 +29,8 @@
24
29
  justify-content: center;
25
30
 
26
31
  width: 100%;
27
- min-height: 120px;
32
+ min-height:
33
+ var(--layout-base-header-height);
28
34
 
29
35
  /* border */
30
36
 
@@ -50,6 +56,7 @@
50
56
  display: flex;
51
57
  align-items: flex-start;
52
58
  justify-content: center;
59
+
53
60
  align-self: stretch;
54
61
 
55
62
  width: 100%;
@@ -79,7 +86,8 @@
79
86
  --layout-base-content-width: 960px;
80
87
 
81
88
  width: 100%;
82
- max-width: var(--layout-base-content-width);
89
+ max-width:
90
+ var(--layout-base-content-width);
83
91
 
84
92
  /* border */
85
93
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "jvetrau-ds",
3
- "version": "0.1.28",
3
+ "version": "0.1.30",
4
4
  "description": "Multi-brand React design system with semantic tokens",
5
5
  "license": "UNLICENSED",
6
6
  "type": "module",
package/styles.css CHANGED
@@ -2971,7 +2971,12 @@
2971
2971
  /* typography */
2972
2972
 
2973
2973
  /* size */
2974
- grid-template-rows: auto minmax(0, 1fr) auto;
2974
+ --layout-base-header-height: 120px;
2975
+
2976
+ grid-template-rows:
2977
+ auto
2978
+ minmax(0, 1fr)
2979
+ auto;
2975
2980
 
2976
2981
  /* border */
2977
2982
 
@@ -2991,7 +2996,8 @@
2991
2996
  justify-content: center;
2992
2997
 
2993
2998
  width: 100%;
2994
- min-height: 120px;
2999
+ min-height:
3000
+ var(--layout-base-header-height);
2995
3001
 
2996
3002
  /* border */
2997
3003
 
@@ -3017,6 +3023,7 @@
3017
3023
  display: flex;
3018
3024
  align-items: flex-start;
3019
3025
  justify-content: center;
3026
+
3020
3027
  align-self: stretch;
3021
3028
 
3022
3029
  width: 100%;
@@ -3046,7 +3053,8 @@
3046
3053
  --layout-base-content-width: 960px;
3047
3054
 
3048
3055
  width: 100%;
3049
- max-width: var(--layout-base-content-width);
3056
+ max-width:
3057
+ var(--layout-base-content-width);
3050
3058
 
3051
3059
  /* border */
3052
3060
 
package/themes/base/desktop.css CHANGED
@@ -34,63 +34,63 @@
34
34
  --font-body-bigger-family: PP Object Sans Variable;
35
35
  --font-body-bigger-letter-spacing: 0px;
36
36
  --font-body-bigger-line: 24px;
37
- --font-body-bigger-weight: 300px;
38
- --font-body-bigger-weight-accent: 573px;
37
+ --font-body-bigger-weight: 300;
38
+ --font-body-bigger-weight-accent: 573;
39
39
  --font-body-family: PP Object Sans Variable;
40
40
  --font-body-letter-spacing: 0px;
41
41
  --font-body-line: 24px;
42
42
  --font-body-margin: 12px;
43
- --font-body-weight: 300px;
44
- --font-body-weight-accent: 573px;
43
+ --font-body-weight: 300;
44
+ --font-body-weight-accent: 573;
45
45
  --font-control: var(--font-lead);
46
46
  --font-control-family: PP Object Sans Variable;
47
47
  --font-control-letter-spacing: 0px;
48
48
  --font-control-line: var(--font-lead-line);
49
- --font-control-weight: 400px;
49
+ --font-control-weight: 400;
50
50
  --font-h0: 150px;
51
51
  --font-h0-family: PP Object Sans Variable;
52
52
  --font-h0-letter-spacing: -0.04px;
53
53
  --font-h0-line: 130px;
54
54
  --font-h0-margin: 0px;
55
- --font-h0-weight: 400px;
55
+ --font-h0-weight: 573;
56
56
  --font-h1: 84px;
57
57
  --font-h1-family: PP Object Sans Variable;
58
58
  --font-h1-letter-spacing: -0.04px;
59
59
  --font-h1-line: 92px;
60
60
  --font-h1-margin: 24px;
61
- --font-h1-weight: 400px;
61
+ --font-h1-weight: 573;
62
62
  --font-h2: 56px;
63
63
  --font-h2-family: PP Object Sans Variable;
64
64
  --font-h2-letter-spacing: -0.04px;
65
65
  --font-h2-line: 66px;
66
66
  --font-h2-margin: 20px;
67
- --font-h2-weight: 400px;
67
+ --font-h2-weight: 573;
68
68
  --font-h3: 46px;
69
69
  --font-h3-family: PP Object Sans Variable;
70
70
  --font-h3-letter-spacing: -0.04px;
71
71
  --font-h3-line: 48px;
72
72
  --font-h3-margin: 16px;
73
- --font-h3-weight: 400px;
74
- --font-h3-weight-accent: 573px;
73
+ --font-h3-weight: 573;
74
+ --font-h3-weight-accent: 573;
75
75
  --font-h4: 28px;
76
76
  --font-h4-family: PP Object Sans Variable;
77
77
  --font-h4-letter-spacing: 0px;
78
78
  --font-h4-line: 36px;
79
79
  --font-h4-margin: 12px;
80
- --font-h4-weight: 400px;
80
+ --font-h4-weight: 400;
81
81
  --font-lead: 24px;
82
82
  --font-lead-family: PP Object Sans Variable;
83
83
  --font-lead-letter-spacing: 0px;
84
84
  --font-lead-line: 32px;
85
85
  --font-lead-margin: 12px;
86
- --font-lead-weight: 300px;
87
- --font-lead-weight-accent: 400px;
86
+ --font-lead-weight: 300;
87
+ --font-lead-weight-accent: 400;
88
88
  --font-note: 16px;
89
89
  --font-note-family: PP Object Sans Variable;
90
90
  --font-note-letter-spacing: 0px;
91
91
  --font-note-line: 20px;
92
- --font-note-weight: 300px;
93
- --font-note-weight-accent: 573px;
92
+ --font-note-weight: 300;
93
+ --font-note-weight-accent: 573;
94
94
  --margin-attribute: 0px;
95
95
  --margin-bullet: 0px;
96
96
  --margin-choice: 8px;
@@ -151,5 +151,5 @@
151
151
  --size-icon-base: 32px;
152
152
  --size-icon-compact: 24px;
153
153
  --size-tab-height: 36px;
154
- --tone-value1: 0px;
154
+ --tone-value1: 0;
155
155
  }
package/themes/base/desktop.md CHANGED
@@ -62,25 +62,25 @@
62
62
  | `font/h0/letter/spacing` | `float` | `-0.04` |
63
63
  | `font/h0/line` | `float` | `130` |
64
64
  | `font/h0/margin` | `float` | `0` |
65
- | `font/h0/weight` | `float` | `400` |
65
+ | `font/h0/weight` | `float` | `573` |
66
66
  | `font/h1` | `float` | `84` |
67
67
  | `font/h1/family` | `string` | `PP Object Sans Variable` |
68
68
  | `font/h1/letter/spacing` | `float` | `-0.04` |
69
69
  | `font/h1/line` | `float` | `92` |
70
70
  | `font/h1/margin` | `float` | `24` |
71
- | `font/h1/weight` | `float` | `400` |
71
+ | `font/h1/weight` | `float` | `573` |
72
72
  | `font/h2` | `float` | `56` |
73
73
  | `font/h2/family` | `string` | `PP Object Sans Variable` |
74
74
  | `font/h2/letter/spacing` | `float` | `-0.04` |
75
75
  | `font/h2/line` | `float` | `66` |
76
76
  | `font/h2/margin` | `float` | `20` |
77
- | `font/h2/weight` | `float` | `400` |
77
+ | `font/h2/weight` | `float` | `573` |
78
78
  | `font/h3` | `float` | `46` |
79
79
  | `font/h3/family` | `string` | `PP Object Sans Variable` |
80
80
  | `font/h3/letter/spacing` | `float` | `-0.04` |
81
81
  | `font/h3/line` | `float` | `48` |
82
82
  | `font/h3/margin` | `float` | `16` |
83
- | `font/h3/weight` | `float` | `400` |
83
+ | `font/h3/weight` | `float` | `573` |
84
84
  | `font/h3/weight/accent` | `float` | `573` |
85
85
  | `font/h4` | `float` | `28` |
86
86
  | `font/h4/family` | `string` | `PP Object Sans Variable` |
package/themes/base/desktop.scoped.css CHANGED
@@ -34,63 +34,63 @@
34
34
  --font-body-bigger-family: PP Object Sans Variable;
35
35
  --font-body-bigger-letter-spacing: 0px;
36
36
  --font-body-bigger-line: 24px;
37
- --font-body-bigger-weight: 300px;
38
- --font-body-bigger-weight-accent: 573px;
37
+ --font-body-bigger-weight: 300;
38
+ --font-body-bigger-weight-accent: 573;
39
39
  --font-body-family: PP Object Sans Variable;
40
40
  --font-body-letter-spacing: 0px;
41
41
  --font-body-line: 24px;
42
42
  --font-body-margin: 12px;
43
- --font-body-weight: 300px;
44
- --font-body-weight-accent: 573px;
43
+ --font-body-weight: 300;
44
+ --font-body-weight-accent: 573;
45
45
  --font-control: var(--font-lead);
46
46
  --font-control-family: PP Object Sans Variable;
47
47
  --font-control-letter-spacing: 0px;
48
48
  --font-control-line: var(--font-lead-line);
49
- --font-control-weight: 400px;
49
+ --font-control-weight: 400;
50
50
  --font-h0: 150px;
51
51
  --font-h0-family: PP Object Sans Variable;
52
52
  --font-h0-letter-spacing: -0.04px;
53
53
  --font-h0-line: 130px;
54
54
  --font-h0-margin: 0px;
55
- --font-h0-weight: 400px;
55
+ --font-h0-weight: 573;
56
56
  --font-h1: 84px;
57
57
  --font-h1-family: PP Object Sans Variable;
58
58
  --font-h1-letter-spacing: -0.04px;
59
59
  --font-h1-line: 92px;
60
60
  --font-h1-margin: 24px;
61
- --font-h1-weight: 400px;
61
+ --font-h1-weight: 573;
62
62
  --font-h2: 56px;
63
63
  --font-h2-family: PP Object Sans Variable;
64
64
  --font-h2-letter-spacing: -0.04px;
65
65
  --font-h2-line: 66px;
66
66
  --font-h2-margin: 20px;
67
- --font-h2-weight: 400px;
67
+ --font-h2-weight: 573;
68
68
  --font-h3: 46px;
69
69
  --font-h3-family: PP Object Sans Variable;
70
70
  --font-h3-letter-spacing: -0.04px;
71
71
  --font-h3-line: 48px;
72
72
  --font-h3-margin: 16px;
73
- --font-h3-weight: 400px;
74
- --font-h3-weight-accent: 573px;
73
+ --font-h3-weight: 573;
74
+ --font-h3-weight-accent: 573;
75
75
  --font-h4: 28px;
76
76
  --font-h4-family: PP Object Sans Variable;
77
77
  --font-h4-letter-spacing: 0px;
78
78
  --font-h4-line: 36px;
79
79
  --font-h4-margin: 12px;
80
- --font-h4-weight: 400px;
80
+ --font-h4-weight: 400;
81
81
  --font-lead: 24px;
82
82
  --font-lead-family: PP Object Sans Variable;
83
83
  --font-lead-letter-spacing: 0px;
84
84
  --font-lead-line: 32px;
85
85
  --font-lead-margin: 12px;
86
- --font-lead-weight: 300px;
87
- --font-lead-weight-accent: 400px;
86
+ --font-lead-weight: 300;
87
+ --font-lead-weight-accent: 400;
88
88
  --font-note: 16px;
89
89
  --font-note-family: PP Object Sans Variable;
90
90
  --font-note-letter-spacing: 0px;
91
91
  --font-note-line: 20px;
92
- --font-note-weight: 300px;
93
- --font-note-weight-accent: 573px;
92
+ --font-note-weight: 300;
93
+ --font-note-weight-accent: 573;
94
94
  --margin-attribute: 0px;
95
95
  --margin-bullet: 0px;
96
96
  --margin-choice: 8px;
@@ -151,5 +151,5 @@
151
151
  --size-icon-base: 32px;
152
152
  --size-icon-compact: 24px;
153
153
  --size-tab-height: 36px;
154
- --tone-value1: 0px;
154
+ --tone-value1: 0;
155
155
  }
package/themes/base/diagram.css CHANGED
@@ -34,63 +34,63 @@
34
34
  --font-body-bigger-family: PP Object Sans Variable;
35
35
  --font-body-bigger-letter-spacing: 0px;
36
36
  --font-body-bigger-line: 32px;
37
- --font-body-bigger-weight: 300px;
38
- --font-body-bigger-weight-accent: 573px;
37
+ --font-body-bigger-weight: 300;
38
+ --font-body-bigger-weight-accent: 573;
39
39
  --font-body-family: PP Object Sans Variable;
40
40
  --font-body-letter-spacing: 0px;
41
41
  --font-body-line: 24px;
42
42
  --font-body-margin: 8px;
43
- --font-body-weight: 300px;
44
- --font-body-weight-accent: 573px;
43
+ --font-body-weight: 300;
44
+ --font-body-weight-accent: 573;
45
45
  --font-control: var(--font-lead);
46
46
  --font-control-family: PP Object Sans Variable;
47
47
  --font-control-letter-spacing: 0px;
48
48
  --font-control-line: var(--font-lead-line);
49
- --font-control-weight: 400px;
49
+ --font-control-weight: 400;
50
50
  --font-h0: 46px;
51
51
  --font-h0-family: PP Object Sans Variable;
52
52
  --font-h0-letter-spacing: -0.04px;
53
53
  --font-h0-line: 48px;
54
54
  --font-h0-margin: 0px;
55
- --font-h0-weight: 400px;
55
+ --font-h0-weight: 573;
56
56
  --font-h1: 56px;
57
57
  --font-h1-family: PP Object Sans Variable;
58
58
  --font-h1-letter-spacing: -0.04px;
59
59
  --font-h1-line: 66px;
60
60
  --font-h1-margin: 24px;
61
- --font-h1-weight: 400px;
61
+ --font-h1-weight: 573;
62
62
  --font-h2: 24px;
63
63
  --font-h2-family: PP Object Sans Variable;
64
64
  --font-h2-letter-spacing: -0.04px;
65
65
  --font-h2-line: 32px;
66
66
  --font-h2-margin: 20px;
67
- --font-h2-weight: 400px;
67
+ --font-h2-weight: 573;
68
68
  --font-h3: 28px;
69
69
  --font-h3-family: PP Object Sans Variable;
70
70
  --font-h3-letter-spacing: -0.04px;
71
71
  --font-h3-line: 36px;
72
72
  --font-h3-margin: 16px;
73
- --font-h3-weight: 400px;
74
- --font-h3-weight-accent: 573px;
73
+ --font-h3-weight: 573;
74
+ --font-h3-weight-accent: 573;
75
75
  --font-h4: 20px;
76
76
  --font-h4-family: PP Object Sans Variable;
77
77
  --font-h4-letter-spacing: 0px;
78
78
  --font-h4-line: 24px;
79
79
  --font-h4-margin: 12px;
80
- --font-h4-weight: 400px;
80
+ --font-h4-weight: 400;
81
81
  --font-lead: 20px;
82
82
  --font-lead-family: PP Object Sans Variable;
83
83
  --font-lead-letter-spacing: 0px;
84
84
  --font-lead-line: 24px;
85
85
  --font-lead-margin: 12px;
86
- --font-lead-weight: 300px;
87
- --font-lead-weight-accent: 400px;
86
+ --font-lead-weight: 300;
87
+ --font-lead-weight-accent: 400;
88
88
  --font-note: 16px;
89
89
  --font-note-family: PP Object Sans Variable;
90
90
  --font-note-letter-spacing: 0px;
91
91
  --font-note-line: 20px;
92
- --font-note-weight: 300px;
93
- --font-note-weight-accent: 573px;
92
+ --font-note-weight: 300;
93
+ --font-note-weight-accent: 573;
94
94
  --margin-attribute: 0px;
95
95
  --margin-bullet: 0px;
96
96
  --margin-choice: 8px;
@@ -151,5 +151,5 @@
151
151
  --size-icon-base: 32px;
152
152
  --size-icon-compact: 24px;
153
153
  --size-tab-height: 36px;
154
- --tone-value1: 0px;
154
+ --tone-value1: 0;
155
155
  }
package/themes/base/diagram.md CHANGED
@@ -62,25 +62,25 @@
62
62
  | `font/h0/letter/spacing` | `float` | `-0.04` |
63
63
  | `font/h0/line` | `float` | `48` |
64
64
  | `font/h0/margin` | `float` | `0` |
65
- | `font/h0/weight` | `float` | `400` |
65
+ | `font/h0/weight` | `float` | `573` |
66
66
  | `font/h1` | `float` | `56` |
67
67
  | `font/h1/family` | `string` | `PP Object Sans Variable` |
68
68
  | `font/h1/letter/spacing` | `float` | `-0.04` |
69
69
  | `font/h1/line` | `float` | `66` |
70
70
  | `font/h1/margin` | `float` | `24` |
71
- | `font/h1/weight` | `float` | `400` |
71
+ | `font/h1/weight` | `float` | `573` |
72
72
  | `font/h2` | `float` | `24` |
73
73
  | `font/h2/family` | `string` | `PP Object Sans Variable` |
74
74
  | `font/h2/letter/spacing` | `float` | `-0.04` |
75
75
  | `font/h2/line` | `float` | `32` |
76
76
  | `font/h2/margin` | `float` | `20` |
77
- | `font/h2/weight` | `float` | `400` |
77
+ | `font/h2/weight` | `float` | `573` |
78
78
  | `font/h3` | `float` | `28` |
79
79
  | `font/h3/family` | `string` | `PP Object Sans Variable` |
80
80
  | `font/h3/letter/spacing` | `float` | `-0.04` |
81
81
  | `font/h3/line` | `float` | `36` |
82
82
  | `font/h3/margin` | `float` | `16` |
83
- | `font/h3/weight` | `float` | `400` |
83
+ | `font/h3/weight` | `float` | `573` |
84
84
  | `font/h3/weight/accent` | `float` | `573` |
85
85
  | `font/h4` | `float` | `20` |
86
86
  | `font/h4/family` | `string` | `PP Object Sans Variable` |
package/themes/base/diagram.scoped.css CHANGED
@@ -34,63 +34,63 @@
34
34
  --font-body-bigger-family: PP Object Sans Variable;
35
35
  --font-body-bigger-letter-spacing: 0px;
36
36
  --font-body-bigger-line: 32px;
37
- --font-body-bigger-weight: 300px;
38
- --font-body-bigger-weight-accent: 573px;
37
+ --font-body-bigger-weight: 300;
38
+ --font-body-bigger-weight-accent: 573;
39
39
  --font-body-family: PP Object Sans Variable;
40
40
  --font-body-letter-spacing: 0px;
41
41
  --font-body-line: 24px;
42
42
  --font-body-margin: 8px;
43
- --font-body-weight: 300px;
44
- --font-body-weight-accent: 573px;
43
+ --font-body-weight: 300;
44
+ --font-body-weight-accent: 573;
45
45
  --font-control: var(--font-lead);
46
46
  --font-control-family: PP Object Sans Variable;
47
47
  --font-control-letter-spacing: 0px;
48
48
  --font-control-line: var(--font-lead-line);
49
- --font-control-weight: 400px;
49
+ --font-control-weight: 400;
50
50
  --font-h0: 46px;
51
51
  --font-h0-family: PP Object Sans Variable;
52
52
  --font-h0-letter-spacing: -0.04px;
53
53
  --font-h0-line: 48px;
54
54
  --font-h0-margin: 0px;
55
- --font-h0-weight: 400px;
55
+ --font-h0-weight: 573;
56
56
  --font-h1: 56px;
57
57
  --font-h1-family: PP Object Sans Variable;
58
58
  --font-h1-letter-spacing: -0.04px;
59
59
  --font-h1-line: 66px;
60
60
  --font-h1-margin: 24px;
61
- --font-h1-weight: 400px;
61
+ --font-h1-weight: 573;
62
62
  --font-h2: 24px;
63
63
  --font-h2-family: PP Object Sans Variable;
64
64
  --font-h2-letter-spacing: -0.04px;
65
65
  --font-h2-line: 32px;
66
66
  --font-h2-margin: 20px;
67
- --font-h2-weight: 400px;
67
+ --font-h2-weight: 573;
68
68
  --font-h3: 28px;
69
69
  --font-h3-family: PP Object Sans Variable;
70
70
  --font-h3-letter-spacing: -0.04px;
71
71
  --font-h3-line: 36px;
72
72
  --font-h3-margin: 16px;
73
- --font-h3-weight: 400px;
74
- --font-h3-weight-accent: 573px;
73
+ --font-h3-weight: 573;
74
+ --font-h3-weight-accent: 573;
75
75
  --font-h4: 20px;
76
76
  --font-h4-family: PP Object Sans Variable;
77
77
  --font-h4-letter-spacing: 0px;
78
78
  --font-h4-line: 24px;
79
79
  --font-h4-margin: 12px;
80
- --font-h4-weight: 400px;
80
+ --font-h4-weight: 400;
81
81
  --font-lead: 20px;
82
82
  --font-lead-family: PP Object Sans Variable;
83
83
  --font-lead-letter-spacing: 0px;
84
84
  --font-lead-line: 24px;
85
85
  --font-lead-margin: 12px;
86
- --font-lead-weight: 300px;
87
- --font-lead-weight-accent: 400px;
86
+ --font-lead-weight: 300;
87
+ --font-lead-weight-accent: 400;
88
88
  --font-note: 16px;
89
89
  --font-note-family: PP Object Sans Variable;
90
90
  --font-note-letter-spacing: 0px;
91
91
  --font-note-line: 20px;
92
- --font-note-weight: 300px;
93
- --font-note-weight-accent: 573px;
92
+ --font-note-weight: 300;
93
+ --font-note-weight-accent: 573;
94
94
  --margin-attribute: 0px;
95
95
  --margin-bullet: 0px;
96
96
  --margin-choice: 8px;
@@ -151,5 +151,5 @@
151
151
  --size-icon-base: 32px;
152
152
  --size-icon-compact: 24px;
153
153
  --size-tab-height: 36px;
154
- --tone-value1: 0px;
154
+ --tone-value1: 0;
155
155
  }
package/themes/base/mobile.css CHANGED
@@ -34,63 +34,63 @@
34
34
  --font-body-bigger-family: PP Object Sans Variable;
35
35
  --font-body-bigger-letter-spacing: 0px;
36
36
  --font-body-bigger-line: 20px;
37
- --font-body-bigger-weight: 300px;
38
- --font-body-bigger-weight-accent: 573px;
37
+ --font-body-bigger-weight: 300;
38
+ --font-body-bigger-weight-accent: 573;
39
39
  --font-body-family: PP Object Sans Variable;
40
40
  --font-body-letter-spacing: 0px;
41
41
  --font-body-line: 20px;
42
42
  --font-body-margin: 8px;
43
- --font-body-weight: 300px;
44
- --font-body-weight-accent: 573px;
43
+ --font-body-weight: 300;
44
+ --font-body-weight-accent: 573;
45
45
  --font-control: var(--font-lead);
46
46
  --font-control-family: PP Object Sans Variable;
47
47
  --font-control-letter-spacing: 0px;
48
48
  --font-control-line: var(--font-lead-line);
49
- --font-control-weight: 400px;
49
+ --font-control-weight: 400;
50
50
  --font-h0: 46px;
51
51
  --font-h0-family: PP Object Sans Variable;
52
52
  --font-h0-letter-spacing: -0.04px;
53
53
  --font-h0-line: 48px;
54
54
  --font-h0-margin: 0px;
55
- --font-h0-weight: 400px;
55
+ --font-h0-weight: 573;
56
56
  --font-h1: 28px;
57
57
  --font-h1-family: PP Object Sans Variable;
58
58
  --font-h1-letter-spacing: -0.04px;
59
59
  --font-h1-line: 36px;
60
60
  --font-h1-margin: 24px;
61
- --font-h1-weight: 400px;
61
+ --font-h1-weight: 573;
62
62
  --font-h2: 24px;
63
63
  --font-h2-family: PP Object Sans Variable;
64
64
  --font-h2-letter-spacing: -0.04px;
65
65
  --font-h2-line: 32px;
66
66
  --font-h2-margin: 20px;
67
- --font-h2-weight: 400px;
67
+ --font-h2-weight: 573;
68
68
  --font-h3: 24px;
69
69
  --font-h3-family: PP Object Sans Variable;
70
70
  --font-h3-letter-spacing: -0.04px;
71
71
  --font-h3-line: 32px;
72
72
  --font-h3-margin: 16px;
73
- --font-h3-weight: 400px;
74
- --font-h3-weight-accent: 573px;
73
+ --font-h3-weight: 573;
74
+ --font-h3-weight-accent: 573;
75
75
  --font-h4: 20px;
76
76
  --font-h4-family: PP Object Sans Variable;
77
77
  --font-h4-letter-spacing: 0px;
78
78
  --font-h4-line: 24px;
79
79
  --font-h4-margin: 12px;
80
- --font-h4-weight: 400px;
80
+ --font-h4-weight: 400;
81
81
  --font-lead: 20px;
82
82
  --font-lead-family: PP Object Sans Variable;
83
83
  --font-lead-letter-spacing: 0px;
84
84
  --font-lead-line: 24px;
85
85
  --font-lead-margin: 12px;
86
- --font-lead-weight: 300px;
87
- --font-lead-weight-accent: 400px;
86
+ --font-lead-weight: 300;
87
+ --font-lead-weight-accent: 400;
88
88
  --font-note: 16px;
89
89
  --font-note-family: PP Object Sans Variable;
90
90
  --font-note-letter-spacing: 0px;
91
91
  --font-note-line: 0px;
92
- --font-note-weight: 300px;
93
- --font-note-weight-accent: 573px;
92
+ --font-note-weight: 300;
93
+ --font-note-weight-accent: 573;
94
94
  --margin-attribute: 0px;
95
95
  --margin-bullet: 0px;
96
96
  --margin-choice: 8px;
@@ -151,5 +151,5 @@
151
151
  --size-icon-base: 32px;
152
152
  --size-icon-compact: 24px;
153
153
  --size-tab-height: 36px;
154
- --tone-value1: 0px;
154
+ --tone-value1: 0;
155
155
  }
package/themes/base/mobile.md CHANGED
@@ -62,25 +62,25 @@
62
62
  | `font/h0/letter/spacing` | `float` | `-0.04` |
63
63
  | `font/h0/line` | `float` | `48` |
64
64
  | `font/h0/margin` | `float` | `0` |
65
- | `font/h0/weight` | `float` | `400` |
65
+ | `font/h0/weight` | `float` | `573` |
66
66
  | `font/h1` | `float` | `28` |
67
67
  | `font/h1/family` | `string` | `PP Object Sans Variable` |
68
68
  | `font/h1/letter/spacing` | `float` | `-0.04` |
69
69
  | `font/h1/line` | `float` | `36` |
70
70
  | `font/h1/margin` | `float` | `24` |
71
- | `font/h1/weight` | `float` | `400` |
71
+ | `font/h1/weight` | `float` | `573` |
72
72
  | `font/h2` | `float` | `24` |
73
73
  | `font/h2/family` | `string` | `PP Object Sans Variable` |
74
74
  | `font/h2/letter/spacing` | `float` | `-0.04` |
75
75
  | `font/h2/line` | `float` | `32` |
76
76
  | `font/h2/margin` | `float` | `20` |
77
- | `font/h2/weight` | `float` | `400` |
77
+ | `font/h2/weight` | `float` | `573` |
78
78
  | `font/h3` | `float` | `24` |
79
79
  | `font/h3/family` | `string` | `PP Object Sans Variable` |
80
80
  | `font/h3/letter/spacing` | `float` | `-0.04` |
81
81
  | `font/h3/line` | `float` | `32` |
82
82
  | `font/h3/margin` | `float` | `16` |
83
- | `font/h3/weight` | `float` | `400` |
83
+ | `font/h3/weight` | `float` | `573` |
84
84
  | `font/h3/weight/accent` | `float` | `573` |
85
85
  | `font/h4` | `float` | `20` |
86
86
  | `font/h4/family` | `string` | `PP Object Sans Variable` |