@vuu-ui/vuu-theme 3.3.17 → 4.0.0-alpha.10

package/css/components/app-header.css

@@ -26,7 +26,7 @@
 .salt-theme.vuu-theme {
   .vuuAppHeader {
     border-radius: 8px;
-    margin-bottom: 8px;
+    margin: 8px 8px 8px 0;
   }
 
 }

package/css/components/shell.css

@@ -12,9 +12,10 @@
     border-radius: 0 0 6px 6px;
     padding: 31px 0 0 0;
 
-    & > .vuuTabs-tabPanel {
-      border: solid 1px var(--salt-separable-primary-borderColor);
-      border-top: none !important;
+    .vuuWorkspaceHost-content {
+      border-style: none solid solid solid;
+      border-width: 1px;
+      border-color: var(--salt-separable-primary-borderColor);
       border-radius: 0 0 6px 6px;
       padding: 0 8px 8px 8px;
     }

package/css/next/foundations/color.css

@@ -1,7 +1,6 @@
 .salt-theme.vuu-theme {
-  
   --vuu-color-coral: rgb(243, 120, 128);
-  --vuu-color-coral-lightest: rgba(243, 120, 128, .2);
+  --vuu-color-coral-lightest: rgba(243, 120, 128, 0.2);
   --vuu-color-gray-10: rgb(241, 242, 244);
   --vuu-color-gray-15: rgb(228, 227, 231);
   --vuu-color-gray-20: rgb(214, 215, 218);
@@ -9,12 +8,11 @@
   --vuu-color-gray-30: rgb(119, 124, 148);
   --vuu-color-gray-40: rgb(96, 100, 119);
   --vuu-color-gray-50: rgb(21, 23, 27);
-  --vuu-color-red-error: rgb(226,52,52);
+  --vuu-color-red-error: rgb(226, 52, 52);
   --vuu-color-purple: rgb(109, 24, 189);
   --vuu-color-deep-purple: rgb(42, 1, 95);
-  --vuu-color-white: rgb(255,255,255);
+  --vuu-color-white: rgb(255, 255, 255);
 
-  
   --salt-color-gray-100-rgb: 230, 233, 235;
   --salt-color-gray-200-rgb: 211, 213, 216;
   --salt-color-gray-300-rgb: 177, 181, 185;

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "3.3.17",
+  "version": "4.0.0-alpha.10",
   "license": "Apache-2.0",
   "type": "module",
   "scripts": {
@@ -7,6 +7,7 @@
   },
   "files": [
     "index.css",
+    "reset.css",
     "NunitoSans.css",
     "css",
     "fonts",
@@ -19,6 +20,9 @@
     },
     "./style": {
       "import": "./index.css"
+    },
+    "./index.css": {
+      "import": "./index.css"
     }
   },
   "main": "./src/index.js",

package/reset.css

@@ -0,0 +1,12 @@
+/* Setting every element's box-sizing to border-box ensures the declared width
+of the element is never exceeded due to padding or border. */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  margin: 0;
+}
+