@tempoxyz/ds 0.1.2 → 0.1.3
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/dist/web/components/Callout.css +1 -1
- package/dist/web/components/Callout.d.ts +4 -4
- package/dist/web/components/Callout.d.ts.map +1 -1
- package/dist/web/components/Callout.js.map +1 -1
- package/dist/web/components/Callout.js.zyzz.json +1 -1
- package/dist/web/index.js.zyzz.json +1 -1
- package/package.json +1 -1
- package/src/web/components/Callout.tsx +6 -4
package/package.json
CHANGED
|
@@ -181,11 +181,13 @@ namespace styles {
|
|
|
181
181
|
],
|
|
182
182
|
defaultVariants: { intent: 'info', shape: 'default', size: 'medium' },
|
|
183
183
|
variants: {
|
|
184
|
+
// Light mode takes step 300, since step 100 nearly matches the page background. Dark mode
|
|
185
|
+
// keeps step 100, which already stands apart from the page while keeping the text legible.
|
|
184
186
|
intent: {
|
|
185
|
-
info: { backgroundColor: '
|
|
186
|
-
negative: { backgroundColor: '
|
|
187
|
-
positive: { backgroundColor: '
|
|
188
|
-
warning: { backgroundColor: '
|
|
187
|
+
info: { backgroundColor: 'light-dark(#e6eefe, #161b29) !custom', color: 'blue.900' },
|
|
188
|
+
negative: { backgroundColor: 'light-dark(#ffe6e0, #2a1410) !custom', color: 'red.900' },
|
|
189
|
+
positive: { backgroundColor: 'light-dark(#d3f8df, #052315) !custom', color: 'green.900' },
|
|
190
|
+
warning: { backgroundColor: 'light-dark(#ffede2, #2d1504) !custom', color: 'amber.900' },
|
|
189
191
|
},
|
|
190
192
|
shape: {
|
|
191
193
|
default: {},
|