@procore/core-react 11.29.0 → 11.30.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 (173) hide show
  1. package/dist/Avatar/Avatar.styles.js +5 -5
  2. package/dist/AvatarStack/AvatarStack.styles.js +7 -7
  3. package/dist/Badge/Badge.styles.js +2 -2
  4. package/dist/Banner/Banner.styles.js +10 -10
  5. package/dist/Box/Box.styles.js +1 -1
  6. package/dist/Breadcrumbs/Breadcrumbs.styles.js +4 -4
  7. package/dist/Button/Button.styles.js +5 -5
  8. package/dist/Calendar/Calendar.styles.js +8 -8
  9. package/dist/Card/Card.styles.js +1 -1
  10. package/dist/Checkbox/Checkbox.styles.js +6 -6
  11. package/dist/ContactItem/ContactItem.styles.js +5 -5
  12. package/dist/Content/Content.styles.js +2 -2
  13. package/dist/DateInput/DateInput.styles.js +6 -6
  14. package/dist/DetailPage/DetailPage.styles.js +7 -7
  15. package/dist/Dropdown/Dropdown.styles.js +3 -3
  16. package/dist/DropdownFlyout/DropdownFlyout.styles.js +4 -4
  17. package/dist/Dropzone/Dropzone.js +1 -1
  18. package/dist/Dropzone/Dropzone.styles.js +9 -9
  19. package/dist/EmptyState/EmptyState.styles.js +6 -6
  20. package/dist/Field/Field.styles.js +3 -3
  21. package/dist/FileList/FileList.styles.js +4 -4
  22. package/dist/FileSelect/FileExplorer/FileExplorer.styles.js +9 -9
  23. package/dist/FileSelect/FileExplorer/FileExplorerSidebar.styles.js +3 -3
  24. package/dist/FileSelect/FileSelect.styles.js +2 -2
  25. package/dist/FileSelect/FileSelectDropzone/FileSelectDropzone.styles.js +3 -3
  26. package/dist/FileSelect/FileTokenList/FileTokenList.styles.js +2 -2
  27. package/dist/FileSelect/GridSource/GridSource.styles.js +6 -6
  28. package/dist/FileSelect/LocalSource/LocalSource.styles.js +4 -4
  29. package/dist/FileSelect/SourceItem/SourceItem.styles.js +3 -3
  30. package/dist/FileSelect/ThumbnailList/ThumbnailList.styles.js +6 -6
  31. package/dist/FileSelect/TreeSource/TreeSource.styles.js +1 -1
  32. package/dist/FileToken/FileToken.styles.js +4 -4
  33. package/dist/FilterToken/FilterToken.styles.js +2 -2
  34. package/dist/FlexList/FlexList.styles.js +1 -1
  35. package/dist/Form/Form.styles.js +16 -16
  36. package/dist/Grid/Grid.styles.js +2 -2
  37. package/dist/GroupSelect/GroupSelect.styles.js +1 -1
  38. package/dist/Input/Input.styles.js +1 -1
  39. package/dist/Link/Link.styles.js +1 -1
  40. package/dist/ListPage/ListPage.styles.js +8 -8
  41. package/dist/Loader/Loader.styles.js +2 -2
  42. package/dist/MenuImperative/MenuImperative.styles.js +10 -10
  43. package/dist/Modal/Modal.styles.js +13 -13
  44. package/dist/Modal/useInitializeModalFocus.js +1 -1
  45. package/dist/Modal/useInitializeModalFocus.js.map +1 -1
  46. package/dist/MultiSelect/MultiSelect.styles.js +6 -6
  47. package/dist/NextMenu/NextMenu.styles.js +3 -3
  48. package/dist/Notation/Notation.js +1 -1
  49. package/dist/NumberInput/NumberInput.styles.js +7 -7
  50. package/dist/Overlay/OverlayArrow.styles.js +1 -1
  51. package/dist/PageLayout/PageLayout.styles.js +13 -13
  52. package/dist/Pagination/Pagination.styles.js +5 -5
  53. package/dist/Panel/Panel.styles.js +11 -11
  54. package/dist/Pill/Pill.styles.js +2 -2
  55. package/dist/PillSelect/PillSelect.styles.js +4 -4
  56. package/dist/Popover/Popover.styles.js +2 -2
  57. package/dist/Portal/Portal.styles.js +1 -1
  58. package/dist/ProgressBar/ProgressBar.styles.js +2 -2
  59. package/dist/RadioButton/RadioButton.styles.js +3 -3
  60. package/dist/Required/Required.styles.js +3 -3
  61. package/dist/Search/Search.styles.js +5 -5
  62. package/dist/Section/Section.styles.js +6 -6
  63. package/dist/SegmentedController/SegmentedController.styles.js +4 -4
  64. package/dist/Select/Select.styles.js +7 -7
  65. package/dist/Semantic/Semantic.styles.js +9 -9
  66. package/dist/Sidebar/Sidebar.styles.js +7 -7
  67. package/dist/Slider/Slider.styles.js +5 -5
  68. package/dist/Spinner/Spinner.styles.js +7 -7
  69. package/dist/SuperSelect/SuperSelect.presets.styles.js +1 -1
  70. package/dist/SuperSelect/SuperSelect.styles.d.ts +1 -0
  71. package/dist/SuperSelect/SuperSelect.styles.js +39 -38
  72. package/dist/SuperSelect/SuperSelect.styles.js.map +1 -1
  73. package/dist/SuperSelect/SuperSelect.types.d.ts +1 -0
  74. package/dist/SuperSelect/SuperSelect.types.js.map +1 -1
  75. package/dist/SuperSelect/useSuperSelect.d.ts +1 -1
  76. package/dist/SuperSelect/useSuperSelect.js +15 -6
  77. package/dist/SuperSelect/useSuperSelect.js.map +1 -1
  78. package/dist/Switch/Switch.styles.js +4 -4
  79. package/dist/Table/Table.styles.js +28 -28
  80. package/dist/TableShelf/TableShelf.styles.js +5 -5
  81. package/dist/Tabs/Tabs.styles.js +8 -8
  82. package/dist/Tearsheet/Tearsheet.styles.js +5 -5
  83. package/dist/TextArea/TextArea.styles.js +1 -1
  84. package/dist/TextEditorOutput/TextEditorOutput.styles.js +1 -1
  85. package/dist/Thumbnail/Thumbnail.styles.js +17 -17
  86. package/dist/ThumbnailGrid/ThumbnailGrid.styles.js +7 -7
  87. package/dist/TieredSelect/TieredSelect.styles.js +9 -9
  88. package/dist/Tile/Tile.styles.js +8 -8
  89. package/dist/Title/Title.styles.js +7 -7
  90. package/dist/Toast/Toast.styles.js +3 -3
  91. package/dist/ToggleButton/ToggleButton.styles.js +1 -1
  92. package/dist/Token/Token.styles.js +3 -3
  93. package/dist/ToolHeader/ToolHeader.styles.js +6 -6
  94. package/dist/Tooltip/Tooltip.styles.js +2 -2
  95. package/dist/Tree/Tree.styles.js +9 -9
  96. package/dist/Typeahead/Typeahead.styles.js +3 -3
  97. package/dist/Typography/Typography.styles.js +1 -1
  98. package/dist/Typography/Typography.table.story.js +2 -2
  99. package/dist/_typedoc/Avatar/Avatar.types.json +20 -20
  100. package/dist/_typedoc/AvatarStack/AvatarStack.types.json +23 -23
  101. package/dist/_typedoc/Badge/Badge.types.json +6 -6
  102. package/dist/_typedoc/Banner/Banner.types.json +13 -13
  103. package/dist/_typedoc/Box/Box.types.json +68 -68
  104. package/dist/_typedoc/Breadcrumbs/Breadcrumbs.types.json +10 -10
  105. package/dist/_typedoc/Button/Button.types.json +12 -12
  106. package/dist/_typedoc/Calendar/Calendar.types.json +80 -80
  107. package/dist/_typedoc/Card/Card.types.json +6 -6
  108. package/dist/_typedoc/Checkbox/Checkbox.types.json +9 -9
  109. package/dist/_typedoc/ContactItem/ContactItem.types.json +9 -9
  110. package/dist/_typedoc/DateInput/DateInput.types.json +35 -35
  111. package/dist/_typedoc/DateSelect/DateSelect.types.json +13 -13
  112. package/dist/_typedoc/DetailPage/DetailPage.types.json +4 -4
  113. package/dist/_typedoc/Dropdown/Dropdown.types.json +37 -37
  114. package/dist/_typedoc/DropdownFlyout/DropdownFlyout.types.json +29 -29
  115. package/dist/_typedoc/Dropzone/Dropzone.types.json +41 -41
  116. package/dist/_typedoc/EmptyState/EmptyState.types.json +14 -14
  117. package/dist/_typedoc/FileList/FileList.types.json +9 -9
  118. package/dist/_typedoc/FileSelect/FileSelect.types.json +26 -26
  119. package/dist/_typedoc/FileSelect/GridSource/GridSource.types.json +20 -20
  120. package/dist/_typedoc/FileSelect/LocalSource/LocalSource.types.json +14 -14
  121. package/dist/_typedoc/FileSelect/TreeSource/TreeSource.types.json +9 -9
  122. package/dist/_typedoc/Flex/Flex.types.json +27 -27
  123. package/dist/_typedoc/FlexList/FlexList.types.json +30 -30
  124. package/dist/_typedoc/Form/Form.types.json +726 -726
  125. package/dist/_typedoc/Grid/Grid.types.json +8 -8
  126. package/dist/_typedoc/GroupSelect/GroupSelect.types.json +52 -52
  127. package/dist/_typedoc/Input/Input.types.json +2 -2
  128. package/dist/_typedoc/Link/Link.types.json +4 -4
  129. package/dist/_typedoc/ListPage/ListPage.types.json +13 -13
  130. package/dist/_typedoc/Menu/Menu.types.json +62 -62
  131. package/dist/_typedoc/MenuImperative/MenuImperative.types.json +74 -74
  132. package/dist/_typedoc/Modal/Modal.types.json +41 -41
  133. package/dist/_typedoc/MultiSelect/MultiSelect.types.json +31 -31
  134. package/dist/_typedoc/Notation/Notation.types.json +4 -4
  135. package/dist/_typedoc/NumberInput/NumberInput.types.json +38 -38
  136. package/dist/_typedoc/OverlayTrigger/OverlayTrigger.types.json +31 -31
  137. package/dist/_typedoc/PageLayout/PageLayout.types.json +22 -22
  138. package/dist/_typedoc/Pagination/Pagination.types.json +7 -7
  139. package/dist/_typedoc/Panel/Panel.types.json +27 -27
  140. package/dist/_typedoc/Pill/Pill.types.json +2 -2
  141. package/dist/_typedoc/PillSelect/PillSelect.types.json +47 -47
  142. package/dist/_typedoc/Popover/Popover.types.json +14 -14
  143. package/dist/_typedoc/ProgressBar/ProgressBar.types.json +6 -6
  144. package/dist/_typedoc/RadioButton/RadioButton.types.json +6 -6
  145. package/dist/_typedoc/Required/Required.types.json +5 -5
  146. package/dist/_typedoc/Search/Search.types.json +18 -18
  147. package/dist/_typedoc/Section/Section.types.json +14 -14
  148. package/dist/_typedoc/SegmentedController/SegmentedController.types.json +20 -20
  149. package/dist/_typedoc/Select/Select.types.json +57 -57
  150. package/dist/_typedoc/Slider/Slider.types.json +6 -6
  151. package/dist/_typedoc/Spinner/Spinner.types.json +9 -9
  152. package/dist/_typedoc/Switch/Switch.types.json +3 -3
  153. package/dist/_typedoc/Table/Table.types.json +99 -99
  154. package/dist/_typedoc/Tabs/Tabs.types.json +17 -17
  155. package/dist/_typedoc/Tearsheet/Tearsheet.types.json +16 -16
  156. package/dist/_typedoc/TextArea/TextArea.types.json +3 -3
  157. package/dist/_typedoc/TextEditor/TextEditor.types.json +9 -9
  158. package/dist/_typedoc/TextEditorOutput/TextEditorOutput.types.json +4 -4
  159. package/dist/_typedoc/Thumbnail/Thumbnail.types.json +19 -19
  160. package/dist/_typedoc/TieredDropdown/TieredDropdown.types.json +42 -42
  161. package/dist/_typedoc/TieredSelect/TieredSelect.types.json +28 -28
  162. package/dist/_typedoc/Tile/Tile.types.json +30 -30
  163. package/dist/_typedoc/Title/Title.types.json +1 -1
  164. package/dist/_typedoc/Toast/Toast.types.json +4 -4
  165. package/dist/_typedoc/ToggleButton/ToggleButton.types.json +3 -3
  166. package/dist/_typedoc/Token/Token.types.json +4 -4
  167. package/dist/_typedoc/ToolHeader/ToolHeader.types.json +10 -10
  168. package/dist/_typedoc/Tooltip/Tooltip.types.json +13 -13
  169. package/dist/_typedoc/Tree/Tree.types.json +86 -86
  170. package/dist/_typedoc/Typeahead/Typeahead.types.json +2 -2
  171. package/dist/_typedoc/Typography/Typography.types.json +8 -8
  172. package/dist/_typedoc/_utils/types.json +3 -3
  173. package/package.json +4 -4
@@ -11,15 +11,15 @@ var optionMinHeight = 32;
11
11
  // Do not merge with StyledMenu, needed for max-height working in IE
12
12
  export var StyledWrapper = /*#__PURE__*/styled.div.withConfig({
13
13
  displayName: "StyledWrapper",
14
- componentId: "core-11_29_0__sc-z984sz-0"
14
+ componentId: "core-11_30_0__sc-z984sz-0"
15
15
  })(["border-radius:inherit;display:flex;max-height:inherit;min-width:inherit;outline:none;width:inherit;"]);
16
16
  export var StyledMenu = /*#__PURE__*/styled.div.withConfig({
17
17
  displayName: "StyledMenu",
18
- componentId: "core-11_29_0__sc-z984sz-1"
18
+ componentId: "core-11_30_0__sc-z984sz-1"
19
19
  })(["border-radius:inherit;display:flex;flex-direction:column;outline:0;width:100%;"]);
20
20
  export var StyledOptions = /*#__PURE__*/styled.div.withConfig({
21
21
  displayName: "StyledOptions",
22
- componentId: "core-11_29_0__sc-z984sz-2"
22
+ componentId: "core-11_30_0__sc-z984sz-2"
23
23
  })(["flex-basis:auto;flex-grow:1;flex-shrink:1;min-height:", "px;", ";padding:", "px 0;position:relative;&:focus-visible{", " margin:-1px;}"], optionMinHeight, function (_ref) {
24
24
  var _ref$$scrollable = _ref.$scrollable,
25
25
  $scrollable = _ref$$scrollable === void 0 ? true : _ref$$scrollable;
@@ -27,26 +27,26 @@ export var StyledOptions = /*#__PURE__*/styled.div.withConfig({
27
27
  }, spacing.sm, getFocus());
28
28
  export var StyledGrip = /*#__PURE__*/styled.div.withConfig({
29
29
  displayName: "StyledGrip",
30
- componentId: "core-11_29_0__sc-z984sz-3"
30
+ componentId: "core-11_30_0__sc-z984sz-3"
31
31
  })(["padding:0 2px;height:24px;visibility:hidden;"]);
32
32
  export var StyledHeader = /*#__PURE__*/styled.div.withConfig({
33
33
  displayName: "StyledHeader",
34
- componentId: "core-11_29_0__sc-z984sz-4"
34
+ componentId: "core-11_30_0__sc-z984sz-4"
35
35
  })([""]);
36
36
  export var StyledSearch = /*#__PURE__*/styled.div.withConfig({
37
37
  displayName: "StyledSearch",
38
- componentId: "core-11_29_0__sc-z984sz-5"
38
+ componentId: "core-11_30_0__sc-z984sz-5"
39
39
  })(["padding:", "px ", "px ", "px;", " > *{pointer-events:none;}"], spacing.lg, spacing.lg, spacing.sm, StyledButton);
40
40
  export var StyledGroup = /*#__PURE__*/styled.div.withConfig({
41
41
  displayName: "StyledGroup",
42
- componentId: "core-11_29_0__sc-z984sz-6"
42
+ componentId: "core-11_30_0__sc-z984sz-6"
43
43
  })(["", " color:", ";cursor:", ";font-weight:", ";padding:", "px ", "px;&:not(:first-child){padding-top:", "px;}"], getTypographyIntent('body'), colors.gray15, function (_ref2) {
44
44
  var $clickable = _ref2.$clickable;
45
45
  return $clickable ? 'pointer' : 'default';
46
46
  }, typographyWeights.semibold, spacing.xs, spacing.lg, spacing.md + spacing.xs);
47
47
  export var StyledItem = /*#__PURE__*/styled.div.withConfig({
48
48
  displayName: "StyledItem",
49
- componentId: "core-11_29_0__sc-z984sz-7"
49
+ componentId: "core-11_30_0__sc-z984sz-7"
50
50
  })(["", ";", " cursor:pointer;list-style-type:none;padding:", "px ", "px;a{color:", ";display:block;margin:-", "px -", "px;padding:", "px ", "px;text-decoration:none;&:hover{color:", ";text-decoration:none;}}&[data-highlighted='true']{background-color:", ";}", " &:hover,&:active{", "{visibility:visible;}}", "{color:inherit;cursor:pointer;}", " ", " ", ""], getTypographyIntent('body'), function (_ref3) {
51
51
  var as = _ref3.as;
52
52
  return as === 'a' && css(["display:block;text-decoration:none;"]);
@@ -75,10 +75,10 @@ export var StyledItem = /*#__PURE__*/styled.div.withConfig({
75
75
  });
76
76
  export var StyledDroppable = /*#__PURE__*/styled.div.withConfig({
77
77
  displayName: "StyledDroppable",
78
- componentId: "core-11_29_0__sc-z984sz-8"
78
+ componentId: "core-11_30_0__sc-z984sz-8"
79
79
  })(["", ",", "{padding-left:28px;}"], StyledGroup, StyledItem);
80
80
  export var StyledFooter = /*#__PURE__*/styled(Box).withConfig({
81
81
  displayName: "StyledFooter",
82
- componentId: "core-11_29_0__sc-z984sz-9"
82
+ componentId: "core-11_30_0__sc-z984sz-9"
83
83
  })(["border-top:1px solid ", ";border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;"], colors.gray85);
84
84
  //# sourceMappingURL=MenuImperative.styles.js.map
@@ -18,15 +18,15 @@ export var modalPixelWidths = {
18
18
  };
19
19
  export var StyledModal = /*#__PURE__*/styled.div.withConfig({
20
20
  displayName: "StyledModal",
21
- componentId: "core-11_29_0__sc-1ijdug2-0"
21
+ componentId: "core-11_30_0__sc-1ijdug2-0"
22
22
  })(["display:flex;height:100vh;position:absolute;opacity:0;transition:0.3s opacity ease;width:100vw;z-index:0;&.", "{opacity:1;}&.", "{opacity:0;}"], fadeInClassName, fadeOutClassName);
23
23
  export var StyledModalButtons = /*#__PURE__*/styled.div.withConfig({
24
24
  displayName: "StyledModalButtons",
25
- componentId: "core-11_29_0__sc-1ijdug2-1"
25
+ componentId: "core-11_30_0__sc-1ijdug2-1"
26
26
  })(["display:flex;flex:0 0 auto;margin-left:", "px;> * + *{margin-left:", "px;}"], spacing.lg, spacing.sm);
27
27
  export var StyledModalContainer = /*#__PURE__*/styled(Card).withConfig({
28
28
  displayName: "StyledModalContainer",
29
- componentId: "core-11_29_0__sc-1ijdug2-2"
29
+ componentId: "core-11_30_0__sc-1ijdug2-2"
30
30
  })(["display:flex;flex-direction:row;position:absolute;z-index:2;", " ", ""], function (_ref) {
31
31
  var $placement = _ref.$placement;
32
32
  if ($placement === 'top') {
@@ -44,11 +44,11 @@ export var StyledModalContainer = /*#__PURE__*/styled(Card).withConfig({
44
44
  });
45
45
  export var StyledModalFooter = /*#__PURE__*/styled.div.withConfig({
46
46
  displayName: "StyledModalFooter",
47
- componentId: "core-11_29_0__sc-1ijdug2-3"
47
+ componentId: "core-11_30_0__sc-1ijdug2-3"
48
48
  })(["align-items:center;display:flex;flex:0 0 auto;flex-wrap:wrap;justify-content:flex-end;padding:", "px ", "px ", "px;"], spacing.xl, spacing.xxl, spacing.xxl);
49
49
  export var StyledModalBody = /*#__PURE__*/styled.div.withConfig({
50
50
  displayName: "StyledModalBody",
51
- componentId: "core-11_29_0__sc-1ijdug2-4"
51
+ componentId: "core-11_30_0__sc-1ijdug2-4"
52
52
  })(["", " box-sizing:border-box;color:", ";display:flex;flex-direction:column;max-width:", ";overflow:auto;", " > ", "{padding-left:0;padding-right:0;&:first-child > ", "{padding-top:0;}}", ""], getTypographyIntent('body'), colors.gray15, modalMaxWidth, function (_ref3) {
53
53
  var noSideSpacing = _ref3.noSideSpacing;
54
54
  return css(["padding:", "px ", "px;"], spacing.xl, noSideSpacing ? 0 : spacing.xxl);
@@ -58,37 +58,37 @@ export var StyledModalBody = /*#__PURE__*/styled.div.withConfig({
58
58
  });
59
59
  export var StyledModalContent = /*#__PURE__*/styled.div.withConfig({
60
60
  displayName: "StyledModalContent",
61
- componentId: "core-11_29_0__sc-1ijdug2-5"
61
+ componentId: "core-11_30_0__sc-1ijdug2-5"
62
62
  })(["display:flex;flex-direction:column;max-height:90vh;overflow:hidden;width:100%;"]);
63
63
  export var StyledModalFooterNotation = /*#__PURE__*/styled(Typography).withConfig({
64
64
  displayName: "StyledModalFooterNotation",
65
- componentId: "core-11_29_0__sc-1ijdug2-6"
65
+ componentId: "core-11_30_0__sc-1ijdug2-6"
66
66
  })(["flex-grow:1;"]);
67
67
  export var StyledModalHeader = /*#__PURE__*/styled.div.withConfig({
68
68
  displayName: "StyledModalHeader",
69
- componentId: "core-11_29_0__sc-1ijdug2-7"
69
+ componentId: "core-11_30_0__sc-1ijdug2-7"
70
70
  })(["align-items:flex-start;color:", ";display:flex;flex:0 0 auto;padding:", "px ", "px;position:relative;", ""], colors.gray10, spacing.xl, spacing.xxl, function (_ref5) {
71
71
  var $isBodyScrolled = _ref5.$isBodyScrolled;
72
72
  return css(["border-bottom:1px solid ", ";"], $isBodyScrolled ? colors.gray85 : 'transparent');
73
73
  });
74
74
  export var StyledModalHeading = /*#__PURE__*/styled.div.withConfig({
75
75
  displayName: "StyledModalHeading",
76
- componentId: "core-11_29_0__sc-1ijdug2-8"
76
+ componentId: "core-11_30_0__sc-1ijdug2-8"
77
77
  })(["", " align-items:center;display:flex;flex:1 1 auto;min-height:36px;padding-right:", "px;"], getTypographyIntent('h2'), spacing.lg);
78
78
  export var StyledModalCancel = /*#__PURE__*/styled.div.withConfig({
79
79
  displayName: "StyledModalCancel",
80
- componentId: "core-11_29_0__sc-1ijdug2-9"
80
+ componentId: "core-11_30_0__sc-1ijdug2-9"
81
81
  })(["flex:0 0 auto;"]);
82
82
  export var StyledModalScrim = /*#__PURE__*/styled.div.withConfig({
83
83
  displayName: "StyledModalScrim",
84
- componentId: "core-11_29_0__sc-1ijdug2-10"
84
+ componentId: "core-11_30_0__sc-1ijdug2-10"
85
85
  })(["background:hsla(200,8%,10%,0.6);height:100vh;left:0;position:absolute;top:0;width:100vw;z-index:1;"]);
86
86
  export var StyledModalWarningIcon = /*#__PURE__*/styled(Warning).withConfig({
87
87
  displayName: "StyledModalWarningIcon",
88
- componentId: "core-11_29_0__sc-1ijdug2-11"
88
+ componentId: "core-11_30_0__sc-1ijdug2-11"
89
89
  })(["color:", ";margin-right:", "px;"], colors.yellow40, spacing.sm);
90
90
  export var StyledModalFooterSummary = /*#__PURE__*/styled.div.withConfig({
91
91
  displayName: "StyledModalFooterSummary",
92
- componentId: "core-11_29_0__sc-1ijdug2-12"
92
+ componentId: "core-11_30_0__sc-1ijdug2-12"
93
93
  })(["", " border-top:1px solid ", ";border-bottom:1px solid ", ";padding:", "px ", "px;color:", ";font-style:italic;background-color:", ";margin:-", "px -", "px ", "px -", "px;flex:1 1 100%;"], getTypographyIntent('small'), colors.gray85, colors.gray85, spacing.md, spacing.xxl, colors.gray15, colors.gray98, spacing.xl, spacing.xxl, spacing.xl, spacing.xxl);
94
94
  //# sourceMappingURL=Modal.styles.js.map
@@ -24,7 +24,7 @@ export function useInitializeModalFocus(_ref) {
24
24
  }
25
25
  // if there is a footer section the focus on the left most interactive element
26
26
  } else if ((_childrenRegistryStat6 = childrenRegistryStatus.closeableButtons) !== null && _childrenRegistryStat6 !== void 0 && _childrenRegistryStat6.current) {
27
- focusManager.focusNext({
27
+ focusManager === null || focusManager === void 0 ? void 0 : focusManager.focusNext({
28
28
  from: closeButtonElement !== null && closeButtonElement !== void 0 ? closeButtonElement : undefined
29
29
  });
30
30
  }
@@ -1 +1 @@
1
- {"version":3,"file":"useInitializeModalFocus.js","names":["useFocusManager","useEffect","useModalChildRegistryContext","useInitializeModalFocus","_ref","modalContainerRef","hasOnClose","focusManager","childrenRegistryStatus","_modalContainerRef$cu","_childrenRegistryStat","_childrenRegistryStat2","_childrenRegistryStat3","_childrenRegistryStat6","closeButtonElement","current","querySelector","anyFocusedItem","body","_childrenRegistryStat4","_childrenRegistryStat5","focus","closeableButtons","focusNext","from","undefined"],"sources":["../../src/Modal/useInitializeModalFocus.ts"],"sourcesContent":["import { useFocusManager } from '@react-aria/focus'\nimport { useEffect } from 'react'\nimport { useModalChildRegistryContext } from './ChildRegistry.context'\n\ninterface InitializeModalFocusProps {\n modalContainerRef: React.RefObject<HTMLDivElement>\n hasOnClose: boolean\n}\n\nexport function useInitializeModalFocus({\n modalContainerRef,\n hasOnClose,\n}: InitializeModalFocusProps) {\n const focusManager = useFocusManager()\n const childrenRegistryStatus = useModalChildRegistryContext()\n\n useEffect(() => {\n // the same reason that Modal has a FocusScope with autoFocus={!!onClose}\n if (!hasOnClose) return\n const closeButtonElement = modalContainerRef?.current?.querySelector(\n '[data-internal=\"close-button\"]'\n )\n const anyFocusedItem =\n childrenRegistryStatus.body?.current?.querySelector(':focus')\n\n if (closeButtonElement == null) {\n // if no focus header button is represented then no need to change focus on next elements\n return\n }\n if (childrenRegistryStatus.body?.current) {\n // if nothing has been focused within body then focus in the scrollable body\n if (anyFocusedItem == null) {\n childrenRegistryStatus.body?.current?.focus()\n }\n // if there is a footer section the focus on the left most interactive element\n } else if (childrenRegistryStatus.closeableButtons?.current) {\n focusManager.focusNext({\n from: closeButtonElement ?? undefined,\n })\n }\n\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [childrenRegistryStatus])\n}\n"],"mappings":"AAAA,SAASA,eAAe,QAAQ,mBAAmB;AACnD,SAASC,SAAS,QAAQ,OAAO;AACjC,SAASC,4BAA4B,QAAQ,yBAAyB;AAOtE,OAAO,SAASC,uBAAuBA,CAAAC,IAAA,EAGT;EAAA,IAF5BC,iBAAiB,GAAAD,IAAA,CAAjBC,iBAAiB;IACjBC,UAAU,GAAAF,IAAA,CAAVE,UAAU;EAEV,IAAMC,YAAY,GAAGP,eAAe,CAAC,CAAC;EACtC,IAAMQ,sBAAsB,GAAGN,4BAA4B,CAAC,CAAC;EAE7DD,SAAS,CAAC,YAAM;IAAA,IAAAQ,qBAAA,EAAAC,qBAAA,EAAAC,sBAAA,EAAAC,sBAAA,EAAAC,sBAAA;IACd;IACA,IAAI,CAACP,UAAU,EAAE;IACjB,IAAMQ,kBAAkB,GAAGT,iBAAiB,aAAjBA,iBAAiB,wBAAAI,qBAAA,GAAjBJ,iBAAiB,CAAEU,OAAO,cAAAN,qBAAA,uBAA1BA,qBAAA,CAA4BO,aAAa,CAClE,gCACF,CAAC;IACD,IAAMC,cAAc,IAAAP,qBAAA,GAClBF,sBAAsB,CAACU,IAAI,cAAAR,qBAAA,wBAAAC,sBAAA,GAA3BD,qBAAA,CAA6BK,OAAO,cAAAJ,sBAAA,uBAApCA,sBAAA,CAAsCK,aAAa,CAAC,QAAQ,CAAC;IAE/D,IAAIF,kBAAkB,IAAI,IAAI,EAAE;MAC9B;MACA;IACF;IACA,KAAAF,sBAAA,GAAIJ,sBAAsB,CAACU,IAAI,cAAAN,sBAAA,eAA3BA,sBAAA,CAA6BG,OAAO,EAAE;MACxC;MACA,IAAIE,cAAc,IAAI,IAAI,EAAE;QAAA,IAAAE,sBAAA,EAAAC,sBAAA;QAC1B,CAAAD,sBAAA,GAAAX,sBAAsB,CAACU,IAAI,cAAAC,sBAAA,wBAAAC,sBAAA,GAA3BD,sBAAA,CAA6BJ,OAAO,cAAAK,sBAAA,uBAApCA,sBAAA,CAAsCC,KAAK,CAAC,CAAC;MAC/C;MACA;IACF,CAAC,MAAM,KAAAR,sBAAA,GAAIL,sBAAsB,CAACc,gBAAgB,cAAAT,sBAAA,eAAvCA,sBAAA,CAAyCE,OAAO,EAAE;MAC3DR,YAAY,CAACgB,SAAS,CAAC;QACrBC,IAAI,EAAEV,kBAAkB,aAAlBA,kBAAkB,cAAlBA,kBAAkB,GAAIW;MAC9B,CAAC,CAAC;IACJ;;IAEA;EACF,CAAC,EAAE,CAACjB,sBAAsB,CAAC,CAAC;AAC9B"}
1
+ {"version":3,"file":"useInitializeModalFocus.js","names":["useFocusManager","useEffect","useModalChildRegistryContext","useInitializeModalFocus","_ref","modalContainerRef","hasOnClose","focusManager","childrenRegistryStatus","_modalContainerRef$cu","_childrenRegistryStat","_childrenRegistryStat2","_childrenRegistryStat3","_childrenRegistryStat6","closeButtonElement","current","querySelector","anyFocusedItem","body","_childrenRegistryStat4","_childrenRegistryStat5","focus","closeableButtons","focusNext","from","undefined"],"sources":["../../src/Modal/useInitializeModalFocus.ts"],"sourcesContent":["import { useFocusManager } from '@react-aria/focus'\nimport { useEffect } from 'react'\nimport { useModalChildRegistryContext } from './ChildRegistry.context'\n\ninterface InitializeModalFocusProps {\n modalContainerRef: React.RefObject<HTMLDivElement>\n hasOnClose: boolean\n}\n\nexport function useInitializeModalFocus({\n modalContainerRef,\n hasOnClose,\n}: InitializeModalFocusProps) {\n const focusManager = useFocusManager()\n const childrenRegistryStatus = useModalChildRegistryContext()\n\n useEffect(() => {\n // the same reason that Modal has a FocusScope with autoFocus={!!onClose}\n if (!hasOnClose) return\n const closeButtonElement = modalContainerRef?.current?.querySelector(\n '[data-internal=\"close-button\"]'\n )\n const anyFocusedItem =\n childrenRegistryStatus.body?.current?.querySelector(':focus')\n\n if (closeButtonElement == null) {\n // if no focus header button is represented then no need to change focus on next elements\n return\n }\n if (childrenRegistryStatus.body?.current) {\n // if nothing has been focused within body then focus in the scrollable body\n if (anyFocusedItem == null) {\n childrenRegistryStatus.body?.current?.focus()\n }\n // if there is a footer section the focus on the left most interactive element\n } else if (childrenRegistryStatus.closeableButtons?.current) {\n focusManager?.focusNext({\n from: closeButtonElement ?? undefined,\n })\n }\n\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [childrenRegistryStatus])\n}\n"],"mappings":"AAAA,SAASA,eAAe,QAAQ,mBAAmB;AACnD,SAASC,SAAS,QAAQ,OAAO;AACjC,SAASC,4BAA4B,QAAQ,yBAAyB;AAOtE,OAAO,SAASC,uBAAuBA,CAAAC,IAAA,EAGT;EAAA,IAF5BC,iBAAiB,GAAAD,IAAA,CAAjBC,iBAAiB;IACjBC,UAAU,GAAAF,IAAA,CAAVE,UAAU;EAEV,IAAMC,YAAY,GAAGP,eAAe,CAAC,CAAC;EACtC,IAAMQ,sBAAsB,GAAGN,4BAA4B,CAAC,CAAC;EAE7DD,SAAS,CAAC,YAAM;IAAA,IAAAQ,qBAAA,EAAAC,qBAAA,EAAAC,sBAAA,EAAAC,sBAAA,EAAAC,sBAAA;IACd;IACA,IAAI,CAACP,UAAU,EAAE;IACjB,IAAMQ,kBAAkB,GAAGT,iBAAiB,aAAjBA,iBAAiB,wBAAAI,qBAAA,GAAjBJ,iBAAiB,CAAEU,OAAO,cAAAN,qBAAA,uBAA1BA,qBAAA,CAA4BO,aAAa,CAClE,gCACF,CAAC;IACD,IAAMC,cAAc,IAAAP,qBAAA,GAClBF,sBAAsB,CAACU,IAAI,cAAAR,qBAAA,wBAAAC,sBAAA,GAA3BD,qBAAA,CAA6BK,OAAO,cAAAJ,sBAAA,uBAApCA,sBAAA,CAAsCK,aAAa,CAAC,QAAQ,CAAC;IAE/D,IAAIF,kBAAkB,IAAI,IAAI,EAAE;MAC9B;MACA;IACF;IACA,KAAAF,sBAAA,GAAIJ,sBAAsB,CAACU,IAAI,cAAAN,sBAAA,eAA3BA,sBAAA,CAA6BG,OAAO,EAAE;MACxC;MACA,IAAIE,cAAc,IAAI,IAAI,EAAE;QAAA,IAAAE,sBAAA,EAAAC,sBAAA;QAC1B,CAAAD,sBAAA,GAAAX,sBAAsB,CAACU,IAAI,cAAAC,sBAAA,wBAAAC,sBAAA,GAA3BD,sBAAA,CAA6BJ,OAAO,cAAAK,sBAAA,uBAApCA,sBAAA,CAAsCC,KAAK,CAAC,CAAC;MAC/C;MACA;IACF,CAAC,MAAM,KAAAR,sBAAA,GAAIL,sBAAsB,CAACc,gBAAgB,cAAAT,sBAAA,eAAvCA,sBAAA,CAAyCE,OAAO,EAAE;MAC3DR,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAEgB,SAAS,CAAC;QACtBC,IAAI,EAAEV,kBAAkB,aAAlBA,kBAAkB,cAAlBA,kBAAkB,GAAIW;MAC9B,CAAC,CAAC;IACJ;;IAEA;EACF,CAAC,EAAE,CAACjB,sBAAsB,CAAC,CAAC;AAC9B"}
@@ -6,26 +6,26 @@ import { getFocus } from '../_styles/mixins';
6
6
  import { spacing } from '../_styles/spacing';
7
7
  export var StyledMultiSelectValues = /*#__PURE__*/styled.div.withConfig({
8
8
  displayName: "StyledMultiSelectValues",
9
- componentId: "core-11_29_0__sc-s9ym9q-0"
9
+ componentId: "core-11_30_0__sc-s9ym9q-0"
10
10
  })(["display:flex;flex-wrap:wrap;margin-bottom:2px;margin-left:", "px;margin-right:", "px;margin-top:2px;min-width:0;width:100%;"], spacing.md, spacing.xs);
11
11
  export var StyledMultiSelectToken = /*#__PURE__*/styled.div.withConfig({
12
12
  displayName: "StyledMultiSelectToken",
13
- componentId: "core-11_29_0__sc-s9ym9q-1"
13
+ componentId: "core-11_30_0__sc-s9ym9q-1"
14
14
  })(["margin-bottom:2px;margin-right:", "px;margin-top:2px;flex:0 1 auto;> div{max-width:178px;width:100%;}"], spacing.xs);
15
15
  export var StyledMultiSelectSearchInput = /*#__PURE__*/styled.input.withConfig({
16
16
  displayName: "StyledMultiSelectSearchInput",
17
- componentId: "core-11_29_0__sc-s9ym9q-2"
17
+ componentId: "core-11_30_0__sc-s9ym9q-2"
18
18
  })(["background-color:transparent;border-width:0;font-family:inherit;padding:0;height:24px;width:100%;", " ", " &::-ms-clear{display:none;}&:focus{box-shadow:none;outline:none;}&::placeholder{color:", ";}"], getTypographyIntent('body'), function (_ref) {
19
19
  var $isNavigatingTokens = _ref.$isNavigatingTokens;
20
20
  return $isNavigatingTokens && css(["color:transparent;"]);
21
21
  }, colors.gray45);
22
22
  export var StyledMultiSelectSearch = /*#__PURE__*/styled.div.withConfig({
23
23
  displayName: "StyledMultiSelectSearch",
24
- componentId: "core-11_29_0__sc-s9ym9q-3"
24
+ componentId: "core-11_30_0__sc-s9ym9q-3"
25
25
  })(["margin-bottom:2px;margin-right:", "px;margin-top:2px;flex:1;max-width:100%;min-width:24px;"], spacing.xs);
26
26
  export var StyledMultiSelectSearchIcon = /*#__PURE__*/styled.div.withConfig({
27
27
  displayName: "StyledMultiSelectSearchIcon",
28
- componentId: "core-11_29_0__sc-s9ym9q-4"
28
+ componentId: "core-11_30_0__sc-s9ym9q-4"
29
29
  })(["align-items:center;align-self:flex-start;display:flex;height:34px;justify-content:flex-end;margin-left:", "px;margin-right:", "px;min-width:40px;width:40px;"], spacing.xs, spacing.md);
30
30
  export var StyledMultiSelectClearIcon = StyledSelectClearIcon;
31
31
  export var StyledMultiSelectArrowContainer = StyledSelectArrowContainer;
@@ -33,7 +33,7 @@ export var StyledMultiSelectArrow = StyledSelectArrow;
33
33
  export var StyledMultiSelectMenu = StyledSelectMenu;
34
34
  export var StyledMultiSelectButton = /*#__PURE__*/styled(StyledSelectButton).withConfig({
35
35
  displayName: "StyledMultiSelectButton",
36
- componentId: "core-11_29_0__sc-s9ym9q-5"
36
+ componentId: "core-11_30_0__sc-s9ym9q-5"
37
37
  })(["height:auto;padding:0;white-space:normal;&:focus-within{", "}", ""], getFocus(), function (_ref2) {
38
38
  var $emptyValue = _ref2.$emptyValue;
39
39
  return $emptyValue && css(["", "{cursor:pointer;}"], StyledMultiSelectSearchInput);
@@ -6,14 +6,14 @@ export var optionMinHeight = 32;
6
6
  export var defaultMenuHeight = 64;
7
7
  export var StyledOptions = /*#__PURE__*/styled.div.withConfig({
8
8
  displayName: "StyledOptions",
9
- componentId: "core-11_29_0__sc-3o6zya-0"
9
+ componentId: "core-11_30_0__sc-3o6zya-0"
10
10
  })([""]);
11
11
  export var StyledItem = /*#__PURE__*/styled.div.withConfig({
12
12
  displayName: "StyledItem",
13
- componentId: "core-11_29_0__sc-3o6zya-1"
13
+ componentId: "core-11_30_0__sc-3o6zya-1"
14
14
  })(["", ";padding:", "px ", "px;cursor:pointer;list-style-type:none;"], getTypographyIntent('body'), spacing.xs, spacing.md);
15
15
  export var StyledGroup = /*#__PURE__*/styled.div.withConfig({
16
16
  displayName: "StyledGroup",
17
- componentId: "core-11_29_0__sc-3o6zya-2"
17
+ componentId: "core-11_30_0__sc-3o6zya-2"
18
18
  })(["", ";padding:", "px ", "px ", "px;font-weight:", ";background:white;list-style-type:none;"], getTypographyIntent('body'), spacing.md, spacing.md, spacing.xs, typographyWeights.semibold);
19
19
  //# sourceMappingURL=NextMenu.styles.js.map
@@ -14,7 +14,7 @@ var variantColorMap = {
14
14
  };
15
15
  var StyledNotation = /*#__PURE__*/styled.i.withConfig({
16
16
  displayName: "StyledNotation",
17
- componentId: "core-11_29_0__sc-160q1m6-0"
17
+ componentId: "core-11_30_0__sc-160q1m6-0"
18
18
  })(["", " color:", ";font-style:italic;"], getTypographyIntent('small'), function (_ref) {
19
19
  var variant = _ref.variant;
20
20
  return variant ? colors[variantColorMap[variant]] : colors.gray15;
@@ -12,37 +12,37 @@ var inputBgColor = colors.white;
12
12
  var inputBorder = "".concat(colors.gray70, " solid 1px");
13
13
  var StyledRootAddon = /*#__PURE__*/styled.span.withConfig({
14
14
  displayName: "StyledRootAddon",
15
- componentId: "core-11_29_0__sc-1782nvg-0"
15
+ componentId: "core-11_30_0__sc-1782nvg-0"
16
16
  })(["display:inline-flex;align-items:center;height:100%;position:absolute;top:0;color:", ";", ";"], function (_ref) {
17
17
  var disabled = _ref.disabled;
18
18
  return disabled ? colors.gray70 : colors.gray45;
19
19
  }, getTypographyIntent('body'));
20
20
  export var StyledPrefix = /*#__PURE__*/styled(StyledRootAddon).withConfig({
21
21
  displayName: "StyledPrefix",
22
- componentId: "core-11_29_0__sc-1782nvg-1"
22
+ componentId: "core-11_30_0__sc-1782nvg-1"
23
23
  })(["left:", "px;"], spacing.md);
24
24
  export var StyledSuffix = /*#__PURE__*/styled(StyledRootAddon).withConfig({
25
25
  displayName: "StyledSuffix",
26
- componentId: "core-11_29_0__sc-1782nvg-2"
26
+ componentId: "core-11_30_0__sc-1782nvg-2"
27
27
  })(["right:", "px;"], function (_ref2) {
28
28
  var withIncrementer = _ref2.withIncrementer;
29
29
  return withIncrementer ? spacing.md + incrementerWidth : spacing.md;
30
30
  });
31
31
  export var StyledIncrementerWrapper = /*#__PURE__*/styled.div.withConfig({
32
32
  displayName: "StyledIncrementerWrapper",
33
- componentId: "core-11_29_0__sc-1782nvg-3"
33
+ componentId: "core-11_30_0__sc-1782nvg-3"
34
34
  })(["display:flex;flex-direction:column;position:absolute;top:1px;right:1px;height:100%;"]);
35
35
  export var StyledIncrementerButton = /*#__PURE__*/styled.button.withConfig({
36
36
  displayName: "StyledIncrementerButton",
37
- componentId: "core-11_29_0__sc-1782nvg-4"
37
+ componentId: "core-11_30_0__sc-1782nvg-4"
38
38
  })(["display:inline-flex;justify-content:center;align-items:center;width:", "px;height:calc(50% - 1px);border:none;border-radius:0px;outline:none;background-color:", ";padding:0;cursor:pointer;&:first-child,&:last-child{border-left:", ";&:disabled{border-color:", ";background-color:", ";}}&:first-child{border-top-right-radius:2px;}&:last-child{border-top:", ";border-bottom-right-radius:2px;}svg{fill:", ";}&:hover{svg{fill:", ";}}&:disabled{cursor:default;svg{fill:", ";}}"], incrementerWidth, inputBgColor, inputBorder, colors.gray70, colors.gray94, inputBorder, colors.gray45, colors.gray10, colors.gray70);
39
39
  export var StyledInput = /*#__PURE__*/styled(Input).withConfig({
40
40
  displayName: "StyledInput",
41
- componentId: "core-11_29_0__sc-1782nvg-5"
41
+ componentId: "core-11_30_0__sc-1782nvg-5"
42
42
  })([""]);
43
43
  export var StyledWrapper = /*#__PURE__*/styled.div.withConfig({
44
44
  displayName: "StyledWrapper",
45
- componentId: "core-11_29_0__sc-1782nvg-6"
45
+ componentId: "core-11_30_0__sc-1782nvg-6"
46
46
  })(["position:relative;", ""], function (_ref3) {
47
47
  var hasIncrementer = _ref3.hasIncrementer;
48
48
  return hasIncrementer && css(["", "{padding-right:", "px;}"], StyledInput, spacing.md + incrementerWidth);
@@ -2,6 +2,6 @@ import styled from 'styled-components';
2
2
  export var arrowSize = 8;
3
3
  export var StyledArrow = /*#__PURE__*/styled.div.withConfig({
4
4
  displayName: "StyledArrow",
5
- componentId: "core-11_29_0__sc-1epxw7u-0"
5
+ componentId: "core-11_30_0__sc-1epxw7u-0"
6
6
  })(["position:absolute;background:inherit;width:", "px;height:", "px;transform:rotate(45deg);"], arrowSize, arrowSize);
7
7
  //# sourceMappingURL=OverlayArrow.styles.js.map
@@ -16,34 +16,34 @@ var headerCSS = /*#__PURE__*/css(["padding-top:", "px;margin-left:", "px;margin-
16
16
  });
17
17
  export var StyledPageHeader = /*#__PURE__*/styled.div.withConfig({
18
18
  displayName: "StyledPageHeader",
19
- componentId: "core-11_29_0__sc-1cvdbsv-0"
19
+ componentId: "core-11_30_0__sc-1cvdbsv-0"
20
20
  })(["", ""], headerCSS);
21
21
  export var StyledPageTitle = /*#__PURE__*/styled.div.withConfig({
22
22
  displayName: "StyledPageTitle",
23
- componentId: "core-11_29_0__sc-1cvdbsv-1"
23
+ componentId: "core-11_30_0__sc-1cvdbsv-1"
24
24
  })(["margin-top:", "px;&:last-child{padding-bottom:", "px;}&:first-child{margin-top:0;}"], spacing.lg, spacing.lg);
25
25
  export var StyledPageBreadcrumbs = /*#__PURE__*/styled(Breadcrumbs).withConfig({
26
26
  displayName: "StyledPageBreadcrumbs",
27
- componentId: "core-11_29_0__sc-1cvdbsv-2"
27
+ componentId: "core-11_30_0__sc-1cvdbsv-2"
28
28
  })(["margin-top:", "px;&:first-child{margin-top:0;}"], spacing.lg);
29
29
  export var StyledPageBanner = /*#__PURE__*/styled.div.withConfig({
30
30
  displayName: "StyledPageBanner",
31
- componentId: "core-11_29_0__sc-1cvdbsv-3"
31
+ componentId: "core-11_30_0__sc-1cvdbsv-3"
32
32
  })(["margin-top:", "px;&:first-child{margin-top:0;}"], spacing.lg);
33
33
  export var getActions = function getActions() {
34
34
  return css(["flex-shrink:0;padding-left:", "px;> button,> a{&:first-child{margin-left:0;}margin-left:", "px;}"], spacing.xl, spacing.sm);
35
35
  };
36
36
  export var StyledPageActions = /*#__PURE__*/styled.div.withConfig({
37
37
  displayName: "StyledPageActions",
38
- componentId: "core-11_29_0__sc-1cvdbsv-4"
38
+ componentId: "core-11_30_0__sc-1cvdbsv-4"
39
39
  })(["", ""], getActions());
40
40
  export var StyledPageTabs = /*#__PURE__*/styled.div.withConfig({
41
41
  displayName: "StyledPageTabs",
42
- componentId: "core-11_29_0__sc-1cvdbsv-5"
42
+ componentId: "core-11_30_0__sc-1cvdbsv-5"
43
43
  })(["margin-top:", "px;"], spacing.sm);
44
44
  export var StyledBody = /*#__PURE__*/styled.div.withConfig({
45
45
  displayName: "StyledBody",
46
- componentId: "core-11_29_0__sc-1cvdbsv-6"
46
+ componentId: "core-11_30_0__sc-1cvdbsv-6"
47
47
  })(["padding-top:", "px;"], spacing.xl);
48
48
  var panelWidth = 400;
49
49
  var zIndexes = {
@@ -56,7 +56,7 @@ export var animationDuration = {
56
56
  };
57
57
  export var StyledFooter = /*#__PURE__*/styled.div.withConfig({
58
58
  displayName: "StyledFooter",
59
- componentId: "core-11_29_0__sc-1cvdbsv-7"
59
+ componentId: "core-11_30_0__sc-1cvdbsv-7"
60
60
  })(["background-color:", ";margin:0 ", "px;", " position:sticky;bottom:0;z-index:", ";", ""], colors.white, outerPageSpacing * -1, function (_ref2) {
61
61
  var $hasShadow = _ref2.$hasShadow;
62
62
  return $hasShadow && getShadow(2, 'top');
@@ -66,7 +66,7 @@ export var StyledFooter = /*#__PURE__*/styled.div.withConfig({
66
66
  });
67
67
  export var StyledAside = /*#__PURE__*/styled.div.withConfig({
68
68
  displayName: "StyledAside",
69
- componentId: "core-11_29_0__sc-1cvdbsv-8"
69
+ componentId: "core-11_30_0__sc-1cvdbsv-8"
70
70
  })(["", " @media ", "{position:absolute;right:0;}"], function (_ref4) {
71
71
  var $closed = _ref4.$closed,
72
72
  $open = _ref4.$open;
@@ -86,7 +86,7 @@ var getPanelAnimation = function getPanelAnimation() {
86
86
  };
87
87
  export var StyledAsidePanel = /*#__PURE__*/styled.div.withConfig({
88
88
  displayName: "StyledAsidePanel",
89
- componentId: "core-11_29_0__sc-1cvdbsv-9"
89
+ componentId: "core-11_30_0__sc-1cvdbsv-9"
90
90
  })(["", " @media ", "{", "}", " ", " border-left:1px solid ", ";width:", "px;position:fixed;background-color:", ";overflow:auto;z-index:", ";", " ", ""], function (_ref7) {
91
91
  var $rightOffset = _ref7.$rightOffset;
92
92
  return css(["@media ", "{", " border-left:0;z-index:", ";right:", "px;}"], getSmallScreenBreakpointValue(), getShadow(2), zIndexes.panelNarrowScreen, $rightOffset);
@@ -105,7 +105,7 @@ export var StyledAsidePanel = /*#__PURE__*/styled.div.withConfig({
105
105
  });
106
106
  export var StyledPageMain = /*#__PURE__*/styled.div.withConfig({
107
107
  displayName: "StyledPageMain",
108
- componentId: "core-11_29_0__sc-1cvdbsv-10"
108
+ componentId: "core-11_30_0__sc-1cvdbsv-10"
109
109
  })(["position:relative;padding:0 ", "px;max-width:100%;background-color:", ";", " ", ""], outerPageSpacing, colors.gray96, function () {
110
110
  return isIE11() && css(["flex:1 0 0%;"]);
111
111
  }, function (_ref12) {
@@ -120,13 +120,13 @@ export var StyledPageMain = /*#__PURE__*/styled.div.withConfig({
120
120
  });
121
121
  export var StyledPageContainer = /*#__PURE__*/styled.div.withConfig({
122
122
  displayName: "StyledPageContainer",
123
- componentId: "core-11_29_0__sc-1cvdbsv-11"
123
+ componentId: "core-11_30_0__sc-1cvdbsv-11"
124
124
  })(["display:grid;grid-template-columns:1fr auto;", ""], function () {
125
125
  return isIE11() && css(["display:flex;flex-wrap:wrap;"]);
126
126
  });
127
127
  export var StyledAsideFluidContainer = /*#__PURE__*/styled.div.withConfig({
128
128
  displayName: "StyledAsideFluidContainer",
129
- componentId: "core-11_29_0__sc-1cvdbsv-12"
129
+ componentId: "core-11_30_0__sc-1cvdbsv-12"
130
130
  })(["", ""], function (_ref13) {
131
131
  var $closed = _ref13.$closed,
132
132
  $open = _ref13.$open;
@@ -5,22 +5,22 @@ import { Typography } from '../Typography/Typography';
5
5
  import { spacing } from '../_styles/spacing';
6
6
  export var StyledContainer = /*#__PURE__*/styled.div.withConfig({
7
7
  displayName: "StyledContainer",
8
- componentId: "core-11_29_0__sc-fy34i1-0"
8
+ componentId: "core-11_30_0__sc-fy34i1-0"
9
9
  })(["display:flex;align-items:center;"]);
10
10
  export var StyledPageCount = /*#__PURE__*/styled(Typography).withConfig({
11
11
  displayName: "StyledPageCount",
12
- componentId: "core-11_29_0__sc-fy34i1-1"
12
+ componentId: "core-11_30_0__sc-fy34i1-1"
13
13
  })(["margin-right:", "px;"], spacing.xl);
14
14
  export var StyledCurrentPage = /*#__PURE__*/styled(Typography).withConfig({
15
15
  displayName: "StyledCurrentPage",
16
- componentId: "core-11_29_0__sc-fy34i1-2"
16
+ componentId: "core-11_30_0__sc-fy34i1-2"
17
17
  })(["margin-right:", "px;"], spacing.sm);
18
18
  export var StyledButton = /*#__PURE__*/styled(Button).withConfig({
19
19
  displayName: "StyledButton",
20
- componentId: "core-11_29_0__sc-fy34i1-3"
20
+ componentId: "core-11_30_0__sc-fy34i1-3"
21
21
  })(["margin-left:", "px;"], spacing.sm);
22
22
  export var StyledOverlay = /*#__PURE__*/styled(Card).withConfig({
23
23
  displayName: "StyledOverlay",
24
- componentId: "core-11_29_0__sc-fy34i1-4"
24
+ componentId: "core-11_30_0__sc-fy34i1-4"
25
25
  })(["max-height:300px;max-width:248px;"]);
26
26
  //# sourceMappingURL=Pagination.styles.js.map
@@ -11,15 +11,15 @@ var gutter = /*#__PURE__*/css(["> * + *{margin-left:", "px;}"], spacing.sm);
11
11
  var panel = /*#__PURE__*/css(["display:flex;align-items:center;padding:", "px;background:", ";"], spacing.lg, colors.white);
12
12
  export var StyledHeader = /*#__PURE__*/styled.div.withConfig({
13
13
  displayName: "StyledHeader",
14
- componentId: "core-11_29_0__sc-lidix2-0"
14
+ componentId: "core-11_30_0__sc-lidix2-0"
15
15
  })(["border-bottom:1px solid ", ";", ""], colors.gray85, panel);
16
16
  export var StyledTitle = /*#__PURE__*/styled(Typography).withConfig({
17
17
  displayName: "StyledTitle",
18
- componentId: "core-11_29_0__sc-lidix2-1"
18
+ componentId: "core-11_30_0__sc-lidix2-1"
19
19
  })(["flex-grow:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;"]);
20
20
  export var StyledHeaderBackAction = /*#__PURE__*/styled.div.withConfig({
21
21
  displayName: "StyledHeaderBackAction",
22
- componentId: "core-11_29_0__sc-lidix2-2"
22
+ componentId: "core-11_30_0__sc-lidix2-2"
23
23
  })(["transition:all 300ms ease-out;flex-shrink:0;width:", "px;margin-right:", "px;opacity:", ";transform:translateX( ", "px );"], function (_ref) {
24
24
  var active = _ref.active;
25
25
  return active ? headerActionSize : 0;
@@ -35,38 +35,38 @@ export var StyledHeaderBackAction = /*#__PURE__*/styled.div.withConfig({
35
35
  });
36
36
  export var StyledMoreMenu = /*#__PURE__*/styled(Card).withConfig({
37
37
  displayName: "StyledMoreMenu",
38
- componentId: "core-11_29_0__sc-lidix2-3"
38
+ componentId: "core-11_30_0__sc-lidix2-3"
39
39
  })(["max-height:128px;"]);
40
40
  export var StyledHeaderActions = /*#__PURE__*/styled.div.withConfig({
41
41
  displayName: "StyledHeaderActions",
42
- componentId: "core-11_29_0__sc-lidix2-4"
42
+ componentId: "core-11_30_0__sc-lidix2-4"
43
43
  })(["display:flex;margin-left:", "px;flex-shrink:0;", ""], spacing.lg, gutter);
44
44
  export var StyledCloseButton = /*#__PURE__*/styled.div.withConfig({
45
45
  displayName: "StyledCloseButton",
46
- componentId: "core-11_29_0__sc-lidix2-5"
46
+ componentId: "core-11_30_0__sc-lidix2-5"
47
47
  })(["margin-left:", "px;"], spacing.sm);
48
48
  export var StyledBody = /*#__PURE__*/styled.div.withConfig({
49
49
  displayName: "StyledBody",
50
- componentId: "core-11_29_0__sc-lidix2-6"
50
+ componentId: "core-11_30_0__sc-lidix2-6"
51
51
  })(["height:100%;background:", ";overflow-y:auto;> ", "{padding-left:", "px;padding-right:", "px;", "{padding-left:0;padding-right:0;}&:first-child > ", "{padding-top:", "px;}}"], function (_ref5) {
52
52
  var secondaryBgColor = _ref5.secondaryBgColor;
53
53
  return secondaryBgColor ? colors.gray96 : colors.white;
54
54
  }, StyledSection, spacing.lg, spacing.lg, StyledSection, StyledSectionInner, spacing.lg);
55
55
  export var StyledPanel = /*#__PURE__*/styled.aside.withConfig({
56
56
  displayName: "StyledPanel",
57
- componentId: "core-11_29_0__sc-lidix2-7"
57
+ componentId: "core-11_30_0__sc-lidix2-7"
58
58
  })(["display:flex;flex-direction:column;width:100%;height:100%;background:", ";overflow:hidden;"], colors.white);
59
59
  export var StyledFooterNotation = /*#__PURE__*/styled.div.withConfig({
60
60
  displayName: "StyledFooterNotation",
61
- componentId: "core-11_29_0__sc-lidix2-8"
61
+ componentId: "core-11_30_0__sc-lidix2-8"
62
62
  })(["flex-grow:1;"]);
63
63
  export var StyledFooterActions = /*#__PURE__*/styled.div.withConfig({
64
64
  displayName: "StyledFooterActions",
65
- componentId: "core-11_29_0__sc-lidix2-9"
65
+ componentId: "core-11_30_0__sc-lidix2-9"
66
66
  })(["", ""], gutter);
67
67
  export var StyledFooter = /*#__PURE__*/styled.div.withConfig({
68
68
  displayName: "StyledFooter",
69
- componentId: "core-11_29_0__sc-lidix2-10"
69
+ componentId: "core-11_30_0__sc-lidix2-10"
70
70
  })(["border-top:1px solid ", ";justify-content:flex-end;", " ", ""], colors.gray85, panel, function (_ref6) {
71
71
  var $hasShadow = _ref6.$hasShadow;
72
72
  return $hasShadow && css(["", " z-index:1;"], getShadow(2, 'top'));
@@ -6,14 +6,14 @@ import { PillColorPalets } from './Pill.colorPalette';
6
6
  var pillButtonSize = 16;
7
7
  export var StyledPill = /*#__PURE__*/styled.span.withConfig({
8
8
  displayName: "StyledPill",
9
- componentId: "core-11_29_0__sc-99e1t5-0"
9
+ componentId: "core-11_30_0__sc-99e1t5-0"
10
10
  })(["", " display:inline-block;padding:1px ", "px;border:1px solid;border-radius:10px;font-weight:600;& + &{margin-left:", "px;}", ""], getTypographyIntent('small'), spacing.sm, spacing.xs, function (_ref) {
11
11
  var $color = _ref.$color;
12
12
  return css(["background-color:", ";border-color:", ";color:", ";"], PillColorPalets[$color].backgroundColor, PillColorPalets[$color].borderColor, PillColorPalets[$color].color);
13
13
  });
14
14
  export var StyledRemove = /*#__PURE__*/styled(Clear).withConfig({
15
15
  displayName: "StyledRemove",
16
- componentId: "core-11_29_0__sc-99e1t5-1"
16
+ componentId: "core-11_30_0__sc-99e1t5-1"
17
17
  })(["border-radius:100%;cursor:pointer;flex:0 0 auto;height:", "px;margin:0 -", "px 0 ", "px;width:", "px;vertical-align:top;", ""], pillButtonSize, pillButtonSize / 2 - spacing.xxs, spacing.xxs, pillButtonSize, function (_ref2) {
18
18
  var $color = _ref2.$color;
19
19
  return css(["&:hover{background:", ";color:", ";}"], PillColorPalets[$color].color, PillColorPalets[$color].backgroundColor);
@@ -6,19 +6,19 @@ import { spacing } from '../_styles/spacing';
6
6
  var checkedIconPlaceholderWidth = 32;
7
7
  export var PillSelectOptionWrapper = /*#__PURE__*/styled.div.withConfig({
8
8
  displayName: "PillSelectOptionWrapper",
9
- componentId: "core-11_29_0__sc-1ai2ze0-0"
9
+ componentId: "core-11_30_0__sc-1ai2ze0-0"
10
10
  })(["display:flex;align-items:center;justify-content:space-between;"]);
11
11
  export var PillSelectCheckedContainer = /*#__PURE__*/styled.div.withConfig({
12
12
  displayName: "PillSelectCheckedContainer",
13
- componentId: "core-11_29_0__sc-1ai2ze0-1"
13
+ componentId: "core-11_30_0__sc-1ai2ze0-1"
14
14
  })(["align-items:center;color:", ";display:inline-flex;padding-left:", "px;width:", "px;"], colors.blue50, spacing.sm, checkedIconPlaceholderWidth);
15
15
  export var PillSelectLabel = /*#__PURE__*/styled(Pill).withConfig({
16
16
  displayName: "PillSelectLabel",
17
- componentId: "core-11_29_0__sc-1ai2ze0-2"
17
+ componentId: "core-11_30_0__sc-1ai2ze0-2"
18
18
  })(["", ""], getEllipsis);
19
19
  export var PillSelectLabelWrapper = /*#__PURE__*/styled.div.withConfig({
20
20
  displayName: "PillSelectLabelWrapper",
21
- componentId: "core-11_29_0__sc-1ai2ze0-3"
21
+ componentId: "core-11_30_0__sc-1ai2ze0-3"
22
22
  })(["display:flex;max-width:100%;pointer-events:auto;", ""], function (_ref) {
23
23
  var disabled = _ref.disabled;
24
24
  return disabled && css(["pointer-events:none;"]);
@@ -5,7 +5,7 @@ import { getShadow } from '../_styles/shadows';
5
5
  export var popoverArrowSize = 6;
6
6
  export var StyledPopoverContent = /*#__PURE__*/styled.span.withConfig({
7
7
  displayName: "StyledPopoverContent",
8
- componentId: "core-11_29_0__sc-1cd0ihn-0"
8
+ componentId: "core-11_30_0__sc-1cd0ihn-0"
9
9
  })(["background-color:", ";border-radius:", "px;color:", ";display:inline-block;max-width:250px;position:relative;", ""], colors.white, borderRadius.md, colors.gray15, function (_ref) {
10
10
  var $fluid = _ref.$fluid;
11
11
  if ($fluid) {
@@ -14,6 +14,6 @@ export var StyledPopoverContent = /*#__PURE__*/styled.span.withConfig({
14
14
  });
15
15
  export var StyledPopover = /*#__PURE__*/styled.div.withConfig({
16
16
  displayName: "StyledPopover",
17
- componentId: "core-11_29_0__sc-1cd0ihn-1"
17
+ componentId: "core-11_30_0__sc-1cd0ihn-1"
18
18
  })(["display:inline-block;", " & + [data-overlay-arrow]{background:", ";}"], getShadow(3), colors.white);
19
19
  //# sourceMappingURL=Popover.styles.js.map
@@ -1,6 +1,6 @@
1
1
  import styled from 'styled-components';
2
2
  export var StyledPortal = /*#__PURE__*/styled.div.withConfig({
3
3
  displayName: "StyledPortal",
4
- componentId: "core-11_29_0__sc-15o1h2-0"
4
+ componentId: "core-11_30_0__sc-15o1h2-0"
5
5
  })(["left:0;pointer-events:none;position:fixed;top:0;> *{pointer-events:all;}"]);
6
6
  //# sourceMappingURL=Portal.styles.js.map
@@ -7,11 +7,11 @@ var animationDelay = '300ms';
7
7
  var fadeIn = /*#__PURE__*/keyframes(["from{opacity:1;}to{opacity:0;}"]);
8
8
  export var StyledProgressBarLoader = /*#__PURE__*/styled(Loader).withConfig({
9
9
  displayName: "StyledProgressBarLoader",
10
- componentId: "core-11_29_0__sc-vdy2wl-0"
10
+ componentId: "core-11_30_0__sc-vdy2wl-0"
11
11
  })([""]);
12
12
  export var StyledProgressBar = /*#__PURE__*/styled.div.withConfig({
13
13
  displayName: "StyledProgressBar",
14
- componentId: "core-11_29_0__sc-vdy2wl-1"
14
+ componentId: "core-11_30_0__sc-vdy2wl-1"
15
15
  })(["overflow:hidden;position:relative;display:block;height:", "px;background-color:", ";border-radius:", "px;margin:", "px 0;transition:background-color 0s linear;", " ", ""], loaderGridUnit, function (_ref) {
16
16
  var $complete = _ref.$complete;
17
17
  return $complete ? colors.blue50 : colors.gray94;
@@ -9,7 +9,7 @@ export var dataQa = {
9
9
  var radioButtonSize = 20;
10
10
  export var StyledRadioButton = /*#__PURE__*/styled.label.withConfig({
11
11
  displayName: "StyledRadioButton",
12
- componentId: "core-11_29_0__sc-nd95zs-0"
12
+ componentId: "core-11_30_0__sc-nd95zs-0"
13
13
  })(["color:", ";display:flex;position:relative;vertical-align:middle;& + &{margin-top:", "px;}", " ", ""], colors.gray15, spacing.md, function (_ref) {
14
14
  var $error = _ref.$error;
15
15
  return $error && css(["", ":before,", ":checked:not(:disabled) + ", ":before{border-color:", ";}", ":checked:disabled + ", ":before{border-color:", ";}"], StyledRadioButtonLabel, StyledRadioButtonInput, StyledRadioButtonLabel, colors.red50, StyledRadioButtonInput, StyledRadioButtonLabel, colors.gray85);
@@ -19,10 +19,10 @@ export var StyledRadioButton = /*#__PURE__*/styled.label.withConfig({
19
19
  });
20
20
  export var StyledRadioButtonLabel = /*#__PURE__*/styled.span.withConfig({
21
21
  displayName: "StyledRadioButtonLabel",
22
- componentId: "core-11_29_0__sc-nd95zs-1"
22
+ componentId: "core-11_30_0__sc-nd95zs-1"
23
23
  })(["", ";cursor:default;display:flex;&:before{background:", ";border-radius:100%;border:2px solid ", ";content:'';display:inline-block;flex:0;height:", "px;min-width:", "px;width:", "px;}"], getTypographyIntent('body'), colors.white, colors.gray70, radioButtonSize, radioButtonSize, radioButtonSize);
24
24
  export var StyledRadioButtonInput = /*#__PURE__*/styled.input.withConfig({
25
25
  displayName: "StyledRadioButtonInput",
26
- componentId: "core-11_29_0__sc-nd95zs-2"
26
+ componentId: "core-11_30_0__sc-nd95zs-2"
27
27
  })(["left:0;margin:0;opacity:0;padding:0;position:absolute;top:0;&:focus:not(:checked),&[data-qa=", "]:not(:checked){&:not(:disabled) + ", ":before{", "}}&:focus:checked:not(:disabled),&[data-qa=", "]:checked:not(:disabled){+ ", ":before{box-shadow:0 0 0 2px ", ";}}&:checked + ", ":before{border:6px solid ", ";}&:disabled + ", ":before{border-color:", ";}&:disabled:checked + ", ":before{border-color:", ";}"], dataQa.focused, StyledRadioButtonLabel, getFocus(), dataQa.focused, StyledRadioButtonLabel, colors.blue40, StyledRadioButtonLabel, colors.blue50, StyledRadioButtonLabel, colors.gray85, StyledRadioButtonLabel, colors.blue85);
28
28
  //# sourceMappingURL=RadioButton.styles.js.map