@luscii-healthtech/web-ui 0.1.25 → 0.1.26

package/dist/components/ButtonV2/ButtonProps.type.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { IconProps } from "../Icons/types/IconProps.type";
+export interface BaseButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
+    onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    text?: string;
+    icon?: React.FunctionComponent<IconProps>;
+    isDisabled?: boolean;
+    className?: string;
+}
+export interface ButtonProps extends BaseButtonProps {
+    isPending?: boolean;
+}

package/dist/components/ButtonV2/ButtonV2.d.ts

@@ -1,11 +1,3 @@
-import React from "react";
-import { IconProps } from "../Icons/types/IconProps.type";
-export interface ButtonV2Props {
-    onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
-    text?: string;
-    icon?: React.FunctionComponent<IconProps>;
-    isDisabled?: boolean;
-    isPending?: boolean;
-    className?: string;
-}
-export declare const ButtonV2: (props: ButtonV2Props) => JSX.Element;
+/// <reference types="react" />
+import { ButtonProps } from "./ButtonProps.type";
+export declare const ButtonV2: (props: ButtonProps) => JSX.Element;

package/dist/components/ButtonV2/PrimaryButton.d.ts

@@ -1,11 +1,3 @@
-import React from "react";
-import { IconProps } from "../Icons/types/IconProps.type";
-export interface PrimaryButtonProps {
-    onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
-    text?: string;
-    icon?: React.FunctionComponent<IconProps>;
-    isDisabled?: boolean;
-    isPending?: boolean;
-    className?: string;
-}
-export declare const PrimaryButton: (props: PrimaryButtonProps) => JSX.Element;
+/// <reference types="react" />
+import { ButtonProps } from "./ButtonProps.type";
+export declare const PrimaryButton: (props: ButtonProps) => JSX.Element;

package/dist/components/ButtonV2/SecondaryButton.d.ts

@@ -1,10 +1,3 @@
-import React from "react";
-import { IconProps } from "../Icons/types/IconProps.type";
-export interface SecondaryButtonProps {
-    onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
-    text?: string;
-    icon?: React.FunctionComponent<IconProps>;
-    isDisabled?: boolean;
-    className?: string;
-}
-export declare const SecondaryButton: (props: SecondaryButtonProps) => JSX.Element;
+/// <reference types="react" />
+import { BaseButtonProps } from "./ButtonProps.type";
+export declare const SecondaryButton: (props: BaseButtonProps) => JSX.Element;

package/dist/components/ButtonV2/TertiaryButton.d.ts

@@ -1,10 +1,3 @@
-import React from "react";
-import { IconProps } from "../Icons/types/IconProps.type";
-export interface TertiaryButtonProps {
-    onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
-    text?: string;
-    icon?: React.FunctionComponent<IconProps>;
-    isDisabled?: boolean;
-    className?: string;
-}
-export declare const TertiaryButton: (props: TertiaryButtonProps) => JSX.Element;
+/// <reference types="react" />
+import { BaseButtonProps } from "./ButtonProps.type";
+export declare const TertiaryButton: (props: BaseButtonProps) => JSX.Element;

package/dist/index.d.ts

@@ -1,9 +1,10 @@
 export { default as Acknowledgement, ACKNOWLEDGEMENT_TYPE_OPTIONS, } from "./components/Acknowledgement/Acknowledgement";
 export { default as Avatar } from "./components/Avatar/Avatar";
 export { default as Badge } from "./components/Badge/Badge";
-export { PrimaryButton, PrimaryButtonProps, } from "./components/ButtonV2/PrimaryButton";
-export { SecondaryButton, SecondaryButtonProps, } from "./components/ButtonV2/SecondaryButton";
-export { TertiaryButton, TertiaryButtonProps, } from "./components/ButtonV2/TertiaryButton";
+export { BaseButtonProps as NonPrimaryButtonProps, ButtonProps as PrimaryButtonProps, } from "./components/ButtonV2/ButtonProps.type";
+export { PrimaryButton } from "./components/ButtonV2/PrimaryButton";
+export { SecondaryButton } from "./components/ButtonV2/SecondaryButton";
+export { TertiaryButton } from "./components/ButtonV2/TertiaryButton";
 export { default as Carousel } from "./components/Carousel/Carousel";
 export { default as CenteredHero } from "./components/CenteredHero/CenteredHero";
 export { default as Checkbox } from "./components/Checkbox/Checkbox";

package/dist/web-ui.cjs.development.css

@@ -1,38 +1,3 @@
-.cweb-acknowledgement {
-  position: fixed;
-  left: 0;
-  right: 0;
-  z-index: 10000;
-  display: flex;
-  justify-content: center;
-  flex-direction: column;
-  align-items: center;
-  top: 0;
-  margin: 0 auto;
-  opacity: 0;
-  width: 354px;
-  max-width: calc(100% - 6px);
-  box-shadow: 0 0 20px 0 rgba(106, 191, 165, 0.2);
-  padding: 16px;
-  border-radius: 8px;
-  transform: translateY(-100%);
-  transition: transform ease-out 400ms, opacity 1ms linear 500ms; }
-  .cweb-acknowledgement > .acknowledgement-icon-container {
-    width: 48px;
-    height: 48px;
-    margin-bottom: 12px; }
-    .cweb-acknowledgement > .acknowledgement-icon-container > .acknowledgement-icon {
-      width: 100%;
-      height: 100%; }
-  .cweb-acknowledgement.type-success {
-    background: #e7f5ec; }
-  .cweb-acknowledgement.type-failure {
-    background: #fff1f1; }
-  .cweb-acknowledgement.is-visible {
-    opacity: 1;
-    transform: translateY(32px);
-    transition: transform ease-in 150ms; }
-
 .cweb-avatar {
   display: flex;
   justify-content: flex-start;
@@ -118,6 +83,41 @@
       .cweb-avatar.size-large.display-initials > .avatar-content-container {
         border-width: 0.5px; } }
 
+.cweb-acknowledgement {
+  position: fixed;
+  left: 0;
+  right: 0;
+  z-index: 10000;
+  display: flex;
+  justify-content: center;
+  flex-direction: column;
+  align-items: center;
+  top: 0;
+  margin: 0 auto;
+  opacity: 0;
+  width: 354px;
+  max-width: calc(100% - 6px);
+  box-shadow: 0 0 20px 0 rgba(106, 191, 165, 0.2);
+  padding: 16px;
+  border-radius: 8px;
+  transform: translateY(-100%);
+  transition: transform ease-out 400ms, opacity 1ms linear 500ms; }
+  .cweb-acknowledgement > .acknowledgement-icon-container {
+    width: 48px;
+    height: 48px;
+    margin-bottom: 12px; }
+    .cweb-acknowledgement > .acknowledgement-icon-container > .acknowledgement-icon {
+      width: 100%;
+      height: 100%; }
+  .cweb-acknowledgement.type-success {
+    background: #e7f5ec; }
+  .cweb-acknowledgement.type-failure {
+    background: #fff1f1; }
+  .cweb-acknowledgement.is-visible {
+    opacity: 1;
+    transform: translateY(32px);
+    transition: transform ease-in 150ms; }
+
 .cweb-checkbox {
   outline: none;
   transition: all 0.3s ease; }
@@ -798,6 +798,17 @@
     width: 32px;
     height: 32px; }
 
+.ql-editor {
+  resize: vertical;
+  min-height: 10rem; }
+
+.ql-snow.ql-toolbar {
+  display: block;
+  background: #f1f5f9;
+  border-top-left-radius: 0.5em;
+  border-top-right-radius: 0.5em;
+  margin-top: 0.5em; }
+
 .cweb-textarea {
   border: 1px solid #cccccc;
   border-radius: 4px;
@@ -829,17 +840,6 @@
     border: 1px solid #ff6266;
     color: #ff6266; }
 
-.ql-editor {
-  resize: vertical;
-  min-height: 10rem; }
-
-.ql-snow.ql-toolbar {
-  display: block;
-  background: #f1f5f9;
-  border-top-left-radius: 0.5em;
-  border-top-right-radius: 0.5em;
-  margin-top: 0.5em; }
-
 .editor .rdw-editor {
   overflow-y: auto; }
   .editor .rdw-editor .rdw-link-modal {

package/dist/web-ui.cjs.development.js

@@ -273,13 +273,13 @@ var ButtonV2 = function ButtonV2(props) {
     "opacity-50": props.isDisabled,
     "pointer-events-none": props.isDisabled || props.isPending
   }, props.className);
-  return /*#__PURE__*/React__default.createElement("button", {
+  return /*#__PURE__*/React__default.createElement("button", Object.assign({}, props, {
     className: buttonClassName,
     type: "button",
     onClick: props.onClick,
     disabled: props.isDisabled,
     "aria-disabled": props.isDisabled
-  }, props.icon && /*#__PURE__*/React__default.createElement(props.icon, {
+  }), props.icon && /*#__PURE__*/React__default.createElement(props.icon, {
     className: "w-5 h-5"
   }), props.isPending && /*#__PURE__*/React__default.createElement("span", {
     className: "opacity-100",
@@ -301,34 +301,21 @@ var ButtonV2 = function ButtonV2(props) {
 };
 
 var PrimaryButton = function PrimaryButton(props) {
-  return /*#__PURE__*/React__default.createElement(ButtonV2, {
-    className: classNames(["text-white", "bg-blue-800", "border-transparent", "hover:bg-blue-900"], props.className),
-    onClick: props.onClick,
-    text: props.text,
-    icon: props.icon,
-    isDisabled: props.isDisabled,
-    isPending: props.isPending
-  });
+  return /*#__PURE__*/React__default.createElement(ButtonV2, Object.assign({}, props, {
+    className: classNames(["text-white", "bg-blue-800", "border-transparent", "hover:bg-blue-900"], props.className)
+  }));
 };
 
 var SecondaryButton = function SecondaryButton(props) {
-  return /*#__PURE__*/React__default.createElement(ButtonV2, {
-    className: classNames(["text-blue-800", "bg-white", "border-slate-300", "hover:text-blue-900", "hover:border-slate-400"], props.className),
-    onClick: props.onClick,
-    text: props.text,
-    icon: props.icon,
-    isDisabled: props.isDisabled
-  });
+  return /*#__PURE__*/React__default.createElement(ButtonV2, Object.assign({}, props, {
+    className: classNames(["text-blue-800", "bg-white", "border-slate-300", "hover:text-blue-900", "hover:border-slate-400"], props.className)
+  }));
 };
 
 var TertiaryButton = function TertiaryButton(props) {
-  return /*#__PURE__*/React__default.createElement(ButtonV2, {
-    className: classNames(["text-blue-800", "bg-transparent", "border-transparent", "hover:text-blue-900", "shadow-none"], props.className),
-    onClick: props.onClick,
-    text: props.text,
-    icon: props.icon,
-    isDisabled: props.isDisabled
-  });
+  return /*#__PURE__*/React__default.createElement(ButtonV2, Object.assign({}, props, {
+    className: classNames(["text-blue-800", "bg-transparent", "border-transparent", "hover:text-blue-900", "shadow-none"], props.className)
+  }));
 };
 
 function _extends() {