@bifrostui/react 2.0.0-beta.2 → 2.0.0-beta.5

package/dist/Tabs/index.css

@@ -0,0 +1,135 @@
+:root,
+page,
+xhs-page {
+  --bui-tabs-height: 39px;
+  --bui-tabs-font-weight: var(--bui-font-weight-medium);
+  --bui-tabs-indicator-background: var(--bui-color-primary);
+  --bui-tabs-indicator-height: 3PX;
+  --bui-tabs-indicator-width: 24px;
+  --bui-tabs-indicator-border-radius: 3px 3px 0 0;
+  --bui-tabs-indicator-bottom: 0;
+  --bui-tabs-indicator-box-shadow: none;
+  --bui-tabs-mask-width: 12px;
+  --bui-tabs-mask-height: 100%;
+  --bui-tab-font-size: var(--bui-text-size-1);
+  --bui-tab-color: var(--bui-color-fg-subtle);
+  --bui-tab-height: 100%;
+  --bui-tab-padding: var(--bui-spacing-lg) var(--bui-spacing-lg) 10px;
+  --bui-tab-active-color: var(--bui-color-fg-default);
+  --bui-tab-active-font-family: var(--bui-font-family-accent, inherit);
+}
+.bui-tabs {
+  position: relative;
+  font-family: var(--bui-font-family);
+  font-weight: var(--bui-tabs-font-weight);
+}
+.bui-tabs-tabs {
+  height: var(--bui-tabs-height);
+  display: flex;
+  flex-wrap: nowrap;
+  justify-content: flex-start;
+  align-items: center;
+  position: relative;
+  overflow-x: scroll;
+  scrollbar-width: none;
+}
+.bui-tabs-tabs::-webkit-scrollbar {
+  display: none;
+}
+.bui-tabs-indicator {
+  position: absolute;
+  width: var(--bui-tabs-indicator-width);
+  bottom: var(--bui-tabs-indicator-bottom);
+  height: var(--bui-tabs-indicator-height);
+  color: var(--bui-color-primary);
+  background: var(--bui-tabs-indicator-background);
+  border-radius: var(--bui-tabs-indicator-border-radius);
+  box-shadow: var(--bui-tabs-indicator-box-shadow);
+}
+.bui-tabs-content {
+  padding: var(--bui-spacing-lg);
+}
+.bui-tabs-mask {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  z-index: 1;
+  width: var(--bui-tabs-mask-width);
+  height: var(--bui-tabs-mask-height);
+  pointer-events: none;
+}
+.bui-tabs-mask-left {
+  left: 0;
+  background:
+    linear-gradient(
+      to right,
+      var(--bui-color-bg-view),
+      rgba(255, 255, 255, 0));
+}
+.bui-tabs-mask-right {
+  right: 0;
+  background:
+    linear-gradient(
+      to left,
+      var(--bui-color-bg-view),
+      rgba(255, 255, 255, 0));
+}
+.bui-indicator-invisible {
+  visibility: hidden;
+  background-color: transparent;
+}
+.bui-tab {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  white-space: nowrap;
+  width: min-content;
+  height: var(--bui-tab-height);
+  box-sizing: border-box;
+  position: relative;
+  cursor: pointer;
+  font-size: var(--bui-tab-font-size);
+  line-height: var(--bui-line-height);
+  color: var(--bui-tab-color);
+  padding: var(--bui-tab-padding);
+  font-family: var(--bui-font-family);
+}
+.bui-tab-active {
+  color: var(--bui-tab-active-color);
+  font-weight: var(--bui-font-weight-bold);
+  font-family: var(--bui-tab-active-font-family);
+}
+.bui-tab-miniapp-active {
+  color: var(--bui-tab-active-color);
+  line-height: 1.5;
+  font-weight: var(--bui-font-weight-bold);
+  position: relative;
+}
+.bui-tab-miniapp-active-line {
+  position: absolute;
+  bottom: 0;
+  left: -12px;
+  right: -12px;
+  margin: 0 auto !important;
+  width: 18px;
+  height: 2px;
+  transition: all 100ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  background-color: var(--bui-color-primary);
+}
+.bui-tab-disabled {
+  opacity: 0.5;
+  pointer-events: none;
+}
+.bui-indicator-invisible {
+  visibility: hidden;
+  background-color: transparent;
+}
+.bui-tabpanel {
+  font-family: var(--bui-font-family);
+}
+.bui-tabpanel-active {
+  display: block;
+}
+.bui-tabpanel-inactive {
+  display: none;
+}

package/dist/Tag/Tag.css

@@ -1,30 +1,34 @@
+:root,
+page,
+xhs-page {
+  --bui-tag-color: var(--bui-color-gray);
+  --bui-tag-border-color: var(--bui-color-border-gray);
+  --bui-tag-bg-color: var(--bui-color-gray);
+  --bui-tag-height: 15px;
+  --bui-tag-line-height: 15px;
+  --bui-tag-padding: 0 var(--bui-spacing-xs);
+  --bui-tag-color-vip: rgba(255, 134, 110, 0.3);
+}
 .bui-tag {
-  --tag-color: var(--bui-tag-color, var(--bui-color-gray));
-  --tag-border-color: var(--bui-tag-border-color, var(--bui-color-border-gray));
-  --tag-bg-color: var(--bui-tag-bg-color, var(--bui-color-gray));
-  --tag-height: var(--bui-tag-height, 15px);
-  --tag-line-height: var(--bui-tag-line-height, 15px);
-  --tag-padding: var(--bui-tag-padding, 0 var(--bui-spacing-xs));
-  --tag-bg-color-vip: var(--bui-tag-color-vip, rgba(255, 134, 110, 0.3));
   position: relative;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   white-space: nowrap;
-  height: var(--tag-height);
-  line-height: var(--tag-line-height);
-  padding: var(--tag-padding);
+  height: var(--bui-tag-height);
+  line-height: var(--bui-tag-line-height);
+  padding: var(--bui-tag-padding);
   font-size: var(--bui-text-size-5);
   font-weight: var(--bui-font-weight-normal);
   border-radius: var(--bui-shape-radius-label);
   border: 1px solid transparent;
   box-sizing: border-box;
-  color: var(--bui-color-bg-view);
+  color: var(--bui-color-white);
   font-family: var(--bui-font-family);
 }
 .bui-tag-outlined {
-  color: var(--tag-color);
-  border: 1px solid var(--tag-border-color);
+  color: var(--bui-tag-color);
+  border: 1px solid var(--bui-tag-border-color);
 }
 .bui-tag-outlined.bui-tag-primary {
   color: var(--bui-color-primary);
@@ -46,12 +50,20 @@
   color: var(--bui-color-danger);
   border: 1px solid var(--bui-color-border-danger);
 }
+.bui-tag-outlined.bui-tag-light {
+  color: var(--bui-color-bg-view);
+  border: 1px solid var(--bui-color-bg-view);
+}
+.bui-tag-outlined.bui-tag-dark {
+  color: var(--bui-color-fg-default);
+  border: 1px solid var(--bui-color-fg-default);
+}
 .bui-tag-outlined.bui-tag-vip {
   color: var(--bui-color-primary);
   border: 1px solid var(--bui-color-border-primary);
 }
 .bui-tag-contained {
-  background-color: var(--tag-bg-color);
+  background-color: var(--bui-tag-bg-color);
 }
 .bui-tag-contained.bui-tag-primary {
   background-color: var(--bui-color-primary);
@@ -68,34 +80,48 @@
 .bui-tag-contained.bui-tag-danger {
   background-color: var(--bui-color-danger);
 }
+.bui-tag-contained.bui-tag-light {
+  color: var(--bui-color-fg-default);
+  background-color: var(--bui-color-bg-view);
+}
+.bui-tag-contained.bui-tag-dark {
+  color: var(--bui-color-bg-view);
+  background-color: var(--bui-color-fg-default);
+}
 .bui-tag-contained.bui-tag-vip {
   background-color: var(--bui-color-vip);
 }
-.bui-tag-light {
+.bui-tag-subtle {
   background-color: var(--bui-color-gray-light);
   color: var(--bui-color-gray);
 }
-.bui-tag-light.bui-tag-primary {
+.bui-tag-subtle.bui-tag-primary {
   background-color: var(--bui-color-primary-light);
   color: var(--bui-color-primary);
 }
-.bui-tag-light.bui-tag-info {
+.bui-tag-subtle.bui-tag-info {
   background-color: var(--bui-color-info-light);
   color: var(--bui-color-info);
 }
-.bui-tag-light.bui-tag-warning {
+.bui-tag-subtle.bui-tag-warning {
   background-color: var(--bui-color-warning-light);
   color: var(--bui-color-warning);
 }
-.bui-tag-light.bui-tag-success {
+.bui-tag-subtle.bui-tag-success {
   background-color: var(--bui-color-success-light);
   color: var(--bui-color-success);
 }
-.bui-tag-light.bui-tag-danger {
+.bui-tag-subtle.bui-tag-danger {
   background-color: var(--bui-color-danger-light);
   color: var(--bui-color-danger);
 }
-.bui-tag-light.bui-tag-vip {
-  background-color: var(--tag-bg-color-vip);
+.bui-tag-subtle.bui-tag-light {
+  color: var(--bui-color-bg-view);
+}
+.bui-tag-subtle.bui-tag-dark {
+  color: var(--bui-color-fg-default);
+}
+.bui-tag-subtle.bui-tag-vip {
+  background-color: var(--bui-tag-color-vip);
   color: var(--bui-color-vip);
 }

package/dist/Tag/Tag.js

@@ -77,7 +77,7 @@ const Tag = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
   const _a = props, {
     className,
     style,
-    color = "default",
+    color = "neutral",
     htmlColor,
     variant = "outlined",
     onClick,
@@ -98,7 +98,7 @@ const Tag = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
         color: htmlColor,
         borderColor: colorHandler(htmlColor, 0.4)
       };
-    } else if (variant === "light") {
+    } else if (variant === "subtle") {
       customStyles = {
         color: htmlColor,
         backgroundColor: colorHandler(htmlColor, 0.3)

package/dist/Tag/Tag.types.d.ts

@@ -4,9 +4,9 @@ export type TagProps<D extends React.ElementType = 'div', P = {}> = OverrideProp
     props: P & {
         /**
          * 预定义色彩
-         * @default 'default'
+         * @default 'neutral'
          */
-        color?: ThemeColor | 'default' | 'vip';
+        color?: ThemeColor | 'vip';
         /**
          * 自定义色彩
          */
@@ -14,10 +14,10 @@ export type TagProps<D extends React.ElementType = 'div', P = {}> = OverrideProp
         /**
          * - outlined: 描边
          * - contained: 实心填充
-         * - light: 浅亮填充
+         * - subtle: 柔和填充
          * @default 'outlined'
          */
-        variant?: 'outlined' | 'contained' | 'light';
+        variant?: 'outlined' | 'contained' | 'subtle';
     };
     defaultComponent: D;
 }, D>;

package/dist/Tag/TagGroup.css

@@ -1,12 +1,16 @@
+:root,
+page,
+xhs-page {
+  --bui-tag-group-divider-height: 13%;
+  --bui-tag-color: var(--bui-color-gray);
+  --bui-tag-border-color: var(--bui-color-border-gray);
+  --bui-tag-bg-color: var(--bui-color-gray);
+  --bui-tag-height: 15px;
+  --bui-tag-line-height: 15px;
+  --bui-tag-padding: 0 var(--bui-spacing-xs);
+  --bui-tag-color-vip: rgba(255, 134, 110, 0.3);
+}
 .bui-tag-group {
-  --height: var(--bui-tag-group-divider-height, 13%);
-  --tag-color: var(--bui-tag-color, var(--bui-color-gray));
-  --tag-border-color: var(--bui-tag-border-color, var(--bui-color-border-gray));
-  --tag-bg-color: var(--bui-tag-bg-color, var(--bui-color-gray));
-  --tag-height: var(--bui-tag-height, 15px);
-  --tag-line-height: var(--bui-tag-line-height, 15px);
-  --tag-padding: var(--bui-tag-padding, 0 var(--bui-spacing-xs));
-  --tag-bg-color-vip: var(--bui-tag-color-vip, rgba(255, 134, 110, 0.3));
   display: inline-flex;
   font-family: var(--bui-font-family);
 }
@@ -32,7 +36,7 @@
   position: absolute;
   right: -1px;
   width: 1px;
-  height: var(--height);
+  height: var(--bui-tag-group-divider-height);
   color: #fff;
   background-color: #fff;
   border-right-style: solid;

package/dist/Tag/index.css

@@ -0,0 +1,182 @@
+:root,
+page,
+xhs-page {
+  --bui-tag-color: var(--bui-color-gray);
+  --bui-tag-border-color: var(--bui-color-border-gray);
+  --bui-tag-bg-color: var(--bui-color-gray);
+  --bui-tag-height: 15px;
+  --bui-tag-line-height: 15px;
+  --bui-tag-padding: 0 var(--bui-spacing-xs);
+  --bui-tag-color-vip: rgba(255, 134, 110, 0.3);
+}
+.bui-tag {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  white-space: nowrap;
+  height: var(--bui-tag-height);
+  line-height: var(--bui-tag-line-height);
+  padding: var(--bui-tag-padding);
+  font-size: var(--bui-text-size-5);
+  font-weight: var(--bui-font-weight-normal);
+  border-radius: var(--bui-shape-radius-label);
+  border: 1px solid transparent;
+  box-sizing: border-box;
+  color: var(--bui-color-white);
+  font-family: var(--bui-font-family);
+}
+.bui-tag-outlined {
+  color: var(--bui-tag-color);
+  border: 1px solid var(--bui-tag-border-color);
+}
+.bui-tag-outlined.bui-tag-primary {
+  color: var(--bui-color-primary);
+  border: 1px solid var(--bui-color-border-primary);
+}
+.bui-tag-outlined.bui-tag-info {
+  color: var(--bui-color-info);
+  border: 1px solid var(--bui-color-border-info);
+}
+.bui-tag-outlined.bui-tag-warning {
+  color: var(--bui-color-warning);
+  border: 1px solid var(--bui-color-border-warning);
+}
+.bui-tag-outlined.bui-tag-success {
+  color: var(--bui-color-success);
+  border: 1px solid var(--bui-color-border-success);
+}
+.bui-tag-outlined.bui-tag-danger {
+  color: var(--bui-color-danger);
+  border: 1px solid var(--bui-color-border-danger);
+}
+.bui-tag-outlined.bui-tag-light {
+  color: var(--bui-color-bg-view);
+  border: 1px solid var(--bui-color-bg-view);
+}
+.bui-tag-outlined.bui-tag-dark {
+  color: var(--bui-color-fg-default);
+  border: 1px solid var(--bui-color-fg-default);
+}
+.bui-tag-outlined.bui-tag-vip {
+  color: var(--bui-color-primary);
+  border: 1px solid var(--bui-color-border-primary);
+}
+.bui-tag-contained {
+  background-color: var(--bui-tag-bg-color);
+}
+.bui-tag-contained.bui-tag-primary {
+  background-color: var(--bui-color-primary);
+}
+.bui-tag-contained.bui-tag-info {
+  background-color: var(--bui-color-info);
+}
+.bui-tag-contained.bui-tag-warning {
+  background-color: var(--bui-color-warning);
+}
+.bui-tag-contained.bui-tag-success {
+  background-color: var(--bui-color-success);
+}
+.bui-tag-contained.bui-tag-danger {
+  background-color: var(--bui-color-danger);
+}
+.bui-tag-contained.bui-tag-light {
+  color: var(--bui-color-fg-default);
+  background-color: var(--bui-color-bg-view);
+}
+.bui-tag-contained.bui-tag-dark {
+  color: var(--bui-color-bg-view);
+  background-color: var(--bui-color-fg-default);
+}
+.bui-tag-contained.bui-tag-vip {
+  background-color: var(--bui-color-vip);
+}
+.bui-tag-subtle {
+  background-color: var(--bui-color-gray-light);
+  color: var(--bui-color-gray);
+}
+.bui-tag-subtle.bui-tag-primary {
+  background-color: var(--bui-color-primary-light);
+  color: var(--bui-color-primary);
+}
+.bui-tag-subtle.bui-tag-info {
+  background-color: var(--bui-color-info-light);
+  color: var(--bui-color-info);
+}
+.bui-tag-subtle.bui-tag-warning {
+  background-color: var(--bui-color-warning-light);
+  color: var(--bui-color-warning);
+}
+.bui-tag-subtle.bui-tag-success {
+  background-color: var(--bui-color-success-light);
+  color: var(--bui-color-success);
+}
+.bui-tag-subtle.bui-tag-danger {
+  background-color: var(--bui-color-danger-light);
+  color: var(--bui-color-danger);
+}
+.bui-tag-subtle.bui-tag-light {
+  color: var(--bui-color-bg-view);
+}
+.bui-tag-subtle.bui-tag-dark {
+  color: var(--bui-color-fg-default);
+}
+.bui-tag-subtle.bui-tag-vip {
+  background-color: var(--bui-tag-color-vip);
+  color: var(--bui-color-vip);
+}
+:root,
+page,
+xhs-page {
+  --bui-tag-group-divider-height: 13%;
+  --bui-tag-color: var(--bui-color-gray);
+  --bui-tag-border-color: var(--bui-color-border-gray);
+  --bui-tag-bg-color: var(--bui-color-gray);
+  --bui-tag-height: 15px;
+  --bui-tag-line-height: 15px;
+  --bui-tag-padding: 0 var(--bui-spacing-xs);
+  --bui-tag-color-vip: rgba(255, 134, 110, 0.3);
+}
+.bui-tag-group {
+  display: inline-flex;
+  font-family: var(--bui-font-family);
+}
+.bui-tag-group .bui-tag-outlined {
+  background-color: var(--bui-color-white);
+}
+.bui-tag-group .bui-tag-outlined + .bui-tag-contained {
+  margin-left: -1px;
+}
+.bui-tag-group .bui-tag-outlined:not(:last-child) {
+  position: relative;
+  border-right-style: dotted;
+}
+.bui-tag-group .bui-tag-outlined:not(:last-child)::after {
+  top: 0;
+}
+.bui-tag-group .bui-tag-outlined:not(:last-child)::before {
+  bottom: 0;
+}
+.bui-tag-group .bui-tag-outlined:not(:last-child)::after,
+.bui-tag-group .bui-tag-outlined:not(:last-child)::before {
+  content: "";
+  position: absolute;
+  right: -1px;
+  width: 1px;
+  height: var(--bui-tag-group-divider-height);
+  color: #fff;
+  background-color: #fff;
+  border-right-style: solid;
+}
+.bui-tag-group .bui-tag:not(:last-child) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.bui-tag-group .bui-tag:not(:last-child):not(.bui-tag-outlined) {
+  border-right: 0;
+}
+.bui-tag-group .bui-tag:not(:first-child) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  border-left: 0;
+}

package/dist/TextArea/TextArea.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { TextAreaProps } from './TextArea.types';
-import './TextArea.less';
+import './index.less';
 declare const TextArea: React.ForwardRefExoticComponent<Omit<TextAreaProps<"div", {}>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export default TextArea;

package/dist/TextArea/TextArea.js

@@ -62,7 +62,7 @@ module.exports = __toCommonJS(TextArea_exports);
 var import_utils = require("@bifrostui/utils");
 var import_clsx = __toESM(require("clsx"));
 var import_react = __toESM(require("react"));
-var import_TextArea2 = require("./TextArea.css");
+var import_index = require("./index.css");
 const prefixCls = "bui-textarea";
 const DEFAULT_ROWS = 2;
 const TextArea = /* @__PURE__ */ import_react.default.forwardRef(

package/dist/TextArea/index.css

@@ -0,0 +1,57 @@
+:root,
+page,
+xhs-page {
+  --bui-textarea-border-radius: var(--bui-shape-radius-label);
+  --bui-textarea-width: 100%;
+  --bui-textarea-background-color: var(--bui-color-bg-default);
+  --bui-textarea-text-color: var(--bui-color-fg-subtle);
+  --bui-textarea-count-background-color: var(--bui-textarea-background-color, var(--bui-color-bg-default));
+  --bui-textarea-count-color: var(--bui-color-fg-subtle);
+  --bui-textarea-text-font-size: var(--bui-text-size-2);
+  --bui-textarea-count-font-size: var(--bui-title-size-3);
+  --bui-textarea-padding: 8px;
+  --bui-textarea-count-padding: 0 4px;
+  --bui-textarea-placeholder-color: #ced1d6;
+  --bui-textarea-placeholder-line-height: 1.3;
+}
+.bui-textarea {
+  background: var(--bui-color-bg-default);
+  border-radius: var(--bui-textarea-border-radius);
+  font-family: var(--bui-font-family);
+  overflow: hidden;
+}
+.bui-textarea textarea {
+  font-size: var(--bui-textarea-text-font-size);
+  color: var(--bui-textarea-text-color);
+  line-height: var(--bui-line-height);
+}
+.bui-textarea .bui-mini-placeholder {
+  color: var(--bui-textarea-placeholder-color);
+}
+.bui-textarea-disabled {
+  pointer-events: none;
+}
+.bui-textarea .a-textarea-count-wrap {
+  display: none;
+}
+.bui-textarea-content {
+  width: var(--bui-textarea-width);
+  resize: none;
+  background-color: var(--bui-textarea-background-color);
+  padding: var(--bui-textarea-padding);
+  border: none;
+  outline: none;
+  word-break: break-all;
+  box-sizing: border-box;
+}
+.bui-textarea-content::placeholder {
+  color: var(--bui-textarea-placeholder-color);
+  line-height: var(--bui-textarea-placeholder-line-height);
+}
+.bui-textarea-count {
+  background-color: var(--bui-textarea-count-background-color);
+  color: var(--bui-textarea-count-color);
+  text-align: right;
+  padding: var(--bui-textarea-count-padding);
+  font-size: var(--bui-textarea-count-font-size);
+}

package/dist/ThemeProvider/ThemeProvider.js

@@ -45,7 +45,6 @@ const ThemeProvider = /* @__PURE__ */ import_react.default.forwardRef(
       defaultLightToken,
       defaultDarkToken,
       dmLightToken,
-      dmDarkToken,
       token,
       children
     } = props;
@@ -61,7 +60,7 @@ const ThemeProvider = /* @__PURE__ */ import_react.default.forwardRef(
       });
     }
     (0, import_react.useEffect)(() => {
-      if (responsive || defaultLightToken || defaultDarkToken || dmLightToken || dmDarkToken || token) {
+      if (responsive || defaultLightToken || defaultDarkToken || dmLightToken || token) {
         (0, import_mountTokens.mountTokens)({
           isRoot,
           containerId,
@@ -70,7 +69,6 @@ const ThemeProvider = /* @__PURE__ */ import_react.default.forwardRef(
           defaultLightToken,
           defaultDarkToken,
           dmLightToken,
-          dmDarkToken,
           token
         });
       }
@@ -81,7 +79,6 @@ const ThemeProvider = /* @__PURE__ */ import_react.default.forwardRef(
       defaultLightToken,
       defaultDarkToken,
       dmLightToken,
-      dmDarkToken,
       token
     ]);
     return /* @__PURE__ */ import_react.default.createElement(import_hooks.ThemeContext.Provider, { value: theme }, childrenNode);

package/dist/ThemeProvider/ThemeProvider.types.d.ts

@@ -57,7 +57,6 @@ interface ThemeProps {
     /**
      * 当前ThemeProvider是否为最顶层
      * 若当前应用会出现嵌套的ThemeProvider，则需要将最外层的ThemeProvider isRoot属性设置为true
-     * TODO 不通过属性判断
      * @default false
      */
     isRoot?: boolean;
@@ -91,26 +90,22 @@ interface ThemeProps {
      */
     dmLightToken?: Record<string, string>;
     /**
-     * 大麦暗黑主题Token
+     * 先锋版高亮主题Token
      */
-    dmDarkToken?: Record<string, string>;
+    pioneerLightToken?: Record<string, string>;
     /**
-     * 组件全局Token
+     * 组件Token
      */
     token?: Record<string, string>;
 }
 /**
  * 复写内置主题Tokens
  */
-type BuiltInThemesTokenOptions = Pick<ThemeProps, 'defaultLightToken' | 'defaultDarkToken' | 'dmLightToken' | 'dmDarkToken'>;
+type BuiltInThemesTokenOptions = Pick<ThemeProps, 'defaultLightToken' | 'defaultDarkToken' | 'dmLightToken' | 'pioneerLightToken'>;
 /**
  * 挂载组件自定义Tokens参数
  */
 export type MountComponentsTokenOptions = Pick<ThemeProps, 'isRoot' | 'container' | 'containerId' | 'token'>;
-/**
- * 挂载响应式Tokens参数
- */
-type componentsTokenOptions = Pick<ThemeProps, 'token'>;
 export type MountResponsiveTokenOptions = Pick<ThemeProps, 'responsive'> & {
     breakpoints?: Breakpoints;
 };
@@ -124,4 +119,4 @@ export type ThemeProviderProps<D extends React.ElementType = 'div', P = {}> = Ov
     props: P & ThemeProps;
     defaultComponent: D;
 }, D>;
-export { BaseLang, ResponsiveTokenOptions, ThemeProps, BuiltInThemesTokenOptions, componentsTokenOptions, };
+export { BaseLang, ResponsiveTokenOptions, ThemeProps, BuiltInThemesTokenOptions, };

package/dist/ThemeProvider/utils/constants.d.ts

@@ -30,7 +30,7 @@ export declare const rootSelector: {
     defaultLight: string[];
     defaultDark: string[];
     dmLight: string[];
-    dmDark: string[];
+    pioneerLight: string[];
 };
 /**
  * BUI css变量前缀

package/dist/ThemeProvider/utils/constants.js

@@ -54,7 +54,10 @@ const rootSelector = {
   ],
   defaultDark: [".bui-dark", '[data-color-mode="dark"][data-theme="default"]'],
   dmLight: [".bui-dm-light", '[data-color-mode="light"][data-theme="dm"]'],
-  dmDark: [".bui-dm-dark", '[data-color-mode="dark"][data-theme="dm"]']
+  pioneerLight: [
+    ".bui-pioneer-light",
+    '[data-color-mode="light"][data-theme="pioneer"]'
+  ]
 };
 const BUI_VAR_PREFIX = "bui-var-";
 // Annotate the CommonJS export names for ESM import in node: