@procore/core-react 12.26.1 → 12.26.3

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 (230) hide show
  1. package/CHANGELOG.md +17 -0
  2. package/dist/AnchorNavigation/AnchorNavigation.styles.js +3 -3
  3. package/dist/Avatar/Avatar.styles.js +5 -5
  4. package/dist/AvatarStack/AvatarStack.styles.js +7 -7
  5. package/dist/Badge/Badge.styles.js +2 -2
  6. package/dist/BadgePill/BadgePill.styles.js +4 -4
  7. package/dist/Banner/Banner.styles.js +10 -10
  8. package/dist/Box/Box.styles.js +1 -1
  9. package/dist/Breadcrumbs/Breadcrumbs.styles.js +4 -4
  10. package/dist/Button/Button.styles.js +5 -5
  11. package/dist/Calendar/Calendar.styles.js +8 -8
  12. package/dist/Card/Card.styles.js +1 -1
  13. package/dist/Checkbox/Checkbox.styles.js +6 -6
  14. package/dist/Checkbox/CheckboxTooltip.js +1 -1
  15. package/dist/ContactItem/ContactItem.styles.js +5 -5
  16. package/dist/Content/Content.styles.js +2 -2
  17. package/dist/DateInput/DateInput.styles.js +6 -6
  18. package/dist/DeprecatedTextEditorOutput/DeprecatedTextEditorOutput.styles.js +1 -1
  19. package/dist/DetailPage/DetailPage.styles.js +7 -7
  20. package/dist/Dropdown/Dropdown.styles.js +3 -3
  21. package/dist/DropdownFlyout/DropdownFlyout.styles.js +4 -4
  22. package/dist/Dropzone/Dropzone.js +1 -1
  23. package/dist/Dropzone/Dropzone.styles.js +9 -9
  24. package/dist/EmptyState/EmptyState.styles.js +6 -6
  25. package/dist/Field/Field.styles.js +3 -3
  26. package/dist/FileList/FileList.styles.js +4 -4
  27. package/dist/FileSelect/FileExplorer/FileExplorer.styles.js +9 -9
  28. package/dist/FileSelect/FileExplorer/FileExplorerSidebar.styles.js +3 -3
  29. package/dist/FileSelect/FileSelect.styles.js +2 -2
  30. package/dist/FileSelect/FileSelectDropzone/FileSelectDropzone.styles.js +3 -3
  31. package/dist/FileSelect/FileTokenList/FileTokenList.styles.js +2 -2
  32. package/dist/FileSelect/GridSource/GridSource.styles.js +6 -6
  33. package/dist/FileSelect/LocalSource/LocalSource.styles.js +4 -4
  34. package/dist/FileSelect/SourceItem/SourceItem.styles.js +3 -3
  35. package/dist/FileSelect/ThumbnailList/ThumbnailList.styles.js +6 -6
  36. package/dist/FileSelect/TreeSource/TreeSource.styles.js +1 -1
  37. package/dist/FileToken/FileToken.styles.js +4 -4
  38. package/dist/FilterToken/FilterToken.styles.js +5 -5
  39. package/dist/FlexList/FlexList.styles.js +1 -1
  40. package/dist/Form/Form.js +7 -1
  41. package/dist/Form/Form.js.map +1 -1
  42. package/dist/Form/Form.styles.js +14 -14
  43. package/dist/Form/StyledFormikForm.styles.js +2 -2
  44. package/dist/GhostPlaceholder/GhostPlaceholder.styles.js +2 -2
  45. package/dist/Grid/Grid.styles.js +2 -2
  46. package/dist/GroupSelect/GroupSelect.styles.js +1 -1
  47. package/dist/Input/Input.styles.js +1 -1
  48. package/dist/Link/Link.styles.js +1 -1
  49. package/dist/ListPage/ListPage.styles.js +8 -8
  50. package/dist/Loader/Loader.styles.js +2 -2
  51. package/dist/MenuImperative/MenuImperative.styles.js +10 -10
  52. package/dist/Modal/Modal.styles.js +13 -13
  53. package/dist/MultiSelect/MultiSelect.styles.js +6 -6
  54. package/dist/NextMenu/NextMenu.styles.js +3 -3
  55. package/dist/NextTextEditor/NextTextEditor.js +6 -6
  56. package/dist/NextTextEditor/NextTextEditor.js.map +1 -1
  57. package/dist/NextTextEditor/NextTextEditor.styles.d.ts +4 -2
  58. package/dist/NextTextEditor/NextTextEditor.styles.js +8 -4
  59. package/dist/NextTextEditor/NextTextEditor.styles.js.map +1 -1
  60. package/dist/NextTextEditor/NextTextEditor.types.d.ts +1 -1
  61. package/dist/NextTextEditor/NextTextEditor.types.js.map +1 -1
  62. package/dist/NextTextEditorOutput/NextTextEditorOutput.js +10 -6
  63. package/dist/NextTextEditorOutput/NextTextEditorOutput.js.map +1 -1
  64. package/dist/NextTextEditorOutput/NextTextEditorOutput.styles.js +2 -2
  65. package/dist/NextTextEditorOutput/NextTextEditorOutput.styles.js.map +1 -1
  66. package/dist/Notation/Notation.js +1 -1
  67. package/dist/NumberInput/NumberInput.styles.js +7 -7
  68. package/dist/Overlay/OverlayArrow.styles.js +1 -1
  69. package/dist/PageLayout/PageLayout.styles.js +16 -16
  70. package/dist/PageTemplate/PageFooterTemplate/PageFooterTemplate.styles.js +1 -1
  71. package/dist/PageTemplate/PageHeaderTemplate/PageHeaderTemplate.styles.js +3 -3
  72. package/dist/PageTemplate/PagePaneTemplate/PagePaneTemplate.styles.js +2 -2
  73. package/dist/PageTemplate/PageTemplate/PageTemplate.styles.js +3 -3
  74. package/dist/Pagination/Pagination.styles.js +5 -5
  75. package/dist/Panel/Panel.styles.js +11 -11
  76. package/dist/Pill/Pill.styles.js +3 -3
  77. package/dist/PillSelect/PillSelect.styles.js +4 -4
  78. package/dist/Popover/Popover.styles.js +2 -2
  79. package/dist/Portal/Portal.styles.js +1 -1
  80. package/dist/ProgressBar/ProgressBar.styles.js +2 -2
  81. package/dist/RadioButton/RadioButton.styles.js +3 -3
  82. package/dist/Required/Required.styles.js +3 -3
  83. package/dist/Search/Search.js +4 -1
  84. package/dist/Search/Search.js.map +1 -1
  85. package/dist/Search/Search.styles.js +5 -5
  86. package/dist/Section/Section.styles.js +7 -7
  87. package/dist/SegmentedController/SegmentedController.styles.js +4 -4
  88. package/dist/Select/Select.styles.js +7 -7
  89. package/dist/Semantic/Semantic.styles.js +9 -9
  90. package/dist/Slider/Slider.styles.js +5 -5
  91. package/dist/Spinner/Spinner.styles.js +7 -7
  92. package/dist/SplitViewCard/SplitViewCard.styles.js +8 -8
  93. package/dist/SuperSelect/SuperSelect.presets.styles.js +1 -1
  94. package/dist/SuperSelect/SuperSelect.styles.js +37 -37
  95. package/dist/Switch/Switch.styles.js +4 -4
  96. package/dist/Table/Table.js +2 -0
  97. package/dist/Table/Table.js.map +1 -1
  98. package/dist/Table/Table.styles.js +28 -28
  99. package/dist/TableShelf/TableShelf.styles.js +5 -5
  100. package/dist/Tabs/Tabs.styles.js +15 -15
  101. package/dist/Tearsheet/Tearsheet.styles.js +5 -5
  102. package/dist/TextArea/TextArea.styles.js +1 -1
  103. package/dist/Thumbnail/Thumbnail.hooks.js +1 -0
  104. package/dist/Thumbnail/Thumbnail.hooks.js.map +1 -1
  105. package/dist/Thumbnail/Thumbnail.js +39 -16
  106. package/dist/Thumbnail/Thumbnail.js.map +1 -1
  107. package/dist/Thumbnail/Thumbnail.styles.d.ts +1 -2
  108. package/dist/Thumbnail/Thumbnail.styles.js +17 -17
  109. package/dist/Thumbnail/Thumbnail.styles.js.map +1 -1
  110. package/dist/ThumbnailGrid/ThumbnailGrid.styles.js +7 -7
  111. package/dist/TieredSelect/TieredSelect.styles.js +9 -9
  112. package/dist/Tile/Tile.styles.js +8 -8
  113. package/dist/Title/Title.styles.js +7 -7
  114. package/dist/Toast/Toast.styles.js +3 -3
  115. package/dist/ToggleButton/ToggleButton.styles.js +1 -1
  116. package/dist/Token/Token.js +12 -6
  117. package/dist/Token/Token.js.map +1 -1
  118. package/dist/Token/Token.styles.js +4 -4
  119. package/dist/Token/Token.styles.js.map +1 -1
  120. package/dist/Token/Token.types.d.ts +1 -0
  121. package/dist/Token/Token.types.js.map +1 -1
  122. package/dist/ToolHeader/ToolHeader.styles.js +6 -6
  123. package/dist/ToolLandingPage/ToolLandingPage.styles.js +3 -3
  124. package/dist/Tooltip/Tooltip.styles.js +2 -2
  125. package/dist/Tree/Tree.styles.js +9 -9
  126. package/dist/Typeahead/Typeahead.styles.js +3 -3
  127. package/dist/Typography/Typography.styles.js +1 -1
  128. package/dist/Typography/Typography.table.story.js +2 -2
  129. package/dist/_hooks/I18n.d.ts +36 -0
  130. package/dist/_locales/de-DE.json +3 -1
  131. package/dist/_locales/en-AU.json +3 -1
  132. package/dist/_locales/en-CA.json +3 -1
  133. package/dist/_locales/en-GB.json +3 -1
  134. package/dist/_locales/en.json +6 -2
  135. package/dist/_locales/es-ES.json +3 -1
  136. package/dist/_locales/es.json +3 -1
  137. package/dist/_locales/fr-CA.json +3 -1
  138. package/dist/_locales/fr-FR.json +3 -1
  139. package/dist/_locales/is-IS.json +3 -1
  140. package/dist/_locales/it-IT.json +3 -1
  141. package/dist/_locales/ja-JP.json +3 -1
  142. package/dist/_locales/pl-PL.json +3 -1
  143. package/dist/_locales/pseudo.json +6 -2
  144. package/dist/_locales/pt-BR.json +3 -1
  145. package/dist/_locales/th-TH.json +3 -1
  146. package/dist/_locales/zh-SG.json +3 -1
  147. package/dist/_locales/zh-TW.json +3 -1
  148. package/dist/_storyHelpers_/components/Deprecation.styles.js +1 -1
  149. package/dist/_storyHelpers_/components/StoryGrid.js +3 -3
  150. package/dist/_typedoc/AnchorNavigation/AnchorNavigation.types.json +3 -3
  151. package/dist/_typedoc/Avatar/Avatar.types.json +20 -20
  152. package/dist/_typedoc/AvatarStack/AvatarStack.types.json +24 -24
  153. package/dist/_typedoc/Badge/Badge.types.json +6 -6
  154. package/dist/_typedoc/Banner/Banner.types.json +13 -13
  155. package/dist/_typedoc/Box/Box.types.json +68 -68
  156. package/dist/_typedoc/Breadcrumbs/Breadcrumbs.types.json +10 -10
  157. package/dist/_typedoc/Button/Button.types.json +13 -13
  158. package/dist/_typedoc/Calendar/Calendar.types.json +80 -80
  159. package/dist/_typedoc/Card/Card.types.json +6 -6
  160. package/dist/_typedoc/Checkbox/Checkbox.types.json +8 -8
  161. package/dist/_typedoc/ContactItem/ContactItem.types.json +9 -9
  162. package/dist/_typedoc/DateInput/DateInput.types.json +35 -35
  163. package/dist/_typedoc/DateSelect/DateSelect.types.json +13 -13
  164. package/dist/_typedoc/DetailPage/DetailPage.types.json +5 -5
  165. package/dist/_typedoc/Dropdown/Dropdown.types.json +37 -37
  166. package/dist/_typedoc/DropdownFlyout/DropdownFlyout.types.json +30 -30
  167. package/dist/_typedoc/Dropzone/Dropzone.types.json +44 -44
  168. package/dist/_typedoc/EmptyState/EmptyState.types.json +16 -16
  169. package/dist/_typedoc/FileList/FileList.types.json +9 -9
  170. package/dist/_typedoc/FileSelect/FileSelect.types.json +27 -27
  171. package/dist/_typedoc/FileSelect/GridSource/GridSource.types.json +20 -20
  172. package/dist/_typedoc/FileSelect/LocalSource/LocalSource.types.json +14 -14
  173. package/dist/_typedoc/FileSelect/TreeSource/TreeSource.types.json +9 -9
  174. package/dist/_typedoc/Flex/Flex.types.json +27 -27
  175. package/dist/_typedoc/FlexList/FlexList.types.json +30 -30
  176. package/dist/_typedoc/Form/Form.types.json +754 -754
  177. package/dist/_typedoc/GhostPlaceholder/GhostPlaceholder.types.json +12 -12
  178. package/dist/_typedoc/Grid/Grid.types.json +8 -8
  179. package/dist/_typedoc/GroupSelect/GroupSelect.types.json +52 -52
  180. package/dist/_typedoc/Input/Input.types.json +2 -2
  181. package/dist/_typedoc/Link/Link.types.json +1 -1
  182. package/dist/_typedoc/ListPage/ListPage.types.json +13 -13
  183. package/dist/_typedoc/Menu/Menu.types.json +62 -62
  184. package/dist/_typedoc/MenuImperative/MenuImperative.types.json +74 -74
  185. package/dist/_typedoc/Modal/Modal.types.json +46 -46
  186. package/dist/_typedoc/MultiSelect/MultiSelect.types.json +31 -31
  187. package/dist/_typedoc/NextTile/NextTile.types.json +32 -32
  188. package/dist/_typedoc/Notation/Notation.types.json +4 -4
  189. package/dist/_typedoc/NumberInput/NumberInput.types.json +37 -37
  190. package/dist/_typedoc/OverlayTrigger/OverlayTrigger.types.json +32 -32
  191. package/dist/_typedoc/PageLayout/PageLayout.types.json +26 -26
  192. package/dist/_typedoc/Pagination/Pagination.types.json +7 -7
  193. package/dist/_typedoc/Panel/Panel.types.json +30 -30
  194. package/dist/_typedoc/Pill/Pill.types.json +2 -2
  195. package/dist/_typedoc/PillSelect/PillSelect.types.json +49 -49
  196. package/dist/_typedoc/Popover/Popover.types.json +15 -15
  197. package/dist/_typedoc/ProgressBar/ProgressBar.types.json +7 -7
  198. package/dist/_typedoc/RadioButton/RadioButton.types.json +6 -6
  199. package/dist/_typedoc/Required/Required.types.json +5 -5
  200. package/dist/_typedoc/Search/Search.types.json +18 -18
  201. package/dist/_typedoc/Section/Section.types.json +15 -15
  202. package/dist/_typedoc/SegmentedController/SegmentedController.types.json +21 -21
  203. package/dist/_typedoc/Select/Select.types.json +60 -60
  204. package/dist/_typedoc/SettingsPage/SettingsPage.types.json +10 -10
  205. package/dist/_typedoc/Slider/Slider.types.json +6 -6
  206. package/dist/_typedoc/Spinner/Spinner.types.json +9 -9
  207. package/dist/_typedoc/SplitViewCard/SplitViewCard.types.json +14 -14
  208. package/dist/_typedoc/Table/Table.types.json +101 -101
  209. package/dist/_typedoc/Tabs/Tabs.types.json +20 -20
  210. package/dist/_typedoc/Tearsheet/Tearsheet.types.json +17 -17
  211. package/dist/_typedoc/TextArea/TextArea.types.json +3 -3
  212. package/dist/_typedoc/TextEditor/TextEditorDocs.types.json +9 -9
  213. package/dist/_typedoc/TextEditor/TextEditorProvider.types.json +2 -2
  214. package/dist/_typedoc/TextEditorOutput/TextEditorOutputDocs.types.json +3 -3
  215. package/dist/_typedoc/Thumbnail/Thumbnail.types.json +19 -19
  216. package/dist/_typedoc/TieredDropdown/TieredDropdown.types.json +42 -42
  217. package/dist/_typedoc/TieredSelect/TieredSelect.types.json +28 -28
  218. package/dist/_typedoc/Tile/Tile.types.json +8 -8
  219. package/dist/_typedoc/Title/Title.types.json +1 -1
  220. package/dist/_typedoc/Toast/Toast.types.json +4 -4
  221. package/dist/_typedoc/ToggleButton/ToggleButton.types.json +4 -4
  222. package/dist/_typedoc/Token/Token.types.json +16 -6
  223. package/dist/_typedoc/ToolHeader/ToolHeader.types.json +10 -10
  224. package/dist/_typedoc/ToolLandingPage/ToolLandingPage.types.json +7 -7
  225. package/dist/_typedoc/Tooltip/Tooltip.types.json +13 -13
  226. package/dist/_typedoc/Tree/Tree.types.json +86 -86
  227. package/dist/_typedoc/Typeahead/Typeahead.types.json +2 -2
  228. package/dist/_typedoc/Typography/Typography.types.json +9 -9
  229. package/dist/_typedoc/_utils/types.json +3 -3
  230. package/package.json +1 -1
@@ -5,36 +5,36 @@ import { Typography } from '../Typography/Typography';
5
5
  import { spacing } from '../_styles/spacing';
6
6
  export var StyledTitle = /*#__PURE__*/styled.div.withConfig({
7
7
  displayName: "StyledTitle",
8
- componentId: "core-12_26_1__sc-1t2ye1d-0"
8
+ componentId: "core-12_26_3__sc-1t2ye1d-0"
9
9
  })(["display:flex;align-items:flex-start;"]);
10
10
  export var StyledAssets = /*#__PURE__*/styled.div.withConfig({
11
11
  displayName: "StyledAssets",
12
- componentId: "core-12_26_1__sc-1t2ye1d-1"
12
+ componentId: "core-12_26_3__sc-1t2ye1d-1"
13
13
  })(["margin-right:", "px;", ""], spacing.md, function (_ref) {
14
14
  var alignment = _ref.alignment;
15
15
  return css(["align-self:", ";"], alignment);
16
16
  });
17
17
  export var StyledTitleContent = /*#__PURE__*/styled.div.withConfig({
18
18
  displayName: "StyledTitleContent",
19
- componentId: "core-12_26_1__sc-1t2ye1d-2"
19
+ componentId: "core-12_26_3__sc-1t2ye1d-2"
20
20
  })(["align-self:center;", ""], function (_ref2) {
21
21
  var $hasActions = _ref2.$hasActions;
22
22
  return $hasActions && css(["margin-right:", "px;"], spacing.lg);
23
23
  });
24
24
  export var StyledText = /*#__PURE__*/styled.span.withConfig({
25
25
  displayName: "StyledText",
26
- componentId: "core-12_26_1__sc-1t2ye1d-3"
26
+ componentId: "core-12_26_3__sc-1t2ye1d-3"
27
27
  })(["> h1,> h2,> h3{display:inline;}"]);
28
28
  export var StyledTitlePill = /*#__PURE__*/styled.span.withConfig({
29
29
  displayName: "StyledTitlePill",
30
- componentId: "core-12_26_1__sc-1t2ye1d-4"
30
+ componentId: "core-12_26_3__sc-1t2ye1d-4"
31
31
  })(["margin-left:", "px;", "{vertical-align:text-top;}"], spacing.sm, StyledPill);
32
32
  export var StyledTitleActions = /*#__PURE__*/styled(StyledActions).withConfig({
33
33
  displayName: "StyledTitleActions",
34
- componentId: "core-12_26_1__sc-1t2ye1d-5"
34
+ componentId: "core-12_26_3__sc-1t2ye1d-5"
35
35
  })(["margin-left:auto;"]);
36
36
  export var StyledSubtext = /*#__PURE__*/styled(Typography).withConfig({
37
37
  displayName: "StyledSubtext",
38
- componentId: "core-12_26_1__sc-1t2ye1d-6"
38
+ componentId: "core-12_26_3__sc-1t2ye1d-6"
39
39
  })(["display:block;margin-top:", "px;"], spacing.xs);
40
40
  //# sourceMappingURL=Title.styles.js.map
@@ -7,7 +7,7 @@ import { getShadow } from '../_styles/shadows';
7
7
  import { spacing } from '../_styles/spacing';
8
8
  export var StyledToast = /*#__PURE__*/styled.div.withConfig({
9
9
  displayName: "StyledToast",
10
- componentId: "core-12_26_1__sc-1l6lk2n-0"
10
+ componentId: "core-12_26_3__sc-1l6lk2n-0"
11
11
  })(["", " align-items:center;background-color:", ";border-radius:", "px;color:", ";display:flex;min-height:48px;padding:", "px ", "px;width:550px;"], getShadow(4, 'bottom'), function (_ref) {
12
12
  var $variant = _ref.$variant;
13
13
  return $variant === 'success' ? colors.green30 : colors.red50;
@@ -16,13 +16,13 @@ export var StyledToast = /*#__PURE__*/styled.div.withConfig({
16
16
  // $legacy is direct string inside Toast. Next is with subcomponents
17
17
  export var StyledToastText = /*#__PURE__*/styled.span.withConfig({
18
18
  displayName: "StyledToastText",
19
- componentId: "core-12_26_1__sc-1l6lk2n-1"
19
+ componentId: "core-12_26_3__sc-1l6lk2n-1"
20
20
  })(["", " font-weight:", ";overflow:hidden;", ""], getTypographyIntent('body'), typographyWeights.semibold, function (_ref2) {
21
21
  var $legacy = _ref2.$legacy;
22
22
  return $legacy ? "margin-left: ".concat(spacing.lg, "px;") : "padding: 0 ".concat(spacing.lg, "px;");
23
23
  });
24
24
  export var StyledToastButton = /*#__PURE__*/styled(Button).withConfig({
25
25
  displayName: "StyledToastButton",
26
- componentId: "core-12_26_1__sc-1l6lk2n-2"
26
+ componentId: "core-12_26_3__sc-1l6lk2n-2"
27
27
  })(["line-height:0;color:", ";padding:0;margin-left:auto;"], colors.white);
28
28
  //# sourceMappingURL=Toast.styles.js.map
@@ -3,7 +3,7 @@ import { Button } from '../Button/Button';
3
3
  import { colors } from '../_styles/colors';
4
4
  export var StyledToggleButton = /*#__PURE__*/styled(Button).withConfig({
5
5
  displayName: "StyledToggleButton",
6
- componentId: "core-12_26_1__sc-1x59fxi-0"
6
+ componentId: "core-12_26_3__sc-1x59fxi-0"
7
7
  })(["", ""], function (_ref) {
8
8
  var $selected = _ref.$selected;
9
9
  return $selected && css(["background-color:", ";color:", ";[data-icon-prop='true']{color:", ";}&:hover{background-color:", ";color:", ";}&:focus{background-color:", ";color:", ";}&:disabled{background-color:", ";color:", ";[data-icon-prop='true']{color:", ";}circle{stroke:", ";}}"], colors.blue96, colors.blue45, colors.blue50, colors.blue90, colors.blue45, colors.blue96, colors.blue45, colors.blue96, colors.blue70, colors.blue70, colors.blue50);
@@ -11,7 +11,8 @@ import { addSubcomponents } from '../_utils/addSubcomponents';
11
11
  import { StyledLabel, StyledRemove, StyledToken } from './Token.styles';
12
12
  var TokenContext = /*#__PURE__*/React.createContext({
13
13
  labelId: '',
14
- removeId: ''
14
+ removeId: '',
15
+ isDisabled: false
15
16
  });
16
17
  var Parent = /*#__PURE__*/React.forwardRef(function Token(_ref, ref) {
17
18
  var children = _ref.children,
@@ -25,17 +26,20 @@ var Parent = /*#__PURE__*/React.forwardRef(function Token(_ref, ref) {
25
26
  props = _objectWithoutProperties(_ref, _excluded);
26
27
  var labelId = useId();
27
28
  var removeId = useId();
29
+ var isDisabled = disabled || variant === 'disabled';
30
+ var isFocused = focused || variant === 'focused';
28
31
  return /*#__PURE__*/React.createElement(TokenContext.Provider, {
29
32
  value: {
30
33
  labelId: labelId,
31
- removeId: removeId
34
+ removeId: removeId,
35
+ isDisabled: isDisabled
32
36
  }
33
37
  }, /*#__PURE__*/React.createElement(StyledToken, _extends({
34
38
  ref: ref,
35
39
  tabIndex: 0
36
40
  }, props, {
37
- $disabled: disabled || variant === 'disabled',
38
- $focused: focused || variant === 'focused',
41
+ $disabled: isDisabled,
42
+ $focused: isFocused,
39
43
  $error: error
40
44
  }), children));
41
45
  });
@@ -43,13 +47,15 @@ var Remove = /*#__PURE__*/React.forwardRef(function TokenRemove(props, ref) {
43
47
  var i18n = useI18nContext();
44
48
  var _React$useContext = React.useContext(TokenContext),
45
49
  labelId = _React$useContext.labelId,
46
- removeId = _React$useContext.removeId;
50
+ removeId = _React$useContext.removeId,
51
+ isDisabled = _React$useContext.isDisabled;
47
52
  return /*#__PURE__*/React.createElement(StyledRemove, _extends({
48
53
  ref: ref,
49
54
  "aria-hidden": "false",
50
55
  "aria-label": i18n.t('core.token.remove'),
51
56
  "aria-labelledby": "".concat(removeId, " ").concat(labelId),
52
- id: removeId
57
+ id: removeId,
58
+ disabled: isDisabled
53
59
  }, props, {
54
60
  icon: /*#__PURE__*/React.createElement(Clear, {
55
61
  role: "img"
@@ -1 +1 @@
1
- {"version":3,"file":"Token.js","names":["Clear","useId","React","useI18nContext","addSubcomponents","StyledLabel","StyledRemove","StyledToken","TokenContext","createContext","labelId","removeId","Parent","forwardRef","Token","_ref","ref","children","_ref$disabled","disabled","_ref$focused","focused","_ref$error","error","variant","props","_objectWithoutProperties","_excluded","createElement","Provider","value","_extends","tabIndex","$disabled","$focused","$error","Remove","TokenRemove","i18n","_React$useContext","useContext","t","concat","id","icon","role","size","Label","_ref2","_excluded2","_React$useContext2","displayName"],"sources":["../../src/Token/Token.tsx"],"sourcesContent":["import { Clear } from '@procore/core-icons'\nimport { useId } from '@react-aria/utils'\nimport React from 'react'\nimport type { ButtonProps } from '../Button'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport type { Props } from '../_utils/types'\nimport { StyledLabel, StyledRemove, StyledToken } from './Token.styles'\nimport type { TokenContextApi, TokenProps } from './Token.types'\n\nconst TokenContext = React.createContext<TokenContextApi>({\n labelId: '',\n removeId: '',\n})\n\nconst Parent = React.forwardRef<\n HTMLDivElement,\n React.HTMLAttributes<HTMLDivElement> & TokenProps\n>(function Token(\n {\n children,\n disabled = false,\n focused = false,\n error = false,\n variant,\n ...props\n },\n ref\n) {\n const labelId = useId()\n const removeId = useId()\n\n return (\n <TokenContext.Provider value={{ labelId, removeId }}>\n <StyledToken\n ref={ref}\n tabIndex={0}\n {...props}\n $disabled={disabled || variant === 'disabled'}\n $focused={focused || variant === 'focused'}\n $error={error}\n >\n {children}\n </StyledToken>\n </TokenContext.Provider>\n )\n})\n\nconst Remove = React.forwardRef<HTMLButtonElement, ButtonProps>(\n function TokenRemove(props, ref) {\n const i18n = useI18nContext()\n const { labelId, removeId } = React.useContext(TokenContext)\n\n return (\n <StyledRemove\n ref={ref}\n aria-hidden=\"false\"\n aria-label={i18n.t('core.token.remove')}\n aria-labelledby={`${removeId} ${labelId}`}\n id={removeId}\n {...props}\n icon={<Clear role=\"img\" />}\n size=\"sm\"\n variant=\"tertiary\"\n />\n )\n }\n)\n\nconst Label = React.forwardRef<\n HTMLSpanElement,\n React.HTMLAttributes<HTMLSpanElement> & Props\n>(function Label({ children, ...props }, ref) {\n const { labelId } = React.useContext(TokenContext)\n\n return (\n <StyledLabel id={labelId} ref={ref} {...props}>\n {children}\n </StyledLabel>\n )\n})\n\nParent.displayName = 'Token'\nRemove.displayName = 'Token.Remove'\nLabel.displayName = 'Token.Label'\n\n/**\n\n We use tokens in our multi select dropdowns and file attachers to indicate what\n has been selected or attached. Tokens in these components are removable.\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-token--demo)\n\n @see [Design Guidelines](https://design.procore.com/tokens)\n\n */\nexport const Token = addSubcomponents(\n {\n Label,\n Remove,\n },\n Parent\n)\n"],"mappings":"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"}
1
+ {"version":3,"file":"Token.js","names":["Clear","useId","React","useI18nContext","addSubcomponents","StyledLabel","StyledRemove","StyledToken","TokenContext","createContext","labelId","removeId","isDisabled","Parent","forwardRef","Token","_ref","ref","children","_ref$disabled","disabled","_ref$focused","focused","_ref$error","error","variant","props","_objectWithoutProperties","_excluded","isFocused","createElement","Provider","value","_extends","tabIndex","$disabled","$focused","$error","Remove","TokenRemove","i18n","_React$useContext","useContext","t","concat","id","icon","role","size","Label","_ref2","_excluded2","_React$useContext2","displayName"],"sources":["../../src/Token/Token.tsx"],"sourcesContent":["import { Clear } from '@procore/core-icons'\nimport { useId } from '@react-aria/utils'\nimport React from 'react'\nimport type { ButtonProps } from '../Button'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport type { Props } from '../_utils/types'\nimport { StyledLabel, StyledRemove, StyledToken } from './Token.styles'\nimport type { TokenContextApi, TokenProps } from './Token.types'\n\nconst TokenContext = React.createContext<TokenContextApi>({\n labelId: '',\n removeId: '',\n isDisabled: false,\n})\n\nconst Parent = React.forwardRef<\n HTMLDivElement,\n React.HTMLAttributes<HTMLDivElement> & TokenProps\n>(function Token(\n {\n children,\n disabled = false,\n focused = false,\n error = false,\n variant,\n ...props\n },\n ref\n) {\n const labelId = useId()\n const removeId = useId()\n const isDisabled = disabled || variant === 'disabled'\n const isFocused = focused || variant === 'focused'\n\n return (\n <TokenContext.Provider value={{ labelId, removeId, isDisabled }}>\n <StyledToken\n ref={ref}\n tabIndex={0}\n {...props}\n $disabled={isDisabled}\n $focused={isFocused}\n $error={error}\n >\n {children}\n </StyledToken>\n </TokenContext.Provider>\n )\n})\n\nconst Remove = React.forwardRef<HTMLButtonElement, ButtonProps>(\n function TokenRemove(props, ref) {\n const i18n = useI18nContext()\n const { labelId, removeId, isDisabled } = React.useContext(TokenContext)\n\n return (\n <StyledRemove\n ref={ref}\n aria-hidden=\"false\"\n aria-label={i18n.t('core.token.remove')}\n aria-labelledby={`${removeId} ${labelId}`}\n id={removeId}\n disabled={isDisabled}\n {...props}\n icon={<Clear role=\"img\" />}\n size=\"sm\"\n variant=\"tertiary\"\n />\n )\n }\n)\n\nconst Label = React.forwardRef<\n HTMLSpanElement,\n React.HTMLAttributes<HTMLSpanElement> & Props\n>(function Label({ children, ...props }, ref) {\n const { labelId } = React.useContext(TokenContext)\n\n return (\n <StyledLabel id={labelId} ref={ref} {...props}>\n {children}\n </StyledLabel>\n )\n})\n\nParent.displayName = 'Token'\nRemove.displayName = 'Token.Remove'\nLabel.displayName = 'Token.Label'\n\n/**\n\n We use tokens in our multi select dropdowns and file attachers to indicate what\n has been selected or attached. Tokens in these components are removable.\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-token--demo)\n\n @see [Design Guidelines](https://design.procore.com/tokens)\n\n */\nexport const Token = addSubcomponents(\n {\n Label,\n Remove,\n },\n Parent\n)\n"],"mappings":"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"}
@@ -6,15 +6,15 @@ 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_26_1__sc-zqi94b-0"
9
+ componentId: "core-12_26_3__sc-zqi94b-0"
10
10
  })(["", " ", " flex:0 1 auto;"], getTypographyIntent('body'), getEllipsis);
11
11
  export var StyledRemove = /*#__PURE__*/styled(Button).withConfig({
12
12
  displayName: "StyledRemove",
13
- componentId: "core-12_26_1__sc-zqi94b-1"
14
- })(["border-radius:100%;color:", ";flex:0 0 auto;height:16px;margin:0 -", "px 0 ", "px;padding:0;width:16px;&:hover{background:", ";color:", ";}"], colors.white, spacing.sm, spacing.sm, colors.white, colors.blue40);
13
+ componentId: "core-12_26_3__sc-zqi94b-1"
14
+ })(["border-radius:100%;color:", ";flex:0 0 auto;height:16px;margin:0 -", "px 0 ", "px;padding:0;width:16px;&:hover{background:", ";color:", ";}&:disabled,&[aria-disabled='true']{color:", ";}"], colors.white, spacing.sm, spacing.sm, colors.white, colors.blue40, colors.white);
15
15
  export var StyledToken = /*#__PURE__*/styled.div.withConfig({
16
16
  displayName: "StyledToken",
17
- componentId: "core-12_26_1__sc-zqi94b-2"
17
+ componentId: "core-12_26_3__sc-zqi94b-2"
18
18
  })(["align-items:center;background-color:", ";border-radius:200px;border:1px solid transparent;color:", ";cursor:default;display:inline-flex;height:24px;line-height:1;max-width:360px;min-width:48px;padding:", "px ", "px;&:hover,&.hover{background-color:", ";}", " ", " ", ""], colors.blue50, colors.white, spacing.xs, spacing.md, colors.blue45, function (_ref) {
19
19
  var _ref$$focused = _ref.$focused,
20
20
  $focused = _ref$$focused === void 0 ? false : _ref$$focused,
@@ -1 +1 @@
1
- {"version":3,"file":"Token.styles.js","names":["styled","css","Button","getTypographyIntent","colors","getEllipsis","getFocus","spacing","StyledLabel","span","withConfig","displayName","componentId","StyledRemove","white","sm","blue40","StyledToken","div","blue50","xs","md","blue45","_ref","_ref$$focused","$focused","_ref$$disabled","$disabled","_ref2","_ref2$$disabled","gray70","_ref3","_ref3$$error","$error","red50"],"sources":["../../src/Token/Token.styles.tsx"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { Button } from '../Button'\nimport { getTypographyIntent } from '../Typography'\nimport { colors } from '../_styles/colors'\nimport { getEllipsis, getFocus } from '../_styles/mixins'\nimport { spacing } from '../_styles/spacing'\n\nexport const StyledLabel = styled.span`\n ${getTypographyIntent('body')}\n\n ${getEllipsis}\n\n flex: 0 1 auto;\n`\n\nexport const StyledRemove = styled(Button)`\n border-radius: 100%;\n color: ${colors.white};\n flex: 0 0 auto;\n height: 16px;\n margin: 0 -${spacing.sm}px 0 ${spacing.sm}px;\n padding: 0;\n width: 16px;\n\n &:hover {\n background: ${colors.white};\n color: ${colors.blue40};\n }\n`\n\nexport const StyledToken = styled.div<{\n $disabled: boolean\n $focused: boolean\n $error: boolean\n}>`\n align-items: center;\n background-color: ${colors.blue50};\n border-radius: 200px; // TODO investigate this magic number\n border: 1px solid transparent;\n color: ${colors.white};\n cursor: default;\n display: inline-flex;\n height: 24px;\n line-height: 1; // TODO investigate this magic number\n max-width: 360px; // TODO investigate this magic number\n min-width: 48px; // TODO investigate this magic number\n padding: ${spacing.xs}px ${spacing.md}px;\n\n &:hover,\n &.hover {\n background-color: ${colors.blue45};\n }\n\n ${({ $focused = false, $disabled = false }) =>\n $focused &&\n css`\n ${getFocus()}\n\n background-color: ${colors.blue45};\n\n ${!$disabled &&\n css`\n ${StyledRemove} {\n background-color: ${colors.white};\n color: ${colors.blue45};\n }\n `}\n `}\n\n ${({ $disabled = false }) =>\n $disabled &&\n css`\n background-color: ${colors.gray70};\n border-color: transparent;\n box-shadow: none;\n pointer-events: none;\n `}\n\n ${({ $error = false }) =>\n $error &&\n css`\n &,\n &:hover {\n background-color: ${colors.red50};\n }\n `}\n`\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,MAAM,QAAQ,WAAW;AAClC,SAASC,mBAAmB,QAAQ,eAAe;AACnD,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,WAAW,EAAEC,QAAQ,QAAQ,mBAAmB;AACzD,SAASC,OAAO,QAAQ,oBAAoB;AAE5C,OAAO,IAAMC,WAAW,gBAAGR,MAAM,CAACS,IAAI,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,iCAClCT,mBAAmB,CAAC,MAAM,CAAC,EAE3BE,WAAW,CAGd;AAED,OAAO,IAAMQ,YAAY,gBAAGb,MAAM,CAACE,MAAM,CAAC,CAAAQ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,oJAE/BR,MAAM,CAACU,KAAK,EAGRP,OAAO,CAACQ,EAAE,EAAQR,OAAO,CAACQ,EAAE,EAKzBX,MAAM,CAACU,KAAK,EACjBV,MAAM,CAACY,MAAM,CAEzB;AAED,OAAO,IAAMC,WAAW,gBAAGjB,MAAM,CAACkB,GAAG,CAAAR,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,qRAMfR,MAAM,CAACe,MAAM,EAGxBf,MAAM,CAACU,KAAK,EAOVP,OAAO,CAACa,EAAE,EAAMb,OAAO,CAACc,EAAE,EAIfjB,MAAM,CAACkB,MAAM,EAGjC,UAAAC,IAAA;EAAA,IAAAC,aAAA,GAAAD,IAAA,CAAGE,QAAQ;IAARA,QAAQ,GAAAD,aAAA,cAAG,KAAK,GAAAA,aAAA;IAAAE,cAAA,GAAAH,IAAA,CAAEI,SAAS;IAATA,SAAS,GAAAD,cAAA,cAAG,KAAK,GAAAA,cAAA;EAAA,OACtCD,QAAQ,IACRxB,GAAG,sCACCK,QAAQ,CAAC,CAAC,EAEQF,MAAM,CAACkB,MAAM,EAE/B,CAACK,SAAS,IACZ1B,GAAG,8CACCY,YAAY,EACQT,MAAM,CAACU,KAAK,EACvBV,MAAM,CAACkB,MAAM,CAEzB,CACF;AAAA,GAED,UAAAM,KAAA;EAAA,IAAAC,eAAA,GAAAD,KAAA,CAAGD,SAAS;IAATA,SAAS,GAAAE,eAAA,cAAG,KAAK,GAAAA,eAAA;EAAA,OACpBF,SAAS,IACT1B,GAAG,0FACmBG,MAAM,CAAC0B,MAAM,CAIlC;AAAA,GAED,UAAAC,KAAA;EAAA,IAAAC,YAAA,GAAAD,KAAA,CAAGE,MAAM;IAANA,MAAM,GAAAD,YAAA,cAAG,KAAK,GAAAA,YAAA;EAAA,OACjBC,MAAM,IACNhC,GAAG,wCAGqBG,MAAM,CAAC8B,KAAK,CAEnC;AAAA,EACJ"}
1
+ {"version":3,"file":"Token.styles.js","names":["styled","css","Button","getTypographyIntent","colors","getEllipsis","getFocus","spacing","StyledLabel","span","withConfig","displayName","componentId","StyledRemove","white","sm","blue40","StyledToken","div","blue50","xs","md","blue45","_ref","_ref$$focused","$focused","_ref$$disabled","$disabled","_ref2","_ref2$$disabled","gray70","_ref3","_ref3$$error","$error","red50"],"sources":["../../src/Token/Token.styles.tsx"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { Button } from '../Button'\nimport { getTypographyIntent } from '../Typography'\nimport { colors } from '../_styles/colors'\nimport { getEllipsis, getFocus } from '../_styles/mixins'\nimport { spacing } from '../_styles/spacing'\n\nexport const StyledLabel = styled.span`\n ${getTypographyIntent('body')}\n\n ${getEllipsis}\n\n flex: 0 1 auto;\n`\n\nexport const StyledRemove = styled(Button)`\n border-radius: 100%;\n color: ${colors.white};\n flex: 0 0 auto;\n height: 16px;\n margin: 0 -${spacing.sm}px 0 ${spacing.sm}px;\n padding: 0;\n width: 16px;\n\n &:hover {\n background: ${colors.white};\n color: ${colors.blue40};\n }\n\n &:disabled,\n &[aria-disabled='true'] {\n color: ${colors.white};\n }\n`\n\nexport const StyledToken = styled.div<{\n $disabled: boolean\n $focused: boolean\n $error: boolean\n}>`\n align-items: center;\n background-color: ${colors.blue50};\n border-radius: 200px; // TODO investigate this magic number\n border: 1px solid transparent;\n color: ${colors.white};\n cursor: default;\n display: inline-flex;\n height: 24px;\n line-height: 1; // TODO investigate this magic number\n max-width: 360px; // TODO investigate this magic number\n min-width: 48px; // TODO investigate this magic number\n padding: ${spacing.xs}px ${spacing.md}px;\n\n &:hover,\n &.hover {\n background-color: ${colors.blue45};\n }\n\n ${({ $focused = false, $disabled = false }) =>\n $focused &&\n css`\n ${getFocus()}\n\n background-color: ${colors.blue45};\n\n ${!$disabled &&\n css`\n ${StyledRemove} {\n background-color: ${colors.white};\n color: ${colors.blue45};\n }\n `}\n `}\n\n ${({ $disabled = false }) =>\n $disabled &&\n css`\n background-color: ${colors.gray70};\n border-color: transparent;\n box-shadow: none;\n pointer-events: none;\n `}\n\n ${({ $error = false }) =>\n $error &&\n css`\n &,\n &:hover {\n background-color: ${colors.red50};\n }\n `}\n`\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,MAAM,QAAQ,WAAW;AAClC,SAASC,mBAAmB,QAAQ,eAAe;AACnD,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,WAAW,EAAEC,QAAQ,QAAQ,mBAAmB;AACzD,SAASC,OAAO,QAAQ,oBAAoB;AAE5C,OAAO,IAAMC,WAAW,gBAAGR,MAAM,CAACS,IAAI,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,iCAClCT,mBAAmB,CAAC,MAAM,CAAC,EAE3BE,WAAW,CAGd;AAED,OAAO,IAAMQ,YAAY,gBAAGb,MAAM,CAACE,MAAM,CAAC,CAAAQ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,mMAE/BR,MAAM,CAACU,KAAK,EAGRP,OAAO,CAACQ,EAAE,EAAQR,OAAO,CAACQ,EAAE,EAKzBX,MAAM,CAACU,KAAK,EACjBV,MAAM,CAACY,MAAM,EAKbZ,MAAM,CAACU,KAAK,CAExB;AAED,OAAO,IAAMG,WAAW,gBAAGjB,MAAM,CAACkB,GAAG,CAAAR,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,qRAMfR,MAAM,CAACe,MAAM,EAGxBf,MAAM,CAACU,KAAK,EAOVP,OAAO,CAACa,EAAE,EAAMb,OAAO,CAACc,EAAE,EAIfjB,MAAM,CAACkB,MAAM,EAGjC,UAAAC,IAAA;EAAA,IAAAC,aAAA,GAAAD,IAAA,CAAGE,QAAQ;IAARA,QAAQ,GAAAD,aAAA,cAAG,KAAK,GAAAA,aAAA;IAAAE,cAAA,GAAAH,IAAA,CAAEI,SAAS;IAATA,SAAS,GAAAD,cAAA,cAAG,KAAK,GAAAA,cAAA;EAAA,OACtCD,QAAQ,IACRxB,GAAG,sCACCK,QAAQ,CAAC,CAAC,EAEQF,MAAM,CAACkB,MAAM,EAE/B,CAACK,SAAS,IACZ1B,GAAG,8CACCY,YAAY,EACQT,MAAM,CAACU,KAAK,EACvBV,MAAM,CAACkB,MAAM,CAEzB,CACF;AAAA,GAED,UAAAM,KAAA;EAAA,IAAAC,eAAA,GAAAD,KAAA,CAAGD,SAAS;IAATA,SAAS,GAAAE,eAAA,cAAG,KAAK,GAAAA,eAAA;EAAA,OACpBF,SAAS,IACT1B,GAAG,0FACmBG,MAAM,CAAC0B,MAAM,CAIlC;AAAA,GAED,UAAAC,KAAA;EAAA,IAAAC,YAAA,GAAAD,KAAA,CAAGE,MAAM;IAANA,MAAM,GAAAD,YAAA,cAAG,KAAK,GAAAA,YAAA;EAAA,OACjBC,MAAM,IACNhC,GAAG,wCAGqBG,MAAM,CAAC8B,KAAK,CAEnC;AAAA,EACJ"}
@@ -37,4 +37,5 @@ export interface TokenProps {
37
37
  export interface TokenContextApi {
38
38
  labelId: string;
39
39
  removeId: string;
40
+ isDisabled: boolean;
40
41
  }
@@ -1 +1 @@
1
- {"version":3,"file":"Token.types.js","names":[],"sources":["../../src/Token/Token.types.ts"],"sourcesContent":["export interface TokenProps {\n /**\n * Disables the token\n * @since 10.19.0\n */\n disabled?: boolean\n /**\n * @since 10.19.0\n */\n focused?: boolean\n /**\n * @since 10.19.0\n */\n error?: boolean\n /**\n * @deprecated\n *\n * All variants have been deprecated and will be removed in a future version.\n * Please use `Token.Remove` component or `disabled` boolean prop instead.\n *\n * **Before**\n *\n * `<Token variant='icon'>\n * <Token.Icon icon=\"x\" />\n * </Token>`\n *\n * **After**\n *\n * `<Token>\n * <Token.Remove />\n * </Token>`\n *\n * @deprecatedSince 10.27.0\n */\n variant?: 'disabled' | 'focused' | 'icon' | 'standard'\n}\n\nexport interface TokenContextApi {\n labelId: string\n removeId: string\n}\n"],"mappings":""}
1
+ {"version":3,"file":"Token.types.js","names":[],"sources":["../../src/Token/Token.types.ts"],"sourcesContent":["export interface TokenProps {\n /**\n * Disables the token\n * @since 10.19.0\n */\n disabled?: boolean\n /**\n * @since 10.19.0\n */\n focused?: boolean\n /**\n * @since 10.19.0\n */\n error?: boolean\n /**\n * @deprecated\n *\n * All variants have been deprecated and will be removed in a future version.\n * Please use `Token.Remove` component or `disabled` boolean prop instead.\n *\n * **Before**\n *\n * `<Token variant='icon'>\n * <Token.Icon icon=\"x\" />\n * </Token>`\n *\n * **After**\n *\n * `<Token>\n * <Token.Remove />\n * </Token>`\n *\n * @deprecatedSince 10.27.0\n */\n variant?: 'disabled' | 'focused' | 'icon' | 'standard'\n}\n\nexport interface TokenContextApi {\n labelId: string\n removeId: string\n isDisabled: boolean\n}\n"],"mappings":""}
@@ -5,7 +5,7 @@ import { colors } from '../_styles/colors';
5
5
  import { spacing } from '../_styles/spacing';
6
6
  export var StyledHeaderBadge = /*#__PURE__*/styled.div.withConfig({
7
7
  displayName: "StyledHeaderBadge",
8
- componentId: "core-12_26_1__sc-1jpjx47-0"
8
+ componentId: "core-12_26_3__sc-1jpjx47-0"
9
9
  })(["", " border-radius:10px;border-style:solid;border-width:1px;display:inline-block;margin-bottom:", "px;padding:1px ", "px;", ""], getTypographyIntent('small'), spacing.sm, spacing.sm, function (_ref) {
10
10
  var $variant = _ref.$variant;
11
11
  if ($variant) {
@@ -18,22 +18,22 @@ export var StyledHeaderBadge = /*#__PURE__*/styled.div.withConfig({
18
18
  // TODO in v12 remove cursor: pointer;
19
19
  export var StyledToolHeaderIconContainer = /*#__PURE__*/styled.div.withConfig({
20
20
  displayName: "StyledToolHeaderIconContainer",
21
- componentId: "core-12_26_1__sc-1jpjx47-1"
21
+ componentId: "core-12_26_3__sc-1jpjx47-1"
22
22
  })(["color:", ";cursor:pointer;display:inline-flex;flex:0 0 auto;"], colors.orange50);
23
23
  export var StyledHeaderTabs = /*#__PURE__*/styled.div.withConfig({
24
24
  displayName: "StyledHeaderTabs",
25
- componentId: "core-12_26_1__sc-1jpjx47-2"
25
+ componentId: "core-12_26_3__sc-1jpjx47-2"
26
26
  })(["align-self:flex-end;flex:1 1 auto;min-width:100px;overflow:hidden;"]);
27
27
  export var StyledHeaderActions = /*#__PURE__*/styled.div.withConfig({
28
28
  displayName: "StyledHeaderActions",
29
- componentId: "core-12_26_1__sc-1jpjx47-3"
29
+ componentId: "core-12_26_3__sc-1jpjx47-3"
30
30
  })(["flex:0 0 auto;margin-left:auto;padding-left:", "px;"], spacing.lg);
31
31
  export var StyledToolHeaderTitle = /*#__PURE__*/styled(H1).withConfig({
32
32
  displayName: "StyledToolHeaderTitle",
33
- componentId: "core-12_26_1__sc-1jpjx47-4"
33
+ componentId: "core-12_26_3__sc-1jpjx47-4"
34
34
  })(["margin-right:", "px;white-space:nowrap;"], spacing.xl);
35
35
  export var StyledToolHeader = /*#__PURE__*/styled.div.withConfig({
36
36
  displayName: "StyledToolHeader",
37
- componentId: "core-12_26_1__sc-1jpjx47-5"
37
+ componentId: "core-12_26_3__sc-1jpjx47-5"
38
38
  })(["align-items:center;display:flex;min-height:36px;width:100%;", " + ", ",a + ", ",button + ", "{margin-left:", "px;}"], StyledToolHeaderIconContainer, StyledToolHeaderTitle, StyledToolHeaderTitle, StyledToolHeaderTitle, spacing.lg);
39
39
  //# sourceMappingURL=ToolHeader.styles.js.map
@@ -3,14 +3,14 @@ import { Page } from '../PageLayout';
3
3
  import { spacing } from '../_styles/spacing';
4
4
  export var StyledTitleOuter = /*#__PURE__*/styled(Page.Title).withConfig({
5
5
  displayName: "StyledTitleOuter",
6
- componentId: "core-12_26_1__sc-wa8j06-0"
6
+ componentId: "core-12_26_3__sc-wa8j06-0"
7
7
  })(["align-items:center;display:flex;gap:", "px;"], spacing.md);
8
8
  export var StyledTitleInner = /*#__PURE__*/styled.div.withConfig({
9
9
  displayName: "StyledTitleInner",
10
- componentId: "core-12_26_1__sc-wa8j06-1"
10
+ componentId: "core-12_26_3__sc-wa8j06-1"
11
11
  })(["width:100%;"]);
12
12
  export var StyledToolLandingPageBodyContent = /*#__PURE__*/styled.div.withConfig({
13
13
  displayName: "StyledToolLandingPageBodyContent",
14
- componentId: "core-12_26_1__sc-wa8j06-2"
14
+ componentId: "core-12_26_3__sc-wa8j06-2"
15
15
  })(["> * + *{margin-top:", "px;}"], spacing.sm);
16
16
  //# sourceMappingURL=ToolLandingPage.styles.js.map
@@ -6,10 +6,10 @@ import { getShadow } from '../_styles/shadows';
6
6
  import { spacing } from '../_styles/spacing';
7
7
  export var StyledTooltip = /*#__PURE__*/styled.span.withConfig({
8
8
  displayName: "StyledTooltip",
9
- componentId: "core-12_26_1__sc-1fawsi4-0"
9
+ componentId: "core-12_26_3__sc-1fawsi4-0"
10
10
  })(["", " color:", ";max-width:200px;padding:", "px ", "px;position:relative;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;"], getTypographyIntent('small'), colors.white, spacing.sm, spacing.md);
11
11
  export var StyledContainer = /*#__PURE__*/styled.span.withConfig({
12
12
  displayName: "StyledContainer",
13
- componentId: "core-12_26_1__sc-1fawsi4-1"
13
+ componentId: "core-12_26_3__sc-1fawsi4-1"
14
14
  })(["display:inline-flex;background-color:", ";border-radius:", "px;", " & + [data-overlay-arrow]{background:", ";}"], colors.gray15, borderRadius.md, getShadow(3, 'bottom'), colors.gray15);
15
15
  //# sourceMappingURL=Tooltip.styles.js.map
@@ -5,11 +5,11 @@ import { Typography } from '../Typography/Typography';
5
5
  import { colors } from '../_styles/colors';
6
6
  export var StyledFilenameCaption = /*#__PURE__*/styled(Typography).withConfig({
7
7
  displayName: "StyledFilenameCaption",
8
- componentId: "core-12_26_1__sc-2d45b5-0"
8
+ componentId: "core-12_26_3__sc-2d45b5-0"
9
9
  })(["display:flex;width:100%;"]);
10
10
  export var StyledTree = /*#__PURE__*/styled.div.withConfig({
11
11
  displayName: "StyledTree",
12
- componentId: "core-12_26_1__sc-2d45b5-1"
12
+ componentId: "core-12_26_3__sc-2d45b5-1"
13
13
  })(["width:100%;height:100%;min-height:36px;outline:none;overflow:auto;"]);
14
14
  export var StyledTreeRowContainer = /*#__PURE__*/styled(Typography).withConfig({
15
15
  shouldForwardProp: function shouldForwardProp(prop) {
@@ -17,7 +17,7 @@ export var StyledTreeRowContainer = /*#__PURE__*/styled(Typography).withConfig({
17
17
  }
18
18
  }).withConfig({
19
19
  displayName: "StyledTreeRowContainer",
20
- componentId: "core-12_26_1__sc-2d45b5-2"
20
+ componentId: "core-12_26_3__sc-2d45b5-2"
21
21
  })(["display:flex;align-items:center;height:36px;background:transparent;box-shadow:inset 4px 0px 0px transparent;cursor:default;outline:none;", " &:hover{background:", ";}", " ", ""], function (_ref) {
22
22
  var isSelectable = _ref.isSelectable,
23
23
  $isSelectable = _ref.$isSelectable;
@@ -35,30 +35,30 @@ export var StyledTreeRowContainer = /*#__PURE__*/styled(Typography).withConfig({
35
35
  });
36
36
  export var StyledTreeRowContent = /*#__PURE__*/styled.div.withConfig({
37
37
  displayName: "StyledTreeRowContent",
38
- componentId: "core-12_26_1__sc-2d45b5-3"
38
+ componentId: "core-12_26_3__sc-2d45b5-3"
39
39
  })(["display:flex;align-items:center;"]);
40
40
  export var StyledTreeRowWrapper = /*#__PURE__*/styled.div.withConfig({
41
41
  displayName: "StyledTreeRowWrapper",
42
- componentId: "core-12_26_1__sc-2d45b5-4"
42
+ componentId: "core-12_26_3__sc-2d45b5-4"
43
43
  })(["outline:none;"]);
44
44
  var StyledIconBase = /*#__PURE__*/styled(Box).withConfig({
45
45
  displayName: "StyledIconBase",
46
- componentId: "core-12_26_1__sc-2d45b5-5"
46
+ componentId: "core-12_26_3__sc-2d45b5-5"
47
47
  })(["display:flex;justify-content:center;align-items:center;width:24px;height:24px;min-width:24px;min-height:24px;"]);
48
48
  export var StyledChevronContainer = /*#__PURE__*/styled(StyledIconBase).withConfig({
49
49
  displayName: "StyledChevronContainer",
50
- componentId: "core-12_26_1__sc-2d45b5-6"
50
+ componentId: "core-12_26_3__sc-2d45b5-6"
51
51
  })([""]);
52
52
  export var StyledIconContainer = /*#__PURE__*/styled(StyledIconBase).withConfig({
53
53
  displayName: "StyledIconContainer",
54
- componentId: "core-12_26_1__sc-2d45b5-7"
54
+ componentId: "core-12_26_3__sc-2d45b5-7"
55
55
  })(["color:", ";"], function (_ref4) {
56
56
  var $isSelected = _ref4.$isSelected;
57
57
  return $isSelected ? colors.blue45 : colors.gray40;
58
58
  });
59
59
  export var StyledChevron = /*#__PURE__*/styled(ChevronRight).withConfig({
60
60
  displayName: "StyledChevron",
61
- componentId: "core-12_26_1__sc-2d45b5-8"
61
+ componentId: "core-12_26_3__sc-2d45b5-8"
62
62
  })(["transform:rotate(", "deg);transition:transform 150ms ease-out;"], function (_ref5) {
63
63
  var $isExpanded = _ref5.$isExpanded;
64
64
  return $isExpanded ? 90 : 0;
@@ -5,11 +5,11 @@ import { spacing } from '../_styles/spacing';
5
5
  var inputHeight = 36;
6
6
  export var StyledInput = /*#__PURE__*/styled.input.withConfig({
7
7
  displayName: "StyledInput",
8
- componentId: "core-12_26_1__sc-gpc39h-0"
8
+ componentId: "core-12_26_3__sc-gpc39h-0"
9
9
  })(["", " padding-right:", "px;"], getSearchInputStyles(), spacing.xxl);
10
10
  export var StyledIcon = /*#__PURE__*/styled.div.withConfig({
11
11
  displayName: "StyledIcon",
12
- componentId: "core-12_26_1__sc-gpc39h-1"
12
+ componentId: "core-12_26_3__sc-gpc39h-1"
13
13
  })(["align-items:center;color:", ";display:flex;height:", "px;justify-content:center;pointer-events:", ";position:absolute;right:0;top:0;width:", "px;"], function (p) {
14
14
  return p.disabled ? colors.gray70 : colors.gray45;
15
15
  }, inputHeight, function (p) {
@@ -17,6 +17,6 @@ export var StyledIcon = /*#__PURE__*/styled.div.withConfig({
17
17
  }, inputHeight);
18
18
  export var StyledTypeahead = /*#__PURE__*/styled.div.withConfig({
19
19
  displayName: "StyledTypeahead",
20
- componentId: "core-12_26_1__sc-gpc39h-2"
20
+ componentId: "core-12_26_3__sc-gpc39h-2"
21
21
  })(["position:relative;width:100%;"]);
22
22
  //# sourceMappingURL=Typeahead.styles.js.map
@@ -35,7 +35,7 @@ export var semiboldRules = function semiboldRules() {
35
35
  };
36
36
  export var StyledTypography = /*#__PURE__*/styled.span.withConfig({
37
37
  displayName: "StyledTypography",
38
- componentId: "core-12_26_1__sc-1c4583t-0"
38
+ componentId: "core-12_26_3__sc-1c4583t-0"
39
39
  })(["", " color:", ";font-style:", ";font-weight:", ";", " ", " em,i{font-style:italic;}"], function (_ref) {
40
40
  var _ref$$intent = _ref.$intent,
41
41
  $intent = _ref$$intent === void 0 ? 'body' : _ref$$intent;
@@ -5,11 +5,11 @@ import { colors } from '../_styles/colors';
5
5
  import { getTypographyIntent } from './Typography.styles';
6
6
  var StyledBodyCell = /*#__PURE__*/styled(Table.BodyCell).withConfig({
7
7
  displayName: "StyledBodyCell",
8
- componentId: "core-12_26_1__sc-p4v7d-0"
8
+ componentId: "core-12_26_3__sc-p4v7d-0"
9
9
  })([""]);
10
10
  var StyledTextCell = /*#__PURE__*/styled(Table.TextCell).withConfig({
11
11
  displayName: "StyledTextCell",
12
- componentId: "core-12_26_1__sc-p4v7d-1"
12
+ componentId: "core-12_26_3__sc-p4v7d-1"
13
13
  })(["", " color:", ";"], getTypographyIntent('body'), colors.blue50);
14
14
  function BodyCell() {
15
15
  return /*#__PURE__*/React.createElement(StyledBodyCell, {
@@ -321,6 +321,8 @@ export declare const coreTranslations: {
321
321
  };
322
322
  thumbnail: {
323
323
  checked: string;
324
+ unavailable: string;
325
+ select: string;
324
326
  };
325
327
  thumbnailList: {
326
328
  removeUpload: string;
@@ -502,6 +504,7 @@ export declare const coreTranslations: {
502
504
  timeOnDate: string;
503
505
  };
504
506
  table: {
507
+ checkboxLabel: string;
505
508
  sortableColumn: string;
506
509
  };
507
510
  dataTable: {
@@ -681,6 +684,7 @@ export declare const coreTranslations: {
681
684
  search: {
682
685
  clear: string;
683
686
  goSearch: string;
687
+ label: string;
684
688
  };
685
689
  select: {
686
690
  clear: string;
@@ -696,6 +700,8 @@ export declare const coreTranslations: {
696
700
  };
697
701
  thumbnail: {
698
702
  checked: string;
703
+ unavailable: string;
704
+ select: string;
699
705
  };
700
706
  thumbnailList: {
701
707
  removeUpload: string;
@@ -1071,6 +1077,8 @@ export declare const coreTranslations: {
1071
1077
  };
1072
1078
  thumbnail: {
1073
1079
  checked: string;
1080
+ unavailable: string;
1081
+ select: string;
1074
1082
  };
1075
1083
  thumbnailList: {
1076
1084
  removeUpload: string;
@@ -1446,6 +1454,8 @@ export declare const coreTranslations: {
1446
1454
  };
1447
1455
  thumbnail: {
1448
1456
  checked: string;
1457
+ unavailable: string;
1458
+ select: string;
1449
1459
  };
1450
1460
  thumbnailList: {
1451
1461
  removeUpload: string;
@@ -1821,6 +1831,8 @@ export declare const coreTranslations: {
1821
1831
  };
1822
1832
  thumbnail: {
1823
1833
  checked: string;
1834
+ unavailable: string;
1835
+ select: string;
1824
1836
  };
1825
1837
  thumbnailList: {
1826
1838
  removeUpload: string;
@@ -2196,6 +2208,8 @@ export declare const coreTranslations: {
2196
2208
  };
2197
2209
  thumbnail: {
2198
2210
  checked: string;
2211
+ unavailable: string;
2212
+ select: string;
2199
2213
  };
2200
2214
  thumbnailList: {
2201
2215
  removeUpload: string;
@@ -2576,6 +2590,8 @@ export declare const coreTranslations: {
2576
2590
  };
2577
2591
  thumbnail: {
2578
2592
  checked: string;
2593
+ unavailable: string;
2594
+ select: string;
2579
2595
  };
2580
2596
  thumbnailList: {
2581
2597
  removeUpload: string;
@@ -2951,6 +2967,8 @@ export declare const coreTranslations: {
2951
2967
  };
2952
2968
  thumbnail: {
2953
2969
  checked: string;
2970
+ unavailable: string;
2971
+ select: string;
2954
2972
  };
2955
2973
  thumbnailList: {
2956
2974
  removeUpload: string;
@@ -3326,6 +3344,8 @@ export declare const coreTranslations: {
3326
3344
  };
3327
3345
  thumbnail: {
3328
3346
  checked: string;
3347
+ unavailable: string;
3348
+ select: string;
3329
3349
  };
3330
3350
  thumbnailList: {
3331
3351
  removeUpload: string;
@@ -3701,6 +3721,8 @@ export declare const coreTranslations: {
3701
3721
  };
3702
3722
  thumbnail: {
3703
3723
  checked: string;
3724
+ unavailable: string;
3725
+ select: string;
3704
3726
  };
3705
3727
  thumbnailList: {
3706
3728
  removeUpload: string;
@@ -4076,6 +4098,8 @@ export declare const coreTranslations: {
4076
4098
  };
4077
4099
  thumbnail: {
4078
4100
  checked: string;
4101
+ unavailable: string;
4102
+ select: string;
4079
4103
  };
4080
4104
  thumbnailList: {
4081
4105
  removeUpload: string;
@@ -4257,6 +4281,7 @@ export declare const coreTranslations: {
4257
4281
  timeOnDate: string;
4258
4282
  };
4259
4283
  table: {
4284
+ checkboxLabel: string;
4260
4285
  sortableColumn: string;
4261
4286
  };
4262
4287
  dataTable: {
@@ -4436,6 +4461,7 @@ export declare const coreTranslations: {
4436
4461
  search: {
4437
4462
  clear: string;
4438
4463
  goSearch: string;
4464
+ label: string;
4439
4465
  };
4440
4466
  select: {
4441
4467
  clear: string;
@@ -4451,6 +4477,8 @@ export declare const coreTranslations: {
4451
4477
  };
4452
4478
  thumbnail: {
4453
4479
  checked: string;
4480
+ unavailable: string;
4481
+ select: string;
4454
4482
  };
4455
4483
  thumbnailList: {
4456
4484
  removeUpload: string;
@@ -4826,6 +4854,8 @@ export declare const coreTranslations: {
4826
4854
  };
4827
4855
  thumbnail: {
4828
4856
  checked: string;
4857
+ unavailable: string;
4858
+ select: string;
4829
4859
  };
4830
4860
  thumbnailList: {
4831
4861
  removeUpload: string;
@@ -5210,6 +5240,8 @@ export declare const coreTranslations: {
5210
5240
  };
5211
5241
  thumbnail: {
5212
5242
  checked: string;
5243
+ unavailable: string;
5244
+ select: string;
5213
5245
  };
5214
5246
  thumbnailList: {
5215
5247
  removeUpload: string;
@@ -5585,6 +5617,8 @@ export declare const coreTranslations: {
5585
5617
  };
5586
5618
  thumbnail: {
5587
5619
  checked: string;
5620
+ unavailable: string;
5621
+ select: string;
5588
5622
  };
5589
5623
  thumbnailList: {
5590
5624
  removeUpload: string;
@@ -5960,6 +5994,8 @@ export declare const coreTranslations: {
5960
5994
  };
5961
5995
  thumbnail: {
5962
5996
  checked: string;
5997
+ unavailable: string;
5998
+ select: string;
5963
5999
  };
5964
6000
  thumbnailList: {
5965
6001
  removeUpload: string;
@@ -307,7 +307,9 @@
307
307
  "more" : "Mehr"
308
308
  },
309
309
  "thumbnail" : {
310
- "checked" : "Geprüft"
310
+ "checked" : "Geprüft",
311
+ "unavailable" : "Inhalt ist nicht verfügbar",
312
+ "select" : "Element auswählen"
311
313
  },
312
314
  "thumbnailList" : {
313
315
  "removeUpload" : "Upload entfernen",
@@ -307,7 +307,9 @@
307
307
  "more" : "More"
308
308
  },
309
309
  "thumbnail" : {
310
- "checked" : "Ticked"
310
+ "checked" : "Ticked",
311
+ "unavailable" : "Content is unavailable",
312
+ "select" : "Select item"
311
313
  },
312
314
  "thumbnailList" : {
313
315
  "removeUpload" : "Remove upload",
@@ -307,7 +307,9 @@
307
307
  "more" : "More"
308
308
  },
309
309
  "thumbnail" : {
310
- "checked" : "Checked"
310
+ "checked" : "Checked",
311
+ "unavailable" : "Content is unavailable",
312
+ "select" : "Select item"
311
313
  },
312
314
  "thumbnailList" : {
313
315
  "removeUpload" : "Remove upload",
@@ -307,7 +307,9 @@
307
307
  "more" : "More"
308
308
  },
309
309
  "thumbnail" : {
310
- "checked" : "Ticked"
310
+ "checked" : "Ticked",
311
+ "unavailable" : "Content is unavailable",
312
+ "select" : "Select item"
311
313
  },
312
314
  "thumbnailList" : {
313
315
  "removeUpload" : "Remove upload",