terra-clinical-header
Advanced tools
Comparing version 3.14.0 to 3.15.0
@@ -7,2 +7,7 @@ ChangeLog | ||
3.15.0 - (March 31, 2020) | ||
------------------ | ||
### Added | ||
* Added wdio screenshots for clinical-lowlight-theme | ||
3.14.0 - (March 17, 2020) | ||
@@ -9,0 +14,0 @@ ---------- |
@@ -72,3 +72,3 @@ "use strict"; | ||
if (startContent) { | ||
startElement = _react.default.createElement("div", { | ||
startElement = /*#__PURE__*/_react.default.createElement("div", { | ||
className: cx('flex-end') | ||
@@ -81,5 +81,5 @@ }, startContent); | ||
if (title) { | ||
titleElement = _react.default.createElement("div", { | ||
titleElement = /*#__PURE__*/_react.default.createElement("div", { | ||
className: cx('title-container') | ||
}, _react.default.createElement("h1", { | ||
}, /*#__PURE__*/_react.default.createElement("h1", { | ||
className: cx('title') | ||
@@ -92,3 +92,3 @@ }, title)); | ||
if (endContent) { | ||
endElement = _react.default.createElement("div", { | ||
endElement = /*#__PURE__*/_react.default.createElement("div", { | ||
className: cx('flex-end') | ||
@@ -108,5 +108,5 @@ }, endContent); | ||
var headerClass = isSubheader ? 'flex-subheader' : 'flex-header'; | ||
return _react.default.createElement("header", _extends({}, customProps, { | ||
return /*#__PURE__*/_react.default.createElement("header", _extends({}, customProps, { | ||
className: cx(headerClass, customProps.className) | ||
}), startElement, _react.default.createElement("div", { | ||
}), startElement, /*#__PURE__*/_react.default.createElement("div", { | ||
className: cx('flex-fill') | ||
@@ -113,0 +113,0 @@ }, titleElement), childElement, endElement); |
@@ -23,4 +23,4 @@ "use strict"; | ||
var TitleHeader = function TitleHeader() { | ||
return _react.default.createElement("div", null, _react.default.createElement(_terraClinicalHeader.default, { | ||
startContent: _react.default.createElement("div", null, _react.default.createElement(_terraButton.default, { | ||
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", | ||
@@ -30,3 +30,3 @@ className: cx('header-button') | ||
title: "Default Header", | ||
endContent: _react.default.createElement("div", null, _react.default.createElement(_terraButton.default, { | ||
endContent: /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_terraButton.default, { | ||
text: "Button", | ||
@@ -33,0 +33,0 @@ className: cx('header-button') |
@@ -15,3 +15,3 @@ "use strict"; | ||
var LongTextWithButtons = function LongTextWithButtons() { | ||
return _react.default.createElement("div", null, _react.default.createElement(_terraClinicalHeader.default, { | ||
return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_terraClinicalHeader.default, { | ||
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." | ||
@@ -18,0 +18,0 @@ })); |
@@ -23,4 +23,4 @@ "use strict"; | ||
var LongTextWithContent = function LongTextWithContent() { | ||
return _react.default.createElement("div", null, _react.default.createElement(_terraClinicalHeader.default, { | ||
startContent: _react.default.createElement("div", null, _react.default.createElement(_terraButton.default, { | ||
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", | ||
@@ -30,7 +30,7 @@ className: cx('header-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: _react.default.createElement("div", null, _react.default.createElement(_terraButton.default, { | ||
endContent: /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_terraButton.default, { | ||
text: "Button", | ||
className: cx('header-button') | ||
})) | ||
}, _react.default.createElement(_terraButton.default, { | ||
}, /*#__PURE__*/_react.default.createElement(_terraButton.default, { | ||
text: "Custom 1" | ||
@@ -37,0 +37,0 @@ }))); |
@@ -23,4 +23,4 @@ "use strict"; | ||
var Subheader = function Subheader() { | ||
return _react.default.createElement("div", null, _react.default.createElement(_terraClinicalHeader.default, { | ||
startContent: _react.default.createElement("div", null, _react.default.createElement(_terraButton.default, { | ||
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", | ||
@@ -30,3 +30,3 @@ className: cx('header-button') | ||
title: "Default Subheader", | ||
endContent: _react.default.createElement("div", null, _react.default.createElement(_terraButton.default, { | ||
endContent: /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_terraButton.default, { | ||
text: "Button", | ||
@@ -33,0 +33,0 @@ className: cx('header-button') |
@@ -15,3 +15,3 @@ "use strict"; | ||
var TitleHeader = function TitleHeader() { | ||
return _react.default.createElement(_terraClinicalHeader.default, { | ||
return /*#__PURE__*/_react.default.createElement(_terraClinicalHeader.default, { | ||
title: "Default Header" | ||
@@ -18,0 +18,0 @@ }); |
@@ -15,3 +15,3 @@ "use strict"; | ||
var _default = function _default() { | ||
return _react.default.createElement(_Header.default, { | ||
return /*#__PURE__*/_react.default.createElement(_Header.default, { | ||
id: "Header" | ||
@@ -18,0 +18,0 @@ }); |
@@ -20,3 +20,3 @@ "use strict"; | ||
var startContent = _react.default.createElement("div", { | ||
var startContent = /*#__PURE__*/_react.default.createElement("div", { | ||
id: "headerTest--startContent", | ||
@@ -26,3 +26,3 @@ className: cx('start-content') | ||
var endContent = _react.default.createElement("div", { | ||
var endContent = /*#__PURE__*/_react.default.createElement("div", { | ||
id: "headerTest--endContent", | ||
@@ -33,3 +33,3 @@ className: cx('end-content') | ||
var _default = function _default() { | ||
return _react.default.createElement(_Header.default, { | ||
return /*#__PURE__*/_react.default.createElement(_Header.default, { | ||
startContent: startContent, | ||
@@ -36,0 +36,0 @@ title: "Header with content on the left and right", |
@@ -20,3 +20,3 @@ "use strict"; | ||
var startContent = _react.default.createElement("div", { | ||
var startContent = /*#__PURE__*/_react.default.createElement("div", { | ||
id: "headerTest--startContent", | ||
@@ -26,3 +26,3 @@ className: cx('start-content') | ||
var endContent = _react.default.createElement("div", { | ||
var endContent = /*#__PURE__*/_react.default.createElement("div", { | ||
id: "headerTest--endContent", | ||
@@ -33,3 +33,3 @@ className: cx('end-content') | ||
var _default = function _default() { | ||
return _react.default.createElement(_Header.default, { | ||
return /*#__PURE__*/_react.default.createElement(_Header.default, { | ||
startContent: startContent, | ||
@@ -36,0 +36,0 @@ title: "Subheader with content on the left and right", |
@@ -20,3 +20,3 @@ "use strict"; | ||
var content = _react.default.createElement("div", { | ||
var content = /*#__PURE__*/_react.default.createElement("div", { | ||
id: "headerTest--content", | ||
@@ -27,3 +27,3 @@ className: cx('content') | ||
var _default = function _default() { | ||
return _react.default.createElement(_Header.default, { | ||
return /*#__PURE__*/_react.default.createElement(_Header.default, { | ||
startContent: content, | ||
@@ -30,0 +30,0 @@ title: "Header with content on the left" |
@@ -20,3 +20,3 @@ "use strict"; | ||
var startContent = _react.default.createElement("div", { | ||
var startContent = /*#__PURE__*/_react.default.createElement("div", { | ||
id: "headerTest--startContent", | ||
@@ -26,3 +26,3 @@ className: cx('start-content') | ||
var endContent = _react.default.createElement("div", { | ||
var endContent = /*#__PURE__*/_react.default.createElement("div", { | ||
id: "headerTest--endContent", | ||
@@ -33,3 +33,3 @@ className: cx('end-content') | ||
var _default = function _default() { | ||
return _react.default.createElement(_Header.default, { | ||
return /*#__PURE__*/_react.default.createElement(_Header.default, { | ||
id: "Header", | ||
@@ -36,0 +36,0 @@ startContent: startContent, |
@@ -14,3 +14,3 @@ "use strict"; | ||
var LongTitleHeader = _react.default.createElement(_Header.default, { | ||
var LongTitleHeader = /*#__PURE__*/_react.default.createElement(_Header.default, { | ||
id: "Header", | ||
@@ -17,0 +17,0 @@ title: "LongTitleLongTitleLongTitleLongTitleLongTitleLongTitleLongTitleLongTitleLongTitleLongTitleLongTitleLongTitleLongTitleLongTitleLongTitleLongTitleLongTitleLongTitleLongTitleLongTitleLongTitleLongTitleLongTitleLongTitleLongTitleLongTitleLongTitleLongTitleLongTitleLongTitleLongTitle" |
@@ -20,3 +20,3 @@ "use strict"; | ||
var content = _react.default.createElement("div", { | ||
var content = /*#__PURE__*/_react.default.createElement("div", { | ||
id: "headerTest--content", | ||
@@ -27,3 +27,3 @@ className: cx('content') | ||
var _default = function _default() { | ||
return _react.default.createElement(_Header.default, { | ||
return /*#__PURE__*/_react.default.createElement(_Header.default, { | ||
endContent: content | ||
@@ -30,0 +30,0 @@ }); |
@@ -20,3 +20,3 @@ "use strict"; | ||
var content = _react.default.createElement("div", { | ||
var content = /*#__PURE__*/_react.default.createElement("div", { | ||
id: "headerTest--content", | ||
@@ -27,3 +27,3 @@ className: cx('content') | ||
var _default = function _default() { | ||
return _react.default.createElement(_Header.default, { | ||
return /*#__PURE__*/_react.default.createElement(_Header.default, { | ||
title: "Header with content on the right", | ||
@@ -30,0 +30,0 @@ endContent: content |
@@ -15,3 +15,3 @@ "use strict"; | ||
var _default = function _default() { | ||
return _react.default.createElement(_Header.default, { | ||
return /*#__PURE__*/_react.default.createElement(_Header.default, { | ||
title: "Title", | ||
@@ -18,0 +18,0 @@ id: "Header" |
{ | ||
"name": "terra-clinical-header", | ||
"main": "lib/Header.js", | ||
"version": "3.14.0", | ||
"version": "3.15.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. ", | ||
@@ -46,3 +46,3 @@ "repository": { | ||
}, | ||
"gitHead": "0200caa826702f8d493402342a8b17ff881a6eed" | ||
"gitHead": "e927629a58df3d3d4394ceefbc7f7993ce532360" | ||
} |
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
59693