@dxc-technology/halstack-react 0.0.0-f46d22a → 0.0.0-f7f591a

package/dist/ThemeContext.js

@@ -1,187 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ThemeProvider = exports["default"] = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _color = _interopRequireDefault(require("color"));
-
-var _rgbHex = _interopRequireDefault(require("rgb-hex"));
-
-var _variables = require("./common/variables.js");
-
-/* eslint-disable prefer-template */
-var ThemeContext = _react["default"].createContext();
-
-var addLightness = function addLightness(hexColor, increaseLightness) {
-  if (hexColor) {
-    var color = (0, _color["default"])(hexColor);
-    var hslColor = color.hsl();
-    var lightnessColor = hslColor.color[2];
-    return hslColor.lightness(lightnessColor + increaseLightness).hex();
-  }
-
-  return null;
-};
-
-var addOpacity = function addOpacity(hexColor, increaseOpacity) {
-  if (hexColor) {
-    var color = (0, _color["default"])(hexColor);
-    return "#" + (0, _rgbHex["default"])(color.color[0], color.color[1], color.color[2], increaseOpacity);
-  }
-
-  return null;
-};
-
-var parseTheme = function parseTheme(theme) {
-  var _ref, _theme$accordion, _ref2, _theme$accordion2, _addLightness, _theme$accordion3, _addLightness2, _theme$accordion4, _ref3, _theme$accordion5, _ref4, _theme$chip, _addOpacity, _theme$chip2, _ref5, _theme$chip3, _ref6, _theme$chip4, _addOpacity2, _theme$chip5, _ref7, _theme$paginator, _ref8, _theme$paginator2, _ref9, _theme$progressBar, _ref10, _theme$progressBar2, _ref11, _theme$progressBar3, _addOpacity3, _theme$progressBar4, _ref12, _theme$radio, _ref13, _theme$radio2, _ref14, _theme$radio3, _addOpacity4, _theme$radio4, _addOpacity5, _theme$radio5, _ref15, _theme$select, _ref16, _theme$select2, _ref17, _theme$select3, _ref18, _theme$select4, _ref19, _theme$select5, _ref20, _theme$select6, _addOpacity6, _theme$select7, _addOpacity7, _theme$select8, _ref21, _theme$sidenav, _addOpacity8, _theme$sideNav, _ref22, _theme$sidenav2, _ref23, _theme$slider, _addOpacity9, _theme$slider2, _addOpacity10, _theme$slider3, _addOpacity11, _theme$slider4, _ref24, _theme$spinner, _ref25, _theme$spinner2, _ref26, _theme$switch, _addOpacity12, _theme$switch2, _addOpacity13, _theme$switch3, _addOpacity14, _theme$switch4, _ref27, _theme$table, _ref28, _theme$table2, _ref29, _theme$tabs, _ref30, _theme$tabs2, _ref31, _theme$tabs3, _ref32, _theme$tabs4, _addLightness3, _theme$tabs5, _addLightness4, _theme$tabs6, _ref33, _theme$toggleGroup, _ref34, _theme$toggleGroup2, _ref35, _theme$toggleGroup3, _ref36, _theme$toggleGroup4, _ref37, _theme$toggleGroup5, _ref38, _theme$toggleGroup6, _ref39, _theme$toggleGroup7, _ref40, _theme$toggleGroup8, _addOpacity15, _theme$toggleGroup9, _addOpacity16, _theme$toggleGroup10, _ref41, _theme$wizard, _ref42, _theme$wizard2, _ref43, _theme$footer, _ref44, _theme$footer2, _ref45, _theme$footer3, _ref46, _theme$footer4, _ref47, _theme$button, _ref48, _theme$button2, _ref49, _theme$button3, _ref50, _theme$button4, _ref51, _theme$button5, _ref52, _theme$button6, _ref53, _theme$button7, _ref54, _theme$button8, _ref55, _theme$button9, _ref56, _theme$button10, _ref57, _theme$button11, _addOpacity17, _theme$button12, _addOpacity18, _theme$button13, _addOpacity19, _theme$button14, _addOpacity20, _theme$button15, _addOpacity21, _theme$button16, _ref58, _theme$dropdown, _ref59, _theme$dropdown2, _addOpacity22, _theme$dropdown3, _addOpacity23, _theme$dropdown4, _ref60, _theme$checkbox, _ref61, _theme$checkbox2, _ref62, _theme$checkbox3, _addOpacity24, _theme$checkbox4, _addOpacity25, _theme$checkbox5, _addOpacity26, _theme$checkbox6, _addOpacity27, _theme$inputText, _ref63, _theme$date, _ref64, _theme$date2, _addOpacity28, _theme$date3, _ref65, _theme$header, _ref66, _theme$header2, _ref67, _theme$header3, _ref68, _theme$header4, _ref69, _theme$header5, _addOpacity29, _theme$header6, _ref70, _theme$header7, _ref71, _theme$header8;
-
-  var accordionTokens = _variables.componentTokens.accordion;
-  accordionTokens.fontColor = (_ref = theme === null || theme === void 0 ? void 0 : (_theme$accordion = theme.accordion) === null || _theme$accordion === void 0 ? void 0 : _theme$accordion.fontColor) !== null && _ref !== void 0 ? _ref : accordionTokens.fontColor;
-  accordionTokens.arrowColor = (_ref2 = theme === null || theme === void 0 ? void 0 : (_theme$accordion2 = theme.accordion) === null || _theme$accordion2 === void 0 ? void 0 : _theme$accordion2.arrowColor) !== null && _ref2 !== void 0 ? _ref2 : accordionTokens.arrowColor;
-  accordionTokens.hoverBackgroundColor = (_addLightness = addLightness(theme === null || theme === void 0 ? void 0 : (_theme$accordion3 = theme.accordion) === null || _theme$accordion3 === void 0 ? void 0 : _theme$accordion3.arrowColor, 53)) !== null && _addLightness !== void 0 ? _addLightness : accordionTokens.hoverBackgroundColor;
-  accordionTokens.disabledFontColor = (_addLightness2 = addLightness(theme === null || theme === void 0 ? void 0 : (_theme$accordion4 = theme.accordion) === null || _theme$accordion4 === void 0 ? void 0 : _theme$accordion4.fontColor, 35)) !== null && _addLightness2 !== void 0 ? _addLightness2 : accordionTokens.disabledFontColor;
-  accordionTokens.focusOutline = (_ref3 = theme === null || theme === void 0 ? void 0 : (_theme$accordion5 = theme.accordion) === null || _theme$accordion5 === void 0 ? void 0 : _theme$accordion5.arrowColor) !== null && _ref3 !== void 0 ? _ref3 : accordionTokens.arrowColor;
-  var chipTokens = _variables.componentTokens.chip;
-  chipTokens.backgroundColor = (_ref4 = theme === null || theme === void 0 ? void 0 : (_theme$chip = theme.chip) === null || _theme$chip === void 0 ? void 0 : _theme$chip.backgroundColor) !== null && _ref4 !== void 0 ? _ref4 : chipTokens.backgroundColor;
-  chipTokens.disabledBackgroundColor = (_addOpacity = addOpacity(theme === null || theme === void 0 ? void 0 : (_theme$chip2 = theme.chip) === null || _theme$chip2 === void 0 ? void 0 : _theme$chip2.backgroundColor, 0.34)) !== null && _addOpacity !== void 0 ? _addOpacity : chipTokens.disabledBackgroundColor;
-  chipTokens.outlinedColor = (_ref5 = theme === null || theme === void 0 ? void 0 : (_theme$chip3 = theme.chip) === null || _theme$chip3 === void 0 ? void 0 : _theme$chip3.outlinedColor) !== null && _ref5 !== void 0 ? _ref5 : chipTokens.outlinedColor;
-  chipTokens.fontColor = (_ref6 = theme === null || theme === void 0 ? void 0 : (_theme$chip4 = theme.chip) === null || _theme$chip4 === void 0 ? void 0 : _theme$chip4.fontColor) !== null && _ref6 !== void 0 ? _ref6 : chipTokens.fontColor;
-  chipTokens.disabledFontColor = (_addOpacity2 = addOpacity(theme === null || theme === void 0 ? void 0 : (_theme$chip5 = theme.chip) === null || _theme$chip5 === void 0 ? void 0 : _theme$chip5.fontColor, 0.34)) !== null && _addOpacity2 !== void 0 ? _addOpacity2 : chipTokens.disabledFontColor;
-  var paginatorTokens = _variables.componentTokens.paginator;
-  paginatorTokens.paginatorBackgroundColor = (_ref7 = theme === null || theme === void 0 ? void 0 : (_theme$paginator = theme.paginator) === null || _theme$paginator === void 0 ? void 0 : _theme$paginator.paginatorBackgroundColor) !== null && _ref7 !== void 0 ? _ref7 : paginatorTokens.paginatorBackgroundColor;
-  paginatorTokens.paginatorFontColor = (_ref8 = theme === null || theme === void 0 ? void 0 : (_theme$paginator2 = theme.paginator) === null || _theme$paginator2 === void 0 ? void 0 : _theme$paginator2.paginatorFontColor) !== null && _ref8 !== void 0 ? _ref8 : paginatorTokens.paginatorFontColor;
-  var progressBarTokens = _variables.componentTokens.progressBar;
-  progressBarTokens.trackLine = (_ref9 = theme === null || theme === void 0 ? void 0 : (_theme$progressBar = theme.progressBar) === null || _theme$progressBar === void 0 ? void 0 : _theme$progressBar.trackLine) !== null && _ref9 !== void 0 ? _ref9 : progressBarTokens.trackLine;
-  progressBarTokens.totalLine = (_ref10 = theme === null || theme === void 0 ? void 0 : (_theme$progressBar2 = theme.progressBar) === null || _theme$progressBar2 === void 0 ? void 0 : _theme$progressBar2.totalLine) !== null && _ref10 !== void 0 ? _ref10 : progressBarTokens.totalLine;
-  progressBarTokens.fontColor = (_ref11 = theme === null || theme === void 0 ? void 0 : (_theme$progressBar3 = theme.progressBar) === null || _theme$progressBar3 === void 0 ? void 0 : _theme$progressBar3.fontColor) !== null && _ref11 !== void 0 ? _ref11 : progressBarTokens.fontColor;
-  progressBarTokens.opaqueTotalLine = (_addOpacity3 = addOpacity(theme === null || theme === void 0 ? void 0 : (_theme$progressBar4 = theme.progressBar) === null || _theme$progressBar4 === void 0 ? void 0 : _theme$progressBar4.totalLine, 0.34)) !== null && _addOpacity3 !== void 0 ? _addOpacity3 : progressBarTokens.opaqueTotalLine;
-  var radioTokens = _variables.componentTokens.radio;
-  radioTokens.color = (_ref12 = theme === null || theme === void 0 ? void 0 : (_theme$radio = theme.radio) === null || _theme$radio === void 0 ? void 0 : _theme$radio.color) !== null && _ref12 !== void 0 ? _ref12 : radioTokens.color;
-  radioTokens.fontColor = (_ref13 = theme === null || theme === void 0 ? void 0 : (_theme$radio2 = theme.radio) === null || _theme$radio2 === void 0 ? void 0 : _theme$radio2.themeColor) !== null && _ref13 !== void 0 ? _ref13 : radioTokens.fontColor;
-  radioTokens.focusColor = (_ref14 = theme === null || theme === void 0 ? void 0 : (_theme$radio3 = theme.radio) === null || _theme$radio3 === void 0 ? void 0 : _theme$radio3.focusColor) !== null && _ref14 !== void 0 ? _ref14 : radioTokens.focusColor;
-  radioTokens.disabledColor = (_addOpacity4 = addOpacity(theme === null || theme === void 0 ? void 0 : (_theme$radio4 = theme.radio) === null || _theme$radio4 === void 0 ? void 0 : _theme$radio4.color, 0.34)) !== null && _addOpacity4 !== void 0 ? _addOpacity4 : radioTokens.disabledColor;
-  radioTokens.disabledFontColor = (_addOpacity5 = addOpacity(theme === null || theme === void 0 ? void 0 : (_theme$radio5 = theme.radio) === null || _theme$radio5 === void 0 ? void 0 : _theme$radio5.fontColor, 0.34)) !== null && _addOpacity5 !== void 0 ? _addOpacity5 : radioTokens.disabledFontColor;
-  var selectTokens = _variables.componentTokens.select;
-  selectTokens.selectedOptionBackgroundColor = (_ref15 = theme === null || theme === void 0 ? void 0 : (_theme$select = theme.select) === null || _theme$select === void 0 ? void 0 : _theme$select.selectedOptionBackgroundColor) !== null && _ref15 !== void 0 ? _ref15 : selectTokens.selectedOptionBackgroundColor;
-  selectTokens.color = (_ref16 = theme === null || theme === void 0 ? void 0 : (_theme$select2 = theme.select) === null || _theme$select2 === void 0 ? void 0 : _theme$select2.color) !== null && _ref16 !== void 0 ? _ref16 : selectTokens.color;
-  selectTokens.error = (_ref17 = theme === null || theme === void 0 ? void 0 : (_theme$select3 = theme.select) === null || _theme$select3 === void 0 ? void 0 : _theme$select3.error) !== null && _ref17 !== void 0 ? _ref17 : selectTokens.error;
-  selectTokens.scrollBarThumbColor = (_ref18 = theme === null || theme === void 0 ? void 0 : (_theme$select4 = theme.select) === null || _theme$select4 === void 0 ? void 0 : _theme$select4.scrollBarThumbColor) !== null && _ref18 !== void 0 ? _ref18 : selectTokens.scrollBarThumbColor;
-  selectTokens.scrollBarTrackColor = (_ref19 = theme === null || theme === void 0 ? void 0 : (_theme$select5 = theme.select) === null || _theme$select5 === void 0 ? void 0 : _theme$select5.scrollBarTrackColor) !== null && _ref19 !== void 0 ? _ref19 : selectTokens.scrollBarTrackColor;
-  selectTokens.focusColor = (_ref20 = theme === null || theme === void 0 ? void 0 : (_theme$select6 = theme.select) === null || _theme$select6 === void 0 ? void 0 : _theme$select6.focusColor) !== null && _ref20 !== void 0 ? _ref20 : selectTokens.focusColor;
-  selectTokens.hoveredOptionBackgroundColor = (_addOpacity6 = addOpacity(theme === null || theme === void 0 ? void 0 : (_theme$select7 = theme.select) === null || _theme$select7 === void 0 ? void 0 : _theme$select7.selectedOptionBackgroundColor, 0.34)) !== null && _addOpacity6 !== void 0 ? _addOpacity6 : selectTokens.hoveredOptionBackgroundColor;
-  selectTokens.disabledColor = (_addOpacity7 = addOpacity(theme === null || theme === void 0 ? void 0 : (_theme$select8 = theme.select) === null || _theme$select8 === void 0 ? void 0 : _theme$select8.color, 0.34)) !== null && _addOpacity7 !== void 0 ? _addOpacity7 : selectTokens.disabledColor;
-  var sideNavTokens = _variables.componentTokens.sidenav;
-  sideNavTokens.backgroundColor = (_ref21 = theme === null || theme === void 0 ? void 0 : (_theme$sidenav = theme.sidenav) === null || _theme$sidenav === void 0 ? void 0 : _theme$sidenav.backgroundColor) !== null && _ref21 !== void 0 ? _ref21 : sideNavTokens.backgroundColor;
-  sideNavTokens.arrowContainerColor = (_addOpacity8 = addOpacity(theme === null || theme === void 0 ? void 0 : (_theme$sideNav = theme.sideNav) === null || _theme$sideNav === void 0 ? void 0 : _theme$sideNav.arrowContainerColor, 0.8)) !== null && _addOpacity8 !== void 0 ? _addOpacity8 : sideNavTokens.arrowContainerColor;
-  sideNavTokens.arrowColor = (_ref22 = theme === null || theme === void 0 ? void 0 : (_theme$sidenav2 = theme.sidenav) === null || _theme$sidenav2 === void 0 ? void 0 : _theme$sidenav2.arrowColor) !== null && _ref22 !== void 0 ? _ref22 : sideNavTokens.arrowColor;
-  var sliderTokens = _variables.componentTokens.slider;
-  sliderTokens.color = (_ref23 = theme === null || theme === void 0 ? void 0 : (_theme$slider = theme.slider) === null || _theme$slider === void 0 ? void 0 : _theme$slider.color) !== null && _ref23 !== void 0 ? _ref23 : sliderTokens.color;
-  sliderTokens.totalLine = (_addOpacity9 = addOpacity(theme === null || theme === void 0 ? void 0 : (_theme$slider2 = theme.slider) === null || _theme$slider2 === void 0 ? void 0 : _theme$slider2.color, 0.34)) !== null && _addOpacity9 !== void 0 ? _addOpacity9 : sliderTokens.totalLine;
-  sliderTokens.disabledthumbBackgroundColor = (_addOpacity10 = addOpacity(theme === null || theme === void 0 ? void 0 : (_theme$slider3 = theme.slider) === null || _theme$slider3 === void 0 ? void 0 : _theme$slider3.color, 0.34)) !== null && _addOpacity10 !== void 0 ? _addOpacity10 : sliderTokens.disabledthumbBackgroundColor;
-  sliderTokens.disableddotsBackgroundColor = (_addOpacity11 = addOpacity(theme === null || theme === void 0 ? void 0 : (_theme$slider4 = theme.slider) === null || _theme$slider4 === void 0 ? void 0 : _theme$slider4.color, 0.34)) !== null && _addOpacity11 !== void 0 ? _addOpacity11 : sliderTokens.disableddotsBackgroundColor;
-  var spinnerTokens = _variables.componentTokens.spinner;
-  spinnerTokens.trackCircleColor = (_ref24 = theme === null || theme === void 0 ? void 0 : (_theme$spinner = theme.spinner) === null || _theme$spinner === void 0 ? void 0 : _theme$spinner.trackCircleColor) !== null && _ref24 !== void 0 ? _ref24 : spinnerTokens.trackCircleColor;
-  spinnerTokens.totalCircleColor = (_ref25 = theme === null || theme === void 0 ? void 0 : (_theme$spinner2 = theme.spinner) === null || _theme$spinner2 === void 0 ? void 0 : _theme$spinner2.totalCircleColor) !== null && _ref25 !== void 0 ? _ref25 : spinnerTokens.totalCircleColor;
-  var switchTokens = _variables.componentTokens["switch"];
-  switchTokens.checkedTrackBackgroundColor = (_ref26 = theme === null || theme === void 0 ? void 0 : (_theme$switch = theme["switch"]) === null || _theme$switch === void 0 ? void 0 : _theme$switch.checkedTrackBackgroundColor) !== null && _ref26 !== void 0 ? _ref26 : switchTokens.checkedTrackBackgroundColor;
-  switchTokens.disabledUncheckedTrackBackgroundColor = (_addOpacity12 = addOpacity(theme === null || theme === void 0 ? void 0 : (_theme$switch2 = theme["switch"]) === null || _theme$switch2 === void 0 ? void 0 : _theme$switch2.uncheckedTrackBackgroundColor, 0.34)) !== null && _addOpacity12 !== void 0 ? _addOpacity12 : switchTokens.disabledUncheckedTrackBackgroundColor;
-  switchTokens.disabledFontColor = (_addOpacity13 = addOpacity(theme === null || theme === void 0 ? void 0 : (_theme$switch3 = theme["switch"]) === null || _theme$switch3 === void 0 ? void 0 : _theme$switch3.fontColor, 0.34)) !== null && _addOpacity13 !== void 0 ? _addOpacity13 : switchTokens.disabledFontColor;
-  switchTokens.disabledCheckedTrackBackgroundColor = (_addOpacity14 = addOpacity(theme === null || theme === void 0 ? void 0 : (_theme$switch4 = theme["switch"]) === null || _theme$switch4 === void 0 ? void 0 : _theme$switch4.checkedTrackBackgroundColor, 0.34)) !== null && _addOpacity14 !== void 0 ? _addOpacity14 : switchTokens.disabledCheckedTrackBackgroundColor;
-  var tableTokens = _variables.componentTokens.table;
-  tableTokens.headerBackgroundColor = (_ref27 = theme === null || theme === void 0 ? void 0 : (_theme$table = theme.table) === null || _theme$table === void 0 ? void 0 : _theme$table.headerBackgroundColor) !== null && _ref27 !== void 0 ? _ref27 : tableTokens.headerBackgroundColor;
-  tableTokens.headerFontColor = (_ref28 = theme === null || theme === void 0 ? void 0 : (_theme$table2 = theme.table) === null || _theme$table2 === void 0 ? void 0 : _theme$table2.headerFontColor) !== null && _ref28 !== void 0 ? _ref28 : tableTokens.headerFontColor;
-  var tabsTokens = _variables.componentTokens.tabs;
-  tabsTokens.selectedFontColor = (_ref29 = theme === null || theme === void 0 ? void 0 : (_theme$tabs = theme.tabs) === null || _theme$tabs === void 0 ? void 0 : _theme$tabs.selectedFontColor) !== null && _ref29 !== void 0 ? _ref29 : tabsTokens.selectedFontColor;
-  tabsTokens.selectedIconColor = (_ref30 = theme === null || theme === void 0 ? void 0 : (_theme$tabs2 = theme.tabs) === null || _theme$tabs2 === void 0 ? void 0 : _theme$tabs2.selectedFontColor) !== null && _ref30 !== void 0 ? _ref30 : tabsTokens.selectedFontColor;
-  tabsTokens.selectedUnderlineColor = (_ref31 = theme === null || theme === void 0 ? void 0 : (_theme$tabs3 = theme.tabs) === null || _theme$tabs3 === void 0 ? void 0 : _theme$tabs3.selectedFontColor) !== null && _ref31 !== void 0 ? _ref31 : tabsTokens.selectedFontColor;
-  tabsTokens.focusOutline = (_ref32 = theme === null || theme === void 0 ? void 0 : (_theme$tabs4 = theme.tabs) === null || _theme$tabs4 === void 0 ? void 0 : _theme$tabs4.selectedFontColor) !== null && _ref32 !== void 0 ? _ref32 : tabsTokens.selectedFontColor;
-  tabsTokens.hoverBackgroundColor = (_addLightness3 = addLightness(theme === null || theme === void 0 ? void 0 : (_theme$tabs5 = theme.tabs) === null || _theme$tabs5 === void 0 ? void 0 : _theme$tabs5.selectedFontColor, 58)) !== null && _addLightness3 !== void 0 ? _addLightness3 : tabsTokens.hoverBackgroundColor;
-  tabsTokens.pressedBackgroundColor = (_addLightness4 = addLightness(theme === null || theme === void 0 ? void 0 : (_theme$tabs6 = theme.tabs) === null || _theme$tabs6 === void 0 ? void 0 : _theme$tabs6.selectedFontColor, 53)) !== null && _addLightness4 !== void 0 ? _addLightness4 : tabsTokens.pressedBackgroundColor;
-  var toggleGroupTokens = _variables.componentTokens.toggleGroup;
-  toggleGroupTokens.unselectedBackgroundColor = (_ref33 = theme === null || theme === void 0 ? void 0 : (_theme$toggleGroup = theme.toggleGroup) === null || _theme$toggleGroup === void 0 ? void 0 : _theme$toggleGroup.unselectedBackgroundColor) !== null && _ref33 !== void 0 ? _ref33 : toggleGroupTokens.unselectedBackgroundColor;
-  toggleGroupTokens.unselectedBackgroundHoverColor = (_ref34 = theme === null || theme === void 0 ? void 0 : (_theme$toggleGroup2 = theme.toggleGroup) === null || _theme$toggleGroup2 === void 0 ? void 0 : _theme$toggleGroup2.unselectedBackgroundHoverColor) !== null && _ref34 !== void 0 ? _ref34 : toggleGroupTokens.unselectedBackgroundHoverColor;
-  toggleGroupTokens.unselectedFontColor = (_ref35 = theme === null || theme === void 0 ? void 0 : (_theme$toggleGroup3 = theme.toggleGroup) === null || _theme$toggleGroup3 === void 0 ? void 0 : _theme$toggleGroup3.unselectedFontColor) !== null && _ref35 !== void 0 ? _ref35 : toggleGroupTokens.unselectedFontColor;
-  toggleGroupTokens.unselectedHoverFontColor = (_ref36 = theme === null || theme === void 0 ? void 0 : (_theme$toggleGroup4 = theme.toggleGroup) === null || _theme$toggleGroup4 === void 0 ? void 0 : _theme$toggleGroup4.unselectedHoverFontColor) !== null && _ref36 !== void 0 ? _ref36 : toggleGroupTokens.unselectedHoverFontColor;
-  toggleGroupTokens.selectedBackgroundColor = (_ref37 = theme === null || theme === void 0 ? void 0 : (_theme$toggleGroup5 = theme.toggleGroup) === null || _theme$toggleGroup5 === void 0 ? void 0 : _theme$toggleGroup5.selectedBackgroundColor) !== null && _ref37 !== void 0 ? _ref37 : toggleGroupTokens.selectedBackgroundColor;
-  toggleGroupTokens.selectedBackgroundHoverColor = (_ref38 = theme === null || theme === void 0 ? void 0 : (_theme$toggleGroup6 = theme.toggleGroup) === null || _theme$toggleGroup6 === void 0 ? void 0 : _theme$toggleGroup6.selectedBackgroundHoverColor) !== null && _ref38 !== void 0 ? _ref38 : toggleGroupTokens.selectedBackgroundHoverColor;
-  toggleGroupTokens.selectedFontColor = (_ref39 = theme === null || theme === void 0 ? void 0 : (_theme$toggleGroup7 = theme.toggleGroup) === null || _theme$toggleGroup7 === void 0 ? void 0 : _theme$toggleGroup7.selectedFontColor) !== null && _ref39 !== void 0 ? _ref39 : toggleGroupTokens.selectedFontColor;
-  toggleGroupTokens.selectedHoverFontColor = (_ref40 = theme === null || theme === void 0 ? void 0 : (_theme$toggleGroup8 = theme.toggleGroup) === null || _theme$toggleGroup8 === void 0 ? void 0 : _theme$toggleGroup8.selectedHoverFontColor) !== null && _ref40 !== void 0 ? _ref40 : toggleGroupTokens.selectedHoverFontColor;
-  toggleGroupTokens.disabledSelectedBackgroundColor = (_addOpacity15 = addOpacity(theme === null || theme === void 0 ? void 0 : (_theme$toggleGroup9 = theme.toggleGroup) === null || _theme$toggleGroup9 === void 0 ? void 0 : _theme$toggleGroup9.selectedBackgroundColor, 0.34)) !== null && _addOpacity15 !== void 0 ? _addOpacity15 : toggleGroupTokens.disabledSelectedBackgroundColor;
-  toggleGroupTokens.disabledUnselectedBackgroundColor = (_addOpacity16 = addOpacity(theme === null || theme === void 0 ? void 0 : (_theme$toggleGroup10 = theme.toggleGroup) === null || _theme$toggleGroup10 === void 0 ? void 0 : _theme$toggleGroup10.unselectedBackgroundColor, 0.34)) !== null && _addOpacity16 !== void 0 ? _addOpacity16 : toggleGroupTokens.disabledUnselectedBackgroundColor;
-  var wizardTokens = _variables.componentTokens.wizard;
-  wizardTokens.selectedBackgroundColor = (_ref41 = theme === null || theme === void 0 ? void 0 : (_theme$wizard = theme.wizard) === null || _theme$wizard === void 0 ? void 0 : _theme$wizard.selectedBackgroundColor) !== null && _ref41 !== void 0 ? _ref41 : wizardTokens.selectedBackgroundColor;
-  wizardTokens.selectedFont = (_ref42 = theme === null || theme === void 0 ? void 0 : (_theme$wizard2 = theme.wizard) === null || _theme$wizard2 === void 0 ? void 0 : _theme$wizard2.selectedFont) !== null && _ref42 !== void 0 ? _ref42 : wizardTokens.selectedFont;
-  var footerTokens = _variables.componentTokens.footer;
-  footerTokens.backgroundColor = (_ref43 = theme === null || theme === void 0 ? void 0 : (_theme$footer = theme.footer) === null || _theme$footer === void 0 ? void 0 : _theme$footer.backgroundColor) !== null && _ref43 !== void 0 ? _ref43 : footerTokens.backgroundColor;
-  footerTokens.fontColor = (_ref44 = theme === null || theme === void 0 ? void 0 : (_theme$footer2 = theme.footer) === null || _theme$footer2 === void 0 ? void 0 : _theme$footer2.fontColor) !== null && _ref44 !== void 0 ? _ref44 : footerTokens.fontColor;
-  footerTokens.lineColor = (_ref45 = theme === null || theme === void 0 ? void 0 : (_theme$footer3 = theme.footer) === null || _theme$footer3 === void 0 ? void 0 : _theme$footer3.lineColor) !== null && _ref45 !== void 0 ? _ref45 : footerTokens.lineColor;
-  footerTokens.logo = (_ref46 = theme === null || theme === void 0 ? void 0 : (_theme$footer4 = theme.footer) === null || _theme$footer4 === void 0 ? void 0 : _theme$footer4.logo) !== null && _ref46 !== void 0 ? _ref46 : footerTokens.logo;
-  var buttonTokens = _variables.componentTokens.button;
-  buttonTokens.primaryBackgroundColor = (_ref47 = theme === null || theme === void 0 ? void 0 : (_theme$button = theme.button) === null || _theme$button === void 0 ? void 0 : _theme$button.color) !== null && _ref47 !== void 0 ? _ref47 : buttonTokens.primaryBackgroundColor;
-  buttonTokens.secondaryOutlinedColor = (_ref48 = theme === null || theme === void 0 ? void 0 : (_theme$button2 = theme.button) === null || _theme$button2 === void 0 ? void 0 : _theme$button2.color) !== null && _ref48 !== void 0 ? _ref48 : buttonTokens.secondaryOutlinedColor;
-  buttonTokens.primaryHoverBackgroundColor = (_ref49 = theme === null || theme === void 0 ? void 0 : (_theme$button3 = theme.button) === null || _theme$button3 === void 0 ? void 0 : _theme$button3.hoverColor) !== null && _ref49 !== void 0 ? _ref49 : buttonTokens.primaryHoverBackgroundColor;
-  buttonTokens.hoverOutlinedColor = (_ref50 = theme === null || theme === void 0 ? void 0 : (_theme$button4 = theme.button) === null || _theme$button4 === void 0 ? void 0 : _theme$button4.hoverColor) !== null && _ref50 !== void 0 ? _ref50 : buttonTokens.hoverOutlinedColor;
-  buttonTokens.textHoverBackgroundColor = (_ref51 = theme === null || theme === void 0 ? void 0 : (_theme$button5 = theme.button) === null || _theme$button5 === void 0 ? void 0 : _theme$button5.hoverColor) !== null && _ref51 !== void 0 ? _ref51 : buttonTokens.textHoverBackgroundColor;
-  buttonTokens.primaryFontColor = (_ref52 = theme === null || theme === void 0 ? void 0 : (_theme$button6 = theme.button) === null || _theme$button6 === void 0 ? void 0 : _theme$button6.primaryFontColor) !== null && _ref52 !== void 0 ? _ref52 : buttonTokens.primaryFontColor;
-  buttonTokens.primaryHoverFontColor = (_ref53 = theme === null || theme === void 0 ? void 0 : (_theme$button7 = theme.button) === null || _theme$button7 === void 0 ? void 0 : _theme$button7.primaryHoverFontColor) !== null && _ref53 !== void 0 ? _ref53 : buttonTokens.primaryHoverFontColor;
-  buttonTokens.secondaryFontColor = (_ref54 = theme === null || theme === void 0 ? void 0 : (_theme$button8 = theme.button) === null || _theme$button8 === void 0 ? void 0 : _theme$button8.secondaryFontColor) !== null && _ref54 !== void 0 ? _ref54 : buttonTokens.secondaryFontColor;
-  buttonTokens.secondaryHoverFontColor = (_ref55 = theme === null || theme === void 0 ? void 0 : (_theme$button9 = theme.button) === null || _theme$button9 === void 0 ? void 0 : _theme$button9.secondaryHoverFontColor) !== null && _ref55 !== void 0 ? _ref55 : buttonTokens.secondaryHoverFontColor;
-  buttonTokens.textFontColor = (_ref56 = theme === null || theme === void 0 ? void 0 : (_theme$button10 = theme.button) === null || _theme$button10 === void 0 ? void 0 : _theme$button10.textFontColor) !== null && _ref56 !== void 0 ? _ref56 : buttonTokens.textFontColor;
-  buttonTokens.textHoverFontColor = (_ref57 = theme === null || theme === void 0 ? void 0 : (_theme$button11 = theme.button) === null || _theme$button11 === void 0 ? void 0 : _theme$button11.textHoverFontColor) !== null && _ref57 !== void 0 ? _ref57 : buttonTokens.textHoverFontColor;
-  buttonTokens.disabledPrimaryBackgroundColor = (_addOpacity17 = addOpacity(theme === null || theme === void 0 ? void 0 : (_theme$button12 = theme.button) === null || _theme$button12 === void 0 ? void 0 : _theme$button12.color, 0.34)) !== null && _addOpacity17 !== void 0 ? _addOpacity17 : buttonTokens.disabledPrimaryBackgroundColor;
-  buttonTokens.disabledSecondaryOutlinedColor = (_addOpacity18 = addOpacity(theme === null || theme === void 0 ? void 0 : (_theme$button13 = theme.button) === null || _theme$button13 === void 0 ? void 0 : _theme$button13.color, 0.34)) !== null && _addOpacity18 !== void 0 ? _addOpacity18 : buttonTokens.disabledSecondaryOutlinedColor;
-  buttonTokens.disabledPrimaryFontColor = (_addOpacity19 = addOpacity(theme === null || theme === void 0 ? void 0 : (_theme$button14 = theme.button) === null || _theme$button14 === void 0 ? void 0 : _theme$button14.primaryFontColor, 0.34)) !== null && _addOpacity19 !== void 0 ? _addOpacity19 : buttonTokens.disabledPrimaryFontColor;
-  buttonTokens.disabledSecondaryFontColor = (_addOpacity20 = addOpacity(theme === null || theme === void 0 ? void 0 : (_theme$button15 = theme.button) === null || _theme$button15 === void 0 ? void 0 : _theme$button15.secondaryFontColor, 0.34)) !== null && _addOpacity20 !== void 0 ? _addOpacity20 : buttonTokens.disabledSecondaryFontColor;
-  buttonTokens.disabledTextFontColor = (_addOpacity21 = addOpacity(theme === null || theme === void 0 ? void 0 : (_theme$button16 = theme.button) === null || _theme$button16 === void 0 ? void 0 : _theme$button16.textFontColor, 0.34)) !== null && _addOpacity21 !== void 0 ? _addOpacity21 : buttonTokens.disabledTextFontColor;
-  var dropdownTokens = _variables.componentTokens.dropdown;
-  dropdownTokens.backgroundColor = (_ref58 = theme === null || theme === void 0 ? void 0 : (_theme$dropdown = theme.dropdown) === null || _theme$dropdown === void 0 ? void 0 : _theme$dropdown.backgroundColor) !== null && _ref58 !== void 0 ? _ref58 : dropdownTokens.backgroundColor;
-  dropdownTokens.fontColor = (_ref59 = theme === null || theme === void 0 ? void 0 : (_theme$dropdown2 = theme.dropdown) === null || _theme$dropdown2 === void 0 ? void 0 : _theme$dropdown2.fontColor) !== null && _ref59 !== void 0 ? _ref59 : dropdownTokens.fontColor;
-  dropdownTokens.hoverBackgroundColor = (_addOpacity22 = addOpacity(theme === null || theme === void 0 ? void 0 : (_theme$dropdown3 = theme.dropdown) === null || _theme$dropdown3 === void 0 ? void 0 : _theme$dropdown3.backgroundColor, 0.8)) !== null && _addOpacity22 !== void 0 ? _addOpacity22 : dropdownTokens.hoverBackgroundColor;
-  dropdownTokens.hoverBackgroundOption = (_addOpacity23 = addOpacity(theme === null || theme === void 0 ? void 0 : (_theme$dropdown4 = theme.dropdown) === null || _theme$dropdown4 === void 0 ? void 0 : _theme$dropdown4.backgroundColor, 0.34)) !== null && _addOpacity23 !== void 0 ? _addOpacity23 : dropdownTokens.hoverBackgroundOption;
-  var checkboxTokens = _variables.componentTokens.checkbox;
-  checkboxTokens.backgroundColorChecked = (_ref60 = theme === null || theme === void 0 ? void 0 : (_theme$checkbox = theme.checkbox) === null || _theme$checkbox === void 0 ? void 0 : _theme$checkbox.color) !== null && _ref60 !== void 0 ? _ref60 : checkboxTokens.backgroundColorChecked;
-  checkboxTokens.borderColor = (_ref61 = theme === null || theme === void 0 ? void 0 : (_theme$checkbox2 = theme.checkbox) === null || _theme$checkbox2 === void 0 ? void 0 : _theme$checkbox2.color) !== null && _ref61 !== void 0 ? _ref61 : checkboxTokens.borderColor;
-  checkboxTokens.checkColor = (_ref62 = theme === null || theme === void 0 ? void 0 : (_theme$checkbox3 = theme.checkbox) === null || _theme$checkbox3 === void 0 ? void 0 : _theme$checkbox3.checkColor) !== null && _ref62 !== void 0 ? _ref62 : checkboxTokens.checkColor;
-  checkboxTokens.disabledBackgroundColorChecked = (_addOpacity24 = addOpacity(theme === null || theme === void 0 ? void 0 : (_theme$checkbox4 = theme.checkbox) === null || _theme$checkbox4 === void 0 ? void 0 : _theme$checkbox4.color, 0.34)) !== null && _addOpacity24 !== void 0 ? _addOpacity24 : checkboxTokens.disabledBackgroundColorChecked;
-  checkboxTokens.disabledBorderColor = (_addOpacity25 = addOpacity(theme === null || theme === void 0 ? void 0 : (_theme$checkbox5 = theme.checkbox) === null || _theme$checkbox5 === void 0 ? void 0 : _theme$checkbox5.color, 0.34)) !== null && _addOpacity25 !== void 0 ? _addOpacity25 : checkboxTokens.disabledBorderColor;
-  checkboxTokens.disabledCheckColor = (_addOpacity26 = addOpacity(theme === null || theme === void 0 ? void 0 : (_theme$checkbox6 = theme.checkbox) === null || _theme$checkbox6 === void 0 ? void 0 : _theme$checkbox6.checkColor, 0.34)) !== null && _addOpacity26 !== void 0 ? _addOpacity26 : checkboxTokens.disabledCheckColor;
-  var inputTokens = _variables.componentTokens.inputText;
-  inputTokens.selectedOptionBackgroundColor = (_addOpacity27 = addOpacity(theme === null || theme === void 0 ? void 0 : (_theme$inputText = theme.inputText) === null || _theme$inputText === void 0 ? void 0 : _theme$inputText.selectedOptionBackgroundColor, 0.34)) !== null && _addOpacity27 !== void 0 ? _addOpacity27 : inputTokens.selectedOptionBackgroundColor;
-  var dateTokens = _variables.componentTokens.date;
-  dateTokens.pickerSelectedDateBackgroundColor = (_ref63 = theme === null || theme === void 0 ? void 0 : (_theme$date = theme.date) === null || _theme$date === void 0 ? void 0 : _theme$date.pickerSelectedDateBackgroundColor) !== null && _ref63 !== void 0 ? _ref63 : dateTokens.pickerSelectedDateBackgroundColor;
-  dateTokens.pickerSelectedDateColor = (_ref64 = theme === null || theme === void 0 ? void 0 : (_theme$date2 = theme.date) === null || _theme$date2 === void 0 ? void 0 : _theme$date2.pickerSelectedDateColor) !== null && _ref64 !== void 0 ? _ref64 : dateTokens.pickerSelectedDateColor;
-  dateTokens.pickerHoverDateBackgroundColor = (_addOpacity28 = addOpacity(theme === null || theme === void 0 ? void 0 : (_theme$date3 = theme.date) === null || _theme$date3 === void 0 ? void 0 : _theme$date3.pickerSelectedDateBackgroundColor, 0.34)) !== null && _addOpacity28 !== void 0 ? _addOpacity28 : dateTokens.pickerHoverDateBackgroundColor;
-  var headerTokens = _variables.componentTokens.header;
-  headerTokens.backgroundColor = (_ref65 = theme === null || theme === void 0 ? void 0 : (_theme$header = theme.header) === null || _theme$header === void 0 ? void 0 : _theme$header.backgroundColor) !== null && _ref65 !== void 0 ? _ref65 : headerTokens.backgroundColor;
-  headerTokens.underlinedColor = (_ref66 = theme === null || theme === void 0 ? void 0 : (_theme$header2 = theme.header) === null || _theme$header2 === void 0 ? void 0 : _theme$header2.underlinedColor) !== null && _ref66 !== void 0 ? _ref66 : headerTokens.underlinedColor;
-  headerTokens.fontColor = (_ref67 = theme === null || theme === void 0 ? void 0 : (_theme$header3 = theme.header) === null || _theme$header3 === void 0 ? void 0 : _theme$header3.fontColor) !== null && _ref67 !== void 0 ? _ref67 : headerTokens.fontColor;
-  headerTokens.backgroundColorMenu = (_ref68 = theme === null || theme === void 0 ? void 0 : (_theme$header4 = theme.header) === null || _theme$header4 === void 0 ? void 0 : _theme$header4.backgroundColorMenu) !== null && _ref68 !== void 0 ? _ref68 : headerTokens.backgroundColorMenu;
-  headerTokens.hamburguerColor = (_ref69 = theme === null || theme === void 0 ? void 0 : (_theme$header5 = theme.header) === null || _theme$header5 === void 0 ? void 0 : _theme$header5.hamburguerColor) !== null && _ref69 !== void 0 ? _ref69 : headerTokens.hamburguerColor;
-  headerTokens.hoverHamburguerColor = (_addOpacity29 = addOpacity(theme === null || theme === void 0 ? void 0 : (_theme$header6 = theme.header) === null || _theme$header6 === void 0 ? void 0 : _theme$header6.hamburguerColor, 0.16)) !== null && _addOpacity29 !== void 0 ? _addOpacity29 : headerTokens.hoverHamburguerColor;
-  headerTokens.logo = (_ref70 = theme === null || theme === void 0 ? void 0 : (_theme$header7 = theme.header) === null || _theme$header7 === void 0 ? void 0 : _theme$header7.logo) !== null && _ref70 !== void 0 ? _ref70 : headerTokens.logo;
-  headerTokens.logoResponsive = (_ref71 = theme === null || theme === void 0 ? void 0 : (_theme$header8 = theme.header) === null || _theme$header8 === void 0 ? void 0 : _theme$header8.logoResponsive) !== null && _ref71 !== void 0 ? _ref71 : headerTokens.logoResponsive;
-  return _variables.componentTokens;
-};
-
-var ThemeProvider = function ThemeProvider(_ref72) {
-  var theme = _ref72.theme,
-      children = _ref72.children;
-  var parsedTheme = (0, _react.useMemo)(function () {
-    return parseTheme(theme);
-  }, [theme]);
-  return _react["default"].createElement(ThemeContext.Provider, {
-    value: parsedTheme
-  }, children);
-};
-
-exports.ThemeProvider = ThemeProvider;
-var _default = ThemeContext;
-exports["default"] = _default;

package/dist/accordion/Accordion.stories.js

@@ -1,207 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _react2 = require("@storybook/react");
-
-var _addonActions = require("@storybook/addon-actions");
-
-var _addonKnobs = require("@storybook/addon-knobs");
-
-var _readme = _interopRequireDefault(require("./readme.md"));
-
-var _Accordion = _interopRequireDefault(require("./Accordion"));
-
-var _run_icon_black = _interopRequireDefault(require("../../.storybook/public/run_icon_black.png"));
-
-var onChange = (0, _addonActions.action)("onChange");
-
-onChange.toString = function () {
-  return "onChangeHandler";
-};
-
-(0, _react2.storiesOf)("Form Components|Accordion", module).add("Types", function () {
-  return _react["default"].createElement("div", null, _react["default"].createElement("h3", null, "Light"), _react["default"].createElement("div", {
-    style: {
-      marginBottom: "50px"
-    }
-  }, _react["default"].createElement(_Accordion["default"], {
-    label: "First accordion",
-    onChange: onChange
-  }, _react["default"].createElement("div", null, "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse malesuada lacus ex, sit amet blandit leo lobortis eget.")), _react["default"].createElement(_Accordion["default"], {
-    theme: "light",
-    disabled: true,
-    label: "Second accordion",
-    onChange: onChange
-  }, _react["default"].createElement("div", null, "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse malesuada lacus ex, sit amet blandit leo lobortis eget.")), _react["default"].createElement(_Accordion["default"], {
-    label: "Third accordion",
-    onChange: onChange,
-    assistiveText: "Extra information"
-  }, _react["default"].createElement("div", null, "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse malesuada lacus ex, sit amet blandit leo lobortis eget.")), _react["default"].createElement(_Accordion["default"], {
-    theme: "light",
-    label: "Fourth accordion",
-    assistiveText: "Extra information",
-    iconPosition: "before",
-    iconSrc: _run_icon_black["default"],
-    onChange: onChange
-  }, _react["default"].createElement("div", null, "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse malesuada lacus ex, sit amet blandit leo lobortis eget.")), _react["default"].createElement(_Accordion["default"], {
-    theme: "light",
-    label: "Fifth accordion",
-    assistiveText: "Extra information",
-    iconPosition: "after",
-    iconSrc: _run_icon_black["default"],
-    onChange: onChange
-  }, _react["default"].createElement("div", null, "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse malesuada lacus ex, sit amet blandit leo lobortis eget."))), _react["default"].createElement("div", {
-    style: {
-      marginBottom: "50px"
-    }
-  }, _react["default"].createElement(_Accordion["default"], {
-    theme: "light",
-    mode: "alternative",
-    label: "First accordion",
-    onChange: onChange
-  }, _react["default"].createElement("div", null, "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse malesuada lacus ex, sit amet blandit leo lobortis eget. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse malesuada lacus ex, sit amet blandit leo lobortis eget.")), _react["default"].createElement(_Accordion["default"], {
-    theme: "light",
-    mode: "alternative",
-    disabled: true,
-    label: "Second accordion",
-    onChange: onChange
-  }, _react["default"].createElement("div", null, "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse malesuada lacus ex, sit amet blandit leo lobortis eget.")), _react["default"].createElement(_Accordion["default"], {
-    theme: "light",
-    mode: "alternative",
-    label: "Third accordion",
-    assistiveText: "Extra information",
-    onChange: onChange
-  }, _react["default"].createElement("div", null, "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse malesuada lacus ex, sit amet blandit leo lobortis eget.")), _react["default"].createElement(_Accordion["default"], {
-    theme: "light",
-    mode: "alternative",
-    label: "Fourth accordion",
-    assistiveText: "Extra information",
-    iconPosition: "before",
-    iconSrc: _run_icon_black["default"],
-    onChange: onChange
-  }, _react["default"].createElement("div", null, "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse malesuada lacus ex, sit amet blandit leo lobortis eget.")), _react["default"].createElement(_Accordion["default"], {
-    theme: "light",
-    mode: "alternative",
-    label: "Fifth accordion",
-    assistiveText: "Extra information",
-    iconPosition: "after",
-    iconSrc: _run_icon_black["default"],
-    onChange: onChange
-  }, _react["default"].createElement("div", null, "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse malesuada lacus ex, sit amet blandit leo lobortis eget."))), _react["default"].createElement("h3", null, "Dark"), _react["default"].createElement("div", null, _react["default"].createElement("div", {
-    style: {
-      background: "black",
-      paddingTop: "50px",
-      paddingBottom: "50px"
-    }
-  }, _react["default"].createElement(_Accordion["default"], {
-    label: "First accordion",
-    onChange: onChange
-  }, _react["default"].createElement("div", null, "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse malesuada lacus ex, sit amet blandit leo lobortis eget.")), _react["default"].createElement(_Accordion["default"], {
-    theme: "dark",
-    disabled: true,
-    label: "Second accordion",
-    onChange: onChange
-  }, _react["default"].createElement("div", null, "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse malesuada lacus ex, sit amet blandit leo lobortis eget.")), _react["default"].createElement(_Accordion["default"], {
-    theme: "dark",
-    label: "Third accordion",
-    onChange: onChange,
-    assistiveText: "Extra information"
-  }, _react["default"].createElement("div", null, "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse malesuada lacus ex, sit amet blandit leo lobortis eget.")), _react["default"].createElement(_Accordion["default"], {
-    theme: "dark",
-    label: "Fourth accordion",
-    assistiveText: "Extra information",
-    iconPosition: "before",
-    iconSrc: _run_icon_black["default"],
-    onChange: onChange
-  }, _react["default"].createElement("div", null, "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse malesuada lacus ex, sit amet blandit leo lobortis eget.")), _react["default"].createElement(_Accordion["default"], {
-    theme: "dark",
-    label: "Fifth accordion",
-    assistiveText: "Extra information",
-    iconPosition: "after",
-    iconSrc: _run_icon_black["default"],
-    onChange: onChange
-  }, _react["default"].createElement("div", null, "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse malesuada lacus ex, sit amet blandit leo lobortis eget."))), _react["default"].createElement("div", {
-    style: {
-      background: "black",
-      paddingBottom: "50px"
-    }
-  }, _react["default"].createElement(_Accordion["default"], {
-    theme: "dark",
-    mode: "alternative",
-    label: "First accordion",
-    onChange: onChange
-  }, _react["default"].createElement("div", null, "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse malesuada lacus ex, sit amet blandit leo lobortis eget.")), _react["default"].createElement(_Accordion["default"], {
-    theme: "dark",
-    mode: "alternative",
-    disabled: true,
-    label: "Second accordion",
-    onChange: onChange
-  }, _react["default"].createElement("div", null, "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse malesuada lacus ex, sit amet blandit leo lobortis eget.")), _react["default"].createElement(_Accordion["default"], {
-    theme: "dark",
-    mode: "alternative",
-    label: "Third accordion",
-    assistiveText: "Extra information",
-    onChange: onChange
-  }, _react["default"].createElement("div", null, "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse malesuada lacus ex, sit amet blandit leo lobortis eget.")), _react["default"].createElement(_Accordion["default"], {
-    theme: "dark",
-    mode: "alternative",
-    label: "Fourth accordion",
-    assistiveText: "Extra information",
-    iconPosition: "before",
-    iconSrc: _run_icon_black["default"],
-    onChange: onChange
-  }, _react["default"].createElement("div", null, "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse malesuada lacus ex, sit amet blandit leo lobortis eget.")), _react["default"].createElement(_Accordion["default"], {
-    theme: "dark",
-    mode: "alternative",
-    label: "Fifth accordion",
-    assistiveText: "Extra information",
-    iconPosition: "after",
-    iconSrc: _run_icon_black["default"],
-    onChange: onChange
-  }, _react["default"].createElement("div", null, "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse malesuada lacus ex, sit amet blandit leo lobortis eget.")))));
-}, {
-  notes: {
-    markdown: _readme["default"]
-  }
-});
-
-var knobProps = function knobProps() {
-  return {
-    mode: (0, _addonKnobs.select)("mode", {
-      "default": "default",
-      alternative: "alternative"
-    }, "default"),
-    label: (0, _addonKnobs.text)("label", "Test Accordion"),
-    assistiveText: (0, _addonKnobs.text)("assistive text", "Extra information"),
-    theme: (0, _addonKnobs.select)("theme", {
-      light: "light",
-      dark: "dark"
-    }, "light"),
-    disabled: (0, _addonKnobs["boolean"])("disabled", false),
-    iconPosition: (0, _addonKnobs.select)("icon position", {
-      before: "before",
-      after: "after"
-    }, "before")
-  };
-};
-
-(0, _react2.storiesOf)("Form Components|Accordion", module).add("Knobs example", function () {
-  var props = knobProps();
-  return _react["default"].createElement("div", {
-    style: {
-      background: props.theme === "dark" && "black" || "transparent"
-    }
-  }, _react["default"].createElement(_Accordion["default"], (0, _extends2["default"])({}, props, {
-    onChange: onChange,
-    iconSrc: _run_icon_black["default"]
-  }), _react["default"].createElement("div", null, "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse malesuada lacus ex, sit amet blandit leo lobortis eget.")));
-}, {
-  notes: {
-    markdown: _readme["default"]
-  }
-});

package/dist/accordion/readme.md

@@ -1,96 +0,0 @@
-# DXC Accordion Component
-
-## Usage
-
-```js
-import { DxcAccordion } from "@dxc-technology/halstack-react";
-
-<DxcAccordion onChange={handleOnChange} label="Test Accordion" />;
-```
-
-## Props
-
-<table>
-    <tr style="background-color: grey">
-        <td>Name</td>
-        <td>Default</td>
-        <td>Description</td>
-    </tr>
-     <tr>
-        <td>mode: 'default'|'alternative'</td>
-        <td><code>'default'</code></td>
-        <td>Mode for the color of the accordion.</td>
-    </tr>
-    <tr>
-        <td>label: string</td>
-        <td></td>
-        <td>The panel label.</td>
-    </tr>
-    <tr>
-        <td>iconSrc: string</td>
-        <td></td>
-        <td>URL of the icon that will be placed next to panel label.</td>
-    </tr>
-    <tr>
-        <td>iconPosition: 'before' | 'after'</td>
-        <td><code>'before'</code></td>
-        <td>Whether the icon should appear after or before the label.</td>
-    </tr>
-    <tr>
-        <td>assistiveText: string</td>
-        <td></td>
-        <td>Assistive text to be placed on the right side of the panel.</td>
-    </tr>
-    <tr>
-        <td>disabled: boolean</td>
-        <td><code>false</code></td>
-        <td>If true, the component will be disabled.</td>
-    </tr>
-    <tr>
-        <td>onChange: function</td>
-        <td></td>
-        <td>This function will be called when the user clicks the icon to open/close the panel. The state of the panel(opened/closed) should be passed as a parameter.</td>
-    </tr>
-    <tr>
-        <td>theme: 'light' |'dark'</td>
-        <td><code>'light'</code></td>
-        <td>Uses one of the available button modes.</td>
-    </tr>
-
-</table>
-
-## Examples
-
-- Basic accordion - Light theme - Enabled - With assistive text - Icon after label
-
-```js
-import React from "react";
-
-import { DxcAccordion } from "@dxc-technology/halstack-react";
-
-function App() {
-  const handleOnChange = event => {
-    console.log("Accordion clicked");
-  };
-
-  return (
-    <div>
-      <Accordion
-        theme="light"
-        label="Fifth accordion"
-        assistiveText="Extra information"
-        iconPosition="after"
-        iconSrc={logo}
-        onChange={onChange}
-      >
-        <div>
-          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse malesuada lacus ex, sit amet blandit leo
-          lobortis eget.
-        </div>
-      </Accordion>
-    </div>
-  );
-}
-
-export default App;
-```