REVERT ME: testing examples

Author: mgadewoll

packages/eui/src/components/button/button.stories.tsx

@@ -16,6 +16,8 @@ import {
 
 import { EuiButtonEmpty } from './button_empty';
 import { EuiButton, Props as EuiButtonProps } from './button';
+import { EuiThemeProvider } from '../../services';
+import { EuiFlexGroup } from '../flex';
 
 const meta: Meta<EuiButtonProps> = {
   title: 'Navigation/EuiButton',
@@ -52,6 +54,26 @@ export const Playground: Story = {
 };
 disableStorybookControls(Playground, ['buttonRef']);
 
+// TODO: REVERT ME
+export const Testing: Story = {
+  parameters: {
+    loki: {
+      skip: true,
+    },
+  },
+  args: {
+    children: 'Button',
+  },
+  render: (args: EuiButtonProps) => (
+    <EuiFlexGroup>
+      <EuiButton {...args} />
+      <EuiThemeProvider modify={{ flags: { buttonVariant: 'classic' } }}>
+        <EuiButton {...args} />
+      </EuiThemeProvider>
+    </EuiFlexGroup>
+  ),
+};
+
 export const HighContrast: Story = {
   tags: ['vrt-only'],
   globals: { highContrastMode: true },

packages/eui/src/components/button/button_empty/button_empty.stories.tsx

@@ -6,10 +6,13 @@
  * Side Public License, v 1.
  */
 
+import React from 'react';
 import type { Meta, StoryObj } from '@storybook/react';
 import { disableStorybookControls } from '../../../../.storybook/utils';
 
 import { EuiButtonEmpty, EuiButtonEmptyProps } from './button_empty';
+import { EuiFlexGroup } from '../../flex';
+import { EuiThemeProvider } from '../../../services';
 
 const meta: Meta<EuiButtonEmptyProps> = {
   title: 'Navigation/EuiButtonEmpty',
@@ -43,3 +46,23 @@ export const Playground: Story = {
   },
 };
 disableStorybookControls(Playground, ['buttonRef']);
+
+// TODO: REVERT ME
+export const Testing: Story = {
+  parameters: {
+    loki: {
+      skip: true,
+    },
+  },
+  args: {
+    children: 'Button',
+  },
+  render: (args: EuiButtonEmptyProps) => (
+    <EuiFlexGroup>
+      <EuiButtonEmpty {...args} />
+      <EuiThemeProvider modify={{ flags: { buttonVariant: 'classic' } }}>
+        <EuiButtonEmpty {...args} />
+      </EuiThemeProvider>
+    </EuiFlexGroup>
+  ),
+};

packages/eui/src/components/button/button_icon/button_icon.stories.tsx

@@ -6,9 +6,12 @@
  * Side Public License, v 1.
  */
 
+import React from 'react';
 import type { Meta, StoryObj } from '@storybook/react';
 
 import { EuiButtonIcon, EuiButtonIconProps } from './button_icon';
+import { EuiThemeProvider } from '../../../services';
+import { EuiFlexGroup } from '../../flex';
 
 const meta: Meta<EuiButtonIconProps> = {
   title: 'Navigation/EuiButtonIcon',
@@ -33,3 +36,23 @@ export const Playground: Story = {
     iconType: 'faceHappy',
   },
 };
+
+// TODO: REVERT ME
+export const Testing: Story = {
+  parameters: {
+    loki: {
+      skip: true,
+    },
+  },
+  args: {
+    iconType: 'faceHappy',
+  },
+  render: (args: EuiButtonIconProps) => (
+    <EuiFlexGroup>
+      <EuiButtonIcon {...args} />
+      <EuiThemeProvider modify={{ flags: { buttonVariant: 'classic' } }}>
+        <EuiButtonIcon {...args} />
+      </EuiThemeProvider>
+    </EuiFlexGroup>
+  ),
+};