@gooddata/sdk-ui-ext 11.47.0-alpha.0 → 11.47.0-alpha.2

package/esm/locales.js

@@ -22,6 +22,10 @@ export const titles = defineMessages({
     measures_sankey: { id: "dashboard.bucket.measures_title.sankey" },
     measures_dependencywheel: { id: "dashboard.bucket.measures_title.dependencywheel" },
     measures_waterfall: { id: "dashboard.bucket.measures_title.waterfall" },
+    measures_mekko: { id: "dashboard.bucket.measures_title.mekko" },
+    secondary_measures_mekko: { id: "dashboard.bucket.secondary_measures_title.mekko" },
+    view_mekko: { id: "dashboard.bucket.view_title.mekko" },
+    stack_mekko: { id: "dashboard.bucket.stack_title.mekko" },
     secondary_measures_headline: { id: "dashboard.bucket.secondary_measures_title.headline" },
     secondary_measures_scatter: { id: "dashboard.bucket.secondary_measures_title.scatter" },
     secondary_measures_combo: { id: "dashboard.bucket.secondary_measures_title.combo" },
@@ -79,6 +83,8 @@ export const subtitles = defineMessages({
     measures_combo: { id: "dashboard.bucket.measures_subtitle.combo" },
     measures_bubble: { id: "dashboard.bucket.measures_subtitle.bubble" },
     measures_bullet: { id: "dashboard.bucket.measures_subtitle.bullet" },
+    measures_mekko: { id: "dashboard.bucket.measures_subtitle.mekko" },
+    secondary_measures_mekko: { id: "dashboard.bucket.secondary_measures_subtitle.mekko" },
     secondary_measures_headline: { id: "dashboard.bucket.secondary_measures_subtitle.headline" },
     secondary_measures_scatter: { id: "dashboard.bucket.secondary_measures_subtitle.scatter" },
     secondary_measures_combo: { id: "dashboard.bucket.secondary_measures_subtitle.combo" },
@@ -225,9 +231,21 @@ export const messages = defineMessages({
     pointsSizeMaxTitle: { id: "properties.points.size.max.title" },
     customColor: { id: "gs.color-dropdown.custom-color" },
     resetColors: { id: "properties.colors.reset-colors" },
+    resetColorsAndStyles: { id: "properties.colors.reset-colors-and-styles" },
     unsupportedColors: { id: "properties.colors.unsupported" },
     colors: { id: "properties.colors" },
     colorsAndFills: { id: "properties.colorsAndFills" },
+    colorsAndStyles: { id: "properties.colorsAndStyles" },
+    lineStyleSolid: { id: "properties.lineStyle.solid" },
+    lineStyleDashed: { id: "properties.lineStyle.dashed" },
+    lineStyleDotted: { id: "properties.lineStyle.dotted" },
+    lineStyleLabel: { id: "properties.lineStyle.label" },
+    lineStyleTriggerAriaLabel: { id: "properties.lineStyle.triggerAriaLabel" },
+    lineWidthLabel: { id: "properties.lineWidth.label" },
+    lineWidth1: { id: "properties.lineWidth.1px" },
+    lineWidth2: { id: "properties.lineWidth.2px" },
+    lineWidth3: { id: "properties.lineWidth.3px" },
+    lineWidth4: { id: "properties.lineWidth.4px" },
     fill: { id: "properties.fill" },
     fillSolid: { id: "properties.fill.solid" },
     fillPattern: { id: "properties.fill.pattern" },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gooddata/sdk-ui-ext",
-  "version": "11.47.0-alpha.0",
+  "version": "11.47.0-alpha.2",
   "description": "GoodData.UI SDK - Extensions",
   "license": "LicenseRef-LICENSE",
   "author": "GoodData Corporation",
@@ -63,20 +63,20 @@
     "ts-invariant": "0.10.3",
     "tslib": "2.8.1",
     "uuid": "11.1.1",
-    "@gooddata/sdk-backend-base": "11.47.0-alpha.0",
-    "@gooddata/sdk-embedding": "11.47.0-alpha.0",
-    "@gooddata/sdk-model": "11.47.0-alpha.0",
-    "@gooddata/sdk-ui-filters": "11.47.0-alpha.0",
-    "@gooddata/sdk-ui": "11.47.0-alpha.0",
-    "@gooddata/sdk-ui-geo": "11.47.0-alpha.0",
-    "@gooddata/sdk-ui-charts": "11.47.0-alpha.0",
-    "@gooddata/sdk-ui-kit": "11.47.0-alpha.0",
-    "@gooddata/sdk-backend-spi": "11.47.0-alpha.0",
-    "@gooddata/sdk-ui-pivot": "11.47.0-alpha.0",
-    "@gooddata/sdk-ui-semantic-search": "11.47.0-alpha.0",
-    "@gooddata/sdk-ui-theme-provider": "11.47.0-alpha.0",
-    "@gooddata/util": "11.47.0-alpha.0",
-    "@gooddata/sdk-ui-vis-commons": "11.47.0-alpha.0"
+    "@gooddata/sdk-backend-base": "11.47.0-alpha.2",
+    "@gooddata/sdk-backend-spi": "11.47.0-alpha.2",
+    "@gooddata/sdk-embedding": "11.47.0-alpha.2",
+    "@gooddata/sdk-model": "11.47.0-alpha.2",
+    "@gooddata/sdk-ui": "11.47.0-alpha.2",
+    "@gooddata/sdk-ui-charts": "11.47.0-alpha.2",
+    "@gooddata/sdk-ui-filters": "11.47.0-alpha.2",
+    "@gooddata/sdk-ui-geo": "11.47.0-alpha.2",
+    "@gooddata/sdk-ui-kit": "11.47.0-alpha.2",
+    "@gooddata/sdk-ui-pivot": "11.47.0-alpha.2",
+    "@gooddata/sdk-ui-semantic-search": "11.47.0-alpha.2",
+    "@gooddata/sdk-ui-theme-provider": "11.47.0-alpha.2",
+    "@gooddata/sdk-ui-vis-commons": "11.47.0-alpha.2",
+    "@gooddata/util": "11.47.0-alpha.2"
   },
   "devDependencies": {
     "@microsoft/api-documenter": "^7.17.0",
@@ -124,12 +124,12 @@
     "typescript": "5.9.3",
     "vitest": "4.1.8",
     "vitest-dom": "0.1.1",
-    "@gooddata/eslint-config": "11.47.0-alpha.0",
-    "@gooddata/i18n-toolkit": "11.47.0-alpha.0",
-    "@gooddata/reference-workspace": "11.47.0-alpha.0",
-    "@gooddata/sdk-backend-mockingbird": "11.47.0-alpha.0",
-    "@gooddata/oxlint-config": "11.47.0-alpha.0",
-    "@gooddata/stylelint-config": "11.47.0-alpha.0"
+    "@gooddata/eslint-config": "11.47.0-alpha.2",
+    "@gooddata/i18n-toolkit": "11.47.0-alpha.2",
+    "@gooddata/oxlint-config": "11.47.0-alpha.2",
+    "@gooddata/reference-workspace": "11.47.0-alpha.2",
+    "@gooddata/stylelint-config": "11.47.0-alpha.2",
+    "@gooddata/sdk-backend-mockingbird": "11.47.0-alpha.2"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",

package/styles/internal/css/config_panel.css

@@ -573,4 +573,86 @@
   padding-left: 20px;
 }
 
+.gd-line-style-item-trigger {
+  display: block;
+  width: 100%;
+  padding: 0;
+  margin: 0;
+  border: none;
+  background: transparent;
+  text-align: left;
+  cursor: pointer;
+}
+.gd-line-style-item-trigger:disabled {
+  cursor: not-allowed;
+}
+
+.gd-line-style-toolbar {
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  padding: 6px 8px;
+  background: var(--gd-palette-complementary-0, #fff);
+  border: 1px solid var(--gd-palette-complementary-3, #dde4eb);
+  border-radius: 3px;
+  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
+}
+.gd-line-style-toolbar.is-disabled {
+  pointer-events: none;
+  opacity: 0.5;
+}
+.gd-line-style-toolbar__divider {
+  width: 1px;
+  height: 28px;
+  background: var(--gd-palette-complementary-3, #dde4eb);
+  flex-shrink: 0;
+}
+.gd-line-style-toolbar__btn {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  height: 28px;
+  padding: 0 4px;
+  cursor: pointer;
+  color: var(--gd-palette-complementary-8, #464e56);
+  border-radius: 2px;
+  border: none;
+  background: transparent;
+  font: inherit;
+}
+.gd-line-style-toolbar__btn:focus-visible {
+  outline: 2px solid #14b2e2;
+  outline-offset: 1px;
+}
+.gd-line-style-toolbar__btn:hover {
+  background: var(--gd-palette-complementary-2, #ebeff4);
+}
+.gd-line-style-toolbar__btn.is-open {
+  background: var(--gd-palette-complementary-2, #ebeff4);
+  color: #14b2e2;
+}
+.gd-line-style-toolbar__btn.is-disabled, .gd-line-style-toolbar__btn:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+  pointer-events: none;
+}
+.gd-line-style-toolbar__btn .gd-icon-navigatedown {
+  font-size: 10px;
+  color: var(--gd-palette-complementary-7, #6d7680);
+}
+.gd-line-style-toolbar__color-swatch {
+  width: 20px;
+  height: 20px;
+  border-radius: 2px;
+  flex-shrink: 0;
+  overflow: hidden;
+}
+.gd-line-style-toolbar__weight-text {
+  font-size: 14px;
+  color: var(--gd-palette-complementary-7, #6d7680);
+  white-space: nowrap;
+  min-width: 28px;
+  text-align: center;
+}
+
 /*# sourceMappingURL=config_panel.css.map */

package/styles/internal/css/config_panel.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../node_modules/@gooddata/sdk-ui-kit/styles/scss/colorPicker.scss","../../../node_modules/@gooddata/sdk-ui-kit/styles/scss/variables.scss","../scss/config_panel.scss"],"names":[],"mappings":"AAGA;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;;AAGJ;EAGI;EACA;EACA;;AAIA;EACI;;AAGJ;EACI;;AAGJ;EAGI;;;AAKZ;EACI;EACA,OC3BY;ED4BZ;EACA;;AAEA;AAAA;EAEI;;AAGJ;EACI;;;AAIR;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;;;AAIR;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;;;AAIR;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;;;AEhHR;EACI,QAHmB;;;AAOnB;EACI,OD2BQ;EC1BR,YDsGgB;;ACjGhB;EACI;;AAIR;EACI;EACA;EACA;;AAEA;EACI;;;AAKZ;EACI;EACA,OAjCqB;EAkCrB,QAlCqB;EAmCrB;EACA;EACA,aArCqB;EAsCrB;;AAEA;EACI;EACA;EACA,OD1BS;EC2BT;EACA;EACA;;;AAIR;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI,OAlEqB;EAmErB,QAnEqB;EAoErB,QAnEmB;EAoEnB;EACA;EACA;EACA;;AAEA;EAII,cD7DS;EC8DT;;;AAIR;EACI;;;AASJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA,KA1Ge;EA2Gf;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAIR;EACI;EACA;;AAIA;EACI;EACA;;AAGJ;EACI;;;AAIR;EACI;EACA;EACA;EACA;EACA,OD5HgB;;;AC+HpB;EACI;;AAEA;EACI;;AAGJ;EACI;EACA;;;AAIR;EACI;;;AAGJ;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;;AAIR;EACI;EACA;;;AAGJ;EACI;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;;;AAIR;EACI;EACA;;AAEA;EACI;;;AAIR;EACI;EACA;EACA;;AAEA;EACI,kBD3HgB;EC4HhB;;AAEA;EACI;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI,MDxPQ;;AC2PhB;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAIR;EACI,ODvPmB;;;AC0PvB;EACI;;;AAGJ;EACI;EACA;;;AAIA;EACI;;;AAKJ;AAAA;EAEI;;AAIA;AAAA;EAEI;;AAIR;EACI;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;;;AAKJ;EACI;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;;AAEA;EACI;EACA;;;AAKZ;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA,ODvOQ;;AC0OZ;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;;AASJ;EACI,ODnWe;ECoWf;EACA;;AAGJ;EACI;;;AAIR;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA,kBDnSgB;ECoShB;;AAEA;EACI,ODhYW;ECiYX;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAEA;EACI;;AAKZ;EACI;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA,ODzZQ;EC0ZR;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA,OD3ae;EC4af;;AAEA;EACI;EACA;;AAIR;EACI;EACA,ODtbe;ECubf;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI,YD/WY;;ACiXZ;EACI;;AAKZ;EACI;EACA;EACA;EACA;EACA;;;AAIR;EACI;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA,ODjeY;;;AC0ehB;EACI;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA,YD5fS;;AC8fT;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA,ODxgBQ;ECygBR;EACA;;AAIA;EACI;EACA;EACA;EACA","file":"config_panel.css"}
+{"version":3,"sourceRoot":"","sources":["../../../node_modules/@gooddata/sdk-ui-kit/styles/scss/colorPicker.scss","../../../node_modules/@gooddata/sdk-ui-kit/styles/scss/variables.scss","../scss/config_panel.scss"],"names":[],"mappings":"AAGA;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;;AAGJ;EAGI;EACA;EACA;;AAIA;EACI;;AAGJ;EACI;;AAGJ;EAGI;;;AAKZ;EACI;EACA,OC3BY;ED4BZ;EACA;;AAEA;AAAA;EAEI;;AAGJ;EACI;;;AAIR;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;;;AAIR;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;;;AAIR;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;;;AEhHR;EACI,QAHmB;;;AAOnB;EACI,OD2BQ;EC1BR,YDsGgB;;ACjGhB;EACI;;AAIR;EACI;EACA;EACA;;AAEA;EACI;;;AAKZ;EACI;EACA,OAjCqB;EAkCrB,QAlCqB;EAmCrB;EACA;EACA,aArCqB;EAsCrB;;AAEA;EACI;EACA;EACA,OD1BS;EC2BT;EACA;EACA;;;AAIR;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI,OAlEqB;EAmErB,QAnEqB;EAoErB,QAnEmB;EAoEnB;EACA;EACA;EACA;;AAEA;EAII,cD7DS;EC8DT;;;AAIR;EACI;;;AASJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA,KA1Ge;EA2Gf;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAIR;EACI;EACA;;AAIA;EACI;EACA;;AAGJ;EACI;;;AAIR;EACI;EACA;EACA;EACA;EACA,OD5HgB;;;AC+HpB;EACI;;AAEA;EACI;;AAGJ;EACI;EACA;;;AAIR;EACI;;;AAGJ;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;;AAIR;EACI;EACA;;;AAGJ;EACI;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;;;AAIR;EACI;EACA;;AAEA;EACI;;;AAIR;EACI;EACA;EACA;;AAEA;EACI,kBD3HgB;EC4HhB;;AAEA;EACI;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI,MDxPQ;;AC2PhB;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAIR;EACI,ODvPmB;;;AC0PvB;EACI;;;AAGJ;EACI;EACA;;;AAIA;EACI;;;AAKJ;AAAA;EAEI;;AAIA;AAAA;EAEI;;AAIR;EACI;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;;;AAKJ;EACI;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;;AAEA;EACI;EACA;;;AAKZ;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA,ODvOQ;;AC0OZ;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;;AASJ;EACI,ODnWe;ECoWf;EACA;;AAGJ;EACI;;;AAIR;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA,kBDnSgB;ECoShB;;AAEA;EACI,ODhYW;ECiYX;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAEA;EACI;;AAKZ;EACI;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA,ODzZQ;EC0ZR;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA,OD3ae;EC4af;;AAEA;EACI;EACA;;AAIR;EACI;EACA,ODtbe;ECubf;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI,YD/WY;;ACiXZ;EACI;;AAKZ;EACI;EACA;EACA;EACA;EACA;;;AAIR;EACI;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA,ODjeY;;;AC0ehB;EACI;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA,YD5fS;;AC8fT;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA,ODxgBQ;ECygBR;EACA;;AAIA;EACI;EACA;EACA;EACA;;;AAKZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;;AAIR;EACI;EACA;EACA;EACA;EACA,YDxjBa;ECyjBb;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;EACA;EACA,YD/iBU;ECgjBV;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA,ODnkBQ;ECokBR;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI,YD7fY;;ACggBhB;EACI,YDjgBY;ECkgBZ,OD/mBS;;ACknBb;EAEI;EACA;EACA;;AAGJ;EACI;EACA,ODpmBI;;ACwmBZ;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA,ODlnBQ;ECmnBR;EACA;EACA","file":"config_panel.css"}

package/styles/internal/scss/config_panel.scss

@@ -568,3 +568,97 @@ $color-picker-spacing: 5px;
         }
     }
 }
+
+.gd-line-style-item-trigger {
+    display: block;
+    width: 100%;
+    padding: 0;
+    margin: 0;
+    border: none;
+    background: transparent;
+    text-align: left;
+    cursor: pointer;
+
+    &:disabled {
+        cursor: not-allowed;
+    }
+}
+
+.gd-line-style-toolbar {
+    display: inline-flex;
+    align-items: center;
+    gap: 8px;
+    padding: 6px 8px;
+    background: kit-variables.$gd-color-white;
+    border: 1px solid kit-variables.$gd-border-color;
+    border-radius: 3px;
+    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
+
+    &.is-disabled {
+        pointer-events: none;
+        opacity: 0.5;
+    }
+
+    &__divider {
+        width: 1px;
+        height: 28px;
+        background: kit-variables.$gd-border-color;
+        flex-shrink: 0;
+    }
+
+    &__btn {
+        display: flex;
+        align-items: center;
+        gap: 4px;
+        height: 28px;
+        padding: 0 4px;
+        cursor: pointer;
+        color: kit-variables.$gd-color-text;
+        border-radius: 2px;
+        border: none;
+        background: transparent;
+        font: inherit;
+
+        &:focus-visible {
+            outline: 2px solid kit-variables.$gd-color-highlight;
+            outline-offset: 1px;
+        }
+
+        &:hover {
+            background: kit-variables.$is-focused-background;
+        }
+
+        &.is-open {
+            background: kit-variables.$is-focused-background;
+            color: kit-variables.$gd-color-highlight;
+        }
+
+        &.is-disabled,
+        &:disabled {
+            opacity: 0.5;
+            cursor: not-allowed;
+            pointer-events: none;
+        }
+
+        .gd-icon-navigatedown {
+            font-size: 10px;
+            color: kit-variables.$gd-color-label;
+        }
+    }
+
+    &__color-swatch {
+        width: 20px;
+        height: 20px;
+        border-radius: 2px;
+        flex-shrink: 0;
+        overflow: hidden;
+    }
+
+    &__weight-text {
+        font-size: 14px;
+        color: kit-variables.$gd-color-label;
+        white-space: nowrap;
+        min-width: 28px;
+        text-align: center;
+    }
+}