@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.
- package/README.md +14 -3
- package/dist/assets/svg/calendar_today.svg.js +1 -1
- package/dist/cjs/components/DescriptionList/DescriptionList.tokens.d.ts +70 -0
- package/dist/cjs/components/Modal/Modal.tokens.d.ts +0 -6
- package/dist/cjs/components/Modal/ModalBody.d.ts +6 -1
- package/dist/cjs/components/ScrollableContainer/ScrollableContainer.d.ts +7 -0
- package/dist/cjs/components/ScrollableContainer/ScrollableContainer.stories.d.ts +15 -0
- package/dist/cjs/components/ScrollableContainer/ScrollableContainer.tokens.d.ts +25 -0
- package/dist/cjs/components/ScrollableContainer/Scrollbar.d.ts +7 -0
- package/dist/cjs/components/ScrollableContainer/index.d.ts +3 -0
- package/dist/cjs/components/ScrollableContainer/scrollbarStyling.d.ts +26 -0
- package/dist/cjs/components/Select/Select.tokens.d.ts +0 -3
- package/dist/cjs/helpers/styling/index.d.ts +0 -1
- package/dist/cjs/icons/tsx/closeSmall.d.ts +2 -0
- package/dist/cjs/icons/tsx/index.d.ts +1 -0
- package/dist/cjs/index.d.ts +1 -0
- package/dist/cjs/index.js +951 -626
- package/dist/components/Datepicker/Datepicker.js +1 -1
- package/dist/components/DescriptionList/DescriptionList.js +6 -3
- package/dist/components/DescriptionList/DescriptionList.tokens.d.ts +70 -0
- package/dist/components/DescriptionList/DescriptionList.tokens.js +60 -0
- package/dist/components/DescriptionList/DescriptionListDesc.js +2 -2
- package/dist/components/DescriptionList/DescriptionListGroup.js +4 -4
- package/dist/components/Drawer/Drawer.js +12 -10
- package/dist/components/List/List.js +1 -1
- package/dist/components/Modal/Modal.tokens.d.ts +0 -6
- package/dist/components/Modal/Modal.tokens.js +0 -10
- package/dist/components/Modal/ModalBody.d.ts +6 -1
- package/dist/components/Modal/ModalBody.js +13 -13
- package/dist/components/OverflowMenu/OverflowMenu.js +3 -3
- package/dist/components/Pagination/Pagination.js +1 -1
- package/dist/components/ScrollableContainer/ScrollableContainer.d.ts +7 -0
- package/dist/components/ScrollableContainer/ScrollableContainer.js +47 -0
- package/dist/components/ScrollableContainer/ScrollableContainer.stories.d.ts +15 -0
- package/dist/components/ScrollableContainer/ScrollableContainer.tokens.d.ts +25 -0
- package/dist/components/ScrollableContainer/ScrollableContainer.tokens.js +36 -0
- package/dist/components/ScrollableContainer/Scrollbar.d.ts +7 -0
- package/dist/components/ScrollableContainer/Scrollbar.js +178 -0
- package/dist/components/ScrollableContainer/index.d.ts +3 -0
- package/dist/components/ScrollableContainer/scrollbarStyling.d.ts +26 -0
- package/dist/components/ScrollableContainer/scrollbarStyling.js +40 -0
- package/dist/components/Select/Select.js +38 -3
- package/dist/components/Select/Select.styles.js +7 -4
- package/dist/components/Select/Select.tokens.d.ts +0 -3
- package/dist/components/Select/Select.tokens.js +6 -18
- package/dist/components/Table/SortCell.js +1 -1
- package/dist/components/Table/Table.js +2 -2
- package/dist/components/Table/TableWrapper.js +3 -3
- package/dist/components/Tabs/TabList.js +2 -2
- package/dist/components/TextInput/TextInput.styles.js +2 -2
- package/dist/components/TextInput/TextInput.tokens.js +1 -1
- package/dist/helpers/styling/focusVisible.js +3 -2
- package/dist/helpers/styling/index.d.ts +0 -1
- package/dist/icons/tsx/closeSmall.d.ts +2 -0
- package/dist/icons/tsx/closeSmall.js +25 -0
- package/dist/icons/tsx/index.d.ts +1 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.js +4 -0
- package/package.json +2 -4
- package/dist/cjs/components/DescriptionList/DescriptionListDesc.tokens.d.ts +0 -7
- package/dist/cjs/components/DescriptionList/DescriptionListGroup.tokens.d.ts +0 -4
- package/dist/cjs/components/DescriptionList/DescriptionListTerm.tokens.d.ts +0 -13
- package/dist/cjs/helpers/styling/scrollbarStyling.d.ts +0 -3
- package/dist/components/DescriptionList/DescriptionListDesc.tokens.d.ts +0 -7
- package/dist/components/DescriptionList/DescriptionListDesc.tokens.js +0 -22
- package/dist/components/DescriptionList/DescriptionListGroup.tokens.d.ts +0 -4
- package/dist/components/DescriptionList/DescriptionListGroup.tokens.js +0 -11
- package/dist/components/DescriptionList/DescriptionListTerm.tokens.d.ts +0 -13
- package/dist/components/DescriptionList/DescriptionListTerm.tokens.js +0 -27
- package/dist/helpers/styling/scrollbarStyling.d.ts +0 -3
- package/dist/helpers/styling/scrollbarStyling.js +0 -8
|
@@ -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,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,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,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 };
|