@searchspring/snap-preact-components 0.56.6 → 0.58.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.
Files changed (27) hide show
  1. package/dist/cjs/components/Atoms/Price/Price.d.ts.map +1 -1
  2. package/dist/cjs/components/Atoms/Price/Price.js +5 -3
  3. package/dist/cjs/components/Molecules/CalloutBadge/CalloutBadge.d.ts +1 -0
  4. package/dist/cjs/components/Molecules/CalloutBadge/CalloutBadge.d.ts.map +1 -1
  5. package/dist/cjs/components/Molecules/CalloutBadge/CalloutBadge.js +3 -3
  6. package/dist/cjs/components/Molecules/Carousel/Carousel.d.ts.map +1 -1
  7. package/dist/cjs/components/Molecules/Carousel/Carousel.js +3 -1
  8. package/dist/cjs/components/Molecules/Checkbox/Checkbox.d.ts +1 -1
  9. package/dist/cjs/components/Molecules/Checkbox/Checkbox.d.ts.map +1 -1
  10. package/dist/cjs/components/Molecules/Checkbox/Checkbox.js +5 -4
  11. package/dist/cjs/components/Molecules/OverlayBadge/OverlayBadge.d.ts +1 -0
  12. package/dist/cjs/components/Molecules/OverlayBadge/OverlayBadge.d.ts.map +1 -1
  13. package/dist/cjs/components/Molecules/OverlayBadge/OverlayBadge.js +4 -3
  14. package/dist/esm/components/Atoms/Price/Price.d.ts.map +1 -1
  15. package/dist/esm/components/Atoms/Price/Price.js +5 -3
  16. package/dist/esm/components/Molecules/CalloutBadge/CalloutBadge.d.ts +1 -0
  17. package/dist/esm/components/Molecules/CalloutBadge/CalloutBadge.d.ts.map +1 -1
  18. package/dist/esm/components/Molecules/CalloutBadge/CalloutBadge.js +3 -2
  19. package/dist/esm/components/Molecules/Carousel/Carousel.d.ts.map +1 -1
  20. package/dist/esm/components/Molecules/Carousel/Carousel.js +3 -1
  21. package/dist/esm/components/Molecules/Checkbox/Checkbox.d.ts +1 -1
  22. package/dist/esm/components/Molecules/Checkbox/Checkbox.d.ts.map +1 -1
  23. package/dist/esm/components/Molecules/Checkbox/Checkbox.js +19 -16
  24. package/dist/esm/components/Molecules/OverlayBadge/OverlayBadge.d.ts +1 -0
  25. package/dist/esm/components/Molecules/OverlayBadge/OverlayBadge.d.ts.map +1 -1
  26. package/dist/esm/components/Molecules/OverlayBadge/OverlayBadge.js +2 -2
  27. package/package.json +11 -11
package/dist/cjs/components/Atoms/Price/Price.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Price.d.ts","sourceRoot":"","sources":["../../../../../src/components/Atoms/Price/Price.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AAc1E,wBAAgB,KAAK,CAAC,UAAU,EAAE,UAAU,GAAG,GAAG,CAAC,OAAO,CA4DzD;AAED,MAAM,WAAW,UAAW,SAAQ,oBAAoB;IACvD,WAAW,CAAC,EAAE,OAAO,CAAC;CACtB"}
1
+ {"version":3,"file":"Price.d.ts","sourceRoot":"","sources":["../../../../../src/components/Atoms/Price/Price.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AAc1E,wBAAgB,KAAK,CAAC,UAAU,EAAE,UAAU,GAAG,GAAG,CAAC,OAAO,CA6DzD;AAED,MAAM,WAAW,UAAW,SAAQ,oBAAoB;IACvD,WAAW,CAAC,EAAE,OAAO,CAAC;CACtB"}
package/dist/cjs/components/Atoms/Price/Price.js CHANGED
@@ -43,12 +43,11 @@ function Price(properties) {
43
43
  symbol: '$', decimalPlaces: 2, padDecimalPlaces: true, thousandsSeparator: ',', decimalSeparator: '.', symbolAfter: false, lineThrough: false }, (_a = globalTheme === null || globalTheme === void 0 ? void 0 : globalTheme.components) === null || _a === void 0 ? void 0 : _a.price), properties), (_c = (_b = properties.theme) === null || _b === void 0 ? void 0 : _b.components) === null || _c === void 0 ? void 0 : _c.price);
44
44
  var lineThrough = props.lineThrough, value = props.value, symbol = props.symbol, decimalPlaces = props.decimalPlaces, padDecimalPlaces = props.padDecimalPlaces, thousandsSeparator = props.thousandsSeparator, decimalSeparator = props.decimalSeparator, symbolAfter = props.symbolAfter, raw = props.raw, disableStyles = props.disableStyles, className = props.className, style = props.style;
45
45
  var formattedPrice = snap_toolbox_1.filters.currency(+value, {
46
- symbol: symbol,
46
+ symbol: '',
47
47
  decimalPlaces: decimalPlaces,
48
48
  padDecimalPlaces: padDecimalPlaces,
49
49
  thousandsSeparator: thousandsSeparator,
50
50
  decimalSeparator: decimalSeparator,
51
- symbolAfter: symbolAfter,
52
51
  });
53
52
  var styling = {};
54
53
  if (!disableStyles) {
@@ -58,6 +57,9 @@ function Price(properties) {
58
57
  styling.css = [style];
59
58
  }
60
59
  return raw ? ((0, react_1.jsx)(preact_1.Fragment, null, formattedPrice)) : ((0, react_1.jsx)(providers_1.CacheProvider, null,
61
- (0, react_1.jsx)("span", __assign({}, styling, { className: (0, classnames_1.default)('ss__price', { 'ss__price--strike': lineThrough }, className) }), formattedPrice)));
60
+ (0, react_1.jsx)("span", __assign({}, styling, { className: (0, classnames_1.default)('ss__price', { 'ss__price--strike': lineThrough }, className) }),
61
+ symbol && !symbolAfter ? (0, react_1.jsx)("span", { className: 'ss__price__symbol' }, symbol) : (0, react_1.jsx)(preact_1.Fragment, null),
62
+ (0, react_1.jsx)("span", { className: 'ss__price__value' }, formattedPrice),
63
+ symbol && symbolAfter ? (0, react_1.jsx)("span", { className: 'ss__price__symbol' }, symbol) : (0, react_1.jsx)(preact_1.Fragment, null))));
62
64
  }
63
65
  exports.Price = Price;
package/dist/cjs/components/Molecules/CalloutBadge/CalloutBadge.d.ts CHANGED
@@ -7,5 +7,6 @@ export interface CalloutBadgeProps extends ComponentProps {
7
7
  tag?: string;
8
8
  renderEmpty?: boolean;
9
9
  componentMap?: ComponentMap;
10
+ limit?: number;
10
11
  }
11
12
  //# sourceMappingURL=CalloutBadge.d.ts.map
package/dist/cjs/components/Molecules/CalloutBadge/CalloutBadge.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"CalloutBadge.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/CalloutBadge/CalloutBadge.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,cAAc,EAAc,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAG1E,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC;AAW7D,eAAO,MAAM,YAAY,eAAyB,iBAAiB,KAAG,WA0CpE,CAAC;AAEH,MAAM,WAAW,iBAAkB,SAAQ,cAAc;IACxD,MAAM,EAAE,OAAO,CAAC;IAChB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,YAAY,CAAC;CAC5B"}
1
+ {"version":3,"file":"CalloutBadge.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/CalloutBadge/CalloutBadge.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,cAAc,EAAc,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAG1E,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC;AAY7D,eAAO,MAAM,YAAY,eAAyB,iBAAiB,KAAG,WA0CpE,CAAC;AAEH,MAAM,WAAW,iBAAkB,SAAQ,cAAc;IACxD,MAAM,EAAE,OAAO,CAAC;IAChB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;CACf"}
package/dist/cjs/components/Molecules/CalloutBadge/CalloutBadge.js CHANGED
@@ -29,6 +29,7 @@ var CSS = {
29
29
  display: 'flex',
30
30
  justifyContent: 'center',
31
31
  alignItems: 'center',
32
+ gap: '5px',
32
33
  });
33
34
  },
34
35
  };
@@ -37,8 +38,8 @@ exports.CalloutBadge = (0, mobx_react_1.observer)(function (properties) {
37
38
  var globalTheme = (0, providers_1.useTheme)();
38
39
  var props = __assign(__assign(__assign({
39
40
  // default props
40
- tag: 'callout' }, (_a = globalTheme === null || globalTheme === void 0 ? void 0 : globalTheme.components) === null || _a === void 0 ? void 0 : _a.calloutBadge), properties), (_c = (_b = properties.theme) === null || _b === void 0 ? void 0 : _b.components) === null || _c === void 0 ? void 0 : _c.calloutBadge);
41
- var result = props.result, tag = props.tag, renderEmpty = props.renderEmpty, disableStyles = props.disableStyles, className = props.className, style = props.style;
41
+ tag: 'callout', limit: 1 }, (_a = globalTheme === null || globalTheme === void 0 ? void 0 : globalTheme.components) === null || _a === void 0 ? void 0 : _a.calloutBadge), properties), (_c = (_b = properties.theme) === null || _b === void 0 ? void 0 : _b.components) === null || _c === void 0 ? void 0 : _c.calloutBadge);
42
+ var result = props.result, tag = props.tag, renderEmpty = props.renderEmpty, limit = props.limit, disableStyles = props.disableStyles, className = props.className, style = props.style;
42
43
  var styling = {};
43
44
  var badgeComponentMap = __assign(__assign({}, utilities_1.defaultBadgeComponentMap), props.componentMap);
44
45
  if (!disableStyles) {
@@ -47,7 +48,6 @@ exports.CalloutBadge = (0, mobx_react_1.observer)(function (properties) {
47
48
  else if (style) {
48
49
  styling.css = [style];
49
50
  }
50
- var limit = 1;
51
51
  var badges = (_d = result === null || result === void 0 ? void 0 : result.badges) === null || _d === void 0 ? void 0 : _d.atLocation(tag).slice(0, limit);
52
52
  if (renderEmpty || (badges === null || badges === void 0 ? void 0 : badges.length)) {
53
53
  return ((0, react_1.jsx)(providers_1.CacheProvider, null,
package/dist/cjs/components/Molecules/Carousel/Carousel.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/Carousel/Carousel.tsx"],"names":[],"mappings":";AAWA,OAAO,KAAK,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,QAAQ,CAAC;AACpD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AACzE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AAIzE,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAc,MAAM,gBAAgB,CAAC;AAkI9E,eAAO,MAAM,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;CA0BtC,CAAC;AAEF,eAAO,MAAM,kCAAkC;;;;;;CAM9C,CAAC;AAEF,eAAO,MAAM,QAAQ,eAAyB,aAAa,KAAG,WAwP5D,CAAC;AAEH,MAAM,WAAW,aAAc,SAAQ,cAAc;IACpD,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,UAAU,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;IAClC,UAAU,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;IAClC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,GAAG,iBAAiB,CAAC;IACzC,UAAU,CAAC,EAAE,OAAO,GAAG,iBAAiB,CAAC;IACzC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,EAAE,CAAC,EAAE,UAAU,GAAG,UAAU,GAAG,YAAY,KAAK,IAAI,CAAC;IACnF,iBAAiB,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IAC3E,iBAAiB,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IAC3E,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IAC7C,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IACvC,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IAC5C,OAAO,CAAC,EAAE,GAAG,EAAE,CAAC;IAChB,QAAQ,EAAE,GAAG,CAAC,OAAO,EAAE,CAAC;CACxB"}
1
+ {"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/Carousel/Carousel.tsx"],"names":[],"mappings":";AAWA,OAAO,KAAK,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,QAAQ,CAAC;AACpD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AACzE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AAIzE,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAc,MAAM,gBAAgB,CAAC;AAkI9E,eAAO,MAAM,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;CA0BtC,CAAC;AAEF,eAAO,MAAM,kCAAkC;;;;;;CAM9C,CAAC;AAEF,eAAO,MAAM,QAAQ,eAAyB,aAAa,KAAG,WA2P5D,CAAC;AAEH,MAAM,WAAW,aAAc,SAAQ,cAAc;IACpD,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,UAAU,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;IAClC,UAAU,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;IAClC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,GAAG,iBAAiB,CAAC;IACzC,UAAU,CAAC,EAAE,OAAO,GAAG,iBAAiB,CAAC;IACzC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,EAAE,CAAC,EAAE,UAAU,GAAG,UAAU,GAAG,YAAY,KAAK,IAAI,CAAC;IACnF,iBAAiB,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IAC3E,iBAAiB,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IAC3E,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IAC7C,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IACvC,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IAC5C,OAAO,CAAC,EAAE,GAAG,EAAE,CAAC;IAChB,QAAQ,EAAE,GAAG,CAAC,OAAO,EAAE,CAAC;CACxB"}
package/dist/cjs/components/Molecules/Carousel/Carousel.js CHANGED
@@ -290,6 +290,7 @@ exports.Carousel = (0, mobx_react_1.observer)(function (properties) {
290
290
  });
291
291
  }
292
292
  };
293
+ delete additionalProps.breakpoints;
293
294
  return (children === null || children === void 0 ? void 0 : children.length) ? ((0, react_1.jsx)(providers_1.CacheProvider, null,
294
295
  (0, react_1.jsx)("div", __assign({ ref: rootComponentRef }, styling, { className: (0, classnames_1.default)('ss__carousel', vertical ? 'ss__carousel-vertical' : '', className) }),
295
296
  (0, react_1.jsx)("div", { className: (0, classnames_1.default)('ss__carousel__prev-wrapper', { 'ss__carousel__prev-wrapper--hidden': hideButtons }) },
@@ -328,10 +329,11 @@ exports.Carousel = (0, mobx_react_1.observer)(function (properties) {
328
329
  }
329
330
  }, onClick: function (swiper, e) {
330
331
  onClick && onClick(swiper, e);
331
- }, direction: vertical ? 'vertical' : 'horizontal', loop: loop, threshold: 7, loopAddBlankSlides: false, modules: swiperModules }, additionalProps, displaySettings, { navigation: navigation, pagination: pagination, onResize: function () {
332
+ }, direction: vertical ? 'vertical' : 'horizontal', loop: loop, threshold: 7, loopAddBlankSlides: false, modules: swiperModules }, additionalProps, displaySettings, { navigation: navigation, pagination: pagination, onResize: function (swiper) {
332
333
  if (additionalProps.onResize) {
333
334
  additionalProps.onResize();
334
335
  }
336
+ swiper.updateSlidesClasses();
335
337
  attachClasstoLastVisibleSlide();
336
338
  }, onTransitionEnd: function () {
337
339
  if (additionalProps.onTransitionEnd) {
package/dist/cjs/components/Molecules/Checkbox/Checkbox.d.ts CHANGED
@@ -8,7 +8,7 @@ export interface CheckboxProps extends ComponentProps {
8
8
  icon?: string;
9
9
  iconColor?: string;
10
10
  onClick?: (e: React.MouseEvent<HTMLInputElement | HTMLSpanElement, MouseEvent>) => void;
11
- size?: string;
11
+ size?: string | number;
12
12
  startChecked?: boolean;
13
13
  native?: boolean;
14
14
  disableA11y?: boolean;
package/dist/cjs/components/Molecules/Checkbox/Checkbox.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/Checkbox/Checkbox.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,cAAc,EAAc,MAAM,gBAAgB,CAAC;AA2B5D,eAAO,MAAM,QAAQ,eAAyB,aAAa,KAAG,WA+F5D,CAAC;AAKH,MAAM,WAAW,aAAc,SAAQ,cAAc;IACpD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,GAAG,eAAe,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IACxF,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;CACtB"}
1
+ {"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/Checkbox/Checkbox.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,cAAc,EAAc,MAAM,gBAAgB,CAAC;AA6B5D,eAAO,MAAM,QAAQ,eAAyB,aAAa,KAAG,WA+F5D,CAAC;AAKH,MAAM,WAAW,aAAc,SAAQ,cAAc;IACpD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,GAAG,eAAe,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IACxF,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;CACtB"}
package/dist/cjs/components/Molecules/Checkbox/Checkbox.js CHANGED
@@ -27,20 +27,21 @@ var CSS = {
27
27
  checkbox: function (_a) {
28
28
  var _b;
29
29
  var size = _a.size, color = _a.color, theme = _a.theme;
30
+ var pixelSize = isNaN(Number(size)) ? size : "".concat(size, "px");
30
31
  return (0, react_1.css)({
31
32
  display: 'inline-flex',
32
33
  alignItems: 'center',
33
34
  justifyContent: 'center',
34
- height: size,
35
- width: size,
35
+ height: pixelSize,
36
+ width: pixelSize,
36
37
  border: "1px solid ".concat(color || ((_b = theme === null || theme === void 0 ? void 0 : theme.colors) === null || _b === void 0 ? void 0 : _b.primary) || '#333'),
37
38
  '&.ss__checkbox--disabled': {
38
39
  opacity: 0.7,
39
40
  },
40
41
  '& .ss__checkbox__empty': {
41
42
  display: 'inline-block',
42
- width: "calc(".concat(size, " - 30%)"),
43
- height: "calc(".concat(size, " - 30%)"),
43
+ width: "calc(".concat(pixelSize, " - 30%)"),
44
+ height: "calc(".concat(pixelSize, " - 30%)"),
44
45
  },
45
46
  });
46
47
  },
package/dist/cjs/components/Molecules/OverlayBadge/OverlayBadge.d.ts CHANGED
@@ -11,5 +11,6 @@ export interface OverlayBadgeProps extends ComponentProps {
11
11
  children: ComponentChildren;
12
12
  renderEmpty?: boolean;
13
13
  componentMap?: ComponentMap;
14
+ limit?: number;
14
15
  }
15
16
  //# sourceMappingURL=OverlayBadge.d.ts.map
package/dist/cjs/components/Molecules/OverlayBadge/OverlayBadge.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"OverlayBadge.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/OverlayBadge/OverlayBadge.tsx"],"names":[],"mappings":";AAAA,eAAe;AACf,OAAO,EAAE,iBAAiB,EAAe,MAAM,QAAQ,CAAC;AAOxD,OAAO,EAAE,cAAc,EAAc,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAG1E,OAAO,KAAK,EAAE,sBAAsB,EAAE,wBAAwB,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACxH,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC;AA8C7D,eAAO,MAAM,YAAY,eAAyB,iBAAiB,KAAG,WAuFpE,CAAC;AAEH,MAAM,WAAW,iBAAkB,SAAQ,cAAc;IACxD,MAAM,EAAE,OAAO,CAAC;IAChB,UAAU,EAAE,gBAAgB,GAAG,sBAAsB,GAAG,wBAAwB,CAAC;IACjF,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,YAAY,CAAC;CAC5B"}
1
+ {"version":3,"file":"OverlayBadge.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/OverlayBadge/OverlayBadge.tsx"],"names":[],"mappings":";AAAA,eAAe;AACf,OAAO,EAAE,iBAAiB,EAAe,MAAM,QAAQ,CAAC;AAOxD,OAAO,EAAE,cAAc,EAAc,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAG1E,OAAO,KAAK,EAAE,sBAAsB,EAAE,wBAAwB,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACxH,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC;AA8C7D,eAAO,MAAM,YAAY,eAAyB,iBAAiB,KAAG,WAuFpE,CAAC;AAEH,MAAM,WAAW,iBAAkB,SAAQ,cAAc;IACxD,MAAM,EAAE,OAAO,CAAC;IAChB,UAAU,EAAE,gBAAgB,GAAG,sBAAsB,GAAG,wBAAwB,CAAC;IACjF,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;CACf"}
package/dist/cjs/components/Molecules/OverlayBadge/OverlayBadge.js CHANGED
@@ -62,14 +62,15 @@ var CSS = {
62
62
  exports.OverlayBadge = (0, mobx_react_1.observer)(function (properties) {
63
63
  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
64
64
  var globalTheme = (0, providers_1.useTheme)();
65
- var props = __assign(__assign(__assign({}, (_a = globalTheme === null || globalTheme === void 0 ? void 0 : globalTheme.components) === null || _a === void 0 ? void 0 : _a.overlayBadge), properties), (_c = (_b = properties.theme) === null || _b === void 0 ? void 0 : _b.components) === null || _c === void 0 ? void 0 : _c.overlayBadge);
66
- var result = props.result, children = props.children, controller = props.controller, renderEmpty = props.renderEmpty, disableStyles = props.disableStyles, className = props.className, style = props.style;
65
+ var props = __assign(__assign(__assign({
66
+ // default props
67
+ limit: 1 }, (_a = globalTheme === null || globalTheme === void 0 ? void 0 : globalTheme.components) === null || _a === void 0 ? void 0 : _a.overlayBadge), properties), (_c = (_b = properties.theme) === null || _b === void 0 ? void 0 : _b.components) === null || _c === void 0 ? void 0 : _c.overlayBadge);
68
+ var result = props.result, children = props.children, controller = props.controller, renderEmpty = props.renderEmpty, limit = props.limit, disableStyles = props.disableStyles, className = props.className, style = props.style;
67
69
  var styling = {};
68
70
  if (!children) {
69
71
  (_d = controller === null || controller === void 0 ? void 0 : controller.log) === null || _d === void 0 ? void 0 : _d.warn('OverlayBadge component must have children');
70
72
  return (0, react_1.jsx)(preact_1.Fragment, null);
71
73
  }
72
- var limit = 1;
73
74
  var meta = (_e = controller === null || controller === void 0 ? void 0 : controller.store) === null || _e === void 0 ? void 0 : _e.meta;
74
75
  var group = 'overlay';
75
76
  var grid = (_h = (_g = (_f = meta === null || meta === void 0 ? void 0 : meta.badges) === null || _f === void 0 ? void 0 : _f.groups) === null || _g === void 0 ? void 0 : _g[group]) === null || _h === void 0 ? void 0 : _h.grid;
package/dist/esm/components/Atoms/Price/Price.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Price.d.ts","sourceRoot":"","sources":["../../../../../src/components/Atoms/Price/Price.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AAc1E,wBAAgB,KAAK,CAAC,UAAU,EAAE,UAAU,GAAG,GAAG,CAAC,OAAO,CA4DzD;AAED,MAAM,WAAW,UAAW,SAAQ,oBAAoB;IACvD,WAAW,CAAC,EAAE,OAAO,CAAC;CACtB"}
1
+ {"version":3,"file":"Price.d.ts","sourceRoot":"","sources":["../../../../../src/components/Atoms/Price/Price.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AAc1E,wBAAgB,KAAK,CAAC,UAAU,EAAE,UAAU,GAAG,GAAG,CAAC,OAAO,CA6DzD;AAED,MAAM,WAAW,UAAW,SAAQ,oBAAoB;IACvD,WAAW,CAAC,EAAE,OAAO,CAAC;CACtB"}
package/dist/esm/components/Atoms/Price/Price.js CHANGED
@@ -33,12 +33,11 @@ export function Price(properties) {
33
33
  };
34
34
  const { lineThrough, value, symbol, decimalPlaces, padDecimalPlaces, thousandsSeparator, decimalSeparator, symbolAfter, raw, disableStyles, className, style, } = props;
35
35
  const formattedPrice = filters.currency(+value, {
36
- symbol,
36
+ symbol: '',
37
37
  decimalPlaces,
38
38
  padDecimalPlaces,
39
39
  thousandsSeparator,
40
40
  decimalSeparator,
41
- symbolAfter,
42
41
  });
43
42
  const styling = {};
44
43
  if (!disableStyles) {
@@ -48,5 +47,8 @@ export function Price(properties) {
48
47
  styling.css = [style];
49
48
  }
50
49
  return raw ? (jsx(Fragment, null, formattedPrice)) : (jsx(CacheProvider, null,
51
- jsx("span", { ...styling, className: classnames('ss__price', { 'ss__price--strike': lineThrough }, className) }, formattedPrice)));
50
+ jsx("span", { ...styling, className: classnames('ss__price', { 'ss__price--strike': lineThrough }, className) },
51
+ symbol && !symbolAfter ? jsx("span", { className: 'ss__price__symbol' }, symbol) : jsx(Fragment, null),
52
+ jsx("span", { className: 'ss__price__value' }, formattedPrice),
53
+ symbol && symbolAfter ? jsx("span", { className: 'ss__price__symbol' }, symbol) : jsx(Fragment, null))));
52
54
  }
package/dist/esm/components/Molecules/CalloutBadge/CalloutBadge.d.ts CHANGED
@@ -7,5 +7,6 @@ export interface CalloutBadgeProps extends ComponentProps {
7
7
  tag?: string;
8
8
  renderEmpty?: boolean;
9
9
  componentMap?: ComponentMap;
10
+ limit?: number;
10
11
  }
11
12
  //# sourceMappingURL=CalloutBadge.d.ts.map
package/dist/esm/components/Molecules/CalloutBadge/CalloutBadge.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"CalloutBadge.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/CalloutBadge/CalloutBadge.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,cAAc,EAAc,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAG1E,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC;AAW7D,eAAO,MAAM,YAAY,eAAyB,iBAAiB,KAAG,WA0CpE,CAAC;AAEH,MAAM,WAAW,iBAAkB,SAAQ,cAAc;IACxD,MAAM,EAAE,OAAO,CAAC;IAChB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,YAAY,CAAC;CAC5B"}
1
+ {"version":3,"file":"CalloutBadge.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/CalloutBadge/CalloutBadge.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,cAAc,EAAc,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAG1E,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC;AAY7D,eAAO,MAAM,YAAY,eAAyB,iBAAiB,KAAG,WA0CpE,CAAC;AAEH,MAAM,WAAW,iBAAkB,SAAQ,cAAc;IACxD,MAAM,EAAE,OAAO,CAAC;IAChB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;CACf"}
package/dist/esm/components/Molecules/CalloutBadge/CalloutBadge.js CHANGED
@@ -11,6 +11,7 @@ const CSS = {
11
11
  display: 'flex',
12
12
  justifyContent: 'center',
13
13
  alignItems: 'center',
14
+ gap: '5px',
14
15
  }),
15
16
  };
16
17
  export const CalloutBadge = observer((properties) => {
@@ -18,13 +19,14 @@ export const CalloutBadge = observer((properties) => {
18
19
  const props = {
19
20
  // default props
20
21
  tag: 'callout',
22
+ limit: 1,
21
23
  // global theme
22
24
  ...globalTheme?.components?.calloutBadge,
23
25
  // props
24
26
  ...properties,
25
27
  ...properties.theme?.components?.calloutBadge,
26
28
  };
27
- const { result, tag, renderEmpty, disableStyles, className, style } = props;
29
+ const { result, tag, renderEmpty, limit, disableStyles, className, style } = props;
28
30
  const styling = {};
29
31
  const badgeComponentMap = { ...defaultBadgeComponentMap, ...props.componentMap };
30
32
  if (!disableStyles) {
@@ -33,7 +35,6 @@ export const CalloutBadge = observer((properties) => {
33
35
  else if (style) {
34
36
  styling.css = [style];
35
37
  }
36
- const limit = 1;
37
38
  const badges = result?.badges?.atLocation(tag).slice(0, limit);
38
39
  if (renderEmpty || badges?.length) {
39
40
  return (jsx(CacheProvider, null,
package/dist/esm/components/Molecules/Carousel/Carousel.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/Carousel/Carousel.tsx"],"names":[],"mappings":";AAWA,OAAO,KAAK,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,QAAQ,CAAC;AACpD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AACzE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AAIzE,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAc,MAAM,gBAAgB,CAAC;AAkI9E,eAAO,MAAM,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;CA0BtC,CAAC;AAEF,eAAO,MAAM,kCAAkC;;;;;;CAM9C,CAAC;AAEF,eAAO,MAAM,QAAQ,eAAyB,aAAa,KAAG,WAwP5D,CAAC;AAEH,MAAM,WAAW,aAAc,SAAQ,cAAc;IACpD,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,UAAU,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;IAClC,UAAU,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;IAClC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,GAAG,iBAAiB,CAAC;IACzC,UAAU,CAAC,EAAE,OAAO,GAAG,iBAAiB,CAAC;IACzC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,EAAE,CAAC,EAAE,UAAU,GAAG,UAAU,GAAG,YAAY,KAAK,IAAI,CAAC;IACnF,iBAAiB,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IAC3E,iBAAiB,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IAC3E,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IAC7C,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IACvC,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IAC5C,OAAO,CAAC,EAAE,GAAG,EAAE,CAAC;IAChB,QAAQ,EAAE,GAAG,CAAC,OAAO,EAAE,CAAC;CACxB"}
1
+ {"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/Carousel/Carousel.tsx"],"names":[],"mappings":";AAWA,OAAO,KAAK,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,QAAQ,CAAC;AACpD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AACzE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AAIzE,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAc,MAAM,gBAAgB,CAAC;AAkI9E,eAAO,MAAM,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;CA0BtC,CAAC;AAEF,eAAO,MAAM,kCAAkC;;;;;;CAM9C,CAAC;AAEF,eAAO,MAAM,QAAQ,eAAyB,aAAa,KAAG,WA2P5D,CAAC;AAEH,MAAM,WAAW,aAAc,SAAQ,cAAc;IACpD,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,UAAU,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;IAClC,UAAU,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;IAClC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,GAAG,iBAAiB,CAAC;IACzC,UAAU,CAAC,EAAE,OAAO,GAAG,iBAAiB,CAAC;IACzC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,EAAE,CAAC,EAAE,UAAU,GAAG,UAAU,GAAG,YAAY,KAAK,IAAI,CAAC;IACnF,iBAAiB,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IAC3E,iBAAiB,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IAC3E,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IAC7C,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IACvC,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IAC5C,OAAO,CAAC,EAAE,GAAG,EAAE,CAAC;IAChB,QAAQ,EAAE,GAAG,CAAC,OAAO,EAAE,CAAC;CACxB"}
package/dist/esm/components/Molecules/Carousel/Carousel.js CHANGED
@@ -282,6 +282,7 @@ export const Carousel = observer((properties) => {
282
282
  });
283
283
  }
284
284
  };
285
+ delete additionalProps.breakpoints;
285
286
  return children?.length ? (jsx(CacheProvider, null,
286
287
  jsx("div", { ref: rootComponentRef, ...styling, className: classnames('ss__carousel', vertical ? 'ss__carousel-vertical' : '', className) },
287
288
  jsx("div", { className: classnames('ss__carousel__prev-wrapper', { 'ss__carousel__prev-wrapper--hidden': hideButtons }) },
@@ -320,10 +321,11 @@ export const Carousel = observer((properties) => {
320
321
  }
321
322
  }, onClick: (swiper, e) => {
322
323
  onClick && onClick(swiper, e);
323
- }, direction: vertical ? 'vertical' : 'horizontal', loop: loop, threshold: 7, loopAddBlankSlides: false, modules: swiperModules, ...additionalProps, ...displaySettings, navigation: navigation, pagination: pagination, onResize: () => {
324
+ }, direction: vertical ? 'vertical' : 'horizontal', loop: loop, threshold: 7, loopAddBlankSlides: false, modules: swiperModules, ...additionalProps, ...displaySettings, navigation: navigation, pagination: pagination, onResize: (swiper) => {
324
325
  if (additionalProps.onResize) {
325
326
  additionalProps.onResize();
326
327
  }
328
+ swiper.updateSlidesClasses();
327
329
  attachClasstoLastVisibleSlide();
328
330
  }, onTransitionEnd: () => {
329
331
  if (additionalProps.onTransitionEnd) {
package/dist/esm/components/Molecules/Checkbox/Checkbox.d.ts CHANGED
@@ -8,7 +8,7 @@ export interface CheckboxProps extends ComponentProps {
8
8
  icon?: string;
9
9
  iconColor?: string;
10
10
  onClick?: (e: React.MouseEvent<HTMLInputElement | HTMLSpanElement, MouseEvent>) => void;
11
- size?: string;
11
+ size?: string | number;
12
12
  startChecked?: boolean;
13
13
  native?: boolean;
14
14
  disableA11y?: boolean;
package/dist/esm/components/Molecules/Checkbox/Checkbox.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/Checkbox/Checkbox.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,cAAc,EAAc,MAAM,gBAAgB,CAAC;AA2B5D,eAAO,MAAM,QAAQ,eAAyB,aAAa,KAAG,WA+F5D,CAAC;AAKH,MAAM,WAAW,aAAc,SAAQ,cAAc;IACpD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,GAAG,eAAe,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IACxF,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;CACtB"}
1
+ {"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/Checkbox/Checkbox.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,cAAc,EAAc,MAAM,gBAAgB,CAAC;AA6B5D,eAAO,MAAM,QAAQ,eAAyB,aAAa,KAAG,WA+F5D,CAAC;AAKH,MAAM,WAAW,aAAc,SAAQ,cAAc;IACpD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,GAAG,eAAe,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IACxF,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;CACtB"}
package/dist/esm/components/Molecules/Checkbox/Checkbox.js CHANGED
@@ -7,22 +7,25 @@ import { useTheme, CacheProvider } from '../../../providers';
7
7
  import { Icon } from '../../Atoms/Icon';
8
8
  import { useA11y } from '../../../hooks/useA11y';
9
9
  const CSS = {
10
- checkbox: ({ size, color, theme }) => css({
11
- display: 'inline-flex',
12
- alignItems: 'center',
13
- justifyContent: 'center',
14
- height: size,
15
- width: size,
16
- border: `1px solid ${color || theme?.colors?.primary || '#333'}`,
17
- '&.ss__checkbox--disabled': {
18
- opacity: 0.7,
19
- },
20
- '& .ss__checkbox__empty': {
21
- display: 'inline-block',
22
- width: `calc(${size} - 30%)`,
23
- height: `calc(${size} - 30%)`,
24
- },
25
- }),
10
+ checkbox: ({ size, color, theme }) => {
11
+ const pixelSize = isNaN(Number(size)) ? size : `${size}px`;
12
+ return css({
13
+ display: 'inline-flex',
14
+ alignItems: 'center',
15
+ justifyContent: 'center',
16
+ height: pixelSize,
17
+ width: pixelSize,
18
+ border: `1px solid ${color || theme?.colors?.primary || '#333'}`,
19
+ '&.ss__checkbox--disabled': {
20
+ opacity: 0.7,
21
+ },
22
+ '& .ss__checkbox__empty': {
23
+ display: 'inline-block',
24
+ width: `calc(${pixelSize} - 30%)`,
25
+ height: `calc(${pixelSize} - 30%)`,
26
+ },
27
+ });
28
+ },
26
29
  native: () => css({}),
27
30
  };
28
31
  export const Checkbox = observer((properties) => {
package/dist/esm/components/Molecules/OverlayBadge/OverlayBadge.d.ts CHANGED
@@ -11,5 +11,6 @@ export interface OverlayBadgeProps extends ComponentProps {
11
11
  children: ComponentChildren;
12
12
  renderEmpty?: boolean;
13
13
  componentMap?: ComponentMap;
14
+ limit?: number;
14
15
  }
15
16
  //# sourceMappingURL=OverlayBadge.d.ts.map
package/dist/esm/components/Molecules/OverlayBadge/OverlayBadge.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"OverlayBadge.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/OverlayBadge/OverlayBadge.tsx"],"names":[],"mappings":";AAAA,eAAe;AACf,OAAO,EAAE,iBAAiB,EAAe,MAAM,QAAQ,CAAC;AAOxD,OAAO,EAAE,cAAc,EAAc,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAG1E,OAAO,KAAK,EAAE,sBAAsB,EAAE,wBAAwB,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACxH,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC;AA8C7D,eAAO,MAAM,YAAY,eAAyB,iBAAiB,KAAG,WAuFpE,CAAC;AAEH,MAAM,WAAW,iBAAkB,SAAQ,cAAc;IACxD,MAAM,EAAE,OAAO,CAAC;IAChB,UAAU,EAAE,gBAAgB,GAAG,sBAAsB,GAAG,wBAAwB,CAAC;IACjF,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,YAAY,CAAC;CAC5B"}
1
+ {"version":3,"file":"OverlayBadge.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/OverlayBadge/OverlayBadge.tsx"],"names":[],"mappings":";AAAA,eAAe;AACf,OAAO,EAAE,iBAAiB,EAAe,MAAM,QAAQ,CAAC;AAOxD,OAAO,EAAE,cAAc,EAAc,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAG1E,OAAO,KAAK,EAAE,sBAAsB,EAAE,wBAAwB,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACxH,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC;AA8C7D,eAAO,MAAM,YAAY,eAAyB,iBAAiB,KAAG,WAuFpE,CAAC;AAEH,MAAM,WAAW,iBAAkB,SAAQ,cAAc;IACxD,MAAM,EAAE,OAAO,CAAC;IAChB,UAAU,EAAE,gBAAgB,GAAG,sBAAsB,GAAG,wBAAwB,CAAC;IACjF,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;CACf"}
package/dist/esm/components/Molecules/OverlayBadge/OverlayBadge.js CHANGED
@@ -51,19 +51,19 @@ export const OverlayBadge = observer((properties) => {
51
51
  const globalTheme = useTheme();
52
52
  const props = {
53
53
  // default props
54
+ limit: 1,
54
55
  // global theme
55
56
  ...globalTheme?.components?.overlayBadge,
56
57
  // props
57
58
  ...properties,
58
59
  ...properties.theme?.components?.overlayBadge,
59
60
  };
60
- const { result, children, controller, renderEmpty, disableStyles, className, style } = props;
61
+ const { result, children, controller, renderEmpty, limit, disableStyles, className, style } = props;
61
62
  const styling = {};
62
63
  if (!children) {
63
64
  controller?.log?.warn('OverlayBadge component must have children');
64
65
  return jsx(Fragment, null);
65
66
  }
66
- const limit = 1;
67
67
  const meta = controller?.store?.meta;
68
68
  const group = 'overlay';
69
69
  const grid = meta?.badges?.groups?.[group]?.grid;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@searchspring/snap-preact-components",
3
- "version": "0.56.6",
3
+ "version": "0.58.0",
4
4
  "description": "Snap Preact Component Library",
5
5
  "author": "Searchspring",
6
6
  "license": "MIT",
@@ -29,7 +29,7 @@
29
29
  "dependencies": {
30
30
  "@cypress/react": "^8.0.0",
31
31
  "@emotion/react": "11.9.0",
32
- "@searchspring/snap-toolbox": "^0.56.6",
32
+ "@searchspring/snap-toolbox": "^0.58.0",
33
33
  "classnames": "^2.3.2",
34
34
  "cypress": "^13.7.1",
35
35
  "cypress-wait-until": "^1.7.2",
@@ -52,14 +52,14 @@
52
52
  "@babel/preset-env": "^7.21.4",
53
53
  "@babel/preset-react": "^7.18.6",
54
54
  "@babel/runtime": "^7.21.0",
55
- "@searchspring/snap-client": "^0.56.6",
56
- "@searchspring/snap-controller": "^0.56.6",
57
- "@searchspring/snap-event-manager": "^0.56.6",
58
- "@searchspring/snap-logger": "^0.56.6",
59
- "@searchspring/snap-profiler": "^0.56.6",
60
- "@searchspring/snap-store-mobx": "^0.56.6",
61
- "@searchspring/snap-tracker": "^0.56.6",
62
- "@searchspring/snap-url-manager": "^0.56.6",
55
+ "@searchspring/snap-client": "^0.58.0",
56
+ "@searchspring/snap-controller": "^0.58.0",
57
+ "@searchspring/snap-event-manager": "^0.58.0",
58
+ "@searchspring/snap-logger": "^0.58.0",
59
+ "@searchspring/snap-profiler": "^0.58.0",
60
+ "@searchspring/snap-store-mobx": "^0.58.0",
61
+ "@searchspring/snap-tracker": "^0.58.0",
62
+ "@searchspring/snap-url-manager": "^0.58.0",
63
63
  "@storybook/addon-actions": "6.4.22",
64
64
  "@storybook/addon-controls": "6.4.22",
65
65
  "@storybook/addon-docs": "6.4.22",
@@ -84,5 +84,5 @@
84
84
  "webpack-merge": "^5.8.0"
85
85
  },
86
86
  "sideEffects": false,
87
- "gitHead": "6ce15ae24b23acedd8f5970e3d34a0bfa977c11e"
87
+ "gitHead": "66000e90f43118ae73e165f9558f2138d40d3bc7"
88
88
  }