@swiftcrab/crab 0.0.5 → 0.0.7

package/es/theme/index.d.ts

@@ -0,0 +1,43 @@
+import { SeedToken } from "./interface/seeds.js";
+import { MapToken } from "./interface/maps/index.js";
+import { AliasToken } from "./interface/alias.js";
+import { DesignTokenProviderProps } from "./context.js";
+import derivative from "./themes/default/index.js";
+import "../index.js";
+import { ThemeConfig } from "../config-provider/context.js";
+import { GlobalToken } from "./interface/cssinjs-utils.js";
+import { MappingAlgorithm } from "./interface/index.js";
+//#region components/theme/index.d.ts
+/** Get current context Design Token. Will be different if you are using nest theme config. */
+declare function useToken(): {
+  theme: import("@ant-design/cssinjs").Theme<SeedToken, AliasToken>;
+  token: GlobalToken;
+  hashId: string;
+};
+declare const _default: {
+  /** Default seedToken */
+  defaultSeed: SeedToken;
+  useToken: typeof useToken;
+  defaultAlgorithm: typeof derivative;
+  darkAlgorithm: import("@ant-design/cssinjs").DerivativeFunc<SeedToken, MapToken>;
+  compactAlgorithm: import("@ant-design/cssinjs").DerivativeFunc<SeedToken, MapToken>;
+  getDesignToken: (config?: ThemeConfig) => AliasToken;
+  /**
+   * @private Private variable
+   * @warring 🔥 Do not use in production. 🔥
+   */
+  defaultConfig: {
+    token: SeedToken;
+    override: {
+      override: SeedToken;
+    };
+    hashed: boolean;
+  };
+  /**
+   * @private Private variable
+   * @warring 🔥 Do not use in production. 🔥
+   */
+  _internalContext: import("react").Context<DesignTokenProviderProps>;
+};
+//#endregion
+export { type GlobalToken, type MappingAlgorithm, _default as default };

package/es/theme/index.js

@@ -0,0 +1 @@
+import e from"./themes/default/index.js";import{DesignTokenContext as t,defaultConfig as n}from"./context.js";import r from"./useToken.js";import"./internal.js";import i from"./getDesignToken.js";import a from"./themes/compact/index.js";import o from"./themes/dark/index.js";function s(){let[e,t,n]=r();return{theme:e,token:t,hashId:n}}var c={defaultSeed:n.token,useToken:s,defaultAlgorithm:e,darkAlgorithm:o,compactAlgorithm:a,getDesignToken:i,defaultConfig:n,_internalContext:t};export{c as default};

package/es/theme/interface/alias.d.ts

@@ -0,0 +1,547 @@
+import { MapToken } from "./maps/index.js";
+import * as React$1 from "react";
+//#region components/theme/interface/alias.d.ts
+export interface AliasToken extends MapToken {
+  /**
+   * @nameZH 内容区域背景色（悬停）
+   * @nameEN Background color of content area (hover)
+   * @desc 控制内容区域背景色在鼠标悬停时的样式。
+   * @descEN Control the style of background color of content area when mouse hovers over it.
+   */
+  colorFillContentHover: string;
+  /**
+   * @nameZH 替代背景色
+   * @nameEN Alternative background color
+   * @desc 控制元素替代背景色。
+   * @descEN Control the alternative background color of element.
+   */
+  colorFillAlter: string;
+  /**
+   * @nameZH 内容区域背景色
+   * @nameEN Background color of content area
+   * @desc 控制内容区域的背景色。
+   * @descEN Control the background color of content area.
+   */
+  colorFillContent: string;
+  /**
+   * @nameZH 容器禁用态下的背景色
+   * @nameEN Disabled container background color
+   * @desc 控制容器在禁用状态下的背景色。
+   * @descEN Control the background color of container in disabled state.
+   */
+  colorBgContainerDisabled: string;
+  /**
+   * @nameZH 文本悬停态背景色
+   * @nameEN Text hover background color
+   * @desc 控制文本在悬停状态下的背景色。
+   * @descEN Control the background color of text in hover state.
+   */
+  colorBgTextHover: string;
+  /**
+   * @nameZH 文本激活态背景色
+   * @nameEN Text active background color
+   * @desc 控制文本在激活状态下的背景色。
+   * @descEN Control the background color of text in active state.
+   */
+  colorBgTextActive: string;
+  /**
+   * @nameZH 背景边框颜色
+   * @nameEN Background border color
+   * @desc 控制元素背景边框的颜色。
+   * @descEN Control the color of background border of element.
+   */
+  colorBorderBg: string;
+  /**
+   * @nameZH 分割线颜色
+   * @nameEN Separator Color
+   * @desc 用于作为分割线的颜色，此颜色和 colorBorderSecondary 的颜色一致，但是用的是透明色。
+   * @descEN Used as the color of separator, this color is the same as colorBorderSecondary but with transparency.
+   */
+  colorSplit: string;
+  /**
+   * @nameZH 占位文本颜色
+   * @nameEN Placeholder Text Color
+   * @desc 控制占位文本的颜色。
+   * @descEN Control the color of placeholder text.
+   */
+  colorTextPlaceholder: string;
+  /**
+   * @nameZH 禁用字体颜色
+   * @nameEN Disabled Text Color
+   * @desc 控制禁用状态下的字体颜色。
+   * @descEN Control the color of text in disabled state.
+   */
+  colorTextDisabled: string;
+  /**
+   * @nameZH 标题字体颜色
+   * @nameEN Heading Text Color
+   * @desc 控制标题字体颜色。
+   * @descEN Control the font color of heading.
+   */
+  colorTextHeading: string;
+  /**
+   * @nameZH 文本标签字体颜色
+   * @nameEN Text label font color
+   * @desc 控制文本标签字体颜色。
+   * @descEN Control the font color of text label.
+   */
+  colorTextLabel: string;
+  /**
+   * @nameZH 文本描述字体颜色
+   * @nameEN Text description font color
+   * @desc 控制文本描述字体颜色。
+   * @descEN Control the font color of text description.
+   */
+  colorTextDescription: string;
+  /**
+   * @nameZH 固定文本高亮颜色
+   * @nameEN Fixed text highlight color
+   * @desc 控制带背景色的文本，例如 Primary Button 组件中的文本高亮颜色。
+   * @descEN Control the highlight color of text with background color, such as the text in Primary Button components.
+   */
+  colorTextLightSolid: string;
+  /**
+    /**
+     * @nameZH 弱操作图标颜色
+     * @nameEN Weak action icon color
+     * @desc 控制弱操作图标的颜色，例如 allowClear 或 Alert 关闭按钮。
+     * @descEN Weak action. Such as `allowClear` or Alert close button
+     */
+  colorIcon: string;
+  /**  */
+  /**
+   * @nameZH 弱操作图标悬浮态颜色
+   * @nameEN Weak action icon hover color
+   * @desc 控制弱操作图标在悬浮状态下的颜色，例如 allowClear 或 Alert 关闭按钮。
+   * @descEN Weak action hover color. Such as `allowClear` or Alert close button
+   */
+  colorIconHover: string;
+  /**
+   * @nameZH 高亮颜色
+   * @nameEN Highlight color
+   * @desc 控制页面元素高亮时的颜色。
+   * @descEN Control the color of page element when highlighted.
+   */
+  colorHighlight: string;
+  /**
+   * @nameZH 输入组件的 Outline 颜色
+   * @nameEN Input component outline color
+   * @desc 控制输入组件的外轮廓线颜色。
+   * @descEN Control the outline color of input component.
+   */
+  controlOutline: string;
+  /**
+   * @nameZH 警告状态下的 Outline 颜色
+   * @nameEN Warning outline color
+   * @desc 控制输入组件警告状态下的外轮廓线颜色。
+   * @descEN Control the outline color of input component in warning state.
+   */
+  colorWarningOutline: string;
+  /**
+   * @nameZH 错误状态下的 Outline 颜色
+   * @nameEN Error outline color
+   * @desc 控制输入组件错误状态下的外轮廓线颜色。
+   * @descEN Control the outline color of input component in error state.
+   */
+  colorErrorOutline: string;
+  /**
+   * @nameZH 选择器、级联选择器等中的操作图标字体大小
+   * @nameEN Operation icon font size in Select, Cascader, etc.
+   * @desc 控制选择器、级联选择器等中的操作图标字体大小。正常情况下与 fontSizeSM 相同。
+   * @descEN Control the font size of operation icon in Select, Cascader, etc. Normally same as fontSizeSM.
+   */
+  fontSizeIcon: number;
+  /**
+   * @nameZH 标题类组件（如 h1、h2、h3）或选中项的字体粗细
+   * @nameEN Font weight for heading components (such as h1, h2, h3) or selected item
+   * @desc 控制标题类组件（如 h1、h2、h3）或选中项的字体粗细。
+   * @descEN Control the font weight of heading components (such as h1, h2, h3) or selected item.
+   */
+  fontWeightStrong: number;
+  /**
+   * @nameZH 输入组件的外轮廓线宽度
+   * @nameEN Input component outline width
+   * @desc 控制输入组件的外轮廓线宽度。
+   * @descEN Control the outline width of input component.
+   */
+  controlOutlineWidth: number;
+  /**
+   * @nameZH 控制组件项在鼠标悬浮时的背景颜色
+   * @nameEN Background color of control component item when hovering
+   * @desc 控制组件项在鼠标悬浮时的背景颜色。
+   * @descEN Control the background color of control component item when hovering.
+   */
+  controlItemBgHover: string;
+  /**
+   * @nameZH 控制组件项在激活状态下的背景颜色
+   * @nameEN Background color of control component item when active
+   * @desc 控制组件项在激活状态下的背景颜色。
+   * @descEN Control the background color of control component item when active.
+   */
+  controlItemBgActive: string;
+  /**
+   * @nameZH 控制组件项在鼠标悬浮且激活状态下的背景颜色
+   * @nameEN Background color of control component item when hovering and active
+   * @desc 控制组件项在鼠标悬浮且激活状态下的背景颜色。
+   * @descEN Control the background color of control component item when hovering and active.
+   */
+  controlItemBgActiveHover: string;
+  /**
+   * @nameZH 控制组件的交互大小
+   * @nameEN Interactive size of control component
+   * @desc 控制组件的交互大小。
+   * @descEN Control the interactive size of control component.
+   */
+  controlInteractiveSize: number;
+  /**
+   * @nameZH 控制组件项在禁用状态下的激活背景颜色
+   * @nameEN Background color of control component item when active and disabled
+   * @desc 控制组件项在禁用状态下的激活背景颜色。
+   * @descEN Control the background color of control component item when active and disabled.
+   */
+  controlItemBgActiveDisabled: string;
+  /**
+   * @nameZH 线条宽度(聚焦态)
+   * @nameEN Line width(focus state)
+   * @desc 控制线条的宽度，当组件处于聚焦态时。
+   * @descEN Control the width of the line when the component is in focus state.
+   */
+  lineWidthFocus: number;
+  /**
+   * @nameZH 极小内间距
+   * @nameEN Extra extra small padding
+   * @desc 控制元素的极小内间距。
+   * @descEN Control the extra extra small padding of the element.
+   */
+  paddingXXS: number;
+  /**
+   * @nameZH 特小内间距
+   * @nameEN Extra small padding
+   * @desc 控制元素的特小内间距。
+   * @descEN Control the extra small padding of the element.
+   */
+  paddingXS: number;
+  /**
+   * @nameZH 小内间距
+   * @nameEN Small padding
+   * @desc 控制元素的小内间距。
+   * @descEN Control the small padding of the element.
+   */
+  paddingSM: number;
+  /**
+   * @nameZH 内间距
+   * @nameEN Padding
+   * @desc 控制元素的内间距。
+   * @descEN Control the padding of the element.
+   */
+  padding: number;
+  /**
+   * @nameZH 中等内间距
+   * @nameEN Medium padding
+   * @desc 控制元素的中等内间距。
+   * @descEN Control the medium padding of the element.
+   */
+  paddingMD: number;
+  /**
+   * @nameZH 大内间距
+   * @nameEN Large padding
+   * @desc 控制元素的大内间距。
+   * @descEN Control the large padding of the element.
+   */
+  paddingLG: number;
+  /**
+   * @nameZH 特大内间距
+   * @nameEN Extra large padding
+   * @desc 控制元素的特大内间距。
+   * @descEN Control the extra large padding of the element.
+   */
+  paddingXL: number;
+  /**
+   * @nameZH 内容水平内间距（LG）
+   * @nameEN Content horizontal padding (LG)
+   * @desc 控制内容元素水平内间距，适用于大屏幕设备。
+   * @descEN Control the horizontal padding of content element, suitable for large screen devices.
+   */
+  paddingContentHorizontalLG: number;
+  /**
+   * @nameZH 内容水平内间距
+   * @nameEN Content horizontal padding
+   * @desc 控制内容元素水平内间距。
+   * @descEN Control the horizontal padding of content element.
+   */
+  paddingContentHorizontal: number;
+  /**
+   * @nameZH 内容水平内间距（SM）
+   * @nameEN Content horizontal padding (SM)
+   * @desc 控制内容元素水平内间距，适用于小屏幕设备。
+   * @descEN Control the horizontal padding of content element, suitable for small screen devices.
+   */
+  paddingContentHorizontalSM: number;
+  /**
+   * @nameZH 内容垂直内间距（LG）
+   * @nameEN Content vertical padding (LG)
+   * @desc 控制内容元素垂直内间距，适用于大屏幕设备。
+   * @descEN Control the vertical padding of content element, suitable for large screen devices.
+   */
+  paddingContentVerticalLG: number;
+  /**
+   * @nameZH 内容垂直内间距
+   * @nameEN Content vertical padding
+   * @desc 控制内容元素垂直内间距。
+   * @descEN Control the vertical padding of content element.
+   */
+  paddingContentVertical: number;
+  /**
+   * @nameZH 内容垂直内间距（SM）
+   * @nameEN Content vertical padding (SM)
+   * @desc 控制内容元素垂直内间距，适用于小屏幕设备。
+   * @descEN Control the vertical padding of content element, suitable for small screen devices.
+   */
+  paddingContentVerticalSM: number;
+  /**
+   * @nameZH 外边距 XXS
+   * @nameEN Margin XXS
+   * @desc 控制元素外边距，最小尺寸。
+   * @descEN Control the margin of an element, with the smallest size.
+   */
+  marginXXS: number;
+  /**
+   * @nameZH 外边距 XS
+   * @nameEN Margin XS
+   * @desc 控制元素外边距，小尺寸。
+   * @descEN Control the margin of an element, with a small size.
+   */
+  marginXS: number;
+  /**
+   * @nameZH 外边距 SM
+   * @nameEN Margin SM
+   * @desc 控制元素外边距，中小尺寸。
+   * @descEN Control the margin of an element, with a medium-small size.
+   */
+  marginSM: number;
+  /**
+   * @nameZH 外边距
+   * @nameEN Margin
+   * @desc 控制元素外边距，中等尺寸。
+   * @descEN Control the margin of an element, with a medium size.
+   */
+  margin: number;
+  /**
+   * @nameZH 外边距 MD
+   * @nameEN Margin MD
+   * @desc 控制元素外边距，中大尺寸。
+   * @descEN Control the margin of an element, with a medium-large size.
+   */
+  marginMD: number;
+  /**
+   * @nameZH 外边距 LG
+   * @nameEN Margin LG
+   * @desc 控制元素外边距，大尺寸。
+   * @descEN Control the margin of an element, with a large size.
+   */
+  marginLG: number;
+  /**
+   * @nameZH 外边距 XL
+   * @nameEN Margin XL
+   * @desc 控制元素外边距，超大尺寸。
+   * @descEN Control the margin of an element, with an extra-large size.
+   */
+  marginXL: number;
+  /**
+   * @nameZH 外边距 XXL
+   * @nameEN Margin XXL
+   * @desc 控制元素外边距，最大尺寸。
+   * @descEN Control the margin of an element, with the largest size.
+   */
+  marginXXL: number;
+  /**
+   * @nameZH 加载状态透明度
+   * @nameEN Loading opacity
+   * @desc 控制加载状态的透明度。
+   * @descEN Control the opacity of the loading state.
+   */
+  opacityLoading: number;
+  /**
+   * @nameZH 一级阴影
+   * @nameEN Box shadow
+   * @desc 控制元素阴影样式。
+   * @descEN Control the box shadow style of an element.
+   */
+  boxShadow: string;
+  /**
+   * @nameZH 二级阴影
+   * @nameEN Secondary box shadow
+   * @desc 控制元素二级阴影样式。
+   * @descEN Control the secondary box shadow style of an element.
+   */
+  boxShadowSecondary: string;
+  /**
+   * @nameZH 三级阴影
+   * @nameEN Tertiary box shadow
+   * @desc 控制元素三级盒子阴影样式。
+   * @descEN Control the tertiary box shadow style of an element.
+   */
+  boxShadowTertiary: string;
+  /**
+   * @nameZH 链接文本装饰
+   * @nameEN Link text decoration
+   * @desc 控制链接文本的装饰样式。
+   * @descEN Control the text decoration style of a link.
+   */
+  linkDecoration: React$1.CSSProperties['textDecoration'];
+  /**
+   * @nameZH 链接鼠标悬浮时文本装饰
+   * @nameEN Link text decoration on mouse hover
+   * @desc 控制链接鼠标悬浮时文本的装饰样式。
+   * @descEN Control the text decoration style of a link on mouse hover.
+   */
+  linkHoverDecoration: React$1.CSSProperties['textDecoration'];
+  /**
+   * @nameZH 链接聚焦时文本装饰
+   * @nameEN Link text decoration on focus
+   * @desc 控制链接聚焦时文本的装饰样式。
+   * @descEN Control the text decoration style of a link on focus.
+   */
+  linkFocusDecoration: React$1.CSSProperties['textDecoration'];
+  /**
+   * @nameZH 控制水平内间距
+   * @nameEN Control horizontal padding
+   * @desc 控制元素水平内间距。
+   * @descEN Control the horizontal padding of an element.
+   */
+  controlPaddingHorizontal: number;
+  /**
+   * @nameZH 控制中小尺寸水平内间距
+   * @nameEN Control horizontal padding with a small-medium size
+   * @desc 控制元素中小尺寸水平内间距。
+   * @descEN Control the horizontal padding of an element with a small-medium size.
+   */
+  controlPaddingHorizontalSM: number;
+  /**
+   * @nameZH 屏幕宽度（像素） - 超小屏幕
+   * @nameEN Screen width (pixels) - Extra small screens
+   * @desc 控制超小屏幕的屏幕宽度。
+   * @descEN Control the screen width of extra small screens.
+   */
+  screenXS: number;
+  /**
+   * @nameZH 屏幕宽度（像素） - 超小屏幕最小值
+   * @nameEN Screen width (pixels) - Extra small screens minimum value
+   * @desc 控制超小屏幕的最小宽度。
+   * @descEN Control the minimum width of extra small screens.
+   */
+  screenXSMin: number;
+  /**
+   * @nameZH 屏幕宽度（像素） - 超小屏幕最大值
+   * @nameEN Screen width (pixels) - Extra small screens maximum value
+   * @desc 控制超小屏幕的最大宽度。
+   * @descEN Control the maximum width of extra small screens.
+   */
+  screenXSMax: number;
+  /**
+   * @nameZH 屏幕宽度（像素） - 小屏幕
+   * @nameEN Screen width (pixels) - Small screens
+   * @desc 控制小屏幕的屏幕宽度。
+   * @descEN Control the screen width of small screens.
+   */
+  screenSM: number;
+  /**
+   * @nameZH 屏幕宽度（像素） - 小屏幕最小值
+   * @nameEN Screen width (pixels) - Small screens minimum value
+   * @desc 控制小屏幕的最小宽度。
+   * @descEN Control the minimum width of small screens.
+   */
+  screenSMMin: number;
+  /**
+   * @nameZH 屏幕宽度（像素） - 小屏幕最大值
+   * @nameEN Screen width (pixels) - Small screens maximum value
+   * @desc 控制小屏幕的最大宽度。
+   * @descEN Control the maximum width of small screens.
+   */
+  screenSMMax: number;
+  /**
+   * @nameZH 屏幕宽度（像素） - 中等屏幕
+   * @nameEN Screen width (pixels) - Medium screens
+   * @desc 控制中等屏幕的屏幕宽度。
+   * @descEN Control the screen width of medium screens.
+   */
+  screenMD: number;
+  /**
+   * @nameZH 屏幕宽度（像素） - 中等屏幕最小值
+   * @nameEN Screen width (pixels) - Medium screens minimum value
+   * @desc 控制中等屏幕的最小宽度。
+   * @descEN Control the minimum width of medium screens.
+   */
+  screenMDMin: number;
+  /**
+   * @nameZH 屏幕宽度（像素） - 中等屏幕最大值
+   * @nameEN Screen width (pixels) - Medium screens maximum value
+   * @desc 控制中等屏幕的最大宽度。
+   * @descEN Control the maximum width of medium screens.
+   */
+  screenMDMax: number;
+  /**
+   * @nameZH 屏幕宽度（像素） - 大屏幕
+   * @nameEN Screen width (pixels) - Large screens
+   * @desc 控制大屏幕的屏幕宽度。
+   * @descEN Control the screen width of large screens.
+   */
+  screenLG: number;
+  /**
+   * @nameZH 屏幕宽度（像素） - 大屏幕最小值
+   * @nameEN Screen width (pixels) - Large screens minimum value
+   * @desc 控制大屏幕的最小宽度。
+   * @descEN Control the minimum width of large screens.
+   */
+  screenLGMin: number;
+  /**
+   * @nameZH 屏幕宽度（像素） - 大屏幕最大值
+   * @nameEN Screen width (pixels) - Large screens maximum value
+   * @desc 控制大屏幕的最大宽度。
+   * @descEN Control the maximum width of large screens.
+   */
+  screenLGMax: number;
+  /**
+   * @nameZH 屏幕宽度（像素） - 超大屏幕
+   * @nameEN Screen width (pixels) - Extra large screens
+   * @desc 控制超大屏幕的屏幕宽度。
+   * @descEN Control the screen width of extra large screens.
+   */
+  screenXL: number;
+  /**
+   * @nameZH 屏幕宽度（像素） - 超大屏幕最小值
+   * @nameEN Screen width (pixels) - Extra large screens minimum value
+   * @desc 控制超大屏幕的最小宽度。
+   * @descEN Control the minimum width of extra large screens.
+   */
+  screenXLMin: number;
+  /**
+   * @nameZH 屏幕宽度（像素） - 超大屏幕最大值
+   * @nameEN Screen width (pixels) - Extra large screens maximum value
+   * @desc 控制超大屏幕的最大宽度。
+   * @descEN Control the maximum width of extra large screens.
+   */
+  screenXLMax: number;
+  /**
+   * @nameZH 屏幕宽度（像素） - 超超大屏幕
+   * @nameEN Screen width (pixels) - Extra extra large screens
+   * @desc 控制超超大屏幕的屏幕宽度。
+   * @descEN Control the screen width of extra extra large screens.
+   */
+  screenXXL: number;
+  /**
+   * @nameZH 屏幕宽度（像素） - 超超大屏幕最小值
+   * @nameEN Screen width (pixels) - Extra extra large screens minimum value
+   * @desc 控制超超大屏幕的最小宽度。
+   * @descEN Control the minimum width of extra extra large screens.
+   */
+  screenXXLMin: number;
+  /**
+   * @deprecated
+   * Used for DefaultButton, Switch which has default outline
+   * @desc 默认样式的 Outline 颜色
+   * @descEN Default style outline color.
+   */
+  controlTmpOutline: string;
+}
+//#endregion