@dnb/eufemia 9.43.0 → 9.45.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/CHANGELOG.md +25 -0
- package/cjs/components/avatar/Avatar.d.ts +1 -1
- package/cjs/components/lib.d.ts +7 -7
- package/cjs/components/section/style/themes/dnb-section-theme-ui.css +2 -7
- package/cjs/components/section/style/themes/dnb-section-theme-ui.min.css +1 -1
- package/cjs/components/space/SpacingHelper.d.ts +1 -2
- package/cjs/components/space/SpacingHelper.js +0 -6
- package/cjs/components/space/SpacingUtils.d.ts +30 -19
- package/cjs/components/space/SpacingUtils.js +151 -132
- package/cjs/components/space/types.d.ts +13 -6
- package/cjs/components/table/TableAccordion.d.ts +4 -1
- package/cjs/components/table/TableAccordion.js +8 -2
- package/cjs/components/table/TableAccordionContent.js +22 -2
- package/cjs/components/table/TableTr.d.ts +18 -0
- package/cjs/components/table/TableTr.js +8 -2
- package/cjs/components/table/style/_table-header-buttons.scss +4 -0
- package/cjs/components/table/style/_table-sticky.scss +3 -7
- package/cjs/components/table/style/_table-tr.scss +2 -1
- package/cjs/components/table/style/dnb-table.css +7 -8
- package/cjs/components/table/style/dnb-table.min.css +3 -3
- package/cjs/components/tag/Tag.d.ts +1 -1
- package/cjs/elements/Anchor.d.ts +1 -1
- package/cjs/elements/Dd.d.ts +1 -1
- package/cjs/elements/Dt.d.ts +1 -1
- package/cjs/elements/Element.d.ts +1 -1
- package/cjs/elements/Link.d.ts +1 -1
- package/cjs/elements/lib.d.ts +5 -5
- package/cjs/fragments/lib.d.ts +1 -1
- package/cjs/fragments/scroll-view/ScrollView.d.ts +1 -1
- package/cjs/shared/Eufemia.js +1 -1
- package/cjs/shared/index.d.ts +1 -1
- package/cjs/shared/index.js +1 -1
- package/cjs/style/dnb-ui-components.css +7 -8
- package/cjs/style/dnb-ui-components.min.css +3 -3
- package/cjs/style/dnb-ui-elements.css +12 -39
- package/cjs/style/dnb-ui-elements.min.css +1 -1
- package/cjs/style/dnb-ui-tags.css +21 -59
- package/cjs/style/dnb-ui-tags.min.css +1 -1
- package/cjs/style/elements/_anchor-mixins.scss +9 -14
- package/cjs/style/elements/anchor.scss +1 -1
- package/cjs/style/themes/theme-eiendom/dnb-theme-eiendom.css +14 -46
- package/cjs/style/themes/theme-eiendom/dnb-theme-eiendom.min.css +2 -2
- package/cjs/style/themes/theme-ui/dnb-theme-ui.css +14 -46
- package/cjs/style/themes/theme-ui/dnb-theme-ui.min.css +2 -2
- package/components/avatar/Avatar.d.ts +1 -1
- package/components/lib.d.ts +7 -7
- package/components/section/style/themes/dnb-section-theme-ui.css +2 -7
- package/components/section/style/themes/dnb-section-theme-ui.min.css +1 -1
- package/components/space/SpacingHelper.d.ts +1 -2
- package/components/space/SpacingHelper.js +2 -2
- package/components/space/SpacingUtils.d.ts +30 -19
- package/components/space/SpacingUtils.js +121 -109
- package/components/space/types.d.ts +13 -6
- package/components/table/TableAccordion.d.ts +4 -1
- package/components/table/TableAccordion.js +8 -2
- package/components/table/TableAccordionContent.js +21 -2
- package/components/table/TableTr.d.ts +18 -0
- package/components/table/TableTr.js +8 -2
- package/components/table/style/_table-header-buttons.scss +4 -0
- package/components/table/style/_table-sticky.scss +3 -7
- package/components/table/style/_table-tr.scss +2 -1
- package/components/table/style/dnb-table.css +7 -8
- package/components/table/style/dnb-table.min.css +3 -3
- package/components/tag/Tag.d.ts +1 -1
- package/elements/Anchor.d.ts +1 -1
- package/elements/Dd.d.ts +1 -1
- package/elements/Dt.d.ts +1 -1
- package/elements/Element.d.ts +1 -1
- package/elements/Link.d.ts +1 -1
- package/elements/lib.d.ts +5 -5
- package/es/components/avatar/Avatar.d.ts +1 -1
- package/es/components/lib.d.ts +7 -7
- package/es/components/section/style/themes/dnb-section-theme-ui.css +2 -7
- package/es/components/section/style/themes/dnb-section-theme-ui.min.css +1 -1
- package/es/components/space/SpacingHelper.d.ts +1 -2
- package/es/components/space/SpacingHelper.js +2 -2
- package/es/components/space/SpacingUtils.d.ts +30 -19
- package/es/components/space/SpacingUtils.js +81 -76
- package/es/components/space/types.d.ts +13 -6
- package/es/components/table/TableAccordion.d.ts +4 -1
- package/es/components/table/TableAccordion.js +8 -2
- package/es/components/table/TableAccordionContent.js +23 -2
- package/es/components/table/TableTr.d.ts +18 -0
- package/es/components/table/TableTr.js +8 -2
- package/es/components/table/style/_table-header-buttons.scss +4 -0
- package/es/components/table/style/_table-sticky.scss +3 -7
- package/es/components/table/style/_table-tr.scss +2 -1
- package/es/components/table/style/dnb-table.css +7 -8
- package/es/components/table/style/dnb-table.min.css +3 -3
- package/es/components/tag/Tag.d.ts +1 -1
- package/es/elements/Anchor.d.ts +1 -1
- package/es/elements/Dd.d.ts +1 -1
- package/es/elements/Dt.d.ts +1 -1
- package/es/elements/Element.d.ts +1 -1
- package/es/elements/Link.d.ts +1 -1
- package/es/elements/lib.d.ts +5 -5
- package/es/fragments/lib.d.ts +1 -1
- package/es/fragments/scroll-view/ScrollView.d.ts +1 -1
- package/es/shared/Eufemia.js +1 -1
- package/es/shared/index.d.ts +1 -1
- package/es/shared/index.js +2 -2
- package/es/style/dnb-ui-components.css +7 -8
- package/es/style/dnb-ui-components.min.css +3 -3
- package/es/style/dnb-ui-elements.css +12 -39
- package/es/style/dnb-ui-elements.min.css +1 -1
- package/es/style/dnb-ui-tags.css +21 -59
- package/es/style/dnb-ui-tags.min.css +1 -1
- package/es/style/elements/_anchor-mixins.scss +9 -14
- package/es/style/elements/anchor.scss +1 -1
- package/es/style/themes/theme-eiendom/dnb-theme-eiendom.css +14 -46
- package/es/style/themes/theme-eiendom/dnb-theme-eiendom.min.css +2 -2
- package/es/style/themes/theme-ui/dnb-theme-ui.css +14 -46
- package/es/style/themes/theme-ui/dnb-theme-ui.min.css +2 -2
- package/esm/dnb-ui-basis.min.mjs +1 -1
- package/esm/dnb-ui-components.min.mjs +1 -1
- package/esm/dnb-ui-elements.min.mjs +2 -2
- package/esm/dnb-ui-extensions.min.mjs +1 -1
- package/esm/dnb-ui-lib.min.mjs +2 -2
- package/esm/dnb-ui-web-components.min.mjs +2 -2
- package/fragments/lib.d.ts +1 -1
- package/fragments/scroll-view/ScrollView.d.ts +1 -1
- package/package.json +1 -1
- package/shared/Eufemia.js +1 -1
- package/shared/index.d.ts +1 -1
- package/shared/index.js +2 -2
- package/style/dnb-ui-components.css +7 -8
- package/style/dnb-ui-components.min.css +3 -3
- package/style/dnb-ui-elements.css +12 -39
- package/style/dnb-ui-elements.min.css +1 -1
- package/style/dnb-ui-tags.css +21 -59
- package/style/dnb-ui-tags.min.css +1 -1
- package/style/elements/_anchor-mixins.scss +9 -14
- package/style/elements/anchor.scss +1 -1
- package/style/themes/theme-eiendom/dnb-theme-eiendom.css +14 -46
- package/style/themes/theme-eiendom/dnb-theme-eiendom.min.css +2 -2
- package/style/themes/theme-ui/dnb-theme-ui.css +14 -46
- package/style/themes/theme-ui/dnb-theme-ui.min.css +2 -2
- package/umd/dnb-ui-basis.min.js +1 -1
- package/umd/dnb-ui-components.min.js +1 -1
- package/umd/dnb-ui-elements.min.js +2 -2
- package/umd/dnb-ui-extensions.min.js +4 -4
- package/umd/dnb-ui-lib.min.js +2 -2
- package/umd/dnb-ui-web-components.min.js +2 -2
- package/cjs/shared/SpacingHelper.d.ts +0 -6
- package/cjs/shared/SpacingHelper.js +0 -11
- package/es/shared/SpacingHelper.d.ts +0 -6
- package/es/shared/SpacingHelper.js +0 -2
- package/shared/SpacingHelper.d.ts +0 -6
- package/shared/SpacingHelper.js +0 -2
|
@@ -22,23 +22,81 @@ export const spacePatterns = {
|
|
|
22
22
|
'xx-large': 3.5,
|
|
23
23
|
'xx-large-x2': 7
|
|
24
24
|
};
|
|
25
|
+
export const calc = (...types) => {
|
|
26
|
+
const result = [];
|
|
27
|
+
types.forEach(rawTypes => {
|
|
28
|
+
createTypeModifiers(rawTypes).forEach(type => {
|
|
29
|
+
result.push(`var(--spacing-${type})`);
|
|
30
|
+
});
|
|
31
|
+
});
|
|
32
|
+
return result.length ? `calc(${result.join(' + ')})` : null;
|
|
33
|
+
};
|
|
34
|
+
export const createSpacingClasses = (props, Element = null) => {
|
|
35
|
+
const p = Object.isFrozen(props) ? _objectSpread({}, props) : props;
|
|
36
|
+
|
|
37
|
+
if (typeof p.space !== 'undefined') {
|
|
38
|
+
if (typeof p.space === 'string' || typeof p.space === 'number' || typeof p.space === 'boolean' && p.space) {
|
|
39
|
+
p.top = p.right = p.bottom = p.left = p.space;
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
if (typeof p.space === 'object') {
|
|
43
|
+
for (const i in p.space) {
|
|
44
|
+
if (!p[i] && isValidSpaceProp(i)) {
|
|
45
|
+
p[i] = p.space[i];
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
delete p.space;
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
return Object.entries(p).reduce((acc, [direction, cur]) => {
|
|
54
|
+
if (isValidSpaceProp(direction)) {
|
|
55
|
+
if (String(cur) === '0' || String(cur) === 'false') {
|
|
56
|
+
acc.push(`dnb-space__${direction}--zero`);
|
|
57
|
+
} else if (cur) {
|
|
58
|
+
const typeModifiers = createTypeModifiers(cur);
|
|
59
|
+
const sum = sumTypes(typeModifiers);
|
|
60
|
+
|
|
61
|
+
if (sum > 10) {
|
|
62
|
+
warn(`Spacing of more than 10rem is not supported! You used ${sum} / (${typeModifiers.join(',')})`);
|
|
63
|
+
} else {
|
|
64
|
+
const nearestTypes = findNearestTypes(sum, true);
|
|
65
|
+
acc = [...acc, ...nearestTypes.map(type => `dnb-space__${direction}--${type}`)];
|
|
66
|
+
}
|
|
67
|
+
}
|
|
68
|
+
} else if (direction === 'no_collapse') {
|
|
69
|
+
acc.push('dnb-space--no-collapse');
|
|
70
|
+
|
|
71
|
+
if (Element && isInline(Element)) {
|
|
72
|
+
acc.push('dnb-space--inline');
|
|
73
|
+
}
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
return acc;
|
|
77
|
+
}, []);
|
|
78
|
+
};
|
|
25
79
|
export const translateSpace = type => {
|
|
26
|
-
if (/-x2$/.test(type)) {
|
|
27
|
-
return spacePatterns[type.replace(/-x2$/, '')] * 2;
|
|
80
|
+
if (/-x2$/.test(String(type))) {
|
|
81
|
+
return spacePatterns[String(type).replace(/-x2$/, '')] * 2;
|
|
28
82
|
}
|
|
29
83
|
|
|
30
|
-
return spacePatterns[type] || 0;
|
|
84
|
+
return spacePatterns[String(type)] || 0;
|
|
31
85
|
};
|
|
32
86
|
export const splitTypes = types => {
|
|
33
87
|
if (typeof types === 'string') {
|
|
34
|
-
|
|
88
|
+
return clean(types.split(/ /g));
|
|
35
89
|
} else if (typeof types === 'boolean') {
|
|
36
90
|
return ['small'];
|
|
37
91
|
} else if (typeof types === 'number') {
|
|
38
92
|
return [types];
|
|
39
93
|
}
|
|
40
94
|
|
|
41
|
-
return types
|
|
95
|
+
return clean(types) || null;
|
|
96
|
+
|
|
97
|
+
function clean(t) {
|
|
98
|
+
return t === null || t === void 0 ? void 0 : t.filter(r => r && String(r).length > 0);
|
|
99
|
+
}
|
|
42
100
|
};
|
|
43
101
|
export const sumTypes = types => splitTypes(types).map(type => translateSpace(type)).reduce((acc, cur) => {
|
|
44
102
|
if (cur > 0) {
|
|
@@ -50,18 +108,14 @@ export const sumTypes = types => splitTypes(types).map(type => translateSpace(ty
|
|
|
50
108
|
return acc;
|
|
51
109
|
}, 0);
|
|
52
110
|
export const createTypeModifiers = types => {
|
|
53
|
-
if (typeof types === 'number') {
|
|
54
|
-
types = String(types);
|
|
55
|
-
}
|
|
56
|
-
|
|
57
111
|
return (splitTypes(types) || []).reduce((acc, type) => {
|
|
58
112
|
if (type) {
|
|
59
|
-
const firstLetter = type[0];
|
|
113
|
+
const firstLetter = String(type)[0];
|
|
60
114
|
|
|
61
115
|
if (parseFloat(firstLetter) > -1) {
|
|
62
|
-
let num = parseFloat(type);
|
|
116
|
+
let num = parseFloat(String(type));
|
|
63
117
|
|
|
64
|
-
if (num >= 8 && /[0-9]px/.test(type)) {
|
|
118
|
+
if (num >= 8 && /[0-9]px/.test(String(type))) {
|
|
65
119
|
num = num / 16;
|
|
66
120
|
}
|
|
67
121
|
|
|
@@ -78,7 +132,7 @@ export const createTypeModifiers = types => {
|
|
|
78
132
|
}
|
|
79
133
|
}
|
|
80
134
|
|
|
81
|
-
if (!(parseFloat(type) > 0)) {
|
|
135
|
+
if (!(parseFloat(String(type)) > 0)) {
|
|
82
136
|
acc.push(type);
|
|
83
137
|
}
|
|
84
138
|
}
|
|
@@ -86,39 +140,35 @@ export const createTypeModifiers = types => {
|
|
|
86
140
|
return acc;
|
|
87
141
|
}, []);
|
|
88
142
|
};
|
|
89
|
-
export const findType =
|
|
90
|
-
|
|
91
|
-
} = {}) => {
|
|
92
|
-
const found = Object.entries(spacePatterns).find(([k, v]) => k && v === num) || null;
|
|
93
|
-
|
|
94
|
-
if (returnObject) {
|
|
95
|
-
return found;
|
|
96
|
-
}
|
|
143
|
+
export const findType = num => {
|
|
144
|
+
const found = findTypeAll(num);
|
|
97
145
|
|
|
98
146
|
if (found) {
|
|
99
147
|
return found[0];
|
|
100
148
|
}
|
|
101
149
|
|
|
150
|
+
return null;
|
|
151
|
+
};
|
|
152
|
+
export const findTypeAll = num => {
|
|
153
|
+
const found = Object.entries(spacePatterns).find(([k, v]) => k && v === num) || null;
|
|
102
154
|
return found;
|
|
103
155
|
};
|
|
104
|
-
export const findNearestTypes = num => {
|
|
156
|
+
export const findNearestTypes = (num, multiply = false) => {
|
|
105
157
|
let res = [];
|
|
106
|
-
const near = Object.entries(spacePatterns).reverse().find(([k, v]) => k && num >= v);
|
|
158
|
+
const near = Object.entries(spacePatterns).reverse().filter(k => multiply ? true : !k[0].includes('-x')).find(([k, v]) => k && num >= v);
|
|
107
159
|
const nearNum = near && near[1] || num;
|
|
108
|
-
const
|
|
109
|
-
returnObject: true
|
|
110
|
-
});
|
|
160
|
+
const types = findTypeAll(nearNum);
|
|
111
161
|
|
|
112
|
-
if (
|
|
113
|
-
const nearType =
|
|
162
|
+
if (types) {
|
|
163
|
+
const nearType = types[0];
|
|
114
164
|
res.push(nearType);
|
|
115
|
-
const leftOver = num - parseFloat(String(
|
|
116
|
-
const foundMoreTypes = findNearestTypes(leftOver);
|
|
165
|
+
const leftOver = num - parseFloat(String(types[1]));
|
|
166
|
+
const foundMoreTypes = findNearestTypes(leftOver, multiply);
|
|
117
167
|
foundMoreTypes.forEach(type => {
|
|
118
168
|
const index = res.indexOf(type);
|
|
119
169
|
|
|
120
170
|
if (index !== -1) {
|
|
121
|
-
res[index] = `${type}-x2
|
|
171
|
+
res[index] = multiply ? `${type}-x2` : type;
|
|
122
172
|
}
|
|
123
173
|
});
|
|
124
174
|
res = [...res, ...foundMoreTypes];
|
|
@@ -138,51 +188,6 @@ export const removeSpaceProps = props => {
|
|
|
138
188
|
|
|
139
189
|
return p;
|
|
140
190
|
};
|
|
141
|
-
export const createSpacingClasses = (props, Element = null) => {
|
|
142
|
-
const p = Object.isFrozen(props) ? _objectSpread({}, props) : props;
|
|
143
|
-
|
|
144
|
-
if (typeof p.space !== 'undefined') {
|
|
145
|
-
if (typeof p.space === 'string' || typeof p.space === 'number' || typeof p.space === 'boolean' && p.space) {
|
|
146
|
-
p.top = p.right = p.bottom = p.left = p.space;
|
|
147
|
-
}
|
|
148
|
-
|
|
149
|
-
if (typeof p.space === 'object') {
|
|
150
|
-
for (const i in p.space) {
|
|
151
|
-
if (!p[i] && isValidSpaceProp(i)) {
|
|
152
|
-
p[i] = p.space[i];
|
|
153
|
-
}
|
|
154
|
-
}
|
|
155
|
-
}
|
|
156
|
-
|
|
157
|
-
delete p.space;
|
|
158
|
-
}
|
|
159
|
-
|
|
160
|
-
return Object.entries(p).reduce((acc, [direction, cur]) => {
|
|
161
|
-
if (isValidSpaceProp(direction)) {
|
|
162
|
-
if (String(cur) === '0' || String(cur) === 'false') {
|
|
163
|
-
acc.push(`dnb-space__${direction}--zero`);
|
|
164
|
-
} else if (cur) {
|
|
165
|
-
const typeModifiers = createTypeModifiers(cur);
|
|
166
|
-
const sum = sumTypes(typeModifiers);
|
|
167
|
-
|
|
168
|
-
if (sum > 10) {
|
|
169
|
-
warn(`Spacing of more than 10rem is not supported! You used ${sum} / (${typeModifiers.join(',')})`);
|
|
170
|
-
} else {
|
|
171
|
-
const nearestTypes = findNearestTypes(sum);
|
|
172
|
-
acc = [...acc, ...nearestTypes.map(type => `dnb-space__${direction}--${type}`)];
|
|
173
|
-
}
|
|
174
|
-
}
|
|
175
|
-
} else if (direction === 'no_collapse') {
|
|
176
|
-
acc.push('dnb-space--no-collapse');
|
|
177
|
-
|
|
178
|
-
if (Element && isInline(Element)) {
|
|
179
|
-
acc.push('dnb-space--inline');
|
|
180
|
-
}
|
|
181
|
-
}
|
|
182
|
-
|
|
183
|
-
return acc;
|
|
184
|
-
}, []);
|
|
185
|
-
};
|
|
186
191
|
export const createStyleObject = props => {
|
|
187
192
|
const p = Object.isFrozen(props) ? _objectSpread({}, props) : props;
|
|
188
193
|
|
|
@@ -3,26 +3,33 @@ export declare type SpacingElementProps = {
|
|
|
3
3
|
* Use spacing values like: `small`, `1rem`, `1` or , `16px`. Will use `margin-top`.
|
|
4
4
|
*
|
|
5
5
|
*/
|
|
6
|
-
top?:
|
|
6
|
+
top?: SpaceType;
|
|
7
7
|
/**
|
|
8
8
|
* Use spacing values like: `small`, `1rem`, `1` or , `16px`. will use `margin-right`.
|
|
9
9
|
*
|
|
10
10
|
*/
|
|
11
|
-
right?:
|
|
11
|
+
right?: SpaceType;
|
|
12
12
|
/**
|
|
13
13
|
* Use spacing values like: `small`, `1rem`, `1` or , `16px`. will use `margin-bottom`.
|
|
14
14
|
*
|
|
15
15
|
*/
|
|
16
|
-
bottom?:
|
|
16
|
+
bottom?: SpaceType;
|
|
17
17
|
/**
|
|
18
18
|
* Use spacing values like: `small`, `1rem`, `1` or , `16px`. will use `margin-left`.
|
|
19
19
|
*
|
|
20
20
|
*/
|
|
21
|
-
left?:
|
|
21
|
+
left?: SpaceType;
|
|
22
22
|
};
|
|
23
|
-
export declare type
|
|
23
|
+
export declare type SpaceType = string | boolean | number;
|
|
24
24
|
export declare type SpacingProps = SpacingElementProps & {
|
|
25
|
-
space?:
|
|
25
|
+
space?: SpaceType | SpacingElementProps;
|
|
26
|
+
};
|
|
27
|
+
export declare type SpacingUnknownProps = Record<string, unknown>;
|
|
28
|
+
export declare type StyleObjectProps = SpacingProps & {
|
|
29
|
+
maxWidth?: string;
|
|
30
|
+
maxHeight?: string;
|
|
31
|
+
width?: string;
|
|
32
|
+
height?: string;
|
|
26
33
|
};
|
|
27
34
|
/**
|
|
28
35
|
* @deprecated Use SpacingElementProps instead
|
|
@@ -1,10 +1,13 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
export declare function useTableAccordion({ children, className, props, expanded, disabled, noAnimation, }: {
|
|
2
|
+
export declare function useTableAccordion({ children, className, props, expanded, disabled, noAnimation, onClick, onOpened, onClosed, }: {
|
|
3
3
|
children: any;
|
|
4
4
|
className: any;
|
|
5
5
|
props: any;
|
|
6
6
|
expanded: any;
|
|
7
7
|
disabled: any;
|
|
8
8
|
noAnimation: any;
|
|
9
|
+
onClick: any;
|
|
10
|
+
onOpened: any;
|
|
11
|
+
onClosed: any;
|
|
9
12
|
}): JSX.Element;
|
|
10
13
|
export declare function TableAccordionToggleButton(): JSX.Element;
|
|
@@ -18,7 +18,10 @@ export function useTableAccordion({
|
|
|
18
18
|
props,
|
|
19
19
|
expanded,
|
|
20
20
|
disabled,
|
|
21
|
-
noAnimation
|
|
21
|
+
noAnimation,
|
|
22
|
+
onClick,
|
|
23
|
+
onOpened,
|
|
24
|
+
onClosed
|
|
22
25
|
}) {
|
|
23
26
|
var _tableContext$allProp, _tableContext$allProp2;
|
|
24
27
|
|
|
@@ -97,7 +100,9 @@ export function useTableAccordion({
|
|
|
97
100
|
trIsOpen,
|
|
98
101
|
noAnimation,
|
|
99
102
|
countTds,
|
|
100
|
-
hasAccordionContent
|
|
103
|
+
hasAccordionContent,
|
|
104
|
+
onOpened,
|
|
105
|
+
onClosed
|
|
101
106
|
}
|
|
102
107
|
}, React.createElement("tr", _extends({
|
|
103
108
|
tabIndex: accordionContent && !disabled ? 0 : undefined,
|
|
@@ -135,6 +140,7 @@ export function useTableAccordion({
|
|
|
135
140
|
if (document.activeElement !== target && target.tagName !== 'INPUT' && !hasSelectedText()) {
|
|
136
141
|
setOpen(!trIsOpen);
|
|
137
142
|
setHadClick(true);
|
|
143
|
+
onClick === null || onClick === void 0 ? void 0 : onClick(event);
|
|
138
144
|
}
|
|
139
145
|
}
|
|
140
146
|
}
|
|
@@ -21,6 +21,7 @@ export default function TableAccordionContent(componentProps) {
|
|
|
21
21
|
const allProps = (_React$useContext = React.useContext(TableContext)) === null || _React$useContext === void 0 ? void 0 : _React$useContext.allProps;
|
|
22
22
|
const trContext = React.useContext(TrContext);
|
|
23
23
|
const innerRef = React.useRef(null);
|
|
24
|
+
const trRef = React.useRef(null);
|
|
24
25
|
const [ariaLive, setAriaLive] = React.useState(null);
|
|
25
26
|
const {
|
|
26
27
|
isInDOM,
|
|
@@ -29,14 +30,34 @@ export default function TableAccordionContent(componentProps) {
|
|
|
29
30
|
} = useHeightAnimation(innerRef, {
|
|
30
31
|
open: Boolean(expanded || (trContext === null || trContext === void 0 ? void 0 : trContext.trIsOpen)),
|
|
31
32
|
animate: Boolean(!noAnimation && !(trContext !== null && trContext !== void 0 && trContext.noAnimation)),
|
|
32
|
-
onOpen: state =>
|
|
33
|
+
onOpen: state => {
|
|
34
|
+
setAriaLive(state ? true : null);
|
|
35
|
+
},
|
|
36
|
+
onAnimationEnd: state => {
|
|
37
|
+
var _trContext$onOpened, _trContext$onClosed;
|
|
38
|
+
|
|
39
|
+
const event = {
|
|
40
|
+
target: trRef.current
|
|
41
|
+
};
|
|
42
|
+
|
|
43
|
+
switch (state) {
|
|
44
|
+
case 'opened':
|
|
45
|
+
(_trContext$onOpened = trContext.onOpened) === null || _trContext$onOpened === void 0 ? void 0 : _trContext$onOpened.call(trContext, event);
|
|
46
|
+
break;
|
|
47
|
+
|
|
48
|
+
case 'closed':
|
|
49
|
+
(_trContext$onClosed = trContext.onClosed) === null || _trContext$onClosed === void 0 ? void 0 : _trContext$onClosed.call(trContext, event);
|
|
50
|
+
break;
|
|
51
|
+
}
|
|
52
|
+
}
|
|
33
53
|
});
|
|
34
54
|
const countTds = (trContext === null || trContext === void 0 ? void 0 : trContext.countTds) || colSpan;
|
|
35
55
|
return React.createElement("tr", _extends({
|
|
36
56
|
"aria-hidden": !isInDOM,
|
|
37
57
|
hidden: isInDOM ? undefined : true,
|
|
38
58
|
role: isInDOM ? 'row' : undefined,
|
|
39
|
-
className: classnames('dnb-table__tr__accordion_content', className, isInDOM && "dnb-table__tr dnb-table__tr__accordion_content--expanded", isAnimating && 'dnb-table__tr__accordion_content--animating', isVisibleParallax && 'dnb-table__tr__accordion_content--parallax')
|
|
59
|
+
className: classnames('dnb-table__tr__accordion_content', className, isInDOM && "dnb-table__tr dnb-table__tr__accordion_content--expanded", isAnimating && 'dnb-table__tr__accordion_content--animating', isVisibleParallax && 'dnb-table__tr__accordion_content--parallax'),
|
|
60
|
+
ref: trRef
|
|
40
61
|
}, props), React.createElement("td", {
|
|
41
62
|
role: isInDOM ? 'cell' : undefined,
|
|
42
63
|
colSpan: countTds,
|
|
@@ -12,19 +12,37 @@ export declare type TableTrProps = {
|
|
|
12
12
|
noWrap?: boolean;
|
|
13
13
|
/**
|
|
14
14
|
* Set true to render the tr initially as expanded
|
|
15
|
+
* Is part of the accordion feature and needs to be enabled with `accordion` prop in main Table
|
|
15
16
|
* Default: false
|
|
16
17
|
*/
|
|
17
18
|
expanded?: boolean;
|
|
18
19
|
/**
|
|
19
20
|
* Set true to disable the tr to be accessible as an interactive element
|
|
21
|
+
* Is part of the accordion feature and needs to be enabled with `accordion` prop in main Table
|
|
20
22
|
* Default: false
|
|
21
23
|
*/
|
|
22
24
|
disabled?: boolean;
|
|
23
25
|
/**
|
|
24
26
|
* Set to true to skip animation
|
|
27
|
+
* Is part of the accordion feature and needs to be enabled with `accordion` prop in main Table
|
|
25
28
|
* Default: false
|
|
26
29
|
*/
|
|
27
30
|
noAnimation?: boolean;
|
|
31
|
+
/**
|
|
32
|
+
* Will emit when user clicks/expands the table row
|
|
33
|
+
* Is part of the accordion feature and needs to be enabled with `accordion` prop in main Table
|
|
34
|
+
*/
|
|
35
|
+
onClick?: (event?: React.SyntheticEvent) => void;
|
|
36
|
+
/**
|
|
37
|
+
* Will emit when table row is expanded
|
|
38
|
+
* Is part of the accordion feature and needs to be enabled with `accordion` prop in main Table
|
|
39
|
+
*/
|
|
40
|
+
onOpened?: (event?: React.SyntheticEvent) => void;
|
|
41
|
+
/**
|
|
42
|
+
* Will emit when table row is closed (after it was open)
|
|
43
|
+
* Is part of the accordion feature and needs to be enabled with `accordion` prop in main Table
|
|
44
|
+
*/
|
|
45
|
+
onClosed?: (event?: React.SyntheticEvent) => void;
|
|
28
46
|
/**
|
|
29
47
|
* The content of the component.
|
|
30
48
|
*/
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
2
2
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
3
|
-
const _excluded = ["variant", "noWrap", "expanded", "disabled", "noAnimation", "children", "className"];
|
|
3
|
+
const _excluded = ["variant", "noWrap", "expanded", "disabled", "noAnimation", "onClick", "onOpened", "onClosed", "children", "className"];
|
|
4
4
|
import React from 'react';
|
|
5
5
|
import classnames from 'classnames';
|
|
6
6
|
import { useTableAccordion } from './TableAccordion';
|
|
@@ -12,6 +12,9 @@ export default function Tr(componentProps) {
|
|
|
12
12
|
expanded,
|
|
13
13
|
disabled,
|
|
14
14
|
noAnimation,
|
|
15
|
+
onClick,
|
|
16
|
+
onOpened,
|
|
17
|
+
onClosed,
|
|
15
18
|
children,
|
|
16
19
|
className: _className
|
|
17
20
|
} = componentProps,
|
|
@@ -29,7 +32,10 @@ export default function Tr(componentProps) {
|
|
|
29
32
|
props,
|
|
30
33
|
expanded,
|
|
31
34
|
disabled,
|
|
32
|
-
noAnimation
|
|
35
|
+
noAnimation,
|
|
36
|
+
onClick,
|
|
37
|
+
onOpened,
|
|
38
|
+
onClosed
|
|
33
39
|
});
|
|
34
40
|
|
|
35
41
|
if (accordionTr) {
|
|
@@ -12,18 +12,14 @@
|
|
|
12
12
|
height: 0;
|
|
13
13
|
}
|
|
14
14
|
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
z-index: 3; // over borders and TDs
|
|
15
|
+
tr.sticky {
|
|
16
|
+
position: sticky;
|
|
17
|
+
z-index: 4; // over borders and TDs
|
|
19
18
|
|
|
20
|
-
will-change: transform;
|
|
21
19
|
transform: translate3d(0, var(--table-offset, 0), 0);
|
|
22
20
|
}
|
|
23
21
|
|
|
24
22
|
tr.sticky.css-position {
|
|
25
|
-
position: sticky;
|
|
26
|
-
z-index: 3; // over borders and TDs
|
|
27
23
|
top: var(--table-top, 0); // is set by "stickyOffset" prop
|
|
28
24
|
}
|
|
29
25
|
|
|
@@ -25,7 +25,8 @@
|
|
|
25
25
|
tbody
|
|
26
26
|
&__tr#{&}__tr--has-accordion-content:not(#{&}__tr--expanded):nth-last-child(2) {
|
|
27
27
|
// use clip-path, because border-radius does not clip on tr's
|
|
28
|
-
|
|
28
|
+
// use "-1rem" to add room for sticky shadow
|
|
29
|
+
clip-path: inset(0 0 -1rem 0 round 0.5rem 0.5rem 0 0);
|
|
29
30
|
}
|
|
30
31
|
&--outline tbody &__tr:last-of-type,
|
|
31
32
|
&--outline
|
|
@@ -374,6 +374,8 @@ thead > tr > th.dnb-table--active .dnb-table__sort-button.dnb-button:hover:focus
|
|
|
374
374
|
.dnb-table .dnb-table__th .dnb-table__help-button,
|
|
375
375
|
.dnb-table > thead > tr > th .dnb-table__help-button {
|
|
376
376
|
margin-left: 0.5rem; }
|
|
377
|
+
.dnb-table > thead > .dnb-table--no-wrap .dnb-table__sort-button {
|
|
378
|
+
white-space: nowrap; }
|
|
377
379
|
|
|
378
380
|
/*
|
|
379
381
|
* Table component
|
|
@@ -567,8 +569,8 @@ thead > tr > th.dnb-table--active .dnb-table__sort-button.dnb-button:hover:focus
|
|
|
567
569
|
.dnb-table--outline thead .dnb-table__tr:first-of-type,
|
|
568
570
|
.dnb-table--outline tbody
|
|
569
571
|
.dnb-table__tr.dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded):nth-last-child(2) {
|
|
570
|
-
-webkit-clip-path: inset(0 round 0.5rem 0.5rem 0 0);
|
|
571
|
-
clip-path: inset(0 round 0.5rem 0.5rem 0 0); }
|
|
572
|
+
-webkit-clip-path: inset(0 0 -1rem 0 round 0.5rem 0.5rem 0 0);
|
|
573
|
+
clip-path: inset(0 0 -1rem 0 round 0.5rem 0.5rem 0 0); }
|
|
572
574
|
|
|
573
575
|
.dnb-table--outline tbody .dnb-table__tr:last-of-type,
|
|
574
576
|
.dnb-table--outline tbody
|
|
@@ -598,18 +600,15 @@ thead > tr > th.dnb-table--active .dnb-table__sort-button.dnb-button:hover:focus
|
|
|
598
600
|
padding: 0 !important;
|
|
599
601
|
height: 0; }
|
|
600
602
|
|
|
601
|
-
.dnb-table tr.sticky
|
|
602
|
-
position:
|
|
603
|
-
z-index:
|
|
604
|
-
will-change: transform;
|
|
603
|
+
.dnb-table tr.sticky {
|
|
604
|
+
position: sticky;
|
|
605
|
+
z-index: 4;
|
|
605
606
|
-webkit-transform: translate3d(0, 0, 0);
|
|
606
607
|
transform: translate3d(0, 0, 0);
|
|
607
608
|
-webkit-transform: translate3d(0, var(--table-offset, 0), 0);
|
|
608
609
|
transform: translate3d(0, var(--table-offset, 0), 0); }
|
|
609
610
|
|
|
610
611
|
.dnb-table tr.sticky.css-position {
|
|
611
|
-
position: sticky;
|
|
612
|
-
z-index: 3;
|
|
613
612
|
top: 0;
|
|
614
613
|
top: var(--table-top, 0); }
|
|
615
614
|
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
.dnb-table{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgba(0,0,0,0);-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;color:#333;color:var(--color-black-80,#333);font-family:DNB,sans-serif;font-family:var(--font-family-default);font-size:1rem;font-size:var(--font-size-small);font-style:normal;font-weight:400;font-weight:var(--font-weight-basis);line-height:1.5rem;line-height:var(--line-height-basis);margin:0;padding:0;-moz-tab-size:4;-o-tab-size:4;tab-size:4;word-break:break-word}.dnb-table *,.dnb-table :after,.dnb-table :before{background-repeat:no-repeat;-webkit-box-sizing:border-box;box-sizing:border-box}.dnb-table :after,.dnb-table :before{text-decoration:inherit;vertical-align:inherit}.dnb-table{border-collapse:collapse;border-spacing:0;display:table;margin-bottom:.5rem;margin-top:0;table-layout:auto;width:100%}.dnb-table--fixed{table-layout:fixed;width:auto}.dnb-table--no-wrap{white-space:nowrap}.dnb-table>caption{caption-side:bottom;font-size:1.125rem;font-size:var(--font-size-basis);margin-top:.5rem}.dnb-table.dnb-skeleton>*{-webkit-text-fill-color:#ebebeb;-webkit-text-fill-color:var(--skeleton-color)}.dnb-table .dnb-table__th.dnb-table--sortable,.dnb-table>thead>tr>th.dnb-table--sortable{color:#007272;color:var(--color-sea-green)}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-shadow:none;box-shadow:none;color:inherit;font-size:inherit;font-weight:500;font-weight:var(--font-weight-medium);line-height:inherit;margin:0;padding:0 .5rem 0 0;position:relative;text-align:inherit;z-index:1}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button>.dnb-icon,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button>.dnb-icon{opacity:0;-webkit-transition:opacity .2s ease-out,-webkit-transform .5s ease-out;transition:opacity .2s ease-out,-webkit-transform .5s ease-out;transition:opacity .2s ease-out,transform .5s ease-out;transition:opacity .2s ease-out,transform .5s ease-out,-webkit-transform .5s ease-out}[data-visual-test-wrapper] .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button>.dnb-icon,[data-visual-test-wrapper] .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button>.dnb-icon{-webkit-transition:none;transition:none}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button .dnb-button__text,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button .dnb-button__text{font-size:inherit;line-height:inherit;margin:0}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button .dnb-button__text:after,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button .dnb-button__text:after{right:1rem}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button .dnb-button__icon,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button .dnb-button__icon{-ms-flex-item-align:end;align-self:flex-end;margin-bottom:.25rem;margin-top:auto}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:not(:focus) .dnb-button__text:after,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:not(:focus) .dnb-button__text:after{color:#007272;color:var(--color-sea-green);opacity:1}html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:hover[disabled],html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:hover:not([disabled]),html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:hover:not([disabled]){color:#007272;color:var(--color-sea-green)}html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:hover:not([disabled]):not(:focus) .dnb-icon,html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:hover:not([disabled]):not(:focus) .dnb-icon{opacity:1}html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:hover:not([disabled]) .dnb-button__text:after,html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:hover:not([disabled]) .dnb-button__text:after{opacity:0}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus[disabled],.dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus[disabled],html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus[disabled],html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus[disabled]{cursor:not-allowed}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):before,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):before{bottom:-.5rem;content:"";left:-1rem;position:absolute;right:.5rem;right:-.5rem;top:-.5rem}:not(.dnb-table--active) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):active .dnb-icon,:not(.dnb-table--active) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):active .dnb-icon,:not(.dnb-table--active) html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):active .dnb-icon,:not(.dnb-table--active) html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):active .dnb-icon,html[data-visual-test] .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-icon,html[data-visual-test] .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-icon,html[data-visual-test] html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-icon,html[data-visual-test] html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-icon{opacity:1}html:not([data-visual-test]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-button__text:after,html:not([data-visual-test]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-button__text:after,html:not([data-visual-test]) html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-button__text:after,html:not([data-visual-test]) html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-button__text:after{color:inherit;opacity:1}html:not([data-visual-test]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):not(:active) .dnb-button__text:after,html:not([data-visual-test]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):not(:active) .dnb-button__text:after,html:not([data-visual-test]) html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):not(:active) .dnb-button__text:after,html:not([data-visual-test]) html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):not(:active) .dnb-button__text:after{visibility:visible}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active[disabled],.dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active[disabled],html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active[disabled],html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active[disabled]{cursor:not-allowed}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]),.dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]){color:#007272;color:var(--color-sea-green)}html[data-whatinput=mouse] .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,html[data-whatinput=mouse] .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,html[data-whatinput=mouse] html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,html[data-whatinput=mouse] html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before{--border-color:var(--color-emerald-green);border-color:transparent;-webkit-box-shadow:0 0 0 .125rem var(--border-color);box-shadow:0 0 0 .125rem var(--border-color)}@media screen and (-ms-high-contrast:none){html[data-whatinput=mouse] .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,html[data-whatinput=mouse] .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,html[data-whatinput=mouse] html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,html[data-whatinput=mouse] html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before{-webkit-box-shadow:0 0 0 .125rem #14555a;box-shadow:0 0 0 .125rem #14555a;-webkit-box-shadow:0 0 0 .125rem var(--color-emerald-green);box-shadow:0 0 0 .125rem var(--color-emerald-green)}}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before{border-radius:inherit;bottom:0;height:inherit;left:-.5rem;outline:none;top:0;z-index:1}html[data-whatinput=touch] .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,html[data-whatinput=touch] .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,html[data-whatinput=touch] html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,html[data-whatinput=touch] html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before{--border-color:var(--color-emerald-green);border-color:transparent;-webkit-box-shadow:0 0 0 .125rem var(--border-color);box-shadow:0 0 0 .125rem var(--border-color)}@media screen and (-ms-high-contrast:none){html[data-whatinput=touch] .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,html[data-whatinput=touch] .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,html[data-whatinput=touch] html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,html[data-whatinput=touch] html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before{-webkit-box-shadow:0 0 0 .125rem #14555a;box-shadow:0 0 0 .125rem #14555a;-webkit-box-shadow:0 0 0 .125rem var(--color-emerald-green);box-shadow:0 0 0 .125rem var(--color-emerald-green)}}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before{bottom:-.5rem;content:"";left:-1rem;position:absolute;right:.5rem;right:-.5rem;top:-.5rem}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:hover:focus:not(:active) .dnb-button__text:after,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:hover:focus:not(:active) .dnb-button__text:after{visibility:hidden}.dnb-table .dnb-table__th.dnb-table--sortable[align=right],.dnb-table>thead>tr>th.dnb-table--sortable[align=right]{padding-right:.5rem}.dnb-table .dnb-table__th.dnb-table--sortable[align=right] .dnb-table__sort-button.dnb-button,.dnb-table>thead>tr>th.dnb-table--sortable[align=right] .dnb-table__sort-button.dnb-button{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.dnb-table .dnb-table__th.dnb-table--sortable[align=right] .dnb-table__sort-button.dnb-button--tertiary.dnb-button--icon-position-right,.dnb-table>thead>tr>th.dnb-table--sortable[align=right] .dnb-table__sort-button.dnb-button--tertiary.dnb-button--icon-position-right{padding-right:.5rem}.dnb-table .dnb-table__th.dnb-table--sortable[align=right] .dnb-table__sort-button.dnb-button--tertiary.dnb-button--icon-position-right .dnb-button__text,.dnb-table>thead>tr>th.dnb-table--sortable[align=right] .dnb-table__sort-button.dnb-button--tertiary.dnb-button--icon-position-right .dnb-button__text{padding-right:0}.dnb-table .dnb-table__th.dnb-table--sortable[align=right] .dnb-table__sort-button.dnb-button--tertiary.dnb-button--icon-position-right .dnb-button__text:after,.dnb-table>thead>tr>th.dnb-table--sortable[align=right] .dnb-table__sort-button.dnb-button--tertiary.dnb-button--icon-position-right .dnb-button__text:after{right:0}.dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button:not(:hover) .dnb-button__text:after,.dnb-table>thead>tr>th.dnb-table--active .dnb-table__sort-button.dnb-button:not(:hover) .dnb-button__text:after{opacity:0}.dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button .dnb-icon,.dnb-table>thead>tr>th.dnb-table--active .dnb-table__sort-button.dnb-button .dnb-icon{opacity:1}html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button:hover[disabled],html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--active .dnb-table__sort-button.dnb-button:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button:hover:not([disabled]) .dnb-button__text:after,html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--active .dnb-table__sort-button.dnb-button:hover:not([disabled]) .dnb-button__text:after{color:#007272;color:var(--color-sea-green);opacity:1}.dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button:focus[disabled],.dnb-table>thead>tr>th.dnb-table--active .dnb-table__sort-button.dnb-button:focus[disabled],html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button:focus[disabled],html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--active .dnb-table__sort-button.dnb-button:focus[disabled]{cursor:not-allowed}.dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-button__text:after,.dnb-table>thead>tr>th.dnb-table--active .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-button__text:after,html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-button__text:after,html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--active .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-button__text:after{opacity:0}.dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button:hover:focus:not(:active) .dnb-button__text:after,.dnb-table>thead>tr>th.dnb-table--active .dnb-table__sort-button.dnb-button:hover:focus:not(:active) .dnb-button__text:after{visibility:visible}html[data-whatinput=keyboard] .dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button:hover:focus .dnb-button__text:after,html[data-whatinput=keyboard]
|
|
2
|
-
.dnb-table>thead>tr>th.dnb-table--active .dnb-table__sort-button.dnb-button:hover:focus .dnb-button__text:after{visibility:hidden}.dnb-table .dnb-table__th.dnb-table--reversed .dnb-table__sort-button.dnb-button .dnb-icon,.dnb-table>thead>tr>th.dnb-table--reversed .dnb-table__sort-button.dnb-button .dnb-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}.dnb-table .dnb-table__th .dnb-table__help-button,.dnb-table>thead>tr>th .dnb-table__help-button{margin-left:.5rem}.dnb-table__th__horizontal{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;display:-webkit-box;display:-ms-flexbox;display:flex}.dnb-table--outline thead .dnb-table__th:after{border-top:var(--outline);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.dnb-table--outline thead .dnb-table__th:first-of-type:after{border-left:var(--outline)}.dnb-table--outline thead .dnb-table__th:last-of-type:after{border-right:var(--outline)}.dnb-table--outline tbody .dnb-table__th:first-of-type:after{border-left:var(--outline);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.dnb-table--outline tbody .dnb-table__tr:last-of-type .dnb-table__th:after{border-bottom:var(--outline);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.dnb-table--outline tbody .dnb-table__tr:last-of-type .dnb-table__th:first-of-type:after{border-radius:0 0 0 .5rem}.dnb-table--border tbody .dnb-table__td:after{border:var(--border);border-bottom:none;border-right:none;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.dnb-table--border tbody .dnb-table__td:first-of-type:after{border-left:none}.dnb-table:not(.dnb-table--outline) tbody .dnb-table__tr:last-of-type .dnb-table__td:after{border-bottom:var(--border)}.dnb-table--outline tbody .dnb-table__td:first-of-type:after,.dnb-table--outline tbody .dnb-table__td:last-of-type:after{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.dnb-table--outline tbody .dnb-table__td:first-of-type:after{border-left:var(--outline)}.dnb-table--outline tbody .dnb-table__td:last-of-type:after{border-right:var(--outline)}.dnb-table--outline tbody .dnb-table__td,.dnb-table--outline tbody .dnb-table__td:after,.dnb-table--outline tbody .dnb-table__td:before{-webkit-transition:border-radius .4s cubic-bezier(.42,0,0,1);transition:border-radius .4s cubic-bezier(.42,0,0,1);-webkit-transition:border-radius .4s var(--easing-default);transition:border-radius .4s var(--easing-default)}.dnb-table--outline tbody .dnb-table__tr:last-of-type .dnb-table__td:after{border-bottom:var(--outline);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.dnb-table--outline thead .dnb-table__th:first-of-type,.dnb-table--outline thead .dnb-table__th:first-of-type:after{border-radius:.5rem 0 0 0}.dnb-table--outline thead .dnb-table__th:last-of-type,.dnb-table--outline thead .dnb-table__th:last-of-type:after{border-radius:0 .5rem 0 0}.dnb-table--outline tbody
|
|
2
|
+
.dnb-table>thead>tr>th.dnb-table--active .dnb-table__sort-button.dnb-button:hover:focus .dnb-button__text:after{visibility:hidden}.dnb-table .dnb-table__th.dnb-table--reversed .dnb-table__sort-button.dnb-button .dnb-icon,.dnb-table>thead>tr>th.dnb-table--reversed .dnb-table__sort-button.dnb-button .dnb-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}.dnb-table .dnb-table__th .dnb-table__help-button,.dnb-table>thead>tr>th .dnb-table__help-button{margin-left:.5rem}.dnb-table>thead>.dnb-table--no-wrap .dnb-table__sort-button{white-space:nowrap}.dnb-table__th__horizontal{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;display:-webkit-box;display:-ms-flexbox;display:flex}.dnb-table--outline thead .dnb-table__th:after{border-top:var(--outline);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.dnb-table--outline thead .dnb-table__th:first-of-type:after{border-left:var(--outline)}.dnb-table--outline thead .dnb-table__th:last-of-type:after{border-right:var(--outline)}.dnb-table--outline tbody .dnb-table__th:first-of-type:after{border-left:var(--outline);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.dnb-table--outline tbody .dnb-table__tr:last-of-type .dnb-table__th:after{border-bottom:var(--outline);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.dnb-table--outline tbody .dnb-table__tr:last-of-type .dnb-table__th:first-of-type:after{border-radius:0 0 0 .5rem}.dnb-table--border tbody .dnb-table__td:after{border:var(--border);border-bottom:none;border-right:none;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.dnb-table--border tbody .dnb-table__td:first-of-type:after{border-left:none}.dnb-table:not(.dnb-table--outline) tbody .dnb-table__tr:last-of-type .dnb-table__td:after{border-bottom:var(--border)}.dnb-table--outline tbody .dnb-table__td:first-of-type:after,.dnb-table--outline tbody .dnb-table__td:last-of-type:after{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.dnb-table--outline tbody .dnb-table__td:first-of-type:after{border-left:var(--outline)}.dnb-table--outline tbody .dnb-table__td:last-of-type:after{border-right:var(--outline)}.dnb-table--outline tbody .dnb-table__td,.dnb-table--outline tbody .dnb-table__td:after,.dnb-table--outline tbody .dnb-table__td:before{-webkit-transition:border-radius .4s cubic-bezier(.42,0,0,1);transition:border-radius .4s cubic-bezier(.42,0,0,1);-webkit-transition:border-radius .4s var(--easing-default);transition:border-radius .4s var(--easing-default)}.dnb-table--outline tbody .dnb-table__tr:last-of-type .dnb-table__td:after{border-bottom:var(--outline);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.dnb-table--outline thead .dnb-table__th:first-of-type,.dnb-table--outline thead .dnb-table__th:first-of-type:after{border-radius:.5rem 0 0 0}.dnb-table--outline thead .dnb-table__th:last-of-type,.dnb-table--outline thead .dnb-table__th:last-of-type:after{border-radius:0 .5rem 0 0}.dnb-table--outline tbody
|
|
3
3
|
.dnb-table__tr.dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded):nth-last-child(2) .dnb-table__td:first-of-type,.dnb-table--outline tbody
|
|
4
4
|
.dnb-table__tr.dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded):nth-last-child(2) .dnb-table__td:first-of-type:after,.dnb-table--outline tbody
|
|
5
5
|
.dnb-table__tr.dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded):nth-last-child(2) .dnb-table__td:first-of-type:before,.dnb-table--outline tbody .dnb-table__tr:last-of-type .dnb-table__td:first-of-type,.dnb-table--outline tbody .dnb-table__tr:last-of-type .dnb-table__td:first-of-type:after,.dnb-table--outline tbody .dnb-table__tr:last-of-type .dnb-table__td:first-of-type:before{border-radius:0 0 0 .5rem}.dnb-table--outline tbody
|
|
6
6
|
.dnb-table__tr.dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded):nth-last-child(2) .dnb-table__td:last-of-type,.dnb-table--outline tbody
|
|
7
7
|
.dnb-table__tr.dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded):nth-last-child(2) .dnb-table__td:last-of-type:after,.dnb-table--outline tbody
|
|
8
8
|
.dnb-table__tr.dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded):nth-last-child(2) .dnb-table__td:last-of-type:before,.dnb-table--outline tbody .dnb-table__tr:last-of-type .dnb-table__td:last-of-type,.dnb-table--outline tbody .dnb-table__tr:last-of-type .dnb-table__td:last-of-type:after,.dnb-table--outline tbody .dnb-table__tr:last-of-type .dnb-table__td:last-of-type:before{border-radius:0 0 .5rem 0}.dnb-table--outline tbody .dnb-table__tr.dnb-table__tr__accordion_content:last-of-type .dnb-table__td,.dnb-table--outline tbody .dnb-table__tr.dnb-table__tr__accordion_content:last-of-type .dnb-table__td:after,.dnb-table--outline tbody .dnb-table__tr.dnb-table__tr__accordion_content:last-of-type .dnb-table__td:before{border-radius:0 0 .5rem .5rem}.dnb-table--outline tbody .dnb-table__tr .dnb-table__th~.dnb-table__td:first-of-type:first-of-type:after{border-left:none}.dnb-table--border tbody .dnb-table__tr .dnb-table__th~.dnb-table__td:first-of-type:first-of-type:after{border-left:var(--border)}.dnb-table--outline tbody .dnb-table__tr:last-of-type .dnb-table__th~.dnb-table__td:first-of-type,.dnb-table--outline tbody .dnb-table__tr:last-of-type .dnb-table__th~.dnb-table__td:first-of-type:after,.dnb-table--outline tbody .dnb-table__tr:last-of-type .dnb-table__th~.dnb-table__td:first-of-type:before{border-radius:0 0 0 0}.dnb-table__td--no-spacing,.dnb-table td.dnb-table__td--no-spacing{padding:0}.dnb-table__td--spacing-horizontal,.dnb-table td.dnb-table__td--spacing-horizontal{padding-bottom:0;padding-top:0}.dnb-table .dnb-table__tr,.dnb-table .dnb-table__tr--even,.dnb-table>tbody>tr{background-color:#f8f8f8;background-color:var(--color-black-3)}.dnb-table .dnb-table__tr--odd,.dnb-table .dnb-table__tr:not(.dnb-table__tr--even):nth-of-type(2n),.dnb-table>tbody>tr:not(.dnb-table__tr--even):nth-of-type(2n){background-color:#fff;background-color:var(--color-white)}.dnb-table--outline tbody
|
|
9
|
-
.dnb-table__tr.dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded):nth-last-child(2),.dnb-table--outline thead .dnb-table__tr:first-of-type{-webkit-clip-path:inset(0 round .5rem .5rem 0 0);clip-path:inset(0 round .5rem .5rem 0 0)}.dnb-table--outline tbody
|
|
10
|
-
.dnb-table__tr.dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded):nth-last-child(2),.dnb-table--outline tbody .dnb-table__tr:last-of-type{-webkit-clip-path:inset(0 round 0 0 .5rem .5rem);clip-path:inset(0 round 0 0 .5rem .5rem)}.dnb-table>tbody>tr>td,.dnb-table>thead>tr>th,.dnb-table>tr>td,.dnb-table>tr>th,.dnb-table__td,.dnb-table__th{border-spacing:0;position:relative;word-break:keep-all}.dnb-table__sticky-helper>td{display:block;height:0;overflow:hidden;padding:0!important}.dnb-table tr.sticky
|
|
9
|
+
.dnb-table__tr.dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded):nth-last-child(2),.dnb-table--outline thead .dnb-table__tr:first-of-type{-webkit-clip-path:inset(0 0 -1rem 0 round .5rem .5rem 0 0);clip-path:inset(0 0 -1rem 0 round .5rem .5rem 0 0)}.dnb-table--outline tbody
|
|
10
|
+
.dnb-table__tr.dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded):nth-last-child(2),.dnb-table--outline tbody .dnb-table__tr:last-of-type{-webkit-clip-path:inset(0 round 0 0 .5rem .5rem);clip-path:inset(0 round 0 0 .5rem .5rem)}.dnb-table>tbody>tr>td,.dnb-table>thead>tr>th,.dnb-table>tr>td,.dnb-table>tr>th,.dnb-table__td,.dnb-table__th{border-spacing:0;position:relative;word-break:keep-all}.dnb-table__sticky-helper>td{display:block;height:0;overflow:hidden;padding:0!important}.dnb-table tr.sticky{position:sticky;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transform:translate3d(0,var(--table-offset,0),0);transform:translate3d(0,var(--table-offset,0),0);z-index:4}.dnb-table tr.sticky.css-position{top:0;top:var(--table-top,0)}.dnb-table tr.sticky.is-sticky th:before{bottom:0;-webkit-box-shadow:0 -2px 12px 8px rgba(51,51,51,.08);box-shadow:0 -2px 12px 8px rgba(51,51,51,.08);-webkit-box-shadow:var(--shadow-default-x) -2px 12px 8px var(--shadow-default-color);box-shadow:var(--shadow-default-x) -2px 12px 8px var(--shadow-default-color);-webkit-clip-path:inset(6px 0 -48px 0);clip-path:inset(6px 0 -48px 0);content:"";height:6px;left:0;position:absolute;right:0}.dnb-table__container{position:relative}.dnb-table__container:after{border:var(--outline);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1;z-index:3}.dnb-table__container,.dnb-table__container:after{border-radius:.5rem}.dnb-table__container,.dnb-table__container__body,.dnb-table__container__foot,.dnb-table__container__head{-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.dnb-table__container__body .dnb-table:not([class*=space__bottom]){margin-bottom:0}.dnb-table__container__body .dnb-table__size--large .dnb-table__th{padding-top:1.5rem}.dnb-table__container__head{padding:2rem 1rem 0}.dnb-table__container__head--empty{padding:.5rem 0 0}.dnb-spacing .dnb-table__container__head .dnb-h--large:not([class*=space__top]){margin:0}.dnb-table__container__foot{padding:1rem 1rem 1.25rem}.dnb-table__container__foot--empty{padding-bottom:1.5rem}.dnb-table__container .dnb-table__scroll-view{-webkit-clip-path:inset(0 round 0 0 .5rem .5rem);clip-path:inset(0 round 0 0 .5rem .5rem)}@supports (-webkit-appearance:none) and (not (-moz-appearance:meterbar)){.dnb-table__container:after{bottom:calc(var(--outline-width)*-1)}}.dnb-modal__content .dnb-table__container .dnb-table__scroll-view{overflow:visible}.dnb-table,.dnb-table--left{text-align:left}.dnb-table--right{text-align:right}.dnb-table--center{text-align:center}.dnb-table--small,.dnb-table--small>tbody>tr>td,.dnb-table--small>thead>tr>th,.dnb-table--small>tr>td,.dnb-table--small>tr>th,.dnb-table>tbody>tr.dnb-table--small>td,.dnb-table>tbody>tr>td.dnb-table--small,.dnb-table>thead>tr.dnb-table--small>th,.dnb-table>thead>tr>th.dnb-table--small,.dnb-table>tr.dnb-table--small>td,.dnb-table>tr.dnb-table--small>th,.dnb-table>tr>td.dnb-table--small,.dnb-table>tr>th.dnb-table--small,.dnb-table__td.dnb-table--small,.dnb-table__th.dnb-table--small{font-size:1rem;font-size:var(--font-size-small)}.dnb-table--x-small,.dnb-table--x-small>tbody>tr>td,.dnb-table--x-small>thead>tr>th,.dnb-table--x-small>tr>td,.dnb-table--x-small>tr>th,.dnb-table>tbody>tr.dnb-table--x-small>td,.dnb-table>tbody>tr>td.dnb-table--x-small,.dnb-table>thead>tr.dnb-table--x-small>th,.dnb-table>thead>tr>th.dnb-table--x-small,.dnb-table>tr.dnb-table--x-small>td,.dnb-table>tr.dnb-table--x-small>th,.dnb-table>tr>td.dnb-table--x-small,.dnb-table>tr>th.dnb-table--x-small,.dnb-table__td.dnb-table--x-small,.dnb-table__th.dnb-table--x-small{font-size:.875rem;font-size:var(--font-size-x-small)}.dnb-table{--accordion-background:var(--color-white);--accordion-border-width:0.0625rem;--accordion-border:var(--accordion-border-width) solid var(--color-black-20)}.dnb-table__th.dnb-table__th__accordion-icon{padding:0}.dnb-table__th.dnb-table__th__accordion-icon,.dnb-table__th.dnb-table__th__accordion-icon div{text-indent:-300vw;width:3.5rem}.dnb-table__size--medium .dnb-table__th.dnb-table__th__accordion-icon,.dnb-table__size--medium .dnb-table__th.dnb-table__th__accordion-icon div{width:3rem}.dnb-table__size--small .dnb-table__th.dnb-table__th__accordion-icon,.dnb-table__size--small .dnb-table__th.dnb-table__th__accordion-icon div{width:2.5rem}.dnb-table__td.dnb-table__td__accordion-icon{padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.dnb-table__tr--has-accordion-content .dnb-table__toggle-button{-webkit-box-pack:center;-ms-flex-pack:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center}.dnb-table__tr--has-accordion-content .dnb-table__toggle-button .dnb-icon{color:#007272;color:var(--color-sea-green);-webkit-transition:-webkit-transform .5s cubic-bezier(.42,0,0,1);transition:-webkit-transform .5s cubic-bezier(.42,0,0,1);transition:transform .5s cubic-bezier(.42,0,0,1);transition:transform .5s cubic-bezier(.42,0,0,1),-webkit-transform .5s cubic-bezier(.42,0,0,1);-webkit-transition:-webkit-transform .5s var(--accordion-easing);transition:-webkit-transform .5s var(--accordion-easing);transition:transform .5s var(--accordion-easing);transition:transform .5s var(--accordion-easing),-webkit-transform .5s var(--accordion-easing)}.dnb-table__tr--has-accordion-content.dnb-table__tr--no-animation .dnb-table__toggle-button .dnb-icon,html[data-visual-test]
|
|
11
11
|
.dnb-table__tr--has-accordion-content .dnb-table__toggle-button .dnb-icon{-webkit-transition:none!important;transition:none!important}.dnb-table__tr--has-accordion-content,.dnb-table__tr__accordion_content{position:relative;z-index:2}.dnb-table__tr--has-accordion-content.dnb-table__tr--expanded,.dnb-table__tr--has-accordion-content:active,.dnb-table__tr--has-accordion-content:focus,.dnb-table__tr--has-accordion-content:hover,.dnb-table__tr__accordion_content{z-index:3}.dnb-table__tr--has-accordion-content.dnb-table__tr--expanded .dnb-table__toggle-button .dnb-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.dnb-table--border .dnb-table__tr--has-accordion-content.dnb-table__tr--expanded td:after{border-bottom:none}.dnb-table--border .dnb-table__tr--has-accordion-content.dnb-table__tr--expanded td:not(:first-of-type):after{border-left:none}.dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled){outline:none}.dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled) td:before{border:.125rem solid transparent;bottom:0;content:"";inset:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:3}.dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled) td:not(:first-of-type):before{border-left:none}.dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled) td:not(:last-of-type):before{border-right:none}html:not([data-whatintent=touch]) .dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):hover:not([disabled]) td:before{border-color:#14555a;border-color:var(--color-emerald-green)}html:not([data-whatintent=touch]) .dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):hover:not([disabled]) .dnb-table__td__accordion-icon .dnb-icon{color:#14555a;color:var(--color-emerald-green)}.dnb-table__tr--has-accordion-content.dnb-table__tr--expanded:not(.dnb-table__tr--disabled):hover .dnb-table__td{background-color:#fff;background-color:var(--color-white)}html[data-whatinput=keyboard] .dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):not(:active):not(:hover):focus td:before{border-color:#14555a;border-color:var(--color-emerald-green);bottom:0;top:0}.dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):not(:active):not(:hover):focus td:first-of-type:before{left:0}.dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):not(:active):not(:hover):focus td:last-of-type:before{right:0}.dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):active td:before,html:not([data-whatintent=touch]) .dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):active:hover td:before{border-color:#14555a;border-color:var(--color-emerald-green);border-width:.0625rem}.dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):active .dnb-table__td{background-color:#f2f4ec;background-color:var(--color-pistachio)}.dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):active .dnb-table__td .dnb-table__td__accordion-icon .dnb-icon{color:#14555a;color:var(--color-emerald-green)}.dnb-table__tr--has-accordion-content.dnb-table__tr--expanded:not(.dnb-table__tr--disabled).dnb-table__tr--hover:not(:active):hover .dnb-table__td{background-color:var(--accordion-background)}.dnb-table__tr--has-accordion-content.dnb-table__tr--expanded:not(.dnb-table__tr--disabled).dnb-table__tr--hover:not(:active):hover .dnb-table__td:before{border:none;border-top:var(--accordion-border)}html:not([data-whatinput=keyboard]) .dnb-table__tr--has-accordion-content.dnb-table__tr.dnb-table__tr--expanded:not(.dnb-table__tr--disabled):not(:active):not(:hover){background-color:var(--accordion-background)}html:not([data-whatinput=keyboard]) .dnb-table__tr--has-accordion-content.dnb-table__tr.dnb-table__tr--expanded:not(.dnb-table__tr--disabled):not(:active):not(:hover) td:before{border:none;border-top:var(--accordion-border)}.dnb-table__tr--has-accordion-content.dnb-table__tr--disabled .dnb-table__td__accordion-icon .dnb-icon{color:#b3dada;color:var(--color-sea-green-30)}@supports (-webkit-appearance:none) and (stroke-color:transparent) and (not (-webkit-touch-callout:none)){.dnb-table__tr__accordion_content[hidden]{display:block}}.dnb-table__tr__accordion_content td{width:calc(100% - 3.5rem)}.dnb-table__size--medium .dnb-table__tr__accordion_content td{width:calc(100% - 3rem)}.dnb-table__size--small .dnb-table__tr__accordion_content td{width:calc(100% - 2.5rem)}.dnb-table__tr__accordion_content td:before{border-bottom:var(--accordion-border);bottom:-.0625rem;bottom:calc(var(--accordion-border-width)*-1);content:"";left:0;pointer-events:none;position:absolute;right:0;top:auto}.dnb-table--outline .dnb-table__tr__accordion_content:last-of-type td:before{border-bottom:none}.dnb-table--border .dnb-table__tr__accordion_content td:after{border-top:none}.dnb-table__tr__accordion_content__inner{overflow:hidden;position:relative;-webkit-transition:height .4s cubic-bezier(.42,0,0,1);transition:height .4s cubic-bezier(.42,0,0,1);-webkit-transition:height .4s var(--accordion-easing);transition:height .4s var(--accordion-easing);will-change:height}.dnb-table__tr__accordion_content__inner__spacing{padding:1rem;-webkit-transform:translateY(-10px);transform:translateY(-10px);-webkit-transition:-webkit-transform .5s cubic-bezier(.42,0,0,1);transition:-webkit-transform .5s cubic-bezier(.42,0,0,1);transition:transform .5s cubic-bezier(.42,0,0,1);transition:transform .5s cubic-bezier(.42,0,0,1),-webkit-transform .5s cubic-bezier(.42,0,0,1);-webkit-transition:-webkit-transform .5s var(--accordion-easing);transition:-webkit-transform .5s var(--accordion-easing);transition:transform .5s var(--accordion-easing);transition:transform .5s var(--accordion-easing),-webkit-transform .5s var(--accordion-easing)}.dnb-table__tr__accordion_content--parallax .dnb-table__tr__accordion_content__inner__spacing{-webkit-transform:translateY(0);transform:translateY(0)}.dnb-table__tr__accordion_content>td.dnb-table__td{padding:0}.dnb-table__tr__accordion_content>td.dnb-table__td .dnb-dl,.dnb-table__tr__accordion_content>td.dnb-table__td .dnb-dl dt{margin:0}.dnb-table__tr__accordion_content--expanded>td.dnb-table__td{background-color:#fff;background-color:var(--color-white)}.dnb-table__tr__accordion_content.dnb-table__tr .dnb-table__td{background-color:var(--accordion-background);vertical-align:top}.dnb-table__tr--has-accordion-content:not(.dnb-table__tr--disabled){cursor:pointer}.dnb-table__td-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex}.dnb-spacing .dnb-table dl,.dnb-spacing .dnb-table ol,.dnb-spacing .dnb-table p,.dnb-spacing .dnb-table pre,.dnb-spacing .dnb-table ul{margin-bottom:0;margin-top:0}
|
|
@@ -61,7 +61,7 @@ export declare const defaultProps: {
|
|
|
61
61
|
declare const Tag: {
|
|
62
62
|
(localProps: TagProps & SpacingProps): JSX.Element;
|
|
63
63
|
Group: (localProps: import("./TagGroup").TagGroupProps & import("../space/types").SpacingElementProps & {
|
|
64
|
-
space?: import("../space/types").
|
|
64
|
+
space?: import("../space/types").SpaceType | import("../space/types").SpacingElementProps;
|
|
65
65
|
}) => JSX.Element;
|
|
66
66
|
};
|
|
67
67
|
export default Tag;
|
package/es/elements/Anchor.d.ts
CHANGED
|
@@ -23,6 +23,6 @@ export declare type AnchorProps = {
|
|
|
23
23
|
export declare type AnchorAllProps = AnchorProps & React.HTMLAttributes<HTMLAnchorElement> & SpacingProps;
|
|
24
24
|
export declare function AnchorInstance(localProps: AnchorAllProps): JSX.Element;
|
|
25
25
|
declare const Anchor: React.ForwardRefExoticComponent<AnchorProps & React.HTMLAttributes<HTMLAnchorElement> & import("../shared/types").SpacingElementProps & {
|
|
26
|
-
space?: import("../shared/types").
|
|
26
|
+
space?: import("../shared/types").SpaceType | import("../shared/types").SpacingElementProps;
|
|
27
27
|
} & React.RefAttributes<HTMLAnchorElement>>;
|
|
28
28
|
export default Anchor;
|