@cashub/ui 0.22.4 → 0.22.5

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 (2) hide show
  1. package/package.json +1 -1
  2. package/table/Table.js +20 -11
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cashub/ui",
3
- "version": "0.22.4",
3
+ "version": "0.22.5",
4
4
  "private": false,
5
5
  "author": "CASHUB Team",
6
6
  "description": "CASHUB UI components library",
package/table/Table.js CHANGED
@@ -295,30 +295,39 @@ const BodyTR = _styledComponents.default.tr(_templateObject4 || (_templateObject
295
295
  } = _ref7;
296
296
  return noData && (0, _styledComponents.css)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n height: 168px;\n\n > td {\n &:first-child:before {\n display: none;\n }\n }\n "])));
297
297
  }));
298
- const TableDataCell = _styledComponents.default.td(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n height: 48px;\n background: ", ";\n padding: 0 var(--spacing-xs);\n max-width: 0px;\n text-align: ", ";\n vertical-align: middle;\n border-top: var(--border-width) solid transparent;\n border-bottom: var(--border-width) solid transparent;\n transition: border-color 0.3s;\n\n &:first-child {\n border-left: var(--border-width) solid transparent;\n border-top-left-radius: var(--border-radius-l);\n border-bottom-left-radius: var(--border-radius-l);\n padding-left: var(--spacing);\n }\n\n &:last-child {\n border-right: var(--border-width) solid transparent;\n border-top-right-radius: var(--border-radius-l);\n border-bottom-right-radius: var(--border-radius-l);\n padding-right: var(--spacing);\n }\n\n ", "\n\n > span {\n display: inline-block;\n width: 100%;\n overflow: hidden;\n white-space: pre;\n text-overflow: ellipsis;\n }\n\n ", "\n\n ", "\n"])), _ref8 => {
298
+ const TableDataCell = _styledComponents.default.td.attrs(_ref8 => {
299
299
  let {
300
- backgroundReverse
300
+ border
301
301
  } = _ref8;
302
- return backgroundReverse ? 'var(--color-background1)' : 'var(--color-background2)';
303
- }, _ref9 => {
302
+ return {
303
+ borderWidth: border ? '3px' : 'var(--border-width)',
304
+ borderColor: border ? 'var(--color-white)' : 'transparent'
305
+ };
306
+ })(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n height: 48px;\n background: ", ";\n padding: 0 var(--spacing-xs);\n max-width: 0px;\n text-align: ", ";\n vertical-align: middle;\n transition: border-color 0.3s;\n\n ", "\n > span {\n display: inline-block;\n width: 100%;\n overflow: hidden;\n white-space: pre;\n text-overflow: ellipsis;\n }\n\n ", "\n\n ", "\n"])), _ref9 => {
304
307
  let {
305
- center
308
+ backgroundReverse
306
309
  } = _ref9;
307
- return center ? 'center' : 'left';
310
+ return backgroundReverse ? 'var(--color-background1)' : 'var(--color-background2)';
308
311
  }, _ref10 => {
309
312
  let {
310
- border
313
+ center
311
314
  } = _ref10;
312
- return border && (0, _styledComponents.css)(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n border-top: 3px solid var(--color-white);\n border-bottom: 3px solid var(--color-white);\n &:first-child {\n border-left: 3px solid var(--color-white);\n }\n &:last-child {\n border-right: 3px solid var(--color-white);\n }\n "])));
315
+ return center ? 'center' : 'left';
313
316
  }, _ref11 => {
314
317
  let {
315
- noData
318
+ borderWidth,
319
+ borderColor
316
320
  } = _ref11;
321
+ return (0, _styledComponents.css)(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n border-top: ", " solid ", ";\n border-bottom: ", " solid ", ";\n &:first-child {\n border-left: ", " solid ", ";\n border-top-left-radius: var(--border-radius-l);\n border-bottom-left-radius: var(--border-radius-l);\n padding-left: var(--spacing);\n }\n\n &:last-child {\n border-right: ", " solid ", ";\n border-top-right-radius: var(--border-radius-l);\n border-bottom-right-radius: var(--border-radius-l);\n padding-right: var(--spacing);\n }\n "])), borderWidth, borderColor, borderWidth, borderColor, borderWidth, borderColor, borderWidth, borderColor);
322
+ }, _ref12 => {
323
+ let {
324
+ noData
325
+ } = _ref12;
317
326
  return noData && (0, _styledComponents.css)(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n padding: 20px 0;\n "])));
318
- }, _media.default.mobile(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n display: flex;\n height: auto;\n margin-bottom: var(--spacing-xs);\n background: transparent !important;\n border: none !important;\n min-width: 100%;\n \n &:first-child {\n padding: var(--spacing-xs) 0 0 var(--spacing-xs);\n }\n\n &:last-child {\n padding-right: var(--spacing-xs);\n }\n\n &:before {\n content: attr(data-label) \": \";\n font-weight: bold;\n padding-right: var(--spacing-xs);\n }\n\n > span {\n flex: 1;\n }\n \n ", "\n "])), _ref12 => {
327
+ }, _media.default.mobile(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n display: flex;\n height: auto;\n margin-bottom: var(--spacing-xs);\n background: transparent !important;\n border: none !important;\n min-width: 100%;\n \n &:first-child {\n padding: var(--spacing-xs) 0 0 var(--spacing-xs);\n }\n\n &:last-child {\n padding-right: var(--spacing-xs);\n }\n\n &:before {\n content: attr(data-label) \": \";\n font-weight: bold;\n padding-right: var(--spacing-xs);\n }\n\n > span {\n flex: 1;\n }\n \n ", "\n "])), _ref13 => {
319
328
  let {
320
329
  custom
321
- } = _ref12;
330
+ } = _ref13;
322
331
  return custom && (0, _styledComponents.css)(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n &:last-child:before {\n display: none;\n }\n\n &:last-child {\n padding: 0;\n position: absolute;\n right: 0.75rem;\n top: var(--spacing-xs);\n justify-content: flex-end;\n }\n "])));
323
332
  }));
324
333
  var _default = exports.default = Table;