@micromag/core 0.3.23 → 0.3.27

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 (4) hide show
  1. package/es/components.js +7 -7
  2. package/lib/components.js +7 -7
  3. package/package.json +2 -2
  4. package/scss/_theme.scss +4 -4
package/es/components.js CHANGED
@@ -798,7 +798,7 @@ var Card = function Card(_ref) {
798
798
  src: image,
799
799
  alt: imageAlt,
800
800
  className: classNames(['card-img-top', _defineProperty({}, imageClassName, imageClassName !== null)])
801
- }) : image, beforeBody, bodyInner !== null ? /*#__PURE__*/React.createElement(React.Fragment, null, onClickBody !== null ? /*#__PURE__*/React.createElement("button", {
801
+ }) : image, beforeBody, bodyInner !== null ? onClickBody !== null ? /*#__PURE__*/React.createElement("button", {
802
802
  type: "button",
803
803
  className: classNames(_defineProperty({
804
804
  'card-body': !imageOverlay,
@@ -810,15 +810,15 @@ var Card = function Card(_ref) {
810
810
  'card-body': !imageOverlay,
811
811
  'card-img-overlay': imageOverlay
812
812
  }, bodyClassName, bodyClassName !== null))
813
- }, bodyInner)) : null, afterBody, links !== null && !linksInSameBody ? /*#__PURE__*/React.createElement("div", {
813
+ }, bodyInner) : null, afterBody, links !== null && linksElements !== null && !linksInSameBody ? /*#__PURE__*/React.createElement("div", {
814
814
  className: "card-body"
815
- }, linksElements) : null, footer !== null ? /*#__PURE__*/React.createElement(React.Fragment, null, onClickFooter !== null ? /*#__PURE__*/React.createElement("button", {
815
+ }, linksElements) : null, footer !== null ? onClickFooter !== null ? /*#__PURE__*/React.createElement("button", {
816
816
  type: "button",
817
817
  className: classNames(['card-footer', _defineProperty({}, footerClassName, footerClassName !== null)]),
818
818
  onClick: onClickFooter
819
819
  }, /*#__PURE__*/React.createElement(Label, null, footer)) : /*#__PURE__*/React.createElement("div", {
820
820
  className: classNames(['card-footer', _defineProperty({}, footerClassName, footerClassName !== null)])
821
- }, /*#__PURE__*/React.createElement(Label, null, footer))) : null);
821
+ }, /*#__PURE__*/React.createElement(Label, null, footer)) : null);
822
822
  var cardClassName = classNames(['card', (_ref10 = {}, _defineProperty(_ref10, "bg-".concat(theme), !imageOverlay && theme !== 'dark'), _defineProperty(_ref10, 'bg-dark', imageOverlay || theme === 'dark'), _defineProperty(_ref10, 'text-dark', theme === 'light'), _defineProperty(_ref10, 'text-light', imageOverlay || theme === 'dark' || theme === 'primary'), _defineProperty(_ref10, className, className !== null), _ref10)]);
823
823
 
824
824
  if (href !== null) {
@@ -2304,11 +2304,11 @@ var Media = function Media(_ref) {
2304
2304
  'align-self-center': thumbnailAlign === 'center',
2305
2305
  'align-self-end': thumbnailAlign === 'bottom'
2306
2306
  }, thumbnailClassName, thumbnailClassName !== null)])
2307
- }) : thumbnail, /*#__PURE__*/React.createElement("div", {
2307
+ }) : thumbnail, title !== null || children !== null ? /*#__PURE__*/React.createElement("div", {
2308
2308
  className: classNames(['card-body', styles$e.body, _defineProperty({}, bodyClassName, bodyClassName !== null)])
2309
2309
  }, title !== null ? /*#__PURE__*/React.createElement("h5", {
2310
- className: classNames(['mt-0', styles$e.title, _defineProperty({}, titleClassName, titleClassName !== null)])
2311
- }, /*#__PURE__*/React.createElement(Label, null, title)) : null, children));
2310
+ className: classNames(['mt-0', 'text-truncate', styles$e.title, _defineProperty({}, titleClassName, titleClassName !== null)])
2311
+ }, /*#__PURE__*/React.createElement(Label, null, title)) : null, children) : null);
2312
2312
  };
2313
2313
 
2314
2314
  Media.propTypes = propTypes$e;
package/lib/components.js CHANGED
@@ -821,7 +821,7 @@ var Card = function Card(_ref) {
821
821
  src: image,
822
822
  alt: imageAlt,
823
823
  className: classNames__default["default"](['card-img-top', _defineProperty__default["default"]({}, imageClassName, imageClassName !== null)])
824
- }) : image, beforeBody, bodyInner !== null ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, onClickBody !== null ? /*#__PURE__*/React__default["default"].createElement("button", {
824
+ }) : image, beforeBody, bodyInner !== null ? onClickBody !== null ? /*#__PURE__*/React__default["default"].createElement("button", {
825
825
  type: "button",
826
826
  className: classNames__default["default"](_defineProperty__default["default"]({
827
827
  'card-body': !imageOverlay,
@@ -833,15 +833,15 @@ var Card = function Card(_ref) {
833
833
  'card-body': !imageOverlay,
834
834
  'card-img-overlay': imageOverlay
835
835
  }, bodyClassName, bodyClassName !== null))
836
- }, bodyInner)) : null, afterBody, links !== null && !linksInSameBody ? /*#__PURE__*/React__default["default"].createElement("div", {
836
+ }, bodyInner) : null, afterBody, links !== null && linksElements !== null && !linksInSameBody ? /*#__PURE__*/React__default["default"].createElement("div", {
837
837
  className: "card-body"
838
- }, linksElements) : null, footer !== null ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, onClickFooter !== null ? /*#__PURE__*/React__default["default"].createElement("button", {
838
+ }, linksElements) : null, footer !== null ? onClickFooter !== null ? /*#__PURE__*/React__default["default"].createElement("button", {
839
839
  type: "button",
840
840
  className: classNames__default["default"](['card-footer', _defineProperty__default["default"]({}, footerClassName, footerClassName !== null)]),
841
841
  onClick: onClickFooter
842
842
  }, /*#__PURE__*/React__default["default"].createElement(Label, null, footer)) : /*#__PURE__*/React__default["default"].createElement("div", {
843
843
  className: classNames__default["default"](['card-footer', _defineProperty__default["default"]({}, footerClassName, footerClassName !== null)])
844
- }, /*#__PURE__*/React__default["default"].createElement(Label, null, footer))) : null);
844
+ }, /*#__PURE__*/React__default["default"].createElement(Label, null, footer)) : null);
845
845
  var cardClassName = classNames__default["default"](['card', (_ref10 = {}, _defineProperty__default["default"](_ref10, "bg-".concat(theme), !imageOverlay && theme !== 'dark'), _defineProperty__default["default"](_ref10, 'bg-dark', imageOverlay || theme === 'dark'), _defineProperty__default["default"](_ref10, 'text-dark', theme === 'light'), _defineProperty__default["default"](_ref10, 'text-light', imageOverlay || theme === 'dark' || theme === 'primary'), _defineProperty__default["default"](_ref10, className, className !== null), _ref10)]);
846
846
 
847
847
  if (href !== null) {
@@ -2327,11 +2327,11 @@ var Media = function Media(_ref) {
2327
2327
  'align-self-center': thumbnailAlign === 'center',
2328
2328
  'align-self-end': thumbnailAlign === 'bottom'
2329
2329
  }, thumbnailClassName, thumbnailClassName !== null)])
2330
- }) : thumbnail, /*#__PURE__*/React__default["default"].createElement("div", {
2330
+ }) : thumbnail, title !== null || children !== null ? /*#__PURE__*/React__default["default"].createElement("div", {
2331
2331
  className: classNames__default["default"](['card-body', styles$e.body, _defineProperty__default["default"]({}, bodyClassName, bodyClassName !== null)])
2332
2332
  }, title !== null ? /*#__PURE__*/React__default["default"].createElement("h5", {
2333
- className: classNames__default["default"](['mt-0', styles$e.title, _defineProperty__default["default"]({}, titleClassName, titleClassName !== null)])
2334
- }, /*#__PURE__*/React__default["default"].createElement(Label, null, title)) : null, children));
2333
+ className: classNames__default["default"](['mt-0', 'text-truncate', styles$e.title, _defineProperty__default["default"]({}, titleClassName, titleClassName !== null)])
2334
+ }, /*#__PURE__*/React__default["default"].createElement(Label, null, title)) : null, children) : null);
2335
2335
  };
2336
2336
 
2337
2337
  Media.propTypes = propTypes$e;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@micromag/core",
3
- "version": "0.3.23",
3
+ "version": "0.3.27",
4
4
  "description": "",
5
5
  "keywords": [
6
6
  "javascript"
@@ -132,5 +132,5 @@
132
132
  "publishConfig": {
133
133
  "access": "public"
134
134
  },
135
- "gitHead": "0b692c48b420a885265c7d0ccdfcb207dda89e33"
135
+ "gitHead": "18798c7cbbab4d9a702e7070950394f05c1170cb"
136
136
  }
package/scss/_theme.scss CHANGED
@@ -75,7 +75,7 @@ $dropdown-link-hover-color: $body-color;
75
75
  $btn-close-color: $body-color;
76
76
 
77
77
 
78
- $btn-active-bg-shade-amount: 50% !default;
79
- $btn-active-bg-tint-amount: 50% !default;
80
- $btn-active-border-shade-amount: 50% !default;
81
- $btn-active-border-tint-amount: 25% !default;
78
+ $btn-active-bg-shade-amount: 50% !default;
79
+ $btn-active-bg-tint-amount: 50% !default;
80
+ $btn-active-border-shade-amount: 50% !default;
81
+ $btn-active-border-tint-amount: 25% !default;