@procore/core-react 12.50.0 → 12.50.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (214) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/AnchorNavigation/AnchorNavigation.styles.js +4 -4
  3. package/dist/AnchorNavigation/AnchorNavigationProvider.js +11 -2
  4. package/dist/AnchorNavigation/AnchorNavigationProvider.js.map +1 -1
  5. package/dist/Avatar/Avatar.styles.js +5 -5
  6. package/dist/AvatarStack/AvatarStack.styles.js +8 -8
  7. package/dist/Badge/Badge.styles.js +2 -2
  8. package/dist/BadgePill/BadgePill.styles.js +4 -4
  9. package/dist/Banner/Banner.styles.js +10 -10
  10. package/dist/Box/Box.styles.js +1 -1
  11. package/dist/Breadcrumbs/Breadcrumbs.styles.js +4 -4
  12. package/dist/Button/Button.styles.js +5 -5
  13. package/dist/Calendar/Calendar.styles.js +9 -9
  14. package/dist/Card/Card.styles.js +1 -1
  15. package/dist/Checkbox/Checkbox.styles.js +6 -6
  16. package/dist/ContactItem/ContactItem.styles.js +5 -5
  17. package/dist/Content/Content.styles.js +2 -2
  18. package/dist/DateInput/DateInput.styles.js +6 -6
  19. package/dist/DetailPage/DetailPage.styles.js +7 -7
  20. package/dist/Dropdown/Dropdown.js +2 -2
  21. package/dist/Dropdown/Dropdown.js.map +1 -1
  22. package/dist/Dropdown/Dropdown.styles.js +3 -3
  23. package/dist/Dropdown/Dropdown.types.d.ts +12 -2
  24. package/dist/Dropdown/Dropdown.types.js.map +1 -1
  25. package/dist/DropdownFlyout/DropdownFlyout.styles.js +4 -4
  26. package/dist/Dropzone/Dropzone.js +1 -1
  27. package/dist/Dropzone/Dropzone.styles.js +9 -9
  28. package/dist/EmptyState/EmptyState.styles.js +6 -6
  29. package/dist/Field/Field.styles.js +3 -3
  30. package/dist/FileList/FileList.styles.js +3 -3
  31. package/dist/FileSelect/FileExplorer/FileExplorer.styles.js +9 -9
  32. package/dist/FileSelect/FileExplorer/FileExplorerSidebar.styles.js +3 -3
  33. package/dist/FileSelect/FileSelect.styles.js +2 -2
  34. package/dist/FileSelect/FileSelectDropzone/FileSelectDropzone.styles.js +3 -3
  35. package/dist/FileSelect/FileTokenList/FileTokenList.styles.js +2 -2
  36. package/dist/FileSelect/GridSource/GridSource.styles.js +6 -6
  37. package/dist/FileSelect/LocalSource/LocalSource.styles.js +4 -4
  38. package/dist/FileSelect/SourceItem/SourceItem.styles.js +3 -3
  39. package/dist/FileSelect/ThumbnailList/ThumbnailList.styles.js +6 -6
  40. package/dist/FileSelect/TreeSource/TreeSource.styles.js +1 -1
  41. package/dist/FileToken/FileToken.styles.js +6 -6
  42. package/dist/FilterToken/FilterToken.styles.js +5 -5
  43. package/dist/FlexList/FlexList.styles.js +1 -1
  44. package/dist/Form/Form.styles.js +13 -13
  45. package/dist/Form/StyledFormikForm.styles.js +2 -2
  46. package/dist/GhostPlaceholder/GhostPlaceholder.styles.js +3 -3
  47. package/dist/GhostPlaceholder/GhostPlaceholder.styles.js.map +1 -1
  48. package/dist/GhostPlaceholder/GhostPlaceholder.types.d.ts +10 -0
  49. package/dist/GhostPlaceholder/GhostPlaceholder.types.js.map +1 -1
  50. package/dist/Grid/Grid.styles.js +2 -2
  51. package/dist/GroupSelect/GroupSelect.styles.js +1 -1
  52. package/dist/Input/Input.styles.js +1 -1
  53. package/dist/Link/Link.styles.js +1 -1
  54. package/dist/ListPage/ListPage.styles.js +8 -8
  55. package/dist/Loader/Loader.styles.js +2 -2
  56. package/dist/MenuImperative/MenuImperative.styles.js +11 -11
  57. package/dist/Modal/Modal.styles.js +13 -13
  58. package/dist/MultiSelect/MultiSelect.styles.js +8 -8
  59. package/dist/NextMenu/NextMenu.styles.js +3 -3
  60. package/dist/NextTile/NextTile.styles.js +5 -5
  61. package/dist/Notation/Notation.js +1 -1
  62. package/dist/NumberInput/NumberInput.styles.js +7 -7
  63. package/dist/Overlay/OverlayArrow.styles.js +1 -1
  64. package/dist/PageLayout/PageLayout.styles.js +17 -19
  65. package/dist/PageLayout/PageLayout.styles.js.map +1 -1
  66. package/dist/PageTemplate/PageFooterTemplate/PageFooterTemplate.styles.js +1 -1
  67. package/dist/PageTemplate/PageHeaderTemplate/PageHeaderTemplate.styles.js +3 -3
  68. package/dist/PageTemplate/PagePaneTemplate/PagePaneTemplate.styles.js +2 -2
  69. package/dist/PageTemplate/PageTemplate/PageTemplate.styles.js +3 -3
  70. package/dist/Pagination/Pagination.styles.js +5 -5
  71. package/dist/Panel/Panel.styles.js +11 -11
  72. package/dist/Pill/Pill.styles.js +3 -3
  73. package/dist/PillSelect/PillSelect.styles.js +4 -4
  74. package/dist/Popover/Popover.styles.js +2 -2
  75. package/dist/Portal/Portal.styles.js +1 -1
  76. package/dist/ProgressBar/ProgressBar.styles.js +2 -2
  77. package/dist/RadioButton/RadioButton.styles.js +3 -3
  78. package/dist/Required/Required.styles.js +3 -3
  79. package/dist/Search/Search.styles.js +5 -5
  80. package/dist/Section/Section.styles.js +7 -7
  81. package/dist/SegmentedController/SegmentedController.styles.js +4 -4
  82. package/dist/Select/Select.styles.js +8 -8
  83. package/dist/Semantic/Semantic.styles.js +9 -9
  84. package/dist/Slider/Slider.styles.js +5 -5
  85. package/dist/Spinner/Spinner.styles.js +7 -7
  86. package/dist/SplitViewCard/SplitViewCard.styles.js +8 -8
  87. package/dist/SuperSelect/SuperSelect.presets.styles.js +1 -1
  88. package/dist/SuperSelect/SuperSelect.styles.js +41 -41
  89. package/dist/SuperSelect/SuperSelect.styles.js.map +1 -1
  90. package/dist/Switch/Switch.styles.js +4 -4
  91. package/dist/Table/Table.styles.js +29 -29
  92. package/dist/TableShelf/TableShelf.styles.js +5 -5
  93. package/dist/Tabs/Tabs.styles.js +16 -16
  94. package/dist/Tearsheet/Tearsheet.styles.js +5 -5
  95. package/dist/TextArea/TextArea.styles.js +1 -1
  96. package/dist/TextEditorOutput/TextEditorOutput.styles.js +1 -1
  97. package/dist/Thumbnail/Thumbnail.styles.js +21 -21
  98. package/dist/ThumbnailGrid/ThumbnailGrid.styles.js +7 -7
  99. package/dist/TieredSelect/TieredSelect.styles.js +9 -9
  100. package/dist/Tile/Tile.styles.js +8 -8
  101. package/dist/Title/Title.styles.js +7 -7
  102. package/dist/Toast/Toast.styles.js +3 -3
  103. package/dist/ToggleButton/ToggleButton.styles.js +1 -1
  104. package/dist/Token/Token.styles.js +5 -5
  105. package/dist/ToolHeader/ToolHeader.styles.js +6 -6
  106. package/dist/ToolLandingPage/ToolLandingPage.styles.js +3 -3
  107. package/dist/Tooltip/Tooltip.styles.js +3 -3
  108. package/dist/Tree/Tree.js +1 -1
  109. package/dist/Tree/Tree.styles.js +10 -10
  110. package/dist/Typeahead/Typeahead.styles.js +4 -4
  111. package/dist/Typography/Typography.styles.js +1 -1
  112. package/dist/Typography/Typography.table.story.js +2 -2
  113. package/dist/_hooks/I18n.d.ts +92 -1
  114. package/dist/_locales/de-DE.json +8 -4
  115. package/dist/_locales/en-AU.json +7 -3
  116. package/dist/_locales/en-CA.json +7 -3
  117. package/dist/_locales/en-GB.json +7 -3
  118. package/dist/_locales/es-ES.json +7 -3
  119. package/dist/_locales/es.json +7 -3
  120. package/dist/_locales/fr-CA.json +10 -6
  121. package/dist/_locales/fr-FR.json +8 -4
  122. package/dist/_locales/is-IS.json +7 -3
  123. package/dist/_locales/it-IT.json +7 -3
  124. package/dist/_locales/ja-JP.json +7 -3
  125. package/dist/_locales/nb-NO.json +79 -75
  126. package/dist/_locales/pl-PL.json +7 -3
  127. package/dist/_locales/pt-BR.json +7 -3
  128. package/dist/_locales/pt-PT.json +13 -9
  129. package/dist/_locales/th-TH.json +7 -3
  130. package/dist/_locales/zh-SG.json +7 -3
  131. package/dist/_locales/zh-TW.json +13 -9
  132. package/dist/_storyHelpers_/components/Deprecation.styles.js +1 -1
  133. package/dist/_storyHelpers_/components/StoryGrid.js +3 -3
  134. package/dist/_typedoc/AnchorNavigation/AnchorNavigation.types.json +4 -4
  135. package/dist/_typedoc/Avatar/Avatar.types.json +20 -20
  136. package/dist/_typedoc/AvatarStack/AvatarStack.types.json +25 -25
  137. package/dist/_typedoc/Badge/Badge.types.json +6 -6
  138. package/dist/_typedoc/Banner/Banner.types.json +15 -15
  139. package/dist/_typedoc/Box/Box.types.json +68 -68
  140. package/dist/_typedoc/Breadcrumbs/Breadcrumbs.types.json +10 -10
  141. package/dist/_typedoc/Button/Button.types.json +14 -14
  142. package/dist/_typedoc/Calendar/Calendar.types.json +80 -80
  143. package/dist/_typedoc/Card/Card.types.json +6 -6
  144. package/dist/_typedoc/Checkbox/Checkbox.types.json +8 -8
  145. package/dist/_typedoc/ContactItem/ContactItem.types.json +9 -9
  146. package/dist/_typedoc/DateInput/DateInput.types.json +35 -35
  147. package/dist/_typedoc/DateSelect/DateSelect.types.json +14 -14
  148. package/dist/_typedoc/DetailPage/DetailPage.types.json +5 -5
  149. package/dist/_typedoc/Dropdown/Dropdown.types.json +41 -40
  150. package/dist/_typedoc/DropdownFlyout/DropdownFlyout.types.json +31 -31
  151. package/dist/_typedoc/Dropzone/Dropzone.types.json +44 -44
  152. package/dist/_typedoc/EmptyState/EmptyState.types.json +18 -18
  153. package/dist/_typedoc/FileList/FileList.types.json +9 -9
  154. package/dist/_typedoc/FileSelect/FileSelect.types.json +27 -27
  155. package/dist/_typedoc/FileSelect/GridSource/GridSource.types.json +20 -20
  156. package/dist/_typedoc/FileSelect/LocalSource/LocalSource.types.json +14 -14
  157. package/dist/_typedoc/FileSelect/TreeSource/TreeSource.types.json +9 -9
  158. package/dist/_typedoc/Flex/Flex.types.json +27 -27
  159. package/dist/_typedoc/FlexList/FlexList.types.json +30 -30
  160. package/dist/_typedoc/Form/Form.types.json +770 -770
  161. package/dist/_typedoc/GhostPlaceholder/GhostPlaceholder.types.json +14 -13
  162. package/dist/_typedoc/Grid/Grid.types.json +8 -8
  163. package/dist/_typedoc/GroupSelect/GroupSelect.types.json +54 -54
  164. package/dist/_typedoc/Input/Input.types.json +2 -2
  165. package/dist/_typedoc/Link/Link.types.json +1 -1
  166. package/dist/_typedoc/ListPage/ListPage.types.json +13 -13
  167. package/dist/_typedoc/Menu/Menu.types.json +62 -62
  168. package/dist/_typedoc/MenuImperative/MenuImperative.types.json +84 -84
  169. package/dist/_typedoc/Modal/Modal.types.json +48 -48
  170. package/dist/_typedoc/MultiSelect/MultiSelect.types.json +33 -33
  171. package/dist/_typedoc/NextTile/NextTile.types.json +33 -33
  172. package/dist/_typedoc/Notation/Notation.types.json +4 -4
  173. package/dist/_typedoc/NumberInput/NumberInput.types.json +52 -52
  174. package/dist/_typedoc/OverlayTrigger/OverlayTrigger.types.json +33 -33
  175. package/dist/_typedoc/PageLayout/PageLayout.types.json +39 -39
  176. package/dist/_typedoc/Pagination/Pagination.types.json +7 -7
  177. package/dist/_typedoc/Panel/Panel.types.json +28 -28
  178. package/dist/_typedoc/Pill/Pill.types.json +2 -2
  179. package/dist/_typedoc/PillSelect/PillSelect.types.json +49 -49
  180. package/dist/_typedoc/Popover/Popover.types.json +15 -15
  181. package/dist/_typedoc/ProgressBar/ProgressBar.types.json +7 -7
  182. package/dist/_typedoc/RadioButton/RadioButton.types.json +6 -6
  183. package/dist/_typedoc/Required/Required.types.json +5 -5
  184. package/dist/_typedoc/Search/Search.types.json +18 -18
  185. package/dist/_typedoc/Section/Section.types.json +15 -15
  186. package/dist/_typedoc/SegmentedController/SegmentedController.types.json +21 -21
  187. package/dist/_typedoc/Select/Select.types.json +67 -67
  188. package/dist/_typedoc/SettingsPage/SettingsPage.types.json +10 -10
  189. package/dist/_typedoc/Slider/Slider.types.json +6 -6
  190. package/dist/_typedoc/Spinner/Spinner.types.json +9 -9
  191. package/dist/_typedoc/SplitViewCard/SplitViewCard.types.json +14 -14
  192. package/dist/_typedoc/Table/Table.types.json +105 -105
  193. package/dist/_typedoc/Tabs/Tabs.types.json +23 -23
  194. package/dist/_typedoc/Tearsheet/Tearsheet.types.json +17 -17
  195. package/dist/_typedoc/TextArea/TextArea.types.json +3 -3
  196. package/dist/_typedoc/TextEditor/TextEditor.types.json +11 -11
  197. package/dist/_typedoc/TextEditorOutput/TextEditorOutput.types.json +4 -4
  198. package/dist/_typedoc/Thumbnail/Thumbnail.types.json +19 -19
  199. package/dist/_typedoc/TieredDropdown/TieredDropdown.types.json +43 -43
  200. package/dist/_typedoc/TieredSelect/TieredSelect.types.json +29 -29
  201. package/dist/_typedoc/Tile/Tile.types.json +8 -8
  202. package/dist/_typedoc/Title/Title.types.json +1 -1
  203. package/dist/_typedoc/Toast/Toast.types.json +4 -4
  204. package/dist/_typedoc/ToggleButton/ToggleButton.types.json +4 -4
  205. package/dist/_typedoc/Token/Token.types.json +7 -7
  206. package/dist/_typedoc/ToolHeader/ToolHeader.types.json +10 -10
  207. package/dist/_typedoc/ToolLandingPage/ToolLandingPage.types.json +8 -8
  208. package/dist/_typedoc/Tooltip/Tooltip.types.json +15 -15
  209. package/dist/_typedoc/Tree/Tree.types.json +88 -88
  210. package/dist/_typedoc/Typeahead/Typeahead.types.json +2 -2
  211. package/dist/_typedoc/Typography/Typography.types.json +9 -9
  212. package/dist/_typedoc/_utils/types.json +3 -3
  213. package/dist/_typedoc/a11y-tips.json +1 -1
  214. package/package.json +1 -1
@@ -15,21 +15,21 @@ var dropzoneHeightWithIcon = 176;
15
15
  var sourceWidth = 568;
16
16
  export var StyledLocalSource = /*#__PURE__*/styled.div.withConfig({
17
17
  displayName: "StyledLocalSource",
18
- componentId: "core-12_50_0__sc-psqe8z-0"
18
+ componentId: "core-12_50_1__sc-psqe8z-0"
19
19
  })(["display:flex;flex-grow:1;flex-direction:column;align-items:stretch;height:", "px;max-height:", "px;padding:", "px ", "px ", "px ", "px;overflow-y:hidden;"], contentHeight, contentHeight, spacing.xl, spacing.xl + spacing.lg, spacing.xl, spacing.xl);
20
20
  export var StyledDropzoneErrorBanner = /*#__PURE__*/styled(DropzoneErrorBanner).withConfig({
21
21
  displayName: "StyledDropzoneErrorBanner",
22
- componentId: "core-12_50_0__sc-psqe8z-1"
22
+ componentId: "core-12_50_1__sc-psqe8z-1"
23
23
  })(["margin-top:", "px;margin-bottom:", "px;margin-right:2px;"], errorBannerMarginTop, errorBannerMarginBottom);
24
24
  export var StyledDropzoneWrapper = /*#__PURE__*/styled(Dropzone).withConfig({
25
25
  displayName: "StyledDropzoneWrapper",
26
- componentId: "core-12_50_0__sc-psqe8z-2"
26
+ componentId: "core-12_50_1__sc-psqe8z-2"
27
27
  })(["display:flex;height:auto;min-height:", "px;> div:first-child{display:flex;height:auto;}> ", "{display:none;}@media ", "{width:", "px;> div:first-child{height:100%;}}"], function (_ref) {
28
28
  var isIconVisible = _ref.isIconVisible;
29
29
  return isIconVisible ? dropzoneHeightWithIcon : dropzoneHeight;
30
30
  }, DropzoneErrorBanner, mediaIE11Hack, sourceWidth);
31
31
  export var StyledThumbnailList = /*#__PURE__*/styled(ThumbnailList).withConfig({
32
32
  displayName: "StyledThumbnailList",
33
- componentId: "core-12_50_0__sc-psqe8z-3"
33
+ componentId: "core-12_50_1__sc-psqe8z-3"
34
34
  })(["margin-top:", "px;border:", "px solid ", ";"], listMarginTop, listBorderWidth, colors.gray85);
35
35
  //# sourceMappingURL=LocalSource.styles.js.map
@@ -8,7 +8,7 @@ var sourceItemPadding = spacing.xl;
8
8
  var focused = /*#__PURE__*/css(["", " padding:0 ", "px 0 ", "px;"], getFocus(), sourceItemPadding - 1, sourceItemPadding - 1);
9
9
  export var StyledSourceItem = /*#__PURE__*/styled.div.withConfig({
10
10
  displayName: "StyledSourceItem",
11
- componentId: "core-12_50_0__sc-plcozv-0"
11
+ componentId: "core-12_50_1__sc-plcozv-0"
12
12
  })(["position:relative;display:flex;align-items:center;padding:0 ", "px 0 ", "px;color:", ";", " cursor:pointer;height:", "px;&:before{content:'';position:absolute;top:0;left:0;display:block;width:4px;height:100%;background-color:", ";transform:scaleX(0);transform-origin:center left;transition:transform 200ms ease-out;z-index:1;}", " ", " ", " ", " ", " &:focus{", "}"], sourceItemPadding, sourceItemPadding, colors.gray45, getTypographyIntent('body'), sourceItemHeight, colors.blue45, function (_ref) {
13
13
  var selected = _ref.selected;
14
14
  return selected && "\n font-weight: 700;\n background-color: ".concat(colors.blue96, ";\n color: ").concat(colors.blue45, ";\n\n ").concat(StyledIcon, " {\n color: ").concat(colors.blue50, ";\n }\n\n &:before {\n transform: scaleX(1);\n }\n ");
@@ -28,10 +28,10 @@ export var StyledSourceItem = /*#__PURE__*/styled.div.withConfig({
28
28
  }, focused);
29
29
  export var StyledIcon = /*#__PURE__*/styled.div.withConfig({
30
30
  displayName: "StyledIcon",
31
- componentId: "core-12_50_0__sc-plcozv-1"
31
+ componentId: "core-12_50_1__sc-plcozv-1"
32
32
  })(["display:flex;align-items:center;justify-content:center;flex-shrink:0;width:48px;height:48px;"]);
33
33
  export var StyledLabel = /*#__PURE__*/styled.div.withConfig({
34
34
  displayName: "StyledLabel",
35
- componentId: "core-12_50_0__sc-plcozv-2"
35
+ componentId: "core-12_50_1__sc-plcozv-2"
36
36
  })(["", ""], getEllipsis());
37
37
  //# sourceMappingURL=SourceItem.styles.js.map
@@ -7,23 +7,23 @@ import { colors } from '../../_styles/colors';
7
7
  import { spacing } from '../../_styles/spacing';
8
8
  export var StyledThumbnailListContainer = /*#__PURE__*/styled.div.withConfig({
9
9
  displayName: "StyledThumbnailListContainer",
10
- componentId: "core-12_50_0__sc-1fz4ynb-0"
10
+ componentId: "core-12_50_1__sc-1fz4ynb-0"
11
11
  })(["display:flex;flex-direction:column;align-items:stretch;outline:none;"]);
12
12
  export var StyledThumbnailList = /*#__PURE__*/styled(List).withConfig({
13
13
  displayName: "StyledThumbnailList",
14
- componentId: "core-12_50_0__sc-1fz4ynb-1"
14
+ componentId: "core-12_50_1__sc-1fz4ynb-1"
15
15
  })(["outline:none;"]);
16
16
  export var StyledThumbnail = /*#__PURE__*/styled(Thumbnail).withConfig({
17
17
  displayName: "StyledThumbnail",
18
- componentId: "core-12_50_0__sc-1fz4ynb-2"
18
+ componentId: "core-12_50_1__sc-1fz4ynb-2"
19
19
  })(["flex-grow:1;justify-content:flex-start;"]);
20
20
  export var StyledProgress = /*#__PURE__*/styled.div.withConfig({
21
21
  displayName: "StyledProgress",
22
- componentId: "core-12_50_0__sc-1fz4ynb-3"
22
+ componentId: "core-12_50_1__sc-1fz4ynb-3"
23
23
  })(["width:146px;padding:0 ", "px 0 ", "px;margin-left:auto;"], spacing.lg, spacing.xl);
24
24
  export var StyledThumbnailListItem = /*#__PURE__*/styled.div.withConfig({
25
25
  displayName: "StyledThumbnailListItem",
26
- componentId: "core-12_50_0__sc-1fz4ynb-4"
26
+ componentId: "core-12_50_1__sc-1fz4ynb-4"
27
27
  })(["display:flex;flex-grow:1;align-items:center;padding:", "px ", "px ", "px ", "px;", " ", " ", " ", ""], spacing.sm, spacing.lg, spacing.sm, spacing.sm, getTypographyIntent('body'), function (_ref) {
28
28
  var error = _ref.error;
29
29
  return !error && "\n &:hover {\n background-color: ".concat(colors.gray96, ";\n }\n ");
@@ -37,6 +37,6 @@ export var StyledThumbnailListItem = /*#__PURE__*/styled.div.withConfig({
37
37
  });
38
38
  export var StyledDeleteIcon = /*#__PURE__*/styled(Button).withConfig({
39
39
  displayName: "StyledDeleteIcon",
40
- componentId: "core-12_50_0__sc-1fz4ynb-5"
40
+ componentId: "core-12_50_1__sc-1fz4ynb-5"
41
41
  })([""]);
42
42
  //# sourceMappingURL=ThumbnailList.styles.js.map
@@ -2,6 +2,6 @@ import styled from 'styled-components';
2
2
  import { modalBodyHeight } from '../FileExplorer/FileExplorer.styles';
3
3
  export var StyledFileTreeSpinner = /*#__PURE__*/styled.div.withConfig({
4
4
  displayName: "StyledFileTreeSpinner",
5
- componentId: "core-12_50_0__sc-wwu3n8-0"
5
+ componentId: "core-12_50_1__sc-wwu3n8-0"
6
6
  })(["display:flex;align-items:center;justify-content:center;height:", "px;"], modalBodyHeight);
7
7
  //# sourceMappingURL=TreeSource.styles.js.map
@@ -8,19 +8,19 @@ export var pulseAnimationDuration = 600;
8
8
  var focusPulse = /*#__PURE__*/keyframes(["0%{box-shadow:0 0 0 0 ", ",0 0 0 0 ", ",0 0 0 0 ", ";}25%{box-shadow:0 0 0 0 ", ",0 0 0 0 ", ",0 0 0 0 ", ";}50%{box-shadow:0 0 0 1px ", ",0 0 0 3px ", ",0 0 0 2px ", ";}100%{box-shadow:0 0 0 1.5px ", ",0 0 0 3px ", ",0 0 0 6px ", ";}"], colors.blue60, colors.blue90, colors.blue94, colors.blue60, colors.blue90, colors.blue94, colors.blue60, colors.blue90, colors.blue94, colors.blue60, colors.blue90, colors.blue94);
9
9
  export var StyledFilenameShortcut = /*#__PURE__*/styled.div.withConfig({
10
10
  displayName: "StyledFilenameShortcut",
11
- componentId: "core-12_50_0__sc-13jx4bx-0"
11
+ componentId: "core-12_50_1__sc-13jx4bx-0"
12
12
  })(["display:flex;"]);
13
13
  export var StyledFilename = /*#__PURE__*/styled.span.withConfig({
14
14
  displayName: "StyledFilename",
15
- componentId: "core-12_50_0__sc-13jx4bx-1"
15
+ componentId: "core-12_50_1__sc-13jx4bx-1"
16
16
  })(["flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;"]);
17
17
  export var StyledExtension = /*#__PURE__*/styled.span.withConfig({
18
18
  displayName: "StyledExtension",
19
- componentId: "core-12_50_0__sc-13jx4bx-2"
19
+ componentId: "core-12_50_1__sc-13jx4bx-2"
20
20
  })(["flex-shrink:0;"]);
21
21
  export var StyledFileToken = /*#__PURE__*/styled.div.withConfig({
22
22
  displayName: "StyledFileToken",
23
- componentId: "core-12_50_0__sc-13jx4bx-3"
23
+ componentId: "core-12_50_1__sc-13jx4bx-3"
24
24
  })(["background-color:", ";border-radius:200px;max-width:100%;outline:none;overflow:hidden;position:relative;&:focus,&.focus{box-shadow:0 0 0 2px ", ";outline:none;", "{border-color:transparent;", "}}", "{background:none;color:", ";display:flex;user-select:none;", "{color:", ";}}", "{overflow:hidden;", "{border-radius:200px 0 0 200px;color:", ";padding-right:0;transition:color 0s linear,background-color 0s linear;user-select:none;", "{flex:0 0 auto;}}}", ""], colors.gray96, colors.blue40, StyledToken, function (_ref) {
25
25
  var $progressComplete = _ref.$progressComplete;
26
26
  return $progressComplete && css(["background-color:", ";"], colors.blue45);
@@ -37,10 +37,10 @@ export var StyledFileToken = /*#__PURE__*/styled.div.withConfig({
37
37
  });
38
38
  export var StyledErrorMessage = /*#__PURE__*/styled.span.withConfig({
39
39
  displayName: "StyledErrorMessage",
40
- componentId: "core-12_50_0__sc-13jx4bx-4"
40
+ componentId: "core-12_50_1__sc-13jx4bx-4"
41
41
  })(["display:block;color:", ";margin-top:", "px;word-break:break-word;", ""], colors.red50, spacing.xs, getTypographyIntent('small'));
42
42
  export var StyledFileTokenErrorContainer = /*#__PURE__*/styled.div.withConfig({
43
43
  displayName: "StyledFileTokenErrorContainer",
44
- componentId: "core-12_50_0__sc-13jx4bx-5"
44
+ componentId: "core-12_50_1__sc-13jx4bx-5"
45
45
  })(["max-width:100%;outline:none;&:focus,&.focus{> ", "{box-shadow:0 0 0 2px ", ";outline:none;}}"], StyledFileToken, colors.blue40);
46
46
  //# sourceMappingURL=FileToken.styles.js.map
@@ -6,11 +6,11 @@ import { getEllipsis, getFocus } from '../_styles/mixins';
6
6
  import { spacing } from '../_styles/spacing';
7
7
  export var StyledLabel = /*#__PURE__*/styled.span.withConfig({
8
8
  displayName: "StyledLabel",
9
- componentId: "core-12_50_0__sc-1l1h29r-0"
9
+ componentId: "core-12_50_1__sc-1l1h29r-0"
10
10
  })(["", " ", " ", " flex:0 1 auto;"], getTypographyIntent('body'), getEllipsis, semiboldRules);
11
11
  export var StyledFilterToken = /*#__PURE__*/styled.div.withConfig({
12
12
  displayName: "StyledFilterToken",
13
- componentId: "core-12_50_0__sc-1l1h29r-1"
13
+ componentId: "core-12_50_1__sc-1l1h29r-1"
14
14
  })(["align-items:center;background-color:", ";border-radius:4px;border:1px solid transparent;color:", ";cursor:default;display:inline-flex;height:36px;justify-content:space-between;line-height:1;max-width:360px;min-width:48px;padding:", "px ", "px;&:hover,&.hover{background-color:", ";}", ""], colors.blue96, colors.blue45, spacing.sm, spacing.md, colors.blue90, function (_ref) {
15
15
  var _ref$$focused = _ref.$focused,
16
16
  $focused = _ref$$focused === void 0 ? false : _ref$$focused;
@@ -18,17 +18,17 @@ export var StyledFilterToken = /*#__PURE__*/styled.div.withConfig({
18
18
  });
19
19
  export var StyledFilterRemoveButton = /*#__PURE__*/styled.button.withConfig({
20
20
  displayName: "StyledFilterRemoveButton",
21
- componentId: "core-12_50_0__sc-1l1h29r-2"
21
+ componentId: "core-12_50_1__sc-1l1h29r-2"
22
22
  })(["", " ", ";background:transparent;color:", ";&:active,&:focus,&:hover{background:", ";color:", ";}&:disabled{pointer-events:none;user-select:none;}&:disabled,&[aria-disabled='true']{background:transparent;color:", ";}height:24px;margin:0 0 0 6px;padding:0 ", "px;[data-icon-prop='true']{pointer-events:none;height:16px;width:16px;}"], function (_ref2) {
23
23
  var $disabled = _ref2.$disabled;
24
24
  return getButtonStyles(false, $disabled, false, 'sm', 'tertiary');
25
25
  }, getTypographyIntent('small'), colors.blue45, colors.white, colors.blue45, colors.blue45, spacing.xs);
26
26
  export var StyledContent = /*#__PURE__*/styled.span.withConfig({
27
27
  displayName: "StyledContent",
28
- componentId: "core-12_50_0__sc-1l1h29r-3"
28
+ componentId: "core-12_50_1__sc-1l1h29r-3"
29
29
  })(["align-items:center;display:flex;overflow:hidden;"]);
30
30
  export var StyledContentLabel = /*#__PURE__*/styled.span.withConfig({
31
31
  displayName: "StyledContentLabel",
32
- componentId: "core-12_50_0__sc-1l1h29r-4"
32
+ componentId: "core-12_50_1__sc-1l1h29r-4"
33
33
  })(["overflow:hidden;padding:0 6px;text-overflow:ellipsis;white-space:nowrap;& + span{padding-left:0;}"]);
34
34
  //# sourceMappingURL=FilterToken.styles.js.map
@@ -3,7 +3,7 @@ import { StyledBox } from '../Box/Box.styles';
3
3
  import { Flex } from '../Flex/Flex';
4
4
  export var StyledFlex = /*#__PURE__*/styled(Flex).withConfig({
5
5
  displayName: "StyledFlex",
6
- componentId: "core-12_50_0__sc-1quvv61-0"
6
+ componentId: "core-12_50_1__sc-1quvv61-0"
7
7
  })(["> ", "{", "}"], StyledBox, function (_ref) {
8
8
  var $direction = _ref.$direction;
9
9
  if ($direction !== null && $direction !== void 0 && $direction.includes('reverse')) {
@@ -23,7 +23,7 @@ function applyStylesOnlyToIE11(styles) {
23
23
  }
24
24
  export var StyledFormFieldMain = /*#__PURE__*/styled.div.withConfig({
25
25
  displayName: "StyledFormFieldMain",
26
- componentId: "core-12_50_0__sc-ncj3pf-0"
26
+ componentId: "core-12_50_1__sc-ncj3pf-0"
27
27
  })(["-ms-grid-row:2;grid-row:2;", " ", " ", ""], function (_ref) {
28
28
  var $colStart = _ref.$colStart,
29
29
  $colEnd = _ref.$colEnd,
@@ -35,15 +35,15 @@ export var StyledFormFieldMain = /*#__PURE__*/styled.div.withConfig({
35
35
  }, applyStylesOnlyToIE11("\n padding-left: ".concat(columnGutter, ";\n\n &:nth-child(2) {\n padding-left: 0;\n }\n ")));
36
36
  export var StyledLabel = /*#__PURE__*/styled(StyledLabelBase).withConfig({
37
37
  displayName: "StyledLabel",
38
- componentId: "core-12_50_0__sc-ncj3pf-1"
38
+ componentId: "core-12_50_1__sc-ncj3pf-1"
39
39
  })(["word-wrap:break-word;word-break:break-word;"]);
40
40
  export var StyledDescription = /*#__PURE__*/styled.div.withConfig({
41
41
  displayName: "StyledDescription",
42
- componentId: "core-12_50_0__sc-ncj3pf-2"
42
+ componentId: "core-12_50_1__sc-ncj3pf-2"
43
43
  })(["", " color:", ";word-wrap:break-word;word-break:break-word;"], getTypographyIntent('body'), colors.gray45);
44
44
  export var StyledCheckboxInlineDescription = /*#__PURE__*/styled(StyledDescription).withConfig({
45
45
  displayName: "StyledCheckboxInlineDescription",
46
- componentId: "core-12_50_0__sc-ncj3pf-3"
46
+ componentId: "core-12_50_1__sc-ncj3pf-3"
47
47
  })(["margin-top:", "px;", ""], spacing.xs, function (_ref3) {
48
48
  var $read = _ref3.$read;
49
49
  if (!$read) {
@@ -52,7 +52,7 @@ export var StyledCheckboxInlineDescription = /*#__PURE__*/styled(StyledDescripti
52
52
  });
53
53
  export var StyledFormFieldHeader = /*#__PURE__*/styled(StyledFieldHeader).withConfig({
54
54
  displayName: "StyledFormFieldHeader",
55
- componentId: "core-12_50_0__sc-ncj3pf-4"
55
+ componentId: "core-12_50_1__sc-ncj3pf-4"
56
56
  })(["-ms-grid-row:1;grid-row:1;align-self:end;margin-bottom:", "px;", " ", " * + ", "{margin-top:", "px;}"], spacing.xs, function (_ref4) {
57
57
  var $colStart = _ref4.$colStart,
58
58
  $colEnd = _ref4.$colEnd,
@@ -61,20 +61,20 @@ export var StyledFormFieldHeader = /*#__PURE__*/styled(StyledFieldHeader).withCo
61
61
  }, applyStylesOnlyToIE11("\n padding-left: ".concat(columnGutter, ";\n\n &:first-child {\n padding-left: 0;\n }\n\n ").concat(StyledFormFieldMain, " {\n padding-left: ").concat(columnGutter, ";\n\n &:nth-child(2) {\n padding-left: 0;\n }\n }\n ")), StyledDescription, spacing.xs);
62
62
  export var StyledFormFieldRequiredMark = /*#__PURE__*/styled(Required).withConfig({
63
63
  displayName: "StyledFormFieldRequiredMark",
64
- componentId: "core-12_50_0__sc-ncj3pf-5"
64
+ componentId: "core-12_50_1__sc-ncj3pf-5"
65
65
  })(["padding-left:", "px;vertical-align:top;"], spacing.xs);
66
66
  export var StyledFormFieldErrorIcon = /*#__PURE__*/styled(Error).withConfig({
67
67
  displayName: "StyledFormFieldErrorIcon",
68
- componentId: "core-12_50_0__sc-ncj3pf-6"
68
+ componentId: "core-12_50_1__sc-ncj3pf-6"
69
69
  })(["vertical-align:sub;"]);
70
70
  export var StyledFormFieldBanner = /*#__PURE__*/styled.div.withConfig({
71
71
  displayName: "StyledFormFieldBanner",
72
- componentId: "core-12_50_0__sc-ncj3pf-7"
72
+ componentId: "core-12_50_1__sc-ncj3pf-7"
73
73
  })(["display:flex;align-items:flex-start;min-height:22px;margin-top:", "px;margin-bottom:2px;word-break:break-word;word-wrap:break-word;color:", ";", ""], spacing.xs, colors.red50, getTypographyIntent('body'));
74
74
  /** @deprecated The traditional field layout is deprecated */
75
75
  export var StyledTraditionalFormColumn = /*#__PURE__*/styled.div.withConfig({
76
76
  displayName: "StyledTraditionalFormColumn",
77
- componentId: "core-12_50_0__sc-ncj3pf-8"
77
+ componentId: "core-12_50_1__sc-ncj3pf-8"
78
78
  })(["padding:", ";align-self:center;height:100%;&:nth-child(1){-ms-grid-column:1;}&:nth-child(2){-ms-grid-column:2;}&:nth-child(3){-ms-grid-column:3;}&:nth-child(4){-ms-grid-column:4;}", " ", ""], traditionalPadding, function (_ref5) {
79
79
  var _ref5$$fullWidth = _ref5.$fullWidth,
80
80
  $fullWidth = _ref5$$fullWidth === void 0 ? false : _ref5$$fullWidth;
@@ -86,15 +86,15 @@ export var StyledTraditionalFormColumn = /*#__PURE__*/styled.div.withConfig({
86
86
  });
87
87
  export var StyledFormOutputTextArea = /*#__PURE__*/styled.span.withConfig({
88
88
  displayName: "StyledFormOutputTextArea",
89
- componentId: "core-12_50_0__sc-ncj3pf-9"
89
+ componentId: "core-12_50_1__sc-ncj3pf-9"
90
90
  })(["white-space:pre-wrap;"]);
91
91
  export var StyledFormOutputFiledset = /*#__PURE__*/styled.fieldset.withConfig({
92
92
  displayName: "StyledFormOutputFiledset",
93
- componentId: "core-12_50_0__sc-ncj3pf-10"
93
+ componentId: "core-12_50_1__sc-ncj3pf-10"
94
94
  })(["border:none;padding:0;margin-top:", "px;"], spacing.xs);
95
95
  export var StyledFormRow = /*#__PURE__*/styled.div.withConfig({
96
96
  displayName: "StyledFormRow",
97
- componentId: "core-12_50_0__sc-ncj3pf-11"
97
+ componentId: "core-12_50_1__sc-ncj3pf-11"
98
98
  })(["", ""], function (_ref7) {
99
99
  var _ref7$$traditional = _ref7.$traditional,
100
100
  $traditional = _ref7$$traditional === void 0 ? false : _ref7$$traditional,
@@ -105,6 +105,6 @@ export var StyledFormRow = /*#__PURE__*/styled.div.withConfig({
105
105
  export var formWrapper = /*#__PURE__*/css(["display:inherit;flex-direction:inherit;height:inherit;max-height:inherit;"]);
106
106
  export var StyledForm = /*#__PURE__*/styled.div.withConfig({
107
107
  displayName: "StyledForm",
108
- componentId: "core-12_50_0__sc-ncj3pf-12"
108
+ componentId: "core-12_50_1__sc-ncj3pf-12"
109
109
  })(["", ""], formWrapper);
110
110
  //# sourceMappingURL=Form.styles.js.map
@@ -5,13 +5,13 @@ import { spacing } from '../_styles/spacing';
5
5
  import { formWrapper } from './Form.styles';
6
6
  export var StyledFormikForm = /*#__PURE__*/styled(FormikForm).withConfig({
7
7
  displayName: "StyledFormikForm",
8
- componentId: "core-12_50_0__sc-1ks7m0l-0"
8
+ componentId: "core-12_50_1__sc-1ks7m0l-0"
9
9
  })(["", ""], formWrapper);
10
10
 
11
11
  /** @deprecated The traditional field layout is deprecated */
12
12
  export var StyledTraditionalFormLabel = /*#__PURE__*/styled(Typography).withConfig({
13
13
  displayName: "StyledTraditionalFormLabel",
14
- componentId: "core-12_50_0__sc-1ks7m0l-1"
14
+ componentId: "core-12_50_1__sc-1ks7m0l-1"
15
15
  })(["display:inline-block;word-break:break-word;word-wrap:break-word;", ""], function (_ref) {
16
16
  var $view = _ref.$view;
17
17
  return ['create', 'update'].includes($view) && css(["padding-top:", "px;"], spacing.sm);
@@ -3,15 +3,15 @@ import { spacing } from '../_styles/spacing';
3
3
  var shimmerAnimation = /*#__PURE__*/keyframes(["0%{background-position:-1000px 500px;}100%{background-position:1000px 500px;}"]);
4
4
  export var PlaceholderItem = /*#__PURE__*/styled.div.withConfig({
5
5
  displayName: "PlaceholderItem",
6
- componentId: "core-12_50_0__sc-1nja302-0"
7
- })(["width:100%;min-height:24px;padding:10px 0;animation:", " 3s ease-out infinite;background:radial-gradient( ellipse at center,", " 0%,", " 50% );background-size:2000px 2000px;border-radius:", "px;"], shimmerAnimation, function (props) {
6
+ componentId: "core-12_50_1__sc-1nja302-0"
7
+ })(["width:100%;min-height:24px;padding:10px 0;animation:", " 3s ease-out infinite;background:radial-gradient( ellipse at center,", " 0%,", " 50% );background-size:2000px 2000px;border-radius:", "px;@media (prefers-reduced-motion:reduce){animation:none;}"], shimmerAnimation, function (props) {
8
8
  return props.$startGradientColor;
9
9
  }, function (props) {
10
10
  return props.$endGradientColor;
11
11
  }, spacing.sm);
12
12
  export var RoundPlaceholderItem = /*#__PURE__*/styled(PlaceholderItem).withConfig({
13
13
  displayName: "RoundPlaceholderItem",
14
- componentId: "core-12_50_0__sc-1nja302-1"
14
+ componentId: "core-12_50_1__sc-1nja302-1"
15
15
  })(["width:", ";height:", ";border-radius:50%;"], function (props) {
16
16
  return props.$small ? '24px' : '40px';
17
17
  }, function (props) {
@@ -1 +1 @@
1
- {"version":3,"file":"GhostPlaceholder.styles.js","names":["styled","keyframes","spacing","shimmerAnimation","PlaceholderItem","div","withConfig","displayName","componentId","props","$startGradientColor","$endGradientColor","sm","RoundPlaceholderItem","$small"],"sources":["../../src/GhostPlaceholder/GhostPlaceholder.styles.tsx"],"sourcesContent":["import styled, { keyframes } from 'styled-components'\nimport { spacing } from '../_styles/spacing'\nimport type {\n PlaceholderItemProps,\n RoundPlaceholderItemProps,\n} from './GhostPlaceholder.types'\n\nconst shimmerAnimation = keyframes`\n 0% {\n background-position: -1000px 500px;\n }\n 100% {\n background-position: 1000px 500px;\n }\n`\n\nexport const PlaceholderItem = styled.div<PlaceholderItemProps>`\n width: 100%;\n min-height: 24px;\n padding: 10px 0;\n\n animation: ${shimmerAnimation} 3s ease-out infinite;\n background: radial-gradient(\n ellipse at center,\n ${(props) => props.$startGradientColor} 0%,\n ${(props) => props.$endGradientColor} 50%\n );\n background-size: 2000px 2000px;\n border-radius: ${spacing.sm}px;\n`\n\nexport const RoundPlaceholderItem = styled(\n PlaceholderItem\n)<RoundPlaceholderItemProps>`\n width: ${(props) => (props.$small ? '24px' : '40px')};\n height: ${(props) => (props.$small ? '24px' : '40px')};\n border-radius: 50%;\n`\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,SAAS,QAAQ,mBAAmB;AACrD,SAASC,OAAO,QAAQ,oBAAoB;AAM5C,IAAMC,gBAAgB,gBAAGF,SAAS,mFAOjC;AAED,OAAO,IAAMG,eAAe,gBAAGJ,MAAM,CAACK,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,2MAK1BL,gBAAgB,EAGzB,UAACM,KAAK;EAAA,OAAKA,KAAK,CAACC,mBAAmB;AAAA,GACpC,UAACD,KAAK;EAAA,OAAKA,KAAK,CAACE,iBAAiB;AAAA,GAGrBT,OAAO,CAACU,EAAE,CAC5B;AAED,OAAO,IAAMC,oBAAoB,gBAAGb,MAAM,CACxCI,eACF,CAAC,CAAAE,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kDACU,UAACC,KAAK;EAAA,OAAMA,KAAK,CAACK,MAAM,GAAG,MAAM,GAAG,MAAM;AAAA,CAAC,EAC1C,UAACL,KAAK;EAAA,OAAMA,KAAK,CAACK,MAAM,GAAG,MAAM,GAAG,MAAM;AAAA,CAAC,CAEtD"}
1
+ {"version":3,"file":"GhostPlaceholder.styles.js","names":["styled","keyframes","spacing","shimmerAnimation","PlaceholderItem","div","withConfig","displayName","componentId","props","$startGradientColor","$endGradientColor","sm","RoundPlaceholderItem","$small"],"sources":["../../src/GhostPlaceholder/GhostPlaceholder.styles.tsx"],"sourcesContent":["import styled, { keyframes } from 'styled-components'\nimport { spacing } from '../_styles/spacing'\nimport type {\n PlaceholderItemProps,\n RoundPlaceholderItemProps,\n} from './GhostPlaceholder.types'\n\nconst shimmerAnimation = keyframes`\n 0% {\n background-position: -1000px 500px;\n }\n 100% {\n background-position: 1000px 500px;\n }\n`\n\nexport const PlaceholderItem = styled.div<PlaceholderItemProps>`\n width: 100%;\n min-height: 24px;\n padding: 10px 0;\n\n animation: ${shimmerAnimation} 3s ease-out infinite;\n background: radial-gradient(\n ellipse at center,\n ${(props) => props.$startGradientColor} 0%,\n ${(props) => props.$endGradientColor} 50%\n );\n background-size: 2000px 2000px;\n border-radius: ${spacing.sm}px;\n\n @media (prefers-reduced-motion: reduce) {\n animation: none;\n }\n`\n\nexport const RoundPlaceholderItem = styled(\n PlaceholderItem\n)<RoundPlaceholderItemProps>`\n width: ${(props) => (props.$small ? '24px' : '40px')};\n height: ${(props) => (props.$small ? '24px' : '40px')};\n border-radius: 50%;\n`\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,SAAS,QAAQ,mBAAmB;AACrD,SAASC,OAAO,QAAQ,oBAAoB;AAM5C,IAAMC,gBAAgB,gBAAGF,SAAS,mFAOjC;AAED,OAAO,IAAMG,eAAe,gBAAGJ,MAAM,CAACK,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kQAK1BL,gBAAgB,EAGzB,UAACM,KAAK;EAAA,OAAKA,KAAK,CAACC,mBAAmB;AAAA,GACpC,UAACD,KAAK;EAAA,OAAKA,KAAK,CAACE,iBAAiB;AAAA,GAGrBT,OAAO,CAACU,EAAE,CAK5B;AAED,OAAO,IAAMC,oBAAoB,gBAAGb,MAAM,CACxCI,eACF,CAAC,CAAAE,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kDACU,UAACC,KAAK;EAAA,OAAMA,KAAK,CAACK,MAAM,GAAG,MAAM,GAAG,MAAM;AAAA,CAAC,EAC1C,UAACL,KAAK;EAAA,OAAMA,KAAK,CAACK,MAAM,GAAG,MAAM,GAAG,MAAM;AAAA,CAAC,CAEtD"}
@@ -1,6 +1,16 @@
1
1
  import type { ColorPaletteObject } from '../_styles/colors';
2
2
  import type { Props } from '../_utils/types';
3
3
  declare type Shape = 'default' | 'round';
4
+ /**
5
+ * @a11y `GhostPlaceholder` is a decorative loading indicator. Wrap it (or the
6
+ * region it occupies) in a container with `aria-busy="true"` while content is
7
+ * loading, and set `aria-busy="false"` (or remove the attribute) once the real
8
+ * content has rendered. This is the primary way loading state is communicated
9
+ * to assistive technologies.
10
+ *
11
+ * The shimmer animation is automatically disabled for users who have
12
+ * `prefers-reduced-motion: reduce` set.
13
+ */
4
14
  export interface GhostPlaceholderProps extends Props {
5
15
  /**
6
16
  * Possible shapes are 'default' and 'round'
@@ -1 +1 @@
1
- {"version":3,"file":"GhostPlaceholder.types.js","names":[],"sources":["../../src/GhostPlaceholder/GhostPlaceholder.types.tsx"],"sourcesContent":["import type { ColorPaletteObject } from '../_styles/colors'\nimport type { Props } from '../_utils/types'\n\ntype Shape = 'default' | 'round'\n\nexport interface GhostPlaceholderProps extends Props {\n /**\n * Possible shapes are 'default' and 'round'\n * @default 'default'\n * @since 12.11.0\n */\n shape?: Shape\n /**\n * Will display smaller version of the placeholder instead of full width\n * @default 'false'\n * @since 12.11.0\n */\n small?: boolean\n /**\n * The starting color of the gradient\n * @default gray94\n * @since 12.11.0\n */\n startGradientColor?: ColorPaletteObject | string\n /**\n * The ending color of the gradient\n * @default gray20\n * @since 12.11.0\n */\n endGradientColor?: ColorPaletteObject | string\n}\n\nexport interface PlaceholderItemProps {\n $startGradientColor?: GhostPlaceholderProps['startGradientColor']\n $endGradientColor?: GhostPlaceholderProps['endGradientColor']\n}\n\nexport interface RoundPlaceholderItemProps extends PlaceholderItemProps {\n $small?: boolean\n}\n"],"mappings":""}
1
+ {"version":3,"file":"GhostPlaceholder.types.js","names":[],"sources":["../../src/GhostPlaceholder/GhostPlaceholder.types.tsx"],"sourcesContent":["import type { ColorPaletteObject } from '../_styles/colors'\nimport type { Props } from '../_utils/types'\n\ntype Shape = 'default' | 'round'\n\n/**\n * @a11y `GhostPlaceholder` is a decorative loading indicator. Wrap it (or the\n * region it occupies) in a container with `aria-busy=\"true\"` while content is\n * loading, and set `aria-busy=\"false\"` (or remove the attribute) once the real\n * content has rendered. This is the primary way loading state is communicated\n * to assistive technologies.\n *\n * The shimmer animation is automatically disabled for users who have\n * `prefers-reduced-motion: reduce` set.\n */\nexport interface GhostPlaceholderProps extends Props {\n /**\n * Possible shapes are 'default' and 'round'\n * @default 'default'\n * @since 12.11.0\n */\n shape?: Shape\n /**\n * Will display smaller version of the placeholder instead of full width\n * @default 'false'\n * @since 12.11.0\n */\n small?: boolean\n /**\n * The starting color of the gradient\n * @default gray94\n * @since 12.11.0\n */\n startGradientColor?: ColorPaletteObject | string\n /**\n * The ending color of the gradient\n * @default gray20\n * @since 12.11.0\n */\n endGradientColor?: ColorPaletteObject | string\n}\n\nexport interface PlaceholderItemProps {\n $startGradientColor?: GhostPlaceholderProps['startGradientColor']\n $endGradientColor?: GhostPlaceholderProps['endGradientColor']\n}\n\nexport interface RoundPlaceholderItemProps extends PlaceholderItemProps {\n $small?: boolean\n}\n"],"mappings":""}
@@ -75,7 +75,7 @@ var getRowGutterVertical = function getRowGutterVertical(gutterY, breakpoint) {
75
75
  };
76
76
  export var StyledGridRow = /*#__PURE__*/styled.div.withConfig({
77
77
  displayName: "StyledGridRow",
78
- componentId: "core-12_50_0__sc-8pinsp-0"
78
+ componentId: "core-12_50_1__sc-8pinsp-0"
79
79
  })(["", " display:flex;flex-wrap:wrap;"], function (_ref) {
80
80
  var $gutterX = _ref.$gutterX,
81
81
  $gutterY = _ref.$gutterY;
@@ -87,7 +87,7 @@ export var StyledGridRow = /*#__PURE__*/styled.div.withConfig({
87
87
  });
88
88
  export var StyledGridCol = /*#__PURE__*/styled.div.withConfig({
89
89
  displayName: "StyledGridCol",
90
- componentId: "core-12_50_0__sc-8pinsp-1"
90
+ componentId: "core-12_50_1__sc-8pinsp-1"
91
91
  })(["flex-shrink:0;width:100%;max-width:100%;", ""], function (_ref2) {
92
92
  var $span = _ref2.$span,
93
93
  $offset = _ref2.$offset,
@@ -3,7 +3,7 @@ import { MultiSelect } from '../MultiSelect/MultiSelect';
3
3
  import { colors } from '../_styles/colors';
4
4
  export var StyledGroupSelectOption = /*#__PURE__*/styled(MultiSelect.Option).withConfig({
5
5
  displayName: "StyledGroupSelectOption",
6
- componentId: "core-12_50_0__sc-u5gu8j-0"
6
+ componentId: "core-12_50_1__sc-u5gu8j-0"
7
7
  })(["", ""], function (_ref) {
8
8
  var disabled = _ref.disabled;
9
9
  return disabled && css(["color:", ";cursor:not-allowed;a,a:hover{color:", ";text-decoration:none;}"], colors.gray70, colors.gray70);
@@ -16,6 +16,6 @@ export function getInputStyles(_ref) {
16
16
  }
17
17
  export var StyledInput = /*#__PURE__*/styled.input.withConfig({
18
18
  displayName: "StyledInput",
19
- componentId: "core-12_50_0__sc-12sjkxg-0"
19
+ componentId: "core-12_50_1__sc-12sjkxg-0"
20
20
  })(["", " padding:0 ", "px;&::-ms-clear{display:none;}&[type='number']{-moz-appearance:textfield;&::-webkit-inner-spin-button,&::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;}}"], getInputStyles, spacing.md);
21
21
  //# sourceMappingURL=Input.styles.js.map
@@ -17,6 +17,6 @@ function getLinkColors(_ref) {
17
17
  }
18
18
  export var StyledLink = /*#__PURE__*/styled.a.withConfig({
19
19
  displayName: "StyledLink",
20
- componentId: "core-12_50_0__sc-jfowrl-0"
20
+ componentId: "core-12_50_1__sc-jfowrl-0"
21
21
  })(["text-decoration:underline;&:hover{cursor:pointer;text-decoration:underline;}", " &.focus,&:focus{", ";}", ""], focusable, getBorderRadius('md'), getLinkColors);
22
22
  //# sourceMappingURL=Link.styles.js.map
@@ -3,19 +3,19 @@ import { colors } from '../_styles/colors';
3
3
  import { spacing } from '../_styles/spacing';
4
4
  export var StyledListPageMain = /*#__PURE__*/styled.div.withConfig({
5
5
  displayName: "StyledListPageMain",
6
- componentId: "core-12_50_0__sc-1eq7fzi-0"
6
+ componentId: "core-12_50_1__sc-1eq7fzi-0"
7
7
  })(["display:flex;flex:1 0 auto;flex-direction:column;min-width:0;padding:", "px ", "px;width:100%;"], spacing.lg, spacing.xl);
8
8
  export var StyledListPageBanner = /*#__PURE__*/styled.div.withConfig({
9
9
  displayName: "StyledListPageBanner",
10
- componentId: "core-12_50_0__sc-1eq7fzi-1"
10
+ componentId: "core-12_50_1__sc-1eq7fzi-1"
11
11
  })(["flex:0 0 auto;"]);
12
12
  export var StyledListPageToolHeader = /*#__PURE__*/styled.div.withConfig({
13
13
  displayName: "StyledListPageToolHeader",
14
- componentId: "core-12_50_0__sc-1eq7fzi-2"
14
+ componentId: "core-12_50_1__sc-1eq7fzi-2"
15
15
  })(["flex:0 0 auto;padding-bottom:", "px;"], spacing.lg);
16
16
  export var StyledListPageControl = /*#__PURE__*/styled.div.withConfig({
17
17
  displayName: "StyledListPageControl",
18
- componentId: "core-12_50_0__sc-1eq7fzi-3"
18
+ componentId: "core-12_50_1__sc-1eq7fzi-3"
19
19
  })(["flex:", ";", " ", ""], function (_ref) {
20
20
  var $block = _ref.$block;
21
21
  return $block ? '1 0 auto' : '0 0 auto';
@@ -32,18 +32,18 @@ export var StyledListPageControl = /*#__PURE__*/styled.div.withConfig({
32
32
  });
33
33
  export var StyledListPageContentControls = /*#__PURE__*/styled.div.withConfig({
34
34
  displayName: "StyledListPageContentControls",
35
- componentId: "core-12_50_0__sc-1eq7fzi-4"
35
+ componentId: "core-12_50_1__sc-1eq7fzi-4"
36
36
  })(["align-items:center;display:flex;flex:0 0 auto;justify-content:space-between;padding:", "px 0;", " + ", "{margin-left:", "px;}"], spacing.md, StyledListPageControl, StyledListPageControl, spacing.lg);
37
37
  export var StyledListPageBody = /*#__PURE__*/styled.div.withConfig({
38
38
  displayName: "StyledListPageBody",
39
- componentId: "core-12_50_0__sc-1eq7fzi-5"
39
+ componentId: "core-12_50_1__sc-1eq7fzi-5"
40
40
  })(["display:flex;flex:1 0 auto;padding-top:", "px;"], spacing.md);
41
41
  export var StyledListPageBodyContent = /*#__PURE__*/styled.div.withConfig({
42
42
  displayName: "StyledListPageBodyContent",
43
- componentId: "core-12_50_0__sc-1eq7fzi-6"
43
+ componentId: "core-12_50_1__sc-1eq7fzi-6"
44
44
  })(["flex:1 1 auto;"]);
45
45
  export var StyledListPage = /*#__PURE__*/styled.div.withConfig({
46
46
  displayName: "StyledListPage",
47
- componentId: "core-12_50_0__sc-1eq7fzi-7"
47
+ componentId: "core-12_50_1__sc-1eq7fzi-7"
48
48
  })(["display:flex;flex-direction:row;height:100%;width:100%;", " + ", "{padding-top:", "px;}", " + ", "{border-top-color:", ";border-top-style:solid;border-top-width:1px;}", " + ", ",", " + ", "{border-top-color:", ";border-top-style:solid;border-top-width:1px;}", " + ", "{padding-top:0;}"], StyledListPageBanner, StyledListPageToolHeader, spacing.lg, StyledListPageContentControls, StyledListPageContentControls, colors.gray85, StyledListPageToolHeader, StyledListPageContentControls, StyledListPageToolHeader, StyledListPageBody, colors.gray85, StyledListPageContentControls, StyledListPageBody);
49
49
  //# sourceMappingURL=ListPage.styles.js.map
@@ -7,11 +7,11 @@ export var loaderTransitionDuration = 250;
7
7
  var movingStripes = /*#__PURE__*/keyframes(["from{background-position:", "px 0;}100%{background-position:0 ", "px;}"], backgroundSize, backgroundSize);
8
8
  export var StyledLoader = /*#__PURE__*/styled.div.withConfig({
9
9
  displayName: "StyledLoader",
10
- componentId: "core-12_50_0__sc-wgvjj9-0"
10
+ componentId: "core-12_50_1__sc-wgvjj9-0"
11
11
  })(["display:block;height:100%;left:0;min-width:12px;position:absolute;transition:width ", "ms ease-out;top:0;"], loaderTransitionDuration);
12
12
  export var StyledGradient = /*#__PURE__*/styled.div.withConfig({
13
13
  displayName: "StyledGradient",
14
- componentId: "core-12_50_0__sc-wgvjj9-1"
14
+ componentId: "core-12_50_1__sc-wgvjj9-1"
15
15
  })(["height:100%;", ""], function (_ref) {
16
16
  var $animated = _ref.$animated;
17
17
  return $animated ? css(["@media (prefers-reduced-motion:no-preference){animation:", " 0.5s linear infinite;}background-image:linear-gradient( 45deg,", " 26%,", " 25%,", " 51%,", " 50%,", " 76%,", " 75%,", " );background-size:", "px ", "px;"], movingStripes, color1, color2, color2, color1, color1, color2, color2, backgroundSize, backgroundSize) : css(["background-color:", ";"], colors.blue50);
@@ -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-12_50_0__sc-z984sz-0"
14
+ componentId: "core-12_50_1__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-12_50_0__sc-z984sz-1"
18
+ componentId: "core-12_50_1__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-12_50_0__sc-z984sz-2"
22
+ componentId: "core-12_50_1__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;}ol&{padding:", "px 0;list-style-type:none;margin:0;}"], optionMinHeight, function (_ref) {
24
24
  var _ref$$scrollable = _ref.$scrollable,
25
25
  $scrollable = _ref$$scrollable === void 0 ? true : _ref$$scrollable;
@@ -27,27 +27,27 @@ export var StyledOptions = /*#__PURE__*/styled.div.withConfig({
27
27
  }, spacing.sm, getFocus(), spacing.sm);
28
28
  export var StyledGrip = /*#__PURE__*/styled.div.withConfig({
29
29
  displayName: "StyledGrip",
30
- componentId: "core-12_50_0__sc-z984sz-3"
30
+ componentId: "core-12_50_1__sc-z984sz-3"
31
31
  })(["padding:0 2px;height:24px;"]);
32
32
  export var StyledHeader = /*#__PURE__*/styled.div.withConfig({
33
33
  displayName: "StyledHeader",
34
- componentId: "core-12_50_0__sc-z984sz-4"
34
+ componentId: "core-12_50_1__sc-z984sz-4"
35
35
  })([""]);
36
36
  export var StyledSearch = /*#__PURE__*/styled.div.withConfig({
37
37
  displayName: "StyledSearch",
38
- componentId: "core-12_50_0__sc-z984sz-5"
38
+ componentId: "core-12_50_1__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-12_50_0__sc-z984sz-6"
42
+ componentId: "core-12_50_1__sc-z984sz-6"
43
43
  })(["&:not(:first-child){margin-top:", "px;}"], spacing.md);
44
44
  export var StyledGroupLabel = /*#__PURE__*/styled.span.withConfig({
45
45
  displayName: "StyledGroupLabel",
46
- componentId: "core-12_50_0__sc-z984sz-7"
46
+ componentId: "core-12_50_1__sc-z984sz-7"
47
47
  })(["", " display:block;color:", ";font-weight:", ";padding:", "px ", "px;cursor:default;"], getTypographyIntent('body'), colors.gray15, typographyWeights.semibold, spacing.xs, spacing.lg);
48
48
  export var StyledItem = /*#__PURE__*/styled.div.withConfig({
49
49
  displayName: "StyledItem",
50
- componentId: "core-12_50_0__sc-z984sz-8"
50
+ componentId: "core-12_50_1__sc-z984sz-8"
51
51
  })(["", ";", " 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:", ";}", " ", "{color:inherit;cursor:pointer;}", " ", " ", ""], getTypographyIntent('body'), function (_ref2) {
52
52
  var as = _ref2.as;
53
53
  return as === 'a' && css(["display:block;text-decoration:none;"]);
@@ -76,10 +76,10 @@ export var StyledItem = /*#__PURE__*/styled.div.withConfig({
76
76
  });
77
77
  export var StyledDroppable = /*#__PURE__*/styled.div.withConfig({
78
78
  displayName: "StyledDroppable",
79
- componentId: "core-12_50_0__sc-z984sz-9"
79
+ componentId: "core-12_50_1__sc-z984sz-9"
80
80
  })(["", ",", "{padding-left:28px;}"], StyledGroup, StyledItem);
81
81
  export var StyledFooter = /*#__PURE__*/styled(Box).withConfig({
82
82
  displayName: "StyledFooter",
83
- componentId: "core-12_50_0__sc-z984sz-10"
83
+ componentId: "core-12_50_1__sc-z984sz-10"
84
84
  })(["border-top:1px solid ", ";border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;"], colors.gray85);
85
85
  //# sourceMappingURL=MenuImperative.styles.js.map