@norges-domstoler/dds-components 0.0.2 → 0.0.6

package/dist/components/TextInput/TextInput.tokens.d.ts

@@ -0,0 +1,100 @@
+import { CSSObject } from 'styled-components';
+export declare const inputTokens: {
+    general: {
+        input: {
+            borderRadius: string;
+            borderWidth: string;
+            borderColor: string;
+            textColor: string;
+            font: {
+                lineHeight: any;
+                fontSize: string;
+                letterSpacing: any;
+                fontFamily: any;
+                fontWeight: any;
+                fontStyle: any;
+            };
+            hover: {
+                backgroundColor: string;
+                borderColor: string;
+                borderWidth: string;
+            };
+            focus: {
+                borderColor: string;
+                borderWidth: string;
+            };
+        };
+        label: {
+            hover: {
+                textColor: string;
+            };
+            focus: {
+                textColor: string;
+            };
+        };
+    };
+    base: CSSObject;
+    focusColor: string;
+    withLabel: {
+        base: CSSObject;
+    };
+    noLabel: {
+        base: CSSObject;
+    };
+    readOnly: {
+        base: CSSObject;
+    };
+    disabled: {
+        base: CSSObject;
+    };
+    multiline: {
+        base: CSSObject;
+        withLabel: {
+            base: CSSObject;
+        };
+        noLabel: {
+            base: CSSObject;
+        };
+    };
+    error: {
+        base: CSSObject;
+        hover: {
+            base: CSSObject;
+        };
+        focus: {
+            base: CSSObject;
+        };
+    };
+    label: {
+        base: CSSObject;
+        multiline: {
+            base: {
+                backgroundColor: string;
+                padding: string;
+            };
+        };
+        hover: {
+            base: {
+                color: string;
+            };
+        };
+        focus: {
+            base: {
+                color: string;
+            };
+        };
+    };
+    wrapper: {
+        defaultWidth: string;
+    };
+    container: {
+        multiline: {
+            withLabel: {
+                height: string;
+            };
+            noLabel: {
+                height: string;
+            };
+        };
+    };
+};

package/dist/components/TextInput/index.d.ts

@@ -0,0 +1 @@
+export * from './TextInput';

package/dist/components/Typography/Typography.d.ts

@@ -0,0 +1,23 @@
+import { HTMLAttributes, ElementType, AnchorHTMLAttributes, LabelHTMLAttributes } from 'react';
+import { CSSObject } from 'styled-components';
+import { TypographyType } from './Typography.types';
+export declare function isTextColor(color: string): color is TextColor;
+export declare const getTextColor: (color: TextColor | string) => string;
+export declare type TextColor = 'interactive' | 'primary' | 'danger' | 'warning' | 'success' | 'onLight' | 'onDark' | 'gray1' | 'gray2' | 'gray3' | 'gray4' | 'gray5' | 'gray6' | 'gray7' | 'gray8' | 'gray9';
+export declare type TypographyInteractionProps = {
+    hover?: CSSObject;
+    active?: CSSObject;
+};
+export declare type TypographyProps = {
+    typographyType?: TypographyType;
+    as?: ElementType;
+    externalLink?: boolean;
+    color?: TextColor | string;
+    bold?: boolean;
+    italic?: boolean;
+    underline?: boolean;
+    withMargins?: boolean;
+    interactionProps?: TypographyInteractionProps;
+    target?: string;
+} & (HTMLAttributes<HTMLElement> | LabelHTMLAttributes<HTMLLabelElement> | AnchorHTMLAttributes<HTMLAnchorElement>);
+export declare const Typography: import("react").ForwardRefExoticComponent<TypographyProps & import("react").RefAttributes<HTMLElement>>;

package/dist/components/Typography/Typography.tokens.d.ts

@@ -0,0 +1,224 @@
+import { CSSObject } from 'styled-components';
+export declare const textColors: {
+    interactive: string;
+    primary: string;
+    danger: string;
+    success: string;
+    warning: string;
+    onLight: string;
+    onDark: string;
+    gray1: string;
+    gray2: string;
+    gray3: string;
+    gray4: string;
+    gray5: string;
+    gray6: string;
+    gray7: string;
+    gray8: string;
+    gray9: string;
+};
+export declare const textColorsArray: string[];
+export declare const typographyTokens: {
+    selection: {
+        base: CSSObject;
+    };
+    typographyType: {
+        a: {
+            base: CSSObject;
+            hover: {
+                base: CSSObject;
+            };
+            margins: {
+                base: CSSObject;
+            };
+            focus: {
+                base: CSSObject;
+            };
+            bold: {
+                base: CSSObject;
+            };
+            icon: {
+                marginLeft: string;
+            };
+        };
+        headingSans01: {
+            base: CSSObject;
+            margins: {
+                base: CSSObject;
+            };
+        };
+        headingSans02: {
+            base: CSSObject;
+            margins: {
+                base: CSSObject;
+            };
+        };
+        headingSans03: {
+            base: CSSObject;
+            margins: {
+                base: CSSObject;
+            };
+        };
+        headingSans04: {
+            base: CSSObject;
+            margins: {
+                base: CSSObject;
+            };
+        };
+        headingSans05: {
+            base: CSSObject;
+            margins: {
+                base: CSSObject;
+            };
+        };
+        headingSans06: {
+            base: CSSObject;
+            margins: {
+                base: CSSObject;
+            };
+        };
+        headingSans07: {
+            base: CSSObject;
+            margins: {
+                base: CSSObject;
+            };
+        };
+        headingSans08: {
+            base: CSSObject;
+            margins: {
+                base: CSSObject;
+            };
+        };
+        bodySans01: {
+            base: CSSObject;
+            margins: {
+                base: CSSObject;
+            };
+        };
+        bodySans02: {
+            base: CSSObject;
+            margins: {
+                base: CSSObject;
+            };
+        };
+        bodySans03: {
+            base: CSSObject;
+            margins: {
+                base: CSSObject;
+            };
+        };
+        bodySans04: {
+            base: CSSObject;
+            margins: {
+                base: CSSObject;
+            };
+        };
+        bodySerif01: {
+            base: CSSObject;
+            margins: {
+                base: CSSObject;
+            };
+        };
+        bodySerif02: {
+            base: CSSObject;
+            margins: {
+                base: CSSObject;
+            };
+        };
+        bodySerif03: {
+            base: CSSObject;
+            margins: {
+                base: CSSObject;
+            };
+        };
+        bodySerif04: {
+            base: CSSObject;
+            margins: {
+                base: CSSObject;
+            };
+        };
+        leadSans01: {
+            base: CSSObject;
+            margins: {
+                base: CSSObject;
+            };
+        };
+        leadSans02: {
+            base: CSSObject;
+            margins: {
+                base: CSSObject;
+            };
+        };
+        leadSans03: {
+            base: CSSObject;
+            margins: {
+                base: CSSObject;
+            };
+        };
+        leadSans04: {
+            base: CSSObject;
+            margins: {
+                base: CSSObject;
+            };
+        };
+        leadSans05: {
+            base: CSSObject;
+            margins: {
+                base: CSSObject;
+            };
+        };
+        supportingStyleLabel01: {
+            base: CSSObject;
+            margins: {
+                base: CSSObject;
+            };
+        };
+        supportingStyleHelperText01: {
+            base: CSSObject;
+            margins: {
+                base: CSSObject;
+            };
+        };
+        supportingStyleInputText01: {
+            base: CSSObject;
+            margins: {
+                base: CSSObject;
+            };
+        };
+        supportingStyleInputText02: {
+            base: CSSObject;
+            margins: {
+                base: CSSObject;
+            };
+        };
+        supportingStyleInputText03: {
+            base: CSSObject;
+            margins: {
+                base: CSSObject;
+            };
+        };
+        supportingStylePlaceholderText01: {
+            base: CSSObject;
+            margins: {
+                base: CSSObject;
+            };
+        };
+        supportingStyleTiny01: {
+            base: CSSObject;
+            margins: {
+                base: CSSObject;
+            };
+        };
+    };
+    style: {
+        bold: {
+            base: CSSObject;
+        };
+        italic: {
+            base: CSSObject;
+        };
+        underline: {
+            base: CSSObject;
+        };
+    };
+};

package/dist/components/Typography/Typography.types.d.ts

@@ -0,0 +1,7 @@
+export declare type TypographyBodySansType = 'bodySans01' | 'bodySans02' | 'bodySans03' | 'bodySans04';
+export declare type TypographyBodySerifType = 'bodySerif01' | 'bodySerif02' | 'bodySerif03' | 'bodySerif04';
+export declare type TypographyBodyType = TypographyBodySansType | TypographyBodySerifType;
+export declare type TypographyHeadingType = 'headingSans01' | 'headingSans02' | 'headingSans03' | 'headingSans04' | 'headingSans05' | 'headingSans06' | 'headingSans07' | 'headingSans08';
+export declare type TypographyLeadType = 'leadSans01' | 'leadSans02' | 'leadSans03' | 'leadSans04' | 'leadSans05';
+export declare type TypographySupportingType = 'supportingStyleLabel01' | 'supportingStyleInputText01' | 'supportingStyleInputText02' | 'supportingStyleInputText03' | 'supportingStyleHelperText01' | 'supportingStylePlaceholderText01' | 'supportingStyleTiny01';
+export declare type TypographyType = 'a' | TypographyHeadingType | TypographyBodyType | TypographyLeadType | TypographySupportingType;

package/dist/components/Typography/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Typography';
+export * from './Typography.types';

package/dist/helpers/IconWrapper/IconWrapper.d.ts

@@ -0,0 +1,13 @@
+import { SvgIconTypeMap } from '@material-ui/core/SvgIcon';
+import { OverridableComponent } from '@material-ui/core/OverridableComponent';
+import { CSSProperties } from 'react';
+import * as CSS from 'csstype';
+export declare type IconSize = 'small' | 'medium' | 'large' | 'inline';
+export declare type IconWrapperProps = {
+    Icon: OverridableComponent<SvgIconTypeMap<{}, 'svg'>>;
+    iconSize?: IconSize;
+    color?: CSS.ColorProperty;
+    className?: string;
+    style?: CSSProperties;
+};
+export declare function IconWrapper({ Icon, iconSize, color, className, style }: IconWrapperProps): JSX.Element;

package/dist/helpers/IconWrapper/index.d.ts

@@ -0,0 +1 @@
+export * from './IconWrapper';

package/dist/helpers/InputMessage/InputMessage.d.ts

@@ -0,0 +1,9 @@
+import * as CSS from 'csstype';
+declare type MessageType = 'error' | 'tip';
+declare type Props = {
+    message: string;
+    messageType: MessageType;
+    maxWidth?: CSS.MaxWidthProperty<string>;
+};
+declare function InputMessage({ message, messageType, maxWidth }: Props): JSX.Element;
+export default InputMessage;

package/dist/helpers/InputMessage/InputMessage.tokens.d.ts

@@ -0,0 +1,15 @@
+import { CSSObject } from 'styled-components';
+export declare const inputMessageTokens: {
+    padding: string;
+    base: CSSObject;
+    defaultMaxWidth: string;
+    tip: {
+        base: CSSObject;
+    };
+    error: {
+        base: CSSObject;
+    };
+    icon: {
+        spaceRight: string;
+    };
+};

package/dist/helpers/RequiredMarker.d.ts

@@ -0,0 +1,2 @@
+declare function RequiredMarker(): JSX.Element;
+export default RequiredMarker;

package/dist/helpers/functions.d.ts

@@ -0,0 +1,2 @@
+export declare const calculateHeightWithLineHeight: (lineHeight: number, fontSize: number) => number;
+export declare const firstLetterToUpperCase: (text: string) => string;

package/dist/helpers/inputFieldStylingBase.d.ts

@@ -0,0 +1 @@
+export declare const inputFieldStylingBase: () => import("styled-components").FlattenSimpleInterpolation;

package/dist/helpers/scrollbarStyling.d.ts

@@ -0,0 +1,2 @@
+declare const scrollbarStyling: import("styled-components").FlattenSimpleInterpolation;
+export default scrollbarStyling;

package/dist/index.d.ts

@@ -1,2 +1,19 @@
 export * from './components/Radio';
+export * from './components/RadioButton';
+export * from './components/CheckboxTest';
 export * from './components/Checkbox';
+export * from './components/Button';
+export * from './components/TextInput';
+export * from './components/Select';
+export * from './components/GlobalMessage';
+export * from './components/LocalMessage';
+export * from './components/Search';
+export * from './components/Typography';
+export * from './components/Table';
+export * from './components/Breadcrumbs';
+export * from './helpers/IconWrapper';
+export * from './components/Pagination';
+export * from './components/Divider';
+export * from './components/List';
+export * from './components/DescriptionList';
+export * from './components/Spinner';