fix: generated self-referencing CSS variables #166
Annotations
4 errors and 3 warnings
playground/tests/build.test.ts > build > vite-build:
playground/tests/build.test.ts#L18
Error: Snapshot `build > vite-build 1` mismatched
- Expected
+ Received
- "*,:before,:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }:root{--un-preset-theme-spacing-xl:32px;--un-preset-theme-spacing-lg:24px;--un-preset-theme-spacing-base:16px;--un-preset-theme-spacing-xs:8px;--un-preset-theme-spacing-sm:12px;--un-preset-theme-colors-container:255 255 255;--un-preset-theme-colors-border:217 217 217;--un-preset-theme-colors-text:0 0 0;--un-preset-theme-colors-text--alpha:.88;--un-preset-theme-colors-primary:22 119 255;--un-preset-theme-colors-primary-border:22 119 255}.compact{--un-preset-theme-spacing-xl:var(--un-preset-theme-spacing-xl);--un-preset-theme-spacing-lg:var(--un-preset-theme-spacing-lg);--un-preset-theme-spacing-base:var(--un-preset-theme-spacing-base);--un-preset-theme-spacing-xs:var(--un-preset-theme-spacing-xs);--un-preset-theme-spacing-sm:var(--un-preset-theme-spacing-sm)}.dark{--un-preset-theme-colors-container:20 20 20;--un-preset-theme-colors-border:66 66 66;--un-preset-theme-colors-text:255 255 255;--un-preset-theme-colors-text--alpha:.85;--un-preset-theme-colors-primary:22 104 220;--un-preset-theme-colors-primary-border:22 104 220}.mb-sm{margin-bottom:var(--un-preset-theme-spacing-sm)}.mt-10{margin-top:2.5rem}.mt-40{margin-top:10rem}.h-screen{height:100vh}.w-full{width:100%}.w-screen{width:100vw}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.gap-x-4{column-gap:1rem}.border-1{border-width:1px}.border-2{border-width:2px}.border-color-border{--un-border-opacity:var(--un-preset-theme-colors-border--alpha, 1);border-color:rgb(var(--un-preset-theme-colors-border) / var(--un-border-opacity))}.hover\:border-primary-border:hover{--un-border-opacity:var(--un-preset-theme-colors-primary-border--alpha, 1);border-color:rgb(var(--un-preset-theme-colors-primary-border) / var(--un-border-opacity))}.rounded-md{border-radius:.375rem}.bg-container{--un-bg-opacity:var(--un-preset-theme-colors-container--alpha, 1);background-color:rgb(var(--un-preset-t
|
test (20.x, ubuntu-latest)
Process completed with exit code 1.
|
playground/tests/build.test.ts > build > vite-build:
playground/tests/build.test.ts#L18
Error: Snapshot `build > vite-build 1` mismatched
- Expected
+ Received
- "*,:before,:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }:root{--un-preset-theme-spacing-xl:32px;--un-preset-theme-spacing-lg:24px;--un-preset-theme-spacing-base:16px;--un-preset-theme-spacing-xs:8px;--un-preset-theme-spacing-sm:12px;--un-preset-theme-colors-container:255 255 255;--un-preset-theme-colors-border:217 217 217;--un-preset-theme-colors-text:0 0 0;--un-preset-theme-colors-text--alpha:.88;--un-preset-theme-colors-primary:22 119 255;--un-preset-theme-colors-primary-border:22 119 255}.compact{--un-preset-theme-spacing-xl:var(--un-preset-theme-spacing-xl);--un-preset-theme-spacing-lg:var(--un-preset-theme-spacing-lg);--un-preset-theme-spacing-base:var(--un-preset-theme-spacing-base);--un-preset-theme-spacing-xs:var(--un-preset-theme-spacing-xs);--un-preset-theme-spacing-sm:var(--un-preset-theme-spacing-sm)}.dark{--un-preset-theme-colors-container:20 20 20;--un-preset-theme-colors-border:66 66 66;--un-preset-theme-colors-text:255 255 255;--un-preset-theme-colors-text--alpha:.85;--un-preset-theme-colors-primary:22 104 220;--un-preset-theme-colors-primary-border:22 104 220}.mb-sm{margin-bottom:var(--un-preset-theme-spacing-sm)}.mt-10{margin-top:2.5rem}.mt-40{margin-top:10rem}.h-screen{height:100vh}.w-full{width:100%}.w-screen{width:100vw}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.gap-x-4{column-gap:1rem}.border-1{border-width:1px}.border-2{border-width:2px}.border-color-border{--un-border-opacity:var(--un-preset-theme-colors-border--alpha, 1);border-color:rgb(var(--un-preset-theme-colors-border) / var(--un-border-opacity))}.hover\:border-primary-border:hover{--un-border-opacity:var(--un-preset-theme-colors-primary-border--alpha, 1);border-color:rgb(var(--un-preset-theme-colors-primary-border) / var(--un-border-opacity))}.rounded-md{border-radius:.375rem}.bg-container{--un-bg-opacity:var(--un-preset-theme-colors-container--alpha, 1);background-color:rgb(var(--un-preset-t
|
test (18.x, ubuntu-latest)
Process completed with exit code 1.
|
lint
The following actions use a deprecated Node.js version and will be forced to run on node20: actions/checkout@v3, pnpm/action-setup@v2, actions/setup-node@v3. For more info: https://github.blog/changelog/2024-03-07-github-actions-all-actions-will-run-on-node20-instead-of-node16-by-default/
|
test (20.x, ubuntu-latest)
The following actions use a deprecated Node.js version and will be forced to run on node20: actions/checkout@v3, pnpm/action-setup@v2, actions/setup-node@v3. For more info: https://github.blog/changelog/2024-03-07-github-actions-all-actions-will-run-on-node20-instead-of-node16-by-default/
|
test (18.x, ubuntu-latest)
The following actions use a deprecated Node.js version and will be forced to run on node20: actions/checkout@v3, pnpm/action-setup@v2, actions/setup-node@v3. For more info: https://github.blog/changelog/2024-03-07-github-actions-all-actions-will-run-on-node20-instead-of-node16-by-default/
|