kylefang/react
1
0
Fork 0
mirror of https://github.com/zhigang1992/react.git synced 2026-01-27 08:58:46 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(grid): fix the invalid property of flex in the default scene (#457)

Browse Source 
* fix(grid): fix the invalid property of flex in the default scene

* test(grid): update snapshots

* chore: release v2.1.2
This commit is contained in:
witt
2021-02-16 17:39:54 +08:00
committed by GitHub
parent 823fcfc445
commit ac25da9a9b
4 changed files with 128 additions and 128 deletions
Download Patch File Download Diff File Expand all files Collapse all files

240
components/grid/__tests__/__snapshots__/index.test.tsx.snap
View File

@@ -25,7 +25,7 @@ exports[`Grid all breakpoint values should be supported 1`] = `
flex-grow: 0;
max-width: 4.166666666666667%;
flex-basis: 4.166666666666667%;
display: unset;
display: inherit;
}
@media only screen and (max-width: 650px) {
@@ -33,7 +33,7 @@ exports[`Grid all breakpoint values should be supported 1`] = `
flex-grow: 0;
max-width: 4.166666666666667%;
flex-basis: 4.166666666666667%;
display: unset;
display: inherit;
}
}
@@ -42,7 +42,7 @@ exports[`Grid all breakpoint values should be supported 1`] = `
flex-grow: 0;
max-width: 8.333333333333334%;
flex-basis: 8.333333333333334%;
display: unset;
display: inherit;
}
}
@@ -51,7 +51,7 @@ exports[`Grid all breakpoint values should be supported 1`] = `
flex-grow: 0;
max-width: 12.5%;
flex-basis: 12.5%;
display: unset;
display: inherit;
}
}
@@ -60,7 +60,7 @@ exports[`Grid all breakpoint values should be supported 1`] = `
flex-grow: 0;
max-width: 16.666666666666668%;
flex-basis: 16.666666666666668%;
display: unset;
display: inherit;
}
}
@@ -69,7 +69,7 @@ exports[`Grid all breakpoint values should be supported 1`] = `
flex-grow: 0;
max-width: 20.833333333333336%;
flex-basis: 20.833333333333336%;
display: unset;
display: inherit;
}
}
</style></div><style>
@@ -96,7 +96,7 @@ exports[`Grid all breakpoint values should be supported 1`] = `
flex-grow: 0;
max-width: 4.166666666666667%;
flex-basis: 4.166666666666667%;
display: unset;
display: inherit;
}
@media only screen and (max-width: 650px) {
@@ -104,7 +104,7 @@ exports[`Grid all breakpoint values should be supported 1`] = `
flex-grow: 0;
max-width: 4.166666666666667%;
flex-basis: 4.166666666666667%;
display: unset;
display: inherit;
}
}
@@ -113,7 +113,7 @@ exports[`Grid all breakpoint values should be supported 1`] = `
flex-grow: 0;
max-width: 8.333333333333334%;
flex-basis: 8.333333333333334%;
display: unset;
display: inherit;
}
}
@@ -122,7 +122,7 @@ exports[`Grid all breakpoint values should be supported 1`] = `
flex-grow: 0;
max-width: 12.5%;
flex-basis: 12.5%;
display: unset;
display: inherit;
}
}
@@ -131,7 +131,7 @@ exports[`Grid all breakpoint values should be supported 1`] = `
flex-grow: 0;
max-width: 16.666666666666668%;
flex-basis: 16.666666666666668%;
display: unset;
display: inherit;
}
}
@@ -140,7 +140,7 @@ exports[`Grid all breakpoint values should be supported 1`] = `
flex-grow: 0;
max-width: 20.833333333333336%;
flex-basis: 20.833333333333336%;
display: unset;
display: inherit;
}
}
</style></div>"
@@ -171,7 +171,7 @@ exports[`Grid css value should be passed through 1`] = `
flex-grow: 1;
max-width: 100%;
flex-basis: 0;
display: unset;
display: inherit;
}
@media only screen and (max-width: 650px) {
@@ -179,7 +179,7 @@ exports[`Grid css value should be passed through 1`] = `
flex-grow: 1;
max-width: 100%;
flex-basis: 0;
display: unset;
display: inherit;
}
}
@@ -188,7 +188,7 @@ exports[`Grid css value should be passed through 1`] = `
flex-grow: 1;
max-width: 100%;
flex-basis: 0;
display: unset;
display: inherit;
}
}
@@ -197,7 +197,7 @@ exports[`Grid css value should be passed through 1`] = `
flex-grow: 1;
max-width: 100%;
flex-basis: 0;
display: unset;
display: inherit;
}
}
@@ -206,7 +206,7 @@ exports[`Grid css value should be passed through 1`] = `
flex-grow: 1;
max-width: 100%;
flex-basis: 0;
display: unset;
display: inherit;
}
}
@@ -215,7 +215,7 @@ exports[`Grid css value should be passed through 1`] = `
flex-grow: 1;
max-width: 100%;
flex-basis: 0;
display: unset;
display: inherit;
}
}
</style></div><style>
@@ -242,7 +242,7 @@ exports[`Grid css value should be passed through 1`] = `
flex-grow: 1;
max-width: 100%;
flex-basis: 0;
display: unset;
display: inherit;
}
@media only screen and (max-width: 650px) {
@@ -250,7 +250,7 @@ exports[`Grid css value should be passed through 1`] = `
flex-grow: 1;
max-width: 100%;
flex-basis: 0;
display: unset;
display: inherit;
}
}
@@ -259,7 +259,7 @@ exports[`Grid css value should be passed through 1`] = `
flex-grow: 1;
max-width: 100%;
flex-basis: 0;
display: unset;
display: inherit;
}
}
@@ -268,7 +268,7 @@ exports[`Grid css value should be passed through 1`] = `
flex-grow: 1;
max-width: 100%;
flex-basis: 0;
display: unset;
display: inherit;
}
}
@@ -277,7 +277,7 @@ exports[`Grid css value should be passed through 1`] = `
flex-grow: 1;
max-width: 100%;
flex-basis: 0;
display: unset;
display: inherit;
}
}
@@ -286,7 +286,7 @@ exports[`Grid css value should be passed through 1`] = `
flex-grow: 1;
max-width: 100%;
flex-basis: 0;
display: unset;
display: inherit;
}
}
</style></div>"
@@ -317,7 +317,7 @@ exports[`Grid decimal spacing should be supported 1`] = `
flex-grow: 1;
max-width: 100%;
flex-basis: 0;
display: unset;
display: inherit;
}
@media only screen and (max-width: 650px) {
@@ -325,7 +325,7 @@ exports[`Grid decimal spacing should be supported 1`] = `
flex-grow: 1;
max-width: 100%;
flex-basis: 0;
display: unset;
display: inherit;
}
}
@@ -334,7 +334,7 @@ exports[`Grid decimal spacing should be supported 1`] = `
flex-grow: 1;
max-width: 100%;
flex-basis: 0;
display: unset;
display: inherit;
}
}
@@ -343,7 +343,7 @@ exports[`Grid decimal spacing should be supported 1`] = `
flex-grow: 1;
max-width: 100%;
flex-basis: 0;
display: unset;
display: inherit;
}
}
@@ -352,7 +352,7 @@ exports[`Grid decimal spacing should be supported 1`] = `
flex-grow: 1;
max-width: 100%;
flex-basis: 0;
display: unset;
display: inherit;
}
}
@@ -361,7 +361,7 @@ exports[`Grid decimal spacing should be supported 1`] = `
flex-grow: 1;
max-width: 100%;
flex-basis: 0;
display: unset;
display: inherit;
}
}
</style></div><style>
@@ -388,7 +388,7 @@ exports[`Grid decimal spacing should be supported 1`] = `
flex-grow: 1;
max-width: 100%;
flex-basis: 0;
display: unset;
display: inherit;
}
@media only screen and (max-width: 650px) {
@@ -396,7 +396,7 @@ exports[`Grid decimal spacing should be supported 1`] = `
flex-grow: 1;
max-width: 100%;
flex-basis: 0;
display: unset;
display: inherit;
}
}
@@ -405,7 +405,7 @@ exports[`Grid decimal spacing should be supported 1`] = `
flex-grow: 1;
max-width: 100%;
flex-basis: 0;
display: unset;
display: inherit;
}
}
@@ -414,7 +414,7 @@ exports[`Grid decimal spacing should be supported 1`] = `
flex-grow: 1;
max-width: 100%;
flex-basis: 0;
display: unset;
display: inherit;
}
}
@@ -423,7 +423,7 @@ exports[`Grid decimal spacing should be supported 1`] = `
flex-grow: 1;
max-width: 100%;
flex-basis: 0;
display: unset;
display: inherit;
}
}
@@ -432,7 +432,7 @@ exports[`Grid decimal spacing should be supported 1`] = `
flex-grow: 1;
max-width: 100%;
flex-basis: 0;
display: unset;
display: inherit;
}
}
</style></div>"
@@ -463,7 +463,7 @@ exports[`Grid nested components should be supported 1`] = `
flex-grow: 1;
max-width: 100%;
flex-basis: 0;
display: unset;
display: inherit;
}
@media only screen and (max-width: 650px) {
@@ -471,7 +471,7 @@ exports[`Grid nested components should be supported 1`] = `
flex-grow: 1;
max-width: 100%;
flex-basis: 0;
display: unset;
display: inherit;
}
}
@@ -480,7 +480,7 @@ exports[`Grid nested components should be supported 1`] = `
flex-grow: 1;
max-width: 100%;
flex-basis: 0;
display: unset;
display: inherit;
}
}
@@ -489,7 +489,7 @@ exports[`Grid nested components should be supported 1`] = `
flex-grow: 1;
max-width: 100%;
flex-basis: 0;
display: unset;
display: inherit;
}
}
@@ -498,7 +498,7 @@ exports[`Grid nested components should be supported 1`] = `
flex-grow: 1;
max-width: 100%;
flex-basis: 0;
display: unset;
display: inherit;
}
}
@@ -507,7 +507,7 @@ exports[`Grid nested components should be supported 1`] = `
flex-grow: 1;
max-width: 100%;
flex-basis: 0;
display: unset;
display: inherit;
}
}
</style></div><div class=\\"item mock \\"><div class=\\"item mock \\">test<style>
@@ -534,7 +534,7 @@ exports[`Grid nested components should be supported 1`] = `
flex-grow: 1;
max-width: 100%;
flex-basis: 0;
display: unset;
display: inherit;
}
@media only screen and (max-width: 650px) {
@@ -542,7 +542,7 @@ exports[`Grid nested components should be supported 1`] = `
flex-grow: 1;
max-width: 100%;
flex-basis: 0;
display: unset;
display: inherit;
}
}
@@ -551,7 +551,7 @@ exports[`Grid nested components should be supported 1`] = `
flex-grow: 1;
max-width: 100%;
flex-basis: 0;
display: unset;
display: inherit;
}
}
@@ -560,7 +560,7 @@ exports[`Grid nested components should be supported 1`] = `
flex-grow: 1;
max-width: 100%;
flex-basis: 0;
display: unset;
display: inherit;
}
}
@@ -569,7 +569,7 @@ exports[`Grid nested components should be supported 1`] = `
flex-grow: 1;
max-width: 100%;
flex-basis: 0;
display: unset;
display: inherit;
}
}
@@ -578,7 +578,7 @@ exports[`Grid nested components should be supported 1`] = `
flex-grow: 1;
max-width: 100%;
flex-basis: 0;
display: unset;
display: inherit;
}
}
</style></div><div class=\\"item mock \\"><div class=\\"item mock \\">test<style>
@@ -605,7 +605,7 @@ exports[`Grid nested components should be supported 1`] = `
flex-grow: 1;
max-width: 100%;
flex-basis: 0;
display: unset;
display: inherit;
}
@media only screen and (max-width: 650px) {
@@ -613,7 +613,7 @@ exports[`Grid nested components should be supported 1`] = `
flex-grow: 1;
max-width: 100%;
flex-basis: 0;
display: unset;
display: inherit;
}
}
@@ -622,7 +622,7 @@ exports[`Grid nested components should be supported 1`] = `
flex-grow: 1;
max-width: 100%;
flex-basis: 0;
display: unset;
display: inherit;
}
}
@@ -631,7 +631,7 @@ exports[`Grid nested components should be supported 1`] = `
flex-grow: 1;
max-width: 100%;
flex-basis: 0;
display: unset;
display: inherit;
}
}
@@ -640,7 +640,7 @@ exports[`Grid nested components should be supported 1`] = `
flex-grow: 1;
max-width: 100%;
flex-basis: 0;
display: unset;
display: inherit;
}
}
@@ -649,7 +649,7 @@ exports[`Grid nested components should be supported 1`] = `
flex-grow: 1;
max-width: 100%;
flex-basis: 0;
display: unset;
display: inherit;
}
}
</style></div><div class=\\"item mock \\"><div class=\\"item mock \\">test<style>
@@ -676,7 +676,7 @@ exports[`Grid nested components should be supported 1`] = `
flex-grow: 1;
max-width: 100%;
flex-basis: 0;
display: unset;
display: inherit;
}
@media only screen and (max-width: 650px) {
@@ -684,7 +684,7 @@ exports[`Grid nested components should be supported 1`] = `
flex-grow: 1;
max-width: 100%;
flex-basis: 0;
display: unset;
display: inherit;
}
}
@@ -693,7 +693,7 @@ exports[`Grid nested components should be supported 1`] = `
flex-grow: 1;
max-width: 100%;
flex-basis: 0;
display: unset;
display: inherit;
}
}
@@ -702,7 +702,7 @@ exports[`Grid nested components should be supported 1`] = `
flex-grow: 1;
max-width: 100%;
flex-basis: 0;
display: unset;
display: inherit;
}
}
@@ -711,7 +711,7 @@ exports[`Grid nested components should be supported 1`] = `
flex-grow: 1;
max-width: 100%;
flex-basis: 0;
display: unset;
display: inherit;
}
}
@@ -720,7 +720,7 @@ exports[`Grid nested components should be supported 1`] = `
flex-grow: 1;
max-width: 100%;
flex-basis: 0;
display: unset;
display: inherit;
}
}
</style></div><style>
@@ -747,7 +747,7 @@ exports[`Grid nested components should be supported 1`] = `
flex-grow: 1;
max-width: 100%;
flex-basis: 0;
display: unset;
display: inherit;
}
@media only screen and (max-width: 650px) {
@@ -755,7 +755,7 @@ exports[`Grid nested components should be supported 1`] = `
flex-grow: 1;
max-width: 100%;
flex-basis: 0;
display: unset;
display: inherit;
}
}
@@ -764,7 +764,7 @@ exports[`Grid nested components should be supported 1`] = `
flex-grow: 1;
max-width: 100%;
flex-basis: 0;
display: unset;
display: inherit;
}
}
@@ -773,7 +773,7 @@ exports[`Grid nested components should be supported 1`] = `
flex-grow: 1;
max-width: 100%;
flex-basis: 0;
display: unset;
display: inherit;
}
}
@@ -782,7 +782,7 @@ exports[`Grid nested components should be supported 1`] = `
flex-grow: 1;
max-width: 100%;
flex-basis: 0;
display: unset;
display: inherit;
}
}
@@ -791,7 +791,7 @@ exports[`Grid nested components should be supported 1`] = `
flex-grow: 1;
max-width: 100%;
flex-basis: 0;
display: unset;
display: inherit;
}
}
</style></div>,<style>
@@ -818,7 +818,7 @@ exports[`Grid nested components should be supported 1`] = `
flex-grow: 1;
max-width: 100%;
flex-basis: 0;
display: unset;
display: inherit;
}
@media only screen and (max-width: 650px) {
@@ -826,7 +826,7 @@ exports[`Grid nested components should be supported 1`] = `
flex-grow: 1;
max-width: 100%;
flex-basis: 0;
display: unset;
display: inherit;
}
}
@@ -835,7 +835,7 @@ exports[`Grid nested components should be supported 1`] = `
flex-grow: 1;
max-width: 100%;
flex-basis: 0;
display: unset;
display: inherit;
}
}
@@ -844,7 +844,7 @@ exports[`Grid nested components should be supported 1`] = `
flex-grow: 1;
max-width: 100%;
flex-basis: 0;
display: unset;
display: inherit;
}
}
@@ -853,7 +853,7 @@ exports[`Grid nested components should be supported 1`] = `
flex-grow: 1;
max-width: 100%;
flex-basis: 0;
display: unset;
display: inherit;
}
}
@@ -862,7 +862,7 @@ exports[`Grid nested components should be supported 1`] = `
flex-grow: 1;
max-width: 100%;
flex-basis: 0;
display: unset;
display: inherit;
}
}
</style></div>,<style>
@@ -889,7 +889,7 @@ exports[`Grid nested components should be supported 1`] = `
flex-grow: 1;
max-width: 100%;
flex-basis: 0;
display: unset;
display: inherit;
}
@media only screen and (max-width: 650px) {
@@ -897,7 +897,7 @@ exports[`Grid nested components should be supported 1`] = `
flex-grow: 1;
max-width: 100%;
flex-basis: 0;
display: unset;
display: inherit;
}
}
@@ -906,7 +906,7 @@ exports[`Grid nested components should be supported 1`] = `
flex-grow: 1;
max-width: 100%;
flex-basis: 0;
display: unset;
display: inherit;
}
}
@@ -915,7 +915,7 @@ exports[`Grid nested components should be supported 1`] = `
flex-grow: 1;
max-width: 100%;
flex-basis: 0;
display: unset;
display: inherit;
}
}
@@ -924,7 +924,7 @@ exports[`Grid nested components should be supported 1`] = `
flex-grow: 1;
max-width: 100%;
flex-basis: 0;
display: unset;
display: inherit;
}
}
@@ -933,7 +933,7 @@ exports[`Grid nested components should be supported 1`] = `
flex-grow: 1;
max-width: 100%;
flex-basis: 0;
display: unset;
display: inherit;
}
}
</style></div>,<style>
@@ -960,7 +960,7 @@ exports[`Grid nested components should be supported 1`] = `
flex-grow: 1;
max-width: 100%;
flex-basis: 0;
display: unset;
display: inherit;
}
@media only screen and (max-width: 650px) {
@@ -968,7 +968,7 @@ exports[`Grid nested components should be supported 1`] = `
flex-grow: 1;
max-width: 100%;
flex-basis: 0;
display: unset;
display: inherit;
}
}
@@ -977,7 +977,7 @@ exports[`Grid nested components should be supported 1`] = `
flex-grow: 1;
max-width: 100%;
flex-basis: 0;
display: unset;
display: inherit;
}
}
@@ -986,7 +986,7 @@ exports[`Grid nested components should be supported 1`] = `
flex-grow: 1;
max-width: 100%;
flex-basis: 0;
display: unset;
display: inherit;
}
}
@@ -995,7 +995,7 @@ exports[`Grid nested components should be supported 1`] = `
flex-grow: 1;
max-width: 100%;
flex-basis: 0;
display: unset;
display: inherit;
}
}
@@ -1004,7 +1004,7 @@ exports[`Grid nested components should be supported 1`] = `
flex-grow: 1;
max-width: 100%;
flex-basis: 0;
display: unset;
display: inherit;
}
}
</style></div>"
@@ -1035,7 +1035,7 @@ exports[`Grid should render correctly 1`] = `
flex-grow: 1;
max-width: 100%;
flex-basis: 0;
display: unset;
display: inherit;
}
@media only screen and (max-width: 650px) {
@@ -1043,7 +1043,7 @@ exports[`Grid should render correctly 1`] = `
flex-grow: 1;
max-width: 100%;
flex-basis: 0;
display: unset;
display: inherit;
}
}
@@ -1052,7 +1052,7 @@ exports[`Grid should render correctly 1`] = `
flex-grow: 1;
max-width: 100%;
flex-basis: 0;
display: unset;
display: inherit;
}
}
@@ -1061,7 +1061,7 @@ exports[`Grid should render correctly 1`] = `
flex-grow: 1;
max-width: 100%;
flex-basis: 0;
display: unset;
display: inherit;
}
}
@@ -1070,7 +1070,7 @@ exports[`Grid should render correctly 1`] = `
flex-grow: 1;
max-width: 100%;
flex-basis: 0;
display: unset;
display: inherit;
}
}
@@ -1079,7 +1079,7 @@ exports[`Grid should render correctly 1`] = `
flex-grow: 1;
max-width: 100%;
flex-basis: 0;
display: unset;
display: inherit;
}
}
</style></div><div class=\\"item mock \\">test<style>
@@ -1106,7 +1106,7 @@ exports[`Grid should render correctly 1`] = `
flex-grow: 1;
max-width: 100%;
flex-basis: 0;
display: unset;
display: inherit;
}
@media only screen and (max-width: 650px) {
@@ -1114,7 +1114,7 @@ exports[`Grid should render correctly 1`] = `
flex-grow: 1;
max-width: 100%;
flex-basis: 0;
display: unset;
display: inherit;
}
}
@@ -1123,7 +1123,7 @@ exports[`Grid should render correctly 1`] = `
flex-grow: 1;
max-width: 100%;
flex-basis: 0;
display: unset;
display: inherit;
}
}
@@ -1132,7 +1132,7 @@ exports[`Grid should render correctly 1`] = `
flex-grow: 1;
max-width: 100%;
flex-basis: 0;
display: unset;
display: inherit;
}
}
@@ -1141,7 +1141,7 @@ exports[`Grid should render correctly 1`] = `
flex-grow: 1;
max-width: 100%;
flex-basis: 0;
display: unset;
display: inherit;
}
}
@@ -1150,7 +1150,7 @@ exports[`Grid should render correctly 1`] = `
flex-grow: 1;
max-width: 100%;
flex-basis: 0;
display: unset;
display: inherit;
}
}
</style></div><style>
@@ -1177,7 +1177,7 @@ exports[`Grid should render correctly 1`] = `
flex-grow: 1;
max-width: 100%;
flex-basis: 0;
display: unset;
display: inherit;
}
@media only screen and (max-width: 650px) {
@@ -1185,7 +1185,7 @@ exports[`Grid should render correctly 1`] = `
flex-grow: 1;
max-width: 100%;
flex-basis: 0;
display: unset;
display: inherit;
}
}
@@ -1194,7 +1194,7 @@ exports[`Grid should render correctly 1`] = `
flex-grow: 1;
max-width: 100%;
flex-basis: 0;
display: unset;
display: inherit;
}
}
@@ -1203,7 +1203,7 @@ exports[`Grid should render correctly 1`] = `
flex-grow: 1;
max-width: 100%;
flex-basis: 0;
display: unset;
display: inherit;
}
}
@@ -1212,7 +1212,7 @@ exports[`Grid should render correctly 1`] = `
flex-grow: 1;
max-width: 100%;
flex-basis: 0;
display: unset;
display: inherit;
}
}
@@ -1221,7 +1221,7 @@ exports[`Grid should render correctly 1`] = `
flex-grow: 1;
max-width: 100%;
flex-basis: 0;
display: unset;
display: inherit;
}
}
</style></div>"
@@ -1252,7 +1252,7 @@ exports[`Grid should work correctly when size exceeds 1`] = `
flex-grow: 0;
max-width: 100%;
flex-basis: 100%;
display: unset;
display: inherit;
}
@media only screen and (max-width: 650px) {
@@ -1260,7 +1260,7 @@ exports[`Grid should work correctly when size exceeds 1`] = `
flex-grow: 0;
max-width: 100%;
flex-basis: 100%;
display: unset;
display: inherit;
}
}
@@ -1269,7 +1269,7 @@ exports[`Grid should work correctly when size exceeds 1`] = `
flex-grow: 1;
max-width: 100%;
flex-basis: 0;
display: unset;
display: inherit;
}
}
@@ -1278,7 +1278,7 @@ exports[`Grid should work correctly when size exceeds 1`] = `
flex-grow: 1;
max-width: 100%;
flex-basis: 0;
display: unset;
display: inherit;
}
}
@@ -1287,7 +1287,7 @@ exports[`Grid should work correctly when size exceeds 1`] = `
flex-grow: 1;
max-width: 100%;
flex-basis: 0;
display: unset;
display: inherit;
}
}
@@ -1296,7 +1296,7 @@ exports[`Grid should work correctly when size exceeds 1`] = `
flex-grow: 1;
max-width: 100%;
flex-basis: 0;
display: unset;
display: inherit;
}
}
</style></div><div class=\\"item xs mock \\">test<style>
@@ -1323,7 +1323,7 @@ exports[`Grid should work correctly when size exceeds 1`] = `
flex-grow: 0;
max-width: 0;
flex-basis: 0;
display: unset;
display: inherit;
}
@media only screen and (max-width: 650px) {
@@ -1331,7 +1331,7 @@ exports[`Grid should work correctly when size exceeds 1`] = `
flex-grow: 0;
max-width: 0;
flex-basis: 0;
display: unset;
display: inherit;
}
}
@@ -1340,7 +1340,7 @@ exports[`Grid should work correctly when size exceeds 1`] = `
flex-grow: 1;
max-width: 100%;
flex-basis: 0;
display: unset;
display: inherit;
}
}
@@ -1349,7 +1349,7 @@ exports[`Grid should work correctly when size exceeds 1`] = `
flex-grow: 1;
max-width: 100%;
flex-basis: 0;
display: unset;
display: inherit;
}
}
@@ -1358,7 +1358,7 @@ exports[`Grid should work correctly when size exceeds 1`] = `
flex-grow: 1;
max-width: 100%;
flex-basis: 0;
display: unset;
display: inherit;
}
}
@@ -1367,7 +1367,7 @@ exports[`Grid should work correctly when size exceeds 1`] = `
flex-grow: 1;
max-width: 100%;
flex-basis: 0;
display: unset;
display: inherit;
}
}
</style></div><style>
@@ -1394,7 +1394,7 @@ exports[`Grid should work correctly when size exceeds 1`] = `
flex-grow: 1;
max-width: 100%;
flex-basis: 0;
display: unset;
display: inherit;
}
@media only screen and (max-width: 650px) {
@@ -1402,7 +1402,7 @@ exports[`Grid should work correctly when size exceeds 1`] = `
flex-grow: 1;
max-width: 100%;
flex-basis: 0;
display: unset;
display: inherit;
}
}
@@ -1411,7 +1411,7 @@ exports[`Grid should work correctly when size exceeds 1`] = `
flex-grow: 1;
max-width: 100%;
flex-basis: 0;
display: unset;
display: inherit;
}
}
@@ -1420,7 +1420,7 @@ exports[`Grid should work correctly when size exceeds 1`] = `
flex-grow: 1;
max-width: 100%;
flex-basis: 0;
display: unset;
display: inherit;
}
}
@@ -1429,7 +1429,7 @@ exports[`Grid should work correctly when size exceeds 1`] = `
flex-grow: 1;
max-width: 100%;
flex-basis: 0;
display: unset;
display: inherit;
}
}
@@ -1438,7 +1438,7 @@ exports[`Grid should work correctly when size exceeds 1`] = `
flex-grow: 1;
max-width: 100%;
flex-basis: 0;
display: unset;
display: inherit;
}
}
</style></div>"

2
components/grid/basic-item.tsx
View File

@@ -35,7 +35,7 @@ type ItemLayoutValue = {
display: string
}
const getItemLayout = (val: BreakpointsValue): ItemLayoutValue => {
const display = val === 0 ? 'display: none;' : 'display: unset;'
const display = val === 0 ? 'display: none;' : 'display: inherit;'
if (typeof val === 'number') {
const width = (100 / 24) * val
const ratio = width > 100 ? '100%' : width < 0 ? '0' : `${width}%`

12
components/select/__tests__/__snapshots__/multiple.test.tsx.snap
View File

@@ -33,7 +33,7 @@ exports[`Select Multiple should render correctly 1`] = `
flex-grow: 1;
max-width: 100%;
flex-basis: 0;
display: unset;
display: inherit;
}
@media only screen and (max-width: 650px) {
@@ -41,7 +41,7 @@ exports[`Select Multiple should render correctly 1`] = `
flex-grow: 1;
max-width: 100%;
flex-basis: 0;
display: unset;
display: inherit;
}
}
@@ -50,7 +50,7 @@ exports[`Select Multiple should render correctly 1`] = `
flex-grow: 1;
max-width: 100%;
flex-basis: 0;
display: unset;
display: inherit;
}
}
@@ -59,7 +59,7 @@ exports[`Select Multiple should render correctly 1`] = `
flex-grow: 1;
max-width: 100%;
flex-basis: 0;
display: unset;
display: inherit;
}
}
@@ -68,7 +68,7 @@ exports[`Select Multiple should render correctly 1`] = `
flex-grow: 1;
max-width: 100%;
flex-basis: 0;
display: unset;
display: inherit;
}
}
@@ -77,7 +77,7 @@ exports[`Select Multiple should render correctly 1`] = `
flex-grow: 1;
max-width: 100%;
flex-basis: 0;
display: unset;
display: inherit;
}
}
</style></div><div class=\\"icon\\"><svg viewBox=\\"0 0 24 24\\" width=\\"1.25em\\" height=\\"1.25em\\" stroke-width=\\"1\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" fill=\\"none\\" shape-rendering=\\"geometricPrecision\\"><path d=\\"M6 9l6 6 6-6\\"></path><style>

2
package.json
View File

@@ -1,6 +1,6 @@
{
"name": "@geist-ui/react",
"version": "2.1.1",
"version": "2.1.2",
"main": "dist/index.js",
"module": "esm/index.js",
"types": "dist/index.d.ts",