@smg-automotive/components 27.3.2-components-cleanup.1 → 27.3.2-components-cleanup.2
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/package.json +4 -36
- package/dist/cjs/page-layout.js +0 -23
- package/dist/cjs/page-layout.js.map +0 -1
- package/dist/page-layout.d.mts +0 -96
- package/dist/page-layout.d.ts +0 -96
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@smg-automotive/components",
|
|
3
|
-
"version": "27.3.2-components-cleanup.
|
|
3
|
+
"version": "27.3.2-components-cleanup.2",
|
|
4
4
|
"description": "SMG Automotive components library",
|
|
5
5
|
"exports": {
|
|
6
6
|
".": {
|
|
@@ -21,12 +21,6 @@
|
|
|
21
21
|
"require": "./dist/fonts/cjs/Hosted.js",
|
|
22
22
|
"default": "./dist/fonts/esm/Hosted.js"
|
|
23
23
|
},
|
|
24
|
-
"./page-layout": {
|
|
25
|
-
"types": "./dist/page-layout.d.ts",
|
|
26
|
-
"import": "./dist/esm/components/layout/Page.js",
|
|
27
|
-
"require": "./dist/cjs/page-layout.js",
|
|
28
|
-
"default": "./dist/esm/components/layout/Page.js"
|
|
29
|
-
},
|
|
30
24
|
"./theme-provider": {
|
|
31
25
|
"types": "./dist/theme-provider.d.ts",
|
|
32
26
|
"import": "./dist/esm/themeProvider.js",
|
|
@@ -193,8 +187,8 @@
|
|
|
193
187
|
"unist-util-visit": "5.1.0",
|
|
194
188
|
"webpack": "5.106.2",
|
|
195
189
|
"@smg-automotive/auth": "0.0.0-development",
|
|
196
|
-
"@smg-automotive/
|
|
197
|
-
"@smg-automotive/
|
|
190
|
+
"@smg-automotive/eslint-config": "6.0.3",
|
|
191
|
+
"@smg-automotive/tools": "0.0.0-development"
|
|
198
192
|
},
|
|
199
193
|
"dependencies": {
|
|
200
194
|
"@chakra-ui/cli": "3.36.0",
|
|
@@ -234,31 +228,5 @@
|
|
|
234
228
|
"release": "semantic-release"
|
|
235
229
|
},
|
|
236
230
|
"main": "dist/cjs/index.js",
|
|
237
|
-
"module": "dist/esm/index.js"
|
|
238
|
-
"types": "dist/index.d.ts",
|
|
239
|
-
"typesVersions": {
|
|
240
|
-
"*": {
|
|
241
|
-
"breakpoints": [
|
|
242
|
-
"dist/breakpoints.d.ts"
|
|
243
|
-
],
|
|
244
|
-
"fonts/hosted": [
|
|
245
|
-
"dist/fonts/esm/types/Hosted"
|
|
246
|
-
],
|
|
247
|
-
"page-layout": [
|
|
248
|
-
"dist/page-layout.d.ts"
|
|
249
|
-
],
|
|
250
|
-
"theme-provider": [
|
|
251
|
-
"dist/theme-provider.d.ts"
|
|
252
|
-
],
|
|
253
|
-
"theme-provider/autoscout24": [
|
|
254
|
-
"dist/theme-provider/autoscout24.d.ts"
|
|
255
|
-
],
|
|
256
|
-
"theme-provider/motoscout24": [
|
|
257
|
-
"dist/theme-provider/motoscout24.d.ts"
|
|
258
|
-
],
|
|
259
|
-
"themes": [
|
|
260
|
-
"dist/themes.d.ts"
|
|
261
|
-
]
|
|
262
|
-
}
|
|
263
|
-
}
|
|
231
|
+
"module": "dist/esm/index.js"
|
|
264
232
|
}
|
package/dist/cjs/page-layout.js
DELETED
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
4
|
-
var react = require('@chakra-ui/react');
|
|
5
|
-
|
|
6
|
-
const Separator = react.Separator;
|
|
7
|
-
Separator.displayName = 'Separator';
|
|
8
|
-
|
|
9
|
-
const Flex = ({ children, ...rest }) => (jsxRuntime.jsx(react.Flex, { ...rest, children: children }));
|
|
10
|
-
|
|
11
|
-
const BaseLayout = ({ header, footer, skyScraperAd, heroAd, maxContentWidth, children, }) => {
|
|
12
|
-
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [header ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [header, jsxRuntime.jsx(Separator, {})] })) : null, heroAd ? heroAd : null, jsxRuntime.jsxs(Flex, { justifyContent: "center", children: [jsxRuntime.jsx(react.Container, { as: "main", width: "full", height: "full", maxWidth: `container.${maxContentWidth}`, marginX: { base: 'lg', md: '2xl' }, paddingBottom: { base: '5xl', md: '6xl' }, paddingTop: "2xl", children: children }), skyScraperAd ? (jsxRuntime.jsx(react.chakra.aside, { display: { '2xs': 'none', lg: 'block' }, css: {
|
|
13
|
-
lg: { '--width': '300px' },
|
|
14
|
-
xl: { '--width': '500px' },
|
|
15
|
-
}, width: "var(--width)", minWidth: "var(--width)", marginRight: "2xl", position: "relative", paddingBottom: { md: '5xl', base: '3xl' }, paddingTop: { '2xs': 'md', md: '2xl' }, children: skyScraperAd })) : null] }), jsxRuntime.jsx("div", { children: footer ? footer : null })] }));
|
|
16
|
-
};
|
|
17
|
-
|
|
18
|
-
const PageLayout = ({ header, maxContentWidth, skyScraperAd, footer, heroAd, children, }) => {
|
|
19
|
-
return (jsxRuntime.jsx(BaseLayout, { header: header, footer: footer, skyScraperAd: skyScraperAd, heroAd: heroAd, maxContentWidth: maxContentWidth, children: children }));
|
|
20
|
-
};
|
|
21
|
-
|
|
22
|
-
exports.PageLayout = PageLayout;
|
|
23
|
-
//# sourceMappingURL=page-layout.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"page-layout.js","sources":["../../../src/components/separator/index.tsx","../../../src/components/flex/index.tsx","../../../src/components/layout/BaseLayout.tsx","../../../src/components/layout/Page.tsx"],"sourcesContent":[null,null,null,null],"names":["ChakraSeparator","_jsx","ChakraFlex","_jsxs","_Fragment","Container","chakra"],"mappings":";;;;;AAKA,MAAM,SAAS,GAAGA,eAAe;AACjC,SAAS,CAAC,WAAW,GAAG,WAAW;;ACG5B,MAAM,IAAI,GAAkB,CAAC,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,MACvDC,cAAA,CAACC,UAAU,EAAA,EAAA,GAAK,IAAI,EAAA,QAAA,EAAG,QAAQ,EAAA,CAAc,CAC9C;;ACOM,MAAM,UAAU,GAA2C,CAAC,EACjE,MAAM,EACN,MAAM,EACN,YAAY,EACZ,MAAM,EACN,eAAe,EACf,QAAQ,GACT,KAAI;IACH,QACEC,eAAA,CAAAC,mBAAA,EAAA,EAAA,QAAA,EAAA,CACG,MAAM,IACLD,eAAA,CAAAC,mBAAA,EAAA,EAAA,QAAA,EAAA,CACG,MAAM,EACPH,cAAA,CAAC,SAAS,KAAG,CAAA,EAAA,CACZ,IACD,IAAI,EACP,MAAM,GAAG,MAAM,GAAG,IAAI,EACvBE,eAAA,CAAC,IAAI,EAAA,EAAC,cAAc,EAAC,QAAQ,EAAA,QAAA,EAAA,CAC3BF,cAAA,CAACI,eAAS,EAAA,EACR,EAAE,EAAC,MAAM,EACT,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM,EACb,QAAQ,EAAE,CAAA,UAAA,EAAa,eAAe,EAAE,EACxC,OAAO,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,EAClC,aAAa,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,EACzC,UAAU,EAAC,KAAK,YAEf,QAAQ,EAAA,CACC,EACX,YAAY,IACXJ,cAAA,CAACK,YAAM,CAAC,KAAK,EAAA,EACX,OAAO,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,OAAO,EAAE,EACvC,GAAG,EAAE;AACH,4BAAA,EAAE,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE;AAC1B,4BAAA,EAAE,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE;AAC3B,yBAAA,EACD,KAAK,EAAC,cAAc,EACpB,QAAQ,EAAC,cAAc,EACvB,WAAW,EAAC,KAAK,EACjB,QAAQ,EAAC,UAAU,EACnB,aAAa,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,EACzC,UAAU,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,EAAA,QAAA,EAErC,YAAY,EAAA,CACA,IACb,IAAI,CAAA,EAAA,CACH,EACPL,cAAA,CAAA,KAAA,EAAA,EAAA,QAAA,EAAM,MAAM,GAAG,MAAM,GAAG,IAAI,EAAA,CAAO,CAAA,EAAA,CAClC;AAEP,CAAC;;ACtDM,MAAM,UAAU,GAAiC,CAAC,EACvD,MAAM,EACN,eAAe,EACf,YAAY,EACZ,MAAM,EACN,MAAM,EACN,QAAQ,GACT,KAAI;IACH,QACEA,cAAA,CAAC,UAAU,EAAA,EACT,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,YAAY,EAC1B,MAAM,EAAE,MAAM,EACd,eAAe,EAAE,eAAe,EAAA,QAAA,EAE/B,QAAQ,EAAA,CACE;AAEjB;;;;"}
|
package/dist/page-layout.d.mts
DELETED
|
@@ -1,96 +0,0 @@
|
|
|
1
|
-
import { FC, PropsWithChildren, ReactNode } from 'react';
|
|
2
|
-
|
|
3
|
-
declare const sizes: {
|
|
4
|
-
0: {
|
|
5
|
-
value: string;
|
|
6
|
-
};
|
|
7
|
-
auto: {
|
|
8
|
-
value: string;
|
|
9
|
-
};
|
|
10
|
-
xxs: {
|
|
11
|
-
value: string;
|
|
12
|
-
};
|
|
13
|
-
xs: {
|
|
14
|
-
value: string;
|
|
15
|
-
};
|
|
16
|
-
sm: {
|
|
17
|
-
value: string;
|
|
18
|
-
};
|
|
19
|
-
md: {
|
|
20
|
-
value: string;
|
|
21
|
-
};
|
|
22
|
-
lg: {
|
|
23
|
-
value: string;
|
|
24
|
-
};
|
|
25
|
-
xl: {
|
|
26
|
-
value: string;
|
|
27
|
-
};
|
|
28
|
-
'2xl': {
|
|
29
|
-
value: string;
|
|
30
|
-
};
|
|
31
|
-
'3xl': {
|
|
32
|
-
value: string;
|
|
33
|
-
};
|
|
34
|
-
'4xl': {
|
|
35
|
-
value: string;
|
|
36
|
-
};
|
|
37
|
-
'5xl': {
|
|
38
|
-
value: string;
|
|
39
|
-
};
|
|
40
|
-
'6xl': {
|
|
41
|
-
value: string;
|
|
42
|
-
};
|
|
43
|
-
'7xl': {
|
|
44
|
-
value: string;
|
|
45
|
-
};
|
|
46
|
-
'8xl': {
|
|
47
|
-
value: string;
|
|
48
|
-
};
|
|
49
|
-
half: {
|
|
50
|
-
value: string;
|
|
51
|
-
};
|
|
52
|
-
full: {
|
|
53
|
-
value: string;
|
|
54
|
-
};
|
|
55
|
-
fit: {
|
|
56
|
-
value: string;
|
|
57
|
-
};
|
|
58
|
-
container: {
|
|
59
|
-
sm: {
|
|
60
|
-
value: string;
|
|
61
|
-
};
|
|
62
|
-
md: {
|
|
63
|
-
value: string;
|
|
64
|
-
};
|
|
65
|
-
lg: {
|
|
66
|
-
value: string;
|
|
67
|
-
};
|
|
68
|
-
xl: {
|
|
69
|
-
value: string;
|
|
70
|
-
};
|
|
71
|
-
'2xl': {
|
|
72
|
-
value: string;
|
|
73
|
-
};
|
|
74
|
-
};
|
|
75
|
-
'auth0-width': {
|
|
76
|
-
value: string;
|
|
77
|
-
};
|
|
78
|
-
'auth0-height': {
|
|
79
|
-
value: string;
|
|
80
|
-
};
|
|
81
|
-
'screen-height': {
|
|
82
|
-
value: string;
|
|
83
|
-
};
|
|
84
|
-
};
|
|
85
|
-
|
|
86
|
-
interface Props {
|
|
87
|
-
header?: ReactNode;
|
|
88
|
-
maxContentWidth: keyof typeof sizes.container;
|
|
89
|
-
skyScraperAd?: ReactNode;
|
|
90
|
-
heroAd?: ReactNode;
|
|
91
|
-
footer?: ReactNode;
|
|
92
|
-
}
|
|
93
|
-
declare const PageLayout: FC<PropsWithChildren<Props>>;
|
|
94
|
-
|
|
95
|
-
export { PageLayout };
|
|
96
|
-
export type { Props };
|
package/dist/page-layout.d.ts
DELETED
|
@@ -1,96 +0,0 @@
|
|
|
1
|
-
import { FC, PropsWithChildren, ReactNode } from 'react';
|
|
2
|
-
|
|
3
|
-
declare const sizes: {
|
|
4
|
-
0: {
|
|
5
|
-
value: string;
|
|
6
|
-
};
|
|
7
|
-
auto: {
|
|
8
|
-
value: string;
|
|
9
|
-
};
|
|
10
|
-
xxs: {
|
|
11
|
-
value: string;
|
|
12
|
-
};
|
|
13
|
-
xs: {
|
|
14
|
-
value: string;
|
|
15
|
-
};
|
|
16
|
-
sm: {
|
|
17
|
-
value: string;
|
|
18
|
-
};
|
|
19
|
-
md: {
|
|
20
|
-
value: string;
|
|
21
|
-
};
|
|
22
|
-
lg: {
|
|
23
|
-
value: string;
|
|
24
|
-
};
|
|
25
|
-
xl: {
|
|
26
|
-
value: string;
|
|
27
|
-
};
|
|
28
|
-
'2xl': {
|
|
29
|
-
value: string;
|
|
30
|
-
};
|
|
31
|
-
'3xl': {
|
|
32
|
-
value: string;
|
|
33
|
-
};
|
|
34
|
-
'4xl': {
|
|
35
|
-
value: string;
|
|
36
|
-
};
|
|
37
|
-
'5xl': {
|
|
38
|
-
value: string;
|
|
39
|
-
};
|
|
40
|
-
'6xl': {
|
|
41
|
-
value: string;
|
|
42
|
-
};
|
|
43
|
-
'7xl': {
|
|
44
|
-
value: string;
|
|
45
|
-
};
|
|
46
|
-
'8xl': {
|
|
47
|
-
value: string;
|
|
48
|
-
};
|
|
49
|
-
half: {
|
|
50
|
-
value: string;
|
|
51
|
-
};
|
|
52
|
-
full: {
|
|
53
|
-
value: string;
|
|
54
|
-
};
|
|
55
|
-
fit: {
|
|
56
|
-
value: string;
|
|
57
|
-
};
|
|
58
|
-
container: {
|
|
59
|
-
sm: {
|
|
60
|
-
value: string;
|
|
61
|
-
};
|
|
62
|
-
md: {
|
|
63
|
-
value: string;
|
|
64
|
-
};
|
|
65
|
-
lg: {
|
|
66
|
-
value: string;
|
|
67
|
-
};
|
|
68
|
-
xl: {
|
|
69
|
-
value: string;
|
|
70
|
-
};
|
|
71
|
-
'2xl': {
|
|
72
|
-
value: string;
|
|
73
|
-
};
|
|
74
|
-
};
|
|
75
|
-
'auth0-width': {
|
|
76
|
-
value: string;
|
|
77
|
-
};
|
|
78
|
-
'auth0-height': {
|
|
79
|
-
value: string;
|
|
80
|
-
};
|
|
81
|
-
'screen-height': {
|
|
82
|
-
value: string;
|
|
83
|
-
};
|
|
84
|
-
};
|
|
85
|
-
|
|
86
|
-
interface Props {
|
|
87
|
-
header?: ReactNode;
|
|
88
|
-
maxContentWidth: keyof typeof sizes.container;
|
|
89
|
-
skyScraperAd?: ReactNode;
|
|
90
|
-
heroAd?: ReactNode;
|
|
91
|
-
footer?: ReactNode;
|
|
92
|
-
}
|
|
93
|
-
declare const PageLayout: FC<PropsWithChildren<Props>>;
|
|
94
|
-
|
|
95
|
-
export { PageLayout };
|
|
96
|
-
export type { Props };
|