Merge pull request #1029 from glints-dev/feature/badge-variant

feat: adds badge success bright variant

src/@next/Badge/Badge.tsx

@@ -5,6 +5,7 @@ import { BadgeStyle, badgeTextColor } from './BadgeStyle';
 const badgeStatusVariant = [
   'neutral',
   'success',
+  'successBright',
   'information',
   'warning',
   'critical',

src/@next/Badge/BadgeStyle.ts

@@ -9,6 +9,7 @@ const badgeBackgroundColor: {
 } = {
   ['neutral']: Neutral.B95,
   ['success']: Green.B89,
+  ['successBright']: Green.B61,
   ['information']: Blue.S08,
   ['warning']: Orange.S21,
   ['critical']: Red.B100,
@@ -23,6 +24,7 @@ export const badgeTextColor: {
 } = {
   ['neutral']: Neutral.B18,
   ['success']: Neutral.B18,
+  ['successBright']: Neutral.B100,
   ['information']: Neutral.B18,
   ['warning']: Neutral.B18,
   ['critical']: Neutral.B18,

test/e2e/badge/badge.spec.ts

@@ -25,6 +25,14 @@ test('Badge - success', async ({ page }) => {
   await expect(badgePage.container).toHaveScreenshot('badge-success.png');
 });
 
+test('Badge - success bright', async ({ page }) => {
+  const badgePage = getPage(page);
+  await badgePage.goto('args=status:successBright');
+  await expect(badgePage.container).toHaveScreenshot(
+    'badge-success-bright.png'
+  );
+});
+
 test('Badge - warning', async ({ page }) => {
   const badgePage = getPage(page);
   await badgePage.goto('args=status:warning');