@norges-domstoler/dds-components 5.2.0-beta.1 → 5.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 (71) hide show
  1. package/README.md +14 -3
  2. package/dist/assets/svg/calendar_today.svg.js +1 -1
  3. package/dist/cjs/components/DescriptionList/DescriptionList.tokens.d.ts +70 -0
  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/ScrollableContainer/ScrollableContainer.d.ts +7 -0
  7. package/dist/cjs/components/ScrollableContainer/ScrollableContainer.stories.d.ts +15 -0
  8. package/dist/cjs/components/ScrollableContainer/ScrollableContainer.tokens.d.ts +25 -0
  9. package/dist/cjs/components/ScrollableContainer/Scrollbar.d.ts +7 -0
  10. package/dist/cjs/components/ScrollableContainer/index.d.ts +3 -0
  11. package/dist/cjs/components/ScrollableContainer/scrollbarStyling.d.ts +26 -0
  12. package/dist/cjs/components/Select/Select.tokens.d.ts +0 -3
  13. package/dist/cjs/helpers/styling/index.d.ts +0 -1
  14. package/dist/cjs/icons/tsx/closeSmall.d.ts +2 -0
  15. package/dist/cjs/icons/tsx/index.d.ts +1 -0
  16. package/dist/cjs/index.d.ts +1 -0
  17. package/dist/cjs/index.js +951 -626
  18. package/dist/components/Datepicker/Datepicker.js +1 -1
  19. package/dist/components/DescriptionList/DescriptionList.js +6 -3
  20. package/dist/components/DescriptionList/DescriptionList.tokens.d.ts +70 -0
  21. package/dist/components/DescriptionList/DescriptionList.tokens.js +60 -0
  22. package/dist/components/DescriptionList/DescriptionListDesc.js +2 -2
  23. package/dist/components/DescriptionList/DescriptionListGroup.js +4 -4
  24. package/dist/components/Drawer/Drawer.js +12 -10
  25. package/dist/components/List/List.js +1 -1
  26. package/dist/components/Modal/Modal.tokens.d.ts +0 -6
  27. package/dist/components/Modal/Modal.tokens.js +0 -10
  28. package/dist/components/Modal/ModalBody.d.ts +6 -1
  29. package/dist/components/Modal/ModalBody.js +13 -13
  30. package/dist/components/OverflowMenu/OverflowMenu.js +3 -3
  31. package/dist/components/Pagination/Pagination.js +1 -1
  32. package/dist/components/ScrollableContainer/ScrollableContainer.d.ts +7 -0
  33. package/dist/components/ScrollableContainer/ScrollableContainer.js +47 -0
  34. package/dist/components/ScrollableContainer/ScrollableContainer.stories.d.ts +15 -0
  35. package/dist/components/ScrollableContainer/ScrollableContainer.tokens.d.ts +25 -0
  36. package/dist/components/ScrollableContainer/ScrollableContainer.tokens.js +36 -0
  37. package/dist/components/ScrollableContainer/Scrollbar.d.ts +7 -0
  38. package/dist/components/ScrollableContainer/Scrollbar.js +178 -0
  39. package/dist/components/ScrollableContainer/index.d.ts +3 -0
  40. package/dist/components/ScrollableContainer/scrollbarStyling.d.ts +26 -0
  41. package/dist/components/ScrollableContainer/scrollbarStyling.js +40 -0
  42. package/dist/components/Select/Select.js +38 -3
  43. package/dist/components/Select/Select.styles.js +7 -4
  44. package/dist/components/Select/Select.tokens.d.ts +0 -3
  45. package/dist/components/Select/Select.tokens.js +6 -18
  46. package/dist/components/Table/SortCell.js +1 -1
  47. package/dist/components/Table/Table.js +2 -2
  48. package/dist/components/Table/TableWrapper.js +3 -3
  49. package/dist/components/Tabs/TabList.js +2 -2
  50. package/dist/components/TextInput/TextInput.styles.js +2 -2
  51. package/dist/components/TextInput/TextInput.tokens.js +1 -1
  52. package/dist/helpers/styling/focusVisible.js +3 -2
  53. package/dist/helpers/styling/index.d.ts +0 -1
  54. package/dist/icons/tsx/closeSmall.d.ts +2 -0
  55. package/dist/icons/tsx/closeSmall.js +25 -0
  56. package/dist/icons/tsx/index.d.ts +1 -0
  57. package/dist/index.d.ts +1 -0
  58. package/dist/index.js +4 -0
  59. package/package.json +2 -4
  60. package/dist/cjs/components/DescriptionList/DescriptionListDesc.tokens.d.ts +0 -7
  61. package/dist/cjs/components/DescriptionList/DescriptionListGroup.tokens.d.ts +0 -4
  62. package/dist/cjs/components/DescriptionList/DescriptionListTerm.tokens.d.ts +0 -13
  63. package/dist/cjs/helpers/styling/scrollbarStyling.d.ts +0 -3
  64. package/dist/components/DescriptionList/DescriptionListDesc.tokens.d.ts +0 -7
  65. package/dist/components/DescriptionList/DescriptionListDesc.tokens.js +0 -22
  66. package/dist/components/DescriptionList/DescriptionListGroup.tokens.d.ts +0 -4
  67. package/dist/components/DescriptionList/DescriptionListGroup.tokens.js +0 -11
  68. package/dist/components/DescriptionList/DescriptionListTerm.tokens.d.ts +0 -13
  69. package/dist/components/DescriptionList/DescriptionListTerm.tokens.js +0 -27
  70. package/dist/helpers/styling/scrollbarStyling.d.ts +0 -3
  71. package/dist/helpers/styling/scrollbarStyling.js +0 -8
@@ -1,7 +0,0 @@
1
- import { CSSObject } from 'styled-components';
2
- export declare const descriptionListDescTokens: {
3
- base: CSSObject;
4
- icon: {
5
- base: CSSObject;
6
- };
7
- };
@@ -1,4 +0,0 @@
1
- import { CSSObject } from 'styled-components';
2
- export declare const descriptionListGroupTokens: {
3
- base: CSSObject;
4
- };
@@ -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,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,7 +0,0 @@
1
- import { CSSObject } from 'styled-components';
2
- export declare const descriptionListDescTokens: {
3
- base: CSSObject;
4
- icon: {
5
- base: CSSObject;
6
- };
7
- };
@@ -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 };