@yamada-ui/react/dist/types/components/hue-slider/hue-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/hue-slider/hue-slider.style.d.ts
declare const hueSliderStyle: ComponentSlotStyle<"track" | "overlay" | "root" | "thumb", {
  /**
   * The shape of the thumb.
   *
   * @default 'circle'
   */
  shape: {
    circle: {
      root: {
        "--track-rounded": "{thumb-rounded}";
        "--thumb-rounded"?: "radii.full" | undefined;
      };
    };
    rounded: {
      root: {
        "--track-rounded": "{thumb-rounded}";
        "--thumb-rounded"?: "radii.l2" | undefined;
      };
    };
    square: {
      root: {
        "--track-rounded": "{thumb-rounded}";
        "--thumb-rounded"?: "0" | undefined;
      };
    };
  };
}, {
  xs: {
    root: {
      "--thumb-size": "sizes.4" | undefined;
      "--track-size": "sizes.4" | undefined;
    };
  };
  sm: {
    root: {
      "--thumb-size": "sizes.4" | undefined;
      "--track-size": "sizes.4" | undefined;
    };
  };
  md: {
    root: {
      "--thumb-size": "sizes.5" | undefined;
      "--track-size": "sizes.5" | undefined;
    };
  };
  lg: {
    root: {
      "--thumb-size": "sizes.6" | undefined;
      "--track-size": "sizes.6" | undefined;
    };
  };
  xl: {
    root: {
      "--thumb-size": "sizes.6" | undefined;
      "--track-size": "sizes.6" | undefined;
    };
  };
}, CSSModifierObject<CSSSlotObject<"track" | "overlay" | "root" | "thumb">>>;
type HueSliderStyle = typeof hueSliderStyle;
//#endregion
export { HueSliderStyle, hueSliderStyle };
//# sourceMappingURL=hue-slider.style.d.ts.map