@pedidopago/ui 1.3.6 → 1.3.9

package/dist/components/Steps/index.js

@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+var _react = require("react");
+
 var _Icon = _interopRequireDefault(require("../Icon"));
 
 var _StepIcon = require("./components/StepIcon");
@@ -15,12 +17,12 @@ var _utils = require("./utils");
 
 var _styles = require("./styles");
 
-var _react = require("react");
-
 var _jsxRuntime = require("react/jsx-runtime");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -48,6 +50,17 @@ var Steps = function Steps(_ref) {
       isMobile = _useState2[0],
       setIsMobile = _useState2[1];
 
+  var handleEnableControlledSteps = function handleEnableControlledSteps(step, index) {
+    var isControlledSteps = _typeof(step) === 'object';
+    if (isControlledSteps) return step.isControlled;
+    return current > index + 1 || enableCurrentStepChecked && current === index + 1;
+  };
+
+  var handleStepName = function handleStepName(step) {
+    if (_typeof(step) === 'object') return step.name;
+    return step;
+  };
+
   var getStepIconPosition = function getStepIconPosition(index) {
     if (index === 0 && index < steps.length - 1) {
       return _utils.STEP_POSITION.INITIAL_BEFORE_UNSELECTED;
@@ -93,12 +106,12 @@ var Steps = function Steps(_ref) {
           activeColor: activeColor
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.StepsItemText, {
           isReducedSteps: isReducedSteps,
-          children: step
+          children: handleStepName(step)
         })]
-      }, "".concat(step, "-").concat(index)) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.ReducedStepsContainer, {
+      }, "".concat(handleStepName(step), "-").concat(index)) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.ReducedStepsContainer, {
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.StepsItemText, {
           isReducedSteps: isReducedSteps,
-          children: step
+          children: handleStepName(step)
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_StepIcon.StepIcon, {
           stepPosition: getStepIconPosition(index),
           isSelectedStep: index < current,
@@ -106,7 +119,7 @@ var Steps = function Steps(_ref) {
           hasEndGratient: checkEndGradient(index),
           activeColor: activeColor
         })]
-      }, step) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.StepsItemContainer, {
+      }, handleStepName(step)) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.StepsItemContainer, {
         id: "simple-step-".concat(index + 1),
         tabIndex: index + 1 === current ? 0 : -1,
         isCurrent: current === index + 1,
@@ -114,13 +127,13 @@ var Steps = function Steps(_ref) {
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.StepsCircle, {
             activeColor: activeColor,
             isCurrent: current === index + 1,
-            isFinished: current > index + 1 || enableCurrentStepChecked && current === index + 1,
-            children: current > index + 1 || enableCurrentStepChecked && current === index + 1 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+            isFinished: handleEnableControlledSteps(step, index),
+            children: handleEnableControlledSteps(step, index) ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
               name: "check"
             }) : index + 1
           }), current === index + 1 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.StepsItemText, {
             isDisabled: enableCurrentStepChecked,
-            children: step
+            children: handleStepName(step)
           })]
         }), current === index + 1 && current < steps.length && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.StepsSeparator, {})]
       }, index);

package/dist/components/Steps/steps.test.d.ts

@@ -1,2 +1,2 @@
-import '@testing-library/jest-dom';
+import '@testing-library/jest-dom';
 //# sourceMappingURL=steps.test.d.ts.map

package/dist/components/Steps/styles.d.ts

@@ -1,46 +1,46 @@
-/// <reference types="react" />
-export declare const StepsContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    fullWidth?: boolean | undefined;
-    isReducedSteps?: boolean | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StepsCircle: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    activeColor: 'primary' | 'secondary' | 'tertiary';
-    isFinished?: boolean | undefined;
-    isCurrent?: boolean | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StepsSeparator: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StepsItemContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    isCurrent: boolean;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const ReducedStepsContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const ReducedStepsMobileContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StepsItemsDetailsContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StepsItemText: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    isReducedSteps?: boolean | undefined;
-    isDisabled?: boolean | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
+/// <reference types="react" />
+export declare const StepsContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    fullWidth?: boolean | undefined;
+    isReducedSteps?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StepsCircle: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    activeColor: 'primary' | 'secondary' | 'tertiary';
+    isFinished?: boolean | undefined;
+    isCurrent?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StepsSeparator: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StepsItemContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    isCurrent: boolean;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ReducedStepsContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ReducedStepsMobileContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StepsItemsDetailsContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StepsItemText: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    isReducedSteps?: boolean | undefined;
+    isDisabled?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
 //# sourceMappingURL=styles.d.ts.map

package/dist/components/Steps/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Steps/styles.ts"],"names":[],"mappings":";AAEA,eAAO,MAAM,cAAc;;;;;;yGAc1B,CAAC;AAEF,eAAO,MAAM,WAAW;;;;iBACT,SAAS,GAAG,WAAW,GAAG,UAAU;;;yGAiDlD,CAAC;AAEF,eAAO,MAAM,cAAc;;;yGAK1B,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;eAClB,OAAO;yGAWnB,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;yGAajC,CAAC;AAEF,eAAO,MAAM,2BAA2B;;;yGAIvC,CAAC;AAEF,eAAO,MAAM,0BAA0B;;;yGAItC,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;iHAmCzB,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Steps/styles.ts"],"names":[],"mappings":";AAGA,eAAO,MAAM,cAAc;;;;;;yGAc1B,CAAC;AAEF,eAAO,MAAM,WAAW;;;;iBACT,SAAS,GAAG,WAAW,GAAG,UAAU;;;yGA0DlD,CAAC;AAEF,eAAO,MAAM,cAAc;;;yGAM1B,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;eAClB,OAAO;yGAkBnB,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;yGAajC,CAAC;AAEF,eAAO,MAAM,2BAA2B;;;yGAIvC,CAAC;AAEF,eAAO,MAAM,0BAA0B;;;yGAItC,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;iHA0CzB,CAAC"}

package/dist/components/Steps/styles.js

@@ -5,9 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.StepsSeparator = exports.StepsItemsDetailsContainer = exports.StepsItemText = exports.StepsItemContainer = exports.StepsContainer = exports.StepsCircle = exports.ReducedStepsMobileContainer = exports.ReducedStepsContainer = void 0;
 
+var _react = require("@emotion/react");
+
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -26,47 +28,56 @@ var StepsContainer = _styled.default.div(_templateObject || (_templateObject = _
 
 exports.StepsContainer = StepsContainer;
 
-var StepsCircle = _styled.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  width: 42px;\n  height: 42px;\n  min-width: 42px;\n  min-height: 42px;\n  border-radius: 99999px;\n\n  font-family: inherit;\n  font-weight: 600;\n  font-size: 1.125rem;\n\n  ", "\n\n  & svg {\n    stroke: ", ";\n    stroke-width: 2px;\n  }\n"])), function (_ref4) {
-  var theme = _ref4.theme,
-      activeColor = _ref4.activeColor,
-      isFinished = _ref4.isFinished,
-      isCurrent = _ref4.isCurrent;
-  return theme.colors[activeColor] && "\n    background-color: ".concat(isFinished ? theme.colors[activeColor].default : isCurrent ? theme.colors[activeColor].disabled : 'transparent', ";\n    color: ").concat(isFinished ? theme.colors.body.light : isCurrent ? theme.colors.neutral.black : theme.colors.neutral.neutral3, ";\n\n    ").concat(!isCurrent && !isFinished && "\n      border: solid 2px ".concat(theme.colors.neutral.neutral1, ";\n      "), "\n  ");
+var StepsCircle = _styled.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  width: 32px;\n  height: 32px;\n  min-width: 32px;\n  min-height: 32px;\n  border-radius: 99999px;\n\n  ", "\n\n  font-family: inherit;\n  font-weight: 600;\n  font-size: 1.125rem;\n\n  ", "\n\n  & svg {\n    stroke: ", ";\n    stroke-width: 2px;\n  }\n"])), function (_ref4) {
+  var theme = _ref4.theme;
+  return (0, _react.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    @media screen and (min-width: ", ") {\n      width: 42px;\n      height: 42px;\n      min-width: 42px;\n      min-height: 42px;\n    }\n  "])), theme.breakpoints.md);
 }, function (_ref5) {
-  var theme = _ref5.theme;
+  var theme = _ref5.theme,
+      activeColor = _ref5.activeColor,
+      isFinished = _ref5.isFinished,
+      isCurrent = _ref5.isCurrent;
+  return theme.colors[activeColor] && "\n    background-color: ".concat(isFinished ? theme.colors[activeColor].default : isCurrent ? theme.colors[activeColor].disabled : 'transparent', ";\n    color: ").concat(isFinished ? theme.colors.body.light : isCurrent ? theme.colors.neutral.black : theme.colors.neutral.neutral3, ";\n\n    ").concat(!isCurrent && !isFinished && "\n      border: solid 2px ".concat(theme.colors.neutral.neutral1, ";\n      "), "\n  ");
+}, function (_ref6) {
+  var theme = _ref6.theme;
   return theme.colors.body.light;
 });
 
 exports.StepsCircle = StepsCircle;
 
-var StepsSeparator = _styled.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  height: 2px;\n  width: 100%;\n  min-width: 40px;\n  background-color: ", ";\n"])), function (_ref6) {
-  var theme = _ref6.theme;
+var StepsSeparator = _styled.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  height: 2px;\n  width: 100%;\n  min-width: 40px;\n  max-width: 20px;\n  background-color: ", ";\n"])), function (_ref7) {
+  var theme = _ref7.theme;
   return theme.colors.neutral.neutral1;
 });
 
 exports.StepsSeparator = StepsSeparator;
 
-var StepsItemContainer = _styled.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n\n  flex: ", ";\n  gap: 12px;\n\n  &:last-of-type {\n    flex-direction: row-reverse;\n  }\n"])), function (props) {
+var StepsItemContainer = _styled.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n\n  flex: ", ";\n\n  gap: 8px;\n\n  &:last-of-type {\n    flex-direction: row-reverse;\n  }\n\n  ", "\n"])), function (props) {
   return props.isCurrent ? 1 : 0;
+}, function (_ref8) {
+  var theme = _ref8.theme;
+  return (0, _react.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    @media screen and (min-width: ", ") {\n      gap: 12px;\n    }\n  "])), theme.breakpoints.sm);
 });
 
 exports.StepsItemContainer = StepsItemContainer;
 
-var ReducedStepsContainer = _styled.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  height: 100px;\n\n  @media only screen and (max-width: 500px) {\n    flex-direction: row;\n    height: max-content;\n    width: 300px;\n    justify-content: start;\n  }\n"])));
+var ReducedStepsContainer = _styled.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  height: 100px;\n\n  @media only screen and (max-width: 500px) {\n    flex-direction: row;\n    height: max-content;\n    width: 300px;\n    justify-content: start;\n  }\n"])));
 
 exports.ReducedStepsContainer = ReducedStepsContainer;
 
-var ReducedStepsMobileContainer = _styled.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  width: 100%;\n"])));
+var ReducedStepsMobileContainer = _styled.default.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  width: 100%;\n"])));
 
 exports.ReducedStepsMobileContainer = ReducedStepsMobileContainer;
 
-var StepsItemsDetailsContainer = _styled.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  gap: 12px;\n"])));
+var StepsItemsDetailsContainer = _styled.default.div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  gap: 12px;\n"])));
 
 exports.StepsItemsDetailsContainer = StepsItemsDetailsContainer;
 
-var StepsItemText = _styled.default.h3(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  font-family: inherit;\n  font-weight: 600;\n  font-size: 1.25rem;\n  white-space: nowrap;\n\n  ", "\n\n  @media only screen and (max-width: 500px) {\n    ", ";\n    white-space: normal;\n  }\n"])), function (_ref7) {
-  var isDisabled = _ref7.isDisabled,
-      theme = _ref7.theme;
+var StepsItemText = _styled.default.h3(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  font-family: inherit;\n  font-weight: 600;\n  font-size: 1rem;\n\n  white-space: nowrap;\n\n  ", "\n\n  ", "\n\n  @media only screen and (max-width: 500px) {\n    ", ";\n    white-space: normal;\n  }\n"])), function (_ref9) {
+  var theme = _ref9.theme;
+  return (0, _react.css)(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n    @media screen and (min-width: ", ") {\n      font-size: 1.25rem;\n    }\n  "])), theme.breakpoints.sm);
+}, function (_ref10) {
+  var isDisabled = _ref10.isDisabled,
+      theme = _ref10.theme;
 
   if (isDisabled) {
     return "\n        color: ".concat({
@@ -79,8 +90,8 @@ var StepsItemText = _styled.default.h3(_templateObject8 || (_templateObject8 = _
     light: theme.colors.neutral.black,
     dark: theme.colors.neutral.white
   }[theme.colorMode], ";\n    ");
-}, function (_ref8) {
-  var isReducedSteps = _ref8.isReducedSteps;
+}, function (_ref11) {
+  var isReducedSteps = _ref11.isReducedSteps;
   return isReducedSteps ? "width: 100%;" : "";
 });
 

package/dist/components/Steps/types.d.ts

@@ -1,16 +1,22 @@
-export declare type IStepsProps = {
-    steps: string[];
-    current: number;
-    activeColor?: 'primary' | 'secondary' | 'tertiary';
-    fullWidth?: boolean;
-    isReducedSteps?: boolean;
-    enableCurrentStepChecked?: boolean;
-};
-export declare type IStepIcon = {
-    isSelectedStep: boolean;
-    hasStartGradient: boolean;
-    hasEndGratient: boolean;
-    stepPosition: string;
-    activeColor: 'primary' | 'secondary' | 'tertiary';
-};
+interface StepsControlled {
+    name: string;
+    isControlled: boolean;
+}
+export declare type StepsItems = string | StepsControlled;
+export interface StepsProps {
+    steps: StepsItems[];
+    current: number;
+    activeColor?: 'primary' | 'secondary' | 'tertiary';
+    fullWidth?: boolean;
+    isReducedSteps?: boolean;
+    enableCurrentStepChecked?: boolean;
+}
+export interface StepIconProps {
+    isSelectedStep: boolean;
+    hasStartGradient: boolean;
+    hasEndGratient: boolean;
+    stepPosition: string;
+    activeColor: 'primary' | 'secondary' | 'tertiary';
+}
+export {};
 //# sourceMappingURL=types.d.ts.map

package/dist/components/Steps/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Steps/types.ts"],"names":[],"mappings":"AAAA,oBAAY,WAAW,GAAG;IACxB,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;IACnD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,wBAAwB,CAAC,EAAE,OAAO,CAAC;CACpC,CAAC;AAEF,oBAAY,SAAS,GAAG;IACtB,cAAc,EAAE,OAAO,CAAC;IACxB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,cAAc,EAAE,OAAO,CAAC;IACxB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;CACnD,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Steps/types.ts"],"names":[],"mappings":"AAAA,UAAU,eAAe;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,OAAO,CAAC;CACvB;AAED,oBAAY,UAAU,GAAG,MAAM,GAAG,eAAe,CAAC;AAElD,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,UAAU,EAAE,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;IACnD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,wBAAwB,CAAC,EAAE,OAAO,CAAC;CACpC;AAED,MAAM,WAAW,aAAa;IAC5B,cAAc,EAAE,OAAO,CAAC;IACxB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,cAAc,EAAE,OAAO,CAAC;IACxB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;CACnD"}

package/dist/components/Steps/utils.d.ts

@@ -1,8 +1,8 @@
-export declare const STEP_POSITION: {
-    INITIAL: string;
-    INITIAL_BEFORE_UNSELECTED: string;
-    MIDDLE: string;
-    MIDDLE_BEFORE_UNSELECTED: string;
-    FINAL: string;
-};
+export declare const STEP_POSITION: {
+    INITIAL: string;
+    INITIAL_BEFORE_UNSELECTED: string;
+    MIDDLE: string;
+    MIDDLE_BEFORE_UNSELECTED: string;
+    FINAL: string;
+};
 //# sourceMappingURL=utils.d.ts.map

package/dist/components/Switch/index.d.ts

@@ -1,5 +1,5 @@
-import { FC } from 'react';
-import { IInputProps } from './types';
-declare const SwitchInput: FC<IInputProps>;
-export default SwitchInput;
+import { FC } from 'react';
+import { IInputProps } from './types';
+declare const SwitchInput: FC<IInputProps>;
+export default SwitchInput;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Switch/styles.d.ts

@@ -1,19 +1,19 @@
-/// <reference types="react" />
-import { IStyleProps } from './types';
-export declare const SwitchWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & IStyleProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Switch: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & IStyleProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const SwitchToken: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & IStyleProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const HelpText: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & IStyleProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+/// <reference types="react" />
+import { IStyleProps } from './types';
+export declare const SwitchWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IStyleProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Switch: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IStyleProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const SwitchToken: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IStyleProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const HelpText: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IStyleProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 //# sourceMappingURL=styles.d.ts.map

package/dist/components/Switch/switch.test.d.ts

@@ -1,2 +1,2 @@
-import '@testing-library/jest-dom/extend-expect';
+import '@testing-library/jest-dom/extend-expect';
 //# sourceMappingURL=switch.test.d.ts.map

package/dist/components/Switch/types.d.ts

@@ -1,18 +1,18 @@
-import { Theme } from '@emotion/react';
-export declare type IStyleProps = {
-    theme?: Theme;
-    disabled?: boolean;
-    isActive?: boolean;
-    SwitchType?: 'success' | 'error' | 'warning' | 'informative' | 'critical' | 'success_secondary' | 'warning_secondary';
-};
-export declare type IInputProps = {
-    disabled?: boolean;
-    helpText?: string;
-    alert?: boolean;
-    SwitchType?: 'success' | 'error' | 'warning' | 'informative' | 'critical' | 'success_secondary' | 'warning_secondary';
-    onError?: (error: string) => void;
-    onChangeValue?: (value: boolean) => void;
-    defaultValue?: boolean;
-    checked?: boolean;
-};
+import { Theme } from '@emotion/react';
+export declare type IStyleProps = {
+    theme?: Theme;
+    disabled?: boolean;
+    isActive?: boolean;
+    SwitchType?: 'success' | 'error' | 'warning' | 'informative' | 'critical' | 'success_secondary' | 'warning_secondary';
+};
+export declare type IInputProps = {
+    disabled?: boolean;
+    helpText?: string;
+    alert?: boolean;
+    SwitchType?: 'success' | 'error' | 'warning' | 'informative' | 'critical' | 'success_secondary' | 'warning_secondary';
+    onError?: (error: string) => void;
+    onChangeValue?: (value: boolean) => void;
+    defaultValue?: boolean;
+    checked?: boolean;
+};
 //# sourceMappingURL=types.d.ts.map

package/dist/components/Table/components/MenuItem.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import { IMenuItem } from '../types';
-export declare function MenuItem({ items, isOpen, onClickOutside, top, right }: IMenuItem): JSX.Element;
+/// <reference types="react" />
+import { IMenuItem } from '../types';
+export declare function MenuItem({ items, isOpen, onClickOutside, top, right }: IMenuItem): JSX.Element;
 //# sourceMappingURL=MenuItem.d.ts.map

package/dist/components/Table/index.d.ts

@@ -1,4 +1,4 @@
-import { ComponentPropsWithoutRef } from 'react';
-import { ITableProps } from './types';
-export declare function Table({ selectable, primaryActions, secondaryActions, header, rows, ...rest }: ITableProps & ComponentPropsWithoutRef<'table'>): JSX.Element;
+import { ComponentPropsWithoutRef } from 'react';
+import { ITableProps } from './types';
+export declare function Table({ selectable, primaryActions, secondaryActions, header, rows, ...rest }: ITableProps & ComponentPropsWithoutRef<'table'>): JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Table/styles.d.ts

@@ -1,35 +1,35 @@
-/// <reference types="react" />
-import { GenericStyledProps } from '../../@types';
-export declare const StyledTable: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & GenericStyledProps, import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, {}>;
-export declare const SelectedHeader: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const ActionsButton: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & GenericStyledProps, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
-export declare const MenuItemWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const VerticalPointsButton: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & GenericStyledProps, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
-export declare const MenuItemContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & GenericStyledProps & {
-    isOpen?: boolean | undefined;
-    posTop?: number | undefined;
-    posRight?: number | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const MenuItemContent: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & GenericStyledProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+/// <reference types="react" />
+import { GenericStyledProps } from '../../@types';
+export declare const StyledTable: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericStyledProps, import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, {}>;
+export declare const SelectedHeader: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ActionsButton: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericStyledProps, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+export declare const MenuItemWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const VerticalPointsButton: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericStyledProps, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+export declare const MenuItemContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericStyledProps & {
+    isOpen?: boolean | undefined;
+    posTop?: number | undefined;
+    posRight?: number | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const MenuItemContent: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericStyledProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 //# sourceMappingURL=styles.d.ts.map

package/dist/components/Table/table.test.d.ts

@@ -1,2 +1,2 @@
-import '@testing-library/jest-dom/extend-expect';
+import '@testing-library/jest-dom/extend-expect';
 //# sourceMappingURL=table.test.d.ts.map

package/dist/components/Table/types.d.ts

@@ -1,40 +1,40 @@
-import { ReactNode } from 'react';
-export interface TableAction {
-    label: ReactNode;
-    handler: (selectedRows?: string[], allSelected?: boolean) => void;
-}
-export declare type TableRow = {
-    items: ReactNode[];
-    actions?: TableAction[];
-};
-/** Corresponds to the content displayed inside a table cell. */
-export declare type TableCell = ReactNode;
-export declare type MenuStateProps = {
-    state: boolean;
-    rowId: string;
-};
-export interface ITableProps {
-    /** If the rows can be selected. Displays the checkbox at the start of the row. */
-    selectable?: boolean;
-    /** Primary actions displayed in the header for selected tables. */
-    primaryActions?: TableAction[];
-    /** Secondary actions displayed in a dropdown in the header for selected tables. */
-    secondaryActions?: TableAction[];
-    /** An array containing the labels of the columns to be displayed in the header. */
-    header: string[];
-    /** An array of TableCell's arrays each matching a row of the table. Each TableCell corresponds to the content displayed inside a table cell. */
-    rows: TableRow[];
-}
-export interface IMenuItem {
-    /** Table row dropdown menu items. */
-    items: TableAction[];
-    /** Table row dropdown menu state. */
-    isOpen: boolean;
-    /** Table row dropdown handler to outside click */
-    onClickOutside: () => void;
-    /** The top position of the dropdown menu */
-    top?: number;
-    /** The left position of the dropdown menu */
-    right?: number;
-}
+import { ReactNode } from 'react';
+export interface TableAction {
+    label: ReactNode;
+    handler: (selectedRows?: string[], allSelected?: boolean) => void;
+}
+export declare type TableRow = {
+    items: ReactNode[];
+    actions?: TableAction[];
+};
+/** Corresponds to the content displayed inside a table cell. */
+export declare type TableCell = ReactNode;
+export declare type MenuStateProps = {
+    state: boolean;
+    rowId: string;
+};
+export interface ITableProps {
+    /** If the rows can be selected. Displays the checkbox at the start of the row. */
+    selectable?: boolean;
+    /** Primary actions displayed in the header for selected tables. */
+    primaryActions?: TableAction[];
+    /** Secondary actions displayed in a dropdown in the header for selected tables. */
+    secondaryActions?: TableAction[];
+    /** An array containing the labels of the columns to be displayed in the header. */
+    header: string[];
+    /** An array of TableCell's arrays each matching a row of the table. Each TableCell corresponds to the content displayed inside a table cell. */
+    rows: TableRow[];
+}
+export interface IMenuItem {
+    /** Table row dropdown menu items. */
+    items: TableAction[];
+    /** Table row dropdown menu state. */
+    isOpen: boolean;
+    /** Table row dropdown handler to outside click */
+    onClickOutside: () => void;
+    /** The top position of the dropdown menu */
+    top?: number;
+    /** The left position of the dropdown menu */
+    right?: number;
+}
 //# sourceMappingURL=types.d.ts.map