@stokelp/styled-system 2.56.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 (8) hide show
  1. package/package.json +1 -1
  2. package/panda.buildinfo.json +23 -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
  7. package/recipes/tabs-chip.d.ts +1 -1
  8. package/recipes/tabs-chip.mjs +1 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@stokelp/styled-system",
3
- "version": "2.56.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",
@@ -300,6 +318,7 @@
300
318
  ],
301
319
  "tabsChip": [
302
320
  "colorScheme]___[value:neutral]___[recipe:tabsChip",
321
+ "colorScheme]___[value:info]___[recipe:tabsChip",
303
322
  "colorScheme]___[value:success]___[recipe:tabsChip",
304
323
  "colorScheme]___[value:warning]___[recipe:tabsChip",
305
324
  "colorScheme]___[value:error]___[recipe:tabsChip",
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
 
package/recipes/tabs-chip.d.ts CHANGED
@@ -6,7 +6,7 @@ interface TabsChipVariant {
6
6
  /**
7
7
  * @default "neutral"
8
8
  */
9
- colorScheme: "neutral" | "success" | "warning" | "error" | "grey"
9
+ colorScheme: "neutral" | "info" | "success" | "warning" | "error" | "grey"
10
10
  }
11
11
 
12
12
  type TabsChipVariantMap = {
package/recipes/tabs-chip.mjs CHANGED
@@ -8,6 +8,7 @@ const tabsChipFn = /* @__PURE__ */ createRecipe('tabs-chip', {
8
8
  const tabsChipVariantMap = {
9
9
  "colorScheme": [
10
10
  "neutral",
11
+ "info",
11
12
  "success",
12
13
  "warning",
13
14
  "error",