@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/default.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
  /**
@@ -118,46 +66,16 @@ declare const theme: {
118
66
  background: string;
119
67
  foreground: string;
120
68
  };
121
- disabled: {
122
- border: string;
123
- foreground: string;
124
- };
125
- default: {
126
- border: string;
127
- background: string;
128
- foreground: string;
129
- };
130
- press: {
131
- border: string;
132
- background: string;
133
- foreground: string;
134
- };
135
- };
136
- progressiveLight: {
137
69
  default: {
138
70
  border: string;
139
71
  background: string;
140
72
  foreground: string;
141
73
  };
142
- focus: {
143
- border: string;
144
- };
145
- hover: {
146
- border: string;
147
- background: string;
148
- foreground: string;
149
- icon: string;
150
- };
151
74
  press: {
152
75
  border: string;
153
76
  background: string;
154
77
  foreground: string;
155
78
  };
156
- disabled: {
157
- border: string;
158
- background: string;
159
- foreground: string;
160
- };
161
79
  };
162
80
  destructive: {
163
81
  focus: {
@@ -169,10 +87,6 @@ declare const theme: {
169
87
  background: string;
170
88
  foreground: string;
171
89
  };
172
- disabled: {
173
- border: string;
174
- foreground: string;
175
- };
176
90
  default: {
177
91
  border: string;
178
92
  background: string;
@@ -184,31 +98,10 @@ declare const theme: {
184
98
  foreground: string;
185
99
  };
186
100
  };
187
- destructiveLight: {
188
- default: {
189
- border: string;
190
- background: string;
191
- foreground: string;
192
- };
193
- focus: {
194
- border: string;
195
- };
196
- hover: {
197
- border: string;
198
- background: string;
199
- foreground: string;
200
- icon: string;
201
- };
202
- press: {
203
- border: string;
204
- background: string;
205
- foreground: string;
206
- };
207
- disabled: {
208
- border: string;
209
- background: string;
210
- foreground: string;
211
- };
101
+ disabled: {
102
+ border: string;
103
+ background: string;
104
+ foreground: string;
212
105
  };
213
106
  };
214
107
  /**
@@ -221,9 +114,6 @@ declare const theme: {
221
114
  focus: {
222
115
  border: string;
223
116
  };
224
- disabled: {
225
- foreground: string;
226
- };
227
117
  default: {
228
118
  border: string;
229
119
  background: string;
@@ -240,35 +130,10 @@ declare const theme: {
240
130
  foreground: string;
241
131
  };
242
132
  };
243
- progressiveLight: {
244
- default: {
245
- border: string;
246
- background: string;
247
- foreground: string;
248
- };
249
- focus: {
250
- border: string;
251
- };
252
- hover: {
253
- border: string;
254
- background: string;
255
- foreground: string;
256
- };
257
- press: {
258
- border: string;
259
- foreground: string;
260
- };
261
- disabled: {
262
- foreground: string;
263
- };
264
- };
265
133
  destructive: {
266
134
  focus: {
267
135
  border: string;
268
136
  };
269
- disabled: {
270
- foreground: string;
271
- };
272
137
  default: {
273
138
  border: string;
274
139
  background: string;
@@ -285,27 +150,10 @@ declare const theme: {
285
150
  foreground: string;
286
151
  };
287
152
  };
288
- destructiveLight: {
289
- default: {
290
- border: string;
291
- background: string;
292
- foreground: string;
293
- };
294
- focus: {
295
- border: string;
296
- };
297
- hover: {
298
- border: string;
299
- background: string;
300
- foreground: string;
301
- };
302
- press: {
303
- border: string;
304
- foreground: string;
305
- };
306
- disabled: {
307
- foreground: string;
308
- };
153
+ disabled: {
154
+ border: string;
155
+ background: string;
156
+ foreground: string;
309
157
  };
310
158
  };
311
159
  };
@@ -354,18 +202,18 @@ declare const theme: {
354
202
  };
355
203
  font: {
356
204
  size: {
357
- large: number;
205
+ large: string;
358
206
  };
359
207
  lineHeight: {
360
- small: number;
361
- default: number;
362
- large: number;
208
+ small: string;
209
+ default: string;
210
+ large: string;
363
211
  };
364
212
  weight: {
365
213
  default: number;
366
214
  };
367
215
  offset: {
368
- default: 4;
216
+ default: string;
369
217
  };
370
218
  };
371
219
  };
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,46 +61,16 @@ declare const theme: {
113
61
  background: string;
114
62
  foreground: string;
115
63
  };
116
- disabled: {
117
- border: string;
118
- foreground: string;
119
- };
120
- default: {
121
- border: string;
122
- background: string;
123
- foreground: string;
124
- };
125
- press: {
126
- border: string;
127
- background: string;
128
- foreground: string;
129
- };
130
- };
131
- progressiveLight: {
132
64
  default: {
133
65
  border: string;
134
66
  background: string;
135
67
  foreground: string;
136
68
  };
137
- focus: {
138
- border: string;
139
- };
140
- hover: {
141
- border: string;
142
- background: string;
143
- foreground: string;
144
- icon: string;
145
- };
146
69
  press: {
147
70
  border: string;
148
71
  background: string;
149
72
  foreground: string;
150
73
  };
151
- disabled: {
152
- border: string;
153
- background: string;
154
- foreground: string;
155
- };
156
74
  };
157
75
  destructive: {
158
76
  focus: {
@@ -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
  };
@@ -341,18 +189,18 @@ declare const theme: {
341
189
  };
342
190
  font: {
343
191
  size: {
344
- large: number;
192
+ large: string;
345
193
  };
346
194
  lineHeight: {
347
- small: number;
348
- default: number;
349
- large: number;
195
+ small: string;
196
+ default: string;
197
+ large: string;
350
198
  };
351
199
  weight: {
352
200
  default: number;
353
201
  };
354
202
  offset: {
355
- default: 4;
203
+ default: string;
356
204
  };
357
205
  };
358
206
  };