labsense-ui-kit 1.1.54 → 1.1.56
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/dist/Table/index.d.ts +1 -0
- package/dist/Themes/index.d.ts +1 -0
- package/dist/index.js +33 -5
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +33 -5
- package/dist/index.modern.js.map +1 -1
- package/package.json +2 -2
package/dist/index.modern.js
CHANGED
|
@@ -28,6 +28,7 @@ var light = {
|
|
|
28
28
|
light_2: '#F5F8FA',
|
|
29
29
|
light_3: '#F0F3F5',
|
|
30
30
|
light_4: '#ECF0F4',
|
|
31
|
+
light_5: '#F0F0F3',
|
|
31
32
|
softBlue: '#D4EEFF',
|
|
32
33
|
extraSoftBlue: '#E4F4FF',
|
|
33
34
|
boldTransparent: '#5E5E5E80',
|
|
@@ -97,6 +98,7 @@ var dark = {
|
|
|
97
98
|
light_2: '#1F2327',
|
|
98
99
|
light_3: '#F0F3F5',
|
|
99
100
|
light_4: '#ECF0F4',
|
|
101
|
+
light_5: '#F0F0F3',
|
|
100
102
|
softBlue: '#2C3E50',
|
|
101
103
|
extraSoftBlue: '#34495E',
|
|
102
104
|
boldTransparent: '#D3D3D380',
|
|
@@ -6844,15 +6846,41 @@ var Table = function Table(_ref) {
|
|
|
6844
6846
|
type: 'checkbox',
|
|
6845
6847
|
checked: isAllSelected,
|
|
6846
6848
|
onChange: toggleSelectAll
|
|
6847
|
-
})), tableheaderconfig.headerdata.map(function (columndata,
|
|
6849
|
+
})), tableheaderconfig.headerdata.map(function (columndata, index, allCols) {
|
|
6848
6850
|
var _columndata$maintext;
|
|
6849
|
-
|
|
6850
|
-
|
|
6851
|
+
var currentLegend = columndata.legend || '';
|
|
6852
|
+
var prevLegend = index > 0 ? allCols[index - 1].legend || '' : '';
|
|
6853
|
+
var isFirstOfGroup = currentLegend && currentLegend !== prevLegend;
|
|
6854
|
+
var isInLegendGroup = !!currentLegend;
|
|
6855
|
+
return React.createElement(Container, {
|
|
6856
|
+
key: index,
|
|
6857
|
+
"$flexDirection": 'column',
|
|
6858
|
+
"$width": columndata.width || '100px',
|
|
6859
|
+
"$gap": '8px'
|
|
6860
|
+
}, tableheaderconfig.headerdata.some(function (col) {
|
|
6861
|
+
return !!col.legend;
|
|
6862
|
+
}) && React.createElement(Container, {
|
|
6863
|
+
"$alignItems": 'center',
|
|
6864
|
+
"$height": '16px'
|
|
6865
|
+
}, isInLegendGroup ? React.createElement(Container, null, isFirstOfGroup ? React.createElement(Container, null, React.createElement(Span, {
|
|
6866
|
+
"$fontSize": '12px',
|
|
6867
|
+
"$fontWeight": '400',
|
|
6868
|
+
"$width": 'max-content',
|
|
6869
|
+
"$lineHeight": 'normal'
|
|
6870
|
+
}, currentLegend), React.createElement(Container, {
|
|
6871
|
+
"$flex": '1',
|
|
6872
|
+
"$height": '1px',
|
|
6873
|
+
"$background": colorVariables.border.extraLight
|
|
6874
|
+
})) : React.createElement(Container, {
|
|
6875
|
+
"$flex": '1',
|
|
6876
|
+
"$height": '1px',
|
|
6877
|
+
"$background": colorVariables.border.extraLight
|
|
6878
|
+
})) : null), React.createElement(TableCell, {
|
|
6851
6879
|
maintext: (_columndata$maintext = columndata.maintext) != null ? _columndata$maintext : '',
|
|
6852
6880
|
width: columndata.width,
|
|
6853
6881
|
alignment: columndata.alignment
|
|
6854
|
-
});
|
|
6855
|
-
})), loading ? React.createElement(Container, {
|
|
6882
|
+
}));
|
|
6883
|
+
})), React.createElement(Divider, null), loading ? React.createElement(Container, {
|
|
6856
6884
|
"$flexDirection": 'column',
|
|
6857
6885
|
"$alignItems": 'center',
|
|
6858
6886
|
"$justifyContent": 'center',
|