@yamada-ui/react/dist/cjs/components/steps/steps.style.cjs.map

React UI components of the Yamada, by the Yamada, for the Yamada built with React and Emotion

{"version":3,"file":"steps.style.cjs","names":["defineComponentSlotStyle"],"sources":["../../../../src/components/steps/steps.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\n\nexport const stepsStyle = defineComponentSlotStyle({\n  base: {\n    description: {\n      color: \"fg.muted\",\n    },\n    indicator: {\n      alignItems: \"center\",\n      boxSize: \"{size}\",\n      display: \"flex\",\n      flexShrink: \"0\",\n      fontWeight: \"medium\",\n      justifyContent: \"center\",\n      rounded: \"full\",\n      transitionDuration: \"moderate\",\n      transitionProperty: \"common\",\n    },\n    item: {\n      display: \"flex\",\n      flex: \"1 0 0\",\n      position: \"relative\",\n      _last: {\n        \"& [role=separator]\": {\n          display: \"none\",\n        },\n        flex: \"initial\",\n      },\n    },\n    list: {\n      display: \"flex\",\n      gap: \"3\",\n      justifyContent: \"space-between\",\n    },\n    root: {\n      display: \"flex\",\n      gap: \"4\",\n      w: \"full\",\n    },\n    separator: {\n      bg: \"border\",\n      flex: \"1\",\n      transitionDuration: \"moderate\",\n      transitionProperty: \"common\",\n    },\n    title: {\n      fontWeight: \"medium\",\n    },\n  },\n\n  props: {\n    /**\n     * The orientation of the steps.\n     *\n     * @default 'horizontal'\n     */\n    orientation: {\n      horizontal: {\n        item: {\n          alignItems: \"center\",\n          flexDirection: \"row\",\n        },\n        list: {\n          alignItems: \"center\",\n          flexDirection: \"row\",\n          w: \"full\",\n        },\n        root: {\n          flexDirection: \"column\",\n        },\n        separator: {\n          h: \"{thickness}\",\n          w: \"full\",\n        },\n      },\n      vertical: {\n        content: {\n          flex: \"1\",\n        },\n        item: {\n          alignItems: \"flex-start\",\n        },\n        list: {\n          alignItems: \"flex-start\",\n          flexDirection: \"column\",\n        },\n        root: {\n          flexDirection: \"row\",\n        },\n        separator: {\n          h: \"full\",\n          insetBlockStart: \"calc({size} + {gap})\",\n          insetInlineStart: \"calc(({size} / 2) - ({thickness} / 2))\",\n          maxH: `calc(full - {size} - {gap})`,\n          position: \"absolute\",\n          w: \"{thickness}\",\n        },\n      },\n    },\n  },\n\n  variants: {\n    solid: {\n      indicator: {\n        _complete: {\n          layerStyle: \"solid\",\n        },\n        _current: {\n          bg: \"colorScheme.muted\",\n          color: \"colorScheme.fg\",\n        },\n        _incomplete: {\n          bg: \"bg.subtle\",\n          color: \"fg.emphasized\",\n        },\n      },\n      separator: {\n        _complete: {\n          bg: \"colorScheme.solid\",\n        },\n      },\n    },\n    subtle: {\n      indicator: {\n        _complete: {\n          bg: \"colorScheme.emphasized\",\n          color: \"colorScheme.fg\",\n        },\n        _current: {\n          bg: \"colorScheme.muted\",\n          color: \"colorScheme.fg\",\n        },\n        _incomplete: {\n          bg: \"bg.subtle\",\n          color: \"fg.emphasized\",\n        },\n      },\n      separator: {\n        _complete: {\n          bg: \"colorScheme.emphasized\",\n        },\n      },\n    },\n  },\n\n  sizes: {\n    sm: {\n      indicator: {\n        fontSize: \"md\",\n      },\n      item: {\n        \"--gap\": \"sizes.3\",\n        \"--size\": \"sizes.8\",\n        \"--thickness\": \"sizes.0.5\",\n        fontSize: \"xs\",\n        gap: \"3\",\n      },\n    },\n    md: {\n      indicator: {\n        fontSize: \"md\",\n      },\n      item: {\n        \"--gap\": \"sizes.3\",\n        \"--size\": \"sizes.10\",\n        \"--thickness\": \"sizes.0.5\",\n        fontSize: \"sm\",\n        gap: \"3\",\n      },\n    },\n    lg: {\n      indicator: {\n        fontSize: \"lg\",\n      },\n      item: {\n        \"--gap\": \"sizes.3\",\n        \"--size\": \"sizes.12\",\n        \"--thickness\": \"sizes.0.5\",\n        gap: \"3\",\n      },\n    },\n  },\n\n  defaultProps: {\n    size: \"md\",\n    variant: \"solid\",\n    orientation: \"horizontal\",\n  },\n})\n\nexport type StepsStyle = typeof stepsStyle\n"],"mappings":";;;AAEA,MAAa,aAAaA,wCAAyB;CACjD,MAAM;EACJ,aAAa,EACX,OAAO,YACR;EACD,WAAW;GACT,YAAY;GACZ,SAAS;GACT,SAAS;GACT,YAAY;GACZ,YAAY;GACZ,gBAAgB;GAChB,SAAS;GACT,oBAAoB;GACpB,oBAAoB;GACrB;EACD,MAAM;GACJ,SAAS;GACT,MAAM;GACN,UAAU;GACV,OAAO;IACL,sBAAsB,EACpB,SAAS,QACV;IACD,MAAM;IACP;GACF;EACD,MAAM;GACJ,SAAS;GACT,KAAK;GACL,gBAAgB;GACjB;EACD,MAAM;GACJ,SAAS;GACT,KAAK;GACL,GAAG;GACJ;EACD,WAAW;GACT,IAAI;GACJ,MAAM;GACN,oBAAoB;GACpB,oBAAoB;GACrB;EACD,OAAO,EACL,YAAY,UACb;EACF;CAED,OAAO,EAML,aAAa;EACX,YAAY;GACV,MAAM;IACJ,YAAY;IACZ,eAAe;IAChB;GACD,MAAM;IACJ,YAAY;IACZ,eAAe;IACf,GAAG;IACJ;GACD,MAAM,EACJ,eAAe,UAChB;GACD,WAAW;IACT,GAAG;IACH,GAAG;IACJ;GACF;EACD,UAAU;GACR,SAAS,EACP,MAAM,KACP;GACD,MAAM,EACJ,YAAY,cACb;GACD,MAAM;IACJ,YAAY;IACZ,eAAe;IAChB;GACD,MAAM,EACJ,eAAe,OAChB;GACD,WAAW;IACT,GAAG;IACH,iBAAiB;IACjB,kBAAkB;IAClB,MAAM;IACN,UAAU;IACV,GAAG;IACJ;GACF;EACF,EACF;CAED,UAAU;EACR,OAAO;GACL,WAAW;IACT,WAAW,EACT,YAAY,SACb;IACD,UAAU;KACR,IAAI;KACJ,OAAO;KACR;IACD,aAAa;KACX,IAAI;KACJ,OAAO;KACR;IACF;GACD,WAAW,EACT,WAAW,EACT,IAAI,qBACL,EACF;GACF;EACD,QAAQ;GACN,WAAW;IACT,WAAW;KACT,IAAI;KACJ,OAAO;KACR;IACD,UAAU;KACR,IAAI;KACJ,OAAO;KACR;IACD,aAAa;KACX,IAAI;KACJ,OAAO;KACR;IACF;GACD,WAAW,EACT,WAAW,EACT,IAAI,0BACL,EACF;GACF;EACF;CAED,OAAO;EACL,IAAI;GACF,WAAW,EACT,UAAU,MACX;GACD,MAAM;IACJ,SAAS;IACT,UAAU;IACV,eAAe;IACf,UAAU;IACV,KAAK;IACN;GACF;EACD,IAAI;GACF,WAAW,EACT,UAAU,MACX;GACD,MAAM;IACJ,SAAS;IACT,UAAU;IACV,eAAe;IACf,UAAU;IACV,KAAK;IACN;GACF;EACD,IAAI;GACF,WAAW,EACT,UAAU,MACX;GACD,MAAM;IACJ,SAAS;IACT,UAAU;IACV,eAAe;IACf,KAAK;IACN;GACF;EACF;CAED,cAAc;EACZ,MAAM;EACN,SAAS;EACT,aAAa;EACd;CACF,CAAC"}