@xola/ui-kit 3.0.2 → 3.0.6

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/index.d.ts CHANGED
@@ -8,6 +8,7 @@ export {
8
8
  almostZero,
9
9
  AnnounceIcon,
10
10
  AppIcon,
11
+ AppStoreBadge,
11
12
  ArchiveIcon,
12
13
  ArrowCcwIcon,
13
14
  ArrowCwIcon,
@@ -23,8 +24,10 @@ export {
23
24
  BarGraphIcon,
24
25
  BaseInput,
25
26
  BellIcon,
27
+ BookIcon,
26
28
  BookmarkIcon,
27
29
  BoxIcon,
30
+ BugIcon,
28
31
  Breadcrumb,
29
32
  Breakdown,
30
33
  BriefcaseIcon,
@@ -89,6 +92,7 @@ export {
89
92
  DisabledIcon,
90
93
  DisputeIcon,
91
94
  Dot,
95
+ DotProgress,
92
96
  DotCircleIcon,
93
97
  DoubleCheckIcon,
94
98
  DownArrowIcon,
@@ -115,6 +119,7 @@ export {
115
119
  FaceSadIcon,
116
120
  FaceSmileIcon,
117
121
  FadeIn,
122
+ FeedbackLightBulbIcon,
118
123
  FilterIcon,
119
124
  FilterIconOld,
120
125
  FlagIcon,
@@ -154,6 +159,7 @@ export {
154
159
  LabelIcon,
155
160
  LandscapeIcon,
156
161
  LightIcon,
162
+ LightningIcon,
157
163
  LinkIcon,
158
164
  LockIcon,
159
165
  Login,
@@ -183,6 +189,8 @@ export {
183
189
  PiggyBankIcon,
184
190
  PinIcon,
185
191
  PipeIcon,
192
+ PlayIcon,
193
+ PlayMarketBadge,
186
194
  PlusIcon,
187
195
  PolicyIcon,
188
196
  Popover,
@@ -242,9 +250,13 @@ export {
242
250
  Tooltip,
243
251
  TransferArrowIcon,
244
252
  TrashIcon,
253
+ TutorialsBadgeIcon,
254
+ TutorialsButtonIcon,
255
+ TutorialsSquareIcon,
245
256
  UnlinkIcon,
246
257
  useId,
247
258
  useIsClient,
259
+ useViewportHeight,
248
260
  UserAddIcon,
249
261
  UserChangedIcon,
250
262
  UserIcon,
package/package.json CHANGED
@@ -1,52 +1,60 @@
1
1
  {
2
2
  "name": "@xola/ui-kit",
3
- "version": "3.0.2",
3
+ "version": "3.0.6",
4
4
  "description": "Xola UI Kit",
5
5
  "license": "MIT",
6
+ "repository": {
7
+ "type": "git",
8
+ "url": "git://github.com/xola/ui-kit.git"
9
+ },
6
10
  "files": [
7
11
  "build",
8
12
  "index.css",
13
+ "index.d.ts",
9
14
  "tailwind.config.js",
10
15
  "postcss.config.js",
11
- "index.d.ts"
16
+ "ui-kit.es.js"
12
17
  ],
13
18
  "main": "build/ui-kit.es.js",
14
- "module": "build/ui-kit.es",
19
+ "module": "build/ui-kit.es.js",
15
20
  "types": "build/index.d.ts",
16
21
  "scripts": {
17
22
  "prepare": "node scripts/prepare && vite build",
18
- "start": "node scripts/prepare && start-storybook -p 6006 -s public --no-open",
19
- "dev": "node scripts/prepare && start-storybook -p 6006 -s public --no-manager-cache --no-open",
20
- "build": "node scripts/prepare && vite build && cp index.d.ts build",
21
- "build:storybook": "node scripts/prepare && build-storybook -s public",
23
+ "start": "./scripts/storybook",
24
+ "dev": "./scripts/storybook start --no-manager-cache",
25
+ "build": "npm run prepare && vite build && cp index.d.ts build",
26
+ "build:storybook": "npm run build && ./scripts/storybook build",
22
27
  "clean": "rm -rf node_modules/.vite",
28
+ "lint": "xola-lint src",
23
29
  "lint:fix": "xola-lint src --fix",
24
30
  "lint:report": "xola-lint src --reporter=json src > eslint_report.json",
25
31
  "format": "prettier -l --write src",
26
- "test": "jest",
32
+ "test": "vitest run",
27
33
  "chromatic": "chromatic --exit-zero-on-changes --build-script-name build:storybook"
28
34
  },
29
35
  "dependencies": {
30
- "@headlessui/react": "^1.4.0",
36
+ "@headlessui/react": "^1.7.19",
31
37
  "@tailwindcss/forms": "^0.5.6",
32
- "@tailwindcss/line-clamp": "^0.3.1",
38
+ "@tailwindcss/line-clamp": "^0.4.4",
33
39
  "@tippyjs/react": "^4.2.6",
34
40
  "clsx": "^1.2.1",
35
- "dayjs": "^1.11.10",
36
- "downshift": "^6.1.5",
37
- "get-user-locale": "^1.4.0",
38
- "google-libphonenumber": "^3.2.22",
39
- "lodash": "^4.17.21",
41
+ "dayjs": "^1.11.13",
42
+ "downshift": "^6.1.12",
43
+ "get-user-locale": "^1.5.1",
44
+ "google-libphonenumber": "^3.2.38",
45
+ "lodash-es": "^4.17.21",
40
46
  "nouislider-react": "^3.4.1",
41
47
  "prop-types": "^15.8.1",
42
- "react": "^18.2.0",
48
+ "react": "^18.3.1",
43
49
  "react-day-picker": "^7.4.10",
44
- "react-dom": "^18.2.0",
45
- "react-hot-toast": "^2.1.0",
46
- "react-hotkeys-hook": "^3.4.0",
47
- "react-json-view": "^1.21.3",
48
- "react-select": "^5.7.0",
50
+ "react-dom": "^18.3.1",
51
+ "react-hot-toast": "^2.4.1",
52
+ "react-hotkeys-hook": "^3.4.7",
53
+ "react-select": "^5.8.1",
54
+ "react-textarea-autosize": "^8.5.3",
55
+ "react18-json-view": "^0.2.8",
49
56
  "storybook-addon-designs": "^6.3.1",
57
+ "tailwind-merge": "^2.5.2",
50
58
  "tippy.js": "^6.3.7"
51
59
  },
52
60
  "devDependencies": {
@@ -59,34 +67,31 @@
59
67
  "@storybook/addons": "^6.5.10",
60
68
  "@storybook/react": "^6.5.10",
61
69
  "@storybook/theming": "^6.5.10",
62
- "@types/react": "^18.2.22",
63
- "@types/react-dom": "^18.2.7",
64
- "@xola/jslint": "^2.2.1",
70
+ "@types/react": "^18.3.8",
71
+ "@types/react-dom": "^18.3.0",
72
+ "@xola/jslint": "^3.0.1",
65
73
  "autoprefixer": "^10.4.5",
66
- "babel-jest": "^27.2.0",
67
74
  "babel-loader": "^8.2.2",
68
75
  "chromatic": "^6.11.4",
69
- "jest": "^29.7.0",
70
76
  "postcss": "^8.4.5",
71
- "prettier": "2.8",
77
+ "prettier": "^3.3.3",
72
78
  "prettier-plugin-tailwindcss": "^0.4.1",
73
79
  "storybook-css-modules-preset": "^1.1.1",
74
80
  "tailwindcss": "^3.1.8",
75
81
  "typescript": "4.7",
76
- "vite": "3.2"
82
+ "vite": "^3.2.11",
83
+ "vitest": "^2.1.1"
77
84
  },
78
85
  "peerDependencies": {
79
86
  "@types/react": "^18.2.22",
80
87
  "@types/react-dom": "^18.2.7",
81
88
  "autoprefixer": "^10.3.1",
82
89
  "postcss": "^8.3.6",
83
- "react": "^18.2.0",
84
- "react-dom": "^18.2.0",
85
90
  "tailwindcss": "^3.1.8",
86
91
  "vite": "3.2"
87
92
  },
88
93
  "engines": {
89
- "node": ">=16"
94
+ "node": ">=18"
90
95
  },
91
96
  "prettier": {
92
97
  "semi": true,
@@ -103,6 +103,7 @@ const spacing = {
103
103
  48: "192px",
104
104
  50: "200px",
105
105
  52: "208px",
106
+ 54: "216px",
106
107
  56: "224px",
107
108
  60: "240px",
108
109
  64: "256px",
@@ -110,10 +111,11 @@ const spacing = {
110
111
  72: "288px",
111
112
  75: "300px",
112
113
  80: "320px",
113
- 82: "350px",
114
+ 85: "340px",
114
115
  96: "384px",
115
116
  100: "400px",
116
117
  105: "420px",
118
+ 110: "440px",
117
119
  125: "500px",
118
120
  150: "600px",
119
121
  140: "560px",