@kuma-ui/system/dist/props/border.d.ts

🐻 Kuma UI is a utility-first, zero-runtime CSS-in-JS library that offers an outstanding developer experience and optimized performance.

import { BorderKeys } from '../keys.js';
import { ThemeSystemType, CSSValue, AddProperty, CSSProperties } from '../types.js';
import 'csstype';
import '@kuma-ui/sheet';

type BorderProps<T extends ThemeSystemType = ThemeSystemType> = Partial<{
    /**
     * @see borderTop
     * @see borderBottom
     */
    borderY: CSSValue<"borderTop" | "borderBottom", true>;
    /**
     * @see borderLeft
     * @see borderRight
     */
    borderX: CSSValue<"borderLeft" | "borderRight", true>;
    /**
     * @see borderInlineStart
     */
    borderStart: CSSValue<"borderInlineStart", true>;
    /**
     * @see borderInlineEnd
     */
    borderEnd: CSSValue<"borderInlineEnd", true>;
    /**
     * @see borderInlineStartWidth
     */
    borderStartWidth: CSSValue<"borderInlineStartWidth", true>;
    /**
     * @see borderInlineEndWidth
     */
    borderEndWidth: CSSValue<"borderInlineEndWidth", true>;
    /**
     * @see borderInlineStartStyle
     */
    borderStartStyle: CSSValue<"borderInlineStartStyle">;
    /**
     * @see borderInlineEndStyle
     */
    borderEndStyle: CSSValue<"borderInlineEndStyle">;
} & AddProperty<CSSProperties<"borderRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius", true> & {
    /**
     * @see borderTopLeftRadius
     * @see borderBottomLeftRadius
     */
    borderStartRadius: CSSValue<"borderTopLeftRadius" | "borderBottomLeftRadius", true>;
    /**
     * @see borderTopRightRadius
     * @see borderBottomRightRadius
     */
    borderEndRadius: CSSValue<"borderTopRightRadius" | "borderBottomRightRadius", true>;
}, T["radii"]> & CSSProperties<"border" | "borderTop" | "borderRight" | "borderLeft" | "borderBottom", true> & CSSProperties<"borderStyle" | "borderTopStyle" | "borderBottomStyle" | "borderLeftStyle" | "borderRightStyle"> & CSSProperties<"borderWidth" | "borderTopWidth" | "borderBottomWidth" | "borderLeftWidth" | "borderRightWidth", true>>;
declare const borderMappings: Record<BorderKeys, string>;

export { BorderProps, borderMappings };