carbon-react 152.2.0 → 153.0.0-beta.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "carbon-react",
-  "version": "152.2.0",
+  "version": "153.0.0-beta.1",
   "description": "A library of reusable React components for easily building user interfaces.",
   "files": [
     "lib",
@@ -51,7 +51,7 @@
     "@sage/design-tokens": "^4.17.0",
     "react": "^17.0.2 || ^18.0.0",
     "react-dom": "^17.0.2 || ^18.0.0",
-    "styled-components": "^4.4.1"
+    "styled-components": "^5.3.11"
   },
   "devDependencies": {
     "@axe-core/playwright": "~4.10.1",
@@ -104,10 +104,10 @@
     "@types/react-transition-group": "^4.4.9",
     "@types/sinon": "^17.0.3",
     "@types/sprintf-js": "^1.1.4",
-    "@types/styled-components": "5.1.17",
+    "@types/styled-components": "5.1.34",
     "@types/uuid": "^8.3.4",
-    "@typescript-eslint/eslint-plugin": "^5.59.5",
-    "@typescript-eslint/parser": "^5.59.5",
+    "@typescript-eslint/eslint-plugin": "^6.0.0",
+    "@typescript-eslint/parser": "^6.0.0",
     "babel-jest": "^29.7.0",
     "babel-plugin-dev-expression": "^0.2.3",
     "browserslist": "^4.22.1",
@@ -143,7 +143,7 @@
     "jest-environment-jsdom": "^29.5.0",
     "jest-fail-on-console": "^3.3.1",
     "jest-fetch-mock": "^3.0.3",
-    "jest-styled-components": "^6.3.4",
+    "jest-styled-components": "^7.0.8",
     "jsdom": "^21.1.0",
     "jsdom-testing-mocks": "^1.11.0",
     "lint-staged": "^11.2.6",
@@ -162,8 +162,8 @@
     "semver": "^7.5.4",
     "sprintf-js": "^1.1.3",
     "storybook": "^8.4.7",
-    "styled-components": "^4.4.1",
-    "typescript": "~4.7.0",
+    "styled-components": "^5.3.11",
+    "typescript": "~5.3.0",
     "url-loader": "^4.1.1",
     "uuid": "^8.3.2",
     "webpack-dev-server": "^4.15.1"

package/esm/__internal__/form-spacing-provider/form-spacing-provider.component.d.ts

@@ -1,7 +0,0 @@
-import React from "react";
-import { FormSpacingContextProps } from "./form-spacing.context";
-interface FormSpacingProviderProps extends FormSpacingContextProps {
-    children: React.ReactNode;
-}
-declare const FormSpacingProvider: ({ marginBottom, children, }: FormSpacingProviderProps) => React.JSX.Element;
-export default FormSpacingProvider;

package/esm/__internal__/form-spacing-provider/form-spacing-provider.component.js

@@ -1,11 +0,0 @@
-import React from "react";
-import { FormSpacingContext } from "./form-spacing.context";
-const FormSpacingProvider = ({
-  marginBottom,
-  children
-}) => /*#__PURE__*/React.createElement(FormSpacingContext.Provider, {
-  value: {
-    marginBottom
-  }
-}, children);
-export default FormSpacingProvider;

package/esm/__internal__/form-spacing-provider/form-spacing.context.d.ts

@@ -1,5 +0,0 @@
-import React from "react";
-export interface FormSpacingContextProps {
-    marginBottom?: string;
-}
-export declare const FormSpacingContext: React.Context<FormSpacingContextProps>;

package/esm/__internal__/form-spacing-provider/form-spacing.context.js

@@ -1,2 +0,0 @@
-import React from "react";
-export const FormSpacingContext = /*#__PURE__*/React.createContext({});

package/esm/__internal__/form-spacing-provider/index.d.ts

@@ -1,3 +0,0 @@
-export { FormSpacingContext } from "./form-spacing.context";
-export type { FormSpacingContextProps } from "./form-spacing.context";
-export { default } from "./form-spacing-provider.component";

package/esm/__internal__/form-spacing-provider/index.js

@@ -1,2 +0,0 @@
-export { FormSpacingContext } from "./form-spacing.context";
-export { default } from "./form-spacing-provider.component";

package/esm/hooks/__internal__/useFormSpacing/add-form-spacing/index.d.ts

@@ -1,3 +0,0 @@
-import { MarginProps } from "styled-system";
-declare const _default: (marginProps: MarginProps, formMarginBottom?: string) => MarginProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>>;
-export default _default;

package/esm/hooks/__internal__/useFormSpacing/add-form-spacing/index.js

@@ -1,27 +0,0 @@
-export default (marginProps, formMarginBottom) => {
-  if (!formMarginBottom) {
-    return marginProps;
-  }
-  const copiedProps = {
-    ...marginProps
-  };
-  const {
-    mb,
-    marginBottom,
-    mt,
-    marginTop,
-    my,
-    marginY,
-    m,
-    margin
-  } = copiedProps;
-  const hasCustomMarginBottom = [mb, marginBottom, my, marginY, m, margin].some(prop => prop !== undefined);
-  const hasCustomMarginTop = [mt, marginTop, my, marginY, m, margin].some(prop => prop !== undefined);
-  if (!hasCustomMarginBottom) {
-    copiedProps.mb = formMarginBottom;
-  }
-  if (!hasCustomMarginTop) {
-    copiedProps.mt = 0;
-  }
-  return copiedProps;
-};

package/esm/hooks/__internal__/useFormSpacing/index.d.ts

@@ -1,3 +0,0 @@
-import { MarginProps } from "styled-system";
-declare const _default: (props: Record<string, unknown> | MarginProps) => MarginProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>>;
-export default _default;

package/esm/hooks/__internal__/useFormSpacing/index.js

@@ -1,11 +0,0 @@
-import { useContext } from "react";
-import { filterStyledSystemMarginProps } from "../../../style/utils";
-import { FormSpacingContext } from "../../../__internal__/form-spacing-provider";
-import addFormSpacing from "./add-form-spacing";
-export default props => {
-  const {
-    marginBottom
-  } = useContext(FormSpacingContext);
-  const marginProps = addFormSpacing(filterStyledSystemMarginProps(props), marginBottom);
-  return marginProps;
-};

package/lib/__internal__/form-spacing-provider/form-spacing-provider.component.d.ts

@@ -1,7 +0,0 @@
-import React from "react";
-import { FormSpacingContextProps } from "./form-spacing.context";
-interface FormSpacingProviderProps extends FormSpacingContextProps {
-    children: React.ReactNode;
-}
-declare const FormSpacingProvider: ({ marginBottom, children, }: FormSpacingProviderProps) => React.JSX.Element;
-export default FormSpacingProvider;

package/lib/__internal__/form-spacing-provider/form-spacing-provider.component.js

@@ -1,18 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _formSpacing = require("./form-spacing.context");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const FormSpacingProvider = ({
-  marginBottom,
-  children
-}) => /*#__PURE__*/_react.default.createElement(_formSpacing.FormSpacingContext.Provider, {
-  value: {
-    marginBottom
-  }
-}, children);
-var _default = exports.default = FormSpacingProvider;

package/lib/__internal__/form-spacing-provider/form-spacing.context.d.ts

@@ -1,5 +0,0 @@
-import React from "react";
-export interface FormSpacingContextProps {
-    marginBottom?: string;
-}
-export declare const FormSpacingContext: React.Context<FormSpacingContextProps>;

package/lib/__internal__/form-spacing-provider/form-spacing.context.js

@@ -1,9 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.FormSpacingContext = void 0;
-var _react = _interopRequireDefault(require("react"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const FormSpacingContext = exports.FormSpacingContext = /*#__PURE__*/_react.default.createContext({});

package/lib/__internal__/form-spacing-provider/index.d.ts

@@ -1,3 +0,0 @@
-export { FormSpacingContext } from "./form-spacing.context";
-export type { FormSpacingContextProps } from "./form-spacing.context";
-export { default } from "./form-spacing-provider.component";

package/lib/__internal__/form-spacing-provider/index.js

@@ -1,20 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "FormSpacingContext", {
-  enumerable: true,
-  get: function () {
-    return _formSpacing.FormSpacingContext;
-  }
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _formSpacingProvider.default;
-  }
-});
-var _formSpacing = require("./form-spacing.context");
-var _formSpacingProvider = _interopRequireDefault(require("./form-spacing-provider.component"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/lib/__internal__/form-spacing-provider/package.json

@@ -1,6 +0,0 @@
-{
-  "sideEffects": false,
-  "module": "../../../esm/__internal__/form-spacing-provider/index.js",
-  "main": "./index.js",
-  "types": "./index.d.ts"
-}

package/lib/hooks/__internal__/useFormSpacing/add-form-spacing/index.d.ts

@@ -1,3 +0,0 @@
-import { MarginProps } from "styled-system";
-declare const _default: (marginProps: MarginProps, formMarginBottom?: string) => MarginProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>>;
-export default _default;

package/lib/hooks/__internal__/useFormSpacing/add-form-spacing/index.js

@@ -1,34 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _default = (marginProps, formMarginBottom) => {
-  if (!formMarginBottom) {
-    return marginProps;
-  }
-  const copiedProps = {
-    ...marginProps
-  };
-  const {
-    mb,
-    marginBottom,
-    mt,
-    marginTop,
-    my,
-    marginY,
-    m,
-    margin
-  } = copiedProps;
-  const hasCustomMarginBottom = [mb, marginBottom, my, marginY, m, margin].some(prop => prop !== undefined);
-  const hasCustomMarginTop = [mt, marginTop, my, marginY, m, margin].some(prop => prop !== undefined);
-  if (!hasCustomMarginBottom) {
-    copiedProps.mb = formMarginBottom;
-  }
-  if (!hasCustomMarginTop) {
-    copiedProps.mt = 0;
-  }
-  return copiedProps;
-};
-exports.default = _default;

package/lib/hooks/__internal__/useFormSpacing/add-form-spacing/package.json

@@ -1,6 +0,0 @@
-{
-  "sideEffects": false,
-  "module": "../../../../../esm/hooks/__internal__/useFormSpacing/add-form-spacing/index.js",
-  "main": "./index.js",
-  "types": "./index.d.ts"
-}

package/lib/hooks/__internal__/useFormSpacing/index.d.ts

@@ -1,3 +0,0 @@
-import { MarginProps } from "styled-system";
-declare const _default: (props: Record<string, unknown> | MarginProps) => MarginProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>>;
-export default _default;

package/lib/hooks/__internal__/useFormSpacing/index.js

@@ -1,19 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("react");
-var _utils = require("../../../style/utils");
-var _formSpacingProvider = require("../../../__internal__/form-spacing-provider");
-var _addFormSpacing = _interopRequireDefault(require("./add-form-spacing"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var _default = props => {
-  const {
-    marginBottom
-  } = (0, _react.useContext)(_formSpacingProvider.FormSpacingContext);
-  const marginProps = (0, _addFormSpacing.default)((0, _utils.filterStyledSystemMarginProps)(props), marginBottom);
-  return marginProps;
-};
-exports.default = _default;

package/lib/hooks/__internal__/useFormSpacing/package.json

@@ -1,6 +0,0 @@
-{
-  "sideEffects": false,
-  "module": "../../../../esm/hooks/__internal__/useFormSpacing/index.js",
-  "main": "./index.js",
-  "types": "./index.d.ts"
-}