@norges-domstoler/dds-components 13.3.0 → 13.5.0

package/dist/types/BaseComponentProps.js

@@ -6,34 +6,34 @@ var joinClassNames = function joinClassNames() {
   }
   return classNames.filter(Boolean).join(' ');
 };
-/**
- * Slår sammen id, className, htmlProps og unknownProps til ett objekt
- * som kan spreades som baseprops for en komponent. `unknownProps` er
- * med for å sikre at aria- og data- attributter blir spreadet, alle
- * komponenter må derfor ta hensyn til `...rest` når de leser props.
- *
- * Typisk bruk:
- * ```
- * const Props = BaseComponentProps<HTMLElement, {
- *   propA: string,
- *   propB: string,
- * }>
- *
- * const MyComponent = (props: Props) => {
- *   const { propA, propB, id, className, htmlProps, ...rest } = props;
- *
- *   const wrapperProps = getBaseHTMLProps(id, className, htmlProps, rest)
- *
- *   return <div {...wrapperProps}>innhold</div>
- * }
- * ```
- * @param id id fra props til komponenten.
- * @param className className for komponenten.
- * @param htmlProps htmlProps fra komponenten.
- * @param unknownProps andre ukjente props som skal spreades, kommer typisk fra `...rest` når man leser props til komponenten.
- * @returns Objekt med alle argumentene som kan spreades.
- *
- * Kan også kalles uten `className`-parameteret. Oppførselen er lik.
+/**
+ * Slår sammen id, className, htmlProps og unknownProps til ett objekt
+ * som kan spreades som baseprops for en komponent. `unknownProps` er
+ * med for å sikre at aria- og data- attributter blir spreadet, alle
+ * komponenter må derfor ta hensyn til `...rest` når de leser props.
+ *
+ * Typisk bruk:
+ * ```
+ * const Props = BaseComponentProps<HTMLElement, {
+ *   propA: string,
+ *   propB: string,
+ * }>
+ *
+ * const MyComponent = (props: Props) => {
+ *   const { propA, propB, id, className, htmlProps, ...rest } = props;
+ *
+ *   const wrapperProps = getBaseHTMLProps(id, className, htmlProps, rest)
+ *
+ *   return <div {...wrapperProps}>innhold</div>
+ * }
+ * ```
+ * @param id id fra props til komponenten.
+ * @param className className for komponenten.
+ * @param htmlProps htmlProps fra komponenten.
+ * @param unknownProps andre ukjente props som skal spreades, kommer typisk fra `...rest` når man leser props til komponenten.
+ * @returns Objekt med alle argumentene som kan spreades.
+ *
+ * Kan også kalles uten `className`-parameteret. Oppførselen er lik.
  */
 var getBaseHTMLProps = function getBaseHTMLProps(id, htmlPropsOrClassName, htmlPropsOrUnknownProps, unknownPropsOrUndefined) {
   var _a, _b;

package/dist/types/CheckboxPickedHTMLAttributes.d.ts

@@ -1,2 +1,2 @@
-import { InputHTMLAttributes } from 'react';
-export type CheckboxPickedHTMLAttributes = Pick<InputHTMLAttributes<HTMLInputElement>, 'aria-describedby' | 'name' | 'checked' | 'defaultChecked' | 'value' | 'defaultValue' | 'onChange' | 'onBlur'>;
+import { InputHTMLAttributes } from 'react';
+export type CheckboxPickedHTMLAttributes = Pick<InputHTMLAttributes<HTMLInputElement>, 'aria-describedby' | 'name' | 'checked' | 'defaultChecked' | 'value' | 'defaultValue' | 'onChange' | 'onBlur'>;

package/dist/types/Direction.d.ts

@@ -1 +1 @@
-export type Direction = 'row' | 'column';
+export type Direction = 'row' | 'column';

package/dist/types/index.d.ts

@@ -1,4 +1,4 @@
-export * from './Direction';
-export * from './BaseComponentProps';
-export * from './CheckboxPickedHTMLAttributes';
-export * from './utils';
+export * from './Direction';
+export * from './BaseComponentProps';
+export * from './CheckboxPickedHTMLAttributes';
+export * from './utils';

package/dist/types/utils.d.ts

@@ -1,15 +1,15 @@
-/**
- * Gir tilbake `T` med properties fra `K` som påkrevd gitt at `Condition` er `true`
- *
- * @template Condition
- * @template T
- * @template K
- */
-export type WithRequiredIf<Condition extends boolean, T, K extends keyof T> = Omit<T, K> & Pick<true extends Condition ? Required<T> : T, K>;
-/**
- * Gir tilbake typer fra `T` som matcher `U`
- *
- * @template T en union type
- * @template U delmengde av `T`
- */
-export type ExtractStrict<T, U extends T> = U;
+/**
+ * Gir tilbake `T` med properties fra `K` som påkrevd gitt at `Condition` er `true`
+ *
+ * @template Condition
+ * @template T
+ * @template K
+ */
+export type WithRequiredIf<Condition extends boolean, T, K extends keyof T> = Omit<T, K> & Pick<true extends Condition ? Required<T> : T, K>;
+/**
+ * Gir tilbake typer fra `T` som matcher `U`
+ *
+ * @template T en union type
+ * @template U delmengde av `T`
+ */
+export type ExtractStrict<T, U extends T> = U;

package/dist/utils/color.d.ts

@@ -1,30 +1,30 @@
-import { Property } from 'csstype';
-export type ColorAlphaFormat = 'hex8' | 'decimal';
-export declare const convertAlpha: (value: number | string, typeFrom: ColorAlphaFormat, typeTo: ColorAlphaFormat) => string | number | undefined;
-export declare const hexToRGBA: (hex: string) => string;
-export declare const addAlphaToRGB: (rgb: string, alpha: number | string) => string;
-export declare const RGBToHex: (value: string) => string;
-export declare const changeRGBAAlpha: (value: string, alpha: number) => string;
-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 type DDSTextColor = 'interactive' | 'primary' | 'danger' | 'warning' | 'success' | 'onLight' | 'onDark' | 'gray1' | 'gray2' | 'gray3' | 'gray4' | 'gray5' | 'gray6' | 'gray7' | 'gray8' | 'gray9';
-export declare const textColorsArray: string[];
-export type TextColor = DDSTextColor | Property.Color;
-export declare function isTextColor(color: string): color is DDSTextColor;
-export declare const getTextColor: (color: TextColor) => TextColor;
+import { Property } from 'csstype';
+export type ColorAlphaFormat = 'hex8' | 'decimal';
+export declare const convertAlpha: (value: number | string, typeFrom: ColorAlphaFormat, typeTo: ColorAlphaFormat) => string | number | undefined;
+export declare const hexToRGBA: (hex: string) => string;
+export declare const addAlphaToRGB: (rgb: string, alpha: number | string) => string;
+export declare const RGBToHex: (value: string) => string;
+export declare const changeRGBAAlpha: (value: string, alpha: number) => string;
+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 type DDSTextColor = 'interactive' | 'primary' | 'danger' | 'warning' | 'success' | 'onLight' | 'onDark' | 'gray1' | 'gray2' | 'gray3' | 'gray4' | 'gray5' | 'gray6' | 'gray7' | 'gray8' | 'gray9';
+export declare const textColorsArray: string[];
+export type TextColor = DDSTextColor | Property.Color;
+export declare function isTextColor(color: string): color is DDSTextColor;
+export declare const getTextColor: (color: TextColor) => TextColor;

package/dist/utils/combineHandlers.d.ts

@@ -1 +1 @@
-export declare const combineHandlers: <T>(handler1?: Callback<T> | undefined, handler2?: Callback<T> | undefined) => Callback<T>;
+export declare const combineHandlers: <T>(handler1?: Callback<T> | undefined, handler2?: Callback<T> | undefined) => Callback<T>;

package/dist/utils/getFocusableElements.d.ts

@@ -1,2 +1,2 @@
-import { RefObject } from 'react';
-export declare function getFocusableElements<T extends HTMLElement>(elementRef: RefObject<T>): NodeListOf<HTMLElement> | [];
+import { RefObject } from 'react';
+export declare function getFocusableElements<T extends HTMLElement>(elementRef: RefObject<T>): NodeListOf<HTMLElement> | [];

package/dist/utils/getScrollbarSize.d.ts

@@ -1 +1 @@
-export declare function getScrollbarSize(document: Document): number;
+export declare function getScrollbarSize(document: Document): number;

package/dist/utils/idGenerator.d.ts

@@ -1,2 +1,2 @@
-export declare const derivativeIdGenerator: (prefix: string, suffix: string) => string;
-export declare const spaceSeparatedIdListGenerator: (values: (string | undefined)[]) => string | undefined;
+export declare const derivativeIdGenerator: (prefix: string, suffix: string) => string;
+export declare const spaceSeparatedIdListGenerator: (values: (string | undefined)[]) => string | undefined;

package/dist/utils/index.d.ts

@@ -1,7 +1,7 @@
-export * from './combineHandlers';
-export * from './idGenerator';
-export * from './getScrollbarSize';
-export * from './text';
-export * from './color';
-export * from './getFocusableElements';
-export * from './searchFilter';
+export * from './combineHandlers';
+export * from './idGenerator';
+export * from './getScrollbarSize';
+export * from './text';
+export * from './color';
+export * from './getFocusableElements';
+export * from './searchFilter';

package/dist/utils/searchFilter.d.ts

@@ -1,2 +1,2 @@
-export declare function escapeRegexCharacters(text: string): string;
-export declare function searchFilter(text: string, query: string): boolean;
+export declare function escapeRegexCharacters(text: string): string;
+export declare function searchFilter(text: string, query: string): boolean;

package/dist/utils/text.d.ts

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@norges-domstoler/dds-components",
-  "version": "13.3.0",
+  "version": "13.5.0",
   "description": "React components used in Elsa - domstolenes designsystem",
   "author": "Elsa team",
   "license": "MIT",
@@ -19,18 +19,13 @@
   ],
   "homepage": "https://design.domstol.no",
   "scripts": {
-    "clean": "rm -r dist || :",
     "test": "vitest run",
     "test:watch": "vitest watch",
     "build": "rollup -c",
-    "dev": "concurrently 'npm:dev:*'",
-    "dev:rollup": "rollup -c -w",
-    "dev:storybook": "start-storybook -p 6006",
-    "build-storybook": "build-storybook -o docs",
+    "dev": "rollup -c -w",
     "lint": "eslint --ext=jsx,ts,tsx src",
     "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",
@@ -48,49 +43,43 @@
     "elsa"
   ],
   "devDependencies": {
-    "@babel/core": "^7.21.0",
-    "@babel/preset-env": "^7.20.2",
-    "@babel/preset-react": "^7.18.6",
-    "@mdx-js/react": "^2.2.1",
+    "@babel/core": "^7.22.5",
+    "@babel/preset-env": "^7.22.5",
+    "@babel/preset-react": "^7.22.5",
+    "@mdx-js/react": "^2.3.0",
     "@norges-domstoler/dds-design-tokens": "*",
+    "@norges-domstoler/storybook-components": "*",
     "@rollup/plugin-babel": "^6.0.3",
-    "@rollup/plugin-commonjs": "^24.0.0",
-    "@rollup/plugin-image": "^3.0.1",
-    "@rollup/plugin-node-resolve": "^15.0.1",
-    "@storybook/addon-essentials": "^6.5.15",
-    "@storybook/addons": "^6.5.15",
-    "@storybook/builder-webpack5": "^6.5.16",
-    "@storybook/manager-webpack5": "^6.5.15",
-    "@storybook/mdx2-csf": "^0.0.4",
-    "@storybook/react": "^6.5.16",
-    "@storybook/theming": "^6.5.15",
+    "@rollup/plugin-commonjs": "^25.0.1",
+    "@rollup/plugin-image": "^3.0.2",
+    "@rollup/plugin-node-resolve": "^15.1.0",
+    "@storybook/blocks": "^7.0.20",
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^14.0.0",
     "@testing-library/user-event": "^14.4.3",
-    "@types/react": "^18.0.21",
-    "@types/react-dom": "^18.0.11",
+    "@types/react": "^18.2.12",
+    "@types/react-dom": "^18.2.5",
     "@types/styled-components": "^5.1.26",
-    "@typescript-eslint/eslint-plugin": "^5.54.1",
-    "@typescript-eslint/parser": "^5.54.0",
+    "@typescript-eslint/eslint-plugin": "^5.59.11",
+    "@typescript-eslint/parser": "^5.59.11",
     "babel-loader": "^9.1.2",
-    "babel-plugin-styled-components": "^2.0.7",
-    "concurrently": "^8.0.1",
-    "eslint": "^8.38.0",
-    "eslint-config-prettier": "^8.7.0",
+    "babel-plugin-styled-components": "^2.1.3",
+    "concurrently": "^8.2.0",
+    "eslint": "^8.42.0",
+    "eslint-config-prettier": "^8.8.0",
     "eslint-plugin-prettier": "^4.2.1",
     "eslint-plugin-react": "^7.32.2",
-    "eslint-plugin-storybook": "^0.6.4",
-    "jsdom": "^21.1.1",
+    "jsdom": "^22.1.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "rollup": "^3.10.0",
+    "rollup": "^3.25.1",
     "rollup-plugin-copy": "^3.4.0",
-    "rollup-plugin-import-css": "^3.1.0",
+    "rollup-plugin-import-css": "^3.2.1",
     "rollup-plugin-sass": "^1.12.19",
     "rollup-plugin-typescript2": "^0.34.1",
-    "typescript": "^5.0.2",
-    "vite": "^4.2.1",
-    "vitest": "^0.30.1"
+    "typescript": "^5.1.3",
+    "vite": "^4.3.9",
+    "vitest": "^0.32.0"
   },
   "peerDependencies": {
     "@norges-domstoler/dds-design-tokens": "^3",
@@ -103,8 +92,8 @@
     "attr-accept": "^2.2.2",
     "file-selector": "^0.6.0",
     "focus-visible": "^5.2.0",
-    "react-select": "^5.7.2",
-    "tslib": "^2.4.0"
+    "react-select": "^5.7.3",
+    "tslib": "^2.5.3"
   },
   "publishConfig": {
     "provenance": true