Skip to content

Commit

Permalink
chore: remove old colors
Browse files Browse the repository at this point in the history
  • Loading branch information
@johnykei
johnykei committed Oct 16, 2024
1 parent b230ea8 commit 422b0b6
Show file tree
Hide file tree
Showing 2 changed files with 1 addition and 176 deletions.
102 changes: 1 addition & 101 deletions examples/src/color/ColorSection.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@ export const ColorSection = () => {
<>
<section className='flex flex-col gap-8'>
<div>
<h2 className='text-std-28B-150'>Color 2.0</h2>
<h2 className='text-std-28B-150'>Color</h2>
<p className='my-4'>
例ではbg-*を利用していますが、text-*やfill-*、border-*等、色関連は全てに適用されます。
</p>
Expand Down Expand Up @@ -221,106 +221,6 @@ export const ColorSection = () => {
<Colors title='Focus（Yellow）' colorClasses={['bg-focus-yellow']} />
<Colors title='Focus（Blue）' colorClasses={['bg-focus-blue']} />
</section>

<hr />

<section className='flex flex-col gap-8'>
<div>
<h2 className='text-std-28B-150'>Color</h2>
<p className='my-4'>旧カラースタイルです。</p>
</div>

<Colors
title='Sea'
colorClasses={[
'bg-sea-50',
'bg-sea-100',
'bg-sea-200',
'bg-sea-300',
'bg-sea-400',
'bg-sea-500',
'bg-sea-600',
'bg-sea-700',
'bg-sea-800',
'bg-sea-900',
'bg-sea-1000',
'bg-sea-1100',
'bg-sea-1200',
]}
/>
<Colors
title='Sumi'
colorClasses={[
'bg-sumi-50',
'bg-sumi-100',
'bg-sumi-200',
'bg-sumi-300',
'bg-sumi-400',
'bg-sumi-500',
'bg-sumi-600',
'bg-sumi-700',
'bg-sumi-800',
'bg-sumi-900',
'bg-sumi-1000',
'bg-sumi-1100',
'bg-sumi-1200',
]}
/>
<Colors
title='Forest'
colorClasses={[
'bg-forest-50',
'bg-forest-100',
'bg-forest-200',
'bg-forest-300',
'bg-forest-400',
'bg-forest-500',
'bg-forest-600',
'bg-forest-700',
'bg-forest-800',
'bg-forest-900',
'bg-forest-1000',
'bg-forest-1100',
'bg-forest-1200',
]}
/>
<Colors
title='Wood'
colorClasses={[
'bg-wood-50',
'bg-wood-100',
'bg-wood-200',
'bg-wood-300',
'bg-wood-400',
'bg-wood-500',
'bg-wood-600',
'bg-wood-700',
'bg-wood-800',
'bg-wood-900',
'bg-wood-1000',
'bg-wood-1100',
'bg-wood-1200',
]}
/>
<Colors
title='Sun'
colorClasses={[
'bg-sun-50',
'bg-sun-100',
'bg-sun-200',
'bg-sun-300',
'bg-sun-400',
'bg-sun-500',
'bg-sun-600',
'bg-sun-700',
'bg-sun-800',
'bg-sun-900',
'bg-sun-1000',
'bg-sun-1100',
'bg-sun-1200',
]}
/>
</section>
</>
);
};
75 changes: 0 additions & 75 deletions src/index.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,81 +7,6 @@ const daPlugin = plugin(() => {}, {
colors: {
white: tokens.Color.Neutral.White.value,
black: tokens.Color.Neutral.Black.value,
sea: {
50: tokens.Color.Primitive.Sea[50].value,
100: tokens.Color.Primitive.Sea[100].value,
200: tokens.Color.Primitive.Sea[200].value,
300: tokens.Color.Primitive.Sea[300].value,
400: tokens.Color.Primitive.Sea[400].value,
500: tokens.Color.Primitive.Sea[500].value,
600: tokens.Color.Primitive.Sea[600].value,
700: tokens.Color.Primitive.Sea[700].value,
800: tokens.Color.Primitive.Sea[800].value,
900: tokens.Color.Primitive.Sea[900].value,
1000: tokens.Color.Primitive.Sea[1000].value,
1100: tokens.Color.Primitive.Sea[1100].value,
1200: tokens.Color.Primitive.Sea[1200].value,
},
sumi: {
50: tokens.Color.Primitive.Sumi[50].value,
100: tokens.Color.Primitive.Sumi[100].value,
200: tokens.Color.Primitive.Sumi[200].value,
300: tokens.Color.Primitive.Sumi[300].value,
400: tokens.Color.Primitive.Sumi[400].value,
500: tokens.Color.Primitive.Sumi[500].value,
600: tokens.Color.Primitive.Sumi[600].value,
700: tokens.Color.Primitive.Sumi[700].value,
800: tokens.Color.Primitive.Sumi[800].value,
900: tokens.Color.Primitive.Sumi[900].value,
1000: tokens.Color.Primitive.Sumi[1000].value,
1100: tokens.Color.Primitive.Sumi[1100].value,
1200: tokens.Color.Primitive.Sumi[1200].value,
},
forest: {
50: tokens.Color.Primitive.Forest[50].value,
100: tokens.Color.Primitive.Forest[100].value,
200: tokens.Color.Primitive.Forest[200].value,
300: tokens.Color.Primitive.Forest[300].value,
400: tokens.Color.Primitive.Forest[400].value,
500: tokens.Color.Primitive.Forest[500].value,
600: tokens.Color.Primitive.Forest[600].value,
700: tokens.Color.Primitive.Forest[700].value,
800: tokens.Color.Primitive.Forest[800].value,
900: tokens.Color.Primitive.Forest[900].value,
1000: tokens.Color.Primitive.Forest[1000].value,
1100: tokens.Color.Primitive.Forest[1100].value,
1200: tokens.Color.Primitive.Forest[1200].value,
},
wood: {
50: tokens.Color.Primitive.Wood[50].value,
100: tokens.Color.Primitive.Wood[100].value,
200: tokens.Color.Primitive.Wood[200].value,
300: tokens.Color.Primitive.Wood[300].value,
400: tokens.Color.Primitive.Wood[400].value,
500: tokens.Color.Primitive.Wood[500].value,
600: tokens.Color.Primitive.Wood[600].value,
700: tokens.Color.Primitive.Wood[700].value,
800: tokens.Color.Primitive.Wood[800].value,
900: tokens.Color.Primitive.Wood[900].value,
1000: tokens.Color.Primitive.Wood[1000].value,
1100: tokens.Color.Primitive.Wood[1100].value,
1200: tokens.Color.Primitive.Wood[1200].value,
},
sun: {
50: tokens.Color.Primitive.Sun[50].value,
100: tokens.Color.Primitive.Sun[100].value,
200: tokens.Color.Primitive.Sun[200].value,
300: tokens.Color.Primitive.Sun[300].value,
400: tokens.Color.Primitive.Sun[400].value,
500: tokens.Color.Primitive.Sun[500].value,
600: tokens.Color.Primitive.Sun[600].value,
700: tokens.Color.Primitive.Sun[700].value,
800: tokens.Color.Primitive.Sun[800].value,
900: tokens.Color.Primitive.Sun[900].value,
1000: tokens.Color.Primitive.Sun[1000].value,
1100: tokens.Color.Primitive.Sun[1100].value,
1200: tokens.Color.Primitive.Sun[1200].value,
},
blue: {
50: tokens.Color.Primitive.Blue[50].value,
100: tokens.Color.Primitive.Blue[100].value,
Expand Down

0 comments on commit 422b0b6

Please sign in to comment.