@elastic/eui 12.2.0 → 12.4.0

package/src/components/badge/notification_badge/__snapshots__/badge_notification.test.tsx.snap

@@ -1,43 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`EuiNotificationBadge is rendered 1`] = `
-<span
-  aria-label="aria-label"
-  class="euiNotificationBadge testClass1 testClass2"
-  data-test-subj="test subject string"
->
-  5
-</span>
-`;
-
-exports[`EuiNotificationBadge props color accent is rendered 1`] = `
-<span
-  class="euiNotificationBadge"
->
-  5
-</span>
-`;
-
-exports[`EuiNotificationBadge props color subdued is rendered 1`] = `
-<span
-  class="euiNotificationBadge euiNotificationBadge--subdued"
->
-  5
-</span>
-`;
-
-exports[`EuiNotificationBadge props size m is rendered 1`] = `
-<span
-  class="euiNotificationBadge euiNotificationBadge--medium"
->
-  5
-</span>
-`;
-
-exports[`EuiNotificationBadge props size s is rendered 1`] = `
-<span
-  class="euiNotificationBadge"
->
-  5
-</span>
-`;

package/src/components/badge/notification_badge/badge_notification.test.tsx

@@ -1,41 +0,0 @@
-import React from 'react';
-import { render } from 'enzyme';
-import { requiredProps } from '../../../test/required_props';
-
-import { EuiNotificationBadge, COLORS, SIZES } from './badge_notification';
-
-describe('EuiNotificationBadge', () => {
-  test('is rendered', () => {
-    const component = render(
-      <EuiNotificationBadge {...requiredProps}>5</EuiNotificationBadge>
-    );
-
-    expect(component).toMatchSnapshot();
-  });
-
-  describe('props', () => {
-    describe('color', () => {
-      COLORS.forEach(color => {
-        test(`${color} is rendered`, () => {
-          const component = render(
-            <EuiNotificationBadge color={color}>5</EuiNotificationBadge>
-          );
-
-          expect(component).toMatchSnapshot();
-        });
-      });
-    });
-
-    describe('size', () => {
-      SIZES.forEach(size => {
-        test(`${size} is rendered`, () => {
-          const component = render(
-            <EuiNotificationBadge size={size}>5</EuiNotificationBadge>
-          );
-
-          expect(component).toMatchSnapshot();
-        });
-      });
-    });
-  });
-});

package/src/components/badge/notification_badge/badge_notification.tsx

@@ -1,44 +0,0 @@
-import React, { HTMLAttributes, ReactNode, FunctionComponent } from 'react';
-import classNames from 'classnames';
-import { CommonProps, Omit, keysOf } from '../../common';
-
-const colorToClassMap: { [color: string]: string | null } = {
-  accent: null,
-  subdued: 'euiNotificationBadge--subdued',
-};
-
-export const COLORS: BadgeNotificationColor[] = keysOf(colorToClassMap);
-export type BadgeNotificationColor = keyof typeof colorToClassMap;
-
-const sizeToClassNameMap = {
-  s: null,
-  m: 'euiNotificationBadge--medium',
-};
-
-export const SIZES: BadgeNotificationSize[] = keysOf(sizeToClassNameMap);
-export type BadgeNotificationSize = keyof typeof sizeToClassNameMap;
-
-export interface EuiNotificationBadgeProps
-  extends CommonProps,
-    Omit<HTMLAttributes<HTMLSpanElement>, 'color'> {
-  children: ReactNode;
-  size?: BadgeNotificationSize;
-  color?: BadgeNotificationColor;
-}
-
-export const EuiNotificationBadge: FunctionComponent<
-  EuiNotificationBadgeProps
-> = ({ children, className, size = 's', color = 'accent', ...rest }) => {
-  const classes = classNames(
-    'euiNotificationBadge',
-    sizeToClassNameMap[size],
-    colorToClassMap[color],
-    className
-  );
-
-  return (
-    <span className={classes} {...rest}>
-      {children}
-    </span>
-  );
-};

package/src/components/badge/notification_badge/index.ts

@@ -1 +0,0 @@
-export { EuiNotificationBadge } from './badge_notification';