{"ast":null,"code":"import { textEllipsis } from '../../style';\nconst genStepsNavStyle = token => {\n  const {\n    componentCls,\n    navContentMaxWidth,\n    navArrowColor,\n    stepsNavActiveColor,\n    motionDurationSlow\n  } = token;\n  return {\n    [`&${componentCls}-navigation`]: {\n      paddingTop: token.paddingSM,\n      [`&${componentCls}-small`]: {\n        [`${componentCls}-item`]: {\n          '&-container': {\n            marginInlineStart: -token.marginSM\n          }\n        }\n      },\n      [`${componentCls}-item`]: {\n        overflow: 'visible',\n        textAlign: 'center',\n        '&-container': {\n          display: 'inline-block',\n          height: '100%',\n          marginInlineStart: -token.margin,\n          paddingBottom: token.paddingSM,\n          textAlign: 'start',\n          transition: `opacity ${motionDurationSlow}`,\n          [`${componentCls}-item-content`]: {\n            maxWidth: navContentMaxWidth\n          },\n          [`${componentCls}-item-title`]: Object.assign(Object.assign({\n            maxWidth: '100%',\n            paddingInlineEnd: 0\n          }, textEllipsis), {\n            '&::after': {\n              display: 'none'\n            }\n          })\n        },\n        [`&:not(${componentCls}-item-active)`]: {\n          [`${componentCls}-item-container[role='button']`]: {\n            cursor: 'pointer',\n            '&:hover': {\n              opacity: 0.85\n            }\n          }\n        },\n        '&:last-child': {\n          flex: 1,\n          '&::after': {\n            display: 'none'\n          }\n        },\n        '&::after': {\n          position: 'absolute',\n          top: `calc(50% - ${token.paddingSM / 2}px)`,\n          insetInlineStart: '100%',\n          display: 'inline-block',\n          width: token.fontSizeIcon,\n          height: token.fontSizeIcon,\n          borderTop: `${token.lineWidth}px ${token.lineType} ${navArrowColor}`,\n          borderBottom: 'none',\n          borderInlineStart: 'none',\n          borderInlineEnd: `${token.lineWidth}px ${token.lineType} ${navArrowColor}`,\n          transform: 'translateY(-50%) translateX(-50%) rotate(45deg)',\n          content: '\"\"'\n        },\n        '&::before': {\n          position: 'absolute',\n          bottom: 0,\n          insetInlineStart: '50%',\n          display: 'inline-block',\n          width: 0,\n          height: token.lineWidthBold,\n          backgroundColor: stepsNavActiveColor,\n          transition: `width ${motionDurationSlow}, inset-inline-start ${motionDurationSlow}`,\n          transitionTimingFunction: 'ease-out',\n          content: '\"\"'\n        }\n      },\n      [`${componentCls}-item${componentCls}-item-active::before`]: {\n        insetInlineStart: 0,\n        width: '100%'\n      }\n    },\n    [`&${componentCls}-navigation${componentCls}-vertical`]: {\n      [`> ${componentCls}-item`]: {\n        marginInlineEnd: 0,\n        '&::before': {\n          display: 'none'\n        },\n        [`&${componentCls}-item-active::before`]: {\n          top: 0,\n          insetInlineEnd: 0,\n          insetInlineStart: 'unset',\n          display: 'block',\n          width: token.lineWidth * 3,\n          height: `calc(100% - ${token.marginLG}px)`\n        },\n        '&::after': {\n          position: 'relative',\n          insetInlineStart: '50%',\n          display: 'block',\n          width: token.controlHeight * 0.25,\n          height: token.controlHeight * 0.25,\n          marginBottom: token.marginXS,\n          textAlign: 'center',\n          transform: 'translateY(-50%) translateX(-50%) rotate(135deg)'\n        },\n        '&:last-child': {\n          '&::after': {\n            display: 'none'\n          }\n        },\n        [`> ${componentCls}-item-container > ${componentCls}-item-tail`]: {\n          visibility: 'hidden'\n        }\n      }\n    },\n    [`&${componentCls}-navigation${componentCls}-horizontal`]: {\n      [`> ${componentCls}-item > ${componentCls}-item-container > ${componentCls}-item-tail`]: {\n        visibility: 'hidden'\n      }\n    }\n  };\n};\nexport default genStepsNavStyle;","map":{"version":3,"names":["textEllipsis","genStepsNavStyle","token","componentCls","navContentMaxWidth","navArrowColor","stepsNavActiveColor","motionDurationSlow","paddingTop","paddingSM","marginInlineStart","marginSM","overflow","textAlign","display","height","margin","paddingBottom","transition","maxWidth","Object","assign","paddingInlineEnd","cursor","opacity","flex","position","top","insetInlineStart","width","fontSizeIcon","borderTop","lineWidth","lineType","borderBottom","borderInlineStart","borderInlineEnd","transform","content","bottom","lineWidthBold","backgroundColor","transitionTimingFunction","marginInlineEnd","insetInlineEnd","marginLG","controlHeight","marginBottom","marginXS","visibility"],"sources":["/Users/chrishaack/UC_Trains_Voice/react-demo/node_modules/antd/es/steps/style/nav.js"],"sourcesContent":["import { textEllipsis } from '../../style';\nconst genStepsNavStyle = token => {\n  const {\n    componentCls,\n    navContentMaxWidth,\n    navArrowColor,\n    stepsNavActiveColor,\n    motionDurationSlow\n  } = token;\n  return {\n    [`&${componentCls}-navigation`]: {\n      paddingTop: token.paddingSM,\n      [`&${componentCls}-small`]: {\n        [`${componentCls}-item`]: {\n          '&-container': {\n            marginInlineStart: -token.marginSM\n          }\n        }\n      },\n      [`${componentCls}-item`]: {\n        overflow: 'visible',\n        textAlign: 'center',\n        '&-container': {\n          display: 'inline-block',\n          height: '100%',\n          marginInlineStart: -token.margin,\n          paddingBottom: token.paddingSM,\n          textAlign: 'start',\n          transition: `opacity ${motionDurationSlow}`,\n          [`${componentCls}-item-content`]: {\n            maxWidth: navContentMaxWidth\n          },\n          [`${componentCls}-item-title`]: Object.assign(Object.assign({\n            maxWidth: '100%',\n            paddingInlineEnd: 0\n          }, textEllipsis), {\n            '&::after': {\n              display: 'none'\n            }\n          })\n        },\n        [`&:not(${componentCls}-item-active)`]: {\n          [`${componentCls}-item-container[role='button']`]: {\n            cursor: 'pointer',\n            '&:hover': {\n              opacity: 0.85\n            }\n          }\n        },\n        '&:last-child': {\n          flex: 1,\n          '&::after': {\n            display: 'none'\n          }\n        },\n        '&::after': {\n          position: 'absolute',\n          top: `calc(50% - ${token.paddingSM / 2}px)`,\n          insetInlineStart: '100%',\n          display: 'inline-block',\n          width: token.fontSizeIcon,\n          height: token.fontSizeIcon,\n          borderTop: `${token.lineWidth}px ${token.lineType} ${navArrowColor}`,\n          borderBottom: 'none',\n          borderInlineStart: 'none',\n          borderInlineEnd: `${token.lineWidth}px ${token.lineType} ${navArrowColor}`,\n          transform: 'translateY(-50%) translateX(-50%) rotate(45deg)',\n          content: '\"\"'\n        },\n        '&::before': {\n          position: 'absolute',\n          bottom: 0,\n          insetInlineStart: '50%',\n          display: 'inline-block',\n          width: 0,\n          height: token.lineWidthBold,\n          backgroundColor: stepsNavActiveColor,\n          transition: `width ${motionDurationSlow}, inset-inline-start ${motionDurationSlow}`,\n          transitionTimingFunction: 'ease-out',\n          content: '\"\"'\n        }\n      },\n      [`${componentCls}-item${componentCls}-item-active::before`]: {\n        insetInlineStart: 0,\n        width: '100%'\n      }\n    },\n    [`&${componentCls}-navigation${componentCls}-vertical`]: {\n      [`> ${componentCls}-item`]: {\n        marginInlineEnd: 0,\n        '&::before': {\n          display: 'none'\n        },\n        [`&${componentCls}-item-active::before`]: {\n          top: 0,\n          insetInlineEnd: 0,\n          insetInlineStart: 'unset',\n          display: 'block',\n          width: token.lineWidth * 3,\n          height: `calc(100% - ${token.marginLG}px)`\n        },\n        '&::after': {\n          position: 'relative',\n          insetInlineStart: '50%',\n          display: 'block',\n          width: token.controlHeight * 0.25,\n          height: token.controlHeight * 0.25,\n          marginBottom: token.marginXS,\n          textAlign: 'center',\n          transform: 'translateY(-50%) translateX(-50%) rotate(135deg)'\n        },\n        '&:last-child': {\n          '&::after': {\n            display: 'none'\n          }\n        },\n        [`> ${componentCls}-item-container > ${componentCls}-item-tail`]: {\n          visibility: 'hidden'\n        }\n      }\n    },\n    [`&${componentCls}-navigation${componentCls}-horizontal`]: {\n      [`> ${componentCls}-item > ${componentCls}-item-container > ${componentCls}-item-tail`]: {\n        visibility: 'hidden'\n      }\n    }\n  };\n};\nexport default genStepsNavStyle;"],"mappings":"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"},"metadata":{},"sourceType":"module","externalDependencies":[]}