@khanacademy/wonder-blocks-button 7.1.0 → 7.1.2

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 (7) hide show
  1. package/CHANGELOG.md +39 -0
  2. package/dist/es/index.js +87 -83
  3. package/dist/index.js +105 -96
  4. package/dist/themes/default.d.ts +38 -12
  5. package/dist/themes/khanmigo.d.ts +38 -12
  6. package/dist/themes/themed-button.d.ts +38 -12
  7. package/package.json +9 -9
package/dist/themes/khanmigo.d.ts CHANGED
@@ -3,10 +3,12 @@
3
3
  */
4
4
  declare const theme: {
5
5
  color: {
6
- filled: {
6
+ primary: {
7
7
  progressive: {
8
- disabled: {
8
+ focus: {
9
9
  border: string;
10
+ };
11
+ disabled: {
10
12
  background: string;
11
13
  foreground: string;
12
14
  };
@@ -27,6 +29,9 @@ declare const theme: {
27
29
  };
28
30
  };
29
31
  progressiveLight: {
32
+ focus: {
33
+ border: string;
34
+ };
30
35
  hover: {
31
36
  border: string;
32
37
  background: string;
@@ -38,7 +43,6 @@ declare const theme: {
38
43
  foreground: string;
39
44
  };
40
45
  disabled: {
41
- border: string;
42
46
  background: string;
43
47
  foreground: string;
44
48
  };
@@ -49,8 +53,10 @@ declare const theme: {
49
53
  };
50
54
  };
51
55
  destructive: {
52
- disabled: {
56
+ focus: {
53
57
  border: string;
58
+ };
59
+ disabled: {
54
60
  background: string;
55
61
  foreground: string;
56
62
  };
@@ -71,6 +77,9 @@ declare const theme: {
71
77
  };
72
78
  };
73
79
  destructiveLight: {
80
+ focus: {
81
+ border: string;
82
+ };
74
83
  hover: {
75
84
  border: string;
76
85
  background: string;
@@ -82,7 +91,6 @@ declare const theme: {
82
91
  foreground: string;
83
92
  };
84
93
  disabled: {
85
- border: string;
86
94
  background: string;
87
95
  foreground: string;
88
96
  };
@@ -93,13 +101,16 @@ declare const theme: {
93
101
  };
94
102
  };
95
103
  };
96
- outlined: {
104
+ secondary: {
97
105
  progressive: {
98
106
  default: {
99
107
  background: string;
100
108
  border: string;
101
109
  foreground: string;
102
110
  };
111
+ focus: {
112
+ border: string;
113
+ };
103
114
  hover: {
104
115
  background: string;
105
116
  icon: string;
@@ -108,7 +119,6 @@ declare const theme: {
108
119
  };
109
120
  disabled: {
110
121
  border: string;
111
- background: string;
112
122
  foreground: string;
113
123
  };
114
124
  press: {
@@ -123,6 +133,9 @@ declare const theme: {
123
133
  background: string;
124
134
  foreground: string;
125
135
  };
136
+ focus: {
137
+ border: string;
138
+ };
126
139
  hover: {
127
140
  border: string;
128
141
  background: string;
@@ -141,6 +154,9 @@ declare const theme: {
141
154
  };
142
155
  };
143
156
  destructive: {
157
+ focus: {
158
+ border: string;
159
+ };
144
160
  hover: {
145
161
  background: string;
146
162
  icon: string;
@@ -149,7 +165,6 @@ declare const theme: {
149
165
  };
150
166
  disabled: {
151
167
  border: string;
152
- background: string;
153
168
  foreground: string;
154
169
  };
155
170
  default: {
@@ -169,6 +184,9 @@ declare const theme: {
169
184
  background: string;
170
185
  foreground: string;
171
186
  };
187
+ focus: {
188
+ border: string;
189
+ };
172
190
  hover: {
173
191
  border: string;
174
192
  background: string;
@@ -193,6 +211,9 @@ declare const theme: {
193
211
  background: string;
194
212
  foreground: string;
195
213
  };
214
+ focus: {
215
+ border: string;
216
+ };
196
217
  hover: {
197
218
  border: string;
198
219
  };
@@ -200,7 +221,6 @@ declare const theme: {
200
221
  foreground: string;
201
222
  };
202
223
  disabled: {
203
- border: string;
204
224
  foreground: string;
205
225
  };
206
226
  };
@@ -210,6 +230,9 @@ declare const theme: {
210
230
  background: string;
211
231
  foreground: string;
212
232
  };
233
+ focus: {
234
+ border: string;
235
+ };
213
236
  hover: {
214
237
  border: string;
215
238
  background: string;
@@ -220,7 +243,6 @@ declare const theme: {
220
243
  foreground: string;
221
244
  };
222
245
  disabled: {
223
- border: string;
224
246
  foreground: string;
225
247
  };
226
248
  };
@@ -229,6 +251,9 @@ declare const theme: {
229
251
  background: string;
230
252
  foreground: string;
231
253
  };
254
+ focus: {
255
+ border: string;
256
+ };
232
257
  hover: {
233
258
  border: string;
234
259
  };
@@ -236,7 +261,6 @@ declare const theme: {
236
261
  foreground: string;
237
262
  };
238
263
  disabled: {
239
- border: string;
240
264
  foreground: string;
241
265
  };
242
266
  };
@@ -246,6 +270,9 @@ declare const theme: {
246
270
  background: string;
247
271
  foreground: string;
248
272
  };
273
+ focus: {
274
+ border: string;
275
+ };
249
276
  hover: {
250
277
  border: string;
251
278
  background: string;
@@ -256,7 +283,6 @@ declare const theme: {
256
283
  foreground: string;
257
284
  };
258
285
  disabled: {
259
- border: string;
260
286
  foreground: string;
261
287
  };
262
288
  };
package/dist/themes/themed-button.d.ts CHANGED
@@ -10,10 +10,12 @@ export type ButtonThemeContract = typeof defaultTheme;
10
10
  */
11
11
  export declare const ButtonThemeContext: React.Context<{
12
12
  color: {
13
- filled: {
13
+ primary: {
14
14
  progressive: {
15
- disabled: {
15
+ focus: {
16
16
  border: string;
17
+ };
18
+ disabled: {
17
19
  background: string;
18
20
  foreground: string;
19
21
  };
@@ -34,6 +36,9 @@ export declare const ButtonThemeContext: React.Context<{
34
36
  };
35
37
  };
36
38
  progressiveLight: {
39
+ focus: {
40
+ border: string;
41
+ };
37
42
  hover: {
38
43
  border: string;
39
44
  background: string;
@@ -45,7 +50,6 @@ export declare const ButtonThemeContext: React.Context<{
45
50
  foreground: string;
46
51
  };
47
52
  disabled: {
48
- border: string;
49
53
  background: string;
50
54
  foreground: string;
51
55
  };
@@ -56,8 +60,10 @@ export declare const ButtonThemeContext: React.Context<{
56
60
  };
57
61
  };
58
62
  destructive: {
59
- disabled: {
63
+ focus: {
60
64
  border: string;
65
+ };
66
+ disabled: {
61
67
  background: string;
62
68
  foreground: string;
63
69
  };
@@ -78,6 +84,9 @@ export declare const ButtonThemeContext: React.Context<{
78
84
  };
79
85
  };
80
86
  destructiveLight: {
87
+ focus: {
88
+ border: string;
89
+ };
81
90
  hover: {
82
91
  border: string;
83
92
  background: string;
@@ -89,7 +98,6 @@ export declare const ButtonThemeContext: React.Context<{
89
98
  foreground: string;
90
99
  };
91
100
  disabled: {
92
- border: string;
93
101
  background: string;
94
102
  foreground: string;
95
103
  };
@@ -100,13 +108,16 @@ export declare const ButtonThemeContext: React.Context<{
100
108
  };
101
109
  };
102
110
  };
103
- outlined: {
111
+ secondary: {
104
112
  progressive: {
105
113
  default: {
106
114
  background: string;
107
115
  border: string;
108
116
  foreground: string;
109
117
  };
118
+ focus: {
119
+ border: string;
120
+ };
110
121
  hover: {
111
122
  background: string;
112
123
  icon: string;
@@ -115,7 +126,6 @@ export declare const ButtonThemeContext: React.Context<{
115
126
  };
116
127
  disabled: {
117
128
  border: string;
118
- background: string;
119
129
  foreground: string;
120
130
  };
121
131
  press: {
@@ -130,6 +140,9 @@ export declare const ButtonThemeContext: React.Context<{
130
140
  background: string;
131
141
  foreground: string;
132
142
  };
143
+ focus: {
144
+ border: string;
145
+ };
133
146
  hover: {
134
147
  border: string;
135
148
  background: string;
@@ -148,6 +161,9 @@ export declare const ButtonThemeContext: React.Context<{
148
161
  };
149
162
  };
150
163
  destructive: {
164
+ focus: {
165
+ border: string;
166
+ };
151
167
  hover: {
152
168
  background: string;
153
169
  icon: string;
@@ -156,7 +172,6 @@ export declare const ButtonThemeContext: React.Context<{
156
172
  };
157
173
  disabled: {
158
174
  border: string;
159
- background: string;
160
175
  foreground: string;
161
176
  };
162
177
  default: {
@@ -176,6 +191,9 @@ export declare const ButtonThemeContext: React.Context<{
176
191
  background: string;
177
192
  foreground: string;
178
193
  };
194
+ focus: {
195
+ border: string;
196
+ };
179
197
  hover: {
180
198
  border: string;
181
199
  background: string;
@@ -200,6 +218,9 @@ export declare const ButtonThemeContext: React.Context<{
200
218
  background: string;
201
219
  foreground: string;
202
220
  };
221
+ focus: {
222
+ border: string;
223
+ };
203
224
  hover: {
204
225
  border: string;
205
226
  };
@@ -207,7 +228,6 @@ export declare const ButtonThemeContext: React.Context<{
207
228
  foreground: string;
208
229
  };
209
230
  disabled: {
210
- border: string;
211
231
  foreground: string;
212
232
  };
213
233
  };
@@ -217,6 +237,9 @@ export declare const ButtonThemeContext: React.Context<{
217
237
  background: string;
218
238
  foreground: string;
219
239
  };
240
+ focus: {
241
+ border: string;
242
+ };
220
243
  hover: {
221
244
  border: string;
222
245
  background: string;
@@ -227,7 +250,6 @@ export declare const ButtonThemeContext: React.Context<{
227
250
  foreground: string;
228
251
  };
229
252
  disabled: {
230
- border: string;
231
253
  foreground: string;
232
254
  };
233
255
  };
@@ -236,6 +258,9 @@ export declare const ButtonThemeContext: React.Context<{
236
258
  background: string;
237
259
  foreground: string;
238
260
  };
261
+ focus: {
262
+ border: string;
263
+ };
239
264
  hover: {
240
265
  border: string;
241
266
  };
@@ -243,7 +268,6 @@ export declare const ButtonThemeContext: React.Context<{
243
268
  foreground: string;
244
269
  };
245
270
  disabled: {
246
- border: string;
247
271
  foreground: string;
248
272
  };
249
273
  };
@@ -253,6 +277,9 @@ export declare const ButtonThemeContext: React.Context<{
253
277
  background: string;
254
278
  foreground: string;
255
279
  };
280
+ focus: {
281
+ border: string;
282
+ };
256
283
  hover: {
257
284
  border: string;
258
285
  background: string;
@@ -263,7 +290,6 @@ export declare const ButtonThemeContext: React.Context<{
263
290
  foreground: string;
264
291
  };
265
292
  disabled: {
266
- border: string;
267
293
  foreground: string;
268
294
  };
269
295
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@khanacademy/wonder-blocks-button",
3
- "version": "7.1.0",
3
+ "version": "7.1.2",
4
4
  "design": "v1",
5
5
  "publishConfig": {
6
6
  "access": "public"
@@ -13,13 +13,13 @@
13
13
  "license": "MIT",
14
14
  "dependencies": {
15
15
  "@babel/runtime": "^7.24.5",
16
- "@khanacademy/wonder-blocks-clickable": "6.1.0",
17
- "@khanacademy/wonder-blocks-core": "12.1.0",
18
- "@khanacademy/wonder-blocks-icon": "5.1.0",
19
- "@khanacademy/wonder-blocks-progress-spinner": "3.1.0",
20
- "@khanacademy/wonder-blocks-theming": "3.1.0",
21
- "@khanacademy/wonder-blocks-tokens": "4.2.0",
22
- "@khanacademy/wonder-blocks-typography": "3.1.0"
16
+ "@khanacademy/wonder-blocks-clickable": "6.1.2",
17
+ "@khanacademy/wonder-blocks-core": "12.2.0",
18
+ "@khanacademy/wonder-blocks-icon": "5.1.2",
19
+ "@khanacademy/wonder-blocks-progress-spinner": "3.1.2",
20
+ "@khanacademy/wonder-blocks-theming": "3.2.0",
21
+ "@khanacademy/wonder-blocks-tokens": "5.0.0",
22
+ "@khanacademy/wonder-blocks-typography": "3.1.2"
23
23
  },
24
24
  "peerDependencies": {
25
25
  "aphrodite": "^1.2.5",
@@ -28,7 +28,7 @@
28
28
  "react-router-dom": "5.3.4"
29
29
  },
30
30
  "devDependencies": {
31
- "@khanacademy/wb-dev-build-settings": "2.1.0"
31
+ "@khanacademy/wb-dev-build-settings": "2.1.1"
32
32
  },
33
33
  "scripts": {
34
34
  "test": "echo \"Error: no test specified\" && exit 1"