chore: Bump UI5 and Glob packages (kyma-project#4519)

* chore: Bump UI5 to 2.18

* chore: Bump Glob

Author: OliwiaGowor

package-lock.json

@@ -50,24 +50,24 @@
     "@types/pluralize": "^0.0.29",
     "@types/react-syntax-highlighter": "^15.5.13",
     "@ui-schema/ui-schema": "^0.4.7",
-    "@ui5/webcomponents": "^2.15.1",
-    "@ui5/webcomponents-base": "^2.15.1",
-    "@ui5/webcomponents-compat": "^2.15.1",
-    "@ui5/webcomponents-fiori": "^2.15.1",
-    "@ui5/webcomponents-icons": "^2.15.1",
-    "@ui5/webcomponents-icons-tnt": "^2.15.1",
-    "@ui5/webcomponents-react": "^2.15.3",
-    "@ui5/webcomponents-react-base": "^2.15.3",
-    "@ui5/webcomponents-react-charts": "^2.15.3",
-    "@ui5/webcomponents-react-compat": "^2.15.3",
+    "@ui5/webcomponents": "^2.18.1",
+    "@ui5/webcomponents-base": "^2.18.1",
+    "@ui5/webcomponents-compat": "^2.18.1",
+    "@ui5/webcomponents-fiori": "^2.18.1",
+    "@ui5/webcomponents-icons": "^2.18.1",
+    "@ui5/webcomponents-icons-tnt": "^2.18.1",
+    "@ui5/webcomponents-react": "^2.18.0",
+    "@ui5/webcomponents-react-base": "^2.18.0",
+    "@ui5/webcomponents-react-charts": "^2.18.0",
+    "@ui5/webcomponents-react-compat": "^2.18.0",
     "@viz-js/viz": "^3.11.0",
     "classnames": "^2.5.1",
     "copy-to-clipboard": "^3.2.0",
     "core-js": "^3.41.0",
     "cronstrue": "^2.56.0",
     "didyoumean": "^1.2.2",
     "file-saver": "^2.0.2",
-    "glob": "^11.0.3",
+    "glob": "^13.0.0",
     "http-status-codes": "^2.3.0",
     "i18next": "^25.6.0",
     "i18next-http-backend": "^3.0.2",

package.json

@@ -1,5 +1,5 @@
 .command-palette-search-bar {
-  width: var(--_ui5-v2-15-1_input_width) !important;
+  width: var(--_ui5-v2-18-0_input_width) !important;
 }
 
 .ui5-shellbar-mid-content {

src/command-pallette/CommandPalletteUI/CommandPaletteSearchBar.scss

@@ -1,6 +1,6 @@
 .command-palette-ui {
   position: absolute;
-  top: calc(var(--_ui5-v2-15-1_shellbar_root_height) + 0.5rem);
+  top: calc(var(--_ui5-v2-18-0_shellbar_root_height) + 0.5rem);
   width: 100%;
   height: 100%;
 
@@ -15,7 +15,7 @@
     width: 60vw;
     max-width: 700px;
     position: absolute;
-    top: calc(var(--_ui5-v2-15-1_shellbar_root_height) * -1);
+    top: calc(var(--_ui5-v2-18-0_shellbar_root_height) * -1);
     opacity: 0%; //prevent visually jumping
     @media (min-width: 1040px) {
       opacity: 100%;

src/command-pallette/CommandPalletteUI/CommandPaletteUI.scss

@@ -1,5 +1,5 @@
 :root {
-  --solidBg: var(--_ui5-v2-15-1_fcl_solid_bg);
+  --solidBg: var(--_ui5-v2-18-0_fcl_solid_bg);
 }
 
 #content-wrap {

src/components/App/ContentWrapper/ContentWrapper.scss

@@ -41,8 +41,8 @@
 }
 
 ui5-wizard::part(step-content) {
-  --_ui5-v2-15-1_wiz_content_item_wrapper_padding: 0;
-  --_ui5-v2-15-1_wiz_content_item_wrapper_bg: transparent;
+  --_ui5-v2-18-0_wiz_content_item_wrapper_padding: 0;
+  --_ui5-v2-18-0_wiz_content_item_wrapper_bg: transparent;
 }
 
 ui5-wizard {

src/components/Clusters/components/AddClusterWizard.scss

@@ -6,8 +6,8 @@
 
     .query-input-container {
       position: relative;
-      --_ui5-v2-15-1_textarea_padding_top: 8px !important;
-      --_ui5-v2-15-1_textarea_padding_bottom: 8px !important;
+      --_ui5-v2-18-0_textarea_padding_top: 8px !important;
+      --_ui5-v2-18-0_textarea_padding_bottom: 8px !important;
 
       #query-input:focus::part(textarea) {
         box-shadow: 0px 1px 4px var(--sapLinkColor);

src/components/KymaCompanion/components/Chat/Input/QueryInput.scss

@@ -91,7 +91,7 @@ const ValidationWarnings = ({
               state="Critical"
               className="sap-margin-end-small"
               style={{
-                marginLeft: '-0.3125rem', //set icon in one line with expand arrow. The value from class `--_ui5-v2-15-1_panel_content_padding` is divided by 2
+                marginLeft: '-0.3125rem', //set icon in one line with expand arrow. The value from class `--_ui5-v2-18-0_panel_content_padding` is divided by 2
               }}
             />
             <ValidationWarning

src/resources/Namespaces/YamlUpload/ResourceValidationResult.tsx

@@ -1,10 +1,10 @@
 :root {
-  --sidebar-padding: var(--_ui5-v2-15-1_side_navigation_padding);
-  --sidebar-width: var(--_ui5-v2-15-1_side_navigation_width);
+  --sidebar-padding: var(--_ui5-v2-18-0_side_navigation_padding);
+  --sidebar-width: var(--_ui5-v2-18-0_side_navigation_width);
 }
 
 .ui5-content-density-compact {
-  --_ui5-v2-15-1_side_navigation_padding: 0.2rem 0.7rem 0.75rem 0.75rem !important;
+  --_ui5-v2-18-0_side_navigation_padding: 0.2rem 0.7rem 0.75rem 0.75rem !important;
 }
 
 .sidebar__content {

src/sidebar/Sidebar.scss

@@ -86,7 +86,7 @@ export function SidebarNavigation() {
       onSelectionChange={(e) => e.preventDefault()}
       style={{
         width: isSidebarCondensed
-          ? 'var(--_ui5-v2-15-1_side_navigation_collapsed_width)'
+          ? 'var(--_ui5-v2-18-0_side_navigation_collapsed_width)'
           : '',
       }}
       ref={sidebarRef}