@axos-web-dev/shared-components 0.0.170 → 0.0.172

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.
@@ -1,142 +1,142 @@
1
- @keyframes _appear_e4cra_1 {
2
- 0% {
3
- opacity: 0;
4
- transform: scale(0.9);
5
- }
6
- to {
7
- opacity: 1;
8
- transform: scale(1);
9
- }
10
- }
11
- @keyframes _vanish_e4cra_1 {
12
- 0% {
13
- display: block;
14
- opacity: 1;
15
- transform: scale(1);
16
- }
17
- to {
18
- display: none;
19
- opacity: 0;
20
- transform: scale(0.9);
21
- }
22
- }
23
-
24
- ._overlay_e4cra_24 {
25
- position: fixed;
26
- top: 0;
27
- left: 0;
28
- right: 0;
29
- bottom: 0;
30
- background: rgba(0, 0, 0, 0.4);
31
- display: none;
32
- align-items: center;
33
- justify-content: center;
34
- }
35
-
36
- ._overlay_e4cra_24.active {
37
- display: flex;
38
- }
39
-
40
- ._modal_e4cra_40 {
41
- animation: _vanish_e4cra_1 0.45s ease;
42
- background: #fff;
43
- border-radius: 16px;
44
- box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
45
- position: relative;
46
- transition: transform 0.45s ease;
47
- width: min(calc(100% - 2rem), 800px);
48
- overflow: hidden;
49
- }
50
-
51
- ._modal_e4cra_40.active {
52
- animation: _appear_e4cra_1 0.45s ease;
53
- }
54
-
55
- ._close_button_e4cra_55 {
56
- position: absolute;
57
- background-color: rgba(255, 255, 255, 0.3);
58
- border-radius: 8px;
59
- border: none;
60
- color: #4a5560;
61
- cursor: pointer;
62
- font-size: 1.9rem;
63
- line-height: 1;
64
- right: 1.5rem;
65
- text-align: center;
66
- top: 1.5rem;
67
- width: 32px;
68
- }
69
-
70
- ._modal_content_e4cra_70 {
71
- padding: 16px 24px 24px;
72
- }
73
-
74
- ._img_area_e4cra_74 {
75
- background-position: center center;
76
- background-size: cover;
77
- height: 418px;
78
- }
79
-
80
- body:has(._overlay_e4cra_24.active) {
81
- overflow-y: hidden;
82
- }
83
-
84
- ._body_copy_e4cra_84 {
85
- margin-top: 8px;
86
- }
87
-
88
- ._body_copy_e4cra_84 > * {
89
- color: #333d46;
90
- }
91
-
92
- ._body_copy_e4cra_84 > p {
93
- text-align: center;
94
- font-size: 16px;
95
- line-height: 1.5;
96
- }
97
-
98
- ._btns_e4cra_98 {
99
- display: flex;
100
- align-items: center;
101
- gap: 2rem;
102
- padding-top: 16px;
103
- margin-top: 16px;
104
- width: 100%;
105
- justify-content: center;
106
- }
107
-
108
- ._btns_e4cra_98:empty {
109
- display: none;
110
- }
111
-
112
- ._modal_content_e4cra_70:nth-child(2) h2 {
113
- margin-top: 31px;
114
- }
115
-
116
- @media (max-width: 1023px) {
117
- ._btns_e4cra_98 {
118
- flex-direction: column-reverse;
119
- }
120
- }
121
-
122
- @media (max-width: 832px) {
123
- ._img_area_e4cra_74 {
124
- height: calc(12.25rem + ((1vw - 3.75px) * 48.5777));
125
- }
126
- }
127
-
128
- @media (max-width: 500px) {
129
- ._modal_e4cra_40 {
130
- width: calc(100% - 1rem);
131
- }
132
- ._overlay_e4cra_24.active {
133
- align-items: flex-start;
134
- overflow-y: scroll;
135
- padding-top: 40px;
136
- }
137
- }
138
-
139
- ._white_modal_e4cra_139 {
140
- color: #1e3860;
141
- padding-bottom: 40px;
142
- }
1
+ @keyframes _appear_1ep5z_1 {
2
+ 0% {
3
+ opacity: 0;
4
+ transform: scale(0.9);
5
+ }
6
+ to {
7
+ opacity: 1;
8
+ transform: scale(1);
9
+ }
10
+ }
11
+ @keyframes _vanish_1ep5z_1 {
12
+ 0% {
13
+ display: block;
14
+ opacity: 1;
15
+ transform: scale(1);
16
+ }
17
+ to {
18
+ display: none;
19
+ opacity: 0;
20
+ transform: scale(0.9);
21
+ }
22
+ }
23
+
24
+ ._overlay_1ep5z_47 {
25
+ position: fixed;
26
+ top: 0;
27
+ left: 0;
28
+ right: 0;
29
+ bottom: 0;
30
+ background: rgba(0, 0, 0, 0.4);
31
+ display: none;
32
+ align-items: center;
33
+ justify-content: center;
34
+ }
35
+
36
+ ._overlay_1ep5z_47.active {
37
+ display: flex;
38
+ }
39
+
40
+ ._modal_1ep5z_79 {
41
+ animation: _vanish_1ep5z_1 0.45s ease;
42
+ background: #fff;
43
+ border-radius: 16px;
44
+ box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
45
+ position: relative;
46
+ transition: transform 0.45s ease;
47
+ width: min(calc(100% - 2rem), 800px);
48
+ overflow: hidden;
49
+ }
50
+
51
+ ._modal_1ep5z_79.active {
52
+ animation: _appear_1ep5z_1 0.45s ease;
53
+ }
54
+
55
+ ._close_button_1ep5z_109 {
56
+ position: absolute;
57
+ background-color: rgba(255, 255, 255, 0.3);
58
+ border-radius: 8px;
59
+ border: none;
60
+ color: #4a5560;
61
+ cursor: pointer;
62
+ font-size: 1.9rem;
63
+ line-height: 1;
64
+ right: 1.5rem;
65
+ text-align: center;
66
+ top: 1.5rem;
67
+ width: 32px;
68
+ }
69
+
70
+ ._modal_content_1ep5z_139 {
71
+ padding: 16px 24px 24px;
72
+ }
73
+
74
+ ._img_area_1ep5z_147 {
75
+ background-position: center center;
76
+ background-size: cover;
77
+ height: 418px;
78
+ }
79
+
80
+ body:has(._overlay_1ep5z_47.active) {
81
+ overflow-y: hidden;
82
+ }
83
+
84
+ ._body_copy_1ep5z_167 {
85
+ margin-top: 8px;
86
+ }
87
+
88
+ ._body_copy_1ep5z_167 > * {
89
+ color: #333d46;
90
+ }
91
+
92
+ ._body_copy_1ep5z_167 > p {
93
+ text-align: center;
94
+ font-size: 16px;
95
+ line-height: 1.5;
96
+ }
97
+
98
+ ._btns_1ep5z_195 {
99
+ display: flex;
100
+ align-items: center;
101
+ gap: 2rem;
102
+ padding-top: 16px;
103
+ margin-top: 16px;
104
+ width: 100%;
105
+ justify-content: center;
106
+ }
107
+
108
+ ._btns_1ep5z_195:empty {
109
+ display: none;
110
+ }
111
+
112
+ ._modal_content_1ep5z_139:nth-child(2) h2 {
113
+ margin-top: 31px;
114
+ }
115
+
116
+ @media (max-width: 1023px) {
117
+ ._btns_1ep5z_195 {
118
+ flex-direction: column-reverse;
119
+ }
120
+ }
121
+
122
+ @media (max-width: 832px) {
123
+ ._img_area_1ep5z_147 {
124
+ height: calc(12.25rem + ((1vw - 3.75px) * 48.5777));
125
+ }
126
+ }
127
+
128
+ @media (max-width: 500px) {
129
+ ._modal_1ep5z_79 {
130
+ width: calc(100% - 1rem);
131
+ }
132
+ ._overlay_1ep5z_47.active {
133
+ align-items: flex-start;
134
+ overflow-y: scroll;
135
+ padding-top: 40px;
136
+ }
137
+ }
138
+
139
+ ._white_modal_1ep5z_277 {
140
+ color: #1e3860;
141
+ padding-bottom: 40px;
142
+ }
package/package.json CHANGED
@@ -1,131 +1,131 @@
1
- {
2
- "name": "@axos-web-dev/shared-components",
3
- "description": "Axos shared components library for web.",
4
- "version": "0.0.170",
5
- "type": "module",
6
- "module": "dist/main.js",
7
- "types": "dist/main.d.ts",
8
- "files": [
9
- "dist"
10
- ],
11
- "sideEffects": [
12
- "dist/assets/**/*.css"
13
- ],
14
- "scripts": {
15
- "dev": "vite",
16
- "build": "tsc --p ./tsconfig.build.json && vite build",
17
- "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
18
- "preview": "vite preview",
19
- "prepublishOnly": "npm run build",
20
- "check-types": "tsc --pretty --noEmit",
21
- "check-format": "prettier --check .",
22
- "check-lint": "eslint . --ext ts --ext tsx --ext js",
23
- "format": "prettier --write .",
24
- "test-all": "npm run check-format && npm run check-lint && npm run check-types && npm run build",
25
- "prepare": "husky",
26
- "storybook": "storybook dev -p 6006",
27
- "build-storybook": "storybook build",
28
- "npm:link": "npm run build && npm link"
29
- },
30
- "dependencies": {
31
- "@headlessui/react": "^2.1.10",
32
- "@hookform/resolvers": "^3.9.0",
33
- "@react-input/mask": "^1.2.11",
34
- "@react-input/number-format": "^1.1.1",
35
- "@storybook/icons": "^1.2.12",
36
- "@storybook/preview-api": "^8.3.5",
37
- "@types/iframe-resizer": "3.5.13",
38
- "@vanilla-extract/css": "^1.16.0",
39
- "@vanilla-extract/recipes": "^0.5.1",
40
- "antd": "^5.21.5",
41
- "clsx": "^2.1.1",
42
- "iframe-resizer": "4.3.11",
43
- "lodash": "^4.17.21",
44
- "moment": "^2.30.1",
45
- "react-date-picker": "^11.0.0",
46
- "react-hook-form": "^7.53.1",
47
- "react-date-range": "^2.0.1",
48
- "react-markdown": "^9.0.1",
49
- "react-popper": "^2.3.0",
50
- "react-slick": "^0.30.2",
51
- "react-use": "^17.5.1",
52
- "react-wrap-balancer": "^1.1.1",
53
- "rsuite": "^5.72.0",
54
- "slick-carousel": "^1.8.1",
55
- "typed-css-modules": "^0.9.1",
56
- "vite-plugin-svgr": "^4.2.0",
57
- "zod": "^3.23.8",
58
- "zustand": "^4.5.5"
59
- },
60
- "peerDependencies": {
61
- "@headlessui/react": "^2.1.10",
62
- "@vanilla-extract/css-utils": "^0.1.3",
63
- "@vanilla-extract/recipes": "^0.5.1",
64
- "@vanilla-extract/vite-plugin": "^4.0.3",
65
- "next": "^14.1.4",
66
- "react": "^18.2.0",
67
- "react-date-range": "^2.0.1",
68
- "react-dom": "^18.2.0",
69
- "react-popper": "^2.3.0",
70
- "react-slick": "^0.30.2",
71
- "slick-carousel": "^1.8.1"
72
- },
73
- "devDependencies": {
74
- "@chromatic-com/storybook": "^1.8.0",
75
- "@rollup/plugin-alias": "^5.1.0",
76
- "@storybook/addon-essentials": "^8.2.9",
77
- "@storybook/addon-interactions": "^8.2.9",
78
- "@storybook/addon-links": "^8.2.9",
79
- "@storybook/addon-mdx-gfm": "^8.2.9",
80
- "@storybook/addon-onboarding": "^8.2.9",
81
- "@storybook/addon-themes": "^8.2.9",
82
- "@storybook/blocks": "^8.2.9",
83
- "@storybook/react": "^8.2.9",
84
- "@storybook/react-vite": "^8.2.9",
85
- "@storybook/test": "^8.2.9",
86
- "@svgr/core": "^8.1.0",
87
- "@svgr/plugin-prettier": "^8.1.0",
88
- "@svgr/plugin-svgo": "^8.1.0",
89
- "@types/lodash": "^4.17.10",
90
- "@types/node": "^20.16.10",
91
- "@types/react": "^18.3.11",
92
- "@types/react-date-range": "^1.4.9",
93
- "@types/react-datepicker": "^6.2.0",
94
- "@types/react-dom": "^18.3.0",
95
- "@types/react-slick": "^0.23.13",
96
- "@typescript-eslint/eslint-plugin": "^7.9.0",
97
- "@typescript-eslint/parser": "^7.9.0",
98
- "@vanilla-extract/css-utils": "^0.1.4",
99
- "@vanilla-extract/recipes": "^0.5.5",
100
- "@vanilla-extract/vite-plugin": "^4.0.15",
101
- "@vitejs/plugin-react-swc": "^3.7.0",
102
- "esbuild-vanilla-image-loader": "^0.1.3",
103
- "eslint": "^8.57.0",
104
- "eslint-plugin-react-hooks": "^4.6.2",
105
- "eslint-plugin-react-refresh": "^0.4.7",
106
- "eslint-plugin-storybook": "^0.8.0",
107
- "glob": "^10.4.5",
108
- "husky": "^9.1.6",
109
- "next": "^14.1.4",
110
- "prettier": "3.2.5",
111
- "react": "^18.3.1",
112
- "react-dom": "^18.3.1",
113
- "rollup-plugin-preserve-directives": "^0.4.0",
114
- "rollup-plugin-svg-import": "^3.0.0",
115
- "rollup-plugin-svgo": "^2.0.0",
116
- "storybook": "^8.2.9",
117
- "typescript": "^5.6.2",
118
- "typescript-plugin-css-modules": "^5.1.0",
119
- "vite": "^5.4.9",
120
- "vite-plugin-dts": "^3.9.1",
121
- "vite-plugin-lib-inject-css": "^2.1.1",
122
- "vite-plugin-setting-css-module": "^1.1.4",
123
- "vite-tsconfig-paths": "^4.3.2"
124
- },
125
- "main": "index.js",
126
- "directories": {
127
- "lib": "lib"
128
- },
129
- "author": "axos-web-dev",
130
- "license": "ISC"
131
- }
1
+ {
2
+ "name": "@axos-web-dev/shared-components",
3
+ "description": "Axos shared components library for web.",
4
+ "version": "0.0.172",
5
+ "type": "module",
6
+ "module": "dist/main.js",
7
+ "types": "dist/main.d.ts",
8
+ "files": [
9
+ "dist"
10
+ ],
11
+ "sideEffects": [
12
+ "dist/assets/**/*.css"
13
+ ],
14
+ "scripts": {
15
+ "dev": "vite",
16
+ "build": "tsc --p ./tsconfig.build.json && vite build",
17
+ "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
18
+ "preview": "vite preview",
19
+ "prepublishOnly": "npm run build",
20
+ "check-types": "tsc --pretty --noEmit",
21
+ "check-format": "prettier --check .",
22
+ "check-lint": "eslint . --ext ts --ext tsx --ext js",
23
+ "format": "prettier --write .",
24
+ "test-all": "npm run check-format && npm run check-lint && npm run check-types && npm run build",
25
+ "prepare": "husky",
26
+ "storybook": "storybook dev -p 6006",
27
+ "build-storybook": "storybook build",
28
+ "npm:link": "npm run build && npm link"
29
+ },
30
+ "dependencies": {
31
+ "@headlessui/react": "^2.1.10",
32
+ "@hookform/resolvers": "^3.9.0",
33
+ "@react-input/mask": "^1.2.11",
34
+ "@react-input/number-format": "^1.1.1",
35
+ "@storybook/icons": "^1.2.12",
36
+ "@storybook/preview-api": "^8.3.5",
37
+ "@types/iframe-resizer": "3.5.13",
38
+ "@vanilla-extract/css": "^1.16.0",
39
+ "@vanilla-extract/recipes": "^0.5.1",
40
+ "antd": "^5.21.5",
41
+ "clsx": "^2.1.1",
42
+ "iframe-resizer": "4.3.11",
43
+ "lodash": "^4.17.21",
44
+ "moment": "^2.30.1",
45
+ "react-date-picker": "^11.0.0",
46
+ "react-hook-form": "^7.53.1",
47
+ "react-date-range": "^2.0.1",
48
+ "react-markdown": "^9.0.1",
49
+ "react-popper": "^2.3.0",
50
+ "react-slick": "^0.30.2",
51
+ "react-use": "^17.5.1",
52
+ "react-wrap-balancer": "^1.1.1",
53
+ "rsuite": "^5.72.0",
54
+ "slick-carousel": "^1.8.1",
55
+ "typed-css-modules": "^0.9.1",
56
+ "vite-plugin-svgr": "^4.2.0",
57
+ "zod": "^3.23.8",
58
+ "zustand": "^4.5.5"
59
+ },
60
+ "peerDependencies": {
61
+ "@headlessui/react": "^2.1.10",
62
+ "@vanilla-extract/css-utils": "^0.1.3",
63
+ "@vanilla-extract/recipes": "^0.5.1",
64
+ "@vanilla-extract/vite-plugin": "^4.0.3",
65
+ "next": "^14.1.4",
66
+ "react": "^18.2.0",
67
+ "react-date-range": "^2.0.1",
68
+ "react-dom": "^18.2.0",
69
+ "react-popper": "^2.3.0",
70
+ "react-slick": "^0.30.2",
71
+ "slick-carousel": "^1.8.1"
72
+ },
73
+ "devDependencies": {
74
+ "@chromatic-com/storybook": "^1.8.0",
75
+ "@rollup/plugin-alias": "^5.1.0",
76
+ "@storybook/addon-essentials": "^8.2.9",
77
+ "@storybook/addon-interactions": "^8.2.9",
78
+ "@storybook/addon-links": "^8.2.9",
79
+ "@storybook/addon-mdx-gfm": "^8.2.9",
80
+ "@storybook/addon-onboarding": "^8.2.9",
81
+ "@storybook/addon-themes": "^8.2.9",
82
+ "@storybook/blocks": "^8.2.9",
83
+ "@storybook/react": "^8.2.9",
84
+ "@storybook/react-vite": "^8.2.9",
85
+ "@storybook/test": "^8.2.9",
86
+ "@svgr/core": "^8.1.0",
87
+ "@svgr/plugin-prettier": "^8.1.0",
88
+ "@svgr/plugin-svgo": "^8.1.0",
89
+ "@types/lodash": "^4.17.10",
90
+ "@types/node": "^20.16.10",
91
+ "@types/react": "^18.3.11",
92
+ "@types/react-date-range": "^1.4.9",
93
+ "@types/react-datepicker": "^6.2.0",
94
+ "@types/react-dom": "^18.3.0",
95
+ "@types/react-slick": "^0.23.13",
96
+ "@typescript-eslint/eslint-plugin": "^7.9.0",
97
+ "@typescript-eslint/parser": "^7.9.0",
98
+ "@vanilla-extract/css-utils": "^0.1.4",
99
+ "@vanilla-extract/recipes": "^0.5.5",
100
+ "@vanilla-extract/vite-plugin": "^4.0.15",
101
+ "@vitejs/plugin-react-swc": "^3.7.0",
102
+ "esbuild-vanilla-image-loader": "^0.1.3",
103
+ "eslint": "^8.57.0",
104
+ "eslint-plugin-react-hooks": "^4.6.2",
105
+ "eslint-plugin-react-refresh": "^0.4.7",
106
+ "eslint-plugin-storybook": "^0.8.0",
107
+ "glob": "^10.4.5",
108
+ "husky": "^9.1.6",
109
+ "next": "^14.1.4",
110
+ "prettier": "3.2.5",
111
+ "react": "^18.3.1",
112
+ "react-dom": "^18.3.1",
113
+ "rollup-plugin-preserve-directives": "^0.4.0",
114
+ "rollup-plugin-svg-import": "^3.0.0",
115
+ "rollup-plugin-svgo": "^2.0.0",
116
+ "storybook": "^8.2.9",
117
+ "typescript": "^5.6.2",
118
+ "typescript-plugin-css-modules": "^5.1.0",
119
+ "vite": "^5.4.9",
120
+ "vite-plugin-dts": "^3.9.1",
121
+ "vite-plugin-lib-inject-css": "^2.1.1",
122
+ "vite-plugin-setting-css-module": "^1.1.4",
123
+ "vite-tsconfig-paths": "^4.3.2"
124
+ },
125
+ "main": "index.js",
126
+ "directories": {
127
+ "lib": "lib"
128
+ },
129
+ "author": "axos-web-dev",
130
+ "license": "ISC"
131
+ }