@procore/core-react 12.21.1 → 12.21.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (191) hide show
  1. package/CHANGELOG.md +428 -0
  2. package/README.md +1 -1
  3. package/dist/AnchorNavigation/AnchorNavigation.styles.js +3 -3
  4. package/dist/Avatar/Avatar.styles.js +5 -5
  5. package/dist/AvatarStack/AvatarStack.styles.js +7 -7
  6. package/dist/Badge/Badge.styles.js +2 -2
  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/DetailPage/DetailPage.styles.js +7 -7
  19. package/dist/Dropdown/Dropdown.styles.js +3 -3
  20. package/dist/DropdownFlyout/DropdownFlyout.styles.js +4 -4
  21. package/dist/Dropzone/Dropzone.js +1 -1
  22. package/dist/Dropzone/Dropzone.styles.js +9 -9
  23. package/dist/EmptyState/EmptyState.styles.js +6 -6
  24. package/dist/Field/Field.styles.js +3 -3
  25. package/dist/FileList/FileList.styles.js +4 -4
  26. package/dist/FileSelect/FileExplorer/FileExplorer.styles.js +9 -9
  27. package/dist/FileSelect/FileExplorer/FileExplorerSidebar.styles.js +3 -3
  28. package/dist/FileSelect/FileSelect.styles.js +2 -2
  29. package/dist/FileSelect/FileSelectDropzone/FileSelectDropzone.styles.js +3 -3
  30. package/dist/FileSelect/FileTokenList/FileTokenList.styles.js +2 -2
  31. package/dist/FileSelect/GridSource/GridSource.styles.js +6 -6
  32. package/dist/FileSelect/LocalSource/LocalSource.styles.js +4 -4
  33. package/dist/FileSelect/SourceItem/SourceItem.styles.js +3 -3
  34. package/dist/FileSelect/ThumbnailList/ThumbnailList.styles.js +6 -6
  35. package/dist/FileSelect/TreeSource/TreeSource.styles.js +1 -1
  36. package/dist/FileToken/FileToken.styles.js +4 -4
  37. package/dist/FilterToken/FilterToken.styles.js +5 -5
  38. package/dist/FlexList/FlexList.styles.js +1 -1
  39. package/dist/Form/Form.styles.js +14 -14
  40. package/dist/Form/StyledFormikForm.styles.js +2 -2
  41. package/dist/GhostPlaceholder/GhostPlaceholder.styles.js +2 -2
  42. package/dist/Grid/Grid.styles.js +2 -2
  43. package/dist/GroupSelect/GroupSelect.styles.js +1 -1
  44. package/dist/Input/Input.styles.js +1 -1
  45. package/dist/Link/Link.styles.js +1 -1
  46. package/dist/ListPage/ListPage.styles.js +8 -8
  47. package/dist/Loader/Loader.styles.js +2 -2
  48. package/dist/MenuImperative/MenuImperative.styles.js +10 -10
  49. package/dist/Modal/Modal.styles.js +13 -13
  50. package/dist/MultiSelect/MultiSelect.styles.js +6 -6
  51. package/dist/NextMenu/NextMenu.styles.js +3 -3
  52. package/dist/Notation/Notation.js +1 -1
  53. package/dist/NumberInput/NumberInput.styles.js +7 -7
  54. package/dist/Overlay/OverlayArrow.styles.js +1 -1
  55. package/dist/PageLayout/PageLayout.styles.js +16 -16
  56. package/dist/PageTemplate/PageFooterTemplate/PageFooterTemplate.styles.js +1 -1
  57. package/dist/PageTemplate/PageHeaderTemplate/PageHeaderTemplate.js +1 -3
  58. package/dist/PageTemplate/PageHeaderTemplate/PageHeaderTemplate.js.map +1 -1
  59. package/dist/PageTemplate/PageHeaderTemplate/PageHeaderTemplate.styles.d.ts +1 -6
  60. package/dist/PageTemplate/PageHeaderTemplate/PageHeaderTemplate.styles.js +4 -6
  61. package/dist/PageTemplate/PageHeaderTemplate/PageHeaderTemplate.styles.js.map +1 -1
  62. package/dist/PageTemplate/PagePaneTemplate/PagePaneTemplate.styles.js +2 -2
  63. package/dist/PageTemplate/PageTemplate/PageTemplate.styles.js +3 -3
  64. package/dist/Pagination/Pagination.styles.js +5 -5
  65. package/dist/Panel/Panel.styles.js +11 -11
  66. package/dist/Pill/Pill.styles.js +2 -2
  67. package/dist/PillSelect/PillSelect.styles.js +4 -4
  68. package/dist/Popover/Popover.styles.js +2 -2
  69. package/dist/Portal/Portal.styles.js +1 -1
  70. package/dist/ProgressBar/ProgressBar.styles.js +2 -2
  71. package/dist/RadioButton/RadioButton.styles.js +3 -3
  72. package/dist/Required/Required.styles.js +3 -3
  73. package/dist/Search/Search.styles.js +5 -5
  74. package/dist/Section/Section.styles.js +7 -7
  75. package/dist/SegmentedController/SegmentedController.styles.js +4 -4
  76. package/dist/Select/Select.styles.js +7 -7
  77. package/dist/Semantic/Semantic.styles.js +9 -9
  78. package/dist/Slider/Slider.styles.js +5 -5
  79. package/dist/Spinner/Spinner.styles.js +7 -7
  80. package/dist/SplitViewCard/SplitViewCard.styles.js +8 -8
  81. package/dist/SuperSelect/SuperSelect.d.ts +2 -179
  82. package/dist/SuperSelect/SuperSelect.js.map +1 -1
  83. package/dist/SuperSelect/SuperSelect.presets.styles.js +1 -1
  84. package/dist/SuperSelect/SuperSelect.styles.js +37 -37
  85. package/dist/SuperSelect/SuperSelect.types.d.ts +82 -2
  86. package/dist/SuperSelect/SuperSelect.types.js.map +1 -1
  87. package/dist/SuperSelect/useSuperSelect.d.ts +4 -536
  88. package/dist/SuperSelect/useSuperSelect.js.map +1 -1
  89. package/dist/Switch/Switch.styles.js +4 -4
  90. package/dist/Table/Table.styles.js +28 -28
  91. package/dist/TableShelf/TableShelf.styles.js +5 -5
  92. package/dist/Tabs/Tabs.styles.js +15 -15
  93. package/dist/Tearsheet/Tearsheet.styles.js +5 -5
  94. package/dist/TextArea/TextArea.styles.js +1 -1
  95. package/dist/TextEditorOutput/TextEditorOutput.styles.js +1 -1
  96. package/dist/Thumbnail/Thumbnail.styles.js +17 -17
  97. package/dist/ThumbnailGrid/ThumbnailGrid.styles.js +7 -7
  98. package/dist/TieredSelect/TieredSelect.styles.js +9 -9
  99. package/dist/Tile/Tile.styles.js +8 -8
  100. package/dist/Title/Title.styles.js +8 -8
  101. package/dist/Title/Title.styles.js.map +1 -1
  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 +3 -3
  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 +2 -2
  108. package/dist/Tree/Tree.styles.js +9 -9
  109. package/dist/Typeahead/Typeahead.styles.js +3 -3
  110. package/dist/Typography/Typography.styles.js +1 -1
  111. package/dist/Typography/Typography.table.story.js +2 -2
  112. package/dist/_typedoc/AnchorNavigation/AnchorNavigation.types.json +3 -3
  113. package/dist/_typedoc/Avatar/Avatar.types.json +20 -20
  114. package/dist/_typedoc/AvatarStack/AvatarStack.types.json +24 -24
  115. package/dist/_typedoc/Badge/Badge.types.json +6 -6
  116. package/dist/_typedoc/Banner/Banner.types.json +13 -13
  117. package/dist/_typedoc/Box/Box.types.json +68 -68
  118. package/dist/_typedoc/Breadcrumbs/Breadcrumbs.types.json +10 -10
  119. package/dist/_typedoc/Button/Button.types.json +13 -13
  120. package/dist/_typedoc/Calendar/Calendar.types.json +80 -80
  121. package/dist/_typedoc/Card/Card.types.json +6 -6
  122. package/dist/_typedoc/Checkbox/Checkbox.types.json +9 -9
  123. package/dist/_typedoc/ContactItem/ContactItem.types.json +9 -9
  124. package/dist/_typedoc/DateInput/DateInput.types.json +35 -35
  125. package/dist/_typedoc/DateSelect/DateSelect.types.json +13 -13
  126. package/dist/_typedoc/DetailPage/DetailPage.types.json +5 -5
  127. package/dist/_typedoc/Dropdown/Dropdown.types.json +37 -37
  128. package/dist/_typedoc/DropdownFlyout/DropdownFlyout.types.json +29 -29
  129. package/dist/_typedoc/Dropzone/Dropzone.types.json +44 -44
  130. package/dist/_typedoc/EmptyState/EmptyState.types.json +16 -16
  131. package/dist/_typedoc/FileList/FileList.types.json +9 -9
  132. package/dist/_typedoc/FileSelect/FileSelect.types.json +27 -27
  133. package/dist/_typedoc/FileSelect/GridSource/GridSource.types.json +20 -20
  134. package/dist/_typedoc/FileSelect/LocalSource/LocalSource.types.json +14 -14
  135. package/dist/_typedoc/FileSelect/TreeSource/TreeSource.types.json +9 -9
  136. package/dist/_typedoc/Flex/Flex.types.json +27 -27
  137. package/dist/_typedoc/FlexList/FlexList.types.json +30 -30
  138. package/dist/_typedoc/Form/Form.types.json +741 -741
  139. package/dist/_typedoc/GhostPlaceholder/GhostPlaceholder.types.json +12 -12
  140. package/dist/_typedoc/Grid/Grid.types.json +8 -8
  141. package/dist/_typedoc/GroupSelect/GroupSelect.types.json +52 -52
  142. package/dist/_typedoc/Input/Input.types.json +2 -2
  143. package/dist/_typedoc/Link/Link.types.json +4 -4
  144. package/dist/_typedoc/ListPage/ListPage.types.json +13 -13
  145. package/dist/_typedoc/Menu/Menu.types.json +62 -62
  146. package/dist/_typedoc/MenuImperative/MenuImperative.types.json +74 -74
  147. package/dist/_typedoc/Modal/Modal.types.json +46 -46
  148. package/dist/_typedoc/MultiSelect/MultiSelect.types.json +31 -31
  149. package/dist/_typedoc/Notation/Notation.types.json +4 -4
  150. package/dist/_typedoc/NumberInput/NumberInput.types.json +37 -37
  151. package/dist/_typedoc/OverlayTrigger/OverlayTrigger.types.json +31 -31
  152. package/dist/_typedoc/PageLayout/PageLayout.types.json +29 -29
  153. package/dist/_typedoc/Pagination/Pagination.types.json +7 -7
  154. package/dist/_typedoc/Panel/Panel.types.json +28 -28
  155. package/dist/_typedoc/Pill/Pill.types.json +2 -2
  156. package/dist/_typedoc/PillSelect/PillSelect.types.json +49 -49
  157. package/dist/_typedoc/Popover/Popover.types.json +15 -15
  158. package/dist/_typedoc/ProgressBar/ProgressBar.types.json +6 -6
  159. package/dist/_typedoc/RadioButton/RadioButton.types.json +6 -6
  160. package/dist/_typedoc/Required/Required.types.json +5 -5
  161. package/dist/_typedoc/Search/Search.types.json +18 -18
  162. package/dist/_typedoc/Section/Section.types.json +15 -15
  163. package/dist/_typedoc/SegmentedController/SegmentedController.types.json +21 -21
  164. package/dist/_typedoc/Select/Select.types.json +60 -60
  165. package/dist/_typedoc/SettingsPage/SettingsPage.types.json +10 -10
  166. package/dist/_typedoc/Slider/Slider.types.json +6 -6
  167. package/dist/_typedoc/Spinner/Spinner.types.json +9 -9
  168. package/dist/_typedoc/SplitViewCard/SplitViewCard.types.json +12 -12
  169. package/dist/_typedoc/Switch/Switch.types.json +3 -3
  170. package/dist/_typedoc/Table/Table.types.json +101 -101
  171. package/dist/_typedoc/Tabs/Tabs.types.json +20 -20
  172. package/dist/_typedoc/Tearsheet/Tearsheet.types.json +17 -17
  173. package/dist/_typedoc/TextArea/TextArea.types.json +3 -3
  174. package/dist/_typedoc/TextEditor/TextEditor.types.json +9 -9
  175. package/dist/_typedoc/TextEditorOutput/TextEditorOutput.types.json +4 -4
  176. package/dist/_typedoc/Thumbnail/Thumbnail.types.json +19 -19
  177. package/dist/_typedoc/TieredDropdown/TieredDropdown.types.json +42 -42
  178. package/dist/_typedoc/TieredSelect/TieredSelect.types.json +28 -28
  179. package/dist/_typedoc/Tile/Tile.types.json +30 -30
  180. package/dist/_typedoc/Title/Title.types.json +1 -1
  181. package/dist/_typedoc/Toast/Toast.types.json +4 -4
  182. package/dist/_typedoc/ToggleButton/ToggleButton.types.json +4 -4
  183. package/dist/_typedoc/Token/Token.types.json +4 -4
  184. package/dist/_typedoc/ToolHeader/ToolHeader.types.json +10 -10
  185. package/dist/_typedoc/ToolLandingPage/ToolLandingPage.types.json +7 -7
  186. package/dist/_typedoc/Tooltip/Tooltip.types.json +13 -13
  187. package/dist/_typedoc/Tree/Tree.types.json +86 -86
  188. package/dist/_typedoc/Typeahead/Typeahead.types.json +2 -2
  189. package/dist/_typedoc/Typography/Typography.types.json +9 -9
  190. package/dist/_typedoc/_utils/types.json +3 -3
  191. package/package.json +4 -3
@@ -17,17 +17,17 @@ var borderRadius = /*#__PURE__*/css(["border-radius:", "px ", "px 0 0;"], spacin
17
17
  */
18
18
  var StyledTabBase = /*#__PURE__*/styled.div.withConfig({
19
19
  displayName: "StyledTabBase",
20
- componentId: "core-12_21_1__sc-17s58xs-0"
20
+ componentId: "core-12_21_2__sc-17s58xs-0"
21
21
  })(["align-items:center;box-sizing:border-box;cursor:pointer;display:inline-flex;flex:0 0 auto;justify-content:center;position:relative;white-space:nowrap;text-decoration:none;background-color:transparent;border:none;font-family:inherit;padding:0;"]);
22
22
  var StyledTabInnerBase = /*#__PURE__*/styled.div.withConfig({
23
23
  displayName: "StyledTabInnerBase",
24
- componentId: "core-12_21_1__sc-17s58xs-1"
24
+ componentId: "core-12_21_2__sc-17s58xs-1"
25
25
  })(["align-self:baseline;box-sizing:border-box;&,> a{display:flex;text-decoration:none;width:100%;}"]);
26
26
 
27
27
  // This so that it can be visible/hidden via CSS down below
28
28
  var StyledDropdownTabBase = /*#__PURE__*/styled(StyledTabBase).withConfig({
29
29
  displayName: "StyledDropdownTabBase",
30
- componentId: "core-12_21_1__sc-17s58xs-2"
30
+ componentId: "core-12_21_2__sc-17s58xs-2"
31
31
  })(["", ""], hiddenTab);
32
32
 
33
33
  //// END BASE LAYOUT COMPONENTS FOR TABS ////
@@ -50,11 +50,11 @@ function getTabStyle() {
50
50
  }
51
51
  var StyledTab = /*#__PURE__*/styled(StyledTabBase).withConfig({
52
52
  displayName: "StyledTab",
53
- componentId: "core-12_21_1__sc-17s58xs-3"
53
+ componentId: "core-12_21_2__sc-17s58xs-3"
54
54
  })(["", ""], getTabStyle);
55
55
  var StyledTabInner = /*#__PURE__*/styled(StyledTabInnerBase).withConfig({
56
56
  displayName: "StyledTabInner",
57
- componentId: "core-12_21_1__sc-17s58xs-4"
57
+ componentId: "core-12_21_2__sc-17s58xs-4"
58
58
  })(["", " padding:0 ", "px;font-weight:", ";&,> a{", ";color:", ";height:23px;}", ""], getTypographyIntent('body'), spacing.xs, function (_ref3) {
59
59
  var $selected = _ref3.$selected;
60
60
  return $selected ? 600 : 400;
@@ -67,15 +67,15 @@ var StyledTabInner = /*#__PURE__*/styled(StyledTabInnerBase).withConfig({
67
67
  });
68
68
  var StyledDropdownTab = /*#__PURE__*/styled(StyledDropdownTabBase).withConfig({
69
69
  displayName: "StyledDropdownTab",
70
- componentId: "core-12_21_1__sc-17s58xs-5"
70
+ componentId: "core-12_21_2__sc-17s58xs-5"
71
71
  })(["", ""], getTabStyle);
72
72
  var StyledDropdownTabInner = /*#__PURE__*/styled(StyledTabInner).withConfig({
73
73
  displayName: "StyledDropdownTabInner",
74
- componentId: "core-12_21_1__sc-17s58xs-6"
74
+ componentId: "core-12_21_2__sc-17s58xs-6"
75
75
  })(["align-items:center;cursor:pointer;display:inline-flex;"]);
76
76
  var StyledLink = /*#__PURE__*/styled.span.withConfig({
77
77
  displayName: "StyledLink",
78
- componentId: "core-12_21_1__sc-17s58xs-7"
78
+ componentId: "core-12_21_2__sc-17s58xs-7"
79
79
  })(["align-items:center;display:flex;height:23px;", ";box-sizing:border-box;"], borderRadius);
80
80
 
81
81
  //// END TRADITIONAL DESIGN SYSTEM TAB STYLES ////
@@ -92,34 +92,34 @@ function getHelixHeaderTabStyles() {
92
92
  }
93
93
  var StyledGlobalNavigationTab = /*#__PURE__*/styled(StyledTabBase).withConfig({
94
94
  displayName: "StyledGlobalNavigationTab",
95
- componentId: "core-12_21_1__sc-17s58xs-8"
95
+ componentId: "core-12_21_2__sc-17s58xs-8"
96
96
  })(["", ""], getHelixHeaderTabStyles);
97
97
  var StyledGlobalNavigationDropdownTab = /*#__PURE__*/styled(StyledDropdownTabBase).withConfig({
98
98
  displayName: "StyledGlobalNavigationDropdownTab",
99
- componentId: "core-12_21_1__sc-17s58xs-9"
99
+ componentId: "core-12_21_2__sc-17s58xs-9"
100
100
  })(["", ""], getHelixHeaderTabStyles);
101
101
  var StyledGlobalNavigationDropdownTabInner = /*#__PURE__*/styled(StyledTabInnerBase).withConfig({
102
102
  displayName: "StyledGlobalNavigationDropdownTabInner",
103
- componentId: "core-12_21_1__sc-17s58xs-10"
103
+ componentId: "core-12_21_2__sc-17s58xs-10"
104
104
  })(["align-items:center;cursor:pointer;display:inline-flex;"]);
105
105
  var StyledGlobalNavigationLink = /*#__PURE__*/styled.span.withConfig({
106
106
  displayName: "StyledGlobalNavigationLink",
107
- componentId: "core-12_21_1__sc-17s58xs-11"
107
+ componentId: "core-12_21_2__sc-17s58xs-11"
108
108
  })(["padding-left:6px;padding-right:6px;"]);
109
109
 
110
110
  //// END HELIX GLOBAL NAVIGATION TAB STYLES ////
111
111
 
112
112
  export var StyledOverlay = /*#__PURE__*/styled(Card).withConfig({
113
113
  displayName: "StyledOverlay",
114
- componentId: "core-12_21_1__sc-17s58xs-12"
114
+ componentId: "core-12_21_2__sc-17s58xs-12"
115
115
  })(["max-height:40vh;", "{padding:0;display:flex;justify-content:center;a{margin:unset;padding:unset;}}", "{padding:0;display:flex;}", "{padding:2px 16px 4px 16px;}", ",", "{color:", ";border-radius:0;display:flex;width:100%;background:inherit;font-weight:inherit;font-size:inherit;padding:0;}[data-selected='true']{", ",", "{border-bottom-color:transparent;color:", ";}}"], StyledItem, StyledLink, StyledTabInnerBase, StyledLink, StyledTabBase, colors.gray15, StyledLink, StyledTabBase, colors.blue50);
116
116
  export var StyledTabList = /*#__PURE__*/styled.div.withConfig({
117
117
  displayName: "StyledTabList",
118
- componentId: "core-12_21_1__sc-17s58xs-13"
118
+ componentId: "core-12_21_2__sc-17s58xs-13"
119
119
  })(["display:flex;width:100%;"]);
120
120
  export var StyledTabs = /*#__PURE__*/styled.nav.withConfig({
121
121
  displayName: "StyledTabs",
122
- componentId: "core-12_21_1__sc-17s58xs-14"
122
+ componentId: "core-12_21_2__sc-17s58xs-14"
123
123
  })(["background-color:", ";display:flex;overflow:hidden;width:100%;", "{&:nth-child(1n + ", "){&:not(", "){", "}}}", ""], function (_ref6) {
124
124
  var $dark = _ref6.$dark;
125
125
  return $dark && colors.gray15;
@@ -47,7 +47,7 @@ var getSlideOutAnimation = function getSlideOutAnimation($placement) {
47
47
  };
48
48
  export var StyledTearsheetContent = /*#__PURE__*/styled.div.withConfig({
49
49
  displayName: "StyledTearsheetContent",
50
- componentId: "core-12_21_1__sc-ljrxoq-0"
50
+ componentId: "core-12_21_2__sc-ljrxoq-0"
51
51
  })(["display:flex;z-index:2;width:100%;", " ", " ", " ", ""], function (_ref) {
52
52
  var $open = _ref.$open,
53
53
  $placement = _ref.$placement;
@@ -67,7 +67,7 @@ export var StyledTearsheetContent = /*#__PURE__*/styled.div.withConfig({
67
67
  export var minScrimSize = spacing.xxl * 3;
68
68
  export var StyledTearsheetBody = /*#__PURE__*/styled.div.withConfig({
69
69
  displayName: "StyledTearsheetBody",
70
- componentId: "core-12_21_1__sc-ljrxoq-1"
70
+ componentId: "core-12_21_2__sc-ljrxoq-1"
71
71
  })(["display:flex;overflow-y:auto;flex-direction:column;background-color:", ";", " ", "}"], colors.white, function (_ref5) {
72
72
  var $block = _ref5.$block,
73
73
  $placement = _ref5.$placement,
@@ -88,7 +88,7 @@ var zoomIn = /*#__PURE__*/keyframes(["from{transform:scale(0);}to{transform:scal
88
88
  var zoomOut = /*#__PURE__*/keyframes(["from{transform:scale(1);}to{transform:scale(0);}"]);
89
89
  export var StyledScrimContainer = /*#__PURE__*/styled.div.withConfig({
90
90
  displayName: "StyledScrimContainer",
91
- componentId: "core-12_21_1__sc-ljrxoq-2"
91
+ componentId: "core-12_21_2__sc-ljrxoq-2"
92
92
  })(["", ""], function (_ref7) {
93
93
  var $placement = _ref7.$placement;
94
94
  var minSizeProp = ['top', 'bottom'].includes($placement) ? 'min-height' : 'min-width';
@@ -96,7 +96,7 @@ export var StyledScrimContainer = /*#__PURE__*/styled.div.withConfig({
96
96
  });
97
97
  export var StyledButtonContainer = /*#__PURE__*/styled.div.withConfig({
98
98
  displayName: "StyledButtonContainer",
99
- componentId: "core-12_21_1__sc-ljrxoq-3"
99
+ componentId: "core-12_21_2__sc-ljrxoq-3"
100
100
  })(["", ""], function (_ref8) {
101
101
  var $placement = _ref8.$placement;
102
102
  switch ($placement) {
@@ -111,7 +111,7 @@ export var StyledButtonContainer = /*#__PURE__*/styled.div.withConfig({
111
111
  });
112
112
  export var StyledButtonCard = /*#__PURE__*/styled(Card).withConfig({
113
113
  displayName: "StyledButtonCard",
114
- componentId: "core-12_21_1__sc-ljrxoq-4"
114
+ componentId: "core-12_21_2__sc-ljrxoq-4"
115
115
  })(["display:inline-flex;margin:", "px;", " ", " ", ""], spacing.xl, function (_ref9) {
116
116
  var $open = _ref9.$open;
117
117
  return $open ? css(["transform:scale(1);"]) : css(["transform:scale(0);"]);
@@ -3,7 +3,7 @@ import { getInputStyles } from '../Input/Input.styles';
3
3
  import { spacing } from '../_styles/spacing';
4
4
  export var StyledTextArea = /*#__PURE__*/styled.textarea.withConfig({
5
5
  displayName: "StyledTextArea",
6
- componentId: "core-12_21_1__sc-u5mow1-0"
6
+ componentId: "core-12_21_2__sc-u5mow1-0"
7
7
  })(["", " height:auto;min-height:64px;padding:", "px ", "px;resize:", ";"], getInputStyles, spacing.sm, spacing.md, function (_ref) {
8
8
  var _ref$resize = _ref.resize,
9
9
  resize = _ref$resize === void 0 ? 'both' : _ref$resize;
@@ -1,6 +1,6 @@
1
1
  import styled from 'styled-components';
2
2
  export var StyledEditor = /*#__PURE__*/styled.div.withConfig({
3
3
  displayName: "StyledEditor",
4
- componentId: "core-12_21_1__sc-1lje1b0-0"
4
+ componentId: "core-12_21_2__sc-1lje1b0-0"
5
5
  })(["> .tox-tinymce{border:none;}"]);
6
6
  //# sourceMappingURL=TextEditorOutput.styles.js.map
@@ -28,35 +28,35 @@ var captionBase = /*#__PURE__*/css(["color:", ";font-size:12px;line-height:16px;
28
28
  });
29
29
  export var StyledMultilineCaption = /*#__PURE__*/styled.div.withConfig({
30
30
  displayName: "StyledMultilineCaption",
31
- componentId: "core-12_21_1__sc-195f70c-0"
31
+ componentId: "core-12_21_2__sc-195f70c-0"
32
32
  })(["", " display:flex;word-wrap:break-word;overflow-wrap:break-word;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:", "px;"], captionBase, multilineCaptionMaxHeight);
33
33
  export var StyledCaptionText = /*#__PURE__*/styled.span.withConfig({
34
34
  displayName: "StyledCaptionText",
35
- componentId: "core-12_21_1__sc-195f70c-1"
35
+ componentId: "core-12_21_2__sc-195f70c-1"
36
36
  })(["width:100%;"]);
37
37
  export var StyledPlaceholderCaption = /*#__PURE__*/styled.div.withConfig({
38
38
  displayName: "StyledPlaceholderCaption",
39
- componentId: "core-12_21_1__sc-195f70c-2"
39
+ componentId: "core-12_21_2__sc-195f70c-2"
40
40
  })(["", ""], captionBase);
41
41
  export var StyledSingleLineCaption = /*#__PURE__*/styled.div.withConfig({
42
42
  displayName: "StyledSingleLineCaption",
43
- componentId: "core-12_21_1__sc-195f70c-3"
43
+ componentId: "core-12_21_2__sc-195f70c-3"
44
44
  })(["display:flex;", ""], captionBase);
45
45
  export var StyledSinglelineCaptionBody = /*#__PURE__*/styled.span.withConfig({
46
46
  displayName: "StyledSinglelineCaptionBody",
47
- componentId: "core-12_21_1__sc-195f70c-4"
47
+ componentId: "core-12_21_2__sc-195f70c-4"
48
48
  })(["", ""], getEllipsis);
49
49
  export var StyledSinglelineCaptionEnding = /*#__PURE__*/styled.span.withConfig({
50
50
  displayName: "StyledSinglelineCaptionEnding",
51
- componentId: "core-12_21_1__sc-195f70c-5"
51
+ componentId: "core-12_21_2__sc-195f70c-5"
52
52
  })(["max-width:50%;white-space:nowrap;flex-shrink:0;"]);
53
53
  export var StyledLabelText = /*#__PURE__*/styled(Typography).withConfig({
54
54
  displayName: "StyledLabelText",
55
- componentId: "core-12_21_1__sc-195f70c-6"
55
+ componentId: "core-12_21_2__sc-195f70c-6"
56
56
  })(["", ""], getEllipsis());
57
57
  export var StyledThumbnailFigCaption = /*#__PURE__*/styled.figcaption.withConfig({
58
58
  displayName: "StyledThumbnailFigCaption",
59
- componentId: "core-12_21_1__sc-195f70c-7"
59
+ componentId: "core-12_21_2__sc-195f70c-7"
60
60
  })(["", " ", " color:", ";font-weight:", ";text-align:center;width:100%;position:absolute;bottom:0;right:0;left:0;opacity:0.85;height:", "px;padding:", "px ", "px;background-color:", ";"], getTypographyIntent('small'), getEllipsis(), function (_ref5) {
61
61
  var _ref5$$color = _ref5.$color,
62
62
  $color = _ref5$$color === void 0 ? 'gray15' : _ref5$$color;
@@ -64,7 +64,7 @@ export var StyledThumbnailFigCaption = /*#__PURE__*/styled.figcaption.withConfig
64
64
  }, typographyWeights.bold, labelHeight, spacing.sm / 2, spacing.sm, colors.white);
65
65
  export var StyledLabel = /*#__PURE__*/styled.div.withConfig({
66
66
  displayName: "StyledLabel",
67
- componentId: "core-12_21_1__sc-195f70c-8"
67
+ componentId: "core-12_21_2__sc-195f70c-8"
68
68
  })(["display:flex;justify-content:center;position:absolute;bottom:0;right:0;left:0;opacity:0.85;height:", "px;padding:", "px ", "px;font-size:", "px;background-color:", ";"], labelHeight, spacing.sm / 2, spacing.sm, labelFontSize, colors.white);
69
69
  var thumbnailBase = /*#__PURE__*/css(["display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;border:1px solid ", ";border-radius:", "px;margin:0;", " ", " &:focus{", ";}", " ", " ", ""], colors.gray85, borderRadius.md, function (_ref6) {
70
70
  var clickable = _ref6.clickable;
@@ -86,7 +86,7 @@ var thumbnailBase = /*#__PURE__*/css(["display:flex;justify-content:center;align
86
86
  });
87
87
  export var StyledTickIcon = /*#__PURE__*/styled.svg.withConfig({
88
88
  displayName: "StyledTickIcon",
89
- componentId: "core-12_21_1__sc-195f70c-9"
89
+ componentId: "core-12_21_2__sc-195f70c-9"
90
90
  })(["position:absolute;top:", "px;right:", "px;width:", "px;height:", "px;opacity:0;transform:scale(0.75);transition:transform 250ms ease-out,opacity 100ms ease-out;", " ", ""], spacing.sm, spacing.sm, tickSize, tickSize, function (_ref1) {
91
91
  var selected = _ref1.selected;
92
92
  return selected ? "\n opacity: 1;\n transform: scale(1);\n " : '';
@@ -96,28 +96,28 @@ export var StyledTickIcon = /*#__PURE__*/styled.svg.withConfig({
96
96
  });
97
97
  export var StyledFileIcon = /*#__PURE__*/styled(DocumentIcon).withConfig({
98
98
  displayName: "StyledFileIcon",
99
- componentId: "core-12_21_1__sc-195f70c-10"
99
+ componentId: "core-12_21_2__sc-195f70c-10"
100
100
  })(["width:36.5%;height:auto;"]);
101
101
  export var StyledImageThumbnailPreview = /*#__PURE__*/styled.div.withConfig({
102
102
  displayName: "StyledImageThumbnailPreview",
103
- componentId: "core-12_21_1__sc-195f70c-11"
103
+ componentId: "core-12_21_2__sc-195f70c-11"
104
104
  })(["width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center;", ""], function (_ref11) {
105
105
  var $bgImage = _ref11.$bgImage;
106
106
  return css(["background-image:url(", ");"], $bgImage);
107
107
  });
108
108
  export var StyledImageThumbnailOverlay = /*#__PURE__*/styled.div.withConfig({
109
109
  displayName: "StyledImageThumbnailOverlay",
110
- componentId: "core-12_21_1__sc-195f70c-12"
110
+ componentId: "core-12_21_2__sc-195f70c-12"
111
111
  })(["display:none;position:absolute;top:0;bottom:0;left:0;right:0;"]);
112
112
  var blackOverlay = "\n background-color: ".concat(colors.black, ";\n opacity: 0.2;\n");
113
113
  var whiteOverlay = "\n background-color: ".concat(colors.white, ";\n opacity: 0.5;\n");
114
114
  export var StyledImageThumbnailImage = /*#__PURE__*/styled.img.withConfig({
115
115
  displayName: "StyledImageThumbnailImage",
116
- componentId: "core-12_21_1__sc-195f70c-13"
116
+ componentId: "core-12_21_2__sc-195f70c-13"
117
117
  })([""]);
118
118
  export var StyledImageThumbnail = /*#__PURE__*/styled.div.withConfig({
119
119
  displayName: "StyledImageThumbnail",
120
- componentId: "core-12_21_1__sc-195f70c-14"
120
+ componentId: "core-12_21_2__sc-195f70c-14"
121
121
  })(["", " flex-direction:column;", " ", " ", " ", " ", " ", ""], thumbnailBase, function (_ref12) {
122
122
  var disabled = _ref12.disabled;
123
123
  return disabled ? "\n &,\n &:hover {\n ".concat(StyledImageThumbnailOverlay, " {\n display: block;\n ").concat(whiteOverlay, "\n }\n }\n ").concat(StyledImageThumbnailPreview, ",\n ").concat(StyledTickIcon, ",\n ").concat(StyledImageThumbnailImage, " {\n filter: saturate(0);\n }\n ").concat(StyledFileIcon, " {\n filter: saturate(0);\n z-index: -1;\n }\n ") : '';
@@ -146,7 +146,7 @@ export var StyledImageThumbnail = /*#__PURE__*/styled.div.withConfig({
146
146
  });
147
147
  export var StyledThumbnailWrapper = /*#__PURE__*/styled.div.withConfig({
148
148
  displayName: "StyledThumbnailWrapper",
149
- componentId: "core-12_21_1__sc-195f70c-15"
149
+ componentId: "core-12_21_2__sc-195f70c-15"
150
150
  })(["display:flex;", " ", ""], function (_ref18) {
151
151
  var size = _ref18.size;
152
152
  return size === 'lg' ? "\n width: ".concat(thumbnailSizeLg, "px;\n ") : '';
@@ -157,7 +157,7 @@ export var StyledThumbnailWrapper = /*#__PURE__*/styled.div.withConfig({
157
157
  });
158
158
  export var StyledPlaceholderThumbnail = /*#__PURE__*/styled.div.withConfig({
159
159
  displayName: "StyledPlaceholderThumbnail",
160
- componentId: "core-12_21_1__sc-195f70c-16"
160
+ componentId: "core-12_21_2__sc-195f70c-16"
161
161
  })(["", " ", " ", " ", " ", ""], thumbnailBase, function (_ref20) {
162
162
  var clickable = _ref20.clickable;
163
163
  return clickable ? "\n &:hover {\n background-color: ".concat(colors.gray96, ";\n }\n\n ") : '';
@@ -7,31 +7,31 @@ import { getEllipsis } from '../_styles/mixins';
7
7
  import { spacing } from '../_styles/spacing';
8
8
  export var StyledCheckbox = /*#__PURE__*/styled(Checkbox).withConfig({
9
9
  displayName: "StyledCheckbox",
10
- componentId: "core-12_21_1__sc-1inrbm9-0"
10
+ componentId: "core-12_21_2__sc-1inrbm9-0"
11
11
  })(["input{z-index:2;}"]);
12
12
  export var StyledGroupCell = /*#__PURE__*/styled.div.withConfig({
13
13
  displayName: "StyledGroupCell",
14
- componentId: "core-12_21_1__sc-1inrbm9-1"
14
+ componentId: "core-12_21_2__sc-1inrbm9-1"
15
15
  })(["display:flex;align-items:flex-end;padding-bottom:", "px;"], spacing.md);
16
16
  export var StyledThumbnail = /*#__PURE__*/styled(Thumbnail).withConfig({
17
17
  displayName: "StyledThumbnail",
18
- componentId: "core-12_21_1__sc-1inrbm9-2"
18
+ componentId: "core-12_21_2__sc-1inrbm9-2"
19
19
  })(["display:inline-flex;&:focus{outline:none;}"]);
20
20
  // VariableSizeGrid has provided width and height as inline style, so to make it flexible and support responsive !important was added
21
21
  export var StyledVariableSizeGrid = /*#__PURE__*/styled(VariableSizeGrid).withConfig({
22
22
  displayName: "StyledVariableSizeGrid",
23
- componentId: "core-12_21_1__sc-1inrbm9-3"
23
+ componentId: "core-12_21_2__sc-1inrbm9-3"
24
24
  })(["height:100% !important;& > div{width:100% !important;}"]);
25
25
  export var StyledGroupTitle = /*#__PURE__*/styled(Typography).withConfig({
26
26
  displayName: "StyledGroupTitle",
27
- componentId: "core-12_21_1__sc-1inrbm9-4"
27
+ componentId: "core-12_21_2__sc-1inrbm9-4"
28
28
  })(["", ""], getEllipsis);
29
29
  export var StyledSpinnerWrapper = /*#__PURE__*/styled.div.withConfig({
30
30
  displayName: "StyledSpinnerWrapper",
31
- componentId: "core-12_21_1__sc-1inrbm9-5"
31
+ componentId: "core-12_21_2__sc-1inrbm9-5"
32
32
  })(["display:flex;justify-content:center;align-items:center;width:100%;height:100%;"]);
33
33
  export var StyledThumbnailGrid = /*#__PURE__*/styled.div.withConfig({
34
34
  displayName: "StyledThumbnailGrid",
35
- componentId: "core-12_21_1__sc-1inrbm9-6"
35
+ componentId: "core-12_21_2__sc-1inrbm9-6"
36
36
  })(["display:flex;flex-wrap:wrap;outline:none;"]);
37
37
  //# sourceMappingURL=ThumbnailGrid.styles.js.map
@@ -9,19 +9,19 @@ import { colors } from '../_styles/colors';
9
9
  import { spacing } from '../_styles/spacing';
10
10
  export var StyledTieredSelect = /*#__PURE__*/styled(MenuImperative).withConfig({
11
11
  displayName: "StyledTieredSelect",
12
- componentId: "core-12_21_1__sc-e1ql06-0"
12
+ componentId: "core-12_21_2__sc-e1ql06-0"
13
13
  })(["align-items:stretch;max-height:40vh;"]);
14
14
  export var StyledTieredSelectIcon = /*#__PURE__*/styled(Flex).withConfig({
15
15
  displayName: "StyledTieredSelectIcon",
16
- componentId: "core-12_21_1__sc-e1ql06-1"
16
+ componentId: "core-12_21_2__sc-e1ql06-1"
17
17
  })(["height:24px;width:24px;"]);
18
18
  export var StyledTieredSelectArrowButton = /*#__PURE__*/styled(Button).withConfig({
19
19
  displayName: "StyledTieredSelectArrowButton",
20
- componentId: "core-12_21_1__sc-e1ql06-2"
20
+ componentId: "core-12_21_2__sc-e1ql06-2"
21
21
  })(["border:1px solid transparent;"]);
22
22
  export var StyledTieredSelectBreadcrumbs = /*#__PURE__*/styled(Breadcrumbs).withConfig({
23
23
  displayName: "StyledTieredSelectBreadcrumbs",
24
- componentId: "core-12_21_1__sc-e1ql06-3"
24
+ componentId: "core-12_21_2__sc-e1ql06-3"
25
25
  })(["background-color:", ";flex-wrap:wrap;margin-top:", "px;max-height:68px;overflow-y:auto;padding:", "px ", "px;", ""], colors.gray96, spacing.sm, spacing.xs, spacing.md, function (_ref) {
26
26
  var $nonInteractive = _ref.$nonInteractive;
27
27
  if ($nonInteractive) {
@@ -30,22 +30,22 @@ export var StyledTieredSelectBreadcrumbs = /*#__PURE__*/styled(Breadcrumbs).with
30
30
  });
31
31
  export var StyledTieredSelectHome = /*#__PURE__*/styled(Flex).withConfig({
32
32
  displayName: "StyledTieredSelectHome",
33
- componentId: "core-12_21_1__sc-e1ql06-4"
33
+ componentId: "core-12_21_2__sc-e1ql06-4"
34
34
  })(["height:20px;"]);
35
35
  export var StyledTieredSelectOption = /*#__PURE__*/styled(MenuImperative.Item).withConfig({
36
36
  displayName: "StyledTieredSelectOption",
37
- componentId: "core-12_21_1__sc-e1ql06-5"
37
+ componentId: "core-12_21_2__sc-e1ql06-5"
38
38
  })(["align-items:center;display:flex;justify-content:space-between;padding:2px ", "px;"], spacing.lg);
39
39
  export var StyledTieredSelectLoadingMore = /*#__PURE__*/styled(Flex).withConfig({
40
40
  displayName: "StyledTieredSelectLoadingMore",
41
- componentId: "core-12_21_1__sc-e1ql06-6"
41
+ componentId: "core-12_21_2__sc-e1ql06-6"
42
42
  })(["align-items:center;justify-content:center;padding:", "px ", "px 0px ", "px;"], spacing.xs, spacing.lg, spacing.lg);
43
43
  export var StyledTieredSelectOverlay = /*#__PURE__*/styled(Card).withConfig({
44
44
  displayName: "StyledTieredSelectOverlay",
45
- componentId: "core-12_21_1__sc-e1ql06-7"
45
+ componentId: "core-12_21_2__sc-e1ql06-7"
46
46
  })(["max-width:248px;min-width:inherit;"]);
47
47
  export var StyledTieredSelectSpinnerOverlay = /*#__PURE__*/styled(Spinner).withConfig({
48
48
  displayName: "StyledTieredSelectSpinnerOverlay",
49
- componentId: "core-12_21_1__sc-e1ql06-8"
49
+ componentId: "core-12_21_2__sc-e1ql06-8"
50
50
  })(["min-height:auto;"]);
51
51
  //# sourceMappingURL=TieredSelect.styles.js.map
@@ -39,7 +39,7 @@ var getTileStyles = function getTileStyles(_ref) {
39
39
  };
40
40
  export var StyledLinkTile = /*#__PURE__*/styled.a.withConfig({
41
41
  displayName: "StyledLinkTile",
42
- componentId: "core-12_21_1__sc-8q9p0n-0"
42
+ componentId: "core-12_21_2__sc-8q9p0n-0"
43
43
  })(["", " text-decoration:none;color:inherit;"], function (_ref2) {
44
44
  var $orientation = _ref2.$orientation;
45
45
  return getTileStyles({
@@ -49,7 +49,7 @@ export var StyledLinkTile = /*#__PURE__*/styled.a.withConfig({
49
49
  });
50
50
  export var StyledSelectableTile = /*#__PURE__*/styled.div.withConfig({
51
51
  displayName: "StyledSelectableTile",
52
- componentId: "core-12_21_1__sc-8q9p0n-1"
52
+ componentId: "core-12_21_2__sc-8q9p0n-1"
53
53
  })(["", ""], function (_ref3) {
54
54
  var $orientation = _ref3.$orientation,
55
55
  $selected = _ref3.$selected,
@@ -65,7 +65,7 @@ export var StyledSelectableTile = /*#__PURE__*/styled.div.withConfig({
65
65
  });
66
66
  export var StyledInteractableTile = /*#__PURE__*/styled.div.withConfig({
67
67
  displayName: "StyledInteractableTile",
68
- componentId: "core-12_21_1__sc-8q9p0n-2"
68
+ componentId: "core-12_21_2__sc-8q9p0n-2"
69
69
  })(["", ""], function (_ref4) {
70
70
  var $orientation = _ref4.$orientation;
71
71
  return getTileStyles({
@@ -74,26 +74,26 @@ export var StyledInteractableTile = /*#__PURE__*/styled.div.withConfig({
74
74
  });
75
75
  export var StyledFooter = /*#__PURE__*/styled.div.withConfig({
76
76
  displayName: "StyledFooter",
77
- componentId: "core-12_21_1__sc-8q9p0n-3"
77
+ componentId: "core-12_21_2__sc-8q9p0n-3"
78
78
  })(["grid-area:footer;padding:", "px;> ", "{flex-wrap:wrap-reverse;}"], spacing.lg, StyledActions);
79
79
  export var StyledTileContent = /*#__PURE__*/styled(StyledContent).withConfig({
80
80
  displayName: "StyledTileContent",
81
- componentId: "core-12_21_1__sc-8q9p0n-4"
81
+ componentId: "core-12_21_2__sc-8q9p0n-4"
82
82
  })(["grid-column-start:hero-start;grid-column-end:body-end;padding:", "px;+ ", "{padding-top:0;}> ", ",> ", " > ", ",> ", "{grid-column-gap:", "px;}"], spacing.lg, StyledFooter, SFormRow, SForm, SFormRow, SFormRow, spacing.md);
83
83
  export var StyledHeroMedia = /*#__PURE__*/styled.figure.withConfig({
84
84
  displayName: "StyledHeroMedia",
85
- componentId: "core-12_21_1__sc-8q9p0n-5"
85
+ componentId: "core-12_21_2__sc-8q9p0n-5"
86
86
  })(["grid-area:hero;margin:0;position:relative;overflow:hidden;font-size:0;> *{font-size:initial;}+ ", "{grid-area:body;}> video{background-color:", ";}> img,> picture > img{object-fit:cover;}", ""], StyledTileContent, colors.black, function (_ref5) {
87
87
  var $orientation = _ref5.$orientation;
88
88
  return $orientation === 'landscape' && !isIE11() ? css(["border-top-left-radius:inherit;border-bottom-left-radius:inherit;> *,> picture > img{height:100%;width:100%;position:absolute;}@media ", "{> picture > img,> img{width:auto;left:50%;transform:translate(-50%,0);}}"], mediaIE11Hack) : css(["min-height:156px;max-height:567px;border-top-left-radius:inherit;border-top-right-radius:inherit;> *,> picture > img{min-height:inherit;max-height:inherit;height:auto;width:100%;}"]);
89
89
  });
90
90
  export var StyledHeroOverlay = /*#__PURE__*/styled.div.withConfig({
91
91
  displayName: "StyledHeroOverlay",
92
- componentId: "core-12_21_1__sc-8q9p0n-6"
92
+ componentId: "core-12_21_2__sc-8q9p0n-6"
93
93
  })(["position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;"]);
94
94
  export var StyledHeroText = /*#__PURE__*/styled.div.withConfig({
95
95
  displayName: "StyledHeroText",
96
- componentId: "core-12_21_1__sc-8q9p0n-7"
96
+ componentId: "core-12_21_2__sc-8q9p0n-7"
97
97
  })(["grid-area:hero;+ ", "{grid-area:body;}padding:", "px;border-radius:inherit;", ""], StyledTileContent, spacing.lg, function (_ref6) {
98
98
  var $orientation = _ref6.$orientation;
99
99
  return $orientation === 'landscape' ? css(["display:flex;flex-direction:column;justify-content:center;padding-right:0;"]) : css(["padding-bottom:0;"]);
@@ -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_21_1__sc-1t2ye1d-0"
8
+ componentId: "core-12_21_2__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_21_1__sc-1t2ye1d-1"
12
+ componentId: "core-12_21_2__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_21_1__sc-1t2ye1d-2"
19
+ componentId: "core-12_21_2__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_21_1__sc-1t2ye1d-3"
26
+ componentId: "core-12_21_2__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_21_1__sc-1t2ye1d-4"
30
+ componentId: "core-12_21_2__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_21_1__sc-1t2ye1d-5"
34
+ componentId: "core-12_21_2__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_21_1__sc-1t2ye1d-6"
39
- })(["display:block;"]);
38
+ componentId: "core-12_21_2__sc-1t2ye1d-6"
39
+ })(["display:block;margin-top:", "px;"], spacing.xs);
40
40
  //# sourceMappingURL=Title.styles.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Title.styles.js","names":["styled","css","StyledActions","StyledPill","Typography","spacing","StyledTitle","div","withConfig","displayName","componentId","StyledAssets","md","_ref","alignment","StyledTitleContent","_ref2","$hasActions","lg","StyledText","span","StyledTitlePill","sm","StyledTitleActions","StyledSubtext"],"sources":["../../src/Title/Title.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { StyledActions } from '../Content/Content.styles'\nimport { StyledPill } from '../Pill/Pill.styles'\nimport { Typography } from '../Typography/Typography'\nimport { spacing } from '../_styles/spacing'\nimport type { TitleAssetsProps } from './Title.types'\n\nexport const StyledTitle = styled.div`\n display: flex;\n align-items: flex-start;\n`\n\nexport const StyledAssets = styled.div<TitleAssetsProps>`\n margin-right: ${spacing.md}px;\n ${({ alignment }) =>\n css`\n align-self: ${alignment};\n `}\n`\n\nexport const StyledTitleContent = styled.div<{ $hasActions: boolean }>`\n align-self: center;\n\n ${({ $hasActions }) =>\n $hasActions &&\n css`\n margin-right: ${spacing.lg}px;\n `}\n`\n\nexport const StyledText = styled.span`\n > h1,\n > h2,\n > h3 {\n display: inline;\n }\n`\n\nexport const StyledTitlePill = styled.span`\n margin-left: ${spacing.sm}px;\n\n ${StyledPill} {\n vertical-align: text-top;\n }\n`\n\nexport const StyledTitleActions = styled(StyledActions)`\n margin-left: auto;\n`\n\nexport const StyledSubtext = styled(Typography)`\n display: block;\n`\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,aAAa,QAAQ,2BAA2B;AACzD,SAASC,UAAU,QAAQ,qBAAqB;AAChD,SAASC,UAAU,QAAQ,0BAA0B;AACrD,SAASC,OAAO,QAAQ,oBAAoB;AAG5C,OAAO,IAAMC,WAAW,gBAAGN,MAAM,CAACO,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,4CAGpC;AAED,OAAO,IAAMC,YAAY,gBAAGX,MAAM,CAACO,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,iCACpBL,OAAO,CAACO,EAAE,EACxB,UAAAC,IAAA;EAAA,IAAGC,SAAS,GAAAD,IAAA,CAATC,SAAS;EAAA,OACZb,GAAG,uBACaa,SAAS;AAAA,CACxB,CACJ;AAED,OAAO,IAAMC,kBAAkB,gBAAGf,MAAM,CAACO,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,+BAGxC,UAAAM,KAAA;EAAA,IAAGC,WAAW,GAAAD,KAAA,CAAXC,WAAW;EAAA,OACdA,WAAW,IACXhB,GAAG,2BACeI,OAAO,CAACa,EAAE,CAC3B;AAAA,EACJ;AAED,OAAO,IAAMC,UAAU,gBAAGnB,MAAM,CAACoB,IAAI,CAAAZ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,uCAMpC;AAED,OAAO,IAAMW,eAAe,gBAAGrB,MAAM,CAACoB,IAAI,CAAAZ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,0DACzBL,OAAO,CAACiB,EAAE,EAEvBnB,UAAU,CAGb;AAED,OAAO,IAAMoB,kBAAkB,gBAAGvB,MAAM,CAACE,aAAa,CAAC,CAAAM,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,yBAEtD;AAED,OAAO,IAAMc,aAAa,gBAAGxB,MAAM,CAACI,UAAU,CAAC,CAAAI,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,sBAE9C"}
1
+ {"version":3,"file":"Title.styles.js","names":["styled","css","StyledActions","StyledPill","Typography","spacing","StyledTitle","div","withConfig","displayName","componentId","StyledAssets","md","_ref","alignment","StyledTitleContent","_ref2","$hasActions","lg","StyledText","span","StyledTitlePill","sm","StyledTitleActions","StyledSubtext","xs"],"sources":["../../src/Title/Title.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { StyledActions } from '../Content/Content.styles'\nimport { StyledPill } from '../Pill/Pill.styles'\nimport { Typography } from '../Typography/Typography'\nimport { spacing } from '../_styles/spacing'\nimport type { TitleAssetsProps } from './Title.types'\n\nexport const StyledTitle = styled.div`\n display: flex;\n align-items: flex-start;\n`\n\nexport const StyledAssets = styled.div<TitleAssetsProps>`\n margin-right: ${spacing.md}px;\n ${({ alignment }) =>\n css`\n align-self: ${alignment};\n `}\n`\n\nexport const StyledTitleContent = styled.div<{ $hasActions: boolean }>`\n align-self: center;\n\n ${({ $hasActions }) =>\n $hasActions &&\n css`\n margin-right: ${spacing.lg}px;\n `}\n`\n\nexport const StyledText = styled.span`\n > h1,\n > h2,\n > h3 {\n display: inline;\n }\n`\n\nexport const StyledTitlePill = styled.span`\n margin-left: ${spacing.sm}px;\n\n ${StyledPill} {\n vertical-align: text-top;\n }\n`\n\nexport const StyledTitleActions = styled(StyledActions)`\n margin-left: auto;\n`\n\nexport const StyledSubtext = styled(Typography)`\n display: block;\n margin-top: ${spacing.xs}px;\n`\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,aAAa,QAAQ,2BAA2B;AACzD,SAASC,UAAU,QAAQ,qBAAqB;AAChD,SAASC,UAAU,QAAQ,0BAA0B;AACrD,SAASC,OAAO,QAAQ,oBAAoB;AAG5C,OAAO,IAAMC,WAAW,gBAAGN,MAAM,CAACO,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,4CAGpC;AAED,OAAO,IAAMC,YAAY,gBAAGX,MAAM,CAACO,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,iCACpBL,OAAO,CAACO,EAAE,EACxB,UAAAC,IAAA;EAAA,IAAGC,SAAS,GAAAD,IAAA,CAATC,SAAS;EAAA,OACZb,GAAG,uBACaa,SAAS;AAAA,CACxB,CACJ;AAED,OAAO,IAAMC,kBAAkB,gBAAGf,MAAM,CAACO,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,+BAGxC,UAAAM,KAAA;EAAA,IAAGC,WAAW,GAAAD,KAAA,CAAXC,WAAW;EAAA,OACdA,WAAW,IACXhB,GAAG,2BACeI,OAAO,CAACa,EAAE,CAC3B;AAAA,EACJ;AAED,OAAO,IAAMC,UAAU,gBAAGnB,MAAM,CAACoB,IAAI,CAAAZ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,uCAMpC;AAED,OAAO,IAAMW,eAAe,gBAAGrB,MAAM,CAACoB,IAAI,CAAAZ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,0DACzBL,OAAO,CAACiB,EAAE,EAEvBnB,UAAU,CAGb;AAED,OAAO,IAAMoB,kBAAkB,gBAAGvB,MAAM,CAACE,aAAa,CAAC,CAAAM,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,yBAEtD;AAED,OAAO,IAAMc,aAAa,gBAAGxB,MAAM,CAACI,UAAU,CAAC,CAAAI,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,yCAE/BL,OAAO,CAACoB,EAAE,CACzB"}
@@ -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_21_1__sc-1l6lk2n-0"
10
+ componentId: "core-12_21_2__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_21_1__sc-1l6lk2n-1"
19
+ componentId: "core-12_21_2__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_21_1__sc-1l6lk2n-2"
26
+ componentId: "core-12_21_2__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_21_1__sc-1x59fxi-0"
6
+ componentId: "core-12_21_2__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);
@@ -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_21_1__sc-zqi94b-0"
9
+ componentId: "core-12_21_2__sc-zqi94b-0"
10
10
  })(["", " ", " flex:0 1 auto;"], getTypographyIntent('body'), getEllipsis);
11
11
  export var StyledRemove = /*#__PURE__*/styled(Clear).withConfig({
12
12
  displayName: "StyledRemove",
13
- componentId: "core-12_21_1__sc-zqi94b-1"
13
+ componentId: "core-12_21_2__sc-zqi94b-1"
14
14
  })(["border-radius:100%;cursor:pointer;flex:0 0 auto;height:16px;margin:0 -", "px 0 ", "px;width:16px;&:hover{background:", ";color:", ";}"], spacing.sm, spacing.sm, colors.white, colors.blue40);
15
15
  export var StyledToken = /*#__PURE__*/styled.div.withConfig({
16
16
  displayName: "StyledToken",
17
- componentId: "core-12_21_1__sc-zqi94b-2"
17
+ componentId: "core-12_21_2__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,
@@ -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_21_1__sc-1jpjx47-0"
8
+ componentId: "core-12_21_2__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_21_1__sc-1jpjx47-1"
21
+ componentId: "core-12_21_2__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_21_1__sc-1jpjx47-2"
25
+ componentId: "core-12_21_2__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_21_1__sc-1jpjx47-3"
29
+ componentId: "core-12_21_2__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_21_1__sc-1jpjx47-4"
33
+ componentId: "core-12_21_2__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_21_1__sc-1jpjx47-5"
37
+ componentId: "core-12_21_2__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_21_1__sc-wa8j06-0"
6
+ componentId: "core-12_21_2__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_21_1__sc-wa8j06-1"
10
+ componentId: "core-12_21_2__sc-wa8j06-1"
11
11
  })(["width:100%;"]);
12
12
  export var StyledToolLandingPageBodyContent = /*#__PURE__*/styled.div.withConfig({
13
13
  displayName: "StyledToolLandingPageBodyContent",
14
- componentId: "core-12_21_1__sc-wa8j06-2"
14
+ componentId: "core-12_21_2__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_21_1__sc-1fawsi4-0"
9
+ componentId: "core-12_21_2__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_21_1__sc-1fawsi4-1"
13
+ componentId: "core-12_21_2__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