@patternfly/react-styles 6.0.0-alpha.11 → 6.0.0-alpha.12
Sign up to get free protection for your applications and to get access to all the features.
- package/CHANGELOG.md +6 -0
- package/css/components/Alert/alert.css +2 -0
- package/css/components/Breadcrumb/breadcrumb.css +9 -1
- package/css/components/Button/button.css +44 -24
- package/css/components/CalendarMonth/calendar-month.css +61 -92
- package/css/components/CalendarMonth/calendar-month.d.ts +2 -4
- package/css/components/CalendarMonth/calendar-month.js +2 -4
- package/css/components/CalendarMonth/calendar-month.mjs +2 -4
- package/css/components/CodeBlock/code-block.css +4 -0
- package/css/components/CodeEditor/code-editor.css +94 -72
- package/css/components/CodeEditor/code-editor.d.ts +4 -4
- package/css/components/CodeEditor/code-editor.js +4 -4
- package/css/components/CodeEditor/code-editor.mjs +4 -4
- package/css/components/DatePicker/date-picker.css +13 -14
- package/css/components/DatePicker/date-picker.d.ts +1 -2
- package/css/components/DatePicker/date-picker.js +1 -2
- package/css/components/DatePicker/date-picker.mjs +1 -2
- package/css/components/Divider/divider.css +8 -6
- package/css/components/DualListSelector/dual-list-selector.css +56 -48
- package/css/components/DualListSelector/dual-list-selector.d.ts +1 -2
- package/css/components/DualListSelector/dual-list-selector.js +1 -2
- package/css/components/DualListSelector/dual-list-selector.mjs +1 -2
- package/css/components/FormControl/form-control.css +3 -3
- package/css/components/Icon/icon.css +27 -27
- package/css/components/Label/label-group.css +1 -1
- package/css/components/Label/label.css +13 -7
- package/css/components/Menu/menu.css +388 -419
- package/css/components/Menu/menu.d.ts +5 -8
- package/css/components/Menu/menu.js +5 -8
- package/css/components/Menu/menu.mjs +5 -8
- package/css/components/MenuToggle/menu-toggle.css +229 -265
- package/css/components/MenuToggle/menu-toggle.d.ts +7 -8
- package/css/components/MenuToggle/menu-toggle.js +7 -8
- package/css/components/MenuToggle/menu-toggle.mjs +7 -8
- package/css/components/Pagination/pagination.css +2 -12
- package/css/components/ProgressStepper/progress-stepper.css +72 -69
- package/css/components/ProgressStepper/progress-stepper.d.ts +1 -0
- package/css/components/ProgressStepper/progress-stepper.js +1 -0
- package/css/components/ProgressStepper/progress-stepper.mjs +1 -0
- package/css/components/Table/table-grid.css +29 -45
- package/css/components/Table/table-scrollable.css +6 -6
- package/css/components/Table/table-tree-view.css +76 -74
- package/css/components/Table/table.css +54 -74
- package/css/components/TextInputGroup/text-input-group.css +0 -14
- package/css/components/TextInputGroup/text-input-group.d.ts +1 -3
- package/css/components/TextInputGroup/text-input-group.js +1 -3
- package/css/components/TextInputGroup/text-input-group.mjs +1 -3
- package/css/components/Tile/tile.css +1 -1
- package/css/components/TreeView/tree-view.css +76 -97
- package/css/components/TreeView/tree-view.d.ts +0 -4
- package/css/components/TreeView/tree-view.js +0 -4
- package/css/components/TreeView/tree-view.mjs +0 -4
- package/css/components/Wizard/wizard.css +128 -205
- package/css/components/Wizard/wizard.d.ts +0 -3
- package/css/components/Wizard/wizard.js +0 -3
- package/css/components/Wizard/wizard.mjs +0 -3
- package/css/docs/components/Menu/examples/Menu.css +7 -11
- package/css/docs/components/Menu/examples/Menu.d.ts +2 -1
- package/css/docs/components/Menu/examples/Menu.js +2 -1
- package/css/docs/components/Menu/examples/Menu.mjs +2 -1
- package/package.json +3 -3
@@ -1,20 +1,22 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
--pf-v5-c-table__tree-view-main--
|
1
|
+
:where(:root),
|
2
|
+
:where(.pf-v5-c-table) {
|
3
|
+
--pf-v5-c-table__tree-view-main--indent--base: calc(var(--pf-t--global--spacer--md) * 2 + var(--pf-v5-c-table__tree-view-icon--MinWidth));
|
4
|
+
--pf-v5-c-table__tree-view-main--nested-indent--base: calc(var(--pf-v5-c-table__tree-view-main--indent--base) - var(--pf-t--global--spacer--md));
|
4
5
|
--pf-v5-c-table__tree-view-main--PaddingLeft: var(--pf-v5-c-table__tree-view-main--indent--base);
|
5
6
|
--pf-v5-c-table__tree-view-main--MarginLeft: calc(var(--pf-v5-c-table--cell--PaddingLeft) * -1);
|
6
|
-
--pf-v5-c-table__tree-view-main--c-table__check--PaddingRight: var(--pf-
|
7
|
-
--pf-v5-c-table__tree-view-main--c-table__check--PaddingLeft: var(--pf-
|
8
|
-
--pf-v5-c-table__tree-view-main--c-table__check--MarginRight: var(--pf-
|
9
|
-
--pf-v5-c-table__tree-view-icon--MinWidth: var(--pf-
|
10
|
-
--pf-v5-c-table__tree-view-icon--MarginRight: var(--pf-
|
7
|
+
--pf-v5-c-table__tree-view-main--c-table__check--PaddingRight: var(--pf-t--global--spacer--sm);
|
8
|
+
--pf-v5-c-table__tree-view-main--c-table__check--PaddingLeft: var(--pf-t--global--spacer--sm);
|
9
|
+
--pf-v5-c-table__tree-view-main--c-table__check--MarginRight: var(--pf-t--global--spacer--sm);
|
10
|
+
--pf-v5-c-table__tree-view-icon--MinWidth: var(--pf-t--global--spacer--md);
|
11
|
+
--pf-v5-c-table__tree-view-icon--MarginRight: var(--pf-t--global--spacer--sm);
|
11
12
|
--pf-v5-c-table--m-tree-view__toggle--Position: absolute;
|
12
13
|
--pf-v5-c-table--m-tree-view__toggle--Left: var(--pf-v5-c-table__tree-view-main--PaddingLeft);
|
13
14
|
--pf-v5-c-table--m-tree-view__toggle--TranslateX: -100%;
|
14
|
-
--pf-v5-c-table--m-tree-view__toggle__toggle-icon--MinWidth: var(--pf-
|
15
|
+
--pf-v5-c-table--m-tree-view__toggle__toggle-icon--MinWidth: var(--pf-t--global--spacer--md);
|
15
16
|
--pf-v5-c-table--m-no-inset__tree-view-main--PaddingLeft: 0;
|
16
17
|
--pf-v5-c-table--m-no-inset__tree-view-main--MarginLeft: 0;
|
17
18
|
}
|
19
|
+
|
18
20
|
.pf-v5-c-table.pf-m-tree-view > tbody > tr {
|
19
21
|
--pf-v5-c-table--m-tree-view__toggle--Left: var(--pf-v5-c-table__tree-view-main--PaddingLeft);
|
20
22
|
}
|
@@ -102,23 +104,23 @@
|
|
102
104
|
}
|
103
105
|
|
104
106
|
.pf-m-tree-view-grid.pf-v5-c-table {
|
105
|
-
--pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-
|
106
|
-
--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop: var(--pf-
|
107
|
-
--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom: var(--pf-
|
107
|
+
--pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
|
108
|
+
--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop: var(--pf-t--global--spacer--md);
|
109
|
+
--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom: var(--pf-t--global--spacer--md);
|
108
110
|
--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: var(--pf-v5-c-table__tree-view-main--indent--base);
|
109
|
-
--pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-
|
110
|
-
--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(--pf-
|
111
|
-
--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-
|
111
|
+
--pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-t--global--spacer--sm);
|
112
|
+
--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(--pf-t--global--spacer--md);
|
113
|
+
--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-t--global--spacer--md);
|
112
114
|
--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingLeft: 0;
|
113
|
-
--pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-
|
114
|
-
--pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-
|
115
|
-
--pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(--pf-
|
115
|
+
--pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-t--global--spacer--xl);
|
116
|
+
--pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-t--global--spacer--xl);
|
117
|
+
--pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(--pf-t--global--spacer--xl);
|
116
118
|
--pf-v5-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));
|
117
|
-
--pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-
|
118
|
-
--pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-
|
119
|
+
--pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-t--global--spacer--xs);
|
120
|
+
--pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-t--global--spacer--xs);
|
119
121
|
--pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight: 0;
|
120
122
|
--pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order: 4;
|
121
|
-
--pf-v5-c-table__tree-view-text--PaddingRight: var(--pf-
|
123
|
+
--pf-v5-c-table__tree-view-text--PaddingRight: var(--pf-t--global--spacer--sm);
|
122
124
|
--pf-v5-c-table__tbody--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop);
|
123
125
|
--pf-v5-c-table__tbody--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom);
|
124
126
|
--pf-v5-c-table__tree-view-details-toggle--MarginTop: calc(0.375rem * -1);
|
@@ -174,7 +176,7 @@
|
|
174
176
|
grid-column: 2;
|
175
177
|
}
|
176
178
|
.pf-m-tree-view-grid.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label]::before {
|
177
|
-
font-weight: var(--pf-
|
179
|
+
font-weight: var(--pf-t--global--FontWeight--bold);
|
178
180
|
text-align: start;
|
179
181
|
content: attr(data-label);
|
180
182
|
}
|
@@ -242,23 +244,23 @@
|
|
242
244
|
|
243
245
|
@media screen and (max-width: 768px) {
|
244
246
|
.pf-m-tree-view-grid-md.pf-v5-c-table {
|
245
|
-
--pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-
|
246
|
-
--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop: var(--pf-
|
247
|
-
--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom: var(--pf-
|
247
|
+
--pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
|
248
|
+
--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop: var(--pf-t--global--spacer--md);
|
249
|
+
--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom: var(--pf-t--global--spacer--md);
|
248
250
|
--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: var(--pf-v5-c-table__tree-view-main--indent--base);
|
249
|
-
--pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-
|
250
|
-
--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(--pf-
|
251
|
-
--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-
|
251
|
+
--pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-t--global--spacer--sm);
|
252
|
+
--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(--pf-t--global--spacer--md);
|
253
|
+
--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-t--global--spacer--md);
|
252
254
|
--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingLeft: 0;
|
253
|
-
--pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-
|
254
|
-
--pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-
|
255
|
-
--pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(--pf-
|
255
|
+
--pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-t--global--spacer--xl);
|
256
|
+
--pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-t--global--spacer--xl);
|
257
|
+
--pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(--pf-t--global--spacer--xl);
|
256
258
|
--pf-v5-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));
|
257
|
-
--pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-
|
258
|
-
--pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-
|
259
|
+
--pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-t--global--spacer--xs);
|
260
|
+
--pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-t--global--spacer--xs);
|
259
261
|
--pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight: 0;
|
260
262
|
--pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order: 4;
|
261
|
-
--pf-v5-c-table__tree-view-text--PaddingRight: var(--pf-
|
263
|
+
--pf-v5-c-table__tree-view-text--PaddingRight: var(--pf-t--global--spacer--sm);
|
262
264
|
--pf-v5-c-table__tbody--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop);
|
263
265
|
--pf-v5-c-table__tbody--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom);
|
264
266
|
--pf-v5-c-table__tree-view-details-toggle--MarginTop: calc(0.375rem * -1);
|
@@ -314,7 +316,7 @@
|
|
314
316
|
grid-column: 2;
|
315
317
|
}
|
316
318
|
.pf-m-tree-view-grid-md.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label]::before {
|
317
|
-
font-weight: var(--pf-
|
319
|
+
font-weight: var(--pf-t--global--FontWeight--bold);
|
318
320
|
text-align: start;
|
319
321
|
content: attr(data-label);
|
320
322
|
}
|
@@ -383,23 +385,23 @@
|
|
383
385
|
|
384
386
|
@media screen and (max-width: 992px) {
|
385
387
|
.pf-m-tree-view-grid-lg.pf-v5-c-table {
|
386
|
-
--pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-
|
387
|
-
--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop: var(--pf-
|
388
|
-
--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom: var(--pf-
|
388
|
+
--pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
|
389
|
+
--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop: var(--pf-t--global--spacer--md);
|
390
|
+
--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom: var(--pf-t--global--spacer--md);
|
389
391
|
--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: var(--pf-v5-c-table__tree-view-main--indent--base);
|
390
|
-
--pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-
|
391
|
-
--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(--pf-
|
392
|
-
--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-
|
392
|
+
--pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-t--global--spacer--sm);
|
393
|
+
--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(--pf-t--global--spacer--md);
|
394
|
+
--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-t--global--spacer--md);
|
393
395
|
--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingLeft: 0;
|
394
|
-
--pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-
|
395
|
-
--pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-
|
396
|
-
--pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(--pf-
|
396
|
+
--pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-t--global--spacer--xl);
|
397
|
+
--pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-t--global--spacer--xl);
|
398
|
+
--pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(--pf-t--global--spacer--xl);
|
397
399
|
--pf-v5-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));
|
398
|
-
--pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-
|
399
|
-
--pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-
|
400
|
+
--pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-t--global--spacer--xs);
|
401
|
+
--pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-t--global--spacer--xs);
|
400
402
|
--pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight: 0;
|
401
403
|
--pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order: 4;
|
402
|
-
--pf-v5-c-table__tree-view-text--PaddingRight: var(--pf-
|
404
|
+
--pf-v5-c-table__tree-view-text--PaddingRight: var(--pf-t--global--spacer--sm);
|
403
405
|
--pf-v5-c-table__tbody--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop);
|
404
406
|
--pf-v5-c-table__tbody--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom);
|
405
407
|
--pf-v5-c-table__tree-view-details-toggle--MarginTop: calc(0.375rem * -1);
|
@@ -455,7 +457,7 @@
|
|
455
457
|
grid-column: 2;
|
456
458
|
}
|
457
459
|
.pf-m-tree-view-grid-lg.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label]::before {
|
458
|
-
font-weight: var(--pf-
|
460
|
+
font-weight: var(--pf-t--global--FontWeight--bold);
|
459
461
|
text-align: start;
|
460
462
|
content: attr(data-label);
|
461
463
|
}
|
@@ -524,23 +526,23 @@
|
|
524
526
|
|
525
527
|
@media screen and (max-width: 1200px) {
|
526
528
|
.pf-m-tree-view-grid-xl.pf-v5-c-table {
|
527
|
-
--pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-
|
528
|
-
--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop: var(--pf-
|
529
|
-
--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom: var(--pf-
|
529
|
+
--pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
|
530
|
+
--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop: var(--pf-t--global--spacer--md);
|
531
|
+
--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom: var(--pf-t--global--spacer--md);
|
530
532
|
--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: var(--pf-v5-c-table__tree-view-main--indent--base);
|
531
|
-
--pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-
|
532
|
-
--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(--pf-
|
533
|
-
--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-
|
533
|
+
--pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-t--global--spacer--sm);
|
534
|
+
--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(--pf-t--global--spacer--md);
|
535
|
+
--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-t--global--spacer--md);
|
534
536
|
--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingLeft: 0;
|
535
|
-
--pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-
|
536
|
-
--pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-
|
537
|
-
--pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(--pf-
|
537
|
+
--pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-t--global--spacer--xl);
|
538
|
+
--pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-t--global--spacer--xl);
|
539
|
+
--pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(--pf-t--global--spacer--xl);
|
538
540
|
--pf-v5-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));
|
539
|
-
--pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-
|
540
|
-
--pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-
|
541
|
+
--pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-t--global--spacer--xs);
|
542
|
+
--pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-t--global--spacer--xs);
|
541
543
|
--pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight: 0;
|
542
544
|
--pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order: 4;
|
543
|
-
--pf-v5-c-table__tree-view-text--PaddingRight: var(--pf-
|
545
|
+
--pf-v5-c-table__tree-view-text--PaddingRight: var(--pf-t--global--spacer--sm);
|
544
546
|
--pf-v5-c-table__tbody--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop);
|
545
547
|
--pf-v5-c-table__tbody--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom);
|
546
548
|
--pf-v5-c-table__tree-view-details-toggle--MarginTop: calc(0.375rem * -1);
|
@@ -596,7 +598,7 @@
|
|
596
598
|
grid-column: 2;
|
597
599
|
}
|
598
600
|
.pf-m-tree-view-grid-xl.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label]::before {
|
599
|
-
font-weight: var(--pf-
|
601
|
+
font-weight: var(--pf-t--global--FontWeight--bold);
|
600
602
|
text-align: start;
|
601
603
|
content: attr(data-label);
|
602
604
|
}
|
@@ -665,23 +667,23 @@
|
|
665
667
|
|
666
668
|
@media screen and (max-width: 1450px) {
|
667
669
|
.pf-m-tree-view-grid-2xl.pf-v5-c-table {
|
668
|
-
--pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-
|
669
|
-
--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop: var(--pf-
|
670
|
-
--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom: var(--pf-
|
670
|
+
--pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
|
671
|
+
--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop: var(--pf-t--global--spacer--md);
|
672
|
+
--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom: var(--pf-t--global--spacer--md);
|
671
673
|
--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: var(--pf-v5-c-table__tree-view-main--indent--base);
|
672
|
-
--pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-
|
673
|
-
--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(--pf-
|
674
|
-
--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-
|
674
|
+
--pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-t--global--spacer--sm);
|
675
|
+
--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(--pf-t--global--spacer--md);
|
676
|
+
--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-t--global--spacer--md);
|
675
677
|
--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingLeft: 0;
|
676
|
-
--pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-
|
677
|
-
--pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-
|
678
|
-
--pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(--pf-
|
678
|
+
--pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-t--global--spacer--xl);
|
679
|
+
--pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-t--global--spacer--xl);
|
680
|
+
--pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(--pf-t--global--spacer--xl);
|
679
681
|
--pf-v5-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));
|
680
|
-
--pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-
|
681
|
-
--pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-
|
682
|
+
--pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-t--global--spacer--xs);
|
683
|
+
--pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-t--global--spacer--xs);
|
682
684
|
--pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight: 0;
|
683
685
|
--pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order: 4;
|
684
|
-
--pf-v5-c-table__tree-view-text--PaddingRight: var(--pf-
|
686
|
+
--pf-v5-c-table__tree-view-text--PaddingRight: var(--pf-t--global--spacer--sm);
|
685
687
|
--pf-v5-c-table__tbody--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop);
|
686
688
|
--pf-v5-c-table__tbody--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom);
|
687
689
|
--pf-v5-c-table__tree-view-details-toggle--MarginTop: calc(0.375rem * -1);
|
@@ -737,7 +739,7 @@
|
|
737
739
|
grid-column: 2;
|
738
740
|
}
|
739
741
|
.pf-m-tree-view-grid-2xl.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label]::before {
|
740
|
-
font-weight: var(--pf-
|
742
|
+
font-weight: var(--pf-t--global--FontWeight--bold);
|
741
743
|
text-align: start;
|
742
744
|
content: attr(data-label);
|
743
745
|
}
|
@@ -65,18 +65,16 @@
|
|
65
65
|
--pf-v5-c-table--border-width--base: var(--pf-t--global--border--width--divider--default);
|
66
66
|
--pf-v5-c-table__caption--FontSize: var(--pf-t--global--font--size--body--default);
|
67
67
|
--pf-v5-c-table__caption--Color: var(--pf-t--global--text--color--subtle);
|
68
|
-
--pf-v5-c-table__caption--PaddingTop: var(--pf-
|
69
|
-
--pf-v5-c-table__caption--PaddingRight: var(--pf-
|
70
|
-
--pf-v5-c-table__caption--PaddingBottom: var(--pf-
|
71
|
-
--pf-v5-c-table__caption--PaddingLeft: var(--pf-
|
72
|
-
--pf-v5-c-table__caption--xl--PaddingRight: var(--pf-v5-global--spacer--md);
|
73
|
-
--pf-v5-c-table__caption--xl--PaddingLeft: var(--pf-v5-global--spacer--md);
|
68
|
+
--pf-v5-c-table__caption--PaddingTop: var(--pf-t--global--spacer--md);
|
69
|
+
--pf-v5-c-table__caption--PaddingRight: var(--pf-t--global--spacer--lg);
|
70
|
+
--pf-v5-c-table__caption--PaddingBottom: var(--pf-t--global--spacer--md);
|
71
|
+
--pf-v5-c-table__caption--PaddingLeft: var(--pf-t--global--spacer--lg);
|
74
72
|
--pf-v5-c-table__thead--cell--FontSize: var(--pf-t--global--font--size--body--default);
|
75
73
|
--pf-v5-c-table__thead--cell--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
76
74
|
--pf-v5-c-table__tbody--cell--PaddingTop: var(--pf-t--global--spacer--md);
|
77
75
|
--pf-v5-c-table__tbody--cell--PaddingBottom: var(--pf-t--global--spacer--md);
|
78
76
|
--pf-v5-c-table__tr--BoxShadow--top--base: 0 -0.1875rem 0.25rem -0.125rem rgba(3,3,3,.08);
|
79
|
-
--pf-v5-c-table--cell--Padding--base: var(--pf-
|
77
|
+
--pf-v5-c-table--cell--Padding--base: var(--pf-t--global--spacer--md);
|
80
78
|
--pf-v5-c-table--cell--FontSize: var(--pf-t--global--font--size--body--default);
|
81
79
|
--pf-v5-c-table--cell--FontWeight: var(--pf-t--global--font--weight--body);
|
82
80
|
--pf-v5-c-table--cell--Color: var(--pf-t--global--text--color--regular);
|
@@ -84,10 +82,8 @@
|
|
84
82
|
--pf-v5-c-table--cell--PaddingRight: var(--pf-v5-c-table--cell--Padding--base);
|
85
83
|
--pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--cell--Padding--base);
|
86
84
|
--pf-v5-c-table--cell--PaddingLeft: var(--pf-v5-c-table--cell--Padding--base);
|
87
|
-
--pf-v5-c-table--cell--first-last-child--PaddingLeft: var(--pf-
|
88
|
-
--pf-v5-c-table--cell--first-last-child--PaddingRight: var(--pf-
|
89
|
-
--pf-v5-c-table--cell--first-last-child--xl--PaddingLeft: var(--pf-v5-global--spacer--lg);
|
90
|
-
--pf-v5-c-table--cell--first-last-child--xl--PaddingRight: var(--pf-v5-global--spacer--lg);
|
85
|
+
--pf-v5-c-table--cell--first-last-child--PaddingLeft: var(--pf-t--global--spacer--md);
|
86
|
+
--pf-v5-c-table--cell--first-last-child--PaddingRight: var(--pf-t--global--spacer--md);
|
91
87
|
--pf-v5-c-table__tr--m-first-cell-offset-reset--cell--PaddingLeft: var(--pf-v5-c-table--cell--Padding--base);
|
92
88
|
--pf-v5-c-table--cell--MinWidth: 0;
|
93
89
|
--pf-v5-c-table--cell--MaxWidth: none;
|
@@ -104,8 +100,8 @@
|
|
104
100
|
--pf-v5-c-table--m-truncate--cell--MaxWidth: 1px;
|
105
101
|
--pf-v5-c-table--m-truncate--cell--MinWidth: calc(5ch + var(--pf-v5-c-table--cell--PaddingRight) + var(--pf-v5-c-table--cell--PaddingLeft));
|
106
102
|
--pf-v5-c-table--cell--hidden-visible--Display: table-cell;
|
107
|
-
--pf-v5-c-table__toggle--c-button--MarginTop: calc(
|
108
|
-
--pf-v5-c-table__toggle--c-button--MarginBottom: calc(
|
103
|
+
--pf-v5-c-table__toggle--c-button--MarginTop: calc(var(--pf-v5-c-button--PaddingTop) * -1);
|
104
|
+
--pf-v5-c-table__toggle--c-button--MarginBottom: calc(var(--pf-v5-c-button--PaddingTop) * -1);
|
109
105
|
--pf-v5-c-table__toggle--c-button__toggle-icon--Rotate: 270deg;
|
110
106
|
--pf-v5-c-table__toggle--c-button__toggle-icon--Transition: .2s ease-in 0s;
|
111
107
|
--pf-v5-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate: 360deg;
|
@@ -114,7 +110,7 @@
|
|
114
110
|
--pf-v5-c-table__button--hover--Color: var(--pf-t--global--text--color--regular);
|
115
111
|
--pf-v5-c-table__button--focus--Color: var(--pf-t--global--text--color--regular);
|
116
112
|
--pf-v5-c-table__button--active--Color: var(--pf-t--global--text--color--regular);
|
117
|
-
--pf-v5-c-table__button--OutlineOffset: calc(var(--pf-
|
113
|
+
--pf-v5-c-table__button--OutlineOffset: calc(var(--pf-t--global--border--width--strong) * -1);
|
118
114
|
--pf-v5-c-table--m-compact__toggle--PaddingTop: 0;
|
119
115
|
--pf-v5-c-table--m-compact__toggle--PaddingBottom: 0;
|
120
116
|
--pf-v5-c-table__check--input--MarginTop: 0.1875rem;
|
@@ -123,19 +119,19 @@
|
|
123
119
|
--pf-v5-c-table--cell--m-favorite--Color: var(--pf-t--global--text--color--subtle);
|
124
120
|
--pf-v5-c-table__favorite--c-button--Color: var(--pf-t--global--text--color--subtle);
|
125
121
|
--pf-v5-c-table__favorite--c-button--FontSize: var(--pf-t--global--font--size--body--default);
|
126
|
-
--pf-v5-c-table__favorite--c-button--MarginTop: calc(var(--pf-v5-
|
127
|
-
--pf-v5-c-table__favorite--c-button--MarginRight: calc(var(--pf-v5-
|
128
|
-
--pf-v5-c-table__favorite--c-button--MarginBottom: calc(var(--pf-v5-
|
129
|
-
--pf-v5-c-table__favorite--c-button--MarginLeft: calc(var(--pf-v5-
|
130
|
-
--pf-v5-c-table__favorite--m-favorited--c-button--Color: var(--pf-
|
122
|
+
--pf-v5-c-table__favorite--c-button--MarginTop: calc(var(--pf-v5-c-button--PaddingTop) * -1);
|
123
|
+
--pf-v5-c-table__favorite--c-button--MarginRight: calc(var(--pf-v5-c-button--PaddingRight) * -1);
|
124
|
+
--pf-v5-c-table__favorite--c-button--MarginBottom: calc(var(--pf-v5-c-button--PaddingBottom) * -1);
|
125
|
+
--pf-v5-c-table__favorite--c-button--MarginLeft: calc(var(--pf-v5-c-button--PaddingLeft) * -1);
|
126
|
+
--pf-v5-c-table__favorite--m-favorited--c-button--Color: var(--pf-t--global--color--favorite--clicked);
|
131
127
|
--pf-v5-c-table__sort--m-favorite__button__text--Color: var(--pf-t--global--text--color--subtle);
|
132
128
|
--pf-v5-c-table__sort--m-favorite__button--hover__text--Color: var(--pf-t--global--text--color--regular);
|
133
129
|
--pf-v5-c-table__sort--m-favorite__button--focus__text--Color: var(--pf-t--global--text--color--regular);
|
134
130
|
--pf-v5-c-table__sort--m-favorite__button--active__text--Color: var(--pf-t--global--text--color--regular);
|
135
|
-
--pf-v5-c-table__draggable--c-button--MarginTop: calc(var(--pf-v5-
|
136
|
-
--pf-v5-c-table__draggable--c-button--MarginRight: calc(var(--pf-v5-
|
137
|
-
--pf-v5-c-table__draggable--c-button--MarginBottom: calc(var(--pf-v5-
|
138
|
-
--pf-v5-c-table__draggable--c-button--MarginLeft: calc(var(--pf-v5-
|
131
|
+
--pf-v5-c-table__draggable--c-button--MarginTop: calc(var(--pf-v5-c-button--PaddingTop) * -1);
|
132
|
+
--pf-v5-c-table__draggable--c-button--MarginRight: calc(var(--pf-v5-c-button--PaddingRight) * -1);
|
133
|
+
--pf-v5-c-table__draggable--c-button--MarginBottom: calc(var(--pf-v5-c-button--PaddingBottom) * -1);
|
134
|
+
--pf-v5-c-table__draggable--c-button--MarginLeft: calc(var(--pf-v5-c-button--PaddingLeft) * -1);
|
139
135
|
--pf-v5-c-table__tr--m-ghost-row--Opacity: .4;
|
140
136
|
--pf-v5-c-table__tr--m-ghost-row--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
141
137
|
--pf-v5-c-table__action--PaddingTop: 0;
|
@@ -149,19 +145,19 @@
|
|
149
145
|
--pf-v5-c-table__expandable-row--Transition: var(--pf-v5-global--Transition);
|
150
146
|
--pf-v5-c-table__expandable-row--MaxHeight: 28.125rem;
|
151
147
|
--pf-v5-c-table__expandable-row-content--Transition: var(--pf-v5-global--Transition);
|
152
|
-
--pf-v5-c-table__expandable-row-content--PaddingTop: var(--pf-
|
153
|
-
--pf-v5-c-table__expandable-row-content--PaddingBottom: var(--pf-
|
148
|
+
--pf-v5-c-table__expandable-row-content--PaddingTop: var(--pf-t--global--spacer--lg);
|
149
|
+
--pf-v5-c-table__expandable-row-content--PaddingBottom: var(--pf-t--global--spacer--lg);
|
154
150
|
--pf-v5-c-table__expandable-row--after--Top: calc(var(--pf-v5-c-table--border-width--base) * -1);
|
155
151
|
--pf-v5-c-table__expandable-row--after--Bottom: calc(var(--pf-v5-c-table--border-width--base) * -1);
|
156
|
-
--pf-v5-c-table__expandable-row--after--border-width--base: var(--pf-
|
152
|
+
--pf-v5-c-table__expandable-row--after--border-width--base: var(--pf-t--global--border--width--strong);
|
157
153
|
--pf-v5-c-table__expandable-row--after--BorderLeftWidth: 0;
|
158
154
|
--pf-v5-c-table__expandable-row--after--BorderColor: var(--pf-t--global--border--color--active);
|
159
|
-
--pf-v5-c-table__icon-inline--MarginRight: var(--pf-
|
155
|
+
--pf-v5-c-table__icon-inline--MarginRight: var(--pf-t--global--spacer--sm);
|
160
156
|
--pf-v5-c-table__sort--MinWidth: calc(6ch + var(--pf-v5-c-table--cell--PaddingRight) + var(--pf-v5-c-table--cell--PaddingLeft) + var(--pf-v5-c-table__sort-indicator--MarginLeft));
|
161
|
-
--pf-v5-c-table__sort__button--PaddingTop: var(--pf-
|
162
|
-
--pf-v5-c-table__sort__button--PaddingRight: var(--pf-
|
163
|
-
--pf-v5-c-table__sort__button--PaddingBottom: var(--pf-
|
164
|
-
--pf-v5-c-table__sort__button--PaddingLeft: var(--pf-
|
157
|
+
--pf-v5-c-table__sort__button--PaddingTop: var(--pf-t--global--spacer--control--vertical);
|
158
|
+
--pf-v5-c-table__sort__button--PaddingRight: var(--pf-t--global--spacer--sm);
|
159
|
+
--pf-v5-c-table__sort__button--PaddingBottom: var(--pf-t--global--spacer--control--vertical);
|
160
|
+
--pf-v5-c-table__sort__button--PaddingLeft: var(--pf-t--global--spacer--sm);
|
165
161
|
--pf-v5-c-table__sort__button--MarginTop: calc(var(--pf-v5-c-table__sort__button--PaddingTop) * -1);
|
166
162
|
--pf-v5-c-table__sort__button--MarginBottom: calc(var(--pf-v5-c-table__sort__button--PaddingBottom) * -1);
|
167
163
|
--pf-v5-c-table__sort__button--MarginLeft: calc(var(--pf-v5-c-table__sort__button--PaddingLeft) * -1);
|
@@ -173,18 +169,18 @@
|
|
173
169
|
--pf-v5-c-table__sort__button--focus__text--Color: currentcolor;
|
174
170
|
--pf-v5-c-table__sort__button--active__text--Color: currentcolor;
|
175
171
|
--pf-v5-c-table__sort-indicator--Color: var(--pf-t--global--icon--color--subtle);
|
176
|
-
--pf-v5-c-table__sort-indicator--MarginLeft: var(--pf-
|
172
|
+
--pf-v5-c-table__sort-indicator--MarginLeft: var(--pf-t--global--spacer--md);
|
177
173
|
--pf-v5-c-table__sort--m-selected__sort-indicator--Color: var(--pf-t--global--border--color--active);
|
178
174
|
--pf-v5-c-table__sort__button--hover__sort-indicator--Color: var(--pf-t--global--text--color--regular);
|
179
175
|
--pf-v5-c-table__sort__button--active__sort-indicator--Color: var(--pf-t--global--text--color--regular);
|
180
176
|
--pf-v5-c-table__sort__button--focus__sort-indicator--Color: var(--pf-t--global--text--color--regular);
|
181
177
|
--pf-v5-c-table__th--m-help--MinWidth: 11ch;
|
182
|
-
--pf-v5-c-table__column-help--MarginLeft: var(--pf-
|
178
|
+
--pf-v5-c-table__column-help--MarginLeft: var(--pf-t--global--spacer--xs);
|
183
179
|
--pf-v5-c-table__column-help--TranslateY: 0.125rem;
|
184
|
-
--pf-v5-c-table__column-help--c-button--MarginTop: calc(var(--pf-v5-
|
185
|
-
--pf-v5-c-table__column-help--c-button--MarginBottom: calc(var(--pf-v5-
|
186
|
-
--pf-v5-c-table__column-help--c-button--PaddingRight: var(--pf-
|
187
|
-
--pf-v5-c-table__column-help--c-button--PaddingLeft: var(--pf-
|
180
|
+
--pf-v5-c-table__column-help--c-button--MarginTop: calc(var(--pf-v5-c-button--PaddingTop) * -1);
|
181
|
+
--pf-v5-c-table__column-help--c-button--MarginBottom: calc(var(--pf-v5-c-button--PaddingBottom) * -1);
|
182
|
+
--pf-v5-c-table__column-help--c-button--PaddingRight: var(--pf-t--global--spacer--sm);
|
183
|
+
--pf-v5-c-table__column-help--c-button--PaddingLeft: var(--pf-t--global--spacer--sm);
|
188
184
|
--pf-v5-c-table__compound-expansion-toggle__button--Color: var(--pf-t--global--icon--color--brand--default);
|
189
185
|
--pf-v5-c-table__compound-expansion-toggle__button--hover--Color: var(--pf-t--global--icon--color--brand--hover);
|
190
186
|
--pf-v5-c-table__compound-expansion-toggle__button--focus--Color: var(--pf-t--global--icon--color--brand--hover);
|
@@ -195,33 +191,31 @@
|
|
195
191
|
--pf-v5-c-table__compound-expansion-toggle__button--before--BorderLeftWidth: 0;
|
196
192
|
--pf-v5-c-table__compound-expansion-toggle__button--before--Bottom: calc(var(--pf-v5-c-table__compound-expansion-toggle__button--before--border-width--base) * -1);
|
197
193
|
--pf-v5-c-table__compound-expansion-toggle__button--before--Left: calc(var(--pf-v5-c-table__compound-expansion-toggle__button--before--border-width--base) * -1);
|
198
|
-
--pf-v5-c-table__compound-expansion-toggle__button--after--border-width--base: var(--pf-
|
194
|
+
--pf-v5-c-table__compound-expansion-toggle__button--after--border-width--base: var(--pf-t--global--border--width--strong);
|
199
195
|
--pf-v5-c-table__compound-expansion-toggle__button--after--BorderColor: var(--pf-t--global--border--color--active);
|
200
196
|
--pf-v5-c-table__compound-expansion-toggle__button--after--BorderTopWidth: 0;
|
201
197
|
--pf-v5-c-table__compound-expansion-toggle__button--after--Top: calc(var(--pf-v5-c-table__compound-expansion-toggle__button--before--border-width--base) * -1);
|
202
198
|
--pf-v5-c-table__compound-expansion-toggle__button--after--Left: calc(var(--pf-v5-c-table__compound-expansion-toggle__button--before--border-width--base) * -1);
|
203
|
-
--pf-v5-c-table--m-compact__th--PaddingTop: calc(var(--pf-
|
204
|
-
--pf-v5-c-table--m-compact__th--PaddingBottom: var(--pf-
|
205
|
-
--pf-v5-c-table--m-compact--cell--PaddingTop: var(--pf-
|
206
|
-
--pf-v5-c-table--m-compact--cell--PaddingRight: var(--pf-
|
207
|
-
--pf-v5-c-table--m-compact--cell--PaddingBottom: var(--pf-
|
208
|
-
--pf-v5-c-table--m-compact--cell--PaddingLeft: var(--pf-
|
209
|
-
--pf-v5-c-table--m-compact--cell--first-last-child--PaddingLeft: var(--pf-
|
210
|
-
--pf-v5-c-table--m-compact--cell--first-last-child--PaddingRight: var(--pf-
|
211
|
-
--pf-v5-c-table--m-compact--cell--first-last-child--xl--PaddingLeft: var(--pf-v5-global--spacer--lg);
|
212
|
-
--pf-v5-c-table--m-compact--cell--first-last-child--xl--PaddingRight: var(--pf-v5-global--spacer--lg);
|
199
|
+
--pf-v5-c-table--m-compact__th--PaddingTop: calc(var(--pf-t--global--spacer--sm) + var(--pf-t--global--spacer--xs));
|
200
|
+
--pf-v5-c-table--m-compact__th--PaddingBottom: var(--pf-t--global--spacer--sm);
|
201
|
+
--pf-v5-c-table--m-compact--cell--PaddingTop: var(--pf-t--global--spacer--sm);
|
202
|
+
--pf-v5-c-table--m-compact--cell--PaddingRight: var(--pf-t--global--spacer--sm);
|
203
|
+
--pf-v5-c-table--m-compact--cell--PaddingBottom: var(--pf-t--global--spacer--sm);
|
204
|
+
--pf-v5-c-table--m-compact--cell--PaddingLeft: var(--pf-t--global--spacer--sm);
|
205
|
+
--pf-v5-c-table--m-compact--cell--first-last-child--PaddingLeft: var(--pf-t--global--spacer--md);
|
206
|
+
--pf-v5-c-table--m-compact--cell--first-last-child--PaddingRight: var(--pf-t--global--spacer--md);
|
213
207
|
--pf-v5-c-table--m-compact--FontSize: var(--pf-t--global--font--size--body--default);
|
214
|
-
--pf-v5-c-table--m-compact__expandable-row-content--PaddingTop: var(--pf-
|
215
|
-
--pf-v5-c-table--m-compact__expandable-row-content--PaddingRight: var(--pf-
|
216
|
-
--pf-v5-c-table--m-compact__expandable-row-content--PaddingBottom: var(--pf-
|
217
|
-
--pf-v5-c-table--m-compact__expandable-row-content--PaddingLeft: var(--pf-
|
208
|
+
--pf-v5-c-table--m-compact__expandable-row-content--PaddingTop: var(--pf-t--global--spacer--lg);
|
209
|
+
--pf-v5-c-table--m-compact__expandable-row-content--PaddingRight: var(--pf-t--global--spacer--lg);
|
210
|
+
--pf-v5-c-table--m-compact__expandable-row-content--PaddingBottom: var(--pf-t--global--spacer--lg);
|
211
|
+
--pf-v5-c-table--m-compact__expandable-row-content--PaddingLeft: var(--pf-t--global--spacer--lg);
|
218
212
|
--pf-v5-c-table--nested--first-last-child--PaddingRight: var(--pf-v5-c-table--m-compact--cell--first-last-child--PaddingLeft);
|
219
213
|
--pf-v5-c-table--nested--first-last-child--PaddingLeft: var(--pf-v5-c-table--m-compact--cell--first-last-child--PaddingRight);
|
220
214
|
--pf-v5-c-table__expandable-row--m-expanded--BorderBottomColor: var(--pf-t--global--border--color--default);
|
221
215
|
--pf-v5-c-table__tr--m-clickable--BoxShadow--top: var(--pf-v5-c-table__tr--BoxShadow--top--base);
|
222
216
|
--pf-v5-c-table__tr--m-clickable--BackgroundColor: transparent;
|
223
217
|
--pf-v5-c-table__tr--m-clickable--BoxShadow: none;
|
224
|
-
--pf-v5-c-table__tr--m-clickable--OutlineOffset: calc(-1 * var(--pf-
|
218
|
+
--pf-v5-c-table__tr--m-clickable--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
|
225
219
|
--pf-v5-c-table__tr--m-clickable--hover--BoxShadow: var(--pf-v5-c-table__tr--m-clickable--BoxShadow--top), var(--pf-t--global--box-shadow--sm--bottom);
|
226
220
|
--pf-v5-c-table__tr--m-clickable--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
|
227
221
|
--pf-v5-c-table__tr--m-clickable--focus--BoxShadow: var(--pf-v5-c-table__tr--m-clickable--BoxShadow--top), var(--pf-t--global--box-shadow--sm--bottom);
|
@@ -234,14 +228,14 @@
|
|
234
228
|
--pf-v5-c-table__tr--m-selected--BoxShadow: var(--pf-v5-c-table__tr--m-selected--BoxShadow--top), var(--pf-t--global--box-shadow--sm--bottom);
|
235
229
|
--pf-v5-c-table__tr--m-selected--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
|
236
230
|
--pf-v5-c-table__tr--m-selected--after--BorderLeftWidth: calc(2 * var(--pf-v5-c-table__expandable-row--after--border-width--base));
|
237
|
-
--pf-v5-c-table__tr--m-selected--after--BorderLeftColor: var(--pf-
|
231
|
+
--pf-v5-c-table__tr--m-selected--after--BorderLeftColor: var(--pf-t--global--color--brand--default);
|
238
232
|
--pf-v5-c-table__tr--m-selected--m-selected--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
|
239
233
|
--pf-v5-c-table__tr--m-selected--hover__tr--m-selected--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom) inset, var(--pf-t--global--box-shadow--sm--bottom);
|
240
234
|
--pf-v5-c-table__tr--m-selected__tr--m-selected--hover--BoxShadow: var(--pf-v5-c-table__tr--m-selected--BoxShadow--top), var(--pf-t--global--box-shadow--sm--bottom);
|
241
235
|
--pf-v5-c-table__tbody--m-clickable--BoxShadow--top: var(--pf-v5-c-table__tr--BoxShadow--top--base);
|
242
236
|
--pf-v5-c-table__tbody--m-clickable--BoxShadow: none;
|
243
237
|
--pf-v5-c-table__tbody--m-clickable--BackgroundColor: transparent;
|
244
|
-
--pf-v5-c-table__tbody--m-clickable--OutlineOffset: calc(-1 * var(--pf-
|
238
|
+
--pf-v5-c-table__tbody--m-clickable--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
|
245
239
|
--pf-v5-c-table__tbody--m-clickable--hover--BoxShadow: var(--pf-v5-c-table__tbody--m-clickable--BoxShadow--top), var(--pf-t--global--box-shadow--sm--bottom);
|
246
240
|
--pf-v5-c-table__tbody--m-clickable--hover--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
247
241
|
--pf-v5-c-table__tbody--m-clickable--focus--BoxShadow: var(--pf-v5-c-table__tbody--m-clickable--BoxShadow--top), var(--pf-t--global--box-shadow--sm--bottom);
|
@@ -253,36 +247,22 @@
|
|
253
247
|
--pf-v5-c-table__tbody--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
254
248
|
--pf-v5-c-table__tbody--m-selected--BoxShadow--top: var(--pf-v5-c-table__tr--BoxShadow--top--base);
|
255
249
|
--pf-v5-c-table__tbody--m-selected--BoxShadow: var(--pf-v5-c-table__tbody--m-selected--BoxShadow--top), var(--pf-t--global--box-shadow--sm--bottom);
|
256
|
-
--pf-v5-c-table__tbody--m-selected--OutlineOffset: calc(-1 * var(--pf-
|
250
|
+
--pf-v5-c-table__tbody--m-selected--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
|
257
251
|
--pf-v5-c-table__tbody--m-selected--after--BorderLeftWidth: calc(2 * var(--pf-v5-c-table__expandable-row--after--border-width--base));
|
258
252
|
--pf-v5-c-table__tbody--m-selected--after--BorderLeftColor: var(--pf-t--global--border--color--active);
|
259
253
|
--pf-v5-c-table__tbody--m-selected--m-selected--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
|
260
254
|
--pf-v5-c-table__tbody--m-selected--hover__tbody--m-selected--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom) inset, var(--pf-t--global--box-shadow--sm--bottom);
|
261
255
|
--pf-v5-c-table__tbody--m-selected__tbody--m-selected--hover--BoxShadow: var(--pf-v5-c-table__tr--m-selected--BoxShadow--top), var(--pf-t--global--box-shadow--sm--bottom);
|
262
256
|
--pf-v5-c-table__thead--m-nested-column-header--button--OutlineOffset: -0.1875rem;
|
263
|
-
--pf-v5-c-table__thead--m-nested-column-header__tr--PaddingTop: var(--pf-
|
264
|
-
--pf-v5-c-table__thead--m-nested-column-header__tr--PaddingBottom: var(--pf-
|
257
|
+
--pf-v5-c-table__thead--m-nested-column-header__tr--PaddingTop: var(--pf-t--global--spacer--xs);
|
258
|
+
--pf-v5-c-table__thead--m-nested-column-header__tr--PaddingBottom: var(--pf-t--global--spacer--xs);
|
265
259
|
--pf-v5-c-table__subhead--Color: var(--pf-t--global--text--color--subtle);
|
266
260
|
--pf-v5-c-table--m-striped__tr--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
267
|
-
--pf-v5-c-table--m-sticky-header--cell--ZIndex: var(--pf-
|
261
|
+
--pf-v5-c-table--m-sticky-header--cell--ZIndex: var(--pf-t--global--Zindex--xs);
|
268
262
|
color: var(--pf-v5-global--Color--100);
|
269
263
|
width: 100%;
|
270
264
|
background-color: var(--pf-v5-c-table--BackgroundColor);
|
271
265
|
}
|
272
|
-
@media screen and (max-width: 1200px) {
|
273
|
-
.pf-v5-c-table {
|
274
|
-
--pf-v5-c-table__caption--PaddingRight: var(--pf-v5-c-table__caption--xl--PaddingRight);
|
275
|
-
--pf-v5-c-table__caption--PaddingLeft: var(--pf-v5-c-table__caption--xl--PaddingLeft);
|
276
|
-
}
|
277
|
-
}
|
278
|
-
@media screen and (min-width: 1200px) {
|
279
|
-
.pf-v5-c-table {
|
280
|
-
--pf-v5-c-table--cell--first-last-child--PaddingRight: var(--pf-v5-c-table--cell--first-last-child--xl--PaddingRight);
|
281
|
-
--pf-v5-c-table--cell--first-last-child--PaddingLeft: var(--pf-v5-c-table--cell--first-last-child--xl--PaddingLeft);
|
282
|
-
--pf-v5-c-table--m-compact--cell--first-last-child--PaddingLeft: var(--pf-v5-c-table--m-compact--cell--first-last-child--xl--PaddingLeft);
|
283
|
-
--pf-v5-c-table--m-compact--cell--first-last-child--PaddingRight: var(--pf-v5-c-table--m-compact--cell--first-last-child--xl--PaddingRight);
|
284
|
-
}
|
285
|
-
}
|
286
266
|
.pf-v5-c-table.pf-m-fixed {
|
287
267
|
table-layout: fixed;
|
288
268
|
}
|
@@ -311,7 +291,7 @@
|
|
311
291
|
.pf-v5-c-table.pf-m-sticky-header > .pf-m-nested-column-header {
|
312
292
|
position: sticky;
|
313
293
|
inset-block-start: 0;
|
314
|
-
z-index: var(--pf-
|
294
|
+
z-index: var(--pf-t--global--Zindex--xs);
|
315
295
|
background: var(--pf-v5-c-table--BackgroundColor);
|
316
296
|
}
|
317
297
|
.pf-v5-c-table.pf-m-sticky-header > .pf-m-nested-column-header > .pf-m-border-row {
|
@@ -25,8 +25,6 @@
|
|
25
25
|
--pf-v5-c-text-input-group__icon--Left: var(--pf-v5-global--spacer--sm);
|
26
26
|
--pf-v5-c-text-input-group__icon--Color: var(--pf-v5-global--icon--Color--dark);
|
27
27
|
--pf-v5-c-text-input-group__icon--TranslateY: -50%;
|
28
|
-
--pf-v5-c-text-input-group__utilities--MarginRight: var(--pf-v5-global--spacer--sm);
|
29
|
-
--pf-v5-c-text-input-group__utilities--MarginLeft: var(--pf-v5-global--spacer--xs);
|
30
28
|
--pf-v5-c-text-input-group__utilities--child--MarginLeft: var(--pf-v5-global--spacer--xs);
|
31
29
|
--pf-v5-c-text-input-group__utilities--c-button--PaddingRight: var(--pf-v5-global--spacer--xs);
|
32
30
|
--pf-v5-c-text-input-group__utilities--c-button--PaddingLeft: var(--pf-v5-global--spacer--xs);
|
@@ -139,19 +137,7 @@
|
|
139
137
|
.pf-v5-c-text-input-group__utilities > * + * {
|
140
138
|
margin-inline-start: var(--pf-v5-c-text-input-group__utilities--child--MarginLeft);
|
141
139
|
}
|
142
|
-
.pf-v5-c-text-input-group__utilities .pf-v5-c-button {
|
143
|
-
--pf-v5-c-button--PaddingRight: var(--pf-v5-c-text-input-group__utilities--c-button--PaddingRight);
|
144
|
-
--pf-v5-c-button--PaddingLeft: var(--pf-v5-c-text-input-group__utilities--c-button--PaddingLeft);
|
145
|
-
}
|
146
140
|
|
147
141
|
.pf-v5-c-text-input-group__group {
|
148
142
|
display: flex;
|
149
|
-
}
|
150
|
-
|
151
|
-
:where(.pf-v5-theme-dark) .pf-v5-c-text-input-group {
|
152
|
-
--pf-v5-c-text-input-group--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
|
153
|
-
--pf-v5-c-text-input-group--m-disabled--Color: var(--pf-v5-global--disabled-color--300);
|
154
|
-
--pf-v5-c-text-input-group--m-disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
|
155
|
-
--pf-v5-c-text-input-group__text--before--BorderWidth: 0;
|
156
|
-
--pf-v5-c-text-input-group__text--after--BorderBottomColor: var(--pf-v5-global--BorderColor--400);
|
157
143
|
}
|
@@ -1,6 +1,5 @@
|
|
1
1
|
import './text-input-group.css';
|
2
2
|
declare const _default: {
|
3
|
-
"button": "pf-v5-c-button",
|
4
3
|
"chipGroupMain": "pf-v5-c-chip-group__main",
|
5
4
|
"modifiers": {
|
6
5
|
"disabled": "pf-m-disabled",
|
@@ -14,7 +13,6 @@ declare const _default: {
|
|
14
13
|
"textInputGroupMain": "pf-v5-c-text-input-group__main",
|
15
14
|
"textInputGroupText": "pf-v5-c-text-input-group__text",
|
16
15
|
"textInputGroupTextInput": "pf-v5-c-text-input-group__text-input",
|
17
|
-
"textInputGroupUtilities": "pf-v5-c-text-input-group__utilities"
|
18
|
-
"themeDark": "pf-v5-theme-dark"
|
16
|
+
"textInputGroupUtilities": "pf-v5-c-text-input-group__utilities"
|
19
17
|
};
|
20
18
|
export default _default;
|
@@ -2,7 +2,6 @@
|
|
2
2
|
exports.__esModule = true;
|
3
3
|
require('./text-input-group.css');
|
4
4
|
exports.default = {
|
5
|
-
"button": "pf-v5-c-button",
|
6
5
|
"chipGroupMain": "pf-v5-c-chip-group__main",
|
7
6
|
"modifiers": {
|
8
7
|
"disabled": "pf-m-disabled",
|
@@ -16,6 +15,5 @@ exports.default = {
|
|
16
15
|
"textInputGroupMain": "pf-v5-c-text-input-group__main",
|
17
16
|
"textInputGroupText": "pf-v5-c-text-input-group__text",
|
18
17
|
"textInputGroupTextInput": "pf-v5-c-text-input-group__text-input",
|
19
|
-
"textInputGroupUtilities": "pf-v5-c-text-input-group__utilities"
|
20
|
-
"themeDark": "pf-v5-theme-dark"
|
18
|
+
"textInputGroupUtilities": "pf-v5-c-text-input-group__utilities"
|
21
19
|
};
|
@@ -1,6 +1,5 @@
|
|
1
1
|
import './text-input-group.css';
|
2
2
|
export default {
|
3
|
-
"button": "pf-v5-c-button",
|
4
3
|
"chipGroupMain": "pf-v5-c-chip-group__main",
|
5
4
|
"modifiers": {
|
6
5
|
"disabled": "pf-m-disabled",
|
@@ -14,6 +13,5 @@ export default {
|
|
14
13
|
"textInputGroupMain": "pf-v5-c-text-input-group__main",
|
15
14
|
"textInputGroupText": "pf-v5-c-text-input-group__text",
|
16
15
|
"textInputGroupTextInput": "pf-v5-c-text-input-group__text-input",
|
17
|
-
"textInputGroupUtilities": "pf-v5-c-text-input-group__utilities"
|
18
|
-
"themeDark": "pf-v5-theme-dark"
|
16
|
+
"textInputGroupUtilities": "pf-v5-c-text-input-group__utilities"
|
19
17
|
};
|
@@ -11,7 +11,7 @@
|
|
11
11
|
--pf-v5-c-tile--before--BorderRadius: var(--pf-v5-c-tile--BorderRadius);
|
12
12
|
--pf-v5-c-tile--after--BackgroundColor: transparent;
|
13
13
|
--pf-v5-c-tile__icon--MarginRight: var(--pf-t--global--spacer--sm);
|
14
|
-
--pf-v5-c-tile__icon--FontSize: var(--pf-t--global--icon--size--body--default);
|
14
|
+
--pf-v5-c-tile__icon--FontSize: var(--pf-t--global--icon--size--font--body--default);
|
15
15
|
--pf-v5-c-tile__icon--Color: var(--pf-t--global--icon--color--regular);
|
16
16
|
--pf-v5-c-tile__title--Color: var(--pf-t--global--text--color--regular);
|
17
17
|
--pf-v5-c-tile__title--FontWeight: var(--pf-t--global--font--weight--body--bold);
|