@asantemedia-org/edwardsvacuum-design-system 1.2.4 → 1.2.6

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 (11) hide show
  1. package/dist/index.css +8 -0
  2. package/dist/index.esm.css +8 -0
  3. package/dist/index.esm.js +13 -7
  4. package/dist/index.esm.js.map +1 -1
  5. package/dist/index.js +13 -7
  6. package/dist/index.js.map +1 -1
  7. package/dist/index.scss +8 -0
  8. package/dist/stories/components/Card/card.d.ts +3 -4
  9. package/dist/stories/experiences/Algolia-dynamic-search/algolia-dynamic-search.d.ts +0 -1
  10. package/dist/tsconfig.tsbuildinfo +1 -1
  11. package/package.json +5 -5
package/dist/index.css CHANGED
@@ -53,6 +53,7 @@
53
53
  }
54
54
  .cmpAlgoliaDynamicSearchWidget__header h1, .cmpAlgoliaDynamicSearchWidget__header h2, .cmpAlgoliaDynamicSearchWidget__header h3, .cmpAlgoliaDynamicSearchWidget__header h4, .cmpAlgoliaDynamicSearchWidget__header h5, .cmpAlgoliaDynamicSearchWidget__header h6, .cmpAlgoliaDynamicSearchWidget__header p {
55
55
  margin: 0;
56
+ color: #2d363a;
56
57
  }
57
58
  .cmpAlgoliaDynamicSearchWidget__header__text {
58
59
  display: flex;
@@ -96,6 +97,9 @@
96
97
  .cmpAlgoliaDynamicSearchWidget.hasStyleGreyBackground .cmpAlgoliaDynamicSearchWidget__header__text {
97
98
  color: white;
98
99
  }
100
+ .cmpAlgoliaDynamicSearchWidget.hasStyleGreyBackground .cmpAlgoliaDynamicSearchWidget__header__text h1, .cmpAlgoliaDynamicSearchWidget.hasStyleGreyBackground .cmpAlgoliaDynamicSearchWidget__header__text h2, .cmpAlgoliaDynamicSearchWidget.hasStyleGreyBackground .cmpAlgoliaDynamicSearchWidget__header__text h3, .cmpAlgoliaDynamicSearchWidget.hasStyleGreyBackground .cmpAlgoliaDynamicSearchWidget__header__text h4, .cmpAlgoliaDynamicSearchWidget.hasStyleGreyBackground .cmpAlgoliaDynamicSearchWidget__header__text h5, .cmpAlgoliaDynamicSearchWidget.hasStyleGreyBackground .cmpAlgoliaDynamicSearchWidget__header__text h6, .cmpAlgoliaDynamicSearchWidget.hasStyleGreyBackground .cmpAlgoliaDynamicSearchWidget__header__text p {
101
+ color: white;
102
+ }
99
103
 
100
104
  .cmpAlgoliaDynamicSearchWidget__placeholder {
101
105
  opacity: 0;
@@ -174,6 +178,7 @@
174
178
  }
175
179
  .algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget__header___vxNjS h1, .algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget__header___vxNjS h2, .algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget__header___vxNjS h3, .algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget__header___vxNjS h4, .algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget__header___vxNjS h5, .algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget__header___vxNjS h6, .algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget__header___vxNjS p {
176
180
  margin: 0;
181
+ color: #2d363a;
177
182
  }
178
183
  .algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget__header__text___23-nk {
179
184
  display: flex;
@@ -217,6 +222,9 @@
217
222
  .algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget___WY9hc.algolia-dynamic-search-module__hasStyleGreyBackground___SuPIH .algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget__header__text___23-nk {
218
223
  color: white;
219
224
  }
225
+ .algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget___WY9hc.algolia-dynamic-search-module__hasStyleGreyBackground___SuPIH .algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget__header__text___23-nk h1, .algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget___WY9hc.algolia-dynamic-search-module__hasStyleGreyBackground___SuPIH .algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget__header__text___23-nk h2, .algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget___WY9hc.algolia-dynamic-search-module__hasStyleGreyBackground___SuPIH .algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget__header__text___23-nk h3, .algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget___WY9hc.algolia-dynamic-search-module__hasStyleGreyBackground___SuPIH .algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget__header__text___23-nk h4, .algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget___WY9hc.algolia-dynamic-search-module__hasStyleGreyBackground___SuPIH .algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget__header__text___23-nk h5, .algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget___WY9hc.algolia-dynamic-search-module__hasStyleGreyBackground___SuPIH .algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget__header__text___23-nk h6, .algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget___WY9hc.algolia-dynamic-search-module__hasStyleGreyBackground___SuPIH .algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget__header__text___23-nk p {
226
+ color: white;
227
+ }
220
228
 
221
229
  .algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget__placeholder___IWqoU {
222
230
  opacity: 0;
package/dist/index.esm.css CHANGED
@@ -53,6 +53,7 @@
53
53
  }
54
54
  .cmpAlgoliaDynamicSearchWidget__header h1, .cmpAlgoliaDynamicSearchWidget__header h2, .cmpAlgoliaDynamicSearchWidget__header h3, .cmpAlgoliaDynamicSearchWidget__header h4, .cmpAlgoliaDynamicSearchWidget__header h5, .cmpAlgoliaDynamicSearchWidget__header h6, .cmpAlgoliaDynamicSearchWidget__header p {
55
55
  margin: 0;
56
+ color: #2d363a;
56
57
  }
57
58
  .cmpAlgoliaDynamicSearchWidget__header__text {
58
59
  display: flex;
@@ -96,6 +97,9 @@
96
97
  .cmpAlgoliaDynamicSearchWidget.hasStyleGreyBackground .cmpAlgoliaDynamicSearchWidget__header__text {
97
98
  color: white;
98
99
  }
100
+ .cmpAlgoliaDynamicSearchWidget.hasStyleGreyBackground .cmpAlgoliaDynamicSearchWidget__header__text h1, .cmpAlgoliaDynamicSearchWidget.hasStyleGreyBackground .cmpAlgoliaDynamicSearchWidget__header__text h2, .cmpAlgoliaDynamicSearchWidget.hasStyleGreyBackground .cmpAlgoliaDynamicSearchWidget__header__text h3, .cmpAlgoliaDynamicSearchWidget.hasStyleGreyBackground .cmpAlgoliaDynamicSearchWidget__header__text h4, .cmpAlgoliaDynamicSearchWidget.hasStyleGreyBackground .cmpAlgoliaDynamicSearchWidget__header__text h5, .cmpAlgoliaDynamicSearchWidget.hasStyleGreyBackground .cmpAlgoliaDynamicSearchWidget__header__text h6, .cmpAlgoliaDynamicSearchWidget.hasStyleGreyBackground .cmpAlgoliaDynamicSearchWidget__header__text p {
101
+ color: white;
102
+ }
99
103
 
100
104
  .cmpAlgoliaDynamicSearchWidget__placeholder {
101
105
  opacity: 0;
@@ -174,6 +178,7 @@
174
178
  }
175
179
  .algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget__header___vxNjS h1, .algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget__header___vxNjS h2, .algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget__header___vxNjS h3, .algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget__header___vxNjS h4, .algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget__header___vxNjS h5, .algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget__header___vxNjS h6, .algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget__header___vxNjS p {
176
180
  margin: 0;
181
+ color: #2d363a;
177
182
  }
178
183
  .algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget__header__text___23-nk {
179
184
  display: flex;
@@ -217,6 +222,9 @@
217
222
  .algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget___WY9hc.algolia-dynamic-search-module__hasStyleGreyBackground___SuPIH .algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget__header__text___23-nk {
218
223
  color: white;
219
224
  }
225
+ .algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget___WY9hc.algolia-dynamic-search-module__hasStyleGreyBackground___SuPIH .algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget__header__text___23-nk h1, .algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget___WY9hc.algolia-dynamic-search-module__hasStyleGreyBackground___SuPIH .algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget__header__text___23-nk h2, .algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget___WY9hc.algolia-dynamic-search-module__hasStyleGreyBackground___SuPIH .algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget__header__text___23-nk h3, .algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget___WY9hc.algolia-dynamic-search-module__hasStyleGreyBackground___SuPIH .algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget__header__text___23-nk h4, .algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget___WY9hc.algolia-dynamic-search-module__hasStyleGreyBackground___SuPIH .algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget__header__text___23-nk h5, .algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget___WY9hc.algolia-dynamic-search-module__hasStyleGreyBackground___SuPIH .algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget__header__text___23-nk h6, .algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget___WY9hc.algolia-dynamic-search-module__hasStyleGreyBackground___SuPIH .algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget__header__text___23-nk p {
226
+ color: white;
227
+ }
220
228
 
221
229
  .algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget__placeholder___IWqoU {
222
230
  opacity: 0;
package/dist/index.esm.js CHANGED
@@ -4604,7 +4604,8 @@ var Card = function (_a) {
4604
4604
  cardStyle = _a.cardStyle,
4605
4605
  cardLink = _a.cardLink,
4606
4606
  city = _a.city,
4607
- country = _a.country;
4607
+ country = _a.country,
4608
+ onClick = _a.onClick;
4608
4609
  var mode = getStyle("cmp-card--".concat(cardStyle));
4609
4610
  var width = cardSizeMapping(size);
4610
4611
  var categoryColour = colour ? "cmp-card__content-category-wrapper__colour-".concat(colour) : '';
@@ -4612,7 +4613,8 @@ var Card = function (_a) {
4612
4613
  className: classnames(getStyle('cmp-card'), mode, width, getStyle(className))
4613
4614
  }, /*#__PURE__*/React.createElement("a", {
4614
4615
  className: getStyle('cmp-card__link'),
4615
- href: cardLink
4616
+ href: cardLink,
4617
+ onClick: onClick
4616
4618
  }, /*#__PURE__*/React.createElement("div", {
4617
4619
  className: getStyle('cmp-card__content-wrapper')
4618
4620
  }, imageUrl && /*#__PURE__*/React.createElement("div", {
@@ -4652,15 +4654,16 @@ var ProductCard = function (_a) {
4652
4654
  showProductPrice = _a.showProductPrice,
4653
4655
  cardLink = _a.cardLink,
4654
4656
  cta = _a.cta,
4655
- cardStyle = _a.cardStyle;
4657
+ cardStyle = _a.cardStyle,
4658
+ onClick = _a.onClick;
4656
4659
  var width = cardSizeMapping(size);
4657
4660
  var mode = getStyle("cmp-card--".concat(cardStyle));
4658
- console.log(cardStyle);
4659
4661
  return /*#__PURE__*/React.createElement("div", {
4660
4662
  className: classnames(getStyle('cmp-card'), mode, width, className)
4661
4663
  }, /*#__PURE__*/React.createElement("a", {
4662
4664
  href: cardLink,
4663
- className: getStyle('cmp-card__link')
4665
+ className: getStyle('cmp-card__link'),
4666
+ onClick: onClick
4664
4667
  }, /*#__PURE__*/React.createElement("div", {
4665
4668
  className: getStyle('cmp-card--type-card-product__wrapper')
4666
4669
  }, /*#__PURE__*/React.createElement("div", {
@@ -4753,7 +4756,7 @@ var AlgoliaDynamicSearch = function (_a) {
4753
4756
  // Background styling mapping
4754
4757
  var backgroundStyles = {
4755
4758
  "dark-grey": {
4756
- buttonStyle: "outlineWhite",
4759
+ buttonStyle: "primary",
4757
4760
  containerBackground: styles$4.hasStyleGreyBackground,
4758
4761
  textColour: "white"
4759
4762
  },
@@ -4835,7 +4838,10 @@ var AlgoliaDynamicSearch = function (_a) {
4835
4838
  showProductPrice: showProductPrice,
4836
4839
  cardLink: cardLink,
4837
4840
  city: hit.city,
4838
- country: hit.country
4841
+ country: hit.country,
4842
+ onClick: function () {
4843
+ alert("Card clicked");
4844
+ }
4839
4845
  });
4840
4846
  }))));
4841
4847
  };