@patternfly/react-table 6.0.0-alpha.70 → 6.0.0-alpha.71
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/CHANGELOG.md +4 -0
- package/components/package.json +1 -1
- package/deprecated/package.json +1 -1
- package/dist/dynamic/components/Table/package.json +1 -1
- package/dist/dynamic/components/Table/utils/decorators/package.json +1 -1
- package/dist/dynamic/components/Table/utils/package.json +1 -1
- package/dist/dynamic/deprecated/components/Table/base/package.json +1 -1
- package/dist/dynamic/deprecated/components/Table/package.json +1 -1
- package/dist/dynamic/deprecated/components/package.json +1 -1
- package/dist/umd/assets/{output-ClO4SC2A.css → output-DIIhJ4JW.css} +1404 -1404
- package/package.json +3 -3
|
@@ -3572,98 +3572,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
3572
3572
|
overflow: auto;
|
|
3573
3573
|
}
|
|
3574
3574
|
|
|
3575
|
-
:where(:root, .pf-v6-c-inline-edit) {
|
|
3576
|
-
--pf-v6-c-inline-edit__group--item--MarginInlineEnd: var(--pf-t--global--spacer--sm);
|
|
3577
|
-
--pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--Color: var(--pf-t--global--icon--color--brand--default);
|
|
3578
|
-
--pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color: var(--pf-t--global--icon--color--brand--hover);
|
|
3579
|
-
--pf-v6-c-inline-edit__action--m-icon-group--item--MarginInlineEnd: var(--pf-t--global--spacer--sm);
|
|
3580
|
-
--pf-v6-c-inline-edit__group--m-footer--MarginBlockStart: var(--pf-t--global--spacer--xl);
|
|
3581
|
-
--pf-v6-c-inline-edit__label--m-bold--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
3582
|
-
}
|
|
3583
|
-
|
|
3584
|
-
.pf-v6-c-inline-edit__group {
|
|
3585
|
-
display: flex;
|
|
3586
|
-
align-items: baseline;
|
|
3587
|
-
}
|
|
3588
|
-
|
|
3589
|
-
.pf-v6-c-inline-edit__group > * {
|
|
3590
|
-
margin-inline-end: var(--pf-v6-c-inline-edit__group--item--MarginInlineEnd);
|
|
3591
|
-
}
|
|
3592
|
-
|
|
3593
|
-
.pf-v6-c-inline-edit__group.pf-m-icon-group {
|
|
3594
|
-
--pf-v6-c-inline-edit__group--item--MarginInlineEnd: var(--pf-v6-c-inline-edit__action--m-icon-group--item--MarginInlineEnd);
|
|
3595
|
-
}
|
|
3596
|
-
|
|
3597
|
-
.pf-v6-c-inline-edit__group.pf-m-footer {
|
|
3598
|
-
margin-block-start: var(--pf-v6-c-inline-edit__group--m-footer--MarginBlockStart);
|
|
3599
|
-
}
|
|
3600
|
-
|
|
3601
|
-
.pf-v6-c-inline-edit__group.pf-m-column {
|
|
3602
|
-
--pf-v6-c-inline-edit__group--item--MarginInlineEnd: 0;
|
|
3603
|
-
flex-direction: column;
|
|
3604
|
-
}
|
|
3605
|
-
|
|
3606
|
-
.pf-v6-c-inline-edit__group > :last-child {
|
|
3607
|
-
--pf-v6-c-inline-edit__group--item--MarginInlineEnd: 0;
|
|
3608
|
-
}
|
|
3609
|
-
|
|
3610
|
-
.pf-v6-c-inline-edit__input {
|
|
3611
|
-
flex: 1;
|
|
3612
|
-
}
|
|
3613
|
-
|
|
3614
|
-
.pf-v6-c-inline-edit__action.pf-m-valid .pf-v6-c-button.pf-m-plain {
|
|
3615
|
-
--pf-v6-c-button--m-plain--Color: var(--pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--Color);
|
|
3616
|
-
}
|
|
3617
|
-
|
|
3618
|
-
.pf-v6-c-inline-edit__action.pf-m-valid .pf-v6-c-button.pf-m-plain:hover {
|
|
3619
|
-
--pf-v6-c-button--m-plain--Color: var(--pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color);
|
|
3620
|
-
}
|
|
3621
|
-
|
|
3622
|
-
.pf-v6-c-inline-edit__input,
|
|
3623
|
-
.pf-v6-c-inline-edit__action,
|
|
3624
|
-
.pf-v6-c-inline-edit__group.pf-m-action-group {
|
|
3625
|
-
display: none;
|
|
3626
|
-
}
|
|
3627
|
-
|
|
3628
|
-
.pf-v6-c-inline-edit__action.pf-m-enable-editable {
|
|
3629
|
-
display: inline-block;
|
|
3630
|
-
}
|
|
3631
|
-
|
|
3632
|
-
.pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__input,
|
|
3633
|
-
.pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__input {
|
|
3634
|
-
display: block;
|
|
3635
|
-
}
|
|
3636
|
-
|
|
3637
|
-
.pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__action,
|
|
3638
|
-
.pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__action {
|
|
3639
|
-
display: inline-block;
|
|
3640
|
-
}
|
|
3641
|
-
|
|
3642
|
-
.pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__group.pf-m-action-group,
|
|
3643
|
-
.pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__group.pf-m-action-group {
|
|
3644
|
-
display: inline-flex;
|
|
3645
|
-
}
|
|
3646
|
-
|
|
3647
|
-
.pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__value,
|
|
3648
|
-
.pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__action.pf-m-enable-editable,
|
|
3649
|
-
.pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__value,
|
|
3650
|
-
.pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__action.pf-m-enable-editable {
|
|
3651
|
-
display: none;
|
|
3652
|
-
}
|
|
3653
|
-
|
|
3654
|
-
.pf-v6-c-inline-edit__label + .pf-v6-c-inline-edit__action.pf-m-enable > .pf-v6-c-button {
|
|
3655
|
-
margin-block-start: calc(var(--pf-v6-c-button--PaddingBlockStart) * -1);
|
|
3656
|
-
margin-block-end: calc(var(--pf-v6-c-button--PaddingBlockEnd) * -1);
|
|
3657
|
-
}
|
|
3658
|
-
|
|
3659
|
-
.pf-v6-c-inline-edit__label.pf-m-bold {
|
|
3660
|
-
font-weight: var(--pf-v6-c-inline-edit__label--m-bold--FontWeight);
|
|
3661
|
-
}
|
|
3662
|
-
|
|
3663
|
-
.pf-v6-c-inline-edit__editable-text br {
|
|
3664
|
-
display: none;
|
|
3665
|
-
}
|
|
3666
|
-
|
|
3667
3575
|
:where(:root, .pf-v6-c-form) {
|
|
3668
3576
|
--pf-v6-c-form--GridGap: var(--pf-t--global--spacer--lg);
|
|
3669
3577
|
--pf-v6-c-form__group--Gap: var(--pf-t--global--spacer--sm);
|
|
@@ -4153,6 +4061,98 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
4153
4061
|
margin-block-end: var(--pf-v6-c-form__field-group-body__field-group--last-child--MarginBlockEnd);
|
|
4154
4062
|
}
|
|
4155
4063
|
|
|
4064
|
+
:where(:root, .pf-v6-c-inline-edit) {
|
|
4065
|
+
--pf-v6-c-inline-edit__group--item--MarginInlineEnd: var(--pf-t--global--spacer--sm);
|
|
4066
|
+
--pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--Color: var(--pf-t--global--icon--color--brand--default);
|
|
4067
|
+
--pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color: var(--pf-t--global--icon--color--brand--hover);
|
|
4068
|
+
--pf-v6-c-inline-edit__action--m-icon-group--item--MarginInlineEnd: var(--pf-t--global--spacer--sm);
|
|
4069
|
+
--pf-v6-c-inline-edit__group--m-footer--MarginBlockStart: var(--pf-t--global--spacer--xl);
|
|
4070
|
+
--pf-v6-c-inline-edit__label--m-bold--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
4071
|
+
}
|
|
4072
|
+
|
|
4073
|
+
.pf-v6-c-inline-edit__group {
|
|
4074
|
+
display: flex;
|
|
4075
|
+
align-items: baseline;
|
|
4076
|
+
}
|
|
4077
|
+
|
|
4078
|
+
.pf-v6-c-inline-edit__group > * {
|
|
4079
|
+
margin-inline-end: var(--pf-v6-c-inline-edit__group--item--MarginInlineEnd);
|
|
4080
|
+
}
|
|
4081
|
+
|
|
4082
|
+
.pf-v6-c-inline-edit__group.pf-m-icon-group {
|
|
4083
|
+
--pf-v6-c-inline-edit__group--item--MarginInlineEnd: var(--pf-v6-c-inline-edit__action--m-icon-group--item--MarginInlineEnd);
|
|
4084
|
+
}
|
|
4085
|
+
|
|
4086
|
+
.pf-v6-c-inline-edit__group.pf-m-footer {
|
|
4087
|
+
margin-block-start: var(--pf-v6-c-inline-edit__group--m-footer--MarginBlockStart);
|
|
4088
|
+
}
|
|
4089
|
+
|
|
4090
|
+
.pf-v6-c-inline-edit__group.pf-m-column {
|
|
4091
|
+
--pf-v6-c-inline-edit__group--item--MarginInlineEnd: 0;
|
|
4092
|
+
flex-direction: column;
|
|
4093
|
+
}
|
|
4094
|
+
|
|
4095
|
+
.pf-v6-c-inline-edit__group > :last-child {
|
|
4096
|
+
--pf-v6-c-inline-edit__group--item--MarginInlineEnd: 0;
|
|
4097
|
+
}
|
|
4098
|
+
|
|
4099
|
+
.pf-v6-c-inline-edit__input {
|
|
4100
|
+
flex: 1;
|
|
4101
|
+
}
|
|
4102
|
+
|
|
4103
|
+
.pf-v6-c-inline-edit__action.pf-m-valid .pf-v6-c-button.pf-m-plain {
|
|
4104
|
+
--pf-v6-c-button--m-plain--Color: var(--pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--Color);
|
|
4105
|
+
}
|
|
4106
|
+
|
|
4107
|
+
.pf-v6-c-inline-edit__action.pf-m-valid .pf-v6-c-button.pf-m-plain:hover {
|
|
4108
|
+
--pf-v6-c-button--m-plain--Color: var(--pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color);
|
|
4109
|
+
}
|
|
4110
|
+
|
|
4111
|
+
.pf-v6-c-inline-edit__input,
|
|
4112
|
+
.pf-v6-c-inline-edit__action,
|
|
4113
|
+
.pf-v6-c-inline-edit__group.pf-m-action-group {
|
|
4114
|
+
display: none;
|
|
4115
|
+
}
|
|
4116
|
+
|
|
4117
|
+
.pf-v6-c-inline-edit__action.pf-m-enable-editable {
|
|
4118
|
+
display: inline-block;
|
|
4119
|
+
}
|
|
4120
|
+
|
|
4121
|
+
.pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__input,
|
|
4122
|
+
.pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__input {
|
|
4123
|
+
display: block;
|
|
4124
|
+
}
|
|
4125
|
+
|
|
4126
|
+
.pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__action,
|
|
4127
|
+
.pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__action {
|
|
4128
|
+
display: inline-block;
|
|
4129
|
+
}
|
|
4130
|
+
|
|
4131
|
+
.pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__group.pf-m-action-group,
|
|
4132
|
+
.pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__group.pf-m-action-group {
|
|
4133
|
+
display: inline-flex;
|
|
4134
|
+
}
|
|
4135
|
+
|
|
4136
|
+
.pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__value,
|
|
4137
|
+
.pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__action.pf-m-enable-editable,
|
|
4138
|
+
.pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__value,
|
|
4139
|
+
.pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__action.pf-m-enable-editable {
|
|
4140
|
+
display: none;
|
|
4141
|
+
}
|
|
4142
|
+
|
|
4143
|
+
.pf-v6-c-inline-edit__label + .pf-v6-c-inline-edit__action.pf-m-enable > .pf-v6-c-button {
|
|
4144
|
+
margin-block-start: calc(var(--pf-v6-c-button--PaddingBlockStart) * -1);
|
|
4145
|
+
margin-block-end: calc(var(--pf-v6-c-button--PaddingBlockEnd) * -1);
|
|
4146
|
+
}
|
|
4147
|
+
|
|
4148
|
+
.pf-v6-c-inline-edit__label.pf-m-bold {
|
|
4149
|
+
font-weight: var(--pf-v6-c-inline-edit__label--m-bold--FontWeight);
|
|
4150
|
+
}
|
|
4151
|
+
|
|
4152
|
+
.pf-v6-c-inline-edit__editable-text br {
|
|
4153
|
+
display: none;
|
|
4154
|
+
}
|
|
4155
|
+
|
|
4156
4156
|
:where(:root, .pf-v6-c-tooltip) {
|
|
4157
4157
|
--pf-v6-c-tooltip--MaxWidth: 18.75rem;
|
|
4158
4158
|
--pf-v6-c-tooltip--BoxShadow: var(--pf-t--global--box-shadow--md);
|
|
@@ -6673,6 +6673,42 @@ select ~ .pf-v6-c-form-control__utilities {
|
|
|
6673
6673
|
margin-inline-end: var(--pf-v6-c-alert__action-group__c-button--not-last-child--MarginInlineEnd);
|
|
6674
6674
|
}
|
|
6675
6675
|
|
|
6676
|
+
:where(:root, .pf-v6-c-back-to-top) {
|
|
6677
|
+
--pf-v6-c-back-to-top--InsetInlineEnd: var(--pf-t--global--spacer--2xl);
|
|
6678
|
+
--pf-v6-c-back-to-top--InsetBlockEnd: var(--pf-t--global--spacer--lg);
|
|
6679
|
+
--pf-v6-c-back-to-top--md--InsetBlockEnd: var(--pf-t--global--spacer--2xl);
|
|
6680
|
+
--pf-v6-c-back-to-top--c-button--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
6681
|
+
--pf-v6-c-back-to-top--c-button--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
6682
|
+
--pf-v6-c-back-to-top--c-button--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
6683
|
+
--pf-v6-c-back-to-top--c-button--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
|
|
6684
|
+
--pf-v6-c-back-to-top--c-button--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
6685
|
+
--pf-v6-c-back-to-top--c-button--BoxShadow: var(--pf-t--global--box-shadow--sm);
|
|
6686
|
+
}
|
|
6687
|
+
|
|
6688
|
+
@media (min-width: 768px) {
|
|
6689
|
+
:where(:root, .pf-v6-c-back-to-top) {
|
|
6690
|
+
--pf-v6-c-back-to-top--InsetBlockEnd: var(--pf-v6-c-back-to-top--md--InsetBlockEnd);
|
|
6691
|
+
}
|
|
6692
|
+
}
|
|
6693
|
+
.pf-v6-c-back-to-top {
|
|
6694
|
+
position: absolute;
|
|
6695
|
+
inset-block-end: var(--pf-v6-c-back-to-top--InsetBlockEnd);
|
|
6696
|
+
inset-inline-end: var(--pf-v6-c-back-to-top--InsetInlineEnd);
|
|
6697
|
+
}
|
|
6698
|
+
|
|
6699
|
+
.pf-v6-c-back-to-top.pf-m-hidden {
|
|
6700
|
+
display: none;
|
|
6701
|
+
}
|
|
6702
|
+
|
|
6703
|
+
.pf-v6-c-back-to-top .pf-v6-c-button {
|
|
6704
|
+
--pf-v6-c-button--FontSize: var(--pf-v6-c-back-to-top--c-button--FontSize);
|
|
6705
|
+
--pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-back-to-top--c-button--PaddingBlockStart);
|
|
6706
|
+
--pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-back-to-top--c-button--PaddingInlineEnd);
|
|
6707
|
+
--pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-back-to-top--c-button--PaddingBlockEnd);
|
|
6708
|
+
--pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-back-to-top--c-button--PaddingInlineStart);
|
|
6709
|
+
box-shadow: var(--pf-v6-c-back-to-top--c-button--BoxShadow);
|
|
6710
|
+
}
|
|
6711
|
+
|
|
6676
6712
|
:where(:root, .pf-v6-c-avatar) {
|
|
6677
6713
|
--pf-v6-c-avatar--BorderColor: transparent;
|
|
6678
6714
|
--pf-v6-c-avatar--BorderWidth: 0;
|
|
@@ -6923,40 +6959,24 @@ select ~ .pf-v6-c-form-control__utilities {
|
|
|
6923
6959
|
--pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-xl--Height-on-2xl, var(--pf-v6-c-avatar--m-xl--Height-on-xl, var(--pf-v6-c-avatar--m-xl--Height-on-lg, var(--pf-v6-c-avatar--m-xl--Height-on-md, var(--pf-v6-c-avatar--m-xl--Height-on-sm, var(--pf-v6-c-avatar--m-xl--Height))))));
|
|
6924
6960
|
}
|
|
6925
6961
|
}
|
|
6926
|
-
:where(:root, .pf-v6-c-
|
|
6927
|
-
--pf-v6-c-
|
|
6928
|
-
--pf-v6-c-
|
|
6929
|
-
--pf-v6-c-
|
|
6930
|
-
--pf-v6-c-back-to-top--c-button--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
6931
|
-
--pf-v6-c-back-to-top--c-button--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
6932
|
-
--pf-v6-c-back-to-top--c-button--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
6933
|
-
--pf-v6-c-back-to-top--c-button--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
|
|
6934
|
-
--pf-v6-c-back-to-top--c-button--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
6935
|
-
--pf-v6-c-back-to-top--c-button--BoxShadow: var(--pf-t--global--box-shadow--sm);
|
|
6962
|
+
:where(:root, .pf-v6-c-backdrop) {
|
|
6963
|
+
--pf-v6-c-backdrop--Position: fixed;
|
|
6964
|
+
--pf-v6-c-backdrop--ZIndex: var(--pf-t--global--z-index--lg);
|
|
6965
|
+
--pf-v6-c-backdrop--BackgroundColor: var(--pf-t--global--background--color--backdrop--default);
|
|
6936
6966
|
}
|
|
6937
6967
|
|
|
6938
|
-
|
|
6939
|
-
:
|
|
6940
|
-
|
|
6941
|
-
|
|
6942
|
-
|
|
6943
|
-
|
|
6944
|
-
|
|
6945
|
-
|
|
6946
|
-
inset-inline-end: var(--pf-v6-c-back-to-top--InsetInlineEnd);
|
|
6968
|
+
.pf-v6-c-backdrop {
|
|
6969
|
+
position: var(--pf-v6-c-backdrop--Position);
|
|
6970
|
+
inset-block-start: 0;
|
|
6971
|
+
inset-inline-start: 0;
|
|
6972
|
+
z-index: var(--pf-v6-c-backdrop--ZIndex);
|
|
6973
|
+
width: 100%;
|
|
6974
|
+
height: 100%;
|
|
6975
|
+
background-color: var(--pf-v6-c-backdrop--BackgroundColor);
|
|
6947
6976
|
}
|
|
6948
6977
|
|
|
6949
|
-
.pf-v6-c-
|
|
6950
|
-
|
|
6951
|
-
}
|
|
6952
|
-
|
|
6953
|
-
.pf-v6-c-back-to-top .pf-v6-c-button {
|
|
6954
|
-
--pf-v6-c-button--FontSize: var(--pf-v6-c-back-to-top--c-button--FontSize);
|
|
6955
|
-
--pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-back-to-top--c-button--PaddingBlockStart);
|
|
6956
|
-
--pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-back-to-top--c-button--PaddingInlineEnd);
|
|
6957
|
-
--pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-back-to-top--c-button--PaddingBlockEnd);
|
|
6958
|
-
--pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-back-to-top--c-button--PaddingInlineStart);
|
|
6959
|
-
box-shadow: var(--pf-v6-c-back-to-top--c-button--BoxShadow);
|
|
6978
|
+
.pf-v6-c-backdrop__open {
|
|
6979
|
+
overflow: hidden;
|
|
6960
6980
|
}
|
|
6961
6981
|
|
|
6962
6982
|
:where(:root, .pf-v6-c-background-image) {
|
|
@@ -6987,26 +7007,6 @@ select ~ .pf-v6-c-form-control__utilities {
|
|
|
6987
7007
|
--pf-v6-c-background-image--BackgroundPosition: bottom left;
|
|
6988
7008
|
}
|
|
6989
7009
|
|
|
6990
|
-
:where(:root, .pf-v6-c-backdrop) {
|
|
6991
|
-
--pf-v6-c-backdrop--Position: fixed;
|
|
6992
|
-
--pf-v6-c-backdrop--ZIndex: var(--pf-t--global--z-index--lg);
|
|
6993
|
-
--pf-v6-c-backdrop--BackgroundColor: var(--pf-t--global--background--color--backdrop--default);
|
|
6994
|
-
}
|
|
6995
|
-
|
|
6996
|
-
.pf-v6-c-backdrop {
|
|
6997
|
-
position: var(--pf-v6-c-backdrop--Position);
|
|
6998
|
-
inset-block-start: 0;
|
|
6999
|
-
inset-inline-start: 0;
|
|
7000
|
-
z-index: var(--pf-v6-c-backdrop--ZIndex);
|
|
7001
|
-
width: 100%;
|
|
7002
|
-
height: 100%;
|
|
7003
|
-
background-color: var(--pf-v6-c-backdrop--BackgroundColor);
|
|
7004
|
-
}
|
|
7005
|
-
|
|
7006
|
-
.pf-v6-c-backdrop__open {
|
|
7007
|
-
overflow: hidden;
|
|
7008
|
-
}
|
|
7009
|
-
|
|
7010
7010
|
:where(:root, .pf-v6-c-badge) {
|
|
7011
7011
|
--pf-v6-c-badge--BorderColor: transparent;
|
|
7012
7012
|
--pf-v6-c-badge--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
@@ -7080,6 +7080,175 @@ select ~ .pf-v6-c-form-control__utilities {
|
|
|
7080
7080
|
color: var(--pf-v6-c-badge__toggle-icon--Color);
|
|
7081
7081
|
}
|
|
7082
7082
|
|
|
7083
|
+
:where(:root, .pf-v6-c-banner) {
|
|
7084
|
+
--pf-v6-c-banner--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
7085
|
+
--pf-v6-c-banner--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
7086
|
+
--pf-v6-c-banner--md--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
7087
|
+
--pf-v6-c-banner--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
|
|
7088
|
+
--pf-v6-c-banner--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
7089
|
+
--pf-v6-c-banner--md--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
7090
|
+
--pf-v6-c-banner--FontSize: var(--pf-t--global--font--size--body--default);
|
|
7091
|
+
--pf-v6-c-banner--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
|
|
7092
|
+
--pf-v6-c-banner--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
|
|
7093
|
+
--pf-v6-c-banner--link--Color: var(--pf-v6-c-banner--Color);
|
|
7094
|
+
--pf-v6-c-banner--link--TextDecoration: underline;
|
|
7095
|
+
--pf-v6-c-banner--link--hover--Color: var(--pf-v6-c-banner--Color);
|
|
7096
|
+
--pf-v6-c-banner--link--hover--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
7097
|
+
--pf-v6-c-banner--link--disabled--Color: var(--pf-v6-c-banner--Color);
|
|
7098
|
+
--pf-v6-c-banner--link--disabled--TextDecoration: none;
|
|
7099
|
+
--pf-v6-c-banner--m-sticky--ZIndex: var(--pf-t--global--z-index--md);
|
|
7100
|
+
--pf-v6-c-banner--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--md);
|
|
7101
|
+
--pf-v6-c-banner--m-danger--BackgroundColor: var(--pf-t--global--color--status--danger--default);
|
|
7102
|
+
--pf-v6-c-banner--m-danger--Color: var(--pf-t--global--text--color--status--on-danger--default);
|
|
7103
|
+
--pf-v6-c-banner--m-success--BackgroundColor: var(--pf-t--global--color--status--success--default);
|
|
7104
|
+
--pf-v6-c-banner--m-success--Color: var(--pf-t--global--text--color--status--on-success--default);
|
|
7105
|
+
--pf-v6-c-banner--m-warning--BackgroundColor: var(--pf-t--global--color--status--warning--default);
|
|
7106
|
+
--pf-v6-c-banner--m-warning--Color: var(--pf-t--global--text--color--status--on-warning--default);
|
|
7107
|
+
--pf-v6-c-banner--m-info--BackgroundColor: var(--pf-t--global--color--status--info--default);
|
|
7108
|
+
--pf-v6-c-banner--m-info--Color: var(--pf-t--global--text--color--status--on-info--default);
|
|
7109
|
+
--pf-v6-c-banner--m-custom--BackgroundColor: var(--pf-t--global--color--status--custom--default);
|
|
7110
|
+
--pf-v6-c-banner--m-custom--Color: var(--pf-t--global--text--color--status--on-custom--default);
|
|
7111
|
+
--pf-v6-c-banner--m-red--BackgroundColor: var(--pf-t--global--color--nonstatus--red--default);
|
|
7112
|
+
--pf-v6-c-banner--m-red--Color: var(--pf-t--global--text--color--nonstatus--on-red--default);
|
|
7113
|
+
--pf-v6-c-banner--m-orangered--BackgroundColor: var(--pf-t--global--color--nonstatus--orangered--default);
|
|
7114
|
+
--pf-v6-c-banner--m-orangered--Color: var(--pf-t--global--text--color--nonstatus--on-orangered--default);
|
|
7115
|
+
--pf-v6-c-banner--m-orange--BackgroundColor: var(--pf-t--global--color--nonstatus--orange--default);
|
|
7116
|
+
--pf-v6-c-banner--m-orange--Color: var(--pf-t--global--text--color--nonstatus--on-orange--default);
|
|
7117
|
+
--pf-v6-c-banner--m-gold--BackgroundColor: var(--pf-t--global--color--nonstatus--gold--default);
|
|
7118
|
+
--pf-v6-c-banner--m-gold--Color: var(--pf-t--global--text--color--nonstatus--on-gold--default);
|
|
7119
|
+
--pf-v6-c-banner--m-green--BackgroundColor: var(--pf-t--global--color--nonstatus--green--default);
|
|
7120
|
+
--pf-v6-c-banner--m-green--Color: var(--pf-t--global--text--color--nonstatus--on-green--default);
|
|
7121
|
+
--pf-v6-c-banner--m-cyan--BackgroundColor: var(--pf-t--global--color--nonstatus--cyan--default);
|
|
7122
|
+
--pf-v6-c-banner--m-cyan--Color: var(--pf-t--global--text--color--nonstatus--on-cyan--default);
|
|
7123
|
+
--pf-v6-c-banner--m-blue--BackgroundColor: var(--pf-t--global--color--nonstatus--blue--default);
|
|
7124
|
+
--pf-v6-c-banner--m-blue--Color: var(--pf-t--global--text--color--nonstatus--on-blue--default);
|
|
7125
|
+
--pf-v6-c-banner--m-purple--BackgroundColor: var(--pf-t--global--color--nonstatus--purple--default);
|
|
7126
|
+
--pf-v6-c-banner--m-purple--Color: var(--pf-t--global--text--color--nonstatus--on-purple--default);
|
|
7127
|
+
}
|
|
7128
|
+
|
|
7129
|
+
@media (min-width: 768px) {
|
|
7130
|
+
:where(:root, .pf-v6-c-banner) {
|
|
7131
|
+
--pf-v6-c-banner--PaddingInlineEnd: var(--pf-v6-c-banner--md--PaddingInlineEnd);
|
|
7132
|
+
--pf-v6-c-banner--PaddingInlineStart: var(--pf-v6-c-banner--md--PaddingInlineStart);
|
|
7133
|
+
}
|
|
7134
|
+
}
|
|
7135
|
+
.pf-v6-c-banner {
|
|
7136
|
+
flex-shrink: 0;
|
|
7137
|
+
padding-block-start: var(--pf-v6-c-banner--PaddingBlockStart);
|
|
7138
|
+
padding-block-end: var(--pf-v6-c-banner--PaddingBlockEnd);
|
|
7139
|
+
padding-inline-start: var(--pf-v6-c-banner--PaddingInlineStart);
|
|
7140
|
+
padding-inline-end: var(--pf-v6-c-banner--PaddingInlineEnd);
|
|
7141
|
+
font-size: var(--pf-v6-c-banner--FontSize);
|
|
7142
|
+
color: var(--pf-v6-c-banner--Color);
|
|
7143
|
+
white-space: nowrap;
|
|
7144
|
+
background-color: var(--pf-v6-c-banner--BackgroundColor);
|
|
7145
|
+
}
|
|
7146
|
+
|
|
7147
|
+
.pf-v6-c-banner.pf-m-danger {
|
|
7148
|
+
--pf-v6-c-banner--BackgroundColor: var(--pf-v6-c-banner--m-danger--BackgroundColor);
|
|
7149
|
+
--pf-v6-c-banner--Color: var(--pf-v6-c-banner--m-danger--Color);
|
|
7150
|
+
}
|
|
7151
|
+
|
|
7152
|
+
.pf-v6-c-banner.pf-m-success {
|
|
7153
|
+
--pf-v6-c-banner--BackgroundColor: var(--pf-v6-c-banner--m-success--BackgroundColor);
|
|
7154
|
+
--pf-v6-c-banner--Color: var(--pf-v6-c-banner--m-success--Color);
|
|
7155
|
+
}
|
|
7156
|
+
|
|
7157
|
+
.pf-v6-c-banner.pf-m-warning {
|
|
7158
|
+
--pf-v6-c-banner--BackgroundColor: var(--pf-v6-c-banner--m-warning--BackgroundColor);
|
|
7159
|
+
--pf-v6-c-banner--Color: var(--pf-v6-c-banner--m-warning--Color);
|
|
7160
|
+
}
|
|
7161
|
+
|
|
7162
|
+
.pf-v6-c-banner.pf-m-info {
|
|
7163
|
+
--pf-v6-c-banner--BackgroundColor: var(--pf-v6-c-banner--m-info--BackgroundColor);
|
|
7164
|
+
--pf-v6-c-banner--Color: var(--pf-v6-c-banner--m-info--Color);
|
|
7165
|
+
}
|
|
7166
|
+
|
|
7167
|
+
.pf-v6-c-banner.pf-m-custom {
|
|
7168
|
+
--pf-v6-c-banner--BackgroundColor: var(--pf-v6-c-banner--m-custom--BackgroundColor);
|
|
7169
|
+
--pf-v6-c-banner--Color: var(--pf-v6-c-banner--m-custom--Color);
|
|
7170
|
+
}
|
|
7171
|
+
|
|
7172
|
+
.pf-v6-c-banner.pf-m-red {
|
|
7173
|
+
--pf-v6-c-banner--BackgroundColor: var(--pf-v6-c-banner--m-red--BackgroundColor);
|
|
7174
|
+
--pf-v6-c-banner--Color: var(--pf-v6-c-banner--m-red--Color);
|
|
7175
|
+
}
|
|
7176
|
+
|
|
7177
|
+
.pf-v6-c-banner.pf-m-orangered {
|
|
7178
|
+
--pf-v6-c-banner--BackgroundColor: var(--pf-v6-c-banner--m-orangered--BackgroundColor);
|
|
7179
|
+
--pf-v6-c-banner--Color: var(--pf-v6-c-banner--m-orangered--Color);
|
|
7180
|
+
}
|
|
7181
|
+
|
|
7182
|
+
.pf-v6-c-banner.pf-m-orange {
|
|
7183
|
+
--pf-v6-c-banner--BackgroundColor: var(--pf-v6-c-banner--m-orange--BackgroundColor);
|
|
7184
|
+
--pf-v6-c-banner--Color: var(--pf-v6-c-banner--m-orange--Color);
|
|
7185
|
+
}
|
|
7186
|
+
|
|
7187
|
+
.pf-v6-c-banner.pf-m-gold {
|
|
7188
|
+
--pf-v6-c-banner--BackgroundColor: var(--pf-v6-c-banner--m-gold--BackgroundColor);
|
|
7189
|
+
--pf-v6-c-banner--Color: var(--pf-v6-c-banner--m-gold--Color);
|
|
7190
|
+
}
|
|
7191
|
+
|
|
7192
|
+
.pf-v6-c-banner.pf-m-green {
|
|
7193
|
+
--pf-v6-c-banner--BackgroundColor: var(--pf-v6-c-banner--m-green--BackgroundColor);
|
|
7194
|
+
--pf-v6-c-banner--Color: var(--pf-v6-c-banner--m-green--Color);
|
|
7195
|
+
}
|
|
7196
|
+
|
|
7197
|
+
.pf-v6-c-banner.pf-m-cyan {
|
|
7198
|
+
--pf-v6-c-banner--BackgroundColor: var(--pf-v6-c-banner--m-cyan--BackgroundColor);
|
|
7199
|
+
--pf-v6-c-banner--Color: var(--pf-v6-c-banner--m-cyan--Color);
|
|
7200
|
+
}
|
|
7201
|
+
|
|
7202
|
+
.pf-v6-c-banner.pf-m-blue {
|
|
7203
|
+
--pf-v6-c-banner--BackgroundColor: var(--pf-v6-c-banner--m-blue--BackgroundColor);
|
|
7204
|
+
--pf-v6-c-banner--Color: var(--pf-v6-c-banner--m-blue--Color);
|
|
7205
|
+
}
|
|
7206
|
+
|
|
7207
|
+
.pf-v6-c-banner.pf-m-purple {
|
|
7208
|
+
--pf-v6-c-banner--BackgroundColor: var(--pf-v6-c-banner--m-purple--BackgroundColor);
|
|
7209
|
+
--pf-v6-c-banner--Color: var(--pf-v6-c-banner--m-purple--Color);
|
|
7210
|
+
}
|
|
7211
|
+
|
|
7212
|
+
.pf-v6-c-banner.pf-m-sticky {
|
|
7213
|
+
position: sticky;
|
|
7214
|
+
inset-block-start: 0;
|
|
7215
|
+
z-index: var(--pf-v6-c-banner--m-sticky--ZIndex);
|
|
7216
|
+
box-shadow: var(--pf-v6-c-banner--m-sticky--BoxShadow);
|
|
7217
|
+
}
|
|
7218
|
+
|
|
7219
|
+
.pf-v6-c-banner a {
|
|
7220
|
+
color: var(--pf-v6-c-banner--link--Color);
|
|
7221
|
+
text-decoration: var(--pf-v6-c-banner--link--TextDecoration);
|
|
7222
|
+
}
|
|
7223
|
+
|
|
7224
|
+
.pf-v6-c-banner a:hover:not(.pf-m-disabled) {
|
|
7225
|
+
--pf-v6-c-banner--link--Color: var(--pf-v6-c-banner--link--hover--Color);
|
|
7226
|
+
font-weight: var(--pf-v6-c-banner--link--hover--FontWeight);
|
|
7227
|
+
}
|
|
7228
|
+
|
|
7229
|
+
.pf-v6-c-banner a.pf-m-disabled {
|
|
7230
|
+
--pf-v6-c-banner--link--Color: var(--pf-v6-c-banner--link--disabled--Color);
|
|
7231
|
+
--pf-v6-c-banner--link--TextDecoration: var(--pf-v6-c-banner--link--disabled--TextDecoration);
|
|
7232
|
+
cursor: not-allowed;
|
|
7233
|
+
}
|
|
7234
|
+
|
|
7235
|
+
.pf-v6-c-banner .pf-v6-c-button.pf-m-inline {
|
|
7236
|
+
--pf-v6-c-button--m-link--Color: var(--pf-v6-c-banner--link--Color);
|
|
7237
|
+
--pf-v6-c-button--m-link--m-inline--hover--Color: var(--pf-v6-c-banner--link--hover--Color);
|
|
7238
|
+
--pf-v6-c-button--disabled--Color: var(--pf-v6-c-banner--link--disabled--Color);
|
|
7239
|
+
text-decoration: var(--pf-v6-c-banner--link--TextDecoration);
|
|
7240
|
+
}
|
|
7241
|
+
|
|
7242
|
+
.pf-v6-c-banner .pf-v6-c-button.pf-m-inline:hover {
|
|
7243
|
+
--pf-v6-c-banner--link--Color: var(--pf-v6-c-banner--link--hover--Color);
|
|
7244
|
+
font-weight: var(--pf-v6-c-banner--link--hover--FontWeight);
|
|
7245
|
+
}
|
|
7246
|
+
|
|
7247
|
+
.pf-v6-c-banner .pf-v6-c-button.pf-m-inline:disabled, .pf-v6-c-banner .pf-v6-c-button.pf-m-inline.pf-m-disabled {
|
|
7248
|
+
--pf-v6-c-banner--link--TextDecoration: var(--pf-v6-c-banner--link--disabled--TextDecoration);
|
|
7249
|
+
cursor: not-allowed;
|
|
7250
|
+
}
|
|
7251
|
+
|
|
7083
7252
|
.pf-v6-c-brand {
|
|
7084
7253
|
--pf-v6-c-brand--Width: auto;
|
|
7085
7254
|
--pf-v6-c-brand--Height: auto;
|
|
@@ -7256,173 +7425,224 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
7256
7425
|
display: none;
|
|
7257
7426
|
}
|
|
7258
7427
|
|
|
7259
|
-
:where(:root, .pf-v6-c-
|
|
7260
|
-
--pf-v6-c-
|
|
7261
|
-
--pf-v6-c-
|
|
7262
|
-
--pf-v6-c-
|
|
7263
|
-
--pf-v6-c-
|
|
7264
|
-
--pf-v6-c-
|
|
7265
|
-
--pf-v6-c-
|
|
7266
|
-
--pf-v6-c-
|
|
7267
|
-
--pf-v6-c-
|
|
7268
|
-
--pf-v6-c-
|
|
7269
|
-
--pf-v6-c-
|
|
7270
|
-
--pf-v6-c-
|
|
7271
|
-
--pf-v6-c-
|
|
7272
|
-
--pf-v6-c-
|
|
7273
|
-
--pf-v6-c-
|
|
7274
|
-
--pf-v6-c-
|
|
7275
|
-
--pf-v6-c-
|
|
7276
|
-
--pf-v6-c-
|
|
7277
|
-
--pf-v6-c-
|
|
7278
|
-
--pf-v6-c-
|
|
7279
|
-
--pf-v6-c-
|
|
7280
|
-
--pf-v6-c-
|
|
7281
|
-
--pf-v6-c-
|
|
7282
|
-
--pf-v6-c-
|
|
7283
|
-
--pf-v6-c-
|
|
7284
|
-
--pf-v6-c-
|
|
7285
|
-
--pf-v6-c-
|
|
7286
|
-
--pf-v6-c-
|
|
7287
|
-
--pf-v6-c-
|
|
7288
|
-
--pf-v6-c-
|
|
7289
|
-
--pf-v6-c-
|
|
7290
|
-
--pf-v6-c-
|
|
7291
|
-
--pf-v6-c-
|
|
7292
|
-
--pf-v6-c-
|
|
7293
|
-
--pf-v6-c-
|
|
7294
|
-
--pf-v6-c-
|
|
7295
|
-
--pf-v6-c-
|
|
7296
|
-
--pf-v6-c-
|
|
7297
|
-
--pf-v6-c-
|
|
7298
|
-
--pf-v6-c-
|
|
7299
|
-
--pf-v6-c-
|
|
7300
|
-
--pf-v6-c-
|
|
7301
|
-
--pf-v6-c-
|
|
7302
|
-
--pf-v6-c-
|
|
7303
|
-
|
|
7304
|
-
|
|
7305
|
-
|
|
7306
|
-
|
|
7307
|
-
|
|
7308
|
-
|
|
7309
|
-
|
|
7310
|
-
|
|
7311
|
-
|
|
7312
|
-
|
|
7313
|
-
|
|
7314
|
-
|
|
7315
|
-
|
|
7316
|
-
|
|
7317
|
-
font-size: var(--pf-v6-c-banner--FontSize);
|
|
7318
|
-
color: var(--pf-v6-c-banner--Color);
|
|
7319
|
-
white-space: nowrap;
|
|
7320
|
-
background-color: var(--pf-v6-c-banner--BackgroundColor);
|
|
7428
|
+
:where(:root, .pf-v6-c-calendar-month) {
|
|
7429
|
+
--pf-v6-c-calendar-month--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
7430
|
+
--pf-v6-c-calendar-month--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
7431
|
+
--pf-v6-c-calendar-month--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
7432
|
+
--pf-v6-c-calendar-month--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
7433
|
+
--pf-v6-c-calendar-month--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
7434
|
+
--pf-v6-c-calendar-month--FontSize: var(--pf-t--global--font--size--sm);
|
|
7435
|
+
--pf-v6-c-calendar-month__header--MarginBlockEnd: var(--pf-t--global--spacer--md);
|
|
7436
|
+
--pf-v6-c-calendar-month__header--Gap: var(--pf-t--global--spacer--xs);
|
|
7437
|
+
--pf-v6-c-calendar-month__header-year--Width: 9ch;
|
|
7438
|
+
--pf-v6-c-calendar-month__header-nav-control--MarginInlineEnd: 0;
|
|
7439
|
+
--pf-v6-c-calendar-month__header-nav-control--MarginInlineStart: 0;
|
|
7440
|
+
--pf-v6-c-calendar-month__days--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
|
|
7441
|
+
--pf-v6-c-calendar-month__days--BorderBlockEndColor: var(--pf-t--global--border--color--default);
|
|
7442
|
+
--pf-v6-c-calendar-month__day--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
7443
|
+
--pf-v6-c-calendar-month__day--FontWeight: var(--pf-t--global--font--weight--body);
|
|
7444
|
+
--pf-v6-c-calendar-month__day--Color: var(--pf-t--global--text--color--regular);
|
|
7445
|
+
--pf-v6-c-calendar-month__dates-cell--PaddingBlockStart: 0.125rem;
|
|
7446
|
+
--pf-v6-c-calendar-month__dates-cell--PaddingInlineEnd: 0.125rem;
|
|
7447
|
+
--pf-v6-c-calendar-month__dates-cell--PaddingBlockEnd: 0.125rem;
|
|
7448
|
+
--pf-v6-c-calendar-month__dates-cell--PaddingInlineStart: 0.125rem;
|
|
7449
|
+
--pf-v6-c-calendar-month__dates-row--first-child__dates-cell--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
7450
|
+
--pf-v6-c-calendar-month__dates-cell--m-current__date--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
7451
|
+
--pf-v6-c-calendar-month__dates-cell--m-selected__date--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
7452
|
+
--pf-v6-c-calendar-month__dates-cell--m-selected__date--hover--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
7453
|
+
--pf-v6-c-calendar-month__dates-cell--m-selected__date--focus--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
7454
|
+
--pf-v6-c-calendar-month__dates-cell--m-selected__date--focus--after--BorderColor: var(--pf-t--global--border--color--brand--default);
|
|
7455
|
+
--pf-v6-c-calendar-month__dates-cell--m-selected__date--Color: var(--pf-t--global--text--color--on-brand--default);
|
|
7456
|
+
--pf-v6-c-calendar-month__dates-cell--before--BackgroundColor: transparent;
|
|
7457
|
+
--pf-v6-c-calendar-month__dates-cell--before--InsetBlockStart: 0;
|
|
7458
|
+
--pf-v6-c-calendar-month__dates-cell--before--InsetInlineEnd: 0;
|
|
7459
|
+
--pf-v6-c-calendar-month__dates-cell--before--InsetBlockEnd: var(--pf-v6-c-calendar-month__dates-cell--PaddingBlockEnd);
|
|
7460
|
+
--pf-v6-c-calendar-month__dates-cell--before--InsetInlineStart: 0;
|
|
7461
|
+
--pf-v6-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
7462
|
+
--pf-v6-c-calendar-month__dates-cell--m-in-range--m-start-range--before--InsetInlineStart: 50%;
|
|
7463
|
+
--pf-v6-c-calendar-month__dates-cell--m-in-range--m-end-range--before--InsetInlineEnd: 50%;
|
|
7464
|
+
--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
7465
|
+
--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
7466
|
+
--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderColor: var(--pf-t--global--border--color--hover);
|
|
7467
|
+
--pf-v6-c-calendar-month__dates-cell--m-in-range__date--focus--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
7468
|
+
--pf-v6-c-calendar-month__dates-cell--m-adjacent-month__date--Color: var(--pf-t--global--text--color--subtle);
|
|
7469
|
+
--pf-v6-c-calendar-month__date--Width: 4ch;
|
|
7470
|
+
--pf-v6-c-calendar-month__date--Height: 4ch;
|
|
7471
|
+
--pf-v6-c-calendar-month__date--BorderRadius: var(--pf-t--global--border--radius--large);
|
|
7472
|
+
--pf-v6-c-calendar-month__date--Color: var(--pf-t--global--text--color--regular);
|
|
7473
|
+
--pf-v6-c-calendar-month__date--BackgroundColor: transparent;
|
|
7474
|
+
--pf-v6-c-calendar-month__date--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
7475
|
+
--pf-v6-c-calendar-month__date--disabled--Color: var(--pf-t--global--text--color--on-disabled);
|
|
7476
|
+
--pf-v6-c-calendar-month__date--after--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
7477
|
+
--pf-v6-c-calendar-month__date--after--BorderColor: transparent;
|
|
7478
|
+
--pf-v6-c-calendar-month__date--after--OutlineOffset: 0;
|
|
7479
|
+
--pf-v6-c-calendar-month__date--hover--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
7480
|
+
--pf-v6-c-calendar-month__date--hover--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
7481
|
+
--pf-v6-c-calendar-month__date--hover--BorderColor: var(--pf-t--global--border--color--hover);
|
|
7482
|
+
--pf-v6-c-calendar-month__date--focus--Color: var(--pf-t--global--icon--color--on-brand--clicked);
|
|
7483
|
+
--pf-v6-c-calendar-month__date--focus--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
7484
|
+
--pf-v6-c-calendar-month__date--focus--after--BorderColor: var(--pf-t--global--border--color--hover);
|
|
7485
|
+
--pf-v6-c-calendar-month__date--after--focus--OutlineOffset: -2px;
|
|
7321
7486
|
}
|
|
7322
7487
|
|
|
7323
|
-
.pf-v6-c-
|
|
7324
|
-
|
|
7325
|
-
|
|
7488
|
+
:where(.pf-v6-c-calendar-month) {
|
|
7489
|
+
display: inline-flex;
|
|
7490
|
+
flex-direction: column;
|
|
7491
|
+
padding-block-start: var(--pf-v6-c-calendar-month--PaddingBlockStart);
|
|
7492
|
+
padding-block-end: var(--pf-v6-c-calendar-month--PaddingBlockEnd);
|
|
7493
|
+
padding-inline-start: var(--pf-v6-c-calendar-month--PaddingInlineStart);
|
|
7494
|
+
padding-inline-end: var(--pf-v6-c-calendar-month--PaddingInlineEnd);
|
|
7495
|
+
font-size: var(--pf-v6-c-calendar-month--FontSize);
|
|
7496
|
+
background-color: var(--pf-v6-c-calendar-month--BackgroundColor);
|
|
7326
7497
|
}
|
|
7327
7498
|
|
|
7328
|
-
.pf-v6-c-
|
|
7329
|
-
|
|
7330
|
-
|
|
7499
|
+
.pf-v6-c-calendar-month__header {
|
|
7500
|
+
display: flex;
|
|
7501
|
+
gap: var(--pf-v6-c-calendar-month__header--Gap);
|
|
7502
|
+
margin-block-end: var(--pf-v6-c-calendar-month__header--MarginBlockEnd);
|
|
7331
7503
|
}
|
|
7332
7504
|
|
|
7333
|
-
.pf-v6-c-
|
|
7334
|
-
|
|
7335
|
-
|
|
7505
|
+
.pf-v6-c-calendar-month__header-nav-control {
|
|
7506
|
+
margin-inline-start: var(--pf-v6-c-calendar-month__header-nav-control--MarginInlineStart);
|
|
7507
|
+
margin-inline-end: var(--pf-v6-c-calendar-month__header-nav-control--MarginInlineEnd);
|
|
7336
7508
|
}
|
|
7337
7509
|
|
|
7338
|
-
.pf-v6-
|
|
7339
|
-
|
|
7340
|
-
--pf-v6-c-banner--Color: var(--pf-v6-c-banner--m-info--Color);
|
|
7510
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-calendar-month__header-nav-control {
|
|
7511
|
+
scale: -1 1;
|
|
7341
7512
|
}
|
|
7342
7513
|
|
|
7343
|
-
.pf-v6-c-
|
|
7344
|
-
|
|
7345
|
-
--pf-v6-c-banner--Color: var(--pf-v6-c-banner--m-custom--Color);
|
|
7514
|
+
.pf-v6-c-calendar-month__header-month {
|
|
7515
|
+
flex-grow: 1;
|
|
7346
7516
|
}
|
|
7347
7517
|
|
|
7348
|
-
.pf-v6-c-
|
|
7349
|
-
|
|
7350
|
-
--pf-v6-c-banner--Color: var(--pf-v6-c-banner--m-red--Color);
|
|
7518
|
+
.pf-v6-c-calendar-month__header-month > .pf-v6-c-menu-toggle {
|
|
7519
|
+
width: 100%;
|
|
7351
7520
|
}
|
|
7352
7521
|
|
|
7353
|
-
.pf-v6-c-
|
|
7354
|
-
|
|
7355
|
-
--pf-v6-c-banner--Color: var(--pf-v6-c-banner--m-orangered--Color);
|
|
7522
|
+
.pf-v6-c-calendar-month__header-year {
|
|
7523
|
+
width: var(--pf-v6-c-calendar-month__header-year--Width);
|
|
7356
7524
|
}
|
|
7357
7525
|
|
|
7358
|
-
.pf-v6-c-
|
|
7359
|
-
|
|
7360
|
-
--pf-v6-c-banner--Color: var(--pf-v6-c-banner--m-orange--Color);
|
|
7526
|
+
.pf-v6-c-calendar-month__calendar {
|
|
7527
|
+
table-layout: fixed;
|
|
7361
7528
|
}
|
|
7362
7529
|
|
|
7363
|
-
.pf-v6-c-
|
|
7364
|
-
|
|
7365
|
-
--pf-v6-c-
|
|
7530
|
+
.pf-v6-c-calendar-month__days {
|
|
7531
|
+
color: var(--pf-v6-c-calendar-month__day--Color);
|
|
7532
|
+
border-block-end: var(--pf-v6-c-calendar-month__days--BorderBlockEndWidth) solid var(--pf-v6-c-calendar-month__days--BorderBlockEndColor);
|
|
7366
7533
|
}
|
|
7367
7534
|
|
|
7368
|
-
.pf-v6-c-
|
|
7369
|
-
|
|
7370
|
-
|
|
7535
|
+
.pf-v6-c-calendar-month__day {
|
|
7536
|
+
padding-block-end: var(--pf-v6-c-calendar-month__day--PaddingBlockEnd);
|
|
7537
|
+
font-weight: var(--pf-v6-c-calendar-month__day--FontWeight);
|
|
7538
|
+
text-align: center;
|
|
7371
7539
|
}
|
|
7372
7540
|
|
|
7373
|
-
.pf-v6-c-
|
|
7374
|
-
--pf-v6-c-
|
|
7375
|
-
--pf-v6-c-banner--Color: var(--pf-v6-c-banner--m-cyan--Color);
|
|
7541
|
+
.pf-v6-c-calendar-month__dates-row:first-child {
|
|
7542
|
+
--pf-v6-c-calendar-month__dates-cell--PaddingBlockStart: var(--pf-v6-c-calendar-month__dates-row--first-child__dates-cell--PaddingBlockStart);
|
|
7376
7543
|
}
|
|
7377
7544
|
|
|
7378
|
-
.pf-v6-c-
|
|
7379
|
-
--pf-v6-c-
|
|
7380
|
-
|
|
7545
|
+
.pf-v6-c-calendar-month__dates-cell {
|
|
7546
|
+
--pf-v6-c-calendar-month__dates-cell--before--InsetBlockStart: var(--pf-v6-c-calendar-month__dates-cell--PaddingBlockStart);
|
|
7547
|
+
position: relative;
|
|
7548
|
+
padding-block-start: var(--pf-v6-c-calendar-month__dates-cell--PaddingBlockStart);
|
|
7549
|
+
padding-block-end: var(--pf-v6-c-calendar-month__dates-cell--PaddingBlockEnd);
|
|
7550
|
+
padding-inline-start: var(--pf-v6-c-calendar-month__dates-cell--PaddingInlineStart);
|
|
7551
|
+
padding-inline-end: var(--pf-v6-c-calendar-month__dates-cell--PaddingInlineEnd);
|
|
7552
|
+
text-align: center;
|
|
7381
7553
|
}
|
|
7382
7554
|
|
|
7383
|
-
.pf-v6-c-
|
|
7384
|
-
|
|
7385
|
-
|
|
7555
|
+
.pf-v6-c-calendar-month__dates-cell::before {
|
|
7556
|
+
position: absolute;
|
|
7557
|
+
inset-block-start: var(--pf-v6-c-calendar-month__dates-cell--before--InsetBlockStart);
|
|
7558
|
+
inset-block-end: var(--pf-v6-c-calendar-month__dates-cell--before--InsetBlockEnd);
|
|
7559
|
+
inset-inline-start: var(--pf-v6-c-calendar-month__dates-cell--before--InsetInlineStart);
|
|
7560
|
+
inset-inline-end: var(--pf-v6-c-calendar-month__dates-cell--before--InsetInlineEnd);
|
|
7561
|
+
content: "";
|
|
7562
|
+
background-color: var(--pf-v6-c-calendar-month__dates-cell--before--BackgroundColor);
|
|
7386
7563
|
}
|
|
7387
7564
|
|
|
7388
|
-
.pf-v6-c-
|
|
7389
|
-
|
|
7390
|
-
inset-block-start: 0;
|
|
7391
|
-
z-index: var(--pf-v6-c-banner--m-sticky--ZIndex);
|
|
7392
|
-
box-shadow: var(--pf-v6-c-banner--m-sticky--BoxShadow);
|
|
7565
|
+
.pf-v6-c-calendar-month__dates-cell.pf-m-current {
|
|
7566
|
+
--pf-v6-c-calendar-month__date--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-current__date--BackgroundColor);
|
|
7393
7567
|
}
|
|
7394
7568
|
|
|
7395
|
-
.pf-v6-c-
|
|
7396
|
-
|
|
7397
|
-
|
|
7569
|
+
.pf-v6-c-calendar-month__dates-cell.pf-m-in-range {
|
|
7570
|
+
--pf-v6-c-calendar-month__dates-cell--before--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor);
|
|
7571
|
+
--pf-v6-c-calendar-month__date--hover--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor);
|
|
7572
|
+
--pf-v6-c-calendar-month__date--hover--BorderWidth: var(--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderWidth);
|
|
7573
|
+
--pf-v6-c-calendar-month__date--hover--BorderColor: var(--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderColor);
|
|
7574
|
+
--pf-v6-c-calendar-month__date--focus--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-in-range__date--focus--BackgroundColor);
|
|
7398
7575
|
}
|
|
7399
7576
|
|
|
7400
|
-
.pf-v6-c-
|
|
7401
|
-
--pf-v6-c-
|
|
7402
|
-
font-weight: var(--pf-v6-c-banner--link--hover--FontWeight);
|
|
7577
|
+
.pf-v6-c-calendar-month__dates-cell.pf-m-start-range {
|
|
7578
|
+
--pf-v6-c-calendar-month__dates-cell--before--InsetInlineStart: var(--pf-v6-c-calendar-month__dates-cell--m-in-range--m-start-range--before--InsetInlineStart);
|
|
7403
7579
|
}
|
|
7404
7580
|
|
|
7405
|
-
.pf-v6-c-
|
|
7406
|
-
--pf-v6-c-
|
|
7407
|
-
--pf-v6-c-banner--link--TextDecoration: var(--pf-v6-c-banner--link--disabled--TextDecoration);
|
|
7408
|
-
cursor: not-allowed;
|
|
7581
|
+
.pf-v6-c-calendar-month__dates-cell.pf-m-end-range {
|
|
7582
|
+
--pf-v6-c-calendar-month__dates-cell--before--InsetInlineEnd: var(--pf-v6-c-calendar-month__dates-cell--m-in-range--m-end-range--before--InsetInlineEnd);
|
|
7409
7583
|
}
|
|
7410
7584
|
|
|
7411
|
-
.pf-v6-c-
|
|
7412
|
-
--pf-v6-c-
|
|
7413
|
-
--pf-v6-c-button--m-link--m-inline--hover--Color: var(--pf-v6-c-banner--link--hover--Color);
|
|
7414
|
-
--pf-v6-c-button--disabled--Color: var(--pf-v6-c-banner--link--disabled--Color);
|
|
7415
|
-
text-decoration: var(--pf-v6-c-banner--link--TextDecoration);
|
|
7585
|
+
.pf-v6-c-calendar-month__dates-cell.pf-m-adjacent-month {
|
|
7586
|
+
--pf-v6-c-calendar-month__date--Color: var(--pf-v6-c-calendar-month__dates-cell--m-adjacent-month__date--Color);
|
|
7416
7587
|
}
|
|
7417
7588
|
|
|
7418
|
-
.pf-v6-c-
|
|
7419
|
-
--pf-v6-c-
|
|
7420
|
-
|
|
7589
|
+
.pf-v6-c-calendar-month__dates-cell.pf-m-selected {
|
|
7590
|
+
--pf-v6-c-calendar-month__date--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--BackgroundColor);
|
|
7591
|
+
--pf-v6-c-calendar-month__date--Color: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--Color);
|
|
7592
|
+
--pf-v6-c-calendar-month__date--hover--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--hover--BackgroundColor);
|
|
7593
|
+
--pf-v6-c-calendar-month__date--hover--BorderWidth: 0;
|
|
7594
|
+
--pf-v6-c-calendar-month__date--focus--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--focus--BackgroundColor);
|
|
7595
|
+
--pf-v6-c-calendar-month__date--focus--after--BorderColor: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--focus--after--BorderColor);
|
|
7596
|
+
--pf-v6-c-calendar-month__date--after--OutlineOffset: var(--pf-v6-c-calendar-month__date--after--focus--OutlineOffset);
|
|
7421
7597
|
}
|
|
7422
7598
|
|
|
7423
|
-
.pf-v6-c-
|
|
7424
|
-
--pf-v6-c-
|
|
7425
|
-
|
|
7599
|
+
.pf-v6-c-calendar-month__dates-cell.pf-m-disabled {
|
|
7600
|
+
--pf-v6-c-calendar-month__dates-cell--before--BackgroundColor: transparent;
|
|
7601
|
+
--pf-v6-c-calendar-month__date--BackgroundColor: transparent;
|
|
7602
|
+
}
|
|
7603
|
+
|
|
7604
|
+
.pf-v6-c-calendar-month__date {
|
|
7605
|
+
position: relative;
|
|
7606
|
+
display: inline-flex;
|
|
7607
|
+
align-items: center;
|
|
7608
|
+
justify-content: center;
|
|
7609
|
+
width: var(--pf-v6-c-calendar-month__date--Width);
|
|
7610
|
+
height: var(--pf-v6-c-calendar-month__date--Height);
|
|
7611
|
+
line-height: 1;
|
|
7612
|
+
color: var(--pf-v6-c-calendar-month__date--Color);
|
|
7613
|
+
background-color: var(--pf-v6-c-calendar-month__date--BackgroundColor);
|
|
7614
|
+
border: 0;
|
|
7615
|
+
}
|
|
7616
|
+
|
|
7617
|
+
.pf-v6-c-calendar-month__date::after {
|
|
7618
|
+
position: absolute;
|
|
7619
|
+
inset-block-start: var(--pf-v6-c-calendar-month__date--after--OutlineOffset);
|
|
7620
|
+
inset-block-end: var(--pf-v6-c-calendar-month__date--after--OutlineOffset);
|
|
7621
|
+
inset-inline-start: var(--pf-v6-c-calendar-month__date--after--OutlineOffset);
|
|
7622
|
+
inset-inline-end: var(--pf-v6-c-calendar-month__date--after--OutlineOffset);
|
|
7623
|
+
content: "";
|
|
7624
|
+
border: var(--pf-v6-c-calendar-month__date--after--BorderWidth) solid var(--pf-v6-c-calendar-month__date--after--BorderColor);
|
|
7625
|
+
}
|
|
7626
|
+
|
|
7627
|
+
.pf-v6-c-calendar-month__date, .pf-v6-c-calendar-month__date::after {
|
|
7628
|
+
border-radius: var(--pf-v6-c-calendar-month__date--BorderRadius);
|
|
7629
|
+
}
|
|
7630
|
+
|
|
7631
|
+
.pf-v6-c-calendar-month__date:hover, .pf-v6-c-calendar-month__date.pf-m-hover {
|
|
7632
|
+
--pf-v6-c-calendar-month__date--BackgroundColor: var(--pf-v6-c-calendar-month__date--hover--BackgroundColor);
|
|
7633
|
+
border: var(--pf-v6-c-calendar-month__date--hover--BorderColor) solid var(--pf-v6-c-calendar-month__date--hover--BorderWidth);
|
|
7634
|
+
}
|
|
7635
|
+
|
|
7636
|
+
.pf-v6-c-calendar-month__date:focus, .pf-v6-c-calendar-month__date.pf-m-focus {
|
|
7637
|
+
--pf-v6-c-calendar-month__date--after--BorderColor: var(--pf-v6-c-calendar-month__date--focus--after--BorderColor);
|
|
7638
|
+
outline: 0;
|
|
7639
|
+
}
|
|
7640
|
+
|
|
7641
|
+
.pf-v6-c-calendar-month__date:disabled {
|
|
7642
|
+
--pf-v6-c-calendar-month__date--BackgroundColor: var(--pf-v6-c-calendar-month__date--disabled--BackgroundColor);
|
|
7643
|
+
--pf-v6-c-calendar-month__date--Color: var(--pf-v6-c-calendar-month__date--disabled--Color);
|
|
7644
|
+
--pf-v6-c-calendar-month__date--hover--focus--BorderColor: transparent;
|
|
7645
|
+
pointer-events: none;
|
|
7426
7646
|
}
|
|
7427
7647
|
|
|
7428
7648
|
:where(:root, .pf-v6-c-card) {
|
|
@@ -7767,226 +7987,6 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
7767
7987
|
color: var(--pf-v6-c-card__footer--Color);
|
|
7768
7988
|
}
|
|
7769
7989
|
|
|
7770
|
-
:where(:root, .pf-v6-c-calendar-month) {
|
|
7771
|
-
--pf-v6-c-calendar-month--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
7772
|
-
--pf-v6-c-calendar-month--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
7773
|
-
--pf-v6-c-calendar-month--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
7774
|
-
--pf-v6-c-calendar-month--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
7775
|
-
--pf-v6-c-calendar-month--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
7776
|
-
--pf-v6-c-calendar-month--FontSize: var(--pf-t--global--font--size--sm);
|
|
7777
|
-
--pf-v6-c-calendar-month__header--MarginBlockEnd: var(--pf-t--global--spacer--md);
|
|
7778
|
-
--pf-v6-c-calendar-month__header--Gap: var(--pf-t--global--spacer--xs);
|
|
7779
|
-
--pf-v6-c-calendar-month__header-year--Width: 9ch;
|
|
7780
|
-
--pf-v6-c-calendar-month__header-nav-control--MarginInlineEnd: 0;
|
|
7781
|
-
--pf-v6-c-calendar-month__header-nav-control--MarginInlineStart: 0;
|
|
7782
|
-
--pf-v6-c-calendar-month__days--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
|
|
7783
|
-
--pf-v6-c-calendar-month__days--BorderBlockEndColor: var(--pf-t--global--border--color--default);
|
|
7784
|
-
--pf-v6-c-calendar-month__day--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
7785
|
-
--pf-v6-c-calendar-month__day--FontWeight: var(--pf-t--global--font--weight--body);
|
|
7786
|
-
--pf-v6-c-calendar-month__day--Color: var(--pf-t--global--text--color--regular);
|
|
7787
|
-
--pf-v6-c-calendar-month__dates-cell--PaddingBlockStart: 0.125rem;
|
|
7788
|
-
--pf-v6-c-calendar-month__dates-cell--PaddingInlineEnd: 0.125rem;
|
|
7789
|
-
--pf-v6-c-calendar-month__dates-cell--PaddingBlockEnd: 0.125rem;
|
|
7790
|
-
--pf-v6-c-calendar-month__dates-cell--PaddingInlineStart: 0.125rem;
|
|
7791
|
-
--pf-v6-c-calendar-month__dates-row--first-child__dates-cell--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
7792
|
-
--pf-v6-c-calendar-month__dates-cell--m-current__date--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
7793
|
-
--pf-v6-c-calendar-month__dates-cell--m-selected__date--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
7794
|
-
--pf-v6-c-calendar-month__dates-cell--m-selected__date--hover--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
7795
|
-
--pf-v6-c-calendar-month__dates-cell--m-selected__date--focus--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
7796
|
-
--pf-v6-c-calendar-month__dates-cell--m-selected__date--focus--after--BorderColor: var(--pf-t--global--border--color--brand--default);
|
|
7797
|
-
--pf-v6-c-calendar-month__dates-cell--m-selected__date--Color: var(--pf-t--global--text--color--on-brand--default);
|
|
7798
|
-
--pf-v6-c-calendar-month__dates-cell--before--BackgroundColor: transparent;
|
|
7799
|
-
--pf-v6-c-calendar-month__dates-cell--before--InsetBlockStart: 0;
|
|
7800
|
-
--pf-v6-c-calendar-month__dates-cell--before--InsetInlineEnd: 0;
|
|
7801
|
-
--pf-v6-c-calendar-month__dates-cell--before--InsetBlockEnd: var(--pf-v6-c-calendar-month__dates-cell--PaddingBlockEnd);
|
|
7802
|
-
--pf-v6-c-calendar-month__dates-cell--before--InsetInlineStart: 0;
|
|
7803
|
-
--pf-v6-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
7804
|
-
--pf-v6-c-calendar-month__dates-cell--m-in-range--m-start-range--before--InsetInlineStart: 50%;
|
|
7805
|
-
--pf-v6-c-calendar-month__dates-cell--m-in-range--m-end-range--before--InsetInlineEnd: 50%;
|
|
7806
|
-
--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
7807
|
-
--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
7808
|
-
--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderColor: var(--pf-t--global--border--color--hover);
|
|
7809
|
-
--pf-v6-c-calendar-month__dates-cell--m-in-range__date--focus--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
7810
|
-
--pf-v6-c-calendar-month__dates-cell--m-adjacent-month__date--Color: var(--pf-t--global--text--color--subtle);
|
|
7811
|
-
--pf-v6-c-calendar-month__date--Width: 4ch;
|
|
7812
|
-
--pf-v6-c-calendar-month__date--Height: 4ch;
|
|
7813
|
-
--pf-v6-c-calendar-month__date--BorderRadius: var(--pf-t--global--border--radius--large);
|
|
7814
|
-
--pf-v6-c-calendar-month__date--Color: var(--pf-t--global--text--color--regular);
|
|
7815
|
-
--pf-v6-c-calendar-month__date--BackgroundColor: transparent;
|
|
7816
|
-
--pf-v6-c-calendar-month__date--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
7817
|
-
--pf-v6-c-calendar-month__date--disabled--Color: var(--pf-t--global--text--color--on-disabled);
|
|
7818
|
-
--pf-v6-c-calendar-month__date--after--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
7819
|
-
--pf-v6-c-calendar-month__date--after--BorderColor: transparent;
|
|
7820
|
-
--pf-v6-c-calendar-month__date--after--OutlineOffset: 0;
|
|
7821
|
-
--pf-v6-c-calendar-month__date--hover--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
7822
|
-
--pf-v6-c-calendar-month__date--hover--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
7823
|
-
--pf-v6-c-calendar-month__date--hover--BorderColor: var(--pf-t--global--border--color--hover);
|
|
7824
|
-
--pf-v6-c-calendar-month__date--focus--Color: var(--pf-t--global--icon--color--on-brand--clicked);
|
|
7825
|
-
--pf-v6-c-calendar-month__date--focus--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
7826
|
-
--pf-v6-c-calendar-month__date--focus--after--BorderColor: var(--pf-t--global--border--color--hover);
|
|
7827
|
-
--pf-v6-c-calendar-month__date--after--focus--OutlineOffset: -2px;
|
|
7828
|
-
}
|
|
7829
|
-
|
|
7830
|
-
:where(.pf-v6-c-calendar-month) {
|
|
7831
|
-
display: inline-flex;
|
|
7832
|
-
flex-direction: column;
|
|
7833
|
-
padding-block-start: var(--pf-v6-c-calendar-month--PaddingBlockStart);
|
|
7834
|
-
padding-block-end: var(--pf-v6-c-calendar-month--PaddingBlockEnd);
|
|
7835
|
-
padding-inline-start: var(--pf-v6-c-calendar-month--PaddingInlineStart);
|
|
7836
|
-
padding-inline-end: var(--pf-v6-c-calendar-month--PaddingInlineEnd);
|
|
7837
|
-
font-size: var(--pf-v6-c-calendar-month--FontSize);
|
|
7838
|
-
background-color: var(--pf-v6-c-calendar-month--BackgroundColor);
|
|
7839
|
-
}
|
|
7840
|
-
|
|
7841
|
-
.pf-v6-c-calendar-month__header {
|
|
7842
|
-
display: flex;
|
|
7843
|
-
gap: var(--pf-v6-c-calendar-month__header--Gap);
|
|
7844
|
-
margin-block-end: var(--pf-v6-c-calendar-month__header--MarginBlockEnd);
|
|
7845
|
-
}
|
|
7846
|
-
|
|
7847
|
-
.pf-v6-c-calendar-month__header-nav-control {
|
|
7848
|
-
margin-inline-start: var(--pf-v6-c-calendar-month__header-nav-control--MarginInlineStart);
|
|
7849
|
-
margin-inline-end: var(--pf-v6-c-calendar-month__header-nav-control--MarginInlineEnd);
|
|
7850
|
-
}
|
|
7851
|
-
|
|
7852
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-calendar-month__header-nav-control {
|
|
7853
|
-
scale: -1 1;
|
|
7854
|
-
}
|
|
7855
|
-
|
|
7856
|
-
.pf-v6-c-calendar-month__header-month {
|
|
7857
|
-
flex-grow: 1;
|
|
7858
|
-
}
|
|
7859
|
-
|
|
7860
|
-
.pf-v6-c-calendar-month__header-month > .pf-v6-c-menu-toggle {
|
|
7861
|
-
width: 100%;
|
|
7862
|
-
}
|
|
7863
|
-
|
|
7864
|
-
.pf-v6-c-calendar-month__header-year {
|
|
7865
|
-
width: var(--pf-v6-c-calendar-month__header-year--Width);
|
|
7866
|
-
}
|
|
7867
|
-
|
|
7868
|
-
.pf-v6-c-calendar-month__calendar {
|
|
7869
|
-
table-layout: fixed;
|
|
7870
|
-
}
|
|
7871
|
-
|
|
7872
|
-
.pf-v6-c-calendar-month__days {
|
|
7873
|
-
color: var(--pf-v6-c-calendar-month__day--Color);
|
|
7874
|
-
border-block-end: var(--pf-v6-c-calendar-month__days--BorderBlockEndWidth) solid var(--pf-v6-c-calendar-month__days--BorderBlockEndColor);
|
|
7875
|
-
}
|
|
7876
|
-
|
|
7877
|
-
.pf-v6-c-calendar-month__day {
|
|
7878
|
-
padding-block-end: var(--pf-v6-c-calendar-month__day--PaddingBlockEnd);
|
|
7879
|
-
font-weight: var(--pf-v6-c-calendar-month__day--FontWeight);
|
|
7880
|
-
text-align: center;
|
|
7881
|
-
}
|
|
7882
|
-
|
|
7883
|
-
.pf-v6-c-calendar-month__dates-row:first-child {
|
|
7884
|
-
--pf-v6-c-calendar-month__dates-cell--PaddingBlockStart: var(--pf-v6-c-calendar-month__dates-row--first-child__dates-cell--PaddingBlockStart);
|
|
7885
|
-
}
|
|
7886
|
-
|
|
7887
|
-
.pf-v6-c-calendar-month__dates-cell {
|
|
7888
|
-
--pf-v6-c-calendar-month__dates-cell--before--InsetBlockStart: var(--pf-v6-c-calendar-month__dates-cell--PaddingBlockStart);
|
|
7889
|
-
position: relative;
|
|
7890
|
-
padding-block-start: var(--pf-v6-c-calendar-month__dates-cell--PaddingBlockStart);
|
|
7891
|
-
padding-block-end: var(--pf-v6-c-calendar-month__dates-cell--PaddingBlockEnd);
|
|
7892
|
-
padding-inline-start: var(--pf-v6-c-calendar-month__dates-cell--PaddingInlineStart);
|
|
7893
|
-
padding-inline-end: var(--pf-v6-c-calendar-month__dates-cell--PaddingInlineEnd);
|
|
7894
|
-
text-align: center;
|
|
7895
|
-
}
|
|
7896
|
-
|
|
7897
|
-
.pf-v6-c-calendar-month__dates-cell::before {
|
|
7898
|
-
position: absolute;
|
|
7899
|
-
inset-block-start: var(--pf-v6-c-calendar-month__dates-cell--before--InsetBlockStart);
|
|
7900
|
-
inset-block-end: var(--pf-v6-c-calendar-month__dates-cell--before--InsetBlockEnd);
|
|
7901
|
-
inset-inline-start: var(--pf-v6-c-calendar-month__dates-cell--before--InsetInlineStart);
|
|
7902
|
-
inset-inline-end: var(--pf-v6-c-calendar-month__dates-cell--before--InsetInlineEnd);
|
|
7903
|
-
content: "";
|
|
7904
|
-
background-color: var(--pf-v6-c-calendar-month__dates-cell--before--BackgroundColor);
|
|
7905
|
-
}
|
|
7906
|
-
|
|
7907
|
-
.pf-v6-c-calendar-month__dates-cell.pf-m-current {
|
|
7908
|
-
--pf-v6-c-calendar-month__date--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-current__date--BackgroundColor);
|
|
7909
|
-
}
|
|
7910
|
-
|
|
7911
|
-
.pf-v6-c-calendar-month__dates-cell.pf-m-in-range {
|
|
7912
|
-
--pf-v6-c-calendar-month__dates-cell--before--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor);
|
|
7913
|
-
--pf-v6-c-calendar-month__date--hover--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor);
|
|
7914
|
-
--pf-v6-c-calendar-month__date--hover--BorderWidth: var(--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderWidth);
|
|
7915
|
-
--pf-v6-c-calendar-month__date--hover--BorderColor: var(--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderColor);
|
|
7916
|
-
--pf-v6-c-calendar-month__date--focus--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-in-range__date--focus--BackgroundColor);
|
|
7917
|
-
}
|
|
7918
|
-
|
|
7919
|
-
.pf-v6-c-calendar-month__dates-cell.pf-m-start-range {
|
|
7920
|
-
--pf-v6-c-calendar-month__dates-cell--before--InsetInlineStart: var(--pf-v6-c-calendar-month__dates-cell--m-in-range--m-start-range--before--InsetInlineStart);
|
|
7921
|
-
}
|
|
7922
|
-
|
|
7923
|
-
.pf-v6-c-calendar-month__dates-cell.pf-m-end-range {
|
|
7924
|
-
--pf-v6-c-calendar-month__dates-cell--before--InsetInlineEnd: var(--pf-v6-c-calendar-month__dates-cell--m-in-range--m-end-range--before--InsetInlineEnd);
|
|
7925
|
-
}
|
|
7926
|
-
|
|
7927
|
-
.pf-v6-c-calendar-month__dates-cell.pf-m-adjacent-month {
|
|
7928
|
-
--pf-v6-c-calendar-month__date--Color: var(--pf-v6-c-calendar-month__dates-cell--m-adjacent-month__date--Color);
|
|
7929
|
-
}
|
|
7930
|
-
|
|
7931
|
-
.pf-v6-c-calendar-month__dates-cell.pf-m-selected {
|
|
7932
|
-
--pf-v6-c-calendar-month__date--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--BackgroundColor);
|
|
7933
|
-
--pf-v6-c-calendar-month__date--Color: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--Color);
|
|
7934
|
-
--pf-v6-c-calendar-month__date--hover--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--hover--BackgroundColor);
|
|
7935
|
-
--pf-v6-c-calendar-month__date--hover--BorderWidth: 0;
|
|
7936
|
-
--pf-v6-c-calendar-month__date--focus--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--focus--BackgroundColor);
|
|
7937
|
-
--pf-v6-c-calendar-month__date--focus--after--BorderColor: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--focus--after--BorderColor);
|
|
7938
|
-
--pf-v6-c-calendar-month__date--after--OutlineOffset: var(--pf-v6-c-calendar-month__date--after--focus--OutlineOffset);
|
|
7939
|
-
}
|
|
7940
|
-
|
|
7941
|
-
.pf-v6-c-calendar-month__dates-cell.pf-m-disabled {
|
|
7942
|
-
--pf-v6-c-calendar-month__dates-cell--before--BackgroundColor: transparent;
|
|
7943
|
-
--pf-v6-c-calendar-month__date--BackgroundColor: transparent;
|
|
7944
|
-
}
|
|
7945
|
-
|
|
7946
|
-
.pf-v6-c-calendar-month__date {
|
|
7947
|
-
position: relative;
|
|
7948
|
-
display: inline-flex;
|
|
7949
|
-
align-items: center;
|
|
7950
|
-
justify-content: center;
|
|
7951
|
-
width: var(--pf-v6-c-calendar-month__date--Width);
|
|
7952
|
-
height: var(--pf-v6-c-calendar-month__date--Height);
|
|
7953
|
-
line-height: 1;
|
|
7954
|
-
color: var(--pf-v6-c-calendar-month__date--Color);
|
|
7955
|
-
background-color: var(--pf-v6-c-calendar-month__date--BackgroundColor);
|
|
7956
|
-
border: 0;
|
|
7957
|
-
}
|
|
7958
|
-
|
|
7959
|
-
.pf-v6-c-calendar-month__date::after {
|
|
7960
|
-
position: absolute;
|
|
7961
|
-
inset-block-start: var(--pf-v6-c-calendar-month__date--after--OutlineOffset);
|
|
7962
|
-
inset-block-end: var(--pf-v6-c-calendar-month__date--after--OutlineOffset);
|
|
7963
|
-
inset-inline-start: var(--pf-v6-c-calendar-month__date--after--OutlineOffset);
|
|
7964
|
-
inset-inline-end: var(--pf-v6-c-calendar-month__date--after--OutlineOffset);
|
|
7965
|
-
content: "";
|
|
7966
|
-
border: var(--pf-v6-c-calendar-month__date--after--BorderWidth) solid var(--pf-v6-c-calendar-month__date--after--BorderColor);
|
|
7967
|
-
}
|
|
7968
|
-
|
|
7969
|
-
.pf-v6-c-calendar-month__date, .pf-v6-c-calendar-month__date::after {
|
|
7970
|
-
border-radius: var(--pf-v6-c-calendar-month__date--BorderRadius);
|
|
7971
|
-
}
|
|
7972
|
-
|
|
7973
|
-
.pf-v6-c-calendar-month__date:hover, .pf-v6-c-calendar-month__date.pf-m-hover {
|
|
7974
|
-
--pf-v6-c-calendar-month__date--BackgroundColor: var(--pf-v6-c-calendar-month__date--hover--BackgroundColor);
|
|
7975
|
-
border: var(--pf-v6-c-calendar-month__date--hover--BorderColor) solid var(--pf-v6-c-calendar-month__date--hover--BorderWidth);
|
|
7976
|
-
}
|
|
7977
|
-
|
|
7978
|
-
.pf-v6-c-calendar-month__date:focus, .pf-v6-c-calendar-month__date.pf-m-focus {
|
|
7979
|
-
--pf-v6-c-calendar-month__date--after--BorderColor: var(--pf-v6-c-calendar-month__date--focus--after--BorderColor);
|
|
7980
|
-
outline: 0;
|
|
7981
|
-
}
|
|
7982
|
-
|
|
7983
|
-
.pf-v6-c-calendar-month__date:disabled {
|
|
7984
|
-
--pf-v6-c-calendar-month__date--BackgroundColor: var(--pf-v6-c-calendar-month__date--disabled--BackgroundColor);
|
|
7985
|
-
--pf-v6-c-calendar-month__date--Color: var(--pf-v6-c-calendar-month__date--disabled--Color);
|
|
7986
|
-
--pf-v6-c-calendar-month__date--hover--focus--BorderColor: transparent;
|
|
7987
|
-
pointer-events: none;
|
|
7988
|
-
}
|
|
7989
|
-
|
|
7990
7990
|
:where(:root, .pf-v6-c-clipboard-copy) {
|
|
7991
7991
|
--pf-v6-c-clipboard-copy__toggle-icon--Transition: .2s ease-in 0s;
|
|
7992
7992
|
--pf-v6-c-clipboard-copy--m-expanded__toggle-icon--Rotate: 90deg;
|
|
@@ -10780,66 +10780,6 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
10780
10780
|
justify-content: center;
|
|
10781
10781
|
}
|
|
10782
10782
|
|
|
10783
|
-
:where(:root, .pf-v6-c-file-upload) {
|
|
10784
|
-
--pf-v6-c-file-upload--RowGap: var(--pf-t--global--spacer--sm);
|
|
10785
|
-
--pf-v6-c-file-upload--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
10786
|
-
--pf-v6-c-file-upload--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
10787
|
-
--pf-v6-c-file-upload--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
10788
|
-
--pf-v6-c-file-upload--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
10789
|
-
--pf-v6-c-file-upload--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
10790
|
-
--pf-v6-c-file-upload--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
10791
|
-
--pf-v6-c-file-upload--BorderColor: transparent;
|
|
10792
|
-
--pf-v6-c-file-upload--BorderStyle: solid;
|
|
10793
|
-
--pf-v6-c-file-upload--m-drag-hover--BorderColor: var(--pf-t--global--icon--color--brand--default);
|
|
10794
|
-
--pf-v6-c-file-upload--m-drag-hover--BorderStyle: dashed;
|
|
10795
|
-
--pf-v6-c-file-upload__file-select__c-button--m-control--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
|
|
10796
|
-
--pf-v6-c-file-upload__file-details__c-form-control--MinHeight: calc(var(--pf-t--global--spacer--3xl) * 2);
|
|
10797
|
-
}
|
|
10798
|
-
|
|
10799
|
-
.pf-v6-c-file-upload {
|
|
10800
|
-
position: relative;
|
|
10801
|
-
display: flex;
|
|
10802
|
-
flex-direction: column;
|
|
10803
|
-
row-gap: var(--pf-v6-c-file-upload--RowGap);
|
|
10804
|
-
padding-block-start: var(--pf-v6-c-file-upload--PaddingBlockStart);
|
|
10805
|
-
padding-block-end: var(--pf-v6-c-file-upload--PaddingBlockEnd);
|
|
10806
|
-
padding-inline-start: var(--pf-v6-c-file-upload--PaddingInlineStart);
|
|
10807
|
-
padding-inline-end: var(--pf-v6-c-file-upload--PaddingInlineEnd);
|
|
10808
|
-
border: var(--pf-v6-c-file-upload--BorderWidth) var(--pf-v6-c-file-upload--BorderStyle) var(--pf-v6-c-file-upload--BorderColor);
|
|
10809
|
-
border-radius: var(--pf-v6-c-file-upload--BorderRadius);
|
|
10810
|
-
}
|
|
10811
|
-
|
|
10812
|
-
.pf-v6-c-file-upload.pf-m-drag-hover {
|
|
10813
|
-
--pf-v6-c-file-upload--BorderColor: var(--pf-v6-c-file-upload--m-drag-hover--BorderColor);
|
|
10814
|
-
--pf-v6-c-file-upload--BorderStyle: var(--pf-v6-c-file-upload--m-drag-hover--BorderStyle);
|
|
10815
|
-
}
|
|
10816
|
-
|
|
10817
|
-
.pf-v6-c-file-upload.pf-m-loading .pf-v6-c-file-upload__file-details {
|
|
10818
|
-
position: relative;
|
|
10819
|
-
}
|
|
10820
|
-
|
|
10821
|
-
.pf-v6-c-file-upload__file-select .pf-v6-c-button.pf-m-control {
|
|
10822
|
-
outline-offset: var(--pf-v6-c-file-upload__file-select__c-button--m-control--OutlineOffset);
|
|
10823
|
-
}
|
|
10824
|
-
|
|
10825
|
-
.pf-v6-c-file-upload__file-details {
|
|
10826
|
-
position: relative;
|
|
10827
|
-
display: flex;
|
|
10828
|
-
}
|
|
10829
|
-
|
|
10830
|
-
.pf-v6-c-file-upload__file-details .pf-v6-c-form-control {
|
|
10831
|
-
flex: 1 1 auto;
|
|
10832
|
-
min-height: var(--pf-v6-c-file-upload__file-details__c-form-control--MinHeight);
|
|
10833
|
-
border-block-start: 0;
|
|
10834
|
-
}
|
|
10835
|
-
|
|
10836
|
-
.pf-v6-c-file-upload__file-details-spinner {
|
|
10837
|
-
position: absolute;
|
|
10838
|
-
inset-block-start: 50%;
|
|
10839
|
-
inset-inline-start: 50%;
|
|
10840
|
-
transform: translate(-50%, -50%);
|
|
10841
|
-
}
|
|
10842
|
-
|
|
10843
10783
|
:where(:root, .pf-v6-c-expandable-section) {
|
|
10844
10784
|
--pf-v6-c-expandable-section__toggle--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
10845
10785
|
--pf-v6-c-expandable-section__toggle--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
@@ -10988,82 +10928,64 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
10988
10928
|
padding-inline-end: var(--pf-v6-c-expandable-section__content--PaddingInlineEnd);
|
|
10989
10929
|
}
|
|
10990
10930
|
|
|
10991
|
-
:where(:root, .pf-v6-c-
|
|
10992
|
-
--pf-v6-c-
|
|
10993
|
-
--pf-v6-c-
|
|
10994
|
-
--pf-v6-c-
|
|
10995
|
-
--pf-v6-c-
|
|
10996
|
-
--pf-v6-c-
|
|
10997
|
-
--pf-v6-c-
|
|
10998
|
-
--pf-v6-c-
|
|
10999
|
-
--pf-v6-c-
|
|
11000
|
-
--pf-v6-c-
|
|
11001
|
-
--pf-v6-c-
|
|
11002
|
-
--pf-v6-c-
|
|
11003
|
-
--pf-v6-c-
|
|
11004
|
-
--pf-v6-c-
|
|
11005
|
-
--pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
11006
|
-
--pf-v6-c-helper-text--m-dynamic--m-indeterminate__item-icon--Color: var(--pf-t--global--icon--color--subtle);
|
|
11007
|
-
--pf-v6-c-helper-text--m-dynamic--m-indeterminate__item-text--Color: var(--pf-t--global--text--color--subtle);
|
|
11008
|
-
--pf-v6-c-helper-text--m-dynamic--m-warning__item-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
|
|
11009
|
-
--pf-v6-c-helper-text--m-dynamic--m-warning__item-text--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
11010
|
-
--pf-v6-c-helper-text--m-dynamic--m-success__item-icon--Color: var(--pf-t--global--icon--color--status--success--default);
|
|
11011
|
-
--pf-v6-c-helper-text--m-dynamic--m-error__item-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
|
|
11012
|
-
--pf-v6-c-helper-text__item-icon--MarginInlineEnd: var(--pf-t--global--spacer--xs);
|
|
11013
|
-
}
|
|
11014
|
-
|
|
11015
|
-
.pf-v6-c-helper-text {
|
|
11016
|
-
display: grid;
|
|
11017
|
-
gap: var(--pf-v6-c-helper-text--Gap);
|
|
11018
|
-
font-size: var(--pf-v6-c-helper-text--FontSize);
|
|
11019
|
-
}
|
|
11020
|
-
|
|
11021
|
-
.pf-v6-c-helper-text.pf-m-hidden {
|
|
11022
|
-
visibility: hidden;
|
|
11023
|
-
opacity: 0;
|
|
10931
|
+
:where(:root, .pf-v6-c-file-upload) {
|
|
10932
|
+
--pf-v6-c-file-upload--RowGap: var(--pf-t--global--spacer--sm);
|
|
10933
|
+
--pf-v6-c-file-upload--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
10934
|
+
--pf-v6-c-file-upload--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
10935
|
+
--pf-v6-c-file-upload--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
10936
|
+
--pf-v6-c-file-upload--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
10937
|
+
--pf-v6-c-file-upload--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
10938
|
+
--pf-v6-c-file-upload--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
10939
|
+
--pf-v6-c-file-upload--BorderColor: transparent;
|
|
10940
|
+
--pf-v6-c-file-upload--BorderStyle: solid;
|
|
10941
|
+
--pf-v6-c-file-upload--m-drag-hover--BorderColor: var(--pf-t--global--icon--color--brand--default);
|
|
10942
|
+
--pf-v6-c-file-upload--m-drag-hover--BorderStyle: dashed;
|
|
10943
|
+
--pf-v6-c-file-upload__file-select__c-button--m-control--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
|
|
10944
|
+
--pf-v6-c-file-upload__file-details__c-form-control--MinHeight: calc(var(--pf-t--global--spacer--3xl) * 2);
|
|
11024
10945
|
}
|
|
11025
10946
|
|
|
11026
|
-
.pf-v6-c-
|
|
10947
|
+
.pf-v6-c-file-upload {
|
|
10948
|
+
position: relative;
|
|
11027
10949
|
display: flex;
|
|
11028
|
-
|
|
11029
|
-
|
|
11030
|
-
|
|
11031
|
-
|
|
11032
|
-
|
|
11033
|
-
|
|
11034
|
-
--pf-v6-c-
|
|
11035
|
-
|
|
10950
|
+
flex-direction: column;
|
|
10951
|
+
row-gap: var(--pf-v6-c-file-upload--RowGap);
|
|
10952
|
+
padding-block-start: var(--pf-v6-c-file-upload--PaddingBlockStart);
|
|
10953
|
+
padding-block-end: var(--pf-v6-c-file-upload--PaddingBlockEnd);
|
|
10954
|
+
padding-inline-start: var(--pf-v6-c-file-upload--PaddingInlineStart);
|
|
10955
|
+
padding-inline-end: var(--pf-v6-c-file-upload--PaddingInlineEnd);
|
|
10956
|
+
border: var(--pf-v6-c-file-upload--BorderWidth) var(--pf-v6-c-file-upload--BorderStyle) var(--pf-v6-c-file-upload--BorderColor);
|
|
10957
|
+
border-radius: var(--pf-v6-c-file-upload--BorderRadius);
|
|
11036
10958
|
}
|
|
11037
10959
|
|
|
11038
|
-
.pf-v6-c-
|
|
11039
|
-
--pf-v6-c-
|
|
11040
|
-
--pf-v6-c-
|
|
11041
|
-
--pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic--m-warning__item-icon--Color);
|
|
10960
|
+
.pf-v6-c-file-upload.pf-m-drag-hover {
|
|
10961
|
+
--pf-v6-c-file-upload--BorderColor: var(--pf-v6-c-file-upload--m-drag-hover--BorderColor);
|
|
10962
|
+
--pf-v6-c-file-upload--BorderStyle: var(--pf-v6-c-file-upload--m-drag-hover--BorderStyle);
|
|
11042
10963
|
}
|
|
11043
10964
|
|
|
11044
|
-
.pf-v6-c-
|
|
11045
|
-
|
|
11046
|
-
--pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text__item-icon--m-success--Color);
|
|
11047
|
-
--pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic--m-success__item-icon--Color);
|
|
10965
|
+
.pf-v6-c-file-upload.pf-m-loading .pf-v6-c-file-upload__file-details {
|
|
10966
|
+
position: relative;
|
|
11048
10967
|
}
|
|
11049
10968
|
|
|
11050
|
-
.pf-v6-c-
|
|
11051
|
-
|
|
11052
|
-
--pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text__item-icon--m-error--Color);
|
|
11053
|
-
--pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic--m-error__item-icon--Color);
|
|
10969
|
+
.pf-v6-c-file-upload__file-select .pf-v6-c-button.pf-m-control {
|
|
10970
|
+
outline-offset: var(--pf-v6-c-file-upload__file-select__c-button--m-control--OutlineOffset);
|
|
11054
10971
|
}
|
|
11055
10972
|
|
|
11056
|
-
.pf-v6-c-
|
|
11057
|
-
|
|
10973
|
+
.pf-v6-c-file-upload__file-details {
|
|
10974
|
+
position: relative;
|
|
10975
|
+
display: flex;
|
|
11058
10976
|
}
|
|
11059
10977
|
|
|
11060
|
-
.pf-v6-c-
|
|
11061
|
-
|
|
11062
|
-
|
|
10978
|
+
.pf-v6-c-file-upload__file-details .pf-v6-c-form-control {
|
|
10979
|
+
flex: 1 1 auto;
|
|
10980
|
+
min-height: var(--pf-v6-c-file-upload__file-details__c-form-control--MinHeight);
|
|
10981
|
+
border-block-start: 0;
|
|
11063
10982
|
}
|
|
11064
10983
|
|
|
11065
|
-
.pf-v6-c-
|
|
11066
|
-
|
|
10984
|
+
.pf-v6-c-file-upload__file-details-spinner {
|
|
10985
|
+
position: absolute;
|
|
10986
|
+
inset-block-start: 50%;
|
|
10987
|
+
inset-inline-start: 50%;
|
|
10988
|
+
transform: translate(-50%, -50%);
|
|
11067
10989
|
}
|
|
11068
10990
|
|
|
11069
10991
|
:where(:root, .pf-v6-c-hint) {
|
|
@@ -11151,6 +11073,84 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
11151
11073
|
margin-inline-end: var(--pf-v6-c-hint__footer--child--MarginInlineEnd);
|
|
11152
11074
|
}
|
|
11153
11075
|
|
|
11076
|
+
:where(:root, .pf-v6-c-helper-text) {
|
|
11077
|
+
--pf-v6-c-helper-text--Gap: var(--pf-t--global--spacer--xs);
|
|
11078
|
+
--pf-v6-c-helper-text--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
11079
|
+
--pf-v6-c-helper-text__item-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
11080
|
+
--pf-v6-c-helper-text__item-text--Color: var(--pf-t--global--text--color--regular);
|
|
11081
|
+
--pf-v6-c-helper-text__item-text--FontWeight: var(--pf-t--global--font--weight--body);
|
|
11082
|
+
--pf-v6-c-helper-text__item-icon--m-indeterminate--Color: var(--pf-t--global--icon--color--subtle);
|
|
11083
|
+
--pf-v6-c-helper-text__item-text--m-indeterminate--Color: var(--pf-t--global--text--color--subtle);
|
|
11084
|
+
--pf-v6-c-helper-text__item-icon--m-warning--Color: var(--pf-t--global--icon--color--status--warning--default);
|
|
11085
|
+
--pf-v6-c-helper-text__item-text--m-warning--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
11086
|
+
--pf-v6-c-helper-text__item-icon--m-success--Color: var(--pf-t--global--icon--color--status--success--default);
|
|
11087
|
+
--pf-v6-c-helper-text__item-text--m-success--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
11088
|
+
--pf-v6-c-helper-text__item-icon--m-error--Color: var(--pf-t--global--icon--color--status--danger--default);
|
|
11089
|
+
--pf-v6-c-helper-text__item-text--m-error--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
11090
|
+
--pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
11091
|
+
--pf-v6-c-helper-text--m-dynamic--m-indeterminate__item-icon--Color: var(--pf-t--global--icon--color--subtle);
|
|
11092
|
+
--pf-v6-c-helper-text--m-dynamic--m-indeterminate__item-text--Color: var(--pf-t--global--text--color--subtle);
|
|
11093
|
+
--pf-v6-c-helper-text--m-dynamic--m-warning__item-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
|
|
11094
|
+
--pf-v6-c-helper-text--m-dynamic--m-warning__item-text--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
11095
|
+
--pf-v6-c-helper-text--m-dynamic--m-success__item-icon--Color: var(--pf-t--global--icon--color--status--success--default);
|
|
11096
|
+
--pf-v6-c-helper-text--m-dynamic--m-error__item-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
|
|
11097
|
+
--pf-v6-c-helper-text__item-icon--MarginInlineEnd: var(--pf-t--global--spacer--xs);
|
|
11098
|
+
}
|
|
11099
|
+
|
|
11100
|
+
.pf-v6-c-helper-text {
|
|
11101
|
+
display: grid;
|
|
11102
|
+
gap: var(--pf-v6-c-helper-text--Gap);
|
|
11103
|
+
font-size: var(--pf-v6-c-helper-text--FontSize);
|
|
11104
|
+
}
|
|
11105
|
+
|
|
11106
|
+
.pf-v6-c-helper-text.pf-m-hidden {
|
|
11107
|
+
visibility: hidden;
|
|
11108
|
+
opacity: 0;
|
|
11109
|
+
}
|
|
11110
|
+
|
|
11111
|
+
.pf-v6-c-helper-text__item {
|
|
11112
|
+
display: flex;
|
|
11113
|
+
font-weight: var(--pf-v6-c-helper-text__item-text--FontWeight);
|
|
11114
|
+
}
|
|
11115
|
+
|
|
11116
|
+
.pf-v6-c-helper-text__item.pf-m-indeterminate {
|
|
11117
|
+
--pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text__item-icon--m-indeterminate--Color);
|
|
11118
|
+
--pf-v6-c-helper-text__item-text--Color: var(--pf-v6-c-helper-text__item-text--m-indeterminate--Color);
|
|
11119
|
+
--pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic--m-indeterminate__item-icon--Color);
|
|
11120
|
+
--pf-v6-c-helper-text--m-dynamic__item-text--Color: var(--pf-v6-c-helper-text--m-dynamic--m-indeterminate__item-text--Color);
|
|
11121
|
+
}
|
|
11122
|
+
|
|
11123
|
+
.pf-v6-c-helper-text__item.pf-m-warning {
|
|
11124
|
+
--pf-v6-c-helper-text__item-text--FontWeight: var(--pf-v6-c-helper-text__item-text--m-warning--FontWeight);
|
|
11125
|
+
--pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text__item-icon--m-warning--Color);
|
|
11126
|
+
--pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic--m-warning__item-icon--Color);
|
|
11127
|
+
}
|
|
11128
|
+
|
|
11129
|
+
.pf-v6-c-helper-text__item.pf-m-success {
|
|
11130
|
+
--pf-v6-c-helper-text__item-text--FontWeight: var(--pf-v6-c-helper-text__item-text--m-success--FontWeight);
|
|
11131
|
+
--pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text__item-icon--m-success--Color);
|
|
11132
|
+
--pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic--m-success__item-icon--Color);
|
|
11133
|
+
}
|
|
11134
|
+
|
|
11135
|
+
.pf-v6-c-helper-text__item.pf-m-error {
|
|
11136
|
+
--pf-v6-c-helper-text__item-text--FontWeight: var(--pf-v6-c-helper-text__item-text--m-error--FontWeight);
|
|
11137
|
+
--pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text__item-icon--m-error--Color);
|
|
11138
|
+
--pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic--m-error__item-icon--Color);
|
|
11139
|
+
}
|
|
11140
|
+
|
|
11141
|
+
.pf-v6-c-helper-text__item.pf-m-dynamic {
|
|
11142
|
+
--pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic__item-icon--Color);
|
|
11143
|
+
}
|
|
11144
|
+
|
|
11145
|
+
.pf-v6-c-helper-text__item-icon {
|
|
11146
|
+
margin-inline-end: var(--pf-v6-c-helper-text__item-icon--MarginInlineEnd);
|
|
11147
|
+
color: var(--pf-v6-c-helper-text__item-icon--Color);
|
|
11148
|
+
}
|
|
11149
|
+
|
|
11150
|
+
.pf-v6-c-helper-text__item-text {
|
|
11151
|
+
color: var(--pf-v6-c-helper-text__item-text--Color);
|
|
11152
|
+
}
|
|
11153
|
+
|
|
11154
11154
|
:where(:root, .pf-v6-c-icon) {
|
|
11155
11155
|
--pf-v6-c-icon--Width: 1em;
|
|
11156
11156
|
--pf-v6-c-icon--Height: 1em;
|
|
@@ -11446,84 +11446,6 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
11446
11446
|
transform: translateY(calc(-50% - 0.5 * var(--pf-v6-c-icon__content--svg--VerticalAlign)));
|
|
11447
11447
|
}
|
|
11448
11448
|
|
|
11449
|
-
:where(:root, .pf-v6-c-input-group) {
|
|
11450
|
-
--pf-v6-c-input-group--Gap: var(--pf-t--global--spacer--xs);
|
|
11451
|
-
--pf-v6-c-input-group__item--offset: var(--pf-t--global--border--width--control--default);
|
|
11452
|
-
--pf-v6-c-input-group__item--BorderWidth--base: var(--pf-t--global--border--width--control--default);
|
|
11453
|
-
--pf-v6-c-input-group__item--BorderColor--base: var(--pf-t--global--border--color--default);
|
|
11454
|
-
--pf-v6-c-input-group__item--BackgroundColor: transparent;
|
|
11455
|
-
--pf-v6-c-input-group__item--AlignItems: start;
|
|
11456
|
-
--pf-v6-c-input-group__item--m-box--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
11457
|
-
--pf-v6-c-input-group__item--m-box--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
11458
|
-
--pf-v6-c-input-group__item--m-box--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
11459
|
-
--pf-v6-c-input-group__item--m-box--BorderWidth: var(--pf-v6-c-input-group__item--BorderWidth--base);
|
|
11460
|
-
--pf-v6-c-input-group__item--m-box--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
11461
|
-
--pf-v6-c-input-group__item--m-box--BorderBlockStartColor: var(--pf-v6-c-input-group__item--BorderColor--base);
|
|
11462
|
-
--pf-v6-c-input-group__item--m-box--BorderInlineEndColor: var(--pf-v6-c-input-group__item--BorderColor--base);
|
|
11463
|
-
--pf-v6-c-input-group__item--m-box--BorderBlockEndColor: var(--pf-v6-c-input-group__item--BorderColor--base);
|
|
11464
|
-
--pf-v6-c-input-group__item--m-box--BorderInlineStartColor: var(--pf-v6-c-input-group__item--BorderColor--base);
|
|
11465
|
-
--pf-v6-c-input-group__item--m-plain--BackgroundColor: transparent;
|
|
11466
|
-
--pf-v6-c-input-group__text--FontSize: var(--pf-t--global--font--size--body--default);
|
|
11467
|
-
--pf-v6-c-input-group__text--Color: var(--pf-t--global--text--color--regular);
|
|
11468
|
-
--pf-v6-c-input-group__item--m-disabled__text--Color: var(--pf-t--global--text--color--on-disabled);
|
|
11469
|
-
--pf-v6-c-input-group__item--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
11470
|
-
}
|
|
11471
|
-
|
|
11472
|
-
.pf-v6-c-input-group {
|
|
11473
|
-
display: flex;
|
|
11474
|
-
gap: var(--pf-v6-c-input-group--Gap);
|
|
11475
|
-
width: 100%;
|
|
11476
|
-
}
|
|
11477
|
-
|
|
11478
|
-
.pf-v6-c-input-group__item {
|
|
11479
|
-
position: relative;
|
|
11480
|
-
display: flex;
|
|
11481
|
-
align-items: var(--pf-v6-c-input-group__item--AlignItems);
|
|
11482
|
-
min-width: var(--pf-v6-c-input-group__item--MinWidth, revert);
|
|
11483
|
-
max-width: var(--pf-v6-c-input-group__item--MaxWidth, revert);
|
|
11484
|
-
background-color: var(--pf-v6-c-input-group__item--BackgroundColor);
|
|
11485
|
-
border-block-start-color: var(--pf-v6-c-input-group__item--m-box--BorderBlockStartColor);
|
|
11486
|
-
border-block-end-color: var(--pf-v6-c-input-group__item--m-box--BorderBlockEndColor);
|
|
11487
|
-
border-inline-start-color: var(--pf-v6-c-input-group__item--m-box--BorderInlineStartColor);
|
|
11488
|
-
border-inline-end-color: var(--pf-v6-c-input-group__item--m-box--BorderInlineEndColor);
|
|
11489
|
-
}
|
|
11490
|
-
|
|
11491
|
-
.pf-v6-c-input-group__item.pf-m-box {
|
|
11492
|
-
--pf-v6-c-input-group__item--BackgroundColor: var(--pf-v6-c-input-group__item--m-box--BackgroundColor);
|
|
11493
|
-
padding-inline-start: var(--pf-v6-c-input-group__item--m-box--PaddingInlineStart);
|
|
11494
|
-
padding-inline-end: var(--pf-v6-c-input-group__item--m-box--PaddingInlineEnd);
|
|
11495
|
-
border: var(--pf-v6-c-input-group__item--m-box--BorderWidth) solid;
|
|
11496
|
-
border-block-start-color: var(--pf-v6-c-input-group__item--m-box--BorderBlockStartColor);
|
|
11497
|
-
border-block-end-color: var(--pf-v6-c-input-group__item--m-box--BorderBlockEndColor);
|
|
11498
|
-
border-inline-start-color: var(--pf-v6-c-input-group__item--m-box--BorderInlineStartColor);
|
|
11499
|
-
border-inline-end-color: var(--pf-v6-c-input-group__item--m-box--BorderInlineEndColor);
|
|
11500
|
-
border-radius: var(--pf-v6-c-input-group__item--m-box--BorderRadius);
|
|
11501
|
-
}
|
|
11502
|
-
|
|
11503
|
-
.pf-v6-c-input-group__item.pf-m-plain {
|
|
11504
|
-
--pf-v6-c-input-group__item--BackgroundColor: var(--pf-v6-c-input-group__item--m-plain--BackgroundColor);
|
|
11505
|
-
border: none;
|
|
11506
|
-
}
|
|
11507
|
-
|
|
11508
|
-
.pf-v6-c-input-group__item.pf-m-disabled {
|
|
11509
|
-
--pf-v6-c-input-group__item--BackgroundColor: var(--pf-v6-c-input-group__item--m-disabled--BackgroundColor);
|
|
11510
|
-
--pf-v6-c-input-group__text--Color: var(--pf-v6-c-input-group__item--m-disabled__text--Color);
|
|
11511
|
-
}
|
|
11512
|
-
|
|
11513
|
-
.pf-v6-c-input-group__item.pf-m-fill {
|
|
11514
|
-
flex-grow: 1;
|
|
11515
|
-
}
|
|
11516
|
-
|
|
11517
|
-
.pf-v6-c-input-group__text {
|
|
11518
|
-
align-self: center;
|
|
11519
|
-
font-size: var(--pf-v6-c-input-group__text--FontSize);
|
|
11520
|
-
color: var(--pf-v6-c-input-group__text--Color);
|
|
11521
|
-
}
|
|
11522
|
-
|
|
11523
|
-
label.pf-v6-c-input-group__text {
|
|
11524
|
-
cursor: pointer;
|
|
11525
|
-
}
|
|
11526
|
-
|
|
11527
11449
|
:where(:root, .pf-v6-c-jump-links) {
|
|
11528
11450
|
--pf-v6-c-jump-links__list--Display: flex;
|
|
11529
11451
|
--pf-v6-c-jump-links__list--PaddingBlockStart: 0;
|
|
@@ -12157,6 +12079,84 @@ label.pf-v6-c-input-group__text {
|
|
|
12157
12079
|
--pf-v6-c-sidebar__panel--FlexBasis: 100%;
|
|
12158
12080
|
}
|
|
12159
12081
|
}
|
|
12082
|
+
:where(:root, .pf-v6-c-input-group) {
|
|
12083
|
+
--pf-v6-c-input-group--Gap: var(--pf-t--global--spacer--xs);
|
|
12084
|
+
--pf-v6-c-input-group__item--offset: var(--pf-t--global--border--width--control--default);
|
|
12085
|
+
--pf-v6-c-input-group__item--BorderWidth--base: var(--pf-t--global--border--width--control--default);
|
|
12086
|
+
--pf-v6-c-input-group__item--BorderColor--base: var(--pf-t--global--border--color--default);
|
|
12087
|
+
--pf-v6-c-input-group__item--BackgroundColor: transparent;
|
|
12088
|
+
--pf-v6-c-input-group__item--AlignItems: start;
|
|
12089
|
+
--pf-v6-c-input-group__item--m-box--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
12090
|
+
--pf-v6-c-input-group__item--m-box--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
12091
|
+
--pf-v6-c-input-group__item--m-box--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
12092
|
+
--pf-v6-c-input-group__item--m-box--BorderWidth: var(--pf-v6-c-input-group__item--BorderWidth--base);
|
|
12093
|
+
--pf-v6-c-input-group__item--m-box--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
12094
|
+
--pf-v6-c-input-group__item--m-box--BorderBlockStartColor: var(--pf-v6-c-input-group__item--BorderColor--base);
|
|
12095
|
+
--pf-v6-c-input-group__item--m-box--BorderInlineEndColor: var(--pf-v6-c-input-group__item--BorderColor--base);
|
|
12096
|
+
--pf-v6-c-input-group__item--m-box--BorderBlockEndColor: var(--pf-v6-c-input-group__item--BorderColor--base);
|
|
12097
|
+
--pf-v6-c-input-group__item--m-box--BorderInlineStartColor: var(--pf-v6-c-input-group__item--BorderColor--base);
|
|
12098
|
+
--pf-v6-c-input-group__item--m-plain--BackgroundColor: transparent;
|
|
12099
|
+
--pf-v6-c-input-group__text--FontSize: var(--pf-t--global--font--size--body--default);
|
|
12100
|
+
--pf-v6-c-input-group__text--Color: var(--pf-t--global--text--color--regular);
|
|
12101
|
+
--pf-v6-c-input-group__item--m-disabled__text--Color: var(--pf-t--global--text--color--on-disabled);
|
|
12102
|
+
--pf-v6-c-input-group__item--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
12103
|
+
}
|
|
12104
|
+
|
|
12105
|
+
.pf-v6-c-input-group {
|
|
12106
|
+
display: flex;
|
|
12107
|
+
gap: var(--pf-v6-c-input-group--Gap);
|
|
12108
|
+
width: 100%;
|
|
12109
|
+
}
|
|
12110
|
+
|
|
12111
|
+
.pf-v6-c-input-group__item {
|
|
12112
|
+
position: relative;
|
|
12113
|
+
display: flex;
|
|
12114
|
+
align-items: var(--pf-v6-c-input-group__item--AlignItems);
|
|
12115
|
+
min-width: var(--pf-v6-c-input-group__item--MinWidth, revert);
|
|
12116
|
+
max-width: var(--pf-v6-c-input-group__item--MaxWidth, revert);
|
|
12117
|
+
background-color: var(--pf-v6-c-input-group__item--BackgroundColor);
|
|
12118
|
+
border-block-start-color: var(--pf-v6-c-input-group__item--m-box--BorderBlockStartColor);
|
|
12119
|
+
border-block-end-color: var(--pf-v6-c-input-group__item--m-box--BorderBlockEndColor);
|
|
12120
|
+
border-inline-start-color: var(--pf-v6-c-input-group__item--m-box--BorderInlineStartColor);
|
|
12121
|
+
border-inline-end-color: var(--pf-v6-c-input-group__item--m-box--BorderInlineEndColor);
|
|
12122
|
+
}
|
|
12123
|
+
|
|
12124
|
+
.pf-v6-c-input-group__item.pf-m-box {
|
|
12125
|
+
--pf-v6-c-input-group__item--BackgroundColor: var(--pf-v6-c-input-group__item--m-box--BackgroundColor);
|
|
12126
|
+
padding-inline-start: var(--pf-v6-c-input-group__item--m-box--PaddingInlineStart);
|
|
12127
|
+
padding-inline-end: var(--pf-v6-c-input-group__item--m-box--PaddingInlineEnd);
|
|
12128
|
+
border: var(--pf-v6-c-input-group__item--m-box--BorderWidth) solid;
|
|
12129
|
+
border-block-start-color: var(--pf-v6-c-input-group__item--m-box--BorderBlockStartColor);
|
|
12130
|
+
border-block-end-color: var(--pf-v6-c-input-group__item--m-box--BorderBlockEndColor);
|
|
12131
|
+
border-inline-start-color: var(--pf-v6-c-input-group__item--m-box--BorderInlineStartColor);
|
|
12132
|
+
border-inline-end-color: var(--pf-v6-c-input-group__item--m-box--BorderInlineEndColor);
|
|
12133
|
+
border-radius: var(--pf-v6-c-input-group__item--m-box--BorderRadius);
|
|
12134
|
+
}
|
|
12135
|
+
|
|
12136
|
+
.pf-v6-c-input-group__item.pf-m-plain {
|
|
12137
|
+
--pf-v6-c-input-group__item--BackgroundColor: var(--pf-v6-c-input-group__item--m-plain--BackgroundColor);
|
|
12138
|
+
border: none;
|
|
12139
|
+
}
|
|
12140
|
+
|
|
12141
|
+
.pf-v6-c-input-group__item.pf-m-disabled {
|
|
12142
|
+
--pf-v6-c-input-group__item--BackgroundColor: var(--pf-v6-c-input-group__item--m-disabled--BackgroundColor);
|
|
12143
|
+
--pf-v6-c-input-group__text--Color: var(--pf-v6-c-input-group__item--m-disabled__text--Color);
|
|
12144
|
+
}
|
|
12145
|
+
|
|
12146
|
+
.pf-v6-c-input-group__item.pf-m-fill {
|
|
12147
|
+
flex-grow: 1;
|
|
12148
|
+
}
|
|
12149
|
+
|
|
12150
|
+
.pf-v6-c-input-group__text {
|
|
12151
|
+
align-self: center;
|
|
12152
|
+
font-size: var(--pf-v6-c-input-group__text--FontSize);
|
|
12153
|
+
color: var(--pf-v6-c-input-group__text--Color);
|
|
12154
|
+
}
|
|
12155
|
+
|
|
12156
|
+
label.pf-v6-c-input-group__text {
|
|
12157
|
+
cursor: pointer;
|
|
12158
|
+
}
|
|
12159
|
+
|
|
12160
12160
|
:where(:root, .pf-v6-c-label) {
|
|
12161
12161
|
--pf-v6-c-label--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
12162
12162
|
--pf-v6-c-label--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
@@ -17607,113 +17607,323 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
17607
17607
|
margin-block-start: var(--pf-v6-c-simple-list__section--section--MarginBlockStart);
|
|
17608
17608
|
}
|
|
17609
17609
|
|
|
17610
|
-
:where(:root, .pf-v6-c-
|
|
17611
|
-
--pf-v6-c-
|
|
17612
|
-
--pf-v6-c-
|
|
17613
|
-
--pf-v6-c-
|
|
17614
|
-
--pf-v6-c-slider__rail--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
17615
|
-
--pf-v6-c-slider__rail-track--Height: 0.25rem;
|
|
17616
|
-
--pf-v6-c-slider__rail-track--before--base--BackgroundColor: var(--pf-t--global--border--color--default);
|
|
17617
|
-
--pf-v6-c-slider__rail-track--before--fill--BackgroundColor: var(--pf-t--global--border--color--hover);
|
|
17618
|
-
--pf-v6-c-slider__rail-track--before--BorderRadius: var(--pf-t--global--border--radius--tiny);
|
|
17619
|
-
--pf-v6-c-slider__rail-track--before--fill--BackgroundColor--gradient-stop: var(--pf-v6-c-slider--value);
|
|
17620
|
-
--pf-v6-c-slider__steps--FontSize: var(--pf-t--global--font--size--sm);
|
|
17621
|
-
--pf-v6-c-slider__steps--Height: var(--pf-v6-c-slider__steps--FontSize);
|
|
17622
|
-
--pf-v6-c-slider__step-tick--InsetBlockStart: var(--pf-t--global--spacer--md);
|
|
17623
|
-
--pf-v6-c-slider__step-tick--Width: 0.25rem;
|
|
17624
|
-
--pf-v6-c-slider__step-tick--Height: 0.25rem;
|
|
17625
|
-
--pf-v6-c-slider__step-tick--BackgroundColor: var(--pf-t--global--icon--color--subtle);
|
|
17626
|
-
--pf-v6-c-slider__step-tick--TranslateX: -50%;
|
|
17627
|
-
--pf-v6-c-slider__step-tick--BorderRadius: var(--pf-t--global--border--radius--large);
|
|
17628
|
-
--pf-v6-c-slider__step--m-active__slider-tick--BackgroundColor: var(--pf-t--global--icon--color--brand--clicked);
|
|
17629
|
-
--pf-v6-c-slider__step--first-child__step-tick--TranslateX: 0;
|
|
17630
|
-
--pf-v6-c-slider__step--last-child__step-tick--TranslateX: -100%;
|
|
17631
|
-
--pf-v6-c-slider__step-label--TranslateX: -50%;
|
|
17632
|
-
--pf-v6-c-slider__step-label--InsetBlockStart: calc(var(--pf-t--global--spacer--xl) + var(--pf-v6-c-slider__rail-track--Height));
|
|
17633
|
-
--pf-v6-c-slider__step--first-child__step-label--TranslateX: 0;
|
|
17634
|
-
--pf-v6-c-slider__step--last-child__step-label--TranslateX: -100%;
|
|
17635
|
-
--pf-v6-c-slider__thumb--InsetBlockStart: calc(var(--pf-v6-c-slider__rail-track--Height) / 2 + var(--pf-t--global--spacer--md));
|
|
17636
|
-
--pf-v6-c-slider__thumb--Width: 1rem;
|
|
17637
|
-
--pf-v6-c-slider__thumb--Height: 1rem;
|
|
17638
|
-
--pf-v6-c-slider__thumb--InsetInlineStart: var(--pf-v6-c-slider--value);
|
|
17639
|
-
--pf-v6-c-slider__thumb--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
17640
|
-
--pf-v6-c-slider__thumb--TranslateX: -50%;
|
|
17641
|
-
--pf-v6-c-slider__thumb--TranslateY: -50%;
|
|
17642
|
-
--pf-v6-c-slider__thumb--BorderRadius: var(--pf-t--global--border--radius--large);
|
|
17643
|
-
--pf-v6-c-slider__thumb--BoxShadow--base:
|
|
17644
|
-
0 0 0 2px var(--pf-t--global--background--color--primary--default),
|
|
17645
|
-
0 0 0 3px var(--pf-t--global--color--brand--default);
|
|
17646
|
-
--pf-v6-c-slider__thumb--hover--BoxShadow: var(--pf-v6-c-slider__thumb--BoxShadow--base);
|
|
17647
|
-
--pf-v6-c-slider__thumb--focus--BoxShadow: var(--pf-v6-c-slider__thumb--BoxShadow--base);
|
|
17648
|
-
--pf-v6-c-slider__thumb--active--BoxShadow:
|
|
17649
|
-
var(--pf-v6-c-slider__thumb--BoxShadow--base),
|
|
17650
|
-
0 0 2px 5px var(--pf-t--global--color--nonstatus--blue--clicked);
|
|
17651
|
-
--pf-v6-c-slider__thumb--before--Width: 44px;
|
|
17652
|
-
--pf-v6-c-slider__thumb--before--Height: var(--pf-v6-c-slider__thumb--before--Width);
|
|
17653
|
-
--pf-v6-c-slider__thumb--before--BorderRadius: var(--pf-t--global--border--radius--large);
|
|
17654
|
-
--pf-v6-c-slider__thumb--before--TranslateX: -50%;
|
|
17655
|
-
--pf-v6-c-slider__thumb--before--TranslateY: -50%;
|
|
17656
|
-
--pf-v6-c-slider__value--MarginInlineStart: var(--pf-t--global--spacer--md);
|
|
17657
|
-
--pf-v6-c-slider__value--c-form-control--width-base: calc(var(--pf-v6-c-form-control--PaddingInlineStart) + var(--pf-v6-c-form-control--PaddingInlineEnd) + 1.25rem);
|
|
17658
|
-
--pf-v6-c-slider__value--c-form-control--width-chars: 3;
|
|
17659
|
-
--pf-v6-c-slider__value--c-form-control--Width: calc(var(--pf-v6-c-slider__value--c-form-control--width-base) + var(--pf-v6-c-slider__value--c-form-control--width-chars) * 1ch);
|
|
17660
|
-
--pf-v6-c-slider__value--m-floating--TranslateX: -50%;
|
|
17661
|
-
--pf-v6-c-slider__value--m-floating--TranslateY: -100%;
|
|
17662
|
-
--pf-v6-c-slider__value--m-floating--InsetInlineStart: var(--pf-v6-c-slider--value);
|
|
17663
|
-
--pf-v6-c-slider__value--m-floating--ZIndex: var(--pf-t--global--z-index--sm);
|
|
17664
|
-
--pf-v6-c-slider__actions--MarginInlineEnd: var(--pf-t--global--spacer--sm);
|
|
17665
|
-
--pf-v6-c-slider__main--actions--MarginInlineStart: var(--pf-t--global--spacer--sm);
|
|
17666
|
-
--pf-v6-c-slider--m-disabled__rail-track--before--fill--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
17667
|
-
--pf-v6-c-slider--m-disabled__step--m-active__slider-tick--BackgroundColor: var(--pf-t--global--icon--color--disabled);
|
|
17668
|
-
--pf-v6-c-slider--m-disabled__thumb--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
17669
|
-
}
|
|
17670
|
-
|
|
17671
|
-
.pf-v6-c-slider {
|
|
17672
|
-
--pf-v6-c-slider__rail-track--before--fill--direction: right;
|
|
17673
|
-
display: flex;
|
|
17674
|
-
}
|
|
17675
|
-
|
|
17676
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider {
|
|
17677
|
-
--pf-v6-c-slider__rail-track--before--fill--direction: left;
|
|
17610
|
+
:where(:root, .pf-v6-c-skip-to-content) {
|
|
17611
|
+
--pf-v6-c-skip-to-content--InsetBlockStart: var(--pf-t--global--spacer--md);
|
|
17612
|
+
--pf-v6-c-skip-to-content--ZIndex: var(--pf-t--global--z-index--2xl);
|
|
17613
|
+
--pf-v6-c-skip-to-content--focus--InsetInlineStart: var(--pf-t--global--spacer--md);
|
|
17678
17614
|
}
|
|
17679
17615
|
|
|
17680
|
-
.pf-v6-c-
|
|
17681
|
-
|
|
17682
|
-
|
|
17683
|
-
|
|
17616
|
+
.pf-v6-c-skip-to-content {
|
|
17617
|
+
position: absolute;
|
|
17618
|
+
inset-block-start: var(--pf-v6-c-skip-to-content--InsetBlockStart);
|
|
17619
|
+
inset-inline-start: -300%;
|
|
17620
|
+
z-index: var(--pf-v6-c-skip-to-content--ZIndex);
|
|
17684
17621
|
}
|
|
17685
17622
|
|
|
17686
|
-
.pf-v6-c-
|
|
17687
|
-
|
|
17688
|
-
cursor: not-allowed;
|
|
17623
|
+
.pf-v6-c-skip-to-content:focus-within {
|
|
17624
|
+
inset-inline-start: var(--pf-v6-c-skip-to-content--focus--InsetInlineStart);
|
|
17689
17625
|
}
|
|
17690
17626
|
|
|
17691
|
-
|
|
17692
|
-
--pf-v6-c-
|
|
17627
|
+
:where(:root, .pf-v6-c-skeleton) {
|
|
17628
|
+
--pf-v6-c-skeleton--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
17629
|
+
--pf-v6-c-skeleton--Width: auto;
|
|
17630
|
+
--pf-v6-c-skeleton--Height: auto;
|
|
17631
|
+
--pf-v6-c-skeleton--BorderRadius: var(--pf-t--global--spacer--sm);
|
|
17632
|
+
--pf-v6-c-skeleton--before--PaddingBlockEnd: 0;
|
|
17633
|
+
--pf-v6-c-skeleton--before--Height: auto;
|
|
17634
|
+
--pf-v6-c-skeleton--before--Content: " ";
|
|
17635
|
+
--pf-v6-c-skeleton--after--LinearGradientAngle: 90deg;
|
|
17636
|
+
--pf-v6-c-skeleton--after--LinearGradientColorStop1: var(--pf-t--global--background--color--secondary--default);
|
|
17637
|
+
--pf-v6-c-skeleton--after--LinearGradientColorStop2: var(--pf-t--global--background--color--secondary--hover);
|
|
17638
|
+
--pf-v6-c-skeleton--after--LinearGradientColorStop3: var(--pf-t--global--background--color--secondary--default);
|
|
17639
|
+
--pf-v6-c-skeleton--after--TranslateX: -100%;
|
|
17640
|
+
--pf-v6-c-skeleton--after--AnimationName: pf-v6-c-skeleton-loading;
|
|
17641
|
+
--pf-v6-c-skeleton--after--AnimationDuration: 3s;
|
|
17642
|
+
--pf-v6-c-skeleton--after--AnimationIterationCount: infinite;
|
|
17643
|
+
--pf-v6-c-skeleton--after--AnimationTimingFunction: linear;
|
|
17644
|
+
--pf-v6-c-skeleton--after--AnimationDelay: .5s;
|
|
17645
|
+
--pf-v6-c-skeleton--m-circle--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
17646
|
+
--pf-v6-c-skeleton--m-circle--before--PaddingBlockEnd: 100%;
|
|
17647
|
+
--pf-v6-c-skeleton--m-text-4xl--Height: calc(var(--pf-t--global--font--size--4xl) * var(--pf-t--global--font--line-height--heading));
|
|
17648
|
+
--pf-v6-c-skeleton--m-text-3xl--Height: calc(var(--pf-t--global--font--size--3xl) * var(--pf-t--global--font--line-height--heading));
|
|
17649
|
+
--pf-v6-c-skeleton--m-text-2xl--Height: calc(var(--pf-t--global--font--size--2xl) * var(--pf-t--global--font--line-height--heading));
|
|
17650
|
+
--pf-v6-c-skeleton--m-text-xl--Height: calc(var(--pf-t--global--font--size--xl) * var(--pf-t--global--font--line-height--heading));
|
|
17651
|
+
--pf-v6-c-skeleton--m-text-lg--Height: calc(var(--pf-t--global--font--size--lg) * var(--pf-t--global--font--line-height--body));
|
|
17652
|
+
--pf-v6-c-skeleton--m-text-md--Height: calc(var(--pf-t--global--font--size--md) * var(--pf-t--global--font--line-height--body));
|
|
17653
|
+
--pf-v6-c-skeleton--m-text-sm--Height: calc(var(--pf-t--global--font--size--sm) * var(--pf-t--global--font--line-height--body));
|
|
17654
|
+
--pf-v6-c-skeleton--m-width-sm--Width: 6.25rem;
|
|
17655
|
+
--pf-v6-c-skeleton--m-width-md--Width: 12.5rem;
|
|
17656
|
+
--pf-v6-c-skeleton--m-width-lg--Width: 18.75rem;
|
|
17657
|
+
--pf-v6-c-skeleton--m-width-25--Width: 25%;
|
|
17658
|
+
--pf-v6-c-skeleton--m-width-33--Width: calc(100% / 3);
|
|
17659
|
+
--pf-v6-c-skeleton--m-width-50--Width: 50%;
|
|
17660
|
+
--pf-v6-c-skeleton--m-width-66--Width: calc(100% / 3 * 2);
|
|
17661
|
+
--pf-v6-c-skeleton--m-width-75--Width: 75%;
|
|
17662
|
+
--pf-v6-c-skeleton--m-height-sm--Height: 6.25rem;
|
|
17663
|
+
--pf-v6-c-skeleton--m-height-md--Height: 12.5rem;
|
|
17664
|
+
--pf-v6-c-skeleton--m-height-lg--Height: 18.75rem;
|
|
17665
|
+
--pf-v6-c-skeleton--m-height-25--Height: 25%;
|
|
17666
|
+
--pf-v6-c-skeleton--m-height-33--Height: calc(100% / 3);
|
|
17667
|
+
--pf-v6-c-skeleton--m-height-50--Height: 50%;
|
|
17668
|
+
--pf-v6-c-skeleton--m-height-66--Height: calc(100% / 3 * 2);
|
|
17669
|
+
--pf-v6-c-skeleton--m-height-75--Height: 75%;
|
|
17670
|
+
--pf-v6-c-skeleton--m-height-100--Height: 100%;
|
|
17693
17671
|
}
|
|
17694
17672
|
|
|
17695
|
-
.pf-v6-c-
|
|
17673
|
+
.pf-v6-c-skeleton {
|
|
17696
17674
|
position: relative;
|
|
17697
|
-
|
|
17698
|
-
|
|
17699
|
-
|
|
17700
|
-
|
|
17701
|
-
|
|
17702
|
-
|
|
17675
|
+
width: var(--pf-v6-c-skeleton--Width);
|
|
17676
|
+
height: var(--pf-v6-c-skeleton--Height);
|
|
17677
|
+
overflow: hidden;
|
|
17678
|
+
background-color: var(--pf-v6-c-skeleton--BackgroundColor);
|
|
17679
|
+
border-radius: var(--pf-v6-c-skeleton--BorderRadius);
|
|
17680
|
+
transform: translate(0);
|
|
17703
17681
|
}
|
|
17704
17682
|
|
|
17705
|
-
.pf-v6-c-
|
|
17706
|
-
|
|
17707
|
-
height: var(--pf-v6-c-
|
|
17683
|
+
.pf-v6-c-skeleton::before {
|
|
17684
|
+
display: block;
|
|
17685
|
+
height: var(--pf-v6-c-skeleton--before--Height);
|
|
17686
|
+
padding-block-end: var(--pf-v6-c-skeleton--before--PaddingBlockEnd);
|
|
17687
|
+
content: var(--pf-v6-c-skeleton--before--Content);
|
|
17708
17688
|
}
|
|
17709
17689
|
|
|
17710
|
-
.pf-v6-c-
|
|
17690
|
+
.pf-v6-c-skeleton::after {
|
|
17711
17691
|
position: absolute;
|
|
17712
17692
|
inset: 0;
|
|
17693
|
+
display: block;
|
|
17713
17694
|
content: "";
|
|
17714
|
-
background: linear-gradient(
|
|
17715
|
-
|
|
17716
|
-
|
|
17695
|
+
background: linear-gradient(var(--pf-v6-c-skeleton--after--LinearGradientAngle), var(--pf-v6-c-skeleton--after--LinearGradientColorStop1), var(--pf-v6-c-skeleton--after--LinearGradientColorStop2), var(--pf-v6-c-skeleton--after--LinearGradientColorStop3));
|
|
17696
|
+
transform: translate3d(var(--pf-v6-c-skeleton--after--TranslateX), 0, 0);
|
|
17697
|
+
animation: var(--pf-v6-c-skeleton--after--AnimationName) var(--pf-v6-c-skeleton--after--AnimationDuration) var(--pf-v6-c-skeleton--after--AnimationTimingFunction) var(--pf-v6-c-skeleton--after--AnimationDelay) var(--pf-v6-c-skeleton--after--AnimationIterationCount);
|
|
17698
|
+
}
|
|
17699
|
+
|
|
17700
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-skeleton::after {
|
|
17701
|
+
scale: -1 1;
|
|
17702
|
+
}
|
|
17703
|
+
|
|
17704
|
+
.pf-v6-c-skeleton.pf-m-circle {
|
|
17705
|
+
--pf-v6-c-skeleton--BorderRadius: var(--pf-v6-c-skeleton--m-circle--BorderRadius);
|
|
17706
|
+
}
|
|
17707
|
+
|
|
17708
|
+
.pf-v6-c-skeleton.pf-m-square, .pf-v6-c-skeleton.pf-m-circle {
|
|
17709
|
+
--pf-v6-c-skeleton--before--Height: 0;
|
|
17710
|
+
--pf-v6-c-skeleton--before--PaddingBlockEnd: var(--pf-v6-c-skeleton--m-circle--before--PaddingBlockEnd);
|
|
17711
|
+
}
|
|
17712
|
+
|
|
17713
|
+
.pf-v6-c-skeleton.pf-m-width-sm {
|
|
17714
|
+
--pf-v6-c-skeleton--Width: var(--pf-v6-c-skeleton--m-width-sm--Width);
|
|
17715
|
+
}
|
|
17716
|
+
|
|
17717
|
+
.pf-v6-c-skeleton.pf-m-width-md {
|
|
17718
|
+
--pf-v6-c-skeleton--Width: var(--pf-v6-c-skeleton--m-width-md--Width);
|
|
17719
|
+
}
|
|
17720
|
+
|
|
17721
|
+
.pf-v6-c-skeleton.pf-m-width-lg {
|
|
17722
|
+
--pf-v6-c-skeleton--Width: var(--pf-v6-c-skeleton--m-width-lg--Width);
|
|
17723
|
+
}
|
|
17724
|
+
|
|
17725
|
+
.pf-v6-c-skeleton.pf-m-width-25 {
|
|
17726
|
+
--pf-v6-c-skeleton--Width: var(--pf-v6-c-skeleton--m-width-25--Width);
|
|
17727
|
+
}
|
|
17728
|
+
|
|
17729
|
+
.pf-v6-c-skeleton.pf-m-width-33 {
|
|
17730
|
+
--pf-v6-c-skeleton--Width: var(--pf-v6-c-skeleton--m-width-33--Width);
|
|
17731
|
+
}
|
|
17732
|
+
|
|
17733
|
+
.pf-v6-c-skeleton.pf-m-width-50 {
|
|
17734
|
+
--pf-v6-c-skeleton--Width: var(--pf-v6-c-skeleton--m-width-50--Width);
|
|
17735
|
+
}
|
|
17736
|
+
|
|
17737
|
+
.pf-v6-c-skeleton.pf-m-width-66 {
|
|
17738
|
+
--pf-v6-c-skeleton--Width: var(--pf-v6-c-skeleton--m-width-66--Width);
|
|
17739
|
+
}
|
|
17740
|
+
|
|
17741
|
+
.pf-v6-c-skeleton.pf-m-width-75 {
|
|
17742
|
+
--pf-v6-c-skeleton--Width: var(--pf-v6-c-skeleton--m-width-75--Width);
|
|
17743
|
+
}
|
|
17744
|
+
|
|
17745
|
+
.pf-v6-c-skeleton.pf-m-height-sm {
|
|
17746
|
+
--pf-v6-c-skeleton--Height: var(--pf-v6-c-skeleton--m-height-sm--Height);
|
|
17747
|
+
}
|
|
17748
|
+
|
|
17749
|
+
.pf-v6-c-skeleton.pf-m-height-md {
|
|
17750
|
+
--pf-v6-c-skeleton--Height: var(--pf-v6-c-skeleton--m-height-md--Height);
|
|
17751
|
+
}
|
|
17752
|
+
|
|
17753
|
+
.pf-v6-c-skeleton.pf-m-height-lg {
|
|
17754
|
+
--pf-v6-c-skeleton--Height: var(--pf-v6-c-skeleton--m-height-lg--Height);
|
|
17755
|
+
}
|
|
17756
|
+
|
|
17757
|
+
.pf-v6-c-skeleton.pf-m-height-25 {
|
|
17758
|
+
--pf-v6-c-skeleton--Height: var(--pf-v6-c-skeleton--m-height-25--Height);
|
|
17759
|
+
}
|
|
17760
|
+
|
|
17761
|
+
.pf-v6-c-skeleton.pf-m-height-33 {
|
|
17762
|
+
--pf-v6-c-skeleton--Height: var(--pf-v6-c-skeleton--m-height-33--Height);
|
|
17763
|
+
}
|
|
17764
|
+
|
|
17765
|
+
.pf-v6-c-skeleton.pf-m-height-50 {
|
|
17766
|
+
--pf-v6-c-skeleton--Height: var(--pf-v6-c-skeleton--m-height-50--Height);
|
|
17767
|
+
}
|
|
17768
|
+
|
|
17769
|
+
.pf-v6-c-skeleton.pf-m-height-66 {
|
|
17770
|
+
--pf-v6-c-skeleton--Height: var(--pf-v6-c-skeleton--m-height-66--Height);
|
|
17771
|
+
}
|
|
17772
|
+
|
|
17773
|
+
.pf-v6-c-skeleton.pf-m-height-75 {
|
|
17774
|
+
--pf-v6-c-skeleton--Height: var(--pf-v6-c-skeleton--m-height-75--Height);
|
|
17775
|
+
}
|
|
17776
|
+
|
|
17777
|
+
.pf-v6-c-skeleton.pf-m-height-100 {
|
|
17778
|
+
--pf-v6-c-skeleton--Height: var(--pf-v6-c-skeleton--m-height-100--Height);
|
|
17779
|
+
}
|
|
17780
|
+
|
|
17781
|
+
.pf-v6-c-skeleton.pf-m-text-4xl {
|
|
17782
|
+
--pf-v6-c-skeleton--Height: var(--pf-v6-c-skeleton--m-text-4xl--Height);
|
|
17783
|
+
}
|
|
17784
|
+
|
|
17785
|
+
.pf-v6-c-skeleton.pf-m-text-3xl {
|
|
17786
|
+
--pf-v6-c-skeleton--Height: var(--pf-v6-c-skeleton--m-text-3xl--Height);
|
|
17787
|
+
}
|
|
17788
|
+
|
|
17789
|
+
.pf-v6-c-skeleton.pf-m-text-2xl {
|
|
17790
|
+
--pf-v6-c-skeleton--Height: var(--pf-v6-c-skeleton--m-text-2xl--Height);
|
|
17791
|
+
}
|
|
17792
|
+
|
|
17793
|
+
.pf-v6-c-skeleton.pf-m-text-xl {
|
|
17794
|
+
--pf-v6-c-skeleton--Height: var(--pf-v6-c-skeleton--m-text-xl--Height);
|
|
17795
|
+
}
|
|
17796
|
+
|
|
17797
|
+
.pf-v6-c-skeleton.pf-m-text-lg {
|
|
17798
|
+
--pf-v6-c-skeleton--Height: var(--pf-v6-c-skeleton--m-text-lg--Height);
|
|
17799
|
+
}
|
|
17800
|
+
|
|
17801
|
+
.pf-v6-c-skeleton.pf-m-text-md {
|
|
17802
|
+
--pf-v6-c-skeleton--Height: var(--pf-v6-c-skeleton--m-text-md--Height);
|
|
17803
|
+
}
|
|
17804
|
+
|
|
17805
|
+
.pf-v6-c-skeleton.pf-m-text-sm {
|
|
17806
|
+
--pf-v6-c-skeleton--Height: var(--pf-v6-c-skeleton--m-text-sm--Height);
|
|
17807
|
+
}
|
|
17808
|
+
|
|
17809
|
+
@keyframes pf-v6-c-skeleton-loading {
|
|
17810
|
+
0% {
|
|
17811
|
+
transform: translateX(-100%);
|
|
17812
|
+
}
|
|
17813
|
+
60% {
|
|
17814
|
+
transform: translateX(100%);
|
|
17815
|
+
}
|
|
17816
|
+
100% {
|
|
17817
|
+
transform: translateX(100%);
|
|
17818
|
+
}
|
|
17819
|
+
}
|
|
17820
|
+
:where(:root, .pf-v6-c-slider) {
|
|
17821
|
+
--pf-v6-c-slider--value: 0;
|
|
17822
|
+
--pf-v6-c-slider__step--InsetInlineStart: 0;
|
|
17823
|
+
--pf-v6-c-slider__rail--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
17824
|
+
--pf-v6-c-slider__rail--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
17825
|
+
--pf-v6-c-slider__rail-track--Height: 0.25rem;
|
|
17826
|
+
--pf-v6-c-slider__rail-track--before--base--BackgroundColor: var(--pf-t--global--border--color--default);
|
|
17827
|
+
--pf-v6-c-slider__rail-track--before--fill--BackgroundColor: var(--pf-t--global--border--color--hover);
|
|
17828
|
+
--pf-v6-c-slider__rail-track--before--BorderRadius: var(--pf-t--global--border--radius--tiny);
|
|
17829
|
+
--pf-v6-c-slider__rail-track--before--fill--BackgroundColor--gradient-stop: var(--pf-v6-c-slider--value);
|
|
17830
|
+
--pf-v6-c-slider__steps--FontSize: var(--pf-t--global--font--size--sm);
|
|
17831
|
+
--pf-v6-c-slider__steps--Height: var(--pf-v6-c-slider__steps--FontSize);
|
|
17832
|
+
--pf-v6-c-slider__step-tick--InsetBlockStart: var(--pf-t--global--spacer--md);
|
|
17833
|
+
--pf-v6-c-slider__step-tick--Width: 0.25rem;
|
|
17834
|
+
--pf-v6-c-slider__step-tick--Height: 0.25rem;
|
|
17835
|
+
--pf-v6-c-slider__step-tick--BackgroundColor: var(--pf-t--global--icon--color--subtle);
|
|
17836
|
+
--pf-v6-c-slider__step-tick--TranslateX: -50%;
|
|
17837
|
+
--pf-v6-c-slider__step-tick--BorderRadius: var(--pf-t--global--border--radius--large);
|
|
17838
|
+
--pf-v6-c-slider__step--m-active__slider-tick--BackgroundColor: var(--pf-t--global--icon--color--brand--clicked);
|
|
17839
|
+
--pf-v6-c-slider__step--first-child__step-tick--TranslateX: 0;
|
|
17840
|
+
--pf-v6-c-slider__step--last-child__step-tick--TranslateX: -100%;
|
|
17841
|
+
--pf-v6-c-slider__step-label--TranslateX: -50%;
|
|
17842
|
+
--pf-v6-c-slider__step-label--InsetBlockStart: calc(var(--pf-t--global--spacer--xl) + var(--pf-v6-c-slider__rail-track--Height));
|
|
17843
|
+
--pf-v6-c-slider__step--first-child__step-label--TranslateX: 0;
|
|
17844
|
+
--pf-v6-c-slider__step--last-child__step-label--TranslateX: -100%;
|
|
17845
|
+
--pf-v6-c-slider__thumb--InsetBlockStart: calc(var(--pf-v6-c-slider__rail-track--Height) / 2 + var(--pf-t--global--spacer--md));
|
|
17846
|
+
--pf-v6-c-slider__thumb--Width: 1rem;
|
|
17847
|
+
--pf-v6-c-slider__thumb--Height: 1rem;
|
|
17848
|
+
--pf-v6-c-slider__thumb--InsetInlineStart: var(--pf-v6-c-slider--value);
|
|
17849
|
+
--pf-v6-c-slider__thumb--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
17850
|
+
--pf-v6-c-slider__thumb--TranslateX: -50%;
|
|
17851
|
+
--pf-v6-c-slider__thumb--TranslateY: -50%;
|
|
17852
|
+
--pf-v6-c-slider__thumb--BorderRadius: var(--pf-t--global--border--radius--large);
|
|
17853
|
+
--pf-v6-c-slider__thumb--BoxShadow--base:
|
|
17854
|
+
0 0 0 2px var(--pf-t--global--background--color--primary--default),
|
|
17855
|
+
0 0 0 3px var(--pf-t--global--color--brand--default);
|
|
17856
|
+
--pf-v6-c-slider__thumb--hover--BoxShadow: var(--pf-v6-c-slider__thumb--BoxShadow--base);
|
|
17857
|
+
--pf-v6-c-slider__thumb--focus--BoxShadow: var(--pf-v6-c-slider__thumb--BoxShadow--base);
|
|
17858
|
+
--pf-v6-c-slider__thumb--active--BoxShadow:
|
|
17859
|
+
var(--pf-v6-c-slider__thumb--BoxShadow--base),
|
|
17860
|
+
0 0 2px 5px var(--pf-t--global--color--nonstatus--blue--clicked);
|
|
17861
|
+
--pf-v6-c-slider__thumb--before--Width: 44px;
|
|
17862
|
+
--pf-v6-c-slider__thumb--before--Height: var(--pf-v6-c-slider__thumb--before--Width);
|
|
17863
|
+
--pf-v6-c-slider__thumb--before--BorderRadius: var(--pf-t--global--border--radius--large);
|
|
17864
|
+
--pf-v6-c-slider__thumb--before--TranslateX: -50%;
|
|
17865
|
+
--pf-v6-c-slider__thumb--before--TranslateY: -50%;
|
|
17866
|
+
--pf-v6-c-slider__value--MarginInlineStart: var(--pf-t--global--spacer--md);
|
|
17867
|
+
--pf-v6-c-slider__value--c-form-control--width-base: calc(var(--pf-v6-c-form-control--PaddingInlineStart) + var(--pf-v6-c-form-control--PaddingInlineEnd) + 1.25rem);
|
|
17868
|
+
--pf-v6-c-slider__value--c-form-control--width-chars: 3;
|
|
17869
|
+
--pf-v6-c-slider__value--c-form-control--Width: calc(var(--pf-v6-c-slider__value--c-form-control--width-base) + var(--pf-v6-c-slider__value--c-form-control--width-chars) * 1ch);
|
|
17870
|
+
--pf-v6-c-slider__value--m-floating--TranslateX: -50%;
|
|
17871
|
+
--pf-v6-c-slider__value--m-floating--TranslateY: -100%;
|
|
17872
|
+
--pf-v6-c-slider__value--m-floating--InsetInlineStart: var(--pf-v6-c-slider--value);
|
|
17873
|
+
--pf-v6-c-slider__value--m-floating--ZIndex: var(--pf-t--global--z-index--sm);
|
|
17874
|
+
--pf-v6-c-slider__actions--MarginInlineEnd: var(--pf-t--global--spacer--sm);
|
|
17875
|
+
--pf-v6-c-slider__main--actions--MarginInlineStart: var(--pf-t--global--spacer--sm);
|
|
17876
|
+
--pf-v6-c-slider--m-disabled__rail-track--before--fill--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
17877
|
+
--pf-v6-c-slider--m-disabled__step--m-active__slider-tick--BackgroundColor: var(--pf-t--global--icon--color--disabled);
|
|
17878
|
+
--pf-v6-c-slider--m-disabled__thumb--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
17879
|
+
}
|
|
17880
|
+
|
|
17881
|
+
.pf-v6-c-slider {
|
|
17882
|
+
--pf-v6-c-slider__rail-track--before--fill--direction: right;
|
|
17883
|
+
display: flex;
|
|
17884
|
+
}
|
|
17885
|
+
|
|
17886
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider {
|
|
17887
|
+
--pf-v6-c-slider__rail-track--before--fill--direction: left;
|
|
17888
|
+
}
|
|
17889
|
+
|
|
17890
|
+
.pf-v6-c-slider.pf-m-disabled {
|
|
17891
|
+
--pf-v6-c-slider__rail-track--before--fill--BackgroundColor: var(--pf-v6-c-slider--m-disabled__rail-track--before--fill--BackgroundColor);
|
|
17892
|
+
--pf-v6-c-slider__step--m-active__slider-tick--BackgroundColor: var(--pf-v6-c-slider--m-disabled__step--m-active__slider-tick--BackgroundColor);
|
|
17893
|
+
--pf-v6-c-slider__thumb--BackgroundColor: var(--pf-v6-c-slider--m-disabled__thumb--BackgroundColor);
|
|
17894
|
+
}
|
|
17895
|
+
|
|
17896
|
+
.pf-v6-c-slider.pf-m-disabled .pf-v6-c-slider__rail,
|
|
17897
|
+
.pf-v6-c-slider.pf-m-disabled .pf-v6-c-slider__thumb {
|
|
17898
|
+
cursor: not-allowed;
|
|
17899
|
+
}
|
|
17900
|
+
|
|
17901
|
+
.pf-v6-c-slider.pf-m-disabled .pf-v6-c-slider__thumb {
|
|
17902
|
+
--pf-v6-c-slider__thumb--BoxShadow: none;
|
|
17903
|
+
}
|
|
17904
|
+
|
|
17905
|
+
.pf-v6-c-slider__main {
|
|
17906
|
+
position: relative;
|
|
17907
|
+
flex-grow: 1;
|
|
17908
|
+
}
|
|
17909
|
+
|
|
17910
|
+
.pf-v6-c-slider__rail {
|
|
17911
|
+
padding-block-start: var(--pf-v6-c-slider__rail--PaddingBlockStart);
|
|
17912
|
+
padding-block-end: var(--pf-v6-c-slider__rail--PaddingBlockEnd);
|
|
17913
|
+
}
|
|
17914
|
+
|
|
17915
|
+
.pf-v6-c-slider__rail-track {
|
|
17916
|
+
position: relative;
|
|
17917
|
+
height: var(--pf-v6-c-slider__rail-track--Height);
|
|
17918
|
+
}
|
|
17919
|
+
|
|
17920
|
+
.pf-v6-c-slider__rail-track::before {
|
|
17921
|
+
position: absolute;
|
|
17922
|
+
inset: 0;
|
|
17923
|
+
content: "";
|
|
17924
|
+
background: linear-gradient(to var(--pf-v6-c-slider__rail-track--before--fill--direction), var(--pf-v6-c-slider__rail-track--before--fill--BackgroundColor), var(--pf-v6-c-slider__rail-track--before--fill--BackgroundColor) var(--pf-v6-c-slider__rail-track--before--fill--BackgroundColor--gradient-stop), var(--pf-v6-c-slider__rail-track--before--base--BackgroundColor) var(--pf-v6-c-slider__rail-track--before--fill--BackgroundColor--gradient-stop));
|
|
17925
|
+
border-radius: var(--pf-v6-c-slider__rail-track--before--BorderRadius);
|
|
17926
|
+
}
|
|
17717
17927
|
|
|
17718
17928
|
.pf-v6-c-slider__steps {
|
|
17719
17929
|
height: var(--pf-v6-c-slider__steps--Height);
|
|
@@ -17844,216 +18054,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
17844
18054
|
margin-inline-start: var(--pf-v6-c-slider__main--actions--MarginInlineStart);
|
|
17845
18055
|
}
|
|
17846
18056
|
|
|
17847
|
-
:where(:root, .pf-v6-c-skeleton) {
|
|
17848
|
-
--pf-v6-c-skeleton--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
17849
|
-
--pf-v6-c-skeleton--Width: auto;
|
|
17850
|
-
--pf-v6-c-skeleton--Height: auto;
|
|
17851
|
-
--pf-v6-c-skeleton--BorderRadius: var(--pf-t--global--spacer--sm);
|
|
17852
|
-
--pf-v6-c-skeleton--before--PaddingBlockEnd: 0;
|
|
17853
|
-
--pf-v6-c-skeleton--before--Height: auto;
|
|
17854
|
-
--pf-v6-c-skeleton--before--Content: " ";
|
|
17855
|
-
--pf-v6-c-skeleton--after--LinearGradientAngle: 90deg;
|
|
17856
|
-
--pf-v6-c-skeleton--after--LinearGradientColorStop1: var(--pf-t--global--background--color--secondary--default);
|
|
17857
|
-
--pf-v6-c-skeleton--after--LinearGradientColorStop2: var(--pf-t--global--background--color--secondary--hover);
|
|
17858
|
-
--pf-v6-c-skeleton--after--LinearGradientColorStop3: var(--pf-t--global--background--color--secondary--default);
|
|
17859
|
-
--pf-v6-c-skeleton--after--TranslateX: -100%;
|
|
17860
|
-
--pf-v6-c-skeleton--after--AnimationName: pf-v6-c-skeleton-loading;
|
|
17861
|
-
--pf-v6-c-skeleton--after--AnimationDuration: 3s;
|
|
17862
|
-
--pf-v6-c-skeleton--after--AnimationIterationCount: infinite;
|
|
17863
|
-
--pf-v6-c-skeleton--after--AnimationTimingFunction: linear;
|
|
17864
|
-
--pf-v6-c-skeleton--after--AnimationDelay: .5s;
|
|
17865
|
-
--pf-v6-c-skeleton--m-circle--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
17866
|
-
--pf-v6-c-skeleton--m-circle--before--PaddingBlockEnd: 100%;
|
|
17867
|
-
--pf-v6-c-skeleton--m-text-4xl--Height: calc(var(--pf-t--global--font--size--4xl) * var(--pf-t--global--font--line-height--heading));
|
|
17868
|
-
--pf-v6-c-skeleton--m-text-3xl--Height: calc(var(--pf-t--global--font--size--3xl) * var(--pf-t--global--font--line-height--heading));
|
|
17869
|
-
--pf-v6-c-skeleton--m-text-2xl--Height: calc(var(--pf-t--global--font--size--2xl) * var(--pf-t--global--font--line-height--heading));
|
|
17870
|
-
--pf-v6-c-skeleton--m-text-xl--Height: calc(var(--pf-t--global--font--size--xl) * var(--pf-t--global--font--line-height--heading));
|
|
17871
|
-
--pf-v6-c-skeleton--m-text-lg--Height: calc(var(--pf-t--global--font--size--lg) * var(--pf-t--global--font--line-height--body));
|
|
17872
|
-
--pf-v6-c-skeleton--m-text-md--Height: calc(var(--pf-t--global--font--size--md) * var(--pf-t--global--font--line-height--body));
|
|
17873
|
-
--pf-v6-c-skeleton--m-text-sm--Height: calc(var(--pf-t--global--font--size--sm) * var(--pf-t--global--font--line-height--body));
|
|
17874
|
-
--pf-v6-c-skeleton--m-width-sm--Width: 6.25rem;
|
|
17875
|
-
--pf-v6-c-skeleton--m-width-md--Width: 12.5rem;
|
|
17876
|
-
--pf-v6-c-skeleton--m-width-lg--Width: 18.75rem;
|
|
17877
|
-
--pf-v6-c-skeleton--m-width-25--Width: 25%;
|
|
17878
|
-
--pf-v6-c-skeleton--m-width-33--Width: calc(100% / 3);
|
|
17879
|
-
--pf-v6-c-skeleton--m-width-50--Width: 50%;
|
|
17880
|
-
--pf-v6-c-skeleton--m-width-66--Width: calc(100% / 3 * 2);
|
|
17881
|
-
--pf-v6-c-skeleton--m-width-75--Width: 75%;
|
|
17882
|
-
--pf-v6-c-skeleton--m-height-sm--Height: 6.25rem;
|
|
17883
|
-
--pf-v6-c-skeleton--m-height-md--Height: 12.5rem;
|
|
17884
|
-
--pf-v6-c-skeleton--m-height-lg--Height: 18.75rem;
|
|
17885
|
-
--pf-v6-c-skeleton--m-height-25--Height: 25%;
|
|
17886
|
-
--pf-v6-c-skeleton--m-height-33--Height: calc(100% / 3);
|
|
17887
|
-
--pf-v6-c-skeleton--m-height-50--Height: 50%;
|
|
17888
|
-
--pf-v6-c-skeleton--m-height-66--Height: calc(100% / 3 * 2);
|
|
17889
|
-
--pf-v6-c-skeleton--m-height-75--Height: 75%;
|
|
17890
|
-
--pf-v6-c-skeleton--m-height-100--Height: 100%;
|
|
17891
|
-
}
|
|
17892
|
-
|
|
17893
|
-
.pf-v6-c-skeleton {
|
|
17894
|
-
position: relative;
|
|
17895
|
-
width: var(--pf-v6-c-skeleton--Width);
|
|
17896
|
-
height: var(--pf-v6-c-skeleton--Height);
|
|
17897
|
-
overflow: hidden;
|
|
17898
|
-
background-color: var(--pf-v6-c-skeleton--BackgroundColor);
|
|
17899
|
-
border-radius: var(--pf-v6-c-skeleton--BorderRadius);
|
|
17900
|
-
transform: translate(0);
|
|
17901
|
-
}
|
|
17902
|
-
|
|
17903
|
-
.pf-v6-c-skeleton::before {
|
|
17904
|
-
display: block;
|
|
17905
|
-
height: var(--pf-v6-c-skeleton--before--Height);
|
|
17906
|
-
padding-block-end: var(--pf-v6-c-skeleton--before--PaddingBlockEnd);
|
|
17907
|
-
content: var(--pf-v6-c-skeleton--before--Content);
|
|
17908
|
-
}
|
|
17909
|
-
|
|
17910
|
-
.pf-v6-c-skeleton::after {
|
|
17911
|
-
position: absolute;
|
|
17912
|
-
inset: 0;
|
|
17913
|
-
display: block;
|
|
17914
|
-
content: "";
|
|
17915
|
-
background: linear-gradient(var(--pf-v6-c-skeleton--after--LinearGradientAngle), var(--pf-v6-c-skeleton--after--LinearGradientColorStop1), var(--pf-v6-c-skeleton--after--LinearGradientColorStop2), var(--pf-v6-c-skeleton--after--LinearGradientColorStop3));
|
|
17916
|
-
transform: translate3d(var(--pf-v6-c-skeleton--after--TranslateX), 0, 0);
|
|
17917
|
-
animation: var(--pf-v6-c-skeleton--after--AnimationName) var(--pf-v6-c-skeleton--after--AnimationDuration) var(--pf-v6-c-skeleton--after--AnimationTimingFunction) var(--pf-v6-c-skeleton--after--AnimationDelay) var(--pf-v6-c-skeleton--after--AnimationIterationCount);
|
|
17918
|
-
}
|
|
17919
|
-
|
|
17920
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-skeleton::after {
|
|
17921
|
-
scale: -1 1;
|
|
17922
|
-
}
|
|
17923
|
-
|
|
17924
|
-
.pf-v6-c-skeleton.pf-m-circle {
|
|
17925
|
-
--pf-v6-c-skeleton--BorderRadius: var(--pf-v6-c-skeleton--m-circle--BorderRadius);
|
|
17926
|
-
}
|
|
17927
|
-
|
|
17928
|
-
.pf-v6-c-skeleton.pf-m-square, .pf-v6-c-skeleton.pf-m-circle {
|
|
17929
|
-
--pf-v6-c-skeleton--before--Height: 0;
|
|
17930
|
-
--pf-v6-c-skeleton--before--PaddingBlockEnd: var(--pf-v6-c-skeleton--m-circle--before--PaddingBlockEnd);
|
|
17931
|
-
}
|
|
17932
|
-
|
|
17933
|
-
.pf-v6-c-skeleton.pf-m-width-sm {
|
|
17934
|
-
--pf-v6-c-skeleton--Width: var(--pf-v6-c-skeleton--m-width-sm--Width);
|
|
17935
|
-
}
|
|
17936
|
-
|
|
17937
|
-
.pf-v6-c-skeleton.pf-m-width-md {
|
|
17938
|
-
--pf-v6-c-skeleton--Width: var(--pf-v6-c-skeleton--m-width-md--Width);
|
|
17939
|
-
}
|
|
17940
|
-
|
|
17941
|
-
.pf-v6-c-skeleton.pf-m-width-lg {
|
|
17942
|
-
--pf-v6-c-skeleton--Width: var(--pf-v6-c-skeleton--m-width-lg--Width);
|
|
17943
|
-
}
|
|
17944
|
-
|
|
17945
|
-
.pf-v6-c-skeleton.pf-m-width-25 {
|
|
17946
|
-
--pf-v6-c-skeleton--Width: var(--pf-v6-c-skeleton--m-width-25--Width);
|
|
17947
|
-
}
|
|
17948
|
-
|
|
17949
|
-
.pf-v6-c-skeleton.pf-m-width-33 {
|
|
17950
|
-
--pf-v6-c-skeleton--Width: var(--pf-v6-c-skeleton--m-width-33--Width);
|
|
17951
|
-
}
|
|
17952
|
-
|
|
17953
|
-
.pf-v6-c-skeleton.pf-m-width-50 {
|
|
17954
|
-
--pf-v6-c-skeleton--Width: var(--pf-v6-c-skeleton--m-width-50--Width);
|
|
17955
|
-
}
|
|
17956
|
-
|
|
17957
|
-
.pf-v6-c-skeleton.pf-m-width-66 {
|
|
17958
|
-
--pf-v6-c-skeleton--Width: var(--pf-v6-c-skeleton--m-width-66--Width);
|
|
17959
|
-
}
|
|
17960
|
-
|
|
17961
|
-
.pf-v6-c-skeleton.pf-m-width-75 {
|
|
17962
|
-
--pf-v6-c-skeleton--Width: var(--pf-v6-c-skeleton--m-width-75--Width);
|
|
17963
|
-
}
|
|
17964
|
-
|
|
17965
|
-
.pf-v6-c-skeleton.pf-m-height-sm {
|
|
17966
|
-
--pf-v6-c-skeleton--Height: var(--pf-v6-c-skeleton--m-height-sm--Height);
|
|
17967
|
-
}
|
|
17968
|
-
|
|
17969
|
-
.pf-v6-c-skeleton.pf-m-height-md {
|
|
17970
|
-
--pf-v6-c-skeleton--Height: var(--pf-v6-c-skeleton--m-height-md--Height);
|
|
17971
|
-
}
|
|
17972
|
-
|
|
17973
|
-
.pf-v6-c-skeleton.pf-m-height-lg {
|
|
17974
|
-
--pf-v6-c-skeleton--Height: var(--pf-v6-c-skeleton--m-height-lg--Height);
|
|
17975
|
-
}
|
|
17976
|
-
|
|
17977
|
-
.pf-v6-c-skeleton.pf-m-height-25 {
|
|
17978
|
-
--pf-v6-c-skeleton--Height: var(--pf-v6-c-skeleton--m-height-25--Height);
|
|
17979
|
-
}
|
|
17980
|
-
|
|
17981
|
-
.pf-v6-c-skeleton.pf-m-height-33 {
|
|
17982
|
-
--pf-v6-c-skeleton--Height: var(--pf-v6-c-skeleton--m-height-33--Height);
|
|
17983
|
-
}
|
|
17984
|
-
|
|
17985
|
-
.pf-v6-c-skeleton.pf-m-height-50 {
|
|
17986
|
-
--pf-v6-c-skeleton--Height: var(--pf-v6-c-skeleton--m-height-50--Height);
|
|
17987
|
-
}
|
|
17988
|
-
|
|
17989
|
-
.pf-v6-c-skeleton.pf-m-height-66 {
|
|
17990
|
-
--pf-v6-c-skeleton--Height: var(--pf-v6-c-skeleton--m-height-66--Height);
|
|
17991
|
-
}
|
|
17992
|
-
|
|
17993
|
-
.pf-v6-c-skeleton.pf-m-height-75 {
|
|
17994
|
-
--pf-v6-c-skeleton--Height: var(--pf-v6-c-skeleton--m-height-75--Height);
|
|
17995
|
-
}
|
|
17996
|
-
|
|
17997
|
-
.pf-v6-c-skeleton.pf-m-height-100 {
|
|
17998
|
-
--pf-v6-c-skeleton--Height: var(--pf-v6-c-skeleton--m-height-100--Height);
|
|
17999
|
-
}
|
|
18000
|
-
|
|
18001
|
-
.pf-v6-c-skeleton.pf-m-text-4xl {
|
|
18002
|
-
--pf-v6-c-skeleton--Height: var(--pf-v6-c-skeleton--m-text-4xl--Height);
|
|
18003
|
-
}
|
|
18004
|
-
|
|
18005
|
-
.pf-v6-c-skeleton.pf-m-text-3xl {
|
|
18006
|
-
--pf-v6-c-skeleton--Height: var(--pf-v6-c-skeleton--m-text-3xl--Height);
|
|
18007
|
-
}
|
|
18008
|
-
|
|
18009
|
-
.pf-v6-c-skeleton.pf-m-text-2xl {
|
|
18010
|
-
--pf-v6-c-skeleton--Height: var(--pf-v6-c-skeleton--m-text-2xl--Height);
|
|
18011
|
-
}
|
|
18012
|
-
|
|
18013
|
-
.pf-v6-c-skeleton.pf-m-text-xl {
|
|
18014
|
-
--pf-v6-c-skeleton--Height: var(--pf-v6-c-skeleton--m-text-xl--Height);
|
|
18015
|
-
}
|
|
18016
|
-
|
|
18017
|
-
.pf-v6-c-skeleton.pf-m-text-lg {
|
|
18018
|
-
--pf-v6-c-skeleton--Height: var(--pf-v6-c-skeleton--m-text-lg--Height);
|
|
18019
|
-
}
|
|
18020
|
-
|
|
18021
|
-
.pf-v6-c-skeleton.pf-m-text-md {
|
|
18022
|
-
--pf-v6-c-skeleton--Height: var(--pf-v6-c-skeleton--m-text-md--Height);
|
|
18023
|
-
}
|
|
18024
|
-
|
|
18025
|
-
.pf-v6-c-skeleton.pf-m-text-sm {
|
|
18026
|
-
--pf-v6-c-skeleton--Height: var(--pf-v6-c-skeleton--m-text-sm--Height);
|
|
18027
|
-
}
|
|
18028
|
-
|
|
18029
|
-
@keyframes pf-v6-c-skeleton-loading {
|
|
18030
|
-
0% {
|
|
18031
|
-
transform: translateX(-100%);
|
|
18032
|
-
}
|
|
18033
|
-
60% {
|
|
18034
|
-
transform: translateX(100%);
|
|
18035
|
-
}
|
|
18036
|
-
100% {
|
|
18037
|
-
transform: translateX(100%);
|
|
18038
|
-
}
|
|
18039
|
-
}
|
|
18040
|
-
:where(:root, .pf-v6-c-skip-to-content) {
|
|
18041
|
-
--pf-v6-c-skip-to-content--InsetBlockStart: var(--pf-t--global--spacer--md);
|
|
18042
|
-
--pf-v6-c-skip-to-content--ZIndex: var(--pf-t--global--z-index--2xl);
|
|
18043
|
-
--pf-v6-c-skip-to-content--focus--InsetInlineStart: var(--pf-t--global--spacer--md);
|
|
18044
|
-
}
|
|
18045
|
-
|
|
18046
|
-
.pf-v6-c-skip-to-content {
|
|
18047
|
-
position: absolute;
|
|
18048
|
-
inset-block-start: var(--pf-v6-c-skip-to-content--InsetBlockStart);
|
|
18049
|
-
inset-inline-start: -300%;
|
|
18050
|
-
z-index: var(--pf-v6-c-skip-to-content--ZIndex);
|
|
18051
|
-
}
|
|
18052
|
-
|
|
18053
|
-
.pf-v6-c-skip-to-content:focus-within {
|
|
18054
|
-
inset-inline-start: var(--pf-v6-c-skip-to-content--focus--InsetInlineStart);
|
|
18055
|
-
}
|
|
18056
|
-
|
|
18057
18057
|
:where(:root, .pf-v6-c-spinner) {
|
|
18058
18058
|
--pf-v6-c-spinner--diameter: var(--pf-t--global--icon--size--2xl);
|
|
18059
18059
|
--pf-v6-c-spinner--Width: var(--pf-v6-c-spinner--diameter);
|
|
@@ -18305,298 +18305,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
18305
18305
|
vertical-align: top;
|
|
18306
18306
|
}
|
|
18307
18307
|
|
|
18308
|
-
:where(:root, .pf-v6-c-content) {
|
|
18309
|
-
--pf-v6-c-content--MarginBlockEnd: var(--pf-t--global--spacer--md);
|
|
18310
|
-
--pf-v6-c-content--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
18311
|
-
--pf-v6-c-content--FontSize: var(--pf-t--global--font--size--body--default);
|
|
18312
|
-
--pf-v6-c-content--FontWeight: var(--pf-t--global--font--weight--body);
|
|
18313
|
-
--pf-v6-c-content--Color: var(--pf-t--global--text--color--regular);
|
|
18314
|
-
--pf-v6-c-content--heading--FontFamily: var(--pf-t--global--font--family--heading);
|
|
18315
|
-
--pf-v6-c-content--h1--MarginBlockStart: var(--pf-t--global--spacer--lg);
|
|
18316
|
-
--pf-v6-c-content--h1--MarginBlockEnd: var(--pf-t--global--spacer--sm);
|
|
18317
|
-
--pf-v6-c-content--h1--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
18318
|
-
--pf-v6-c-content--h1--FontSize: var(--pf-t--global--font--size--heading--h1);
|
|
18319
|
-
--pf-v6-c-content--h1--FontWeight: var(--pf-t--global--font--weight--heading);
|
|
18320
|
-
--pf-v6-c-content--h2--MarginBlockStart: var(--pf-t--global--spacer--lg);
|
|
18321
|
-
--pf-v6-c-content--h2--MarginBlockEnd: var(--pf-t--global--spacer--sm);
|
|
18322
|
-
--pf-v6-c-content--h2--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
18323
|
-
--pf-v6-c-content--h2--FontSize: var(--pf-t--global--font--size--heading--h2);
|
|
18324
|
-
--pf-v6-c-content--h2--FontWeight: var(--pf-t--global--font--weight--heading);
|
|
18325
|
-
--pf-v6-c-content--h3--MarginBlockStart: var(--pf-t--global--spacer--lg);
|
|
18326
|
-
--pf-v6-c-content--h3--MarginBlockEnd: var(--pf-t--global--spacer--sm);
|
|
18327
|
-
--pf-v6-c-content--h3--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
18328
|
-
--pf-v6-c-content--h3--FontSize: var(--pf-t--global--font--size--heading--h3);
|
|
18329
|
-
--pf-v6-c-content--h3--FontWeight: var(--pf-t--global--font--weight--heading);
|
|
18330
|
-
--pf-v6-c-content--h4--MarginBlockStart: var(--pf-t--global--spacer--lg);
|
|
18331
|
-
--pf-v6-c-content--h4--MarginBlockEnd: var(--pf-t--global--spacer--sm);
|
|
18332
|
-
--pf-v6-c-content--h4--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
18333
|
-
--pf-v6-c-content--h4--FontSize: var(--pf-t--global--font--size--heading--h4);
|
|
18334
|
-
--pf-v6-c-content--h4--FontWeight: var(--pf-t--global--font--weight--heading);
|
|
18335
|
-
--pf-v6-c-content--h5--MarginBlockStart: var(--pf-t--global--spacer--lg);
|
|
18336
|
-
--pf-v6-c-content--h5--MarginBlockEnd: var(--pf-t--global--spacer--sm);
|
|
18337
|
-
--pf-v6-c-content--h5--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
18338
|
-
--pf-v6-c-content--h5--FontSize: var(--pf-t--global--font--size--heading--h5);
|
|
18339
|
-
--pf-v6-c-content--h5--FontWeight: var(--pf-t--global--font--weight--heading);
|
|
18340
|
-
--pf-v6-c-content--h6--MarginBlockStart: var(--pf-t--global--spacer--lg);
|
|
18341
|
-
--pf-v6-c-content--h6--MarginBlockEnd: var(--pf-t--global--spacer--sm);
|
|
18342
|
-
--pf-v6-c-content--h6--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
18343
|
-
--pf-v6-c-content--h6--FontSize: var(--pf-t--global--font--size--heading--h6);
|
|
18344
|
-
--pf-v6-c-content--h6--FontWeight: var(--pf-t--global--font--weight--heading);
|
|
18345
|
-
--pf-v6-c-content--small--MarginBlockEnd: var(--pf-t--global--spacer--md);
|
|
18346
|
-
--pf-v6-c-content--small--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
18347
|
-
--pf-v6-c-content--small--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
18348
|
-
--pf-v6-c-content--small--Color: var(--pf-t--global--text--color--subtle);
|
|
18349
|
-
--pf-v6-c-content--a--Color: var(--pf-t--global--text--color--link--default);
|
|
18350
|
-
--pf-v6-c-content--a--TextDecoration: var(--pf-t--global--link--text-decoration);
|
|
18351
|
-
--pf-v6-c-content--a--hover--Color: var(--pf-t--global--text--color--link--hover);
|
|
18352
|
-
--pf-v6-c-content--a--hover--TextDecoration: var(--pf-t--global--link--text-decoration);
|
|
18353
|
-
--pf-v6-c-content--a--visited--Color: var(--pf-t--global--text--color--link--visited);
|
|
18354
|
-
--pf-v6-c-content--blockquote--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
18355
|
-
--pf-v6-c-content--blockquote--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
18356
|
-
--pf-v6-c-content--blockquote--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
18357
|
-
--pf-v6-c-content--blockquote--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
18358
|
-
--pf-v6-c-content--blockquote--Color: var(--pf-t--global--text--color--subtle);
|
|
18359
|
-
--pf-v6-c-content--blockquote--BorderInlineStartColor: var(--pf-t--global--border--color--default);
|
|
18360
|
-
--pf-v6-c-content--blockquote--BorderInlineStartWidth: var(--pf-t--global--border--width--300);
|
|
18361
|
-
--pf-v6-c-content--ol--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
18362
|
-
--pf-v6-c-content--ol--MarginInlineStart: var(--pf-t--global--spacer--lg);
|
|
18363
|
-
--pf-v6-c-content--ol--nested--MarginBlockStart: var(--pf-t--global--spacer--sm);
|
|
18364
|
-
--pf-v6-c-content--ol--nested--MarginInlineStart: var(--pf-t--global--spacer--sm);
|
|
18365
|
-
--pf-v6-c-content--ul--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
18366
|
-
--pf-v6-c-content--ul--MarginInlineStart: var(--pf-t--global--spacer--lg);
|
|
18367
|
-
--pf-v6-c-content--ul--nested--MarginBlockStart: var(--pf-t--global--spacer--sm);
|
|
18368
|
-
--pf-v6-c-content--ul--nested--MarginInlineStart: var(--pf-t--global--spacer--sm);
|
|
18369
|
-
--pf-v6-c-content--ul--ListStyle: var(--pf-t--global--list-style);
|
|
18370
|
-
--pf-v6-c-content--li--MarginBlockStart: var(--pf-t--global--spacer--sm);
|
|
18371
|
-
--pf-v6-c-content--dl--ColumnGap: var(--pf-t--global--spacer--2xl);
|
|
18372
|
-
--pf-v6-c-content--dl--RowGap: var(--pf-t--global--spacer--md);
|
|
18373
|
-
--pf-v6-c-content--dt--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
18374
|
-
--pf-v6-c-content--dt--MarginBlockStart: var(--pf-t--global--spacer--md);
|
|
18375
|
-
--pf-v6-c-content--dt--sm--MarginBlockStart: 0;
|
|
18376
|
-
--pf-v6-c-content--hr--Height: var(--pf-t--global--border--width--divider--default);
|
|
18377
|
-
--pf-v6-c-content--hr--BackgroundColor: var(--pf-t--global--border--color--default);
|
|
18378
|
-
}
|
|
18379
|
-
|
|
18380
|
-
.pf-v6-c-content {
|
|
18381
|
-
font-size: var(--pf-v6-c-content--FontSize);
|
|
18382
|
-
line-height: var(--pf-v6-c-content--LineHeight);
|
|
18383
|
-
color: var(--pf-v6-c-content--Color);
|
|
18384
|
-
}
|
|
18385
|
-
|
|
18386
|
-
:is(.pf-v6-c-content--a, .pf-v6-c-content a) {
|
|
18387
|
-
color: var(--pf-v6-c-content--a--Color);
|
|
18388
|
-
text-decoration: var(--pf-v6-c-content--a--TextDecoration);
|
|
18389
|
-
}
|
|
18390
|
-
|
|
18391
|
-
:is(.pf-v6-c-content--a, .pf-v6-c-content a):hover {
|
|
18392
|
-
--pf-v6-c-content--a--Color: var(--pf-v6-c-content--a--hover--Color);
|
|
18393
|
-
--pf-v6-c-content--a--TextDecoration: var(--pf-v6-c-content--a--hover--TextDecoration);
|
|
18394
|
-
}
|
|
18395
|
-
|
|
18396
|
-
:is(.pf-v6-c-content--a.pf-m-visited, .pf-v6-c-content.pf-m-visited a, .pf-v6-c-content a.pf-m-visited):visited {
|
|
18397
|
-
color: var(--pf-v6-c-content--a--visited--Color);
|
|
18398
|
-
}
|
|
18399
|
-
|
|
18400
|
-
:is(.pf-v6-c-content--li + .pf-v6-c-content--li, .pf-v6-c-content li + li) {
|
|
18401
|
-
margin-block-start: var(--pf-v6-c-content--li--MarginBlockStart);
|
|
18402
|
-
}
|
|
18403
|
-
|
|
18404
|
-
:is(.pf-v6-c-content--p,
|
|
18405
|
-
.pf-v6-c-content--dl,
|
|
18406
|
-
.pf-v6-c-content--ol,
|
|
18407
|
-
.pf-v6-c-content--ul,
|
|
18408
|
-
.pf-v6-c-content--blockquote,
|
|
18409
|
-
.pf-v6-c-content--small,
|
|
18410
|
-
.pf-v6-c-content--pre,
|
|
18411
|
-
.pf-v6-c-content--table,
|
|
18412
|
-
.pf-v6-c-content--hr, .pf-v6-c-content p, .pf-v6-c-content dl, .pf-v6-c-content ol, .pf-v6-c-content ul, .pf-v6-c-content blockquote, .pf-v6-c-content small, .pf-v6-c-content pre, .pf-v6-c-content table, .pf-v6-c-content hr):not(:last-child) {
|
|
18413
|
-
margin-block-end: var(--pf-v6-c-content--MarginBlockEnd);
|
|
18414
|
-
}
|
|
18415
|
-
|
|
18416
|
-
:is(.pf-v6-c-content--h1,
|
|
18417
|
-
.pf-v6-c-content--h2,
|
|
18418
|
-
.pf-v6-c-content--h3,
|
|
18419
|
-
.pf-v6-c-content--h4,
|
|
18420
|
-
.pf-v6-c-content--h5,
|
|
18421
|
-
.pf-v6-c-content--h6, .pf-v6-c-content h1, .pf-v6-c-content h2, .pf-v6-c-content h3, .pf-v6-c-content h4, .pf-v6-c-content h5, .pf-v6-c-content h6) {
|
|
18422
|
-
margin: 0;
|
|
18423
|
-
font-family: var(--pf-v6-c-content--heading--FontFamily);
|
|
18424
|
-
}
|
|
18425
|
-
|
|
18426
|
-
:is(.pf-v6-c-content--h1,
|
|
18427
|
-
.pf-v6-c-content--h2,
|
|
18428
|
-
.pf-v6-c-content--h3,
|
|
18429
|
-
.pf-v6-c-content--h4,
|
|
18430
|
-
.pf-v6-c-content--h5,
|
|
18431
|
-
.pf-v6-c-content--h6, .pf-v6-c-content h1, .pf-v6-c-content h2, .pf-v6-c-content h3, .pf-v6-c-content h4, .pf-v6-c-content h5, .pf-v6-c-content h6):first-child {
|
|
18432
|
-
margin-block-start: 0;
|
|
18433
|
-
}
|
|
18434
|
-
|
|
18435
|
-
:is(.pf-v6-c-content--h1,
|
|
18436
|
-
.pf-v6-c-content--h2,
|
|
18437
|
-
.pf-v6-c-content--h3,
|
|
18438
|
-
.pf-v6-c-content--h4,
|
|
18439
|
-
.pf-v6-c-content--h5,
|
|
18440
|
-
.pf-v6-c-content--h6, .pf-v6-c-content h1, .pf-v6-c-content h2, .pf-v6-c-content h3, .pf-v6-c-content h4, .pf-v6-c-content h5, .pf-v6-c-content h6):last-child {
|
|
18441
|
-
margin-block-end: 0;
|
|
18442
|
-
}
|
|
18443
|
-
|
|
18444
|
-
:is(.pf-v6-c-content--ol,
|
|
18445
|
-
.pf-v6-c-content--ul, .pf-v6-c-content ol, .pf-v6-c-content ul) {
|
|
18446
|
-
margin: 0;
|
|
18447
|
-
}
|
|
18448
|
-
|
|
18449
|
-
:is(.pf-v6-c-content--ol,
|
|
18450
|
-
.pf-v6-c-content--ul, .pf-v6-c-content ol, .pf-v6-c-content ul).pf-m-plain {
|
|
18451
|
-
padding-inline-start: 0;
|
|
18452
|
-
margin-inline-start: 0;
|
|
18453
|
-
list-style: none;
|
|
18454
|
-
}
|
|
18455
|
-
|
|
18456
|
-
:is(.pf-v6-c-content--h1, .pf-v6-c-content h1) {
|
|
18457
|
-
margin-block-start: var(--pf-v6-c-content--h1--MarginBlockStart);
|
|
18458
|
-
margin-block-end: var(--pf-v6-c-content--h1--MarginBlockEnd);
|
|
18459
|
-
font-size: var(--pf-v6-c-content--h1--FontSize);
|
|
18460
|
-
font-weight: var(--pf-v6-c-content--h1--FontWeight);
|
|
18461
|
-
line-height: var(--pf-v6-c-content--h1--LineHeight);
|
|
18462
|
-
}
|
|
18463
|
-
|
|
18464
|
-
:is(.pf-v6-c-content--h2, .pf-v6-c-content h2) {
|
|
18465
|
-
margin-block-start: var(--pf-v6-c-content--h2--MarginBlockStart);
|
|
18466
|
-
margin-block-end: var(--pf-v6-c-content--h2--MarginBlockEnd);
|
|
18467
|
-
font-size: var(--pf-v6-c-content--h2--FontSize);
|
|
18468
|
-
font-weight: var(--pf-v6-c-content--h2--FontWeight);
|
|
18469
|
-
line-height: var(--pf-v6-c-content--h2--LineHeight);
|
|
18470
|
-
}
|
|
18471
|
-
|
|
18472
|
-
:is(.pf-v6-c-content--h3, .pf-v6-c-content h3) {
|
|
18473
|
-
margin-block-start: var(--pf-v6-c-content--h3--MarginBlockStart);
|
|
18474
|
-
margin-block-end: var(--pf-v6-c-content--h3--MarginBlockEnd);
|
|
18475
|
-
font-size: var(--pf-v6-c-content--h3--FontSize);
|
|
18476
|
-
font-weight: var(--pf-v6-c-content--h3--FontWeight);
|
|
18477
|
-
line-height: var(--pf-v6-c-content--h3--LineHeight);
|
|
18478
|
-
}
|
|
18479
|
-
|
|
18480
|
-
:is(.pf-v6-c-content--h4, .pf-v6-c-content h4) {
|
|
18481
|
-
margin-block-start: var(--pf-v6-c-content--h4--MarginBlockStart);
|
|
18482
|
-
margin-block-end: var(--pf-v6-c-content--h4--MarginBlockEnd);
|
|
18483
|
-
font-size: var(--pf-v6-c-content--h4--FontSize);
|
|
18484
|
-
font-weight: var(--pf-v6-c-content--h4--FontWeight);
|
|
18485
|
-
line-height: var(--pf-v6-c-content--h4--LineHeight);
|
|
18486
|
-
}
|
|
18487
|
-
|
|
18488
|
-
:is(.pf-v6-c-content--h5, .pf-v6-c-content h5) {
|
|
18489
|
-
margin-block-start: var(--pf-v6-c-content--h5--MarginBlockStart);
|
|
18490
|
-
margin-block-end: var(--pf-v6-c-content--h5--MarginBlockEnd);
|
|
18491
|
-
font-size: var(--pf-v6-c-content--h5--FontSize);
|
|
18492
|
-
font-weight: var(--pf-v6-c-content--h5--FontWeight);
|
|
18493
|
-
line-height: var(--pf-v6-c-content--h5--LineHeight);
|
|
18494
|
-
}
|
|
18495
|
-
|
|
18496
|
-
:is(.pf-v6-c-content--h6, .pf-v6-c-content h6) {
|
|
18497
|
-
margin-block-start: var(--pf-v6-c-content--h6--MarginBlockStart);
|
|
18498
|
-
margin-block-end: var(--pf-v6-c-content--h6--MarginBlockEnd);
|
|
18499
|
-
font-size: var(--pf-v6-c-content--h6--FontSize);
|
|
18500
|
-
font-weight: var(--pf-v6-c-content--h6--FontWeight);
|
|
18501
|
-
line-height: var(--pf-v6-c-content--h6--LineHeight);
|
|
18502
|
-
}
|
|
18503
|
-
|
|
18504
|
-
:is(.pf-v6-c-content--small, .pf-v6-c-content small) {
|
|
18505
|
-
display: block;
|
|
18506
|
-
font-size: var(--pf-v6-c-content--small--FontSize);
|
|
18507
|
-
line-height: var(--pf-v6-c-content--small--LineHeight);
|
|
18508
|
-
color: var(--pf-v6-c-content--small--Color);
|
|
18509
|
-
}
|
|
18510
|
-
|
|
18511
|
-
:is(.pf-v6-c-content--small, .pf-v6-c-content small):not(:last-child) {
|
|
18512
|
-
margin-block-end: var(--pf-v6-c-content--small--MarginBlockEnd);
|
|
18513
|
-
}
|
|
18514
|
-
|
|
18515
|
-
:is(.pf-v6-c-content--blockquote, .pf-v6-c-content blockquote) {
|
|
18516
|
-
padding-block-start: var(--pf-v6-c-content--blockquote--PaddingBlockStart);
|
|
18517
|
-
padding-block-end: var(--pf-v6-c-content--blockquote--PaddingBlockEnd);
|
|
18518
|
-
padding-inline-start: var(--pf-v6-c-content--blockquote--PaddingInlineStart);
|
|
18519
|
-
padding-inline-end: var(--pf-v6-c-content--blockquote--PaddingInlineEnd);
|
|
18520
|
-
color: var(--pf-v6-c-content--blockquote--Color);
|
|
18521
|
-
border-inline-start: var(--pf-v6-c-content--blockquote--BorderInlineStartWidth) solid var(--pf-v6-c-content--blockquote--BorderInlineStartColor);
|
|
18522
|
-
}
|
|
18523
|
-
|
|
18524
|
-
:is(.pf-v6-c-content--hr, .pf-v6-c-content hr) {
|
|
18525
|
-
height: var(--pf-v6-c-content--hr--Height);
|
|
18526
|
-
background-color: var(--pf-v6-c-content--hr--BackgroundColor);
|
|
18527
|
-
border: none;
|
|
18528
|
-
}
|
|
18529
|
-
|
|
18530
|
-
:is(.pf-v6-c-content--ol, .pf-v6-c-content ol) {
|
|
18531
|
-
padding-inline-start: var(--pf-v6-c-content--ol--PaddingInlineStart);
|
|
18532
|
-
margin-inline-start: var(--pf-v6-c-content--ol--MarginInlineStart);
|
|
18533
|
-
}
|
|
18534
|
-
|
|
18535
|
-
:is(.pf-v6-c-content--ol, .pf-v6-c-content ol) :is(.pf-v6-c-content--ul,
|
|
18536
|
-
ul) {
|
|
18537
|
-
--pf-v6-c-content--ul--MarginInlineStart: var(--pf-v6-c-content--ul--nested--MarginInlineStart);
|
|
18538
|
-
margin-block-start: var(--pf-v6-c-content--ul--nested--MarginBlockStart);
|
|
18539
|
-
}
|
|
18540
|
-
|
|
18541
|
-
:is(.pf-v6-c-content--ol, .pf-v6-c-content ol) :is(.pf-v6-c-content--ol,
|
|
18542
|
-
ol) {
|
|
18543
|
-
--pf-v6-c-content--ol--MarginInlineStart: var(--pf-v6-c-content--ol--nested--MarginInlineStart);
|
|
18544
|
-
margin-block-start: var(--pf-v6-c-content--ol--nested--MarginBlockStart);
|
|
18545
|
-
}
|
|
18546
|
-
|
|
18547
|
-
:is(.pf-v6-c-content--ul, .pf-v6-c-content ul) {
|
|
18548
|
-
padding-inline-start: var(--pf-v6-c-content--ul--PaddingInlineStart);
|
|
18549
|
-
margin-inline-start: var(--pf-v6-c-content--ul--MarginInlineStart);
|
|
18550
|
-
list-style: var(--pf-v6-c-content--ul--ListStyle);
|
|
18551
|
-
}
|
|
18552
|
-
|
|
18553
|
-
:is(.pf-v6-c-content--ul, .pf-v6-c-content ul) :is(.pf-v6-c-content--ul,
|
|
18554
|
-
ul) {
|
|
18555
|
-
--pf-v6-c-content--ul--MarginInlineStart: var(--pf-v6-c-content--ul--nested--MarginInlineStart);
|
|
18556
|
-
margin-block-start: var(--pf-v6-c-content--ul--nested--MarginBlockStart);
|
|
18557
|
-
}
|
|
18558
|
-
|
|
18559
|
-
:is(.pf-v6-c-content--ul, .pf-v6-c-content ul) :is(.pf-v6-c-content--ol,
|
|
18560
|
-
ol) {
|
|
18561
|
-
--pf-v6-c-content--ol--MarginInlineStart: var(--pf-v6-c-content--ol--nested--MarginInlineStart);
|
|
18562
|
-
margin-block-start: var(--pf-v6-c-content--ol--nested--MarginBlockStart);
|
|
18563
|
-
}
|
|
18564
|
-
|
|
18565
|
-
:is(.pf-v6-c-content--dl, .pf-v6-c-content dl) {
|
|
18566
|
-
display: grid;
|
|
18567
|
-
grid-template-columns: 1fr;
|
|
18568
|
-
}
|
|
18569
|
-
|
|
18570
|
-
@media screen and (min-width: 576px) {
|
|
18571
|
-
:is(.pf-v6-c-content--dl, .pf-v6-c-content dl) {
|
|
18572
|
-
grid-template: auto/auto 1fr;
|
|
18573
|
-
grid-row-gap: var(--pf-v6-c-content--dl--RowGap);
|
|
18574
|
-
grid-column-gap: var(--pf-v6-c-content--dl--ColumnGap);
|
|
18575
|
-
}
|
|
18576
|
-
}
|
|
18577
|
-
:is(.pf-v6-c-content--dt, .pf-v6-c-content dt) {
|
|
18578
|
-
font-weight: var(--pf-v6-c-content--dt--FontWeight);
|
|
18579
|
-
}
|
|
18580
|
-
|
|
18581
|
-
:is(.pf-v6-c-content--dt, .pf-v6-c-content dt):not(:first-child) {
|
|
18582
|
-
margin-block-start: var(--pf-v6-c-content--dt--MarginBlockStart);
|
|
18583
|
-
}
|
|
18584
|
-
|
|
18585
|
-
@media screen and (min-width: 576px) {
|
|
18586
|
-
:is(.pf-v6-c-content--dt, .pf-v6-c-content dt):not(:first-child) {
|
|
18587
|
-
--pf-v6-c-content--dt--MarginBlockStart: var(--pf-v6-c-content--dt--sm--MarginBlockStart);
|
|
18588
|
-
}
|
|
18589
|
-
}
|
|
18590
|
-
@media screen and (min-width: 576px) {
|
|
18591
|
-
:is(.pf-v6-c-content--dt, .pf-v6-c-content dt) {
|
|
18592
|
-
grid-column: 1;
|
|
18593
|
-
}
|
|
18594
|
-
}
|
|
18595
|
-
@media screen and (min-width: 576px) {
|
|
18596
|
-
:is(.pf-v6-c-content--dd, .pf-v6-c-content dd) {
|
|
18597
|
-
grid-column: 2;
|
|
18598
|
-
}
|
|
18599
|
-
}
|
|
18600
18308
|
:where(:root, .pf-v6-c-tabs) {
|
|
18601
18309
|
--pf-v6-c-tabs--inset: 0;
|
|
18602
18310
|
--pf-v6-c-tabs--Width: auto;
|
|
@@ -19520,24 +19228,316 @@ ol) {
|
|
|
19520
19228
|
--pf-v6-c-tab-content__body--m-padding--PaddingInlineStart: var(--pf-v6-c-tab-content__body--m-padding--xl--PaddingInlineStart);
|
|
19521
19229
|
}
|
|
19522
19230
|
}
|
|
19523
|
-
.pf-v6-c-tab-content.pf-m-secondary {
|
|
19524
|
-
--pf-v6-c-tab-content--BackgroundColor: var(--pf-v6-c-tab-content--m-secondary--BackgroundColor);
|
|
19231
|
+
.pf-v6-c-tab-content.pf-m-secondary {
|
|
19232
|
+
--pf-v6-c-tab-content--BackgroundColor: var(--pf-v6-c-tab-content--m-secondary--BackgroundColor);
|
|
19233
|
+
}
|
|
19234
|
+
|
|
19235
|
+
.pf-v6-c-tab-content__body {
|
|
19236
|
+
padding-block-start: var(--pf-v6-c-tab-content__body--PaddingBlockStart);
|
|
19237
|
+
padding-block-end: var(--pf-v6-c-tab-content__body--PaddingBlockEnd);
|
|
19238
|
+
padding-inline-start: var(--pf-v6-c-tab-content__body--PaddingInlineStart);
|
|
19239
|
+
padding-inline-end: var(--pf-v6-c-tab-content__body--PaddingInlineEnd);
|
|
19240
|
+
}
|
|
19241
|
+
|
|
19242
|
+
.pf-v6-c-tab-content__body.pf-m-padding {
|
|
19243
|
+
--pf-v6-c-tab-content__body--PaddingBlockStart: var(--pf-v6-c-tab-content__body--m-padding--PaddingBlockStart);
|
|
19244
|
+
--pf-v6-c-tab-content__body--PaddingInlineEnd: var(--pf-v6-c-tab-content__body--m-padding--PaddingInlineEnd);
|
|
19245
|
+
--pf-v6-c-tab-content__body--PaddingBlockEnd: var(--pf-v6-c-tab-content__body--m-padding--PaddingBlockEnd);
|
|
19246
|
+
--pf-v6-c-tab-content__body--PaddingInlineStart: var(--pf-v6-c-tab-content__body--m-padding--PaddingInlineStart);
|
|
19247
|
+
}
|
|
19248
|
+
|
|
19249
|
+
:where(:root, .pf-v6-c-content) {
|
|
19250
|
+
--pf-v6-c-content--MarginBlockEnd: var(--pf-t--global--spacer--md);
|
|
19251
|
+
--pf-v6-c-content--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
19252
|
+
--pf-v6-c-content--FontSize: var(--pf-t--global--font--size--body--default);
|
|
19253
|
+
--pf-v6-c-content--FontWeight: var(--pf-t--global--font--weight--body);
|
|
19254
|
+
--pf-v6-c-content--Color: var(--pf-t--global--text--color--regular);
|
|
19255
|
+
--pf-v6-c-content--heading--FontFamily: var(--pf-t--global--font--family--heading);
|
|
19256
|
+
--pf-v6-c-content--h1--MarginBlockStart: var(--pf-t--global--spacer--lg);
|
|
19257
|
+
--pf-v6-c-content--h1--MarginBlockEnd: var(--pf-t--global--spacer--sm);
|
|
19258
|
+
--pf-v6-c-content--h1--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
19259
|
+
--pf-v6-c-content--h1--FontSize: var(--pf-t--global--font--size--heading--h1);
|
|
19260
|
+
--pf-v6-c-content--h1--FontWeight: var(--pf-t--global--font--weight--heading);
|
|
19261
|
+
--pf-v6-c-content--h2--MarginBlockStart: var(--pf-t--global--spacer--lg);
|
|
19262
|
+
--pf-v6-c-content--h2--MarginBlockEnd: var(--pf-t--global--spacer--sm);
|
|
19263
|
+
--pf-v6-c-content--h2--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
19264
|
+
--pf-v6-c-content--h2--FontSize: var(--pf-t--global--font--size--heading--h2);
|
|
19265
|
+
--pf-v6-c-content--h2--FontWeight: var(--pf-t--global--font--weight--heading);
|
|
19266
|
+
--pf-v6-c-content--h3--MarginBlockStart: var(--pf-t--global--spacer--lg);
|
|
19267
|
+
--pf-v6-c-content--h3--MarginBlockEnd: var(--pf-t--global--spacer--sm);
|
|
19268
|
+
--pf-v6-c-content--h3--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
19269
|
+
--pf-v6-c-content--h3--FontSize: var(--pf-t--global--font--size--heading--h3);
|
|
19270
|
+
--pf-v6-c-content--h3--FontWeight: var(--pf-t--global--font--weight--heading);
|
|
19271
|
+
--pf-v6-c-content--h4--MarginBlockStart: var(--pf-t--global--spacer--lg);
|
|
19272
|
+
--pf-v6-c-content--h4--MarginBlockEnd: var(--pf-t--global--spacer--sm);
|
|
19273
|
+
--pf-v6-c-content--h4--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
19274
|
+
--pf-v6-c-content--h4--FontSize: var(--pf-t--global--font--size--heading--h4);
|
|
19275
|
+
--pf-v6-c-content--h4--FontWeight: var(--pf-t--global--font--weight--heading);
|
|
19276
|
+
--pf-v6-c-content--h5--MarginBlockStart: var(--pf-t--global--spacer--lg);
|
|
19277
|
+
--pf-v6-c-content--h5--MarginBlockEnd: var(--pf-t--global--spacer--sm);
|
|
19278
|
+
--pf-v6-c-content--h5--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
19279
|
+
--pf-v6-c-content--h5--FontSize: var(--pf-t--global--font--size--heading--h5);
|
|
19280
|
+
--pf-v6-c-content--h5--FontWeight: var(--pf-t--global--font--weight--heading);
|
|
19281
|
+
--pf-v6-c-content--h6--MarginBlockStart: var(--pf-t--global--spacer--lg);
|
|
19282
|
+
--pf-v6-c-content--h6--MarginBlockEnd: var(--pf-t--global--spacer--sm);
|
|
19283
|
+
--pf-v6-c-content--h6--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
19284
|
+
--pf-v6-c-content--h6--FontSize: var(--pf-t--global--font--size--heading--h6);
|
|
19285
|
+
--pf-v6-c-content--h6--FontWeight: var(--pf-t--global--font--weight--heading);
|
|
19286
|
+
--pf-v6-c-content--small--MarginBlockEnd: var(--pf-t--global--spacer--md);
|
|
19287
|
+
--pf-v6-c-content--small--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
19288
|
+
--pf-v6-c-content--small--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
19289
|
+
--pf-v6-c-content--small--Color: var(--pf-t--global--text--color--subtle);
|
|
19290
|
+
--pf-v6-c-content--a--Color: var(--pf-t--global--text--color--link--default);
|
|
19291
|
+
--pf-v6-c-content--a--TextDecoration: var(--pf-t--global--link--text-decoration);
|
|
19292
|
+
--pf-v6-c-content--a--hover--Color: var(--pf-t--global--text--color--link--hover);
|
|
19293
|
+
--pf-v6-c-content--a--hover--TextDecoration: var(--pf-t--global--link--text-decoration);
|
|
19294
|
+
--pf-v6-c-content--a--visited--Color: var(--pf-t--global--text--color--link--visited);
|
|
19295
|
+
--pf-v6-c-content--blockquote--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
19296
|
+
--pf-v6-c-content--blockquote--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
19297
|
+
--pf-v6-c-content--blockquote--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
19298
|
+
--pf-v6-c-content--blockquote--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
19299
|
+
--pf-v6-c-content--blockquote--Color: var(--pf-t--global--text--color--subtle);
|
|
19300
|
+
--pf-v6-c-content--blockquote--BorderInlineStartColor: var(--pf-t--global--border--color--default);
|
|
19301
|
+
--pf-v6-c-content--blockquote--BorderInlineStartWidth: var(--pf-t--global--border--width--300);
|
|
19302
|
+
--pf-v6-c-content--ol--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
19303
|
+
--pf-v6-c-content--ol--MarginInlineStart: var(--pf-t--global--spacer--lg);
|
|
19304
|
+
--pf-v6-c-content--ol--nested--MarginBlockStart: var(--pf-t--global--spacer--sm);
|
|
19305
|
+
--pf-v6-c-content--ol--nested--MarginInlineStart: var(--pf-t--global--spacer--sm);
|
|
19306
|
+
--pf-v6-c-content--ul--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
19307
|
+
--pf-v6-c-content--ul--MarginInlineStart: var(--pf-t--global--spacer--lg);
|
|
19308
|
+
--pf-v6-c-content--ul--nested--MarginBlockStart: var(--pf-t--global--spacer--sm);
|
|
19309
|
+
--pf-v6-c-content--ul--nested--MarginInlineStart: var(--pf-t--global--spacer--sm);
|
|
19310
|
+
--pf-v6-c-content--ul--ListStyle: var(--pf-t--global--list-style);
|
|
19311
|
+
--pf-v6-c-content--li--MarginBlockStart: var(--pf-t--global--spacer--sm);
|
|
19312
|
+
--pf-v6-c-content--dl--ColumnGap: var(--pf-t--global--spacer--2xl);
|
|
19313
|
+
--pf-v6-c-content--dl--RowGap: var(--pf-t--global--spacer--md);
|
|
19314
|
+
--pf-v6-c-content--dt--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
19315
|
+
--pf-v6-c-content--dt--MarginBlockStart: var(--pf-t--global--spacer--md);
|
|
19316
|
+
--pf-v6-c-content--dt--sm--MarginBlockStart: 0;
|
|
19317
|
+
--pf-v6-c-content--hr--Height: var(--pf-t--global--border--width--divider--default);
|
|
19318
|
+
--pf-v6-c-content--hr--BackgroundColor: var(--pf-t--global--border--color--default);
|
|
19319
|
+
}
|
|
19320
|
+
|
|
19321
|
+
.pf-v6-c-content {
|
|
19322
|
+
font-size: var(--pf-v6-c-content--FontSize);
|
|
19323
|
+
line-height: var(--pf-v6-c-content--LineHeight);
|
|
19324
|
+
color: var(--pf-v6-c-content--Color);
|
|
19325
|
+
}
|
|
19326
|
+
|
|
19327
|
+
:is(.pf-v6-c-content--a, .pf-v6-c-content a) {
|
|
19328
|
+
color: var(--pf-v6-c-content--a--Color);
|
|
19329
|
+
text-decoration: var(--pf-v6-c-content--a--TextDecoration);
|
|
19330
|
+
}
|
|
19331
|
+
|
|
19332
|
+
:is(.pf-v6-c-content--a, .pf-v6-c-content a):hover {
|
|
19333
|
+
--pf-v6-c-content--a--Color: var(--pf-v6-c-content--a--hover--Color);
|
|
19334
|
+
--pf-v6-c-content--a--TextDecoration: var(--pf-v6-c-content--a--hover--TextDecoration);
|
|
19335
|
+
}
|
|
19336
|
+
|
|
19337
|
+
:is(.pf-v6-c-content--a.pf-m-visited, .pf-v6-c-content.pf-m-visited a, .pf-v6-c-content a.pf-m-visited):visited {
|
|
19338
|
+
color: var(--pf-v6-c-content--a--visited--Color);
|
|
19339
|
+
}
|
|
19340
|
+
|
|
19341
|
+
:is(.pf-v6-c-content--li + .pf-v6-c-content--li, .pf-v6-c-content li + li) {
|
|
19342
|
+
margin-block-start: var(--pf-v6-c-content--li--MarginBlockStart);
|
|
19343
|
+
}
|
|
19344
|
+
|
|
19345
|
+
:is(.pf-v6-c-content--p,
|
|
19346
|
+
.pf-v6-c-content--dl,
|
|
19347
|
+
.pf-v6-c-content--ol,
|
|
19348
|
+
.pf-v6-c-content--ul,
|
|
19349
|
+
.pf-v6-c-content--blockquote,
|
|
19350
|
+
.pf-v6-c-content--small,
|
|
19351
|
+
.pf-v6-c-content--pre,
|
|
19352
|
+
.pf-v6-c-content--table,
|
|
19353
|
+
.pf-v6-c-content--hr, .pf-v6-c-content p, .pf-v6-c-content dl, .pf-v6-c-content ol, .pf-v6-c-content ul, .pf-v6-c-content blockquote, .pf-v6-c-content small, .pf-v6-c-content pre, .pf-v6-c-content table, .pf-v6-c-content hr):not(:last-child) {
|
|
19354
|
+
margin-block-end: var(--pf-v6-c-content--MarginBlockEnd);
|
|
19355
|
+
}
|
|
19356
|
+
|
|
19357
|
+
:is(.pf-v6-c-content--h1,
|
|
19358
|
+
.pf-v6-c-content--h2,
|
|
19359
|
+
.pf-v6-c-content--h3,
|
|
19360
|
+
.pf-v6-c-content--h4,
|
|
19361
|
+
.pf-v6-c-content--h5,
|
|
19362
|
+
.pf-v6-c-content--h6, .pf-v6-c-content h1, .pf-v6-c-content h2, .pf-v6-c-content h3, .pf-v6-c-content h4, .pf-v6-c-content h5, .pf-v6-c-content h6) {
|
|
19363
|
+
margin: 0;
|
|
19364
|
+
font-family: var(--pf-v6-c-content--heading--FontFamily);
|
|
19365
|
+
}
|
|
19366
|
+
|
|
19367
|
+
:is(.pf-v6-c-content--h1,
|
|
19368
|
+
.pf-v6-c-content--h2,
|
|
19369
|
+
.pf-v6-c-content--h3,
|
|
19370
|
+
.pf-v6-c-content--h4,
|
|
19371
|
+
.pf-v6-c-content--h5,
|
|
19372
|
+
.pf-v6-c-content--h6, .pf-v6-c-content h1, .pf-v6-c-content h2, .pf-v6-c-content h3, .pf-v6-c-content h4, .pf-v6-c-content h5, .pf-v6-c-content h6):first-child {
|
|
19373
|
+
margin-block-start: 0;
|
|
19374
|
+
}
|
|
19375
|
+
|
|
19376
|
+
:is(.pf-v6-c-content--h1,
|
|
19377
|
+
.pf-v6-c-content--h2,
|
|
19378
|
+
.pf-v6-c-content--h3,
|
|
19379
|
+
.pf-v6-c-content--h4,
|
|
19380
|
+
.pf-v6-c-content--h5,
|
|
19381
|
+
.pf-v6-c-content--h6, .pf-v6-c-content h1, .pf-v6-c-content h2, .pf-v6-c-content h3, .pf-v6-c-content h4, .pf-v6-c-content h5, .pf-v6-c-content h6):last-child {
|
|
19382
|
+
margin-block-end: 0;
|
|
19383
|
+
}
|
|
19384
|
+
|
|
19385
|
+
:is(.pf-v6-c-content--ol,
|
|
19386
|
+
.pf-v6-c-content--ul, .pf-v6-c-content ol, .pf-v6-c-content ul) {
|
|
19387
|
+
margin: 0;
|
|
19388
|
+
}
|
|
19389
|
+
|
|
19390
|
+
:is(.pf-v6-c-content--ol,
|
|
19391
|
+
.pf-v6-c-content--ul, .pf-v6-c-content ol, .pf-v6-c-content ul).pf-m-plain {
|
|
19392
|
+
padding-inline-start: 0;
|
|
19393
|
+
margin-inline-start: 0;
|
|
19394
|
+
list-style: none;
|
|
19395
|
+
}
|
|
19396
|
+
|
|
19397
|
+
:is(.pf-v6-c-content--h1, .pf-v6-c-content h1) {
|
|
19398
|
+
margin-block-start: var(--pf-v6-c-content--h1--MarginBlockStart);
|
|
19399
|
+
margin-block-end: var(--pf-v6-c-content--h1--MarginBlockEnd);
|
|
19400
|
+
font-size: var(--pf-v6-c-content--h1--FontSize);
|
|
19401
|
+
font-weight: var(--pf-v6-c-content--h1--FontWeight);
|
|
19402
|
+
line-height: var(--pf-v6-c-content--h1--LineHeight);
|
|
19403
|
+
}
|
|
19404
|
+
|
|
19405
|
+
:is(.pf-v6-c-content--h2, .pf-v6-c-content h2) {
|
|
19406
|
+
margin-block-start: var(--pf-v6-c-content--h2--MarginBlockStart);
|
|
19407
|
+
margin-block-end: var(--pf-v6-c-content--h2--MarginBlockEnd);
|
|
19408
|
+
font-size: var(--pf-v6-c-content--h2--FontSize);
|
|
19409
|
+
font-weight: var(--pf-v6-c-content--h2--FontWeight);
|
|
19410
|
+
line-height: var(--pf-v6-c-content--h2--LineHeight);
|
|
19411
|
+
}
|
|
19412
|
+
|
|
19413
|
+
:is(.pf-v6-c-content--h3, .pf-v6-c-content h3) {
|
|
19414
|
+
margin-block-start: var(--pf-v6-c-content--h3--MarginBlockStart);
|
|
19415
|
+
margin-block-end: var(--pf-v6-c-content--h3--MarginBlockEnd);
|
|
19416
|
+
font-size: var(--pf-v6-c-content--h3--FontSize);
|
|
19417
|
+
font-weight: var(--pf-v6-c-content--h3--FontWeight);
|
|
19418
|
+
line-height: var(--pf-v6-c-content--h3--LineHeight);
|
|
19419
|
+
}
|
|
19420
|
+
|
|
19421
|
+
:is(.pf-v6-c-content--h4, .pf-v6-c-content h4) {
|
|
19422
|
+
margin-block-start: var(--pf-v6-c-content--h4--MarginBlockStart);
|
|
19423
|
+
margin-block-end: var(--pf-v6-c-content--h4--MarginBlockEnd);
|
|
19424
|
+
font-size: var(--pf-v6-c-content--h4--FontSize);
|
|
19425
|
+
font-weight: var(--pf-v6-c-content--h4--FontWeight);
|
|
19426
|
+
line-height: var(--pf-v6-c-content--h4--LineHeight);
|
|
19427
|
+
}
|
|
19428
|
+
|
|
19429
|
+
:is(.pf-v6-c-content--h5, .pf-v6-c-content h5) {
|
|
19430
|
+
margin-block-start: var(--pf-v6-c-content--h5--MarginBlockStart);
|
|
19431
|
+
margin-block-end: var(--pf-v6-c-content--h5--MarginBlockEnd);
|
|
19432
|
+
font-size: var(--pf-v6-c-content--h5--FontSize);
|
|
19433
|
+
font-weight: var(--pf-v6-c-content--h5--FontWeight);
|
|
19434
|
+
line-height: var(--pf-v6-c-content--h5--LineHeight);
|
|
19435
|
+
}
|
|
19436
|
+
|
|
19437
|
+
:is(.pf-v6-c-content--h6, .pf-v6-c-content h6) {
|
|
19438
|
+
margin-block-start: var(--pf-v6-c-content--h6--MarginBlockStart);
|
|
19439
|
+
margin-block-end: var(--pf-v6-c-content--h6--MarginBlockEnd);
|
|
19440
|
+
font-size: var(--pf-v6-c-content--h6--FontSize);
|
|
19441
|
+
font-weight: var(--pf-v6-c-content--h6--FontWeight);
|
|
19442
|
+
line-height: var(--pf-v6-c-content--h6--LineHeight);
|
|
19443
|
+
}
|
|
19444
|
+
|
|
19445
|
+
:is(.pf-v6-c-content--small, .pf-v6-c-content small) {
|
|
19446
|
+
display: block;
|
|
19447
|
+
font-size: var(--pf-v6-c-content--small--FontSize);
|
|
19448
|
+
line-height: var(--pf-v6-c-content--small--LineHeight);
|
|
19449
|
+
color: var(--pf-v6-c-content--small--Color);
|
|
19450
|
+
}
|
|
19451
|
+
|
|
19452
|
+
:is(.pf-v6-c-content--small, .pf-v6-c-content small):not(:last-child) {
|
|
19453
|
+
margin-block-end: var(--pf-v6-c-content--small--MarginBlockEnd);
|
|
19454
|
+
}
|
|
19455
|
+
|
|
19456
|
+
:is(.pf-v6-c-content--blockquote, .pf-v6-c-content blockquote) {
|
|
19457
|
+
padding-block-start: var(--pf-v6-c-content--blockquote--PaddingBlockStart);
|
|
19458
|
+
padding-block-end: var(--pf-v6-c-content--blockquote--PaddingBlockEnd);
|
|
19459
|
+
padding-inline-start: var(--pf-v6-c-content--blockquote--PaddingInlineStart);
|
|
19460
|
+
padding-inline-end: var(--pf-v6-c-content--blockquote--PaddingInlineEnd);
|
|
19461
|
+
color: var(--pf-v6-c-content--blockquote--Color);
|
|
19462
|
+
border-inline-start: var(--pf-v6-c-content--blockquote--BorderInlineStartWidth) solid var(--pf-v6-c-content--blockquote--BorderInlineStartColor);
|
|
19463
|
+
}
|
|
19464
|
+
|
|
19465
|
+
:is(.pf-v6-c-content--hr, .pf-v6-c-content hr) {
|
|
19466
|
+
height: var(--pf-v6-c-content--hr--Height);
|
|
19467
|
+
background-color: var(--pf-v6-c-content--hr--BackgroundColor);
|
|
19468
|
+
border: none;
|
|
19469
|
+
}
|
|
19470
|
+
|
|
19471
|
+
:is(.pf-v6-c-content--ol, .pf-v6-c-content ol) {
|
|
19472
|
+
padding-inline-start: var(--pf-v6-c-content--ol--PaddingInlineStart);
|
|
19473
|
+
margin-inline-start: var(--pf-v6-c-content--ol--MarginInlineStart);
|
|
19474
|
+
}
|
|
19475
|
+
|
|
19476
|
+
:is(.pf-v6-c-content--ol, .pf-v6-c-content ol) :is(.pf-v6-c-content--ul,
|
|
19477
|
+
ul) {
|
|
19478
|
+
--pf-v6-c-content--ul--MarginInlineStart: var(--pf-v6-c-content--ul--nested--MarginInlineStart);
|
|
19479
|
+
margin-block-start: var(--pf-v6-c-content--ul--nested--MarginBlockStart);
|
|
19480
|
+
}
|
|
19481
|
+
|
|
19482
|
+
:is(.pf-v6-c-content--ol, .pf-v6-c-content ol) :is(.pf-v6-c-content--ol,
|
|
19483
|
+
ol) {
|
|
19484
|
+
--pf-v6-c-content--ol--MarginInlineStart: var(--pf-v6-c-content--ol--nested--MarginInlineStart);
|
|
19485
|
+
margin-block-start: var(--pf-v6-c-content--ol--nested--MarginBlockStart);
|
|
19486
|
+
}
|
|
19487
|
+
|
|
19488
|
+
:is(.pf-v6-c-content--ul, .pf-v6-c-content ul) {
|
|
19489
|
+
padding-inline-start: var(--pf-v6-c-content--ul--PaddingInlineStart);
|
|
19490
|
+
margin-inline-start: var(--pf-v6-c-content--ul--MarginInlineStart);
|
|
19491
|
+
list-style: var(--pf-v6-c-content--ul--ListStyle);
|
|
19492
|
+
}
|
|
19493
|
+
|
|
19494
|
+
:is(.pf-v6-c-content--ul, .pf-v6-c-content ul) :is(.pf-v6-c-content--ul,
|
|
19495
|
+
ul) {
|
|
19496
|
+
--pf-v6-c-content--ul--MarginInlineStart: var(--pf-v6-c-content--ul--nested--MarginInlineStart);
|
|
19497
|
+
margin-block-start: var(--pf-v6-c-content--ul--nested--MarginBlockStart);
|
|
19498
|
+
}
|
|
19499
|
+
|
|
19500
|
+
:is(.pf-v6-c-content--ul, .pf-v6-c-content ul) :is(.pf-v6-c-content--ol,
|
|
19501
|
+
ol) {
|
|
19502
|
+
--pf-v6-c-content--ol--MarginInlineStart: var(--pf-v6-c-content--ol--nested--MarginInlineStart);
|
|
19503
|
+
margin-block-start: var(--pf-v6-c-content--ol--nested--MarginBlockStart);
|
|
19504
|
+
}
|
|
19505
|
+
|
|
19506
|
+
:is(.pf-v6-c-content--dl, .pf-v6-c-content dl) {
|
|
19507
|
+
display: grid;
|
|
19508
|
+
grid-template-columns: 1fr;
|
|
19509
|
+
}
|
|
19510
|
+
|
|
19511
|
+
@media screen and (min-width: 576px) {
|
|
19512
|
+
:is(.pf-v6-c-content--dl, .pf-v6-c-content dl) {
|
|
19513
|
+
grid-template: auto/auto 1fr;
|
|
19514
|
+
grid-row-gap: var(--pf-v6-c-content--dl--RowGap);
|
|
19515
|
+
grid-column-gap: var(--pf-v6-c-content--dl--ColumnGap);
|
|
19516
|
+
}
|
|
19517
|
+
}
|
|
19518
|
+
:is(.pf-v6-c-content--dt, .pf-v6-c-content dt) {
|
|
19519
|
+
font-weight: var(--pf-v6-c-content--dt--FontWeight);
|
|
19525
19520
|
}
|
|
19526
19521
|
|
|
19527
|
-
.pf-v6-c-
|
|
19528
|
-
|
|
19529
|
-
padding-block-end: var(--pf-v6-c-tab-content__body--PaddingBlockEnd);
|
|
19530
|
-
padding-inline-start: var(--pf-v6-c-tab-content__body--PaddingInlineStart);
|
|
19531
|
-
padding-inline-end: var(--pf-v6-c-tab-content__body--PaddingInlineEnd);
|
|
19522
|
+
:is(.pf-v6-c-content--dt, .pf-v6-c-content dt):not(:first-child) {
|
|
19523
|
+
margin-block-start: var(--pf-v6-c-content--dt--MarginBlockStart);
|
|
19532
19524
|
}
|
|
19533
19525
|
|
|
19534
|
-
|
|
19535
|
-
|
|
19536
|
-
|
|
19537
|
-
|
|
19538
|
-
|
|
19526
|
+
@media screen and (min-width: 576px) {
|
|
19527
|
+
:is(.pf-v6-c-content--dt, .pf-v6-c-content dt):not(:first-child) {
|
|
19528
|
+
--pf-v6-c-content--dt--MarginBlockStart: var(--pf-v6-c-content--dt--sm--MarginBlockStart);
|
|
19529
|
+
}
|
|
19530
|
+
}
|
|
19531
|
+
@media screen and (min-width: 576px) {
|
|
19532
|
+
:is(.pf-v6-c-content--dt, .pf-v6-c-content dt) {
|
|
19533
|
+
grid-column: 1;
|
|
19534
|
+
}
|
|
19535
|
+
}
|
|
19536
|
+
@media screen and (min-width: 576px) {
|
|
19537
|
+
:is(.pf-v6-c-content--dd, .pf-v6-c-content dd) {
|
|
19538
|
+
grid-column: 2;
|
|
19539
|
+
}
|
|
19539
19540
|
}
|
|
19540
|
-
|
|
19541
19541
|
:where(:root, .pf-v6-c-tile) {
|
|
19542
19542
|
--pf-v6-c-tile--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
19543
19543
|
--pf-v6-c-tile--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
@@ -22956,6 +22956,49 @@ ol) {
|
|
|
22956
22956
|
display: inline-block;
|
|
22957
22957
|
}
|
|
22958
22958
|
}
|
|
22959
|
+
:where(:root, .pf-v6-c-number-input) {
|
|
22960
|
+
--pf-v6-c-number-input__unit--c-input-group--MarginInlineStart: var(--pf-t--global--spacer--sm);
|
|
22961
|
+
--pf-v6-c-number-input__icon--FontSize: var(--pf-t--global--font--size--xs);
|
|
22962
|
+
--pf-v6-c-number-input--c-form-control--width-base: calc(var(--pf-t--global--spacer--md) * 2 + var(--pf-t--global--border--width--box--default) * 2);
|
|
22963
|
+
--pf-v6-c-number-input--c-form-control--width-icon: var(--pf-t--global--spacer--xl);
|
|
22964
|
+
--pf-v6-c-number-input--c-form-control--width-chars: 4;
|
|
22965
|
+
--pf-v6-c-number-input--c-form-control--Width:
|
|
22966
|
+
calc(
|
|
22967
|
+
calc(
|
|
22968
|
+
var(--pf-v6-c-number-input--c-form-control--width-base) + var(--pf-v6-c-number-input--c-form-control--width-chars) * 1ch
|
|
22969
|
+
) + var(--pf-v6-c-number-input--c-form-control--width-icon)
|
|
22970
|
+
);
|
|
22971
|
+
}
|
|
22972
|
+
|
|
22973
|
+
.pf-v6-c-number-input {
|
|
22974
|
+
display: inline-flex;
|
|
22975
|
+
align-items: center;
|
|
22976
|
+
}
|
|
22977
|
+
|
|
22978
|
+
.pf-v6-c-number-input .pf-v6-c-form-control {
|
|
22979
|
+
width: var(--pf-v6-c-number-input--c-form-control--Width);
|
|
22980
|
+
}
|
|
22981
|
+
|
|
22982
|
+
.pf-v6-c-number-input .pf-v6-c-form-control > :is(input) {
|
|
22983
|
+
text-align: end;
|
|
22984
|
+
appearance: textfield;
|
|
22985
|
+
}
|
|
22986
|
+
|
|
22987
|
+
.pf-v6-c-number-input .pf-v6-c-form-control > :is(input)::-webkit-inner-spin-button, .pf-v6-c-number-input .pf-v6-c-form-control > :is(input)::-webkit-outer-spin-button {
|
|
22988
|
+
margin: 0;
|
|
22989
|
+
appearance: none;
|
|
22990
|
+
}
|
|
22991
|
+
|
|
22992
|
+
.pf-v6-c-input-group + .pf-v6-c-number-input__unit,
|
|
22993
|
+
.pf-v6-c-number-input__unit + .pf-v6-c-input-group {
|
|
22994
|
+
margin-inline-start: var(--pf-v6-c-number-input__unit--c-input-group--MarginInlineStart);
|
|
22995
|
+
}
|
|
22996
|
+
|
|
22997
|
+
.pf-v6-c-number-input__icon {
|
|
22998
|
+
display: flex;
|
|
22999
|
+
font-size: var(--pf-v6-c-number-input__icon--FontSize);
|
|
23000
|
+
}
|
|
23001
|
+
|
|
22959
23002
|
:where(:root, .pf-v6-c-tree-view) {
|
|
22960
23003
|
--pf-v6-c-tree-view__node--indent--base: calc(var(--pf-t--global--spacer--md) * 2 + var(--pf-v6-c-tree-view__node-toggle-icon--MinWidth));
|
|
22961
23004
|
--pf-v6-c-tree-view__node--nested-indent--base: calc(var(--pf-v6-c-tree-view__node--indent--base) - var(--pf-t--global--spacer--md));
|
|
@@ -23449,49 +23492,6 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
23449
23492
|
--pf-v6-c-tree-view--m-compact--m-no-background--border--nested--InsetInlineStart: calc(var(--pf-v6-c-tree-view__node--PaddingInlineStart) - var(--pf-v6-c-tree-view--m-compact--m-no-background--base-border--InsetInlineStart--offset));
|
|
23450
23493
|
}
|
|
23451
23494
|
|
|
23452
|
-
:where(:root, .pf-v6-c-number-input) {
|
|
23453
|
-
--pf-v6-c-number-input__unit--c-input-group--MarginInlineStart: var(--pf-t--global--spacer--sm);
|
|
23454
|
-
--pf-v6-c-number-input__icon--FontSize: var(--pf-t--global--font--size--xs);
|
|
23455
|
-
--pf-v6-c-number-input--c-form-control--width-base: calc(var(--pf-t--global--spacer--md) * 2 + var(--pf-t--global--border--width--box--default) * 2);
|
|
23456
|
-
--pf-v6-c-number-input--c-form-control--width-icon: var(--pf-t--global--spacer--xl);
|
|
23457
|
-
--pf-v6-c-number-input--c-form-control--width-chars: 4;
|
|
23458
|
-
--pf-v6-c-number-input--c-form-control--Width:
|
|
23459
|
-
calc(
|
|
23460
|
-
calc(
|
|
23461
|
-
var(--pf-v6-c-number-input--c-form-control--width-base) + var(--pf-v6-c-number-input--c-form-control--width-chars) * 1ch
|
|
23462
|
-
) + var(--pf-v6-c-number-input--c-form-control--width-icon)
|
|
23463
|
-
);
|
|
23464
|
-
}
|
|
23465
|
-
|
|
23466
|
-
.pf-v6-c-number-input {
|
|
23467
|
-
display: inline-flex;
|
|
23468
|
-
align-items: center;
|
|
23469
|
-
}
|
|
23470
|
-
|
|
23471
|
-
.pf-v6-c-number-input .pf-v6-c-form-control {
|
|
23472
|
-
width: var(--pf-v6-c-number-input--c-form-control--Width);
|
|
23473
|
-
}
|
|
23474
|
-
|
|
23475
|
-
.pf-v6-c-number-input .pf-v6-c-form-control > :is(input) {
|
|
23476
|
-
text-align: end;
|
|
23477
|
-
appearance: textfield;
|
|
23478
|
-
}
|
|
23479
|
-
|
|
23480
|
-
.pf-v6-c-number-input .pf-v6-c-form-control > :is(input)::-webkit-inner-spin-button, .pf-v6-c-number-input .pf-v6-c-form-control > :is(input)::-webkit-outer-spin-button {
|
|
23481
|
-
margin: 0;
|
|
23482
|
-
appearance: none;
|
|
23483
|
-
}
|
|
23484
|
-
|
|
23485
|
-
.pf-v6-c-input-group + .pf-v6-c-number-input__unit,
|
|
23486
|
-
.pf-v6-c-number-input__unit + .pf-v6-c-input-group {
|
|
23487
|
-
margin-inline-start: var(--pf-v6-c-number-input__unit--c-input-group--MarginInlineStart);
|
|
23488
|
-
}
|
|
23489
|
-
|
|
23490
|
-
.pf-v6-c-number-input__icon {
|
|
23491
|
-
display: flex;
|
|
23492
|
-
font-size: var(--pf-v6-c-number-input__icon--FontSize);
|
|
23493
|
-
}
|
|
23494
|
-
|
|
23495
23495
|
:where(:root, .pf-v6-c-wizard) {
|
|
23496
23496
|
--pf-v6-c-wizard--Height: initial;
|
|
23497
23497
|
--pf-v6-c-wizard--Height--base: 100%;
|
|
@@ -23991,6 +23991,73 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
23991
23991
|
border-block-start: var(--pf-v6-c-wizard__footer--BorderBlockStartWidth) solid var(--pf-v6-c-wizard__footer--BorderBlockStartColor);
|
|
23992
23992
|
}
|
|
23993
23993
|
|
|
23994
|
+
.pf-v6-c-alert-group {
|
|
23995
|
+
--pf-v6-c-alert-group__item--MarginBlockStart: var(--pf-t--global--spacer--md);
|
|
23996
|
+
--pf-v6-c-alert-group--m-toast--InsetBlockStart: var(--pf-t--global--spacer--2xl);
|
|
23997
|
+
--pf-v6-c-alert-group--m-toast--InsetInlineEnd: var(--pf-t--global--spacer--xl);
|
|
23998
|
+
--pf-v6-c-alert-group--m-toast--MaxWidth: 37.5rem;
|
|
23999
|
+
--pf-v6-c-alert-group--m-toast--ZIndex: var(--pf-t--global--z-index--2xl);
|
|
24000
|
+
--pf-v6-c-alert-group__overflow-button--BorderWidth: 0;
|
|
24001
|
+
--pf-v6-c-alert-group__overflow-button--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
24002
|
+
--pf-v6-c-alert-group__overflow-button--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
24003
|
+
--pf-v6-c-alert-group__overflow-button--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
24004
|
+
--pf-v6-c-alert-group__overflow-button--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
24005
|
+
--pf-v6-c-alert-group__overflow-button--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
24006
|
+
--pf-v6-c-alert-group__overflow-button--Color: var(--pf-t--global--text--color--link--default);
|
|
24007
|
+
--pf-v6-c-alert-group__overflow-button--BoxShadow: var(--pf-t--global--box-shadow--lg);
|
|
24008
|
+
--pf-v6-c-alert-group__overflow-button--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
|
24009
|
+
--pf-v6-c-alert-group__overflow-button--hover--Color: var(--pf-t--global--text--color--link--hover);
|
|
24010
|
+
--pf-v6-c-alert-group__overflow-button--hover--BackgroundColor: var(--pf-t--global--background--color--floating--hover);
|
|
24011
|
+
--pf-v6-c-alert-group__overflow-button--hover--BoxShadow: var(--pf-t--global--box-shadow--lg), var(--pf-t--global--box-shadow--lg--bottom);
|
|
24012
|
+
--pf-v6-c-alert-group__overflow-button--focus--Color: var(--pf-t--global--text--color--link--hover);
|
|
24013
|
+
--pf-v6-c-alert-group__overflow-button--focus--BoxShadow: var(--pf-t--global--box-shadow--lg), var(--pf-t--global--box-shadow--lg--bottom);
|
|
24014
|
+
--pf-v6-c-alert-group__overflow-button--active--Color: var(--pf-t--global--text--color--link--hover);
|
|
24015
|
+
--pf-v6-c-alert-group__overflow-button--active--BoxShadow: var(--pf-t--global--box-shadow--lg), var(--pf-t--global--box-shadow--lg--bottom);
|
|
24016
|
+
}
|
|
24017
|
+
|
|
24018
|
+
.pf-v6-c-alert-group > * + * {
|
|
24019
|
+
margin-block-start: var(--pf-v6-c-alert-group__item--MarginBlockStart);
|
|
24020
|
+
}
|
|
24021
|
+
|
|
24022
|
+
.pf-v6-c-alert-group.pf-m-toast {
|
|
24023
|
+
position: fixed;
|
|
24024
|
+
inset-block-start: var(--pf-v6-c-alert-group--m-toast--InsetBlockStart);
|
|
24025
|
+
inset-inline-end: var(--pf-v6-c-alert-group--m-toast--InsetInlineEnd);
|
|
24026
|
+
z-index: var(--pf-v6-c-alert-group--m-toast--ZIndex);
|
|
24027
|
+
width: calc(100% - var(--pf-v6-c-alert-group--m-toast--InsetInlineEnd) * 2);
|
|
24028
|
+
max-width: var(--pf-v6-c-alert-group--m-toast--MaxWidth);
|
|
24029
|
+
}
|
|
24030
|
+
|
|
24031
|
+
.pf-v6-c-alert-group__overflow-button {
|
|
24032
|
+
position: relative;
|
|
24033
|
+
width: 100%;
|
|
24034
|
+
padding-block-start: var(--pf-v6-c-alert-group__overflow-button--PaddingBlockStart);
|
|
24035
|
+
padding-block-end: var(--pf-v6-c-alert-group__overflow-button--PaddingBlockEnd);
|
|
24036
|
+
padding-inline-start: var(--pf-v6-c-alert-group__overflow-button--PaddingInlineStart);
|
|
24037
|
+
padding-inline-end: var(--pf-v6-c-alert-group__overflow-button--PaddingInlineEnd);
|
|
24038
|
+
color: var(--pf-v6-c-alert-group__overflow-button--Color);
|
|
24039
|
+
background-color: var(--pf-v6-c-alert-group__overflow-button--BackgroundColor);
|
|
24040
|
+
border-width: var(--pf-v6-c-alert-group__overflow-button--BorderWidth);
|
|
24041
|
+
border-radius: var(--pf-v6-c-alert-group__overflow-button--BorderRadius);
|
|
24042
|
+
box-shadow: var(--pf-v6-c-alert-group__overflow-button--BoxShadow);
|
|
24043
|
+
}
|
|
24044
|
+
|
|
24045
|
+
.pf-v6-c-alert-group__overflow-button:hover {
|
|
24046
|
+
--pf-v6-c-alert-group__overflow-button--Color: var(--pf-v6-c-alert-group__overflow-button--hover--Color);
|
|
24047
|
+
--pf-v6-c-alert-group__overflow-button--BackgroundColor: var(--pf-v6-c-alert-group__overflow-button--hover--BackgroundColor);
|
|
24048
|
+
--pf-v6-c-alert-group__overflow-button--BoxShadow: var(--pf-v6-c-alert-group__overflow-button--hover--BoxShadow);
|
|
24049
|
+
}
|
|
24050
|
+
|
|
24051
|
+
.pf-v6-c-alert-group__overflow-button:focus {
|
|
24052
|
+
--pf-v6-c-alert-group__overflow-button--Color: var(--pf-v6-c-alert-group__overflow-button--focus--Color);
|
|
24053
|
+
--pf-v6-c-alert-group__overflow-button--BoxShadow: var(--pf-v6-c-alert-group__overflow-button--focus--BoxShadow);
|
|
24054
|
+
}
|
|
24055
|
+
|
|
24056
|
+
.pf-v6-c-alert-group__overflow-button:active {
|
|
24057
|
+
--pf-v6-c-alert-group__overflow-button--Color: var(--pf-v6-c-alert-group__overflow-button--active--Color);
|
|
24058
|
+
--pf-v6-c-alert-group__overflow-button--BoxShadow: var(--pf-v6-c-alert-group__overflow-button--active--BoxShadow);
|
|
24059
|
+
}
|
|
24060
|
+
|
|
23994
24061
|
:where(:root, .pf-v6-c-panel) {
|
|
23995
24062
|
--pf-v6-c-panel--Width: auto;
|
|
23996
24063
|
--pf-v6-c-panel--MinWidth: auto;
|
|
@@ -24090,73 +24157,6 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
24090
24157
|
box-shadow: var(--pf-v6-c-panel__footer--BoxShadow);
|
|
24091
24158
|
}
|
|
24092
24159
|
|
|
24093
|
-
.pf-v6-c-alert-group {
|
|
24094
|
-
--pf-v6-c-alert-group__item--MarginBlockStart: var(--pf-t--global--spacer--md);
|
|
24095
|
-
--pf-v6-c-alert-group--m-toast--InsetBlockStart: var(--pf-t--global--spacer--2xl);
|
|
24096
|
-
--pf-v6-c-alert-group--m-toast--InsetInlineEnd: var(--pf-t--global--spacer--xl);
|
|
24097
|
-
--pf-v6-c-alert-group--m-toast--MaxWidth: 37.5rem;
|
|
24098
|
-
--pf-v6-c-alert-group--m-toast--ZIndex: var(--pf-t--global--z-index--2xl);
|
|
24099
|
-
--pf-v6-c-alert-group__overflow-button--BorderWidth: 0;
|
|
24100
|
-
--pf-v6-c-alert-group__overflow-button--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
24101
|
-
--pf-v6-c-alert-group__overflow-button--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
24102
|
-
--pf-v6-c-alert-group__overflow-button--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
24103
|
-
--pf-v6-c-alert-group__overflow-button--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
24104
|
-
--pf-v6-c-alert-group__overflow-button--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
24105
|
-
--pf-v6-c-alert-group__overflow-button--Color: var(--pf-t--global--text--color--link--default);
|
|
24106
|
-
--pf-v6-c-alert-group__overflow-button--BoxShadow: var(--pf-t--global--box-shadow--lg);
|
|
24107
|
-
--pf-v6-c-alert-group__overflow-button--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
|
24108
|
-
--pf-v6-c-alert-group__overflow-button--hover--Color: var(--pf-t--global--text--color--link--hover);
|
|
24109
|
-
--pf-v6-c-alert-group__overflow-button--hover--BackgroundColor: var(--pf-t--global--background--color--floating--hover);
|
|
24110
|
-
--pf-v6-c-alert-group__overflow-button--hover--BoxShadow: var(--pf-t--global--box-shadow--lg), var(--pf-t--global--box-shadow--lg--bottom);
|
|
24111
|
-
--pf-v6-c-alert-group__overflow-button--focus--Color: var(--pf-t--global--text--color--link--hover);
|
|
24112
|
-
--pf-v6-c-alert-group__overflow-button--focus--BoxShadow: var(--pf-t--global--box-shadow--lg), var(--pf-t--global--box-shadow--lg--bottom);
|
|
24113
|
-
--pf-v6-c-alert-group__overflow-button--active--Color: var(--pf-t--global--text--color--link--hover);
|
|
24114
|
-
--pf-v6-c-alert-group__overflow-button--active--BoxShadow: var(--pf-t--global--box-shadow--lg), var(--pf-t--global--box-shadow--lg--bottom);
|
|
24115
|
-
}
|
|
24116
|
-
|
|
24117
|
-
.pf-v6-c-alert-group > * + * {
|
|
24118
|
-
margin-block-start: var(--pf-v6-c-alert-group__item--MarginBlockStart);
|
|
24119
|
-
}
|
|
24120
|
-
|
|
24121
|
-
.pf-v6-c-alert-group.pf-m-toast {
|
|
24122
|
-
position: fixed;
|
|
24123
|
-
inset-block-start: var(--pf-v6-c-alert-group--m-toast--InsetBlockStart);
|
|
24124
|
-
inset-inline-end: var(--pf-v6-c-alert-group--m-toast--InsetInlineEnd);
|
|
24125
|
-
z-index: var(--pf-v6-c-alert-group--m-toast--ZIndex);
|
|
24126
|
-
width: calc(100% - var(--pf-v6-c-alert-group--m-toast--InsetInlineEnd) * 2);
|
|
24127
|
-
max-width: var(--pf-v6-c-alert-group--m-toast--MaxWidth);
|
|
24128
|
-
}
|
|
24129
|
-
|
|
24130
|
-
.pf-v6-c-alert-group__overflow-button {
|
|
24131
|
-
position: relative;
|
|
24132
|
-
width: 100%;
|
|
24133
|
-
padding-block-start: var(--pf-v6-c-alert-group__overflow-button--PaddingBlockStart);
|
|
24134
|
-
padding-block-end: var(--pf-v6-c-alert-group__overflow-button--PaddingBlockEnd);
|
|
24135
|
-
padding-inline-start: var(--pf-v6-c-alert-group__overflow-button--PaddingInlineStart);
|
|
24136
|
-
padding-inline-end: var(--pf-v6-c-alert-group__overflow-button--PaddingInlineEnd);
|
|
24137
|
-
color: var(--pf-v6-c-alert-group__overflow-button--Color);
|
|
24138
|
-
background-color: var(--pf-v6-c-alert-group__overflow-button--BackgroundColor);
|
|
24139
|
-
border-width: var(--pf-v6-c-alert-group__overflow-button--BorderWidth);
|
|
24140
|
-
border-radius: var(--pf-v6-c-alert-group__overflow-button--BorderRadius);
|
|
24141
|
-
box-shadow: var(--pf-v6-c-alert-group__overflow-button--BoxShadow);
|
|
24142
|
-
}
|
|
24143
|
-
|
|
24144
|
-
.pf-v6-c-alert-group__overflow-button:hover {
|
|
24145
|
-
--pf-v6-c-alert-group__overflow-button--Color: var(--pf-v6-c-alert-group__overflow-button--hover--Color);
|
|
24146
|
-
--pf-v6-c-alert-group__overflow-button--BackgroundColor: var(--pf-v6-c-alert-group__overflow-button--hover--BackgroundColor);
|
|
24147
|
-
--pf-v6-c-alert-group__overflow-button--BoxShadow: var(--pf-v6-c-alert-group__overflow-button--hover--BoxShadow);
|
|
24148
|
-
}
|
|
24149
|
-
|
|
24150
|
-
.pf-v6-c-alert-group__overflow-button:focus {
|
|
24151
|
-
--pf-v6-c-alert-group__overflow-button--Color: var(--pf-v6-c-alert-group__overflow-button--focus--Color);
|
|
24152
|
-
--pf-v6-c-alert-group__overflow-button--BoxShadow: var(--pf-v6-c-alert-group__overflow-button--focus--BoxShadow);
|
|
24153
|
-
}
|
|
24154
|
-
|
|
24155
|
-
.pf-v6-c-alert-group__overflow-button:active {
|
|
24156
|
-
--pf-v6-c-alert-group__overflow-button--Color: var(--pf-v6-c-alert-group__overflow-button--active--Color);
|
|
24157
|
-
--pf-v6-c-alert-group__overflow-button--BoxShadow: var(--pf-v6-c-alert-group__overflow-button--active--BoxShadow);
|
|
24158
|
-
}
|
|
24159
|
-
|
|
24160
24160
|
:where(:root, .pf-v6-c-truncate) {
|
|
24161
24161
|
--pf-v6-c-truncate--MinWidth: 12ch;
|
|
24162
24162
|
--pf-v6-c-truncate__start--MinWidth: 6ch;
|