@bifrostui/react 1.4.5-beta.1 → 1.4.5-beta.3

package/es/Calendar/Calendar.js

@@ -52,15 +52,15 @@ const Calendar = /* @__PURE__ */ React.forwardRef(
       className,
       defaultValue,
       value,
-      minDate,
-      maxDate,
-      mode,
-      hideDaysOutsideCurrentMonth,
-      headerBarFormat,
+      minDate = dayjs(dayjs().format("YYYYMMDD")).add(0, "month").toDate(),
+      maxDate = dayjs(dayjs().format("YYYYMMDD")).add(11, "month").toDate(),
+      mode = "single",
+      hideDaysOutsideCurrentMonth = false,
+      headerBarFormat = "YYYY/MM",
       headerBarLeftIcon,
       headerBarRightIcon,
       disabledDate,
-      highlightDate,
+      highlightDate = "today",
       dateRender,
       weekRender,
       onMonthChange,
@@ -301,14 +301,6 @@ const Calendar = /* @__PURE__ */ React.forwardRef(
   }
 );
 Calendar.displayName = "BuiCalendar";
-Calendar.defaultProps = {
-  hideDaysOutsideCurrentMonth: false,
-  headerBarFormat: "YYYY/MM",
-  mode: "single",
-  minDate: dayjs(dayjs().format("YYYYMMDD")).add(0, "month").toDate(),
-  maxDate: dayjs(dayjs().format("YYYYMMDD")).add(11, "month").toDate(),
-  highlightDate: "today"
-};
 var Calendar_default = Calendar;
 export {
   Calendar_default as default

package/es/Card/Card.css

@@ -1,11 +1,8 @@
 .bui-card {
-  --bui-card-font-family: var(--bui-font-family);
-  --bui-card-font-size: var(--bui-text-size-1);
   background-color: var(--bui-color-bg-view);
   border-radius: var(--bui-shape-radius-card);
   overflow: hidden;
   font-family: var(--bui-card-font-family);
-  font-size: var(--bui-card-font-size);
 }
 .bui-card-header + .bui-card-content {
   padding-top: 0;

package/es/Card/CardContent.css

@@ -1,4 +1,5 @@
 .bui-card-content {
   padding: var(--bui-spacing-lg);
   color: var(--bui-color-fg-muted);
+  font-size: var(--bui-card-font-size);
 }

package/es/Card/CardFooter.css

@@ -3,4 +3,5 @@
   display: flex;
   align-items: center;
   padding: var(--bui-spacing-md) var(--bui-spacing-lg);
+  font-size: var(--bui-card-font-size);
 }

package/es/Card/CardHeader.css

@@ -15,6 +15,7 @@
   text-overflow: ellipsis;
   max-width: 100%;
   flex-shrink: 0;
+  font-family: var(--bui-font-family-accent, inherit);
 }
 .bui-card-header-subtitle {
   font-size: var(--bui-text-size-3);

package/es/Checkbox/Checkbox.js

@@ -40,7 +40,7 @@ const Checkbox = forwardRef((props, ref) => {
   var _b, _c;
   const _a = props, {
     className,
-    defaultChecked,
+    defaultChecked = false,
     checked,
     inputProps,
     inputRef,
@@ -49,7 +49,7 @@ const Checkbox = forwardRef((props, ref) => {
     disabled,
     icon,
     checkedIcon,
-    labelPlacement,
+    labelPlacement = "right",
     onChange,
     children
   } = _a, others = __objRest(_a, [
@@ -131,10 +131,6 @@ const Checkbox = forwardRef((props, ref) => {
   );
 });
 Checkbox.displayName = "BuiCheckbox";
-Checkbox.defaultProps = {
-  defaultChecked: false,
-  labelPlacement: "right"
-};
 var Checkbox_default = Checkbox;
 export {
   Checkbox_default as default

package/es/Checkbox/CheckboxGroup.js

@@ -33,15 +33,15 @@ import { CheckboxContextProvider } from "./CheckboxContext";
 import "./Checkbox.css";
 const prefixCls = "bui-checkbox-group";
 const CheckboxGroup = forwardRef(
-  (props, ref) => {
-    const _a = props, {
+  (_a, ref) => {
+    var _b = _a, {
       className,
       children,
       defaultValue,
       value,
-      disabled,
+      disabled = false,
       onChange
-    } = _a, others = __objRest(_a, [
+    } = _b, others = __objRest(_b, [
       "className",
       "children",
       "defaultValue",
@@ -78,9 +78,6 @@ const CheckboxGroup = forwardRef(
   }
 );
 CheckboxGroup.displayName = "CheckboxGroup";
-CheckboxGroup.defaultProps = {
-  disabled: false
-};
 var CheckboxGroup_default = CheckboxGroup;
 export {
   CheckboxGroup_default as default

package/es/CollapsePanel/CollapsePanelItem.js

@@ -30,55 +30,54 @@ import React from "react";
 import clsx from "clsx";
 import { Collapse } from "../Collapse";
 const prefixCls = "bui-collapse-panel-item";
-const CollapsePanelItem = /* @__PURE__ */ React.forwardRef((props, ref) => {
-  const _a = props, {
-    className,
-    style,
-    label,
-    children,
-    icon,
-    active,
-    onClick
-  } = _a, others = __objRest(_a, [
-    "className",
-    "style",
-    "label",
-    "children",
-    "icon",
-    "active",
-    "onClick"
-  ]);
-  const isControlledIcon = typeof icon === "function";
-  const getIcon = () => {
-    return typeof icon === "function" ? icon(active) : icon;
-  };
-  return /* @__PURE__ */ React.createElement(
-    "div",
-    __spreadValues({
-      className: clsx(prefixCls, active && `${prefixCls}-active`, className),
+const CollapsePanelItem = /* @__PURE__ */ React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, {
+      className,
       style,
-      ref
-    }, others),
-    /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-header`, onClick }, /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-header-label` }, label), /* @__PURE__ */ React.createElement(
+      label,
+      children,
+      icon,
+      active = false,
+      onClick
+    } = _b, others = __objRest(_b, [
+      "className",
+      "style",
+      "label",
+      "children",
+      "icon",
+      "active",
+      "onClick"
+    ]);
+    const isControlledIcon = typeof icon === "function";
+    const getIcon = () => {
+      return typeof icon === "function" ? icon(active) : icon;
+    };
+    return /* @__PURE__ */ React.createElement(
       "div",
-      {
-        className: clsx(
-          `${prefixCls}-header-icon`,
-          `${prefixCls}-header-icon-arrow`,
-          {
-            [`${prefixCls}-header-icon-arrow-active`]: !isControlledIcon && active
-          }
-        )
-      },
-      getIcon()
-    )),
-    /* @__PURE__ */ React.createElement(Collapse, { in: active, direction: "vertical", timeout: 300 }, /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-content` }, children))
-  );
-});
+      __spreadValues({
+        className: clsx(prefixCls, active && `${prefixCls}-active`, className),
+        style,
+        ref
+      }, others),
+      /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-header`, onClick }, /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-header-label` }, label), /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          className: clsx(
+            `${prefixCls}-header-icon`,
+            `${prefixCls}-header-icon-arrow`,
+            {
+              [`${prefixCls}-header-icon-arrow-active`]: !isControlledIcon && active
+            }
+          )
+        },
+        getIcon()
+      )),
+      /* @__PURE__ */ React.createElement(Collapse, { in: active, direction: "vertical", timeout: 300 }, /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-content` }, children))
+    );
+  }
+);
 CollapsePanelItem.displayName = "BuiCollapsePanelItem";
-CollapsePanelItem.defaultProps = {
-  active: false
-};
 var CollapsePanelItem_default = CollapsePanelItem;
 export {
   CollapsePanelItem_default as default

package/es/Countdown/Countdown.js

@@ -38,11 +38,11 @@ const Countdown = forwardRef((props, ref) => {
     className,
     serverTimestamp,
     endTimestamp,
-    remainingTime,
-    format,
-    unitStyle,
-    valueStyle,
-    timeSliceStyle,
+    remainingTime = 0,
+    format = "HH:mm:ss",
+    unitStyle = {},
+    valueStyle = [{}, {}],
+    timeSliceStyle = {},
     renderContent,
     onChange,
     onFinish
@@ -122,13 +122,6 @@ const Countdown = forwardRef((props, ref) => {
   return /* @__PURE__ */ React.createElement("div", __spreadValues({ ref, className: clsx(prefixCls, className) }, others), renderContent ? renderContent(time) : defaultRender(time));
 });
 Countdown.displayName = "BuiCountdown";
-Countdown.defaultProps = {
-  format: "HH:mm:ss",
-  remainingTime: 0,
-  unitStyle: {},
-  valueStyle: [{}, {}],
-  timeSliceStyle: {}
-};
 var Countdown_default = Countdown;
 export {
   Countdown_default as default

package/es/Divider/Divider.js

@@ -19,7 +19,14 @@ import React, { forwardRef } from "react";
 import "./Divider.css";
 const prefixCls = "bui-divider";
 const Divider = forwardRef((props, ref) => {
-  const { className, style, direction, dashed, size, children } = props;
+  const {
+    className,
+    style,
+    direction = "vertical",
+    dashed = false,
+    size,
+    children
+  } = props;
   const isVertical = direction === "vertical";
   const hasChildren = !!React.Children.toArray(children).length;
   let propsStyle = {};
@@ -46,10 +53,6 @@ const Divider = forwardRef((props, ref) => {
   );
 });
 Divider.displayName = "BuiDivider";
-Divider.defaultProps = {
-  direction: "vertical",
-  dashed: false
-};
 var Divider_default = Divider;
 export {
   Divider_default as default

package/es/Drawer/Drawer.js

@@ -43,15 +43,15 @@ const oppositeDirection = {
 };
 const Drawer = /* @__PURE__ */ React.forwardRef((props, ref) => {
   const _a = props, {
-    anchor: anchorProp,
+    anchor: anchorProp = "bottom",
     container,
     children,
     className,
-    hideBackdrop,
+    hideBackdrop = false,
     onClose,
     SlideProps,
-    open,
-    disablePortal,
+    open = false,
+    disablePortal = false,
     contentProps,
     transitionDuration
   } = _a, others = __objRest(_a, [
@@ -105,12 +105,6 @@ const Drawer = /* @__PURE__ */ React.forwardRef((props, ref) => {
   );
 });
 Drawer.displayName = "BuiDrawer";
-Drawer.defaultProps = {
-  anchor: "bottom",
-  hideBackdrop: false,
-  open: false,
-  disablePortal: false
-};
 var Drawer_default = Drawer;
 export {
   Drawer_default as default

package/es/Fade/Fade.js

@@ -46,64 +46,60 @@ const defaultTimeout = {
   enter: duration.enteringScreen,
   exit: duration.leavingScreen
 };
-const Fade = /* @__PURE__ */ React.forwardRef((props, ref) => {
-  const _a = props, {
-    appear,
-    children,
-    in: inProp,
-    easing: easingProp,
-    style,
-    timeout,
-    delay
-  } = _a, others = __objRest(_a, [
-    "appear",
-    "children",
-    "in",
-    "easing",
-    "style",
-    "timeout",
-    "delay"
-  ]);
-  const transitions = createTransitions();
-  const nodeRef = useForkRef(ref, children == null ? void 0 : children.ref);
-  return /* @__PURE__ */ React.createElement(
-    Transition,
-    __spreadProps(__spreadValues({
-      appear,
+const Fade = /* @__PURE__ */ React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, {
+      appear = true,
+      children,
       in: inProp,
-      timeout,
-      delay
-    }, others), {
-      ref: nodeRef
-    }),
-    (state, childProps) => {
-      const transition = transitions.create(
-        "opacity",
-        getTransitionProps(
-          { timeout, style, easing: easingProp, delay },
-          {
-            mode: state
-          }
-        )
-      );
-      return React.cloneElement(children, __spreadValues({
-        style: __spreadValues(__spreadValues({
-          visibility: state === "exited" ? "hidden" : "visible",
-          transition,
-          WebkitTransition: transition,
-          opacity: state === "entering" || state === "entered" ? "1" : "0"
-        }, style), children.props.style)
-      }, childProps));
-    }
-  );
-});
+      easing: easingProp = defaultEasing,
+      style,
+      timeout = defaultTimeout,
+      delay = 0
+    } = _b, others = __objRest(_b, [
+      "appear",
+      "children",
+      "in",
+      "easing",
+      "style",
+      "timeout",
+      "delay"
+    ]);
+    const transitions = createTransitions();
+    const nodeRef = useForkRef(ref, children == null ? void 0 : children.ref);
+    return /* @__PURE__ */ React.createElement(
+      Transition,
+      __spreadProps(__spreadValues({
+        appear,
+        in: inProp,
+        timeout,
+        delay
+      }, others), {
+        ref: nodeRef
+      }),
+      (state, childProps) => {
+        const transition = transitions.create(
+          "opacity",
+          getTransitionProps(
+            { timeout, style, easing: easingProp, delay },
+            {
+              mode: state
+            }
+          )
+        );
+        return React.cloneElement(children, __spreadValues({
+          style: __spreadValues(__spreadValues({
+            visibility: state === "exited" ? "hidden" : "visible",
+            transition,
+            WebkitTransition: transition,
+            opacity: state === "entering" || state === "entered" ? "1" : "0"
+          }, style), children.props.style)
+        }, childProps));
+      }
+    );
+  }
+);
 Fade.displayName = "BuiFade";
-Fade.defaultProps = {
-  easing: defaultEasing,
-  timeout: defaultTimeout,
-  appear: true,
-  delay: 0
-};
 var Fade_default = Fade;
 export {
   Fade_default as default

package/es/IconButton/IconButton.js

@@ -37,11 +37,11 @@ const IconButton = /* @__PURE__ */ React.forwardRef(
     const _a = props, {
       className,
       children,
-      color,
-      disabled,
-      size,
-      variant,
-      shape
+      color = "default",
+      disabled = false,
+      size = "medium",
+      variant = "default",
+      shape = "circular"
     } = _a, others = __objRest(_a, [
       "className",
       "children",
@@ -78,13 +78,6 @@ const IconButton = /* @__PURE__ */ React.forwardRef(
   }
 );
 IconButton.displayName = "BuiIconButton";
-IconButton.defaultProps = {
-  size: "medium",
-  variant: "default",
-  shape: "circular",
-  color: "default",
-  disabled: false
-};
 var IconButton_default = IconButton;
 export {
   IconButton_default as default