@phcdevworks/spectre-tokens 4.0.0 → 4.2.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.
- package/README.md +32 -29
- package/dist/index.cjs +33 -0
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +18 -0
- package/dist/index.d.cts +33 -0
- package/dist/index.d.ts +33 -0
- package/dist/index.js +33 -0
- package/dist/index.js.map +1 -1
- package/dist/tokens.dtcg.json +114 -0
- package/package.json +9 -8
- package/tokens/components.json +47 -0
- package/tokens/modes.json +100 -0
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;
|
|
@@ -898,6 +907,15 @@
|
|
|
898
907
|
--sp-nav-link-hover: #5a92ff;
|
|
899
908
|
--sp-nav-link-active: #8ab6ff;
|
|
900
909
|
--sp-nav-border: #374253;
|
|
910
|
+
--sp-footer-bg: #000000;
|
|
911
|
+
--sp-footer-text: #f7f8fb;
|
|
912
|
+
--sp-footer-heading: #ffffff;
|
|
913
|
+
--sp-footer-muted: #8a96ad;
|
|
914
|
+
--sp-footer-link: #b7c1d4;
|
|
915
|
+
--sp-footer-link-hover: #8ab6ff;
|
|
916
|
+
--sp-footer-border: #222b38;
|
|
917
|
+
--sp-footer-divider: #141b24;
|
|
918
|
+
--sp-footer-chip-bg: #141b24;
|
|
901
919
|
--sp-modal-bg: #222b38;
|
|
902
920
|
--sp-modal-shadow: 0 20px 48px -12px rgba(0, 0, 0, 0.20);
|
|
903
921
|
--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;
|
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;
|
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",
|