@rhc-shared-components/packages-table 0.3.6 → 1.0.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.
- package/dist/index.js +1519 -1295
- package/dist/index.modern.js +1369 -1185
- package/package.json +4 -4
- package/dist/check-293a8689.js +0 -5
- package/dist/check-8277bc89.js +0 -4
- package/dist/inline-edit-aba2c28a.js +0 -5
- package/dist/inline-edit-dea85160.js +0 -4
- package/dist/table-68d022f9.js +0 -4
- package/dist/table-ee2a086b.js +0 -5
- package/dist/table-grid-5f08beb3.js +0 -4
- package/dist/table-grid-be1510e7.js +0 -5
- package/dist/table-scrollable-08a401e0.js +0 -4
- package/dist/table-scrollable-8d506d50.js +0 -5
- package/dist/table-tree-view-248a6705.js +0 -5
- package/dist/table-tree-view-c9374e2e.js +0 -4
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@rhc-shared-components/packages-table",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "1.0.1",
|
|
4
4
|
"description": "project description",
|
|
5
5
|
"author": "redhatofficial",
|
|
6
6
|
"license": "MIT",
|
|
@@ -24,14 +24,14 @@
|
|
|
24
24
|
"predeploy": "cd example && yarn install && yarn run build"
|
|
25
25
|
},
|
|
26
26
|
"peerDependencies": {
|
|
27
|
-
"@patternfly/react-core": ">=
|
|
27
|
+
"@patternfly/react-core": ">=5.3.4",
|
|
28
28
|
"date-fns": ">=2.13.0",
|
|
29
29
|
"formik": ">=2.1.4",
|
|
30
30
|
"react": ">=16.13.1",
|
|
31
31
|
"react-dom": ">=16.13.1"
|
|
32
32
|
},
|
|
33
33
|
"devDependencies": {
|
|
34
|
-
"@patternfly/react-table": "^
|
|
34
|
+
"@patternfly/react-table": "^5.3.4",
|
|
35
35
|
"@testing-library/jest-dom": "^4.2.4",
|
|
36
36
|
"@testing-library/react": "^9.5.0",
|
|
37
37
|
"@testing-library/user-event": "^7.2.1",
|
|
@@ -64,7 +64,7 @@
|
|
|
64
64
|
"typescript": "^3.7.5"
|
|
65
65
|
},
|
|
66
66
|
"dependencies": {
|
|
67
|
-
"@patternfly/react-core": "^
|
|
67
|
+
"@patternfly/react-core": "^5.3.4",
|
|
68
68
|
"date-fns": "^2.13.0",
|
|
69
69
|
"formik": "^2.1.4",
|
|
70
70
|
"lodash": "^4.17.21",
|
package/dist/check-293a8689.js
DELETED
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
var css_248z = ".pf-c-check {\n --pf-c-check--GridGap: var(--pf-global--spacer--xs) var(--pf-global--spacer--sm);\n --pf-c-check__label--disabled--Color: var(--pf-global--disabled-color--100);\n --pf-c-check__label--Color: var(--pf-global--Color--100);\n --pf-c-check__label--FontWeight: var(--pf-global--FontWeight--normal);\n --pf-c-check__label--FontSize: var(--pf-global--FontSize--md);\n --pf-c-check__label--LineHeight: var(--pf-global--LineHeight--sm);\n --pf-c-check__input--Height: var(--pf-c-check__label--FontSize);\n --pf-c-check__input--MarginTop: calc(((var(--pf-c-check__label--FontSize) * var(--pf-c-check__label--LineHeight)) - var(--pf-c-check__input--Height)) / 2);\n --pf-c-check__description--FontSize: var(--pf-global--FontSize--sm);\n --pf-c-check__description--Color: var(--pf-global--Color--200);\n --pf-c-check__body--MarginTop: var(--pf-global--spacer--sm);\n display: grid;\n grid-template-columns: auto 1fr;\n grid-gap: var(--pf-c-check--GridGap);\n align-items: start;\n justify-items: start;\n}\n.pf-c-check.pf-m-standalone {\n --pf-c-check--GridGap: 0;\n --pf-c-check__input--Height: auto;\n --pf-c-check__input--MarginTop: 0;\n display: inline-grid;\n line-height: 1;\n}\n\n.pf-c-check__label {\n font-size: var(--pf-c-check__label--FontSize);\n font-weight: var(--pf-c-check__label--FontWeight);\n line-height: var(--pf-c-check__label--LineHeight);\n color: var(--pf-c-check__label--Color);\n}\n\n.pf-c-check__input {\n height: var(--pf-c-check__input--Height);\n margin-top: var(--pf-c-check__input--MarginTop);\n}\n\n.pf-c-check__description {\n grid-column: 2;\n font-size: var(--pf-c-check__description--FontSize);\n color: var(--pf-c-check__description--Color);\n}\n\n.pf-c-check__body {\n grid-column: 2;\n margin-top: var(--pf-c-check__body--MarginTop);\n}\n\nlabel.pf-c-check, .pf-c-check__label,\n.pf-c-check__input {\n cursor: pointer;\n}\n\n.pf-c-check__label:disabled, .pf-c-check__label.pf-m-disabled,\n.pf-c-check__input:disabled,\n.pf-c-check__input.pf-m-disabled {\n --pf-c-check__label--Color: var(--pf-c-check__label--disabled--Color);\n cursor: not-allowed;\n}";
|
|
2
|
-
var stylesheet=".pf-c-check {\n --pf-c-check--GridGap: var(--pf-global--spacer--xs) var(--pf-global--spacer--sm);\n --pf-c-check__label--disabled--Color: var(--pf-global--disabled-color--100);\n --pf-c-check__label--Color: var(--pf-global--Color--100);\n --pf-c-check__label--FontWeight: var(--pf-global--FontWeight--normal);\n --pf-c-check__label--FontSize: var(--pf-global--FontSize--md);\n --pf-c-check__label--LineHeight: var(--pf-global--LineHeight--sm);\n --pf-c-check__input--Height: var(--pf-c-check__label--FontSize);\n --pf-c-check__input--MarginTop: calc(((var(--pf-c-check__label--FontSize) * var(--pf-c-check__label--LineHeight)) - var(--pf-c-check__input--Height)) / 2);\n --pf-c-check__description--FontSize: var(--pf-global--FontSize--sm);\n --pf-c-check__description--Color: var(--pf-global--Color--200);\n --pf-c-check__body--MarginTop: var(--pf-global--spacer--sm);\n display: grid;\n grid-template-columns: auto 1fr;\n grid-gap: var(--pf-c-check--GridGap);\n align-items: start;\n justify-items: start;\n}\n.pf-c-check.pf-m-standalone {\n --pf-c-check--GridGap: 0;\n --pf-c-check__input--Height: auto;\n --pf-c-check__input--MarginTop: 0;\n display: inline-grid;\n line-height: 1;\n}\n\n.pf-c-check__label {\n font-size: var(--pf-c-check__label--FontSize);\n font-weight: var(--pf-c-check__label--FontWeight);\n line-height: var(--pf-c-check__label--LineHeight);\n color: var(--pf-c-check__label--Color);\n}\n\n.pf-c-check__input {\n height: var(--pf-c-check__input--Height);\n margin-top: var(--pf-c-check__input--MarginTop);\n}\n\n.pf-c-check__description {\n grid-column: 2;\n font-size: var(--pf-c-check__description--FontSize);\n color: var(--pf-c-check__description--Color);\n}\n\n.pf-c-check__body {\n grid-column: 2;\n margin-top: var(--pf-c-check__body--MarginTop);\n}\n\nlabel.pf-c-check, .pf-c-check__label,\n.pf-c-check__input {\n cursor: pointer;\n}\n\n.pf-c-check__label:disabled, .pf-c-check__label.pf-m-disabled,\n.pf-c-check__input:disabled,\n.pf-c-check__input.pf-m-disabled {\n --pf-c-check__label--Color: var(--pf-c-check__label--disabled--Color);\n cursor: not-allowed;\n}";
|
|
3
|
-
|
|
4
|
-
exports["default"] = css_248z;
|
|
5
|
-
exports.stylesheet = stylesheet;
|
package/dist/check-8277bc89.js
DELETED
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
var css_248z = ".pf-c-check {\n --pf-c-check--GridGap: var(--pf-global--spacer--xs) var(--pf-global--spacer--sm);\n --pf-c-check__label--disabled--Color: var(--pf-global--disabled-color--100);\n --pf-c-check__label--Color: var(--pf-global--Color--100);\n --pf-c-check__label--FontWeight: var(--pf-global--FontWeight--normal);\n --pf-c-check__label--FontSize: var(--pf-global--FontSize--md);\n --pf-c-check__label--LineHeight: var(--pf-global--LineHeight--sm);\n --pf-c-check__input--Height: var(--pf-c-check__label--FontSize);\n --pf-c-check__input--MarginTop: calc(((var(--pf-c-check__label--FontSize) * var(--pf-c-check__label--LineHeight)) - var(--pf-c-check__input--Height)) / 2);\n --pf-c-check__description--FontSize: var(--pf-global--FontSize--sm);\n --pf-c-check__description--Color: var(--pf-global--Color--200);\n --pf-c-check__body--MarginTop: var(--pf-global--spacer--sm);\n display: grid;\n grid-template-columns: auto 1fr;\n grid-gap: var(--pf-c-check--GridGap);\n align-items: start;\n justify-items: start;\n}\n.pf-c-check.pf-m-standalone {\n --pf-c-check--GridGap: 0;\n --pf-c-check__input--Height: auto;\n --pf-c-check__input--MarginTop: 0;\n display: inline-grid;\n line-height: 1;\n}\n\n.pf-c-check__label {\n font-size: var(--pf-c-check__label--FontSize);\n font-weight: var(--pf-c-check__label--FontWeight);\n line-height: var(--pf-c-check__label--LineHeight);\n color: var(--pf-c-check__label--Color);\n}\n\n.pf-c-check__input {\n height: var(--pf-c-check__input--Height);\n margin-top: var(--pf-c-check__input--MarginTop);\n}\n\n.pf-c-check__description {\n grid-column: 2;\n font-size: var(--pf-c-check__description--FontSize);\n color: var(--pf-c-check__description--Color);\n}\n\n.pf-c-check__body {\n grid-column: 2;\n margin-top: var(--pf-c-check__body--MarginTop);\n}\n\nlabel.pf-c-check, .pf-c-check__label,\n.pf-c-check__input {\n cursor: pointer;\n}\n\n.pf-c-check__label:disabled, .pf-c-check__label.pf-m-disabled,\n.pf-c-check__input:disabled,\n.pf-c-check__input.pf-m-disabled {\n --pf-c-check__label--Color: var(--pf-c-check__label--disabled--Color);\n cursor: not-allowed;\n}";
|
|
2
|
-
var stylesheet=".pf-c-check {\n --pf-c-check--GridGap: var(--pf-global--spacer--xs) var(--pf-global--spacer--sm);\n --pf-c-check__label--disabled--Color: var(--pf-global--disabled-color--100);\n --pf-c-check__label--Color: var(--pf-global--Color--100);\n --pf-c-check__label--FontWeight: var(--pf-global--FontWeight--normal);\n --pf-c-check__label--FontSize: var(--pf-global--FontSize--md);\n --pf-c-check__label--LineHeight: var(--pf-global--LineHeight--sm);\n --pf-c-check__input--Height: var(--pf-c-check__label--FontSize);\n --pf-c-check__input--MarginTop: calc(((var(--pf-c-check__label--FontSize) * var(--pf-c-check__label--LineHeight)) - var(--pf-c-check__input--Height)) / 2);\n --pf-c-check__description--FontSize: var(--pf-global--FontSize--sm);\n --pf-c-check__description--Color: var(--pf-global--Color--200);\n --pf-c-check__body--MarginTop: var(--pf-global--spacer--sm);\n display: grid;\n grid-template-columns: auto 1fr;\n grid-gap: var(--pf-c-check--GridGap);\n align-items: start;\n justify-items: start;\n}\n.pf-c-check.pf-m-standalone {\n --pf-c-check--GridGap: 0;\n --pf-c-check__input--Height: auto;\n --pf-c-check__input--MarginTop: 0;\n display: inline-grid;\n line-height: 1;\n}\n\n.pf-c-check__label {\n font-size: var(--pf-c-check__label--FontSize);\n font-weight: var(--pf-c-check__label--FontWeight);\n line-height: var(--pf-c-check__label--LineHeight);\n color: var(--pf-c-check__label--Color);\n}\n\n.pf-c-check__input {\n height: var(--pf-c-check__input--Height);\n margin-top: var(--pf-c-check__input--MarginTop);\n}\n\n.pf-c-check__description {\n grid-column: 2;\n font-size: var(--pf-c-check__description--FontSize);\n color: var(--pf-c-check__description--Color);\n}\n\n.pf-c-check__body {\n grid-column: 2;\n margin-top: var(--pf-c-check__body--MarginTop);\n}\n\nlabel.pf-c-check, .pf-c-check__label,\n.pf-c-check__input {\n cursor: pointer;\n}\n\n.pf-c-check__label:disabled, .pf-c-check__label.pf-m-disabled,\n.pf-c-check__input:disabled,\n.pf-c-check__input.pf-m-disabled {\n --pf-c-check__label--Color: var(--pf-c-check__label--disabled--Color);\n cursor: not-allowed;\n}";
|
|
3
|
-
|
|
4
|
-
export { css_248z as default, stylesheet };
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
var css_248z = ".pf-c-inline-edit {\n --pf-c-inline-edit__group--item--MarginRight: var(--pf-global--spacer--sm);\n --pf-c-inline-edit__action--c-button--m-valid--m-plain--Color: var(--pf-global--link--Color);\n --pf-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color: var(--pf-global--link--Color--hover);\n --pf-c-inline-edit__action--m-icon-group--item--MarginRight: 0;\n --pf-c-inline-edit__group--m-footer--MarginTop: var(--pf-global--spacer--xl);\n --pf-c-inline-edit__label--m-bold--FontWeight: var(--pf-global--FontWeight--semi-bold);\n}\n\n.pf-c-inline-edit__group {\n display: flex;\n align-items: baseline;\n}\n.pf-c-inline-edit__group > * {\n margin-right: var(--pf-c-inline-edit__group--item--MarginRight);\n}\n.pf-c-inline-edit__group.pf-m-icon-group {\n --pf-c-inline-edit__group--item--MarginRight: var(--pf-c-inline-edit__action--m-icon-group--item--MarginRight);\n}\n.pf-c-inline-edit__group.pf-m-footer {\n margin-top: var(--pf-c-inline-edit__group--m-footer--MarginTop);\n}\n.pf-c-inline-edit__group.pf-m-column {\n --pf-c-inline-edit__group--item--MarginRight: 0;\n flex-direction: column;\n}\n.pf-c-inline-edit__group > :last-child {\n --pf-c-inline-edit__group--item--MarginRight: 0;\n}\n\n.pf-c-inline-edit__input {\n flex: 1;\n}\n\n.pf-c-inline-edit__action.pf-m-valid .pf-c-button.pf-m-plain {\n --pf-c-button--m-plain--Color: var(--pf-c-inline-edit__action--c-button--m-valid--m-plain--Color);\n}\n.pf-c-inline-edit__action.pf-m-valid .pf-c-button.pf-m-plain:hover {\n --pf-c-button--m-plain--Color: var(--pf-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color);\n}\n\n.pf-c-inline-edit__input,\n.pf-c-inline-edit__action,\n.pf-c-inline-edit__group.pf-m-action-group {\n display: none;\n visibility: hidden;\n}\n\n.pf-c-inline-edit__action.pf-m-enable-editable {\n display: inline-block;\n visibility: visible;\n}\n\n.pf-c-inline-edit.pf-m-inline-editable .pf-c-inline-edit__input,\n.pf-c-inline-edit.pf-m-inline-editable .pf-c-inline-edit__action,\n.pf-c-inline-edit.pf-m-inline-editable .pf-c-inline-edit__group.pf-m-action-group,\n.pf-c-inline-edit .pf-m-inline-editable .pf-c-inline-edit__input,\n.pf-c-inline-edit .pf-m-inline-editable .pf-c-inline-edit__action,\n.pf-c-inline-edit .pf-m-inline-editable .pf-c-inline-edit__group.pf-m-action-group {\n visibility: visible;\n}\n.pf-c-inline-edit.pf-m-inline-editable .pf-c-inline-edit__input,\n.pf-c-inline-edit .pf-m-inline-editable .pf-c-inline-edit__input {\n display: block;\n}\n.pf-c-inline-edit.pf-m-inline-editable .pf-c-inline-edit__action,\n.pf-c-inline-edit .pf-m-inline-editable .pf-c-inline-edit__action {\n display: inline-block;\n}\n.pf-c-inline-edit.pf-m-inline-editable .pf-c-inline-edit__group.pf-m-action-group,\n.pf-c-inline-edit .pf-m-inline-editable .pf-c-inline-edit__group.pf-m-action-group {\n display: inline-flex;\n}\n.pf-c-inline-edit.pf-m-inline-editable .pf-c-inline-edit__value,\n.pf-c-inline-edit.pf-m-inline-editable .pf-c-inline-edit__action.pf-m-enable-editable,\n.pf-c-inline-edit .pf-m-inline-editable .pf-c-inline-edit__value,\n.pf-c-inline-edit .pf-m-inline-editable .pf-c-inline-edit__action.pf-m-enable-editable {\n display: none;\n visibility: hidden;\n}\n\n.pf-c-inline-edit__label + .pf-c-inline-edit__action.pf-m-enable > .pf-c-button {\n margin-top: calc(var(--pf-c-button--PaddingTop) * -1);\n margin-bottom: calc(var(--pf-c-button--PaddingBottom) * -1);\n}\n\n.pf-c-inline-edit__label.pf-m-bold {\n font-weight: var(--pf-c-inline-edit__label--m-bold--FontWeight);\n}\n\n.pf-c-inline-edit__editable-text br {\n display: none;\n}";
|
|
2
|
-
var stylesheet=".pf-c-inline-edit {\n --pf-c-inline-edit__group--item--MarginRight: var(--pf-global--spacer--sm);\n --pf-c-inline-edit__action--c-button--m-valid--m-plain--Color: var(--pf-global--link--Color);\n --pf-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color: var(--pf-global--link--Color--hover);\n --pf-c-inline-edit__action--m-icon-group--item--MarginRight: 0;\n --pf-c-inline-edit__group--m-footer--MarginTop: var(--pf-global--spacer--xl);\n --pf-c-inline-edit__label--m-bold--FontWeight: var(--pf-global--FontWeight--semi-bold);\n}\n\n.pf-c-inline-edit__group {\n display: flex;\n align-items: baseline;\n}\n.pf-c-inline-edit__group > * {\n margin-right: var(--pf-c-inline-edit__group--item--MarginRight);\n}\n.pf-c-inline-edit__group.pf-m-icon-group {\n --pf-c-inline-edit__group--item--MarginRight: var(--pf-c-inline-edit__action--m-icon-group--item--MarginRight);\n}\n.pf-c-inline-edit__group.pf-m-footer {\n margin-top: var(--pf-c-inline-edit__group--m-footer--MarginTop);\n}\n.pf-c-inline-edit__group.pf-m-column {\n --pf-c-inline-edit__group--item--MarginRight: 0;\n flex-direction: column;\n}\n.pf-c-inline-edit__group > :last-child {\n --pf-c-inline-edit__group--item--MarginRight: 0;\n}\n\n.pf-c-inline-edit__input {\n flex: 1;\n}\n\n.pf-c-inline-edit__action.pf-m-valid .pf-c-button.pf-m-plain {\n --pf-c-button--m-plain--Color: var(--pf-c-inline-edit__action--c-button--m-valid--m-plain--Color);\n}\n.pf-c-inline-edit__action.pf-m-valid .pf-c-button.pf-m-plain:hover {\n --pf-c-button--m-plain--Color: var(--pf-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color);\n}\n\n.pf-c-inline-edit__input,\n.pf-c-inline-edit__action,\n.pf-c-inline-edit__group.pf-m-action-group {\n display: none;\n visibility: hidden;\n}\n\n.pf-c-inline-edit__action.pf-m-enable-editable {\n display: inline-block;\n visibility: visible;\n}\n\n.pf-c-inline-edit.pf-m-inline-editable .pf-c-inline-edit__input,\n.pf-c-inline-edit.pf-m-inline-editable .pf-c-inline-edit__action,\n.pf-c-inline-edit.pf-m-inline-editable .pf-c-inline-edit__group.pf-m-action-group,\n.pf-c-inline-edit .pf-m-inline-editable .pf-c-inline-edit__input,\n.pf-c-inline-edit .pf-m-inline-editable .pf-c-inline-edit__action,\n.pf-c-inline-edit .pf-m-inline-editable .pf-c-inline-edit__group.pf-m-action-group {\n visibility: visible;\n}\n.pf-c-inline-edit.pf-m-inline-editable .pf-c-inline-edit__input,\n.pf-c-inline-edit .pf-m-inline-editable .pf-c-inline-edit__input {\n display: block;\n}\n.pf-c-inline-edit.pf-m-inline-editable .pf-c-inline-edit__action,\n.pf-c-inline-edit .pf-m-inline-editable .pf-c-inline-edit__action {\n display: inline-block;\n}\n.pf-c-inline-edit.pf-m-inline-editable .pf-c-inline-edit__group.pf-m-action-group,\n.pf-c-inline-edit .pf-m-inline-editable .pf-c-inline-edit__group.pf-m-action-group {\n display: inline-flex;\n}\n.pf-c-inline-edit.pf-m-inline-editable .pf-c-inline-edit__value,\n.pf-c-inline-edit.pf-m-inline-editable .pf-c-inline-edit__action.pf-m-enable-editable,\n.pf-c-inline-edit .pf-m-inline-editable .pf-c-inline-edit__value,\n.pf-c-inline-edit .pf-m-inline-editable .pf-c-inline-edit__action.pf-m-enable-editable {\n display: none;\n visibility: hidden;\n}\n\n.pf-c-inline-edit__label + .pf-c-inline-edit__action.pf-m-enable > .pf-c-button {\n margin-top: calc(var(--pf-c-button--PaddingTop) * -1);\n margin-bottom: calc(var(--pf-c-button--PaddingBottom) * -1);\n}\n\n.pf-c-inline-edit__label.pf-m-bold {\n font-weight: var(--pf-c-inline-edit__label--m-bold--FontWeight);\n}\n\n.pf-c-inline-edit__editable-text br {\n display: none;\n}";
|
|
3
|
-
|
|
4
|
-
exports["default"] = css_248z;
|
|
5
|
-
exports.stylesheet = stylesheet;
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
var css_248z = ".pf-c-inline-edit {\n --pf-c-inline-edit__group--item--MarginRight: var(--pf-global--spacer--sm);\n --pf-c-inline-edit__action--c-button--m-valid--m-plain--Color: var(--pf-global--link--Color);\n --pf-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color: var(--pf-global--link--Color--hover);\n --pf-c-inline-edit__action--m-icon-group--item--MarginRight: 0;\n --pf-c-inline-edit__group--m-footer--MarginTop: var(--pf-global--spacer--xl);\n --pf-c-inline-edit__label--m-bold--FontWeight: var(--pf-global--FontWeight--semi-bold);\n}\n\n.pf-c-inline-edit__group {\n display: flex;\n align-items: baseline;\n}\n.pf-c-inline-edit__group > * {\n margin-right: var(--pf-c-inline-edit__group--item--MarginRight);\n}\n.pf-c-inline-edit__group.pf-m-icon-group {\n --pf-c-inline-edit__group--item--MarginRight: var(--pf-c-inline-edit__action--m-icon-group--item--MarginRight);\n}\n.pf-c-inline-edit__group.pf-m-footer {\n margin-top: var(--pf-c-inline-edit__group--m-footer--MarginTop);\n}\n.pf-c-inline-edit__group.pf-m-column {\n --pf-c-inline-edit__group--item--MarginRight: 0;\n flex-direction: column;\n}\n.pf-c-inline-edit__group > :last-child {\n --pf-c-inline-edit__group--item--MarginRight: 0;\n}\n\n.pf-c-inline-edit__input {\n flex: 1;\n}\n\n.pf-c-inline-edit__action.pf-m-valid .pf-c-button.pf-m-plain {\n --pf-c-button--m-plain--Color: var(--pf-c-inline-edit__action--c-button--m-valid--m-plain--Color);\n}\n.pf-c-inline-edit__action.pf-m-valid .pf-c-button.pf-m-plain:hover {\n --pf-c-button--m-plain--Color: var(--pf-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color);\n}\n\n.pf-c-inline-edit__input,\n.pf-c-inline-edit__action,\n.pf-c-inline-edit__group.pf-m-action-group {\n display: none;\n visibility: hidden;\n}\n\n.pf-c-inline-edit__action.pf-m-enable-editable {\n display: inline-block;\n visibility: visible;\n}\n\n.pf-c-inline-edit.pf-m-inline-editable .pf-c-inline-edit__input,\n.pf-c-inline-edit.pf-m-inline-editable .pf-c-inline-edit__action,\n.pf-c-inline-edit.pf-m-inline-editable .pf-c-inline-edit__group.pf-m-action-group,\n.pf-c-inline-edit .pf-m-inline-editable .pf-c-inline-edit__input,\n.pf-c-inline-edit .pf-m-inline-editable .pf-c-inline-edit__action,\n.pf-c-inline-edit .pf-m-inline-editable .pf-c-inline-edit__group.pf-m-action-group {\n visibility: visible;\n}\n.pf-c-inline-edit.pf-m-inline-editable .pf-c-inline-edit__input,\n.pf-c-inline-edit .pf-m-inline-editable .pf-c-inline-edit__input {\n display: block;\n}\n.pf-c-inline-edit.pf-m-inline-editable .pf-c-inline-edit__action,\n.pf-c-inline-edit .pf-m-inline-editable .pf-c-inline-edit__action {\n display: inline-block;\n}\n.pf-c-inline-edit.pf-m-inline-editable .pf-c-inline-edit__group.pf-m-action-group,\n.pf-c-inline-edit .pf-m-inline-editable .pf-c-inline-edit__group.pf-m-action-group {\n display: inline-flex;\n}\n.pf-c-inline-edit.pf-m-inline-editable .pf-c-inline-edit__value,\n.pf-c-inline-edit.pf-m-inline-editable .pf-c-inline-edit__action.pf-m-enable-editable,\n.pf-c-inline-edit .pf-m-inline-editable .pf-c-inline-edit__value,\n.pf-c-inline-edit .pf-m-inline-editable .pf-c-inline-edit__action.pf-m-enable-editable {\n display: none;\n visibility: hidden;\n}\n\n.pf-c-inline-edit__label + .pf-c-inline-edit__action.pf-m-enable > .pf-c-button {\n margin-top: calc(var(--pf-c-button--PaddingTop) * -1);\n margin-bottom: calc(var(--pf-c-button--PaddingBottom) * -1);\n}\n\n.pf-c-inline-edit__label.pf-m-bold {\n font-weight: var(--pf-c-inline-edit__label--m-bold--FontWeight);\n}\n\n.pf-c-inline-edit__editable-text br {\n display: none;\n}";
|
|
2
|
-
var stylesheet=".pf-c-inline-edit {\n --pf-c-inline-edit__group--item--MarginRight: var(--pf-global--spacer--sm);\n --pf-c-inline-edit__action--c-button--m-valid--m-plain--Color: var(--pf-global--link--Color);\n --pf-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color: var(--pf-global--link--Color--hover);\n --pf-c-inline-edit__action--m-icon-group--item--MarginRight: 0;\n --pf-c-inline-edit__group--m-footer--MarginTop: var(--pf-global--spacer--xl);\n --pf-c-inline-edit__label--m-bold--FontWeight: var(--pf-global--FontWeight--semi-bold);\n}\n\n.pf-c-inline-edit__group {\n display: flex;\n align-items: baseline;\n}\n.pf-c-inline-edit__group > * {\n margin-right: var(--pf-c-inline-edit__group--item--MarginRight);\n}\n.pf-c-inline-edit__group.pf-m-icon-group {\n --pf-c-inline-edit__group--item--MarginRight: var(--pf-c-inline-edit__action--m-icon-group--item--MarginRight);\n}\n.pf-c-inline-edit__group.pf-m-footer {\n margin-top: var(--pf-c-inline-edit__group--m-footer--MarginTop);\n}\n.pf-c-inline-edit__group.pf-m-column {\n --pf-c-inline-edit__group--item--MarginRight: 0;\n flex-direction: column;\n}\n.pf-c-inline-edit__group > :last-child {\n --pf-c-inline-edit__group--item--MarginRight: 0;\n}\n\n.pf-c-inline-edit__input {\n flex: 1;\n}\n\n.pf-c-inline-edit__action.pf-m-valid .pf-c-button.pf-m-plain {\n --pf-c-button--m-plain--Color: var(--pf-c-inline-edit__action--c-button--m-valid--m-plain--Color);\n}\n.pf-c-inline-edit__action.pf-m-valid .pf-c-button.pf-m-plain:hover {\n --pf-c-button--m-plain--Color: var(--pf-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color);\n}\n\n.pf-c-inline-edit__input,\n.pf-c-inline-edit__action,\n.pf-c-inline-edit__group.pf-m-action-group {\n display: none;\n visibility: hidden;\n}\n\n.pf-c-inline-edit__action.pf-m-enable-editable {\n display: inline-block;\n visibility: visible;\n}\n\n.pf-c-inline-edit.pf-m-inline-editable .pf-c-inline-edit__input,\n.pf-c-inline-edit.pf-m-inline-editable .pf-c-inline-edit__action,\n.pf-c-inline-edit.pf-m-inline-editable .pf-c-inline-edit__group.pf-m-action-group,\n.pf-c-inline-edit .pf-m-inline-editable .pf-c-inline-edit__input,\n.pf-c-inline-edit .pf-m-inline-editable .pf-c-inline-edit__action,\n.pf-c-inline-edit .pf-m-inline-editable .pf-c-inline-edit__group.pf-m-action-group {\n visibility: visible;\n}\n.pf-c-inline-edit.pf-m-inline-editable .pf-c-inline-edit__input,\n.pf-c-inline-edit .pf-m-inline-editable .pf-c-inline-edit__input {\n display: block;\n}\n.pf-c-inline-edit.pf-m-inline-editable .pf-c-inline-edit__action,\n.pf-c-inline-edit .pf-m-inline-editable .pf-c-inline-edit__action {\n display: inline-block;\n}\n.pf-c-inline-edit.pf-m-inline-editable .pf-c-inline-edit__group.pf-m-action-group,\n.pf-c-inline-edit .pf-m-inline-editable .pf-c-inline-edit__group.pf-m-action-group {\n display: inline-flex;\n}\n.pf-c-inline-edit.pf-m-inline-editable .pf-c-inline-edit__value,\n.pf-c-inline-edit.pf-m-inline-editable .pf-c-inline-edit__action.pf-m-enable-editable,\n.pf-c-inline-edit .pf-m-inline-editable .pf-c-inline-edit__value,\n.pf-c-inline-edit .pf-m-inline-editable .pf-c-inline-edit__action.pf-m-enable-editable {\n display: none;\n visibility: hidden;\n}\n\n.pf-c-inline-edit__label + .pf-c-inline-edit__action.pf-m-enable > .pf-c-button {\n margin-top: calc(var(--pf-c-button--PaddingTop) * -1);\n margin-bottom: calc(var(--pf-c-button--PaddingBottom) * -1);\n}\n\n.pf-c-inline-edit__label.pf-m-bold {\n font-weight: var(--pf-c-inline-edit__label--m-bold--FontWeight);\n}\n\n.pf-c-inline-edit__editable-text br {\n display: none;\n}";
|
|
3
|
-
|
|
4
|
-
export { css_248z as default, stylesheet };
|
package/dist/table-68d022f9.js
DELETED
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
var css_248z = ".pf-c-table {\n --pf-global--Color--100: var(--pf-global--Color--dark-100);\n --pf-global--Color--200: var(--pf-global--Color--dark-200);\n --pf-global--BorderColor--100: var(--pf-global--BorderColor--dark-100);\n --pf-global--primary-color--100: var(--pf-global--primary-color--dark-100);\n --pf-global--link--Color: var(--pf-global--link--Color--dark);\n --pf-global--link--Color--hover: var(--pf-global--link--Color--dark--hover);\n --pf-global--BackgroundColor--100: var(--pf-global--BackgroundColor--light-100);\n}\n\n.pf-c-table tr > * {\n --pf-hidden-visible--visible--Visibility: visible;\n --pf-hidden-visible--hidden--Display: none;\n --pf-hidden-visible--hidden--Visibility: hidden;\n --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);\n --pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);\n display: var(--pf-hidden-visible--Display);\n visibility: var(--pf-hidden-visible--Visibility);\n}\n.pf-c-table tr > .pf-m-hidden {\n --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);\n --pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);\n}\n@media screen and (min-width: 576px) {\n .pf-c-table tr > .pf-m-hidden-on-sm {\n --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);\n --pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);\n }\n .pf-c-table tr > .pf-m-visible-on-sm {\n --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);\n --pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);\n }\n}\n@media screen and (min-width: 768px) {\n .pf-c-table tr > .pf-m-hidden-on-md {\n --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);\n --pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);\n }\n .pf-c-table tr > .pf-m-visible-on-md {\n --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);\n --pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);\n }\n}\n@media screen and (min-width: 992px) {\n .pf-c-table tr > .pf-m-hidden-on-lg {\n --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);\n --pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);\n }\n .pf-c-table tr > .pf-m-visible-on-lg {\n --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);\n --pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);\n }\n}\n@media screen and (min-width: 1200px) {\n .pf-c-table tr > .pf-m-hidden-on-xl {\n --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);\n --pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);\n }\n .pf-c-table tr > .pf-m-visible-on-xl {\n --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);\n --pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);\n }\n}\n@media screen and (min-width: 1450px) {\n .pf-c-table tr > .pf-m-hidden-on-2xl {\n --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);\n --pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);\n }\n .pf-c-table tr > .pf-m-visible-on-2xl {\n --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);\n --pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);\n }\n}\n\n.pf-c-table {\n --pf-c-table--BackgroundColor: var(--pf-global--BackgroundColor--100);\n --pf-c-table--BorderColor: var(--pf-global--BorderColor--100);\n --pf-c-table--border-width--base: var(--pf-global--BorderWidth--sm);\n --pf-c-table-caption--FontSize: var(--pf-global--FontSize--sm);\n --pf-c-table-caption--Color: var(--pf-global--Color--200);\n --pf-c-table-caption--PaddingTop: var(--pf-global--spacer--md);\n --pf-c-table-caption--PaddingRight: var(--pf-global--spacer--lg);\n --pf-c-table-caption--PaddingBottom: var(--pf-global--spacer--md);\n --pf-c-table-caption--PaddingLeft: var(--pf-global--spacer--lg);\n --pf-c-table-caption--xl--PaddingRight: var(--pf-global--spacer--md);\n --pf-c-table-caption--xl--PaddingLeft: var(--pf-global--spacer--md);\n --pf-c-table--thead--cell--FontSize: var(--pf-global--FontSize--sm);\n --pf-c-table--thead--cell--FontWeight: var(--pf-global--FontWeight--bold);\n --pf-c-table--tbody--cell--PaddingTop: var(--pf-global--spacer--lg);\n --pf-c-table--tbody--cell--PaddingBottom: var(--pf-global--spacer--lg);\n --pf-c-table--tr--BoxShadow--top--base: 0 -0.1875rem 0.25rem -0.125rem rgba(3,3,3,.08);\n --pf-c-table--cell--Padding--base: var(--pf-global--spacer--md);\n --pf-c-table--cell--FontSize: var(--pf-global--FontSize--md);\n --pf-c-table--cell--FontWeight: var(--pf-global--FontWeight--normal);\n --pf-c-table--cell--Color: var(--pf-global--Color--100);\n --pf-c-table--cell--PaddingTop: var(--pf-c-table--cell--Padding--base);\n --pf-c-table--cell--PaddingRight: var(--pf-c-table--cell--Padding--base);\n --pf-c-table--cell--PaddingBottom: var(--pf-c-table--cell--Padding--base);\n --pf-c-table--cell--PaddingLeft: var(--pf-c-table--cell--Padding--base);\n --pf-c-table--cell--first-last-child--PaddingLeft: var(--pf-global--spacer--md);\n --pf-c-table--cell--first-last-child--PaddingRight: var(--pf-global--spacer--md);\n --pf-c-table--cell--first-last-child--xl--PaddingLeft: var(--pf-global--spacer--lg);\n --pf-c-table--cell--first-last-child--xl--PaddingRight: var(--pf-global--spacer--lg);\n --pf-c-table--tr--m-first-cell-offset-reset--cell--PaddingLeft: var(--pf-c-table--cell--Padding--base);\n --pf-c-table--cell--MinWidth: 0;\n --pf-c-table--cell--MaxWidth: none;\n --pf-c-table--cell--Width: auto;\n --pf-c-table--cell--Overflow: visible;\n --pf-c-table--cell--TextOverflow: clip;\n --pf-c-table--cell--WhiteSpace: normal;\n --pf-c-table--cell--WordBreak: normal;\n --pf-c-table--cell--m-border-right--before--BorderRightWidth: var(--pf-global--BorderWidth--sm);\n --pf-c-table--cell--m-border-right--before--BorderRightColor: var(--pf-global--BorderColor--100);\n --pf-c-table--cell--m-border-left--before--BorderLeftWidth: var(--pf-global--BorderWidth--sm);\n --pf-c-table--cell--m-border-left--before--BorderLeftColor: var(--pf-global--BorderColor--100);\n --pf-c-table--cell--m-help--MinWidth: 11ch;\n --pf-c-table--m-truncate--cell--MaxWidth: 1px;\n --pf-c-table--m-truncate--cell--MinWidth: calc(5ch + var(--pf-c-table--cell--PaddingRight) + var(--pf-c-table--cell--PaddingLeft));\n --pf-c-table--cell--hidden-visible--Display: table-cell;\n --pf-c-table__toggle--c-button--MarginTop: calc(0.375rem * -1);\n --pf-c-table__toggle--c-button--MarginBottom: calc(0.375rem * -1);\n --pf-c-table__toggle--c-button__toggle-icon--Rotate: 270deg;\n --pf-c-table__toggle--c-button__toggle-icon--Transition: .2s ease-in 0s;\n --pf-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate: 360deg;\n --pf-c-table__button--BackgroundColor: transparent;\n --pf-c-table__button--Color: var(--pf-global--Color--100);\n --pf-c-table__button--hover--Color: var(--pf-global--Color--100);\n --pf-c-table__button--focus--Color: var(--pf-global--Color--100);\n --pf-c-table__button--active--Color: var(--pf-global--Color--100);\n --pf-c-table__button--OutlineOffset: calc(var(--pf-global--BorderWidth--lg) * -1);\n --pf-c-table--m-compact__toggle--PaddingTop: 0;\n --pf-c-table--m-compact__toggle--PaddingBottom: 0;\n --pf-c-table__check--input--MarginTop: 0.25rem;\n --pf-c-table__check--input--FontSize: var(--pf-global--FontSize--md);\n --pf-c-table--cell--m-favorite--Color: var(--pf-global--Color--light-300);\n --pf-c-table__favorite--c-button--Color: var(--pf-global--Color--light-300);\n --pf-c-table__favorite--c-button--FontSize: var(--pf-global--FontSize--sm);\n --pf-c-table__favorite--c-button--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);\n --pf-c-table__favorite--c-button--MarginRight: calc(var(--pf-global--spacer--md) * -1);\n --pf-c-table__favorite--c-button--MarginBottom: calc(var(--pf-global--spacer--form-element) * -1);\n --pf-c-table__favorite--c-button--MarginLeft: calc(var(--pf-global--spacer--md) * -1);\n --pf-c-table__favorite--m-favorited--c-button--Color: var(--pf-global--palette--gold-400);\n --pf-c-table__sort--m-favorite__button__text--Color: var(--pf-global--Color--200);\n --pf-c-table__sort--m-favorite__button--hover__text--Color: var(--pf-global--Color--100);\n --pf-c-table__sort--m-favorite__button--focus__text--Color: var(--pf-global--Color--100);\n --pf-c-table__sort--m-favorite__button--active__text--Color: var(--pf-global--Color--100);\n --pf-c-table__draggable--c-button--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);\n --pf-c-table__draggable--c-button--MarginRight: calc(var(--pf-global--spacer--md) * -1);\n --pf-c-table__draggable--c-button--MarginBottom: calc(var(--pf-global--spacer--form-element) * -1);\n --pf-c-table__draggable--c-button--MarginLeft: calc(var(--pf-global--spacer--md) * -1);\n --pf-c-table__tr--m-ghost-row--Opacity: .4;\n --pf-c-table__tr--m-ghost-row--BackgroundColor: var(--pf-global--BackgroundColor--100);\n --pf-c-table__action--PaddingTop: 0;\n --pf-c-table__action--PaddingRight: 0;\n --pf-c-table__action--PaddingBottom: 0;\n --pf-c-table__action--PaddingLeft: 0;\n --pf-c-table__inline-edit-action--PaddingTop: 0;\n --pf-c-table__inline-edit-action--PaddingRight: 0;\n --pf-c-table__inline-edit-action--PaddingBottom: 0;\n --pf-c-table__inline-edit-action--PaddingLeft: 0;\n --pf-c-table__expandable-row--Transition: var(--pf-global--Transition);\n --pf-c-table__expandable-row--MaxHeight: 28.125rem;\n --pf-c-table__expandable-row-content--Transition: var(--pf-global--Transition);\n --pf-c-table__expandable-row-content--PaddingTop: var(--pf-global--spacer--lg);\n --pf-c-table__expandable-row-content--PaddingBottom: var(--pf-global--spacer--lg);\n --pf-c-table__expandable-row--after--Top: calc(var(--pf-c-table--border-width--base) * -1);\n --pf-c-table__expandable-row--after--Bottom: calc(var(--pf-c-table--border-width--base) * -1);\n --pf-c-table__expandable-row--after--border-width--base: var(--pf-global--BorderWidth--lg);\n --pf-c-table__expandable-row--after--BorderLeftWidth: 0;\n --pf-c-table__expandable-row--after--BorderColor: var(--pf-global--active-color--100);\n --pf-c-table__icon-inline--MarginRight: var(--pf-global--spacer--sm);\n --pf-c-table__sort--MinWidth: calc(6ch + var(--pf-c-table--cell--PaddingRight) + var(--pf-c-table--cell--PaddingLeft) + var(--pf-c-table__sort-indicator--MarginLeft));\n --pf-c-table__sort__button--PaddingTop: var(--pf-global--spacer--form-element);\n --pf-c-table__sort__button--PaddingRight: var(--pf-global--spacer--sm);\n --pf-c-table__sort__button--PaddingBottom: var(--pf-global--spacer--form-element);\n --pf-c-table__sort__button--PaddingLeft: var(--pf-global--spacer--sm);\n --pf-c-table__sort__button--MarginTop: calc(var(--pf-c-table__sort__button--PaddingTop) * -1);\n --pf-c-table__sort__button--MarginBottom: calc(var(--pf-c-table__sort__button--PaddingBottom) * -1);\n --pf-c-table__sort__button--MarginLeft: calc(var(--pf-c-table__sort__button--PaddingLeft) * -1);\n --pf-c-table__sort__button--Color: var(--pf-global--Color--100);\n --pf-c-table__sort--m-selected__button--Color: var(--pf-global--active-color--100);\n --pf-c-table__sort--m-help--MinWidth: 15ch;\n --pf-c-table__sort__button__text--Color: currentColor;\n --pf-c-table__sort__button--hover__text--Color: currentColor;\n --pf-c-table__sort__button--focus__text--Color: currentColor;\n --pf-c-table__sort__button--active__text--Color: currentColor;\n --pf-c-table__sort-indicator--Color: var(--pf-global--disabled-color--200);\n --pf-c-table__sort-indicator--MarginLeft: var(--pf-global--spacer--md);\n --pf-c-table__sort--m-selected__sort-indicator--Color: var(--pf-global--active-color--100);\n --pf-c-table__sort__button--hover__sort-indicator--Color: var(--pf-global--Color--100);\n --pf-c-table__sort__button--active__sort-indicator--Color: var(--pf-global--Color--100);\n --pf-c-table__sort__button--focus__sort-indicator--Color: var(--pf-global--Color--100);\n --pf-c-table--th--m-help--MinWidth: 11ch;\n --pf-c-table__column-help--MarginLeft: var(--pf-global--spacer--xs);\n --pf-c-table__column-help--TranslateY: 0.125rem;\n --pf-c-table__column-help--c-button--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);\n --pf-c-table__column-help--c-button--MarginBottom: calc(var(--pf-global--spacer--form-element) * -1);\n --pf-c-table__column-help--c-button--PaddingRight: var(--pf-global--spacer--sm);\n --pf-c-table__column-help--c-button--PaddingLeft: var(--pf-global--spacer--sm);\n --pf-c-table__compound-expansion-toggle__button--Color: var(--pf-global--active-color--100);\n --pf-c-table__compound-expansion-toggle__button--hover--Color: var(--pf-global--link--Color--hover);\n --pf-c-table__compound-expansion-toggle__button--focus--Color: var(--pf-global--link--Color--hover);\n --pf-c-table__compound-expansion-toggle__button--active--Color: var(--pf-global--link--Color--hover);\n --pf-c-table__compound-expansion-toggle__button--before--border-width--base: var(--pf-global--BorderWidth--sm);\n --pf-c-table__compound-expansion-toggle__button--before--BorderColor: var(--pf-global--BorderColor--100);\n --pf-c-table__compound-expansion-toggle__button--before--BorderRightWidth: 0;\n --pf-c-table__compound-expansion-toggle__button--before--BorderLeftWidth: 0;\n --pf-c-table__compound-expansion-toggle__button--before--Bottom: calc(var(--pf-c-table__compound-expansion-toggle__button--before--border-width--base) * -1);\n --pf-c-table__compound-expansion-toggle__button--before--Left: calc(var(--pf-c-table__compound-expansion-toggle__button--before--border-width--base) * -1);\n --pf-c-table__compound-expansion-toggle__button--after--border-width--base: var(--pf-global--BorderWidth--lg);\n --pf-c-table__compound-expansion-toggle__button--after--BorderColor: var(--pf-global--primary-color--100);\n --pf-c-table__compound-expansion-toggle__button--after--BorderTopWidth: 0;\n --pf-c-table__compound-expansion-toggle__button--after--Top: calc(var(--pf-c-table__compound-expansion-toggle__button--before--border-width--base) * -1);\n --pf-c-table__compound-expansion-toggle__button--after--Left: calc(var(--pf-c-table__compound-expansion-toggle__button--before--border-width--base) * -1);\n --pf-c-table--m-compact-th--PaddingTop: calc(var(--pf-global--spacer--sm) + var(--pf-global--spacer--xs));\n --pf-c-table--m-compact-th--PaddingBottom: var(--pf-global--spacer--sm);\n --pf-c-table--m-compact--cell--PaddingTop: var(--pf-global--spacer--sm);\n --pf-c-table--m-compact--cell--PaddingRight: var(--pf-global--spacer--sm);\n --pf-c-table--m-compact--cell--PaddingBottom: var(--pf-global--spacer--sm);\n --pf-c-table--m-compact--cell--PaddingLeft: var(--pf-global--spacer--sm);\n --pf-c-table--m-compact--cell--first-last-child--PaddingLeft: var(--pf-global--spacer--md);\n --pf-c-table--m-compact--cell--first-last-child--PaddingRight: var(--pf-global--spacer--md);\n --pf-c-table--m-compact--cell--first-last-child--xl--PaddingLeft: var(--pf-global--spacer--lg);\n --pf-c-table--m-compact--cell--first-last-child--xl--PaddingRight: var(--pf-global--spacer--lg);\n --pf-c-table--m-compact--FontSize: var(--pf-global--FontSize--sm);\n --pf-c-table--m-compact__expandable-row-content--PaddingTop: var(--pf-global--spacer--lg);\n --pf-c-table--m-compact__expandable-row-content--PaddingRight: var(--pf-global--spacer--lg);\n --pf-c-table--m-compact__expandable-row-content--PaddingBottom: var(--pf-global--spacer--lg);\n --pf-c-table--m-compact__expandable-row-content--PaddingLeft: var(--pf-global--spacer--lg);\n --pf-c-table--nested--first-last-child--PaddingRight: var(--pf-c-table--m-compact--cell--first-last-child--PaddingLeft);\n --pf-c-table--nested--first-last-child--PaddingLeft: var(--pf-c-table--m-compact--cell--first-last-child--PaddingRight);\n --pf-c-table__expandable-row--m-expanded--BorderBottomColor: var(--pf-global--BorderColor--100);\n --pf-c-table--tr--m-hoverable--BoxShadow--top: var(--pf-c-table--tr--BoxShadow--top--base);\n --pf-c-table--tr--m-hoverable--BackgroundColor: transparent;\n --pf-c-table--tr--m-hoverable--BoxShadow: none;\n --pf-c-table--tr--m-hoverable--OutlineOffset: calc(-1 * var(--pf-global--spacer--xs));\n --pf-c-table--tr--m-hoverable--hover--BoxShadow: var(--pf-c-table--tr--m-hoverable--BoxShadow--top), var(--pf-global--BoxShadow--sm-bottom);\n --pf-c-table--tr--m-hoverable--hover--BackgroundColor: var(--pf-global--BackgroundColor--100);\n --pf-c-table--tr--m-hoverable--focus--BoxShadow: var(--pf-c-table--tr--m-hoverable--BoxShadow--top), var(--pf-global--BoxShadow--sm-bottom);\n --pf-c-table--tr--m-hoverable--focus--BackgroundColor: var(--pf-global--BackgroundColor--100);\n --pf-c-table--tr--m-hoverable--active--BoxShadow: var(--pf-c-table--tr--m-hoverable--BoxShadow--top), var(--pf-global--BoxShadow--sm-bottom);\n --pf-c-table--tr--m-hoverable--active--BackgroundColor: var(--pf-global--BackgroundColor--100);\n --pf-c-table--tr--m-hoverable--m-selected--BoxShadow: var(--pf-global--BoxShadow--sm-bottom) inset, var(--pf-global--BoxShadow--sm-bottom);\n --pf-c-table--tr--m-selected--BoxShadow--top: var(--pf-c-table--tr--BoxShadow--top--base);\n --pf-c-table--tr--m-selected--BackgroundColor: var(--pf-global--BackgroundColor--100);\n --pf-c-table--tr--m-selected--BoxShadow: var(--pf-c-table--tr--m-selected--BoxShadow--top), var(--pf-global--BoxShadow--sm-bottom);\n --pf-c-table--tr--m-selected--OutlineOffset: calc(-1 * var(--pf-global--spacer--xs));\n --pf-c-table--tr--m-selected--after--BorderLeftWidth: var(--pf-c-table__expandable-row--after--border-width--base);\n --pf-c-table--tr--m-selected--after--BorderLeftColor: var(--pf-global--active-color--100);\n --pf-c-table--tr--m-selected--m-selected--BoxShadow: var(--pf-global--BoxShadow--sm-bottom);\n --pf-c-table--tr--m-selected--hover--m-selected--BoxShadow: var(--pf-global--BoxShadow--sm-bottom) inset, var(--pf-global--BoxShadow--sm-bottom);\n --pf-c-table--tr--m-selected--tr--m-selected--hover--BoxShadow: var(--pf-c-table--tr--m-selected--BoxShadow--top), var(--pf-global--BoxShadow--sm-bottom);\n --pf-c-table--tbody--m-hoverable--BoxShadow--top: var(--pf-c-table--tr--BoxShadow--top--base);\n --pf-c-table--tbody--m-hoverable--BoxShadow: none;\n --pf-c-table--tbody--m-hoverable--BackgroundColor: transparent;\n --pf-c-table--tbody--m-hoverable--OutlineOffset: calc(-1 * var(--pf-global--spacer--xs));\n --pf-c-table--tbody--m-hoverable--hover--BoxShadow: var(--pf-c-table--tbody--m-hoverable--BoxShadow--top), var(--pf-global--BoxShadow--sm-bottom);\n --pf-c-table--tbody--m-hoverable--hover--BackgroundColor: var(--pf-global--BackgroundColor--100);\n --pf-c-table--tbody--m-hoverable--focus--BoxShadow: var(--pf-c-table--tbody--m-hoverable--BoxShadow--top), var(--pf-global--BoxShadow--sm-bottom);\n --pf-c-table--tbody--m-hoverable--focus--BackgroundColor: var(--pf-global--BackgroundColor--100);\n --pf-c-table--tbody--m-hoverable--active--BoxShadow: var(--pf-c-table--tbody--m-hoverable--BoxShadow--top), var(--pf-global--BoxShadow--sm-bottom);\n --pf-c-table--tbody--m-hoverable--active--BackgroundColor: var(--pf-global--BackgroundColor--100);\n --pf-c-table--tbody--m-hoverable--m-expanded--BorderColor: var(--pf-global--active-color--400);\n --pf-c-table--tbody--m-hoverable--m-selected--hover--tr--BoxShadow: var(--pf-global--BoxShadow--sm-bottom) inset, var(--pf-global--BoxShadow--sm-bottom);\n --pf-c-table--tbody--m-selected--BackgroundColor: var(--pf-global--BackgroundColor--100);\n --pf-c-table--tbody--m-selected--BoxShadow--top: var(--pf-c-table--tr--BoxShadow--top--base);\n --pf-c-table--tbody--m-selected--BoxShadow: var(--pf-c-table--tbody--m-selected--BoxShadow--top), var(--pf-global--BoxShadow--sm-bottom);\n --pf-c-table--tbody--m-selected--OutlineOffset: calc(-1 * var(--pf-global--spacer--xs));\n --pf-c-table--tbody--m-selected--after--BorderLeftWidth: var(--pf-c-table__expandable-row--after--border-width--base);\n --pf-c-table--tbody--m-selected--after--BorderLeftColor: var(--pf-global--active-color--100);\n --pf-c-table--tbody--m-selected--m-selected--BoxShadow: var(--pf-global--BoxShadow--sm-bottom);\n --pf-c-table--tbody--m-selected--hover--tbody--m-selected--BoxShadow: var(--pf-global--BoxShadow--sm-bottom) inset, var(--pf-global--BoxShadow--sm-bottom);\n --pf-c-table--tbody--m-selected--tbody--m-selected--hover--BoxShadow: var(--pf-c-table--tr--m-selected--BoxShadow--top), var(--pf-global--BoxShadow--sm-bottom);\n --pf-c-table--thead--m-nested-column-header--button--OutlineOffset: -0.1875rem;\n --pf-c-table--thead--m-nested-column-header--tr--PaddingTop: var(--pf-global--spacer--xs);\n --pf-c-table--thead--m-nested-column-header--tr--PaddingBottom: var(--pf-global--spacer--xs);\n --pf-c-table__subhead--Color: var(--pf-global--Color--200);\n --pf-c-table--m-striped__tr--BackgroundColor: var(--pf-global--BackgroundColor--light-200);\n color: var(--pf-global--Color--100);\n width: 100%;\n background-color: var(--pf-c-table--BackgroundColor);\n}\n@media screen and (max-width: 1200px) {\n .pf-c-table {\n --pf-c-table-caption--PaddingRight: var(--pf-c-table-caption--xl--PaddingRight);\n --pf-c-table-caption--PaddingLeft: var(--pf-c-table-caption--xl--PaddingLeft);\n }\n}\n@media screen and (min-width: 1200px) {\n .pf-c-table {\n --pf-c-table--cell--first-last-child--PaddingRight: var(--pf-c-table--cell--first-last-child--xl--PaddingRight);\n --pf-c-table--cell--first-last-child--PaddingLeft: var(--pf-c-table--cell--first-last-child--xl--PaddingLeft);\n --pf-c-table--m-compact--cell--first-last-child--PaddingLeft: var(--pf-c-table--m-compact--cell--first-last-child--xl--PaddingLeft);\n --pf-c-table--m-compact--cell--first-last-child--PaddingRight: var(--pf-c-table--m-compact--cell--first-last-child--xl--PaddingRight);\n }\n}\n.pf-c-table.pf-m-fixed {\n table-layout: fixed;\n}\n.pf-c-table.pf-m-sticky-header {\n position: relative;\n}\n.pf-c-table.pf-m-sticky-header > thead > tr {\n border-bottom: 0;\n}\n.pf-c-table.pf-m-sticky-header > thead > tr > * {\n position: -webkit-sticky;\n position: sticky;\n top: 0;\n z-index: var(--pf-global--ZIndex--xs);\n background: var(--pf-c-table--BackgroundColor);\n}\n.pf-c-table.pf-m-sticky-header > thead > tr > *::after {\n position: absolute;\n right: 0;\n bottom: 0;\n left: 0;\n content: \"\";\n border-bottom: var(--pf-c-table--border-width--base) solid var(--pf-c-table--BorderColor);\n}\n.pf-c-table.pf-m-striped:not(.pf-m-expandable) > tbody > tr:nth-child(odd), .pf-c-table.pf-m-striped.pf-m-expandable > tbody:nth-of-type(odd) > tr:not(.pf-c-table__expandable-row),\n.pf-c-table > .pf-m-striped > tr:nth-child(odd),\n.pf-c-table > .pf-m-striped-even > tr:nth-child(even),\n.pf-c-table tr.pf-m-striped {\n --pf-c-table__sticky-column--BackgroundColor: var(--pf-c-table--m-striped__tr--BackgroundColor);\n background: var(--pf-c-table--m-striped__tr--BackgroundColor);\n}\n.pf-c-table tr:not(.pf-c-table__expandable-row) {\n border-bottom: var(--pf-c-table--border-width--base) solid var(--pf-c-table--BorderColor);\n}\n.pf-c-table tr:not(.pf-c-table__expandable-row).pf-m-ghost-row {\n background-color: var(--pf-c-table__tr--m-ghost-row--BackgroundColor);\n opacity: var(--pf-c-table__tr--m-ghost-row--Opacity);\n}\n.pf-c-table tr > * {\n --pf-hidden-visible--visible--Display: var(--pf-c-table--cell--hidden-visible--Display);\n position: relative;\n width: var(--pf-c-table--cell--Width);\n min-width: var(--pf-c-table--cell--MinWidth);\n max-width: var(--pf-c-table--cell--MaxWidth);\n padding: var(--pf-c-table--cell--PaddingTop) var(--pf-c-table--cell--PaddingRight) var(--pf-c-table--cell--PaddingBottom) var(--pf-c-table--cell--PaddingLeft);\n overflow: var(--pf-c-table--cell--Overflow);\n font-size: var(--pf-c-table--cell--FontSize);\n font-weight: var(--pf-c-table--cell--FontWeight);\n color: var(--pf-c-table--cell--Color);\n text-overflow: var(--pf-c-table--cell--TextOverflow);\n word-break: var(--pf-c-table--cell--WordBreak);\n white-space: var(--pf-c-table--cell--WhiteSpace);\n}\n.pf-c-table tr > *:first-child {\n --pf-c-table--cell--PaddingLeft: var(--pf-c-table--cell--first-last-child--PaddingLeft);\n}\n.pf-c-table tr > *:last-child {\n --pf-c-table--cell--PaddingRight: var(--pf-c-table--cell--first-last-child--PaddingRight);\n}\n.pf-c-table tr > *.pf-m-center {\n text-align: center;\n}\n.pf-c-table tr > *:empty {\n width: auto;\n min-width: 0;\n padding: 0;\n}\n.pf-c-table tr > *.pf-m-help {\n --pf-c-table--cell--MinWidth: var(--pf-c-table--cell--m-help--MinWidth);\n}\n.pf-c-table tr > *.pf-m-favorite {\n --pf-c-table__button--Color: var(--pf-c-table--cell--m-favorite--Color);\n --pf-c-table__sort--MinWidth: fit-content;\n --pf-c-table--cell--MaxWidth: fit-content;\n --pf-c-table--cell--Overflow: visible;\n}\n.pf-c-table tr > *.pf-m-border-right::before, .pf-c-table tr > *.pf-m-border-left::before {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n pointer-events: none;\n content: \"\";\n}\n.pf-c-table tr > *.pf-m-border-right::before {\n border-right: var(--pf-c-table--cell--m-border-right--before--BorderRightWidth) solid var(--pf-c-table--cell--m-border-right--before--BorderRightColor);\n}\n.pf-c-table tr > *.pf-m-border-left::before {\n border-left: var(--pf-c-table--cell--m-border-left--before--BorderLeftWidth) solid var(--pf-c-table--cell--m-border-left--before--BorderLeftColor);\n}\n.pf-c-table caption {\n padding-top: var(--pf-c-table-caption--PaddingTop);\n padding-bottom: var(--pf-c-table-caption--PaddingBottom);\n padding-left: var(--pf-c-table-caption--PaddingLeft);\n font-size: var(--pf-c-table-caption--FontSize);\n color: var(--pf-c-table-caption--Color);\n text-align: left;\n background-color: var(--pf-c-table--BackgroundColor);\n}\n.pf-c-table thead {\n --pf-c-table--cell--FontSize: var(--pf-c-table--thead--cell--FontSize);\n --pf-c-table--cell--FontWeight: var(--pf-c-table--thead--cell--FontWeight);\n vertical-align: bottom;\n}\n.pf-c-table thead.pf-m-nested-column-header button {\n outline-offset: var(--pf-c-table--thead--m-nested-column-header--button--OutlineOffset);\n}\n.pf-c-table thead.pf-m-nested-column-header th,\n.pf-c-table thead.pf-m-nested-column-header td,\n.pf-c-table thead.pf-m-nested-column-header input {\n vertical-align: middle;\n}\n.pf-c-table thead.pf-m-nested-column-header .pf-c-table__check label {\n display: flex;\n align-items: center;\n}\n.pf-c-table thead.pf-m-nested-column-header tr:not(:first-child) th:not([rowspan]),\n.pf-c-table thead.pf-m-nested-column-header tr:not(:first-child) td:not([rowspan]) {\n --pf-c-table--cell--PaddingTop: var(--pf-c-table--thead--m-nested-column-header--tr--PaddingTop);\n}\n.pf-c-table thead.pf-m-nested-column-header tr:not(:last-child) {\n --pf-c-table--border-width--base: 0;\n}\n.pf-c-table thead.pf-m-nested-column-header tr:not(:last-child) th:not([rowspan]),\n.pf-c-table thead.pf-m-nested-column-header tr:not(:last-child) td:not([rowspan]) {\n --pf-c-table--cell--PaddingBottom: var(--pf-c-table--thead--m-nested-column-header--tr--PaddingBottom);\n}\n.pf-c-table thead .pf-c-table__subhead {\n --pf-c-table__sort__button__text--Color: var(--pf-c-table__subhead--Color);\n color: var(--pf-c-table__subhead--Color);\n}\n.pf-c-table tbody {\n --pf-c-table--cell--PaddingTop: var(--pf-c-table--tbody--cell--PaddingTop);\n --pf-c-table--cell--PaddingBottom: var(--pf-c-table--tbody--cell--PaddingBottom);\n}\n.pf-c-table tbody > tr > * {\n overflow-wrap: break-word;\n vertical-align: baseline;\n}\n.pf-c-table tbody > tr > :first-child::after {\n position: absolute;\n top: var(--pf-c-table__expandable-row--after--Top);\n bottom: var(--pf-c-table__expandable-row--after--Bottom);\n left: 0;\n content: \"\";\n background-color: transparent;\n border-left: var(--pf-c-table__expandable-row--after--BorderLeftWidth) solid var(--pf-c-table__expandable-row--after--BorderColor);\n}\n.pf-c-table tbody .pf-c-table__check input {\n margin-top: var(--pf-c-table__check--input--MarginTop);\n vertical-align: top;\n}\n.pf-c-table .pf-c-table__compound-expansion-toggle, .pf-c-table .pf-c-table__compound-expansion-toggle:first-child, .pf-c-table .pf-c-table__compound-expansion-toggle:last-child {\n padding: 0;\n}\n.pf-c-table .pf-c-table__sort {\n min-width: var(--pf-c-table__sort--MinWidth);\n}\n.pf-c-table .pf-m-help {\n min-width: var(--pf-c-table--th--m-help--MinWidth);\n}\n.pf-c-table thead,\n.pf-c-table .pf-m-truncate {\n --pf-c-table--cell--MinWidth: var(--pf-c-table--m-truncate--cell--MinWidth);\n --pf-c-table--cell--MaxWidth: var(--pf-c-table--m-truncate--cell--MaxWidth);\n --pf-c-table--cell--Overflow: hidden;\n --pf-c-table--cell--TextOverflow: ellipsis;\n --pf-c-table--cell--WhiteSpace: nowrap;\n}\n.pf-c-table .pf-m-wrap {\n --pf-c-table--cell--MinWidth: 0;\n --pf-c-table--cell--MaxWidth: none;\n --pf-c-table--cell--Overflow: visible;\n --pf-c-table--cell--TextOverflow: clip;\n --pf-c-table--cell--WhiteSpace: normal;\n}\n.pf-c-table .pf-m-nowrap {\n --pf-c-table--cell--MinWidth: 0;\n --pf-c-table--cell--MaxWidth: none;\n --pf-c-table--cell--Overflow: visible;\n --pf-c-table--cell--TextOverflow: clip;\n --pf-c-table--cell--WhiteSpace: nowrap;\n}\n.pf-c-table .pf-c-table__icon,\n.pf-c-table .pf-m-fit-content {\n --pf-c-table--cell--MinWidth: fit-content;\n --pf-c-table--cell--MaxWidth: none;\n --pf-c-table--cell--Width: 1%;\n --pf-c-table--cell--Overflow: visible;\n --pf-c-table--cell--TextOverflow: clip;\n --pf-c-table--cell--WhiteSpace: nowrap;\n}\n.pf-c-table .pf-m-break-word {\n --pf-c-table--cell--WordBreak: break-word;\n --pf-c-table--cell--WhiteSpace: normal;\n}\n.pf-c-table.pf-m-no-border-rows > tbody > tr {\n border-bottom: 0;\n}\n.pf-c-table.pf-m-no-border-rows > tbody > tr > :first-child::after {\n border-left: 0;\n}\n.pf-c-table.pf-m-no-border-rows > tbody:not(.pf-m-expanded) .pf-c-table__compound-expansion-toggle .pf-c-table__button::before {\n display: none;\n}\n.pf-c-table.pf-m-no-border-rows > tbody.pf-m-expanded > .pf-c-table__control-row {\n border-bottom: var(--pf-c-table--border-width--base) solid var(--pf-c-table--BorderColor);\n}\n.pf-c-table.pf-m-no-border-rows > tbody .pf-c-table__control-row > .pf-c-table__compound-expansion-toggle:first-child > ::before {\n border-left-width: 0;\n}\n.pf-c-table tr.pf-m-hoverable {\n cursor: pointer;\n background-color: var(--pf-c-table--tr--m-hoverable--BackgroundColor);\n outline-offset: var(--pf-c-table--tr--m-hoverable--OutlineOffset);\n box-shadow: var(--pf-c-table--tr--m-hoverable--BoxShadow);\n}\n.pf-c-table tr.pf-m-hoverable:hover:not(.pf-m-selected) + tr.pf-m-selected, .pf-c-table tr.pf-m-hoverable:focus:not(.pf-m-selected) + tr.pf-m-selected, .pf-c-table tr.pf-m-hoverable:active:not(.pf-m-selected) + tr.pf-m-selected {\n box-shadow: var(--pf-c-table--tr--m-hoverable--m-selected--BoxShadow);\n}\n.pf-c-table tr.pf-m-hoverable:hover {\n --pf-c-table--tr--m-hoverable--BoxShadow: var(--pf-c-table--tr--m-hoverable--hover--BoxShadow);\n --pf-c-table--tr--m-hoverable--BackgroundColor: var(--pf-c-table--tr--m-hoverable--hover--BackgroundColor);\n}\n.pf-c-table tr.pf-m-hoverable:focus {\n --pf-c-table--tr--m-hoverable--BoxShadow: var(--pf-c-table--tr--m-hoverable--focus--BoxShadow);\n --pf-c-table--tr--m-hoverable--BackgroundColor: var(--pf-c-table--tr--m-hoverable--focus--BackgroundColor);\n}\n.pf-c-table tr.pf-m-hoverable:active {\n --pf-c-table--tr--m-hoverable--BoxShadow: var(--pf-c-table--tr--m-hoverable--active--BoxShadow);\n --pf-c-table--tr--m-hoverable--BackgroundColor: var(--pf-c-table--tr--m-hoverable--active--BackgroundColor);\n}\n.pf-c-table tr.pf-m-selected {\n --pf-c-table__expandable-row--after--BorderLeftWidth: var(--pf-c-table--tr--m-selected--after--BorderLeftWidth);\n --pf-c-table__expandable-row--after--BorderColor: var(--pf-c-table--tr--m-selected--after--BorderLeftColor);\n position: relative;\n background-color: var(--pf-c-table--tr--m-selected--BackgroundColor);\n outline-offset: var(--pf-c-table--tr--m-selected--OutlineOffset);\n box-shadow: var(--pf-c-table--tr--m-selected--BoxShadow);\n}\n.pf-c-table tr.pf-m-selected + tr.pf-m-selected {\n box-shadow: var(--pf-c-table--tr--m-selected--m-selected--BoxShadow);\n}\n.pf-c-table tr.pf-m-selected + tr.pf-m-selected:hover {\n box-shadow: var(--pf-c-table--tr--m-selected--tr--m-selected--hover--BoxShadow);\n}\n.pf-c-table tr.pf-m-selected:hover + tr.pf-m-selected {\n box-shadow: var(--pf-c-table--tr--m-selected--hover--m-selected--BoxShadow);\n}\n.pf-c-table tr.pf-m-first-cell-offset-reset {\n --pf-c-table--cell--first-last-child--PaddingLeft: var(--pf-c-table--tr--m-first-cell-offset-reset--cell--PaddingLeft);\n}\n.pf-c-table tbody.pf-m-hoverable {\n cursor: pointer;\n background-color: var(--pf-c-table--tbody--m-hoverable--BackgroundColor);\n outline-offset: var(--pf-c-table--tbody--m-hoverable--OutlineOffset);\n box-shadow: var(--pf-c-table--tbody--m-hoverable--BoxShadow);\n}\n.pf-c-table tbody.pf-m-hoverable.pf-m-expanded:not(.pf-m-selected) {\n --pf-c-table__expandable-row--after--BorderColor: var(--pf-c-table--tbody--m-hoverable--m-expanded--BorderColor);\n}\n.pf-c-table tbody.pf-m-hoverable:hover:not(.pf-m-selected) + tbody.pf-m-selected, .pf-c-table tbody.pf-m-hoverable:focus:not(.pf-m-selected) + tbody.pf-m-selected, .pf-c-table tbody.pf-m-hoverable:active:not(.pf-m-selected) + tbody.pf-m-selected {\n box-shadow: var(--pf-c-table--tbody--m-hoverable--m-selected--hover--tr--BoxShadow);\n}\n.pf-c-table tbody.pf-m-hoverable:hover {\n --pf-c-table--tbody--m-hoverable--BoxShadow: var(--pf-c-table--tbody--m-hoverable--hover--BoxShadow);\n --pf-c-table--tbody--m-hoverable--BackgroundColor: var(--pf-c-table--tbody--m-hoverable--hover--BackgroundColor);\n}\n.pf-c-table tbody.pf-m-hoverable:focus {\n --pf-c-table--tbody--m-hoverable--BoxShadow: var(--pf-c-table--tbody--m-hoverable--focus--BoxShadow);\n --pf-c-table--tbody--m-hoverable--BackgroundColor: var(--pf-c-table--tbody--m-hoverable--focus--BackgroundColor);\n}\n.pf-c-table tbody.pf-m-hoverable:active {\n --pf-c-table--tbody--m-hoverable--BoxShadow: var(--pf-c-table--tbody--m-hoverable--active--BoxShadow);\n --pf-c-table--tbody--m-hoverable--BackgroundColor: var(--pf-c-table--tbody--m-hoverable--active--BackgroundColor);\n}\n.pf-c-table tbody.pf-m-selected {\n --pf-c-table__expandable-row--after--BorderLeftWidth: var(--pf-c-table--tbody--m-selected--after--BorderLeftWidth);\n --pf-c-table__expandable-row--after--BorderColor: var(--pf-c-table--tbody--m-selected--after--BorderLeftColor);\n background-color: var(--pf-c-table--tbody--m-selected--BackgroundColor);\n outline-offset: var(--pf-c-table--tbody--m-selected--OutlineOffset);\n box-shadow: var(--pf-c-table--tbody--m-selected--BoxShadow);\n}\n.pf-c-table tbody.pf-m-selected + tbody.pf-m-selected {\n --pf-c-table--tbody--m-selected--BoxShadow: var(--pf-c-table--tbody--m-selected--m-selected--BoxShadow);\n}\n.pf-c-table tbody.pf-m-selected + tbody.pf-m-selected:hover {\n box-shadow: var(--pf-c-table--tbody--m-selected--tbody--m-selected--hover--BoxShadow);\n}\n.pf-c-table tbody.pf-m-selected:hover + tbody.pf-m-selected {\n box-shadow: var(--pf-c-table--tbody--m-selected--hover--tbody--m-selected--BoxShadow);\n}\n.pf-c-table.pf-m-drag-over {\n overflow-anchor: none;\n}\n\n.pf-c-table__text {\n --pf-c-table--cell--MaxWidth: 100%;\n position: relative;\n display: block;\n width: var(--pf-c-table--cell--Width);\n min-width: var(--pf-c-table--cell--MinWidth);\n max-width: var(--pf-c-table--cell--MaxWidth);\n overflow: var(--pf-c-table--cell--Overflow);\n text-overflow: var(--pf-c-table--cell--TextOverflow);\n word-break: var(--pf-c-table--cell--WordBreak);\n white-space: var(--pf-c-table--cell--WhiteSpace);\n}\n.pf-c-table__text.pf-m-truncate {\n --pf-c-table--cell--MinWidth: 100%;\n}\n.pf-c-table__text.pf-m-truncate > * {\n overflow: var(--pf-c-table--cell--Overflow);\n text-overflow: var(--pf-c-table--cell--TextOverflow);\n white-space: var(--pf-c-table--cell--WhiteSpace);\n}\n\n.pf-c-table__button {\n position: static;\n width: 100%;\n padding: var(--pf-c-table--cell--PaddingTop) var(--pf-c-table--cell--PaddingRight) var(--pf-c-table--cell--PaddingBottom) var(--pf-c-table--cell--PaddingLeft);\n font-size: inherit;\n font-weight: inherit;\n color: var(--pf-c-table__button--Color);\n text-align: left;\n white-space: inherit;\n -webkit-user-select: text;\n -moz-user-select: text;\n -ms-user-select: text;\n user-select: text;\n background-color: var(--pf-c-table__button--BackgroundColor);\n border: 0;\n}\n.pf-c-table__button::before {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n cursor: pointer;\n content: \"\";\n}\n.pf-c-table__button:hover {\n color: var(--pf-c-table__button--hover--Color);\n}\n.pf-c-table__button:focus {\n color: var(--pf-c-table__button--focus--Color);\n}\n.pf-c-table__button:active {\n color: var(--pf-c-table__button--active--Color);\n}\n\n.pf-c-table__sort .pf-c-table__text,\n.pf-c-table__compound-expansion-toggle .pf-c-table__text {\n display: block;\n width: auto;\n overflow: var(--pf-c-table--cell--Overflow);\n text-overflow: var(--pf-c-table--cell--TextOverflow);\n white-space: var(--pf-c-table--cell--WhiteSpace);\n}\n\n.pf-c-table__sort .pf-c-table__text {\n --pf-c-table--cell--MinWidth: 0;\n}\n\n.pf-c-table__button-content,\n.pf-c-table__column-help {\n display: grid;\n align-items: end;\n justify-content: start;\n grid-template-columns: auto -webkit-max-content;\n grid-template-columns: auto max-content;\n}\n.pf-c-table__button-content .pf-c-table__text,\n.pf-c-table__column-help .pf-c-table__text {\n min-width: auto;\n}\n.pf-c-table thead.pf-m-nowrap .pf-c-table__button-content, .pf-c-table tr.pf-m-nowrap .pf-c-table__button-content, .pf-c-table th.pf-m-nowrap .pf-c-table__button-content,\n.pf-c-table thead.pf-m-nowrap .pf-c-table__column-help,\n.pf-c-table tr.pf-m-nowrap .pf-c-table__column-help,\n.pf-c-table th.pf-m-nowrap .pf-c-table__column-help {\n grid-template-columns: -webkit-min-content -webkit-max-content;\n grid-template-columns: min-content max-content;\n}\n.pf-c-table thead.pf-m-fit-content .pf-c-table__button-content, .pf-c-table tr.pf-m-fit-content .pf-c-table__button-content, .pf-c-table th.pf-m-fit-content .pf-c-table__button-content,\n.pf-c-table thead.pf-m-fit-content .pf-c-table__column-help,\n.pf-c-table tr.pf-m-fit-content .pf-c-table__column-help,\n.pf-c-table th.pf-m-fit-content .pf-c-table__column-help {\n grid-template-columns: -webkit-fit-content -webkit-max-content;\n grid-template-columns: fit-content max-content;\n}\n.pf-c-table thead.pf-m-wrap .pf-c-table__button-content, .pf-c-table tr.pf-m-wrap .pf-c-table__button-content, .pf-c-table th.pf-m-wrap .pf-c-table__button-content, .pf-c-table thead.pf-m-truncate .pf-c-table__button-content, .pf-c-table tr.pf-m-truncate .pf-c-table__button-content, .pf-c-table th.pf-m-truncate .pf-c-table__button-content,\n.pf-c-table thead.pf-m-wrap .pf-c-table__column-help,\n.pf-c-table tr.pf-m-wrap .pf-c-table__column-help,\n.pf-c-table th.pf-m-wrap .pf-c-table__column-help,\n.pf-c-table thead.pf-m-truncate .pf-c-table__column-help,\n.pf-c-table tr.pf-m-truncate .pf-c-table__column-help,\n.pf-c-table th.pf-m-truncate .pf-c-table__column-help {\n grid-template-columns: auto -webkit-max-content;\n grid-template-columns: auto max-content;\n}\n\n.pf-c-table .pf-c-table__toggle,\n.pf-c-table .pf-c-table__action,\n.pf-c-table .pf-c-table__inline-edit-action {\n --pf-c-table--cell--PaddingBottom: 0;\n}\n\n.pf-c-table .pf-c-table__check,\n.pf-c-table .pf-c-table__toggle,\n.pf-c-table .pf-c-table__action,\n.pf-c-table .pf-c-table__favorite,\n.pf-c-table th.pf-m-favorite,\n.pf-c-table .pf-c-table__inline-edit-action,\n.pf-c-table .pf-c-table__draggable {\n --pf-c-table--cell--MinWidth: 0;\n --pf-c-table--cell--Width: 1%;\n}\n\n.pf-c-table__toggle {\n --pf-c-table--cell--PaddingRight: 0;\n --pf-c-table--cell--PaddingLeft: 0;\n vertical-align: top;\n}\n.pf-c-table__toggle .pf-c-button {\n margin-top: var(--pf-c-table__toggle--c-button--MarginTop);\n margin-bottom: var(--pf-c-table__toggle--c-button--MarginBottom);\n}\n.pf-c-table__toggle .pf-c-button.pf-m-expanded .pf-c-table__toggle-icon {\n transform: rotate(var(--pf-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate));\n}\n.pf-c-table__toggle .pf-c-table__toggle-icon {\n transition: var(--pf-c-table__toggle--c-button__toggle-icon--Transition);\n transform: rotate(var(--pf-c-table__toggle--c-button__toggle-icon--Rotate));\n}\n.pf-c-table__toggle svg {\n pointer-events: none;\n}\n\n.pf-c-table__check {\n --pf-c-table--cell--FontSize: var(--pf-c-table__check--input--FontSize);\n}\n.pf-c-table__check label:not([disabled]),\n.pf-c-table__check input:not([disabled]) {\n cursor: pointer;\n}\n.pf-c-table__check label {\n display: block;\n padding: inherit;\n margin: calc(var(--pf-c-table--cell--PaddingTop) * -1) calc(var(--pf-c-table--cell--PaddingRight) * -1) calc(var(--pf-c-table--cell--PaddingBottom) * -1) calc(var(--pf-c-table--cell--PaddingLeft) * -1);\n}\n\n.pf-c-table__favorite .pf-c-button {\n --pf-c-button--m-plain--Color: var(--pf-c-table__favorite--c-button--Color);\n --pf-c-button--FontSize: var(--pf-c-table__favorite--c-button--FontSize);\n margin: var(--pf-c-table__favorite--c-button--MarginTop) var(--pf-c-table__favorite--c-button--MarginRight) var(--pf-c-table__favorite--c-button--MarginBottom) var(--pf-c-table__favorite--c-button--MarginLeft);\n}\n.pf-m-favorited.pf-c-table__favorite .pf-c-button {\n --pf-c-button--m-plain--Color: var(--pf-c-table__favorite--m-favorited--c-button--Color);\n}\n\n.pf-c-table__draggable .pf-c-button {\n margin: var(--pf-c-table__draggable--c-button--MarginTop) var(--pf-c-table__draggable--c-button--MarginRight) var(--pf-c-table__draggable--c-button--MarginBottom) var(--pf-c-table__draggable--c-button--MarginLeft);\n cursor: -webkit-grab;\n cursor: grab;\n}\n.pf-c-table__draggable .pf-c-button:active {\n cursor: -webkit-grabbing;\n cursor: grabbing;\n}\n\n.pf-c-table__action,\n.pf-c-table__inline-edit-action {\n --pf-c-table--cell--PaddingTop: 0;\n --pf-c-table--cell--PaddingRight: var(--pf-c-table__action--PaddingRight);\n --pf-c-table--cell--PaddingBottom: 0;\n --pf-c-table--cell--PaddingLeft: var(--pf-c-table__action--PaddingLeft);\n padding-top: 0;\n padding-bottom: 0;\n vertical-align: middle;\n}\n\n.pf-c-table__inline-edit-action {\n --pf-c-table--cell--PaddingLeft: 0;\n --pf-c-table--cell--PaddingRight: 0;\n text-align: right;\n}\n\n.pf-c-table__compound-expansion-toggle {\n --pf-c-table__button--Color: var(--pf-c-table__compound-expansion-toggle__button--Color);\n --pf-c-table__button--hover--Color: var(--pf-c-table__compound-expansion-toggle__button--hover--Color);\n --pf-c-table__button--focus--Color: var(--pf-c-table__compound-expansion-toggle__button--focus--Color);\n --pf-c-table__button--active--Color: var(--pf-c-table__compound-expansion-toggle__button--active--Color);\n position: relative;\n}\n.pf-c-table__compound-expansion-toggle.pf-m-truncate {\n overflow: visible;\n}\n.pf-c-table__compound-expansion-toggle .pf-c-table__button {\n min-width: 100%;\n overflow: hidden;\n}\n.pf-c-table__compound-expansion-toggle .pf-c-table__button:hover, .pf-c-table__compound-expansion-toggle .pf-c-table__button:focus, .pf-c-table__compound-expansion-toggle .pf-c-table__button:active {\n outline: 0;\n}\n.pf-c-table__compound-expansion-toggle .pf-c-table__button::before,\n.pf-c-table__compound-expansion-toggle .pf-c-table__button::after {\n position: absolute;\n right: 0;\n content: \"\";\n border-style: solid;\n border-width: 0;\n}\n.pf-c-table__compound-expansion-toggle .pf-c-table__button::before {\n top: 0;\n bottom: var(--pf-c-table__compound-expansion-toggle__button--before--Bottom);\n left: var(--pf-c-table__compound-expansion-toggle__button--before--Left);\n border-color: var(--pf-c-table__compound-expansion-toggle__button--before--BorderColor);\n border-right-width: var(--pf-c-table__compound-expansion-toggle__button--before--BorderRightWidth);\n border-left-width: var(--pf-c-table__compound-expansion-toggle__button--before--BorderLeftWidth);\n}\n.pf-c-table__compound-expansion-toggle .pf-c-table__button::after {\n top: var(--pf-c-table__compound-expansion-toggle__button--after--Top);\n left: var(--pf-c-table__compound-expansion-toggle__button--after--Left);\n pointer-events: none;\n border-color: var(--pf-c-table__compound-expansion-toggle__button--after--BorderColor);\n border-top-width: var(--pf-c-table__compound-expansion-toggle__button--after--BorderTopWidth);\n}\n.pf-c-table__compound-expansion-toggle:hover, .pf-c-table__compound-expansion-toggle:focus-within, .pf-c-table__compound-expansion-toggle.pf-m-expanded {\n --pf-c-table__compound-expansion-toggle__button--before--BorderRightWidth: var(--pf-c-table__compound-expansion-toggle__button--before--border-width--base);\n --pf-c-table__compound-expansion-toggle__button--before--BorderLeftWidth: var(--pf-c-table__compound-expansion-toggle__button--before--border-width--base);\n --pf-c-table__compound-expansion-toggle__button--after--BorderTopWidth: var(--pf-c-table__compound-expansion-toggle__button--after--border-width--base);\n}\n.pf-c-table__compound-expansion-toggle:first-child {\n --pf-c-table__compound-expansion-toggle__button--before--Left: 0;\n --pf-c-table__compound-expansion-toggle__button--after--Left: 0;\n}\n.pf-c-table__compound-expansion-toggle.pf-m-expanded .pf-c-table__button::before {\n border-bottom: var(--pf-c-table--BackgroundColor) solid var(--pf-c-table__compound-expansion-toggle__button--before--border-width--base);\n}\n.pf-c-table__compound-expansion-toggle.pf-m-expanded:first-child {\n --pf-c-table__compound-expansion-toggle__button--before--BorderLeftWidth: 0;\n}\n.pf-c-table__compound-expansion-toggle:focus-within {\n outline-offset: var(--pf-c-table__button--OutlineOffset);\n}\n@media (-webkit-min-device-pixel-ratio: 0) {\n .pf-c-table__compound-expansion-toggle:focus-within {\n outline-style: auto;\n outline-color: -webkit-focus-ring-color;\n }\n}\n\n.pf-c-table__column-help-action {\n margin-left: var(--pf-c-table__column-help--MarginLeft);\n transform: translateY(var(--pf-c-table__column-help--TranslateY));\n}\n.pf-c-table__column-help-action .pf-c-button {\n --pf-c-button--PaddingRight: var(--pf-c-table__column-help--c-button--PaddingRight);\n --pf-c-button--PaddingLeft: var(--pf-c-table__column-help--c-button--PaddingLeft);\n margin-top: var(--pf-c-table__column-help--c-button--MarginTop);\n margin-bottom: var(--pf-c-table__column-help--c-button--MarginBottom);\n font-size: inherit;\n line-height: 1;\n}\n\n.pf-c-table__sort .pf-c-table__button {\n --pf-c-table--cell--PaddingTop: var(--pf-c-table__sort__button--PaddingTop);\n --pf-c-table--cell--PaddingRight: var(--pf-c-table__sort__button--PaddingRight);\n --pf-c-table--cell--PaddingBottom: var(--pf-c-table__sort__button--PaddingBottom);\n --pf-c-table--cell--PaddingLeft: var(--pf-c-table__sort__button--PaddingLeft);\n display: flex;\n width: auto;\n margin-top: var(--pf-c-table__sort__button--MarginTop);\n margin-bottom: var(--pf-c-table__sort__button--MarginBottom);\n margin-left: var(--pf-c-table__sort__button--MarginLeft);\n}\n.pf-c-table__sort .pf-c-table__button:hover {\n --pf-c-table__sort-indicator--Color: var(--pf-c-table__sort__button--hover__sort-indicator--Color);\n --pf-c-table__sort__button__text--Color: var(--pf-c-table__sort__button--hover__text--Color);\n}\n.pf-c-table__sort .pf-c-table__button:focus {\n --pf-c-table__sort-indicator--Color: var(--pf-c-table__sort__button--focus__sort-indicator--Color);\n --pf-c-table__sort__button__text--Color: var(--pf-c-table__sort__button--focus__text--Color);\n}\n.pf-c-table__sort .pf-c-table__button:active {\n --pf-c-table__sort-indicator--Color: var(--pf-c-table__sort__button--active__sort-indicator--Color);\n --pf-c-table__sort__button__text--Color: var(--pf-c-table__sort__button--active__text--Color);\n}\n.pf-c-table__sort .pf-c-table__button .pf-c-table__text {\n color: var(--pf-c-table__sort__button__text--Color);\n}\n.pf-c-table__sort.pf-m-selected .pf-c-table__button {\n --pf-c-table__sort-indicator--Color: var(--pf-c-table__sort--m-selected__sort-indicator--Color);\n --pf-c-table__sort__button__text--Color: var(--pf-c-table__sort--m-selected__button__text--Color);\n color: var(--pf-c-table__sort--m-selected__button--Color);\n}\n.pf-c-table__sort.pf-m-help {\n --pf-c-table--th--m-help--MinWidth: var(--pf-c-table__sort--m-help--MinWidth);\n}\n.pf-c-table__sort.pf-m-favorite {\n --pf-c-table__sort__button__text--Color: var(--pf-c-table__sort--m-favorite__button__text--Color);\n --pf-c-table__sort__button--hover__text--Color: var(--pf-c-table__sort--m-favorite__button--hover__text--Color);\n --pf-c-table__sort__button--focus__text--Color: var(--pf-c-table__sort--m-favorite__button--focus__text--Color);\n --pf-c-table__sort__button--active__text--Color: var(--pf-c-table__sort--m-favorite__button--active__text--Color);\n --pf-c-table__sort--m-selected__button__text--Color: currentColor;\n}\n\n.pf-c-table__sort-indicator {\n grid-column: 2;\n margin-left: var(--pf-c-table__sort-indicator--MarginLeft);\n color: var(--pf-c-table__sort-indicator--Color);\n pointer-events: none;\n}\n\n.pf-c-table__expandable-row {\n --pf-c-table--cell--PaddingTop: 0;\n --pf-c-table--cell--PaddingBottom: 0;\n position: relative;\n border-bottom: 0 solid transparent;\n box-shadow: 0 0 0 0 transparent;\n}\n.pf-c-table__expandable-row,\n.pf-c-table__expandable-row td:first-child::after {\n transition: var(--pf-c-table__expandable-row--Transition);\n}\n.pf-c-table__expandable-row td.pf-m-no-padding,\n.pf-c-table__expandable-row th.pf-m-no-padding {\n padding: 0 0 0 var(--pf-c-table__expandable-row--after--border-width--base);\n}\n.pf-c-table__expandable-row td.pf-m-no-padding .pf-c-table__expandable-row-content,\n.pf-c-table__expandable-row th.pf-m-no-padding .pf-c-table__expandable-row-content {\n padding: 0;\n}\n.pf-c-table__expandable-row .pf-c-table__expandable-row-content {\n padding-top: var(--pf-c-table__expandable-row-content--PaddingTop);\n padding-bottom: var(--pf-c-table__expandable-row-content--PaddingBottom);\n}\n.pf-c-table__expandable-row.pf-m-expanded {\n border-bottom-color: var(--pf-c-table__expandable-row--m-expanded--BorderBottomColor);\n border-bottom-width: var(--pf-c-table--border-width--base);\n box-shadow: var(--pf-c-table__expandable-row--m-expanded--BoxShadow);\n}\n.pf-c-table__expandable-row:not(.pf-m-expanded) {\n display: none;\n visibility: hidden;\n}\n\n.pf-c-table__compound-expansion-toggle.pf-m-expanded:first-child,\n.pf-c-table__expandable-row.pf-m-expanded > :first-child,\n.pf-c-table tbody.pf-m-expanded > tr > :not(.pf-c-table__compound-expansion-toggle) {\n --pf-c-table__expandable-row--after--BorderLeftWidth: var(--pf-c-table__expandable-row--after--border-width--base);\n}\n\n.pf-c-table .pf-c-table tr > *:first-child {\n --pf-c-table--cell--PaddingLeft: var(--pf-c-table--nested--first-last-child--PaddingLeft);\n}\n.pf-c-table .pf-c-table tr > *:last-child {\n --pf-c-table--cell--PaddingRight: var(--pf-c-table--nested--first-last-child--PaddingRight);\n}\n\n.pf-c-table.pf-m-compact {\n --pf-c-table--cell--FontSize: var(--pf-c-table--m-compact--FontSize);\n --pf-c-table--cell--PaddingTop: var(--pf-c-table--m-compact--cell--PaddingTop);\n --pf-c-table--cell--PaddingBottom: var(--pf-c-table--m-compact--cell--PaddingBottom);\n --pf-c-table--cell--PaddingRight: var(--pf-c-table--m-compact--cell--PaddingLeft);\n}\n.pf-c-table.pf-m-compact tr {\n --pf-c-table--cell--PaddingLeft: var(--pf-c-table--m-compact--cell--PaddingLeft);\n --pf-c-table--cell--PaddingRight: var(--pf-c-table--m-compact--cell--PaddingRight);\n}\n.pf-c-table.pf-m-compact tr:not(.pf-c-table__expandable-row) {\n --pf-c-table--cell--FontSize: var(--pf-c-table--m-compact--FontSize);\n --pf-c-table--cell--PaddingTop: var(--pf-c-table--m-compact--cell--PaddingTop);\n --pf-c-table--cell--PaddingBottom: var(--pf-c-table--m-compact--cell--PaddingBottom);\n}\n.pf-c-table.pf-m-compact tr:not(.pf-c-table__expandable-row) > *:first-child {\n --pf-c-table--cell--PaddingLeft: var(--pf-c-table--m-compact--cell--first-last-child--PaddingLeft);\n}\n.pf-c-table.pf-m-compact tr:not(.pf-c-table__expandable-row) > *:last-child {\n --pf-c-table--cell--PaddingRight: var(--pf-c-table--m-compact--cell--first-last-child--PaddingRight);\n}\n.pf-c-table.pf-m-compact thead th,\n.pf-c-table.pf-m-compact thead .pf-c-table__toggle {\n --pf-c-table--cell--PaddingTop: var(--pf-c-table--m-compact-th--PaddingTop);\n --pf-c-table--cell--PaddingBottom: var(--pf-c-table--m-compact-th--PaddingBottom);\n}\n.pf-c-table.pf-m-compact .pf-c-table__action {\n --pf-c-table--cell--PaddingTop: var(--pf-c-table__action--PaddingTop);\n --pf-c-table--cell--PaddingBottom: var(--pf-c-table__action--PaddingBottom);\n --pf-c-table--cell--PaddingLeft: var(--pf-c-table__action--PaddingLeft);\n}\n.pf-c-table.pf-m-compact .pf-c-table__toggle {\n --pf-c-table--cell--PaddingTop: var(--pf-c-table--m-compact__toggle--PaddingTop);\n --pf-c-table--cell--PaddingBottom: var(--pf-c-table--m-compact__toggle--PaddingBottom);\n}\n.pf-c-table.pf-m-compact .pf-c-table__icon {\n width: auto;\n min-width: 0;\n text-align: center;\n}\n.pf-c-table .pf-c-table.pf-m-compact tr > *:first-child {\n --pf-c-table--cell--PaddingLeft: var(--pf-c-table--nested--first-last-child--PaddingLeft);\n}\n.pf-c-table .pf-c-table.pf-m-compact tr > *:last-child {\n --pf-c-table--cell--PaddingRight: var(--pf-c-table--nested--first-last-child--PaddingRight);\n}\n.pf-c-table.pf-m-compact .pf-c-table__expandable-row-content {\n --pf-c-table__expandable-row-content--PaddingTop: var(--pf-c-table--m-compact__expandable-row-content--PaddingTop);\n --pf-c-table__expandable-row-content--PaddingBottom: var(--pf-c-table--m-compact__expandable-row-content--PaddingBottom);\n}\n\n.pf-c-table__icon-inline {\n display: flex;\n align-items: center;\n}\n.pf-c-table__icon-inline > :not(:last-child) {\n margin-right: var(--pf-c-table__icon-inline--MarginRight);\n}\n\n.pf-c-table .pf-m-width-10 {\n --pf-c-table--cell--Width: 10%;\n}\n\n.pf-c-table .pf-m-width-15 {\n --pf-c-table--cell--Width: 15%;\n}\n\n.pf-c-table .pf-m-width-20 {\n --pf-c-table--cell--Width: 20%;\n}\n\n.pf-c-table .pf-m-width-25 {\n --pf-c-table--cell--Width: 25%;\n}\n\n.pf-c-table .pf-m-width-30 {\n --pf-c-table--cell--Width: 30%;\n}\n\n.pf-c-table .pf-m-width-35 {\n --pf-c-table--cell--Width: 35%;\n}\n\n.pf-c-table .pf-m-width-40 {\n --pf-c-table--cell--Width: 40%;\n}\n\n.pf-c-table .pf-m-width-45 {\n --pf-c-table--cell--Width: 45%;\n}\n\n.pf-c-table .pf-m-width-50 {\n --pf-c-table--cell--Width: 50%;\n}\n\n.pf-c-table .pf-m-width-60 {\n --pf-c-table--cell--Width: 60%;\n}\n\n.pf-c-table .pf-m-width-70 {\n --pf-c-table--cell--Width: 70%;\n}\n\n.pf-c-table .pf-m-width-80 {\n --pf-c-table--cell--Width: 80%;\n}\n\n.pf-c-table .pf-m-width-90 {\n --pf-c-table--cell--Width: 90%;\n}\n\n.pf-c-table .pf-m-width-100 {\n --pf-c-table--cell--Width: 100%;\n}\n\n:where(.pf-theme-dark) .pf-c-table {\n --pf-c-table--m-striped__tr--BackgroundColor: var(--pf-global--BackgroundColor--150);\n}\n:where(.pf-theme-dark) .pf-c-table__favorite .pf-c-button:hover, :where(.pf-theme-dark) .pf-c-table__favorite .pf-c-button:focus {\n --pf-c-button--m-plain--Color: var(--pf-global--palette--gold-100);\n}";
|
|
2
|
-
var stylesheet=".pf-c-table {\n --pf-global--Color--100: var(--pf-global--Color--dark-100);\n --pf-global--Color--200: var(--pf-global--Color--dark-200);\n --pf-global--BorderColor--100: var(--pf-global--BorderColor--dark-100);\n --pf-global--primary-color--100: var(--pf-global--primary-color--dark-100);\n --pf-global--link--Color: var(--pf-global--link--Color--dark);\n --pf-global--link--Color--hover: var(--pf-global--link--Color--dark--hover);\n --pf-global--BackgroundColor--100: var(--pf-global--BackgroundColor--light-100);\n}\n\n.pf-c-table tr > * {\n --pf-hidden-visible--visible--Visibility: visible;\n --pf-hidden-visible--hidden--Display: none;\n --pf-hidden-visible--hidden--Visibility: hidden;\n --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);\n --pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);\n display: var(--pf-hidden-visible--Display);\n visibility: var(--pf-hidden-visible--Visibility);\n}\n.pf-c-table tr > .pf-m-hidden {\n --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);\n --pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);\n}\n@media screen and (min-width: 576px) {\n .pf-c-table tr > .pf-m-hidden-on-sm {\n --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);\n --pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);\n }\n .pf-c-table tr > .pf-m-visible-on-sm {\n --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);\n --pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);\n }\n}\n@media screen and (min-width: 768px) {\n .pf-c-table tr > .pf-m-hidden-on-md {\n --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);\n --pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);\n }\n .pf-c-table tr > .pf-m-visible-on-md {\n --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);\n --pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);\n }\n}\n@media screen and (min-width: 992px) {\n .pf-c-table tr > .pf-m-hidden-on-lg {\n --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);\n --pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);\n }\n .pf-c-table tr > .pf-m-visible-on-lg {\n --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);\n --pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);\n }\n}\n@media screen and (min-width: 1200px) {\n .pf-c-table tr > .pf-m-hidden-on-xl {\n --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);\n --pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);\n }\n .pf-c-table tr > .pf-m-visible-on-xl {\n --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);\n --pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);\n }\n}\n@media screen and (min-width: 1450px) {\n .pf-c-table tr > .pf-m-hidden-on-2xl {\n --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);\n --pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);\n }\n .pf-c-table tr > .pf-m-visible-on-2xl {\n --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);\n --pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);\n }\n}\n\n.pf-c-table {\n --pf-c-table--BackgroundColor: var(--pf-global--BackgroundColor--100);\n --pf-c-table--BorderColor: var(--pf-global--BorderColor--100);\n --pf-c-table--border-width--base: var(--pf-global--BorderWidth--sm);\n --pf-c-table-caption--FontSize: var(--pf-global--FontSize--sm);\n --pf-c-table-caption--Color: var(--pf-global--Color--200);\n --pf-c-table-caption--PaddingTop: var(--pf-global--spacer--md);\n --pf-c-table-caption--PaddingRight: var(--pf-global--spacer--lg);\n --pf-c-table-caption--PaddingBottom: var(--pf-global--spacer--md);\n --pf-c-table-caption--PaddingLeft: var(--pf-global--spacer--lg);\n --pf-c-table-caption--xl--PaddingRight: var(--pf-global--spacer--md);\n --pf-c-table-caption--xl--PaddingLeft: var(--pf-global--spacer--md);\n --pf-c-table--thead--cell--FontSize: var(--pf-global--FontSize--sm);\n --pf-c-table--thead--cell--FontWeight: var(--pf-global--FontWeight--bold);\n --pf-c-table--tbody--cell--PaddingTop: var(--pf-global--spacer--lg);\n --pf-c-table--tbody--cell--PaddingBottom: var(--pf-global--spacer--lg);\n --pf-c-table--tr--BoxShadow--top--base: 0 -0.1875rem 0.25rem -0.125rem rgba(3,3,3,.08);\n --pf-c-table--cell--Padding--base: var(--pf-global--spacer--md);\n --pf-c-table--cell--FontSize: var(--pf-global--FontSize--md);\n --pf-c-table--cell--FontWeight: var(--pf-global--FontWeight--normal);\n --pf-c-table--cell--Color: var(--pf-global--Color--100);\n --pf-c-table--cell--PaddingTop: var(--pf-c-table--cell--Padding--base);\n --pf-c-table--cell--PaddingRight: var(--pf-c-table--cell--Padding--base);\n --pf-c-table--cell--PaddingBottom: var(--pf-c-table--cell--Padding--base);\n --pf-c-table--cell--PaddingLeft: var(--pf-c-table--cell--Padding--base);\n --pf-c-table--cell--first-last-child--PaddingLeft: var(--pf-global--spacer--md);\n --pf-c-table--cell--first-last-child--PaddingRight: var(--pf-global--spacer--md);\n --pf-c-table--cell--first-last-child--xl--PaddingLeft: var(--pf-global--spacer--lg);\n --pf-c-table--cell--first-last-child--xl--PaddingRight: var(--pf-global--spacer--lg);\n --pf-c-table--tr--m-first-cell-offset-reset--cell--PaddingLeft: var(--pf-c-table--cell--Padding--base);\n --pf-c-table--cell--MinWidth: 0;\n --pf-c-table--cell--MaxWidth: none;\n --pf-c-table--cell--Width: auto;\n --pf-c-table--cell--Overflow: visible;\n --pf-c-table--cell--TextOverflow: clip;\n --pf-c-table--cell--WhiteSpace: normal;\n --pf-c-table--cell--WordBreak: normal;\n --pf-c-table--cell--m-border-right--before--BorderRightWidth: var(--pf-global--BorderWidth--sm);\n --pf-c-table--cell--m-border-right--before--BorderRightColor: var(--pf-global--BorderColor--100);\n --pf-c-table--cell--m-border-left--before--BorderLeftWidth: var(--pf-global--BorderWidth--sm);\n --pf-c-table--cell--m-border-left--before--BorderLeftColor: var(--pf-global--BorderColor--100);\n --pf-c-table--cell--m-help--MinWidth: 11ch;\n --pf-c-table--m-truncate--cell--MaxWidth: 1px;\n --pf-c-table--m-truncate--cell--MinWidth: calc(5ch + var(--pf-c-table--cell--PaddingRight) + var(--pf-c-table--cell--PaddingLeft));\n --pf-c-table--cell--hidden-visible--Display: table-cell;\n --pf-c-table__toggle--c-button--MarginTop: calc(0.375rem * -1);\n --pf-c-table__toggle--c-button--MarginBottom: calc(0.375rem * -1);\n --pf-c-table__toggle--c-button__toggle-icon--Rotate: 270deg;\n --pf-c-table__toggle--c-button__toggle-icon--Transition: .2s ease-in 0s;\n --pf-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate: 360deg;\n --pf-c-table__button--BackgroundColor: transparent;\n --pf-c-table__button--Color: var(--pf-global--Color--100);\n --pf-c-table__button--hover--Color: var(--pf-global--Color--100);\n --pf-c-table__button--focus--Color: var(--pf-global--Color--100);\n --pf-c-table__button--active--Color: var(--pf-global--Color--100);\n --pf-c-table__button--OutlineOffset: calc(var(--pf-global--BorderWidth--lg) * -1);\n --pf-c-table--m-compact__toggle--PaddingTop: 0;\n --pf-c-table--m-compact__toggle--PaddingBottom: 0;\n --pf-c-table__check--input--MarginTop: 0.25rem;\n --pf-c-table__check--input--FontSize: var(--pf-global--FontSize--md);\n --pf-c-table--cell--m-favorite--Color: var(--pf-global--Color--light-300);\n --pf-c-table__favorite--c-button--Color: var(--pf-global--Color--light-300);\n --pf-c-table__favorite--c-button--FontSize: var(--pf-global--FontSize--sm);\n --pf-c-table__favorite--c-button--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);\n --pf-c-table__favorite--c-button--MarginRight: calc(var(--pf-global--spacer--md) * -1);\n --pf-c-table__favorite--c-button--MarginBottom: calc(var(--pf-global--spacer--form-element) * -1);\n --pf-c-table__favorite--c-button--MarginLeft: calc(var(--pf-global--spacer--md) * -1);\n --pf-c-table__favorite--m-favorited--c-button--Color: var(--pf-global--palette--gold-400);\n --pf-c-table__sort--m-favorite__button__text--Color: var(--pf-global--Color--200);\n --pf-c-table__sort--m-favorite__button--hover__text--Color: var(--pf-global--Color--100);\n --pf-c-table__sort--m-favorite__button--focus__text--Color: var(--pf-global--Color--100);\n --pf-c-table__sort--m-favorite__button--active__text--Color: var(--pf-global--Color--100);\n --pf-c-table__draggable--c-button--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);\n --pf-c-table__draggable--c-button--MarginRight: calc(var(--pf-global--spacer--md) * -1);\n --pf-c-table__draggable--c-button--MarginBottom: calc(var(--pf-global--spacer--form-element) * -1);\n --pf-c-table__draggable--c-button--MarginLeft: calc(var(--pf-global--spacer--md) * -1);\n --pf-c-table__tr--m-ghost-row--Opacity: .4;\n --pf-c-table__tr--m-ghost-row--BackgroundColor: var(--pf-global--BackgroundColor--100);\n --pf-c-table__action--PaddingTop: 0;\n --pf-c-table__action--PaddingRight: 0;\n --pf-c-table__action--PaddingBottom: 0;\n --pf-c-table__action--PaddingLeft: 0;\n --pf-c-table__inline-edit-action--PaddingTop: 0;\n --pf-c-table__inline-edit-action--PaddingRight: 0;\n --pf-c-table__inline-edit-action--PaddingBottom: 0;\n --pf-c-table__inline-edit-action--PaddingLeft: 0;\n --pf-c-table__expandable-row--Transition: var(--pf-global--Transition);\n --pf-c-table__expandable-row--MaxHeight: 28.125rem;\n --pf-c-table__expandable-row-content--Transition: var(--pf-global--Transition);\n --pf-c-table__expandable-row-content--PaddingTop: var(--pf-global--spacer--lg);\n --pf-c-table__expandable-row-content--PaddingBottom: var(--pf-global--spacer--lg);\n --pf-c-table__expandable-row--after--Top: calc(var(--pf-c-table--border-width--base) * -1);\n --pf-c-table__expandable-row--after--Bottom: calc(var(--pf-c-table--border-width--base) * -1);\n --pf-c-table__expandable-row--after--border-width--base: var(--pf-global--BorderWidth--lg);\n --pf-c-table__expandable-row--after--BorderLeftWidth: 0;\n --pf-c-table__expandable-row--after--BorderColor: var(--pf-global--active-color--100);\n --pf-c-table__icon-inline--MarginRight: var(--pf-global--spacer--sm);\n --pf-c-table__sort--MinWidth: calc(6ch + var(--pf-c-table--cell--PaddingRight) + var(--pf-c-table--cell--PaddingLeft) + var(--pf-c-table__sort-indicator--MarginLeft));\n --pf-c-table__sort__button--PaddingTop: var(--pf-global--spacer--form-element);\n --pf-c-table__sort__button--PaddingRight: var(--pf-global--spacer--sm);\n --pf-c-table__sort__button--PaddingBottom: var(--pf-global--spacer--form-element);\n --pf-c-table__sort__button--PaddingLeft: var(--pf-global--spacer--sm);\n --pf-c-table__sort__button--MarginTop: calc(var(--pf-c-table__sort__button--PaddingTop) * -1);\n --pf-c-table__sort__button--MarginBottom: calc(var(--pf-c-table__sort__button--PaddingBottom) * -1);\n --pf-c-table__sort__button--MarginLeft: calc(var(--pf-c-table__sort__button--PaddingLeft) * -1);\n --pf-c-table__sort__button--Color: var(--pf-global--Color--100);\n --pf-c-table__sort--m-selected__button--Color: var(--pf-global--active-color--100);\n --pf-c-table__sort--m-help--MinWidth: 15ch;\n --pf-c-table__sort__button__text--Color: currentColor;\n --pf-c-table__sort__button--hover__text--Color: currentColor;\n --pf-c-table__sort__button--focus__text--Color: currentColor;\n --pf-c-table__sort__button--active__text--Color: currentColor;\n --pf-c-table__sort-indicator--Color: var(--pf-global--disabled-color--200);\n --pf-c-table__sort-indicator--MarginLeft: var(--pf-global--spacer--md);\n --pf-c-table__sort--m-selected__sort-indicator--Color: var(--pf-global--active-color--100);\n --pf-c-table__sort__button--hover__sort-indicator--Color: var(--pf-global--Color--100);\n --pf-c-table__sort__button--active__sort-indicator--Color: var(--pf-global--Color--100);\n --pf-c-table__sort__button--focus__sort-indicator--Color: var(--pf-global--Color--100);\n --pf-c-table--th--m-help--MinWidth: 11ch;\n --pf-c-table__column-help--MarginLeft: var(--pf-global--spacer--xs);\n --pf-c-table__column-help--TranslateY: 0.125rem;\n --pf-c-table__column-help--c-button--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);\n --pf-c-table__column-help--c-button--MarginBottom: calc(var(--pf-global--spacer--form-element) * -1);\n --pf-c-table__column-help--c-button--PaddingRight: var(--pf-global--spacer--sm);\n --pf-c-table__column-help--c-button--PaddingLeft: var(--pf-global--spacer--sm);\n --pf-c-table__compound-expansion-toggle__button--Color: var(--pf-global--active-color--100);\n --pf-c-table__compound-expansion-toggle__button--hover--Color: var(--pf-global--link--Color--hover);\n --pf-c-table__compound-expansion-toggle__button--focus--Color: var(--pf-global--link--Color--hover);\n --pf-c-table__compound-expansion-toggle__button--active--Color: var(--pf-global--link--Color--hover);\n --pf-c-table__compound-expansion-toggle__button--before--border-width--base: var(--pf-global--BorderWidth--sm);\n --pf-c-table__compound-expansion-toggle__button--before--BorderColor: var(--pf-global--BorderColor--100);\n --pf-c-table__compound-expansion-toggle__button--before--BorderRightWidth: 0;\n --pf-c-table__compound-expansion-toggle__button--before--BorderLeftWidth: 0;\n --pf-c-table__compound-expansion-toggle__button--before--Bottom: calc(var(--pf-c-table__compound-expansion-toggle__button--before--border-width--base) * -1);\n --pf-c-table__compound-expansion-toggle__button--before--Left: calc(var(--pf-c-table__compound-expansion-toggle__button--before--border-width--base) * -1);\n --pf-c-table__compound-expansion-toggle__button--after--border-width--base: var(--pf-global--BorderWidth--lg);\n --pf-c-table__compound-expansion-toggle__button--after--BorderColor: var(--pf-global--primary-color--100);\n --pf-c-table__compound-expansion-toggle__button--after--BorderTopWidth: 0;\n --pf-c-table__compound-expansion-toggle__button--after--Top: calc(var(--pf-c-table__compound-expansion-toggle__button--before--border-width--base) * -1);\n --pf-c-table__compound-expansion-toggle__button--after--Left: calc(var(--pf-c-table__compound-expansion-toggle__button--before--border-width--base) * -1);\n --pf-c-table--m-compact-th--PaddingTop: calc(var(--pf-global--spacer--sm) + var(--pf-global--spacer--xs));\n --pf-c-table--m-compact-th--PaddingBottom: var(--pf-global--spacer--sm);\n --pf-c-table--m-compact--cell--PaddingTop: var(--pf-global--spacer--sm);\n --pf-c-table--m-compact--cell--PaddingRight: var(--pf-global--spacer--sm);\n --pf-c-table--m-compact--cell--PaddingBottom: var(--pf-global--spacer--sm);\n --pf-c-table--m-compact--cell--PaddingLeft: var(--pf-global--spacer--sm);\n --pf-c-table--m-compact--cell--first-last-child--PaddingLeft: var(--pf-global--spacer--md);\n --pf-c-table--m-compact--cell--first-last-child--PaddingRight: var(--pf-global--spacer--md);\n --pf-c-table--m-compact--cell--first-last-child--xl--PaddingLeft: var(--pf-global--spacer--lg);\n --pf-c-table--m-compact--cell--first-last-child--xl--PaddingRight: var(--pf-global--spacer--lg);\n --pf-c-table--m-compact--FontSize: var(--pf-global--FontSize--sm);\n --pf-c-table--m-compact__expandable-row-content--PaddingTop: var(--pf-global--spacer--lg);\n --pf-c-table--m-compact__expandable-row-content--PaddingRight: var(--pf-global--spacer--lg);\n --pf-c-table--m-compact__expandable-row-content--PaddingBottom: var(--pf-global--spacer--lg);\n --pf-c-table--m-compact__expandable-row-content--PaddingLeft: var(--pf-global--spacer--lg);\n --pf-c-table--nested--first-last-child--PaddingRight: var(--pf-c-table--m-compact--cell--first-last-child--PaddingLeft);\n --pf-c-table--nested--first-last-child--PaddingLeft: var(--pf-c-table--m-compact--cell--first-last-child--PaddingRight);\n --pf-c-table__expandable-row--m-expanded--BorderBottomColor: var(--pf-global--BorderColor--100);\n --pf-c-table--tr--m-hoverable--BoxShadow--top: var(--pf-c-table--tr--BoxShadow--top--base);\n --pf-c-table--tr--m-hoverable--BackgroundColor: transparent;\n --pf-c-table--tr--m-hoverable--BoxShadow: none;\n --pf-c-table--tr--m-hoverable--OutlineOffset: calc(-1 * var(--pf-global--spacer--xs));\n --pf-c-table--tr--m-hoverable--hover--BoxShadow: var(--pf-c-table--tr--m-hoverable--BoxShadow--top), var(--pf-global--BoxShadow--sm-bottom);\n --pf-c-table--tr--m-hoverable--hover--BackgroundColor: var(--pf-global--BackgroundColor--100);\n --pf-c-table--tr--m-hoverable--focus--BoxShadow: var(--pf-c-table--tr--m-hoverable--BoxShadow--top), var(--pf-global--BoxShadow--sm-bottom);\n --pf-c-table--tr--m-hoverable--focus--BackgroundColor: var(--pf-global--BackgroundColor--100);\n --pf-c-table--tr--m-hoverable--active--BoxShadow: var(--pf-c-table--tr--m-hoverable--BoxShadow--top), var(--pf-global--BoxShadow--sm-bottom);\n --pf-c-table--tr--m-hoverable--active--BackgroundColor: var(--pf-global--BackgroundColor--100);\n --pf-c-table--tr--m-hoverable--m-selected--BoxShadow: var(--pf-global--BoxShadow--sm-bottom) inset, var(--pf-global--BoxShadow--sm-bottom);\n --pf-c-table--tr--m-selected--BoxShadow--top: var(--pf-c-table--tr--BoxShadow--top--base);\n --pf-c-table--tr--m-selected--BackgroundColor: var(--pf-global--BackgroundColor--100);\n --pf-c-table--tr--m-selected--BoxShadow: var(--pf-c-table--tr--m-selected--BoxShadow--top), var(--pf-global--BoxShadow--sm-bottom);\n --pf-c-table--tr--m-selected--OutlineOffset: calc(-1 * var(--pf-global--spacer--xs));\n --pf-c-table--tr--m-selected--after--BorderLeftWidth: var(--pf-c-table__expandable-row--after--border-width--base);\n --pf-c-table--tr--m-selected--after--BorderLeftColor: var(--pf-global--active-color--100);\n --pf-c-table--tr--m-selected--m-selected--BoxShadow: var(--pf-global--BoxShadow--sm-bottom);\n --pf-c-table--tr--m-selected--hover--m-selected--BoxShadow: var(--pf-global--BoxShadow--sm-bottom) inset, var(--pf-global--BoxShadow--sm-bottom);\n --pf-c-table--tr--m-selected--tr--m-selected--hover--BoxShadow: var(--pf-c-table--tr--m-selected--BoxShadow--top), var(--pf-global--BoxShadow--sm-bottom);\n --pf-c-table--tbody--m-hoverable--BoxShadow--top: var(--pf-c-table--tr--BoxShadow--top--base);\n --pf-c-table--tbody--m-hoverable--BoxShadow: none;\n --pf-c-table--tbody--m-hoverable--BackgroundColor: transparent;\n --pf-c-table--tbody--m-hoverable--OutlineOffset: calc(-1 * var(--pf-global--spacer--xs));\n --pf-c-table--tbody--m-hoverable--hover--BoxShadow: var(--pf-c-table--tbody--m-hoverable--BoxShadow--top), var(--pf-global--BoxShadow--sm-bottom);\n --pf-c-table--tbody--m-hoverable--hover--BackgroundColor: var(--pf-global--BackgroundColor--100);\n --pf-c-table--tbody--m-hoverable--focus--BoxShadow: var(--pf-c-table--tbody--m-hoverable--BoxShadow--top), var(--pf-global--BoxShadow--sm-bottom);\n --pf-c-table--tbody--m-hoverable--focus--BackgroundColor: var(--pf-global--BackgroundColor--100);\n --pf-c-table--tbody--m-hoverable--active--BoxShadow: var(--pf-c-table--tbody--m-hoverable--BoxShadow--top), var(--pf-global--BoxShadow--sm-bottom);\n --pf-c-table--tbody--m-hoverable--active--BackgroundColor: var(--pf-global--BackgroundColor--100);\n --pf-c-table--tbody--m-hoverable--m-expanded--BorderColor: var(--pf-global--active-color--400);\n --pf-c-table--tbody--m-hoverable--m-selected--hover--tr--BoxShadow: var(--pf-global--BoxShadow--sm-bottom) inset, var(--pf-global--BoxShadow--sm-bottom);\n --pf-c-table--tbody--m-selected--BackgroundColor: var(--pf-global--BackgroundColor--100);\n --pf-c-table--tbody--m-selected--BoxShadow--top: var(--pf-c-table--tr--BoxShadow--top--base);\n --pf-c-table--tbody--m-selected--BoxShadow: var(--pf-c-table--tbody--m-selected--BoxShadow--top), var(--pf-global--BoxShadow--sm-bottom);\n --pf-c-table--tbody--m-selected--OutlineOffset: calc(-1 * var(--pf-global--spacer--xs));\n --pf-c-table--tbody--m-selected--after--BorderLeftWidth: var(--pf-c-table__expandable-row--after--border-width--base);\n --pf-c-table--tbody--m-selected--after--BorderLeftColor: var(--pf-global--active-color--100);\n --pf-c-table--tbody--m-selected--m-selected--BoxShadow: var(--pf-global--BoxShadow--sm-bottom);\n --pf-c-table--tbody--m-selected--hover--tbody--m-selected--BoxShadow: var(--pf-global--BoxShadow--sm-bottom) inset, var(--pf-global--BoxShadow--sm-bottom);\n --pf-c-table--tbody--m-selected--tbody--m-selected--hover--BoxShadow: var(--pf-c-table--tr--m-selected--BoxShadow--top), var(--pf-global--BoxShadow--sm-bottom);\n --pf-c-table--thead--m-nested-column-header--button--OutlineOffset: -0.1875rem;\n --pf-c-table--thead--m-nested-column-header--tr--PaddingTop: var(--pf-global--spacer--xs);\n --pf-c-table--thead--m-nested-column-header--tr--PaddingBottom: var(--pf-global--spacer--xs);\n --pf-c-table__subhead--Color: var(--pf-global--Color--200);\n --pf-c-table--m-striped__tr--BackgroundColor: var(--pf-global--BackgroundColor--light-200);\n color: var(--pf-global--Color--100);\n width: 100%;\n background-color: var(--pf-c-table--BackgroundColor);\n}\n@media screen and (max-width: 1200px) {\n .pf-c-table {\n --pf-c-table-caption--PaddingRight: var(--pf-c-table-caption--xl--PaddingRight);\n --pf-c-table-caption--PaddingLeft: var(--pf-c-table-caption--xl--PaddingLeft);\n }\n}\n@media screen and (min-width: 1200px) {\n .pf-c-table {\n --pf-c-table--cell--first-last-child--PaddingRight: var(--pf-c-table--cell--first-last-child--xl--PaddingRight);\n --pf-c-table--cell--first-last-child--PaddingLeft: var(--pf-c-table--cell--first-last-child--xl--PaddingLeft);\n --pf-c-table--m-compact--cell--first-last-child--PaddingLeft: var(--pf-c-table--m-compact--cell--first-last-child--xl--PaddingLeft);\n --pf-c-table--m-compact--cell--first-last-child--PaddingRight: var(--pf-c-table--m-compact--cell--first-last-child--xl--PaddingRight);\n }\n}\n.pf-c-table.pf-m-fixed {\n table-layout: fixed;\n}\n.pf-c-table.pf-m-sticky-header {\n position: relative;\n}\n.pf-c-table.pf-m-sticky-header > thead > tr {\n border-bottom: 0;\n}\n.pf-c-table.pf-m-sticky-header > thead > tr > * {\n position: -webkit-sticky;\n position: sticky;\n top: 0;\n z-index: var(--pf-global--ZIndex--xs);\n background: var(--pf-c-table--BackgroundColor);\n}\n.pf-c-table.pf-m-sticky-header > thead > tr > *::after {\n position: absolute;\n right: 0;\n bottom: 0;\n left: 0;\n content: \"\";\n border-bottom: var(--pf-c-table--border-width--base) solid var(--pf-c-table--BorderColor);\n}\n.pf-c-table.pf-m-striped:not(.pf-m-expandable) > tbody > tr:nth-child(odd), .pf-c-table.pf-m-striped.pf-m-expandable > tbody:nth-of-type(odd) > tr:not(.pf-c-table__expandable-row),\n.pf-c-table > .pf-m-striped > tr:nth-child(odd),\n.pf-c-table > .pf-m-striped-even > tr:nth-child(even),\n.pf-c-table tr.pf-m-striped {\n --pf-c-table__sticky-column--BackgroundColor: var(--pf-c-table--m-striped__tr--BackgroundColor);\n background: var(--pf-c-table--m-striped__tr--BackgroundColor);\n}\n.pf-c-table tr:not(.pf-c-table__expandable-row) {\n border-bottom: var(--pf-c-table--border-width--base) solid var(--pf-c-table--BorderColor);\n}\n.pf-c-table tr:not(.pf-c-table__expandable-row).pf-m-ghost-row {\n background-color: var(--pf-c-table__tr--m-ghost-row--BackgroundColor);\n opacity: var(--pf-c-table__tr--m-ghost-row--Opacity);\n}\n.pf-c-table tr > * {\n --pf-hidden-visible--visible--Display: var(--pf-c-table--cell--hidden-visible--Display);\n position: relative;\n width: var(--pf-c-table--cell--Width);\n min-width: var(--pf-c-table--cell--MinWidth);\n max-width: var(--pf-c-table--cell--MaxWidth);\n padding: var(--pf-c-table--cell--PaddingTop) var(--pf-c-table--cell--PaddingRight) var(--pf-c-table--cell--PaddingBottom) var(--pf-c-table--cell--PaddingLeft);\n overflow: var(--pf-c-table--cell--Overflow);\n font-size: var(--pf-c-table--cell--FontSize);\n font-weight: var(--pf-c-table--cell--FontWeight);\n color: var(--pf-c-table--cell--Color);\n text-overflow: var(--pf-c-table--cell--TextOverflow);\n word-break: var(--pf-c-table--cell--WordBreak);\n white-space: var(--pf-c-table--cell--WhiteSpace);\n}\n.pf-c-table tr > *:first-child {\n --pf-c-table--cell--PaddingLeft: var(--pf-c-table--cell--first-last-child--PaddingLeft);\n}\n.pf-c-table tr > *:last-child {\n --pf-c-table--cell--PaddingRight: var(--pf-c-table--cell--first-last-child--PaddingRight);\n}\n.pf-c-table tr > *.pf-m-center {\n text-align: center;\n}\n.pf-c-table tr > *:empty {\n width: auto;\n min-width: 0;\n padding: 0;\n}\n.pf-c-table tr > *.pf-m-help {\n --pf-c-table--cell--MinWidth: var(--pf-c-table--cell--m-help--MinWidth);\n}\n.pf-c-table tr > *.pf-m-favorite {\n --pf-c-table__button--Color: var(--pf-c-table--cell--m-favorite--Color);\n --pf-c-table__sort--MinWidth: fit-content;\n --pf-c-table--cell--MaxWidth: fit-content;\n --pf-c-table--cell--Overflow: visible;\n}\n.pf-c-table tr > *.pf-m-border-right::before, .pf-c-table tr > *.pf-m-border-left::before {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n pointer-events: none;\n content: \"\";\n}\n.pf-c-table tr > *.pf-m-border-right::before {\n border-right: var(--pf-c-table--cell--m-border-right--before--BorderRightWidth) solid var(--pf-c-table--cell--m-border-right--before--BorderRightColor);\n}\n.pf-c-table tr > *.pf-m-border-left::before {\n border-left: var(--pf-c-table--cell--m-border-left--before--BorderLeftWidth) solid var(--pf-c-table--cell--m-border-left--before--BorderLeftColor);\n}\n.pf-c-table caption {\n padding-top: var(--pf-c-table-caption--PaddingTop);\n padding-bottom: var(--pf-c-table-caption--PaddingBottom);\n padding-left: var(--pf-c-table-caption--PaddingLeft);\n font-size: var(--pf-c-table-caption--FontSize);\n color: var(--pf-c-table-caption--Color);\n text-align: left;\n background-color: var(--pf-c-table--BackgroundColor);\n}\n.pf-c-table thead {\n --pf-c-table--cell--FontSize: var(--pf-c-table--thead--cell--FontSize);\n --pf-c-table--cell--FontWeight: var(--pf-c-table--thead--cell--FontWeight);\n vertical-align: bottom;\n}\n.pf-c-table thead.pf-m-nested-column-header button {\n outline-offset: var(--pf-c-table--thead--m-nested-column-header--button--OutlineOffset);\n}\n.pf-c-table thead.pf-m-nested-column-header th,\n.pf-c-table thead.pf-m-nested-column-header td,\n.pf-c-table thead.pf-m-nested-column-header input {\n vertical-align: middle;\n}\n.pf-c-table thead.pf-m-nested-column-header .pf-c-table__check label {\n display: flex;\n align-items: center;\n}\n.pf-c-table thead.pf-m-nested-column-header tr:not(:first-child) th:not([rowspan]),\n.pf-c-table thead.pf-m-nested-column-header tr:not(:first-child) td:not([rowspan]) {\n --pf-c-table--cell--PaddingTop: var(--pf-c-table--thead--m-nested-column-header--tr--PaddingTop);\n}\n.pf-c-table thead.pf-m-nested-column-header tr:not(:last-child) {\n --pf-c-table--border-width--base: 0;\n}\n.pf-c-table thead.pf-m-nested-column-header tr:not(:last-child) th:not([rowspan]),\n.pf-c-table thead.pf-m-nested-column-header tr:not(:last-child) td:not([rowspan]) {\n --pf-c-table--cell--PaddingBottom: var(--pf-c-table--thead--m-nested-column-header--tr--PaddingBottom);\n}\n.pf-c-table thead .pf-c-table__subhead {\n --pf-c-table__sort__button__text--Color: var(--pf-c-table__subhead--Color);\n color: var(--pf-c-table__subhead--Color);\n}\n.pf-c-table tbody {\n --pf-c-table--cell--PaddingTop: var(--pf-c-table--tbody--cell--PaddingTop);\n --pf-c-table--cell--PaddingBottom: var(--pf-c-table--tbody--cell--PaddingBottom);\n}\n.pf-c-table tbody > tr > * {\n overflow-wrap: break-word;\n vertical-align: baseline;\n}\n.pf-c-table tbody > tr > :first-child::after {\n position: absolute;\n top: var(--pf-c-table__expandable-row--after--Top);\n bottom: var(--pf-c-table__expandable-row--after--Bottom);\n left: 0;\n content: \"\";\n background-color: transparent;\n border-left: var(--pf-c-table__expandable-row--after--BorderLeftWidth) solid var(--pf-c-table__expandable-row--after--BorderColor);\n}\n.pf-c-table tbody .pf-c-table__check input {\n margin-top: var(--pf-c-table__check--input--MarginTop);\n vertical-align: top;\n}\n.pf-c-table .pf-c-table__compound-expansion-toggle, .pf-c-table .pf-c-table__compound-expansion-toggle:first-child, .pf-c-table .pf-c-table__compound-expansion-toggle:last-child {\n padding: 0;\n}\n.pf-c-table .pf-c-table__sort {\n min-width: var(--pf-c-table__sort--MinWidth);\n}\n.pf-c-table .pf-m-help {\n min-width: var(--pf-c-table--th--m-help--MinWidth);\n}\n.pf-c-table thead,\n.pf-c-table .pf-m-truncate {\n --pf-c-table--cell--MinWidth: var(--pf-c-table--m-truncate--cell--MinWidth);\n --pf-c-table--cell--MaxWidth: var(--pf-c-table--m-truncate--cell--MaxWidth);\n --pf-c-table--cell--Overflow: hidden;\n --pf-c-table--cell--TextOverflow: ellipsis;\n --pf-c-table--cell--WhiteSpace: nowrap;\n}\n.pf-c-table .pf-m-wrap {\n --pf-c-table--cell--MinWidth: 0;\n --pf-c-table--cell--MaxWidth: none;\n --pf-c-table--cell--Overflow: visible;\n --pf-c-table--cell--TextOverflow: clip;\n --pf-c-table--cell--WhiteSpace: normal;\n}\n.pf-c-table .pf-m-nowrap {\n --pf-c-table--cell--MinWidth: 0;\n --pf-c-table--cell--MaxWidth: none;\n --pf-c-table--cell--Overflow: visible;\n --pf-c-table--cell--TextOverflow: clip;\n --pf-c-table--cell--WhiteSpace: nowrap;\n}\n.pf-c-table .pf-c-table__icon,\n.pf-c-table .pf-m-fit-content {\n --pf-c-table--cell--MinWidth: fit-content;\n --pf-c-table--cell--MaxWidth: none;\n --pf-c-table--cell--Width: 1%;\n --pf-c-table--cell--Overflow: visible;\n --pf-c-table--cell--TextOverflow: clip;\n --pf-c-table--cell--WhiteSpace: nowrap;\n}\n.pf-c-table .pf-m-break-word {\n --pf-c-table--cell--WordBreak: break-word;\n --pf-c-table--cell--WhiteSpace: normal;\n}\n.pf-c-table.pf-m-no-border-rows > tbody > tr {\n border-bottom: 0;\n}\n.pf-c-table.pf-m-no-border-rows > tbody > tr > :first-child::after {\n border-left: 0;\n}\n.pf-c-table.pf-m-no-border-rows > tbody:not(.pf-m-expanded) .pf-c-table__compound-expansion-toggle .pf-c-table__button::before {\n display: none;\n}\n.pf-c-table.pf-m-no-border-rows > tbody.pf-m-expanded > .pf-c-table__control-row {\n border-bottom: var(--pf-c-table--border-width--base) solid var(--pf-c-table--BorderColor);\n}\n.pf-c-table.pf-m-no-border-rows > tbody .pf-c-table__control-row > .pf-c-table__compound-expansion-toggle:first-child > ::before {\n border-left-width: 0;\n}\n.pf-c-table tr.pf-m-hoverable {\n cursor: pointer;\n background-color: var(--pf-c-table--tr--m-hoverable--BackgroundColor);\n outline-offset: var(--pf-c-table--tr--m-hoverable--OutlineOffset);\n box-shadow: var(--pf-c-table--tr--m-hoverable--BoxShadow);\n}\n.pf-c-table tr.pf-m-hoverable:hover:not(.pf-m-selected) + tr.pf-m-selected, .pf-c-table tr.pf-m-hoverable:focus:not(.pf-m-selected) + tr.pf-m-selected, .pf-c-table tr.pf-m-hoverable:active:not(.pf-m-selected) + tr.pf-m-selected {\n box-shadow: var(--pf-c-table--tr--m-hoverable--m-selected--BoxShadow);\n}\n.pf-c-table tr.pf-m-hoverable:hover {\n --pf-c-table--tr--m-hoverable--BoxShadow: var(--pf-c-table--tr--m-hoverable--hover--BoxShadow);\n --pf-c-table--tr--m-hoverable--BackgroundColor: var(--pf-c-table--tr--m-hoverable--hover--BackgroundColor);\n}\n.pf-c-table tr.pf-m-hoverable:focus {\n --pf-c-table--tr--m-hoverable--BoxShadow: var(--pf-c-table--tr--m-hoverable--focus--BoxShadow);\n --pf-c-table--tr--m-hoverable--BackgroundColor: var(--pf-c-table--tr--m-hoverable--focus--BackgroundColor);\n}\n.pf-c-table tr.pf-m-hoverable:active {\n --pf-c-table--tr--m-hoverable--BoxShadow: var(--pf-c-table--tr--m-hoverable--active--BoxShadow);\n --pf-c-table--tr--m-hoverable--BackgroundColor: var(--pf-c-table--tr--m-hoverable--active--BackgroundColor);\n}\n.pf-c-table tr.pf-m-selected {\n --pf-c-table__expandable-row--after--BorderLeftWidth: var(--pf-c-table--tr--m-selected--after--BorderLeftWidth);\n --pf-c-table__expandable-row--after--BorderColor: var(--pf-c-table--tr--m-selected--after--BorderLeftColor);\n position: relative;\n background-color: var(--pf-c-table--tr--m-selected--BackgroundColor);\n outline-offset: var(--pf-c-table--tr--m-selected--OutlineOffset);\n box-shadow: var(--pf-c-table--tr--m-selected--BoxShadow);\n}\n.pf-c-table tr.pf-m-selected + tr.pf-m-selected {\n box-shadow: var(--pf-c-table--tr--m-selected--m-selected--BoxShadow);\n}\n.pf-c-table tr.pf-m-selected + tr.pf-m-selected:hover {\n box-shadow: var(--pf-c-table--tr--m-selected--tr--m-selected--hover--BoxShadow);\n}\n.pf-c-table tr.pf-m-selected:hover + tr.pf-m-selected {\n box-shadow: var(--pf-c-table--tr--m-selected--hover--m-selected--BoxShadow);\n}\n.pf-c-table tr.pf-m-first-cell-offset-reset {\n --pf-c-table--cell--first-last-child--PaddingLeft: var(--pf-c-table--tr--m-first-cell-offset-reset--cell--PaddingLeft);\n}\n.pf-c-table tbody.pf-m-hoverable {\n cursor: pointer;\n background-color: var(--pf-c-table--tbody--m-hoverable--BackgroundColor);\n outline-offset: var(--pf-c-table--tbody--m-hoverable--OutlineOffset);\n box-shadow: var(--pf-c-table--tbody--m-hoverable--BoxShadow);\n}\n.pf-c-table tbody.pf-m-hoverable.pf-m-expanded:not(.pf-m-selected) {\n --pf-c-table__expandable-row--after--BorderColor: var(--pf-c-table--tbody--m-hoverable--m-expanded--BorderColor);\n}\n.pf-c-table tbody.pf-m-hoverable:hover:not(.pf-m-selected) + tbody.pf-m-selected, .pf-c-table tbody.pf-m-hoverable:focus:not(.pf-m-selected) + tbody.pf-m-selected, .pf-c-table tbody.pf-m-hoverable:active:not(.pf-m-selected) + tbody.pf-m-selected {\n box-shadow: var(--pf-c-table--tbody--m-hoverable--m-selected--hover--tr--BoxShadow);\n}\n.pf-c-table tbody.pf-m-hoverable:hover {\n --pf-c-table--tbody--m-hoverable--BoxShadow: var(--pf-c-table--tbody--m-hoverable--hover--BoxShadow);\n --pf-c-table--tbody--m-hoverable--BackgroundColor: var(--pf-c-table--tbody--m-hoverable--hover--BackgroundColor);\n}\n.pf-c-table tbody.pf-m-hoverable:focus {\n --pf-c-table--tbody--m-hoverable--BoxShadow: var(--pf-c-table--tbody--m-hoverable--focus--BoxShadow);\n --pf-c-table--tbody--m-hoverable--BackgroundColor: var(--pf-c-table--tbody--m-hoverable--focus--BackgroundColor);\n}\n.pf-c-table tbody.pf-m-hoverable:active {\n --pf-c-table--tbody--m-hoverable--BoxShadow: var(--pf-c-table--tbody--m-hoverable--active--BoxShadow);\n --pf-c-table--tbody--m-hoverable--BackgroundColor: var(--pf-c-table--tbody--m-hoverable--active--BackgroundColor);\n}\n.pf-c-table tbody.pf-m-selected {\n --pf-c-table__expandable-row--after--BorderLeftWidth: var(--pf-c-table--tbody--m-selected--after--BorderLeftWidth);\n --pf-c-table__expandable-row--after--BorderColor: var(--pf-c-table--tbody--m-selected--after--BorderLeftColor);\n background-color: var(--pf-c-table--tbody--m-selected--BackgroundColor);\n outline-offset: var(--pf-c-table--tbody--m-selected--OutlineOffset);\n box-shadow: var(--pf-c-table--tbody--m-selected--BoxShadow);\n}\n.pf-c-table tbody.pf-m-selected + tbody.pf-m-selected {\n --pf-c-table--tbody--m-selected--BoxShadow: var(--pf-c-table--tbody--m-selected--m-selected--BoxShadow);\n}\n.pf-c-table tbody.pf-m-selected + tbody.pf-m-selected:hover {\n box-shadow: var(--pf-c-table--tbody--m-selected--tbody--m-selected--hover--BoxShadow);\n}\n.pf-c-table tbody.pf-m-selected:hover + tbody.pf-m-selected {\n box-shadow: var(--pf-c-table--tbody--m-selected--hover--tbody--m-selected--BoxShadow);\n}\n.pf-c-table.pf-m-drag-over {\n overflow-anchor: none;\n}\n\n.pf-c-table__text {\n --pf-c-table--cell--MaxWidth: 100%;\n position: relative;\n display: block;\n width: var(--pf-c-table--cell--Width);\n min-width: var(--pf-c-table--cell--MinWidth);\n max-width: var(--pf-c-table--cell--MaxWidth);\n overflow: var(--pf-c-table--cell--Overflow);\n text-overflow: var(--pf-c-table--cell--TextOverflow);\n word-break: var(--pf-c-table--cell--WordBreak);\n white-space: var(--pf-c-table--cell--WhiteSpace);\n}\n.pf-c-table__text.pf-m-truncate {\n --pf-c-table--cell--MinWidth: 100%;\n}\n.pf-c-table__text.pf-m-truncate > * {\n overflow: var(--pf-c-table--cell--Overflow);\n text-overflow: var(--pf-c-table--cell--TextOverflow);\n white-space: var(--pf-c-table--cell--WhiteSpace);\n}\n\n.pf-c-table__button {\n position: static;\n width: 100%;\n padding: var(--pf-c-table--cell--PaddingTop) var(--pf-c-table--cell--PaddingRight) var(--pf-c-table--cell--PaddingBottom) var(--pf-c-table--cell--PaddingLeft);\n font-size: inherit;\n font-weight: inherit;\n color: var(--pf-c-table__button--Color);\n text-align: left;\n white-space: inherit;\n -webkit-user-select: text;\n -moz-user-select: text;\n -ms-user-select: text;\n user-select: text;\n background-color: var(--pf-c-table__button--BackgroundColor);\n border: 0;\n}\n.pf-c-table__button::before {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n cursor: pointer;\n content: \"\";\n}\n.pf-c-table__button:hover {\n color: var(--pf-c-table__button--hover--Color);\n}\n.pf-c-table__button:focus {\n color: var(--pf-c-table__button--focus--Color);\n}\n.pf-c-table__button:active {\n color: var(--pf-c-table__button--active--Color);\n}\n\n.pf-c-table__sort .pf-c-table__text,\n.pf-c-table__compound-expansion-toggle .pf-c-table__text {\n display: block;\n width: auto;\n overflow: var(--pf-c-table--cell--Overflow);\n text-overflow: var(--pf-c-table--cell--TextOverflow);\n white-space: var(--pf-c-table--cell--WhiteSpace);\n}\n\n.pf-c-table__sort .pf-c-table__text {\n --pf-c-table--cell--MinWidth: 0;\n}\n\n.pf-c-table__button-content,\n.pf-c-table__column-help {\n display: grid;\n align-items: end;\n justify-content: start;\n grid-template-columns: auto -webkit-max-content;\n grid-template-columns: auto max-content;\n}\n.pf-c-table__button-content .pf-c-table__text,\n.pf-c-table__column-help .pf-c-table__text {\n min-width: auto;\n}\n.pf-c-table thead.pf-m-nowrap .pf-c-table__button-content, .pf-c-table tr.pf-m-nowrap .pf-c-table__button-content, .pf-c-table th.pf-m-nowrap .pf-c-table__button-content,\n.pf-c-table thead.pf-m-nowrap .pf-c-table__column-help,\n.pf-c-table tr.pf-m-nowrap .pf-c-table__column-help,\n.pf-c-table th.pf-m-nowrap .pf-c-table__column-help {\n grid-template-columns: -webkit-min-content -webkit-max-content;\n grid-template-columns: min-content max-content;\n}\n.pf-c-table thead.pf-m-fit-content .pf-c-table__button-content, .pf-c-table tr.pf-m-fit-content .pf-c-table__button-content, .pf-c-table th.pf-m-fit-content .pf-c-table__button-content,\n.pf-c-table thead.pf-m-fit-content .pf-c-table__column-help,\n.pf-c-table tr.pf-m-fit-content .pf-c-table__column-help,\n.pf-c-table th.pf-m-fit-content .pf-c-table__column-help {\n grid-template-columns: -webkit-fit-content -webkit-max-content;\n grid-template-columns: fit-content max-content;\n}\n.pf-c-table thead.pf-m-wrap .pf-c-table__button-content, .pf-c-table tr.pf-m-wrap .pf-c-table__button-content, .pf-c-table th.pf-m-wrap .pf-c-table__button-content, .pf-c-table thead.pf-m-truncate .pf-c-table__button-content, .pf-c-table tr.pf-m-truncate .pf-c-table__button-content, .pf-c-table th.pf-m-truncate .pf-c-table__button-content,\n.pf-c-table thead.pf-m-wrap .pf-c-table__column-help,\n.pf-c-table tr.pf-m-wrap .pf-c-table__column-help,\n.pf-c-table th.pf-m-wrap .pf-c-table__column-help,\n.pf-c-table thead.pf-m-truncate .pf-c-table__column-help,\n.pf-c-table tr.pf-m-truncate .pf-c-table__column-help,\n.pf-c-table th.pf-m-truncate .pf-c-table__column-help {\n grid-template-columns: auto -webkit-max-content;\n grid-template-columns: auto max-content;\n}\n\n.pf-c-table .pf-c-table__toggle,\n.pf-c-table .pf-c-table__action,\n.pf-c-table .pf-c-table__inline-edit-action {\n --pf-c-table--cell--PaddingBottom: 0;\n}\n\n.pf-c-table .pf-c-table__check,\n.pf-c-table .pf-c-table__toggle,\n.pf-c-table .pf-c-table__action,\n.pf-c-table .pf-c-table__favorite,\n.pf-c-table th.pf-m-favorite,\n.pf-c-table .pf-c-table__inline-edit-action,\n.pf-c-table .pf-c-table__draggable {\n --pf-c-table--cell--MinWidth: 0;\n --pf-c-table--cell--Width: 1%;\n}\n\n.pf-c-table__toggle {\n --pf-c-table--cell--PaddingRight: 0;\n --pf-c-table--cell--PaddingLeft: 0;\n vertical-align: top;\n}\n.pf-c-table__toggle .pf-c-button {\n margin-top: var(--pf-c-table__toggle--c-button--MarginTop);\n margin-bottom: var(--pf-c-table__toggle--c-button--MarginBottom);\n}\n.pf-c-table__toggle .pf-c-button.pf-m-expanded .pf-c-table__toggle-icon {\n transform: rotate(var(--pf-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate));\n}\n.pf-c-table__toggle .pf-c-table__toggle-icon {\n transition: var(--pf-c-table__toggle--c-button__toggle-icon--Transition);\n transform: rotate(var(--pf-c-table__toggle--c-button__toggle-icon--Rotate));\n}\n.pf-c-table__toggle svg {\n pointer-events: none;\n}\n\n.pf-c-table__check {\n --pf-c-table--cell--FontSize: var(--pf-c-table__check--input--FontSize);\n}\n.pf-c-table__check label:not([disabled]),\n.pf-c-table__check input:not([disabled]) {\n cursor: pointer;\n}\n.pf-c-table__check label {\n display: block;\n padding: inherit;\n margin: calc(var(--pf-c-table--cell--PaddingTop) * -1) calc(var(--pf-c-table--cell--PaddingRight) * -1) calc(var(--pf-c-table--cell--PaddingBottom) * -1) calc(var(--pf-c-table--cell--PaddingLeft) * -1);\n}\n\n.pf-c-table__favorite .pf-c-button {\n --pf-c-button--m-plain--Color: var(--pf-c-table__favorite--c-button--Color);\n --pf-c-button--FontSize: var(--pf-c-table__favorite--c-button--FontSize);\n margin: var(--pf-c-table__favorite--c-button--MarginTop) var(--pf-c-table__favorite--c-button--MarginRight) var(--pf-c-table__favorite--c-button--MarginBottom) var(--pf-c-table__favorite--c-button--MarginLeft);\n}\n.pf-m-favorited.pf-c-table__favorite .pf-c-button {\n --pf-c-button--m-plain--Color: var(--pf-c-table__favorite--m-favorited--c-button--Color);\n}\n\n.pf-c-table__draggable .pf-c-button {\n margin: var(--pf-c-table__draggable--c-button--MarginTop) var(--pf-c-table__draggable--c-button--MarginRight) var(--pf-c-table__draggable--c-button--MarginBottom) var(--pf-c-table__draggable--c-button--MarginLeft);\n cursor: -webkit-grab;\n cursor: grab;\n}\n.pf-c-table__draggable .pf-c-button:active {\n cursor: -webkit-grabbing;\n cursor: grabbing;\n}\n\n.pf-c-table__action,\n.pf-c-table__inline-edit-action {\n --pf-c-table--cell--PaddingTop: 0;\n --pf-c-table--cell--PaddingRight: var(--pf-c-table__action--PaddingRight);\n --pf-c-table--cell--PaddingBottom: 0;\n --pf-c-table--cell--PaddingLeft: var(--pf-c-table__action--PaddingLeft);\n padding-top: 0;\n padding-bottom: 0;\n vertical-align: middle;\n}\n\n.pf-c-table__inline-edit-action {\n --pf-c-table--cell--PaddingLeft: 0;\n --pf-c-table--cell--PaddingRight: 0;\n text-align: right;\n}\n\n.pf-c-table__compound-expansion-toggle {\n --pf-c-table__button--Color: var(--pf-c-table__compound-expansion-toggle__button--Color);\n --pf-c-table__button--hover--Color: var(--pf-c-table__compound-expansion-toggle__button--hover--Color);\n --pf-c-table__button--focus--Color: var(--pf-c-table__compound-expansion-toggle__button--focus--Color);\n --pf-c-table__button--active--Color: var(--pf-c-table__compound-expansion-toggle__button--active--Color);\n position: relative;\n}\n.pf-c-table__compound-expansion-toggle.pf-m-truncate {\n overflow: visible;\n}\n.pf-c-table__compound-expansion-toggle .pf-c-table__button {\n min-width: 100%;\n overflow: hidden;\n}\n.pf-c-table__compound-expansion-toggle .pf-c-table__button:hover, .pf-c-table__compound-expansion-toggle .pf-c-table__button:focus, .pf-c-table__compound-expansion-toggle .pf-c-table__button:active {\n outline: 0;\n}\n.pf-c-table__compound-expansion-toggle .pf-c-table__button::before,\n.pf-c-table__compound-expansion-toggle .pf-c-table__button::after {\n position: absolute;\n right: 0;\n content: \"\";\n border-style: solid;\n border-width: 0;\n}\n.pf-c-table__compound-expansion-toggle .pf-c-table__button::before {\n top: 0;\n bottom: var(--pf-c-table__compound-expansion-toggle__button--before--Bottom);\n left: var(--pf-c-table__compound-expansion-toggle__button--before--Left);\n border-color: var(--pf-c-table__compound-expansion-toggle__button--before--BorderColor);\n border-right-width: var(--pf-c-table__compound-expansion-toggle__button--before--BorderRightWidth);\n border-left-width: var(--pf-c-table__compound-expansion-toggle__button--before--BorderLeftWidth);\n}\n.pf-c-table__compound-expansion-toggle .pf-c-table__button::after {\n top: var(--pf-c-table__compound-expansion-toggle__button--after--Top);\n left: var(--pf-c-table__compound-expansion-toggle__button--after--Left);\n pointer-events: none;\n border-color: var(--pf-c-table__compound-expansion-toggle__button--after--BorderColor);\n border-top-width: var(--pf-c-table__compound-expansion-toggle__button--after--BorderTopWidth);\n}\n.pf-c-table__compound-expansion-toggle:hover, .pf-c-table__compound-expansion-toggle:focus-within, .pf-c-table__compound-expansion-toggle.pf-m-expanded {\n --pf-c-table__compound-expansion-toggle__button--before--BorderRightWidth: var(--pf-c-table__compound-expansion-toggle__button--before--border-width--base);\n --pf-c-table__compound-expansion-toggle__button--before--BorderLeftWidth: var(--pf-c-table__compound-expansion-toggle__button--before--border-width--base);\n --pf-c-table__compound-expansion-toggle__button--after--BorderTopWidth: var(--pf-c-table__compound-expansion-toggle__button--after--border-width--base);\n}\n.pf-c-table__compound-expansion-toggle:first-child {\n --pf-c-table__compound-expansion-toggle__button--before--Left: 0;\n --pf-c-table__compound-expansion-toggle__button--after--Left: 0;\n}\n.pf-c-table__compound-expansion-toggle.pf-m-expanded .pf-c-table__button::before {\n border-bottom: var(--pf-c-table--BackgroundColor) solid var(--pf-c-table__compound-expansion-toggle__button--before--border-width--base);\n}\n.pf-c-table__compound-expansion-toggle.pf-m-expanded:first-child {\n --pf-c-table__compound-expansion-toggle__button--before--BorderLeftWidth: 0;\n}\n.pf-c-table__compound-expansion-toggle:focus-within {\n outline-offset: var(--pf-c-table__button--OutlineOffset);\n}\n@media (-webkit-min-device-pixel-ratio: 0) {\n .pf-c-table__compound-expansion-toggle:focus-within {\n outline-style: auto;\n outline-color: -webkit-focus-ring-color;\n }\n}\n\n.pf-c-table__column-help-action {\n margin-left: var(--pf-c-table__column-help--MarginLeft);\n transform: translateY(var(--pf-c-table__column-help--TranslateY));\n}\n.pf-c-table__column-help-action .pf-c-button {\n --pf-c-button--PaddingRight: var(--pf-c-table__column-help--c-button--PaddingRight);\n --pf-c-button--PaddingLeft: var(--pf-c-table__column-help--c-button--PaddingLeft);\n margin-top: var(--pf-c-table__column-help--c-button--MarginTop);\n margin-bottom: var(--pf-c-table__column-help--c-button--MarginBottom);\n font-size: inherit;\n line-height: 1;\n}\n\n.pf-c-table__sort .pf-c-table__button {\n --pf-c-table--cell--PaddingTop: var(--pf-c-table__sort__button--PaddingTop);\n --pf-c-table--cell--PaddingRight: var(--pf-c-table__sort__button--PaddingRight);\n --pf-c-table--cell--PaddingBottom: var(--pf-c-table__sort__button--PaddingBottom);\n --pf-c-table--cell--PaddingLeft: var(--pf-c-table__sort__button--PaddingLeft);\n display: flex;\n width: auto;\n margin-top: var(--pf-c-table__sort__button--MarginTop);\n margin-bottom: var(--pf-c-table__sort__button--MarginBottom);\n margin-left: var(--pf-c-table__sort__button--MarginLeft);\n}\n.pf-c-table__sort .pf-c-table__button:hover {\n --pf-c-table__sort-indicator--Color: var(--pf-c-table__sort__button--hover__sort-indicator--Color);\n --pf-c-table__sort__button__text--Color: var(--pf-c-table__sort__button--hover__text--Color);\n}\n.pf-c-table__sort .pf-c-table__button:focus {\n --pf-c-table__sort-indicator--Color: var(--pf-c-table__sort__button--focus__sort-indicator--Color);\n --pf-c-table__sort__button__text--Color: var(--pf-c-table__sort__button--focus__text--Color);\n}\n.pf-c-table__sort .pf-c-table__button:active {\n --pf-c-table__sort-indicator--Color: var(--pf-c-table__sort__button--active__sort-indicator--Color);\n --pf-c-table__sort__button__text--Color: var(--pf-c-table__sort__button--active__text--Color);\n}\n.pf-c-table__sort .pf-c-table__button .pf-c-table__text {\n color: var(--pf-c-table__sort__button__text--Color);\n}\n.pf-c-table__sort.pf-m-selected .pf-c-table__button {\n --pf-c-table__sort-indicator--Color: var(--pf-c-table__sort--m-selected__sort-indicator--Color);\n --pf-c-table__sort__button__text--Color: var(--pf-c-table__sort--m-selected__button__text--Color);\n color: var(--pf-c-table__sort--m-selected__button--Color);\n}\n.pf-c-table__sort.pf-m-help {\n --pf-c-table--th--m-help--MinWidth: var(--pf-c-table__sort--m-help--MinWidth);\n}\n.pf-c-table__sort.pf-m-favorite {\n --pf-c-table__sort__button__text--Color: var(--pf-c-table__sort--m-favorite__button__text--Color);\n --pf-c-table__sort__button--hover__text--Color: var(--pf-c-table__sort--m-favorite__button--hover__text--Color);\n --pf-c-table__sort__button--focus__text--Color: var(--pf-c-table__sort--m-favorite__button--focus__text--Color);\n --pf-c-table__sort__button--active__text--Color: var(--pf-c-table__sort--m-favorite__button--active__text--Color);\n --pf-c-table__sort--m-selected__button__text--Color: currentColor;\n}\n\n.pf-c-table__sort-indicator {\n grid-column: 2;\n margin-left: var(--pf-c-table__sort-indicator--MarginLeft);\n color: var(--pf-c-table__sort-indicator--Color);\n pointer-events: none;\n}\n\n.pf-c-table__expandable-row {\n --pf-c-table--cell--PaddingTop: 0;\n --pf-c-table--cell--PaddingBottom: 0;\n position: relative;\n border-bottom: 0 solid transparent;\n box-shadow: 0 0 0 0 transparent;\n}\n.pf-c-table__expandable-row,\n.pf-c-table__expandable-row td:first-child::after {\n transition: var(--pf-c-table__expandable-row--Transition);\n}\n.pf-c-table__expandable-row td.pf-m-no-padding,\n.pf-c-table__expandable-row th.pf-m-no-padding {\n padding: 0 0 0 var(--pf-c-table__expandable-row--after--border-width--base);\n}\n.pf-c-table__expandable-row td.pf-m-no-padding .pf-c-table__expandable-row-content,\n.pf-c-table__expandable-row th.pf-m-no-padding .pf-c-table__expandable-row-content {\n padding: 0;\n}\n.pf-c-table__expandable-row .pf-c-table__expandable-row-content {\n padding-top: var(--pf-c-table__expandable-row-content--PaddingTop);\n padding-bottom: var(--pf-c-table__expandable-row-content--PaddingBottom);\n}\n.pf-c-table__expandable-row.pf-m-expanded {\n border-bottom-color: var(--pf-c-table__expandable-row--m-expanded--BorderBottomColor);\n border-bottom-width: var(--pf-c-table--border-width--base);\n box-shadow: var(--pf-c-table__expandable-row--m-expanded--BoxShadow);\n}\n.pf-c-table__expandable-row:not(.pf-m-expanded) {\n display: none;\n visibility: hidden;\n}\n\n.pf-c-table__compound-expansion-toggle.pf-m-expanded:first-child,\n.pf-c-table__expandable-row.pf-m-expanded > :first-child,\n.pf-c-table tbody.pf-m-expanded > tr > :not(.pf-c-table__compound-expansion-toggle) {\n --pf-c-table__expandable-row--after--BorderLeftWidth: var(--pf-c-table__expandable-row--after--border-width--base);\n}\n\n.pf-c-table .pf-c-table tr > *:first-child {\n --pf-c-table--cell--PaddingLeft: var(--pf-c-table--nested--first-last-child--PaddingLeft);\n}\n.pf-c-table .pf-c-table tr > *:last-child {\n --pf-c-table--cell--PaddingRight: var(--pf-c-table--nested--first-last-child--PaddingRight);\n}\n\n.pf-c-table.pf-m-compact {\n --pf-c-table--cell--FontSize: var(--pf-c-table--m-compact--FontSize);\n --pf-c-table--cell--PaddingTop: var(--pf-c-table--m-compact--cell--PaddingTop);\n --pf-c-table--cell--PaddingBottom: var(--pf-c-table--m-compact--cell--PaddingBottom);\n --pf-c-table--cell--PaddingRight: var(--pf-c-table--m-compact--cell--PaddingLeft);\n}\n.pf-c-table.pf-m-compact tr {\n --pf-c-table--cell--PaddingLeft: var(--pf-c-table--m-compact--cell--PaddingLeft);\n --pf-c-table--cell--PaddingRight: var(--pf-c-table--m-compact--cell--PaddingRight);\n}\n.pf-c-table.pf-m-compact tr:not(.pf-c-table__expandable-row) {\n --pf-c-table--cell--FontSize: var(--pf-c-table--m-compact--FontSize);\n --pf-c-table--cell--PaddingTop: var(--pf-c-table--m-compact--cell--PaddingTop);\n --pf-c-table--cell--PaddingBottom: var(--pf-c-table--m-compact--cell--PaddingBottom);\n}\n.pf-c-table.pf-m-compact tr:not(.pf-c-table__expandable-row) > *:first-child {\n --pf-c-table--cell--PaddingLeft: var(--pf-c-table--m-compact--cell--first-last-child--PaddingLeft);\n}\n.pf-c-table.pf-m-compact tr:not(.pf-c-table__expandable-row) > *:last-child {\n --pf-c-table--cell--PaddingRight: var(--pf-c-table--m-compact--cell--first-last-child--PaddingRight);\n}\n.pf-c-table.pf-m-compact thead th,\n.pf-c-table.pf-m-compact thead .pf-c-table__toggle {\n --pf-c-table--cell--PaddingTop: var(--pf-c-table--m-compact-th--PaddingTop);\n --pf-c-table--cell--PaddingBottom: var(--pf-c-table--m-compact-th--PaddingBottom);\n}\n.pf-c-table.pf-m-compact .pf-c-table__action {\n --pf-c-table--cell--PaddingTop: var(--pf-c-table__action--PaddingTop);\n --pf-c-table--cell--PaddingBottom: var(--pf-c-table__action--PaddingBottom);\n --pf-c-table--cell--PaddingLeft: var(--pf-c-table__action--PaddingLeft);\n}\n.pf-c-table.pf-m-compact .pf-c-table__toggle {\n --pf-c-table--cell--PaddingTop: var(--pf-c-table--m-compact__toggle--PaddingTop);\n --pf-c-table--cell--PaddingBottom: var(--pf-c-table--m-compact__toggle--PaddingBottom);\n}\n.pf-c-table.pf-m-compact .pf-c-table__icon {\n width: auto;\n min-width: 0;\n text-align: center;\n}\n.pf-c-table .pf-c-table.pf-m-compact tr > *:first-child {\n --pf-c-table--cell--PaddingLeft: var(--pf-c-table--nested--first-last-child--PaddingLeft);\n}\n.pf-c-table .pf-c-table.pf-m-compact tr > *:last-child {\n --pf-c-table--cell--PaddingRight: var(--pf-c-table--nested--first-last-child--PaddingRight);\n}\n.pf-c-table.pf-m-compact .pf-c-table__expandable-row-content {\n --pf-c-table__expandable-row-content--PaddingTop: var(--pf-c-table--m-compact__expandable-row-content--PaddingTop);\n --pf-c-table__expandable-row-content--PaddingBottom: var(--pf-c-table--m-compact__expandable-row-content--PaddingBottom);\n}\n\n.pf-c-table__icon-inline {\n display: flex;\n align-items: center;\n}\n.pf-c-table__icon-inline > :not(:last-child) {\n margin-right: var(--pf-c-table__icon-inline--MarginRight);\n}\n\n.pf-c-table .pf-m-width-10 {\n --pf-c-table--cell--Width: 10%;\n}\n\n.pf-c-table .pf-m-width-15 {\n --pf-c-table--cell--Width: 15%;\n}\n\n.pf-c-table .pf-m-width-20 {\n --pf-c-table--cell--Width: 20%;\n}\n\n.pf-c-table .pf-m-width-25 {\n --pf-c-table--cell--Width: 25%;\n}\n\n.pf-c-table .pf-m-width-30 {\n --pf-c-table--cell--Width: 30%;\n}\n\n.pf-c-table .pf-m-width-35 {\n --pf-c-table--cell--Width: 35%;\n}\n\n.pf-c-table .pf-m-width-40 {\n --pf-c-table--cell--Width: 40%;\n}\n\n.pf-c-table .pf-m-width-45 {\n --pf-c-table--cell--Width: 45%;\n}\n\n.pf-c-table .pf-m-width-50 {\n --pf-c-table--cell--Width: 50%;\n}\n\n.pf-c-table .pf-m-width-60 {\n --pf-c-table--cell--Width: 60%;\n}\n\n.pf-c-table .pf-m-width-70 {\n --pf-c-table--cell--Width: 70%;\n}\n\n.pf-c-table .pf-m-width-80 {\n --pf-c-table--cell--Width: 80%;\n}\n\n.pf-c-table .pf-m-width-90 {\n --pf-c-table--cell--Width: 90%;\n}\n\n.pf-c-table .pf-m-width-100 {\n --pf-c-table--cell--Width: 100%;\n}\n\n:where(.pf-theme-dark) .pf-c-table {\n --pf-c-table--m-striped__tr--BackgroundColor: var(--pf-global--BackgroundColor--150);\n}\n:where(.pf-theme-dark) .pf-c-table__favorite .pf-c-button:hover, :where(.pf-theme-dark) .pf-c-table__favorite .pf-c-button:focus {\n --pf-c-button--m-plain--Color: var(--pf-global--palette--gold-100);\n}";
|
|
3
|
-
|
|
4
|
-
export { css_248z as default, stylesheet };
|