@gooddata/sdk-ui-dashboard 11.51.0-alpha.2 → 11.51.0-alpha.3

package/styles/css/timezoneIndicator.css

@@ -0,0 +1,20 @@
+.gd-timezone-indicator {
+  display: inline-block;
+}
+.gd-timezone-indicator .gd-timezone-indicator-content {
+  display: inline-flex;
+  align-items: center;
+  margin-top: 10px;
+  gap: 5px;
+  color: var(--gd-palette-complementary-6, #94a1ad);
+  font-size: 14px;
+  white-space: nowrap;
+}
+.gd-timezone-indicator .gd-timezone-indicator-content .gd-timezone-indicator-icon {
+  width: 18px;
+  height: 18px;
+  flex: 0 0 auto;
+  background: url("@gooddata/sdk-ui-dashboard/esm/assets/timezone.svg") no-repeat center/contain;
+}
+
+/*# sourceMappingURL=timezoneIndicator.css.map */

package/styles/css/timezoneIndicator.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../scss/timezoneIndicator.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/variables.scss"],"names":[],"mappings":"AAGA;EACI;;AAEA;EACI;EACA;EACA;EACA;EACA,OCkBe;EDjBf;EACA;;AAEA;EACI;EACA;EACA;EACA","file":"timezoneIndicator.css"}

package/styles/css/topBar.css

@@ -64,7 +64,8 @@
   margin-left: 15px;
 }
 .dash-header-inner .gd-locked-status,
-.dash-header-inner .gd-share-status {
+.dash-header-inner .gd-share-status,
+.dash-header-inner .gd-timezone-indicator {
   align-self: flex-end;
 }
 .dash-header-inner .gd-locked-status {
@@ -74,6 +75,13 @@
 .dash-header-inner .gd-share-status {
   padding-bottom: 4px;
 }
+.dash-header-inner .gd-timezone-indicator {
+  padding-bottom: 4px;
+  margin-left: auto;
+}
+.dash-header-inner .gd-timezone-indicator + .dash-control-buttons {
+  margin-left: 0;
+}
 
 .dash-title-wrapper {
   display: block;

package/styles/css/topBar.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../node_modules/@gooddata/sdk-ui-kit/styles/scss/mixins.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/Bubble/_variables.scss","../scss/topBar.scss","../scss/_variables.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/variables.scss","../scss/_zIndexes.scss"],"names":[],"mappings":"AA0HA;AA4DA;ACjLA;AAAA;AAAA;ACOA;EF4FI,YADwB;EExFxB;EACA;EACA;EACA;EACA;EACA,eC6DS;ED5DT;EACA,YCwEkC;;AHYlC;EACI;EACA;EACA;EACA;EACA;EACA;;AExFJ;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAEA;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAKZ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAEA;AAAA;EAEI;;AAGJ;EACI;EACA;;AAGJ;EACI;;;AAIR;EACI;EACA;EACA;;AAEA;EACI;EACA;EACA;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OCtBwB;;ADyBxB;EACI;EACA;;AAGJ;AAAA;EAEI;;AAEA;AAAA;EACI;;AAIR;EACI;EACA;;AAGJ;EAEI,cC5CgB;;AD+CpB;EACI,OE1Ge;;;AF+GnB;EADJ;IAEQ;;EAEA;IACI;;;;AAKZ;EACI;EACA;;AAEA;EAJJ;IAKQ;IACA;IACA;IACA;IACA;IACA;IACA;IACA,YCnE8B;IDoE9B;;;AAGJ;EAhBJ;IAiBQ;;;;AAKJ;EACI;EACA;;AAGJ;EACI;;;AAIR;EACI,SG7JW;;;AHiKX;EACI;EACA,OE5HgB","file":"topBar.css"}
+{"version":3,"sourceRoot":"","sources":["../../node_modules/@gooddata/sdk-ui-kit/styles/scss/mixins.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/Bubble/_variables.scss","../scss/topBar.scss","../scss/_variables.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/variables.scss","../scss/_zIndexes.scss"],"names":[],"mappings":"AA0HA;AA4DA;ACjLA;AAAA;AAAA;ACOA;EF4FI,YADwB;EExFxB;EACA;EACA;EACA;EACA;EACA,eC6DS;ED5DT;EACA,YCwEkC;;AHYlC;EACI;EACA;EACA;EACA;EACA;EACA;;AExFJ;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAEA;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAKZ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;EAGI;;AAGJ;EACI;EACA;;AAGJ;EACI;;AAGJ;EACI;EACA;;AAIJ;EACI;;;AAIR;EACI;EACA;EACA;;AAEA;EACI;EACA;EACA;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OCjCwB;;ADoCxB;EACI;EACA;;AAGJ;AAAA;EAEI;;AAEA;AAAA;EACI;;AAIR;EACI;EACA;;AAGJ;EAEI,cCvDgB;;AD0DpB;EACI,OErHe;;;AF0HnB;EADJ;IAEQ;;EAEA;IACI;;;;AAKZ;EACI;EACA;;AAEA;EAJJ;IAKQ;IACA;IACA;IACA;IACA;IACA;IACA;IACA,YC9E8B;ID+E9B;;;AAGJ;EAhBJ;IAiBQ;;;;AAKJ;EACI;EACA;;AAGJ;EACI;;;AAIR;EACI,SGxKW;;;AH4KX;EACI;EACA,OEvIgB","file":"topBar.css"}

package/styles/scss/main.scss

@@ -27,6 +27,7 @@
 @use "visualization";
 @use "warningPartialResult";
 @use "shareIndicators";
+@use "timezoneIndicator";
 @use "sidebar";
 @use "floatingToolbar";
 @use "icons";

package/styles/scss/timezoneIndicator.scss

@@ -0,0 +1,23 @@
+// (C) 2026 GoodData Corporation
+@use "@gooddata/sdk-ui-kit/styles/scss/variables" as kit-variables;
+
+.gd-timezone-indicator {
+    display: inline-block;
+
+    .gd-timezone-indicator-content {
+        display: inline-flex;
+        align-items: center;
+        margin-top: 10px;
+        gap: 5px;
+        color: kit-variables.$gd-color-state-blank;
+        font-size: 14px;
+        white-space: nowrap;
+
+        .gd-timezone-indicator-icon {
+            width: 18px;
+            height: 18px;
+            flex: 0 0 auto;
+            background: url("@gooddata/sdk-ui-dashboard/esm/assets/timezone.svg") no-repeat center / contain;
+        }
+    }
+}

package/styles/scss/topBar.scss

@@ -1,4 +1,4 @@
-// (C) 2024-2025 GoodData Corporation
+// (C) 2024-2026 GoodData Corporation
 
 @use "variables";
 @use "zIndexes";
@@ -68,7 +68,8 @@ $gd-dashboards-section-title-lineColor: var(
     margin-left: 15px;
 
     .gd-locked-status,
-    .gd-share-status {
+    .gd-share-status,
+    .gd-timezone-indicator {
         align-self: flex-end;
     }
 
@@ -80,6 +81,16 @@ $gd-dashboards-section-title-lineColor: var(
     .gd-share-status {
         padding-bottom: 4px;
     }
+
+    .gd-timezone-indicator {
+        padding-bottom: 4px;
+        margin-left: auto;
+    }
+
+    // When the indicator is mounted, it owns the flex spacer; keep buttons adjacent.
+    .gd-timezone-indicator + .dash-control-buttons {
+        margin-left: 0;
+    }
 }
 
 .dash-title-wrapper {