From c6afba30a1d58557b6028e97e82958165f4d48e6 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=D0=9E=D0=B1=D0=BC=D0=BE=D1=87=D0=B5=D0=B2=D1=81=D0=BA?= =?UTF-8?q?=D0=B8=D0=B9=20=D0=92=D0=BB=D0=B0=D0=B4=D0=B8=D1=81=D0=BB=D0=B0?= =?UTF-8?q?=D0=B2=20=D0=92=D1=8F=D1=87=D0=B5=D1=81=D0=BB=D0=B0=D0=B2=D0=BE?= =?UTF-8?q?=D0=B2=D0=B8=D1=87?= Date: Mon, 25 Nov 2024 13:26:20 +0700 Subject: [PATCH] feat(*): update snaps --- .../__snapshots__/build.spec.ts.snap | 26 ++++++++-------- .../__snapshots__/build.spec.ts.snap | 30 +++++++++---------- 2 files changed, 28 insertions(+), 28 deletions(-) diff --git a/packages/example-modules/validate-build/__snapshots__/build.spec.ts.snap b/packages/example-modules/validate-build/__snapshots__/build.spec.ts.snap index 3ed55ba9..fb5b2a53 100644 --- a/packages/example-modules/validate-build/__snapshots__/build.spec.ts.snap +++ b/packages/example-modules/validate-build/__snapshots__/build.spec.ts.snap @@ -2,7 +2,7 @@ exports[`modules should create valid css for ModuleCompat 1`] = ` ".module-ModuleCompat .module-postcss-features{ - margin-block:24px; + margin-block:var(--gap-xl); } .module-ModuleCompat .module-postcss-features__paragraph{ @@ -12,11 +12,11 @@ exports[`modules should create valid css for ModuleCompat 1`] = ` letter-spacing:1.25px; text-transform:uppercase; - padding-inline-start:12px; - padding-block:2px; - box-shadow:0 0 4px rgba(0, 0, 0, 0.02), 0 -2px 4px rgba(0, 0, 0, 0.04), 0 -2px 4px rgba(0, 0, 0, 0.16); - color:rgb(236, 142, 133); - background-color:#cd1501; + padding-inline-start:var(--gap-s); + padding-block:var(--gap-3xs); + box-shadow:var(--shadow-xs-hard-up); + color:color-mod(var(--color-static-status-red) blend(rgba(255, 255, 255, 0.5) 50%)); + background-color:var(--color-static-graphic-milano-red); } .module-ModuleCompat .styles-module-paragraph-RR62e{ @@ -26,11 +26,11 @@ exports[`modules should create valid css for ModuleCompat 1`] = ` letter-spacing:1.25px; text-transform:uppercase; - padding-inline-start:12px; - padding-block:2px; - box-shadow:0 0 4px rgba(0, 0, 0, 0.02), 0 -2px 4px rgba(0, 0, 0, 0.04), 0 -2px 4px rgba(0, 0, 0, 0.16); - color:rgb(236, 142, 133); - background-color:#cd1501; + padding-inline-start:var(--gap-s); + padding-block:var(--gap-3xs); + box-shadow:var(--shadow-xs-hard-up); + color:color-mod(var(--color-static-status-red) blend(rgba(255, 255, 255, 0.5) 50%)); + background-color:var(--color-static-graphic-milano-red); } .module-ModuleCompat .primary{ @@ -52,9 +52,9 @@ exports[`modules should create valid css for ModuleCompat 1`] = ` animation:someRandomAnimation 1s ease-in-out infinite alternate; } - @media (min-width: 1280px){ + @media (--desktop-m){ .module-ModuleCompat .primary.leftBorder:before{ - border-right:1px solid #c5c5c7; + border-right:1px solid var(--color-light-border-underline); } } @keyframes someRandomAnimation{ diff --git a/packages/example/validate-build/__snapshots__/build.spec.ts.snap b/packages/example/validate-build/__snapshots__/build.spec.ts.snap index 16317374..48b2d522 100644 --- a/packages/example/validate-build/__snapshots__/build.spec.ts.snap +++ b/packages/example/validate-build/__snapshots__/build.spec.ts.snap @@ -2,7 +2,7 @@ exports[`client should create valid css 1`] = ` ".postcss-features{ - margin-block:24px; + margin-block:var(--gap-xl); } .postcss-features__paragraph{ @@ -12,11 +12,11 @@ exports[`client should create valid css 1`] = ` letter-spacing:1.25px; text-transform:uppercase; - padding-inline-start:12px; - padding-block:2px; - box-shadow:0 0 4px rgba(0, 0, 0, 0.02), 0 -2px 4px rgba(0, 0, 0, 0.04), 0 -2px 4px rgba(0, 0, 0, 0.16); - color:rgb(236, 142, 133); - background-color:#cd1501; + padding-inline-start:var(--gap-s); + padding-block:var(--gap-3xs); + box-shadow:var(--shadow-xs-hard-up); + color:color-mod(var(--color-static-status-red) blend(rgba(255, 255, 255, 0.5) 50%)); + background-color:var(--color-static-graphic-milano-red); } .styles-module-paragraph-Jd8ok{ @@ -26,11 +26,11 @@ exports[`client should create valid css 1`] = ` letter-spacing:1.25px; text-transform:uppercase; - padding-inline-start:12px; - padding-block:2px; - box-shadow:0 0 4px rgba(0, 0, 0, 0.02), 0 -2px 4px rgba(0, 0, 0, 0.04), 0 -2px 4px rgba(0, 0, 0, 0.16); - color:rgb(236, 142, 133); - background-color:#cd1501; + padding-inline-start:var(--gap-s); + padding-block:var(--gap-3xs); + box-shadow:var(--shadow-xs-hard-up); + color:color-mod(var(--color-static-status-red) blend(rgba(255, 255, 255, 0.5) 50%)); + background-color:var(--color-static-graphic-milano-red); } body{ @@ -65,20 +65,20 @@ body{ .app-module-root-v3y8h{ padding:10px; -} @media (min-width: 600px) and (max-width: 1023px){ +} @media (--tablet){ .app-module-root-v3y8h{ padding:24px; } -} @media (min-width: 1024px){ +} @media (--desktop){ .app-module-root-v3y8h{ padding:32px; } -} @media (max-width: 599px){ +} @media (--mobile){ .app-module-root-v3y8h{ padding:8px; } } .app-module-title-NCKQE{ - color:#202022; + color:var(--button-accent-base-bg-color); border-radius:99px; }