@phcdevworks/spectre-tokens 4.5.0 → 4.7.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 +3 -3
- package/dist/index.cjs +129 -6
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +112 -0
- package/dist/index.d.cts +122 -0
- package/dist/index.d.ts +122 -0
- package/dist/index.js +129 -6
- package/dist/index.js.map +1 -1
- package/dist/tokens.dtcg.json +425 -0
- package/package.json +10 -9
- package/tokens/components.json +55 -0
- package/tokens/palette.json +91 -0
- package/tokens/semantic-roles.json +36 -1
|
@@ -40,6 +40,13 @@
|
|
|
40
40
|
"divider": {
|
|
41
41
|
"value": "{colors.neutral.200}",
|
|
42
42
|
"description": "hairline color for <hr>, table borders, and section separators"
|
|
43
|
+
},
|
|
44
|
+
"inverse": {
|
|
45
|
+
"value": "{colors.neutral.900}",
|
|
46
|
+
"description": "fixed dark background for content islands not owned by the page's own light/dark mode — photo-backed cards, brand-dark card bodies, utility bars",
|
|
47
|
+
"metadata": {
|
|
48
|
+
"pair": "text.onInverse.default"
|
|
49
|
+
}
|
|
43
50
|
}
|
|
44
51
|
},
|
|
45
52
|
"link": {
|
|
@@ -61,6 +68,17 @@
|
|
|
61
68
|
"visited": {
|
|
62
69
|
"value": "{colors.accent.700}",
|
|
63
70
|
"description": "link color after the destination has been visited"
|
|
71
|
+
},
|
|
72
|
+
"onInverse": {
|
|
73
|
+
"value": "{colors.neutral.300}",
|
|
74
|
+
"description": "default inline link color on surface.inverse, independent of page mode",
|
|
75
|
+
"metadata": {
|
|
76
|
+
"pair": "surface.inverse"
|
|
77
|
+
}
|
|
78
|
+
},
|
|
79
|
+
"onInverseHover": {
|
|
80
|
+
"value": "{colors.brand.300}",
|
|
81
|
+
"description": "link color on hover, on surface.inverse"
|
|
64
82
|
}
|
|
65
83
|
},
|
|
66
84
|
"text": {
|
|
@@ -125,6 +143,22 @@
|
|
|
125
143
|
}
|
|
126
144
|
},
|
|
127
145
|
"brand": "{colors.brand.600}"
|
|
146
|
+
},
|
|
147
|
+
"onInverse": {
|
|
148
|
+
"default": {
|
|
149
|
+
"value": "{colors.neutral.50}",
|
|
150
|
+
"description": "base text on surface.inverse, independent of page mode",
|
|
151
|
+
"metadata": {
|
|
152
|
+
"pair": "surface.inverse"
|
|
153
|
+
}
|
|
154
|
+
},
|
|
155
|
+
"muted": {
|
|
156
|
+
"value": "{colors.neutral.300}",
|
|
157
|
+
"description": "muted text on surface.inverse",
|
|
158
|
+
"metadata": {
|
|
159
|
+
"pair": "surface.inverse"
|
|
160
|
+
}
|
|
161
|
+
}
|
|
128
162
|
}
|
|
129
163
|
},
|
|
130
164
|
"layout": {
|
|
@@ -154,7 +188,8 @@
|
|
|
154
188
|
"lg": "2rem"
|
|
155
189
|
},
|
|
156
190
|
"maxWidth": "72rem",
|
|
157
|
-
"maxWidthProse": "65ch"
|
|
191
|
+
"maxWidthProse": "65ch",
|
|
192
|
+
"maxWidthWide": "80rem"
|
|
158
193
|
},
|
|
159
194
|
"sidebar": {
|
|
160
195
|
"width": "16rem"
|