@gooddata/sdk-ui-dashboard 11.49.0-alpha.1 → 11.49.0

package/esm/presentation/localization/bundles/zh-Hant.localization-bundle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"zh-Hant.localization-bundle.d.ts","sourceRoot":"","sources":["../../../../src/presentation/localization/bundles/zh-Hant.localization-bundle.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAs2BnB,CAAC"}
+{"version":3,"file":"zh-Hant.localization-bundle.d.ts","sourceRoot":"","sources":["../../../../src/presentation/localization/bundles/zh-Hant.localization-bundle.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAw2BnB,CAAC"}

package/esm/presentation/localization/bundles/zh-Hant.localization-bundle.js

@@ -145,6 +145,8 @@ export const zh_Hant = {
     "filters.configurationPanel.userFilterSave.toggle.tooltip": "允許自動儲存過濾器的最後狀態。當用戶返回時，他們的過濾器將保持原樣。",
     "filters.configurationPanel.filterViews.toggle": "已儲存的視圖",
     "filters.configurationPanel.filterViews.toggle.tooltip": "<p>允許使用者將過濾器狀態儲存為個人視圖，以便稍後返回。</p><p>只有儲存視圖的使用者才能存取它並將其設定為預設視圖。</p>",
+    "filters.configurationPanel.persistentFiltersAcrossTabs.toggle": "跨分頁的持續性篩選器",
+    "filters.configurationPanel.persistentFiltersAcrossTabs.toggle.tooltip": "允許跨分頁使用持續性篩選器。啟用後，篩選器將跨分頁持續保留。",
     "settingsDashboardDialog.sectionHeaders.dateDataset": "描述中的日期範圍",
     "settingsDashboardDialog.sectionHeaders.dateDataset.tooltip": "日期範圍篩選器用於章節描述中的指標所引用的日期資料集。",
     "dateDataset.autoSelect": "自動選擇",

package/esm/presentation/widget/common/configuration/DateDatasetDropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DateDatasetDropdown.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/widget/common/configuration/DateDatasetDropdown.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,KAAK,mBAAmB,EAAE,KAAK,MAAM,EAAkB,MAAM,qBAAqB,CAAC;AAsE5F,MAAM,WAAW,yBAAyB;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,mBAAmB,EAAE,SAAS,mBAAmB,EAAE,CAAC;IACpD,iBAAiB,CAAC,EAAE,mBAAmB,CAAC;IACxC,oBAAoB,CAAC,EAAE,mBAAmB,CAAC;IAC3C,qBAAqB,CAAC,EAAE,mBAAmB,CAAC;IAC5C,mBAAmB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,8BAA8B,CAAC,EAAE,OAAO,CAAC;IACzC,qBAAqB,EAAE,SAAS,mBAAmB,EAAE,GAAG,SAAS,CAAC;CACrE;AAOD,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,yBAAyB,2CAiLnE;AAED;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,QAAQ,EAAE,OAAO;;;EAiB9C"}
+{"version":3,"file":"DateDatasetDropdown.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/widget/common/configuration/DateDatasetDropdown.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,KAAK,mBAAmB,EAAE,KAAK,MAAM,EAAkB,MAAM,qBAAqB,CAAC;AAwE5F,MAAM,WAAW,yBAAyB;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,mBAAmB,EAAE,SAAS,mBAAmB,EAAE,CAAC;IACpD,iBAAiB,CAAC,EAAE,mBAAmB,CAAC;IACxC,oBAAoB,CAAC,EAAE,mBAAmB,CAAC;IAC3C,qBAAqB,CAAC,EAAE,mBAAmB,CAAC;IAC5C,mBAAmB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,8BAA8B,CAAC,EAAE,OAAO,CAAC;IACzC,qBAAqB,EAAE,SAAS,mBAAmB,EAAE,GAAG,SAAS,CAAC;CACrE;AAOD,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,yBAAyB,2CAiLnE;AAED;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,QAAQ,EAAE,OAAO;;;EAiB9C"}

package/esm/presentation/widget/common/configuration/DateDatasetDropdown.js

@@ -31,7 +31,7 @@ function DateDatasetsListItem({ id, title = "", isHeader, isSelected, isUnrelate
         "is-selected": isSelected,
         "is-unrelated": isUnrelated,
     });
-    return (_jsx("div", { className: classNames, onClick: onClick, children: _jsx(ShortenedText, { tooltipAlignPoints: tooltipAlignPoints, children: title }) }));
+    return (_jsx("div", { className: classNames, onClick: onClick, children: _jsx(ShortenedText, { tooltipAlignPoints: tooltipAlignPoints, ellipsisPosition: "end", children: title }) }));
 }
 export function DateDatasetDropdown(props) {
     const { className = "s-date-dataset-switch", isLoading = false, autoOpen = false, onDateDatasetChange, activeDateDataset, unrelatedDateDataset, dateFromVisualization, relatedDateDatasets, widgetRef, enableUnrelatedItemsVisibility, unrelatedDateDatasets, } = props;

package/package.json

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

package/styles/css/main.css

@@ -1737,6 +1737,140 @@ button.gd-list-item {
 }
 
 
+.gd-ui-kit-parameter-input {
+  display: flex;
+  overflow: hidden;
+  box-sizing: border-box;
+  width: 100%;
+  border: 1px solid var(--gd-palette-complementary-4);
+  border-radius: 3px;
+  background-color: var(--gd-palette-complementary-0);
+}
+.gd-ui-kit-parameter-input:hover {
+  border-color: var(--gd-palette-complementary-5);
+}
+.gd-ui-kit-parameter-input:focus-within {
+  border-color: var(--gd-palette-primary-base);
+  box-shadow: 0 0 0 1px var(--gd-palette-primary-base);
+}
+.gd-ui-kit-parameter-input--hasError {
+  border-color: var(--gd-palette-error-base);
+}
+.gd-ui-kit-parameter-input--hasError:focus-within {
+  border-color: var(--gd-palette-error-base);
+  box-shadow: 0 0 0 1px var(--gd-palette-error-base);
+}
+.gd-ui-kit-parameter-input__field {
+  flex: 1 1 auto;
+  width: 100%;
+  min-width: 0;
+  padding: 6px 10px 5px;
+  border: 0;
+  background: transparent;
+  color: var(--gd-palette-complementary-9);
+  font-family: inherit;
+  font-size: 14px;
+  line-height: normal;
+}
+.gd-ui-kit-parameter-input__field:focus-visible {
+  outline: none;
+}
+.gd-ui-kit-parameter-input__field--number {
+  text-align: right;
+  appearance: textfield;
+  -moz-appearance: textfield;
+}
+.gd-ui-kit-parameter-input__field--number::-webkit-outer-spin-button, .gd-ui-kit-parameter-input__field--number::-webkit-inner-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}
+.gd-ui-kit-parameter-input__stepper {
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+  justify-content: center;
+  width: 25px;
+  min-width: 25px;
+  padding: 0;
+  border-left: 1px solid var(--gd-palette-complementary-4);
+  background-color: var(--gd-palette-complementary-1);
+}
+.gd-ui-kit-parameter-input__stepper-button {
+  display: flex;
+  flex: 1 1 0;
+  align-items: center;
+  justify-content: center;
+  padding: 0;
+  border: 0;
+  background: none;
+  cursor: pointer;
+  color: var(--gd-palette-complementary-6);
+}
+.gd-ui-kit-parameter-input__stepper-button:hover {
+  color: var(--gd-palette-complementary-8);
+}
+.gd-ui-kit-parameter-input__stepper-button:disabled {
+  color: var(--gd-palette-complementary-5);
+  cursor: default;
+}
+
+.gd-ui-kit-parameter-control--dropdown {
+  display: flex;
+  flex-direction: column;
+  width: 240px;
+  background: var(--gd-palette-complementary-0);
+  border-radius: 4px;
+  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.08), 0 2px 10px rgba(0, 0, 0, 0.1);
+}
+.gd-ui-kit-parameter-control__dropdown-field {
+  padding: 10px;
+}
+.gd-ui-kit-parameter-control__dropdown-field-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding-bottom: 5px;
+  font-size: 12px;
+}
+.gd-ui-kit-parameter-control__dropdown-label {
+  color: var(--gd-palette-complementary-8);
+  font-weight: 400;
+}
+.gd-ui-kit-parameter-control__dropdown-error {
+  padding-top: 5px;
+  color: var(--gd-palette-error-base);
+  font-size: 12px;
+}
+.gd-ui-kit-parameter-control__dropdown-divider {
+  height: 1px;
+  margin: 10px;
+  background-color: var(--gd-palette-complementary-3);
+}
+.gd-ui-kit-parameter-control__dropdown-preview {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  padding: 0 10px 10px;
+  font-size: 12px;
+}
+.gd-ui-kit-parameter-control__dropdown-preview-label {
+  color: var(--gd-palette-complementary-6);
+}
+.gd-ui-kit-parameter-control__dropdown-preview-text {
+  color: var(--gd-palette-complementary-8);
+}
+.gd-ui-kit-parameter-control__dropdown-preview-text strong {
+  font-weight: 700;
+}
+.gd-ui-kit-parameter-control__dropdown-footer {
+  display: flex;
+  justify-content: flex-end;
+  gap: 10px;
+  margin: 0 10px;
+  padding: 10px 0;
+  border-top: 1px solid var(--gd-palette-complementary-3);
+}
+
 /* 0, 640px */
 /* 641px, 1024px */
 /* 1025px, 1440px */
@@ -3716,9 +3850,6 @@ textarea.gd-input, textarea.input-text {
 /* ==========================================================================
    Variables
    ========================================================================== */
-/* ==========================================================================
-   Silent classes - more clever mixins
-   ========================================================================== */
 .gd-button-primary,
 .gd-button-secondary, .gd-button-positive, .gd-button-negative, .gd-button-action, .gd-button-link.gd-button-icon-only[class*=gd-icon-], .gd-button-icon-only[class*=gd-icon-].gd-button-link-dimmed {
   position: relative;
@@ -5195,11 +5326,16 @@ input[type=search]::-webkit-search-cancel-button {
   background-color: var(--gd-palette-complementary-2, #ebeff4);
 }
 
+/* ==========================================================================
+   Variables
+   ========================================================================== */
+/* allow vendor prefixes and disable max length */
+/* allow vendor prefixes and disable max length */
 .gd-ui-kit-control-button {
   position: relative;
   max-width: 230px;
   padding: 5px 10px;
-  font-family: var(--gd-font-family), gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif;
+  font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
   font-size: 12px;
   font-weight: 400;
   line-height: 16px;
@@ -5244,7 +5380,7 @@ input[type=search]::-webkit-search-cancel-button {
 }
 
 .gd-ui-kit-control-button:hover.gd-ui-kit-control-button--isDraggable {
-  box-shadow: 0 1px 3px 0 rgba(20, 56, 93, 0.1), 0 2px 9px 0 rgba(20, 56, 93, 0.15);
+  box-shadow: 0 1px 3px 0 var(--gd-shadow-color-from-theme, rgba(20, 56, 93, 0.09)), 0 2px 9px 0 var(--gd-shadow-color-from-theme, rgba(20, 56, 93, 0.15));
 }
 
 .gd-ui-kit-control-button:hover.gd-ui-kit-control-button--isDraggable::before {
@@ -5252,8 +5388,13 @@ input[type=search]::-webkit-search-cancel-button {
 }
 
 .gd-ui-kit-control-button--isOpen::after {
-  box-shadow: inset 0 1px 0 0 rgba(20, 56, 93, 0.1);
+  box-shadow: inset 0 1px 0 0 var(--gd-shadow-color-from-theme, rgba(177, 193, 209, 0.65));
   border-color: var(--gd-palette-complementary-5-from-theme, var(--gd-palette-complementary-4-from-theme, rgba(31, 52, 73, 0.2)));
+  background: var(--gd-palette-complementary-2-from-theme, #ecf0f5); /* Old browsers */
+  background-image: -webkit-linear-gradient(top, var(--gd-palette-complementary-2-from-theme, #dee6ef), var(--gd-palette-complementary-2-from-theme, #ecf0f5)); /* Chrome 10+, Saf5.1+ */
+  background-image: -moz-linear-gradient(top, var(--gd-palette-complementary-2-from-theme, #dee6ef), var(--gd-palette-complementary-2-from-theme, #ecf0f5)); /* FF3.6 */
+  background-image: -ms-linear-gradient(top, var(--gd-palette-complementary-2-from-theme, #dee6ef), var(--gd-palette-complementary-2-from-theme, #ecf0f5)); /* IE10 */
+  background-image: linear-gradient(to top, var(--gd-palette-complementary-2-from-theme, #dee6ef), var(--gd-palette-complementary-2-from-theme, #ecf0f5));
 }
 
 .gd-ui-kit-control-button--isOpen.gd-ui-kit-control-button--isDraggable::before {
@@ -9088,9 +9229,6 @@ textarea.gd-input, textarea.input-text {
 /* ==========================================================================
    Variables
    ========================================================================== */
-/* ==========================================================================
-   Silent classes - more clever mixins
-   ========================================================================== */
 .gd-button-primary,
 .gd-button-secondary, .gd-button-positive, .gd-button-negative, .gd-button-action, .gd-button-link.gd-button-icon-only[class*=gd-icon-], .gd-button-icon-only[class*=gd-icon-].gd-button-link-dimmed {
   position: relative;
@@ -14986,9 +15124,6 @@ textarea.gd-input, textarea.input-text {
 /* ==========================================================================
    Variables
    ========================================================================== */
-/* ==========================================================================
-   Silent classes - more clever mixins
-   ========================================================================== */
 .gd-button-primary,
 .gd-button-secondary, .gd-button-positive, .gd-button-negative, .gd-button-action, .gd-button-link.gd-button-icon-only[class*=gd-icon-], .gd-button-icon-only[class*=gd-icon-].gd-button-link-dimmed {
   position: relative;
@@ -16213,11 +16348,16 @@ a.gd-button-link:hover .gd-button-text, a.gd-button-link-dimmed:hover .gd-button
   background-color: var(--gd-palette-complementary-2, #ebeff4);
 }
 
+/* ==========================================================================
+   Variables
+   ========================================================================== */
+/* allow vendor prefixes and disable max length */
+/* allow vendor prefixes and disable max length */
 .gd-ui-kit-control-button {
   position: relative;
   max-width: 230px;
   padding: 5px 10px;
-  font-family: var(--gd-font-family), gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif;
+  font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
   font-size: 12px;
   font-weight: 400;
   line-height: 16px;
@@ -16262,7 +16402,7 @@ a.gd-button-link:hover .gd-button-text, a.gd-button-link-dimmed:hover .gd-button
 }
 
 .gd-ui-kit-control-button:hover.gd-ui-kit-control-button--isDraggable {
-  box-shadow: 0 1px 3px 0 rgba(20, 56, 93, 0.1), 0 2px 9px 0 rgba(20, 56, 93, 0.15);
+  box-shadow: 0 1px 3px 0 var(--gd-shadow-color-from-theme, rgba(20, 56, 93, 0.09)), 0 2px 9px 0 var(--gd-shadow-color-from-theme, rgba(20, 56, 93, 0.15));
 }
 
 .gd-ui-kit-control-button:hover.gd-ui-kit-control-button--isDraggable::before {
@@ -16270,8 +16410,13 @@ a.gd-button-link:hover .gd-button-text, a.gd-button-link-dimmed:hover .gd-button
 }
 
 .gd-ui-kit-control-button--isOpen::after {
-  box-shadow: inset 0 1px 0 0 rgba(20, 56, 93, 0.1);
+  box-shadow: inset 0 1px 0 0 var(--gd-shadow-color-from-theme, rgba(177, 193, 209, 0.65));
   border-color: var(--gd-palette-complementary-5-from-theme, var(--gd-palette-complementary-4-from-theme, rgba(31, 52, 73, 0.2)));
+  background: var(--gd-palette-complementary-2-from-theme, #ecf0f5); /* Old browsers */
+  background-image: -webkit-linear-gradient(top, var(--gd-palette-complementary-2-from-theme, #dee6ef), var(--gd-palette-complementary-2-from-theme, #ecf0f5)); /* Chrome 10+, Saf5.1+ */
+  background-image: -moz-linear-gradient(top, var(--gd-palette-complementary-2-from-theme, #dee6ef), var(--gd-palette-complementary-2-from-theme, #ecf0f5)); /* FF3.6 */
+  background-image: -ms-linear-gradient(top, var(--gd-palette-complementary-2-from-theme, #dee6ef), var(--gd-palette-complementary-2-from-theme, #ecf0f5)); /* IE10 */
+  background-image: linear-gradient(to top, var(--gd-palette-complementary-2-from-theme, #dee6ef), var(--gd-palette-complementary-2-from-theme, #ecf0f5));
 }
 
 .gd-ui-kit-control-button--isOpen.gd-ui-kit-control-button--isDraggable::before {
@@ -19735,9 +19880,6 @@ textarea.gd-input, textarea.input-text {
 /* ==========================================================================
    Variables
    ========================================================================== */
-/* ==========================================================================
-   Silent classes - more clever mixins
-   ========================================================================== */
 .gd-button-primary,
 .gd-button-secondary, .gd-button-positive, .gd-button-negative, .gd-button-action, .gd-button-link.gd-button-icon-only[class*=gd-icon-], .gd-button-icon-only[class*=gd-icon-].gd-button-link-dimmed {
   position: relative;