@procore/core-react 12.21.1 → 12.21.2

package/CHANGELOG.md

@@ -0,0 +1,428 @@
+# Change Log
+
+## 12.21.2
+
+### Patch Changes
+
+- 632ce8a: Title to subheading spacing increased by 4, toggle button has consistent spacing in page header
+- a9ac0ff: Yarn 4 migration
+
+  - Update to Yarn 4
+  - Update README instructions
+  - Update workspace syntax
+  - Update CircleCI config
+  - Replace Husky with Git hooks
+  - Fix minor TypeScript build issues
+
+- Updated dependencies [a9ac0ff]
+  - @procore/core-icons@12.6.1
+
+## 12.21.1
+
+### Patch Changes
+
+- a923d1b: Un-deprecate `disabled` prop for the Search component
+- 2cb1890: fix `NumberInput` typing issue
+
+## 12.21.0
+
+### Minor Changes
+
+- ee16a7f: RadioButton error adds aria-invalid
+
+### Patch Changes
+
+- ce06a5b: Add description of `useSplitViewCard` hook in `SplitViewCard`
+  Export `useSplitViewCard` to control opening/closing `SplitViewCard`
+
+## 12.20.4
+
+### Patch Changes
+
+- Updated dependencies [1172b23]
+  - @procore/core-icons@12.6.0
+
+## 12.20.3
+
+### Patch Changes
+
+- 28a8cec: Added type overload to useI18nContext for non generic cases
+- Updated dependencies [8ca5a1d]
+  - @procore/core-icons@12.5.0
+
+## 12.20.2
+
+### Patch Changes
+
+- dcf6db1: Fix `TieredDropdown` search state now clears on blur
+- 39489bf: Fix for the second argument of `translate()` and `t()` to be optional when the string is not pluralized or interpolated
+- Updated dependencies [ac240cb]
+  - @procore/core-icons@12.4.0
+
+## 12.20.1
+
+### Patch Changes
+
+- 3b03f2c: non-selectable items in the `Tree` are now styled to appear visually disabled
+- 6b4152c: Update `ToolLandingPage` settings link colors to be a secondary button
+- 6b4152c: Fixed typed `useI18nContext` to properly handle pluralized translations.
+
+## 12.20.0
+
+### Minor Changes
+
+- 12df818: Added generic type parameter for `useI18nContext` to enable strong typing of translation parameters
+
+### Non SemVer Changes
+
+- Unsafe limited release alpha PageHeaderTemplate
+
+## 12.19.0
+
+### Minor Changes
+
+- a7648b2: `Dropzone` component deprecates `tooltip` property, add `tokens` and `onClear` props for displaying files
+
+### Patch Changes
+
+- Updated dependencies [4fccfec]
+  - @procore/core-i18n-js@10.29.3
+
+## 12.18.1
+
+### Patch Changes
+
+- a34bc6a: Upgrades `@tinymce/tinymce-react`, removes `tinymce` as a dependency
+- 789f671: Fix typo in translation key name.
+
+## 12.18.0
+
+### Minor Changes
+
+- d167d90: [UXI-1088] Remove `react-beautiful-dnd` peerDependency requirement. Migration to and internalizes `@atlaskit/pragmatic-drag-and-drop`
+- abb108e: Introduce `TextInput`component instead to replace `Input`, planning to deprecate `Input` component
+
+### Patch Changes
+
+- cb84286: Fixed `Spinner` to disable animations when `loading` is false.
+- c447ddc: Tinymce to 6.8.5
+
+## 12.17.8
+
+### Patch Changes
+
+- 53110d4: Deprecate `compact` property, add `isHorizontal` and `size` properties to EmptyState component
+
+## 12.17.7
+
+### Patch Changes
+
+- 5cadbc9: Add default icon to Banner componet depending on variant
+- 98780c8: Deprecate `iconRight` property and `tertiaryContrast` variant for Button. Decouple FilterToken component from Button
+
+## 12.17.6
+
+### Patch Changes
+
+- 864ac9d: Update dependency package versions
+
+## 12.17.5
+
+### Patch Changes
+
+- b19e0a0f42: Fix `isTierDisabled` in `TieredSelect` component with selectable tiers
+- c33b95d3b0: `SegmentedController.Segment` `selected` instead of `active`, deprecate `active`
+- c861e39b23: Deprecate `active` prop in `Tabs` component, replaced by the `selected` prop
+- b6784bf2bc: `Spinner` `variant` instead of `color`, add new variants
+  - Hide label on small sizes (`xs`, `sm`).
+  - Deprecate `color` property.
+  - Un-deprecate `variant` property, add `default`, `button` and `focus` variants
+- caacaa17b5: Deprecate `traditional` `variant` for `Form` field layouts
+
+## 12.17.4
+
+### Patch Changes
+
+- 3f23de248: Deprecate `gray` variant from Link component
+- cce0b1f41: Axios package bump for security
+
+## 12.17.3
+
+### Patch Changes
+
+- fe7e10cbe: Deprecate `sm` size in Avatar component
+- 1d8188268: Tearsheet deprecate `placement` and `stretch`, add `block` property as a drop-in replacement for `stretch`
+- 340e07485: Deprecate `size` `sm` in AvatarStack component
+- 72cca9636: Popover deprecate `fluid` property, add `block` property as a drop-in replacement
+
+## 12.17.2
+
+### Patch Changes
+
+- 844a38816d: Updated the file upload error messages to display the file's relative path.
+- 144ef26610: Deprecate `disabled` and `error` props for the Search component
+- d6f8cdd9cd: Fix some accessibility a11y warnings
+- 33607f479c: Update Dropzone error messaging.
+
+## 12.17.1
+
+### Patch Changes
+
+- 59ce2207fa: Improve messaging for blocking zero byte uploads in Dropzone component.
+- Updated dependencies [fd00589dce]
+- Updated dependencies
+  - @procore/core-icons@12.3.0
+
+## 12.17.0
+
+### Minor Changes
+
+- bbaaa149de: Removed text transform from the Spinner label
+
+### Patch Changes
+
+- e6cff39e8e: Fix invalid html attributes for Typography and Tabs, use styled-components transient prefix $
+- fe5abed75a: Added animationFrame: true to autoUpdate to prevent ResizeObserver bug in @floating-ui
+
+## 12.16.2
+
+### Patch Changes
+
+- 221c980472: Removed unnecessary re-renders for TextEditor by memoize the focusScope for the useEffect to avoid over-triggering.
+- 758409d4d0: Add data-core-react attribute for tracking NextGen Layouts utilization
+
+## 12.16.1
+
+### Patch Changes
+
+- 09eb576e78: Focus can leave a Modal or Tearsheet when the TinyMCE TextEditor has a plugin enabled that opens its own TinyMCE modal
+
+## 12.16.0
+
+### Minor Changes
+
+- cb9ef0cf13: disable buttons during the closing transitions of the modal and tearsheets components.
+
+### Patch Changes
+
+- 5633033fec: Dropped core-css and scss in GroupBySelect
+- d50705608f: [UXI-885] Updating colors for the animated progress bar
+
+## 12.15.0
+
+### Minor Changes
+
+- 4e51fffd2: Add header prop to Select component
+
+## 12.14.0
+
+### Minor Changes
+
+- e660ed1ce: Adding option renderer props to the Form.Select and MultiSelect types so they can be used without error by the consumer
+- 85403fc79: Updating dependencies
+
+### Patch Changes
+
+- 081ac7922: fix React warning with Spinner and EmptyState for invalid attributes from styled-components
+- d1e891702: EmptyState's description using `body` instead of `h3`
+
+## 12.13.0
+
+### Minor Changes
+
+- 23cdefdd1a: Updating ToggleButton styles, adding loading prop
+- 2718e17f50: Added size sm to Avatar and AvatarStack
+
+## 12.12.1
+
+### Patch Changes
+
+- d6e90a75c: Fix placeholder for de-DE in DateInput component
+- aeac00464: Fix issue with resetting ungrouped/grouped columns (UISP-215)[UISP-215 https://procoretech.atlassian.net/browse/UISP-215]
+
+## 12.12.0
+
+### Minor Changes
+
+- ce4c89f36: Add onClickViewAll prop to AvatarStack
+- b973bf06d: Thumbnail Placeholder variant file
+- 2a9c4441d: Improve accessibility to dropdownflyout component which is used in data-table component
+- 36ae9f382: update required label capitalization
+
+### Patch Changes
+
+- ba1a46661: Panel Footer show shadow only while scrolling
+
+## 12.11.1
+
+### Patch Changes
+
+- 14551f2c3: Fixed passing a deprecated locale and its translations to I18nProvider was resulting in showing no translations
+
+## 12.11.0
+
+### Minor Changes
+
+- b034c8b7e7: Introducing GhostPlaceholder
+- 977a03d2e3: Allow to change the strategy for restoring focus in OverlayTrigger. This fixes closing Select by Tab button.
+
+### Patch Changes
+
+- Updated dependencies [9e378e94cf]
+  - @procore/core-icons@12.2.0
+
+## 12.10.0
+
+### Minor Changes
+
+- 6df512a30: - Add Polish support
+  - Mark Locale type as deprecated
+  - Mark getI18nProviderLocale as deprecated
+- 6c2153dea: Changes have been made in the translation for Page keyword in pagination to include the colon along with the translation.
+- 76a28038d: Panel Header Action improve screen reader and keyboard support with aria-label and focus trigger
+
+### Patch Changes
+
+- ae429cddb: SplitViewCard no outer spacing on mobile
+- Updated dependencies [8c613f543]
+  - @procore/core-i18n-js@10.29.0
+
+## 12.9.0
+
+### Minor Changes
+
+- f4bba2564d: Add ToolLandingPage layout and deprecate the ListPage layout
+- 2385ee3dc2: Add SplitViewCard component
+- e72d0229e4: Add unsafe button variant for helix header
+
+### Patch Changes
+
+- c82363b770: Detail Page Body and Detail Page Card reduce leading space between
+
+## 12.8.1
+
+### Patch Changes
+
+- f238516964: fix internal tab styles for helix header
+
+## 12.8.0
+
+### Minor Changes
+
+- 77ab117fd4: Added `StyledFormFieldMain` export related to Form
+- b9bbcf6427: Added internal prop to Modal parts to enable mobile breakpoint responsiveness for Helix Header use. Not intended for widespread use. (`compact`)
+- a7bb749cf8: Added internal prop for Tab styles to be used for global navigation. Not intended for widespread use. (`UNSAFE_helixHeader`)
+
+## 12.7.0
+
+### Minor Changes
+
+- d62b76bd8: tinymce strikethrough text formatting
+
+### Patch Changes
+
+- 2ab36a650: Add max_height property to TextEditorOutput component
+- 55fed6084: Added `SpanAttributes` type export to fix `styled-components` type error.
+- a5daf2815: Add export for Tier
+- Updated dependencies [716e98717]
+  - @procore/core-icons@12.1.0
+
+## 12.6.0
+
+### Minor Changes
+
+- 77396f11c: Add TinyMCE advlist plugin to default plugins for more bullet and counter styles
+
+## 12.5.0
+
+### Minor Changes
+
+- 898ad719e: Add support for multiple fallbacks on the i18nProvider
+
+### Patch Changes
+
+- 58d7677bf: Add export for DivAttributes
+
+## 12.4.2
+
+### Patch Changes
+
+- 74dc723988: Extend MenuItemProps with AnchorItemProps
+
+## 12.4.1
+
+### Patch Changes
+
+- ecc17b836: Added missing exports that were excluded after removing dist imports
+
+## 12.4.0
+
+### Minor Changes
+
+- c3b8bc91c0: Add anchor navigation to DetailPage and SettingsPage layouts
+
+### Patch Changes
+
+- b832463cbe: TextArea allows rows for larger than min-height default sizes (removes fixed height)
+- 6c63b2cf22: Added `UNSAFE_EmptyStateSvg` export from `EmptyState`.
+- 6c63b2cf22: Added `UNSAFE_ThumbnailDocumentIcon` export from `Thumbnail`.
+- 1ba4e0af1c: Add exports for celi-select package dependencies
+- 004a11a69c: Added `UNSAFE_TreeChevron`, `UNSAFE_TreeChevronContainer`, `UNSAFE_TreeFilenameCaption`, `UNSAFE_TreeIconContainer`, `UNSAFE_TreeRowContainer`, and `UNSAFE_TreeRowContent` export from the `Tree` component.
+
+## 12.3.0
+
+### Minor Changes
+
+- 9f36515057: Add SettingsPage layout
+- d378956ad7: Adds exports for TinyMCE
+
+## 12.2.0
+
+### Minor Changes
+
+- 952834a3c0: Add exports intended for json-formulator v12 support
+
+### Patch Changes
+
+- 2614939306: Update label typography font weight from 700 to 600
+
+## 12.1.0
+
+### Minor Changes
+
+- d159f925da: Add missed exports of Dropzone for file-select library internal development
+
+## 12.0.0 (2024-05-28)
+
+### Major Changes
+
+See [v12 migration guide](https://core.procore.com/latest/web/releases/migration-guides/core-react/v11-to-v12/) for the full list of changes and migration guides.
+
+General changes:
+
+- Imports from `dist` folder do not work anymore.
+- `@procore/globalization-toolkit` is moved from dependencies to required peerDependencies.
+- `react-beautiful-dnd` is moved from dependencies to required peerDependencies.
+- `formik` peerDependency is now optional. Necessary when using `Form` components and hooks.
+- resize observer polyfill remove
+
+Other changes:
+
+- `NumberInput` no longer uses the `locale` as prop from the component.
+- `Page` and `DetailPage` subcomponent padding refactor.
+- Removed deprecated components, hooks, and contexts:
+  - `SuccessBanner`
+  - `Sidebar`, `Sidebar.*`
+  - `Analytics`, `AnalyticsContext`, `AnalyticsProvider`, etc
+  - `AnchorContext`, `AnchorProvider`, `useAnchorContext`, etc
+  - `Autofocus`, `useAutofocus`
+  - `BoundingRectContext`, `useBoundingRectContext`, `useBoundingRect`, etc
+  - `BufferContext`, `useBufferContext`, etc
+  - `Event`, `EventProvider`, `useEvent`, `useEventContext` etc
+  - `InjectedScriptContext`, `InjectedScriptProvider`, `useInjectedScriptContext`, etc
+  - `ListNavigationContext`, `ListNavigationProvider`, `useListNavigationContext`, etc
+  - `ResizeObserver`
+  - `TextEntryContext`, `TextEntryProvider`, `useTextEntryContext`, etc
+  - `TimerContext`, `TimerProvider`, `useTimerContext`, etc
+  - `TriggerContext`, `TriggerProvider`, `useTriggerContext`, etc
+  - `VisibilityContext`, `VisibilityProvider`, `useVisibilityContext`, etc

package/README.md

@@ -5,7 +5,7 @@ A set of React components implementing the design system spec.
 ## Requirements
 
 Node 16+
-YARN 1.22+
+YARN 4+
 
 ## Usage
 

package/dist/AnchorNavigation/AnchorNavigation.styles.js

@@ -5,11 +5,11 @@ import { getEllipsis } from '../_styles/mixins';
 import { spacing } from '../_styles/spacing';
 export var StyledAnchorNavigation = /*#__PURE__*/styled.ul.withConfig({
   displayName: "StyledAnchorNavigation",
-  componentId: "core-12_21_1__sc-aacdj4-0"
+  componentId: "core-12_21_2__sc-aacdj4-0"
 })(["max-width:200px;margin:0;padding-inline-start:0;"]);
 export var StyledAnchorSection = /*#__PURE__*/styled.li.withConfig({
   displayName: "StyledAnchorSection",
-  componentId: "core-12_21_1__sc-aacdj4-1"
+  componentId: "core-12_21_2__sc-aacdj4-1"
 })(["display:flex;cursor:pointer;border-left:", "px solid ", ";background-color:", ";border-top-right-radius:4px;border-bottom-right-radius:4px;:hover{border-left:", "px solid ", ";background-color:", ";}"], spacing.xs, function (_ref) {
   var $selected = _ref.$selected;
   return $selected ? colors.gray15 : colors.gray90;
@@ -22,7 +22,7 @@ export var StyledAnchorSection = /*#__PURE__*/styled.li.withConfig({
 }, colors.gray90);
 export var StyledAnchor = /*#__PURE__*/styled.a.withConfig({
   displayName: "StyledAnchor",
-  componentId: "core-12_21_1__sc-aacdj4-2"
+  componentId: "core-12_21_2__sc-aacdj4-2"
 })(["width:100%;padding:6px ", "px;", " ", ";", " :focus-visible{box-shadow:inset 0 0 0 2px ", ";outline:none;}"], spacing.sm, getTypographyIntent('body'), function (_ref4) {
   var $selected = _ref4.$selected;
   return $selected ? css(["font-weight:600;"]) : '';

package/dist/Avatar/Avatar.styles.js

@@ -28,26 +28,26 @@ var iconSize = {
 };
 export var StyledAvatarOverlay = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledAvatarOverlay",
-  componentId: "core-12_21_1__sc-7q2ydl-0"
+  componentId: "core-12_21_2__sc-7q2ydl-0"
 })(["width:100%;height:100%;position:absolute;top:0;left:0;border-radius:100%;opacity:0;"]);
 export var StyledIconContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledIconContainer",
-  componentId: "core-12_21_1__sc-7q2ydl-1"
+  componentId: "core-12_21_2__sc-7q2ydl-1"
 })(["display:inline-flex;"]);
 export var StyledLabelContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledLabelContainer",
-  componentId: "core-12_21_1__sc-7q2ydl-2"
+  componentId: "core-12_21_2__sc-7q2ydl-2"
 })(["text-transform:uppercase;"]);
 export var StyledPortraitContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledPortraitContainer",
-  componentId: "core-12_21_1__sc-7q2ydl-3"
+  componentId: "core-12_21_2__sc-7q2ydl-3"
 })(["background-color:", ";background-position:center;background-repeat:no-repeat;background-size:cover;height:100%;width:100%;", ""], colors.white, function (_ref) {
   var $imageUrl = _ref.$imageUrl;
   return css(["background-image:url(", ");"], $imageUrl);
 });
 export var StyledAvatarContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledAvatarContainer",
-  componentId: "core-12_21_1__sc-7q2ydl-4"
+  componentId: "core-12_21_2__sc-7q2ydl-4"
 })(["display:inline-flex;justify-content:center;align-items:center;border-radius:100%;overflow:hidden;position:relative;cursor:default;color:", ";background-color:", ";text-decoration:none;a:has(> &){text-decoration:none;}&:focus{", "}a:focus:has(> &){", " border-radius:100%;}", " ", ";"], colors.white, colors.gray30, getGapOutlineFocus, getGapOutlineFocus, function (_ref2) {
   var _ref2$$size = _ref2.$size,
     $size = _ref2$$size === void 0 ? 'md' : _ref2$$size;

package/dist/AvatarStack/AvatarStack.styles.js

@@ -7,32 +7,32 @@ import { spacing } from '../_styles/spacing';
 var maxModalWidth = 528;
 var StyledBaseAvatar = /*#__PURE__*/styled(Avatar).withConfig({
   displayName: "StyledBaseAvatar",
-  componentId: "core-12_21_1__sc-ft72hu-0"
+  componentId: "core-12_21_2__sc-ft72hu-0"
 })(["border-color:", ";border-style:solid;border-width:1px;&:hover{z-index:1;}&[role='img']:focus{outline:none;}"], colors.white);
 export var StyledAvatar = /*#__PURE__*/styled(StyledBaseAvatar).withConfig({
   displayName: "StyledAvatar",
-  componentId: "core-12_21_1__sc-ft72hu-1"
+  componentId: "core-12_21_2__sc-ft72hu-1"
 })(["background-color:", ";"], function (props) {
   return colors[props.$color];
 });
 export var StyledContactItems = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledContactItems",
-  componentId: "core-12_21_1__sc-ft72hu-2"
+  componentId: "core-12_21_2__sc-ft72hu-2"
 })(["padding-top:", "px;padding-bottom:", "px;padding-left:", "px;"], spacing.sm, spacing.sm, spacing.xs);
 export var StyledWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledWrapper",
-  componentId: "core-12_21_1__sc-ft72hu-3"
+  componentId: "core-12_21_2__sc-ft72hu-3"
 })(["display:flex;", " + ", "{margin-left:-", "px;}"], StyledAvatar, StyledAvatar, spacing.sm);
 export var StyledViewAllWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledViewAllWrapper",
-  componentId: "core-12_21_1__sc-ft72hu-4"
+  componentId: "core-12_21_2__sc-ft72hu-4"
 })(["display:flex;margin-left:", "px;margin-bottom:", "px;"], spacing.md, spacing.lg);
 export var StyledModalBody = /*#__PURE__*/styled(Modal.Body).withConfig({
   displayName: "StyledModalBody",
-  componentId: "core-12_21_1__sc-ft72hu-5"
+  componentId: "core-12_21_2__sc-ft72hu-5"
 })(["max-width:", "px;"], maxModalWidth);
 export var StyledContactItem = /*#__PURE__*/styled(ContactItem).withConfig({
   displayName: "StyledContactItem",
-  componentId: "core-12_21_1__sc-ft72hu-6"
+  componentId: "core-12_21_2__sc-ft72hu-6"
 })(["flex-shrink:0;"]);
 //# sourceMappingURL=AvatarStack.styles.js.map

package/dist/Badge/Badge.styles.js

@@ -1,10 +1,10 @@
 import styled from 'styled-components';
 export var StyledBadge = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledBadge",
-  componentId: "core-12_21_1__sc-rpertu-0"
+  componentId: "core-12_21_2__sc-rpertu-0"
 })(["display:inline-block;position:relative;"]);
 export var StyledBadgeLabel = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledBadgeLabel",
-  componentId: "core-12_21_1__sc-rpertu-1"
+  componentId: "core-12_21_2__sc-rpertu-1"
 })(["bottom:100%;position:absolute;right:0;transform:translateX(50%) translateY(50%);"]);
 //# sourceMappingURL=Badge.styles.js.map

package/dist/Banner/Banner.styles.js

@@ -39,7 +39,7 @@ var expandContent = function expandContent(maxHeight) {
 };
 export var StyledBannerContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledBannerContainer",
-  componentId: "core-12_21_1__sc-149wm7c-0"
+  componentId: "core-12_21_2__sc-149wm7c-0"
 })(["align-items:center;border-left:", "px solid;border-radius:", "px;color:", ";display:flex;justify-content:space-between;min-height:52px;padding:0 ", "px;", " ", " ", ""], bannerLeft, borderRadius.md, colors.gray15, spacing.lg, bannerShadow, function (_ref) {
   var variant = _ref.variant;
   var _bannerVariantColors$ = bannerVariantColors[variant],
@@ -52,15 +52,15 @@ export var StyledBannerContainer = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledContent = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledContent",
-  componentId: "core-12_21_1__sc-149wm7c-1"
+  componentId: "core-12_21_2__sc-149wm7c-1"
 })(["align-self:center;margin:", "px ", "px ", "px 0;width:100%;"], spacing.sm, spacing.lg, spacing.sm);
 export var StyledExpandableContentContainer = /*#__PURE__*/styled(Flex).withConfig({
   displayName: "StyledExpandableContentContainer",
-  componentId: "core-12_21_1__sc-149wm7c-2"
+  componentId: "core-12_21_2__sc-149wm7c-2"
 })(["color:", ";min-height:52px;padding:0 ", "px;position:relative;z-index:1;", ""], colors.gray15, spacing.lg, bannerShadow);
 export var StyledExpandableContent = /*#__PURE__*/styled(Flex).withConfig({
   displayName: "StyledExpandableContent",
-  componentId: "core-12_21_1__sc-149wm7c-3"
+  componentId: "core-12_21_2__sc-149wm7c-3"
 })(["animation-duration:450ms;animation-fill-mode:forwards;animation-timing-function:ease-out;background-color:", ";box-sizing:border-box;font-size:14px;font-weight:500;letter-spacing:0.25px;line-height:20px;overflow-y:auto;padding:0 ", "px;position:relative;z-index:0;", " ", ""], colors.white, spacing.xl * 2 + spacing.sm, function (_ref3) {
   var $isOverflowingY = _ref3.$isOverflowingY;
   return $isOverflowingY && focusable;
@@ -70,23 +70,23 @@ export var StyledExpandableContent = /*#__PURE__*/styled(Flex).withConfig({
 });
 export var StyledTitle = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTitle",
-  componentId: "core-12_21_1__sc-149wm7c-4"
+  componentId: "core-12_21_2__sc-149wm7c-4"
 })(["", " color:", ";font-weight:", ";"], getTypographyIntent('body'), colors.gray15, typographyWeights.semibold);
 export var StyledBody = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledBody",
-  componentId: "core-12_21_1__sc-149wm7c-5"
+  componentId: "core-12_21_2__sc-149wm7c-5"
 })(["", " color:", ";"], getTypographyIntent('body'), colors.gray15);
 export var StyledIconContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledIconContainer",
-  componentId: "core-12_21_1__sc-149wm7c-6"
+  componentId: "core-12_21_2__sc-149wm7c-6"
 })(["flex:0 0 auto;margin:", "px 0;"], spacing.lg);
 export var StyledActionsTrigger = /*#__PURE__*/styled(DropdownButton).withConfig({
   displayName: "StyledActionsTrigger",
-  componentId: "core-12_21_1__sc-149wm7c-7"
+  componentId: "core-12_21_2__sc-149wm7c-7"
 })(["flex-shrink:0;& + ", ",& + ", "{margin-left:-", "px;}"], StyledButton, StyledLinkButton, spacing.sm);
 export var StyledAction = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledAction",
-  componentId: "core-12_21_1__sc-149wm7c-8"
+  componentId: "core-12_21_2__sc-149wm7c-8"
 })(["margin:", "px 0 ", "px -", "px;& + ", ",& + ", ",& + ", "{margin-left:-", "px;}", ",", "{background:rgba(0,0,0,0.05);color:", ";&:hover{background:", ";color:", ";}}"], spacing.sm, spacing.sm, spacing.sm, StyledButton, StyledLinkButton, StyledActionsTrigger, spacing.sm, StyledButton, StyledLinkButton, colors.gray15, colors.gray85, colors.gray15);
 function getMiniBannerIconColor(_ref5) {
   var variant = _ref5.variant;
@@ -94,6 +94,6 @@ function getMiniBannerIconColor(_ref5) {
 }
 export var StyledMiniBannerContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledMiniBannerContainer",
-  componentId: "core-12_21_1__sc-149wm7c-9"
+  componentId: "core-12_21_2__sc-149wm7c-9"
 })(["align-items:center;background-color:", ";display:flex;justify-content:space-between;padding:0 ", "px;", " ", " & ", "{margin:", "px;}"], colors.gray96, spacing.md, getTypographyIntent('small'), getMiniBannerIconColor, StyledContent, spacing.sm);
 //# sourceMappingURL=Banner.styles.js.map

package/dist/Box/Box.styles.js

@@ -21,7 +21,7 @@ function sizeToPx(size) {
 }
 export var StyledBox = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledBox",
-  componentId: "core-12_21_1__sc-fgsy0p-0"
+  componentId: "core-12_21_2__sc-fgsy0p-0"
 })(["", " ", ""], function (_ref) {
   var $as = _ref.$as;
   if ($as === 'ol' || $as === 'ul') {

package/dist/Breadcrumbs/Breadcrumbs.styles.js

@@ -4,19 +4,19 @@ import { colors } from '../_styles/colors';
 import { spacing } from '../_styles/spacing';
 export var StyledContainer = /*#__PURE__*/styled.nav.withConfig({
   displayName: "StyledContainer",
-  componentId: "core-12_21_1__sc-1q6nqfz-0"
+  componentId: "core-12_21_2__sc-1q6nqfz-0"
 })(["color:", ";display:flex;align-items:center;a,a:hover{display:inline-flex;text-decoration:none;}"], colors.gray50);
 export var StyledList = /*#__PURE__*/styled.ol.withConfig({
   displayName: "StyledList",
-  componentId: "core-12_21_1__sc-1q6nqfz-1"
+  componentId: "core-12_21_2__sc-1q6nqfz-1"
 })(["display:flex;margin:0;padding-left:0;"]);
 export var StyledSeparator = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSeparator",
-  componentId: "core-12_21_1__sc-1q6nqfz-2"
+  componentId: "core-12_21_2__sc-1q6nqfz-2"
 })(["align-items:center;display:inline-flex;justify-content:center;margin:0px ", "px;"], spacing.xs);
 export var StyledCrumb = /*#__PURE__*/styled.li.withConfig({
   displayName: "StyledCrumb",
-  componentId: "core-12_21_1__sc-1q6nqfz-3"
+  componentId: "core-12_21_2__sc-1q6nqfz-3"
 })(["", " align-items:center;color:", ";display:inline-flex;min-height:24px;text-decoration:none;&:hover{cursor:", ";text-decoration:", ";}> a{color:", ";", "}", ""], getTypographyIntent('body'), colors.gray45, function (_ref) {
   var active = _ref.active;
   return active ? 'default' : 'pointer';