@norges-domstoler/dds-components 4.3.0 → 5.1.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@norges-domstoler/dds-components",
-  "version": "4.3.0",
+  "version": "5.1.1",
   "description": "React components used in Elsa - domstolenes designsystem",
   "author": "Elsa team",
   "license": "MIT",
@@ -20,16 +20,21 @@
   "homepage": "https://design.domstol.no",
   "scripts": {
     "clean": "rm -r dist || :",
-    "test": "jest --no-cache",
-    "test:watch": "jest --no-cache --watch",
+    "test": "jest",
+    "test:watch": "jest --watch",
     "build": "rollup -c",
     "build:watch": "rollup -c -w",
     "storybook": "start-storybook -p 6006 -s ./.storybook/images",
     "build-storybook": "build-storybook -o docs",
     "lint": "eslint --ext=jsx,ts,tsx src",
-    "prettier": "prettier --write '**/*.{ts,tsx}'",
-    "check:types": "tsc --noEmit",
-    "build:clean": "npm run clean && npm run build"
+    "prettier": "prettier --write .",
+    "prettier:check": "prettier --check .",
+    "build:clean": "npm run clean && npm run build",
+    "verify:types": "tsc --noEmit",
+    "verify:lint": "npm run lint",
+    "verify:test": "npm test",
+    "verify:prettier": "npm run prettier:check",
+    "verify": "concurrently 'npm:verify:*'"
   },
   "keywords": [
     "dds",
@@ -42,53 +47,55 @@
     "elsa"
   ],
   "devDependencies": {
-    "@babel/core": "^7.17.9",
-    "@babel/preset-env": "^7.16.11",
-    "@babel/preset-react": "^7.16.7",
-    "@mdx-js/react": "^2.1.1",
+    "@babel/core": "^7.18.10",
+    "@babel/preset-env": "^7.18.10",
+    "@babel/preset-react": "^7.18.6",
+    "@mdx-js/react": "^2.1.3",
     "@rollup/plugin-babel": "^5.3.1",
-    "@rollup/plugin-commonjs": "^21.0.3",
+    "@rollup/plugin-commonjs": "^22.0.2",
     "@rollup/plugin-image": "^2.1.1",
-    "@rollup/plugin-node-resolve": "^13.2.0",
-    "@storybook/addon-actions": "^6.5.9",
-    "@storybook/addon-essentials": "^6.5.9",
-    "@storybook/addon-links": "^6.5.9",
-    "@storybook/addons": "^6.5.9",
+    "@rollup/plugin-node-resolve": "^13.3.0",
+    "@storybook/addon-actions": "^6.5.10",
+    "@storybook/addon-essentials": "^6.5.10",
+    "@storybook/addon-links": "^6.5.10",
+    "@storybook/addons": "^6.5.10",
     "@storybook/mdx2-csf": "^0.0.3",
-    "@storybook/react": "^6.5.9",
-    "@storybook/theming": "^6.5.9",
-    "@testing-library/jest-dom": "^5.16.4",
-    "@testing-library/react": "^13.1.1",
-    "@testing-library/user-event": "^14.1.0",
-    "@types/jest": "^27.4.1",
-    "@types/react": "^17.0.2",
+    "@storybook/react": "^6.5.10",
+    "@storybook/theming": "^6.5.10",
+    "@testing-library/jest-dom": "^5.16.5",
+    "@testing-library/react": "^13.3.0",
+    "@testing-library/user-event": "^14.4.3",
+    "@types/jest": "^28.1.7",
+    "@types/react": "^18.0.17",
     "@types/react-dom": "^18.0.6",
-    "@types/styled-components": "^5.1.9",
-    "@typescript-eslint/eslint-plugin": "^5.19.0",
-    "@typescript-eslint/parser": "^5.19.0",
-    "babel-loader": "^8.2.4",
+    "@types/styled-components": "^5.1.26",
+    "@typescript-eslint/eslint-plugin": "^5.33.1",
+    "@typescript-eslint/parser": "^5.33.1",
+    "babel-loader": "^8.2.5",
     "babel-plugin-styled-components": "^2.0.7",
-    "eslint": "^8.13.0",
+    "concurrently": "^7.3.0",
+    "eslint": "^8.22.0",
     "eslint-config-prettier": "^8.5.0",
-    "eslint-plugin-prettier": "^4.0.0",
-    "eslint-plugin-react": "^7.29.4",
-    "eslint-plugin-storybook": "^0.6.1",
-    "jest": "^27.5.1 ",
-    "react": "^18.0.0",
-    "react-dom": "^18.0.0",
-    "rollup": "^2.70.1",
+    "eslint-plugin-prettier": "^4.2.1",
+    "eslint-plugin-react": "^7.30.1",
+    "eslint-plugin-storybook": "^0.6.4",
+    "jest": "^28.1.3",
+    "jest-environment-jsdom": "^28.1.3",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "rollup": "^2.78.1",
     "rollup-plugin-copy": "^3.4.0",
     "rollup-plugin-import-css": "^3.0.3",
-    "rollup-plugin-sass": "^1.2.12",
-    "rollup-plugin-typescript2": "^0.32.1",
-    "ts-jest": "^27.1.4",
-    "typescript": "^4.6.3"
+    "rollup-plugin-sass": "^1.2.13",
+    "rollup-plugin-typescript2": "^0.33.0",
+    "ts-jest": "^28.0.8",
+    "typescript": "^4.7.4"
   },
   "peerDependencies": {
+    "@norges-domstoler/dds-design-tokens": "^1.3.0",
     "react": "^16 || ^17 || ^18",
     "react-dom": "^16 || ^17 || ^18",
-    "styled-components": "^5",
-    "@norges-domstoler/dds-design-tokens": "^1"
+    "styled-components": "^5"
   },
   "jest": {
     "preset": "ts-jest",
@@ -109,13 +116,9 @@
     }
   },
   "dependencies": {
-    "@emotion/react": "^11.9.0",
-    "@emotion/styled": "^11.8.1",
-    "@floating-ui/react-dom": "^0.7.2",
-    "@mui/icons-material": "^5.6.2",
-    "@mui/material": "^5.6.3",
+    "@floating-ui/react-dom": "^1.0.0",
     "focus-visible": "^5.2.0",
-    "react-select": "^5.3.0",
+    "react-select": "^5.4.0",
     "tslib": "^2.4.0"
   }
 }

package/dist/cjs/components/IconWrapper/IconWrapper.d.ts

@@ -1,19 +0,0 @@
-import { SvgIconTypeMap } from '@mui/material/SvgIcon';
-import { OverridableComponent } from '@mui/material/OverridableComponent';
-import { HTMLAttributes } from 'react';
-import { Property } from 'csstype';
-export declare type IconSize = 'small' | 'medium' | 'large' | 'inline';
-declare type SvgIconTypeProps = SvgIconTypeMap<Record<string, unknown>, 'svg'>;
-export declare type IconWrapperProps = {
-    /**Ikon. */
-    Icon: OverridableComponent<SvgIconTypeProps>;
-    /**Størrelsen til ikonet. */
-    iconSize?: IconSize;
-    /**Fargen til ikonet. */
-    color?: Property.Color;
-    className?: HTMLAttributes<SVGElement>['className'];
-    style?: HTMLAttributes<SVGElement>['style'];
-    svgProps?: SvgIconTypeProps['props'];
-};
-export declare function IconWrapper({ Icon, iconSize, color, className, style, svgProps }: IconWrapperProps): JSX.Element;
-export {};

package/dist/cjs/components/IconWrapper/IconWrapper.stories.d.ts

@@ -1,22 +0,0 @@
-/// <reference types="react" />
-import { IconWrapper, IconWrapperProps } from '.';
-declare const _default: {
-    title: string;
-    component: typeof IconWrapper;
-    argTypes: {
-        color: {
-            control: {
-                type: string;
-            };
-        };
-    };
-    parameters: {
-        controls: {
-            exclude: string[];
-        };
-    };
-};
-export default _default;
-export declare const Overview: (args: IconWrapperProps) => JSX.Element;
-export declare const Default: (args: IconWrapperProps) => JSX.Element;
-export declare const Inline: (args: IconWrapperProps) => JSX.Element;

package/dist/cjs/components/IconWrapper/index.d.ts

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

package/dist/components/IconWrapper/IconWrapper.d.ts

@@ -1,19 +0,0 @@
-import { SvgIconTypeMap } from '@mui/material/SvgIcon';
-import { OverridableComponent } from '@mui/material/OverridableComponent';
-import { HTMLAttributes } from 'react';
-import { Property } from 'csstype';
-export declare type IconSize = 'small' | 'medium' | 'large' | 'inline';
-declare type SvgIconTypeProps = SvgIconTypeMap<Record<string, unknown>, 'svg'>;
-export declare type IconWrapperProps = {
-    /**Ikon. */
-    Icon: OverridableComponent<SvgIconTypeProps>;
-    /**Størrelsen til ikonet. */
-    iconSize?: IconSize;
-    /**Fargen til ikonet. */
-    color?: Property.Color;
-    className?: HTMLAttributes<SVGElement>['className'];
-    style?: HTMLAttributes<SVGElement>['style'];
-    svgProps?: SvgIconTypeProps['props'];
-};
-export declare function IconWrapper({ Icon, iconSize, color, className, style, svgProps }: IconWrapperProps): JSX.Element;
-export {};

package/dist/components/IconWrapper/IconWrapper.js

@@ -1,42 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { ddsBaseTokens } from '@norges-domstoler/dds-design-tokens';
-
-var getSize = function getSize(iconSize) {
-  switch (iconSize) {
-    case 'small':
-      return ddsBaseTokens.iconSizes.DdsIconsizeSmall;
-
-    case 'medium':
-      return ddsBaseTokens.iconSizes.DdsIconsizeMedium;
-
-    case 'large':
-      return ddsBaseTokens.iconSizes.DdsIconsizeLarge;
-
-    case 'inline':
-      return '1em';
-
-    default:
-      return ddsBaseTokens.iconSizes.DdsIconsizeMedium;
-  }
-};
-
-function IconWrapper(_ref) {
-  var Icon = _ref.Icon,
-      _ref$iconSize = _ref.iconSize,
-      iconSize = _ref$iconSize === void 0 ? 'medium' : _ref$iconSize,
-      color = _ref.color,
-      className = _ref.className,
-      style = _ref.style,
-      svgProps = _ref.svgProps;
-  var PropIcon = Icon;
-  var size = getSize(iconSize);
-  return jsx(PropIcon, Object.assign({}, svgProps, {
-    className: className,
-    style: Object.assign(Object.assign({}, style), {
-      color: color ? color : 'inherit',
-      fontSize: size
-    })
-  }));
-}
-
-export { IconWrapper };

package/dist/components/IconWrapper/IconWrapper.stories.d.ts

@@ -1,22 +0,0 @@
-/// <reference types="react" />
-import { IconWrapper, IconWrapperProps } from '.';
-declare const _default: {
-    title: string;
-    component: typeof IconWrapper;
-    argTypes: {
-        color: {
-            control: {
-                type: string;
-            };
-        };
-    };
-    parameters: {
-        controls: {
-            exclude: string[];
-        };
-    };
-};
-export default _default;
-export declare const Overview: (args: IconWrapperProps) => JSX.Element;
-export declare const Default: (args: IconWrapperProps) => JSX.Element;
-export declare const Inline: (args: IconWrapperProps) => JSX.Element;

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

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