@norges-domstoler/dds-components 5.2.0-beta.0 → 5.2.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 (76) hide show
  1. package/dist/assets/svg/calendar_today.svg.js +1 -1
  2. package/dist/cjs/components/DescriptionList/DescriptionList.tokens.d.ts +70 -0
  3. package/dist/cjs/components/Drawer/DrawerGroup.d.ts +1 -1
  4. package/dist/cjs/components/Modal/Modal.tokens.d.ts +0 -6
  5. package/dist/cjs/components/Modal/ModalBody.d.ts +6 -1
  6. package/dist/cjs/components/OverflowMenu/OverflowMenuGroup.d.ts +1 -1
  7. package/dist/cjs/components/Popover/PopoverGroup.d.ts +1 -1
  8. package/dist/cjs/components/RadioButton/RadioButton.d.ts +2 -0
  9. package/dist/cjs/components/RadioButton/RadioButton.stories.d.ts +2 -0
  10. package/dist/cjs/components/RadioButton/RadioButton.types.d.ts +2 -2
  11. package/dist/cjs/components/ScrollableContainer/ScrollableContainer.d.ts +7 -0
  12. package/dist/cjs/components/ScrollableContainer/ScrollableContainer.stories.d.ts +15 -0
  13. package/dist/cjs/components/ScrollableContainer/ScrollableContainer.tokens.d.ts +25 -0
  14. package/dist/cjs/components/ScrollableContainer/Scrollbar.d.ts +7 -0
  15. package/dist/cjs/components/ScrollableContainer/index.d.ts +3 -0
  16. package/dist/cjs/components/ScrollableContainer/scrollbarStyling.d.ts +26 -0
  17. package/dist/cjs/helpers/Chevron/AnimatedChevronUpDown.d.ts +1 -1
  18. package/dist/cjs/helpers/styling/index.d.ts +0 -1
  19. package/dist/cjs/hooks/useRoveFocus.d.ts +2 -1
  20. package/dist/cjs/index.d.ts +1 -0
  21. package/dist/cjs/index.js +897 -614
  22. package/dist/components/Datepicker/Datepicker.js +1 -1
  23. package/dist/components/DescriptionList/DescriptionList.js +6 -3
  24. package/dist/components/DescriptionList/DescriptionList.tokens.d.ts +70 -0
  25. package/dist/components/DescriptionList/DescriptionList.tokens.js +60 -0
  26. package/dist/components/DescriptionList/DescriptionListDesc.js +2 -2
  27. package/dist/components/DescriptionList/DescriptionListGroup.js +4 -4
  28. package/dist/components/Drawer/Drawer.js +12 -10
  29. package/dist/components/Drawer/DrawerGroup.d.ts +1 -1
  30. package/dist/components/List/List.js +1 -1
  31. package/dist/components/Modal/Modal.tokens.d.ts +0 -6
  32. package/dist/components/Modal/Modal.tokens.js +0 -10
  33. package/dist/components/Modal/ModalBody.d.ts +6 -1
  34. package/dist/components/Modal/ModalBody.js +13 -13
  35. package/dist/components/OverflowMenu/OverflowMenu.js +3 -3
  36. package/dist/components/OverflowMenu/OverflowMenuGroup.d.ts +1 -1
  37. package/dist/components/Popover/PopoverGroup.d.ts +1 -1
  38. package/dist/components/RadioButton/RadioButton.d.ts +2 -0
  39. package/dist/components/RadioButton/RadioButton.stories.d.ts +2 -0
  40. package/dist/components/RadioButton/RadioButton.types.d.ts +2 -2
  41. package/dist/components/ScrollableContainer/ScrollableContainer.d.ts +7 -0
  42. package/dist/components/ScrollableContainer/ScrollableContainer.js +47 -0
  43. package/dist/components/ScrollableContainer/ScrollableContainer.stories.d.ts +15 -0
  44. package/dist/components/ScrollableContainer/ScrollableContainer.tokens.d.ts +25 -0
  45. package/dist/components/ScrollableContainer/ScrollableContainer.tokens.js +36 -0
  46. package/dist/components/ScrollableContainer/Scrollbar.d.ts +7 -0
  47. package/dist/components/ScrollableContainer/Scrollbar.js +178 -0
  48. package/dist/components/ScrollableContainer/index.d.ts +3 -0
  49. package/dist/components/ScrollableContainer/scrollbarStyling.d.ts +26 -0
  50. package/dist/components/ScrollableContainer/scrollbarStyling.js +40 -0
  51. package/dist/components/Select/Select.styles.js +3 -3
  52. package/dist/components/Table/Table.js +2 -2
  53. package/dist/components/Table/TableWrapper.js +3 -3
  54. package/dist/components/Tabs/TabList.js +2 -2
  55. package/dist/components/TextInput/TextInput.styles.js +2 -2
  56. package/dist/components/TextInput/TextInput.tokens.js +1 -1
  57. package/dist/helpers/Chevron/AnimatedChevronUpDown.d.ts +1 -1
  58. package/dist/helpers/styling/focusVisible.js +3 -2
  59. package/dist/helpers/styling/index.d.ts +0 -1
  60. package/dist/hooks/useRoveFocus.d.ts +2 -1
  61. package/dist/hooks/useRoveFocus.js +9 -6
  62. package/dist/index.d.ts +1 -0
  63. package/dist/index.js +3 -0
  64. package/package.json +48 -43
  65. package/dist/cjs/components/DescriptionList/DescriptionListDesc.tokens.d.ts +0 -7
  66. package/dist/cjs/components/DescriptionList/DescriptionListGroup.tokens.d.ts +0 -4
  67. package/dist/cjs/components/DescriptionList/DescriptionListTerm.tokens.d.ts +0 -13
  68. package/dist/cjs/helpers/styling/scrollbarStyling.d.ts +0 -3
  69. package/dist/components/DescriptionList/DescriptionListDesc.tokens.d.ts +0 -7
  70. package/dist/components/DescriptionList/DescriptionListDesc.tokens.js +0 -22
  71. package/dist/components/DescriptionList/DescriptionListGroup.tokens.d.ts +0 -4
  72. package/dist/components/DescriptionList/DescriptionListGroup.tokens.js +0 -11
  73. package/dist/components/DescriptionList/DescriptionListTerm.tokens.d.ts +0 -13
  74. package/dist/components/DescriptionList/DescriptionListTerm.tokens.js +0 -27
  75. package/dist/helpers/styling/scrollbarStyling.d.ts +0 -3
  76. package/dist/helpers/styling/scrollbarStyling.js +0 -8
@@ -1,22 +0,0 @@
1
- import { ddsBaseTokens, ddsReferenceTokens } from '@norges-domstoler/dds-design-tokens';
2
-
3
- var spacing = ddsBaseTokens.spacing,
4
- fontPackages = ddsBaseTokens.fontPackages;
5
- var textDefault = ddsReferenceTokens.textDefault;
6
- var base = Object.assign(Object.assign({}, fontPackages.body_sans_03.base), {
7
- display: 'flex',
8
- alignItems: 'center',
9
- gap: spacing.SizesDdsSpacingLocalX025,
10
- color: textDefault.textColor
11
- });
12
- var iconBase = {
13
- marginRight: spacing.SizesDdsSpacingLocalX025
14
- };
15
- var descriptionListDescTokens = {
16
- base: base,
17
- icon: {
18
- base: iconBase
19
- }
20
- };
21
-
22
- export { descriptionListDescTokens };
@@ -1,4 +0,0 @@
1
- import { CSSObject } from 'styled-components';
2
- export declare const descriptionListGroupTokens: {
3
- base: CSSObject;
4
- };
@@ -1,11 +0,0 @@
1
- import { ddsBaseTokens } from '@norges-domstoler/dds-design-tokens';
2
-
3
- var Spacing = ddsBaseTokens.spacing;
4
- var base = {
5
- margin: Spacing.SizesDdsSpacingLocalX2
6
- };
7
- var descriptionListGroupTokens = {
8
- base: base
9
- };
10
-
11
- export { descriptionListGroupTokens };
@@ -1,13 +0,0 @@
1
- import { CSSObject } from 'styled-components';
2
- export declare const descriptionListTermTokens: {
3
- appearance: {
4
- small: {
5
- base: CSSObject;
6
- };
7
- bold: {
8
- base: CSSObject;
9
- };
10
- };
11
- unwrappedTopAndBottomSpace: string;
12
- unwrappedBetweenSpace: string;
13
- };
@@ -1,27 +0,0 @@
1
- import { ddsBaseTokens, ddsReferenceTokens } from '@norges-domstoler/dds-design-tokens';
2
- import { typographyTokens } from '../Typography/Typography.tokens.js';
3
-
4
- var Spacing = ddsBaseTokens.spacing,
5
- FontPackages = ddsBaseTokens.fontPackages,
6
- Colors = ddsBaseTokens.colors;
7
- var textDefault = ddsReferenceTokens.textDefault;
8
- var boldBase = Object.assign(Object.assign(Object.assign({}, FontPackages.body_sans_03.base), typographyTokens.style.bold.base), {
9
- color: textDefault.textColor
10
- });
11
- var smallBase = Object.assign(Object.assign({}, FontPackages.body_sans_01.base), {
12
- color: Colors.DdsColorNeutralsGray7
13
- });
14
- var descriptionListTermTokens = {
15
- appearance: {
16
- small: {
17
- base: smallBase
18
- },
19
- bold: {
20
- base: boldBase
21
- }
22
- },
23
- unwrappedTopAndBottomSpace: Spacing.SizesDdsSpacingLocalX1,
24
- unwrappedBetweenSpace: Spacing.SizesDdsSpacingLocalX2
25
- };
26
-
27
- export { descriptionListTermTokens };
@@ -1,3 +0,0 @@
1
- export declare const scrollbarWidthNumberPx = 10;
2
- export declare const scrollbarWidth: string;
3
- export declare const scrollbarStyling: import("styled-components").FlattenSimpleInterpolation;
@@ -1,8 +0,0 @@
1
- import { css } from 'styled-components';
2
- import { ddsBaseTokens } from '@norges-domstoler/dds-design-tokens';
3
-
4
- var scrollbarWidthNumberPx = 10;
5
- var scrollbarWidth = "".concat(scrollbarWidthNumberPx, "px");
6
- var scrollbarStyling = css(["&::-webkit-scrollbar{width:", ";height:", ";}&::-webkit-scrollbar-track{background:transparent;border-radius:100px;}&::-webkit-scrollbar-thumb{background:", ";border-radius:100px;}&::-webkit-scrollbar-thumb:hover{background:", ";}scrollbar-color:", " transparent;scrollbar-width:thin;"], scrollbarWidth, scrollbarWidth, ddsBaseTokens.colors.DdsColorPrimaryDarkest.slice(0, -2) + '0.35)', ddsBaseTokens.colors.DdsColorPrimaryDarkest.slice(0, -2) + '0.5)', ddsBaseTokens.colors.DdsColorPrimaryDarkest.slice(0, -2) + '0.35)');
7
-
8
- export { scrollbarStyling, scrollbarWidth, scrollbarWidthNumberPx };