@knapsack/sandbox-components 4.71.14 → 4.71.15

package/CHANGELOG.md

@@ -1,3 +1,16 @@
+# v4.71.14 (Wed Dec 04 2024)
+
+#### 🐛 Bug Fix
+
+- fix sandbox header width [#5243](https://github.com/knapsack-labs/app-monorepo/pull/5243) ([@GormanDesign](https://github.com/GormanDesign))
+- fix sandbox header width ([@GormanDesign](https://github.com/GormanDesign))
+
+#### Authors: 1
+
+- Matt Gorman ([@GormanDesign](https://github.com/GormanDesign))
+
+---
+
 # v4.71.13 (Wed Dec 04 2024)
 
 #### 🐛 Bug Fix

package/dist/css/ks-sandbox-styles.css

@@ -1463,7 +1463,7 @@ body {
   background-color: var(--brand-color);
   padding: 8px 16px;
   padding: var(--spacing-small) var(--spacing-large);
-  width: 100%;
+  width: 100vw;
   position: relative;
   height: 60px;
   z-index: 10;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@knapsack/sandbox-components",
   "description": "",
-  "version": "4.71.14",
+  "version": "4.71.15",
   "type": "module",
   "exports": {
     "./css": "./dist/css/ks-sandbox-styles.css",
@@ -44,11 +44,11 @@
     "vue": "^3.5.12"
   },
   "devDependencies": {
-    "@knapsack/eslint-config-starter": "4.71.14",
-    "@knapsack/postcss-config-starter": "4.71.14",
-    "@knapsack/prettier-config": "4.71.14",
-    "@knapsack/sandbox-tokens": "4.71.14",
-    "@knapsack/typescript-config-starter": "4.71.14",
+    "@knapsack/eslint-config-starter": "4.71.15",
+    "@knapsack/postcss-config-starter": "4.71.15",
+    "@knapsack/prettier-config": "4.71.15",
+    "@knapsack/sandbox-tokens": "4.71.15",
+    "@knapsack/typescript-config-starter": "4.71.15",
     "@types/node": "^20.17.8",
     "@types/react": "^18.3.12",
     "esbuild": "^0.24.0",
@@ -68,5 +68,5 @@
     "directory": "apps/ui/libs/sandbox-components",
     "type": "git"
   },
-  "gitHead": "c17e74b023cd7d642d374bc36d008410421a1040"
+  "gitHead": "f83b864721e656c036ee9ff691534c220445a2eb"
 }

package/src/css/header.css

@@ -1,7 +1,7 @@
 .header {
   background-color: var(--brand-color);
   padding: var(--spacing-small) var(--spacing-large);
-  width: 100%;
+  width: 100vw;
   position: relative;
   height: 60px;
   z-index: 10;