Experiments/salt tabs (#1534)

* WIP

* switch to stylelint for css, update characteristics

* update styles/variables to match latest salt

* add tabs next from salt

* toggle-button styling

* fix lint issues

* recreate package lock

* bump vite versions

* bump rollup versions

* add entry to allowlist

* fix cypress config issue

vuu-ui/.stylelintrc.json

@@ -0,0 +1,3 @@
+{
+  "rules": {}
+}

vuu-ui/.vscode/settings.json

@@ -1,27 +1,28 @@
 {
-    "workbench.colorCustomizations": {
-        "activityBar.activeBackground": "#a2b875",
-        "activityBar.activeBorder": "#4c7c93",
-        "activityBar.background": "#a2b875",
-        "activityBar.foreground": "#15202b",
-        "activityBar.inactiveForeground": "#15202b99",
-        "activityBarBadge.background": "#4c7c93",
-        "activityBarBadge.foreground": "#e7e7e7",
-        "sash.hoverBorder": "#a2b875",
-        "statusBar.background": "#8ba555",
-        "statusBar.foreground": "#15202b",
-        "statusBarItem.hoverBackground": "#6f8344",
-        "statusBarItem.remoteBackground": "#8ba555",
-        "statusBarItem.remoteForeground": "#15202b",
-        "titleBar.activeBackground": "#8ba555",
-        "titleBar.activeForeground": "#15202b",
-        "titleBar.inactiveBackground": "#8ba55599",
-        "titleBar.inactiveForeground": "#15202b99",
-        "commandCenter.border": "#15202b99"
-    },
-    "peacock.color": "#8ba555",
-    "typescript.tsdk": "node_modules/typescript/lib",
-    "css.customData": [
-        "./.vscode/custom-css.json"
-]
-}
+  "workbench.colorCustomizations": {
+    "activityBar.activeBackground": "#a2b875",
+    "activityBar.activeBorder": "#4c7c93",
+    "activityBar.background": "#a2b875",
+    "activityBar.foreground": "#15202b",
+    "activityBar.inactiveForeground": "#15202b99",
+    "activityBarBadge.background": "#4c7c93",
+    "activityBarBadge.foreground": "#e7e7e7",
+    "sash.hoverBorder": "#a2b875",
+    "statusBar.background": "#8ba555",
+    "statusBar.foreground": "#15202b",
+    "statusBarItem.hoverBackground": "#6f8344",
+    "statusBarItem.remoteBackground": "#8ba555",
+    "statusBarItem.remoteForeground": "#15202b",
+    "titleBar.activeBackground": "#8ba555",
+    "titleBar.activeForeground": "#15202b",
+    "titleBar.inactiveBackground": "#8ba55599",
+    "titleBar.inactiveForeground": "#15202b99",
+    "commandCenter.border": "#15202b99"
+  },
+  "peacock.color": "#8ba555",
+  "typescript.tsdk": "node_modules/typescript/lib",
+  "css.customData": ["./.vscode/custom-css.json"],
+  "[css]": {
+    "editor.defaultFormatter": "stylelint.vscode-stylelint"
+  }
+}

vuu-ui/allow-list.json

@@ -11,6 +11,10 @@
     {
       "id": "CVE-2024-47068",
       "reason": "Lib used only in dev tooling (Rollup) no possibility of attack"
+    },
+    {
+      "id": "CVE-2024-21538",
+      "reason": "Lib used only in dev tooling (Rollup) no possibility of attack"
     }
   ]
 }

vuu-ui/cypress.config.ts

@@ -3,7 +3,7 @@ import react from "@vitejs/plugin-react";
 import tsconfigPaths from "vite-tsconfig-paths";
 import { UserConfig } from "vite";
 import { version as reactVersion } from "react";
-import { cssInline } from "./tools/vite-plugin-inline-css/src";
+import { cssInline } from "vite-plugin-inline-css";
 
 const viteConfig: UserConfig = {
   plugins: [react(), tsconfigPaths(), /*, IstanbulPlugin()*/ cssInline()],
@@ -18,7 +18,6 @@ const viteConfig: UserConfig = {
   define: {
     "process.env.NODE_DEBUG": false,
     "process.env.LOCAL": true,
-    "process.env.LAYOUT_BASE_URL": `"http://127.0.0.1:8081/api"`,
   },
   resolve: {
     alias: {