@dxc-technology/halstack-react 12.2.0 → 13.0.0

package/tooltip/Tooltip.js

@@ -1,50 +0,0 @@
-"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 _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _react = _interopRequireDefault(require("react"));
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var Tooltip = _interopRequireWildcard(require("@radix-ui/react-tooltip"));
-var _coreTokens = _interopRequireDefault(require("../common/coreTokens"));
-var _templateObject, _templateObject2, _templateObject3;
-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 && {}.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 Triangle = function Triangle() {
-  return /*#__PURE__*/_react["default"].createElement("svg", {
-    width: "12",
-    height: "6",
-    viewBox: "0 0 12 6",
-    xmlns: "http://www.w3.org/2000/svg",
-    preserveAspectRatio: "none",
-    display: "block"
-  }, /*#__PURE__*/_react["default"].createElement("path", {
-    d: "M0.351562 0L5.30131 4.94975C5.69184 5.34027 6.325 5.34027 6.71552 4.94975L11.6653 0H6.00842H0.351562Z",
-    fill: _coreTokens["default"].color_grey_800
-  }));
-};
-var DxcTooltip = function DxcTooltip(_ref) {
-  var _ref$position = _ref.position,
-    position = _ref$position === void 0 ? "bottom" : _ref$position,
-    label = _ref.label,
-    children = _ref.children;
-  return label ? /*#__PURE__*/_react["default"].createElement(Tooltip.Provider, {
-    delayDuration: 300
-  }, /*#__PURE__*/_react["default"].createElement(Tooltip.Root, null, /*#__PURE__*/_react["default"].createElement(Tooltip.Trigger, {
-    asChild: true
-  }, /*#__PURE__*/_react["default"].createElement(TooltipTriggerContainer, null, children)), /*#__PURE__*/_react["default"].createElement(Tooltip.Portal, null, /*#__PURE__*/_react["default"].createElement(StyledTooltipContent, {
-    side: position,
-    sideOffset: 8
-  }, /*#__PURE__*/_react["default"].createElement(TooltipContainer, null, label), /*#__PURE__*/_react["default"].createElement(Tooltip.Arrow, {
-    asChild: true,
-    "aria-hidden": true
-  }, /*#__PURE__*/_react["default"].createElement(Triangle, null)))))) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, children);
-};
-var TooltipTriggerContainer = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  display: inline-flex;\n  position: relative;\n"])));
-var StyledTooltipContent = (0, _styledComponents["default"])(Tooltip.Content)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  z-index: 2147483647;\n\n  animation-duration: 0.2s;\n  animation-timing-function: ease-out;\n\n  /* Additional optimization to prevent blurry text in certain browsers */\n  -webkit-font-smoothing: antialiased;\n  transform: translateZ(0) scale(1, 1);\n\n  &[data-side=\"top\"] {\n    animation-name: slideUp;\n  }\n  &[data-side=\"bottom\"] {\n    animation-name: slideDown;\n  }\n  &[data-side=\"left\"] {\n    animation-name: slideLeft;\n  }\n  &[data-side=\"right\"] {\n    animation-name: slideRight;\n  }\n  @keyframes slideDown {\n    from {\n      opacity: 0;\n      transform: translateY(-10px);\n    }\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n  @keyframes slideUp {\n    from {\n      opacity: 0;\n      transform: translateY(10px);\n    }\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n  @keyframes slideLeft {\n    from {\n      opacity: 0;\n      transform: translateX(10px);\n    }\n    to {\n      opacity: 1;\n      transform: translateX(0);\n    }\n  }\n  @keyframes slideRight {\n    from {\n      opacity: 0;\n      transform: translateX(-10px);\n    }\n    to {\n      opacity: 1;\n      transform: translateX(0);\n    }\n  }\n"])));
-var TooltipContainer = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n  box-sizing: border-box;\n  padding: 8px 12px;\n  border-radius: 4px;\n  font-size: ", ";\n  font-family: ", ";\n  max-width: 242px;\n  color: ", ";\n  background-color: ", ";\n  border-color: ", ";\n"])), _coreTokens["default"].type_scale_01, _coreTokens["default"].type_sans, _coreTokens["default"].color_white, _coreTokens["default"].color_grey_800, _coreTokens["default"].color_grey_800);
-var _default = exports["default"] = DxcTooltip;

package/tooltip/Tooltip.stories.tsx

@@ -1,111 +0,0 @@
-import React from "react";
-import DxcTooltip from "./Tooltip";
-import ExampleContainer from "../../.storybook/components/ExampleContainer";
-import DxcButton from "../button/Button";
-import { userEvent, within } from "@storybook/test";
-import DxcInset from "../inset/Inset";
-import Title from "../../.storybook/components/Title";
-import DxcFlex from "../flex/Flex";
-
-export default {
-  title: "Tooltip",
-  component: DxcTooltip,
-};
-
-const Tooltip = () => (
-  <>
-    <Title title="Default tooltip" theme="light" level={4} />
-    <ExampleContainer>
-      <DxcInset bottom="3rem">
-        <DxcTooltip label="Tooltip Test">
-          <DxcButton label="Hoverable button" />
-        </DxcTooltip>
-      </DxcInset>
-    </ExampleContainer>
-  </>
-);
-
-const LargeTextWithinTooltip = () => (
-  <>
-    <Title title="Multiple line tooltip" theme="light" level={4} />
-    <ExampleContainer>
-      <DxcInset bottom="5rem" left="1rem">
-        <DxcTooltip label="Tooltip Test with a large text to display in the container while hovering the component">
-          <DxcButton label="Hoverable button" />
-        </DxcTooltip>
-      </DxcInset>
-    </ExampleContainer>
-  </>
-);
-
-const TopTooltip = () => (
-  <>
-    <Title title="Top tooltip" theme="light" level={4} />
-    <ExampleContainer>
-      <DxcInset top="3rem">
-        <DxcTooltip label="Tooltip Test" position="top">
-          <DxcButton label="Hoverable button" />
-        </DxcTooltip>
-      </DxcInset>
-    </ExampleContainer>
-  </>
-);
-
-const LeftTooltip = () => (
-  <>
-    <Title title="Left tooltip" theme="light" level={4} />
-    <ExampleContainer>
-      <DxcFlex justifyContent="center">
-        <DxcTooltip label="Tooltip Test" position="left">
-          <DxcButton label="Hoverable button" />
-        </DxcTooltip>
-      </DxcFlex>
-    </ExampleContainer>
-  </>
-);
-
-const RightTooltip = () => (
-  <>
-    <Title title="Right tooltip" theme="light" level={4} />
-    <ExampleContainer>
-      <DxcTooltip label="Tooltip Test" position="right">
-        <DxcButton label="Hoverable button" />
-      </DxcTooltip>
-    </ExampleContainer>
-  </>
-);
-
-export const Chromatic = Tooltip.bind({});
-Chromatic.play = async ({ canvasElement }) => {
-  const canvas = within(canvasElement);
-  const buttonList = canvas.getByRole("button");
-  await userEvent.hover(buttonList);
-};
-
-export const LargeTextTooltip = LargeTextWithinTooltip.bind({});
-LargeTextTooltip.play = async ({ canvasElement }) => {
-  const canvas = within(canvasElement);
-  const buttonList = canvas.getByRole("button");
-  await userEvent.hover(buttonList);
-};
-
-export const TooltipPositionTop = TopTooltip.bind({});
-TooltipPositionTop.play = async ({ canvasElement }) => {
-  const canvas = within(canvasElement);
-  const buttonList = canvas.getByRole("button");
-  await userEvent.hover(buttonList);
-};
-
-export const TooltipPositionLeft = LeftTooltip.bind({});
-TooltipPositionLeft.play = async ({ canvasElement }) => {
-  const canvas = within(canvasElement);
-  const buttonList = canvas.getByRole("button");
-  await userEvent.hover(buttonList);
-};
-
-export const TooltipPositionRight = RightTooltip.bind({});
-TooltipPositionRight.play = async ({ canvasElement }) => {
-  const canvas = within(canvasElement);
-  const buttonList = canvas.getByRole("button");
-  await userEvent.hover(buttonList);
-};

package/tooltip/Tooltip.test.d.ts

@@ -1 +0,0 @@
-import "@testing-library/jest-dom";

package/tooltip/Tooltip.test.js

@@ -1,112 +0,0 @@
-"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 _Tooltip = _interopRequireDefault(require("./Tooltip"));
-var _Button = _interopRequireDefault(require("../button/Button"));
-var _userEvent = _interopRequireDefault(require("@testing-library/user-event"));
-require("@testing-library/jest-dom");
-global.globalThis = global;
-global.DOMRect = {
-  fromRect: function fromRect() {
-    return {
-      top: 0,
-      left: 0,
-      bottom: 0,
-      right: 0,
-      width: 0,
-      height: 0,
-      x: 0,
-      y: 0
-    };
-  }
-};
-global.ResizeObserver = /*#__PURE__*/function () {
-  function ResizeObserver() {
-    (0, _classCallCheck2["default"])(this, ResizeObserver);
-  }
-  return (0, _createClass2["default"])(ResizeObserver, [{
-    key: "observe",
-    value: function observe() {}
-  }, {
-    key: "unobserve",
-    value: function unobserve() {}
-  }, {
-    key: "disconnect",
-    value: function disconnect() {}
-  }]);
-}();
-describe("Tooltip component tests", function () {
-  test("Tooltip does not render by default", /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
-    var _render, queryByRole;
-    return _regenerator["default"].wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 0:
-          _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
-            label: "Tooltip Test"
-          }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-            label: "Hoverable button"
-          }))), queryByRole = _render.queryByRole;
-          _context.next = 3;
-          return (0, _react2.waitFor)(function () {
-            var tooltipElement = queryByRole("tooltip");
-            expect(tooltipElement).toBeFalsy();
-          });
-        case 3:
-        case "end":
-          return _context.stop();
-      }
-    }, _callee);
-  })));
-  test("Tooltip renders with correct label on hover", /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2() {
-    var _render2, getByText, triggerElement;
-    return _regenerator["default"].wrap(function _callee2$(_context2) {
-      while (1) switch (_context2.prev = _context2.next) {
-        case 0:
-          _render2 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
-            label: "Tooltip Test"
-          }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-            label: "Hoverable button"
-          }))), getByText = _render2.getByText;
-          triggerElement = getByText("Hoverable button");
-          _userEvent["default"].hover(triggerElement);
-          _context2.next = 5;
-          return _react2.screen.findByRole("tooltip", {
-            name: "Tooltip Test"
-          });
-        case 5:
-        case "end":
-          return _context2.stop();
-      }
-    }, _callee2);
-  })));
-  test("Tooltip stops being rendered when hover is stopped", /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee3() {
-    var _render3, getByText, queryByRole, triggerElement;
-    return _regenerator["default"].wrap(function _callee3$(_context3) {
-      while (1) switch (_context3.prev = _context3.next) {
-        case 0:
-          _render3 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
-            label: "Tooltip Test"
-          }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-            label: "Hoverable button"
-          }))), getByText = _render3.getByText, queryByRole = _render3.queryByRole;
-          triggerElement = getByText("Hoverable button");
-          _userEvent["default"].hover(triggerElement);
-          _userEvent["default"].unhover(triggerElement);
-          _context3.next = 6;
-          return (0, _react2.waitFor)(function () {
-            var tooltipElement = queryByRole("tooltip");
-            expect(tooltipElement).toBeFalsy();
-          });
-        case 6:
-        case "end":
-          return _context3.stop();
-      }
-    }, _callee3);
-  })));
-});

package/tooltip/types.d.ts

@@ -1,16 +0,0 @@
-/// <reference types="react" />
-type Props = {
-    /**
-     * Preferred position for displaying the tooltip. It may adjust automatically based on available space.
-     */
-    position?: "bottom" | "top" | "left" | "right";
-    /**
-     * Text to be displayed inside the tooltip.
-     */
-    label: string;
-    /**
-     * Content in which the Tooltip will be displayed.
-     */
-    children: React.ReactNode;
-};
-export default Props;

package/tooltip/types.js

@@ -1,5 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});

package/typography/Typography.accessibility.test.d.ts

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

package/typography/Typography.accessibility.test.js

@@ -1,339 +0,0 @@
-"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 _Typography = _interopRequireDefault(require("./Typography"));
-var _Flex = _interopRequireDefault(require("../flex/Flex"));
-describe("Typography component accessibility tests", function () {
-  it("Should not have basic accessibility issues for different font sizes", /*#__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(_Flex["default"], null, /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
-            display: "block",
-            fontSize: "3.75rem"
-          }, "3.75rem."), /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
-            display: "block",
-            fontSize: "3rem"
-          }, "3rem."), /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
-            display: "block",
-            fontSize: "2rem"
-          }, "2rem."), /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
-            display: "block",
-            fontSize: "1.5rem"
-          }, "1.5rem."), /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
-            display: "block",
-            fontSize: "1.25rem"
-          }, "1.25rem."), /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
-            display: "block",
-            fontSize: "1rem"
-          }, "1rem."), /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
-            display: "block",
-            fontSize: "0.875rem"
-          }, "0.875rem."), /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
-            display: "block",
-            fontSize: "0.75rem"
-          }, "0.75rem."))), 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);
-  })));
-  it("Should not have basic accessibility issues for different letter spacings", /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2() {
-    var _render2, container, results;
-    return _regenerator["default"].wrap(function _callee2$(_context2) {
-      while (1) switch (_context2.prev = _context2.next) {
-        case 0:
-          _render2 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Flex["default"], null, /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
-            display: "block",
-            letterSpacing: "-0.025em"
-          }, "-0.025em."), /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
-            display: "block",
-            letterSpacing: "-0.0125em"
-          }, "-0.0125em."), /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
-            display: "block",
-            letterSpacing: "0em"
-          }, "0em."), /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
-            display: "block",
-            letterSpacing: "0.025em"
-          }, "0.025em."), /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
-            display: "block",
-            letterSpacing: "0.05em"
-          }, "0.05em."), /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
-            display: "block",
-            letterSpacing: "0.1em"
-          }, "0.1em."))), container = _render2.container;
-          _context2.next = 3;
-          return (0, _axeHelper.axe)(container);
-        case 3:
-          results = _context2.sent;
-          expect(results).toHaveNoViolations();
-        case 5:
-        case "end":
-          return _context2.stop();
-      }
-    }, _callee2);
-  })));
-  it("Should not have basic accessibility issues for different line heights", /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee3() {
-    var _render3, container, results;
-    return _regenerator["default"].wrap(function _callee3$(_context3) {
-      while (1) switch (_context3.prev = _context3.next) {
-        case 0:
-          _render3 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Flex["default"], null, /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
-            display: "block",
-            lineHeight: "1em"
-          }, "1em."), /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
-            display: "block",
-            lineHeight: "1.25em"
-          }, "1.25em."), /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
-            display: "block",
-            lineHeight: "1.365em"
-          }, "1.365em."), /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
-            display: "block",
-            lineHeight: "1.5em"
-          }, "1.5em."), /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
-            display: "block",
-            lineHeight: "1.715em"
-          }, "1.715em."), /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
-            display: "block",
-            lineHeight: "2em"
-          }, "2em."))), container = _render3.container;
-          _context3.next = 3;
-          return (0, _axeHelper.axe)(container);
-        case 3:
-          results = _context3.sent;
-          expect(results).toHaveNoViolations();
-        case 5:
-        case "end":
-          return _context3.stop();
-      }
-    }, _callee3);
-  })));
-  it("Should not have basic accessibility issues for different font weights", /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee4() {
-    var _render4, container, results;
-    return _regenerator["default"].wrap(function _callee4$(_context4) {
-      while (1) switch (_context4.prev = _context4.next) {
-        case 0:
-          _render4 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Flex["default"], null, /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
-            display: "block",
-            fontWeight: "300"
-          }, "300."), /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
-            display: "block",
-            fontWeight: "400"
-          }, "400."), /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
-            display: "block",
-            fontWeight: "600"
-          }, "600."), /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
-            display: "block",
-            fontWeight: "700"
-          }, "700."))), container = _render4.container;
-          _context4.next = 3;
-          return (0, _axeHelper.axe)(container);
-        case 3:
-          results = _context4.sent;
-          expect(results).toHaveNoViolations();
-        case 5:
-        case "end":
-          return _context4.stop();
-      }
-    }, _callee4);
-  })));
-  it("Should not have basic accessibility issues for different text decorations", /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee5() {
-    var _render5, container, results;
-    return _regenerator["default"].wrap(function _callee5$(_context5) {
-      while (1) switch (_context5.prev = _context5.next) {
-        case 0:
-          _render5 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Flex["default"], null, /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
-            display: "block",
-            textDecoration: "underline"
-          }, "Underline."), /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
-            display: "block",
-            textDecoration: "line-through"
-          }, "Line-through."))), container = _render5.container;
-          _context5.next = 3;
-          return (0, _axeHelper.axe)(container);
-        case 3:
-          results = _context5.sent;
-          expect(results).toHaveNoViolations();
-        case 5:
-        case "end":
-          return _context5.stop();
-      }
-    }, _callee5);
-  })));
-  it("Should not have basic accessibility issues for different font families", /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee6() {
-    var _render6, container, results;
-    return _regenerator["default"].wrap(function _callee6$(_context6) {
-      while (1) switch (_context6.prev = _context6.next) {
-        case 0:
-          _render6 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Flex["default"], null, /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
-            display: "block",
-            fontFamily: "Open Sans, sans-serif"
-          }, "Open Sans, sans-serif."), /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
-            display: "block",
-            fontFamily: "Source Code Pro, monospace"
-          }, "Source Code Pro, monospace."))), container = _render6.container;
-          _context6.next = 3;
-          return (0, _axeHelper.axe)(container);
-        case 3:
-          results = _context6.sent;
-          expect(results).toHaveNoViolations();
-        case 5:
-        case "end":
-          return _context6.stop();
-      }
-    }, _callee6);
-  })));
-  it("Should not have basic accessibility issues for different font styles", /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee7() {
-    var _render7, container, results;
-    return _regenerator["default"].wrap(function _callee7$(_context7) {
-      while (1) switch (_context7.prev = _context7.next) {
-        case 0:
-          _render7 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Flex["default"], null, /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
-            display: "block",
-            fontStyle: "italic"
-          }, "Italic."), /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
-            display: "block",
-            fontStyle: "normal"
-          }, "Normal."))), container = _render7.container;
-          _context7.next = 3;
-          return (0, _axeHelper.axe)(container);
-        case 3:
-          results = _context7.sent;
-          expect(results).toHaveNoViolations();
-        case 5:
-        case "end":
-          return _context7.stop();
-      }
-    }, _callee7);
-  })));
-  it("Should not have basic accessibility issues for different text alignments", /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee8() {
-    var _render8, container, results;
-    return _regenerator["default"].wrap(function _callee8$(_context8) {
-      while (1) switch (_context8.prev = _context8.next) {
-        case 0:
-          _render8 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Flex["default"], null, /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
-            display: "block",
-            textAlign: "left"
-          }, "Left."), /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
-            display: "block",
-            textAlign: "center"
-          }, "Center."), /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
-            display: "block",
-            textAlign: "right"
-          }, "Right."))), container = _render8.container;
-          _context8.next = 3;
-          return (0, _axeHelper.axe)(container);
-        case 3:
-          results = _context8.sent;
-          expect(results).toHaveNoViolations();
-        case 5:
-        case "end":
-          return _context8.stop();
-      }
-    }, _callee8);
-  })));
-  it("Should not have basic accessibility issues for different white-spaces", /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee9() {
-    var _render9, container, results;
-    return _regenerator["default"].wrap(function _callee9$(_context9) {
-      while (1) switch (_context9.prev = _context9.next) {
-        case 0:
-          _render9 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Flex["default"], null, /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
-            fontSize: "2rem"
-          }, "                  ", " Normal: A bunch of words you see."), /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
-            whiteSpace: "nowrap",
-            fontSize: "2rem"
-          }, "                  ", "No-wrap: A bunch of words you see."), /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
-            whiteSpace: "pre",
-            fontSize: "2rem"
-          }, "                  ", " pre: A bunch of words you see."), /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
-            whiteSpace: "pre-line",
-            fontSize: "2rem"
-          }, "                  ", "pre-line: A bunch of words you see."), /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
-            whiteSpace: "pre-wrap",
-            fontSize: "2rem"
-          }, "                  ", " pre-wrap: A bunch of words you see."))), container = _render9.container;
-          _context9.next = 3;
-          return (0, _axeHelper.axe)(container);
-        case 3:
-          results = _context9.sent;
-          expect(results).toHaveNoViolations();
-        case 5:
-        case "end":
-          return _context9.stop();
-      }
-    }, _callee9);
-  })));
-  it("Should not have basic accessibility issues for different displays", /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee10() {
-    var _render10, container, results;
-    return _regenerator["default"].wrap(function _callee10$(_context10) {
-      while (1) switch (_context10.prev = _context10.next) {
-        case 0:
-          _render10 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Flex["default"], null, /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
-            display: "block",
-            textAlign: "left"
-          }, "Display Block.", /*#__PURE__*/_react["default"].createElement(_Typography["default"], null, "A different text.")), /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
-            display: "inline",
-            textAlign: "left"
-          }, "Display Inline.", /*#__PURE__*/_react["default"].createElement(_Typography["default"], null, "A different text.")))), container = _render10.container;
-          _context10.next = 3;
-          return (0, _axeHelper.axe)(container);
-        case 3:
-          results = _context10.sent;
-          expect(results).toHaveNoViolations();
-        case 5:
-        case "end":
-          return _context10.stop();
-      }
-    }, _callee10);
-  })));
-  it("Should not have basic accessibility issues for different text overflows", /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee11() {
-    var _render11, container, results;
-    return _regenerator["default"].wrap(function _callee11$(_context11) {
-      while (1) switch (_context11.prev = _context11.next) {
-        case 0:
-          _render11 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Flex["default"], null, /*#__PURE__*/_react["default"].createElement("div", {
-            style: {
-              width: "75px"
-            }
-          }, /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
-            display: "block",
-            textOverflow: "clip"
-          }, "Overflow clip.")), /*#__PURE__*/_react["default"].createElement("div", {
-            style: {
-              width: "75px"
-            }
-          }, /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
-            display: "block",
-            textOverflow: "ellipsis"
-          }, "Overflow ellipsis.")), /*#__PURE__*/_react["default"].createElement("div", {
-            style: {
-              width: "75px"
-            }
-          }, /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
-            display: "block",
-            textOverflow: "unset"
-          }, "Overflow unset.")))), container = _render11.container;
-          _context11.next = 3;
-          return (0, _axeHelper.axe)(container);
-        case 3:
-          results = _context11.sent;
-          expect(results).toHaveNoViolations();
-        case 5:
-        case "end":
-          return _context11.stop();
-      }
-    }, _callee11);
-  })));
-});

package/typography/Typography.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import TypographyPropsTypes from "./types";
-declare const DxcTypography: ({ textOverflow, whiteSpace, children, ...props }: TypographyPropsTypes) => JSX.Element;
-export default DxcTypography;