@papyrus-ui/styles 0.3.1 → 0.3.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 (11) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/css/styles.css +2 -2
  3. package/css/styles.css.map +1 -1
  4. package/css/styles.min.css +1 -1
  5. package/css/styles.min.css.map +1 -1
  6. package/dist/cjs/styles/global.css.vanilla.js +3 -3
  7. package/dist/cjs/styles/global.css.vanilla.js.map +1 -1
  8. package/dist/es/styles/global.css.vanilla.js +3 -3
  9. package/dist/es/styles/global.css.vanilla.js.map +1 -1
  10. package/dist/types/styles/global.css.d.ts +34 -44
  11. package/package.json +1 -1
package/dist/types/styles/global.css.d.ts CHANGED
@@ -196,9 +196,6 @@ export declare const lightThemeTokens: {
196
196
  secondary: {
197
197
  regular: {
198
198
  fontFamily: string;
199
- /**
200
- * Set cursor pointer for checkbox and radio labels
201
- */
202
199
  fontSize: string;
203
200
  fontWeight: string;
204
201
  lineHeight: string;
@@ -261,7 +258,7 @@ export declare const lightThemeTokens: {
261
258
  };
262
259
  };
263
260
  heading: {
264
- "3xl": {
261
+ h1: {
265
262
  primary: {
266
263
  desktop: {
267
264
  fontFamily: string;
@@ -272,9 +269,6 @@ export declare const lightThemeTokens: {
272
269
  textTransform: string;
273
270
  textDecoration: string;
274
271
  };
275
- /**
276
- * Increase thumb size on hover for WebKit range inputs.
277
- */
278
272
  mobile: {
279
273
  fontFamily: string;
280
274
  fontSize: string;
@@ -287,6 +281,9 @@ export declare const lightThemeTokens: {
287
281
  };
288
282
  secondary: {
289
283
  desktop: {
284
+ /**
285
+ * Apply focus style to Mozilla range inputs.
286
+ */
290
287
  fontFamily: string;
291
288
  fontSize: string;
292
289
  fontWeight: string;
@@ -306,25 +303,23 @@ export declare const lightThemeTokens: {
306
303
  };
307
304
  };
308
305
  };
309
- "2xl": {
306
+ h2: {
310
307
  primary: {
311
308
  desktop: {
312
309
  fontFamily: string;
313
310
  fontSize: string;
314
311
  fontWeight: string;
315
- /**
316
- * Remove the default spacing and border for appropriate components.
317
- */
318
312
  lineHeight: string;
319
313
  letterSpacing: string;
320
314
  textTransform: string;
321
- textDecoration: string; /**
322
- * Remove default spacing and border for fieldsets.
323
- */
315
+ textDecoration: string;
324
316
  };
325
317
  mobile: {
326
318
  fontFamily: string;
327
- fontSize: string;
319
+ fontSize: string; /**
320
+ * 1. Make replaced components `display: block` by default.
321
+ * 2. Add `vertical-align: middle` to align replaced components more sensibly by default.
322
+ */
328
323
  fontWeight: string;
329
324
  lineHeight: string;
330
325
  letterSpacing: string;
@@ -353,7 +348,7 @@ export declare const lightThemeTokens: {
353
348
  };
354
349
  };
355
350
  };
356
- xl: {
351
+ h3: {
357
352
  primary: {
358
353
  desktop: {
359
354
  fontFamily: string;
@@ -395,7 +390,7 @@ export declare const lightThemeTokens: {
395
390
  };
396
391
  };
397
392
  };
398
- lg: {
393
+ h4: {
399
394
  primary: {
400
395
  desktop: {
401
396
  fontFamily: string;
@@ -437,7 +432,7 @@ export declare const lightThemeTokens: {
437
432
  };
438
433
  };
439
434
  };
440
- md: {
435
+ h5: {
441
436
  primary: {
442
437
  desktop: {
443
438
  fontFamily: string;
@@ -479,7 +474,7 @@ export declare const lightThemeTokens: {
479
474
  };
480
475
  };
481
476
  };
482
- sm: {
477
+ h6: {
483
478
  primary: {
484
479
  mobile: {
485
480
  fontFamily: string;
@@ -724,9 +719,6 @@ export declare const darkThemeTokens: {
724
719
  secondary: {
725
720
  regular: {
726
721
  fontFamily: string;
727
- /**
728
- * Set cursor pointer for checkbox and radio labels
729
- */
730
722
  fontSize: string;
731
723
  fontWeight: string;
732
724
  lineHeight: string;
@@ -789,7 +781,7 @@ export declare const darkThemeTokens: {
789
781
  };
790
782
  };
791
783
  heading: {
792
- "3xl": {
784
+ h1: {
793
785
  primary: {
794
786
  desktop: {
795
787
  fontFamily: string;
@@ -800,9 +792,6 @@ export declare const darkThemeTokens: {
800
792
  textTransform: string;
801
793
  textDecoration: string;
802
794
  };
803
- /**
804
- * Increase thumb size on hover for WebKit range inputs.
805
- */
806
795
  mobile: {
807
796
  fontFamily: string;
808
797
  fontSize: string;
@@ -815,6 +804,9 @@ export declare const darkThemeTokens: {
815
804
  };
816
805
  secondary: {
817
806
  desktop: {
807
+ /**
808
+ * Apply focus style to Mozilla range inputs.
809
+ */
818
810
  fontFamily: string;
819
811
  fontSize: string;
820
812
  fontWeight: string;
@@ -834,25 +826,23 @@ export declare const darkThemeTokens: {
834
826
  };
835
827
  };
836
828
  };
837
- "2xl": {
829
+ h2: {
838
830
  primary: {
839
831
  desktop: {
840
832
  fontFamily: string;
841
833
  fontSize: string;
842
834
  fontWeight: string;
843
- /**
844
- * Remove the default spacing and border for appropriate components.
845
- */
846
835
  lineHeight: string;
847
836
  letterSpacing: string;
848
837
  textTransform: string;
849
- textDecoration: string; /**
850
- * Remove default spacing and border for fieldsets.
851
- */
838
+ textDecoration: string;
852
839
  };
853
840
  mobile: {
854
841
  fontFamily: string;
855
- fontSize: string;
842
+ fontSize: string; /**
843
+ * 1. Make replaced components `display: block` by default.
844
+ * 2. Add `vertical-align: middle` to align replaced components more sensibly by default.
845
+ */
856
846
  fontWeight: string;
857
847
  lineHeight: string;
858
848
  letterSpacing: string;
@@ -881,7 +871,7 @@ export declare const darkThemeTokens: {
881
871
  };
882
872
  };
883
873
  };
884
- xl: {
874
+ h3: {
885
875
  primary: {
886
876
  desktop: {
887
877
  fontFamily: string;
@@ -923,7 +913,7 @@ export declare const darkThemeTokens: {
923
913
  };
924
914
  };
925
915
  };
926
- lg: {
916
+ h4: {
927
917
  primary: {
928
918
  desktop: {
929
919
  fontFamily: string;
@@ -965,7 +955,7 @@ export declare const darkThemeTokens: {
965
955
  };
966
956
  };
967
957
  };
968
- md: {
958
+ h5: {
969
959
  primary: {
970
960
  desktop: {
971
961
  fontFamily: string;
@@ -1007,7 +997,7 @@ export declare const darkThemeTokens: {
1007
997
  };
1008
998
  };
1009
999
  };
1010
- sm: {
1000
+ h6: {
1011
1001
  primary: {
1012
1002
  mobile: {
1013
1003
  fontFamily: string;
@@ -1308,7 +1298,7 @@ export declare const vars: {
1308
1298
  };
1309
1299
  };
1310
1300
  heading: {
1311
- "3xl": {
1301
+ h1: {
1312
1302
  primary: {
1313
1303
  desktop: {
1314
1304
  fontFamily: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -1350,7 +1340,7 @@ export declare const vars: {
1350
1340
  };
1351
1341
  };
1352
1342
  };
1353
- "2xl": {
1343
+ h2: {
1354
1344
  primary: {
1355
1345
  desktop: {
1356
1346
  fontFamily: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -1392,7 +1382,7 @@ export declare const vars: {
1392
1382
  };
1393
1383
  };
1394
1384
  };
1395
- xl: {
1385
+ h3: {
1396
1386
  primary: {
1397
1387
  desktop: {
1398
1388
  fontFamily: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -1434,7 +1424,7 @@ export declare const vars: {
1434
1424
  };
1435
1425
  };
1436
1426
  };
1437
- lg: {
1427
+ h4: {
1438
1428
  primary: {
1439
1429
  desktop: {
1440
1430
  fontFamily: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -1476,7 +1466,7 @@ export declare const vars: {
1476
1466
  };
1477
1467
  };
1478
1468
  };
1479
- md: {
1469
+ h5: {
1480
1470
  primary: {
1481
1471
  desktop: {
1482
1472
  fontFamily: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -1518,7 +1508,7 @@ export declare const vars: {
1518
1508
  };
1519
1509
  };
1520
1510
  };
1521
- sm: {
1511
+ h6: {
1522
1512
  primary: {
1523
1513
  mobile: {
1524
1514
  fontFamily: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@papyrus-ui/styles",
3
- "version": "0.3.1",
3
+ "version": "0.3.2",
4
4
  "description": "Global styles, themes and style utilities for implementing components based on the Papyrus UI design system.",
5
5
  "files": [
6
6
  "CHANGELOG.md",