@befe/brick-comp-close-x 0.2.91 → 0.2.93

package/CHANGELOG.md

@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.2.93](https://icode.baidu.com/repos/baidu/be-fe/brick/merge/%40befe%2Fbrick-comp-close-x%400.2.92...%40befe%2Fbrick-comp-close-x%400.2.93) (2026-04-09)
+
+**Note:** Version bump only for package @befe/brick-comp-close-x
+
+
+
+
+
+## [0.2.92](https://icode.baidu.com:8235/baidu/be-fe/brick//%40befe%2Fbrick-comp-close-x%400.2.91...%40befe%2Fbrick-comp-close-x%400.2.92) (2026-03-19)
+
+**Note:** Version bump only for package @befe/brick-comp-close-x
+
+
+
+
+
 ## [0.2.91](https://icode.baidu.com/repos/baidu/be-fe/brick/merge/%40befe%2Fbrick-comp-close-x%400.2.90...%40befe%2Fbrick-comp-close-x%400.2.91) (2026-03-19)
 
 **Note:** Version bump only for package @befe/brick-comp-close-x

package/es/base.js

@@ -0,0 +1 @@
+export {};

package/es/index.css

@@ -369,10 +369,10 @@
 .brick-button-color-success.brick-button-type-important, .brick-button-color-success.brick-button-type-important .brick-icon, .brick-button-color-success.brick-button-type-important.brick-button-disabled, .brick-button-color-success.brick-button-type-important.brick-button-disabled .brick-icon {
   color: rgb(255, 255, 255);
 }
-.brick-button-color-danger.brick-button-type-important, .brick-button-color-danger.brick-button-type-important .brick-icon, .brick-button-color-danger.brick-button-type-important.brick-button-disabled, .brick-button-color-danger.brick-button-type-important.brick-button-disabled .brick-icon {
+.brick-button-color-warning.brick-button-type-important, .brick-button-color-warning.brick-button-type-important .brick-icon, .brick-button-color-warning.brick-button-type-important.brick-button-disabled, .brick-button-color-warning.brick-button-type-important.brick-button-disabled .brick-icon {
   color: rgb(255, 255, 255);
 }
-.brick-button-color-warning.brick-button-type-important, .brick-button-color-warning.brick-button-type-important .brick-icon, .brick-button-color-warning.brick-button-type-important.brick-button-disabled, .brick-button-color-warning.brick-button-type-important.brick-button-disabled .brick-icon {
+.brick-button-color-danger.brick-button-type-important, .brick-button-color-danger.brick-button-type-important .brick-icon, .brick-button-color-danger.brick-button-type-important.brick-button-disabled, .brick-button-color-danger.brick-button-type-important.brick-button-disabled .brick-icon {
   color: rgb(255, 255, 255);
 }
 .brick-button-color-brand:focus-visible:not([tabindex^="-"]):not(:active) {
@@ -521,79 +521,6 @@
 .brick-button-color-success.brick-button-type-plain.brick-button-disabled:not(.brick-button-loading), .brick-button-color-success.brick-button-type-plain.brick-button-disabled:not(.brick-button-loading) .brick-icon {
   color: rgb(165.24, 229.5, 173.808);
 }
-.brick-button-color-danger:focus-visible:not([tabindex^="-"]):not(:active) {
-  border-color: #e64552;
-  box-shadow: 0 0 0 2px rgb(255, 219.3, 219.895);
-  outline: none;
-}
-.brick-button-color-danger.brick-button-type-intensive {
-  border-color: #e64552;
-}
-.brick-button-color-danger.brick-button-type-intensive, .brick-button-color-danger.brick-button-type-intensive .brick-icon {
-  color: #e64552;
-}
-.brick-button-color-danger.brick-button-type-intensive.brick-button-loading, .brick-button-color-danger.brick-button-type-intensive:hover {
-  background-color: rgb(242.25, 106.59, 115.634);
-}
-.brick-button-color-danger.brick-button-type-intensive.brick-button-loading, .brick-button-color-danger.brick-button-type-intensive:hover {
-  border-color: rgb(242.25, 106.59, 115.634);
-}
-.brick-button-color-danger.brick-button-type-intensive.brick-button-loading.brick-button-disabled, .brick-button-color-danger.brick-button-type-intensive:active {
-  border-color: rgb(191.25, 47.8125, 62.15625);
-  background-color: rgb(191.25, 47.8125, 62.15625);
-}
-.brick-button-color-danger.brick-button-type-intensive.brick-button-loading, .brick-button-color-danger.brick-button-type-intensive.brick-button-loading .brick-icon, .brick-button-color-danger.brick-button-type-intensive:hover, .brick-button-color-danger.brick-button-type-intensive:hover .brick-icon, .brick-button-color-danger.brick-button-type-intensive:active, .brick-button-color-danger.brick-button-type-intensive:active .brick-icon {
-  color: rgb(255, 255, 255);
-}
-.brick-button-color-danger.brick-button-type-intensive:focus-visible:not([tabindex^="-"]):not(:active) {
-  background-color: rgb(242.25, 106.59, 115.634);
-}
-.brick-button-color-danger.brick-button-type-intensive:focus-visible:not([tabindex^="-"]):not(:active), .brick-button-color-danger.brick-button-type-intensive:focus-visible:not([tabindex^="-"]):not(:active) .brick-icon {
-  color: rgb(255, 255, 255);
-}
-.brick-button-color-danger.brick-button-type-intensive.brick-button-disabled:not(.brick-button-loading) {
-  background-color: rgb(255, 242.25, 242.25);
-  border-color: rgb(255, 219.3, 219.895);
-}
-.brick-button-color-danger.brick-button-type-intensive.brick-button-disabled:not(.brick-button-loading), .brick-button-color-danger.brick-button-type-intensive.brick-button-disabled:not(.brick-button-loading) .brick-icon {
-  color: rgb(255, 183.6, 185.98);
-}
-.brick-button-color-danger.brick-button-type-important {
-  background-color: #e64552;
-}
-.brick-button-color-danger.brick-button-type-important:hover, .brick-button-color-danger.brick-button-type-important.brick-button-loading {
-  background-color: rgb(242.25, 106.59, 115.634);
-}
-.brick-button-color-danger.brick-button-type-important.brick-button-loading.brick-button-disabled, .brick-button-color-danger.brick-button-type-important:active {
-  background-color: rgb(191.25, 47.8125, 62.15625);
-}
-.brick-button-color-danger.brick-button-type-important:focus-visible:not([tabindex^="-"]):not(:active) {
-  background-color: rgb(242.25, 106.59, 115.634);
-}
-.brick-button-color-danger.brick-button-type-important.brick-button-disabled:not(.brick-button-loading) {
-  background-color: rgb(255, 219.3, 219.895);
-}
-.brick-button-color-danger.brick-button-type-plain {
-  background: none;
-}
-.brick-button-color-danger.brick-button-type-plain, .brick-button-color-danger.brick-button-type-plain .brick-icon {
-  color: #e64552;
-}
-.brick-button-color-danger.brick-button-type-plain:hover, .brick-button-color-danger.brick-button-type-plain:hover .brick-icon, .brick-button-color-danger.brick-button-type-plain.brick-button-loading, .brick-button-color-danger.brick-button-type-plain.brick-button-loading .brick-icon {
-  color: rgb(242.25, 106.59, 115.634);
-}
-.brick-button-color-danger.brick-button-type-plain:focus-visible:not([tabindex^="-"]):not(:active), .brick-button-color-danger.brick-button-type-plain:focus-visible:not([tabindex^="-"]):not(:active) .brick-icon {
-  color: rgb(242.25, 106.59, 115.634);
-}
-.brick-button-color-danger.brick-button-type-plain.brick-button-loading.brick-button-disabled, .brick-button-color-danger.brick-button-type-plain.brick-button-loading.brick-button-disabled .brick-icon, .brick-button-color-danger.brick-button-type-plain:active, .brick-button-color-danger.brick-button-type-plain:active .brick-icon {
-  color: rgb(191.25, 47.8125, 62.15625);
-}
-.brick-button-color-danger.brick-button-type-plain.brick-button-disabled:not(.brick-button-loading) {
-  background: none;
-}
-.brick-button-color-danger.brick-button-type-plain.brick-button-disabled:not(.brick-button-loading), .brick-button-color-danger.brick-button-type-plain.brick-button-disabled:not(.brick-button-loading) .brick-icon {
-  color: rgb(255, 183.6, 185.98);
-}
 .brick-button-color-warning:focus-visible:not([tabindex^="-"]):not(:active) {
   border-color: #f27c49;
   box-shadow: 0 0 0 2px rgb(255, 232.39, 219.3);
@@ -667,6 +594,79 @@
 .brick-button-color-warning.brick-button-type-plain.brick-button-disabled:not(.brick-button-loading), .brick-button-color-warning.brick-button-type-plain.brick-button-disabled:not(.brick-button-loading) .brick-icon {
   color: rgb(255, 208.59, 183.6);
 }
+.brick-button-color-danger:focus-visible:not([tabindex^="-"]):not(:active) {
+  border-color: #e64552;
+  box-shadow: 0 0 0 2px rgb(255, 219.3, 219.895);
+  outline: none;
+}
+.brick-button-color-danger.brick-button-type-intensive {
+  border-color: #e64552;
+}
+.brick-button-color-danger.brick-button-type-intensive, .brick-button-color-danger.brick-button-type-intensive .brick-icon {
+  color: #e64552;
+}
+.brick-button-color-danger.brick-button-type-intensive.brick-button-loading, .brick-button-color-danger.brick-button-type-intensive:hover {
+  background-color: rgb(242.25, 106.59, 115.634);
+}
+.brick-button-color-danger.brick-button-type-intensive.brick-button-loading, .brick-button-color-danger.brick-button-type-intensive:hover {
+  border-color: rgb(242.25, 106.59, 115.634);
+}
+.brick-button-color-danger.brick-button-type-intensive.brick-button-loading.brick-button-disabled, .brick-button-color-danger.brick-button-type-intensive:active {
+  border-color: rgb(191.25, 47.8125, 62.15625);
+  background-color: rgb(191.25, 47.8125, 62.15625);
+}
+.brick-button-color-danger.brick-button-type-intensive.brick-button-loading, .brick-button-color-danger.brick-button-type-intensive.brick-button-loading .brick-icon, .brick-button-color-danger.brick-button-type-intensive:hover, .brick-button-color-danger.brick-button-type-intensive:hover .brick-icon, .brick-button-color-danger.brick-button-type-intensive:active, .brick-button-color-danger.brick-button-type-intensive:active .brick-icon {
+  color: rgb(255, 255, 255);
+}
+.brick-button-color-danger.brick-button-type-intensive:focus-visible:not([tabindex^="-"]):not(:active) {
+  background-color: rgb(242.25, 106.59, 115.634);
+}
+.brick-button-color-danger.brick-button-type-intensive:focus-visible:not([tabindex^="-"]):not(:active), .brick-button-color-danger.brick-button-type-intensive:focus-visible:not([tabindex^="-"]):not(:active) .brick-icon {
+  color: rgb(255, 255, 255);
+}
+.brick-button-color-danger.brick-button-type-intensive.brick-button-disabled:not(.brick-button-loading) {
+  background-color: rgb(255, 242.25, 242.25);
+  border-color: rgb(255, 219.3, 219.895);
+}
+.brick-button-color-danger.brick-button-type-intensive.brick-button-disabled:not(.brick-button-loading), .brick-button-color-danger.brick-button-type-intensive.brick-button-disabled:not(.brick-button-loading) .brick-icon {
+  color: rgb(255, 183.6, 185.98);
+}
+.brick-button-color-danger.brick-button-type-important {
+  background-color: #e64552;
+}
+.brick-button-color-danger.brick-button-type-important:hover, .brick-button-color-danger.brick-button-type-important.brick-button-loading {
+  background-color: rgb(242.25, 106.59, 115.634);
+}
+.brick-button-color-danger.brick-button-type-important.brick-button-loading.brick-button-disabled, .brick-button-color-danger.brick-button-type-important:active {
+  background-color: rgb(191.25, 47.8125, 62.15625);
+}
+.brick-button-color-danger.brick-button-type-important:focus-visible:not([tabindex^="-"]):not(:active) {
+  background-color: rgb(242.25, 106.59, 115.634);
+}
+.brick-button-color-danger.brick-button-type-important.brick-button-disabled:not(.brick-button-loading) {
+  background-color: rgb(255, 219.3, 219.895);
+}
+.brick-button-color-danger.brick-button-type-plain {
+  background: none;
+}
+.brick-button-color-danger.brick-button-type-plain, .brick-button-color-danger.brick-button-type-plain .brick-icon {
+  color: #e64552;
+}
+.brick-button-color-danger.brick-button-type-plain:hover, .brick-button-color-danger.brick-button-type-plain:hover .brick-icon, .brick-button-color-danger.brick-button-type-plain.brick-button-loading, .brick-button-color-danger.brick-button-type-plain.brick-button-loading .brick-icon {
+  color: rgb(242.25, 106.59, 115.634);
+}
+.brick-button-color-danger.brick-button-type-plain:focus-visible:not([tabindex^="-"]):not(:active), .brick-button-color-danger.brick-button-type-plain:focus-visible:not([tabindex^="-"]):not(:active) .brick-icon {
+  color: rgb(242.25, 106.59, 115.634);
+}
+.brick-button-color-danger.brick-button-type-plain.brick-button-loading.brick-button-disabled, .brick-button-color-danger.brick-button-type-plain.brick-button-loading.brick-button-disabled .brick-icon, .brick-button-color-danger.brick-button-type-plain:active, .brick-button-color-danger.brick-button-type-plain:active .brick-icon {
+  color: rgb(191.25, 47.8125, 62.15625);
+}
+.brick-button-color-danger.brick-button-type-plain.brick-button-disabled:not(.brick-button-loading) {
+  background: none;
+}
+.brick-button-color-danger.brick-button-type-plain.brick-button-disabled:not(.brick-button-loading), .brick-button-color-danger.brick-button-type-plain.brick-button-disabled:not(.brick-button-loading) .brick-icon {
+  color: rgb(255, 183.6, 185.98);
+}
 .brick-button-loading-type-icon-only .brick-button-loading-icon {
   position: absolute;
   left: 50%;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@befe/brick-comp-close-x",
-  "version": "0.2.91",
+  "version": "0.2.93",
   "description": "@befe/brick component CloseX",
   "main": "es",
   "module": "es",
@@ -20,10 +20,10 @@
   "author": "wujun07",
   "license": "ISC",
   "dependencies": {
-    "@befe/brick-comp-button": "^0.2.91",
+    "@befe/brick-comp-button": "^0.2.92",
     "@befe/brick-core": "^0.2.50",
     "@befe/brick-icon": "^0.2.25",
-    "@befe/brick-style": "^0.2.60",
+    "@befe/brick-style": "^0.2.61",
     "@befe/brick-utils": "^0.2.22"
   },
   "peerDependencies": {
@@ -32,5 +32,5 @@
     "react": "^16.9.0 || ^17.0.0",
     "react-dom": "^16.9.0 || ^17.0.0"
   },
-  "gitHead": "cb94b3d72ab576f12d8abba8baf8fb259c3ecf93"
+  "gitHead": "60b826bf256915c351184a690d3a87368dcfa291"
 }

package/src/base.ts

@@ -0,0 +1,15 @@
+import {ButtonProps} from '@befe/brick-comp-button'
+
+type PropsFromButton = Omit<ButtonProps, 'type' | 'icon' | 'size'>
+
+export interface CloseXProps extends PropsFromButton {
+    /**
+     * 自定义 class
+     */
+    className?: string
+
+    /**
+     * 尺寸
+     */
+    size?: 'sm' | 'md' | 'lg'
+}

package/src/index.tsx

@@ -2,22 +2,9 @@ import {Component} from 'react'
 // import * as PropTypes from 'prop-types'
 import c from 'classnames'
 import {omit} from '@befe/brick-utils'
-import {Button, ButtonProps} from '@befe/brick-comp-button'
+import {Button} from '@befe/brick-comp-button'
 import {SvgMarkX} from '@befe/brick-icon'
-
-type PropsFromButton = Omit<ButtonProps, 'type' | 'icon' | 'size'>
-
-export interface CloseXProps extends PropsFromButton {
-    /**
-     * 自定义 class
-     */
-    className?: string
-
-    /**
-     * 尺寸
-     */
-    size?: 'sm' | 'md' | 'lg'
-}
+import {CloseXProps} from './base'
 
 type CloseXPropsWithDefaults = CloseXProps & Required<Pick<CloseXProps, keyof typeof CloseX.defaultProps>>
 

package/types/base.d.ts

@@ -0,0 +1,13 @@
+import { ButtonProps } from '@befe/brick-comp-button';
+type PropsFromButton = Omit<ButtonProps, 'type' | 'icon' | 'size'>;
+export interface CloseXProps extends PropsFromButton {
+    /**
+     * 自定义 class
+     */
+    className?: string;
+    /**
+     * 尺寸
+     */
+    size?: 'sm' | 'md' | 'lg';
+}
+export {};

package/types/index.d.ts

@@ -1,16 +1,5 @@
 import { Component } from 'react';
-import { ButtonProps } from '@befe/brick-comp-button';
-type PropsFromButton = Omit<ButtonProps, 'type' | 'icon' | 'size'>;
-export interface CloseXProps extends PropsFromButton {
-    /**
-     * 自定义 class
-     */
-    className?: string;
-    /**
-     * 尺寸
-     */
-    size?: 'sm' | 'md' | 'lg';
-}
+import { CloseXProps } from './base';
 export declare class CloseX extends Component<CloseXProps> {
     static displayName: string;
     static defaultProps: {
@@ -20,4 +9,3 @@ export declare class CloseX extends Component<CloseXProps> {
     get className(): string;
     render(): import("react/jsx-runtime").JSX.Element;
 }
-export {};