@yamada-ui/react/dist/types/components/saturation-slider/saturation-slider.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 { CSSModifierObject, CSSSlotObject } from "../../core/css/index.types.js";
import "../../index.js";

//#region src/components/saturation-slider/saturation-slider.style.d.ts
declare const saturationSliderStyle: ComponentSlotStyle<"track" | "root" | "thumb", {
  /**
   * The shape of the thumb.
   *
   * @default 'circle'
   */
  shape: {
    circle: {
      root: {
        "--root-rounded": "radii.l2";
        "--thumb-rounded"?: "radii.full" | undefined;
      };
    };
    rounded: {
      root: {
        "--root-rounded": "radii.l2";
        "--thumb-rounded"?: "radii.l2" | undefined;
      };
    };
    square: {
      root: {
        "--root-rounded": "0";
        "--thumb-rounded"?: "0" | undefined;
      };
    };
  };
}, {
  xs: {
    root: {
      "--thumb-size": "sizes.4" | undefined;
    };
  };
  sm: {
    root: {
      "--thumb-size": "sizes.4" | undefined;
    };
  };
  md: {
    root: {
      "--thumb-size": "sizes.5" | undefined;
    };
  };
  lg: {
    root: {
      "--thumb-size": "sizes.6" | undefined;
    };
  };
  xl: {
    root: {
      "--thumb-size": "sizes.6" | undefined;
    };
  };
}, CSSModifierObject<CSSSlotObject<"track" | "root" | "thumb">>>;
type SaturationSliderStyle = typeof saturationSliderStyle;
//#endregion
export { SaturationSliderStyle, saturationSliderStyle };
//# sourceMappingURL=saturation-slider.style.d.ts.map