@hpe-web/design-tokens 1.2.1 → 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 (20) hide show
  1. package/README.md +5 -9
  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/tokens.css +96 -113
  8. package/dist/css/tokens.dark.css +39 -56
  9. package/dist/css/tokens.md-lg.css +40 -40
  10. package/dist/css/tokens.xl.css +40 -40
  11. package/package.json +1 -1
  12. package/src/breakpoints.json +9 -11
  13. package/src/component/button.json +30 -203
  14. package/src/fonts.json +1 -5
  15. package/src/primitive/primitives.json +1 -912
  16. package/src/semantic/color.dark.json +79 -449
  17. package/src/semantic/color.light.json +75 -469
  18. package/src/semantic/dimension.md-lg.json +55 -55
  19. package/src/semantic/dimension.xl.json +57 -57
  20. package/src/semantic/dimension.xs-sm.json +54 -54
package/README.md CHANGED
@@ -2,17 +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
- **CSS consumers: no changes required.** If you use the DTCG source or static metadata via package imports, see the migration notes below.
7
+ **CSS consumers: no changes required.**
8
8
 
9
- - Token source restructured: `dtcg/` + `static/` replaced by `src/` with consolidated semantic files
10
- - `@hpe-web/design-tokens/dtcg/*` and `@hpe-web/design-tokens/static/*` exports removed — use `@hpe-web/design-tokens/src/*`
11
- - `sm-xs` → `xs-sm` breakpoint rename in `src/breakpoints.json` and source file paths
12
- - `src/component/button.json` added — button component tokens
13
- - Token values updated (`color.light`, `color.dark`, `button`) from Supernova sync
14
-
15
- [Full changelog →](CHANGELOG.md)
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
16
12
 
17
13
  [Full changelog →](https://github.com/HPE-EMU/design-system/blob/main/packages/tokens/CHANGELOG.md)
18
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
+ }