@polastack/design-system 0.1.26 → 0.1.28
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/README.md +2 -2
- package/dist/index.d.ts +21 -4
- package/dist/index.js +201 -116
- package/dist/index.js.map +1 -1
- package/dist/tokens/index.d.ts +22 -22
- package/dist/tokens/index.js +22 -22
- package/dist/tokens/index.js.map +1 -1
- package/package.json +2 -1
- package/src/styles/base.css +10 -0
- package/src/styles/tokens.css +29 -26
package/dist/tokens/index.d.ts
CHANGED
|
@@ -5,17 +5,17 @@
|
|
|
5
5
|
*/
|
|
6
6
|
declare const colors: {
|
|
7
7
|
readonly primary: {
|
|
8
|
-
readonly 50: "#
|
|
9
|
-
readonly 100: "#
|
|
10
|
-
readonly 200: "#
|
|
11
|
-
readonly 300: "#
|
|
12
|
-
readonly 400: "#
|
|
13
|
-
readonly 500: "#
|
|
14
|
-
readonly 600: "#
|
|
15
|
-
readonly 700: "#
|
|
16
|
-
readonly 800: "#
|
|
17
|
-
readonly 900: "#
|
|
18
|
-
readonly 950: "#
|
|
8
|
+
readonly 50: "#f2fdfb";
|
|
9
|
+
readonly 100: "#dbfaf4";
|
|
10
|
+
readonly 200: "#b4f3e6";
|
|
11
|
+
readonly 300: "#7ee7d2";
|
|
12
|
+
readonly 400: "#2ee0bc";
|
|
13
|
+
readonly 500: "#13c3a0";
|
|
14
|
+
readonly 600: "#109e81";
|
|
15
|
+
readonly 700: "#137663";
|
|
16
|
+
readonly 800: "#165a4c";
|
|
17
|
+
readonly 900: "#164b40";
|
|
18
|
+
readonly 950: "#072c25";
|
|
19
19
|
};
|
|
20
20
|
readonly neutral: {
|
|
21
21
|
readonly 50: "#fafafa";
|
|
@@ -31,17 +31,17 @@ declare const colors: {
|
|
|
31
31
|
readonly 950: "#09090b";
|
|
32
32
|
};
|
|
33
33
|
readonly success: {
|
|
34
|
-
readonly 50: "#
|
|
35
|
-
readonly 100: "#
|
|
36
|
-
readonly 200: "#
|
|
37
|
-
readonly 300: "#
|
|
38
|
-
readonly 400: "#
|
|
39
|
-
readonly 500: "#
|
|
40
|
-
readonly 600: "#
|
|
41
|
-
readonly 700: "#
|
|
42
|
-
readonly 800: "#
|
|
43
|
-
readonly 900: "#
|
|
44
|
-
readonly 950: "#
|
|
34
|
+
readonly 50: "#f3fcf5";
|
|
35
|
+
readonly 100: "#d9f7df";
|
|
36
|
+
readonly 200: "#b6edbf";
|
|
37
|
+
readonly 300: "#80db8f";
|
|
38
|
+
readonly 400: "#3ecc55";
|
|
39
|
+
readonly 500: "#22b43b";
|
|
40
|
+
readonly 600: "#1c922f";
|
|
41
|
+
readonly 700: "#1d6d2a";
|
|
42
|
+
readonly 800: "#1d5326";
|
|
43
|
+
readonly 900: "#1c4523";
|
|
44
|
+
readonly 950: "#0a290f";
|
|
45
45
|
};
|
|
46
46
|
readonly warning: {
|
|
47
47
|
readonly 50: "#fffbeb";
|
package/dist/tokens/index.js
CHANGED
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
// src/tokens/colors.ts
|
|
2
2
|
var colors = {
|
|
3
3
|
primary: {
|
|
4
|
-
50: "#
|
|
5
|
-
100: "#
|
|
6
|
-
200: "#
|
|
7
|
-
300: "#
|
|
8
|
-
400: "#
|
|
9
|
-
500: "#
|
|
10
|
-
600: "#
|
|
11
|
-
700: "#
|
|
12
|
-
800: "#
|
|
13
|
-
900: "#
|
|
14
|
-
950: "#
|
|
4
|
+
50: "#f2fdfb",
|
|
5
|
+
100: "#dbfaf4",
|
|
6
|
+
200: "#b4f3e6",
|
|
7
|
+
300: "#7ee7d2",
|
|
8
|
+
400: "#2ee0bc",
|
|
9
|
+
500: "#13c3a0",
|
|
10
|
+
600: "#109e81",
|
|
11
|
+
700: "#137663",
|
|
12
|
+
800: "#165a4c",
|
|
13
|
+
900: "#164b40",
|
|
14
|
+
950: "#072c25"
|
|
15
15
|
},
|
|
16
16
|
neutral: {
|
|
17
17
|
50: "#fafafa",
|
|
@@ -27,17 +27,17 @@ var colors = {
|
|
|
27
27
|
950: "#09090b"
|
|
28
28
|
},
|
|
29
29
|
success: {
|
|
30
|
-
50: "#
|
|
31
|
-
100: "#
|
|
32
|
-
200: "#
|
|
33
|
-
300: "#
|
|
34
|
-
400: "#
|
|
35
|
-
500: "#
|
|
36
|
-
600: "#
|
|
37
|
-
700: "#
|
|
38
|
-
800: "#
|
|
39
|
-
900: "#
|
|
40
|
-
950: "#
|
|
30
|
+
50: "#f3fcf5",
|
|
31
|
+
100: "#d9f7df",
|
|
32
|
+
200: "#b6edbf",
|
|
33
|
+
300: "#80db8f",
|
|
34
|
+
400: "#3ecc55",
|
|
35
|
+
500: "#22b43b",
|
|
36
|
+
600: "#1c922f",
|
|
37
|
+
700: "#1d6d2a",
|
|
38
|
+
800: "#1d5326",
|
|
39
|
+
900: "#1c4523",
|
|
40
|
+
950: "#0a290f"
|
|
41
41
|
},
|
|
42
42
|
warning: {
|
|
43
43
|
50: "#fffbeb",
|
package/dist/tokens/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/tokens/colors.ts","../../src/tokens/typography.ts","../../src/tokens/spacing.ts","../../src/tokens/elevation.ts","../../src/tokens/animation.ts"],"sourcesContent":["/**\n * カラートークン定数\n * CSS変数（globals.css @theme）と同期。プログラム的アクセス用。\n * スタイリングにはTailwindユーティリティクラス（bg-primary-500等）を推奨。\n */\n\nexport const colors = {\n primary: {\n 50: '#
|
|
1
|
+
{"version":3,"sources":["../../src/tokens/colors.ts","../../src/tokens/typography.ts","../../src/tokens/spacing.ts","../../src/tokens/elevation.ts","../../src/tokens/animation.ts"],"sourcesContent":["/**\n * カラートークン定数\n * CSS変数（globals.css @theme）と同期。プログラム的アクセス用。\n * スタイリングにはTailwindユーティリティクラス（bg-primary-500等）を推奨。\n */\n\nexport const colors = {\n primary: {\n 50: '#f2fdfb',\n 100: '#dbfaf4',\n 200: '#b4f3e6',\n 300: '#7ee7d2',\n 400: '#2ee0bc',\n 500: '#13c3a0',\n 600: '#109e81',\n 700: '#137663',\n 800: '#165a4c',\n 900: '#164b40',\n 950: '#072c25',\n },\n neutral: {\n 50: '#fafafa',\n 100: '#f4f4f5',\n 200: '#e4e4e7',\n 300: '#d4d4d8',\n 400: '#a1a1aa',\n 500: '#71717a',\n 600: '#52525b',\n 700: '#3f3f46',\n 800: '#27272a',\n 900: '#18181b',\n 950: '#09090b',\n },\n success: {\n 50: '#f3fcf5',\n 100: '#d9f7df',\n 200: '#b6edbf',\n 300: '#80db8f',\n 400: '#3ecc55',\n 500: '#22b43b',\n 600: '#1c922f',\n 700: '#1d6d2a',\n 800: '#1d5326',\n 900: '#1c4523',\n 950: '#0a290f',\n },\n warning: {\n 50: '#fffbeb',\n 100: '#fef3c7',\n 200: '#fde68a',\n 300: '#fcd34d',\n 400: '#fbbf24',\n 500: '#f59e0b',\n 600: '#d97706',\n 700: '#b45309',\n 800: '#92400e',\n 900: '#78350f',\n 950: '#451a03',\n },\n error: {\n 50: '#fef2f2',\n 100: '#fee2e2',\n 200: '#fecaca',\n 300: '#fca5a5',\n 400: '#f87171',\n 500: '#ef4444',\n 600: '#dc2626',\n 700: '#b91c1c',\n 800: '#991b1b',\n 900: '#7f1d1d',\n 950: '#450a0a',\n },\n info: {\n 50: '#eff6ff',\n 100: '#dbeafe',\n 200: '#bfdbfe',\n 300: '#93c5fd',\n 400: '#60a5fa',\n 500: '#3b82f6',\n 600: '#2563eb',\n 700: '#1d4ed8',\n 800: '#1e40af',\n 900: '#1e3a8a',\n 950: '#172554',\n },\n} as const;\n\nexport type ColorScale = keyof typeof colors;\nexport type ColorShade = keyof (typeof colors)['primary'];\n","/**\n * タイポグラフィトークン定数\n * CSS変数（globals.css @theme）と同期。\n */\n\nexport const fontFamily = {\n sans: \"'Inter', 'Noto Sans JP', ui-sans-serif, system-ui, sans-serif\",\n mono: \"'JetBrains Mono', ui-monospace, 'Cascadia Code', monospace\",\n} as const;\n\nexport const fontSize = {\n xs: { size: '0.75rem', lineHeight: '1rem' },\n sm: { size: '0.8125rem', lineHeight: '1.25rem' },\n base: { size: '0.875rem', lineHeight: '1.25rem' },\n lg: { size: '1rem', lineHeight: '1.5rem' },\n xl: { size: '1.125rem', lineHeight: '1.75rem' },\n '2xl': { size: '1.25rem', lineHeight: '1.75rem' },\n '3xl': { size: '1.5rem', lineHeight: '2rem' },\n} as const;\n\nexport const fontWeight = {\n normal: '400',\n medium: '500',\n semibold: '600',\n bold: '700',\n} as const;\n\nexport type FontSize = keyof typeof fontSize;\nexport type FontWeight = keyof typeof fontWeight;\n","/**\n * スペーシングトークン定数（4pxグリッド）\n * CSS変数（globals.css @theme）と同期。\n */\n\nexport const spacing = {\n 0: '0px',\n px: '1px',\n 0.5: '0.125rem',\n 1: '0.25rem',\n 1.5: '0.375rem',\n 2: '0.5rem',\n 2.5: '0.625rem',\n 3: '0.75rem',\n 3.5: '0.875rem',\n 4: '1rem',\n 5: '1.25rem',\n 6: '1.5rem',\n 7: '1.75rem',\n 8: '2rem',\n 9: '2.25rem',\n 10: '2.5rem',\n 11: '2.75rem',\n 12: '3rem',\n 14: '3.5rem',\n 16: '4rem',\n 20: '5rem',\n 24: '6rem',\n} as const;\n","/**\n * エレベーショントークン（シャドウ、ボーダーラディウス）\n * CSS変数（globals.css @theme）と同期。\n */\n\nexport const shadows = {\n xs: '0 1px 2px 0 rgb(0 0 0 / 0.05)',\n sm: '0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)',\n md: '0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)',\n lg: '0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)',\n xl: '0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)',\n '2xl': '0 25px 50px -12px rgb(0 0 0 / 0.25)',\n drawer: '0 0 48px rgb(0 0 0 / 0.16)',\n} as const;\n\nexport const radii = {\n none: '0px',\n sm: '0.25rem',\n md: '0.375rem',\n lg: '0.5rem',\n xl: '0.75rem',\n '2xl': '1rem',\n full: '9999px',\n} as const;\n\nexport type Shadow = keyof typeof shadows;\nexport type Radius = keyof typeof radii;\n","/**\n * アニメーショントークン\n * CSS変数（globals.css @theme）と同期。\n */\n\nexport const duration = {\n fast: '100ms',\n normal: '200ms',\n slow: '300ms',\n} as const;\n\nexport const easing = {\n default: 'cubic-bezier(0.4, 0, 0.2, 1)',\n in: 'cubic-bezier(0.4, 0, 1, 1)',\n out: 'cubic-bezier(0, 0, 0.2, 1)',\n inOut: 'cubic-bezier(0.4, 0, 0.2, 1)',\n} as const;\n\nexport const zIndex = {\n dropdown: 50,\n sticky: 100,\n drawer: 200,\n modal: 300,\n popover: 400,\n toast: 500,\n tooltip: 600,\n} as const;\n\nexport type Duration = keyof typeof duration;\nexport type Easing = keyof typeof easing;\nexport type ZIndex = keyof typeof zIndex;\n"],"mappings":"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","names":[]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@polastack/design-system",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.28",
|
|
4
4
|
"description": "Polastack Design System - UI components and design tokens for business applications",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"license": "MIT",
|
|
@@ -50,6 +50,7 @@
|
|
|
50
50
|
},
|
|
51
51
|
"dependencies": {
|
|
52
52
|
"@radix-ui/react-checkbox": "^1.3.3",
|
|
53
|
+
"@radix-ui/react-collapsible": "^1.1.12",
|
|
53
54
|
"@radix-ui/react-dialog": "^1.1.15",
|
|
54
55
|
"@radix-ui/react-dropdown-menu": "^2.1.16",
|
|
55
56
|
"@radix-ui/react-label": "^2.1.8",
|
package/src/styles/base.css
CHANGED
|
@@ -50,6 +50,16 @@
|
|
|
50
50
|
100% { transform: translateX(200%); }
|
|
51
51
|
}
|
|
52
52
|
|
|
53
|
+
@keyframes collapsible-down {
|
|
54
|
+
from { height: 0; }
|
|
55
|
+
to { height: var(--radix-collapsible-content-height); }
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
@keyframes collapsible-up {
|
|
59
|
+
from { height: var(--radix-collapsible-content-height); }
|
|
60
|
+
to { height: 0; }
|
|
61
|
+
}
|
|
62
|
+
|
|
53
63
|
/* --------------------------------------------------------
|
|
54
64
|
Base Layer
|
|
55
65
|
-------------------------------------------------------- */
|
package/src/styles/tokens.css
CHANGED
|
@@ -9,19 +9,20 @@
|
|
|
9
9
|
@theme {
|
|
10
10
|
/* --------------------------------------------------------
|
|
11
11
|
Colors: Brand (Primary)
|
|
12
|
-
Teal系 - #
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
--color-primary-
|
|
16
|
-
--color-primary-
|
|
17
|
-
--color-primary-
|
|
18
|
-
--color-primary-
|
|
19
|
-
--color-primary-
|
|
20
|
-
--color-primary-
|
|
21
|
-
--color-primary-
|
|
22
|
-
--color-primary-
|
|
23
|
-
--color-primary-
|
|
24
|
-
--color-primary-
|
|
12
|
+
Vivid Teal系 - #13C3A0をベースにしたPolastackブランドカラー
|
|
13
|
+
セマンティックカラーと彩度・明度を揃えた統一パレット
|
|
14
|
+
-------------------------------------------------------- */
|
|
15
|
+
--color-primary-50: #f2fdfb;
|
|
16
|
+
--color-primary-100: #dbfaf4;
|
|
17
|
+
--color-primary-200: #b4f3e6;
|
|
18
|
+
--color-primary-300: #7ee7d2;
|
|
19
|
+
--color-primary-400: #2ee0bc;
|
|
20
|
+
--color-primary-500: #13c3a0;
|
|
21
|
+
--color-primary-600: #109e81;
|
|
22
|
+
--color-primary-700: #137663;
|
|
23
|
+
--color-primary-800: #165a4c;
|
|
24
|
+
--color-primary-900: #164b40;
|
|
25
|
+
--color-primary-950: #072c25;
|
|
25
26
|
|
|
26
27
|
/* --------------------------------------------------------
|
|
27
28
|
Colors: Neutral (Zinc系)
|
|
@@ -40,20 +41,20 @@
|
|
|
40
41
|
--color-neutral-950: #09090b;
|
|
41
42
|
|
|
42
43
|
/* --------------------------------------------------------
|
|
43
|
-
Colors: Semantic - Success (
|
|
44
|
-
Primary
|
|
44
|
+
Colors: Semantic - Success (True Green)
|
|
45
|
+
H≈130の自然な緑。Primary Teal(H≈168)と43°の色相差で明確に区別
|
|
45
46
|
-------------------------------------------------------- */
|
|
46
|
-
--color-success-50: #
|
|
47
|
-
--color-success-100: #
|
|
48
|
-
--color-success-200: #
|
|
49
|
-
--color-success-300: #
|
|
50
|
-
--color-success-400: #
|
|
51
|
-
--color-success-500: #
|
|
52
|
-
--color-success-600: #
|
|
53
|
-
--color-success-700: #
|
|
54
|
-
--color-success-800: #
|
|
55
|
-
--color-success-900: #
|
|
56
|
-
--color-success-950: #
|
|
47
|
+
--color-success-50: #f3fcf5;
|
|
48
|
+
--color-success-100: #d9f7df;
|
|
49
|
+
--color-success-200: #b6edbf;
|
|
50
|
+
--color-success-300: #80db8f;
|
|
51
|
+
--color-success-400: #3ecc55;
|
|
52
|
+
--color-success-500: #22b43b;
|
|
53
|
+
--color-success-600: #1c922f;
|
|
54
|
+
--color-success-700: #1d6d2a;
|
|
55
|
+
--color-success-800: #1d5326;
|
|
56
|
+
--color-success-900: #1c4523;
|
|
57
|
+
--color-success-950: #0a290f;
|
|
57
58
|
|
|
58
59
|
/* --------------------------------------------------------
|
|
59
60
|
Colors: Semantic - Warning (Amber)
|
|
@@ -233,4 +234,6 @@
|
|
|
233
234
|
--animate-slide-out-left: slide-out-left var(--duration-slow) var(--ease-in);
|
|
234
235
|
--animate-spinner: spinner-fade 0.8s ease-in-out infinite;
|
|
235
236
|
--animate-progress-indeterminate: progress-indeterminate 2s ease-in-out infinite;
|
|
237
|
+
--animate-collapsible-down: collapsible-down var(--duration-normal) var(--ease-out);
|
|
238
|
+
--animate-collapsible-up: collapsible-up var(--duration-normal) var(--ease-in);
|
|
236
239
|
}
|