@xola/ui-kit 2.0.0-4 → 2.0.0-43
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 +29 -6
- package/build/style.css +1 -1
- package/build/ui-kit.es.js +1 -1
- package/build/ui-kit.umd.js +1 -1
- package/index.css +6 -1
- package/package.json +24 -21
- package/tailwind.config.js +5 -5
package/index.css
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&display=swap");
|
|
2
|
+
@import url("https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@300;400;700&display=swap");
|
|
2
3
|
|
|
3
4
|
@tailwind base;
|
|
4
5
|
@tailwind components;
|
|
@@ -61,7 +62,11 @@ h6 {
|
|
|
61
62
|
@apply leading-p3 tracking-tightest;
|
|
62
63
|
}
|
|
63
64
|
|
|
64
|
-
.badge .icon {
|
|
65
|
+
.ui-badge .icon {
|
|
65
66
|
position: relative;
|
|
66
67
|
top: -1px;
|
|
67
68
|
}
|
|
69
|
+
|
|
70
|
+
.font-bold {
|
|
71
|
+
@apply antialiased;
|
|
72
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@xola/ui-kit",
|
|
3
|
-
"version": "2.0.0-
|
|
3
|
+
"version": "2.0.0-43",
|
|
4
4
|
"description": "Xola UI Kit",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"files": [
|
|
@@ -9,8 +9,9 @@
|
|
|
9
9
|
"tailwind.config.js",
|
|
10
10
|
"postcss.config.js"
|
|
11
11
|
],
|
|
12
|
-
"main": "
|
|
13
|
-
"module": "
|
|
12
|
+
"main": "build/ui-kit.umd.js",
|
|
13
|
+
"module": "build/ui-kit.es.js",
|
|
14
|
+
"types": "index.d.ts",
|
|
14
15
|
"scripts": {
|
|
15
16
|
"prepare": "node scripts/prepare && vite build",
|
|
16
17
|
"start": "node scripts/prepare && start-storybook -p 6006 -s public",
|
|
@@ -28,10 +29,11 @@
|
|
|
28
29
|
},
|
|
29
30
|
"dependencies": {
|
|
30
31
|
"@headlessui/react": "^1.4.0",
|
|
31
|
-
"@tailwindcss/forms": "^0.
|
|
32
|
+
"@tailwindcss/forms": "^0.4.0",
|
|
33
|
+
"@tailwindcss/line-clamp": "^0.3.1",
|
|
32
34
|
"@tippyjs/react": "^4.2.5",
|
|
33
35
|
"clsx": "^1.1.1",
|
|
34
|
-
"dayjs": "^1.10.
|
|
36
|
+
"dayjs": "^1.10.7",
|
|
35
37
|
"downshift": "^6.1.5",
|
|
36
38
|
"get-user-locale": "^1.4.0",
|
|
37
39
|
"google-libphonenumber": "^3.2.22",
|
|
@@ -40,31 +42,32 @@
|
|
|
40
42
|
"react-day-picker": "^7.4.10",
|
|
41
43
|
"react-hot-toast": "^2.1.0",
|
|
42
44
|
"react-hotkeys-hook": "^3.4.0",
|
|
45
|
+
"react-select": "^5.1.0",
|
|
43
46
|
"tippy.js": "^6.3.1"
|
|
44
47
|
},
|
|
45
48
|
"devDependencies": {
|
|
46
49
|
"@babel/core": "^7.14.8",
|
|
47
|
-
"@babel/preset-env": "^7.
|
|
48
|
-
"@storybook/addon-actions": "^6.
|
|
49
|
-
"@storybook/addon-essentials": "^6.
|
|
50
|
-
"@storybook/addon-links": "^6.
|
|
50
|
+
"@babel/preset-env": "^7.15.6",
|
|
51
|
+
"@storybook/addon-actions": "^6.4.9",
|
|
52
|
+
"@storybook/addon-essentials": "^6.4.9",
|
|
53
|
+
"@storybook/addon-links": "^6.4.9",
|
|
51
54
|
"@storybook/addon-postcss": "^2.0.0",
|
|
52
|
-
"@storybook/addons": "^6.
|
|
53
|
-
"@storybook/react": "^6.
|
|
54
|
-
"@storybook/theming": "^6.
|
|
55
|
-
"@xola/jslint": "0.0
|
|
56
|
-
"autoprefixer": "^10.
|
|
57
|
-
"babel-jest": "^27.0
|
|
55
|
+
"@storybook/addons": "^6.4.9",
|
|
56
|
+
"@storybook/react": "^6.4.9",
|
|
57
|
+
"@storybook/theming": "^6.4.9",
|
|
58
|
+
"@xola/jslint": "^1.0.0",
|
|
59
|
+
"autoprefixer": "^10.4.2",
|
|
60
|
+
"babel-jest": "^27.2.0",
|
|
58
61
|
"babel-loader": "^8.2.2",
|
|
59
|
-
"jest": "^27.0
|
|
62
|
+
"jest": "^27.2.0",
|
|
60
63
|
"lodash": "^4.17.21",
|
|
61
|
-
"postcss": "^8.
|
|
62
|
-
"prettier": "^2.
|
|
64
|
+
"postcss": "^8.4.5",
|
|
65
|
+
"prettier": "^2.4.0",
|
|
63
66
|
"react": "^17.0.2",
|
|
64
67
|
"react-dom": "^17.0.2",
|
|
65
68
|
"storybook-css-modules-preset": "^1.1.1",
|
|
66
|
-
"tailwindcss": "^
|
|
67
|
-
"vite": "^2.
|
|
69
|
+
"tailwindcss": "^3.0.18",
|
|
70
|
+
"vite": "^2.5.7"
|
|
68
71
|
},
|
|
69
72
|
"peerDependencies": {
|
|
70
73
|
"autoprefixer": "^10.3.1",
|
|
@@ -72,7 +75,7 @@
|
|
|
72
75
|
"postcss": "^8.3.6",
|
|
73
76
|
"react": "^17.0.2",
|
|
74
77
|
"react-dom": "^17.0.2",
|
|
75
|
-
"tailwindcss": "^
|
|
78
|
+
"tailwindcss": "^3.0.18"
|
|
76
79
|
},
|
|
77
80
|
"prettier": {
|
|
78
81
|
"semi": true,
|
package/tailwind.config.js
CHANGED
|
@@ -57,10 +57,7 @@ const colors = {
|
|
|
57
57
|
};
|
|
58
58
|
|
|
59
59
|
module.exports = {
|
|
60
|
-
|
|
61
|
-
darkMode: false,
|
|
62
|
-
|
|
63
|
-
purge: [
|
|
60
|
+
content: [
|
|
64
61
|
"./src/**/*.js",
|
|
65
62
|
"./src/**/*.jsx",
|
|
66
63
|
"./src/**/*.ts",
|
|
@@ -109,6 +106,7 @@ module.exports = {
|
|
|
109
106
|
16: "64px",
|
|
110
107
|
20: "80px",
|
|
111
108
|
24: "96px",
|
|
109
|
+
25: "100px",
|
|
112
110
|
28: "112px",
|
|
113
111
|
32: "128px",
|
|
114
112
|
36: "144px",
|
|
@@ -121,6 +119,7 @@ module.exports = {
|
|
|
121
119
|
60: "240px",
|
|
122
120
|
64: "256px",
|
|
123
121
|
72: "288px",
|
|
122
|
+
75: "300px",
|
|
124
123
|
80: "320px",
|
|
125
124
|
82: "350px",
|
|
126
125
|
96: "384px",
|
|
@@ -153,6 +152,7 @@ module.exports = {
|
|
|
153
152
|
extend: {
|
|
154
153
|
fontFamily: {
|
|
155
154
|
sans: ["Inter", ...defaultTheme.fontFamily.sans],
|
|
155
|
+
mono: ["Roboto Mono", ...defaultTheme.fontFamily.mono],
|
|
156
156
|
},
|
|
157
157
|
|
|
158
158
|
// P1 - Big 16px 130%
|
|
@@ -197,5 +197,5 @@ module.exports = {
|
|
|
197
197
|
},
|
|
198
198
|
},
|
|
199
199
|
|
|
200
|
-
plugins: [require("@tailwindcss/forms")],
|
|
200
|
+
plugins: [require("@tailwindcss/forms"), require("@tailwindcss/line-clamp")],
|
|
201
201
|
};
|