@szum-tech/design-system 1.0.2 → 1.1.1
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/package.json +8 -5
- package/tailwind-preset.js +47 -14
- package/theme/global.css +7 -1
package/package.json
CHANGED
|
@@ -13,6 +13,7 @@
|
|
|
13
13
|
"@semantic-release/npm": "^9.0.1",
|
|
14
14
|
"@semantic-release/release-notes-generator": "^10.0.3",
|
|
15
15
|
"@storybook/addon-actions": "^6.5.13",
|
|
16
|
+
"@storybook/addon-docs": "^6.5.13",
|
|
16
17
|
"@storybook/addon-essentials": "^6.5.13",
|
|
17
18
|
"@storybook/addon-interactions": "^6.5.13",
|
|
18
19
|
"@storybook/addon-links": "^6.5.13",
|
|
@@ -80,12 +81,14 @@
|
|
|
80
81
|
"postbuild": "cpy './theme' '../' --cwd='src'",
|
|
81
82
|
"storybook": "start-storybook -p 6006",
|
|
82
83
|
"semantic-release": "semantic-release",
|
|
83
|
-
"build
|
|
84
|
-
"build
|
|
85
|
-
"
|
|
84
|
+
"build:storybook": "build-storybook",
|
|
85
|
+
"build:storybook:docs": "build-storybook --docs",
|
|
86
|
+
"prebuild:storybook": "tailwindcss -i ./src/theme/global.css -o ./src/styles/default.css"
|
|
86
87
|
},
|
|
87
88
|
"sideEffects": false,
|
|
88
89
|
"types": "./dist/index.d.ts",
|
|
89
|
-
"version": "1.
|
|
90
|
-
"dependencies": {
|
|
90
|
+
"version": "1.1.1",
|
|
91
|
+
"dependencies": {
|
|
92
|
+
"tailwind-scrollbar": "^2.0.1"
|
|
93
|
+
}
|
|
91
94
|
}
|
package/tailwind-preset.js
CHANGED
|
@@ -6,21 +6,19 @@ module.exports = {
|
|
|
6
6
|
borderRadius: {
|
|
7
7
|
"1/2": "50%"
|
|
8
8
|
},
|
|
9
|
-
fontFamily: {
|
|
10
|
-
sans: ["'Open Sans', sans-serif"],
|
|
11
|
-
code: ["'JetBrains Mono', monospace"]
|
|
12
|
-
},
|
|
13
|
-
width: {
|
|
14
|
-
128: "32.0rem",
|
|
15
|
-
300: "75.0rem"
|
|
16
|
-
},
|
|
17
|
-
letterSpacing: {
|
|
18
|
-
1: "0.25rem",
|
|
19
|
-
2: "0.5rem",
|
|
20
|
-
8: "2.0rem"
|
|
21
|
-
},
|
|
22
9
|
colors: {
|
|
23
10
|
black: "rgb(var(--black) / <alpha-value>)",
|
|
11
|
+
error: {
|
|
12
|
+
100: "rgb(var(--error-100) / <alpha-value>)",
|
|
13
|
+
200: "rgb(var(--error-200) / <alpha-value>)",
|
|
14
|
+
300: "rgb(var(--error-300) / <alpha-value>)",
|
|
15
|
+
400: "rgb(var(--error-400) / <alpha-value>)",
|
|
16
|
+
500: "rgb(var(--error-500) / <alpha-value>)",
|
|
17
|
+
600: "rgb(var(--error-600) / <alpha-value>)",
|
|
18
|
+
700: "rgb(var(--error-700) / <alpha-value>)",
|
|
19
|
+
800: "rgb(var(--error-800) / <alpha-value>)",
|
|
20
|
+
900: "rgb(var(--error-900) / <alpha-value>)"
|
|
21
|
+
},
|
|
24
22
|
gray: {
|
|
25
23
|
100: "rgb(var(--gray-100) / <alpha-value>)",
|
|
26
24
|
200: "rgb(var(--gray-200) / <alpha-value>)",
|
|
@@ -43,6 +41,17 @@ module.exports = {
|
|
|
43
41
|
800: "rgb(var(--primary-800) / <alpha-value>)",
|
|
44
42
|
900: "rgb(var(--primary-900) / <alpha-value>)"
|
|
45
43
|
},
|
|
44
|
+
success: {
|
|
45
|
+
100: "rgb(var(--success-100) / <alpha-value>)",
|
|
46
|
+
200: "rgb(var(--success-200) / <alpha-value>)",
|
|
47
|
+
300: "rgb(var(--success-300) / <alpha-value>)",
|
|
48
|
+
400: "rgb(var(--success-400) / <alpha-value>)",
|
|
49
|
+
500: "rgb(var(--success-500) / <alpha-value>)",
|
|
50
|
+
600: "rgb(var(--success-600) / <alpha-value>)",
|
|
51
|
+
700: "rgb(var(--success-700) / <alpha-value>)",
|
|
52
|
+
800: "rgb(var(--success-800) / <alpha-value>)",
|
|
53
|
+
900: "rgb(var(--success-900) / <alpha-value>)"
|
|
54
|
+
},
|
|
46
55
|
transparent: "transparent",
|
|
47
56
|
typography: {
|
|
48
57
|
DEFAULT: "rgb(var(--text-color) / <alpha-value>)",
|
|
@@ -50,9 +59,33 @@ module.exports = {
|
|
|
50
59
|
secondary: "rgb(var(--text-color) / 0.60)",
|
|
51
60
|
disabled: "rgb(var(--text-color) / 0.43)"
|
|
52
61
|
},
|
|
62
|
+
warning: {
|
|
63
|
+
100: "rgb(var(--warning-100) / <alpha-value>)",
|
|
64
|
+
200: "rgb(var(--warning-200) / <alpha-value>)",
|
|
65
|
+
300: "rgb(var(--warning-300) / <alpha-value>)",
|
|
66
|
+
400: "rgb(var(--warning-400) / <alpha-value>)",
|
|
67
|
+
500: "rgb(var(--warning-500) / <alpha-value>)",
|
|
68
|
+
600: "rgb(var(--warning-600) / <alpha-value>)",
|
|
69
|
+
700: "rgb(var(--warning-700) / <alpha-value>)",
|
|
70
|
+
800: "rgb(var(--warning-800) / <alpha-value>)",
|
|
71
|
+
900: "rgb(var(--warning-900) / <alpha-value>)"
|
|
72
|
+
},
|
|
53
73
|
white: "rgb(var(--white) / <alpha-value>)"
|
|
74
|
+
},
|
|
75
|
+
fontFamily: {
|
|
76
|
+
sans: ["'Open Sans', sans-serif"],
|
|
77
|
+
code: ["'JetBrains Mono', monospace"]
|
|
78
|
+
},
|
|
79
|
+
letterSpacing: {
|
|
80
|
+
1: "0.25rem",
|
|
81
|
+
2: "0.5rem",
|
|
82
|
+
8: "2.0rem"
|
|
83
|
+
},
|
|
84
|
+
width: {
|
|
85
|
+
128: "32.0rem",
|
|
86
|
+
300: "75.0rem"
|
|
54
87
|
}
|
|
55
88
|
}
|
|
56
89
|
},
|
|
57
|
-
plugins: []
|
|
90
|
+
plugins: [require("tailwind-scrollbar")]
|
|
58
91
|
};
|
package/theme/global.css
CHANGED
|
@@ -121,6 +121,12 @@
|
|
|
121
121
|
}
|
|
122
122
|
|
|
123
123
|
body {
|
|
124
|
-
@apply text-typography-primary
|
|
124
|
+
@apply app-scroll font-sans text-typography-primary;
|
|
125
|
+
}
|
|
126
|
+
}
|
|
127
|
+
|
|
128
|
+
@layer components {
|
|
129
|
+
.app-scroll {
|
|
130
|
+
@apply scrollbar scrollbar-thin scrollbar-thumb-gray-600/100 hover:scrollbar-thumb-gray-600/80;
|
|
125
131
|
}
|
|
126
132
|
}
|