@gooddata/sdk-ui-ext 9.5.0-alpha.11 → 9.5.0-alpha.13

package/esm/sdk-ui-ext.d.ts

@@ -17,6 +17,7 @@ import { EmbedType } from '@gooddata/sdk-ui-kit';
 import { ExplicitDrill } from '@gooddata/sdk-ui';
 import { GoodDataSdkError } from '@gooddata/sdk-ui';
 import { IAnalyticalBackend } from '@gooddata/sdk-backend-spi';
+import { ICatalogAttributeHierarchy } from '@gooddata/sdk-model';
 import { IChartConfig } from '@gooddata/sdk-ui-charts';
 import { IColorPalette } from '@gooddata/sdk-model';
 import { IDrillEvent } from '@gooddata/sdk-ui';
@@ -73,6 +74,11 @@ export declare const AttributeHierarchyDetailBubble: React_2.FC<IAttributeHierar
  */
 export declare const AttributeHierarchyDetailPanel: React_2.FC<IAttributeHierarchyDetailPanelProps>;
 
+/**
+ * @internal
+ */
+export declare const AttributeHierarchyDialog: React_2.FC<IAttributeHierarchyDialogProps>;
+
 /**
  * Clears all the caches used by the InsightView components.
  *
@@ -219,6 +225,18 @@ export declare interface IAttributeHierarchyDetailPanelProps {
     title: string;
     description?: string;
     attributes: IAttributeHierarchyDetailItem[];
+    onEdit?: () => void;
+}
+
+/**
+ * @internal
+ */
+export declare interface IAttributeHierarchyDialogProps {
+    initialAttributeRef?: ObjRef;
+    editingAttributeHierarchy?: ICatalogAttributeHierarchy;
+    onClose?: () => void;
+    onSaveOrUpdateSuccess?: (attributeHierarchy: ICatalogAttributeHierarchy) => void;
+    onDeleteSuccess?: () => void;
 }
 
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gooddata/sdk-ui-ext",
-  "version": "9.5.0-alpha.11",
+  "version": "9.5.0-alpha.13",
   "description": "GoodData.UI SDK - Extensions",
   "repository": {
     "type": "git",
@@ -49,19 +49,19 @@
     "uuid": "^8.3.2",
     "debounce-promise": "^3.1.2",
     "json-stable-stringify": "^1.0.1",
-    "@gooddata/sdk-backend-base": "9.5.0-alpha.11",
-    "@gooddata/sdk-model": "9.5.0-alpha.11",
-    "@gooddata/sdk-backend-spi": "9.5.0-alpha.11",
-    "@gooddata/sdk-embedding": "9.5.0-alpha.11",
-    "@gooddata/sdk-ui": "9.5.0-alpha.11",
-    "@gooddata/sdk-ui-charts": "9.5.0-alpha.11",
-    "@gooddata/sdk-ui-filters": "9.5.0-alpha.11",
-    "@gooddata/sdk-ui-geo": "9.5.0-alpha.11",
-    "@gooddata/sdk-ui-kit": "9.5.0-alpha.11",
-    "@gooddata/sdk-ui-pivot": "9.5.0-alpha.11",
-    "@gooddata/sdk-ui-theme-provider": "9.5.0-alpha.11",
-    "@gooddata/sdk-ui-vis-commons": "9.5.0-alpha.11",
-    "@gooddata/util": "9.5.0-alpha.11"
+    "@gooddata/sdk-backend-base": "9.5.0-alpha.13",
+    "@gooddata/sdk-backend-spi": "9.5.0-alpha.13",
+    "@gooddata/sdk-embedding": "9.5.0-alpha.13",
+    "@gooddata/sdk-model": "9.5.0-alpha.13",
+    "@gooddata/sdk-ui": "9.5.0-alpha.13",
+    "@gooddata/sdk-ui-charts": "9.5.0-alpha.13",
+    "@gooddata/sdk-ui-filters": "9.5.0-alpha.13",
+    "@gooddata/sdk-ui-geo": "9.5.0-alpha.13",
+    "@gooddata/sdk-ui-kit": "9.5.0-alpha.13",
+    "@gooddata/sdk-ui-pivot": "9.5.0-alpha.13",
+    "@gooddata/sdk-ui-theme-provider": "9.5.0-alpha.13",
+    "@gooddata/sdk-ui-vis-commons": "9.5.0-alpha.13",
+    "@gooddata/util": "9.5.0-alpha.13"
   },
   "peerDependencies": {
     "react": "^16.10.0 || ^17.0.0 || ^18.0.0",
@@ -116,10 +116,10 @@
     "vitest-dom": "0.1.0",
     "@types/debounce-promise": "^3.1.4",
     "@types/json-stable-stringify": "^1.0.32",
-    "@gooddata/i18n-toolkit": "9.5.0-alpha.11",
-    "@gooddata/live-examples-workspace": "9.5.0-alpha.11",
-    "@gooddata/sdk-backend-mockingbird": "9.5.0-alpha.11",
-    "@gooddata/reference-workspace": "9.5.0-alpha.11"
+    "@gooddata/i18n-toolkit": "9.5.0-alpha.13",
+    "@gooddata/live-examples-workspace": "9.5.0-alpha.13",
+    "@gooddata/sdk-backend-mockingbird": "9.5.0-alpha.13",
+    "@gooddata/reference-workspace": "9.5.0-alpha.13"
   },
   "scripts": {
     "clean": "rm -rf ci dist esm coverage *.log styles/css",

package/styles/css/main.css

@@ -214,5 +214,218 @@
   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-3, #dde4eb);
+  border-top: 1px solid var(--gd-palette-complementary-3, #dde4eb);
+  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: white;
+  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.s-attribute-hierarchy-note-message {
+  margin: -5px 0 20px;
+  border-bottom: 1px solid var(--gd-palette-complementary-5, #ccd8e2);
+}
+.gd-dialog.attribute-hierarchy-dialog .gd-dialog-footer .attribute-hierarchy-note-message.s-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: flex-end;
+}
+.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: white;
+  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);
+}
 
 /*# sourceMappingURL=main.css.map */

package/styles/css/main.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../internal/scss/dashboard_embedding.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/variables.scss","../internal/scss/variables.scss","../internal/scss/user_management_dialogs.scss","../internal/scss/attribute_hierarchy_detail.scss"],"names":[],"mappings":"AAKA;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA,aC0Ec;EDzEd,kBCJa;;;ADOjB;EACI;EACA;EACA;EACA;EACA;;AAEA;EAPJ;IAQQ;IACA;;;AAGJ;EACI;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA,aEqBuB;EFpBvB;EACA,YEtB2C;EFuB3C,OE3BuC;;;ACnB3C;EACI;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;;;AAIA;EACI,OFckB;;;AETtB;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,OFlDoB;;;AEqDxB;EACI,OF1DgB;EE2DhB;;;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,OF9GgB;EE+GhB;EACA;EACA;;;AClIJ;EACI;EACA;EACA;EACA;EACA,OHqBY;;AGnBZ;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA,OHCe;;AGEnB;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA","file":"main.css"}
+{"version":3,"sourceRoot":"","sources":["../internal/scss/dashboard_embedding.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/variables.scss","../internal/scss/variables.scss","../internal/scss/user_management_dialogs.scss","../internal/scss/attribute_hierarchies.scss"],"names":[],"mappings":"AAKA;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA,aC0Ec;EDzEd,kBCJa;;;ADOjB;EACI;EACA;EACA;EACA;EACA;;AAEA;EAPJ;IAQQ;IACA;;;AAGJ;EACI;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA,aEqBuB;EFpBvB;EACA,YEtB2C;EFuB3C,OE3BuC;;;ACnB3C;EACI;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;;;AAIA;EACI,OFckB;;;AETtB;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,OFlDoB;;;AEqDxB;EACI,OF1DgB;EE2DhB;;;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,OF9GgB;EE+GhB;EACA;EACA;;;ACnIJ;EACI;EACA;EACA;EACA;EACA,OHsBY;;AGpBZ;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA,OHEe;;AGCnB;EACI;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","file":"main.css"}

package/styles/internal/css/attribute_hierarchies.css

@@ -0,0 +1,260 @@
+.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-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;
+}
+.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-3, #dde4eb);
+  border-top: 1px solid var(--gd-palette-complementary-3, #dde4eb);
+  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: white;
+  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.s-attribute-hierarchy-note-message {
+  margin: -5px 0 20px;
+  border-bottom: 1px solid var(--gd-palette-complementary-5, #ccd8e2);
+}
+.gd-dialog.attribute-hierarchy-dialog .gd-dialog-footer .attribute-hierarchy-note-message.s-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: flex-end;
+}
+.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: white;
+  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);
+}
+
+/*# 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;EACA;EACA,OCEe;;ADCnB;EACI;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","file":"attribute_hierarchies.css"}