@bifrostui/react 0.0.5

package/dist/Card/CardHeader.css

@@ -0,0 +1,45 @@
+.bui-card-header {
+  display: flex;
+  align-items: center;
+  flex-direction: row;
+  position: relative;
+  padding: var(--bui-spacing-md) var(--bui-spacing-lg);
+  font-size: var(--bui-title-size-4);
+  font-weight: 500;
+  color: var(--bui-color-fg-default);
+  font-family: var(--bui-font-family);
+}
+.bui-card-header-title {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: 100%;
+  flex-shrink: 0;
+}
+.bui-card-header-subtitle {
+  font-size: var(--bui-text-size-3);
+  font-weight: normal;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  color: var(--bui-color-fg-subtle);
+  padding: 0 var(--bui-spacing-xs);
+}
+.bui-card-header-extra {
+  white-space: nowrap;
+}
+.bui-card-header-end-icon {
+  display: flex;
+  align-items: center;
+  flex-direction: row;
+}
+.bui-card-header-extra,
+.bui-card-header-end-icon {
+  font-size: var(--bui-text-size-3);
+  font-weight: normal;
+  color: var(--bui-color-fg-subtle);
+  margin-left: auto;
+}
+.bui-card-header-extra + .bui-card-header-end-icon {
+  margin-left: 2px;
+}

package/dist/Card/CardHeader.d.ts

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

package/dist/Card/CardHeader.js

@@ -0,0 +1,59 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _icons = require("@bifrostui/icons");
+var _clsx = _interopRequireDefault(require("clsx"));
+var _react = _interopRequireDefault(require("react"));
+require("./CardHeader.css");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+const prefixCls = 'bui-card-header';
+const CardHeader = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const {
+    title,
+    subtitle,
+    className,
+    extra,
+    endIcon,
+    onClick,
+    ...others
+  } = props;
+
+  // 右侧操作icon
+  const chevron = (() => {
+    if (typeof endIcon === 'boolean') {
+      return endIcon ? /*#__PURE__*/_react.default.createElement(_icons.ArrowForwardIcon, {
+        size: "small",
+        htmlColor: "#ced1d6"
+      }) : null;
+    }
+    if ( /*#__PURE__*/_react.default.isValidElement(endIcon)) {
+      return endIcon;
+    }
+    if (onClick) {
+      return /*#__PURE__*/_react.default.createElement(_icons.ArrowForwardIcon, {
+        size: "small",
+        htmlColor: "#ced1d6"
+      });
+    }
+    return null;
+  })();
+  return title || subtitle ? /*#__PURE__*/_react.default.createElement("div", _extends({
+    className: (0, _clsx.default)(prefixCls, className),
+    onClick: onClick,
+    ref: ref
+  }, others), title && /*#__PURE__*/_react.default.createElement("div", {
+    className: `${prefixCls}-title`
+  }, title), subtitle && /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _clsx.default)(`${prefixCls}-subtitle`)
+  }, subtitle), extra && /*#__PURE__*/_react.default.createElement("div", {
+    className: `${prefixCls}-extra`
+  }, extra), chevron && /*#__PURE__*/_react.default.createElement("div", {
+    className: `${prefixCls}-end-icon`
+  }, chevron)) : null;
+});
+CardHeader.displayName = 'BuiCardHeader';
+var _default = exports.default = CardHeader;

package/dist/Card/CardHeader.types.d.ts

@@ -0,0 +1,23 @@
+import { OverrideProps } from '@bifrostui/types';
+import React, { ReactNode } from 'react';
+export type CardHeaderProps<D extends React.ElementType = 'div', P = {}> = OverrideProps<{
+    props: P & {
+        /**
+         * 卡片标题
+         */
+        title?: ReactNode;
+        /**
+         * 子标题
+         */
+        subtitle?: ReactNode;
+        /**
+         *卡片右侧操作区
+         */
+        extra?: ReactNode;
+        /**
+         * 卡片右侧操作区图标
+         */
+        endIcon?: ReactNode | boolean;
+    };
+    defaultComponent: D;
+}, D>;

package/dist/Card/CardHeader.types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/dist/Card/index.d.ts

@@ -0,0 +1,10 @@
+import CardHeader from './CardHeader';
+import CardContent from './CardContent';
+import CardFooter from './CardFooter';
+export * from './Card.types';
+export * from './CardHeader.types';
+export * from './CardContent.types';
+export * from './CardFooter.types';
+export { default } from './Card';
+export { default as Card } from './Card';
+export { CardHeader, CardContent, CardFooter };

package/dist/Card/index.js

@@ -0,0 +1,94 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  CardHeader: true,
+  CardContent: true,
+  CardFooter: true,
+  Card: true
+};
+Object.defineProperty(exports, "Card", {
+  enumerable: true,
+  get: function () {
+    return _Card2.default;
+  }
+});
+Object.defineProperty(exports, "CardContent", {
+  enumerable: true,
+  get: function () {
+    return _CardContent.default;
+  }
+});
+Object.defineProperty(exports, "CardFooter", {
+  enumerable: true,
+  get: function () {
+    return _CardFooter.default;
+  }
+});
+Object.defineProperty(exports, "CardHeader", {
+  enumerable: true,
+  get: function () {
+    return _CardHeader.default;
+  }
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _Card2.default;
+  }
+});
+var _CardHeader = _interopRequireDefault(require("./CardHeader"));
+var _CardContent = _interopRequireDefault(require("./CardContent"));
+var _CardFooter = _interopRequireDefault(require("./CardFooter"));
+var _Card = require("./Card.types");
+Object.keys(_Card).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Card[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Card[key];
+    }
+  });
+});
+var _CardHeader2 = require("./CardHeader.types");
+Object.keys(_CardHeader2).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _CardHeader2[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _CardHeader2[key];
+    }
+  });
+});
+var _CardContent2 = require("./CardContent.types");
+Object.keys(_CardContent2).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _CardContent2[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _CardContent2[key];
+    }
+  });
+});
+var _CardFooter2 = require("./CardFooter.types");
+Object.keys(_CardFooter2).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _CardFooter2[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _CardFooter2[key];
+    }
+  });
+});
+var _Card2 = _interopRequireDefault(require("./Card"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/dist/Checkbox/Checkbox.css

@@ -0,0 +1,45 @@
+.bui-checkbox {
+  --label-color: var(--bui-color-fg-default);
+  --label-font-size: var(--bui-text-size-1);
+  --icon-font-size: var(--bui-title-size-2);
+  display: inline-flex;
+  align-items: center;
+  position: relative;
+  font-family: var(--bui-font-family);
+}
+.bui-checkbox.bui-checkbox-disabled {
+  pointer-events: none;
+  opacity: 0.5;
+}
+.bui-checkbox-label-left {
+  flex-direction: row-reverse;
+}
+.bui-checkbox-label-top {
+  flex-direction: column-reverse;
+}
+.bui-checkbox-label-bottom {
+  flex-direction: column;
+}
+.bui-checkbox-input {
+  opacity: 0;
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  top: 0;
+  left: 0;
+  cursor: pointer;
+  z-index: 1;
+}
+.bui-checkbox-icon {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  padding: 5px;
+  box-sizing: border-box;
+  font-size: var(--icon-font-size);
+}
+.bui-checkbox-label {
+  font-size: var(--label-font-size);
+  color: var(--label-color);
+}

package/dist/Checkbox/Checkbox.d.ts

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

package/dist/Checkbox/Checkbox.js

@@ -0,0 +1,101 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _icons = require("@bifrostui/icons");
+var _utils = require("@bifrostui/utils");
+var _clsx = _interopRequireDefault(require("clsx"));
+var _react = _interopRequireWildcard(require("react"));
+var _CheckboxContext = _interopRequireDefault(require("./CheckboxContext"));
+require("./Checkbox.css");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+const prefixCls = 'bui-checkbox';
+const Checkbox = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+  const {
+    className,
+    defaultChecked,
+    checked,
+    inputProps,
+    inputRef,
+    name,
+    value,
+    disabled,
+    icon,
+    checkedIcon,
+    labelPlacement,
+    onChange,
+    children,
+    ...others
+  } = props;
+  const groupContext = (0, _react.useContext)(_CheckboxContext.default);
+  let validDefaultChecked = defaultChecked;
+  let validChecked = checked;
+  // 使用CheckboxGroup
+  if (groupContext) {
+    validChecked = groupContext?.value?.includes(value);
+    validDefaultChecked = groupContext?.defaultValue?.includes(value);
+  }
+  const [checkboxChecked, triggerChange] = (0, _utils.useValue)({
+    defaultValue: validDefaultChecked,
+    value: validChecked
+  });
+  if (groupContext && !value) {
+    console.error('CheckboxGroup模式下Checkbox须传入value属性');
+  }
+  const checkboxCheckIcon = checkedIcon || /*#__PURE__*/_react.default.createElement(_icons.SuccessCircleFilledIcon, {
+    color: "primary"
+  });
+  const checkboxUncheckIcon = icon || /*#__PURE__*/_react.default.createElement(_icons.CircleOutlinedIcon, {
+    htmlColor: "#ced1d6"
+  });
+  const checkboxDisabled = disabled !== undefined ? disabled : groupContext?.disabled;
+  const handleChange = e => {
+    const isChecked = !checkboxChecked;
+    // Checkbox
+    if (!groupContext) {
+      triggerChange(e, isChecked);
+      onChange?.(e, {
+        checked: isChecked
+      });
+      inputProps?.onChange?.(e);
+      return;
+    }
+    // CheckboxGroup
+    if (isChecked) {
+      groupContext?.select?.(e, value);
+    } else {
+      groupContext?.unselect?.(e, value);
+    }
+  };
+  return /*#__PURE__*/_react.default.createElement("div", _extends({
+    ref: ref,
+    className: (0, _clsx.default)(prefixCls, className, `${prefixCls}-label-${labelPlacement}`, {
+      [`${prefixCls}-disabled`]: checkboxDisabled
+    })
+  }, others), /*#__PURE__*/_react.default.createElement("input", _extends({
+    ref: inputRef,
+    type: "checkbox",
+    value: value,
+    name: name,
+    checked: checkboxChecked,
+    disabled: checkboxDisabled
+  }, inputProps, {
+    onChange: handleChange,
+    className: (0, _clsx.default)(`${prefixCls}-input`, inputProps?.className)
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: `${prefixCls}-icon`
+  }, checkboxChecked ? checkboxCheckIcon : checkboxUncheckIcon), children && /*#__PURE__*/_react.default.createElement("div", {
+    className: `${prefixCls}-label`
+  }, children));
+});
+Checkbox.displayName = 'BuiCheckbox';
+Checkbox.defaultProps = {
+  defaultChecked: false,
+  labelPlacement: 'right'
+};
+var _default = exports.default = Checkbox;

package/dist/Checkbox/Checkbox.types.d.ts

@@ -0,0 +1,84 @@
+import { OverrideProps } from '@bifrostui/types';
+import React, { ReactNode } from 'react';
+export type CheckboxLabelPlacement = 'left' | 'top' | 'right' | 'bottom';
+export interface CheckboxContextProps {
+    defaultValue?: string[];
+    value?: string[];
+    select: (e: React.ChangeEvent<HTMLInputElement>, val: string) => void;
+    unselect: (e: React.ChangeEvent<HTMLInputElement>, val: string) => void;
+    disabled?: boolean;
+}
+export type CheckboxGroupProps<D extends React.ElementType = 'div', P = {}> = OverrideProps<{
+    props: P & {
+        /**
+         * 默认选中的选项，当组件非受控时使用
+         */
+        defaultValue?: string[];
+        /**
+         * 指定选中的选项，当组件受控时使用
+         */
+        value?: string[];
+        /**
+         * 整组是否禁用，默认false
+         */
+        disabled?: boolean;
+        /**
+         * 变化时的回调函数
+         */
+        onChange?: (e: React.SyntheticEvent, data: {
+            value: string[];
+        }) => void;
+    };
+    defaultComponent: D;
+}, D>;
+export type CheckboxProps<D extends React.ElementType = 'div', P = {}> = OverrideProps<{
+    props: P & {
+        /**
+         * 默认是否选中，当组件非受控时使用
+         */
+        defaultChecked?: boolean;
+        /**
+         * 是否选中，当组件受控时使用
+         */
+        checked?: boolean;
+        /**
+         * 内部<input>标签的标准属性
+         */
+        inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
+        /**
+         * 内部<input>标签的ref
+         */
+        inputRef?: React.Ref<HTMLInputElement>;
+        /**
+         * <input>名称标识
+         */
+        name?: string;
+        /**
+         * 组件的值，若使用CheckboxGroup应传入该属性
+         */
+        value?: string;
+        /**
+         * 是否禁用
+         */
+        disabled?: boolean;
+        /**
+         * 未选中状态图标
+         */
+        icon?: ReactNode;
+        /**
+         * 选中状态图标
+         */
+        checkedIcon?: ReactNode;
+        /**
+         * 文案位置，默认: 'right'
+         */
+        labelPlacement?: CheckboxLabelPlacement;
+        /**
+         * 变化时的回调函数
+         */
+        onChange?: (e: React.SyntheticEvent, data: {
+            checked: boolean;
+        }) => void;
+    };
+    defaultComponent: D;
+}, D>;

package/dist/Checkbox/Checkbox.types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/dist/Checkbox/CheckboxContext.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { CheckboxContextProps } from './Checkbox.types';
+declare const CheckboxContext: React.Context<CheckboxContextProps>;
+export declare const CheckboxContextProvider: React.Provider<CheckboxContextProps>;
+export default CheckboxContext;

package/dist/Checkbox/CheckboxContext.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.CheckboxContextProvider = void 0;
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const CheckboxContext = /*#__PURE__*/_react.default.createContext(null);
+const CheckboxContextProvider = exports.CheckboxContextProvider = CheckboxContext.Provider;
+var _default = exports.default = CheckboxContext;

package/dist/Checkbox/CheckboxGroup.d.ts

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

package/dist/Checkbox/CheckboxGroup.js

@@ -0,0 +1,57 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _utils = require("@bifrostui/utils");
+var _clsx = _interopRequireDefault(require("clsx"));
+var _react = _interopRequireWildcard(require("react"));
+require("./Checkbox.css");
+var _CheckboxContext = require("./CheckboxContext");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+const prefixCls = 'bui-checkbox-group';
+const CheckboxGroup = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+  const {
+    className,
+    children,
+    defaultValue,
+    value,
+    disabled,
+    onChange,
+    ...others
+  } = props;
+  const [groupValue, triggerChange] = (0, _utils.useValue)({
+    defaultValue,
+    value,
+    onChange
+  });
+  const select = (e, v) => {
+    const values = [...groupValue, v];
+    triggerChange(e, values);
+  };
+  const unselect = (e, v) => {
+    const values = groupValue.filter(item => item !== v);
+    triggerChange(e, values);
+  };
+  return /*#__PURE__*/_react.default.createElement(_CheckboxContext.CheckboxContextProvider, {
+    value: {
+      defaultValue,
+      value: groupValue,
+      select,
+      unselect,
+      disabled
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", _extends({
+    ref: ref,
+    className: (0, _clsx.default)(prefixCls, className)
+  }, others), children));
+});
+CheckboxGroup.displayName = 'CheckboxGroup';
+CheckboxGroup.defaultProps = {
+  disabled: false
+};
+var _default = exports.default = CheckboxGroup;

package/dist/Checkbox/index.d.ts

@@ -0,0 +1,3 @@
+export { default as Checkbox, default } from './Checkbox';
+export * from './Checkbox.types';
+export { default as CheckboxGroup } from './CheckboxGroup';

package/dist/Checkbox/index.js

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  Checkbox: true,
+  CheckboxGroup: true
+};
+Object.defineProperty(exports, "Checkbox", {
+  enumerable: true,
+  get: function () {
+    return _Checkbox.default;
+  }
+});
+Object.defineProperty(exports, "CheckboxGroup", {
+  enumerable: true,
+  get: function () {
+    return _CheckboxGroup.default;
+  }
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _Checkbox.default;
+  }
+});
+var _Checkbox = _interopRequireDefault(require("./Checkbox"));
+var _Checkbox2 = require("./Checkbox.types");
+Object.keys(_Checkbox2).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Checkbox2[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Checkbox2[key];
+    }
+  });
+});
+var _CheckboxGroup = _interopRequireDefault(require("./CheckboxGroup"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/dist/Countdown/Countdown.css

@@ -0,0 +1,28 @@
+.bui-countdown {
+  --font-size: var(--bui-countdown-font-size, var(--bui-text-size-1));
+  --color: var(--bui-countdown-color, var(--bui-color-fg-default));
+  --font-weight: var(--bui-countdown-font-weight, var(--bui-font-weight-normal));
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  font-size: var(--font-size);
+  color: var(--color);
+  font-weight: var(--font-weight);
+  font-family: var(--bui-font-family);
+}
+.bui-countdown-slice {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+}
+.bui-countdown-slice-item {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+}
+.bui-countdown-slice-value {
+  font-family: 'Helvetica Neue', helvetica, 'PingFang SC', 'Chinese Quote', 'Segoe UI', roboto, 'Hiragino Sans GB', 'Microsoft YaHei', arial, sans-serif;
+}
+.bui-countdown-slice-unit {
+  margin: 0 2px;
+}

package/dist/Countdown/Countdown.d.ts

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