@hpe-web/design-tokens 1.2.1 → 1.3.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 (24) 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/locales/ja.tokens.css +5 -0
  8. package/dist/css/locales/ko.tokens.css +5 -0
  9. package/dist/css/locales/zh.tokens.css +12 -0
  10. package/dist/css/tokens.css +566 -309
  11. package/dist/css/tokens.dark.css +67 -83
  12. package/dist/css/tokens.md-lg.css +155 -64
  13. package/dist/css/tokens.xl.css +155 -64
  14. package/package.json +1 -1
  15. package/src/breakpoints.json +9 -11
  16. package/src/component/button.json +112 -576
  17. package/src/fonts.json +1 -5
  18. package/src/hpe.resolver.json +2 -2
  19. package/src/primitive/primitives.json +18 -929
  20. package/src/semantic/color.dark.json +80 -450
  21. package/src/semantic/color.light.json +76 -470
  22. package/src/semantic/dimension.md-lg.json +698 -67
  23. package/src/semantic/dimension.xl.json +700 -69
  24. package/src/semantic/dimension.xs-sm.json +696 -65
package/dist/css/fonts/it.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/locales/ja.tokens.css CHANGED
@@ -22,6 +22,11 @@
22
22
  --hpe-web-quote-large-font-size: 1.625rem;
23
23
  --hpe-web-quote-medium-font-size: 1.375rem;
24
24
  --hpe-web-quote-small-font-size: 1.1875rem;
25
+ --hpe-web-base-font-family-condensed: "Noto Sans JP", sans-serif;
26
+ --hpe-web-base-font-family-noto-sans-jp: "Noto Sans JP", sans-serif;
27
+ --hpe-web-base-font-family-noto-sans-kr: "Noto Sans JP", sans-serif;
28
+ --hpe-web-base-font-family-noto-sans-tc: "Noto Sans JP", sans-serif;
29
+ --hpe-web-base-font-family-primary: "Noto Sans JP", sans-serif;
25
30
  }
26
31
 
27
32
  @media (min-width: 992px) {
package/dist/css/locales/ko.tokens.css CHANGED
@@ -22,6 +22,11 @@
22
22
  --hpe-web-quote-large-font-size: 1.625rem;
23
23
  --hpe-web-quote-medium-font-size: 1.375rem;
24
24
  --hpe-web-quote-small-font-size: 1.1875rem;
25
+ --hpe-web-base-font-family-condensed: "Noto Sans KR", sans-serif;
26
+ --hpe-web-base-font-family-noto-sans-jp: "Noto Sans KR", sans-serif;
27
+ --hpe-web-base-font-family-noto-sans-kr: "Noto Sans KR", sans-serif;
28
+ --hpe-web-base-font-family-noto-sans-tc: "Noto Sans KR", sans-serif;
29
+ --hpe-web-base-font-family-primary: "Noto Sans KR", sans-serif;
25
30
  }
26
31
 
27
32
  @media (min-width: 992px) {
package/dist/css/locales/zh.tokens.css ADDED
@@ -0,0 +1,12 @@
1
+ /**
2
+ * Do not edit directly, this file was auto-generated.
3
+ * Chinese (Traditional) locale overrides
4
+ */
5
+
6
+ :root[lang="zh"], [lang="zh"] {
7
+ --hpe-web-base-font-family-condensed: "Noto Sans TC", sans-serif;
8
+ --hpe-web-base-font-family-noto-sans-jp: "Noto Sans TC", sans-serif;
9
+ --hpe-web-base-font-family-noto-sans-kr: "Noto Sans TC", sans-serif;
10
+ --hpe-web-base-font-family-noto-sans-tc: "Noto Sans TC", sans-serif;
11
+ --hpe-web-base-font-family-primary: "Noto Sans TC", sans-serif;
12
+ }