feat(*): update snaps

core-ds · Nov 25, 2024 · c6afba3 · c6afba3
1 parent deea02c
commit c6afba3
Show file tree

Hide file tree

Showing 2 changed files with 28 additions and 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
@@ -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
@@ -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;
 }