From 81b1f094c801095c0d24de456277ff47cf613b37 Mon Sep 17 00:00:00 2001 From: Andrea Moretti Date: Wed, 14 Jul 2021 15:06:17 +0200 Subject: [PATCH] chore: update utility 1.2.0 (#63) * chore: update utility 1.2.0 * add tests --- .../packages/atoms/all/atom.css.snap | 910 ++++++++--------- .../packages/atoms/all/atom.min.css.snap | 2 +- .../packages/atoms/colors/index.d.ts.snap | 110 +-- .../packages/atoms/colors/index.esm.js.snap | 114 +-- .../packages/atoms/colors/index.js.snap | 114 +-- .../atoms/colors/module.css.json.snap | 2 +- .../packages/atoms/colors/module.css.snap | 922 ++++++++--------- .../packages/atoms/colors/result.css.snap | 928 +++++++++--------- .../atoms/icss-import/index.esm.js.snap | 2 +- .../packages/atoms/icss-import/index.js.snap | 2 +- .../atoms/icss-import/module.css.json.snap | 2 +- .../atoms/icss-import/result.css.snap | 18 +- .../atoms/media-queries/result.css.snap | 11 + .../atoms/pseudo-classes/index.esm.js.snap | 2 +- .../atoms/pseudo-classes/index.js.snap | 2 +- .../atoms/pseudo-classes/module.css.json.snap | 2 +- .../atoms/pseudo-classes/result.css.snap | 18 +- .../packages/atoms/variables/result.css.snap | 11 + .../packages/electrons/config/colors.js | 61 +- package.json | 4 +- templates/package.json.hbs | 2 +- yarn.lock | 8 +- 22 files changed, 1700 insertions(+), 1547 deletions(-) diff --git a/integration-test/packages/atoms/all/atom.css.snap b/integration-test/packages/atoms/all/atom.css.snap index 51cb097..1c86262 100644 --- a/integration-test/packages/atoms/all/atom.css.snap +++ b/integration-test/packages/atoms/all/atom.css.snap @@ -29,10 +29,8 @@ width: 100px; display: flex; border: 1px solid red; -}/* custom static css (e.g. normalize) can be added here */._1RrCqF { +}/* custom static css (e.g. normalize) can be added here */.YcXvtG { color: #1a1a1a -}.pQ96hs:hover { - color: #fafafa }.dgII7d { font-weight: bold } @@ -72,9 +70,7 @@ .sMmOaU .R2GDg- { color: green; } -/* custom static css (e.g. normalize) can be added here */._1RrCqF { - color: #1a1a1a -}.DJ9tNH:hover { +/* custom static css (e.g. normalize) can be added here */.YcXvtG { color: #1a1a1a } @@ -447,32 +443,17 @@ a:hover { .lQb_Er { color: yellow; } -._7XVRfh { - - color: transparent -} - -._1RrCqF { - - color: #1a1a1a -} - -.hKG3ag { - - color: #fafafa -} - -._8o7AdB:hover { +.EqdisS { color: transparent } -.DJ9tNH:hover { +.YcXvtG { color: #1a1a1a } -.pQ96hs:hover { +.gnEOu0 { color: #fafafa } @@ -492,21 +473,6 @@ a:hover { background-color: #fafafa } -.OW2t12:hover { - - background-color: transparent -} - -.p0K3V_:hover { - - background-color: #1a1a1a -} - -.u5CoHT:hover { - - background-color: #fafafa -} - .XMShGx:active { background-color: transparent @@ -537,21 +503,6 @@ a:hover { border-color: #fafafa } -.DdLERB:hover { - - border-color: transparent -} - -.sSTi9U:hover { - - border-color: #1a1a1a -} - -.SrlG4o:hover { - - border-color: #fafafa -} - .WrGzoU:focus { border-color: transparent @@ -567,22 +518,12 @@ a:hover { border-color: #fafafa } -.inverted ._1RrCqF { - - color: #fafafa -} - -.inverted .hKG3ag { - - color: #1a1a1a -} - -.inverted .DJ9tNH:hover { +.inverted .YcXvtG { color: #fafafa } -.inverted .pQ96hs:hover { +.inverted .gnEOu0 { color: #1a1a1a } @@ -597,16 +538,6 @@ a:hover { background-color: #1a1a1a } -.inverted .p0K3V_:hover { - - background-color: #fafafa -} - -.inverted .u5CoHT:hover { - - background-color: #1a1a1a -} - .inverted .pYWOaW:active { background-color: #fafafa @@ -627,16 +558,6 @@ a:hover { border-color: #1a1a1a } -.inverted .sSTi9U:hover { - - border-color: #fafafa -} - -.inverted .SrlG4o:hover { - - border-color: #1a1a1a -} - .inverted .iSk3wh:focus { border-color: #fafafa @@ -667,21 +588,6 @@ a:hover { color: #fafafa } - .MpFFe4:hover { - - color: transparent - } - - .sWWlLj:hover { - - color: #1a1a1a - } - - .o6Le8p:hover { - - color: #fafafa - } - .n9uP8O { background-color: transparent @@ -697,21 +603,6 @@ a:hover { background-color: #fafafa } - ._3A_tYX:hover { - - background-color: transparent - } - - .EWb8dI:hover { - - background-color: #1a1a1a - } - - .ZNbZad:hover { - - background-color: #fafafa - } - ._09Y3xY:active { background-color: transparent @@ -742,21 +633,6 @@ a:hover { border-color: #fafafa } - .itJNZE:hover { - - border-color: transparent - } - - .frDhwD:hover { - - border-color: #1a1a1a - } - - ._-3tIbX:hover { - - border-color: #fafafa - } - .z2U-id:focus { border-color: transparent @@ -782,16 +658,6 @@ a:hover { color: #1a1a1a } - .inverted .sWWlLj:hover { - - color: #fafafa - } - - .inverted .o6Le8p:hover { - - color: #1a1a1a - } - .inverted .JGmk2f { background-color: #fafafa @@ -802,16 +668,6 @@ a:hover { background-color: #1a1a1a } - .inverted .EWb8dI:hover { - - background-color: #fafafa - } - - .inverted .ZNbZad:hover { - - background-color: #1a1a1a - } - .inverted ._0yvfVT:active { background-color: #fafafa @@ -832,85 +688,123 @@ a:hover { border-color: #1a1a1a } - .inverted .frDhwD:hover { + .inverted ._47a4aF:focus { border-color: #fafafa } - .inverted ._-3tIbX:hover { + .inverted .VDNH3K:focus { border-color: #1a1a1a } +} - .inverted ._47a4aF:focus { +@media (hover: hover) and (pointer: fine) and screen and (min-width: 320px) { - border-color: #fafafa - } + .MpFFe4:hover { - .inverted .VDNH3K:focus { + color: transparent + } - border-color: #1a1a1a - } -} + .sWWlLj:hover { -@media screen and (min-width: 480px) { + color: #1a1a1a + } - .ZG5UC9 { + .o6Le8p:hover { - color: transparent - } + color: #fafafa + } - ._G9XCO { + ._3A_tYX:hover { - color: #1a1a1a - } + background-color: transparent + } - .qP7xSn { + .EWb8dI:hover { - color: #fafafa - } + background-color: #1a1a1a + } - ._17TE5:hover { + .ZNbZad:hover { - color: transparent - } + background-color: #fafafa + } - .f_hjdE:hover { + .itJNZE:hover { - color: #1a1a1a - } + border-color: transparent + } - .egCwcL:hover { + .frDhwD:hover { - color: #fafafa + border-color: #1a1a1a + } + + ._-3tIbX:hover { + + border-color: #fafafa + } + + .inverted .sWWlLj:hover { + + color: #fafafa + } + + .inverted .o6Le8p:hover { + + color: #1a1a1a + } + + .inverted .EWb8dI:hover { + + background-color: #fafafa + } + + .inverted .ZNbZad:hover { + + background-color: #1a1a1a + } + + .inverted .frDhwD:hover { + + border-color: #fafafa + } + + .inverted ._-3tIbX:hover { + + border-color: #1a1a1a + } } - .cT83fW { +@media screen and (min-width: 480px) { - background-color: transparent + .ZG5UC9 { + + color: transparent } - .cTzk67 { + ._G9XCO { - background-color: #1a1a1a + color: #1a1a1a } - .d87drd { + .qP7xSn { - background-color: #fafafa + color: #fafafa } - .aR3Ubx:hover { + .cT83fW { background-color: transparent } - .OkiZx1:hover { + .cTzk67 { background-color: #1a1a1a } - .KNhFJA:hover { + .d87drd { background-color: #fafafa } @@ -945,21 +839,6 @@ a:hover { border-color: #fafafa } - .JS26Ed:hover { - - border-color: transparent - } - - .vjwfDZ:hover { - - border-color: #1a1a1a - } - - .PIMcZH:hover { - - border-color: #fafafa - } - .Yy_yhi:focus { border-color: transparent @@ -985,16 +864,6 @@ a:hover { color: #1a1a1a } - .inverted .f_hjdE:hover { - - color: #fafafa - } - - .inverted .egCwcL:hover { - - color: #1a1a1a - } - .inverted .cTzk67 { background-color: #fafafa @@ -1005,16 +874,6 @@ a:hover { background-color: #1a1a1a } - .inverted .OkiZx1:hover { - - background-color: #fafafa - } - - .inverted .KNhFJA:hover { - - background-color: #1a1a1a - } - .inverted .PpdrMK:active { background-color: #fafafa @@ -1035,16 +894,6 @@ a:hover { border-color: #1a1a1a } - .inverted .vjwfDZ:hover { - - border-color: #fafafa - } - - .inverted .PIMcZH:hover { - - border-color: #1a1a1a - } - .inverted .k2XnVf:focus { border-color: #fafafa @@ -1056,115 +905,148 @@ a:hover { } } -@media screen and (min-width: 768px) { - ._1b2v1R { - font-size: 2em; - } - .xXc9fo { - font-size: 2em; - } +@media (hover: hover) and (pointer: fine) and screen and (min-width: 480px) { - .Aw2D45 { + ._17TE5:hover { - color: transparent - } + color: transparent + } - ._4b92dm { + .f_hjdE:hover { - color: #1a1a1a - } + color: #1a1a1a + } - .o8qdX5 { + .egCwcL:hover { - color: #fafafa - } + color: #fafafa + } - .VmcM14:hover { + .aR3Ubx:hover { - color: transparent - } + background-color: transparent + } - ._4pdGQt:hover { + .OkiZx1:hover { - color: #1a1a1a - } + background-color: #1a1a1a + } - ._8MyiUe:hover { + .KNhFJA:hover { - color: #fafafa - } + background-color: #fafafa + } - ._8eHx03 { + .JS26Ed:hover { - background-color: transparent - } + border-color: transparent + } - .ltaYW3 { + .vjwfDZ:hover { - background-color: #1a1a1a - } + border-color: #1a1a1a + } - .BhFfzx { + .PIMcZH:hover { - background-color: #fafafa + border-color: #fafafa + } + + .inverted .f_hjdE:hover { + + color: #fafafa + } + + .inverted .egCwcL:hover { + + color: #1a1a1a + } + + .inverted .OkiZx1:hover { + + background-color: #fafafa + } + + .inverted .KNhFJA:hover { + + background-color: #1a1a1a + } + + .inverted .vjwfDZ:hover { + + border-color: #fafafa + } + + .inverted .PIMcZH:hover { + + border-color: #1a1a1a + } } - .rlsckE:hover { +@media screen and (min-width: 768px) { + ._1b2v1R { + font-size: 2em; + } + .xXc9fo { + font-size: 2em; + } - background-color: transparent + .Aw2D45 { + + color: transparent } - .VtITcW:hover { + ._4b92dm { - background-color: #1a1a1a + color: #1a1a1a } - .MVQf1m:hover { + .o8qdX5 { - background-color: #fafafa + color: #fafafa } - .HV1jTO:active { + ._8eHx03 { background-color: transparent } - .x3vCBC:active { + .ltaYW3 { background-color: #1a1a1a } - ._8D7pd9:active { + .BhFfzx { background-color: #fafafa } - .mwSZUD { + .HV1jTO:active { - border-color: transparent + background-color: transparent } - ._-9Btvy { + .x3vCBC:active { - border-color: #1a1a1a + background-color: #1a1a1a } - .yGe1Ir { + ._8D7pd9:active { - border-color: #fafafa + background-color: #fafafa } - .fXkby9:hover { + .mwSZUD { border-color: transparent } - .gnRIud:hover { + ._-9Btvy { border-color: #1a1a1a } - .fFoYjL:hover { + .yGe1Ir { border-color: #fafafa } @@ -1194,16 +1076,6 @@ a:hover { color: #1a1a1a } - .inverted ._4pdGQt:hover { - - color: #fafafa - } - - .inverted ._8MyiUe:hover { - - color: #1a1a1a - } - .inverted .ltaYW3 { background-color: #fafafa @@ -1214,16 +1086,6 @@ a:hover { background-color: #1a1a1a } - .inverted .VtITcW:hover { - - background-color: #fafafa - } - - .inverted .MVQf1m:hover { - - background-color: #1a1a1a - } - .inverted .x3vCBC:active { background-color: #fafafa @@ -1244,26 +1106,94 @@ a:hover { border-color: #1a1a1a } - .inverted .gnRIud:hover { + .inverted ._11iKz3:focus { border-color: #fafafa } - .inverted .fFoYjL:hover { + .inverted .HIkC1B:focus { border-color: #1a1a1a } +} - .inverted ._11iKz3:focus { +@media (hover: hover) and (pointer: fine) and screen and (min-width: 768px) { - border-color: #fafafa - } + .VmcM14:hover { - .inverted .HIkC1B:focus { + color: transparent + } - border-color: #1a1a1a + ._4pdGQt:hover { + + color: #1a1a1a + } + + ._8MyiUe:hover { + + color: #fafafa + } + + .rlsckE:hover { + + background-color: transparent + } + + .VtITcW:hover { + + background-color: #1a1a1a + } + + .MVQf1m:hover { + + background-color: #fafafa + } + + .fXkby9:hover { + + border-color: transparent + } + + .gnRIud:hover { + + border-color: #1a1a1a + } + + .fFoYjL:hover { + + border-color: #fafafa + } + + .inverted ._4pdGQt:hover { + + color: #fafafa + } + + .inverted ._8MyiUe:hover { + + color: #1a1a1a + } + + .inverted .VtITcW:hover { + + background-color: #fafafa + } + + .inverted .MVQf1m:hover { + + background-color: #1a1a1a + } + + .inverted .gnRIud:hover { + + border-color: #fafafa + } + + .inverted .fFoYjL:hover { + + border-color: #1a1a1a + } } -} @media screen and (min-width: 1024px) { .HNuXy3 { @@ -1291,21 +1221,6 @@ a:hover { color: #fafafa } - .XhfU7x:hover { - - color: transparent - } - - .K7oBMw:hover { - - color: #1a1a1a - } - - .WumQPC:hover { - - color: #fafafa - } - .jZWNUM { background-color: transparent @@ -1321,21 +1236,6 @@ a:hover { background-color: #fafafa } - .ZyQBE3:hover { - - background-color: transparent - } - - ._3-idl1:hover { - - background-color: #1a1a1a - } - - .uUQ62H:hover { - - background-color: #fafafa - } - .AoVx-4:active { background-color: transparent @@ -1366,21 +1266,6 @@ a:hover { border-color: #fafafa } - .wz8Ybj:hover { - - border-color: transparent - } - - .yFX9Bt:hover { - - border-color: #1a1a1a - } - - .G_Ks9n:hover { - - border-color: #fafafa - } - .MQxQG6:focus { border-color: transparent @@ -1406,16 +1291,6 @@ a:hover { color: #1a1a1a } - .inverted .K7oBMw:hover { - - color: #fafafa - } - - .inverted .WumQPC:hover { - - color: #1a1a1a - } - .inverted .Ya3qdL { background-color: #fafafa @@ -1426,16 +1301,6 @@ a:hover { background-color: #1a1a1a } - .inverted ._3-idl1:hover { - - background-color: #fafafa - } - - .inverted .uUQ62H:hover { - - background-color: #1a1a1a - } - .inverted .JFpWQB:active { background-color: #fafafa @@ -1456,85 +1321,123 @@ a:hover { border-color: #1a1a1a } - .inverted .yFX9Bt:hover { + .inverted .j1NZTt:focus { border-color: #fafafa } - .inverted .G_Ks9n:hover { + .inverted .qn6vfj:focus { border-color: #1a1a1a } +} - .inverted .j1NZTt:focus { +@media (hover: hover) and (pointer: fine) and screen and (min-width: 1024px) { - border-color: #fafafa - } + .XhfU7x:hover { - .inverted .qn6vfj:focus { + color: transparent + } - border-color: #1a1a1a - } -} + .K7oBMw:hover { -@media screen and (min-width: 1280px) { + color: #1a1a1a + } - .Y4hs5_ { + .WumQPC:hover { - color: transparent - } + color: #fafafa + } - .BEwYdP { + .ZyQBE3:hover { - color: #1a1a1a - } + background-color: transparent + } - .oLHsDL { + ._3-idl1:hover { - color: #fafafa - } + background-color: #1a1a1a + } - .Tv9kwZ:hover { + .uUQ62H:hover { - color: transparent - } + background-color: #fafafa + } - ._3Yc9VP:hover { + .wz8Ybj:hover { - color: #1a1a1a - } + border-color: transparent + } - .QvUeTY:hover { + .yFX9Bt:hover { - color: #fafafa + border-color: #1a1a1a + } + + .G_Ks9n:hover { + + border-color: #fafafa + } + + .inverted .K7oBMw:hover { + + color: #fafafa + } + + .inverted .WumQPC:hover { + + color: #1a1a1a + } + + .inverted ._3-idl1:hover { + + background-color: #fafafa + } + + .inverted .uUQ62H:hover { + + background-color: #1a1a1a + } + + .inverted .yFX9Bt:hover { + + border-color: #fafafa + } + + .inverted .G_Ks9n:hover { + + border-color: #1a1a1a + } } - .gFn7y6 { +@media screen and (min-width: 1280px) { - background-color: transparent + .Y4hs5_ { + + color: transparent } - ._5_fipl { + .BEwYdP { - background-color: #1a1a1a + color: #1a1a1a } - .VBoBXH { + .oLHsDL { - background-color: #fafafa + color: #fafafa } - .B2ZYP6:hover { + .gFn7y6 { background-color: transparent } - .XSzgJm:hover { + ._5_fipl { background-color: #1a1a1a } - .GdsyI9:hover { + .VBoBXH { background-color: #fafafa } @@ -1569,112 +1472,229 @@ a:hover { border-color: #fafafa } - .IJQNcS:hover { + .aqBpwF:focus { border-color: transparent } - .vwenav:hover { + .u97qUL:focus { border-color: #1a1a1a } - .EDikIT:hover { + .zzHwgX:focus { border-color: #fafafa } - .aqBpwF:focus { + .inverted .BEwYdP { - border-color: transparent + color: #fafafa } - .u97qUL:focus { + .inverted .oLHsDL { + + color: #1a1a1a + } + + .inverted ._5_fipl { + + background-color: #fafafa + } + + .inverted .VBoBXH { + + background-color: #1a1a1a + } + + .inverted .m1dGmX:active { + + background-color: #fafafa + } + + .inverted .F8ABi0:active { + + background-color: #1a1a1a + } + + .inverted .zwPMh8 { + + border-color: #fafafa + } + + .inverted .nHkSni { border-color: #1a1a1a } - .zzHwgX:focus { + .inverted .u97qUL:focus { border-color: #fafafa } - .inverted .BEwYdP { + .inverted .zzHwgX:focus { - color: #fafafa + border-color: #1a1a1a } +} - .inverted .oLHsDL { +@media (hover: hover) and (pointer: fine) and screen and (min-width: 1280px) { + + .Tv9kwZ:hover { + + color: transparent + } + + ._3Yc9VP:hover { + + color: #1a1a1a + } + + .QvUeTY:hover { + + color: #fafafa + } + .B2ZYP6:hover { + + background-color: transparent + } + + .XSzgJm:hover { + + background-color: #1a1a1a + } + + .GdsyI9:hover { + + background-color: #fafafa + } + + .IJQNcS:hover { + + border-color: transparent + } + + .vwenav:hover { + + border-color: #1a1a1a + } + + .EDikIT:hover { + + border-color: #fafafa + } + + .inverted ._3Yc9VP:hover { + + color: #fafafa + } + + .inverted .QvUeTY:hover { + + color: #1a1a1a + } + + .inverted .XSzgJm:hover { + + background-color: #fafafa + } + + .inverted .GdsyI9:hover { + + background-color: #1a1a1a + } + + .inverted .vwenav:hover { + + border-color: #fafafa + } + + .inverted .EDikIT:hover { + + border-color: #1a1a1a + } + } + +@media (hover: hover) and (pointer: fine) { + .pQ96hs:hover { + color: #fafafa + } + .DJ9tNH:hover { color: #1a1a1a } - .inverted ._3Yc9VP:hover { + ._8o7AdB:hover { - color: #fafafa + color: transparent } - .inverted .QvUeTY:hover { + .DJ9tNH:hover { color: #1a1a1a } - .inverted ._5_fipl { + .pQ96hs:hover { - background-color: #fafafa + color: #fafafa } - .inverted .VBoBXH { + .OW2t12:hover { + + background-color: transparent + } + + .p0K3V_:hover { background-color: #1a1a1a } - .inverted .XSzgJm:hover { + .u5CoHT:hover { background-color: #fafafa } - .inverted .GdsyI9:hover { + .DdLERB:hover { - background-color: #1a1a1a + border-color: transparent } - .inverted .m1dGmX:active { + .sSTi9U:hover { - background-color: #fafafa + border-color: #1a1a1a } - .inverted .F8ABi0:active { + .SrlG4o:hover { - background-color: #1a1a1a + border-color: #fafafa } - .inverted .zwPMh8 { + .inverted .DJ9tNH:hover { - border-color: #fafafa + color: #fafafa } - .inverted .nHkSni { + .inverted .pQ96hs:hover { - border-color: #1a1a1a + color: #1a1a1a } - .inverted .vwenav:hover { + .inverted .p0K3V_:hover { - border-color: #fafafa + background-color: #fafafa } - .inverted .EDikIT:hover { + .inverted .u5CoHT:hover { - border-color: #1a1a1a + background-color: #1a1a1a } - .inverted .u97qUL:focus { + .inverted .sSTi9U:hover { border-color: #fafafa } - .inverted .zzHwgX:focus { + .inverted .SrlG4o:hover { border-color: #1a1a1a } diff --git a/integration-test/packages/atoms/all/atom.min.css.snap b/integration-test/packages/atoms/all/atom.min.css.snap index 14ff7d1..4721219 100644 --- a/integration-test/packages/atoms/all/atom.min.css.snap +++ b/integration-test/packages/atoms/all/atom.min.css.snap @@ -1 +1 @@ -.YzVv9y{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Arial,Helvetica Neue,sans-serif}.V_ma2j{font-size:1em}.YfpiAb{color:red;font-size:1em}.o3-BnE{border:1px solid red;color:#00f;display:flex;width:100px}.dgII7d{font-weight:700}.hZEeRw{height:100%}.Gpf-P8{text-decoration:underline}._3XV0Ef{font-size:4em}._9M8f-j{color:red}.sMmOaU{color:#00f}.sMmOaU .R2GDg-{color:green}.l-ITF2{color:green}.l-ITF2:hover{color:red}.x7QluR{color:green}.x7QluR:focus{color:red}.gPy6Qt{background-color:#000}.gPy6Qt:disabled{background-color:grey}html{overflow-x:hidden;overflow-y:auto;overflow:hidden auto}h1,h2,h3,h4,h5,h6{margin-bottom:0;margin-top:0}.ZlgcWo.uvJREe,main.ZlgcWo{background-image:img/background.jpg}.ZlgcWo.uvJREe,main.ZlgcWo{background-image:-webkit-image-set(url("img/background.jpg") 1x,url("img/background-2x.jpg") 2x);background-image:image-set("img/background.jpg" 1x,"img/background-2x.jpg" 2x)}a{color:rgba(0,0,255,.9)}a:hover{color:#639}.mHJuMv{color:red}.mHJuMv .B_oqE3,.mHJuMv .qhqOPF{color:#00f}._9q-zqg{color:red}._9q-zqg .qhqOPF{color:#00f}._9q-zqg .qhqOPF .oLzZ_N{color:green}.nHROCZ{font-size:1em}.nHROCZ.YZP-Tu{font-size:2em}.HbTeo6{font-size:1em}.HbTeo6.YZP-Tu{color:red}.HbTeo6{display:flex}.HbTeo6 .qhqOPF{font-size:.5em}.HbTeo6 .qhqOPF._6cCOB0{color:#00f}.HbTeo6 .qhqOPF._6cCOB0 .vruPji{color:green}.XPMGYZ{color:red}.XPMGYZ:hover{color:#00f}.XPMGYZ:hover .QMsI4n{color:green}.XPMGYZ:hover .QMsI4n.fc23Jo{font-size:2em}.XPMGYZ:hover .QMsI4n.fc23Jo:after{content:"after";position:absolute}._1b2v1R{font-size:1em}.xXc9fo{font-size:1em}._6gjVlf{font-size:4em}@keyframes _4bsdl{0%,10%{opacity:0}15%{opacity:.4}to{opacity:1}}._4bsdl{animation-duration:.25s;animation-name:_4bsdl}.C0hAH1{animation-duration:.25s;animation-name:_4bsdl}.globalClass{width:100%}.globalClass .v5Vpzq{color:red}.globalClass.ado0HJ{color:#00f}.ZlJtcH{color:red}.ZXM7RA{color:#00f}.pUJQIY{color:red}.Z3doKH{color:#00f}.aGea0b{color:red}.t8cRql{color:#00f}.NRaoKv,.oPlD0W{font-size:1em}.oi5tdf,.W1CcjX{line-height:1em}.FCG5GQ,.H9WShg{font-size:2em}._7x3EPh,.WO37ya{line-height:2em}.d8yso7,.uGM3oi{font-size:3em}._3Ft6ps,.NbUW8z{line-height:3em}.Y9lrZy{font-size:10px}.Y9lrZy ._8Urr0R{width:1em}.Y9lrZy.e2agTq{border:1px solid red}.Y9lrZy ._5v4SSH{width:1em}.Y9lrZy.iS88X_{border-top:1px solid #00f}.Y9lrZy .vlAfUd{width:2em}.Y9lrZy.PgUB93{border:2px solid red}.Y9lrZy .KjddK4{width:2em}.Y9lrZy.GZomQK{border-top:2px solid #00f}.Y9lrZy .utNk9X{width:3em}.Y9lrZy.bwOLNP{border:3px solid red}.Y9lrZy ._5UlDUQ{width:3em}.Y9lrZy.vA0LhQ{border-top:3px solid #00f}.gPZ5T-{font-size:20px}.gPZ5T- .SnZr3u{width:1em}.gPZ5T-.tNdUvj{border:1px solid red}.gPZ5T- .RTwpt_{width:1em}.gPZ5T-.aiCnKv{border-top:1px solid #00f}.gPZ5T- .bUAlDZ{width:2em}.gPZ5T-.lpuLLH{border:2px solid red}.gPZ5T- .k5RQse{width:2em}.gPZ5T-.CmX6W8{border-top:2px solid #00f}.gPZ5T- .MdYjYw{width:3em}.gPZ5T-.YK_gQZ{border:3px solid red}.gPZ5T- ._2W8BKO{width:3em}.gPZ5T-.F3eX_U{border-top:3px solid #00f}._75_9PU{font-size:30px}._75_9PU .KCb6ES{width:1em}._75_9PU._2PGpjA{border:1px solid red}._75_9PU .Y66lQo{width:1em}._75_9PU.sHxrAr{border-top:1px solid #00f}._75_9PU ._4_kJbH{width:2em}._75_9PU.eCH6U5{border:2px solid red}._75_9PU .cx5ofG{width:2em}._75_9PU.iAQisI{border-top:2px solid #00f}._75_9PU .LSjKrm{width:3em}._75_9PU.RYF8kF{border:3px solid red}._75_9PU .XKZMXH{width:3em}._75_9PU.Btd_L7{border-top:3px solid #00f}.lQb_Er{color:#ff0}._7XVRfh{color:transparent}._1RrCqF{color:#1a1a1a}.hKG3ag{color:#fafafa}._8o7AdB:hover{color:transparent}.DJ9tNH:hover{color:#1a1a1a}.pQ96hs:hover{color:#fafafa}.QFK-pd{background-color:transparent}.vLhOdO{background-color:#1a1a1a}.BB3914{background-color:#fafafa}.OW2t12:hover{background-color:transparent}.p0K3V_:hover{background-color:#1a1a1a}.u5CoHT:hover{background-color:#fafafa}.XMShGx:active{background-color:transparent}.pYWOaW:active{background-color:#1a1a1a}.YvQoMS:active{background-color:#fafafa}.ccA3wc{border-color:transparent}._9OMGCZ{border-color:#1a1a1a}.Y1sI0i{border-color:#fafafa}.DdLERB:hover{border-color:transparent}.sSTi9U:hover{border-color:#1a1a1a}.SrlG4o:hover{border-color:#fafafa}.WrGzoU:focus{border-color:transparent}.iSk3wh:focus{border-color:#1a1a1a}.DiF_NF:focus{border-color:#fafafa}.inverted ._1RrCqF{color:#fafafa}.inverted .hKG3ag{color:#1a1a1a}.inverted .DJ9tNH:hover{color:#fafafa}.inverted .pQ96hs:hover{color:#1a1a1a}.inverted .vLhOdO{background-color:#fafafa}.inverted .BB3914{background-color:#1a1a1a}.inverted .p0K3V_:hover{background-color:#fafafa}.inverted .u5CoHT:hover{background-color:#1a1a1a}.inverted .pYWOaW:active{background-color:#fafafa}.inverted .YvQoMS:active{background-color:#1a1a1a}.inverted ._9OMGCZ{border-color:#fafafa}.inverted .Y1sI0i{border-color:#1a1a1a}.inverted .sSTi9U:hover{border-color:#fafafa}.inverted .SrlG4o:hover{border-color:#1a1a1a}.inverted .iSk3wh:focus{border-color:#fafafa}.inverted .DiF_NF:focus{border-color:#1a1a1a}@media screen and (min-width:320px){.Rvp04b{color:transparent}.Lp5Coj{color:#1a1a1a}.HCs9Zk{color:#fafafa}.MpFFe4:hover{color:transparent}.sWWlLj:hover{color:#1a1a1a}.o6Le8p:hover{color:#fafafa}.n9uP8O{background-color:transparent}.JGmk2f{background-color:#1a1a1a}.SrYDfc{background-color:#fafafa}._3A_tYX:hover{background-color:transparent}.EWb8dI:hover{background-color:#1a1a1a}.ZNbZad:hover{background-color:#fafafa}._09Y3xY:active{background-color:transparent}._0yvfVT:active{background-color:#1a1a1a}.Nqx5Tu:active{background-color:#fafafa}.Z7zfNt{border-color:transparent}.l7cM29{border-color:#1a1a1a}.W9KYDX{border-color:#fafafa}.itJNZE:hover{border-color:transparent}.frDhwD:hover{border-color:#1a1a1a}._-3tIbX:hover{border-color:#fafafa}.z2U-id:focus{border-color:transparent}._47a4aF:focus{border-color:#1a1a1a}.VDNH3K:focus{border-color:#fafafa}.inverted .Lp5Coj{color:#fafafa}.inverted .HCs9Zk{color:#1a1a1a}.inverted .sWWlLj:hover{color:#fafafa}.inverted .o6Le8p:hover{color:#1a1a1a}.inverted .JGmk2f{background-color:#fafafa}.inverted .SrYDfc{background-color:#1a1a1a}.inverted .EWb8dI:hover{background-color:#fafafa}.inverted .ZNbZad:hover{background-color:#1a1a1a}.inverted ._0yvfVT:active{background-color:#fafafa}.inverted .Nqx5Tu:active{background-color:#1a1a1a}.inverted .l7cM29{border-color:#fafafa}.inverted .W9KYDX{border-color:#1a1a1a}.inverted .frDhwD:hover{border-color:#fafafa}.inverted ._-3tIbX:hover{border-color:#1a1a1a}.inverted ._47a4aF:focus{border-color:#fafafa}.inverted .VDNH3K:focus{border-color:#1a1a1a}}@media screen and (min-width:480px){.ZG5UC9{color:transparent}._G9XCO{color:#1a1a1a}.qP7xSn{color:#fafafa}._17TE5:hover{color:transparent}.f_hjdE:hover{color:#1a1a1a}.egCwcL:hover{color:#fafafa}.cT83fW{background-color:transparent}.cTzk67{background-color:#1a1a1a}.d87drd{background-color:#fafafa}.aR3Ubx:hover{background-color:transparent}.OkiZx1:hover{background-color:#1a1a1a}.KNhFJA:hover{background-color:#fafafa}.b_MwVS:active{background-color:transparent}.PpdrMK:active{background-color:#1a1a1a}.zi47D5:active{background-color:#fafafa}.ZaHZcI{border-color:transparent}.WZPKju{border-color:#1a1a1a}.tFW0c4{border-color:#fafafa}.JS26Ed:hover{border-color:transparent}.vjwfDZ:hover{border-color:#1a1a1a}.PIMcZH:hover{border-color:#fafafa}.Yy_yhi:focus{border-color:transparent}.k2XnVf:focus{border-color:#1a1a1a}._2_NizD:focus{border-color:#fafafa}.inverted ._G9XCO{color:#fafafa}.inverted .qP7xSn{color:#1a1a1a}.inverted .f_hjdE:hover{color:#fafafa}.inverted .egCwcL:hover{color:#1a1a1a}.inverted .cTzk67{background-color:#fafafa}.inverted .d87drd{background-color:#1a1a1a}.inverted .OkiZx1:hover{background-color:#fafafa}.inverted .KNhFJA:hover{background-color:#1a1a1a}.inverted .PpdrMK:active{background-color:#fafafa}.inverted .zi47D5:active{background-color:#1a1a1a}.inverted .WZPKju{border-color:#fafafa}.inverted .tFW0c4{border-color:#1a1a1a}.inverted .vjwfDZ:hover{border-color:#fafafa}.inverted .PIMcZH:hover{border-color:#1a1a1a}.inverted .k2XnVf:focus{border-color:#fafafa}.inverted ._2_NizD:focus{border-color:#1a1a1a}}@media screen and (min-width:768px){._1b2v1R{font-size:2em}.xXc9fo{font-size:2em}.Aw2D45{color:transparent}._4b92dm{color:#1a1a1a}.o8qdX5{color:#fafafa}.VmcM14:hover{color:transparent}._4pdGQt:hover{color:#1a1a1a}._8MyiUe:hover{color:#fafafa}._8eHx03{background-color:transparent}.ltaYW3{background-color:#1a1a1a}.BhFfzx{background-color:#fafafa}.rlsckE:hover{background-color:transparent}.VtITcW:hover{background-color:#1a1a1a}.MVQf1m:hover{background-color:#fafafa}.HV1jTO:active{background-color:transparent}.x3vCBC:active{background-color:#1a1a1a}._8D7pd9:active{background-color:#fafafa}.mwSZUD{border-color:transparent}._-9Btvy{border-color:#1a1a1a}.yGe1Ir{border-color:#fafafa}.fXkby9:hover{border-color:transparent}.gnRIud:hover{border-color:#1a1a1a}.fFoYjL:hover{border-color:#fafafa}._9q2qP5:focus{border-color:transparent}._11iKz3:focus{border-color:#1a1a1a}.HIkC1B:focus{border-color:#fafafa}.inverted ._4b92dm{color:#fafafa}.inverted .o8qdX5{color:#1a1a1a}.inverted ._4pdGQt:hover{color:#fafafa}.inverted ._8MyiUe:hover{color:#1a1a1a}.inverted .ltaYW3{background-color:#fafafa}.inverted .BhFfzx{background-color:#1a1a1a}.inverted .VtITcW:hover{background-color:#fafafa}.inverted .MVQf1m:hover{background-color:#1a1a1a}.inverted .x3vCBC:active{background-color:#fafafa}.inverted ._8D7pd9:active{background-color:#1a1a1a}.inverted ._-9Btvy{border-color:#fafafa}.inverted .yGe1Ir{border-color:#1a1a1a}.inverted .gnRIud:hover{border-color:#fafafa}.inverted .fFoYjL:hover{border-color:#1a1a1a}.inverted ._11iKz3:focus{border-color:#fafafa}.inverted .HIkC1B:focus{border-color:#1a1a1a}}@media screen and (min-width:1024px){._1b2v1R{font-size:3em}.xXc9fo{font-size:3em}.PBhfKy{color:transparent}.CgYuy9{color:#1a1a1a}.HNuXy3{color:#fafafa}.XhfU7x:hover{color:transparent}.K7oBMw:hover{color:#1a1a1a}.WumQPC:hover{color:#fafafa}.jZWNUM{background-color:transparent}.Ya3qdL{background-color:#1a1a1a}.nnqEoI{background-color:#fafafa}.ZyQBE3:hover{background-color:transparent}._3-idl1:hover{background-color:#1a1a1a}.uUQ62H:hover{background-color:#fafafa}.AoVx-4:active{background-color:transparent}.JFpWQB:active{background-color:#1a1a1a}.eWCHpU:active{background-color:#fafafa}._8z2-Ts{border-color:transparent}.p0zb6v{border-color:#1a1a1a}.CaVPgM{border-color:#fafafa}.wz8Ybj:hover{border-color:transparent}.yFX9Bt:hover{border-color:#1a1a1a}.G_Ks9n:hover{border-color:#fafafa}.MQxQG6:focus{border-color:transparent}.j1NZTt:focus{border-color:#1a1a1a}.qn6vfj:focus{border-color:#fafafa}.inverted .CgYuy9{color:#fafafa}.inverted .HNuXy3{color:#1a1a1a}.inverted .K7oBMw:hover{color:#fafafa}.inverted .WumQPC:hover{color:#1a1a1a}.inverted .Ya3qdL{background-color:#fafafa}.inverted .nnqEoI{background-color:#1a1a1a}.inverted ._3-idl1:hover{background-color:#fafafa}.inverted .uUQ62H:hover{background-color:#1a1a1a}.inverted .JFpWQB:active{background-color:#fafafa}.inverted .eWCHpU:active{background-color:#1a1a1a}.inverted .p0zb6v{border-color:#fafafa}.inverted .CaVPgM{border-color:#1a1a1a}.inverted .yFX9Bt:hover{border-color:#fafafa}.inverted .G_Ks9n:hover{border-color:#1a1a1a}.inverted .j1NZTt:focus{border-color:#fafafa}.inverted .qn6vfj:focus{border-color:#1a1a1a}}@media screen and (min-width:1280px){.Y4hs5_{color:transparent}.BEwYdP{color:#1a1a1a}.oLHsDL{color:#fafafa}.Tv9kwZ:hover{color:transparent}._3Yc9VP:hover{color:#1a1a1a}.QvUeTY:hover{color:#fafafa}.gFn7y6{background-color:transparent}._5_fipl{background-color:#1a1a1a}.VBoBXH{background-color:#fafafa}.B2ZYP6:hover{background-color:transparent}.XSzgJm:hover{background-color:#1a1a1a}.GdsyI9:hover{background-color:#fafafa}.sp6-_K:active{background-color:transparent}.m1dGmX:active{background-color:#1a1a1a}.F8ABi0:active{background-color:#fafafa}.ycqC89{border-color:transparent}.zwPMh8{border-color:#1a1a1a}.nHkSni{border-color:#fafafa}.IJQNcS:hover{border-color:transparent}.vwenav:hover{border-color:#1a1a1a}.EDikIT:hover{border-color:#fafafa}.aqBpwF:focus{border-color:transparent}.u97qUL:focus{border-color:#1a1a1a}.zzHwgX:focus{border-color:#fafafa}.inverted .BEwYdP{color:#fafafa}.inverted .oLHsDL{color:#1a1a1a}.inverted ._3Yc9VP:hover{color:#fafafa}.inverted .QvUeTY:hover{color:#1a1a1a}.inverted ._5_fipl{background-color:#fafafa}.inverted .VBoBXH{background-color:#1a1a1a}.inverted .XSzgJm:hover{background-color:#fafafa}.inverted .GdsyI9:hover{background-color:#1a1a1a}.inverted .m1dGmX:active{background-color:#fafafa}.inverted .F8ABi0:active{background-color:#1a1a1a}.inverted .zwPMh8{border-color:#fafafa}.inverted .nHkSni{border-color:#1a1a1a}.inverted .vwenav:hover{border-color:#fafafa}.inverted .EDikIT:hover{border-color:#1a1a1a}.inverted .u97qUL:focus{border-color:#fafafa}.inverted .zzHwgX:focus{border-color:#1a1a1a}}@media (max-width:50rem){body{word-wrap:break-word;color:rgba(18,52,86,.47059);font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;font-size:1rem;line-height:1.5rem;padding-left:calc(.5rem + 1px);padding-right:calc(.5rem + 1px)}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.ZlgcWo.uvJREe,main.ZlgcWo{background-image:img/background-2x.jpg}} \ No newline at end of file +.YzVv9y{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Arial,Helvetica Neue,sans-serif}.V_ma2j{font-size:1em}.YfpiAb{color:red;font-size:1em}.o3-BnE{border:1px solid red;color:#00f;display:flex;width:100px}.dgII7d{font-weight:700}.hZEeRw{height:100%}.Gpf-P8{text-decoration:underline}._3XV0Ef{font-size:4em}._9M8f-j{color:red}.sMmOaU{color:#00f}.sMmOaU .R2GDg-{color:green}.l-ITF2{color:green}.l-ITF2:hover{color:red}.x7QluR{color:green}.x7QluR:focus{color:red}.gPy6Qt{background-color:#000}.gPy6Qt:disabled{background-color:grey}html{overflow-x:hidden;overflow-y:auto;overflow:hidden auto}h1,h2,h3,h4,h5,h6{margin-bottom:0;margin-top:0}.ZlgcWo.uvJREe,main.ZlgcWo{background-image:img/background.jpg}.ZlgcWo.uvJREe,main.ZlgcWo{background-image:-webkit-image-set(url("img/background.jpg") 1x,url("img/background-2x.jpg") 2x);background-image:image-set("img/background.jpg" 1x,"img/background-2x.jpg" 2x)}a{color:rgba(0,0,255,.9)}a:hover{color:#639}.mHJuMv{color:red}.mHJuMv .B_oqE3,.mHJuMv .qhqOPF{color:#00f}._9q-zqg{color:red}._9q-zqg .qhqOPF{color:#00f}._9q-zqg .qhqOPF .oLzZ_N{color:green}.nHROCZ{font-size:1em}.nHROCZ.YZP-Tu{font-size:2em}.HbTeo6{font-size:1em}.HbTeo6.YZP-Tu{color:red}.HbTeo6{display:flex}.HbTeo6 .qhqOPF{font-size:.5em}.HbTeo6 .qhqOPF._6cCOB0{color:#00f}.HbTeo6 .qhqOPF._6cCOB0 .vruPji{color:green}.XPMGYZ{color:red}.XPMGYZ:hover{color:#00f}.XPMGYZ:hover .QMsI4n{color:green}.XPMGYZ:hover .QMsI4n.fc23Jo{font-size:2em}.XPMGYZ:hover .QMsI4n.fc23Jo:after{content:"after";position:absolute}._1b2v1R{font-size:1em}.xXc9fo{font-size:1em}._6gjVlf{font-size:4em}@keyframes _4bsdl{0%,10%{opacity:0}15%{opacity:.4}to{opacity:1}}._4bsdl{animation-duration:.25s;animation-name:_4bsdl}.C0hAH1{animation-duration:.25s;animation-name:_4bsdl}.globalClass{width:100%}.globalClass .v5Vpzq{color:red}.globalClass.ado0HJ{color:#00f}.ZlJtcH{color:red}.ZXM7RA{color:#00f}.pUJQIY{color:red}.Z3doKH{color:#00f}.aGea0b{color:red}.t8cRql{color:#00f}.NRaoKv,.oPlD0W{font-size:1em}.oi5tdf,.W1CcjX{line-height:1em}.FCG5GQ,.H9WShg{font-size:2em}._7x3EPh,.WO37ya{line-height:2em}.d8yso7,.uGM3oi{font-size:3em}._3Ft6ps,.NbUW8z{line-height:3em}.Y9lrZy{font-size:10px}.Y9lrZy ._8Urr0R{width:1em}.Y9lrZy.e2agTq{border:1px solid red}.Y9lrZy ._5v4SSH{width:1em}.Y9lrZy.iS88X_{border-top:1px solid #00f}.Y9lrZy .vlAfUd{width:2em}.Y9lrZy.PgUB93{border:2px solid red}.Y9lrZy .KjddK4{width:2em}.Y9lrZy.GZomQK{border-top:2px solid #00f}.Y9lrZy .utNk9X{width:3em}.Y9lrZy.bwOLNP{border:3px solid red}.Y9lrZy ._5UlDUQ{width:3em}.Y9lrZy.vA0LhQ{border-top:3px solid #00f}.gPZ5T-{font-size:20px}.gPZ5T- .SnZr3u{width:1em}.gPZ5T-.tNdUvj{border:1px solid red}.gPZ5T- .RTwpt_{width:1em}.gPZ5T-.aiCnKv{border-top:1px solid #00f}.gPZ5T- .bUAlDZ{width:2em}.gPZ5T-.lpuLLH{border:2px solid red}.gPZ5T- .k5RQse{width:2em}.gPZ5T-.CmX6W8{border-top:2px solid #00f}.gPZ5T- .MdYjYw{width:3em}.gPZ5T-.YK_gQZ{border:3px solid red}.gPZ5T- ._2W8BKO{width:3em}.gPZ5T-.F3eX_U{border-top:3px solid #00f}._75_9PU{font-size:30px}._75_9PU .KCb6ES{width:1em}._75_9PU._2PGpjA{border:1px solid red}._75_9PU .Y66lQo{width:1em}._75_9PU.sHxrAr{border-top:1px solid #00f}._75_9PU ._4_kJbH{width:2em}._75_9PU.eCH6U5{border:2px solid red}._75_9PU .cx5ofG{width:2em}._75_9PU.iAQisI{border-top:2px solid #00f}._75_9PU .LSjKrm{width:3em}._75_9PU.RYF8kF{border:3px solid red}._75_9PU .XKZMXH{width:3em}._75_9PU.Btd_L7{border-top:3px solid #00f}.lQb_Er{color:#ff0}.EqdisS{color:transparent}.YcXvtG{color:#1a1a1a}.gnEOu0{color:#fafafa}.QFK-pd{background-color:transparent}.vLhOdO{background-color:#1a1a1a}.BB3914{background-color:#fafafa}.XMShGx:active{background-color:transparent}.pYWOaW:active{background-color:#1a1a1a}.YvQoMS:active{background-color:#fafafa}.ccA3wc{border-color:transparent}._9OMGCZ{border-color:#1a1a1a}.Y1sI0i{border-color:#fafafa}.WrGzoU:focus{border-color:transparent}.iSk3wh:focus{border-color:#1a1a1a}.DiF_NF:focus{border-color:#fafafa}.inverted .YcXvtG{color:#fafafa}.inverted .gnEOu0{color:#1a1a1a}.inverted .vLhOdO{background-color:#fafafa}.inverted .BB3914{background-color:#1a1a1a}.inverted .pYWOaW:active{background-color:#fafafa}.inverted .YvQoMS:active{background-color:#1a1a1a}.inverted ._9OMGCZ{border-color:#fafafa}.inverted .Y1sI0i{border-color:#1a1a1a}.inverted .iSk3wh:focus{border-color:#fafafa}.inverted .DiF_NF:focus{border-color:#1a1a1a}@media screen and (min-width:320px){.Rvp04b{color:transparent}.Lp5Coj{color:#1a1a1a}.HCs9Zk{color:#fafafa}.n9uP8O{background-color:transparent}.JGmk2f{background-color:#1a1a1a}.SrYDfc{background-color:#fafafa}._09Y3xY:active{background-color:transparent}._0yvfVT:active{background-color:#1a1a1a}.Nqx5Tu:active{background-color:#fafafa}.Z7zfNt{border-color:transparent}.l7cM29{border-color:#1a1a1a}.W9KYDX{border-color:#fafafa}.z2U-id:focus{border-color:transparent}._47a4aF:focus{border-color:#1a1a1a}.VDNH3K:focus{border-color:#fafafa}.inverted .Lp5Coj{color:#fafafa}.inverted .HCs9Zk{color:#1a1a1a}.inverted .JGmk2f{background-color:#fafafa}.inverted .SrYDfc{background-color:#1a1a1a}.inverted ._0yvfVT:active{background-color:#fafafa}.inverted .Nqx5Tu:active{background-color:#1a1a1a}.inverted .l7cM29{border-color:#fafafa}.inverted .W9KYDX{border-color:#1a1a1a}.inverted ._47a4aF:focus{border-color:#fafafa}.inverted .VDNH3K:focus{border-color:#1a1a1a}}@media (hover:hover) and (pointer:fine) and screen and (min-width:320px){.MpFFe4:hover{color:transparent}.sWWlLj:hover{color:#1a1a1a}.o6Le8p:hover{color:#fafafa}._3A_tYX:hover{background-color:transparent}.EWb8dI:hover{background-color:#1a1a1a}.ZNbZad:hover{background-color:#fafafa}.itJNZE:hover{border-color:transparent}.frDhwD:hover{border-color:#1a1a1a}._-3tIbX:hover{border-color:#fafafa}.inverted .sWWlLj:hover{color:#fafafa}.inverted .o6Le8p:hover{color:#1a1a1a}.inverted .EWb8dI:hover{background-color:#fafafa}.inverted .ZNbZad:hover{background-color:#1a1a1a}.inverted .frDhwD:hover{border-color:#fafafa}.inverted ._-3tIbX:hover{border-color:#1a1a1a}}@media screen and (min-width:480px){.ZG5UC9{color:transparent}._G9XCO{color:#1a1a1a}.qP7xSn{color:#fafafa}.cT83fW{background-color:transparent}.cTzk67{background-color:#1a1a1a}.d87drd{background-color:#fafafa}.b_MwVS:active{background-color:transparent}.PpdrMK:active{background-color:#1a1a1a}.zi47D5:active{background-color:#fafafa}.ZaHZcI{border-color:transparent}.WZPKju{border-color:#1a1a1a}.tFW0c4{border-color:#fafafa}.Yy_yhi:focus{border-color:transparent}.k2XnVf:focus{border-color:#1a1a1a}._2_NizD:focus{border-color:#fafafa}.inverted ._G9XCO{color:#fafafa}.inverted .qP7xSn{color:#1a1a1a}.inverted .cTzk67{background-color:#fafafa}.inverted .d87drd{background-color:#1a1a1a}.inverted .PpdrMK:active{background-color:#fafafa}.inverted .zi47D5:active{background-color:#1a1a1a}.inverted .WZPKju{border-color:#fafafa}.inverted .tFW0c4{border-color:#1a1a1a}.inverted .k2XnVf:focus{border-color:#fafafa}.inverted ._2_NizD:focus{border-color:#1a1a1a}}@media (hover:hover) and (pointer:fine) and screen and (min-width:480px){._17TE5:hover{color:transparent}.f_hjdE:hover{color:#1a1a1a}.egCwcL:hover{color:#fafafa}.aR3Ubx:hover{background-color:transparent}.OkiZx1:hover{background-color:#1a1a1a}.KNhFJA:hover{background-color:#fafafa}.JS26Ed:hover{border-color:transparent}.vjwfDZ:hover{border-color:#1a1a1a}.PIMcZH:hover{border-color:#fafafa}.inverted .f_hjdE:hover{color:#fafafa}.inverted .egCwcL:hover{color:#1a1a1a}.inverted .OkiZx1:hover{background-color:#fafafa}.inverted .KNhFJA:hover{background-color:#1a1a1a}.inverted .vjwfDZ:hover{border-color:#fafafa}.inverted .PIMcZH:hover{border-color:#1a1a1a}}@media screen and (min-width:768px){._1b2v1R{font-size:2em}.xXc9fo{font-size:2em}.Aw2D45{color:transparent}._4b92dm{color:#1a1a1a}.o8qdX5{color:#fafafa}._8eHx03{background-color:transparent}.ltaYW3{background-color:#1a1a1a}.BhFfzx{background-color:#fafafa}.HV1jTO:active{background-color:transparent}.x3vCBC:active{background-color:#1a1a1a}._8D7pd9:active{background-color:#fafafa}.mwSZUD{border-color:transparent}._-9Btvy{border-color:#1a1a1a}.yGe1Ir{border-color:#fafafa}._9q2qP5:focus{border-color:transparent}._11iKz3:focus{border-color:#1a1a1a}.HIkC1B:focus{border-color:#fafafa}.inverted ._4b92dm{color:#fafafa}.inverted .o8qdX5{color:#1a1a1a}.inverted .ltaYW3{background-color:#fafafa}.inverted .BhFfzx{background-color:#1a1a1a}.inverted .x3vCBC:active{background-color:#fafafa}.inverted ._8D7pd9:active{background-color:#1a1a1a}.inverted ._-9Btvy{border-color:#fafafa}.inverted .yGe1Ir{border-color:#1a1a1a}.inverted ._11iKz3:focus{border-color:#fafafa}.inverted .HIkC1B:focus{border-color:#1a1a1a}}@media (hover:hover) and (pointer:fine) and screen and (min-width:768px){.VmcM14:hover{color:transparent}._4pdGQt:hover{color:#1a1a1a}._8MyiUe:hover{color:#fafafa}.rlsckE:hover{background-color:transparent}.VtITcW:hover{background-color:#1a1a1a}.MVQf1m:hover{background-color:#fafafa}.fXkby9:hover{border-color:transparent}.gnRIud:hover{border-color:#1a1a1a}.fFoYjL:hover{border-color:#fafafa}.inverted ._4pdGQt:hover{color:#fafafa}.inverted ._8MyiUe:hover{color:#1a1a1a}.inverted .VtITcW:hover{background-color:#fafafa}.inverted .MVQf1m:hover{background-color:#1a1a1a}.inverted .gnRIud:hover{border-color:#fafafa}.inverted .fFoYjL:hover{border-color:#1a1a1a}}@media screen and (min-width:1024px){._1b2v1R{font-size:3em}.xXc9fo{font-size:3em}.PBhfKy{color:transparent}.CgYuy9{color:#1a1a1a}.HNuXy3{color:#fafafa}.jZWNUM{background-color:transparent}.Ya3qdL{background-color:#1a1a1a}.nnqEoI{background-color:#fafafa}.AoVx-4:active{background-color:transparent}.JFpWQB:active{background-color:#1a1a1a}.eWCHpU:active{background-color:#fafafa}._8z2-Ts{border-color:transparent}.p0zb6v{border-color:#1a1a1a}.CaVPgM{border-color:#fafafa}.MQxQG6:focus{border-color:transparent}.j1NZTt:focus{border-color:#1a1a1a}.qn6vfj:focus{border-color:#fafafa}.inverted .CgYuy9{color:#fafafa}.inverted .HNuXy3{color:#1a1a1a}.inverted .Ya3qdL{background-color:#fafafa}.inverted .nnqEoI{background-color:#1a1a1a}.inverted .JFpWQB:active{background-color:#fafafa}.inverted .eWCHpU:active{background-color:#1a1a1a}.inverted .p0zb6v{border-color:#fafafa}.inverted .CaVPgM{border-color:#1a1a1a}.inverted .j1NZTt:focus{border-color:#fafafa}.inverted .qn6vfj:focus{border-color:#1a1a1a}}@media (hover:hover) and (pointer:fine) and screen and (min-width:1024px){.XhfU7x:hover{color:transparent}.K7oBMw:hover{color:#1a1a1a}.WumQPC:hover{color:#fafafa}.ZyQBE3:hover{background-color:transparent}._3-idl1:hover{background-color:#1a1a1a}.uUQ62H:hover{background-color:#fafafa}.wz8Ybj:hover{border-color:transparent}.yFX9Bt:hover{border-color:#1a1a1a}.G_Ks9n:hover{border-color:#fafafa}.inverted .K7oBMw:hover{color:#fafafa}.inverted .WumQPC:hover{color:#1a1a1a}.inverted ._3-idl1:hover{background-color:#fafafa}.inverted .uUQ62H:hover{background-color:#1a1a1a}.inverted .yFX9Bt:hover{border-color:#fafafa}.inverted .G_Ks9n:hover{border-color:#1a1a1a}}@media screen and (min-width:1280px){.Y4hs5_{color:transparent}.BEwYdP{color:#1a1a1a}.oLHsDL{color:#fafafa}.gFn7y6{background-color:transparent}._5_fipl{background-color:#1a1a1a}.VBoBXH{background-color:#fafafa}.sp6-_K:active{background-color:transparent}.m1dGmX:active{background-color:#1a1a1a}.F8ABi0:active{background-color:#fafafa}.ycqC89{border-color:transparent}.zwPMh8{border-color:#1a1a1a}.nHkSni{border-color:#fafafa}.aqBpwF:focus{border-color:transparent}.u97qUL:focus{border-color:#1a1a1a}.zzHwgX:focus{border-color:#fafafa}.inverted .BEwYdP{color:#fafafa}.inverted .oLHsDL{color:#1a1a1a}.inverted ._5_fipl{background-color:#fafafa}.inverted .VBoBXH{background-color:#1a1a1a}.inverted .m1dGmX:active{background-color:#fafafa}.inverted .F8ABi0:active{background-color:#1a1a1a}.inverted .zwPMh8{border-color:#fafafa}.inverted .nHkSni{border-color:#1a1a1a}.inverted .u97qUL:focus{border-color:#fafafa}.inverted .zzHwgX:focus{border-color:#1a1a1a}}@media (hover:hover) and (pointer:fine) and screen and (min-width:1280px){.Tv9kwZ:hover{color:transparent}._3Yc9VP:hover{color:#1a1a1a}.QvUeTY:hover{color:#fafafa}.B2ZYP6:hover{background-color:transparent}.XSzgJm:hover{background-color:#1a1a1a}.GdsyI9:hover{background-color:#fafafa}.IJQNcS:hover{border-color:transparent}.vwenav:hover{border-color:#1a1a1a}.EDikIT:hover{border-color:#fafafa}.inverted ._3Yc9VP:hover{color:#fafafa}.inverted .QvUeTY:hover{color:#1a1a1a}.inverted .XSzgJm:hover{background-color:#fafafa}.inverted .GdsyI9:hover{background-color:#1a1a1a}.inverted .vwenav:hover{border-color:#fafafa}.inverted .EDikIT:hover{border-color:#1a1a1a}}@media (hover:hover) and (pointer:fine){._8o7AdB:hover{color:transparent}.DJ9tNH:hover{color:#1a1a1a}.pQ96hs:hover{color:#fafafa}.OW2t12:hover{background-color:transparent}.p0K3V_:hover{background-color:#1a1a1a}.u5CoHT:hover{background-color:#fafafa}.DdLERB:hover{border-color:transparent}.sSTi9U:hover{border-color:#1a1a1a}.SrlG4o:hover{border-color:#fafafa}.inverted .DJ9tNH:hover{color:#fafafa}.inverted .pQ96hs:hover{color:#1a1a1a}.inverted .p0K3V_:hover{background-color:#fafafa}.inverted .u5CoHT:hover{background-color:#1a1a1a}.inverted .sSTi9U:hover{border-color:#fafafa}.inverted .SrlG4o:hover{border-color:#1a1a1a}}@media (max-width:50rem){body{word-wrap:break-word;color:rgba(18,52,86,.47059);font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;font-size:1rem;line-height:1.5rem;padding-left:calc(.5rem + 1px);padding-right:calc(.5rem + 1px)}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.ZlgcWo.uvJREe,main.ZlgcWo{background-image:img/background-2x.jpg}} \ No newline at end of file diff --git a/integration-test/packages/atoms/colors/index.d.ts.snap b/integration-test/packages/atoms/colors/index.d.ts.snap index dc7e7e0..c40a586 100644 --- a/integration-test/packages/atoms/colors/index.d.ts.snap +++ b/integration-test/packages/atoms/colors/index.d.ts.snap @@ -1,146 +1,146 @@ declare const transparent: string; declare const black: string; declare const white: string; -declare const transparent_hover: string; -declare const black_hover: string; -declare const white_hover: string; declare const bg_transparent: string; declare const bg_black: string; declare const bg_white: string; -declare const bg_transparent_hover: string; -declare const bg_black_hover: string; -declare const bg_white_hover: string; declare const bg_transparent_active: string; declare const bg_black_active: string; declare const bg_white_active: string; declare const bd_transparent: string; declare const bd_black: string; declare const bd_white: string; -declare const bd_transparent_hover: string; -declare const bd_black_hover: string; -declare const bd_white_hover: string; declare const bd_transparent_focus: string; declare const bd_black_focus: string; declare const bd_white_focus: string; declare const transparent_mobile: string; declare const black_mobile: string; declare const white_mobile: string; -declare const transparent_hover_mobile: string; -declare const black_hover_mobile: string; -declare const white_hover_mobile: string; declare const bg_transparent_mobile: string; declare const bg_black_mobile: string; declare const bg_white_mobile: string; -declare const bg_transparent_hover_mobile: string; -declare const bg_black_hover_mobile: string; -declare const bg_white_hover_mobile: string; declare const bg_transparent_active_mobile: string; declare const bg_black_active_mobile: string; declare const bg_white_active_mobile: string; declare const bd_transparent_mobile: string; declare const bd_black_mobile: string; declare const bd_white_mobile: string; -declare const bd_transparent_hover_mobile: string; -declare const bd_black_hover_mobile: string; -declare const bd_white_hover_mobile: string; declare const bd_transparent_focus_mobile: string; declare const bd_black_focus_mobile: string; declare const bd_white_focus_mobile: string; declare const transparent_phablet: string; declare const black_phablet: string; declare const white_phablet: string; -declare const transparent_hover_phablet: string; -declare const black_hover_phablet: string; -declare const white_hover_phablet: string; declare const bg_transparent_phablet: string; declare const bg_black_phablet: string; declare const bg_white_phablet: string; -declare const bg_transparent_hover_phablet: string; -declare const bg_black_hover_phablet: string; -declare const bg_white_hover_phablet: string; declare const bg_transparent_active_phablet: string; declare const bg_black_active_phablet: string; declare const bg_white_active_phablet: string; declare const bd_transparent_phablet: string; declare const bd_black_phablet: string; declare const bd_white_phablet: string; -declare const bd_transparent_hover_phablet: string; -declare const bd_black_hover_phablet: string; -declare const bd_white_hover_phablet: string; declare const bd_transparent_focus_phablet: string; declare const bd_black_focus_phablet: string; declare const bd_white_focus_phablet: string; declare const transparent_tablet: string; declare const black_tablet: string; declare const white_tablet: string; -declare const transparent_hover_tablet: string; -declare const black_hover_tablet: string; -declare const white_hover_tablet: string; declare const bg_transparent_tablet: string; declare const bg_black_tablet: string; declare const bg_white_tablet: string; -declare const bg_transparent_hover_tablet: string; -declare const bg_black_hover_tablet: string; -declare const bg_white_hover_tablet: string; declare const bg_transparent_active_tablet: string; declare const bg_black_active_tablet: string; declare const bg_white_active_tablet: string; declare const bd_transparent_tablet: string; declare const bd_black_tablet: string; declare const bd_white_tablet: string; -declare const bd_transparent_hover_tablet: string; -declare const bd_black_hover_tablet: string; -declare const bd_white_hover_tablet: string; declare const bd_transparent_focus_tablet: string; declare const bd_black_focus_tablet: string; declare const bd_white_focus_tablet: string; declare const transparent_desktop: string; declare const black_desktop: string; declare const white_desktop: string; -declare const transparent_hover_desktop: string; -declare const black_hover_desktop: string; -declare const white_hover_desktop: string; declare const bg_transparent_desktop: string; declare const bg_black_desktop: string; declare const bg_white_desktop: string; -declare const bg_transparent_hover_desktop: string; -declare const bg_black_hover_desktop: string; -declare const bg_white_hover_desktop: string; declare const bg_transparent_active_desktop: string; declare const bg_black_active_desktop: string; declare const bg_white_active_desktop: string; declare const bd_transparent_desktop: string; declare const bd_black_desktop: string; declare const bd_white_desktop: string; -declare const bd_transparent_hover_desktop: string; -declare const bd_black_hover_desktop: string; -declare const bd_white_hover_desktop: string; declare const bd_transparent_focus_desktop: string; declare const bd_black_focus_desktop: string; declare const bd_white_focus_desktop: string; declare const transparent_wideDesktop: string; declare const black_wideDesktop: string; declare const white_wideDesktop: string; -declare const transparent_hover_wideDesktop: string; -declare const black_hover_wideDesktop: string; -declare const white_hover_wideDesktop: string; declare const bg_transparent_wideDesktop: string; declare const bg_black_wideDesktop: string; declare const bg_white_wideDesktop: string; -declare const bg_transparent_hover_wideDesktop: string; -declare const bg_black_hover_wideDesktop: string; -declare const bg_white_hover_wideDesktop: string; declare const bg_transparent_active_wideDesktop: string; declare const bg_black_active_wideDesktop: string; declare const bg_white_active_wideDesktop: string; declare const bd_transparent_wideDesktop: string; declare const bd_black_wideDesktop: string; declare const bd_white_wideDesktop: string; -declare const bd_transparent_hover_wideDesktop: string; -declare const bd_black_hover_wideDesktop: string; -declare const bd_white_hover_wideDesktop: string; declare const bd_transparent_focus_wideDesktop: string; declare const bd_black_focus_wideDesktop: string; declare const bd_white_focus_wideDesktop: string; +declare const transparent_hover: string; +declare const black_hover: string; +declare const white_hover: string; +declare const bg_transparent_hover: string; +declare const bg_black_hover: string; +declare const bg_white_hover: string; +declare const bd_transparent_hover: string; +declare const bd_black_hover: string; +declare const bd_white_hover: string; +declare const transparent_hover_mobile: string; +declare const black_hover_mobile: string; +declare const white_hover_mobile: string; +declare const bg_transparent_hover_mobile: string; +declare const bg_black_hover_mobile: string; +declare const bg_white_hover_mobile: string; +declare const bd_transparent_hover_mobile: string; +declare const bd_black_hover_mobile: string; +declare const bd_white_hover_mobile: string; +declare const transparent_hover_phablet: string; +declare const black_hover_phablet: string; +declare const white_hover_phablet: string; +declare const bg_transparent_hover_phablet: string; +declare const bg_black_hover_phablet: string; +declare const bg_white_hover_phablet: string; +declare const bd_transparent_hover_phablet: string; +declare const bd_black_hover_phablet: string; +declare const bd_white_hover_phablet: string; +declare const transparent_hover_tablet: string; +declare const black_hover_tablet: string; +declare const white_hover_tablet: string; +declare const bg_transparent_hover_tablet: string; +declare const bg_black_hover_tablet: string; +declare const bg_white_hover_tablet: string; +declare const bd_transparent_hover_tablet: string; +declare const bd_black_hover_tablet: string; +declare const bd_white_hover_tablet: string; +declare const transparent_hover_desktop: string; +declare const black_hover_desktop: string; +declare const white_hover_desktop: string; +declare const bg_transparent_hover_desktop: string; +declare const bg_black_hover_desktop: string; +declare const bg_white_hover_desktop: string; +declare const bd_transparent_hover_desktop: string; +declare const bd_black_hover_desktop: string; +declare const bd_white_hover_desktop: string; +declare const transparent_hover_wideDesktop: string; +declare const black_hover_wideDesktop: string; +declare const white_hover_wideDesktop: string; +declare const bg_transparent_hover_wideDesktop: string; +declare const bg_black_hover_wideDesktop: string; +declare const bg_white_hover_wideDesktop: string; +declare const bd_transparent_hover_wideDesktop: string; +declare const bd_black_hover_wideDesktop: string; +declare const bd_white_hover_wideDesktop: string; declare const inverted: string -export { transparent, black, white, transparent_hover, black_hover, white_hover, bg_transparent, bg_black, bg_white, bg_transparent_hover, bg_black_hover, bg_white_hover, bg_transparent_active, bg_black_active, bg_white_active, bd_transparent, bd_black, bd_white, bd_transparent_hover, bd_black_hover, bd_white_hover, bd_transparent_focus, bd_black_focus, bd_white_focus, transparent_mobile, black_mobile, white_mobile, transparent_hover_mobile, black_hover_mobile, white_hover_mobile, bg_transparent_mobile, bg_black_mobile, bg_white_mobile, bg_transparent_hover_mobile, bg_black_hover_mobile, bg_white_hover_mobile, bg_transparent_active_mobile, bg_black_active_mobile, bg_white_active_mobile, bd_transparent_mobile, bd_black_mobile, bd_white_mobile, bd_transparent_hover_mobile, bd_black_hover_mobile, bd_white_hover_mobile, bd_transparent_focus_mobile, bd_black_focus_mobile, bd_white_focus_mobile, transparent_phablet, black_phablet, white_phablet, transparent_hover_phablet, black_hover_phablet, white_hover_phablet, bg_transparent_phablet, bg_black_phablet, bg_white_phablet, bg_transparent_hover_phablet, bg_black_hover_phablet, bg_white_hover_phablet, bg_transparent_active_phablet, bg_black_active_phablet, bg_white_active_phablet, bd_transparent_phablet, bd_black_phablet, bd_white_phablet, bd_transparent_hover_phablet, bd_black_hover_phablet, bd_white_hover_phablet, bd_transparent_focus_phablet, bd_black_focus_phablet, bd_white_focus_phablet, transparent_tablet, black_tablet, white_tablet, transparent_hover_tablet, black_hover_tablet, white_hover_tablet, bg_transparent_tablet, bg_black_tablet, bg_white_tablet, bg_transparent_hover_tablet, bg_black_hover_tablet, bg_white_hover_tablet, bg_transparent_active_tablet, bg_black_active_tablet, bg_white_active_tablet, bd_transparent_tablet, bd_black_tablet, bd_white_tablet, bd_transparent_hover_tablet, bd_black_hover_tablet, bd_white_hover_tablet, bd_transparent_focus_tablet, bd_black_focus_tablet, bd_white_focus_tablet, transparent_desktop, black_desktop, white_desktop, transparent_hover_desktop, black_hover_desktop, white_hover_desktop, bg_transparent_desktop, bg_black_desktop, bg_white_desktop, bg_transparent_hover_desktop, bg_black_hover_desktop, bg_white_hover_desktop, bg_transparent_active_desktop, bg_black_active_desktop, bg_white_active_desktop, bd_transparent_desktop, bd_black_desktop, bd_white_desktop, bd_transparent_hover_desktop, bd_black_hover_desktop, bd_white_hover_desktop, bd_transparent_focus_desktop, bd_black_focus_desktop, bd_white_focus_desktop, transparent_wideDesktop, black_wideDesktop, white_wideDesktop, transparent_hover_wideDesktop, black_hover_wideDesktop, white_hover_wideDesktop, bg_transparent_wideDesktop, bg_black_wideDesktop, bg_white_wideDesktop, bg_transparent_hover_wideDesktop, bg_black_hover_wideDesktop, bg_white_hover_wideDesktop, bg_transparent_active_wideDesktop, bg_black_active_wideDesktop, bg_white_active_wideDesktop, bd_transparent_wideDesktop, bd_black_wideDesktop, bd_white_wideDesktop, bd_transparent_hover_wideDesktop, bd_black_hover_wideDesktop, bd_white_hover_wideDesktop, bd_transparent_focus_wideDesktop, bd_black_focus_wideDesktop, bd_white_focus_wideDesktop, inverted } \ No newline at end of file +export { transparent, black, white, bg_transparent, bg_black, bg_white, bg_transparent_active, bg_black_active, bg_white_active, bd_transparent, bd_black, bd_white, bd_transparent_focus, bd_black_focus, bd_white_focus, transparent_mobile, black_mobile, white_mobile, bg_transparent_mobile, bg_black_mobile, bg_white_mobile, bg_transparent_active_mobile, bg_black_active_mobile, bg_white_active_mobile, bd_transparent_mobile, bd_black_mobile, bd_white_mobile, bd_transparent_focus_mobile, bd_black_focus_mobile, bd_white_focus_mobile, transparent_phablet, black_phablet, white_phablet, bg_transparent_phablet, bg_black_phablet, bg_white_phablet, bg_transparent_active_phablet, bg_black_active_phablet, bg_white_active_phablet, bd_transparent_phablet, bd_black_phablet, bd_white_phablet, bd_transparent_focus_phablet, bd_black_focus_phablet, bd_white_focus_phablet, transparent_tablet, black_tablet, white_tablet, bg_transparent_tablet, bg_black_tablet, bg_white_tablet, bg_transparent_active_tablet, bg_black_active_tablet, bg_white_active_tablet, bd_transparent_tablet, bd_black_tablet, bd_white_tablet, bd_transparent_focus_tablet, bd_black_focus_tablet, bd_white_focus_tablet, transparent_desktop, black_desktop, white_desktop, bg_transparent_desktop, bg_black_desktop, bg_white_desktop, bg_transparent_active_desktop, bg_black_active_desktop, bg_white_active_desktop, bd_transparent_desktop, bd_black_desktop, bd_white_desktop, bd_transparent_focus_desktop, bd_black_focus_desktop, bd_white_focus_desktop, transparent_wideDesktop, black_wideDesktop, white_wideDesktop, bg_transparent_wideDesktop, bg_black_wideDesktop, bg_white_wideDesktop, bg_transparent_active_wideDesktop, bg_black_active_wideDesktop, bg_white_active_wideDesktop, bd_transparent_wideDesktop, bd_black_wideDesktop, bd_white_wideDesktop, bd_transparent_focus_wideDesktop, bd_black_focus_wideDesktop, bd_white_focus_wideDesktop, transparent_hover, black_hover, white_hover, bg_transparent_hover, bg_black_hover, bg_white_hover, bd_transparent_hover, bd_black_hover, bd_white_hover, transparent_hover_mobile, black_hover_mobile, white_hover_mobile, bg_transparent_hover_mobile, bg_black_hover_mobile, bg_white_hover_mobile, bd_transparent_hover_mobile, bd_black_hover_mobile, bd_white_hover_mobile, transparent_hover_phablet, black_hover_phablet, white_hover_phablet, bg_transparent_hover_phablet, bg_black_hover_phablet, bg_white_hover_phablet, bd_transparent_hover_phablet, bd_black_hover_phablet, bd_white_hover_phablet, transparent_hover_tablet, black_hover_tablet, white_hover_tablet, bg_transparent_hover_tablet, bg_black_hover_tablet, bg_white_hover_tablet, bd_transparent_hover_tablet, bd_black_hover_tablet, bd_white_hover_tablet, transparent_hover_desktop, black_hover_desktop, white_hover_desktop, bg_transparent_hover_desktop, bg_black_hover_desktop, bg_white_hover_desktop, bd_transparent_hover_desktop, bd_black_hover_desktop, bd_white_hover_desktop, transparent_hover_wideDesktop, black_hover_wideDesktop, white_hover_wideDesktop, bg_transparent_hover_wideDesktop, bg_black_hover_wideDesktop, bg_white_hover_wideDesktop, bd_transparent_hover_wideDesktop, bd_black_hover_wideDesktop, bd_white_hover_wideDesktop, inverted } \ No newline at end of file diff --git a/integration-test/packages/atoms/colors/index.esm.js.snap b/integration-test/packages/atoms/colors/index.esm.js.snap index 006225d..5149a33 100644 --- a/integration-test/packages/atoms/colors/index.esm.js.snap +++ b/integration-test/packages/atoms/colors/index.esm.js.snap @@ -1,145 +1,145 @@ -export var transparent = "_7XVRfh"; -export var black = "_1RrCqF"; -export var white = "hKG3ag"; -export var transparent_hover = "_8o7AdB"; -export var black_hover = "DJ9tNH"; -export var white_hover = "pQ96hs"; +export var transparent = "EqdisS"; +export var black = "YcXvtG"; +export var white = "gnEOu0"; export var bg_transparent = "QFK-pd"; export var bg_black = "vLhOdO"; export var bg_white = "BB3914"; -export var bg_transparent_hover = "OW2t12"; -export var bg_black_hover = "p0K3V_"; -export var bg_white_hover = "u5CoHT"; export var bg_transparent_active = "XMShGx"; export var bg_black_active = "pYWOaW"; export var bg_white_active = "YvQoMS"; export var bd_transparent = "ccA3wc"; export var bd_black = "_9OMGCZ"; export var bd_white = "Y1sI0i"; -export var bd_transparent_hover = "DdLERB"; -export var bd_black_hover = "sSTi9U"; -export var bd_white_hover = "SrlG4o"; export var bd_transparent_focus = "WrGzoU"; export var bd_black_focus = "iSk3wh"; export var bd_white_focus = "DiF_NF"; export var transparent_mobile = "Rvp04b"; export var black_mobile = "Lp5Coj"; export var white_mobile = "HCs9Zk"; -export var transparent_hover_mobile = "MpFFe4"; -export var black_hover_mobile = "sWWlLj"; -export var white_hover_mobile = "o6Le8p"; export var bg_transparent_mobile = "n9uP8O"; export var bg_black_mobile = "JGmk2f"; export var bg_white_mobile = "SrYDfc"; -export var bg_transparent_hover_mobile = "_3A_tYX"; -export var bg_black_hover_mobile = "EWb8dI"; -export var bg_white_hover_mobile = "ZNbZad"; export var bg_transparent_active_mobile = "_09Y3xY"; export var bg_black_active_mobile = "_0yvfVT"; export var bg_white_active_mobile = "Nqx5Tu"; export var bd_transparent_mobile = "Z7zfNt"; export var bd_black_mobile = "l7cM29"; export var bd_white_mobile = "W9KYDX"; -export var bd_transparent_hover_mobile = "itJNZE"; -export var bd_black_hover_mobile = "frDhwD"; -export var bd_white_hover_mobile = "_-3tIbX"; export var bd_transparent_focus_mobile = "z2U-id"; export var bd_black_focus_mobile = "_47a4aF"; export var bd_white_focus_mobile = "VDNH3K"; export var transparent_phablet = "ZG5UC9"; export var black_phablet = "_G9XCO"; export var white_phablet = "qP7xSn"; -export var transparent_hover_phablet = "_17TE5"; -export var black_hover_phablet = "f_hjdE"; -export var white_hover_phablet = "egCwcL"; export var bg_transparent_phablet = "cT83fW"; export var bg_black_phablet = "cTzk67"; export var bg_white_phablet = "d87drd"; -export var bg_transparent_hover_phablet = "aR3Ubx"; -export var bg_black_hover_phablet = "OkiZx1"; -export var bg_white_hover_phablet = "KNhFJA"; export var bg_transparent_active_phablet = "b_MwVS"; export var bg_black_active_phablet = "PpdrMK"; export var bg_white_active_phablet = "zi47D5"; export var bd_transparent_phablet = "ZaHZcI"; export var bd_black_phablet = "WZPKju"; export var bd_white_phablet = "tFW0c4"; -export var bd_transparent_hover_phablet = "JS26Ed"; -export var bd_black_hover_phablet = "vjwfDZ"; -export var bd_white_hover_phablet = "PIMcZH"; export var bd_transparent_focus_phablet = "Yy_yhi"; export var bd_black_focus_phablet = "k2XnVf"; export var bd_white_focus_phablet = "_2_NizD"; export var transparent_tablet = "Aw2D45"; export var black_tablet = "_4b92dm"; export var white_tablet = "o8qdX5"; -export var transparent_hover_tablet = "VmcM14"; -export var black_hover_tablet = "_4pdGQt"; -export var white_hover_tablet = "_8MyiUe"; export var bg_transparent_tablet = "_8eHx03"; export var bg_black_tablet = "ltaYW3"; export var bg_white_tablet = "BhFfzx"; -export var bg_transparent_hover_tablet = "rlsckE"; -export var bg_black_hover_tablet = "VtITcW"; -export var bg_white_hover_tablet = "MVQf1m"; export var bg_transparent_active_tablet = "HV1jTO"; export var bg_black_active_tablet = "x3vCBC"; export var bg_white_active_tablet = "_8D7pd9"; export var bd_transparent_tablet = "mwSZUD"; export var bd_black_tablet = "_-9Btvy"; export var bd_white_tablet = "yGe1Ir"; -export var bd_transparent_hover_tablet = "fXkby9"; -export var bd_black_hover_tablet = "gnRIud"; -export var bd_white_hover_tablet = "fFoYjL"; export var bd_transparent_focus_tablet = "_9q2qP5"; export var bd_black_focus_tablet = "_11iKz3"; export var bd_white_focus_tablet = "HIkC1B"; export var transparent_desktop = "PBhfKy"; export var black_desktop = "CgYuy9"; export var white_desktop = "HNuXy3"; -export var transparent_hover_desktop = "XhfU7x"; -export var black_hover_desktop = "K7oBMw"; -export var white_hover_desktop = "WumQPC"; export var bg_transparent_desktop = "jZWNUM"; export var bg_black_desktop = "Ya3qdL"; export var bg_white_desktop = "nnqEoI"; -export var bg_transparent_hover_desktop = "ZyQBE3"; -export var bg_black_hover_desktop = "_3-idl1"; -export var bg_white_hover_desktop = "uUQ62H"; export var bg_transparent_active_desktop = "AoVx-4"; export var bg_black_active_desktop = "JFpWQB"; export var bg_white_active_desktop = "eWCHpU"; export var bd_transparent_desktop = "_8z2-Ts"; export var bd_black_desktop = "p0zb6v"; export var bd_white_desktop = "CaVPgM"; -export var bd_transparent_hover_desktop = "wz8Ybj"; -export var bd_black_hover_desktop = "yFX9Bt"; -export var bd_white_hover_desktop = "G_Ks9n"; export var bd_transparent_focus_desktop = "MQxQG6"; export var bd_black_focus_desktop = "j1NZTt"; export var bd_white_focus_desktop = "qn6vfj"; export var transparent_wideDesktop = "Y4hs5_"; export var black_wideDesktop = "BEwYdP"; export var white_wideDesktop = "oLHsDL"; -export var transparent_hover_wideDesktop = "Tv9kwZ"; -export var black_hover_wideDesktop = "_3Yc9VP"; -export var white_hover_wideDesktop = "QvUeTY"; export var bg_transparent_wideDesktop = "gFn7y6"; export var bg_black_wideDesktop = "_5_fipl"; export var bg_white_wideDesktop = "VBoBXH"; -export var bg_transparent_hover_wideDesktop = "B2ZYP6"; -export var bg_black_hover_wideDesktop = "XSzgJm"; -export var bg_white_hover_wideDesktop = "GdsyI9"; export var bg_transparent_active_wideDesktop = "sp6-_K"; export var bg_black_active_wideDesktop = "m1dGmX"; export var bg_white_active_wideDesktop = "F8ABi0"; export var bd_transparent_wideDesktop = "ycqC89"; export var bd_black_wideDesktop = "zwPMh8"; export var bd_white_wideDesktop = "nHkSni"; -export var bd_transparent_hover_wideDesktop = "IJQNcS"; -export var bd_black_hover_wideDesktop = "vwenav"; -export var bd_white_hover_wideDesktop = "EDikIT"; export var bd_transparent_focus_wideDesktop = "aqBpwF"; export var bd_black_focus_wideDesktop = "u97qUL"; export var bd_white_focus_wideDesktop = "zzHwgX"; +export var transparent_hover = "_8o7AdB"; +export var black_hover = "DJ9tNH"; +export var white_hover = "pQ96hs"; +export var bg_transparent_hover = "OW2t12"; +export var bg_black_hover = "p0K3V_"; +export var bg_white_hover = "u5CoHT"; +export var bd_transparent_hover = "DdLERB"; +export var bd_black_hover = "sSTi9U"; +export var bd_white_hover = "SrlG4o"; +export var transparent_hover_mobile = "MpFFe4"; +export var black_hover_mobile = "sWWlLj"; +export var white_hover_mobile = "o6Le8p"; +export var bg_transparent_hover_mobile = "_3A_tYX"; +export var bg_black_hover_mobile = "EWb8dI"; +export var bg_white_hover_mobile = "ZNbZad"; +export var bd_transparent_hover_mobile = "itJNZE"; +export var bd_black_hover_mobile = "frDhwD"; +export var bd_white_hover_mobile = "_-3tIbX"; +export var transparent_hover_phablet = "_17TE5"; +export var black_hover_phablet = "f_hjdE"; +export var white_hover_phablet = "egCwcL"; +export var bg_transparent_hover_phablet = "aR3Ubx"; +export var bg_black_hover_phablet = "OkiZx1"; +export var bg_white_hover_phablet = "KNhFJA"; +export var bd_transparent_hover_phablet = "JS26Ed"; +export var bd_black_hover_phablet = "vjwfDZ"; +export var bd_white_hover_phablet = "PIMcZH"; +export var transparent_hover_tablet = "VmcM14"; +export var black_hover_tablet = "_4pdGQt"; +export var white_hover_tablet = "_8MyiUe"; +export var bg_transparent_hover_tablet = "rlsckE"; +export var bg_black_hover_tablet = "VtITcW"; +export var bg_white_hover_tablet = "MVQf1m"; +export var bd_transparent_hover_tablet = "fXkby9"; +export var bd_black_hover_tablet = "gnRIud"; +export var bd_white_hover_tablet = "fFoYjL"; +export var transparent_hover_desktop = "XhfU7x"; +export var black_hover_desktop = "K7oBMw"; +export var white_hover_desktop = "WumQPC"; +export var bg_transparent_hover_desktop = "ZyQBE3"; +export var bg_black_hover_desktop = "_3-idl1"; +export var bg_white_hover_desktop = "uUQ62H"; +export var bd_transparent_hover_desktop = "wz8Ybj"; +export var bd_black_hover_desktop = "yFX9Bt"; +export var bd_white_hover_desktop = "G_Ks9n"; +export var transparent_hover_wideDesktop = "Tv9kwZ"; +export var black_hover_wideDesktop = "_3Yc9VP"; +export var white_hover_wideDesktop = "QvUeTY"; +export var bg_transparent_hover_wideDesktop = "B2ZYP6"; +export var bg_black_hover_wideDesktop = "XSzgJm"; +export var bg_white_hover_wideDesktop = "GdsyI9"; +export var bd_transparent_hover_wideDesktop = "IJQNcS"; +export var bd_black_hover_wideDesktop = "vwenav"; +export var bd_white_hover_wideDesktop = "EDikIT"; export var inverted = "inverted" \ No newline at end of file diff --git a/integration-test/packages/atoms/colors/index.js.snap b/integration-test/packages/atoms/colors/index.js.snap index d07a208..fb1a456 100644 --- a/integration-test/packages/atoms/colors/index.js.snap +++ b/integration-test/packages/atoms/colors/index.js.snap @@ -1,147 +1,147 @@ module.exports = { - transparent: "_7XVRfh", - black: "_1RrCqF", - white: "hKG3ag", - transparent_hover: "_8o7AdB", - black_hover: "DJ9tNH", - white_hover: "pQ96hs", + transparent: "EqdisS", + black: "YcXvtG", + white: "gnEOu0", bg_transparent: "QFK-pd", bg_black: "vLhOdO", bg_white: "BB3914", - bg_transparent_hover: "OW2t12", - bg_black_hover: "p0K3V_", - bg_white_hover: "u5CoHT", bg_transparent_active: "XMShGx", bg_black_active: "pYWOaW", bg_white_active: "YvQoMS", bd_transparent: "ccA3wc", bd_black: "_9OMGCZ", bd_white: "Y1sI0i", - bd_transparent_hover: "DdLERB", - bd_black_hover: "sSTi9U", - bd_white_hover: "SrlG4o", bd_transparent_focus: "WrGzoU", bd_black_focus: "iSk3wh", bd_white_focus: "DiF_NF", transparent_mobile: "Rvp04b", black_mobile: "Lp5Coj", white_mobile: "HCs9Zk", - transparent_hover_mobile: "MpFFe4", - black_hover_mobile: "sWWlLj", - white_hover_mobile: "o6Le8p", bg_transparent_mobile: "n9uP8O", bg_black_mobile: "JGmk2f", bg_white_mobile: "SrYDfc", - bg_transparent_hover_mobile: "_3A_tYX", - bg_black_hover_mobile: "EWb8dI", - bg_white_hover_mobile: "ZNbZad", bg_transparent_active_mobile: "_09Y3xY", bg_black_active_mobile: "_0yvfVT", bg_white_active_mobile: "Nqx5Tu", bd_transparent_mobile: "Z7zfNt", bd_black_mobile: "l7cM29", bd_white_mobile: "W9KYDX", - bd_transparent_hover_mobile: "itJNZE", - bd_black_hover_mobile: "frDhwD", - bd_white_hover_mobile: "_-3tIbX", bd_transparent_focus_mobile: "z2U-id", bd_black_focus_mobile: "_47a4aF", bd_white_focus_mobile: "VDNH3K", transparent_phablet: "ZG5UC9", black_phablet: "_G9XCO", white_phablet: "qP7xSn", - transparent_hover_phablet: "_17TE5", - black_hover_phablet: "f_hjdE", - white_hover_phablet: "egCwcL", bg_transparent_phablet: "cT83fW", bg_black_phablet: "cTzk67", bg_white_phablet: "d87drd", - bg_transparent_hover_phablet: "aR3Ubx", - bg_black_hover_phablet: "OkiZx1", - bg_white_hover_phablet: "KNhFJA", bg_transparent_active_phablet: "b_MwVS", bg_black_active_phablet: "PpdrMK", bg_white_active_phablet: "zi47D5", bd_transparent_phablet: "ZaHZcI", bd_black_phablet: "WZPKju", bd_white_phablet: "tFW0c4", - bd_transparent_hover_phablet: "JS26Ed", - bd_black_hover_phablet: "vjwfDZ", - bd_white_hover_phablet: "PIMcZH", bd_transparent_focus_phablet: "Yy_yhi", bd_black_focus_phablet: "k2XnVf", bd_white_focus_phablet: "_2_NizD", transparent_tablet: "Aw2D45", black_tablet: "_4b92dm", white_tablet: "o8qdX5", - transparent_hover_tablet: "VmcM14", - black_hover_tablet: "_4pdGQt", - white_hover_tablet: "_8MyiUe", bg_transparent_tablet: "_8eHx03", bg_black_tablet: "ltaYW3", bg_white_tablet: "BhFfzx", - bg_transparent_hover_tablet: "rlsckE", - bg_black_hover_tablet: "VtITcW", - bg_white_hover_tablet: "MVQf1m", bg_transparent_active_tablet: "HV1jTO", bg_black_active_tablet: "x3vCBC", bg_white_active_tablet: "_8D7pd9", bd_transparent_tablet: "mwSZUD", bd_black_tablet: "_-9Btvy", bd_white_tablet: "yGe1Ir", - bd_transparent_hover_tablet: "fXkby9", - bd_black_hover_tablet: "gnRIud", - bd_white_hover_tablet: "fFoYjL", bd_transparent_focus_tablet: "_9q2qP5", bd_black_focus_tablet: "_11iKz3", bd_white_focus_tablet: "HIkC1B", transparent_desktop: "PBhfKy", black_desktop: "CgYuy9", white_desktop: "HNuXy3", - transparent_hover_desktop: "XhfU7x", - black_hover_desktop: "K7oBMw", - white_hover_desktop: "WumQPC", bg_transparent_desktop: "jZWNUM", bg_black_desktop: "Ya3qdL", bg_white_desktop: "nnqEoI", - bg_transparent_hover_desktop: "ZyQBE3", - bg_black_hover_desktop: "_3-idl1", - bg_white_hover_desktop: "uUQ62H", bg_transparent_active_desktop: "AoVx-4", bg_black_active_desktop: "JFpWQB", bg_white_active_desktop: "eWCHpU", bd_transparent_desktop: "_8z2-Ts", bd_black_desktop: "p0zb6v", bd_white_desktop: "CaVPgM", - bd_transparent_hover_desktop: "wz8Ybj", - bd_black_hover_desktop: "yFX9Bt", - bd_white_hover_desktop: "G_Ks9n", bd_transparent_focus_desktop: "MQxQG6", bd_black_focus_desktop: "j1NZTt", bd_white_focus_desktop: "qn6vfj", transparent_wideDesktop: "Y4hs5_", black_wideDesktop: "BEwYdP", white_wideDesktop: "oLHsDL", - transparent_hover_wideDesktop: "Tv9kwZ", - black_hover_wideDesktop: "_3Yc9VP", - white_hover_wideDesktop: "QvUeTY", bg_transparent_wideDesktop: "gFn7y6", bg_black_wideDesktop: "_5_fipl", bg_white_wideDesktop: "VBoBXH", - bg_transparent_hover_wideDesktop: "B2ZYP6", - bg_black_hover_wideDesktop: "XSzgJm", - bg_white_hover_wideDesktop: "GdsyI9", bg_transparent_active_wideDesktop: "sp6-_K", bg_black_active_wideDesktop: "m1dGmX", bg_white_active_wideDesktop: "F8ABi0", bd_transparent_wideDesktop: "ycqC89", bd_black_wideDesktop: "zwPMh8", bd_white_wideDesktop: "nHkSni", - bd_transparent_hover_wideDesktop: "IJQNcS", - bd_black_hover_wideDesktop: "vwenav", - bd_white_hover_wideDesktop: "EDikIT", bd_transparent_focus_wideDesktop: "aqBpwF", bd_black_focus_wideDesktop: "u97qUL", bd_white_focus_wideDesktop: "zzHwgX", + transparent_hover: "_8o7AdB", + black_hover: "DJ9tNH", + white_hover: "pQ96hs", + bg_transparent_hover: "OW2t12", + bg_black_hover: "p0K3V_", + bg_white_hover: "u5CoHT", + bd_transparent_hover: "DdLERB", + bd_black_hover: "sSTi9U", + bd_white_hover: "SrlG4o", + transparent_hover_mobile: "MpFFe4", + black_hover_mobile: "sWWlLj", + white_hover_mobile: "o6Le8p", + bg_transparent_hover_mobile: "_3A_tYX", + bg_black_hover_mobile: "EWb8dI", + bg_white_hover_mobile: "ZNbZad", + bd_transparent_hover_mobile: "itJNZE", + bd_black_hover_mobile: "frDhwD", + bd_white_hover_mobile: "_-3tIbX", + transparent_hover_phablet: "_17TE5", + black_hover_phablet: "f_hjdE", + white_hover_phablet: "egCwcL", + bg_transparent_hover_phablet: "aR3Ubx", + bg_black_hover_phablet: "OkiZx1", + bg_white_hover_phablet: "KNhFJA", + bd_transparent_hover_phablet: "JS26Ed", + bd_black_hover_phablet: "vjwfDZ", + bd_white_hover_phablet: "PIMcZH", + transparent_hover_tablet: "VmcM14", + black_hover_tablet: "_4pdGQt", + white_hover_tablet: "_8MyiUe", + bg_transparent_hover_tablet: "rlsckE", + bg_black_hover_tablet: "VtITcW", + bg_white_hover_tablet: "MVQf1m", + bd_transparent_hover_tablet: "fXkby9", + bd_black_hover_tablet: "gnRIud", + bd_white_hover_tablet: "fFoYjL", + transparent_hover_desktop: "XhfU7x", + black_hover_desktop: "K7oBMw", + white_hover_desktop: "WumQPC", + bg_transparent_hover_desktop: "ZyQBE3", + bg_black_hover_desktop: "_3-idl1", + bg_white_hover_desktop: "uUQ62H", + bd_transparent_hover_desktop: "wz8Ybj", + bd_black_hover_desktop: "yFX9Bt", + bd_white_hover_desktop: "G_Ks9n", + transparent_hover_wideDesktop: "Tv9kwZ", + black_hover_wideDesktop: "_3Yc9VP", + white_hover_wideDesktop: "QvUeTY", + bg_transparent_hover_wideDesktop: "B2ZYP6", + bg_black_hover_wideDesktop: "XSzgJm", + bg_white_hover_wideDesktop: "GdsyI9", + bd_transparent_hover_wideDesktop: "IJQNcS", + bd_black_hover_wideDesktop: "vwenav", + bd_white_hover_wideDesktop: "EDikIT", inverted: "inverted" }; \ No newline at end of file diff --git a/integration-test/packages/atoms/colors/module.css.json.snap b/integration-test/packages/atoms/colors/module.css.json.snap index 759e218..16a0e45 100644 --- a/integration-test/packages/atoms/colors/module.css.json.snap +++ b/integration-test/packages/atoms/colors/module.css.json.snap @@ -1 +1 @@ -{"transparent":"_7XVRfh","black":"_1RrCqF","white":"hKG3ag","transparent_hover":"_8o7AdB","black_hover":"DJ9tNH","white_hover":"pQ96hs","bg_transparent":"QFK-pd","bg_black":"vLhOdO","bg_white":"BB3914","bg_transparent_hover":"OW2t12","bg_black_hover":"p0K3V_","bg_white_hover":"u5CoHT","bg_transparent_active":"XMShGx","bg_black_active":"pYWOaW","bg_white_active":"YvQoMS","bd_transparent":"ccA3wc","bd_black":"_9OMGCZ","bd_white":"Y1sI0i","bd_transparent_hover":"DdLERB","bd_black_hover":"sSTi9U","bd_white_hover":"SrlG4o","bd_transparent_focus":"WrGzoU","bd_black_focus":"iSk3wh","bd_white_focus":"DiF_NF","transparent_mobile":"Rvp04b","black_mobile":"Lp5Coj","white_mobile":"HCs9Zk","transparent_hover_mobile":"MpFFe4","black_hover_mobile":"sWWlLj","white_hover_mobile":"o6Le8p","bg_transparent_mobile":"n9uP8O","bg_black_mobile":"JGmk2f","bg_white_mobile":"SrYDfc","bg_transparent_hover_mobile":"_3A_tYX","bg_black_hover_mobile":"EWb8dI","bg_white_hover_mobile":"ZNbZad","bg_transparent_active_mobile":"_09Y3xY","bg_black_active_mobile":"_0yvfVT","bg_white_active_mobile":"Nqx5Tu","bd_transparent_mobile":"Z7zfNt","bd_black_mobile":"l7cM29","bd_white_mobile":"W9KYDX","bd_transparent_hover_mobile":"itJNZE","bd_black_hover_mobile":"frDhwD","bd_white_hover_mobile":"_-3tIbX","bd_transparent_focus_mobile":"z2U-id","bd_black_focus_mobile":"_47a4aF","bd_white_focus_mobile":"VDNH3K","transparent_phablet":"ZG5UC9","black_phablet":"_G9XCO","white_phablet":"qP7xSn","transparent_hover_phablet":"_17TE5","black_hover_phablet":"f_hjdE","white_hover_phablet":"egCwcL","bg_transparent_phablet":"cT83fW","bg_black_phablet":"cTzk67","bg_white_phablet":"d87drd","bg_transparent_hover_phablet":"aR3Ubx","bg_black_hover_phablet":"OkiZx1","bg_white_hover_phablet":"KNhFJA","bg_transparent_active_phablet":"b_MwVS","bg_black_active_phablet":"PpdrMK","bg_white_active_phablet":"zi47D5","bd_transparent_phablet":"ZaHZcI","bd_black_phablet":"WZPKju","bd_white_phablet":"tFW0c4","bd_transparent_hover_phablet":"JS26Ed","bd_black_hover_phablet":"vjwfDZ","bd_white_hover_phablet":"PIMcZH","bd_transparent_focus_phablet":"Yy_yhi","bd_black_focus_phablet":"k2XnVf","bd_white_focus_phablet":"_2_NizD","transparent_tablet":"Aw2D45","black_tablet":"_4b92dm","white_tablet":"o8qdX5","transparent_hover_tablet":"VmcM14","black_hover_tablet":"_4pdGQt","white_hover_tablet":"_8MyiUe","bg_transparent_tablet":"_8eHx03","bg_black_tablet":"ltaYW3","bg_white_tablet":"BhFfzx","bg_transparent_hover_tablet":"rlsckE","bg_black_hover_tablet":"VtITcW","bg_white_hover_tablet":"MVQf1m","bg_transparent_active_tablet":"HV1jTO","bg_black_active_tablet":"x3vCBC","bg_white_active_tablet":"_8D7pd9","bd_transparent_tablet":"mwSZUD","bd_black_tablet":"_-9Btvy","bd_white_tablet":"yGe1Ir","bd_transparent_hover_tablet":"fXkby9","bd_black_hover_tablet":"gnRIud","bd_white_hover_tablet":"fFoYjL","bd_transparent_focus_tablet":"_9q2qP5","bd_black_focus_tablet":"_11iKz3","bd_white_focus_tablet":"HIkC1B","transparent_desktop":"PBhfKy","black_desktop":"CgYuy9","white_desktop":"HNuXy3","transparent_hover_desktop":"XhfU7x","black_hover_desktop":"K7oBMw","white_hover_desktop":"WumQPC","bg_transparent_desktop":"jZWNUM","bg_black_desktop":"Ya3qdL","bg_white_desktop":"nnqEoI","bg_transparent_hover_desktop":"ZyQBE3","bg_black_hover_desktop":"_3-idl1","bg_white_hover_desktop":"uUQ62H","bg_transparent_active_desktop":"AoVx-4","bg_black_active_desktop":"JFpWQB","bg_white_active_desktop":"eWCHpU","bd_transparent_desktop":"_8z2-Ts","bd_black_desktop":"p0zb6v","bd_white_desktop":"CaVPgM","bd_transparent_hover_desktop":"wz8Ybj","bd_black_hover_desktop":"yFX9Bt","bd_white_hover_desktop":"G_Ks9n","bd_transparent_focus_desktop":"MQxQG6","bd_black_focus_desktop":"j1NZTt","bd_white_focus_desktop":"qn6vfj","transparent_wideDesktop":"Y4hs5_","black_wideDesktop":"BEwYdP","white_wideDesktop":"oLHsDL","transparent_hover_wideDesktop":"Tv9kwZ","black_hover_wideDesktop":"_3Yc9VP","white_hover_wideDesktop":"QvUeTY","bg_transparent_wideDesktop":"gFn7y6","bg_black_wideDesktop":"_5_fipl","bg_white_wideDesktop":"VBoBXH","bg_transparent_hover_wideDesktop":"B2ZYP6","bg_black_hover_wideDesktop":"XSzgJm","bg_white_hover_wideDesktop":"GdsyI9","bg_transparent_active_wideDesktop":"sp6-_K","bg_black_active_wideDesktop":"m1dGmX","bg_white_active_wideDesktop":"F8ABi0","bd_transparent_wideDesktop":"ycqC89","bd_black_wideDesktop":"zwPMh8","bd_white_wideDesktop":"nHkSni","bd_transparent_hover_wideDesktop":"IJQNcS","bd_black_hover_wideDesktop":"vwenav","bd_white_hover_wideDesktop":"EDikIT","bd_transparent_focus_wideDesktop":"aqBpwF","bd_black_focus_wideDesktop":"u97qUL","bd_white_focus_wideDesktop":"zzHwgX","inverted":"inverted"} \ No newline at end of file +{"transparent":"EqdisS","black":"YcXvtG","white":"gnEOu0","bg_transparent":"QFK-pd","bg_black":"vLhOdO","bg_white":"BB3914","bg_transparent_active":"XMShGx","bg_black_active":"pYWOaW","bg_white_active":"YvQoMS","bd_transparent":"ccA3wc","bd_black":"_9OMGCZ","bd_white":"Y1sI0i","bd_transparent_focus":"WrGzoU","bd_black_focus":"iSk3wh","bd_white_focus":"DiF_NF","transparent_mobile":"Rvp04b","black_mobile":"Lp5Coj","white_mobile":"HCs9Zk","bg_transparent_mobile":"n9uP8O","bg_black_mobile":"JGmk2f","bg_white_mobile":"SrYDfc","bg_transparent_active_mobile":"_09Y3xY","bg_black_active_mobile":"_0yvfVT","bg_white_active_mobile":"Nqx5Tu","bd_transparent_mobile":"Z7zfNt","bd_black_mobile":"l7cM29","bd_white_mobile":"W9KYDX","bd_transparent_focus_mobile":"z2U-id","bd_black_focus_mobile":"_47a4aF","bd_white_focus_mobile":"VDNH3K","transparent_phablet":"ZG5UC9","black_phablet":"_G9XCO","white_phablet":"qP7xSn","bg_transparent_phablet":"cT83fW","bg_black_phablet":"cTzk67","bg_white_phablet":"d87drd","bg_transparent_active_phablet":"b_MwVS","bg_black_active_phablet":"PpdrMK","bg_white_active_phablet":"zi47D5","bd_transparent_phablet":"ZaHZcI","bd_black_phablet":"WZPKju","bd_white_phablet":"tFW0c4","bd_transparent_focus_phablet":"Yy_yhi","bd_black_focus_phablet":"k2XnVf","bd_white_focus_phablet":"_2_NizD","transparent_tablet":"Aw2D45","black_tablet":"_4b92dm","white_tablet":"o8qdX5","bg_transparent_tablet":"_8eHx03","bg_black_tablet":"ltaYW3","bg_white_tablet":"BhFfzx","bg_transparent_active_tablet":"HV1jTO","bg_black_active_tablet":"x3vCBC","bg_white_active_tablet":"_8D7pd9","bd_transparent_tablet":"mwSZUD","bd_black_tablet":"_-9Btvy","bd_white_tablet":"yGe1Ir","bd_transparent_focus_tablet":"_9q2qP5","bd_black_focus_tablet":"_11iKz3","bd_white_focus_tablet":"HIkC1B","transparent_desktop":"PBhfKy","black_desktop":"CgYuy9","white_desktop":"HNuXy3","bg_transparent_desktop":"jZWNUM","bg_black_desktop":"Ya3qdL","bg_white_desktop":"nnqEoI","bg_transparent_active_desktop":"AoVx-4","bg_black_active_desktop":"JFpWQB","bg_white_active_desktop":"eWCHpU","bd_transparent_desktop":"_8z2-Ts","bd_black_desktop":"p0zb6v","bd_white_desktop":"CaVPgM","bd_transparent_focus_desktop":"MQxQG6","bd_black_focus_desktop":"j1NZTt","bd_white_focus_desktop":"qn6vfj","transparent_wideDesktop":"Y4hs5_","black_wideDesktop":"BEwYdP","white_wideDesktop":"oLHsDL","bg_transparent_wideDesktop":"gFn7y6","bg_black_wideDesktop":"_5_fipl","bg_white_wideDesktop":"VBoBXH","bg_transparent_active_wideDesktop":"sp6-_K","bg_black_active_wideDesktop":"m1dGmX","bg_white_active_wideDesktop":"F8ABi0","bd_transparent_wideDesktop":"ycqC89","bd_black_wideDesktop":"zwPMh8","bd_white_wideDesktop":"nHkSni","bd_transparent_focus_wideDesktop":"aqBpwF","bd_black_focus_wideDesktop":"u97qUL","bd_white_focus_wideDesktop":"zzHwgX","transparent_hover":"_8o7AdB","black_hover":"DJ9tNH","white_hover":"pQ96hs","bg_transparent_hover":"OW2t12","bg_black_hover":"p0K3V_","bg_white_hover":"u5CoHT","bd_transparent_hover":"DdLERB","bd_black_hover":"sSTi9U","bd_white_hover":"SrlG4o","transparent_hover_mobile":"MpFFe4","black_hover_mobile":"sWWlLj","white_hover_mobile":"o6Le8p","bg_transparent_hover_mobile":"_3A_tYX","bg_black_hover_mobile":"EWb8dI","bg_white_hover_mobile":"ZNbZad","bd_transparent_hover_mobile":"itJNZE","bd_black_hover_mobile":"frDhwD","bd_white_hover_mobile":"_-3tIbX","transparent_hover_phablet":"_17TE5","black_hover_phablet":"f_hjdE","white_hover_phablet":"egCwcL","bg_transparent_hover_phablet":"aR3Ubx","bg_black_hover_phablet":"OkiZx1","bg_white_hover_phablet":"KNhFJA","bd_transparent_hover_phablet":"JS26Ed","bd_black_hover_phablet":"vjwfDZ","bd_white_hover_phablet":"PIMcZH","transparent_hover_tablet":"VmcM14","black_hover_tablet":"_4pdGQt","white_hover_tablet":"_8MyiUe","bg_transparent_hover_tablet":"rlsckE","bg_black_hover_tablet":"VtITcW","bg_white_hover_tablet":"MVQf1m","bd_transparent_hover_tablet":"fXkby9","bd_black_hover_tablet":"gnRIud","bd_white_hover_tablet":"fFoYjL","transparent_hover_desktop":"XhfU7x","black_hover_desktop":"K7oBMw","white_hover_desktop":"WumQPC","bg_transparent_hover_desktop":"ZyQBE3","bg_black_hover_desktop":"_3-idl1","bg_white_hover_desktop":"uUQ62H","bd_transparent_hover_desktop":"wz8Ybj","bd_black_hover_desktop":"yFX9Bt","bd_white_hover_desktop":"G_Ks9n","transparent_hover_wideDesktop":"Tv9kwZ","black_hover_wideDesktop":"_3Yc9VP","white_hover_wideDesktop":"QvUeTY","bg_transparent_hover_wideDesktop":"B2ZYP6","bg_black_hover_wideDesktop":"XSzgJm","bg_white_hover_wideDesktop":"GdsyI9","bd_transparent_hover_wideDesktop":"IJQNcS","bd_black_hover_wideDesktop":"vwenav","bd_white_hover_wideDesktop":"EDikIT","inverted":"inverted"} \ No newline at end of file diff --git a/integration-test/packages/atoms/colors/module.css.snap b/integration-test/packages/atoms/colors/module.css.snap index 0353550..2d894f2 100644 --- a/integration-test/packages/atoms/colors/module.css.snap +++ b/integration-test/packages/atoms/colors/module.css.snap @@ -13,21 +13,6 @@ color: #fafafa } -.transparent_hover:hover { - - color: transparent -} - -.black_hover:hover { - - color: #1a1a1a -} - -.white_hover:hover { - - color: #fafafa -} - .bg_transparent { background-color: transparent @@ -43,21 +28,6 @@ background-color: #fafafa } -.bg_transparent_hover:hover { - - background-color: transparent -} - -.bg_black_hover:hover { - - background-color: #1a1a1a -} - -.bg_white_hover:hover { - - background-color: #fafafa -} - .bg_transparent_active:active { background-color: transparent @@ -88,21 +58,6 @@ border-color: #fafafa } -.bd_transparent_hover:hover { - - border-color: transparent -} - -.bd_black_hover:hover { - - border-color: #1a1a1a -} - -.bd_white_hover:hover { - - border-color: #fafafa -} - .bd_transparent_focus:focus { border-color: transparent @@ -135,21 +90,6 @@ color: #fafafa } - .transparent_hover_mobile:hover { - - color: transparent - } - - .black_hover_mobile:hover { - - color: #1a1a1a - } - - .white_hover_mobile:hover { - - color: #fafafa - } - .bg_transparent_mobile { background-color: transparent @@ -165,21 +105,6 @@ background-color: #fafafa } - .bg_transparent_hover_mobile:hover { - - background-color: transparent - } - - .bg_black_hover_mobile:hover { - - background-color: #1a1a1a - } - - .bg_white_hover_mobile:hover { - - background-color: #fafafa - } - .bg_transparent_active_mobile:active { background-color: transparent @@ -210,21 +135,6 @@ border-color: #fafafa } - .bd_transparent_hover_mobile:hover { - - border-color: transparent - } - - .bd_black_hover_mobile:hover { - - border-color: #1a1a1a - } - - .bd_white_hover_mobile:hover { - - border-color: #fafafa - } - .bd_transparent_focus_mobile:focus { border-color: transparent @@ -258,21 +168,6 @@ color: #fafafa } - .transparent_hover_phablet:hover { - - color: transparent - } - - .black_hover_phablet:hover { - - color: #1a1a1a - } - - .white_hover_phablet:hover { - - color: #fafafa - } - .bg_transparent_phablet { background-color: transparent @@ -288,21 +183,6 @@ background-color: #fafafa } - .bg_transparent_hover_phablet:hover { - - background-color: transparent - } - - .bg_black_hover_phablet:hover { - - background-color: #1a1a1a - } - - .bg_white_hover_phablet:hover { - - background-color: #fafafa - } - .bg_transparent_active_phablet:active { background-color: transparent @@ -333,21 +213,6 @@ border-color: #fafafa } - .bd_transparent_hover_phablet:hover { - - border-color: transparent - } - - .bd_black_hover_phablet:hover { - - border-color: #1a1a1a - } - - .bd_white_hover_phablet:hover { - - border-color: #fafafa - } - .bd_transparent_focus_phablet:focus { border-color: transparent @@ -381,21 +246,6 @@ color: #fafafa } - .transparent_hover_tablet:hover { - - color: transparent - } - - .black_hover_tablet:hover { - - color: #1a1a1a - } - - .white_hover_tablet:hover { - - color: #fafafa - } - .bg_transparent_tablet { background-color: transparent @@ -411,21 +261,6 @@ background-color: #fafafa } - .bg_transparent_hover_tablet:hover { - - background-color: transparent - } - - .bg_black_hover_tablet:hover { - - background-color: #1a1a1a - } - - .bg_white_hover_tablet:hover { - - background-color: #fafafa - } - .bg_transparent_active_tablet:active { background-color: transparent @@ -456,21 +291,6 @@ border-color: #fafafa } - .bd_transparent_hover_tablet:hover { - - border-color: transparent - } - - .bd_black_hover_tablet:hover { - - border-color: #1a1a1a - } - - .bd_white_hover_tablet:hover { - - border-color: #fafafa - } - .bd_transparent_focus_tablet:focus { border-color: transparent @@ -504,21 +324,6 @@ color: #fafafa } - .transparent_hover_desktop:hover { - - color: transparent - } - - .black_hover_desktop:hover { - - color: #1a1a1a - } - - .white_hover_desktop:hover { - - color: #fafafa - } - .bg_transparent_desktop { background-color: transparent @@ -534,21 +339,6 @@ background-color: #fafafa } - .bg_transparent_hover_desktop:hover { - - background-color: transparent - } - - .bg_black_hover_desktop:hover { - - background-color: #1a1a1a - } - - .bg_white_hover_desktop:hover { - - background-color: #fafafa - } - .bg_transparent_active_desktop:active { background-color: transparent @@ -579,21 +369,6 @@ border-color: #fafafa } - .bd_transparent_hover_desktop:hover { - - border-color: transparent - } - - .bd_black_hover_desktop:hover { - - border-color: #1a1a1a - } - - .bd_white_hover_desktop:hover { - - border-color: #fafafa - } - .bd_transparent_focus_desktop:focus { border-color: transparent @@ -627,21 +402,6 @@ color: #fafafa } - .transparent_hover_wideDesktop:hover { - - color: transparent - } - - .black_hover_wideDesktop:hover { - - color: #1a1a1a - } - - .white_hover_wideDesktop:hover { - - color: #fafafa - } - .bg_transparent_wideDesktop { background-color: transparent @@ -657,21 +417,6 @@ background-color: #fafafa } - .bg_transparent_hover_wideDesktop:hover { - - background-color: transparent - } - - .bg_black_hover_wideDesktop:hover { - - background-color: #1a1a1a - } - - .bg_white_hover_wideDesktop:hover { - - background-color: #fafafa - } - .bg_transparent_active_wideDesktop:active { background-color: transparent @@ -702,106 +447,349 @@ border-color: #fafafa } - .bd_transparent_hover_wideDesktop:hover { + .bd_transparent_focus_wideDesktop:focus { border-color: transparent } - .bd_black_hover_wideDesktop:hover { + .bd_black_focus_wideDesktop:focus { border-color: #1a1a1a } - .bd_white_hover_wideDesktop:hover { + .bd_white_focus_wideDesktop:focus { border-color: #fafafa } +} - .bd_transparent_focus_wideDesktop:focus { +@media (hover: hover) and (pointer: fine) { - border-color: transparent + .transparent_hover:hover { + + color: transparent } - .bd_black_focus_wideDesktop:focus { + .black_hover:hover { - border-color: #1a1a1a + color: #1a1a1a } - .bd_white_focus_wideDesktop:focus { + .white_hover:hover { - border-color: #fafafa + color: #fafafa } -} -:global(.inverted) { -} + .bg_transparent_hover:hover { -:global(.inverted) .black { + background-color: transparent + } - color: #fafafa -} + .bg_black_hover:hover { -:global(.inverted) .white { + background-color: #1a1a1a + } - color: #1a1a1a -} + .bg_white_hover:hover { -:global(.inverted) .black_hover:hover { + background-color: #fafafa + } - color: #fafafa -} + .bd_transparent_hover:hover { -:global(.inverted) .white_hover:hover { + border-color: transparent + } - color: #1a1a1a -} + .bd_black_hover:hover { -:global(.inverted) .bg_black { + border-color: #1a1a1a + } - background-color: #fafafa -} + .bd_white_hover:hover { -:global(.inverted) .bg_white { + border-color: #fafafa + } - background-color: #1a1a1a -} + @media screen and (min-width: 320px) { -:global(.inverted) .bg_black_hover:hover { + .transparent_hover_mobile:hover { - background-color: #fafafa -} + color: transparent + } -:global(.inverted) .bg_white_hover:hover { + .black_hover_mobile:hover { - background-color: #1a1a1a -} + color: #1a1a1a + } -:global(.inverted) .bg_black_active:active { + .white_hover_mobile:hover { - background-color: #fafafa -} + color: #fafafa + } -:global(.inverted) .bg_white_active:active { + .bg_transparent_hover_mobile:hover { + + background-color: transparent + } + + .bg_black_hover_mobile:hover { + + background-color: #1a1a1a + } + + .bg_white_hover_mobile:hover { + + background-color: #fafafa + } + + .bd_transparent_hover_mobile:hover { + + border-color: transparent + } + + .bd_black_hover_mobile:hover { + + border-color: #1a1a1a + } + + .bd_white_hover_mobile:hover { + + border-color: #fafafa + } + } + + @media screen and (min-width: 480px) { + + .transparent_hover_phablet:hover { + + color: transparent + } + + .black_hover_phablet:hover { + + color: #1a1a1a + } + + .white_hover_phablet:hover { + + color: #fafafa + } + + .bg_transparent_hover_phablet:hover { + + background-color: transparent + } + + .bg_black_hover_phablet:hover { + + background-color: #1a1a1a + } + + .bg_white_hover_phablet:hover { + + background-color: #fafafa + } + + .bd_transparent_hover_phablet:hover { + + border-color: transparent + } + + .bd_black_hover_phablet:hover { + + border-color: #1a1a1a + } + + .bd_white_hover_phablet:hover { + + border-color: #fafafa + } + } + + @media screen and (min-width: 768px) { + + .transparent_hover_tablet:hover { + + color: transparent + } + + .black_hover_tablet:hover { + + color: #1a1a1a + } + + .white_hover_tablet:hover { + + color: #fafafa + } + + .bg_transparent_hover_tablet:hover { + + background-color: transparent + } + + .bg_black_hover_tablet:hover { + + background-color: #1a1a1a + } + + .bg_white_hover_tablet:hover { + + background-color: #fafafa + } + + .bd_transparent_hover_tablet:hover { + + border-color: transparent + } + + .bd_black_hover_tablet:hover { + + border-color: #1a1a1a + } + + .bd_white_hover_tablet:hover { + + border-color: #fafafa + } + } + + @media screen and (min-width: 1024px) { + + .transparent_hover_desktop:hover { + + color: transparent + } + + .black_hover_desktop:hover { + + color: #1a1a1a + } + + .white_hover_desktop:hover { + + color: #fafafa + } + + .bg_transparent_hover_desktop:hover { + + background-color: transparent + } + + .bg_black_hover_desktop:hover { + + background-color: #1a1a1a + } + + .bg_white_hover_desktop:hover { + + background-color: #fafafa + } + + .bd_transparent_hover_desktop:hover { + + border-color: transparent + } + + .bd_black_hover_desktop:hover { + + border-color: #1a1a1a + } + + .bd_white_hover_desktop:hover { + + border-color: #fafafa + } + } + + @media screen and (min-width: 1280px) { + + .transparent_hover_wideDesktop:hover { + + color: transparent + } + + .black_hover_wideDesktop:hover { + + color: #1a1a1a + } + + .white_hover_wideDesktop:hover { + + color: #fafafa + } + + .bg_transparent_hover_wideDesktop:hover { + + background-color: transparent + } + + .bg_black_hover_wideDesktop:hover { + + background-color: #1a1a1a + } + + .bg_white_hover_wideDesktop:hover { + + background-color: #fafafa + } + + .bd_transparent_hover_wideDesktop:hover { + + border-color: transparent + } + + .bd_black_hover_wideDesktop:hover { + + border-color: #1a1a1a + } + + .bd_white_hover_wideDesktop:hover { + + border-color: #fafafa + } + } +} + +:global(.inverted) { +} + +:global(.inverted) .black { + + color: #fafafa +} + +:global(.inverted) .white { + + color: #1a1a1a +} + +:global(.inverted) .bg_black { + + background-color: #fafafa +} + +:global(.inverted) .bg_white { background-color: #1a1a1a } -:global(.inverted) .bd_black { +:global(.inverted) .bg_black_active:active { - border-color: #fafafa + background-color: #fafafa } -:global(.inverted) .bd_white { +:global(.inverted) .bg_white_active:active { - border-color: #1a1a1a + background-color: #1a1a1a } -:global(.inverted) .bd_black_hover:hover { +:global(.inverted) .bd_black { border-color: #fafafa } -:global(.inverted) .bd_white_hover:hover { +:global(.inverted) .bd_white { border-color: #1a1a1a } @@ -828,16 +816,6 @@ color: #1a1a1a } - :global(.inverted) .black_hover_mobile:hover { - - color: #fafafa - } - - :global(.inverted) .white_hover_mobile:hover { - - color: #1a1a1a - } - :global(.inverted) .bg_black_mobile { background-color: #fafafa @@ -848,16 +826,6 @@ background-color: #1a1a1a } - :global(.inverted) .bg_black_hover_mobile:hover { - - background-color: #fafafa - } - - :global(.inverted) .bg_white_hover_mobile:hover { - - background-color: #1a1a1a - } - :global(.inverted) .bg_black_active_mobile:active { background-color: #fafafa @@ -878,16 +846,6 @@ border-color: #1a1a1a } - :global(.inverted) .bd_black_hover_mobile:hover { - - border-color: #fafafa - } - - :global(.inverted) .bd_white_hover_mobile:hover { - - border-color: #1a1a1a - } - :global(.inverted) .bd_black_focus_mobile:focus { border-color: #fafafa @@ -911,16 +869,6 @@ color: #1a1a1a } - :global(.inverted) .black_hover_phablet:hover { - - color: #fafafa - } - - :global(.inverted) .white_hover_phablet:hover { - - color: #1a1a1a - } - :global(.inverted) .bg_black_phablet { background-color: #fafafa @@ -931,16 +879,6 @@ background-color: #1a1a1a } - :global(.inverted) .bg_black_hover_phablet:hover { - - background-color: #fafafa - } - - :global(.inverted) .bg_white_hover_phablet:hover { - - background-color: #1a1a1a - } - :global(.inverted) .bg_black_active_phablet:active { background-color: #fafafa @@ -961,16 +899,6 @@ border-color: #1a1a1a } - :global(.inverted) .bd_black_hover_phablet:hover { - - border-color: #fafafa - } - - :global(.inverted) .bd_white_hover_phablet:hover { - - border-color: #1a1a1a - } - :global(.inverted) .bd_black_focus_phablet:focus { border-color: #fafafa @@ -994,16 +922,6 @@ color: #1a1a1a } - :global(.inverted) .black_hover_tablet:hover { - - color: #fafafa - } - - :global(.inverted) .white_hover_tablet:hover { - - color: #1a1a1a - } - :global(.inverted) .bg_black_tablet { background-color: #fafafa @@ -1014,16 +932,6 @@ background-color: #1a1a1a } - :global(.inverted) .bg_black_hover_tablet:hover { - - background-color: #fafafa - } - - :global(.inverted) .bg_white_hover_tablet:hover { - - background-color: #1a1a1a - } - :global(.inverted) .bg_black_active_tablet:active { background-color: #fafafa @@ -1044,16 +952,6 @@ border-color: #1a1a1a } - :global(.inverted) .bd_black_hover_tablet:hover { - - border-color: #fafafa - } - - :global(.inverted) .bd_white_hover_tablet:hover { - - border-color: #1a1a1a - } - :global(.inverted) .bd_black_focus_tablet:focus { border-color: #fafafa @@ -1077,16 +975,6 @@ color: #1a1a1a } - :global(.inverted) .black_hover_desktop:hover { - - color: #fafafa - } - - :global(.inverted) .white_hover_desktop:hover { - - color: #1a1a1a - } - :global(.inverted) .bg_black_desktop { background-color: #fafafa @@ -1097,16 +985,6 @@ background-color: #1a1a1a } - :global(.inverted) .bg_black_hover_desktop:hover { - - background-color: #fafafa - } - - :global(.inverted) .bg_white_hover_desktop:hover { - - background-color: #1a1a1a - } - :global(.inverted) .bg_black_active_desktop:active { background-color: #fafafa @@ -1127,16 +1005,6 @@ border-color: #1a1a1a } - :global(.inverted) .bd_black_hover_desktop:hover { - - border-color: #fafafa - } - - :global(.inverted) .bd_white_hover_desktop:hover { - - border-color: #1a1a1a - } - :global(.inverted) .bd_black_focus_desktop:focus { border-color: #fafafa @@ -1160,73 +1028,241 @@ color: #1a1a1a } - :global(.inverted) .black_hover_wideDesktop:hover { + :global(.inverted) .bg_black_wideDesktop { - color: #fafafa + background-color: #fafafa } - :global(.inverted) .white_hover_wideDesktop:hover { + :global(.inverted) .bg_white_wideDesktop { - color: #1a1a1a + background-color: #1a1a1a } - :global(.inverted) .bg_black_wideDesktop { + :global(.inverted) .bg_black_active_wideDesktop:active { background-color: #fafafa } - :global(.inverted) .bg_white_wideDesktop { + :global(.inverted) .bg_white_active_wideDesktop:active { background-color: #1a1a1a } - :global(.inverted) .bg_black_hover_wideDesktop:hover { + :global(.inverted) .bd_black_wideDesktop { - background-color: #fafafa + border-color: #fafafa } - :global(.inverted) .bg_white_hover_wideDesktop:hover { + :global(.inverted) .bd_white_wideDesktop { - background-color: #1a1a1a + border-color: #1a1a1a } - :global(.inverted) .bg_black_active_wideDesktop:active { + :global(.inverted) .bd_black_focus_wideDesktop:focus { + + border-color: #fafafa + } + + :global(.inverted) .bd_white_focus_wideDesktop:focus { + + border-color: #1a1a1a + } +} + +@media (hover: hover) and (pointer: fine) { + + :global(.inverted) .black_hover:hover { + + color: #fafafa + } + + :global(.inverted) .white_hover:hover { + + color: #1a1a1a + } + + :global(.inverted) .bg_black_hover:hover { background-color: #fafafa } - :global(.inverted) .bg_white_active_wideDesktop:active { + :global(.inverted) .bg_white_hover:hover { background-color: #1a1a1a } - :global(.inverted) .bd_black_wideDesktop { + :global(.inverted) .bd_black_hover:hover { border-color: #fafafa } - :global(.inverted) .bd_white_wideDesktop { + :global(.inverted) .bd_white_hover:hover { border-color: #1a1a1a } - :global(.inverted) .bd_black_hover_wideDesktop:hover { + @media screen and (min-width: 320px) { - border-color: #fafafa + :global(.inverted) .black_hover_mobile:hover { + + color: #fafafa + } + + :global(.inverted) .white_hover_mobile:hover { + + color: #1a1a1a + } + + :global(.inverted) .bg_black_hover_mobile:hover { + + background-color: #fafafa + } + + :global(.inverted) .bg_white_hover_mobile:hover { + + background-color: #1a1a1a + } + + :global(.inverted) .bd_black_hover_mobile:hover { + + border-color: #fafafa + } + + :global(.inverted) .bd_white_hover_mobile:hover { + + border-color: #1a1a1a + } } - :global(.inverted) .bd_white_hover_wideDesktop:hover { + @media screen and (min-width: 480px) { - border-color: #1a1a1a + :global(.inverted) .black_hover_phablet:hover { + + color: #fafafa + } + + :global(.inverted) .white_hover_phablet:hover { + + color: #1a1a1a + } + + :global(.inverted) .bg_black_hover_phablet:hover { + + background-color: #fafafa + } + + :global(.inverted) .bg_white_hover_phablet:hover { + + background-color: #1a1a1a + } + + :global(.inverted) .bd_black_hover_phablet:hover { + + border-color: #fafafa + } + + :global(.inverted) .bd_white_hover_phablet:hover { + + border-color: #1a1a1a + } } - :global(.inverted) .bd_black_focus_wideDesktop:focus { + @media screen and (min-width: 768px) { - border-color: #fafafa + :global(.inverted) .black_hover_tablet:hover { + + color: #fafafa + } + + :global(.inverted) .white_hover_tablet:hover { + + color: #1a1a1a + } + + :global(.inverted) .bg_black_hover_tablet:hover { + + background-color: #fafafa + } + + :global(.inverted) .bg_white_hover_tablet:hover { + + background-color: #1a1a1a + } + + :global(.inverted) .bd_black_hover_tablet:hover { + + border-color: #fafafa + } + + :global(.inverted) .bd_white_hover_tablet:hover { + + border-color: #1a1a1a + } } - :global(.inverted) .bd_white_focus_wideDesktop:focus { + @media screen and (min-width: 1024px) { - border-color: #1a1a1a + :global(.inverted) .black_hover_desktop:hover { + + color: #fafafa + } + + :global(.inverted) .white_hover_desktop:hover { + + color: #1a1a1a + } + + :global(.inverted) .bg_black_hover_desktop:hover { + + background-color: #fafafa + } + + :global(.inverted) .bg_white_hover_desktop:hover { + + background-color: #1a1a1a + } + + :global(.inverted) .bd_black_hover_desktop:hover { + + border-color: #fafafa + } + + :global(.inverted) .bd_white_hover_desktop:hover { + + border-color: #1a1a1a + } + } + + @media screen and (min-width: 1280px) { + + :global(.inverted) .black_hover_wideDesktop:hover { + + color: #fafafa + } + + :global(.inverted) .white_hover_wideDesktop:hover { + + color: #1a1a1a + } + + :global(.inverted) .bg_black_hover_wideDesktop:hover { + + background-color: #fafafa + } + + :global(.inverted) .bg_white_hover_wideDesktop:hover { + + background-color: #1a1a1a + } + + :global(.inverted) .bd_black_hover_wideDesktop:hover { + + border-color: #fafafa + } + + :global(.inverted) .bd_white_hover_wideDesktop:hover { + + border-color: #1a1a1a + } } } diff --git a/integration-test/packages/atoms/colors/result.css.snap b/integration-test/packages/atoms/colors/result.css.snap index 5e06ac0..4d77d3a 100644 --- a/integration-test/packages/atoms/colors/result.css.snap +++ b/integration-test/packages/atoms/colors/result.css.snap @@ -1,29 +1,14 @@ -._7XVRfh { +.EqdisS { color: transparent } -._1RrCqF { +.YcXvtG { color: #1a1a1a } -.hKG3ag { - - color: #fafafa -} - -._8o7AdB:hover { - - color: transparent -} - -.DJ9tNH:hover { - - color: #1a1a1a -} - -.pQ96hs:hover { +.gnEOu0 { color: #fafafa } @@ -43,21 +28,6 @@ background-color: #fafafa } -.OW2t12:hover { - - background-color: transparent -} - -.p0K3V_:hover { - - background-color: #1a1a1a -} - -.u5CoHT:hover { - - background-color: #fafafa -} - .XMShGx:active { background-color: transparent @@ -88,21 +58,6 @@ border-color: #fafafa } -.DdLERB:hover { - - border-color: transparent -} - -.sSTi9U:hover { - - border-color: #1a1a1a -} - -.SrlG4o:hover { - - border-color: #fafafa -} - .WrGzoU:focus { border-color: transparent @@ -135,21 +90,6 @@ color: #fafafa } - .MpFFe4:hover { - - color: transparent - } - - .sWWlLj:hover { - - color: #1a1a1a - } - - .o6Le8p:hover { - - color: #fafafa - } - .n9uP8O { background-color: transparent @@ -165,21 +105,6 @@ background-color: #fafafa } - ._3A_tYX:hover { - - background-color: transparent - } - - .EWb8dI:hover { - - background-color: #1a1a1a - } - - .ZNbZad:hover { - - background-color: #fafafa - } - ._09Y3xY:active { background-color: transparent @@ -210,21 +135,6 @@ border-color: #fafafa } - .itJNZE:hover { - - border-color: transparent - } - - .frDhwD:hover { - - border-color: #1a1a1a - } - - ._-3tIbX:hover { - - border-color: #fafafa - } - .z2U-id:focus { border-color: transparent @@ -258,21 +168,6 @@ color: #fafafa } - ._17TE5:hover { - - color: transparent - } - - .f_hjdE:hover { - - color: #1a1a1a - } - - .egCwcL:hover { - - color: #fafafa - } - .cT83fW { background-color: transparent @@ -288,21 +183,6 @@ background-color: #fafafa } - .aR3Ubx:hover { - - background-color: transparent - } - - .OkiZx1:hover { - - background-color: #1a1a1a - } - - .KNhFJA:hover { - - background-color: #fafafa - } - .b_MwVS:active { background-color: transparent @@ -333,21 +213,6 @@ border-color: #fafafa } - .JS26Ed:hover { - - border-color: transparent - } - - .vjwfDZ:hover { - - border-color: #1a1a1a - } - - .PIMcZH:hover { - - border-color: #fafafa - } - .Yy_yhi:focus { border-color: transparent @@ -381,21 +246,6 @@ color: #fafafa } - .VmcM14:hover { - - color: transparent - } - - ._4pdGQt:hover { - - color: #1a1a1a - } - - ._8MyiUe:hover { - - color: #fafafa - } - ._8eHx03 { background-color: transparent @@ -411,21 +261,6 @@ background-color: #fafafa } - .rlsckE:hover { - - background-color: transparent - } - - .VtITcW:hover { - - background-color: #1a1a1a - } - - .MVQf1m:hover { - - background-color: #fafafa - } - .HV1jTO:active { background-color: transparent @@ -456,21 +291,6 @@ border-color: #fafafa } - .fXkby9:hover { - - border-color: transparent - } - - .gnRIud:hover { - - border-color: #1a1a1a - } - - .fFoYjL:hover { - - border-color: #fafafa - } - ._9q2qP5:focus { border-color: transparent @@ -504,21 +324,6 @@ color: #fafafa } - .XhfU7x:hover { - - color: transparent - } - - .K7oBMw:hover { - - color: #1a1a1a - } - - .WumQPC:hover { - - color: #fafafa - } - .jZWNUM { background-color: transparent @@ -534,21 +339,6 @@ background-color: #fafafa } - .ZyQBE3:hover { - - background-color: transparent - } - - ._3-idl1:hover { - - background-color: #1a1a1a - } - - .uUQ62H:hover { - - background-color: #fafafa - } - .AoVx-4:active { background-color: transparent @@ -579,21 +369,6 @@ border-color: #fafafa } - .wz8Ybj:hover { - - border-color: transparent - } - - .yFX9Bt:hover { - - border-color: #1a1a1a - } - - .G_Ks9n:hover { - - border-color: #fafafa - } - .MQxQG6:focus { border-color: transparent @@ -627,21 +402,6 @@ color: #fafafa } - .Tv9kwZ:hover { - - color: transparent - } - - ._3Yc9VP:hover { - - color: #1a1a1a - } - - .QvUeTY:hover { - - color: #fafafa - } - .gFn7y6 { background-color: transparent @@ -657,21 +417,6 @@ background-color: #fafafa } - .B2ZYP6:hover { - - background-color: transparent - } - - .XSzgJm:hover { - - background-color: #1a1a1a - } - - .GdsyI9:hover { - - background-color: #fafafa - } - .sp6-_K:active { background-color: transparent @@ -702,103 +447,346 @@ border-color: #fafafa } - .IJQNcS:hover { + .aqBpwF:focus { border-color: transparent } - .vwenav:hover { + .u97qUL:focus { border-color: #1a1a1a } - .EDikIT:hover { + .zzHwgX:focus { border-color: #fafafa } +} - .aqBpwF:focus { +@media (hover: hover) and (pointer: fine) { - border-color: transparent + ._8o7AdB:hover { + + color: transparent } - .u97qUL:focus { + .DJ9tNH:hover { - border-color: #1a1a1a + color: #1a1a1a } - .zzHwgX:focus { + .pQ96hs:hover { - border-color: #fafafa + color: #fafafa } -} -.inverted ._1RrCqF { + .OW2t12:hover { - color: #fafafa -} + background-color: transparent + } -.inverted .hKG3ag { + .p0K3V_:hover { - color: #1a1a1a -} + background-color: #1a1a1a + } -.inverted .DJ9tNH:hover { + .u5CoHT:hover { - color: #fafafa -} + background-color: #fafafa + } -.inverted .pQ96hs:hover { + .DdLERB:hover { - color: #1a1a1a -} + border-color: transparent + } -.inverted .vLhOdO { + .sSTi9U:hover { - background-color: #fafafa -} + border-color: #1a1a1a + } -.inverted .BB3914 { + .SrlG4o:hover { - background-color: #1a1a1a -} + border-color: #fafafa + } -.inverted .p0K3V_:hover { + @media screen and (min-width: 320px) { - background-color: #fafafa -} + .MpFFe4:hover { -.inverted .u5CoHT:hover { + color: transparent + } - background-color: #1a1a1a -} + .sWWlLj:hover { -.inverted .pYWOaW:active { + color: #1a1a1a + } - background-color: #fafafa -} + .o6Le8p:hover { -.inverted .YvQoMS:active { + color: #fafafa + } - background-color: #1a1a1a -} + ._3A_tYX:hover { -.inverted ._9OMGCZ { + background-color: transparent + } - border-color: #fafafa + .EWb8dI:hover { + + background-color: #1a1a1a + } + + .ZNbZad:hover { + + background-color: #fafafa + } + + .itJNZE:hover { + + border-color: transparent + } + + .frDhwD:hover { + + border-color: #1a1a1a + } + + ._-3tIbX:hover { + + border-color: #fafafa + } + } + + @media screen and (min-width: 480px) { + + ._17TE5:hover { + + color: transparent + } + + .f_hjdE:hover { + + color: #1a1a1a + } + + .egCwcL:hover { + + color: #fafafa + } + + .aR3Ubx:hover { + + background-color: transparent + } + + .OkiZx1:hover { + + background-color: #1a1a1a + } + + .KNhFJA:hover { + + background-color: #fafafa + } + + .JS26Ed:hover { + + border-color: transparent + } + + .vjwfDZ:hover { + + border-color: #1a1a1a + } + + .PIMcZH:hover { + + border-color: #fafafa + } + } + + @media screen and (min-width: 768px) { + + .VmcM14:hover { + + color: transparent + } + + ._4pdGQt:hover { + + color: #1a1a1a + } + + ._8MyiUe:hover { + + color: #fafafa + } + + .rlsckE:hover { + + background-color: transparent + } + + .VtITcW:hover { + + background-color: #1a1a1a + } + + .MVQf1m:hover { + + background-color: #fafafa + } + + .fXkby9:hover { + + border-color: transparent + } + + .gnRIud:hover { + + border-color: #1a1a1a + } + + .fFoYjL:hover { + + border-color: #fafafa + } + } + + @media screen and (min-width: 1024px) { + + .XhfU7x:hover { + + color: transparent + } + + .K7oBMw:hover { + + color: #1a1a1a + } + + .WumQPC:hover { + + color: #fafafa + } + + .ZyQBE3:hover { + + background-color: transparent + } + + ._3-idl1:hover { + + background-color: #1a1a1a + } + + .uUQ62H:hover { + + background-color: #fafafa + } + + .wz8Ybj:hover { + + border-color: transparent + } + + .yFX9Bt:hover { + + border-color: #1a1a1a + } + + .G_Ks9n:hover { + + border-color: #fafafa + } + } + + @media screen and (min-width: 1280px) { + + .Tv9kwZ:hover { + + color: transparent + } + + ._3Yc9VP:hover { + + color: #1a1a1a + } + + .QvUeTY:hover { + + color: #fafafa + } + + .B2ZYP6:hover { + + background-color: transparent + } + + .XSzgJm:hover { + + background-color: #1a1a1a + } + + .GdsyI9:hover { + + background-color: #fafafa + } + + .IJQNcS:hover { + + border-color: transparent + } + + .vwenav:hover { + + border-color: #1a1a1a + } + + .EDikIT:hover { + + border-color: #fafafa + } + } } -.inverted .Y1sI0i { +.inverted .YcXvtG { - border-color: #1a1a1a + color: #fafafa +} + +.inverted .gnEOu0 { + + color: #1a1a1a +} + +.inverted .vLhOdO { + + background-color: #fafafa +} + +.inverted .BB3914 { + + background-color: #1a1a1a +} + +.inverted .pYWOaW:active { + + background-color: #fafafa +} + +.inverted .YvQoMS:active { + + background-color: #1a1a1a } -.inverted .sSTi9U:hover { +.inverted ._9OMGCZ { border-color: #fafafa } -.inverted .SrlG4o:hover { +.inverted .Y1sI0i { border-color: #1a1a1a } @@ -825,16 +813,6 @@ color: #1a1a1a } - .inverted .sWWlLj:hover { - - color: #fafafa - } - - .inverted .o6Le8p:hover { - - color: #1a1a1a - } - .inverted .JGmk2f { background-color: #fafafa @@ -845,16 +823,6 @@ background-color: #1a1a1a } - .inverted .EWb8dI:hover { - - background-color: #fafafa - } - - .inverted .ZNbZad:hover { - - background-color: #1a1a1a - } - .inverted ._0yvfVT:active { background-color: #fafafa @@ -875,16 +843,6 @@ border-color: #1a1a1a } - .inverted .frDhwD:hover { - - border-color: #fafafa - } - - .inverted ._-3tIbX:hover { - - border-color: #1a1a1a - } - .inverted ._47a4aF:focus { border-color: #fafafa @@ -908,16 +866,6 @@ color: #1a1a1a } - .inverted .f_hjdE:hover { - - color: #fafafa - } - - .inverted .egCwcL:hover { - - color: #1a1a1a - } - .inverted .cTzk67 { background-color: #fafafa @@ -928,16 +876,6 @@ background-color: #1a1a1a } - .inverted .OkiZx1:hover { - - background-color: #fafafa - } - - .inverted .KNhFJA:hover { - - background-color: #1a1a1a - } - .inverted .PpdrMK:active { background-color: #fafafa @@ -958,16 +896,6 @@ border-color: #1a1a1a } - .inverted .vjwfDZ:hover { - - border-color: #fafafa - } - - .inverted .PIMcZH:hover { - - border-color: #1a1a1a - } - .inverted .k2XnVf:focus { border-color: #fafafa @@ -991,16 +919,6 @@ color: #1a1a1a } - .inverted ._4pdGQt:hover { - - color: #fafafa - } - - .inverted ._8MyiUe:hover { - - color: #1a1a1a - } - .inverted .ltaYW3 { background-color: #fafafa @@ -1011,16 +929,6 @@ background-color: #1a1a1a } - .inverted .VtITcW:hover { - - background-color: #fafafa - } - - .inverted .MVQf1m:hover { - - background-color: #1a1a1a - } - .inverted .x3vCBC:active { background-color: #fafafa @@ -1041,16 +949,6 @@ border-color: #1a1a1a } - .inverted .gnRIud:hover { - - border-color: #fafafa - } - - .inverted .fFoYjL:hover { - - border-color: #1a1a1a - } - .inverted ._11iKz3:focus { border-color: #fafafa @@ -1074,16 +972,6 @@ color: #1a1a1a } - .inverted .K7oBMw:hover { - - color: #fafafa - } - - .inverted .WumQPC:hover { - - color: #1a1a1a - } - .inverted .Ya3qdL { background-color: #fafafa @@ -1094,16 +982,6 @@ background-color: #1a1a1a } - .inverted ._3-idl1:hover { - - background-color: #fafafa - } - - .inverted .uUQ62H:hover { - - background-color: #1a1a1a - } - .inverted .JFpWQB:active { background-color: #fafafa @@ -1124,16 +1002,6 @@ border-color: #1a1a1a } - .inverted .yFX9Bt:hover { - - border-color: #fafafa - } - - .inverted .G_Ks9n:hover { - - border-color: #1a1a1a - } - .inverted .j1NZTt:focus { border-color: #fafafa @@ -1157,73 +1025,241 @@ color: #1a1a1a } - .inverted ._3Yc9VP:hover { + .inverted ._5_fipl { - color: #fafafa + background-color: #fafafa } - .inverted .QvUeTY:hover { + .inverted .VBoBXH { - color: #1a1a1a + background-color: #1a1a1a } - .inverted ._5_fipl { + .inverted .m1dGmX:active { background-color: #fafafa } - .inverted .VBoBXH { + .inverted .F8ABi0:active { background-color: #1a1a1a } - .inverted .XSzgJm:hover { + .inverted .zwPMh8 { - background-color: #fafafa + border-color: #fafafa + } + + .inverted .nHkSni { + + border-color: #1a1a1a } - .inverted .GdsyI9:hover { + .inverted .u97qUL:focus { - background-color: #1a1a1a + border-color: #fafafa } - .inverted .m1dGmX:active { + .inverted .zzHwgX:focus { + + border-color: #1a1a1a + } +} + +@media (hover: hover) and (pointer: fine) { + + .inverted .DJ9tNH:hover { + + color: #fafafa + } + + .inverted .pQ96hs:hover { + + color: #1a1a1a + } + + .inverted .p0K3V_:hover { background-color: #fafafa } - .inverted .F8ABi0:active { + .inverted .u5CoHT:hover { background-color: #1a1a1a } - .inverted .zwPMh8 { + .inverted .sSTi9U:hover { border-color: #fafafa } - .inverted .nHkSni { + .inverted .SrlG4o:hover { border-color: #1a1a1a } - .inverted .vwenav:hover { + @media screen and (min-width: 320px) { - border-color: #fafafa + .inverted .sWWlLj:hover { + + color: #fafafa + } + + .inverted .o6Le8p:hover { + + color: #1a1a1a + } + + .inverted .EWb8dI:hover { + + background-color: #fafafa + } + + .inverted .ZNbZad:hover { + + background-color: #1a1a1a + } + + .inverted .frDhwD:hover { + + border-color: #fafafa + } + + .inverted ._-3tIbX:hover { + + border-color: #1a1a1a + } } - .inverted .EDikIT:hover { + @media screen and (min-width: 480px) { - border-color: #1a1a1a + .inverted .f_hjdE:hover { + + color: #fafafa + } + + .inverted .egCwcL:hover { + + color: #1a1a1a + } + + .inverted .OkiZx1:hover { + + background-color: #fafafa + } + + .inverted .KNhFJA:hover { + + background-color: #1a1a1a + } + + .inverted .vjwfDZ:hover { + + border-color: #fafafa + } + + .inverted .PIMcZH:hover { + + border-color: #1a1a1a + } } - .inverted .u97qUL:focus { + @media screen and (min-width: 768px) { - border-color: #fafafa + .inverted ._4pdGQt:hover { + + color: #fafafa + } + + .inverted ._8MyiUe:hover { + + color: #1a1a1a + } + + .inverted .VtITcW:hover { + + background-color: #fafafa + } + + .inverted .MVQf1m:hover { + + background-color: #1a1a1a + } + + .inverted .gnRIud:hover { + + border-color: #fafafa + } + + .inverted .fFoYjL:hover { + + border-color: #1a1a1a + } } - .inverted .zzHwgX:focus { + @media screen and (min-width: 1024px) { - border-color: #1a1a1a + .inverted .K7oBMw:hover { + + color: #fafafa + } + + .inverted .WumQPC:hover { + + color: #1a1a1a + } + + .inverted ._3-idl1:hover { + + background-color: #fafafa + } + + .inverted .uUQ62H:hover { + + background-color: #1a1a1a + } + + .inverted .yFX9Bt:hover { + + border-color: #fafafa + } + + .inverted .G_Ks9n:hover { + + border-color: #1a1a1a + } + } + + @media screen and (min-width: 1280px) { + + .inverted ._3Yc9VP:hover { + + color: #fafafa + } + + .inverted .QvUeTY:hover { + + color: #1a1a1a + } + + .inverted .XSzgJm:hover { + + background-color: #fafafa + } + + .inverted .GdsyI9:hover { + + background-color: #1a1a1a + } + + .inverted .vwenav:hover { + + border-color: #fafafa + } + + .inverted .EDikIT:hover { + + border-color: #1a1a1a + } } } diff --git a/integration-test/packages/atoms/icss-import/index.esm.js.snap b/integration-test/packages/atoms/icss-import/index.esm.js.snap index a2d1555..f256ccd 100644 --- a/integration-test/packages/atoms/icss-import/index.esm.js.snap +++ b/integration-test/packages/atoms/icss-import/index.esm.js.snap @@ -1,5 +1,5 @@ export var localClass = "hZEeRw"; export var localComposes = "Gpf-P8 hZEeRw dgII7d"; export var simpleComposes = "_9M8f-j"; -export var complexComposes = "_9M8f-j o3-BnE Gpf-P8 hZEeRw dgII7d _1RrCqF pQ96hs"; +export var complexComposes = "_9M8f-j o3-BnE Gpf-P8 hZEeRw dgII7d YcXvtG pQ96hs"; export var extend = "_3XV0Ef o3-BnE" \ No newline at end of file diff --git a/integration-test/packages/atoms/icss-import/index.js.snap b/integration-test/packages/atoms/icss-import/index.js.snap index d7b9dac..f70e824 100644 --- a/integration-test/packages/atoms/icss-import/index.js.snap +++ b/integration-test/packages/atoms/icss-import/index.js.snap @@ -2,6 +2,6 @@ module.exports = { localClass: "hZEeRw", localComposes: "Gpf-P8 hZEeRw dgII7d", simpleComposes: "_9M8f-j", - complexComposes: "_9M8f-j o3-BnE Gpf-P8 hZEeRw dgII7d _1RrCqF pQ96hs", + complexComposes: "_9M8f-j o3-BnE Gpf-P8 hZEeRw dgII7d YcXvtG pQ96hs", extend: "_3XV0Ef o3-BnE" }; \ No newline at end of file diff --git a/integration-test/packages/atoms/icss-import/module.css.json.snap b/integration-test/packages/atoms/icss-import/module.css.json.snap index f744298..6530f20 100644 --- a/integration-test/packages/atoms/icss-import/module.css.json.snap +++ b/integration-test/packages/atoms/icss-import/module.css.json.snap @@ -1 +1 @@ -{"localClass":"hZEeRw","localComposes":"Gpf-P8 hZEeRw dgII7d","simpleComposes":"_9M8f-j","complexComposes":"_9M8f-j o3-BnE Gpf-P8 hZEeRw dgII7d _1RrCqF pQ96hs","extend":"_3XV0Ef o3-BnE"} \ No newline at end of file +{"localClass":"hZEeRw","localComposes":"Gpf-P8 hZEeRw dgII7d","simpleComposes":"_9M8f-j","complexComposes":"_9M8f-j o3-BnE Gpf-P8 hZEeRw dgII7d YcXvtG pQ96hs","extend":"_3XV0Ef o3-BnE"} \ No newline at end of file diff --git a/integration-test/packages/atoms/icss-import/result.css.snap b/integration-test/packages/atoms/icss-import/result.css.snap index 83b5f05..70d9488 100644 --- a/integration-test/packages/atoms/icss-import/result.css.snap +++ b/integration-test/packages/atoms/icss-import/result.css.snap @@ -5,15 +5,27 @@ width: 100px; display: flex; border: 1px solid red; -}/* custom static css (e.g. normalize) can be added here */._1RrCqF { +}/* custom static css (e.g. normalize) can be added here */.YcXvtG { color: #1a1a1a -}.pQ96hs:hover { - color: #fafafa }@media screen and (min-width: 320px) { }@media screen and (min-width: 480px) { }@media screen and (min-width: 768px) { }@media screen and (min-width: 1024px) { }@media screen and (min-width: 1280px) { +}@media (hover: hover) and (pointer: fine) { + .pQ96hs:hover { + color: #fafafa + } + @media screen and (min-width: 320px) { + } + @media screen and (min-width: 480px) { + } + @media screen and (min-width: 768px) { + } + @media screen and (min-width: 1024px) { + } + @media screen and (min-width: 1280px) { + } }.dgII7d { font-weight: bold } diff --git a/integration-test/packages/atoms/media-queries/result.css.snap b/integration-test/packages/atoms/media-queries/result.css.snap index 5fb79c5..3467589 100644 --- a/integration-test/packages/atoms/media-queries/result.css.snap +++ b/integration-test/packages/atoms/media-queries/result.css.snap @@ -9,6 +9,17 @@ color: #fafafa } }@media screen and (min-width: 1280px) { +}@media (hover: hover) and (pointer: fine) { + @media screen and (min-width: 320px) { + } + @media screen and (min-width: 480px) { + } + @media screen and (min-width: 768px) { + } + @media screen and (min-width: 1024px) { + } + @media screen and (min-width: 1280px) { + } } ._1b2v1R { diff --git a/integration-test/packages/atoms/pseudo-classes/index.esm.js.snap b/integration-test/packages/atoms/pseudo-classes/index.esm.js.snap index 590732c..1bfcb30 100644 --- a/integration-test/packages/atoms/pseudo-classes/index.esm.js.snap +++ b/integration-test/packages/atoms/pseudo-classes/index.esm.js.snap @@ -1,4 +1,4 @@ export var hover = "l-ITF2"; export var focus = "x7QluR"; export var button = "gPy6Qt"; -export var hoverElectron = "_1RrCqF DJ9tNH" \ No newline at end of file +export var hoverElectron = "YcXvtG DJ9tNH" \ No newline at end of file diff --git a/integration-test/packages/atoms/pseudo-classes/index.js.snap b/integration-test/packages/atoms/pseudo-classes/index.js.snap index 2d12757..fd80719 100644 --- a/integration-test/packages/atoms/pseudo-classes/index.js.snap +++ b/integration-test/packages/atoms/pseudo-classes/index.js.snap @@ -2,5 +2,5 @@ module.exports = { hover: "l-ITF2", focus: "x7QluR", button: "gPy6Qt", - hoverElectron: "_1RrCqF DJ9tNH" + hoverElectron: "YcXvtG DJ9tNH" }; \ No newline at end of file diff --git a/integration-test/packages/atoms/pseudo-classes/module.css.json.snap b/integration-test/packages/atoms/pseudo-classes/module.css.json.snap index 884a23b..92ef804 100644 --- a/integration-test/packages/atoms/pseudo-classes/module.css.json.snap +++ b/integration-test/packages/atoms/pseudo-classes/module.css.json.snap @@ -1 +1 @@ -{"hover":"l-ITF2","focus":"x7QluR","button":"gPy6Qt","hoverElectron":"_1RrCqF DJ9tNH"} \ No newline at end of file +{"hover":"l-ITF2","focus":"x7QluR","button":"gPy6Qt","hoverElectron":"YcXvtG DJ9tNH"} \ No newline at end of file diff --git a/integration-test/packages/atoms/pseudo-classes/result.css.snap b/integration-test/packages/atoms/pseudo-classes/result.css.snap index 00e4e44..bd72fca 100644 --- a/integration-test/packages/atoms/pseudo-classes/result.css.snap +++ b/integration-test/packages/atoms/pseudo-classes/result.css.snap @@ -1,12 +1,24 @@ -/* custom static css (e.g. normalize) can be added here */._1RrCqF { - color: #1a1a1a -}.DJ9tNH:hover { +/* custom static css (e.g. normalize) can be added here */.YcXvtG { color: #1a1a1a }@media screen and (min-width: 320px) { }@media screen and (min-width: 480px) { }@media screen and (min-width: 768px) { }@media screen and (min-width: 1024px) { }@media screen and (min-width: 1280px) { +}@media (hover: hover) and (pointer: fine) { + .DJ9tNH:hover { + color: #1a1a1a + } + @media screen and (min-width: 320px) { + } + @media screen and (min-width: 480px) { + } + @media screen and (min-width: 768px) { + } + @media screen and (min-width: 1024px) { + } + @media screen and (min-width: 1280px) { + } } .l-ITF2 { diff --git a/integration-test/packages/atoms/variables/result.css.snap b/integration-test/packages/atoms/variables/result.css.snap index 73a201a..6d0d339 100644 --- a/integration-test/packages/atoms/variables/result.css.snap +++ b/integration-test/packages/atoms/variables/result.css.snap @@ -5,6 +5,17 @@ }@media screen and (min-width: 768px) { }@media screen and (min-width: 1024px) { }@media screen and (min-width: 1280px) { +}@media (hover: hover) and (pointer: fine) { + @media screen and (min-width: 320px) { + } + @media screen and (min-width: 480px) { + } + @media screen and (min-width: 768px) { + } + @media screen and (min-width: 1024px) { + } + @media screen and (min-width: 1280px) { + } }.YzVv9y { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Arial', 'Helvetica Neue', sans-serif } diff --git a/integration-test/packages/electrons/config/colors.js b/integration-test/packages/electrons/config/colors.js index 9562d79..04fa9a2 100644 --- a/integration-test/packages/electrons/config/colors.js +++ b/integration-test/packages/electrons/config/colors.js @@ -9,38 +9,53 @@ const invertedColors = { white: "#1a1a1a", }; -module.exports.colors = { +const commonColorConfig = values => ({ names: { c: "", bgc: "bg", bdc: "bd", }, whitelist: ["c", "bgc", "bdc"], - pseudoClasses: { - c: [":hover"], - bgc: [":hover", ":active"], - bdc: [":hover", ":focus"], + colorValues: values, + backgroundColorValues: values, + borderColorValues: values, + isResponsive: true, +}) + +module.exports.colors = { + ...commonColorConfig(colors), + pseudoClasses: { + bgc: [":active"], + bdc: [":focus"], }, - colorValues: colors, - backgroundColorValues: colors, - borderColorValues: colors, - isResponsive: true + nestedRules: { + "@media (hover: hover) and (pointer: fine)": { + ...commonColorConfig(colors), + pseudoClasses: { + c: [":hover"], + bgc: [":hover"], + bdc: [":hover"], + }, + modifiersOnly: true + } + } }; module.exports.invertedColors = { - names: { - c: "", - bgc: "bg", - bdc: "bd", + ...commonColorConfig(invertedColors), + pseudoClasses: { + bgc: [":active"], + bdc: [":focus"], }, - whitelist: ["c", "bgc", "bdc"], - pseudoClasses: { - c: [":hover"], - bgc: [":hover", ":active"], - bdc: [":hover", ":focus"], - }, - colorValues: invertedColors, - backgroundColorValues: invertedColors, - borderColorValues: invertedColors, - isResponsive: true, + nestedRules: { + "@media (hover: hover) and (pointer: fine)": { + ...commonColorConfig(invertedColors), + pseudoClasses: { + c: [":hover"], + bgc: [":hover"], + bdc: [":hover"], + }, + modifiersOnly: true + } + } }; diff --git a/package.json b/package.json index 26c31c7..8fb5d8a 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@utilitycss/atomic", - "version": "0.18.0", + "version": "0.19.0", "author": "Andrea Moretti (@axyz) ", "description": "Atomic CSS composition for yarn workspaces", "repository": "utilitycss/atomic", @@ -23,7 +23,7 @@ }, "dependencies": { "@utilitycss/css-mqpacker": "^0.0.1", - "@utilitycss/utility": "^1.1.0", + "@utilitycss/utility": "^1.2.0", "chalk": "^4.1.0", "chokidar": "^3.5.1", "clear": "^0.1.0", diff --git a/templates/package.json.hbs b/templates/package.json.hbs index d3b0fb5..f378444 100644 --- a/templates/package.json.hbs +++ b/templates/package.json.hbs @@ -7,7 +7,7 @@ "start": "atomic start" }, "devDependencies": { - "@utilitycss/atomic": "^0.18.0", + "@utilitycss/atomic": "^0.19.0", "lerna": "3.13.3" }, "workspaces": { diff --git a/yarn.lock b/yarn.lock index 8c0c5e1..aba47c0 100644 --- a/yarn.lock +++ b/yarn.lock @@ -793,10 +793,10 @@ dependencies: postcss "^8.2.6" -"@utilitycss/utility@^1.1.0": - version "1.1.0" - resolved "https://registry.yarnpkg.com/@utilitycss/utility/-/utility-1.1.0.tgz#4c9da482eb3083743788b231b2f4973862f13f41" - integrity sha512-ExuGofv8TR01kL/MQSYQ1bkSl4q+UPhn5sW13/4WdiK07FAykk9AXtKR2vs4zmprFdDHg+tj+IL9ks0idUG4Bg== +"@utilitycss/utility@^1.2.0": + version "1.2.0" + resolved "https://registry.yarnpkg.com/@utilitycss/utility/-/utility-1.2.0.tgz#845c11ec39509e25d258af6f9ace9d940900392f" + integrity sha512-hg9Xe5jMUQdFS2EWkdAtKYiG53g6WDN2z12kXnuf6vl3Bs0XMWPfLzyElYNY4cEebX8b0m1PNIrm7JbRrq5sLQ== dependencies: chalk "^4.1.0" commander "7.0.0"