@patternfly/react-core 6.0.0-alpha.1 → 6.0.0-alpha.3

package/src/demos/RTL/examples/translations.he.json

@@ -0,0 +1,82 @@
+{
+  "title": "כותרת ראשית",
+  "username": "פלוני אלמוני",
+  "brandLanguage": "עִברִית",
+  "body": "זוהי הדגמה של עמוד שלם.",
+  "mastheadToggleAriaLabel": "ניווט גלובלי",
+  "kebabDropdown": {
+    "settings": "הגדרות",
+    "help": "עֶזרָה",
+    "settingsAndHelp": "הגדרות ועזרה"
+  },
+  "userDropdown": {
+    "myProfile": "הפרופיל שלי",
+    "userManagement": "ניהול משתמשים",
+    "logout": "להתנתק"
+  },
+  "kebabAndUserDropdown": {
+    "toolbarMenuAriaLabel": "תפריט סרגל הכלים",
+    "groupAriaLabel": "פעולות משתמש"
+  },
+  "breadcrumbs": {
+    "home": "בית",
+    "category": "קטגוריה",
+    "subCategory": "קטגוריית משנה",
+    "ariaLabel": "פירורי לחם"
+  },
+  "pagination": {
+    "ofWord": "שֶׁל",
+    "items": "פריטים",
+    "perPageSuffix": "לכל עמוד",
+    "toNextPageAriaLabel": "עבור לדף הבא",
+    "toPreviousPageAriaLabel": "תחזור לדף הקודם",
+    "toFirstPageAriaLabel": "עבור לעמוד הראשון",
+    "toLastPageAriaLabel": "עבור לדף האחרון",
+    "currPageAriaLabel": "העמוד הנוכחי",
+    "topVariantAriaLabel": "עימוד עליון",
+    "bottomVariantAriaLabel": "עימוד תחתון"
+  },
+  "nav": {
+    "systemPanel": "פאנל מערכת",
+    "policy": "מְדִינִיוּת",
+    "authentication": "אימות",
+    "networkServices": "שירותי רשת",
+    "server": "שרת",
+    "ariaLabel": "גלוֹבָּלִי"
+  },
+  "switchBtn": "Switch to English",
+  "table": {
+    "ariaLabel": "טבלת הדגמה מימין לשמאל",
+    "columns": {
+      "servers": "שרתים",
+      "status": "סטָטוּס",
+      "location": "מקום",
+      "modified": "עודכן לאחרונה",
+      "url": "כתובת אתר"
+    },
+    "rows": {
+      "node": "נקודת קצה",
+      "status": {
+        "stopped": "עצר",
+        "running": "רץ",
+        "down": "מטה",
+        "needsMaintenance": "זקוק לתחזוקה"
+      },
+      "locations": {
+        "raleigh": "Raleigh",
+        "boston": "Boston",
+        "atlanta": "Atlanta",
+        "sanFrancisco": "San Francisco"
+      },
+      "lastModified": {
+        "oneHr": "לפני שעה",
+        "threeHrs": "לפני 3 שעות",
+        "fiveHrs": "לפני 5 שעות",
+        "sevenMins": "לפני 7 דקות",
+        "fortyTwoMins": "לפני 42 דקות",
+        "twoDays": "לפני יומיים",
+        "oneMonth": "לפני חודש"
+      }
+    }
+  }
+}

package/src/demos/SearchInput/SearchInput.md

@@ -492,7 +492,7 @@ AdvancedComposableSearchInput = () => {
                       id="datePicker"
                       style={{ width: '100%' }}
                       value={date}
-                      onChange={setDate}
+                      onChange={(_e, newValue) => setDate(newValue)}
                       appendTo={() => document.querySelector('#datePicker')}
                     />
                   </FormGroup>

package/src/demos/Tabs.md

@@ -3,7 +3,6 @@ id: Tabs
 section: components
 ---
 
-import DashboardWrapper from '@patternfly/react-core/src/demos/examples/DashboardWrapper';
 import CheckCircleIcon from '@patternfly/react-icons/dist/js/icons/check-circle-icon';
 import InfoCircleIcon from '@patternfly/react-icons/dist/js/icons/info-circle-icon';
 import CodeIcon from '@patternfly/react-icons/dist/esm/icons/code-icon';
@@ -12,6 +11,7 @@ import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon';
 import FilterIcon from '@patternfly/react-icons/dist/esm/icons/filter-icon';
 import SortAmountDownIcon from '@patternfly/react-icons/dist/esm/icons/sort-amount-down-icon';
 import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon';
+import spacing from '@patternfly/react-styles/css/utilities/Spacing/spacing';
 
 ## Demos
 
@@ -21,7 +21,6 @@ import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-ico
 import React from 'react';
 import {
   PageSection,
-  PageSectionVariants,
   PageBreadcrumb,
   Breadcrumb,
   BreadcrumbItem,
@@ -40,9 +39,11 @@ import {
   Flex,
   FlexItem
 } from '@patternfly/react-core';
-import DashboardWrapper from '@patternfly/react-core/src/demos/examples/DashboardWrapper';
 import CheckCircleIcon from '@patternfly/react-icons/dist/js/icons/check-circle-icon';
 import InfoCircleIcon from '@patternfly/react-icons/dist/js/icons/info-circle-icon';
+import spacing from '@patternfly/react-styles/css/utilities/Spacing/spacing';
+import { DashboardWrapper } from '@patternfly/react-core/src/demos/DashboardWrapper';
+
 
 TabsOpenDemo = () => {
   const [activeTabKey, setActiveTabKey] = React.useState(0);
@@ -67,7 +68,7 @@ TabsOpenDemo = () => {
   const tabContent = (
     <Flex direction={{ default: 'column' }}>
       <FlexItem spacer={{ default: 'spacerLg' }}>
-        <Title headingLevel="h2" size="lg" className="pf-v5-u-mt-sm" id="open-tabs-example-tabs-list-details-title">
+        <Title headingLevel="h2" size="lg" className={spacing.mtSm} id="open-tabs-example-tabs-list-details-title">
           Pod details
         </Title>
       </FlexItem>
@@ -155,7 +156,7 @@ TabsOpenDemo = () => {
   return (
     <DashboardWrapper hasNoBreadcrumb>
       {tabsBreadcrumb}
-      <PageSection isWidthLimited variant={PageSectionVariants.light}>
+      <PageSection isWidthLimited>
         <Flex
           spaceItems={{ default: 'spaceItemsMd' }}
           alignItems={{ default: 'alignItemsFlexStart' }}
@@ -174,7 +175,7 @@ TabsOpenDemo = () => {
           </FlexItem>
         </Flex>
       </PageSection>
-      <PageSection type="tabs" variant={PageSectionVariants.light} isWidthLimited>
+      <PageSection type="tabs" isWidthLimited>
         <Tabs activeKey={activeTabKey} onSelect={handleTabClick} usePageInsets id="open-tabs-example-tabs-list">
           <Tab eventKey={0} title={<TabTitleText>Details</TabTitleText>} tabContentId={`tabContent${0}`} />
           <Tab eventKey={1} title={<TabTitleText>YAML</TabTitleText>} tabContentId={`tabContent${1}`} />
@@ -183,7 +184,7 @@ TabsOpenDemo = () => {
           <Tab eventKey={4} title={<TabTitleText>Terminal</TabTitleText>} tabContentId={`tabContent${4}`} />
         </Tabs>
       </PageSection>
-      <PageSection isWidthLimited variant={PageSectionVariants.light}>
+      <PageSection isWidthLimited>
         <TabContent key={0} eventKey={0} id={`tabContent${0}`} activeKey={activeTabKey} hidden={0 !== activeTabKey}>
           <TabContentBody>{tabContent}</TabContentBody>
         </TabContent>
@@ -211,7 +212,6 @@ TabsOpenDemo = () => {
 import React from 'react';
 import {
   PageSection,
-  PageSectionVariants,
   PageBreadcrumb,
   Breadcrumb,
   BreadcrumbItem,
@@ -230,9 +230,10 @@ import {
   Flex,
   FlexItem
 } from '@patternfly/react-core';
-import DashboardWrapper from '@patternfly/react-core/src/demos/examples/DashboardWrapper';
 import CheckCircleIcon from '@patternfly/react-icons/dist/js/icons/check-circle-icon';
 import InfoCircleIcon from '@patternfly/react-icons/dist/js/icons/info-circle-icon';
+import spacing from '@patternfly/react-styles/css/utilities/Spacing/spacing';
+import { DashboardWrapper } from '@patternfly/react-core/src/demos/DashboardWrapper';
 
 TabsOpenWithSecondaryTabsDemo = () => {
   const [activeTabKey, setActiveTabKey] = React.useState(0);
@@ -263,7 +264,7 @@ TabsOpenWithSecondaryTabsDemo = () => {
   const tabContent = (
     <Flex direction={{ default: 'column' }}>
       <FlexItem spacer={{ default: 'spacerLg' }}>
-        <Title headingLevel="h2" size="lg" className="pf-v5-u-mt-sm" id="open-tabs-example-tabs-list-details-title">
+        <Title headingLevel="h2" size="lg" className={spacing.mtSm} id="open-tabs-example-tabs-list-details-title">
           Pod details
         </Title>
       </FlexItem>
@@ -351,7 +352,7 @@ TabsOpenWithSecondaryTabsDemo = () => {
   return (
     <DashboardWrapper hasNoBreadcrumb>
       {tabsBreadcrumb}
-      <PageSection isWidthLimited variant={PageSectionVariants.light}>
+      <PageSection isWidthLimited>
         <Flex
           spaceItems={{ default: 'spaceItemsMd' }}
           alignItems={{ default: 'alignItemsFlexStart' }}
@@ -370,7 +371,7 @@ TabsOpenWithSecondaryTabsDemo = () => {
           </FlexItem>
         </Flex>
       </PageSection>
-      <PageSection type="tabs" variant={PageSectionVariants.light} isWidthLimited>
+      <PageSection type="tabs" isWidthLimited>
         <Tabs activeKey={activeTabKey} onSelect={handleTabClick} usePageInsets id="open-tabs-example-tabs-list">
           <Tab eventKey={0} title={<TabTitleText>Details</TabTitleText>} tabContentId={`tabContent${0}`} />
           <Tab eventKey={1} title={<TabTitleText>YAML</TabTitleText>} tabContentId={`tabContent${1}`} />
@@ -379,7 +380,7 @@ TabsOpenWithSecondaryTabsDemo = () => {
           <Tab eventKey={4} title={<TabTitleText>Terminal</TabTitleText>} tabContentId={`tabContent${4}`} />
         </Tabs>
       </PageSection>
-      <PageSection isWidthLimited variant={PageSectionVariants.light} padding={{ default: 'noPadding' }}>
+      <PageSection isWidthLimited padding={{ default: 'noPadding' }}>
         <TabContent key={0} eventKey={0} id={`tabContent${0}`} activeKey={activeTabKey} hidden={0 !== activeTabKey}>
           <TabContentBody>
             <Tabs