@zenpatient-org/healthspan-marketing-ui 0.1.10 → 0.1.12
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.
- package/dist/components/Button/index.d.ts +1 -0
- package/dist/components/Callback/Callback.d.ts +12 -0
- package/dist/components/Callback/constants.d.ts +13 -0
- package/dist/components/Callback/index.d.ts +2 -0
- package/dist/components/Callback/types.d.ts +1 -0
- package/dist/components/IconButton/IconButton.d.ts +14 -0
- package/dist/components/IconButton/index.d.ts +1 -0
- package/dist/components/Label/Label.d.ts +2 -10
- package/dist/components/Label/index.d.ts +1 -1
- package/dist/components/Label/types.d.ts +9 -0
- package/dist/components/StudyGridCard/StudyGridCard.d.ts +12 -0
- package/dist/components/TextButton/TextButton.d.ts +15 -0
- package/dist/components/TextButton/index.d.ts +1 -0
- package/dist/components/Typography/Typography.d.ts +2 -1
- package/dist/components/Typography/Typography.service.d.ts +3 -0
- package/dist/components/index.d.ts +3 -0
- package/dist/healthspan-ui.es.js +586 -438
- package/dist/healthspan-ui.es.js.map +1 -1
- package/dist/healthspan-ui.umd.js +5 -5
- package/dist/healthspan-ui.umd.js.map +1 -1
- package/dist/index.css +1 -1
- package/dist/modules/FeaturesGallery/FeaturesGallery.d.ts +14 -0
- package/dist/modules/FeaturesGallery/components/FeatureGrid/FeatureGrid.d.ts +10 -0
- package/dist/modules/FeaturesGallery/components/FeatureGrid/index.d.ts +1 -0
- package/dist/modules/FeaturesGallery/index.d.ts +1 -0
- package/dist/modules/FeaturesGallery/types.d.ts +5 -0
- package/dist/modules/Studies/Studies.d.ts +9 -0
- package/dist/modules/Studies/index.d.ts +1 -0
- package/dist/modules/YourProtocol/types.d.ts +3 -0
- package/dist/utils/index.d.ts +1 -0
- package/package.json +1 -1
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { ButtonProps } from '../Button';
|
|
2
|
+
import { CallbackSize } from './types';
|
|
3
|
+
|
|
4
|
+
export type CallbackProps = {
|
|
5
|
+
image: string;
|
|
6
|
+
title: string;
|
|
7
|
+
description: string;
|
|
8
|
+
price: string;
|
|
9
|
+
button: ButtonProps;
|
|
10
|
+
size: CallbackSize;
|
|
11
|
+
};
|
|
12
|
+
export declare const Callback: ({ image, title, description, price, button, size, }: CallbackProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { TypographyVariant } from '../Typography';
|
|
2
|
+
import { CallbackSize } from './types';
|
|
3
|
+
|
|
4
|
+
export declare const TITLE_BY_SIZE_DESKTOP: Record<CallbackSize, TypographyVariant>;
|
|
5
|
+
export declare const DESC_BY_SIZE_DESKTOP: Record<CallbackSize, TypographyVariant>;
|
|
6
|
+
export declare const PRICE_BY_SIZE_DESKTOP: Record<CallbackSize, TypographyVariant>;
|
|
7
|
+
export declare const TITLE_BY_SIZE_MOBILE: Record<CallbackSize, TypographyVariant>;
|
|
8
|
+
export declare const DESC_BY_SIZE_MOBILE: Record<CallbackSize, TypographyVariant>;
|
|
9
|
+
export declare const PRICE_BY_SIZE_MOBILE: Record<CallbackSize, TypographyVariant>;
|
|
10
|
+
export declare const BUTTON_BY_SIZE: {
|
|
11
|
+
readonly sm: "sm";
|
|
12
|
+
readonly lg: "lg";
|
|
13
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export type CallbackSize = 'sm' | 'lg';
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { AnchorHTMLAttributes, ButtonHTMLAttributes, ElementType } from 'react';
|
|
2
|
+
import { EIconName } from '../Icon';
|
|
3
|
+
|
|
4
|
+
type ButtonVariant = 'emphasis' | 'emphasis-invert' | 'muted' | 'muted-invert' | 'ghost';
|
|
5
|
+
type ButtonSize = 'xs' | 'sm' | 'md' | 'lg';
|
|
6
|
+
interface BaseButtonProps {
|
|
7
|
+
iconName: EIconName;
|
|
8
|
+
variant?: ButtonVariant;
|
|
9
|
+
size?: ButtonSize;
|
|
10
|
+
as?: ElementType;
|
|
11
|
+
}
|
|
12
|
+
export type ButtonProps = BaseButtonProps & ButtonHTMLAttributes<HTMLButtonElement> & AnchorHTMLAttributes<HTMLAnchorElement>;
|
|
13
|
+
export declare const IconButton: ({ iconName, variant, size, as: Component, disabled, ...props }: Omit<ButtonProps, "children">) => import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { IconButton } from './IconButton';
|
|
@@ -1,11 +1,3 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { LabelProps } from './types';
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
export type LabelColor = 'black' | 'grey' | 'white' | 'solar' | 'indigo' | 'orchre' | 'alpha-white';
|
|
5
|
-
type Props = {
|
|
6
|
-
children: ReactNode;
|
|
7
|
-
color: LabelColor;
|
|
8
|
-
size?: LabelSize;
|
|
9
|
-
};
|
|
10
|
-
export declare const Label: ({ children, color, size }: Props) => import("react/jsx-runtime").JSX.Element;
|
|
11
|
-
export {};
|
|
3
|
+
export declare const Label: ({ children, color, size }: LabelProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export { Label } from './Label';
|
|
2
|
-
export type { LabelColor } from './
|
|
2
|
+
export type { LabelColor, LabelProps } from './types';
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
|
|
3
|
+
export type LabelSize = 'sm' | 'lg';
|
|
4
|
+
export type LabelColor = 'black' | 'grey' | 'white' | 'solar' | 'indigo' | 'orchre' | 'alpha-white';
|
|
5
|
+
export type LabelProps = {
|
|
6
|
+
children: ReactNode;
|
|
7
|
+
color: LabelColor;
|
|
8
|
+
size?: LabelSize;
|
|
9
|
+
};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { LabelProps } from '../Label';
|
|
2
|
+
|
|
3
|
+
export type StudyGridCardProps = {
|
|
4
|
+
title: string;
|
|
5
|
+
inverted?: boolean;
|
|
6
|
+
image: string;
|
|
7
|
+
date: number;
|
|
8
|
+
label?: LabelProps;
|
|
9
|
+
readTime: number;
|
|
10
|
+
link: string;
|
|
11
|
+
};
|
|
12
|
+
export declare function StudyGridCard({ title, link, inverted, image, date, label, readTime, }: StudyGridCardProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { AnchorHTMLAttributes, ButtonHTMLAttributes, ElementType } from 'react';
|
|
2
|
+
import { EIconName } from '../Icon';
|
|
3
|
+
|
|
4
|
+
type Size = 'sm' | 'lg';
|
|
5
|
+
type BaseButtonProps = {
|
|
6
|
+
inverted?: boolean;
|
|
7
|
+
size?: Size;
|
|
8
|
+
as?: ElementType;
|
|
9
|
+
prefixIcon?: EIconName;
|
|
10
|
+
suffixIcon?: EIconName;
|
|
11
|
+
hideOn?: 'mobile' | 'desktop';
|
|
12
|
+
};
|
|
13
|
+
type ButtonProps = BaseButtonProps & ButtonHTMLAttributes<HTMLButtonElement> & AnchorHTMLAttributes<HTMLAnchorElement>;
|
|
14
|
+
export declare const TextButton: ({ size, as: Component, disabled, inverted, children, prefixIcon, suffixIcon, hideOn, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { TextButton } from './TextButton';
|
|
@@ -10,6 +10,7 @@ export interface TypographyProps {
|
|
|
10
10
|
weight?: FontWeight;
|
|
11
11
|
emphasis?: boolean;
|
|
12
12
|
as?: ElementType;
|
|
13
|
+
color?: string;
|
|
13
14
|
}
|
|
14
|
-
export declare const Typography: ({ defaultVariant, children, className, weight, emphasis, as: Component, mobileVariant, }: TypographyProps) => import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
export declare const Typography: ({ defaultVariant, children, className, weight, emphasis, as: Component, mobileVariant, color }: TypographyProps) => import("react/jsx-runtime").JSX.Element;
|
|
15
16
|
export {};
|
|
@@ -11,3 +11,6 @@ export type { TContentTab } from './ContentTabs';
|
|
|
11
11
|
export { Icon, EIconName } from './Icon';
|
|
12
12
|
export { ProductGalleryCard } from './ProductGalleryCard';
|
|
13
13
|
export { HighlightedTitle } from './HighlightedTitle';
|
|
14
|
+
export { Callback } from './Callback';
|
|
15
|
+
export { IconButton } from './IconButton';
|
|
16
|
+
export type { CallbackSize } from './Callback';
|