@telefonica/mistica 10.28.0 → 10.28.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 (12) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/carousel.js +14 -1
  3. package/dist/fixed-footer-layout.js +1 -1
  4. package/dist/package-version.js +1 -1
  5. package/dist/popover.js +3 -3
  6. package/dist/select.js +1 -0
  7. package/dist-es/carousel.js +14 -1
  8. package/dist-es/fixed-footer-layout.js +1 -1
  9. package/dist-es/package-version.js +1 -1
  10. package/dist-es/popover.js +3 -3
  11. package/dist-es/select.js +1 -0
  12. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,3 +1,15 @@
1
+ ## [10.28.1](https://github.com/Telefonica/mistica-web/compare/v10.28.0...v10.28.1) (2022-03-09)
2
+
3
+
4
+ ### Bug Fixes
5
+
6
+ * **Carousel:** undefined is not an object error in iOS 14 ([#439](https://github.com/Telefonica/mistica-web/issues/439)) ([ef1cf63](https://github.com/Telefonica/mistica-web/commit/ef1cf63a1e7b9009cab28a0bb23b3dd6540defbb))
7
+ * **FixedFooterLayout:** shadow style ([#437](https://github.com/Telefonica/mistica-web/issues/437)) ([d9d9641](https://github.com/Telefonica/mistica-web/commit/d9d9641b101484f8e1d3e5bf9476821cdef517e3))
8
+ * **Popover:** arrow border radius ([#435](https://github.com/Telefonica/mistica-web/issues/435)) ([42eb25e](https://github.com/Telefonica/mistica-web/commit/42eb25ea9e071a38a3b44c1934aef949cfc7c9a5))
9
+ * **Popover:** text styles ([#436](https://github.com/Telefonica/mistica-web/issues/436)) ([4c156cb](https://github.com/Telefonica/mistica-web/commit/4c156cbebae937175a66cf3afb5abfca8051cfd0))
10
+ * **select:** issue with cropped text ([#426](https://github.com/Telefonica/mistica-web/issues/426)) ([2c6e027](https://github.com/Telefonica/mistica-web/commit/2c6e027f643b3458359e6866bc6d9a10afb1e5b4))
11
+ * **Slideshow:** scroll snap stop on android ([#434](https://github.com/Telefonica/mistica-web/issues/434)) ([4ccb6a6](https://github.com/Telefonica/mistica-web/commit/4ccb6a6822a936ae185470bf8bf01bb4224a6626))
12
+
1
13
  # [10.28.0](https://github.com/Telefonica/mistica-web/compare/v10.27.0...v10.28.0) (2022-03-01)
2
14
 
3
15
 
package/dist/carousel.js CHANGED
@@ -456,12 +456,24 @@ var BaseCarousel = function BaseCarousel(param) {
456
456
  };
457
457
  var calcItemScrollPositions = function calcItemScrollPositions() {
458
458
  var maxScroll = carouselEl.scrollWidth - carouselEl.clientWidth;
459
+ var getItemScrollMargin = function getItemScrollMargin(itemIndex) {
460
+ if (centered) {
461
+ return 0;
462
+ }
463
+ if (itemIndex === 0) {
464
+ return 0;
465
+ }
466
+ if (isDesktopOrBigger) {
467
+ return -gap;
468
+ }
469
+ return mobilePageOffsetConfig.prev;
470
+ };
459
471
  setItemScrollPositions(Array.from(carouselEl.querySelectorAll('[data-item]')).map(function(itemEl, idx) {
460
472
  if (idx === items.length - 1) {
461
473
  return maxScroll;
462
474
  }
463
475
  var offsetLeft = itemEl.offsetLeft;
464
- var scrollMargin = Number(getComputedStyle(itemEl).scrollMargin.replace('px', ''));
476
+ var scrollMargin = getItemScrollMargin(idx);
465
477
  var scrollPosition = centered && !isDesktopOrBigger ? offsetLeft - itemEl.clientWidth / 2 : offsetLeft;
466
478
  return Math.min(scrollPosition - scrollMargin - carouselEl.offsetLeft, maxScroll);
467
479
  }));
@@ -682,6 +694,7 @@ var useSlideshowStyles = (0, _jss).createUseStyles(function(theme) {
682
694
  })),
683
695
  item: {
684
696
  width: '100%',
697
+ scrollSnapStop: (0, _platform).isAndroid(theme.platformOverrides) ? 'always' : 'normal',
685
698
  scrollSnapAlign: 'start',
686
699
  flexShrink: 0
687
700
  },
package/dist/fixed-footer-layout.js CHANGED
@@ -134,7 +134,7 @@ var useStyles = (0, _jss).createUseStyles(function(theme) {
134
134
  zIndex: 1
135
135
  },
136
136
  shadow: {
137
- boxShadow: '0 -1px 2px 0 rgba(0, 0, 0, 0.2)'
137
+ boxShadow: '0 -3px 8px 0 rgba(0, 0, 0, 0.15)'
138
138
  }
139
139
  });
140
140
  });
package/dist/package-version.js CHANGED
@@ -3,5 +3,5 @@ Object.defineProperty(exports, "__esModule", {
3
3
  value: true
4
4
  });
5
5
  exports.PACKAGE_VERSION = void 0;
6
- var PACKAGE_VERSION = '10.28.0';
6
+ var PACKAGE_VERSION = '10.28.1';
7
7
  exports.PACKAGE_VERSION = PACKAGE_VERSION;
package/dist/popover.js CHANGED
@@ -132,7 +132,7 @@ var useStyles = (0, _jss).createUseStyles(function(theme) {
132
132
  left: '50%',
133
133
  transform: 'translate(-50%, -50%) rotate(45deg)',
134
134
  border: "1px solid ".concat(theme.colors.divider),
135
- borderRadius: 4,
135
+ borderRadius: 2,
136
136
  boxShadow: function boxShadow(param) {
137
137
  var position = param.position;
138
138
  return position === 'bottom' ? 'initial' : "0 0 4px 0 rgba(0, 0, 0, ".concat(shadowAlpha, ")");
@@ -160,7 +160,7 @@ var useStyles = (0, _jss).createUseStyles(function(theme) {
160
160
  title: {
161
161
  marginBottom: 4,
162
162
  color: theme.colors.textPrimary,
163
- fontWeight: 500,
163
+ fontWeight: 400,
164
164
  lineHeight: 1.5,
165
165
  fontSize: 16
166
166
  },
@@ -186,7 +186,7 @@ var useStyles = (0, _jss).createUseStyles(function(theme) {
186
186
  marginRight: 0
187
187
  },
188
188
  text: {
189
- color: theme.colors.textPrimary,
189
+ color: theme.colors.textSecondary,
190
190
  textAlign: 'left',
191
191
  lineHeight: 1.42857142,
192
192
  fontSize: 14
package/dist/select.js CHANGED
@@ -175,6 +175,7 @@ var useStyles = (0, _jss).createUseStyles(function(theme) {
175
175
  var label = param.label;
176
176
  return label ? 27 : 17;
177
177
  },
178
+ lineHeight: '20px',
178
179
  fontSize: 16,
179
180
  color: theme.colors.textPrimary,
180
181
  opacity: function opacity(param) {
package/dist-es/carousel.js CHANGED
@@ -423,12 +423,24 @@ var BaseCarousel = function(param) {
423
423
  };
424
424
  var calcItemScrollPositions = function() {
425
425
  var maxScroll = carouselEl.scrollWidth - carouselEl.clientWidth;
426
+ var getItemScrollMargin = function(itemIndex) {
427
+ if (centered) {
428
+ return 0;
429
+ }
430
+ if (itemIndex === 0) {
431
+ return 0;
432
+ }
433
+ if (isDesktopOrBigger) {
434
+ return -gap;
435
+ }
436
+ return mobilePageOffsetConfig.prev;
437
+ };
426
438
  setItemScrollPositions(Array.from(carouselEl.querySelectorAll('[data-item]')).map(function(itemEl, idx) {
427
439
  if (idx === items.length - 1) {
428
440
  return maxScroll;
429
441
  }
430
442
  var offsetLeft = itemEl.offsetLeft;
431
- var scrollMargin = Number(getComputedStyle(itemEl).scrollMargin.replace('px', ''));
443
+ var scrollMargin = getItemScrollMargin(idx);
432
444
  var scrollPosition = centered && !isDesktopOrBigger ? offsetLeft - itemEl.clientWidth / 2 : offsetLeft;
433
445
  return Math.min(scrollPosition - scrollMargin - carouselEl.offsetLeft, maxScroll);
434
446
  }));
@@ -647,6 +659,7 @@ var useSlideshowStyles = createUseStyles(function(theme) {
647
659
  })),
648
660
  item: {
649
661
  width: '100%',
662
+ scrollSnapStop: isAndroid(theme.platformOverrides) ? 'always' : 'normal',
650
663
  scrollSnapAlign: 'start',
651
664
  flexShrink: 0
652
665
  },
package/dist-es/fixed-footer-layout.js CHANGED
@@ -103,7 +103,7 @@ var useStyles = createUseStyles(function(theme) {
103
103
  zIndex: 1
104
104
  },
105
105
  shadow: {
106
- boxShadow: '0 -1px 2px 0 rgba(0, 0, 0, 0.2)'
106
+ boxShadow: '0 -3px 8px 0 rgba(0, 0, 0, 0.15)'
107
107
  }
108
108
  });
109
109
  });
package/dist-es/package-version.js CHANGED
@@ -1,2 +1,2 @@
1
1
  // DO NOT EDIT THIS FILE. It's autogenerated by set-version.js
2
- export var PACKAGE_VERSION = '10.28.0';
2
+ export var PACKAGE_VERSION = '10.28.1';
package/dist-es/popover.js CHANGED
@@ -100,7 +100,7 @@ var useStyles = createUseStyles(function(theme) {
100
100
  left: '50%',
101
101
  transform: 'translate(-50%, -50%) rotate(45deg)',
102
102
  border: "1px solid ".concat(theme.colors.divider),
103
- borderRadius: 4,
103
+ borderRadius: 2,
104
104
  boxShadow: function(param) {
105
105
  var position = param.position;
106
106
  return position === 'bottom' ? 'initial' : "0 0 4px 0 rgba(0, 0, 0, ".concat(shadowAlpha, ")");
@@ -128,7 +128,7 @@ var useStyles = createUseStyles(function(theme) {
128
128
  title: {
129
129
  marginBottom: 4,
130
130
  color: theme.colors.textPrimary,
131
- fontWeight: 500,
131
+ fontWeight: 400,
132
132
  lineHeight: 1.5,
133
133
  fontSize: 16
134
134
  },
@@ -154,7 +154,7 @@ var useStyles = createUseStyles(function(theme) {
154
154
  marginRight: 0
155
155
  },
156
156
  text: {
157
- color: theme.colors.textPrimary,
157
+ color: theme.colors.textSecondary,
158
158
  textAlign: 'left',
159
159
  lineHeight: 1.42857142,
160
160
  fontSize: 14
package/dist-es/select.js CHANGED
@@ -143,6 +143,7 @@ var useStyles = createUseStyles(function(theme) {
143
143
  var label = param.label;
144
144
  return label ? 27 : 17;
145
145
  },
146
+ lineHeight: '20px',
146
147
  fontSize: 16,
147
148
  color: theme.colors.textPrimary,
148
149
  opacity: function(param) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@telefonica/mistica",
3
- "version": "10.28.0",
3
+ "version": "10.28.1",
4
4
  "license": "MIT",
5
5
  "repository": {
6
6
  "type": "git",