jvetrau-ds 0.2.19 → 0.2.22

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 (175) hide show
  1. package/base.css +31 -11
  2. package/components/action-group/action-group.css +43 -4
  3. package/components/action-group/index.cjs +10 -1
  4. package/components/action-group/index.d.ts +1 -1
  5. package/components/action-group/index.js +1 -1
  6. package/components/attach/attach.css +17 -0
  7. package/components/avatar/avatar.cjs +4 -1
  8. package/components/avatar/avatar.cjs.map +1 -1
  9. package/components/avatar/avatar.css +31 -1
  10. package/components/avatar/avatar.d.ts +2 -0
  11. package/components/avatar/avatar.js +4 -1
  12. package/components/avatar/avatar.js.map +1 -1
  13. package/components/avatar/index.d.ts +1 -1
  14. package/components/index.d.ts +2 -2
  15. package/components/logo/assets/brandcopilot-symbol.svg +4 -0
  16. package/components/logo/assets/brandcopilot-wordmark.svg +3 -0
  17. package/components/logo/index.cjs +10 -1
  18. package/components/logo/index.d.ts +2 -1
  19. package/components/logo/index.js +1 -1
  20. package/components/logo/logo.cjs +57 -13
  21. package/components/logo/logo.cjs.map +1 -1
  22. package/components/logo/logo.css +42 -0
  23. package/components/logo/logo.d.ts +4 -1
  24. package/components/logo/logo.js +53 -11
  25. package/components/logo/logo.js.map +1 -1
  26. package/components/logo/logo.meta.d.ts +2 -10
  27. package/components/markdown/markdown.css +0 -209
  28. package/fonts/fonts.css +2 -2
  29. package/index.d.ts +2 -2
  30. package/layouts/base/base.css +15 -0
  31. package/layouts/sidebar/sidebar.css +15 -0
  32. package/package.json +1 -1
  33. package/styles.css +147 -198
  34. package/themes/base/desktop.css +19 -7
  35. package/themes/base/desktop.md +19 -7
  36. package/themes/base/desktop.scoped.css +19 -7
  37. package/themes/base/diagram.css +18 -6
  38. package/themes/base/diagram.md +18 -6
  39. package/themes/base/diagram.scoped.css +18 -6
  40. package/themes/base/mobile.css +19 -7
  41. package/themes/base/mobile.md +19 -7
  42. package/themes/base/mobile.scoped.css +19 -7
  43. package/themes/brandcopilot/desktop.css +19 -7
  44. package/themes/brandcopilot/desktop.md +19 -7
  45. package/themes/brandcopilot/desktop.scoped.css +19 -7
  46. package/themes/brandcopilot/diagram.css +18 -6
  47. package/themes/brandcopilot/diagram.md +18 -6
  48. package/themes/brandcopilot/diagram.scoped.css +18 -6
  49. package/themes/brandcopilot/mobile.css +19 -7
  50. package/themes/brandcopilot/mobile.md +19 -7
  51. package/themes/brandcopilot/mobile.scoped.css +19 -7
  52. package/themes/dmpatterns/desktop.css +19 -7
  53. package/themes/dmpatterns/desktop.md +19 -7
  54. package/themes/dmpatterns/desktop.scoped.css +19 -7
  55. package/themes/dmpatterns/diagram.css +18 -6
  56. package/themes/dmpatterns/diagram.md +18 -6
  57. package/themes/dmpatterns/diagram.scoped.css +18 -6
  58. package/themes/dmpatterns/mobile.css +19 -7
  59. package/themes/dmpatterns/mobile.md +19 -7
  60. package/themes/dmpatterns/mobile.scoped.css +19 -7
  61. package/themes/pdigest/desktop.css +19 -7
  62. package/themes/pdigest/desktop.md +19 -7
  63. package/themes/pdigest/desktop.scoped.css +19 -7
  64. package/themes/pdigest/diagram.css +18 -6
  65. package/themes/pdigest/diagram.md +18 -6
  66. package/themes/pdigest/diagram.scoped.css +18 -6
  67. package/themes/pdigest/mobile.css +19 -7
  68. package/themes/pdigest/mobile.md +19 -7
  69. package/themes/pdigest/mobile.scoped.css +19 -7
  70. package/themes/{redesigntrack → retrack}/desktop.css +19 -7
  71. package/themes/{redesigntrack → retrack}/desktop.md +20 -8
  72. package/themes/{redesigntrack → retrack}/desktop.scoped.css +20 -8
  73. package/themes/{redesigntrack → retrack}/diagram.css +18 -6
  74. package/themes/{redesigntrack → retrack}/diagram.md +19 -7
  75. package/themes/{redesigntrack → retrack}/diagram.scoped.css +19 -7
  76. package/themes/{redesigntrack → retrack}/mobile.css +19 -7
  77. package/themes/{redesigntrack → retrack}/mobile.md +20 -8
  78. package/themes/{redesigntrack → retrack}/mobile.scoped.css +20 -8
  79. package/tokens/runtime/tokens.base.desktop.runtime.cjs +12 -0
  80. package/tokens/runtime/tokens.base.desktop.runtime.cjs.map +1 -1
  81. package/tokens/runtime/tokens.base.desktop.runtime.d.ts +12 -0
  82. package/tokens/runtime/tokens.base.desktop.runtime.js +12 -0
  83. package/tokens/runtime/tokens.base.desktop.runtime.js.map +1 -1
  84. package/tokens/runtime/tokens.base.diagram.runtime.cjs +12 -0
  85. package/tokens/runtime/tokens.base.diagram.runtime.cjs.map +1 -1
  86. package/tokens/runtime/tokens.base.diagram.runtime.d.ts +12 -0
  87. package/tokens/runtime/tokens.base.diagram.runtime.js +12 -0
  88. package/tokens/runtime/tokens.base.diagram.runtime.js.map +1 -1
  89. package/tokens/runtime/tokens.base.mobile.runtime.cjs +12 -0
  90. package/tokens/runtime/tokens.base.mobile.runtime.cjs.map +1 -1
  91. package/tokens/runtime/tokens.base.mobile.runtime.d.ts +12 -0
  92. package/tokens/runtime/tokens.base.mobile.runtime.js +12 -0
  93. package/tokens/runtime/tokens.base.mobile.runtime.js.map +1 -1
  94. package/tokens/runtime/tokens.brandcopilot.desktop.runtime.cjs +12 -0
  95. package/tokens/runtime/tokens.brandcopilot.desktop.runtime.cjs.map +1 -1
  96. package/tokens/runtime/tokens.brandcopilot.desktop.runtime.d.ts +12 -0
  97. package/tokens/runtime/tokens.brandcopilot.desktop.runtime.js +12 -0
  98. package/tokens/runtime/tokens.brandcopilot.desktop.runtime.js.map +1 -1
  99. package/tokens/runtime/tokens.brandcopilot.diagram.runtime.cjs +12 -0
  100. package/tokens/runtime/tokens.brandcopilot.diagram.runtime.cjs.map +1 -1
  101. package/tokens/runtime/tokens.brandcopilot.diagram.runtime.d.ts +12 -0
  102. package/tokens/runtime/tokens.brandcopilot.diagram.runtime.js +12 -0
  103. package/tokens/runtime/tokens.brandcopilot.diagram.runtime.js.map +1 -1
  104. package/tokens/runtime/tokens.brandcopilot.mobile.runtime.cjs +12 -0
  105. package/tokens/runtime/tokens.brandcopilot.mobile.runtime.cjs.map +1 -1
  106. package/tokens/runtime/tokens.brandcopilot.mobile.runtime.d.ts +12 -0
  107. package/tokens/runtime/tokens.brandcopilot.mobile.runtime.js +12 -0
  108. package/tokens/runtime/tokens.brandcopilot.mobile.runtime.js.map +1 -1
  109. package/tokens/runtime/tokens.dmpatterns.desktop.runtime.cjs +12 -0
  110. package/tokens/runtime/tokens.dmpatterns.desktop.runtime.cjs.map +1 -1
  111. package/tokens/runtime/tokens.dmpatterns.desktop.runtime.d.ts +12 -0
  112. package/tokens/runtime/tokens.dmpatterns.desktop.runtime.js +12 -0
  113. package/tokens/runtime/tokens.dmpatterns.desktop.runtime.js.map +1 -1
  114. package/tokens/runtime/tokens.dmpatterns.diagram.runtime.cjs +12 -0
  115. package/tokens/runtime/tokens.dmpatterns.diagram.runtime.cjs.map +1 -1
  116. package/tokens/runtime/tokens.dmpatterns.diagram.runtime.d.ts +12 -0
  117. package/tokens/runtime/tokens.dmpatterns.diagram.runtime.js +12 -0
  118. package/tokens/runtime/tokens.dmpatterns.diagram.runtime.js.map +1 -1
  119. package/tokens/runtime/tokens.dmpatterns.mobile.runtime.cjs +12 -0
  120. package/tokens/runtime/tokens.dmpatterns.mobile.runtime.cjs.map +1 -1
  121. package/tokens/runtime/tokens.dmpatterns.mobile.runtime.d.ts +12 -0
  122. package/tokens/runtime/tokens.dmpatterns.mobile.runtime.js +12 -0
  123. package/tokens/runtime/tokens.dmpatterns.mobile.runtime.js.map +1 -1
  124. package/tokens/runtime/tokens.pdigest.desktop.runtime.cjs +12 -0
  125. package/tokens/runtime/tokens.pdigest.desktop.runtime.cjs.map +1 -1
  126. package/tokens/runtime/tokens.pdigest.desktop.runtime.d.ts +12 -0
  127. package/tokens/runtime/tokens.pdigest.desktop.runtime.js +12 -0
  128. package/tokens/runtime/tokens.pdigest.desktop.runtime.js.map +1 -1
  129. package/tokens/runtime/tokens.pdigest.diagram.runtime.cjs +12 -0
  130. package/tokens/runtime/tokens.pdigest.diagram.runtime.cjs.map +1 -1
  131. package/tokens/runtime/tokens.pdigest.diagram.runtime.d.ts +12 -0
  132. package/tokens/runtime/tokens.pdigest.diagram.runtime.js +12 -0
  133. package/tokens/runtime/tokens.pdigest.diagram.runtime.js.map +1 -1
  134. package/tokens/runtime/tokens.pdigest.mobile.runtime.cjs +12 -0
  135. package/tokens/runtime/tokens.pdigest.mobile.runtime.cjs.map +1 -1
  136. package/tokens/runtime/tokens.pdigest.mobile.runtime.d.ts +12 -0
  137. package/tokens/runtime/tokens.pdigest.mobile.runtime.js +12 -0
  138. package/tokens/runtime/tokens.pdigest.mobile.runtime.js.map +1 -1
  139. package/tokens/runtime/tokens.retrack.desktop.runtime.cjs +184 -0
  140. package/tokens/runtime/tokens.retrack.desktop.runtime.cjs.map +1 -0
  141. package/tokens/runtime/tokens.retrack.desktop.runtime.d.ts +177 -0
  142. package/tokens/runtime/tokens.retrack.desktop.runtime.js +180 -0
  143. package/tokens/runtime/tokens.retrack.desktop.runtime.js.map +1 -0
  144. package/tokens/runtime/tokens.retrack.diagram.runtime.cjs +184 -0
  145. package/tokens/runtime/tokens.retrack.diagram.runtime.cjs.map +1 -0
  146. package/tokens/runtime/tokens.retrack.diagram.runtime.d.ts +177 -0
  147. package/tokens/runtime/tokens.retrack.diagram.runtime.js +180 -0
  148. package/tokens/runtime/tokens.retrack.diagram.runtime.js.map +1 -0
  149. package/tokens/runtime/tokens.retrack.mobile.runtime.cjs +184 -0
  150. package/tokens/runtime/tokens.retrack.mobile.runtime.cjs.map +1 -0
  151. package/tokens/runtime/tokens.retrack.mobile.runtime.d.ts +177 -0
  152. package/tokens/runtime/tokens.retrack.mobile.runtime.js +180 -0
  153. package/tokens/runtime/tokens.retrack.mobile.runtime.js.map +1 -0
  154. package/tokens/themes/base/dist/desktop.json +98 -2
  155. package/tokens/themes/base/dist/diagram.json +97 -1
  156. package/tokens/themes/base/dist/mobile.json +98 -2
  157. package/tokens/themes/brandcopilot/dist/desktop.json +98 -2
  158. package/tokens/themes/brandcopilot/dist/diagram.json +97 -1
  159. package/tokens/themes/brandcopilot/dist/mobile.json +98 -2
  160. package/tokens/themes/config.d.ts +2 -2
  161. package/tokens/themes/dmpatterns/dist/desktop.json +98 -2
  162. package/tokens/themes/dmpatterns/dist/diagram.json +97 -1
  163. package/tokens/themes/dmpatterns/dist/mobile.json +98 -2
  164. package/tokens/themes/pdigest/dist/desktop.json +98 -2
  165. package/tokens/themes/pdigest/dist/diagram.json +97 -1
  166. package/tokens/themes/pdigest/dist/mobile.json +98 -2
  167. package/tokens/themes/registry-dist.cjs +10 -10
  168. package/tokens/themes/registry-dist.cjs.map +1 -1
  169. package/tokens/themes/registry-dist.js +7 -7
  170. package/tokens/themes/registry-dist.js.map +1 -1
  171. package/tokens/themes/{redesigntrack → retrack}/dist/desktop.json +273 -177
  172. package/tokens/themes/{redesigntrack → retrack}/dist/diagram.json +272 -176
  173. package/tokens/themes/{redesigntrack → retrack}/dist/mobile.json +273 -177
  174. /package/components/logo/assets/{logo-symbol.svg → dmpatterns-symbol.svg} +0 -0
  175. /package/components/logo/assets/{logo-wordmark.svg → dmpatterns-wordmark.svg} +0 -0
@@ -50,19 +50,19 @@
50
50
  | `font/body/bigger/family` | `string` | `PP Object Sans Variable` |
51
51
  | `font/body/bigger/letter/spacing` | `float` | `0` |
52
52
  | `font/body/bigger/line` | `float` | `32` |
53
- | `font/body/bigger/weight` | `float` | `300` |
53
+ | `font/body/bigger/weight` | `float` | `312` |
54
54
  | `font/body/bigger/weight/accent` | `float` | `573` |
55
55
  | `font/body/family` | `string` | `PP Object Sans Variable` |
56
56
  | `font/body/letter/spacing` | `float` | `0` |
57
57
  | `font/body/line` | `float` | `24` |
58
58
  | `font/body/margin` | `float` | `8` |
59
- | `font/body/weight` | `float` | `400` |
59
+ | `font/body/weight` | `float` | `312` |
60
60
  | `font/body/weight/accent` | `float` | `573` |
61
61
  | `font/control` | `float` | `20` |
62
62
  | `font/control/family` | `string` | `PP Object Sans Variable` |
63
63
  | `font/control/letter/spacing` | `float` | `0` |
64
64
  | `font/control/line` | `float` | `24` |
65
- | `font/control/weight` | `float` | `400` |
65
+ | `font/control/weight` | `float` | `433` |
66
66
  | `font/h0` | `float` | `46` |
67
67
  | `font/h0/family` | `string` | `PP Object Sans Variable` |
68
68
  | `font/h0/letter/spacing` | `float` | `-0.04` |
@@ -93,19 +93,26 @@
93
93
  | `font/h4/letter/spacing` | `float` | `0` |
94
94
  | `font/h4/line` | `float` | `24` |
95
95
  | `font/h4/margin` | `float` | `12` |
96
- | `font/h4/weight` | `float` | `400` |
96
+ | `font/h4/weight` | `float` | `433` |
97
97
  | `font/lead` | `float` | `20` |
98
98
  | `font/lead/family` | `string` | `PP Object Sans Variable` |
99
99
  | `font/lead/letter/spacing` | `float` | `0` |
100
100
  | `font/lead/line` | `float` | `24` |
101
101
  | `font/lead/margin` | `float` | `12` |
102
- | `font/lead/weight` | `float` | `400` |
102
+ | `font/lead/weight` | `float` | `433` |
103
103
  | `font/lead/weight/accent` | `float` | `573` |
104
+ | `font/list` | `float` | `20` |
105
+ | `font/list/family` | `string` | `PP Object Sans Variable` |
106
+ | `font/list/item/margin` | `float` | `8` |
107
+ | `font/list/line` | `float` | `24` |
108
+ | `font/list/line/letter/spacing` | `float` | `0` |
109
+ | `font/list/margin` | `float` | `8` |
110
+ | `font/list/weight` | `float` | `312` |
104
111
  | `font/note` | `float` | `16` |
105
112
  | `font/note/family` | `string` | `PP Object Sans Variable` |
106
113
  | `font/note/letter/spacing` | `float` | `0` |
107
114
  | `font/note/line` | `float` | `20` |
108
- | `font/note/weight` | `float` | `300` |
115
+ | `font/note/weight` | `float` | `312` |
109
116
  | `font/note/weight/accent` | `float` | `573` |
110
117
 
111
118
  ## margin
@@ -179,6 +186,11 @@
179
186
 
180
187
  | Token | Type | Value |
181
188
  | --- | --- | --- |
189
+ | `size/avatar/base` | `float` | `45` |
190
+ | `size/avatar/full` | `float` | `512` |
191
+ | `size/avatar/preview` | `float` | `256` |
192
+ | `size/border/style/base` | `float` | `0` |
193
+ | `size/border/style/dash` | `float` | `16` |
182
194
  | `size/border/width/base` | `float` | `2` |
183
195
  | `size/border/width/icon` | `float` | `4` |
184
196
  | `size/border/width/min` | `float` | `1` |
@@ -40,19 +40,19 @@
40
40
  --font-body-bigger-family: PP Object Sans Variable;
41
41
  --font-body-bigger-letter-spacing: 0px;
42
42
  --font-body-bigger-line: 32px;
43
- --font-body-bigger-weight: 300;
43
+ --font-body-bigger-weight: 312;
44
44
  --font-body-bigger-weight-accent: 573;
45
45
  --font-body-family: PP Object Sans Variable;
46
46
  --font-body-letter-spacing: 0px;
47
47
  --font-body-line: 24px;
48
48
  --font-body-margin: 8px;
49
- --font-body-weight: 400;
49
+ --font-body-weight: 312;
50
50
  --font-body-weight-accent: 573;
51
51
  --font-control: var(--font-lead);
52
52
  --font-control-family: PP Object Sans Variable;
53
53
  --font-control-letter-spacing: 0px;
54
54
  --font-control-line: var(--font-lead-line);
55
- --font-control-weight: 400;
55
+ --font-control-weight: 433;
56
56
  --font-h0: 46px;
57
57
  --font-h0-family: PP Object Sans Variable;
58
58
  --font-h0-letter-spacing: -0.04px;
@@ -83,19 +83,26 @@
83
83
  --font-h4-letter-spacing: 0px;
84
84
  --font-h4-line: 24px;
85
85
  --font-h4-margin: 12px;
86
- --font-h4-weight: 400;
86
+ --font-h4-weight: 433;
87
87
  --font-lead: 20px;
88
88
  --font-lead-family: PP Object Sans Variable;
89
89
  --font-lead-letter-spacing: 0px;
90
90
  --font-lead-line: 24px;
91
91
  --font-lead-margin: 12px;
92
- --font-lead-weight: 400;
92
+ --font-lead-weight: 433;
93
93
  --font-lead-weight-accent: 573;
94
+ --font-list: var(--font-body);
95
+ --font-list-family: var(--font-body-family);
96
+ --font-list-item-margin: 8px;
97
+ --font-list-line: var(--font-body-line);
98
+ --font-list-line-letter-spacing: var(--font-body-letter-spacing);
99
+ --font-list-margin: var(--font-body-margin);
100
+ --font-list-weight: var(--font-body-weight);
94
101
  --font-note: 16px;
95
102
  --font-note-family: PP Object Sans Variable;
96
103
  --font-note-letter-spacing: 0px;
97
104
  --font-note-line: 20px;
98
- --font-note-weight: 300;
105
+ --font-note-weight: 312;
99
106
  --font-note-weight-accent: 573;
100
107
  --margin-attribute: 0px;
101
108
  --margin-bullet: 0px;
@@ -144,6 +151,11 @@
144
151
  --radius-control-circle: var(--radius-circle);
145
152
  --radius-flowchart: 30px;
146
153
  --radius-large: 84px;
154
+ --size-avatar-base: 45px;
155
+ --size-avatar-full: 512px;
156
+ --size-avatar-preview: 256px;
157
+ --size-border-style-base: 0px;
158
+ --size-border-style-dash: 16px;
147
159
  --size-border-width-base: 2px;
148
160
  --size-border-width-icon: 4px;
149
161
  --size-border-width-min: 1px;
@@ -40,19 +40,19 @@
40
40
  --font-body-bigger-family: PP Object Sans Variable;
41
41
  --font-body-bigger-letter-spacing: 0px;
42
42
  --font-body-bigger-line: 20px;
43
- --font-body-bigger-weight: 300;
43
+ --font-body-bigger-weight: 312;
44
44
  --font-body-bigger-weight-accent: 573;
45
45
  --font-body-family: PP Object Sans Variable;
46
46
  --font-body-letter-spacing: 0px;
47
47
  --font-body-line: 20px;
48
- --font-body-margin: 8px;
49
- --font-body-weight: 400;
48
+ --font-body-margin: 12px;
49
+ --font-body-weight: 312;
50
50
  --font-body-weight-accent: 573;
51
51
  --font-control: var(--font-lead);
52
52
  --font-control-family: PP Object Sans Variable;
53
53
  --font-control-letter-spacing: 0px;
54
54
  --font-control-line: var(--font-lead-line);
55
- --font-control-weight: 400;
55
+ --font-control-weight: 433;
56
56
  --font-h0: 46px;
57
57
  --font-h0-family: PP Object Sans Variable;
58
58
  --font-h0-letter-spacing: -0.04px;
@@ -83,19 +83,26 @@
83
83
  --font-h4-letter-spacing: 0px;
84
84
  --font-h4-line: 24px;
85
85
  --font-h4-margin: 12px;
86
- --font-h4-weight: 400;
86
+ --font-h4-weight: 433;
87
87
  --font-lead: 20px;
88
88
  --font-lead-family: PP Object Sans Variable;
89
89
  --font-lead-letter-spacing: 0px;
90
90
  --font-lead-line: 24px;
91
91
  --font-lead-margin: 12px;
92
- --font-lead-weight: 400;
92
+ --font-lead-weight: 433;
93
93
  --font-lead-weight-accent: 573;
94
+ --font-list: var(--font-body);
95
+ --font-list-family: var(--font-body-family);
96
+ --font-list-item-margin: 4px;
97
+ --font-list-line: var(--font-body-line);
98
+ --font-list-line-letter-spacing: var(--font-body-letter-spacing);
99
+ --font-list-margin: var(--font-body-margin);
100
+ --font-list-weight: var(--font-body-weight);
94
101
  --font-note: 16px;
95
102
  --font-note-family: PP Object Sans Variable;
96
103
  --font-note-letter-spacing: 0px;
97
104
  --font-note-line: 0px;
98
- --font-note-weight: 300;
105
+ --font-note-weight: 312;
99
106
  --font-note-weight-accent: 573;
100
107
  --margin-attribute: 0px;
101
108
  --margin-bullet: 0px;
@@ -144,6 +151,11 @@
144
151
  --radius-control-circle: var(--radius-circle);
145
152
  --radius-flowchart: 30px;
146
153
  --radius-large: 84px;
154
+ --size-avatar-base: 45px;
155
+ --size-avatar-full: 512px;
156
+ --size-avatar-preview: 256px;
157
+ --size-border-style-base: 0px;
158
+ --size-border-style-dash: 16px;
147
159
  --size-border-width-base: 2px;
148
160
  --size-border-width-icon: 4px;
149
161
  --size-border-width-min: 1px;
@@ -50,19 +50,19 @@
50
50
  | `font/body/bigger/family` | `string` | `PP Object Sans Variable` |
51
51
  | `font/body/bigger/letter/spacing` | `float` | `0` |
52
52
  | `font/body/bigger/line` | `float` | `20` |
53
- | `font/body/bigger/weight` | `float` | `300` |
53
+ | `font/body/bigger/weight` | `float` | `312` |
54
54
  | `font/body/bigger/weight/accent` | `float` | `573` |
55
55
  | `font/body/family` | `string` | `PP Object Sans Variable` |
56
56
  | `font/body/letter/spacing` | `float` | `0` |
57
57
  | `font/body/line` | `float` | `20` |
58
- | `font/body/margin` | `float` | `8` |
59
- | `font/body/weight` | `float` | `400` |
58
+ | `font/body/margin` | `float` | `12` |
59
+ | `font/body/weight` | `float` | `312` |
60
60
  | `font/body/weight/accent` | `float` | `573` |
61
61
  | `font/control` | `float` | `20` |
62
62
  | `font/control/family` | `string` | `PP Object Sans Variable` |
63
63
  | `font/control/letter/spacing` | `float` | `0` |
64
64
  | `font/control/line` | `float` | `24` |
65
- | `font/control/weight` | `float` | `400` |
65
+ | `font/control/weight` | `float` | `433` |
66
66
  | `font/h0` | `float` | `46` |
67
67
  | `font/h0/family` | `string` | `PP Object Sans Variable` |
68
68
  | `font/h0/letter/spacing` | `float` | `-0.04` |
@@ -93,19 +93,26 @@
93
93
  | `font/h4/letter/spacing` | `float` | `0` |
94
94
  | `font/h4/line` | `float` | `24` |
95
95
  | `font/h4/margin` | `float` | `12` |
96
- | `font/h4/weight` | `float` | `400` |
96
+ | `font/h4/weight` | `float` | `433` |
97
97
  | `font/lead` | `float` | `20` |
98
98
  | `font/lead/family` | `string` | `PP Object Sans Variable` |
99
99
  | `font/lead/letter/spacing` | `float` | `0` |
100
100
  | `font/lead/line` | `float` | `24` |
101
101
  | `font/lead/margin` | `float` | `12` |
102
- | `font/lead/weight` | `float` | `400` |
102
+ | `font/lead/weight` | `float` | `433` |
103
103
  | `font/lead/weight/accent` | `float` | `573` |
104
+ | `font/list` | `float` | `16` |
105
+ | `font/list/family` | `string` | `PP Object Sans Variable` |
106
+ | `font/list/item/margin` | `float` | `4` |
107
+ | `font/list/line` | `float` | `20` |
108
+ | `font/list/line/letter/spacing` | `float` | `0` |
109
+ | `font/list/margin` | `float` | `12` |
110
+ | `font/list/weight` | `float` | `312` |
104
111
  | `font/note` | `float` | `16` |
105
112
  | `font/note/family` | `string` | `PP Object Sans Variable` |
106
113
  | `font/note/letter/spacing` | `float` | `0` |
107
114
  | `font/note/line` | `float` | `0` |
108
- | `font/note/weight` | `float` | `300` |
115
+ | `font/note/weight` | `float` | `312` |
109
116
  | `font/note/weight/accent` | `float` | `573` |
110
117
 
111
118
  ## margin
@@ -179,6 +186,11 @@
179
186
 
180
187
  | Token | Type | Value |
181
188
  | --- | --- | --- |
189
+ | `size/avatar/base` | `float` | `45` |
190
+ | `size/avatar/full` | `float` | `512` |
191
+ | `size/avatar/preview` | `float` | `256` |
192
+ | `size/border/style/base` | `float` | `0` |
193
+ | `size/border/style/dash` | `float` | `16` |
182
194
  | `size/border/width/base` | `float` | `2` |
183
195
  | `size/border/width/icon` | `float` | `4` |
184
196
  | `size/border/width/min` | `float` | `1` |
@@ -40,19 +40,19 @@
40
40
  --font-body-bigger-family: PP Object Sans Variable;
41
41
  --font-body-bigger-letter-spacing: 0px;
42
42
  --font-body-bigger-line: 20px;
43
- --font-body-bigger-weight: 300;
43
+ --font-body-bigger-weight: 312;
44
44
  --font-body-bigger-weight-accent: 573;
45
45
  --font-body-family: PP Object Sans Variable;
46
46
  --font-body-letter-spacing: 0px;
47
47
  --font-body-line: 20px;
48
- --font-body-margin: 8px;
49
- --font-body-weight: 400;
48
+ --font-body-margin: 12px;
49
+ --font-body-weight: 312;
50
50
  --font-body-weight-accent: 573;
51
51
  --font-control: var(--font-lead);
52
52
  --font-control-family: PP Object Sans Variable;
53
53
  --font-control-letter-spacing: 0px;
54
54
  --font-control-line: var(--font-lead-line);
55
- --font-control-weight: 400;
55
+ --font-control-weight: 433;
56
56
  --font-h0: 46px;
57
57
  --font-h0-family: PP Object Sans Variable;
58
58
  --font-h0-letter-spacing: -0.04px;
@@ -83,19 +83,26 @@
83
83
  --font-h4-letter-spacing: 0px;
84
84
  --font-h4-line: 24px;
85
85
  --font-h4-margin: 12px;
86
- --font-h4-weight: 400;
86
+ --font-h4-weight: 433;
87
87
  --font-lead: 20px;
88
88
  --font-lead-family: PP Object Sans Variable;
89
89
  --font-lead-letter-spacing: 0px;
90
90
  --font-lead-line: 24px;
91
91
  --font-lead-margin: 12px;
92
- --font-lead-weight: 400;
92
+ --font-lead-weight: 433;
93
93
  --font-lead-weight-accent: 573;
94
+ --font-list: var(--font-body);
95
+ --font-list-family: var(--font-body-family);
96
+ --font-list-item-margin: 4px;
97
+ --font-list-line: var(--font-body-line);
98
+ --font-list-line-letter-spacing: var(--font-body-letter-spacing);
99
+ --font-list-margin: var(--font-body-margin);
100
+ --font-list-weight: var(--font-body-weight);
94
101
  --font-note: 16px;
95
102
  --font-note-family: PP Object Sans Variable;
96
103
  --font-note-letter-spacing: 0px;
97
104
  --font-note-line: 0px;
98
- --font-note-weight: 300;
105
+ --font-note-weight: 312;
99
106
  --font-note-weight-accent: 573;
100
107
  --margin-attribute: 0px;
101
108
  --margin-bullet: 0px;
@@ -144,6 +151,11 @@
144
151
  --radius-control-circle: var(--radius-circle);
145
152
  --radius-flowchart: 30px;
146
153
  --radius-large: 84px;
154
+ --size-avatar-base: 45px;
155
+ --size-avatar-full: 512px;
156
+ --size-avatar-preview: 256px;
157
+ --size-border-style-base: 0px;
158
+ --size-border-style-dash: 16px;
147
159
  --size-border-width-base: 2px;
148
160
  --size-border-width-icon: 4px;
149
161
  --size-border-width-min: 1px;
@@ -40,19 +40,19 @@
40
40
  --font-body-bigger-family: PP Object Sans Variable;
41
41
  --font-body-bigger-letter-spacing: 0px;
42
42
  --font-body-bigger-line: 24px;
43
- --font-body-bigger-weight: 300;
43
+ --font-body-bigger-weight: 312;
44
44
  --font-body-bigger-weight-accent: 573;
45
45
  --font-body-family: PP Object Sans Variable;
46
46
  --font-body-letter-spacing: 0px;
47
47
  --font-body-line: 24px;
48
- --font-body-margin: 12px;
49
- --font-body-weight: 400;
48
+ --font-body-margin: 20px;
49
+ --font-body-weight: 312;
50
50
  --font-body-weight-accent: 573;
51
51
  --font-control: var(--font-lead);
52
52
  --font-control-family: PP Object Sans Variable;
53
53
  --font-control-letter-spacing: 0px;
54
54
  --font-control-line: var(--font-lead-line);
55
- --font-control-weight: 400;
55
+ --font-control-weight: 433;
56
56
  --font-h0: 150px;
57
57
  --font-h0-family: PP Object Sans Variable;
58
58
  --font-h0-letter-spacing: -0.04px;
@@ -83,19 +83,26 @@
83
83
  --font-h4-letter-spacing: 0px;
84
84
  --font-h4-line: 36px;
85
85
  --font-h4-margin: 12px;
86
- --font-h4-weight: 400;
86
+ --font-h4-weight: 433;
87
87
  --font-lead: 24px;
88
88
  --font-lead-family: PP Object Sans Variable;
89
89
  --font-lead-letter-spacing: 0px;
90
90
  --font-lead-line: 32px;
91
91
  --font-lead-margin: 12px;
92
- --font-lead-weight: 400;
92
+ --font-lead-weight: 433;
93
93
  --font-lead-weight-accent: 573;
94
+ --font-list: var(--font-body);
95
+ --font-list-family: var(--font-body-family);
96
+ --font-list-item-margin: 8px;
97
+ --font-list-line: var(--font-body-line);
98
+ --font-list-line-letter-spacing: var(--font-body-letter-spacing);
99
+ --font-list-margin: var(--font-body-margin);
100
+ --font-list-weight: var(--font-body-weight);
94
101
  --font-note: 16px;
95
102
  --font-note-family: PP Object Sans Variable;
96
103
  --font-note-letter-spacing: 0px;
97
104
  --font-note-line: 20px;
98
- --font-note-weight: 300;
105
+ --font-note-weight: 312;
99
106
  --font-note-weight-accent: 573;
100
107
  --margin-attribute: 0px;
101
108
  --margin-bullet: 0px;
@@ -144,6 +151,11 @@
144
151
  --radius-control-circle: var(--radius-circle);
145
152
  --radius-flowchart: 30px;
146
153
  --radius-large: 84px;
154
+ --size-avatar-base: 45px;
155
+ --size-avatar-full: 512px;
156
+ --size-avatar-preview: 256px;
157
+ --size-border-style-base: 0px;
158
+ --size-border-style-dash: 16px;
147
159
  --size-border-width-base: 2px;
148
160
  --size-border-width-icon: 4px;
149
161
  --size-border-width-min: 1px;
@@ -50,19 +50,19 @@
50
50
  | `font/body/bigger/family` | `string` | `PP Object Sans Variable` |
51
51
  | `font/body/bigger/letter/spacing` | `float` | `0` |
52
52
  | `font/body/bigger/line` | `float` | `24` |
53
- | `font/body/bigger/weight` | `float` | `300` |
53
+ | `font/body/bigger/weight` | `float` | `312` |
54
54
  | `font/body/bigger/weight/accent` | `float` | `573` |
55
55
  | `font/body/family` | `string` | `PP Object Sans Variable` |
56
56
  | `font/body/letter/spacing` | `float` | `0` |
57
57
  | `font/body/line` | `float` | `24` |
58
- | `font/body/margin` | `float` | `12` |
59
- | `font/body/weight` | `float` | `400` |
58
+ | `font/body/margin` | `float` | `20` |
59
+ | `font/body/weight` | `float` | `312` |
60
60
  | `font/body/weight/accent` | `float` | `573` |
61
61
  | `font/control` | `float` | `24` |
62
62
  | `font/control/family` | `string` | `PP Object Sans Variable` |
63
63
  | `font/control/letter/spacing` | `float` | `0` |
64
64
  | `font/control/line` | `float` | `32` |
65
- | `font/control/weight` | `float` | `400` |
65
+ | `font/control/weight` | `float` | `433` |
66
66
  | `font/h0` | `float` | `150` |
67
67
  | `font/h0/family` | `string` | `PP Object Sans Variable` |
68
68
  | `font/h0/letter/spacing` | `float` | `-0.04` |
@@ -93,19 +93,26 @@
93
93
  | `font/h4/letter/spacing` | `float` | `0` |
94
94
  | `font/h4/line` | `float` | `36` |
95
95
  | `font/h4/margin` | `float` | `12` |
96
- | `font/h4/weight` | `float` | `400` |
96
+ | `font/h4/weight` | `float` | `433` |
97
97
  | `font/lead` | `float` | `24` |
98
98
  | `font/lead/family` | `string` | `PP Object Sans Variable` |
99
99
  | `font/lead/letter/spacing` | `float` | `0` |
100
100
  | `font/lead/line` | `float` | `32` |
101
101
  | `font/lead/margin` | `float` | `12` |
102
- | `font/lead/weight` | `float` | `400` |
102
+ | `font/lead/weight` | `float` | `433` |
103
103
  | `font/lead/weight/accent` | `float` | `573` |
104
+ | `font/list` | `float` | `20` |
105
+ | `font/list/family` | `string` | `PP Object Sans Variable` |
106
+ | `font/list/item/margin` | `float` | `8` |
107
+ | `font/list/line` | `float` | `24` |
108
+ | `font/list/line/letter/spacing` | `float` | `0` |
109
+ | `font/list/margin` | `float` | `20` |
110
+ | `font/list/weight` | `float` | `312` |
104
111
  | `font/note` | `float` | `16` |
105
112
  | `font/note/family` | `string` | `PP Object Sans Variable` |
106
113
  | `font/note/letter/spacing` | `float` | `0` |
107
114
  | `font/note/line` | `float` | `20` |
108
- | `font/note/weight` | `float` | `300` |
115
+ | `font/note/weight` | `float` | `312` |
109
116
  | `font/note/weight/accent` | `float` | `573` |
110
117
 
111
118
  ## margin
@@ -179,6 +186,11 @@
179
186
 
180
187
  | Token | Type | Value |
181
188
  | --- | --- | --- |
189
+ | `size/avatar/base` | `float` | `45` |
190
+ | `size/avatar/full` | `float` | `512` |
191
+ | `size/avatar/preview` | `float` | `256` |
192
+ | `size/border/style/base` | `float` | `0` |
193
+ | `size/border/style/dash` | `float` | `16` |
182
194
  | `size/border/width/base` | `float` | `2` |
183
195
  | `size/border/width/icon` | `float` | `4` |
184
196
  | `size/border/width/min` | `float` | `1` |
@@ -40,19 +40,19 @@
40
40
  --font-body-bigger-family: PP Object Sans Variable;
41
41
  --font-body-bigger-letter-spacing: 0px;
42
42
  --font-body-bigger-line: 24px;
43
- --font-body-bigger-weight: 300;
43
+ --font-body-bigger-weight: 312;
44
44
  --font-body-bigger-weight-accent: 573;
45
45
  --font-body-family: PP Object Sans Variable;
46
46
  --font-body-letter-spacing: 0px;
47
47
  --font-body-line: 24px;
48
- --font-body-margin: 12px;
49
- --font-body-weight: 400;
48
+ --font-body-margin: 20px;
49
+ --font-body-weight: 312;
50
50
  --font-body-weight-accent: 573;
51
51
  --font-control: var(--font-lead);
52
52
  --font-control-family: PP Object Sans Variable;
53
53
  --font-control-letter-spacing: 0px;
54
54
  --font-control-line: var(--font-lead-line);
55
- --font-control-weight: 400;
55
+ --font-control-weight: 433;
56
56
  --font-h0: 150px;
57
57
  --font-h0-family: PP Object Sans Variable;
58
58
  --font-h0-letter-spacing: -0.04px;
@@ -83,19 +83,26 @@
83
83
  --font-h4-letter-spacing: 0px;
84
84
  --font-h4-line: 36px;
85
85
  --font-h4-margin: 12px;
86
- --font-h4-weight: 400;
86
+ --font-h4-weight: 433;
87
87
  --font-lead: 24px;
88
88
  --font-lead-family: PP Object Sans Variable;
89
89
  --font-lead-letter-spacing: 0px;
90
90
  --font-lead-line: 32px;
91
91
  --font-lead-margin: 12px;
92
- --font-lead-weight: 400;
92
+ --font-lead-weight: 433;
93
93
  --font-lead-weight-accent: 573;
94
+ --font-list: var(--font-body);
95
+ --font-list-family: var(--font-body-family);
96
+ --font-list-item-margin: 8px;
97
+ --font-list-line: var(--font-body-line);
98
+ --font-list-line-letter-spacing: var(--font-body-letter-spacing);
99
+ --font-list-margin: var(--font-body-margin);
100
+ --font-list-weight: var(--font-body-weight);
94
101
  --font-note: 16px;
95
102
  --font-note-family: PP Object Sans Variable;
96
103
  --font-note-letter-spacing: 0px;
97
104
  --font-note-line: 20px;
98
- --font-note-weight: 300;
105
+ --font-note-weight: 312;
99
106
  --font-note-weight-accent: 573;
100
107
  --margin-attribute: 0px;
101
108
  --margin-bullet: 0px;
@@ -144,6 +151,11 @@
144
151
  --radius-control-circle: var(--radius-circle);
145
152
  --radius-flowchart: 30px;
146
153
  --radius-large: 84px;
154
+ --size-avatar-base: 45px;
155
+ --size-avatar-full: 512px;
156
+ --size-avatar-preview: 256px;
157
+ --size-border-style-base: 0px;
158
+ --size-border-style-dash: 16px;
147
159
  --size-border-width-base: 2px;
148
160
  --size-border-width-icon: 4px;
149
161
  --size-border-width-min: 1px;
@@ -40,19 +40,19 @@
40
40
  --font-body-bigger-family: PP Object Sans Variable;
41
41
  --font-body-bigger-letter-spacing: 0px;
42
42
  --font-body-bigger-line: 32px;
43
- --font-body-bigger-weight: 300;
43
+ --font-body-bigger-weight: 312;
44
44
  --font-body-bigger-weight-accent: 573;
45
45
  --font-body-family: PP Object Sans Variable;
46
46
  --font-body-letter-spacing: 0px;
47
47
  --font-body-line: 24px;
48
48
  --font-body-margin: 8px;
49
- --font-body-weight: 400;
49
+ --font-body-weight: 312;
50
50
  --font-body-weight-accent: 573;
51
51
  --font-control: var(--font-lead);
52
52
  --font-control-family: PP Object Sans Variable;
53
53
  --font-control-letter-spacing: 0px;
54
54
  --font-control-line: var(--font-lead-line);
55
- --font-control-weight: 400;
55
+ --font-control-weight: 433;
56
56
  --font-h0: 46px;
57
57
  --font-h0-family: PP Object Sans Variable;
58
58
  --font-h0-letter-spacing: -0.04px;
@@ -83,19 +83,26 @@
83
83
  --font-h4-letter-spacing: 0px;
84
84
  --font-h4-line: 24px;
85
85
  --font-h4-margin: 12px;
86
- --font-h4-weight: 400;
86
+ --font-h4-weight: 433;
87
87
  --font-lead: 20px;
88
88
  --font-lead-family: PP Object Sans Variable;
89
89
  --font-lead-letter-spacing: 0px;
90
90
  --font-lead-line: 24px;
91
91
  --font-lead-margin: 12px;
92
- --font-lead-weight: 400;
92
+ --font-lead-weight: 433;
93
93
  --font-lead-weight-accent: 573;
94
+ --font-list: var(--font-body);
95
+ --font-list-family: var(--font-body-family);
96
+ --font-list-item-margin: 8px;
97
+ --font-list-line: var(--font-body-line);
98
+ --font-list-line-letter-spacing: var(--font-body-letter-spacing);
99
+ --font-list-margin: var(--font-body-margin);
100
+ --font-list-weight: var(--font-body-weight);
94
101
  --font-note: 16px;
95
102
  --font-note-family: PP Object Sans Variable;
96
103
  --font-note-letter-spacing: 0px;
97
104
  --font-note-line: 20px;
98
- --font-note-weight: 300;
105
+ --font-note-weight: 312;
99
106
  --font-note-weight-accent: 573;
100
107
  --margin-attribute: 0px;
101
108
  --margin-bullet: 0px;
@@ -144,6 +151,11 @@
144
151
  --radius-control-circle: var(--radius-circle);
145
152
  --radius-flowchart: 30px;
146
153
  --radius-large: 84px;
154
+ --size-avatar-base: 45px;
155
+ --size-avatar-full: 512px;
156
+ --size-avatar-preview: 256px;
157
+ --size-border-style-base: 0px;
158
+ --size-border-style-dash: 16px;
147
159
  --size-border-width-base: 2px;
148
160
  --size-border-width-icon: 4px;
149
161
  --size-border-width-min: 1px;
@@ -50,19 +50,19 @@
50
50
  | `font/body/bigger/family` | `string` | `PP Object Sans Variable` |
51
51
  | `font/body/bigger/letter/spacing` | `float` | `0` |
52
52
  | `font/body/bigger/line` | `float` | `32` |
53
- | `font/body/bigger/weight` | `float` | `300` |
53
+ | `font/body/bigger/weight` | `float` | `312` |
54
54
  | `font/body/bigger/weight/accent` | `float` | `573` |
55
55
  | `font/body/family` | `string` | `PP Object Sans Variable` |
56
56
  | `font/body/letter/spacing` | `float` | `0` |
57
57
  | `font/body/line` | `float` | `24` |
58
58
  | `font/body/margin` | `float` | `8` |
59
- | `font/body/weight` | `float` | `400` |
59
+ | `font/body/weight` | `float` | `312` |
60
60
  | `font/body/weight/accent` | `float` | `573` |
61
61
  | `font/control` | `float` | `20` |
62
62
  | `font/control/family` | `string` | `PP Object Sans Variable` |
63
63
  | `font/control/letter/spacing` | `float` | `0` |
64
64
  | `font/control/line` | `float` | `24` |
65
- | `font/control/weight` | `float` | `400` |
65
+ | `font/control/weight` | `float` | `433` |
66
66
  | `font/h0` | `float` | `46` |
67
67
  | `font/h0/family` | `string` | `PP Object Sans Variable` |
68
68
  | `font/h0/letter/spacing` | `float` | `-0.04` |
@@ -93,19 +93,26 @@
93
93
  | `font/h4/letter/spacing` | `float` | `0` |
94
94
  | `font/h4/line` | `float` | `24` |
95
95
  | `font/h4/margin` | `float` | `12` |
96
- | `font/h4/weight` | `float` | `400` |
96
+ | `font/h4/weight` | `float` | `433` |
97
97
  | `font/lead` | `float` | `20` |
98
98
  | `font/lead/family` | `string` | `PP Object Sans Variable` |
99
99
  | `font/lead/letter/spacing` | `float` | `0` |
100
100
  | `font/lead/line` | `float` | `24` |
101
101
  | `font/lead/margin` | `float` | `12` |
102
- | `font/lead/weight` | `float` | `400` |
102
+ | `font/lead/weight` | `float` | `433` |
103
103
  | `font/lead/weight/accent` | `float` | `573` |
104
+ | `font/list` | `float` | `20` |
105
+ | `font/list/family` | `string` | `PP Object Sans Variable` |
106
+ | `font/list/item/margin` | `float` | `8` |
107
+ | `font/list/line` | `float` | `24` |
108
+ | `font/list/line/letter/spacing` | `float` | `0` |
109
+ | `font/list/margin` | `float` | `8` |
110
+ | `font/list/weight` | `float` | `312` |
104
111
  | `font/note` | `float` | `16` |
105
112
  | `font/note/family` | `string` | `PP Object Sans Variable` |
106
113
  | `font/note/letter/spacing` | `float` | `0` |
107
114
  | `font/note/line` | `float` | `20` |
108
- | `font/note/weight` | `float` | `300` |
115
+ | `font/note/weight` | `float` | `312` |
109
116
  | `font/note/weight/accent` | `float` | `573` |
110
117
 
111
118
  ## margin
@@ -179,6 +186,11 @@
179
186
 
180
187
  | Token | Type | Value |
181
188
  | --- | --- | --- |
189
+ | `size/avatar/base` | `float` | `45` |
190
+ | `size/avatar/full` | `float` | `512` |
191
+ | `size/avatar/preview` | `float` | `256` |
192
+ | `size/border/style/base` | `float` | `0` |
193
+ | `size/border/style/dash` | `float` | `16` |
182
194
  | `size/border/width/base` | `float` | `2` |
183
195
  | `size/border/width/icon` | `float` | `4` |
184
196
  | `size/border/width/min` | `float` | `1` |