@dxc-technology/halstack-react 12.2.0 → 13.0.0

package/divider/Divider.stories.tsx

@@ -1,224 +0,0 @@
-import React from "react";
-import Title from "../../.storybook/components/Title";
-import DxcDivider from "./Divider";
-import DxcFlex from "../flex/Flex";
-import DxcParagraph from "../paragraph/Paragraph";
-import ExampleContainer from "../../.storybook/components/ExampleContainer";
-
-export default {
-  title: "Divider",
-  component: DxcDivider,
-};
-
-export const Chromatic = () => (
-  <>
-    <Title title="Default" level={4} />
-    <ExampleContainer>
-      <DxcFlex gap="1rem" direction="column">
-        <DxcParagraph>
-          Lorem ipsum dolor sit amet consectetur. Tincidunt sed pharetra mollis duis volutpat urna. Hendrerit aliquet et
-          arcu purus. Sodales elementum sollicitudin consequat elementum tortor. Lectus eget cursus ut ac pharetra
-          lobortis integer eu. Potenti amet ac id risus ac nunc orci nibh. Tempus vitae vitae aenean arcu. Nibh
-          tristique porta dui enim eget tristique rutrum. Quisque faucibus suscipit nibh est sed. Netus venenatis congue
-          diam in dui morbi dignissim lorem. Urna aliquet sem in tincidunt. Nunc arcu nec fringilla enim purus ut justo
-          nisi. Vel mus ut ornare faucibus blandit diam sit vestibulum massa. Semper nullam sit sagittis hendrerit
-          augue. In fermentum metus proin arcu faucibus proin nibh sit. Vel integer sed enim in sed vel nec ut vitae.
-          Commodo sagittis volutpat id lorem.
-        </DxcParagraph>
-        <DxcDivider />
-        <DxcParagraph>
-          Lorem ipsum dolor sit amet consectetur. Tincidunt sed pharetra mollis duis volutpat urna. Hendrerit aliquet et
-          arcu purus. Sodales elementum sollicitudin consequat elementum tortor. Lectus eget cursus ut ac pharetra
-          lobortis integer eu. Potenti amet ac id risus ac nunc orci nibh. Tempus vitae vitae aenean arcu. Nibh
-          tristique porta dui enim eget tristique rutrum. Quisque faucibus suscipit nibh est sed. Netus venenatis congue
-          diam in dui morbi dignissim lorem. Urna aliquet sem in tincidunt. Nunc arcu nec fringilla enim purus ut justo
-          nisi. Vel mus ut ornare faucibus blandit diam sit vestibulum massa. Semper nullam sit sagittis hendrerit
-          augue. In fermentum metus proin arcu faucibus proin nibh sit. Vel integer sed enim in sed vel nec ut vitae.
-          Commodo sagittis volutpat id lorem.
-        </DxcParagraph>
-      </DxcFlex>
-    </ExampleContainer>
-    <Title title="Default strong" level={4} />
-    <ExampleContainer>
-      <DxcFlex gap="1rem" direction="column">
-        <DxcParagraph>
-          Lorem ipsum dolor sit amet consectetur. Tincidunt sed pharetra mollis duis volutpat urna. Hendrerit aliquet et
-          arcu purus. Sodales elementum sollicitudin consequat elementum tortor. Lectus eget cursus ut ac pharetra
-          lobortis integer eu. Potenti amet ac id risus ac nunc orci nibh. Tempus vitae vitae aenean arcu. Nibh
-          tristique porta dui enim eget tristique rutrum. Quisque faucibus suscipit nibh est sed. Netus venenatis congue
-          diam in dui morbi dignissim lorem. Urna aliquet sem in tincidunt. Nunc arcu nec fringilla enim purus ut justo
-          nisi. Vel mus ut ornare faucibus blandit diam sit vestibulum massa. Semper nullam sit sagittis hendrerit
-          augue. In fermentum metus proin arcu faucibus proin nibh sit. Vel integer sed enim in sed vel nec ut vitae.
-          Commodo sagittis volutpat id lorem.
-        </DxcParagraph>
-        <DxcDivider weight="strong" />
-        <DxcParagraph>
-          Lorem ipsum dolor sit amet consectetur. Tincidunt sed pharetra mollis duis volutpat urna. Hendrerit aliquet et
-          arcu purus. Sodales elementum sollicitudin consequat elementum tortor. Lectus eget cursus ut ac pharetra
-          lobortis integer eu. Potenti amet ac id risus ac nunc orci nibh. Tempus vitae vitae aenean arcu. Nibh
-          tristique porta dui enim eget tristique rutrum. Quisque faucibus suscipit nibh est sed. Netus venenatis congue
-          diam in dui morbi dignissim lorem. Urna aliquet sem in tincidunt. Nunc arcu nec fringilla enim purus ut justo
-          nisi. Vel mus ut ornare faucibus blandit diam sit vestibulum massa. Semper nullam sit sagittis hendrerit
-          augue. In fermentum metus proin arcu faucibus proin nibh sit. Vel integer sed enim in sed vel nec ut vitae.
-          Commodo sagittis volutpat id lorem.
-        </DxcParagraph>
-      </DxcFlex>
-    </ExampleContainer>
-    <Title title="Default light grey" level={4} />
-    <ExampleContainer>
-      <DxcFlex gap="1rem" direction="column">
-        <DxcParagraph>
-          Lorem ipsum dolor sit amet consectetur. Tincidunt sed pharetra mollis duis volutpat urna. Hendrerit aliquet et
-          arcu purus. Sodales elementum sollicitudin consequat elementum tortor. Lectus eget cursus ut ac pharetra
-          lobortis integer eu. Potenti amet ac id risus ac nunc orci nibh. Tempus vitae vitae aenean arcu. Nibh
-          tristique porta dui enim eget tristique rutrum. Quisque faucibus suscipit nibh est sed. Netus venenatis congue
-          diam in dui morbi dignissim lorem. Urna aliquet sem in tincidunt. Nunc arcu nec fringilla enim purus ut justo
-          nisi. Vel mus ut ornare faucibus blandit diam sit vestibulum massa. Semper nullam sit sagittis hendrerit
-          augue. In fermentum metus proin arcu faucibus proin nibh sit. Vel integer sed enim in sed vel nec ut vitae.
-          Commodo sagittis volutpat id lorem.
-        </DxcParagraph>
-        <DxcDivider color="lightGrey" />
-        <DxcParagraph>
-          Lorem ipsum dolor sit amet consectetur. Tincidunt sed pharetra mollis duis volutpat urna. Hendrerit aliquet et
-          arcu purus. Sodales elementum sollicitudin consequat elementum tortor. Lectus eget cursus ut ac pharetra
-          lobortis integer eu. Potenti amet ac id risus ac nunc orci nibh. Tempus vitae vitae aenean arcu. Nibh
-          tristique porta dui enim eget tristique rutrum. Quisque faucibus suscipit nibh est sed. Netus venenatis congue
-          diam in dui morbi dignissim lorem. Urna aliquet sem in tincidunt. Nunc arcu nec fringilla enim purus ut justo
-          nisi. Vel mus ut ornare faucibus blandit diam sit vestibulum massa. Semper nullam sit sagittis hendrerit
-          augue. In fermentum metus proin arcu faucibus proin nibh sit. Vel integer sed enim in sed vel nec ut vitae.
-          Commodo sagittis volutpat id lorem.
-        </DxcParagraph>
-      </DxcFlex>
-    </ExampleContainer>
-    <Title title="Default dark grey" level={4} />
-    <ExampleContainer>
-      <DxcFlex gap="1rem" direction="column">
-        <DxcParagraph>
-          Lorem ipsum dolor sit amet consectetur. Tincidunt sed pharetra mollis duis volutpat urna. Hendrerit aliquet et
-          arcu purus. Sodales elementum sollicitudin consequat elementum tortor. Lectus eget cursus ut ac pharetra
-          lobortis integer eu. Potenti amet ac id risus ac nunc orci nibh. Tempus vitae vitae aenean arcu. Nibh
-          tristique porta dui enim eget tristique rutrum. Quisque faucibus suscipit nibh est sed. Netus venenatis congue
-          diam in dui morbi dignissim lorem. Urna aliquet sem in tincidunt. Nunc arcu nec fringilla enim purus ut justo
-          nisi. Vel mus ut ornare faucibus blandit diam sit vestibulum massa. Semper nullam sit sagittis hendrerit
-          augue. In fermentum metus proin arcu faucibus proin nibh sit. Vel integer sed enim in sed vel nec ut vitae.
-          Commodo sagittis volutpat id lorem.
-        </DxcParagraph>
-        <DxcDivider color="darkGrey" />
-        <DxcParagraph>
-          Lorem ipsum dolor sit amet consectetur. Tincidunt sed pharetra mollis duis volutpat urna. Hendrerit aliquet et
-          arcu purus. Sodales elementum sollicitudin consequat elementum tortor. Lectus eget cursus ut ac pharetra
-          lobortis integer eu. Potenti amet ac id risus ac nunc orci nibh. Tempus vitae vitae aenean arcu. Nibh
-          tristique porta dui enim eget tristique rutrum. Quisque faucibus suscipit nibh est sed. Netus venenatis congue
-          diam in dui morbi dignissim lorem. Urna aliquet sem in tincidunt. Nunc arcu nec fringilla enim purus ut justo
-          nisi. Vel mus ut ornare faucibus blandit diam sit vestibulum massa. Semper nullam sit sagittis hendrerit
-          augue. In fermentum metus proin arcu faucibus proin nibh sit. Vel integer sed enim in sed vel nec ut vitae.
-          Commodo sagittis volutpat id lorem.
-        </DxcParagraph>
-      </DxcFlex>
-    </ExampleContainer>
-    <Title title="Vertical" level={4} />
-    <ExampleContainer>
-      <DxcFlex gap="1rem" direction="row">
-        <DxcParagraph>
-          Lorem ipsum dolor sit amet consectetur. Tincidunt sed pharetra mollis duis volutpat urna. Hendrerit aliquet et
-          arcu purus. Sodales elementum sollicitudin consequat elementum tortor. Lectus eget cursus ut ac pharetra
-          lobortis integer eu. Potenti amet ac id risus ac nunc orci nibh. Tempus vitae vitae aenean arcu. Nibh
-          tristique porta dui enim eget tristique rutrum. Quisque faucibus suscipit nibh est sed. Netus venenatis congue
-          diam in dui morbi dignissim lorem. Urna aliquet sem in tincidunt. Nunc arcu nec fringilla enim purus ut justo
-          nisi. Vel mus ut ornare faucibus blandit diam sit vestibulum massa. Semper nullam sit sagittis hendrerit
-          augue. In fermentum metus proin arcu faucibus proin nibh sit. Vel integer sed enim in sed vel nec ut vitae.
-          Commodo sagittis volutpat id lorem.
-        </DxcParagraph>
-        <DxcDivider orientation="vertical" />
-        <DxcParagraph>
-          Lorem ipsum dolor sit amet consectetur. Tincidunt sed pharetra mollis duis volutpat urna. Hendrerit aliquet et
-          arcu purus. Sodales elementum sollicitudin consequat elementum tortor. Lectus eget cursus ut ac pharetra
-          lobortis integer eu. Potenti amet ac id risus ac nunc orci nibh. Tempus vitae vitae aenean arcu. Nibh
-          tristique porta dui enim eget tristique rutrum. Quisque faucibus suscipit nibh est sed. Netus venenatis congue
-          diam in dui morbi dignissim lorem. Urna aliquet sem in tincidunt. Nunc arcu nec fringilla enim purus ut justo
-          nisi. Vel mus ut ornare faucibus blandit diam sit vestibulum massa. Semper nullam sit sagittis hendrerit
-          augue. In fermentum metus proin arcu faucibus proin nibh sit. Vel integer sed enim in sed vel nec ut vitae.
-          Commodo sagittis volutpat id lorem.
-        </DxcParagraph>
-      </DxcFlex>
-    </ExampleContainer>
-    <Title title="Vertical strong" level={4} />
-    <ExampleContainer>
-      <DxcFlex gap="1rem" direction="row">
-        <DxcParagraph>
-          Lorem ipsum dolor sit amet consectetur. Tincidunt sed pharetra mollis duis volutpat urna. Hendrerit aliquet et
-          arcu purus. Sodales elementum sollicitudin consequat elementum tortor. Lectus eget cursus ut ac pharetra
-          lobortis integer eu. Potenti amet ac id risus ac nunc orci nibh. Tempus vitae vitae aenean arcu. Nibh
-          tristique porta dui enim eget tristique rutrum. Quisque faucibus suscipit nibh est sed. Netus venenatis congue
-          diam in dui morbi dignissim lorem. Urna aliquet sem in tincidunt. Nunc arcu nec fringilla enim purus ut justo
-          nisi. Vel mus ut ornare faucibus blandit diam sit vestibulum massa. Semper nullam sit sagittis hendrerit
-          augue. In fermentum metus proin arcu faucibus proin nibh sit. Vel integer sed enim in sed vel nec ut vitae.
-          Commodo sagittis volutpat id lorem.
-        </DxcParagraph>
-        <DxcDivider orientation="vertical" weight="strong" />
-        <DxcParagraph>
-          Lorem ipsum dolor sit amet consectetur. Tincidunt sed pharetra mollis duis volutpat urna. Hendrerit aliquet et
-          arcu purus. Sodales elementum sollicitudin consequat elementum tortor. Lectus eget cursus ut ac pharetra
-          lobortis integer eu. Potenti amet ac id risus ac nunc orci nibh. Tempus vitae vitae aenean arcu. Nibh
-          tristique porta dui enim eget tristique rutrum. Quisque faucibus suscipit nibh est sed. Netus venenatis congue
-          diam in dui morbi dignissim lorem. Urna aliquet sem in tincidunt. Nunc arcu nec fringilla enim purus ut justo
-          nisi. Vel mus ut ornare faucibus blandit diam sit vestibulum massa. Semper nullam sit sagittis hendrerit
-          augue. In fermentum metus proin arcu faucibus proin nibh sit. Vel integer sed enim in sed vel nec ut vitae.
-          Commodo sagittis volutpat id lorem.
-        </DxcParagraph>
-      </DxcFlex>
-    </ExampleContainer>
-    <Title title="Vertical light grey" level={4} />
-    <ExampleContainer>
-      <DxcFlex gap="1rem" direction="row">
-        <DxcParagraph>
-          Lorem ipsum dolor sit amet consectetur. Tincidunt sed pharetra mollis duis volutpat urna. Hendrerit aliquet et
-          arcu purus. Sodales elementum sollicitudin consequat elementum tortor. Lectus eget cursus ut ac pharetra
-          lobortis integer eu. Potenti amet ac id risus ac nunc orci nibh. Tempus vitae vitae aenean arcu. Nibh
-          tristique porta dui enim eget tristique rutrum. Quisque faucibus suscipit nibh est sed. Netus venenatis congue
-          diam in dui morbi dignissim lorem. Urna aliquet sem in tincidunt. Nunc arcu nec fringilla enim purus ut justo
-          nisi. Vel mus ut ornare faucibus blandit diam sit vestibulum massa. Semper nullam sit sagittis hendrerit
-          augue. In fermentum metus proin arcu faucibus proin nibh sit. Vel integer sed enim in sed vel nec ut vitae.
-          Commodo sagittis volutpat id lorem.
-        </DxcParagraph>
-        <DxcDivider orientation="vertical" color="lightGrey" />
-        <DxcParagraph>
-          Lorem ipsum dolor sit amet consectetur. Tincidunt sed pharetra mollis duis volutpat urna. Hendrerit aliquet et
-          arcu purus. Sodales elementum sollicitudin consequat elementum tortor. Lectus eget cursus ut ac pharetra
-          lobortis integer eu. Potenti amet ac id risus ac nunc orci nibh. Tempus vitae vitae aenean arcu. Nibh
-          tristique porta dui enim eget tristique rutrum. Quisque faucibus suscipit nibh est sed. Netus venenatis congue
-          diam in dui morbi dignissim lorem. Urna aliquet sem in tincidunt. Nunc arcu nec fringilla enim purus ut justo
-          nisi. Vel mus ut ornare faucibus blandit diam sit vestibulum massa. Semper nullam sit sagittis hendrerit
-          augue. In fermentum metus proin arcu faucibus proin nibh sit. Vel integer sed enim in sed vel nec ut vitae.
-          Commodo sagittis volutpat id lorem.
-        </DxcParagraph>
-      </DxcFlex>
-    </ExampleContainer>
-    <Title title="Vertical dark grey" level={4} />
-    <ExampleContainer>
-      <DxcFlex gap="1rem" direction="row">
-        <DxcParagraph>
-          Lorem ipsum dolor sit amet consectetur. Tincidunt sed pharetra mollis duis volutpat urna. Hendrerit aliquet et
-          arcu purus. Sodales elementum sollicitudin consequat elementum tortor. Lectus eget cursus ut ac pharetra
-          lobortis integer eu. Potenti amet ac id risus ac nunc orci nibh. Tempus vitae vitae aenean arcu. Nibh
-          tristique porta dui enim eget tristique rutrum. Quisque faucibus suscipit nibh est sed. Netus venenatis congue
-          diam in dui morbi dignissim lorem. Urna aliquet sem in tincidunt. Nunc arcu nec fringilla enim purus ut justo
-          nisi. Vel mus ut ornare faucibus blandit diam sit vestibulum massa. Semper nullam sit sagittis hendrerit
-          augue. In fermentum metus proin arcu faucibus proin nibh sit. Vel integer sed enim in sed vel nec ut vitae.
-          Commodo sagittis volutpat id lorem.
-        </DxcParagraph>
-        <DxcDivider orientation="vertical" color="darkGrey" />
-        <DxcParagraph>
-          Lorem ipsum dolor sit amet consectetur. Tincidunt sed pharetra mollis duis volutpat urna. Hendrerit aliquet et
-          arcu purus. Sodales elementum sollicitudin consequat elementum tortor. Lectus eget cursus ut ac pharetra
-          lobortis integer eu. Potenti amet ac id risus ac nunc orci nibh. Tempus vitae vitae aenean arcu. Nibh
-          tristique porta dui enim eget tristique rutrum. Quisque faucibus suscipit nibh est sed. Netus venenatis congue
-          diam in dui morbi dignissim lorem. Urna aliquet sem in tincidunt. Nunc arcu nec fringilla enim purus ut justo
-          nisi. Vel mus ut ornare faucibus blandit diam sit vestibulum massa. Semper nullam sit sagittis hendrerit
-          augue. In fermentum metus proin arcu faucibus proin nibh sit. Vel integer sed enim in sed vel nec ut vitae.
-          Commodo sagittis volutpat id lorem.
-        </DxcParagraph>
-      </DxcFlex>
-    </ExampleContainer>
-  </>
-);

package/divider/Divider.test.d.ts

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

package/divider/Divider.test.js

@@ -1,38 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _react = _interopRequireDefault(require("react"));
-var _react2 = require("@testing-library/react");
-var _Divider = _interopRequireDefault(require("./Divider"));
-describe("Divider Component", function () {
-  test("Default renders horizontal divider correctly", function () {
-    var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Divider["default"], null)),
-      container = _render.container;
-    var divider = container.querySelector("hr");
-    expect(divider.getAttribute("aria-orientation")).toBe("horizontal");
-  });
-  test("Renders vertical divider correctly", function () {
-    var _render2 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Divider["default"], {
-        orientation: "vertical"
-      })),
-      container = _render2.container;
-    var divider = container.querySelector("hr");
-    expect(divider.getAttribute("aria-orientation")).toBe("vertical");
-  });
-  test("Renders divider as a decorative resource by default", function () {
-    var _render3 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Divider["default"], null)),
-      container = _render3.container;
-    var divider = container.querySelector("hr");
-    expect(divider).toBeTruthy();
-    expect(divider.getAttribute("aria-hidden")).toBe("true");
-  });
-  test("Renders divider as a separator if it is not decorative", function () {
-    var _render4 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Divider["default"], {
-        decorative: false
-      })),
-      getByRole = _render4.getByRole;
-    var divider = getByRole("separator");
-    expect(divider).toBeTruthy();
-    expect(divider.getAttribute("aria-hidden")).toBe("false");
-  });
-});

package/divider/types.d.ts

@@ -1,21 +0,0 @@
-type Props = {
-    /**
-     * The divider can be shown in horizontal or vertical.
-     */
-    orientation?: "horizontal" | "vertical";
-    /**
-     * Modifies the thickness of the divider.
-     */
-    weight?: "regular" | "strong";
-    /**
-     * Modifies the color of the divider.
-     */
-    color?: "lightGrey" | "mediumGrey" | "darkGrey";
-    /**
-     * Specifies whether the divider serves a purely decorative purpose
-     * or functions as a semantic separator for content. Additionally, it
-     * determines whether the divider is accessible to screen readers.
-     */
-    decorative?: boolean;
-};
-export default Props;

package/divider/types.js

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

package/dropdown/Dropdown.accessibility.test.d.ts

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

package/dropdown/Dropdown.accessibility.test.js

@@ -1,183 +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 _axeHelper = require("../../test/accessibility/axe-helper.js");
-var _Dropdown = _interopRequireDefault(require("./Dropdown"));
-var iconSVG = /*#__PURE__*/_react["default"].createElement("svg", {
-  viewBox: "0 0 24 24",
-  height: "24",
-  width: "24",
-  fill: "currentColor"
-}, /*#__PURE__*/_react["default"].createElement("path", {
-  d: "M0 0h24v24H0z",
-  fill: "none"
-}), /*#__PURE__*/_react["default"].createElement("path", {
-  d: "M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"
-}));
-var iconUrl = "https://iconape.com/wp-content/files/yd/367773/svg/logo-linkedin-logo-icon-png-svg.png";
-
-// 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);
-  }
-  return (0, _createClass2["default"])(ResizeObserver, [{
-    key: "observe",
-    value: function observe() {}
-  }, {
-    key: "unobserve",
-    value: function unobserve() {}
-  }, {
-    key: "disconnect",
-    value: function disconnect() {}
-  }]);
-}();
-var options = [{
-  value: "1",
-  label: "Amazon",
-  icon: iconUrl
-}, {
-  value: "2",
-  label: "Ebay",
-  icon: iconUrl
-}, {
-  value: "3",
-  label: "Wallapop",
-  icon: iconSVG
-}, {
-  value: "4",
-  label: "Aliexpress",
-  icon: iconSVG
-}];
-describe("Dropdown component accessibility tests", function () {
-  it("Should not have basic accessibility issues", /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
-    var _render, baseElement, results;
-    return _regenerator["default"].wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 0:
-          // baseElement is needed when using React Portals
-          _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Dropdown["default"], {
-            options: options,
-            label: "dropdown-test",
-            icon: iconSVG,
-            iconPosition: "before",
-            margin: "medium",
-            size: "medium",
-            optionsIconPosition: "before",
-            onSelectOption: function onSelectOption() {}
-          })), baseElement = _render.baseElement;
-          _context.next = 3;
-          return (0, _axeHelper.axe)(baseElement);
-        case 3:
-          results = _context.sent;
-          expect(results).toHaveNoViolations();
-        case 5:
-        case "end":
-          return _context.stop();
-      }
-    }, _callee);
-  })));
-  it("Should not have basic accessibility issues for disabled mode", /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2() {
-    var _render2, baseElement, results;
-    return _regenerator["default"].wrap(function _callee2$(_context2) {
-      while (1) switch (_context2.prev = _context2.next) {
-        case 0:
-          // baseElement is needed when using React Portals
-          _render2 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Dropdown["default"], {
-            options: options,
-            label: "dropdown-test",
-            icon: iconSVG,
-            iconPosition: "before",
-            margin: "medium",
-            size: "medium",
-            optionsIconPosition: "before",
-            onSelectOption: function onSelectOption() {},
-            disabled: true
-          })), baseElement = _render2.baseElement;
-          _context2.next = 3;
-          return (0, _axeHelper.axe)(baseElement);
-        case 3:
-          results = _context2.sent;
-          expect(results).toHaveNoViolations();
-        case 5:
-        case "end":
-          return _context2.stop();
-      }
-    }, _callee2);
-  })));
-  it("Should not have basic accessibility issues for caret-hidden mode", /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee3() {
-    var _render3, baseElement, results;
-    return _regenerator["default"].wrap(function _callee3$(_context3) {
-      while (1) switch (_context3.prev = _context3.next) {
-        case 0:
-          // baseElement is needed when using React Portals
-          _render3 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Dropdown["default"], {
-            options: options,
-            label: "dropdown-test",
-            icon: iconSVG,
-            iconPosition: "after",
-            margin: "medium",
-            size: "medium",
-            optionsIconPosition: "after",
-            onSelectOption: function onSelectOption() {},
-            caretHidden: true
-          })), baseElement = _render3.baseElement;
-          _context3.next = 3;
-          return (0, _axeHelper.axe)(baseElement);
-        case 3:
-          results = _context3.sent;
-          expect(results).toHaveNoViolations();
-        case 5:
-        case "end":
-          return _context3.stop();
-      }
-    }, _callee3);
-  })));
-  it("Should not have basic accessibility issues for expand-on-hover mode", /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee4() {
-    var _render4, baseElement, results;
-    return _regenerator["default"].wrap(function _callee4$(_context4) {
-      while (1) switch (_context4.prev = _context4.next) {
-        case 0:
-          // baseElement is needed when using React Portals
-          _render4 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Dropdown["default"], {
-            options: options,
-            label: "dropdown-test",
-            icon: iconSVG,
-            iconPosition: "after",
-            margin: "medium",
-            size: "medium",
-            optionsIconPosition: "after",
-            onSelectOption: function onSelectOption() {},
-            expandOnHover: true
-          })), baseElement = _render4.baseElement;
-          _context4.next = 3;
-          return (0, _axeHelper.axe)(baseElement);
-        case 3:
-          results = _context4.sent;
-          expect(results).toHaveNoViolations();
-        case 5:
-        case "end":
-          return _context4.stop();
-      }
-    }, _callee4);
-  })));
-});

package/dropdown/Dropdown.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import DropdownPropsType from "./types";
-declare const DxcDropdown: ({ options, optionsIconPosition, icon, iconPosition, label, caretHidden, disabled, expandOnHover, onSelectOption, margin, size, tabIndex, }: DropdownPropsType) => JSX.Element;
-export default DxcDropdown;