Revert "v2.0.1 (#178)"

This reverts commit 8e551dc.

package.json

@@ -2,7 +2,7 @@
   "name": "@yourssu/design-system-react",
   "packageManager": "[email protected]",
   "private": false,
-  "version": "2.0.1",
+  "version": "2.0.0",
   "description": "Yourssu Design System for React",
   "keywords": [
     "yourssu",

src/components/index.ts

@@ -58,6 +58,3 @@ export type { DividerProps } from './Divider';
 export { SnackbarProvider } from './Snackbar/SnackbarProvider';
 export { useSnackbar } from './Snackbar/hooks/useSnackbar';
 export type * from './Snackbar';
-
-export { LoadingIndicator } from './LoadingIndicator';
-export type { LoadingIndicatorProps } from './LoadingIndicator';

src/style/foundation/color/color.mdx

@@ -60,12 +60,4 @@ const StyledDiv = styled.div`
 
 <br />
 
-<ColorStories.AllThemeColors>
-  {({ colors }) => (
-    <ColorPalette>
-      {colors.map((color) => (
-        <ColorItem title={color.title} subtitle="theme.semantic.color" colors={color.colors} />
-      ))}
-    </ColorPalette>
-  )}
-</ColorStories.AllThemeColors>
+<ColorStories.AllThemeColors />

src/style/foundation/color/color.stories.tsx

@@ -1,17 +1,9 @@
-import type { Meta, StoryObj } from '@storybook/react';
+import { ColorItem, ColorPalette } from '@storybook/blocks';
+import { Meta, StoryObj } from '@storybook/react';
 import { styled } from 'styled-components';
 
 import { semanticColorPalette } from '@/style/foundation/color/semanticColor';
 
-type SemanticColorPalette = {
-  title: string;
-  colors: Record<string, string>;
-};
-
-interface AllThemeColorsProps {
-  children?: ({ colors }: { colors: SemanticColorPalette[] }) => React.ReactElement;
-}
-
 const meta: Meta = {
   title: 'Foundation/Color',
   parameters: {
@@ -27,7 +19,7 @@ const StyledColorExample = styled.div`
   background-color: ${({ theme }) => theme.semantic.color.bgBrandPrimary};
 `;
 
-const AllThemeColors = ({ children }: AllThemeColorsProps) => {
+const AllThemeColors = () => {
   const getSemanticColorPalette = (prefix: string) => {
     const colors: Record<string, string> = {};
 
@@ -50,17 +42,15 @@ const AllThemeColors = ({ children }: AllThemeColorsProps) => {
   const semanticColorCategories = {
     background: ['bgBasic', 'bgBrand', 'bgStatus'],
     text: ['textBasic', 'textBrand', 'textStatus'],
-    line: ['lineBasic', 'lineBrand', 'lineStatus'],
-    'button/box': ['buttonFilledPrimary', 'buttonFilledSecondary', 'buttonOutlined'],
+    line: ['lineBasic', 'lineStatus'],
+    'button/box': ['buttonBoxPrimary', 'buttonBoxSecondary', 'buttonBoxTertiary'],
     'button/text': ['buttonTextPrimary', 'buttonTextSecondary'],
     'button/fab': ['buttonFabPrimary', 'buttonFabSecondary'],
     'button/radio': ['buttonRadio'],
     icon: ['iconBasic', 'iconBrand'],
     checkbox: ['checkbox'],
     chip: ['chip'],
     pagination: ['paginationBrand', 'paginationBasic'],
-    switch: ['switch'],
-    snackbar: ['snackbar'],
   };
 
   return (
@@ -73,7 +63,17 @@ const AllThemeColors = ({ children }: AllThemeColorsProps) => {
         return (
           <div>
             <h2>{section}</h2>
-            {children && children({ colors })}
+            <ColorPalette>
+              {colors.map((color) => {
+                return (
+                  <ColorItem
+                    title={color.title}
+                    subtitle="theme.semantic.color"
+                    colors={color.colors}
+                  />
+                );
+              })}
+            </ColorPalette>
             <br />
             <br />
           </div>