carbon-react 144.3.0 → 144.4.1

package/lib/components/switch/switch.style.js

@@ -25,14 +25,14 @@ const ErrorBorder = exports.ErrorBorder = _styledComponents.default.span`
   ${({
   warning
 }) => (0, _styledComponents.css)`
-      position: absolute;
-      z-index: 6;
-      width: 2px;
-      background-color: ${warning ? "var(--colorsSemanticCaution500)" : "var(--colorsSemanticNegative500)"};
-      left: -12px;
-      bottom: -4px;
-      top: 2px;
-    `}
+    position: absolute;
+    z-index: 6;
+    width: 2px;
+    background-color: ${warning ? "var(--colorsSemanticCaution500)" : "var(--colorsSemanticNegative500)"};
+    left: -12px;
+    bottom: -4px;
+    top: 2px;
+  `}
 `;
 const StyledHintText = exports.StyledHintText = _styledComponents.default.div`
   margin-top: 8px;

package/lib/components/text-editor/__internal__/toolbar/toolbar-button/toolbar-button.component.js

@@ -27,7 +27,8 @@ const ToolbarButton = exports.ToolbarButton = /*#__PURE__*/_react.default.forwar
     onKeyDown: onKeyDown,
     onMouseDown: onMouseDown,
     isActive: activated,
-    "aria-label": ariaLabel
+    "aria-label": ariaLabel,
+    "aria-pressed": activated
   }, !tabbable && {
     tabIndex: -1
   }, {

package/lib/components/textbox/textbox.style.js

@@ -12,14 +12,14 @@ const ErrorBorder = exports.ErrorBorder = _styledComponents.default.span`
   warning,
   inline
 }) => (0, _styledComponents.css)`
-      position: absolute;
-      z-index: 6;
-      width: 2px;
-      background-color: ${warning ? "var(--colorsSemanticCaution500)" : "var(--colorsSemanticNegative500)"};
-      left: -12px;
-      bottom: ${inline ? "10px" : "0px"};
-      top: 0px;
-    `}
+    position: absolute;
+    z-index: 6;
+    width: 2px;
+    background-color: ${warning ? "var(--colorsSemanticCaution500)" : "var(--colorsSemanticNegative500)"};
+    left: -12px;
+    bottom: ${inline ? "10px" : "0px"};
+    top: 0px;
+  `}
 `;
 const StyledHintText = exports.StyledHintText = _styledComponents.default.div`
   ::after {

package/lib/components/tile/flex-tile-divider/flex-tile-divider.component.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 export declare const FlexTileDivider: () => JSX.Element;
 export default FlexTileDivider;

package/lib/components/tile/tile.component.d.ts

@@ -4,7 +4,7 @@ import { SpaceProps, WidthProps } from "styled-system";
 import { TagProps } from "../../__internal__/utils/helpers/tags";
 import { TILE_HIGHLIGHT_VARIANTS } from "./tile.config";
 declare type DesignTokensType = keyof typeof DesignTokens;
-declare type HighlightVariantType = typeof TILE_HIGHLIGHT_VARIANTS[number];
+declare type HighlightVariantType = (typeof TILE_HIGHLIGHT_VARIANTS)[number];
 export interface TileProps extends SpaceProps, WidthProps, TagProps {
     /** Sets the theme of the tile */
     variant?: "tile" | "transparent" | "active" | "grey";

package/lib/components/typography/typography.component.d.ts

@@ -2,7 +2,7 @@ import React from "react";
 import { SpaceProps } from "styled-system";
 import { TagProps } from "../../__internal__/utils/helpers/tags";
 export declare const VARIANT_TYPES: readonly ["h1-large", "h1", "h2", "h3", "h4", "h5", "segment-header", "segment-header-small", "segment-subheader", "segment-subheader-alt", "p", "span", "small", "big", "sup", "sub", "strong", "b", "em", "ul", "ol"];
-export declare type VariantTypes = typeof VARIANT_TYPES[number];
+export declare type VariantTypes = (typeof VARIANT_TYPES)[number];
 export interface TypographyProps extends SpaceProps, TagProps {
     /** Override the variant component */
     as?: React.ElementType;

package/lib/components/typography/typography.style.js

@@ -191,7 +191,7 @@ const StyledTypography = _styledComponents.default.span.attrs(({
     ${variant === "sup" && "vertical-align: super;"};
     ${variant === "sub" && "vertical-align: sub;"};
     ${display && `display: ${display};`};
-    ${listStyleType && `list-style-type: ${listStyleType};`}; ;
+    ${listStyleType && `list-style-type: ${listStyleType};`};
   `}
   ${_styledSystem.space}
     ${({

package/lib/components/vertical-divider/vertical-divider.component.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { SpaceProps } from "styled-system";
 declare type TintRange = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | 70 | 71 | 72 | 73 | 74 | 75 | 76 | 77 | 78 | 79 | 80 | 81 | 82 | 83 | 84 | 85 | 86 | 87 | 88 | 89 | 90 | 91 | 92 | 93 | 94 | 95 | 96 | 97 | 98 | 99 | 100;
 export interface VerticalDividerProps extends SpaceProps {

package/lib/global.d.ts

@@ -7,7 +7,7 @@ declare global {
   interface Window {
     __CARBON_INTERNALS_MODAL_LIST?: ModalList;
     __CARBON_INTERNALS_MODAL_SETTER_LIST?: ((
-      topModal: HTMLElement | null
+      topModal: HTMLElement | null,
     ) => void)[];
     __CARBON_INTERNALS_SCROLL_BLOCKERS?: {
       components: {

package/lib/hooks/__internal__/useCharacterCount/useCharacterCount.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const useCharacterCount: (value?: string, characterLimit?: number, characterCountAriaLive?: "off" | "polite") => [JSX.Element | null, string | undefined];
 export default useCharacterCount;

package/lib/style/utils/box-gap.d.ts

@@ -1,5 +1,5 @@
 export declare const GAP_VALUES: number[];
-export declare type AllowedNumericalValues = typeof GAP_VALUES[number];
+export declare type AllowedNumericalValues = (typeof GAP_VALUES)[number];
 export declare type Gap = AllowedNumericalValues | string;
 export declare const getGapValue: (gapValue: number | string) => string;
 export default function gap(gapValue: number | string): string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "carbon-react",
-  "version": "144.3.0",
+  "version": "144.4.1",
   "description": "A library of reusable React components for easily building user interfaces.",
   "files": [
     "lib",
@@ -97,7 +97,6 @@
     "@testing-library/user-event": "^14.5.1",
     "@types/crypto-js": "^4.2.1",
     "@types/draft-js": "^0.11.10",
-    "@types/enzyme": "3.10.13",
     "@types/glob": "^8.1.0",
     "@types/invariant": "^2.2.37",
     "@types/jest": "^29.5.0",
@@ -114,7 +113,6 @@
     "@types/uuid": "^8.3.4",
     "@typescript-eslint/eslint-plugin": "^5.59.5",
     "@typescript-eslint/parser": "^5.59.5",
-    "@wojtekmaj/enzyme-adapter-react-17": "^0.8.0",
     "axe-core": "^4.8.2",
     "babel-jest": "^29.7.0",
     "babel-plugin-dev-expression": "^0.2.3",
@@ -130,8 +128,6 @@
     "date-fns-tz": "^1.3.8",
     "dayjs": "^1.11.10",
     "draft-js": "^0.11.7",
-    "enzyme": "^3.11.0",
-    "enzyme-to-json": "^3.6.2",
     "eslint": "^8.55.0",
     "eslint-config-airbnb": "^19.0.0",
     "eslint-config-prettier": "^9.1.0",
@@ -162,7 +158,7 @@
     "mockdate": "^2.0.5",
     "nock": "^13.3.8",
     "node-fetch": "^3.3.2",
-    "prettier": "~2.2.0",
+    "prettier": "~3.3.3",
     "raf": "^3.4.1",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
@@ -209,10 +205,7 @@
   "overrides": {
     "playwright-core": "$@playwright/experimental-ct-react17",
     "@testing-library/dom": "$@testing-library/dom",
-    "jsdom": "$jsdom",
-    "enzyme": {
-      "cheerio": "1.0.0-rc.12"
-    }
+    "jsdom": "$jsdom"
   },
   "config": {
     "commitizen": {