@dxc-technology/halstack-react 11.0.0 → 12.0.0

package/BackgroundColorContext.d.ts

@@ -1,10 +1 @@
-import React from "react";
-export type BackgroundColors = "dark" | "light";
-declare const BackgroundColorContext: React.Context<BackgroundColors>;
-type BackgroundColorProviderPropsType = {
-    color: string;
-    children: React.ReactNode;
-};
-declare const BackgroundColorProvider: ({ color, children }: BackgroundColorProviderPropsType) => JSX.Element;
-export default BackgroundColorContext;
-export { BackgroundColorProvider };
+export {};

package/BackgroundColorContext.js

@@ -2,14 +2,10 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.BackgroundColorProvider = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _color = _interopRequireDefault(require("color"));
 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 BackgroundColorContext = /*#__PURE__*/_react["default"].createContext(null);
 var getColorType = function getColorType(hexColor) {
   try {
@@ -22,7 +18,7 @@ var getColorType = function getColorType(hexColor) {
     return "light";
   }
 };
-var BackgroundColorProvider = exports.BackgroundColorProvider = function BackgroundColorProvider(_ref) {
+var BackgroundColorProvider = function BackgroundColorProvider(_ref) {
   var color = _ref.color,
     children = _ref.children;
   var colorType = (0, _react.useMemo)(function () {
@@ -31,5 +27,4 @@ var BackgroundColorProvider = exports.BackgroundColorProvider = function Backgro
   return /*#__PURE__*/_react["default"].createElement(BackgroundColorContext.Provider, {
     value: colorType
   }, children);
-};
-var _default = exports["default"] = BackgroundColorContext;
+};

package/HalstackContext.d.ts

@@ -38,7 +38,7 @@ declare const HalstackContext: React.Context<DeepPartial<{
         disabledIconColor: string;
         iconSize: string;
         iconMarginLeft: string;
-        iconMarginRigth: string;
+        iconMarginRight: string;
         accordionGroupSeparatorBorderColor: string;
         accordionGroupSeparatorBorderThickness: string;
         accordionGroupSeparatorBorderRadius: string;
@@ -111,7 +111,6 @@ declare const HalstackContext: React.Context<DeepPartial<{
     };
     bulletedList: {
         fontColor: string;
-        fontColorOnDark: string;
         bulletIconHeight: string;
         bulletIconWidth: string;
         bulletHeight: string;
@@ -126,19 +125,12 @@ declare const HalstackContext: React.Context<DeepPartial<{
         paddingTop: string;
         paddingBottom: string;
         focusBorderColor: string;
-        focusBorderColorOnDark: string;
         primaryBackgroundColor: string;
-        primaryBackgroundColorOnDark: string;
         primaryFontColor: string;
-        primaryFontColorOnDark: string;
         primaryHoverBackgroundColor: string;
-        primaryHoverBackgroundColorOnDark: string;
         primaryActiveBackgroundColor: string;
-        primaryActiveBackgroundColorOnDark: string;
         primaryDisabledBackgroundColor: string;
-        primaryDisabledBackgroundColorOnDark: string;
         primaryDisabledFontColor: string;
-        primaryDisabledFontColorOnDark: string;
         primaryBorderThickness: string;
         primaryBorderStyle: string;
         primaryBorderRadius: string;
@@ -146,23 +138,14 @@ declare const HalstackContext: React.Context<DeepPartial<{
         primaryFontSize: string;
         primaryFontWeight: string;
         secondaryBackgroundColor: string;
-        secondaryBackgroundColorOnDark: string;
         secondaryFontColor: string;
-        secondaryFontColorOnDark: string;
         secondaryHoverFontColor: string;
-        secondaryHoverFontColorOnDark: string;
         secondaryBorderColor: string;
-        secondaryBorderColorOnDark: string;
         secondaryHoverBackgroundColor: string;
-        secondaryHoverBackgroundColorOnDark: string;
         secondaryActiveBackgroundColor: string;
-        secondaryActiveBackgroundColorOnDark: string;
         secondaryDisabledBackgroundColor: string;
-        secondaryDisabledBackgroundColorOnDark: string;
         secondaryDisabledFontColor: string;
-        secondaryDisabledFontColorOnDark: string;
         secondaryDisabledBorderColor: string;
-        secondaryDisabledBorderColorOnDark: string;
         secondaryBorderThickness: string;
         secondaryBorderStyle: string;
         secondaryBorderRadius: string;
@@ -170,17 +153,11 @@ declare const HalstackContext: React.Context<DeepPartial<{
         secondaryFontSize: string;
         secondaryFontWeight: string;
         textBackgroundColor: string;
-        textBackgroundColorOnDark: string;
         textFontColor: string;
-        textFontColorOnDark: string;
         textHoverBackgroundColor: string;
-        textHoverBackgroundColorOnDark: string;
         textActiveBackgroundColor: string;
-        textActiveBackgroundColorOnDark: string;
         textDisabledBackgroundColor: string;
-        textDisabledBackgroundColorOnDark: string;
         textDisabledFontColor: string;
-        textDisabledFontColorOnDark: string;
         textBorderThickness: string;
         textBorderStyle: string;
         textBorderRadius: string;
@@ -194,35 +171,24 @@ declare const HalstackContext: React.Context<DeepPartial<{
     };
     checkbox: {
         backgroundColorChecked: string;
-        backgroundColorCheckedOnDark: string;
         hoverBackgroundColorChecked: string;
-        hoverBackgroundColorCheckedOnDark: string;
         disabledBackgroundColorChecked: string;
-        disabledBackgroundColorCheckedOnDark: string;
         readOnlyBackgroundColorChecked: string;
         hoverReadOnlyBackgroundColorChecked: string;
         borderColor: string;
-        borderColorOnDark: string;
         hoverBorderColor: string;
-        hoverBorderColorOnDark: string;
         disabledBorderColor: string;
-        disabledBorderColorOnDark: string;
         readOnlyBorderColor: string;
         hoverReadOnlyBorderColor: string;
         checkColor: string;
-        checkColorOnDark: string;
         disabledCheckColor: string;
-        disabledCheckColorOnDark: string;
         readOnlyCheckColor: string;
         fontFamily: string;
         fontSize: string;
         fontWeight: string;
         fontColor: string;
-        fontColorOnDark: string;
         disabledFontColor: string;
-        disabledFontColorOnDark: string;
         focusColor: string;
-        focusColorOnDark: string;
         checkLabelSpacing: string;
     };
     chip: {
@@ -287,8 +253,7 @@ declare const HalstackContext: React.Context<DeepPartial<{
     dialog: {
         overlayColor: string;
         backgroundColor: string;
-        closeIconWidth: string;
-        closeIconHeight: string;
+        closeIconSize: string;
         closeIconTopPosition: string;
         closeIconRightPosition: string;
         closeIconBackgroundColor: string;
@@ -318,9 +283,14 @@ declare const HalstackContext: React.Context<DeepPartial<{
         buttonPaddingBottom: string;
         buttonPaddingLeft: string;
         buttonPaddingRight: string;
+        buttonHeight: string;
+        buttonBorderRadius: string;
+        buttonBorderStyle: string;
+        buttonBorderThickness: string;
+        buttonBorderColor: string;
         disabledColor: string;
         disabledButtonBackgroundColor: string;
-        disabledBorderColor: string;
+        disabledButtonBorderColor: string;
         optionBackgroundColor: string;
         hoverOptionBackgroundColor: string;
         activeOptionBackgroundColor: string;
@@ -360,7 +330,6 @@ declare const HalstackContext: React.Context<DeepPartial<{
         focusDropBorderColor: string;
         disabledDropBorderColor: string;
         dragoverDropBackgroundColor: string;
-        activeFileItemIconBackgrounColor: string;
         errorFileItemBorderColor: string;
         errorFileItemBackgroundColor: string;
         errorFilePreviewBackgroundColor: string;
@@ -456,7 +425,6 @@ declare const HalstackContext: React.Context<DeepPartial<{
         underlinedThickness: string;
         underlinedStyle: string;
         contentColor: string;
-        contentColorOnDark: string;
     };
     heading: {
         level1FontColor: string;
@@ -527,10 +495,7 @@ declare const HalstackContext: React.Context<DeepPartial<{
         selectedBackgroundColor: string;
         unselectedBackgroundColor: string;
         hoverBackgroundColor: string;
-        pressedBackgroundColor: string; /**
-         * This type is used to allow partial themes and labels objects to be passed to the HalstackProvider.
-         * This is an extension of the already existing Partial type, which only allows one level of partiality.
-         */
+        pressedBackgroundColor: string;
         selectedFontColor: string;
         unselectedFontColor: string;
         disabledFontColor: string;
@@ -565,32 +530,27 @@ declare const HalstackContext: React.Context<DeepPartial<{
         totalItemsContainerMarginLeft: string;
     };
     paragraph: {
-        fontColor: string;
-        fontColorOnDark: string;
         display: string;
+        fontColor: string;
         fontSize: string;
         fontWeight: string;
     };
     progressBar: {
         trackLineColor: string;
-        trackLineColorOnDark: string;
         totalLineColor: string;
         labelFontFamily: string;
         labelFontSize: string;
         labelFontStyle: string;
         labelFontWeight: string;
         labelFontColor: string;
-        labelFontColorOnDark: string;
         labelFontTextTransform: string;
         valueFontFamily: string;
         valueFontSize: string;
         valueFontStyle: string;
         valueFontWeight: string;
         valueFontColor: string;
-        valueFontColorOnDark: string;
         valueFontTextTransform: string;
         helperTextFontColor: string;
-        helperTextFontColorOnDark: string;
         helperTextFontSize: string;
         helperTextFontStyle: string;
         helperTextFontWeight: string;
@@ -768,7 +728,6 @@ declare const HalstackContext: React.Context<DeepPartial<{
     slider: {
         fontFamily: string;
         limitValuesFontColor: string;
-        limitValuesFontColorOnDark: string;
         limitValuesFontSize: string;
         limitValuesFontStyle: string;
         limitValuesFontWeight: string;
@@ -785,15 +744,10 @@ declare const HalstackContext: React.Context<DeepPartial<{
         helperTextFontWeight: string;
         helperTextLineHeight: string;
         fontColor: string;
-        fontColorOnDark: string;
         labelFontColor: string;
-        labelFontColorOnDark: string;
         helperTextFontColor: string;
-        helperTextFontColorOnDark: string;
         disabledLabelFontColor: string;
-        disabledLabelFontColorOnDark: string;
         disabledHelperTextFontColor: string;
-        disabledHelperTextFontColorOnDark: string;
         thumbHeight: string;
         thumbWidth: string;
         hoverThumbHeight: string;
@@ -801,40 +755,28 @@ declare const HalstackContext: React.Context<DeepPartial<{
         thumbVerticalPosition: string;
         hoverThumbVerticalPosition: string;
         thumbBackgroundColor: string;
-        thumbBackgroundColorOnDark: string;
         hoverThumbScale: string;
         hoverThumbBackgroundColor: string;
-        hoverThumbBackgroundColorOnDark: string;
         activeThumbScale: string;
         activeThumbBackgroundColor: string;
-        activeThumbBackgroundColorOnDark: string;
         focusThumbBackgroundColor: string;
-        focusThumbBackgroundColorOnDark: string;
         tickHeight: string;
         tickWidth: string;
         tickVerticalPosition: string;
         tickBackgroundColor: string;
-        tickBackgroundColorOnDark: string;
         trackLineThickness: string;
         trackLineVerticalPosition: string;
         trackLineColor: string;
-        trackLineColorOnDark: string;
         totalLineThickness: string;
         totalLineVerticalPosition: string;
         totalLineColor: string;
-        totalLineColorOnDark: string;
         disabledThumbVerticalPosition: string;
         disabledThumbBackgroundColor: string;
-        disabledThumbBackgroundColorOnDark: string;
         disabledTickVerticalPosition: string;
         disabledTickBackgroundColor: string;
-        disabledTickBackgroundColorOnDark: string;
         disabledTrackLineColor: string;
-        disabledTrackLineColorOnDark: string;
         disabledTotalLineColor: string;
-        disabledTotalLineColorOnDark: string;
         focusColor: string;
-        focusColorOnDark: string;
         floorLabelMarginRight: string;
         ceilLabelMarginLeft: string;
         inputMarginLeft: string;
@@ -848,14 +790,12 @@ declare const HalstackContext: React.Context<DeepPartial<{
         labelFontStyle: string;
         labelFontWeight: string;
         labelFontColor: string;
-        labelFontColorOnDark: string;
         labelTextAlign: string;
         progressValueFontFamily: string;
         progressValueFontSize: string;
         progressValueFontStyle: string;
         progressValueFontWeight: string;
         progressValueFontColor: string;
-        progressValueFontColorOnDark: string;
         progressValueTextAlign: string;
         overlayBackgroundColor: string;
         overlayOpacity: string;
@@ -874,32 +814,21 @@ declare const HalstackContext: React.Context<DeepPartial<{
     };
     switch: {
         checkedTrackBackgroundColor: string;
-        checkedTrackBackgroundColorOnDark: string;
         checkedThumbBackgroundColor: string;
-        checkedThumbBackgroundColorOnDark: string;
         uncheckedTrackBackgroundColor: string;
-        uncheckedTrackBackgroundColorOnDark: string;
         uncheckedThumbBackgroundColor: string;
-        uncheckedThumbBackgroundColorOnDark: string;
         disabledCheckedTrackBackgroundColor: string;
-        disabledCheckedTrackBackgroundColorOnDark: string;
         disabledCheckedThumbBackgroundColor: string;
-        disabledCheckedThumbBackgroundColorOnDark: string;
         disabledUncheckedTrackBackgroundColor: string;
-        disabledUncheckedTrackBackgroundColorOnDark: string;
         disabledUncheckedThumbBackgroundColor: string;
-        disabledUncheckedThumbBackgroundColorOnDark: string;
         disabledLabelFontColor: string;
-        disabledLabelFontColorOnDark: string;
         disabledLabelFontStyle: string;
         labelFontFamily: string;
         labelFontSize: string;
         labelFontStyle: string;
         labelFontWeight: string;
         labelFontColor: string;
-        labelFontColorOnDark: string;
         thumbFocusColor: string;
-        thumbFocusColorOnDark: string;
         thumbHeight: string;
         thumbWidth: string;
         thumbShift: string;
@@ -922,8 +851,16 @@ declare const HalstackContext: React.Context<DeepPartial<{
         dataPaddingBottom: string;
         dataPaddingRight: string;
         dataPaddingLeft: string;
+        dataPaddingTopReduced: string;
+        dataPaddingBottomReduced: string;
+        dataPaddingRightReduced: string;
+        dataPaddingLeftReduced: string;
         dataTextAlign: string;
         dataTextLineHeight: string;
+        firstChildPaddingLeft: string;
+        lastChildPaddingRight: string;
+        firstChildPaddingLeftReduced: string;
+        lastChildPaddingRightReduced: string;
         headerBackgroundColor: string;
         headerBorderRadius: string;
         headerFontFamily: string;
@@ -936,11 +873,25 @@ declare const HalstackContext: React.Context<DeepPartial<{
         headerPaddingBottom: string;
         headerPaddingRight: string;
         headerPaddingLeft: string;
+        headerPaddingTopReduced: string;
+        headerPaddingBottomReduced: string;
+        headerPaddingRightReduced: string;
+        headerPaddingLeftReduced: string;
         headerTextAlign: string;
         headerTextLineHeight: string;
         scrollBarThumbColor: string;
         scrollBarTrackColor: string;
         sortIconColor: string;
+        actionIconColor: string;
+        disabledActionIconColor: string;
+        hoverActionIconColor: string;
+        focusActionIconColor: string;
+        activeActionIconColor: string;
+        actionBackgroundColor: string;
+        disabledActionBackgroundColor: string;
+        hoverActionBackgroundColor: string;
+        focusActionBorderColor: string;
+        activeActionBackgroundColor: string;
     };
     tabs: {
         fontFamily: string;
@@ -959,7 +910,6 @@ declare const HalstackContext: React.Context<DeepPartial<{
         disabledFontColor: string;
         disabledIconColor: string;
         disabledFontStyle: string;
-        disabledBadgeBackgroundColor: string;
         hoverBackgroundColor: string;
         pressedBackgroundColor: string;
         pressedFontWeight: string;
@@ -967,19 +917,6 @@ declare const HalstackContext: React.Context<DeepPartial<{
         dividerThickness: string;
         focusOutline: string;
         scrollButtonsWidth: string;
-        badgeBackgroundColor: string;
-        badgeFontFamily: string;
-        badgeFontSize: string;
-        badgeFontStyle: string;
-        badgeFontWeight: string;
-        badgeFontColor: string;
-        badgeLetterSpacing: string;
-        badgeWidth: string;
-        badgeHeight: string;
-        badgeRadius: string;
-        badgeWidthWithNotificationNumber: string;
-        badgeHeightWithNotificationNumber: string;
-        badgeRadiusWithNotificationNumber: string;
     };
     tag: {
         fontFamily: string;
@@ -1001,134 +938,87 @@ declare const HalstackContext: React.Context<DeepPartial<{
     textarea: {
         fontFamily: string;
         enabledBorderColor: string;
-        enabledBorderColorOnDark: string;
         hoverBorderColor: string;
-        hoverBorderColorOnDark: string;
         focusBorderColor: string;
-        focusBorderColorOnDark: string;
         disabledBorderColor: string;
-        disabledBorderColorOnDark: string;
         disabledContainerFillColor: string;
-        disabledContainerFillColorOnDark: string;
         readOnlyBorderColor: string;
         hoverReadOnlyBorderColor: string;
         errorBorderColor: string;
-        errorBorderColorOnDark: string;
         hoverErrorBorderColor: string;
-        hoverErrorBorderColorOnDark: string;
         inputMarginTop: string;
         inputMarginBottom: string;
         errorMessageColor: string;
-        errorMessageColorOnDark: string;
         labelFontColor: string;
-        labelFontColorOnDark: string;
         labelFontSize: string;
         labelFontStyle: string;
         labelFontWeight: string;
         labelLineHeight: string;
         disabledLabelFontColor: string;
-        disabledLabelFontColorOnDark: string;
         optionalLabelFontWeight: string;
         helperTextFontColor: string;
-        helperTextFontColorOnDark: string;
         helperTextFontSize: string;
         helperTextFontStyle: string;
         helperTextFontWeight: string;
         helperTextLineHeight: string;
         disabledHelperTextFontColor: string;
-        disabledHelperTextFontColorOnDark: string;
         placeholderFontColor: string;
-        placeholderFontColorOnDark: string;
         disabledPlaceholderFontColor: string;
-        disabledPlaceholderFontColorOnDark: string;
         valueFontColor: string;
-        valueFontColorOnDark: string;
         valueFontSize: string;
         valueFontStyle: string;
         valueFontWeight: string;
         disabledValueFontColor: string;
-        disabledValueFontColorOnDark: string;
     };
     textInput: {
         fontFamily: string;
         enabledBorderColor: string;
-        enabledBorderColorOnDark: string;
         hoverBorderColor: string;
-        hoverBorderColorOnDark: string;
         focusBorderColor: string;
-        focusBorderColorOnDark: string;
         disabledBorderColor: string;
-        disabledBorderColorOnDark: string;
         disabledContainerFillColor: string;
-        disabledContainerFillColorOnDark: string;
         readOnlyBorderColor: string;
         hoverReadOnlyBorderColor: string;
         errorBorderColor: string;
-        errorBorderColorOnDark: string;
         hoverErrorBorderColor: string;
-        hoverErrorBorderColorOnDark: string;
         inputMarginTop: string;
         inputMarginBottom: string;
         errorMessageColor: string;
-        errorMessageColorOnDark: string;
         errorIconColor: string;
-        errorIconColorOnDark: string;
         labelFontColor: string;
-        labelFontColorOnDark: string;
         labelFontSize: string;
         labelFontStyle: string;
         labelFontWeight: string;
         labelLineHeight: string;
         disabledLabelFontColor: string;
-        disabledLabelFontColorOnDark: string;
         optionalLabelFontWeight: string;
         helperTextFontColor: string;
-        helperTextFontColorOnDark: string;
         helperTextFontSize: string;
         helperTextFontStyle: string;
         helperTextFontWeight: string;
         helperTextLineHeight: string;
         disabledHelperTextFontColor: string;
-        disabledHelperTextFontColorOnDark: string;
         prefixColor: string;
-        prefixColorOnDark: string;
         suffixColor: string;
-        suffixColorOnDark: string;
         disabledPrefixColor: string;
         disabledSuffixColor: string;
-        disabledPrefixColorOnDark: string;
-        disabledSuffixColorOnDark: string;
         placeholderFontColor: string;
-        placeholderFontColorOnDark: string;
         disabledPlaceholderFontColor: string;
-        disabledPlaceholderFontColorOnDark: string;
         valueFontColor: string;
-        valueFontColorOnDark: string;
         valueFontSize: string;
         valueFontStyle: string;
         valueFontWeight: string;
         disabledValueFontColor: string;
-        disabledValueFontColorOnDark: string;
         actionIconColor: string;
-        actionIconColorOnDark: string;
         disabledActionIconColor: string;
-        disabledActionIconColorOnDark: string;
         hoverActionIconColor: string;
-        hoverActionIconColorOnDark: string;
         focusActionIconColor: string;
-        focusActionIconColorOnDark: string;
         activeActionIconColor: string;
-        activeActionIconColorOnDark: string;
         actionBackgroundColor: string;
-        actionBackgroundColorOnDark: string;
         disabledActionBackgroundColor: string;
-        disabledActionBackgroundColorOnDark: string;
         hoverActionBackgroundColor: string;
-        hoverActionBackgroundColorOnDark: string;
         focusActionBorderColor: string;
-        focusActionBorderColorOnDark: string;
         activeActionBackgroundColor: string;
-        activeActionBackgroundColorOnDark: string;
         listDialogBackgroundColor: string;
         listDialogBorderColor: string;
         listOptionDividerColor: string;

package/HalstackContext.js

@@ -13,7 +13,7 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _variables = require("./common/variables");
 var _templateObject;
 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 HalstackContext = /*#__PURE__*/_react["default"].createContext(null);
 var HalstackLanguageContext = exports.HalstackLanguageContext = /*#__PURE__*/_react["default"].createContext(null);
 var addLightness = function addLightness(newLightness, hexColor) {
@@ -306,5 +306,5 @@ var HalstackProvider = exports.HalstackProvider = function HalstackProvider(_ref
     value: parsedLabels
   }, children)));
 };
-var Halstack = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  @import url(\"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap\");\n"])));
+var Halstack = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  @import url(\"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap\");\n  @import url(\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:FILL@0..1\");\n"])));
 var _default = exports["default"] = HalstackContext;

package/accordion/Accordion.accessibility.test.js

@@ -0,0 +1,71 @@
+"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 _Accordion = _interopRequireDefault(require("./Accordion.tsx"));
+var _axeHelper = require("../../test/accessibility/axe-helper.js");
+var folderIcon = /*#__PURE__*/_react["default"].createElement("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  enableBackground: "new 0 0 24 24",
+  height: "24px",
+  viewBox: "0 0 24 24",
+  width: "24px",
+  fill: "currentColor"
+}, /*#__PURE__*/_react["default"].createElement("g", null, /*#__PURE__*/_react["default"].createElement("rect", {
+  fill: "none",
+  height: "24",
+  width: "24"
+})), /*#__PURE__*/_react["default"].createElement("g", null, /*#__PURE__*/_react["default"].createElement("path", {
+  d: "M20,6h-8l-2-2H4C2.9,4,2.01,4.9,2.01,6L2,18c0,1.1,0.9,2,2,2h16c1.1,0,2-0.9,2-2V8C22,6.9,21.1,6,20,6z M16,16h2v-2h-2v-2 h2v-2h-2V8h4v10h-4V16z M16,16h-2v2H4V6h5.17l2,2H14v2h2v2h-2v2h2V16z"
+})));
+describe("Accordion 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(_Accordion["default"], {
+            label: "Accordion",
+            assistiveText: "Assistive Text",
+            icon: folderIcon,
+            margin: "small",
+            defaultIsExpanded: true
+          }, /*#__PURE__*/_react["default"].createElement("div", null, "test-expanded"))), 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 disabled mode", /*#__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(_Accordion["default"], {
+            label: "Accordion",
+            assistiveText: "Assistive Text",
+            icon: folderIcon,
+            margin: "small",
+            disabled: true
+          }, /*#__PURE__*/_react["default"].createElement("div", null, "test-expanded"))), 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);
+  })));
+});