@hpe-web/design-tokens 1.0.0 → 1.2.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 (77) hide show
  1. package/README.md +22 -13
  2. package/dist/css/fonts/de.css +0 -164
  3. package/dist/css/fonts/en.css +0 -164
  4. package/dist/css/fonts/es.css +0 -164
  5. package/dist/css/fonts/fr.css +0 -164
  6. package/dist/css/fonts/it.css +0 -164
  7. package/dist/css/fonts/zh.css +1 -1
  8. package/dist/css/tokens.css +343 -264
  9. package/dist/css/tokens.dark.css +46 -63
  10. package/dist/css/tokens.md-lg.css +113 -103
  11. package/dist/css/tokens.xl.css +109 -86
  12. package/package.json +4 -8
  13. package/src/breakpoints.json +14 -0
  14. package/src/component/button.json +1382 -0
  15. package/{static → src}/fonts.json +17 -17
  16. package/src/hpe.resolver.json +94 -0
  17. package/{static → src}/locales.json +6 -6
  18. package/{dtcg/foundation/color.tokens.json → src/primitive/primitives.json} +874 -1172
  19. package/src/semantic/color.dark.json +414 -0
  20. package/src/semantic/color.light.json +415 -0
  21. package/src/semantic/dimension.md-lg.json +764 -0
  22. package/src/semantic/dimension.xl.json +764 -0
  23. package/src/semantic/dimension.xs-sm.json +764 -0
  24. package/transforms.mjs +7 -7
  25. package/dist/css/locales/de.tokens.css +0 -65
  26. package/dist/css/locales/es.tokens.css +0 -65
  27. package/dist/css/locales/fr.tokens.css +0 -65
  28. package/dist/css/locales/it.tokens.css +0 -65
  29. package/dist/css/locales/ja.tokens.css +0 -84
  30. package/dist/css/locales/ko.tokens.css +0 -84
  31. package/dist/css/locales/zh.tokens.css +0 -11
  32. package/dtcg/foundation/border-radius.tokens.json +0 -239
  33. package/dtcg/foundation/border-width.tokens.json +0 -103
  34. package/dtcg/foundation/breakpoint.tokens.json +0 -27
  35. package/dtcg/foundation/dimension.tokens.json +0 -258
  36. package/dtcg/foundation/font-family.tokens.json +0 -53
  37. package/dtcg/foundation/font-size.tokens.json +0 -408
  38. package/dtcg/foundation/font-weight.tokens.json +0 -214
  39. package/dtcg/foundation/letter-spacing.tokens.json +0 -203
  40. package/dtcg/foundation/line-height.tokens.json +0 -408
  41. package/dtcg/foundation/size.tokens.json +0 -191
  42. package/dtcg/foundation/space.tokens.json +0 -431
  43. package/dtcg/foundation/typography.tokens.json +0 -625
  44. package/dtcg/hpe.resolver.json +0 -178
  45. package/dtcg/semantic/border-radius.tokens.json +0 -149
  46. package/dtcg/semantic/border-width.tokens.json +0 -50
  47. package/dtcg/semantic/font-family.tokens.json +0 -42
  48. package/dtcg/semantic/font-size.tokens.json +0 -285
  49. package/dtcg/semantic/font-weight.tokens.json +0 -134
  50. package/dtcg/semantic/letter-spacing.tokens.json +0 -203
  51. package/dtcg/semantic/line-height.tokens.json +0 -285
  52. package/dtcg/semantic/size.tokens.json +0 -120
  53. package/dtcg/semantic/space.tokens.json +0 -275
  54. package/dtcg/semantic/typography.tokens.json +0 -536
  55. package/dtcg/theme/dark/color.tokens.json +0 -698
  56. package/dtcg/theme/light/color.tokens.json +0 -722
  57. package/dtcg/viewport/md-lg/font-size.tokens.json +0 -189
  58. package/dtcg/viewport/md-lg/font-weight.tokens.json +0 -11
  59. package/dtcg/viewport/md-lg/letter-spacing.tokens.json +0 -88
  60. package/dtcg/viewport/md-lg/line-height.tokens.json +0 -125
  61. package/dtcg/viewport/md-lg/size.tokens.json +0 -20
  62. package/dtcg/viewport/md-lg/space.tokens.json +0 -36
  63. package/dtcg/viewport/sm-xs/border-radius.tokens.json +0 -48
  64. package/dtcg/viewport/sm-xs/border-width.tokens.json +0 -15
  65. package/dtcg/viewport/sm-xs/font-size.tokens.json +0 -236
  66. package/dtcg/viewport/sm-xs/font-weight.tokens.json +0 -18
  67. package/dtcg/viewport/sm-xs/letter-spacing.tokens.json +0 -130
  68. package/dtcg/viewport/sm-xs/line-height.tokens.json +0 -236
  69. package/dtcg/viewport/sm-xs/size.tokens.json +0 -39
  70. package/dtcg/viewport/sm-xs/space.tokens.json +0 -46
  71. package/dtcg/viewport/xl/border-radius.tokens.json +0 -48
  72. package/dtcg/viewport/xl/font-size.tokens.json +0 -236
  73. package/dtcg/viewport/xl/letter-spacing.tokens.json +0 -122
  74. package/dtcg/viewport/xl/line-height.tokens.json +0 -178
  75. package/dtcg/viewport/xl/size.tokens.json +0 -84
  76. package/dtcg/viewport/xl/space.tokens.json +0 -68
  77. package/static/breakpoints.json +0 -23
package/dist/css/fonts/fr.css CHANGED
@@ -153,167 +153,3 @@
153
153
  font-style: italic;
154
154
  font-display: swap;
155
155
  }
156
-
157
- /* ——— HPE Graphik (condensed) ——— */
158
-
159
- @font-face {
160
- font-family: 'HPE Graphik';
161
- src: url('https://www.hpe.com/content/dam/hpe/fonts/graphik/HPEGraphikXXCondensed-Thin-Web.woff2') format('woff2');
162
- font-weight: 100;
163
- font-style: normal;
164
- font-stretch: condensed;
165
- font-display: swap;
166
- }
167
-
168
- @font-face {
169
- font-family: 'HPE Graphik';
170
- src: url('https://www.hpe.com/content/dam/hpe/fonts/graphik/HPEGraphikXXCondensed-ThinItalic-Web.woff2') format('woff2');
171
- font-weight: 100;
172
- font-style: italic;
173
- font-stretch: condensed;
174
- font-display: swap;
175
- }
176
-
177
- @font-face {
178
- font-family: 'HPE Graphik';
179
- src: url('https://www.hpe.com/content/dam/hpe/fonts/graphik/HPEGraphikXXCondensed-Extralight-Web.woff2') format('woff2');
180
- font-weight: 200;
181
- font-style: normal;
182
- font-stretch: condensed;
183
- font-display: swap;
184
- }
185
-
186
- @font-face {
187
- font-family: 'HPE Graphik';
188
- src: url('https://www.hpe.com/content/dam/hpe/fonts/graphik/HPEGraphikXXCondensed-ExtralightItalic-Web.woff2') format('woff2');
189
- font-weight: 200;
190
- font-style: italic;
191
- font-stretch: condensed;
192
- font-display: swap;
193
- }
194
-
195
- @font-face {
196
- font-family: 'HPE Graphik';
197
- src: url('https://www.hpe.com/content/dam/hpe/fonts/graphik/HPEGraphikXXCondensed-Light-Web.woff2') format('woff2');
198
- font-weight: 300;
199
- font-style: normal;
200
- font-stretch: condensed;
201
- font-display: swap;
202
- }
203
-
204
- @font-face {
205
- font-family: 'HPE Graphik';
206
- src: url('https://www.hpe.com/content/dam/hpe/fonts/graphik/HPEGraphikXXCondensed-LightItalic-Web.woff2') format('woff2');
207
- font-weight: 300;
208
- font-style: italic;
209
- font-stretch: condensed;
210
- font-display: swap;
211
- }
212
-
213
- @font-face {
214
- font-family: 'HPE Graphik';
215
- src: url('https://www.hpe.com/content/dam/hpe/fonts/graphik/HPEGraphikXXCondensed-Regular-Web.woff2') format('woff2');
216
- font-weight: 400;
217
- font-style: normal;
218
- font-stretch: condensed;
219
- font-display: swap;
220
- }
221
-
222
- @font-face {
223
- font-family: 'HPE Graphik';
224
- src: url('https://www.hpe.com/content/dam/hpe/fonts/graphik/HPEGraphikXXCondensed-RegularItalic-Web.woff2') format('woff2');
225
- font-weight: 400;
226
- font-style: italic;
227
- font-stretch: condensed;
228
- font-display: swap;
229
- }
230
-
231
- @font-face {
232
- font-family: 'HPE Graphik';
233
- src: url('https://www.hpe.com/content/dam/hpe/fonts/graphik/HPEGraphikXXCondensed-Medium-Web.woff2') format('woff2');
234
- font-weight: 500;
235
- font-style: normal;
236
- font-stretch: condensed;
237
- font-display: swap;
238
- }
239
-
240
- @font-face {
241
- font-family: 'HPE Graphik';
242
- src: url('https://www.hpe.com/content/dam/hpe/fonts/graphik/HPEGraphikXXCondensed-MediumItalic-Web.woff2') format('woff2');
243
- font-weight: 500;
244
- font-style: italic;
245
- font-stretch: condensed;
246
- font-display: swap;
247
- }
248
-
249
- @font-face {
250
- font-family: 'HPE Graphik';
251
- src: url('https://www.hpe.com/content/dam/hpe/fonts/graphik/HPEGraphikXXCondensed-Semibold-Web.woff2') format('woff2');
252
- font-weight: 600;
253
- font-style: normal;
254
- font-stretch: condensed;
255
- font-display: swap;
256
- }
257
-
258
- @font-face {
259
- font-family: 'HPE Graphik';
260
- src: url('https://www.hpe.com/content/dam/hpe/fonts/graphik/HPEGraphikXXCondensed-SemiboldItalic-Web.woff2') format('woff2');
261
- font-weight: 600;
262
- font-style: italic;
263
- font-stretch: condensed;
264
- font-display: swap;
265
- }
266
-
267
- @font-face {
268
- font-family: 'HPE Graphik';
269
- src: url('https://www.hpe.com/content/dam/hpe/fonts/graphik/HPEGraphikXXCondensed-Bold-Web.woff2') format('woff2');
270
- font-weight: 700;
271
- font-style: normal;
272
- font-stretch: condensed;
273
- font-display: swap;
274
- }
275
-
276
- @font-face {
277
- font-family: 'HPE Graphik';
278
- src: url('https://www.hpe.com/content/dam/hpe/fonts/graphik/HPEGraphikXXCondensed-BoldItalic-Web.woff2') format('woff2');
279
- font-weight: 700;
280
- font-style: italic;
281
- font-stretch: condensed;
282
- font-display: swap;
283
- }
284
-
285
- @font-face {
286
- font-family: 'HPE Graphik';
287
- src: url('https://www.hpe.com/content/dam/hpe/fonts/graphik/HPEGraphikXXCondensed-Black-Web.woff2') format('woff2');
288
- font-weight: 800;
289
- font-style: normal;
290
- font-stretch: condensed;
291
- font-display: swap;
292
- }
293
-
294
- @font-face {
295
- font-family: 'HPE Graphik';
296
- src: url('https://www.hpe.com/content/dam/hpe/fonts/graphik/HPEGraphikXXCondensed-BlackItalic-Web.woff2') format('woff2');
297
- font-weight: 800;
298
- font-style: italic;
299
- font-stretch: condensed;
300
- font-display: swap;
301
- }
302
-
303
- @font-face {
304
- font-family: 'HPE Graphik';
305
- src: url('https://www.hpe.com/content/dam/hpe/fonts/graphik/HPEGraphikXXCondensed-Super-Web.woff2') format('woff2');
306
- font-weight: 900;
307
- font-style: normal;
308
- font-stretch: condensed;
309
- font-display: swap;
310
- }
311
-
312
- @font-face {
313
- font-family: 'HPE Graphik';
314
- src: url('https://www.hpe.com/content/dam/hpe/fonts/graphik/HPEGraphikXXCondensed-SuperItalic-Web.woff2') format('woff2');
315
- font-weight: 900;
316
- font-style: italic;
317
- font-stretch: condensed;
318
- font-display: swap;
319
- }
package/dist/css/fonts/it.css CHANGED
@@ -153,167 +153,3 @@
153
153
  font-style: italic;
154
154
  font-display: swap;
155
155
  }
156
-
157
- /* ——— HPE Graphik (condensed) ——— */
158
-
159
- @font-face {
160
- font-family: 'HPE Graphik';
161
- src: url('https://www.hpe.com/content/dam/hpe/fonts/graphik/HPEGraphikXXCondensed-Thin-Web.woff2') format('woff2');
162
- font-weight: 100;
163
- font-style: normal;
164
- font-stretch: condensed;
165
- font-display: swap;
166
- }
167
-
168
- @font-face {
169
- font-family: 'HPE Graphik';
170
- src: url('https://www.hpe.com/content/dam/hpe/fonts/graphik/HPEGraphikXXCondensed-ThinItalic-Web.woff2') format('woff2');
171
- font-weight: 100;
172
- font-style: italic;
173
- font-stretch: condensed;
174
- font-display: swap;
175
- }
176
-
177
- @font-face {
178
- font-family: 'HPE Graphik';
179
- src: url('https://www.hpe.com/content/dam/hpe/fonts/graphik/HPEGraphikXXCondensed-Extralight-Web.woff2') format('woff2');
180
- font-weight: 200;
181
- font-style: normal;
182
- font-stretch: condensed;
183
- font-display: swap;
184
- }
185
-
186
- @font-face {
187
- font-family: 'HPE Graphik';
188
- src: url('https://www.hpe.com/content/dam/hpe/fonts/graphik/HPEGraphikXXCondensed-ExtralightItalic-Web.woff2') format('woff2');
189
- font-weight: 200;
190
- font-style: italic;
191
- font-stretch: condensed;
192
- font-display: swap;
193
- }
194
-
195
- @font-face {
196
- font-family: 'HPE Graphik';
197
- src: url('https://www.hpe.com/content/dam/hpe/fonts/graphik/HPEGraphikXXCondensed-Light-Web.woff2') format('woff2');
198
- font-weight: 300;
199
- font-style: normal;
200
- font-stretch: condensed;
201
- font-display: swap;
202
- }
203
-
204
- @font-face {
205
- font-family: 'HPE Graphik';
206
- src: url('https://www.hpe.com/content/dam/hpe/fonts/graphik/HPEGraphikXXCondensed-LightItalic-Web.woff2') format('woff2');
207
- font-weight: 300;
208
- font-style: italic;
209
- font-stretch: condensed;
210
- font-display: swap;
211
- }
212
-
213
- @font-face {
214
- font-family: 'HPE Graphik';
215
- src: url('https://www.hpe.com/content/dam/hpe/fonts/graphik/HPEGraphikXXCondensed-Regular-Web.woff2') format('woff2');
216
- font-weight: 400;
217
- font-style: normal;
218
- font-stretch: condensed;
219
- font-display: swap;
220
- }
221
-
222
- @font-face {
223
- font-family: 'HPE Graphik';
224
- src: url('https://www.hpe.com/content/dam/hpe/fonts/graphik/HPEGraphikXXCondensed-RegularItalic-Web.woff2') format('woff2');
225
- font-weight: 400;
226
- font-style: italic;
227
- font-stretch: condensed;
228
- font-display: swap;
229
- }
230
-
231
- @font-face {
232
- font-family: 'HPE Graphik';
233
- src: url('https://www.hpe.com/content/dam/hpe/fonts/graphik/HPEGraphikXXCondensed-Medium-Web.woff2') format('woff2');
234
- font-weight: 500;
235
- font-style: normal;
236
- font-stretch: condensed;
237
- font-display: swap;
238
- }
239
-
240
- @font-face {
241
- font-family: 'HPE Graphik';
242
- src: url('https://www.hpe.com/content/dam/hpe/fonts/graphik/HPEGraphikXXCondensed-MediumItalic-Web.woff2') format('woff2');
243
- font-weight: 500;
244
- font-style: italic;
245
- font-stretch: condensed;
246
- font-display: swap;
247
- }
248
-
249
- @font-face {
250
- font-family: 'HPE Graphik';
251
- src: url('https://www.hpe.com/content/dam/hpe/fonts/graphik/HPEGraphikXXCondensed-Semibold-Web.woff2') format('woff2');
252
- font-weight: 600;
253
- font-style: normal;
254
- font-stretch: condensed;
255
- font-display: swap;
256
- }
257
-
258
- @font-face {
259
- font-family: 'HPE Graphik';
260
- src: url('https://www.hpe.com/content/dam/hpe/fonts/graphik/HPEGraphikXXCondensed-SemiboldItalic-Web.woff2') format('woff2');
261
- font-weight: 600;
262
- font-style: italic;
263
- font-stretch: condensed;
264
- font-display: swap;
265
- }
266
-
267
- @font-face {
268
- font-family: 'HPE Graphik';
269
- src: url('https://www.hpe.com/content/dam/hpe/fonts/graphik/HPEGraphikXXCondensed-Bold-Web.woff2') format('woff2');
270
- font-weight: 700;
271
- font-style: normal;
272
- font-stretch: condensed;
273
- font-display: swap;
274
- }
275
-
276
- @font-face {
277
- font-family: 'HPE Graphik';
278
- src: url('https://www.hpe.com/content/dam/hpe/fonts/graphik/HPEGraphikXXCondensed-BoldItalic-Web.woff2') format('woff2');
279
- font-weight: 700;
280
- font-style: italic;
281
- font-stretch: condensed;
282
- font-display: swap;
283
- }
284
-
285
- @font-face {
286
- font-family: 'HPE Graphik';
287
- src: url('https://www.hpe.com/content/dam/hpe/fonts/graphik/HPEGraphikXXCondensed-Black-Web.woff2') format('woff2');
288
- font-weight: 800;
289
- font-style: normal;
290
- font-stretch: condensed;
291
- font-display: swap;
292
- }
293
-
294
- @font-face {
295
- font-family: 'HPE Graphik';
296
- src: url('https://www.hpe.com/content/dam/hpe/fonts/graphik/HPEGraphikXXCondensed-BlackItalic-Web.woff2') format('woff2');
297
- font-weight: 800;
298
- font-style: italic;
299
- font-stretch: condensed;
300
- font-display: swap;
301
- }
302
-
303
- @font-face {
304
- font-family: 'HPE Graphik';
305
- src: url('https://www.hpe.com/content/dam/hpe/fonts/graphik/HPEGraphikXXCondensed-Super-Web.woff2') format('woff2');
306
- font-weight: 900;
307
- font-style: normal;
308
- font-stretch: condensed;
309
- font-display: swap;
310
- }
311
-
312
- @font-face {
313
- font-family: 'HPE Graphik';
314
- src: url('https://www.hpe.com/content/dam/hpe/fonts/graphik/HPEGraphikXXCondensed-SuperItalic-Web.woff2') format('woff2');
315
- font-weight: 900;
316
- font-style: italic;
317
- font-stretch: condensed;
318
- font-display: swap;
319
- }
package/dist/css/fonts/zh.css CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  * Do not edit directly, this file was auto-generated.
4
4
 
5
- * Chinese — font declarations for [lang="zh"]
5
+ * Chinese (Traditional) — font declarations for [lang="zh"]
6
6
 
7
7
  */
8
8