@procore/core-react 12.21.2 → 12.22.0

package/CHANGELOG.md

@@ -1,19 +1,17 @@
 # Change Log
 
+## 12.22.0
+
+### Minor Changes
+
+- 76650bc: Support Styled Components v6. Prefixed styled-component props with `$` to resolve warnings on transient props.
+
 ## 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
 

package/dist/@types/global.d.js.map

@@ -1 +1 @@
-{"version":3,"file":"global.d.js","names":[],"sources":["../../src/@types/global.d.ts"],"sourcesContent":["declare module '*.css' {\n  const styles: Record<string, string>\n\n  export = styles\n}\n\ndeclare module '*.scss' {\n  const styles: Record<string, string>\n\n  export = styles\n}\n\ndeclare module '*.png' {\n  const value: any\n\n  export = value\n}\n\n// We need to declare this module explicitly because it doesn't have a TypeScript support\ndeclare module 'raf-stub'\n"],"mappings":""}
+{"version":3,"file":"global.d.js","names":[],"sources":["../../src/@types/global.d.ts"],"sourcesContent":["declare module '*.css' {\n  const styles: Record<string, string>\n\n  export = styles\n}\n\ndeclare module '*.scss' {\n  const styles: Record<string, string>\n\n  export = styles\n}\n\ndeclare module '*.png' {\n  const value: any\n\n  export = value\n}\n\n// We need to declare this module explicitly because it doesn't have a TypeScript support\ndeclare module 'raf-stub'\n\n/**\n * The typings for React 17 erroneously include events named\n * `onPointerEnterCapture` and `onPointerLeaveCapture`.\n *\n * This causes type errors in React 18, where these event names are not valid.\n *\n * To work around this, wrap any such type in this helper, which will strip off\n * the invalid event names.\n */\n// declare module 'react' {\n//   interface HTMLAttributes<T> extends React.HTMLAttributes<T> {\n//     placeholder?: string\n//     onPointerEnterCapture?: (e: React.PointerEvent<T>) => void\n//     onPointerLeaveCapture?: (e: React.PointerEvent<T>) => void\n//   }\n//   interface RefAttributes<T> extends React.RefAttributes<T> {\n//     placeholder?: string\n//     onPointerEnterCapture?: (e: React.PointerEvent<T>) => void\n//     onPointerLeaveCapture?: (e: React.PointerEvent<T>) => void\n//   }\n// }\n"],"mappings":""}

package/dist/AnchorNavigation/AnchorNavigation.styles.d.ts

@@ -1,7 +1,8 @@
-export declare const StyledAnchorNavigation: import("styled-components").StyledComponent<"ul", any, {}, never>;
-export declare const StyledAnchorSection: import("styled-components").StyledComponent<"li", any, {
+/// <reference types="react" />
+export declare const StyledAnchorNavigation: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, never>> & string;
+export declare const StyledAnchorSection: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {
     $selected: boolean;
-}, never>;
-export declare const StyledAnchor: import("styled-components").StyledComponent<"a", any, {
+}>> & string;
+export declare const StyledAnchor: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, {
     $selected: boolean;
-}, never>;
+}>> & string;

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_2__sc-aacdj4-0"
+  componentId: "core-12_22_0__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_2__sc-aacdj4-1"
+  componentId: "core-12_22_0__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_2__sc-aacdj4-2"
+  componentId: "core-12_22_0__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.d.ts

@@ -1,14 +1,15 @@
+/// <reference types="react" />
 import type { BaseAvatarProps } from './Avatar.types';
 interface StyledAvatarProps {
     $clickable: BaseAvatarProps['clickable'];
     $disabled: BaseAvatarProps['disabled'];
     $size: BaseAvatarProps['size'];
 }
-export declare const StyledAvatarOverlay: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledIconContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledLabelContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledPortraitContainer: import("styled-components").StyledComponent<"div", any, {
+export declare const StyledAvatarOverlay: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledIconContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledLabelContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledPortraitContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $imageUrl: string;
-}, never>;
-export declare const StyledAvatarContainer: import("styled-components").StyledComponent<"div", any, StyledAvatarProps, never>;
+}>> & string;
+export declare const StyledAvatarContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledAvatarProps>> & string;
 export {};

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_2__sc-7q2ydl-0"
+  componentId: "core-12_22_0__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_2__sc-7q2ydl-1"
+  componentId: "core-12_22_0__sc-7q2ydl-1"
 })(["display:inline-flex;"]);
 export var StyledLabelContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledLabelContainer",
-  componentId: "core-12_21_2__sc-7q2ydl-2"
+  componentId: "core-12_22_0__sc-7q2ydl-2"
 })(["text-transform:uppercase;"]);
 export var StyledPortraitContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledPortraitContainer",
-  componentId: "core-12_21_2__sc-7q2ydl-3"
+  componentId: "core-12_22_0__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_2__sc-7q2ydl-4"
+  componentId: "core-12_22_0__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;