@luscii-healthtech/web-ui 14.0.0 → 15.0.1

package/dist/components/NotificationBanner/NotificationBanner.d.ts

@@ -34,7 +34,7 @@ export type NotificationBannerProps = (NotificationBannerPropsWithChildren | Not
 export declare const NotificationBanner: {
     (props: NotificationBannerProps): JSX.Element;
     defaultProps: {
-        color: string;
+        color: "base";
         onButtonClick: undefined;
     };
 };

package/dist/components/TextEditor/TextEditor.d.ts

@@ -4,7 +4,43 @@ import "react-quill/dist/quill.snow.css";
 import "./TextEditor.scss";
 type TextEditorProps = Pick<ReactQuillProps, "defaultValue" | "placeholder"> & {
     onValueChange: ReactQuillProps["onChange"];
+    /**
+     * Which formats to allow in the editor, like "bold" and "italic".
+     *
+     * This is different from the buttons that are shown in the toolbar,
+     * because a user could paste in text that has bold formatting without
+     * having a bold button in the toolbar. This prop determines if that is
+     * allowed or not.
+     *
+     * @default
+     *
+     * ["bold", "italic", "underline", "strike", "list", "link"]
+     *
+     * @example
+     *
+     * ["bold", "italic, "color", "code"]
+     *
+     * See: https://github.com/zenoamaro/react-quill#custom-formats
+     */
     formats: TextEditorFormat[];
+    /**
+     * Which buttons to show in the toolbar, like "bold" and "italic".
+     *
+     * @default
+     * [
+     *   ["bold", "italic", "underline", "strike"],
+     *   [{ list: "ordered" }, { list: "bullet" }],
+     *   ["link"],
+     * ]
+     *
+     * @example
+     *
+     * [
+     *   ["bold", "italic", "underline", "strike"],
+     *   ["link", "video"],
+     * ]
+     * See: https://github.com/zenoamaro/react-quill#custom-toolbar
+     */
     toolbar: TextEditorToolbarOption[][];
 };
 type TextEditorToolbarOption = "bold" | "italic" | "underline" | "strike" | "link" | "video" | {

package/dist/index.development.js

@@ -554,8 +554,8 @@ var LockIcon = IconWrapper(SvgLockIcon);
 const SvgMessagesIcon = (props) => React__namespace.default.createElement(
   "svg",
   Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: 28, height: 28, fill: "none", viewBox: "0 0 28 28" }, props),
-  React__namespace.default.createElement("path", { fill: "#0074DD", d: "M24 3a2 2 0 0 1 2 2v15a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h20Z" }),
-  React__namespace.default.createElement("path", { fill: "#0074DD", d: "M12.586 10.414a2 2 0 0 1 2.828 0l6.172 6.172a2 2 0 0 1 0 2.828l-6.172 6.172a2 2 0 0 1-2.828 0l-6.172-6.172a2 2 0 0 1 0-2.828l6.172-6.172Z" }),
+  React__namespace.default.createElement("path", { fill: "currentColor", d: "M24 3a2 2 0 0 1 2 2v15a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h20Z" }),
+  React__namespace.default.createElement("path", { fill: "currentColor", d: "M12.586 10.414a2 2 0 0 1 2.828 0l6.172 6.172a2 2 0 0 1 0 2.828l-6.172 6.172a2 2 0 0 1-2.828 0l-6.172-6.172a2 2 0 0 1 0-2.828l6.172-6.172Z" }),
   React__namespace.default.createElement("rect", { width: 18, height: 2, x: 5, y: 6, fill: "#fff", rx: 1 }),
   React__namespace.default.createElement("rect", { width: 18, height: 2, x: 5, y: 11, fill: "#fff", rx: 1 }),
   React__namespace.default.createElement("rect", { width: 14, height: 2, x: 7, y: 16, fill: "#fff", rx: 1 })
@@ -4848,7 +4848,7 @@ styleInject(css_248z);
 const TextEditor = ({ defaultValue, onValueChange, placeholder, toolbar = [
   ["bold", "italic", "underline", "strike"],
   [{ list: "ordered" }, { list: "bullet" }],
-  ["link", "video"]
+  ["link"]
 ], formats = ["bold", "italic", "underline", "strike", "list", "link"] }) => {
   const quillRef = React.useRef(null);
   React.useEffect(() => {