@madgex/design-system 6.3.11 → 7.0.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 (28) hide show
  1. package/dist/_tokens/css/_tokens.css +25 -90
  2. package/dist/_tokens/js/_tokens-module.js +465 -2092
  3. package/dist/assets/icons.json +1 -1
  4. package/dist/css/index.css +1 -1
  5. package/package.json +2 -2
  6. package/src/components/accordion/accordion.config.js +1 -1
  7. package/src/components/button/button.scss +1 -1
  8. package/src/components/card/card.scss +1 -1
  9. package/src/components/inputs/_form-elements.scss +2 -2
  10. package/src/components/inputs/combobox/combobox.scss +0 -1
  11. package/src/components/inputs/text-editor/text-editor.scss +1 -1
  12. package/src/components/pagination/pagination.config.js +3 -3
  13. package/src/components/skip-link/skip-link.scss +1 -1
  14. package/src/components/tabs/tabs.scss +2 -2
  15. package/src/components/toggle-button-links/toggle-button-links.scss +1 -1
  16. package/src/helpers/edited-text/edited-text.njk +1 -1
  17. package/src/scss/constants/_sd-tokens.scss +1 -1
  18. package/src/scss/core/_lists.scss +1 -1
  19. package/src/scss/core/_typography.scss +5 -5
  20. package/src/scss/helpers/_edited-text.scss +3 -3
  21. package/src/scss/helpers/_font-types.scss +17 -31
  22. package/src/tokens/_config.js +2 -10
  23. package/src/tokens/typography.json +62 -187
  24. package/src/typography/block-of-text.config.json +3 -0
  25. package/src/typography/block-of-text.njk +4 -0
  26. package/src/typography/font-types.config.json +1 -1
  27. package/src/typography/font-types.njk +20 -41
  28. package/tasks/registerTransforms.js +1 -28
package/dist/_tokens/css/_tokens.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 04 Jul 2024 06:59:55 GMT
3
+ * Generated on Wed, 10 Jul 2024 10:09:43 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -126,95 +126,30 @@
126
126
  --mds-font-spacing-heading-3: normal;
127
127
  --mds-font-spacing-heading-base: normal;
128
128
  --mds-font-spacing-button: normal;
129
- --mds-font-size-base: 16px;
130
- --mds-font-type-canon-default-size: 1.750rem;
131
- --mds-font-type-canon-default-line-height: 1.15;
132
- --mds-font-type-canon-sm-size: 2.000rem;
133
- --mds-font-type-canon-sm-line-height: 1.13;
134
- --mds-font-type-canon-md-size: 3.250rem;
135
- --mds-font-type-canon-md-line-height: 1.08;
136
- --mds-font-type-canon-lg-size: 2.750rem;
137
- --mds-font-type-canon-lg-line-height: 1.1;
138
- --mds-font-type-trafalgar-default-size: 1.250rem;
139
- --mds-font-type-trafalgar-default-line-height: 1.2;
140
- --mds-font-type-trafalgar-sm-size: 1.500rem;
141
- --mds-font-type-trafalgar-sm-line-height: 1.17;
142
- --mds-font-type-trafalgar-md-size: 2.250rem;
143
- --mds-font-type-trafalgar-md-line-height: 1.12;
144
- --mds-font-type-trafalgar-lg-size: 2.000rem;
145
- --mds-font-type-trafalgar-lg-line-height: 1.13;
146
- --mds-font-type-paragon-default-size: 1.250rem;
147
- --mds-font-type-paragon-default-line-height: 1.2;
148
- --mds-font-type-paragon-sm-size: 1.375rem;
149
- --mds-font-type-paragon-sm-line-height: 1.19;
150
- --mds-font-type-paragon-md-size: 1.750rem;
151
- --mds-font-type-paragon-md-line-height: 1.15;
152
- --mds-font-type-paragon-lg-size: 1.750rem;
153
- --mds-font-type-paragon-lg-line-height: 1.15;
154
- --mds-font-type-double-pica-default-size: 1.250rem;
155
- --mds-font-type-double-pica-default-line-height: 1.2;
156
- --mds-font-type-double-pica-sm-size: 1.250rem;
157
- --mds-font-type-double-pica-sm-line-height: 1.2;
158
- --mds-font-type-double-pica-md-size: 1.625rem;
159
- --mds-font-type-double-pica-md-line-height: 1.16;
160
- --mds-font-type-double-pica-lg-size: 1.500rem;
161
- --mds-font-type-double-pica-lg-line-height: 1.17;
162
- --mds-font-type-great-primer-default-size: 1.125rem;
163
- --mds-font-type-great-primer-default-line-height: 1.23;
164
- --mds-font-type-great-primer-sm-size: 1.125rem;
165
- --mds-font-type-great-primer-sm-line-height: 1.23;
166
- --mds-font-type-great-primer-md-size: 1.313rem;
167
- --mds-font-type-great-primer-md-line-height: 1.15;
168
- --mds-font-type-great-primer-lg-size: 1.250rem;
169
- --mds-font-type-great-primer-lg-line-height: 1.2;
170
- --mds-font-type-body-copy-default-size: 1.000rem;
171
- --mds-font-type-body-copy-default-line-height: 1.38;
172
- --mds-font-type-body-copy-sm-size: 1.000rem;
173
- --mds-font-type-body-copy-sm-line-height: 1.38;
174
- --mds-font-type-body-copy-md-size: 1.125rem;
175
- --mds-font-type-body-copy-md-line-height: 1.34;
176
- --mds-font-type-body-copy-lg-size: 1.000rem;
177
- --mds-font-type-body-copy-lg-line-height: 1.38;
178
- --mds-font-type-body-copy-bulk-default-size: 1.000rem;
179
- --mds-font-type-body-copy-bulk-default-line-height: 1.75;
180
- --mds-font-type-body-copy-bulk-sm-size: 1.000rem;
181
- --mds-font-type-body-copy-bulk-sm-line-height: 1.75;
182
- --mds-font-type-body-copy-bulk-md-size: 1.125rem;
183
- --mds-font-type-body-copy-bulk-md-line-height: 1.67;
184
- --mds-font-type-body-copy-bulk-lg-size: 1.000rem;
185
- --mds-font-type-body-copy-bulk-lg-line-height: 1.75;
186
- --mds-font-type-pica-default-size: 0.938rem;
187
- --mds-font-type-pica-default-line-height: 1.34;
188
- --mds-font-type-pica-sm-size: 1.000rem;
189
- --mds-font-type-pica-sm-line-height: 1.25;
190
- --mds-font-type-pica-md-size: 1.125rem;
191
- --mds-font-type-pica-md-line-height: 1.23;
192
- --mds-font-type-pica-lg-size: 1.000rem;
193
- --mds-font-type-pica-lg-line-height: 1.25;
194
- --mds-font-type-long-primer-default-size: 0.938rem;
195
- --mds-font-type-long-primer-default-line-height: 1.2;
196
- --mds-font-type-long-primer-sm-size: 0.938rem;
197
- --mds-font-type-long-primer-sm-line-height: 1.2;
198
- --mds-font-type-long-primer-md-size: 0.938rem;
199
- --mds-font-type-long-primer-md-line-height: 1.34;
200
- --mds-font-type-long-primer-lg-size: 0.875rem;
201
- --mds-font-type-long-primer-lg-line-height: 1.29;
202
- --mds-font-type-brevier-default-size: 0.875rem;
203
- --mds-font-type-brevier-default-line-height: 1.15;
204
- --mds-font-type-brevier-sm-size: 0.875rem;
205
- --mds-font-type-brevier-sm-line-height: 1.29;
206
- --mds-font-type-brevier-md-size: 0.875rem;
207
- --mds-font-type-brevier-md-line-height: 1.29;
208
- --mds-font-type-brevier-lg-size: 0.813rem;
209
- --mds-font-type-brevier-lg-line-height: 1.24;
210
- --mds-font-type-minion-default-size: 0.750rem;
211
- --mds-font-type-minion-default-line-height: 1.34;
212
- --mds-font-type-minion-sm-size: 0.750rem;
213
- --mds-font-type-minion-sm-line-height: 1.34;
214
- --mds-font-type-minion-md-size: 0.813rem;
215
- --mds-font-type-minion-md-line-height: 1.24;
216
- --mds-font-type-minion-lg-size: 0.750rem;
217
- --mds-font-type-minion-lg-line-height: 1.34;
129
+ --mds-font-type-s-2-size: 0.75rem;
130
+ --mds-font-type-s-2-line-height: 1.35;
131
+ --mds-font-type-s-1-size: 0.875rem;
132
+ --mds-font-type-s-1-line-height: 1.35;
133
+ --mds-font-type-s0-size: 1rem;
134
+ --mds-font-type-s0-line-height: 1.4;
135
+ --mds-font-type-s1-size: clamp(1.067rem, 1.0468rem + 0.1009vi, 1.125rem);
136
+ --mds-font-type-s1-line-height: 1.4;
137
+ --mds-font-type-s2-size: clamp(1.1385rem, 1.0943rem + 0.2211vi, 1.2656rem);
138
+ --mds-font-type-s2-line-height: 1.2;
139
+ --mds-font-type-s3-size: clamp(1.2148rem, 1.1421rem + 0.3636vi, 1.4238rem);
140
+ --mds-font-type-s3-line-height: 1.2;
141
+ --mds-font-type-s4-size: clamp(1.2962rem, 1.1898rem + 0.5316vi, 1.6018rem);
142
+ --mds-font-type-s4-line-height: 1.2;
143
+ --mds-font-type-s5-size: clamp(1.383rem, 1.2372rem + 0.7288vi, 1.802rem);
144
+ --mds-font-type-s5-line-height: 1.2;
145
+ --mds-font-type-s6-size: clamp(1.4757rem, 1.2838rem + 0.9593vi, 2.0273rem);
146
+ --mds-font-type-s6-line-height: 1.15;
147
+ --mds-font-type-s7-size: clamp(1.5745rem, 1.3289rem + 1.2281vi, 2.2807rem);
148
+ --mds-font-type-s7-line-height: 1.15;
149
+ --mds-font-type-s8-size: clamp(1.68rem, 1.3719rem + 1.5405vi, 2.5658rem);
150
+ --mds-font-type-s8-line-height: 1.15;
151
+ --mds-font-type-s9-size: clamp(1.7926rem, 1.4121rem + 1.9025vi, 2.8865rem);
152
+ --mds-font-type-s9-line-height: 1.15;
218
153
  --mds-text-transform-heading-1: none;
219
154
  --mds-text-transform-heading-2: none;
220
155
  --mds-text-transform-heading-3: none;