@yamada-ui/react/dist/types/components/radio/radio.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/radio/radio.style.d.ts
declare const radioStyle: ComponentSlotStyle<"label" | "group" | "root" | "indicator", {
  /**
   * The shape of the component
   *
   * @default 'circle'
   */
  shape: {
    circle: {
      indicator: {
        rounded: "full";
        _before: {
          rounded: "full";
        };
      };
    };
    rounded: {
      indicator: {
        rounded: "l1";
        _before: {
          rounded: "calc({radii.l1} / 2)";
        };
      };
    };
    square: {
      indicator: {
        rounded: "0";
        _before: {
          rounded: "0";
        };
      };
    };
  };
}, {
  sm: {
    indicator: {
      _before: {
        boxSize: "1.5";
      };
    };
    root: {
      "--indicator-size": "sizes.3.5";
      "--label-size": "fontSizes.sm";
    };
  };
  md: {
    indicator: {
      _before: {
        boxSize: "2";
      };
    };
    root: {
      "--indicator-size": "sizes.4";
      "--label-size": "fontSizes.md";
    };
  };
  lg: {
    indicator: {
      _before: {
        boxSize: "3";
      };
    };
    root: {
      "--indicator-size": "sizes.5";
      "--label-size": "fontSizes.lg";
    };
  };
}, {
  base: {
    indicator: {
      _checked: {
        _before: {
          bg: "colorScheme.solid";
        };
      };
    };
  };
  outline: {
    indicator: {
      _checked: {
        _before: {
          bg: "colorScheme.outline";
        };
      };
    };
    root: {
      _checked: {
        "--indicator-border-color": "colorScheme.outline";
      };
    };
  };
  solid: {};
  subtle: {
    indicator: {
      bg: "colorScheme.subtle";
    };
    root: {
      "--indicator-border-color": "transparent";
    };
  };
  surface: {
    indicator: {
      bg: "colorScheme.subtle";
    };
    root: {
      "--indicator-border-color": "colorScheme.muted";
    };
  };
}>;
type RadioStyle = typeof radioStyle;
//#endregion
export { RadioStyle, radioStyle };
//# sourceMappingURL=radio.style.d.ts.map