@hpe-web/design-tokens 1.2.0 → 1.2.2

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 (27) hide show
  1. package/README.md +5 -4
  2. package/dist/css/fonts/de.css +164 -0
  3. package/dist/css/fonts/en.css +164 -0
  4. package/dist/css/fonts/es.css +164 -0
  5. package/dist/css/fonts/fr.css +164 -0
  6. package/dist/css/fonts/it.css +164 -0
  7. package/dist/css/locales/de.tokens.css +56 -0
  8. package/dist/css/locales/es.tokens.css +56 -0
  9. package/dist/css/locales/fr.tokens.css +56 -0
  10. package/dist/css/locales/it.tokens.css +56 -0
  11. package/dist/css/locales/ja.tokens.css +71 -0
  12. package/dist/css/locales/ko.tokens.css +71 -0
  13. package/dist/css/tokens.css +83 -119
  14. package/dist/css/tokens.dark.css +2 -8
  15. package/dist/css/tokens.md-lg.css +55 -55
  16. package/dist/css/tokens.xl.css +55 -55
  17. package/package.json +1 -1
  18. package/src/breakpoints.json +9 -11
  19. package/src/component/button.json +11 -394
  20. package/src/fonts.json +1 -5
  21. package/src/locales.json +8 -8
  22. package/src/primitive/primitives.json +1 -912
  23. package/src/semantic/color.dark.json +2 -87
  24. package/src/semantic/color.light.json +1 -87
  25. package/src/semantic/dimension.md-lg.json +54 -54
  26. package/src/semantic/dimension.xl.json +56 -56
  27. package/src/semantic/dimension.xs-sm.json +53 -53
package/README.md CHANGED
@@ -2,12 +2,13 @@
2
2
 
3
3
  HPE Design System design tokens — CSS custom properties, DTCG source, locale overrides, and utilities.
4
4
 
5
- ## What's new in v1.2.0
5
+ ## What's new in v1.2.2
6
6
 
7
- - `sm-xs` breakpoint renamed to `xs-sm` in `src/breakpoints.json` and source file paths
8
- - Updated `button`, `color.light`, and `color.dark` token values from Supernova sync
7
+ **CSS consumers: no changes required.**
9
8
 
10
- > **Migration:** Update `range["sm-xs"]` → `range["xs-sm"]` and any direct path references to `dimension.sm-xs.json` → `dimension.xs-sm.json`.
9
+ - `line-height` now outputs correct unitless ratios for all heading and text tokens — was outputting raw px values due to a group ID fragmentation bug in the Supernova exporter
10
+ - `letter-spacing` now outputs correct `em` values (e.g., `h1.default: -0.02em`) — same root cause
11
+ - Deprecated token suppression working cleanly — no unresolved reference errors during builds
11
12
 
12
13
  [Full changelog →](https://github.com/HPE-EMU/design-system/blob/main/packages/tokens/CHANGELOG.md)
13
14
 
package/dist/css/fonts/de.css CHANGED
@@ -153,3 +153,167 @@
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/en.css CHANGED
@@ -153,3 +153,167 @@
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/es.css CHANGED
@@ -153,3 +153,167 @@
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/fr.css CHANGED
@@ -153,3 +153,167 @@
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
+ }