@cieloazul310/digital-go-pandacss-utils 0.2.2 → 0.2.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +43 -0
- package/dist/index.d.cts +74 -0
- package/dist/index.d.cts.map +1 -0
- package/dist/index.d.mts +74 -1
- package/dist/index.d.mts.map +1 -0
- package/dist/index.mjs +43 -6
- package/dist/index.mjs.map +1 -0
- package/package.json +12 -8
- package/dist/chunk-BE2OVYDY.mjs +0 -43
- package/dist/colors.d.mts +0 -72
- package/dist/colors.d.ts +0 -72
- package/dist/colors.js +0 -67
- package/dist/colors.mjs +0 -6
- package/dist/index.d.ts +0 -1
- package/dist/index.js +0 -69
package/dist/index.cjs
ADDED
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
|
|
2
|
+
//#region src/colors.ts
|
|
3
|
+
function createKeyColor(palette) {
|
|
4
|
+
return {
|
|
5
|
+
primary: {
|
|
6
|
+
DEFAULT: {
|
|
7
|
+
value: `{colors.${palette}.primary}`,
|
|
8
|
+
description: "ウェブサイトのトーン&マナーを確定するカラーです。サイト全体を通じて視覚的にブランドを伝える主要な要素(たとえば、ロゴタイプ、ヘッダーやグローバルナビゲーションの視覚表現)や、優先される動線や状況を示すUI(たとえば、CTAボタン、アクティブな状態表示等)に使用されます。プライマリーカラーには、主要な背景色とのコントラスト比が少なくとも4.5:1以上を維持できるカラーを選択する必要があります。"
|
|
9
|
+
},
|
|
10
|
+
100: { value: `{colors.${palette}.primary.100}` },
|
|
11
|
+
200: { value: `{colors.${palette}.primary.200}` },
|
|
12
|
+
300: { value: `{colors.${palette}.primary.300}` }
|
|
13
|
+
},
|
|
14
|
+
secondary: {
|
|
15
|
+
value: `{colors.${palette}.secondary}`,
|
|
16
|
+
description: "セカンダリーカラーは、プライマリーカラーを補完して、あまり目立たなくていい副次的な動線や状況を示すUI(たとえば、選択肢を提供するボタン、機能や状態を表示するパーツ等)で使用します。プライマリーカラーと同じ色相で明度が高いまたは低いものを選択します。これにより、カラーの一貫性を保ちながら視覚的な対比、情報の階層、優先の順列等を反映したUIを作成する際に役立ちます。セカンダリーカラーを主要な背景色と隣接する表示要素に使用する場合は、主要な背景色とのコントラスト比が少なくとも3:1以上を維持できるカラーを選択する必要があります。なお、セカンダリーカラーをテキストのカラーとして使用する場合は、コントラスト比が少なくとも4.5:1以上でなければなりません。"
|
|
17
|
+
},
|
|
18
|
+
tertiary: {
|
|
19
|
+
value: `{colors.${palette}.tertiary}`,
|
|
20
|
+
description: "ターシャリーカラーは、セカンダリーカラーと反対の明度で設定します。プライマリーカラーと同色相で、明度高をセカンダリーカラーとした場合は明度低をターシャリーカラーに、明度低をセカンダリーカラーとした場合は明度高をターシャリーカラーとします。ターシャリーカラーを主要な背景色と隣接する表示要素に使用する場合は、主要な背景色とのコントラスト比が少なくとも3:1以上を維持できるカラーを選択する必要があります。なお、ターシャリーカラーをテキストのカラーとして使用する場合は、コントラスト比が少なくとも4.5:1以上でなければなりません。"
|
|
21
|
+
},
|
|
22
|
+
bg: {
|
|
23
|
+
value: `{colors.${palette}.bg}`,
|
|
24
|
+
description: "白または黒以外のバックグラウンドカラーは、ウェブサイトやアプリのさまざまなセクションや要素の背景に特別に選ばれるカラーです。テキストや非テキスト要素のカラーは、背景色とのコントラスト比を考慮して設定されていますが、通常、この時に想定している背景色は白または黒です。バックグラウンドカラーの上にテキストや非テキスト要素が配置される場合、そのままではコントラスト要件を満たさなくなる場合があります。バックグラウンドカラーに応じて、コントラスト比を調整してください。"
|
|
25
|
+
},
|
|
26
|
+
50: { value: `{colors.${palette}.50}` },
|
|
27
|
+
100: { value: `{colors.${palette}.100}` },
|
|
28
|
+
200: { value: `{colors.${palette}.200}` },
|
|
29
|
+
300: { value: `{colors.${palette}.300}` },
|
|
30
|
+
400: { value: `{colors.${palette}.400}` },
|
|
31
|
+
500: { value: `{colors.${palette}.500}` },
|
|
32
|
+
600: { value: `{colors.${palette}.600}` },
|
|
33
|
+
700: { value: `{colors.${palette}.700}` },
|
|
34
|
+
800: { value: `{colors.${palette}.800}` },
|
|
35
|
+
900: { value: `{colors.${palette}.900}` },
|
|
36
|
+
1e3: { value: `{colors.${palette}.1000}` },
|
|
37
|
+
1100: { value: `{colors.${palette}.1100}` },
|
|
38
|
+
1200: { value: `{colors.${palette}.1200}` }
|
|
39
|
+
};
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
//#endregion
|
|
43
|
+
exports.createKeyColor = createKeyColor;
|
package/dist/index.d.cts
ADDED
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
//#region src/colors.d.ts
|
|
2
|
+
type Palette = "blue" | "light-blue" | "cyan" | "green" | "lime" | "yellow" | "orange" | "red" | "magenta" | "purple" | "solid-gray";
|
|
3
|
+
type ColorShades = 50 | 100 | 200 | 300 | 400 | 420 | 500 | 536 | 600 | 700 | 800 | 900 | 1000 | 1100 | 1200;
|
|
4
|
+
declare function createKeyColor(palette: Palette): {
|
|
5
|
+
primary: {
|
|
6
|
+
DEFAULT: {
|
|
7
|
+
value: string;
|
|
8
|
+
description: string;
|
|
9
|
+
};
|
|
10
|
+
100: {
|
|
11
|
+
value: string;
|
|
12
|
+
};
|
|
13
|
+
200: {
|
|
14
|
+
value: string;
|
|
15
|
+
};
|
|
16
|
+
300: {
|
|
17
|
+
value: string;
|
|
18
|
+
};
|
|
19
|
+
};
|
|
20
|
+
secondary: {
|
|
21
|
+
value: string;
|
|
22
|
+
description: string;
|
|
23
|
+
};
|
|
24
|
+
tertiary: {
|
|
25
|
+
value: string;
|
|
26
|
+
description: string;
|
|
27
|
+
};
|
|
28
|
+
bg: {
|
|
29
|
+
value: string;
|
|
30
|
+
description: string;
|
|
31
|
+
};
|
|
32
|
+
50: {
|
|
33
|
+
value: string;
|
|
34
|
+
};
|
|
35
|
+
100: {
|
|
36
|
+
value: string;
|
|
37
|
+
};
|
|
38
|
+
200: {
|
|
39
|
+
value: string;
|
|
40
|
+
};
|
|
41
|
+
300: {
|
|
42
|
+
value: string;
|
|
43
|
+
};
|
|
44
|
+
400: {
|
|
45
|
+
value: string;
|
|
46
|
+
};
|
|
47
|
+
500: {
|
|
48
|
+
value: string;
|
|
49
|
+
};
|
|
50
|
+
600: {
|
|
51
|
+
value: string;
|
|
52
|
+
};
|
|
53
|
+
700: {
|
|
54
|
+
value: string;
|
|
55
|
+
};
|
|
56
|
+
800: {
|
|
57
|
+
value: string;
|
|
58
|
+
};
|
|
59
|
+
900: {
|
|
60
|
+
value: string;
|
|
61
|
+
};
|
|
62
|
+
1000: {
|
|
63
|
+
value: string;
|
|
64
|
+
};
|
|
65
|
+
1100: {
|
|
66
|
+
value: string;
|
|
67
|
+
};
|
|
68
|
+
1200: {
|
|
69
|
+
value: string;
|
|
70
|
+
};
|
|
71
|
+
};
|
|
72
|
+
//#endregion
|
|
73
|
+
export { ColorShades, Palette, createKeyColor };
|
|
74
|
+
//# sourceMappingURL=index.d.cts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.cts","names":[],"sources":["../src/colors.ts"],"mappings":";KAAY,OAAA;AAAA,KAaA,WAAA;AAAA,iBAiBI,cAAA,CAAe,OAAA,EAAS,OAAA"}
|
package/dist/index.d.mts
CHANGED
|
@@ -1 +1,74 @@
|
|
|
1
|
-
|
|
1
|
+
//#region src/colors.d.ts
|
|
2
|
+
type Palette = "blue" | "light-blue" | "cyan" | "green" | "lime" | "yellow" | "orange" | "red" | "magenta" | "purple" | "solid-gray";
|
|
3
|
+
type ColorShades = 50 | 100 | 200 | 300 | 400 | 420 | 500 | 536 | 600 | 700 | 800 | 900 | 1000 | 1100 | 1200;
|
|
4
|
+
declare function createKeyColor(palette: Palette): {
|
|
5
|
+
primary: {
|
|
6
|
+
DEFAULT: {
|
|
7
|
+
value: string;
|
|
8
|
+
description: string;
|
|
9
|
+
};
|
|
10
|
+
100: {
|
|
11
|
+
value: string;
|
|
12
|
+
};
|
|
13
|
+
200: {
|
|
14
|
+
value: string;
|
|
15
|
+
};
|
|
16
|
+
300: {
|
|
17
|
+
value: string;
|
|
18
|
+
};
|
|
19
|
+
};
|
|
20
|
+
secondary: {
|
|
21
|
+
value: string;
|
|
22
|
+
description: string;
|
|
23
|
+
};
|
|
24
|
+
tertiary: {
|
|
25
|
+
value: string;
|
|
26
|
+
description: string;
|
|
27
|
+
};
|
|
28
|
+
bg: {
|
|
29
|
+
value: string;
|
|
30
|
+
description: string;
|
|
31
|
+
};
|
|
32
|
+
50: {
|
|
33
|
+
value: string;
|
|
34
|
+
};
|
|
35
|
+
100: {
|
|
36
|
+
value: string;
|
|
37
|
+
};
|
|
38
|
+
200: {
|
|
39
|
+
value: string;
|
|
40
|
+
};
|
|
41
|
+
300: {
|
|
42
|
+
value: string;
|
|
43
|
+
};
|
|
44
|
+
400: {
|
|
45
|
+
value: string;
|
|
46
|
+
};
|
|
47
|
+
500: {
|
|
48
|
+
value: string;
|
|
49
|
+
};
|
|
50
|
+
600: {
|
|
51
|
+
value: string;
|
|
52
|
+
};
|
|
53
|
+
700: {
|
|
54
|
+
value: string;
|
|
55
|
+
};
|
|
56
|
+
800: {
|
|
57
|
+
value: string;
|
|
58
|
+
};
|
|
59
|
+
900: {
|
|
60
|
+
value: string;
|
|
61
|
+
};
|
|
62
|
+
1000: {
|
|
63
|
+
value: string;
|
|
64
|
+
};
|
|
65
|
+
1100: {
|
|
66
|
+
value: string;
|
|
67
|
+
};
|
|
68
|
+
1200: {
|
|
69
|
+
value: string;
|
|
70
|
+
};
|
|
71
|
+
};
|
|
72
|
+
//#endregion
|
|
73
|
+
export { ColorShades, Palette, createKeyColor };
|
|
74
|
+
//# sourceMappingURL=index.d.mts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.mts","names":[],"sources":["../src/colors.ts"],"mappings":";KAAY,OAAA;AAAA,KAaA,WAAA;AAAA,iBAiBI,cAAA,CAAe,OAAA,EAAS,OAAA"}
|
package/dist/index.mjs
CHANGED
|
@@ -1,6 +1,43 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
}
|
|
1
|
+
//#region src/colors.ts
|
|
2
|
+
function createKeyColor(palette) {
|
|
3
|
+
return {
|
|
4
|
+
primary: {
|
|
5
|
+
DEFAULT: {
|
|
6
|
+
value: `{colors.${palette}.primary}`,
|
|
7
|
+
description: "ウェブサイトのトーン&マナーを確定するカラーです。サイト全体を通じて視覚的にブランドを伝える主要な要素(たとえば、ロゴタイプ、ヘッダーやグローバルナビゲーションの視覚表現)や、優先される動線や状況を示すUI(たとえば、CTAボタン、アクティブな状態表示等)に使用されます。プライマリーカラーには、主要な背景色とのコントラスト比が少なくとも4.5:1以上を維持できるカラーを選択する必要があります。"
|
|
8
|
+
},
|
|
9
|
+
100: { value: `{colors.${palette}.primary.100}` },
|
|
10
|
+
200: { value: `{colors.${palette}.primary.200}` },
|
|
11
|
+
300: { value: `{colors.${palette}.primary.300}` }
|
|
12
|
+
},
|
|
13
|
+
secondary: {
|
|
14
|
+
value: `{colors.${palette}.secondary}`,
|
|
15
|
+
description: "セカンダリーカラーは、プライマリーカラーを補完して、あまり目立たなくていい副次的な動線や状況を示すUI(たとえば、選択肢を提供するボタン、機能や状態を表示するパーツ等)で使用します。プライマリーカラーと同じ色相で明度が高いまたは低いものを選択します。これにより、カラーの一貫性を保ちながら視覚的な対比、情報の階層、優先の順列等を反映したUIを作成する際に役立ちます。セカンダリーカラーを主要な背景色と隣接する表示要素に使用する場合は、主要な背景色とのコントラスト比が少なくとも3:1以上を維持できるカラーを選択する必要があります。なお、セカンダリーカラーをテキストのカラーとして使用する場合は、コントラスト比が少なくとも4.5:1以上でなければなりません。"
|
|
16
|
+
},
|
|
17
|
+
tertiary: {
|
|
18
|
+
value: `{colors.${palette}.tertiary}`,
|
|
19
|
+
description: "ターシャリーカラーは、セカンダリーカラーと反対の明度で設定します。プライマリーカラーと同色相で、明度高をセカンダリーカラーとした場合は明度低をターシャリーカラーに、明度低をセカンダリーカラーとした場合は明度高をターシャリーカラーとします。ターシャリーカラーを主要な背景色と隣接する表示要素に使用する場合は、主要な背景色とのコントラスト比が少なくとも3:1以上を維持できるカラーを選択する必要があります。なお、ターシャリーカラーをテキストのカラーとして使用する場合は、コントラスト比が少なくとも4.5:1以上でなければなりません。"
|
|
20
|
+
},
|
|
21
|
+
bg: {
|
|
22
|
+
value: `{colors.${palette}.bg}`,
|
|
23
|
+
description: "白または黒以外のバックグラウンドカラーは、ウェブサイトやアプリのさまざまなセクションや要素の背景に特別に選ばれるカラーです。テキストや非テキスト要素のカラーは、背景色とのコントラスト比を考慮して設定されていますが、通常、この時に想定している背景色は白または黒です。バックグラウンドカラーの上にテキストや非テキスト要素が配置される場合、そのままではコントラスト要件を満たさなくなる場合があります。バックグラウンドカラーに応じて、コントラスト比を調整してください。"
|
|
24
|
+
},
|
|
25
|
+
50: { value: `{colors.${palette}.50}` },
|
|
26
|
+
100: { value: `{colors.${palette}.100}` },
|
|
27
|
+
200: { value: `{colors.${palette}.200}` },
|
|
28
|
+
300: { value: `{colors.${palette}.300}` },
|
|
29
|
+
400: { value: `{colors.${palette}.400}` },
|
|
30
|
+
500: { value: `{colors.${palette}.500}` },
|
|
31
|
+
600: { value: `{colors.${palette}.600}` },
|
|
32
|
+
700: { value: `{colors.${palette}.700}` },
|
|
33
|
+
800: { value: `{colors.${palette}.800}` },
|
|
34
|
+
900: { value: `{colors.${palette}.900}` },
|
|
35
|
+
1e3: { value: `{colors.${palette}.1000}` },
|
|
36
|
+
1100: { value: `{colors.${palette}.1100}` },
|
|
37
|
+
1200: { value: `{colors.${palette}.1200}` }
|
|
38
|
+
};
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
//#endregion
|
|
42
|
+
export { createKeyColor };
|
|
43
|
+
//# sourceMappingURL=index.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.mjs","names":[],"sources":["../src/colors.ts"],"sourcesContent":["export type Palette =\n | \"blue\"\n | \"light-blue\"\n | \"cyan\"\n | \"green\"\n | \"lime\"\n | \"yellow\"\n | \"orange\"\n | \"red\"\n | \"magenta\"\n | \"purple\"\n | \"solid-gray\";\n\nexport type ColorShades =\n | 50\n | 100\n | 200\n | 300\n | 400\n | 420\n | 500\n | 536\n | 600\n | 700\n | 800\n | 900\n | 1000\n | 1100\n | 1200;\n\nexport function createKeyColor(palette: Palette) {\n return {\n primary: {\n DEFAULT: {\n value: `{colors.${palette}.primary}`,\n description:\n \"ウェブサイトのトーン&マナーを確定するカラーです。サイト全体を通じて視覚的にブランドを伝える主要な要素(たとえば、ロゴタイプ、ヘッダーやグローバルナビゲーションの視覚表現)や、優先される動線や状況を示すUI(たとえば、CTAボタン、アクティブな状態表示等)に使用されます。プライマリーカラーには、主要な背景色とのコントラスト比が少なくとも4.5:1以上を維持できるカラーを選択する必要があります。\",\n },\n 100: { value: `{colors.${palette}.primary.100}` },\n 200: { value: `{colors.${palette}.primary.200}` },\n 300: { value: `{colors.${palette}.primary.300}` },\n },\n secondary: {\n value: `{colors.${palette}.secondary}`,\n description:\n \"セカンダリーカラーは、プライマリーカラーを補完して、あまり目立たなくていい副次的な動線や状況を示すUI(たとえば、選択肢を提供するボタン、機能や状態を表示するパーツ等)で使用します。プライマリーカラーと同じ色相で明度が高いまたは低いものを選択します。これにより、カラーの一貫性を保ちながら視覚的な対比、情報の階層、優先の順列等を反映したUIを作成する際に役立ちます。セカンダリーカラーを主要な背景色と隣接する表示要素に使用する場合は、主要な背景色とのコントラスト比が少なくとも3:1以上を維持できるカラーを選択する必要があります。なお、セカンダリーカラーをテキストのカラーとして使用する場合は、コントラスト比が少なくとも4.5:1以上でなければなりません。\",\n },\n tertiary: {\n value: `{colors.${palette}.tertiary}`,\n description:\n \"ターシャリーカラーは、セカンダリーカラーと反対の明度で設定します。プライマリーカラーと同色相で、明度高をセカンダリーカラーとした場合は明度低をターシャリーカラーに、明度低をセカンダリーカラーとした場合は明度高をターシャリーカラーとします。ターシャリーカラーを主要な背景色と隣接する表示要素に使用する場合は、主要な背景色とのコントラスト比が少なくとも3:1以上を維持できるカラーを選択する必要があります。なお、ターシャリーカラーをテキストのカラーとして使用する場合は、コントラスト比が少なくとも4.5:1以上でなければなりません。\",\n },\n bg: {\n value: `{colors.${palette}.bg}`,\n description:\n \"白または黒以外のバックグラウンドカラーは、ウェブサイトやアプリのさまざまなセクションや要素の背景に特別に選ばれるカラーです。テキストや非テキスト要素のカラーは、背景色とのコントラスト比を考慮して設定されていますが、通常、この時に想定している背景色は白または黒です。バックグラウンドカラーの上にテキストや非テキスト要素が配置される場合、そのままではコントラスト要件を満たさなくなる場合があります。バックグラウンドカラーに応じて、コントラスト比を調整してください。\",\n },\n 50: { value: `{colors.${palette}.50}` },\n 100: { value: `{colors.${palette}.100}` },\n 200: { value: `{colors.${palette}.200}` },\n 300: { value: `{colors.${palette}.300}` },\n 400: { value: `{colors.${palette}.400}` },\n 500: { value: `{colors.${palette}.500}` },\n 600: { value: `{colors.${palette}.600}` },\n 700: { value: `{colors.${palette}.700}` },\n 800: { value: `{colors.${palette}.800}` },\n 900: { value: `{colors.${palette}.900}` },\n 1000: { value: `{colors.${palette}.1000}` },\n 1100: { value: `{colors.${palette}.1100}` },\n 1200: { value: `{colors.${palette}.1200}` },\n };\n}\n"],"mappings":";AA8BA,SAAgB,eAAe,SAAkB;AAC/C,QAAO;EACL,SAAS;GACP,SAAS;IACP,OAAO,WAAW,QAAQ;IAC1B,aACE;IACH;GACD,KAAK,EAAE,OAAO,WAAW,QAAQ,gBAAgB;GACjD,KAAK,EAAE,OAAO,WAAW,QAAQ,gBAAgB;GACjD,KAAK,EAAE,OAAO,WAAW,QAAQ,gBAAgB;GAClD;EACD,WAAW;GACT,OAAO,WAAW,QAAQ;GAC1B,aACE;GACH;EACD,UAAU;GACR,OAAO,WAAW,QAAQ;GAC1B,aACE;GACH;EACD,IAAI;GACF,OAAO,WAAW,QAAQ;GAC1B,aACE;GACH;EACD,IAAI,EAAE,OAAO,WAAW,QAAQ,OAAO;EACvC,KAAK,EAAE,OAAO,WAAW,QAAQ,QAAQ;EACzC,KAAK,EAAE,OAAO,WAAW,QAAQ,QAAQ;EACzC,KAAK,EAAE,OAAO,WAAW,QAAQ,QAAQ;EACzC,KAAK,EAAE,OAAO,WAAW,QAAQ,QAAQ;EACzC,KAAK,EAAE,OAAO,WAAW,QAAQ,QAAQ;EACzC,KAAK,EAAE,OAAO,WAAW,QAAQ,QAAQ;EACzC,KAAK,EAAE,OAAO,WAAW,QAAQ,QAAQ;EACzC,KAAK,EAAE,OAAO,WAAW,QAAQ,QAAQ;EACzC,KAAK,EAAE,OAAO,WAAW,QAAQ,QAAQ;EACzC,KAAM,EAAE,OAAO,WAAW,QAAQ,SAAS;EAC3C,MAAM,EAAE,OAAO,WAAW,QAAQ,SAAS;EAC3C,MAAM,EAAE,OAAO,WAAW,QAAQ,SAAS;EAC5C"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@cieloazul310/digital-go-pandacss-utils",
|
|
3
|
-
"version": "0.2.
|
|
3
|
+
"version": "0.2.3",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"homepage": "https://github.com/cieloazul310/digital-go-design-system-with-panda",
|
|
6
6
|
"author": {
|
|
@@ -19,30 +19,34 @@
|
|
|
19
19
|
"files": [
|
|
20
20
|
"dist"
|
|
21
21
|
],
|
|
22
|
+
"type": "module",
|
|
22
23
|
"types": "./dist/index.d.ts",
|
|
23
|
-
"main": "./dist/index.
|
|
24
|
+
"main": "./dist/index.cjs",
|
|
25
|
+
"module": "./dist/index.mjs",
|
|
24
26
|
"exports": {
|
|
25
27
|
".": {
|
|
26
28
|
"source": "./src/index.ts",
|
|
27
|
-
"types": "./dist/index.d.ts",
|
|
28
29
|
"import": {
|
|
29
30
|
"types": "./dist/index.d.mts",
|
|
30
31
|
"default": "./dist/index.mjs"
|
|
31
32
|
},
|
|
32
|
-
"require":
|
|
33
|
+
"require": {
|
|
34
|
+
"types": "./dist/index.d.cts",
|
|
35
|
+
"default": "./dist/index.cjs"
|
|
36
|
+
}
|
|
33
37
|
}
|
|
34
38
|
},
|
|
35
39
|
"scripts": {
|
|
36
|
-
"build": "
|
|
40
|
+
"build": "tsdown",
|
|
37
41
|
"dev": "npm run build -- --watch",
|
|
38
42
|
"eslint": "eslint src --fix",
|
|
39
43
|
"format": "prettier --parser typescript --write ."
|
|
40
44
|
},
|
|
41
45
|
"devDependencies": {
|
|
42
|
-
"@repo/eslint-config": "^0.2.
|
|
43
|
-
"@repo/typescript-config": "^0.2.
|
|
46
|
+
"@repo/eslint-config": "^0.2.3",
|
|
47
|
+
"@repo/typescript-config": "^0.2.3",
|
|
44
48
|
"eslint": "^9.37.0",
|
|
45
|
-
"
|
|
49
|
+
"tsdown": "^0.20.1",
|
|
46
50
|
"typescript": "^5.9.3"
|
|
47
51
|
},
|
|
48
52
|
"lint-staged": {
|
package/dist/chunk-BE2OVYDY.mjs
DELETED
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
// src/colors.ts
|
|
2
|
-
function createKeyColor(palette) {
|
|
3
|
-
return {
|
|
4
|
-
primary: {
|
|
5
|
-
DEFAULT: {
|
|
6
|
-
value: `{colors.${palette}.primary}`,
|
|
7
|
-
description: "\u30A6\u30A7\u30D6\u30B5\u30A4\u30C8\u306E\u30C8\u30FC\u30F3\uFF06\u30DE\u30CA\u30FC\u3092\u78BA\u5B9A\u3059\u308B\u30AB\u30E9\u30FC\u3067\u3059\u3002\u30B5\u30A4\u30C8\u5168\u4F53\u3092\u901A\u3058\u3066\u8996\u899A\u7684\u306B\u30D6\u30E9\u30F3\u30C9\u3092\u4F1D\u3048\u308B\u4E3B\u8981\u306A\u8981\u7D20\uFF08\u305F\u3068\u3048\u3070\u3001\u30ED\u30B4\u30BF\u30A4\u30D7\u3001\u30D8\u30C3\u30C0\u30FC\u3084\u30B0\u30ED\u30FC\u30D0\u30EB\u30CA\u30D3\u30B2\u30FC\u30B7\u30E7\u30F3\u306E\u8996\u899A\u8868\u73FE\uFF09\u3084\u3001\u512A\u5148\u3055\u308C\u308B\u52D5\u7DDA\u3084\u72B6\u6CC1\u3092\u793A\u3059UI\uFF08\u305F\u3068\u3048\u3070\u3001CTA\u30DC\u30BF\u30F3\u3001\u30A2\u30AF\u30C6\u30A3\u30D6\u306A\u72B6\u614B\u8868\u793A\u7B49\uFF09\u306B\u4F7F\u7528\u3055\u308C\u307E\u3059\u3002\u30D7\u30E9\u30A4\u30DE\u30EA\u30FC\u30AB\u30E9\u30FC\u306B\u306F\u3001\u4E3B\u8981\u306A\u80CC\u666F\u8272\u3068\u306E\u30B3\u30F3\u30C8\u30E9\u30B9\u30C8\u6BD4\u304C\u5C11\u306A\u304F\u3068\u30824.5:1\u4EE5\u4E0A\u3092\u7DAD\u6301\u3067\u304D\u308B\u30AB\u30E9\u30FC\u3092\u9078\u629E\u3059\u308B\u5FC5\u8981\u304C\u3042\u308A\u307E\u3059\u3002"
|
|
8
|
-
},
|
|
9
|
-
100: { value: `{colors.${palette}.primary.100}` },
|
|
10
|
-
200: { value: `{colors.${palette}.primary.200}` },
|
|
11
|
-
300: { value: `{colors.${palette}.primary.300}` }
|
|
12
|
-
},
|
|
13
|
-
secondary: {
|
|
14
|
-
value: `{colors.${palette}.secondary}`,
|
|
15
|
-
description: "\u30BB\u30AB\u30F3\u30C0\u30EA\u30FC\u30AB\u30E9\u30FC\u306F\u3001\u30D7\u30E9\u30A4\u30DE\u30EA\u30FC\u30AB\u30E9\u30FC\u3092\u88DC\u5B8C\u3057\u3066\u3001\u3042\u307E\u308A\u76EE\u7ACB\u305F\u306A\u304F\u3066\u3044\u3044\u526F\u6B21\u7684\u306A\u52D5\u7DDA\u3084\u72B6\u6CC1\u3092\u793A\u3059UI\uFF08\u305F\u3068\u3048\u3070\u3001\u9078\u629E\u80A2\u3092\u63D0\u4F9B\u3059\u308B\u30DC\u30BF\u30F3\u3001\u6A5F\u80FD\u3084\u72B6\u614B\u3092\u8868\u793A\u3059\u308B\u30D1\u30FC\u30C4\u7B49\uFF09\u3067\u4F7F\u7528\u3057\u307E\u3059\u3002\u30D7\u30E9\u30A4\u30DE\u30EA\u30FC\u30AB\u30E9\u30FC\u3068\u540C\u3058\u8272\u76F8\u3067\u660E\u5EA6\u304C\u9AD8\u3044\u307E\u305F\u306F\u4F4E\u3044\u3082\u306E\u3092\u9078\u629E\u3057\u307E\u3059\u3002\u3053\u308C\u306B\u3088\u308A\u3001\u30AB\u30E9\u30FC\u306E\u4E00\u8CAB\u6027\u3092\u4FDD\u3061\u306A\u304C\u3089\u8996\u899A\u7684\u306A\u5BFE\u6BD4\u3001\u60C5\u5831\u306E\u968E\u5C64\u3001\u512A\u5148\u306E\u9806\u5217\u7B49\u3092\u53CD\u6620\u3057\u305FUI\u3092\u4F5C\u6210\u3059\u308B\u969B\u306B\u5F79\u7ACB\u3061\u307E\u3059\u3002\u30BB\u30AB\u30F3\u30C0\u30EA\u30FC\u30AB\u30E9\u30FC\u3092\u4E3B\u8981\u306A\u80CC\u666F\u8272\u3068\u96A3\u63A5\u3059\u308B\u8868\u793A\u8981\u7D20\u306B\u4F7F\u7528\u3059\u308B\u5834\u5408\u306F\u3001\u4E3B\u8981\u306A\u80CC\u666F\u8272\u3068\u306E\u30B3\u30F3\u30C8\u30E9\u30B9\u30C8\u6BD4\u304C\u5C11\u306A\u304F\u3068\u30823:1\u4EE5\u4E0A\u3092\u7DAD\u6301\u3067\u304D\u308B\u30AB\u30E9\u30FC\u3092\u9078\u629E\u3059\u308B\u5FC5\u8981\u304C\u3042\u308A\u307E\u3059\u3002\u306A\u304A\u3001\u30BB\u30AB\u30F3\u30C0\u30EA\u30FC\u30AB\u30E9\u30FC\u3092\u30C6\u30AD\u30B9\u30C8\u306E\u30AB\u30E9\u30FC\u3068\u3057\u3066\u4F7F\u7528\u3059\u308B\u5834\u5408\u306F\u3001\u30B3\u30F3\u30C8\u30E9\u30B9\u30C8\u6BD4\u304C\u5C11\u306A\u304F\u3068\u30824.5:1\u4EE5\u4E0A\u3067\u306A\u3051\u308C\u3070\u306A\u308A\u307E\u305B\u3093\u3002"
|
|
16
|
-
},
|
|
17
|
-
tertiary: {
|
|
18
|
-
value: `{colors.${palette}.tertiary}`,
|
|
19
|
-
description: "\u30BF\u30FC\u30B7\u30E3\u30EA\u30FC\u30AB\u30E9\u30FC\u306F\u3001\u30BB\u30AB\u30F3\u30C0\u30EA\u30FC\u30AB\u30E9\u30FC\u3068\u53CD\u5BFE\u306E\u660E\u5EA6\u3067\u8A2D\u5B9A\u3057\u307E\u3059\u3002\u30D7\u30E9\u30A4\u30DE\u30EA\u30FC\u30AB\u30E9\u30FC\u3068\u540C\u8272\u76F8\u3067\u3001\u660E\u5EA6\u9AD8\u3092\u30BB\u30AB\u30F3\u30C0\u30EA\u30FC\u30AB\u30E9\u30FC\u3068\u3057\u305F\u5834\u5408\u306F\u660E\u5EA6\u4F4E\u3092\u30BF\u30FC\u30B7\u30E3\u30EA\u30FC\u30AB\u30E9\u30FC\u306B\u3001\u660E\u5EA6\u4F4E\u3092\u30BB\u30AB\u30F3\u30C0\u30EA\u30FC\u30AB\u30E9\u30FC\u3068\u3057\u305F\u5834\u5408\u306F\u660E\u5EA6\u9AD8\u3092\u30BF\u30FC\u30B7\u30E3\u30EA\u30FC\u30AB\u30E9\u30FC\u3068\u3057\u307E\u3059\u3002\u30BF\u30FC\u30B7\u30E3\u30EA\u30FC\u30AB\u30E9\u30FC\u3092\u4E3B\u8981\u306A\u80CC\u666F\u8272\u3068\u96A3\u63A5\u3059\u308B\u8868\u793A\u8981\u7D20\u306B\u4F7F\u7528\u3059\u308B\u5834\u5408\u306F\u3001\u4E3B\u8981\u306A\u80CC\u666F\u8272\u3068\u306E\u30B3\u30F3\u30C8\u30E9\u30B9\u30C8\u6BD4\u304C\u5C11\u306A\u304F\u3068\u30823:1\u4EE5\u4E0A\u3092\u7DAD\u6301\u3067\u304D\u308B\u30AB\u30E9\u30FC\u3092\u9078\u629E\u3059\u308B\u5FC5\u8981\u304C\u3042\u308A\u307E\u3059\u3002\u306A\u304A\u3001\u30BF\u30FC\u30B7\u30E3\u30EA\u30FC\u30AB\u30E9\u30FC\u3092\u30C6\u30AD\u30B9\u30C8\u306E\u30AB\u30E9\u30FC\u3068\u3057\u3066\u4F7F\u7528\u3059\u308B\u5834\u5408\u306F\u3001\u30B3\u30F3\u30C8\u30E9\u30B9\u30C8\u6BD4\u304C\u5C11\u306A\u304F\u3068\u30824.5:1\u4EE5\u4E0A\u3067\u306A\u3051\u308C\u3070\u306A\u308A\u307E\u305B\u3093\u3002"
|
|
20
|
-
},
|
|
21
|
-
bg: {
|
|
22
|
-
value: `{colors.${palette}.bg}`,
|
|
23
|
-
description: "\u767D\u307E\u305F\u306F\u9ED2\u4EE5\u5916\u306E\u30D0\u30C3\u30AF\u30B0\u30E9\u30A6\u30F3\u30C9\u30AB\u30E9\u30FC\u306F\u3001\u30A6\u30A7\u30D6\u30B5\u30A4\u30C8\u3084\u30A2\u30D7\u30EA\u306E\u3055\u307E\u3056\u307E\u306A\u30BB\u30AF\u30B7\u30E7\u30F3\u3084\u8981\u7D20\u306E\u80CC\u666F\u306B\u7279\u5225\u306B\u9078\u3070\u308C\u308B\u30AB\u30E9\u30FC\u3067\u3059\u3002\u30C6\u30AD\u30B9\u30C8\u3084\u975E\u30C6\u30AD\u30B9\u30C8\u8981\u7D20\u306E\u30AB\u30E9\u30FC\u306F\u3001\u80CC\u666F\u8272\u3068\u306E\u30B3\u30F3\u30C8\u30E9\u30B9\u30C8\u6BD4\u3092\u8003\u616E\u3057\u3066\u8A2D\u5B9A\u3055\u308C\u3066\u3044\u307E\u3059\u304C\u3001\u901A\u5E38\u3001\u3053\u306E\u6642\u306B\u60F3\u5B9A\u3057\u3066\u3044\u308B\u80CC\u666F\u8272\u306F\u767D\u307E\u305F\u306F\u9ED2\u3067\u3059\u3002\u30D0\u30C3\u30AF\u30B0\u30E9\u30A6\u30F3\u30C9\u30AB\u30E9\u30FC\u306E\u4E0A\u306B\u30C6\u30AD\u30B9\u30C8\u3084\u975E\u30C6\u30AD\u30B9\u30C8\u8981\u7D20\u304C\u914D\u7F6E\u3055\u308C\u308B\u5834\u5408\u3001\u305D\u306E\u307E\u307E\u3067\u306F\u30B3\u30F3\u30C8\u30E9\u30B9\u30C8\u8981\u4EF6\u3092\u6E80\u305F\u3055\u306A\u304F\u306A\u308B\u5834\u5408\u304C\u3042\u308A\u307E\u3059\u3002\u30D0\u30C3\u30AF\u30B0\u30E9\u30A6\u30F3\u30C9\u30AB\u30E9\u30FC\u306B\u5FDC\u3058\u3066\u3001\u30B3\u30F3\u30C8\u30E9\u30B9\u30C8\u6BD4\u3092\u8ABF\u6574\u3057\u3066\u304F\u3060\u3055\u3044\u3002"
|
|
24
|
-
},
|
|
25
|
-
50: { value: `{colors.${palette}.50}` },
|
|
26
|
-
100: { value: `{colors.${palette}.100}` },
|
|
27
|
-
200: { value: `{colors.${palette}.200}` },
|
|
28
|
-
300: { value: `{colors.${palette}.300}` },
|
|
29
|
-
400: { value: `{colors.${palette}.400}` },
|
|
30
|
-
500: { value: `{colors.${palette}.500}` },
|
|
31
|
-
600: { value: `{colors.${palette}.600}` },
|
|
32
|
-
700: { value: `{colors.${palette}.700}` },
|
|
33
|
-
800: { value: `{colors.${palette}.800}` },
|
|
34
|
-
900: { value: `{colors.${palette}.900}` },
|
|
35
|
-
1e3: { value: `{colors.${palette}.1000}` },
|
|
36
|
-
1100: { value: `{colors.${palette}.1100}` },
|
|
37
|
-
1200: { value: `{colors.${palette}.1200}` }
|
|
38
|
-
};
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
export {
|
|
42
|
-
createKeyColor
|
|
43
|
-
};
|
package/dist/colors.d.mts
DELETED
|
@@ -1,72 +0,0 @@
|
|
|
1
|
-
type Palette = "blue" | "light-blue" | "cyan" | "green" | "lime" | "yellow" | "orange" | "red" | "magenta" | "purple" | "solid-gray";
|
|
2
|
-
type ColorShades = 50 | 100 | 200 | 300 | 400 | 420 | 500 | 536 | 600 | 700 | 800 | 900 | 1000 | 1100 | 1200;
|
|
3
|
-
declare function createKeyColor(palette: Palette): {
|
|
4
|
-
primary: {
|
|
5
|
-
DEFAULT: {
|
|
6
|
-
value: string;
|
|
7
|
-
description: string;
|
|
8
|
-
};
|
|
9
|
-
100: {
|
|
10
|
-
value: string;
|
|
11
|
-
};
|
|
12
|
-
200: {
|
|
13
|
-
value: string;
|
|
14
|
-
};
|
|
15
|
-
300: {
|
|
16
|
-
value: string;
|
|
17
|
-
};
|
|
18
|
-
};
|
|
19
|
-
secondary: {
|
|
20
|
-
value: string;
|
|
21
|
-
description: string;
|
|
22
|
-
};
|
|
23
|
-
tertiary: {
|
|
24
|
-
value: string;
|
|
25
|
-
description: string;
|
|
26
|
-
};
|
|
27
|
-
bg: {
|
|
28
|
-
value: string;
|
|
29
|
-
description: string;
|
|
30
|
-
};
|
|
31
|
-
50: {
|
|
32
|
-
value: string;
|
|
33
|
-
};
|
|
34
|
-
100: {
|
|
35
|
-
value: string;
|
|
36
|
-
};
|
|
37
|
-
200: {
|
|
38
|
-
value: string;
|
|
39
|
-
};
|
|
40
|
-
300: {
|
|
41
|
-
value: string;
|
|
42
|
-
};
|
|
43
|
-
400: {
|
|
44
|
-
value: string;
|
|
45
|
-
};
|
|
46
|
-
500: {
|
|
47
|
-
value: string;
|
|
48
|
-
};
|
|
49
|
-
600: {
|
|
50
|
-
value: string;
|
|
51
|
-
};
|
|
52
|
-
700: {
|
|
53
|
-
value: string;
|
|
54
|
-
};
|
|
55
|
-
800: {
|
|
56
|
-
value: string;
|
|
57
|
-
};
|
|
58
|
-
900: {
|
|
59
|
-
value: string;
|
|
60
|
-
};
|
|
61
|
-
1000: {
|
|
62
|
-
value: string;
|
|
63
|
-
};
|
|
64
|
-
1100: {
|
|
65
|
-
value: string;
|
|
66
|
-
};
|
|
67
|
-
1200: {
|
|
68
|
-
value: string;
|
|
69
|
-
};
|
|
70
|
-
};
|
|
71
|
-
|
|
72
|
-
export { type ColorShades, type Palette, createKeyColor };
|
package/dist/colors.d.ts
DELETED
|
@@ -1,72 +0,0 @@
|
|
|
1
|
-
type Palette = "blue" | "light-blue" | "cyan" | "green" | "lime" | "yellow" | "orange" | "red" | "magenta" | "purple" | "solid-gray";
|
|
2
|
-
type ColorShades = 50 | 100 | 200 | 300 | 400 | 420 | 500 | 536 | 600 | 700 | 800 | 900 | 1000 | 1100 | 1200;
|
|
3
|
-
declare function createKeyColor(palette: Palette): {
|
|
4
|
-
primary: {
|
|
5
|
-
DEFAULT: {
|
|
6
|
-
value: string;
|
|
7
|
-
description: string;
|
|
8
|
-
};
|
|
9
|
-
100: {
|
|
10
|
-
value: string;
|
|
11
|
-
};
|
|
12
|
-
200: {
|
|
13
|
-
value: string;
|
|
14
|
-
};
|
|
15
|
-
300: {
|
|
16
|
-
value: string;
|
|
17
|
-
};
|
|
18
|
-
};
|
|
19
|
-
secondary: {
|
|
20
|
-
value: string;
|
|
21
|
-
description: string;
|
|
22
|
-
};
|
|
23
|
-
tertiary: {
|
|
24
|
-
value: string;
|
|
25
|
-
description: string;
|
|
26
|
-
};
|
|
27
|
-
bg: {
|
|
28
|
-
value: string;
|
|
29
|
-
description: string;
|
|
30
|
-
};
|
|
31
|
-
50: {
|
|
32
|
-
value: string;
|
|
33
|
-
};
|
|
34
|
-
100: {
|
|
35
|
-
value: string;
|
|
36
|
-
};
|
|
37
|
-
200: {
|
|
38
|
-
value: string;
|
|
39
|
-
};
|
|
40
|
-
300: {
|
|
41
|
-
value: string;
|
|
42
|
-
};
|
|
43
|
-
400: {
|
|
44
|
-
value: string;
|
|
45
|
-
};
|
|
46
|
-
500: {
|
|
47
|
-
value: string;
|
|
48
|
-
};
|
|
49
|
-
600: {
|
|
50
|
-
value: string;
|
|
51
|
-
};
|
|
52
|
-
700: {
|
|
53
|
-
value: string;
|
|
54
|
-
};
|
|
55
|
-
800: {
|
|
56
|
-
value: string;
|
|
57
|
-
};
|
|
58
|
-
900: {
|
|
59
|
-
value: string;
|
|
60
|
-
};
|
|
61
|
-
1000: {
|
|
62
|
-
value: string;
|
|
63
|
-
};
|
|
64
|
-
1100: {
|
|
65
|
-
value: string;
|
|
66
|
-
};
|
|
67
|
-
1200: {
|
|
68
|
-
value: string;
|
|
69
|
-
};
|
|
70
|
-
};
|
|
71
|
-
|
|
72
|
-
export { type ColorShades, type Palette, createKeyColor };
|
package/dist/colors.js
DELETED
|
@@ -1,67 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __export = (target, all) => {
|
|
7
|
-
for (var name in all)
|
|
8
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
-
};
|
|
10
|
-
var __copyProps = (to, from, except, desc) => {
|
|
11
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
-
for (let key of __getOwnPropNames(from))
|
|
13
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
-
}
|
|
16
|
-
return to;
|
|
17
|
-
};
|
|
18
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
-
|
|
20
|
-
// src/colors.ts
|
|
21
|
-
var colors_exports = {};
|
|
22
|
-
__export(colors_exports, {
|
|
23
|
-
createKeyColor: () => createKeyColor
|
|
24
|
-
});
|
|
25
|
-
module.exports = __toCommonJS(colors_exports);
|
|
26
|
-
function createKeyColor(palette) {
|
|
27
|
-
return {
|
|
28
|
-
primary: {
|
|
29
|
-
DEFAULT: {
|
|
30
|
-
value: `{colors.${palette}.primary}`,
|
|
31
|
-
description: "\u30A6\u30A7\u30D6\u30B5\u30A4\u30C8\u306E\u30C8\u30FC\u30F3\uFF06\u30DE\u30CA\u30FC\u3092\u78BA\u5B9A\u3059\u308B\u30AB\u30E9\u30FC\u3067\u3059\u3002\u30B5\u30A4\u30C8\u5168\u4F53\u3092\u901A\u3058\u3066\u8996\u899A\u7684\u306B\u30D6\u30E9\u30F3\u30C9\u3092\u4F1D\u3048\u308B\u4E3B\u8981\u306A\u8981\u7D20\uFF08\u305F\u3068\u3048\u3070\u3001\u30ED\u30B4\u30BF\u30A4\u30D7\u3001\u30D8\u30C3\u30C0\u30FC\u3084\u30B0\u30ED\u30FC\u30D0\u30EB\u30CA\u30D3\u30B2\u30FC\u30B7\u30E7\u30F3\u306E\u8996\u899A\u8868\u73FE\uFF09\u3084\u3001\u512A\u5148\u3055\u308C\u308B\u52D5\u7DDA\u3084\u72B6\u6CC1\u3092\u793A\u3059UI\uFF08\u305F\u3068\u3048\u3070\u3001CTA\u30DC\u30BF\u30F3\u3001\u30A2\u30AF\u30C6\u30A3\u30D6\u306A\u72B6\u614B\u8868\u793A\u7B49\uFF09\u306B\u4F7F\u7528\u3055\u308C\u307E\u3059\u3002\u30D7\u30E9\u30A4\u30DE\u30EA\u30FC\u30AB\u30E9\u30FC\u306B\u306F\u3001\u4E3B\u8981\u306A\u80CC\u666F\u8272\u3068\u306E\u30B3\u30F3\u30C8\u30E9\u30B9\u30C8\u6BD4\u304C\u5C11\u306A\u304F\u3068\u30824.5:1\u4EE5\u4E0A\u3092\u7DAD\u6301\u3067\u304D\u308B\u30AB\u30E9\u30FC\u3092\u9078\u629E\u3059\u308B\u5FC5\u8981\u304C\u3042\u308A\u307E\u3059\u3002"
|
|
32
|
-
},
|
|
33
|
-
100: { value: `{colors.${palette}.primary.100}` },
|
|
34
|
-
200: { value: `{colors.${palette}.primary.200}` },
|
|
35
|
-
300: { value: `{colors.${palette}.primary.300}` }
|
|
36
|
-
},
|
|
37
|
-
secondary: {
|
|
38
|
-
value: `{colors.${palette}.secondary}`,
|
|
39
|
-
description: "\u30BB\u30AB\u30F3\u30C0\u30EA\u30FC\u30AB\u30E9\u30FC\u306F\u3001\u30D7\u30E9\u30A4\u30DE\u30EA\u30FC\u30AB\u30E9\u30FC\u3092\u88DC\u5B8C\u3057\u3066\u3001\u3042\u307E\u308A\u76EE\u7ACB\u305F\u306A\u304F\u3066\u3044\u3044\u526F\u6B21\u7684\u306A\u52D5\u7DDA\u3084\u72B6\u6CC1\u3092\u793A\u3059UI\uFF08\u305F\u3068\u3048\u3070\u3001\u9078\u629E\u80A2\u3092\u63D0\u4F9B\u3059\u308B\u30DC\u30BF\u30F3\u3001\u6A5F\u80FD\u3084\u72B6\u614B\u3092\u8868\u793A\u3059\u308B\u30D1\u30FC\u30C4\u7B49\uFF09\u3067\u4F7F\u7528\u3057\u307E\u3059\u3002\u30D7\u30E9\u30A4\u30DE\u30EA\u30FC\u30AB\u30E9\u30FC\u3068\u540C\u3058\u8272\u76F8\u3067\u660E\u5EA6\u304C\u9AD8\u3044\u307E\u305F\u306F\u4F4E\u3044\u3082\u306E\u3092\u9078\u629E\u3057\u307E\u3059\u3002\u3053\u308C\u306B\u3088\u308A\u3001\u30AB\u30E9\u30FC\u306E\u4E00\u8CAB\u6027\u3092\u4FDD\u3061\u306A\u304C\u3089\u8996\u899A\u7684\u306A\u5BFE\u6BD4\u3001\u60C5\u5831\u306E\u968E\u5C64\u3001\u512A\u5148\u306E\u9806\u5217\u7B49\u3092\u53CD\u6620\u3057\u305FUI\u3092\u4F5C\u6210\u3059\u308B\u969B\u306B\u5F79\u7ACB\u3061\u307E\u3059\u3002\u30BB\u30AB\u30F3\u30C0\u30EA\u30FC\u30AB\u30E9\u30FC\u3092\u4E3B\u8981\u306A\u80CC\u666F\u8272\u3068\u96A3\u63A5\u3059\u308B\u8868\u793A\u8981\u7D20\u306B\u4F7F\u7528\u3059\u308B\u5834\u5408\u306F\u3001\u4E3B\u8981\u306A\u80CC\u666F\u8272\u3068\u306E\u30B3\u30F3\u30C8\u30E9\u30B9\u30C8\u6BD4\u304C\u5C11\u306A\u304F\u3068\u30823:1\u4EE5\u4E0A\u3092\u7DAD\u6301\u3067\u304D\u308B\u30AB\u30E9\u30FC\u3092\u9078\u629E\u3059\u308B\u5FC5\u8981\u304C\u3042\u308A\u307E\u3059\u3002\u306A\u304A\u3001\u30BB\u30AB\u30F3\u30C0\u30EA\u30FC\u30AB\u30E9\u30FC\u3092\u30C6\u30AD\u30B9\u30C8\u306E\u30AB\u30E9\u30FC\u3068\u3057\u3066\u4F7F\u7528\u3059\u308B\u5834\u5408\u306F\u3001\u30B3\u30F3\u30C8\u30E9\u30B9\u30C8\u6BD4\u304C\u5C11\u306A\u304F\u3068\u30824.5:1\u4EE5\u4E0A\u3067\u306A\u3051\u308C\u3070\u306A\u308A\u307E\u305B\u3093\u3002"
|
|
40
|
-
},
|
|
41
|
-
tertiary: {
|
|
42
|
-
value: `{colors.${palette}.tertiary}`,
|
|
43
|
-
description: "\u30BF\u30FC\u30B7\u30E3\u30EA\u30FC\u30AB\u30E9\u30FC\u306F\u3001\u30BB\u30AB\u30F3\u30C0\u30EA\u30FC\u30AB\u30E9\u30FC\u3068\u53CD\u5BFE\u306E\u660E\u5EA6\u3067\u8A2D\u5B9A\u3057\u307E\u3059\u3002\u30D7\u30E9\u30A4\u30DE\u30EA\u30FC\u30AB\u30E9\u30FC\u3068\u540C\u8272\u76F8\u3067\u3001\u660E\u5EA6\u9AD8\u3092\u30BB\u30AB\u30F3\u30C0\u30EA\u30FC\u30AB\u30E9\u30FC\u3068\u3057\u305F\u5834\u5408\u306F\u660E\u5EA6\u4F4E\u3092\u30BF\u30FC\u30B7\u30E3\u30EA\u30FC\u30AB\u30E9\u30FC\u306B\u3001\u660E\u5EA6\u4F4E\u3092\u30BB\u30AB\u30F3\u30C0\u30EA\u30FC\u30AB\u30E9\u30FC\u3068\u3057\u305F\u5834\u5408\u306F\u660E\u5EA6\u9AD8\u3092\u30BF\u30FC\u30B7\u30E3\u30EA\u30FC\u30AB\u30E9\u30FC\u3068\u3057\u307E\u3059\u3002\u30BF\u30FC\u30B7\u30E3\u30EA\u30FC\u30AB\u30E9\u30FC\u3092\u4E3B\u8981\u306A\u80CC\u666F\u8272\u3068\u96A3\u63A5\u3059\u308B\u8868\u793A\u8981\u7D20\u306B\u4F7F\u7528\u3059\u308B\u5834\u5408\u306F\u3001\u4E3B\u8981\u306A\u80CC\u666F\u8272\u3068\u306E\u30B3\u30F3\u30C8\u30E9\u30B9\u30C8\u6BD4\u304C\u5C11\u306A\u304F\u3068\u30823:1\u4EE5\u4E0A\u3092\u7DAD\u6301\u3067\u304D\u308B\u30AB\u30E9\u30FC\u3092\u9078\u629E\u3059\u308B\u5FC5\u8981\u304C\u3042\u308A\u307E\u3059\u3002\u306A\u304A\u3001\u30BF\u30FC\u30B7\u30E3\u30EA\u30FC\u30AB\u30E9\u30FC\u3092\u30C6\u30AD\u30B9\u30C8\u306E\u30AB\u30E9\u30FC\u3068\u3057\u3066\u4F7F\u7528\u3059\u308B\u5834\u5408\u306F\u3001\u30B3\u30F3\u30C8\u30E9\u30B9\u30C8\u6BD4\u304C\u5C11\u306A\u304F\u3068\u30824.5:1\u4EE5\u4E0A\u3067\u306A\u3051\u308C\u3070\u306A\u308A\u307E\u305B\u3093\u3002"
|
|
44
|
-
},
|
|
45
|
-
bg: {
|
|
46
|
-
value: `{colors.${palette}.bg}`,
|
|
47
|
-
description: "\u767D\u307E\u305F\u306F\u9ED2\u4EE5\u5916\u306E\u30D0\u30C3\u30AF\u30B0\u30E9\u30A6\u30F3\u30C9\u30AB\u30E9\u30FC\u306F\u3001\u30A6\u30A7\u30D6\u30B5\u30A4\u30C8\u3084\u30A2\u30D7\u30EA\u306E\u3055\u307E\u3056\u307E\u306A\u30BB\u30AF\u30B7\u30E7\u30F3\u3084\u8981\u7D20\u306E\u80CC\u666F\u306B\u7279\u5225\u306B\u9078\u3070\u308C\u308B\u30AB\u30E9\u30FC\u3067\u3059\u3002\u30C6\u30AD\u30B9\u30C8\u3084\u975E\u30C6\u30AD\u30B9\u30C8\u8981\u7D20\u306E\u30AB\u30E9\u30FC\u306F\u3001\u80CC\u666F\u8272\u3068\u306E\u30B3\u30F3\u30C8\u30E9\u30B9\u30C8\u6BD4\u3092\u8003\u616E\u3057\u3066\u8A2D\u5B9A\u3055\u308C\u3066\u3044\u307E\u3059\u304C\u3001\u901A\u5E38\u3001\u3053\u306E\u6642\u306B\u60F3\u5B9A\u3057\u3066\u3044\u308B\u80CC\u666F\u8272\u306F\u767D\u307E\u305F\u306F\u9ED2\u3067\u3059\u3002\u30D0\u30C3\u30AF\u30B0\u30E9\u30A6\u30F3\u30C9\u30AB\u30E9\u30FC\u306E\u4E0A\u306B\u30C6\u30AD\u30B9\u30C8\u3084\u975E\u30C6\u30AD\u30B9\u30C8\u8981\u7D20\u304C\u914D\u7F6E\u3055\u308C\u308B\u5834\u5408\u3001\u305D\u306E\u307E\u307E\u3067\u306F\u30B3\u30F3\u30C8\u30E9\u30B9\u30C8\u8981\u4EF6\u3092\u6E80\u305F\u3055\u306A\u304F\u306A\u308B\u5834\u5408\u304C\u3042\u308A\u307E\u3059\u3002\u30D0\u30C3\u30AF\u30B0\u30E9\u30A6\u30F3\u30C9\u30AB\u30E9\u30FC\u306B\u5FDC\u3058\u3066\u3001\u30B3\u30F3\u30C8\u30E9\u30B9\u30C8\u6BD4\u3092\u8ABF\u6574\u3057\u3066\u304F\u3060\u3055\u3044\u3002"
|
|
48
|
-
},
|
|
49
|
-
50: { value: `{colors.${palette}.50}` },
|
|
50
|
-
100: { value: `{colors.${palette}.100}` },
|
|
51
|
-
200: { value: `{colors.${palette}.200}` },
|
|
52
|
-
300: { value: `{colors.${palette}.300}` },
|
|
53
|
-
400: { value: `{colors.${palette}.400}` },
|
|
54
|
-
500: { value: `{colors.${palette}.500}` },
|
|
55
|
-
600: { value: `{colors.${palette}.600}` },
|
|
56
|
-
700: { value: `{colors.${palette}.700}` },
|
|
57
|
-
800: { value: `{colors.${palette}.800}` },
|
|
58
|
-
900: { value: `{colors.${palette}.900}` },
|
|
59
|
-
1e3: { value: `{colors.${palette}.1000}` },
|
|
60
|
-
1100: { value: `{colors.${palette}.1100}` },
|
|
61
|
-
1200: { value: `{colors.${palette}.1200}` }
|
|
62
|
-
};
|
|
63
|
-
}
|
|
64
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
65
|
-
0 && (module.exports = {
|
|
66
|
-
createKeyColor
|
|
67
|
-
});
|
package/dist/colors.mjs
DELETED
package/dist/index.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { ColorShades, Palette, createKeyColor } from './colors.js';
|
package/dist/index.js
DELETED
|
@@ -1,69 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __export = (target, all) => {
|
|
7
|
-
for (var name in all)
|
|
8
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
-
};
|
|
10
|
-
var __copyProps = (to, from, except, desc) => {
|
|
11
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
-
for (let key of __getOwnPropNames(from))
|
|
13
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
-
}
|
|
16
|
-
return to;
|
|
17
|
-
};
|
|
18
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
-
|
|
20
|
-
// src/index.ts
|
|
21
|
-
var index_exports = {};
|
|
22
|
-
__export(index_exports, {
|
|
23
|
-
createKeyColor: () => createKeyColor
|
|
24
|
-
});
|
|
25
|
-
module.exports = __toCommonJS(index_exports);
|
|
26
|
-
|
|
27
|
-
// src/colors.ts
|
|
28
|
-
function createKeyColor(palette) {
|
|
29
|
-
return {
|
|
30
|
-
primary: {
|
|
31
|
-
DEFAULT: {
|
|
32
|
-
value: `{colors.${palette}.primary}`,
|
|
33
|
-
description: "\u30A6\u30A7\u30D6\u30B5\u30A4\u30C8\u306E\u30C8\u30FC\u30F3\uFF06\u30DE\u30CA\u30FC\u3092\u78BA\u5B9A\u3059\u308B\u30AB\u30E9\u30FC\u3067\u3059\u3002\u30B5\u30A4\u30C8\u5168\u4F53\u3092\u901A\u3058\u3066\u8996\u899A\u7684\u306B\u30D6\u30E9\u30F3\u30C9\u3092\u4F1D\u3048\u308B\u4E3B\u8981\u306A\u8981\u7D20\uFF08\u305F\u3068\u3048\u3070\u3001\u30ED\u30B4\u30BF\u30A4\u30D7\u3001\u30D8\u30C3\u30C0\u30FC\u3084\u30B0\u30ED\u30FC\u30D0\u30EB\u30CA\u30D3\u30B2\u30FC\u30B7\u30E7\u30F3\u306E\u8996\u899A\u8868\u73FE\uFF09\u3084\u3001\u512A\u5148\u3055\u308C\u308B\u52D5\u7DDA\u3084\u72B6\u6CC1\u3092\u793A\u3059UI\uFF08\u305F\u3068\u3048\u3070\u3001CTA\u30DC\u30BF\u30F3\u3001\u30A2\u30AF\u30C6\u30A3\u30D6\u306A\u72B6\u614B\u8868\u793A\u7B49\uFF09\u306B\u4F7F\u7528\u3055\u308C\u307E\u3059\u3002\u30D7\u30E9\u30A4\u30DE\u30EA\u30FC\u30AB\u30E9\u30FC\u306B\u306F\u3001\u4E3B\u8981\u306A\u80CC\u666F\u8272\u3068\u306E\u30B3\u30F3\u30C8\u30E9\u30B9\u30C8\u6BD4\u304C\u5C11\u306A\u304F\u3068\u30824.5:1\u4EE5\u4E0A\u3092\u7DAD\u6301\u3067\u304D\u308B\u30AB\u30E9\u30FC\u3092\u9078\u629E\u3059\u308B\u5FC5\u8981\u304C\u3042\u308A\u307E\u3059\u3002"
|
|
34
|
-
},
|
|
35
|
-
100: { value: `{colors.${palette}.primary.100}` },
|
|
36
|
-
200: { value: `{colors.${palette}.primary.200}` },
|
|
37
|
-
300: { value: `{colors.${palette}.primary.300}` }
|
|
38
|
-
},
|
|
39
|
-
secondary: {
|
|
40
|
-
value: `{colors.${palette}.secondary}`,
|
|
41
|
-
description: "\u30BB\u30AB\u30F3\u30C0\u30EA\u30FC\u30AB\u30E9\u30FC\u306F\u3001\u30D7\u30E9\u30A4\u30DE\u30EA\u30FC\u30AB\u30E9\u30FC\u3092\u88DC\u5B8C\u3057\u3066\u3001\u3042\u307E\u308A\u76EE\u7ACB\u305F\u306A\u304F\u3066\u3044\u3044\u526F\u6B21\u7684\u306A\u52D5\u7DDA\u3084\u72B6\u6CC1\u3092\u793A\u3059UI\uFF08\u305F\u3068\u3048\u3070\u3001\u9078\u629E\u80A2\u3092\u63D0\u4F9B\u3059\u308B\u30DC\u30BF\u30F3\u3001\u6A5F\u80FD\u3084\u72B6\u614B\u3092\u8868\u793A\u3059\u308B\u30D1\u30FC\u30C4\u7B49\uFF09\u3067\u4F7F\u7528\u3057\u307E\u3059\u3002\u30D7\u30E9\u30A4\u30DE\u30EA\u30FC\u30AB\u30E9\u30FC\u3068\u540C\u3058\u8272\u76F8\u3067\u660E\u5EA6\u304C\u9AD8\u3044\u307E\u305F\u306F\u4F4E\u3044\u3082\u306E\u3092\u9078\u629E\u3057\u307E\u3059\u3002\u3053\u308C\u306B\u3088\u308A\u3001\u30AB\u30E9\u30FC\u306E\u4E00\u8CAB\u6027\u3092\u4FDD\u3061\u306A\u304C\u3089\u8996\u899A\u7684\u306A\u5BFE\u6BD4\u3001\u60C5\u5831\u306E\u968E\u5C64\u3001\u512A\u5148\u306E\u9806\u5217\u7B49\u3092\u53CD\u6620\u3057\u305FUI\u3092\u4F5C\u6210\u3059\u308B\u969B\u306B\u5F79\u7ACB\u3061\u307E\u3059\u3002\u30BB\u30AB\u30F3\u30C0\u30EA\u30FC\u30AB\u30E9\u30FC\u3092\u4E3B\u8981\u306A\u80CC\u666F\u8272\u3068\u96A3\u63A5\u3059\u308B\u8868\u793A\u8981\u7D20\u306B\u4F7F\u7528\u3059\u308B\u5834\u5408\u306F\u3001\u4E3B\u8981\u306A\u80CC\u666F\u8272\u3068\u306E\u30B3\u30F3\u30C8\u30E9\u30B9\u30C8\u6BD4\u304C\u5C11\u306A\u304F\u3068\u30823:1\u4EE5\u4E0A\u3092\u7DAD\u6301\u3067\u304D\u308B\u30AB\u30E9\u30FC\u3092\u9078\u629E\u3059\u308B\u5FC5\u8981\u304C\u3042\u308A\u307E\u3059\u3002\u306A\u304A\u3001\u30BB\u30AB\u30F3\u30C0\u30EA\u30FC\u30AB\u30E9\u30FC\u3092\u30C6\u30AD\u30B9\u30C8\u306E\u30AB\u30E9\u30FC\u3068\u3057\u3066\u4F7F\u7528\u3059\u308B\u5834\u5408\u306F\u3001\u30B3\u30F3\u30C8\u30E9\u30B9\u30C8\u6BD4\u304C\u5C11\u306A\u304F\u3068\u30824.5:1\u4EE5\u4E0A\u3067\u306A\u3051\u308C\u3070\u306A\u308A\u307E\u305B\u3093\u3002"
|
|
42
|
-
},
|
|
43
|
-
tertiary: {
|
|
44
|
-
value: `{colors.${palette}.tertiary}`,
|
|
45
|
-
description: "\u30BF\u30FC\u30B7\u30E3\u30EA\u30FC\u30AB\u30E9\u30FC\u306F\u3001\u30BB\u30AB\u30F3\u30C0\u30EA\u30FC\u30AB\u30E9\u30FC\u3068\u53CD\u5BFE\u306E\u660E\u5EA6\u3067\u8A2D\u5B9A\u3057\u307E\u3059\u3002\u30D7\u30E9\u30A4\u30DE\u30EA\u30FC\u30AB\u30E9\u30FC\u3068\u540C\u8272\u76F8\u3067\u3001\u660E\u5EA6\u9AD8\u3092\u30BB\u30AB\u30F3\u30C0\u30EA\u30FC\u30AB\u30E9\u30FC\u3068\u3057\u305F\u5834\u5408\u306F\u660E\u5EA6\u4F4E\u3092\u30BF\u30FC\u30B7\u30E3\u30EA\u30FC\u30AB\u30E9\u30FC\u306B\u3001\u660E\u5EA6\u4F4E\u3092\u30BB\u30AB\u30F3\u30C0\u30EA\u30FC\u30AB\u30E9\u30FC\u3068\u3057\u305F\u5834\u5408\u306F\u660E\u5EA6\u9AD8\u3092\u30BF\u30FC\u30B7\u30E3\u30EA\u30FC\u30AB\u30E9\u30FC\u3068\u3057\u307E\u3059\u3002\u30BF\u30FC\u30B7\u30E3\u30EA\u30FC\u30AB\u30E9\u30FC\u3092\u4E3B\u8981\u306A\u80CC\u666F\u8272\u3068\u96A3\u63A5\u3059\u308B\u8868\u793A\u8981\u7D20\u306B\u4F7F\u7528\u3059\u308B\u5834\u5408\u306F\u3001\u4E3B\u8981\u306A\u80CC\u666F\u8272\u3068\u306E\u30B3\u30F3\u30C8\u30E9\u30B9\u30C8\u6BD4\u304C\u5C11\u306A\u304F\u3068\u30823:1\u4EE5\u4E0A\u3092\u7DAD\u6301\u3067\u304D\u308B\u30AB\u30E9\u30FC\u3092\u9078\u629E\u3059\u308B\u5FC5\u8981\u304C\u3042\u308A\u307E\u3059\u3002\u306A\u304A\u3001\u30BF\u30FC\u30B7\u30E3\u30EA\u30FC\u30AB\u30E9\u30FC\u3092\u30C6\u30AD\u30B9\u30C8\u306E\u30AB\u30E9\u30FC\u3068\u3057\u3066\u4F7F\u7528\u3059\u308B\u5834\u5408\u306F\u3001\u30B3\u30F3\u30C8\u30E9\u30B9\u30C8\u6BD4\u304C\u5C11\u306A\u304F\u3068\u30824.5:1\u4EE5\u4E0A\u3067\u306A\u3051\u308C\u3070\u306A\u308A\u307E\u305B\u3093\u3002"
|
|
46
|
-
},
|
|
47
|
-
bg: {
|
|
48
|
-
value: `{colors.${palette}.bg}`,
|
|
49
|
-
description: "\u767D\u307E\u305F\u306F\u9ED2\u4EE5\u5916\u306E\u30D0\u30C3\u30AF\u30B0\u30E9\u30A6\u30F3\u30C9\u30AB\u30E9\u30FC\u306F\u3001\u30A6\u30A7\u30D6\u30B5\u30A4\u30C8\u3084\u30A2\u30D7\u30EA\u306E\u3055\u307E\u3056\u307E\u306A\u30BB\u30AF\u30B7\u30E7\u30F3\u3084\u8981\u7D20\u306E\u80CC\u666F\u306B\u7279\u5225\u306B\u9078\u3070\u308C\u308B\u30AB\u30E9\u30FC\u3067\u3059\u3002\u30C6\u30AD\u30B9\u30C8\u3084\u975E\u30C6\u30AD\u30B9\u30C8\u8981\u7D20\u306E\u30AB\u30E9\u30FC\u306F\u3001\u80CC\u666F\u8272\u3068\u306E\u30B3\u30F3\u30C8\u30E9\u30B9\u30C8\u6BD4\u3092\u8003\u616E\u3057\u3066\u8A2D\u5B9A\u3055\u308C\u3066\u3044\u307E\u3059\u304C\u3001\u901A\u5E38\u3001\u3053\u306E\u6642\u306B\u60F3\u5B9A\u3057\u3066\u3044\u308B\u80CC\u666F\u8272\u306F\u767D\u307E\u305F\u306F\u9ED2\u3067\u3059\u3002\u30D0\u30C3\u30AF\u30B0\u30E9\u30A6\u30F3\u30C9\u30AB\u30E9\u30FC\u306E\u4E0A\u306B\u30C6\u30AD\u30B9\u30C8\u3084\u975E\u30C6\u30AD\u30B9\u30C8\u8981\u7D20\u304C\u914D\u7F6E\u3055\u308C\u308B\u5834\u5408\u3001\u305D\u306E\u307E\u307E\u3067\u306F\u30B3\u30F3\u30C8\u30E9\u30B9\u30C8\u8981\u4EF6\u3092\u6E80\u305F\u3055\u306A\u304F\u306A\u308B\u5834\u5408\u304C\u3042\u308A\u307E\u3059\u3002\u30D0\u30C3\u30AF\u30B0\u30E9\u30A6\u30F3\u30C9\u30AB\u30E9\u30FC\u306B\u5FDC\u3058\u3066\u3001\u30B3\u30F3\u30C8\u30E9\u30B9\u30C8\u6BD4\u3092\u8ABF\u6574\u3057\u3066\u304F\u3060\u3055\u3044\u3002"
|
|
50
|
-
},
|
|
51
|
-
50: { value: `{colors.${palette}.50}` },
|
|
52
|
-
100: { value: `{colors.${palette}.100}` },
|
|
53
|
-
200: { value: `{colors.${palette}.200}` },
|
|
54
|
-
300: { value: `{colors.${palette}.300}` },
|
|
55
|
-
400: { value: `{colors.${palette}.400}` },
|
|
56
|
-
500: { value: `{colors.${palette}.500}` },
|
|
57
|
-
600: { value: `{colors.${palette}.600}` },
|
|
58
|
-
700: { value: `{colors.${palette}.700}` },
|
|
59
|
-
800: { value: `{colors.${palette}.800}` },
|
|
60
|
-
900: { value: `{colors.${palette}.900}` },
|
|
61
|
-
1e3: { value: `{colors.${palette}.1000}` },
|
|
62
|
-
1100: { value: `{colors.${palette}.1100}` },
|
|
63
|
-
1200: { value: `{colors.${palette}.1200}` }
|
|
64
|
-
};
|
|
65
|
-
}
|
|
66
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
67
|
-
0 && (module.exports = {
|
|
68
|
-
createKeyColor
|
|
69
|
-
});
|