@khanacademy/wonder-blocks-button 8.0.3 → 9.0.1

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 +7 -711
  5. package/dist/index.js +7 -715
  6. package/dist/themes/default.d.ts +17 -169
  7. package/dist/themes/khanmigo.d.ts +17 -169
  8. package/dist/themes/themed-button.d.ts +17 -169
  9. package/package.json +6 -7
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,46 +68,16 @@ 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
- default: {
128
- border: string;
129
- background: string;
130
- foreground: string;
131
- };
132
- press: {
133
- border: string;
134
- background: string;
135
- foreground: string;
136
- };
137
- };
138
- progressiveLight: {
139
71
  default: {
140
72
  border: string;
141
73
  background: string;
142
74
  foreground: string;
143
75
  };
144
- focus: {
145
- border: string;
146
- };
147
- hover: {
148
- border: string;
149
- background: string;
150
- foreground: string;
151
- icon: string;
152
- };
153
76
  press: {
154
77
  border: string;
155
78
  background: string;
156
79
  foreground: string;
157
80
  };
158
- disabled: {
159
- border: string;
160
- background: string;
161
- foreground: string;
162
- };
163
81
  };
164
82
  destructive: {
165
83
  focus: {
@@ -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
  };
@@ -348,18 +196,18 @@ export declare const ButtonThemeContext: React.Context<{
348
196
  };
349
197
  font: {
350
198
  size: {
351
- large: number;
199
+ large: string;
352
200
  };
353
201
  lineHeight: {
354
- small: number;
355
- default: number;
356
- large: number;
202
+ small: string;
203
+ default: string;
204
+ large: string;
357
205
  };
358
206
  weight: {
359
207
  default: number;
360
208
  };
361
209
  offset: {
362
- default: 4;
210
+ default: string;
363
211
  };
364
212
  };
365
213
  }>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@khanacademy/wonder-blocks-button",
3
- "version": "8.0.3",
3
+ "version": "9.0.1",
4
4
  "design": "v1",
5
5
  "publishConfig": {
6
6
  "access": "public"
@@ -12,14 +12,13 @@
12
12
  "author": "",
13
13
  "license": "MIT",
14
14
  "dependencies": {
15
- "@babel/runtime": "^7.24.5",
15
+ "@khanacademy/wonder-blocks-clickable": "7.0.4",
16
16
  "@khanacademy/wonder-blocks-core": "12.2.1",
17
17
  "@khanacademy/wonder-blocks-icon": "5.1.3",
18
- "@khanacademy/wonder-blocks-progress-spinner": "3.1.9",
18
+ "@khanacademy/wonder-blocks-progress-spinner": "3.1.10",
19
19
  "@khanacademy/wonder-blocks-theming": "3.3.0",
20
- "@khanacademy/wonder-blocks-tokens": "9.0.0",
21
- "@khanacademy/wonder-blocks-typography": "3.1.3",
22
- "@khanacademy/wonder-blocks-clickable": "7.0.3"
20
+ "@khanacademy/wonder-blocks-tokens": "10.0.0",
21
+ "@khanacademy/wonder-blocks-typography": "3.2.0"
23
22
  },
24
23
  "peerDependencies": {
25
24
  "aphrodite": "^1.2.5",
@@ -29,7 +28,7 @@
29
28
  "react-router-dom-v5-compat": "^6.30.0"
30
29
  },
31
30
  "devDependencies": {
32
- "@khanacademy/wb-dev-build-settings": "2.1.1"
31
+ "@khanacademy/wb-dev-build-settings": "3.0.0"
33
32
  },
34
33
  "scripts": {
35
34
  "test": "echo \"Error: no test specified\" && exit 1"