@telefonica/mistica 11.1.0 → 11.2.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.
- package/CHANGELOG.md +12 -0
- package/dist/carousel.js +54 -50
- package/dist/generated/mistica-icons/icon-chip-device-light.js +5 -1
- package/dist/generated/mistica-icons/icon-connections-light.js +1 -1
- package/dist/generated/mistica-icons/icon-drink-light.js +1 -1
- package/dist/generated/mistica-icons/icon-open-light.js +1 -1
- package/dist/generated/mistica-icons/icon-presentation-light.js +1 -1
- package/dist/generated/mistica-icons/icon-robot-light.js +1 -1
- package/dist/generated/mistica-icons/icon-tow-truck-light.js +1 -1
- package/dist/jss.d.ts +3 -1
- package/dist/package-version.js +1 -1
- package/dist-es/carousel.js +55 -51
- package/dist-es/generated/mistica-icons/icon-chip-device-light.js +5 -1
- package/dist-es/generated/mistica-icons/icon-connections-light.js +1 -1
- package/dist-es/generated/mistica-icons/icon-drink-light.js +1 -1
- package/dist-es/generated/mistica-icons/icon-open-light.js +1 -1
- package/dist-es/generated/mistica-icons/icon-presentation-light.js +1 -1
- package/dist-es/generated/mistica-icons/icon-robot-light.js +1 -1
- package/dist-es/generated/mistica-icons/icon-tow-truck-light.js +1 -1
- package/dist-es/package-version.js +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,15 @@
|
|
|
1
|
+
# [11.2.0](https://github.com/Telefonica/mistica-web/compare/v11.1.0...v11.2.0) (2022-03-24)
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
### Bug Fixes
|
|
5
|
+
|
|
6
|
+
* **icons:** fix some broken icons ([#452](https://github.com/Telefonica/mistica-web/issues/452)) ([226760c](https://github.com/Telefonica/mistica-web/commit/226760c7c5f8d1d5e93913ba9be33904aaa54362))
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Features
|
|
10
|
+
|
|
11
|
+
* **Carousel:** improve the single page case ([#450](https://github.com/Telefonica/mistica-web/issues/450)) ([67c08bd](https://github.com/Telefonica/mistica-web/commit/67c08bdf7f70472879fae7290a976998a12a6f63))
|
|
12
|
+
|
|
1
13
|
# [11.1.0](https://github.com/Telefonica/mistica-web/compare/v11.0.0...v11.1.0) (2022-03-22)
|
|
2
14
|
|
|
3
15
|
|
package/dist/carousel.js
CHANGED
|
@@ -251,6 +251,8 @@ var useStyles = (0, _jss).createUseStyles(function(theme) {
|
|
|
251
251
|
right: -(24 + arrowButtonSize)
|
|
252
252
|
}), _obj1)
|
|
253
253
|
}),
|
|
254
|
+
hasScroll: {},
|
|
255
|
+
centered: {},
|
|
254
256
|
carousel: _objectSpread({
|
|
255
257
|
display: 'flex',
|
|
256
258
|
overflowX: 'auto',
|
|
@@ -260,18 +262,17 @@ var useStyles = (0, _jss).createUseStyles(function(theme) {
|
|
|
260
262
|
return free ? 'initial' : 'x mandatory';
|
|
261
263
|
}
|
|
262
264
|
}, hideScrollbar, _defineProperty({}, theme.mq.tabletOrSmaller, {
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
265
|
+
'&$hasScroll': {
|
|
266
|
+
margin: function margin(param) {
|
|
267
|
+
var sideMargin = param.sideMargin;
|
|
268
|
+
return "0 -".concat(sideMargin, "px");
|
|
269
|
+
}
|
|
266
270
|
},
|
|
267
|
-
'
|
|
271
|
+
'&$centered::before, &$centered::after': {
|
|
268
272
|
content: '""',
|
|
269
273
|
flexShrink: 0,
|
|
270
274
|
display: 'block',
|
|
271
|
-
width:
|
|
272
|
-
var centered = param.centered;
|
|
273
|
-
return centered ? '25%' : 0;
|
|
274
|
-
}
|
|
275
|
+
width: '25%'
|
|
275
276
|
}
|
|
276
277
|
})),
|
|
277
278
|
item: (_obj2 = {
|
|
@@ -295,54 +296,56 @@ var useStyles = (0, _jss).createUseStyles(function(theme) {
|
|
|
295
296
|
scrollMargin: 0
|
|
296
297
|
}
|
|
297
298
|
}, _defineProperty(_obj2, theme.mq.tabletOrSmaller, {
|
|
298
|
-
scrollSnapAlign: function scrollSnapAlign(param) {
|
|
299
|
-
var centered = param.centered;
|
|
300
|
-
return centered ? 'center' : 'start';
|
|
301
|
-
},
|
|
302
|
-
scrollMargin: function scrollMargin(param) {
|
|
303
|
-
var mobilePageOffsetConfig = param.mobilePageOffsetConfig;
|
|
304
|
-
return "".concat(mobilePageOffsetConfig.prev, "px");
|
|
305
|
-
},
|
|
306
299
|
width: function width(param) {
|
|
307
|
-
var itemsPerPageConfig = param.itemsPerPageConfig,
|
|
308
|
-
|
|
309
|
-
return "calc(".concat(100 / itemsPerPageConfig.mobile, "% - ").concat((mobilePageOffsetConfig.next + mobilePageOffsetConfig.prev + gap) / itemsPerPageConfig.mobile, "px)");
|
|
300
|
+
var itemsPerPageConfig = param.itemsPerPageConfig, gap = param.gap;
|
|
301
|
+
return "calc(".concat(100 / itemsPerPageConfig.mobile, "% + ").concat(gap / itemsPerPageConfig.mobile, "px)");
|
|
310
302
|
},
|
|
311
303
|
'&:first-child': {
|
|
312
|
-
paddingLeft: function paddingLeft(param) {
|
|
313
|
-
var centered = param.centered, sideMargin = param.sideMargin;
|
|
314
|
-
return centered ? 0 : sideMargin;
|
|
315
|
-
},
|
|
316
304
|
width: function width(param) {
|
|
317
|
-
var itemsPerPageConfig = param.itemsPerPageConfig,
|
|
305
|
+
var itemsPerPageConfig = param.itemsPerPageConfig, gap = param.gap;
|
|
318
306
|
// prettier-ignore
|
|
319
|
-
return "calc(".concat(100 / itemsPerPageConfig.mobile, "% - ").concat(
|
|
307
|
+
return "calc(".concat(100 / itemsPerPageConfig.mobile, "% - ").concat(gap * (itemsPerPageConfig.mobile - 1) / itemsPerPageConfig.mobile, "px)");
|
|
320
308
|
}
|
|
321
309
|
},
|
|
322
|
-
'
|
|
323
|
-
|
|
324
|
-
|
|
325
|
-
|
|
326
|
-
|
|
310
|
+
scrollSnapAlign: 'start',
|
|
311
|
+
scrollMargin: function scrollMargin(param) {
|
|
312
|
+
var mobilePageOffsetConfig = param.mobilePageOffsetConfig;
|
|
313
|
+
return "".concat(mobilePageOffsetConfig.prev, "px");
|
|
314
|
+
},
|
|
315
|
+
'$hasScroll:not($centered) &': {
|
|
327
316
|
width: function width(param) {
|
|
328
|
-
var itemsPerPageConfig = param.itemsPerPageConfig, mobilePageOffsetConfig = param.mobilePageOffsetConfig, gap = param.gap
|
|
317
|
+
var itemsPerPageConfig = param.itemsPerPageConfig, mobilePageOffsetConfig = param.mobilePageOffsetConfig, gap = param.gap;
|
|
329
318
|
// prettier-ignore
|
|
330
|
-
return "calc(".concat(100 / itemsPerPageConfig.mobile, "% - ").concat((mobilePageOffsetConfig.next + mobilePageOffsetConfig.prev + gap) / itemsPerPageConfig.mobile
|
|
319
|
+
return "calc(".concat(100 / itemsPerPageConfig.mobile, "% - ").concat((mobilePageOffsetConfig.next + mobilePageOffsetConfig.prev + gap) / itemsPerPageConfig.mobile, "px)");
|
|
320
|
+
},
|
|
321
|
+
'&:first-child': {
|
|
322
|
+
paddingLeft: function paddingLeft(param) {
|
|
323
|
+
var sideMargin = param.sideMargin;
|
|
324
|
+
return sideMargin;
|
|
325
|
+
},
|
|
326
|
+
width: function width(param) {
|
|
327
|
+
var itemsPerPageConfig = param.itemsPerPageConfig, mobilePageOffsetConfig = param.mobilePageOffsetConfig, gap = param.gap, sideMargin = param.sideMargin;
|
|
328
|
+
// prettier-ignore
|
|
329
|
+
return "calc(".concat(100 / itemsPerPageConfig.mobile, "% - ").concat((mobilePageOffsetConfig.next + mobilePageOffsetConfig.prev + gap) / itemsPerPageConfig.mobile + gap - sideMargin, "px)");
|
|
330
|
+
}
|
|
331
|
+
},
|
|
332
|
+
'&:last-child': {
|
|
333
|
+
paddingRight: function paddingRight(param) {
|
|
334
|
+
var sideMargin = param.sideMargin;
|
|
335
|
+
return sideMargin;
|
|
336
|
+
},
|
|
337
|
+
width: function width(param) {
|
|
338
|
+
var itemsPerPageConfig = param.itemsPerPageConfig, mobilePageOffsetConfig = param.mobilePageOffsetConfig, gap = param.gap, sideMargin = param.sideMargin;
|
|
339
|
+
// prettier-ignore
|
|
340
|
+
return "calc(".concat(100 / itemsPerPageConfig.mobile, "% - ").concat((mobilePageOffsetConfig.next + mobilePageOffsetConfig.prev + gap) / itemsPerPageConfig.mobile - sideMargin, "px)");
|
|
341
|
+
}
|
|
331
342
|
}
|
|
332
343
|
},
|
|
333
|
-
'
|
|
344
|
+
'$centered &': {
|
|
334
345
|
width: function width() {
|
|
335
346
|
return '50%';
|
|
336
347
|
},
|
|
337
|
-
|
|
338
|
-
return 0;
|
|
339
|
-
},
|
|
340
|
-
paddingRight: function paddingRight() {
|
|
341
|
-
return 0;
|
|
342
|
-
},
|
|
343
|
-
scrollSnapAlign: function scrollSnapAlign() {
|
|
344
|
-
return 'center';
|
|
345
|
-
},
|
|
348
|
+
scrollSnapAlign: 'center',
|
|
346
349
|
scrollMargin: function scrollMargin() {
|
|
347
350
|
return 0;
|
|
348
351
|
}
|
|
@@ -428,7 +431,6 @@ var BaseCarousel = function BaseCarousel(param) {
|
|
|
428
431
|
mobilePageOffsetConfig: mobilePageOffsetConfig,
|
|
429
432
|
free: free,
|
|
430
433
|
gap: gap,
|
|
431
|
-
centered: centered,
|
|
432
434
|
sideMargin: sideMargin
|
|
433
435
|
});
|
|
434
436
|
var carouselRef = React.useRef(null);
|
|
@@ -443,7 +445,7 @@ var BaseCarousel = function BaseCarousel(param) {
|
|
|
443
445
|
var scrollPositions = itemsToScroll ? calcPagesScrollPositions(itemScrollPositions, Math.ceil(items.length / itemsToScroll)) : pagesScrollPositions;
|
|
444
446
|
var showNextArrow = scrollRight1 !== 0;
|
|
445
447
|
var showPrevArrow = scrollLeft1 !== 0;
|
|
446
|
-
|
|
448
|
+
(0, _hooks).useIsomorphicLayoutEffect(function() {
|
|
447
449
|
if (carouselRef.current) {
|
|
448
450
|
var carouselEl = carouselRef.current;
|
|
449
451
|
var handleCarouselChange = function handleCarouselChange() {
|
|
@@ -578,7 +580,10 @@ var BaseCarousel = function BaseCarousel(param) {
|
|
|
578
580
|
var lastShownItemIndex = Math.min((currentPageIndex + 1) * itemsPerPageFloor - 1, items.length - 1);
|
|
579
581
|
var shownItemIndexes = [];
|
|
580
582
|
for(var i = 0; i < itemsPerPageFloor; i++){
|
|
581
|
-
|
|
583
|
+
var idx = lastShownItemIndex - i;
|
|
584
|
+
if (idx >= 0) {
|
|
585
|
+
shownItemIndexes.unshift(idx);
|
|
586
|
+
}
|
|
582
587
|
}
|
|
583
588
|
onPageChange({
|
|
584
589
|
pageIndex: currentPageIndex,
|
|
@@ -599,12 +604,13 @@ var BaseCarousel = function BaseCarousel(param) {
|
|
|
599
604
|
onPress: goToPage
|
|
600
605
|
});
|
|
601
606
|
} else if (withBullets) {
|
|
602
|
-
bullets = /*#__PURE__*/ (0, _jsxRuntime).jsx(PageBullets, {
|
|
607
|
+
bullets = pagesCount > 1 && /*#__PURE__*/ (0, _jsxRuntime).jsx(PageBullets, {
|
|
603
608
|
numPages: pagesCount,
|
|
604
609
|
currentIndex: currentPageIndex,
|
|
605
610
|
onPress: goToPage
|
|
606
611
|
});
|
|
607
612
|
}
|
|
613
|
+
var _obj;
|
|
608
614
|
return(/*#__PURE__*/ (0, _jsxRuntime).jsxs(_stack.default, {
|
|
609
615
|
space: 24,
|
|
610
616
|
dataAttributes: dataAttributes,
|
|
@@ -623,9 +629,7 @@ var BaseCarousel = function BaseCarousel(param) {
|
|
|
623
629
|
})
|
|
624
630
|
}),
|
|
625
631
|
/*#__PURE__*/ (0, _jsxRuntime).jsx("div", {
|
|
626
|
-
className: (0, _classnames).default(classes.carousel, {
|
|
627
|
-
centered: centered
|
|
628
|
-
}),
|
|
632
|
+
className: (0, _classnames).default(classes.carousel, (_obj = {}, _defineProperty(_obj, classes.centered, centered), _defineProperty(_obj, classes.hasScroll, pagesCount > 1), _obj)),
|
|
629
633
|
ref: carouselRef,
|
|
630
634
|
children: items.map(function(item, index) {
|
|
631
635
|
/*#__PURE__*/ return (0, _jsxRuntime).jsx("div", {
|
|
@@ -850,7 +854,7 @@ var Slideshow = function Slideshow(param) {
|
|
|
850
854
|
children: /*#__PURE__*/ (0, _jsxRuntime).jsx(_iconChevronRightRegular.default, {})
|
|
851
855
|
})
|
|
852
856
|
}),
|
|
853
|
-
withBullets && /*#__PURE__*/ (0, _jsxRuntime).jsx(_themeVariantContext.ThemeVariant, {
|
|
857
|
+
withBullets && items.length > 1 && /*#__PURE__*/ (0, _jsxRuntime).jsx(_themeVariantContext.ThemeVariant, {
|
|
854
858
|
isInverse: true,
|
|
855
859
|
children: /*#__PURE__*/ (0, _jsxRuntime).jsx("div", {
|
|
856
860
|
className: classes.bullets,
|
|
@@ -101,12 +101,16 @@ var IconChipDeviceLight = function IconChipDeviceLight(_param) {
|
|
|
101
101
|
}, rest, {
|
|
102
102
|
children: [
|
|
103
103
|
/*#__PURE__*/ (0, _jsxRuntime).jsx("path", {
|
|
104
|
-
d: "M10.626 17.826c-.505 0-.832.266-.832.834 0 .275.075.477.21.614.145.148.358.221.622.221.263 0 .476-.073.621-.221.135-.137.21-.342.21-.614-.002-.568-.33-.834-.832-.
|
|
104
|
+
d: "M10.626 17.826c-.505 0-.832.266-.832.834 0 .275.075.477.21.614.145.148.358.221.622.221.263 0 .476-.073.621-.221.135-.137.21-.342.21-.614-.002-.568-.33-.834-.832-.834z",
|
|
105
105
|
fill: fillColor
|
|
106
106
|
}),
|
|
107
107
|
/*#__PURE__*/ (0, _jsxRuntime).jsx("path", {
|
|
108
108
|
d: "M14.217 21.834H7.032c-1.026 0-1.762-.24-2.25-.734-.487-.493-.72-1.238-.72-2.277V5.167c0-2.025.972-3.01 2.97-3.01h7.185c2.025 0 2.969.957 2.969 3.01v1.365h1.722c.62 0 1.003.383 1.003 1.002v6.746c0 .616-.386 1-1.003 1h-1.722v3.543c0 1.04-.235 1.784-.723 2.277-.487.493-1.221.734-2.246.734zm2.408-16.667c0-1.742-.697-2.45-2.408-2.45H7.032c-1.69 0-2.41.733-2.41 2.45v13.656c0 .885.183 1.501.561 1.885.378.384.98.569 1.849.569h7.185c.868 0 1.473-.185 1.848-.569.376-.384.56-1 .56-1.885V15.28H14.89c-.62 0-1.003-.384-1.003-1.003V8.445a.29.29 0 01.081-.2l1.639-1.632a.277.277 0 01.199-.081h.82V5.167zm2.283 9.552c.311 0 .443-.131.443-.442V7.532c0-.311-.132-.443-.443-.443h-2.986l-1.473 1.47v5.718c0 .31.132.442.443.442h4.016z",
|
|
109
109
|
fill: fillColor
|
|
110
|
+
}),
|
|
111
|
+
/*#__PURE__*/ (0, _jsxRuntime).jsx("path", {
|
|
112
|
+
d: "M18.586 13.775h-3.375a.281.281 0 01-.28-.28V9.95a.28.28 0 01.28-.28h3.375a.28.28 0 01.28.28v3.543a.282.282 0 01-.28.283zm-.28-1.686v-.734h-2.814v.734h2.814zm-1.129-1.294v-.566h-.563v.566h.563zm-1.123 0v-.566h-.563v.566h.563zm-.56 1.854v.566h.56v-.566h-.56zm1.12 0v.566h.563v-.566h-.563zm1.692-1.854h-.568v-.566h.568v.566zm0 2.42v-.566h-.568v.566h.568z",
|
|
113
|
+
fill: fillColor
|
|
110
114
|
})
|
|
111
115
|
]
|
|
112
116
|
})));
|
|
@@ -121,7 +121,7 @@ var IconConnectionsLight = function IconConnectionsLight(_param) {
|
|
|
121
121
|
role: "presentation"
|
|
122
122
|
}, rest, {
|
|
123
123
|
children: /*#__PURE__*/ (0, _jsxRuntime).jsx("path", {
|
|
124
|
-
d: "
|
|
124
|
+
d: "M15.68 13.316a3.626 3.626 0 012.485-.994s.008-.031.005-.034a3.674 3.674 0 013.67 3.672 3.67 3.67 0 01-3.67 3.672 3.632 3.632 0 01-2.865-1.409l-2.171.995a2.122 2.122 0 01-1.406 2.521 2.12 2.12 0 01-2.673-1.361 2.121 2.121 0 013.734-1.905l2.07-.961a3.66 3.66 0 01.283-3.605l-1.921-1.658a3.602 3.602 0 01-2.163.745 3.494 3.494 0 01-2.204-.83l-1.782 1.749c.202.37.308.781.308 1.201a2.61 2.61 0 01-4.454 1.857 2.612 2.612 0 01-.77-1.851 2.612 2.612 0 012.614-2.608 2.575 2.575 0 011.806.728l1.656-1.655a3.463 3.463 0 01-.347-3.863L5.938 6.064A2.13 2.13 0 012.63 4.28a2.128 2.128 0 114.255.016 2.09 2.09 0 01-.365 1.185l1.832 1.642a3.548 3.548 0 016 1.078l2.785-.829a3.218 3.218 0 010-.232 2.271 2.271 0 014.456-.692 2.27 2.27 0 01-4.182 1.686l-2.823.829c.028.148.039.297.042.448a3.55 3.55 0 01-.83 2.247l1.88 1.658zM20.882 7.1a1.458 1.458 0 10-2.916-.003 1.458 1.458 0 002.916.003zM4.758 5.593c.003 0 .006 0 .009-.003A1.29 1.29 0 006.06 4.3v-.006c0-.718-.583-1.303-1.3-1.303-.717 0-1.302.583-1.302 1.3 0 .717.582 1.302 1.3 1.302zM9.753 19.75a1.303 1.303 0 001.31 1.291 1.29 1.29 0 001.292-1.294v-.017a1.303 1.303 0 00-1.31-1.29 1.303 1.303 0 00-1.292 1.31zm-4.995-6.372a1.782 1.782 0 10.002 3.564 1.782 1.782 0 00-.002-3.564zm6.289-6.698a2.741 2.741 0 100 5.485 2.741 2.741 0 002.742-2.743 2.741 2.741 0 00-2.742-2.742zm7.12 6.473a2.843 2.843 0 00-.002 5.684 2.843 2.843 0 00.003-5.684z",
|
|
125
125
|
fill: fillColor
|
|
126
126
|
})
|
|
127
127
|
})));
|
|
@@ -100,7 +100,7 @@ var IconDrinkLight = function IconDrinkLight(_param) {
|
|
|
100
100
|
role: "presentation"
|
|
101
101
|
}, rest, {
|
|
102
102
|
children: /*#__PURE__*/ (0, _jsxRuntime).jsx("path", {
|
|
103
|
-
d: "M20.948 5.63a.407.407 0 00-.162-.558l-3.676-2.02a.415.415 0 00-.61.262l-.647 2.667h-9.6c-.693 0-1.256.554-1.253 1.281l1.628 13.505c0 .681.563 1.233 1.257 1.233h8.238c.691 0 1.254-.552 1.252-1.184L19.014 7.21c0-.679-.566-1.233-1.257-1.233h-1.049l.475-1.95 3.196 1.758c.202.11.454.04.569-.157zM6.25 6.796h9.403l-.675 2.774H6.115l-.287-2.36c0-.23.19-.414.423-.414zm10.258 0h1.245c.235 0 .424.187.426.365l-.29 2.41H15.83l.678-2.775zm1.284 3.593l-1.249 10.383a.42.42 0 01-.423.413H7.885c-.233 0-.424-.186-.426-.462L6.213 10.39h8.561l-2.22 9.12v.003a.408.408 0 00.308.489h.002a.415.415 0 00.5-.303l2.268-9.309h2.16zm-7.819 3.742c.
|
|
103
|
+
d: "M20.948 5.63a.407.407 0 00-.162-.558l-3.676-2.02a.415.415 0 00-.61.262l-.647 2.667h-9.6c-.693 0-1.256.554-1.253 1.281l1.628 13.505c0 .681.563 1.233 1.257 1.233h8.238c.691 0 1.254-.552 1.252-1.184L19.014 7.21c0-.679-.566-1.233-1.257-1.233h-1.049l.475-1.95 3.196 1.758c.202.11.454.04.569-.157zM6.25 6.796h9.403l-.675 2.774H6.115l-.287-2.36c0-.23.19-.414.423-.414zm10.258 0h1.245c.235 0 .424.187.426.365l-.29 2.41H15.83l.678-2.775zm1.284 3.593l-1.249 10.383a.42.42 0 01-.423.413H7.885c-.233 0-.424-.186-.426-.462L6.213 10.39h8.561l-2.22 9.12v.003a.408.408 0 00.308.489h.002a.415.415 0 00.5-.303l2.268-9.309h2.16zm-7.819 3.742c-.303.298-.592.398-.841.395-.39 0-.686-.243-.787-.343l-.079-.079c-.158-.162-.727-.849.05-1.611.297-.292.584-.39.832-.39.4 0 .702.252.8.344l.077.075c.167.168.73.844-.052 1.61zm.588.576c.978-.96.737-2.074.063-2.755a1.584 1.584 0 00-.099-.092c-.183-.173-.683-.573-1.38-.573-.357 0-.893.108-1.423.63-.967.949-.726 2.066-.062 2.752.02.022.04.042.062.063l.033.032c.183.176.678.581 1.374.581.358 0 .896-.11 1.432-.638zM11.79 16.6l-.068-.068a1.5 1.5 0 00-1.017-.41c-.267 0-.669.078-1.051.456-.71.698-.522 1.547-.041 2.039l.063.062c.278.268.65.424 1.019.424.27 0 .669-.078 1.057-.46.718-.705.521-1.554.038-2.043zm-.626 1.462c-.169.165-.33.222-.47.222a.67.67 0 01-.437-.192l-.043-.043c-.085-.09-.402-.473.03-.895.164-.165.325-.219.462-.219.223 0 .39.14.445.192.013.01.03.027.043.04.093.092.405.468-.03.895z",
|
|
104
104
|
fill: fillColor
|
|
105
105
|
})
|
|
106
106
|
})));
|
|
@@ -100,7 +100,7 @@ var IconOpenLight = function IconOpenLight(_param) {
|
|
|
100
100
|
role: "presentation"
|
|
101
101
|
}, rest, {
|
|
102
102
|
children: /*#__PURE__*/ (0, _jsxRuntime).jsx("path", {
|
|
103
|
-
d: "M21.843 19.616l-.02-5.944c.036-.675-.154-1.255-.555-1.678a2.11 2.11 0 00-1.204-.62h-.001l-.001-.002-.001-.002-.001-.002-.002-.002-6.577-6.557c.165-.263.264-.572.264-.905a1.75 1.75 0 00-1.746-1.748c-.963 0-1.745.785-1.745 1.748 0 .32.093.633.26.905l-6.531 6.535a.053.053 0 00-.015.02l-.008.013a2.208 2.208 0 00-1.804 2.182l.02 5.945c-.037.675.154 1.255.552 1.677.395.42.977.656 1.641.662l15.258-.003a2.217 2.217 0 002.216-2.224zM11.12 3.952a.93.93 0 01.88-.978.929.929 0 01.879.883.926.926 0 01-.88.974.926.926 0 01-.88-.88zm9.905 15.666a1.399 1.399 0 01-1.395 1.401l-15.252.006c-.443-.003-.807-.143-1.05-.401-.242-.258-.357-.627-.331-1.098l-.02-5.966c0-.376.143-.726.409-.992.263-.266.616-.412.989-.412l15.252-.003c.442.003.804.14 1.047.401.241.258.356.627.331 1.098l.02 5.966zM11.999 5.65c.334 0 .642-.098.908-.26l5.96 5.944-13.72.002 5.945-5.95c.266.166.574.264.907.264zM6.997 17.562c
|
|
103
|
+
d: "M21.843 19.616l-.02-5.944c.036-.675-.154-1.255-.555-1.678a2.11 2.11 0 00-1.204-.62h-.001l-.001-.002-.001-.002-.001-.002-.002-.002-6.577-6.557c.165-.263.264-.572.264-.905a1.75 1.75 0 00-1.746-1.748c-.963 0-1.745.785-1.745 1.748 0 .32.093.633.26.905l-6.531 6.535a.053.053 0 00-.015.02l-.008.013a2.208 2.208 0 00-1.804 2.182l.02 5.945c-.037.675.154 1.255.552 1.677.395.42.977.656 1.641.662l15.258-.003a2.217 2.217 0 002.216-2.224zM11.12 3.952a.93.93 0 01.88-.978.929.929 0 01.879.883.926.926 0 01-.88.974.926.926 0 01-.88-.88zm9.905 15.666a1.399 1.399 0 01-1.395 1.401l-15.252.006c-.443-.003-.807-.143-1.05-.401-.242-.258-.357-.627-.331-1.098l-.02-5.966c0-.376.143-.726.409-.992.263-.266.616-.412.989-.412l15.252-.003c.442.003.804.14 1.047.401.241.258.356.627.331 1.098l.02 5.966zM11.999 5.65c.334 0 .642-.098.908-.26l5.96 5.944-13.72.002 5.945-5.95c.266.166.574.264.907.264zM6.997 17.562c-.227 0-.647 0-.647-1.137 0-1.146.42-1.146.647-1.146.226 0 .644 0 .644 1.146 0 1.137-.42 1.137-.644 1.137zm1.397-1.137c0-1.647-.874-1.893-1.397-1.893-.527 0-1.404.246-1.404 1.893 0 1.56.765 1.888 1.404 1.888.638 0 1.397-.325 1.397-1.888zm2.81-1.524c-.196-.21-.488-.31-.897-.31 0 0-.845 0-.851-.003a.31.31 0 00-.308.308v3.05c0 .171.14.308.308.308h.134a.31.31 0 00.309-.308v-.907h.501c.364 0 .636-.11.826-.33.19-.214.283-.505.283-.894 0-.393-.1-.7-.305-.914zm2.826 2.617c.168 0 .308.137.308.308v.12a.309.309 0 01-.308.308h-1.5a.31.31 0 01-.308-.308v-3.05a.31.31 0 01.308-.308h1.456c.168 0 .309.137.309.305a.276.276 0 01-.009.067l-.028.12a.308.308 0 01-.3.242h-.988v.705h.776a.31.31 0 01.308.308v.121a.309.309 0 01-.309.308h-.775v.754h1.061zm3.717-2.62a.307.307 0 00-.308-.308s-.123 0-.12-.005a.31.31 0 00-.308.308v1.762l-1.28-1.93a.3.3 0 00-.255-.137h-.098a.31.31 0 00-.309.308v3.056c0 .17.14.308.309.308h.126a.31.31 0 00.308-.308V16.19l1.271 1.93a.3.3 0 00.255.137h.101c.171 0 .308-.14.308-.308v-3.05zm-7.084 1.323c-.036.042-.075.084-.32.087H9.9v-.984h.389c.258 0 .339.062.361.087.068.076.104.227.104.415 0 .24-.034.33-.09.395z",
|
|
104
104
|
fill: fillColor
|
|
105
105
|
})
|
|
106
106
|
})));
|
|
@@ -100,7 +100,7 @@ var IconPresentationLight = function IconPresentationLight(_param) {
|
|
|
100
100
|
role: "presentation"
|
|
101
101
|
}, rest, {
|
|
102
102
|
children: /*#__PURE__*/ (0, _jsxRuntime).jsx("path", {
|
|
103
|
-
d: "M20.792 6.207a.686.686 0 01.222.484v.692c0 .367-.331.647-.821.75.03.096.061.191.061.295v8.479c0 .557-.52 1.006-1.168 1.006h-6.705v1.663c.462.127.829.485.829 1.104 0 .787-.591 1.154-1.166 1.163h-.1c-.578-.009-1.169-.367-1.169-1.163 0-.639.384-1 .838-1.118v-1.647l-6.667-.008c-.445.03-.745-.146-.899-.286a.97.97 0 01-.316-.706V8.434a.9.9 0 01.061-.295c-.246-.05-.454-.131-.59-.263a.69.69 0 01-.233-.484l.008-.692c0-.463.524-.793 1.247-.793h2.742l3.91-2.081a1.261 1.261 0 01-.1-.507c0-.796.59-1.154 1.176-1.163h.092c.577.017 1.166.384 1.166 1.168 0 .177-.031.34-.093.48l3.65 2.103h2.958c.468-.017.835.092 1.067.3zM11.54 3.316c0
|
|
103
|
+
d: "M20.792 6.207a.686.686 0 01.222.484v.692c0 .367-.331.647-.821.75.03.096.061.191.061.295v8.479c0 .557-.52 1.006-1.168 1.006h-6.705v1.663c.462.127.829.485.829 1.104 0 .787-.591 1.154-1.166 1.163h-.1c-.578-.009-1.169-.367-1.169-1.163 0-.639.384-1 .838-1.118v-1.647l-6.667-.008c-.445.03-.745-.146-.899-.286a.97.97 0 01-.316-.706V8.434a.9.9 0 01.061-.295c-.246-.05-.454-.131-.59-.263a.69.69 0 01-.233-.484l.008-.692c0-.463.524-.793 1.247-.793h2.742l3.91-2.081a1.261 1.261 0 01-.1-.507c0-.796.59-1.154 1.176-1.163h.092c.577.017 1.166.384 1.166 1.168 0 .177-.031.34-.093.48l3.65 2.103h2.958c.468-.017.835.092 1.067.3zM11.54 3.316c0 .12 0 .426.423.434.476-.006.476-.314.476-.426 0-.117 0-.425-.423-.434.003-.003-.067-.003-.067-.003-.409 0-.409.308-.409.429zm-.106 1.05L8.546 5.904h6.737l-2.698-1.552a1.373 1.373 0 01-.546.132h-.084a1.398 1.398 0 01-.521-.118zm8.826 2.95s.07-.011.07-.286c0-.26-.092-.333-.092-.333-.042-.034-.138-.056-.451-.056H4.116c-.212-.002-.274-.003-.374.092-.003 0-.067.07-.065.328.003.24.115.308.115.308l.007.005c.057.042.097.07.4.07h15.57c.292-.002.469-.092.491-.128zm-.776 9.588V8.436a.232.232 0 00-.07-.176c-.053-.05-.151-.065-.269-.081H4.82c-.176.03-.322.131-.322.257v8.48a.2.2 0 00.079.167c.07.065.193.087.353.087l14.16.009c.204 0 .394-.126.394-.275zm-3.602-1.543a.381.381 0 00-.384-.367h-7.16l1.258-1.869 2.605.97c.154.056.33.01.437-.118l1.927-2.316.06.38c.024.177.193.309.377.309h.054c.215-.037.36-.222.322-.418l-.185-1.185a.382.382 0 00-.378-.308h-1.367a.37.37 0 00-.384.367v.009c.006.204.18.364.384.358h.53l-1.768 2.132-2.636-.978a.38.38 0 00-.462.149L7.815 14.41v-3.955a.377.377 0 00-.384-.367.381.381 0 00-.384.367v4.905c.006.207.177.37.384.367h8.067a.375.375 0 00.384-.367zm-3.443 5.316c0-.117 0-.42-.423-.425h-.07c-.409 0-.409.308-.409.425 0 .11 0 .426.415.426.487-.006.487-.308.487-.426z",
|
|
104
104
|
fill: fillColor
|
|
105
105
|
})
|
|
106
106
|
})));
|
|
@@ -113,7 +113,7 @@ var IconRobotLight = function IconRobotLight(_param) {
|
|
|
113
113
|
role: "presentation"
|
|
114
114
|
}, rest, {
|
|
115
115
|
children: /*#__PURE__*/ (0, _jsxRuntime).jsx("path", {
|
|
116
|
-
d: "M18.07 12.974h-4.35v.703h6.484c.463 0 .84.37.84.823v6.513a.832.832 0 01-.84.823H3.84a.834.834 0 01-.84-.823V14.5c0-.454.375-.823.84-.823h6.485v-.703H5.986a.834.834 0 01-.84-.824v-1.115H3.84a.834.834 0 01-.84-.823V7.038c0-.454.375-.824.84-.824h1.306V4.315a.83.83 0 01.84-.823h5.616v-.376a.562.562 0 01-.162-.395c0-.316.263-.571.582-.571a.58.58 0 01.586.571.553.553 0 01-.165.395v.376h5.63c.462 0 .84.367.84.823v1.91h1.294c.462 0 .84.368.84.824v3.174a.834.834 0 01-.84.823h-1.294v1.104a.838.838 0 01-.843.824zM5.986 12.15H18.07V4.315H5.986v7.835zm-.84-1.938V7.038H3.84v3.174h1.306zm7.734 3.462v-.69h-1.715v.69h1.715zm7.324.823H3.84v6.513h2.43c0-.005-.002-.01-.004-.016a.06.06 0 01-.004-.02V16.8a.83.83 0 01.84-.824h9.84c.462 0 .84.367.84.824v4.174a.07.07 0 01-.005.026.132.132 0 00-.003.01h2.431v-6.513zM7.101 20.974h9.84V16.8h-9.84v4.174zm13.104-10.751V7.049H18.91v3.174h1.294zM10.198 7.349a.
|
|
116
|
+
d: "M18.07 12.974h-4.35v.703h6.484c.463 0 .84.37.84.823v6.513a.832.832 0 01-.84.823H3.84a.834.834 0 01-.84-.823V14.5c0-.454.375-.823.84-.823h6.485v-.703H5.986a.834.834 0 01-.84-.824v-1.115H3.84a.834.834 0 01-.84-.823V7.038c0-.454.375-.824.84-.824h1.306V4.315a.83.83 0 01.84-.823h5.616v-.376a.562.562 0 01-.162-.395c0-.316.263-.571.582-.571a.58.58 0 01.586.571.553.553 0 01-.165.395v.376h5.63c.462 0 .84.367.84.823v1.91h1.294c.462 0 .84.368.84.824v3.174a.834.834 0 01-.84.823h-1.294v1.104a.838.838 0 01-.843.824zM5.986 12.15H18.07V4.315H5.986v7.835zm-.84-1.938V7.038H3.84v3.174h1.306zm7.734 3.462v-.69h-1.715v.69h1.715zm7.324.823H3.84v6.513h2.43c0-.005-.002-.01-.004-.016a.06.06 0 01-.004-.02V16.8a.83.83 0 01.84-.824h9.84c.462 0 .84.367.84.824v4.174a.07.07 0 01-.005.026.132.132 0 00-.003.01h2.431v-6.513zM7.101 20.974h9.84V16.8h-9.84v4.174zm13.104-10.751V7.049H18.91v3.174h1.294zM10.198 7.349a.681.681 0 00-.686-.675.681.681 0 00-.687.675.68.68 0 00.687.672.68.68 0 00.686-.672zm.84 0c0 .826-.683 1.496-1.526 1.496-.844 0-1.527-.673-1.527-1.496 0-.826.683-1.496 1.527-1.496a1.51 1.51 0 011.526 1.496zm3.504-1.518c.844 0 1.527.672 1.527 1.498 0 .827-.683 1.496-1.527 1.496-.843 0-1.526-.672-1.526-1.496 0-.823.683-1.498 1.526-1.498zm-.338 4.308a.416.416 0 00-.42-.412h-3.513a.416.416 0 00-.42.412c0 .227.187.412.42.412h3.512c.233 0 .42-.185.42-.412zm.338-2.137a.68.68 0 00.687-.673.681.681 0 00-.687-.675.682.682 0 00-.686.675c0 .37.308.673.686.673z",
|
|
117
117
|
fill: fillColor
|
|
118
118
|
})
|
|
119
119
|
})));
|
|
@@ -100,7 +100,7 @@ var IconTowTruckLight = function IconTowTruckLight(_param) {
|
|
|
100
100
|
role: "presentation"
|
|
101
101
|
}, rest, {
|
|
102
102
|
children: /*#__PURE__*/ (0, _jsxRuntime).jsx("path", {
|
|
103
|
-
d: "
|
|
103
|
+
d: "M21.067 10.829a493.96 493.96 0 01-3.407-4.501c-.428-.594-1.196-.975-1.95-.975h-4.394a.407.407 0 00-.41.406v5.294L6.272 4.375a.41.41 0 00-.336-.176l-1.47-.011h-.003a.41.41 0 00-.163.042.4.4 0 00-.286.38l-.008 4.247c.006.056-.006.322-.14.468l-.002.002c-.03.03-.115.115-.351.118h-.006c-.26 0-.344-.092-.372-.123-.132-.146-.137-.423-.129-.504a.405.405 0 00-.356-.451h-.003a.404.404 0 00-.453.35v.006c-.009.07-.07.697.33 1.14.165.182.468.395.986.395h.011c.493-.003.788-.21.95-.381.392-.423.361-1.014.356-1.048l.005-2.58 2.412 4.832H2.565a.407.407 0 00-.409.406v4.47c0 .53.236 1.068.647 1.477.353.35.807.555 1.322.616.395 1.098 1.367 1.726 2.765 1.726 1.39 0 2.359-.616 2.76-1.698h4.187c.4 1.084 1.37 1.698 2.759 1.698 1.39 0 2.359-.616 2.76-1.698h.35c.534 0 1.078-.232 1.487-.641.411-.41.65-.947.65-1.476v-3.398c0-.725-.48-1.348-.769-1.724l-.007-.01zM5.123 5.005l.593.006 4.096 5.902-1.74-.003-2.95-5.905zm15.902 7.56c-.003-.002-.003 3.393-.003 3.393 0 .313-.149.644-.41.899-.26.258-.59.406-.907.406h-.179l.01-.093c.012-.108.024-.217.024-.333 0-1.84-1.107-2.935-2.964-2.935-1.854 0-2.964 1.098-2.964 2.935 0 .118.012.225.024.332l.01.094H9.823l.01-.092c.012-.11.024-.218.024-.334 0-1.84-1.107-2.935-2.964-2.935-1.854 0-2.96 1.098-2.96 2.935 0 .093.009.18.018.268l.01.088a1.351 1.351 0 01-.575-.333c-.258-.258-.409-.586-.409-.9v-4.067h8.339a.407.407 0 00.409-.406V6.165h3.983c.485 0 1.011.263 1.286.639a538.01 538.01 0 003.423 4.524c.227.29.608.781.608 1.238zm-6.572 4.272c0-1.389.742-2.123 2.143-2.123 1.4 0 2.143.734 2.143 2.123 0 1.39-.742 2.124-2.143 2.124-1.4 0-2.143-.734-2.143-2.124zm-7.56 2.124c-1.4 0-2.14-.734-2.14-2.124 0-1.389.74-2.123 2.14-2.123 1.403 0 2.143.734 2.143 2.123 0 1.39-.74 2.124-2.143 2.124z",
|
|
104
104
|
fill: fillColor
|
|
105
105
|
})
|
|
106
106
|
})));
|
package/dist/jss.d.ts
CHANGED
|
@@ -9,7 +9,9 @@ declare type CSSValue = void | number | boolean | string | ((props: any) => stri
|
|
|
9
9
|
declare type ClassDefinition = {
|
|
10
10
|
[cssProp: string]: CSSValue | {
|
|
11
11
|
[cssProp: string]: CSSValue | {
|
|
12
|
-
[cssProp: string]: CSSValue
|
|
12
|
+
[cssProp: string]: CSSValue | {
|
|
13
|
+
[cssProp: string]: CSSValue;
|
|
14
|
+
};
|
|
13
15
|
};
|
|
14
16
|
};
|
|
15
17
|
};
|
package/dist/package-version.js
CHANGED
package/dist-es/carousel.js
CHANGED
|
@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import IconChevronLeftRegular from './generated/mistica-icons/icon-chevron-left-regular';
|
|
4
4
|
import IconChevronRightRegular from './generated/mistica-icons/icon-chevron-right-regular';
|
|
5
|
-
import { useIsInViewport, useScreenSize, useTheme } from './hooks';
|
|
5
|
+
import { useIsInViewport, useIsomorphicLayoutEffect, useScreenSize, useTheme } from './hooks';
|
|
6
6
|
import Inline from './inline';
|
|
7
7
|
import { createUseStyles } from './jss';
|
|
8
8
|
import Stack from './stack';
|
|
@@ -218,6 +218,8 @@ var useStyles = createUseStyles(function(theme) {
|
|
|
218
218
|
right: -(24 + arrowButtonSize)
|
|
219
219
|
}), _obj1)
|
|
220
220
|
}),
|
|
221
|
+
hasScroll: {},
|
|
222
|
+
centered: {},
|
|
221
223
|
carousel: _objectSpread({
|
|
222
224
|
display: 'flex',
|
|
223
225
|
overflowX: 'auto',
|
|
@@ -227,18 +229,17 @@ var useStyles = createUseStyles(function(theme) {
|
|
|
227
229
|
return free ? 'initial' : 'x mandatory';
|
|
228
230
|
}
|
|
229
231
|
}, hideScrollbar, _defineProperty({}, theme.mq.tabletOrSmaller, {
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
232
|
+
'&$hasScroll': {
|
|
233
|
+
margin: function(param) {
|
|
234
|
+
var sideMargin = param.sideMargin;
|
|
235
|
+
return "0 -".concat(sideMargin, "px");
|
|
236
|
+
}
|
|
233
237
|
},
|
|
234
|
-
'
|
|
238
|
+
'&$centered::before, &$centered::after': {
|
|
235
239
|
content: '""',
|
|
236
240
|
flexShrink: 0,
|
|
237
241
|
display: 'block',
|
|
238
|
-
width:
|
|
239
|
-
var centered = param.centered;
|
|
240
|
-
return centered ? '25%' : 0;
|
|
241
|
-
}
|
|
242
|
+
width: '25%'
|
|
242
243
|
}
|
|
243
244
|
})),
|
|
244
245
|
item: (_obj2 = {
|
|
@@ -262,54 +263,56 @@ var useStyles = createUseStyles(function(theme) {
|
|
|
262
263
|
scrollMargin: 0
|
|
263
264
|
}
|
|
264
265
|
}, _defineProperty(_obj2, theme.mq.tabletOrSmaller, {
|
|
265
|
-
scrollSnapAlign: function(param) {
|
|
266
|
-
var centered = param.centered;
|
|
267
|
-
return centered ? 'center' : 'start';
|
|
268
|
-
},
|
|
269
|
-
scrollMargin: function(param) {
|
|
270
|
-
var mobilePageOffsetConfig = param.mobilePageOffsetConfig;
|
|
271
|
-
return "".concat(mobilePageOffsetConfig.prev, "px");
|
|
272
|
-
},
|
|
273
266
|
width: function(param) {
|
|
274
|
-
var itemsPerPageConfig = param.itemsPerPageConfig,
|
|
275
|
-
|
|
276
|
-
return "calc(".concat(100 / itemsPerPageConfig.mobile, "% - ").concat((mobilePageOffsetConfig.next + mobilePageOffsetConfig.prev + gap) / itemsPerPageConfig.mobile, "px)");
|
|
267
|
+
var itemsPerPageConfig = param.itemsPerPageConfig, gap = param.gap;
|
|
268
|
+
return "calc(".concat(100 / itemsPerPageConfig.mobile, "% + ").concat(gap / itemsPerPageConfig.mobile, "px)");
|
|
277
269
|
},
|
|
278
270
|
'&:first-child': {
|
|
279
|
-
paddingLeft: function(param) {
|
|
280
|
-
var centered = param.centered, sideMargin = param.sideMargin;
|
|
281
|
-
return centered ? 0 : sideMargin;
|
|
282
|
-
},
|
|
283
271
|
width: function(param) {
|
|
284
|
-
var itemsPerPageConfig = param.itemsPerPageConfig,
|
|
272
|
+
var itemsPerPageConfig = param.itemsPerPageConfig, gap = param.gap;
|
|
285
273
|
// prettier-ignore
|
|
286
|
-
return "calc(".concat(100 / itemsPerPageConfig.mobile, "% - ").concat(
|
|
274
|
+
return "calc(".concat(100 / itemsPerPageConfig.mobile, "% - ").concat(gap * (itemsPerPageConfig.mobile - 1) / itemsPerPageConfig.mobile, "px)");
|
|
287
275
|
}
|
|
288
276
|
},
|
|
289
|
-
'
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
|
|
277
|
+
scrollSnapAlign: 'start',
|
|
278
|
+
scrollMargin: function(param) {
|
|
279
|
+
var mobilePageOffsetConfig = param.mobilePageOffsetConfig;
|
|
280
|
+
return "".concat(mobilePageOffsetConfig.prev, "px");
|
|
281
|
+
},
|
|
282
|
+
'$hasScroll:not($centered) &': {
|
|
294
283
|
width: function(param) {
|
|
295
|
-
var itemsPerPageConfig = param.itemsPerPageConfig, mobilePageOffsetConfig = param.mobilePageOffsetConfig, gap = param.gap
|
|
284
|
+
var itemsPerPageConfig = param.itemsPerPageConfig, mobilePageOffsetConfig = param.mobilePageOffsetConfig, gap = param.gap;
|
|
296
285
|
// prettier-ignore
|
|
297
|
-
return "calc(".concat(100 / itemsPerPageConfig.mobile, "% - ").concat((mobilePageOffsetConfig.next + mobilePageOffsetConfig.prev + gap) / itemsPerPageConfig.mobile
|
|
286
|
+
return "calc(".concat(100 / itemsPerPageConfig.mobile, "% - ").concat((mobilePageOffsetConfig.next + mobilePageOffsetConfig.prev + gap) / itemsPerPageConfig.mobile, "px)");
|
|
287
|
+
},
|
|
288
|
+
'&:first-child': {
|
|
289
|
+
paddingLeft: function(param) {
|
|
290
|
+
var sideMargin = param.sideMargin;
|
|
291
|
+
return sideMargin;
|
|
292
|
+
},
|
|
293
|
+
width: function(param) {
|
|
294
|
+
var itemsPerPageConfig = param.itemsPerPageConfig, mobilePageOffsetConfig = param.mobilePageOffsetConfig, gap = param.gap, sideMargin = param.sideMargin;
|
|
295
|
+
// prettier-ignore
|
|
296
|
+
return "calc(".concat(100 / itemsPerPageConfig.mobile, "% - ").concat((mobilePageOffsetConfig.next + mobilePageOffsetConfig.prev + gap) / itemsPerPageConfig.mobile + gap - sideMargin, "px)");
|
|
297
|
+
}
|
|
298
|
+
},
|
|
299
|
+
'&:last-child': {
|
|
300
|
+
paddingRight: function(param) {
|
|
301
|
+
var sideMargin = param.sideMargin;
|
|
302
|
+
return sideMargin;
|
|
303
|
+
},
|
|
304
|
+
width: function(param) {
|
|
305
|
+
var itemsPerPageConfig = param.itemsPerPageConfig, mobilePageOffsetConfig = param.mobilePageOffsetConfig, gap = param.gap, sideMargin = param.sideMargin;
|
|
306
|
+
// prettier-ignore
|
|
307
|
+
return "calc(".concat(100 / itemsPerPageConfig.mobile, "% - ").concat((mobilePageOffsetConfig.next + mobilePageOffsetConfig.prev + gap) / itemsPerPageConfig.mobile - sideMargin, "px)");
|
|
308
|
+
}
|
|
298
309
|
}
|
|
299
310
|
},
|
|
300
|
-
'
|
|
311
|
+
'$centered &': {
|
|
301
312
|
width: function() {
|
|
302
313
|
return '50%';
|
|
303
314
|
},
|
|
304
|
-
|
|
305
|
-
return 0;
|
|
306
|
-
},
|
|
307
|
-
paddingRight: function() {
|
|
308
|
-
return 0;
|
|
309
|
-
},
|
|
310
|
-
scrollSnapAlign: function() {
|
|
311
|
-
return 'center';
|
|
312
|
-
},
|
|
315
|
+
scrollSnapAlign: 'center',
|
|
313
316
|
scrollMargin: function() {
|
|
314
317
|
return 0;
|
|
315
318
|
}
|
|
@@ -395,7 +398,6 @@ var BaseCarousel = function(param) {
|
|
|
395
398
|
mobilePageOffsetConfig: mobilePageOffsetConfig,
|
|
396
399
|
free: free,
|
|
397
400
|
gap: gap,
|
|
398
|
-
centered: centered,
|
|
399
401
|
sideMargin: sideMargin
|
|
400
402
|
});
|
|
401
403
|
var carouselRef = React.useRef(null);
|
|
@@ -410,7 +412,7 @@ var BaseCarousel = function(param) {
|
|
|
410
412
|
var scrollPositions = itemsToScroll ? calcPagesScrollPositions(itemScrollPositions, Math.ceil(items.length / itemsToScroll)) : pagesScrollPositions;
|
|
411
413
|
var showNextArrow = scrollRight1 !== 0;
|
|
412
414
|
var showPrevArrow = scrollLeft1 !== 0;
|
|
413
|
-
|
|
415
|
+
useIsomorphicLayoutEffect(function() {
|
|
414
416
|
if (carouselRef.current) {
|
|
415
417
|
var carouselEl = carouselRef.current;
|
|
416
418
|
var handleCarouselChange = function() {
|
|
@@ -545,7 +547,10 @@ var BaseCarousel = function(param) {
|
|
|
545
547
|
var lastShownItemIndex = Math.min((currentPageIndex + 1) * itemsPerPageFloor - 1, items.length - 1);
|
|
546
548
|
var shownItemIndexes = [];
|
|
547
549
|
for(var i = 0; i < itemsPerPageFloor; i++){
|
|
548
|
-
|
|
550
|
+
var idx = lastShownItemIndex - i;
|
|
551
|
+
if (idx >= 0) {
|
|
552
|
+
shownItemIndexes.unshift(idx);
|
|
553
|
+
}
|
|
549
554
|
}
|
|
550
555
|
onPageChange({
|
|
551
556
|
pageIndex: currentPageIndex,
|
|
@@ -566,12 +571,13 @@ var BaseCarousel = function(param) {
|
|
|
566
571
|
onPress: goToPage
|
|
567
572
|
});
|
|
568
573
|
} else if (withBullets) {
|
|
569
|
-
bullets = /*#__PURE__*/ _jsx(PageBullets, {
|
|
574
|
+
bullets = pagesCount > 1 && /*#__PURE__*/ _jsx(PageBullets, {
|
|
570
575
|
numPages: pagesCount,
|
|
571
576
|
currentIndex: currentPageIndex,
|
|
572
577
|
onPress: goToPage
|
|
573
578
|
});
|
|
574
579
|
}
|
|
580
|
+
var _obj;
|
|
575
581
|
return(/*#__PURE__*/ _jsxs(Stack, {
|
|
576
582
|
space: 24,
|
|
577
583
|
dataAttributes: dataAttributes,
|
|
@@ -590,9 +596,7 @@ var BaseCarousel = function(param) {
|
|
|
590
596
|
})
|
|
591
597
|
}),
|
|
592
598
|
/*#__PURE__*/ _jsx("div", {
|
|
593
|
-
className: classNames(classes.carousel, {
|
|
594
|
-
centered: centered
|
|
595
|
-
}),
|
|
599
|
+
className: classNames(classes.carousel, (_obj = {}, _defineProperty(_obj, classes.centered, centered), _defineProperty(_obj, classes.hasScroll, pagesCount > 1), _obj)),
|
|
596
600
|
ref: carouselRef,
|
|
597
601
|
children: items.map(function(item, index) {
|
|
598
602
|
/*#__PURE__*/ return _jsx("div", {
|
|
@@ -815,7 +819,7 @@ export var Slideshow = function(param) {
|
|
|
815
819
|
children: /*#__PURE__*/ _jsx(IconChevronRightRegular, {})
|
|
816
820
|
})
|
|
817
821
|
}),
|
|
818
|
-
withBullets && /*#__PURE__*/ _jsx(ThemeVariant, {
|
|
822
|
+
withBullets && items.length > 1 && /*#__PURE__*/ _jsx(ThemeVariant, {
|
|
819
823
|
isInverse: true,
|
|
820
824
|
children: /*#__PURE__*/ _jsx("div", {
|
|
821
825
|
className: classes.bullets,
|
|
@@ -78,12 +78,16 @@ var IconChipDeviceLight = function(_param) {
|
|
|
78
78
|
}, rest, {
|
|
79
79
|
children: [
|
|
80
80
|
/*#__PURE__*/ _jsx("path", {
|
|
81
|
-
d: "M10.626 17.826c-.505 0-.832.266-.832.834 0 .275.075.477.21.614.145.148.358.221.622.221.263 0 .476-.073.621-.221.135-.137.21-.342.21-.614-.002-.568-.33-.834-.832-.
|
|
81
|
+
d: "M10.626 17.826c-.505 0-.832.266-.832.834 0 .275.075.477.21.614.145.148.358.221.622.221.263 0 .476-.073.621-.221.135-.137.21-.342.21-.614-.002-.568-.33-.834-.832-.834z",
|
|
82
82
|
fill: fillColor
|
|
83
83
|
}),
|
|
84
84
|
/*#__PURE__*/ _jsx("path", {
|
|
85
85
|
d: "M14.217 21.834H7.032c-1.026 0-1.762-.24-2.25-.734-.487-.493-.72-1.238-.72-2.277V5.167c0-2.025.972-3.01 2.97-3.01h7.185c2.025 0 2.969.957 2.969 3.01v1.365h1.722c.62 0 1.003.383 1.003 1.002v6.746c0 .616-.386 1-1.003 1h-1.722v3.543c0 1.04-.235 1.784-.723 2.277-.487.493-1.221.734-2.246.734zm2.408-16.667c0-1.742-.697-2.45-2.408-2.45H7.032c-1.69 0-2.41.733-2.41 2.45v13.656c0 .885.183 1.501.561 1.885.378.384.98.569 1.849.569h7.185c.868 0 1.473-.185 1.848-.569.376-.384.56-1 .56-1.885V15.28H14.89c-.62 0-1.003-.384-1.003-1.003V8.445a.29.29 0 01.081-.2l1.639-1.632a.277.277 0 01.199-.081h.82V5.167zm2.283 9.552c.311 0 .443-.131.443-.442V7.532c0-.311-.132-.443-.443-.443h-2.986l-1.473 1.47v5.718c0 .31.132.442.443.442h4.016z",
|
|
86
86
|
fill: fillColor
|
|
87
|
+
}),
|
|
88
|
+
/*#__PURE__*/ _jsx("path", {
|
|
89
|
+
d: "M18.586 13.775h-3.375a.281.281 0 01-.28-.28V9.95a.28.28 0 01.28-.28h3.375a.28.28 0 01.28.28v3.543a.282.282 0 01-.28.283zm-.28-1.686v-.734h-2.814v.734h2.814zm-1.129-1.294v-.566h-.563v.566h.563zm-1.123 0v-.566h-.563v.566h.563zm-.56 1.854v.566h.56v-.566h-.56zm1.12 0v.566h.563v-.566h-.563zm1.692-1.854h-.568v-.566h.568v.566zm0 2.42v-.566h-.568v.566h.568z",
|
|
90
|
+
fill: fillColor
|
|
87
91
|
})
|
|
88
92
|
]
|
|
89
93
|
})));
|
|
@@ -98,7 +98,7 @@ var IconConnectionsLight = function(_param) {
|
|
|
98
98
|
role: "presentation"
|
|
99
99
|
}, rest, {
|
|
100
100
|
children: /*#__PURE__*/ _jsx("path", {
|
|
101
|
-
d: "
|
|
101
|
+
d: "M15.68 13.316a3.626 3.626 0 012.485-.994s.008-.031.005-.034a3.674 3.674 0 013.67 3.672 3.67 3.67 0 01-3.67 3.672 3.632 3.632 0 01-2.865-1.409l-2.171.995a2.122 2.122 0 01-1.406 2.521 2.12 2.12 0 01-2.673-1.361 2.121 2.121 0 013.734-1.905l2.07-.961a3.66 3.66 0 01.283-3.605l-1.921-1.658a3.602 3.602 0 01-2.163.745 3.494 3.494 0 01-2.204-.83l-1.782 1.749c.202.37.308.781.308 1.201a2.61 2.61 0 01-4.454 1.857 2.612 2.612 0 01-.77-1.851 2.612 2.612 0 012.614-2.608 2.575 2.575 0 011.806.728l1.656-1.655a3.463 3.463 0 01-.347-3.863L5.938 6.064A2.13 2.13 0 012.63 4.28a2.128 2.128 0 114.255.016 2.09 2.09 0 01-.365 1.185l1.832 1.642a3.548 3.548 0 016 1.078l2.785-.829a3.218 3.218 0 010-.232 2.271 2.271 0 014.456-.692 2.27 2.27 0 01-4.182 1.686l-2.823.829c.028.148.039.297.042.448a3.55 3.55 0 01-.83 2.247l1.88 1.658zM20.882 7.1a1.458 1.458 0 10-2.916-.003 1.458 1.458 0 002.916.003zM4.758 5.593c.003 0 .006 0 .009-.003A1.29 1.29 0 006.06 4.3v-.006c0-.718-.583-1.303-1.3-1.303-.717 0-1.302.583-1.302 1.3 0 .717.582 1.302 1.3 1.302zM9.753 19.75a1.303 1.303 0 001.31 1.291 1.29 1.29 0 001.292-1.294v-.017a1.303 1.303 0 00-1.31-1.29 1.303 1.303 0 00-1.292 1.31zm-4.995-6.372a1.782 1.782 0 10.002 3.564 1.782 1.782 0 00-.002-3.564zm6.289-6.698a2.741 2.741 0 100 5.485 2.741 2.741 0 002.742-2.743 2.741 2.741 0 00-2.742-2.742zm7.12 6.473a2.843 2.843 0 00-.002 5.684 2.843 2.843 0 00.003-5.684z",
|
|
102
102
|
fill: fillColor
|
|
103
103
|
})
|
|
104
104
|
})));
|
|
@@ -77,7 +77,7 @@ var IconDrinkLight = function(_param) {
|
|
|
77
77
|
role: "presentation"
|
|
78
78
|
}, rest, {
|
|
79
79
|
children: /*#__PURE__*/ _jsx("path", {
|
|
80
|
-
d: "M20.948 5.63a.407.407 0 00-.162-.558l-3.676-2.02a.415.415 0 00-.61.262l-.647 2.667h-9.6c-.693 0-1.256.554-1.253 1.281l1.628 13.505c0 .681.563 1.233 1.257 1.233h8.238c.691 0 1.254-.552 1.252-1.184L19.014 7.21c0-.679-.566-1.233-1.257-1.233h-1.049l.475-1.95 3.196 1.758c.202.11.454.04.569-.157zM6.25 6.796h9.403l-.675 2.774H6.115l-.287-2.36c0-.23.19-.414.423-.414zm10.258 0h1.245c.235 0 .424.187.426.365l-.29 2.41H15.83l.678-2.775zm1.284 3.593l-1.249 10.383a.42.42 0 01-.423.413H7.885c-.233 0-.424-.186-.426-.462L6.213 10.39h8.561l-2.22 9.12v.003a.408.408 0 00.308.489h.002a.415.415 0 00.5-.303l2.268-9.309h2.16zm-7.819 3.742c.
|
|
80
|
+
d: "M20.948 5.63a.407.407 0 00-.162-.558l-3.676-2.02a.415.415 0 00-.61.262l-.647 2.667h-9.6c-.693 0-1.256.554-1.253 1.281l1.628 13.505c0 .681.563 1.233 1.257 1.233h8.238c.691 0 1.254-.552 1.252-1.184L19.014 7.21c0-.679-.566-1.233-1.257-1.233h-1.049l.475-1.95 3.196 1.758c.202.11.454.04.569-.157zM6.25 6.796h9.403l-.675 2.774H6.115l-.287-2.36c0-.23.19-.414.423-.414zm10.258 0h1.245c.235 0 .424.187.426.365l-.29 2.41H15.83l.678-2.775zm1.284 3.593l-1.249 10.383a.42.42 0 01-.423.413H7.885c-.233 0-.424-.186-.426-.462L6.213 10.39h8.561l-2.22 9.12v.003a.408.408 0 00.308.489h.002a.415.415 0 00.5-.303l2.268-9.309h2.16zm-7.819 3.742c-.303.298-.592.398-.841.395-.39 0-.686-.243-.787-.343l-.079-.079c-.158-.162-.727-.849.05-1.611.297-.292.584-.39.832-.39.4 0 .702.252.8.344l.077.075c.167.168.73.844-.052 1.61zm.588.576c.978-.96.737-2.074.063-2.755a1.584 1.584 0 00-.099-.092c-.183-.173-.683-.573-1.38-.573-.357 0-.893.108-1.423.63-.967.949-.726 2.066-.062 2.752.02.022.04.042.062.063l.033.032c.183.176.678.581 1.374.581.358 0 .896-.11 1.432-.638zM11.79 16.6l-.068-.068a1.5 1.5 0 00-1.017-.41c-.267 0-.669.078-1.051.456-.71.698-.522 1.547-.041 2.039l.063.062c.278.268.65.424 1.019.424.27 0 .669-.078 1.057-.46.718-.705.521-1.554.038-2.043zm-.626 1.462c-.169.165-.33.222-.47.222a.67.67 0 01-.437-.192l-.043-.043c-.085-.09-.402-.473.03-.895.164-.165.325-.219.462-.219.223 0 .39.14.445.192.013.01.03.027.043.04.093.092.405.468-.03.895z",
|
|
81
81
|
fill: fillColor
|
|
82
82
|
})
|
|
83
83
|
})));
|
|
@@ -77,7 +77,7 @@ var IconOpenLight = function(_param) {
|
|
|
77
77
|
role: "presentation"
|
|
78
78
|
}, rest, {
|
|
79
79
|
children: /*#__PURE__*/ _jsx("path", {
|
|
80
|
-
d: "M21.843 19.616l-.02-5.944c.036-.675-.154-1.255-.555-1.678a2.11 2.11 0 00-1.204-.62h-.001l-.001-.002-.001-.002-.001-.002-.002-.002-6.577-6.557c.165-.263.264-.572.264-.905a1.75 1.75 0 00-1.746-1.748c-.963 0-1.745.785-1.745 1.748 0 .32.093.633.26.905l-6.531 6.535a.053.053 0 00-.015.02l-.008.013a2.208 2.208 0 00-1.804 2.182l.02 5.945c-.037.675.154 1.255.552 1.677.395.42.977.656 1.641.662l15.258-.003a2.217 2.217 0 002.216-2.224zM11.12 3.952a.93.93 0 01.88-.978.929.929 0 01.879.883.926.926 0 01-.88.974.926.926 0 01-.88-.88zm9.905 15.666a1.399 1.399 0 01-1.395 1.401l-15.252.006c-.443-.003-.807-.143-1.05-.401-.242-.258-.357-.627-.331-1.098l-.02-5.966c0-.376.143-.726.409-.992.263-.266.616-.412.989-.412l15.252-.003c.442.003.804.14 1.047.401.241.258.356.627.331 1.098l.02 5.966zM11.999 5.65c.334 0 .642-.098.908-.26l5.96 5.944-13.72.002 5.945-5.95c.266.166.574.264.907.264zM6.997 17.562c
|
|
80
|
+
d: "M21.843 19.616l-.02-5.944c.036-.675-.154-1.255-.555-1.678a2.11 2.11 0 00-1.204-.62h-.001l-.001-.002-.001-.002-.001-.002-.002-.002-6.577-6.557c.165-.263.264-.572.264-.905a1.75 1.75 0 00-1.746-1.748c-.963 0-1.745.785-1.745 1.748 0 .32.093.633.26.905l-6.531 6.535a.053.053 0 00-.015.02l-.008.013a2.208 2.208 0 00-1.804 2.182l.02 5.945c-.037.675.154 1.255.552 1.677.395.42.977.656 1.641.662l15.258-.003a2.217 2.217 0 002.216-2.224zM11.12 3.952a.93.93 0 01.88-.978.929.929 0 01.879.883.926.926 0 01-.88.974.926.926 0 01-.88-.88zm9.905 15.666a1.399 1.399 0 01-1.395 1.401l-15.252.006c-.443-.003-.807-.143-1.05-.401-.242-.258-.357-.627-.331-1.098l-.02-5.966c0-.376.143-.726.409-.992.263-.266.616-.412.989-.412l15.252-.003c.442.003.804.14 1.047.401.241.258.356.627.331 1.098l.02 5.966zM11.999 5.65c.334 0 .642-.098.908-.26l5.96 5.944-13.72.002 5.945-5.95c.266.166.574.264.907.264zM6.997 17.562c-.227 0-.647 0-.647-1.137 0-1.146.42-1.146.647-1.146.226 0 .644 0 .644 1.146 0 1.137-.42 1.137-.644 1.137zm1.397-1.137c0-1.647-.874-1.893-1.397-1.893-.527 0-1.404.246-1.404 1.893 0 1.56.765 1.888 1.404 1.888.638 0 1.397-.325 1.397-1.888zm2.81-1.524c-.196-.21-.488-.31-.897-.31 0 0-.845 0-.851-.003a.31.31 0 00-.308.308v3.05c0 .171.14.308.308.308h.134a.31.31 0 00.309-.308v-.907h.501c.364 0 .636-.11.826-.33.19-.214.283-.505.283-.894 0-.393-.1-.7-.305-.914zm2.826 2.617c.168 0 .308.137.308.308v.12a.309.309 0 01-.308.308h-1.5a.31.31 0 01-.308-.308v-3.05a.31.31 0 01.308-.308h1.456c.168 0 .309.137.309.305a.276.276 0 01-.009.067l-.028.12a.308.308 0 01-.3.242h-.988v.705h.776a.31.31 0 01.308.308v.121a.309.309 0 01-.309.308h-.775v.754h1.061zm3.717-2.62a.307.307 0 00-.308-.308s-.123 0-.12-.005a.31.31 0 00-.308.308v1.762l-1.28-1.93a.3.3 0 00-.255-.137h-.098a.31.31 0 00-.309.308v3.056c0 .17.14.308.309.308h.126a.31.31 0 00.308-.308V16.19l1.271 1.93a.3.3 0 00.255.137h.101c.171 0 .308-.14.308-.308v-3.05zm-7.084 1.323c-.036.042-.075.084-.32.087H9.9v-.984h.389c.258 0 .339.062.361.087.068.076.104.227.104.415 0 .24-.034.33-.09.395z",
|
|
81
81
|
fill: fillColor
|
|
82
82
|
})
|
|
83
83
|
})));
|
|
@@ -77,7 +77,7 @@ var IconPresentationLight = function(_param) {
|
|
|
77
77
|
role: "presentation"
|
|
78
78
|
}, rest, {
|
|
79
79
|
children: /*#__PURE__*/ _jsx("path", {
|
|
80
|
-
d: "M20.792 6.207a.686.686 0 01.222.484v.692c0 .367-.331.647-.821.75.03.096.061.191.061.295v8.479c0 .557-.52 1.006-1.168 1.006h-6.705v1.663c.462.127.829.485.829 1.104 0 .787-.591 1.154-1.166 1.163h-.1c-.578-.009-1.169-.367-1.169-1.163 0-.639.384-1 .838-1.118v-1.647l-6.667-.008c-.445.03-.745-.146-.899-.286a.97.97 0 01-.316-.706V8.434a.9.9 0 01.061-.295c-.246-.05-.454-.131-.59-.263a.69.69 0 01-.233-.484l.008-.692c0-.463.524-.793 1.247-.793h2.742l3.91-2.081a1.261 1.261 0 01-.1-.507c0-.796.59-1.154 1.176-1.163h.092c.577.017 1.166.384 1.166 1.168 0 .177-.031.34-.093.48l3.65 2.103h2.958c.468-.017.835.092 1.067.3zM11.54 3.316c0
|
|
80
|
+
d: "M20.792 6.207a.686.686 0 01.222.484v.692c0 .367-.331.647-.821.75.03.096.061.191.061.295v8.479c0 .557-.52 1.006-1.168 1.006h-6.705v1.663c.462.127.829.485.829 1.104 0 .787-.591 1.154-1.166 1.163h-.1c-.578-.009-1.169-.367-1.169-1.163 0-.639.384-1 .838-1.118v-1.647l-6.667-.008c-.445.03-.745-.146-.899-.286a.97.97 0 01-.316-.706V8.434a.9.9 0 01.061-.295c-.246-.05-.454-.131-.59-.263a.69.69 0 01-.233-.484l.008-.692c0-.463.524-.793 1.247-.793h2.742l3.91-2.081a1.261 1.261 0 01-.1-.507c0-.796.59-1.154 1.176-1.163h.092c.577.017 1.166.384 1.166 1.168 0 .177-.031.34-.093.48l3.65 2.103h2.958c.468-.017.835.092 1.067.3zM11.54 3.316c0 .12 0 .426.423.434.476-.006.476-.314.476-.426 0-.117 0-.425-.423-.434.003-.003-.067-.003-.067-.003-.409 0-.409.308-.409.429zm-.106 1.05L8.546 5.904h6.737l-2.698-1.552a1.373 1.373 0 01-.546.132h-.084a1.398 1.398 0 01-.521-.118zm8.826 2.95s.07-.011.07-.286c0-.26-.092-.333-.092-.333-.042-.034-.138-.056-.451-.056H4.116c-.212-.002-.274-.003-.374.092-.003 0-.067.07-.065.328.003.24.115.308.115.308l.007.005c.057.042.097.07.4.07h15.57c.292-.002.469-.092.491-.128zm-.776 9.588V8.436a.232.232 0 00-.07-.176c-.053-.05-.151-.065-.269-.081H4.82c-.176.03-.322.131-.322.257v8.48a.2.2 0 00.079.167c.07.065.193.087.353.087l14.16.009c.204 0 .394-.126.394-.275zm-3.602-1.543a.381.381 0 00-.384-.367h-7.16l1.258-1.869 2.605.97c.154.056.33.01.437-.118l1.927-2.316.06.38c.024.177.193.309.377.309h.054c.215-.037.36-.222.322-.418l-.185-1.185a.382.382 0 00-.378-.308h-1.367a.37.37 0 00-.384.367v.009c.006.204.18.364.384.358h.53l-1.768 2.132-2.636-.978a.38.38 0 00-.462.149L7.815 14.41v-3.955a.377.377 0 00-.384-.367.381.381 0 00-.384.367v4.905c.006.207.177.37.384.367h8.067a.375.375 0 00.384-.367zm-3.443 5.316c0-.117 0-.42-.423-.425h-.07c-.409 0-.409.308-.409.425 0 .11 0 .426.415.426.487-.006.487-.308.487-.426z",
|
|
81
81
|
fill: fillColor
|
|
82
82
|
})
|
|
83
83
|
})));
|
|
@@ -90,7 +90,7 @@ var IconRobotLight = function(_param) {
|
|
|
90
90
|
role: "presentation"
|
|
91
91
|
}, rest, {
|
|
92
92
|
children: /*#__PURE__*/ _jsx("path", {
|
|
93
|
-
d: "M18.07 12.974h-4.35v.703h6.484c.463 0 .84.37.84.823v6.513a.832.832 0 01-.84.823H3.84a.834.834 0 01-.84-.823V14.5c0-.454.375-.823.84-.823h6.485v-.703H5.986a.834.834 0 01-.84-.824v-1.115H3.84a.834.834 0 01-.84-.823V7.038c0-.454.375-.824.84-.824h1.306V4.315a.83.83 0 01.84-.823h5.616v-.376a.562.562 0 01-.162-.395c0-.316.263-.571.582-.571a.58.58 0 01.586.571.553.553 0 01-.165.395v.376h5.63c.462 0 .84.367.84.823v1.91h1.294c.462 0 .84.368.84.824v3.174a.834.834 0 01-.84.823h-1.294v1.104a.838.838 0 01-.843.824zM5.986 12.15H18.07V4.315H5.986v7.835zm-.84-1.938V7.038H3.84v3.174h1.306zm7.734 3.462v-.69h-1.715v.69h1.715zm7.324.823H3.84v6.513h2.43c0-.005-.002-.01-.004-.016a.06.06 0 01-.004-.02V16.8a.83.83 0 01.84-.824h9.84c.462 0 .84.367.84.824v4.174a.07.07 0 01-.005.026.132.132 0 00-.003.01h2.431v-6.513zM7.101 20.974h9.84V16.8h-9.84v4.174zm13.104-10.751V7.049H18.91v3.174h1.294zM10.198 7.349a.
|
|
93
|
+
d: "M18.07 12.974h-4.35v.703h6.484c.463 0 .84.37.84.823v6.513a.832.832 0 01-.84.823H3.84a.834.834 0 01-.84-.823V14.5c0-.454.375-.823.84-.823h6.485v-.703H5.986a.834.834 0 01-.84-.824v-1.115H3.84a.834.834 0 01-.84-.823V7.038c0-.454.375-.824.84-.824h1.306V4.315a.83.83 0 01.84-.823h5.616v-.376a.562.562 0 01-.162-.395c0-.316.263-.571.582-.571a.58.58 0 01.586.571.553.553 0 01-.165.395v.376h5.63c.462 0 .84.367.84.823v1.91h1.294c.462 0 .84.368.84.824v3.174a.834.834 0 01-.84.823h-1.294v1.104a.838.838 0 01-.843.824zM5.986 12.15H18.07V4.315H5.986v7.835zm-.84-1.938V7.038H3.84v3.174h1.306zm7.734 3.462v-.69h-1.715v.69h1.715zm7.324.823H3.84v6.513h2.43c0-.005-.002-.01-.004-.016a.06.06 0 01-.004-.02V16.8a.83.83 0 01.84-.824h9.84c.462 0 .84.367.84.824v4.174a.07.07 0 01-.005.026.132.132 0 00-.003.01h2.431v-6.513zM7.101 20.974h9.84V16.8h-9.84v4.174zm13.104-10.751V7.049H18.91v3.174h1.294zM10.198 7.349a.681.681 0 00-.686-.675.681.681 0 00-.687.675.68.68 0 00.687.672.68.68 0 00.686-.672zm.84 0c0 .826-.683 1.496-1.526 1.496-.844 0-1.527-.673-1.527-1.496 0-.826.683-1.496 1.527-1.496a1.51 1.51 0 011.526 1.496zm3.504-1.518c.844 0 1.527.672 1.527 1.498 0 .827-.683 1.496-1.527 1.496-.843 0-1.526-.672-1.526-1.496 0-.823.683-1.498 1.526-1.498zm-.338 4.308a.416.416 0 00-.42-.412h-3.513a.416.416 0 00-.42.412c0 .227.187.412.42.412h3.512c.233 0 .42-.185.42-.412zm.338-2.137a.68.68 0 00.687-.673.681.681 0 00-.687-.675.682.682 0 00-.686.675c0 .37.308.673.686.673z",
|
|
94
94
|
fill: fillColor
|
|
95
95
|
})
|
|
96
96
|
})));
|
|
@@ -77,7 +77,7 @@ var IconTowTruckLight = function(_param) {
|
|
|
77
77
|
role: "presentation"
|
|
78
78
|
}, rest, {
|
|
79
79
|
children: /*#__PURE__*/ _jsx("path", {
|
|
80
|
-
d: "
|
|
80
|
+
d: "M21.067 10.829a493.96 493.96 0 01-3.407-4.501c-.428-.594-1.196-.975-1.95-.975h-4.394a.407.407 0 00-.41.406v5.294L6.272 4.375a.41.41 0 00-.336-.176l-1.47-.011h-.003a.41.41 0 00-.163.042.4.4 0 00-.286.38l-.008 4.247c.006.056-.006.322-.14.468l-.002.002c-.03.03-.115.115-.351.118h-.006c-.26 0-.344-.092-.372-.123-.132-.146-.137-.423-.129-.504a.405.405 0 00-.356-.451h-.003a.404.404 0 00-.453.35v.006c-.009.07-.07.697.33 1.14.165.182.468.395.986.395h.011c.493-.003.788-.21.95-.381.392-.423.361-1.014.356-1.048l.005-2.58 2.412 4.832H2.565a.407.407 0 00-.409.406v4.47c0 .53.236 1.068.647 1.477.353.35.807.555 1.322.616.395 1.098 1.367 1.726 2.765 1.726 1.39 0 2.359-.616 2.76-1.698h4.187c.4 1.084 1.37 1.698 2.759 1.698 1.39 0 2.359-.616 2.76-1.698h.35c.534 0 1.078-.232 1.487-.641.411-.41.65-.947.65-1.476v-3.398c0-.725-.48-1.348-.769-1.724l-.007-.01zM5.123 5.005l.593.006 4.096 5.902-1.74-.003-2.95-5.905zm15.902 7.56c-.003-.002-.003 3.393-.003 3.393 0 .313-.149.644-.41.899-.26.258-.59.406-.907.406h-.179l.01-.093c.012-.108.024-.217.024-.333 0-1.84-1.107-2.935-2.964-2.935-1.854 0-2.964 1.098-2.964 2.935 0 .118.012.225.024.332l.01.094H9.823l.01-.092c.012-.11.024-.218.024-.334 0-1.84-1.107-2.935-2.964-2.935-1.854 0-2.96 1.098-2.96 2.935 0 .093.009.18.018.268l.01.088a1.351 1.351 0 01-.575-.333c-.258-.258-.409-.586-.409-.9v-4.067h8.339a.407.407 0 00.409-.406V6.165h3.983c.485 0 1.011.263 1.286.639a538.01 538.01 0 003.423 4.524c.227.29.608.781.608 1.238zm-6.572 4.272c0-1.389.742-2.123 2.143-2.123 1.4 0 2.143.734 2.143 2.123 0 1.39-.742 2.124-2.143 2.124-1.4 0-2.143-.734-2.143-2.124zm-7.56 2.124c-1.4 0-2.14-.734-2.14-2.124 0-1.389.74-2.123 2.14-2.123 1.403 0 2.143.734 2.143 2.123 0 1.39-.74 2.124-2.143 2.124z",
|
|
81
81
|
fill: fillColor
|
|
82
82
|
})
|
|
83
83
|
})));
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
// DO NOT EDIT THIS FILE. It's autogenerated by set-version.js
|
|
2
|
-
export var PACKAGE_VERSION = '11.
|
|
2
|
+
export var PACKAGE_VERSION = '11.2.0';
|