phx-react 1.3.1119 → 1.3.1120
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/dist/cjs/components/TwoColumnLayout/TwoColumnLayout.d.ts +2 -0
- package/dist/cjs/components/TwoColumnLayout/TwoColumnLayout.js +21 -2
- package/dist/cjs/components/TwoColumnLayout/TwoColumnLayout.js.map +1 -1
- package/dist/esm/components/TwoColumnLayout/TwoColumnLayout.d.ts +2 -0
- package/dist/esm/components/TwoColumnLayout/TwoColumnLayout.js +21 -2
- package/dist/esm/components/TwoColumnLayout/TwoColumnLayout.js.map +1 -1
- package/package.json +1 -1
|
@@ -13,6 +13,8 @@ export interface TwoColumnLayoutProps {
|
|
|
13
13
|
className?: string;
|
|
14
14
|
responsive: {
|
|
15
15
|
gap?: GapSize;
|
|
16
|
+
gapX?: GapSize;
|
|
17
|
+
gapY?: GapSize;
|
|
16
18
|
} & Partial<Record<Breakpoint, ResponsiveConfig>>;
|
|
17
19
|
}
|
|
18
20
|
export declare const PHXTwoColumnLayout: ({ className, left, responsive, right }: TwoColumnLayoutProps) => React.JSX.Element;
|
|
@@ -19,9 +19,25 @@ var gapClasses = {
|
|
|
19
19
|
8: 'gap-8',
|
|
20
20
|
12: 'gap-12'
|
|
21
21
|
};
|
|
22
|
+
var gapXClasses = {
|
|
23
|
+
2: 'gap-x-2',
|
|
24
|
+
3: 'gap-x-3',
|
|
25
|
+
4: 'gap-x-4',
|
|
26
|
+
6: 'gap-x-6',
|
|
27
|
+
8: 'gap-x-8',
|
|
28
|
+
12: 'gap-x-12'
|
|
29
|
+
};
|
|
30
|
+
var gapYClasses = {
|
|
31
|
+
2: 'gap-y-2',
|
|
32
|
+
3: 'gap-y-3',
|
|
33
|
+
4: 'gap-y-4',
|
|
34
|
+
6: 'gap-y-6',
|
|
35
|
+
8: 'gap-y-8',
|
|
36
|
+
12: 'gap-y-12'
|
|
37
|
+
};
|
|
22
38
|
var PHXTwoColumnLayout = function (_a) {
|
|
23
39
|
var _b = _a.className, className = _b === void 0 ? '' : _b, left = _a.left, responsive = _a.responsive, right = _a.right;
|
|
24
|
-
var _c = responsive.gap, gap = _c === void 0 ? 4 : _c, bpConfigs = tslib_1.__rest(responsive, ["gap"]);
|
|
40
|
+
var _c = responsive.gap, gap = _c === void 0 ? 4 : _c, gapX = responsive.gapX, gapY = responsive.gapY, bpConfigs = tslib_1.__rest(responsive, ["gap", "gapX", "gapY"]);
|
|
25
41
|
var bpClasses = [];
|
|
26
42
|
var leftClasses = [];
|
|
27
43
|
var rightClasses = [];
|
|
@@ -37,7 +53,10 @@ var PHXTwoColumnLayout = function (_a) {
|
|
|
37
53
|
if (conf.rightSpan)
|
|
38
54
|
rightClasses.push("".concat(bp, ":col-span-").concat(conf.rightSpan));
|
|
39
55
|
}
|
|
40
|
-
return (react_1["default"].createElement("div", { className: classNames.apply(void 0, tslib_1.__spreadArray(tslib_1.__spreadArray(['grid grid-cols-1',
|
|
56
|
+
return (react_1["default"].createElement("div", { className: classNames.apply(void 0, tslib_1.__spreadArray(tslib_1.__spreadArray(['grid grid-cols-1',
|
|
57
|
+
gapClasses[gap],
|
|
58
|
+
gapX && gapXClasses[gapX],
|
|
59
|
+
gapY && gapYClasses[gapY]], bpClasses, false), [className], false)) },
|
|
41
60
|
react_1["default"].createElement("div", { className: classNames.apply(void 0, leftClasses) }, left),
|
|
42
61
|
react_1["default"].createElement("div", { className: classNames.apply(void 0, rightClasses) }, right)));
|
|
43
62
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TwoColumnLayout.js","sourceRoot":"","sources":["../../../../src/components/TwoColumnLayout/TwoColumnLayout.tsx"],"names":[],"mappings":";;;;AAAA,wDAAyB;AAEzB,SAAgB,UAAU;IAAC,iBAAoD;SAApD,UAAoD,EAApD,qBAAoD,EAApD,IAAoD;QAApD,4BAAoD;;IAC7E,OAAO,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;AAC1C,CAAC;AAFD,gCAEC;
|
|
1
|
+
{"version":3,"file":"TwoColumnLayout.js","sourceRoot":"","sources":["../../../../src/components/TwoColumnLayout/TwoColumnLayout.tsx"],"names":[],"mappings":";;;;AAAA,wDAAyB;AAEzB,SAAgB,UAAU;IAAC,iBAAoD;SAApD,UAAoD,EAApD,qBAAoD,EAApD,IAAoD;QAApD,4BAAoD;;IAC7E,OAAO,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;AAC1C,CAAC;AAFD,gCAEC;AAsBD,IAAM,UAAU,GAA4B;IAC1C,CAAC,EAAE,OAAO;IACV,CAAC,EAAE,OAAO;IACV,CAAC,EAAE,OAAO;IACV,CAAC,EAAE,OAAO;IACV,CAAC,EAAE,OAAO;IACV,EAAE,EAAE,QAAQ;CACb,CAAA;AAED,IAAM,WAAW,GAA4B;IAC3C,CAAC,EAAE,SAAS;IACZ,CAAC,EAAE,SAAS;IACZ,CAAC,EAAE,SAAS;IACZ,CAAC,EAAE,SAAS;IACZ,CAAC,EAAE,SAAS;IACZ,EAAE,EAAE,UAAU;CACf,CAAA;AAED,IAAM,WAAW,GAA4B;IAC3C,CAAC,EAAE,SAAS;IACZ,CAAC,EAAE,SAAS;IACZ,CAAC,EAAE,SAAS;IACZ,CAAC,EAAE,SAAS;IACZ,CAAC,EAAE,SAAS;IACZ,EAAE,EAAE,UAAU;CACf,CAAA;AAEM,IAAM,kBAAkB,GAAG,UAAC,EAAiE;QAA/D,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EAAE,IAAI,UAAA,EAAE,UAAU,gBAAA,EAAE,KAAK,WAAA;IAClE,IAAA,KAAsC,UAAU,IAAzC,EAAP,GAAG,mBAAG,CAAC,KAAA,EAAE,IAAI,GAAyB,UAAU,KAAnC,EAAE,IAAI,GAAmB,UAAU,KAA7B,EAAK,SAAS,kBAAK,UAAU,EAAlD,uBAAqC,CAAF,CAAe;IAExD,IAAM,SAAS,GAAkB,EAAE,CAAA;IACnC,IAAM,WAAW,GAAkB,EAAE,CAAA;IACrC,IAAM,YAAY,GAAkB,EAAE,CAAA;IAEtC,KAAiB,UAA2C,EAA3C,KAAA,MAAM,CAAC,IAAI,CAAC,SAAS,CAAsB,EAA3C,cAA2C,EAA3C,IAA2C,EAAE;QAAzD,IAAM,EAAE,SAAA;QACX,IAAM,IAAI,GAAG,SAAS,CAAC,EAAE,CAAC,CAAA;QAC1B,IAAI,CAAC,IAAI;YAAE,SAAQ;QAEnB,IAAI,IAAI,CAAC,IAAI;YAAE,SAAS,CAAC,IAAI,CAAC,UAAG,EAAE,wBAAc,IAAI,CAAC,IAAI,CAAE,CAAC,CAAA;QAC7D,IAAI,IAAI,CAAC,QAAQ;YAAE,WAAW,CAAC,IAAI,CAAC,UAAG,EAAE,uBAAa,IAAI,CAAC,QAAQ,CAAE,CAAC,CAAA;QACtE,IAAI,IAAI,CAAC,SAAS;YAAE,YAAY,CAAC,IAAI,CAAC,UAAG,EAAE,uBAAa,IAAI,CAAC,SAAS,CAAE,CAAC,CAAA;KAC1E;IAED,OAAO,CACL,0CACE,SAAS,EAAE,UAAU,4DACnB,kBAAkB;YAClB,UAAU,CAAC,GAAG,CAAC;YACf,IAAI,IAAI,WAAW,CAAC,IAAI,CAAC;YACzB,IAAI,IAAI,WAAW,CAAC,IAAI,CAAC,GACtB,SAAS,WACZ,SAAS;QAGX,0CAAK,SAAS,EAAE,UAAU,eAAI,WAAW,KAAI,IAAI,CAAO;QACxD,0CAAK,SAAS,EAAE,UAAU,eAAI,YAAY,KAAI,KAAK,CAAO,CACtD,CACP,CAAA;AACH,CAAC,CAAA;AA/BY,QAAA,kBAAkB,sBA+B9B"}
|
|
@@ -13,6 +13,8 @@ export interface TwoColumnLayoutProps {
|
|
|
13
13
|
className?: string;
|
|
14
14
|
responsive: {
|
|
15
15
|
gap?: GapSize;
|
|
16
|
+
gapX?: GapSize;
|
|
17
|
+
gapY?: GapSize;
|
|
16
18
|
} & Partial<Record<Breakpoint, ResponsiveConfig>>;
|
|
17
19
|
}
|
|
18
20
|
export declare const PHXTwoColumnLayout: ({ className, left, responsive, right }: TwoColumnLayoutProps) => React.JSX.Element;
|
|
@@ -15,9 +15,25 @@ var gapClasses = {
|
|
|
15
15
|
8: 'gap-8',
|
|
16
16
|
12: 'gap-12'
|
|
17
17
|
};
|
|
18
|
+
var gapXClasses = {
|
|
19
|
+
2: 'gap-x-2',
|
|
20
|
+
3: 'gap-x-3',
|
|
21
|
+
4: 'gap-x-4',
|
|
22
|
+
6: 'gap-x-6',
|
|
23
|
+
8: 'gap-x-8',
|
|
24
|
+
12: 'gap-x-12'
|
|
25
|
+
};
|
|
26
|
+
var gapYClasses = {
|
|
27
|
+
2: 'gap-y-2',
|
|
28
|
+
3: 'gap-y-3',
|
|
29
|
+
4: 'gap-y-4',
|
|
30
|
+
6: 'gap-y-6',
|
|
31
|
+
8: 'gap-y-8',
|
|
32
|
+
12: 'gap-y-12'
|
|
33
|
+
};
|
|
18
34
|
export var PHXTwoColumnLayout = function (_a) {
|
|
19
35
|
var _b = _a.className, className = _b === void 0 ? '' : _b, left = _a.left, responsive = _a.responsive, right = _a.right;
|
|
20
|
-
var _c = responsive.gap, gap = _c === void 0 ? 4 : _c, bpConfigs = __rest(responsive, ["gap"]);
|
|
36
|
+
var _c = responsive.gap, gap = _c === void 0 ? 4 : _c, gapX = responsive.gapX, gapY = responsive.gapY, bpConfigs = __rest(responsive, ["gap", "gapX", "gapY"]);
|
|
21
37
|
var bpClasses = [];
|
|
22
38
|
var leftClasses = [];
|
|
23
39
|
var rightClasses = [];
|
|
@@ -33,7 +49,10 @@ export var PHXTwoColumnLayout = function (_a) {
|
|
|
33
49
|
if (conf.rightSpan)
|
|
34
50
|
rightClasses.push("".concat(bp, ":col-span-").concat(conf.rightSpan));
|
|
35
51
|
}
|
|
36
|
-
return (React.createElement("div", { className: classNames.apply(void 0, __spreadArray(__spreadArray(['grid grid-cols-1',
|
|
52
|
+
return (React.createElement("div", { className: classNames.apply(void 0, __spreadArray(__spreadArray(['grid grid-cols-1',
|
|
53
|
+
gapClasses[gap],
|
|
54
|
+
gapX && gapXClasses[gapX],
|
|
55
|
+
gapY && gapYClasses[gapY]], bpClasses, false), [className], false)) },
|
|
37
56
|
React.createElement("div", { className: classNames.apply(void 0, leftClasses) }, left),
|
|
38
57
|
React.createElement("div", { className: classNames.apply(void 0, rightClasses) }, right)));
|
|
39
58
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TwoColumnLayout.js","sourceRoot":"","sources":["../../../../src/components/TwoColumnLayout/TwoColumnLayout.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,UAAU,UAAU;IAAC,iBAAoD;SAApD,UAAoD,EAApD,qBAAoD,EAApD,IAAoD;QAApD,4BAAoD;;IAC7E,OAAO,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;AAC1C,CAAC;
|
|
1
|
+
{"version":3,"file":"TwoColumnLayout.js","sourceRoot":"","sources":["../../../../src/components/TwoColumnLayout/TwoColumnLayout.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,UAAU,UAAU;IAAC,iBAAoD;SAApD,UAAoD,EAApD,qBAAoD,EAApD,IAAoD;QAApD,4BAAoD;;IAC7E,OAAO,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;AAC1C,CAAC;AAsBD,IAAM,UAAU,GAA4B;IAC1C,CAAC,EAAE,OAAO;IACV,CAAC,EAAE,OAAO;IACV,CAAC,EAAE,OAAO;IACV,CAAC,EAAE,OAAO;IACV,CAAC,EAAE,OAAO;IACV,EAAE,EAAE,QAAQ;CACb,CAAA;AAED,IAAM,WAAW,GAA4B;IAC3C,CAAC,EAAE,SAAS;IACZ,CAAC,EAAE,SAAS;IACZ,CAAC,EAAE,SAAS;IACZ,CAAC,EAAE,SAAS;IACZ,CAAC,EAAE,SAAS;IACZ,EAAE,EAAE,UAAU;CACf,CAAA;AAED,IAAM,WAAW,GAA4B;IAC3C,CAAC,EAAE,SAAS;IACZ,CAAC,EAAE,SAAS;IACZ,CAAC,EAAE,SAAS;IACZ,CAAC,EAAE,SAAS;IACZ,CAAC,EAAE,SAAS;IACZ,EAAE,EAAE,UAAU;CACf,CAAA;AAED,MAAM,CAAC,IAAM,kBAAkB,GAAG,UAAC,EAAiE;QAA/D,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EAAE,IAAI,UAAA,EAAE,UAAU,gBAAA,EAAE,KAAK,WAAA;IAClE,IAAA,KAAsC,UAAU,IAAzC,EAAP,GAAG,mBAAG,CAAC,KAAA,EAAE,IAAI,GAAyB,UAAU,KAAnC,EAAE,IAAI,GAAmB,UAAU,KAA7B,EAAK,SAAS,UAAK,UAAU,EAAlD,uBAAqC,CAAF,CAAe;IAExD,IAAM,SAAS,GAAkB,EAAE,CAAA;IACnC,IAAM,WAAW,GAAkB,EAAE,CAAA;IACrC,IAAM,YAAY,GAAkB,EAAE,CAAA;IAEtC,KAAiB,UAA2C,EAA3C,KAAA,MAAM,CAAC,IAAI,CAAC,SAAS,CAAsB,EAA3C,cAA2C,EAA3C,IAA2C,EAAE;QAAzD,IAAM,EAAE,SAAA;QACX,IAAM,IAAI,GAAG,SAAS,CAAC,EAAE,CAAC,CAAA;QAC1B,IAAI,CAAC,IAAI;YAAE,SAAQ;QAEnB,IAAI,IAAI,CAAC,IAAI;YAAE,SAAS,CAAC,IAAI,CAAC,UAAG,EAAE,wBAAc,IAAI,CAAC,IAAI,CAAE,CAAC,CAAA;QAC7D,IAAI,IAAI,CAAC,QAAQ;YAAE,WAAW,CAAC,IAAI,CAAC,UAAG,EAAE,uBAAa,IAAI,CAAC,QAAQ,CAAE,CAAC,CAAA;QACtE,IAAI,IAAI,CAAC,SAAS;YAAE,YAAY,CAAC,IAAI,CAAC,UAAG,EAAE,uBAAa,IAAI,CAAC,SAAS,CAAE,CAAC,CAAA;KAC1E;IAED,OAAO,CACL,6BACE,SAAS,EAAE,UAAU,4CACnB,kBAAkB;YAClB,UAAU,CAAC,GAAG,CAAC;YACf,IAAI,IAAI,WAAW,CAAC,IAAI,CAAC;YACzB,IAAI,IAAI,WAAW,CAAC,IAAI,CAAC,GACtB,SAAS,WACZ,SAAS;QAGX,6BAAK,SAAS,EAAE,UAAU,eAAI,WAAW,KAAI,IAAI,CAAO;QACxD,6BAAK,SAAS,EAAE,UAAU,eAAI,YAAY,KAAI,KAAK,CAAO,CACtD,CACP,CAAA;AACH,CAAC,CAAA"}
|