@xola/ui-kit 2.0.0-3 → 2.0.0-33
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 +20 -17
- package/tailwind.config.js +4 -1
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-33",
|
|
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",
|
|
@@ -29,9 +30,10 @@
|
|
|
29
30
|
"dependencies": {
|
|
30
31
|
"@headlessui/react": "^1.4.0",
|
|
31
32
|
"@tailwindcss/forms": "^0.3.3",
|
|
33
|
+
"@tailwindcss/line-clamp": "^0.2.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
|
|
55
|
+
"@storybook/addons": "^6.4.9",
|
|
56
|
+
"@storybook/react": "^6.4.9",
|
|
57
|
+
"@storybook/theming": "^6.4.9",
|
|
58
|
+
"@xola/jslint": "^1.0.0",
|
|
56
59
|
"autoprefixer": "^10.3.1",
|
|
57
|
-
"babel-jest": "^27.0
|
|
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
64
|
"postcss": "^8.3.6",
|
|
62
|
-
"prettier": "^2.
|
|
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": "^2.2.
|
|
67
|
-
"vite": "^2.
|
|
69
|
+
"tailwindcss": "^2.2.15",
|
|
70
|
+
"vite": "^2.5.7"
|
|
68
71
|
},
|
|
69
72
|
"peerDependencies": {
|
|
70
73
|
"autoprefixer": "^10.3.1",
|
package/tailwind.config.js
CHANGED
|
@@ -109,6 +109,7 @@ module.exports = {
|
|
|
109
109
|
16: "64px",
|
|
110
110
|
20: "80px",
|
|
111
111
|
24: "96px",
|
|
112
|
+
25: "100px",
|
|
112
113
|
28: "112px",
|
|
113
114
|
32: "128px",
|
|
114
115
|
36: "144px",
|
|
@@ -121,6 +122,7 @@ module.exports = {
|
|
|
121
122
|
60: "240px",
|
|
122
123
|
64: "256px",
|
|
123
124
|
72: "288px",
|
|
125
|
+
75: "300px",
|
|
124
126
|
80: "320px",
|
|
125
127
|
82: "350px",
|
|
126
128
|
96: "384px",
|
|
@@ -153,6 +155,7 @@ module.exports = {
|
|
|
153
155
|
extend: {
|
|
154
156
|
fontFamily: {
|
|
155
157
|
sans: ["Inter", ...defaultTheme.fontFamily.sans],
|
|
158
|
+
mono: ["Roboto Mono", ...defaultTheme.fontFamily.mono]
|
|
156
159
|
},
|
|
157
160
|
|
|
158
161
|
// P1 - Big 16px 130%
|
|
@@ -197,5 +200,5 @@ module.exports = {
|
|
|
197
200
|
},
|
|
198
201
|
},
|
|
199
202
|
|
|
200
|
-
plugins: [require("@tailwindcss/forms")],
|
|
203
|
+
plugins: [require("@tailwindcss/forms"), require("@tailwindcss/line-clamp")],
|
|
201
204
|
};
|