@dxc-technology/halstack-react 11.0.0 → 12.0.1

package/number-input/NumberInput.test.js

@@ -8,7 +8,7 @@ var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/creat
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@testing-library/react");
 var _userEvent = _interopRequireDefault(require("@testing-library/user-event"));
-var _NumberInput = _interopRequireDefault(require("./NumberInput.tsx"));
+var _NumberInput = _interopRequireDefault(require("./NumberInput"));
 // Mocking DOMRect for Radix Primitive Popover
 global.globalThis = global;
 global.DOMRect = {
@@ -769,12 +769,171 @@ describe("Number input component tests", function () {
     });
     expect(number.value).toBe("5");
   });
-  test("Number has correct accessibility attributes", function () {
+  test("Value is unchanged when using the scroll wheel in mouse in a disabled input", function () {
     var _render30 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_NumberInput["default"], {
+        disabled: true,
+        label: "Number input label",
+        min: 5,
+        max: 20,
+        step: 5,
+        defaultValue: "10"
+      })),
+      getByLabelText = _render30.getByLabelText;
+    var number = getByLabelText("Number input label");
+    _react2.fireEvent.wheel(number, {
+      deltaY: -100
+    });
+    expect(number.value).toBe("10");
+    _react2.fireEvent.wheel(number, {
+      deltaY: 100
+    });
+    expect(number.value).toBe("10");
+    _react2.fireEvent.wheel(number, {
+      deltaY: -100
+    });
+    expect(number.value).toBe("10");
+    _react2.fireEvent.wheel(number, {
+      deltaY: 100
+    });
+    expect(number.value).toBe("10");
+  });
+  test("Value is unchanged when using the arrows in keyboard in a disabled input", function () {
+    var _render31 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_NumberInput["default"], {
+        disabled: true,
+        label: "Number input label",
+        min: 5,
+        max: 20,
+        step: 5,
+        defaultValue: "10"
+      })),
+      getByLabelText = _render31.getByLabelText;
+    var number = getByLabelText("Number input label");
+    _react2.fireEvent.keyDown(number, {
+      keyCode: 38
+    });
+    expect(number.value).toBe("10");
+    _react2.fireEvent.keyDown(number, {
+      keyCode: 40
+    });
+    expect(number.value).toBe("10");
+    _react2.fireEvent.keyDown(number, {
+      keyCode: 38
+    });
+    expect(number.value).toBe("10");
+    _react2.fireEvent.keyDown(number, {
+      keyCode: 40
+    });
+    expect(number.value).toBe("10");
+  });
+  test("Value is unchanged when using the scroll wheel in mouse in a read-only input", function () {
+    var _render32 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_NumberInput["default"], {
+        readOnly: true,
+        label: "Number input label",
+        min: 5,
+        max: 20,
+        step: 5,
+        defaultValue: "10"
+      })),
+      getByLabelText = _render32.getByLabelText;
+    var number = getByLabelText("Number input label");
+    _react2.fireEvent.wheel(number, {
+      deltaY: -100
+    });
+    expect(number.value).toBe("10");
+    _react2.fireEvent.wheel(number, {
+      deltaY: 100
+    });
+    expect(number.value).toBe("10");
+    _react2.fireEvent.wheel(number, {
+      deltaY: -100
+    });
+    expect(number.value).toBe("10");
+    _react2.fireEvent.wheel(number, {
+      deltaY: 100
+    });
+    expect(number.value).toBe("10");
+  });
+  test("Value is unchanged when using the arrows in keyboard in a read-only input", function () {
+    var _render33 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_NumberInput["default"], {
+        readOnly: true,
+        label: "Number input label",
+        min: 5,
+        max: 20,
+        step: 5,
+        defaultValue: "10"
+      })),
+      getByLabelText = _render33.getByLabelText;
+    var number = getByLabelText("Number input label");
+    _react2.fireEvent.keyDown(number, {
+      keyCode: 38
+    });
+    expect(number.value).toBe("10");
+    _react2.fireEvent.keyDown(number, {
+      keyCode: 40
+    });
+    expect(number.value).toBe("10");
+    _react2.fireEvent.keyDown(number, {
+      keyCode: 38
+    });
+    expect(number.value).toBe("10");
+    _react2.fireEvent.keyDown(number, {
+      keyCode: 40
+    });
+    expect(number.value).toBe("10");
+  });
+  test("Increment and decrement the value with min, max and step using the scroll wheel in mouse", function () {
+    var _render34 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_NumberInput["default"], {
+        label: "Number input label",
+        min: 5,
+        max: 20,
+        step: 5
+      })),
+      getByLabelText = _render34.getByLabelText;
+    var number = getByLabelText("Number input label");
+    _userEvent["default"].type(number, "1");
+    _react2.fireEvent.wheel(number, {
+      deltaY: -100
+    });
+    expect(number.value).toBe("5");
+    _react2.fireEvent.wheel(number, {
+      deltaY: -100
+    });
+    expect(number.value).toBe("10");
+    _react2.fireEvent.wheel(number, {
+      deltaY: -100
+    });
+    expect(number.value).toBe("15");
+    _react2.fireEvent.wheel(number, {
+      deltaY: -100
+    });
+    expect(number.value).toBe("20");
+    _react2.fireEvent.wheel(number, {
+      deltaY: -100
+    });
+    expect(number.value).toBe("20");
+    _react2.fireEvent.wheel(number, {
+      deltaY: 100
+    });
+    expect(number.value).toBe("15");
+    _react2.fireEvent.wheel(number, {
+      deltaY: 100
+    });
+    expect(number.value).toBe("10");
+    _react2.fireEvent.wheel(number, {
+      deltaY: 100
+    });
+    expect(number.value).toBe("5");
+    _react2.fireEvent.wheel(number, {
+      deltaY: 100
+    });
+    expect(number.value).toBe("5");
+  });
+  test("Number has correct accessibility attributes", function () {
+    var _render35 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_NumberInput["default"], {
         label: "Number input label"
       })),
-      getByLabelText = _render30.getByLabelText,
-      getAllByRole = _render30.getAllByRole;
+      getByLabelText = _render35.getByLabelText,
+      getAllByRole = _render35.getAllByRole;
     var number = getByLabelText("Number input label");
     expect(number.getAttribute("type")).toBe("number");
     expect(number.getAttribute("aria-autocomplete")).toBeNull();
@@ -786,7 +945,7 @@ describe("Number input component tests", function () {
     expect(increment.getAttribute("aria-label")).toBe("Increment value");
   });
   test("Number input submits correct values inside a form and actions don't trigger the submit event", /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee18() {
-    var handlerOnSubmit, _render31, getByText, getAllByRole, less, more, submit;
+    var handlerOnSubmit, _render36, getByText, getAllByRole, less, more, submit;
     return _regenerator["default"].wrap(function _callee18$(_context18) {
       while (1) switch (_context18.prev = _context18.next) {
         case 0:
@@ -798,14 +957,14 @@ describe("Number input component tests", function () {
               data: "0"
             });
           });
-          _render31 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement("form", {
+          _render36 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement("form", {
             onSubmit: handlerOnSubmit
           }, /*#__PURE__*/_react["default"].createElement(_NumberInput["default"], {
             label: "Number input label",
             name: "data"
           }), /*#__PURE__*/_react["default"].createElement("button", {
             type: "submit"
-          }, "Submit"))), getByText = _render31.getByText, getAllByRole = _render31.getAllByRole;
+          }, "Submit"))), getByText = _render36.getByText, getAllByRole = _render36.getAllByRole;
           less = getAllByRole("button")[0];
           more = getAllByRole("button")[1];
           submit = getByText("Submit");

package/number-input/NumberInputContext.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { NumberInputContextProps } from "./types";
+export declare const NumberInputContext: import("react").Context<NumberInputContextProps>;

package/number-input/NumberInputContext.js

@@ -0,0 +1,8 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NumberInputContext = void 0;
+var _react = require("react");
+var NumberInputContext = exports.NumberInputContext = /*#__PURE__*/(0, _react.createContext)(null);

package/number-input/types.d.ts

@@ -123,6 +123,12 @@ type Props = {
      */
     tabIndex?: number;
 };
+export type NumberInputContextProps = {
+    typeNumber?: string;
+    minNumber?: number;
+    maxNumber?: number;
+    stepNumber?: number;
+};
 /**
  * Reference to the component.
  */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxc-technology/halstack-react",
-  "version": "11.0.0",
+  "version": "12.0.1",
   "description": "DXC Halstack React components library",
   "repository": "dxc-technology/halstack-react",
   "homepage": "https://developer.dxc.com/halstack",
@@ -21,42 +21,49 @@
     "@radix-ui/react-popover": "^1.0.7",
     "color": "^3.1.3",
     "dayjs": "^1.11.1",
-    "slugify": "^1.6.5",
-    "uuid": "^8.3.2"
+    "slugify": "^1.6.5"
   },
   "scripts": {
-    "test": "jest --env=jsdom",
+    "test": "jest --env=jsdom --config=./jest.config.js",
+    "test:accessibility": "jest --env=jsdom --config=./jest.config.accessibility.js",
     "test:watch": "npm test -- --watch --coverage",
     "build": "babel src --extensions .js,.jsx,.ts,.tsx --out-dir ../dist --copy-files --verbose && node ../scripts/build/copy-package.js && node ../scripts/build/copy-readme.js && tsc ",
     "build:watch": "babel src --watch --extensions .js,.jsx,.ts,.tsx --out-dir ../dist --copy-files --verbose",
     "storybook": "storybook dev -p 6006",
+    "storybook:accessibility": "test-storybook",
+    "storybook:accessibility:ci": "test-storybook --maxWorkers=2",
     "build-storybook": "storybook build"
   },
   "devDependencies": {
     "@babel/cli": "^7.16.8",
-    "@babel/core": "^7.16.7",
+    "@babel/core": "^7.24.4",
     "@babel/plugin-proposal-nullish-coalescing-operator": "^7.13.8",
     "@babel/plugin-proposal-optional-chaining": "^7.13.8",
     "@babel/plugin-transform-runtime": "^7.16.8",
     "@babel/preset-env": "^7.16.8",
     "@babel/preset-react": "^7.16.7",
     "@babel/preset-typescript": "^7.16.7",
+    "@storybook/addon-a11y": "^7.6.17",
     "@storybook/addon-essentials": "^7.5.3",
     "@storybook/addon-interactions": "^7.5.3",
     "@storybook/addon-links": "^7.5.3",
     "@storybook/blocks": "^7.5.3",
     "@storybook/react": "^7.5.3",
     "@storybook/react-vite": "^7.5.3",
+    "@storybook/test-runner": "^0.16.0",
     "@storybook/testing-library": "^0.2.2",
     "@testing-library/react": "^13.0.0",
     "@testing-library/user-event": "^13.0.0",
     "@types/color": "^3.0.3",
+    "@types/jest": "^29.5.12",
+    "@types/jest-axe": "^3.5.9",
     "@types/react": "^18.0.18",
-    "@types/styled-components": "^5.1.29",
-    "@types/uuid": "^9.0.6",
+    "@types/styled-components": "5.1.29",
+    "axe-playwright": "^2.0.1",
     "babel-jest": "^24.8.0",
     "babel-loader": "^8.0.6",
     "chromatic": "^8.0.0",
+    "css-loader": "^7.1.1",
     "eslint": "^8.53.0",
     "eslint-config-airbnb": "^19.0.4",
     "eslint-config-prettier": "^9.0.0",
@@ -67,21 +74,16 @@
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-storybook": "^0.6.15",
     "identity-obj-proxy": "^3.0.0",
-    "jest": "^29.2.2",
+    "jest": "^29.7.0",
+    "jest-axe": "^8.0.0",
     "jest-environment-jsdom": "^29.3.1",
+    "playwright": "^1.41.2",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "storybook": "^7.5.3",
-    "storybook-addon-pseudo-states": "^2.1.2",
+    "storybook-addon-pseudo-states": "^3.0.1",
+    "style-loader": "^4.0.0",
     "styled-components": "^5.0.1",
-    "typescript": "^4.5.4"
-  },
-  "jest": {
-    "moduleNameMapper": {
-      "\\.(css|less|scss|sass)$": "identity-obj-proxy",
-      "\\.(svg)$": "<rootDir>/test/mocks/svgMock.js",
-      "\\.(png)$": "<rootDir>/test/mocks/pngMock.js",
-      "^uuid$": "uuid"
-    }
+    "typescript": "^5.3.3"
   }
 }

package/paginator/Paginator.accessibility.test.d.ts

@@ -0,0 +1 @@
+export {};

package/paginator/Paginator.accessibility.test.js

@@ -0,0 +1,79 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@testing-library/react");
+var _axeHelper = require("../../test/accessibility/axe-helper.js");
+var _Paginator = _interopRequireDefault(require("./Paginator"));
+// Mocking DOMRect for Radix Primitive Popover
+global.globalThis = global;
+global.DOMRect = {
+  fromRect: function fromRect() {
+    return {
+      top: 0,
+      left: 0,
+      bottom: 0,
+      right: 0,
+      width: 0,
+      height: 0
+    };
+  }
+};
+global.ResizeObserver = /*#__PURE__*/function () {
+  function ResizeObserver() {
+    (0, _classCallCheck2["default"])(this, ResizeObserver);
+  }
+  (0, _createClass2["default"])(ResizeObserver, [{
+    key: "observe",
+    value: function observe() {}
+  }, {
+    key: "unobserve",
+    value: function unobserve() {}
+  }, {
+    key: "disconnect",
+    value: function disconnect() {}
+  }]);
+  return ResizeObserver;
+}();
+global.DOMRect = {
+  fromRect: function fromRect() {
+    return {
+      top: 0,
+      left: 0,
+      bottom: 0,
+      right: 0,
+      width: 0,
+      height: 0
+    };
+  }
+};
+describe("Paginator component accessibility tests", function () {
+  it("Should not have basic accessibility issues", /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
+    var _render, container, results;
+    return _regenerator["default"].wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Paginator["default"], {
+            currentPage: 1,
+            itemsPerPage: 10,
+            totalItems: 27,
+            onPageChange: function onPageChange() {},
+            itemsPerPageOptions: [5, 10, 15],
+            showGoToPage: true
+          })), container = _render.container;
+          _context.next = 3;
+          return (0, _axeHelper.axe)(container);
+        case 3:
+          results = _context.sent;
+          expect(results).toHaveNoViolations();
+        case 5:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  })));
+});

package/paginator/Paginator.js

@@ -13,11 +13,9 @@ var _useTheme = _interopRequireDefault(require("../useTheme"));
 var _useTranslatedLabels = _interopRequireDefault(require("../useTranslatedLabels"));
 var _Button = _interopRequireDefault(require("../button/Button"));
 var _Select = _interopRequireDefault(require("../select/Select"));
-var _Icons = require("./Icons");
-var _BackgroundColorContext = require("../BackgroundColorContext");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 var DxcPaginator = function DxcPaginator(_ref) {
   var _ref$currentPage = _ref.currentPage,
     currentPage = _ref$currentPage === void 0 ? 1 : _ref$currentPage,
@@ -39,8 +37,6 @@ var DxcPaginator = function DxcPaginator(_ref) {
   var translatedLabels = (0, _useTranslatedLabels["default"])();
   return /*#__PURE__*/_react["default"].createElement(_styledComponents.ThemeProvider, {
     theme: colorsTheme.paginator
-  }, /*#__PURE__*/_react["default"].createElement(_BackgroundColorContext.BackgroundColorProvider, {
-    color: colorsTheme.paginator.backgroundColor
   }, /*#__PURE__*/_react["default"].createElement(DxcPaginatorContainer, null, /*#__PURE__*/_react["default"].createElement(LabelsContainer, null, itemsPerPageOptions && /*#__PURE__*/_react["default"].createElement(ItemsPageContainer, null, /*#__PURE__*/_react["default"].createElement(ItemsLabel, null, translatedLabels.paginator.itemsPerPageText), /*#__PURE__*/_react["default"].createElement(SelectContainer, null, /*#__PURE__*/_react["default"].createElement(_Select["default"], {
     options: itemsPerPageOptions.map(function (num) {
       return {
@@ -57,19 +53,21 @@ var DxcPaginator = function DxcPaginator(_ref) {
   }))), /*#__PURE__*/_react["default"].createElement(TotalItemsContainer, null, translatedLabels.paginator.minToMaxOfText(minItemsPerPage, maxItemsPerPage, totalItems)), onPageChange && /*#__PURE__*/_react["default"].createElement(_Button["default"], {
     mode: "secondary",
     disabled: currentPageInternal === 1 || currentPageInternal === 0,
-    icon: _Icons.firstIcon,
+    icon: "first_page",
     tabIndex: tabIndex,
     onClick: function onClick() {
       onPageChange(1);
-    }
+    },
+    title: "First results"
   }), onPageChange && /*#__PURE__*/_react["default"].createElement(_Button["default"], {
     mode: "secondary",
     disabled: currentPageInternal === 1 || currentPageInternal === 0,
-    icon: _Icons.previousIcon,
+    icon: "navigate_before",
     tabIndex: tabIndex,
     onClick: function onClick() {
       onPageChange(currentPage - 1);
-    }
+    },
+    title: "Previous results"
   }), showGoToPage ? /*#__PURE__*/_react["default"].createElement(PageToSelectContainer, null, /*#__PURE__*/_react["default"].createElement(GoToLabel, null, translatedLabels.paginator.goToPageText, " "), /*#__PURE__*/_react["default"].createElement(SelectContainer, null, /*#__PURE__*/_react["default"].createElement(_Select["default"], {
     options: Array.from(Array(totalPages), function (e, num) {
       return {
@@ -86,20 +84,22 @@ var DxcPaginator = function DxcPaginator(_ref) {
   }))) : /*#__PURE__*/_react["default"].createElement("span", null, translatedLabels.paginator.pageOfText(currentPageInternal, totalPages)), onPageChange && /*#__PURE__*/_react["default"].createElement(_Button["default"], {
     mode: "secondary",
     disabled: currentPageInternal === totalPages,
-    icon: _Icons.nextIcon,
+    icon: "navigate_next",
     tabIndex: tabIndex,
     onClick: function onClick() {
       onPageChange(currentPage + 1);
-    }
+    },
+    title: "Next results"
   }), onPageChange && /*#__PURE__*/_react["default"].createElement(_Button["default"], {
     mode: "secondary",
     disabled: currentPageInternal === totalPages,
-    icon: _Icons.lastIcon,
+    icon: "last_page",
     tabIndex: tabIndex,
     onClick: function onClick() {
       onPageChange(totalPages);
-    }
-  })))));
+    },
+    title: "Last results"
+  }))));
 };
 var DxcPaginatorContainer = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  font-family: ", ";\n  font-size: ", ";\n  font-weight: ", ";\n  font-style: ", ";\n  text-transform: ", ";\n  background-color: ", ";\n  color: ", ";\n  padding: ", " ", ";\n\n  button {\n    &:disabled {\n      background-color: transparent !important;\n      opacity: 0.3 !important;\n    }\n  }\n"])), function (props) {
   return props.theme.fontFamily;

package/paginator/Paginator.test.d.ts

@@ -0,0 +1 @@
+export {};

package/paginator/Paginator.test.js

@@ -8,7 +8,7 @@ var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/creat
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@testing-library/react");
 var _userEvent = _interopRequireDefault(require("@testing-library/user-event"));
-var _Paginator = _interopRequireDefault(require("./Paginator.tsx"));
+var _Paginator = _interopRequireDefault(require("./Paginator"));
 // Mocking DOMRect for Radix Primitive Popover
 global.globalThis = global;
 global.DOMRect = {

package/paragraph/Paragraph.accessibility.test.d.ts

@@ -0,0 +1 @@
+export {};

package/paragraph/Paragraph.accessibility.test.js

@@ -0,0 +1,28 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@testing-library/react");
+var _axeHelper = require("../../test/accessibility/axe-helper.js");
+var _Paragraph = _interopRequireDefault(require("./Paragraph"));
+describe("Paragraph component accessibility tests", function () {
+  it("Should not have basic accessibility issues", /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
+    var _render, container, results;
+    return _regenerator["default"].wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Paragraph["default"], null, "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla id tortor sit amet velit auctor cursus id eget nisl. Vivamus luctus egestas eros, at mattis libero eleifend ac. Integer vel urna rutrum, pretium arcu dignissim, fringilla turpis. Nullam luctus odio quis magna finibus, a pharetra magna euismod. Nullam efficitur semper pellentesque. Nulla eget arcu ac diam fringilla vehicula. In imperdiet nisl hendrerit, elementum metus eu, ornare risus. Aenean neque nibh, vestibulum vitae elit vel, imperdiet suscipit leo. Curabitur blandit iaculis pretium. Fusce id imperdiet dui, ut laoreet justo. Sed maximus sollicitudin ipsum, et varius massa condimentum eget. Vivamus id mauris et nisl mattis consequat et id lectus. Quisque mollis lacinia nisl. Suspendisse sed quam tincidunt, commodo dolor vel, tincidunt nisl.")), container = _render.container;
+          _context.next = 3;
+          return (0, _axeHelper.axe)(container);
+        case 3:
+          results = _context.sent;
+          expect(results).toHaveNoViolations();
+        case 5:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  })));
+});

package/paragraph/Paragraph.js

@@ -1,27 +1,22 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _BackgroundColorContext = _interopRequireDefault(require("../BackgroundColorContext"));
+var _react = _interopRequireDefault(require("react"));
 var _useTheme = _interopRequireDefault(require("../useTheme"));
 var _BaseTypography = _interopRequireDefault(require("../utils/BaseTypography"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 var DxcParagraph = function DxcParagraph(_ref) {
   var children = _ref.children;
   var colorsTheme = (0, _useTheme["default"])();
-  var backgroundType = (0, _react.useContext)(_BackgroundColorContext["default"]);
   return /*#__PURE__*/_react["default"].createElement(_BaseTypography["default"], {
     as: "p",
     display: colorsTheme.paragraph.display,
     fontSize: colorsTheme.paragraph.fontSize,
     fontWeight: colorsTheme.paragraph.fontWeight,
-    color: backgroundType && backgroundType === "dark" ? colorsTheme.paragraph.fontColorOnDark : colorsTheme.paragraph.fontColor
+    color: colorsTheme.paragraph.fontColor
   }, children);
 };
 var _default = exports["default"] = DxcParagraph;

package/password-input/PasswordInput.accessibility.test.d.ts

@@ -0,0 +1 @@
+export {};