@semcore/data-table 1.5.0 → 1.5.1

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 (7) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/lib/cjs/DataTable.js +34 -34
  3. package/lib/cjs/style/data-table.shadow.css +2 -2
  4. package/lib/es6/DataTable.js +34 -34
  5. package/lib/es6/style/data-table.shadow.css +2 -2
  6. package/package.json +2 -2
  7. package/src/style/data-table.shadow.css +2 -2
package/CHANGELOG.md CHANGED
@@ -2,6 +2,12 @@
2
2
 
3
3
  CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
4
4
 
5
+ ## [1.5.1] - 2022-02-04
6
+
7
+ ### Changed
8
+
9
+ - Changed background-color from `transparent` to `#fff` for `use="secondary"` `DataTable.Column` and `DataTable.Cell`.
10
+
5
11
  ## [1.5.0] - 2022-01-18
6
12
 
7
13
  ### Changed
package/lib/cjs/DataTable.js CHANGED
@@ -60,43 +60,43 @@ var style = (
60
60
  /*__reshadow_css_start__*/
61
61
  _core.sstyled.insert(
62
62
  /*__inner_css_start__*/
63
- ".___SDataTable_1ji8l_gg_,.___SHeadWrapper_1ji8l_gg_{position:relative}.___SHeadWrapper_1ji8l_gg_.__sticky_1ji8l_gg_{position:-webkit-sticky;position:sticky;top:0;z-index:2}.___SHead_1ji8l_gg_{flex-direction:row;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;z-index:0}.___SColumn_1ji8l_gg_,.___SHead_1ji8l_gg_{display:flex;position:relative}.___SColumn_1ji8l_gg_{flex-grow:1;font-size:12px;line-height:18px;color:#333;box-sizing:border-box}.___SColumn_1ji8l_gg_:focus{outline:none;box-shadow:inset 0 0 0 3px rgba(43,148,225,.3)}.___SColumn_1ji8l_gg_.__hidden_1ji8l_gg_{height:0!important;padding:0!important;overflow:hidden!important;border:none!important}.___SColumn_1ji8l_gg_._use_primary_1ji8l_gg_{padding:12px;border-right:1px solid #dee3e5;border-bottom:1px solid #dee3e5;background-color:#f2f3f4}.___SColumn_1ji8l_gg_._use_secondary_1ji8l_gg_{padding:8px;border-bottom:1px solid #a6b0b3;background-color:transparent}.___SColumn_1ji8l_gg_.__use_1ji8l_gg_:last-child{border-right:none}.___SColumn_1ji8l_gg_.__group_1ji8l_gg_.__use_1ji8l_gg_{display:flex;flex-wrap:wrap;flex-direction:column;border-bottom:none;padding:0}.___SColumn_1ji8l_gg_.__groupHead_1ji8l_gg_.__use_1ji8l_gg_{justify-content:center;border-right:none;z-index:1}.___SColumn_1ji8l_gg_.__groupHead_1ji8l_gg_._use_primary_1ji8l_gg_{border-bottom:1px solid #dee3e5}.___SColumn_1ji8l_gg_.__groupHead_1ji8l_gg_._use_secondary_1ji8l_gg_{border-bottom:1px solid #a6b0b3}.___SColumn_1ji8l_gg_.__sortable_1ji8l_gg_{cursor:pointer}.___SColumn_1ji8l_gg_.__active_1ji8l_gg_._use_primary_1ji8l_gg_,.___SColumn_1ji8l_gg_.__sortable_1ji8l_gg_._use_primary_1ji8l_gg_:hover{background-color:#e4e7e8}.___SColumn_1ji8l_gg_.__resizable_1ji8l_gg_:hover:after{background:#a6b0b3}.___SColumn_1ji8l_gg_.__resizable_1ji8l_gg_:after{content:\"\";position:absolute;bottom:0;right:-1px;height:100vh;width:1px;background:transparent;cursor:col-resize}.___SColumn_1ji8l_gg_.__fixed_1ji8l_gg_{position:-webkit-sticky;position:sticky;z-index:2}.___SSortIcon_1ji8l_gg_{margin-top:2px;margin-left:4px;color:#bdc4c6}.___SSortIcon_1ji8l_gg_.__active_1ji8l_gg_{fill:#64787e}.___SBodyWrapper_1ji8l_gg_{position:relative}.___SBody_1ji8l_gg_{flex-direction:column;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.___SBody_1ji8l_gg_,.___SRow_1ji8l_gg_{display:flex;position:relative}.___SRow_1ji8l_gg_{flex-direction:row}.___SRow_1ji8l_gg_:hover .___SCell_1ji8l_gg_:not(.__theme_1ji8l_gg_),.___SRow_1ji8l_gg_.__active_1ji8l_gg_ .___SCell_1ji8l_gg_:not(.__theme_1ji8l_gg_){background-color:#f6f7f7}.___SRow_1ji8l_gg_._theme_muted_1ji8l_gg_ .___SCell_1ji8l_gg_:not(.__theme_1ji8l_gg_){background-color:#f2f3f4}.___SRow_1ji8l_gg_:hover .___SCell_1ji8l_gg_._theme_muted_1ji8l_gg_,.___SRow_1ji8l_gg_._theme_muted_1ji8l_gg_:hover .___SCell_1ji8l_gg_:not(.__theme_1ji8l_gg_),.___SRow_1ji8l_gg_._theme_muted_1ji8l_gg_.__active_1ji8l_gg_ .___SCell_1ji8l_gg_:not(.__theme_1ji8l_gg_){background-color:#f6f7f7}.___SRow_1ji8l_gg_._theme_info_1ji8l_gg_ .___SCell_1ji8l_gg_:not(.__theme_1ji8l_gg_){background-color:#d5eaf9}.___SRow_1ji8l_gg_:hover .___SCell_1ji8l_gg_._theme_info_1ji8l_gg_,.___SRow_1ji8l_gg_._theme_info_1ji8l_gg_:hover .___SCell_1ji8l_gg_:not(.__theme_1ji8l_gg_),.___SRow_1ji8l_gg_._theme_info_1ji8l_gg_.__active_1ji8l_gg_ .___SCell_1ji8l_gg_:not(.__theme_1ji8l_gg_){background-color:#cae4f8}.___SRow_1ji8l_gg_._theme_success_1ji8l_gg_ .___SCell_1ji8l_gg_:not(.__theme_1ji8l_gg_){background-color:#e5f3e0}.___SRow_1ji8l_gg_:hover .___SCell_1ji8l_gg_._theme_success_1ji8l_gg_,.___SRow_1ji8l_gg_._theme_success_1ji8l_gg_:hover .___SCell_1ji8l_gg_:not(.__theme_1ji8l_gg_),.___SRow_1ji8l_gg_._theme_success_1ji8l_gg_.__active_1ji8l_gg_ .___SCell_1ji8l_gg_:not(.__theme_1ji8l_gg_){background-color:#dcefd6}.___SRow_1ji8l_gg_._theme_warning_1ji8l_gg_ .___SCell_1ji8l_gg_:not(.__theme_1ji8l_gg_){background-color:#fef3e6}.___SRow_1ji8l_gg_:hover .___SCell_1ji8l_gg_._theme_warning_1ji8l_gg_,.___SRow_1ji8l_gg_._theme_warning_1ji8l_gg_:hover .___SCell_1ji8l_gg_:not(.__theme_1ji8l_gg_),.___SRow_1ji8l_gg_._theme_warning_1ji8l_gg_.__active_1ji8l_gg_ .___SCell_1ji8l_gg_:not(.__theme_1ji8l_gg_){background-color:#feefde}.___SRow_1ji8l_gg_._theme_danger_1ji8l_gg_ .___SCell_1ji8l_gg_:not(.__theme_1ji8l_gg_){background-color:#fdeaea}.___SRow_1ji8l_gg_:hover .___SCell_1ji8l_gg_._theme_danger_1ji8l_gg_,.___SRow_1ji8l_gg_._theme_danger_1ji8l_gg_:hover .___SCell_1ji8l_gg_:not(.__theme_1ji8l_gg_),.___SRow_1ji8l_gg_._theme_danger_1ji8l_gg_.__active_1ji8l_gg_ .___SCell_1ji8l_gg_:not(.__theme_1ji8l_gg_){background-color:#fce0e0}.___SCell_1ji8l_gg_{display:flex;flex:0 0 auto;font-size:14px;color:#333;line-height:20px;box-sizing:border-box;border-bottom:1px solid #dee3e5;overflow:hidden;white-space:nowrap}.___SCell_1ji8l_gg_._use_primary_1ji8l_gg_{padding:12px;min-height:45px;background-color:#fff}.___SCell_1ji8l_gg_._use_secondary_1ji8l_gg_{padding:8px;min-height:37px;background-color:transparent}.___SCell_1ji8l_gg_.__fixed_1ji8l_gg_{position:-webkit-sticky;position:sticky;z-index:1}.___SCell_1ji8l_gg_._theme_muted_1ji8l_gg_{background-color:#f2f3f4}.___SCell_1ji8l_gg_._theme_info_1ji8l_gg_{background-color:#d5eaf9}.___SCell_1ji8l_gg_._theme_success_1ji8l_gg_{background-color:#e5f3e0}.___SCell_1ji8l_gg_._theme_warning_1ji8l_gg_{background-color:#fef3e6}.___SCell_1ji8l_gg_._theme_danger_1ji8l_gg_{background-color:#fdeaea}.___SScrollAreaBar_1ji8l_gg_._orientation_horizontal_1ji8l_gg_{position:-webkit-sticky;position:sticky;bottom:0;left:0;margin-top:-12px;z-index:2}.___SScrollAreaBar_1ji8l_gg_._orientation_vertical_1ji8l_gg_{width:12px}.___SScrollAreaBar_1ji8l_gg_._orientation_horizontal_1ji8l_gg_{margin-left:calc(var(--left_1b2nebp) + 4px);margin-right:calc(var(--right_1b2nebp) + 4px);width:calc(100% - var(--offsetSum_1b2nebp) - 8px)}"
63
+ ".___SDataTable_1vnwc_gg_,.___SHeadWrapper_1vnwc_gg_{position:relative}.___SHeadWrapper_1vnwc_gg_.__sticky_1vnwc_gg_{position:-webkit-sticky;position:sticky;top:0;z-index:2}.___SHead_1vnwc_gg_{flex-direction:row;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;z-index:0}.___SColumn_1vnwc_gg_,.___SHead_1vnwc_gg_{display:flex;position:relative}.___SColumn_1vnwc_gg_{flex-grow:1;font-size:12px;line-height:18px;color:#333;box-sizing:border-box}.___SColumn_1vnwc_gg_:focus{outline:none;box-shadow:inset 0 0 0 3px rgba(43,148,225,.3)}.___SColumn_1vnwc_gg_.__hidden_1vnwc_gg_{height:0!important;padding:0!important;overflow:hidden!important;border:none!important}.___SColumn_1vnwc_gg_._use_primary_1vnwc_gg_{padding:12px;border-right:1px solid #dee3e5;border-bottom:1px solid #dee3e5;background-color:#f2f3f4}.___SColumn_1vnwc_gg_._use_secondary_1vnwc_gg_{padding:8px;border-bottom:1px solid #a6b0b3;background-color:#fff}.___SColumn_1vnwc_gg_.__use_1vnwc_gg_:last-child{border-right:none}.___SColumn_1vnwc_gg_.__group_1vnwc_gg_.__use_1vnwc_gg_{display:flex;flex-wrap:wrap;flex-direction:column;border-bottom:none;padding:0}.___SColumn_1vnwc_gg_.__groupHead_1vnwc_gg_.__use_1vnwc_gg_{justify-content:center;border-right:none;z-index:1}.___SColumn_1vnwc_gg_.__groupHead_1vnwc_gg_._use_primary_1vnwc_gg_{border-bottom:1px solid #dee3e5}.___SColumn_1vnwc_gg_.__groupHead_1vnwc_gg_._use_secondary_1vnwc_gg_{border-bottom:1px solid #a6b0b3}.___SColumn_1vnwc_gg_.__sortable_1vnwc_gg_{cursor:pointer}.___SColumn_1vnwc_gg_.__active_1vnwc_gg_._use_primary_1vnwc_gg_,.___SColumn_1vnwc_gg_.__sortable_1vnwc_gg_._use_primary_1vnwc_gg_:hover{background-color:#e4e7e8}.___SColumn_1vnwc_gg_.__resizable_1vnwc_gg_:hover:after{background:#a6b0b3}.___SColumn_1vnwc_gg_.__resizable_1vnwc_gg_:after{content:\"\";position:absolute;bottom:0;right:-1px;height:100vh;width:1px;background:transparent;cursor:col-resize}.___SColumn_1vnwc_gg_.__fixed_1vnwc_gg_{position:-webkit-sticky;position:sticky;z-index:2}.___SSortIcon_1vnwc_gg_{margin-top:2px;margin-left:4px;color:#bdc4c6}.___SSortIcon_1vnwc_gg_.__active_1vnwc_gg_{fill:#64787e}.___SBodyWrapper_1vnwc_gg_{position:relative}.___SBody_1vnwc_gg_{flex-direction:column;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.___SBody_1vnwc_gg_,.___SRow_1vnwc_gg_{display:flex;position:relative}.___SRow_1vnwc_gg_{flex-direction:row}.___SRow_1vnwc_gg_:hover .___SCell_1vnwc_gg_:not(.__theme_1vnwc_gg_),.___SRow_1vnwc_gg_.__active_1vnwc_gg_ .___SCell_1vnwc_gg_:not(.__theme_1vnwc_gg_){background-color:#f6f7f7}.___SRow_1vnwc_gg_._theme_muted_1vnwc_gg_ .___SCell_1vnwc_gg_:not(.__theme_1vnwc_gg_){background-color:#f2f3f4}.___SRow_1vnwc_gg_:hover .___SCell_1vnwc_gg_._theme_muted_1vnwc_gg_,.___SRow_1vnwc_gg_._theme_muted_1vnwc_gg_:hover .___SCell_1vnwc_gg_:not(.__theme_1vnwc_gg_),.___SRow_1vnwc_gg_._theme_muted_1vnwc_gg_.__active_1vnwc_gg_ .___SCell_1vnwc_gg_:not(.__theme_1vnwc_gg_){background-color:#f6f7f7}.___SRow_1vnwc_gg_._theme_info_1vnwc_gg_ .___SCell_1vnwc_gg_:not(.__theme_1vnwc_gg_){background-color:#d5eaf9}.___SRow_1vnwc_gg_:hover .___SCell_1vnwc_gg_._theme_info_1vnwc_gg_,.___SRow_1vnwc_gg_._theme_info_1vnwc_gg_:hover .___SCell_1vnwc_gg_:not(.__theme_1vnwc_gg_),.___SRow_1vnwc_gg_._theme_info_1vnwc_gg_.__active_1vnwc_gg_ .___SCell_1vnwc_gg_:not(.__theme_1vnwc_gg_){background-color:#cae4f8}.___SRow_1vnwc_gg_._theme_success_1vnwc_gg_ .___SCell_1vnwc_gg_:not(.__theme_1vnwc_gg_){background-color:#e5f3e0}.___SRow_1vnwc_gg_:hover .___SCell_1vnwc_gg_._theme_success_1vnwc_gg_,.___SRow_1vnwc_gg_._theme_success_1vnwc_gg_:hover .___SCell_1vnwc_gg_:not(.__theme_1vnwc_gg_),.___SRow_1vnwc_gg_._theme_success_1vnwc_gg_.__active_1vnwc_gg_ .___SCell_1vnwc_gg_:not(.__theme_1vnwc_gg_){background-color:#dcefd6}.___SRow_1vnwc_gg_._theme_warning_1vnwc_gg_ .___SCell_1vnwc_gg_:not(.__theme_1vnwc_gg_){background-color:#fef3e6}.___SRow_1vnwc_gg_:hover .___SCell_1vnwc_gg_._theme_warning_1vnwc_gg_,.___SRow_1vnwc_gg_._theme_warning_1vnwc_gg_:hover .___SCell_1vnwc_gg_:not(.__theme_1vnwc_gg_),.___SRow_1vnwc_gg_._theme_warning_1vnwc_gg_.__active_1vnwc_gg_ .___SCell_1vnwc_gg_:not(.__theme_1vnwc_gg_){background-color:#feefde}.___SRow_1vnwc_gg_._theme_danger_1vnwc_gg_ .___SCell_1vnwc_gg_:not(.__theme_1vnwc_gg_){background-color:#fdeaea}.___SRow_1vnwc_gg_:hover .___SCell_1vnwc_gg_._theme_danger_1vnwc_gg_,.___SRow_1vnwc_gg_._theme_danger_1vnwc_gg_:hover .___SCell_1vnwc_gg_:not(.__theme_1vnwc_gg_),.___SRow_1vnwc_gg_._theme_danger_1vnwc_gg_.__active_1vnwc_gg_ .___SCell_1vnwc_gg_:not(.__theme_1vnwc_gg_){background-color:#fce0e0}.___SCell_1vnwc_gg_{display:flex;flex:0 0 auto;font-size:14px;color:#333;line-height:20px;box-sizing:border-box;border-bottom:1px solid #dee3e5;overflow:hidden;white-space:nowrap}.___SCell_1vnwc_gg_._use_primary_1vnwc_gg_{padding:12px;min-height:45px;background-color:#fff}.___SCell_1vnwc_gg_._use_secondary_1vnwc_gg_{padding:8px;min-height:37px;background-color:#fff}.___SCell_1vnwc_gg_.__fixed_1vnwc_gg_{position:-webkit-sticky;position:sticky;z-index:1}.___SCell_1vnwc_gg_._theme_muted_1vnwc_gg_{background-color:#f2f3f4}.___SCell_1vnwc_gg_._theme_info_1vnwc_gg_{background-color:#d5eaf9}.___SCell_1vnwc_gg_._theme_success_1vnwc_gg_{background-color:#e5f3e0}.___SCell_1vnwc_gg_._theme_warning_1vnwc_gg_{background-color:#fef3e6}.___SCell_1vnwc_gg_._theme_danger_1vnwc_gg_{background-color:#fdeaea}.___SScrollAreaBar_1vnwc_gg_._orientation_horizontal_1vnwc_gg_{position:-webkit-sticky;position:sticky;bottom:0;left:0;margin-top:-12px;z-index:2}.___SScrollAreaBar_1vnwc_gg_._orientation_vertical_1vnwc_gg_{width:12px}.___SScrollAreaBar_1vnwc_gg_._orientation_horizontal_1vnwc_gg_{margin-left:calc(var(--left_1okuh39) + 4px);margin-right:calc(var(--right_1okuh39) + 4px);width:calc(100% - var(--offsetSum_1okuh39) - 8px)}"
64
64
  /*__inner_css_end__*/
65
- , "1b2nebp_gg_")
65
+ , "1okuh39_gg_")
66
66
  /*__reshadow_css_end__*/
67
67
  , {
68
- "__SDataTable": "___SDataTable_1ji8l_gg_",
69
- "__SHeadWrapper": "___SHeadWrapper_1ji8l_gg_",
70
- "_sticky": "__sticky_1ji8l_gg_",
71
- "__SHead": "___SHead_1ji8l_gg_",
72
- "__SColumn": "___SColumn_1ji8l_gg_",
73
- "_hidden": "__hidden_1ji8l_gg_",
74
- "_use_primary": "_use_primary_1ji8l_gg_",
75
- "_use_secondary": "_use_secondary_1ji8l_gg_",
76
- "_use": "__use_1ji8l_gg_",
77
- "_group": "__group_1ji8l_gg_",
78
- "_groupHead": "__groupHead_1ji8l_gg_",
79
- "_sortable": "__sortable_1ji8l_gg_",
80
- "_active": "__active_1ji8l_gg_",
81
- "_resizable": "__resizable_1ji8l_gg_",
82
- "_fixed": "__fixed_1ji8l_gg_",
83
- "__SSortIcon": "___SSortIcon_1ji8l_gg_",
84
- "__SBodyWrapper": "___SBodyWrapper_1ji8l_gg_",
85
- "__SBody": "___SBody_1ji8l_gg_",
86
- "__SRow": "___SRow_1ji8l_gg_",
87
- "__SCell": "___SCell_1ji8l_gg_",
88
- "_theme": "__theme_1ji8l_gg_",
89
- "_theme_muted": "_theme_muted_1ji8l_gg_",
90
- "_theme_info": "_theme_info_1ji8l_gg_",
91
- "_theme_success": "_theme_success_1ji8l_gg_",
92
- "_theme_warning": "_theme_warning_1ji8l_gg_",
93
- "_theme_danger": "_theme_danger_1ji8l_gg_",
94
- "__SScrollAreaBar": "___SScrollAreaBar_1ji8l_gg_",
95
- "_orientation_horizontal": "_orientation_horizontal_1ji8l_gg_",
96
- "_orientation_vertical": "_orientation_vertical_1ji8l_gg_",
97
- "--left": "--left_1b2nebp",
98
- "--right": "--right_1b2nebp",
99
- "--offsetSum": "--offsetSum_1b2nebp"
68
+ "__SDataTable": "___SDataTable_1vnwc_gg_",
69
+ "__SHeadWrapper": "___SHeadWrapper_1vnwc_gg_",
70
+ "_sticky": "__sticky_1vnwc_gg_",
71
+ "__SHead": "___SHead_1vnwc_gg_",
72
+ "__SColumn": "___SColumn_1vnwc_gg_",
73
+ "_hidden": "__hidden_1vnwc_gg_",
74
+ "_use_primary": "_use_primary_1vnwc_gg_",
75
+ "_use_secondary": "_use_secondary_1vnwc_gg_",
76
+ "_use": "__use_1vnwc_gg_",
77
+ "_group": "__group_1vnwc_gg_",
78
+ "_groupHead": "__groupHead_1vnwc_gg_",
79
+ "_sortable": "__sortable_1vnwc_gg_",
80
+ "_active": "__active_1vnwc_gg_",
81
+ "_resizable": "__resizable_1vnwc_gg_",
82
+ "_fixed": "__fixed_1vnwc_gg_",
83
+ "__SSortIcon": "___SSortIcon_1vnwc_gg_",
84
+ "__SBodyWrapper": "___SBodyWrapper_1vnwc_gg_",
85
+ "__SBody": "___SBody_1vnwc_gg_",
86
+ "__SRow": "___SRow_1vnwc_gg_",
87
+ "__SCell": "___SCell_1vnwc_gg_",
88
+ "_theme": "__theme_1vnwc_gg_",
89
+ "_theme_muted": "_theme_muted_1vnwc_gg_",
90
+ "_theme_info": "_theme_info_1vnwc_gg_",
91
+ "_theme_success": "_theme_success_1vnwc_gg_",
92
+ "_theme_warning": "_theme_warning_1vnwc_gg_",
93
+ "_theme_danger": "_theme_danger_1vnwc_gg_",
94
+ "__SScrollAreaBar": "___SScrollAreaBar_1vnwc_gg_",
95
+ "_orientation_horizontal": "_orientation_horizontal_1vnwc_gg_",
96
+ "_orientation_vertical": "_orientation_vertical_1vnwc_gg_",
97
+ "--left": "--left_1okuh39",
98
+ "--right": "--right_1okuh39",
99
+ "--offsetSum": "--offsetSum_1okuh39"
100
100
  });
101
101
  var MAP_SORT_DIRECTION = {
102
102
  desc: 'asc',
package/lib/cjs/style/data-table.shadow.css CHANGED
@@ -56,7 +56,7 @@ SColumn[use='primary'] {
56
56
  SColumn[use='secondary'] {
57
57
  padding: 8px;
58
58
  border-bottom: 1px solid var(--stone);
59
- background-color: transparent;
59
+ background-color: #fff;
60
60
  }
61
61
 
62
62
  SColumn[use]:last-child {
@@ -230,7 +230,7 @@ SCell[use='primary'] {
230
230
  SCell[use='secondary'] {
231
231
  padding: 8px;
232
232
  min-height: 37px;
233
- background-color: transparent;
233
+ background-color: #fff;
234
234
  }
235
235
 
236
236
  SCell[fixed] {
package/lib/es6/DataTable.js CHANGED
@@ -34,43 +34,43 @@ var style = (
34
34
  /*__reshadow_css_start__*/
35
35
  _sstyled.insert(
36
36
  /*__inner_css_start__*/
37
- ".___SDataTable_1ji8l_gg_,.___SHeadWrapper_1ji8l_gg_{position:relative}.___SHeadWrapper_1ji8l_gg_.__sticky_1ji8l_gg_{position:-webkit-sticky;position:sticky;top:0;z-index:2}.___SHead_1ji8l_gg_{flex-direction:row;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;z-index:0}.___SColumn_1ji8l_gg_,.___SHead_1ji8l_gg_{display:flex;position:relative}.___SColumn_1ji8l_gg_{flex-grow:1;font-size:12px;line-height:18px;color:#333;box-sizing:border-box}.___SColumn_1ji8l_gg_:focus{outline:none;box-shadow:inset 0 0 0 3px rgba(43,148,225,.3)}.___SColumn_1ji8l_gg_.__hidden_1ji8l_gg_{height:0!important;padding:0!important;overflow:hidden!important;border:none!important}.___SColumn_1ji8l_gg_._use_primary_1ji8l_gg_{padding:12px;border-right:1px solid #dee3e5;border-bottom:1px solid #dee3e5;background-color:#f2f3f4}.___SColumn_1ji8l_gg_._use_secondary_1ji8l_gg_{padding:8px;border-bottom:1px solid #a6b0b3;background-color:transparent}.___SColumn_1ji8l_gg_.__use_1ji8l_gg_:last-child{border-right:none}.___SColumn_1ji8l_gg_.__group_1ji8l_gg_.__use_1ji8l_gg_{display:flex;flex-wrap:wrap;flex-direction:column;border-bottom:none;padding:0}.___SColumn_1ji8l_gg_.__groupHead_1ji8l_gg_.__use_1ji8l_gg_{justify-content:center;border-right:none;z-index:1}.___SColumn_1ji8l_gg_.__groupHead_1ji8l_gg_._use_primary_1ji8l_gg_{border-bottom:1px solid #dee3e5}.___SColumn_1ji8l_gg_.__groupHead_1ji8l_gg_._use_secondary_1ji8l_gg_{border-bottom:1px solid #a6b0b3}.___SColumn_1ji8l_gg_.__sortable_1ji8l_gg_{cursor:pointer}.___SColumn_1ji8l_gg_.__active_1ji8l_gg_._use_primary_1ji8l_gg_,.___SColumn_1ji8l_gg_.__sortable_1ji8l_gg_._use_primary_1ji8l_gg_:hover{background-color:#e4e7e8}.___SColumn_1ji8l_gg_.__resizable_1ji8l_gg_:hover:after{background:#a6b0b3}.___SColumn_1ji8l_gg_.__resizable_1ji8l_gg_:after{content:\"\";position:absolute;bottom:0;right:-1px;height:100vh;width:1px;background:transparent;cursor:col-resize}.___SColumn_1ji8l_gg_.__fixed_1ji8l_gg_{position:-webkit-sticky;position:sticky;z-index:2}.___SSortIcon_1ji8l_gg_{margin-top:2px;margin-left:4px;color:#bdc4c6}.___SSortIcon_1ji8l_gg_.__active_1ji8l_gg_{fill:#64787e}.___SBodyWrapper_1ji8l_gg_{position:relative}.___SBody_1ji8l_gg_{flex-direction:column;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.___SBody_1ji8l_gg_,.___SRow_1ji8l_gg_{display:flex;position:relative}.___SRow_1ji8l_gg_{flex-direction:row}.___SRow_1ji8l_gg_:hover .___SCell_1ji8l_gg_:not(.__theme_1ji8l_gg_),.___SRow_1ji8l_gg_.__active_1ji8l_gg_ .___SCell_1ji8l_gg_:not(.__theme_1ji8l_gg_){background-color:#f6f7f7}.___SRow_1ji8l_gg_._theme_muted_1ji8l_gg_ .___SCell_1ji8l_gg_:not(.__theme_1ji8l_gg_){background-color:#f2f3f4}.___SRow_1ji8l_gg_:hover .___SCell_1ji8l_gg_._theme_muted_1ji8l_gg_,.___SRow_1ji8l_gg_._theme_muted_1ji8l_gg_:hover .___SCell_1ji8l_gg_:not(.__theme_1ji8l_gg_),.___SRow_1ji8l_gg_._theme_muted_1ji8l_gg_.__active_1ji8l_gg_ .___SCell_1ji8l_gg_:not(.__theme_1ji8l_gg_){background-color:#f6f7f7}.___SRow_1ji8l_gg_._theme_info_1ji8l_gg_ .___SCell_1ji8l_gg_:not(.__theme_1ji8l_gg_){background-color:#d5eaf9}.___SRow_1ji8l_gg_:hover .___SCell_1ji8l_gg_._theme_info_1ji8l_gg_,.___SRow_1ji8l_gg_._theme_info_1ji8l_gg_:hover .___SCell_1ji8l_gg_:not(.__theme_1ji8l_gg_),.___SRow_1ji8l_gg_._theme_info_1ji8l_gg_.__active_1ji8l_gg_ .___SCell_1ji8l_gg_:not(.__theme_1ji8l_gg_){background-color:#cae4f8}.___SRow_1ji8l_gg_._theme_success_1ji8l_gg_ .___SCell_1ji8l_gg_:not(.__theme_1ji8l_gg_){background-color:#e5f3e0}.___SRow_1ji8l_gg_:hover .___SCell_1ji8l_gg_._theme_success_1ji8l_gg_,.___SRow_1ji8l_gg_._theme_success_1ji8l_gg_:hover .___SCell_1ji8l_gg_:not(.__theme_1ji8l_gg_),.___SRow_1ji8l_gg_._theme_success_1ji8l_gg_.__active_1ji8l_gg_ .___SCell_1ji8l_gg_:not(.__theme_1ji8l_gg_){background-color:#dcefd6}.___SRow_1ji8l_gg_._theme_warning_1ji8l_gg_ .___SCell_1ji8l_gg_:not(.__theme_1ji8l_gg_){background-color:#fef3e6}.___SRow_1ji8l_gg_:hover .___SCell_1ji8l_gg_._theme_warning_1ji8l_gg_,.___SRow_1ji8l_gg_._theme_warning_1ji8l_gg_:hover .___SCell_1ji8l_gg_:not(.__theme_1ji8l_gg_),.___SRow_1ji8l_gg_._theme_warning_1ji8l_gg_.__active_1ji8l_gg_ .___SCell_1ji8l_gg_:not(.__theme_1ji8l_gg_){background-color:#feefde}.___SRow_1ji8l_gg_._theme_danger_1ji8l_gg_ .___SCell_1ji8l_gg_:not(.__theme_1ji8l_gg_){background-color:#fdeaea}.___SRow_1ji8l_gg_:hover .___SCell_1ji8l_gg_._theme_danger_1ji8l_gg_,.___SRow_1ji8l_gg_._theme_danger_1ji8l_gg_:hover .___SCell_1ji8l_gg_:not(.__theme_1ji8l_gg_),.___SRow_1ji8l_gg_._theme_danger_1ji8l_gg_.__active_1ji8l_gg_ .___SCell_1ji8l_gg_:not(.__theme_1ji8l_gg_){background-color:#fce0e0}.___SCell_1ji8l_gg_{display:flex;flex:0 0 auto;font-size:14px;color:#333;line-height:20px;box-sizing:border-box;border-bottom:1px solid #dee3e5;overflow:hidden;white-space:nowrap}.___SCell_1ji8l_gg_._use_primary_1ji8l_gg_{padding:12px;min-height:45px;background-color:#fff}.___SCell_1ji8l_gg_._use_secondary_1ji8l_gg_{padding:8px;min-height:37px;background-color:transparent}.___SCell_1ji8l_gg_.__fixed_1ji8l_gg_{position:-webkit-sticky;position:sticky;z-index:1}.___SCell_1ji8l_gg_._theme_muted_1ji8l_gg_{background-color:#f2f3f4}.___SCell_1ji8l_gg_._theme_info_1ji8l_gg_{background-color:#d5eaf9}.___SCell_1ji8l_gg_._theme_success_1ji8l_gg_{background-color:#e5f3e0}.___SCell_1ji8l_gg_._theme_warning_1ji8l_gg_{background-color:#fef3e6}.___SCell_1ji8l_gg_._theme_danger_1ji8l_gg_{background-color:#fdeaea}.___SScrollAreaBar_1ji8l_gg_._orientation_horizontal_1ji8l_gg_{position:-webkit-sticky;position:sticky;bottom:0;left:0;margin-top:-12px;z-index:2}.___SScrollAreaBar_1ji8l_gg_._orientation_vertical_1ji8l_gg_{width:12px}.___SScrollAreaBar_1ji8l_gg_._orientation_horizontal_1ji8l_gg_{margin-left:calc(var(--left_1b2nebp) + 4px);margin-right:calc(var(--right_1b2nebp) + 4px);width:calc(100% - var(--offsetSum_1b2nebp) - 8px)}"
37
+ ".___SDataTable_1vnwc_gg_,.___SHeadWrapper_1vnwc_gg_{position:relative}.___SHeadWrapper_1vnwc_gg_.__sticky_1vnwc_gg_{position:-webkit-sticky;position:sticky;top:0;z-index:2}.___SHead_1vnwc_gg_{flex-direction:row;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;z-index:0}.___SColumn_1vnwc_gg_,.___SHead_1vnwc_gg_{display:flex;position:relative}.___SColumn_1vnwc_gg_{flex-grow:1;font-size:12px;line-height:18px;color:#333;box-sizing:border-box}.___SColumn_1vnwc_gg_:focus{outline:none;box-shadow:inset 0 0 0 3px rgba(43,148,225,.3)}.___SColumn_1vnwc_gg_.__hidden_1vnwc_gg_{height:0!important;padding:0!important;overflow:hidden!important;border:none!important}.___SColumn_1vnwc_gg_._use_primary_1vnwc_gg_{padding:12px;border-right:1px solid #dee3e5;border-bottom:1px solid #dee3e5;background-color:#f2f3f4}.___SColumn_1vnwc_gg_._use_secondary_1vnwc_gg_{padding:8px;border-bottom:1px solid #a6b0b3;background-color:#fff}.___SColumn_1vnwc_gg_.__use_1vnwc_gg_:last-child{border-right:none}.___SColumn_1vnwc_gg_.__group_1vnwc_gg_.__use_1vnwc_gg_{display:flex;flex-wrap:wrap;flex-direction:column;border-bottom:none;padding:0}.___SColumn_1vnwc_gg_.__groupHead_1vnwc_gg_.__use_1vnwc_gg_{justify-content:center;border-right:none;z-index:1}.___SColumn_1vnwc_gg_.__groupHead_1vnwc_gg_._use_primary_1vnwc_gg_{border-bottom:1px solid #dee3e5}.___SColumn_1vnwc_gg_.__groupHead_1vnwc_gg_._use_secondary_1vnwc_gg_{border-bottom:1px solid #a6b0b3}.___SColumn_1vnwc_gg_.__sortable_1vnwc_gg_{cursor:pointer}.___SColumn_1vnwc_gg_.__active_1vnwc_gg_._use_primary_1vnwc_gg_,.___SColumn_1vnwc_gg_.__sortable_1vnwc_gg_._use_primary_1vnwc_gg_:hover{background-color:#e4e7e8}.___SColumn_1vnwc_gg_.__resizable_1vnwc_gg_:hover:after{background:#a6b0b3}.___SColumn_1vnwc_gg_.__resizable_1vnwc_gg_:after{content:\"\";position:absolute;bottom:0;right:-1px;height:100vh;width:1px;background:transparent;cursor:col-resize}.___SColumn_1vnwc_gg_.__fixed_1vnwc_gg_{position:-webkit-sticky;position:sticky;z-index:2}.___SSortIcon_1vnwc_gg_{margin-top:2px;margin-left:4px;color:#bdc4c6}.___SSortIcon_1vnwc_gg_.__active_1vnwc_gg_{fill:#64787e}.___SBodyWrapper_1vnwc_gg_{position:relative}.___SBody_1vnwc_gg_{flex-direction:column;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.___SBody_1vnwc_gg_,.___SRow_1vnwc_gg_{display:flex;position:relative}.___SRow_1vnwc_gg_{flex-direction:row}.___SRow_1vnwc_gg_:hover .___SCell_1vnwc_gg_:not(.__theme_1vnwc_gg_),.___SRow_1vnwc_gg_.__active_1vnwc_gg_ .___SCell_1vnwc_gg_:not(.__theme_1vnwc_gg_){background-color:#f6f7f7}.___SRow_1vnwc_gg_._theme_muted_1vnwc_gg_ .___SCell_1vnwc_gg_:not(.__theme_1vnwc_gg_){background-color:#f2f3f4}.___SRow_1vnwc_gg_:hover .___SCell_1vnwc_gg_._theme_muted_1vnwc_gg_,.___SRow_1vnwc_gg_._theme_muted_1vnwc_gg_:hover .___SCell_1vnwc_gg_:not(.__theme_1vnwc_gg_),.___SRow_1vnwc_gg_._theme_muted_1vnwc_gg_.__active_1vnwc_gg_ .___SCell_1vnwc_gg_:not(.__theme_1vnwc_gg_){background-color:#f6f7f7}.___SRow_1vnwc_gg_._theme_info_1vnwc_gg_ .___SCell_1vnwc_gg_:not(.__theme_1vnwc_gg_){background-color:#d5eaf9}.___SRow_1vnwc_gg_:hover .___SCell_1vnwc_gg_._theme_info_1vnwc_gg_,.___SRow_1vnwc_gg_._theme_info_1vnwc_gg_:hover .___SCell_1vnwc_gg_:not(.__theme_1vnwc_gg_),.___SRow_1vnwc_gg_._theme_info_1vnwc_gg_.__active_1vnwc_gg_ .___SCell_1vnwc_gg_:not(.__theme_1vnwc_gg_){background-color:#cae4f8}.___SRow_1vnwc_gg_._theme_success_1vnwc_gg_ .___SCell_1vnwc_gg_:not(.__theme_1vnwc_gg_){background-color:#e5f3e0}.___SRow_1vnwc_gg_:hover .___SCell_1vnwc_gg_._theme_success_1vnwc_gg_,.___SRow_1vnwc_gg_._theme_success_1vnwc_gg_:hover .___SCell_1vnwc_gg_:not(.__theme_1vnwc_gg_),.___SRow_1vnwc_gg_._theme_success_1vnwc_gg_.__active_1vnwc_gg_ .___SCell_1vnwc_gg_:not(.__theme_1vnwc_gg_){background-color:#dcefd6}.___SRow_1vnwc_gg_._theme_warning_1vnwc_gg_ .___SCell_1vnwc_gg_:not(.__theme_1vnwc_gg_){background-color:#fef3e6}.___SRow_1vnwc_gg_:hover .___SCell_1vnwc_gg_._theme_warning_1vnwc_gg_,.___SRow_1vnwc_gg_._theme_warning_1vnwc_gg_:hover .___SCell_1vnwc_gg_:not(.__theme_1vnwc_gg_),.___SRow_1vnwc_gg_._theme_warning_1vnwc_gg_.__active_1vnwc_gg_ .___SCell_1vnwc_gg_:not(.__theme_1vnwc_gg_){background-color:#feefde}.___SRow_1vnwc_gg_._theme_danger_1vnwc_gg_ .___SCell_1vnwc_gg_:not(.__theme_1vnwc_gg_){background-color:#fdeaea}.___SRow_1vnwc_gg_:hover .___SCell_1vnwc_gg_._theme_danger_1vnwc_gg_,.___SRow_1vnwc_gg_._theme_danger_1vnwc_gg_:hover .___SCell_1vnwc_gg_:not(.__theme_1vnwc_gg_),.___SRow_1vnwc_gg_._theme_danger_1vnwc_gg_.__active_1vnwc_gg_ .___SCell_1vnwc_gg_:not(.__theme_1vnwc_gg_){background-color:#fce0e0}.___SCell_1vnwc_gg_{display:flex;flex:0 0 auto;font-size:14px;color:#333;line-height:20px;box-sizing:border-box;border-bottom:1px solid #dee3e5;overflow:hidden;white-space:nowrap}.___SCell_1vnwc_gg_._use_primary_1vnwc_gg_{padding:12px;min-height:45px;background-color:#fff}.___SCell_1vnwc_gg_._use_secondary_1vnwc_gg_{padding:8px;min-height:37px;background-color:#fff}.___SCell_1vnwc_gg_.__fixed_1vnwc_gg_{position:-webkit-sticky;position:sticky;z-index:1}.___SCell_1vnwc_gg_._theme_muted_1vnwc_gg_{background-color:#f2f3f4}.___SCell_1vnwc_gg_._theme_info_1vnwc_gg_{background-color:#d5eaf9}.___SCell_1vnwc_gg_._theme_success_1vnwc_gg_{background-color:#e5f3e0}.___SCell_1vnwc_gg_._theme_warning_1vnwc_gg_{background-color:#fef3e6}.___SCell_1vnwc_gg_._theme_danger_1vnwc_gg_{background-color:#fdeaea}.___SScrollAreaBar_1vnwc_gg_._orientation_horizontal_1vnwc_gg_{position:-webkit-sticky;position:sticky;bottom:0;left:0;margin-top:-12px;z-index:2}.___SScrollAreaBar_1vnwc_gg_._orientation_vertical_1vnwc_gg_{width:12px}.___SScrollAreaBar_1vnwc_gg_._orientation_horizontal_1vnwc_gg_{margin-left:calc(var(--left_1okuh39) + 4px);margin-right:calc(var(--right_1okuh39) + 4px);width:calc(100% - var(--offsetSum_1okuh39) - 8px)}"
38
38
  /*__inner_css_end__*/
39
- , "1b2nebp_gg_")
39
+ , "1okuh39_gg_")
40
40
  /*__reshadow_css_end__*/
41
41
  , {
42
- "__SDataTable": "___SDataTable_1ji8l_gg_",
43
- "__SHeadWrapper": "___SHeadWrapper_1ji8l_gg_",
44
- "_sticky": "__sticky_1ji8l_gg_",
45
- "__SHead": "___SHead_1ji8l_gg_",
46
- "__SColumn": "___SColumn_1ji8l_gg_",
47
- "_hidden": "__hidden_1ji8l_gg_",
48
- "_use_primary": "_use_primary_1ji8l_gg_",
49
- "_use_secondary": "_use_secondary_1ji8l_gg_",
50
- "_use": "__use_1ji8l_gg_",
51
- "_group": "__group_1ji8l_gg_",
52
- "_groupHead": "__groupHead_1ji8l_gg_",
53
- "_sortable": "__sortable_1ji8l_gg_",
54
- "_active": "__active_1ji8l_gg_",
55
- "_resizable": "__resizable_1ji8l_gg_",
56
- "_fixed": "__fixed_1ji8l_gg_",
57
- "__SSortIcon": "___SSortIcon_1ji8l_gg_",
58
- "__SBodyWrapper": "___SBodyWrapper_1ji8l_gg_",
59
- "__SBody": "___SBody_1ji8l_gg_",
60
- "__SRow": "___SRow_1ji8l_gg_",
61
- "__SCell": "___SCell_1ji8l_gg_",
62
- "_theme": "__theme_1ji8l_gg_",
63
- "_theme_muted": "_theme_muted_1ji8l_gg_",
64
- "_theme_info": "_theme_info_1ji8l_gg_",
65
- "_theme_success": "_theme_success_1ji8l_gg_",
66
- "_theme_warning": "_theme_warning_1ji8l_gg_",
67
- "_theme_danger": "_theme_danger_1ji8l_gg_",
68
- "__SScrollAreaBar": "___SScrollAreaBar_1ji8l_gg_",
69
- "_orientation_horizontal": "_orientation_horizontal_1ji8l_gg_",
70
- "_orientation_vertical": "_orientation_vertical_1ji8l_gg_",
71
- "--left": "--left_1b2nebp",
72
- "--right": "--right_1b2nebp",
73
- "--offsetSum": "--offsetSum_1b2nebp"
42
+ "__SDataTable": "___SDataTable_1vnwc_gg_",
43
+ "__SHeadWrapper": "___SHeadWrapper_1vnwc_gg_",
44
+ "_sticky": "__sticky_1vnwc_gg_",
45
+ "__SHead": "___SHead_1vnwc_gg_",
46
+ "__SColumn": "___SColumn_1vnwc_gg_",
47
+ "_hidden": "__hidden_1vnwc_gg_",
48
+ "_use_primary": "_use_primary_1vnwc_gg_",
49
+ "_use_secondary": "_use_secondary_1vnwc_gg_",
50
+ "_use": "__use_1vnwc_gg_",
51
+ "_group": "__group_1vnwc_gg_",
52
+ "_groupHead": "__groupHead_1vnwc_gg_",
53
+ "_sortable": "__sortable_1vnwc_gg_",
54
+ "_active": "__active_1vnwc_gg_",
55
+ "_resizable": "__resizable_1vnwc_gg_",
56
+ "_fixed": "__fixed_1vnwc_gg_",
57
+ "__SSortIcon": "___SSortIcon_1vnwc_gg_",
58
+ "__SBodyWrapper": "___SBodyWrapper_1vnwc_gg_",
59
+ "__SBody": "___SBody_1vnwc_gg_",
60
+ "__SRow": "___SRow_1vnwc_gg_",
61
+ "__SCell": "___SCell_1vnwc_gg_",
62
+ "_theme": "__theme_1vnwc_gg_",
63
+ "_theme_muted": "_theme_muted_1vnwc_gg_",
64
+ "_theme_info": "_theme_info_1vnwc_gg_",
65
+ "_theme_success": "_theme_success_1vnwc_gg_",
66
+ "_theme_warning": "_theme_warning_1vnwc_gg_",
67
+ "_theme_danger": "_theme_danger_1vnwc_gg_",
68
+ "__SScrollAreaBar": "___SScrollAreaBar_1vnwc_gg_",
69
+ "_orientation_horizontal": "_orientation_horizontal_1vnwc_gg_",
70
+ "_orientation_vertical": "_orientation_vertical_1vnwc_gg_",
71
+ "--left": "--left_1okuh39",
72
+ "--right": "--right_1okuh39",
73
+ "--offsetSum": "--offsetSum_1okuh39"
74
74
  });
75
75
  var MAP_SORT_DIRECTION = {
76
76
  desc: 'asc',
package/lib/es6/style/data-table.shadow.css CHANGED
@@ -56,7 +56,7 @@ SColumn[use='primary'] {
56
56
  SColumn[use='secondary'] {
57
57
  padding: 8px;
58
58
  border-bottom: 1px solid var(--stone);
59
- background-color: transparent;
59
+ background-color: #fff;
60
60
  }
61
61
 
62
62
  SColumn[use]:last-child {
@@ -230,7 +230,7 @@ SCell[use='primary'] {
230
230
  SCell[use='secondary'] {
231
231
  padding: 8px;
232
232
  min-height: 37px;
233
- background-color: transparent;
233
+ background-color: #fff;
234
234
  }
235
235
 
236
236
  SCell[fixed] {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@semcore/data-table",
3
3
  "description": "SEMRush DataTable Component",
4
- "version": "1.5.0",
4
+ "version": "1.5.1",
5
5
  "main": "lib/cjs/index.js",
6
6
  "module": "lib/es6/index.js",
7
7
  "typings": "lib/types/index.d.ts",
@@ -23,6 +23,6 @@
23
23
  "react": "16.8 - 17"
24
24
  },
25
25
  "jest": {
26
- "preset": "jest-preset-ui"
26
+ "preset": "@semcore/jest-preset-ui"
27
27
  }
28
28
  }
package/src/style/data-table.shadow.css CHANGED
@@ -56,7 +56,7 @@ SColumn[use='primary'] {
56
56
  SColumn[use='secondary'] {
57
57
  padding: 8px;
58
58
  border-bottom: 1px solid var(--stone);
59
- background-color: transparent;
59
+ background-color: #fff;
60
60
  }
61
61
 
62
62
  SColumn[use]:last-child {
@@ -230,7 +230,7 @@ SCell[use='primary'] {
230
230
  SCell[use='secondary'] {
231
231
  padding: 8px;
232
232
  min-height: 37px;
233
- background-color: transparent;
233
+ background-color: #fff;
234
234
  }
235
235
 
236
236
  SCell[fixed] {