livevegas-ui-kit 1.0.54 → 1.0.55
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 +69 -69
- package/dist/livevegas-ui-kit.es.js +6 -5
- package/dist/livevegas-ui-kit.umd.js +6 -5
- package/package.json +55 -55
package/README.md
CHANGED
|
@@ -1,69 +1,69 @@
|
|
|
1
|
-
# React + TypeScript + Vite
|
|
2
|
-
|
|
3
|
-
This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
|
|
4
|
-
|
|
5
|
-
Currently, two official plugins are available:
|
|
6
|
-
|
|
7
|
-
- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react) uses [Babel](https://babeljs.io/) for Fast Refresh
|
|
8
|
-
- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
|
|
9
|
-
|
|
10
|
-
## Expanding the ESLint configuration
|
|
11
|
-
|
|
12
|
-
If you are developing a production application, we recommend updating the configuration to enable type-aware lint rules:
|
|
13
|
-
|
|
14
|
-
```js
|
|
15
|
-
export default tseslint.config([
|
|
16
|
-
globalIgnores(['dist']),
|
|
17
|
-
{
|
|
18
|
-
files: ['**/*.{ts,tsx}'],
|
|
19
|
-
extends: [
|
|
20
|
-
// Other configs...
|
|
21
|
-
|
|
22
|
-
// Remove tseslint.configs.recommended and replace with this
|
|
23
|
-
...tseslint.configs.recommendedTypeChecked,
|
|
24
|
-
// Alternatively, use this for stricter rules
|
|
25
|
-
...tseslint.configs.strictTypeChecked,
|
|
26
|
-
// Optionally, add this for stylistic rules
|
|
27
|
-
...tseslint.configs.stylisticTypeChecked,
|
|
28
|
-
|
|
29
|
-
// Other configs...
|
|
30
|
-
],
|
|
31
|
-
languageOptions: {
|
|
32
|
-
parserOptions: {
|
|
33
|
-
project: ['./tsconfig.node.json', './tsconfig.app.json'],
|
|
34
|
-
tsconfigRootDir: import.meta.dirname,
|
|
35
|
-
},
|
|
36
|
-
// other options...
|
|
37
|
-
},
|
|
38
|
-
},
|
|
39
|
-
])
|
|
40
|
-
```
|
|
41
|
-
|
|
42
|
-
You can also install [eslint-plugin-react-x](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-x) and [eslint-plugin-react-dom](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-dom) for React-specific lint rules:
|
|
43
|
-
|
|
44
|
-
```js
|
|
45
|
-
// eslint.config.js
|
|
46
|
-
import reactX from 'eslint-plugin-react-x'
|
|
47
|
-
import reactDom from 'eslint-plugin-react-dom'
|
|
48
|
-
|
|
49
|
-
export default tseslint.config([
|
|
50
|
-
globalIgnores(['dist']),
|
|
51
|
-
{
|
|
52
|
-
files: ['**/*.{ts,tsx}'],
|
|
53
|
-
extends: [
|
|
54
|
-
// Other configs...
|
|
55
|
-
// Enable lint rules for React
|
|
56
|
-
reactX.configs['recommended-typescript'],
|
|
57
|
-
// Enable lint rules for React DOM
|
|
58
|
-
reactDom.configs.recommended,
|
|
59
|
-
],
|
|
60
|
-
languageOptions: {
|
|
61
|
-
parserOptions: {
|
|
62
|
-
project: ['./tsconfig.node.json', './tsconfig.app.json'],
|
|
63
|
-
tsconfigRootDir: import.meta.dirname,
|
|
64
|
-
},
|
|
65
|
-
// other options...
|
|
66
|
-
},
|
|
67
|
-
},
|
|
68
|
-
])
|
|
69
|
-
```
|
|
1
|
+
# React + TypeScript + Vite
|
|
2
|
+
|
|
3
|
+
This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
|
|
4
|
+
|
|
5
|
+
Currently, two official plugins are available:
|
|
6
|
+
|
|
7
|
+
- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react) uses [Babel](https://babeljs.io/) for Fast Refresh
|
|
8
|
+
- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
|
|
9
|
+
|
|
10
|
+
## Expanding the ESLint configuration
|
|
11
|
+
|
|
12
|
+
If you are developing a production application, we recommend updating the configuration to enable type-aware lint rules:
|
|
13
|
+
|
|
14
|
+
```js
|
|
15
|
+
export default tseslint.config([
|
|
16
|
+
globalIgnores(['dist']),
|
|
17
|
+
{
|
|
18
|
+
files: ['**/*.{ts,tsx}'],
|
|
19
|
+
extends: [
|
|
20
|
+
// Other configs...
|
|
21
|
+
|
|
22
|
+
// Remove tseslint.configs.recommended and replace with this
|
|
23
|
+
...tseslint.configs.recommendedTypeChecked,
|
|
24
|
+
// Alternatively, use this for stricter rules
|
|
25
|
+
...tseslint.configs.strictTypeChecked,
|
|
26
|
+
// Optionally, add this for stylistic rules
|
|
27
|
+
...tseslint.configs.stylisticTypeChecked,
|
|
28
|
+
|
|
29
|
+
// Other configs...
|
|
30
|
+
],
|
|
31
|
+
languageOptions: {
|
|
32
|
+
parserOptions: {
|
|
33
|
+
project: ['./tsconfig.node.json', './tsconfig.app.json'],
|
|
34
|
+
tsconfigRootDir: import.meta.dirname,
|
|
35
|
+
},
|
|
36
|
+
// other options...
|
|
37
|
+
},
|
|
38
|
+
},
|
|
39
|
+
])
|
|
40
|
+
```
|
|
41
|
+
|
|
42
|
+
You can also install [eslint-plugin-react-x](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-x) and [eslint-plugin-react-dom](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-dom) for React-specific lint rules:
|
|
43
|
+
|
|
44
|
+
```js
|
|
45
|
+
// eslint.config.js
|
|
46
|
+
import reactX from 'eslint-plugin-react-x'
|
|
47
|
+
import reactDom from 'eslint-plugin-react-dom'
|
|
48
|
+
|
|
49
|
+
export default tseslint.config([
|
|
50
|
+
globalIgnores(['dist']),
|
|
51
|
+
{
|
|
52
|
+
files: ['**/*.{ts,tsx}'],
|
|
53
|
+
extends: [
|
|
54
|
+
// Other configs...
|
|
55
|
+
// Enable lint rules for React
|
|
56
|
+
reactX.configs['recommended-typescript'],
|
|
57
|
+
// Enable lint rules for React DOM
|
|
58
|
+
reactDom.configs.recommended,
|
|
59
|
+
],
|
|
60
|
+
languageOptions: {
|
|
61
|
+
parserOptions: {
|
|
62
|
+
project: ['./tsconfig.node.json', './tsconfig.app.json'],
|
|
63
|
+
tsconfigRootDir: import.meta.dirname,
|
|
64
|
+
},
|
|
65
|
+
// other options...
|
|
66
|
+
},
|
|
67
|
+
},
|
|
68
|
+
])
|
|
69
|
+
```
|
|
@@ -7363,7 +7363,7 @@ const et = {
|
|
|
7363
7363
|
] });
|
|
7364
7364
|
}, X9 = d.div`
|
|
7365
7365
|
width: 320px;
|
|
7366
|
-
height:
|
|
7366
|
+
height: 330px;
|
|
7367
7367
|
background: rgba(17, 17, 17);
|
|
7368
7368
|
border-radius: 12px;
|
|
7369
7369
|
padding: 16px;
|
|
@@ -7379,10 +7379,11 @@ const et = {
|
|
|
7379
7379
|
z-index: 20;
|
|
7380
7380
|
@media (max-width: 768px) {
|
|
7381
7381
|
position: absolute;
|
|
7382
|
-
|
|
7383
|
-
|
|
7384
|
-
|
|
7385
|
-
|
|
7382
|
+
transform: none;
|
|
7383
|
+
width: 100%;
|
|
7384
|
+
top: auto;
|
|
7385
|
+
left: auto;
|
|
7386
|
+
bottom: 0;
|
|
7386
7387
|
}
|
|
7387
7388
|
@media (max-width: 768px) and (orientation: landscape) {
|
|
7388
7389
|
width: 50%;
|
|
@@ -2442,7 +2442,7 @@ See https://s-c.sh/2BAXzed for more info.`),window[ge]+=1);const _0=d.div`
|
|
|
2442
2442
|
object-fit: contain;
|
|
2443
2443
|
`,N9=({activeBonus:e})=>{const n=e.freeSpinsCount&&e.freeSpinsCount>0;return t.jsxs(w9,{children:[!n&&t.jsx(A9,{src:ve,alt:"stars"}),n?t.jsx(j9,{children:"Freespins left"}):t.jsxs(v9,{children:["Wager to ",e.wager," ",at(e.currencyId)]}),t.jsx(S9,{}),n?t.jsx(k9,{children:e.freeSpinsCount}):t.jsxs(L9,{children:[at(e.currencyId)," ",e.playedAmount," left"]})]})},I9=d.div`
|
|
2444
2444
|
width: 320px;
|
|
2445
|
-
height:
|
|
2445
|
+
height: 330px;
|
|
2446
2446
|
background: rgba(17, 17, 17);
|
|
2447
2447
|
border-radius: 12px;
|
|
2448
2448
|
padding: 16px;
|
|
@@ -2458,10 +2458,11 @@ See https://s-c.sh/2BAXzed for more info.`),window[ge]+=1);const _0=d.div`
|
|
|
2458
2458
|
z-index: 20;
|
|
2459
2459
|
@media (max-width: 768px) {
|
|
2460
2460
|
position: absolute;
|
|
2461
|
-
|
|
2462
|
-
|
|
2463
|
-
|
|
2464
|
-
|
|
2461
|
+
transform: none;
|
|
2462
|
+
width: 100%;
|
|
2463
|
+
top: auto;
|
|
2464
|
+
left: auto;
|
|
2465
|
+
bottom: 0;
|
|
2465
2466
|
}
|
|
2466
2467
|
@media (max-width: 768px) and (orientation: landscape) {
|
|
2467
2468
|
width: 50%;
|
package/package.json
CHANGED
|
@@ -1,55 +1,55 @@
|
|
|
1
|
-
{
|
|
2
|
-
"name": "livevegas-ui-kit",
|
|
3
|
-
"version": "1.0.
|
|
4
|
-
"type": "module",
|
|
5
|
-
"files": [
|
|
6
|
-
"dist"
|
|
7
|
-
],
|
|
8
|
-
"main": "./dist/livevegas-ui-kit.umd.js",
|
|
9
|
-
"module": "./dist/livevegas-ui-kit.es.js",
|
|
10
|
-
"exports": {
|
|
11
|
-
"./package.json": "./package.json",
|
|
12
|
-
".": {
|
|
13
|
-
"types": "./dist/livevegas-ui-kit.es.d.ts",
|
|
14
|
-
"import": "./dist/livevegas-ui-kit.es.js"
|
|
15
|
-
}
|
|
16
|
-
},
|
|
17
|
-
"scripts": {
|
|
18
|
-
"dev": "vite",
|
|
19
|
-
"build": "tsc && vite build",
|
|
20
|
-
"lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
|
|
21
|
-
"preview": "vite preview",
|
|
22
|
-
"storybook": "storybook dev -p 6006",
|
|
23
|
-
"build-storybook": "storybook build"
|
|
24
|
-
},
|
|
25
|
-
"dependencies": {
|
|
26
|
-
"@microsoft/signalr": "^8.0.0",
|
|
27
|
-
"react": "^18.2.0",
|
|
28
|
-
"react-dom": "^18.2.0"
|
|
29
|
-
},
|
|
30
|
-
"devDependencies": {
|
|
31
|
-
"@chromatic-com/storybook": "^1.5.0",
|
|
32
|
-
"@storybook/addon-essentials": "^8.1.4",
|
|
33
|
-
"@storybook/addon-interactions": "^8.1.4",
|
|
34
|
-
"@storybook/addon-links": "^8.1.4",
|
|
35
|
-
"@storybook/addon-onboarding": "^8.1.4",
|
|
36
|
-
"@storybook/blocks": "^8.1.4",
|
|
37
|
-
"@storybook/react": "^8.1.4",
|
|
38
|
-
"@storybook/react-vite": "^8.1.4",
|
|
39
|
-
"@storybook/test": "^8.1.4",
|
|
40
|
-
"@types/react": "^18.2.66",
|
|
41
|
-
"@types/react-dom": "^18.2.22",
|
|
42
|
-
"@typescript-eslint/eslint-plugin": "^7.2.0",
|
|
43
|
-
"@typescript-eslint/parser": "^7.2.0",
|
|
44
|
-
"@vitejs/plugin-react": "^4.2.1",
|
|
45
|
-
"eslint": "^8.57.0",
|
|
46
|
-
"eslint-plugin-react-hooks": "^4.6.0",
|
|
47
|
-
"eslint-plugin-react-refresh": "^0.4.6",
|
|
48
|
-
"eslint-plugin-storybook": "^0.8.0",
|
|
49
|
-
"storybook": "^8.1.4",
|
|
50
|
-
"styled-components": "^6.1.11",
|
|
51
|
-
"typescript": "^5.2.2",
|
|
52
|
-
"vite": "^5.2.0",
|
|
53
|
-
"vite-plugin-dts": "^3.9.1"
|
|
54
|
-
}
|
|
55
|
-
}
|
|
1
|
+
{
|
|
2
|
+
"name": "livevegas-ui-kit",
|
|
3
|
+
"version": "1.0.55",
|
|
4
|
+
"type": "module",
|
|
5
|
+
"files": [
|
|
6
|
+
"dist"
|
|
7
|
+
],
|
|
8
|
+
"main": "./dist/livevegas-ui-kit.umd.js",
|
|
9
|
+
"module": "./dist/livevegas-ui-kit.es.js",
|
|
10
|
+
"exports": {
|
|
11
|
+
"./package.json": "./package.json",
|
|
12
|
+
".": {
|
|
13
|
+
"types": "./dist/livevegas-ui-kit.es.d.ts",
|
|
14
|
+
"import": "./dist/livevegas-ui-kit.es.js"
|
|
15
|
+
}
|
|
16
|
+
},
|
|
17
|
+
"scripts": {
|
|
18
|
+
"dev": "vite",
|
|
19
|
+
"build": "tsc && vite build",
|
|
20
|
+
"lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
|
|
21
|
+
"preview": "vite preview",
|
|
22
|
+
"storybook": "storybook dev -p 6006",
|
|
23
|
+
"build-storybook": "storybook build"
|
|
24
|
+
},
|
|
25
|
+
"dependencies": {
|
|
26
|
+
"@microsoft/signalr": "^8.0.0",
|
|
27
|
+
"react": "^18.2.0",
|
|
28
|
+
"react-dom": "^18.2.0"
|
|
29
|
+
},
|
|
30
|
+
"devDependencies": {
|
|
31
|
+
"@chromatic-com/storybook": "^1.5.0",
|
|
32
|
+
"@storybook/addon-essentials": "^8.1.4",
|
|
33
|
+
"@storybook/addon-interactions": "^8.1.4",
|
|
34
|
+
"@storybook/addon-links": "^8.1.4",
|
|
35
|
+
"@storybook/addon-onboarding": "^8.1.4",
|
|
36
|
+
"@storybook/blocks": "^8.1.4",
|
|
37
|
+
"@storybook/react": "^8.1.4",
|
|
38
|
+
"@storybook/react-vite": "^8.1.4",
|
|
39
|
+
"@storybook/test": "^8.1.4",
|
|
40
|
+
"@types/react": "^18.2.66",
|
|
41
|
+
"@types/react-dom": "^18.2.22",
|
|
42
|
+
"@typescript-eslint/eslint-plugin": "^7.2.0",
|
|
43
|
+
"@typescript-eslint/parser": "^7.2.0",
|
|
44
|
+
"@vitejs/plugin-react": "^4.2.1",
|
|
45
|
+
"eslint": "^8.57.0",
|
|
46
|
+
"eslint-plugin-react-hooks": "^4.6.0",
|
|
47
|
+
"eslint-plugin-react-refresh": "^0.4.6",
|
|
48
|
+
"eslint-plugin-storybook": "^0.8.0",
|
|
49
|
+
"storybook": "^8.1.4",
|
|
50
|
+
"styled-components": "^6.1.11",
|
|
51
|
+
"typescript": "^5.2.2",
|
|
52
|
+
"vite": "^5.2.0",
|
|
53
|
+
"vite-plugin-dts": "^3.9.1"
|
|
54
|
+
}
|
|
55
|
+
}
|