@asantemedia-org/edwardsvacuum-design-system 1.1.2 → 1.1.4

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 (8) hide show
  1. package/dist/index.css +14 -2
  2. package/dist/index.esm.css +14 -2
  3. package/dist/index.esm.js +12 -3
  4. package/dist/index.esm.js.map +1 -1
  5. package/dist/index.js +12 -3
  6. package/dist/index.js.map +1 -1
  7. package/dist/tsconfig.tsbuildinfo +1 -1
  8. package/package.json +23 -22
package/dist/index.css CHANGED
@@ -1158,6 +1158,12 @@
1158
1158
  overflow: hidden;
1159
1159
  height: 100%;
1160
1160
  }
1161
+ .cmp-card--type-card-overlay .cmp-card__title-wrapper {
1162
+ background-color: transparent;
1163
+ position: absolute;
1164
+ bottom: 0;
1165
+ width: 100%;
1166
+ }
1161
1167
  .cmp-card--type-card-overlay .cmp-card__image-wrapper {
1162
1168
  height: 100%;
1163
1169
  }
@@ -1206,7 +1212,7 @@
1206
1212
  display: grid;
1207
1213
  grid-template-columns: repeat(4, 1fr);
1208
1214
  height: 100%;
1209
- background: linear-gradient(248.19deg, rgba(67, 75, 77, 0.2) 2.68%, rgba(67, 75, 77, 0.05) 101.78%);
1215
+ background: linear-gradient(45deg, rgb(212, 214, 215), rgb(172, 174, 176));
1210
1216
  }
1211
1217
  .cmp-card--type-card-product__image {
1212
1218
  grid-column: span 1;
@@ -2270,6 +2276,12 @@
2270
2276
  overflow: hidden;
2271
2277
  height: 100%;
2272
2278
  }
2279
+ .card-module__cmp-card--type-card-overlay___344ul .card-module__cmp-card__title-wrapper___XHfZg {
2280
+ background-color: transparent;
2281
+ position: absolute;
2282
+ bottom: 0;
2283
+ width: 100%;
2284
+ }
2273
2285
  .card-module__cmp-card--type-card-overlay___344ul .card-module__cmp-card__image-wrapper___IhPHw {
2274
2286
  height: 100%;
2275
2287
  }
@@ -2318,7 +2330,7 @@
2318
2330
  display: grid;
2319
2331
  grid-template-columns: repeat(4, 1fr);
2320
2332
  height: 100%;
2321
- background: linear-gradient(248.19deg, rgba(67, 75, 77, 0.2) 2.68%, rgba(67, 75, 77, 0.05) 101.78%);
2333
+ background: linear-gradient(45deg, rgb(212, 214, 215), rgb(172, 174, 176));
2322
2334
  }
2323
2335
  .card-module__cmp-card--type-card-product__image___Bkb0A {
2324
2336
  grid-column: span 1;
package/dist/index.esm.css CHANGED
@@ -1158,6 +1158,12 @@
1158
1158
  overflow: hidden;
1159
1159
  height: 100%;
1160
1160
  }
1161
+ .cmp-card--type-card-overlay .cmp-card__title-wrapper {
1162
+ background-color: transparent;
1163
+ position: absolute;
1164
+ bottom: 0;
1165
+ width: 100%;
1166
+ }
1161
1167
  .cmp-card--type-card-overlay .cmp-card__image-wrapper {
1162
1168
  height: 100%;
1163
1169
  }
@@ -1206,7 +1212,7 @@
1206
1212
  display: grid;
1207
1213
  grid-template-columns: repeat(4, 1fr);
1208
1214
  height: 100%;
1209
- background: linear-gradient(248.19deg, rgba(67, 75, 77, 0.2) 2.68%, rgba(67, 75, 77, 0.05) 101.78%);
1215
+ background: linear-gradient(45deg, rgb(212, 214, 215), rgb(172, 174, 176));
1210
1216
  }
1211
1217
  .cmp-card--type-card-product__image {
1212
1218
  grid-column: span 1;
@@ -2270,6 +2276,12 @@
2270
2276
  overflow: hidden;
2271
2277
  height: 100%;
2272
2278
  }
2279
+ .card-module__cmp-card--type-card-overlay___344ul .card-module__cmp-card__title-wrapper___XHfZg {
2280
+ background-color: transparent;
2281
+ position: absolute;
2282
+ bottom: 0;
2283
+ width: 100%;
2284
+ }
2273
2285
  .card-module__cmp-card--type-card-overlay___344ul .card-module__cmp-card__image-wrapper___IhPHw {
2274
2286
  height: 100%;
2275
2287
  }
@@ -2318,7 +2330,7 @@
2318
2330
  display: grid;
2319
2331
  grid-template-columns: repeat(4, 1fr);
2320
2332
  height: 100%;
2321
- background: linear-gradient(248.19deg, rgba(67, 75, 77, 0.2) 2.68%, rgba(67, 75, 77, 0.05) 101.78%);
2333
+ background: linear-gradient(45deg, rgb(212, 214, 215), rgb(172, 174, 176));
2322
2334
  }
2323
2335
  .card-module__cmp-card--type-card-product__image___Bkb0A {
2324
2336
  grid-column: span 1;
package/dist/index.esm.js CHANGED
@@ -4579,8 +4579,17 @@ var getStyle = function (className) {
4579
4579
  return nestedMatch ? styles$3[nestedMatch] : '';
4580
4580
  };
4581
4581
  var cardSizeMapping = function (size) {
4582
- if (!size) return '';
4583
- return getStyle("cmp-card__".concat(size));
4582
+ var classSrting;
4583
+ if (size === 'small') {
4584
+ classSrting = 'col-3';
4585
+ } else if (size === 'medium') {
4586
+ classSrting = 'col-4';
4587
+ } else if (size === 'large') {
4588
+ classSrting = 'col-6';
4589
+ } else {
4590
+ classSrting = '';
4591
+ }
4592
+ return classSrting;
4584
4593
  };
4585
4594
  var Card = function (_a) {
4586
4595
  var contentCategoryLabel = _a.contentCategoryLabel,
@@ -4630,7 +4639,7 @@ var Card = function (_a) {
4630
4639
  className: classnames(getStyle('cmp-card__footer'), categoryColour)
4631
4640
  }, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
4632
4641
  icon: faChevronRight
4633
- })) : cardStyle === 'type-card-label' ? /*#__PURE__*/React.createElement("span", {
4642
+ })) : cardStyle === 'label' ? /*#__PURE__*/React.createElement("span", {
4634
4643
  className: getStyle('cmp-card__footer')
4635
4644
  }, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
4636
4645
  icon: faArrowRight