@pisell/date-picker 1.0.61 → 1.0.63

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,5 +1,4 @@
1
1
  declare const CloseCircle: (props: {
2
- size: number;
3
2
  className: string;
4
3
  onClick: any;
5
4
  }) => JSX.Element;
@@ -1,7 +1,6 @@
1
1
  import React from "react";
2
2
  var CloseCircle = function CloseCircle(props) {
3
- var size = props.size,
4
- className = props.className,
3
+ var className = props.className,
5
4
  onClick = props.onClick;
6
5
  return /*#__PURE__*/React.createElement("span", {
7
6
  className: className,
@@ -12,8 +11,8 @@ var CloseCircle = function CloseCircle(props) {
12
11
  version: "1.1",
13
12
  xmlns: "http://www.w3.org/2000/svg",
14
13
  "p-id": "35105",
15
- width: size,
16
- height: size
14
+ width: "1em",
15
+ height: "1em"
17
16
  }, /*#__PURE__*/React.createElement("path", {
18
17
  d: "M938.6496 512a426.6496 426.6496 0 1 1-853.2992 0 426.6496 426.6496 0 0 1 853.2992 0z",
19
18
  fill: "currentColor",
@@ -142,7 +142,6 @@ var PisellDateRangePicker = function PisellDateRangePicker(props) {
142
142
  return !!item;
143
143
  })) {
144
144
  return /*#__PURE__*/React.createElement(CloseCircle, {
145
- size: 24,
146
145
  className: "pisell-date-range-picker-clear",
147
146
  onClick: handleClear
148
147
  });
@@ -11,11 +11,17 @@
11
11
  .pisell-date-range-picker-clear {
12
12
  color: rgba(0, 0, 0, 0.25);
13
13
  cursor: pointer;
14
- height: 24px;
14
+ display: none;
15
+ line-height: 0;
15
16
  :hover {
16
17
  color: rgba(0, 0, 0, 0.45);
17
18
  }
18
19
  }
20
+ :hover {
21
+ .pisell-date-range-picker-clear {
22
+ display: block;
23
+ }
24
+ }
19
25
  }
20
26
  .pisell-date-range-picker-no-border {
21
27
  .MuiOutlinedInput-notchedOutline {
@@ -1,5 +1,4 @@
1
1
  declare const CloseCircle: (props: {
2
- size: number;
3
2
  className: string;
4
3
  onClick: any;
5
4
  }) => JSX.Element;
@@ -34,7 +34,7 @@ __export(CloseCircle_exports, {
34
34
  module.exports = __toCommonJS(CloseCircle_exports);
35
35
  var import_react = __toESM(require("react"));
36
36
  var CloseCircle = (props) => {
37
- const { size, className, onClick } = props;
37
+ const { className, onClick } = props;
38
38
  return /* @__PURE__ */ import_react.default.createElement("span", { className, onClick }, /* @__PURE__ */ import_react.default.createElement(
39
39
  "svg",
40
40
  {
@@ -43,8 +43,8 @@ var CloseCircle = (props) => {
43
43
  version: "1.1",
44
44
  xmlns: "http://www.w3.org/2000/svg",
45
45
  "p-id": "35105",
46
- width: size,
47
- height: size
46
+ width: "1em",
47
+ height: "1em"
48
48
  },
49
49
  /* @__PURE__ */ import_react.default.createElement(
50
50
  "path",
@@ -159,7 +159,6 @@ var PisellDateRangePicker = (props) => {
159
159
  return /* @__PURE__ */ import_react.default.createElement(
160
160
  import_CloseCircle.default,
161
161
  {
162
- size: 24,
163
162
  className: "pisell-date-range-picker-clear",
164
163
  onClick: handleClear
165
164
  }
@@ -11,11 +11,17 @@
11
11
  .pisell-date-range-picker-clear {
12
12
  color: rgba(0, 0, 0, 0.25);
13
13
  cursor: pointer;
14
- height: 24px;
14
+ display: none;
15
+ line-height: 0;
15
16
  :hover {
16
17
  color: rgba(0, 0, 0, 0.45);
17
18
  }
18
19
  }
20
+ :hover {
21
+ .pisell-date-range-picker-clear {
22
+ display: block;
23
+ }
24
+ }
19
25
  }
20
26
  .pisell-date-range-picker-no-border {
21
27
  .MuiOutlinedInput-notchedOutline {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pisell/date-picker",
3
- "version": "1.0.61",
3
+ "version": "1.0.63",
4
4
  "sideEffects": [
5
5
  "*.less"
6
6
  ],