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

terra-status

Package Overview
Dependencies
Maintainers
9
Versions
150
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

terra-status - npm Package Compare versions

Comparing version 4.26.0 to 4.27.0

5

CHANGELOG.md

@@ -7,2 +7,7 @@ ChangeLog

4.27.0 - (April 22, 2020)
------------------
### Changed
* Updated documentation link in README
4.26.0 - (March 10, 2020)

@@ -9,0 +14,0 @@ ------------------

4

lib/Status.js

@@ -59,5 +59,5 @@ "use strict";

return _react.default.createElement("div", _extends({}, customProps, {
return /*#__PURE__*/_react.default.createElement("div", _extends({}, customProps, {
className: cx('status', colorClass, customProps.className)
}), visuallyHiddenText && _react.default.createElement(_terraVisuallyHiddenText.default, {
}), visuallyHiddenText && /*#__PURE__*/_react.default.createElement(_terraVisuallyHiddenText.default, {
text: visuallyHiddenText

@@ -64,0 +64,0 @@ }), children);

@@ -24,3 +24,3 @@ "use strict";

var image = _react.default.createElement("img", {
var image = /*#__PURE__*/_react.default.createElement("img", {
className: cx('image-wrapper'),

@@ -33,3 +33,3 @@ height: "150",

var simpleText = _react.default.createElement("div", {
var simpleText = /*#__PURE__*/_react.default.createElement("div", {
className: cx('text-wrapper')

@@ -39,6 +39,6 @@ }, "Sample text");

var StatusArrange = function StatusArrange() {
return _react.default.createElement("div", null, _react.default.createElement(_terraStatus.default, {
return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_terraStatus.default, {
colorClass: cx(['attention']),
visuallyHiddenText: "Status Attention"
}, _react.default.createElement(_terraArrange.default, {
}, /*#__PURE__*/_react.default.createElement(_terraArrange.default, {
fitStart: image,

@@ -45,0 +45,0 @@ fill: simpleText,

@@ -20,3 +20,3 @@ "use strict";

var simpleText = _react.default.createElement("div", {
var simpleText = /*#__PURE__*/_react.default.createElement("div", {
className: cx('text-wrapper')

@@ -26,3 +26,3 @@ }, "Sample text");

var StatusDefault = function StatusDefault() {
return _react.default.createElement("div", null, _react.default.createElement(_terraStatus.default, {
return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_terraStatus.default, {
colorClass: cx(['success']),

@@ -29,0 +29,0 @@ visuallyHiddenText: "Status Success"

@@ -22,3 +22,3 @@ "use strict";

var icon = _react.default.createElement(_IconDue.default, {
var icon = /*#__PURE__*/_react.default.createElement(_IconDue.default, {
height: "60",

@@ -29,3 +29,3 @@ width: "60"

var StatusIcon = function StatusIcon() {
return _react.default.createElement(_terraStatus.default, {
return /*#__PURE__*/_react.default.createElement(_terraStatus.default, {
colorClass: cx(['info']),

@@ -32,0 +32,0 @@ visuallyHiddenText: "Status Info"

@@ -22,3 +22,3 @@ "use strict";

var image = _react.default.createElement("img", {
var image = /*#__PURE__*/_react.default.createElement("img", {
className: cx('image-wrapper'),

@@ -32,3 +32,3 @@ height: "150",

var StatusImage = function StatusImage() {
return _react.default.createElement(_terraStatus.default, {
return /*#__PURE__*/_react.default.createElement(_terraStatus.default, {
colorClass: cx(['attention']),

@@ -35,0 +35,0 @@ visuallyHiddenText: "Status Attention"

@@ -24,3 +24,3 @@ "use strict";

var image = _react.default.createElement("img", {
var image = /*#__PURE__*/_react.default.createElement("img", {
className: cx('image-wrapper'),

@@ -33,3 +33,3 @@ height: "150",

var simpleText = _react.default.createElement("div", {
var simpleText = /*#__PURE__*/_react.default.createElement("div", {
className: cx('text-wrapper')

@@ -39,6 +39,6 @@ }, "Sample text");

var StatusArrange = function StatusArrange() {
return _react.default.createElement("div", null, _react.default.createElement(_Status.default, {
return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_Status.default, {
colorClass: cx(['attention']),
visuallyHiddenText: "Status Attention"
}, _react.default.createElement(_terraArrange.default, {
}, /*#__PURE__*/_react.default.createElement(_terraArrange.default, {
id: "statusArrange",

@@ -45,0 +45,0 @@ fitStart: image,

@@ -20,3 +20,3 @@ "use strict";

var simpleText = _react.default.createElement("div", {
var simpleText = /*#__PURE__*/_react.default.createElement("div", {
className: cx('text-wrapper')

@@ -26,3 +26,3 @@ }, "Sample text");

var StatusDefault = function StatusDefault() {
return _react.default.createElement("div", null, _react.default.createElement(_Status.default, {
return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_Status.default, {
id: "status",

@@ -29,0 +29,0 @@ colorClass: cx(['attention']),

@@ -22,3 +22,3 @@ "use strict";

var icon = _react.default.createElement(_IconDue.default, {
var icon = /*#__PURE__*/_react.default.createElement(_IconDue.default, {
height: "60",

@@ -29,3 +29,3 @@ width: "60"

var StatusIcon = function StatusIcon() {
return _react.default.createElement(_Status.default, {
return /*#__PURE__*/_react.default.createElement(_Status.default, {
id: "statusIcon",

@@ -32,0 +32,0 @@ colorClass: cx(['attention']),

@@ -22,3 +22,3 @@ "use strict";

var image = _react.default.createElement("img", {
var image = /*#__PURE__*/_react.default.createElement("img", {
className: cx('image-wrapper'),

@@ -32,3 +32,3 @@ height: "150",

var StatusImage = function StatusImage() {
return _react.default.createElement(_Status.default, {
return /*#__PURE__*/_react.default.createElement(_Status.default, {
id: "statusImage",

@@ -35,0 +35,0 @@ colorClass: cx(['attention']),

@@ -20,3 +20,3 @@ "use strict";

var simpleText = _react.default.createElement("div", {
var simpleText = /*#__PURE__*/_react.default.createElement("div", {
className: cx('text-wrapper')

@@ -26,3 +26,3 @@ }, "Sample text");

var StatusNoColor = function StatusNoColor() {
return _react.default.createElement("div", null, _react.default.createElement(_Status.default, {
return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_Status.default, {
id: "statusNoColor"

@@ -29,0 +29,0 @@ }, simpleText));

{
"name": "terra-status",
"main": "lib/Status.js",
"version": "4.26.0",
"version": "4.27.0",
"description": "The status component provides a customizable color indictor to signify a specific condition.",

@@ -43,7 +43,7 @@ "repository": {

"prop-types": "^15.5.8",
"terra-arrange": "^3.30.0",
"terra-icon": "^3.28.0",
"terra-visually-hidden-text": "^2.24.0"
"terra-arrange": "^3.31.0",
"terra-icon": "^3.29.0",
"terra-visually-hidden-text": "^2.25.0"
},
"gitHead": "28a1067266d1014f6ddab6f7ee74c82b66de024b"
"gitHead": "260525965e8cadfcb40b9acf10cecf8731d8489c"
}

@@ -9,3 +9,3 @@ # Terra Status

- [Getting Started](#getting-started)
- [Documentation](https://engineering.cerner.com/terra-core/components/terra-status/status/status)
- [Documentation](https://engineering.cerner.com/terra-ui/components/terra-status/status/status)
- [LICENSE](#license)

@@ -12,0 +12,0 @@

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