@luscii-healthtech/web-ui 0.1.18 → 0.1.21

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.1.18",
+  "version": "0.1.21",
   "license": "MIT",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",

package/src/components/ButtonV2/ButtonV2.tsx

@@ -35,12 +35,13 @@ export const ButtonV2 = (props: ButtonV2Props): JSX.Element => {
     [
       "h-11",
       "relative flex flex-row justify-center items-center",
+      "border",
       "transition-outline transition-colors duration-300 ease-in-out",
       "rounded-full",
       "leading-none",
       "shadow-sm",
       "cursor-pointer",
-      "focus:outline-none",
+      "focus:outline-primary",
     ],
     {
       "w-11": !props.text && props.icon,
@@ -48,6 +49,10 @@ export const ButtonV2 = (props: ButtonV2Props): JSX.Element => {
       "py-2": props.text && props.icon,
       "py-3": props.text && !props.icon,
     },
+    {
+      "opacity-50": props.isDisabled,
+      "pointer-events-none": props.isDisabled || props.isPending,
+    },
     props.className
   );
 

package/src/components/ButtonV2/PrimaryButton.tsx

@@ -17,21 +17,12 @@ export interface PrimaryButtonProps {
 export const PrimaryButton = (props: PrimaryButtonProps): JSX.Element => {
   return (
     <ButtonV2
-      className={classNames(
-        [
-          "text-white",
-          "bg-primary",
-          "border",
-          "border-solid",
-          "border-primary-transparent",
-          "hover:bg-primary-dark",
-          "focus:outline-primary",
-        ],
-        {
-          "opacity-50": props.isDisabled,
-          "pointer-events-none": props.isDisabled || props.isPending,
-        }
-      )}
+      className={classNames([
+        "text-white",
+        "bg-blue-800",
+        "border-transparent",
+        "hover:bg-blue-900",
+      ])}
       onClick={props.onClick}
       type={props.type}
       text={props.text}

package/src/components/ButtonV2/SecondaryButton.tsx

@@ -9,23 +9,23 @@ export interface SecondaryButtonProps {
   onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
   text?: string;
   icon?: React.FunctionComponent<IconProps>;
+  isDisabled?: boolean;
 }
 
 export const SecondaryButton = (props: SecondaryButtonProps): JSX.Element => {
   return (
     <ButtonV2
       className={classNames([
-        "text-primary",
+        "text-blue-800",
         "bg-white",
-        "border",
         "border-slate-300",
-        "hover:text-primary-dark",
+        "hover:text-blue-900",
         "hover:border-slate-400",
-        "focus:outline-primary",
       ])}
       onClick={props.onClick}
       text={props.text}
       icon={props.icon}
+      isDisabled={props.isDisabled}
     />
   );
 };

package/src/components/ButtonV2/TertiaryButton.tsx

@@ -9,23 +9,23 @@ export interface TertiaryButtonProps {
   onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
   text?: string;
   icon?: React.FunctionComponent<IconProps>;
+  isDisabled?: boolean;
 }
 
 export const TertiaryButton = (props: TertiaryButtonProps): JSX.Element => {
   return (
     <ButtonV2
       className={classNames([
-        "text-primary",
+        "text-blue-800",
         "bg-transparent",
-        "border",
         "border-transparent",
+        "hover:text-blue-900",
         "shadow-none",
-        "hover:text-primary-dark",
-        "focus:outline-primary",
       ])}
       onClick={props.onClick}
       text={props.text}
       icon={props.icon}
+      isDisabled={props.isDisabled}
     />
   );
 };

package/src/index.tsx

@@ -1,12 +1,28 @@
-export { default as Acknowledgement, ACKNOWLEDGEMENT_TYPE_OPTIONS } from "./components/Acknowledgement/Acknowledgement";
+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 { default as Button } from "./components/Button/Button";
-export { BUTTON_ROLES, ButtonProps, BUTTON_TYPE, ButtonType} from "./components/Button/Button.types";
+export {
+  BUTTON_ROLES,
+  ButtonProps,
+  BUTTON_TYPE,
+  ButtonType,
+} from "./components/Button/Button.types";
 export { ButtonIcon } from "./components/Button/ButtonIcon";
-export { PrimaryButton, PrimaryButtonProps } from "./components/ButtonV2/PrimaryButton";
-export { SecondaryButton, SecondaryButtonProps } from "./components/ButtonV2/SecondaryButton";
-export { TertiaryButton, TertiaryButtonProps } from "./components/ButtonV2/TertiaryButton";
+export {
+  PrimaryButton,
+  PrimaryButtonProps,
+} from "./components/ButtonV2/PrimaryButton";
+export {
+  SecondaryButton,
+  SecondaryButtonProps,
+} from "./components/ButtonV2/SecondaryButton";
+export {
+  TertiaryButton,
+  TertiaryButtonProps,
+} 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";
@@ -19,14 +35,29 @@ export { default as InfoBlock } from "./components/InfoBlock/InfoBlock";
 export { InfoField } from "./components/InfoField/InfoField";
 export { INPUT_TYPES, default as Input } from "./components/Input/Input";
 export { default as Line } from "./components/Line/Line";
-export { default as ListItem, ListItemProps } from "./components/ListItem/ListItem";
-export { ListTable, ListTableProps, ListTablePropsConfiguration, ListTablePropsConfigurationField } from "./components/ListTable/ListTable";
-export { LoadingIndicator, LoadingIndicatorProps } from "./components/LoadingIndicator/LoadingIndicator";
+export {
+  default as ListItem,
+  ListItemProps,
+} from "./components/ListItem/ListItem";
+export {
+  ListTable,
+  ListTableProps,
+  ListTablePropsConfiguration,
+  ListTablePropsConfigurationField,
+} from "./components/ListTable/ListTable";
+export {
+  LoadingIndicator,
+  LoadingIndicatorProps,
+} from "./components/LoadingIndicator/LoadingIndicator";
 export { default as Menu } from "./components/Menu/Menu";
 export { MultiSelect } from "./components/MultiSelect/MultiSelect";
 export { NavLayout, NavMenuLayoutProps } from "./components/NavMenu/NavLayout";
 export { NavMenu } from "./components/NavMenu/NavMenu";
-export { NotificationBanner, NotificationBannerColor, NotificationBannerLinkProps } from "./components/NotificationBanner/NotificationBanner";
+export {
+  NotificationBanner,
+  NotificationBannerColor,
+  NotificationBannerLinkProps,
+} from "./components/NotificationBanner/NotificationBanner";
 export { default as Page } from "./components/Page/Page";
 export { default as CRUDPage } from "./components/Page/CRUDPage";
 export { default as PaginationMenu } from "./components/PaginationMenu/PaginationMenu";
@@ -35,7 +66,10 @@ export { default as Radio } from "./components/Radio/Radio";
 export { default as RadioGroup } from "./components/RadioGroup/RadioGroup";
 export { default as Section } from "./components/Section/Section";
 //export { default as Select } from "./components/Select/Select";
-export { SettingsMenuButton, SettingsMenuButtonProps } from "./components/SettingsMenuButton/SettingsMenuButton";
+export {
+  SettingsMenuButton,
+  SettingsMenuButtonProps,
+} from "./components/SettingsMenuButton/SettingsMenuButton";
 export { Spinner } from "./components/Spinner/Spinner";
 export { Steps } from "./components/Steps/Steps";
 export { default as Switcher } from "./components/Switcher/Switcher";
@@ -51,6 +85,4 @@ export { default as TextListItem } from "./components/TextListItem/TextListItem"
 export { Title, TitleStyle } from "./components/Title/Title";
 export { ViewItem, ViewItemProps } from "./components/ViewItem/ViewItem";
 
-
-
 export { default as Text } from "./components/Text/Text";