ezr-antd 1.0.0

package/es/color-picker/style/presets.js

@@ -0,0 +1,105 @@
+import { unit } from '@ant-design/cssinjs';
+const genPresetsStyle = token => {
+  const {
+    componentCls,
+    antCls,
+    colorTextQuaternary,
+    paddingXXS,
+    colorPickerPresetColorSize,
+    fontSizeSM,
+    colorText,
+    lineHeightSM,
+    lineWidth,
+    borderRadius,
+    colorFill,
+    colorWhite,
+    marginXXS,
+    paddingXS,
+    fontHeightSM
+  } = token;
+  return {
+    [`${componentCls}-presets`]: {
+      [`${antCls}-collapse-item > ${antCls}-collapse-header`]: {
+        padding: 0,
+        [`${antCls}-collapse-expand-icon`]: {
+          height: fontHeightSM,
+          color: colorTextQuaternary,
+          paddingInlineEnd: paddingXXS
+        }
+      },
+      [`${antCls}-collapse`]: {
+        display: 'flex',
+        flexDirection: 'column',
+        gap: marginXXS
+      },
+      [`${antCls}-collapse-item > ${antCls}-collapse-content > ${antCls}-collapse-content-box`]: {
+        padding: `${unit(paddingXS)} 0`
+      },
+      '&-label': {
+        fontSize: fontSizeSM,
+        color: colorText,
+        lineHeight: lineHeightSM
+      },
+      '&-items': {
+        display: 'flex',
+        flexWrap: 'wrap',
+        gap: token.calc(marginXXS).mul(1.5).equal(),
+        [`${componentCls}-presets-color`]: {
+          position: 'relative',
+          cursor: 'pointer',
+          width: colorPickerPresetColorSize,
+          height: colorPickerPresetColorSize,
+          '&::before': {
+            content: '""',
+            pointerEvents: 'none',
+            width: token.calc(colorPickerPresetColorSize).add(token.calc(lineWidth).mul(4)).equal(),
+            height: token.calc(colorPickerPresetColorSize).add(token.calc(lineWidth).mul(4)).equal(),
+            position: 'absolute',
+            top: token.calc(lineWidth).mul(-2).equal(),
+            insetInlineStart: token.calc(lineWidth).mul(-2).equal(),
+            borderRadius,
+            border: `${unit(lineWidth)} solid transparent`,
+            transition: `border-color ${token.motionDurationMid} ${token.motionEaseInBack}`
+          },
+          '&:hover::before': {
+            borderColor: colorFill
+          },
+          '&::after': {
+            boxSizing: 'border-box',
+            position: 'absolute',
+            top: '50%',
+            insetInlineStart: '21.5%',
+            display: 'table',
+            width: token.calc(colorPickerPresetColorSize).div(13).mul(5).equal(),
+            height: token.calc(colorPickerPresetColorSize).div(13).mul(8).equal(),
+            border: `${unit(token.lineWidthBold)} solid ${token.colorWhite}`,
+            borderTop: 0,
+            borderInlineStart: 0,
+            transform: 'rotate(45deg) scale(0) translate(-50%,-50%)',
+            opacity: 0,
+            content: '""',
+            transition: `all ${token.motionDurationFast} ${token.motionEaseInBack}, opacity ${token.motionDurationFast}`
+          },
+          [`&${componentCls}-presets-color-checked`]: {
+            '&::after': {
+              opacity: 1,
+              borderColor: colorWhite,
+              transform: 'rotate(45deg) scale(1) translate(-50%,-50%)',
+              transition: `transform ${token.motionDurationMid} ${token.motionEaseOutBack} ${token.motionDurationFast}`
+            },
+            [`&${componentCls}-presets-color-bright`]: {
+              '&::after': {
+                borderColor: 'rgba(0, 0, 0, 0.45)'
+              }
+            }
+          }
+        }
+      },
+      '&-empty': {
+        fontSize: fontSizeSM,
+        color: colorTextQuaternary
+      }
+    }
+  };
+};
+export default genPresetsStyle;

package/es/color-picker/style/slider.d.ts

@@ -0,0 +1,5 @@
+import type { CSSObject } from '@ant-design/cssinjs';
+import type { GenerateStyle } from '../../theme/internal';
+import type { ColorPickerToken } from './index';
+declare const genSliderStyle: GenerateStyle<ColorPickerToken, CSSObject>;
+export default genSliderStyle;

package/es/color-picker/style/slider.js

@@ -0,0 +1,95 @@
+import { unit } from '@ant-design/cssinjs';
+import { getTransBg } from './color-block';
+const genSliderStyle = token => {
+  const {
+    componentCls,
+    colorPickerInsetShadow,
+    colorBgElevated,
+    colorFillSecondary,
+    lineWidthBold,
+    colorPickerHandlerSizeSM,
+    colorPickerSliderHeight,
+    marginSM,
+    marginXS
+  } = token;
+  const handleInnerSize = token.calc(colorPickerHandlerSizeSM).sub(token.calc(lineWidthBold).mul(2).equal()).equal();
+  const handleHoverSize = token.calc(colorPickerHandlerSizeSM).add(token.calc(lineWidthBold).mul(2).equal()).equal();
+  const activeHandleStyle = {
+    '&:after': {
+      transform: 'scale(1)',
+      boxShadow: `${colorPickerInsetShadow}, 0 0 0 1px ${token.colorPrimaryActive}`
+    }
+  };
+  return {
+    // ======================== Slider ========================
+    [`${componentCls}-slider`]: [getTransBg(unit(colorPickerSliderHeight), token.colorFillSecondary), {
+      margin: 0,
+      padding: 0,
+      height: colorPickerSliderHeight,
+      borderRadius: token.calc(colorPickerSliderHeight).div(2).equal(),
+      '&-rail': {
+        height: colorPickerSliderHeight,
+        borderRadius: token.calc(colorPickerSliderHeight).div(2).equal(),
+        boxShadow: colorPickerInsetShadow
+      },
+      [`& ${componentCls}-slider-handle`]: {
+        width: handleInnerSize,
+        height: handleInnerSize,
+        top: 0,
+        borderRadius: '100%',
+        '&:before': {
+          display: 'block',
+          position: 'absolute',
+          background: 'transparent',
+          left: {
+            _skip_check_: true,
+            value: '50%'
+          },
+          top: '50%',
+          transform: 'translate(-50%, -50%)',
+          width: handleHoverSize,
+          height: handleHoverSize,
+          borderRadius: '100%'
+        },
+        '&:after': {
+          width: colorPickerHandlerSizeSM,
+          height: colorPickerHandlerSizeSM,
+          border: `${unit(lineWidthBold)} solid ${colorBgElevated}`,
+          boxShadow: `${colorPickerInsetShadow}, 0 0 0 1px ${colorFillSecondary}`,
+          outline: 'none',
+          insetInlineStart: token.calc(lineWidthBold).mul(-1).equal(),
+          top: token.calc(lineWidthBold).mul(-1).equal(),
+          background: 'transparent',
+          transition: 'none'
+        },
+        '&:focus': activeHandleStyle
+      }
+    }],
+    // ======================== Layout ========================
+    [`${componentCls}-slider-container`]: {
+      display: 'flex',
+      gap: marginSM,
+      marginBottom: marginSM,
+      // Group
+      [`${componentCls}-slider-group`]: {
+        flex: 1,
+        flexDirection: 'column',
+        justifyContent: 'space-between',
+        display: 'flex',
+        '&-disabled-alpha': {
+          justifyContent: 'center'
+        }
+      }
+    },
+    [`${componentCls}-gradient-slider`]: {
+      marginBottom: marginXS,
+      [`& ${componentCls}-slider-handle`]: {
+        '&:after': {
+          transform: 'scale(0.8)'
+        },
+        '&-active, &:focus': activeHandleStyle
+      }
+    }
+  };
+};
+export default genSliderStyle;

package/es/color-picker/util.d.ts

@@ -0,0 +1,15 @@
+import type { ColorGenInput } from '@rc-component/color-picker';
+import { AggregationColor } from './color';
+import type { ColorValueType } from './interface';
+export declare const generateColor: (color: ColorGenInput<AggregationColor> | Exclude<ColorValueType, null>) => AggregationColor;
+export declare const getRoundNumber: (value: number) => number;
+export declare const getColorAlpha: (color: AggregationColor) => number;
+/** Return the color whose `alpha` is 1 */
+export declare const genAlphaColor: (color: AggregationColor, alpha?: number) => AggregationColor;
+/**
+ * Get percent position color. e.g. [10%-#fff, 20%-#000], 15% => #888
+ */
+export declare const getGradientPercentColor: (colors: {
+    percent: number;
+    color: string;
+}[], percent: number) => string;

package/es/color-picker/util.js

@@ -0,0 +1,55 @@
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import { Color as RcColor } from '@rc-component/color-picker';
+import { AggregationColor } from './color';
+export const generateColor = color => {
+  if (color instanceof AggregationColor) {
+    return color;
+  }
+  return new AggregationColor(color);
+};
+export const getRoundNumber = value => Math.round(Number(value || 0));
+export const getColorAlpha = color => getRoundNumber(color.toHsb().a * 100);
+/** Return the color whose `alpha` is 1 */
+export const genAlphaColor = (color, alpha) => {
+  const rgba = color.toRgb();
+  // Color from hsb input may get `rgb` is (0/0/0) when `hsb.b` is 0
+  // So if rgb is empty, we should get from hsb
+  if (!rgba.r && !rgba.g && !rgba.b) {
+    const hsba = color.toHsb();
+    hsba.a = alpha || 1;
+    return generateColor(hsba);
+  }
+  rgba.a = alpha || 1;
+  return generateColor(rgba);
+};
+/**
+ * Get percent position color. e.g. [10%-#fff, 20%-#000], 15% => #888
+ */
+export const getGradientPercentColor = (colors, percent) => {
+  const filledColors = [{
+    percent: 0,
+    color: colors[0].color
+  }].concat(_toConsumableArray(colors), [{
+    percent: 100,
+    color: colors[colors.length - 1].color
+  }]);
+  for (let i = 0; i < filledColors.length - 1; i += 1) {
+    const startPtg = filledColors[i].percent;
+    const endPtg = filledColors[i + 1].percent;
+    const startColor = filledColors[i].color;
+    const endColor = filledColors[i + 1].color;
+    if (startPtg <= percent && percent <= endPtg) {
+      const dist = endPtg - startPtg;
+      if (dist === 0) {
+        return startColor;
+      }
+      const ratio = (percent - startPtg) / dist * 100;
+      const startRcColor = new RcColor(startColor);
+      const endRcColor = new RcColor(endColor);
+      return startRcColor.mix(endRcColor, ratio).toRgbString();
+    }
+  }
+  // This will never reach
+  /* istanbul ignore next */
+  return '';
+};

package/es/config-provider/DisabledContext.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+declare const DisabledContext: React.Context<boolean>;
+export interface DisabledContextProps {
+    disabled?: boolean;
+    children?: React.ReactNode;
+}
+export declare const DisabledContextProvider: React.FC<DisabledContextProps>;
+export default DisabledContext;

package/es/config-provider/DisabledContext.js

@@ -0,0 +1,14 @@
+"use client";
+
+import * as React from 'react';
+const DisabledContext = /*#__PURE__*/React.createContext(false);
+export const DisabledContextProvider = ({
+  children,
+  disabled
+}) => {
+  const originDisabled = React.useContext(DisabledContext);
+  return /*#__PURE__*/React.createElement(DisabledContext.Provider, {
+    value: disabled !== null && disabled !== void 0 ? disabled : originDisabled
+  }, children);
+};
+export default DisabledContext;

package/es/config-provider/MotionWrapper.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+export interface MotionWrapperProps {
+    children?: React.ReactNode;
+}
+export default function MotionWrapper(props: MotionWrapperProps): React.ReactElement;

package/es/config-provider/MotionWrapper.js

@@ -0,0 +1,22 @@
+"use client";
+
+import * as React from 'react';
+import { Provider as MotionProvider } from 'rc-motion';
+import { useToken } from '../theme/internal';
+export default function MotionWrapper(props) {
+  const {
+    children
+  } = props;
+  const [, token] = useToken();
+  const {
+    motion
+  } = token;
+  const needWrapMotionProviderRef = React.useRef(false);
+  needWrapMotionProviderRef.current = needWrapMotionProviderRef.current || motion === false;
+  if (needWrapMotionProviderRef.current) {
+    return /*#__PURE__*/React.createElement(MotionProvider, {
+      motion: motion
+    }, children);
+  }
+  return children;
+}

package/es/config-provider/PropWarning.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+export interface PropWarningProps {
+    dropdownMatchSelectWidth?: boolean;
+}
+declare const _default: React.MemoExoticComponent<({ dropdownMatchSelectWidth }: PropWarningProps) => null> | (() => null);
+export default _default;

package/es/config-provider/PropWarning.js

@@ -0,0 +1,19 @@
+"use client";
+
+import * as React from 'react';
+import { devUseWarning } from '../_util/warning';
+/**
+ * Warning for ConfigProviderProps.
+ * This will be empty function in production.
+ */
+const PropWarning = /*#__PURE__*/React.memo(({
+  dropdownMatchSelectWidth
+}) => {
+  const warning = devUseWarning('ConfigProvider');
+  warning.deprecated(dropdownMatchSelectWidth === undefined, 'dropdownMatchSelectWidth', 'popupMatchSelectWidth');
+  return null;
+});
+if (process.env.NODE_ENV !== 'production') {
+  PropWarning.displayName = 'PropWarning';
+}
+export default process.env.NODE_ENV !== 'production' ? PropWarning : () => null;

package/es/config-provider/SizeContext.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export type SizeType = 'small' | 'middle' | 'large' | undefined;
+declare const SizeContext: React.Context<SizeType>;
+export interface SizeContextProps {
+    size?: SizeType;
+    children?: React.ReactNode;
+}
+export declare const SizeContextProvider: React.FC<SizeContextProps>;
+export default SizeContext;

package/es/config-provider/SizeContext.js

@@ -0,0 +1,14 @@
+"use client";
+
+import * as React from 'react';
+const SizeContext = /*#__PURE__*/React.createContext(undefined);
+export const SizeContextProvider = ({
+  children,
+  size
+}) => {
+  const originSize = React.useContext(SizeContext);
+  return /*#__PURE__*/React.createElement(SizeContext.Provider, {
+    value: size || originSize
+  }, children);
+};
+export default SizeContext;

package/es/config-provider/context.d.ts

@@ -0,0 +1,251 @@
+import * as React from 'react';
+import type { WarningContextProps } from '../_util/warning';
+import type { ShowWaveEffect } from '../_util/wave/interface';
+import type { AlertProps } from '../alert';
+import type { BadgeProps } from '../badge';
+import type { ButtonProps } from '../button';
+import type { CardProps } from '../card';
+import type { CascaderProps } from '../cascader';
+import type { CollapseProps } from '../collapse';
+import type { DatePickerProps, RangePickerProps } from '../date-picker';
+import type { DrawerProps } from '../drawer';
+import type { FlexProps } from '../flex/interface';
+import type { FloatButtonGroupProps } from '../float-button/interface';
+import type { FormProps } from '../form/Form';
+import type { InputProps, TextAreaProps } from '../input';
+import type { InputNumberProps } from '../input-number';
+import type { ListItemProps } from '../list';
+import type { Locale } from '../locale';
+import type { MentionsProps } from '../mentions';
+import type { MenuProps } from '../menu';
+import type { ModalProps } from '../modal';
+import type { ArgsProps } from '../notification/interface';
+import type { PaginationProps } from '../pagination';
+import type { SelectProps } from '../select';
+import type { SpaceProps } from '../space';
+import type { SpinProps } from '../spin';
+import type { TableProps } from '../table';
+import type { TabsProps } from '../tabs';
+import type { TagProps } from '../tag';
+import type { AliasToken, MappingAlgorithm, OverrideToken } from '../theme/interface';
+import type { TimePickerProps } from '../time-picker';
+import type { TourProps } from '../tour/interface';
+import type { TransferProps } from '../transfer';
+import type { TreeSelectProps } from '../tree-select';
+import type { RenderEmptyHandler } from './defaultRenderEmpty';
+export declare const defaultPrefixCls = "ant";
+export declare const defaultIconPrefixCls = "anticon";
+export interface Theme {
+    primaryColor?: string;
+    infoColor?: string;
+    successColor?: string;
+    processingColor?: string;
+    errorColor?: string;
+    warningColor?: string;
+}
+export interface CSPConfig {
+    nonce?: string;
+}
+export type DirectionType = 'ltr' | 'rtl' | undefined;
+type ComponentsConfig = {
+    [key in keyof OverrideToken]?: OverrideToken[key] & {
+        algorithm?: boolean | MappingAlgorithm | MappingAlgorithm[];
+    };
+};
+export interface ThemeConfig {
+    /**
+     * @descCN 用于修改 Design Token。
+     * @descEN Modify Design Token.
+     */
+    token?: Partial<AliasToken>;
+    /**
+     * @descCN 用于修改各个组件的 Component Token 以及覆盖该组件消费的 Alias Token。
+     * @descEN Modify Component Token and Alias Token applied to components.
+     */
+    components?: ComponentsConfig;
+    /**
+     * @descCN 用于修改 Seed Token 到 Map Token 的算法。
+     * @descEN Modify the algorithms of theme.
+     * @default defaultAlgorithm
+     */
+    algorithm?: MappingAlgorithm | MappingAlgorithm[];
+    /**
+     * @descCN 是否继承外层 `ConfigProvider` 中配置的主题。
+     * @descEN Whether to inherit the theme configured in the outer layer `ConfigProvider`.
+     * @default true
+     */
+    inherit?: boolean;
+    /**
+     * @descCN 是否开启 `hashed` 属性。如果你的应用中只存在一个版本的 antd，你可以设置为 `false` 来进一步减小样式体积。
+     * @descEN Whether to enable the `hashed` attribute. If there is only one version of antd in your application, you can set `false` to reduce the bundle size.
+     * @default true
+     * @since 5.0.0
+     */
+    hashed?: boolean;
+    /**
+     * @descCN 通过 `cssVar` 配置来开启 CSS 变量模式，这个配置会被继承。
+     * @descEN Enable CSS variable mode through `cssVar` configuration, This configuration will be inherited.
+     * @default false
+     * @since 5.12.0
+     */
+    cssVar?: {
+        /**
+         * @descCN css 变量的前缀
+         * @descEN Prefix for css variable.
+         * @default ant
+         */
+        prefix?: string;
+        /**
+         * @descCN 主题的唯一 key，版本低于 react@18 时需要手动设置。
+         * @descEN Unique key for theme, should be set manually < react@18.
+         */
+        key?: string;
+    } | boolean;
+}
+export interface ComponentStyleConfig {
+    className?: string;
+    style?: React.CSSProperties;
+}
+export interface TableConfig extends ComponentStyleConfig {
+    expandable?: {
+        expandIcon?: NonNullable<TableProps['expandable']>['expandIcon'];
+    };
+}
+export interface ImageConfig extends ComponentStyleConfig {
+    preview?: Partial<Record<'closeIcon', React.ReactNode>>;
+}
+export type CollapseConfig = ComponentStyleConfig & Pick<CollapseProps, 'expandIcon'>;
+export type MenuConfig = ComponentStyleConfig & Pick<MenuProps, 'expandIcon'>;
+export type TourConfig = Pick<TourProps, 'closeIcon'>;
+export type ModalConfig = ComponentStyleConfig & Pick<ModalProps, 'classNames' | 'styles' | 'closeIcon' | 'closable'>;
+export type TabsConfig = ComponentStyleConfig & Pick<TabsProps, 'indicator' | 'indicatorSize' | 'more' | 'moreIcon' | 'addIcon' | 'removeIcon'>;
+export type AlertConfig = ComponentStyleConfig & Pick<AlertProps, 'closable' | 'closeIcon'>;
+export type BadgeConfig = ComponentStyleConfig & Pick<BadgeProps, 'classNames' | 'styles'>;
+export type InputConfig = ComponentStyleConfig & Pick<InputProps, 'autoComplete' | 'classNames' | 'styles' | 'allowClear' | 'variant'>;
+export type TextAreaConfig = ComponentStyleConfig & Pick<TextAreaProps, 'autoComplete' | 'classNames' | 'styles' | 'allowClear' | 'variant'>;
+export type ButtonConfig = ComponentStyleConfig & Pick<ButtonProps, 'classNames' | 'styles' | 'autoInsertSpace'>;
+export type NotificationConfig = ComponentStyleConfig & Pick<ArgsProps, 'closeIcon'>;
+export type TagConfig = ComponentStyleConfig & Pick<TagProps, 'closeIcon' | 'closable'>;
+export type CardConfig = ComponentStyleConfig & Pick<CardProps, 'classNames' | 'styles'>;
+export type DrawerConfig = ComponentStyleConfig & Pick<DrawerProps, 'classNames' | 'styles' | 'closeIcon' | 'closable'>;
+export type FlexConfig = ComponentStyleConfig & Pick<FlexProps, 'vertical'>;
+export type TransferConfig = ComponentStyleConfig & Pick<TransferProps, 'selectionsIcon'>;
+export type FormConfig = ComponentStyleConfig & Pick<FormProps, 'requiredMark' | 'colon' | 'scrollToFirstError' | 'validateMessages' | 'variant'>;
+export type FloatButtonGroupConfig = Pick<FloatButtonGroupProps, 'closeIcon'>;
+export type PaginationConfig = ComponentStyleConfig & Pick<PaginationProps, 'showSizeChanger'>;
+export type SelectConfig = ComponentStyleConfig & Pick<SelectProps, 'showSearch' | 'variant'>;
+export type SpaceConfig = ComponentStyleConfig & Pick<SpaceProps, 'size' | 'classNames' | 'styles'>;
+export type SpinConfig = ComponentStyleConfig & Pick<SpinProps, 'indicator'>;
+export type InputNumberConfig = ComponentStyleConfig & Pick<InputNumberProps, 'variant'>;
+export type CascaderConfig = ComponentStyleConfig & Pick<CascaderProps, 'variant'>;
+export type TreeSelectConfig = ComponentStyleConfig & Pick<TreeSelectProps, 'variant'>;
+export type DatePickerConfig = ComponentStyleConfig & Pick<DatePickerProps, 'variant'>;
+export type RangePickerConfig = ComponentStyleConfig & Pick<RangePickerProps, 'variant'>;
+export type TimePickerConfig = ComponentStyleConfig & Pick<TimePickerProps, 'variant'>;
+export type MentionsConfig = ComponentStyleConfig & Pick<MentionsProps, 'variant'>;
+export type PopupOverflow = 'viewport' | 'scroll';
+export interface ListConfig extends ComponentStyleConfig {
+    item?: Pick<ListItemProps, 'classNames' | 'styles'>;
+}
+export declare const Variants: readonly ["outlined", "borderless", "filled"];
+export type Variant = (typeof Variants)[number];
+export interface WaveConfig {
+    /**
+     * @descCN 是否开启水波纹效果。如果需要关闭，可以设置为 `false`。
+     * @descEN Whether to use wave effect. If it needs to close, set to `false`.
+     * @default true
+     */
+    disabled?: boolean;
+    /**
+     * @descCN 自定义水波纹效果。
+     * @descEN Customized wave effect.
+     */
+    showEffect?: ShowWaveEffect;
+}
+export interface ConfigConsumerProps {
+    getTargetContainer?: () => HTMLElement;
+    getPopupContainer?: (triggerNode?: HTMLElement) => HTMLElement;
+    rootPrefixCls?: string;
+    iconPrefixCls: string;
+    getPrefixCls: (suffixCls?: string, customizePrefixCls?: string) => string;
+    renderEmpty?: RenderEmptyHandler;
+    /**
+     * @descCN 设置 [Content Security Policy](https://developer.mozilla.org/zh-CN/docs/Web/HTTP/CSP) 配置。
+     * @descEN Set the [Content Security Policy](https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP) config.
+     */
+    csp?: CSPConfig;
+    /** @deprecated Please use `{ button: { autoInsertSpace: boolean }}` instead */
+    autoInsertSpaceInButton?: boolean;
+    variant?: Variant;
+    input?: InputConfig;
+    textArea?: TextAreaConfig;
+    inputNumber?: InputNumberConfig;
+    pagination?: PaginationConfig;
+    locale?: Locale;
+    direction?: DirectionType;
+    space?: SpaceConfig;
+    splitter?: ComponentStyleConfig;
+    virtual?: boolean;
+    popupMatchSelectWidth?: boolean;
+    popupOverflow?: PopupOverflow;
+    form?: FormConfig;
+    theme?: ThemeConfig;
+    select?: SelectConfig;
+    alert?: AlertConfig;
+    anchor?: ComponentStyleConfig;
+    button?: ButtonConfig;
+    divider?: ComponentStyleConfig;
+    drawer?: DrawerConfig;
+    calendar?: ComponentStyleConfig;
+    carousel?: ComponentStyleConfig;
+    cascader?: CascaderConfig;
+    treeSelect?: TreeSelectConfig;
+    collapse?: CollapseConfig;
+    floatButtonGroup?: FloatButtonGroupConfig;
+    typography?: ComponentStyleConfig;
+    skeleton?: ComponentStyleConfig;
+    spin?: SpinConfig;
+    segmented?: ComponentStyleConfig;
+    steps?: ComponentStyleConfig;
+    statistic?: ComponentStyleConfig;
+    image?: ImageConfig;
+    layout?: ComponentStyleConfig;
+    list?: ListConfig;
+    mentions?: MentionsConfig;
+    modal?: ModalConfig;
+    progress?: ComponentStyleConfig;
+    result?: ComponentStyleConfig;
+    slider?: ComponentStyleConfig;
+    breadcrumb?: ComponentStyleConfig;
+    menu?: MenuConfig;
+    checkbox?: ComponentStyleConfig;
+    descriptions?: ComponentStyleConfig;
+    empty?: ComponentStyleConfig;
+    badge?: BadgeConfig;
+    radio?: ComponentStyleConfig;
+    rate?: ComponentStyleConfig;
+    switch?: ComponentStyleConfig;
+    transfer?: TransferConfig;
+    avatar?: ComponentStyleConfig;
+    message?: ComponentStyleConfig;
+    tag?: TagConfig;
+    table?: TableConfig;
+    card?: CardConfig;
+    tabs?: TabsConfig;
+    timeline?: ComponentStyleConfig;
+    timePicker?: TimePickerConfig;
+    tour?: TourConfig;
+    upload?: ComponentStyleConfig;
+    notification?: NotificationConfig;
+    tree?: ComponentStyleConfig;
+    colorPicker?: ComponentStyleConfig;
+    datePicker?: DatePickerConfig;
+    rangePicker?: RangePickerConfig;
+    dropdown?: ComponentStyleConfig;
+    flex?: FlexConfig;
+    wave?: WaveConfig;
+    warning?: WarningContextProps;
+}
+export declare const ConfigContext: React.Context<ConfigConsumerProps>;
+export declare const ConfigConsumer: React.Consumer<ConfigConsumerProps>;
+export {};

package/es/config-provider/context.js

@@ -0,0 +1,19 @@
+import * as React from 'react';
+export const defaultPrefixCls = 'ant';
+export const defaultIconPrefixCls = 'anticon';
+export const Variants = ['outlined', 'borderless', 'filled'];
+const defaultGetPrefixCls = (suffixCls, customizePrefixCls) => {
+  if (customizePrefixCls) {
+    return customizePrefixCls;
+  }
+  return suffixCls ? `${defaultPrefixCls}-${suffixCls}` : defaultPrefixCls;
+};
+// zombieJ: 🚨 Do not pass `defaultRenderEmpty` here since it will cause circular dependency.
+export const ConfigContext = /*#__PURE__*/React.createContext({
+  // We provide a default function for Context without provider
+  getPrefixCls: defaultGetPrefixCls,
+  iconPrefixCls: defaultIconPrefixCls
+});
+export const {
+  Consumer: ConfigConsumer
+} = ConfigContext;

package/es/config-provider/cssVariables.d.ts

@@ -0,0 +1,3 @@
+import type { Theme } from './context';
+export declare function getStyle(globalPrefixCls: string, theme: Theme): string;
+export declare function registerTheme(globalPrefixCls: string, theme: Theme): void;