@gooddata/sdk-ui-ext 9.5.0-alpha.9 → 9.5.0-beta.0

package/styles/internal/css/attribute_hierarchies.css

@@ -0,0 +1,277 @@
+.gd-attribute-hierarchy-detail-panel {
+  width: 200px;
+  padding: 8px 5px;
+  font-style: normal;
+  font-weight: 400;
+  color: var(--gd-palette-complementary-8, #464e56);
+}
+.gd-attribute-hierarchy-detail-panel .gd-attribute-hierarchy-detail-title {
+  font-size: 14px;
+  line-height: 23px;
+  margin-bottom: 10px;
+}
+.gd-attribute-hierarchy-detail-panel .gd-attribute-hierarchy-detail-description {
+  font-size: 13px;
+  line-height: 18px;
+  color: var(--gd-palette-complementary-7, #687581);
+  margin-bottom: 15px;
+}
+.gd-attribute-hierarchy-detail-panel .gd-attribute-hierarchy-detail-levels {
+  font-size: 10px;
+  line-height: normal;
+  text-transform: uppercase;
+  margin-bottom: 3px;
+  color: var(--gd-palette-complementary-6, #94a1ad);
+}
+.gd-attribute-hierarchy-detail-panel .gd-attribute-hierarchy-detail-item {
+  font-size: 12px;
+  line-height: 20px;
+  display: flex;
+  flex-direction: row;
+  gap: 5px;
+  align-items: center;
+  padding: 3px 0;
+}
+.gd-attribute-hierarchy-detail-panel .is-attribute::before {
+  content: "";
+  width: 18px;
+  height: 20px;
+  background-image: url("~@gooddata/sdk-ui-kit/styles/icons/attribute.svg");
+  background-repeat: no-repeat;
+  background-position: left center;
+  background-size: contain;
+}
+.gd-attribute-hierarchy-detail-panel .is-date::before {
+  content: "";
+  width: 18px;
+  height: 20px;
+  background-image: url("~@gooddata/sdk-ui-kit/styles/icons/date.svg");
+  background-repeat: no-repeat;
+  background-position: left center;
+  background-size: contain;
+}
+.gd-attribute-hierarchy-detail-panel .gd-attribute-hierarchy-detail-panel-actions {
+  display: flex;
+  justify-content: flex-end;
+  margin-top: 10px;
+}
+
+.gd-dialog.attribute-hierarchy-dialog {
+  width: 890px;
+  max-width: 890px !important;
+  height: 690px;
+}
+.gd-dialog.attribute-hierarchy-dialog .gd-dialog-header {
+  height: 32px;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: 10px;
+}
+.gd-dialog.attribute-hierarchy-dialog .gd-dialog-header .gd-attribute-hierarchy-icon::before {
+  display: flex;
+  content: "";
+  width: 16px;
+  height: 16px;
+  background-image: url("~@gooddata/sdk-ui-ext/esm/internal/assets/icons/attribute-hierarchy.svg");
+  background-size: 16px 16px;
+  background-repeat: no-repeat;
+}
+.gd-dialog.attribute-hierarchy-dialog .gd-dialog-header .attribute-hierarchy-title {
+  padding: 3px 4px;
+  font-size: 20px;
+  font-weight: 700;
+}
+.gd-dialog.attribute-hierarchy-dialog .gd-dialog-header .attribute-hierarchy-title.placeholder .gd-editable-label-inner {
+  color: var(--gd-palette-complementary-6, #94a1ad);
+}
+.gd-dialog.attribute-hierarchy-dialog .gd-dialog-content.attribute-hierarchy-dialog-content {
+  position: relative;
+  height: 468px;
+  margin: 0 -20px;
+  padding: 0 20px;
+  border-bottom: 1px solid var(--gd-palette-complementary-4, #ccd8e2);
+  border-top: 1px solid var(--gd-palette-complementary-4, #ccd8e2);
+  background-color: var(--gd-palette-complementary-0, #fcfcfd);
+}
+.gd-dialog.attribute-hierarchy-dialog .gd-dialog-content.attribute-hierarchy-dialog-content .attribute-hierarchy-table-title {
+  height: 16px;
+  margin: 10px 0;
+  color: var(--gd-palette-complementary-6, #94a1ad);
+  font-size: 11px;
+  font-weight: 700;
+  text-transform: uppercase;
+}
+.gd-dialog.attribute-hierarchy-dialog .gd-dialog-content.attribute-hierarchy-dialog-content .gd-list-item {
+  padding-right: 0;
+  border-bottom: 1px solid var(--gd-palette-complementary-3, #dde4eb);
+}
+.gd-dialog.attribute-hierarchy-dialog .gd-dialog-content.attribute-hierarchy-dialog-content .gd-list-item:hover {
+  background: var(--gd-palette-complementary-2, #ebeff4);
+}
+.gd-dialog.attribute-hierarchy-dialog .gd-dialog-content.attribute-hierarchy-dialog-content .gd-list-item:has(.attribute-item-delete-action:hover) {
+  background: var(--gd-palette-error-dimmed, #fcedec);
+}
+.gd-dialog.attribute-hierarchy-dialog .gd-dialog-content.attribute-hierarchy-dialog-content .gd-list-item .attribute-item-title {
+  display: flex;
+  align-items: center;
+  gap: 5px;
+  color: var(--gd-palette-complementary-8, #464e56);
+  font-size: 14px;
+  font-weight: 700;
+}
+.gd-dialog.attribute-hierarchy-dialog .gd-dialog-content.attribute-hierarchy-dialog-content .gd-list-item .attribute-item-title .gd-icon-navigatedown {
+  font-size: 16px;
+  font-weight: 400;
+  color: var(--gray-60094-a-1-ad-com-6, #94a1ad);
+}
+.gd-dialog.attribute-hierarchy-dialog .gd-dialog-content.attribute-hierarchy-dialog-content .gd-list-item .attribute-item-actions {
+  display: flex;
+}
+.gd-dialog.attribute-hierarchy-dialog .gd-dialog-content.attribute-hierarchy-dialog-content .gd-list-item .attribute-item-actions button {
+  display: flex;
+  align-items: center;
+  height: 43px;
+  width: 43px;
+  margin: 0;
+  border-radius: 0;
+}
+.gd-dialog.attribute-hierarchy-dialog .gd-dialog-content.attribute-hierarchy-dialog-content .gd-list-item .attribute-item-actions .attribute-item-delete-action:active::before,
+.gd-dialog.attribute-hierarchy-dialog .gd-dialog-content.attribute-hierarchy-dialog-content .gd-list-item .attribute-item-actions .attribute-item-delete-action:focus::before,
+.gd-dialog.attribute-hierarchy-dialog .gd-dialog-content.attribute-hierarchy-dialog-content .gd-list-item .attribute-item-actions .attribute-item-add-action:active::before,
+.gd-dialog.attribute-hierarchy-dialog .gd-dialog-content.attribute-hierarchy-dialog-content .gd-list-item .attribute-item-actions .attribute-item-add-action:focus::before {
+  color: unset;
+}
+.gd-dialog.attribute-hierarchy-dialog .gd-dialog-content.attribute-hierarchy-dialog-content .gd-list-item .attribute-item-actions .attribute-item-delete-action:hover::before {
+  color: var(--gd-palette-error-base, #e54d42);
+}
+.gd-dialog.attribute-hierarchy-dialog .gd-dialog-content.attribute-hierarchy-dialog-content .gd-list-item .attribute-item-actions .attribute-item-add-action:hover {
+  background: var(--gd-palette-complementary-3, #dde4eb);
+}
+.gd-dialog.attribute-hierarchy-dialog .gd-dialog-content.attribute-hierarchy-dialog-content .gd-list-item .attribute-item-actions .attribute-item-add-action:hover::before {
+  color: var(--gd-palette-complementary-8, #464e56);
+}
+.gd-dialog.attribute-hierarchy-dialog .gd-dialog-content.attribute-hierarchy-dialog-content .attribute-hierarchy-add-attribute-action {
+  padding: 5px 0;
+  border-bottom: 1px solid var(--gd-palette-complementary-3, #dde4eb);
+}
+.gd-dialog.attribute-hierarchy-dialog .gd-dialog-content.attribute-hierarchy-dialog-content .attribute-hierarchy-content-loading-mask {
+  position: absolute;
+  top: 0;
+  width: 850px;
+  height: 546px;
+  background: var(--gd-palette-complementary-0, #fff);
+  opacity: 0.8;
+}
+.gd-dialog.attribute-hierarchy-dialog .gd-dialog-footer {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  align-items: start;
+}
+.gd-dialog.attribute-hierarchy-dialog .gd-dialog-footer .attribute-hierarchy-note-message {
+  margin: -5px 0 20px;
+  border-bottom: 1px solid var(--gd-palette-complementary-3, #dde4eb);
+}
+.gd-dialog.attribute-hierarchy-dialog .gd-dialog-footer .attribute-hierarchy-note-message .gd-message {
+  margin-bottom: 15px;
+}
+.gd-dialog.attribute-hierarchy-dialog .gd-dialog-footer .attribute-hierarchy-footer-actions-wrapper {
+  display: flex;
+  width: 100%;
+  justify-content: space-between;
+}
+.gd-dialog.attribute-hierarchy-dialog .gd-dialog-footer .gd-dialog-footer-tip {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+}
+.gd-dialog.attribute-hierarchy-dialog .gd-dialog-footer .gd-dialog-footer-tip span {
+  color: var(--gd-palette-complementary-6, #94a1ad);
+  font-size: 14px;
+  height: 18px;
+}
+.gd-dialog.attribute-hierarchy-dialog .gd-dialog-footer .gd-dialog-footer-tip a {
+  text-decoration: underline;
+}
+
+.gd-dropdown-tabs.gd-tabs.attribute-hierarchy-attribute-dropdown-tabs {
+  display: flex;
+  flex-direction: row;
+}
+.gd-dropdown-tabs.gd-tabs.attribute-hierarchy-attribute-dropdown-tabs > div {
+  display: flex;
+  flex: 1 0 0;
+  justify-content: center;
+  align-items: center;
+  height: 27px;
+  padding: 0 39px;
+  border-radius: 3px;
+  border: 1px solid #ccd8e2;
+  margin-right: 0;
+}
+.gd-dropdown-tabs.gd-tabs.attribute-hierarchy-attribute-dropdown-tabs > div:first-child {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.gd-dropdown-tabs.gd-tabs.attribute-hierarchy-attribute-dropdown-tabs > div:last-child {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+.gd-dropdown-tabs.gd-tabs.attribute-hierarchy-attribute-dropdown-tabs > div.is-active {
+  background: linear-gradient(180deg, #dee6ef 0%, #ecf0f5 100%);
+  box-shadow: 0 2px 0 0 rgba(177, 193, 209, 0.65) inset;
+  border: 1px solid rgba(31, 53, 74, 0.2);
+}
+
+.attribute-hierarchy-delete-confirmation {
+  width: 464px;
+}
+.attribute-hierarchy-delete-confirmation .gd-dialog-content {
+  position: relative;
+}
+.attribute-hierarchy-delete-confirmation .gd-dialog-content .attribute-hierarchy-content-loading-mask {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  top: 0;
+  background: var(--gd-palette-complementary-0, #fff);
+  opacity: 0.8;
+}
+
+.gd-dialog.attribute-hierarchy-dialog .gd-icon-attribute::before,
+.attribute-hierarchy-attribute-dropdown-body .gd-icon-attribute::before,
+.attribute-hierarchy-attribute-dropdown-tabs .gd-icon-attribute::before {
+  width: 18px;
+  height: 18px;
+  margin-right: 5px;
+  background-size: 18px 18px;
+}
+.gd-dialog.attribute-hierarchy-dialog .gd-icon-date::before,
+.attribute-hierarchy-attribute-dropdown-body .gd-icon-date::before,
+.attribute-hierarchy-attribute-dropdown-tabs .gd-icon-date::before {
+  width: 16px;
+  height: 16px;
+  margin-right: 7px;
+  background-size: 16px 16px;
+}
+
+.attribute-hierarchy-add-action-menu .gd-list-item.gd-menu-item {
+  gap: 10px;
+}
+.attribute-hierarchy-add-action-menu .gd-list-item.gd-menu-item i {
+  font-size: 14px;
+  color: var(--gd-palette-complementary-6, #94a1ad);
+}
+
+.gd-attribute-hierarchy-detail-panel-bubble {
+  padding: 0;
+  border-radius: 3px;
+  border-style: solid;
+  border-width: 1px;
+  border-color: var(--gd-palette-complementary-3, #c9d5e0);
+  box-shadow: 0 1px 3px 0 var(--gd-shadow-color, rgba(20, 56, 93, 0.1)), 0 2px 9px 0 var(--gd-shadow-color, rgba(20, 56, 93, 0.15));
+  background: var(--gd-palette-complementary-0, #fff);
+}
+
+/*# sourceMappingURL=attribute_hierarchies.css.map */

package/styles/internal/css/attribute_hierarchies.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../scss/attribute_hierarchies.scss","../../../node_modules/@gooddata/sdk-ui-kit/styles/scss/variables.scss"],"names":[],"mappings":"AAGA;EACI;EACA;EACA;EACA;EACA,OCsBY;;ADpBZ;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA,OCiLS;EDhLT;;AAGJ;EACI;EACA;EACA;EACA;EACA,OCLe;;ADQnB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;;;AAIR;EACI;EAGA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;;AAGI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;;AAIA;EACI;;AAKZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAEA;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAIR;EACI;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;AAAA;AAAA;AAAA;EAII;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAIR;EACI;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAEA;EACI;;AAIR;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAGJ;EACI;;;AAMhB;EACI;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;EACA;;;AAKZ;EACI;;AAEA;EACI;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;;AAQR;AAAA;AAAA;EACI;EACA;EACA;EACA;;AAGJ;AAAA;AAAA;EACI;EACA;EACA;EACA;;;AAKJ;EACI;;AAEA;EACI;EACA;;;AAKZ;EACI;EACA;EACA;EACA;EACA;EACA;EAEA","file":"attribute_hierarchies.css"}

package/styles/internal/css/user_management_dialogs.css

@@ -65,6 +65,12 @@
   color: #6d7680;
 }
 
+.gd-user-management-dialog-detail-value {
+  flex: 1 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
 .gd-user-management-dialog-detail-value-empty {
   color: var(--gd-palette-complementary-5, #b0beca);
   font-style: italic;

package/styles/internal/css/user_management_dialogs.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../scss/user_management_dialogs.scss","../../../node_modules/@gooddata/sdk-ui-kit/styles/scss/variables.scss"],"names":[],"mappings":"AAIA;EACI;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;;;AAIA;EACI,OCckB;;;ADTtB;EACI;EACA;;AAGJ;EACI;EACA;;;AAKJ;EACI;EACA;EACA;;;AAIR;EACI;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA,OClDoB;;;ADqDxB;EACI,OC1DgB;ED2DhB;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;;;AAIR;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;AAEA;EACI;EACA;;;AAIR;EACI;EACA,OC9GgB;ED+GhB;EACA;EACA","file":"user_management_dialogs.css"}
+{"version":3,"sourceRoot":"","sources":["../scss/user_management_dialogs.scss","../../../node_modules/@gooddata/sdk-ui-kit/styles/scss/variables.scss"],"names":[],"mappings":"AAIA;EACI;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;;;AAIA;EACI,OCckB;;;ADTtB;EACI;EACA;;AAGJ;EACI;EACA;;;AAKJ;EACI;EACA;EACA;;;AAIR;EACI;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA,OClDoB;;;ADqDxB;EACI;EACA;EACA;;;AAGJ;EACI,OChEgB;EDiEhB;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;;;AAIR;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;AAEA;EACI;EACA;;;AAIR;EACI;EACA,OCpHgB;EDqHhB;EACA;EACA","file":"user_management_dialogs.css"}

package/styles/internal/scss/attribute_hierarchies.scss

@@ -0,0 +1,328 @@
+// (C) 2023 GoodData Corporation
+@use "@gooddata/sdk-ui-kit/styles/scss/variables" as kit-variables;
+
+.gd-attribute-hierarchy-detail-panel {
+    width: 200px;
+    padding: 8px 5px;
+    font-style: normal;
+    font-weight: 400;
+    color: kit-variables.$gd-color-text;
+
+    .gd-attribute-hierarchy-detail-title {
+        font-size: 14px;
+        line-height: 23px;
+        margin-bottom: 10px;
+    }
+
+    .gd-attribute-hierarchy-detail-description {
+        font-size: 13px;
+        line-height: 18px;
+        color: kit-variables.$gd-medium-gray;
+        margin-bottom: 15px;
+    }
+
+    .gd-attribute-hierarchy-detail-levels {
+        font-size: 10px;
+        line-height: normal;
+        text-transform: uppercase;
+        margin-bottom: 3px;
+        color: kit-variables.$gd-color-state-blank;
+    }
+
+    .gd-attribute-hierarchy-detail-item {
+        font-size: 12px;
+        line-height: 20px;
+        display: flex;
+        flex-direction: row;
+        gap: 5px;
+        align-items: center;
+        padding: 3px 0;
+    }
+
+    .is-attribute::before {
+        content: "";
+        width: 18px;
+        height: 20px;
+        background-image: url("~@gooddata/sdk-ui-kit/styles/icons/attribute.svg");
+        background-repeat: no-repeat;
+        background-position: left center;
+        background-size: contain;
+    }
+
+    .is-date::before {
+        content: "";
+        width: 18px;
+        height: 20px;
+        background-image: url("~@gooddata/sdk-ui-kit/styles/icons/date.svg");
+        background-repeat: no-repeat;
+        background-position: left center;
+        background-size: contain;
+    }
+
+    .gd-attribute-hierarchy-detail-panel-actions {
+        display: flex;
+        justify-content: flex-end;
+        margin-top: 10px;
+    }
+}
+
+.gd-dialog.attribute-hierarchy-dialog {
+    width: 890px;
+    // should be important because date-filter/attribute-filter have override the max-width
+    // stylelint-disable-next-line declaration-no-important
+    max-width: 890px !important;
+    height: 690px;
+
+    .gd-dialog-header {
+        height: 32px;
+        display: flex;
+        flex-direction: row;
+        align-items: center;
+        gap: 10px;
+
+        .gd-attribute-hierarchy-icon {
+            &::before {
+                display: flex;
+                content: "";
+                width: 16px;
+                height: 16px;
+                background-image: url("~@gooddata/sdk-ui-ext/esm/internal/assets/icons/attribute-hierarchy.svg");
+                background-size: 16px 16px;
+                background-repeat: no-repeat;
+            }
+        }
+
+        .attribute-hierarchy-title {
+            padding: 3px 4px;
+            font-size: 20px;
+            font-weight: 700;
+        }
+
+        .attribute-hierarchy-title.placeholder {
+            .gd-editable-label-inner {
+                color: var(--gd-palette-complementary-6, #94a1ad);
+            }
+        }
+    }
+
+    .gd-dialog-content.attribute-hierarchy-dialog-content {
+        position: relative;
+        height: 468px;
+        margin: 0 -20px;
+        padding: 0 20px;
+        border-bottom: 1px solid var(--gd-palette-complementary-4, #ccd8e2);
+        border-top: 1px solid var(--gd-palette-complementary-4, #ccd8e2);
+        background-color: var(--gd-palette-complementary-0, #fcfcfd);
+
+        .attribute-hierarchy-table-title {
+            height: 16px;
+            margin: 10px 0;
+            color: var(--gd-palette-complementary-6, #94a1ad);
+            font-size: 11px;
+            font-weight: 700;
+            text-transform: uppercase;
+        }
+
+        .gd-list-item {
+            padding-right: 0;
+            border-bottom: 1px solid var(--gd-palette-complementary-3, #dde4eb);
+
+            &:hover {
+                background: var(--gd-palette-complementary-2, #ebeff4);
+            }
+
+            &:has(.attribute-item-delete-action:hover) {
+                background: var(--gd-palette-error-dimmed, #fcedec);
+            }
+
+            .attribute-item-title {
+                display: flex;
+                align-items: center;
+                gap: 5px;
+                color: var(--gd-palette-complementary-8, #464e56);
+                font-size: 14px;
+                font-weight: 700;
+            }
+
+            .attribute-item-title .gd-icon-navigatedown {
+                font-size: 16px;
+                font-weight: 400;
+                color: var(--gray-60094-a-1-ad-com-6, #94a1ad);
+            }
+        }
+
+        .gd-list-item .attribute-item-actions {
+            display: flex;
+
+            button {
+                display: flex;
+                align-items: center;
+                height: 43px;
+                width: 43px;
+                margin: 0;
+                border-radius: 0;
+            }
+
+            .attribute-item-delete-action:active::before,
+            .attribute-item-delete-action:focus::before,
+            .attribute-item-add-action:active::before,
+            .attribute-item-add-action:focus::before {
+                color: unset;
+            }
+
+            .attribute-item-delete-action:hover::before {
+                color: var(--gd-palette-error-base, #e54d42);
+            }
+
+            .attribute-item-add-action:hover {
+                background: var(--gd-palette-complementary-3, #dde4eb);
+            }
+
+            .attribute-item-add-action:hover::before {
+                color: var(--gd-palette-complementary-8, #464e56);
+            }
+        }
+
+        .attribute-hierarchy-add-attribute-action {
+            padding: 5px 0;
+            border-bottom: 1px solid var(--gd-palette-complementary-3, #dde4eb);
+        }
+
+        .attribute-hierarchy-content-loading-mask {
+            position: absolute;
+            top: 0;
+            width: 850px;
+            height: 546px;
+            background: var(--gd-palette-complementary-0, #fff);
+            opacity: 0.8;
+        }
+    }
+
+    .gd-dialog-footer {
+        display: flex;
+        flex-direction: column;
+        justify-content: space-between;
+        align-items: start;
+
+        .attribute-hierarchy-note-message {
+            margin: -5px 0 20px;
+            border-bottom: 1px solid var(--gd-palette-complementary-3, #dde4eb);
+
+            .gd-message {
+                margin-bottom: 15px;
+            }
+        }
+
+        .attribute-hierarchy-footer-actions-wrapper {
+            display: flex;
+            width: 100%;
+            justify-content: space-between;
+        }
+
+        .gd-dialog-footer-tip {
+            display: flex;
+            flex-direction: row;
+            align-items: center;
+
+            span {
+                color: var(--gd-palette-complementary-6, #94a1ad);
+                font-size: 14px;
+                height: 18px;
+            }
+
+            a {
+                text-decoration: underline;
+            }
+        }
+    }
+}
+
+.gd-dropdown-tabs.gd-tabs.attribute-hierarchy-attribute-dropdown-tabs {
+    display: flex;
+    flex-direction: row;
+
+    > div {
+        display: flex;
+        flex: 1 0 0;
+        justify-content: center;
+        align-items: center;
+        height: 27px;
+        padding: 0 39px;
+        border-radius: 3px;
+        border: 1px solid #ccd8e2;
+        margin-right: 0;
+
+        &:first-child {
+            border-top-right-radius: 0;
+            border-bottom-right-radius: 0;
+        }
+
+        &:last-child {
+            border-top-left-radius: 0;
+            border-bottom-left-radius: 0;
+        }
+
+        &.is-active {
+            background: linear-gradient(180deg, #dee6ef 0%, #ecf0f5 100%);
+            box-shadow: 0 2px 0 0 rgba(177, 193, 209, 0.65) inset;
+            border: 1px solid rgba(31, 53, 74, 0.2);
+        }
+    }
+}
+
+.attribute-hierarchy-delete-confirmation {
+    width: 464px;
+
+    .gd-dialog-content {
+        position: relative;
+
+        .attribute-hierarchy-content-loading-mask {
+            position: absolute;
+            width: 100%;
+            height: 100%;
+            top: 0;
+            background: var(--gd-palette-complementary-0, #fff);
+            opacity: 0.8;
+        }
+    }
+}
+
+.gd-dialog.attribute-hierarchy-dialog,
+.attribute-hierarchy-attribute-dropdown-body,
+.attribute-hierarchy-attribute-dropdown-tabs {
+    .gd-icon-attribute::before {
+        width: 18px;
+        height: 18px;
+        margin-right: 5px;
+        background-size: 18px 18px;
+    }
+
+    .gd-icon-date::before {
+        width: 16px;
+        height: 16px;
+        margin-right: 7px;
+        background-size: 16px 16px;
+    }
+}
+
+.attribute-hierarchy-add-action-menu {
+    .gd-list-item.gd-menu-item {
+        gap: 10px;
+
+        i {
+            font-size: 14px;
+            color: var(--gd-palette-complementary-6, #94a1ad);
+        }
+    }
+}
+
+.gd-attribute-hierarchy-detail-panel-bubble {
+    padding: 0;
+    border-radius: 3px;
+    border-style: solid;
+    border-width: 1px;
+    border-color: var(--gd-palette-complementary-3, #c9d5e0);
+    box-shadow: 0 1px 3px 0 var(--gd-shadow-color, rgba(20, 56, 93, 0.1)),
+        0 2px 9px 0 var(--gd-shadow-color, rgba(20, 56, 93, 0.15));
+    background: var(--gd-palette-complementary-0, #fff);
+}

package/styles/internal/scss/user_management_dialogs.scss

@@ -76,6 +76,12 @@
     color: kit-variables.$default-gd-color-label;
 }
 
+.gd-user-management-dialog-detail-value {
+    flex: 1 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
 .gd-user-management-dialog-detail-value-empty {
     color: kit-variables.$gd-color-text-dimmed;
     font-style: italic;

package/styles/scss/main.scss

@@ -1,3 +1,3 @@
 @use "../internal/scss/dashboard_embedding";
 @use "../internal/scss/user_management_dialogs";
-@use "../internal/scss/attribute_hierarchy_detail";
+@use "../internal/scss/attribute_hierarchies";

package/esm/internal/components/attributeHierarchy/AttributeHierarchyDetailBubble.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AttributeHierarchyDetailBubble.d.ts","sourceRoot":"","sources":["../../../../src/internal/components/attributeHierarchy/AttributeHierarchyDetailBubble.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B;;;GAGG;AACH,MAAM,WAAW,oCAAoC;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAKD;;;GAGG;AACH,eAAO,MAAM,8BAA8B,EAAE,KAAK,CAAC,EAAE,CAAC,oCAAoC,CAyBzF,CAAC"}

package/esm/internal/components/attributeHierarchy/AttributeHierarchyDetailBubble.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AttributeHierarchyDetailBubble.js","sourceRoot":"","sources":["../../../../src/internal/components/attributeHierarchy/AttributeHierarchyDetailBubble.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAEhC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,YAAY,CAAC;AAE5B,OAAO,EAAE,MAAM,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAWlE,MAAM,YAAY,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,CAAC;AAC1C,MAAM,aAAa,GAAG,EAAE,OAAO,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC;AAE3C;;;GAGG;AACH,MAAM,CAAC,MAAM,8BAA8B,GAAmD,CAAC,KAAK,EAAE,EAAE;IACpG,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IACtC,OAAO,CACH,oBAAC,kBAAkB,IAAC,SAAS,EAAE,CAAC,EAAE,cAAc,EAAE,IAAI;QAClD,6BACI,SAAS,EAAE,EAAE,CACT,uBAAuB,EACvB;gBACI,iCAAiC,EAAE,CAAC,SAAS;aAChD,EACD,SAAS,CACZ;YAED,6BAAK,SAAS,EAAC,yBAAyB,GAAG,CACzC;QACN,oBAAC,MAAM,IACH,SAAS,EAAC,yDAAyD,EACnE,WAAW,EAAE,YAAY,EACzB,YAAY,EAAE,aAAa,EAC3B,mBAAmB,EAAE,IAAI,IAExB,QAAQ,CACJ,CACQ,CACxB,CAAC;AACN,CAAC,CAAC"}

package/esm/internal/components/attributeHierarchy/AttributeHierarchyDetailPanel.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AttributeHierarchyDetailPanel.d.ts","sourceRoot":"","sources":["../../../../src/internal/components/attributeHierarchy/AttributeHierarchyDetailPanel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B;;;GAGG;AACH,MAAM,WAAW,6BAA6B;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,OAAO,CAAC;CACnB;AAED;;;GAGG;AACH,MAAM,WAAW,mCAAmC;IAChD,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,6BAA6B,EAAE,CAAC;CAC/C;AAED;;;GAGG;AACH,eAAO,MAAM,6BAA6B,EAAE,KAAK,CAAC,EAAE,CAAC,mCAAmC,CAyBvF,CAAC"}

package/esm/internal/components/attributeHierarchy/AttributeHierarchyDetailPanel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AttributeHierarchyDetailPanel.js","sourceRoot":"","sources":["../../../../src/internal/components/attributeHierarchy/AttributeHierarchyDetailPanel.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAEhC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAqB5C;;;GAGG;AACH,MAAM,CAAC,MAAM,6BAA6B,GAAkD,CAAC,EACzF,KAAK,EACL,WAAW,EACX,UAAU,GACb,EAAE,EAAE;IACD,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,MAAM,mBAAmB,GAAG,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,mBAAmB,CAAC,CAAC;IAC7E,OAAO,CACH,6BAAK,SAAS,EAAC,qCAAqC;QAChD,6BAAK,SAAS,EAAC,qCAAqC,IAAE,KAAK,CAAO;QACjE,WAAW,IAAI,6BAAK,SAAS,EAAC,2CAA2C,IAAE,WAAW,CAAO;QAC9F,6BAAK,SAAS,EAAC,sCAAsC,IAAE,mBAAmB,CAAO;QAChF,UAAU,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;YAC5B,MAAM,cAAc,GAAG,EAAE,CAAC,oCAAoC,EAAE;gBAC5D,SAAS,EAAE,IAAI,CAAC,MAAM;gBACtB,cAAc,EAAE,CAAC,IAAI,CAAC,MAAM;aAC/B,CAAC,CAAC;YACH,OAAO,CACH,6BAAK,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,cAAc,IACrC,IAAI,CAAC,KAAK,CACT,CACT,CAAC;QACN,CAAC,CAAC,CACA,CACT,CAAC;AACN,CAAC,CAAC"}

package/esm/internal/components/attributeHierarchy/index.d.ts

@@ -1,3 +0,0 @@
-export * from "./AttributeHierarchyDetailBubble.js";
-export * from "./AttributeHierarchyDetailPanel.js";
-//# sourceMappingURL=index.d.ts.map

package/esm/internal/components/attributeHierarchy/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/internal/components/attributeHierarchy/index.ts"],"names":[],"mappings":"AAEA,cAAc,qCAAqC,CAAC;AACpD,cAAc,oCAAoC,CAAC"}

package/esm/internal/components/attributeHierarchy/index.js

@@ -1,4 +0,0 @@
-// (C) 2023 GoodData Corporation
-export * from "./AttributeHierarchyDetailBubble.js";
-export * from "./AttributeHierarchyDetailPanel.js";
-//# sourceMappingURL=index.js.map

package/esm/internal/components/attributeHierarchy/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/internal/components/attributeHierarchy/index.ts"],"names":[],"mappings":"AAAA,gCAAgC;AAEhC,cAAc,qCAAqC,CAAC;AACpD,cAAc,oCAAoC,CAAC"}