@patternfly/react-core 5.0.0-alpha.63 → 5.0.0-alpha.65

package/src/components/Sidebar/examples/SidebarPaddingContent.tsx

@@ -0,0 +1,25 @@
+import React from 'react';
+import { Sidebar, SidebarContent, SidebarPanel } from '@patternfly/react-core';
+
+export const SidebarPaddingContent: React.FunctionComponent = () => (
+  <Sidebar>
+    <SidebarPanel>Sidebar panel</SidebarPanel>
+    <SidebarContent hasPadding>
+      <p>Sidebar content, with padding.</p>
+      <p>
+        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse dapibus nulla id augue dictum commodo.
+        Donec mollis arcu massa, sollicitudin venenatis est rutrum vitae. Integer pulvinar ligula at augue mollis, ac
+        pulvinar arcu semper. Maecenas nisi lorem, malesuada ac lectus nec, porta pretium neque. Ut convallis libero sit
+        amet metus mattis, vel facilisis lorem malesuada. Duis consectetur ante sit amet magna efficitur, a interdum leo
+        vulputate.
+      </p>
+      <p>
+        Praesent at odio nec sapien ultrices tincidunt in non mauris. Orci varius natoque penatibus et magnis dis
+        parturient montes, nascetur ridiculus mus. Duis consectetur nisl quis facilisis faucibus. Sed eu bibendum risus.
+        Suspendisse porta euismod tortor, at elementum odio suscipit sed. Cras eget ultrices urna, ac feugiat lectus.
+        Integer a pharetra velit, in imperdiet mi. Phasellus vel hendrerit velit. Vestibulum ut augue vitae erat
+        vulputate bibendum a ut magna.
+      </p>
+    </SidebarContent>
+  </Sidebar>
+);

package/src/components/Sidebar/examples/SidebarPaddingPanel.tsx

@@ -0,0 +1,24 @@
+import React from 'react';
+import { Sidebar, SidebarContent, SidebarPanel } from '@patternfly/react-core';
+
+export const SidebarPaddingPanel: React.FunctionComponent = () => (
+  <Sidebar>
+    <SidebarPanel hasPadding>Sidebar panel, with padding</SidebarPanel>
+    <SidebarContent>
+      <p>
+        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse dapibus nulla id augue dictum commodo.
+        Donec mollis arcu massa, sollicitudin venenatis est rutrum vitae. Integer pulvinar ligula at augue mollis, ac
+        pulvinar arcu semper. Maecenas nisi lorem, malesuada ac lectus nec, porta pretium neque. Ut convallis libero sit
+        amet metus mattis, vel facilisis lorem malesuada. Duis consectetur ante sit amet magna efficitur, a interdum leo
+        vulputate.
+      </p>
+      <p>
+        Praesent at odio nec sapien ultrices tincidunt in non mauris. Orci varius natoque penatibus et magnis dis
+        parturient montes, nascetur ridiculus mus. Duis consectetur nisl quis facilisis faucibus. Sed eu bibendum risus.
+        Suspendisse porta euismod tortor, at elementum odio suscipit sed. Cras eget ultrices urna, ac feugiat lectus.
+        Integer a pharetra velit, in imperdiet mi. Phasellus vel hendrerit velit. Vestibulum ut augue vitae erat
+        vulputate bibendum a ut magna.
+      </p>
+    </SidebarContent>
+  </Sidebar>
+);

package/src/components/MenuToggle/examples/MenuToggleSplitButtonActionPrimary.tsx

@@ -1,58 +0,0 @@
-import React from 'react';
-import { MenuToggleAction, MenuToggle } from '@patternfly/react-core';
-
-export const MenuToggleSplitButtonActionPrimary: React.FunctionComponent = () => (
-  <React.Fragment>
-    <MenuToggle
-      isDisabled
-      variant="primary"
-      splitButtonOptions={{
-        variant: 'action',
-        items: [
-          <MenuToggleAction
-            id="split-button-action-primary-disabled-example-with-toggle-button"
-            key="split-action-primary-disabled"
-            aria-label="Action"
-            isDisabled
-          >
-            Action
-          </MenuToggleAction>
-        ]
-      }}
-      aria-label="Menu toggle with action split button"
-    />{' '}
-    <MenuToggle
-      variant="primary"
-      splitButtonOptions={{
-        variant: 'action',
-        items: [
-          <MenuToggleAction
-            id="split-button-action-primary-example-with-toggle-button"
-            key="split-action-primary"
-            aria-label="Action"
-          >
-            Action
-          </MenuToggleAction>
-        ]
-      }}
-      aria-label="Menu toggle with action split button"
-    />{' '}
-    <MenuToggle
-      isExpanded
-      variant="primary"
-      splitButtonOptions={{
-        variant: 'action',
-        items: [
-          <MenuToggleAction
-            id="split-button-action-primary-expanded-example-with-toggle-button"
-            key="split-action-primary-expanded"
-            aria-label="Action"
-          >
-            Action
-          </MenuToggleAction>
-        ]
-      }}
-      aria-label="Menu toggle with action split button"
-    />
-  </React.Fragment>
-);

package/src/components/MenuToggle/examples/MenuToggleSplitButtonActionSecondary.tsx

@@ -1,58 +0,0 @@
-import React from 'react';
-import { MenuToggleAction, MenuToggle } from '@patternfly/react-core';
-
-export const MenuToggleSplitButtonActionSecondary: React.FunctionComponent = () => (
-  <React.Fragment>
-    <MenuToggle
-      isDisabled
-      variant="secondary"
-      splitButtonOptions={{
-        variant: 'action',
-        items: [
-          <MenuToggleAction
-            id="split-button-action-secondary-disabled-example-with-toggle-button"
-            key="split-action-secondary-disabled"
-            aria-label="Action"
-            isDisabled
-          >
-            Action
-          </MenuToggleAction>
-        ]
-      }}
-      aria-label="Menu toggle with action split button"
-    />{' '}
-    <MenuToggle
-      variant="secondary"
-      splitButtonOptions={{
-        variant: 'action',
-        items: [
-          <MenuToggleAction
-            id="split-button-action-secondary-example-with-toggle-button"
-            key="split-action-secondary"
-            aria-label="Action"
-          >
-            Action
-          </MenuToggleAction>
-        ]
-      }}
-      aria-label="Menu toggle with action split button"
-    />{' '}
-    <MenuToggle
-      isExpanded
-      variant="secondary"
-      splitButtonOptions={{
-        variant: 'action',
-        items: [
-          <MenuToggleAction
-            id="split-button-action-secondary-expanded-example-with-toggle-button"
-            key="split-action-secondary-expanded"
-            aria-label="Action"
-          >
-            Action
-          </MenuToggleAction>
-        ]
-      }}
-      aria-label="Menu toggle with action split button"
-    />
-  </React.Fragment>
-);

package/src/components/MenuToggle/examples/MenuToggleSplitButtonCheckboxPrimary.tsx

@@ -1,55 +0,0 @@
-import React from 'react';
-import { MenuToggleCheckbox, MenuToggle } from '@patternfly/react-core';
-
-export const MenuToggleSplitButtonCheckboxPrimary: React.FunctionComponent = () => (
-  <React.Fragment>
-    <MenuToggle
-      isDisabled
-      variant="primary"
-      splitButtonOptions={{
-        items: [
-          <MenuToggleCheckbox
-            id="split-button-checkbox-primary-disabled-example"
-            key="split-checkbox-primary-disabled"
-            aria-label="Select all"
-            isDisabled
-          >
-            10 selected
-          </MenuToggleCheckbox>
-        ]
-      }}
-      aria-label="Primary menu toggle with checkbox split button"
-    />{' '}
-    <MenuToggle
-      variant="primary"
-      splitButtonOptions={{
-        items: [
-          <MenuToggleCheckbox
-            id="split-button-checkbox-primary-example"
-            key="split-checkbox-primary"
-            aria-label="Select all"
-          >
-            10 selected
-          </MenuToggleCheckbox>
-        ]
-      }}
-      aria-label="Primary menu toggle with checkbox split button"
-    />{' '}
-    <MenuToggle
-      isExpanded
-      variant="primary"
-      splitButtonOptions={{
-        items: [
-          <MenuToggleCheckbox
-            id="split-button-checkbox-primary-expanded-example"
-            key="split-checkbox-expanded"
-            aria-label="Select all"
-          >
-            10 selected
-          </MenuToggleCheckbox>
-        ]
-      }}
-      aria-label="Primary menu toggle with checkbox split button"
-    />
-  </React.Fragment>
-);

package/src/components/MenuToggle/examples/MenuToggleSplitButtonCheckboxSecondary.tsx

@@ -1,55 +0,0 @@
-import React from 'react';
-import { MenuToggleCheckbox, MenuToggle } from '@patternfly/react-core';
-
-export const MenuToggleSplitButtonCheckboxSecondary: React.FunctionComponent = () => (
-  <React.Fragment>
-    <MenuToggle
-      isDisabled
-      variant="secondary"
-      splitButtonOptions={{
-        items: [
-          <MenuToggleCheckbox
-            id="split-button-checkbox-secondary-disabled-example"
-            key="split-checkbox-secondary-disabled"
-            aria-label="Select all"
-            isDisabled
-          >
-            10 selected
-          </MenuToggleCheckbox>
-        ]
-      }}
-      aria-label="Secondary menu toggle with checkbox split button"
-    />{' '}
-    <MenuToggle
-      variant="secondary"
-      splitButtonOptions={{
-        items: [
-          <MenuToggleCheckbox
-            id="split-button-checkbox-secondary-example"
-            key="split-checkbox-secondary"
-            aria-label="Select all"
-          >
-            10 selected
-          </MenuToggleCheckbox>
-        ]
-      }}
-      aria-label="Secondary menu toggle with checkbox split button"
-    />{' '}
-    <MenuToggle
-      isExpanded
-      variant="secondary"
-      splitButtonOptions={{
-        items: [
-          <MenuToggleCheckbox
-            id="split-button-checkbox-secondary-expanded-example"
-            key="split-checkbox-secondary-expanded"
-            aria-label="Select all"
-          >
-            10 selected
-          </MenuToggleCheckbox>
-        ]
-      }}
-      aria-label="Secondary menu toggle with checkbox split button"
-    />
-  </React.Fragment>
-);