@lobehub/ui/es/base-ui/Steps/style.mjs.map

Lobe UI is an open-source UI component library for building AIGC web apps

{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/base-ui/Steps/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\n  body: css`\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n    min-width: 0;\n  `,\n  connector: css`\n    flex: 1;\n    min-width: 16px;\n    height: 1px;\n    background: ${cssVar.colorBorderSecondary};\n\n    li[data-status='finish'] > & {\n      background: ${cssVar.colorPrimary};\n    }\n  `,\n  description: css`\n    font-size: 13px;\n    line-height: 1.5;\n    color: ${cssVar.colorTextSecondary};\n  `,\n  dot: css`\n    & > li > span:first-child {\n      width: 7px;\n      height: 7px;\n      margin-block-start: 8px;\n      border: 0;\n\n      background: ${cssVar.colorTextQuaternary};\n    }\n\n    & > li[data-status='process'] > span:first-child,\n    & > li[data-status='finish'] > span:first-child {\n      background: ${cssVar.colorPrimary};\n    }\n  `,\n  horizontal: css`\n    display: flex;\n    gap: 8px;\n    align-items: center;\n\n    & > li {\n      display: flex;\n      flex: 1;\n      gap: 8px;\n      align-items: center;\n\n      min-width: 0;\n    }\n\n    & > li:last-child {\n      flex: none;\n    }\n  `,\n  indicator: css`\n    display: inline-flex;\n    flex: none;\n    align-items: center;\n    justify-content: center;\n\n    width: 22px;\n    height: 22px;\n    border: 1px solid ${cssVar.colorBorder};\n    border-radius: 50%;\n\n    font-size: 12px;\n    font-weight: 500;\n    font-variant-numeric: tabular-nums;\n    color: ${cssVar.colorTextDescription};\n\n    li[data-status='process'] > & {\n      border-color: ${cssVar.colorPrimary};\n      color: ${cssVar.colorBgContainer};\n      background: ${cssVar.colorPrimary};\n    }\n\n    li[data-status='finish'] > & {\n      border-color: ${cssVar.colorPrimary};\n      color: ${cssVar.colorPrimary};\n    }\n\n    li[data-status='error'] > & {\n      border-color: ${cssVar.colorError};\n      color: ${cssVar.colorError};\n    }\n\n    li[data-status='guide'] > & {\n      color: ${cssVar.colorTextSecondary};\n    }\n  `,\n  root: css`\n    margin: 0;\n    padding: 0;\n    list-style: none;\n  `,\n  title: css`\n    font-size: 14px;\n    line-height: 22px;\n    color: ${cssVar.colorTextDescription};\n    white-space: nowrap;\n\n    li[data-status='process'] &,\n    li[data-status='finish'] &,\n    li[data-status='guide'] & {\n      color: ${cssVar.colorText};\n    }\n\n    li[data-status='process'] & {\n      font-weight: 500;\n    }\n\n    li[data-status='error'] & {\n      color: ${cssVar.colorError};\n    }\n  `,\n  vertical: css`\n    display: flex;\n    flex-direction: column;\n\n    & > li {\n      position: relative;\n\n      display: grid;\n      grid-template-columns: auto minmax(0, 1fr);\n      column-gap: 12px;\n\n      padding-block-end: 18px;\n    }\n\n    & > li:last-child {\n      padding-block-end: 0;\n    }\n\n    & > li > span[aria-hidden] {\n      position: absolute;\n      inset-block: 26px 4px;\n      inset-inline-start: 11px;\n\n      width: 1px;\n      min-width: 0;\n      height: auto;\n    }\n\n    & > li > div > div:first-child {\n      white-space: normal;\n    }\n  `,\n}));\n"],"mappings":";;AAEA,MAAa,SAAS,oBAAoB,EAAE,KAAK,cAAc;CAC7D,MAAM,GAAG;;;;;;CAMT,WAAW,GAAG;;;;kBAIE,OAAO,qBAAqB;;;oBAG1B,OAAO,aAAa;;;CAGtC,aAAa,GAAG;;;aAGL,OAAO,mBAAmB;;CAErC,KAAK,GAAG;;;;;;;oBAOU,OAAO,oBAAoB;;;;;oBAK3B,OAAO,aAAa;;;CAGtC,YAAY,GAAG;;;;;;;;;;;;;;;;;;CAkBf,WAAW,GAAG;;;;;;;;wBAQQ,OAAO,YAAY;;;;;;aAM9B,OAAO,qBAAqB;;;sBAGnB,OAAO,aAAa;eAC3B,OAAO,iBAAiB;oBACnB,OAAO,aAAa;;;;sBAIlB,OAAO,aAAa;eAC3B,OAAO,aAAa;;;;sBAIb,OAAO,WAAW;eACzB,OAAO,WAAW;;;;eAIlB,OAAO,mBAAmB;;;CAGvC,MAAM,GAAG;;;;;CAKT,OAAO,GAAG;;;aAGC,OAAO,qBAAqB;;;;;;eAM1B,OAAO,UAAU;;;;;;;;eAQjB,OAAO,WAAW;;;CAG/B,UAAU,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgCf,EAAE"}