@dxc-technology/halstack-react 0.0.0-0d951d2 → 0.0.0-0da54d8

package/wizard/Wizard.js

@@ -1,9 +1,9 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
+var _typeof3 = require("@babel/runtime/helpers/typeof");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -29,145 +29,11 @@ var _useTheme = _interopRequireDefault(require("../useTheme.js"));
 
 var _Icons = require("./Icons");
 
-function _templateObject14() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["\n  width: ", ";\n  height: ", ";\n  ", "\n  border: ", ";\n  opacity: 1;\n  flex-grow: 1;\n"]);
-
-  _templateObject14 = function _templateObject14() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject13() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["\n  text-align: ", ";\n  font-family: ", ";\n  font-size: ", ";\n  font-style: ", ";\n  font-weight: ", ";\n  letter-spacing: ", ";\n  text-transform: ", ";\n  ", ";\n  margin: 0;\n"]);
-
-  _templateObject13 = function _templateObject13() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject12() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["\n  text-align: ", ";\n  font-family: ", ";\n  font-size: ", ";\n  font-style: ", ";\n  font-weight: ", ";\n  letter-spacing: ", ";\n  ", ";\n  text-transform: ", ";\n  margin: 0;\n"]);
-
-  _templateObject12 = function _templateObject12() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject11() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["\n  margin-left: 12px;\n"]);
-
-  _templateObject11 = function _templateObject11() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject10() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["\n  width: 18px;\n  height: 18px;\n  position: absolute;\n  top: 22.5px;\n  left: 22.5px;\n"]);
-
-  _templateObject10 = function _templateObject10() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject9() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["\n  font-size: ", ";\n  font-family: ", ";\n  font-style: ", ";\n  font-weight: ", ";\n  letter-spacing: ", ";\n  opacity: 1;\n  margin: 0px 0px 0px 1px;\n"]);
-
-  _templateObject9 = function _templateObject9() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject8() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["\n  background-color: ", ";\n  mask: url(", ") no-repeat center;\n  mask-size: ", ";\n  height: ", ";\n  width: ", ";\n"]);
-
-  _templateObject8 = function _templateObject8() {
-    return data;
-  };
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14;
 
-  return data;
-}
-
-function _templateObject7() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["\n  width: ", ";\n  height: ", ";\n  overflow: hidden;\n  img,\n  svg {\n    height: 100%;\n    width: 100%;\n  }\n"]);
-
-  _templateObject7 = function _templateObject7() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject6() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["\n  width: ", ";\n  height: ", ";\n"]);
-
-  _templateObject6 = function _templateObject6() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject5() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["\n  width: ", ";\n  height: ", ";\n\n  ", "\n  ", ";\n\n  border-radius: ", ";\n  display: flex;\n  justify-content: center;\n  align-items: center;\n"]);
-
-  _templateObject5 = function _templateObject5() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject4() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["\n  position: relative;\n  display: inline-flex;\n  padding-bottom: 4px;\n"]);
-
-  _templateObject4 = function _templateObject4() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject3() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["\n  border: none;\n  background: inherit;\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n  margin: ", ";\n\n  padding: 0px;\n  ", ";\n\n  &:hover {\n    ", ";\n  }\n  &:focus {\n    outline: ", " auto 1px;\n  }\n"]);
-
-  _templateObject3 = function _templateObject3() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject2() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["\n  display: inline-flex;\n  ", "\n  flex-grow: ", ";\n  flex-direction: ", ";\n  ", "\n"]);
-
-  _templateObject2 = function _templateObject2() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["\n  display: inline-flex;\n  flex-direction: ", ";\n  justify-content: \"center\";\n  ", ";\n  font-family: ", ";\n\n  margin: ", ";\n  margin-top: ", ";\n  margin-right: ", ";\n  margin-bottom: ", ";\n  margin-left: ", ";\n"]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
+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); }
 
-  return data;
-}
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof3(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; }
 
 var DxcWizard = function DxcWizard(_ref) {
   var _ref$mode = _ref.mode,
@@ -197,17 +63,17 @@ var DxcWizard = function DxcWizard(_ref) {
     }
   };
 
-  return _react["default"].createElement(_styledComponents.ThemeProvider, {
+  return /*#__PURE__*/_react["default"].createElement(_styledComponents.ThemeProvider, {
     theme: colorsTheme.wizard
-  }, _react["default"].createElement(StepsContainer, {
+  }, /*#__PURE__*/_react["default"].createElement(StepsContainer, {
     mode: mode,
     margin: margin
   }, steps.map(function (step, i) {
-    return _react["default"].createElement(StepContainer, {
+    return /*#__PURE__*/_react["default"].createElement(StepContainer, {
       key: "step".concat(i),
       mode: mode,
       lastStep: i === steps.length - 1
-    }, _react["default"].createElement(Step, {
+    }, /*#__PURE__*/_react["default"].createElement(Step, {
       tabIndex: tabIndex,
       onClick: function onClick() {
         return handleStepClick(i);
@@ -216,33 +82,33 @@ var DxcWizard = function DxcWizard(_ref) {
       disabled: step.disabled,
       first: i === 0,
       last: i === steps.length - 1
-    }, _react["default"].createElement(StepHeader, null, _react["default"].createElement(IconContainer, {
+    }, /*#__PURE__*/_react["default"].createElement(StepHeader, null, /*#__PURE__*/_react["default"].createElement(IconContainer, {
       current: i === renderedCurrent,
       visited: i < renderedCurrent,
       disabled: step.disabled
-    }, step.icon ? _react["default"].createElement(StepIconContainer, {
+    }, step.icon ? /*#__PURE__*/_react["default"].createElement(StepIconContainer, {
       disabled: step.disabled
-    }, (0, _typeof2["default"])(step.icon) === "object" ? step.icon.type === "img" ? _react["default"].createElement(ImgContainer, {
+    }, (0, _typeof2["default"])(step.icon) === "object" ? step.icon.type === "img" ? /*#__PURE__*/_react["default"].createElement(ImgContainer, {
       current: i === renderedCurrent,
       img: step.icon.props.src
-    }) : step.icon : _react["default"].createElement(step.icon)) : step.iconSrc ? _react["default"].createElement(Icon, {
+    }) : step.icon : /*#__PURE__*/_react["default"].createElement(step.icon)) : step.iconSrc ? /*#__PURE__*/_react["default"].createElement(Icon, {
       src: step.iconSrc
-    }) : _react["default"].createElement(Number, {
+    }) : /*#__PURE__*/_react["default"].createElement(Number, {
       disabled: step.disabled,
       current: i === renderedCurrent
-    }, i + 1)), step.valid !== undefined ? step.valid ? _react["default"].createElement(ValidityIconContainer, null, _Icons.validIcon) : _react["default"].createElement(ValidityIconContainer, null, _Icons.invalidIcon) : ""), step.label || step.description ? _react["default"].createElement(InfoContainer, null, step.label ? _react["default"].createElement(Label, {
+    }, i + 1)), step.valid !== undefined ? step.valid ? /*#__PURE__*/_react["default"].createElement(ValidityIconContainer, null, _Icons.validIcon) : /*#__PURE__*/_react["default"].createElement(ValidityIconContainer, null, _Icons.invalidIcon) : ""), step.label || step.description ? /*#__PURE__*/_react["default"].createElement(InfoContainer, null, step.label ? /*#__PURE__*/_react["default"].createElement(Label, {
       disabled: step.disabled,
       visited: i <= innerCurrent
-    }, step.label) : "", step.description ? _react["default"].createElement(Description, {
+    }, step.label) : "", step.description ? /*#__PURE__*/_react["default"].createElement(Description, {
       disabled: step.disabled,
       visited: i <= innerCurrent
-    }, step.description) : "") : ""), i === steps.length - 1 ? "" : _react["default"].createElement(StepSeparator, {
+    }, step.description) : "") : ""), i === steps.length - 1 ? "" : /*#__PURE__*/_react["default"].createElement(StepSeparator, {
       mode: mode
     }));
   })));
 };
 
-var StepsContainer = _styledComponents["default"].div(_templateObject(), function (props) {
+var StepsContainer = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  display: inline-flex;\n  flex-direction: ", ";\n  justify-content: \"center\";\n  ", ";\n  font-family: ", ";\n\n  margin: ", ";\n  margin-top: ", ";\n  margin-right: ", ";\n  margin-bottom: ", ";\n  margin-left: ", ";\n"])), function (props) {
   return props.mode === "vertical" ? "column" : "row";
 }, function (props) {
   return props.mode === "vertical" ? "height: 500px" : "width: 100%";
@@ -260,7 +126,7 @@ var StepsContainer = _styledComponents["default"].div(_templateObject(), functio
   return props.margin && (0, _typeof2["default"])(props.margin) === "object" && props.margin.left ? _variables.spaces[props.margin.left] : "";
 });
 
-var StepContainer = _styledComponents["default"].div(_templateObject2(), function (props) {
+var StepContainer = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  display: inline-flex;\n  ", "\n  flex-grow: ", ";\n  flex-direction: ", ";\n  ", "\n"])), function (props) {
   return props.mode === "vertical" ? "" : "align-items: center;";
 }, function (props) {
   return props.lastStep ? "0" : "1";
@@ -270,7 +136,7 @@ var StepContainer = _styledComponents["default"].div(_templateObject2(), functio
   return props.mode === "vertical" ? "width: 100%;" : "";
 });
 
-var Step = _styledComponents["default"].button(_templateObject3(), function (props) {
+var Step = _styledComponents["default"].button(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n  border: none;\n  background: inherit;\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n  margin: ", ";\n\n  padding: 0px;\n  ", ";\n\n  &:hover {\n    ", ";\n  }\n  &:focus {\n    outline: ", " auto 1px;\n  }\n"])), function (props) {
   return props.first ? props.mode === "vertical" ? "0 0 24px 0" : "0 24px 0 0" : props.last ? props.mode === "vertical" ? "24px 0 0 0" : "0 0 0 24px" : props.mode === "vertical" ? "24px 0" : "0 24px";
 }, function (props) {
   return props.disabled ? "cursor: not-allowed" : "";
@@ -280,9 +146,9 @@ var Step = _styledComponents["default"].button(_templateObject3(), function (pro
   return props.theme.focusColor;
 });
 
-var StepHeader = _styledComponents["default"].div(_templateObject4());
+var StepHeader = _styledComponents["default"].div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n  position: relative;\n  display: inline-flex;\n  padding-bottom: 4px;\n"])));
 
-var IconContainer = _styledComponents["default"].div(_templateObject5(), function (props) {
+var IconContainer = _styledComponents["default"].div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["\n  width: ", ";\n  height: ", ";\n\n  ", "\n  ", ";\n\n  border-radius: ", ";\n  display: flex;\n  justify-content: center;\n  align-items: center;\n"])), function (props) {
   return props.disabled ? props.theme.disabledCircleWidth : props.current ? props.theme.selectedCircleWidth : props.theme.circleWidth;
 }, function (props) {
   return props.disabled ? props.theme.disabledCircleHeight : props.current ? props.theme.selectedCircleHeight : props.theme.circleHeight;
@@ -294,19 +160,19 @@ var IconContainer = _styledComponents["default"].div(_templateObject5(), functio
   return !props.current && !props.disabled ? props.theme.circleBorderRadius : props.current ? props.theme.selectedCircleBorderRadius : props.disabled ? props.theme.disabledCircleBorderRadius : "";
 });
 
-var Icon = _styledComponents["default"].img(_templateObject6(), function (props) {
+var Icon = _styledComponents["default"].img(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["\n  width: ", ";\n  height: ", ";\n"])), function (props) {
   return props.theme.stepContainerIconSize;
 }, function (props) {
   return props.theme.stepContainerIconSize;
 });
 
-var StepIconContainer = _styledComponents["default"].div(_templateObject7(), function (props) {
+var StepIconContainer = _styledComponents["default"].div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2["default"])(["\n  width: ", ";\n  height: ", ";\n  overflow: hidden;\n  img,\n  svg {\n    height: 100%;\n    width: 100%;\n  }\n"])), function (props) {
   return props.theme.stepContainerIconSize;
 }, function (props) {
   return props.theme.stepContainerIconSize;
 });
 
-var ImgContainer = _styledComponents["default"].div(_templateObject8(), function (props) {
+var ImgContainer = _styledComponents["default"].div(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2["default"])(["\n  background-color: ", ";\n  mask: url(", ") no-repeat center;\n  mask-size: ", ";\n  height: ", ";\n  width: ", ";\n"])), function (props) {
   return props.current ? props.theme.stepContainerSelectedFontColor : props.theme.stepContainerFontColor;
 }, function (_ref2) {
   var img = _ref2.img;
@@ -319,7 +185,7 @@ var ImgContainer = _styledComponents["default"].div(_templateObject8(), function
   return props.theme.stepContainerIconSize;
 });
 
-var Number = _styledComponents["default"].p(_templateObject9(), function (props) {
+var Number = _styledComponents["default"].p(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2["default"])(["\n  font-size: ", ";\n  font-family: ", ";\n  font-style: ", ";\n  font-weight: ", ";\n  letter-spacing: ", ";\n  opacity: 1;\n  margin: 0px 0px 0px 1px;\n"])), function (props) {
   return props.theme.stepContainerFontSize;
 }, function (props) {
   return props.theme.stepContainerFontFamily;
@@ -331,11 +197,11 @@ var Number = _styledComponents["default"].p(_templateObject9(), function (props)
   return props.theme.stepContainerLetterSpacing;
 });
 
-var ValidityIconContainer = _styledComponents["default"].div(_templateObject10());
+var ValidityIconContainer = _styledComponents["default"].div(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2["default"])(["\n  width: 18px;\n  height: 18px;\n  position: absolute;\n  top: 22.5px;\n  left: 22.5px;\n"])));
 
-var InfoContainer = _styledComponents["default"].div(_templateObject11());
+var InfoContainer = _styledComponents["default"].div(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2["default"])(["\n  margin-left: 12px;\n"])));
 
-var Label = _styledComponents["default"].p(_templateObject12(), function (props) {
+var Label = _styledComponents["default"].p(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2["default"])(["\n  text-align: ", ";\n  font-family: ", ";\n  font-size: ", ";\n  font-style: ", ";\n  font-weight: ", ";\n  letter-spacing: ", ";\n  ", ";\n  text-transform: ", ";\n  margin: 0;\n"])), function (props) {
   return props.theme.labelTextAlign;
 }, function (props) {
   return props.theme.labelFontFamily;
@@ -353,7 +219,7 @@ var Label = _styledComponents["default"].p(_templateObject12(), function (props)
   return props.theme.labelFontTextTransform;
 });
 
-var Description = _styledComponents["default"].p(_templateObject13(), function (props) {
+var Description = _styledComponents["default"].p(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2["default"])(["\n  text-align: ", ";\n  font-family: ", ";\n  font-size: ", ";\n  font-style: ", ";\n  font-weight: ", ";\n  letter-spacing: ", ";\n  text-transform: ", ";\n  ", ";\n  margin: 0;\n"])), function (props) {
   return props.theme.descriptionTextAlign;
 }, function (props) {
   return props.theme.descriptionFontFamily;
@@ -371,7 +237,7 @@ var Description = _styledComponents["default"].p(_templateObject13(), function (
   return props.disabled ? "color: ".concat(props.theme.disabledFontColor, ";") : "color: ".concat(props.visited ? props.theme.visitedDescriptionFontColor : props.theme.descriptionFontColor, ";");
 });
 
-var StepSeparator = _styledComponents["default"].div(_templateObject14(), function (props) {
+var StepSeparator = _styledComponents["default"].div(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2["default"])(["\n  width: ", ";\n  height: ", ";\n  ", "\n  border: ", ";\n  opacity: 1;\n  flex-grow: 1;\n"])), function (props) {
   return props.mode === "horizontal" ? "" : "0";
 }, function (props) {
   return props.mode === "horizontal" ? "0" : "";

package/accordion/index.d.ts

@@ -1,28 +0,0 @@
-type Space = "xxsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "xxlarge";
-type Margin = {
-  top?: Space;
-  bottom?: Space;
-  left?: Space;
-  right?: Space;
-};
-type Padding = {
-  top?: Space;
-  bottom?: Space;
-  left?: Space;
-  right?: Space;
-};
-
-type Props = {
-  label?: string;
-  iconSrc?: string;
-  icon?: any;
-  assistiveText?: string;
-  disabled?: boolean;
-  onChange?: void;
-  isExpanded?: boolean;
-  margin?: Space | Margin;
-  padding?: Space | Padding;
-  tabIndex?: number;
-};
-
-export default function DxcAccordion(props: Props): JSX.Element;

package/accordion-group/index.d.ts

@@ -1,16 +0,0 @@
-type Space = "xxsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "xxlarge";
-type Margin = {
-  top?: Space;
-  bottom?: Space;
-  left?: Space;
-  right?: Space;
-};
-
-type Props = {
-  disabled?: boolean;
-  onActiveChange?: void;
-  indexActive?: number;
-  margin?: Space | Margin;
-};
-
-export default function DxcAccordionGroup(props: Props): JSX.Element;

package/alert/index.d.ts

@@ -1,51 +0,0 @@
-type Size = "small" | "medium" | "large" | "fillParent" | "fitContent";
-type Space = "xxsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "xxlarge";
-type Margin = {
-  top?: Space;
-  bottom?: Space;
-  left?: Space;
-  right?: Space;
-};
-
-type Props = {
-  /**
-   * Uses on of the available alert types.
-   */
-  type?: "info" | "confirm" | "warning" | "error";
-  /**
-   * Uses on of the available alert modes:
-   *    'inline': If onClose function is received, close button will be visible and the function will be executed when it's clicked. 
-   *              There is no overlay layer. Position should be decided by the user.
-   *    'modal':  The alert will be displayed in the middle of the screen with an overlay layer behind. 
-   *              The onClose function will be executed when the X button or the overlay is clicked. d
-   *              The user has the responsibility of hidding the modal in the onClose function, otherwise the modal will remain visible.
-   */
-  mode?: "inline" | "modal";
-  /**
-   * Text to display after icon and alert type and before content.
-   */
-  inlineText?: string;
-  /**
-   * This function will be called when the user clicks the close button. If there is no function we should close the alert by default.
-   */
-  onClose?: () => void;
-  /**
-   * The details section of the alert. Can be used to render custom content in this area.
-   */
-  children?: React.ReactNode;
-  /**
-   * Size of the margin to be applied to the component ('xxsmall' | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | 'xxlarge'). 
-   * You can pass an object with 'top', 'bottom', 'left' and 'right' properties in order to specify different margin sizes.
-   */
-  margin?: Space | Margin;
-  /**
-   * Size of the component ('small' | 'medium' | 'large' | 'fillParent' | 'fitContent').
-   */
-  size?: Size;
-  /**
-   * Tabindex value given to the close button.
-   */
-  tabIndex?: number;
-};
-
-export default function Alert(props: Props): JSX.Element;

package/button/Button.stories.js

@@ -1,27 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Primary = exports["default"] = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _Button = _interopRequireDefault(require("./Button"));
-
-var _default = {
-  title: "Button",
-  component: _Button["default"]
-};
-exports["default"] = _default;
-
-var Primary = function Primary() {
-  return _react["default"].createElement(_Button["default"], {
-    mode: "primary",
-    label: "Primary Button"
-  });
-};
-
-exports.Primary = Primary;

package/button/index.d.ts

@@ -1,24 +0,0 @@
-type Size = "small" | "medium" | "large" | "fillParent" | "fitContent";
-type Space = "xxsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "xxlarge";
-type Margin = {
-  top?: Space;
-  bottom?: Space;
-  left?: Space;
-  right?: Space;
-};
-
-type Props = {
-  label?: string;
-  mode?: "primary" | "secondary" | "text";
-  disabled?: boolean;
-  iconPosition?: "before" | "after";
-  type?: "button" | "reset" | "submit";
-  iconSrc?: string;
-  icon?: any;
-  onClick?: void;
-  margin?: Space | Margin;
-  size?: Size;
-  tabIndex?: number;
-};
-
-export default function DxcButton(props: Props): JSX.Element;

package/card/index.d.ts

@@ -1,22 +0,0 @@
-type Space = "xxsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "xxlarge";
-type Margin = {
-  top?: Space;
-  bottom?: Space;
-  left?: Space;
-  right?: Space;
-};
-
-type Props = {
-  imageSrc?: string;
-  margin?: Space | Margin;
-  contentPadding?: any;
-  linkHref?: string;
-  onClick?: void;
-  imageBgColor?: string;
-  imagePadding?: any;
-  imagePosition?: "before" | "after";
-  outlined?: boolean; 
-  imageCover?: boolean;
-};
-
-export default function DxcCard(props: Props): JSX.Element;

package/checkbox/index.d.ts

@@ -1,24 +0,0 @@
-type Size = "small" | "medium" | "large" | "fillParent" | "fitContent";
-type Space = "xxsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "xxlarge";
-type Margin = {
-  top?: Space;
-  bottom?: Space;
-  left?: Space;
-  right?: Space;
-};
-
-type Props = {
-  checked?: boolean;
-  value?: any;
-  label?: string;
-  labelPosition?: "before" | "after";
-  name?: string,
-  disabled?: boolean;
-  onChange?: void;
-  required?: boolean;
-  margin?: Space | Margin;
-  size?: Size;
-  tabIndex?: number;
-};
-
-export default function DxcCheckbox(props: Props): JSX.Element;

package/date-input/index.d.ts

@@ -1,95 +0,0 @@
-type Size = "small" | "medium" | "large" | "fillParent";
-type Space = "xxsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "xxlarge";
-type Margin = {
-  top?: Space;
-  bottom?: Space;
-  left?: Space;
-  right?: Space;
-};
-
-type Props = {
-  /**
-   * Text to be placed above the date.
-   */
-  label?: string;
-  /**
-   * Name attribute of the input element.
-   */
-  name?: string;
-  /**
-   * Value of the input element. If undefined, the component will be uncontrolled and the value will be managed internally by the component.
-   */
-  value?: string;
-  /**
-   * The format in which the date value will be displayed. User must use this format when editing the value or it will be considered as an invalid date.
-   */
-  format?: string;
-  /**
-   * Helper text to be placed above the date.
-   */
-  helperText?: string;
-  /**
-   * If true, the date format will appear as placeholder in the field.
-   */
-  placeholder?: boolean;
-  /**
-   * If true, the date input will have an action to clear the entered value.
-   */
-  clearable?: boolean;
-  /**
-   * If true, the component will be disabled.
-   */
-  disabled?: boolean;
-  /**
-   * If true, the date will be optional, showing '(Optional)'
-   * next to the label. Otherwise, the field will be considered required and an error will be
-   * passed as a parameter to the OnBlur and onChange functions when it has
-   * not been filled.
-   */
-  optional?: boolean;
-  /**          
-   * This function will be called when the user types within the input
-   * element of the component. An object including the string value, the
-   * error and the date value will be passed to this function.
-   * If the string value is a valid date, error will
-   * be null. Also, if the string value is not a valid date, date will be null.
-   */
-  onChange?: (val: { value: string; error: string; date: Date }) => void;
-  /**          
-   * This function will be called when the input element loses the focus.
-   * An object including the string value, the error and the date value
-   * will be passed to this function. If the string value is a valid date, error will
-   * be null. Also, if the string value is not a valid date, date will be null.
-   */
-  onBlur?: (val: { value: string; error: string; date: Date }) => void;
-  /**
-   * If it is defined, the component will change its appearance, showing
-   * the error below the date input component. If it is not defined, the error
-   * messages will be managed internally, but never displayed on its own.
-   */
-  error?: string;
-  /**
-   * HTML autocomplete attribute. Lets the user specify if any permission the user agent has to provide automated assistance in filling out the input value.
-   * Its value must be one of all the possible values of the HTML autocomplete attribute: 'on', 'off', 'email', 'username', 'new-password', ...
-   */
-  autocomplete?: string;
-  /**
-   * Size of the margin to be applied to the component ('xxsmall' | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | 'xxlarge').
-   * You can pass an object with 'top', 'bottom', 'left' and 'right' properties in order to specify different margin sizes.
-   */
-  margin?: Space | Margin;
-  /**
-   * Size of the component ('medium' | 'large' | 'fillParent').
-   */
-  size?: Size;
-  /**
-   * Value of the tabindex attribute.
-   */
-  tabIndex?: number;
-  /**
-   * Reference to the component.
-   */
-  ref?: React.RefObject<HTMLDivElement>;
-};
-
-export default function DxcDateInput(props: Props): JSX.Element;

package/dialog/index.d.ts

@@ -1,18 +0,0 @@
-type Space = "xxsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "xxlarge";
-type Padding = {
-  top?: Space;
-  bottom?: Space;
-  left?: Space;
-  right?: Space;
-};
-
-type Props = {
-  isCloseVisible?: boolean;
-  onCloseClick?: void;
-  overlay?: boolean;
-  onBackgroundClick?: void;
-  padding?: Padding,
-  tabIndex?: number;
-};
-
-export default function DxcDialog(props: Props): JSX.Element;

package/dropdown/index.d.ts

@@ -1,26 +0,0 @@
-type Size = "small" | "medium" | "large" | "fillParent" | "fitContent";
-type Space = "xxsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "xxlarge";
-type Margin = {
-  top?: Space;
-  bottom?: Space;
-  left?: Space;
-  right?: Space;
-};
-
-type Props = {
-  options?: any;
-  optionsIconPosition?: "before" | "after";
-  icon?: any;
-  iconSrc?: string;
-  iconPosition?: "before" | "after";
-  label?: string;
-  disabled?: boolean;
-  caretHidden?: boolean;
-  onSelectOption?: void;
-  expandOnHover?: boolean;
-  margin?: Space | Margin;
-  size?: Size;
-  tabIndex?: number;
-};
-
-export default function DxcDropdown(props: Props): JSX.Element;