@sunggang/ui-lib 0.4.34 → 0.4.36

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
@@ -7085,6 +7085,7 @@ var FlatpickrInput = /*#__PURE__*/ React.forwardRef(function(param, ref) {
7085
7085
  allowInput: true,
7086
7086
  clickOpens: true,
7087
7087
  time_24hr: true,
7088
+ disableMobile: true,
7088
7089
  onOpen: function(_, __, instance) {
7089
7090
  var monthSelect = instance.calendarContainer.querySelector(".flatpickr-monthDropdown-months");
7090
7091
  var yearInput = instance.calendarContainer.querySelector(".numInputWrapper");
@@ -7316,8 +7317,18 @@ var FlatpickrInput = /*#__PURE__*/ React.forwardRef(function(param, ref) {
7316
7317
  }),
7317
7318
  /*#__PURE__*/ jsxRuntime.jsx("div", {
7318
7319
  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",
7320
+ children: (item === null || item === void 0 ? void 0 : item.icon) && /*#__PURE__*/ jsxRuntime.jsx("button", {
7321
+ type: "button",
7322
+ className: "w-5 h-5 text-[#B4B4B4] hover:text-[#666] transition-colors cursor-pointer disabled:cursor-not-allowed disabled:opacity-50",
7323
+ onClick: function() {
7324
+ if (!isDisabled && flatpickrInstance.current) {
7325
+ if (!flatpickrInstance.current.isOpen) {
7326
+ flatpickrInstance.current.open();
7327
+ }
7328
+ }
7329
+ },
7330
+ disabled: isDisabled,
7331
+ tabIndex: -1,
7321
7332
  children: /*#__PURE__*/ jsxRuntime.jsx(react$1.Icon, {
7322
7333
  icon: item.icon || "solar:calendar-linear",
7323
7334
  width: "1.5rem",
package/Form.esm.js CHANGED
@@ -7058,6 +7058,7 @@ var FlatpickrInput = /*#__PURE__*/ forwardRef(function(param, ref) {
7058
7058
  allowInput: true,
7059
7059
  clickOpens: true,
7060
7060
  time_24hr: true,
7061
+ disableMobile: true,
7061
7062
  onOpen: function(_, __, instance) {
7062
7063
  var monthSelect = instance.calendarContainer.querySelector(".flatpickr-monthDropdown-months");
7063
7064
  var yearInput = instance.calendarContainer.querySelector(".numInputWrapper");
@@ -7289,8 +7290,18 @@ var FlatpickrInput = /*#__PURE__*/ forwardRef(function(param, ref) {
7289
7290
  }),
7290
7291
  /*#__PURE__*/ jsx$1("div", {
7291
7292
  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",
7293
+ children: (item === null || item === void 0 ? void 0 : item.icon) && /*#__PURE__*/ jsx$1("button", {
7294
+ type: "button",
7295
+ className: "w-5 h-5 text-[#B4B4B4] hover:text-[#666] transition-colors cursor-pointer disabled:cursor-not-allowed disabled:opacity-50",
7296
+ onClick: function() {
7297
+ if (!isDisabled && flatpickrInstance.current) {
7298
+ if (!flatpickrInstance.current.isOpen) {
7299
+ flatpickrInstance.current.open();
7300
+ }
7301
+ }
7302
+ },
7303
+ disabled: isDisabled,
7304
+ tabIndex: -1,
7294
7305
  children: /*#__PURE__*/ jsx$1(Icon, {
7295
7306
  icon: item.icon || "solar:calendar-linear",
7296
7307
  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));