@phcdevworks/spectre-tokens 4.1.0 → 4.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 (13) hide show
  1. package/README.md +12 -12
  2. package/dist/index.cjs +35 -1
  3. package/dist/index.cjs.map +1 -1
  4. package/dist/index.css +19 -0
  5. package/dist/index.d.cts +34 -0
  6. package/dist/index.d.ts +34 -0
  7. package/dist/index.js +35 -1
  8. package/dist/index.js.map +1 -1
  9. package/dist/tokens.dtcg.json +118 -0
  10. package/package.json +5 -5
  11. package/tokens/components.json +47 -0
  12. package/tokens/modes.json +100 -0
  13. package/tokens/primitives.json +2 -1
package/dist/index.css CHANGED
@@ -68,6 +68,15 @@
68
68
  --sp-nav-link-hover: #1f57db;
69
69
  --sp-nav-link-active: #1946b4;
70
70
  --sp-nav-border: #d9dfeb;
71
+ --sp-footer-bg: #141b24;
72
+ --sp-footer-text: #f7f8fb;
73
+ --sp-footer-heading: #ffffff;
74
+ --sp-footer-muted: #8a96ad;
75
+ --sp-footer-link: #b7c1d4;
76
+ --sp-footer-link-hover: #5a92ff;
77
+ --sp-footer-border: #374253;
78
+ --sp-footer-divider: #222b38;
79
+ --sp-footer-chip-bg: #222b38;
71
80
  --sp-modal-bg: #ffffff;
72
81
  --sp-modal-shadow: 0 20px 48px -12px rgba(0, 0, 0, 0.20);
73
82
  --sp-modal-border: #d9dfeb;
@@ -530,6 +539,7 @@
530
539
  --sp-space-72: 4.5rem;
531
540
  --sp-space-80: 5rem;
532
541
  --sp-space-96: 6rem;
542
+ --sp-space-240: 15rem;
533
543
  --sp-layout-section-padding-sm: 1.5rem;
534
544
  --sp-layout-section-padding-md: 2rem;
535
545
  --sp-layout-section-padding-lg: 3rem;
@@ -898,6 +908,15 @@
898
908
  --sp-nav-link-hover: #5a92ff;
899
909
  --sp-nav-link-active: #8ab6ff;
900
910
  --sp-nav-border: #374253;
911
+ --sp-footer-bg: #000000;
912
+ --sp-footer-text: #f7f8fb;
913
+ --sp-footer-heading: #ffffff;
914
+ --sp-footer-muted: #8a96ad;
915
+ --sp-footer-link: #b7c1d4;
916
+ --sp-footer-link-hover: #8ab6ff;
917
+ --sp-footer-border: #222b38;
918
+ --sp-footer-divider: #141b24;
919
+ --sp-footer-chip-bg: #141b24;
901
920
  --sp-modal-bg: #222b38;
902
921
  --sp-modal-shadow: 0 20px 48px -12px rgba(0, 0, 0, 0.20);
903
922
  --sp-modal-border: #374253;
package/dist/index.d.cts CHANGED
@@ -70,6 +70,17 @@ interface SpectreGeneratedTokens {
70
70
  linkActive: string;
71
71
  border: string;
72
72
  };
73
+ footer: {
74
+ bg: string;
75
+ text: string;
76
+ heading: string;
77
+ muted: string;
78
+ link: string;
79
+ linkHover: string;
80
+ border: string;
81
+ divider: string;
82
+ chipBg: string;
83
+ };
73
84
  modal: {
74
85
  bg: string;
75
86
  shadow: string;
@@ -377,6 +388,17 @@ interface SpectreGeneratedTokens {
377
388
  linkActive: string;
378
389
  border: string;
379
390
  };
391
+ footer: {
392
+ bg: string;
393
+ text: string;
394
+ heading: string;
395
+ muted: string;
396
+ link: string;
397
+ linkHover: string;
398
+ border: string;
399
+ divider: string;
400
+ chipBg: string;
401
+ };
380
402
  modal: {
381
403
  bg: string;
382
404
  shadow: string;
@@ -571,6 +593,17 @@ interface SpectreGeneratedTokens {
571
593
  linkActive: string;
572
594
  border: string;
573
595
  };
596
+ footer: {
597
+ bg: string;
598
+ text: string;
599
+ heading: string;
600
+ muted: string;
601
+ link: string;
602
+ linkHover: string;
603
+ border: string;
604
+ divider: string;
605
+ chipBg: string;
606
+ };
574
607
  modal: {
575
608
  bg: string;
576
609
  shadow: string;
@@ -1128,6 +1161,7 @@ interface SpectreGeneratedTokens {
1128
1161
  '72': string;
1129
1162
  '80': string;
1130
1163
  '96': string;
1164
+ '240': string;
1131
1165
  };
1132
1166
  radii: {
1133
1167
  none: string;
package/dist/index.d.ts CHANGED
@@ -70,6 +70,17 @@ interface SpectreGeneratedTokens {
70
70
  linkActive: string;
71
71
  border: string;
72
72
  };
73
+ footer: {
74
+ bg: string;
75
+ text: string;
76
+ heading: string;
77
+ muted: string;
78
+ link: string;
79
+ linkHover: string;
80
+ border: string;
81
+ divider: string;
82
+ chipBg: string;
83
+ };
73
84
  modal: {
74
85
  bg: string;
75
86
  shadow: string;
@@ -377,6 +388,17 @@ interface SpectreGeneratedTokens {
377
388
  linkActive: string;
378
389
  border: string;
379
390
  };
391
+ footer: {
392
+ bg: string;
393
+ text: string;
394
+ heading: string;
395
+ muted: string;
396
+ link: string;
397
+ linkHover: string;
398
+ border: string;
399
+ divider: string;
400
+ chipBg: string;
401
+ };
380
402
  modal: {
381
403
  bg: string;
382
404
  shadow: string;
@@ -571,6 +593,17 @@ interface SpectreGeneratedTokens {
571
593
  linkActive: string;
572
594
  border: string;
573
595
  };
596
+ footer: {
597
+ bg: string;
598
+ text: string;
599
+ heading: string;
600
+ muted: string;
601
+ link: string;
602
+ linkHover: string;
603
+ border: string;
604
+ divider: string;
605
+ chipBg: string;
606
+ };
574
607
  modal: {
575
608
  bg: string;
576
609
  shadow: string;
@@ -1128,6 +1161,7 @@ interface SpectreGeneratedTokens {
1128
1161
  '72': string;
1129
1162
  '80': string;
1130
1163
  '96': string;
1164
+ '240': string;
1131
1165
  };
1132
1166
  radii: {
1133
1167
  none: string;
package/dist/index.js CHANGED
@@ -71,6 +71,17 @@ var coreTokens = {
71
71
  "linkActive": "{colors.brand.700}",
72
72
  "border": "{colors.neutral.200}"
73
73
  },
74
+ "footer": {
75
+ "bg": "{colors.neutral.900}",
76
+ "text": "{colors.neutral.50}",
77
+ "heading": "{colors.white}",
78
+ "muted": "{colors.neutral.400}",
79
+ "link": "{colors.neutral.300}",
80
+ "linkHover": "{colors.brand.400}",
81
+ "border": "{colors.neutral.700}",
82
+ "divider": "{colors.neutral.800}",
83
+ "chipBg": "{colors.neutral.800}"
84
+ },
74
85
  "modal": {
75
86
  "bg": "{colors.white}",
76
87
  "shadow": "0 20px 48px -12px {colors.black} / 0.20",
@@ -378,6 +389,17 @@ var coreTokens = {
378
389
  "linkActive": "{colors.brand.700}",
379
390
  "border": "{colors.neutral.200}"
380
391
  },
392
+ "footer": {
393
+ "bg": "{colors.neutral.900}",
394
+ "text": "{colors.neutral.50}",
395
+ "heading": "{colors.white}",
396
+ "muted": "{colors.neutral.400}",
397
+ "link": "{colors.neutral.300}",
398
+ "linkHover": "{colors.brand.400}",
399
+ "border": "{colors.neutral.700}",
400
+ "divider": "{colors.neutral.800}",
401
+ "chipBg": "{colors.neutral.800}"
402
+ },
381
403
  "modal": {
382
404
  "bg": "{colors.white}",
383
405
  "shadow": "0 20px 48px -12px {colors.black} / 0.20",
@@ -572,6 +594,17 @@ var coreTokens = {
572
594
  "linkActive": "{colors.brand.300}",
573
595
  "border": "{colors.neutral.700}"
574
596
  },
597
+ "footer": {
598
+ "bg": "{colors.black}",
599
+ "text": "{colors.neutral.50}",
600
+ "heading": "{colors.white}",
601
+ "muted": "{colors.neutral.400}",
602
+ "link": "{colors.neutral.300}",
603
+ "linkHover": "{colors.brand.300}",
604
+ "border": "{colors.neutral.800}",
605
+ "divider": "{colors.neutral.900}",
606
+ "chipBg": "{colors.neutral.900}"
607
+ },
575
608
  "modal": {
576
609
  "bg": "{colors.neutral.800}",
577
610
  "shadow": "0 20px 48px -12px {colors.black} / 0.20",
@@ -1128,7 +1161,8 @@ var coreTokens = {
1128
1161
  "64": "4rem",
1129
1162
  "72": "4.5rem",
1130
1163
  "80": "5rem",
1131
- "96": "6rem"
1164
+ "96": "6rem",
1165
+ "240": "15rem"
1132
1166
  },
1133
1167
  "radii": {
1134
1168
  "none": "0",