@zendeskgarden/react-accordions 8.45.0 → 8.47.2
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/dist/index.cjs.js
CHANGED
|
@@ -30,14 +30,12 @@ function _interopNamespace(e) {
|
|
|
30
30
|
var d = Object.getOwnPropertyDescriptor(e, k);
|
|
31
31
|
Object.defineProperty(n, k, d.get ? d : {
|
|
32
32
|
enumerable: true,
|
|
33
|
-
get: function () {
|
|
34
|
-
return e[k];
|
|
35
|
-
}
|
|
33
|
+
get: function () { return e[k]; }
|
|
36
34
|
});
|
|
37
35
|
}
|
|
38
36
|
});
|
|
39
37
|
}
|
|
40
|
-
n[
|
|
38
|
+
n["default"] = e;
|
|
41
39
|
return Object.freeze(n);
|
|
42
40
|
}
|
|
43
41
|
|
|
@@ -53,14 +51,9 @@ function ownKeys(object, enumerableOnly) {
|
|
|
53
51
|
|
|
54
52
|
if (Object.getOwnPropertySymbols) {
|
|
55
53
|
var symbols = Object.getOwnPropertySymbols(object);
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
60
|
-
});
|
|
61
|
-
}
|
|
62
|
-
|
|
63
|
-
keys.push.apply(keys, symbols);
|
|
54
|
+
enumerableOnly && (symbols = symbols.filter(function (sym) {
|
|
55
|
+
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
56
|
+
})), keys.push.apply(keys, symbols);
|
|
64
57
|
}
|
|
65
58
|
|
|
66
59
|
return keys;
|
|
@@ -68,19 +61,12 @@ function ownKeys(object, enumerableOnly) {
|
|
|
68
61
|
|
|
69
62
|
function _objectSpread2(target) {
|
|
70
63
|
for (var i = 1; i < arguments.length; i++) {
|
|
71
|
-
var source = arguments[i]
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
} else if (Object.getOwnPropertyDescriptors) {
|
|
78
|
-
Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
79
|
-
} else {
|
|
80
|
-
ownKeys(Object(source)).forEach(function (key) {
|
|
81
|
-
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
82
|
-
});
|
|
83
|
-
}
|
|
64
|
+
var source = null != arguments[i] ? arguments[i] : {};
|
|
65
|
+
i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
|
|
66
|
+
_defineProperty(target, key, source[key]);
|
|
67
|
+
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
|
|
68
|
+
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
69
|
+
});
|
|
84
70
|
}
|
|
85
71
|
|
|
86
72
|
return target;
|
|
@@ -227,9 +213,9 @@ var sizeStyles$1 = function sizeStyles(props) {
|
|
|
227
213
|
var marginVertical = space.base * 3;
|
|
228
214
|
return styled.css(["margin:", "px ", "px ", "px ", "px;padding:0 ", "px ", "px ", "px;"], marginVertical, marginRight, marginVertical, marginLeft, paddingRight, paddingBottom, paddingLeft);
|
|
229
215
|
};
|
|
230
|
-
var StyledContent = styled__default[
|
|
216
|
+
var StyledContent = styled__default["default"].div.attrs({
|
|
231
217
|
'data-garden-id': COMPONENT_ID$k,
|
|
232
|
-
'data-garden-version': '8.
|
|
218
|
+
'data-garden-version': '8.47.2'
|
|
233
219
|
}).withConfig({
|
|
234
220
|
displayName: "StyledContent",
|
|
235
221
|
componentId: "sc-mazvvo-0"
|
|
@@ -243,9 +229,9 @@ StyledContent.defaultProps = {
|
|
|
243
229
|
};
|
|
244
230
|
|
|
245
231
|
var COMPONENT_ID$j = 'accordions.step_line';
|
|
246
|
-
var StyledLine = styled__default[
|
|
232
|
+
var StyledLine = styled__default["default"].div.attrs({
|
|
247
233
|
'data-garden-id': COMPONENT_ID$j,
|
|
248
|
-
'data-garden-version': '8.
|
|
234
|
+
'data-garden-version': '8.47.2'
|
|
249
235
|
}).withConfig({
|
|
250
236
|
displayName: "StyledLine",
|
|
251
237
|
componentId: "sc-1gkpjbr-0"
|
|
@@ -265,9 +251,9 @@ StyledLine.defaultProps = {
|
|
|
265
251
|
};
|
|
266
252
|
|
|
267
253
|
var COMPONENT_ID$i = 'accordions.step';
|
|
268
|
-
var StyledStep = styled__default[
|
|
254
|
+
var StyledStep = styled__default["default"].li.attrs({
|
|
269
255
|
'data-garden-id': COMPONENT_ID$i,
|
|
270
|
-
'data-garden-version': '8.
|
|
256
|
+
'data-garden-version': '8.47.2'
|
|
271
257
|
}).withConfig({
|
|
272
258
|
displayName: "StyledStep",
|
|
273
259
|
componentId: "sc-12fiwtz-0"
|
|
@@ -295,9 +281,9 @@ StyledStep.defaultProps = {
|
|
|
295
281
|
};
|
|
296
282
|
|
|
297
283
|
var COMPONENT_ID$h = 'accordions.step_inner_content';
|
|
298
|
-
var StyledInnerContent = styled__default[
|
|
284
|
+
var StyledInnerContent = styled__default["default"].div.attrs({
|
|
299
285
|
'data-garden-id': COMPONENT_ID$h,
|
|
300
|
-
'data-garden-version': '8.
|
|
286
|
+
'data-garden-version': '8.47.2'
|
|
301
287
|
}).withConfig({
|
|
302
288
|
displayName: "StyledInnerContent",
|
|
303
289
|
componentId: "sc-1xs9fh7-0"
|
|
@@ -317,9 +303,9 @@ StyledInnerContent.defaultProps = {
|
|
|
317
303
|
};
|
|
318
304
|
|
|
319
305
|
var COMPONENT_ID$g = 'accordions.stepper';
|
|
320
|
-
var StyledStepper = styled__default[
|
|
306
|
+
var StyledStepper = styled__default["default"].ol.attrs({
|
|
321
307
|
'data-garden-id': COMPONENT_ID$g,
|
|
322
|
-
'data-garden-version': '8.
|
|
308
|
+
'data-garden-version': '8.47.2'
|
|
323
309
|
}).withConfig({
|
|
324
310
|
displayName: "StyledStepper",
|
|
325
311
|
componentId: "sc-dsxw0f-0"
|
|
@@ -333,7 +319,7 @@ StyledStepper.defaultProps = {
|
|
|
333
319
|
};
|
|
334
320
|
|
|
335
321
|
var COMPONENT_ID$f = 'accordions.step_icon';
|
|
336
|
-
var StyledIconFlexContainer = styled__default[
|
|
322
|
+
var StyledIconFlexContainer = styled__default["default"].div.withConfig({
|
|
337
323
|
displayName: "StyledIcon__StyledIconFlexContainer",
|
|
338
324
|
componentId: "sc-v20nz9-0"
|
|
339
325
|
})(["display:flex;flex-basis:100%;justify-content:center;width:100%;"]);
|
|
@@ -345,9 +331,9 @@ var sizeStyles = function sizeStyles(props) {
|
|
|
345
331
|
var colorStyles$2 = function colorStyles(props) {
|
|
346
332
|
return styled.css(["background:", ";color:", ";"], props.isActive ? reactTheming.getColor('neutralHue', 600, props.theme) : reactTheming.getColor('neutralHue', 200, props.theme), props.isActive ? props.theme.colors.background : props.theme.colors.foreground);
|
|
347
333
|
};
|
|
348
|
-
var StyledIcon = styled__default[
|
|
334
|
+
var StyledIcon = styled__default["default"].div.attrs({
|
|
349
335
|
'data-garden-id': COMPONENT_ID$f,
|
|
350
|
-
'data-garden-version': '8.
|
|
336
|
+
'data-garden-version': '8.47.2'
|
|
351
337
|
}).withConfig({
|
|
352
338
|
displayName: "StyledIcon",
|
|
353
339
|
componentId: "sc-v20nz9-1"
|
|
@@ -362,9 +348,9 @@ StyledIcon.defaultProps = {
|
|
|
362
348
|
};
|
|
363
349
|
|
|
364
350
|
var COMPONENT_ID$e = 'accordions.step_label';
|
|
365
|
-
var StyledLabel = styled__default[
|
|
351
|
+
var StyledLabel = styled__default["default"].div.attrs({
|
|
366
352
|
'data-garden-id': COMPONENT_ID$e,
|
|
367
|
-
'data-garden-version': '8.
|
|
353
|
+
'data-garden-version': '8.47.2'
|
|
368
354
|
}).withConfig({
|
|
369
355
|
displayName: "StyledLabel",
|
|
370
356
|
componentId: "sc-1o82llj-0"
|
|
@@ -390,9 +376,9 @@ StyledLabel.defaultProps = {
|
|
|
390
376
|
};
|
|
391
377
|
|
|
392
378
|
var COMPONENT_ID$d = 'accordions.step_label_text';
|
|
393
|
-
var StyledLabelText = styled__default[
|
|
379
|
+
var StyledLabelText = styled__default["default"].div.attrs({
|
|
394
380
|
'data-garden-id': COMPONENT_ID$d,
|
|
395
|
-
'data-garden-version': '8.
|
|
381
|
+
'data-garden-version': '8.47.2'
|
|
396
382
|
}).withConfig({
|
|
397
383
|
displayName: "StyledLabelText",
|
|
398
384
|
componentId: "sc-111m5zo-0"
|
|
@@ -408,9 +394,9 @@ StyledLabelText.defaultProps = {
|
|
|
408
394
|
};
|
|
409
395
|
|
|
410
396
|
var COMPONENT_ID$c = 'accordions.accordion';
|
|
411
|
-
var StyledAccordion = styled__default[
|
|
397
|
+
var StyledAccordion = styled__default["default"].div.attrs({
|
|
412
398
|
'data-garden-id': COMPONENT_ID$c,
|
|
413
|
-
'data-garden-version': '8.
|
|
399
|
+
'data-garden-version': '8.47.2'
|
|
414
400
|
}).withConfig({
|
|
415
401
|
displayName: "StyledAccordion",
|
|
416
402
|
componentId: "sc-niv9ic-0"
|
|
@@ -438,9 +424,9 @@ var paddingStyles = function paddingStyles(props) {
|
|
|
438
424
|
}
|
|
439
425
|
return styled.css(["transition:", ";padding:", "px ", "px ", "px;"], props.isAnimated && 'padding 0.25s ease-in-out', paddingTop, paddingHorizontal, paddingBottom);
|
|
440
426
|
};
|
|
441
|
-
var StyledPanel = styled__default[
|
|
427
|
+
var StyledPanel = styled__default["default"].section.attrs({
|
|
442
428
|
'data-garden-id': COMPONENT_ID$b,
|
|
443
|
-
'data-garden-version': '8.
|
|
429
|
+
'data-garden-version': '8.47.2'
|
|
444
430
|
}).withConfig({
|
|
445
431
|
displayName: "StyledPanel",
|
|
446
432
|
componentId: "sc-1piryze-0"
|
|
@@ -455,9 +441,9 @@ StyledPanel.defaultProps = {
|
|
|
455
441
|
};
|
|
456
442
|
|
|
457
443
|
var COMPONENT_ID$a = 'accordions.section';
|
|
458
|
-
var StyledSection = styled__default[
|
|
444
|
+
var StyledSection = styled__default["default"].div.attrs({
|
|
459
445
|
'data-garden-id': COMPONENT_ID$a,
|
|
460
|
-
'data-garden-version': '8.
|
|
446
|
+
'data-garden-version': '8.47.2'
|
|
461
447
|
}).withConfig({
|
|
462
448
|
displayName: "StyledSection",
|
|
463
449
|
componentId: "sc-v2t9bd-0"
|
|
@@ -469,9 +455,9 @@ StyledSection.defaultProps = {
|
|
|
469
455
|
};
|
|
470
456
|
|
|
471
457
|
var COMPONENT_ID$9 = 'accordions.header';
|
|
472
|
-
var StyledHeader = styled__default[
|
|
458
|
+
var StyledHeader = styled__default["default"].div.attrs({
|
|
473
459
|
'data-garden-id': COMPONENT_ID$9,
|
|
474
|
-
'data-garden-version': '8.
|
|
460
|
+
'data-garden-version': '8.47.2'
|
|
475
461
|
}).withConfig({
|
|
476
462
|
displayName: "StyledHeader",
|
|
477
463
|
componentId: "sc-2c6rbr-0"
|
|
@@ -497,9 +483,9 @@ var colorStyles$1 = function colorStyles(props) {
|
|
|
497
483
|
}
|
|
498
484
|
return styled.css(["color:", ";&:hover{cursor:", ";color:", ";}"], color, showColor && 'pointer', showColor && color);
|
|
499
485
|
};
|
|
500
|
-
var StyledButton = styled__default[
|
|
486
|
+
var StyledButton = styled__default["default"].button.attrs({
|
|
501
487
|
'data-garden-id': COMPONENT_ID$8,
|
|
502
|
-
'data-garden-version': '8.
|
|
488
|
+
'data-garden-version': '8.47.2'
|
|
503
489
|
}).withConfig({
|
|
504
490
|
displayName: "StyledButton",
|
|
505
491
|
componentId: "sc-xj3hy7-0"
|
|
@@ -523,9 +509,9 @@ StyledButton.defaultProps = {
|
|
|
523
509
|
};
|
|
524
510
|
|
|
525
511
|
var COMPONENT_ID$7 = 'accordions.step_inner_panel';
|
|
526
|
-
var StyledInnerPanel = styled__default[
|
|
512
|
+
var StyledInnerPanel = styled__default["default"].div.attrs({
|
|
527
513
|
'data-garden-id': COMPONENT_ID$7,
|
|
528
|
-
'data-garden-version': '8.
|
|
514
|
+
'data-garden-version': '8.47.2'
|
|
529
515
|
}).withConfig({
|
|
530
516
|
displayName: "StyledInnerPanel",
|
|
531
517
|
componentId: "sc-8nbueg-0"
|
|
@@ -555,7 +541,7 @@ var colorStyles = function colorStyles(props) {
|
|
|
555
541
|
}
|
|
556
542
|
return styled.css(["color:", ";&:hover{color:", ";}"], color, showColor && color);
|
|
557
543
|
};
|
|
558
|
-
var StyledRotateIcon = styled__default[
|
|
544
|
+
var StyledRotateIcon = styled__default["default"](
|
|
559
545
|
function (_ref) {
|
|
560
546
|
var children = _ref.children;
|
|
561
547
|
_ref.isRotated;
|
|
@@ -566,7 +552,7 @@ function (_ref) {
|
|
|
566
552
|
return React.cloneElement(React.Children.only(children), props);
|
|
567
553
|
}).attrs({
|
|
568
554
|
'data-garden-id': COMPONENT_ID$6,
|
|
569
|
-
'data-garden-version': '8.
|
|
555
|
+
'data-garden-version': '8.47.2'
|
|
570
556
|
}).withConfig({
|
|
571
557
|
displayName: "StyledRotateIcon",
|
|
572
558
|
componentId: "sc-hp435q-0"
|
|
@@ -586,9 +572,9 @@ StyledRotateIcon.defaultProps = {
|
|
|
586
572
|
};
|
|
587
573
|
|
|
588
574
|
var COMPONENT_ID$5 = 'timeline';
|
|
589
|
-
var StyledTimeline = styled__default[
|
|
575
|
+
var StyledTimeline = styled__default["default"].ol.attrs({
|
|
590
576
|
'data-garden-id': COMPONENT_ID$5,
|
|
591
|
-
'data-garden-version': '8.
|
|
577
|
+
'data-garden-version': '8.47.2'
|
|
592
578
|
}).withConfig({
|
|
593
579
|
displayName: "StyledTimeline",
|
|
594
580
|
componentId: "sc-pig5kv-0"
|
|
@@ -600,9 +586,9 @@ StyledTimeline.defaultProps = {
|
|
|
600
586
|
};
|
|
601
587
|
|
|
602
588
|
var COMPONENT_ID$4 = 'timeline.content.separator';
|
|
603
|
-
var StyledSeparator = styled__default[
|
|
589
|
+
var StyledSeparator = styled__default["default"].div.attrs({
|
|
604
590
|
'data-garden-id': COMPONENT_ID$4,
|
|
605
|
-
'data-garden-version': '8.
|
|
591
|
+
'data-garden-version': '8.47.2'
|
|
606
592
|
}).withConfig({
|
|
607
593
|
displayName: "StyledSeparator",
|
|
608
594
|
componentId: "sc-fki51e-0"
|
|
@@ -618,9 +604,9 @@ StyledSeparator.defaultProps = {
|
|
|
618
604
|
};
|
|
619
605
|
|
|
620
606
|
var COMPONENT_ID$3 = 'timeline.content';
|
|
621
|
-
var StyledTimelineContent = styled__default[
|
|
607
|
+
var StyledTimelineContent = styled__default["default"].div.attrs({
|
|
622
608
|
'data-garden-id': COMPONENT_ID$3,
|
|
623
|
-
'data-garden-version': '8.
|
|
609
|
+
'data-garden-version': '8.47.2'
|
|
624
610
|
}).withConfig({
|
|
625
611
|
displayName: "StyledContent__StyledTimelineContent",
|
|
626
612
|
componentId: "sc-19phgu1-0"
|
|
@@ -634,9 +620,9 @@ StyledTimelineContent.defaultProps = {
|
|
|
634
620
|
};
|
|
635
621
|
|
|
636
622
|
var COMPONENT_ID$2 = 'timeline.opposite.content';
|
|
637
|
-
var StyledOppositeContent = styled__default[
|
|
623
|
+
var StyledOppositeContent = styled__default["default"].div.attrs({
|
|
638
624
|
'data-garden-id': COMPONENT_ID$2,
|
|
639
|
-
'data-garden-version': '8.
|
|
625
|
+
'data-garden-version': '8.47.2'
|
|
640
626
|
}).withConfig({
|
|
641
627
|
displayName: "StyledOppositeContent",
|
|
642
628
|
componentId: "sc-jurh2k-0"
|
|
@@ -652,9 +638,9 @@ StyledOppositeContent.defaultProps = {
|
|
|
652
638
|
};
|
|
653
639
|
|
|
654
640
|
var COMPONENT_ID$1 = 'timeline.item';
|
|
655
|
-
var StyledTimelineItem = styled__default[
|
|
641
|
+
var StyledTimelineItem = styled__default["default"].li.attrs({
|
|
656
642
|
'data-garden-id': COMPONENT_ID$1,
|
|
657
|
-
'data-garden-version': '8.
|
|
643
|
+
'data-garden-version': '8.47.2'
|
|
658
644
|
}).withConfig({
|
|
659
645
|
displayName: "StyledItem__StyledTimelineItem",
|
|
660
646
|
componentId: "sc-5mcnzm-0"
|
|
@@ -671,14 +657,14 @@ StyledTimelineItem.defaultProps = {
|
|
|
671
657
|
|
|
672
658
|
var _excluded$5 = ["surfaceColor", "children"];
|
|
673
659
|
var COMPONENT_ID = 'timeline.icon';
|
|
674
|
-
var StyledItemIcon = styled__default[
|
|
660
|
+
var StyledItemIcon = styled__default["default"](function (_ref) {
|
|
675
661
|
_ref.surfaceColor;
|
|
676
662
|
var children = _ref.children,
|
|
677
663
|
props = _objectWithoutProperties(_ref, _excluded$5);
|
|
678
664
|
return React.cloneElement(React.Children.only(children), props);
|
|
679
665
|
}).attrs({
|
|
680
666
|
'data-garden-id': COMPONENT_ID,
|
|
681
|
-
'data-garden-version': '8.
|
|
667
|
+
'data-garden-version': '8.47.2'
|
|
682
668
|
}).withConfig({
|
|
683
669
|
displayName: "StyledItemIcon",
|
|
684
670
|
componentId: "sc-vz2l6e-0"
|
|
@@ -783,36 +769,36 @@ var Step = React.forwardRef(function (props, ref) {
|
|
|
783
769
|
currentStepIndex: currentStepIndex
|
|
784
770
|
};
|
|
785
771
|
}, [currentStepIndex]);
|
|
786
|
-
return React__default[
|
|
772
|
+
return React__default["default"].createElement(StepContext.Provider, {
|
|
787
773
|
value: value
|
|
788
|
-
}, React__default[
|
|
774
|
+
}, React__default["default"].createElement(StyledStep, _extends$3({
|
|
789
775
|
ref: ref,
|
|
790
776
|
isHorizontal: isHorizontal
|
|
791
|
-
}, props), isHorizontal && React__default[
|
|
777
|
+
}, props), isHorizontal && React__default["default"].createElement(StyledLine, null), props.children));
|
|
792
778
|
});
|
|
793
779
|
Step.displayName = 'Step';
|
|
794
780
|
|
|
795
|
-
|
|
781
|
+
var _path$1;
|
|
796
782
|
|
|
797
|
-
|
|
798
|
-
fill: "none",
|
|
799
|
-
stroke: "currentColor",
|
|
800
|
-
strokeLinecap: "round",
|
|
801
|
-
strokeLinejoin: "round",
|
|
802
|
-
strokeWidth: 1.25,
|
|
803
|
-
d: "M3 9l3 3 7-7"
|
|
804
|
-
});
|
|
783
|
+
function _extends$2() { _extends$2 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2.apply(this, arguments); }
|
|
805
784
|
|
|
806
|
-
function SvgCheckSmStroke(props) {
|
|
785
|
+
var SvgCheckSmStroke = function SvgCheckSmStroke(props) {
|
|
807
786
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends$2({
|
|
808
787
|
xmlns: "http://www.w3.org/2000/svg",
|
|
809
788
|
width: 16,
|
|
810
789
|
height: 16,
|
|
811
|
-
viewBox: "0 0 16 16",
|
|
812
790
|
focusable: "false",
|
|
813
|
-
|
|
814
|
-
|
|
815
|
-
}
|
|
791
|
+
viewBox: "0 0 16 16",
|
|
792
|
+
"aria-hidden": "true"
|
|
793
|
+
}, props), _path$1 || (_path$1 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
794
|
+
fill: "none",
|
|
795
|
+
stroke: "currentColor",
|
|
796
|
+
strokeLinecap: "round",
|
|
797
|
+
strokeLinejoin: "round",
|
|
798
|
+
strokeWidth: 1.25,
|
|
799
|
+
d: "M3 9l3 3 7-7"
|
|
800
|
+
})));
|
|
801
|
+
};
|
|
816
802
|
|
|
817
803
|
var Label$1 = React.forwardRef(function (props, ref) {
|
|
818
804
|
var _useStepContext = useStepContext(),
|
|
@@ -824,23 +810,23 @@ var Label$1 = React.forwardRef(function (props, ref) {
|
|
|
824
810
|
var stepIcon = props.icon || numericStep;
|
|
825
811
|
var isActive = activeIndex === currentStepIndex;
|
|
826
812
|
var isCompleted = activeIndex > currentStepIndex;
|
|
827
|
-
var styledIcon = React__default[
|
|
813
|
+
var styledIcon = React__default["default"].createElement(StyledIcon, {
|
|
828
814
|
isActive: isActive,
|
|
829
815
|
isHorizontal: isHorizontal
|
|
830
|
-
}, isCompleted ? React__default[
|
|
831
|
-
return React__default[
|
|
816
|
+
}, isCompleted ? React__default["default"].createElement(SvgCheckSmStroke, null) : stepIcon);
|
|
817
|
+
return React__default["default"].createElement(StyledLabel, _extends$3({
|
|
832
818
|
ref: ref,
|
|
833
819
|
isActive: isActive,
|
|
834
820
|
isHorizontal: isHorizontal
|
|
835
|
-
}, props), isHorizontal ? React__default[
|
|
821
|
+
}, props), isHorizontal ? React__default["default"].createElement(StyledIconFlexContainer, null, styledIcon) : styledIcon, React__default["default"].createElement(StyledLabelText, {
|
|
836
822
|
isHidden: props.isHidden,
|
|
837
823
|
isHorizontal: isHorizontal
|
|
838
824
|
}, props.children));
|
|
839
825
|
});
|
|
840
826
|
Label$1.displayName = 'Label';
|
|
841
827
|
Label$1.propTypes = {
|
|
842
|
-
icon: PropTypes__default[
|
|
843
|
-
isHidden: PropTypes__default[
|
|
828
|
+
icon: PropTypes__default["default"].node,
|
|
829
|
+
isHidden: PropTypes__default["default"].bool
|
|
844
830
|
};
|
|
845
831
|
|
|
846
832
|
var Content$1 = React.forwardRef(function (props, ref) {
|
|
@@ -851,7 +837,7 @@ var Content$1 = React.forwardRef(function (props, ref) {
|
|
|
851
837
|
var _useStepContext = useStepContext(),
|
|
852
838
|
currentStepIndex = _useStepContext.currentStepIndex;
|
|
853
839
|
var isActive = currentStepIndex === activeIndex;
|
|
854
|
-
var updateMaxHeight = React.useCallback(debounce__default[
|
|
840
|
+
var updateMaxHeight = React.useCallback(debounce__default["default"](function () {
|
|
855
841
|
if (contentRef.current) {
|
|
856
842
|
var child = contentRef.current.children[0];
|
|
857
843
|
child.style.maxHeight = "".concat(child.scrollHeight, "px");
|
|
@@ -867,10 +853,10 @@ var Content$1 = React.forwardRef(function (props, ref) {
|
|
|
867
853
|
}
|
|
868
854
|
return undefined;
|
|
869
855
|
}, [isActive, isHorizontal, props.children, updateMaxHeight]);
|
|
870
|
-
return isHorizontal === false ? React__default[
|
|
871
|
-
ref: mergeRefs__default[
|
|
856
|
+
return isHorizontal === false ? React__default["default"].createElement(StyledContent, _extends$3({
|
|
857
|
+
ref: mergeRefs__default["default"]([contentRef, ref]),
|
|
872
858
|
isActive: isActive
|
|
873
|
-
}, props), React__default[
|
|
859
|
+
}, props), React__default["default"].createElement(StyledInnerContent, {
|
|
874
860
|
isActive: isActive
|
|
875
861
|
}, props.children)) : null;
|
|
876
862
|
});
|
|
@@ -892,9 +878,9 @@ var Stepper = React.forwardRef(function (_ref, ref) {
|
|
|
892
878
|
React.useEffect(function () {
|
|
893
879
|
currentIndexRef.current = 0;
|
|
894
880
|
});
|
|
895
|
-
return React__default[
|
|
881
|
+
return React__default["default"].createElement(StepperContext.Provider, {
|
|
896
882
|
value: stepperContext
|
|
897
|
-
}, React__default[
|
|
883
|
+
}, React__default["default"].createElement(StyledStepper, _extends$3({
|
|
898
884
|
ref: ref,
|
|
899
885
|
isHorizontal: isHorizontal
|
|
900
886
|
}, props)));
|
|
@@ -913,31 +899,31 @@ var Section = React.forwardRef(function (props, ref) {
|
|
|
913
899
|
currentIndexRef = _useAccordionContext.currentIndexRef;
|
|
914
900
|
var sectionIndexRef = React.useRef(currentIndexRef.current++);
|
|
915
901
|
var sectionIndex = sectionIndexRef.current;
|
|
916
|
-
return React__default[
|
|
902
|
+
return React__default["default"].createElement(SectionContext.Provider, {
|
|
917
903
|
value: sectionIndex
|
|
918
|
-
}, React__default[
|
|
904
|
+
}, React__default["default"].createElement(StyledSection, _extends$3({
|
|
919
905
|
ref: ref
|
|
920
906
|
}, props)));
|
|
921
907
|
});
|
|
922
908
|
Section.displayName = 'Section';
|
|
923
909
|
|
|
924
|
-
|
|
910
|
+
var _path;
|
|
925
911
|
|
|
926
|
-
|
|
927
|
-
fill: "currentColor",
|
|
928
|
-
d: "M12.688 5.61a.5.5 0 01.69.718l-.066.062-5 4a.5.5 0 01-.542.054l-.082-.054-5-4a.5.5 0 01.55-.83l.074.05L8 9.359l4.688-3.75z"
|
|
929
|
-
});
|
|
912
|
+
function _extends$1() { _extends$1 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1.apply(this, arguments); }
|
|
930
913
|
|
|
931
|
-
function SvgChevronDownStroke(props) {
|
|
914
|
+
var SvgChevronDownStroke = function SvgChevronDownStroke(props) {
|
|
932
915
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends$1({
|
|
933
916
|
xmlns: "http://www.w3.org/2000/svg",
|
|
934
917
|
width: 16,
|
|
935
918
|
height: 16,
|
|
936
|
-
viewBox: "0 0 16 16",
|
|
937
919
|
focusable: "false",
|
|
938
|
-
|
|
939
|
-
|
|
940
|
-
}
|
|
920
|
+
viewBox: "0 0 16 16",
|
|
921
|
+
"aria-hidden": "true"
|
|
922
|
+
}, props), _path || (_path = /*#__PURE__*/React__namespace.createElement("path", {
|
|
923
|
+
fill: "currentColor",
|
|
924
|
+
d: "M12.688 5.61a.5.5 0 01.69.718l-.066.062-5 4a.5.5 0 01-.542.054l-.082-.054-5-4a.5.5 0 01.55-.83l.074.05L8 9.359l4.688-3.75z"
|
|
925
|
+
})));
|
|
926
|
+
};
|
|
941
927
|
|
|
942
928
|
var _excluded$3 = ["onClick", "onFocus", "onBlur", "onMouseOver", "onMouseOut", "children"],
|
|
943
929
|
_excluded2 = ["onClick", "onKeyDown"];
|
|
@@ -989,9 +975,9 @@ var Header = React.forwardRef(function (props, ref) {
|
|
|
989
975
|
otherTriggerProps: otherTriggerProps
|
|
990
976
|
};
|
|
991
977
|
}, [isHovered, otherTriggerProps]);
|
|
992
|
-
return React__default[
|
|
978
|
+
return React__default["default"].createElement(HeaderContext.Provider, {
|
|
993
979
|
value: value
|
|
994
|
-
}, React__default[
|
|
980
|
+
}, React__default["default"].createElement(StyledHeader, getHeaderProps(_objectSpread2({
|
|
995
981
|
ref: ref,
|
|
996
982
|
ariaLevel: ariaLevel,
|
|
997
983
|
isCompact: isCompact,
|
|
@@ -1009,7 +995,7 @@ var Header = React.forwardRef(function (props, ref) {
|
|
|
1009
995
|
onMouseOut: containerUtilities.composeEventHandlers(onMouseOut, function () {
|
|
1010
996
|
return setIsHovered(false);
|
|
1011
997
|
})
|
|
1012
|
-
}, other)), children, React__default[
|
|
998
|
+
}, other)), children, React__default["default"].createElement(StyledRotateIcon, {
|
|
1013
999
|
isCompact: isCompact,
|
|
1014
1000
|
isHovered: isHovered,
|
|
1015
1001
|
isRotated: isExpanded,
|
|
@@ -1020,7 +1006,7 @@ var Header = React.forwardRef(function (props, ref) {
|
|
|
1020
1006
|
onMouseOut: containerUtilities.composeEventHandlers(onMouseOut, function () {
|
|
1021
1007
|
return setIsHovered(false);
|
|
1022
1008
|
})
|
|
1023
|
-
}, React__default[
|
|
1009
|
+
}, React__default["default"].createElement(SvgChevronDownStroke, null))));
|
|
1024
1010
|
});
|
|
1025
1011
|
Header.displayName = 'Header';
|
|
1026
1012
|
|
|
@@ -1034,7 +1020,7 @@ var Label = React.forwardRef(function (props, ref) {
|
|
|
1034
1020
|
var _useHeaderContext = useHeaderContext(),
|
|
1035
1021
|
isHovered = _useHeaderContext.isHovered,
|
|
1036
1022
|
otherTriggerProps = _useHeaderContext.otherTriggerProps;
|
|
1037
|
-
return React__default[
|
|
1023
|
+
return React__default["default"].createElement(StyledButton, _extends$3({
|
|
1038
1024
|
ref: ref,
|
|
1039
1025
|
isCompact: isCompact,
|
|
1040
1026
|
isHovered: isHovered,
|
|
@@ -1054,13 +1040,13 @@ var Panel = React.forwardRef(function (props, ref) {
|
|
|
1054
1040
|
var panelRef = React.useRef();
|
|
1055
1041
|
var index = useSectionContext();
|
|
1056
1042
|
var isExpanded = expandedSections.includes(index);
|
|
1057
|
-
var updateMaxHeight = React.useCallback(debounce__default[
|
|
1043
|
+
var updateMaxHeight = React.useCallback(debounce__default["default"](function () {
|
|
1058
1044
|
if (panelRef.current) {
|
|
1059
1045
|
var child = panelRef.current.children[0];
|
|
1060
1046
|
child.style.maxHeight = "".concat(child.scrollHeight, "px");
|
|
1061
1047
|
}
|
|
1062
1048
|
}, 100), [panelRef]);
|
|
1063
|
-
React__default[
|
|
1049
|
+
React__default["default"].useEffect(function () {
|
|
1064
1050
|
if (!isAnimated) {
|
|
1065
1051
|
return undefined;
|
|
1066
1052
|
}
|
|
@@ -1070,15 +1056,15 @@ var Panel = React.forwardRef(function (props, ref) {
|
|
|
1070
1056
|
removeEventListener('resize', updateMaxHeight);
|
|
1071
1057
|
};
|
|
1072
1058
|
}, [isAnimated, isExpanded, updateMaxHeight, props.children]);
|
|
1073
|
-
return React__default[
|
|
1059
|
+
return React__default["default"].createElement(StyledPanel, getPanelProps(_objectSpread2({
|
|
1074
1060
|
role: null,
|
|
1075
|
-
ref: mergeRefs__default[
|
|
1061
|
+
ref: mergeRefs__default["default"]([panelRef, ref]),
|
|
1076
1062
|
index: index,
|
|
1077
1063
|
isBare: isBare,
|
|
1078
1064
|
isCompact: isCompact,
|
|
1079
1065
|
isExpanded: isExpanded,
|
|
1080
1066
|
isAnimated: isAnimated
|
|
1081
|
-
}, props)), React__default[
|
|
1067
|
+
}, props)), React__default["default"].createElement(StyledInnerPanel, {
|
|
1082
1068
|
isExpanded: isExpanded,
|
|
1083
1069
|
isAnimated: isAnimated
|
|
1084
1070
|
}, props.children));
|
|
@@ -1126,9 +1112,9 @@ var Accordion = React.forwardRef(function (_ref, ref) {
|
|
|
1126
1112
|
expandedSections: expandedSections
|
|
1127
1113
|
};
|
|
1128
1114
|
}, [level, isBare, isCompact, isAnimated, isCollapsible, getPanelProps, getHeaderProps, getTriggerProps, currentIndexRef, expandedSections]);
|
|
1129
|
-
return React__default[
|
|
1115
|
+
return React__default["default"].createElement(AccordionContext.Provider, {
|
|
1130
1116
|
value: value
|
|
1131
|
-
}, React__default[
|
|
1117
|
+
}, React__default["default"].createElement(StyledAccordion, _extends$3({
|
|
1132
1118
|
ref: ref
|
|
1133
1119
|
}, props)));
|
|
1134
1120
|
});
|
|
@@ -1170,9 +1156,9 @@ var Item = React.forwardRef(function (_ref, ref) {
|
|
|
1170
1156
|
}
|
|
1171
1157
|
}
|
|
1172
1158
|
});
|
|
1173
|
-
return React__default[
|
|
1159
|
+
return React__default["default"].createElement(TimelineItemContext.Provider, {
|
|
1174
1160
|
value: value
|
|
1175
|
-
}, React__default[
|
|
1161
|
+
}, React__default["default"].createElement(StyledTimelineItem, _extends$3({
|
|
1176
1162
|
ref: ref,
|
|
1177
1163
|
isAlternate: isAlternate,
|
|
1178
1164
|
hasOppositeContent: hasOppositeContent
|
|
@@ -1180,41 +1166,41 @@ var Item = React.forwardRef(function (_ref, ref) {
|
|
|
1180
1166
|
});
|
|
1181
1167
|
Item.displayName = 'Item';
|
|
1182
1168
|
|
|
1183
|
-
|
|
1169
|
+
var _circle;
|
|
1184
1170
|
|
|
1185
|
-
var
|
|
1186
|
-
cx: 6,
|
|
1187
|
-
cy: 6,
|
|
1188
|
-
r: 4.5,
|
|
1189
|
-
fill: "none",
|
|
1190
|
-
stroke: "currentColor"
|
|
1191
|
-
});
|
|
1171
|
+
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
1192
1172
|
|
|
1193
|
-
function SvgCircleFullStroke(props) {
|
|
1173
|
+
var SvgCircleFullStroke = function SvgCircleFullStroke(props) {
|
|
1194
1174
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends({
|
|
1195
1175
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1196
1176
|
width: 12,
|
|
1197
1177
|
height: 12,
|
|
1198
|
-
viewBox: "0 0 12 12",
|
|
1199
1178
|
focusable: "false",
|
|
1200
|
-
|
|
1201
|
-
|
|
1202
|
-
}
|
|
1179
|
+
viewBox: "0 0 12 12",
|
|
1180
|
+
"aria-hidden": "true"
|
|
1181
|
+
}, props), _circle || (_circle = /*#__PURE__*/React__namespace.createElement("circle", {
|
|
1182
|
+
cx: 6,
|
|
1183
|
+
cy: 6,
|
|
1184
|
+
r: 4.5,
|
|
1185
|
+
fill: "none",
|
|
1186
|
+
stroke: "currentColor"
|
|
1187
|
+
})));
|
|
1188
|
+
};
|
|
1203
1189
|
|
|
1204
1190
|
var Content = React.forwardRef(function (props, ref) {
|
|
1205
1191
|
var _useTimelineItemConte = useTimelineItemContext(),
|
|
1206
1192
|
icon = _useTimelineItemConte.icon,
|
|
1207
1193
|
surfaceColor = _useTimelineItemConte.surfaceColor;
|
|
1208
|
-
return React__default[
|
|
1194
|
+
return React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement(StyledSeparator, null, React__default["default"].createElement(StyledItemIcon, {
|
|
1209
1195
|
surfaceColor: surfaceColor
|
|
1210
|
-
}, icon || React__default[
|
|
1196
|
+
}, icon || React__default["default"].createElement(SvgCircleFullStroke, null))), React__default["default"].createElement(StyledTimelineContent, _extends$3({
|
|
1211
1197
|
ref: ref
|
|
1212
1198
|
}, props)));
|
|
1213
1199
|
});
|
|
1214
1200
|
Content.displayName = 'Content';
|
|
1215
1201
|
|
|
1216
1202
|
var OppositeContent = React.forwardRef(function (props, ref) {
|
|
1217
|
-
return React__default[
|
|
1203
|
+
return React__default["default"].createElement(StyledOppositeContent, _extends$3({
|
|
1218
1204
|
ref: ref
|
|
1219
1205
|
}, props));
|
|
1220
1206
|
});
|
|
@@ -1229,9 +1215,9 @@ var Timeline = React.forwardRef(function (_ref, ref) {
|
|
|
1229
1215
|
isAlternate: isAlternate
|
|
1230
1216
|
};
|
|
1231
1217
|
}, [isAlternate]);
|
|
1232
|
-
return React__default[
|
|
1218
|
+
return React__default["default"].createElement(TimelineContext.Provider, {
|
|
1233
1219
|
value: value
|
|
1234
|
-
}, React__default[
|
|
1220
|
+
}, React__default["default"].createElement(StyledTimeline, _extends$3({
|
|
1235
1221
|
ref: ref
|
|
1236
1222
|
}, props)));
|
|
1237
1223
|
});
|
package/dist/index.esm.js
CHANGED
|
@@ -21,14 +21,9 @@ function ownKeys(object, enumerableOnly) {
|
|
|
21
21
|
|
|
22
22
|
if (Object.getOwnPropertySymbols) {
|
|
23
23
|
var symbols = Object.getOwnPropertySymbols(object);
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
28
|
-
});
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
keys.push.apply(keys, symbols);
|
|
24
|
+
enumerableOnly && (symbols = symbols.filter(function (sym) {
|
|
25
|
+
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
26
|
+
})), keys.push.apply(keys, symbols);
|
|
32
27
|
}
|
|
33
28
|
|
|
34
29
|
return keys;
|
|
@@ -36,19 +31,12 @@ function ownKeys(object, enumerableOnly) {
|
|
|
36
31
|
|
|
37
32
|
function _objectSpread2(target) {
|
|
38
33
|
for (var i = 1; i < arguments.length; i++) {
|
|
39
|
-
var source = arguments[i]
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
} else if (Object.getOwnPropertyDescriptors) {
|
|
46
|
-
Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
47
|
-
} else {
|
|
48
|
-
ownKeys(Object(source)).forEach(function (key) {
|
|
49
|
-
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
50
|
-
});
|
|
51
|
-
}
|
|
34
|
+
var source = null != arguments[i] ? arguments[i] : {};
|
|
35
|
+
i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
|
|
36
|
+
_defineProperty(target, key, source[key]);
|
|
37
|
+
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
|
|
38
|
+
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
39
|
+
});
|
|
52
40
|
}
|
|
53
41
|
|
|
54
42
|
return target;
|
|
@@ -197,7 +185,7 @@ var sizeStyles$1 = function sizeStyles(props) {
|
|
|
197
185
|
};
|
|
198
186
|
var StyledContent = styled.div.attrs({
|
|
199
187
|
'data-garden-id': COMPONENT_ID$k,
|
|
200
|
-
'data-garden-version': '8.
|
|
188
|
+
'data-garden-version': '8.47.2'
|
|
201
189
|
}).withConfig({
|
|
202
190
|
displayName: "StyledContent",
|
|
203
191
|
componentId: "sc-mazvvo-0"
|
|
@@ -213,7 +201,7 @@ StyledContent.defaultProps = {
|
|
|
213
201
|
var COMPONENT_ID$j = 'accordions.step_line';
|
|
214
202
|
var StyledLine = styled.div.attrs({
|
|
215
203
|
'data-garden-id': COMPONENT_ID$j,
|
|
216
|
-
'data-garden-version': '8.
|
|
204
|
+
'data-garden-version': '8.47.2'
|
|
217
205
|
}).withConfig({
|
|
218
206
|
displayName: "StyledLine",
|
|
219
207
|
componentId: "sc-1gkpjbr-0"
|
|
@@ -235,7 +223,7 @@ StyledLine.defaultProps = {
|
|
|
235
223
|
var COMPONENT_ID$i = 'accordions.step';
|
|
236
224
|
var StyledStep = styled.li.attrs({
|
|
237
225
|
'data-garden-id': COMPONENT_ID$i,
|
|
238
|
-
'data-garden-version': '8.
|
|
226
|
+
'data-garden-version': '8.47.2'
|
|
239
227
|
}).withConfig({
|
|
240
228
|
displayName: "StyledStep",
|
|
241
229
|
componentId: "sc-12fiwtz-0"
|
|
@@ -265,7 +253,7 @@ StyledStep.defaultProps = {
|
|
|
265
253
|
var COMPONENT_ID$h = 'accordions.step_inner_content';
|
|
266
254
|
var StyledInnerContent = styled.div.attrs({
|
|
267
255
|
'data-garden-id': COMPONENT_ID$h,
|
|
268
|
-
'data-garden-version': '8.
|
|
256
|
+
'data-garden-version': '8.47.2'
|
|
269
257
|
}).withConfig({
|
|
270
258
|
displayName: "StyledInnerContent",
|
|
271
259
|
componentId: "sc-1xs9fh7-0"
|
|
@@ -287,7 +275,7 @@ StyledInnerContent.defaultProps = {
|
|
|
287
275
|
var COMPONENT_ID$g = 'accordions.stepper';
|
|
288
276
|
var StyledStepper = styled.ol.attrs({
|
|
289
277
|
'data-garden-id': COMPONENT_ID$g,
|
|
290
|
-
'data-garden-version': '8.
|
|
278
|
+
'data-garden-version': '8.47.2'
|
|
291
279
|
}).withConfig({
|
|
292
280
|
displayName: "StyledStepper",
|
|
293
281
|
componentId: "sc-dsxw0f-0"
|
|
@@ -315,7 +303,7 @@ var colorStyles$2 = function colorStyles(props) {
|
|
|
315
303
|
};
|
|
316
304
|
var StyledIcon = styled.div.attrs({
|
|
317
305
|
'data-garden-id': COMPONENT_ID$f,
|
|
318
|
-
'data-garden-version': '8.
|
|
306
|
+
'data-garden-version': '8.47.2'
|
|
319
307
|
}).withConfig({
|
|
320
308
|
displayName: "StyledIcon",
|
|
321
309
|
componentId: "sc-v20nz9-1"
|
|
@@ -332,7 +320,7 @@ StyledIcon.defaultProps = {
|
|
|
332
320
|
var COMPONENT_ID$e = 'accordions.step_label';
|
|
333
321
|
var StyledLabel = styled.div.attrs({
|
|
334
322
|
'data-garden-id': COMPONENT_ID$e,
|
|
335
|
-
'data-garden-version': '8.
|
|
323
|
+
'data-garden-version': '8.47.2'
|
|
336
324
|
}).withConfig({
|
|
337
325
|
displayName: "StyledLabel",
|
|
338
326
|
componentId: "sc-1o82llj-0"
|
|
@@ -360,7 +348,7 @@ StyledLabel.defaultProps = {
|
|
|
360
348
|
var COMPONENT_ID$d = 'accordions.step_label_text';
|
|
361
349
|
var StyledLabelText = styled.div.attrs({
|
|
362
350
|
'data-garden-id': COMPONENT_ID$d,
|
|
363
|
-
'data-garden-version': '8.
|
|
351
|
+
'data-garden-version': '8.47.2'
|
|
364
352
|
}).withConfig({
|
|
365
353
|
displayName: "StyledLabelText",
|
|
366
354
|
componentId: "sc-111m5zo-0"
|
|
@@ -378,7 +366,7 @@ StyledLabelText.defaultProps = {
|
|
|
378
366
|
var COMPONENT_ID$c = 'accordions.accordion';
|
|
379
367
|
var StyledAccordion = styled.div.attrs({
|
|
380
368
|
'data-garden-id': COMPONENT_ID$c,
|
|
381
|
-
'data-garden-version': '8.
|
|
369
|
+
'data-garden-version': '8.47.2'
|
|
382
370
|
}).withConfig({
|
|
383
371
|
displayName: "StyledAccordion",
|
|
384
372
|
componentId: "sc-niv9ic-0"
|
|
@@ -408,7 +396,7 @@ var paddingStyles = function paddingStyles(props) {
|
|
|
408
396
|
};
|
|
409
397
|
var StyledPanel = styled.section.attrs({
|
|
410
398
|
'data-garden-id': COMPONENT_ID$b,
|
|
411
|
-
'data-garden-version': '8.
|
|
399
|
+
'data-garden-version': '8.47.2'
|
|
412
400
|
}).withConfig({
|
|
413
401
|
displayName: "StyledPanel",
|
|
414
402
|
componentId: "sc-1piryze-0"
|
|
@@ -425,7 +413,7 @@ StyledPanel.defaultProps = {
|
|
|
425
413
|
var COMPONENT_ID$a = 'accordions.section';
|
|
426
414
|
var StyledSection = styled.div.attrs({
|
|
427
415
|
'data-garden-id': COMPONENT_ID$a,
|
|
428
|
-
'data-garden-version': '8.
|
|
416
|
+
'data-garden-version': '8.47.2'
|
|
429
417
|
}).withConfig({
|
|
430
418
|
displayName: "StyledSection",
|
|
431
419
|
componentId: "sc-v2t9bd-0"
|
|
@@ -439,7 +427,7 @@ StyledSection.defaultProps = {
|
|
|
439
427
|
var COMPONENT_ID$9 = 'accordions.header';
|
|
440
428
|
var StyledHeader = styled.div.attrs({
|
|
441
429
|
'data-garden-id': COMPONENT_ID$9,
|
|
442
|
-
'data-garden-version': '8.
|
|
430
|
+
'data-garden-version': '8.47.2'
|
|
443
431
|
}).withConfig({
|
|
444
432
|
displayName: "StyledHeader",
|
|
445
433
|
componentId: "sc-2c6rbr-0"
|
|
@@ -467,7 +455,7 @@ var colorStyles$1 = function colorStyles(props) {
|
|
|
467
455
|
};
|
|
468
456
|
var StyledButton = styled.button.attrs({
|
|
469
457
|
'data-garden-id': COMPONENT_ID$8,
|
|
470
|
-
'data-garden-version': '8.
|
|
458
|
+
'data-garden-version': '8.47.2'
|
|
471
459
|
}).withConfig({
|
|
472
460
|
displayName: "StyledButton",
|
|
473
461
|
componentId: "sc-xj3hy7-0"
|
|
@@ -493,7 +481,7 @@ StyledButton.defaultProps = {
|
|
|
493
481
|
var COMPONENT_ID$7 = 'accordions.step_inner_panel';
|
|
494
482
|
var StyledInnerPanel = styled.div.attrs({
|
|
495
483
|
'data-garden-id': COMPONENT_ID$7,
|
|
496
|
-
'data-garden-version': '8.
|
|
484
|
+
'data-garden-version': '8.47.2'
|
|
497
485
|
}).withConfig({
|
|
498
486
|
displayName: "StyledInnerPanel",
|
|
499
487
|
componentId: "sc-8nbueg-0"
|
|
@@ -534,7 +522,7 @@ function (_ref) {
|
|
|
534
522
|
return cloneElement(Children.only(children), props);
|
|
535
523
|
}).attrs({
|
|
536
524
|
'data-garden-id': COMPONENT_ID$6,
|
|
537
|
-
'data-garden-version': '8.
|
|
525
|
+
'data-garden-version': '8.47.2'
|
|
538
526
|
}).withConfig({
|
|
539
527
|
displayName: "StyledRotateIcon",
|
|
540
528
|
componentId: "sc-hp435q-0"
|
|
@@ -556,7 +544,7 @@ StyledRotateIcon.defaultProps = {
|
|
|
556
544
|
var COMPONENT_ID$5 = 'timeline';
|
|
557
545
|
var StyledTimeline = styled.ol.attrs({
|
|
558
546
|
'data-garden-id': COMPONENT_ID$5,
|
|
559
|
-
'data-garden-version': '8.
|
|
547
|
+
'data-garden-version': '8.47.2'
|
|
560
548
|
}).withConfig({
|
|
561
549
|
displayName: "StyledTimeline",
|
|
562
550
|
componentId: "sc-pig5kv-0"
|
|
@@ -570,7 +558,7 @@ StyledTimeline.defaultProps = {
|
|
|
570
558
|
var COMPONENT_ID$4 = 'timeline.content.separator';
|
|
571
559
|
var StyledSeparator = styled.div.attrs({
|
|
572
560
|
'data-garden-id': COMPONENT_ID$4,
|
|
573
|
-
'data-garden-version': '8.
|
|
561
|
+
'data-garden-version': '8.47.2'
|
|
574
562
|
}).withConfig({
|
|
575
563
|
displayName: "StyledSeparator",
|
|
576
564
|
componentId: "sc-fki51e-0"
|
|
@@ -588,7 +576,7 @@ StyledSeparator.defaultProps = {
|
|
|
588
576
|
var COMPONENT_ID$3 = 'timeline.content';
|
|
589
577
|
var StyledTimelineContent = styled.div.attrs({
|
|
590
578
|
'data-garden-id': COMPONENT_ID$3,
|
|
591
|
-
'data-garden-version': '8.
|
|
579
|
+
'data-garden-version': '8.47.2'
|
|
592
580
|
}).withConfig({
|
|
593
581
|
displayName: "StyledContent__StyledTimelineContent",
|
|
594
582
|
componentId: "sc-19phgu1-0"
|
|
@@ -604,7 +592,7 @@ StyledTimelineContent.defaultProps = {
|
|
|
604
592
|
var COMPONENT_ID$2 = 'timeline.opposite.content';
|
|
605
593
|
var StyledOppositeContent = styled.div.attrs({
|
|
606
594
|
'data-garden-id': COMPONENT_ID$2,
|
|
607
|
-
'data-garden-version': '8.
|
|
595
|
+
'data-garden-version': '8.47.2'
|
|
608
596
|
}).withConfig({
|
|
609
597
|
displayName: "StyledOppositeContent",
|
|
610
598
|
componentId: "sc-jurh2k-0"
|
|
@@ -622,7 +610,7 @@ StyledOppositeContent.defaultProps = {
|
|
|
622
610
|
var COMPONENT_ID$1 = 'timeline.item';
|
|
623
611
|
var StyledTimelineItem = styled.li.attrs({
|
|
624
612
|
'data-garden-id': COMPONENT_ID$1,
|
|
625
|
-
'data-garden-version': '8.
|
|
613
|
+
'data-garden-version': '8.47.2'
|
|
626
614
|
}).withConfig({
|
|
627
615
|
displayName: "StyledItem__StyledTimelineItem",
|
|
628
616
|
componentId: "sc-5mcnzm-0"
|
|
@@ -646,7 +634,7 @@ var StyledItemIcon = styled(function (_ref) {
|
|
|
646
634
|
return cloneElement(Children.only(children), props);
|
|
647
635
|
}).attrs({
|
|
648
636
|
'data-garden-id': COMPONENT_ID,
|
|
649
|
-
'data-garden-version': '8.
|
|
637
|
+
'data-garden-version': '8.47.2'
|
|
650
638
|
}).withConfig({
|
|
651
639
|
displayName: "StyledItemIcon",
|
|
652
640
|
componentId: "sc-vz2l6e-0"
|
|
@@ -760,27 +748,27 @@ var Step = forwardRef(function (props, ref) {
|
|
|
760
748
|
});
|
|
761
749
|
Step.displayName = 'Step';
|
|
762
750
|
|
|
763
|
-
|
|
751
|
+
var _path$1;
|
|
764
752
|
|
|
765
|
-
|
|
766
|
-
fill: "none",
|
|
767
|
-
stroke: "currentColor",
|
|
768
|
-
strokeLinecap: "round",
|
|
769
|
-
strokeLinejoin: "round",
|
|
770
|
-
strokeWidth: 1.25,
|
|
771
|
-
d: "M3 9l3 3 7-7"
|
|
772
|
-
});
|
|
753
|
+
function _extends$2() { _extends$2 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2.apply(this, arguments); }
|
|
773
754
|
|
|
774
|
-
function SvgCheckSmStroke(props) {
|
|
755
|
+
var SvgCheckSmStroke = function SvgCheckSmStroke(props) {
|
|
775
756
|
return /*#__PURE__*/React.createElement("svg", _extends$2({
|
|
776
757
|
xmlns: "http://www.w3.org/2000/svg",
|
|
777
758
|
width: 16,
|
|
778
759
|
height: 16,
|
|
779
|
-
viewBox: "0 0 16 16",
|
|
780
760
|
focusable: "false",
|
|
781
|
-
|
|
782
|
-
|
|
783
|
-
}
|
|
761
|
+
viewBox: "0 0 16 16",
|
|
762
|
+
"aria-hidden": "true"
|
|
763
|
+
}, props), _path$1 || (_path$1 = /*#__PURE__*/React.createElement("path", {
|
|
764
|
+
fill: "none",
|
|
765
|
+
stroke: "currentColor",
|
|
766
|
+
strokeLinecap: "round",
|
|
767
|
+
strokeLinejoin: "round",
|
|
768
|
+
strokeWidth: 1.25,
|
|
769
|
+
d: "M3 9l3 3 7-7"
|
|
770
|
+
})));
|
|
771
|
+
};
|
|
784
772
|
|
|
785
773
|
var Label$1 = forwardRef(function (props, ref) {
|
|
786
774
|
var _useStepContext = useStepContext(),
|
|
@@ -889,23 +877,23 @@ var Section = forwardRef(function (props, ref) {
|
|
|
889
877
|
});
|
|
890
878
|
Section.displayName = 'Section';
|
|
891
879
|
|
|
892
|
-
|
|
880
|
+
var _path;
|
|
893
881
|
|
|
894
|
-
|
|
895
|
-
fill: "currentColor",
|
|
896
|
-
d: "M12.688 5.61a.5.5 0 01.69.718l-.066.062-5 4a.5.5 0 01-.542.054l-.082-.054-5-4a.5.5 0 01.55-.83l.074.05L8 9.359l4.688-3.75z"
|
|
897
|
-
});
|
|
882
|
+
function _extends$1() { _extends$1 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1.apply(this, arguments); }
|
|
898
883
|
|
|
899
|
-
function SvgChevronDownStroke(props) {
|
|
884
|
+
var SvgChevronDownStroke = function SvgChevronDownStroke(props) {
|
|
900
885
|
return /*#__PURE__*/React.createElement("svg", _extends$1({
|
|
901
886
|
xmlns: "http://www.w3.org/2000/svg",
|
|
902
887
|
width: 16,
|
|
903
888
|
height: 16,
|
|
904
|
-
viewBox: "0 0 16 16",
|
|
905
889
|
focusable: "false",
|
|
906
|
-
|
|
907
|
-
|
|
908
|
-
}
|
|
890
|
+
viewBox: "0 0 16 16",
|
|
891
|
+
"aria-hidden": "true"
|
|
892
|
+
}, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
|
|
893
|
+
fill: "currentColor",
|
|
894
|
+
d: "M12.688 5.61a.5.5 0 01.69.718l-.066.062-5 4a.5.5 0 01-.542.054l-.082-.054-5-4a.5.5 0 01.55-.83l.074.05L8 9.359l4.688-3.75z"
|
|
895
|
+
})));
|
|
896
|
+
};
|
|
909
897
|
|
|
910
898
|
var _excluded$3 = ["onClick", "onFocus", "onBlur", "onMouseOver", "onMouseOut", "children"],
|
|
911
899
|
_excluded2 = ["onClick", "onKeyDown"];
|
|
@@ -1148,26 +1136,26 @@ var Item = forwardRef(function (_ref, ref) {
|
|
|
1148
1136
|
});
|
|
1149
1137
|
Item.displayName = 'Item';
|
|
1150
1138
|
|
|
1151
|
-
|
|
1139
|
+
var _circle;
|
|
1152
1140
|
|
|
1153
|
-
var
|
|
1154
|
-
cx: 6,
|
|
1155
|
-
cy: 6,
|
|
1156
|
-
r: 4.5,
|
|
1157
|
-
fill: "none",
|
|
1158
|
-
stroke: "currentColor"
|
|
1159
|
-
});
|
|
1141
|
+
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
1160
1142
|
|
|
1161
|
-
function SvgCircleFullStroke(props) {
|
|
1143
|
+
var SvgCircleFullStroke = function SvgCircleFullStroke(props) {
|
|
1162
1144
|
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
1163
1145
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1164
1146
|
width: 12,
|
|
1165
1147
|
height: 12,
|
|
1166
|
-
viewBox: "0 0 12 12",
|
|
1167
1148
|
focusable: "false",
|
|
1168
|
-
|
|
1169
|
-
|
|
1170
|
-
}
|
|
1149
|
+
viewBox: "0 0 12 12",
|
|
1150
|
+
"aria-hidden": "true"
|
|
1151
|
+
}, props), _circle || (_circle = /*#__PURE__*/React.createElement("circle", {
|
|
1152
|
+
cx: 6,
|
|
1153
|
+
cy: 6,
|
|
1154
|
+
r: 4.5,
|
|
1155
|
+
fill: "none",
|
|
1156
|
+
stroke: "currentColor"
|
|
1157
|
+
})));
|
|
1158
|
+
};
|
|
1171
1159
|
|
|
1172
1160
|
var Content = forwardRef(function (props, ref) {
|
|
1173
1161
|
var _useTimelineItemConte = useTimelineItemContext(),
|
|
@@ -15,7 +15,7 @@ interface IStaticAccordionExport<T, P> extends ForwardRefExoticComponent<PropsWi
|
|
|
15
15
|
Label: typeof Label;
|
|
16
16
|
Panel: typeof Panel;
|
|
17
17
|
}
|
|
18
|
-
interface IAccordionProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
|
|
18
|
+
export interface IAccordionProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
|
|
19
19
|
/** Sets `aria-level` heading rank in the document structure */
|
|
20
20
|
level: number;
|
|
21
21
|
/** Sets the expanded sections in a controlled accordion */
|
|
@@ -13,7 +13,7 @@ interface IStaticStepperExport<T, P> extends ForwardRefExoticComponent<PropsWith
|
|
|
13
13
|
Label: typeof Label;
|
|
14
14
|
Content: typeof Content;
|
|
15
15
|
}
|
|
16
|
-
interface IStepperProps extends OlHTMLAttributes<HTMLOListElement> {
|
|
16
|
+
export interface IStepperProps extends OlHTMLAttributes<HTMLOListElement> {
|
|
17
17
|
/** Defines the currently active step, starting at 0 */
|
|
18
18
|
activeIndex?: number;
|
|
19
19
|
/** Applies horizontal layout styling */
|
package/dist/typings/index.d.ts
CHANGED
|
@@ -5,7 +5,9 @@
|
|
|
5
5
|
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
6
|
*/
|
|
7
7
|
export { Stepper } from './elements/stepper/Stepper';
|
|
8
|
+
export type { IStepperProps } from './elements/stepper/Stepper';
|
|
8
9
|
export { Accordion } from './elements/accordion/Accordion';
|
|
10
|
+
export type { IAccordionProps } from './elements/accordion/Accordion';
|
|
9
11
|
export { Timeline } from './elements/timeline/Timeline';
|
|
10
12
|
export type { ITimelineProps } from './elements/timeline/Timeline';
|
|
11
13
|
export type { IItem } from './elements/timeline/components/Item';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zendeskgarden/react-accordions",
|
|
3
|
-
"version": "8.
|
|
3
|
+
"version": "8.47.2",
|
|
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>",
|
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
"types": "dist/typings/index.d.ts",
|
|
23
23
|
"dependencies": {
|
|
24
24
|
"@zendeskgarden/container-accordion": "^1.0.3",
|
|
25
|
-
"@zendeskgarden/container-utilities": "^0.
|
|
25
|
+
"@zendeskgarden/container-utilities": "^0.7.0",
|
|
26
26
|
"lodash.debounce": "^4.0.8",
|
|
27
27
|
"polished": "^4.0.0",
|
|
28
28
|
"prop-types": "^15.5.7",
|
|
@@ -36,7 +36,7 @@
|
|
|
36
36
|
},
|
|
37
37
|
"devDependencies": {
|
|
38
38
|
"@types/lodash.debounce": "4.0.6",
|
|
39
|
-
"@zendeskgarden/react-theming": "^8.
|
|
39
|
+
"@zendeskgarden/react-theming": "^8.47.2",
|
|
40
40
|
"@zendeskgarden/svg-icons": "6.30.2"
|
|
41
41
|
},
|
|
42
42
|
"keywords": [
|
|
@@ -50,5 +50,5 @@
|
|
|
50
50
|
"access": "public"
|
|
51
51
|
},
|
|
52
52
|
"zendeskgarden:src": "src/index.ts",
|
|
53
|
-
"gitHead": "
|
|
53
|
+
"gitHead": "41cb43f285760417ae2145e47eca0e4a600455ab"
|
|
54
54
|
}
|