@tamagui/visually-hidden 1.0.1-beta.139
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/VisuallyHidden.js +61 -0
- package/dist/cjs/VisuallyHidden.js.map +7 -0
- package/dist/cjs/index.js +19 -0
- package/dist/cjs/index.js.map +7 -0
- package/dist/esm/VisuallyHidden.js +37 -0
- package/dist/esm/VisuallyHidden.js.map +7 -0
- package/dist/esm/index.js +2 -0
- package/dist/esm/index.js.map +7 -0
- package/dist/jsx/VisuallyHidden.js +37 -0
- package/dist/jsx/VisuallyHidden.js.map +7 -0
- package/dist/jsx/index.js +2 -0
- package/dist/jsx/index.js.map +7 -0
- package/package.json +40 -0
- package/src/VisuallyHidden.tsx +38 -0
- package/src/index.ts +1 -0
- package/types/VisuallyHidden.d.ts +14 -0
- package/types/index.d.ts +2 -0
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
+
var __export = (target, all) => {
|
|
7
|
+
for (var name in all)
|
|
8
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
+
};
|
|
10
|
+
var __copyProps = (to, from, except, desc) => {
|
|
11
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
+
for (let key of __getOwnPropNames(from))
|
|
13
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
+
}
|
|
16
|
+
return to;
|
|
17
|
+
};
|
|
18
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
+
var VisuallyHidden_exports = {};
|
|
20
|
+
__export(VisuallyHidden_exports, {
|
|
21
|
+
VisuallyHidden: () => VisuallyHidden
|
|
22
|
+
});
|
|
23
|
+
module.exports = __toCommonJS(VisuallyHidden_exports);
|
|
24
|
+
var import_core = require("@tamagui/core");
|
|
25
|
+
const VisuallyHidden = (0, import_core.styled)(import_core.Stack, {
|
|
26
|
+
position: "absolute",
|
|
27
|
+
width: 1,
|
|
28
|
+
height: 1,
|
|
29
|
+
margin: -1,
|
|
30
|
+
zIndex: -1e4,
|
|
31
|
+
overflow: "hidden",
|
|
32
|
+
opacity: 1e-8,
|
|
33
|
+
pointerEvents: "none",
|
|
34
|
+
variants: {
|
|
35
|
+
preserveDimensions: {
|
|
36
|
+
true: {
|
|
37
|
+
position: "relative",
|
|
38
|
+
width: "auto",
|
|
39
|
+
height: "auto"
|
|
40
|
+
}
|
|
41
|
+
},
|
|
42
|
+
visible: {
|
|
43
|
+
true: {
|
|
44
|
+
position: "relative",
|
|
45
|
+
width: "auto",
|
|
46
|
+
height: "auto",
|
|
47
|
+
margin: 0,
|
|
48
|
+
zIndex: 1,
|
|
49
|
+
overflow: "visible",
|
|
50
|
+
opacity: 1,
|
|
51
|
+
pointerEvents: "auto"
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
});
|
|
56
|
+
VisuallyHidden["isVisuallyHidden"] = true;
|
|
57
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
58
|
+
0 && (module.exports = {
|
|
59
|
+
VisuallyHidden
|
|
60
|
+
});
|
|
61
|
+
//# sourceMappingURL=VisuallyHidden.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/VisuallyHidden.tsx"],
|
|
4
|
+
"sourcesContent": ["import { Stack, styled } from '@tamagui/core'\n\nexport const VisuallyHidden = styled(Stack, {\n position: 'absolute',\n width: 1,\n height: 1,\n margin: -1,\n zIndex: -10000,\n overflow: 'hidden',\n opacity: 0.00000001,\n pointerEvents: 'none',\n\n variants: {\n preserveDimensions: {\n true: {\n position: 'relative',\n width: 'auto',\n height: 'auto',\n },\n } as const,\n\n visible: {\n true: {\n position: 'relative',\n width: 'auto',\n height: 'auto',\n margin: 0,\n zIndex: 1,\n overflow: 'visible',\n opacity: 1,\n pointerEvents: 'auto',\n },\n } as const,\n },\n})\n\n// @tamgui/core checks for this in spacing\nVisuallyHidden['isVisuallyHidden'] = true\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAA8B;AAEvB,MAAM,iBAAiB,wBAAO,mBAAO;AAAA,EAC1C,UAAU;AAAA,EACV,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,SAAS;AAAA,EACT,eAAe;AAAA,EAEf,UAAU;AAAA,IACR,oBAAoB;AAAA,MAClB,MAAM;AAAA,QACJ,UAAU;AAAA,QACV,OAAO;AAAA,QACP,QAAQ;AAAA,MACV;AAAA,IACF;AAAA,IAEA,SAAS;AAAA,MACP,MAAM;AAAA,QACJ,UAAU;AAAA,QACV,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,UAAU;AAAA,QACV,SAAS;AAAA,QACT,eAAe;AAAA,MACjB;AAAA,IACF;AAAA,EACF;AACF,CAAC;AAGD,eAAe,sBAAsB;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
+
var __copyProps = (to, from, except, desc) => {
|
|
7
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
8
|
+
for (let key of __getOwnPropNames(from))
|
|
9
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
10
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
11
|
+
}
|
|
12
|
+
return to;
|
|
13
|
+
};
|
|
14
|
+
var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
|
|
15
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
16
|
+
var src_exports = {};
|
|
17
|
+
module.exports = __toCommonJS(src_exports);
|
|
18
|
+
__reExport(src_exports, require("./VisuallyHidden"), module.exports);
|
|
19
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { Stack, styled } from "@tamagui/core";
|
|
2
|
+
const VisuallyHidden = styled(Stack, {
|
|
3
|
+
position: "absolute",
|
|
4
|
+
width: 1,
|
|
5
|
+
height: 1,
|
|
6
|
+
margin: -1,
|
|
7
|
+
zIndex: -1e4,
|
|
8
|
+
overflow: "hidden",
|
|
9
|
+
opacity: 1e-8,
|
|
10
|
+
pointerEvents: "none",
|
|
11
|
+
variants: {
|
|
12
|
+
preserveDimensions: {
|
|
13
|
+
true: {
|
|
14
|
+
position: "relative",
|
|
15
|
+
width: "auto",
|
|
16
|
+
height: "auto"
|
|
17
|
+
}
|
|
18
|
+
},
|
|
19
|
+
visible: {
|
|
20
|
+
true: {
|
|
21
|
+
position: "relative",
|
|
22
|
+
width: "auto",
|
|
23
|
+
height: "auto",
|
|
24
|
+
margin: 0,
|
|
25
|
+
zIndex: 1,
|
|
26
|
+
overflow: "visible",
|
|
27
|
+
opacity: 1,
|
|
28
|
+
pointerEvents: "auto"
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
});
|
|
33
|
+
VisuallyHidden["isVisuallyHidden"] = true;
|
|
34
|
+
export {
|
|
35
|
+
VisuallyHidden
|
|
36
|
+
};
|
|
37
|
+
//# sourceMappingURL=VisuallyHidden.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/VisuallyHidden.tsx"],
|
|
4
|
+
"sourcesContent": ["import { Stack, styled } from '@tamagui/core'\n\nexport const VisuallyHidden = styled(Stack, {\n position: 'absolute',\n width: 1,\n height: 1,\n margin: -1,\n zIndex: -10000,\n overflow: 'hidden',\n opacity: 0.00000001,\n pointerEvents: 'none',\n\n variants: {\n preserveDimensions: {\n true: {\n position: 'relative',\n width: 'auto',\n height: 'auto',\n },\n } as const,\n\n visible: {\n true: {\n position: 'relative',\n width: 'auto',\n height: 'auto',\n margin: 0,\n zIndex: 1,\n overflow: 'visible',\n opacity: 1,\n pointerEvents: 'auto',\n },\n } as const,\n },\n})\n\n// @tamgui/core checks for this in spacing\nVisuallyHidden['isVisuallyHidden'] = true\n"],
|
|
5
|
+
"mappings": "AAAA;AAEO,MAAM,iBAAiB,OAAO,OAAO;AAAA,EAC1C,UAAU;AAAA,EACV,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,SAAS;AAAA,EACT,eAAe;AAAA,EAEf,UAAU;AAAA,IACR,oBAAoB;AAAA,MAClB,MAAM;AAAA,QACJ,UAAU;AAAA,QACV,OAAO;AAAA,QACP,QAAQ;AAAA,MACV;AAAA,IACF;AAAA,IAEA,SAAS;AAAA,MACP,MAAM;AAAA,QACJ,UAAU;AAAA,QACV,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,UAAU;AAAA,QACV,SAAS;AAAA,QACT,eAAe;AAAA,MACjB;AAAA,IACF;AAAA,EACF;AACF,CAAC;AAGD,eAAe,sBAAsB;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { Stack, styled } from "@tamagui/core";
|
|
2
|
+
const VisuallyHidden = styled(Stack, {
|
|
3
|
+
position: "absolute",
|
|
4
|
+
width: 1,
|
|
5
|
+
height: 1,
|
|
6
|
+
margin: -1,
|
|
7
|
+
zIndex: -1e4,
|
|
8
|
+
overflow: "hidden",
|
|
9
|
+
opacity: 1e-8,
|
|
10
|
+
pointerEvents: "none",
|
|
11
|
+
variants: {
|
|
12
|
+
preserveDimensions: {
|
|
13
|
+
true: {
|
|
14
|
+
position: "relative",
|
|
15
|
+
width: "auto",
|
|
16
|
+
height: "auto"
|
|
17
|
+
}
|
|
18
|
+
},
|
|
19
|
+
visible: {
|
|
20
|
+
true: {
|
|
21
|
+
position: "relative",
|
|
22
|
+
width: "auto",
|
|
23
|
+
height: "auto",
|
|
24
|
+
margin: 0,
|
|
25
|
+
zIndex: 1,
|
|
26
|
+
overflow: "visible",
|
|
27
|
+
opacity: 1,
|
|
28
|
+
pointerEvents: "auto"
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
});
|
|
33
|
+
VisuallyHidden["isVisuallyHidden"] = true;
|
|
34
|
+
export {
|
|
35
|
+
VisuallyHidden
|
|
36
|
+
};
|
|
37
|
+
//# sourceMappingURL=VisuallyHidden.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/VisuallyHidden.tsx"],
|
|
4
|
+
"sourcesContent": ["import { Stack, styled } from '@tamagui/core'\n\nexport const VisuallyHidden = styled(Stack, {\n position: 'absolute',\n width: 1,\n height: 1,\n margin: -1,\n zIndex: -10000,\n overflow: 'hidden',\n opacity: 0.00000001,\n pointerEvents: 'none',\n\n variants: {\n preserveDimensions: {\n true: {\n position: 'relative',\n width: 'auto',\n height: 'auto',\n },\n } as const,\n\n visible: {\n true: {\n position: 'relative',\n width: 'auto',\n height: 'auto',\n margin: 0,\n zIndex: 1,\n overflow: 'visible',\n opacity: 1,\n pointerEvents: 'auto',\n },\n } as const,\n },\n})\n\n// @tamgui/core checks for this in spacing\nVisuallyHidden['isVisuallyHidden'] = true\n"],
|
|
5
|
+
"mappings": "AAAA;AAEO,MAAM,iBAAiB,OAAO,OAAO;AAAA,EAC1C,UAAU;AAAA,EACV,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,SAAS;AAAA,EACT,eAAe;AAAA,EAEf,UAAU;AAAA,IACR,oBAAoB;AAAA,MAClB,MAAM;AAAA,QACJ,UAAU;AAAA,QACV,OAAO;AAAA,QACP,QAAQ;AAAA,MACV;AAAA,IACF;AAAA,IAEA,SAAS;AAAA,MACP,MAAM;AAAA,QACJ,UAAU;AAAA,QACV,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,UAAU;AAAA,QACV,SAAS;AAAA,QACT,eAAe;AAAA,MACjB;AAAA,IACF;AAAA,EACF;AACF,CAAC;AAGD,eAAe,sBAAsB;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
package/package.json
ADDED
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@tamagui/visually-hidden",
|
|
3
|
+
"version": "1.0.1-beta.139",
|
|
4
|
+
"sideEffects": [
|
|
5
|
+
"*.css"
|
|
6
|
+
],
|
|
7
|
+
"source": "src/index.ts",
|
|
8
|
+
"types": "./types/index.d.ts",
|
|
9
|
+
"main": "dist/cjs",
|
|
10
|
+
"module": "dist/esm",
|
|
11
|
+
"module:jsx": "dist/jsx",
|
|
12
|
+
"files": [
|
|
13
|
+
"src",
|
|
14
|
+
"types",
|
|
15
|
+
"dist"
|
|
16
|
+
],
|
|
17
|
+
"scripts": {
|
|
18
|
+
"build": "tamagui-build",
|
|
19
|
+
"watch": "tamagui-build --watch",
|
|
20
|
+
"lint": "eslint",
|
|
21
|
+
"lint:fix": "yarn lint --fix",
|
|
22
|
+
"clean": "tamagui-build clean",
|
|
23
|
+
"clean:build": "tamagui-build clean:build"
|
|
24
|
+
},
|
|
25
|
+
"dependencies": {
|
|
26
|
+
"@tamagui/core": "^1.0.1-beta.139"
|
|
27
|
+
},
|
|
28
|
+
"peerDependencies": {
|
|
29
|
+
"react": "*",
|
|
30
|
+
"react-dom": "*"
|
|
31
|
+
},
|
|
32
|
+
"devDependencies": {
|
|
33
|
+
"@tamagui/build": "^1.0.1-beta.139",
|
|
34
|
+
"react": "*",
|
|
35
|
+
"react-dom": "*"
|
|
36
|
+
},
|
|
37
|
+
"publishConfig": {
|
|
38
|
+
"access": "public"
|
|
39
|
+
}
|
|
40
|
+
}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { Stack, styled } from '@tamagui/core'
|
|
2
|
+
|
|
3
|
+
export const VisuallyHidden = styled(Stack, {
|
|
4
|
+
position: 'absolute',
|
|
5
|
+
width: 1,
|
|
6
|
+
height: 1,
|
|
7
|
+
margin: -1,
|
|
8
|
+
zIndex: -10000,
|
|
9
|
+
overflow: 'hidden',
|
|
10
|
+
opacity: 0.00000001,
|
|
11
|
+
pointerEvents: 'none',
|
|
12
|
+
|
|
13
|
+
variants: {
|
|
14
|
+
preserveDimensions: {
|
|
15
|
+
true: {
|
|
16
|
+
position: 'relative',
|
|
17
|
+
width: 'auto',
|
|
18
|
+
height: 'auto',
|
|
19
|
+
},
|
|
20
|
+
} as const,
|
|
21
|
+
|
|
22
|
+
visible: {
|
|
23
|
+
true: {
|
|
24
|
+
position: 'relative',
|
|
25
|
+
width: 'auto',
|
|
26
|
+
height: 'auto',
|
|
27
|
+
margin: 0,
|
|
28
|
+
zIndex: 1,
|
|
29
|
+
overflow: 'visible',
|
|
30
|
+
opacity: 1,
|
|
31
|
+
pointerEvents: 'auto',
|
|
32
|
+
},
|
|
33
|
+
} as const,
|
|
34
|
+
},
|
|
35
|
+
})
|
|
36
|
+
|
|
37
|
+
// @tamgui/core checks for this in spacing
|
|
38
|
+
VisuallyHidden['isVisuallyHidden'] = true
|
package/src/index.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './VisuallyHidden'
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
export declare const VisuallyHidden: import("@tamagui/core").TamaguiComponent<Omit<import("react-native").ViewProps, "display" | "children"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{}, "visible" | "preserveDimensions"> & {
|
|
2
|
+
preserveDimensions?: boolean | undefined;
|
|
3
|
+
visible?: boolean | undefined;
|
|
4
|
+
} & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "display" | "children"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{}, "visible" | "preserveDimensions"> & {
|
|
5
|
+
preserveDimensions?: boolean | undefined;
|
|
6
|
+
visible?: boolean | undefined;
|
|
7
|
+
}>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "display" | "children"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{}, "visible" | "preserveDimensions"> & {
|
|
8
|
+
preserveDimensions?: boolean | undefined;
|
|
9
|
+
visible?: boolean | undefined;
|
|
10
|
+
}>>, any, import("@tamagui/core").StackPropsBase, {
|
|
11
|
+
preserveDimensions?: boolean | undefined;
|
|
12
|
+
visible?: boolean | undefined;
|
|
13
|
+
}>;
|
|
14
|
+
//# sourceMappingURL=VisuallyHidden.d.ts.map
|
package/types/index.d.ts
ADDED