@uncinc/uncinc-react-kitchen-sink 2.8.0 → 2.8.1

package/dist/index.d.ts

@@ -57,6 +57,7 @@ export { default as Quote } from "./organisms/Quote";
 export { default as Share } from "./components/Share";
 export { default as CopyToClipboard } from "./components/Share/CopyToClipboard";
 export { default as SliderRelated } from "./components/Sliders/SliderRelated";
+export { default as Steps } from "./organisms/Steps";
 export { default as Text } from "./organisms/Text";
 export { default as ImageGrid } from "./organisms/ImageGrid";
 export { default as Container } from "./components/Layout/Container";

package/dist/index.js

@@ -64,6 +64,7 @@ export { default as Quote } from './organisms/Quote';
 export { default as Share } from './components/Share';
 export { default as CopyToClipboard } from './components/Share/CopyToClipboard';
 export { default as SliderRelated } from './components/Sliders/SliderRelated';
+export { default as Steps } from './organisms/Steps';
 export { default as Text } from './organisms/Text';
 export { default as ImageGrid } from './organisms/ImageGrid';
 

package/dist/organisms/Steps/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+interface Step {
+    label: string;
+}
+export interface StepsProps {
+    steps: Step[];
+    currentStep: number;
+}
+declare const Steps: React.FC<StepsProps>;
+export default Steps;

package/dist/organisms/Steps/index.js

@@ -0,0 +1,27 @@
+import React from 'react';
+import c from 'classnames';
+var Steps = function Steps(_ref) {
+  var steps = _ref.steps,
+    currentStep = _ref.currentStep;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "Steps"
+  }, steps.map(function (step, index) {
+    var stepClasses = c(index === 0 && 'firstStep', index < currentStep && 'beforeCurrentStep', index === currentStep && 'currentStep', index > currentStep && 'afterCurrentStep', index === steps.length - 1 && 'lastStep');
+    return /*#__PURE__*/React.createElement("div", {
+      className: "step ".concat(stepClasses)
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "line ".concat(stepClasses)
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "top"
+    }), /*#__PURE__*/React.createElement("div", {
+      className: "dot"
+    }), /*#__PURE__*/React.createElement("div", {
+      className: "btm"
+    })), /*#__PURE__*/React.createElement("div", {
+      className: "label ".concat(stepClasses)
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "text"
+    }, step.label)));
+  }));
+};
+export default Steps;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uncinc/uncinc-react-kitchen-sink",
-  "version": "2.8.0",
+  "version": "2.8.1",
   "description": "Default React components that are easily extended.",
   "author": "uncinc",
   "license": "MIT",