@papyrus-ui/styles 0.3.1 → 0.4.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 (12) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/css/styles.css +50 -49
  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 +32 -46
  11. package/package.json +1 -1
  12. package/dist/types/utils/format-tokens.d.ts +0 -4
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;
@@ -212,7 +209,9 @@ export declare const lightThemeTokens: {
212
209
  fontWeight: string;
213
210
  lineHeight: string;
214
211
  letterSpacing: string;
215
- textTransform: string;
212
+ textTransform: string; /**
213
+ * Style the track of range inputs in WebKit browsers.
214
+ */
216
215
  textDecoration: string;
217
216
  };
218
217
  };
@@ -261,7 +260,7 @@ export declare const lightThemeTokens: {
261
260
  };
262
261
  };
263
262
  heading: {
264
- "3xl": {
263
+ h1: {
265
264
  primary: {
266
265
  desktop: {
267
266
  fontFamily: string;
@@ -272,9 +271,6 @@ export declare const lightThemeTokens: {
272
271
  textTransform: string;
273
272
  textDecoration: string;
274
273
  };
275
- /**
276
- * Increase thumb size on hover for WebKit range inputs.
277
- */
278
274
  mobile: {
279
275
  fontFamily: string;
280
276
  fontSize: string;
@@ -290,7 +286,9 @@ export declare const lightThemeTokens: {
290
286
  fontFamily: string;
291
287
  fontSize: string;
292
288
  fontWeight: string;
293
- lineHeight: string;
289
+ lineHeight: string; /**
290
+ * Reset default opacity style for range
291
+ */
294
292
  letterSpacing: string;
295
293
  textTransform: string;
296
294
  textDecoration: string;
@@ -306,21 +304,16 @@ export declare const lightThemeTokens: {
306
304
  };
307
305
  };
308
306
  };
309
- "2xl": {
307
+ h2: {
310
308
  primary: {
311
309
  desktop: {
312
310
  fontFamily: string;
313
311
  fontSize: string;
314
312
  fontWeight: string;
315
- /**
316
- * Remove the default spacing and border for appropriate components.
317
- */
318
313
  lineHeight: string;
319
314
  letterSpacing: string;
320
315
  textTransform: string;
321
- textDecoration: string; /**
322
- * Remove default spacing and border for fieldsets.
323
- */
316
+ textDecoration: string;
324
317
  };
325
318
  mobile: {
326
319
  fontFamily: string;
@@ -353,7 +346,7 @@ export declare const lightThemeTokens: {
353
346
  };
354
347
  };
355
348
  };
356
- xl: {
349
+ h3: {
357
350
  primary: {
358
351
  desktop: {
359
352
  fontFamily: string;
@@ -395,7 +388,7 @@ export declare const lightThemeTokens: {
395
388
  };
396
389
  };
397
390
  };
398
- lg: {
391
+ h4: {
399
392
  primary: {
400
393
  desktop: {
401
394
  fontFamily: string;
@@ -437,7 +430,7 @@ export declare const lightThemeTokens: {
437
430
  };
438
431
  };
439
432
  };
440
- md: {
433
+ h5: {
441
434
  primary: {
442
435
  desktop: {
443
436
  fontFamily: string;
@@ -479,7 +472,7 @@ export declare const lightThemeTokens: {
479
472
  };
480
473
  };
481
474
  };
482
- sm: {
475
+ h6: {
483
476
  primary: {
484
477
  mobile: {
485
478
  fontFamily: string;
@@ -724,9 +717,6 @@ export declare const darkThemeTokens: {
724
717
  secondary: {
725
718
  regular: {
726
719
  fontFamily: string;
727
- /**
728
- * Set cursor pointer for checkbox and radio labels
729
- */
730
720
  fontSize: string;
731
721
  fontWeight: string;
732
722
  lineHeight: string;
@@ -740,7 +730,9 @@ export declare const darkThemeTokens: {
740
730
  fontWeight: string;
741
731
  lineHeight: string;
742
732
  letterSpacing: string;
743
- textTransform: string;
733
+ textTransform: string; /**
734
+ * Style the track of range inputs in WebKit browsers.
735
+ */
744
736
  textDecoration: string;
745
737
  };
746
738
  };
@@ -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;
@@ -818,7 +807,9 @@ export declare const darkThemeTokens: {
818
807
  fontFamily: string;
819
808
  fontSize: string;
820
809
  fontWeight: string;
821
- lineHeight: string;
810
+ lineHeight: string; /**
811
+ * Reset default opacity style for range
812
+ */
822
813
  letterSpacing: string;
823
814
  textTransform: string;
824
815
  textDecoration: string;
@@ -834,21 +825,16 @@ export declare const darkThemeTokens: {
834
825
  };
835
826
  };
836
827
  };
837
- "2xl": {
828
+ h2: {
838
829
  primary: {
839
830
  desktop: {
840
831
  fontFamily: string;
841
832
  fontSize: string;
842
833
  fontWeight: string;
843
- /**
844
- * Remove the default spacing and border for appropriate components.
845
- */
846
834
  lineHeight: string;
847
835
  letterSpacing: string;
848
836
  textTransform: string;
849
- textDecoration: string; /**
850
- * Remove default spacing and border for fieldsets.
851
- */
837
+ textDecoration: string;
852
838
  };
853
839
  mobile: {
854
840
  fontFamily: string;
@@ -881,7 +867,7 @@ export declare const darkThemeTokens: {
881
867
  };
882
868
  };
883
869
  };
884
- xl: {
870
+ h3: {
885
871
  primary: {
886
872
  desktop: {
887
873
  fontFamily: string;
@@ -923,7 +909,7 @@ export declare const darkThemeTokens: {
923
909
  };
924
910
  };
925
911
  };
926
- lg: {
912
+ h4: {
927
913
  primary: {
928
914
  desktop: {
929
915
  fontFamily: string;
@@ -965,7 +951,7 @@ export declare const darkThemeTokens: {
965
951
  };
966
952
  };
967
953
  };
968
- md: {
954
+ h5: {
969
955
  primary: {
970
956
  desktop: {
971
957
  fontFamily: string;
@@ -1007,7 +993,7 @@ export declare const darkThemeTokens: {
1007
993
  };
1008
994
  };
1009
995
  };
1010
- sm: {
996
+ h6: {
1011
997
  primary: {
1012
998
  mobile: {
1013
999
  fontFamily: string;
@@ -1308,7 +1294,7 @@ export declare const vars: {
1308
1294
  };
1309
1295
  };
1310
1296
  heading: {
1311
- "3xl": {
1297
+ h1: {
1312
1298
  primary: {
1313
1299
  desktop: {
1314
1300
  fontFamily: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -1350,7 +1336,7 @@ export declare const vars: {
1350
1336
  };
1351
1337
  };
1352
1338
  };
1353
- "2xl": {
1339
+ h2: {
1354
1340
  primary: {
1355
1341
  desktop: {
1356
1342
  fontFamily: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -1392,7 +1378,7 @@ export declare const vars: {
1392
1378
  };
1393
1379
  };
1394
1380
  };
1395
- xl: {
1381
+ h3: {
1396
1382
  primary: {
1397
1383
  desktop: {
1398
1384
  fontFamily: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -1434,7 +1420,7 @@ export declare const vars: {
1434
1420
  };
1435
1421
  };
1436
1422
  };
1437
- lg: {
1423
+ h4: {
1438
1424
  primary: {
1439
1425
  desktop: {
1440
1426
  fontFamily: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -1476,7 +1462,7 @@ export declare const vars: {
1476
1462
  };
1477
1463
  };
1478
1464
  };
1479
- md: {
1465
+ h5: {
1480
1466
  primary: {
1481
1467
  desktop: {
1482
1468
  fontFamily: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -1518,7 +1504,7 @@ export declare const vars: {
1518
1504
  };
1519
1505
  };
1520
1506
  };
1521
- sm: {
1507
+ h6: {
1522
1508
  primary: {
1523
1509
  mobile: {
1524
1510
  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.4.0",
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",
package/dist/types/utils/format-tokens.d.ts DELETED
@@ -1,4 +0,0 @@
1
- import { DesignTokens, Theme } from '../types';
2
- export declare type NormalizedTheme<T extends Theme> = Record<keyof T, string>;
3
- export declare type NormalizedTokens<T extends Theme> = DesignTokens<NormalizedTheme<T>>;
4
- export declare function normalizeTokens<T extends Theme>(designTokens: DesignTokens<T>): NormalizedTokens<T>;