@dxc-technology/halstack-react 0.0.0-3a698b0 → 0.0.0-3ac400c

package/BackgroundColorContext.d.ts

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

package/BackgroundColorContext.js

@@ -1,24 +1,12 @@
 "use strict";
 
 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(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
+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 BackgroundColorContext = /*#__PURE__*/_react["default"].createContext(null);
-
 var getColorType = function getColorType(hexColor) {
   try {
     if (hexColor) {
@@ -30,18 +18,13 @@ var getColorType = function getColorType(hexColor) {
     return "light";
   }
 };
-
 var BackgroundColorProvider = function BackgroundColorProvider(_ref) {
   var color = _ref.color,
-      children = _ref.children;
+    children = _ref.children;
   var colorType = (0, _react.useMemo)(function () {
     return getColorType(color);
   }, [color]);
   return /*#__PURE__*/_react["default"].createElement(BackgroundColorContext.Provider, {
     value: colorType
   }, children);
-};
-
-exports.BackgroundColorProvider = BackgroundColorProvider;
-var _default = BackgroundColorContext;
-exports["default"] = _default;
+};

package/HalstackContext.d.ts

@@ -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,30 +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: {
@@ -432,10 +403,7 @@ declare const HalstackContext: React.Context<DeepPartial<{
         hamburguerIconColor: string;
         hamburguerHoverColor: string;
         logo: string;
-        logoResponsive: 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 extisting Partial type, which only allows one level of partiality.
-         */
+        logoResponsive: string;
         logoHeight: string;
         logoWidth: string;
         menuBackgroundColor: string;
@@ -454,7 +422,6 @@ declare const HalstackContext: React.Context<DeepPartial<{
         underlinedThickness: string;
         underlinedStyle: string;
         contentColor: string;
-        contentColorOnDark: string;
     };
     heading: {
         level1FontColor: string;
@@ -493,6 +460,14 @@ declare const HalstackContext: React.Context<DeepPartial<{
         level5LineHeight: string;
         level5LetterSpacing: string;
     };
+    image: {
+        captionFontColor: string;
+        captionFontFamily: string;
+        captionFontSize: string;
+        captionFontStyle: string;
+        captionFontWeight: string;
+        captionLineHeight: string;
+    };
     link: {
         fontColor: string;
         fontFamily: string;
@@ -504,7 +479,7 @@ declare const HalstackContext: React.Context<DeepPartial<{
         underlineSpacing: string;
         underlineStyle: string;
         underlineThickness: string;
-        disabledColor: string;
+        disabledFontColor: string;
         hoverFontColor: string;
         hoverUnderlineColor: string;
         visitedFontColor: string;
@@ -553,31 +528,26 @@ declare const HalstackContext: React.Context<DeepPartial<{
     };
     paragraph: {
         fontColor: string;
-        fontColorOnDark: string;
         display: 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;
@@ -613,9 +583,9 @@ declare const HalstackContext: React.Context<DeepPartial<{
         errorRadioInputColor: string;
         hoverErrorRadioInputColor: string;
         activeErrorRadioInputColor: string;
-        readonlyRadioInputColor: string;
-        hoverReadonlyRadioInputColor: string;
-        activeReadonlyRadioInputColor: string;
+        readOnlyRadioInputColor: string;
+        hoverReadOnlyRadioInputColor: string;
+        activeReadOnlyRadioInputColor: string;
         disabledRadioInputColor: string;
         disabledLabelFontColor: string;
         disabledHelperTextFontColor: string;
@@ -755,7 +725,6 @@ declare const HalstackContext: React.Context<DeepPartial<{
     slider: {
         fontFamily: string;
         limitValuesFontColor: string;
-        limitValuesFontColorOnDark: string;
         limitValuesFontSize: string;
         limitValuesFontStyle: string;
         limitValuesFontWeight: string;
@@ -772,15 +741,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;
@@ -788,40 +752,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;
@@ -835,14 +787,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;
@@ -861,32 +811,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;
@@ -988,130 +927,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;
@@ -1323,12 +1219,12 @@ declare const HalstackLanguageContext: React.Context<DeepPartial<{
 }>>;
 /**
  * This type is used to allow partial themes and labels objects to be passed to the HalstackProvider.
- * This is an extension of the already extisting Partial type, which only allows one level of partiality.
+ * This is an extension of the already existing Partial type, which only allows one level of partiality.
  */
-declare type DeepPartial<T> = {
+type DeepPartial<T> = {
     [P in keyof T]?: Partial<T[P]>;
 };
-declare type HalstackProviderPropsType = {
+type HalstackProviderPropsType = {
     theme?: DeepPartial<OpinionatedTheme>;
     advancedTheme?: DeepPartial<AdvancedTheme>;
     labels?: DeepPartial<TranslatedLabels>;

package/HalstackContext.js

@@ -1,36 +1,21 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.HalstackProvider = exports.HalstackLanguageContext = void 0;
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _color = _interopRequireDefault(require("color"));
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _variables = require("./common/variables");
-
 var _templateObject;
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
+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 HalstackContext = /*#__PURE__*/_react["default"].createContext(null);
-
-var HalstackLanguageContext = /*#__PURE__*/_react["default"].createContext(null);
-
-exports.HalstackLanguageContext = HalstackLanguageContext;
-
+var HalstackLanguageContext = exports.HalstackLanguageContext = /*#__PURE__*/_react["default"].createContext(null);
 var addLightness = function addLightness(newLightness, hexColor) {
   try {
     if (hexColor) {
@@ -43,7 +28,6 @@ var addLightness = function addLightness(newLightness, hexColor) {
     return null;
   }
 };
-
 var subLightness = function subLightness(newLightness, hexColor) {
   try {
     if (hexColor) {
@@ -56,7 +40,6 @@ var subLightness = function subLightness(newLightness, hexColor) {
     return null;
   }
 };
-
 var parseAdvancedTheme = function parseAdvancedTheme(advancedTheme) {
   var allTokensCopy = JSON.parse(JSON.stringify(_variables.componentTokens));
   Object.keys(allTokensCopy).map(function (component) {
@@ -70,10 +53,8 @@ var parseAdvancedTheme = function parseAdvancedTheme(advancedTheme) {
   });
   return allTokensCopy;
 };
-
 var parseTheme = function parseTheme(theme) {
   var _theme$alert$baseColo, _theme$alert, _theme$alert$accentCo, _theme$alert2, _theme$alert$accentCo2, _theme$alert3, _theme$alert$overlayC, _theme$alert4, _theme$accordion$assi, _theme$accordion, _theme$accordion$titl, _theme$accordion2, _theme$accordion$acce, _theme$accordion3, _theme$accordion$acce2, _theme$accordion4, _addLightness, _theme$accordion5, _theme$box$baseColor, _theme$box, _theme$button$primary, _theme$button, _theme$button$baseCol, _theme$button2, _theme$button$baseCol2, _theme$button3, _theme$button$seconda, _theme$button4, _theme$button$baseCol3, _theme$button5, _theme$button$baseCol4, _theme$button6, _theme$button$baseCol5, _theme$button7, _subLightness, _theme$button8, _subLightness2, _theme$button9, _subLightness3, _theme$button10, _addLightness2, _theme$button11, _addLightness3, _theme$button12, _theme$checkbox$baseC, _theme$checkbox, _theme$checkbox$baseC2, _theme$checkbox2, _theme$checkbox$check, _theme$checkbox3, _theme$checkbox$fontC, _theme$checkbox4, _subLightness4, _theme$checkbox5, _subLightness5, _theme$checkbox6, _theme$chip$baseColor, _theme$chip, _theme$chip$fontColor, _theme$chip2, _theme$chip$iconColor, _theme$chip3, _subLightness6, _theme$chip4, _subLightness7, _theme$chip5, _theme$dateInput$base, _theme$dateInput, _theme$dateInput$sele, _theme$dateInput2, _subLightness8, _theme$dateInput3, _theme$dateInput$sele2, _theme$dateInput4, _theme$dateInput$base2, _theme$dateInput5, _subLightness9, _theme$dateInput6, _theme$dateInput$sele3, _theme$dateInput7, _addLightness4, _theme$dateInput8, _addLightness5, _theme$dateInput9, _addLightness6, _theme$dateInput10, _theme$dialog$baseCol, _theme$dialog, _theme$dialog$closeIc, _theme$dialog2, _theme$dialog$overlay, _theme$dialog3, _theme$dropdown$baseC, _theme$dropdown, _theme$dropdown$fontC, _theme$dropdown2, _theme$dropdown$fontC2, _theme$dropdown3, _theme$dropdown$fontC3, _theme$dropdown4, _theme$dropdown$optio, _theme$dropdown5, _theme$dropdown$optio2, _theme$dropdown6, _subLightness10, _theme$dropdown7, _subLightness11, _theme$dropdown8, _subLightness12, _theme$dropdown9, _subLightness13, _theme$dropdown10, _theme$fileInput$font, _theme$fileInput, _theme$fileInput$font2, _theme$fileInput2, _theme$fileInput$font3, _theme$fileInput3, _theme$fileInput$font4, _theme$fileInput4, _theme$footer$baseCol, _theme$footer, _theme$footer$fontCol, _theme$footer2, _theme$footer$fontCol2, _theme$footer3, _theme$footer$fontCol3, _theme$footer4, _theme$footer$accentC, _theme$footer5, _theme$footer$logo, _theme$footer6, _theme$header$baseCol, _theme$header, _theme$header$accentC, _theme$header2, _theme$header$menuBas, _theme$header3, _theme$header$fontCol, _theme$header4, _theme$header$hamburg, _theme$header5, _addLightness7, _theme$header6, _theme$header$logo, _theme$header7, _theme$header$logoRes, _theme$header8, _theme$header$content, _theme$header9, _theme$header$overlay, _theme$header10, _theme$link$baseColor, _theme$link, _theme$link$baseColor2, _theme$link2, _theme$navTabs$baseCo, _theme$navTabs, _theme$navTabs$baseCo2, _theme$navTabs2, _theme$navTabs$baseCo3, _theme$navTabs3, _theme$navTabs$baseCo4, _theme$navTabs4, _theme$navTabs$accent, _theme$navTabs5, _addLightness8, _theme$navTabs6, _addLightness9, _theme$navTabs7, _theme$paginator$base, _theme$paginator, _theme$paginator$font, _theme$paginator2, _theme$progressBar$ac, _theme$progressBar, _theme$progressBar$ba, _theme$progressBar2, _theme$progressBar$fo, _theme$progressBar3, _theme$progressBar$fo2, _theme$progressBar4, _theme$progressBar$fo3, _theme$progressBar5, _theme$progressBar$ov, _theme$progressBar6, _theme$progressBar$ov2, _theme$progressBar7, _theme$quickNav$fontC, _theme$quickNav, _theme$quickNav$accen, _theme$quickNav2, _theme$radioGroup$bas, _theme$radioGroup, _theme$radioGroup$fon, _theme$radioGroup2, _theme$radioGroup$fon2, _theme$radioGroup3, _theme$radioGroup$fon3, _theme$radioGroup4, _subLightness14, _theme$radioGroup5, _subLightness15, _theme$radioGroup6, _theme$select$selecte, _theme$select, _theme$select$fontCol, _theme$select2, _theme$select$fontCol2, _theme$select3, _theme$select$fontCol3, _theme$select4, _theme$select$optionF, _theme$select5, _addLightness10, _theme$select6, _theme$select$fontCol4, _theme$select7, _theme$select$hoverBo, _theme$select8, _subLightness16, _theme$select9, _subLightness17, _theme$select10, _theme$sidenav$baseCo, _theme$sidenav, _theme$slider$fontCol, _theme$slider, _theme$slider$fontCol2, _theme$slider2, _theme$slider$fontCol3, _theme$slider3, _theme$slider$baseCol, _theme$slider4, _theme$slider$baseCol2, _theme$slider5, _theme$slider$baseCol3, _theme$slider6, _theme$slider$baseCol4, _theme$slider7, _theme$slider$totalLi, _theme$slider8, _subLightness18, _theme$slider9, _subLightness19, _theme$slider10, _theme$spinner$accent, _theme$spinner, _theme$spinner$baseCo, _theme$spinner2, _theme$spinner$overla, _theme$spinner3, _theme$spinner$fontCo, _theme$spinner4, _theme$spinner$fontCo2, _theme$spinner5, _theme$spinner$overla2, _theme$spinner6, _theme$spinner$overla3, _theme$spinner7, _theme$switch$checked, _theme$switch, _theme$switch$fontCol, _theme$switch2, _addLightness11, _theme$switch3, _theme$table$baseColo, _theme$table, _theme$table$headerFo, _theme$table2, _theme$table$cellFont, _theme$table3, _theme$table$headerFo2, _theme$table4, _theme$tabs$baseColor, _theme$tabs, _theme$tabs$baseColor2, _theme$tabs2, _theme$tabs$baseColor3, _theme$tabs3, _theme$tabs$baseColor4, _theme$tabs4, _addLightness12, _theme$tabs5, _addLightness13, _theme$tabs6, _theme$tag$fontColor, _theme$tag, _theme$tag$iconColor, _theme$tag2, _theme$textInput$font, _theme$textInput, _theme$textInput$font2, _theme$textInput2, _theme$textInput$font3, _theme$textInput3, _theme$textInput$font4, _theme$textInput4, _theme$textInput$font5, _theme$textInput5, _theme$textInput$font6, _theme$textInput6, _theme$textInput$font7, _theme$textInput7, _theme$textInput$hove, _theme$textInput8, _addLightness14, _theme$textInput9, _addLightness15, _theme$textInput10, _addLightness16, _theme$textInput11, _theme$textarea$fontC, _theme$textarea, _theme$textarea$fontC2, _theme$textarea2, _theme$textarea$fontC3, _theme$textarea3, _theme$textarea$hover, _theme$textarea4, _addLightness17, _theme$textarea5, _theme$toggleGroup$se, _theme$toggleGroup, _theme$toggleGroup$se2, _theme$toggleGroup2, _theme$toggleGroup$un, _theme$toggleGroup3, _theme$toggleGroup$se3, _theme$toggleGroup4, _theme$toggleGroup$un2, _theme$toggleGroup5, _subLightness20, _theme$toggleGroup6, _subLightness21, _theme$toggleGroup7, _addLightness18, _theme$toggleGroup8, _addLightness19, _theme$toggleGroup9, _subLightness22, _theme$toggleGroup10, _theme$wizard$baseCol, _theme$wizard, _theme$wizard$selecte, _theme$wizard2, _theme$wizard$baseCol2, _theme$wizard3, _theme$wizard$fontCol, _theme$wizard4, _theme$wizard$fontCol2, _theme$wizard5, _theme$wizard$fontCol3, _theme$wizard6, _theme$wizard$fontCol4, _theme$wizard7, _addLightness20, _theme$wizard8, _addLightness21, _theme$wizard9, _addLightness22, _theme$wizard10, _addLightness23, _theme$wizard11;
-
   var componentTokensCopy = JSON.parse(JSON.stringify(_variables.componentTokens));
   var alertTokens = componentTokensCopy.alert;
   alertTokens.infoBackgroundColor = (_theme$alert$baseColo = theme === null || theme === void 0 ? void 0 : (_theme$alert = theme.alert) === null || _theme$alert === void 0 ? void 0 : _theme$alert.baseColor) !== null && _theme$alert$baseColo !== void 0 ? _theme$alert$baseColo : alertTokens.infoBackgroundColor;
@@ -289,7 +270,6 @@ var parseTheme = function parseTheme(theme) {
   wizardTokens.unvisitedHelperTextFontColor = (_addLightness23 = addLightness(40, theme === null || theme === void 0 ? void 0 : (_theme$wizard11 = theme.wizard) === null || _theme$wizard11 === void 0 ? void 0 : _theme$wizard11.fontColor)) !== null && _addLightness23 !== void 0 ? _addLightness23 : wizardTokens.unvisitedHelperTextFontColor;
   return componentTokensCopy;
 };
-
 var parseLabels = function parseLabels(labels) {
   var parsedLabels = _variables.defaultTranslatedComponentLabels;
   Object.keys(labels).map(function (component) {
@@ -303,17 +283,17 @@ var parseLabels = function parseLabels(labels) {
   });
   return parsedLabels;
 };
+
 /**
  * This type is used to allow partial themes and labels objects to be passed to the HalstackProvider.
- * This is an extension of the already extisting Partial type, which only allows one level of partiality.
+ * This is an extension of the already existing Partial type, which only allows one level of partiality.
  */
 
-
-var HalstackProvider = function HalstackProvider(_ref) {
+var HalstackProvider = exports.HalstackProvider = function HalstackProvider(_ref) {
   var theme = _ref.theme,
-      advancedTheme = _ref.advancedTheme,
-      labels = _ref.labels,
-      children = _ref.children;
+    advancedTheme = _ref.advancedTheme,
+    labels = _ref.labels,
+    children = _ref.children;
   var parsedTheme = (0, _react.useMemo)(function () {
     return theme ? parseTheme(theme) : advancedTheme ? parseAdvancedTheme(advancedTheme) : _variables.componentTokens;
   }, [theme, advancedTheme]);
@@ -326,10 +306,5 @@ var HalstackProvider = function HalstackProvider(_ref) {
     value: parsedLabels
   }, children)));
 };
-
-exports.HalstackProvider = HalstackProvider;
-
 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 _default = HalstackContext;
-exports["default"] = _default;
+var _default = exports["default"] = HalstackContext;