@khanacademy/wonder-blocks-accordion 3.0.7 → 3.1.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.
package/CHANGELOG.md CHANGED
@@ -1,418 +1,452 @@
1
1
  # @khanacademy/wonder-blocks-accordion
2
2
 
3
+ ## 3.1.1
4
+
5
+ ### Patch Changes
6
+
7
+ - ee8d95a: Rollback rollup version from v4 to v2 to prevent an issue with CJS builds in unit tests
8
+ - Updated dependencies [ee8d95a]
9
+ - @khanacademy/wonder-blocks-clickable@6.1.1
10
+ - @khanacademy/wonder-blocks-core@12.1.1
11
+ - @khanacademy/wonder-blocks-icon@5.1.1
12
+ - @khanacademy/wonder-blocks-tokens@4.2.1
13
+ - @khanacademy/wonder-blocks-typography@3.1.1
14
+
15
+ ## 3.1.0
16
+
17
+ ### Minor Changes
18
+
19
+ - f03298f: Tooling:
20
+
21
+ - Switching to `pnpm`.
22
+ - Upgrading `rollup` to v4 and `@babel/runtime` to match the current webapp version.
23
+
24
+ ### Patch Changes
25
+
26
+ - 969864b: Update internal addStyle variable name to address aphrodite-add-style-variable-name linting rule
27
+ - bb2a026: pnpm: Switch to workspace protocol to handle dependency versions with changesets on monorepo setup"
28
+ - Updated dependencies [969864b]
29
+ - Updated dependencies [bb2a026]
30
+ - Updated dependencies [f03298f]
31
+ - @khanacademy/wonder-blocks-clickable@6.1.0
32
+ - @khanacademy/wonder-blocks-core@12.1.0
33
+ - @khanacademy/wonder-blocks-icon@5.1.0
34
+ - @khanacademy/wonder-blocks-typography@3.1.0
35
+ - @khanacademy/wonder-blocks-tokens@4.2.0
36
+
3
37
  ## 3.0.7
4
38
 
5
39
  ### Patch Changes
6
40
 
7
- - Updated dependencies [0199324d]
8
- - @khanacademy/wonder-blocks-clickable@6.0.0
9
- - @khanacademy/wonder-blocks-core@12.0.0
10
- - @khanacademy/wonder-blocks-icon@5.0.6
11
- - @khanacademy/wonder-blocks-typography@3.0.6
41
+ - Updated dependencies [0199324d]
42
+ - @khanacademy/wonder-blocks-clickable@6.0.0
43
+ - @khanacademy/wonder-blocks-core@12.0.0
44
+ - @khanacademy/wonder-blocks-icon@5.0.6
45
+ - @khanacademy/wonder-blocks-typography@3.0.6
12
46
 
13
47
  ## 3.0.6
14
48
 
15
49
  ### Patch Changes
16
50
 
17
- - 7057fa7c: Replace `color` with `semanticColor` tokens
51
+ - 7057fa7c: Replace `color` with `semanticColor` tokens
18
52
 
19
53
  ## 3.0.5
20
54
 
21
55
  ### Patch Changes
22
56
 
23
- - Updated dependencies [8cfaeab0]
24
- - Updated dependencies [c162abb4]
25
- - @khanacademy/wonder-blocks-tokens@4.1.0
26
- - @khanacademy/wonder-blocks-clickable@5.0.7
57
+ - Updated dependencies [8cfaeab0]
58
+ - Updated dependencies [c162abb4]
59
+ - @khanacademy/wonder-blocks-tokens@4.1.0
60
+ - @khanacademy/wonder-blocks-clickable@5.0.7
27
61
 
28
62
  ## 3.0.4
29
63
 
30
64
  ### Patch Changes
31
65
 
32
- - Updated dependencies [0de25cd8]
33
- - @khanacademy/wonder-blocks-tokens@4.0.0
34
- - @khanacademy/wonder-blocks-clickable@5.0.6
66
+ - Updated dependencies [0de25cd8]
67
+ - @khanacademy/wonder-blocks-tokens@4.0.0
68
+ - @khanacademy/wonder-blocks-clickable@5.0.6
35
69
 
36
70
  ## 3.0.3
37
71
 
38
72
  ### Patch Changes
39
73
 
40
- - Updated dependencies [7516b239]
41
- - @khanacademy/wonder-blocks-core@11.1.0
42
- - @khanacademy/wonder-blocks-clickable@5.0.5
43
- - @khanacademy/wonder-blocks-icon@5.0.5
44
- - @khanacademy/wonder-blocks-typography@3.0.5
74
+ - Updated dependencies [7516b239]
75
+ - @khanacademy/wonder-blocks-core@11.1.0
76
+ - @khanacademy/wonder-blocks-clickable@5.0.5
77
+ - @khanacademy/wonder-blocks-icon@5.0.5
78
+ - @khanacademy/wonder-blocks-typography@3.0.5
45
79
 
46
80
  ## 3.0.2
47
81
 
48
82
  ### Patch Changes
49
83
 
50
- - 11a0f5c6: No functional changes. Adding prepublishOnly script.
51
- - Updated dependencies [11a0f5c6]
52
- - @khanacademy/wonder-blocks-typography@3.0.4
53
- - @khanacademy/wonder-blocks-clickable@5.0.4
54
- - @khanacademy/wonder-blocks-tokens@3.0.1
55
- - @khanacademy/wonder-blocks-core@11.0.1
56
- - @khanacademy/wonder-blocks-icon@5.0.4
84
+ - 11a0f5c6: No functional changes. Adding prepublishOnly script.
85
+ - Updated dependencies [11a0f5c6]
86
+ - @khanacademy/wonder-blocks-typography@3.0.4
87
+ - @khanacademy/wonder-blocks-clickable@5.0.4
88
+ - @khanacademy/wonder-blocks-tokens@3.0.1
89
+ - @khanacademy/wonder-blocks-core@11.0.1
90
+ - @khanacademy/wonder-blocks-icon@5.0.4
57
91
 
58
92
  ## 3.0.1
59
93
 
60
94
  ### Patch Changes
61
95
 
62
- - Updated dependencies [d23c9c5f]
63
- - @khanacademy/wonder-blocks-core@11.0.0
64
- - @khanacademy/wonder-blocks-clickable@5.0.3
65
- - @khanacademy/wonder-blocks-icon@5.0.3
66
- - @khanacademy/wonder-blocks-typography@3.0.3
96
+ - Updated dependencies [d23c9c5f]
97
+ - @khanacademy/wonder-blocks-core@11.0.0
98
+ - @khanacademy/wonder-blocks-clickable@5.0.3
99
+ - @khanacademy/wonder-blocks-icon@5.0.3
100
+ - @khanacademy/wonder-blocks-typography@3.0.3
67
101
 
68
102
  ## 3.0.0
69
103
 
70
104
  ### Major Changes
71
105
 
72
- - 56d961f1: - Migrate Wonder Blocks components off old id providers and onto new `Id` component
106
+ - 56d961f1: - Migrate Wonder Blocks components off old id providers and onto new `Id` component
73
107
 
74
108
  ### Patch Changes
75
109
 
76
- - b6009b77: Deprecate the ID provider and unique ID utilities
77
- - Updated dependencies [b6009b77]
78
- - Updated dependencies [897686bc]
79
- - Updated dependencies [56d961f1]
80
- - @khanacademy/wonder-blocks-core@10.0.0
81
- - @khanacademy/wonder-blocks-clickable@5.0.2
82
- - @khanacademy/wonder-blocks-icon@5.0.2
83
- - @khanacademy/wonder-blocks-typography@3.0.2
110
+ - b6009b77: Deprecate the ID provider and unique ID utilities
111
+ - Updated dependencies [b6009b77]
112
+ - Updated dependencies [897686bc]
113
+ - Updated dependencies [56d961f1]
114
+ - @khanacademy/wonder-blocks-core@10.0.0
115
+ - @khanacademy/wonder-blocks-clickable@5.0.2
116
+ - @khanacademy/wonder-blocks-icon@5.0.2
117
+ - @khanacademy/wonder-blocks-typography@3.0.2
84
118
 
85
119
  ## 2.0.1
86
120
 
87
121
  ### Patch Changes
88
122
 
89
- - Updated dependencies [f4abd572]
90
- - @khanacademy/wonder-blocks-core@9.0.0
91
- - @khanacademy/wonder-blocks-clickable@5.0.1
92
- - @khanacademy/wonder-blocks-icon@5.0.1
93
- - @khanacademy/wonder-blocks-typography@3.0.1
123
+ - Updated dependencies [f4abd572]
124
+ - @khanacademy/wonder-blocks-core@9.0.0
125
+ - @khanacademy/wonder-blocks-clickable@5.0.1
126
+ - @khanacademy/wonder-blocks-icon@5.0.1
127
+ - @khanacademy/wonder-blocks-typography@3.0.1
94
128
 
95
129
  ## 2.0.0
96
130
 
97
131
  ### Major Changes
98
132
 
99
- - e6abdd17: Upgrade to React 18
133
+ - e6abdd17: Upgrade to React 18
100
134
 
101
135
  ### Patch Changes
102
136
 
103
- - Updated dependencies [e6abdd17]
104
- - @khanacademy/wonder-blocks-core@8.0.0
105
- - @khanacademy/wonder-blocks-clickable@5.0.0
106
- - @khanacademy/wonder-blocks-icon@5.0.0
107
- - @khanacademy/wonder-blocks-tokens@3.0.0
108
- - @khanacademy/wonder-blocks-typography@3.0.0
137
+ - Updated dependencies [e6abdd17]
138
+ - @khanacademy/wonder-blocks-core@8.0.0
139
+ - @khanacademy/wonder-blocks-clickable@5.0.0
140
+ - @khanacademy/wonder-blocks-icon@5.0.0
141
+ - @khanacademy/wonder-blocks-tokens@3.0.0
142
+ - @khanacademy/wonder-blocks-typography@3.0.0
109
143
 
110
144
  ## 1.3.10
111
145
 
112
146
  ### Patch Changes
113
147
 
114
- - Updated dependencies [c1110599]
115
- - @khanacademy/wonder-blocks-icon@4.2.0
148
+ - Updated dependencies [c1110599]
149
+ - @khanacademy/wonder-blocks-icon@4.2.0
116
150
 
117
151
  ## 1.3.9
118
152
 
119
153
  ### Patch Changes
120
154
 
121
- - Updated dependencies [6999fd39]
122
- - @khanacademy/wonder-blocks-tokens@2.1.0
123
- - @khanacademy/wonder-blocks-clickable@4.2.9
155
+ - Updated dependencies [6999fd39]
156
+ - @khanacademy/wonder-blocks-tokens@2.1.0
157
+ - @khanacademy/wonder-blocks-clickable@4.2.9
124
158
 
125
159
  ## 1.3.8
126
160
 
127
161
  ### Patch Changes
128
162
 
129
- - 02a1b298: Make sure we don't package tsconfig and tsbuildinfo files
130
- - Updated dependencies [02a1b298]
131
- - @khanacademy/wonder-blocks-clickable@4.2.8
132
- - @khanacademy/wonder-blocks-core@7.0.1
133
- - @khanacademy/wonder-blocks-icon@4.1.5
134
- - @khanacademy/wonder-blocks-tokens@2.0.1
135
- - @khanacademy/wonder-blocks-typography@2.1.16
163
+ - 02a1b298: Make sure we don't package tsconfig and tsbuildinfo files
164
+ - Updated dependencies [02a1b298]
165
+ - @khanacademy/wonder-blocks-clickable@4.2.8
166
+ - @khanacademy/wonder-blocks-core@7.0.1
167
+ - @khanacademy/wonder-blocks-icon@4.1.5
168
+ - @khanacademy/wonder-blocks-tokens@2.0.1
169
+ - @khanacademy/wonder-blocks-typography@2.1.16
136
170
 
137
171
  ## 1.3.7
138
172
 
139
173
  ### Patch Changes
140
174
 
141
- - Updated dependencies [07f7f407]
142
- - @khanacademy/wonder-blocks-core@7.0.0
143
- - @khanacademy/wonder-blocks-clickable@4.2.7
144
- - @khanacademy/wonder-blocks-icon@4.1.4
145
- - @khanacademy/wonder-blocks-typography@2.1.15
175
+ - Updated dependencies [07f7f407]
176
+ - @khanacademy/wonder-blocks-core@7.0.0
177
+ - @khanacademy/wonder-blocks-clickable@4.2.7
178
+ - @khanacademy/wonder-blocks-icon@4.1.4
179
+ - @khanacademy/wonder-blocks-typography@2.1.15
146
180
 
147
181
  ## 1.3.6
148
182
 
149
183
  ### Patch Changes
150
184
 
151
- - Updated dependencies [f17dc1ee]
152
- - Updated dependencies [991eb43f]
153
- - @khanacademy/wonder-blocks-tokens@2.0.0
154
- - @khanacademy/wonder-blocks-clickable@4.2.6
185
+ - Updated dependencies [f17dc1ee]
186
+ - Updated dependencies [991eb43f]
187
+ - @khanacademy/wonder-blocks-tokens@2.0.0
188
+ - @khanacademy/wonder-blocks-clickable@4.2.6
155
189
 
156
190
  ## 1.3.5
157
191
 
158
192
  ### Patch Changes
159
193
 
160
- - 559e82d5: Update to build tooling, generating smaller output
161
- - Updated dependencies [559e82d5]
162
- - @khanacademy/wonder-blocks-clickable@4.2.5
163
- - @khanacademy/wonder-blocks-core@6.4.3
164
- - @khanacademy/wonder-blocks-icon@4.1.3
165
- - @khanacademy/wonder-blocks-tokens@1.3.1
166
- - @khanacademy/wonder-blocks-typography@2.1.14
194
+ - 559e82d5: Update to build tooling, generating smaller output
195
+ - Updated dependencies [559e82d5]
196
+ - @khanacademy/wonder-blocks-clickable@4.2.5
197
+ - @khanacademy/wonder-blocks-core@6.4.3
198
+ - @khanacademy/wonder-blocks-icon@4.1.3
199
+ - @khanacademy/wonder-blocks-tokens@1.3.1
200
+ - @khanacademy/wonder-blocks-typography@2.1.14
167
201
 
168
202
  ## 1.3.4
169
203
 
170
204
  ### Patch Changes
171
205
 
172
- - Updated dependencies [eab37b8b]
173
- - @khanacademy/wonder-blocks-core@6.4.2
174
- - @khanacademy/wonder-blocks-clickable@4.2.4
175
- - @khanacademy/wonder-blocks-icon@4.1.2
176
- - @khanacademy/wonder-blocks-typography@2.1.13
206
+ - Updated dependencies [eab37b8b]
207
+ - @khanacademy/wonder-blocks-core@6.4.2
208
+ - @khanacademy/wonder-blocks-clickable@4.2.4
209
+ - @khanacademy/wonder-blocks-icon@4.1.2
210
+ - @khanacademy/wonder-blocks-typography@2.1.13
177
211
 
178
212
  ## 1.3.3
179
213
 
180
214
  ### Patch Changes
181
215
 
182
- - Updated dependencies [f099cf87]
183
- - @khanacademy/wonder-blocks-clickable@4.2.3
216
+ - Updated dependencies [f099cf87]
217
+ - @khanacademy/wonder-blocks-clickable@4.2.3
184
218
 
185
219
  ## 1.3.2
186
220
 
187
221
  ### Patch Changes
188
222
 
189
- - Updated dependencies [5dfac06e]
190
- - @khanacademy/wonder-blocks-core@6.4.1
191
- - @khanacademy/wonder-blocks-clickable@4.2.2
192
- - @khanacademy/wonder-blocks-icon@4.1.1
193
- - @khanacademy/wonder-blocks-typography@2.1.12
223
+ - Updated dependencies [5dfac06e]
224
+ - @khanacademy/wonder-blocks-core@6.4.1
225
+ - @khanacademy/wonder-blocks-clickable@4.2.2
226
+ - @khanacademy/wonder-blocks-icon@4.1.1
227
+ - @khanacademy/wonder-blocks-typography@2.1.12
194
228
 
195
229
  ## 1.3.1
196
230
 
197
231
  ### Patch Changes
198
232
 
199
- - Updated dependencies [9bfeead9]
200
- - @khanacademy/wonder-blocks-tokens@1.3.0
201
- - @khanacademy/wonder-blocks-clickable@4.2.1
233
+ - Updated dependencies [9bfeead9]
234
+ - @khanacademy/wonder-blocks-tokens@1.3.0
235
+ - @khanacademy/wonder-blocks-clickable@4.2.1
202
236
 
203
237
  ## 1.3.0
204
238
 
205
239
  ### Minor Changes
206
240
 
207
- - 58075352: Change testId to render the default Testing Library HTML attribute: data-testid (was data-test-id)
241
+ - 58075352: Change testId to render the default Testing Library HTML attribute: data-testid (was data-test-id)
208
242
 
209
243
  ### Patch Changes
210
244
 
211
- - Updated dependencies [58075352]
212
- - @khanacademy/wonder-blocks-clickable@4.2.0
213
- - @khanacademy/wonder-blocks-core@6.4.0
214
- - @khanacademy/wonder-blocks-icon@4.1.0
215
- - @khanacademy/wonder-blocks-typography@2.1.11
245
+ - Updated dependencies [58075352]
246
+ - @khanacademy/wonder-blocks-clickable@4.2.0
247
+ - @khanacademy/wonder-blocks-core@6.4.0
248
+ - @khanacademy/wonder-blocks-icon@4.1.0
249
+ - @khanacademy/wonder-blocks-typography@2.1.11
216
250
 
217
251
  ## 1.2.16
218
252
 
219
253
  ### Patch Changes
220
254
 
221
- - Updated dependencies [874081aa]
222
- - Updated dependencies [874081aa]
223
- - Updated dependencies [a9bf603a]
224
- - @khanacademy/wonder-blocks-tokens@1.2.0
225
- - @khanacademy/wonder-blocks-clickable@4.1.3
255
+ - Updated dependencies [874081aa]
256
+ - Updated dependencies [874081aa]
257
+ - Updated dependencies [a9bf603a]
258
+ - @khanacademy/wonder-blocks-tokens@1.2.0
259
+ - @khanacademy/wonder-blocks-clickable@4.1.3
226
260
 
227
261
  ## 1.2.15
228
262
 
229
263
  ### Patch Changes
230
264
 
231
- - Updated dependencies [e6433bee]
232
- - @khanacademy/wonder-blocks-clickable@4.1.2
265
+ - Updated dependencies [e6433bee]
266
+ - @khanacademy/wonder-blocks-clickable@4.1.2
233
267
 
234
268
  ## 1.2.14
235
269
 
236
270
  ### Patch Changes
237
271
 
238
- - Updated dependencies [4cfb4977]
239
- - @khanacademy/wonder-blocks-tokens@1.1.0
240
- - @khanacademy/wonder-blocks-clickable@4.1.1
272
+ - Updated dependencies [4cfb4977]
273
+ - @khanacademy/wonder-blocks-tokens@1.1.0
274
+ - @khanacademy/wonder-blocks-clickable@4.1.1
241
275
 
242
276
  ## 1.2.13
243
277
 
244
278
  ### Patch Changes
245
279
 
246
- - Updated dependencies [60fdac1c]
247
- - @khanacademy/wonder-blocks-clickable@4.1.0
280
+ - Updated dependencies [60fdac1c]
281
+ - @khanacademy/wonder-blocks-clickable@4.1.0
248
282
 
249
283
  ## 1.2.12
250
284
 
251
285
  ### Patch Changes
252
286
 
253
- - Updated dependencies [e83f8991]
254
- - @khanacademy/wonder-blocks-tokens@1.0.0
255
- - @khanacademy/wonder-blocks-clickable@4.0.14
287
+ - Updated dependencies [e83f8991]
288
+ - @khanacademy/wonder-blocks-tokens@1.0.0
289
+ - @khanacademy/wonder-blocks-clickable@4.0.14
256
290
 
257
291
  ## 1.2.11
258
292
 
259
293
  ### Patch Changes
260
294
 
261
- - 7cd7f6cc: Replace theming.tokens with wb-tokens and update callsites to use the new export
262
- - Updated dependencies [7cd7f6cc]
263
- - Updated dependencies [7c51f377]
264
- - Updated dependencies [7c51f377]
265
- - @khanacademy/wonder-blocks-tokens@0.2.0
266
- - @khanacademy/wonder-blocks-clickable@4.0.13
295
+ - 7cd7f6cc: Replace theming.tokens with wb-tokens and update callsites to use the new export
296
+ - Updated dependencies [7cd7f6cc]
297
+ - Updated dependencies [7c51f377]
298
+ - Updated dependencies [7c51f377]
299
+ - @khanacademy/wonder-blocks-tokens@0.2.0
300
+ - @khanacademy/wonder-blocks-clickable@4.0.13
267
301
 
268
302
  ## 1.2.10
269
303
 
270
304
  ### Patch Changes
271
305
 
272
- - fafa8a69: Prevent default in home, end, and arrow keys
306
+ - fafa8a69: Prevent default in home, end, and arrow keys
273
307
 
274
308
  ## 1.2.9
275
309
 
276
310
  ### Patch Changes
277
311
 
278
- - Updated dependencies [80592e75]
279
- - @khanacademy/wonder-blocks-theming@1.3.0
312
+ - Updated dependencies [80592e75]
313
+ - @khanacademy/wonder-blocks-theming@1.3.0
280
314
 
281
315
  ## 1.2.8
282
316
 
283
317
  ### Patch Changes
284
318
 
285
- - 5cf814ce: Fix focus handling for Accordion headers
319
+ - 5cf814ce: Fix focus handling for Accordion headers
286
320
 
287
321
  ## 1.2.7
288
322
 
289
323
  ### Patch Changes
290
324
 
291
- - d0d567a5: Use minWidth: 0 in the header to prevent overflow issues
325
+ - d0d567a5: Use minWidth: 0 in the header to prevent overflow issues
292
326
 
293
327
  ## 1.2.6
294
328
 
295
329
  ### Patch Changes
296
330
 
297
- - 48e939d0: Use z-index to put the header outline in front of the content panel instead of adding a 2px margin that can cause weird spacing issues
331
+ - 48e939d0: Use z-index to put the header outline in front of the content panel instead of adding a 2px margin that can cause weird spacing issues
298
332
 
299
333
  ## 1.2.5
300
334
 
301
335
  ### Patch Changes
302
336
 
303
- - Updated dependencies [23ab9f8c]
304
- - Updated dependencies [6df21f71]
305
- - @khanacademy/wonder-blocks-icon@4.0.1
306
- - @khanacademy/wonder-blocks-core@6.3.1
307
- - @khanacademy/wonder-blocks-clickable@4.0.12
308
- - @khanacademy/wonder-blocks-typography@2.1.10
337
+ - Updated dependencies [23ab9f8c]
338
+ - Updated dependencies [6df21f71]
339
+ - @khanacademy/wonder-blocks-icon@4.0.1
340
+ - @khanacademy/wonder-blocks-core@6.3.1
341
+ - @khanacademy/wonder-blocks-clickable@4.0.12
342
+ - @khanacademy/wonder-blocks-typography@2.1.10
309
343
 
310
344
  ## 1.2.4
311
345
 
312
346
  ### Patch Changes
313
347
 
314
- - 138d25c5: Give AccordionSection static position to fix outline overlap issue
348
+ - 138d25c5: Give AccordionSection static position to fix outline overlap issue
315
349
 
316
350
  ## 1.2.3
317
351
 
318
352
  ### Patch Changes
319
353
 
320
- - Updated dependencies [171e3b01]
321
- - @khanacademy/wonder-blocks-icon@4.0.0
354
+ - Updated dependencies [171e3b01]
355
+ - @khanacademy/wonder-blocks-icon@4.0.0
322
356
 
323
357
  ## 1.2.2
324
358
 
325
359
  ### Patch Changes
326
360
 
327
- - Updated dependencies [96f675d2]
328
- - @khanacademy/wonder-blocks-icon@3.0.0
361
+ - Updated dependencies [96f675d2]
362
+ - @khanacademy/wonder-blocks-icon@3.0.0
329
363
 
330
364
  ## 1.2.1
331
365
 
332
366
  ### Patch Changes
333
367
 
334
- - Updated dependencies [edcfbe14]
335
- - @khanacademy/wonder-blocks-theming@1.2.1
368
+ - Updated dependencies [edcfbe14]
369
+ - @khanacademy/wonder-blocks-theming@1.2.1
336
370
 
337
371
  ## 1.2.0
338
372
 
339
373
  ### Minor Changes
340
374
 
341
- - b13d4321: Cleanup: prioritize all children overloaded props, fix typos, update documentation, make the accordion component public
375
+ - b13d4321: Cleanup: prioritize all children overloaded props, fix typos, update documentation, make the accordion component public
342
376
 
343
377
  ## 1.1.2
344
378
 
345
379
  ### Patch Changes
346
380
 
347
- - 16d99bde: Add region and aria-labelledby to accordion
348
- - Updated dependencies [6b8bf8d5]
349
- - @khanacademy/wonder-blocks-clickable@4.0.11
381
+ - 16d99bde: Add region and aria-labelledby to accordion
382
+ - Updated dependencies [6b8bf8d5]
383
+ - @khanacademy/wonder-blocks-clickable@4.0.11
350
384
 
351
385
  ## 1.1.1
352
386
 
353
387
  ### Patch Changes
354
388
 
355
- - 7b24db93: Add support for up arrow, down arrow, home, and end keys
356
- - Updated dependencies [7b24db93]
357
- - @khanacademy/wonder-blocks-clickable@4.0.10
389
+ - 7b24db93: Add support for up arrow, down arrow, home, and end keys
390
+ - Updated dependencies [7b24db93]
391
+ - @khanacademy/wonder-blocks-clickable@4.0.10
358
392
 
359
393
  ## 1.1.0
360
394
 
361
395
  ### Minor Changes
362
396
 
363
- - 2f0b77f2: Add animations to Accordion
364
- - 1424a2c3: Add `collapsible` prop to AccordionSection
397
+ - 2f0b77f2: Add animations to Accordion
398
+ - 1424a2c3: Add `collapsible` prop to AccordionSection
365
399
 
366
400
  ## 1.0.1
367
401
 
368
402
  ### Patch Changes
369
403
 
370
- - Updated dependencies [3f854fe8]
371
- - @khanacademy/wonder-blocks-theming@1.2.0
404
+ - Updated dependencies [3f854fe8]
405
+ - @khanacademy/wonder-blocks-theming@1.2.0
372
406
 
373
407
  ## 1.0.0
374
408
 
375
409
  ### Major Changes
376
410
 
377
- - ff34408e: Create Accordion and AccordionSection components
411
+ - ff34408e: Create Accordion and AccordionSection components
378
412
 
379
413
  ### Patch Changes
380
414
 
381
- - Updated dependencies [7055ca94]
382
- - @khanacademy/wonder-blocks-core@6.3.0
383
- - @khanacademy/wonder-blocks-clickable@4.0.9
384
- - @khanacademy/wonder-blocks-icon@2.2.1
385
- - @khanacademy/wonder-blocks-typography@2.1.9
415
+ - Updated dependencies [7055ca94]
416
+ - @khanacademy/wonder-blocks-core@6.3.0
417
+ - @khanacademy/wonder-blocks-clickable@4.0.9
418
+ - @khanacademy/wonder-blocks-icon@2.2.1
419
+ - @khanacademy/wonder-blocks-typography@2.1.9
386
420
 
387
421
  ## 0.0.5
388
422
 
389
423
  ### Patch Changes
390
424
 
391
- - Updated dependencies [ea0e7c02]
392
- - @khanacademy/wonder-blocks-icon@2.2.0
425
+ - Updated dependencies [ea0e7c02]
426
+ - @khanacademy/wonder-blocks-icon@2.2.0
393
427
 
394
428
  ## 0.0.4
395
429
 
396
430
  ### Patch Changes
397
431
 
398
- - Updated dependencies [48d3c7e9]
399
- - @khanacademy/wonder-blocks-color@3.0.0
400
- - @khanacademy/wonder-blocks-clickable@4.0.8
432
+ - Updated dependencies [48d3c7e9]
433
+ - @khanacademy/wonder-blocks-color@3.0.0
434
+ - @khanacademy/wonder-blocks-clickable@4.0.8
401
435
 
402
436
  ## 0.0.3
403
437
 
404
438
  ### Patch Changes
405
439
 
406
- - Updated dependencies [80cab317]
407
- - @khanacademy/wonder-blocks-clickable@4.0.7
440
+ - Updated dependencies [80cab317]
441
+ - @khanacademy/wonder-blocks-clickable@4.0.7
408
442
 
409
443
  ## 0.0.2
410
444
 
411
445
  ### Patch Changes
412
446
 
413
- - cde5377f: Create `wonder-blocks-accordion` package
414
- - Updated dependencies [4b97b9a2]
415
- - @khanacademy/wonder-blocks-core@6.2.0
416
- - @khanacademy/wonder-blocks-clickable@4.0.6
417
- - @khanacademy/wonder-blocks-icon@2.1.6
418
- - @khanacademy/wonder-blocks-typography@2.1.8
447
+ - cde5377f: Create `wonder-blocks-accordion` package
448
+ - Updated dependencies [4b97b9a2]
449
+ - @khanacademy/wonder-blocks-core@6.2.0
450
+ - @khanacademy/wonder-blocks-clickable@4.0.6
451
+ - @khanacademy/wonder-blocks-icon@2.1.6
452
+ - @khanacademy/wonder-blocks-typography@2.1.8
package/LICENSE ADDED
@@ -0,0 +1,21 @@
1
+ MIT License
2
+
3
+ Copyright (c) 2018 Khan Academy
4
+
5
+ Permission is hereby granted, free of charge, to any person obtaining a copy
6
+ of this software and associated documentation files (the "Software"), to deal
7
+ in the Software without restriction, including without limitation the rights
8
+ to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9
+ copies of the Software, and to permit persons to whom the Software is
10
+ furnished to do so, subject to the following conditions:
11
+
12
+ The above copyright notice and this permission notice shall be included in all
13
+ copies or substantial portions of the Software.
14
+
15
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16
+ IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17
+ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18
+ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19
+ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20
+ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21
+ SOFTWARE.
package/dist/es/index.js CHANGED
@@ -1,3 +1,5 @@
1
+ import _extends from '@babel/runtime/helpers/extends';
2
+ import _objectWithoutPropertiesLoose from '@babel/runtime/helpers/objectWithoutPropertiesLoose';
1
3
  import * as React from 'react';
2
4
  import { useId } from 'react';
3
5
  import { StyleSheet } from 'aphrodite';
@@ -8,36 +10,8 @@ import caretDown from '@phosphor-icons/core/bold/caret-down-bold.svg';
8
10
  import Clickable from '@khanacademy/wonder-blocks-clickable';
9
11
  import { PhosphorIcon } from '@khanacademy/wonder-blocks-icon';
10
12
 
11
- function _extends() {
12
- _extends = Object.assign ? Object.assign.bind() : function (target) {
13
- for (var i = 1; i < arguments.length; i++) {
14
- var source = arguments[i];
15
- for (var key in source) {
16
- if (Object.prototype.hasOwnProperty.call(source, key)) {
17
- target[key] = source[key];
18
- }
19
- }
20
- }
21
- return target;
22
- };
23
- return _extends.apply(this, arguments);
24
- }
25
-
26
- function _objectWithoutPropertiesLoose(source, excluded) {
27
- if (source == null) return {};
28
- var target = {};
29
- var sourceKeys = Object.keys(source);
30
- var key, i;
31
- for (i = 0; i < sourceKeys.length; i++) {
32
- key = sourceKeys[i];
33
- if (excluded.indexOf(key) >= 0) continue;
34
- target[key] = source[key];
35
- }
36
- return target;
37
- }
38
-
39
13
  const _excluded$1 = ["children", "id", "initialExpandedIndex", "allowMultipleExpanded", "caretPosition", "cornerKind", "animated", "style"];
40
- const StyledUnorderedList = addStyle("ul");
14
+ const StyledUl = addStyle("ul");
41
15
  const LANDMARK_PROLIFERATION_THRESHOLD = 6;
42
16
  const Accordion = React.forwardRef(function Accordion(props, ref) {
43
17
  const {
@@ -78,27 +52,27 @@ const Accordion = React.forwardRef(function Accordion(props, ref) {
78
52
  event.preventDefault();
79
53
  const previousSectionIndex = (currentlyFocusedHeaderIndex + children.length - 1) % children.length;
80
54
  const previousChildRef = childRefs[previousSectionIndex];
81
- (_previousChildRef$cur = previousChildRef.current) == null ? void 0 : _previousChildRef$cur.focus();
55
+ (_previousChildRef$cur = previousChildRef.current) == null || _previousChildRef$cur.focus();
82
56
  break;
83
57
  case "ArrowDown":
84
58
  event.preventDefault();
85
59
  const nextSectionIndex = (currentlyFocusedHeaderIndex + 1) % children.length;
86
60
  const nextChildRef = childRefs[nextSectionIndex];
87
- (_nextChildRef$current = nextChildRef.current) == null ? void 0 : _nextChildRef$current.focus();
61
+ (_nextChildRef$current = nextChildRef.current) == null || _nextChildRef$current.focus();
88
62
  break;
89
63
  case "Home":
90
64
  event.preventDefault();
91
65
  const firstChildRef = childRefs[0];
92
- (_firstChildRef$curren = firstChildRef.current) == null ? void 0 : _firstChildRef$curren.focus();
66
+ (_firstChildRef$curren = firstChildRef.current) == null || _firstChildRef$curren.focus();
93
67
  break;
94
68
  case "End":
95
69
  event.preventDefault();
96
70
  const lastChildRef = childRefs[children.length - 1];
97
- (_lastChildRef$current = lastChildRef.current) == null ? void 0 : _lastChildRef$current.focus();
71
+ (_lastChildRef$current = lastChildRef.current) == null || _lastChildRef$current.focus();
98
72
  break;
99
73
  }
100
74
  };
101
- return React.createElement(StyledUnorderedList, _extends({
75
+ return React.createElement(StyledUl, _extends({
102
76
  style: [styles$2.wrapper, style],
103
77
  onKeyDown: handleKeyDown
104
78
  }, ariaProps, {
@@ -114,20 +88,21 @@ const Accordion = React.forwardRef(function Accordion(props, ref) {
114
88
  childRefs[index] = childRef;
115
89
  const isFirstChild = index === 0;
116
90
  const isLastChild = index === children.length - 1;
117
- return React.createElement("li", {
118
- key: index,
119
- id: id
120
- }, React.cloneElement(child, {
121
- animated: childAnimated != null ? childAnimated : animated,
122
- caretPosition: childCaretPosition != null ? childCaretPosition : caretPosition,
123
- cornerKind: childCornerKind != null ? childCornerKind : cornerKind,
124
- expanded: sectionsOpened[index],
125
- onToggle: () => handleSectionClick(index, childOnToggle),
126
- isFirstSection: isFirstChild,
127
- isLastSection: isLastChild,
128
- isRegion: sectionsAreRegions,
129
- ref: childRef
130
- }));
91
+ return (React.createElement("li", {
92
+ key: index,
93
+ id: id
94
+ }, React.cloneElement(child, {
95
+ animated: childAnimated != null ? childAnimated : animated,
96
+ caretPosition: childCaretPosition != null ? childCaretPosition : caretPosition,
97
+ cornerKind: childCornerKind != null ? childCornerKind : cornerKind,
98
+ expanded: sectionsOpened[index],
99
+ onToggle: () => handleSectionClick(index, childOnToggle),
100
+ isFirstSection: isFirstChild,
101
+ isLastSection: isLastChild,
102
+ isRegion: sectionsAreRegions,
103
+ ref: childRef
104
+ }))
105
+ );
131
106
  }));
132
107
  });
133
108
  const styles$2 = StyleSheet.create({
package/dist/index.js CHANGED
@@ -2,6 +2,8 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
+ var _extends = require('@babel/runtime/helpers/extends');
6
+ var _objectWithoutPropertiesLoose = require('@babel/runtime/helpers/objectWithoutPropertiesLoose');
5
7
  var React = require('react');
6
8
  var aphrodite = require('aphrodite');
7
9
  var wonderBlocksCore = require('@khanacademy/wonder-blocks-core');
@@ -14,57 +16,31 @@ var wonderBlocksIcon = require('@khanacademy/wonder-blocks-icon');
14
16
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
15
17
 
16
18
  function _interopNamespace(e) {
17
- if (e && e.__esModule) return e;
18
- var n = Object.create(null);
19
- if (e) {
20
- Object.keys(e).forEach(function (k) {
21
- if (k !== 'default') {
22
- var d = Object.getOwnPropertyDescriptor(e, k);
23
- Object.defineProperty(n, k, d.get ? d : {
24
- enumerable: true,
25
- get: function () { return e[k]; }
19
+ if (e && e.__esModule) return e;
20
+ var n = Object.create(null);
21
+ if (e) {
22
+ Object.keys(e).forEach(function (k) {
23
+ if (k !== 'default') {
24
+ var d = Object.getOwnPropertyDescriptor(e, k);
25
+ Object.defineProperty(n, k, d.get ? d : {
26
+ enumerable: true,
27
+ get: function () { return e[k]; }
28
+ });
29
+ }
26
30
  });
27
- }
28
- });
29
- }
30
- n["default"] = e;
31
- return Object.freeze(n);
31
+ }
32
+ n["default"] = e;
33
+ return Object.freeze(n);
32
34
  }
33
35
 
36
+ var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
37
+ var _objectWithoutPropertiesLoose__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutPropertiesLoose);
34
38
  var React__namespace = /*#__PURE__*/_interopNamespace(React);
35
39
  var caretDown__default = /*#__PURE__*/_interopDefaultLegacy(caretDown);
36
40
  var Clickable__default = /*#__PURE__*/_interopDefaultLegacy(Clickable);
37
41
 
38
- function _extends() {
39
- _extends = Object.assign ? Object.assign.bind() : function (target) {
40
- for (var i = 1; i < arguments.length; i++) {
41
- var source = arguments[i];
42
- for (var key in source) {
43
- if (Object.prototype.hasOwnProperty.call(source, key)) {
44
- target[key] = source[key];
45
- }
46
- }
47
- }
48
- return target;
49
- };
50
- return _extends.apply(this, arguments);
51
- }
52
-
53
- function _objectWithoutPropertiesLoose(source, excluded) {
54
- if (source == null) return {};
55
- var target = {};
56
- var sourceKeys = Object.keys(source);
57
- var key, i;
58
- for (i = 0; i < sourceKeys.length; i++) {
59
- key = sourceKeys[i];
60
- if (excluded.indexOf(key) >= 0) continue;
61
- target[key] = source[key];
62
- }
63
- return target;
64
- }
65
-
66
42
  const _excluded$1 = ["children", "id", "initialExpandedIndex", "allowMultipleExpanded", "caretPosition", "cornerKind", "animated", "style"];
67
- const StyledUnorderedList = wonderBlocksCore.addStyle("ul");
43
+ const StyledUl = wonderBlocksCore.addStyle("ul");
68
44
  const LANDMARK_PROLIFERATION_THRESHOLD = 6;
69
45
  const Accordion = React__namespace.forwardRef(function Accordion(props, ref) {
70
46
  const {
@@ -77,7 +53,7 @@ const Accordion = React__namespace.forwardRef(function Accordion(props, ref) {
77
53
  animated,
78
54
  style
79
55
  } = props,
80
- ariaProps = _objectWithoutPropertiesLoose(props, _excluded$1);
56
+ ariaProps = _objectWithoutPropertiesLoose__default["default"](props, _excluded$1);
81
57
  const startingArray = Array(children.length).fill(false);
82
58
  if (initialExpandedIndex !== undefined) {
83
59
  startingArray[initialExpandedIndex] = true;
@@ -105,27 +81,27 @@ const Accordion = React__namespace.forwardRef(function Accordion(props, ref) {
105
81
  event.preventDefault();
106
82
  const previousSectionIndex = (currentlyFocusedHeaderIndex + children.length - 1) % children.length;
107
83
  const previousChildRef = childRefs[previousSectionIndex];
108
- (_previousChildRef$cur = previousChildRef.current) == null ? void 0 : _previousChildRef$cur.focus();
84
+ (_previousChildRef$cur = previousChildRef.current) == null || _previousChildRef$cur.focus();
109
85
  break;
110
86
  case "ArrowDown":
111
87
  event.preventDefault();
112
88
  const nextSectionIndex = (currentlyFocusedHeaderIndex + 1) % children.length;
113
89
  const nextChildRef = childRefs[nextSectionIndex];
114
- (_nextChildRef$current = nextChildRef.current) == null ? void 0 : _nextChildRef$current.focus();
90
+ (_nextChildRef$current = nextChildRef.current) == null || _nextChildRef$current.focus();
115
91
  break;
116
92
  case "Home":
117
93
  event.preventDefault();
118
94
  const firstChildRef = childRefs[0];
119
- (_firstChildRef$curren = firstChildRef.current) == null ? void 0 : _firstChildRef$curren.focus();
95
+ (_firstChildRef$curren = firstChildRef.current) == null || _firstChildRef$curren.focus();
120
96
  break;
121
97
  case "End":
122
98
  event.preventDefault();
123
99
  const lastChildRef = childRefs[children.length - 1];
124
- (_lastChildRef$current = lastChildRef.current) == null ? void 0 : _lastChildRef$current.focus();
100
+ (_lastChildRef$current = lastChildRef.current) == null || _lastChildRef$current.focus();
125
101
  break;
126
102
  }
127
103
  };
128
- return React__namespace.createElement(StyledUnorderedList, _extends({
104
+ return React__namespace.createElement(StyledUl, _extends__default["default"]({
129
105
  style: [styles$2.wrapper, style],
130
106
  onKeyDown: handleKeyDown
131
107
  }, ariaProps, {
@@ -141,20 +117,21 @@ const Accordion = React__namespace.forwardRef(function Accordion(props, ref) {
141
117
  childRefs[index] = childRef;
142
118
  const isFirstChild = index === 0;
143
119
  const isLastChild = index === children.length - 1;
144
- return React__namespace.createElement("li", {
145
- key: index,
146
- id: id
147
- }, React__namespace.cloneElement(child, {
148
- animated: childAnimated != null ? childAnimated : animated,
149
- caretPosition: childCaretPosition != null ? childCaretPosition : caretPosition,
150
- cornerKind: childCornerKind != null ? childCornerKind : cornerKind,
151
- expanded: sectionsOpened[index],
152
- onToggle: () => handleSectionClick(index, childOnToggle),
153
- isFirstSection: isFirstChild,
154
- isLastSection: isLastChild,
155
- isRegion: sectionsAreRegions,
156
- ref: childRef
157
- }));
120
+ return (React__namespace.createElement("li", {
121
+ key: index,
122
+ id: id
123
+ }, React__namespace.cloneElement(child, {
124
+ animated: childAnimated != null ? childAnimated : animated,
125
+ caretPosition: childCaretPosition != null ? childCaretPosition : caretPosition,
126
+ cornerKind: childCornerKind != null ? childCornerKind : cornerKind,
127
+ expanded: sectionsOpened[index],
128
+ onToggle: () => handleSectionClick(index, childOnToggle),
129
+ isFirstSection: isFirstChild,
130
+ isLastSection: isLastChild,
131
+ isRegion: sectionsAreRegions,
132
+ ref: childRef
133
+ }))
134
+ );
158
135
  }));
159
136
  });
160
137
  const styles$2 = aphrodite.StyleSheet.create({
@@ -329,7 +306,7 @@ const AccordionSection = React__namespace.forwardRef(function AccordionSection(p
329
306
  isLastSection = true,
330
307
  isRegion = true
331
308
  } = props,
332
- ariaProps = _objectWithoutPropertiesLoose(props, _excluded);
309
+ ariaProps = _objectWithoutPropertiesLoose__default["default"](props, _excluded);
333
310
  const [internalExpanded, setInternalExpanded] = React__namespace.useState(expanded != null ? expanded : false);
334
311
  const controlledMode = expanded !== undefined && onToggle;
335
312
  const uniqueSectionId = React.useId();
@@ -354,7 +331,7 @@ const AccordionSection = React__namespace.forwardRef(function AccordionSection(p
354
331
  } else {
355
332
  expandedState = controlledMode ? expanded : internalExpanded;
356
333
  }
357
- return React__namespace.createElement(wonderBlocksCore.View, _extends({
334
+ return React__namespace.createElement(wonderBlocksCore.View, _extends__default["default"]({
358
335
  id: sectionId,
359
336
  style: [styles.wrapper, animated && styles.wrapperWithAnimation, sectionStyles.wrapper, expandedState ? styles.wrapperExpanded : styles.wrapperCollapsed, style],
360
337
  testId: testId
@@ -471,7 +448,7 @@ const _generateStyles = (cornerKind, isFirstSection, isLastSection) => {
471
448
  };
472
449
  }
473
450
  const newStyles = {
474
- wrapper: _extends({}, wrapperStyle, firstSectionStyle, lastSectionStyle),
451
+ wrapper: _extends__default["default"]({}, wrapperStyle, firstSectionStyle, lastSectionStyle),
475
452
  contentWrapper: contentWrapperStyle
476
453
  };
477
454
  cornerStyles[sectionType] = aphrodite.StyleSheet.create(newStyles);
package/package.json CHANGED
@@ -1,15 +1,11 @@
1
1
  {
2
2
  "name": "@khanacademy/wonder-blocks-accordion",
3
- "version": "3.0.7",
3
+ "version": "3.1.1",
4
4
  "design": "v1",
5
5
  "description": "Accordion components for Wonder Blocks.",
6
6
  "main": "dist/index.js",
7
7
  "module": "dist/es/index.js",
8
8
  "source": "src/index.js",
9
- "scripts": {
10
- "test": "echo \"Error: no test specified\" && exit 1",
11
- "prepublishOnly": "../../utils/publish/package-pre-publish-check.sh"
12
- },
13
9
  "types": "dist/index.d.ts",
14
10
  "author": "",
15
11
  "license": "MIT",
@@ -17,11 +13,12 @@
17
13
  "access": "public"
18
14
  },
19
15
  "dependencies": {
20
- "@khanacademy/wonder-blocks-clickable": "^6.0.0",
21
- "@khanacademy/wonder-blocks-core": "^12.0.0",
22
- "@khanacademy/wonder-blocks-icon": "^5.0.6",
23
- "@khanacademy/wonder-blocks-tokens": "^4.1.0",
24
- "@khanacademy/wonder-blocks-typography": "^3.0.6"
16
+ "@babel/runtime": "^7.24.5",
17
+ "@khanacademy/wonder-blocks-clickable": "6.1.1",
18
+ "@khanacademy/wonder-blocks-core": "12.1.1",
19
+ "@khanacademy/wonder-blocks-icon": "5.1.1",
20
+ "@khanacademy/wonder-blocks-tokens": "4.2.1",
21
+ "@khanacademy/wonder-blocks-typography": "3.1.1"
25
22
  },
26
23
  "peerDependencies": {
27
24
  "@phosphor-icons/core": "^2.0.2",
@@ -29,6 +26,9 @@
29
26
  "react": "18.2.0"
30
27
  },
31
28
  "devDependencies": {
32
- "@khanacademy/wb-dev-build-settings": "^2.0.0"
29
+ "@khanacademy/wb-dev-build-settings": "2.1.1"
30
+ },
31
+ "scripts": {
32
+ "test": "echo \"Error: no test specified\" && exit 1"
33
33
  }
34
34
  }