@ausbom/warnings 0.3.0 → 0.4.0

package/lib/components/Warnings/Warnings.d.ts

@@ -10,6 +10,7 @@ export interface IWarning {
   linkProps?: object
   priority: Priority
   status: Status
+  announce?: boolean
 }
 
 export interface IProps {

package/lib/components/Warnings/Warnings.js

@@ -1 +1 @@
-"use strict";var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=exports.DROPDOWN_TEST_ID=exports.BUTTON_TEST_ID=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _assertThisInitialized2=_interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));var _inherits2=_interopRequireDefault(require("@babel/runtime/helpers/inherits"));var _possibleConstructorReturn2=_interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));var _getPrototypeOf2=_interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _icon=require("@ausbom/icon");var _ArrowRight=_interopRequireDefault(require("@ausbom/icon/lib/icons/system/ArrowRight16"));var _ChevronDown=_interopRequireDefault(require("@ausbom/icon/lib/icons/system/ChevronDown16"));var _ChevronUp=_interopRequireDefault(require("@ausbom/icon/lib/icons/system/ChevronUp16"));var _WarningFilled=_interopRequireDefault(require("@ausbom/icon/lib/icons/system/WarningFilled24"));var _classnames=_interopRequireDefault(require("classnames"));var _react=_interopRequireDefault(require("react"));var _ExpandCollapse=_interopRequireDefault(require("../../utils/ExpandCollapse"));var _WarningsList=_interopRequireDefault(require("../WarningsList/WarningsList"));function _createSuper(Derived){var hasNativeReflectConstruct=_isNativeReflectConstruct();return function _createSuperInternal(){var Super=(0,_getPrototypeOf2["default"])(Derived),result;if(hasNativeReflectConstruct){var NewTarget=(0,_getPrototypeOf2["default"])(this).constructor;result=Reflect.construct(Super,arguments,NewTarget)}else{result=Super.apply(this,arguments)}return(0,_possibleConstructorReturn2["default"])(this,result)}}function _isNativeReflectConstruct(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));return true}catch(e){return false}}var BUTTON_TEST_ID="bom-warnings-trigger";exports.BUTTON_TEST_ID=BUTTON_TEST_ID;var DROPDOWN_TEST_ID="bom-warnings-dropdown";exports.DROPDOWN_TEST_ID=DROPDOWN_TEST_ID;var Warnings=/*#__PURE__*/function(_React$PureComponent){(0,_inherits2["default"])(Warnings,_React$PureComponent);var _super=_createSuper(Warnings);function Warnings(){var _this;(0,_classCallCheck2["default"])(this,Warnings);for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++){args[_key]=arguments[_key]}_this=_super.call.apply(_super,[this].concat(args));(0,_defineProperty2["default"])((0,_assertThisInitialized2["default"])(_this),"hasWarning",function(){var warnings=_this.props.warnings;return warnings&&warnings.length>0});(0,_defineProperty2["default"])((0,_assertThisInitialized2["default"])(_this),"hasActiveWarning",function(){var warnings=_this.props.warnings;return(warnings||[]).some(function(w){return w.status==="active"})});(0,_defineProperty2["default"])((0,_assertThisInitialized2["default"])(_this),"hasActiveHighPriorityWarning",function(){var warnings=_this.props.warnings;return(warnings||[]).some(function(w){return w.status==="active"&&w.priority==="high"})});(0,_defineProperty2["default"])((0,_assertThisInitialized2["default"])(_this),"renderSummary",function(isOpen,setIsOpen,getTriggerProps){var _this$props=_this.props,forceCollapse=_this$props.forceCollapse,linkRef=_this$props.linkRef,summaryText=_this$props.summaryText;var hasWarning=_this.hasWarning();var summaryBody=/*#__PURE__*/_react["default"].createElement(_react["default"].Fragment,null,/*#__PURE__*/_react["default"].createElement("span",{className:"bom-warnings-summary__icon"},/*#__PURE__*/_react["default"].createElement(_icon.SystemIcon,{icon:_WarningFilled["default"],size:24,"aria-hidden":true})),/*#__PURE__*/_react["default"].createElement("span",{className:"bom-warnings-summary__text"},summaryText),hasWarning&&/*#__PURE__*/_react["default"].createElement("span",{className:"bom-warnings-summary__caret"},forceCollapse?/*#__PURE__*/_react["default"].createElement(_icon.SystemIcon,{icon:_ArrowRight["default"],size:16,"aria-hidden":true}):/*#__PURE__*/_react["default"].createElement(_icon.SystemIcon,{icon:isOpen?_ChevronUp["default"]:_ChevronDown["default"],size:16,"aria-hidden":true})));var warningAsLinkclasses=(0,_classnames["default"])({"bom-warnings-summary":true,"bom-warnings--has-links":true});if(getTriggerProps&&forceCollapse&&hasWarning){return/*#__PURE__*/_react["default"].createElement("a",(0,_extends2["default"])({href:linkRef,"data-testid":BUTTON_TEST_ID},getTriggerProps({className:warningAsLinkclasses})),summaryBody)}if(getTriggerProps&&hasWarning){return/*#__PURE__*/_react["default"].createElement("button",(0,_extends2["default"])({"data-testid":BUTTON_TEST_ID,type:"button"},getTriggerProps({className:"bom-warnings-summary",onClick:function onClick(e){setIsOpen(!isOpen)}})),summaryBody)}if(linkRef){return/*#__PURE__*/_react["default"].createElement("a",{href:linkRef,"data-testid":BUTTON_TEST_ID,className:"bom-warnings-summary"},summaryBody)}return/*#__PURE__*/_react["default"].createElement("p",{"data-testid":BUTTON_TEST_ID,className:"bom-warnings-summary"},summaryBody)});return _this}(0,_createClass2["default"])(Warnings,[{key:"render",value:function render(){var _this2=this;var _this$props2=this.props,a11yId=_this$props2.a11yId,forceCollapse=_this$props2.forceCollapse,prependText=_this$props2.prependText,warnings=_this$props2.warnings;var hasWarning=this.hasWarning();var hasActiveWarning=this.hasActiveWarning();var hasActiveHighPriorityWarning=this.hasActiveHighPriorityWarning();var classes=(0,_classnames["default"])({"bom-warnings":true,"bom-warnings--has-warnings":hasWarning,"bom-warnings--has-active-warnings":hasActiveWarning});if(forceCollapse){return/*#__PURE__*/_react["default"].createElement("div",{className:classes},this.renderSummary())}return/*#__PURE__*/_react["default"].createElement(_ExpandCollapse["default"],{panelId:"".concat(a11yId,"_warning-dropdown"),isInitiallyOpen:hasActiveHighPriorityWarning},function(_ref){var isOpen=_ref.isOpen,setIsOpen=_ref.setIsOpen,getTriggerProps=_ref.getTriggerProps,getPanelProps=_ref.getPanelProps;return/*#__PURE__*/_react["default"].createElement("div",{className:classes},_this2.renderSummary(isOpen,setIsOpen,getTriggerProps),!forceCollapse&&hasWarning&&isOpen&&/*#__PURE__*/_react["default"].createElement(_WarningsList["default"],{testId:DROPDOWN_TEST_ID,getPanelProps:getPanelProps,warnings:warnings,prependText:prependText}))})}}]);return Warnings}(_react["default"].PureComponent);exports["default"]=Warnings;(0,_defineProperty2["default"])(Warnings,"defaultProps",{});
+"use strict";var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=exports.DROPDOWN_TEST_ID=exports.BUTTON_TEST_ID=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _assertThisInitialized2=_interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));var _inherits2=_interopRequireDefault(require("@babel/runtime/helpers/inherits"));var _possibleConstructorReturn2=_interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));var _getPrototypeOf2=_interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _icon=require("@ausbom/icon");var _ArrowRight=_interopRequireDefault(require("@ausbom/icon/lib/icons/system/ArrowRight16"));var _ChevronDown=_interopRequireDefault(require("@ausbom/icon/lib/icons/system/ChevronDown16"));var _ChevronUp=_interopRequireDefault(require("@ausbom/icon/lib/icons/system/ChevronUp16"));var _WarningFilled=_interopRequireDefault(require("@ausbom/icon/lib/icons/system/WarningFilled24"));var _classnames=_interopRequireDefault(require("classnames"));var _react=_interopRequireDefault(require("react"));var _ExpandCollapse=_interopRequireDefault(require("../../utils/ExpandCollapse"));var _WarningsList=_interopRequireDefault(require("../WarningsList/WarningsList"));function _createSuper(Derived){var hasNativeReflectConstruct=_isNativeReflectConstruct();return function _createSuperInternal(){var Super=(0,_getPrototypeOf2["default"])(Derived),result;if(hasNativeReflectConstruct){var NewTarget=(0,_getPrototypeOf2["default"])(this).constructor;result=Reflect.construct(Super,arguments,NewTarget)}else{result=Super.apply(this,arguments)}return(0,_possibleConstructorReturn2["default"])(this,result)}}function _isNativeReflectConstruct(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));return true}catch(e){return false}}var BUTTON_TEST_ID="bom-warnings-trigger";exports.BUTTON_TEST_ID=BUTTON_TEST_ID;var DROPDOWN_TEST_ID="bom-warnings-dropdown";exports.DROPDOWN_TEST_ID=DROPDOWN_TEST_ID;var Warnings=/*#__PURE__*/function(_React$PureComponent){(0,_inherits2["default"])(Warnings,_React$PureComponent);var _super=_createSuper(Warnings);function Warnings(){var _this;(0,_classCallCheck2["default"])(this,Warnings);for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++){args[_key]=arguments[_key]}_this=_super.call.apply(_super,[this].concat(args));(0,_defineProperty2["default"])((0,_assertThisInitialized2["default"])(_this),"hasWarning",function(){var warnings=_this.props.warnings;return warnings&&warnings.length>0});(0,_defineProperty2["default"])((0,_assertThisInitialized2["default"])(_this),"hasActiveWarning",function(){var warnings=_this.props.warnings;return(warnings||[]).some(function(w){return w.status==="active"})});(0,_defineProperty2["default"])((0,_assertThisInitialized2["default"])(_this),"hasActiveHighPriorityWarning",function(){var warnings=_this.props.warnings;return(warnings||[]).some(function(w){return w.status==="active"&&w.priority==="high"})});(0,_defineProperty2["default"])((0,_assertThisInitialized2["default"])(_this),"renderSummary",function(isOpen,setIsOpen,getTriggerProps){var _this$props=_this.props,forceCollapse=_this$props.forceCollapse,linkRef=_this$props.linkRef,summaryText=_this$props.summaryText;var hasWarning=_this.hasWarning();var summaryBody=/*#__PURE__*/_react["default"].createElement(_react["default"].Fragment,null,/*#__PURE__*/_react["default"].createElement("span",{className:"bom-warnings-summary__icon"},/*#__PURE__*/_react["default"].createElement(_icon.SystemIcon,{icon:_WarningFilled["default"],size:24,"aria-hidden":true})),/*#__PURE__*/_react["default"].createElement("span",{className:"bom-warnings-summary__text"},summaryText),hasWarning&&/*#__PURE__*/_react["default"].createElement("span",{className:"bom-warnings-summary__caret"},forceCollapse?/*#__PURE__*/_react["default"].createElement(_icon.SystemIcon,{icon:_ArrowRight["default"],size:16,"aria-hidden":true}):/*#__PURE__*/_react["default"].createElement(_icon.SystemIcon,{icon:isOpen?_ChevronUp["default"]:_ChevronDown["default"],size:16,"aria-hidden":true})));var warningAsLinkclasses=(0,_classnames["default"])({"bom-warnings-summary":true,"bom-warnings--has-links":true});if(getTriggerProps&&forceCollapse&&hasWarning){return/*#__PURE__*/_react["default"].createElement("a",(0,_extends2["default"])({href:linkRef,"data-testid":BUTTON_TEST_ID},getTriggerProps({className:warningAsLinkclasses})),summaryBody)}if(getTriggerProps&&hasWarning){return/*#__PURE__*/_react["default"].createElement("button",(0,_extends2["default"])({"data-testid":BUTTON_TEST_ID,type:"button"},getTriggerProps({className:"bom-warnings-summary",onClick:function onClick(e){setIsOpen(!isOpen)}})),summaryBody)}if(linkRef){return/*#__PURE__*/_react["default"].createElement("a",{href:linkRef,"data-testid":BUTTON_TEST_ID,className:"bom-warnings-summary"},summaryBody)}return/*#__PURE__*/_react["default"].createElement("p",{"data-testid":BUTTON_TEST_ID,className:"bom-warnings-summary"},summaryBody)});return _this}(0,_createClass2["default"])(Warnings,[{key:"render",value:function render(){var _this2=this;var _this$props2=this.props,a11yId=_this$props2.a11yId,forceCollapse=_this$props2.forceCollapse,prependText=_this$props2.prependText,warnings=_this$props2.warnings;var hasWarning=this.hasWarning();var hasActiveWarning=this.hasActiveWarning();var hasActiveHighPriorityWarning=this.hasActiveHighPriorityWarning();var classes=(0,_classnames["default"])({"bom-warnings":true,"bom-warnings--has-warnings":hasWarning,"bom-warnings--has-active-warnings":hasActiveWarning});if(forceCollapse){return/*#__PURE__*/_react["default"].createElement("div",{className:classes},this.renderSummary())}return/*#__PURE__*/_react["default"].createElement(_ExpandCollapse["default"],{panelId:"".concat(a11yId,"_warning-dropdown"),isInitiallyOpen:hasActiveHighPriorityWarning},function(_ref){var isOpen=_ref.isOpen,setIsOpen=_ref.setIsOpen,getTriggerProps=_ref.getTriggerProps,getPanelProps=_ref.getPanelProps;return/*#__PURE__*/_react["default"].createElement("div",{className:classes},_this2.renderSummary(isOpen,setIsOpen,getTriggerProps),!forceCollapse&&hasWarning&&/*#__PURE__*/_react["default"].createElement(_WarningsList["default"],{getPanelProps:getPanelProps,prependText:prependText,testId:DROPDOWN_TEST_ID,visible:isOpen,warnings:warnings}))})}}]);return Warnings}(_react["default"].PureComponent);exports["default"]=Warnings;(0,_defineProperty2["default"])(Warnings,"defaultProps",{});

package/lib/components/WarningsList/WarningsList.d.ts

@@ -7,6 +7,7 @@ export interface IProps {
   prependText?: string
   testId?: string
   getPanelProps?: Function
+  visible?: boolean
 }
 
 export const WARNING_TEST_ID = 'bom-warnings-warning'

package/lib/components/WarningsList/WarningsList.js

@@ -1,2 +1,2 @@
 "use strict";var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=exports.WARNING_TEST_ID=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _inherits2=_interopRequireDefault(require("@babel/runtime/helpers/inherits"));var _possibleConstructorReturn2=_interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));var _getPrototypeOf2=_interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _styles=require("@ausbom/styles");var _icon=require("@ausbom/icon");var _ArrowRight=_interopRequireDefault(require("@ausbom/icon/lib/icons/system/ArrowRight16"));var _classnames=_interopRequireDefault(require("classnames"));var _react=_interopRequireDefault(require("react"));function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly)symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable});keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys(Object(source),true).forEach(function(key){(0,_defineProperty2["default"])(target,key,source[key])})}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source))}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}}return target}function _createSuper(Derived){var hasNativeReflectConstruct=_isNativeReflectConstruct();return function _createSuperInternal(){var Super=(0,_getPrototypeOf2["default"])(Derived),result;if(hasNativeReflectConstruct){var NewTarget=(0,_getPrototypeOf2["default"])(this).constructor;result=Reflect.construct(Super,arguments,NewTarget)}else{result=Super.apply(this,arguments)}return(0,_possibleConstructorReturn2["default"])(this,result)}}function _isNativeReflectConstruct(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));return true}catch(e){return false}}var WARNING_TEST_ID="bom-warnings-warning";exports.WARNING_TEST_ID=WARNING_TEST_ID;var WarningsList=/*#__PURE__*/function(_React$PureComponent){(0,_inherits2["default"])(WarningsList,_React$PureComponent);var _super=_createSuper(WarningsList);function WarningsList(){(0,_classCallCheck2["default"])(this,WarningsList);return _super.apply(this,arguments)}(0,_createClass2["default"])(WarningsList,[{key:"renderList",value:function renderList(){var _this$props=this.props,warnings=_this$props.warnings,prependText=_this$props.prependText;return(warnings||[]).map(function(warning){var status=warning.status,_warning$linkProps=warning.linkProps,linkProps=_warning$linkProps===void 0?{}:_warning$linkProps,LinkTag=warning.linkAs;// Check for cancelled warning within the individual warning object
-var hasCancelledWarning=status==="cancelled";var extraClasses=linkProps.className,restlinkProps=(0,_objectWithoutProperties2["default"])(linkProps,["className"]);var linkClasses=(0,_classnames["default"])(extraClasses,{"bom-warnings-link":true,"bom-warnings-link--cancelled":warning.status==="cancelled"});var alertProps={};if(warning.priority==="high"){alertProps.role="alert"}var warningLabel=hasCancelledWarning&&prependText?"".concat(prependText," ").concat(warning.label):warning.label;return/*#__PURE__*/_react["default"].createElement("li",{key:warning.key,className:"bom-warnings-list__item"},/*#__PURE__*/_react["default"].createElement(LinkTag,(0,_extends2["default"])({className:linkClasses,"data-testid":WARNING_TEST_ID,"aria-label":warningLabel},restlinkProps),/*#__PURE__*/_react["default"].createElement("span",(0,_extends2["default"])({className:"bom-warnings-link__text"},alertProps),warningLabel),/*#__PURE__*/_react["default"].createElement("span",{className:"bom-warnings-link__icon","aria-hidden":"true"},/*#__PURE__*/_react["default"].createElement(_icon.SystemIcon,{icon:_ArrowRight["default"],size:16,primaryColor:_styles.palette.neutral.charcoalDark,"aria-hidden":true}))))})}},{key:"render",value:function render(){var _this$props2=this.props,testId=_this$props2.testId,getPanelProps=_this$props2.getPanelProps;var isPanelProps=getPanelProps?_objectSpread({},getPanelProps({className:"bom-warnings-list"})):{className:"bom-warnings-list"};return/*#__PURE__*/_react["default"].createElement("ul",(0,_extends2["default"])({"data-testid":testId},isPanelProps),this.renderList())}}]);return WarningsList}(_react["default"].PureComponent);exports["default"]=WarningsList;(0,_defineProperty2["default"])(WarningsList,"defaultProps",{});
+var hasCancelledWarning=status==="cancelled";var extraClasses=linkProps.className,restlinkProps=(0,_objectWithoutProperties2["default"])(linkProps,["className"]);var linkClasses=(0,_classnames["default"])(extraClasses,{"bom-warnings-link":true,"bom-warnings-link--cancelled":warning.status==="cancelled"});var warningLabel=hasCancelledWarning&&prependText?"".concat(prependText," ").concat(warning.label):warning.label;return/*#__PURE__*/_react["default"].createElement("li",{key:warning.key,className:"bom-warnings-list__item"},/*#__PURE__*/_react["default"].createElement(LinkTag,(0,_extends2["default"])({className:linkClasses,"data-testid":WARNING_TEST_ID,"aria-label":warningLabel},restlinkProps),/*#__PURE__*/_react["default"].createElement("span",{className:"bom-warnings-link__text"},warningLabel),/*#__PURE__*/_react["default"].createElement("span",{className:"bom-warnings-link__icon","aria-hidden":"true"},/*#__PURE__*/_react["default"].createElement(_icon.SystemIcon,{icon:_ArrowRight["default"],size:16,primaryColor:_styles.palette.neutral.charcoalDark,"aria-hidden":true}))))})}},{key:"render",value:function render(){var _this$props2=this.props,testId=_this$props2.testId,getPanelProps=_this$props2.getPanelProps,prependText=_this$props2.prependText,visible=_this$props2.visible,warnings=_this$props2.warnings;var className=(0,_classnames["default"])("bom-warnings-list",{"bom-warnings-list--hidden":!visible});var isPanelProps=getPanelProps?_objectSpread({},getPanelProps({className:className})):{className:className};var warningsToAnnounce=[];if(warnings){warnings.forEach(function(warning){if(!warning.announce)return;var warningLabel=warning.status==="cancelled"&&prependText?"".concat(prependText," ").concat(warning.label):warning.label;warningsToAnnounce.push(warningLabel)})}return/*#__PURE__*/_react["default"].createElement(_react["default"].Fragment,null,/*#__PURE__*/_react["default"].createElement("ul",(0,_extends2["default"])({"data-testid":testId},isPanelProps),this.renderList()),/*#__PURE__*/_react["default"].createElement("div",{className:"bom-warnings-list__announce","aria-live":"polite","aria-atomic":true},warningsToAnnounce.join(".  ")))}}]);return WarningsList}(_react["default"].PureComponent);exports["default"]=WarningsList;(0,_defineProperty2["default"])(WarningsList,"defaultProps",{});

package/lib/scss/module.scss

@@ -98,6 +98,15 @@
   &__item {
     border-bottom: 1px solid scale-color(get-palette-color('neutral.charcoalDark'), $alpha: -45%);
   }
+
+  &__announce {
+    @include visuallyhidden();
+  }
+
+  &--hidden {
+    visibility: collapse;
+    height: 0;
+  }
 }
 
 .bom-warnings-link {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ausbom/warnings",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "description": "",
   "keywords": [],
   "author": "",
@@ -40,5 +40,5 @@
     "@ausbom/icon": "^0.19.1",
     "@ausbom/styles": "^0.12.0"
   },
-  "gitHead": "7f762808b0e4ea8c9c20c400d1883f1cb845658a"
+  "gitHead": "70c7d1c115076e30d55dd8ab575f9736ce088e27"
 }