@conveyorhq/arrow-ds 1.80.0 → 1.80.2

package/package.json

@@ -2,7 +2,7 @@
   "name": "@conveyorhq/arrow-ds",
   "author": "Conveyor",
   "license": "MIT",
-  "version": "1.80.0",
+  "version": "1.80.2",
   "description": "Arrow Design System",
   "repository": "https://github.com/conveyor/arrow-ds",
   "publishConfig": {

package/public/components/Banner/Banner.js

@@ -38,9 +38,9 @@ exports.Banner = react_1.forwardRef((props, ref) => {
     const classes = classnames_1.default(bem_1.bem(cn), bem_1.bem(cn, { m: variant }), className);
     return (react_1.default.createElement(status_1.StatusContext.Provider, { value: variant },
         react_1.default.createElement(Box_1.Box, Object.assign({ ref: ref, className: classes, role: "alert" }, rest),
-            react_1.default.createElement(Flex_1.Flex, null,
+            react_1.default.createElement(Flex_1.Flex, { className: "w-full gap-x-2" },
                 withIcon && react_1.default.createElement(Icon_1.StatusIcon, { className: bem_1.bem(cn, { e: "icon" }) }),
-                react_1.default.createElement(Box_1.Box, null,
-                    title && react_1.default.createElement(Heading_1.Heading.H5, null, title),
-                    react_1.default.createElement(Box_1.Box, { className: classnames_1.default(title && bem_1.bem(cn, { e: "body" })) }, children))))));
+                title ? (react_1.default.createElement(Flex_1.Flex, { className: "flex-col gap-y-1 w-full" },
+                    react_1.default.createElement(Heading_1.Heading.H5, null, title),
+                    react_1.default.createElement(Box_1.Box, { className: "w-full" }, children))) : (react_1.default.createElement(Box_1.Box, { className: "w-full" }, children))))));
 });

package/public/components/Toggle/Toggle.d.ts

@@ -6,7 +6,7 @@ export interface ToggleProps {
     id?: string;
     inputProps?: HTMLProps<HTMLInputElement>;
     onChange: (checked: boolean) => void;
-    onClick: (event: MouseEvent<HTMLButtonElement>) => void;
+    onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
     children?: ReactNode;
     labelPosition?: "left" | "right";
 }

package/public/css/styles.css

@@ -1716,12 +1716,7 @@ override built-in Image component classes */
   color: rgb(32 65 86 / var(--tw-text-opacity));
 }
 
-.ads-Banner-body {
-  margin-top: 4px;
-}
-
 .ads-Banner-icon {
-  margin-right: 8px;
   font-size: 16px;
 }
 
@@ -4193,18 +4188,15 @@ override built-in Image component classes */
   color: rgb(242 93 84 / var(--tw-text-opacity));
 }
 
-.ads-Link--warning, 
-.ads-Link--default {
+.ads-Link--warning {
   --tw-text-opacity: 1;
-  color: rgb(71 104 125 / var(--tw-text-opacity));
+  color: rgb(220 152 1 / var(--tw-text-opacity));
 }
 
 .ads-Link--warning:hover, 
-.ads-Link--default:hover, 
-.ads-Link--warning:active, 
-.ads-Link--default:active {
+.ads-Link--warning:active {
   --tw-text-opacity: 1;
-  color: rgb(134 163 181 / var(--tw-text-opacity));
+  color: rgb(240 166 0 / var(--tw-text-opacity));
 }
 
 .ads-Link--success {
@@ -8059,6 +8051,10 @@ override built-in Image component classes */
   margin-bottom: 16px;
 }
 
+.mt-1 {
+  margin-top: 4px;
+}
+
 .ml-11 {
   margin-left: 44px;
 }
@@ -8099,10 +8095,6 @@ override built-in Image component classes */
   margin-right: 24px;
 }
 
-.mt-1 {
-  margin-top: 4px;
-}
-
 .ml-4 {
   margin-left: 16px;
 }
@@ -8409,6 +8401,10 @@ override built-in Image component classes */
           column-gap: 8px;
 }
 
+.gap-y-1 {
+  row-gap: 4px;
+}
+
 .gap-x-4 {
   -webkit-column-gap: 16px;
           column-gap: 16px;