@linzjs/step-ag-grid 19.1.1 → 20.0.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/dist/GridTheme.scss +19 -23
- package/dist/step-ag-grid.cjs.js +3 -51226
- package/dist/step-ag-grid.cjs.js.map +1 -1
- package/dist/step-ag-grid.esm.js +7 -51230
- package/dist/step-ag-grid.esm.js.map +1 -1
- package/package.json +9 -10
- package/src/components/GridCell.tsx +1 -1
- package/src/stories/grid/interactions/GridKeyboardInteractions.stories.tsx +5 -3
- package/src/styles/GridTheme.scss +19 -23
package/dist/GridTheme.scss
CHANGED
|
@@ -60,7 +60,11 @@ $grid-base-font-size: calc(#{lui.$base-font-size} - 1px);
|
|
|
60
60
|
|
|
61
61
|
.ag-theme-step-default.theme-specific,
|
|
62
62
|
.ag-theme-step-compact.theme-specific {
|
|
63
|
-
|
|
63
|
+
div.ag-center-cols-viewport {
|
|
64
|
+
// when using domLayout={"autoHeight"}, ag grid has a default min-height
|
|
65
|
+
// set to 150px so the !important is necessary here
|
|
66
|
+
min-height: 40px !important;
|
|
67
|
+
}
|
|
64
68
|
// fix alignment of cell content when grabber is present
|
|
65
69
|
.ag-header-cell-comp-wrapper {
|
|
66
70
|
justify-content: end;
|
|
@@ -140,17 +144,25 @@ $grid-base-font-size: calc(#{lui.$base-font-size} - 1px);
|
|
|
140
144
|
background-color: lightgoldenrodyellow;
|
|
141
145
|
}
|
|
142
146
|
|
|
143
|
-
.ag-center-cols-clipper {
|
|
144
|
-
// when using domLayout={"autoHeight"}, ag grid has a default min-height
|
|
145
|
-
// set to 150px so the !important is necessary here
|
|
146
|
-
min-height: 40px !important;
|
|
147
|
-
}
|
|
148
|
-
|
|
149
147
|
.ag-body-horizontal-scroll-viewport {
|
|
150
148
|
// It's set to scroll by default, but this causes issues with selecting the last row
|
|
151
149
|
overflow-x: auto;
|
|
152
150
|
}
|
|
153
151
|
|
|
152
|
+
.ag-header-group-cell {
|
|
153
|
+
text-transform: uppercase;
|
|
154
|
+
font-size: 12px;
|
|
155
|
+
margin-top: 12px;
|
|
156
|
+
height: 28px;
|
|
157
|
+
font-weight: 800;
|
|
158
|
+
letter-spacing: 2px;
|
|
159
|
+
justify-content: center;
|
|
160
|
+
|
|
161
|
+
&.ag-header-group-cell-with-group {
|
|
162
|
+
background-color: lui.$iceberg;
|
|
163
|
+
}
|
|
164
|
+
}
|
|
165
|
+
|
|
154
166
|
.ag-cell {
|
|
155
167
|
font-weight: 400;
|
|
156
168
|
}
|
|
@@ -224,22 +236,6 @@ $grid-base-font-size: calc(#{lui.$base-font-size} - 1px);
|
|
|
224
236
|
border-bottom: 2px dashed lui.$andrea;
|
|
225
237
|
}
|
|
226
238
|
|
|
227
|
-
// .ag-header .ag-pinned-left-header:after,
|
|
228
|
-
// .ag-body-viewport .ag-pinned-left-cols-container:after {
|
|
229
|
-
// content: " ";
|
|
230
|
-
// height: 100%;
|
|
231
|
-
// position: absolute;
|
|
232
|
-
// z-index: 1;
|
|
233
|
-
// top: 0;
|
|
234
|
-
// width: 15px;
|
|
235
|
-
// box-shadow: -4px 0px 15px -4px rgba(0, 0, 0, 0.1);
|
|
236
|
-
// right: -4px;
|
|
237
|
-
// }
|
|
238
|
-
|
|
239
|
-
// div:after {
|
|
240
|
-
// box-shadow: 15px 0 15px -15px inset;
|
|
241
|
-
// right: -15px;
|
|
242
|
-
// }
|
|
243
239
|
.ag-pinned-left-header,
|
|
244
240
|
.ag-pinned-right-header,
|
|
245
241
|
.ag-pinned-right-cols-container,
|