@norges-domstoler/dds-components 11.1.1 → 11.3.0

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 (56) hide show
  1. package/dist/cjs/components/FileUploader/useFileUploader.d.ts +5 -1
  2. package/dist/cjs/components/FormGenerator/FormGenerator.d.ts +3 -0
  3. package/dist/cjs/components/Grid/Grid.d.ts +1 -1
  4. package/dist/cjs/components/Grid/GridChild.d.ts +1 -1
  5. package/dist/cjs/helpers/ScreenSize/index.d.ts +1 -0
  6. package/dist/cjs/helpers/index.d.ts +1 -0
  7. package/dist/cjs/index.d.ts +2 -0
  8. package/dist/cjs/index.js +2965 -2933
  9. package/dist/components/Breadcrumbs/Breadcrumb.js +3 -0
  10. package/dist/components/Card/CardAccordion/CardAccordionHeader.js +3 -0
  11. package/dist/components/Checkbox/Checkbox.js +4 -2
  12. package/dist/components/Checkbox/CheckboxGroup.js +4 -2
  13. package/dist/components/Datepicker/Datepicker.js +3 -1
  14. package/dist/components/Drawer/Drawer.js +2 -2
  15. package/dist/components/FileUploader/FileUploader.js +4 -6
  16. package/dist/components/FileUploader/useFileUploader.d.ts +5 -1
  17. package/dist/components/FileUploader/useFileUploader.js +41 -13
  18. package/dist/components/FormGenerator/FormGenerator.d.ts +3 -0
  19. package/dist/components/FormGenerator/FormGenerator.js +3 -0
  20. package/dist/components/FormGenerator/FormGenerator.styles.js +10 -1
  21. package/dist/components/GlobalMessage/GlobalMessage.js +3 -0
  22. package/dist/components/Grid/Grid.d.ts +1 -1
  23. package/dist/components/Grid/Grid.js +9 -1
  24. package/dist/components/Grid/GridChild.d.ts +1 -1
  25. package/dist/components/Grid/GridChild.js +9 -1
  26. package/dist/components/InlineEdit/InlineEdit.styles.js +4 -0
  27. package/dist/components/InlineEdit/InlineInput.js +3 -3
  28. package/dist/components/InlineEdit/InlineTextArea.js +3 -3
  29. package/dist/components/InputMessage/InputMessage.js +3 -0
  30. package/dist/components/InternalHeader/InternalHeader.js +3 -0
  31. package/dist/components/LocalMessage/LocalMessage.js +3 -0
  32. package/dist/components/Pagination/Pagination.js +3 -0
  33. package/dist/components/RadioButton/RadioButton.js +3 -0
  34. package/dist/components/RadioButton/RadioButtonGroup.js +4 -2
  35. package/dist/components/Search/Search.js +3 -3
  36. package/dist/components/Search/SearchSuggestions.js +4 -4
  37. package/dist/components/Select/Select.tokens.js +3 -0
  38. package/dist/components/Table/collapsible/CollapsibleRow.js +2 -0
  39. package/dist/components/TextInput/CharCounter.js +3 -0
  40. package/dist/components/TextInput/TextInput.js +4 -2
  41. package/dist/components/TextInput/TextInput.styles.js +4 -0
  42. package/dist/components/ToggleBar/ToggleBar.js +2 -0
  43. package/dist/components/ToggleBar/ToggleRadio.js +3 -0
  44. package/dist/components/ToggleBar/ToggleRadio.styles.js +4 -0
  45. package/dist/components/ToggleButton/ToggleButton.js +3 -0
  46. package/dist/components/ToggleButton/ToggleButtonGroup.js +3 -0
  47. package/dist/components/Tooltip/Tooltip.styles.js +4 -0
  48. package/dist/components/Typography/Label/Label.js +3 -0
  49. package/dist/helpers/ScreenSize/index.d.ts +1 -0
  50. package/dist/helpers/index.d.ts +1 -0
  51. package/dist/index.d.ts +2 -0
  52. package/dist/index.js +2 -0
  53. package/package.json +11 -11
  54. /package/dist/cjs/{components/Grid/Grid.utils.d.ts → helpers/ScreenSize/ScreenSize.utils.d.ts} +0 -0
  55. /package/dist/{components/Grid/Grid.utils.d.ts → helpers/ScreenSize/ScreenSize.utils.d.ts} +0 -0
  56. /package/dist/{components/Grid/Grid.utils.js → helpers/ScreenSize/ScreenSize.utils.js} +0 -0
@@ -18,6 +18,9 @@ import '../../helpers/Input/Input.tokens.js';
18
18
  import '../InputMessage/InputMessage.js';
19
19
  import '../../helpers/Paper/Paper.js';
20
20
  import '../../helpers/RequiredMarker/RequiredMarker.js';
21
+ import '../../hooks/useFloatPosition.js';
22
+ import '../../utils/color.js';
23
+ import '../../hooks/useScreenSize.js';
21
24
  import { getFontStyling } from '../Typography/Typography.utils.js';
22
25
 
23
26
  var toggleButton = toggleButtonTokens.toggleButton;
@@ -12,6 +12,9 @@ import '../../helpers/Input/Input.tokens.js';
12
12
  import '../InputMessage/InputMessage.js';
13
13
  import '../../helpers/Paper/Paper.js';
14
14
  import '../../helpers/RequiredMarker/RequiredMarker.js';
15
+ import '../../hooks/useFloatPosition.js';
16
+ import '../../utils/color.js';
17
+ import '../../hooks/useScreenSize.js';
15
18
  import '../Typography/Link/Link.js';
16
19
  import { toggleButtonTokens } from './ToggleButton.tokens.js';
17
20
 
@@ -8,6 +8,10 @@ import '../../helpers/Input/Input.tokens.js';
8
8
  import '../InputMessage/InputMessage.js';
9
9
  import { Paper } from '../../helpers/Paper/Paper.js';
10
10
  import '../../helpers/RequiredMarker/RequiredMarker.js';
11
+ import 'react';
12
+ import '../../hooks/useFloatPosition.js';
13
+ import '../../utils/color.js';
14
+ import '../../hooks/useScreenSize.js';
11
15
  import { visibilityTransition } from '../../helpers/styling/visibilityTransition.js';
12
16
  import '../../helpers/styling/focusVisible.js';
13
17
  import '../../helpers/styling/hover.js';
@@ -9,6 +9,9 @@ import '../../../helpers/Input/Input.tokens.js';
9
9
  import '../../InputMessage/InputMessage.js';
10
10
  import '../../../helpers/Paper/Paper.js';
11
11
  import { RequiredMarker } from '../../../helpers/RequiredMarker/RequiredMarker.js';
12
+ import '../../../hooks/useFloatPosition.js';
13
+ import '../../../utils/color.js';
14
+ import '../../../hooks/useScreenSize.js';
12
15
  import { getBaseHTMLProps } from '../../../types/BaseComponentProps.js';
13
16
  import { Typography } from '../Typography/Typography.js';
14
17
 
@@ -0,0 +1 @@
1
+ export * from './ScreenSize.utils';
@@ -4,3 +4,4 @@ export * from './HiddenInput';
4
4
  export * from './Input';
5
5
  export * from './Paper';
6
6
  export * from './RequiredMarker';
7
+ export * from './ScreenSize';
package/dist/index.d.ts CHANGED
@@ -45,3 +45,5 @@ export * from './components/SplitButton';
45
45
  export * from './components/Stack';
46
46
  export * from './components/FormGenerator';
47
47
  export * from './components/FileUploader';
48
+ export * from './types/BaseComponentProps';
49
+ export * from './helpers/ScreenSize';
package/dist/index.js CHANGED
@@ -219,3 +219,5 @@ export { HStack, VStack } from './components/Stack/Stack.js';
219
219
  export { FormGenerator } from './components/FormGenerator/FormGenerator.js';
220
220
  export { FormGeneratorSupportedFields } from './components/FormGenerator/FormGenerator.types.js';
221
221
  export { FileUploader } from './components/FileUploader/FileUploader.js';
222
+ export { getBaseHTMLProps, joinClassNames } from './types/BaseComponentProps.js';
223
+ export { getLiteralScreenSize } from './helpers/ScreenSize/ScreenSize.utils.js';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@norges-domstoler/dds-components",
3
- "version": "11.1.1",
3
+ "version": "11.3.0",
4
4
  "description": "React components used in Elsa - domstolenes designsystem",
5
5
  "author": "Elsa team",
6
6
  "license": "MIT",
@@ -48,7 +48,7 @@
48
48
  "elsa"
49
49
  ],
50
50
  "devDependencies": {
51
- "@babel/core": "^7.20.12",
51
+ "@babel/core": "^7.21.0",
52
52
  "@babel/preset-env": "^7.20.2",
53
53
  "@babel/preset-react": "^7.18.6",
54
54
  "@mdx-js/react": "^2.2.1",
@@ -59,29 +59,29 @@
59
59
  "@rollup/plugin-node-resolve": "^15.0.1",
60
60
  "@storybook/addon-essentials": "^6.5.15",
61
61
  "@storybook/addons": "^6.5.15",
62
- "@storybook/builder-webpack5": "^6.5.15",
62
+ "@storybook/builder-webpack5": "^6.5.16",
63
63
  "@storybook/manager-webpack5": "^6.5.15",
64
64
  "@storybook/mdx2-csf": "^0.0.4",
65
65
  "@storybook/react": "^6.5.16",
66
66
  "@storybook/theming": "^6.5.15",
67
67
  "@testing-library/jest-dom": "^5.16.5",
68
- "@testing-library/react": "^13.4.0",
68
+ "@testing-library/react": "^14.0.0",
69
69
  "@testing-library/user-event": "^14.4.3",
70
70
  "@types/jest": "^29.4.0",
71
71
  "@types/react": "^18.0.21",
72
- "@types/react-dom": "^18.0.6",
72
+ "@types/react-dom": "^18.0.11",
73
73
  "@types/styled-components": "^5.1.26",
74
- "@typescript-eslint/eslint-plugin": "^5.52.0",
75
- "@typescript-eslint/parser": "^5.38.1",
74
+ "@typescript-eslint/eslint-plugin": "^5.54.1",
75
+ "@typescript-eslint/parser": "^5.54.0",
76
76
  "babel-loader": "^9.1.2",
77
77
  "babel-plugin-styled-components": "^2.0.7",
78
78
  "concurrently": "^7.4.0",
79
79
  "eslint": "^8.24.0",
80
- "eslint-config-prettier": "^8.5.0",
80
+ "eslint-config-prettier": "^8.7.0",
81
81
  "eslint-plugin-prettier": "^4.2.1",
82
82
  "eslint-plugin-react": "^7.32.2",
83
83
  "eslint-plugin-storybook": "^0.6.4",
84
- "jest": "^29.4.2",
84
+ "jest": "^29.4.3",
85
85
  "jest-environment-jsdom": "^29.4.2",
86
86
  "react": "^18.2.0",
87
87
  "react-dom": "^18.2.0",
@@ -91,7 +91,7 @@
91
91
  "rollup-plugin-sass": "^1.12.17",
92
92
  "rollup-plugin-typescript2": "^0.34.1",
93
93
  "ts-jest": "^29.0.2",
94
- "typescript": "^4.8.3"
94
+ "typescript": "^4.9.5"
95
95
  },
96
96
  "peerDependencies": {
97
97
  "@norges-domstoler/dds-design-tokens": "^3.0.1",
@@ -119,7 +119,7 @@
119
119
  }
120
120
  },
121
121
  "dependencies": {
122
- "@floating-ui/react-dom": "^1.0.0",
122
+ "@floating-ui/react-dom": "^1.3.0",
123
123
  "attr-accept": "^2.2.2",
124
124
  "file-selector": "^0.6.0",
125
125
  "focus-visible": "^5.2.0",