@norges-domstoler/dds-components 0.0.6 → 0.0.10

package/dist/styles/fontStyles.css

@@ -0,0 +1,60 @@
+@font-face {
+  font-family: IBM Plex Sans;
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: local('IBM Plex Sans'), local('IBMPlexSans'),
+    url('../assets/fonts/IBMPlexSans-Regular.woff2') format('woff2'),
+    url('../assets/fonts/IBMPlexSans-Regular.woff') format('woff');
+}
+
+@font-face {
+  font-family: IBM Plex Sans;
+  font-style: italic;
+  font-weight: 400;
+  font-display: swap;
+  src: local('IBM Plex Sans Italic'), local('IBMPlexSans-Italic'),
+    url('../assets/fonts/IBMPlexSans-Italic.woff2') format('woff2'),
+    url('../assets/fonts/IBMPlexSans-Italic.woff') format('woff');
+}
+
+@font-face {
+  font-family: IBM Plex Sans;
+  font-style: normal;
+  font-weight: 300;
+  font-display: swap;
+  src: local('IBM Plex Sans Light'), local('IBMPlexSans-Light'),
+    url('../assets/fonts/IBMPlexSans-Light.woff2') format('woff2'),
+    url('../assets/fonts/IBMPlexSans-Light.woff') format('woff');
+}
+
+@font-face {
+  font-family: IBM Plex Sans;
+  font-style: italic;
+  font-weight: 300;
+  font-display: swap;
+  src: local('IBM Plex Sans Light Italic'), local('IBMPlexSans-LightItalic'),
+    url('../assets/fonts/IBMPlexSans-LightItalic.woff2') format('woff2'),
+    url('../assets/fonts/IBMPlexSans-LightItalic.woff') format('woff');
+}
+
+@font-face {
+  font-family: IBM Plex Sans;
+  font-style: normal;
+  font-weight: 600;
+  font-display: swap;
+  src: local('IBM Plex Sans SemiBold'), local('IBMPlexSans-SemiBold'),
+    url('../assets/fonts/IBMPlexSans-SemiBold.woff2') format('woff2'),
+    url('../assets/fonts/IBMPlexSans-SemiBold.woff') format('woff');
+}
+
+@font-face {
+  font-family: IBM Plex Sans;
+  font-style: italic;
+  font-weight: 600;
+  font-display: swap;
+  src: local('IBM Plex Sans SemiBold Italic'),
+    local('IBMPlexSans-SemiBoldItalic'),
+    url('../assets/fonts/IBMPlexSans-SemiBoldItalic.woff2') format('woff2'),
+    url('../assets/fonts/IBMPlexSans-SemiBoldItalic.woff') format('woff');
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@norges-domstoler/dds-components",
-  "version": "0.0.6",
+  "version": "0.0.10",
   "description": "React components used in Domstolenes designsystem",
   "author": "DDS team",
   "license": "MIT",
@@ -69,6 +69,7 @@
     "react-dom": "^17.0.2",
     "react-select": "^4.3.0",
     "rollup": "^2.45.2",
+    "rollup-plugin-copy": "^3.4.0",
     "rollup-plugin-sass": "^1.2.2",
     "rollup-plugin-typescript2": "^0.30.0",
     "styled-components": "^5.2.3",
@@ -90,6 +91,9 @@
         "tsconfig": "tsconfig.json"
       }
     },
+    "moduleNameMapper": {
+      "\\.css$": "<rootDir>/__mocks__/styleMock.js"
+    },
     "transform": {
       "\\.svg$": "<rootDir>/svgTransform.js"
     }
@@ -97,6 +101,7 @@
   "dependencies": {
     "@material-ui/core": "^4.11.3",
     "@material-ui/icons": "^4.11.2",
-    "@norges-domstoler/dds-design-tokens": "0.0.4"
+    "@norges-domstoler/dds-design-tokens": "0.0.4",
+    "rollup-plugin-import-css": "^3.0.2"
   }
 }

package/dist/components/CheckboxTest/CheckboxTest.d.ts

@@ -1,15 +0,0 @@
-import React, { InputHTMLAttributes } from 'react';
-export declare type CheckboxTestProps = {
-    label: string;
-    error?: boolean;
-    disabled?: boolean;
-    className?: string;
-    style?: React.CSSProperties;
-} & InputHTMLAttributes<HTMLInputElement>;
-export declare const CheckboxTest: React.ForwardRefExoticComponent<{
-    label: string;
-    error?: boolean | undefined;
-    disabled?: boolean | undefined;
-    className?: string | undefined;
-    style?: React.CSSProperties | undefined;
-} & React.InputHTMLAttributes<HTMLInputElement> & React.RefAttributes<HTMLInputElement>>;

package/dist/components/CheckboxTest/checkboxTestTokens.d.ts

@@ -1,41 +0,0 @@
-export declare const inputTokens: {
-    height: string;
-    width: string;
-    border_width: string;
-    border_radius: string;
-    default: {
-        color: {
-            border: string;
-            background: string;
-            marker: string;
-        };
-        active: {
-            border: string;
-            marker: string;
-        };
-        focus: {
-            border: string;
-            marker: string;
-        };
-    };
-    marker: {
-        left: string;
-        top: string;
-        width: string;
-        height: string;
-        borderColor: string;
-        borderWidth: string;
-    };
-};
-export declare const containerTokens: {
-    text_color: string;
-    typography: {
-        font: {
-            fontFamily: string;
-            fontSize: string;
-            lineHeight: number;
-        };
-    };
-    padding: string;
-    margin_right: string;
-};

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

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

package/dist/components/Radio/Radio.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-export declare const Radio: React.ForwardRefExoticComponent<{
-    disabled?: boolean | undefined;
-    label?: string | undefined;
-    children?: React.ReactNode;
-} & React.InputHTMLAttributes<HTMLInputElement> & React.RefAttributes<HTMLInputElement>>;
-export declare const StyledRadio: import("styled-components").StyledComponent<"label", any, {}, never>;

package/dist/components/Radio/RadioGroup.d.ts

@@ -1,19 +0,0 @@
-import React, { ChangeEvent, HTMLAttributes } from 'react';
-declare type RadioGroupProps = {
-    children?: React.ReactNode;
-    value: string | number;
-    disabled?: boolean;
-    row?: boolean;
-    name?: string;
-    onChange?: (event: ChangeEvent<HTMLInputElement>, value: any) => void;
-    className?: string;
-    style?: React.CSSProperties;
-} & Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>;
-export declare const RadioGroup: {
-    ({ children, name, value, disabled, row, onChange, className, style, ...rest }: RadioGroupProps): JSX.Element;
-    defaultProps: {
-        row: boolean;
-        disabled: boolean;
-    };
-};
-export {};

package/dist/components/Radio/RadioGroupContext.d.ts

@@ -1,9 +0,0 @@
-import React, { ChangeEvent } from 'react';
-export interface RadioGroup {
-    disabled?: boolean;
-    name?: string;
-    value: string | number | null;
-    onChange: (event: ChangeEvent<HTMLInputElement>) => void;
-}
-export declare const RadioGroupContext: React.Context<Nullable<RadioGroup>>;
-export declare const useRadioGroup: () => Nullable<RadioGroup>;

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

@@ -1,2 +0,0 @@
-export * from './Radio';
-export * from './RadioGroup';