@yamada-ui/react/dist/types/components/circle-progress/circle-progress.style.d.ts

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

import { ComponentSlotStyle } from "../../core/system/index.types.js";
import "../../index.js";

//#region src/components/circle-progress/circle-progress.style.d.ts
declare const circleProgressStyle: ComponentSlotStyle<"label" | "track" | "circle" | "range" | "root", {
  /**
   * The shape of the progress bar.
   *
   * @default 'rounded'
   */
  shape: {
    rounded: {
      range: {
        strokeLinecap: "round";
        _indeterminate: {
          strokeLinecap: "butt";
        };
      };
    };
    square: {
      range: {
        strokeLinecap: "butt";
      };
    };
  };
}, {
  xs: {
    label: {
      fontSize: "2xs";
    };
    root: {
      "--size": "{sizes.6}";
      "--thickness": "{sizes.1}";
    };
  };
  sm: {
    label: {
      fontSize: "2xs";
    };
    root: {
      "--size": "{sizes.8}";
      "--thickness": "{sizes.1.5}";
    };
  };
  md: {
    label: {
      fontSize: "2xs";
    };
    root: {
      "--size": "{sizes.10}";
      "--thickness": "{sizes.1.5}";
    };
  };
  lg: {
    label: {
      fontSize: "xs";
    };
    root: {
      "--size": "{sizes.12}";
      "--thickness": "{sizes.2}";
    };
  };
  xl: {
    label: {
      fontSize: "sm";
    };
    root: {
      "--size": "{sizes.14}";
      "--thickness": "{sizes.2}";
    };
  };
}, {
  outline: {
    range: {
      stroke: "colorScheme.solid";
    };
    track: {
      stroke: "bg.subtle";
    };
  };
  subtle: {
    range: {
      stroke: "colorScheme.solid/80";
    };
    track: {
      stroke: ["colorScheme.muted", "colorScheme.subtle"];
    };
  };
}>;
type CircleProgressStyle = typeof circleProgressStyle;
//#endregion
export { CircleProgressStyle, circleProgressStyle };
//# sourceMappingURL=circle-progress.style.d.ts.map