@cashub/ui 0.9.13 → 0.9.15

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.
Files changed (7) hide show
  1. package/datetimePicker/DatePickerV2.js +2 -2
  2. package/datetimePicker/DatetimePickerV2.js +2 -2
  3. package/datetimePicker/accordion/Month.js +1 -1
  4. package/datetimePicker/accordion/Year.js +1 -1
  5. package/dropdown/DropdownContent.js +2 -2
  6. package/package.json +1 -1
  7. package/tooltip/Tooltip.js +3 -0
package/datetimePicker/DatePickerV2.js CHANGED
@@ -424,7 +424,7 @@ var Wrapper = _styledComponents.default.div(_templateObject || (_templateObject
424
424
  return displayPicker ? 'block' : 'none';
425
425
  });
426
426
 
427
- var Week = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n min-width: 36px;\n height: 36px;\n border-radius: var(--border-radius-s);\n line-height: 36px;\n text-align: center;\n"])));
427
+ var Week = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n width: calc(100% / 7);\n height: 36px;\n border-radius: var(--border-radius-s);\n line-height: 36px;\n text-align: center;\n"])));
428
428
 
429
429
  var Body = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n ", "\n\n overflow: hidden;\n padding: ", ";\n"])), function (_ref3) {
430
430
  var accordionCurrentDisplayType = _ref3.accordionCurrentDisplayType;
@@ -438,7 +438,7 @@ var Footer = _styledComponents.default.div(_templateObject5 || (_templateObject5
438
438
 
439
439
  var PickerInput = (0, _styledComponents.default)(_Input.default)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n &:disabled {\n cursor: not-allowed;\n opacity: 0.5;\n }\n"])));
440
440
 
441
- var Day = _styledComponents.default.button(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n min-width: 36px;\n height: 36px;\n border-radius: var(--border-radius-s);\n line-height: 36px;\n text-align: center;\n padding: 0;\n border: 0;\n background: var(--color-background1);\n color: var(--color-white);\n &:hover {\n background: var(--color-primary);\n }\n\n ", "\n\n ", "\n"])), function (_ref5) {
441
+ var Day = _styledComponents.default.button(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n width: calc(100% / 7);\n height: 36px;\n border-radius: var(--border-radius-s);\n line-height: 36px;\n text-align: center;\n padding: 0;\n border: 0;\n background: var(--color-background1);\n color: var(--color-white);\n &:hover {\n background: var(--color-primary);\n }\n\n ", "\n\n ", "\n"])), function (_ref5) {
442
442
  var selected = _ref5.selected;
443
443
  return selected && 'background: var(--color-hover);';
444
444
  }, function (_ref6) {
package/datetimePicker/DatetimePickerV2.js CHANGED
@@ -455,7 +455,7 @@ var Wrapper = _styledComponents.default.div(_templateObject || (_templateObject
455
455
  return displayPicker ? 'block' : 'none';
456
456
  });
457
457
 
458
- var Week = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n min-width: 36px;\n height: 36px;\n border-radius: var(--border-radius-s);\n line-height: 36px;\n text-align: center;\n"])));
458
+ var Week = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n height: 36px;\n width: calc(100% / 7);\n border-radius: var(--border-radius-s);\n line-height: 36px;\n text-align: center;\n"])));
459
459
 
460
460
  var Body = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n ", "\n\n overflow: hidden;\n padding: ", ";\n"])), function (_ref3) {
461
461
  var accordionCurrentDisplayType = _ref3.accordionCurrentDisplayType;
@@ -469,7 +469,7 @@ var Footer = _styledComponents.default.div(_templateObject5 || (_templateObject5
469
469
 
470
470
  var PickerInput = (0, _styledComponents.default)(_Input.default)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n &:disabled {\n cursor: not-allowed;\n opacity: 0.5;\n }\n"])));
471
471
 
472
- var Day = _styledComponents.default.button(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n min-width: 36px;\n height: 36px;\n border-radius: var(--border-radius-s);\n line-height: 36px;\n text-align: center;\n padding: 0;\n border: 0;\n background: var(--color-background1);\n color: var(--color-white);\n &:hover {\n background: var(--color-primary);\n }\n\n ", "\n\n ", "\n"])), function (_ref5) {
472
+ var Day = _styledComponents.default.button(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n width: calc(100% / 7);\n height: 36px;\n border-radius: var(--border-radius-s);\n line-height: 36px;\n text-align: center;\n padding: 0;\n border: 0;\n background: var(--color-background1);\n color: var(--color-white);\n &:hover {\n background: var(--color-primary);\n }\n\n ", "\n\n ", "\n"])), function (_ref5) {
473
473
  var selected = _ref5.selected;
474
474
  return selected && 'background: var(--color-hover);';
475
475
  }, function (_ref6) {
package/datetimePicker/accordion/Month.js CHANGED
@@ -175,7 +175,7 @@ var Body = _styledComponents.default.div(_templateObject5 || (_templateObject5 =
175
175
  return (0, _styledComponents.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n min-height: ", "px;\n "])), fixedYear ? '192' : '144');
176
176
  });
177
177
 
178
- var Item = _styledComponents.default.button(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n width: 84px;\n height: 36px;\n line-height: 36px;\n text-align: center;\n border-radius: var(--border-radius-s);\n padding: 0;\n border: none;\n color: var(--whiet);\n background: var(--color-background1);\n\n &:hover {\n ", "\n }\n\n ", "\n\n ", "\n"])), function (_ref6) {
178
+ var Item = _styledComponents.default.button(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n width: calc(100% / 3);\n height: 36px;\n line-height: 36px;\n text-align: center;\n border-radius: var(--border-radius-s);\n padding: 0;\n border: none;\n color: var(--whiet);\n background: var(--color-background1);\n\n &:hover {\n ", "\n }\n\n ", "\n\n ", "\n"])), function (_ref6) {
179
179
  var disabled = _ref6.disabled;
180
180
  return !disabled && 'background: var(--color-primary)';
181
181
  }, function (_ref7) {
package/datetimePicker/accordion/Year.js CHANGED
@@ -229,7 +229,7 @@ var Body = _styledComponents.default.div(_templateObject5 || (_templateObject5 =
229
229
  return (0, _styledComponents.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n min-height: ", "px};\n transition: .3s;\n overflow-y: scroll;\n gap: 12px 0;\n ", "\n "])), fixedYear ? '144' : '192', _scrollbar.default);
230
230
  });
231
231
 
232
- var Item = _styledComponents.default.button(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n width: 84px;\n height: 36px;\n line-height: 36px;\n text-align: center;\n border-radius: var(--border-radius-s);\n padding: 0;\n border: none;\n color: var(--whiet);\n background: var(--color-background1);\n\n &:hover {\n ", "\n }\n\n ", "\n\n ", "\n"])), function (_ref6) {
232
+ var Item = _styledComponents.default.button(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n width: calc(100% / 3);\n height: 36px;\n line-height: 36px;\n text-align: center;\n border-radius: var(--border-radius-s);\n padding: 0;\n border: none;\n color: var(--whiet);\n background: var(--color-background1);\n\n &:hover {\n ", "\n }\n\n ", "\n\n ", "\n"])), function (_ref6) {
233
233
  var disabled = _ref6.disabled;
234
234
  return !disabled && 'background: var(--color-primary);';
235
235
  }, function (_ref7) {
package/dropdown/DropdownContent.js CHANGED
@@ -90,12 +90,12 @@ var DropdownContent = function DropdownContent(_ref) {
90
90
  }));
91
91
  };
92
92
 
93
- var Wrapper = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n visibility: ", ";\n min-width: 160px;\n max-width: 320px;\n border: 1px solid var(--border-color);\n color: var(--font-on-background);\n background: var(--color-background2);\n box-shadow: var(--box-shadow);\n border-radius: var(--border-radius);\n padding: var(--spacing-s) 0;\n z-index: 20;\n margin: 0 !important;\n max-height: min(320px, ((50vh - 36px) - 20px) - 36px);\n\n ", "\n\n ", "\n"])), function (_ref2) {
93
+ var Wrapper = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n visibility: ", ";\n min-width: 160px;\n max-width: 320px;\n border: 1px solid var(--border-color);\n color: var(--font-on-background);\n background: var(--color-background2);\n box-shadow: var(--box-shadow);\n border-radius: var(--border-radius);\n padding: var(--spacing-s) 0;\n z-index: 20;\n margin: 0 !important;\n\n ", "\n\n ", "\n"])), function (_ref2) {
94
94
  var $display = _ref2.$display;
95
95
  return $display === true ? 'visible' : 'hidden';
96
96
  }, _scrollbar.default, function (_ref3) {
97
97
  var showScrollbar = _ref3.showScrollbar;
98
- return showScrollbar && "\n overflow-y: auto;\n overflow-x: hidden;\n ";
98
+ return showScrollbar && "\n overflow-y: auto;\n overflow-x: hidden;\n max-height: min(320px, ((50vh - 36px) - 20px) - 36px);\n\n ";
99
99
  });
100
100
 
101
101
  var _default = DropdownContent;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cashub/ui",
3
- "version": "0.9.13",
3
+ "version": "0.9.15",
4
4
  "private": false,
5
5
  "author": "CASHUB Team",
6
6
  "description": "CASHUB UI components library",
package/tooltip/Tooltip.js CHANGED
@@ -121,6 +121,7 @@ var Tooltip = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
121
121
  onOutsideClick: handleClose,
122
122
  display: inline ? 'inline-block' : 'block',
123
123
  children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({}, wraperProps), {}, {
124
+ "data-testid": "tooltipWrapper",
124
125
  children: [/*#__PURE__*/(0, _react.cloneElement)(children, childrenProps), /*#__PURE__*/(0, _jsxRuntime.jsxs)(TooltipTooltip, _objectSpread(_objectSpread({
125
126
  id: id,
126
127
  $display: display,
@@ -128,7 +129,9 @@ var Tooltip = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
128
129
  style: styles.popper
129
130
  }, attributes.popper), {}, {
130
131
  placement: state && state.placement,
132
+ role: "tooltip",
131
133
  children: [title, /*#__PURE__*/(0, _jsxRuntime.jsx)(TooltipArrow, {
134
+ "data-testid": "tooltipArrow",
132
135
  ref: setArrowElement,
133
136
  style: styles.arrow,
134
137
  $display: showArrow