@patternfly/react-core 4.242.5 → 4.242.6

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [4.242.6](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-core@4.242.5...@patternfly/react-core@4.242.6) (2022-09-26)
+
+
+### Bug Fixes
+
+* **DatePicker:** Changed  popoverProps type to partial ([#8002](https://github.com/patternfly/patternfly-react/issues/8002)) ([93ea413](https://github.com/patternfly/patternfly-react/commit/93ea413b5509424de7029e4ae334a1c9caaeb1b5))
+
+
+
+
+
 ## [4.242.5](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-core@4.242.4...@patternfly/react-core@4.242.5) (2022-09-26)
 
 **Note:** Version bump only for package @patternfly/react-core

package/dist/esm/components/DatePicker/DatePicker.d.ts

@@ -35,7 +35,7 @@ export interface DatePickerProps extends CalendarFormat, Omit<React.HTMLProps<HT
      */
     appendTo?: HTMLElement | ((ref?: HTMLElement) => HTMLElement) | 'parent';
     /** Props to pass to the Popover */
-    popoverProps?: Omit<PopoverProps, 'appendTo'>;
+    popoverProps?: Partial<Omit<PopoverProps, 'appendTo'>>;
     /** Functions that returns an error message if a date is invalid */
     validators?: ((date: Date) => string)[];
     /** Additional props for input field */

package/dist/esm/components/DatePicker/DatePicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAa,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACnE,OAAO,EAAW,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAG3D,OAAO,EAAiB,cAAc,EAAe,MAAM,kBAAkB,CAAC;AAI9E,MAAM,WAAW,eACf,SAAQ,cAAc,EACpB,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,UAAU,GAAG,SAAS,GAAG,QAAQ,GAAG,UAAU,GAAG,KAAK,CAAC;IACjG,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2CAA2C;IAC3C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,8CAA8C;IAC9C,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,MAAM,CAAC;IACpC,8CAA8C;IAC9C,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,iDAAiD;IACjD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,8FAA8F;IAC9F,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yBAAyB;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oEAAoE;IACpE,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,yDAAyD;IACzD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,IAAI,KAAK,IAAI,CAAC;IAChD,uDAAuD;IACvD,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,IAAI,KAAK,IAAI,CAAC;IAC9C,qBAAqB;IACrB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,wDAAwD;IACxD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,WAAW,GAAG,CAAC,CAAC,GAAG,CAAC,EAAE,WAAW,KAAK,WAAW,CAAC,GAAG,QAAQ,CAAC;IACzE,mCAAmC;IACnC,YAAY,CAAC,EAAE,IAAI,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;IAC9C,mEAAmE;IACnE,UAAU,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,IAAI,KAAK,MAAM,CAAC,EAAE,CAAC;IACxC,uCAAuC;IACvC,UAAU,CAAC,EAAE,cAAc,CAAC;CAC7B;AAED,MAAM,WAAW,aAAa;IAC5B,oCAAoC;IACpC,eAAe,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C;;;wCAGoC;IACpC,cAAc,EAAE,CAAC,MAAM,CAAC,EAAE,OAAO,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9D,mCAAmC;IACnC,cAAc,EAAE,OAAO,CAAC;CACzB;AAED,eAAO,MAAM,cAAc,SAAU,IAAI,WAIlB,CAAC;AAkMxB,eAAO,MAAM,UAAU,uFAAmE,CAAC"}
+{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAa,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACnE,OAAO,EAAW,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAG3D,OAAO,EAAiB,cAAc,EAAe,MAAM,kBAAkB,CAAC;AAI9E,MAAM,WAAW,eACf,SAAQ,cAAc,EACpB,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,UAAU,GAAG,SAAS,GAAG,QAAQ,GAAG,UAAU,GAAG,KAAK,CAAC;IACjG,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2CAA2C;IAC3C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,8CAA8C;IAC9C,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,MAAM,CAAC;IACpC,8CAA8C;IAC9C,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,iDAAiD;IACjD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,8FAA8F;IAC9F,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yBAAyB;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oEAAoE;IACpE,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,yDAAyD;IACzD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,IAAI,KAAK,IAAI,CAAC;IAChD,uDAAuD;IACvD,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,IAAI,KAAK,IAAI,CAAC;IAC9C,qBAAqB;IACrB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,wDAAwD;IACxD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,WAAW,GAAG,CAAC,CAAC,GAAG,CAAC,EAAE,WAAW,KAAK,WAAW,CAAC,GAAG,QAAQ,CAAC;IACzE,mCAAmC;IACnC,YAAY,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC,CAAC;IACvD,mEAAmE;IACnE,UAAU,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,IAAI,KAAK,MAAM,CAAC,EAAE,CAAC;IACxC,uCAAuC;IACvC,UAAU,CAAC,EAAE,cAAc,CAAC;CAC7B;AAED,MAAM,WAAW,aAAa;IAC5B,oCAAoC;IACpC,eAAe,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C;;;wCAGoC;IACpC,cAAc,EAAE,CAAC,MAAM,CAAC,EAAE,OAAO,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9D,mCAAmC;IACnC,cAAc,EAAE,OAAO,CAAC;CACzB;AAED,eAAO,MAAM,cAAc,SAAU,IAAI,WAIlB,CAAC;AAkMxB,eAAO,MAAM,UAAU,uFAAmE,CAAC"}

package/dist/js/components/DatePicker/DatePicker.d.ts

@@ -35,7 +35,7 @@ export interface DatePickerProps extends CalendarFormat, Omit<React.HTMLProps<HT
      */
     appendTo?: HTMLElement | ((ref?: HTMLElement) => HTMLElement) | 'parent';
     /** Props to pass to the Popover */
-    popoverProps?: Omit<PopoverProps, 'appendTo'>;
+    popoverProps?: Partial<Omit<PopoverProps, 'appendTo'>>;
     /** Functions that returns an error message if a date is invalid */
     validators?: ((date: Date) => string)[];
     /** Additional props for input field */

package/dist/js/components/DatePicker/DatePicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAa,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACnE,OAAO,EAAW,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAG3D,OAAO,EAAiB,cAAc,EAAe,MAAM,kBAAkB,CAAC;AAI9E,MAAM,WAAW,eACf,SAAQ,cAAc,EACpB,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,UAAU,GAAG,SAAS,GAAG,QAAQ,GAAG,UAAU,GAAG,KAAK,CAAC;IACjG,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2CAA2C;IAC3C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,8CAA8C;IAC9C,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,MAAM,CAAC;IACpC,8CAA8C;IAC9C,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,iDAAiD;IACjD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,8FAA8F;IAC9F,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yBAAyB;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oEAAoE;IACpE,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,yDAAyD;IACzD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,IAAI,KAAK,IAAI,CAAC;IAChD,uDAAuD;IACvD,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,IAAI,KAAK,IAAI,CAAC;IAC9C,qBAAqB;IACrB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,wDAAwD;IACxD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,WAAW,GAAG,CAAC,CAAC,GAAG,CAAC,EAAE,WAAW,KAAK,WAAW,CAAC,GAAG,QAAQ,CAAC;IACzE,mCAAmC;IACnC,YAAY,CAAC,EAAE,IAAI,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;IAC9C,mEAAmE;IACnE,UAAU,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,IAAI,KAAK,MAAM,CAAC,EAAE,CAAC;IACxC,uCAAuC;IACvC,UAAU,CAAC,EAAE,cAAc,CAAC;CAC7B;AAED,MAAM,WAAW,aAAa;IAC5B,oCAAoC;IACpC,eAAe,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C;;;wCAGoC;IACpC,cAAc,EAAE,CAAC,MAAM,CAAC,EAAE,OAAO,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9D,mCAAmC;IACnC,cAAc,EAAE,OAAO,CAAC;CACzB;AAED,eAAO,MAAM,cAAc,SAAU,IAAI,WAIlB,CAAC;AAkMxB,eAAO,MAAM,UAAU,uFAAmE,CAAC"}
+{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAa,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACnE,OAAO,EAAW,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAG3D,OAAO,EAAiB,cAAc,EAAe,MAAM,kBAAkB,CAAC;AAI9E,MAAM,WAAW,eACf,SAAQ,cAAc,EACpB,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,UAAU,GAAG,SAAS,GAAG,QAAQ,GAAG,UAAU,GAAG,KAAK,CAAC;IACjG,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2CAA2C;IAC3C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,8CAA8C;IAC9C,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,MAAM,CAAC;IACpC,8CAA8C;IAC9C,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,iDAAiD;IACjD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,8FAA8F;IAC9F,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yBAAyB;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oEAAoE;IACpE,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,yDAAyD;IACzD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,IAAI,KAAK,IAAI,CAAC;IAChD,uDAAuD;IACvD,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,IAAI,KAAK,IAAI,CAAC;IAC9C,qBAAqB;IACrB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,wDAAwD;IACxD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,WAAW,GAAG,CAAC,CAAC,GAAG,CAAC,EAAE,WAAW,KAAK,WAAW,CAAC,GAAG,QAAQ,CAAC;IACzE,mCAAmC;IACnC,YAAY,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC,CAAC;IACvD,mEAAmE;IACnE,UAAU,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,IAAI,KAAK,MAAM,CAAC,EAAE,CAAC;IACxC,uCAAuC;IACvC,UAAU,CAAC,EAAE,cAAc,CAAC;CAC7B;AAED,MAAM,WAAW,aAAa;IAC5B,oCAAoC;IACpC,eAAe,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C;;;wCAGoC;IACpC,cAAc,EAAE,CAAC,MAAM,CAAC,EAAE,OAAO,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9D,mCAAmC;IACnC,cAAc,EAAE,OAAO,CAAC;CACzB;AAED,eAAO,MAAM,cAAc,SAAU,IAAI,WAIlB,CAAC;AAkMxB,eAAO,MAAM,UAAU,uFAAmE,CAAC"}

package/dist/umd/react-core.min.css

@@ -10163,6 +10163,236 @@ label.pf-c-input-group__text {
     --pf-c-sidebar__panel--FlexBasis: 100%;
   }
 }
+.pf-c-label-group {
+  --pf-c-label-group__list--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
+  --pf-c-label-group__list--MarginRight: calc(var(--pf-global--spacer--xs) * -1);
+  --pf-c-label-group--m-category--PaddingTop: var(--pf-global--spacer--xs);
+  --pf-c-label-group--m-category--PaddingRight: var(--pf-global--spacer--xs);
+  --pf-c-label-group--m-category--PaddingBottom: var(--pf-global--spacer--xs);
+  --pf-c-label-group--m-category--PaddingLeft: var(--pf-global--spacer--sm);
+  --pf-c-label-group--m-vertical--m-category--PaddingRight: var(--pf-global--spacer--sm);
+  --pf-c-label-group--m-category--BorderRadius: var(--pf-global--BorderRadius--sm);
+  --pf-c-label-group--m-category--BorderWidth: var(--pf-global--BorderWidth--sm);
+  --pf-c-label-group--m-category--BorderColor: var(--pf-global--BorderColor--300);
+  --pf-c-label-group--m-category--BackgroundColor: var(--pf-global--BackgroundColor--100);
+  --pf-c-label-group__label--MarginRight: var(--pf-global--spacer--sm);
+  --pf-c-label-group__label--MarginBottom: 0;
+  --pf-c-label-group--m-vertical__label--MarginBottom: var(--pf-global--spacer--sm);
+  --pf-c-label-group__label--FontSize: var(--pf-global--FontSize--sm);
+  --pf-c-label-group__label--MaxWidth: 18ch;
+  --pf-c-label-group__close--MarginTop: calc(var(--pf-global--spacer--xs) * -1);
+  --pf-c-label-group__close--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
+  --pf-c-label-group--m-vertical__close--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);
+  --pf-c-label-group--m-vertical__close--MarginRight: calc(var(--pf-global--spacer--form-element) * -1);
+  --pf-c-label-group--m-vertical__close--MarginLeft: var(--pf-global--spacer--sm);
+  --pf-c-label-group--m-vertical__close--c-button--PaddingRight: var(--pf-global--spacer--sm);
+  --pf-c-label-group--m-vertical__close--c-button--PaddingLeft: var(--pf-global--spacer--sm);
+  --pf-c-label-group__list-item--MarginRight: var(--pf-global--spacer--xs);
+  --pf-c-label-group__list-item--MarginBottom: var(--pf-global--spacer--xs);
+  --pf-c-label-group__textarea--MinWidth: 12.5rem;
+  --pf-c-label-group__textarea--PaddingTop: 0.125rem;
+  --pf-c-label-group__textarea--PaddingRight: var(--pf-global--spacer--xs);
+  --pf-c-label-group__textarea--PaddingBottom: 0;
+  --pf-c-label-group__textarea--PaddingLeft: var(--pf-global--spacer--xs);
+  display: inline-flex;
+  align-items: center;
+}
+
+.pf-c-label-group.pf-m-category {
+  padding-top: var(--pf-c-label-group--m-category--PaddingTop);
+  padding-right: var(--pf-c-label-group--m-category--PaddingRight);
+  padding-bottom: var(--pf-c-label-group--m-category--PaddingBottom);
+  padding-left: var(--pf-c-label-group--m-category--PaddingLeft);
+  background-color: var(--pf-c-label-group--m-category--BackgroundColor);
+  border: var(--pf-c-label-group--m-category--BorderWidth) solid var(--pf-c-label-group--m-category--BorderColor);
+  border-radius: var(--pf-c-label-group--m-category--BorderRadius);
+}
+
+.pf-c-label-group.pf-m-vertical {
+  --pf-c-label-group__list--MarginRight: 0;
+  --pf-c-label-group__list--MarginBottom: 0;
+  --pf-c-label-group__list-item--MarginRight: 0;
+  --pf-c-label-group__label--MarginRight: 0;
+  --pf-c-label-group__label--MarginBottom: var(--pf-c-label-group--m-vertical__label--MarginBottom);
+  --pf-c-label-group__close--MarginTop: var(--pf-c-label-group--m-vertical__close--MarginTop);
+  --pf-c-label-group__close--MarginLeft: var(--pf-c-label-group--m-vertical__close--MarginLeft);
+  --pf-c-label-group__close--MarginBottom: 0;
+  --pf-c-label-group__close--MarginRight: var(--pf-c-label-group--m-vertical__close--MarginRight);
+  --pf-c-label-group--m-category--PaddingRight: var(--pf-c-label-group--m-vertical--m-category--PaddingRight);
+}
+
+.pf-c-label-group.pf-m-vertical.pf-c-label-group {
+  align-items: flex-start;
+}
+
+.pf-c-label-group.pf-m-vertical .pf-c-label-group__list {
+  flex-direction: column;
+  align-items: flex-start;
+}
+
+.pf-c-label-group.pf-m-vertical .pf-c-label-group__main {
+  flex-direction: column;
+}
+
+.pf-c-label-group.pf-m-vertical .pf-c-label-group__list-item:last-child {
+  --pf-c-label-group__list-item--MarginBottom: 0;
+}
+
+.pf-c-label-group.pf-m-vertical .pf-c-label-group__close .pf-c-button {
+  --pf-c-button--PaddingLeft: var(--pf-c-label-group--m-vertical__close--c-button--PaddingLeft);
+  --pf-c-button--PaddingRight: var(--pf-c-label-group--m-vertical__close--c-button--PaddingRight);
+}
+
+.pf-c-label-group.pf-m-editable,
+.pf-c-label-group.pf-m-editable .pf-c-label-group__main,
+.pf-c-label-group.pf-m-editable .pf-c-label-group__list {
+  display: flex;
+}
+
+.pf-c-label-group.pf-m-editable .pf-c-label-group__main,
+.pf-c-label-group.pf-m-editable .pf-c-label-group__list,
+.pf-c-label-group.pf-m-editable .pf-c-label-group__list-item.pf-m-textarea,
+.pf-c-label-group.pf-m-editable .pf-c-label-group__textarea {
+  flex: 1;
+}
+
+.pf-c-label-group__main {
+  display: flex;
+  flex: 1;
+  flex-wrap: wrap;
+  align-items: baseline;
+}
+
+.pf-c-label-group__list {
+  display: inline-flex;
+  flex-wrap: wrap;
+  margin-right: var(--pf-c-label-group__list--MarginRight);
+  margin-bottom: var(--pf-c-label-group__list--MarginBottom);
+}
+
+.pf-c-label-group__list-item {
+  display: inline-flex;
+  margin-right: var(--pf-c-label-group__list-item--MarginRight);
+  margin-bottom: var(--pf-c-label-group__list-item--MarginBottom);
+}
+
+.pf-c-label-group__label {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  max-width: var(--pf-c-label-group__label--MaxWidth);
+  margin-right: var(--pf-c-label-group__label--MarginRight);
+  margin-bottom: var(--pf-c-label-group__label--MarginBottom);
+  font-size: var(--pf-c-label-group__label--FontSize);
+}
+
+.pf-c-label-group__close {
+  margin-top: var(--pf-c-label-group__close--MarginTop);
+  margin-right: var(--pf-c-label-group__close--MarginRight);
+  margin-bottom: var(--pf-c-label-group__close--MarginBottom);
+  margin-left: var(--pf-c-label-group__close--MarginLeft);
+}
+
+.pf-c-label-group__textarea {
+  min-width: var(--pf-c-label-group__textarea--MinWidth);
+  padding: var(--pf-c-label-group__textarea--PaddingTop) var(--pf-c-label-group__textarea--PaddingRight) var(--pf-c-label-group__textarea--PaddingBottom) var(--pf-c-label-group__textarea--PaddingLeft);
+  white-space: nowrap;
+  resize: none;
+  border: 0;
+  -ms-overflow-style: none;
+  scrollbar-width: none;
+}
+
+.pf-c-label-group__textarea::-webkit-scrollbar {
+  display: none;
+}
+
+.pf-c-list {
+  --pf-c-list--PaddingLeft: var(--pf-global--spacer--lg);
+  --pf-c-list--nested--MarginTop: var(--pf-global--spacer--sm);
+  --pf-c-list--nested--MarginLeft: var(--pf-global--spacer--sm);
+  --pf-c-list--ul--ListStyle: var(--pf-global--ListStyle);
+  --pf-c-list--li--MarginTop: var(--pf-global--spacer--sm);
+  --pf-c-list--m-inline--li--MarginRight: var(--pf-global--spacer--lg);
+  --pf-c-list--m-bordered--li--PaddingBottom: var(--pf-global--spacer--sm);
+  --pf-c-list--m-bordered--li--BorderBottomColor: var(--pf-global--BorderColor--100);
+  --pf-c-list--m-bordered--li--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
+  --pf-c-list__item-icon--MinWidth: var(--pf-global--icon--FontSize--sm);
+  --pf-c-list__item-icon--MarginTop: 0.375rem;
+  --pf-c-list__item-icon--MarginRight: var(--pf-global--spacer--sm);
+  --pf-c-list__item-icon--Color: var(--pf-global--icon--Color--light);
+  --pf-c-list__item-icon--FontSize: var(--pf-global--icon--FontSize--sm);
+  --pf-c-list--m-icon-lg__item-icon--MinWidth: var(--pf-global--icon--FontSize--lg);
+  --pf-c-list--m-icon-lg__item-icon--MarginRight: var(--pf-global--spacer--md);
+  --pf-c-list--m-icon-lg__item-icon--FontSize: var(--pf-global--icon--FontSize--lg);
+  padding-left: var(--pf-c-list--PaddingLeft);
+}
+
+.pf-c-list ol,
+.pf-c-list ul {
+  margin-top: var(--pf-c-list--nested--MarginTop);
+  margin-left: var(--pf-c-list--nested--MarginLeft);
+}
+
+.pf-c-list li + li {
+  margin-top: var(--pf-c-list--li--MarginTop);
+}
+
+ul.pf-c-list {
+  list-style: var(--pf-c-list--ul--ListStyle);
+}
+
+.pf-c-list .pf-c-list__item {
+  display: flex;
+}
+
+.pf-c-list .pf-c-list__item-icon {
+  flex-shrink: 0;
+  min-width: var(--pf-c-list__item-icon--MinWidth);
+  margin-top: var(--pf-c-list__item-icon--MarginTop);
+  margin-right: var(--pf-c-list__item-icon--MarginRight);
+  font-size: var(--pf-c-list__item-icon--FontSize);
+  line-height: 1;
+  color: var(--pf-c-list__item-icon--Color);
+}
+
+.pf-c-list.pf-m-icon-lg {
+  --pf-c-list__item-icon--MinWidth: var(--pf-c-list--m-icon-lg__item-icon--MinWidth);
+  --pf-c-list__item-icon--MarginTop: 0;
+  --pf-c-list__item-icon--MarginRight: var(--pf-c-list--m-icon-lg__item-icon--MarginRight);
+  --pf-c-list__item-icon--FontSize: var(--pf-c-list--m-icon-lg__item-icon--FontSize);
+}
+
+.pf-c-list.pf-m-plain {
+  --pf-c-list--PaddingLeft: 0;
+  list-style: none;
+}
+
+.pf-c-list.pf-m-inline {
+  --pf-c-list--PaddingLeft: 0;
+  display: flex;
+  flex-wrap: wrap;
+  list-style: none;
+}
+
+.pf-c-list.pf-m-inline li {
+  --pf-c-list--li--MarginTop: 0;
+}
+
+.pf-c-list.pf-m-inline li:not(:last-child) {
+  margin-right: var(--pf-c-list--m-inline--li--MarginRight);
+}
+
+.pf-c-list.pf-m-bordered > * {
+  padding-bottom: var(--pf-c-list--m-bordered--li--PaddingBottom);
+  border-bottom: var(--pf-c-list--m-bordered--li--BorderBottomWidth) solid var(--pf-c-list--m-bordered--li--BorderBottomColor);
+}
+
+.pf-c-list.pf-m-bordered > :last-child {
+  --pf-c-list--m-bordered--li--PaddingBottom: 0;
+  --pf-c-list--m-bordered--li--BorderBottomWidth: 0;
+}
+
 .pf-c-label {
   --pf-c-label--PaddingTop: var(--pf-global--spacer--xs);
   --pf-c-label--PaddingRight: var(--pf-global--spacer--sm);
@@ -10495,365 +10725,135 @@ label.pf-c-input-group__text {
   visibility: hidden;
 }
 
-.pf-c-label .pf-c-button {
-  --pf-c-button--FontSize: var(--pf-c-label__c-button--FontSize);
-  --pf-c-button--PaddingTop: var(--pf-c-label__c-button--PaddingTop);
-  --pf-c-button--PaddingRight: var(--pf-c-label__c-button--PaddingRight);
-  --pf-c-button--PaddingBottom: var(--pf-c-label__c-button--PaddingBottom);
-  --pf-c-button--PaddingLeft: var(--pf-c-label__c-button--PaddingLeft);
-  margin-top: var(--pf-c-label__c-button--MarginTop);
-  margin-right: var(--pf-c-label__c-button--MarginRight);
-  margin-bottom: var(--pf-c-label__c-button--MarginBottom);
-  margin-left: var(--pf-c-label__c-button--MarginLeft);
-}
-
-.pf-c-label.pf-m-overflow, .pf-c-label.pf-m-add {
-  --pf-c-label__content--Color: var(--pf-c-label--m-overflow__content--Color);
-  --pf-c-label--BackgroundColor: var(--pf-c-label--m-overflow__content--BackgroundColor);
-  --pf-c-label__content--before--BorderWidth: var(--pf-c-label--m-overflow__content--before--BorderWidth);
-  --pf-c-label__content--before--BorderColor: var(--pf-c-label--m-overflow__content--before--BorderColor);
-  --pf-c-label__content--link--hover--before--BorderWidth: var(--pf-c-label--m-overflow__content--link--hover--before--BorderWidth);
-  --pf-c-label__content--link--hover--before--BorderColor: var(--pf-c-label--m-overflow__content--link--hover--before--BorderColor);
-  --pf-c-label__content--link--focus--before--BorderWidth: var(--pf-c-label--m-overflow__content--link--focus--before--BorderWidth);
-  --pf-c-label__content--link--focus--before--BorderColor: var(--pf-c-label--m-overflow__content--link--focus--before--BorderColor);
-}
-
-.pf-c-label,
-.pf-c-label__content {
-  display: inline-flex;
-  align-items: center;
-}
-
-.pf-c-label__text {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  max-width: var(--pf-c-label__text--MaxWidth);
-}
-
-.pf-c-label__content {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  max-width: var(--pf-c-label__content--MaxWidth);
-  color: var(--pf-c-label__content--Color);
-  border-width: 0;
-}
-
-.pf-c-label__content::before {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  pointer-events: none;
-  content: "";
-  border: var(--pf-c-label__content--before--BorderWidth) solid var(--pf-c-label__content--before--BorderColor);
-  border-radius: var(--pf-c-label--BorderRadius);
-}
-
-a.pf-c-label__content,
-button.pf-c-label__content {
-  cursor: pointer;
-  border: none;
-}
-
-a.pf-c-label__content, a.pf-c-label__content:hover, a.pf-c-label__content:focus,
-button.pf-c-label__content,
-button.pf-c-label__content:hover,
-button.pf-c-label__content:focus {
-  text-decoration: none;
-}
-
-a.pf-c-label__content:hover,
-button.pf-c-label__content:hover {
-  --pf-c-label__content--before--BorderWidth: var(--pf-c-label__content--link--hover--before--BorderWidth);
-  --pf-c-label__content--before--BorderColor: var(--pf-c-label__content--link--hover--before--BorderColor);
-}
-
-a.pf-c-label__content:focus,
-button.pf-c-label__content:focus {
-  --pf-c-label__content--before--BorderWidth: var(--pf-c-label__content--link--focus--before--BorderWidth);
-  --pf-c-label__content--before--BorderColor: var(--pf-c-label__content--link--focus--before--BorderColor);
-}
-
-.pf-c-label__icon {
-  margin-right: var(--pf-c-label__icon--MarginRight);
-  color: var(--pf-c-label__icon--Color);
-}
-
-:where(.pf-theme-dark) .pf-c-label {
-  --pf-c-label--BackgroundColor: var(--pf-global--BackgroundColor--300);
-  --pf-c-label--m-blue--BackgroundColor: var(--pf-global--BackgroundColor--300);
-  --pf-c-label--m-green--BackgroundColor: var(--pf-global--BackgroundColor--300);
-  --pf-c-label--m-orange--BackgroundColor: var(--pf-global--BackgroundColor--300);
-  --pf-c-label--m-red--BackgroundColor: var(--pf-global--BackgroundColor--300);
-  --pf-c-label--m-purple--BackgroundColor: var(--pf-global--BackgroundColor--300);
-  --pf-c-label--m-cyan--BackgroundColor: var(--pf-global--BackgroundColor--300);
-  --pf-c-label__content--before--BorderWidth: 0;
-  --pf-c-label__content--before--BorderColor: transparent;
-  --pf-c-label__content--link--hover--before--BorderWidth: var(--pf-global--BorderWidth--sm);
-  --pf-c-label__content--link--focus--before--BorderWidth: var(--pf-global--BorderWidth--sm);
-  --pf-c-label--m-blue__content--Color: var(--pf-global--primary-color--100);
-  --pf-c-label--m-outline--m-blue__content--before--BorderColor: var(--pf-global--active-color--200);
-  --pf-c-label--m-outline--m-blue__content--link--hover--before--BorderColor: var(--pf-global--active-color--200);
-  --pf-c-label--m-outline--m-blue__content--link--focus--before--BorderColor: var(--pf-global--active-color--200);
-  --pf-c-label--m-green__content--Color: var(--pf-global--success-color--100);
-  --pf-c-label--m-outline--m-green__content--before--BorderColor: var(--pf-global--palette--green-100);
-  --pf-c-label--m-outline--m-green__content--link--hover--before--BorderColor: var(--pf-global--palette--green-100);
-  --pf-c-label--m-outline--m-green__content--link--focus--before--BorderColor: var(--pf-global--palette--green-100);
-  --pf-c-label--m-orange__content--Color: var(--pf-global--palette--orange-300);
-  --pf-c-label--m-outline--m-orange__content--Color: var(--pf-global--palette--orange-300);
-  --pf-c-label--m-outline--m-orange__content--before--BorderColor: var(--pf-global--palette--gold-100);
-  --pf-c-label--m-outline--m-orange__content--link--hover--before--BorderColor: var(--pf-global--palette--gold-100);
-  --pf-c-label--m-outline--m-orange__content--link--focus--before--BorderColor: var(--pf-global--palette--gold-100);
-  --pf-c-label--m-red__content--Color: var(--pf-global--danger-color--100);
-  --pf-c-label--m-outline--m-red__content--before--BorderColor: var(--pf-global--danger-color--100);
-  --pf-c-label--m-outline--m-red__content--link--hover--before--BorderColor: var(--pf-global--danger-color--100);
-  --pf-c-label--m-outline--m-red__content--link--focus--before--BorderColor: var(--pf-global--danger-color--100);
-  --pf-c-label--m-purple__content--Color: var(--pf-global--palette--purple-300);
-  --pf-c-label--m-purple__icon--Color: var(--pf-global--palette--purple-300);
-  --pf-c-label--m-purple__content--link--hover--before--BorderColor: var(--pf-global--palette--purple-300);
-  --pf-c-label--m-purple__content--link--focus--before--BorderColor: var(--pf-global--palette--purple-300);
-  --pf-c-label--m-outline--m-purple__content--before--BorderColor: var(--pf-global--palette--purple-100);
-  --pf-c-label--m-outline--m-purple__content--link--hover--before--BorderColor: var(--pf-global--palette--purple-100);
-  --pf-c-label--m-outline--m-purple__content--link--focus--before--BorderColor: var(--pf-global--palette--purple-100);
-  --pf-c-label--m-outline--m-purple__content--Color: var(--pf-global--palette--purple-300);
-  --pf-c-label--m-cyan__content--Color: var(--pf-global--default-color--200);
-  --pf-c-label--m-outline--m-cyan__content--Color: var(--pf-global--default-color--200);
-  --pf-c-label--m-outline--m-cyan__content--before--BorderColor: var(--pf-global--palette--cyan-100);
-  --pf-c-label--m-outline--m-cyan__content--link--hover--before--BorderColor: var(--pf-global--palette--cyan-100);
-  --pf-c-label--m-outline--m-cyan__content--link--focus--before--BorderColor: var(--pf-global--palette--cyan-100);
-}
-
-.pf-c-label-group {
-  --pf-c-label-group__list--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
-  --pf-c-label-group__list--MarginRight: calc(var(--pf-global--spacer--xs) * -1);
-  --pf-c-label-group--m-category--PaddingTop: var(--pf-global--spacer--xs);
-  --pf-c-label-group--m-category--PaddingRight: var(--pf-global--spacer--xs);
-  --pf-c-label-group--m-category--PaddingBottom: var(--pf-global--spacer--xs);
-  --pf-c-label-group--m-category--PaddingLeft: var(--pf-global--spacer--sm);
-  --pf-c-label-group--m-vertical--m-category--PaddingRight: var(--pf-global--spacer--sm);
-  --pf-c-label-group--m-category--BorderRadius: var(--pf-global--BorderRadius--sm);
-  --pf-c-label-group--m-category--BorderWidth: var(--pf-global--BorderWidth--sm);
-  --pf-c-label-group--m-category--BorderColor: var(--pf-global--BorderColor--300);
-  --pf-c-label-group--m-category--BackgroundColor: var(--pf-global--BackgroundColor--100);
-  --pf-c-label-group__label--MarginRight: var(--pf-global--spacer--sm);
-  --pf-c-label-group__label--MarginBottom: 0;
-  --pf-c-label-group--m-vertical__label--MarginBottom: var(--pf-global--spacer--sm);
-  --pf-c-label-group__label--FontSize: var(--pf-global--FontSize--sm);
-  --pf-c-label-group__label--MaxWidth: 18ch;
-  --pf-c-label-group__close--MarginTop: calc(var(--pf-global--spacer--xs) * -1);
-  --pf-c-label-group__close--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
-  --pf-c-label-group--m-vertical__close--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);
-  --pf-c-label-group--m-vertical__close--MarginRight: calc(var(--pf-global--spacer--form-element) * -1);
-  --pf-c-label-group--m-vertical__close--MarginLeft: var(--pf-global--spacer--sm);
-  --pf-c-label-group--m-vertical__close--c-button--PaddingRight: var(--pf-global--spacer--sm);
-  --pf-c-label-group--m-vertical__close--c-button--PaddingLeft: var(--pf-global--spacer--sm);
-  --pf-c-label-group__list-item--MarginRight: var(--pf-global--spacer--xs);
-  --pf-c-label-group__list-item--MarginBottom: var(--pf-global--spacer--xs);
-  --pf-c-label-group__textarea--MinWidth: 12.5rem;
-  --pf-c-label-group__textarea--PaddingTop: 0.125rem;
-  --pf-c-label-group__textarea--PaddingRight: var(--pf-global--spacer--xs);
-  --pf-c-label-group__textarea--PaddingBottom: 0;
-  --pf-c-label-group__textarea--PaddingLeft: var(--pf-global--spacer--xs);
-  display: inline-flex;
-  align-items: center;
-}
-
-.pf-c-label-group.pf-m-category {
-  padding-top: var(--pf-c-label-group--m-category--PaddingTop);
-  padding-right: var(--pf-c-label-group--m-category--PaddingRight);
-  padding-bottom: var(--pf-c-label-group--m-category--PaddingBottom);
-  padding-left: var(--pf-c-label-group--m-category--PaddingLeft);
-  background-color: var(--pf-c-label-group--m-category--BackgroundColor);
-  border: var(--pf-c-label-group--m-category--BorderWidth) solid var(--pf-c-label-group--m-category--BorderColor);
-  border-radius: var(--pf-c-label-group--m-category--BorderRadius);
-}
-
-.pf-c-label-group.pf-m-vertical {
-  --pf-c-label-group__list--MarginRight: 0;
-  --pf-c-label-group__list--MarginBottom: 0;
-  --pf-c-label-group__list-item--MarginRight: 0;
-  --pf-c-label-group__label--MarginRight: 0;
-  --pf-c-label-group__label--MarginBottom: var(--pf-c-label-group--m-vertical__label--MarginBottom);
-  --pf-c-label-group__close--MarginTop: var(--pf-c-label-group--m-vertical__close--MarginTop);
-  --pf-c-label-group__close--MarginLeft: var(--pf-c-label-group--m-vertical__close--MarginLeft);
-  --pf-c-label-group__close--MarginBottom: 0;
-  --pf-c-label-group__close--MarginRight: var(--pf-c-label-group--m-vertical__close--MarginRight);
-  --pf-c-label-group--m-category--PaddingRight: var(--pf-c-label-group--m-vertical--m-category--PaddingRight);
-}
-
-.pf-c-label-group.pf-m-vertical.pf-c-label-group {
-  align-items: flex-start;
-}
-
-.pf-c-label-group.pf-m-vertical .pf-c-label-group__list {
-  flex-direction: column;
-  align-items: flex-start;
-}
-
-.pf-c-label-group.pf-m-vertical .pf-c-label-group__main {
-  flex-direction: column;
-}
-
-.pf-c-label-group.pf-m-vertical .pf-c-label-group__list-item:last-child {
-  --pf-c-label-group__list-item--MarginBottom: 0;
-}
-
-.pf-c-label-group.pf-m-vertical .pf-c-label-group__close .pf-c-button {
-  --pf-c-button--PaddingLeft: var(--pf-c-label-group--m-vertical__close--c-button--PaddingLeft);
-  --pf-c-button--PaddingRight: var(--pf-c-label-group--m-vertical__close--c-button--PaddingRight);
-}
-
-.pf-c-label-group.pf-m-editable,
-.pf-c-label-group.pf-m-editable .pf-c-label-group__main,
-.pf-c-label-group.pf-m-editable .pf-c-label-group__list {
-  display: flex;
-}
-
-.pf-c-label-group.pf-m-editable .pf-c-label-group__main,
-.pf-c-label-group.pf-m-editable .pf-c-label-group__list,
-.pf-c-label-group.pf-m-editable .pf-c-label-group__list-item.pf-m-textarea,
-.pf-c-label-group.pf-m-editable .pf-c-label-group__textarea {
-  flex: 1;
-}
-
-.pf-c-label-group__main {
-  display: flex;
-  flex: 1;
-  flex-wrap: wrap;
-  align-items: baseline;
-}
-
-.pf-c-label-group__list {
-  display: inline-flex;
-  flex-wrap: wrap;
-  margin-right: var(--pf-c-label-group__list--MarginRight);
-  margin-bottom: var(--pf-c-label-group__list--MarginBottom);
-}
-
-.pf-c-label-group__list-item {
-  display: inline-flex;
-  margin-right: var(--pf-c-label-group__list-item--MarginRight);
-  margin-bottom: var(--pf-c-label-group__list-item--MarginBottom);
-}
-
-.pf-c-label-group__label {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  max-width: var(--pf-c-label-group__label--MaxWidth);
-  margin-right: var(--pf-c-label-group__label--MarginRight);
-  margin-bottom: var(--pf-c-label-group__label--MarginBottom);
-  font-size: var(--pf-c-label-group__label--FontSize);
-}
-
-.pf-c-label-group__close {
-  margin-top: var(--pf-c-label-group__close--MarginTop);
-  margin-right: var(--pf-c-label-group__close--MarginRight);
-  margin-bottom: var(--pf-c-label-group__close--MarginBottom);
-  margin-left: var(--pf-c-label-group__close--MarginLeft);
-}
-
-.pf-c-label-group__textarea {
-  min-width: var(--pf-c-label-group__textarea--MinWidth);
-  padding: var(--pf-c-label-group__textarea--PaddingTop) var(--pf-c-label-group__textarea--PaddingRight) var(--pf-c-label-group__textarea--PaddingBottom) var(--pf-c-label-group__textarea--PaddingLeft);
-  white-space: nowrap;
-  resize: none;
-  border: 0;
-  -ms-overflow-style: none;
-  scrollbar-width: none;
-}
-
-.pf-c-label-group__textarea::-webkit-scrollbar {
-  display: none;
-}
-
-.pf-c-list {
-  --pf-c-list--PaddingLeft: var(--pf-global--spacer--lg);
-  --pf-c-list--nested--MarginTop: var(--pf-global--spacer--sm);
-  --pf-c-list--nested--MarginLeft: var(--pf-global--spacer--sm);
-  --pf-c-list--ul--ListStyle: var(--pf-global--ListStyle);
-  --pf-c-list--li--MarginTop: var(--pf-global--spacer--sm);
-  --pf-c-list--m-inline--li--MarginRight: var(--pf-global--spacer--lg);
-  --pf-c-list--m-bordered--li--PaddingBottom: var(--pf-global--spacer--sm);
-  --pf-c-list--m-bordered--li--BorderBottomColor: var(--pf-global--BorderColor--100);
-  --pf-c-list--m-bordered--li--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
-  --pf-c-list__item-icon--MinWidth: var(--pf-global--icon--FontSize--sm);
-  --pf-c-list__item-icon--MarginTop: 0.375rem;
-  --pf-c-list__item-icon--MarginRight: var(--pf-global--spacer--sm);
-  --pf-c-list__item-icon--Color: var(--pf-global--icon--Color--light);
-  --pf-c-list__item-icon--FontSize: var(--pf-global--icon--FontSize--sm);
-  --pf-c-list--m-icon-lg__item-icon--MinWidth: var(--pf-global--icon--FontSize--lg);
-  --pf-c-list--m-icon-lg__item-icon--MarginRight: var(--pf-global--spacer--md);
-  --pf-c-list--m-icon-lg__item-icon--FontSize: var(--pf-global--icon--FontSize--lg);
-  padding-left: var(--pf-c-list--PaddingLeft);
-}
-
-.pf-c-list ol,
-.pf-c-list ul {
-  margin-top: var(--pf-c-list--nested--MarginTop);
-  margin-left: var(--pf-c-list--nested--MarginLeft);
+.pf-c-label .pf-c-button {
+  --pf-c-button--FontSize: var(--pf-c-label__c-button--FontSize);
+  --pf-c-button--PaddingTop: var(--pf-c-label__c-button--PaddingTop);
+  --pf-c-button--PaddingRight: var(--pf-c-label__c-button--PaddingRight);
+  --pf-c-button--PaddingBottom: var(--pf-c-label__c-button--PaddingBottom);
+  --pf-c-button--PaddingLeft: var(--pf-c-label__c-button--PaddingLeft);
+  margin-top: var(--pf-c-label__c-button--MarginTop);
+  margin-right: var(--pf-c-label__c-button--MarginRight);
+  margin-bottom: var(--pf-c-label__c-button--MarginBottom);
+  margin-left: var(--pf-c-label__c-button--MarginLeft);
 }
 
-.pf-c-list li + li {
-  margin-top: var(--pf-c-list--li--MarginTop);
+.pf-c-label.pf-m-overflow, .pf-c-label.pf-m-add {
+  --pf-c-label__content--Color: var(--pf-c-label--m-overflow__content--Color);
+  --pf-c-label--BackgroundColor: var(--pf-c-label--m-overflow__content--BackgroundColor);
+  --pf-c-label__content--before--BorderWidth: var(--pf-c-label--m-overflow__content--before--BorderWidth);
+  --pf-c-label__content--before--BorderColor: var(--pf-c-label--m-overflow__content--before--BorderColor);
+  --pf-c-label__content--link--hover--before--BorderWidth: var(--pf-c-label--m-overflow__content--link--hover--before--BorderWidth);
+  --pf-c-label__content--link--hover--before--BorderColor: var(--pf-c-label--m-overflow__content--link--hover--before--BorderColor);
+  --pf-c-label__content--link--focus--before--BorderWidth: var(--pf-c-label--m-overflow__content--link--focus--before--BorderWidth);
+  --pf-c-label__content--link--focus--before--BorderColor: var(--pf-c-label--m-overflow__content--link--focus--before--BorderColor);
 }
 
-ul.pf-c-list {
-  list-style: var(--pf-c-list--ul--ListStyle);
+.pf-c-label,
+.pf-c-label__content {
+  display: inline-flex;
+  align-items: center;
 }
 
-.pf-c-list .pf-c-list__item {
-  display: flex;
+.pf-c-label__text {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  max-width: var(--pf-c-label__text--MaxWidth);
 }
 
-.pf-c-list .pf-c-list__item-icon {
-  flex-shrink: 0;
-  min-width: var(--pf-c-list__item-icon--MinWidth);
-  margin-top: var(--pf-c-list__item-icon--MarginTop);
-  margin-right: var(--pf-c-list__item-icon--MarginRight);
-  font-size: var(--pf-c-list__item-icon--FontSize);
-  line-height: 1;
-  color: var(--pf-c-list__item-icon--Color);
+.pf-c-label__content {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  max-width: var(--pf-c-label__content--MaxWidth);
+  color: var(--pf-c-label__content--Color);
+  border-width: 0;
 }
 
-.pf-c-list.pf-m-icon-lg {
-  --pf-c-list__item-icon--MinWidth: var(--pf-c-list--m-icon-lg__item-icon--MinWidth);
-  --pf-c-list__item-icon--MarginTop: 0;
-  --pf-c-list__item-icon--MarginRight: var(--pf-c-list--m-icon-lg__item-icon--MarginRight);
-  --pf-c-list__item-icon--FontSize: var(--pf-c-list--m-icon-lg__item-icon--FontSize);
+.pf-c-label__content::before {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  pointer-events: none;
+  content: "";
+  border: var(--pf-c-label__content--before--BorderWidth) solid var(--pf-c-label__content--before--BorderColor);
+  border-radius: var(--pf-c-label--BorderRadius);
 }
 
-.pf-c-list.pf-m-plain {
-  --pf-c-list--PaddingLeft: 0;
-  list-style: none;
+a.pf-c-label__content,
+button.pf-c-label__content {
+  cursor: pointer;
+  border: none;
 }
 
-.pf-c-list.pf-m-inline {
-  --pf-c-list--PaddingLeft: 0;
-  display: flex;
-  flex-wrap: wrap;
-  list-style: none;
+a.pf-c-label__content, a.pf-c-label__content:hover, a.pf-c-label__content:focus,
+button.pf-c-label__content,
+button.pf-c-label__content:hover,
+button.pf-c-label__content:focus {
+  text-decoration: none;
 }
 
-.pf-c-list.pf-m-inline li {
-  --pf-c-list--li--MarginTop: 0;
+a.pf-c-label__content:hover,
+button.pf-c-label__content:hover {
+  --pf-c-label__content--before--BorderWidth: var(--pf-c-label__content--link--hover--before--BorderWidth);
+  --pf-c-label__content--before--BorderColor: var(--pf-c-label__content--link--hover--before--BorderColor);
 }
 
-.pf-c-list.pf-m-inline li:not(:last-child) {
-  margin-right: var(--pf-c-list--m-inline--li--MarginRight);
+a.pf-c-label__content:focus,
+button.pf-c-label__content:focus {
+  --pf-c-label__content--before--BorderWidth: var(--pf-c-label__content--link--focus--before--BorderWidth);
+  --pf-c-label__content--before--BorderColor: var(--pf-c-label__content--link--focus--before--BorderColor);
 }
 
-.pf-c-list.pf-m-bordered > * {
-  padding-bottom: var(--pf-c-list--m-bordered--li--PaddingBottom);
-  border-bottom: var(--pf-c-list--m-bordered--li--BorderBottomWidth) solid var(--pf-c-list--m-bordered--li--BorderBottomColor);
+.pf-c-label__icon {
+  margin-right: var(--pf-c-label__icon--MarginRight);
+  color: var(--pf-c-label__icon--Color);
 }
 
-.pf-c-list.pf-m-bordered > :last-child {
-  --pf-c-list--m-bordered--li--PaddingBottom: 0;
-  --pf-c-list--m-bordered--li--BorderBottomWidth: 0;
+:where(.pf-theme-dark) .pf-c-label {
+  --pf-c-label--BackgroundColor: var(--pf-global--BackgroundColor--300);
+  --pf-c-label--m-blue--BackgroundColor: var(--pf-global--BackgroundColor--300);
+  --pf-c-label--m-green--BackgroundColor: var(--pf-global--BackgroundColor--300);
+  --pf-c-label--m-orange--BackgroundColor: var(--pf-global--BackgroundColor--300);
+  --pf-c-label--m-red--BackgroundColor: var(--pf-global--BackgroundColor--300);
+  --pf-c-label--m-purple--BackgroundColor: var(--pf-global--BackgroundColor--300);
+  --pf-c-label--m-cyan--BackgroundColor: var(--pf-global--BackgroundColor--300);
+  --pf-c-label__content--before--BorderWidth: 0;
+  --pf-c-label__content--before--BorderColor: transparent;
+  --pf-c-label__content--link--hover--before--BorderWidth: var(--pf-global--BorderWidth--sm);
+  --pf-c-label__content--link--focus--before--BorderWidth: var(--pf-global--BorderWidth--sm);
+  --pf-c-label--m-blue__content--Color: var(--pf-global--primary-color--100);
+  --pf-c-label--m-outline--m-blue__content--before--BorderColor: var(--pf-global--active-color--200);
+  --pf-c-label--m-outline--m-blue__content--link--hover--before--BorderColor: var(--pf-global--active-color--200);
+  --pf-c-label--m-outline--m-blue__content--link--focus--before--BorderColor: var(--pf-global--active-color--200);
+  --pf-c-label--m-green__content--Color: var(--pf-global--success-color--100);
+  --pf-c-label--m-outline--m-green__content--before--BorderColor: var(--pf-global--palette--green-100);
+  --pf-c-label--m-outline--m-green__content--link--hover--before--BorderColor: var(--pf-global--palette--green-100);
+  --pf-c-label--m-outline--m-green__content--link--focus--before--BorderColor: var(--pf-global--palette--green-100);
+  --pf-c-label--m-orange__content--Color: var(--pf-global--palette--orange-300);
+  --pf-c-label--m-outline--m-orange__content--Color: var(--pf-global--palette--orange-300);
+  --pf-c-label--m-outline--m-orange__content--before--BorderColor: var(--pf-global--palette--gold-100);
+  --pf-c-label--m-outline--m-orange__content--link--hover--before--BorderColor: var(--pf-global--palette--gold-100);
+  --pf-c-label--m-outline--m-orange__content--link--focus--before--BorderColor: var(--pf-global--palette--gold-100);
+  --pf-c-label--m-red__content--Color: var(--pf-global--danger-color--100);
+  --pf-c-label--m-outline--m-red__content--before--BorderColor: var(--pf-global--danger-color--100);
+  --pf-c-label--m-outline--m-red__content--link--hover--before--BorderColor: var(--pf-global--danger-color--100);
+  --pf-c-label--m-outline--m-red__content--link--focus--before--BorderColor: var(--pf-global--danger-color--100);
+  --pf-c-label--m-purple__content--Color: var(--pf-global--palette--purple-300);
+  --pf-c-label--m-purple__icon--Color: var(--pf-global--palette--purple-300);
+  --pf-c-label--m-purple__content--link--hover--before--BorderColor: var(--pf-global--palette--purple-300);
+  --pf-c-label--m-purple__content--link--focus--before--BorderColor: var(--pf-global--palette--purple-300);
+  --pf-c-label--m-outline--m-purple__content--before--BorderColor: var(--pf-global--palette--purple-100);
+  --pf-c-label--m-outline--m-purple__content--link--hover--before--BorderColor: var(--pf-global--palette--purple-100);
+  --pf-c-label--m-outline--m-purple__content--link--focus--before--BorderColor: var(--pf-global--palette--purple-100);
+  --pf-c-label--m-outline--m-purple__content--Color: var(--pf-global--palette--purple-300);
+  --pf-c-label--m-cyan__content--Color: var(--pf-global--default-color--200);
+  --pf-c-label--m-outline--m-cyan__content--Color: var(--pf-global--default-color--200);
+  --pf-c-label--m-outline--m-cyan__content--before--BorderColor: var(--pf-global--palette--cyan-100);
+  --pf-c-label--m-outline--m-cyan__content--link--hover--before--BorderColor: var(--pf-global--palette--cyan-100);
+  --pf-c-label--m-outline--m-cyan__content--link--focus--before--BorderColor: var(--pf-global--palette--cyan-100);
 }
 
 .pf-c-login__footer, .pf-c-login__header {
@@ -19474,45 +19474,6 @@ svg.pf-c-spinner.pf-m-xl {
   --pf-c-switch__toggle--before--BoxShadow: none;
 }
 
-.pf-c-tab-content {
-  --pf-c-tab-content__body--PaddingTop: 0;
-  --pf-c-tab-content__body--PaddingRight: 0;
-  --pf-c-tab-content__body--PaddingBottom: 0;
-  --pf-c-tab-content__body--PaddingLeft: 0;
-  --pf-c-tab-content__body--m-padding--PaddingTop: var(--pf-global--spacer--md);
-  --pf-c-tab-content__body--m-padding--PaddingRight: var(--pf-global--spacer--md);
-  --pf-c-tab-content__body--m-padding--PaddingBottom: var(--pf-global--spacer--md);
-  --pf-c-tab-content__body--m-padding--PaddingLeft: var(--pf-global--spacer--md);
-  --pf-c-tab-content__body--m-padding--xl--PaddingTop: var(--pf-global--spacer--lg);
-  --pf-c-tab-content__body--m-padding--xl--PaddingRight: var(--pf-global--spacer--lg);
-  --pf-c-tab-content__body--m-padding--xl--PaddingBottom: var(--pf-global--spacer--lg);
-  --pf-c-tab-content__body--m-padding--xl--PaddingLeft: var(--pf-global--spacer--lg);
-  --pf-c-tab-content--m-light-300: var(--pf-global--BackgroundColor--light-300);
-}
-
-@media screen and (min-width: 1200px) {
-  .pf-c-tab-content {
-    --pf-c-tab-content__body--m-padding--PaddingTop: var(--pf-c-tab-content__body--m-padding--xl--PaddingTop);
-    --pf-c-tab-content__body--m-padding--PaddingRight: var(--pf-c-tab-content__body--m-padding--xl--PaddingRight);
-    --pf-c-tab-content__body--m-padding--PaddingBottom: var(--pf-c-tab-content__body--m-padding--xl--PaddingBottom);
-    --pf-c-tab-content__body--m-padding--PaddingLeft: var(--pf-c-tab-content__body--m-padding--xl--PaddingLeft);
-  }
-}
-.pf-c-tab-content.pf-m-light-300 {
-  background-color: var(--pf-c-tab-content--m-light-300);
-}
-
-.pf-c-tab-content__body {
-  padding: var(--pf-c-tab-content__body--PaddingTop) var(--pf-c-tab-content__body--PaddingRight) var(--pf-c-tab-content__body--PaddingBottom) var(--pf-c-tab-content__body--PaddingLeft);
-}
-
-.pf-c-tab-content__body.pf-m-padding {
-  --pf-c-tab-content__body--PaddingTop: var(--pf-c-tab-content__body--m-padding--PaddingTop);
-  --pf-c-tab-content__body--PaddingRight: var(--pf-c-tab-content__body--m-padding--PaddingRight);
-  --pf-c-tab-content__body--PaddingBottom: var(--pf-c-tab-content__body--m-padding--PaddingBottom);
-  --pf-c-tab-content__body--PaddingLeft: var(--pf-c-tab-content__body--m-padding--PaddingLeft);
-}
-
 .pf-c-tabs {
   --pf-c-tabs--inset: 0;
   --pf-c-tabs--Width: auto;
@@ -20483,6 +20444,45 @@ svg.pf-c-spinner.pf-m-xl {
   --pf-c-tabs--m-color-scheme--light-300__link--disabled--BackgroundColor: var(--pf-global--disabled-color--200);
 }
 
+.pf-c-tab-content {
+  --pf-c-tab-content__body--PaddingTop: 0;
+  --pf-c-tab-content__body--PaddingRight: 0;
+  --pf-c-tab-content__body--PaddingBottom: 0;
+  --pf-c-tab-content__body--PaddingLeft: 0;
+  --pf-c-tab-content__body--m-padding--PaddingTop: var(--pf-global--spacer--md);
+  --pf-c-tab-content__body--m-padding--PaddingRight: var(--pf-global--spacer--md);
+  --pf-c-tab-content__body--m-padding--PaddingBottom: var(--pf-global--spacer--md);
+  --pf-c-tab-content__body--m-padding--PaddingLeft: var(--pf-global--spacer--md);
+  --pf-c-tab-content__body--m-padding--xl--PaddingTop: var(--pf-global--spacer--lg);
+  --pf-c-tab-content__body--m-padding--xl--PaddingRight: var(--pf-global--spacer--lg);
+  --pf-c-tab-content__body--m-padding--xl--PaddingBottom: var(--pf-global--spacer--lg);
+  --pf-c-tab-content__body--m-padding--xl--PaddingLeft: var(--pf-global--spacer--lg);
+  --pf-c-tab-content--m-light-300: var(--pf-global--BackgroundColor--light-300);
+}
+
+@media screen and (min-width: 1200px) {
+  .pf-c-tab-content {
+    --pf-c-tab-content__body--m-padding--PaddingTop: var(--pf-c-tab-content__body--m-padding--xl--PaddingTop);
+    --pf-c-tab-content__body--m-padding--PaddingRight: var(--pf-c-tab-content__body--m-padding--xl--PaddingRight);
+    --pf-c-tab-content__body--m-padding--PaddingBottom: var(--pf-c-tab-content__body--m-padding--xl--PaddingBottom);
+    --pf-c-tab-content__body--m-padding--PaddingLeft: var(--pf-c-tab-content__body--m-padding--xl--PaddingLeft);
+  }
+}
+.pf-c-tab-content.pf-m-light-300 {
+  background-color: var(--pf-c-tab-content--m-light-300);
+}
+
+.pf-c-tab-content__body {
+  padding: var(--pf-c-tab-content__body--PaddingTop) var(--pf-c-tab-content__body--PaddingRight) var(--pf-c-tab-content__body--PaddingBottom) var(--pf-c-tab-content__body--PaddingLeft);
+}
+
+.pf-c-tab-content__body.pf-m-padding {
+  --pf-c-tab-content__body--PaddingTop: var(--pf-c-tab-content__body--m-padding--PaddingTop);
+  --pf-c-tab-content__body--PaddingRight: var(--pf-c-tab-content__body--m-padding--PaddingRight);
+  --pf-c-tab-content__body--PaddingBottom: var(--pf-c-tab-content__body--m-padding--PaddingBottom);
+  --pf-c-tab-content__body--PaddingLeft: var(--pf-c-tab-content__body--m-padding--PaddingLeft);
+}
+
 .pf-c-content {
   --pf-c-content--MarginBottom: var(--pf-global--spacer--md);
   --pf-c-content--LineHeight: var(--pf-global--LineHeight--md);
@@ -27508,6 +27508,21 @@ label.pf-c-tree-view__node-text {
   margin-right: var(--pf-l-split--m-gutter--MarginRight);
 }
 
+.pf-l-stack {
+  --pf-l-stack--m-gutter--MarginBottom: var(--pf-global--gutter);
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+}
+
+.pf-l-stack__item.pf-m-fill {
+  flex-grow: 1;
+}
+
+.pf-l-stack.pf-m-gutter > *:not(:last-child) {
+  margin-bottom: var(--pf-l-stack--m-gutter--MarginBottom);
+}
+
 .pf-c-alert-group {
   --pf-c-alert-group__item--MarginTop: var(--pf-global--spacer--sm);
   --pf-c-alert-group--m-toast--Top: var(--pf-global--spacer--2xl);
@@ -27568,21 +27583,6 @@ label.pf-c-tree-view__node-text {
   --pf-c-alert-group__overflow-button--BoxShadow: var(--pf-c-alert-group__overflow-button--active--BoxShadow);
 }
 
-.pf-l-stack {
-  --pf-l-stack--m-gutter--MarginBottom: var(--pf-global--gutter);
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-}
-
-.pf-l-stack__item.pf-m-fill {
-  flex-grow: 1;
-}
-
-.pf-l-stack.pf-m-gutter > *:not(:last-child) {
-  margin-bottom: var(--pf-l-stack--m-gutter--MarginBottom);
-}
-
 .pf-c-about-modal-box {
   --pf-global--Color--100: var(--pf-global--Color--light-100);
   --pf-global--Color--200: var(--pf-global--Color--light-200);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@patternfly/react-core",
-  "version": "4.242.5",
+  "version": "4.242.6",
   "description": "This library provides a set of common React components for use with the PatternFly reference implementation.",
   "main": "dist/js/index.js",
   "module": "dist/esm/index.js",
@@ -70,5 +70,5 @@
     "react": "^16.8 || ^17 || ^18",
     "react-dom": "^16.8 || ^17 || ^18"
   },
-  "gitHead": "a28a80621479fd846257e29d126489f18269cc0f"
+  "gitHead": "86301659315c78434e511835e9b51107ab4132e6"
 }

package/src/components/DatePicker/DatePicker.tsx

@@ -45,7 +45,7 @@ export interface DatePickerProps
    */
   appendTo?: HTMLElement | ((ref?: HTMLElement) => HTMLElement) | 'parent';
   /** Props to pass to the Popover */
-  popoverProps?: Omit<PopoverProps, 'appendTo'>;
+  popoverProps?: Partial<Omit<PopoverProps, 'appendTo'>>;
   /** Functions that returns an error message if a date is invalid */
   validators?: ((date: Date) => string)[];
   /** Additional props for input field */