@gooddata/sdk-ui-kit 10.33.0-alpha.9 → 10.34.0-alpha.1

package/esm/typings/utilities.js

@@ -8,4 +8,20 @@ export var ENUM_KEY_CODE;
     ENUM_KEY_CODE[ENUM_KEY_CODE["KEY_CODE_ENTER"] = 13] = "KEY_CODE_ENTER";
     ENUM_KEY_CODE[ENUM_KEY_CODE["KEY_CODE_ESCAPE"] = 27] = "KEY_CODE_ESCAPE";
 })(ENUM_KEY_CODE || (ENUM_KEY_CODE = {}));
+/**
+ * @internal
+ */
+export function accessibilityConfigToAttributes(accessibilityConfig) {
+    if (!accessibilityConfig) {
+        return {};
+    }
+    return {
+        "aria-label": accessibilityConfig.ariaLabel,
+        "aria-labelledby": accessibilityConfig.ariaLabelledBy,
+        "aria-describedby": accessibilityConfig.ariaDescribedBy,
+        role: accessibilityConfig.role,
+        "aria-expanded": accessibilityConfig.ariaExpanded,
+        "aria-controls": accessibilityConfig.ariaControls,
+    };
+}
 //# sourceMappingURL=utilities.js.map

package/esm/typings/utilities.js.map

@@ -1 +1 @@
-{"version":3,"file":"utilities.js","sourceRoot":"","sources":["../../src/typings/utilities.ts"],"names":[],"mappings":"AAAA,qCAAqC;AAErC;;;GAGG;AACH,MAAM,CAAN,IAAY,aAGX;AAHD,WAAY,aAAa;IACrB,sEAAmB,CAAA;IACnB,wEAAoB,CAAA;AACxB,CAAC,EAHW,aAAa,KAAb,aAAa,QAGxB"}
+{"version":3,"file":"utilities.js","sourceRoot":"","sources":["../../src/typings/utilities.ts"],"names":[],"mappings":"AAAA,qCAAqC;AAKrC;;;GAGG;AACH,MAAM,CAAN,IAAY,aAGX;AAHD,WAAY,aAAa;IACrB,sEAAmB,CAAA;IACnB,wEAAoB,CAAA;AACxB,CAAC,EAHW,aAAa,KAAb,aAAa,QAGxB;AAED;;GAEG;AACH,MAAM,UAAU,+BAA+B,CAC3C,mBAA8C;IAE9C,IAAI,CAAC,mBAAmB,EAAE,CAAC;QACvB,OAAO,EAAE,CAAC;IACd,CAAC;IAED,OAAO;QACH,YAAY,EAAE,mBAAmB,CAAC,SAAS;QAC3C,iBAAiB,EAAE,mBAAmB,CAAC,cAAc;QACrD,kBAAkB,EAAE,mBAAmB,CAAC,eAAe;QACvD,IAAI,EAAE,mBAAmB,CAAC,IAAI;QAC9B,eAAe,EAAE,mBAAmB,CAAC,YAAY;QACjD,eAAe,EAAE,mBAAmB,CAAC,YAAY;KACpD,CAAC;AACN,CAAC"}

package/esm/utils/events.d.ts

@@ -44,4 +44,13 @@ export declare const isArrowKey: (event: KeyboardEvent) => boolean;
  * @internal
  */
 export declare const isEscapeKey: (event: KeyboardEvent) => boolean;
+/**
+ * Checks if the given keyboard event is triggered by a Copy key.
+ *
+ * @param event - The keyboard event to check.
+ * @returns `true` if the event has been triggered by ctrl+c or cmd+c, `false` otherwise.
+ *
+ * @internal
+ */
+export declare const isCopyKey: (event: KeyboardEvent) => boolean;
 //# sourceMappingURL=events.d.ts.map

package/esm/utils/events.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"events.d.ts","sourceRoot":"","sources":["../../src/utils/events.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC;;;;;;;GAOG;AACH,eAAO,MAAM,WAAW,UAAW,aAAa,KAAG,OAElD,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,UAAU,UAAW,aAAa,KAAG,OAEjD,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,UAAU,UAAW,aAAa,KAAG,OAEjD,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,UAAU,UAAW,aAAa,KAAG,OAEjD,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,WAAW,UAAW,aAAa,KAAG,OAElD,CAAC"}
+{"version":3,"file":"events.d.ts","sourceRoot":"","sources":["../../src/utils/events.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC;;;;;;;GAOG;AACH,eAAO,MAAM,WAAW,UAAW,aAAa,KAAG,OAElD,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,UAAU,UAAW,aAAa,KAAG,OAEjD,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,UAAU,UAAW,aAAa,KAAG,OAEjD,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,UAAU,UAAW,aAAa,KAAG,OAEjD,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,WAAW,UAAW,aAAa,KAAG,OAElD,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,SAAS,UAAW,aAAa,KAAG,OAEhD,CAAC"}

package/esm/utils/events.js

@@ -53,4 +53,15 @@ export const isArrowKey = (event) => {
 export const isEscapeKey = (event) => {
     return event.key === "Escape";
 };
+/**
+ * Checks if the given keyboard event is triggered by a Copy key.
+ *
+ * @param event - The keyboard event to check.
+ * @returns `true` if the event has been triggered by ctrl+c or cmd+c, `false` otherwise.
+ *
+ * @internal
+ */
+export const isCopyKey = (event) => {
+    return event.key === "c" && (event.ctrlKey || event.metaKey);
+};
 //# sourceMappingURL=events.js.map

package/esm/utils/events.js.map

@@ -1 +1 @@
-{"version":3,"file":"events.js","sourceRoot":"","sources":["../../src/utils/events.ts"],"names":[],"mappings":"AAGA;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,KAAoB,EAAW,EAAE;IACzD,OAAO,KAAK,CAAC,GAAG,KAAK,OAAO,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,CAAC;AACtD,CAAC,CAAC;AAEF;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,KAAoB,EAAW,EAAE;IACxD,OAAO,KAAK,CAAC,GAAG,KAAK,GAAG,CAAC;AAC7B,CAAC,CAAC;AAEF;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,KAAoB,EAAW,EAAE;IACxD,OAAO,KAAK,CAAC,GAAG,KAAK,OAAO,CAAC;AACjC,CAAC,CAAC;AAEF;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,KAAoB,EAAW,EAAE;IACxD,OAAO,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;AACzC,CAAC,CAAC;AAEF;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,KAAoB,EAAW,EAAE;IACzD,OAAO,KAAK,CAAC,GAAG,KAAK,QAAQ,CAAC;AAClC,CAAC,CAAC"}
+{"version":3,"file":"events.js","sourceRoot":"","sources":["../../src/utils/events.ts"],"names":[],"mappings":"AAGA;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,KAAoB,EAAW,EAAE;IACzD,OAAO,KAAK,CAAC,GAAG,KAAK,OAAO,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,CAAC;AACtD,CAAC,CAAC;AAEF;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,KAAoB,EAAW,EAAE;IACxD,OAAO,KAAK,CAAC,GAAG,KAAK,GAAG,CAAC;AAC7B,CAAC,CAAC;AAEF;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,KAAoB,EAAW,EAAE;IACxD,OAAO,KAAK,CAAC,GAAG,KAAK,OAAO,CAAC;AACjC,CAAC,CAAC;AAEF;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,KAAoB,EAAW,EAAE;IACxD,OAAO,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;AACzC,CAAC,CAAC;AAEF;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,KAAoB,EAAW,EAAE;IACzD,OAAO,KAAK,CAAC,GAAG,KAAK,QAAQ,CAAC;AAClC,CAAC,CAAC;AAEF;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAAoB,EAAW,EAAE;IACvD,OAAO,KAAK,CAAC,GAAG,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC;AACjE,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gooddata/sdk-ui-kit",
-  "version": "10.33.0-alpha.9",
+  "version": "10.34.0-alpha.1",
   "description": "GoodData SDK - UI Building Components",
   "repository": {
     "type": "git",
@@ -41,7 +41,7 @@
     "@gooddata/number-formatter": "^1.0.6",
     "@tanstack/react-virtual": "^3.11.1",
     "classnames": "^2.3.1",
-    "copy-to-clipboard": "^3.3.1",
+    "copy-to-clipboard": "^3.3.3",
     "cron-parser": "^5.1.1",
     "date-fns": "^2.22.1",
     "date-fns-tz": "^2.0.0",
@@ -53,17 +53,14 @@
     "react-content-loader": "^6.2.0",
     "react-day-picker": "^8.7.1",
     "react-fast-compare": "^3.2.0",
-    "react-helmet": "^6.1.0",
     "react-intl": "6.8.9",
     "react-loading-skeleton": "^3.4.0",
     "react-markdown": "^9.0.1",
     "react-measure": "^2.5.2",
-    "react-native-listener": "~1.1.0",
-    "react-portal": "^4.1.5",
+    "react-portal": "^4.3.0",
     "react-responsive": "^10.0.1",
-    "react-select": "^5.7.3",
+    "react-select": "^5.10.1",
     "react-textarea-autosize": "8.4.0",
-    "react-transition-group": "^4.4.2",
     "tinycolor2": "^1.4.2",
     "ts-invariant": "^0.7.5",
     "tslib": "^2.5.0",
@@ -78,11 +75,11 @@
     "@floating-ui/dom": "1.6.13",
     "@floating-ui/react-dom": "2.1.2",
     "@floating-ui/react": "~0.27.12",
-    "@gooddata/sdk-backend-spi": "10.33.0-alpha.9",
-    "@gooddata/sdk-model": "10.33.0-alpha.9",
-    "@gooddata/sdk-ui": "10.33.0-alpha.9",
-    "@gooddata/sdk-ui-theme-provider": "10.33.0-alpha.9",
-    "@gooddata/util": "10.33.0-alpha.9"
+    "@gooddata/sdk-backend-spi": "10.34.0-alpha.1",
+    "@gooddata/sdk-model": "10.34.0-alpha.1",
+    "@gooddata/sdk-ui-theme-provider": "10.34.0-alpha.1",
+    "@gooddata/sdk-ui": "10.34.0-alpha.1",
+    "@gooddata/util": "10.34.0-alpha.1"
   },
   "peerDependencies": {
     "react": "^16.10.0 || ^17.0.0 || ^18.0.0",
@@ -95,7 +92,7 @@
     "@microsoft/api-extractor": "^7.36.0",
     "@testing-library/dom": "10.4.0",
     "@testing-library/react": "16.0.1",
-    "@testing-library/user-event": "^14.4.3",
+    "@testing-library/user-event": "^14.6.1",
     "@types/debounce-promise": "^3.1.4",
     "@types/kefir": "^3.8.5",
     "@types/lodash": "^4.14.202",
@@ -103,10 +100,8 @@
     "@types/raf": "^3.4.0",
     "@types/react": "18.3.23",
     "@types/react-dom": "18.3.7",
-    "@types/react-helmet": "^6.1.4",
     "@types/react-measure": "^2.0.8",
-    "@types/react-portal": "^4.0.2",
-    "@types/react-transition-group": "^4.4.4",
+    "@types/react-portal": "^4.0.7",
     "@types/tinycolor2": "^1.4.2",
     "@types/uuid": "^8.3.4",
     "@typescript-eslint/eslint-plugin": "^5.57.1",
@@ -139,8 +134,8 @@
     "typescript": "5.3.3",
     "vitest": "3.0.8",
     "vitest-dom": "0.1.1",
-    "@gooddata/reference-workspace": "10.33.0-alpha.9",
-    "@gooddata/sdk-backend-mockingbird": "10.33.0-alpha.9"
+    "@gooddata/reference-workspace": "10.34.0-alpha.1",
+    "@gooddata/sdk-backend-mockingbird": "10.34.0-alpha.1"
   },
   "scripts": {
     "clean": "rm -rf ci dist esm coverage styles/css *.log tsconfig.tsbuildinfo",

package/src/@ui/UiLink/UiLink.scss

@@ -4,7 +4,11 @@
 
 .gd-ui-kit-link {
     &--variant-primary {
-        color: variables.$gd-palette-primary-base;
+        &,
+        &:focus,
+        &:active {
+            color: variables.$gd-palette-primary-base;
+        }
 
         &:hover {
             color: variables.$gd-palette-primary-base-darken06;
@@ -12,7 +16,11 @@
     }
 
     &--variant-secondary {
-        color: variables.$gd-color-link;
+        &,
+        &:focus,
+        &:active {
+            color: variables.$gd-color-link;
+        }
 
         &:hover {
             color: variables.$gd-color-text;
@@ -20,7 +28,11 @@
     }
 
     &--variant-inverse {
-        color: variables.$gd-color-text-light;
+        &,
+        &:focus,
+        &:active {
+            color: variables.$gd-color-text-light;
+        }
 
         &:hover {
             color: variables.$gd-color-text-light;

package/styles/css/SVGicons.css

@@ -11,7 +11,7 @@
 }
 .gd-icon-fact::before,
 .gd-icon-measure::before {
-  background-image: url("~@gooddata/sdk-ui-kit/styles/icons/measure.svg");
+  background-image: url("@gooddata/sdk-ui-kit/styles/icons/measure.svg");
 }
 .gd-icon-fact.disabled::before, .gd-icon-fact[disabled=disabled]::before,
 .gd-icon-measure.disabled::before,
@@ -29,7 +29,7 @@
 .gd-icon-fact.disabled::before, .gd-icon-fact[disabled=disabled]::before,
 .gd-icon-measure.disabled::before,
 .gd-icon-measure[disabled=disabled]::before {
-  background-image: url("~@gooddata/sdk-ui-kit/styles/icons/measure-disabled.svg");
+  background-image: url("@gooddata/sdk-ui-kit/styles/icons/measure-disabled.svg");
 }
 .gd-icon-fact.gd-button-small::before, .gd-icon-fact.gd-button-link::before,
 .gd-icon-measure.gd-button-small::before,
@@ -47,7 +47,7 @@
   height: 100%;
 }
 .gd-icon-aggregation::before {
-  background-image: url("~@gooddata/sdk-ui-kit/styles/icons/sum.svg");
+  background-image: url("@gooddata/sdk-ui-kit/styles/icons/sum.svg");
 }
 .gd-icon-aggregation.gd-button-small::before, .gd-icon-aggregation.gd-button-link::before {
   margin-top: -1px;
@@ -63,7 +63,7 @@
   height: 100%;
 }
 .gd-icon-metric::before {
-  background-image: url("~@gooddata/sdk-ui-kit/styles/icons/metric.svg");
+  background-image: url("@gooddata/sdk-ui-kit/styles/icons/metric.svg");
 }
 .gd-icon-metric.disabled::before, .gd-icon-metric[disabled=disabled]::before {
   content: "";
@@ -75,7 +75,7 @@
   height: 100%;
 }
 .gd-icon-metric.disabled::before, .gd-icon-metric[disabled=disabled]::before {
-  background-image: url("~@gooddata/sdk-ui-kit/styles/icons/metric-disabled.svg");
+  background-image: url("@gooddata/sdk-ui-kit/styles/icons/metric-disabled.svg");
 }
 .gd-icon-metric.gd-button-small::before, .gd-icon-metric.gd-button-link::before {
   margin-top: -1px;
@@ -91,7 +91,7 @@
   height: 100%;
 }
 .gd-icon-attribute::before {
-  background-image: url("~@gooddata/sdk-ui-kit/styles/icons/attribute.svg");
+  background-image: url("@gooddata/sdk-ui-kit/styles/icons/attribute.svg");
 }
 .gd-icon-attribute.disabled::before, .gd-icon-attribute[disabled=disabled]::before {
   content: "";
@@ -103,7 +103,7 @@
   height: 100%;
 }
 .gd-icon-attribute.disabled::before, .gd-icon-attribute[disabled=disabled]::before {
-  background-image: url("~@gooddata/sdk-ui-kit/styles/icons/attribute-disabled.svg");
+  background-image: url("@gooddata/sdk-ui-kit/styles/icons/attribute-disabled.svg");
 }
 .gd-icon-attribute.gd-button-small::before, .gd-icon-attribute.gd-button-link::before {
   margin-top: -1px;
@@ -119,7 +119,7 @@
   height: 100%;
 }
 .gd-icon-model::before {
-  background-image: url("~@gooddata/sdk-ui-kit/styles/icons/model.svg");
+  background-image: url("@gooddata/sdk-ui-kit/styles/icons/model.svg");
 }
 .gd-icon-model.is-active::before {
   content: "";
@@ -131,7 +131,7 @@
   height: 100%;
 }
 .gd-icon-model.is-active::before {
-  background-image: url("~@gooddata/sdk-ui-kit/styles/icons/model-active.svg");
+  background-image: url("@gooddata/sdk-ui-kit/styles/icons/model-active.svg");
 }
 
 .gd-icon-sources::before {
@@ -144,7 +144,7 @@
   height: 100%;
 }
 .gd-icon-sources::before {
-  background-image: url("~@gooddata/sdk-ui-kit/styles/icons/sources.svg");
+  background-image: url("@gooddata/sdk-ui-kit/styles/icons/sources.svg");
 }
 .gd-icon-sources.is-active::before {
   content: "";
@@ -156,7 +156,7 @@
   height: 100%;
 }
 .gd-icon-sources.is-active::before {
-  background-image: url("~@gooddata/sdk-ui-kit/styles/icons/sources-active.svg");
+  background-image: url("@gooddata/sdk-ui-kit/styles/icons/sources-active.svg");
 }
 
 .gd-icon-date::before {
@@ -169,7 +169,7 @@
   height: 100%;
 }
 .gd-icon-date::before {
-  background-image: url("~@gooddata/sdk-ui-kit/styles/icons/date.svg");
+  background-image: url("@gooddata/sdk-ui-kit/styles/icons/date.svg");
 }
 .gd-icon-date.disabled::before, .gd-icon-date[disabled=disabled]::before {
   content: "";
@@ -181,7 +181,7 @@
   height: 100%;
 }
 .gd-icon-date.disabled::before, .gd-icon-date[disabled=disabled]::before {
-  background-image: url("~@gooddata/sdk-ui-kit/styles/icons/date-disabled.svg");
+  background-image: url("@gooddata/sdk-ui-kit/styles/icons/date-disabled.svg");
 }
 .gd-icon-date.gd-button-small::before {
   margin-top: -1px;
@@ -205,7 +205,7 @@
   height: 100%;
 }
 .gd-icon-all::before {
-  background-image: url("~@gooddata/sdk-ui-kit/styles/icons/all.svg");
+  background-image: url("@gooddata/sdk-ui-kit/styles/icons/all.svg");
 }
 .gd-icon-all.gd-button-small::before {
   margin-top: -1px;
@@ -224,7 +224,7 @@
   height: 100%;
 }
 .gd-icon-greater-than::before {
-  background-image: url("~@gooddata/sdk-ui-kit/styles/icons/greater-than.svg");
+  background-image: url("@gooddata/sdk-ui-kit/styles/icons/greater-than.svg");
 }
 .gd-icon-greater-than.gd-button-small::before {
   margin-top: -1px;
@@ -243,7 +243,7 @@
   height: 100%;
 }
 .gd-icon-greater-than-equal-to::before {
-  background-image: url("~@gooddata/sdk-ui-kit/styles/icons/greater-than-equal-to.svg");
+  background-image: url("@gooddata/sdk-ui-kit/styles/icons/greater-than-equal-to.svg");
 }
 .gd-icon-greater-than-equal-to.gd-button-small::before {
   margin-top: -1px;
@@ -262,7 +262,7 @@
   height: 100%;
 }
 .gd-icon-less-than::before {
-  background-image: url("~@gooddata/sdk-ui-kit/styles/icons/less-than.svg");
+  background-image: url("@gooddata/sdk-ui-kit/styles/icons/less-than.svg");
 }
 .gd-icon-less-than.gd-button-small::before {
   margin-top: -1px;
@@ -281,7 +281,7 @@
   height: 100%;
 }
 .gd-icon-less-than-equal-to::before {
-  background-image: url("~@gooddata/sdk-ui-kit/styles/icons/less-than-equal-to.svg");
+  background-image: url("@gooddata/sdk-ui-kit/styles/icons/less-than-equal-to.svg");
 }
 .gd-icon-less-than-equal-to.gd-button-small::before {
   margin-top: -1px;
@@ -300,7 +300,7 @@
   height: 100%;
 }
 .gd-icon-between::before {
-  background-image: url("~@gooddata/sdk-ui-kit/styles/icons/between.svg");
+  background-image: url("@gooddata/sdk-ui-kit/styles/icons/between.svg");
 }
 .gd-icon-between.gd-button-small::before {
   margin-top: -1px;
@@ -319,7 +319,7 @@
   height: 100%;
 }
 .gd-icon-not-between::before {
-  background-image: url("~@gooddata/sdk-ui-kit/styles/icons/not-between.svg");
+  background-image: url("@gooddata/sdk-ui-kit/styles/icons/not-between.svg");
 }
 .gd-icon-not-between.gd-button-small::before {
   margin-top: -1px;
@@ -338,7 +338,7 @@
   height: 100%;
 }
 .gd-icon-equal-to::before {
-  background-image: url("~@gooddata/sdk-ui-kit/styles/icons/equal-to.svg");
+  background-image: url("@gooddata/sdk-ui-kit/styles/icons/equal-to.svg");
 }
 .gd-icon-equal-to.gd-button-small::before {
   margin-top: -1px;
@@ -357,7 +357,7 @@
   height: 100%;
 }
 .gd-icon-not-equal-to::before {
-  background-image: url("~@gooddata/sdk-ui-kit/styles/icons/not-equal-to.svg");
+  background-image: url("@gooddata/sdk-ui-kit/styles/icons/not-equal-to.svg");
 }
 .gd-icon-not-equal-to.gd-button-small::before {
   margin-top: -1px;
@@ -376,7 +376,7 @@
   height: 100%;
 }
 .gd-icon-increases-by::before {
-  background-image: url("~@gooddata/sdk-ui-kit/styles/icons/increases-by.svg");
+  background-image: url("@gooddata/sdk-ui-kit/styles/icons/increases-by.svg");
 }
 .gd-icon-increases-by.gd-button-small::before {
   margin-top: -1px;
@@ -395,7 +395,7 @@
   height: 100%;
 }
 .gd-icon-decreases-by::before {
-  background-image: url("~@gooddata/sdk-ui-kit/styles/icons/decreases-by.svg");
+  background-image: url("@gooddata/sdk-ui-kit/styles/icons/decreases-by.svg");
 }
 .gd-icon-decreases-by.gd-button-small::before {
   margin-top: -1px;
@@ -414,7 +414,7 @@
   height: 100%;
 }
 .gd-icon-changes-by::before {
-  background-image: url("~@gooddata/sdk-ui-kit/styles/icons/changes-by.svg");
+  background-image: url("@gooddata/sdk-ui-kit/styles/icons/changes-by.svg");
 }
 .gd-icon-changes-by.gd-button-small::before {
   margin-top: -1px;
@@ -433,7 +433,7 @@
   height: 100%;
 }
 .gd-icon-label::before {
-  background-image: url("~@gooddata/sdk-ui-kit/styles/icons/label.svg");
+  background-image: url("@gooddata/sdk-ui-kit/styles/icons/label.svg");
 }
 .gd-icon-label-disabled::before, .gd-icon-label.disabled::before, .gd-icon-label[disabled=disabled]::before {
   content: "";
@@ -445,7 +445,7 @@
   height: 100%;
 }
 .gd-icon-label-disabled::before, .gd-icon-label.disabled::before, .gd-icon-label[disabled=disabled]::before {
-  background-image: url("~@gooddata/sdk-ui-kit/styles/icons/label-disabled.svg");
+  background-image: url("@gooddata/sdk-ui-kit/styles/icons/label-disabled.svg");
 }
 .gd-icon-label-active::before {
   content: "";
@@ -457,7 +457,7 @@
   height: 100%;
 }
 .gd-icon-label-active::before {
-  background-image: url("~@gooddata/sdk-ui-kit/styles/icons/label-active.svg");
+  background-image: url("@gooddata/sdk-ui-kit/styles/icons/label-active.svg");
 }
 .gd-icon-label-warning::before {
   content: "";
@@ -469,7 +469,7 @@
   height: 100%;
 }
 .gd-icon-label-warning::before {
-  background-image: url("~@gooddata/sdk-ui-kit/styles/icons/label-warning.svg");
+  background-image: url("@gooddata/sdk-ui-kit/styles/icons/label-warning.svg");
 }
 
 .gd-icon-hyperlink::before {
@@ -482,7 +482,7 @@
   height: 100%;
 }
 .gd-icon-hyperlink::before {
-  background-image: url("~@gooddata/sdk-ui-kit/styles/icons/hyperlink.svg");
+  background-image: url("@gooddata/sdk-ui-kit/styles/icons/hyperlink.svg");
 }
 .gd-icon-hyperlink-disabled::before, .gd-icon-hyperlink.disabled::before, .gd-icon-hyperlink[disabled=disabled]::before {
   content: "";
@@ -494,7 +494,7 @@
   height: 100%;
 }
 .gd-icon-hyperlink-disabled::before, .gd-icon-hyperlink.disabled::before, .gd-icon-hyperlink[disabled=disabled]::before {
-  background-image: url("~@gooddata/sdk-ui-kit/styles/icons/hyperlink-disabled.svg");
+  background-image: url("@gooddata/sdk-ui-kit/styles/icons/hyperlink-disabled.svg");
 }
 .gd-icon-hyperlink-active::before {
   content: "";
@@ -506,7 +506,7 @@
   height: 100%;
 }
 .gd-icon-hyperlink-active::before {
-  background-image: url("~@gooddata/sdk-ui-kit/styles/icons/hyperlink-active.svg");
+  background-image: url("@gooddata/sdk-ui-kit/styles/icons/hyperlink-active.svg");
 }
 .gd-icon-hyperlink-warning::before {
   content: "";
@@ -518,7 +518,7 @@
   height: 100%;
 }
 .gd-icon-hyperlink-warning::before {
-  background-image: url("~@gooddata/sdk-ui-kit/styles/icons/hyperlink-warning.svg");
+  background-image: url("@gooddata/sdk-ui-kit/styles/icons/hyperlink-warning.svg");
 }
 
 .gd-icon-image::before {
@@ -531,7 +531,7 @@
   height: 100%;
 }
 .gd-icon-image::before {
-  background-image: url("~@gooddata/sdk-ui-kit/styles/icons/image.svg");
+  background-image: url("@gooddata/sdk-ui-kit/styles/icons/image.svg");
 }
 
 /*# sourceMappingURL=SVGicons.css.map */

package/styles/css/chartSorting.css

@@ -106,31 +106,31 @@
 
 .gd-sort-attribute-section .gd-icon-sort-numerical-asc::before,
 .gd-attribute-sorting-dropdown-body .gd-icon-sort-numerical-asc::before {
-  background-image: url("~@gooddata/sdk-ui-kit/styles/icons/sort-numerical-asc.svg");
+  background-image: url("@gooddata/sdk-ui-kit/styles/icons/sort-numerical-asc.svg");
 }
 .gd-sort-attribute-section .gd-icon-sort-numerical-desc::before,
 .gd-attribute-sorting-dropdown-body .gd-icon-sort-numerical-desc::before {
-  background-image: url("~@gooddata/sdk-ui-kit/styles/icons/sort-numerical-desc.svg");
+  background-image: url("@gooddata/sdk-ui-kit/styles/icons/sort-numerical-desc.svg");
 }
 .gd-sort-attribute-section .gd-icon-sort-alphabetical-asc::before,
 .gd-attribute-sorting-dropdown-body .gd-icon-sort-alphabetical-asc::before {
-  background-image: url("~@gooddata/sdk-ui-kit/styles/icons/sort-alphabetical-asc.svg");
+  background-image: url("@gooddata/sdk-ui-kit/styles/icons/sort-alphabetical-asc.svg");
 }
 .gd-sort-attribute-section .gd-icon-sort-alphabetical-desc::before,
 .gd-attribute-sorting-dropdown-body .gd-icon-sort-alphabetical-desc::before {
-  background-image: url("~@gooddata/sdk-ui-kit/styles/icons/sort-alphabetical-desc.svg");
+  background-image: url("@gooddata/sdk-ui-kit/styles/icons/sort-alphabetical-desc.svg");
 }
 .gd-sort-attribute-section .gd-icon-sort-date-asc::before,
 .gd-attribute-sorting-dropdown-body .gd-icon-sort-date-asc::before {
-  background-image: url("~@gooddata/sdk-ui-kit/styles/icons/sort-date-asc.svg");
+  background-image: url("@gooddata/sdk-ui-kit/styles/icons/sort-date-asc.svg");
 }
 .gd-sort-attribute-section .gd-icon-sort-date-desc::before,
 .gd-attribute-sorting-dropdown-body .gd-icon-sort-date-desc::before {
-  background-image: url("~@gooddata/sdk-ui-kit/styles/icons/sort-date-desc.svg");
+  background-image: url("@gooddata/sdk-ui-kit/styles/icons/sort-date-desc.svg");
 }
 .gd-sort-attribute-section .gd-icon-sort-default::before,
 .gd-attribute-sorting-dropdown-body .gd-icon-sort-default::before {
-  background-image: url("~@gooddata/sdk-ui-kit/styles/icons/sort-default.svg");
+  background-image: url("@gooddata/sdk-ui-kit/styles/icons/sort-default.svg");
 }
 
 /*# sourceMappingURL=chartSorting.css.map */

package/styles/css/embedInsightDialog.css

@@ -76,7 +76,7 @@
   display: flex;
   align-items: center;
   justify-content: space-evenly;
-  background: url("~@gooddata/sdk-ui-kit/styles/images/embed-insight/code-area-placeholder.svg") no-repeat center center;
+  background: url("@gooddata/sdk-ui-kit/styles/images/embed-insight/code-area-placeholder.svg") no-repeat center center;
   background-size: cover;
   width: 100%;
   height: 100%;

package/styles/css/header.css

@@ -233,16 +233,16 @@
   height: 16px;
 }
 .gd-list-help-menu-item .gd-icon-slack {
-  background: url("~@gooddata/sdk-ui-kit/esm/assets/slack.svg") no-repeat;
+  background: url("@gooddata/sdk-ui-kit/esm/assets/slack.svg") no-repeat;
 }
 .gd-list-help-menu-item .gd-icon-documentation {
-  background: url("~@gooddata/sdk-ui-kit/esm/assets/documentation.svg") no-repeat;
+  background: url("@gooddata/sdk-ui-kit/esm/assets/documentation.svg") no-repeat;
 }
 .gd-list-help-menu-item .gd-icon-university {
-  background: url("~@gooddata/sdk-ui-kit/esm/assets/university.svg") no-repeat;
+  background: url("@gooddata/sdk-ui-kit/esm/assets/university.svg") no-repeat;
 }
 .gd-list-help-menu-item .gd-icon-community {
-  background: url("~@gooddata/sdk-ui-kit/esm/assets/community.svg") no-repeat;
+  background: url("@gooddata/sdk-ui-kit/esm/assets/community.svg") no-repeat;
 }
 .gd-list-help-menu-item.gd-list-item.gd-menu-item-divider {
   margin-bottom: 18px;
@@ -847,23 +847,19 @@ a.gd-list-help-menu-item.gd-list-item:focus {
   border-bottom-right-radius: 0;
   border-top-right-radius: 0;
 }
-.gd-data-header-menu-section .gd-icon-sources.is-normal::before {
-  background: url("~@gooddata/sdk-ui-kit/esm/assets/data_source_normal_state.svg") no-repeat;
-}
 .gd-data-header-menu-section .gd-icon-sources.is-active::before {
-  background: url("~@gooddata/sdk-ui-kit/esm/assets/data_source_active_state.svg") no-repeat;
-}
-.gd-data-header-menu-section .gd-icon-sources.disabled::before {
-  background: url("~@gooddata/sdk-ui-kit/esm/assets/data_source_disabled_state.svg") no-repeat;
+  background: url("@gooddata/sdk-ui-kit/esm/assets/data_source_active_state.svg") no-repeat;
 }
 .gd-data-header-menu-section .gd-icon-sources::before {
   top: 11px;
   margin-top: 1px;
 }
-.gd-data-header-menu-section .gd-icon-sources::before.disabled {
+.gd-data-header-menu-section .gd-icon-sources.disabled::before {
+  background: url("@gooddata/sdk-ui-kit/esm/assets/data_source_disabled_state.svg") no-repeat;
   color: var(--gd-palette-complementary-5, #b0beca);
 }
-.gd-data-header-menu-section .gd-icon-sources::before.is-normal {
+.gd-data-header-menu-section .gd-icon-sources.is-normal::before {
+  background: url("@gooddata/sdk-ui-kit/esm/assets/data_source_normal_state.svg") no-repeat;
   color: var(--gd-palette-complementary-7, #6d7680);
 }
 .gd-data-header-menu-section .gd-icon-sources:hover {
@@ -879,17 +875,15 @@ a.gd-list-help-menu-item.gd-list-item:focus {
 .gd-data-header-menu-section .gd-icon-model {
   border-radius: 0;
 }
-.gd-data-header-menu-section .gd-icon-model.is-normal::before {
-  background: url("~@gooddata/sdk-ui-kit/esm/assets/model-normal-state.svg") no-repeat;
-}
 .gd-data-header-menu-section .gd-icon-model::before {
   top: 11px;
   margin-top: 1px;
 }
-.gd-data-header-menu-section .gd-icon-model::before.disabled {
+.gd-data-header-menu-section .gd-icon-model.disabled::before {
   color: var(--gd-palette-complementary-5, #b0beca);
 }
-.gd-data-header-menu-section .gd-icon-model::before.is-normal {
+.gd-data-header-menu-section .gd-icon-model.is-normal::before {
+  background: url("@gooddata/sdk-ui-kit/esm/assets/model-normal-state.svg") no-repeat;
   color: var(--gd-palette-complementary-7, #6d7680);
 }
 .gd-data-header-menu-section .gd-icon-model:hover {
@@ -909,13 +903,10 @@ a.gd-list-help-menu-item.gd-list-item:focus {
 .gd-data-header-menu-section .gd-icon-cloud-upload::before {
   top: 11px;
 }
-.gd-data-header-menu-section .gd-icon-cloud-upload::before.disabled {
-  color: var(--gd-palette-complementary-5, #b0beca);
-}
-.gd-data-header-menu-section .gd-icon-cloud-upload::before.disabled {
+.gd-data-header-menu-section .gd-icon-cloud-upload.disabled::before {
   color: var(--gd-palette-complementary-5, #b0beca);
 }
-.gd-data-header-menu-section .gd-icon-cloud-upload::before.is-normal {
+.gd-data-header-menu-section .gd-icon-cloud-upload.is-normal::before {
   color: var(--gd-palette-complementary-7, #6d7680);
 }
 .gd-data-header-menu-section .gd-icon-cloud-upload:hover {
@@ -928,9 +919,6 @@ a.gd-list-help-menu-item.gd-list-item:focus {
 .gd-data-header-menu-section .gd-icon-cloud-upload:hover.is-normal {
   color: var(--gd-palette-complementary-7, #6d7680);
 }
-.gd-data-header-menu-section .gd-icon-cloud-upload.is-normal::before {
-  color: var(--gd-palette-complementary-7, #6d7680);
-}
 .gd-data-header-menu-section button.is-active[class*=gd-button-]::before,
 .gd-data-header-menu-section button[class*=gd-button-]::before {
   width: 19px;
@@ -1009,7 +997,7 @@ button.gd-button-primary.gd-upsell-button .gd-icon-star {
   width: 14px;
   height: 13px;
   margin: auto 7px 6.5px 11px;
-  background: url("~@gooddata/sdk-ui-kit/esm/assets/star.svg") no-repeat;
+  background: url("@gooddata/sdk-ui-kit/esm/assets/star.svg") no-repeat;
 }
 button.gd-button-primary.gd-upsell-button:hover {
   box-sizing: border-box;