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