@gooddata/sdk-ui-dashboard 10.31.0-alpha.14 → 10.31.0-alpha.16

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (34) hide show
  1. package/esm/__version.d.ts +1 -1
  2. package/esm/__version.js +1 -1
  3. package/package.json +15 -15
  4. package/styles/css/alerting.css.map +1 -1
  5. package/styles/css/attributeFilterConfig.css.map +1 -1
  6. package/styles/css/automationFilters.css +1 -1
  7. package/styles/css/automationFilters.css.map +1 -1
  8. package/styles/css/configurationPanel.css.map +1 -1
  9. package/styles/css/dashboard.css +10 -10
  10. package/styles/css/dashboard.css.map +1 -1
  11. package/styles/css/dashboardNestedLayoutWidget.css.map +1 -1
  12. package/styles/css/dashboardSettingsDialog.css.map +1 -1
  13. package/styles/css/dateFilterConfig.css.map +1 -1
  14. package/styles/css/dragAndDrop.css.map +1 -1
  15. package/styles/css/drillConfigPanel.css +2 -2
  16. package/styles/css/drillConfigPanel.css.map +1 -1
  17. package/styles/css/drillSelect.css.map +1 -1
  18. package/styles/css/filterBar.css.map +1 -1
  19. package/styles/css/insightConfiguration.css.map +1 -1
  20. package/styles/css/item-states.css +9 -9
  21. package/styles/css/item-states.css.map +1 -1
  22. package/styles/css/kpi.css.map +1 -1
  23. package/styles/css/kpi_alert_dialog.css.map +1 -1
  24. package/styles/css/layout.css.map +1 -1
  25. package/styles/css/main.css +66 -42
  26. package/styles/css/main.css.map +1 -1
  27. package/styles/css/notifications_channels_dialog.css.map +1 -1
  28. package/styles/css/richTextWidget.css.map +1 -1
  29. package/styles/css/scheduled_mail_recipients.css.map +1 -1
  30. package/styles/css/visualizationSwitcherToolbar.css.map +1 -1
  31. package/styles/scss/attributeFilterConfig.scss +1 -1
  32. package/styles/scss/automationFilters.scss +1 -1
  33. package/styles/scss/drillConfigPanel.scss +5 -5
  34. package/styles/scss/filterBar.scss +1 -1
package/styles/css/main.css CHANGED
@@ -4,7 +4,7 @@
4
4
  --gd-palette-info-base: var(--gd-palette-primary-base, #14b2e2);
5
5
  --gd-palette-primary-base: #14b2e2;
6
6
  --gd-palette-success-base: #00c18d;
7
- --gd-palette-warning-base: #f18600;
7
+ --gd-palette-warning-base: #fada23;
8
8
  --gd-palette-complementary-0: #fff;
9
9
  --gd-palette-complementary-1: #f5f8fa;
10
10
  --gd-palette-complementary-2: #ebeff4;
@@ -167,14 +167,14 @@
167
167
  --gd-palette-success-dimmed: #e5f8f3;
168
168
  --gd-palette-success-disabled: rgba(0, 224, 163, 0.5);
169
169
  --gd-palette-success-focus: rgba(0, 224, 163, 0.5);
170
- --gd-palette-warning-base-t50: rgba(241, 134, 0, 0.5);
170
+ --gd-palette-warning-base-t50: rgba(250, 218, 35, 0.5);
171
171
  --gd-palette-warning-base-t70d20: rgba(179, 153, 4, 0.3);
172
- --gd-palette-warning-base-t85: rgba(241, 134, 0, 0.15);
173
- --gd-palette-warning-dimmed: #fce7cc;
174
- --gd-palette-warning-dimmed40: #8a6434;
175
- --gd-palette-warning-text-dimmed: #685945;
172
+ --gd-palette-warning-base-t85: rgba(250, 218, 35, 0.15);
173
+ --gd-palette-warning-dimmed: #fef8d3;
174
+ --gd-palette-warning-dimmed40: #8e8642;
175
+ --gd-palette-warning-text-dimmed: #6a6a4c;
176
176
  --gd-palette-warning-low-base-m80: #d0f0f9;
177
- --gd-palette-warning-medium-base-m80: #fce7cc;
177
+ --gd-palette-warning-medium-base-m80: #fef8d3;
178
178
  --gd-palette-warning-high-base-m80: #fadbd9;
179
179
  --gd-palette-complementary-0-t10: rgba(255, 255, 255, 0.95);
180
180
  --gd-palette-complementary-0-t50: rgba(255, 255, 255, 0.5);
@@ -1861,7 +1861,7 @@ button.gd-list-item {
1861
1861
  margin: 0;
1862
1862
  transform: translateX(-50%);
1863
1863
  pointer-events: none;
1864
- max-width: 620px;
1864
+ max-width: 1000px;
1865
1865
  text-align: center;
1866
1866
  }
1867
1867
 
@@ -1893,7 +1893,7 @@ button.gd-list-item {
1893
1893
 
1894
1894
  .gd-message-dismiss {
1895
1895
  position: relative;
1896
- padding: 0;
1896
+ padding: 2px;
1897
1897
  margin-left: 10px;
1898
1898
  background: none;
1899
1899
  border: 0;
@@ -1955,8 +1955,8 @@ button.gd-list-item {
1955
1955
  }
1956
1956
 
1957
1957
  .gd-message.warning {
1958
- color: var(--gd-palette-warning-base, #f18600);
1959
- background: var(--gd-palette-warning-base-t85, rgba(241, 134, 0, 0.15));
1958
+ color: var(--gd-palette-warning-base-from-theme, #f18600);
1959
+ background: var(--gd-palette-warning-base-t85, rgba(250, 218, 35, 0.15));
1960
1960
  }
1961
1961
 
1962
1962
  .gd-message.contrast::before {
@@ -1977,11 +1977,10 @@ button.gd-list-item {
1977
1977
  background: var(--gd-palette-error-base-t02, rgba(229, 77, 66, 0.98));
1978
1978
  }
1979
1979
 
1980
- .gd-message-overlay.success, .gd-message-overlay.progress, .gd-message-overlay.error, .gd-message-overlay.warning,
1980
+ .gd-message-overlay.success, .gd-message-overlay.progress, .gd-message-overlay.error,
1981
1981
  .gd-message.intensive.success,
1982
1982
  .gd-message.intensive.progress,
1983
- .gd-message.intensive.error,
1984
- .gd-message.intensive.warning {
1983
+ .gd-message.intensive.error {
1985
1984
  color: var(--gd-palette-complementary-0, #fff);
1986
1985
  }
1987
1986
 
@@ -2002,7 +2001,8 @@ button.gd-list-item {
2002
2001
 
2003
2002
  .gd-message-overlay.warning,
2004
2003
  .gd-message.intensive.warning {
2005
- background: var(--gd-palette-warning-base, #f18600);
2004
+ color: var(--gd-palette-warning-text-dimmed, #6a6a4c);
2005
+ background: var(--gd-palette-warning-base, #fada23);
2006
2006
  }
2007
2007
 
2008
2008
  .gd-message-overlay {
@@ -2023,9 +2023,21 @@ button.gd-list-item {
2023
2023
  opacity: 0;
2024
2024
  }
2025
2025
 
2026
+ .gd-message-overlay-custom {
2027
+ padding: 0;
2028
+ min-width: 620px;
2029
+ max-width: 350px;
2030
+ }
2031
+
2032
+ @media only screen and (max-width: 640px) {
2033
+ .gd-message-overlay-custom {
2034
+ min-width: auto;
2035
+ max-width: auto;
2036
+ }
2037
+ }
2026
2038
  .gd-message-overlay .gd-message-text {
2027
2039
  display: flex;
2028
- align-items: flex-start;
2040
+ align-items: center;
2029
2041
  }
2030
2042
 
2031
2043
  .gd-message-overlay .gd-message-text > div {
@@ -2033,7 +2045,19 @@ button.gd-list-item {
2033
2045
  flex: 1 1 auto;
2034
2046
  }
2035
2047
 
2036
- .gd-message-overlay .gd-message-text .gd-message-support, .gd-message-overlay .gd-message-text-header {
2048
+ .gd-message-overlay .gd-message-text .gd-message-support,
2049
+ .gd-message-overlay .gd-message-text .gd-message-dismiss-container {
2050
+ -ms-flex: 1 0 auto;
2051
+ flex: 1 0 auto;
2052
+ }
2053
+
2054
+ .gd-message-overlay .gd-message-text-showmore + .gd-message-dismiss-container {
2055
+ position: absolute;
2056
+ top: 5px;
2057
+ right: 5px;
2058
+ }
2059
+
2060
+ .gd-message-overlay .gd-message-text-header {
2037
2061
  margin: 0;
2038
2062
  padding: 5px 10px;
2039
2063
  }
@@ -2049,11 +2073,11 @@ button.gd-list-item {
2049
2073
  }
2050
2074
 
2051
2075
  .gd-message-overlay .gd-message-text-showmorelink.warning {
2052
- color: rgba(var(--gd-palette-warning-text-dimmed, #685945), 1);
2076
+ color: rgba(var(--gd-palette-warning-text-dimmed, #6a6a4c), 1);
2053
2077
  }
2054
2078
 
2055
2079
  .gd-message-overlay .gd-message-text-content {
2056
- padding-top: 5px;
2080
+ padding: 5px 10px;
2057
2081
  color: rgba(var(--gd-palette-complementary-0, #fff), 0.85);
2058
2082
  font-size: 13px;
2059
2083
  border-top: 1px solid rgba(var(--gd-palette-complementary-0, #fff), 0.85);
@@ -2073,8 +2097,8 @@ button.gd-list-item {
2073
2097
  }
2074
2098
 
2075
2099
  .gd-message-overlay .gd-message-text-content.warning {
2076
- color: rgba(var(--gd-palette-warning-text-dimmed, #685945), 1);
2077
- border-color: rgba(var(--gd-palette-warning-text-dimmed, #685945), 0.3);
2100
+ color: rgba(var(--gd-palette-warning-text-dimmed, #6a6a4c), 1);
2101
+ border-color: rgba(var(--gd-palette-warning-text-dimmed, #6a6a4c), 0.3);
2078
2102
  }
2079
2103
 
2080
2104
 
@@ -4375,13 +4399,13 @@ textarea.gd-input, textarea.input-text {
4375
4399
 
4376
4400
  .has-warning .gd-input-field,
4377
4401
  .has-warning .input-text {
4378
- border-color: var(--gd-palette-warning-base, #f18600);
4402
+ border-color: var(--gd-palette-warning-base-from-theme, #f18600);
4379
4403
  box-shadow: none;
4380
4404
  }
4381
4405
 
4382
4406
  .has-warning .gd-input-field:focus-visible,
4383
4407
  .has-warning .input-text:focus-visible {
4384
- outline-color: var(--gd-palette-warning-base, #f18600);
4408
+ outline-color: var(--gd-palette-warning-base-from-theme, #f18600);
4385
4409
  }
4386
4410
 
4387
4411
  /* Input label
@@ -9241,13 +9265,13 @@ textarea.gd-input, textarea.input-text {
9241
9265
 
9242
9266
  .has-warning .gd-input-field,
9243
9267
  .has-warning .input-text {
9244
- border-color: var(--gd-palette-warning-base, #f18600);
9268
+ border-color: var(--gd-palette-warning-base-from-theme, #f18600);
9245
9269
  box-shadow: none;
9246
9270
  }
9247
9271
 
9248
9272
  .has-warning .gd-input-field:focus-visible,
9249
9273
  .has-warning .input-text:focus-visible {
9250
- outline-color: var(--gd-palette-warning-base, #f18600);
9274
+ outline-color: var(--gd-palette-warning-base-from-theme, #f18600);
9251
9275
  }
9252
9276
 
9253
9277
  /* Input label
@@ -12644,8 +12668,8 @@ a.gd-button-link:hover .gd-button-text, a.gd-button-link-dimmed:hover .gd-button
12644
12668
  margin-top: 5px;
12645
12669
  padding: 2px 10px;
12646
12670
  border-radius: 3px;
12647
- color: var(--gd-palette-warning-base, #f18600);
12648
- background-color: var(--gd-palette-warning-dimmed, #fce7cc);
12671
+ color: #888;
12672
+ background-color: var(--gd-palette-warning-base, #fada23);
12649
12673
  }
12650
12674
 
12651
12675
  .gd-date-range__hint {
@@ -15360,13 +15384,13 @@ textarea.gd-input, textarea.input-text {
15360
15384
 
15361
15385
  .has-warning .gd-input-field,
15362
15386
  .has-warning .input-text {
15363
- border-color: var(--gd-palette-warning-base, #f18600);
15387
+ border-color: var(--gd-palette-warning-base-from-theme, #f18600);
15364
15388
  box-shadow: none;
15365
15389
  }
15366
15390
 
15367
15391
  .has-warning .gd-input-field:focus-visible,
15368
15392
  .has-warning .input-text:focus-visible {
15369
- outline-color: var(--gd-palette-warning-base, #f18600);
15393
+ outline-color: var(--gd-palette-warning-base-from-theme, #f18600);
15370
15394
  }
15371
15395
 
15372
15396
  /* Input label
@@ -20181,23 +20205,23 @@ figure {
20181
20205
  }
20182
20206
 
20183
20207
  .dash-item:hover .is-alert-triggered .dash-item-action-alert {
20184
- color: var(--gd-palette-warning-dimmed40, #8a6434);
20185
- background-color: var(--gd-palette-warning-base-t50, rgba(241, 134, 0, 0.5));
20208
+ color: var(--gd-palette-warning-dimmed40, #8e8642);
20209
+ background-color: var(--gd-palette-warning-base-t50, rgba(250, 218, 35, 0.5));
20186
20210
  }
20187
20211
  .dash-item .is-alert-triggered .dash-item-action-alert {
20188
- color: var(--gd-palette-warning-dimmed40, #8a6434);
20189
- background-color: var(--gd-palette-warning-base-t50, rgba(241, 134, 0, 0.5));
20212
+ color: var(--gd-palette-warning-dimmed40, #8e8642);
20213
+ background-color: var(--gd-palette-warning-base-t50, rgba(250, 218, 35, 0.5));
20190
20214
  }
20191
20215
  .dash-item .is-alert-triggered .dash-item-action-alert:hover:not(.disabled) {
20192
- color: var(--gd-palette-warning-text-dimmed, #685945);
20193
- background-color: var(--gd-palette-warning-base, #f18600);
20216
+ color: var(--gd-palette-warning-text-dimmed, #6a6a4c);
20217
+ background-color: var(--gd-palette-warning-base, #fada23);
20194
20218
  }
20195
20219
  .dash-item .is-alert-triggered.is-alert-dialog {
20196
- border-color: var(--gd-palette-warning-base, #f18600);
20220
+ border-color: var(--gd-palette-warning-base, #fada23);
20197
20221
  }
20198
20222
  .dash-item .is-alert-triggered.is-alert-dialog .dash-item-action-alert, .dash-item .is-alert-triggered.is-alert-dialog .dash-item-action-alert:hover, .dash-item .is-alert-triggered.is-alert-dialog:hover .dash-item-action-alert, .dash-item .is-alert-triggered.is-alert-dialog:hover .dash-item-action-alert:hover, .dash-item .is-alert-triggered.is-alert-highlighted .dash-item-action-alert, .dash-item .is-alert-triggered.is-alert-highlighted .dash-item-action-alert:hover, .dash-item .is-alert-triggered.is-alert-highlighted:hover .dash-item-action-alert, .dash-item .is-alert-triggered.is-alert-highlighted:hover .dash-item-action-alert:hover {
20199
- color: var(--gd-palette-warning-text-dimmed, #685945);
20200
- background-color: var(--gd-palette-warning-base, #f18600);
20223
+ color: var(--gd-palette-warning-text-dimmed, #6a6a4c);
20224
+ background-color: var(--gd-palette-warning-base, #fada23);
20201
20225
  }
20202
20226
 
20203
20227
  .dash-item:hover .is-alert-broken .dash-item-action-alert {
@@ -20338,7 +20362,7 @@ figure {
20338
20362
  animation-iteration-count: 1;
20339
20363
  }
20340
20364
  .dash-item .is-alert-highlighted.is-alert-triggered::before, .dash-item .is-alert-highlighted.is-alert-triggered:hover::before, .dash-item .is-alert-highlighted.is-alert-broken::before, .dash-item .is-alert-highlighted.is-alert-broken:hover::before {
20341
- background-color: var(--gd-palette-warning-dimmed, #fce7cc);
20365
+ background-color: var(--gd-palette-warning-dimmed, #fef8d3);
20342
20366
  }
20343
20367
  .dash-item .is-selectable {
20344
20368
  cursor: pointer;
@@ -25238,7 +25262,7 @@ figure {
25238
25262
  padding-left: 10px;
25239
25263
  }
25240
25264
  .drill-config-target.drill-config-target-with-warning .drill-config-target-box {
25241
- background-color: var(--gd-palette-warning-dimmed, #fce7cc);
25265
+ background-color: var(--gd-palette-warning-dimmed, #fef8d3);
25242
25266
  }
25243
25267
  .drill-config-target.drill-config-target-with-warning .drill-config-target-warning {
25244
25268
  display: inline-block;
@@ -25254,7 +25278,7 @@ figure {
25254
25278
  margin-top: 10px;
25255
25279
  padding: 4px 8px 4px 10px;
25256
25280
  color: #f18600;
25257
- background-color: var(--gd-palette-warning-dimmed, #fce7cc);
25281
+ background-color: var(--gd-palette-warning-dimmed, #fef8d3);
25258
25282
  border-radius: 5px;
25259
25283
  }
25260
25284
  .drill-config-target .drill-config-target-box {
@@ -26849,7 +26873,7 @@ figure {
26849
26873
  line-height: 21px;
26850
26874
  }
26851
26875
  .gd-automation-filters__warning-message {
26852
- color: var(--gd-palette-warning-base, #f18600);
26876
+ color: var(--gd-palette-warning-base-from-theme, #f18600);
26853
26877
  font-size: 12px;
26854
26878
  font-style: normal;
26855
26879
  font-weight: 400;