@stokelp/styled-system 2.57.0 → 2.58.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 (6) hide show
  1. package/package.json +1 -1
  2. package/panda.buildinfo.json +22 -4
  3. package/recipes/button.d.ts +1 -1
  4. package/recipes/button.mjs +75 -1
  5. package/recipes/icon-button.d.ts +1 -1
  6. package/recipes/icon-button.mjs +75 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@stokelp/styled-system",
3
- "version": "2.57.0",
3
+ "version": "2.58.0",
4
4
  "description": "Stokelp UI styled-system",
5
5
  "type": "module",
6
6
  "publishConfig": {
package/panda.buildinfo.json CHANGED
@@ -31,6 +31,24 @@
31
31
  "background]___[value:error.100]___[cond:_hover",
32
32
  "color]___[value:error.700]___[cond:_hover",
33
33
  "color]___[value:error.700]___[cond:_active",
34
+ "background]___[value:success.500]___[cond:_disabled<___>_hover",
35
+ "background]___[value:success.500]___[cond:_disabled<___>_active",
36
+ "background]___[value:success.500]___[cond:_disabled",
37
+ "background]___[value:success.800]___[cond:_active",
38
+ "background]___[value:success.700]___[cond:_hover",
39
+ "background]___[value:success.500",
40
+ "background]___[value:success.700]___[cond:_active",
41
+ "background]___[value:success.500]___[cond:_hover",
42
+ "borderColor]___[value:success.500",
43
+ "borderColor]___[value:success.700]___[cond:_active",
44
+ "color]___[value:success.500]___[cond:_disabled<___>_hover",
45
+ "color]___[value:success.500]___[cond:_disabled<___>_active",
46
+ "color]___[value:success.500]___[cond:_disabled",
47
+ "color]___[value:success.500",
48
+ "background]___[value:success.200]___[cond:_active",
49
+ "background]___[value:success.100]___[cond:_hover",
50
+ "color]___[value:success.700]___[cond:_hover",
51
+ "color]___[value:success.700]___[cond:_active",
34
52
  "minWidth]___[value:auto",
35
53
  "borderRadius]___[value:3px]___[cond:& > svg",
36
54
  "display]___[value:flex",
@@ -56,7 +74,6 @@
56
74
  "background]___[value:primary.200]___[cond:_hover",
57
75
  "background]___[value:primary.100]___[cond:_hover",
58
76
  "paddingBottom]___[value:space-24",
59
- "background]___[value:success.500",
60
77
  "borderRadius]___[value:full",
61
78
  "background]___[value:black/10",
62
79
  "color]___[value:secondary.500",
@@ -86,7 +103,6 @@
86
103
  "marginTop]___[value:100",
87
104
  "marginTop]___[value:space-16",
88
105
  "color]___[value:primary.500",
89
- "color]___[value:success.500",
90
106
  "color]___[value:warning.500",
91
107
  "borderRadius]___[value:radius-24",
92
108
  "height]___[value:200",
@@ -109,7 +125,8 @@
109
125
  "variant]___[value:secondary]___[recipe:iconButton",
110
126
  "variant]___[value:primary]___[recipe:iconButton",
111
127
  "size]___[value:lg]___[recipe:iconButton",
112
- "severity]___[value:danger]___[recipe:iconButton"
128
+ "severity]___[value:danger]___[recipe:iconButton",
129
+ "severity]___[value:success]___[recipe:iconButton"
113
130
  ],
114
131
  "priceTag": [
115
132
  "size]___[value:md]___[recipe:priceTag",
@@ -229,7 +246,8 @@
229
246
  "variant]___[value:secondary]___[recipe:button",
230
247
  "size]___[value:md]___[recipe:button",
231
248
  "size]___[value:sm]___[recipe:button",
232
- "severity]___[value:danger]___[recipe:button"
249
+ "severity]___[value:danger]___[recipe:button",
250
+ "severity]___[value:success]___[recipe:button"
233
251
  ],
234
252
  "combobox": [
235
253
  "size]___[value:md]___[recipe:combobox",
package/recipes/button.d.ts CHANGED
@@ -14,7 +14,7 @@ variant: "primary" | "secondary" | "tertiary"
14
14
  /**
15
15
  * @default "none"
16
16
  */
17
- severity: "none" | "danger"
17
+ severity: "none" | "danger" | "success"
18
18
  }
19
19
 
20
20
  type ButtonVariantMap = {
package/recipes/button.mjs CHANGED
@@ -99,6 +99,79 @@ const buttonFn = /* @__PURE__ */ createRecipe('button', {
99
99
  "_active": "error.700"
100
100
  }
101
101
  }
102
+ },
103
+ {
104
+ "variant": "primary",
105
+ "severity": "success",
106
+ "css": {
107
+ "bg": {
108
+ "_disabled": {
109
+ "_hover": "success.500",
110
+ "_active": "success.500",
111
+ "base": "success.500"
112
+ },
113
+ "_active": "success.800",
114
+ "_hover": "success.700",
115
+ "base": "success.500"
116
+ }
117
+ }
118
+ },
119
+ {
120
+ "variant": "secondary",
121
+ "severity": "success",
122
+ "css": {
123
+ "bg": {
124
+ "_disabled": {
125
+ "_hover": "transparent",
126
+ "_active": "transparent",
127
+ "base": "transparent"
128
+ },
129
+ "_active": "success.700",
130
+ "_hover": "success.500",
131
+ "base": "transparent"
132
+ },
133
+ "borderColor": {
134
+ "base": "success.500",
135
+ "_active": "success.700"
136
+ },
137
+ "borderStyle": "solid",
138
+ "color": {
139
+ "_disabled": {
140
+ "_hover": "success.500",
141
+ "_active": "success.500",
142
+ "base": "success.500"
143
+ },
144
+ "base": "success.500",
145
+ "_hover": "white",
146
+ "_active": "white"
147
+ }
148
+ }
149
+ },
150
+ {
151
+ "variant": "tertiary",
152
+ "severity": "success",
153
+ "css": {
154
+ "bg": {
155
+ "_disabled": {
156
+ "_hover": "transparent",
157
+ "_active": "transparent",
158
+ "base": "transparent"
159
+ },
160
+ "_active": "success.200",
161
+ "_hover": "success.100",
162
+ "base": "transparent"
163
+ },
164
+ "color": {
165
+ "_disabled": {
166
+ "_hover": "success.500",
167
+ "_active": "success.500",
168
+ "base": "success.500"
169
+ },
170
+ "base": "success.500",
171
+ "_hover": "success.700",
172
+ "_active": "success.700"
173
+ }
174
+ }
102
175
  }
103
176
  ])
104
177
 
@@ -115,7 +188,8 @@ const buttonVariantMap = {
115
188
  ],
116
189
  "severity": [
117
190
  "none",
118
- "danger"
191
+ "danger",
192
+ "success"
119
193
  ]
120
194
  }
121
195
 
package/recipes/icon-button.d.ts CHANGED
@@ -14,7 +14,7 @@ variant: "primary" | "secondary" | "tertiary"
14
14
  /**
15
15
  * @default "none"
16
16
  */
17
- severity: "none" | "danger"
17
+ severity: "none" | "danger" | "success"
18
18
  }
19
19
 
20
20
  type IconButtonVariantMap = {
package/recipes/icon-button.mjs CHANGED
@@ -100,6 +100,79 @@ const iconButtonFn = /* @__PURE__ */ createRecipe('icon-button', {
100
100
  }
101
101
  }
102
102
  },
103
+ {
104
+ "variant": "primary",
105
+ "severity": "success",
106
+ "css": {
107
+ "bg": {
108
+ "_disabled": {
109
+ "_hover": "success.500",
110
+ "_active": "success.500",
111
+ "base": "success.500"
112
+ },
113
+ "_active": "success.800",
114
+ "_hover": "success.700",
115
+ "base": "success.500"
116
+ }
117
+ }
118
+ },
119
+ {
120
+ "variant": "secondary",
121
+ "severity": "success",
122
+ "css": {
123
+ "bg": {
124
+ "_disabled": {
125
+ "_hover": "transparent",
126
+ "_active": "transparent",
127
+ "base": "transparent"
128
+ },
129
+ "_active": "success.700",
130
+ "_hover": "success.500",
131
+ "base": "transparent"
132
+ },
133
+ "borderColor": {
134
+ "base": "success.500",
135
+ "_active": "success.700"
136
+ },
137
+ "borderStyle": "solid",
138
+ "color": {
139
+ "_disabled": {
140
+ "_hover": "success.500",
141
+ "_active": "success.500",
142
+ "base": "success.500"
143
+ },
144
+ "base": "success.500",
145
+ "_hover": "white",
146
+ "_active": "white"
147
+ }
148
+ }
149
+ },
150
+ {
151
+ "variant": "tertiary",
152
+ "severity": "success",
153
+ "css": {
154
+ "bg": {
155
+ "_disabled": {
156
+ "_hover": "transparent",
157
+ "_active": "transparent",
158
+ "base": "transparent"
159
+ },
160
+ "_active": "success.200",
161
+ "_hover": "success.100",
162
+ "base": "transparent"
163
+ },
164
+ "color": {
165
+ "_disabled": {
166
+ "_hover": "success.500",
167
+ "_active": "success.500",
168
+ "base": "success.500"
169
+ },
170
+ "base": "success.500",
171
+ "_hover": "success.700",
172
+ "_active": "success.700"
173
+ }
174
+ }
175
+ },
103
176
  {
104
177
  "variant": "primary",
105
178
  "size": "sm",
@@ -136,7 +209,8 @@ const iconButtonVariantMap = {
136
209
  ],
137
210
  "severity": [
138
211
  "none",
139
- "danger"
212
+ "danger",
213
+ "success"
140
214
  ]
141
215
  }
142
216