@cleartrip/ct-design-stepper 1.1.0

package/dist/ct-design-stepper.browser.cjs.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("tslib"),t=require("react/jsx-runtime"),r=require("@cleartrip/ct-design-use-theme"),n=require("styled-components"),s=require("@cleartrip/ct-design-container"),o=require("@cleartrip/ct-design-icons"),i=require("@cleartrip/ct-design-tokens"),a=require("@cleartrip/ct-design-typography");function p(e){return e&&e.__esModule?e:{default:e}}var l,c,u,d=p(r),x=p(n);exports.StepStatus=void 0,(l=exports.StepStatus||(exports.StepStatus={})).done="DONE",l.current="CURRENT",l.pending="PENDING",exports.level=void 0,(c=exports.level||(exports.level={})).outer="OUTER",c.inner="INNER",exports.LineLocation=void 0,(u=exports.LineLocation||(exports.LineLocation={})).above="ABOVE",u.below="BELOW",u.aboveAndBelow="BOTH";var S=x.default.div({display:"flex",flexDirection:"column",position:"relative"}),g=function(){var e=d.default();return t.jsx(s.Container,{borderLeft:"1px solid #E7E7E7",height:"94%",position:"absolute",zIndex:-1,marginLeft:e.spacing[3],top:e.spacing[6]})},v=x.default.div({justifySelf:"center",alignSelf:"center"}),f=x.default.div({justifySelf:"start",alignSelf:"center"}),h=function(r,n,a,p,l){var c,u,x,S=d.default();return r===exports.level.outer?(n===exports.StepStatus.done?(c=i.colors.success,u=i.colors.success,x=i.colors.neutral100):n===exports.StepStatus.current?(c=i.colors.link2,u=i.colors.link2,x=i.colors.neutral100):n===exports.StepStatus.pending&&(c=i.colors.neutral100,u=i.colors.neutral500,x=i.colors.neutral500),t.jsx(s.Container,e.__assign({onClick:p,padding:"6px",display:"flex",width:S.spacing[6],height:S.spacing[6],borderRadius:"50%",border:"1px solid ".concat(u),background:c,color:x,justifyContent:"center",alignItems:"center",fontSize:i.typography.size[12],marginRight:S.spacing[3],cursor:n!==exports.StepStatus.pending||l?"pointer":"not-allowed"},{children:n===exports.StepStatus.done?t.jsx(o.DoneTick,{size:12}):a}))):n===exports.StepStatus.done?t.jsx(s.Container,e.__assign({onClick:p,display:"flex",justifyContent:"center",alignItems:"center",cursor:"pointer",marginRight:S.spacing[4],marginLeft:"6px"},{children:t.jsx(o.SmallTick,{})})):(n===exports.StepStatus.current?u="#000000":n===exports.StepStatus.pending&&(u=i.colors.neutral500),t.jsx(s.Container,{onClick:p,display:"flex",padding:"6px",borderRadius:"50%",backgroundColor:i.colors.neutral100,border:"1px solid ".concat(u),justifyContent:"center",textAlign:"center",alignItems:"center",fontSize:i.typography.size[6],marginRight:S.spacing[4],marginLeft:"6px",cursor:n!==exports.StepStatus.pending||l?"pointer":"not-allowed"}))},y=function(r,n,o,i,a){return t.jsx(s.Container,e.__assign({onClick:i,cursor:n!==exports.StepStatus.pending||a?"pointer":"not-allowed"},{children:t.jsx(j,{stepLevel:r,status:n,label:o})}))},j=function(r){var n=r.stepLevel,s=r.status,o=r.label;if(n===exports.level.inner){if(s===exports.StepStatus.done)return t.jsx(a.Typography,e.__assign({variant:"B3"},{children:o}));if(s===exports.StepStatus.current)return t.jsx(a.Typography,e.__assign({variant:"B3",color:"link2"},{children:o}));if(s===exports.StepStatus.pending)return t.jsx(a.Typography,e.__assign({variant:"B3",color:"disabled"},{children:o}))}else{if(s===exports.StepStatus.done)return t.jsx(a.Typography,e.__assign({variant:"B2"},{children:o}));if(s===exports.StepStatus.current)return t.jsx(a.Typography,e.__assign({variant:"HM4"},{children:o}));if(s===exports.StepStatus.pending)return t.jsx(a.Typography,e.__assign({variant:"B2",color:"disabled"},{children:o}))}return t.jsx(t.Fragment,{})};exports.Stepper=function(r){var n=r.steps,o=void 0===n?[]:n,i=r.activeStep,a=void 0===i?0:i,p=r.activeSubStep,l=void 0===p?0:p;r.width;var c=r.workflowStep,u=void 0===c?0:c,x=r.workflowSubStep,j=void 0===x?0:x,b=d.default(),C=[];return o.forEach((function(e,t){var r,n=t===a?exports.StepStatus.current:t<u?exports.StepStatus.done:exports.StepStatus.pending,s=h(exports.level.outer,n,t+1,e.onClick,t===u),o=y(exports.level.outer,n,e.label,e.onClick,t===u);C.push({icon:s,labelComp:o,level:exports.level.outer}),n===exports.StepStatus.current&&e.hasChildren&&(null===(r=e.subSteps)||void 0===r||r.forEach((function(e,r){var n=r===l?exports.StepStatus.current:u===t?r>=j?exports.StepStatus.pending:exports.StepStatus.done:u>t?exports.StepStatus.done:exports.StepStatus.pending,s=h(exports.level.inner,n,-1,e.onClick,r===j),o=y(exports.level.inner,n,e.label,e.onClick,r===j);C.push({icon:s,labelComp:o,level:exports.level.inner})})))})),t.jsxs(S,{children:[C.map((function(r,n){return t.jsxs(s.Container,e.__assign({display:"flex",marginTop:r.level===exports.level.inner?b.spacing[4]:b.spacing[6]},{children:[t.jsxs(v,{children:[" ",r.icon]}),t.jsx(f,{children:r.labelComp})]}),n)})),t.jsx(g,{})]})};
+//# sourceMappingURL=ct-design-stepper.browser.cjs.js.map

package/dist/ct-design-stepper.browser.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ct-design-stepper.browser.cjs.js","sources":["../../packages/components/Stepper/src/type.ts","../../packages/components/Stepper/src/StyledStepper/StyledStepper.tsx","../../packages/components/Stepper/src/Step/Step.tsx","../../packages/components/Stepper/src/Stepper.tsx"],"sourcesContent":[null,null,null,null],"names":["StepStatus","level","LineLocation","StyledStepper","styled","default","div","display","flexDirection","position","VerticalLine","theme","useTheme","_jsx","jsx","Container","borderLeft","height","zIndex","marginLeft","spacing","top","IconContainer","justifySelf","alignSelf","LabelContainer","getStepIcon","stepLevel","status","index","onClick","isWorkflow","bgColor","borderColor","iconColor","outer","done","colors","success","neutral100","current","link2","pending","neutral500","__assign","padding","width","borderRadius","border","concat","background","color","justifyContent","alignItems","fontSize","typography","size","marginRight","cursor","children","DoneTick","SmallTick","backgroundColor","textAlign","getStepLabel","label","TypographyComponent","_a","inner","Typography","variant","_b","steps","_c","activeStep","_d","activeSubStep","_f","workflowStep","_g","workflowSubStep","flattenedSteps","forEach","step","currentStatus","icon","labelComp","push","hasChildren","subSteps","substep","substepIndex","currentSubstepStatus","substepIcon","substeplabelComp","_jsxs","jsxs","map","fs","i","marginTop"],"mappings":"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"}

package/dist/ct-design-stepper.browser.esm.js

@@ -0,0 +1,2 @@
+import{__assign as n}from"tslib";import{jsx as e,Fragment as r,jsxs as i}from"react/jsx-runtime";import t from"@cleartrip/ct-design-use-theme";import o from"styled-components";import{Container as l}from"@cleartrip/ct-design-container";import{DoneTick as c,SmallTick as a}from"@cleartrip/ct-design-icons";import{colors as d,typography as p}from"@cleartrip/ct-design-tokens";import{Typography as s}from"@cleartrip/ct-design-typography";var u,f,g;!function(n){n.done="DONE",n.current="CURRENT",n.pending="PENDING"}(u||(u={})),function(n){n.outer="OUTER",n.inner="INNER"}(f||(f={})),function(n){n.above="ABOVE",n.below="BELOW",n.aboveAndBelow="BOTH"}(g||(g={}));var m=o.div({display:"flex",flexDirection:"column",position:"relative"}),v=function(){var n=t();return e(l,{borderLeft:"1px solid #E7E7E7",height:"94%",position:"absolute",zIndex:-1,marginLeft:n.spacing[3],top:n.spacing[6]})},h=o.div({justifySelf:"center",alignSelf:"center"}),b=o.div({justifySelf:"start",alignSelf:"center"}),x=function(r,i,o,s,g){var m,v,h,b=t();return r===f.outer?(i===u.done?(m=d.success,v=d.success,h=d.neutral100):i===u.current?(m=d.link2,v=d.link2,h=d.neutral100):i===u.pending&&(m=d.neutral100,v=d.neutral500,h=d.neutral500),e(l,n({onClick:s,padding:"6px",display:"flex",width:b.spacing[6],height:b.spacing[6],borderRadius:"50%",border:"1px solid ".concat(v),background:m,color:h,justifyContent:"center",alignItems:"center",fontSize:p.size[12],marginRight:b.spacing[3],cursor:i!==u.pending||g?"pointer":"not-allowed"},{children:i===u.done?e(c,{size:12}):o}))):i===u.done?e(l,n({onClick:s,display:"flex",justifyContent:"center",alignItems:"center",cursor:"pointer",marginRight:b.spacing[4],marginLeft:"6px"},{children:e(a,{})})):(i===u.current?v="#000000":i===u.pending&&(v=d.neutral500),e(l,{onClick:s,display:"flex",padding:"6px",borderRadius:"50%",backgroundColor:d.neutral100,border:"1px solid ".concat(v),justifyContent:"center",textAlign:"center",alignItems:"center",fontSize:p.size[6],marginRight:b.spacing[4],marginLeft:"6px",cursor:i!==u.pending||g?"pointer":"not-allowed"}))},C=function(r,i,t,o,c){return e(l,n({onClick:o,cursor:i!==u.pending||c?"pointer":"not-allowed"},{children:e(k,{stepLevel:r,status:i,label:t})}))},k=function(i){var t=i.stepLevel,o=i.status,l=i.label;if(t===f.inner){if(o===u.done)return e(s,n({variant:"B3"},{children:l}));if(o===u.current)return e(s,n({variant:"B3",color:"link2"},{children:l}));if(o===u.pending)return e(s,n({variant:"B3",color:"disabled"},{children:l}))}else{if(o===u.done)return e(s,n({variant:"B2"},{children:l}));if(o===u.current)return e(s,n({variant:"HM4"},{children:l}));if(o===u.pending)return e(s,n({variant:"B2",color:"disabled"},{children:l}))}return e(r,{})},y=function(r){var o=r.steps,c=void 0===o?[]:o,a=r.activeStep,d=void 0===a?0:a,p=r.activeSubStep,s=void 0===p?0:p;r.width;var g=r.workflowStep,k=void 0===g?0:g,y=r.workflowSubStep,S=void 0===y?0:y,E=t(),w=[];return c.forEach((function(n,e){var r,i=e===d?u.current:e<k?u.done:u.pending,t=x(f.outer,i,e+1,n.onClick,e===k),o=C(f.outer,i,n.label,n.onClick,e===k);w.push({icon:t,labelComp:o,level:f.outer}),i===u.current&&n.hasChildren&&(null===(r=n.subSteps)||void 0===r||r.forEach((function(n,r){var i=r===s?u.current:k===e?r>=S?u.pending:u.done:k>e?u.done:u.pending,t=x(f.inner,i,-1,n.onClick,r===S),o=C(f.inner,i,n.label,n.onClick,r===S);w.push({icon:t,labelComp:o,level:f.inner})})))})),i(m,{children:[w.map((function(r,t){return i(l,n({display:"flex",marginTop:r.level===f.inner?E.spacing[4]:E.spacing[6]},{children:[i(h,{children:[" ",r.icon]}),e(b,{children:r.labelComp})]}),t)})),e(v,{})]})};export{g as LineLocation,u as StepStatus,y as Stepper,f as level};
+//# sourceMappingURL=ct-design-stepper.browser.esm.js.map

package/dist/ct-design-stepper.browser.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ct-design-stepper.browser.esm.js","sources":["../../packages/components/Stepper/src/type.ts","../../packages/components/Stepper/src/StyledStepper/StyledStepper.tsx","../../packages/components/Stepper/src/Step/Step.tsx","../../packages/components/Stepper/src/Stepper.tsx"],"sourcesContent":[null,null,null,null],"names":["StepStatus","level","LineLocation","StyledStepper","styled","div","display","flexDirection","position","VerticalLine","theme","useTheme","_jsx","Container","borderLeft","height","zIndex","marginLeft","spacing","top","IconContainer","justifySelf","alignSelf","LabelContainer","getStepIcon","stepLevel","status","index","onClick","isWorkflow","bgColor","borderColor","iconColor","outer","done","colors","success","neutral100","current","link2","pending","neutral500","__assign","padding","width","borderRadius","border","concat","background","color","justifyContent","alignItems","fontSize","typography","size","marginRight","cursor","children","DoneTick","SmallTick","backgroundColor","textAlign","getStepLabel","label","TypographyComponent","_a","inner","Typography","variant","Stepper","_b","steps","_c","activeStep","_d","activeSubStep","_f","workflowStep","_g","workflowSubStep","flattenedSteps","forEach","step","currentStatus","icon","labelComp","push","hasChildren","subSteps","substep","substepIndex","currentSubstepStatus","substepIcon","substeplabelComp","_jsxs","map","fs","i","marginTop"],"mappings":"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"}

package/dist/ct-design-stepper.cjs.js

@@ -0,0 +1,148 @@
+'use strict';
+
+var tslib = require('tslib');
+var jsxRuntime = require('react/jsx-runtime');
+var useTheme = require('@cleartrip/ct-design-use-theme');
+var styled = require('styled-components');
+var ctDesignContainer = require('@cleartrip/ct-design-container');
+var ctDesignIcons = require('@cleartrip/ct-design-icons');
+var ctDesignTokens = require('@cleartrip/ct-design-tokens');
+var ctDesignTypography = require('@cleartrip/ct-design-typography');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var useTheme__default = /*#__PURE__*/_interopDefault(useTheme);
+var styled__default = /*#__PURE__*/_interopDefault(styled);
+
+exports.StepStatus = void 0;
+(function (StepStatus) {
+    StepStatus["done"] = "DONE";
+    StepStatus["current"] = "CURRENT";
+    StepStatus["pending"] = "PENDING";
+})(exports.StepStatus || (exports.StepStatus = {}));
+exports.level = void 0;
+(function (level) {
+    level["outer"] = "OUTER";
+    level["inner"] = "INNER";
+})(exports.level || (exports.level = {}));
+exports.LineLocation = void 0;
+(function (LineLocation) {
+    LineLocation["above"] = "ABOVE";
+    LineLocation["below"] = "BELOW";
+    LineLocation["aboveAndBelow"] = "BOTH";
+})(exports.LineLocation || (exports.LineLocation = {}));
+
+var StyledStepper = styled__default.default.div({
+    display: 'flex',
+    flexDirection: 'column',
+    position: 'relative',
+});
+var VerticalLine = function () {
+    var theme = useTheme__default.default();
+    return (jsxRuntime.jsx(ctDesignContainer.Container, { borderLeft: '1px solid #E7E7E7', height: '94%', position: 'absolute', zIndex: -1, marginLeft: theme.spacing[3], top: theme.spacing[6] }));
+};
+var IconContainer = styled__default.default.div({
+    justifySelf: 'center',
+    alignSelf: 'center',
+});
+var LabelContainer = styled__default.default.div({
+    justifySelf: 'start',
+    alignSelf: 'center',
+});
+
+var getStepIcon = function (stepLevel, status, index, onClick, isWorkflow) {
+    var theme = useTheme__default.default();
+    var bgColor, borderColor, iconColor, padding = '6px';
+    if (stepLevel === exports.level.outer) {
+        if (status === exports.StepStatus.done) {
+            bgColor = ctDesignTokens.colors.success;
+            borderColor = ctDesignTokens.colors.success;
+            iconColor = ctDesignTokens.colors.neutral100;
+        }
+        else if (status === exports.StepStatus.current) {
+            bgColor = ctDesignTokens.colors.link2;
+            borderColor = ctDesignTokens.colors.link2;
+            iconColor = ctDesignTokens.colors.neutral100;
+        }
+        else if (status === exports.StepStatus.pending) {
+            bgColor = ctDesignTokens.colors.neutral100;
+            borderColor = ctDesignTokens.colors.neutral500;
+            iconColor = ctDesignTokens.colors.neutral500;
+        }
+        return (jsxRuntime.jsx(ctDesignContainer.Container, tslib.__assign({ onClick: onClick, padding: padding, display: 'flex', width: theme.spacing[6], height: theme.spacing[6], borderRadius: '50%', border: "1px solid ".concat(borderColor), background: bgColor, color: iconColor, justifyContent: 'center', alignItems: 'center', fontSize: ctDesignTokens.typography.size[12], marginRight: theme.spacing[3], cursor: status === exports.StepStatus.pending && !isWorkflow ? 'not-allowed' : 'pointer' }, { children: status === exports.StepStatus.done ? jsxRuntime.jsx(ctDesignIcons.DoneTick, { size: 12 }) : index })));
+    }
+    else {
+        if (status === exports.StepStatus.done) {
+            return (jsxRuntime.jsx(ctDesignContainer.Container, tslib.__assign({ onClick: onClick, display: 'flex', justifyContent: 'center', alignItems: 'center', cursor: 'pointer', marginRight: theme.spacing[4], marginLeft: '6px' }, { children: jsxRuntime.jsx(ctDesignIcons.SmallTick, {}) })));
+        }
+        if (status === exports.StepStatus.current) {
+            borderColor = '#000000';
+        }
+        else if (status === exports.StepStatus.pending) {
+            borderColor = ctDesignTokens.colors.neutral500;
+        }
+        return (jsxRuntime.jsx(ctDesignContainer.Container, { onClick: onClick, display: 'flex', padding: padding, borderRadius: '50%', backgroundColor: ctDesignTokens.colors.neutral100, border: "1px solid ".concat(borderColor), justifyContent: 'center', textAlign: 'center', alignItems: 'center', fontSize: ctDesignTokens.typography.size[6], marginRight: theme.spacing[4], marginLeft: '6px', cursor: status === exports.StepStatus.pending && !isWorkflow ? 'not-allowed' : 'pointer' }));
+    }
+};
+var getStepLabel = function (stepLevel, status, label, onClick, isWorkflow) {
+    return (jsxRuntime.jsx(ctDesignContainer.Container, tslib.__assign({ onClick: onClick, cursor: status === exports.StepStatus.pending && !isWorkflow ? 'not-allowed' : 'pointer' }, { children: jsxRuntime.jsx(TypographyComponent, { stepLevel: stepLevel, status: status, label: label }) })));
+};
+var TypographyComponent = function (_a) {
+    var stepLevel = _a.stepLevel, status = _a.status, label = _a.label;
+    if (stepLevel === exports.level.inner) {
+        if (status === exports.StepStatus.done) {
+            return jsxRuntime.jsx(ctDesignTypography.Typography, tslib.__assign({ variant: 'B3' }, { children: label }));
+        }
+        else if (status === exports.StepStatus.current) {
+            return (jsxRuntime.jsx(ctDesignTypography.Typography, tslib.__assign({ variant: 'B3', color: 'link2' }, { children: label })));
+        }
+        else if (status === exports.StepStatus.pending) {
+            return (jsxRuntime.jsx(ctDesignTypography.Typography, tslib.__assign({ variant: 'B3', color: 'disabled' }, { children: label })));
+        }
+    }
+    else {
+        if (status === exports.StepStatus.done) {
+            return jsxRuntime.jsx(ctDesignTypography.Typography, tslib.__assign({ variant: 'B2' }, { children: label }));
+        }
+        else if (status === exports.StepStatus.current) {
+            return jsxRuntime.jsx(ctDesignTypography.Typography, tslib.__assign({ variant: 'HM4' }, { children: label }));
+        }
+        else if (status === exports.StepStatus.pending) {
+            return (jsxRuntime.jsx(ctDesignTypography.Typography, tslib.__assign({ variant: 'B2', color: 'disabled' }, { children: label })));
+        }
+    }
+    return jsxRuntime.jsx(jsxRuntime.Fragment, {});
+};
+
+var Stepper = function (_a) {
+    var _b = _a.steps, steps = _b === void 0 ? [] : _b, _c = _a.activeStep, activeStep = _c === void 0 ? 0 : _c, _d = _a.activeSubStep, activeSubStep = _d === void 0 ? 0 : _d; _a.width; var _f = _a.workflowStep, workflowStep = _f === void 0 ? 0 : _f, _g = _a.workflowSubStep, workflowSubStep = _g === void 0 ? 0 : _g;
+    var theme = useTheme__default.default();
+    var flattenedSteps = [];
+    steps.forEach(function (step, index) {
+        var _a;
+        var currentStatus = index === activeStep ? exports.StepStatus.current : index < workflowStep ? exports.StepStatus.done : exports.StepStatus.pending;
+        var icon = getStepIcon(exports.level.outer, currentStatus, index + 1, step.onClick, index === workflowStep);
+        var labelComp = getStepLabel(exports.level.outer, currentStatus, step.label, step.onClick, index === workflowStep);
+        flattenedSteps.push({ icon: icon, labelComp: labelComp, level: exports.level.outer });
+        currentStatus === exports.StepStatus.current &&
+            step.hasChildren &&
+            ((_a = step.subSteps) === null || _a === void 0 ? void 0 : _a.forEach(function (substep, substepIndex) {
+                var currentSubstepStatus = substepIndex === activeSubStep
+                    ? exports.StepStatus.current
+                    : workflowStep === index
+                        ? substepIndex >= workflowSubStep
+                            ? exports.StepStatus.pending
+                            : exports.StepStatus.done
+                        : workflowStep > index
+                            ? exports.StepStatus.done
+                            : exports.StepStatus.pending;
+                var substepIcon = getStepIcon(exports.level.inner, currentSubstepStatus, -1, substep.onClick, substepIndex === workflowSubStep);
+                var substeplabelComp = getStepLabel(exports.level.inner, currentSubstepStatus, substep.label, substep.onClick, substepIndex === workflowSubStep);
+                flattenedSteps.push({ icon: substepIcon, labelComp: substeplabelComp, level: exports.level.inner });
+            }));
+    });
+    return (jsxRuntime.jsxs(StyledStepper, { children: [flattenedSteps.map(function (fs, i) { return (jsxRuntime.jsxs(ctDesignContainer.Container, tslib.__assign({ display: 'flex', marginTop: fs.level === exports.level.inner ? theme.spacing[4] : theme.spacing[6] }, { children: [jsxRuntime.jsxs(IconContainer, { children: [" ", fs.icon] }), jsxRuntime.jsx(LabelContainer, { children: fs.labelComp })] }), i)); }), jsxRuntime.jsx(VerticalLine, {})] }));
+};
+
+exports.Stepper = Stepper;
+//# sourceMappingURL=ct-design-stepper.cjs.js.map

package/dist/ct-design-stepper.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ct-design-stepper.cjs.js","sources":["../../packages/components/Stepper/src/type.ts","../../packages/components/Stepper/src/StyledStepper/StyledStepper.tsx","../../packages/components/Stepper/src/Step/Step.tsx","../../packages/components/Stepper/src/Stepper.tsx"],"sourcesContent":[null,null,null,null],"names":["StepStatus","level","LineLocation","styled","useTheme","_jsx","Container","colors","__assign","typography","DoneTick","SmallTick","Typography","_jsxs"],"mappings":"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"}

package/dist/ct-design-stepper.esm.js

@@ -0,0 +1,141 @@
+import { __assign } from 'tslib';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import useTheme from '@cleartrip/ct-design-use-theme';
+import styled from 'styled-components';
+import { Container } from '@cleartrip/ct-design-container';
+import { DoneTick, SmallTick } from '@cleartrip/ct-design-icons';
+import { colors, typography } from '@cleartrip/ct-design-tokens';
+import { Typography } from '@cleartrip/ct-design-typography';
+
+var StepStatus;
+(function (StepStatus) {
+    StepStatus["done"] = "DONE";
+    StepStatus["current"] = "CURRENT";
+    StepStatus["pending"] = "PENDING";
+})(StepStatus || (StepStatus = {}));
+var level;
+(function (level) {
+    level["outer"] = "OUTER";
+    level["inner"] = "INNER";
+})(level || (level = {}));
+var LineLocation;
+(function (LineLocation) {
+    LineLocation["above"] = "ABOVE";
+    LineLocation["below"] = "BELOW";
+    LineLocation["aboveAndBelow"] = "BOTH";
+})(LineLocation || (LineLocation = {}));
+
+var StyledStepper = styled.div({
+    display: 'flex',
+    flexDirection: 'column',
+    position: 'relative',
+});
+var VerticalLine = function () {
+    var theme = useTheme();
+    return (jsx(Container, { borderLeft: '1px solid #E7E7E7', height: '94%', position: 'absolute', zIndex: -1, marginLeft: theme.spacing[3], top: theme.spacing[6] }));
+};
+var IconContainer = styled.div({
+    justifySelf: 'center',
+    alignSelf: 'center',
+});
+var LabelContainer = styled.div({
+    justifySelf: 'start',
+    alignSelf: 'center',
+});
+
+var getStepIcon = function (stepLevel, status, index, onClick, isWorkflow) {
+    var theme = useTheme();
+    var bgColor, borderColor, iconColor, padding = '6px';
+    if (stepLevel === level.outer) {
+        if (status === StepStatus.done) {
+            bgColor = colors.success;
+            borderColor = colors.success;
+            iconColor = colors.neutral100;
+        }
+        else if (status === StepStatus.current) {
+            bgColor = colors.link2;
+            borderColor = colors.link2;
+            iconColor = colors.neutral100;
+        }
+        else if (status === StepStatus.pending) {
+            bgColor = colors.neutral100;
+            borderColor = colors.neutral500;
+            iconColor = colors.neutral500;
+        }
+        return (jsx(Container, __assign({ onClick: onClick, padding: padding, display: 'flex', width: theme.spacing[6], height: theme.spacing[6], borderRadius: '50%', border: "1px solid ".concat(borderColor), background: bgColor, color: iconColor, justifyContent: 'center', alignItems: 'center', fontSize: typography.size[12], marginRight: theme.spacing[3], cursor: status === StepStatus.pending && !isWorkflow ? 'not-allowed' : 'pointer' }, { children: status === StepStatus.done ? jsx(DoneTick, { size: 12 }) : index })));
+    }
+    else {
+        if (status === StepStatus.done) {
+            return (jsx(Container, __assign({ onClick: onClick, display: 'flex', justifyContent: 'center', alignItems: 'center', cursor: 'pointer', marginRight: theme.spacing[4], marginLeft: '6px' }, { children: jsx(SmallTick, {}) })));
+        }
+        if (status === StepStatus.current) {
+            borderColor = '#000000';
+        }
+        else if (status === StepStatus.pending) {
+            borderColor = colors.neutral500;
+        }
+        return (jsx(Container, { onClick: onClick, display: 'flex', padding: padding, borderRadius: '50%', backgroundColor: colors.neutral100, border: "1px solid ".concat(borderColor), justifyContent: 'center', textAlign: 'center', alignItems: 'center', fontSize: typography.size[6], marginRight: theme.spacing[4], marginLeft: '6px', cursor: status === StepStatus.pending && !isWorkflow ? 'not-allowed' : 'pointer' }));
+    }
+};
+var getStepLabel = function (stepLevel, status, label, onClick, isWorkflow) {
+    return (jsx(Container, __assign({ onClick: onClick, cursor: status === StepStatus.pending && !isWorkflow ? 'not-allowed' : 'pointer' }, { children: jsx(TypographyComponent, { stepLevel: stepLevel, status: status, label: label }) })));
+};
+var TypographyComponent = function (_a) {
+    var stepLevel = _a.stepLevel, status = _a.status, label = _a.label;
+    if (stepLevel === level.inner) {
+        if (status === StepStatus.done) {
+            return jsx(Typography, __assign({ variant: 'B3' }, { children: label }));
+        }
+        else if (status === StepStatus.current) {
+            return (jsx(Typography, __assign({ variant: 'B3', color: 'link2' }, { children: label })));
+        }
+        else if (status === StepStatus.pending) {
+            return (jsx(Typography, __assign({ variant: 'B3', color: 'disabled' }, { children: label })));
+        }
+    }
+    else {
+        if (status === StepStatus.done) {
+            return jsx(Typography, __assign({ variant: 'B2' }, { children: label }));
+        }
+        else if (status === StepStatus.current) {
+            return jsx(Typography, __assign({ variant: 'HM4' }, { children: label }));
+        }
+        else if (status === StepStatus.pending) {
+            return (jsx(Typography, __assign({ variant: 'B2', color: 'disabled' }, { children: label })));
+        }
+    }
+    return jsx(Fragment, {});
+};
+
+var Stepper = function (_a) {
+    var _b = _a.steps, steps = _b === void 0 ? [] : _b, _c = _a.activeStep, activeStep = _c === void 0 ? 0 : _c, _d = _a.activeSubStep, activeSubStep = _d === void 0 ? 0 : _d; _a.width; var _f = _a.workflowStep, workflowStep = _f === void 0 ? 0 : _f, _g = _a.workflowSubStep, workflowSubStep = _g === void 0 ? 0 : _g;
+    var theme = useTheme();
+    var flattenedSteps = [];
+    steps.forEach(function (step, index) {
+        var _a;
+        var currentStatus = index === activeStep ? StepStatus.current : index < workflowStep ? StepStatus.done : StepStatus.pending;
+        var icon = getStepIcon(level.outer, currentStatus, index + 1, step.onClick, index === workflowStep);
+        var labelComp = getStepLabel(level.outer, currentStatus, step.label, step.onClick, index === workflowStep);
+        flattenedSteps.push({ icon: icon, labelComp: labelComp, level: level.outer });
+        currentStatus === StepStatus.current &&
+            step.hasChildren &&
+            ((_a = step.subSteps) === null || _a === void 0 ? void 0 : _a.forEach(function (substep, substepIndex) {
+                var currentSubstepStatus = substepIndex === activeSubStep
+                    ? StepStatus.current
+                    : workflowStep === index
+                        ? substepIndex >= workflowSubStep
+                            ? StepStatus.pending
+                            : StepStatus.done
+                        : workflowStep > index
+                            ? StepStatus.done
+                            : StepStatus.pending;
+                var substepIcon = getStepIcon(level.inner, currentSubstepStatus, -1, substep.onClick, substepIndex === workflowSubStep);
+                var substeplabelComp = getStepLabel(level.inner, currentSubstepStatus, substep.label, substep.onClick, substepIndex === workflowSubStep);
+                flattenedSteps.push({ icon: substepIcon, labelComp: substeplabelComp, level: level.inner });
+            }));
+    });
+    return (jsxs(StyledStepper, { children: [flattenedSteps.map(function (fs, i) { return (jsxs(Container, __assign({ display: 'flex', marginTop: fs.level === level.inner ? theme.spacing[4] : theme.spacing[6] }, { children: [jsxs(IconContainer, { children: [" ", fs.icon] }), jsx(LabelContainer, { children: fs.labelComp })] }), i)); }), jsx(VerticalLine, {})] }));
+};
+
+export { LineLocation, StepStatus, Stepper, level };
+//# sourceMappingURL=ct-design-stepper.esm.js.map

package/dist/ct-design-stepper.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ct-design-stepper.esm.js","sources":["../../packages/components/Stepper/src/type.ts","../../packages/components/Stepper/src/StyledStepper/StyledStepper.tsx","../../packages/components/Stepper/src/Step/Step.tsx","../../packages/components/Stepper/src/Stepper.tsx"],"sourcesContent":[null,null,null,null],"names":["_jsx","_jsxs"],"mappings":"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"}

package/dist/ct-design-stepper.umd.js

@@ -0,0 +1,176 @@
+(function (global, factory) {
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react/jsx-runtime'), require('@cleartrip/ct-design-use-theme'), require('styled-components'), require('@cleartrip/ct-design-container'), require('@cleartrip/ct-design-icons'), require('@cleartrip/ct-design-tokens'), require('@cleartrip/ct-design-typography')) :
+    typeof define === 'function' && define.amd ? define(['exports', 'react/jsx-runtime', '@cleartrip/ct-design-use-theme', 'styled-components', '@cleartrip/ct-design-container', '@cleartrip/ct-design-icons', '@cleartrip/ct-design-tokens', '@cleartrip/ct-design-typography'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.CTDesignSystemStepper = {}, global.jsxRuntime, global.useTheme, global.styled, global.ctDesignContainer, global.ctDesignIcons, global.ctDesignTokens, global.ctDesignTypography));
+})(this, (function (exports, jsxRuntime, useTheme, styled, ctDesignContainer, ctDesignIcons, ctDesignTokens, ctDesignTypography) { 'use strict';
+
+    function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+    var useTheme__default = /*#__PURE__*/_interopDefault(useTheme);
+    var styled__default = /*#__PURE__*/_interopDefault(styled);
+
+    /******************************************************************************
+    Copyright (c) Microsoft Corporation.
+
+    Permission to use, copy, modify, and/or distribute this software for any
+    purpose with or without fee is hereby granted.
+
+    THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+    REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+    AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+    INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+    LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+    PERFORMANCE OF THIS SOFTWARE.
+    ***************************************************************************** */
+    /* global Reflect, Promise, SuppressedError, Symbol */
+
+    var __assign = function () {
+      __assign = Object.assign || function __assign(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+          s = arguments[i];
+          for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+        }
+        return t;
+      };
+      return __assign.apply(this, arguments);
+    };
+    typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+      var e = new Error(message);
+      return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+    };
+
+    exports.StepStatus = void 0;
+    (function (StepStatus) {
+        StepStatus["done"] = "DONE";
+        StepStatus["current"] = "CURRENT";
+        StepStatus["pending"] = "PENDING";
+    })(exports.StepStatus || (exports.StepStatus = {}));
+    exports.level = void 0;
+    (function (level) {
+        level["outer"] = "OUTER";
+        level["inner"] = "INNER";
+    })(exports.level || (exports.level = {}));
+    exports.LineLocation = void 0;
+    (function (LineLocation) {
+        LineLocation["above"] = "ABOVE";
+        LineLocation["below"] = "BELOW";
+        LineLocation["aboveAndBelow"] = "BOTH";
+    })(exports.LineLocation || (exports.LineLocation = {}));
+
+    var StyledStepper = styled__default.default.div({
+        display: 'flex',
+        flexDirection: 'column',
+        position: 'relative',
+    });
+    var VerticalLine = function () {
+        var theme = useTheme__default.default();
+        return (jsxRuntime.jsx(ctDesignContainer.Container, { borderLeft: '1px solid #E7E7E7', height: '94%', position: 'absolute', zIndex: -1, marginLeft: theme.spacing[3], top: theme.spacing[6] }));
+    };
+    var IconContainer = styled__default.default.div({
+        justifySelf: 'center',
+        alignSelf: 'center',
+    });
+    var LabelContainer = styled__default.default.div({
+        justifySelf: 'start',
+        alignSelf: 'center',
+    });
+
+    var getStepIcon = function (stepLevel, status, index, onClick, isWorkflow) {
+        var theme = useTheme__default.default();
+        var bgColor, borderColor, iconColor, padding = '6px';
+        if (stepLevel === exports.level.outer) {
+            if (status === exports.StepStatus.done) {
+                bgColor = ctDesignTokens.colors.success;
+                borderColor = ctDesignTokens.colors.success;
+                iconColor = ctDesignTokens.colors.neutral100;
+            }
+            else if (status === exports.StepStatus.current) {
+                bgColor = ctDesignTokens.colors.link2;
+                borderColor = ctDesignTokens.colors.link2;
+                iconColor = ctDesignTokens.colors.neutral100;
+            }
+            else if (status === exports.StepStatus.pending) {
+                bgColor = ctDesignTokens.colors.neutral100;
+                borderColor = ctDesignTokens.colors.neutral500;
+                iconColor = ctDesignTokens.colors.neutral500;
+            }
+            return (jsxRuntime.jsx(ctDesignContainer.Container, __assign({ onClick: onClick, padding: padding, display: 'flex', width: theme.spacing[6], height: theme.spacing[6], borderRadius: '50%', border: "1px solid ".concat(borderColor), background: bgColor, color: iconColor, justifyContent: 'center', alignItems: 'center', fontSize: ctDesignTokens.typography.size[12], marginRight: theme.spacing[3], cursor: status === exports.StepStatus.pending && !isWorkflow ? 'not-allowed' : 'pointer' }, { children: status === exports.StepStatus.done ? jsxRuntime.jsx(ctDesignIcons.DoneTick, { size: 12 }) : index })));
+        }
+        else {
+            if (status === exports.StepStatus.done) {
+                return (jsxRuntime.jsx(ctDesignContainer.Container, __assign({ onClick: onClick, display: 'flex', justifyContent: 'center', alignItems: 'center', cursor: 'pointer', marginRight: theme.spacing[4], marginLeft: '6px' }, { children: jsxRuntime.jsx(ctDesignIcons.SmallTick, {}) })));
+            }
+            if (status === exports.StepStatus.current) {
+                borderColor = '#000000';
+            }
+            else if (status === exports.StepStatus.pending) {
+                borderColor = ctDesignTokens.colors.neutral500;
+            }
+            return (jsxRuntime.jsx(ctDesignContainer.Container, { onClick: onClick, display: 'flex', padding: padding, borderRadius: '50%', backgroundColor: ctDesignTokens.colors.neutral100, border: "1px solid ".concat(borderColor), justifyContent: 'center', textAlign: 'center', alignItems: 'center', fontSize: ctDesignTokens.typography.size[6], marginRight: theme.spacing[4], marginLeft: '6px', cursor: status === exports.StepStatus.pending && !isWorkflow ? 'not-allowed' : 'pointer' }));
+        }
+    };
+    var getStepLabel = function (stepLevel, status, label, onClick, isWorkflow) {
+        return (jsxRuntime.jsx(ctDesignContainer.Container, __assign({ onClick: onClick, cursor: status === exports.StepStatus.pending && !isWorkflow ? 'not-allowed' : 'pointer' }, { children: jsxRuntime.jsx(TypographyComponent, { stepLevel: stepLevel, status: status, label: label }) })));
+    };
+    var TypographyComponent = function (_a) {
+        var stepLevel = _a.stepLevel, status = _a.status, label = _a.label;
+        if (stepLevel === exports.level.inner) {
+            if (status === exports.StepStatus.done) {
+                return jsxRuntime.jsx(ctDesignTypography.Typography, __assign({ variant: 'B3' }, { children: label }));
+            }
+            else if (status === exports.StepStatus.current) {
+                return (jsxRuntime.jsx(ctDesignTypography.Typography, __assign({ variant: 'B3', color: 'link2' }, { children: label })));
+            }
+            else if (status === exports.StepStatus.pending) {
+                return (jsxRuntime.jsx(ctDesignTypography.Typography, __assign({ variant: 'B3', color: 'disabled' }, { children: label })));
+            }
+        }
+        else {
+            if (status === exports.StepStatus.done) {
+                return jsxRuntime.jsx(ctDesignTypography.Typography, __assign({ variant: 'B2' }, { children: label }));
+            }
+            else if (status === exports.StepStatus.current) {
+                return jsxRuntime.jsx(ctDesignTypography.Typography, __assign({ variant: 'HM4' }, { children: label }));
+            }
+            else if (status === exports.StepStatus.pending) {
+                return (jsxRuntime.jsx(ctDesignTypography.Typography, __assign({ variant: 'B2', color: 'disabled' }, { children: label })));
+            }
+        }
+        return jsxRuntime.jsx(jsxRuntime.Fragment, {});
+    };
+
+    var Stepper = function (_a) {
+        var _b = _a.steps, steps = _b === void 0 ? [] : _b, _c = _a.activeStep, activeStep = _c === void 0 ? 0 : _c, _d = _a.activeSubStep, activeSubStep = _d === void 0 ? 0 : _d; _a.width; var _f = _a.workflowStep, workflowStep = _f === void 0 ? 0 : _f, _g = _a.workflowSubStep, workflowSubStep = _g === void 0 ? 0 : _g;
+        var theme = useTheme__default.default();
+        var flattenedSteps = [];
+        steps.forEach(function (step, index) {
+            var _a;
+            var currentStatus = index === activeStep ? exports.StepStatus.current : index < workflowStep ? exports.StepStatus.done : exports.StepStatus.pending;
+            var icon = getStepIcon(exports.level.outer, currentStatus, index + 1, step.onClick, index === workflowStep);
+            var labelComp = getStepLabel(exports.level.outer, currentStatus, step.label, step.onClick, index === workflowStep);
+            flattenedSteps.push({ icon: icon, labelComp: labelComp, level: exports.level.outer });
+            currentStatus === exports.StepStatus.current &&
+                step.hasChildren &&
+                ((_a = step.subSteps) === null || _a === void 0 ? void 0 : _a.forEach(function (substep, substepIndex) {
+                    var currentSubstepStatus = substepIndex === activeSubStep
+                        ? exports.StepStatus.current
+                        : workflowStep === index
+                            ? substepIndex >= workflowSubStep
+                                ? exports.StepStatus.pending
+                                : exports.StepStatus.done
+                            : workflowStep > index
+                                ? exports.StepStatus.done
+                                : exports.StepStatus.pending;
+                    var substepIcon = getStepIcon(exports.level.inner, currentSubstepStatus, -1, substep.onClick, substepIndex === workflowSubStep);
+                    var substeplabelComp = getStepLabel(exports.level.inner, currentSubstepStatus, substep.label, substep.onClick, substepIndex === workflowSubStep);
+                    flattenedSteps.push({ icon: substepIcon, labelComp: substeplabelComp, level: exports.level.inner });
+                }));
+        });
+        return (jsxRuntime.jsxs(StyledStepper, { children: [flattenedSteps.map(function (fs, i) { return (jsxRuntime.jsxs(ctDesignContainer.Container, __assign({ display: 'flex', marginTop: fs.level === exports.level.inner ? theme.spacing[4] : theme.spacing[6] }, { children: [jsxRuntime.jsxs(IconContainer, { children: [" ", fs.icon] }), jsxRuntime.jsx(LabelContainer, { children: fs.labelComp })] }), i)); }), jsxRuntime.jsx(VerticalLine, {})] }));
+    };
+
+    exports.Stepper = Stepper;
+
+}));
+//# sourceMappingURL=ct-design-stepper.umd.js.map