carbon-react 118.2.1 → 118.3.1

package/lib/style/design-tokens/debug-theme.util.d.ts

@@ -22,6 +22,7 @@ declare const _default: {
         colorsUtilityYin065: string;
         colorsUtilityYin090: string;
         colorsUtilityYang100: string;
+        colorsUtilityYang080: string;
         colorsUtilityDisabled400: string;
         colorsUtilityDisabled500: string;
         colorsUtilityDisabled600: string;
@@ -68,6 +69,7 @@ declare const _default: {
         colorsActionReadOnly500: string;
         colorsActionReadOnly600: string;
         colorsSemanticNeutral200: string;
+        colorsSemanticNeutral400: string;
         colorsSemanticNeutral500: string;
         colorsSemanticNeutral600: string;
         colorsSemanticNeutralTransparent: string;
@@ -108,6 +110,7 @@ declare const _default: {
         colorsSemanticCautionYin090: string;
         colorsSemanticCautionYang100: string;
         colorsSemanticInfo150: string;
+        colorsSemanticInfo400: string;
         colorsSemanticInfo500: string;
         colorsSemanticInfo600: string;
         colorsSemanticInfoTransparent: string;
@@ -224,6 +227,7 @@ declare const _default: {
         sizing150: string;
         sizing175: string;
         sizing200: string;
+        sizing225: string;
         sizing250: string;
         sizing275: string;
         sizing300: string;
@@ -275,6 +279,7 @@ declare const _default: {
         borderWidth200: string;
         borderWidth300: string;
         borderWidth400: string;
+        borderWidth600: string;
         borderWidth000: string;
         fontSizes100: string;
         fontSizes200: string;
@@ -395,6 +400,9 @@ declare const _default: {
         typographyLinkTextS: string;
         typographyLinkTextM: string;
         typographyLinkTextL: string;
+        typographyLinkTextFocusS: string;
+        typographyLinkTextFocusM: string;
+        typographyLinkTextFocusL: string;
         typographyMenuLabelM: string;
         typographyMenuLabelL: string;
         typographyMenuSegmentTitleM: string;
@@ -467,8 +475,17 @@ declare const _default: {
         typographyTableCellTextL: string;
         typographyTableCellTextXl: string;
         typographyTileParagraphM: string;
+        typographyTileSubscriptionTitleM: string;
+        typographyTileSubscriptionParagraphM: string;
+        typographyTileSubscriptionParagraphBoldM: string;
+        typographyTileSubscriptionPriceM: string;
         typographyTooltipTextM: string;
         typographyTooltipTextL: string;
+        typographyNoteEditorNameM: string;
+        typographyNoteDateM: string;
+        typographyNoteParagraphM: string;
+        typographyNoteParagraphListM: string;
+        typographyNoteTitleM: string;
         opacity300: string;
         opacity600: string;
         opacity800: string;

package/lib/style/themes/sage/index.d.ts

@@ -22,6 +22,7 @@ declare var _default: {
         colorsUtilityYin065: string;
         colorsUtilityYin090: string;
         colorsUtilityYang100: string;
+        colorsUtilityYang080: string;
         colorsUtilityDisabled400: string;
         colorsUtilityDisabled500: string;
         colorsUtilityDisabled600: string;
@@ -68,6 +69,7 @@ declare var _default: {
         colorsActionReadOnly500: string;
         colorsActionReadOnly600: string;
         colorsSemanticNeutral200: string;
+        colorsSemanticNeutral400: string;
         colorsSemanticNeutral500: string;
         colorsSemanticNeutral600: string;
         colorsSemanticNeutralTransparent: string;
@@ -108,6 +110,7 @@ declare var _default: {
         colorsSemanticCautionYin090: string;
         colorsSemanticCautionYang100: string;
         colorsSemanticInfo150: string;
+        colorsSemanticInfo400: string;
         colorsSemanticInfo500: string;
         colorsSemanticInfo600: string;
         colorsSemanticInfoTransparent: string;
@@ -224,6 +227,7 @@ declare var _default: {
         sizing150: string;
         sizing175: string;
         sizing200: string;
+        sizing225: string;
         sizing250: string;
         sizing275: string;
         sizing300: string;
@@ -275,6 +279,7 @@ declare var _default: {
         borderWidth200: string;
         borderWidth300: string;
         borderWidth400: string;
+        borderWidth600: string;
         borderWidth000: string;
         fontSizes100: string;
         fontSizes200: string;
@@ -395,6 +400,9 @@ declare var _default: {
         typographyLinkTextS: string;
         typographyLinkTextM: string;
         typographyLinkTextL: string;
+        typographyLinkTextFocusS: string;
+        typographyLinkTextFocusM: string;
+        typographyLinkTextFocusL: string;
         typographyMenuLabelM: string;
         typographyMenuLabelL: string;
         typographyMenuSegmentTitleM: string;
@@ -467,8 +475,17 @@ declare var _default: {
         typographyTableCellTextL: string;
         typographyTableCellTextXl: string;
         typographyTileParagraphM: string;
+        typographyTileSubscriptionTitleM: string;
+        typographyTileSubscriptionParagraphM: string;
+        typographyTileSubscriptionParagraphBoldM: string;
+        typographyTileSubscriptionPriceM: string;
         typographyTooltipTextM: string;
         typographyTooltipTextL: string;
+        typographyNoteEditorNameM: string;
+        typographyNoteDateM: string;
+        typographyNoteParagraphM: string;
+        typographyNoteParagraphListM: string;
+        typographyNoteTitleM: string;
         opacity300: string;
         opacity600: string;
         opacity800: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "carbon-react",
-  "version": "118.2.1",
+  "version": "118.3.1",
   "description": "A library of reusable React components for easily building user interfaces.",
   "files": [
     "lib",
@@ -13,8 +13,7 @@
     "start:debug-theme": "cross-env STORYBOOK_DEBUG_THEME=true npm run start",
     "test": "jest --config=./jest.config.json",
     "test-update": "jest --config=./jest.config.json --updateSnapshot",
-    "test:cypress": "npx cypress open --e2e",
-    "cypress:react": "npx cypress open --component",
+    "cypress:react": "npx cypress open --component --browser chrome",
     "format": "prettier --write './src/**/*.{js,jsx,ts,tsx}'",
     "lint": "eslint ./src",
     "build": "node ./scripts/build.js",
@@ -45,7 +44,7 @@
   },
   "homepage": "https://carbon.sage.com",
   "peerDependencies": {
-    "@sage/design-tokens": "^2.65.0",
+    "@sage/design-tokens": "^4.17.0",
     "draft-js": "^0.11.5",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
@@ -63,7 +62,8 @@
     "@babel/types": "^7.16.0",
     "@commitlint/cli": "^11.0.0",
     "@commitlint/config-conventional": "^11.0.0",
-    "@sage/design-tokens": "^2.65.0",
+    "@dlgshi/cypress-plugin-designtokens": "^0.0.1-development",
+    "@sage/design-tokens": "^4.17.0",
     "@semantic-release/changelog": "^6.0.1",
     "@semantic-release/exec": "^6.0.2",
     "@semantic-release/git": "^10.0.1",
@@ -116,7 +116,7 @@
     "css-loader": "4.0.0",
     "cypress": "^12.7.0",
     "cypress-axe": "^1.4.0",
-    "cypress-each": "^1.13.1",
+    "cypress-each": "^1.13.3",
     "cypress-plugin-tab": "^1.0.5",
     "cypress-real-events": "^1.7.6",
     "cz-conventional-changelog": "^3.3.0",

package/esm/__internal__/DeprecationWarning.js

@@ -1,20 +0,0 @@
-import React from "react";
-import PropTypes from "prop-types";
-
-const DeprecationWarning = ({
-  children
-}) => /*#__PURE__*/React.createElement("div", {
-  style: {
-    backgroundColor: "red",
-    textAlign: "center",
-    color: "white",
-    padding: 20,
-    fontWeight: "bold",
-    marginBottom: 10
-  }
-}, children);
-
-DeprecationWarning.propTypes = {
-  children: PropTypes.node.isRequired
-};
-export default DeprecationWarning;

package/esm/__internal__/utils/storybook/partial-action.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-declare function partialAction(actionName: string): (eventObj?: string | React.SyntheticEvent<Element, Event> | undefined, ...args: string[]) => void;
-export default partialAction;

package/esm/__internal__/utils/storybook/partial-action.js

@@ -1,13 +0,0 @@
-import { action } from "@storybook/addon-actions";
-
-function partialAction(actionName) {
-  return (eventObj, ...args) => {
-    action(actionName)(typeof eventObj === "string" ? {
-      view: undefined
-    } : { ...eventObj,
-      view: undefined
-    }, ...args);
-  };
-}
-
-export default partialAction;

package/esm/components/text-editor/__internal__/editor-counter/editor-counter.d.ts

@@ -1,11 +0,0 @@
-export interface EditorCounterProps {
-  count: number;
-  limit: number;
-  error?: string;
-  warning?: string;
-  info?: string;
-}
-
-declare function EditorCounter(props: EditorCounterProps): JSX.Element;
-
-export default EditorCounter;

package/esm/components/text-editor/__internal__/editor-link/editor-link.d.ts

@@ -1,11 +0,0 @@
-import * as React from "react";
-
-export interface EditorLinkProps {
-  children: React.ReactNode;
-  contentState: Record<string, unknown>;
-  entityKey?: string;
-}
-
-declare function EditorLink(props: EditorLinkProps): JSX.Element;
-
-export default EditorLink;

package/esm/components/text-editor/__internal__/label-wrapper/label-wrapper.d.ts

@@ -1,10 +0,0 @@
-import * as React from "react";
-
-export interface LabelWrapperProps {
-  children: React.ReactNode;
-  onClick: () => void;
-}
-
-declare function LabelWrapper(props: LabelWrapperProps): JSX.Element;
-
-export default LabelWrapper;

package/esm/components/text-editor/__internal__/toolbar/toolbar-button/toolbar-button.d.ts

@@ -1,20 +0,0 @@
-import * as React from "react";
-
-export interface ToolbarButtonProps {
-  ariaLabel?: string;
-  children: React.ReactNode;
-  activated?: boolean;
-  onKeyDown: (event: React.KeyboardEvent<HTMLElement>) => void;
-  onMouseDown: (event: React.MouseEvent<HTMLElement>) => void;
-  onMouseOver?: (event: React.MouseEvent<HTMLElement>) => void;
-  onMouseLeave?: (event: React.MouseEvent<HTMLElement>) => void;
-  onFocus?: (event: React.FocusEvent<HTMLButtonElement>) => void;
-  onBlur?: (event: React.FocusEvent<HTMLButtonElement>) => void;
-  tabbable?: boolean;
-}
-
-declare function ToolbarButton(
-  props: ToolbarButtonProps & React.RefAttributes<HTMLButtonElement>
-): JSX.Element;
-
-export default ToolbarButton;

package/esm/components/text-editor/__internal__/toolbar/toolbar.d.ts

@@ -1,13 +0,0 @@
-import * as React from "react";
-
-export interface ToolbarProps {
-  activeControls: Record<string, unknown>;
-  /** Additional elements to be rendered, e.g. Save and Cancel Button */
-  toolbarElements?: React.ReactNode;
-  setInlineStyle: (args: number) => any;
-  setBlockStyle: (args: number) => any;
-}
-
-declare function Toolbar(props: ToolbarProps): JSX.Element;
-
-export default Toolbar;

package/esm/components/text-editor/text-editor.d.ts

@@ -1,40 +0,0 @@
-import * as React from "react";
-import { MarginProps } from "styled-system";
-import { Editor, EditorState, ContentState } from "draft-js";
-
-export interface TextEditorProps extends MarginProps {
-  /** The maximum characters that the input will accept */
-  characterLimit?: number;
-  /** The text for the editor's label */
-  labelText: string;
-  /** onChange callback to control value updates */
-  onChange: (event: EditorState) => void;
-  /** Additional elements to be rendered in the Editor Toolbar, e.g. Save and Cancel Button */
-  toolbarElements?: React.ReactNode;
-  /** The value of the input, this is an EditorState immutable object */
-  value: EditorState;
-  /** Flag to configure component as mandatory */
-  required?: boolean;
-  /** Message to be displayed when there is an error */
-  error?: string;
-  /** Message to be displayed when there is a warning */
-  warning?: string;
-  /** Message to be displayed when there is an info */
-  info?: string;
-  /** Number greater than 2 multiplied by line-height (21px) to override the default min-height of the editor */
-  rows?: number;
-  /** The previews to display of any links added to the Editor */
-  previews?: React.ReactNode[];
-  /** Callback to report a url when a link is added */
-  onLinkAdded?: (url: string) => void;
-}
-
-declare function TextEditor(
-  props: TextEditorProps & React.RefAttributes<Editor>
-): JSX.Element;
-
-export {
-  EditorState as TextEditorState,
-  ContentState as TextEditorContentState,
-};
-export default TextEditor;

package/lib/__internal__/DeprecationWarning.js

@@ -1,31 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const DeprecationWarning = ({
-  children
-}) => /*#__PURE__*/_react.default.createElement("div", {
-  style: {
-    backgroundColor: "red",
-    textAlign: "center",
-    color: "white",
-    padding: 20,
-    fontWeight: "bold",
-    marginBottom: 10
-  }
-}, children);
-
-DeprecationWarning.propTypes = {
-  children: _propTypes.default.node.isRequired
-};
-var _default = DeprecationWarning;
-exports.default = _default;

package/lib/__internal__/utils/helpers/useUniqueId/package.json

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

package/lib/__internal__/utils/storybook/partial-action.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-declare function partialAction(actionName: string): (eventObj?: string | React.SyntheticEvent<Element, Event> | undefined, ...args: string[]) => void;
-export default partialAction;

package/lib/__internal__/utils/storybook/partial-action.js

@@ -1,21 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _addonActions = require("@storybook/addon-actions");
-
-function partialAction(actionName) {
-  return (eventObj, ...args) => {
-    (0, _addonActions.action)(actionName)(typeof eventObj === "string" ? {
-      view: undefined
-    } : { ...eventObj,
-      view: undefined
-    }, ...args);
-  };
-}
-
-var _default = partialAction;
-exports.default = _default;

package/lib/components/text-editor/__internal__/editor-counter/editor-counter.d.ts

@@ -1,11 +0,0 @@
-export interface EditorCounterProps {
-  count: number;
-  limit: number;
-  error?: string;
-  warning?: string;
-  info?: string;
-}
-
-declare function EditorCounter(props: EditorCounterProps): JSX.Element;
-
-export default EditorCounter;

package/lib/components/text-editor/__internal__/editor-link/editor-link.d.ts

@@ -1,11 +0,0 @@
-import * as React from "react";
-
-export interface EditorLinkProps {
-  children: React.ReactNode;
-  contentState: Record<string, unknown>;
-  entityKey?: string;
-}
-
-declare function EditorLink(props: EditorLinkProps): JSX.Element;
-
-export default EditorLink;

package/lib/components/text-editor/__internal__/label-wrapper/label-wrapper.d.ts

@@ -1,10 +0,0 @@
-import * as React from "react";
-
-export interface LabelWrapperProps {
-  children: React.ReactNode;
-  onClick: () => void;
-}
-
-declare function LabelWrapper(props: LabelWrapperProps): JSX.Element;
-
-export default LabelWrapper;

package/lib/components/text-editor/__internal__/toolbar/toolbar-button/toolbar-button.d.ts

@@ -1,20 +0,0 @@
-import * as React from "react";
-
-export interface ToolbarButtonProps {
-  ariaLabel?: string;
-  children: React.ReactNode;
-  activated?: boolean;
-  onKeyDown: (event: React.KeyboardEvent<HTMLElement>) => void;
-  onMouseDown: (event: React.MouseEvent<HTMLElement>) => void;
-  onMouseOver?: (event: React.MouseEvent<HTMLElement>) => void;
-  onMouseLeave?: (event: React.MouseEvent<HTMLElement>) => void;
-  onFocus?: (event: React.FocusEvent<HTMLButtonElement>) => void;
-  onBlur?: (event: React.FocusEvent<HTMLButtonElement>) => void;
-  tabbable?: boolean;
-}
-
-declare function ToolbarButton(
-  props: ToolbarButtonProps & React.RefAttributes<HTMLButtonElement>
-): JSX.Element;
-
-export default ToolbarButton;

package/lib/components/text-editor/__internal__/toolbar/toolbar.d.ts

@@ -1,13 +0,0 @@
-import * as React from "react";
-
-export interface ToolbarProps {
-  activeControls: Record<string, unknown>;
-  /** Additional elements to be rendered, e.g. Save and Cancel Button */
-  toolbarElements?: React.ReactNode;
-  setInlineStyle: (args: number) => any;
-  setBlockStyle: (args: number) => any;
-}
-
-declare function Toolbar(props: ToolbarProps): JSX.Element;
-
-export default Toolbar;

package/lib/components/text-editor/text-editor.d.ts

@@ -1,40 +0,0 @@
-import * as React from "react";
-import { MarginProps } from "styled-system";
-import { Editor, EditorState, ContentState } from "draft-js";
-
-export interface TextEditorProps extends MarginProps {
-  /** The maximum characters that the input will accept */
-  characterLimit?: number;
-  /** The text for the editor's label */
-  labelText: string;
-  /** onChange callback to control value updates */
-  onChange: (event: EditorState) => void;
-  /** Additional elements to be rendered in the Editor Toolbar, e.g. Save and Cancel Button */
-  toolbarElements?: React.ReactNode;
-  /** The value of the input, this is an EditorState immutable object */
-  value: EditorState;
-  /** Flag to configure component as mandatory */
-  required?: boolean;
-  /** Message to be displayed when there is an error */
-  error?: string;
-  /** Message to be displayed when there is a warning */
-  warning?: string;
-  /** Message to be displayed when there is an info */
-  info?: string;
-  /** Number greater than 2 multiplied by line-height (21px) to override the default min-height of the editor */
-  rows?: number;
-  /** The previews to display of any links added to the Editor */
-  previews?: React.ReactNode[];
-  /** Callback to report a url when a link is added */
-  onLinkAdded?: (url: string) => void;
-}
-
-declare function TextEditor(
-  props: TextEditorProps & React.RefAttributes<Editor>
-): JSX.Element;
-
-export {
-  EditorState as TextEditorState,
-  ContentState as TextEditorContentState,
-};
-export default TextEditor;