@helsenorge/designsystem-react
Advanced tools
Comparing version 0.0.3-dev.9 to 0.0.3-dev.10
@@ -6,3 +6,3 @@ /// <reference types="node" /> | ||
export declare type PaletteNames = 'banana' | 'blueberry' | 'cherry' | 'kiwi' | 'neutral' | 'plum'; | ||
export declare type PaletteNames = 'banana' | 'blueberry' | 'cherry' | 'kiwi' | 'neutral' | 'plum' | 'black' | 'white'; | ||
export declare type BadgeColors = PaletteNames; | ||
@@ -13,9 +13,2 @@ export interface BadgeProps { | ||
export declare const Badge: import("styled-components").StyledComponent<"span", any, BadgeProps, never>; | ||
declare enum IconSize { | ||
XSmall = 38, | ||
Small = 48, | ||
Medium = 64, | ||
Large = 80, | ||
XLarge = 130 | ||
} | ||
export interface HTMLButtonProps { | ||
@@ -44,16 +37,15 @@ autoFocus?: boolean; | ||
} | ||
export declare type ButtonIntents = 'primary' | 'warning' | 'danger'; | ||
export declare type ButtonTags = 'button' | 'a'; | ||
export declare type ButtonVariants = 'fill' | 'outline' | 'borderless'; | ||
export declare type ButtonSizes = 'small' | 'medium' | 'large'; | ||
export declare type ButtonColors = PaletteNames | 'white' | 'black'; | ||
export declare type ButtonTags = 'button' | 'a'; | ||
export interface ButtonProps extends HTMLButtonProps, HTMLAnchorProps { | ||
children: React.ReactNode; | ||
variant?: ButtonVariants; | ||
color?: ButtonColors; | ||
size?: ButtonSizes; | ||
danger?: boolean; | ||
fluid?: boolean; | ||
intent?: ButtonIntents; | ||
inverted?: boolean; | ||
is?: ButtonTags; | ||
large?: boolean; | ||
loading?: boolean; | ||
htmlTag?: ButtonTags; | ||
onClick?: () => void; | ||
variant?: ButtonVariants; | ||
} | ||
@@ -64,3 +56,3 @@ export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<unknown>>; | ||
children: string; | ||
size?: IconSize; | ||
size?: number; | ||
color?: IconColors; | ||
@@ -81,8 +73,7 @@ isHovered?: boolean; | ||
export declare const Loader: React.ForwardRefExoticComponent<LoaderProps & React.RefAttributes<unknown>>; | ||
export declare type LogoVariant = 'byline' | 'square' | 'original'; | ||
export declare type LogoColor = PaletteNames | 'white' | 'black'; | ||
export declare type LogoColor = PaletteNames; | ||
export interface LogoProps { | ||
size?: number; | ||
color?: LogoColor; | ||
variant?: LogoVariant; | ||
byline?: boolean; | ||
} | ||
@@ -92,2 +83,4 @@ export declare function Logo(props: LogoProps): JSX.Element; | ||
palette: { | ||
black: string; | ||
white: string; | ||
plum50: string; | ||
@@ -179,4 +172,10 @@ plum100: string; | ||
}; | ||
breakpoints: { | ||
xs: number; | ||
sm: string; | ||
md: string; | ||
lg: string; | ||
}; | ||
}; | ||
export {}; |
{ | ||
"name": "@helsenorge/designsystem-react", | ||
"version": "0.0.3-dev.9", | ||
"version": "0.0.3-dev.10", | ||
"description": "The official design system for Helsenorge built with React.", | ||
@@ -62,2 +62,3 @@ "repository": { | ||
"@babel/preset-typescript": "^7.8.3", | ||
"@storybook/addon-a11y": "^5.3.13", | ||
"@storybook/addon-actions": "^5.3.12", | ||
@@ -64,0 +65,0 @@ "@storybook/addon-backgrounds": "^5.3.12", |
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
1124242
4232
55