@norges-domstoler/dds-components 0.0.21 → 0.0.25

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (28) hide show
  1. package/README.md +75 -63
  2. package/dist/components/Card/Card.d.ts +1 -1
  3. package/dist/components/InternalHeader/InternalHeader.types.d.ts +1 -1
  4. package/dist/components/Popover/Popover.d.ts +33 -0
  5. package/dist/components/Popover/Popover.tokens.d.ts +15 -0
  6. package/dist/components/Popover/PopoverGroup.d.ts +9 -0
  7. package/dist/components/Popover/index.d.ts +2 -0
  8. package/dist/components/Select/Select.d.ts +6 -4
  9. package/dist/components/Select/Select.styles.d.ts +3 -2
  10. package/dist/components/Spinner/Spinner.d.ts +3 -2
  11. package/dist/components/Table/SortCell.d.ts +2 -2
  12. package/dist/components/Table/tableData.d.ts +1 -1
  13. package/dist/helpers/Chevron/AnimatedChevronUpDown.d.ts +2 -0
  14. package/dist/helpers/Chevron/AnimatedChevronUpDown.styles.d.ts +7 -0
  15. package/dist/helpers/Chevron/index.d.ts +1 -0
  16. package/dist/hooks/index.d.ts +4 -0
  17. package/dist/hooks/useCombinedRefs.d.ts +2 -0
  18. package/dist/hooks/useOnClickOutside.d.ts +1 -0
  19. package/dist/hooks/useOnKeyDown.d.ts +1 -0
  20. package/dist/hooks/useReactPopper.d.ts +12 -0
  21. package/dist/index.css +60 -60
  22. package/dist/index.d.ts +1 -0
  23. package/dist/index.es.css +60 -60
  24. package/dist/index.es.js +3890 -1479
  25. package/dist/index.js +3890 -1477
  26. package/dist/styles/fontStyles.css +60 -60
  27. package/package.json +109 -108
  28. package/dist/helpers/inputFieldStylingBase.d.ts +0 -1
package/dist/styles/fontStyles.css CHANGED
@@ -1,60 +1,60 @@
1
- @font-face {
2
- font-family: IBM Plex Sans;
3
- font-style: normal;
4
- font-weight: 400;
5
- font-display: swap;
6
- src: local('IBM Plex Sans'), local('IBMPlexSans'),
7
- url('../assets/fonts/IBMPlexSans-Regular.woff2') format('woff2'),
8
- url('../assets/fonts/IBMPlexSans-Regular.woff') format('woff');
9
- }
10
-
11
- @font-face {
12
- font-family: IBM Plex Sans;
13
- font-style: italic;
14
- font-weight: 400;
15
- font-display: swap;
16
- src: local('IBM Plex Sans Italic'), local('IBMPlexSans-Italic'),
17
- url('../assets/fonts/IBMPlexSans-Italic.woff2') format('woff2'),
18
- url('../assets/fonts/IBMPlexSans-Italic.woff') format('woff');
19
- }
20
-
21
- @font-face {
22
- font-family: IBM Plex Sans;
23
- font-style: normal;
24
- font-weight: 300;
25
- font-display: swap;
26
- src: local('IBM Plex Sans Light'), local('IBMPlexSans-Light'),
27
- url('../assets/fonts/IBMPlexSans-Light.woff2') format('woff2'),
28
- url('../assets/fonts/IBMPlexSans-Light.woff') format('woff');
29
- }
30
-
31
- @font-face {
32
- font-family: IBM Plex Sans;
33
- font-style: italic;
34
- font-weight: 300;
35
- font-display: swap;
36
- src: local('IBM Plex Sans Light Italic'), local('IBMPlexSans-LightItalic'),
37
- url('../assets/fonts/IBMPlexSans-LightItalic.woff2') format('woff2'),
38
- url('../assets/fonts/IBMPlexSans-LightItalic.woff') format('woff');
39
- }
40
-
41
- @font-face {
42
- font-family: IBM Plex Sans;
43
- font-style: normal;
44
- font-weight: 600;
45
- font-display: swap;
46
- src: local('IBM Plex Sans SemiBold'), local('IBMPlexSans-SemiBold'),
47
- url('../assets/fonts/IBMPlexSans-SemiBold.woff2') format('woff2'),
48
- url('../assets/fonts/IBMPlexSans-SemiBold.woff') format('woff');
49
- }
50
-
51
- @font-face {
52
- font-family: IBM Plex Sans;
53
- font-style: italic;
54
- font-weight: 600;
55
- font-display: swap;
56
- src: local('IBM Plex Sans SemiBold Italic'),
57
- local('IBMPlexSans-SemiBoldItalic'),
58
- url('../assets/fonts/IBMPlexSans-SemiBoldItalic.woff2') format('woff2'),
59
- url('../assets/fonts/IBMPlexSans-SemiBoldItalic.woff') format('woff');
60
- }
1
+ @font-face {
2
+ font-family: IBM Plex Sans;
3
+ font-style: normal;
4
+ font-weight: 400;
5
+ font-display: swap;
6
+ src: local('IBM Plex Sans'), local('IBMPlexSans'),
7
+ url('../assets/fonts/IBMPlexSans-Regular.woff2') format('woff2'),
8
+ url('../assets/fonts/IBMPlexSans-Regular.woff') format('woff');
9
+ }
10
+
11
+ @font-face {
12
+ font-family: IBM Plex Sans;
13
+ font-style: italic;
14
+ font-weight: 400;
15
+ font-display: swap;
16
+ src: local('IBM Plex Sans Italic'), local('IBMPlexSans-Italic'),
17
+ url('../assets/fonts/IBMPlexSans-Italic.woff2') format('woff2'),
18
+ url('../assets/fonts/IBMPlexSans-Italic.woff') format('woff');
19
+ }
20
+
21
+ @font-face {
22
+ font-family: IBM Plex Sans;
23
+ font-style: normal;
24
+ font-weight: 300;
25
+ font-display: swap;
26
+ src: local('IBM Plex Sans Light'), local('IBMPlexSans-Light'),
27
+ url('../assets/fonts/IBMPlexSans-Light.woff2') format('woff2'),
28
+ url('../assets/fonts/IBMPlexSans-Light.woff') format('woff');
29
+ }
30
+
31
+ @font-face {
32
+ font-family: IBM Plex Sans;
33
+ font-style: italic;
34
+ font-weight: 300;
35
+ font-display: swap;
36
+ src: local('IBM Plex Sans Light Italic'), local('IBMPlexSans-LightItalic'),
37
+ url('../assets/fonts/IBMPlexSans-LightItalic.woff2') format('woff2'),
38
+ url('../assets/fonts/IBMPlexSans-LightItalic.woff') format('woff');
39
+ }
40
+
41
+ @font-face {
42
+ font-family: IBM Plex Sans;
43
+ font-style: normal;
44
+ font-weight: 600;
45
+ font-display: swap;
46
+ src: local('IBM Plex Sans SemiBold'), local('IBMPlexSans-SemiBold'),
47
+ url('../assets/fonts/IBMPlexSans-SemiBold.woff2') format('woff2'),
48
+ url('../assets/fonts/IBMPlexSans-SemiBold.woff') format('woff');
49
+ }
50
+
51
+ @font-face {
52
+ font-family: IBM Plex Sans;
53
+ font-style: italic;
54
+ font-weight: 600;
55
+ font-display: swap;
56
+ src: local('IBM Plex Sans SemiBold Italic'),
57
+ local('IBMPlexSans-SemiBoldItalic'),
58
+ url('../assets/fonts/IBMPlexSans-SemiBoldItalic.woff2') format('woff2'),
59
+ url('../assets/fonts/IBMPlexSans-SemiBoldItalic.woff') format('woff');
60
+ }
package/package.json CHANGED
@@ -1,108 +1,109 @@
1
- {
2
- "name": "@norges-domstoler/dds-components",
3
- "version": "0.0.21",
4
- "description": "React components used in Domstolenes designsystem",
5
- "author": "DDS team",
6
- "license": "MIT",
7
- "repository": {
8
- "type": "git",
9
- "url": "https://github.com/domstolene/designsystem"
10
- },
11
- "main": "dist/index.js",
12
- "module": "dist/index.es.js",
13
- "files": [
14
- "dist"
15
- ],
16
- "homepage": "https://design.domstol.no",
17
- "scripts": {
18
- "test": "jest --no-cache",
19
- "test:watch": "jest --no-cache --watch",
20
- "build": "rollup -c",
21
- "build:watch": "rollup -c -w",
22
- "storybook": "start-storybook -p 6006",
23
- "build-storybook": "build-storybook -o docs",
24
- "lint": "eslint --ext=jsx,ts,tsx src",
25
- "prettier": "prettier --write '**/*.{ts,tsx}'"
26
- },
27
- "keywords": [
28
- "dds",
29
- "design",
30
- "tokens",
31
- "design system",
32
- "domstolene",
33
- "norges domstoler",
34
- "elsa"
35
- ],
36
- "devDependencies": {
37
- "@babel/core": "^7.13.10",
38
- "@babel/preset-env": "^7.13.15",
39
- "@babel/preset-react": "^7.13.13",
40
- "@rollup/plugin-babel": "^5.3.0",
41
- "@rollup/plugin-commonjs": "^18.0.0",
42
- "@rollup/plugin-image": "^2.1.1",
43
- "@rollup/plugin-node-resolve": "^11.2.1",
44
- "@storybook/addon-actions": "^6.3.8",
45
- "@storybook/addon-essentials": "^6.3.8",
46
- "@storybook/addon-links": "^6.3.8",
47
- "@storybook/addons": "^6.3.8",
48
- "@storybook/react": "^6.3.8",
49
- "@storybook/theming": "^6.3.8",
50
- "@testing-library/jest-dom": "^5.11.10",
51
- "@testing-library/react": "^11.2.6",
52
- "@testing-library/user-event": "^13.1.5",
53
- "@types/jest": "^26.0.23",
54
- "@types/node": "^14.14.36",
55
- "@types/react": "^17.0.2",
56
- "@types/react-dom": "^17.0.2",
57
- "@types/react-select": "^4.0.15",
58
- "@types/styled-components": "^5.1.9",
59
- "@typescript-eslint/eslint-plugin": "^4.19.0",
60
- "@typescript-eslint/parser": "^4.22.0",
61
- "babel-loader": "^8.2.2",
62
- "babel-plugin-styled-components": "^1.12.0",
63
- "eslint": "^7.22.0",
64
- "eslint-config-prettier": "^8.2.0",
65
- "eslint-plugin-prettier": "^3.4.0",
66
- "eslint-plugin-react": "^7.23.1",
67
- "focus-visible": "^5.2.0",
68
- "jest": "^26.6.3",
69
- "react": "^17.0.2",
70
- "react-dom": "^17.0.2",
71
- "react-select": "^4.3.0",
72
- "rollup": "^2.45.2",
73
- "rollup-plugin-copy": "^3.4.0",
74
- "rollup-plugin-sass": "^1.2.2",
75
- "rollup-plugin-typescript2": "^0.30.0",
76
- "styled-components": "^5.2.3",
77
- "ts-jest": "^26.5.4",
78
- "tslib": "^2.2.0",
79
- "typescript": "^4.2.4"
80
- },
81
- "peerDependencies": {
82
- "react": ">=16.8.0",
83
- "react-dom": ">=16.8.0"
84
- },
85
- "jest": {
86
- "preset": "ts-jest",
87
- "setupFilesAfterEnv": [
88
- "<rootDir>/src/setupTests.ts"
89
- ],
90
- "globals": {
91
- "ts-jest": {
92
- "tsconfig": "tsconfig.json"
93
- }
94
- },
95
- "moduleNameMapper": {
96
- "\\.css$": "<rootDir>/__mocks__/styleMock.js"
97
- },
98
- "transform": {
99
- "\\.svg$": "<rootDir>/svgTransform.js"
100
- }
101
- },
102
- "dependencies": {
103
- "@material-ui/core": "^4.11.3",
104
- "@material-ui/icons": "^4.11.2",
105
- "@norges-domstoler/dds-design-tokens": "0.0.5",
106
- "rollup-plugin-import-css": "^3.0.2"
107
- }
108
- }
1
+ {
2
+ "name": "@norges-domstoler/dds-components",
3
+ "version": "0.0.25",
4
+ "description": "React components used in Domstolenes designsystem",
5
+ "author": "Elsa team",
6
+ "license": "MIT",
7
+ "repository": {
8
+ "type": "git",
9
+ "url": "https://github.com/domstolene/designsystem"
10
+ },
11
+ "main": "dist/index.js",
12
+ "module": "dist/index.es.js",
13
+ "files": [
14
+ "dist"
15
+ ],
16
+ "homepage": "https://design.domstol.no",
17
+ "scripts": {
18
+ "test": "jest --no-cache",
19
+ "test:watch": "jest --no-cache --watch",
20
+ "build": "rollup -c",
21
+ "build:watch": "rollup -c -w",
22
+ "storybook": "start-storybook -p 6006",
23
+ "build-storybook": "build-storybook -o docs",
24
+ "lint": "eslint --ext=jsx,ts,tsx src",
25
+ "prettier": "prettier --write '**/*.{ts,tsx}'"
26
+ },
27
+ "keywords": [
28
+ "dds",
29
+ "design",
30
+ "tokens",
31
+ "design system",
32
+ "domstolene",
33
+ "norges domstoler",
34
+ "elsa"
35
+ ],
36
+ "devDependencies": {
37
+ "@babel/core": "^7.13.10",
38
+ "@babel/preset-env": "^7.13.15",
39
+ "@babel/preset-react": "^7.13.13",
40
+ "@rollup/plugin-babel": "^5.3.0",
41
+ "@rollup/plugin-commonjs": "^18.0.0",
42
+ "@rollup/plugin-image": "^2.1.1",
43
+ "@rollup/plugin-node-resolve": "^11.2.1",
44
+ "@storybook/addon-actions": "^6.3.8",
45
+ "@storybook/addon-essentials": "^6.3.8",
46
+ "@storybook/addon-links": "^6.3.8",
47
+ "@storybook/addons": "^6.3.8",
48
+ "@storybook/react": "^6.3.8",
49
+ "@storybook/theming": "^6.3.8",
50
+ "@testing-library/jest-dom": "^5.11.10",
51
+ "@testing-library/react": "^11.2.6",
52
+ "@testing-library/user-event": "^13.1.5",
53
+ "@types/jest": "^26.0.23",
54
+ "@types/node": "^14.14.36",
55
+ "@types/react": "^17.0.2",
56
+ "@types/react-dom": "^17.0.2",
57
+ "@types/styled-components": "^5.1.9",
58
+ "@typescript-eslint/eslint-plugin": "^4.19.0",
59
+ "@typescript-eslint/parser": "^4.22.0",
60
+ "babel-loader": "^8.2.2",
61
+ "babel-plugin-styled-components": "^1.12.0",
62
+ "eslint": "^7.22.0",
63
+ "eslint-config-prettier": "^8.2.0",
64
+ "eslint-plugin-prettier": "^3.4.0",
65
+ "eslint-plugin-react": "^7.23.1",
66
+ "focus-visible": "^5.2.0",
67
+ "jest": "^26.6.3",
68
+ "react": "^17.0.2",
69
+ "react-dom": "^17.0.2",
70
+ "react-select": "^5.2.2",
71
+ "rollup": "^2.45.2",
72
+ "rollup-plugin-copy": "^3.4.0",
73
+ "rollup-plugin-sass": "^1.2.2",
74
+ "rollup-plugin-typescript2": "^0.30.0",
75
+ "styled-components": "^5.2.3",
76
+ "ts-jest": "^26.5.4",
77
+ "tslib": "^2.2.0",
78
+ "typescript": "^4.2.4"
79
+ },
80
+ "peerDependencies": {
81
+ "react": ">=16.8.0",
82
+ "react-dom": ">=16.8.0"
83
+ },
84
+ "jest": {
85
+ "preset": "ts-jest",
86
+ "setupFilesAfterEnv": [
87
+ "<rootDir>/src/setupTests.ts"
88
+ ],
89
+ "globals": {
90
+ "ts-jest": {
91
+ "tsconfig": "tsconfig.json"
92
+ }
93
+ },
94
+ "moduleNameMapper": {
95
+ "\\.css$": "<rootDir>/__mocks__/styleMock.js"
96
+ },
97
+ "transform": {
98
+ "\\.svg$": "<rootDir>/svgTransform.js"
99
+ }
100
+ },
101
+ "dependencies": {
102
+ "@material-ui/core": "^4.11.3",
103
+ "@material-ui/icons": "^4.11.2",
104
+ "@norges-domstoler/dds-design-tokens": "0.0.5",
105
+ "@popperjs/core": "^2.11.2",
106
+ "react-popper": "^2.2.5",
107
+ "rollup-plugin-import-css": "^3.0.2"
108
+ }
109
+ }
package/dist/helpers/inputFieldStylingBase.d.ts DELETED
@@ -1 +0,0 @@
1
- export declare const inputFieldStylingBase: () => import("styled-components").FlattenSimpleInterpolation;