@citygross/components 0.7.95 → 0.7.96

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 (6) hide show
  1. package/build/@types/components/Timeline/Timeline.d.ts +2 -1
  2. package/build/cjs/components/src/components/Timeline/Timeline.js +8 -2
  3. package/build/cjs/components/src/components/Timeline/Timeline.js.map +1 -1
  4. package/build/es/components/src/components/Timeline/Timeline.js +8 -2
  5. package/build/es/components/src/components/Timeline/Timeline.js.map +1 -1
  6. package/package.json +2 -2
package/build/@types/components/Timeline/Timeline.d.ts CHANGED
@@ -17,5 +17,6 @@ export declare type TTimeline = {
17
17
  borderColor?: string;
18
18
  completedColor?: string;
19
19
  color?: string;
20
+ reversed?: boolean;
20
21
  };
21
- export declare function Timeline({ items, title, mobileTitle, current, dotColor, dotActiveColor, dotShadow, borderStyle, borderColor, color, completedColor }: TTimeline): JSX.Element;
22
+ export declare function Timeline({ items, title, mobileTitle, current, dotColor, dotActiveColor, dotShadow, borderStyle, borderColor, color, reversed, completedColor }: TTimeline): JSX.Element;
package/build/cjs/components/src/components/Timeline/Timeline.js CHANGED
@@ -15,12 +15,18 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
15
15
 
16
16
  function Timeline(_a) {
17
17
  var _b, _c, _d;
18
- var items = _a.items, _e = _a.title, title = _e === void 0 ? 'Vi skickar löpande information när:' : _e, _f = _a.mobileTitle, mobileTitle = _f === void 0 ? 'När din...' : _f, current = _a.current, _g = _a.dotColor, dotColor = _g === void 0 ? (_b = designTokens.theme === null || designTokens.theme === void 0 ? void 0 : designTokens.theme.palette) === null || _b === void 0 ? void 0 : _b.greenLight : _g, _h = _a.dotActiveColor, dotActiveColor = _h === void 0 ? (_c = designTokens.theme === null || designTokens.theme === void 0 ? void 0 : designTokens.theme.palette) === null || _c === void 0 ? void 0 : _c.alertGreen : _h, _j = _a.dotShadow, dotShadow = _j === void 0 ? (_d = designTokens.theme === null || designTokens.theme === void 0 ? void 0 : designTokens.theme.palette) === null || _d === void 0 ? void 0 : _d.greenMedium : _j, _k = _a.borderStyle, borderStyle = _k === void 0 ? 'dashed' : _k, borderColor = _a.borderColor, color = _a.color, completedColor = _a.completedColor;
18
+ var items = _a.items, _e = _a.title, title = _e === void 0 ? 'Vi skickar löpande information när:' : _e, _f = _a.mobileTitle, mobileTitle = _f === void 0 ? 'När din...' : _f, current = _a.current, _g = _a.dotColor, dotColor = _g === void 0 ? (_b = designTokens.theme === null || designTokens.theme === void 0 ? void 0 : designTokens.theme.palette) === null || _b === void 0 ? void 0 : _b.greenLight : _g, _h = _a.dotActiveColor, dotActiveColor = _h === void 0 ? (_c = designTokens.theme === null || designTokens.theme === void 0 ? void 0 : designTokens.theme.palette) === null || _c === void 0 ? void 0 : _c.alertGreen : _h, _j = _a.dotShadow, dotShadow = _j === void 0 ? (_d = designTokens.theme === null || designTokens.theme === void 0 ? void 0 : designTokens.theme.palette) === null || _d === void 0 ? void 0 : _d.greenMedium : _j, _k = _a.borderStyle, borderStyle = _k === void 0 ? 'dashed' : _k, borderColor = _a.borderColor, color = _a.color, reversed = _a.reversed, completedColor = _a.completedColor;
19
19
  var isMobile = utils.useDetectDevice().isMobile;
20
20
  return (React__default["default"].createElement(Timeline_styles.BaseTimeline, null,
21
21
  React__default["default"].createElement(Timeline_styles.TimeLineH3, null, isMobile ? mobileTitle : title),
22
22
  React__default["default"].createElement(Timeline_styles.BaseTimelineList, { borderStyle: borderStyle, borderColor: borderColor }, items.map(function (item, index) { return (React__default["default"].createElement(Timeline_styles.BaseTimelineItem, { key: item.primaryText },
23
- React__default["default"].createElement(DotIndicator.Dot, { color: index <= current ? dotActiveColor : dotColor, shadow: dotShadow }),
23
+ React__default["default"].createElement(DotIndicator.Dot, { color: reversed
24
+ ? index >= current
25
+ ? dotActiveColor
26
+ : dotColor
27
+ : index <= current
28
+ ? dotActiveColor
29
+ : dotColor, shadow: dotShadow }),
24
30
  current === index ? (React__default["default"].createElement(typography.H3, { color: color }, isMobile
25
31
  ? "".concat(item.primaryText, " (").concat(item.time, ")")
26
32
  : "".concat(item.primaryText, " - ").concat(item.time))) : (React__default["default"].createElement(typography.BodyText, { color: completedColor !== null && completedColor !== void 0 ? completedColor : color }, isMobile
package/build/cjs/components/src/components/Timeline/Timeline.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Timeline.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"Timeline.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/build/es/components/src/components/Timeline/Timeline.js CHANGED
@@ -7,12 +7,18 @@ import { BaseTimeline, TimeLineH3, BaseTimelineList, BaseTimelineItem } from './
7
7
 
8
8
  function Timeline(_a) {
9
9
  var _b, _c, _d;
10
- var items = _a.items, _e = _a.title, title = _e === void 0 ? 'Vi skickar löpande information när:' : _e, _f = _a.mobileTitle, mobileTitle = _f === void 0 ? 'När din...' : _f, current = _a.current, _g = _a.dotColor, dotColor = _g === void 0 ? (_b = theme === null || theme === void 0 ? void 0 : theme.palette) === null || _b === void 0 ? void 0 : _b.greenLight : _g, _h = _a.dotActiveColor, dotActiveColor = _h === void 0 ? (_c = theme === null || theme === void 0 ? void 0 : theme.palette) === null || _c === void 0 ? void 0 : _c.alertGreen : _h, _j = _a.dotShadow, dotShadow = _j === void 0 ? (_d = theme === null || theme === void 0 ? void 0 : theme.palette) === null || _d === void 0 ? void 0 : _d.greenMedium : _j, _k = _a.borderStyle, borderStyle = _k === void 0 ? 'dashed' : _k, borderColor = _a.borderColor, color = _a.color, completedColor = _a.completedColor;
10
+ var items = _a.items, _e = _a.title, title = _e === void 0 ? 'Vi skickar löpande information när:' : _e, _f = _a.mobileTitle, mobileTitle = _f === void 0 ? 'När din...' : _f, current = _a.current, _g = _a.dotColor, dotColor = _g === void 0 ? (_b = theme === null || theme === void 0 ? void 0 : theme.palette) === null || _b === void 0 ? void 0 : _b.greenLight : _g, _h = _a.dotActiveColor, dotActiveColor = _h === void 0 ? (_c = theme === null || theme === void 0 ? void 0 : theme.palette) === null || _c === void 0 ? void 0 : _c.alertGreen : _h, _j = _a.dotShadow, dotShadow = _j === void 0 ? (_d = theme === null || theme === void 0 ? void 0 : theme.palette) === null || _d === void 0 ? void 0 : _d.greenMedium : _j, _k = _a.borderStyle, borderStyle = _k === void 0 ? 'dashed' : _k, borderColor = _a.borderColor, color = _a.color, reversed = _a.reversed, completedColor = _a.completedColor;
11
11
  var isMobile = useDetectDevice().isMobile;
12
12
  return (React.createElement(BaseTimeline, null,
13
13
  React.createElement(TimeLineH3, null, isMobile ? mobileTitle : title),
14
14
  React.createElement(BaseTimelineList, { borderStyle: borderStyle, borderColor: borderColor }, items.map(function (item, index) { return (React.createElement(BaseTimelineItem, { key: item.primaryText },
15
- React.createElement(Dot, { color: index <= current ? dotActiveColor : dotColor, shadow: dotShadow }),
15
+ React.createElement(Dot, { color: reversed
16
+ ? index >= current
17
+ ? dotActiveColor
18
+ : dotColor
19
+ : index <= current
20
+ ? dotActiveColor
21
+ : dotColor, shadow: dotShadow }),
16
22
  current === index ? (React.createElement(H3, { color: color }, isMobile
17
23
  ? "".concat(item.primaryText, " (").concat(item.time, ")")
18
24
  : "".concat(item.primaryText, " - ").concat(item.time))) : (React.createElement(BodyText, { color: completedColor !== null && completedColor !== void 0 ? completedColor : color }, isMobile
package/build/es/components/src/components/Timeline/Timeline.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Timeline.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"Timeline.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@citygross/components",
3
- "version": "0.7.95",
3
+ "version": "0.7.96",
4
4
  "license": "ISC",
5
5
  "sideEffects": false,
6
6
  "main": "./build/cjs/components/src/index.js",
@@ -71,5 +71,5 @@
71
71
  "moment": "^2.29.1",
72
72
  "react-loading-skeleton": "^2.2.0"
73
73
  },
74
- "gitHead": "613d3bae224dcb241b7c9968c5a2dca30c81d8c9"
74
+ "gitHead": "68e572953df0a147ecc53ea229eb6941a653a2fc"
75
75
  }