@gooddata/sdk-ui-dashboard 11.2.0-alpha.2 → 11.2.0-alpha.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gooddata/sdk-ui-dashboard",
-  "version": "11.2.0-alpha.2",
+  "version": "11.2.0-alpha.4",
   "description": "GoodData SDK - Dashboard Component",
   "repository": {
     "type": "git",
@@ -60,18 +60,18 @@
     "ts-invariant": "^0.7.5",
     "tslib": "2.8.1",
     "uuid": "^11.1.0",
-    "@gooddata/sdk-backend-base": "11.2.0-alpha.2",
-    "@gooddata/sdk-model": "11.2.0-alpha.2",
-    "@gooddata/sdk-ui-ext": "11.2.0-alpha.2",
-    "@gooddata/sdk-backend-spi": "11.2.0-alpha.2",
-    "@gooddata/sdk-ui": "11.2.0-alpha.2",
-    "@gooddata/sdk-ui-filters": "11.2.0-alpha.2",
-    "@gooddata/sdk-ui-geo": "11.2.0-alpha.2",
-    "@gooddata/sdk-ui-kit": "11.2.0-alpha.2",
-    "@gooddata/sdk-ui-pivot": "11.2.0-alpha.2",
-    "@gooddata/sdk-ui-theme-provider": "11.2.0-alpha.2",
-    "@gooddata/sdk-ui-vis-commons": "11.2.0-alpha.2",
-    "@gooddata/util": "11.2.0-alpha.2"
+    "@gooddata/sdk-backend-base": "11.2.0-alpha.4",
+    "@gooddata/sdk-model": "11.2.0-alpha.4",
+    "@gooddata/sdk-backend-spi": "11.2.0-alpha.4",
+    "@gooddata/sdk-ui": "11.2.0-alpha.4",
+    "@gooddata/sdk-ui-ext": "11.2.0-alpha.4",
+    "@gooddata/sdk-ui-filters": "11.2.0-alpha.4",
+    "@gooddata/sdk-ui-geo": "11.2.0-alpha.4",
+    "@gooddata/sdk-ui-kit": "11.2.0-alpha.4",
+    "@gooddata/sdk-ui-theme-provider": "11.2.0-alpha.4",
+    "@gooddata/sdk-ui-pivot": "11.2.0-alpha.4",
+    "@gooddata/util": "11.2.0-alpha.4",
+    "@gooddata/sdk-ui-vis-commons": "11.2.0-alpha.4"
   },
   "devDependencies": {
     "@gooddata/eslint-config": "^4.1.1",
@@ -119,9 +119,9 @@
     "typescript": "5.8.3",
     "vitest": "3.2.4",
     "vitest-dom": "0.1.1",
-    "@gooddata/i18n-toolkit": "11.2.0-alpha.2",
-    "@gooddata/reference-workspace": "11.2.0-alpha.2",
-    "@gooddata/sdk-backend-mockingbird": "11.2.0-alpha.2"
+    "@gooddata/i18n-toolkit": "11.2.0-alpha.4",
+    "@gooddata/reference-workspace": "11.2.0-alpha.4",
+    "@gooddata/sdk-backend-mockingbird": "11.2.0-alpha.4"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",

package/styles/css/alerting.css

@@ -450,4 +450,12 @@
   margin: 4px 0;
 }
 
+.gd-threshold-field-error {
+  font-size: 12px;
+  margin-top: 5px;
+  display: flex;
+  flex-direction: column;
+  color: var(--gd-palette-error-base, #e54d42);
+}
+
 /*# sourceMappingURL=alerting.css.map */

package/styles/css/alerting.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../node_modules/@gooddata/sdk-ui-kit/styles/scss/mixins.scss","../../node_modules/react-loading-skeleton/dist/skeleton.css","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/Bubble/_variables.scss","../scss/alerting.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/variables.scss","../scss/_variables.scss"],"names":[],"mappings":"AA0HA;AA4DA;ACtLA;EACE;IACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EAEA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EASA;EAEA;EACA;EACA;EACA;EACA;;;AAGF;EACE;IACE;;;ACjDJ;AAAA;AAAA;ACMA;EACI;;;AAGJ;EACI;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;AAAA;AAAA;AAAA;EAIA;AAAA;AAAA;AAAA;;;AAOR;EACI;;AAEA;EACI;EACA;EACA;EACA;;AAEA;EACI;;;AAKZ;EACI;EACA;EACA;EACA;EACA,OC5CmB;;;ADkDvB;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEI,kBCagB;;ADVpB;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI,kBCJgB;EDKhB;EACA;EACA;EACA;EACA;;AAEA;EACI,kBChEc;;ADmElB;EACI;EACA;;AAIR;EACI;EACA,OCzGQ;;AD4GZ;EACI;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI,OC9He;;ADiInB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EAEI,kBC5Be;;;ADgCvB;EACI;;AAGI;EH+DJ;EACA;EACA;;AG7DI;EH2DJ;EACA;EACA;;;AGpDJ;EACI;EACA;EACA,OChKY;EDiKZ;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;AAEA;EACI;;;AAIR;AAAA;EAEI;;;AAGJ;EACI;EACA;EACA;EACA,OC9LY;;ADgMZ;EACI;;;AAIR;AACI;AAOA;;AANA;AAAA;EAEI;EACA;;AAIJ;EACI;EACA;;;AAIR;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;;AAIR;EACI,OCzOmB;;;AD4OvB;EACI;EACA;;AAEA;EACI;EACA;;;AAOR;EACI;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI,OC9PY;ED+PZ;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;;;AAOA;EACI;EACA;EACA;;;AAIR;AAAA;EAEI;;;AAGJ;EACI;;;AAGJ;AAAA;EAEI;;;AAGJ;AAAA;EAEI;;AAEA;AAAA;EACI;;;AAIR;EACI;;;AAGJ;EACI;;;AAGJ;EAEI;;AAEA;EAEI;;AAGJ;EACI,OC/TkB;EDgUlB;;;AAIR;EACI;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;;AAEA;EACI;;;AAIR;EACI;EACA;;;AAIA;EAEI;EAEA;;AAGJ;EACI;;;AAKJ;EACI;;;AAKJ;AAAA;EAEI;;;AAKJ;EACI,YE7TgC;;;AFiUxC;EACI;;;AAKJ;AAAA;EAEI;EACA;EAEA;;;AAMJ;EACI;;;AAMJ;EACI;EACA;EACA;;AAEA;EAEI,kBCzTe;;AD4TnB;EACI;EACA;EACA;EACA;EACA;;;AAKJ;EACI,OCtcY;EDucZ,kBCtZkB;;;AD2Z1B;AAAA;AAAA;AAAA;AAAA;EAKI;;;AAGJ;EACI;EACA,YC1bc;ED2bd","file":"alerting.css"}
+{"version":3,"sourceRoot":"","sources":["../../node_modules/@gooddata/sdk-ui-kit/styles/scss/mixins.scss","../../node_modules/react-loading-skeleton/dist/skeleton.css","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/Bubble/_variables.scss","../scss/alerting.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/variables.scss","../scss/_variables.scss"],"names":[],"mappings":"AA0HA;AA4DA;ACtLA;EACE;IACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EAEA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EASA;EAEA;EACA;EACA;EACA;EACA;;;AAGF;EACE;IACE;;;ACjDJ;AAAA;AAAA;ACMA;EACI;;;AAGJ;EACI;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;AAAA;AAAA;AAAA;EAIA;AAAA;AAAA;AAAA;;;AAOR;EACI;;AAEA;EACI;EACA;EACA;EACA;;AAEA;EACI;;;AAKZ;EACI;EACA;EACA;EACA;EACA,OC5CmB;;;ADkDvB;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEI,kBCagB;;ADVpB;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI,kBCJgB;EDKhB;EACA;EACA;EACA;EACA;;AAEA;EACI,kBChEc;;ADmElB;EACI;EACA;;AAIR;EACI;EACA,OCzGQ;;AD4GZ;EACI;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI,OC9He;;ADiInB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EAEI,kBC5Be;;;ADgCvB;EACI;;AAGI;EH+DJ;EACA;EACA;;AG7DI;EH2DJ;EACA;EACA;;;AGpDJ;EACI;EACA;EACA,OChKY;EDiKZ;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;AAEA;EACI;;;AAIR;AAAA;EAEI;;;AAGJ;EACI;EACA;EACA;EACA,OC9LY;;ADgMZ;EACI;;;AAIR;AACI;AAOA;;AANA;AAAA;EAEI;EACA;;AAIJ;EACI;EACA;;;AAIR;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;;AAIR;EACI,OCzOmB;;;AD4OvB;EACI;EACA;;AAEA;EACI;EACA;;;AAOR;EACI;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI,OC9PY;ED+PZ;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;;;AAOA;EACI;EACA;EACA;;;AAIR;AAAA;EAEI;;;AAGJ;EACI;;;AAGJ;AAAA;EAEI;;;AAGJ;AAAA;EAEI;;AAEA;AAAA;EACI;;;AAIR;EACI;;;AAGJ;EACI;;;AAGJ;EAEI;;AAEA;EAEI;;AAGJ;EACI,OC/TkB;EDgUlB;;;AAIR;EACI;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;;AAEA;EACI;;;AAIR;EACI;EACA;;;AAIA;EAEI;EAEA;;AAGJ;EACI;;;AAKJ;EACI;;;AAKJ;AAAA;EAEI;;;AAKJ;EACI,YE7TgC;;;AFiUxC;EACI;;;AAKJ;AAAA;EAEI;EACA;EAEA;;;AAMJ;EACI;;;AAMJ;EACI;EACA;EACA;;AAEA;EAEI,kBCzTe;;AD4TnB;EACI;EACA;EACA;EACA;EACA;;;AAKJ;EACI,OCtcY;EDucZ,kBCtZkB;;;AD2Z1B;AAAA;AAAA;AAAA;AAAA;EAKI;;;AAGJ;EACI;EACA,YC1bc;ED2bd;;;AAGJ;EACI;EACA;EACA;EACA;EACA,OChboB","file":"alerting.css"}

package/styles/css/kdaDialog.css

@@ -0,0 +1,434 @@
+.gd-kda-dialog {
+  width: 948px;
+  height: 704px;
+  max-width: none !important;
+}
+.gd-kda-dialog .gd-kda-dialog-sections {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+}
+.gd-kda-dialog .gd-kda-dialog-sections-header {
+  flex: 0 0 auto;
+}
+.gd-kda-dialog .gd-kda-dialog-sections-content {
+  flex: 1 1 auto;
+  overflow: hidden;
+}
+.gd-kda-dialog .gd-kda-dialog-sections-footer {
+  flex: 0 0 auto;
+}
+.gd-kda-dialog .gd-kda-dialog-sections-divider {
+  height: 0;
+  border-bottom: 1px solid var(--gd-palette-complementary-2);
+  margin: 20px -20px;
+}
+.gd-kda-dialog .gd-kda-dialog-header {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+}
+.gd-kda-dialog .gd-kda-dialog-header-title {
+  display: flex;
+  padding: 3px 0;
+  justify-content: flex-start;
+  align-items: center;
+  gap: 10px;
+}
+.gd-kda-dialog .gd-kda-dialog-header-title-text {
+  color: var(--gd-palette-complementary-8);
+  font-size: 20px;
+  font-style: normal;
+  font-weight: 700;
+  line-height: 26px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  margin-right: 30px;
+}
+.gd-kda-dialog .gd-kda-dialog-header-bars {
+  display: flex;
+  align-items: flex-start;
+  gap: 10px;
+  align-self: stretch;
+}
+.gd-kda-dialog .gd-kda-dialog-bar {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: flex-start;
+  gap: 2px;
+}
+.gd-kda-dialog .gd-kda-dialog-bar-title {
+  color: var(--gd-palette-complementary-6);
+  font-size: 11px;
+  font-style: normal;
+  font-weight: 700;
+  line-height: 21px;
+  text-transform: uppercase;
+}
+.gd-kda-dialog .gd-kda-dialog-bar-content {
+  display: flex;
+  gap: 5px;
+}
+.gd-kda-dialog .gd-kda-dialog-bar__metric {
+  max-width: 300px;
+}
+.gd-kda-dialog .gd-kda-dialog-bar__date {
+  max-width: 300px;
+}
+.gd-kda-dialog .gd-kda-dialog-bar__attribute {
+  max-width: 300px;
+}
+.gd-kda-dialog .gd-kda-dialog-footer {
+  display: flex;
+  flex-direction: row;
+}
+.gd-kda-dialog .gd-kda-dialog-footer-content {
+  flex: 1 1 auto;
+  display: flex;
+}
+.gd-kda-dialog .gd-kda-dialog-footer-buttons {
+  flex: 0 0 auto;
+  display: flex;
+}
+.gd-kda-dialog .gd-kda-dialog-content {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: row;
+  gap: 20px;
+}
+.gd-kda-dialog .gd-kda-dialog-content-left-panel {
+  flex: 0 0 250px;
+  max-width: 250px;
+}
+.gd-kda-dialog .gd-kda-dialog-content-divider {
+  width: 0;
+  border-right: 1px solid var(--gd-palette-complementary-2);
+}
+.gd-kda-dialog .gd-kda-dialog-content-right-panel {
+  flex: 1 1 auto;
+  overflow: hidden;
+}
+.gd-kda-dialog .gd-kda-key-drivers-panel {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+}
+.gd-kda-dialog .gd-kda-key-drivers-panel-summary {
+  flex: 0 0 auto;
+  width: 100%;
+}
+.gd-kda-dialog .gd-kda-key-drivers-panel-summary .gd-kda-item-summary.gd-kda-item-summary-focused:focus-visible {
+  outline-offset: -2px;
+  outline: 2px solid -webkit-focus-ring-color;
+}
+.gd-kda-dialog .gd-kda-key-drivers-panel-title {
+  flex: 0 0 auto;
+  margin-top: 20px;
+  display: flex;
+  align-items: center;
+  gap: 5px;
+  color: var(--gd-palette-complementary-7);
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 21px;
+}
+.gd-kda-dialog .gd-kda-key-drivers-panel-trend {
+  flex: 0 0 auto;
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  margin-top: 5px;
+}
+.gd-kda-dialog .gd-kda-key-drivers-panel-trend button {
+  width: 50%;
+}
+.gd-kda-dialog .gd-kda-key-drivers-panel-list {
+  flex: 1 1 auto;
+  margin-top: 10px;
+  overflow: hidden;
+  margin-right: -20px;
+}
+.gd-kda-dialog .gd-kda-key-drivers-panel-list .gd-ui-kit-listbox {
+  margin: 0;
+  padding: 0;
+  max-height: 100%;
+  height: 100%;
+}
+.gd-kda-dialog .gd-kda-key-drivers-panel-list .gd-ui-kit-listbox::-webkit-scrollbar {
+  -webkit-appearance: none;
+  appearance: none;
+  width: 10px;
+}
+.gd-kda-dialog .gd-kda-key-drivers-panel-list .gd-ui-kit-listbox::-webkit-scrollbar-thumb {
+  background-color: var(--gd-palette-complementary-7);
+  border: 2px solid transparent;
+  border-radius: 5px;
+  background-clip: padding-box;
+}
+.gd-kda-dialog .gd-kda-key-drivers-panel-list .gd-ui-kit-listbox:hover::-webkit-scrollbar-thumb:hover {
+  border: 0;
+  background-color: var(--gd-palette-complementary-5);
+}
+.gd-kda-dialog .gd-kda-key-drivers-panel-list .gd-ui-kit-listbox li {
+  margin-top: 10px;
+}
+.gd-kda-dialog .gd-kda-key-drivers-panel-list .gd-ui-kit-listbox li:first-child {
+  margin-top: 0;
+}
+.gd-kda-dialog .gd-kda-key-drivers-panel-list .gd-ui-kit-listbox ul:focus-visible .gd-kda-item.gd-kda-item-focused {
+  background-color: var(--gd-palette-complementary-2);
+  outline-offset: -2px;
+  outline: 2px solid -webkit-focus-ring-color;
+}
+.gd-kda-dialog .gd-kda-key-drivers-panel-list-loading {
+  display: flex;
+  gap: 10px;
+  flex-direction: column;
+  margin-right: 20px;
+}
+.gd-kda-dialog .gd-kda-item-summary {
+  display: flex;
+  width: 250px;
+  height: 40px;
+  padding: 10px;
+  align-items: center;
+  justify-content: space-between;
+  gap: 10px;
+  border-radius: 3px;
+  border: 1px solid var(--gd-palette-complementary-3);
+  background: var(--gd-palette-complementary-0);
+  cursor: pointer;
+}
+.gd-kda-dialog .gd-kda-item-summary-title {
+  color: var(--gd-palette-complementary-8);
+  font-size: 12px;
+  font-style: normal;
+  font-weight: 700;
+  line-height: 20px;
+}
+.gd-kda-dialog .gd-kda-item-summary:hover {
+  border: 1px solid var(--gd-palette-complementary-3);
+  background: var(--gd-palette-complementary-2);
+}
+.gd-kda-dialog .gd-kda-item-summary.gd-kda-item-summary-selected {
+  border: 1px solid color-mix(in sRGB, var(--gd-palette-primary-base) 30%, transparent);
+  background: color-mix(in sRGB, var(--gd-palette-primary-base) 10%, transparent);
+}
+.gd-kda-dialog .gd-kda-item-summary.gd-kda-item-summary-selected .gd-kda-item-summary-title {
+  color: var(--gd-palette-complementary-8);
+}
+.gd-kda-dialog .gd-kda-item-summary.gd-kda-item-summary-selected:hover {
+  border: 1px solid color-mix(in sRGB, var(--gd-palette-primary-base) 30%, transparent);
+  background: color-mix(in sRGB, var(--gd-palette-primary-base) 10%, transparent);
+}
+.gd-kda-dialog .gd-kda-item-summary.gd-kda-item-summary-selected:hover .gd-kda-item-summary-title {
+  color: var(--gd-palette-primary-base);
+}
+.gd-kda-dialog .gd-kda-item {
+  position: relative;
+  display: flex;
+  width: 250px;
+  padding: 10px;
+  align-items: center;
+  gap: 5px;
+  border-radius: 3px;
+  border: 1px solid var(--gd-palette-complementary-3);
+  background: var(--gd-palette-complementary-0);
+  cursor: pointer;
+}
+.gd-kda-dialog .gd-kda-item-text {
+  flex: 1 1 auto;
+  color: var(--gd-palette-complementary-8);
+  font-size: 12px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 20px;
+}
+.gd-kda-dialog .gd-kda-item-value {
+  flex: 0 0 auto;
+  color: var(--gd-palette-complementary-8);
+  font-size: 12px;
+  font-style: normal;
+  font-weight: 700;
+  line-height: 20px;
+  text-align: right;
+}
+.gd-kda-dialog .gd-kda-item-progress {
+  position: absolute;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  height: 3px;
+}
+.gd-kda-dialog .gd-kda-item-progress::after {
+  content: "";
+  position: absolute;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  width: var(--kda-item-width);
+  background: var(--gd-palette-primary-base);
+}
+.gd-kda-dialog .gd-kda-item.gd-kda-item-selected {
+  background: color-mix(in sRGB, var(--gd-palette-primary-base) 10%, transparent);
+  border: 1px solid color-mix(in sRGB, var(--gd-palette-primary-base) 30%, transparent);
+}
+.gd-kda-dialog .gd-kda-item.gd-kda-item-selected .gd-kda-item-text {
+  color: var(--gd-palette-complementary-8);
+}
+.gd-kda-dialog .gd-kda-item.gd-kda-item-selected .gd-kda-item-value {
+  color: var(--gd-palette-complementary-8);
+}
+.gd-kda-dialog .gd-kda-item:hover {
+  background-color: var(--gd-palette-complementary-2);
+}
+.gd-kda-dialog .gd-kda-item:hover .gd-kda-item-text {
+  color: var(--gd-palette-complementary-8);
+}
+.gd-kda-dialog .gd-kda-item:hover .gd-kda-item-value {
+  color: var(--gd-palette-complementary-8);
+}
+.gd-kda-dialog .gd-kda-item.gd-kda-item-selected:hover .gd-kda-item-text {
+  color: var(--gd-palette-primary-base);
+}
+.gd-kda-dialog .gd-kda-item.gd-kda-item-selected:hover .gd-kda-item-value {
+  color: var(--gd-palette-primary-base);
+}
+.gd-kda-dialog .gd-kda-key-drivers-overview {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 20px;
+  flex: 1 0 0;
+  align-self: stretch;
+  height: 100%;
+}
+.gd-kda-dialog .gd-kda-key-drivers-overview-title {
+  color: var(--gd-palette-complementary-8);
+  text-align: left;
+  font-size: 20px;
+  font-style: normal;
+  font-weight: 700;
+  line-height: 26px;
+}
+.gd-kda-dialog .gd-kda-key-drivers-overview-headline {
+  display: flex;
+}
+.gd-kda-dialog .gd-kda-key-drivers-overview-drivers {
+  display: flex;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+}
+.gd-kda-dialog .gd-kda-key-drivers-detail {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 20px;
+  flex: 1 0 0;
+  align-self: stretch;
+  height: 100%;
+}
+.gd-kda-dialog .gd-kda-key-drivers-detail-title {
+  color: var(--gd-palette-complementary-8);
+  text-align: left;
+  font-size: 20px;
+  font-style: normal;
+  font-weight: 700;
+  line-height: 26px;
+}
+.gd-kda-dialog .gd-kda-key-drivers-detail-description {
+  color: var(--gd-palette-complementary-7);
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 23px;
+}
+.gd-kda-dialog .gd-kda-key-drivers-detail-visualisation {
+  width: 100%;
+  display: flex;
+  flex: 1 1 auto;
+}
+.gd-kda-dialog .gd-kda-key-drivers-detail-info {
+  color: var(--gd-palette-complementary-7);
+  font-size: 12px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 17px;
+}
+.gd-kda-dialog .gd-kda-key-driver-headline {
+  gap: 20px;
+  display: flex;
+  align-items: flex-start;
+  align-self: stretch;
+}
+.gd-kda-dialog .gd-kda-headline-date, .gd-kda-dialog .gd-kda-headline-diff {
+  color: var(--gd-palette-complementary-8);
+  font-size: 12px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 20px;
+  display: flex;
+  align-items: center;
+  flex-direction: row;
+  gap: 5px;
+}
+.gd-kda-dialog .gd-kda-key-drivers-summary {
+  gap: 10px;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  height: 100%;
+  width: 100%;
+  flex: 1 1 auto;
+}
+.gd-kda-dialog .gd-kda-key-drivers-summary-title {
+  flex: 0 0 auto;
+  color: var(--gd-palette-complementary-8);
+  font-size: 17px;
+  font-style: normal;
+  font-weight: 700;
+  line-height: 23px;
+}
+.gd-kda-dialog .gd-kda-key-drivers-summary-info {
+  flex: 0 0 auto;
+  display: flex;
+  padding: 10px;
+  align-items: center;
+  gap: 20px;
+  align-self: stretch;
+  justify-content: space-between;
+  border-radius: 3px;
+  background: color-mix(in sRGB, var(--gd-palette-complementary-5) 10%, transparent);
+}
+.gd-kda-dialog .gd-kda-key-drivers-summary-info-text {
+  color: var(--gd-palette-complementary-7);
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 23px;
+}
+.gd-kda-dialog .gd-kda-key-drivers-summary-list {
+  flex: 1 1 auto;
+  width: 100%;
+  overflow: hidden;
+}
+.gd-kda-dialog .gd-kda-key-drivers-summary-list .gd-ui-kit-async-table__header:focus-visible {
+  outline-offset: -2px;
+  outline: 2px solid -webkit-focus-ring-color;
+}
+
+.gd-kda-dialog-bar__date-select {
+  margin-top: -10px;
+  margin-bottom: -10px;
+  margin-left: -10px;
+  width: calc(100% + 20px);
+}
+
+/*# sourceMappingURL=kdaDialog.css.map */

package/styles/css/kdaDialog.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../scss/kdaDialog.scss"],"names":[],"mappings":"AAGA;EACI;EACA;EAEA;;AAGA;EACI;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;EACA;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;;AAKR;EACI;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;;AAKR;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAKR;EACI;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;EACA;;AAKR;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;;AAKR;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAEA;EACI;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAIR;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;;AAMZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;EACI;EACA;EACA;EACA;EACA;;AAIJ;EACI;EACA;;AAGJ;EACI;EACA;;AAEA;EACI;;AAIR;EACI;EACA;;AAEA;EACI;;AAMZ;EACI;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;;AAEA;EACI;;AAGJ;EACI;;AAIR;EACI;;AAEA;EACI;;AAGJ;EACI;;AAKJ;EACI;;AAGJ;EACI;;AAMZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;EACA;;AAKR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAKR;EACI;EACA;EACA;EACA;;AAMA;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;;AAEA;EACI;EACA;;;AAOhB;EACI;EACA;EACA;EACA","file":"kdaDialog.css"}