Improve cognitive visibility of tabs (#1369)

* Improve cognitive visibility of tabs

* Automatic frontend build

---------

Co-authored-by: vin0401 <[email protected]>

Author: vin0401

assets/js/src/core/components/tabs/tabs.styles.tsx

@@ -21,7 +21,7 @@ export const useStyles = createStyles(({ token, css }) => {
         padding-right: ${token.paddingXXS}px;
 
         + .ant-tabs-tab {
-          margin-left: ${token.marginXXS}px;
+          margin-left: ${token.marginSM}px;
         }
       }
 
@@ -75,6 +75,10 @@ export const useStyles = createStyles(({ token, css }) => {
           font-size: 8px;
         }
       }
+
+      .ant-tabs-tab-active .ant-tabs-tab-btn {
+        font-weight: 600;
+      }
       
       &.ant-tabs-line .ant-tabs-nav .ant-tabs-tab-active .ant-tabs-tab-remove {
         opacity: 1;

public/build/6bbccdb8-ffd8-433b-8536-729907c919ee/entrypoints.json

@@ -0,0 +1,9 @@
+{
+  "entrypoints": {
+    "vendor": {
+      "js": [
+        "/bundles/pimcorestudioui/build/6bbccdb8-ffd8-433b-8536-729907c919ee/vendor.js"
+      ]
+    }
+  }
+}

public/build/6bbccdb8-ffd8-433b-8536-729907c919ee/manifest.json

@@ -0,0 +1,3 @@
+{
+  "bundles/pimcorestudioui/build/6bbccdb8-ffd8-433b-8536-729907c919ee/vendor.js": "/bundles/pimcorestudioui/build/6bbccdb8-ffd8-433b-8536-729907c919ee/vendor.js"
+}

public/build/6bbccdb8-ffd8-433b-8536-729907c919ee/vendor.js

@@ -0,0 +1,16 @@
+/*!
+ * 
+ *       /**
+ *        * Pimcore
+ *        *
+ *        * This source file is available under two different licenses:
+ *        * - Pimcore Open Core License (POCL)
+ *        * - Pimcore Commercial License (PCL)
+ *        * Full copyright and license information is available in
+ *        * LICENSE.md which is distributed with this source code.
+ *        *
+ *        *  @copyright  Copyright (c) Pimcore GmbH (http://www.pimcore.org)
+ *        *  @license    https://github.com/pimcore/studio-ui-bundle/blob/1.x/LICENSE.md POCL and PCL
+ *        * /
+ *
+ */

public/build/6bbccdb8-ffd8-433b-8536-729907c919ee/vendor.js.LICENSE.txt

@@ -0,0 +1,138 @@
+/* @preserve
+ * Leaflet 1.9.4, a JS library for interactive maps. https://leafletjs.com
+ * (c) 2010-2023 Vladimir Agafonkin, (c) 2010-2011 CloudMade
+ */
+
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+
+/*!
+ * 
+ *       /**
+ *        * Pimcore
+ *        *
+ *        * This source file is available under two different licenses:
+ *        * - Pimcore Open Core License (POCL)
+ *        * - Pimcore Commercial License (PCL)
+ *        * Full copyright and license information is available in
+ *        * LICENSE.md which is distributed with this source code.
+ *        *
+ *        *  @copyright  Copyright (c) Pimcore GmbH (http://www.pimcore.org)
+ *        *  @license    https://github.com/pimcore/studio-ui-bundle/blob/1.x/LICENSE.md POCL and PCL
+ *        * /
+ *
+ */
+
+/*! @license DOMPurify 3.2.1 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.2.1/LICENSE */
+
+/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */
+
+/**
+   * react-table
+   *
+   * Copyright (c) TanStack
+   *
+   * This source code is licensed under the MIT license found in the
+   * LICENSE.md file in the root directory of this source tree.
+   *
+   * @license MIT
+   */
+
+/**
+   * table-core
+   *
+   * Copyright (c) TanStack
+   *
+   * This source code is licensed under the MIT license found in the
+   * LICENSE.md file in the root directory of this source tree.
+   *
+   * @license MIT
+   */
+
+/**
+ * @license
+ * Lodash <https://lodash.com/>
+ * Copyright OpenJS Foundation and other contributors <https://openjsf.org/>
+ * Released under MIT license <https://lodash.com/license>
+ * Based on Underscore.js 1.8.3 <http://underscorejs.org/LICENSE>
+ * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
+ */
+
+/**
+ * @license React
+ * react-is.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * @license React
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * @license React
+ * use-sync-external-store-with-selector.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * @remix-run/router v1.21.0
+ *
+ * Copyright (c) Remix Software Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE.md file in the root directory of this source tree.
+ *
+ * @license MIT
+ */
+
+/**
+ * React Router DOM v6.28.0
+ *
+ * Copyright (c) Remix Software Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE.md file in the root directory of this source tree.
+ *
+ * @license MIT
+ */
+
+/**
+ * React Router v6.28.0
+ *
+ * Copyright (c) Remix Software Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE.md file in the root directory of this source tree.
+ *
+ * @license MIT
+ */
+
+/**
+* Pimcore
+*
+* This source file is available under two different licenses:
+* - Pimcore Open Core License (POCL)
+* - Pimcore Commercial License (PCL)
+* Full copyright and license information is available in
+* LICENSE.md which is distributed with this source code.
+*
+*  @copyright  Copyright (c) Pimcore GmbH (http://www.pimcore.org)
+*  @license    https://github.com/pimcore/studio-ui-bundle/blob/1.x/LICENSE.md POCL and PCL
+*/

public/build/a593e052-f7b6-42fc-bb3c-51c9e5e41b39/105.js

@@ -0,0 +1,12 @@
+{
+  "entrypoints": {
+    "core-dll": {
+      "css": [
+        "/bundles/pimcorestudioui/build/a593e052-f7b6-42fc-bb3c-51c9e5e41b39/core-dll.css"
+      ],
+      "js": [
+        "/bundles/pimcorestudioui/build/a593e052-f7b6-42fc-bb3c-51c9e5e41b39/core-dll.js"
+      ]
+    }
+  }
+}

public/build/a593e052-f7b6-42fc-bb3c-51c9e5e41b39/105.js.LICENSE.txt

@@ -0,0 +1,14 @@
+{
+  "bundles/pimcorestudioui/a593e052-f7b6-42fc-bb3c-51c9e5e41b39/core-dll.css": "/bundles/pimcorestudioui/build/a593e052-f7b6-42fc-bb3c-51c9e5e41b39/core-dll.css",
+  "bundles/pimcorestudioui/a593e052-f7b6-42fc-bb3c-51c9e5e41b39/core-dll.js": "/bundles/pimcorestudioui/build/a593e052-f7b6-42fc-bb3c-51c9e5e41b39/core-dll.js",
+  "bundles/pimcorestudioui/a593e052-f7b6-42fc-bb3c-51c9e5e41b39/105.js": "/bundles/pimcorestudioui/build/a593e052-f7b6-42fc-bb3c-51c9e5e41b39/105.js",
+  "bundles/pimcorestudioui/a593e052-f7b6-42fc-bb3c-51c9e5e41b39/fonts/Lato-Light.ttf": "/bundles/pimcorestudioui/build/a593e052-f7b6-42fc-bb3c-51c9e5e41b39/fonts/Lato-Light.c7400fca.ttf",
+  "bundles/pimcorestudioui/a593e052-f7b6-42fc-bb3c-51c9e5e41b39/fonts/Lato-Regular.ttf": "/bundles/pimcorestudioui/build/a593e052-f7b6-42fc-bb3c-51c9e5e41b39/fonts/Lato-Regular.9d883d54.ttf",
+  "bundles/pimcorestudioui/a593e052-f7b6-42fc-bb3c-51c9e5e41b39/fonts/Lato-Bold.ttf": "/bundles/pimcorestudioui/build/a593e052-f7b6-42fc-bb3c-51c9e5e41b39/fonts/Lato-Bold.636be8de.ttf",
+  "bundles/pimcorestudioui/a593e052-f7b6-42fc-bb3c-51c9e5e41b39/images/spritesheet.svg": "/bundles/pimcorestudioui/build/a593e052-f7b6-42fc-bb3c-51c9e5e41b39/images/spritesheet.a4e0eb7a.svg",
+  "bundles/pimcorestudioui/a593e052-f7b6-42fc-bb3c-51c9e5e41b39/images/spritesheet-2x.png": "/bundles/pimcorestudioui/build/a593e052-f7b6-42fc-bb3c-51c9e5e41b39/images/spritesheet-2x.7ea3a6d4.png",
+  "bundles/pimcorestudioui/a593e052-f7b6-42fc-bb3c-51c9e5e41b39/images/spritesheet.png": "/bundles/pimcorestudioui/build/a593e052-f7b6-42fc-bb3c-51c9e5e41b39/images/spritesheet.ef32ea2b.png",
+  "bundles/pimcorestudioui/a593e052-f7b6-42fc-bb3c-51c9e5e41b39/images/marker-icon.png": "/bundles/pimcorestudioui/build/a593e052-f7b6-42fc-bb3c-51c9e5e41b39/images/marker-icon.2b3e1faf.png",
+  "bundles/pimcorestudioui/a593e052-f7b6-42fc-bb3c-51c9e5e41b39/images/layers-2x.png": "/bundles/pimcorestudioui/build/a593e052-f7b6-42fc-bb3c-51c9e5e41b39/images/layers-2x.8f2c4d11.png",
+  "bundles/pimcorestudioui/a593e052-f7b6-42fc-bb3c-51c9e5e41b39/images/layers.png": "/bundles/pimcorestudioui/build/a593e052-f7b6-42fc-bb3c-51c9e5e41b39/images/layers.416d9136.png"
+}

public/build/a593e052-f7b6-42fc-bb3c-51c9e5e41b39/core-dll.css

@@ -0,0 +1,9 @@
+{
+  "entrypoints": {
+    "main": {
+      "js": [
+        "/bundles/pimcorestudioui/build/d2b4de38-7943-422b-b78c-a419bad3af3a/main.js"
+      ]
+    }
+  }
+}