@react-pakistan/util-functions 1.16.4 → 1.17.0
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
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@react-pakistan/util-functions",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.17.0",
|
|
4
4
|
"description": "A library of all util functions",
|
|
5
5
|
"main": "index.js",
|
|
6
6
|
"scripts": {
|
|
@@ -38,7 +38,6 @@
|
|
|
38
38
|
"url": "https://github.com/react-pakistan/util-functions/issues"
|
|
39
39
|
},
|
|
40
40
|
"homepage": "https://github.com/react-pakistan/util-functions#readme",
|
|
41
|
-
"dependencies": {},
|
|
42
41
|
"devDependencies": {
|
|
43
42
|
"@babel/core": "^7.22.11",
|
|
44
43
|
"@babel/eslint-parser": "^7.22.11",
|
|
@@ -2,30 +2,30 @@ export interface IResponsiveProps {
|
|
|
2
2
|
/**
|
|
3
3
|
* Specifies the CSS block on desktop devices
|
|
4
4
|
*/
|
|
5
|
-
desktop?: string;
|
|
5
|
+
$desktop?: string;
|
|
6
6
|
/**
|
|
7
7
|
* Specifies the CSS block on laptop devices
|
|
8
8
|
*/
|
|
9
|
-
laptop?: string;
|
|
9
|
+
$laptop?: string;
|
|
10
10
|
/**
|
|
11
11
|
* Specifies the CSS block on large laptop devices
|
|
12
12
|
*/
|
|
13
|
-
laptopL?: string;
|
|
13
|
+
$laptopL?: string;
|
|
14
14
|
/**
|
|
15
15
|
* Specifies the CSS block on large mobile devices
|
|
16
16
|
*/
|
|
17
|
-
mobileL?: string;
|
|
17
|
+
$mobileL?: string;
|
|
18
18
|
/**
|
|
19
19
|
* Specifies the CSS block on medium mobile devices
|
|
20
20
|
*/
|
|
21
|
-
mobileM?: string;
|
|
21
|
+
$mobileM?: string;
|
|
22
22
|
/**
|
|
23
23
|
* Specifies the CSS block on small mobile devices
|
|
24
24
|
*/
|
|
25
|
-
mobileS?: string;
|
|
25
|
+
$mobileS?: string;
|
|
26
26
|
/**
|
|
27
27
|
* Specifies the CSS block on tablet devices
|
|
28
28
|
*/
|
|
29
|
-
tablet?: string;
|
|
29
|
+
$tablet?: string;
|
|
30
30
|
}
|
|
31
|
-
export declare const responsiveComponent: ({ desktop, laptop, laptopL, mobileL, mobileM, mobileS, tablet, }: IResponsiveProps) => string;
|
|
31
|
+
export declare const responsiveComponent: ({ $desktop, $laptop, $laptopL, $mobileL, $mobileM, $mobileS, $tablet, }: IResponsiveProps) => string;
|
|
@@ -2,40 +2,40 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.responsiveComponent = void 0;
|
|
4
4
|
const theme_1 = require("./theme");
|
|
5
|
-
const responsiveComponent = ({ desktop, laptop, laptopL, mobileL, mobileM, mobileS, tablet, }) => {
|
|
6
|
-
const mobileSToReturn = mobileS && `
|
|
5
|
+
const responsiveComponent = ({ $desktop, $laptop, $laptopL, $mobileL, $mobileM, $mobileS, $tablet, }) => {
|
|
6
|
+
const mobileSToReturn = $mobileS && `
|
|
7
7
|
@media ${theme_1.theme.breakpoints.mobileS} {
|
|
8
|
-
${mobileS}
|
|
8
|
+
${$mobileS}
|
|
9
9
|
}
|
|
10
10
|
`;
|
|
11
|
-
const mobileMToReturn = mobileM && `
|
|
11
|
+
const mobileMToReturn = $mobileM && `
|
|
12
12
|
@media ${theme_1.theme.breakpoints.mobileM} {
|
|
13
|
-
${mobileM}
|
|
13
|
+
${$mobileM}
|
|
14
14
|
}
|
|
15
15
|
`;
|
|
16
|
-
const mobileLToReturn = mobileL && `
|
|
16
|
+
const mobileLToReturn = $mobileL && `
|
|
17
17
|
@media ${theme_1.theme.breakpoints.mobileL} {
|
|
18
|
-
${mobileL}
|
|
18
|
+
${$mobileL}
|
|
19
19
|
}
|
|
20
20
|
`;
|
|
21
|
-
const tabletToReturn = tablet && `
|
|
21
|
+
const tabletToReturn = $tablet && `
|
|
22
22
|
@media ${theme_1.theme.breakpoints.tablet} {
|
|
23
|
-
${tablet}
|
|
23
|
+
${$tablet}
|
|
24
24
|
}
|
|
25
25
|
`;
|
|
26
|
-
const laptopToReturn = laptop && `
|
|
26
|
+
const laptopToReturn = $laptop && `
|
|
27
27
|
@media ${theme_1.theme.breakpoints.laptop} {
|
|
28
|
-
${laptop}
|
|
28
|
+
${$laptop}
|
|
29
29
|
}
|
|
30
30
|
`;
|
|
31
|
-
const laptopLToReturn = laptopL && `
|
|
31
|
+
const laptopLToReturn = $laptopL && `
|
|
32
32
|
@media ${theme_1.theme.breakpoints.laptopL} {
|
|
33
|
-
${laptopL}
|
|
33
|
+
${$laptopL}
|
|
34
34
|
}
|
|
35
35
|
`;
|
|
36
|
-
const desktopToReturn = desktop && `
|
|
36
|
+
const desktopToReturn = $desktop && `
|
|
37
37
|
@media ${theme_1.theme.breakpoints.desktop} {
|
|
38
|
-
${desktop}
|
|
38
|
+
${$desktop}
|
|
39
39
|
}
|
|
40
40
|
`;
|
|
41
41
|
return `
|