@legion-ui-kit/react-core/dist/cjs/components/Stepper/Step.cjs.map

<div align="center"> <img height="108" width="116" src="https://legion.digitaltelkom.id/favicon.svg?v=4643a71fb65fa61a5f2b266b769ea7b1" /> <h1 align="center">Legion UI Kit - React Core</h1> </div>

{"version":3,"file":"Step.cjs","sources":["../../../../src/components/Stepper/Step.tsx"],"sourcesContent":["// Modules\r\nimport cn from 'classnames';\r\n\r\n// Types\r\nimport type { TStepProps } from './Stepper.type';\r\n\r\n// Styles\r\nimport styles from './styles/Step.module.scss';\r\n\r\n// Components\r\nimport Icon from '../Icon/index';\r\n\r\n// Constants\r\nimport { STEP_DEFAULT_PROPS, STEPPER_STATUS } from './Stepper.constant';\r\n\r\nconst Step = (props: TStepProps) => {\r\n  const {\r\n    className,\r\n    description,\r\n    descriptionClassName,\r\n    descriptionStyle,\r\n    indicator,\r\n    indicatorClassName,\r\n    indicatorStyle,\r\n    labelClassName,\r\n    labelStyle,\r\n    orientation = STEP_DEFAULT_PROPS.orientation,\r\n    position = STEP_DEFAULT_PROPS.position,\r\n    status,\r\n    textPosition = STEP_DEFAULT_PROPS.textPosition,\r\n    title,\r\n    titleClassName,\r\n    titleStyle,\r\n    ...restProps\r\n  } = props;\r\n  const isCompleted = status === STEPPER_STATUS.complete;\r\n\r\n  const stepCN = cn(styles.legion_step, className, styles[position!], styles[orientation!], styles[textPosition!], styles[status!]);\r\n  const indicatorCN = cn(styles.indicator, indicatorClassName);\r\n  const labelCN = cn(styles.label_section, labelClassName);\r\n  const descriptionCN = cn(styles.description, descriptionClassName);\r\n  const titleCN = cn(styles.title, titleClassName);\r\n\r\n  return (\r\n    <div className={stepCN} {...restProps}>\r\n      <div className={indicatorCN} style={indicatorStyle}>\r\n        {isCompleted ? (\r\n          <Icon\r\n            icon={'check'}\r\n            style={{\r\n              backgroundColor: 'var(--stepper-color-success-indicator-label)'\r\n            }}\r\n          />\r\n        ) : (\r\n          indicator\r\n        )}\r\n      </div>\r\n      <div className={labelCN} style={labelStyle}>\r\n        <p className={titleCN} style={titleStyle}>\r\n          {title}\r\n        </p>\r\n        <p className={descriptionCN} style={descriptionStyle}>\r\n          {description}\r\n        </p>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nStep.displayName = 'Step';\r\nexport default Step;\r\n"],"names":["Step","props","className","description","descriptionClassName","descriptionStyle","indicator","indicatorClassName","indicatorStyle","labelClassName","labelStyle","orientation","STEP_DEFAULT_PROPS","position","status","textPosition","title","titleClassName","titleStyle","restProps","isCompleted","STEPPER_STATUS","complete","stepCN","cn","styles","legion_step","indicatorCN","labelCN","label_section","descriptionCN","titleCN","_jsxs","children","_jsx","style","Icon","icon","backgroundColor","displayName"],"mappings":"2SAeA,MAAMA,EAAQC,IACZ,MAAMC,UACJA,EAASC,YACTA,EAAWC,qBACXA,EAAoBC,iBACpBA,EAAgBC,UAChBA,EAASC,mBACTA,EAAkBC,eAClBA,EAAcC,eACdA,EAAcC,WACdA,EAAUC,YACVA,EAAcC,EAAAA,mBAAmBD,YAAWE,SAC5CA,EAAWD,qBAAmBC,SAAQC,OACtCA,EAAMC,aACNA,EAAeH,EAAAA,mBAAmBG,aAAYC,MAC9CA,EAAKC,eACLA,EAAcC,WACdA,KACGC,GACDlB,EACEmB,EAAcN,IAAWO,EAAAA,eAAeC,SAExCC,EAASC,EAAAA,QAAGC,EAAAA,QAAOC,YAAaxB,EAAWuB,EAAAA,QAAOZ,GAAYY,EAAAA,QAAOd,GAAec,EAAAA,QAAOV,GAAgBU,EAAAA,QAAOX,IAClHa,EAAcH,EAAAA,QAAGC,UAAOnB,UAAWC,GACnCqB,EAAUJ,EAAAA,QAAGC,UAAOI,cAAepB,GACnCqB,EAAgBN,EAAAA,QAAGC,UAAOtB,YAAaC,GACvC2B,EAAUP,EAAAA,QAAGC,UAAOT,MAAOC,GAEjC,OACEe,EAAAA,KAAA,MAAA,CAAK9B,UAAWqB,KAAYJ,EAASc,SAAA,CACnCC,EAAAA,IAAA,MAAA,CAAKhC,UAAWyB,EAAaQ,MAAO3B,EAAcyB,SAC/Cb,EACCc,MAACE,EAAAA,QAAI,CACHC,KAAM,QACNF,MAAO,CACLG,gBAAiB,kDAEnB,IAKNN,EAAAA,KAAA,MAAA,CAAK9B,UAAW0B,EAASO,MAAOzB,EAAUuB,SAAA,CACxCC,EAAAA,IAAA,IAAA,CAAGhC,UAAW6B,EAASI,MAAOjB,EAAUe,SACrCjB,IAEHkB,EAAAA,IAAA,IAAA,CAAGhC,UAAW4B,EAAeK,MAAO9B,EAAgB4B,SACjD9B,WAOXH,EAAKuC,YAAc"}