@sunggang/ui-lib 0.4.34 → 0.4.35

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.
package/Form.cjs.js CHANGED
@@ -7316,8 +7316,18 @@ var FlatpickrInput = /*#__PURE__*/ React.forwardRef(function(param, ref) {
7316
7316
  }),
7317
7317
  /*#__PURE__*/ jsxRuntime.jsx("div", {
7318
7318
  className: "absolute right-3 top-1/2 transform -translate-y-1/2 flex items-center space-x-2",
7319
- children: (item === null || item === void 0 ? void 0 : item.icon) && /*#__PURE__*/ jsxRuntime.jsx("span", {
7320
- className: "w-5 h-5 text-[#B4B4B4] pointer-events-none",
7319
+ children: (item === null || item === void 0 ? void 0 : item.icon) && /*#__PURE__*/ jsxRuntime.jsx("button", {
7320
+ type: "button",
7321
+ className: "w-5 h-5 text-[#B4B4B4] hover:text-[#666] transition-colors cursor-pointer disabled:cursor-not-allowed disabled:opacity-50",
7322
+ onClick: function() {
7323
+ if (!isDisabled && flatpickrInstance.current) {
7324
+ if (!flatpickrInstance.current.isOpen) {
7325
+ flatpickrInstance.current.open();
7326
+ }
7327
+ }
7328
+ },
7329
+ disabled: isDisabled,
7330
+ tabIndex: -1,
7321
7331
  children: /*#__PURE__*/ jsxRuntime.jsx(react$1.Icon, {
7322
7332
  icon: item.icon || "solar:calendar-linear",
7323
7333
  width: "1.5rem",
package/Form.esm.js CHANGED
@@ -7289,8 +7289,18 @@ var FlatpickrInput = /*#__PURE__*/ forwardRef(function(param, ref) {
7289
7289
  }),
7290
7290
  /*#__PURE__*/ jsx$1("div", {
7291
7291
  className: "absolute right-3 top-1/2 transform -translate-y-1/2 flex items-center space-x-2",
7292
- children: (item === null || item === void 0 ? void 0 : item.icon) && /*#__PURE__*/ jsx$1("span", {
7293
- className: "w-5 h-5 text-[#B4B4B4] pointer-events-none",
7292
+ children: (item === null || item === void 0 ? void 0 : item.icon) && /*#__PURE__*/ jsx$1("button", {
7293
+ type: "button",
7294
+ className: "w-5 h-5 text-[#B4B4B4] hover:text-[#666] transition-colors cursor-pointer disabled:cursor-not-allowed disabled:opacity-50",
7295
+ onClick: function() {
7296
+ if (!isDisabled && flatpickrInstance.current) {
7297
+ if (!flatpickrInstance.current.isOpen) {
7298
+ flatpickrInstance.current.open();
7299
+ }
7300
+ }
7301
+ },
7302
+ disabled: isDisabled,
7303
+ tabIndex: -1,
7294
7304
  children: /*#__PURE__*/ jsx$1(Icon, {
7295
7305
  icon: item.icon || "solar:calendar-linear",
7296
7306
  width: "1.5rem",
package/index.cjs.css CHANGED
@@ -3615,6 +3615,10 @@ video {
3615
3615
  --tw-bg-opacity: 1;
3616
3616
  background-color: rgb(254 249 195 / var(--tw-bg-opacity, 1));
3617
3617
  }
3618
+ .hover\:text-\[\#666\]:hover {
3619
+ --tw-text-opacity: 1;
3620
+ color: rgb(102 102 102 / var(--tw-text-opacity, 1));
3621
+ }
3618
3622
  .hover\:text-\[\#fff\]:hover {
3619
3623
  --tw-text-opacity: 1;
3620
3624
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));