@zendeskgarden/react-accordions 8.67.0 → 8.69.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 (3) hide show
  1. package/dist/index.cjs.js +27 -22
  2. package/dist/index.esm.js +28 -23
  3. package/package.json +4 -4
package/dist/index.cjs.js CHANGED
@@ -74,7 +74,7 @@ const sizeStyles$1 = props => {
74
74
  };
75
75
  const StyledContent = styled__default.default.div.attrs({
76
76
  'data-garden-id': COMPONENT_ID$k,
77
- 'data-garden-version': '8.67.0'
77
+ 'data-garden-version': '8.69.0'
78
78
  }).withConfig({
79
79
  displayName: "StyledContent",
80
80
  componentId: "sc-mazvvo-0"
@@ -86,7 +86,7 @@ StyledContent.defaultProps = {
86
86
  const COMPONENT_ID$j = 'accordions.step_line';
87
87
  const StyledLine = styled__default.default.div.attrs({
88
88
  'data-garden-id': COMPONENT_ID$j,
89
- 'data-garden-version': '8.67.0'
89
+ 'data-garden-version': '8.69.0'
90
90
  }).withConfig({
91
91
  displayName: "StyledLine",
92
92
  componentId: "sc-1gkpjbr-0"
@@ -98,7 +98,7 @@ StyledLine.defaultProps = {
98
98
  const COMPONENT_ID$i = 'accordions.step';
99
99
  const StyledStep = styled__default.default.li.attrs({
100
100
  'data-garden-id': COMPONENT_ID$i,
101
- 'data-garden-version': '8.67.0'
101
+ 'data-garden-version': '8.69.0'
102
102
  }).withConfig({
103
103
  displayName: "StyledStep",
104
104
  componentId: "sc-12fiwtz-0"
@@ -110,7 +110,7 @@ StyledStep.defaultProps = {
110
110
  const COMPONENT_ID$h = 'accordions.step_inner_content';
111
111
  const StyledInnerContent = styled__default.default.div.attrs({
112
112
  'data-garden-id': COMPONENT_ID$h,
113
- 'data-garden-version': '8.67.0'
113
+ 'data-garden-version': '8.69.0'
114
114
  }).withConfig({
115
115
  displayName: "StyledInnerContent",
116
116
  componentId: "sc-1xs9fh7-0"
@@ -122,7 +122,7 @@ StyledInnerContent.defaultProps = {
122
122
  const COMPONENT_ID$g = 'accordions.stepper';
123
123
  const StyledStepper = styled__default.default.ol.attrs({
124
124
  'data-garden-id': COMPONENT_ID$g,
125
- 'data-garden-version': '8.67.0'
125
+ 'data-garden-version': '8.69.0'
126
126
  }).withConfig({
127
127
  displayName: "StyledStepper",
128
128
  componentId: "sc-dsxw0f-0"
@@ -146,7 +146,7 @@ const colorStyles$2 = props => {
146
146
  };
147
147
  const StyledIcon = styled__default.default.div.attrs({
148
148
  'data-garden-id': COMPONENT_ID$f,
149
- 'data-garden-version': '8.67.0'
149
+ 'data-garden-version': '8.69.0'
150
150
  }).withConfig({
151
151
  displayName: "StyledIcon",
152
152
  componentId: "sc-v20nz9-1"
@@ -161,7 +161,7 @@ StyledIcon.defaultProps = {
161
161
  const COMPONENT_ID$e = 'accordions.step_label';
162
162
  const StyledLabel = styled__default.default.div.attrs({
163
163
  'data-garden-id': COMPONENT_ID$e,
164
- 'data-garden-version': '8.67.0'
164
+ 'data-garden-version': '8.69.0'
165
165
  }).withConfig({
166
166
  displayName: "StyledLabel",
167
167
  componentId: "sc-1o82llj-0"
@@ -173,7 +173,7 @@ StyledLabel.defaultProps = {
173
173
  const COMPONENT_ID$d = 'accordions.step_label_text';
174
174
  const StyledLabelText = styled__default.default.div.attrs({
175
175
  'data-garden-id': COMPONENT_ID$d,
176
- 'data-garden-version': '8.67.0'
176
+ 'data-garden-version': '8.69.0'
177
177
  }).withConfig({
178
178
  displayName: "StyledLabelText",
179
179
  componentId: "sc-111m5zo-0"
@@ -185,7 +185,7 @@ StyledLabelText.defaultProps = {
185
185
  const COMPONENT_ID$c = 'accordions.accordion';
186
186
  const StyledAccordion = styled__default.default.div.attrs({
187
187
  'data-garden-id': COMPONENT_ID$c,
188
- 'data-garden-version': '8.67.0'
188
+ 'data-garden-version': '8.69.0'
189
189
  }).withConfig({
190
190
  displayName: "StyledAccordion",
191
191
  componentId: "sc-niv9ic-0"
@@ -215,7 +215,7 @@ const paddingStyles = props => {
215
215
  };
216
216
  const StyledPanel = styled__default.default.section.attrs({
217
217
  'data-garden-id': COMPONENT_ID$b,
218
- 'data-garden-version': '8.67.0'
218
+ 'data-garden-version': '8.69.0'
219
219
  }).withConfig({
220
220
  displayName: "StyledPanel",
221
221
  componentId: "sc-1piryze-0"
@@ -228,7 +228,7 @@ StyledPanel.defaultProps = {
228
228
  const COMPONENT_ID$a = 'accordions.section';
229
229
  const StyledSection = styled__default.default.div.attrs({
230
230
  'data-garden-id': COMPONENT_ID$a,
231
- 'data-garden-version': '8.67.0'
231
+ 'data-garden-version': '8.69.0'
232
232
  }).withConfig({
233
233
  displayName: "StyledSection",
234
234
  componentId: "sc-v2t9bd-0"
@@ -240,11 +240,16 @@ StyledSection.defaultProps = {
240
240
  const COMPONENT_ID$9 = 'accordions.header';
241
241
  const StyledHeader = styled__default.default.div.attrs({
242
242
  'data-garden-id': COMPONENT_ID$9,
243
- 'data-garden-version': '8.67.0'
243
+ 'data-garden-version': '8.69.0'
244
244
  }).withConfig({
245
245
  displayName: "StyledHeader",
246
246
  componentId: "sc-2c6rbr-0"
247
- })(["display:flex;align-items:center;box-shadow:", ";font-size:", ";&:hover{cursor:", ";}", ";"], props => props.isFocused && `${props.theme.shadows.md(reactTheming.getColor('primaryHue', 600, props.theme, 0.35))} inset`, props => props.theme.fontSizes.md, props => (props.isCollapsible || !props.isExpanded) && 'pointer', props => reactTheming.retrieveComponentStyles(COMPONENT_ID$9, props));
247
+ })(["display:flex;align-items:center;transition:box-shadow 0.1s ease-in-out;font-size:", ";&:hover{cursor:", ";}", " ", ";"], props => props.theme.fontSizes.md, props => (props.isCollapsible || !props.isExpanded) && 'pointer', props => reactTheming.focusStyles({
248
+ theme: props.theme,
249
+ inset: true,
250
+ condition: props.isFocused,
251
+ selector: '&:focus-within'
252
+ }), props => reactTheming.retrieveComponentStyles(COMPONENT_ID$9, props));
248
253
  StyledHeader.defaultProps = {
249
254
  theme: reactTheming.DEFAULT_THEME
250
255
  };
@@ -260,7 +265,7 @@ const colorStyles$1 = props => {
260
265
  };
261
266
  const StyledButton = styled__default.default.button.attrs({
262
267
  'data-garden-id': COMPONENT_ID$8,
263
- 'data-garden-version': '8.67.0'
268
+ 'data-garden-version': '8.69.0'
264
269
  }).withConfig({
265
270
  displayName: "StyledButton",
266
271
  componentId: "sc-xj3hy7-0"
@@ -272,7 +277,7 @@ StyledButton.defaultProps = {
272
277
  const COMPONENT_ID$7 = 'accordions.step_inner_panel';
273
278
  const StyledInnerPanel = styled__default.default.div.attrs({
274
279
  'data-garden-id': COMPONENT_ID$7,
275
- 'data-garden-version': '8.67.0'
280
+ 'data-garden-version': '8.69.0'
276
281
  }).withConfig({
277
282
  displayName: "StyledInnerPanel",
278
283
  componentId: "sc-8nbueg-0"
@@ -304,7 +309,7 @@ _ref => {
304
309
  return React.cloneElement(React.Children.only(children), props);
305
310
  }).attrs({
306
311
  'data-garden-id': COMPONENT_ID$6,
307
- 'data-garden-version': '8.67.0'
312
+ 'data-garden-version': '8.69.0'
308
313
  }).withConfig({
309
314
  displayName: "StyledRotateIcon",
310
315
  componentId: "sc-hp435q-0"
@@ -316,7 +321,7 @@ StyledRotateIcon.defaultProps = {
316
321
  const COMPONENT_ID$5 = 'timeline';
317
322
  const StyledTimeline = styled__default.default.ol.attrs({
318
323
  'data-garden-id': COMPONENT_ID$5,
319
- 'data-garden-version': '8.67.0'
324
+ 'data-garden-version': '8.69.0'
320
325
  }).withConfig({
321
326
  displayName: "StyledTimeline",
322
327
  componentId: "sc-pig5kv-0"
@@ -328,7 +333,7 @@ StyledTimeline.defaultProps = {
328
333
  const COMPONENT_ID$4 = 'timeline.content.separator';
329
334
  const StyledSeparator = styled__default.default.div.attrs({
330
335
  'data-garden-id': COMPONENT_ID$4,
331
- 'data-garden-version': '8.67.0'
336
+ 'data-garden-version': '8.69.0'
332
337
  }).withConfig({
333
338
  displayName: "StyledSeparator",
334
339
  componentId: "sc-fki51e-0"
@@ -340,7 +345,7 @@ StyledSeparator.defaultProps = {
340
345
  const COMPONENT_ID$3 = 'timeline.content';
341
346
  const StyledTimelineContent = styled__default.default.div.attrs({
342
347
  'data-garden-id': COMPONENT_ID$3,
343
- 'data-garden-version': '8.67.0'
348
+ 'data-garden-version': '8.69.0'
344
349
  }).withConfig({
345
350
  displayName: "StyledContent__StyledTimelineContent",
346
351
  componentId: "sc-19phgu1-0"
@@ -352,7 +357,7 @@ StyledTimelineContent.defaultProps = {
352
357
  const COMPONENT_ID$2 = 'timeline.opposite.content';
353
358
  const StyledOppositeContent = styled__default.default.div.attrs({
354
359
  'data-garden-id': COMPONENT_ID$2,
355
- 'data-garden-version': '8.67.0'
360
+ 'data-garden-version': '8.69.0'
356
361
  }).withConfig({
357
362
  displayName: "StyledOppositeContent",
358
363
  componentId: "sc-jurh2k-0"
@@ -364,7 +369,7 @@ StyledOppositeContent.defaultProps = {
364
369
  const COMPONENT_ID$1 = 'timeline.item';
365
370
  const StyledTimelineItem = styled__default.default.li.attrs({
366
371
  'data-garden-id': COMPONENT_ID$1,
367
- 'data-garden-version': '8.67.0'
372
+ 'data-garden-version': '8.69.0'
368
373
  }).withConfig({
369
374
  displayName: "StyledItem__StyledTimelineItem",
370
375
  componentId: "sc-5mcnzm-0"
@@ -383,7 +388,7 @@ const StyledItemIcon = styled__default.default(_ref => {
383
388
  return React.cloneElement(React.Children.only(children), props);
384
389
  }).attrs({
385
390
  'data-garden-id': COMPONENT_ID,
386
- 'data-garden-version': '8.67.0'
391
+ 'data-garden-version': '8.69.0'
387
392
  }).withConfig({
388
393
  displayName: "StyledItemIcon",
389
394
  componentId: "sc-vz2l6e-0"
package/dist/index.esm.js CHANGED
@@ -9,7 +9,7 @@ import * as React from 'react';
9
9
  import React__default, { cloneElement, Children, createContext, useContext, forwardRef, useRef, useState, useMemo, useEffect, useLayoutEffect } from 'react';
10
10
  import { useAccordion } from '@zendeskgarden/container-accordion';
11
11
  import styled, { css, ThemeContext } from 'styled-components';
12
- import { retrieveComponentStyles, DEFAULT_THEME, getColor, getLineHeight, useDocument } from '@zendeskgarden/react-theming';
12
+ import { retrieveComponentStyles, DEFAULT_THEME, getColor, getLineHeight, focusStyles, useDocument } from '@zendeskgarden/react-theming';
13
13
  import { math } from 'polished';
14
14
  import { composeEventHandlers } from '@zendeskgarden/container-utilities';
15
15
  import debounce from 'lodash.debounce';
@@ -47,7 +47,7 @@ const sizeStyles$1 = props => {
47
47
  };
48
48
  const StyledContent = styled.div.attrs({
49
49
  'data-garden-id': COMPONENT_ID$k,
50
- 'data-garden-version': '8.67.0'
50
+ 'data-garden-version': '8.69.0'
51
51
  }).withConfig({
52
52
  displayName: "StyledContent",
53
53
  componentId: "sc-mazvvo-0"
@@ -59,7 +59,7 @@ StyledContent.defaultProps = {
59
59
  const COMPONENT_ID$j = 'accordions.step_line';
60
60
  const StyledLine = styled.div.attrs({
61
61
  'data-garden-id': COMPONENT_ID$j,
62
- 'data-garden-version': '8.67.0'
62
+ 'data-garden-version': '8.69.0'
63
63
  }).withConfig({
64
64
  displayName: "StyledLine",
65
65
  componentId: "sc-1gkpjbr-0"
@@ -71,7 +71,7 @@ StyledLine.defaultProps = {
71
71
  const COMPONENT_ID$i = 'accordions.step';
72
72
  const StyledStep = styled.li.attrs({
73
73
  'data-garden-id': COMPONENT_ID$i,
74
- 'data-garden-version': '8.67.0'
74
+ 'data-garden-version': '8.69.0'
75
75
  }).withConfig({
76
76
  displayName: "StyledStep",
77
77
  componentId: "sc-12fiwtz-0"
@@ -83,7 +83,7 @@ StyledStep.defaultProps = {
83
83
  const COMPONENT_ID$h = 'accordions.step_inner_content';
84
84
  const StyledInnerContent = styled.div.attrs({
85
85
  'data-garden-id': COMPONENT_ID$h,
86
- 'data-garden-version': '8.67.0'
86
+ 'data-garden-version': '8.69.0'
87
87
  }).withConfig({
88
88
  displayName: "StyledInnerContent",
89
89
  componentId: "sc-1xs9fh7-0"
@@ -95,7 +95,7 @@ StyledInnerContent.defaultProps = {
95
95
  const COMPONENT_ID$g = 'accordions.stepper';
96
96
  const StyledStepper = styled.ol.attrs({
97
97
  'data-garden-id': COMPONENT_ID$g,
98
- 'data-garden-version': '8.67.0'
98
+ 'data-garden-version': '8.69.0'
99
99
  }).withConfig({
100
100
  displayName: "StyledStepper",
101
101
  componentId: "sc-dsxw0f-0"
@@ -119,7 +119,7 @@ const colorStyles$2 = props => {
119
119
  };
120
120
  const StyledIcon = styled.div.attrs({
121
121
  'data-garden-id': COMPONENT_ID$f,
122
- 'data-garden-version': '8.67.0'
122
+ 'data-garden-version': '8.69.0'
123
123
  }).withConfig({
124
124
  displayName: "StyledIcon",
125
125
  componentId: "sc-v20nz9-1"
@@ -134,7 +134,7 @@ StyledIcon.defaultProps = {
134
134
  const COMPONENT_ID$e = 'accordions.step_label';
135
135
  const StyledLabel = styled.div.attrs({
136
136
  'data-garden-id': COMPONENT_ID$e,
137
- 'data-garden-version': '8.67.0'
137
+ 'data-garden-version': '8.69.0'
138
138
  }).withConfig({
139
139
  displayName: "StyledLabel",
140
140
  componentId: "sc-1o82llj-0"
@@ -146,7 +146,7 @@ StyledLabel.defaultProps = {
146
146
  const COMPONENT_ID$d = 'accordions.step_label_text';
147
147
  const StyledLabelText = styled.div.attrs({
148
148
  'data-garden-id': COMPONENT_ID$d,
149
- 'data-garden-version': '8.67.0'
149
+ 'data-garden-version': '8.69.0'
150
150
  }).withConfig({
151
151
  displayName: "StyledLabelText",
152
152
  componentId: "sc-111m5zo-0"
@@ -158,7 +158,7 @@ StyledLabelText.defaultProps = {
158
158
  const COMPONENT_ID$c = 'accordions.accordion';
159
159
  const StyledAccordion = styled.div.attrs({
160
160
  'data-garden-id': COMPONENT_ID$c,
161
- 'data-garden-version': '8.67.0'
161
+ 'data-garden-version': '8.69.0'
162
162
  }).withConfig({
163
163
  displayName: "StyledAccordion",
164
164
  componentId: "sc-niv9ic-0"
@@ -188,7 +188,7 @@ const paddingStyles = props => {
188
188
  };
189
189
  const StyledPanel = styled.section.attrs({
190
190
  'data-garden-id': COMPONENT_ID$b,
191
- 'data-garden-version': '8.67.0'
191
+ 'data-garden-version': '8.69.0'
192
192
  }).withConfig({
193
193
  displayName: "StyledPanel",
194
194
  componentId: "sc-1piryze-0"
@@ -201,7 +201,7 @@ StyledPanel.defaultProps = {
201
201
  const COMPONENT_ID$a = 'accordions.section';
202
202
  const StyledSection = styled.div.attrs({
203
203
  'data-garden-id': COMPONENT_ID$a,
204
- 'data-garden-version': '8.67.0'
204
+ 'data-garden-version': '8.69.0'
205
205
  }).withConfig({
206
206
  displayName: "StyledSection",
207
207
  componentId: "sc-v2t9bd-0"
@@ -213,11 +213,16 @@ StyledSection.defaultProps = {
213
213
  const COMPONENT_ID$9 = 'accordions.header';
214
214
  const StyledHeader = styled.div.attrs({
215
215
  'data-garden-id': COMPONENT_ID$9,
216
- 'data-garden-version': '8.67.0'
216
+ 'data-garden-version': '8.69.0'
217
217
  }).withConfig({
218
218
  displayName: "StyledHeader",
219
219
  componentId: "sc-2c6rbr-0"
220
- })(["display:flex;align-items:center;box-shadow:", ";font-size:", ";&:hover{cursor:", ";}", ";"], props => props.isFocused && `${props.theme.shadows.md(getColor('primaryHue', 600, props.theme, 0.35))} inset`, props => props.theme.fontSizes.md, props => (props.isCollapsible || !props.isExpanded) && 'pointer', props => retrieveComponentStyles(COMPONENT_ID$9, props));
220
+ })(["display:flex;align-items:center;transition:box-shadow 0.1s ease-in-out;font-size:", ";&:hover{cursor:", ";}", " ", ";"], props => props.theme.fontSizes.md, props => (props.isCollapsible || !props.isExpanded) && 'pointer', props => focusStyles({
221
+ theme: props.theme,
222
+ inset: true,
223
+ condition: props.isFocused,
224
+ selector: '&:focus-within'
225
+ }), props => retrieveComponentStyles(COMPONENT_ID$9, props));
221
226
  StyledHeader.defaultProps = {
222
227
  theme: DEFAULT_THEME
223
228
  };
@@ -233,7 +238,7 @@ const colorStyles$1 = props => {
233
238
  };
234
239
  const StyledButton = styled.button.attrs({
235
240
  'data-garden-id': COMPONENT_ID$8,
236
- 'data-garden-version': '8.67.0'
241
+ 'data-garden-version': '8.69.0'
237
242
  }).withConfig({
238
243
  displayName: "StyledButton",
239
244
  componentId: "sc-xj3hy7-0"
@@ -245,7 +250,7 @@ StyledButton.defaultProps = {
245
250
  const COMPONENT_ID$7 = 'accordions.step_inner_panel';
246
251
  const StyledInnerPanel = styled.div.attrs({
247
252
  'data-garden-id': COMPONENT_ID$7,
248
- 'data-garden-version': '8.67.0'
253
+ 'data-garden-version': '8.69.0'
249
254
  }).withConfig({
250
255
  displayName: "StyledInnerPanel",
251
256
  componentId: "sc-8nbueg-0"
@@ -277,7 +282,7 @@ _ref => {
277
282
  return cloneElement(Children.only(children), props);
278
283
  }).attrs({
279
284
  'data-garden-id': COMPONENT_ID$6,
280
- 'data-garden-version': '8.67.0'
285
+ 'data-garden-version': '8.69.0'
281
286
  }).withConfig({
282
287
  displayName: "StyledRotateIcon",
283
288
  componentId: "sc-hp435q-0"
@@ -289,7 +294,7 @@ StyledRotateIcon.defaultProps = {
289
294
  const COMPONENT_ID$5 = 'timeline';
290
295
  const StyledTimeline = styled.ol.attrs({
291
296
  'data-garden-id': COMPONENT_ID$5,
292
- 'data-garden-version': '8.67.0'
297
+ 'data-garden-version': '8.69.0'
293
298
  }).withConfig({
294
299
  displayName: "StyledTimeline",
295
300
  componentId: "sc-pig5kv-0"
@@ -301,7 +306,7 @@ StyledTimeline.defaultProps = {
301
306
  const COMPONENT_ID$4 = 'timeline.content.separator';
302
307
  const StyledSeparator = styled.div.attrs({
303
308
  'data-garden-id': COMPONENT_ID$4,
304
- 'data-garden-version': '8.67.0'
309
+ 'data-garden-version': '8.69.0'
305
310
  }).withConfig({
306
311
  displayName: "StyledSeparator",
307
312
  componentId: "sc-fki51e-0"
@@ -313,7 +318,7 @@ StyledSeparator.defaultProps = {
313
318
  const COMPONENT_ID$3 = 'timeline.content';
314
319
  const StyledTimelineContent = styled.div.attrs({
315
320
  'data-garden-id': COMPONENT_ID$3,
316
- 'data-garden-version': '8.67.0'
321
+ 'data-garden-version': '8.69.0'
317
322
  }).withConfig({
318
323
  displayName: "StyledContent__StyledTimelineContent",
319
324
  componentId: "sc-19phgu1-0"
@@ -325,7 +330,7 @@ StyledTimelineContent.defaultProps = {
325
330
  const COMPONENT_ID$2 = 'timeline.opposite.content';
326
331
  const StyledOppositeContent = styled.div.attrs({
327
332
  'data-garden-id': COMPONENT_ID$2,
328
- 'data-garden-version': '8.67.0'
333
+ 'data-garden-version': '8.69.0'
329
334
  }).withConfig({
330
335
  displayName: "StyledOppositeContent",
331
336
  componentId: "sc-jurh2k-0"
@@ -337,7 +342,7 @@ StyledOppositeContent.defaultProps = {
337
342
  const COMPONENT_ID$1 = 'timeline.item';
338
343
  const StyledTimelineItem = styled.li.attrs({
339
344
  'data-garden-id': COMPONENT_ID$1,
340
- 'data-garden-version': '8.67.0'
345
+ 'data-garden-version': '8.69.0'
341
346
  }).withConfig({
342
347
  displayName: "StyledItem__StyledTimelineItem",
343
348
  componentId: "sc-5mcnzm-0"
@@ -356,7 +361,7 @@ const StyledItemIcon = styled(_ref => {
356
361
  return cloneElement(Children.only(children), props);
357
362
  }).attrs({
358
363
  'data-garden-id': COMPONENT_ID,
359
- 'data-garden-version': '8.67.0'
364
+ 'data-garden-version': '8.69.0'
360
365
  }).withConfig({
361
366
  displayName: "StyledItemIcon",
362
367
  componentId: "sc-vz2l6e-0"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zendeskgarden/react-accordions",
3
- "version": "8.67.0",
3
+ "version": "8.69.0",
4
4
  "description": "Components related to accordions in the Garden Design System",
5
5
  "license": "Apache-2.0",
6
6
  "author": "Zendesk Garden <garden@zendesk.com>",
@@ -29,14 +29,14 @@
29
29
  "react-merge-refs": "^1.1.0"
30
30
  },
31
31
  "peerDependencies": {
32
- "@zendeskgarden/react-theming": "^8.1.0",
32
+ "@zendeskgarden/react-theming": "^8.67.0",
33
33
  "react": ">=16.8.0",
34
34
  "react-dom": ">=16.8.0",
35
35
  "styled-components": "^4.2.0 || ^5.0.0"
36
36
  },
37
37
  "devDependencies": {
38
38
  "@types/lodash.debounce": "4.0.7",
39
- "@zendeskgarden/react-theming": "^8.67.0",
39
+ "@zendeskgarden/react-theming": "^8.69.0",
40
40
  "@zendeskgarden/svg-icons": "6.33.0"
41
41
  },
42
42
  "keywords": [
@@ -50,5 +50,5 @@
50
50
  "access": "public"
51
51
  },
52
52
  "zendeskgarden:src": "src/index.ts",
53
- "gitHead": "50a98b0cd7c85bed2ed88ad869e6f2cd3fc68f62"
53
+ "gitHead": "0af9ddcc0516d455cd359ae4229c7121edf23060"
54
54
  }