@gooddata/sdk-ui-dashboard 10.40.0-alpha.1 → 10.40.0-alpha.3

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 (21) hide show
  1. package/NOTICE +3 -3
  2. package/esm/__version.d.ts +1 -1
  3. package/esm/__version.js +1 -1
  4. package/esm/presentation/dashboard/components/ToastMessages.d.ts.map +1 -1
  5. package/esm/presentation/dashboard/components/ToastMessages.js +1 -4
  6. package/esm/presentation/dashboard/components/ToastMessages.js.map +1 -1
  7. package/esm/presentation/widget/description/DescriptionClickTrigger.d.ts.map +1 -1
  8. package/esm/presentation/widget/description/DescriptionClickTrigger.js +3 -3
  9. package/esm/presentation/widget/description/DescriptionClickTrigger.js.map +1 -1
  10. package/package.json +15 -15
  11. package/styles/css/dashboard.css +8 -0
  12. package/styles/css/dashboard.css.map +1 -1
  13. package/styles/css/main.css +190 -65
  14. package/styles/css/main.css.map +1 -1
  15. package/styles/css/notifications_channels_dialog.css +5 -0
  16. package/styles/css/notifications_channels_dialog.css.map +1 -1
  17. package/styles/css/topBar.css +1 -1
  18. package/styles/css/topBar.css.map +1 -1
  19. package/styles/scss/dashboard.scss +2 -0
  20. package/styles/scss/notifications_channels_dialog.scss +6 -0
  21. package/styles/scss/topBar.scss +1 -1
package/styles/css/main.css CHANGED
@@ -19,6 +19,76 @@
19
19
  --gd-button-textCapitalization: none;
20
20
  --gd-tooltip-backgroundColor: var(--gd-palette-complementary-8-from-theme, rgba(70, 78, 86, 0.95));
21
21
  --gd-tooltip-color: var(--gd-palette-complementary-0, #fff);
22
+ --gd-message-progress-textColor: var(--gd-palette-info-base, var(--gd-palette-primary-base, #14b2e2));
23
+ --gd-message-progress-backgroundColor: var(
24
+ --gd-palette-info-base-t85,
25
+ var(--gd-palette-primary-base-t85, rgba(20, 178, 226, 0.15))
26
+ );
27
+ --gd-message-progress-borderColor: transparent;
28
+ --gd-message-progress-borderWidth: 0;
29
+ --gd-message-progress-borderRadius: 3px;
30
+ --gd-message-progress-dropShadow: none;
31
+ --gd-message-progress-closeButtonColor: var(--gd-palette-complementary-0, #fff);
32
+ --gd-message-progress-linkButtonColor: currentColor;
33
+ --gd-message-success-textColor: var(--gd-palette-success-base, #00c18d);
34
+ --gd-message-success-backgroundColor: var(--gd-palette-success-base-t85, rgba(0, 193, 141, 0.15));
35
+ --gd-message-success-borderColor: transparent;
36
+ --gd-message-success-borderWidth: 0;
37
+ --gd-message-success-borderRadius: 3px;
38
+ --gd-message-success-dropShadow: none;
39
+ --gd-message-success-closeButtonColor: var(--gd-palette-complementary-0, #fff);
40
+ --gd-message-success-linkButtonColor: currentColor;
41
+ --gd-message-warning-textColor: var(--gd-palette-warning-base, #f18600);
42
+ --gd-message-warning-backgroundColor: var(--gd-palette-warning-base-t85, rgba(241, 134, 0, 0.15));
43
+ --gd-message-warning-borderColor: transparent;
44
+ --gd-message-warning-borderWidth: 0;
45
+ --gd-message-warning-borderRadius: 3px;
46
+ --gd-message-warning-dropShadow: none;
47
+ --gd-message-warning-closeButtonColor: var(--gd-palette-complementary-0, #fff);
48
+ --gd-message-warning-linkButtonColor: currentColor;
49
+ --gd-message-error-textColor: var(--gd-palette-error-base, #e54d42);
50
+ --gd-message-error-backgroundColor: var(--gd-palette-error-base-t85, rgba(229, 77, 66, 0.15));
51
+ --gd-message-error-borderColor: transparent;
52
+ --gd-message-error-borderWidth: 0;
53
+ --gd-message-error-borderRadius: 3px;
54
+ --gd-message-error-dropShadow: none;
55
+ --gd-message-error-closeButtonColor: var(--gd-palette-complementary-0, #fff);
56
+ --gd-message-error-linkButtonColor: currentColor;
57
+ --gd-toastMessage-progress-textColor: var(--gd-palette-complementary-0, #fff);
58
+ --gd-toastMessage-progress-backgroundColor: var(
59
+ --gd-palette-info-base-t02,
60
+ var(--gd-palette-primary-base-t02, rgba(20, 178, 226, 0.98))
61
+ );
62
+ --gd-toastMessage-progress-borderColor: transparent;
63
+ --gd-toastMessage-progress-borderWidth: 0;
64
+ --gd-toastMessage-progress-borderRadius: 3px;
65
+ --gd-toastMessage-progress-closeButtonColor: var(--gd-palette-complementary-0, #fff);
66
+ --gd-toastMessage-progress-linkButtonColor: rgba(255, 255, 255, 0.85);
67
+ --gd-toastMessage-progress-separatorLineColor: var(--gd-palette-complementary-0, #fff);
68
+ --gd-toastMessage-success-textColor: var(--gd-palette-complementary-0, #fff);
69
+ --gd-toastMessage-success-backgroundColor: var(--gd-palette-success-base-t02, rgba(0, 193, 141, 0.98));
70
+ --gd-toastMessage-success-borderColor: transparent;
71
+ --gd-toastMessage-success-borderWidth: 0;
72
+ --gd-toastMessage-success-borderRadius: 3px;
73
+ --gd-toastMessage-success-closeButtonColor: var(--gd-palette-complementary-0, #fff);
74
+ --gd-toastMessage-success-linkButtonColor: rgba(255, 255, 255, 0.85);
75
+ --gd-toastMessage-success-separatorLineColor: var(--gd-palette-complementary-0, #fff);
76
+ --gd-toastMessage-warning-textColor: var(--gd-palette-complementary-0, #fff);
77
+ --gd-toastMessage-warning-backgroundColor: var(--gd-palette-warning-base, #f18600);
78
+ --gd-toastMessage-warning-borderColor: transparent;
79
+ --gd-toastMessage-warning-borderWidth: 0;
80
+ --gd-toastMessage-warning-borderRadius: 3px;
81
+ --gd-toastMessage-warning-closeButtonColor: var(--gd-palette-complementary-0, #fff);
82
+ --gd-toastMessage-warning-linkButtonColor: rgba(255, 255, 255, 0.85);
83
+ --gd-toastMessage-warning-separatorLineColor: var(--gd-palette-complementary-0, #fff);
84
+ --gd-toastMessage-error-textColor: var(--gd-palette-complementary-0, #fff);
85
+ --gd-toastMessage-error-backgroundColor: var(--gd-palette-error-base-t02, rgba(229, 77, 66, 0.98));
86
+ --gd-toastMessage-error-borderColor: transparent;
87
+ --gd-toastMessage-error-borderWidth: 0;
88
+ --gd-toastMessage-error-borderRadius: 3px;
89
+ --gd-toastMessage-error-closeButtonColor: var(--gd-palette-complementary-0, #fff);
90
+ --gd-toastMessage-error-linkButtonColor: rgba(255, 255, 255, 0.85);
91
+ --gd-toastMessage-error-separatorLineColor: var(--gd-palette-complementary-0, #fff);
22
92
  --gd-modal-borderColor: var(--gd-palette-complementary-3, #dde4eb);
23
93
  --gd-modal-borderRadius: 3px;
24
94
  --gd-modal-borderWidth: 0;
@@ -1938,14 +2008,19 @@ button.gd-list-item {
1938
2008
  padding: 4px 8px 4px 10px;
1939
2009
  min-height: 1px;
1940
2010
  line-height: 1.4em;
1941
- color: var(--gd-palette-error-base, #e54d42);
1942
- background: var(--gd-palette-error-base-t85, rgba(229, 77, 66, 0.15));
1943
2011
  pointer-events: all;
1944
2012
  max-width: 100%;
1945
- border-radius: 3px;
1946
2013
  font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
1947
2014
  font-size: 14px;
1948
2015
  text-align: left;
2016
+ --shadow-when-enabled: 0 4px 4px 0 var(--gd-shadow-color);
2017
+ color: var(--local_textColor);
2018
+ background: var(--local_backgroundColor);
2019
+ border-style: solid;
2020
+ border-color: var(--local_borderColor);
2021
+ border-width: var(--local_borderWidth);
2022
+ border-radius: var(--local_borderRadius);
2023
+ box-shadow: var(--local_dropShadow, var(--shadow-when-enabled));
1949
2024
  }
1950
2025
 
1951
2026
  .gd-message::after {
@@ -1957,24 +2032,14 @@ button.gd-list-item {
1957
2032
  font-size: 0;
1958
2033
  }
1959
2034
 
1960
- .gd-message a:not(.gd-message-dismiss) {
1961
- color: inherit;
2035
+ .gd-message a:not(.gd-message-dismiss),
2036
+ .gd-message .gd-message-text-showmorelink {
2037
+ color: var(--local_linkButtonColor);
1962
2038
  text-decoration: underline;
1963
2039
  }
1964
2040
 
1965
- .gd-message.progress {
1966
- color: var(--gd-palette-info-base, var(--gd-palette-primary-base, #14b2e2));
1967
- background: var(--gd-palette-info-base-t85, var(--gd-palette-primary-base-t85, rgba(20, 178, 226, 0.15)));
1968
- }
1969
-
1970
- .gd-message.success {
1971
- color: var(--gd-palette-success-base, #00c18d);
1972
- background: var(--gd-palette-success-base-t85, rgba(0, 193, 141, 0.15));
1973
- }
1974
-
1975
- .gd-message.warning {
1976
- color: var(--gd-palette-warning-base, #f18600);
1977
- background: var(--gd-palette-warning-base-t85, rgba(241, 134, 0, 0.15));
2041
+ .gd-message .gd-message-dismiss::before {
2042
+ color: var(--local_closeButtonColor);
1978
2043
  }
1979
2044
 
1980
2045
  .gd-message.contrast::before {
@@ -1989,42 +2054,101 @@ button.gd-list-item {
1989
2054
  background-color: var(--gd-palette-complementary-0, #fff);
1990
2055
  }
1991
2056
 
1992
- .gd-message-overlay,
1993
- .gd-message.intensive {
1994
- color: var(--gd-palette-complementary-0, #fff);
1995
- background: var(--gd-palette-error-base-t02, rgba(229, 77, 66, 0.98));
1996
- }
1997
-
1998
- .gd-message-overlay.success, .gd-message-overlay.progress, .gd-message-overlay.error, .gd-message-overlay.warning,
1999
- .gd-message.intensive.success,
2000
- .gd-message.intensive.progress,
2001
- .gd-message.intensive.error,
2002
- .gd-message.intensive.warning {
2003
- color: var(--gd-palette-complementary-0, #fff);
2004
- }
2005
-
2006
- .gd-message-overlay.success,
2007
- .gd-message.intensive.success {
2008
- background: var(--gd-palette-success-base-t02, rgba(0, 193, 141, 0.98));
2009
- }
2010
-
2011
- .gd-message-overlay.progress,
2012
- .gd-message.intensive.progress {
2013
- background: var(--gd-palette-info-base-t02, var(--gd-palette-primary-base-t02, rgba(20, 178, 226, 0.98)));
2057
+ .gd-message.progress {
2058
+ --local_textColor: var(--gd-message-progress-textColor);
2059
+ --local_backgroundColor: var(--gd-message-progress-backgroundColor);
2060
+ --local_borderColor: var(--gd-message-progress-borderColor);
2061
+ --local_borderWidth: var(--gd-message-progress-borderWidth);
2062
+ --local_borderRadius: var(--gd-message-progress-borderRadius);
2063
+ --local_dropShadow: var(--gd-message-progress-dropShadow);
2064
+ --local_linkButtonColor: var(--gd-message-progress-linkButtonColor);
2065
+ --local_closeButtonColor: var(--gd-message-progress-closeButtonColor);
2014
2066
  }
2015
2067
 
2016
- .gd-message-overlay.error,
2017
- .gd-message.intensive.error {
2018
- background: var(--gd-palette-error-base-t02, rgba(229, 77, 66, 0.98));
2068
+ .gd-message.success {
2069
+ --local_textColor: var(--gd-message-success-textColor);
2070
+ --local_backgroundColor: var(--gd-message-success-backgroundColor);
2071
+ --local_borderColor: var(--gd-message-success-borderColor);
2072
+ --local_borderWidth: var(--gd-message-success-borderWidth);
2073
+ --local_borderRadius: var(--gd-message-success-borderRadius);
2074
+ --local_dropShadow: var(--gd-message-success-dropShadow);
2075
+ --local_linkButtonColor: var(--gd-message-success-linkButtonColor);
2076
+ --local_closeButtonColor: var(--gd-message-success-closeButtonColor);
2019
2077
  }
2020
2078
 
2021
- .gd-message-overlay.warning,
2022
- .gd-message.intensive.warning {
2023
- background: var(--gd-palette-warning-base, #f18600);
2079
+ .gd-message.warning {
2080
+ --local_textColor: var(--gd-message-warning-textColor);
2081
+ --local_backgroundColor: var(--gd-message-warning-backgroundColor);
2082
+ --local_borderColor: var(--gd-message-warning-borderColor);
2083
+ --local_borderWidth: var(--gd-message-warning-borderWidth);
2084
+ --local_borderRadius: var(--gd-message-warning-borderRadius);
2085
+ --local_dropShadow: var(--gd-message-warning-dropShadow);
2086
+ --local_linkButtonColor: var(--gd-message-warning-linkButtonColor);
2087
+ --local_closeButtonColor: var(--gd-message-warning-closeButtonColor);
2088
+ }
2089
+
2090
+ .gd-message.error {
2091
+ --local_textColor: var(--gd-message-error-textColor);
2092
+ --local_backgroundColor: var(--gd-message-error-backgroundColor);
2093
+ --local_borderColor: var(--gd-message-error-borderColor);
2094
+ --local_borderWidth: var(--gd-message-error-borderWidth);
2095
+ --local_borderRadius: var(--gd-message-error-borderRadius);
2096
+ --local_dropShadow: var(--gd-message-error-dropShadow);
2097
+ --local_linkButtonColor: var(--gd-message-error-linkButtonColor);
2098
+ --local_closeButtonColor: var(--gd-message-error-closeButtonColor);
2099
+ }
2100
+
2101
+ .gd-message.gd-message-overlay.progress, .gd-message.gd-message.intensive.progress {
2102
+ --local_textColor: var(--gd-toastMessage-progress-textColor);
2103
+ --local_backgroundColor: var(--gd-toastMessage-progress-backgroundColor);
2104
+ --local_borderColor: var(--gd-toastMessage-progress-borderColor);
2105
+ --local_borderWidth: var(--gd-toastMessage-progress-borderWidth);
2106
+ --local_borderRadius: var(--gd-toastMessage-progress-borderRadius);
2107
+ --local_dropShadow: var(--gd-toastMessage-progress-dropShadow);
2108
+ --local_linkButtonColor: var(--gd-toastMessage-progress-linkButtonColor);
2109
+ --local_closeButtonColor: var(--gd-toastMessage-progress-closeButtonColor);
2110
+ --local_separatorLineColor: var(--gd-toastMessage-progress-separatorLineColor);
2111
+ }
2112
+
2113
+ .gd-message.gd-message-overlay.success, .gd-message.gd-message.intensive.success {
2114
+ --local_textColor: var(--gd-toastMessage-success-textColor);
2115
+ --local_backgroundColor: var(--gd-toastMessage-success-backgroundColor);
2116
+ --local_borderColor: var(--gd-toastMessage-success-borderColor);
2117
+ --local_borderWidth: var(--gd-toastMessage-success-borderWidth);
2118
+ --local_borderRadius: var(--gd-toastMessage-success-borderRadius);
2119
+ --local_dropShadow: var(--gd-toastMessage-success-dropShadow);
2120
+ --local_linkButtonColor: var(--gd-toastMessage-success-linkButtonColor);
2121
+ --local_closeButtonColor: var(--gd-toastMessage-success-closeButtonColor);
2122
+ --local_separatorLineColor: var(--gd-toastMessage-success-separatorLineColor);
2123
+ }
2124
+
2125
+ .gd-message.gd-message-overlay.warning, .gd-message.gd-message.intensive.warning {
2126
+ --local_textColor: var(--gd-toastMessage-warning-textColor);
2127
+ --local_backgroundColor: var(--gd-toastMessage-warning-backgroundColor);
2128
+ --local_borderColor: var(--gd-toastMessage-warning-borderColor);
2129
+ --local_borderWidth: var(--gd-toastMessage-warning-borderWidth);
2130
+ --local_borderRadius: var(--gd-toastMessage-warning-borderRadius);
2131
+ --local_dropShadow: var(--gd-toastMessage-warning-dropShadow);
2132
+ --local_linkButtonColor: var(--gd-toastMessage-warning-linkButtonColor);
2133
+ --local_closeButtonColor: var(--gd-toastMessage-warning-closeButtonColor);
2134
+ --local_separatorLineColor: var(--gd-toastMessage-warning-separatorLineColor);
2135
+ }
2136
+
2137
+ .gd-message.gd-message-overlay.error, .gd-message.gd-message.intensive.error {
2138
+ --local_textColor: var(--gd-toastMessage-error-textColor);
2139
+ --local_backgroundColor: var(--gd-toastMessage-error-backgroundColor);
2140
+ --local_borderColor: var(--gd-toastMessage-error-borderColor);
2141
+ --local_borderWidth: var(--gd-toastMessage-error-borderWidth);
2142
+ --local_borderRadius: var(--gd-toastMessage-error-borderRadius);
2143
+ --local_dropShadow: var(--gd-toastMessage-error-dropShadow);
2144
+ --local_linkButtonColor: var(--gd-toastMessage-error-linkButtonColor);
2145
+ --local_closeButtonColor: var(--gd-toastMessage-error-closeButtonColor);
2146
+ --local_separatorLineColor: var(--gd-toastMessage-error-separatorLineColor);
2024
2147
  }
2025
2148
 
2026
2149
  .gd-message-overlay {
2027
2150
  margin: 0;
2151
+ border: 1px solid transparent;
2028
2152
  -moz-transition-property: "opacity";
2029
2153
  -webkit-transition-property: "opacity";
2030
2154
  transition-property: "opacity";
@@ -2034,7 +2158,6 @@ button.gd-list-item {
2034
2158
  -moz-transition-timing-function: "ease-in-out";
2035
2159
  -webkit-transition-timing-function: "ease-in-out";
2036
2160
  transition-timing-function: "ease-in-out";
2037
- box-shadow: 0 1px 3px rgba(20, 56, 92, 0.1), 0 2px 9px rgba(20, 57, 93, 0.15);
2038
2161
  }
2039
2162
 
2040
2163
  .gd-message-overlay.is-hidden {
@@ -2057,7 +2180,7 @@ button.gd-list-item {
2057
2180
  }
2058
2181
 
2059
2182
  .gd-message-overlay .gd-message-text-showmorelink {
2060
- color: rgba(var(--gd-palette-complementary-0, #fff), 0.85);
2183
+ color: inherit;
2061
2184
  cursor: pointer;
2062
2185
  font-size: 13px;
2063
2186
  text-decoration: underline;
@@ -2066,15 +2189,11 @@ button.gd-list-item {
2066
2189
  border: none;
2067
2190
  }
2068
2191
 
2069
- .gd-message-overlay .gd-message-text-showmorelink.warning {
2070
- color: rgba(var(--gd-palette-warning-text-dimmed, #685945), 1);
2071
- }
2072
-
2073
2192
  .gd-message-overlay .gd-message-text-content {
2074
2193
  padding-top: 5px;
2075
- color: rgba(var(--gd-palette-complementary-0, #fff), 0.85);
2194
+ color: inherit;
2076
2195
  font-size: 13px;
2077
- border-top: 1px solid rgba(var(--gd-palette-complementary-0, #fff), 0.85);
2196
+ border-top: 1px solid var(--local_separatorLineColor);
2078
2197
  }
2079
2198
 
2080
2199
  .gd-message-overlay .gd-message-text-content.on {
@@ -2090,11 +2209,6 @@ button.gd-list-item {
2090
2209
  padding: 0;
2091
2210
  }
2092
2211
 
2093
- .gd-message-overlay .gd-message-text-content.warning {
2094
- color: rgba(var(--gd-palette-warning-text-dimmed, #685945), 1);
2095
- border-color: rgba(var(--gd-palette-warning-text-dimmed, #685945), 0.3);
2096
- }
2097
-
2098
2212
 
2099
2213
  /* ==========================================================================
2100
2214
  Variables
@@ -2886,6 +3000,7 @@ button.gd-list-item {
2886
3000
  border-radius: 3px;
2887
3001
  font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
2888
3002
  background-color: var(--gd-palette-complementary-0, #fff);
3003
+ border: 1px solid transparent;
2889
3004
  box-shadow: 0 1px 20px var(--gd-shadow-color-from-theme, rgba(20, 56, 93, 0.2));
2890
3005
  }
2891
3006
 
@@ -8899,6 +9014,7 @@ button.gd-list-item {
8899
9014
  border-radius: 3px;
8900
9015
  font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
8901
9016
  background-color: var(--gd-palette-complementary-0, #fff);
9017
+ border: 1px solid transparent;
8902
9018
  box-shadow: 0 1px 20px var(--gd-shadow-color-from-theme, rgba(20, 56, 93, 0.2));
8903
9019
  }
8904
9020
 
@@ -12511,7 +12627,7 @@ a.gd-button-link:hover .gd-button-text, a.gd-button-link-dimmed:hover .gd-button
12511
12627
  border-radius: 0;
12512
12628
  }
12513
12629
 
12514
- .gd-date-range-picker-picker .rdp-day:not([disabled]):not(.rdp-day_selected):hover {
12630
+ .gd-date-range-picker-picker .rdp-day:not(.rdp-day_range_middle):hover {
12515
12631
  background: var(--gd-palette-complementary-2, #ebeff4);
12516
12632
  cursor: pointer;
12517
12633
  }
@@ -12533,14 +12649,14 @@ a.gd-button-link:hover .gd-button-text, a.gd-button-link-dimmed:hover .gd-button
12533
12649
  font-weight: 700;
12534
12650
  }
12535
12651
 
12536
- .gd-date-range-picker-picker .rdp-day_selected:not(.rdp-day_disabled) {
12652
+ .gd-date-range-picker-picker .rdp-day_selected:not(.rdp-day_disabled):not(.rdp-day_range_middle) {
12537
12653
  color: var(--gd-palette-complementary-0, #fff);
12538
12654
  background: var(--gd-palette-primary-base, #14b2e2);
12539
12655
  }
12540
12656
 
12541
12657
  .gd-date-range-picker-picker .rdp-day_selected:not(.rdp-day_range_start):not(.rdp-day_range_end) {
12542
- color: var(--gd-palette-complementary-0, #fff);
12543
- background: var(--gd-palette-primary-base, #14b2e2);
12658
+ color: var(--gd-palette-complementary-8, #464e56);
12659
+ background: var(--gd-palette-primary-dimmed, #e8f7fc);
12544
12660
  }
12545
12661
 
12546
12662
  .gd-date-range-picker-picker .rdp-day_selected:not(.rdp-day_range_start):not(.rdp-day_range_end):hover {
@@ -12705,7 +12821,7 @@ a.gd-button-link:hover .gd-button-text, a.gd-button-link-dimmed:hover .gd-button
12705
12821
 
12706
12822
  .gd-date-range-picker-picker .DayPicker-Day--selected:not(.DayPicker-Day--start):not(.DayPicker-Day--end) {
12707
12823
  color: var(--gd-palette-complementary-8, #464e56);
12708
- background: var(--gd-palette-primary-lightest, #dff5fc);
12824
+ background: var(--gd-palette-primary-dimmed, #e8f7fc);
12709
12825
  }
12710
12826
 
12711
12827
  .gd-date-range-picker-error-message {
@@ -13950,6 +14066,7 @@ input[type=search]::-webkit-search-cancel-button {
13950
14066
  border-radius: 3px;
13951
14067
  font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
13952
14068
  background-color: var(--gd-palette-complementary-0, #fff);
14069
+ border: 1px solid transparent;
13953
14070
  box-shadow: 0 1px 20px var(--gd-shadow-color-from-theme, rgba(20, 56, 93, 0.2));
13954
14071
  }
13955
14072
 
@@ -19141,6 +19258,10 @@ figure {
19141
19258
  max-height: 99vh;
19142
19259
  }
19143
19260
  }
19261
+ .gd-notifications-channels-dialog-overlay {
19262
+ border: 1px solid transparent;
19263
+ }
19264
+
19144
19265
  .gd-notifications-channels-dialog-overlay.truncated {
19145
19266
  overflow-y: auto;
19146
19267
  overflow-x: hidden;
@@ -19429,6 +19550,7 @@ figure {
19429
19550
  display: flex;
19430
19551
  flex-direction: column;
19431
19552
  width: 540px;
19553
+ border: 1px solid transparent !important;
19432
19554
  }
19433
19555
  @media only screen and (max-width: 640px) {
19434
19556
  .gd-notifications-channels-management-dialog {
@@ -21109,6 +21231,9 @@ figure {
21109
21231
  z-index: 10;
21110
21232
  }
21111
21233
 
21234
+ .gd-header-menu-overlay {
21235
+ border: 1px solid transparent;
21236
+ }
21112
21237
  .gd-header-menu-overlay .configuration-panel-header-back-button {
21113
21238
  border: none;
21114
21239
  background: none;
@@ -22880,7 +23005,6 @@ figure {
22880
23005
  height: 40px;
22881
23006
  max-width: 100%;
22882
23007
  padding: 4px 10px 2px 8px;
22883
- border: 1px solid transparent;
22884
23008
  font-size: 24px;
22885
23009
  font-weight: bold;
22886
23010
  line-height: 32px;
@@ -22901,6 +23025,7 @@ figure {
22901
23025
  color: var(--gd-palette-complementary-6-from-theme, inherit);
22902
23026
  }
22903
23027
  .dash-title.editable {
23028
+ border: 1px solid transparent;
22904
23029
  min-width: 76px;
22905
23030
  }
22906
23031
  .dash-title.editable:hover, .dash-title.is-editing {