chore(deps): update non-major shared dependencies (#1526)

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: Jonathan Zempel <jzempel@gmail.com>

package.json

@@ -28,18 +28,18 @@
     "version": "yarn build && git add -A"
   },
   "devDependencies": {
-    "@babel/cli": "7.20.7",
-    "@babel/core": "7.20.12",
-    "@babel/eslint-parser": "7.19.1",
+    "@babel/cli": "7.21.5",
+    "@babel/core": "7.22.1",
+    "@babel/eslint-parser": "7.21.8",
     "@babel/plugin-proposal-class-properties": "7.18.6",
     "@babel/plugin-proposal-object-rest-spread": "7.20.7",
     "@babel/plugin-transform-object-assign": "7.18.6",
     "@babel/polyfill": "7.12.1",
-    "@babel/preset-env": "7.20.2",
-    "@babel/preset-react": "7.18.6",
+    "@babel/preset-env": "7.22.4",
+    "@babel/preset-react": "7.22.3",
     "@brodybits/rollup-plugin-size-snapshot": "0.14.1",
     "@rollup/plugin-commonjs": "25.0.0",
-    "@rollup/plugin-node-resolve": "15.0.1",
+    "@rollup/plugin-node-resolve": "15.1.0",
     "@rollup/plugin-replace": "5.0.2",
     "@storybook/addon-a11y": "6.5.16",
     "@storybook/addon-essentials": "6.5.16",
@@ -48,37 +48,37 @@
     "@storybook/react": "6.5.16",
     "@svgr/rollup": "8.0.1",
     "@svgr/webpack": "8.0.1",
-    "@swc/core": "1.3.32",
-    "@swc/jest": "0.2.24",
+    "@swc/core": "1.3.62",
+    "@swc/jest": "0.2.26",
     "@testing-library/jest-dom": "5.16.5",
     "@testing-library/react": "12.1.5",
     "@testing-library/react-hooks": "8.0.1",
     "@testing-library/user-event": "14.4.3",
-    "@types/jest": "29.4.0",
+    "@types/jest": "29.5.2",
     "@types/prop-types": "15.7.5",
-    "@types/react": "17.0.53",
-    "@types/react-dom": "17.0.18",
+    "@types/react": "17.0.60",
+    "@types/react-dom": "17.0.20",
     "@types/styled-components": "5.1.26",
-    "@typescript-eslint/eslint-plugin": "5.50.0",
-    "@typescript-eslint/parser": "5.50.0",
+    "@typescript-eslint/eslint-plugin": "5.59.9",
+    "@typescript-eslint/parser": "5.59.9",
     "@zendeskgarden/css-bedrock": "9.0.0",
     "@zendeskgarden/eslint-config": "32.0.0",
-    "@zendeskgarden/scripts": "1.4.0",
+    "@zendeskgarden/scripts": "1.4.1",
     "@zendeskgarden/stylelint-config": "16.0.1",
     "@zendeskgarden/svg-icons": "6.33.0",
     "acorn-jsx": "5.3.2",
     "babel-core": "7.0.0-bridge.0",
     "babel-loader": "9.1.2",
     "babel-plugin-module-resolver": "5.0.0",
     "babel-plugin-react-remove-properties": "0.3.0",
-    "babel-plugin-styled-components": "2.0.7",
+    "babel-plugin-styled-components": "2.1.3",
     "chalk": "4.1.2",
-    "commander": "10.0.0",
-    "core-js": "3.27.2",
+    "commander": "10.0.1",
+    "core-js": "3.30.2",
     "coveralls": "3.1.1",
     "envalid": "7.3.1",
-    "eslint": "8.33.0",
-    "eslint-config-prettier": "8.6.0",
+    "eslint": "8.42.0",
+    "eslint-config-prettier": "8.8.0",
     "eslint-plugin-garden-local": "file:./utils/eslint",
     "eslint-plugin-jest": "27.2.1",
     "eslint-plugin-jsx-a11y": "6.7.1",
@@ -92,39 +92,39 @@
     "identity-obj-proxy": "3.0.0",
     "inquirer": "8.2.5",
     "inquirer-autocomplete-prompt": "2.0.0",
-    "jest": "29.4.1",
-    "jest-environment-jsdom": "29.4.1",
+    "jest": "29.5.0",
+    "jest-environment-jsdom": "29.5.0",
     "jest-styled-components": "7.1.1",
-    "lerna": "6.4.1",
-    "lint-staged": "13.1.0",
-    "markdownlint-cli": "0.33.0",
+    "lerna": "6.6.2",
+    "lint-staged": "13.2.2",
+    "markdownlint-cli": "0.34.0",
     "micromatch": "4.0.5",
     "mockdate": "3.0.5",
     "ora": "5.4.1",
     "pluralize": "8.0.0",
-    "prettier": "2.8.3",
+    "prettier": "2.8.8",
     "prettier-package-json": "2.8.0",
-    "qs": "6.11.0",
+    "qs": "6.11.2",
     "react": "17.0.2",
     "react-dom": "17.0.2",
     "react-is": "17.0.2",
     "react-test-renderer": "17.0.2",
     "regenerator-runtime": "0.13.11",
-    "rollup": "3.13.0",
+    "rollup": "3.24.0",
     "rollup-plugin-analyzer": "4.0.0",
     "rollup-plugin-babel": "4.4.0",
     "rollup-plugin-cleanup": "3.2.1",
     "rollup-plugin-delete": "2.0.0",
     "rollup-plugin-license": "3.0.1",
     "rollup-plugin-typescript2": "0.34.1",
     "storybook-addon-designs": "6.3.1",
-    "styled-components": "5.3.6",
+    "styled-components": "5.3.11",
     "stylelint": "13.13.1",
     "stylelint-config-styled-components": "0.1.1",
     "stylelint-order": "6.0.3",
     "stylelint-processor-styled-components": "1.10.0",
     "temp": "0.9.4",
     "typescript": "4.9.5",
-    "webpack": "5.76.1"
+    "webpack": "5.86.0"
   }
 }

packages/colorpickers/.size-snapshot.json

@@ -1,20 +1,20 @@
 {
   "index.cjs.js": {
     "bundled": 55131,
-    "minified": 36320,
-    "gzipped": 8542
+    "minified": 36304,
+    "gzipped": 8529
   },
   "index.esm.js": {
     "bundled": 51273,
-    "minified": 32698,
-    "gzipped": 8277,
+    "minified": 32682,
+    "gzipped": 8265,
     "treeshaked": {
       "rollup": {
-        "code": 26675,
+        "code": 26659,
         "import_statements": 988
       },
       "webpack": {
-        "code": 28841
+        "code": 28805
       }
     }
   }

packages/datepickers/.size-snapshot.json

@@ -1,20 +1,20 @@
 {
   "index.cjs.js": {
-    "bundled": 127705,
-    "minified": 72557,
-    "gzipped": 16308
+    "bundled": 127766,
+    "minified": 72484,
+    "gzipped": 16287
   },
   "index.esm.js": {
-    "bundled": 124836,
-    "minified": 69884,
-    "gzipped": 16103,
+    "bundled": 124897,
+    "minified": 69811,
+    "gzipped": 16084,
     "treeshaked": {
       "rollup": {
-        "code": 51762,
+        "code": 51629,
         "import_statements": 546
       },
       "webpack": {
-        "code": 59709
+        "code": 59481
       }
     }
   }

packages/datepickers/src/elements/Datepicker/Datepicker.tsx

@@ -19,7 +19,7 @@ import PropTypes from 'prop-types';
 import { ThemeContext } from 'styled-components';
 import { Manager, Popper, Reference } from 'react-popper';
 import { KEY_CODES, composeEventHandlers } from '@zendeskgarden/container-utilities';
-import { IDatepickerProps, PLACEMENT, PopperPlacement } from '../../types';
+import { IDatepickerProps, PLACEMENT, PopperPlacement, WEEK_STARTS_ON } from '../../types';
 import { getRtlPopperPlacement, getPopperPlacement } from './utils/garden-placements';
 import { Calendar } from './components/Calendar';
 import { datepickerReducer, retrieveInitialState } from './utils/datepicker-reducer';
@@ -211,7 +211,7 @@ Datepicker.propTypes = {
   onChange: PropTypes.any,
   formatDate: PropTypes.func,
   locale: PropTypes.any,
-  weekStartsOn: PropTypes.number,
+  weekStartsOn: PropTypes.oneOf(WEEK_STARTS_ON),
   minValue: PropTypes.any,
   maxValue: PropTypes.any,
   isCompact: PropTypes.bool,

packages/datepickers/src/types/index.ts

@@ -7,7 +7,8 @@
 
 import { HTMLAttributes } from 'react';
 import { Modifiers } from 'popper.js';
-import { DateFnsIndex } from '../utils/calendar-utils';
+
+export const WEEK_STARTS_ON = [0, 1, 2, 3, 4, 5, 6] as const;
 
 const SHARED_PLACEMENT = [
   'auto',
@@ -69,7 +70,7 @@ export interface IDatepickerProps extends Omit<HTMLAttributes<HTMLDivElement>, '
   /**
    * Overrides the locale default start day of week
    */
-  weekStartsOn?: DateFnsIndex;
+  weekStartsOn?: (typeof WEEK_STARTS_ON)[number];
   /**
    * Disables dates before this value on the calendar
    */

packages/datepickers/src/utils/calendar-utils.ts

@@ -5,6 +5,8 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 
+import { IDatepickerProps } from '../types';
+
 /**
  * The following mappings use the Date offests:
  * 0 - Sunday
@@ -13,7 +15,7 @@
  */
 
 /** This type matches definition required by date-fns utilities */
-export type DateFnsIndex = 0 | 1 | 2 | 3 | 4 | 5 | 6 | undefined;
+export type DateFnsIndex = IDatepickerProps['weekStartsOn'];
 
 const REGION_MAPPINGS: Record<string, DateFnsIndex> = {
   'ar-DZ': 0,

packages/forms/.size-snapshot.json

@@ -1,20 +1,20 @@
 {
   "index.cjs.js": {
     "bundled": 134006,
-    "minified": 95974,
+    "minified": 95966,
     "gzipped": 16787
   },
   "index.esm.js": {
     "bundled": 125552,
-    "minified": 87792,
+    "minified": 87784,
     "gzipped": 16389,
     "treeshaked": {
       "rollup": {
-        "code": 70865,
+        "code": 70857,
         "import_statements": 790
       },
       "webpack": {
-        "code": 76210
+        "code": 76202
       }
     }
   }

packages/notifications/.size-snapshot.json

@@ -1,20 +1,20 @@
 {
   "index.cjs.js": {
-    "bundled": 44454,
-    "minified": 30449,
-    "gzipped": 6581
+    "bundled": 44462,
+    "minified": 30426,
+    "gzipped": 6596
   },
   "index.esm.js": {
-    "bundled": 40927,
-    "minified": 27125,
-    "gzipped": 6321,
+    "bundled": 40939,
+    "minified": 27106,
+    "gzipped": 6335,
     "treeshaked": {
       "rollup": {
-        "code": 18315,
+        "code": 18308,
         "import_statements": 498
       },
       "webpack": {
-        "code": 23744
+        "code": 23742
       }
     }
   }

packages/notifications/src/elements/Notification.tsx

@@ -5,7 +5,7 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 
-import React from 'react';
+import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 import InfoStrokeIcon from '@zendeskgarden/svg-icons/src/16/info-stroke.svg';
 import { INotificationProps, TYPE } from '../types';
@@ -15,22 +15,30 @@ import { validationIcons, validationHues } from '../utils/icons';
 /**
  * @extends HTMLAttributes<HTMLDivElement>
  */
-export const Notification = React.forwardRef<HTMLDivElement, INotificationProps>((props, ref) => {
-  const Icon = props.type ? validationIcons[props.type] : InfoStrokeIcon;
-  const hue = props.type && validationHues[props.type];
+export const Notification = forwardRef<HTMLDivElement, INotificationProps>(
+  ({ role, ...props }, ref) => {
+    const Icon = props.type ? validationIcons[props.type] : InfoStrokeIcon;
+    const hue = props.type && validationHues[props.type];
 
-  return (
-    <StyledNotification ref={ref} type={props.type} isFloating {...props}>
-      {props.type && (
-        <StyledIcon hue={hue}>
-          <Icon />
-        </StyledIcon>
-      )}
+    return (
+      <StyledNotification
+        ref={ref}
+        type={props.type}
+        isFloating
+        {...props}
+        role={role === undefined ? 'status' : role}
+      >
+        {props.type && (
+          <StyledIcon hue={hue}>
+            <Icon />
+          </StyledIcon>
+        )}
 
-      {props.children}
-    </StyledNotification>
-  );
-});
+        {props.children}
+      </StyledNotification>
+    );
+  }
+);
 
 Notification.displayName = 'Notification';
 

packages/notifications/src/styled/StyledNotification.ts

@@ -49,11 +49,10 @@ const colorStyles = (props: INotificationProps & ThemeProps<DefaultTheme>) => {
 /**
  * Supports all `<div>` props
  */
-export const StyledNotification = styled(StyledBase).attrs(props => ({
+export const StyledNotification = styled(StyledBase).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': PACKAGE_VERSION,
-  role: props.role === undefined ? 'status' : props.role
-}))<INotificationProps>`
+  'data-garden-version': PACKAGE_VERSION
+})<INotificationProps>`
   ${colorStyles}
 
   ${props => retrieveComponentStyles(COMPONENT_ID, props)};

packages/pagination/.size-snapshot.json

@@ -1,21 +1,21 @@
 {
   "index.esm.js": {
     "bundled": 21810,
-    "minified": 14590,
-    "gzipped": 3612,
+    "minified": 14586,
+    "gzipped": 3611,
     "treeshaked": {
       "rollup": {
-        "code": 11410,
+        "code": 11406,
         "import_statements": 519
       },
       "webpack": {
-        "code": 12395
+        "code": 12391
       }
     }
   },
   "index.cjs.js": {
     "bundled": 23652,
-    "minified": 16229,
-    "gzipped": 3827
+    "minified": 16225,
+    "gzipped": 3826
   }
 }