@patternfly/react-core 4.222.17 → 4.223.2

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 (12) hide show
  1. package/CHANGELOG.md +30 -0
  2. package/dist/esm/components/ProgressStepper/ProgressStep.js +2 -2
  3. package/dist/esm/components/ProgressStepper/ProgressStep.js.map +1 -1
  4. package/dist/js/components/ProgressStepper/ProgressStep.js +2 -2
  5. package/dist/js/components/ProgressStepper/ProgressStep.js.map +1 -1
  6. package/dist/umd/react-core.css +47 -19
  7. package/dist/umd/react-core.js +2 -3
  8. package/dist/umd/react-core.min.css +47 -19
  9. package/dist/umd/react-core.min.js +1 -1
  10. package/package.json +6 -6
  11. package/src/components/ProgressStepper/ProgressStep.tsx +2 -2
  12. package/src/components/ProgressStepper/__tests__/__snapshots__/ProgressStepper.test.tsx.snap +2 -4
package/CHANGELOG.md CHANGED
@@ -3,6 +3,36 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## 4.223.2 (2022-06-23)
7
+
8
+
9
+ ### Bug Fixes
10
+
11
+ * **ProgressStepper:** added onTriggerEnter prop to Popover ([#7532](https://github.com/patternfly/patternfly-react/issues/7532)) ([1208390](https://github.com/patternfly/patternfly-react/commit/12083908a7043c017a5b7a97f84623add10bfe75))
12
+
13
+
14
+
15
+
16
+
17
+ ## 4.223.1 (2022-06-23)
18
+
19
+ **Note:** Version bump only for package @patternfly/react-core
20
+
21
+
22
+
23
+
24
+
25
+ # 4.223.0 (2022-06-22)
26
+
27
+
28
+ ### Features
29
+
30
+ * **Table:** add nested sticky header support ([#7595](https://github.com/patternfly/patternfly-react/issues/7595)) ([3888a0b](https://github.com/patternfly/patternfly-react/commit/3888a0bdf5e4e964d2d8d936c5d81f7813d8ec0c))
31
+
32
+
33
+
34
+
35
+
6
36
  ## 4.222.17 (2022-06-22)
7
37
 
8
38
  **Note:** Version bump only for package @patternfly/react-core
package/dist/esm/components/ProgressStepper/ProgressStep.js CHANGED
@@ -25,7 +25,7 @@ const variantStyle = {
25
25
  export const ProgressStep = (_a) => {
26
26
  var { children, className, variant, isCurrent, description, icon, titleId, 'aria-label': ariaLabel, popoverRender } = _a, props = __rest(_a, ["children", "className", "variant", "isCurrent", "description", "icon", "titleId", 'aria-label', "popoverRender"]);
27
27
  const _icon = icon !== undefined ? icon : variantIcons[variant];
28
- const Component = popoverRender !== undefined ? 'span' : 'div';
28
+ const Component = popoverRender !== undefined ? 'button' : 'div';
29
29
  const stepRef = React.useRef();
30
30
  if (props.id === undefined || titleId === undefined) {
31
31
  /* eslint-disable no-console */
@@ -35,7 +35,7 @@ export const ProgressStep = (_a) => {
35
35
  React.createElement("div", { className: css(styles.progressStepperStepConnector) },
36
36
  React.createElement("span", { className: css(styles.progressStepperStepIcon) }, _icon && _icon)),
37
37
  React.createElement("div", { className: css(styles.progressStepperStepMain) },
38
- React.createElement(Component, Object.assign({ className: css(styles.progressStepperStepTitle, popoverRender && styles.modifiers.helpText), id: titleId, ref: stepRef }, (popoverRender && { tabIndex: 0, role: 'button', type: 'button' }), (props.id !== undefined && titleId !== undefined && { 'aria-labelledby': `${props.id} ${titleId}` })),
38
+ React.createElement(Component, Object.assign({ className: css(styles.progressStepperStepTitle, popoverRender && styles.modifiers.helpText), id: titleId, ref: stepRef }, (popoverRender && { type: 'button' }), (props.id !== undefined && titleId !== undefined && { 'aria-labelledby': `${props.id} ${titleId}` })),
39
39
  children,
40
40
  popoverRender && popoverRender(stepRef)),
41
41
  description && React.createElement("div", { className: css(styles.progressStepperStepDescription) }, description))));
package/dist/esm/components/ProgressStepper/ProgressStep.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ProgressStep.js","sourceRoot":"","sources":["../../../../src/components/ProgressStepper/ProgressStep.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"ProgressStep.js","sourceRoot":"","sources":["../../../../src/components/ProgressStepper/ProgressStep.tsx"],"names":[],"mappings":"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"}
package/dist/js/components/ProgressStepper/ProgressStep.js CHANGED
@@ -28,7 +28,7 @@ const variantStyle = {
28
28
  const ProgressStep = (_a) => {
29
29
  var { children, className, variant, isCurrent, description, icon, titleId, 'aria-label': ariaLabel, popoverRender } = _a, props = tslib_1.__rest(_a, ["children", "className", "variant", "isCurrent", "description", "icon", "titleId", 'aria-label', "popoverRender"]);
30
30
  const _icon = icon !== undefined ? icon : variantIcons[variant];
31
- const Component = popoverRender !== undefined ? 'span' : 'div';
31
+ const Component = popoverRender !== undefined ? 'button' : 'div';
32
32
  const stepRef = React.useRef();
33
33
  if (props.id === undefined || titleId === undefined) {
34
34
  /* eslint-disable no-console */
@@ -38,7 +38,7 @@ const ProgressStep = (_a) => {
38
38
  React.createElement("div", { className: react_styles_1.css(progress_stepper_1.default.progressStepperStepConnector) },
39
39
  React.createElement("span", { className: react_styles_1.css(progress_stepper_1.default.progressStepperStepIcon) }, _icon && _icon)),
40
40
  React.createElement("div", { className: react_styles_1.css(progress_stepper_1.default.progressStepperStepMain) },
41
- React.createElement(Component, Object.assign({ className: react_styles_1.css(progress_stepper_1.default.progressStepperStepTitle, popoverRender && progress_stepper_1.default.modifiers.helpText), id: titleId, ref: stepRef }, (popoverRender && { tabIndex: 0, role: 'button', type: 'button' }), (props.id !== undefined && titleId !== undefined && { 'aria-labelledby': `${props.id} ${titleId}` })),
41
+ React.createElement(Component, Object.assign({ className: react_styles_1.css(progress_stepper_1.default.progressStepperStepTitle, popoverRender && progress_stepper_1.default.modifiers.helpText), id: titleId, ref: stepRef }, (popoverRender && { type: 'button' }), (props.id !== undefined && titleId !== undefined && { 'aria-labelledby': `${props.id} ${titleId}` })),
42
42
  children,
43
43
  popoverRender && popoverRender(stepRef)),
44
44
  description && React.createElement("div", { className: react_styles_1.css(progress_stepper_1.default.progressStepperStepDescription) }, description))));
package/dist/js/components/ProgressStepper/ProgressStep.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ProgressStep.js","sourceRoot":"","sources":["../../../../src/components/ProgressStepper/ProgressStep.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,wIAA8F;AAC9F,2DAA+C;AAC/C,wHAAuF;AACvF,4HAA2F;AAC3F,wIAAuG;AACvG,oIAAmG;AAyBnG,MAAM,YAAY,GAAG;IACnB,OAAO,EAAE,SAAgB;IACzB,OAAO,EAAE,SAAgB;IACzB,OAAO,EAAE,oBAAC,2BAAe,OAAG;IAC5B,IAAI,EAAE,oBAAC,6BAAiB,OAAG;IAC3B,OAAO,EAAE,oBAAC,mCAAuB,OAAG;IACpC,MAAM,EAAE,oBAAC,iCAAqB,OAAG;CAClC,CAAC;AAEF,MAAM,YAAY,GAAG;IACnB,OAAO,EAAE,EAAE;IACX,IAAI,EAAE,0BAAM,CAAC,SAAS,CAAC,IAAI;IAC3B,OAAO,EAAE,0BAAM,CAAC,SAAS,CAAC,OAAO;IACjC,OAAO,EAAE,0BAAM,CAAC,SAAS,CAAC,OAAO;IACjC,OAAO,EAAE,0BAAM,CAAC,SAAS,CAAC,OAAO;IACjC,MAAM,EAAE,0BAAM,CAAC,SAAS,CAAC,MAAM;CAChC,CAAC;AAEK,MAAM,YAAY,GAA+C,CAAC,EAWrD,EAAE,EAAE;QAXiD,EACvE,QAAQ,EACR,SAAS,EACT,OAAO,EACP,SAAS,EACT,WAAW,EACX,IAAI,EACJ,OAAO,EACP,YAAY,EAAE,SAAS,EACvB,aAAa,OAEK,EADf,KAAK,sBAV+D,kHAWxE,CADS;IAER,MAAM,KAAK,GAAG,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;IAChE,MAAM,SAAS,GAAG,aAAa,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC;IAC/D,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC;IAE/B,IAAI,KAAK,CAAC,EAAE,KAAK,SAAS,IAAI,OAAO,KAAK,SAAS,EAAE;QACnD,+BAA+B;QAC/B,OAAO,CAAC,IAAI,CACV,8IAA8I,CAC/I,CAAC;KACH;IAED,OAAO,CACL,0CACE,SAAS,EAAE,kBAAG,CACZ,0BAAM,CAAC,mBAAmB,EAC1B,YAAY,CAAC,OAAO,CAAC,EACrB,SAAS,IAAI,0BAAM,CAAC,SAAS,CAAC,OAAO,EACrC,SAAS,CACV,gBACW,SAAS,IACjB,CAAC,SAAS,IAAI,EAAE,cAAc,EAAE,MAAM,EAAE,CAAC,EACzC,KAAK;QAET,6BAAK,SAAS,EAAE,kBAAG,CAAC,0BAAM,CAAC,4BAA4B,CAAC;YACtD,8BAAM,SAAS,EAAE,kBAAG,CAAC,0BAAM,CAAC,uBAAuB,CAAC,IAAG,KAAK,IAAI,KAAK,CAAQ,CACzE;QACN,6BAAK,SAAS,EAAE,kBAAG,CAAC,0BAAM,CAAC,uBAAuB,CAAC;YACjD,oBAAC,SAAS,kBACR,SAAS,EAAE,kBAAG,CAAC,0BAAM,CAAC,wBAAwB,EAAE,aAAa,IAAI,0BAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,EAC3F,EAAE,EAAE,OAAO,EACX,GAAG,EAAE,OAAO,IACR,CAAC,aAAa,IAAI,EAAE,QAAQ,EAAE,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,EAClE,CAAC,KAAK,CAAC,EAAE,KAAK,SAAS,IAAI,OAAO,KAAK,SAAS,IAAI,EAAE,iBAAiB,EAAE,GAAG,KAAK,CAAC,EAAE,IAAI,OAAO,EAAE,EAAE,CAAC;gBAEvG,QAAQ;gBACR,aAAa,IAAI,aAAa,CAAC,OAAO,CAAC,CAC9B;YACX,WAAW,IAAI,6BAAK,SAAS,EAAE,kBAAG,CAAC,0BAAM,CAAC,8BAA8B,CAAC,IAAG,WAAW,CAAO,CAC3F,CACH,CACN,CAAC;AACJ,CAAC,CAAC;AArDW,QAAA,YAAY,gBAqDvB;AAEF,oBAAY,CAAC,WAAW,GAAG,cAAc,CAAC"}
1
+ {"version":3,"file":"ProgressStep.js","sourceRoot":"","sources":["../../../../src/components/ProgressStepper/ProgressStep.tsx"],"names":[],"mappings":"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"}
package/dist/umd/react-core.css CHANGED
@@ -1817,6 +1817,10 @@ textarea.pf-c-form-control {
1817
1817
  --pf-global--BackgroundColor--100: #1b1d21;
1818
1818
  }
1819
1819
 
1820
+ :where(.pf-theme-dark) .pf-c-banner .pf-c-card {
1821
+ --pf-c-card--BackgroundColor: var(--pf-global--BackgroundColor--100);
1822
+ }
1823
+
1820
1824
  :where(.pf-theme-dark) .pf-c-banner .pf-c-button {
1821
1825
  --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
1822
1826
  --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
@@ -3194,7 +3198,8 @@ button.pf-c-breadcrumb__link {
3194
3198
  font-weight: var(--pf-global--FontWeight--normal);
3195
3199
  }
3196
3200
 
3197
- :where(.pf-theme-dark) .pf-c-card {
3201
+ :where(.pf-theme-dark) .pf-c-card,
3202
+ :where(.pf-theme-dark) .pf-c-card.pf-m-non-selectable-raised {
3198
3203
  --pf-c-card--BoxShadow: var(--pf-global--BoxShadow--md);
3199
3204
  --pf-c-card--m-hoverable-raised--hover--BoxShadow: var(--pf-global--BoxShadow--lg);
3200
3205
  --pf-c-card--m-selectable-raised--hover--BoxShadow: var(--pf-global--BoxShadow--lg);
@@ -11089,6 +11094,11 @@ ul.pf-c-list {
11089
11094
  --pf-global--BackgroundColor--100: #1b1d21;
11090
11095
  }
11091
11096
 
11097
+ :where(.pf-theme-dark) .pf-c-login__header .pf-c-card,
11098
+ :where(.pf-theme-dark) .pf-c-login__footer .pf-c-card {
11099
+ --pf-c-card--BackgroundColor: var(--pf-global--BackgroundColor--100);
11100
+ }
11101
+
11092
11102
  :where(.pf-theme-dark) .pf-c-login__header .pf-c-button,
11093
11103
  :where(.pf-theme-dark) .pf-c-login__footer .pf-c-button {
11094
11104
  --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
@@ -11282,14 +11292,10 @@ ul.pf-c-list {
11282
11292
  }
11283
11293
  }
11284
11294
  @media screen and (min-width: 1200px) {
11285
- .pf-c-page:where(:not(.pf-m-resize-observer)) .pf-c-masthead {
11295
+ .pf-c-masthead {
11286
11296
  --pf-c-masthead--inset: var(--pf-c-masthead--xl--inset);
11287
11297
  }
11288
11298
  }
11289
- .pf-c-page:where(.pf-m-breakpoint-xl) .pf-c-masthead {
11290
- --pf-c-masthead--inset: var(--pf-c-masthead--xl--inset);
11291
- }
11292
-
11293
11299
  .pf-c-masthead.pf-m-light {
11294
11300
  color: var(--pf-global--Color--100);
11295
11301
  --pf-c-masthead--BackgroundColor: var(--pf-c-masthead--m-light--BackgroundColor);
@@ -11839,6 +11845,10 @@ ul.pf-c-list {
11839
11845
  --pf-global--BackgroundColor--100: #1b1d21;
11840
11846
  }
11841
11847
 
11848
+ :where(.pf-theme-dark) .pf-c-masthead .pf-c-card {
11849
+ --pf-c-card--BackgroundColor: var(--pf-global--BackgroundColor--100);
11850
+ }
11851
+
11842
11852
  :where(.pf-theme-dark) .pf-c-masthead .pf-c-button {
11843
11853
  --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
11844
11854
  --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
@@ -12633,6 +12643,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
12633
12643
  --pf-c-menu-toggle__icon--MarginRight: var(--pf-global--spacer--sm);
12634
12644
  --pf-c-menu-toggle__count--MarginLeft: var(--pf-global--spacer--sm);
12635
12645
  --pf-c-menu-toggle__controls--PaddingLeft: var(--pf-global--spacer--md);
12646
+ --pf-c-menu-toggle__controls--MarginLeft: auto;
12647
+ --pf-c-menu-toggle__controls--MarginRight: 0;
12636
12648
  --pf-c-menu-toggle__toggle-icon--MarginRight: var(--pf-global--spacer--sm);
12637
12649
  --pf-c-menu-toggle--m-plain__toggle-icon--Color: var(--pf-global--Color--200);
12638
12650
  --pf-c-menu-toggle--m-plain--hover__toggle-icon--Color: var(--pf-global--Color--100);
@@ -12673,10 +12685,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
12673
12685
  --pf-c-menu-toggle--m-split-button--m-action--m-secondary--child--BorderLeftColor: var(--pf-global--primary-color--100);
12674
12686
  --pf-c-menu-toggle__button__controls--MarginRight: var(--pf-global--spacer--sm);
12675
12687
  --pf-c-menu-toggle__button__controls--MarginLeft: var(--pf-global--spacer--sm);
12676
- --pf-c-menu-toggle--m-typeahead--c-text-input-group--MarginTop: calc(var(--pf-c-menu-toggle--PaddingTop) * -1);
12677
- --pf-c-menu-toggle--m-typeahead--c-text-input-group--MarginRight: calc(var(--pf-c-menu-toggle--PaddingRight) * -1);
12678
- --pf-c-menu-toggle--m-typeahead--c-text-input-group--MarginBottom: calc(var(--pf-c-menu-toggle--PaddingBottom) * -1);
12679
- --pf-c-menu-toggle--m-typeahead--c-text-input-group--MarginLeft: calc(var(--pf-c-menu-toggle--PaddingLeft) * -1);
12688
+ --pf-c-menu-toggle--m-typeahead__controls--MarginRight: var(--pf-global--spacer--md);
12689
+ --pf-c-menu-toggle--m-typeahead__controls--MarginLeft: var(--pf-global--spacer--sm);
12680
12690
  --pf-c-menu-toggle--m-typeahead--c-text-input-group__utilities--c-button--PaddingRight: var(--pf-global--spacer--sm);
12681
12691
  position: relative;
12682
12692
  display: inline-flex;
@@ -12832,14 +12842,20 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
12832
12842
  height: 100%;
12833
12843
  }
12834
12844
 
12845
+ .pf-c-menu-toggle.pf-m-typeahead {
12846
+ --pf-c-menu-toggle__button__controls--MarginRight: var(--pf-c-menu-toggle--m-typeahead__controls--MarginRight);
12847
+ --pf-c-menu-toggle__button__controls--MarginLeft: var(--pf-c-menu-toggle--m-typeahead__controls--MarginLeft);
12848
+ align-items: stretch;
12849
+ padding: 0;
12850
+ }
12851
+
12835
12852
  .pf-c-menu-toggle.pf-m-typeahead .pf-c-text-input-group {
12836
12853
  --pf-c-text-input-group__utilities--c-button--PaddingRight: var(--pf-c-menu-toggle--m-typeahead--c-text-input-group__utilities--c-button--PaddingRight);
12854
+ --pf-c-text-input-group__utilities--MarginRight: 0;
12837
12855
  flex: 1;
12838
- margin: var(--pf-c-menu-toggle--m-typeahead--c-text-input-group--MarginTop) var(--pf-c-menu-toggle--m-typeahead--c-text-input-group--MarginRight) var(--pf-c-menu-toggle--m-typeahead--c-text-input-group--MarginBottom) var(--pf-c-menu-toggle--m-typeahead--c-text-input-group--MarginLeft);
12839
12856
  }
12840
12857
 
12841
12858
  .pf-c-menu-toggle.pf-m-split-button {
12842
- --pf-c-menu-toggle__toggle-icon--MarginRight: 0;
12843
12859
  padding: 0;
12844
12860
  }
12845
12861
 
@@ -12968,16 +12984,13 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
12968
12984
  }
12969
12985
 
12970
12986
  .pf-c-menu-toggle__button {
12987
+ --pf-c-menu-toggle__controls--PaddingLeft: 0;
12988
+ --pf-c-menu-toggle__controls--MarginRight: var(--pf-c-menu-toggle__button__controls--MarginRight);
12989
+ --pf-c-menu-toggle__controls--MarginLeft: var(--pf-c-menu-toggle__button__controls--MarginLeft);
12971
12990
  color: inherit;
12972
12991
  border: 0;
12973
12992
  }
12974
12993
 
12975
- .pf-c-menu-toggle__button .pf-c-menu-toggle__controls {
12976
- padding-left: 0;
12977
- margin-right: var(--pf-c-menu-toggle__button__controls--MarginRight);
12978
- margin-left: var(--pf-c-menu-toggle__button__controls--MarginLeft);
12979
- }
12980
-
12981
12994
  .pf-c-menu-toggle__icon {
12982
12995
  display: inline-flex;
12983
12996
  align-self: center;
@@ -13001,7 +13014,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
13001
13014
 
13002
13015
  .pf-c-menu-toggle__controls {
13003
13016
  padding-left: var(--pf-c-menu-toggle__controls--PaddingLeft);
13004
- margin-left: auto;
13017
+ margin-right: var(--pf-c-menu-toggle__controls--MarginRight);
13018
+ margin-left: var(--pf-c-menu-toggle__controls--MarginLeft);
13005
13019
  }
13006
13020
 
13007
13021
  .pf-c-menu-toggle__toggle-icon {
@@ -16231,6 +16245,12 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
16231
16245
  --pf-global--BackgroundColor--100: #1b1d21;
16232
16246
  }
16233
16247
 
16248
+ :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-card,
16249
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-card,
16250
+ :where(.pf-theme-dark) .pf-c-page__header .pf-c-card {
16251
+ --pf-c-card--BackgroundColor: var(--pf-global--BackgroundColor--100);
16252
+ }
16253
+
16234
16254
  :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button,
16235
16255
  :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
16236
16256
  :where(.pf-theme-dark) .pf-c-page__header .pf-c-button {
@@ -23669,6 +23689,10 @@ svg.pf-c-spinner.pf-m-xl {
23669
23689
  --pf-global--BackgroundColor--100: #1b1d21;
23670
23690
  }
23671
23691
 
23692
+ :where(.pf-theme-dark) .pf-c-wizard__header .pf-c-card {
23693
+ --pf-c-card--BackgroundColor: var(--pf-global--BackgroundColor--100);
23694
+ }
23695
+
23672
23696
  :where(.pf-theme-dark) .pf-c-wizard__header .pf-c-button {
23673
23697
  --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
23674
23698
  --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
@@ -27790,6 +27814,10 @@ svg.pf-c-spinner.pf-m-xl {
27790
27814
  --pf-global--BackgroundColor--100: #1b1d21;
27791
27815
  }
27792
27816
 
27817
+ :where(.pf-theme-dark) .pf-c-about-modal-box .pf-c-card {
27818
+ --pf-c-card--BackgroundColor: var(--pf-global--BackgroundColor--100);
27819
+ }
27820
+
27793
27821
  :where(.pf-theme-dark) .pf-c-about-modal-box .pf-c-button {
27794
27822
  --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
27795
27823
  --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
package/dist/umd/react-core.js CHANGED
@@ -14997,7 +14997,6 @@
14997
14997
  "light_200": "pf-m-light-200",
14998
14998
  "light": "pf-m-light",
14999
14999
  "resizeObserver": "pf-m-resize-observer",
15000
- "breakpointXl": "pf-m-breakpoint-xl",
15001
15000
  "fullHeight": "pf-m-full-height",
15002
15001
  "horizontal": "pf-m-horizontal",
15003
15002
  "displayStack": "pf-m-display-stack",
@@ -18108,7 +18107,7 @@
18108
18107
  const ProgressStep = (_a) => {
18109
18108
  var { children, className, variant, isCurrent, description, icon, titleId, 'aria-label': ariaLabel, popoverRender } = _a, props = __rest$1(_a, ["children", "className", "variant", "isCurrent", "description", "icon", "titleId", 'aria-label', "popoverRender"]);
18110
18109
  const _icon = icon !== undefined ? icon : variantIcons[variant];
18111
- const Component = popoverRender !== undefined ? 'span' : 'div';
18110
+ const Component = popoverRender !== undefined ? 'button' : 'div';
18112
18111
  const stepRef = React__namespace.useRef();
18113
18112
  if (props.id === undefined || titleId === undefined) {
18114
18113
  /* eslint-disable no-console */
@@ -18118,7 +18117,7 @@
18118
18117
  React__namespace.createElement("div", { className: css(styles$p.progressStepperStepConnector) },
18119
18118
  React__namespace.createElement("span", { className: css(styles$p.progressStepperStepIcon) }, _icon && _icon)),
18120
18119
  React__namespace.createElement("div", { className: css(styles$p.progressStepperStepMain) },
18121
- React__namespace.createElement(Component, Object.assign({ className: css(styles$p.progressStepperStepTitle, popoverRender && styles$p.modifiers.helpText), id: titleId, ref: stepRef }, (popoverRender && { tabIndex: 0, role: 'button', type: 'button' }), (props.id !== undefined && titleId !== undefined && { 'aria-labelledby': `${props.id} ${titleId}` })),
18120
+ React__namespace.createElement(Component, Object.assign({ className: css(styles$p.progressStepperStepTitle, popoverRender && styles$p.modifiers.helpText), id: titleId, ref: stepRef }, (popoverRender && { type: 'button' }), (props.id !== undefined && titleId !== undefined && { 'aria-labelledby': `${props.id} ${titleId}` })),
18122
18121
  children,
18123
18122
  popoverRender && popoverRender(stepRef)),
18124
18123
  description && React__namespace.createElement("div", { className: css(styles$p.progressStepperStepDescription) }, description))));
package/dist/umd/react-core.min.css CHANGED
@@ -1817,6 +1817,10 @@ textarea.pf-c-form-control {
1817
1817
  --pf-global--BackgroundColor--100: #1b1d21;
1818
1818
  }
1819
1819
 
1820
+ :where(.pf-theme-dark) .pf-c-banner .pf-c-card {
1821
+ --pf-c-card--BackgroundColor: var(--pf-global--BackgroundColor--100);
1822
+ }
1823
+
1820
1824
  :where(.pf-theme-dark) .pf-c-banner .pf-c-button {
1821
1825
  --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
1822
1826
  --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
@@ -3194,7 +3198,8 @@ button.pf-c-breadcrumb__link {
3194
3198
  font-weight: var(--pf-global--FontWeight--normal);
3195
3199
  }
3196
3200
 
3197
- :where(.pf-theme-dark) .pf-c-card {
3201
+ :where(.pf-theme-dark) .pf-c-card,
3202
+ :where(.pf-theme-dark) .pf-c-card.pf-m-non-selectable-raised {
3198
3203
  --pf-c-card--BoxShadow: var(--pf-global--BoxShadow--md);
3199
3204
  --pf-c-card--m-hoverable-raised--hover--BoxShadow: var(--pf-global--BoxShadow--lg);
3200
3205
  --pf-c-card--m-selectable-raised--hover--BoxShadow: var(--pf-global--BoxShadow--lg);
@@ -11089,6 +11094,11 @@ ul.pf-c-list {
11089
11094
  --pf-global--BackgroundColor--100: #1b1d21;
11090
11095
  }
11091
11096
 
11097
+ :where(.pf-theme-dark) .pf-c-login__header .pf-c-card,
11098
+ :where(.pf-theme-dark) .pf-c-login__footer .pf-c-card {
11099
+ --pf-c-card--BackgroundColor: var(--pf-global--BackgroundColor--100);
11100
+ }
11101
+
11092
11102
  :where(.pf-theme-dark) .pf-c-login__header .pf-c-button,
11093
11103
  :where(.pf-theme-dark) .pf-c-login__footer .pf-c-button {
11094
11104
  --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
@@ -11282,14 +11292,10 @@ ul.pf-c-list {
11282
11292
  }
11283
11293
  }
11284
11294
  @media screen and (min-width: 1200px) {
11285
- .pf-c-page:where(:not(.pf-m-resize-observer)) .pf-c-masthead {
11295
+ .pf-c-masthead {
11286
11296
  --pf-c-masthead--inset: var(--pf-c-masthead--xl--inset);
11287
11297
  }
11288
11298
  }
11289
- .pf-c-page:where(.pf-m-breakpoint-xl) .pf-c-masthead {
11290
- --pf-c-masthead--inset: var(--pf-c-masthead--xl--inset);
11291
- }
11292
-
11293
11299
  .pf-c-masthead.pf-m-light {
11294
11300
  color: var(--pf-global--Color--100);
11295
11301
  --pf-c-masthead--BackgroundColor: var(--pf-c-masthead--m-light--BackgroundColor);
@@ -11839,6 +11845,10 @@ ul.pf-c-list {
11839
11845
  --pf-global--BackgroundColor--100: #1b1d21;
11840
11846
  }
11841
11847
 
11848
+ :where(.pf-theme-dark) .pf-c-masthead .pf-c-card {
11849
+ --pf-c-card--BackgroundColor: var(--pf-global--BackgroundColor--100);
11850
+ }
11851
+
11842
11852
  :where(.pf-theme-dark) .pf-c-masthead .pf-c-button {
11843
11853
  --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
11844
11854
  --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
@@ -12633,6 +12643,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
12633
12643
  --pf-c-menu-toggle__icon--MarginRight: var(--pf-global--spacer--sm);
12634
12644
  --pf-c-menu-toggle__count--MarginLeft: var(--pf-global--spacer--sm);
12635
12645
  --pf-c-menu-toggle__controls--PaddingLeft: var(--pf-global--spacer--md);
12646
+ --pf-c-menu-toggle__controls--MarginLeft: auto;
12647
+ --pf-c-menu-toggle__controls--MarginRight: 0;
12636
12648
  --pf-c-menu-toggle__toggle-icon--MarginRight: var(--pf-global--spacer--sm);
12637
12649
  --pf-c-menu-toggle--m-plain__toggle-icon--Color: var(--pf-global--Color--200);
12638
12650
  --pf-c-menu-toggle--m-plain--hover__toggle-icon--Color: var(--pf-global--Color--100);
@@ -12673,10 +12685,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
12673
12685
  --pf-c-menu-toggle--m-split-button--m-action--m-secondary--child--BorderLeftColor: var(--pf-global--primary-color--100);
12674
12686
  --pf-c-menu-toggle__button__controls--MarginRight: var(--pf-global--spacer--sm);
12675
12687
  --pf-c-menu-toggle__button__controls--MarginLeft: var(--pf-global--spacer--sm);
12676
- --pf-c-menu-toggle--m-typeahead--c-text-input-group--MarginTop: calc(var(--pf-c-menu-toggle--PaddingTop) * -1);
12677
- --pf-c-menu-toggle--m-typeahead--c-text-input-group--MarginRight: calc(var(--pf-c-menu-toggle--PaddingRight) * -1);
12678
- --pf-c-menu-toggle--m-typeahead--c-text-input-group--MarginBottom: calc(var(--pf-c-menu-toggle--PaddingBottom) * -1);
12679
- --pf-c-menu-toggle--m-typeahead--c-text-input-group--MarginLeft: calc(var(--pf-c-menu-toggle--PaddingLeft) * -1);
12688
+ --pf-c-menu-toggle--m-typeahead__controls--MarginRight: var(--pf-global--spacer--md);
12689
+ --pf-c-menu-toggle--m-typeahead__controls--MarginLeft: var(--pf-global--spacer--sm);
12680
12690
  --pf-c-menu-toggle--m-typeahead--c-text-input-group__utilities--c-button--PaddingRight: var(--pf-global--spacer--sm);
12681
12691
  position: relative;
12682
12692
  display: inline-flex;
@@ -12832,14 +12842,20 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
12832
12842
  height: 100%;
12833
12843
  }
12834
12844
 
12845
+ .pf-c-menu-toggle.pf-m-typeahead {
12846
+ --pf-c-menu-toggle__button__controls--MarginRight: var(--pf-c-menu-toggle--m-typeahead__controls--MarginRight);
12847
+ --pf-c-menu-toggle__button__controls--MarginLeft: var(--pf-c-menu-toggle--m-typeahead__controls--MarginLeft);
12848
+ align-items: stretch;
12849
+ padding: 0;
12850
+ }
12851
+
12835
12852
  .pf-c-menu-toggle.pf-m-typeahead .pf-c-text-input-group {
12836
12853
  --pf-c-text-input-group__utilities--c-button--PaddingRight: var(--pf-c-menu-toggle--m-typeahead--c-text-input-group__utilities--c-button--PaddingRight);
12854
+ --pf-c-text-input-group__utilities--MarginRight: 0;
12837
12855
  flex: 1;
12838
- margin: var(--pf-c-menu-toggle--m-typeahead--c-text-input-group--MarginTop) var(--pf-c-menu-toggle--m-typeahead--c-text-input-group--MarginRight) var(--pf-c-menu-toggle--m-typeahead--c-text-input-group--MarginBottom) var(--pf-c-menu-toggle--m-typeahead--c-text-input-group--MarginLeft);
12839
12856
  }
12840
12857
 
12841
12858
  .pf-c-menu-toggle.pf-m-split-button {
12842
- --pf-c-menu-toggle__toggle-icon--MarginRight: 0;
12843
12859
  padding: 0;
12844
12860
  }
12845
12861
 
@@ -12968,16 +12984,13 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
12968
12984
  }
12969
12985
 
12970
12986
  .pf-c-menu-toggle__button {
12987
+ --pf-c-menu-toggle__controls--PaddingLeft: 0;
12988
+ --pf-c-menu-toggle__controls--MarginRight: var(--pf-c-menu-toggle__button__controls--MarginRight);
12989
+ --pf-c-menu-toggle__controls--MarginLeft: var(--pf-c-menu-toggle__button__controls--MarginLeft);
12971
12990
  color: inherit;
12972
12991
  border: 0;
12973
12992
  }
12974
12993
 
12975
- .pf-c-menu-toggle__button .pf-c-menu-toggle__controls {
12976
- padding-left: 0;
12977
- margin-right: var(--pf-c-menu-toggle__button__controls--MarginRight);
12978
- margin-left: var(--pf-c-menu-toggle__button__controls--MarginLeft);
12979
- }
12980
-
12981
12994
  .pf-c-menu-toggle__icon {
12982
12995
  display: inline-flex;
12983
12996
  align-self: center;
@@ -13001,7 +13014,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
13001
13014
 
13002
13015
  .pf-c-menu-toggle__controls {
13003
13016
  padding-left: var(--pf-c-menu-toggle__controls--PaddingLeft);
13004
- margin-left: auto;
13017
+ margin-right: var(--pf-c-menu-toggle__controls--MarginRight);
13018
+ margin-left: var(--pf-c-menu-toggle__controls--MarginLeft);
13005
13019
  }
13006
13020
 
13007
13021
  .pf-c-menu-toggle__toggle-icon {
@@ -16231,6 +16245,12 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
16231
16245
  --pf-global--BackgroundColor--100: #1b1d21;
16232
16246
  }
16233
16247
 
16248
+ :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-card,
16249
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-card,
16250
+ :where(.pf-theme-dark) .pf-c-page__header .pf-c-card {
16251
+ --pf-c-card--BackgroundColor: var(--pf-global--BackgroundColor--100);
16252
+ }
16253
+
16234
16254
  :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button,
16235
16255
  :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
16236
16256
  :where(.pf-theme-dark) .pf-c-page__header .pf-c-button {
@@ -23669,6 +23689,10 @@ svg.pf-c-spinner.pf-m-xl {
23669
23689
  --pf-global--BackgroundColor--100: #1b1d21;
23670
23690
  }
23671
23691
 
23692
+ :where(.pf-theme-dark) .pf-c-wizard__header .pf-c-card {
23693
+ --pf-c-card--BackgroundColor: var(--pf-global--BackgroundColor--100);
23694
+ }
23695
+
23672
23696
  :where(.pf-theme-dark) .pf-c-wizard__header .pf-c-button {
23673
23697
  --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
23674
23698
  --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
@@ -27790,6 +27814,10 @@ svg.pf-c-spinner.pf-m-xl {
27790
27814
  --pf-global--BackgroundColor--100: #1b1d21;
27791
27815
  }
27792
27816
 
27817
+ :where(.pf-theme-dark) .pf-c-about-modal-box .pf-c-card {
27818
+ --pf-c-card--BackgroundColor: var(--pf-global--BackgroundColor--100);
27819
+ }
27820
+
27793
27821
  :where(.pf-theme-dark) .pf-c-about-modal-box .pf-c-button {
27794
27822
  --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
27795
27823
  --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);