@patternfly/patternfly 6.0.0-alpha.47 → 6.0.0-alpha.48

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.
Files changed (16) hide show
  1. package/components/Form/form.css +2 -35
  2. package/components/Form/form.scss +2 -35
  3. package/components/Progress/progress.css +31 -45
  4. package/components/Progress/progress.scss +36 -55
  5. package/docs/components/Form/examples/Form.md +122 -89
  6. package/docs/demos/Form/examples/BasicForms.md +110 -80
  7. package/docs/demos/Modal/examples/Modal.md +33 -24
  8. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +11 -8
  9. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +44 -32
  10. package/package.json +1 -1
  11. package/patternfly-no-globals.css +33 -84
  12. package/patternfly-theme-dark-unversioned.css +33 -84
  13. package/patternfly.css +33 -84
  14. package/patternfly.min.css +1 -1
  15. package/patternfly.min.css.map +1 -1
  16. package/components/Progress/themes/dark/progress.scss +0 -9
package/docs/demos/Modal/examples/Modal.md CHANGED
@@ -2060,14 +2060,17 @@ section: components
2060
2060
  <span class="pf-v5-c-form__label-text">Name</span>&nbsp;<span
2061
2061
  class="pf-v5-c-form__label-required"
2062
2062
  aria-hidden="true"
2063
- >&#42;</span></label>&nbsp;<span
2064
- class="pf-v5-c-form__group-label-help"
2065
- aria-label="More information for name field"
2066
- aria-describedby="-form-name"
2067
- role="button"
2068
- type="button"
2069
- tabindex="0"
2070
- ><i class="fas fa-question-circle" aria-hidden="true"></i></span>
2063
+ >&#42;</span></label>&nbsp;<span class="pf-v5-c-form__group-label-help">
2064
+ <span
2065
+ class="pf-v5-c-button pf-m-plain pf-m-no-padding"
2066
+ type="button"
2067
+ role="button"
2068
+ tabindex="0"
2069
+ aria-label="More information for name field"
2070
+ aria-describedby="-form-name"
2071
+ >
2072
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
2073
+ </span></span>
2071
2074
  </div>
2072
2075
  <div class="pf-v5-c-form__group-control">
2073
2076
  <span class="pf-v5-c-form-control pf-m-required">
@@ -2080,14 +2083,17 @@ section: components
2080
2083
  <span class="pf-v5-c-form__label-text">E-mail</span>&nbsp;<span
2081
2084
  class="pf-v5-c-form__label-required"
2082
2085
  aria-hidden="true"
2083
- >&#42;</span></label>&nbsp;<span
2084
- class="pf-v5-c-form__group-label-help"
2085
- aria-label="More information for email field"
2086
- aria-describedby="-form-email"
2087
- role="button"
2088
- type="button"
2089
- tabindex="0"
2090
- ><i class="fas fa-question-circle" aria-hidden="true"></i></span>
2086
+ >&#42;</span></label>&nbsp;<span class="pf-v5-c-form__group-label-help">
2087
+ <span
2088
+ class="pf-v5-c-button pf-m-plain pf-m-no-padding"
2089
+ type="button"
2090
+ role="button"
2091
+ tabindex="0"
2092
+ aria-label="More information for email field"
2093
+ aria-describedby="-form-email"
2094
+ >
2095
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
2096
+ </span></span>
2091
2097
  </div>
2092
2098
  <div class="pf-v5-c-form__group-control">
2093
2099
  <span class="pf-v5-c-form-control pf-m-required">
@@ -2100,14 +2106,17 @@ section: components
2100
2106
  <span class="pf-v5-c-form__label-text">Address</span>&nbsp;<span
2101
2107
  class="pf-v5-c-form__label-required"
2102
2108
  aria-hidden="true"
2103
- >&#42;</span></label>&nbsp;<span
2104
- class="pf-v5-c-form__group-label-help"
2105
- aria-label="More information for address field"
2106
- aria-describedby="-form-address"
2107
- role="button"
2108
- type="button"
2109
- tabindex="0"
2110
- ><i class="fas fa-question-circle" aria-hidden="true"></i></span>
2109
+ >&#42;</span></label>&nbsp;<span class="pf-v5-c-form__group-label-help">
2110
+ <span
2111
+ class="pf-v5-c-button pf-m-plain pf-m-no-padding"
2112
+ type="button"
2113
+ role="button"
2114
+ tabindex="0"
2115
+ aria-label="More information for address field"
2116
+ aria-describedby="-form-address"
2117
+ >
2118
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
2119
+ </span></span>
2111
2120
  </div>
2112
2121
  <div class="pf-v5-c-form__group-control">
2113
2122
  <span class="pf-v5-c-form-control pf-m-required">
package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md CHANGED
@@ -13,14 +13,17 @@ section: components
13
13
  class="pf-v5-c-form__label"
14
14
  for="password-generator-demo--initial-password"
15
15
  >
16
- <span class="pf-v5-c-form__label-text">Password</span>&nbsp;<span class="pf-v5-c-form__label-required" aria-hidden="true">&#42;</span></label>&nbsp;<span
17
- class="pf-v5-c-form__group-label-help"
18
- aria-label="More information for password field"
19
- aria-describedby="password-generator-demo--initial-password"
20
- role="button"
21
- type="button"
22
- tabindex="0"
23
- ><i class="fas fa-question-circle" aria-hidden="true"></i></span>
16
+ <span class="pf-v5-c-form__label-text">Password</span>&nbsp;<span class="pf-v5-c-form__label-required" aria-hidden="true">&#42;</span></label>&nbsp;<span class="pf-v5-c-form__group-label-help">
17
+ <span
18
+ class="pf-v5-c-button pf-m-plain pf-m-no-padding"
19
+ type="button"
20
+ role="button"
21
+ tabindex="0"
22
+ aria-label="More information for password field"
23
+ aria-describedby="password-generator-demo--initial-password"
24
+ >
25
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
26
+ </span></span>
24
27
  </div>
25
28
  <div class="pf-v5-c-form__group-label-info"></div>
26
29
  </div>
package/docs/demos/PasswordStrength/examples/PasswordStrength.md CHANGED
@@ -13,14 +13,17 @@ section: components
13
13
  class="pf-v5-c-form__label"
14
14
  for="password-strength-demo--initial-password"
15
15
  >
16
- <span class="pf-v5-c-form__label-text">Password</span>&nbsp;<span class="pf-v5-c-form__label-required" aria-hidden="true">&#42;</span></label>&nbsp;<span
17
- class="pf-v5-c-form__group-label-help"
18
- aria-label="More information for password field"
19
- aria-describedby="password-strength-demo--initial-password"
20
- role="button"
21
- type="button"
22
- tabindex="0"
23
- ><i class="fas fa-question-circle" aria-hidden="true"></i></span>
16
+ <span class="pf-v5-c-form__label-text">Password</span>&nbsp;<span class="pf-v5-c-form__label-required" aria-hidden="true">&#42;</span></label>&nbsp;<span class="pf-v5-c-form__group-label-help">
17
+ <span
18
+ class="pf-v5-c-button pf-m-plain pf-m-no-padding"
19
+ type="button"
20
+ role="button"
21
+ tabindex="0"
22
+ aria-label="More information for password field"
23
+ aria-describedby="password-strength-demo--initial-password"
24
+ >
25
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
26
+ </span></span>
24
27
  </div>
25
28
  <div class="pf-v5-c-form__group-label-info"></div>
26
29
  </div>
@@ -99,14 +102,17 @@ section: components
99
102
  class="pf-v5-c-form__label"
100
103
  for="password-strength-demo--invalid-password"
101
104
  >
102
- <span class="pf-v5-c-form__label-text">Password</span>&nbsp;<span class="pf-v5-c-form__label-required" aria-hidden="true">&#42;</span></label>&nbsp;<span
103
- class="pf-v5-c-form__group-label-help"
104
- aria-label="More information for password field"
105
- aria-describedby="password-strength-demo--invalid-password"
106
- role="button"
107
- type="button"
108
- tabindex="0"
109
- ><i class="fas fa-question-circle" aria-hidden="true"></i></span>
105
+ <span class="pf-v5-c-form__label-text">Password</span>&nbsp;<span class="pf-v5-c-form__label-required" aria-hidden="true">&#42;</span></label>&nbsp;<span class="pf-v5-c-form__group-label-help">
106
+ <span
107
+ class="pf-v5-c-button pf-m-plain pf-m-no-padding"
108
+ type="button"
109
+ role="button"
110
+ tabindex="0"
111
+ aria-label="More information for password field"
112
+ aria-describedby="password-strength-demo--invalid-password"
113
+ >
114
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
115
+ </span></span>
110
116
  </div>
111
117
  <div class="pf-v5-c-form__group-label-info"></div>
112
118
  </div>
@@ -179,14 +185,17 @@ section: components
179
185
  class="pf-v5-c-form__label"
180
186
  for="password-strength-demo--weak-password"
181
187
  >
182
- <span class="pf-v5-c-form__label-text">Password</span>&nbsp;<span class="pf-v5-c-form__label-required" aria-hidden="true">&#42;</span></label>&nbsp;<span
183
- class="pf-v5-c-form__group-label-help"
184
- aria-label="More information for password field"
185
- aria-describedby="password-strength-demo--weak-password"
186
- role="button"
187
- type="button"
188
- tabindex="0"
189
- ><i class="fas fa-question-circle" aria-hidden="true"></i></span>
188
+ <span class="pf-v5-c-form__label-text">Password</span>&nbsp;<span class="pf-v5-c-form__label-required" aria-hidden="true">&#42;</span></label>&nbsp;<span class="pf-v5-c-form__group-label-help">
189
+ <span
190
+ class="pf-v5-c-button pf-m-plain pf-m-no-padding"
191
+ type="button"
192
+ role="button"
193
+ tabindex="0"
194
+ aria-label="More information for password field"
195
+ aria-describedby="password-strength-demo--weak-password"
196
+ >
197
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
198
+ </span></span>
190
199
  </div>
191
200
  <div class="pf-v5-c-form__group-label-info">
192
201
  <div class="pf-v5-c-helper-text">
@@ -268,14 +277,17 @@ section: components
268
277
  class="pf-v5-c-form__label"
269
278
  for="password-strength-demo--strong-password"
270
279
  >
271
- <span class="pf-v5-c-form__label-text">Password</span>&nbsp;<span class="pf-v5-c-form__label-required" aria-hidden="true">&#42;</span></label>&nbsp;<span
272
- class="pf-v5-c-form__group-label-help"
273
- aria-label="More information for password field"
274
- aria-describedby="password-strength-demo--strong-password"
275
- role="button"
276
- type="button"
277
- tabindex="0"
278
- ><i class="fas fa-question-circle" aria-hidden="true"></i></span>
280
+ <span class="pf-v5-c-form__label-text">Password</span>&nbsp;<span class="pf-v5-c-form__label-required" aria-hidden="true">&#42;</span></label>&nbsp;<span class="pf-v5-c-form__group-label-help">
281
+ <span
282
+ class="pf-v5-c-button pf-m-plain pf-m-no-padding"
283
+ type="button"
284
+ role="button"
285
+ tabindex="0"
286
+ aria-label="More information for password field"
287
+ aria-describedby="password-strength-demo--strong-password"
288
+ >
289
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
290
+ </span></span>
279
291
  </div>
280
292
  <div class="pf-v5-c-form__group-label-info">
281
293
  <div class="pf-v5-c-helper-text">
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@patternfly/patternfly",
3
3
  "description": "Assets, source, tooling, and content for PatternFly 4",
4
- "version": "6.0.0-alpha.47",
4
+ "version": "6.0.0-alpha.48",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
package/patternfly-no-globals.css CHANGED
@@ -15118,20 +15118,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
15118
15118
  --pf-v5-c-form__label-required--MarginLeft: var(--pf-t--global--spacer--xs);
15119
15119
  --pf-v5-c-form__label-required--FontSize: var(--pf-t--global--font--size--body--sm);
15120
15120
  --pf-v5-c-form__label-required--Color: var(--pf-t--global--color--status--danger--default);
15121
- --pf-v5-c-form__group-label-help--BackgroundColor: transparent;
15122
- --pf-v5-c-form__group-label-help--PaddingTop: var(--pf-t--global--spacer--xs);
15123
- --pf-v5-c-form__group-label-help--PaddingRight: var(--pf-t--global--spacer--xs);
15124
- --pf-v5-c-form__group-label-help--PaddingBottom: var(--pf-t--global--spacer--xs);
15125
- --pf-v5-c-form__group-label-help--PaddingLeft: var(--pf-t--global--spacer--xs);
15126
- --pf-v5-c-form__group-label-help--MarginTop: calc(var(--pf-v5-c-form__group-label-help--PaddingTop) * -1);
15127
- --pf-v5-c-form__group-label-help--MarginRight: calc(var(--pf-v5-c-form__group-label-help--PaddingRight) * -1);
15128
- --pf-v5-c-form__group-label-help--MarginBottom: calc(var(--pf-v5-c-form__group-label-help--PaddingBottom) * -1);
15129
- --pf-v5-c-form__group-label-help--MarginLeft: calc(var(--pf-v5-c-form__group-label-help--PaddingLeft) * -1 + var(--pf-t--global--spacer--xs));
15130
15121
  --pf-v5-c-form__group-label-help--FontSize: var(--pf-t--global--font--size--body--sm);
15131
- --pf-v5-c-form__group-label-help--TranslateY: 0.125rem;
15132
- --pf-v5-c-form__group-label-help--Color: var(--pf-t--global--icon--color--regular);
15133
- --pf-v5-c-form__group-label-help--hover--Color: var(--pf-t--global--icon--color--regular);
15134
- --pf-v5-c-form__group-label-help--focus--Color: var(--pf-t--global--icon--color--brand--hover);
15135
15122
  --pf-v5-c-form__group-label-info--MarginLeft: var(--pf-t--global--spacer--sm);
15136
15123
  --pf-v5-c-form__group-label-info--FontSize: var(--pf-t--global--font--size--body--sm);
15137
15124
  --pf-v5-c-form__group-control--m-inline--child--MarginRight: var(--pf-t--global--spacer--lg);
@@ -15413,28 +15400,8 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
15413
15400
  color: var(--pf-v5-c-form__label-required--Color);
15414
15401
  }
15415
15402
 
15416
- .pf-v5-c-form__group-label-help {
15417
- padding-block-start: var(--pf-v5-c-form__group-label-help--PaddingTop);
15418
- padding-block-end: var(--pf-v5-c-form__group-label-help--PaddingBottom);
15419
- padding-inline-start: var(--pf-v5-c-form__group-label-help--PaddingLeft);
15420
- padding-inline-end: var(--pf-v5-c-form__group-label-help--PaddingRight);
15421
- margin-block-start: var(--pf-v5-c-form__group-label-help--MarginTop);
15422
- margin-block-end: var(--pf-v5-c-form__group-label-help--MarginBottom);
15423
- margin-inline-start: var(--pf-v5-c-form__group-label-help--MarginLeft);
15424
- margin-inline-end: var(--pf-v5-c-form__group-label-help--MarginRight);
15425
- font-size: var(--pf-v5-c-form__group-label-help--FontSize);
15426
- line-height: 1;
15427
- color: var(--pf-v5-c-form__group-label-help--Color);
15428
- cursor: pointer;
15429
- background-color: var(--pf-v5-c-form__group-label-help--BackgroundColor);
15430
- border: 0;
15431
- transform: translateY(var(--pf-v5-c-form__group-label-help--TranslateY));
15432
- }
15433
- .pf-v5-c-form__group-label-help:hover {
15434
- --pf-v5-c-form__group-label-help--Color: var(--pf-v5-c-form__group-label-help--hover--Color);
15435
- }
15436
- .pf-v5-c-form__group-label-help:focus-within {
15437
- --pf-v5-c-form__group-label-help--Color: var(--pf-v5-c-form__group-label-help--focus--Color);
15403
+ .pf-v5-c-form__group-label-help .pf-v5-c-button {
15404
+ --pf-v5-c-button--FontSize: var(--pf-v5-c-form__group-label-help--FontSize);
15438
15405
  }
15439
15406
 
15440
15407
  .pf-v5-c-form__group-control {
@@ -22826,34 +22793,36 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
22826
22793
  margin-block-start: var(--pf-v5-c-popover__footer--MarginTop);
22827
22794
  }
22828
22795
 
22796
+ :root,
22829
22797
  .pf-v5-c-progress {
22830
- --pf-v5-c-progress--GridGap: var(--pf-v5-global--spacer--md);
22831
- --pf-v5-c-progress__bar--before--BackgroundColor: var(--pf-v5-global--primary-color--100);
22832
- --pf-v5-c-progress__bar--Height: var(--pf-v5-global--spacer--md);
22833
- --pf-v5-c-progress__bar--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-100);
22798
+ --pf-v5-c-progress--GridGap: var(--pf-t--global--spacer--md);
22799
+ --pf-v5-c-progress__bar--Height: var(--pf-t--global--spacer--md);
22800
+ --pf-v5-c-progress__bar--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
22834
22801
  --pf-v5-c-progress__measure--m-static-width--MinWidth: 4.5ch;
22835
- --pf-v5-c-progress__status--Gap: var(--pf-v5-global--spacer--sm);
22836
- --pf-v5-c-progress__status-icon--Color: var(--pf-v5-global--Color--100);
22837
- --pf-v5-c-progress__bar--before--Opacity: .2;
22802
+ --pf-v5-c-progress__status--Gap: var(--pf-t--global--spacer--sm);
22803
+ --pf-v5-c-progress__status-icon--Color: var(--pf-t--global--icon--color--regular);
22838
22804
  --pf-v5-c-progress__indicator--Height: var(--pf-v5-c-progress__bar--Height);
22839
- --pf-v5-c-progress__indicator--BackgroundColor: var(--pf-v5-c-progress__bar--before--BackgroundColor);
22840
- --pf-v5-c-progress__helper-text--MarginTop: calc(var(--pf-v5-global--spacer--xs) - var(--pf-v5-c-progress--GridGap));
22841
- --pf-v5-c-progress--m-success__bar--BackgroundColor: var(--pf-v5-global--success-color--100);
22842
- --pf-v5-c-progress--m-warning__bar--BackgroundColor: var(--pf-v5-global--warning-color--100);
22843
- --pf-v5-c-progress--m-danger__bar--BackgroundColor: var(--pf-v5-global--danger-color--100);
22844
- --pf-v5-c-progress--m-success__status-icon--Color: var(--pf-v5-global--success-color--100);
22845
- --pf-v5-c-progress--m-warning__status-icon--Color: var(--pf-v5-global--warning-color--100);
22846
- --pf-v5-c-progress--m-danger__status-icon--Color: var(--pf-v5-global--danger-color--100);
22847
- --pf-v5-c-progress--m-inside__indicator--MinWidth: var(--pf-v5-global--spacer--xl);
22848
- --pf-v5-c-progress--m-inside__measure--Color: var(--pf-v5-global--Color--light-100);
22849
- --pf-v5-c-progress--m-success--m-inside__measure--Color: var(--pf-v5-global--Color--light-100);
22850
- --pf-v5-c-progress--m-warning--m-inside__measure--Color: var(--pf-v5-global--Color--dark-100);
22851
- --pf-v5-c-progress--m-inside__measure--FontSize: var(--pf-v5-global--FontSize--sm);
22852
- --pf-v5-c-progress--m-outside__measure--FontSize: var(--pf-v5-global--FontSize--sm);
22853
- --pf-v5-c-progress--m-sm__bar--Height: var(--pf-v5-global--spacer--sm);
22854
- --pf-v5-c-progress--m-sm__description--FontSize: var(--pf-v5-global--FontSize--sm);
22855
- --pf-v5-c-progress--m-sm__measure--FontSize: var(--pf-v5-global--FontSize--sm);
22856
- --pf-v5-c-progress--m-lg__bar--Height: var(--pf-v5-global--spacer--lg);
22805
+ --pf-v5-c-progress__indicator--BackgroundColor: var(--pf-t--global--color--brand--default);
22806
+ --pf-v5-c-progress__helper-text--MarginTop: calc(var(--pf-t--global--spacer--sm) - var(--pf-v5-c-progress--GridGap));
22807
+ --pf-v5-c-progress--m-success__indicator--BackgroundColor: var(--pf-t--global--color--status--success--default);
22808
+ --pf-v5-c-progress--m-warning__indicator--BackgroundColor: var(--pf-t--global--color--status--warning--default);
22809
+ --pf-v5-c-progress--m-danger__indicator--BackgroundColor: var(--pf-t--global--color--status--danger--default);
22810
+ --pf-v5-c-progress--m-success__status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
22811
+ --pf-v5-c-progress--m-warning__status-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
22812
+ --pf-v5-c-progress--m-danger__status-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
22813
+ --pf-v5-c-progress--m-inside__indicator--MinWidth: var(--pf-t--global--spacer--xl);
22814
+ --pf-v5-c-progress--m-inside__measure--Color: var(--pf-t--global--text--color--on-brand--default);
22815
+ --pf-v5-c-progress--m-success--m-inside__measure--Color: var(--pf-t--global--text--color--status--on-success--default);
22816
+ --pf-v5-c-progress--m-warning--m-inside__measure--Color: var(--pf-t--global--text--color--status--on-warning--default);
22817
+ --pf-v5-c-progress--m-danger--m-inside__measure--Color: var(--pf-t--global--text--color--status--on-danger--default);
22818
+ --pf-v5-c-progress--m-inside__measure--FontSize: var(--pf-t--global--font--size--sm);
22819
+ --pf-v5-c-progress--m-outside__measure--FontSize: var(--pf-t--global--font--size--sm);
22820
+ --pf-v5-c-progress--m-sm__bar--Height: var(--pf-t--global--spacer--sm);
22821
+ --pf-v5-c-progress--m-sm__measure--FontSize: var(--pf-t--global--font--size--body--sm);
22822
+ --pf-v5-c-progress--m-lg__bar--Height: var(--pf-t--global--spacer--lg);
22823
+ }
22824
+
22825
+ .pf-v5-c-progress {
22857
22826
  display: grid;
22858
22827
  grid-template-rows: 1fr auto;
22859
22828
  grid-template-columns: auto auto;
@@ -22863,9 +22832,6 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
22863
22832
  .pf-v5-c-progress.pf-m-sm {
22864
22833
  --pf-v5-c-progress__bar--Height: var(--pf-v5-c-progress--m-sm__bar--Height);
22865
22834
  }
22866
- .pf-v5-c-progress.pf-m-sm .pf-v5-c-progress__description {
22867
- font-size: var(--pf-v5-c-progress--m-sm__description--FontSize);
22868
- }
22869
22835
  .pf-v5-c-progress.pf-m-sm .pf-v5-c-progress__measure {
22870
22836
  font-size: var(--pf-v5-c-progress--m-sm__measure--FontSize);
22871
22837
  }
@@ -22921,18 +22887,19 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
22921
22887
  grid-template-columns: 1fr fit-content(50%);
22922
22888
  }
22923
22889
  .pf-v5-c-progress.pf-m-success {
22924
- --pf-v5-c-progress__bar--before--BackgroundColor: var(--pf-v5-c-progress--m-success__bar--BackgroundColor);
22890
+ --pf-v5-c-progress__indicator--BackgroundColor: var(--pf-v5-c-progress--m-success__indicator--BackgroundColor);
22925
22891
  --pf-v5-c-progress__status-icon--Color: var(--pf-v5-c-progress--m-success__status-icon--Color);
22926
22892
  --pf-v5-c-progress--m-inside__measure--Color: var(--pf-v5-c-progress--m-success--m-inside__measure--Color);
22927
22893
  }
22928
22894
  .pf-v5-c-progress.pf-m-warning {
22929
- --pf-v5-c-progress__bar--before--BackgroundColor: var(--pf-v5-c-progress--m-warning__bar--BackgroundColor);
22895
+ --pf-v5-c-progress__indicator--BackgroundColor: var(--pf-v5-c-progress--m-warning__indicator--BackgroundColor);
22930
22896
  --pf-v5-c-progress__status-icon--Color: var(--pf-v5-c-progress--m-warning__status-icon--Color);
22931
22897
  --pf-v5-c-progress--m-inside__measure--Color: var(--pf-v5-c-progress--m-warning--m-inside__measure--Color);
22932
22898
  }
22933
22899
  .pf-v5-c-progress.pf-m-danger {
22934
- --pf-v5-c-progress__bar--before--BackgroundColor: var(--pf-v5-c-progress--m-danger__bar--BackgroundColor);
22900
+ --pf-v5-c-progress__indicator--BackgroundColor: var(--pf-v5-c-progress--m-danger__indicator--BackgroundColor);
22935
22901
  --pf-v5-c-progress__status-icon--Color: var(--pf-v5-c-progress--m-danger__status-icon--Color);
22902
+ --pf-v5-c-progress--m-inside__measure--Color: var(--pf-v5-c-progress--m-danger--m-inside__measure--Color);
22936
22903
  }
22937
22904
 
22938
22905
  .pf-v5-c-progress__description {
@@ -22974,14 +22941,6 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
22974
22941
  height: var(--pf-v5-c-progress__bar--Height);
22975
22942
  background-color: var(--pf-v5-c-progress__bar--BackgroundColor);
22976
22943
  }
22977
- .pf-v5-c-progress__bar::before {
22978
- position: absolute;
22979
- width: 100%;
22980
- height: 100%;
22981
- content: "";
22982
- background-color: var(--pf-v5-c-progress__bar--before--BackgroundColor);
22983
- opacity: var(--pf-v5-c-progress__bar--before--Opacity);
22984
- }
22985
22944
 
22986
22945
  .pf-v5-c-progress__indicator {
22987
22946
  position: absolute;
@@ -22995,16 +22954,6 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
22995
22954
  margin-block-start: var(--pf-v5-c-progress__helper-text--MarginTop);
22996
22955
  }
22997
22956
 
22998
- :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
22999
- --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
23000
- }
23001
-
23002
- :where(.pf-v5-theme-dark) .pf-v5-c-progress {
23003
- --pf-v5-c-progress--m-inside__measure--Color: var(--pf-v5-global--palette--black-900);
23004
- --pf-v5-c-progress--m-success--m-inside__measure--Color: var(--pf-v5-global--palette--black-900);
23005
- --pf-v5-c-progress--m-warning--m-inside__measure--Color: var(--pf-v5-global--palette--black-900);
23006
- }
23007
-
23008
22957
  .pf-v5-c-progress-stepper {
23009
22958
  --pf-v5-c-progress-stepper--m-vertical--GridAutoFlow: row;
23010
22959
  --pf-v5-c-progress-stepper--m-vertical--GridTemplateColumns: auto 1fr;
package/patternfly-theme-dark-unversioned.css CHANGED
@@ -15235,20 +15235,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
15235
15235
  --pf-v5-c-form__label-required--MarginLeft: var(--pf-t--global--spacer--xs);
15236
15236
  --pf-v5-c-form__label-required--FontSize: var(--pf-t--global--font--size--body--sm);
15237
15237
  --pf-v5-c-form__label-required--Color: var(--pf-t--global--color--status--danger--default);
15238
- --pf-v5-c-form__group-label-help--BackgroundColor: transparent;
15239
- --pf-v5-c-form__group-label-help--PaddingTop: var(--pf-t--global--spacer--xs);
15240
- --pf-v5-c-form__group-label-help--PaddingRight: var(--pf-t--global--spacer--xs);
15241
- --pf-v5-c-form__group-label-help--PaddingBottom: var(--pf-t--global--spacer--xs);
15242
- --pf-v5-c-form__group-label-help--PaddingLeft: var(--pf-t--global--spacer--xs);
15243
- --pf-v5-c-form__group-label-help--MarginTop: calc(var(--pf-v5-c-form__group-label-help--PaddingTop) * -1);
15244
- --pf-v5-c-form__group-label-help--MarginRight: calc(var(--pf-v5-c-form__group-label-help--PaddingRight) * -1);
15245
- --pf-v5-c-form__group-label-help--MarginBottom: calc(var(--pf-v5-c-form__group-label-help--PaddingBottom) * -1);
15246
- --pf-v5-c-form__group-label-help--MarginLeft: calc(var(--pf-v5-c-form__group-label-help--PaddingLeft) * -1 + var(--pf-t--global--spacer--xs));
15247
15238
  --pf-v5-c-form__group-label-help--FontSize: var(--pf-t--global--font--size--body--sm);
15248
- --pf-v5-c-form__group-label-help--TranslateY: 0.125rem;
15249
- --pf-v5-c-form__group-label-help--Color: var(--pf-t--global--icon--color--regular);
15250
- --pf-v5-c-form__group-label-help--hover--Color: var(--pf-t--global--icon--color--regular);
15251
- --pf-v5-c-form__group-label-help--focus--Color: var(--pf-t--global--icon--color--brand--hover);
15252
15239
  --pf-v5-c-form__group-label-info--MarginLeft: var(--pf-t--global--spacer--sm);
15253
15240
  --pf-v5-c-form__group-label-info--FontSize: var(--pf-t--global--font--size--body--sm);
15254
15241
  --pf-v5-c-form__group-control--m-inline--child--MarginRight: var(--pf-t--global--spacer--lg);
@@ -15530,28 +15517,8 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
15530
15517
  color: var(--pf-v5-c-form__label-required--Color);
15531
15518
  }
15532
15519
 
15533
- .pf-v5-c-form__group-label-help {
15534
- padding-block-start: var(--pf-v5-c-form__group-label-help--PaddingTop);
15535
- padding-block-end: var(--pf-v5-c-form__group-label-help--PaddingBottom);
15536
- padding-inline-start: var(--pf-v5-c-form__group-label-help--PaddingLeft);
15537
- padding-inline-end: var(--pf-v5-c-form__group-label-help--PaddingRight);
15538
- margin-block-start: var(--pf-v5-c-form__group-label-help--MarginTop);
15539
- margin-block-end: var(--pf-v5-c-form__group-label-help--MarginBottom);
15540
- margin-inline-start: var(--pf-v5-c-form__group-label-help--MarginLeft);
15541
- margin-inline-end: var(--pf-v5-c-form__group-label-help--MarginRight);
15542
- font-size: var(--pf-v5-c-form__group-label-help--FontSize);
15543
- line-height: 1;
15544
- color: var(--pf-v5-c-form__group-label-help--Color);
15545
- cursor: pointer;
15546
- background-color: var(--pf-v5-c-form__group-label-help--BackgroundColor);
15547
- border: 0;
15548
- transform: translateY(var(--pf-v5-c-form__group-label-help--TranslateY));
15549
- }
15550
- .pf-v5-c-form__group-label-help:hover {
15551
- --pf-v5-c-form__group-label-help--Color: var(--pf-v5-c-form__group-label-help--hover--Color);
15552
- }
15553
- .pf-v5-c-form__group-label-help:focus-within {
15554
- --pf-v5-c-form__group-label-help--Color: var(--pf-v5-c-form__group-label-help--focus--Color);
15520
+ .pf-v5-c-form__group-label-help .pf-v5-c-button {
15521
+ --pf-v5-c-button--FontSize: var(--pf-v5-c-form__group-label-help--FontSize);
15555
15522
  }
15556
15523
 
15557
15524
  .pf-v5-c-form__group-control {
@@ -22943,34 +22910,36 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
22943
22910
  margin-block-start: var(--pf-v5-c-popover__footer--MarginTop);
22944
22911
  }
22945
22912
 
22913
+ :root,
22946
22914
  .pf-v5-c-progress {
22947
- --pf-v5-c-progress--GridGap: var(--pf-v5-global--spacer--md);
22948
- --pf-v5-c-progress__bar--before--BackgroundColor: var(--pf-v5-global--primary-color--100);
22949
- --pf-v5-c-progress__bar--Height: var(--pf-v5-global--spacer--md);
22950
- --pf-v5-c-progress__bar--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-100);
22915
+ --pf-v5-c-progress--GridGap: var(--pf-t--global--spacer--md);
22916
+ --pf-v5-c-progress__bar--Height: var(--pf-t--global--spacer--md);
22917
+ --pf-v5-c-progress__bar--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
22951
22918
  --pf-v5-c-progress__measure--m-static-width--MinWidth: 4.5ch;
22952
- --pf-v5-c-progress__status--Gap: var(--pf-v5-global--spacer--sm);
22953
- --pf-v5-c-progress__status-icon--Color: var(--pf-v5-global--Color--100);
22954
- --pf-v5-c-progress__bar--before--Opacity: .2;
22919
+ --pf-v5-c-progress__status--Gap: var(--pf-t--global--spacer--sm);
22920
+ --pf-v5-c-progress__status-icon--Color: var(--pf-t--global--icon--color--regular);
22955
22921
  --pf-v5-c-progress__indicator--Height: var(--pf-v5-c-progress__bar--Height);
22956
- --pf-v5-c-progress__indicator--BackgroundColor: var(--pf-v5-c-progress__bar--before--BackgroundColor);
22957
- --pf-v5-c-progress__helper-text--MarginTop: calc(var(--pf-v5-global--spacer--xs) - var(--pf-v5-c-progress--GridGap));
22958
- --pf-v5-c-progress--m-success__bar--BackgroundColor: var(--pf-v5-global--success-color--100);
22959
- --pf-v5-c-progress--m-warning__bar--BackgroundColor: var(--pf-v5-global--warning-color--100);
22960
- --pf-v5-c-progress--m-danger__bar--BackgroundColor: var(--pf-v5-global--danger-color--100);
22961
- --pf-v5-c-progress--m-success__status-icon--Color: var(--pf-v5-global--success-color--100);
22962
- --pf-v5-c-progress--m-warning__status-icon--Color: var(--pf-v5-global--warning-color--100);
22963
- --pf-v5-c-progress--m-danger__status-icon--Color: var(--pf-v5-global--danger-color--100);
22964
- --pf-v5-c-progress--m-inside__indicator--MinWidth: var(--pf-v5-global--spacer--xl);
22965
- --pf-v5-c-progress--m-inside__measure--Color: var(--pf-v5-global--Color--light-100);
22966
- --pf-v5-c-progress--m-success--m-inside__measure--Color: var(--pf-v5-global--Color--light-100);
22967
- --pf-v5-c-progress--m-warning--m-inside__measure--Color: var(--pf-v5-global--Color--dark-100);
22968
- --pf-v5-c-progress--m-inside__measure--FontSize: var(--pf-v5-global--FontSize--sm);
22969
- --pf-v5-c-progress--m-outside__measure--FontSize: var(--pf-v5-global--FontSize--sm);
22970
- --pf-v5-c-progress--m-sm__bar--Height: var(--pf-v5-global--spacer--sm);
22971
- --pf-v5-c-progress--m-sm__description--FontSize: var(--pf-v5-global--FontSize--sm);
22972
- --pf-v5-c-progress--m-sm__measure--FontSize: var(--pf-v5-global--FontSize--sm);
22973
- --pf-v5-c-progress--m-lg__bar--Height: var(--pf-v5-global--spacer--lg);
22922
+ --pf-v5-c-progress__indicator--BackgroundColor: var(--pf-t--global--color--brand--default);
22923
+ --pf-v5-c-progress__helper-text--MarginTop: calc(var(--pf-t--global--spacer--sm) - var(--pf-v5-c-progress--GridGap));
22924
+ --pf-v5-c-progress--m-success__indicator--BackgroundColor: var(--pf-t--global--color--status--success--default);
22925
+ --pf-v5-c-progress--m-warning__indicator--BackgroundColor: var(--pf-t--global--color--status--warning--default);
22926
+ --pf-v5-c-progress--m-danger__indicator--BackgroundColor: var(--pf-t--global--color--status--danger--default);
22927
+ --pf-v5-c-progress--m-success__status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
22928
+ --pf-v5-c-progress--m-warning__status-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
22929
+ --pf-v5-c-progress--m-danger__status-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
22930
+ --pf-v5-c-progress--m-inside__indicator--MinWidth: var(--pf-t--global--spacer--xl);
22931
+ --pf-v5-c-progress--m-inside__measure--Color: var(--pf-t--global--text--color--on-brand--default);
22932
+ --pf-v5-c-progress--m-success--m-inside__measure--Color: var(--pf-t--global--text--color--status--on-success--default);
22933
+ --pf-v5-c-progress--m-warning--m-inside__measure--Color: var(--pf-t--global--text--color--status--on-warning--default);
22934
+ --pf-v5-c-progress--m-danger--m-inside__measure--Color: var(--pf-t--global--text--color--status--on-danger--default);
22935
+ --pf-v5-c-progress--m-inside__measure--FontSize: var(--pf-t--global--font--size--sm);
22936
+ --pf-v5-c-progress--m-outside__measure--FontSize: var(--pf-t--global--font--size--sm);
22937
+ --pf-v5-c-progress--m-sm__bar--Height: var(--pf-t--global--spacer--sm);
22938
+ --pf-v5-c-progress--m-sm__measure--FontSize: var(--pf-t--global--font--size--body--sm);
22939
+ --pf-v5-c-progress--m-lg__bar--Height: var(--pf-t--global--spacer--lg);
22940
+ }
22941
+
22942
+ .pf-v5-c-progress {
22974
22943
  display: grid;
22975
22944
  grid-template-rows: 1fr auto;
22976
22945
  grid-template-columns: auto auto;
@@ -22980,9 +22949,6 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
22980
22949
  .pf-v5-c-progress.pf-m-sm {
22981
22950
  --pf-v5-c-progress__bar--Height: var(--pf-v5-c-progress--m-sm__bar--Height);
22982
22951
  }
22983
- .pf-v5-c-progress.pf-m-sm .pf-v5-c-progress__description {
22984
- font-size: var(--pf-v5-c-progress--m-sm__description--FontSize);
22985
- }
22986
22952
  .pf-v5-c-progress.pf-m-sm .pf-v5-c-progress__measure {
22987
22953
  font-size: var(--pf-v5-c-progress--m-sm__measure--FontSize);
22988
22954
  }
@@ -23038,18 +23004,19 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
23038
23004
  grid-template-columns: 1fr fit-content(50%);
23039
23005
  }
23040
23006
  .pf-v5-c-progress.pf-m-success {
23041
- --pf-v5-c-progress__bar--before--BackgroundColor: var(--pf-v5-c-progress--m-success__bar--BackgroundColor);
23007
+ --pf-v5-c-progress__indicator--BackgroundColor: var(--pf-v5-c-progress--m-success__indicator--BackgroundColor);
23042
23008
  --pf-v5-c-progress__status-icon--Color: var(--pf-v5-c-progress--m-success__status-icon--Color);
23043
23009
  --pf-v5-c-progress--m-inside__measure--Color: var(--pf-v5-c-progress--m-success--m-inside__measure--Color);
23044
23010
  }
23045
23011
  .pf-v5-c-progress.pf-m-warning {
23046
- --pf-v5-c-progress__bar--before--BackgroundColor: var(--pf-v5-c-progress--m-warning__bar--BackgroundColor);
23012
+ --pf-v5-c-progress__indicator--BackgroundColor: var(--pf-v5-c-progress--m-warning__indicator--BackgroundColor);
23047
23013
  --pf-v5-c-progress__status-icon--Color: var(--pf-v5-c-progress--m-warning__status-icon--Color);
23048
23014
  --pf-v5-c-progress--m-inside__measure--Color: var(--pf-v5-c-progress--m-warning--m-inside__measure--Color);
23049
23015
  }
23050
23016
  .pf-v5-c-progress.pf-m-danger {
23051
- --pf-v5-c-progress__bar--before--BackgroundColor: var(--pf-v5-c-progress--m-danger__bar--BackgroundColor);
23017
+ --pf-v5-c-progress__indicator--BackgroundColor: var(--pf-v5-c-progress--m-danger__indicator--BackgroundColor);
23052
23018
  --pf-v5-c-progress__status-icon--Color: var(--pf-v5-c-progress--m-danger__status-icon--Color);
23019
+ --pf-v5-c-progress--m-inside__measure--Color: var(--pf-v5-c-progress--m-danger--m-inside__measure--Color);
23053
23020
  }
23054
23021
 
23055
23022
  .pf-v5-c-progress__description {
@@ -23091,14 +23058,6 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
23091
23058
  height: var(--pf-v5-c-progress__bar--Height);
23092
23059
  background-color: var(--pf-v5-c-progress__bar--BackgroundColor);
23093
23060
  }
23094
- .pf-v5-c-progress__bar::before {
23095
- position: absolute;
23096
- width: 100%;
23097
- height: 100%;
23098
- content: "";
23099
- background-color: var(--pf-v5-c-progress__bar--before--BackgroundColor);
23100
- opacity: var(--pf-v5-c-progress__bar--before--Opacity);
23101
- }
23102
23061
 
23103
23062
  .pf-v5-c-progress__indicator {
23104
23063
  position: absolute;
@@ -23112,16 +23071,6 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
23112
23071
  margin-block-start: var(--pf-v5-c-progress__helper-text--MarginTop);
23113
23072
  }
23114
23073
 
23115
- :where(.pf-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
23116
- --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
23117
- }
23118
-
23119
- :where(.pf-theme-dark) .pf-v5-c-progress {
23120
- --pf-v5-c-progress--m-inside__measure--Color: var(--pf-v5-global--palette--black-900);
23121
- --pf-v5-c-progress--m-success--m-inside__measure--Color: var(--pf-v5-global--palette--black-900);
23122
- --pf-v5-c-progress--m-warning--m-inside__measure--Color: var(--pf-v5-global--palette--black-900);
23123
- }
23124
-
23125
23074
  .pf-v5-c-progress-stepper {
23126
23075
  --pf-v5-c-progress-stepper--m-vertical--GridAutoFlow: row;
23127
23076
  --pf-v5-c-progress-stepper--m-vertical--GridTemplateColumns: auto 1fr;