@nurihaus/web-design-system 2.0.9 → 3.0.0
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 +49 -0
- package/dist/components/badge/option-badge.d.ts +0 -1
- package/dist/components/tabs/tabs.d.ts +0 -3
- package/dist/components/text-field/base-text-field.d.ts +2 -2
- package/dist/index.d.ts +2 -2
- package/dist/index.js +778 -3606
- package/dist/styles/token/colors.d.ts +5 -105
- package/dist/styles.css +1749 -0
- package/dist/tokens/generated/colors.d.ts +106 -0
- package/dist/tokens/generated/index.d.ts +4 -0
- package/dist/tokens/generated/primitive.d.ts +184 -0
- package/dist/tokens/generated/semantic-admin.d.ts +110 -0
- package/dist/tokens/generated/semantic-app.d.ts +75 -0
- package/dist/tokens.css +235 -0
- package/dist/tokens.js +513 -0
- package/package.json +31 -16
- package/dist/index.html +0 -1
- package/styles/AGENTS.md +0 -41
- package/styles/align-items.css +0 -19
- package/styles/display.css +0 -31
- package/styles/flex-direction.css +0 -15
- package/styles/index.css +0 -33
- package/styles/justify-content.css +0 -23
- package/styles/overflow.css +0 -47
- package/styles/position.css +0 -19
- package/styles/reset.css +0 -52
- package/styles/token/AGENTS.md +0 -27
- package/styles/token/color.css +0 -119
- package/styles/token/colors.ts +0 -105
- package/styles/token/cursor.css +0 -5
- package/styles/token/font.css +0 -56
- package/styles/token/radius.css +0 -6
- package/styles/token/space.css +0 -13
|
@@ -1,105 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
readonly 'grey-scale-100': "#F4F4F5";
|
|
7
|
-
readonly 'grey-scale-200': "#E4E4E7";
|
|
8
|
-
readonly 'grey-scale-300': "#D4D4D8";
|
|
9
|
-
readonly 'grey-scale-400': "#A1A1AA";
|
|
10
|
-
readonly 'grey-scale-500': "#71717A";
|
|
11
|
-
readonly 'grey-scale-600': "#52525B";
|
|
12
|
-
readonly 'grey-scale-700': "#3F3F46";
|
|
13
|
-
readonly 'grey-scale-800': "#27272A";
|
|
14
|
-
readonly 'grey-scale-900': "#18181B";
|
|
15
|
-
readonly 'purple-50': "#F4EFFA";
|
|
16
|
-
readonly 'purple-100': "#E9E0F5";
|
|
17
|
-
readonly 'purple-200': "#DDD1F0";
|
|
18
|
-
readonly 'purple-300': "#C3B4DD";
|
|
19
|
-
readonly 'purple-400': "#A894C7";
|
|
20
|
-
readonly 'purple-500': "#957EB4";
|
|
21
|
-
readonly 'purple-600': "#6F56A3";
|
|
22
|
-
readonly 'purple-700': "#4C277C";
|
|
23
|
-
readonly 'purple-800': "#4C1D88";
|
|
24
|
-
readonly 'purple-900': "#391D5D";
|
|
25
|
-
readonly 'accent-red-50': "#FFF5F6";
|
|
26
|
-
readonly 'accent-red-100': "#FFE8E9";
|
|
27
|
-
readonly 'accent-red-200': "#FBCFD2";
|
|
28
|
-
readonly 'accent-red-300': "#F39AA0";
|
|
29
|
-
readonly 'accent-red-400': "#E86F77";
|
|
30
|
-
readonly 'accent-red-500': "#DF535C";
|
|
31
|
-
readonly 'accent-red-600': "#C94751";
|
|
32
|
-
readonly 'accent-red-700': "#B02E4C";
|
|
33
|
-
readonly 'accent-red-800': "#8F243A";
|
|
34
|
-
readonly 'accent-red-900': "#6E1A2C";
|
|
35
|
-
readonly 'accent-pink-50': "#FFF1F6";
|
|
36
|
-
readonly 'accent-pink-100': "#FFE4EE";
|
|
37
|
-
readonly 'accent-pink-200': "#FECFE3";
|
|
38
|
-
readonly 'accent-pink-300': "#FDA4CC";
|
|
39
|
-
readonly 'accent-pink-400': "#F472B6";
|
|
40
|
-
readonly 'accent-pink-500': "#EC6FAE";
|
|
41
|
-
readonly 'accent-pink-600': "#D95D9A";
|
|
42
|
-
readonly 'accent-pink-700': "#B94A7E";
|
|
43
|
-
readonly 'accent-pink-800': "#93385F";
|
|
44
|
-
readonly 'accent-pink-900': "#6E2644";
|
|
45
|
-
readonly 'accent-magenta-50': "#FEF0FF";
|
|
46
|
-
readonly 'accent-magenta-100': "#FEF0FF";
|
|
47
|
-
readonly 'accent-magenta-200': "#F8C6FF";
|
|
48
|
-
readonly 'accent-magenta-300': "#F29BFF";
|
|
49
|
-
readonly 'accent-magenta-400': "#EC5CEF";
|
|
50
|
-
readonly 'accent-magenta-500': "#E13BE7";
|
|
51
|
-
readonly 'accent-magenta-600': "#C82FCC";
|
|
52
|
-
readonly 'accent-magenta-700': "#A923A8";
|
|
53
|
-
readonly 'accent-magenta-800': "#831C83";
|
|
54
|
-
readonly 'accent-magenta-900': "#5E145E";
|
|
55
|
-
readonly 'accent-blue-50': "#F1F4FF";
|
|
56
|
-
readonly 'accent-blue-100': "#E3E8FF";
|
|
57
|
-
readonly 'accent-blue-200': "#C7D2FE";
|
|
58
|
-
readonly 'accent-blue-300': "#A5B4FC";
|
|
59
|
-
readonly 'accent-blue-400': "#818CF8";
|
|
60
|
-
readonly 'accent-blue-500': "#2563EB";
|
|
61
|
-
readonly 'accent-blue-600': "#1F52C9";
|
|
62
|
-
readonly 'accent-blue-700': "#1E40AF";
|
|
63
|
-
readonly 'accent-blue-800': "#1C348A";
|
|
64
|
-
readonly 'accent-blue-900': "#162763";
|
|
65
|
-
readonly 'accent-mint-50': "#ECFEFD";
|
|
66
|
-
readonly 'accent-mint-100': "#D1FAF7";
|
|
67
|
-
readonly 'accent-mint-200': "#A7F3EE";
|
|
68
|
-
readonly 'accent-mint-300': "#6EE7E0";
|
|
69
|
-
readonly 'accent-mint-400': "#2DD4CB";
|
|
70
|
-
readonly 'accent-mint-500': "#01ECE1";
|
|
71
|
-
readonly 'accent-mint-600': "#0BC5BC";
|
|
72
|
-
readonly 'accent-mint-700': "#0F9F99";
|
|
73
|
-
readonly 'accent-mint-800': "#117D78";
|
|
74
|
-
readonly 'accent-mint-900': "#135C58";
|
|
75
|
-
readonly 'accent-green-50': "#ECFDF3";
|
|
76
|
-
readonly 'accent-green-100': "#D1FAE1";
|
|
77
|
-
readonly 'accent-green-200': "#A7F3C8";
|
|
78
|
-
readonly 'accent-green-300': "#6EE7A3";
|
|
79
|
-
readonly 'accent-green-400': "#41E176";
|
|
80
|
-
readonly 'accent-green-500': "#22C55E";
|
|
81
|
-
readonly 'accent-green-600': "#16A34A";
|
|
82
|
-
readonly 'accent-green-700': "#289A3A";
|
|
83
|
-
readonly 'accent-green-800': "#166534";
|
|
84
|
-
readonly 'accent-green-900': "#14532D";
|
|
85
|
-
readonly 'accent-yellow-50': "#FFFBEB";
|
|
86
|
-
readonly 'accent-yellow-100': "#FEF3C7";
|
|
87
|
-
readonly 'accent-yellow-200': "#FDE68A";
|
|
88
|
-
readonly 'accent-yellow-300': "#FCD34D";
|
|
89
|
-
readonly 'accent-yellow-400': "#FBBF24";
|
|
90
|
-
readonly 'accent-yellow-500': "#FFB800";
|
|
91
|
-
readonly 'accent-yellow-600': "#E0A106";
|
|
92
|
-
readonly 'accent-yellow-700': "#B58105";
|
|
93
|
-
readonly 'accent-yellow-800': "#8A6404";
|
|
94
|
-
readonly 'accent-yellow-900': "#5F4703";
|
|
95
|
-
readonly 'accent-orange-50': "#FFF7ED";
|
|
96
|
-
readonly 'accent-orange-100': "#FFEDD5";
|
|
97
|
-
readonly 'accent-orange-200': "#FED7AA";
|
|
98
|
-
readonly 'accent-orange-300': "#FDBA74";
|
|
99
|
-
readonly 'accent-orange-400': "#FB923C";
|
|
100
|
-
readonly 'accent-orange-500': "#F97316";
|
|
101
|
-
readonly 'accent-orange-600': "#EA580C";
|
|
102
|
-
readonly 'accent-orange-700': "#C2410C";
|
|
103
|
-
readonly 'accent-orange-800': "#9A3412";
|
|
104
|
-
readonly 'accent-orange-900': "#7C2D12";
|
|
105
|
-
};
|
|
1
|
+
/**
|
|
2
|
+
* @deprecated `primitive` 를 쓴다. 2.x 호환으로 남겨둔 평평한 색상 맵.
|
|
3
|
+
* 값은 tokens/figma.json 에서 생성된다.
|
|
4
|
+
*/
|
|
5
|
+
export { colors } from '../../tokens/generated/colors';
|