@axos-web-dev/shared-components 0.0.161 → 0.0.162

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,6 +1,6 @@
1
- const quote_spacer = "_quote_spacer_1mzku_1";
2
- const author = "_author_1mzku_7";
3
- const quote = "_quote_1mzku_1";
1
+ const quote_spacer = "_quote_spacer_1r8g1_1";
2
+ const author = "_author_1r8g1_13";
3
+ const quote = "_quote_1r8g1_1";
4
4
  const css = {
5
5
  quote_spacer,
6
6
  author,
@@ -23,19 +23,6 @@ const PageNavSet = ({ id, pageNavItems }) => {
23
23
  responsive: [
24
24
  {
25
25
  breakpoint: 1023,
26
- settings: {
27
- slidesToShow: 2.5,
28
- slidesToScroll: 4,
29
- swipeToSlide: true,
30
- infinite: true,
31
- centerMode: true,
32
- centerPadding: "140px",
33
- focusOnSelect: true,
34
- variableWidth: false
35
- }
36
- },
37
- {
38
- breakpoint: 735,
39
26
  settings: {
40
27
  slidesToShow: 1,
41
28
  slidesToScroll: 1,
@@ -1,68 +1,68 @@
1
- ._quote_spacer_1mzku_1 {
2
- line-height: 1.35;
3
- margin-block: clamp(1.88rem, 1.99vw + 1.41rem, 3rem);
4
- margin-inline: auto;
5
- }
6
-
7
- ._author_1mzku_7,
8
- ._quote_1mzku_1 {
9
- color: #333d46;
10
- }
11
-
12
- ._author_1mzku_7 {
13
- text-align: right;
14
- margin-top: 18px;
15
- }
16
-
17
- ._author_1mzku_7 cite {
18
- font-style: normal;
19
- }
20
-
21
- ._quote_spacer_1mzku_1 .img_fluid {
22
- margin-right: 24px;
23
- transform: rotateY(180deg) scaleY(-1);
24
- }
25
-
26
- ._quote_spacer_1mzku_1 .flex_row {
27
- align-items: flex-start;
28
- }
29
-
30
- ._quote_1mzku_1 p {
31
- font-size: clamp(1.22rem, 0.92vw + 1rem, 1.74rem);
32
- font-style: italic;
33
- line-height: 1.2;
34
- }
35
-
36
- @media (max-width: 768px) {
37
- ._quote_spacer_1mzku_1 .img_fluid {
38
- max-width: 30px;
39
- margin-right: 12px;
40
- }
41
- ._author_1mzku_7 {
42
- margin-top: 14px;
43
- }
44
- ._quote_1mzku_1 p {
45
- font-size: 18px;
46
- }
47
- ._author_1mzku_7 cite {
48
- font-size: 14px;
49
- }
50
- }
51
-
52
- @media (max-width: 500px) {
53
- ._author_1mzku_7 {
54
- margin-top: 12px;
55
- }
56
- }
57
-
58
- @media (min-width: 604px) {
59
- ._quote_spacer_1mzku_1 {
60
- width: min(calc(100% - 2rem), 792px);
61
- }
62
- }
63
-
64
- @media (min-width: 1023px) {
65
- ._quote_1mzku_1 p {
66
- font-weight: 600;
67
- }
68
- }
1
+ ._quote_spacer_1r8g1_1 {
2
+ line-height: 1.35;
3
+ margin-block: clamp(1.88rem, 1.99vw + 1.41rem, 3rem);
4
+ margin-inline: auto;
5
+ }
6
+
7
+ ._author_1r8g1_13,
8
+ ._quote_1r8g1_1 {
9
+ color: #333d46;
10
+ }
11
+
12
+ ._author_1r8g1_13 {
13
+ text-align: right;
14
+ margin-top: 18px;
15
+ }
16
+
17
+ ._author_1r8g1_13 cite {
18
+ font-style: normal;
19
+ }
20
+
21
+ ._quote_spacer_1r8g1_1 .img_fluid {
22
+ margin-right: 24px;
23
+ transform: rotateY(180deg) scaleY(-1);
24
+ }
25
+
26
+ ._quote_spacer_1r8g1_1 .flex_row {
27
+ align-items: flex-start;
28
+ }
29
+
30
+ ._quote_1r8g1_1 p {
31
+ font-size: clamp(1.22rem, 0.92vw + 1rem, 1.74rem);
32
+ font-style: italic;
33
+ line-height: 1.2;
34
+ }
35
+
36
+ @media (max-width: 768px) {
37
+ ._quote_spacer_1r8g1_1 .img_fluid {
38
+ max-width: 30px;
39
+ margin-right: 12px;
40
+ }
41
+ ._author_1r8g1_13 {
42
+ margin-top: 14px;
43
+ }
44
+ ._quote_1r8g1_1 p {
45
+ font-size: 18px;
46
+ }
47
+ ._author_1r8g1_13 cite {
48
+ font-size: 14px;
49
+ }
50
+ }
51
+
52
+ @media (max-width: 500px) {
53
+ ._author_1r8g1_13 {
54
+ margin-top: 12px;
55
+ }
56
+ }
57
+
58
+ @media (min-width: 604px) {
59
+ ._quote_spacer_1r8g1_1 {
60
+ width: min(calc(100% - 2rem), 792px);
61
+ }
62
+ }
63
+
64
+ @media (min-width: 1023px) {
65
+ ._quote_1r8g1_1 p {
66
+ font-weight: 600;
67
+ }
68
+ }
@@ -65,4 +65,15 @@
65
65
  width: 100%;
66
66
  text-align: center;
67
67
  }
68
+ }
69
+ @media screen and (max-width:1520px) {
70
+ .slick-track:has(:nth-child(6)) ._13qd2mm3 {
71
+ font: 400 16px / 1.5 var(--main-font-family);
72
+ padding: 8px 24px;
73
+ }
74
+ }
75
+ @media (max-width:1200px) and (min-width:1024px) {
76
+ .slick-track:has(:nth-child(6)) ._13qd2mm3 {
77
+ font-size: 12.5px;
78
+ }
68
79
  }
@@ -24,15 +24,18 @@
24
24
  top: 0;
25
25
  z-index: 999;
26
26
  }
27
- @media screen and (max-width:735px) {
27
+ .section_spacer:has(#pageNav) + .section_spacer {
28
+ margin-top: 0px !important;
29
+ }
30
+ @media screen and (max-width:1023px) {
28
31
  .slick-slide + .slick-slide {
29
32
  margin-left: 4px;
30
33
  }
31
34
  .slick-track {
32
- left: -23px !important;
35
+ left: -34px !important;
33
36
  }
34
37
  .slick-slide {
35
- flex: 0 0 214px;
38
+ flex: 0 0 calc(12.5rem + ((1vw - 8px) * 35.8744));
36
39
  }
37
40
  }
38
41
  @media screen and (max-width: 1023px) {
@@ -72,4 +75,19 @@
72
75
  width: auto !important;
73
76
  transform: none !important;
74
77
  }
78
+ }
79
+ @media screen and (max-width:800px) {
80
+ .slick-slide {
81
+ flex: 0 0 224px;
82
+ }
83
+ }
84
+ @media screen and (max-width:645px) {
85
+ .slick-slide {
86
+ flex: 0 0 160px;
87
+ }
88
+ }
89
+ @media screen and (max-width:480px) {
90
+ .slick-slide {
91
+ flex: 0 0 0px;
92
+ }
75
93
  }
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.161",
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.162",
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
+ }