@luscii-healthtech/web-ui 0.2.2 → 0.4.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (40) hide show
  1. package/dist/components/Section/SectionItem.d.ts +9 -0
  2. package/dist/components/{TextListItem/TextListItem.d.ts → Section/SectionItemWithContent.d.ts} +3 -3
  3. package/dist/components/Steps/Step.d.ts +1 -1
  4. package/dist/components/Tag/Tag.d.ts +2 -2
  5. package/dist/components/Tag/Tag.utils.d.ts +4 -0
  6. package/dist/components/Tag/TagGroup.d.ts +2 -5
  7. package/dist/components/Text/Text.d.ts +5 -3
  8. package/dist/index.d.ts +2 -2
  9. package/dist/web-ui-tailwind.css +2111 -0
  10. package/dist/web-ui.cjs.development.css +58 -58
  11. package/dist/web-ui.cjs.development.js +99 -75
  12. package/dist/web-ui.cjs.development.js.map +1 -1
  13. package/dist/web-ui.cjs.production.min.css +58 -58
  14. package/dist/web-ui.cjs.production.min.js +1 -1
  15. package/dist/web-ui.cjs.production.min.js.map +1 -1
  16. package/dist/web-ui.esm.css +58 -58
  17. package/dist/web-ui.esm.js +98 -74
  18. package/dist/web-ui.esm.js.map +1 -1
  19. package/package.json +13 -5
  20. package/src/components/Checkbox/Checkbox.tsx +27 -13
  21. package/src/components/Dropdown/Dropdown.js +89 -37
  22. package/src/components/InfoField/InfoField.tsx +12 -4
  23. package/src/components/ListTable/ListTable.tsx +2 -1
  24. package/src/components/ListTable/ListTableCell.tsx +15 -4
  25. package/src/components/NavMenu/NavMenuItem.tsx +12 -6
  26. package/src/components/NotificationBanner/NotificationBanner.tsx +29 -9
  27. package/src/components/PaginationMenu/PaginationMenuLarge.tsx +1 -1
  28. package/src/components/PaginationMenu/PaginationMenuSmall.tsx +1 -1
  29. package/src/components/{ListItem/ListItem.scss → Section/SectionItem.scss} +0 -0
  30. package/src/components/{ListItem/ListItem.tsx → Section/SectionItem.tsx} +7 -7
  31. package/src/components/{TextListItem/TextListItem.js → Section/SectionItemWithContent.js} +10 -9
  32. package/src/components/{TextListItem/TextListItem.scss → Section/SectionItemWithContent.scss} +2 -2
  33. package/src/components/Steps/Step.tsx +12 -3
  34. package/src/components/Tag/Tag.tsx +31 -12
  35. package/src/components/Tag/Tag.utils.ts +4 -0
  36. package/src/components/Tag/TagGroup.tsx +12 -8
  37. package/src/components/Text/Text.tsx +87 -37
  38. package/src/components/ViewItem/ViewItem.tsx +21 -9
  39. package/src/index.tsx +4 -4
  40. package/dist/components/ListItem/ListItem.d.ts +0 -9
@@ -0,0 +1,9 @@
1
+ import React, { SyntheticEvent } from "react";
2
+ import "./SectionItem.scss";
3
+ export interface SectionItemProps {
4
+ className?: string;
5
+ onClick?: (event: SyntheticEvent) => void;
6
+ children?: React.ReactNode;
7
+ }
8
+ export declare const SectionItem: React.FC<SectionItemProps>;
9
+ export default SectionItem;
@@ -1,6 +1,6 @@
1
- export default TextListItem;
2
- declare function TextListItem(props: any): JSX.Element;
3
- declare namespace TextListItem {
1
+ export default SectionItemWithContent;
2
+ declare function SectionItemWithContent(props: any): JSX.Element;
3
+ declare namespace SectionItemWithContent {
4
4
  export namespace propTypes {
5
5
  export const text: PropTypes.Validator<string>;
6
6
  export const icon: PropTypes.Requireable<string | object>;
@@ -7,4 +7,4 @@ export interface StepProps {
7
7
  step: string;
8
8
  };
9
9
  }
10
- export declare const Step: ({ title, stepNumber, active, localization }: StepProps) => JSX.Element;
10
+ export declare const Step: ({ title, stepNumber, active, localization, }: StepProps) => JSX.Element;
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- import { TagSize } from "./TagGroup";
2
+ import { TagSize } from "./Tag.utils";
3
3
  export declare enum TagColorTheme {
4
4
  Red = "red",
5
5
  Amber = "amber",
@@ -13,5 +13,5 @@ export interface TagProps {
13
13
  size?: TagSize;
14
14
  className?: string;
15
15
  }
16
- declare const Tag: ({ text, colorTheme, className, size }: TagProps) => JSX.Element;
16
+ declare const Tag: ({ text, colorTheme, className, size, }: TagProps) => JSX.Element;
17
17
  export default Tag;
@@ -0,0 +1,4 @@
1
+ export declare enum TagSize {
2
+ "small" = "small",
3
+ "base" = "base"
4
+ }
@@ -1,13 +1,10 @@
1
1
  /// <reference types="react" />
2
2
  import { TagProps } from "./Tag";
3
- export declare enum TagSize {
4
- "small" = "small",
5
- "base" = "base"
6
- }
3
+ import { TagSize } from "./Tag.utils";
7
4
  interface TagGroupProps {
8
5
  tags: TagProps[];
9
6
  tagSize?: TagSize;
10
7
  className?: string;
11
8
  }
12
- declare const TagGroup: ({ tags, tagSize, className }: TagGroupProps) => JSX.Element;
9
+ declare const TagGroup: ({ tags, tagSize, className, }: TagGroupProps) => JSX.Element;
13
10
  export default TagGroup;
@@ -1,14 +1,16 @@
1
1
  /// <reference types="react" />
2
2
  import { RestPropped } from "../../types/general.types";
3
3
  import "./Text.scss";
4
- export declare type TextStyle = "sm" | "sm-strong" | "base" | "strong" | "lg" | "lg-strong" | "xl" | "xl-strong" | string;
5
- export declare type TextColor = "base" | "gray-500" | "gray-200" | "white" | "blue" | "red" | "green" | "amber" | "inherit";
4
+ export declare type TextStyle = "sm" | "sm-strong" | "base" | "strong" | "lg" | "lg-strong" | "xl" | "xl-strong";
5
+ export declare type TextColor = "base" | "slate-500" | "slate-200" | "white" | "blue-800" | "red" | "green" | "amber";
6
+ export declare type TextHoverColor = "blue-900" | "white";
6
7
  export interface TextProps extends RestPropped {
7
8
  text: string;
8
9
  type?: TextStyle;
9
10
  inline?: boolean;
10
11
  color?: TextColor;
11
- hoverColor?: TextColor;
12
+ hoverColor?: TextHoverColor;
13
+ hoverInGroup?: boolean;
12
14
  className?: string;
13
15
  containsDangerousHtml?: boolean;
14
16
  truncate?: boolean;
package/dist/index.d.ts CHANGED
@@ -17,7 +17,7 @@ export { default as InfoBlock } from "./components/InfoBlock/InfoBlock";
17
17
  export { InfoField } from "./components/InfoField/InfoField";
18
18
  export { INPUT_TYPES, default as Input } from "./components/Input/Input";
19
19
  export { default as Line } from "./components/Line/Line";
20
- export { default as ListItem, ListItemProps, } from "./components/ListItem/ListItem";
20
+ export { default as SectionItem, SectionItemProps, } from "./components/Section/SectionItem";
21
21
  export { ListTable, ListTableProps, ListTablePropsConfiguration, ListTablePropsConfigurationField, } from "./components/ListTable/ListTable";
22
22
  export { LoadingIndicator, LoadingIndicatorProps, } from "./components/LoadingIndicator/LoadingIndicator";
23
23
  export { default as Menu } from "./components/Menu/Menu";
@@ -45,7 +45,7 @@ export { default as TextArea } from "./components/Textarea/Textarea";
45
45
  export { default as TextEditor } from "./components/TextEditor/TextEditor";
46
46
  export { default as TextEditorV2 } from "./components/TextEditorV2/TextEditorV2";
47
47
  export { TextLink, TextLinkProps } from "./components/TextLink/TextLink";
48
- export { default as TextListItem } from "./components/TextListItem/TextListItem";
48
+ export { default as SectionItemWithContent } from "./components/Section/SectionItemWithContent";
49
49
  export { Title, TitleStyle } from "./components/Title/Title";
50
50
  export { ViewItem, ViewItemProps } from "./components/ViewItem/ViewItem";
51
51
  export { default as Text } from "./components/Text/Text";