@sps-woodland/tokens - npm Package Compare versions

Comparing version 8.16.1 to 8.17.0

lib/vanilla-extract/sprinkleValues.d.ts

@@ -116,2 +116,3 @@ /**
             "max-content-width": string;
+            "content-padding": string;
         };
@@ -435,6 +436,5 @@ "add-to-list": {
             "pinned-width": string;
-            "margin-left": string;
+            "pinned-padding": string;
             top: string;
             height: string;
-            left: string;
             "content-header-height": string;
@@ -781,2 +781,3 @@ "search-form-max-width": string;
         };
+        "content-width": string;
         gutter: string;
@@ -783,0 +784,0 @@ };

package.json

 {
   "name": "@sps-woodland/tokens",
   "description": "SPS Design System design tokens",
-  "version": "8.16.1",
+  "version": "8.17.0",
   "author": "SPS Commerce",
@@ -6,0 +6,0 @@ "license": "UNLICENSED",

src/tokens.ts

@@ -85,3 +85,4 @@ /* eslint-disable */
       "main-content-height": "2rem",
-      "max-content-width": "77.5rem",
+      "max-content-width": "1280px",
+      "content-padding": "1.25rem",
       padding: "0.5rem",
@@ -507,5 +508,5 @@ shadow: "0 0 0.25rem 0.25rem oklch(26.99% 0.015 226.65 / 0.1)",
         marginBottom: "0.5rem",
-        maxWidth: "1240px",
+        maxWidth: "1280px",
       },
-      body: { margin: "0 auto", maxWidth: "1240px", padding: "1rem" },
+      body: { margin: "0 auto", maxWidth: "1280px", padding: "1rem" },
       closeButton: {
@@ -599,7 +600,6 @@ backgroundColor: "transparent",
       pinned: {
-        width: "75rem",
-        margin: "37.5rem",
+        width: "1280px",
+        padding: "1.25rem",
         top: "3.75rem",
         height: "0.625rem",
-        left: "0.0625rem",
       },
@@ -775,3 +775,3 @@ content: { padding: "0.5rem", margin: "0.5rem", height: "2rem" },
       "background-color": "oklch(100% 0 0)",
-      bar: { "min-height": "3.75rem", padding: "2rem", width: "77.5rem" },
+      bar: { "min-height": "3.75rem", padding: "2rem", width: "1280px" },
       brand: { "margin-right": "2rem" },
@@ -1199,3 +1199,3 @@ logo: { size: "1.5rem", "margin-right": "0.5rem" },
   },
-  grid: { columns: { standard: 12 } },
+  grid: { columns: { standard: 12 }, "content-width": "1280px" },
   icon: {
@@ -1460,3 +1460,6 @@ ai: { character: "\\e9bd" },
     component: {
-      "action-bar": { "max-content-width": "77.5rem" },
+      "action-bar": {
+        "max-content-width": "1280px",
+        "content-padding": "1.25rem",
+      },
       "add-to-list": {
@@ -1531,3 +1534,3 @@ "drag-handle": { width: "0.375rem", height: "1.125rem" },
         "min-height": "3.75rem",
-        width: "77.5rem",
+        width: "1280px",
         "logo-size": "1.5rem",
@@ -1579,7 +1582,6 @@ "nav-underline": "0.125rem",
       "list-bar": {
-        "pinned-width": "75rem",
-        "margin-left": "37.5rem",
+        "pinned-width": "1280px",
+        "pinned-padding": "1.25rem",
         top: "3.75rem",
         height: "0.625rem",
-        left: "0.0625rem",
         "content-header-height": "2rem",
@@ -1586,0 +1588,0 @@ "search-form-max-width": "25rem",

src/vanilla-extract/sprinkleValues.ts

@@ -102,3 +102,6 @@ /* eslint-disable */
   component: {
-    "action-bar": { "max-content-width": "77.5rem" },
+    "action-bar": {
+      "max-content-width": "1280px",
+      "content-padding": "1.25rem",
+    },
     "add-to-list": {
@@ -300,5 +303,5 @@ "drag-handle": { width: "0.375rem", height: "1.125rem" },
         marginBottom: "0.5rem",
-        maxWidth: "1240px",
+        maxWidth: "1280px",
       },
-      body: { margin: "0 auto", maxWidth: "1240px", padding: "1rem" },
+      body: { margin: "0 auto", maxWidth: "1280px", padding: "1rem" },
       closeButton: {
@@ -338,7 +341,6 @@ backgroundColor: "transparent",
     "list-bar": {
-      "pinned-width": "75rem",
-      "margin-left": "37.5rem",
+      "pinned-width": "1280px",
+      "pinned-padding": "1.25rem",
       top: "3.75rem",
       height: "0.625rem",
-      left: "0.0625rem",
       "content-header-height": "2rem",
@@ -405,3 +407,3 @@ "search-form-max-width": "25rem",
       "min-height": "3.75rem",
-      width: "77.5rem",
+      width: "1280px",
       "logo-size": "1.5rem",
@@ -611,3 +613,7 @@ "nav-underline": "0.125rem",
   },
-  grid: { columns: { standard: 12 }, gutter: "1rem" },
+  grid: {
+    columns: { standard: 12 },
+    "content-width": "1280px",
+    gutter: "1rem",
+  },
   icon: {
@@ -614,0 +620,0 @@ ai: { character: "\\e9bd" },

No alert changes

Improved metrics

Total package byte prevSize

6255093

increased by0.06%

Lines of code

170330

increased by0.06%

No dependency changes