@patternfly/patternfly 6.0.0-alpha.57 → 6.0.0-alpha.59
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/components/CodeBlock/code-block.css +18 -9
- package/components/CodeBlock/code-block.scss +18 -10
- package/components/DescriptionList/description-list.css +9 -9
- package/components/DescriptionList/description-list.scss +3 -3
- package/components/DragDrop/drag-drop.css +18 -14
- package/components/DragDrop/drag-drop.scss +18 -17
- package/components/FileUpload/file-upload.css +28 -34
- package/components/FileUpload/file-upload.scss +30 -42
- package/components/Icon/icon.css +154 -18
- package/components/Icon/icon.scss +187 -20
- package/components/Sidebar/sidebar.css +20 -9
- package/components/Sidebar/sidebar.scss +23 -11
- package/components/ToggleGroup/toggle-group.css +34 -47
- package/components/ToggleGroup/toggle-group.scss +34 -45
- package/docs/components/DragDrop/examples/DragDrop.css +1 -1
- package/docs/components/FileUpload/examples/FileUpload.md +112 -53
- package/docs/components/Icon/examples/Icon.md +82 -11
- package/docs/components/Sidebar/examples/Sidebar.md +19 -0
- package/package.json +1 -1
- package/patternfly-no-globals.css +281 -148
- package/patternfly-theme-dark-unversioned.css +281 -148
- package/patternfly.css +281 -148
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
- package/components/DragDrop/themes/dark/drag-drop.scss +0 -7
- package/components/ToggleGroup/themes/dark/toggle-group.scss +0 -12
|
@@ -9390,21 +9390,30 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
|
9390
9390
|
border: 0;
|
|
9391
9391
|
}
|
|
9392
9392
|
|
|
9393
|
+
:root, :where(.pf-v5-c-code-block) {
|
|
9394
|
+
--pf-v5-c-code-block--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
9395
|
+
--pf-v5-c-code-block--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
9396
|
+
--pf-v5-c-code-block__header--BorderBottomWidth: var(--pf-t--global--border--width--divider--default);
|
|
9397
|
+
--pf-v5-c-code-block__header--BorderBottomColor: var(--pf-t--global--border--color--default);
|
|
9398
|
+
--pf-v5-c-code-block__header--PaddingRight: var(--pf-t--global--spacer--sm);
|
|
9399
|
+
--pf-v5-c-code-block__header--PaddingLeft: var(--pf-t--global--spacer--sm);
|
|
9400
|
+
--pf-v5-c-code-block__content--PaddingTop: var(--pf-t--global--spacer--md);
|
|
9401
|
+
--pf-v5-c-code-block__content--PaddingRight: var(--pf-t--global--spacer--md);
|
|
9402
|
+
--pf-v5-c-code-block__content--PaddingBottom: var(--pf-t--global--spacer--md);
|
|
9403
|
+
--pf-v5-c-code-block__content--PaddingLeft: var(--pf-t--global--spacer--md);
|
|
9404
|
+
--pf-v5-c-code-block__pre--FontFamily: var(--pf-t--global--font--family--mono);
|
|
9405
|
+
--pf-v5-c-code-block__pre--FontSize: var(--pf-t--global--font--size--xs);
|
|
9406
|
+
}
|
|
9407
|
+
|
|
9393
9408
|
.pf-v5-c-code-block {
|
|
9394
|
-
--pf-v5-c-code-block--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
|
|
9395
|
-
--pf-v5-c-code-block__header--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
|
|
9396
|
-
--pf-v5-c-code-block__header--BorderBottomColor: var(--pf-v5-global--BorderColor--100);
|
|
9397
|
-
--pf-v5-c-code-block__content--PaddingTop: var(--pf-v5-global--spacer--md);
|
|
9398
|
-
--pf-v5-c-code-block__content--PaddingRight: var(--pf-v5-global--spacer--md);
|
|
9399
|
-
--pf-v5-c-code-block__content--PaddingBottom: var(--pf-v5-global--spacer--md);
|
|
9400
|
-
--pf-v5-c-code-block__content--PaddingLeft: var(--pf-v5-global--spacer--md);
|
|
9401
|
-
--pf-v5-c-code-block__pre--FontFamily: var(--pf-v5-global--FontFamily--monospace);
|
|
9402
|
-
--pf-v5-c-code-block__pre--FontSize: var(--pf-v5-global--FontSize--sm);
|
|
9403
9409
|
background-color: var(--pf-v5-c-code-block--BackgroundColor);
|
|
9410
|
+
border-radius: var(--pf-v5-c-code-block--BorderRadius);
|
|
9404
9411
|
}
|
|
9405
9412
|
|
|
9406
9413
|
.pf-v5-c-code-block__header {
|
|
9407
9414
|
display: flex;
|
|
9415
|
+
padding-inline-start: var(--pf-v5-c-code-block__header--PaddingLeft);
|
|
9416
|
+
padding-inline-end: var(--pf-v5-c-code-block__header--PaddingRight);
|
|
9408
9417
|
border-block-end: var(--pf-v5-c-code-block__header--BorderBottomWidth) solid var(--pf-v5-c-code-block__header--BorderBottomColor);
|
|
9409
9418
|
}
|
|
9410
9419
|
|
|
@@ -10965,7 +10974,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
|
10965
10974
|
padding: 0;
|
|
10966
10975
|
}
|
|
10967
10976
|
|
|
10968
|
-
:root, :where(.pf-v5-c-description-list) {
|
|
10977
|
+
:where(:root), :where(.pf-v5-c-description-list) {
|
|
10969
10978
|
--pf-v5-c-description-list--RowGap: var(--pf-t--global--spacer--lg);
|
|
10970
10979
|
--pf-v5-c-description-list--ColumnGap: var(--pf-t--global--spacer--lg);
|
|
10971
10980
|
--pf-v5-c-description-list--GridTemplateColumns--count: 1;
|
|
@@ -10997,8 +11006,8 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
|
10997
11006
|
--pf-v5-c-description-list--m-3-col--GridTemplateColumns--count: 3;
|
|
10998
11007
|
--pf-v5-c-description-list--m-auto-fit--GridTemplateColumns--min: 15.625rem;
|
|
10999
11008
|
--pf-v5-c-description-list--m-auto-fit--GridTemplateColumns--minmax--min: var(--pf-v5-c-description-list--m-auto-fit--GridTemplateColumns--min);
|
|
11000
|
-
--pf-v5-c-description-list__text--m-help-text--TextDecorationColor:
|
|
11001
|
-
--pf-v5-c-description-list__text--m-help-text--TextDecorationThickness: var(--pf-t--global--border--width--
|
|
11009
|
+
--pf-v5-c-description-list__text--m-help-text--TextDecorationColor: currentcolor;
|
|
11010
|
+
--pf-v5-c-description-list__text--m-help-text--TextDecorationThickness: var(--pf-t--global--border--width--regular);
|
|
11002
11011
|
--pf-v5-c-description-list__text--m-help-text--TextDecorationOffset: 0.25rem;
|
|
11003
11012
|
--pf-v5-c-description-list__text--m-help-text--hover--TextDecorationColor: var(--pf-t--global--border--color--hover);
|
|
11004
11013
|
--pf-v5-c-description-list__text--m-help-text--focus--TextDecorationColor: var(--pf-t--global--border--color--hover);
|
|
@@ -11012,32 +11021,32 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
|
11012
11021
|
--pf-v5-c-description-list__term--width: var(--pf-v5-c-description-list--m-horizontal__term--width);
|
|
11013
11022
|
}
|
|
11014
11023
|
@media screen and (min-width: 576px) {
|
|
11015
|
-
:root, :where(.pf-v5-c-description-list) {
|
|
11024
|
+
:where(:root), :where(.pf-v5-c-description-list) {
|
|
11016
11025
|
--pf-v5-c-description-list__term--Display: var(--pf-v5-c-description-list__term--sm--Display);
|
|
11017
11026
|
}
|
|
11018
11027
|
}
|
|
11019
11028
|
@media (min-width: 576px) {
|
|
11020
|
-
:root, :where(.pf-v5-c-description-list) {
|
|
11029
|
+
:where(:root), :where(.pf-v5-c-description-list) {
|
|
11021
11030
|
--pf-v5-c-description-list__term--width: var(--pf-v5-c-description-list--m-horizontal__term--width-on-sm, var(--pf-v5-c-description-list--m-horizontal__term--width));
|
|
11022
11031
|
}
|
|
11023
11032
|
}
|
|
11024
11033
|
@media (min-width: 768px) {
|
|
11025
|
-
:root, :where(.pf-v5-c-description-list) {
|
|
11034
|
+
:where(:root), :where(.pf-v5-c-description-list) {
|
|
11026
11035
|
--pf-v5-c-description-list__term--width: var(--pf-v5-c-description-list--m-horizontal__term--width-on-md, var(--pf-v5-c-description-list--m-horizontal__term--width-on-sm, var(--pf-v5-c-description-list--m-horizontal__term--width)));
|
|
11027
11036
|
}
|
|
11028
11037
|
}
|
|
11029
11038
|
@media (min-width: 992px) {
|
|
11030
|
-
:root, :where(.pf-v5-c-description-list) {
|
|
11039
|
+
:where(:root), :where(.pf-v5-c-description-list) {
|
|
11031
11040
|
--pf-v5-c-description-list__term--width: var(--pf-v5-c-description-list--m-horizontal__term--width-on-lg, var(--pf-v5-c-description-list--m-horizontal__term--width-on-md, var(--pf-v5-c-description-list--m-horizontal__term--width-on-sm, var(--pf-v5-c-description-list--m-horizontal__term--width))));
|
|
11032
11041
|
}
|
|
11033
11042
|
}
|
|
11034
11043
|
@media (min-width: 1200px) {
|
|
11035
|
-
:root, :where(.pf-v5-c-description-list) {
|
|
11044
|
+
:where(:root), :where(.pf-v5-c-description-list) {
|
|
11036
11045
|
--pf-v5-c-description-list__term--width: var(--pf-v5-c-description-list--m-horizontal__term--width-on-xl, var(--pf-v5-c-description-list--m-horizontal__term--width-on-lg, var(--pf-v5-c-description-list--m-horizontal__term--width-on-md, var(--pf-v5-c-description-list--m-horizontal__term--width-on-sm, var(--pf-v5-c-description-list--m-horizontal__term--width)))));
|
|
11037
11046
|
}
|
|
11038
11047
|
}
|
|
11039
11048
|
@media (min-width: 1450px) {
|
|
11040
|
-
:root, :where(.pf-v5-c-description-list) {
|
|
11049
|
+
:where(:root), :where(.pf-v5-c-description-list) {
|
|
11041
11050
|
--pf-v5-c-description-list__term--width: var(--pf-v5-c-description-list--m-horizontal__term--width-on-2xl, var(--pf-v5-c-description-list--m-horizontal__term--width-on-xl, var(--pf-v5-c-description-list--m-horizontal__term--width-on-lg, var(--pf-v5-c-description-list--m-horizontal__term--width-on-md, var(--pf-v5-c-description-list--m-horizontal__term--width-on-sm, var(--pf-v5-c-description-list--m-horizontal__term--width))))));
|
|
11042
11051
|
}
|
|
11043
11052
|
}
|
|
@@ -11290,14 +11299,18 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
|
11290
11299
|
}
|
|
11291
11300
|
}
|
|
11292
11301
|
|
|
11293
|
-
.pf-v5-c-draggable {
|
|
11302
|
+
:where(:root), :where(.pf-v5-c-draggable) {
|
|
11294
11303
|
--pf-v5-c-draggable--Cursor: auto;
|
|
11295
11304
|
--pf-v5-c-draggable--m-dragging--Cursor: grabbing;
|
|
11296
|
-
--pf-v5-c-draggable--m-dragging--BoxShadow: var(--pf-
|
|
11297
|
-
--pf-v5-c-draggable--m-dragging--after--BorderWidth: var(--pf-
|
|
11298
|
-
--pf-v5-c-draggable--m-dragging--after--BorderColor: var(--pf-
|
|
11305
|
+
--pf-v5-c-draggable--m-dragging--BoxShadow: var(--pf-t--global--box-shadow--md);
|
|
11306
|
+
--pf-v5-c-draggable--m-dragging--after--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
11307
|
+
--pf-v5-c-draggable--m-dragging--after--BorderColor: var(--pf-t--global--border--color--brand--default);
|
|
11308
|
+
--pf-v5-c-draggable--m-dragging--after--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
11299
11309
|
--pf-v5-c-draggable--m-drag-outside--Cursor: not-allowed;
|
|
11300
|
-
--pf-v5-c-draggable--m-drag-outside--after--BorderColor: var(--pf-
|
|
11310
|
+
--pf-v5-c-draggable--m-drag-outside--after--BorderColor: var(--pf-t--global--border--color--status--danger--default);
|
|
11311
|
+
}
|
|
11312
|
+
|
|
11313
|
+
.pf-v5-c-draggable {
|
|
11301
11314
|
cursor: var(--pf-v5-c-draggable--Cursor);
|
|
11302
11315
|
}
|
|
11303
11316
|
.pf-v5-c-draggable.pf-m-dragging {
|
|
@@ -11314,23 +11327,26 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
|
11314
11327
|
inset-inline-end: 0;
|
|
11315
11328
|
content: "";
|
|
11316
11329
|
border: var(--pf-v5-c-draggable--m-dragging--after--BorderWidth) solid var(--pf-v5-c-draggable--m-dragging--after--BorderColor);
|
|
11330
|
+
border-radius: var(--pf-v5-c-draggable--m-dragging--after--BorderRadius);
|
|
11317
11331
|
}
|
|
11318
11332
|
.pf-v5-c-draggable.pf-m-drag-outside {
|
|
11319
11333
|
--pf-v5-c-draggable--m-dragging--Cursor: var(--pf-v5-c-draggable--m-drag-outside--Cursor);
|
|
11320
11334
|
--pf-v5-c-draggable--m-dragging--after--BorderColor: var(--pf-v5-c-draggable--m-drag-outside--after--BorderColor);
|
|
11321
11335
|
}
|
|
11322
11336
|
|
|
11323
|
-
.pf-v5-c-droppable {
|
|
11337
|
+
:where(:root), :where(.pf-v5-c-droppable) {
|
|
11324
11338
|
--pf-v5-c-droppable--before--BackgroundColor: transparent;
|
|
11325
11339
|
--pf-v5-c-droppable--before--Opacity: 0;
|
|
11326
11340
|
--pf-v5-c-droppable--after--BorderWidth: 0;
|
|
11327
11341
|
--pf-v5-c-droppable--after--BorderColor: transparent;
|
|
11328
|
-
--pf-v5-c-droppable--m-dragging--before--BackgroundColor: var(--pf-
|
|
11342
|
+
--pf-v5-c-droppable--m-dragging--before--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
11329
11343
|
--pf-v5-c-droppable--m-dragging--before--Opacity: .6;
|
|
11330
|
-
--pf-v5-c-droppable--m-dragging--after--BorderWidth: var(--pf-
|
|
11331
|
-
--pf-v5-c-droppable--m-dragging--after--BorderColor: var(--pf-
|
|
11332
|
-
--pf-v5-c-droppable--m-
|
|
11344
|
+
--pf-v5-c-droppable--m-dragging--after--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
11345
|
+
--pf-v5-c-droppable--m-dragging--after--BorderColor: var(--pf-t--global--border--color--brand--default);
|
|
11346
|
+
--pf-v5-c-droppable--m-dragging--after--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
11347
|
+
--pf-v5-c-droppable--m-drag-outside--after--BorderColor: var(--pf-t--global--border--color--status--danger--default);
|
|
11333
11348
|
}
|
|
11349
|
+
|
|
11334
11350
|
.pf-v5-c-droppable::before, .pf-v5-c-droppable::after {
|
|
11335
11351
|
position: absolute;
|
|
11336
11352
|
inset-block-start: 0;
|
|
@@ -11346,6 +11362,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
|
11346
11362
|
}
|
|
11347
11363
|
.pf-v5-c-droppable::after {
|
|
11348
11364
|
border: var(--pf-v5-c-droppable--after--BorderWidth, 0) solid var(--pf-v5-c-droppable--after--BorderColor, transparent);
|
|
11365
|
+
border-radius: var(--pf-v5-c-droppable--m-dragging--after--BorderRadius);
|
|
11349
11366
|
}
|
|
11350
11367
|
.pf-v5-c-droppable.pf-m-dragging {
|
|
11351
11368
|
--pf-v5-c-droppable--before--BackgroundColor: var(--pf-v5-c-droppable--m-dragging--before--BackgroundColor);
|
|
@@ -11358,14 +11375,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
|
11358
11375
|
--pf-v5-c-droppable--m-dragging--after--BorderColor: var(--pf-v5-c-droppable--m-drag-outside--after--BorderColor);
|
|
11359
11376
|
}
|
|
11360
11377
|
|
|
11361
|
-
:where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
|
|
11362
|
-
--pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
|
|
11363
|
-
}
|
|
11364
|
-
|
|
11365
|
-
:where(.pf-v5-theme-dark) .pf-v5-c-droppable {
|
|
11366
|
-
--pf-v5-c-droppable--m-dragging--before--Opacity: .2;
|
|
11367
|
-
}
|
|
11368
|
-
|
|
11369
11378
|
.pf-v5-c-dual-list-selector {
|
|
11370
11379
|
--pf-v5-c-dual-list-selector__header--GridArea: pane-header;
|
|
11371
11380
|
--pf-v5-c-dual-list-selector__tools--GridArea: pane-tools;
|
|
@@ -15018,48 +15027,42 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
|
15018
15027
|
padding-inline-end: var(--pf-v5-c-expandable-section__content--PaddingRight);
|
|
15019
15028
|
}
|
|
15020
15029
|
|
|
15030
|
+
:where(:root),
|
|
15031
|
+
:where(.pf-v5-c-file-upload) {
|
|
15032
|
+
--pf-v5-c-file-upload--RowGap: var(--pf-t--global--spacer--sm);
|
|
15033
|
+
--pf-v5-c-file-upload--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
15034
|
+
--pf-v5-c-file-upload--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
15035
|
+
--pf-v5-c-file-upload--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
15036
|
+
--pf-v5-c-file-upload--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
15037
|
+
--pf-v5-c-file-upload--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
15038
|
+
--pf-v5-c-file-upload--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
15039
|
+
--pf-v5-c-file-upload--BorderColor: transparent;
|
|
15040
|
+
--pf-v5-c-file-upload--BorderStyle: solid;
|
|
15041
|
+
--pf-v5-c-file-upload--m-drag-hover--BorderColor: var(--pf-t--global--icon--color--brand--default);
|
|
15042
|
+
--pf-v5-c-file-upload--m-drag-hover--BorderStyle: dashed;
|
|
15043
|
+
--pf-v5-c-file-upload__file-select__c-button--m-control--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
|
|
15044
|
+
--pf-v5-c-file-upload__file-details__c-form-control--MinHeight: calc(var(--pf-t--global--spacer--3xl) * 2);
|
|
15045
|
+
}
|
|
15046
|
+
|
|
15021
15047
|
.pf-v5-c-file-upload {
|
|
15022
|
-
--pf-v5-c-file-upload--m-loading__file-details--before--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
|
|
15023
|
-
--pf-v5-c-file-upload--m-loading__file-details--before--Left: var(--pf-v5-global--BorderWidth--sm);
|
|
15024
|
-
--pf-v5-c-file-upload--m-loading__file-details--before--Right: var(--pf-v5-global--BorderWidth--sm);
|
|
15025
|
-
--pf-v5-c-file-upload--m-loading__file-details--before--Bottom: var(--pf-v5-global--BorderWidth--sm);
|
|
15026
|
-
--pf-v5-c-file-upload--m-drag-hover--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
|
|
15027
|
-
--pf-v5-c-file-upload--m-drag-hover--before--BorderColor: var(--pf-v5-global--primary-color--100);
|
|
15028
|
-
--pf-v5-c-file-upload--m-drag-hover--before--ZIndex: var(--pf-v5-global--ZIndex--xs);
|
|
15029
|
-
--pf-v5-c-file-upload--m-drag-hover--after--BackgroundColor: var(--pf-v5-global--primary-color--100);
|
|
15030
|
-
--pf-v5-c-file-upload--m-drag-hover--after--Opacity: .1;
|
|
15031
|
-
--pf-v5-c-file-upload__file-details__c-form-control--MinHeight: calc(var(--pf-v5-global--spacer--3xl) * 2);
|
|
15032
|
-
--pf-v5-c-file-upload__file-select__c-button--m-control--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
|
|
15033
15048
|
position: relative;
|
|
15034
15049
|
display: flex;
|
|
15035
15050
|
flex-direction: column;
|
|
15036
|
-
|
|
15037
|
-
|
|
15038
|
-
|
|
15039
|
-
|
|
15040
|
-
|
|
15041
|
-
|
|
15042
|
-
border: var(--pf-v5-c-file-upload--
|
|
15043
|
-
}
|
|
15044
|
-
.pf-v5-c-file-upload.pf-m-drag-hover
|
|
15045
|
-
|
|
15046
|
-
|
|
15047
|
-
content: "";
|
|
15048
|
-
background-color: var(--pf-v5-c-file-upload--m-drag-hover--after--BackgroundColor);
|
|
15049
|
-
opacity: var(--pf-v5-c-file-upload--m-drag-hover--after--Opacity);
|
|
15051
|
+
row-gap: var(--pf-v5-c-file-upload--RowGap);
|
|
15052
|
+
padding-block-start: var(--pf-v5-c-file-upload--PaddingBlockStart);
|
|
15053
|
+
padding-block-end: var(--pf-v5-c-file-upload--PaddingBlockEnd);
|
|
15054
|
+
padding-inline-start: var(--pf-v5-c-file-upload--PaddingInlineStart);
|
|
15055
|
+
padding-inline-end: var(--pf-v5-c-file-upload--PaddingInlineEnd);
|
|
15056
|
+
border: var(--pf-v5-c-file-upload--BorderWidth) var(--pf-v5-c-file-upload--BorderStyle) var(--pf-v5-c-file-upload--BorderColor);
|
|
15057
|
+
border-radius: var(--pf-v5-c-file-upload--BorderRadius);
|
|
15058
|
+
}
|
|
15059
|
+
.pf-v5-c-file-upload.pf-m-drag-hover {
|
|
15060
|
+
--pf-v5-c-file-upload--BorderColor: var(--pf-v5-c-file-upload--m-drag-hover--BorderColor);
|
|
15061
|
+
--pf-v5-c-file-upload--BorderStyle: var(--pf-v5-c-file-upload--m-drag-hover--BorderStyle);
|
|
15050
15062
|
}
|
|
15051
15063
|
.pf-v5-c-file-upload.pf-m-loading .pf-v5-c-file-upload__file-details {
|
|
15052
15064
|
position: relative;
|
|
15053
15065
|
}
|
|
15054
|
-
.pf-v5-c-file-upload.pf-m-loading .pf-v5-c-file-upload__file-details::before {
|
|
15055
|
-
position: absolute;
|
|
15056
|
-
inset-block-start: 0;
|
|
15057
|
-
inset-block-end: var(--pf-v5-c-file-upload--m-loading__file-details--before--Left);
|
|
15058
|
-
inset-inline-start: var(--pf-v5-c-file-upload--m-loading__file-details--before--Left);
|
|
15059
|
-
inset-inline-end: var(--pf-v5-c-file-upload--m-loading__file-details--before--Left);
|
|
15060
|
-
content: "";
|
|
15061
|
-
background-color: var(--pf-v5-c-file-upload--m-loading__file-details--before--BackgroundColor);
|
|
15062
|
-
}
|
|
15063
15066
|
|
|
15064
15067
|
.pf-v5-c-file-upload__file-select .pf-v5-c-button.pf-m-control {
|
|
15065
15068
|
outline-offset: var(--pf-v5-c-file-upload__file-select__c-button--m-control--OutlineOffset);
|
|
@@ -15966,33 +15969,70 @@ select ~ .pf-v5-c-form-control__utilities {
|
|
|
15966
15969
|
color: var(--pf-v5-c-helper-text__item-text--Color);
|
|
15967
15970
|
}
|
|
15968
15971
|
|
|
15969
|
-
|
|
15972
|
+
:root,
|
|
15973
|
+
:where(.pf-v5-c-icon) {
|
|
15970
15974
|
--pf-v5-c-icon--Width: 1em;
|
|
15971
15975
|
--pf-v5-c-icon--Height: 1em;
|
|
15972
|
-
--pf-v5-c-icon--m-sm--Width: var(--pf-
|
|
15973
|
-
--pf-v5-c-icon--m-sm--Height: var(--pf-
|
|
15974
|
-
--pf-v5-c-icon--m-md--Width: var(--pf-
|
|
15975
|
-
--pf-v5-c-icon--m-md--Height: var(--pf-
|
|
15976
|
-
--pf-v5-c-icon--m-lg--Width: var(--pf-
|
|
15977
|
-
--pf-v5-c-icon--m-lg--Height: var(--pf-
|
|
15978
|
-
--pf-v5-c-icon--m-xl--Width: var(--pf-
|
|
15979
|
-
--pf-v5-c-icon--m-xl--Height: var(--pf-
|
|
15976
|
+
--pf-v5-c-icon--m-sm--Width: var(--pf-t--global--icon--size--sm);
|
|
15977
|
+
--pf-v5-c-icon--m-sm--Height: var(--pf-t--global--icon--size--sm);
|
|
15978
|
+
--pf-v5-c-icon--m-md--Width: var(--pf-t--global--icon--size--md);
|
|
15979
|
+
--pf-v5-c-icon--m-md--Height: var(--pf-t--global--icon--size--md);
|
|
15980
|
+
--pf-v5-c-icon--m-lg--Width: var(--pf-t--global--icon--size--lg);
|
|
15981
|
+
--pf-v5-c-icon--m-lg--Height: var(--pf-t--global--icon--size--lg);
|
|
15982
|
+
--pf-v5-c-icon--m-xl--Width: var(--pf-t--global--icon--size--xl);
|
|
15983
|
+
--pf-v5-c-icon--m-xl--Height: var(--pf-t--global--icon--size--xl);
|
|
15984
|
+
--pf-v5-c-icon--m-2xl--Width: var(--pf-t--global--icon--size--2xl);
|
|
15985
|
+
--pf-v5-c-icon--m-2xl--Height: var(--pf-t--global--icon--size--2xl);
|
|
15986
|
+
--pf-v5-c-icon--m-3xl--Width: var(--pf-t--global--icon--size--3xl);
|
|
15987
|
+
--pf-v5-c-icon--m-3xl--Height: var(--pf-t--global--icon--size--3xl);
|
|
15988
|
+
--pf-v5-c-icon--m-body-sm--Width: var(--pf-t--global--icon--size--body--sm);
|
|
15989
|
+
--pf-v5-c-icon--m-body-sm--Height: var(--pf-t--global--icon--size--body--sm);
|
|
15990
|
+
--pf-v5-c-icon--m-body-default--Width: var(--pf-t--global--icon--size--body--default);
|
|
15991
|
+
--pf-v5-c-icon--m-body-default--Height: var(--pf-t--global--icon--size--body--default);
|
|
15992
|
+
--pf-v5-c-icon--m-body-lg--Width: var(--pf-t--global--icon--size--body--lg);
|
|
15993
|
+
--pf-v5-c-icon--m-body-lg--Height: var(--pf-t--global--icon--size--body--lg);
|
|
15994
|
+
--pf-v5-c-icon--m-heading-sm--Width: var(--pf-t--global--icon--size--heading--h6);
|
|
15995
|
+
--pf-v5-c-icon--m-heading-sm--Height: var(--pf-t--global--icon--size--heading--h6);
|
|
15996
|
+
--pf-v5-c-icon--m-heading-md--Width: var(--pf-t--global--icon--size--heading--h5);
|
|
15997
|
+
--pf-v5-c-icon--m-heading-md--Height: var(--pf-t--global--icon--size--heading--h5);
|
|
15998
|
+
--pf-v5-c-icon--m-heading-lg--Width: var(--pf-t--global--icon--size--heading--h4);
|
|
15999
|
+
--pf-v5-c-icon--m-heading-lg--Height: var(--pf-t--global--icon--size--heading--h4);
|
|
16000
|
+
--pf-v5-c-icon--m-heading-xl--Width: var(--pf-t--global--icon--size--heading--h3);
|
|
16001
|
+
--pf-v5-c-icon--m-heading-xl--Height: var(--pf-t--global--icon--size--heading--h3);
|
|
16002
|
+
--pf-v5-c-icon--m-heading-2xl--Width: var(--pf-t--global--icon--size--heading--h2);
|
|
16003
|
+
--pf-v5-c-icon--m-heading-2xl--Height: var(--pf-t--global--icon--size--heading--h2);
|
|
16004
|
+
--pf-v5-c-icon--m-heading-3xl--Width: var(--pf-t--global--icon--size--heading--h1);
|
|
16005
|
+
--pf-v5-c-icon--m-heading-3xl--Height: var(--pf-t--global--icon--size--heading--h1);
|
|
15980
16006
|
--pf-v5-c-icon--m-inline--Width: 1em;
|
|
15981
16007
|
--pf-v5-c-icon--m-inline--Height: 1em;
|
|
15982
16008
|
--pf-v5-c-icon__content--svg--VerticalAlign: -.125em;
|
|
15983
16009
|
--pf-v5-c-icon__content--Color: initial;
|
|
15984
|
-
--pf-v5-c-icon__content--m-danger--Color: var(--pf-
|
|
15985
|
-
--pf-v5-c-icon__content--m-warning--Color: var(--pf-
|
|
15986
|
-
--pf-v5-c-icon__content--m-success--Color: var(--pf-
|
|
15987
|
-
--pf-v5-c-icon__content--m-info--Color: var(--pf-
|
|
15988
|
-
--pf-v5-c-icon__content--m-custom--Color: var(--pf-
|
|
16010
|
+
--pf-v5-c-icon__content--m-danger--Color: var(--pf-t--global--color--status--danger--default);
|
|
16011
|
+
--pf-v5-c-icon__content--m-warning--Color: var(--pf-t--global--color--status--warning--default);
|
|
16012
|
+
--pf-v5-c-icon__content--m-success--Color: var(--pf-t--global--color--status--success--default);
|
|
16013
|
+
--pf-v5-c-icon__content--m-info--Color: var(--pf-t--global--color--status--info--default);
|
|
16014
|
+
--pf-v5-c-icon__content--m-custom--Color: var(--pf-t--global--color--status--custom--default);
|
|
15989
16015
|
--pf-v5-c-icon--m-inline__content--Color: initial;
|
|
15990
16016
|
--pf-v5-c-icon__content--FontSize: 1em;
|
|
15991
|
-
--pf-v5-c-icon--m-sm__content--FontSize: var(--pf-
|
|
15992
|
-
--pf-v5-c-icon--m-md__content--FontSize: var(--pf-
|
|
15993
|
-
--pf-v5-c-icon--m-lg__content--FontSize: var(--pf-
|
|
15994
|
-
--pf-v5-c-icon--m-xl__content--FontSize: var(--pf-
|
|
16017
|
+
--pf-v5-c-icon--m-sm__content--FontSize: var(--pf-t--global--icon--size--sm);
|
|
16018
|
+
--pf-v5-c-icon--m-md__content--FontSize: var(--pf-t--global--icon--size--md);
|
|
16019
|
+
--pf-v5-c-icon--m-lg__content--FontSize: var(--pf-t--global--icon--size--lg);
|
|
16020
|
+
--pf-v5-c-icon--m-xl__content--FontSize: var(--pf-t--global--icon--size--xl);
|
|
16021
|
+
--pf-v5-c-icon--m-2xl__content--FontSize: var(--pf-t--global--icon--size--2xl);
|
|
16022
|
+
--pf-v5-c-icon--m-3xl__content--FontSize: var(--pf-t--global--icon--size--3xl);
|
|
16023
|
+
--pf-v5-c-icon--m-body-sm__content--FontSize: var(--pf-t--global--icon--size--body--sm);
|
|
16024
|
+
--pf-v5-c-icon--m-body-default__content--FontSize: var(--pf-t--global--icon--size--body--default);
|
|
16025
|
+
--pf-v5-c-icon--m-body-lg__content--FontSize: var(--pf-t--global--icon--size--body--lg);
|
|
16026
|
+
--pf-v5-c-icon--m-heading-sm__content--FontSize: var(--pf-t--global--icon--size--heading--h6);
|
|
16027
|
+
--pf-v5-c-icon--m-heading-md__content--FontSize: var(--pf-t--global--icon--size--heading--h5);
|
|
16028
|
+
--pf-v5-c-icon--m-heading-lg__content--FontSize: var(--pf-t--global--icon--size--heading--h4);
|
|
16029
|
+
--pf-v5-c-icon--m-heading-xl__content--FontSize: var(--pf-t--global--icon--size--heading--h3);
|
|
16030
|
+
--pf-v5-c-icon--m-heading-2xl__content--FontSize: var(--pf-t--global--icon--size--heading--h2);
|
|
16031
|
+
--pf-v5-c-icon--m-heading-3xl__content--FontSize: var(--pf-t--global--icon--size--heading--h1);
|
|
15995
16032
|
--pf-v5-c-icon--m-inline__content--FontSize: 1em;
|
|
16033
|
+
}
|
|
16034
|
+
|
|
16035
|
+
.pf-v5-c-icon {
|
|
15996
16036
|
position: relative;
|
|
15997
16037
|
display: inline-flex;
|
|
15998
16038
|
align-items: center;
|
|
@@ -16030,6 +16070,61 @@ select ~ .pf-v5-c-form-control__utilities {
|
|
|
16030
16070
|
--pf-v5-c-icon--Height: var(--pf-v5-c-icon--m-xl--Height);
|
|
16031
16071
|
--pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-xl__content--FontSize);
|
|
16032
16072
|
}
|
|
16073
|
+
.pf-v5-c-icon.pf-m-2xl {
|
|
16074
|
+
--pf-v5-c-icon--Width: var(--pf-v5-c-icon--m-2xl--Width);
|
|
16075
|
+
--pf-v5-c-icon--Height: var(--pf-v5-c-icon--m-2xl--Height);
|
|
16076
|
+
--pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-2xl__content--FontSize);
|
|
16077
|
+
}
|
|
16078
|
+
.pf-v5-c-icon.pf-m-3xl {
|
|
16079
|
+
--pf-v5-c-icon--Width: var(--pf-v5-c-icon--m-3xl--Width);
|
|
16080
|
+
--pf-v5-c-icon--Height: var(--pf-v5-c-icon--m-3xl--Height);
|
|
16081
|
+
--pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-3xl__content--FontSize);
|
|
16082
|
+
}
|
|
16083
|
+
.pf-v5-c-icon.pf-m-body-sm {
|
|
16084
|
+
--pf-v5-c-icon--Width: var(--pf-v5-c-icon--m-body-sm--Width);
|
|
16085
|
+
--pf-v5-c-icon--Height: var(--pf-v5-c-icon--m-body-sm--Height);
|
|
16086
|
+
--pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-body-sm__content--FontSize);
|
|
16087
|
+
}
|
|
16088
|
+
.pf-v5-c-icon.pf-m-body-default {
|
|
16089
|
+
--pf-v5-c-icon--Width: var(--pf-v5-c-icon--m-body-default--Width);
|
|
16090
|
+
--pf-v5-c-icon--Height: var(--pf-v5-c-icon--m-body-default--Height);
|
|
16091
|
+
--pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-body-default__content--FontSize);
|
|
16092
|
+
}
|
|
16093
|
+
.pf-v5-c-icon.pf-m-body-lg {
|
|
16094
|
+
--pf-v5-c-icon--Width: var(--pf-v5-c-icon--m-body-lg--Width);
|
|
16095
|
+
--pf-v5-c-icon--Height: var(--pf-v5-c-icon--m-body-lg--Height);
|
|
16096
|
+
--pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-lg__content--FontSize);
|
|
16097
|
+
}
|
|
16098
|
+
.pf-v5-c-icon.pf-m-heading-sm {
|
|
16099
|
+
--pf-v5-c-icon--Width: var(--pf-v5-c-icon--m-heading-sm--Width);
|
|
16100
|
+
--pf-v5-c-icon--Height: var(--pf-v5-c-icon--m-heading-sm--Height);
|
|
16101
|
+
--pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-heading-sm__content--FontSize);
|
|
16102
|
+
}
|
|
16103
|
+
.pf-v5-c-icon.pf-m-heading-md {
|
|
16104
|
+
--pf-v5-c-icon--Width: var(--pf-v5-c-icon--m-heading-md--Width);
|
|
16105
|
+
--pf-v5-c-icon--Height: var(--pf-v5-c-icon--m-heading-md--Height);
|
|
16106
|
+
--pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-heading-md__content--FontSize);
|
|
16107
|
+
}
|
|
16108
|
+
.pf-v5-c-icon.pf-m-heading-lg {
|
|
16109
|
+
--pf-v5-c-icon--Width: var(--pf-v5-c-icon--m-heading-lg--Width);
|
|
16110
|
+
--pf-v5-c-icon--Height: var(--pf-v5-c-icon--m-heading-lg--Height);
|
|
16111
|
+
--pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-heading-lg__content--FontSize);
|
|
16112
|
+
}
|
|
16113
|
+
.pf-v5-c-icon.pf-m-heading-xl {
|
|
16114
|
+
--pf-v5-c-icon--Width: var(--pf-v5-c-icon--m-heading-xl--Width);
|
|
16115
|
+
--pf-v5-c-icon--Height: var(--pf-v5-c-icon--m-heading-xl--Height);
|
|
16116
|
+
--pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-heading-xl__content--FontSize);
|
|
16117
|
+
}
|
|
16118
|
+
.pf-v5-c-icon.pf-m-heading-2xl {
|
|
16119
|
+
--pf-v5-c-icon--Width: var(--pf-v5-c-icon--m-heading-2xl--Width);
|
|
16120
|
+
--pf-v5-c-icon--Height: var(--pf-v5-c-icon--m-heading-2xl--Height);
|
|
16121
|
+
--pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-heading-2xl__content--FontSize);
|
|
16122
|
+
}
|
|
16123
|
+
.pf-v5-c-icon.pf-m-heading-3xl {
|
|
16124
|
+
--pf-v5-c-icon--Width: var(--pf-v5-c-icon--m-heading-3xl--Width);
|
|
16125
|
+
--pf-v5-c-icon--Height: var(--pf-v5-c-icon--m-heading-3xl--Height);
|
|
16126
|
+
--pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-heading-3xl__content--FontSize);
|
|
16127
|
+
}
|
|
16033
16128
|
.pf-v5-c-icon.pf-m-in-progress {
|
|
16034
16129
|
--pf-v5-c-icon__content--Opacity: 0;
|
|
16035
16130
|
--pf-v5-c-icon__progress--Opacity: 1;
|
|
@@ -16059,6 +16154,50 @@ select ~ .pf-v5-c-form-control__utilities {
|
|
|
16059
16154
|
.pf-v5-c-icon__progress.pf-m-xl {
|
|
16060
16155
|
--pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-xl__content--FontSize);
|
|
16061
16156
|
}
|
|
16157
|
+
.pf-v5-c-icon__content.pf-m-2xl,
|
|
16158
|
+
.pf-v5-c-icon__progress.pf-m-2xl {
|
|
16159
|
+
--pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-2xl__content--FontSize);
|
|
16160
|
+
}
|
|
16161
|
+
.pf-v5-c-icon__content.pf-m-3xl,
|
|
16162
|
+
.pf-v5-c-icon__progress.pf-m-3xl {
|
|
16163
|
+
--pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-3xl__content--FontSize);
|
|
16164
|
+
}
|
|
16165
|
+
.pf-v5-c-icon__content.pf-m-body-sm,
|
|
16166
|
+
.pf-v5-c-icon__progress.pf-m-body-sm {
|
|
16167
|
+
--pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-body-sm__content--FontSize);
|
|
16168
|
+
}
|
|
16169
|
+
.pf-v5-c-icon__content.pf-m-body-default,
|
|
16170
|
+
.pf-v5-c-icon__progress.pf-m-body-default {
|
|
16171
|
+
--pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-md__content--FontSize);
|
|
16172
|
+
}
|
|
16173
|
+
.pf-v5-c-icon__content.pf-m-body-lg,
|
|
16174
|
+
.pf-v5-c-icon__progress.pf-m-body-lg {
|
|
16175
|
+
--pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-lg__content--FontSize);
|
|
16176
|
+
}
|
|
16177
|
+
.pf-v5-c-icon__content.pf-m-heading-sm,
|
|
16178
|
+
.pf-v5-c-icon__progress.pf-m-heading-sm {
|
|
16179
|
+
--pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-heading-sm__content--FontSize);
|
|
16180
|
+
}
|
|
16181
|
+
.pf-v5-c-icon__content.pf-m-heading-md,
|
|
16182
|
+
.pf-v5-c-icon__progress.pf-m-heading-md {
|
|
16183
|
+
--pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-heading-md__content--FontSize);
|
|
16184
|
+
}
|
|
16185
|
+
.pf-v5-c-icon__content.pf-m-heading-lg,
|
|
16186
|
+
.pf-v5-c-icon__progress.pf-m-heading-lg {
|
|
16187
|
+
--pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-heading-lg__content--FontSize);
|
|
16188
|
+
}
|
|
16189
|
+
.pf-v5-c-icon__content.pf-m-heading-xl,
|
|
16190
|
+
.pf-v5-c-icon__progress.pf-m-heading-xl {
|
|
16191
|
+
--pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-heading-xl__content--FontSize);
|
|
16192
|
+
}
|
|
16193
|
+
.pf-v5-c-icon__content.pf-m-heading-2xl,
|
|
16194
|
+
.pf-v5-c-icon__progress.pf-m-heading-2xl {
|
|
16195
|
+
--pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-heading-2xl__content--FontSize);
|
|
16196
|
+
}
|
|
16197
|
+
.pf-v5-c-icon__content.pf-m-heading-3xl,
|
|
16198
|
+
.pf-v5-c-icon__progress.pf-m-heading-3xl {
|
|
16199
|
+
--pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-heading-3xl__content--FontSize);
|
|
16200
|
+
}
|
|
16062
16201
|
|
|
16063
16202
|
.pf-v5-c-icon__content {
|
|
16064
16203
|
color: var(--pf-v5-c-icon__content--Color, inherit);
|
|
@@ -23492,12 +23631,12 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
|
|
|
23492
23631
|
color: var(--pf-v5-global--palette--black-100);
|
|
23493
23632
|
}
|
|
23494
23633
|
|
|
23495
|
-
|
|
23496
|
-
|
|
23497
|
-
--pf-v5-c-sidebar--
|
|
23498
|
-
--pf-v5-c-sidebar--
|
|
23499
|
-
--pf-v5-c-sidebar--BorderWidth--base: var(--pf-
|
|
23500
|
-
--pf-v5-c-sidebar--BorderColor--base: var(--pf-
|
|
23634
|
+
:root,
|
|
23635
|
+
:where(.pf-v5-c-sidebar) {
|
|
23636
|
+
--pf-v5-c-sidebar--inset: var(--pf-t--global--spacer--md);
|
|
23637
|
+
--pf-v5-c-sidebar--xl--inset: var(--pf-t--global--spacer--lg);
|
|
23638
|
+
--pf-v5-c-sidebar--BorderWidth--base: var(--pf-t--global--border--width--regular);
|
|
23639
|
+
--pf-v5-c-sidebar--BorderColor--base: var(--pf-t--global--border--color--default);
|
|
23501
23640
|
--pf-v5-c-sidebar__panel--PaddingTop: 0;
|
|
23502
23641
|
--pf-v5-c-sidebar__panel--PaddingRight: 0;
|
|
23503
23642
|
--pf-v5-c-sidebar__panel--PaddingBottom: 0;
|
|
@@ -23553,11 +23692,16 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
|
|
|
23553
23692
|
--pf-v5-c-sidebar__panel--md--FlexBasis: 15.625rem;
|
|
23554
23693
|
--pf-v5-c-sidebar__panel--m-split--FlexBasis: 15.625rem;
|
|
23555
23694
|
--pf-v5-c-sidebar__panel--m-stack--FlexBasis: auto;
|
|
23556
|
-
--pf-v5-c-sidebar__panel--ZIndex: var(--pf-
|
|
23557
|
-
--pf-v5-c-sidebar__panel--BackgroundColor: var(--pf-
|
|
23558
|
-
--pf-v5-c-
|
|
23695
|
+
--pf-v5-c-sidebar__panel--ZIndex: var(--pf-t--global--Zindex--xs);
|
|
23696
|
+
--pf-v5-c-sidebar__panel--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
23697
|
+
--pf-v5-c-sidebar__panel--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
23698
|
+
--pf-v5-c-sidebar__content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
23699
|
+
--pf-v5-c-sidebar__content--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
23559
23700
|
--pf-v5-c-sidebar__panel--m-sticky--Top: 0;
|
|
23560
23701
|
--pf-v5-c-sidebar__panel--m-sticky--Position: sticky;
|
|
23702
|
+
}
|
|
23703
|
+
|
|
23704
|
+
.pf-v5-c-sidebar {
|
|
23561
23705
|
height: 100%;
|
|
23562
23706
|
}
|
|
23563
23707
|
@media (min-width: 768px) {
|
|
@@ -23651,6 +23795,9 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
|
|
|
23651
23795
|
--pf-v5-c-sidebar__panel--Position: static;
|
|
23652
23796
|
--pf-v5-c-sidebar__panel--Top: auto;
|
|
23653
23797
|
}
|
|
23798
|
+
.pf-v5-c-sidebar__panel.pf-m-secondary {
|
|
23799
|
+
--pf-v5-c-sidebar__panel--BackgroundColor: var(--pf-v5-c-sidebar__panel--m-secondary--BackgroundColor);
|
|
23800
|
+
}
|
|
23654
23801
|
|
|
23655
23802
|
.pf-v5-c-sidebar__content {
|
|
23656
23803
|
flex-grow: 1;
|
|
@@ -23670,6 +23817,9 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
|
|
|
23670
23817
|
.pf-v5-c-sidebar__content.pf-m-no-background {
|
|
23671
23818
|
--pf-v5-c-sidebar__content--BackgroundColor: transparent;
|
|
23672
23819
|
}
|
|
23820
|
+
.pf-v5-c-sidebar__content.pf-m-secondary {
|
|
23821
|
+
--pf-v5-c-sidebar__content--BackgroundColor: var(--pf-v5-c-sidebar__content--m-secondary--BackgroundColor);
|
|
23822
|
+
}
|
|
23673
23823
|
.pf-v5-c-sidebar__content + .pf-v5-c-sidebar__panel {
|
|
23674
23824
|
--pf-v5-c-sidebar__panel--Order: 1;
|
|
23675
23825
|
}
|
|
@@ -29424,41 +29574,42 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
|
|
|
29424
29574
|
line-height: var(--pf-v5-c-title--m-h6--LineHeight);
|
|
29425
29575
|
}
|
|
29426
29576
|
|
|
29427
|
-
|
|
29428
|
-
|
|
29429
|
-
--pf-v5-c-toggle-group__button--
|
|
29430
|
-
--pf-v5-c-toggle-group__button--
|
|
29431
|
-
--pf-v5-c-toggle-group__button--
|
|
29432
|
-
--pf-v5-c-toggle-group__button--
|
|
29433
|
-
--pf-v5-c-toggle-group__button--
|
|
29434
|
-
--pf-v5-c-toggle-group__button--
|
|
29435
|
-
--pf-v5-c-toggle-group__button--
|
|
29577
|
+
:where(:root),
|
|
29578
|
+
:where(.pf-v5-c-toggle-group) {
|
|
29579
|
+
--pf-v5-c-toggle-group__button--PaddingTop: var(--pf-t--global--spacer--sm);
|
|
29580
|
+
--pf-v5-c-toggle-group__button--PaddingRight: var(--pf-t--global--spacer--md);
|
|
29581
|
+
--pf-v5-c-toggle-group__button--PaddingBottom: var(--pf-t--global--spacer--sm);
|
|
29582
|
+
--pf-v5-c-toggle-group__button--PaddingLeft: var(--pf-t--global--spacer--md);
|
|
29583
|
+
--pf-v5-c-toggle-group__button--FontSize: var(--pf-t--global--font--size--body--default);
|
|
29584
|
+
--pf-v5-c-toggle-group__button--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
29585
|
+
--pf-v5-c-toggle-group__button--Color: var(--pf-t--global--text--color--regular);
|
|
29586
|
+
--pf-v5-c-toggle-group__button--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
29436
29587
|
--pf-v5-c-toggle-group__button--ZIndex: auto;
|
|
29437
|
-
--pf-v5-c-toggle-group__button--hover--BackgroundColor: var(--pf-
|
|
29438
|
-
--pf-v5-c-toggle-group__button--hover--ZIndex: var(--pf-
|
|
29439
|
-
--pf-v5-c-toggle-group__button--hover--before--BorderColor: var(--pf-
|
|
29440
|
-
--pf-v5-c-toggle-group__button--
|
|
29441
|
-
--pf-v5-c-toggle-group__button--
|
|
29442
|
-
--pf-v5-c-toggle-group__button--
|
|
29443
|
-
--pf-v5-c-toggle-group__button--
|
|
29444
|
-
--pf-v5-c-toggle-
|
|
29445
|
-
--pf-v5-c-toggle-
|
|
29446
|
-
--pf-v5-c-toggle-
|
|
29447
|
-
--pf-v5-c-toggle-group__item--
|
|
29448
|
-
--pf-v5-c-toggle-group__item--
|
|
29449
|
-
--pf-v5-c-toggle-
|
|
29450
|
-
--pf-v5-c-toggle-
|
|
29451
|
-
--pf-v5-c-toggle-
|
|
29452
|
-
--pf-v5-c-toggle-
|
|
29453
|
-
--pf-v5-c-toggle-group__button--m-selected--
|
|
29454
|
-
--pf-v5-c-toggle-group__button--m-selected--Color: initial;
|
|
29455
|
-
--pf-v5-c-toggle-group__button--m-selected--before--BorderColor: var(--pf-v5-global--primary-color--100);
|
|
29456
|
-
--pf-v5-c-toggle-group__button--m-selected--ZIndex: var(--pf-v5-global--ZIndex--xs);
|
|
29588
|
+
--pf-v5-c-toggle-group__button--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
|
|
29589
|
+
--pf-v5-c-toggle-group__button--hover--ZIndex: var(--pf-t--global--Zindex--xs);
|
|
29590
|
+
--pf-v5-c-toggle-group__button--hover--before--BorderColor: var(--pf-t--global--border--color--default);
|
|
29591
|
+
--pf-v5-c-toggle-group__button--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
29592
|
+
--pf-v5-c-toggle-group__button--disabled--Color: var(--pf-t--global--text--color--on-disabled);
|
|
29593
|
+
--pf-v5-c-toggle-group__button--before--BorderWidth: var(--pf-t--global--border--width--control--default);
|
|
29594
|
+
--pf-v5-c-toggle-group__button--before--BorderColor: var(--pf-t--global--border--color--default);
|
|
29595
|
+
--pf-v5-c-toggle-group__item--item--MarginLeft: calc(-1 * var(--pf-t--global--border--width--control--default));
|
|
29596
|
+
--pf-v5-c-toggle-group__item--first-child__button--BorderTopLeftRadius: var(--pf-t--global--border--radius--tiny);
|
|
29597
|
+
--pf-v5-c-toggle-group__item--first-child__button--BorderBottomLeftRadius: var(--pf-t--global--border--radius--tiny);
|
|
29598
|
+
--pf-v5-c-toggle-group__item--last-child__button--BorderTopRightRadius: var(--pf-t--global--border--radius--tiny);
|
|
29599
|
+
--pf-v5-c-toggle-group__item--last-child__button--BorderBottomRightRadius: var(--pf-t--global--border--radius--tiny);
|
|
29600
|
+
--pf-v5-c-toggle-group__icon--text--MarginLeft: var(--pf-t--global--spacer--sm);
|
|
29601
|
+
--pf-v5-c-toggle-group__button--m-selected--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
29602
|
+
--pf-v5-c-toggle-group__button--m-selected--Color: var(--pf-t--global--text--color--on-brand--default);
|
|
29603
|
+
--pf-v5-c-toggle-group__button--m-selected--before--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
29604
|
+
--pf-v5-c-toggle-group__button--m-selected--ZIndex: var(--pf-t--global--Zindex--xs);
|
|
29457
29605
|
--pf-v5-c-toggle-group--m-compact__button--PaddingTop: 0;
|
|
29458
|
-
--pf-v5-c-toggle-group--m-compact__button--PaddingRight: var(--pf-
|
|
29606
|
+
--pf-v5-c-toggle-group--m-compact__button--PaddingRight: var(--pf-t--global--spacer--sm);
|
|
29459
29607
|
--pf-v5-c-toggle-group--m-compact__button--PaddingBottom: 0;
|
|
29460
|
-
--pf-v5-c-toggle-group--m-compact__button--PaddingLeft: var(--pf-
|
|
29461
|
-
--pf-v5-c-toggle-group--m-compact__button--FontSize: var(--pf-
|
|
29608
|
+
--pf-v5-c-toggle-group--m-compact__button--PaddingLeft: var(--pf-t--global--spacer--sm);
|
|
29609
|
+
--pf-v5-c-toggle-group--m-compact__button--FontSize: var(--pf-t--global--font--size--body--default);
|
|
29610
|
+
}
|
|
29611
|
+
|
|
29612
|
+
.pf-v5-c-toggle-group {
|
|
29462
29613
|
display: flex;
|
|
29463
29614
|
}
|
|
29464
29615
|
.pf-v5-c-toggle-group.pf-m-compact {
|
|
@@ -29505,17 +29656,12 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
|
|
|
29505
29656
|
content: "";
|
|
29506
29657
|
border: var(--pf-v5-c-toggle-group__button--before--BorderWidth) solid var(--pf-v5-c-toggle-group__button--before--BorderColor);
|
|
29507
29658
|
}
|
|
29508
|
-
.pf-v5-c-toggle-group__button:hover {
|
|
29659
|
+
.pf-v5-c-toggle-group__button:hover, .pf-v5-c-toggle-group__button:focus {
|
|
29509
29660
|
--pf-v5-c-toggle-group__button--BackgroundColor: var(--pf-v5-c-toggle-group__button--hover--BackgroundColor);
|
|
29510
29661
|
--pf-v5-c-toggle-group__button--ZIndex: var(--pf-v5-c-toggle-group__button--hover--ZIndex);
|
|
29511
29662
|
--pf-v5-c-toggle-group__button--before--BorderColor: var(--pf-v5-c-toggle-group__button--hover--before--BorderColor);
|
|
29512
29663
|
text-decoration: none;
|
|
29513
29664
|
}
|
|
29514
|
-
.pf-v5-c-toggle-group__button:focus {
|
|
29515
|
-
--pf-v5-c-toggle-group__button--BackgroundColor: var(--pf-v5-c-toggle-group__button--focus--BackgroundColor);
|
|
29516
|
-
--pf-v5-c-toggle-group__button--ZIndex: var(--pf-v5-c-toggle-group__button--focus--ZIndex);
|
|
29517
|
-
--pf-v5-c-toggle-group__button--before--BorderColor: var(--pf-v5-c-toggle-group__button--focus--before--BorderColor);
|
|
29518
|
-
}
|
|
29519
29665
|
.pf-v5-c-toggle-group__button.pf-m-selected {
|
|
29520
29666
|
--pf-v5-c-toggle-group__button--BackgroundColor: var(--pf-v5-c-toggle-group__button--m-selected--BackgroundColor);
|
|
29521
29667
|
--pf-v5-c-toggle-group__button--Color: var(--pf-v5-c-toggle-group__button--m-selected--Color, inherit);
|
|
@@ -29533,19 +29679,6 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
|
|
|
29533
29679
|
margin-inline-start: var(--pf-v5-c-toggle-group__icon--text--MarginLeft);
|
|
29534
29680
|
}
|
|
29535
29681
|
|
|
29536
|
-
:where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
|
|
29537
|
-
--pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
|
|
29538
|
-
}
|
|
29539
|
-
|
|
29540
|
-
:where(.pf-v5-theme-dark) .pf-v5-c-toggle-group {
|
|
29541
|
-
--pf-v5-c-toggle-group__button--hover--BackgroundColor: var(--pf-v5-global--palette--black-700);
|
|
29542
|
-
--pf-v5-c-toggle-group__button--focus--BackgroundColor: var(--pf-v5-global--palette--black-700);
|
|
29543
|
-
--pf-v5-c-toggle-group__button--disabled--BackgroundColor: var(--pf-v5-global--palette--black-600);
|
|
29544
|
-
--pf-v5-c-toggle-group__button--disabled--Color: var(--pf-v5-global--palette--black-100);
|
|
29545
|
-
--pf-v5-c-toggle-group__button--m-selected--BackgroundColor: var(--pf-v5-global--primary-color--300);
|
|
29546
|
-
--pf-v5-c-toggle-group__button--m-selected--Color: var(--pf-v5-global--primary-color--400);
|
|
29547
|
-
}
|
|
29548
|
-
|
|
29549
29682
|
:root {
|
|
29550
29683
|
--pf-v5-c-tooltip--MaxWidth: 18.75rem;
|
|
29551
29684
|
--pf-v5-c-tooltip--BoxShadow: var(--pf-t--global--box-shadow--md);
|