Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

terra-clinical-header

Package Overview
Dependencies
Maintainers
9
Versions
69
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

terra-clinical-header - npm Package Compare versions

Comparing version 3.14.0 to 3.15.0

5

CHANGELOG.md

@@ -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 @@ ----------

12

lib/Header.js

@@ -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"
}
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc