kylefang/nativewind
1
0
Fork 0
mirror of https://github.com/zhigang1992/nativewind.git synced 2026-01-12 22:49:13 +08:00
Code Issues Packages Projects Releases Wiki Activity

test: update snapshots to jest 29

Browse Source
This commit is contained in:
Mark Lawlor
2022-08-26 08:46:42 +10:00
parent e30dc107d6
commit bc5f3957bc
17 changed files with 21241 additions and 9645 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29909
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

3
package.json
View File

@@ -9,7 +9,8 @@
"benchmarks": "npm run test --workspace=benchmarks",
"build": "npm run build --workspace=nativewind",
"example": "npm start --workspace=example --",
"prepare": "husky install"
"prepare": "husky install",
"clean": "find . -name 'node_modules' -type d -prune -exec rm -rf '{}' + && rm package-lock.json && npm i"
},
"devDependencies": {
"@changesets/cli": "2.24.3",

8
packages/nativewind/__tests__/custom-tailwindcss/__snapshots__/parent.tsx.snap
View File

@@ -4,8 +4,8 @@ exports[`Custom - Parent Variant Snapshots parent:text-white 1`] = `
<View>
<Text
style={
Array [
Object {
[
{
"color": "#fff",
},
]
@@ -15,8 +15,8 @@ exports[`Custom - Parent Variant Snapshots parent:text-white 1`] = `
</Text>
<Text
style={
Array [
Object {
[
{
"color": "#fff",
},
]

10
packages/nativewind/__tests__/snapshots/__snapshots__/device-functions.tsx.snap
View File

@@ -4,8 +4,8 @@ exports[`Device functions theme functions 1`] = `
<View>
<Text
style={
Array [
Object {
[
{
"fontSize": 1,
},
]
@@ -20,11 +20,11 @@ exports[`Device functions withPlatformTheme 1`] = `
<View>
<Text
style={
Array [
Object {
[
{
"fontSize": 16,
},
Object {
{
"fontSize": 30,
},
]

50
packages/nativewind/__tests__/snapshots/__snapshots__/props.tsx.snap
View File

@@ -3,11 +3,11 @@
exports[`Styled can add new classNames 1`] = `
<View
style={
Array [
Object {
[
{
"flexDirection": "row",
},
Object {
{
"paddingBottom": 16,
"paddingLeft": 16,
"paddingRight": 16,
@@ -19,11 +19,11 @@ exports[`Styled can add new classNames 1`] = `
`;
exports[`Styled can render components 1`] = `
Array [
[
<View
style={
Array [
Object {
[
{
"marginBottom": 4,
"marginLeft": 4,
"marginRight": 4,
@@ -34,8 +34,8 @@ Array [
/>,
<View
style={
Array [
Object {
[
{
"paddingBottom": 8,
"paddingLeft": 8,
"paddingRight": 8,
@@ -51,8 +51,8 @@ exports[`Styled can render with default props 1`] = `
<Text
accessibilityRole="header"
style={
Array [
Object {
[
{
"paddingBottom": 16,
"paddingLeft": 16,
"paddingRight": 16,
@@ -66,8 +66,8 @@ exports[`Styled can render with default props 1`] = `
exports[`Styled can set base classNames 1`] = `
<View
style={
Array [
Object {
[
{
"flexDirection": "row",
},
]
@@ -76,11 +76,11 @@ exports[`Styled can set base classNames 1`] = `
`;
exports[`Styled can style custom props 1`] = `
Array [
[
<View
style={
Array [
Object {
[
{
"marginBottom": 4,
"marginLeft": 4,
"marginRight": 4,
@@ -91,8 +91,8 @@ Array [
/>,
<View
style={
Array [
Object {
[
{
"paddingBottom": 8,
"paddingLeft": 8,
"paddingRight": 8,
@@ -107,8 +107,8 @@ Array [
exports[`Styled classProps on css 1`] = `
<View
style={
Array [
Object {
[
{
"$$css": true,
"p-4 m-1": "p-4 m-1",
},
@@ -124,8 +124,8 @@ exports[`Styled classProps on native 1`] = `
marginRight={4}
marginTop={4}
style={
Array [
Object {
[
{
"paddingBottom": 16,
"paddingLeft": 16,
"paddingRight": 16,
@@ -140,8 +140,8 @@ exports[`Styled skip null in child styles 1`] = `
<View>
<Text
style={
Array [
Object {
[
{
"marginLeft": 8,
},
]
@@ -151,8 +151,8 @@ exports[`Styled skip null in child styles 1`] = `
</Text>
<Text
style={
Array [
Object {
[
{
"marginLeft": 8,
},
]

14
packages/nativewind/__tests__/snapshots/__snapshots__/transforms.tsx.snap
View File

@@ -4,19 +4,19 @@ exports[`transforms transforms 1`] = `
<View>
<Text
style={
Array [
Object {
[
{
"fontWeight": "700",
},
Object {
"transform": Array [
Object {
{
"transform": [
{
"rotate": "45deg",
},
Object {
{
"translateY": 0,
},
Object {
{
"translateX": 1,
},
],

4
packages/nativewind/__tests__/tailwindcss/__snapshots__/border-width.tsx.snap
View File

@@ -3,8 +3,8 @@
exports[`Border - Border Width divide-x 1`] = `
<View
style={
Array [
Object {
[
{
"borderBottomWidth": 0.5,
"borderLeftWidth": 0.5,
"borderRightWidth": 0.5,

8
packages/nativewind/__tests__/tailwindcss/__snapshots__/box-shadow-color.tsx.snap
View File

@@ -3,17 +3,17 @@
exports[`Effects - Box shadow Color works with shadow 1`] = `
<View
style={
Array [
Object {
[
{
"shadowColor": "rgba(0, 0, 0, 1)",
"shadowOffset": Object {
"shadowOffset": {
"height": 10,
"width": 0,
},
"shadowOpacity": 1,
"shadowRadius": 15,
},
Object {
{
"shadowColor": "#3b82f6",
},
]

100
packages/nativewind/__tests__/tailwindcss/__snapshots__/divide-color.tsx.snap
View File

@@ -7,8 +7,8 @@ exports[`Border - Divide Color divide-amber-50 1`] = `
</Text>
<Text
style={
Array [
Object {
[
{
"borderBottomColor": "#fffbeb",
"borderLeftColor": "#fffbeb",
"borderRightColor": "#fffbeb",
@@ -29,8 +29,8 @@ exports[`Border - Divide Color divide-black 1`] = `
</Text>
<Text
style={
Array [
Object {
[
{
"borderBottomColor": "#000",
"borderLeftColor": "#000",
"borderRightColor": "#000",
@@ -51,8 +51,8 @@ exports[`Border - Divide Color divide-blue-50 1`] = `
</Text>
<Text
style={
Array [
Object {
[
{
"borderBottomColor": "#eff6ff",
"borderLeftColor": "#eff6ff",
"borderRightColor": "#eff6ff",
@@ -73,8 +73,8 @@ exports[`Border - Divide Color divide-cyan-50 1`] = `
</Text>
<Text
style={
Array [
Object {
[
{
"borderBottomColor": "#ecfeff",
"borderLeftColor": "#ecfeff",
"borderRightColor": "#ecfeff",
@@ -95,8 +95,8 @@ exports[`Border - Divide Color divide-emerald-50 1`] = `
</Text>
<Text
style={
Array [
Object {
[
{
"borderBottomColor": "#ecfdf5",
"borderLeftColor": "#ecfdf5",
"borderRightColor": "#ecfdf5",
@@ -117,8 +117,8 @@ exports[`Border - Divide Color divide-fuchsia-50 1`] = `
</Text>
<Text
style={
Array [
Object {
[
{
"borderBottomColor": "#fdf4ff",
"borderLeftColor": "#fdf4ff",
"borderRightColor": "#fdf4ff",
@@ -139,8 +139,8 @@ exports[`Border - Divide Color divide-gray-50 1`] = `
</Text>
<Text
style={
Array [
Object {
[
{
"borderBottomColor": "#f9fafb",
"borderLeftColor": "#f9fafb",
"borderRightColor": "#f9fafb",
@@ -161,8 +161,8 @@ exports[`Border - Divide Color divide-green-50 1`] = `
</Text>
<Text
style={
Array [
Object {
[
{
"borderBottomColor": "#f0fdf4",
"borderLeftColor": "#f0fdf4",
"borderRightColor": "#f0fdf4",
@@ -183,8 +183,8 @@ exports[`Border - Divide Color divide-indigo-50 1`] = `
</Text>
<Text
style={
Array [
Object {
[
{
"borderBottomColor": "#eef2ff",
"borderLeftColor": "#eef2ff",
"borderRightColor": "#eef2ff",
@@ -205,8 +205,8 @@ exports[`Border - Divide Color divide-lime-50 1`] = `
</Text>
<Text
style={
Array [
Object {
[
{
"borderBottomColor": "#f7fee7",
"borderLeftColor": "#f7fee7",
"borderRightColor": "#f7fee7",
@@ -227,8 +227,8 @@ exports[`Border - Divide Color divide-neutral-50 1`] = `
</Text>
<Text
style={
Array [
Object {
[
{
"borderBottomColor": "#fafafa",
"borderLeftColor": "#fafafa",
"borderRightColor": "#fafafa",
@@ -249,8 +249,8 @@ exports[`Border - Divide Color divide-orange-50 1`] = `
</Text>
<Text
style={
Array [
Object {
[
{
"borderBottomColor": "#fff7ed",
"borderLeftColor": "#fff7ed",
"borderRightColor": "#fff7ed",
@@ -271,8 +271,8 @@ exports[`Border - Divide Color divide-pink-50 1`] = `
</Text>
<Text
style={
Array [
Object {
[
{
"borderBottomColor": "#fdf2f8",
"borderLeftColor": "#fdf2f8",
"borderRightColor": "#fdf2f8",
@@ -293,8 +293,8 @@ exports[`Border - Divide Color divide-purple-50 1`] = `
</Text>
<Text
style={
Array [
Object {
[
{
"borderBottomColor": "#faf5ff",
"borderLeftColor": "#faf5ff",
"borderRightColor": "#faf5ff",
@@ -315,8 +315,8 @@ exports[`Border - Divide Color divide-red-50 1`] = `
</Text>
<Text
style={
Array [
Object {
[
{
"borderBottomColor": "#fef2f2",
"borderLeftColor": "#fef2f2",
"borderRightColor": "#fef2f2",
@@ -337,8 +337,8 @@ exports[`Border - Divide Color divide-rose-50 1`] = `
</Text>
<Text
style={
Array [
Object {
[
{
"borderBottomColor": "#fff1f2",
"borderLeftColor": "#fff1f2",
"borderRightColor": "#fff1f2",
@@ -359,8 +359,8 @@ exports[`Border - Divide Color divide-sky-50 1`] = `
</Text>
<Text
style={
Array [
Object {
[
{
"borderBottomColor": "#f0f9ff",
"borderLeftColor": "#f0f9ff",
"borderRightColor": "#f0f9ff",
@@ -381,8 +381,8 @@ exports[`Border - Divide Color divide-slate-50 1`] = `
</Text>
<Text
style={
Array [
Object {
[
{
"borderBottomColor": "#f8fafc",
"borderLeftColor": "#f8fafc",
"borderRightColor": "#f8fafc",
@@ -403,8 +403,8 @@ exports[`Border - Divide Color divide-stone-50 1`] = `
</Text>
<Text
style={
Array [
Object {
[
{
"borderBottomColor": "#fafaf9",
"borderLeftColor": "#fafaf9",
"borderRightColor": "#fafaf9",
@@ -425,8 +425,8 @@ exports[`Border - Divide Color divide-teal-50 1`] = `
</Text>
<Text
style={
Array [
Object {
[
{
"borderBottomColor": "#f0fdfa",
"borderLeftColor": "#f0fdfa",
"borderRightColor": "#f0fdfa",
@@ -447,8 +447,8 @@ exports[`Border - Divide Color divide-transparent 1`] = `
</Text>
<Text
style={
Array [
Object {
[
{
"borderBottomColor": "transparent",
"borderLeftColor": "transparent",
"borderRightColor": "transparent",
@@ -469,8 +469,8 @@ exports[`Border - Divide Color divide-violet-50 1`] = `
</Text>
<Text
style={
Array [
Object {
[
{
"borderBottomColor": "#f5f3ff",
"borderLeftColor": "#f5f3ff",
"borderRightColor": "#f5f3ff",
@@ -491,8 +491,8 @@ exports[`Border - Divide Color divide-white 1`] = `
</Text>
<Text
style={
Array [
Object {
[
{
"borderBottomColor": "#fff",
"borderLeftColor": "#fff",
"borderRightColor": "#fff",
@@ -513,8 +513,8 @@ exports[`Border - Divide Color divide-yellow-50 1`] = `
</Text>
<Text
style={
Array [
Object {
[
{
"borderBottomColor": "#fefce8",
"borderLeftColor": "#fefce8",
"borderRightColor": "#fefce8",
@@ -535,8 +535,8 @@ exports[`Border - Divide Color divide-zinc-50 1`] = `
</Text>
<Text
style={
Array [
Object {
[
{
"borderBottomColor": "#fafafa",
"borderLeftColor": "#fafafa",
"borderRightColor": "#fafafa",

12
packages/nativewind/__tests__/tailwindcss/__snapshots__/divide-style.tsx.snap
View File

@@ -7,8 +7,8 @@ exports[`Border - Divide Style divide-dashed 1`] = `
</Text>
<Text
style={
Array [
Object {
[
{
"borderStyle": "dashed",
},
]
@@ -26,8 +26,8 @@ exports[`Border - Divide Style divide-dotted 1`] = `
</Text>
<Text
style={
Array [
Object {
[
{
"borderStyle": "dotted",
},
]
@@ -45,8 +45,8 @@ exports[`Border - Divide Style divide-solid 1`] = `
</Text>
<Text
style={
Array [
Object {
[
{
"borderStyle": "solid",
},
]

40
packages/nativewind/__tests__/tailwindcss/__snapshots__/divide-width.tsx.snap
View File

@@ -7,8 +7,8 @@ exports[`Border - Divide Width divide-x 1`] = `
</Text>
<Text
style={
Array [
Object {
[
{
"borderLeftWidth": 0.5,
"borderRightWidth": 0,
},
@@ -27,8 +27,8 @@ exports[`Border - Divide Width divide-x-0 1`] = `
</Text>
<Text
style={
Array [
Object {
[
{
"borderLeftWidth": 0,
"borderRightWidth": 0,
},
@@ -47,8 +47,8 @@ exports[`Border - Divide Width divide-x-2 1`] = `
</Text>
<Text
style={
Array [
Object {
[
{
"borderLeftWidth": 2,
"borderRightWidth": 0,
},
@@ -67,8 +67,8 @@ exports[`Border - Divide Width divide-x-4 1`] = `
</Text>
<Text
style={
Array [
Object {
[
{
"borderLeftWidth": 4,
"borderRightWidth": 0,
},
@@ -87,8 +87,8 @@ exports[`Border - Divide Width divide-x-8 1`] = `
</Text>
<Text
style={
Array [
Object {
[
{
"borderLeftWidth": 8,
"borderRightWidth": 0,
},
@@ -107,8 +107,8 @@ exports[`Border - Divide Width divide-y 1`] = `
</Text>
<Text
style={
Array [
Object {
[
{
"borderBottomWidth": 0,
"borderTopWidth": 0.5,
},
@@ -127,8 +127,8 @@ exports[`Border - Divide Width divide-y-0 1`] = `
</Text>
<Text
style={
Array [
Object {
[
{
"borderBottomWidth": 0,
"borderTopWidth": 0,
},
@@ -147,8 +147,8 @@ exports[`Border - Divide Width divide-y-2 1`] = `
</Text>
<Text
style={
Array [
Object {
[
{
"borderBottomWidth": 0,
"borderTopWidth": 2,
},
@@ -167,8 +167,8 @@ exports[`Border - Divide Width divide-y-4 1`] = `
</Text>
<Text
style={
Array [
Object {
[
{
"borderBottomWidth": 0,
"borderTopWidth": 4,
},
@@ -187,8 +187,8 @@ exports[`Border - Divide Width divide-y-8 1`] = `
</Text>
<Text
style={
Array [
Object {
[
{
"borderBottomWidth": 0,
"borderTopWidth": 8,
},

250
packages/nativewind/__tests__/tailwindcss/__snapshots__/fill.tsx.snap
View File

@@ -6,12 +6,12 @@ exports[`Svg - Fill fill-amber-50 1`] = `
bbWidth="100%"
focusable={false}
style={
Array [
Object {
[
{
"backgroundColor": "transparent",
"borderWidth": 0,
},
Object {
{
"flex": 0,
"height": "100%",
"width": "100%",
@@ -24,13 +24,13 @@ exports[`Svg - Fill fill-amber-50 1`] = `
cx="0"
cy="0"
fill={
Object {
{
"type": 0,
"value": 4294966251,
}
}
propList={
Array [
[
"fill",
]
}
@@ -46,12 +46,12 @@ exports[`Svg - Fill fill-black 1`] = `
bbWidth="100%"
focusable={false}
style={
Array [
Object {
[
{
"backgroundColor": "transparent",
"borderWidth": 0,
},
Object {
{
"flex": 0,
"height": "100%",
"width": "100%",
@@ -64,13 +64,13 @@ exports[`Svg - Fill fill-black 1`] = `
cx="0"
cy="0"
fill={
Object {
{
"type": 0,
"value": 4278190080,
}
}
propList={
Array [
[
"fill",
]
}
@@ -86,12 +86,12 @@ exports[`Svg - Fill fill-blue-50 1`] = `
bbWidth="100%"
focusable={false}
style={
Array [
Object {
[
{
"backgroundColor": "transparent",
"borderWidth": 0,
},
Object {
{
"flex": 0,
"height": "100%",
"width": "100%",
@@ -104,13 +104,13 @@ exports[`Svg - Fill fill-blue-50 1`] = `
cx="0"
cy="0"
fill={
Object {
{
"type": 0,
"value": 4293916415,
}
}
propList={
Array [
[
"fill",
]
}
@@ -126,12 +126,12 @@ exports[`Svg - Fill fill-cyan-50 1`] = `
bbWidth="100%"
focusable={false}
style={
Array [
Object {
[
{
"backgroundColor": "transparent",
"borderWidth": 0,
},
Object {
{
"flex": 0,
"height": "100%",
"width": "100%",
@@ -144,13 +144,13 @@ exports[`Svg - Fill fill-cyan-50 1`] = `
cx="0"
cy="0"
fill={
Object {
{
"type": 0,
"value": 4293721855,
}
}
propList={
Array [
[
"fill",
]
}
@@ -166,12 +166,12 @@ exports[`Svg - Fill fill-emerald-50 1`] = `
bbWidth="100%"
focusable={false}
style={
Array [
Object {
[
{
"backgroundColor": "transparent",
"borderWidth": 0,
},
Object {
{
"flex": 0,
"height": "100%",
"width": "100%",
@@ -184,13 +184,13 @@ exports[`Svg - Fill fill-emerald-50 1`] = `
cx="0"
cy="0"
fill={
Object {
{
"type": 0,
"value": 4293721589,
}
}
propList={
Array [
[
"fill",
]
}
@@ -206,12 +206,12 @@ exports[`Svg - Fill fill-fuchsia-50 1`] = `
bbWidth="100%"
focusable={false}
style={
Array [
Object {
[
{
"backgroundColor": "transparent",
"borderWidth": 0,
},
Object {
{
"flex": 0,
"height": "100%",
"width": "100%",
@@ -224,13 +224,13 @@ exports[`Svg - Fill fill-fuchsia-50 1`] = `
cx="0"
cy="0"
fill={
Object {
{
"type": 0,
"value": 4294833407,
}
}
propList={
Array [
[
"fill",
]
}
@@ -246,12 +246,12 @@ exports[`Svg - Fill fill-gray-50 1`] = `
bbWidth="100%"
focusable={false}
style={
Array [
Object {
[
{
"backgroundColor": "transparent",
"borderWidth": 0,
},
Object {
{
"flex": 0,
"height": "100%",
"width": "100%",
@@ -264,13 +264,13 @@ exports[`Svg - Fill fill-gray-50 1`] = `
cx="0"
cy="0"
fill={
Object {
{
"type": 0,
"value": 4294572795,
}
}
propList={
Array [
[
"fill",
]
}
@@ -286,12 +286,12 @@ exports[`Svg - Fill fill-green-50 1`] = `
bbWidth="100%"
focusable={false}
style={
Array [
Object {
[
{
"backgroundColor": "transparent",
"borderWidth": 0,
},
Object {
{
"flex": 0,
"height": "100%",
"width": "100%",
@@ -304,13 +304,13 @@ exports[`Svg - Fill fill-green-50 1`] = `
cx="0"
cy="0"
fill={
Object {
{
"type": 0,
"value": 4293983732,
}
}
propList={
Array [
[
"fill",
]
}
@@ -326,12 +326,12 @@ exports[`Svg - Fill fill-indigo-50 1`] = `
bbWidth="100%"
focusable={false}
style={
Array [
Object {
[
{
"backgroundColor": "transparent",
"borderWidth": 0,
},
Object {
{
"flex": 0,
"height": "100%",
"width": "100%",
@@ -344,13 +344,13 @@ exports[`Svg - Fill fill-indigo-50 1`] = `
cx="0"
cy="0"
fill={
Object {
{
"type": 0,
"value": 4293849855,
}
}
propList={
Array [
[
"fill",
]
}
@@ -366,12 +366,12 @@ exports[`Svg - Fill fill-lime-50 1`] = `
bbWidth="100%"
focusable={false}
style={
Array [
Object {
[
{
"backgroundColor": "transparent",
"borderWidth": 0,
},
Object {
{
"flex": 0,
"height": "100%",
"width": "100%",
@@ -384,13 +384,13 @@ exports[`Svg - Fill fill-lime-50 1`] = `
cx="0"
cy="0"
fill={
Object {
{
"type": 0,
"value": 4294442727,
}
}
propList={
Array [
[
"fill",
]
}
@@ -406,12 +406,12 @@ exports[`Svg - Fill fill-neutral-50 1`] = `
bbWidth="100%"
focusable={false}
style={
Array [
Object {
[
{
"backgroundColor": "transparent",
"borderWidth": 0,
},
Object {
{
"flex": 0,
"height": "100%",
"width": "100%",
@@ -424,13 +424,13 @@ exports[`Svg - Fill fill-neutral-50 1`] = `
cx="0"
cy="0"
fill={
Object {
{
"type": 0,
"value": 4294638330,
}
}
propList={
Array [
[
"fill",
]
}
@@ -446,12 +446,12 @@ exports[`Svg - Fill fill-orange-50 1`] = `
bbWidth="100%"
focusable={false}
style={
Array [
Object {
[
{
"backgroundColor": "transparent",
"borderWidth": 0,
},
Object {
{
"flex": 0,
"height": "100%",
"width": "100%",
@@ -464,13 +464,13 @@ exports[`Svg - Fill fill-orange-50 1`] = `
cx="0"
cy="0"
fill={
Object {
{
"type": 0,
"value": 4294965229,
}
}
propList={
Array [
[
"fill",
]
}
@@ -486,12 +486,12 @@ exports[`Svg - Fill fill-pink-50 1`] = `
bbWidth="100%"
focusable={false}
style={
Array [
Object {
[
{
"backgroundColor": "transparent",
"borderWidth": 0,
},
Object {
{
"flex": 0,
"height": "100%",
"width": "100%",
@@ -504,13 +504,13 @@ exports[`Svg - Fill fill-pink-50 1`] = `
cx="0"
cy="0"
fill={
Object {
{
"type": 0,
"value": 4294832888,
}
}
propList={
Array [
[
"fill",
]
}
@@ -526,12 +526,12 @@ exports[`Svg - Fill fill-purple-50 1`] = `
bbWidth="100%"
focusable={false}
style={
Array [
Object {
[
{
"backgroundColor": "transparent",
"borderWidth": 0,
},
Object {
{
"flex": 0,
"height": "100%",
"width": "100%",
@@ -544,13 +544,13 @@ exports[`Svg - Fill fill-purple-50 1`] = `
cx="0"
cy="0"
fill={
Object {
{
"type": 0,
"value": 4294637055,
}
}
propList={
Array [
[
"fill",
]
}
@@ -566,12 +566,12 @@ exports[`Svg - Fill fill-red-50 1`] = `
bbWidth="100%"
focusable={false}
style={
Array [
Object {
[
{
"backgroundColor": "transparent",
"borderWidth": 0,
},
Object {
{
"flex": 0,
"height": "100%",
"width": "100%",
@@ -584,13 +584,13 @@ exports[`Svg - Fill fill-red-50 1`] = `
cx="0"
cy="0"
fill={
Object {
{
"type": 0,
"value": 4294898418,
}
}
propList={
Array [
[
"fill",
]
}
@@ -606,12 +606,12 @@ exports[`Svg - Fill fill-rose-50 1`] = `
bbWidth="100%"
focusable={false}
style={
Array [
Object {
[
{
"backgroundColor": "transparent",
"borderWidth": 0,
},
Object {
{
"flex": 0,
"height": "100%",
"width": "100%",
@@ -624,13 +624,13 @@ exports[`Svg - Fill fill-rose-50 1`] = `
cx="0"
cy="0"
fill={
Object {
{
"type": 0,
"value": 4294963698,
}
}
propList={
Array [
[
"fill",
]
}
@@ -646,12 +646,12 @@ exports[`Svg - Fill fill-sky-50 1`] = `
bbWidth="100%"
focusable={false}
style={
Array [
Object {
[
{
"backgroundColor": "transparent",
"borderWidth": 0,
},
Object {
{
"flex": 0,
"height": "100%",
"width": "100%",
@@ -664,13 +664,13 @@ exports[`Svg - Fill fill-sky-50 1`] = `
cx="0"
cy="0"
fill={
Object {
{
"type": 0,
"value": 4293982719,
}
}
propList={
Array [
[
"fill",
]
}
@@ -686,12 +686,12 @@ exports[`Svg - Fill fill-slate-50 1`] = `
bbWidth="100%"
focusable={false}
style={
Array [
Object {
[
{
"backgroundColor": "transparent",
"borderWidth": 0,
},
Object {
{
"flex": 0,
"height": "100%",
"width": "100%",
@@ -704,13 +704,13 @@ exports[`Svg - Fill fill-slate-50 1`] = `
cx="0"
cy="0"
fill={
Object {
{
"type": 0,
"value": 4294507260,
}
}
propList={
Array [
[
"fill",
]
}
@@ -726,12 +726,12 @@ exports[`Svg - Fill fill-stone-50 1`] = `
bbWidth="100%"
focusable={false}
style={
Array [
Object {
[
{
"backgroundColor": "transparent",
"borderWidth": 0,
},
Object {
{
"flex": 0,
"height": "100%",
"width": "100%",
@@ -744,13 +744,13 @@ exports[`Svg - Fill fill-stone-50 1`] = `
cx="0"
cy="0"
fill={
Object {
{
"type": 0,
"value": 4294638329,
}
}
propList={
Array [
[
"fill",
]
}
@@ -766,12 +766,12 @@ exports[`Svg - Fill fill-teal-50 1`] = `
bbWidth="100%"
focusable={false}
style={
Array [
Object {
[
{
"backgroundColor": "transparent",
"borderWidth": 0,
},
Object {
{
"flex": 0,
"height": "100%",
"width": "100%",
@@ -784,13 +784,13 @@ exports[`Svg - Fill fill-teal-50 1`] = `
cx="0"
cy="0"
fill={
Object {
{
"type": 0,
"value": 4293983738,
}
}
propList={
Array [
[
"fill",
]
}
@@ -806,12 +806,12 @@ exports[`Svg - Fill fill-transparent 1`] = `
bbWidth="100%"
focusable={false}
style={
Array [
Object {
[
{
"backgroundColor": "transparent",
"borderWidth": 0,
},
Object {
{
"flex": 0,
"height": "100%",
"width": "100%",
@@ -824,13 +824,13 @@ exports[`Svg - Fill fill-transparent 1`] = `
cx="0"
cy="0"
fill={
Object {
{
"type": 0,
"value": 0,
}
}
propList={
Array [
[
"fill",
]
}
@@ -846,12 +846,12 @@ exports[`Svg - Fill fill-violet-50 1`] = `
bbWidth="100%"
focusable={false}
style={
Array [
Object {
[
{
"backgroundColor": "transparent",
"borderWidth": 0,
},
Object {
{
"flex": 0,
"height": "100%",
"width": "100%",
@@ -864,13 +864,13 @@ exports[`Svg - Fill fill-violet-50 1`] = `
cx="0"
cy="0"
fill={
Object {
{
"type": 0,
"value": 4294308863,
}
}
propList={
Array [
[
"fill",
]
}
@@ -886,12 +886,12 @@ exports[`Svg - Fill fill-white 1`] = `
bbWidth="100%"
focusable={false}
style={
Array [
Object {
[
{
"backgroundColor": "transparent",
"borderWidth": 0,
},
Object {
{
"flex": 0,
"height": "100%",
"width": "100%",
@@ -904,13 +904,13 @@ exports[`Svg - Fill fill-white 1`] = `
cx="0"
cy="0"
fill={
Object {
{
"type": 0,
"value": 4294967295,
}
}
propList={
Array [
[
"fill",
]
}
@@ -926,12 +926,12 @@ exports[`Svg - Fill fill-yellow-50 1`] = `
bbWidth="100%"
focusable={false}
style={
Array [
Object {
[
{
"backgroundColor": "transparent",
"borderWidth": 0,
},
Object {
{
"flex": 0,
"height": "100%",
"width": "100%",
@@ -944,13 +944,13 @@ exports[`Svg - Fill fill-yellow-50 1`] = `
cx="0"
cy="0"
fill={
Object {
{
"type": 0,
"value": 4294900968,
}
}
propList={
Array [
[
"fill",
]
}
@@ -966,12 +966,12 @@ exports[`Svg - Fill fill-zinc-50 1`] = `
bbWidth="100%"
focusable={false}
style={
Array [
Object {
[
{
"backgroundColor": "transparent",
"borderWidth": 0,
},
Object {
{
"flex": 0,
"height": "100%",
"width": "100%",
@@ -984,13 +984,13 @@ exports[`Svg - Fill fill-zinc-50 1`] = `
cx="0"
cy="0"
fill={
Object {
{
"type": 0,
"value": 4294638330,
}
}
propList={
Array [
[
"fill",
]
}

144
packages/nativewind/__tests__/tailwindcss/__snapshots__/gap.tsx.snap
View File

@@ -3,8 +3,8 @@
exports[`Flexbox & Grid - Gap gap-0 1`] = `
<View
style={
Array [
Object {
[
{
"marginLeft": -0,
"marginTop": -0,
},
@@ -13,8 +13,8 @@ exports[`Flexbox & Grid - Gap gap-0 1`] = `
>
<Text
style={
Array [
Object {
[
{
"marginLeft": 0,
"marginTop": 0,
},
@@ -25,8 +25,8 @@ exports[`Flexbox & Grid - Gap gap-0 1`] = `
</Text>
<Text
style={
Array [
Object {
[
{
"marginLeft": 0,
"marginTop": 0,
},
@@ -41,8 +41,8 @@ exports[`Flexbox & Grid - Gap gap-0 1`] = `
exports[`Flexbox & Grid - Gap gap-0.5 1`] = `
<View
style={
Array [
Object {
[
{
"marginLeft": -2,
"marginTop": -2,
},
@@ -51,8 +51,8 @@ exports[`Flexbox & Grid - Gap gap-0.5 1`] = `
>
<Text
style={
Array [
Object {
[
{
"marginLeft": 2,
"marginTop": 2,
},
@@ -63,8 +63,8 @@ exports[`Flexbox & Grid - Gap gap-0.5 1`] = `
</Text>
<Text
style={
Array [
Object {
[
{
"marginLeft": 2,
"marginTop": 2,
},
@@ -79,8 +79,8 @@ exports[`Flexbox & Grid - Gap gap-0.5 1`] = `
exports[`Flexbox & Grid - Gap gap-1 1`] = `
<View
style={
Array [
Object {
[
{
"marginLeft": -4,
"marginTop": -4,
},
@@ -89,8 +89,8 @@ exports[`Flexbox & Grid - Gap gap-1 1`] = `
>
<Text
style={
Array [
Object {
[
{
"marginLeft": 4,
"marginTop": 4,
},
@@ -101,8 +101,8 @@ exports[`Flexbox & Grid - Gap gap-1 1`] = `
</Text>
<Text
style={
Array [
Object {
[
{
"marginLeft": 4,
"marginTop": 4,
},
@@ -117,8 +117,8 @@ exports[`Flexbox & Grid - Gap gap-1 1`] = `
exports[`Flexbox & Grid - Gap gap-px 1`] = `
<View
style={
Array [
Object {
[
{
"marginLeft": -1,
"marginTop": -1,
},
@@ -127,8 +127,8 @@ exports[`Flexbox & Grid - Gap gap-px 1`] = `
>
<Text
style={
Array [
Object {
[
{
"marginLeft": 1,
"marginTop": 1,
},
@@ -139,8 +139,8 @@ exports[`Flexbox & Grid - Gap gap-px 1`] = `
</Text>
<Text
style={
Array [
Object {
[
{
"marginLeft": 1,
"marginTop": 1,
},
@@ -155,8 +155,8 @@ exports[`Flexbox & Grid - Gap gap-px 1`] = `
exports[`Flexbox & Grid - Gap gap-x-0 1`] = `
<View
style={
Array [
Object {
[
{
"marginLeft": -0,
},
]
@@ -164,8 +164,8 @@ exports[`Flexbox & Grid - Gap gap-x-0 1`] = `
>
<Text
style={
Array [
Object {
[
{
"marginLeft": 0,
},
]
@@ -175,8 +175,8 @@ exports[`Flexbox & Grid - Gap gap-x-0 1`] = `
</Text>
<Text
style={
Array [
Object {
[
{
"marginLeft": 0,
},
]
@@ -190,8 +190,8 @@ exports[`Flexbox & Grid - Gap gap-x-0 1`] = `
exports[`Flexbox & Grid - Gap gap-x-0.5 1`] = `
<View
style={
Array [
Object {
[
{
"marginLeft": -2,
},
]
@@ -199,8 +199,8 @@ exports[`Flexbox & Grid - Gap gap-x-0.5 1`] = `
>
<Text
style={
Array [
Object {
[
{
"marginLeft": 2,
},
]
@@ -210,8 +210,8 @@ exports[`Flexbox & Grid - Gap gap-x-0.5 1`] = `
</Text>
<Text
style={
Array [
Object {
[
{
"marginLeft": 2,
},
]
@@ -225,8 +225,8 @@ exports[`Flexbox & Grid - Gap gap-x-0.5 1`] = `
exports[`Flexbox & Grid - Gap gap-x-1 1`] = `
<View
style={
Array [
Object {
[
{
"marginLeft": -4,
},
]
@@ -234,8 +234,8 @@ exports[`Flexbox & Grid - Gap gap-x-1 1`] = `
>
<Text
style={
Array [
Object {
[
{
"marginLeft": 4,
},
]
@@ -245,8 +245,8 @@ exports[`Flexbox & Grid - Gap gap-x-1 1`] = `
</Text>
<Text
style={
Array [
Object {
[
{
"marginLeft": 4,
},
]
@@ -260,8 +260,8 @@ exports[`Flexbox & Grid - Gap gap-x-1 1`] = `
exports[`Flexbox & Grid - Gap gap-x-px 1`] = `
<View
style={
Array [
Object {
[
{
"marginLeft": -1,
},
]
@@ -269,8 +269,8 @@ exports[`Flexbox & Grid - Gap gap-x-px 1`] = `
>
<Text
style={
Array [
Object {
[
{
"marginLeft": 1,
},
]
@@ -280,8 +280,8 @@ exports[`Flexbox & Grid - Gap gap-x-px 1`] = `
</Text>
<Text
style={
Array [
Object {
[
{
"marginLeft": 1,
},
]
@@ -295,8 +295,8 @@ exports[`Flexbox & Grid - Gap gap-x-px 1`] = `
exports[`Flexbox & Grid - Gap gap-y-0 1`] = `
<View
style={
Array [
Object {
[
{
"marginTop": -0,
},
]
@@ -304,8 +304,8 @@ exports[`Flexbox & Grid - Gap gap-y-0 1`] = `
>
<Text
style={
Array [
Object {
[
{
"marginTop": 0,
},
]
@@ -315,8 +315,8 @@ exports[`Flexbox & Grid - Gap gap-y-0 1`] = `
</Text>
<Text
style={
Array [
Object {
[
{
"marginTop": 0,
},
]
@@ -330,8 +330,8 @@ exports[`Flexbox & Grid - Gap gap-y-0 1`] = `
exports[`Flexbox & Grid - Gap gap-y-0.5 1`] = `
<View
style={
Array [
Object {
[
{
"marginTop": -2,
},
]
@@ -339,8 +339,8 @@ exports[`Flexbox & Grid - Gap gap-y-0.5 1`] = `
>
<Text
style={
Array [
Object {
[
{
"marginTop": 2,
},
]
@@ -350,8 +350,8 @@ exports[`Flexbox & Grid - Gap gap-y-0.5 1`] = `
</Text>
<Text
style={
Array [
Object {
[
{
"marginTop": 2,
},
]
@@ -365,8 +365,8 @@ exports[`Flexbox & Grid - Gap gap-y-0.5 1`] = `
exports[`Flexbox & Grid - Gap gap-y-1 1`] = `
<View
style={
Array [
Object {
[
{
"marginTop": -4,
},
]
@@ -374,8 +374,8 @@ exports[`Flexbox & Grid - Gap gap-y-1 1`] = `
>
<Text
style={
Array [
Object {
[
{
"marginTop": 4,
},
]
@@ -385,8 +385,8 @@ exports[`Flexbox & Grid - Gap gap-y-1 1`] = `
</Text>
<Text
style={
Array [
Object {
[
{
"marginTop": 4,
},
]
@@ -400,8 +400,8 @@ exports[`Flexbox & Grid - Gap gap-y-1 1`] = `
exports[`Flexbox & Grid - Gap gap-y-px 1`] = `
<View
style={
Array [
Object {
[
{
"marginTop": -1,
},
]
@@ -409,8 +409,8 @@ exports[`Flexbox & Grid - Gap gap-y-px 1`] = `
>
<Text
style={
Array [
Object {
[
{
"marginTop": 1,
},
]
@@ -420,8 +420,8 @@ exports[`Flexbox & Grid - Gap gap-y-px 1`] = `
</Text>
<Text
style={
Array [
Object {
[
{
"marginTop": 1,
},
]

2
packages/nativewind/__tests__/tailwindcss/__snapshots__/rtl.tsx.snap
View File

@@ -8,7 +8,7 @@ Array [
`;
exports[`RTL right 1`] = `
Array [
[
<View />,
<View />,
]

48
packages/nativewind/__tests__/tailwindcss/__snapshots__/space-between.tsx.snap
View File

@@ -7,8 +7,8 @@ exports[`Layout - Space between space-x-0 1`] = `
</Text>
<Text
style={
Array [
Object {
[
{
"marginLeft": 0,
},
]
@@ -26,8 +26,8 @@ exports[`Layout - Space between space-x-0.5 1`] = `
</Text>
<Text
style={
Array [
Object {
[
{
"marginLeft": 2,
},
]
@@ -45,8 +45,8 @@ exports[`Layout - Space between space-x-1 1`] = `
</Text>
<Text
style={
Array [
Object {
[
{
"marginLeft": 4,
},
]
@@ -64,8 +64,8 @@ exports[`Layout - Space between space-x-1.5 1`] = `
</Text>
<Text
style={
Array [
Object {
[
{
"marginLeft": 6,
},
]
@@ -83,8 +83,8 @@ exports[`Layout - Space between space-x-96 1`] = `
</Text>
<Text
style={
Array [
Object {
[
{
"marginLeft": 384,
},
]
@@ -102,8 +102,8 @@ exports[`Layout - Space between space-x-px 1`] = `
</Text>
<Text
style={
Array [
Object {
[
{
"marginLeft": 1,
},
]
@@ -121,8 +121,8 @@ exports[`Layout - Space between space-y-0 1`] = `
</Text>
<Text
style={
Array [
Object {
[
{
"marginTop": 0,
},
]
@@ -140,8 +140,8 @@ exports[`Layout - Space between space-y-0.5 1`] = `
</Text>
<Text
style={
Array [
Object {
[
{
"marginTop": 2,
},
]
@@ -159,8 +159,8 @@ exports[`Layout - Space between space-y-1 1`] = `
</Text>
<Text
style={
Array [
Object {
[
{
"marginTop": 4,
},
]
@@ -178,8 +178,8 @@ exports[`Layout - Space between space-y-1.5 1`] = `
</Text>
<Text
style={
Array [
Object {
[
{
"marginTop": 6,
},
]
@@ -197,8 +197,8 @@ exports[`Layout - Space between space-y-96 1`] = `
</Text>
<Text
style={
Array [
Object {
[
{
"marginTop": 384,
},
]
@@ -216,8 +216,8 @@ exports[`Layout - Space between space-y-px 1`] = `
</Text>
<Text
style={
Array [
Object {
[
{
"marginTop": 1,
},
]

24
packages/nativewind/__tests__/tailwindcss/__snapshots__/stroke-width.tsx.snap
View File

@@ -6,12 +6,12 @@ exports[`Svg - Stroke Width stroke-0 1`] = `
bbWidth="100%"
focusable={false}
style={
Array [
Object {
[
{
"backgroundColor": "transparent",
"borderWidth": 0,
},
Object {
{
"flex": 0,
"height": "100%",
"width": "100%",
@@ -24,7 +24,7 @@ exports[`Svg - Stroke Width stroke-0 1`] = `
cx="0"
cy="0"
propList={
Array [
[
"strokeWidth",
]
}
@@ -41,12 +41,12 @@ exports[`Svg - Stroke Width stroke-1 1`] = `
bbWidth="100%"
focusable={false}
style={
Array [
Object {
[
{
"backgroundColor": "transparent",
"borderWidth": 0,
},
Object {
{
"flex": 0,
"height": "100%",
"width": "100%",
@@ -59,7 +59,7 @@ exports[`Svg - Stroke Width stroke-1 1`] = `
cx="0"
cy="0"
propList={
Array [
[
"strokeWidth",
]
}
@@ -76,12 +76,12 @@ exports[`Svg - Stroke Width stroke-2 1`] = `
bbWidth="100%"
focusable={false}
style={
Array [
Object {
[
{
"backgroundColor": "transparent",
"borderWidth": 0,
},
Object {
{
"flex": 0,
"height": "100%",
"width": "100%",
@@ -94,7 +94,7 @@ exports[`Svg - Stroke Width stroke-2 1`] = `
cx="0"
cy="0"
propList={
Array [
[
"strokeWidth",
]
}

260
packages/nativewind/__tests__/tailwindcss/__snapshots__/stroke.tsx.snap
View File

@@ -6,12 +6,12 @@ exports[`Svg - Stroke stroke-amber-50 1`] = `
bbWidth="100%"
focusable={false}
style={
Array [
Object {
[
{
"backgroundColor": "transparent",
"borderWidth": 0,
},
Object {
{
"flex": 0,
"height": "100%",
"width": "100%",
@@ -24,13 +24,13 @@ exports[`Svg - Stroke stroke-amber-50 1`] = `
cx="0"
cy="0"
propList={
Array [
[
"stroke",
]
}
r="0"
stroke={
Object {
{
"type": 0,
"value": 4294966251,
}
@@ -46,12 +46,12 @@ exports[`Svg - Stroke stroke-black 1`] = `
bbWidth="100%"
focusable={false}
style={
Array [
Object {
[
{
"backgroundColor": "transparent",
"borderWidth": 0,
},
Object {
{
"flex": 0,
"height": "100%",
"width": "100%",
@@ -64,13 +64,13 @@ exports[`Svg - Stroke stroke-black 1`] = `
cx="0"
cy="0"
propList={
Array [
[
"stroke",
]
}
r="0"
stroke={
Object {
{
"type": 0,
"value": 4278190080,
}
@@ -86,12 +86,12 @@ exports[`Svg - Stroke stroke-blue-50 1`] = `
bbWidth="100%"
focusable={false}
style={
Array [
Object {
[
{
"backgroundColor": "transparent",
"borderWidth": 0,
},
Object {
{
"flex": 0,
"height": "100%",
"width": "100%",
@@ -104,13 +104,13 @@ exports[`Svg - Stroke stroke-blue-50 1`] = `
cx="0"
cy="0"
propList={
Array [
[
"stroke",
]
}
r="0"
stroke={
Object {
{
"type": 0,
"value": 4293916415,
}
@@ -126,12 +126,12 @@ exports[`Svg - Stroke stroke-cyan-50 1`] = `
bbWidth="100%"
focusable={false}
style={
Array [
Object {
[
{
"backgroundColor": "transparent",
"borderWidth": 0,
},
Object {
{
"flex": 0,
"height": "100%",
"width": "100%",
@@ -144,13 +144,13 @@ exports[`Svg - Stroke stroke-cyan-50 1`] = `
cx="0"
cy="0"
propList={
Array [
[
"stroke",
]
}
r="0"
stroke={
Object {
{
"type": 0,
"value": 4293721855,
}
@@ -166,12 +166,12 @@ exports[`Svg - Stroke stroke-emerald-50 1`] = `
bbWidth="100%"
focusable={false}
style={
Array [
Object {
[
{
"backgroundColor": "transparent",
"borderWidth": 0,
},
Object {
{
"flex": 0,
"height": "100%",
"width": "100%",
@@ -184,13 +184,13 @@ exports[`Svg - Stroke stroke-emerald-50 1`] = `
cx="0"
cy="0"
propList={
Array [
[
"stroke",
]
}
r="0"
stroke={
Object {
{
"type": 0,
"value": 4293721589,
}
@@ -206,12 +206,12 @@ exports[`Svg - Stroke stroke-fuchsia-50 1`] = `
bbWidth="100%"
focusable={false}
style={
Array [
Object {
[
{
"backgroundColor": "transparent",
"borderWidth": 0,
},
Object {
{
"flex": 0,
"height": "100%",
"width": "100%",
@@ -224,13 +224,13 @@ exports[`Svg - Stroke stroke-fuchsia-50 1`] = `
cx="0"
cy="0"
propList={
Array [
[
"stroke",
]
}
r="0"
stroke={
Object {
{
"type": 0,
"value": 4294833407,
}
@@ -246,12 +246,12 @@ exports[`Svg - Stroke stroke-gray-50 1`] = `
bbWidth="100%"
focusable={false}
style={
Array [
Object {
[
{
"backgroundColor": "transparent",
"borderWidth": 0,
},
Object {
{
"flex": 0,
"height": "100%",
"width": "100%",
@@ -264,13 +264,13 @@ exports[`Svg - Stroke stroke-gray-50 1`] = `
cx="0"
cy="0"
propList={
Array [
[
"stroke",
]
}
r="0"
stroke={
Object {
{
"type": 0,
"value": 4294572795,
}
@@ -286,12 +286,12 @@ exports[`Svg - Stroke stroke-green-50 1`] = `
bbWidth="100%"
focusable={false}
style={
Array [
Object {
[
{
"backgroundColor": "transparent",
"borderWidth": 0,
},
Object {
{
"flex": 0,
"height": "100%",
"width": "100%",
@@ -304,13 +304,13 @@ exports[`Svg - Stroke stroke-green-50 1`] = `
cx="0"
cy="0"
propList={
Array [
[
"stroke",
]
}
r="0"
stroke={
Object {
{
"type": 0,
"value": 4293983732,
}
@@ -326,12 +326,12 @@ exports[`Svg - Stroke stroke-indigo-50 1`] = `
bbWidth="100%"
focusable={false}
style={
Array [
Object {
[
{
"backgroundColor": "transparent",
"borderWidth": 0,
},
Object {
{
"flex": 0,
"height": "100%",
"width": "100%",
@@ -344,13 +344,13 @@ exports[`Svg - Stroke stroke-indigo-50 1`] = `
cx="0"
cy="0"
propList={
Array [
[
"stroke",
]
}
r="0"
stroke={
Object {
{
"type": 0,
"value": 4293849855,
}
@@ -366,12 +366,12 @@ exports[`Svg - Stroke stroke-lime-50 1`] = `
bbWidth="100%"
focusable={false}
style={
Array [
Object {
[
{
"backgroundColor": "transparent",
"borderWidth": 0,
},
Object {
{
"flex": 0,
"height": "100%",
"width": "100%",
@@ -384,13 +384,13 @@ exports[`Svg - Stroke stroke-lime-50 1`] = `
cx="0"
cy="0"
propList={
Array [
[
"stroke",
]
}
r="0"
stroke={
Object {
{
"type": 0,
"value": 4294442727,
}
@@ -406,12 +406,12 @@ exports[`Svg - Stroke stroke-neutral-50 1`] = `
bbWidth="100%"
focusable={false}
style={
Array [
Object {
[
{
"backgroundColor": "transparent",
"borderWidth": 0,
},
Object {
{
"flex": 0,
"height": "100%",
"width": "100%",
@@ -424,13 +424,13 @@ exports[`Svg - Stroke stroke-neutral-50 1`] = `
cx="0"
cy="0"
propList={
Array [
[
"stroke",
]
}
r="0"
stroke={
Object {
{
"type": 0,
"value": 4294638330,
}
@@ -446,12 +446,12 @@ exports[`Svg - Stroke stroke-orange-50 1`] = `
bbWidth="100%"
focusable={false}
style={
Array [
Object {
[
{
"backgroundColor": "transparent",
"borderWidth": 0,
},
Object {
{
"flex": 0,
"height": "100%",
"width": "100%",
@@ -464,13 +464,13 @@ exports[`Svg - Stroke stroke-orange-50 1`] = `
cx="0"
cy="0"
propList={
Array [
[
"stroke",
]
}
r="0"
stroke={
Object {
{
"type": 0,
"value": 4294965229,
}
@@ -486,12 +486,12 @@ exports[`Svg - Stroke stroke-pink-50 1`] = `
bbWidth="100%"
focusable={false}
style={
Array [
Object {
[
{
"backgroundColor": "transparent",
"borderWidth": 0,
},
Object {
{
"flex": 0,
"height": "100%",
"width": "100%",
@@ -504,13 +504,13 @@ exports[`Svg - Stroke stroke-pink-50 1`] = `
cx="0"
cy="0"
propList={
Array [
[
"stroke",
]
}
r="0"
stroke={
Object {
{
"type": 0,
"value": 4294832888,
}
@@ -526,12 +526,12 @@ exports[`Svg - Stroke stroke-purple-50 1`] = `
bbWidth="100%"
focusable={false}
style={
Array [
Object {
[
{
"backgroundColor": "transparent",
"borderWidth": 0,
},
Object {
{
"flex": 0,
"height": "100%",
"width": "100%",
@@ -544,13 +544,13 @@ exports[`Svg - Stroke stroke-purple-50 1`] = `
cx="0"
cy="0"
propList={
Array [
[
"stroke",
]
}
r="0"
stroke={
Object {
{
"type": 0,
"value": 4294637055,
}
@@ -566,12 +566,12 @@ exports[`Svg - Stroke stroke-red-50 1`] = `
bbWidth="100%"
focusable={false}
style={
Array [
Object {
[
{
"backgroundColor": "transparent",
"borderWidth": 0,
},
Object {
{
"flex": 0,
"height": "100%",
"width": "100%",
@@ -584,13 +584,13 @@ exports[`Svg - Stroke stroke-red-50 1`] = `
cx="0"
cy="0"
propList={
Array [
[
"stroke",
]
}
r="0"
stroke={
Object {
{
"type": 0,
"value": 4294898418,
}
@@ -606,12 +606,12 @@ exports[`Svg - Stroke stroke-rose-50 1`] = `
bbWidth="100%"
focusable={false}
style={
Array [
Object {
[
{
"backgroundColor": "transparent",
"borderWidth": 0,
},
Object {
{
"flex": 0,
"height": "100%",
"width": "100%",
@@ -624,13 +624,13 @@ exports[`Svg - Stroke stroke-rose-50 1`] = `
cx="0"
cy="0"
propList={
Array [
[
"stroke",
]
}
r="0"
stroke={
Object {
{
"type": 0,
"value": 4294963698,
}
@@ -646,12 +646,12 @@ exports[`Svg - Stroke stroke-sky-50 1`] = `
bbWidth="100%"
focusable={false}
style={
Array [
Object {
[
{
"backgroundColor": "transparent",
"borderWidth": 0,
},
Object {
{
"flex": 0,
"height": "100%",
"width": "100%",
@@ -664,13 +664,13 @@ exports[`Svg - Stroke stroke-sky-50 1`] = `
cx="0"
cy="0"
propList={
Array [
[
"stroke",
]
}
r="0"
stroke={
Object {
{
"type": 0,
"value": 4293982719,
}
@@ -686,12 +686,12 @@ exports[`Svg - Stroke stroke-slate-50 1`] = `
bbWidth="100%"
focusable={false}
style={
Array [
Object {
[
{
"backgroundColor": "transparent",
"borderWidth": 0,
},
Object {
{
"flex": 0,
"height": "100%",
"width": "100%",
@@ -704,13 +704,13 @@ exports[`Svg - Stroke stroke-slate-50 1`] = `
cx="0"
cy="0"
propList={
Array [
[
"stroke",
]
}
r="0"
stroke={
Object {
{
"type": 0,
"value": 4294507260,
}
@@ -726,12 +726,12 @@ exports[`Svg - Stroke stroke-stone-50 1`] = `
bbWidth="100%"
focusable={false}
style={
Array [
Object {
[
{
"backgroundColor": "transparent",
"borderWidth": 0,
},
Object {
{
"flex": 0,
"height": "100%",
"width": "100%",
@@ -744,13 +744,13 @@ exports[`Svg - Stroke stroke-stone-50 1`] = `
cx="0"
cy="0"
propList={
Array [
[
"stroke",
]
}
r="0"
stroke={
Object {
{
"type": 0,
"value": 4294638329,
}
@@ -766,12 +766,12 @@ exports[`Svg - Stroke stroke-teal-50 1`] = `
bbWidth="100%"
focusable={false}
style={
Array [
Object {
[
{
"backgroundColor": "transparent",
"borderWidth": 0,
},
Object {
{
"flex": 0,
"height": "100%",
"width": "100%",
@@ -784,13 +784,13 @@ exports[`Svg - Stroke stroke-teal-50 1`] = `
cx="0"
cy="0"
propList={
Array [
[
"stroke",
]
}
r="0"
stroke={
Object {
{
"type": 0,
"value": 4293983738,
}
@@ -806,12 +806,12 @@ exports[`Svg - Stroke stroke-transparent 1`] = `
bbWidth="100%"
focusable={false}
style={
Array [
Object {
[
{
"backgroundColor": "transparent",
"borderWidth": 0,
},
Object {
{
"flex": 0,
"height": "100%",
"width": "100%",
@@ -824,13 +824,13 @@ exports[`Svg - Stroke stroke-transparent 1`] = `
cx="0"
cy="0"
propList={
Array [
[
"stroke",
]
}
r="0"
stroke={
Object {
{
"type": 0,
"value": 0,
}
@@ -846,12 +846,12 @@ exports[`Svg - Stroke stroke-violet-50 1`] = `
bbWidth="100%"
focusable={false}
style={
Array [
Object {
[
{
"backgroundColor": "transparent",
"borderWidth": 0,
},
Object {
{
"flex": 0,
"height": "100%",
"width": "100%",
@@ -864,13 +864,13 @@ exports[`Svg - Stroke stroke-violet-50 1`] = `
cx="0"
cy="0"
propList={
Array [
[
"stroke",
]
}
r="0"
stroke={
Object {
{
"type": 0,
"value": 4294308863,
}
@@ -886,12 +886,12 @@ exports[`Svg - Stroke stroke-white 1`] = `
bbWidth="100%"
focusable={false}
style={
Array [
Object {
[
{
"backgroundColor": "transparent",
"borderWidth": 0,
},
Object {
{
"flex": 0,
"height": "100%",
"width": "100%",
@@ -904,13 +904,13 @@ exports[`Svg - Stroke stroke-white 1`] = `
cx="0"
cy="0"
propList={
Array [
[
"stroke",
]
}
r="0"
stroke={
Object {
{
"type": 0,
"value": 4294967295,
}
@@ -926,12 +926,12 @@ exports[`Svg - Stroke stroke-yellow-50 1`] = `
bbWidth="100%"
focusable={false}
style={
Array [
Object {
[
{
"backgroundColor": "transparent",
"borderWidth": 0,
},
Object {
{
"flex": 0,
"height": "100%",
"width": "100%",
@@ -944,13 +944,13 @@ exports[`Svg - Stroke stroke-yellow-50 1`] = `
cx="0"
cy="0"
propList={
Array [
[
"stroke",
]
}
r="0"
stroke={
Object {
{
"type": 0,
"value": 4294900968,
}
@@ -966,12 +966,12 @@ exports[`Svg - Stroke stroke-zinc-50 1`] = `
bbWidth="100%"
focusable={false}
style={
Array [
Object {
[
{
"backgroundColor": "transparent",
"borderWidth": 0,
},
Object {
{
"flex": 0,
"height": "100%",
"width": "100%",
@@ -984,13 +984,13 @@ exports[`Svg - Stroke stroke-zinc-50 1`] = `
cx="0"
cy="0"
propList={
Array [
[
"stroke",
]
}
r="0"
stroke={
Object {
{
"type": 0,
"value": 4294638330,
}
@@ -1006,12 +1006,12 @@ exports[`Svg - Stroke works with stroke width 1`] = `
bbWidth="100%"
focusable={false}
style={
Array [
Object {
[
{
"backgroundColor": "transparent",
"borderWidth": 0,
},
Object {
{
"flex": 0,
"height": "100%",
"width": "100%",
@@ -1024,14 +1024,14 @@ exports[`Svg - Stroke works with stroke width 1`] = `
cx="0"
cy="0"
propList={
Array [
[
"stroke",
"strokeWidth",
]
}
r="0"
stroke={
Object {
{
"type": 0,
"value": 4294967295,
}