tabler-react-2 0.1.51 → 0.1.53
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.
- package/dist/helper.css +19 -1
- package/dist/timeline/index.js +5 -3
- package/dist/timeline.css +24 -0
- package/package.json +1 -1
package/dist/helper.css
CHANGED
|
@@ -8,4 +8,22 @@
|
|
|
8
8
|
flex-direction: column;
|
|
9
9
|
}
|
|
10
10
|
|
|
11
|
-
|
|
11
|
+
.timeline-event-tight {
|
|
12
|
+
margin-bottom: calc(var(--tblr-content-padding) / 4) !important;
|
|
13
|
+
--tblr-timeline-icon-size: 2rem;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
.timeline-event-tight .card-body {
|
|
17
|
+
padding: 0.5rem 1rem;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
.timeline-event-tight .timeline-event-card {
|
|
21
|
+
margin-left: calc(var(--tblr-timeline-icon-size, 2.5rem) + 0.5rem);
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
.timeline-event-tight:not(:last-child):before {
|
|
25
|
+
/* bottom: calc(-1 * var(--tblr-content-padding)); */
|
|
26
|
+
bottom: calc(-1 * 0.35rem) !important;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9oZWxwZXIuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBIiwiZmlsZSI6ImhlbHBlci5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIudGJsX19oZWxwZXJfX3JvdyB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiByb3c7XG59XG5cbi50YmxfX2hlbHBlcl9fY29sIHtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbn1cblxuLnRpbWVsaW5lLWV2ZW50LXRpZ2h0IHtcbiAgbWFyZ2luLWJvdHRvbTogY2FsYyh2YXIoLS10YmxyLWNvbnRlbnQtcGFkZGluZykgLyA0KSAhaW1wb3J0YW50O1xuICAtLXRibHItdGltZWxpbmUtaWNvbi1zaXplOiAycmVtO1xufVxuXG4udGltZWxpbmUtZXZlbnQtdGlnaHQgLmNhcmQtYm9keSB7XG4gIHBhZGRpbmc6IDAuNXJlbSAxcmVtO1xufVxuXG4udGltZWxpbmUtZXZlbnQtdGlnaHQgLnRpbWVsaW5lLWV2ZW50LWNhcmQge1xuICBtYXJnaW4tbGVmdDogY2FsYyh2YXIoLS10YmxyLXRpbWVsaW5lLWljb24tc2l6ZSwgMi41cmVtKSArIDAuNXJlbSk7XG59XG5cbi50aW1lbGluZS1ldmVudC10aWdodDpub3QoOmxhc3QtY2hpbGQpOmJlZm9yZSB7XG4gIC8qIGJvdHRvbTogY2FsYygtMSAqIHZhcigtLXRibHItY29udGVudC1wYWRkaW5nKSk7ICovXG4gIGJvdHRvbTogY2FsYygtMSAqIDAuMzVyZW0pICFpbXBvcnRhbnQ7XG59XG4iXX0= */
|
package/dist/timeline/index.js
CHANGED
|
@@ -6,19 +6,21 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.Timeline = void 0;
|
|
7
7
|
var _react = _interopRequireDefault(require("react"));
|
|
8
8
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
|
+
var _classnames = _interopRequireDefault(require("classnames"));
|
|
9
10
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
10
11
|
var Timeline = exports.Timeline = function Timeline(_ref) {
|
|
11
|
-
var events = _ref.events
|
|
12
|
+
var events = _ref.events,
|
|
13
|
+
dense = _ref.dense;
|
|
12
14
|
return /*#__PURE__*/_react["default"].createElement("ul", {
|
|
13
15
|
className: "timeline"
|
|
14
16
|
}, events.map(function (event, index) {
|
|
15
17
|
return /*#__PURE__*/_react["default"].createElement("li", {
|
|
16
|
-
className: "timeline-event",
|
|
18
|
+
className: (0, _classnames["default"])("timeline-event", dense && "timeline-event-tight"),
|
|
17
19
|
key: index
|
|
18
20
|
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
19
21
|
className: "timeline-event-icon ".concat(event.iconBgColor && "bg-".concat(event.iconBgColor, "-lt"), " ").concat(event.iconBgClass || "")
|
|
20
22
|
}, event.icon && /*#__PURE__*/_react["default"].createElement(event.icon, null)), /*#__PURE__*/_react["default"].createElement("div", {
|
|
21
|
-
className: "card timeline-event-card"
|
|
23
|
+
className: "card timeline-event-card ".concat(dense && "card-sm")
|
|
22
24
|
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
23
25
|
className: "card-body"
|
|
24
26
|
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
.timeline-event-tight {
|
|
2
|
+
margin-bottom: calc(var(--tblr-content-padding) / 4) !important;
|
|
3
|
+
--tblr-timeline-icon-size: 2rem;
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
.timeline-event-tight .card-body {
|
|
7
|
+
padding: 0.5rem 1rem;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
.timeline-event-tight .timeline-event-card {
|
|
11
|
+
margin-left: calc(var(--tblr-timeline-icon-size, 2.5rem) + 0.5rem);
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
.timeline-event-tight .timeline-event-icon {
|
|
15
|
+
/* width: 2rem;
|
|
16
|
+
height: 2rem; */
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
.timeline-event-tight:not(:last-child):before {
|
|
20
|
+
/* bottom: calc(-1 * var(--tblr-content-padding)); */
|
|
21
|
+
bottom: calc(-1 * 0.35rem) !important;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy90aW1lbGluZS90aW1lbGluZS5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEiLCJmaWxlIjoidGltZWxpbmUuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLnRpbWVsaW5lLWV2ZW50LXRpZ2h0IHtcbiAgbWFyZ2luLWJvdHRvbTogY2FsYyh2YXIoLS10YmxyLWNvbnRlbnQtcGFkZGluZykgLyA0KSAhaW1wb3J0YW50O1xuICAtLXRibHItdGltZWxpbmUtaWNvbi1zaXplOiAycmVtO1xufVxuXG4udGltZWxpbmUtZXZlbnQtdGlnaHQgLmNhcmQtYm9keSB7XG4gIHBhZGRpbmc6IDAuNXJlbSAxcmVtO1xufVxuXG4udGltZWxpbmUtZXZlbnQtdGlnaHQgLnRpbWVsaW5lLWV2ZW50LWNhcmQge1xuICBtYXJnaW4tbGVmdDogY2FsYyh2YXIoLS10YmxyLXRpbWVsaW5lLWljb24tc2l6ZSwgMi41cmVtKSArIDAuNXJlbSk7XG59XG5cbi50aW1lbGluZS1ldmVudC10aWdodCAudGltZWxpbmUtZXZlbnQtaWNvbiB7XG4gIC8qIHdpZHRoOiAycmVtO1xuICBoZWlnaHQ6IDJyZW07ICovXG59XG5cbi50aW1lbGluZS1ldmVudC10aWdodDpub3QoOmxhc3QtY2hpbGQpOmJlZm9yZSB7XG4gIC8qIGJvdHRvbTogY2FsYygtMSAqIHZhcigtLXRibHItY29udGVudC1wYWRkaW5nKSk7ICovXG4gIGJvdHRvbTogY2FsYygtMSAqIDAuMzVyZW0pICFpbXBvcnRhbnQ7XG59XG4iXX0= */
|