@cashub/ui 0.45.4 → 0.46.1

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 (3) hide show
  1. package/form/Label.js +6 -1
  2. package/package.json +1 -1
  3. package/timeline/Timeline.js +28 -8
package/form/Label.js CHANGED
@@ -8,7 +8,7 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
8
8
  var _templateObject;
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 Label = _styledComponents.default.label(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: inline-block;\n color: var(--font-on-background);\n font-size: var(--font-body1);\n word-break: break-word;\n white-space: pre-wrap;\n margin-bottom: var(--spacing-xs);\n\n ", "\n\n ", "\n\n ", "\n\n /* use float to make element align to right */\n /* use text-align to make all text(multiple line) align to right */\n ", "\n"])), _ref => {
11
+ const Label = _styledComponents.default.label(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: inline-block;\n color: var(--font-on-background);\n font-size: var(--font-body1);\n word-break: break-word;\n white-space: pre-wrap;\n margin-bottom: var(--spacing-xs);\n\n ", "\n\n ", "\n\n ", "\n\n /* use float to make element align to right */\n /* use text-align to make all text(multiple line) align to right */\n ", "\n\n ", "\n"])), _ref => {
12
12
  let {
13
13
  required
14
14
  } = _ref;
@@ -28,5 +28,10 @@ const Label = _styledComponents.default.label(_templateObject || (_templateObjec
28
28
  alignRight
29
29
  } = _ref4;
30
30
  return alignRight && "\n text-align: right;\n float: right;\n ";
31
+ }, _ref5 => {
32
+ let {
33
+ disabled
34
+ } = _ref5;
35
+ return disabled && 'opacity: 0.5;';
31
36
  });
32
37
  var _default = exports.default = Label;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cashub/ui",
3
- "version": "0.45.4",
3
+ "version": "0.46.1",
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, {