cherry-styled-components 0.1.10 → 0.1.11

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/cherry.js CHANGED
@@ -5042,7 +5042,7 @@ const Gn = (t, a, o, n, c, r, h) => S`
5042
5042
  `}
5043
5043
 
5044
5044
  ${!h && r && S`
5045
- color: ${n ? t.colors.error : t.colors.light};
5045
+ color: ${n ? t.colors.error : t.isDark ? t.colors.dark : t.colors.light};
5046
5046
  background: ${n ? "transparent" : t.colors.error};
5047
5047
  border: solid 2px ${t.colors.error};
5048
5048
  box-shadow: 0 0 0 0px ${t.colors.error};
@@ -605,7 +605,7 @@ To pass a single animation please supply them in simple values, e.g. animation('
605
605
  `}
606
606
 
607
607
  ${!i&&d&&R`
608
- color: ${n?t.colors.error:t.colors.light};
608
+ color: ${n?t.colors.error:t.isDark?t.colors.dark:t.colors.light};
609
609
  background: ${n?"transparent":t.colors.error};
610
610
  border: solid 2px ${t.colors.error};
611
611
  box-shadow: 0 0 0 0px ${t.colors.error};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "cherry-styled-components",
3
- "version": "0.1.10",
3
+ "version": "0.1.11",
4
4
  "description": "Cherry is a design system for the modern web. Designed in Figma, built in React using Typescript.",
5
5
  "private": false,
6
6
  "type": "module",
@@ -133,7 +133,11 @@ export const buttonStyles = (
133
133
  ${!disabled &&
134
134
  $isError &&
135
135
  css`
136
- color: ${$outline ? theme.colors.error : theme.colors.light};
136
+ color: ${$outline
137
+ ? theme.colors.error
138
+ : theme.isDark
139
+ ? theme.colors.dark
140
+ : theme.colors.light};
137
141
  background: ${$outline ? "transparent" : theme.colors.error};
138
142
  border: solid 2px ${theme.colors.error};
139
143
  box-shadow: 0 0 0 0px ${theme.colors.error};