@geotab/zenith 1.21.0-beta.0 → 1.21.1-beta.0

package/README.md

@@ -40,6 +40,10 @@ Zenith library provides components defined in Zenith Design System. It includes
 
 ## Change log
 
+## 1.21.1
+
+ * Fix banner multiline issue without header
+
 ## 1.21.0
 
  * Implement `DateRange` with stepper

package/dist/banner/bannerMultipLine.js

@@ -31,6 +31,6 @@ const BannerMultiline = ({ children, header, type = "warning", icon, action, onC
         "zen-banner__block--multiline",
         "zen-banner__block--" + size
     ]);
-    return (0, jsx_runtime_1.jsx)("div", { className: blockClassNames, role: role, "aria-atomic": ariaAtomic, "aria-live": ariaLive, children: (0, jsx_runtime_1.jsxs)("div", { className: (0, classNames_1.classNames)(["zen-banner__content", "zen-banner__content--multiline", `zen-banner__content--${size}`]), children: [header && (0, jsx_runtime_1.jsxs)("div", { className: "zen-banner__multiline-container", children: [(0, jsx_runtime_1.jsxs)("div", { className: "zen-banner__header-container", children: [icon && header && (0, jsx_runtime_1.jsx)(typeIcon_1.default, { type: type }), header && (0, jsx_runtime_1.jsx)("div", { className: (0, classNames_1.classNames)(["zen-banner__header", bannerHeaderClassName || ""]), children: header })] }), onClose && (0, jsx_runtime_1.jsx)("button", { type: "button", className: (0, classNames_1.classNames)(["zen-banner__close-button", closeButtonClassName || ""]), onClick: onClose, title: translate("Close"), "aria-label": translate("Close"), children: (0, jsx_runtime_1.jsx)(iconClose_1.IconClose, { size: bannerHeaderClassName ? "huge" : "large" }) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "zen-banner__message-container", children: [icon && !header && (0, jsx_runtime_1.jsx)(typeIcon_1.default, { className: "zen-banner__icon-block--top-gap", type: type }), (0, jsx_runtime_1.jsx)("div", { ref: contentRef, title: text, className: (0, classNames_1.classNames)(["zen-banner__message", "zen-banner__message--multiline", bannerMessageClassName || ""]), children: children }), onClose && !header && (0, jsx_runtime_1.jsx)("button", { type: "button", className: "zen-banner__close-button zen-banner__close-button--top-gap", onClick: onClose, title: translate("Close"), "aria-label": translate("Close"), children: (0, jsx_runtime_1.jsx)(iconClose_1.IconClose, { size: bannerHeaderClassName ? "huge" : "large" }) }), action && (0, jsx_runtime_1.jsx)("div", { className: "zen-banner__action zen-banner__action--multiline", children: (0, jsx_runtime_1.jsx)(button_1.Button, { className: linkClasses, type: buttonType_1.ButtonType.Tertiary, link: action.link, onClick: action.onClick, children: action.text }) })] })] }) });
+    return (0, jsx_runtime_1.jsx)("div", { className: blockClassNames, role: role, "aria-atomic": ariaAtomic, "aria-live": ariaLive, children: (0, jsx_runtime_1.jsxs)("div", { className: (0, classNames_1.classNames)(["zen-banner__content", "zen-banner__content--multiline", `zen-banner__content--${size}`]), children: [header && (0, jsx_runtime_1.jsxs)("div", { className: "zen-banner__multiline-container", children: [(0, jsx_runtime_1.jsxs)("div", { className: "zen-banner__header-container", children: [icon && header && (0, jsx_runtime_1.jsx)(typeIcon_1.default, { type: type }), header && (0, jsx_runtime_1.jsx)("div", { className: (0, classNames_1.classNames)(["zen-banner__header", bannerHeaderClassName || ""]), children: header })] }), onClose && (0, jsx_runtime_1.jsx)("button", { type: "button", className: (0, classNames_1.classNames)(["zen-banner__close-button", closeButtonClassName || ""]), onClick: onClose, title: translate("Close"), "aria-label": translate("Close"), children: (0, jsx_runtime_1.jsx)(iconClose_1.IconClose, { size: bannerHeaderClassName ? "huge" : "large" }) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "zen-banner__message-container", children: [icon && !header && (0, jsx_runtime_1.jsx)(typeIcon_1.default, { className: "zen-banner__icon-block--top-gap", type: type }), (0, jsx_runtime_1.jsx)("div", { ref: contentRef, title: text, className: (0, classNames_1.classNames)(["zen-banner__message", "zen-banner__message--multiline", bannerMessageClassName || ""]), children: children }), onClose && !header && (0, jsx_runtime_1.jsx)("button", { type: "button", className: "zen-banner__close-button zen-banner__close-button--top-gap", onClick: onClose, title: translate("Close"), "aria-label": translate("Close"), children: (0, jsx_runtime_1.jsx)(iconClose_1.IconClose, { size: bannerHeaderClassName ? "huge" : "large" }) })] }), action && (0, jsx_runtime_1.jsx)("div", { className: "zen-banner__action zen-banner__action--multiline", children: (0, jsx_runtime_1.jsx)(button_1.Button, { className: linkClasses, type: buttonType_1.ButtonType.Tertiary, link: action.link, onClick: action.onClick, children: action.text }) })] }) });
 };
 exports.BannerMultiline = BannerMultiline;

package/dist/index.css

@@ -4443,6 +4443,7 @@
   cursor: pointer;
   padding: 0;
   margin: 8px;
+  align-self: flex-start;
 }
 .zen-banner__close-button:active,
 .zen-banner__close-button:hover,
@@ -4465,6 +4466,10 @@
   fill: var(--accents-warning--detail);
   border-radius: var(--border-radius-default);
 }
+.zen-banner__block--drive,
+.zen-banner__block--drive-tablet {
+  padding: 12px 12px 12px 16px;
+}
 .zen-banner__block--multiline {
   height: unset;
 }
@@ -4613,7 +4618,6 @@
 }
 .zen-banner__message-container {
   display: flex;
-  flex-direction: column;
   width: 100%;
 }
 .zen-banner__action {
@@ -4624,16 +4628,6 @@
 }
 .zen-banner .zen-banner__link {
   text-wrap: nowrap;
-  color: var(--accents-warning--detail);
-}
-.zen-banner .zen-banner__link--error {
-  color: var(--accents-error--detail);
-}
-.zen-banner .zen-banner__link--success {
-  color: var(--accents-success--detail);
-}
-.zen-banner .zen-banner__link--info {
-  color: var(--accents-general--detail);
 }
 .zen-banner--error {
   background-color: var(--accents-error--main);

package/package.json

@@ -1,9 +1,6 @@
 {
   "name": "@geotab/zenith",
-  "publishConfig": {
-   "access": "public"
-  },
-  "version": "1.21.0-beta.0",
+  "version": "1.21.1-beta.0",
   "description": "Zenith components library on React",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -94,5 +91,8 @@
       "last 1 firefox version",
       "last 1 safari version"
     ]
+  },
+  "publishConfig": {
+    "access": "public"
   }
 }