@bifrostui/react 1.3.1-beta.1 → 1.3.3

package/dist/Toast/Toast.js

@@ -63,59 +63,55 @@ var import_clsx = __toESM(require("clsx"));
 var import_react = __toESM(require("react"));
 var import_icons = require("@bifrostui/icons");
 var import_Fade = __toESM(require("../Fade"));
-var import_ThemeProvider = require("../ThemeProvider");
 var import_Toast2 = require("./Toast.css");
 const prefixCls = "bui-toast";
-const ToastComponent = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
-  const _a = props, {
-    className,
-    style,
-    open,
-    type,
-    icon,
-    message,
-    position = "center",
-    disableClick = false,
-    theme
-  } = _a, others = __objRest(_a, [
-    "className",
-    "style",
-    "open",
-    "type",
-    "icon",
-    "message",
-    "position",
-    "disableClick",
-    "theme"
-  ]);
-  const themeConfig = (0, import_ThemeProvider.useTheme)(theme);
-  (0, import_react.useImperativeHandle)(ref, () => {
-    return { theme: themeConfig };
-  }, []);
-  const iconMap = {
-    fail: /* @__PURE__ */ import_react.default.createElement(import_icons.ErrorCircleFilledBoldIcon, { htmlColor: "#ffffff" }),
-    loading: /* @__PURE__ */ import_react.default.createElement(import_icons.AccessTimeCircleFilledBoldIcon, { htmlColor: "#ffffff" }),
-    warning: /* @__PURE__ */ import_react.default.createElement(import_icons.AlertCircleFilledBoldIcon, { htmlColor: "#ffffff" }),
-    success: /* @__PURE__ */ import_react.default.createElement(import_icons.SuccessCircleFilledBoldIcon, { htmlColor: "#ffffff" })
-  };
-  const iconDom = iconMap[type] || icon;
-  return /* @__PURE__ */ import_react.default.createElement(import_Fade.default, __spreadProps(__spreadValues({}, others), { in: open, appear: false, unmountOnExit: true }), /* @__PURE__ */ import_react.default.createElement(
-    "div",
-    {
-      className: (0, import_clsx.default)(
-        prefixCls,
-        `${prefixCls}-${position}`,
-        {
-          [`${prefixCls}-icon`]: !!iconDom,
-          [`${prefixCls}-allow-click`]: !disableClick
-        },
-        className
-      ),
-      style
-    },
-    iconDom,
-    message
-  ));
-});
+const ToastComponent = /* @__PURE__ */ import_react.default.forwardRef(
+  (props, ref) => {
+    const _a = props, {
+      className,
+      style,
+      open,
+      type,
+      icon,
+      message,
+      position = "center",
+      disableClick = false
+    } = _a, others = __objRest(_a, [
+      "className",
+      "style",
+      "open",
+      "type",
+      "icon",
+      "message",
+      "position",
+      "disableClick"
+    ]);
+    const iconMap = {
+      fail: /* @__PURE__ */ import_react.default.createElement(import_icons.ErrorCircleFilledBoldIcon, { htmlColor: "#ffffff" }),
+      loading: /* @__PURE__ */ import_react.default.createElement(import_icons.AccessTimeCircleFilledBoldIcon, { htmlColor: "#ffffff" }),
+      warning: /* @__PURE__ */ import_react.default.createElement(import_icons.AlertCircleFilledBoldIcon, { htmlColor: "#ffffff" }),
+      success: /* @__PURE__ */ import_react.default.createElement(import_icons.SuccessCircleFilledBoldIcon, { htmlColor: "#ffffff" })
+    };
+    const iconDom = iconMap[type] || icon;
+    return /* @__PURE__ */ import_react.default.createElement(import_Fade.default, __spreadProps(__spreadValues({}, others), { in: open, appear: false, unmountOnExit: true }), /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        className: (0, import_clsx.default)(
+          prefixCls,
+          `${prefixCls}-${position}`,
+          {
+            [`${prefixCls}-icon`]: !!iconDom,
+            [`${prefixCls}-allow-click`]: !disableClick
+          },
+          className
+        ),
+        ref,
+        style
+      },
+      iconDom,
+      message
+    ));
+  }
+);
 ToastComponent.displayName = "BuiToast";
 var Toast_default = ToastComponent;

package/dist/Toast/Toast.types.d.ts

@@ -1,9 +1,5 @@
 import React from 'react';
 import { FadeProps } from '../Fade/Fade.types';
-import { ThemeProps } from '../ThemeProvider/ThemeProvider.types';
-export type ToastRef = {
-    theme?: ThemeProps;
-};
 /**
  * 提示类型
  */
@@ -40,10 +36,6 @@ export interface ToastProps extends FadeProps {
      * 自定义图标
      */
     icon?: React.ReactNode;
-    /**
-     * theme 主题定制
-     */
-    theme?: ThemeProps;
     /**
      * 展示Toast时，页面内容是否可以点击
      * @default false
@@ -70,7 +62,7 @@ export type ToastReturnType = {
 /**
  * Toast Instance
  */
-export interface ToastFunction {
+export interface ToastInstance {
     (options: ToastOptions): ToastReturnType;
     /**
      * 警告提示
@@ -93,9 +85,3 @@ export interface ToastFunction {
      */
     clear: () => void;
 }
-export interface ToastInstance extends ToastFunction {
-    /**
-     * 获取toast静态方法 & contextHolder
-     */
-    useToast: () => [ToastFunction, React.JSX.Element];
-}

package/dist/index.d.ts

@@ -7,7 +7,6 @@ export * from './Button';
 export * from './Calendar';
 export * from './Card';
 export * from './Checkbox';
-export * from './Collapse';
 export * from './Divider';
 export * from './Drawer';
 export * from './Fade';
@@ -16,7 +15,6 @@ export * from './Image';
 export * from './Input';
 export * from './List';
 export * from './Modal';
-export * from './Popover';
 export * from './Portal';
 export * from './Progress';
 export * from './Radio';
@@ -34,16 +32,11 @@ export * from './Tabs';
 export * from './Tag';
 export * from './TextArea';
 export * from './Transition';
-export * from './Tooltip';
 export * from './NavBar';
 export * from './Loading';
 export * from './TabBar';
 export * from './Countdown';
 export * from './CitySelector';
 export * from './Picker';
-export * from './CollapsePanel';
-export * from './Breadcrumb';
 export * from './Toast';
 export * from './Dialog';
-export * from './ThemeProvider';
-export * from './locales';

package/dist/index.js

@@ -23,7 +23,6 @@ __reExport(src_exports, require("./Button"), module.exports);
 __reExport(src_exports, require("./Calendar"), module.exports);
 __reExport(src_exports, require("./Card"), module.exports);
 __reExport(src_exports, require("./Checkbox"), module.exports);
-__reExport(src_exports, require("./Collapse"), module.exports);
 __reExport(src_exports, require("./Divider"), module.exports);
 __reExport(src_exports, require("./Drawer"), module.exports);
 __reExport(src_exports, require("./Fade"), module.exports);
@@ -32,7 +31,6 @@ __reExport(src_exports, require("./Image"), module.exports);
 __reExport(src_exports, require("./Input"), module.exports);
 __reExport(src_exports, require("./List"), module.exports);
 __reExport(src_exports, require("./Modal"), module.exports);
-__reExport(src_exports, require("./Popover"), module.exports);
 __reExport(src_exports, require("./Portal"), module.exports);
 __reExport(src_exports, require("./Progress"), module.exports);
 __reExport(src_exports, require("./Radio"), module.exports);
@@ -50,19 +48,14 @@ __reExport(src_exports, require("./Tabs"), module.exports);
 __reExport(src_exports, require("./Tag"), module.exports);
 __reExport(src_exports, require("./TextArea"), module.exports);
 __reExport(src_exports, require("./Transition"), module.exports);
-__reExport(src_exports, require("./Tooltip"), module.exports);
 __reExport(src_exports, require("./NavBar"), module.exports);
 __reExport(src_exports, require("./Loading"), module.exports);
 __reExport(src_exports, require("./TabBar"), module.exports);
 __reExport(src_exports, require("./Countdown"), module.exports);
 __reExport(src_exports, require("./CitySelector"), module.exports);
 __reExport(src_exports, require("./Picker"), module.exports);
-__reExport(src_exports, require("./CollapsePanel"), module.exports);
-__reExport(src_exports, require("./Breadcrumb"), module.exports);
 __reExport(src_exports, require("./Toast"), module.exports);
 __reExport(src_exports, require("./Dialog"), module.exports);
-__reExport(src_exports, require("./ThemeProvider"), module.exports);
-__reExport(src_exports, require("./locales"), module.exports);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ...require("./ActionSheet"),
@@ -74,7 +67,6 @@ __reExport(src_exports, require("./locales"), module.exports);
   ...require("./Calendar"),
   ...require("./Card"),
   ...require("./Checkbox"),
-  ...require("./Collapse"),
   ...require("./Divider"),
   ...require("./Drawer"),
   ...require("./Fade"),
@@ -83,7 +75,6 @@ __reExport(src_exports, require("./locales"), module.exports);
   ...require("./Input"),
   ...require("./List"),
   ...require("./Modal"),
-  ...require("./Popover"),
   ...require("./Portal"),
   ...require("./Progress"),
   ...require("./Radio"),
@@ -101,17 +92,12 @@ __reExport(src_exports, require("./locales"), module.exports);
   ...require("./Tag"),
   ...require("./TextArea"),
   ...require("./Transition"),
-  ...require("./Tooltip"),
   ...require("./NavBar"),
   ...require("./Loading"),
   ...require("./TabBar"),
   ...require("./Countdown"),
   ...require("./CitySelector"),
   ...require("./Picker"),
-  ...require("./CollapsePanel"),
-  ...require("./Breadcrumb"),
   ...require("./Toast"),
-  ...require("./Dialog"),
-  ...require("./ThemeProvider"),
-  ...require("./locales")
+  ...require("./Dialog")
 });

package/es/ActionSheet/ActionSheet.css

@@ -1,7 +1,4 @@
 .bui-action-sheet {
-  --extra-line-height: var(--bui-action-sheet-extra-line-height, 23px);
-  --extra-padding: var(--bui-action-sheet-extra-padding, var(--bui-spacing-xl));
-  --extra-magin: var(--bui-action-sheet-extra-magin, 0 var(--bui-spacing-xl));
   font-family: var(--bui-font-family);
 }
 .bui-action-sheet-content {
@@ -20,11 +17,11 @@
 }
 .bui-action-sheet-extra {
   font-size: var(--bui-text-size-1);
-  line-height: var(--extra-line-height);
-  padding: var(--extra-padding);
+  line-height: 23px;
+  padding: var(--bui-spacing-xl);
   color: var(--bui-color-fg-muted);
   background: var(--bui-color-bg-view);
   text-align: center;
   border-bottom: 1px solid var(--bui-color-border-default);
-  margin: var(--extra-magin);
+  margin: 0 var(--bui-spacing-xl);
 }

package/es/ActionSheet/ActionSheetItem.css

@@ -1,21 +1,17 @@
 .bui-action-sheet-item {
-  --padding: var(--bui-action-sheet-item-padding, var(--bui-spacing-xl));
-  --font-size: var(--bui-action-sheet-item-font-size, var(--bui-title-size-2));
-  --line-height: var(--bui-action-sheet-item-line-height, 24px);
-  --color: var(--bui-action-sheet-item-color, var(--bui-color-fg-default));
-  --margin: var(--bui-action-sheet-item-margin, 0 var(--bui-spacing-xl));
-  --description-line-height: var(--bui-action-sheet-item-description-line-height, 19px);
+  --font-size: var(--bui-title-size-2);
+  --color: var(--bui-color-fg-default);
   font-family: var(--bui-font-family);
   position: relative;
-  padding: var(--padding);
+  padding: var(--bui-spacing-xl);
   cursor: pointer;
   background: var(--bui-color-bg-view);
   font-size: var(--font-size);
   text-align: center;
-  line-height: var(--line-height);
+  line-height: 24px;
   color: var(--color);
   border-top: 1px solid var(--bui-color-border-default);
-  margin: var(--margin);
+  margin: 0 var(--bui-spacing-xl);
 }
 .bui-action-sheet-item:first-child {
   border-top: none;
@@ -50,6 +46,6 @@
 }
 .bui-action-sheet-item-description {
   font-size: var(--bui-text-size-2);
-  line-height: var(--description-line-height);
+  line-height: 19px;
   color: var(--bui-color-fg-subtle);
 }

package/es/Alert/index.css

@@ -1,16 +1,10 @@
 .bui-alert {
-  --content-marquee-speed: var(--bui-alert-content-marquee-speed, 10s);
-  --padding: var(--bui-alert-padding, 8px);
-  --line-height: var(--bui-alert-line-height, 16px);
-  --default-icon-font-size: var(--bui-alert-default-icon-font-size, 15px);
-  --action-margin-left: var(--bui-alert-action-margin-left, 16px);
-  --icon-margin-right: var(--bui-alert-icon-margin-right, var(--bui-spacing-xs));
-  --icon-font-size: var(--bui-alert-icon-font-size, var(--bui-title-size-4));
+  --bui-alert-marquee-speed: var(--bui-alert-marquee-seed, 10s);
   display: flex;
-  padding: var(--padding);
+  padding: 8px;
   border-radius: var(--bui-shape-radius-default);
   align-items: center;
-  line-height: var(--line-height);
+  line-height: 16px;
   font-size: var(--bui-text-size-3);
   font-family: var(--bui-font-family);
 }
@@ -55,14 +49,14 @@
   color: var(--bui-color-warning);
 }
 .bui-alert-default-icon {
-  font-size: var(--default-icon-font-size);
+  font-size: 15px;
 }
 .bui-alert-content {
   flex-grow: 1;
 }
 .bui-alert-action {
   flex-shrink: 0;
-  margin-left: var(--action-margin-left);
+  margin-left: 16px;
   word-wrap: keep-all;
   font-size: var(--bui-text-size-3);
   cursor: pointer;
@@ -74,9 +68,9 @@
 .bui-alert-icon {
   display: flex;
   align-items: center;
-  margin-right: var(--icon-margin-right);
+  padding-right: 4px;
   vertical-align: middle;
-  font-size: var(--icon-font-size);
+  font-size: 15px;
   cursor: pointer;
 }
 .bui-alert-marquee {
@@ -86,7 +80,7 @@
   display: inline-block;
   padding-left: 100%;
   white-space: nowrap;
-  animation: marquee var(--content-marquee-speed) linear infinite both;
+  animation: marquee var(--bui-alert-marquee-speed) linear infinite both;
 }
 @keyframes marquee {
   100% {

package/es/Avatar/Avatar.css

@@ -1,12 +1,8 @@
 .bui-avatar {
-  --large-size: var(--bui-avatar-large-size, 60px);
-  --medium-size: var(--bui-avatar-medium-size, 42px);
-  --small-size: var(--bui-avatar-small-size, 30px);
-  --xsmall-size: var(--bui-avatar-xsmall-size, 24px);
   display: flex;
   justify-content: center;
   align-items: center;
-  font-size: var(--bui-text-size-3);
+  font-size: 12px;
   background-color: var(--bui-color-bg-default);
   font-family: var(--bui-font-family);
 }
@@ -16,20 +12,20 @@
   text-overflow: ellipsis;
 }
 .bui-avatar-large {
-  width: var(--large-size);
-  height: var(--large-size);
+  width: 60px;
+  height: 60px;
 }
 .bui-avatar-medium {
-  width: var(--medium-size);
-  height: var(--medium-size);
+  width: 42px;
+  height: 42px;
 }
 .bui-avatar-small {
-  width: var(--small-size);
-  height: var(--small-size);
+  width: 30px;
+  height: 30px;
 }
 .bui-avatar-xsmall {
-  width: var(--xsmall-size);
-  height: var(--xsmall-size);
+  width: 24px;
+  height: 24px;
 }
 .bui-avatar-rounded {
   border-radius: 50%;

package/es/Avatar/AvatarGroup.css

@@ -1,38 +1,31 @@
 .bui-avatar-group {
-  --xsmall-margin-left: var(--bui-avatar-group-xsmall-margin-left, -5px);
-  --small-margin-left: var(--bui-avatar-group-small-margin-left, -9px);
-  --small-box-shadow: var(--bui-avatar-group-small-box-shadow, 0 0 0 1px var(--bui-color-bg-view));
-  --medium-margin-left: var(--bui-avatar-group-medium-margin-left, -13px);
-  --medium-box-shadow: var(--bui-avatar-group-medium-box-shadow, 0 0 0 2px var(--bui-color-bg-view));
-  --large-margin-left: var(--bui-avatar-group-large-margin-left, -21px);
-  --large-box-shadow: var(--bui-avatar-group-large-box-shadow, 0 0 0 3px var(--bui-color-bg-view));
   display: flex;
   flex-direction: row;
   font-family: var(--bui-font-family);
 }
 .bui-avatar-group-avatar,
 .bui-avatar-group-extra {
-  box-shadow: var(--medium-box-shadow);
+  box-shadow: 0 0 0 2px var(--bui-color-bg-view);
   color: var(--bui-color-fg-default);
 }
 .bui-avatar-group .bui-avatar-xsmall:not(:first-child) {
-  margin-left: var(--xsmall-margin-left);
+  margin-left: -5px;
 }
 .bui-avatar-group .bui-avatar-small {
-  box-shadow: var(--small-box-shadow);
+  box-shadow: 0 0 0 1px var(--bui-color-bg-view);
 }
 .bui-avatar-group .bui-avatar-small:not(:first-child) {
-  margin-left: var(--small-margin-left);
+  margin-left: -9px;
 }
 .bui-avatar-group .bui-avatar-large {
-  box-shadow: var(--large-box-shadow);
+  box-shadow: 0 0 0 3px var(--bui-color-bg-view);
 }
 .bui-avatar-group .bui-avatar-large:not(:first-child) {
-  margin-left: var(--large-margin-left);
+  margin-left: -21px;
 }
 .bui-avatar-group .bui-avatar-medium {
-  box-shadow: var(--medium-box-shadow);
+  box-shadow: 0 0 0 2px var(--bui-color-bg-view);
 }
 .bui-avatar-group .bui-avatar-medium:not(:first-child) {
-  margin-left: var(--medium-margin-left);
+  margin-left: -13px;
 }

package/es/Backdrop/Backdrop.css

@@ -1,5 +1,4 @@
 .bui-backdrop {
-  --background-color: var(--bui-backdrop-background-color, rgba(0, 0, 0, 0.68));
   position: fixed;
   display: flex;
   align-items: center;
@@ -8,7 +7,7 @@
   bottom: 0;
   left: 0;
   top: 0;
-  background-color: var(--background-color);
+  background-color: rgba(0, 0, 0, 0.68);
 }
 .bui-backdrop-invisible {
   background-color: transparent;

package/es/Badge/Badge.css

@@ -1,14 +1,4 @@
 .bui-badge {
-  --badge-position: var(--bui-badge-position, 14%);
-  --min-width: var(--bui-badge-min-width, 15px);
-  --height: var(--bui-badge-height, 15px);
-  --line-height: var(--bui-badge-line-height, 15px);
-  --padding: var(--bui-badge-padding, 0 3px);
-  --border-radius: var(--bui-badge-border-radius, 8px);
-  --outlined-padding: var(--bui-badge-outlined-padding, 0 2px);
-  --dot-size: var(--bui-badge-dot-size, 9px);
-  --bubble-padding: var(--bui-badge-bubble-padding, 0 5px);
-  --bubble-border-radius: var(--bui-badge-bubble-border-radius, 6px 6px 6px 0);
   display: inline-block;
   font-family: var(--bui-font-family);
 }
@@ -18,18 +8,18 @@
 .bui-badge-position .bui-badge-contained,
 .bui-badge-position .bui-badge-outlined {
   position: absolute;
-  top: var(--badge-position);
-  right: var(--badge-position);
+  top: 14%;
+  right: 14%;
   transform: scale(1) translate(50%, -50%);
 }
 .bui-badge-position .bui-badge-dot {
-  top: var(--badge-position);
-  right: var(--badge-position);
+  top: 14%;
+  right: 14%;
   transform: scale(1) translate(50%, -50%);
 }
 .bui-badge-position .bui-badge-bubble {
-  top: var(--badge-position);
-  right: var(--badge-position);
+  top: 14%;
+  right: 14%;
   transform: scale(1) translate(50%, -50%);
 }
 .bui-badge-contained,
@@ -38,18 +28,18 @@
   box-sizing: border-box;
   align-items: center;
   justify-content: center;
-  min-width: var(--min-width);
-  height: var(--height);
-  line-height: var(--line-height);
-  padding: var(--padding);
+  min-width: 15px;
+  height: 15px;
+  line-height: 15px;
+  padding: 0 3px;
   font-size: var(--bui-text-size-4);
-  border-radius: var(--border-radius);
+  border-radius: 8px;
   color: var(--bui-color-bg-view);
   white-space: nowrap;
   z-index: 1;
 }
 .bui-badge-outlined {
-  padding: var(--outlined-padding);
+  padding: 0 2px;
 }
 .bui-badge-primary {
   background-color: var(--bui-color-primary);
@@ -67,15 +57,15 @@
   background-color: var(--bui-color-danger);
 }
 .bui-badge-dot {
-  width: var(--dot-size);
+  width: 9px;
   min-width: 0;
-  height: var(--dot-size);
+  height: 9px;
   padding: 0;
   border-radius: 100%;
 }
 .bui-badge-bubble {
-  border-radius: var(--bubble-border-radius);
-  padding: var(--bubble-padding);
+  border-radius: 6px 6px 6px 0;
+  padding: 0 5px;
 }
 .bui-badge-outlined {
   background: var(--bui-color-bg-view);
@@ -101,5 +91,5 @@
   color: var(--bui-color-danger);
 }
 .bui-badge-outlined.bui-badge-bubble {
-  border-radius: var(--bubble-border-radius);
+  border-radius: 6px 6px 6px 0;
 }

package/es/Button/Button.css

@@ -1,23 +1,14 @@
 .bui-btn {
-  --border-radius: var(--bui-button-border-radius, 100px);
   --bg-color: var(--bui-button-default-bg-color, var(--bui-color-neutral-5));
+  --text-color: var(--bui-button-text-color, var(--bui-color-fg-muted));
   --border-color: var(--bui-button-border-color, var(--bui-color-neutral-4));
-  --height: var(--bui-button-height, 27px);
-  --icon-start-margin-right: var(--bui-button-icon-start-margin-right, var(--bui-spacing-xs));
-  --icon-start-margin-left: var(--bui-button-icon-start-margin-left, var(--bui-spacing-xs));
-  --disabled-opacity: var(--bui-button-disabled-opacity, 0.5);
-  --small-padding: var(--bui-button-small-padding, 0 11px);
-  --small-height: var(--bui-button-small-height, 24px);
-  --medium-padding: var(--bui-button-medium-padding, 0 14px);
-  --large-padding: var(--bui-button-large-padding, 0 14px);
-  --large-height: var(--bui-button-large-height, 33px);
-  --full-font-size: var(--bui-button-full-font-size, var(--bui-title-size-4));
-  --full-height: var(--bui-button-full-height, 42px);
+  --border-radius: var(--bui-button-border-radius, 100px);
+  --font-weight: var(--bui-button-font-weight, var(--bui-font-weight-medium));
   border: 1px solid transparent;
   outline: 0;
   background-color: transparent;
   cursor: pointer;
-  color: var(--bui-color-fg-muted);
+  color: var(--text-color);
   box-sizing: border-box;
   position: relative;
   display: inline-flex;
@@ -26,9 +17,9 @@
   justify-content: center;
   white-space: nowrap;
   font-size: var(--bui-text-size-3);
-  font-weight: var(--bui-font-weight-medium);
+  font-weight: var(--font-weight);
   border-radius: var(--border-radius);
-  height: var(--height);
+  height: 27px;
   line-height: var(--bui-line-height);
   font-family: var(--bui-font-family);
 }
@@ -64,36 +55,36 @@
   display: inline-flex;
   align-self: center;
   flex-shrink: 0;
-  margin-right: var(--icon-start-margin-right);
+  margin-right: var(--bui-spacing-xs);
 }
 .bui-btn-icon-end {
   display: inline-flex;
   align-self: center;
   flex-shrink: 0;
-  margin-left: var(--icon-start-margin-left);
+  margin-left: var(--bui-spacing-xs);
 }
 .bui-btn-disabled {
   pointer-events: none;
-  opacity: var(--disabled-opacity);
+  opacity: 0.5;
 }
 .bui-btn-small {
   font-size: var(--bui-text-size-4);
-  padding: var(--small-padding);
-  height: var(--small-height);
+  padding: 0 11px;
+  height: 24px;
 }
 .bui-btn-medium {
-  padding: var(--medium-padding);
-  height: var(--height);
+  padding: 0 14px;
+  height: 27px;
 }
 .bui-btn-large {
   font-size: var(--bui-text-size-2);
-  padding: var(--large-padding);
-  height: var(--large-height);
+  padding: 0 14px;
+  height: 33px;
 }
 .bui-btn-full {
-  font-size: var(--full-font-size);
+  font-size: var(--bui-title-size-4);
   width: 100%;
-  height: var(--full-height);
+  height: 42px;
 }
 .bui-btn-text.bui-btn-primary {
   color: var(--bui-color-primary);