@cashub/ui 0.13.6 → 0.13.7

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/callout/Callout.js +1 -1
  2. package/package.json +1 -1
  3. package/select/subComponent/SelectedMultiple.js +1 -1
  4. package/styles/theme/dark.theme.js +4 -5
  5. package/styles/theme/light.theme.js +8 -9
  6. package/table/Table.js +2 -2
  7. package/toast/CustomToastContainer.js +1 -1
package/callout/Callout.js CHANGED
@@ -13,7 +13,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
13
13
 
14
14
  function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
15
15
 
16
- var Callout = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n padding: var(--spacing);\n border-radius: var(--border-radius);\n background: var(--color-background4);\n margin-bottom: var(--spacing);\n"])));
16
+ var Callout = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n padding: var(--spacing);\n border-radius: var(--border-radius);\n background: var(--color-background3);\n margin-bottom: var(--spacing);\n"])));
17
17
 
18
18
  var Body = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n"])));
19
19
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cashub/ui",
3
- "version": "0.13.6",
3
+ "version": "0.13.7",
4
4
  "private": false,
5
5
  "author": "CASHUB Team",
6
6
  "description": "CASHUB UI components library",
package/select/subComponent/SelectedMultiple.js CHANGED
@@ -30,7 +30,7 @@ var SelectedMultiple = function SelectedMultiple(_ref) {
30
30
  });
31
31
  };
32
32
 
33
- var Selected = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n align-items: center;\n display: flex;\n background: var(--color-background4);\n border-radius: var(--border-radius-l);\n padding: 0.25rem calc(var(--spacing-xs) + 4px);\n margin: 4px 10px 4px 0;\n color: var(--font-on-background);\n font-weight: var(--font-normal);\n word-break: break-all;\n\n > span {\n display: flex;\n align-items: center;\n\n > svg {\n margin-right: var(--spacing-xs);\n color: var(--font-on-background);\n }\n }\n"])));
33
+ var Selected = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n align-items: center;\n display: flex;\n background: var(--color-background3);\n border-radius: var(--border-radius-l);\n padding: 0.25rem calc(var(--spacing-xs) + 4px);\n margin: 4px 10px 4px 0;\n color: var(--font-on-background);\n font-weight: var(--font-normal);\n word-break: break-all;\n\n > span {\n display: flex;\n align-items: center;\n\n > svg {\n margin-right: var(--spacing-xs);\n color: var(--font-on-background);\n }\n }\n"])));
34
34
 
35
35
  var _default = SelectedMultiple;
36
36
  exports.default = _default;
package/styles/theme/dark.theme.js CHANGED
@@ -26,8 +26,7 @@ var colorStyle = {
26
26
  scrollBarColor: 'rgba(89, 126, 247, 0.3)',
27
27
  bgColor1: '#13142e',
28
28
  bgColor2: '#222143',
29
- bgColor3: '#2d2c4c',
30
- bgColor4: '#2d2a5d',
29
+ bgColor3: '#2d2a5d',
31
30
  backdropBg: 'rgba(0, 0, 0, 0.5)'
32
31
  }; // Common font style
33
32
 
@@ -53,7 +52,7 @@ var fontStyle = {
53
52
  var darkTheme = {
54
53
  desktop: _objectSpread(_objectSpread(_objectSpread({}, fontStyle), colorStyle), {}, {
55
54
  boxShadow: '0px 0px 8px rgba(91, 95, 111, 0.5)',
56
- borderColor: '#5b5f6f',
55
+ borderColor: colorStyle.colorGrey,
57
56
  borderWidth: '1px',
58
57
  borderRadiusS: '0.5rem',
59
58
  borderRadius: '1rem',
@@ -66,7 +65,7 @@ var darkTheme = {
66
65
  }),
67
66
  tablet: _objectSpread(_objectSpread(_objectSpread({}, fontStyle), colorStyle), {}, {
68
67
  boxShadow: '0px 0px 8px rgba(91, 95, 111, 0.5)',
69
- borderColor: '#5b5f6f',
68
+ borderColor: colorStyle.colorGrey,
70
69
  borderWidth: '1px',
71
70
  borderRadiusS: '0.5rem',
72
71
  borderRadius: '1rem',
@@ -79,7 +78,7 @@ var darkTheme = {
79
78
  }),
80
79
  mobile: _objectSpread(_objectSpread(_objectSpread({}, fontStyle), colorStyle), {}, {
81
80
  boxShadow: '0px 0px 8px rgba(91, 95, 111, 0.5)',
82
- borderColor: '#5b5f6f',
81
+ borderColor: colorStyle.colorGrey,
83
82
  borderWidth: '1px',
84
83
  borderRadiusS: '0.5rem',
85
84
  borderRadius: '1rem',
package/styles/theme/light.theme.js CHANGED
@@ -17,17 +17,16 @@ var colorStyle = {
17
17
  colorWhite: '#ffffff',
18
18
  colorDark: '#353351',
19
19
  colorGrey: '#5b5f6f',
20
- colorPrimary: '#597EF7',
21
- colorSuccess: '#11D8CD',
22
- colorWarning: '#FFCA7A',
20
+ colorPrimary: '#91A2F8',
21
+ colorSuccess: '#93E7E2',
22
+ colorWarning: '#FFDFAF',
23
23
  colorDanger: '#F495A1',
24
24
  colorHover: 'rgba(89, 126, 247, 0.2)',
25
25
  colorActive: 'rgba(89, 126, 247, 0.2)',
26
26
  scrollBarColor: 'rgba(89, 126, 247, 0.3)',
27
27
  bgColor1: '#F0ECFF',
28
28
  bgColor2: '#F8F4FF',
29
- bgColor3: '#D4D0F6',
30
- bgColor4: '#E6E1FF',
29
+ bgColor3: '#E6E1FF',
31
30
  backdropBg: 'rgba(0, 0, 0, 0.5)'
32
31
  }; // Common font style
33
32
 
@@ -47,13 +46,13 @@ var fontStyle = {
47
46
  fontOnWarning: colorStyle.colorDark,
48
47
  fontOnDanger: colorStyle.colorDark,
49
48
  fontOnBg: colorStyle.colorDark,
50
- fontMutedColor: 'rgba(53, 51, 81, 0.75)'
49
+ fontMutedColor: 'rgba(53, 51, 81, 0.5)'
51
50
  }; // Theme stylesheet
52
51
 
53
52
  var lightTheme = {
54
53
  desktop: _objectSpread(_objectSpread(_objectSpread({}, fontStyle), colorStyle), {}, {
55
54
  boxShadow: '0px 0px 8px rgba(91, 95, 111, 0.5)',
56
- borderColor: '#5b5f6f',
55
+ borderColor: colorStyle.colorGrey,
57
56
  borderWidth: '1px',
58
57
  borderRadiusS: '0.5rem',
59
58
  borderRadius: '1rem',
@@ -66,7 +65,7 @@ var lightTheme = {
66
65
  }),
67
66
  tablet: _objectSpread(_objectSpread(_objectSpread({}, fontStyle), colorStyle), {}, {
68
67
  boxShadow: '0px 0px 8px rgba(91, 95, 111, 0.5)',
69
- borderColor: '#5b5f6f',
68
+ borderColor: colorStyle.colorGrey,
70
69
  borderWidth: '1px',
71
70
  borderRadiusS: '0.5rem',
72
71
  borderRadius: '1rem',
@@ -79,7 +78,7 @@ var lightTheme = {
79
78
  }),
80
79
  mobile: _objectSpread(_objectSpread(_objectSpread({}, fontStyle), colorStyle), {}, {
81
80
  boxShadow: '0px 0px 8px rgba(91, 95, 111, 0.5)',
82
- borderColor: '#5b5f6f',
81
+ borderColor: colorStyle.colorGrey,
83
82
  borderWidth: '1px',
84
83
  borderRadiusS: '0.5rem',
85
84
  borderRadius: '1rem',
package/table/Table.js CHANGED
@@ -286,7 +286,7 @@ var TableHead = _styledComponents.default.thead(_templateObject2 || (_templateOb
286
286
  var BodyTR = _styledComponents.default.tr(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n &:hover {\n > td {\n border-color: var(--color-primary);\n }\n }\n\n ", "\n\n ", "\n \n ", "\n"])), function (_ref3) {
287
287
  var active = _ref3.active,
288
288
  primary = _ref3.primary;
289
- return (active || primary) && (0, _styledComponents.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n > td {\n background: var(--color-background4);\n }\n "])));
289
+ return (active || primary) && (0, _styledComponents.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n > td {\n background: var(--color-background3);\n }\n "])));
290
290
  }, function (_ref4) {
291
291
  var clickable = _ref4.clickable;
292
292
  return clickable && 'pointer: cursor;';
@@ -296,7 +296,7 @@ var BodyTR = _styledComponents.default.tr(_templateObject4 || (_templateObject4
296
296
  }, function (_ref6) {
297
297
  var active = _ref6.active,
298
298
  primary = _ref6.primary;
299
- return (active || primary) && (0, _styledComponents.css)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n background: var(--color-background4);\n "])));
299
+ return (active || primary) && (0, _styledComponents.css)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n background: var(--color-background3);\n "])));
300
300
  }, function (_ref7) {
301
301
  var noData = _ref7.noData;
302
302
  return noData && (0, _styledComponents.css)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n height: 168px;\n\n > td {\n &:first-child:before {\n display: none;\n }\n }\n "])));
package/toast/CustomToastContainer.js CHANGED
@@ -15,6 +15,6 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
15
15
 
16
16
  function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
17
17
 
18
- var CustomToastContainer = (0, _styledComponents.default)(_reactToastify.ToastContainer)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n width: 360px;\n\n .Toastify__toast {\n padding: 15px 15px 15px 50px;\n box-shadow: 0 0 8px #999999;\n background-repeat: no-repeat;\n background-position: 15px center;\n }\n\n .Toastify__toast--error {\n background-color: var(--color-danger);\n background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=');\n }\n\n .Toastify__toast--success {\n background-color: var(--color-success);\n background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==');\n }\n\n .Toastify__toast--warning {\n background-color: var(--color-warning);\n background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==');\n }\n"])));
18
+ var CustomToastContainer = (0, _styledComponents.default)(_reactToastify.ToastContainer)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n width: 360px;\n\n .Toastify__toast {\n padding: 15px 15px 15px 50px;\n box-shadow: 0 0 8px #999999;\n background-repeat: no-repeat;\n background-position: 15px center;\n }\n\n .Toastify__toast--error {\n color: var(--font-on-danger);\n background-color: var(--color-danger);\n background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=');\n }\n\n .Toastify__toast--success {\n color: var(--font-on-success);\n background-color: var(--color-success);\n background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==');\n }\n\n .Toastify__toast--warning {\n color: var(--font-on-warning);\n background-color: var(--color-warning);\n background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==');\n }\n"])));
19
19
  var _default = CustomToastContainer;
20
20
  exports.default = _default;