@norges-domstoler/dds-components 1.0.1 → 2.0.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 (74) hide show
  1. package/dist/components/Button/Button.d.ts +2 -1
  2. package/dist/components/Button/Button.tokens.d.ts +2 -3
  3. package/dist/components/Button/Button.types.d.ts +2 -2
  4. package/dist/components/Card/Card.d.ts +17 -5
  5. package/dist/components/Card/CardAccordion/CardAccordionBody.d.ts +2 -2
  6. package/dist/components/Checkbox/Checkbox.d.ts +1 -0
  7. package/dist/components/Checkbox/Checkbox.styles.d.ts +1 -0
  8. package/dist/components/Checkbox/Checkbox.tokens.d.ts +2 -3
  9. package/dist/components/Checkbox/CheckboxGroup.tokens.d.ts +14 -0
  10. package/dist/components/Datepicker/Datepicker.d.ts +3 -1
  11. package/dist/components/DescriptionList/DescriptionListDesc.d.ts +2 -2
  12. package/dist/components/DescriptionList/DescriptionListGroup.d.ts +2 -2
  13. package/dist/components/Drawer/Drawer.d.ts +29 -0
  14. package/dist/components/Drawer/Drawer.tokens.d.ts +17 -0
  15. package/dist/components/Drawer/DrawerGroup.d.ts +9 -0
  16. package/dist/components/Drawer/index.d.ts +2 -0
  17. package/dist/components/GlobalMessage/GlobalMessage.tokens.d.ts +9 -3
  18. package/dist/components/InternalHeader/InternalHeader.d.ts +1 -0
  19. package/dist/components/InternalHeader/InternalHeader.styles.d.ts +11 -8
  20. package/dist/components/InternalHeader/InternalHeader.tokens.d.ts +0 -22
  21. package/dist/components/InternalHeader/InternalHeader.types.d.ts +2 -2
  22. package/dist/components/LocalMessage/LocalMessage.d.ts +2 -2
  23. package/dist/components/LocalMessage/LocalMessage.tokens.d.ts +20 -7
  24. package/dist/components/OverflowMenu/OverflowMenu.d.ts +18 -0
  25. package/dist/components/OverflowMenu/OverflowMenu.tokens.d.ts +22 -0
  26. package/dist/components/OverflowMenu/OverflowMenu.types.d.ts +26 -0
  27. package/dist/components/OverflowMenu/OverflowMenuGroup.d.ts +9 -0
  28. package/dist/components/{InternalHeader/ContextMenuItem.d.ts → OverflowMenu/OverflowMenuItem.d.ts} +6 -6
  29. package/dist/components/OverflowMenu/index.d.ts +3 -0
  30. package/dist/components/Pagination/Pagination.d.ts +8 -5
  31. package/dist/components/Popover/Popover.d.ts +10 -10
  32. package/dist/components/RadioButton/RadioButton.d.ts +1 -0
  33. package/dist/components/RadioButton/RadioButton.styles.d.ts +1 -0
  34. package/dist/components/RadioButton/RadioButton.tokens.d.ts +2 -3
  35. package/dist/components/RadioButton/RadioButtonGroup.d.ts +1 -1
  36. package/dist/components/RadioButton/RadioButtonGroup.tokens.d.ts +14 -0
  37. package/dist/components/Select/Select.d.ts +5 -10
  38. package/dist/components/Select/Select.styles.d.ts +2 -2
  39. package/dist/components/Select/Select.tokens.d.ts +3 -2
  40. package/dist/components/SkipToContent/SkipToContent.d.ts +2 -2
  41. package/dist/components/Spinner/Spinner.d.ts +1 -1
  42. package/dist/components/Table/Cell.tokens.d.ts +3 -0
  43. package/dist/components/Table/Row.tokens.d.ts +3 -0
  44. package/dist/components/TextInput/TextInput.d.ts +1 -1
  45. package/dist/components/TextInput/TextInput.styles.d.ts +1 -0
  46. package/dist/components/TextInput/TextInput.tokens.d.ts +2 -1
  47. package/dist/components/Tooltip/Tooltip.tokens.d.ts +0 -7
  48. package/dist/helpers/Chevron/AnimatedChevronUpDown.d.ts +3 -2
  49. package/dist/helpers/IconWrapper/IconWrapper.d.ts +3 -3
  50. package/dist/helpers/Input/Input.styles.d.ts +1 -0
  51. package/dist/helpers/Input/Input.types.d.ts +1 -1
  52. package/dist/helpers/InputMessage/InputMessage.d.ts +2 -1
  53. package/dist/helpers/InputMessage/InputMessage.tokens.d.ts +2 -1
  54. package/dist/helpers/Paper/Paper.d.ts +1 -0
  55. package/dist/helpers/Paper/Paper.tokens.d.ts +4 -0
  56. package/dist/helpers/Paper/index.d.ts +1 -0
  57. package/dist/helpers/RequiredMarker.d.ts +1 -0
  58. package/dist/helpers/styling/danger.d.ts +4 -0
  59. package/dist/helpers/styling/focus.d.ts +9 -0
  60. package/dist/helpers/styling/focusVisible.d.ts +35 -0
  61. package/dist/helpers/styling/hover.d.ts +14 -0
  62. package/dist/helpers/styling/index.d.ts +4 -0
  63. package/dist/hooks/index.d.ts +2 -1
  64. package/dist/hooks/useFloatPosition.d.ts +25 -0
  65. package/dist/hooks/useFocusTrap.d.ts +1 -0
  66. package/dist/hooks/useId.d.ts +1 -0
  67. package/dist/index.css +7 -0
  68. package/dist/index.d.ts +3 -0
  69. package/dist/index.es.css +7 -0
  70. package/dist/index.es.js +15142 -17868
  71. package/dist/index.js +15106 -17826
  72. package/dist/styles/selection.css +6 -0
  73. package/package.json +20 -17
  74. package/dist/hooks/useReactPopper.d.ts +0 -12
package/dist/styles/selection.css ADDED
@@ -0,0 +1,6 @@
1
+ @import '~@norges-domstoler/dds-design-tokens/dist/css/colors.css';
2
+
3
+ *::selection {
4
+ background-color: var(--dds-color-tertiary-lightest);
5
+ color: var(--dds-color-neutrals-gray-9);
6
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@norges-domstoler/dds-components",
3
- "version": "1.0.1",
3
+ "version": "2.0.0",
4
4
  "description": "React components used in Elsa - domstolenes designsystem",
5
5
  "author": "Elsa team",
6
6
  "license": "MIT",
@@ -38,18 +38,20 @@
38
38
  "@babel/core": "^7.17.9",
39
39
  "@babel/preset-env": "^7.16.11",
40
40
  "@babel/preset-react": "^7.16.7",
41
+ "@mdx-js/react": "^2.1.1",
41
42
  "@rollup/plugin-babel": "^5.3.1",
42
43
  "@rollup/plugin-commonjs": "^21.0.3",
43
44
  "@rollup/plugin-image": "^2.1.1",
44
45
  "@rollup/plugin-node-resolve": "^13.2.0",
45
- "@storybook/addon-actions": "^6.4.19",
46
- "@storybook/addon-essentials": "^6.4.19",
47
- "@storybook/addon-links": "^6.4.19",
48
- "@storybook/addons": "^6.4.19",
49
- "@storybook/react": "^6.4.19",
50
- "@storybook/theming": "^6.4.19",
46
+ "@storybook/addon-actions": "^6.5.0-beta.0",
47
+ "@storybook/addon-essentials": "^6.5.0-beta.0",
48
+ "@storybook/addon-links": "^6.5.0-beta.0",
49
+ "@storybook/addons": "^6.5.0-beta.0",
50
+ "@storybook/mdx2-csf": "^0.0.1-canary.1.838a6ca.0",
51
+ "@storybook/react": "^6.5.0-beta.0",
52
+ "@storybook/theming": "^6.5.0-beta.0",
51
53
  "@testing-library/jest-dom": "^5.16.4",
52
- "@testing-library/react": "^12.1.5",
54
+ "@testing-library/react": "^13.1.1",
53
55
  "@testing-library/user-event": "^14.1.0",
54
56
  "@types/jest": "^27.4.1",
55
57
  "@types/react": "^17.0.2",
@@ -63,10 +65,10 @@
63
65
  "eslint-config-prettier": "^8.5.0",
64
66
  "eslint-plugin-prettier": "^4.0.0",
65
67
  "eslint-plugin-react": "^7.29.4",
66
- "eslint-plugin-storybook": "^0.5.8",
68
+ "eslint-plugin-storybook": "^0.5.11",
67
69
  "jest": "^27.5.1 ",
68
- "react": "^17.0.2",
69
- "react-dom": "^17.0.2",
70
+ "react": "^18.0.0",
71
+ "react-dom": "^18.0.0",
70
72
  "rollup": "^2.70.1",
71
73
  "rollup-plugin-copy": "^3.4.0",
72
74
  "rollup-plugin-import-css": "^3.0.3",
@@ -99,13 +101,14 @@
99
101
  }
100
102
  },
101
103
  "dependencies": {
102
- "@material-ui/core": "^4.11.3",
103
- "@material-ui/icons": "^4.11.2",
104
- "@norges-domstoler/dds-design-tokens": "^1.0.0",
105
- "@popperjs/core": "^2.11.5",
104
+ "@emotion/react": "^11.9.0",
105
+ "@emotion/styled": "^11.8.1",
106
+ "@floating-ui/react-dom": "^0.6.3",
107
+ "@mui/icons-material": "^5.6.2",
108
+ "@mui/material": "^5.6.3",
109
+ "@norges-domstoler/dds-design-tokens": "^1.2.0",
106
110
  "focus-visible": "^5.2.0",
107
- "react-popper": "^2.2.5",
108
111
  "react-select": "^5.3.0",
109
- "styled-components": "^5.2.3"
112
+ "styled-components": "^5.3.5"
110
113
  }
111
114
  }
package/dist/hooks/useReactPopper.d.ts DELETED
@@ -1,12 +0,0 @@
1
- import { CSSProperties } from 'react';
2
- export declare type Placement = 'auto' | 'auto-start' | 'auto-end' | 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'right' | 'right-start' | 'right-end' | 'left' | 'left-start' | 'left-end';
3
- export declare const useReactPopper: (referenceElement: HTMLElement, popperElement: HTMLElement, arrowRef?: string | HTMLElement | undefined, placement?: Placement, offset?: number, offsetAlong?: number) => {
4
- styles: {
5
- [key: string]: CSSProperties;
6
- };
7
- attributes: {
8
- [key: string]: {
9
- [key: string]: string;
10
- } | undefined;
11
- };
12
- };