@patternfly/react-core 6.5.0-prerelease.65 → 6.5.0-prerelease.66

package/src/components/Label/examples/LabelGroupEditableLabels.tsx

@@ -1,5 +1,5 @@
 import { useState } from 'react';
-import { LabelGroup, Label } from '@patternfly/react-core';
+import { LabelGroup, Label, LabelColor } from '@patternfly/react-core';
 
 export const LabelGroupEditableLabels: React.FunctionComponent = () => {
   const [label1, setLabel1] = useState('Editable label');
@@ -9,7 +9,7 @@ export const LabelGroupEditableLabels: React.FunctionComponent = () => {
   return (
     <LabelGroup numLabels={5} isEditable>
       <Label
-        color="blue"
+        color={LabelColor.blue}
         onClose={() => Function.prototype}
         onEditCancel={(_event, prevText) => setLabel1(prevText)}
         onEditComplete={(_event, newText) => setLabel1(newText)}
@@ -21,9 +21,9 @@ export const LabelGroupEditableLabels: React.FunctionComponent = () => {
       >
         {label1}
       </Label>
-      <Label color="green">Static label</Label>
+      <Label color={LabelColor.green}>Static label</Label>
       <Label
-        color="blue"
+        color={LabelColor.blue}
         onClose={() => Function.prototype}
         onEditCancel={(_event, prevText) => setLabel2(prevText)}
         onEditComplete={(_event, newText) => setLabel2(newText)}
@@ -36,7 +36,7 @@ export const LabelGroupEditableLabels: React.FunctionComponent = () => {
         {label2}
       </Label>
       <Label
-        color="blue"
+        color={LabelColor.blue}
         onClose={() => Function.prototype}
         onEditCancel={(_event, prevText) => setLabel3(prevText)}
         onEditComplete={(_event, newText) => setLabel3(newText)}

package/src/components/Label/examples/LabelGroupOverflow.tsx

@@ -1,22 +1,22 @@
-import { Label, LabelGroup } from '@patternfly/react-core';
+import { Label, LabelColor, LabelGroup } from '@patternfly/react-core';
 import RhUiInformationFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-information-fill-icon';
 
 export const LabelGroupOverflow: React.FunctionComponent = () => (
   <LabelGroup>
     <Label icon={<RhUiInformationFillIcon />}>Label 1</Label>
-    <Label icon={<RhUiInformationFillIcon />} color="blue">
+    <Label icon={<RhUiInformationFillIcon />} color={LabelColor.blue}>
       Label 2
     </Label>
-    <Label icon={<RhUiInformationFillIcon />} color="green">
+    <Label icon={<RhUiInformationFillIcon />} color={LabelColor.green}>
       Label 3
     </Label>
-    <Label icon={<RhUiInformationFillIcon />} color="orange">
+    <Label icon={<RhUiInformationFillIcon />} color={LabelColor.orange}>
       Label 4
     </Label>
-    <Label icon={<RhUiInformationFillIcon />} color="red">
+    <Label icon={<RhUiInformationFillIcon />} color={LabelColor.red}>
       Label 5
     </Label>
-    <Label icon={<RhUiInformationFillIcon />} color="purple">
+    <Label icon={<RhUiInformationFillIcon />} color={LabelColor.purple}>
       Label 6
     </Label>
   </LabelGroup>

package/src/components/Label/examples/LabelGroupVerticalCategoryOverflowRemovable.tsx

@@ -1,5 +1,5 @@
 import { useState } from 'react';
-import { Label, LabelGroup, LabelProps } from '@patternfly/react-core';
+import { Label, LabelColor, LabelGroup } from '@patternfly/react-core';
 import RhUiInformationFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-information-fill-icon';
 
 export const LabelGroupVerticalCategoryOverflowRemovable: React.FunctionComponent = () => {
@@ -15,7 +15,7 @@ export const LabelGroupVerticalCategoryOverflowRemovable: React.FunctionComponen
   return (
     <LabelGroup categoryName="Group label with a very long name" isVertical isClosable onClick={deleteCategory}>
       {labels.map(([labelText, labelColor]) => (
-        <Label icon={<RhUiInformationFillIcon />} color={labelColor as LabelProps['color']} key={labelText}>
+        <Label icon={<RhUiInformationFillIcon />} color={labelColor as LabelColor} key={labelText}>
           {labelText}
         </Label>
       ))}