@patternfly/react-core 4.221.5 → 4.221.8

package/src/components/Hint/examples/HintBasicWithoutTitle.tsx

@@ -0,0 +1,74 @@
+import React from 'react';
+import {
+  Hint,
+  HintBody,
+  HintFooter,
+  Button,
+  Dropdown,
+  DropdownItem,
+  DropdownSeparator,
+  KebabToggle
+} from '@patternfly/react-core';
+
+export const HintBasicWithoutTitle: React.FunctionComponent = () => {
+  const [isOpen, setIsOpen] = React.useState<boolean>(false);
+
+  const onToggle = (isOpen: boolean) => {
+    setIsOpen(isOpen);
+  };
+
+  const onSelect = () => {
+    setIsOpen(!isOpen);
+  };
+
+  const dropdownItems = [
+    <DropdownItem key="link">Link</DropdownItem>,
+    <DropdownItem key="action" component="button">
+      Action
+    </DropdownItem>,
+    <DropdownItem key="disabled link" isDisabled>
+      Disabled Link
+    </DropdownItem>,
+    <DropdownItem key="disabled action" isDisabled component="button">
+      Disabled Action
+    </DropdownItem>,
+    <DropdownSeparator key="separator" />,
+    <DropdownItem key="separated link">Separated Link</DropdownItem>,
+    <DropdownItem key="separated action" component="button">
+      Separated Action
+    </DropdownItem>
+  ];
+  const actions = (
+    <Dropdown
+      onSelect={onSelect}
+      toggle={<KebabToggle onToggle={onToggle} id="hint-notitle-kebab-toggle" />}
+      isOpen={isOpen}
+      dropdownItems={dropdownItems}
+      position="right"
+      isPlain
+    />
+  );
+  return (
+    <React.Fragment>
+      <Hint>
+        <HintBody>
+          Welcome to the new documentation experience.
+          <Button variant="link" isInline>
+            Learn more about the improved features.
+          </Button>
+        </HintBody>
+      </Hint>
+      <br />
+      <Hint actions={actions}>
+        <HintBody>
+          Upgrade to Red Hat Smart Management to remediate all your systems across regions and geographies.
+        </HintBody>
+        <HintFooter>
+          <Button variant="link" isInline>
+            Try it for 90 days
+          </Button>
+        </HintFooter>
+      </Hint>
+    </React.Fragment>
+  );
+};

package/src/components/Tabs/examples/Tabs.md

@@ -640,8 +640,8 @@ class InsetTabs extends React.Component {
           inset={{
             default: 'insetNone',
             md: 'insetSm',
-            xl: 'inset2xl',
-            '2xl': 'insetLg'
+            xl: 'insetLg',
+            '2xl': 'inset2xl'
           }}
           isBox={isBox}
           aria-label="Tabs in the inset example"