terra-clinical-header - npm Package Compare versions

Comparing version 3.16.0 to 3.17.0

CHANGELOG.md

@@ -7,2 +7,12 @@ ChangeLog
 
+3.17.0 - (April 22, 2020)
+----------
+### Added
+* Backfilled missing lowlight theme vars
+
+### Fixed
+* Fix terra-clinical-header-border-bottom theme name for low-light
+* Fix start and end content flex alignment
+* Fix left margin style
+
 3.16.0 - (April 14, 2020)
@@ -9,0 +19,0 @@ ----------

lib/terra-dev-site/doc/example/ContentHeader.js

@@ -14,21 +14,13 @@ "use strict";
 
-var _bind = _interopRequireDefault(require("classnames/bind"));
-
-var _ContentHeaderModule = _interopRequireDefault(require("./ContentHeader.module.scss"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var cx = _bind.default.bind(_ContentHeaderModule.default);
-
 var TitleHeader = function TitleHeader() {
   return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_terraClinicalHeader.default, {
-    startContent: /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_terraButton.default, {
-      text: "Button",
-      className: cx('header-button')
-    })),
+    startContent: /*#__PURE__*/_react.default.createElement(_terraButton.default, {
+      text: "Button"
+    }),
     title: "Default Header",
-    endContent: /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_terraButton.default, {
-      text: "Button",
-      className: cx('header-button')
-    }))
+    endContent: /*#__PURE__*/_react.default.createElement(_terraButton.default, {
+      text: "Button"
+    })
   }));
@@ -35,0 +27,0 @@ };

lib/terra-dev-site/doc/example/HeaderLongTextWithContent.js

@@ -14,21 +14,13 @@ "use strict";
 
-var _bind = _interopRequireDefault(require("classnames/bind"));
-
-var _ContentHeaderModule = _interopRequireDefault(require("./ContentHeader.module.scss"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var cx = _bind.default.bind(_ContentHeaderModule.default);
-
 var LongTextWithContent = function LongTextWithContent() {
   return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_terraClinicalHeader.default, {
-    startContent: /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_terraButton.default, {
-      text: "Button",
-      className: cx('header-button')
-    })),
+    startContent: /*#__PURE__*/_react.default.createElement(_terraButton.default, {
+      text: "Button"
+    }),
     title: "Lorem ipsum dolor sit amet, sea meis iisque petentium an. Vero copiosae eu eos. Usu ocurreret definiebas eu, vim esse duis habemus at, vix at alii ubique. Nobis meliore principes te cum. Ei quando eirmod oportere eum, ei nonumy eruditi eum. In qui odio euripidis, habeo mundi praesent vim et.",
-    endContent: /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_terraButton.default, {
-      text: "Button",
-      className: cx('header-button')
-    }))
+    endContent: /*#__PURE__*/_react.default.createElement(_terraButton.default, {
+      text: "Button"
+    })
   }, /*#__PURE__*/_react.default.createElement(_terraButton.default, {
@@ -35,0 +27,0 @@ text: "Custom 1"

lib/terra-dev-site/doc/example/Subheader.js

@@ -14,21 +14,13 @@ "use strict";
 
-var _bind = _interopRequireDefault(require("classnames/bind"));
-
-var _ContentHeaderModule = _interopRequireDefault(require("./ContentHeader.module.scss"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var cx = _bind.default.bind(_ContentHeaderModule.default);
-
 var Subheader = function Subheader() {
   return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_terraClinicalHeader.default, {
-    startContent: /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_terraButton.default, {
-      text: "Button",
-      className: cx('header-button')
-    })),
+    startContent: /*#__PURE__*/_react.default.createElement(_terraButton.default, {
+      text: "Button"
+    }),
     title: "Default Subheader",
-    endContent: /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_terraButton.default, {
-      text: "Button",
-      className: cx('header-button')
-    })),
+    endContent: /*#__PURE__*/_react.default.createElement(_terraButton.default, {
+      text: "Button"
+    }),
     isSubheader: true
@@ -35,0 +27,0 @@ }));

package.json

 {
   "name": "terra-clinical-header",
   "main": "lib/Header.js",
-  "version": "3.16.0",
+  "version": "3.17.0",
   "description": "A Header component that allows elements to be placed on the left and right ends of the header with a left aligned title in the center. ",
@@ -48,3 +48,3 @@ "repository": {
   },
-  "gitHead": "e66cb450a62b819661ab4ca3ae8de31f52f98a88"
+  "gitHead": "cbed00dc13985029caa2444bedeb157725c1541b"
 }

src/terra-dev-site/doc/example/ContentHeader.jsx

 import React from 'react';
 import Button from 'terra-button';
 import Header from 'terra-clinical-header';
-import classNames from 'classnames/bind';
-import styles from './ContentHeader.module.scss';
 
-const cx = classNames.bind(styles);
-
 const TitleHeader = () => (
   <div>
     <Header
-      startContent={<div><Button text="Button" className={cx('header-button')} /></div>}
+      startContent={<Button text="Button" />}
       title="Default Header"
-      endContent={<div><Button text="Button" className={cx('header-button')} /></div>}
+      endContent={<Button text="Button" />}
     />
@@ -16,0 +12,0 @@ </div>

src/terra-dev-site/doc/example/HeaderLongTextWithContent.jsx

 import React from 'react';
 import Button from 'terra-button';
 import Header from 'terra-clinical-header';
-import classNames from 'classnames/bind';
-import styles from './ContentHeader.module.scss';
 
-const cx = classNames.bind(styles);
-
 const LongTextWithContent = () => (
   <div>
     <Header
-      startContent={<div><Button text="Button" className={cx('header-button')} /></div>}
+      startContent={<Button text="Button" />}
       title="Lorem ipsum dolor sit amet, sea meis iisque petentium an. Vero copiosae eu eos. Usu ocurreret definiebas eu, vim esse duis habemus at, vix at alii ubique. Nobis meliore principes te cum. Ei quando eirmod oportere eum, ei nonumy eruditi eum. In qui odio euripidis, habeo mundi praesent vim et."
-      endContent={<div><Button text="Button" className={cx('header-button')} /></div>}
+      endContent={<Button text="Button" />}
     >
@@ -16,0 +12,0 @@ <Button text="Custom 1" />

src/terra-dev-site/doc/example/Subheader.jsx

 import React from 'react';
 import Button from 'terra-button';
 import Header from 'terra-clinical-header';
-import classNames from 'classnames/bind';
-import styles from './ContentHeader.module.scss';
 
-const cx = classNames.bind(styles);
-
 const Subheader = () => (
   <div>
     <Header
-      startContent={<div><Button text="Button" className={cx('header-button')} /></div>}
+      startContent={<Button text="Button" />}
       title="Default Subheader"
-      endContent={<div><Button text="Button" className={cx('header-button')} /></div>}
+      endContent={<Button text="Button" />}
       isSubheader
@@ -16,0 +12,0 @@ />

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

64297

decreased by-0.43%

Number of package files

51

decreased by-3.77%

Lines of code

743

decreased by-3.13%

No dependency changes