@cashub/ui 0.45.4 → 0.46.0

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/timeline/Timeline.js +28 -8
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cashub/ui",
3
- "version": "0.45.4",
3
+ "version": "0.46.0",
4
4
  "private": false,
5
5
  "author": "CasHUB Team",
6
6
  "description": "CasHUB UI components library",
package/timeline/Timeline.js CHANGED
@@ -8,27 +8,47 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
8
8
  var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
9
9
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
10
10
  function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
11
- const Timeline = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n position: relative;\n\n &:before {\n content: '';\n position: absolute;\n left: 7.8rem;\n width: 0.214rem;\n top: 5px;\n bottom: 5px;\n height: calc(100% - 5px);\n background-color: #e7e9f5;\n }\n"])));
11
+ const Timeline = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n position: relative;\n\n &:before {\n content: '';\n position: absolute;\n left: 7.8rem;\n width: 0.214rem;\n top: 5px;\n bottom: 5px;\n height: calc(100% - 5px);\n background-color: #e7e9f5;\n\n ", "\n }\n"])), _ref => {
12
+ let {
13
+ noTag
14
+ } = _ref;
15
+ return noTag && 'left: 0.8rem;';
16
+ });
12
17
  const Items = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral([""])));
13
18
  const Item = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n display: table;\n position: relative;\n margin-bottom: 1.5rem;\n\n &:last-child {\n margin-bottom: 0;\n }\n"])));
14
19
  const ItemTag = _styledComponents.default.span(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n display: table-cell;\n font-size: var(--font-body1);\n font-weight: 500;\n vertical-align: top;\n position: absolute;\n padding-top: 0.5rem;\n color: var(--font-on-background);\n width: 6.5rem;\n text-align: center;\n"])));
15
- const ItemCircle = _styledComponents.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n border-radius: 50%;\n border: 0.89rem solid #2d2c4c;\n z-index: 1;\n top: 0.2rem;\n left: 7rem;\n position: relative;\n\n > svg {\n font-size: 1.5rem;\n top: 0;\n left: 0;\n transform: translate(-50%, -50%);\n position: absolute;\n }\n\n ", "\n\n ", "\n\n ", "\n"])), _ref => {
20
+ const ItemCircle = _styledComponents.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n border-radius: 50%;\n border: 0.89rem solid #2d2c4c;\n z-index: 1;\n top: 0.2rem;\n left: 7rem;\n position: relative;\n\n > svg {\n font-size: 1.5rem;\n top: 0;\n left: 0;\n transform: translate(-50%, -50%);\n position: absolute;\n }\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n"])), _ref2 => {
21
+ let {
22
+ noTag
23
+ } = _ref2;
24
+ return noTag && 'left: 0;';
25
+ }, _ref3 => {
16
26
  let {
17
27
  success
18
- } = _ref;
28
+ } = _ref3;
19
29
  return success && 'color: var(--color-success);';
20
- }, _ref2 => {
30
+ }, _ref4 => {
21
31
  let {
22
32
  danger
23
- } = _ref2;
33
+ } = _ref4;
24
34
  return danger && 'color: var(--color-danger);';
25
- }, _ref3 => {
35
+ }, _ref5 => {
26
36
  let {
27
37
  warning
28
- } = _ref3;
38
+ } = _ref5;
29
39
  return warning && 'color: var(--color-warning);';
40
+ }, _ref6 => {
41
+ let {
42
+ grey
43
+ } = _ref6;
44
+ return grey && 'color: var(--color-grey);';
45
+ });
46
+ const ItemDescription = _styledComponents.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n display: table-cell;\n vertical-align: top;\n font-size: 1rem;\n padding: 0 0 0 8rem;\n color: var(--font-on-background);\n\n ", "\n"])), _ref7 => {
47
+ let {
48
+ noTag
49
+ } = _ref7;
50
+ return noTag && 'padding-left: 1rem;';
30
51
  });
31
- const ItemDescription = _styledComponents.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n display: table-cell;\n vertical-align: top;\n font-size: 1rem;\n padding: 0 0 0 8rem;\n color: var(--font-on-background);\n"])));
32
52
  const ItemTitle = _styledComponents.default.span(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n display: block;\n font-weight: 400;\n\n &:last-child {\n margin-top: 8px;\n }\n"])));
33
53
  const ItemText = _styledComponents.default.span(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n display: block;\n color: var(--font-on-mute);\n margin-top: 8px;\n line-height: 1.25;\n word-break: break-all;\n"])));
34
54
  var _default = exports.default = Object.assign(Timeline, {