Error: Snapshot `transform > simple 1` mismatched - Expected + Received "<div class="uno-orrz3z" /> <style> + :root { + --un-bg-opacity-efwnq4: 1; + } :global(.uno-orrz3z) { - --un-bg-opacity: 1; - background-color: rgb(239 68 68 / var(--un-bg-opacity)); + background-color: rgb(239 68 68 / var(--un-bg-opacity-efwnq4)); } </style> " ❯ src/_preprocess/transformClasses/index.test.ts:44:35

Error: Snapshot `transform > wraps parent and child dependent classes like rtl: and space-x-1 with :global() wrapper 1` mismatched - Expected + Received "<div class="uno-tlm2ul" /> <style> + :root { + --un-space-x-reverse-epw9f3: 0; + } :global([dir="rtl"] .uno-tlm2ul) { right: 0; } :global(.uno-tlm2ul) { margin-bottom: 0.25rem; font-size: 0.875rem; line-height: 1.25rem; } :global(.uno-tlm2ul > :not([hidden]) ~ :not([hidden])) { - --un-space-x-reverse: 0; - margin-left: calc(0.25rem * calc(1 - var(--un-space-x-reverse))); - margin-right: calc(0.25rem * var(--un-space-x-reverse)); + margin-left: calc(0.25rem * calc(1 - var(--un-space-x-reverse-epw9f3))); + margin-right: calc(0.25rem * var(--un-space-x-reverse-epw9f3)); } </style> " ❯ src/_preprocess/transformClasses/index.test.ts:106:35

Error: Snapshot `transform > :global() properly handles @media queries 1` mismatched - Expected + Received "<div class="uno-1eyzu3" /> <style> + :root { + --un-space-x-reverse-epw9f3: 0; + } @media (min-width: 640px) { :global(.dark .uno-1eyzu3:hover > :not([hidden]) ~ :not([hidden])) { - --un-space-x-reverse: 0; - margin-left: calc(0.25rem * calc(1 - var(--un-space-x-reverse))); - margin-right: calc(0.25rem * var(--un-space-x-reverse)); + margin-left: calc(0.25rem * calc(1 - var(--un-space-x-reverse-epw9f3))); + margin-right: calc(0.25rem * var(--un-space-x-reverse-epw9f3)); } } </style> " ❯ src/_preprocess/transformClasses/index.test.ts:182:20

Error: Snapshot `transform > handles classes in inline conditionals 1` mismatched - Expected + Received @@ -3,19 +3,20 @@ ? 'uno-br1nw8' : ''}">Hello</span > <style> + :root { + --un-text-opacity-efwnq4: 1; + } :global(.uno-3h14cd) { - --un-text-opacity: 1; - color: rgb(34 197 94 / var(--un-text-opacity)); - color: rgb(96 165 250 / var(--un-text-opacity)); + color: rgb(34 197 94 / var(--un-text-opacity-efwnq4)); + color: rgb(96 165 250 / var(--un-text-opacity-efwnq4)); font-weight: 600; } :global(.uno-ffvc5a) { - --un-text-opacity: 1; - color: rgb(220 38 38 / var(--un-text-opacity)); + color: rgb(220 38 38 / var(--un-text-opacity-efwnq4)); } :global(.uno-r4l94t) { font-weight: 700; text-decoration-line: underline; } ❯ src/_preprocess/transformClasses/index.test.ts:252:20

Error: Snapshot `transform > in dev, when it only hashes but does not combine, handles classes that fail when coming at the beginning of a shortcut name 1` mismatched - Expected + Received @@ -1,16 +1,18 @@ "<div class="uno-83is87" /> <style> + :root { + --un-space-x-reverse-epw9f3: 0; + } :global(.uno-83is87) { margin-bottom: 0.25rem; margin-top: 0.5rem !important; } :global(.uno-83is87 > :not([hidden]) ~ :not([hidden])) { - --un-space-x-reverse: 0; - margin-left: calc(0.25rem * calc(1 - var(--un-space-x-reverse))); - margin-right: calc(0.25rem * var(--un-space-x-reverse)); + margin-left: calc(0.25rem * calc(1 - var(--un-space-x-reverse-epw9f3))); + margin-right: calc(0.25rem * var(--un-space-x-reverse-epw9f3)); } @media (min-width: 768px) { :global(.uno-83is87) { margin-right: 0.75rem; } ❯ src/_preprocess/transformClasses/index.test.ts:295:35

Error: Snapshot `transform > skips generation for classes in safelist as they are set globally and compilation would remove them 1` mismatched - Expected + Received "<div class="uno-orrz3z mr-7" /> <style> + :root { + --un-bg-opacity-efwnq4: 1; + } :global(.uno-orrz3z) { - --un-bg-opacity: 1; - background-color: rgb(239 68 68 / var(--un-bg-opacity)); + background-color: rgb(239 68 68 / var(--un-bg-opacity-efwnq4)); } </style> " ❯ src/_preprocess/transformClasses/index.test.ts:345:20

Error: Snapshot `transform > everything 1` mismatched - Expected + Received @@ -6,10 +6,16 @@ <div class="uno-wt89uz" /> <Button class="uno-deus5r" /> </div> <style> + :root { + --un-scale-x-xqgmro: 0.05; + --un-bg-opacity-efwnq4: 1; + --un-space-x-reverse-epw9f3: 0; + --un-text-opacity-efwnq4: 1; + } :global(.uno-5qhtsr) { background: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 308' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='%23FF3E00' d='M239.682 40.707C211.113-.182 154.69-12.301 113.895 13.69L42.247 59.356a82.2 82.2 0 0 0-37.135 55.056a86.57 86.57 0 0 0 8.536 55.576a82.4 82.4 0 0 0-12.296 30.719a87.6 87.6 0 0 0 14.964 66.244c28.574 40.893 84.997 53.007 125.787 27.016l71.648-45.664a82.18 82.18 0 0 0 37.135-55.057a86.6 86.6 0 0 0-8.53-55.577a82.4 82.4 0 0 0 12.29-30.718a87.57 87.57 0 0 0-14.963-66.244'/%3E%3Cpath fill='%23FFF' d='M106.889 270.841c-23.102 6.007-47.497-3.036-61.103-22.648a52.7 52.7 0 0 1-9.003-39.85a50 50 0 0 1 1.713-6.693l1.35-4.115l3.671 2.697a92.5 92.5 0 0 0 28.036 14.007l2.663.808l-.245 2.659a16.07 16.07 0 0 0 2.89 10.656a17.14 17.14 0 0 0 18.397 6.828a15.8 15.8 0 0 0 4.403-1.935l71.67-45.672a14.92 14.92 0 0 0 6.734-9.977a15.92 15.92 0 0 0-2.713-12.011a17.16 17.16 0 0 0-18.404-6.832a15.8 15.8 0 0 0-4.396 1.933l-27.35 17.434a52.3 52.3 0 0 1-14.553 6.391c-23.101 6.007-47.497-3.036-61.101-22.649a52.68 52.68 0 0 1-9.004-39.849a49.43 49.43 0 0 1 22.34-33.114l71.664-45.677a52.2 52.2 0 0 1 14.563-6.398c23.101-6.007 47.497 3.036 61.101 22.648a52.7 52.7 0 0 1 9.004 39.85a51 51 0 0 1-1.713 6.692l-1.35 4.116l-3.67-2.693a92.4 92.4 0 0 0-28.037-14.013l-2.664-.809l.246-2.658a16.1 16.1 0 0 0-2.89-10.656a17.14 17.14 0 0 0-18.398-6.828a15.8 15.8 0 0 0-4.402 1.935l-71.67 45.674a14.9 14.9 0 0 0-6.73 9.975a15.9 15.9 0 0 0 2.709 12.012a17.16 17.16 0 0 0 18.404 6.832a15.8 15.8 0 0 0 4.402-1.935l27.345-17.427a52.2 52.2 0 0 1 14.552-6.397c23.101-6.006 47.497 3.037 61.102 22.65a52.68 52.68 0 0 1 9.003 39.848a49.45 49.45 0 0 1-22.34 33.12l-71.664 45.673a52.2 52.2 0 0 1-14.563 6.398'/%3E%3C/svg%3E") no-repeat; background-size: 100% 100%; background-color: transparent; @@ -21,51 +27,44 @@ } :global(.uno-4cfcv2) { width: 1.25rem; } :global(.uno-uovm2y) { - --un-scale-x: 0.05; --un-scale-y: 0.05; transform: translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) - skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) - scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z)); - --un-bg-opacity: 1; - background-color: rgb(239 68 68 / var(--un-bg-opacity)); + skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) + scaleX(var(--un-scale-x-xqgmro)) scaleY(var(--un-scale-y)) + scaleZ(var(--un-scale-z)); + background-color: rgb(239 68 68 / var(--un-bg-opacity-efwnq4)); } :global(.uno-rdvmaz > :not([hidden]) ~ :not([hidden])) { - --un-space-x-reverse: 0; - margin-left: calc(0.25rem * calc(1 - var(--un-space-x-reverse))); - margin-right: calc(0.25rem * var(--un-space-x-reverse)); + margin-left: calc(0.25rem * calc(1 - var(--un-space-x-reverse-epw9f3))); + margin-right: calc(0.25rem * var(--un-space-x-reverse-epw9f3)); } :global([dir="rtl"] .uno-rdvmaz > :not([hidden]) ~ :not([hidden])) { - --un-space-x-reverse: 1; } - :global(.dark .uno-uovm2y:hover) { - --un-bg-opacity: 1; - background-color: rgb(34 197 94 / var(--un-bg-opacity)); + .dark .uno-uovm2y:hover { + background-color: rgb(34 197 94 / var(--un-bg-opacity-efwnq4)); } :global(.uno-rdvmaz) { text-align: center; } :global(.uno-deus5r, .uno-wt89uz) { font-size: 0.875rem; line-height: 1.25rem; } :global(.uno-y37ej3) { - --un-text-opacity: 1; - color: rgb(251 146

Error: Snapshot `attributify > cases > ./cases/preset-attributify/case-2/input.html 1` mismatched - Expected + Received @@ -21,11 +21,11 @@ [peer=""]:focus~[peer-focus~="-translate-y-4"]{transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y-q7pnkl)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));} [peer=""]:not(:placeholder-shown)~[peer-not-placeholder-shown~="scale-75"], [peer=""]:focus~[peer-focus~="scale-75"]{--un-scale-y:0.75;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x-xqjs9n)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));} [select-none=""]{-webkit-user-select:none;user-select:none;} [bg-gradient~="from-yellow-400"]{--un-gradient-from:rgb(250 204 21 / var(--un-from-opacity, 1)) var(--un-gradient-from-position-3l4h8e);--un-gradient-to:rgb(250 204 21 / 0) var(--un-gradient-to-position-d7e8u3);} - [bg-gradient~="via-red-500"]{--un-gradient-to:rgb(239 68 68 / 0);} + [bg-gradient~="via-red-500"]{--un-gradient-to:rgb(239 68 68 / 0);--un-gradient-stops:var(--un-gradient-from), rgb(239 68 68 / var(--un-via-opacity, 1)) var(--un-gradient-via-position-91lba7), var(--un-gradient-to);} [bg-gradient~="to-pink-500"]{--un-gradient-to:rgb(236 72 153 / var(--un-to-opacity, 1)) var(--un-gradient-to-position-d7e8u3);} [bg-gradient~="to-r"]{--un-gradient:var(--un-gradient-shape-f67byu), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));} [p-10=""]{padding:2.5rem;} [px-4=""]{padding-left:1rem;padding-right:1rem;} [pt-4=""]{padding-top:1rem;} ❯ test/preset-attributify.test.ts:43:9

Error: Snapshot `preset-icons > fixtures 1` mismatched - Expected + Received - :root{--un-icon-292a9s:url("data:image/svg+xml;}/* layer: icons */ + :root{--un-icon-3ge9so:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M13.503 5.414a15.076 15.076 0 0 0 11.593 18.194a11.1 11.1 0 0 1-7.975 3.39c-.138 0-.278.005-.418 0a11.094 11.094 0 0 1-3.2-21.584M14.98 3a1 1 0 0 0-.175.016a13.096 13.096 0 0 0 1.825 25.981c.164.006.328 0 .49 0a13.07 13.07 0 0 0 10.703-5.555a1.01 1.01 0 0 0-.783-1.565A13.08 13.08 0 0 1 15.89 4.38A1.015 1.015 0 0 0 14.98 3'/%3E%3C/svg%3E");--un-icon-2y9w61:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M16 12.005a4 4 0 1 1-4 4a4.005 4.005 0 0 1 4-4m0-2a6 6 0 1 0 6 6a6 6 0 0 0-6-6M5.394 6.813L6.81 5.399l3.505 3.506L8.9 10.319zM2 15.005h5v2H2zm3.394 10.193L8.9 21.692l1.414 1.414l-3.505 3.506zM15 25.005h2v5h-2zm6.687-1.9l1.414-1.414l3.506 3.506l-1.414 1.414zm3.313-8.1h5v2h-5zm-3.313-6.101l3.506-3.506l1.414 1.414l-3.506 3.506zM15 2.005h2v5h-2z'/%3E%3C/svg%3E");}/* layer: icons */ .dark .dark\:i-carbon-moon, - .dark .dark\:i-carbon-moon\?auto{utf8,%3Csvg viewBox='0 0 32 32' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M13.503 5.414a15.076 15.076 0 0 0 11.593 18.194a11.1 11.1 0 0 1-7.975 3.39c-.138 0-.278.005-.418 0a11.094 11.094 0 0 1-3.2-21.584M14.98 3a1 1 0 0 0-.175.016a13.096 13.096 0 0 0 1.825 25.981c.164.006.328 0 .49 0a13.07 13.07 0 0 0 10.703-5.555a1.01 1.01 0 0 0-.783-1.565A13.08 13.08 0 0 1 15.89 4.38A1.015 1.015 0 0 0 14.98 3'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon-292a9s) no-repeat;mask:var(--un-icon-292a9s) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;} + .dark .dark\:i-carbon-moon\?auto{-webkit-mask:var(--un-icon-3ge9so) no-repeat;mask:var(--un-icon-3ge9so) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;} .dark .dark\:i-carbon-moon\?bg{background:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M13.503 5.414a15.076 15.076 0 0 0 11.593 18.194a11.1 11.1 0 0 1-7.975 3.39c-.138 0-.278.005-.418 0a11.094 11.094 0 0 1-3.2-21.584M14.98 3a1 1 0 0 0-.175.016a13.096 13.096 0 0 0 1.825 25.981c.164.006.328 0 .49 0a13.07 13.07 0 0 0 10.703-5.555a1.01 1.01 0 0 0-.783-1.565A13.08 13.08 0 0 1 15.89 4.38A1.015 1.015 0 0 0 14.98 3'/%3E%3C/svg%3E") no-repeat;background-size:100% 100%;background-color:transparent;width:1em;height:1em;} - .i-carbon-sun{utf8,%3Csvg viewBox='0 0 32 32' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M16 12.005a4 4 0 1 1-4 4a4.005 4.005 0 0 1 4-4m0-2a6 6 0 1 0 6 6a6 6 0 0 0-6-6M5.394 6.813L6.81 5.399l3.505 3.506L8.9 10.319zM2 15.005h5v2H2zm3.394 10.193L8.9 21.692l1.414 1.414l-3.505 3.506zM15 25.005h2v5h-2zm6.687-1.9l1.414-1.414l3.506 3.506l-1.414 1.414zm3.313-8.1h5v2h-5zm-3.313-6.101l3.506-3.506l1.414 1.414l-3.506 3.506zM15 2.005h2v5h-2z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon-292a9s) no-repeat;mask:var(--un-icon-292a9s) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;} + .i-carbon-sun{-webkit-mask:var(--un-icon-2y9w61) no-repeat;mask:var(--un-icon-2y9w61) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;} .i-carbon-sun\?bg{background:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M16 12.005a4 4 0 1 1-4 4a4.005 4.005 0 0 1 4-4m0-2a6 6 0 1 0 6 6a6 6 0 0 0-6-6M5.394 6.813L6.81 5.399l3.505 3.506L8.9 10.319zM2 15.005h5v2H2zm3.394 10.193L8.9 21.692l1.414 1.414l-3.505 3.506zM15 25.005h2v5h

Error: Snapshot `preset-icons > icon unit fixtures 1` mismatched - Expected + Received - :root{--un-icon-292a9s:url("data:image/svg+xml;}/* layer: icons */ + :root{--un-icon-3ge9so:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M13.503 5.414a15.076 15.076 0 0 0 11.593 18.194a11.1 11.1 0 0 1-7.975 3.39c-.138 0-.278.005-.418 0a11.094 11.094 0 0 1-3.2-21.584M14.98 3a1 1 0 0 0-.175.016a13.096 13.096 0 0 0 1.825 25.981c.164.006.328 0 .49 0a13.07 13.07 0 0 0 10.703-5.555a1.01 1.01 0 0 0-.783-1.565A13.08 13.08 0 0 1 15.89 4.38A1.015 1.015 0 0 0 14.98 3'/%3E%3C/svg%3E");--un-icon-q9p2vf:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='2rem' height='2rem' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M16 12.005a4 4 0 1 1-4 4a4.005 4.005 0 0 1 4-4m0-2a6 6 0 1 0 6 6a6 6 0 0 0-6-6M5.394 6.813L6.81 5.399l3.505 3.506L8.9 10.319zM2 15.005h5v2H2zm3.394 10.193L8.9 21.692l1.414 1.414l-3.505 3.506zM15 25.005h2v5h-2zm6.687-1.9l1.414-1.414l3.506 3.506l-1.414 1.414zm3.313-8.1h5v2h-5zm-3.313-6.101l3.506-3.506l1.414 1.414l-3.506 3.506zM15 2.005h2v5h-2z'/%3E%3C/svg%3E");}/* layer: icons */ .dark .dark\:i-carbon-moon, - .dark .dark\:i-carbon-moon\?auto{utf8,%3Csvg viewBox='0 0 32 32' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M13.503 5.414a15.076 15.076 0 0 0 11.593 18.194a11.1 11.1 0 0 1-7.975 3.39c-.138 0-.278.005-.418 0a11.094 11.094 0 0 1-3.2-21.584M14.98 3a1 1 0 0 0-.175.016a13.096 13.096 0 0 0 1.825 25.981c.164.006.328 0 .49 0a13.07 13.07 0 0 0 10.703-5.555a1.01 1.01 0 0 0-.783-1.565A13.08 13.08 0 0 1 15.89 4.38A1.015 1.015 0 0 0 14.98 3'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon-292a9s) no-repeat;mask:var(--un-icon-292a9s) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;} + .dark .dark\:i-carbon-moon\?auto{-webkit-mask:var(--un-icon-3ge9so) no-repeat;mask:var(--un-icon-3ge9so) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;} .dark .dark\:i-carbon-moon\?bg{background:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M13.503 5.414a15.076 15.076 0 0 0 11.593 18.194a11.1 11.1 0 0 1-7.975 3.39c-.138 0-.278.005-.418 0a11.094 11.094 0 0 1-3.2-21.584M14.98 3a1 1 0 0 0-.175.016a13.096 13.096 0 0 0 1.825 25.981c.164.006.328 0 .49 0a13.07 13.07 0 0 0 10.703-5.555a1.01 1.01 0 0 0-.783-1.565A13.08 13.08 0 0 1 15.89 4.38A1.015 1.015 0 0 0 14.98 3'/%3E%3C/svg%3E") no-repeat;background-size:100% 100%;background-color:transparent;width:1em;height:1em;} - .i-carbon-sun{utf8,%3Csvg viewBox='0 0 32 32' width='2rem' height='2rem' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M16 12.005a4 4 0 1 1-4 4a4.005 4.005 0 0 1 4-4m0-2a6 6 0 1 0 6 6a6 6 0 0 0-6-6M5.394 6.813L6.81 5.399l3.505 3.506L8.9 10.319zM2 15.005h5v2H2zm3.394 10.193L8.9 21.692l1.414 1.414l-3.505 3.506zM15 25.005h2v5h-2zm6.687-1.9l1.414-1.414l3.506 3.506l-1.414 1.414zm3.313-8.1h5v2h-5zm-3.313-6.101l3.506-3.506l1.414 1.414l-3.506 3.506zM15 2.005h2v5h-2z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon-292a9s) no-repeat;mask:var(--un-icon-292a9s) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:2rem;height:2rem;} + .i-carbon-sun{-webkit-mask:var(--un-icon-q9p2vf) no-repeat;mask:var(--un-icon-q9p2vf) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:2rem;height:2rem;} .i-carbon-sun\?bg{background:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='2rem' height='2rem' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M16 12.005a4 4 0 1 1-4 4a4.005 4.005 0 0 1 4-4m0-2a6 6 0 1 0 6 6a6 6 0 0 0-6-6M5.394 6.813L6.81 5.399l3.505 3.506L8.9 10.319zM2 15.005h5v2H2zm3.394 10.193L8.9 21.692l1.414 1.414l-3.505 3

Error: Snapshot `transform > simple 1` mismatched - Expected + Received "<div class="uno-orrz3z" /> <style> + :root { + --un-bg-opacity-efwnq4: 1; + } :global(.uno-orrz3z) { - --un-bg-opacity: 1; - background-color: rgb(239 68 68 / var(--un-bg-opacity)); + background-color: rgb(239 68 68 / var(--un-bg-opacity-efwnq4)); } </style> " ❯ src/_preprocess/transformClasses/index.test.ts:44:35

Error: Snapshot `transform > wraps parent and child dependent classes like rtl: and space-x-1 with :global() wrapper 1` mismatched - Expected + Received "<div class="uno-tlm2ul" /> <style> + :root { + --un-space-x-reverse-epw9f3: 0; + } :global([dir="rtl"] .uno-tlm2ul) { right: 0; } :global(.uno-tlm2ul) { margin-bottom: 0.25rem; font-size: 0.875rem; line-height: 1.25rem; } :global(.uno-tlm2ul > :not([hidden]) ~ :not([hidden])) { - --un-space-x-reverse: 0; - margin-left: calc(0.25rem * calc(1 - var(--un-space-x-reverse))); - margin-right: calc(0.25rem * var(--un-space-x-reverse)); + margin-left: calc(0.25rem * calc(1 - var(--un-space-x-reverse-epw9f3))); + margin-right: calc(0.25rem * var(--un-space-x-reverse-epw9f3)); } </style> " ❯ src/_preprocess/transformClasses/index.test.ts:106:35

Error: Snapshot `transform > :global() properly handles @media queries 1` mismatched - Expected + Received "<div class="uno-1eyzu3" /> <style> + :root { + --un-space-x-reverse-epw9f3: 0; + } @media (min-width: 640px) { :global(.dark .uno-1eyzu3:hover > :not([hidden]) ~ :not([hidden])) { - --un-space-x-reverse: 0; - margin-left: calc(0.25rem * calc(1 - var(--un-space-x-reverse))); - margin-right: calc(0.25rem * var(--un-space-x-reverse)); + margin-left: calc(0.25rem * calc(1 - var(--un-space-x-reverse-epw9f3))); + margin-right: calc(0.25rem * var(--un-space-x-reverse-epw9f3)); } } </style> " ❯ src/_preprocess/transformClasses/index.test.ts:182:20

Error: Snapshot `transform > handles classes in inline conditionals 1` mismatched - Expected + Received @@ -3,19 +3,20 @@ ? 'uno-br1nw8' : ''}">Hello</span > <style> + :root { + --un-text-opacity-efwnq4: 1; + } :global(.uno-3h14cd) { - --un-text-opacity: 1; - color: rgb(34 197 94 / var(--un-text-opacity)); - color: rgb(96 165 250 / var(--un-text-opacity)); + color: rgb(34 197 94 / var(--un-text-opacity-efwnq4)); + color: rgb(96 165 250 / var(--un-text-opacity-efwnq4)); font-weight: 600; } :global(.uno-ffvc5a) { - --un-text-opacity: 1; - color: rgb(220 38 38 / var(--un-text-opacity)); + color: rgb(220 38 38 / var(--un-text-opacity-efwnq4)); } :global(.uno-r4l94t) { font-weight: 700; text-decoration-line: underline; } ❯ src/_preprocess/transformClasses/index.test.ts:252:20

Error: Snapshot `transform > in dev, when it only hashes but does not combine, handles classes that fail when coming at the beginning of a shortcut name 1` mismatched - Expected + Received @@ -1,16 +1,18 @@ "<div class="uno-83is87" /> <style> + :root { + --un-space-x-reverse-epw9f3: 0; + } :global(.uno-83is87) { margin-bottom: 0.25rem; margin-top: 0.5rem !important; } :global(.uno-83is87 > :not([hidden]) ~ :not([hidden])) { - --un-space-x-reverse: 0; - margin-left: calc(0.25rem * calc(1 - var(--un-space-x-reverse))); - margin-right: calc(0.25rem * var(--un-space-x-reverse)); + margin-left: calc(0.25rem * calc(1 - var(--un-space-x-reverse-epw9f3))); + margin-right: calc(0.25rem * var(--un-space-x-reverse-epw9f3)); } @media (min-width: 768px) { :global(.uno-83is87) { margin-right: 0.75rem; } ❯ src/_preprocess/transformClasses/index.test.ts:295:35

Error: Snapshot `transform > skips generation for classes in safelist as they are set globally and compilation would remove them 1` mismatched - Expected + Received "<div class="uno-orrz3z mr-7" /> <style> + :root { + --un-bg-opacity-efwnq4: 1; + } :global(.uno-orrz3z) { - --un-bg-opacity: 1; - background-color: rgb(239 68 68 / var(--un-bg-opacity)); + background-color: rgb(239 68 68 / var(--un-bg-opacity-efwnq4)); } </style> " ❯ src/_preprocess/transformClasses/index.test.ts:345:20

Error: Snapshot `transform > everything 1` mismatched - Expected + Received @@ -6,10 +6,16 @@ <div class="uno-wt89uz" /> <Button class="uno-deus5r" /> </div> <style> + :root { + --un-scale-x-xqgmro: 0.05; + --un-bg-opacity-efwnq4: 1; + --un-space-x-reverse-epw9f3: 0; + --un-text-opacity-efwnq4: 1; + } :global(.uno-5qhtsr) { background: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 308' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='%23FF3E00' d='M239.682 40.707C211.113-.182 154.69-12.301 113.895 13.69L42.247 59.356a82.2 82.2 0 0 0-37.135 55.056a86.57 86.57 0 0 0 8.536 55.576a82.4 82.4 0 0 0-12.296 30.719a87.6 87.6 0 0 0 14.964 66.244c28.574 40.893 84.997 53.007 125.787 27.016l71.648-45.664a82.18 82.18 0 0 0 37.135-55.057a86.6 86.6 0 0 0-8.53-55.577a82.4 82.4 0 0 0 12.29-30.718a87.57 87.57 0 0 0-14.963-66.244'/%3E%3Cpath fill='%23FFF' d='M106.889 270.841c-23.102 6.007-47.497-3.036-61.103-22.648a52.7 52.7 0 0 1-9.003-39.85a50 50 0 0 1 1.713-6.693l1.35-4.115l3.671 2.697a92.5 92.5 0 0 0 28.036 14.007l2.663.808l-.245 2.659a16.07 16.07 0 0 0 2.89 10.656a17.14 17.14 0 0 0 18.397 6.828a15.8 15.8 0 0 0 4.403-1.935l71.67-45.672a14.92 14.92 0 0 0 6.734-9.977a15.92 15.92 0 0 0-2.713-12.011a17.16 17.16 0 0 0-18.404-6.832a15.8 15.8 0 0 0-4.396 1.933l-27.35 17.434a52.3 52.3 0 0 1-14.553 6.391c-23.101 6.007-47.497-3.036-61.101-22.649a52.68 52.68 0 0 1-9.004-39.849a49.43 49.43 0 0 1 22.34-33.114l71.664-45.677a52.2 52.2 0 0 1 14.563-6.398c23.101-6.007 47.497 3.036 61.101 22.648a52.7 52.7 0 0 1 9.004 39.85a51 51 0 0 1-1.713 6.692l-1.35 4.116l-3.67-2.693a92.4 92.4 0 0 0-28.037-14.013l-2.664-.809l.246-2.658a16.1 16.1 0 0 0-2.89-10.656a17.14 17.14 0 0 0-18.398-6.828a15.8 15.8 0 0 0-4.402 1.935l-71.67 45.674a14.9 14.9 0 0 0-6.73 9.975a15.9 15.9 0 0 0 2.709 12.012a17.16 17.16 0 0 0 18.404 6.832a15.8 15.8 0 0 0 4.402-1.935l27.345-17.427a52.2 52.2 0 0 1 14.552-6.397c23.101-6.006 47.497 3.037 61.102 22.65a52.68 52.68 0 0 1 9.003 39.848a49.45 49.45 0 0 1-22.34 33.12l-71.664 45.673a52.2 52.2 0 0 1-14.563 6.398'/%3E%3C/svg%3E") no-repeat; background-size: 100% 100%; background-color: transparent; @@ -21,51 +27,44 @@ } :global(.uno-4cfcv2) { width: 1.25rem; } :global(.uno-uovm2y) { - --un-scale-x: 0.05; --un-scale-y: 0.05; transform: translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) - skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) - scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z)); - --un-bg-opacity: 1; - background-color: rgb(239 68 68 / var(--un-bg-opacity)); + skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) + scaleX(var(--un-scale-x-xqgmro)) scaleY(var(--un-scale-y)) + scaleZ(var(--un-scale-z)); + background-color: rgb(239 68 68 / var(--un-bg-opacity-efwnq4)); } :global(.uno-rdvmaz > :not([hidden]) ~ :not([hidden])) { - --un-space-x-reverse: 0; - margin-left: calc(0.25rem * calc(1 - var(--un-space-x-reverse))); - margin-right: calc(0.25rem * var(--un-space-x-reverse)); + margin-left: calc(0.25rem * calc(1 - var(--un-space-x-reverse-epw9f3))); + margin-right: calc(0.25rem * var(--un-space-x-reverse-epw9f3)); } :global([dir="rtl"] .uno-rdvmaz > :not([hidden]) ~ :not([hidden])) { - --un-space-x-reverse: 1; } - :global(.dark .uno-uovm2y:hover) { - --un-bg-opacity: 1; - background-color: rgb(34 197 94 / var(--un-bg-opacity)); + .dark .uno-uovm2y:hover { + background-color: rgb(34 197 94 / var(--un-bg-opacity-efwnq4)); } :global(.uno-rdvmaz) { text-align: center; } :global(.uno-deus5r, .uno-wt89uz) { font-size: 0.875rem; line-height: 1.25rem; } :global(.uno-y37ej3) { - --un-text-opacity: 1; - color: rgb(251 146

Error: Snapshot `attributify > cases > ./cases/preset-attributify/case-2/input.html 1` mismatched - Expected + Received @@ -21,11 +21,11 @@ [peer=""]:focus~[peer-focus~="-translate-y-4"]{transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y-q7pnkl)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));} [peer=""]:not(:placeholder-shown)~[peer-not-placeholder-shown~="scale-75"], [peer=""]:focus~[peer-focus~="scale-75"]{--un-scale-y:0.75;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x-xqjs9n)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));} [select-none=""]{-webkit-user-select:none;user-select:none;} [bg-gradient~="from-yellow-400"]{--un-gradient-from:rgb(250 204 21 / var(--un-from-opacity, 1)) var(--un-gradient-from-position-3l4h8e);--un-gradient-to:rgb(250 204 21 / 0) var(--un-gradient-to-position-d7e8u3);} - [bg-gradient~="via-red-500"]{--un-gradient-to:rgb(239 68 68 / 0);} + [bg-gradient~="via-red-500"]{--un-gradient-to:rgb(239 68 68 / 0);--un-gradient-stops:var(--un-gradient-from), rgb(239 68 68 / var(--un-via-opacity, 1)) var(--un-gradient-via-position-91lba7), var(--un-gradient-to);} [bg-gradient~="to-pink-500"]{--un-gradient-to:rgb(236 72 153 / var(--un-to-opacity, 1)) var(--un-gradient-to-position-d7e8u3);} [bg-gradient~="to-r"]{--un-gradient:var(--un-gradient-shape-f67byu), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));} [p-10=""]{padding:2.5rem;} [px-4=""]{padding-left:1rem;padding-right:1rem;} [pt-4=""]{padding-top:1rem;} ❯ test/preset-attributify.test.ts:43:9

Error: Snapshot `preset-icons > fixtures 1` mismatched - Expected + Received - :root{--un-icon-292a9s:url("data:image/svg+xml;}/* layer: icons */ + :root{--un-icon-3ge9so:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M13.503 5.414a15.076 15.076 0 0 0 11.593 18.194a11.1 11.1 0 0 1-7.975 3.39c-.138 0-.278.005-.418 0a11.094 11.094 0 0 1-3.2-21.584M14.98 3a1 1 0 0 0-.175.016a13.096 13.096 0 0 0 1.825 25.981c.164.006.328 0 .49 0a13.07 13.07 0 0 0 10.703-5.555a1.01 1.01 0 0 0-.783-1.565A13.08 13.08 0 0 1 15.89 4.38A1.015 1.015 0 0 0 14.98 3'/%3E%3C/svg%3E");--un-icon-2y9w61:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M16 12.005a4 4 0 1 1-4 4a4.005 4.005 0 0 1 4-4m0-2a6 6 0 1 0 6 6a6 6 0 0 0-6-6M5.394 6.813L6.81 5.399l3.505 3.506L8.9 10.319zM2 15.005h5v2H2zm3.394 10.193L8.9 21.692l1.414 1.414l-3.505 3.506zM15 25.005h2v5h-2zm6.687-1.9l1.414-1.414l3.506 3.506l-1.414 1.414zm3.313-8.1h5v2h-5zm-3.313-6.101l3.506-3.506l1.414 1.414l-3.506 3.506zM15 2.005h2v5h-2z'/%3E%3C/svg%3E");}/* layer: icons */ .dark .dark\:i-carbon-moon, - .dark .dark\:i-carbon-moon\?auto{utf8,%3Csvg viewBox='0 0 32 32' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M13.503 5.414a15.076 15.076 0 0 0 11.593 18.194a11.1 11.1 0 0 1-7.975 3.39c-.138 0-.278.005-.418 0a11.094 11.094 0 0 1-3.2-21.584M14.98 3a1 1 0 0 0-.175.016a13.096 13.096 0 0 0 1.825 25.981c.164.006.328 0 .49 0a13.07 13.07 0 0 0 10.703-5.555a1.01 1.01 0 0 0-.783-1.565A13.08 13.08 0 0 1 15.89 4.38A1.015 1.015 0 0 0 14.98 3'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon-292a9s) no-repeat;mask:var(--un-icon-292a9s) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;} + .dark .dark\:i-carbon-moon\?auto{-webkit-mask:var(--un-icon-3ge9so) no-repeat;mask:var(--un-icon-3ge9so) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;} .dark .dark\:i-carbon-moon\?bg{background:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M13.503 5.414a15.076 15.076 0 0 0 11.593 18.194a11.1 11.1 0 0 1-7.975 3.39c-.138 0-.278.005-.418 0a11.094 11.094 0 0 1-3.2-21.584M14.98 3a1 1 0 0 0-.175.016a13.096 13.096 0 0 0 1.825 25.981c.164.006.328 0 .49 0a13.07 13.07 0 0 0 10.703-5.555a1.01 1.01 0 0 0-.783-1.565A13.08 13.08 0 0 1 15.89 4.38A1.015 1.015 0 0 0 14.98 3'/%3E%3C/svg%3E") no-repeat;background-size:100% 100%;background-color:transparent;width:1em;height:1em;} - .i-carbon-sun{utf8,%3Csvg viewBox='0 0 32 32' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M16 12.005a4 4 0 1 1-4 4a4.005 4.005 0 0 1 4-4m0-2a6 6 0 1 0 6 6a6 6 0 0 0-6-6M5.394 6.813L6.81 5.399l3.505 3.506L8.9 10.319zM2 15.005h5v2H2zm3.394 10.193L8.9 21.692l1.414 1.414l-3.505 3.506zM15 25.005h2v5h-2zm6.687-1.9l1.414-1.414l3.506 3.506l-1.414 1.414zm3.313-8.1h5v2h-5zm-3.313-6.101l3.506-3.506l1.414 1.414l-3.506 3.506zM15 2.005h2v5h-2z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon-292a9s) no-repeat;mask:var(--un-icon-292a9s) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;} + .i-carbon-sun{-webkit-mask:var(--un-icon-2y9w61) no-repeat;mask:var(--un-icon-2y9w61) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;} .i-carbon-sun\?bg{background:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M16 12.005a4 4 0 1 1-4 4a4.005 4.005 0 0 1 4-4m0-2a6 6 0 1 0 6 6a6 6 0 0 0-6-6M5.394 6.813L6.81 5.399l3.505 3.506L8.9 10.319zM2 15.005h5v2H2zm3.394 10.193L8.9 21.692l1.414 1.414l-3.505 3.506zM15 25.005h2v5h

Error: Snapshot `preset-icons > icon unit fixtures 1` mismatched - Expected + Received - :root{--un-icon-292a9s:url("data:image/svg+xml;}/* layer: icons */ + :root{--un-icon-3ge9so:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M13.503 5.414a15.076 15.076 0 0 0 11.593 18.194a11.1 11.1 0 0 1-7.975 3.39c-.138 0-.278.005-.418 0a11.094 11.094 0 0 1-3.2-21.584M14.98 3a1 1 0 0 0-.175.016a13.096 13.096 0 0 0 1.825 25.981c.164.006.328 0 .49 0a13.07 13.07 0 0 0 10.703-5.555a1.01 1.01 0 0 0-.783-1.565A13.08 13.08 0 0 1 15.89 4.38A1.015 1.015 0 0 0 14.98 3'/%3E%3C/svg%3E");--un-icon-q9p2vf:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='2rem' height='2rem' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M16 12.005a4 4 0 1 1-4 4a4.005 4.005 0 0 1 4-4m0-2a6 6 0 1 0 6 6a6 6 0 0 0-6-6M5.394 6.813L6.81 5.399l3.505 3.506L8.9 10.319zM2 15.005h5v2H2zm3.394 10.193L8.9 21.692l1.414 1.414l-3.505 3.506zM15 25.005h2v5h-2zm6.687-1.9l1.414-1.414l3.506 3.506l-1.414 1.414zm3.313-8.1h5v2h-5zm-3.313-6.101l3.506-3.506l1.414 1.414l-3.506 3.506zM15 2.005h2v5h-2z'/%3E%3C/svg%3E");}/* layer: icons */ .dark .dark\:i-carbon-moon, - .dark .dark\:i-carbon-moon\?auto{utf8,%3Csvg viewBox='0 0 32 32' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M13.503 5.414a15.076 15.076 0 0 0 11.593 18.194a11.1 11.1 0 0 1-7.975 3.39c-.138 0-.278.005-.418 0a11.094 11.094 0 0 1-3.2-21.584M14.98 3a1 1 0 0 0-.175.016a13.096 13.096 0 0 0 1.825 25.981c.164.006.328 0 .49 0a13.07 13.07 0 0 0 10.703-5.555a1.01 1.01 0 0 0-.783-1.565A13.08 13.08 0 0 1 15.89 4.38A1.015 1.015 0 0 0 14.98 3'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon-292a9s) no-repeat;mask:var(--un-icon-292a9s) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;} + .dark .dark\:i-carbon-moon\?auto{-webkit-mask:var(--un-icon-3ge9so) no-repeat;mask:var(--un-icon-3ge9so) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;} .dark .dark\:i-carbon-moon\?bg{background:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M13.503 5.414a15.076 15.076 0 0 0 11.593 18.194a11.1 11.1 0 0 1-7.975 3.39c-.138 0-.278.005-.418 0a11.094 11.094 0 0 1-3.2-21.584M14.98 3a1 1 0 0 0-.175.016a13.096 13.096 0 0 0 1.825 25.981c.164.006.328 0 .49 0a13.07 13.07 0 0 0 10.703-5.555a1.01 1.01 0 0 0-.783-1.565A13.08 13.08 0 0 1 15.89 4.38A1.015 1.015 0 0 0 14.98 3'/%3E%3C/svg%3E") no-repeat;background-size:100% 100%;background-color:transparent;width:1em;height:1em;} - .i-carbon-sun{utf8,%3Csvg viewBox='0 0 32 32' width='2rem' height='2rem' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M16 12.005a4 4 0 1 1-4 4a4.005 4.005 0 0 1 4-4m0-2a6 6 0 1 0 6 6a6 6 0 0 0-6-6M5.394 6.813L6.81 5.399l3.505 3.506L8.9 10.319zM2 15.005h5v2H2zm3.394 10.193L8.9 21.692l1.414 1.414l-3.505 3.506zM15 25.005h2v5h-2zm6.687-1.9l1.414-1.414l3.506 3.506l-1.414 1.414zm3.313-8.1h5v2h-5zm-3.313-6.101l3.506-3.506l1.414 1.414l-3.506 3.506zM15 2.005h2v5h-2z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon-292a9s) no-repeat;mask:var(--un-icon-292a9s) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:2rem;height:2rem;} + .i-carbon-sun{-webkit-mask:var(--un-icon-q9p2vf) no-repeat;mask:var(--un-icon-q9p2vf) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:2rem;height:2rem;} .i-carbon-sun\?bg{background:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='2rem' height='2rem' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M16 12.005a4 4 0 1 1-4 4a4.005 4.005 0 0 1 4-4m0-2a6 6 0 1 0 6 6a6 6 0 0 0-6-6M5.394 6.813L6.81 5.399l3.505 3.506L8.9 10.319zM2 15.005h5v2H2zm3.394 10.193L8.9 21.692l1.414 1.414l-3.505 3

Error: Snapshot `transform > simple 1` mismatched - Expected + Received "<div class="uno-orrz3z" /> <style> + :root { + --un-bg-opacity-efwnq4: 1; + } :global(.uno-orrz3z) { - --un-bg-opacity: 1; - background-color: rgb(239 68 68 / var(--un-bg-opacity)); + background-color: rgb(239 68 68 / var(--un-bg-opacity-efwnq4)); } </style> " ❯ src/_preprocess/transformClasses/index.test.ts:44:35

Error: Snapshot `transform > wraps parent and child dependent classes like rtl: and space-x-1 with :global() wrapper 1` mismatched - Expected + Received "<div class="uno-tlm2ul" /> <style> + :root { + --un-space-x-reverse-epw9f3: 0; + } :global([dir="rtl"] .uno-tlm2ul) { right: 0; } :global(.uno-tlm2ul) { margin-bottom: 0.25rem; font-size: 0.875rem; line-height: 1.25rem; } :global(.uno-tlm2ul > :not([hidden]) ~ :not([hidden])) { - --un-space-x-reverse: 0; - margin-left: calc(0.25rem * calc(1 - var(--un-space-x-reverse))); - margin-right: calc(0.25rem * var(--un-space-x-reverse)); + margin-left: calc(0.25rem * calc(1 - var(--un-space-x-reverse-epw9f3))); + margin-right: calc(0.25rem * var(--un-space-x-reverse-epw9f3)); } </style> " ❯ src/_preprocess/transformClasses/index.test.ts:106:35

Error: Snapshot `transform > :global() properly handles @media queries 1` mismatched - Expected + Received "<div class="uno-1eyzu3" /> <style> + :root { + --un-space-x-reverse-epw9f3: 0; + } @media (min-width: 640px) { :global(.dark .uno-1eyzu3:hover > :not([hidden]) ~ :not([hidden])) { - --un-space-x-reverse: 0; - margin-left: calc(0.25rem * calc(1 - var(--un-space-x-reverse))); - margin-right: calc(0.25rem * var(--un-space-x-reverse)); + margin-left: calc(0.25rem * calc(1 - var(--un-space-x-reverse-epw9f3))); + margin-right: calc(0.25rem * var(--un-space-x-reverse-epw9f3)); } } </style> " ❯ src/_preprocess/transformClasses/index.test.ts:182:20

Error: Snapshot `transform > handles classes in inline conditionals 1` mismatched - Expected + Received @@ -3,19 +3,20 @@ ? 'uno-br1nw8' : ''}">Hello</span > <style> + :root { + --un-text-opacity-efwnq4: 1; + } :global(.uno-3h14cd) { - --un-text-opacity: 1; - color: rgb(34 197 94 / var(--un-text-opacity)); - color: rgb(96 165 250 / var(--un-text-opacity)); + color: rgb(34 197 94 / var(--un-text-opacity-efwnq4)); + color: rgb(96 165 250 / var(--un-text-opacity-efwnq4)); font-weight: 600; } :global(.uno-ffvc5a) { - --un-text-opacity: 1; - color: rgb(220 38 38 / var(--un-text-opacity)); + color: rgb(220 38 38 / var(--un-text-opacity-efwnq4)); } :global(.uno-r4l94t) { font-weight: 700; text-decoration-line: underline; } ❯ src/_preprocess/transformClasses/index.test.ts:252:20

Error: Snapshot `transform > in dev, when it only hashes but does not combine, handles classes that fail when coming at the beginning of a shortcut name 1` mismatched - Expected + Received @@ -1,16 +1,18 @@ "<div class="uno-83is87" /> <style> + :root { + --un-space-x-reverse-epw9f3: 0; + } :global(.uno-83is87) { margin-bottom: 0.25rem; margin-top: 0.5rem !important; } :global(.uno-83is87 > :not([hidden]) ~ :not([hidden])) { - --un-space-x-reverse: 0; - margin-left: calc(0.25rem * calc(1 - var(--un-space-x-reverse))); - margin-right: calc(0.25rem * var(--un-space-x-reverse)); + margin-left: calc(0.25rem * calc(1 - var(--un-space-x-reverse-epw9f3))); + margin-right: calc(0.25rem * var(--un-space-x-reverse-epw9f3)); } @media (min-width: 768px) { :global(.uno-83is87) { margin-right: 0.75rem; } ❯ src/_preprocess/transformClasses/index.test.ts:295:35

Error: Snapshot `transform > skips generation for classes in safelist as they are set globally and compilation would remove them 1` mismatched - Expected + Received "<div class="uno-orrz3z mr-7" /> <style> + :root { + --un-bg-opacity-efwnq4: 1; + } :global(.uno-orrz3z) { - --un-bg-opacity: 1; - background-color: rgb(239 68 68 / var(--un-bg-opacity)); + background-color: rgb(239 68 68 / var(--un-bg-opacity-efwnq4)); } </style> " ❯ src/_preprocess/transformClasses/index.test.ts:345:20

Error: Snapshot `transform > everything 1` mismatched - Expected + Received @@ -6,10 +6,16 @@ <div class="uno-wt89uz" /> <Button class="uno-deus5r" /> </div> <style> + :root { + --un-scale-x-xqgmro: 0.05; + --un-bg-opacity-efwnq4: 1; + --un-space-x-reverse-epw9f3: 0; + --un-text-opacity-efwnq4: 1; + } :global(.uno-5qhtsr) { background: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 308' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='%23FF3E00' d='M239.682 40.707C211.113-.182 154.69-12.301 113.895 13.69L42.247 59.356a82.2 82.2 0 0 0-37.135 55.056a86.57 86.57 0 0 0 8.536 55.576a82.4 82.4 0 0 0-12.296 30.719a87.6 87.6 0 0 0 14.964 66.244c28.574 40.893 84.997 53.007 125.787 27.016l71.648-45.664a82.18 82.18 0 0 0 37.135-55.057a86.6 86.6 0 0 0-8.53-55.577a82.4 82.4 0 0 0 12.29-30.718a87.57 87.57 0 0 0-14.963-66.244'/%3E%3Cpath fill='%23FFF' d='M106.889 270.841c-23.102 6.007-47.497-3.036-61.103-22.648a52.7 52.7 0 0 1-9.003-39.85a50 50 0 0 1 1.713-6.693l1.35-4.115l3.671 2.697a92.5 92.5 0 0 0 28.036 14.007l2.663.808l-.245 2.659a16.07 16.07 0 0 0 2.89 10.656a17.14 17.14 0 0 0 18.397 6.828a15.8 15.8 0 0 0 4.403-1.935l71.67-45.672a14.92 14.92 0 0 0 6.734-9.977a15.92 15.92 0 0 0-2.713-12.011a17.16 17.16 0 0 0-18.404-6.832a15.8 15.8 0 0 0-4.396 1.933l-27.35 17.434a52.3 52.3 0 0 1-14.553 6.391c-23.101 6.007-47.497-3.036-61.101-22.649a52.68 52.68 0 0 1-9.004-39.849a49.43 49.43 0 0 1 22.34-33.114l71.664-45.677a52.2 52.2 0 0 1 14.563-6.398c23.101-6.007 47.497 3.036 61.101 22.648a52.7 52.7 0 0 1 9.004 39.85a51 51 0 0 1-1.713 6.692l-1.35 4.116l-3.67-2.693a92.4 92.4 0 0 0-28.037-14.013l-2.664-.809l.246-2.658a16.1 16.1 0 0 0-2.89-10.656a17.14 17.14 0 0 0-18.398-6.828a15.8 15.8 0 0 0-4.402 1.935l-71.67 45.674a14.9 14.9 0 0 0-6.73 9.975a15.9 15.9 0 0 0 2.709 12.012a17.16 17.16 0 0 0 18.404 6.832a15.8 15.8 0 0 0 4.402-1.935l27.345-17.427a52.2 52.2 0 0 1 14.552-6.397c23.101-6.006 47.497 3.037 61.102 22.65a52.68 52.68 0 0 1 9.003 39.848a49.45 49.45 0 0 1-22.34 33.12l-71.664 45.673a52.2 52.2 0 0 1-14.563 6.398'/%3E%3C/svg%3E") no-repeat; background-size: 100% 100%; background-color: transparent; @@ -21,51 +27,44 @@ } :global(.uno-4cfcv2) { width: 1.25rem; } :global(.uno-uovm2y) { - --un-scale-x: 0.05; --un-scale-y: 0.05; transform: translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) - skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) - scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z)); - --un-bg-opacity: 1; - background-color: rgb(239 68 68 / var(--un-bg-opacity)); + skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) + scaleX(var(--un-scale-x-xqgmro)) scaleY(var(--un-scale-y)) + scaleZ(var(--un-scale-z)); + background-color: rgb(239 68 68 / var(--un-bg-opacity-efwnq4)); } :global(.uno-rdvmaz > :not([hidden]) ~ :not([hidden])) { - --un-space-x-reverse: 0; - margin-left: calc(0.25rem * calc(1 - var(--un-space-x-reverse))); - margin-right: calc(0.25rem * var(--un-space-x-reverse)); + margin-left: calc(0.25rem * calc(1 - var(--un-space-x-reverse-epw9f3))); + margin-right: calc(0.25rem * var(--un-space-x-reverse-epw9f3)); } :global([dir="rtl"] .uno-rdvmaz > :not([hidden]) ~ :not([hidden])) { - --un-space-x-reverse: 1; } - :global(.dark .uno-uovm2y:hover) { - --un-bg-opacity: 1; - background-color: rgb(34 197 94 / var(--un-bg-opacity)); + .dark .uno-uovm2y:hover { + background-color: rgb(34 197 94 / var(--un-bg-opacity-efwnq4)); } :global(.uno-rdvmaz) { text-align: center; } :global(.uno-deus5r, .uno-wt89uz) { font-size: 0.875rem; line-height: 1.25rem; } :global(.uno-y37ej3) { - --un-text-opacity: 1; - color: rgb(251 146

Error: Snapshot `attributify > cases > ./cases/preset-attributify/case-2/input.html 1` mismatched - Expected + Received @@ -21,11 +21,11 @@ [peer=""]:focus~[peer-focus~="-translate-y-4"]{transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y-q7pnkl)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));} [peer=""]:not(:placeholder-shown)~[peer-not-placeholder-shown~="scale-75"], [peer=""]:focus~[peer-focus~="scale-75"]{--un-scale-y:0.75;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x-xqjs9n)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));} [select-none=""]{-webkit-user-select:none;user-select:none;} [bg-gradient~="from-yellow-400"]{--un-gradient-from:rgb(250 204 21 / var(--un-from-opacity, 1)) var(--un-gradient-from-position-3l4h8e);--un-gradient-to:rgb(250 204 21 / 0) var(--un-gradient-to-position-d7e8u3);} - [bg-gradient~="via-red-500"]{--un-gradient-to:rgb(239 68 68 / 0);} + [bg-gradient~="via-red-500"]{--un-gradient-to:rgb(239 68 68 / 0);--un-gradient-stops:var(--un-gradient-from), rgb(239 68 68 / var(--un-via-opacity, 1)) var(--un-gradient-via-position-91lba7), var(--un-gradient-to);} [bg-gradient~="to-pink-500"]{--un-gradient-to:rgb(236 72 153 / var(--un-to-opacity, 1)) var(--un-gradient-to-position-d7e8u3);} [bg-gradient~="to-r"]{--un-gradient:var(--un-gradient-shape-f67byu), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));} [p-10=""]{padding:2.5rem;} [px-4=""]{padding-left:1rem;padding-right:1rem;} [pt-4=""]{padding-top:1rem;} ❯ test/preset-attributify.test.ts:43:9

Error: Snapshot `preset-icons > fixtures 1` mismatched - Expected + Received - :root{--un-icon-292a9s:url("data:image/svg+xml;}/* layer: icons */ + :root{--un-icon-3ge9so:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M13.503 5.414a15.076 15.076 0 0 0 11.593 18.194a11.1 11.1 0 0 1-7.975 3.39c-.138 0-.278.005-.418 0a11.094 11.094 0 0 1-3.2-21.584M14.98 3a1 1 0 0 0-.175.016a13.096 13.096 0 0 0 1.825 25.981c.164.006.328 0 .49 0a13.07 13.07 0 0 0 10.703-5.555a1.01 1.01 0 0 0-.783-1.565A13.08 13.08 0 0 1 15.89 4.38A1.015 1.015 0 0 0 14.98 3'/%3E%3C/svg%3E");--un-icon-2y9w61:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M16 12.005a4 4 0 1 1-4 4a4.005 4.005 0 0 1 4-4m0-2a6 6 0 1 0 6 6a6 6 0 0 0-6-6M5.394 6.813L6.81 5.399l3.505 3.506L8.9 10.319zM2 15.005h5v2H2zm3.394 10.193L8.9 21.692l1.414 1.414l-3.505 3.506zM15 25.005h2v5h-2zm6.687-1.9l1.414-1.414l3.506 3.506l-1.414 1.414zm3.313-8.1h5v2h-5zm-3.313-6.101l3.506-3.506l1.414 1.414l-3.506 3.506zM15 2.005h2v5h-2z'/%3E%3C/svg%3E");}/* layer: icons */ .dark .dark\:i-carbon-moon, - .dark .dark\:i-carbon-moon\?auto{utf8,%3Csvg viewBox='0 0 32 32' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M13.503 5.414a15.076 15.076 0 0 0 11.593 18.194a11.1 11.1 0 0 1-7.975 3.39c-.138 0-.278.005-.418 0a11.094 11.094 0 0 1-3.2-21.584M14.98 3a1 1 0 0 0-.175.016a13.096 13.096 0 0 0 1.825 25.981c.164.006.328 0 .49 0a13.07 13.07 0 0 0 10.703-5.555a1.01 1.01 0 0 0-.783-1.565A13.08 13.08 0 0 1 15.89 4.38A1.015 1.015 0 0 0 14.98 3'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon-292a9s) no-repeat;mask:var(--un-icon-292a9s) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;} + .dark .dark\:i-carbon-moon\?auto{-webkit-mask:var(--un-icon-3ge9so) no-repeat;mask:var(--un-icon-3ge9so) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;} .dark .dark\:i-carbon-moon\?bg{background:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M13.503 5.414a15.076 15.076 0 0 0 11.593 18.194a11.1 11.1 0 0 1-7.975 3.39c-.138 0-.278.005-.418 0a11.094 11.094 0 0 1-3.2-21.584M14.98 3a1 1 0 0 0-.175.016a13.096 13.096 0 0 0 1.825 25.981c.164.006.328 0 .49 0a13.07 13.07 0 0 0 10.703-5.555a1.01 1.01 0 0 0-.783-1.565A13.08 13.08 0 0 1 15.89 4.38A1.015 1.015 0 0 0 14.98 3'/%3E%3C/svg%3E") no-repeat;background-size:100% 100%;background-color:transparent;width:1em;height:1em;} - .i-carbon-sun{utf8,%3Csvg viewBox='0 0 32 32' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M16 12.005a4 4 0 1 1-4 4a4.005 4.005 0 0 1 4-4m0-2a6 6 0 1 0 6 6a6 6 0 0 0-6-6M5.394 6.813L6.81 5.399l3.505 3.506L8.9 10.319zM2 15.005h5v2H2zm3.394 10.193L8.9 21.692l1.414 1.414l-3.505 3.506zM15 25.005h2v5h-2zm6.687-1.9l1.414-1.414l3.506 3.506l-1.414 1.414zm3.313-8.1h5v2h-5zm-3.313-6.101l3.506-3.506l1.414 1.414l-3.506 3.506zM15 2.005h2v5h-2z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon-292a9s) no-repeat;mask:var(--un-icon-292a9s) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;} + .i-carbon-sun{-webkit-mask:var(--un-icon-2y9w61) no-repeat;mask:var(--un-icon-2y9w61) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;} .i-carbon-sun\?bg{background:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M16 12.005a4 4 0 1 1-4 4a4.005 4.005 0 0 1 4-4m0-2a6 6 0 1 0 6 6a6 6 0 0 0-6-6M5.394 6.813L6.81 5.399l3.505 3.506L8.9 10.319zM2 15.005h5v2H2zm3.394 10.193L8.9 21.692l1.414 1.414l-3.505 3.506zM15 25.005h2v5h

Error: Snapshot `preset-icons > icon unit fixtures 1` mismatched - Expected + Received - :root{--un-icon-292a9s:url("data:image/svg+xml;}/* layer: icons */ + :root{--un-icon-3ge9so:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M13.503 5.414a15.076 15.076 0 0 0 11.593 18.194a11.1 11.1 0 0 1-7.975 3.39c-.138 0-.278.005-.418 0a11.094 11.094 0 0 1-3.2-21.584M14.98 3a1 1 0 0 0-.175.016a13.096 13.096 0 0 0 1.825 25.981c.164.006.328 0 .49 0a13.07 13.07 0 0 0 10.703-5.555a1.01 1.01 0 0 0-.783-1.565A13.08 13.08 0 0 1 15.89 4.38A1.015 1.015 0 0 0 14.98 3'/%3E%3C/svg%3E");--un-icon-q9p2vf:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='2rem' height='2rem' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M16 12.005a4 4 0 1 1-4 4a4.005 4.005 0 0 1 4-4m0-2a6 6 0 1 0 6 6a6 6 0 0 0-6-6M5.394 6.813L6.81 5.399l3.505 3.506L8.9 10.319zM2 15.005h5v2H2zm3.394 10.193L8.9 21.692l1.414 1.414l-3.505 3.506zM15 25.005h2v5h-2zm6.687-1.9l1.414-1.414l3.506 3.506l-1.414 1.414zm3.313-8.1h5v2h-5zm-3.313-6.101l3.506-3.506l1.414 1.414l-3.506 3.506zM15 2.005h2v5h-2z'/%3E%3C/svg%3E");}/* layer: icons */ .dark .dark\:i-carbon-moon, - .dark .dark\:i-carbon-moon\?auto{utf8,%3Csvg viewBox='0 0 32 32' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M13.503 5.414a15.076 15.076 0 0 0 11.593 18.194a11.1 11.1 0 0 1-7.975 3.39c-.138 0-.278.005-.418 0a11.094 11.094 0 0 1-3.2-21.584M14.98 3a1 1 0 0 0-.175.016a13.096 13.096 0 0 0 1.825 25.981c.164.006.328 0 .49 0a13.07 13.07 0 0 0 10.703-5.555a1.01 1.01 0 0 0-.783-1.565A13.08 13.08 0 0 1 15.89 4.38A1.015 1.015 0 0 0 14.98 3'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon-292a9s) no-repeat;mask:var(--un-icon-292a9s) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;} + .dark .dark\:i-carbon-moon\?auto{-webkit-mask:var(--un-icon-3ge9so) no-repeat;mask:var(--un-icon-3ge9so) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;} .dark .dark\:i-carbon-moon\?bg{background:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M13.503 5.414a15.076 15.076 0 0 0 11.593 18.194a11.1 11.1 0 0 1-7.975 3.39c-.138 0-.278.005-.418 0a11.094 11.094 0 0 1-3.2-21.584M14.98 3a1 1 0 0 0-.175.016a13.096 13.096 0 0 0 1.825 25.981c.164.006.328 0 .49 0a13.07 13.07 0 0 0 10.703-5.555a1.01 1.01 0 0 0-.783-1.565A13.08 13.08 0 0 1 15.89 4.38A1.015 1.015 0 0 0 14.98 3'/%3E%3C/svg%3E") no-repeat;background-size:100% 100%;background-color:transparent;width:1em;height:1em;} - .i-carbon-sun{utf8,%3Csvg viewBox='0 0 32 32' width='2rem' height='2rem' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M16 12.005a4 4 0 1 1-4 4a4.005 4.005 0 0 1 4-4m0-2a6 6 0 1 0 6 6a6 6 0 0 0-6-6M5.394 6.813L6.81 5.399l3.505 3.506L8.9 10.319zM2 15.005h5v2H2zm3.394 10.193L8.9 21.692l1.414 1.414l-3.505 3.506zM15 25.005h2v5h-2zm6.687-1.9l1.414-1.414l3.506 3.506l-1.414 1.414zm3.313-8.1h5v2h-5zm-3.313-6.101l3.506-3.506l1.414 1.414l-3.506 3.506zM15 2.005h2v5h-2z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon-292a9s) no-repeat;mask:var(--un-icon-292a9s) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:2rem;height:2rem;} + .i-carbon-sun{-webkit-mask:var(--un-icon-q9p2vf) no-repeat;mask:var(--un-icon-q9p2vf) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:2rem;height:2rem;} .i-carbon-sun\?bg{background:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='2rem' height='2rem' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M16 12.005a4 4 0 1 1-4 4a4.005 4.005 0 0 1 4-4m0-2a6 6 0 1 0 6 6a6 6 0 0 0-6-6M5.394 6.813L6.81 5.399l3.505 3.506L8.9 10.319zM2 15.005h5v2H2zm3.394 10.193L8.9 21.692l1.414 1.414l-3.505 3

Error: Snapshot `transform > simple 1` mismatched - Expected + Received "<div class="uno-orrz3z" /> <style> + :root { + --un-bg-opacity-efwnq4: 1; + } :global(.uno-orrz3z) { - --un-bg-opacity: 1; - background-color: rgb(239 68 68 / var(--un-bg-opacity)); + background-color: rgb(239 68 68 / var(--un-bg-opacity-efwnq4)); } </style> " ❯ src/_preprocess/transformClasses/index.test.ts:44:35

Error: Snapshot `transform > wraps parent and child dependent classes like rtl: and space-x-1 with :global() wrapper 1` mismatched - Expected + Received "<div class="uno-tlm2ul" /> <style> + :root { + --un-space-x-reverse-epw9f3: 0; + } :global([dir="rtl"] .uno-tlm2ul) { right: 0; } :global(.uno-tlm2ul) { margin-bottom: 0.25rem; font-size: 0.875rem; line-height: 1.25rem; } :global(.uno-tlm2ul > :not([hidden]) ~ :not([hidden])) { - --un-space-x-reverse: 0; - margin-left: calc(0.25rem * calc(1 - var(--un-space-x-reverse))); - margin-right: calc(0.25rem * var(--un-space-x-reverse)); + margin-left: calc(0.25rem * calc(1 - var(--un-space-x-reverse-epw9f3))); + margin-right: calc(0.25rem * var(--un-space-x-reverse-epw9f3)); } </style> " ❯ src/_preprocess/transformClasses/index.test.ts:106:35

Error: Snapshot `transform > :global() properly handles @media queries 1` mismatched - Expected + Received "<div class="uno-1eyzu3" /> <style> + :root { + --un-space-x-reverse-epw9f3: 0; + } @media (min-width: 640px) { :global(.dark .uno-1eyzu3:hover > :not([hidden]) ~ :not([hidden])) { - --un-space-x-reverse: 0; - margin-left: calc(0.25rem * calc(1 - var(--un-space-x-reverse))); - margin-right: calc(0.25rem * var(--un-space-x-reverse)); + margin-left: calc(0.25rem * calc(1 - var(--un-space-x-reverse-epw9f3))); + margin-right: calc(0.25rem * var(--un-space-x-reverse-epw9f3)); } } </style> " ❯ src/_preprocess/transformClasses/index.test.ts:182:20

Error: Snapshot `transform > handles classes in inline conditionals 1` mismatched - Expected + Received @@ -3,19 +3,20 @@ ? 'uno-br1nw8' : ''}">Hello</span > <style> + :root { + --un-text-opacity-efwnq4: 1; + } :global(.uno-3h14cd) { - --un-text-opacity: 1; - color: rgb(34 197 94 / var(--un-text-opacity)); - color: rgb(96 165 250 / var(--un-text-opacity)); + color: rgb(34 197 94 / var(--un-text-opacity-efwnq4)); + color: rgb(96 165 250 / var(--un-text-opacity-efwnq4)); font-weight: 600; } :global(.uno-ffvc5a) { - --un-text-opacity: 1; - color: rgb(220 38 38 / var(--un-text-opacity)); + color: rgb(220 38 38 / var(--un-text-opacity-efwnq4)); } :global(.uno-r4l94t) { font-weight: 700; text-decoration-line: underline; } ❯ src/_preprocess/transformClasses/index.test.ts:252:20

Error: Snapshot `transform > in dev, when it only hashes but does not combine, handles classes that fail when coming at the beginning of a shortcut name 1` mismatched - Expected + Received @@ -1,16 +1,18 @@ "<div class="uno-83is87" /> <style> + :root { + --un-space-x-reverse-epw9f3: 0; + } :global(.uno-83is87) { margin-bottom: 0.25rem; margin-top: 0.5rem !important; } :global(.uno-83is87 > :not([hidden]) ~ :not([hidden])) { - --un-space-x-reverse: 0; - margin-left: calc(0.25rem * calc(1 - var(--un-space-x-reverse))); - margin-right: calc(0.25rem * var(--un-space-x-reverse)); + margin-left: calc(0.25rem * calc(1 - var(--un-space-x-reverse-epw9f3))); + margin-right: calc(0.25rem * var(--un-space-x-reverse-epw9f3)); } @media (min-width: 768px) { :global(.uno-83is87) { margin-right: 0.75rem; } ❯ src/_preprocess/transformClasses/index.test.ts:295:35

Error: Snapshot `transform > skips generation for classes in safelist as they are set globally and compilation would remove them 1` mismatched - Expected + Received "<div class="uno-orrz3z mr-7" /> <style> + :root { + --un-bg-opacity-efwnq4: 1; + } :global(.uno-orrz3z) { - --un-bg-opacity: 1; - background-color: rgb(239 68 68 / var(--un-bg-opacity)); + background-color: rgb(239 68 68 / var(--un-bg-opacity-efwnq4)); } </style> " ❯ src/_preprocess/transformClasses/index.test.ts:345:20

Error: Snapshot `transform > everything 1` mismatched - Expected + Received @@ -6,10 +6,16 @@ <div class="uno-wt89uz" /> <Button class="uno-deus5r" /> </div> <style> + :root { + --un-scale-x-xqgmro: 0.05; + --un-bg-opacity-efwnq4: 1; + --un-space-x-reverse-epw9f3: 0; + --un-text-opacity-efwnq4: 1; + } :global(.uno-5qhtsr) { background: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 308' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='%23FF3E00' d='M239.682 40.707C211.113-.182 154.69-12.301 113.895 13.69L42.247 59.356a82.2 82.2 0 0 0-37.135 55.056a86.57 86.57 0 0 0 8.536 55.576a82.4 82.4 0 0 0-12.296 30.719a87.6 87.6 0 0 0 14.964 66.244c28.574 40.893 84.997 53.007 125.787 27.016l71.648-45.664a82.18 82.18 0 0 0 37.135-55.057a86.6 86.6 0 0 0-8.53-55.577a82.4 82.4 0 0 0 12.29-30.718a87.57 87.57 0 0 0-14.963-66.244'/%3E%3Cpath fill='%23FFF' d='M106.889 270.841c-23.102 6.007-47.497-3.036-61.103-22.648a52.7 52.7 0 0 1-9.003-39.85a50 50 0 0 1 1.713-6.693l1.35-4.115l3.671 2.697a92.5 92.5 0 0 0 28.036 14.007l2.663.808l-.245 2.659a16.07 16.07 0 0 0 2.89 10.656a17.14 17.14 0 0 0 18.397 6.828a15.8 15.8 0 0 0 4.403-1.935l71.67-45.672a14.92 14.92 0 0 0 6.734-9.977a15.92 15.92 0 0 0-2.713-12.011a17.16 17.16 0 0 0-18.404-6.832a15.8 15.8 0 0 0-4.396 1.933l-27.35 17.434a52.3 52.3 0 0 1-14.553 6.391c-23.101 6.007-47.497-3.036-61.101-22.649a52.68 52.68 0 0 1-9.004-39.849a49.43 49.43 0 0 1 22.34-33.114l71.664-45.677a52.2 52.2 0 0 1 14.563-6.398c23.101-6.007 47.497 3.036 61.101 22.648a52.7 52.7 0 0 1 9.004 39.85a51 51 0 0 1-1.713 6.692l-1.35 4.116l-3.67-2.693a92.4 92.4 0 0 0-28.037-14.013l-2.664-.809l.246-2.658a16.1 16.1 0 0 0-2.89-10.656a17.14 17.14 0 0 0-18.398-6.828a15.8 15.8 0 0 0-4.402 1.935l-71.67 45.674a14.9 14.9 0 0 0-6.73 9.975a15.9 15.9 0 0 0 2.709 12.012a17.16 17.16 0 0 0 18.404 6.832a15.8 15.8 0 0 0 4.402-1.935l27.345-17.427a52.2 52.2 0 0 1 14.552-6.397c23.101-6.006 47.497 3.037 61.102 22.65a52.68 52.68 0 0 1 9.003 39.848a49.45 49.45 0 0 1-22.34 33.12l-71.664 45.673a52.2 52.2 0 0 1-14.563 6.398'/%3E%3C/svg%3E") no-repeat; background-size: 100% 100%; background-color: transparent; @@ -21,51 +27,44 @@ } :global(.uno-4cfcv2) { width: 1.25rem; } :global(.uno-uovm2y) { - --un-scale-x: 0.05; --un-scale-y: 0.05; transform: translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) - skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) - scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z)); - --un-bg-opacity: 1; - background-color: rgb(239 68 68 / var(--un-bg-opacity)); + skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) + scaleX(var(--un-scale-x-xqgmro)) scaleY(var(--un-scale-y)) + scaleZ(var(--un-scale-z)); + background-color: rgb(239 68 68 / var(--un-bg-opacity-efwnq4)); } :global(.uno-rdvmaz > :not([hidden]) ~ :not([hidden])) { - --un-space-x-reverse: 0; - margin-left: calc(0.25rem * calc(1 - var(--un-space-x-reverse))); - margin-right: calc(0.25rem * var(--un-space-x-reverse)); + margin-left: calc(0.25rem * calc(1 - var(--un-space-x-reverse-epw9f3))); + margin-right: calc(0.25rem * var(--un-space-x-reverse-epw9f3)); } :global([dir="rtl"] .uno-rdvmaz > :not([hidden]) ~ :not([hidden])) { - --un-space-x-reverse: 1; } - :global(.dark .uno-uovm2y:hover) { - --un-bg-opacity: 1; - background-color: rgb(34 197 94 / var(--un-bg-opacity)); + .dark .uno-uovm2y:hover { + background-color: rgb(34 197 94 / var(--un-bg-opacity-efwnq4)); } :global(.uno-rdvmaz) { text-align: center; } :global(.uno-deus5r, .uno-wt89uz) { font-size: 0.875rem; line-height: 1.25rem; } :global(.uno-y37ej3) { - --un-text-opacity: 1; - color: rgb(251 146

Error: Snapshot `attributify > cases > ./cases/preset-attributify/case-2/input.html 1` mismatched - Expected + Received @@ -21,11 +21,11 @@ [peer=""]:focus~[peer-focus~="-translate-y-4"]{transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y-q7pnkl)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));} [peer=""]:not(:placeholder-shown)~[peer-not-placeholder-shown~="scale-75"], [peer=""]:focus~[peer-focus~="scale-75"]{--un-scale-y:0.75;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x-xqjs9n)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));} [select-none=""]{-webkit-user-select:none;user-select:none;} [bg-gradient~="from-yellow-400"]{--un-gradient-from:rgb(250 204 21 / var(--un-from-opacity, 1)) var(--un-gradient-from-position-3l4h8e);--un-gradient-to:rgb(250 204 21 / 0) var(--un-gradient-to-position-d7e8u3);} - [bg-gradient~="via-red-500"]{--un-gradient-to:rgb(239 68 68 / 0);} + [bg-gradient~="via-red-500"]{--un-gradient-to:rgb(239 68 68 / 0);--un-gradient-stops:var(--un-gradient-from), rgb(239 68 68 / var(--un-via-opacity, 1)) var(--un-gradient-via-position-91lba7), var(--un-gradient-to);} [bg-gradient~="to-pink-500"]{--un-gradient-to:rgb(236 72 153 / var(--un-to-opacity, 1)) var(--un-gradient-to-position-d7e8u3);} [bg-gradient~="to-r"]{--un-gradient:var(--un-gradient-shape-f67byu), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));} [p-10=""]{padding:2.5rem;} [px-4=""]{padding-left:1rem;padding-right:1rem;} [pt-4=""]{padding-top:1rem;} ❯ test/preset-attributify.test.ts:43:9

Error: Snapshot `preset-icons > fixtures 1` mismatched - Expected + Received - :root{--un-icon-292a9s:url("data:image/svg+xml;}/* layer: icons */ + :root{--un-icon-3ge9so:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M13.503 5.414a15.076 15.076 0 0 0 11.593 18.194a11.1 11.1 0 0 1-7.975 3.39c-.138 0-.278.005-.418 0a11.094 11.094 0 0 1-3.2-21.584M14.98 3a1 1 0 0 0-.175.016a13.096 13.096 0 0 0 1.825 25.981c.164.006.328 0 .49 0a13.07 13.07 0 0 0 10.703-5.555a1.01 1.01 0 0 0-.783-1.565A13.08 13.08 0 0 1 15.89 4.38A1.015 1.015 0 0 0 14.98 3'/%3E%3C/svg%3E");--un-icon-2y9w61:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M16 12.005a4 4 0 1 1-4 4a4.005 4.005 0 0 1 4-4m0-2a6 6 0 1 0 6 6a6 6 0 0 0-6-6M5.394 6.813L6.81 5.399l3.505 3.506L8.9 10.319zM2 15.005h5v2H2zm3.394 10.193L8.9 21.692l1.414 1.414l-3.505 3.506zM15 25.005h2v5h-2zm6.687-1.9l1.414-1.414l3.506 3.506l-1.414 1.414zm3.313-8.1h5v2h-5zm-3.313-6.101l3.506-3.506l1.414 1.414l-3.506 3.506zM15 2.005h2v5h-2z'/%3E%3C/svg%3E");}/* layer: icons */ .dark .dark\:i-carbon-moon, - .dark .dark\:i-carbon-moon\?auto{utf8,%3Csvg viewBox='0 0 32 32' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M13.503 5.414a15.076 15.076 0 0 0 11.593 18.194a11.1 11.1 0 0 1-7.975 3.39c-.138 0-.278.005-.418 0a11.094 11.094 0 0 1-3.2-21.584M14.98 3a1 1 0 0 0-.175.016a13.096 13.096 0 0 0 1.825 25.981c.164.006.328 0 .49 0a13.07 13.07 0 0 0 10.703-5.555a1.01 1.01 0 0 0-.783-1.565A13.08 13.08 0 0 1 15.89 4.38A1.015 1.015 0 0 0 14.98 3'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon-292a9s) no-repeat;mask:var(--un-icon-292a9s) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;} + .dark .dark\:i-carbon-moon\?auto{-webkit-mask:var(--un-icon-3ge9so) no-repeat;mask:var(--un-icon-3ge9so) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;} .dark .dark\:i-carbon-moon\?bg{background:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M13.503 5.414a15.076 15.076 0 0 0 11.593 18.194a11.1 11.1 0 0 1-7.975 3.39c-.138 0-.278.005-.418 0a11.094 11.094 0 0 1-3.2-21.584M14.98 3a1 1 0 0 0-.175.016a13.096 13.096 0 0 0 1.825 25.981c.164.006.328 0 .49 0a13.07 13.07 0 0 0 10.703-5.555a1.01 1.01 0 0 0-.783-1.565A13.08 13.08 0 0 1 15.89 4.38A1.015 1.015 0 0 0 14.98 3'/%3E%3C/svg%3E") no-repeat;background-size:100% 100%;background-color:transparent;width:1em;height:1em;} - .i-carbon-sun{utf8,%3Csvg viewBox='0 0 32 32' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M16 12.005a4 4 0 1 1-4 4a4.005 4.005 0 0 1 4-4m0-2a6 6 0 1 0 6 6a6 6 0 0 0-6-6M5.394 6.813L6.81 5.399l3.505 3.506L8.9 10.319zM2 15.005h5v2H2zm3.394 10.193L8.9 21.692l1.414 1.414l-3.505 3.506zM15 25.005h2v5h-2zm6.687-1.9l1.414-1.414l3.506 3.506l-1.414 1.414zm3.313-8.1h5v2h-5zm-3.313-6.101l3.506-3.506l1.414 1.414l-3.506 3.506zM15 2.005h2v5h-2z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon-292a9s) no-repeat;mask:var(--un-icon-292a9s) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;} + .i-carbon-sun{-webkit-mask:var(--un-icon-2y9w61) no-repeat;mask:var(--un-icon-2y9w61) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;} .i-carbon-sun\?bg{background:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M16 12.005a4 4 0 1 1-4 4a4.005 4.005 0 0 1 4-4m0-2a6 6 0 1 0 6 6a6 6 0 0 0-6-6M5.394 6.813L6.81 5.399l3.505 3.506L8.9 10.319zM2 15.005h5v2H2zm3.394 10.193L8.9 21.692l1.414 1.414l-3.505 3.506zM15 25.005h2v5h

Error: Snapshot `preset-icons > icon unit fixtures 1` mismatched - Expected + Received - :root{--un-icon-292a9s:url("data:image/svg+xml;}/* layer: icons */ + :root{--un-icon-3ge9so:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M13.503 5.414a15.076 15.076 0 0 0 11.593 18.194a11.1 11.1 0 0 1-7.975 3.39c-.138 0-.278.005-.418 0a11.094 11.094 0 0 1-3.2-21.584M14.98 3a1 1 0 0 0-.175.016a13.096 13.096 0 0 0 1.825 25.981c.164.006.328 0 .49 0a13.07 13.07 0 0 0 10.703-5.555a1.01 1.01 0 0 0-.783-1.565A13.08 13.08 0 0 1 15.89 4.38A1.015 1.015 0 0 0 14.98 3'/%3E%3C/svg%3E");--un-icon-q9p2vf:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='2rem' height='2rem' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M16 12.005a4 4 0 1 1-4 4a4.005 4.005 0 0 1 4-4m0-2a6 6 0 1 0 6 6a6 6 0 0 0-6-6M5.394 6.813L6.81 5.399l3.505 3.506L8.9 10.319zM2 15.005h5v2H2zm3.394 10.193L8.9 21.692l1.414 1.414l-3.505 3.506zM15 25.005h2v5h-2zm6.687-1.9l1.414-1.414l3.506 3.506l-1.414 1.414zm3.313-8.1h5v2h-5zm-3.313-6.101l3.506-3.506l1.414 1.414l-3.506 3.506zM15 2.005h2v5h-2z'/%3E%3C/svg%3E");}/* layer: icons */ .dark .dark\:i-carbon-moon, - .dark .dark\:i-carbon-moon\?auto{utf8,%3Csvg viewBox='0 0 32 32' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M13.503 5.414a15.076 15.076 0 0 0 11.593 18.194a11.1 11.1 0 0 1-7.975 3.39c-.138 0-.278.005-.418 0a11.094 11.094 0 0 1-3.2-21.584M14.98 3a1 1 0 0 0-.175.016a13.096 13.096 0 0 0 1.825 25.981c.164.006.328 0 .49 0a13.07 13.07 0 0 0 10.703-5.555a1.01 1.01 0 0 0-.783-1.565A13.08 13.08 0 0 1 15.89 4.38A1.015 1.015 0 0 0 14.98 3'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon-292a9s) no-repeat;mask:var(--un-icon-292a9s) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;} + .dark .dark\:i-carbon-moon\?auto{-webkit-mask:var(--un-icon-3ge9so) no-repeat;mask:var(--un-icon-3ge9so) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;} .dark .dark\:i-carbon-moon\?bg{background:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M13.503 5.414a15.076 15.076 0 0 0 11.593 18.194a11.1 11.1 0 0 1-7.975 3.39c-.138 0-.278.005-.418 0a11.094 11.094 0 0 1-3.2-21.584M14.98 3a1 1 0 0 0-.175.016a13.096 13.096 0 0 0 1.825 25.981c.164.006.328 0 .49 0a13.07 13.07 0 0 0 10.703-5.555a1.01 1.01 0 0 0-.783-1.565A13.08 13.08 0 0 1 15.89 4.38A1.015 1.015 0 0 0 14.98 3'/%3E%3C/svg%3E") no-repeat;background-size:100% 100%;background-color:transparent;width:1em;height:1em;} - .i-carbon-sun{utf8,%3Csvg viewBox='0 0 32 32' width='2rem' height='2rem' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M16 12.005a4 4 0 1 1-4 4a4.005 4.005 0 0 1 4-4m0-2a6 6 0 1 0 6 6a6 6 0 0 0-6-6M5.394 6.813L6.81 5.399l3.505 3.506L8.9 10.319zM2 15.005h5v2H2zm3.394 10.193L8.9 21.692l1.414 1.414l-3.505 3.506zM15 25.005h2v5h-2zm6.687-1.9l1.414-1.414l3.506 3.506l-1.414 1.414zm3.313-8.1h5v2h-5zm-3.313-6.101l3.506-3.506l1.414 1.414l-3.506 3.506zM15 2.005h2v5h-2z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon-292a9s) no-repeat;mask:var(--un-icon-292a9s) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:2rem;height:2rem;} + .i-carbon-sun{-webkit-mask:var(--un-icon-q9p2vf) no-repeat;mask:var(--un-icon-q9p2vf) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:2rem;height:2rem;} .i-carbon-sun\?bg{background:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='2rem' height='2rem' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M16 12.005a4 4 0 1 1-4 4a4.005 4.005 0 0 1 4-4m0-2a6 6 0 1 0 6 6a6 6 0 0 0-6-6M5.394 6.813L6.81 5.399l3.505 3.506L8.9 10.319zM2 15.005h5v2H2zm3.394 10.193L8.9 21.692l1.414 1.414l-3.505 3

Node.js 16 actions are deprecated. Please update the following actions to use Node.js 20: actions/checkout@v3, pnpm/action-setup@v2, actions/setup-node@v3. For more information see: https://github.blog/changelog/2023-09-22-github-actions-transitioning-from-node-16-to-node-20/.

Node.js 16 actions are deprecated. Please update the following actions to use Node.js 20: actions/checkout@v3, pnpm/action-setup@v2, actions/setup-node@v3. For more information see: https://github.blog/changelog/2023-09-22-github-actions-transitioning-from-node-16-to-node-20/.

Node.js 16 actions are deprecated. Please update the following actions to use Node.js 20: actions/checkout@v3, pnpm/action-setup@v2, actions/setup-node@v3. For more information see: https://github.blog/changelog/2023-09-22-github-actions-transitioning-from-node-16-to-node-20/.