@zenpatient-org/healthspan-marketing-ui 0.1.11 → 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/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 +2 -1
- 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 +1 -0
- package/dist/healthspan-ui.es.js +461 -414
- 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/package.json +1 -1
|
@@ -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;
|
|
@@ -8,7 +8,8 @@ type BaseButtonProps = {
|
|
|
8
8
|
as?: ElementType;
|
|
9
9
|
prefixIcon?: EIconName;
|
|
10
10
|
suffixIcon?: EIconName;
|
|
11
|
+
hideOn?: 'mobile' | 'desktop';
|
|
11
12
|
};
|
|
12
13
|
type ButtonProps = BaseButtonProps & ButtonHTMLAttributes<HTMLButtonElement> & AnchorHTMLAttributes<HTMLAnchorElement>;
|
|
13
|
-
export declare const TextButton: ({ size, as: Component, disabled, inverted, children, prefixIcon, suffixIcon, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
export declare const TextButton: ({ size, as: Component, disabled, inverted, children, prefixIcon, suffixIcon, hideOn, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
14
15
|
export {};
|
|
@@ -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 {};
|
|
@@ -12,4 +12,5 @@ export { Icon, EIconName } from './Icon';
|
|
|
12
12
|
export { ProductGalleryCard } from './ProductGalleryCard';
|
|
13
13
|
export { HighlightedTitle } from './HighlightedTitle';
|
|
14
14
|
export { Callback } from './Callback';
|
|
15
|
+
export { IconButton } from './IconButton';
|
|
15
16
|
export type { CallbackSize } from './Callback';
|