@zendeskgarden/react-modals 8.52.0 → 8.53.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.
package/dist/index.cjs.js CHANGED
@@ -301,7 +301,7 @@ var COMPONENT_ID$j = 'modals.backdrop';
301
301
  var animationName$1 = styled.keyframes(["0%{opacity:0;}100%{opacity:1;}"]);
302
302
  var StyledBackdrop = styled__default["default"].div.attrs({
303
303
  'data-garden-id': COMPONENT_ID$j,
304
- 'data-garden-version': '8.52.0'
304
+ 'data-garden-version': '8.53.0'
305
305
  }).withConfig({
306
306
  displayName: "StyledBackdrop",
307
307
  componentId: "sc-mzdjpo-0"
@@ -331,7 +331,7 @@ StyledBackdrop.propTypes = {
331
331
  var COMPONENT_ID$i = 'modals.body';
332
332
  var StyledBody = styled__default["default"].div.attrs({
333
333
  'data-garden-id': COMPONENT_ID$i,
334
- 'data-garden-version': '8.52.0'
334
+ 'data-garden-version': '8.53.0'
335
335
  }).withConfig({
336
336
  displayName: "StyledBody",
337
337
  componentId: "sc-14rzecg-0"
@@ -363,7 +363,7 @@ var BASE_MULTIPLIERS$1 = {
363
363
  };
364
364
  var StyledClose = styled__default["default"].button.attrs({
365
365
  'data-garden-id': COMPONENT_ID$h,
366
- 'data-garden-version': '8.52.0'
366
+ 'data-garden-version': '8.53.0'
367
367
  }).withConfig({
368
368
  displayName: "StyledClose",
369
369
  componentId: "sc-iseudj-0"
@@ -389,7 +389,7 @@ StyledClose.defaultProps = {
389
389
  var COMPONENT_ID$g = 'modals.footer';
390
390
  var StyledFooter = styled__default["default"].div.attrs({
391
391
  'data-garden-id': COMPONENT_ID$g,
392
- 'data-garden-version': '8.52.0'
392
+ 'data-garden-version': '8.53.0'
393
393
  }).withConfig({
394
394
  displayName: "StyledFooter",
395
395
  componentId: "sc-d8pfdu-0"
@@ -407,7 +407,7 @@ StyledFooter.defaultProps = {
407
407
  var COMPONENT_ID$f = 'modals.footer_item';
408
408
  var StyledFooterItem = styled__default["default"].span.attrs({
409
409
  'data-garden-id': COMPONENT_ID$f,
410
- 'data-garden-version': '8.52.0'
410
+ 'data-garden-version': '8.53.0'
411
411
  }).withConfig({
412
412
  displayName: "StyledFooterItem",
413
413
  componentId: "sc-1mb76hl-0"
@@ -427,7 +427,7 @@ StyledFooterItem.defaultProps = {
427
427
  var COMPONENT_ID$e = 'modals.header';
428
428
  var StyledHeader = styled__default["default"].div.attrs({
429
429
  'data-garden-id': COMPONENT_ID$e,
430
- 'data-garden-version': '8.52.0'
430
+ 'data-garden-version': '8.53.0'
431
431
  }).withConfig({
432
432
  displayName: "StyledHeader",
433
433
  componentId: "sc-1787r9v-0"
@@ -514,7 +514,7 @@ var sizeStyles$1 = function sizeStyles(props) {
514
514
  };
515
515
  var StyledModal = styled__default["default"].div.attrs({
516
516
  'data-garden-id': COMPONENT_ID$d,
517
- 'data-garden-version': '8.52.0'
517
+ 'data-garden-version': '8.53.0'
518
518
  }).withConfig({
519
519
  displayName: "StyledModal",
520
520
  componentId: "sc-1pe1axu-0"
@@ -554,7 +554,7 @@ StyledModal.defaultProps = {
554
554
  var COMPONENT_ID$c = 'modals.tooltip_modal.backdrop';
555
555
  var StyledTooltipModalBackdrop = styled__default["default"].div.attrs({
556
556
  'data-garden-id': COMPONENT_ID$c,
557
- 'data-garden-version': '8.52.0'
557
+ 'data-garden-version': '8.53.0'
558
558
  }).withConfig({
559
559
  displayName: "StyledTooltipModalBackdrop",
560
560
  componentId: "sc-1yaomgq-0"
@@ -648,7 +648,7 @@ var COMPONENT_ID$b = 'modals.tooltip_modal';
648
648
  var StyledTooltipModal = styled__default["default"].div.attrs(function (props) {
649
649
  return {
650
650
  'data-garden-id': COMPONENT_ID$b,
651
- 'data-garden-version': '8.52.0',
651
+ 'data-garden-version': '8.53.0',
652
652
  className: props.isAnimated && 'is-animated'
653
653
  };
654
654
  }).withConfig({
@@ -679,7 +679,7 @@ var sizeStyles = function sizeStyles(props) {
679
679
  };
680
680
  var StyledTooltipModalTitle = styled__default["default"].div.attrs({
681
681
  'data-garden-id': COMPONENT_ID$a,
682
- 'data-garden-version': '8.52.0'
682
+ 'data-garden-version': '8.53.0'
683
683
  }).withConfig({
684
684
  displayName: "StyledTooltipModalTitle",
685
685
  componentId: "sc-11xjgjs-0"
@@ -699,7 +699,7 @@ StyledTooltipModalTitle.defaultProps = {
699
699
  var COMPONENT_ID$9 = 'modals.tooltip_modal.body';
700
700
  var StyledTooltipModalBody = styled__default["default"].div.attrs({
701
701
  'data-garden-id': COMPONENT_ID$9,
702
- 'data-garden-version': '8.52.0'
702
+ 'data-garden-version': '8.53.0'
703
703
  }).withConfig({
704
704
  displayName: "StyledTooltipModalBody",
705
705
  componentId: "sc-195dkzj-0"
@@ -721,7 +721,7 @@ StyledTooltipModalBody.defaultProps = {
721
721
  var COMPONENT_ID$8 = 'modals.tooltip_modal.footer';
722
722
  var StyledTooltipModalFooter = styled__default["default"].div.attrs({
723
723
  'data-garden-id': COMPONENT_ID$8,
724
- 'data-garden-version': '8.52.0'
724
+ 'data-garden-version': '8.53.0'
725
725
  }).withConfig({
726
726
  displayName: "StyledTooltipModalFooter",
727
727
  componentId: "sc-fm36a9-0"
@@ -737,7 +737,7 @@ StyledTooltipModalFooter.defaultProps = {
737
737
  var COMPONENT_ID$7 = 'modals.tooltip_modal.footer_item';
738
738
  var StyledTooltipModalFooterItem = styled__default["default"](StyledFooterItem).attrs({
739
739
  'data-garden-id': COMPONENT_ID$7,
740
- 'data-garden-version': '8.52.0'
740
+ 'data-garden-version': '8.53.0'
741
741
  }).withConfig({
742
742
  displayName: "StyledTooltipModalFooterItem",
743
743
  componentId: "sc-1nahj6p-0"
@@ -751,7 +751,7 @@ StyledTooltipModalFooterItem.defaultProps = {
751
751
  var COMPONENT_ID$6 = 'modals.tooltip_modal.close';
752
752
  var StyledTooltipModalClose = styled__default["default"](StyledClose).attrs({
753
753
  'data-garden-id': COMPONENT_ID$6,
754
- 'data-garden-version': '8.52.0'
754
+ 'data-garden-version': '8.53.0'
755
755
  }).withConfig({
756
756
  displayName: "StyledTooltipModalClose",
757
757
  componentId: "sc-1h2ke3q-0"
@@ -785,7 +785,7 @@ var boxShadow = function boxShadow(props) {
785
785
  };
786
786
  var StyledDrawerModal = styled__default["default"].div.attrs({
787
787
  'data-garden-id': COMPONENT_ID$5,
788
- 'data-garden-version': '8.52.0'
788
+ 'data-garden-version': '8.53.0'
789
789
  }).withConfig({
790
790
  displayName: "StyledDrawerModal",
791
791
  componentId: "sc-i1sake-0"
@@ -816,7 +816,7 @@ var BASE_MULTIPLIERS = {
816
816
  };
817
817
  var StyledDrawerModalClose = styled__default["default"](StyledClose).attrs({
818
818
  'data-garden-id': COMPONENT_ID$4,
819
- 'data-garden-version': '8.52.0'
819
+ 'data-garden-version': '8.53.0'
820
820
  }).withConfig({
821
821
  displayName: "StyledDrawerModalClose",
822
822
  componentId: "sc-hrnaom-0"
@@ -834,7 +834,7 @@ StyledDrawerModalClose.defaultProps = {
834
834
  var COMPONENT_ID$3 = 'modals.drawer_modal.header';
835
835
  var StyledDrawerModalHeader = styled__default["default"](StyledHeader).attrs({
836
836
  'data-garden-id': COMPONENT_ID$3,
837
- 'data-garden-version': '8.52.0'
837
+ 'data-garden-version': '8.53.0'
838
838
  }).withConfig({
839
839
  displayName: "StyledDrawerModalHeader",
840
840
  componentId: "sc-1u04rqw-0"
@@ -852,7 +852,7 @@ StyledDrawerModalHeader.defaultProps = {
852
852
  var COMPONENT_ID$2 = 'modals.drawer_modal.body';
853
853
  var StyledDrawerModalBody = styled__default["default"](StyledBody).attrs({
854
854
  'data-garden-id': COMPONENT_ID$2,
855
- 'data-garden-version': '8.52.0'
855
+ 'data-garden-version': '8.53.0'
856
856
  }).withConfig({
857
857
  displayName: "StyledDrawerModalBody",
858
858
  componentId: "sc-yafe2y-0"
@@ -868,7 +868,7 @@ StyledDrawerModalBody.defaultProps = {
868
868
  var COMPONENT_ID$1 = 'modals.drawer_modal.footer';
869
869
  var StyledDrawerModalFooter = styled__default["default"].div.attrs({
870
870
  'data-garden-id': COMPONENT_ID$1,
871
- 'data-garden-version': '8.52.0'
871
+ 'data-garden-version': '8.53.0'
872
872
  }).withConfig({
873
873
  displayName: "StyledDrawerModalFooter",
874
874
  componentId: "sc-17if4ka-0"
@@ -886,7 +886,7 @@ StyledDrawerModalFooter.defaultProps = {
886
886
  var COMPONENT_ID = 'modals.drawer_modal.footer_item';
887
887
  var StyledDrawerModalFooterItem = styled__default["default"](StyledFooterItem).attrs({
888
888
  'data-garden-id': COMPONENT_ID,
889
- 'data-garden-version': '8.52.0'
889
+ 'data-garden-version': '8.53.0'
890
890
  }).withConfig({
891
891
  displayName: "StyledDrawerModalFooterItem",
892
892
  componentId: "sc-1vbl885-0"
@@ -937,7 +937,7 @@ var Modal = React.forwardRef(function (_ref, ref) {
937
937
  var _useState = React.useState(false),
938
938
  _useState2 = _slicedToArray(_useState, 2),
939
939
  isCloseButtonPresent = _useState2[0],
940
- setCloseButtonPresent = _useState2[1];
940
+ setIsCloseButtonPresent = _useState2[1];
941
941
  var _useModal = containerModal.useModal({
942
942
  id: id,
943
943
  onClose: onClose,
@@ -998,7 +998,7 @@ var Modal = React.forwardRef(function (_ref, ref) {
998
998
  getTitleProps: getTitleProps,
999
999
  getContentProps: getContentProps,
1000
1000
  getCloseProps: getCloseProps,
1001
- setCloseButtonPresent: setCloseButtonPresent
1001
+ setIsCloseButtonPresent: setIsCloseButtonPresent
1002
1002
  };
1003
1003
  }, [isLarge, isCloseButtonPresent, getTitleProps, getContentProps, getCloseProps]);
1004
1004
  if (!rootNode) {
@@ -1063,11 +1063,11 @@ var SvgXStroke = function SvgXStroke(props) {
1063
1063
  var Close$2 = React__default["default"].forwardRef(function (props, ref) {
1064
1064
  var _useModalContext = useModalContext(),
1065
1065
  getCloseProps = _useModalContext.getCloseProps,
1066
- setCloseButtonPresent = _useModalContext.setCloseButtonPresent;
1066
+ setIsCloseButtonPresent = _useModalContext.setIsCloseButtonPresent;
1067
1067
  React.useEffect(function () {
1068
- setCloseButtonPresent(true);
1068
+ setIsCloseButtonPresent(true);
1069
1069
  return function () {
1070
- return setCloseButtonPresent(false);
1070
+ return setIsCloseButtonPresent(false);
1071
1071
  };
1072
1072
  });
1073
1073
  var ariaLabel = reactTheming.useText(Close$2, props, 'aria-label', 'Close modal');
@@ -1309,11 +1309,11 @@ var Body = BodyComponent;
1309
1309
  var CloseComponent = React.forwardRef(function (props, ref) {
1310
1310
  var _useModalContext = useModalContext(),
1311
1311
  getCloseProps = _useModalContext.getCloseProps,
1312
- setCloseButtonPresent = _useModalContext.setCloseButtonPresent;
1312
+ setIsCloseButtonPresent = _useModalContext.setIsCloseButtonPresent;
1313
1313
  React.useEffect(function () {
1314
- setCloseButtonPresent(true);
1314
+ setIsCloseButtonPresent(true);
1315
1315
  return function () {
1316
- return setCloseButtonPresent(false);
1316
+ return setIsCloseButtonPresent(false);
1317
1317
  };
1318
1318
  });
1319
1319
  var ariaLabel = reactTheming.useText(CloseComponent, props, 'aria-label', 'Close drawer');
@@ -1359,7 +1359,7 @@ var DrawerModalComponent = React.forwardRef(function (_ref, ref) {
1359
1359
  var _useState = React.useState(false),
1360
1360
  _useState2 = _slicedToArray(_useState, 2),
1361
1361
  isCloseButtonPresent = _useState2[0],
1362
- setCloseButtonPresent = _useState2[1];
1362
+ setIsCloseButtonPresent = _useState2[1];
1363
1363
  containerFocusvisible.useFocusVisible({
1364
1364
  scope: modalRef,
1365
1365
  relativeDocument: modalRef.current
@@ -1408,7 +1408,7 @@ var DrawerModalComponent = React.forwardRef(function (_ref, ref) {
1408
1408
  getTitleProps: getTitleProps,
1409
1409
  getContentProps: getContentProps,
1410
1410
  getCloseProps: getCloseProps,
1411
- setCloseButtonPresent: setCloseButtonPresent
1411
+ setIsCloseButtonPresent: setIsCloseButtonPresent
1412
1412
  };
1413
1413
  }, [isCloseButtonPresent, getTitleProps, getContentProps, getCloseProps]);
1414
1414
  if (!rootNode) {
package/dist/index.esm.js CHANGED
@@ -271,7 +271,7 @@ var COMPONENT_ID$j = 'modals.backdrop';
271
271
  var animationName$1 = keyframes(["0%{opacity:0;}100%{opacity:1;}"]);
272
272
  var StyledBackdrop = styled.div.attrs({
273
273
  'data-garden-id': COMPONENT_ID$j,
274
- 'data-garden-version': '8.52.0'
274
+ 'data-garden-version': '8.53.0'
275
275
  }).withConfig({
276
276
  displayName: "StyledBackdrop",
277
277
  componentId: "sc-mzdjpo-0"
@@ -301,7 +301,7 @@ StyledBackdrop.propTypes = {
301
301
  var COMPONENT_ID$i = 'modals.body';
302
302
  var StyledBody = styled.div.attrs({
303
303
  'data-garden-id': COMPONENT_ID$i,
304
- 'data-garden-version': '8.52.0'
304
+ 'data-garden-version': '8.53.0'
305
305
  }).withConfig({
306
306
  displayName: "StyledBody",
307
307
  componentId: "sc-14rzecg-0"
@@ -333,7 +333,7 @@ var BASE_MULTIPLIERS$1 = {
333
333
  };
334
334
  var StyledClose = styled.button.attrs({
335
335
  'data-garden-id': COMPONENT_ID$h,
336
- 'data-garden-version': '8.52.0'
336
+ 'data-garden-version': '8.53.0'
337
337
  }).withConfig({
338
338
  displayName: "StyledClose",
339
339
  componentId: "sc-iseudj-0"
@@ -359,7 +359,7 @@ StyledClose.defaultProps = {
359
359
  var COMPONENT_ID$g = 'modals.footer';
360
360
  var StyledFooter = styled.div.attrs({
361
361
  'data-garden-id': COMPONENT_ID$g,
362
- 'data-garden-version': '8.52.0'
362
+ 'data-garden-version': '8.53.0'
363
363
  }).withConfig({
364
364
  displayName: "StyledFooter",
365
365
  componentId: "sc-d8pfdu-0"
@@ -377,7 +377,7 @@ StyledFooter.defaultProps = {
377
377
  var COMPONENT_ID$f = 'modals.footer_item';
378
378
  var StyledFooterItem = styled.span.attrs({
379
379
  'data-garden-id': COMPONENT_ID$f,
380
- 'data-garden-version': '8.52.0'
380
+ 'data-garden-version': '8.53.0'
381
381
  }).withConfig({
382
382
  displayName: "StyledFooterItem",
383
383
  componentId: "sc-1mb76hl-0"
@@ -397,7 +397,7 @@ StyledFooterItem.defaultProps = {
397
397
  var COMPONENT_ID$e = 'modals.header';
398
398
  var StyledHeader = styled.div.attrs({
399
399
  'data-garden-id': COMPONENT_ID$e,
400
- 'data-garden-version': '8.52.0'
400
+ 'data-garden-version': '8.53.0'
401
401
  }).withConfig({
402
402
  displayName: "StyledHeader",
403
403
  componentId: "sc-1787r9v-0"
@@ -484,7 +484,7 @@ var sizeStyles$1 = function sizeStyles(props) {
484
484
  };
485
485
  var StyledModal = styled.div.attrs({
486
486
  'data-garden-id': COMPONENT_ID$d,
487
- 'data-garden-version': '8.52.0'
487
+ 'data-garden-version': '8.53.0'
488
488
  }).withConfig({
489
489
  displayName: "StyledModal",
490
490
  componentId: "sc-1pe1axu-0"
@@ -524,7 +524,7 @@ StyledModal.defaultProps = {
524
524
  var COMPONENT_ID$c = 'modals.tooltip_modal.backdrop';
525
525
  var StyledTooltipModalBackdrop = styled.div.attrs({
526
526
  'data-garden-id': COMPONENT_ID$c,
527
- 'data-garden-version': '8.52.0'
527
+ 'data-garden-version': '8.53.0'
528
528
  }).withConfig({
529
529
  displayName: "StyledTooltipModalBackdrop",
530
530
  componentId: "sc-1yaomgq-0"
@@ -618,7 +618,7 @@ var COMPONENT_ID$b = 'modals.tooltip_modal';
618
618
  var StyledTooltipModal = styled.div.attrs(function (props) {
619
619
  return {
620
620
  'data-garden-id': COMPONENT_ID$b,
621
- 'data-garden-version': '8.52.0',
621
+ 'data-garden-version': '8.53.0',
622
622
  className: props.isAnimated && 'is-animated'
623
623
  };
624
624
  }).withConfig({
@@ -649,7 +649,7 @@ var sizeStyles = function sizeStyles(props) {
649
649
  };
650
650
  var StyledTooltipModalTitle = styled.div.attrs({
651
651
  'data-garden-id': COMPONENT_ID$a,
652
- 'data-garden-version': '8.52.0'
652
+ 'data-garden-version': '8.53.0'
653
653
  }).withConfig({
654
654
  displayName: "StyledTooltipModalTitle",
655
655
  componentId: "sc-11xjgjs-0"
@@ -669,7 +669,7 @@ StyledTooltipModalTitle.defaultProps = {
669
669
  var COMPONENT_ID$9 = 'modals.tooltip_modal.body';
670
670
  var StyledTooltipModalBody = styled.div.attrs({
671
671
  'data-garden-id': COMPONENT_ID$9,
672
- 'data-garden-version': '8.52.0'
672
+ 'data-garden-version': '8.53.0'
673
673
  }).withConfig({
674
674
  displayName: "StyledTooltipModalBody",
675
675
  componentId: "sc-195dkzj-0"
@@ -691,7 +691,7 @@ StyledTooltipModalBody.defaultProps = {
691
691
  var COMPONENT_ID$8 = 'modals.tooltip_modal.footer';
692
692
  var StyledTooltipModalFooter = styled.div.attrs({
693
693
  'data-garden-id': COMPONENT_ID$8,
694
- 'data-garden-version': '8.52.0'
694
+ 'data-garden-version': '8.53.0'
695
695
  }).withConfig({
696
696
  displayName: "StyledTooltipModalFooter",
697
697
  componentId: "sc-fm36a9-0"
@@ -707,7 +707,7 @@ StyledTooltipModalFooter.defaultProps = {
707
707
  var COMPONENT_ID$7 = 'modals.tooltip_modal.footer_item';
708
708
  var StyledTooltipModalFooterItem = styled(StyledFooterItem).attrs({
709
709
  'data-garden-id': COMPONENT_ID$7,
710
- 'data-garden-version': '8.52.0'
710
+ 'data-garden-version': '8.53.0'
711
711
  }).withConfig({
712
712
  displayName: "StyledTooltipModalFooterItem",
713
713
  componentId: "sc-1nahj6p-0"
@@ -721,7 +721,7 @@ StyledTooltipModalFooterItem.defaultProps = {
721
721
  var COMPONENT_ID$6 = 'modals.tooltip_modal.close';
722
722
  var StyledTooltipModalClose = styled(StyledClose).attrs({
723
723
  'data-garden-id': COMPONENT_ID$6,
724
- 'data-garden-version': '8.52.0'
724
+ 'data-garden-version': '8.53.0'
725
725
  }).withConfig({
726
726
  displayName: "StyledTooltipModalClose",
727
727
  componentId: "sc-1h2ke3q-0"
@@ -755,7 +755,7 @@ var boxShadow = function boxShadow(props) {
755
755
  };
756
756
  var StyledDrawerModal = styled.div.attrs({
757
757
  'data-garden-id': COMPONENT_ID$5,
758
- 'data-garden-version': '8.52.0'
758
+ 'data-garden-version': '8.53.0'
759
759
  }).withConfig({
760
760
  displayName: "StyledDrawerModal",
761
761
  componentId: "sc-i1sake-0"
@@ -786,7 +786,7 @@ var BASE_MULTIPLIERS = {
786
786
  };
787
787
  var StyledDrawerModalClose = styled(StyledClose).attrs({
788
788
  'data-garden-id': COMPONENT_ID$4,
789
- 'data-garden-version': '8.52.0'
789
+ 'data-garden-version': '8.53.0'
790
790
  }).withConfig({
791
791
  displayName: "StyledDrawerModalClose",
792
792
  componentId: "sc-hrnaom-0"
@@ -804,7 +804,7 @@ StyledDrawerModalClose.defaultProps = {
804
804
  var COMPONENT_ID$3 = 'modals.drawer_modal.header';
805
805
  var StyledDrawerModalHeader = styled(StyledHeader).attrs({
806
806
  'data-garden-id': COMPONENT_ID$3,
807
- 'data-garden-version': '8.52.0'
807
+ 'data-garden-version': '8.53.0'
808
808
  }).withConfig({
809
809
  displayName: "StyledDrawerModalHeader",
810
810
  componentId: "sc-1u04rqw-0"
@@ -822,7 +822,7 @@ StyledDrawerModalHeader.defaultProps = {
822
822
  var COMPONENT_ID$2 = 'modals.drawer_modal.body';
823
823
  var StyledDrawerModalBody = styled(StyledBody).attrs({
824
824
  'data-garden-id': COMPONENT_ID$2,
825
- 'data-garden-version': '8.52.0'
825
+ 'data-garden-version': '8.53.0'
826
826
  }).withConfig({
827
827
  displayName: "StyledDrawerModalBody",
828
828
  componentId: "sc-yafe2y-0"
@@ -838,7 +838,7 @@ StyledDrawerModalBody.defaultProps = {
838
838
  var COMPONENT_ID$1 = 'modals.drawer_modal.footer';
839
839
  var StyledDrawerModalFooter = styled.div.attrs({
840
840
  'data-garden-id': COMPONENT_ID$1,
841
- 'data-garden-version': '8.52.0'
841
+ 'data-garden-version': '8.53.0'
842
842
  }).withConfig({
843
843
  displayName: "StyledDrawerModalFooter",
844
844
  componentId: "sc-17if4ka-0"
@@ -856,7 +856,7 @@ StyledDrawerModalFooter.defaultProps = {
856
856
  var COMPONENT_ID = 'modals.drawer_modal.footer_item';
857
857
  var StyledDrawerModalFooterItem = styled(StyledFooterItem).attrs({
858
858
  'data-garden-id': COMPONENT_ID,
859
- 'data-garden-version': '8.52.0'
859
+ 'data-garden-version': '8.53.0'
860
860
  }).withConfig({
861
861
  displayName: "StyledDrawerModalFooterItem",
862
862
  componentId: "sc-1vbl885-0"
@@ -907,7 +907,7 @@ var Modal = forwardRef(function (_ref, ref) {
907
907
  var _useState = useState(false),
908
908
  _useState2 = _slicedToArray(_useState, 2),
909
909
  isCloseButtonPresent = _useState2[0],
910
- setCloseButtonPresent = _useState2[1];
910
+ setIsCloseButtonPresent = _useState2[1];
911
911
  var _useModal = useModal({
912
912
  id: id,
913
913
  onClose: onClose,
@@ -968,7 +968,7 @@ var Modal = forwardRef(function (_ref, ref) {
968
968
  getTitleProps: getTitleProps,
969
969
  getContentProps: getContentProps,
970
970
  getCloseProps: getCloseProps,
971
- setCloseButtonPresent: setCloseButtonPresent
971
+ setIsCloseButtonPresent: setIsCloseButtonPresent
972
972
  };
973
973
  }, [isLarge, isCloseButtonPresent, getTitleProps, getContentProps, getCloseProps]);
974
974
  if (!rootNode) {
@@ -1033,11 +1033,11 @@ var SvgXStroke = function SvgXStroke(props) {
1033
1033
  var Close$2 = React__default.forwardRef(function (props, ref) {
1034
1034
  var _useModalContext = useModalContext(),
1035
1035
  getCloseProps = _useModalContext.getCloseProps,
1036
- setCloseButtonPresent = _useModalContext.setCloseButtonPresent;
1036
+ setIsCloseButtonPresent = _useModalContext.setIsCloseButtonPresent;
1037
1037
  useEffect(function () {
1038
- setCloseButtonPresent(true);
1038
+ setIsCloseButtonPresent(true);
1039
1039
  return function () {
1040
- return setCloseButtonPresent(false);
1040
+ return setIsCloseButtonPresent(false);
1041
1041
  };
1042
1042
  });
1043
1043
  var ariaLabel = useText(Close$2, props, 'aria-label', 'Close modal');
@@ -1279,11 +1279,11 @@ var Body = BodyComponent;
1279
1279
  var CloseComponent = forwardRef(function (props, ref) {
1280
1280
  var _useModalContext = useModalContext(),
1281
1281
  getCloseProps = _useModalContext.getCloseProps,
1282
- setCloseButtonPresent = _useModalContext.setCloseButtonPresent;
1282
+ setIsCloseButtonPresent = _useModalContext.setIsCloseButtonPresent;
1283
1283
  useEffect(function () {
1284
- setCloseButtonPresent(true);
1284
+ setIsCloseButtonPresent(true);
1285
1285
  return function () {
1286
- return setCloseButtonPresent(false);
1286
+ return setIsCloseButtonPresent(false);
1287
1287
  };
1288
1288
  });
1289
1289
  var ariaLabel = useText(CloseComponent, props, 'aria-label', 'Close drawer');
@@ -1329,7 +1329,7 @@ var DrawerModalComponent = forwardRef(function (_ref, ref) {
1329
1329
  var _useState = useState(false),
1330
1330
  _useState2 = _slicedToArray(_useState, 2),
1331
1331
  isCloseButtonPresent = _useState2[0],
1332
- setCloseButtonPresent = _useState2[1];
1332
+ setIsCloseButtonPresent = _useState2[1];
1333
1333
  useFocusVisible({
1334
1334
  scope: modalRef,
1335
1335
  relativeDocument: modalRef.current
@@ -1378,7 +1378,7 @@ var DrawerModalComponent = forwardRef(function (_ref, ref) {
1378
1378
  getTitleProps: getTitleProps,
1379
1379
  getContentProps: getContentProps,
1380
1380
  getCloseProps: getCloseProps,
1381
- setCloseButtonPresent: setCloseButtonPresent
1381
+ setIsCloseButtonPresent: setIsCloseButtonPresent
1382
1382
  };
1383
1383
  }, [isCloseButtonPresent, getTitleProps, getContentProps, getCloseProps]);
1384
1384
  if (!rootNode) {
@@ -11,7 +11,7 @@ export interface IModalContext {
11
11
  getTitleProps: <T>(options?: T) => T & HTMLAttributes<HTMLDivElement>;
12
12
  getContentProps: <T>(options?: T) => T & HTMLAttributes<HTMLDivElement>;
13
13
  getCloseProps: <T>(options?: T) => T & HTMLAttributes<HTMLButtonElement>;
14
- setCloseButtonPresent: (isPresent: boolean) => void;
14
+ setIsCloseButtonPresent: (isPresent: boolean) => void;
15
15
  }
16
16
  export declare const ModalsContext: import("react").Context<IModalContext | undefined>;
17
17
  export declare const useModalContext: () => IModalContext;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zendeskgarden/react-modals",
3
- "version": "8.52.0",
3
+ "version": "8.53.0",
4
4
  "description": "Components relating to modals in the Garden Design System",
5
5
  "license": "Apache-2.0",
6
6
  "author": "Zendesk Garden <garden@zendesk.com>",
@@ -39,8 +39,8 @@
39
39
  },
40
40
  "devDependencies": {
41
41
  "@types/react-transition-group": "4.4.4",
42
- "@zendeskgarden/react-theming": "^8.52.0",
43
- "@zendeskgarden/svg-icons": "6.31.1"
42
+ "@zendeskgarden/react-theming": "^8.53.0",
43
+ "@zendeskgarden/svg-icons": "6.32.0"
44
44
  },
45
45
  "keywords": [
46
46
  "components",
@@ -52,5 +52,5 @@
52
52
  "access": "public"
53
53
  },
54
54
  "zendeskgarden:src": "src/index.ts",
55
- "gitHead": "1bc3c4a001a73769a5e33b7431e8b5f895b7caec"
55
+ "gitHead": "0fb51e654b241d34d9f933593f8525846112ae15"
56
56
  }