@gooddata/sdk-ui-dashboard 10.7.0-alpha.2 → 10.7.0-alpha.21

package/styles/css/main.css

@@ -1869,7 +1869,8 @@
 .gd-rich-text-content {
   width: 100%;
   height: 100%;
-  min-height: 0;
+  min-height: 19px;
+  color: var(--gd-palette-complementary-7, #687581);
 }
 
 .gd-rich-text-content textarea {
@@ -1880,16 +1881,21 @@
   font-size: 14px;
   font-weight: 400;
   font-family: menlo, monaco, consolas, "Courier New", monospace;
-  color: var(--gd-palette-complementary-8, #464e56);
+  color: var(--gd-palette-complementary-7, #687581);
   border: none;
   resize: none;
   outline: none;
   box-sizing: border-box;
 }
 
+.gd-rich-text-content textarea::placeholder {
+  color: var(--gd-palette-complementary-6, #94a1ad);
+}
+
 .gd-rich-text-content-view * {
   margin-top: 0;
-  color: var(--gd-palette-complementary-6, #94a1ad);
+  color: var(--gd-palette-complementary-7, #687581);
+  font-weight: 400;
 }
 
 .gd-rich-text-content-view a {
@@ -1944,6 +1950,7 @@
   line-height: 19px;
   letter-spacing: 0;
   text-align: left;
+  margin-bottom: 0;
 }
 
 .gd-rich-text-content-view hr {
@@ -1951,17 +1958,19 @@
   border-bottom: 1px solid var(--gd-palette-complementary-3, #dde4eb);
 }
 
-.bubble .bubble-content .content .gd-rich-text-content a {
+.bubble .bubble-content .content .gd-rich-text-content > a {
   color: var(--gd-palette-primary-base, #14b2e2);
   font-size: 14px;
+  line-height: 19px;
 }
 
-.bubble .bubble-content .content .gd-rich-text-content a:hover {
+.bubble .bubble-content .content .gd-rich-text-content > a:hover {
   color: var(--gd-palette-complementary-8, #464e56);
 }
 
-.bubble .bubble-content .content .gd-rich-text-content p {
+.bubble .bubble-content .content .gd-rich-text-content > p {
   font-size: 14px;
+  line-height: 19px;
 }
 
 
@@ -17775,6 +17784,9 @@ div.gd-empty-item-bubble {
   padding: 0;
   font-size: 14px;
   line-height: 19px;
+  color: var(--gd-palette-complementary-7, #687581);
+}
+.gd-fluid-layout-row-header .gd-editable-label-richtext textarea::placeholder {
   color: var(--gd-palette-complementary-6, #94a1ad);
 }
 .gd-fluid-layout-row-header .gd-editable-label-richtext:hover, .gd-fluid-layout-row-header .gd-editable-label-richtext:focus, .gd-fluid-layout-row-header .gd-editable-label-richtext:active {
@@ -17789,7 +17801,11 @@ div.gd-empty-item-bubble {
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
-  line-height: 21px;
+  line-height: 19px;
+}
+
+.gd-rich-text-content-view .gd-editable-label-richtext-empty {
+  color: var(--gd-palette-complementary-6, #94a1ad);
 }
 
 .gd-visualization-content.relative {
@@ -18427,26 +18443,6 @@ div.gd-empty-item-bubble {
 .gd-dialog:not(.gd-dropdown).gd-schedule-email-dialog .gd-dialog-footer {
   display: flex;
 }
-.gd-dialog:not(.gd-dropdown).gd-schedule-email-dialog .gd-schedule-email-dialog-filters-message {
-  margin-top: -5px;
-  margin-bottom: 20px;
-}
-
-.gd-schedule-email-dialog-unsubscribed-recipients {
-  margin-top: -5px;
-  margin-left: 105px;
-  overflow: hidden;
-  width: 100%;
-  line-height: 16px;
-  white-space: normal;
-  font-size: 12px;
-  color: var(--gd-palette-complementary-7, #6d7680);
-}
-@media only screen and (max-width: 640px) {
-  .gd-schedule-email-dialog-unsubscribed-recipients {
-    margin-left: 0;
-  }
-}
 
 .gd-input-component {
   margin-bottom: 20px;
@@ -18491,29 +18487,6 @@ div.gd-empty-item-bubble {
   line-height: 15px;
 }
 
-@media only screen and (min-width:641px) {
-  .gd-attachment-component {
-    align-items: flex-start;
-  }
-}
-.gd-attachment-component .gd-attachment-name {
-  flex: 1;
-  padding-left: 7px;
-}
-@media only screen and (min-width:641px) {
-  .gd-attachment-component .gd-attachment-name {
-    margin-top: 3px;
-    word-break: break-all;
-  }
-}
-.gd-attachment-component .gd-icon-pdf {
-  position: relative;
-  top: 1px;
-  flex: 0;
-  padding: 0;
-  margin-top: 3px;
-}
-
 @media only screen and (min-width:641px) {
   .gd-schedule-email-attachments {
     align-items: flex-start;
@@ -18523,34 +18496,42 @@ div.gd-empty-item-bubble {
   height: 30px;
   line-height: 30px;
 }
-.gd-schedule-email-attachments .gd-attachment-config-button {
-  display: inline-block;
-  margin: 10px 20px 0 0;
-}
-.gd-schedule-email-attachments .gd-dashboard-attachment-list {
+.gd-schedule-email-attachments .gd-attachment-list {
+  display: flex;
+  flex-direction: row;
+  align-items: baseline;
   flex: 1;
   overflow: hidden;
   margin: -2px 0;
+  flex-wrap: wrap;
 }
 @media only screen and (max-width: 640px) {
-  .gd-schedule-email-attachments .gd-dashboard-attachment-list {
+  .gd-schedule-email-attachments .gd-attachment-list {
     max-width: none;
   }
 }
-.gd-schedule-email-attachments .gd-dashboard-attachment-list-content {
+.gd-schedule-email-attachments .gd-attachment-list-message {
   display: flex;
-  flex-wrap: wrap;
-  overflow: hidden;
-  margin: 0 -5px;
+  flex-basis: 100%;
+  margin-top: 10px;
 }
-.gd-schedule-email-attachments .gd-dashboard-attachment {
+.gd-schedule-email-attachments .gd-attachment-filters-dropdown-button {
+  display: flex;
+  align-items: baseline;
+  height: 28px;
+}
+.gd-schedule-email-attachments .gd-attachment-filters-dropdown-button .gd-button-link-dimmed {
+  border: none;
+  box-shadow: none;
+}
+.gd-schedule-email-attachments .gd-attachment-item {
   display: flex;
   flex-wrap: nowrap;
   overflow: hidden;
   margin-top: -3px;
   margin-left: 5px;
 }
-.gd-schedule-email-attachments .gd-dashboard-attachment-format {
+.gd-schedule-email-attachments .gd-attachment-item-format {
   padding-left: 7px;
   padding-right: 7px;
   display: flex;
@@ -18561,7 +18542,7 @@ div.gd-empty-item-bubble {
   border-radius: 3px 0 0 3px;
   text-transform: uppercase;
 }
-.gd-schedule-email-attachments .gd-dashboard-attachment-name {
+.gd-schedule-email-attachments .gd-attachment-item-name {
   display: flex;
   align-items: center;
   flex-wrap: nowrap;
@@ -18573,134 +18554,130 @@ div.gd-empty-item-bubble {
   padding-left: 7px;
   padding-right: 7px;
 }
-.gd-schedule-email-attachments .gd-dashboard-attachment-name .shortened-name {
+.gd-schedule-email-attachments .gd-attachment-item-name .shortened-name {
   text-overflow: ellipsis;
   display: inline-block;
   overflow: hidden;
   white-space: nowrap;
   vertical-align: middle;
 }
-.gd-schedule-email-attachments .gd-dashboard-attachment-name > span:nth-child(2) {
+.gd-schedule-email-attachments .gd-attachment-item-name > span:nth-child(2) {
   margin-left: 7px;
 }
-
-.gd-schedule-email-dialog-datetime,
-.gd-schedule-email-dialog-repeat {
-  align-items: flex-start;
-  flex-direction: row;
-}
-@media only screen and (max-width: 640px) {
-  .gd-schedule-email-dialog-datetime .gd-label,
-  .gd-schedule-email-dialog-repeat .gd-label {
-    margin-bottom: 0;
-  }
+.gd-schedule-email-attachments .gd-attachment-item-no-name > span {
+  border-radius: 3px;
 }
-.gd-schedule-email-dialog-datetime > div,
-.gd-schedule-email-dialog-repeat > div {
+.gd-schedule-email-attachments .gd-attachment-item-configuration {
   display: flex;
-  align-items: center;
-  flex-wrap: wrap;
-}
-
-.gd-schedule-email-dialog-datetime > div .gd-datepicker {
-  width: 119px;
-}
-@media only screen and (max-width: 640px) {
-  .gd-schedule-email-dialog-datetime > div .gd-datepicker {
-    width: calc(50% - 10px);
-  }
-}
-.gd-schedule-email-dialog-datetime > div .gd-datepicker .input-text {
-  color: var(--gd-palette-complementary-7, #778491);
-  font-size: 12px;
-}
-.gd-schedule-email-dialog-datetime > div .gd-datepicker .input-text:hover {
-  color: var(--gd-palette-complementary-8, inherit);
+  height: 24px;
+  color: var(--gd-palette-complementary-8, #464e56);
+  background: var(--gd-palette-complementary-2, #ebeff4);
+  border-radius: 0 3px 3px 0;
+  padding-left: 7px;
+  padding-right: 7px;
+  margin-left: -10px;
+  cursor: pointer;
 }
-.gd-schedule-email-dialog-datetime > div .gd-datepicker .gd-datepicker-icon {
-  top: -2px;
+.gd-schedule-email-attachments .gd-attachment-item-configuration::before {
+  position: relative;
+  top: 2px;
+  margin-top: 1px;
 }
-.gd-schedule-email-dialog-datetime > div .gd-schedule-email-dialog-datetime-date input {
-  height: 28px;
+
+.gd-attachment-filters-dropdown {
+  width: 245px;
+  max-height: 350px;
 }
-.gd-schedule-email-dialog-datetime > div .gd-schedule-email-dialog-datetime-time {
-  margin-left: 10px;
+.gd-attachment-filters-dropdown .gd-list-title {
+  line-height: normal;
 }
-.gd-schedule-email-dialog-datetime > div .gd-schedule-email-dialog-datetime-time button {
-  height: 28px;
+.gd-attachment-filters-dropdown .gd-close-button {
+  position: absolute;
+  top: 5px;
+  right: 5px;
+  outline: none;
 }
-@media only screen and (max-width: 640px) {
-  .gd-schedule-email-dialog-datetime > div .gd-schedule-email-dialog-datetime-timezone {
-    width: 100%;
-    margin-top: 15px;
-  }
+.gd-attachment-filters-dropdown .gd-close-button .gd-button-link.gd-button-icon-only::before {
+  font-size: 14px;
 }
-@media only screen and (min-width:641px) {
-  .gd-schedule-email-dialog-datetime > div .gd-schedule-email-dialog-datetime-timezone {
-    margin-left: 10px;
-  }
+.gd-attachment-filters-dropdown .gd-attachment-filters-dropdown-content {
+  display: flex;
+  flex-direction: column;
+  padding: 10px;
 }
-
-.gd-automation-cron-input {
-  margin-left: 10px;
+.gd-attachment-filters-dropdown .gd-attachment-filters-dropdown-content > :first-child {
+  margin-bottom: 5px;
 }
-
-@media only screen and (max-width: 640px) {
-  .gd-schedule-email-dialog-repeat .gd-schedule-email-dialog-repeat-type {
-    width: 100%;
-    margin-bottom: 20px;
-  }
-  .gd-schedule-email-dialog-repeat .gd-schedule-email-dialog-repeat-type .button-dropdown {
-    width: 100%;
-  }
+.gd-attachment-filters-dropdown .gd-attachment-filters-dropdown-content > :last-child {
+  margin-top: 5px;
 }
-.gd-schedule-email-dialog-repeat .gd-schedule-email-dialog-repeat-type button {
-  height: 28px;
+.gd-attachment-filters-dropdown .gd-attachment-filters-dropdown-content .gd-icon-circle-question {
+  position: relative;
+  top: 2px;
+  padding: 5px;
+  color: var(--gd-palette-complementary-6, #94a1ad);
 }
-.gd-schedule-email-dialog-repeat .gd-schedule-email-dialog-repeat-custom {
+.gd-attachment-filters-dropdown .gd-attachment-filters-dropdown-content .gd-attachment-filters-list {
   display: flex;
-  align-items: center;
+  flex-direction: column;
+  gap: 10px;
+  border-left: 2px dotted var(--gd-palette-complementary-3, #dde4eb);
+  padding: 0 10px;
+  margin-left: 6px;
+  max-height: 190px;
+  overflow-y: auto;
+  margin-right: -10px;
 }
-@media only screen and (max-width: 640px) {
-  .gd-schedule-email-dialog-repeat .gd-schedule-email-dialog-repeat-custom {
-    flex-wrap: wrap;
-    border-left: 2px dotted var(--gd-palette-complementary-3, #dde4eb);
-  }
+.gd-attachment-filters-dropdown .gd-attachment-filters-dropdown-content .gd-attachment-filters-list-item-title {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+  color: var(--gd-palette-complementary-7, #6d7680);
+  font-size: 12px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: normal;
 }
-.gd-schedule-email-dialog-repeat .gd-schedule-email-dialog-repeat-custom .gd-schedule-email-dialog-repeat-every {
-  margin-left: 10px;
+.gd-attachment-filters-dropdown .gd-attachment-filters-dropdown-content .gd-attachment-filters-list-item-subtitle {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+  color: var(--gd-palette-complementary-8, #464e56);
+  font-size: 12px;
+  font-style: normal;
+  font-weight: bold;
+  line-height: normal;
 }
-.gd-schedule-email-dialog-repeat .gd-schedule-email-dialog-repeat-custom .gd-schedule-email-dialog-repeat-period {
-  margin-left: 10px;
+.gd-attachment-filters-dropdown .gd-attachment-filters-dropdown-footer {
+  display: flex;
+  justify-content: end;
+  padding: 10px;
 }
-.gd-schedule-email-dialog-repeat .gd-schedule-email-dialog-repeat-custom .gd-schedule-email-dialog-repeat-period .gd-input-field {
-  color: var(--gd-palette-complementary-7, #778491);
-  font-size: 12px;
-  width: 24px;
-  height: 28px;
-  text-align: center;
-  padding-right: 0;
-  padding-left: 0;
+
+.gd-attachment-settings-dropdown {
+  width: 245px;
 }
-.gd-schedule-email-dialog-repeat .gd-schedule-email-dialog-repeat-custom .gd-schedule-email-dialog-repeat-frequency {
-  margin-left: 10px;
+.gd-attachment-settings-dropdown .gd-list-title {
+  line-height: normal;
 }
-.gd-schedule-email-dialog-repeat .gd-schedule-email-dialog-repeat-custom .gd-schedule-email-dialog-repeat-frequency button {
-  height: 28px;
+.gd-attachment-settings-dropdown .gd-close-button {
+  position: absolute;
+  top: 2px;
+  right: 0;
+  outline: none;
 }
-@media only screen and (max-width: 640px) {
-  .gd-schedule-email-dialog-repeat .gd-schedule-email-dialog-repeat-custom .break-the-row {
-    height: 0;
-    flex-basis: 100%;
-  }
+.gd-attachment-settings-dropdown .gd-close-button .gd-button-link.gd-button-icon-only::before {
+  font-size: 14px;
 }
-.gd-schedule-email-dialog-repeat .gd-schedule-email-dialog-repeat-custom .gd-schedule-email-dialog-repeat-execute-on {
-  margin-left: 10px;
+.gd-attachment-settings-dropdown .gd-attachment-settings-dropdown-content {
+  display: flex;
+  flex-direction: column;
+  padding: 15px 10px;
 }
-@media only screen and (max-width: 640px) {
-  .gd-schedule-email-dialog-repeat .gd-schedule-email-dialog-repeat-custom .gd-schedule-email-dialog-repeat-execute-on {
-    margin-top: 20px;
-  }
+.gd-attachment-settings-dropdown .gd-attachment-settings-dropdown-footer {
+  display: flex;
+  justify-content: end;
+  padding: 10px;
 }
 
 .gd-scheduled-email-management-dialog {
@@ -18937,204 +18914,6 @@ div.gd-empty-item-bubble {
   }
 }
 
-.gd-schedule-email-dialog-attachments {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: wrap;
-  margin: 0 -10px;
-}
-.gd-schedule-email-dialog-attachments > div {
-  margin: 5px 10px;
-}
-
-.gd-schedule-dropdown-button {
-  display: flex;
-  align-items: center;
-  height: 30px;
-  margin: 0;
-  padding: 0;
-  border: none;
-  outline: inherit;
-  font: inherit;
-  color: var(--gd-palette-complementary-7, #6d7680);
-  background: none;
-  text-decoration: underline;
-  font-size: 14px;
-  cursor: pointer;
-}
-.gd-schedule-dropdown-button-icon {
-  display: flex;
-  flex-direction: row;
-  justify-content: center;
-  align-items: center;
-  height: 100%;
-  margin-right: 6px;
-  flex-shrink: 0;
-}
-.gd-schedule-dropdown-button-disabled {
-  color: var(--gd-palette-complementary-5, #b0beca);
-}
-.gd-schedule-dropdown-button-disabled svg {
-  fill: var(--gd-palette-complementary-5, #b0beca);
-}
-.gd-schedule-dropdown-button-disabled:hover {
-  color: var(--gd-palette-complementary-5, #b0beca);
-}
-.gd-schedule-dropdown-body {
-  display: flex;
-  flex-direction: column;
-  height: inherit;
-  font-size: 12px;
-}
-@media only screen and (max-width: 640px) {
-  .gd-schedule-dropdown-body {
-    width: 100vw;
-    max-height: calc(100vh - 30px);
-  }
-}
-.gd-schedule-dropdown-header {
-  display: flex;
-  flex: 0 0 auto;
-  align-items: center;
-  padding-left: 10px;
-  padding-right: 10px;
-  overflow: hidden;
-  height: 35px;
-  white-space: nowrap;
-  color: var(--gd-palette-complementary-6, #94a1ad);
-  background: var(--gd-palette-complementary-2, #ebeff4);
-  text-overflow: ellipsis;
-  text-transform: uppercase;
-  font-size: 11px;
-  font-weight: bold;
-}
-.gd-schedule-dropdown-content {
-  flex: 0 0 auto;
-  overflow-y: auto;
-  max-height: 200px;
-}
-@media only screen and (max-width: 640px) {
-  .gd-schedule-dropdown-content {
-    overflow: auto;
-    height: calc(100vh - 113px);
-    max-height: calc(100vh - 113px);
-  }
-}
-.gd-schedule-dropdown-footer {
-  flex: 0 0 auto;
-  height: 47px;
-  padding: 10px;
-  border-top: 1px solid var(--gd-palette-complementary-3, #dde4eb);
-  text-align: right;
-}
-
-.gd-format-options-dropdown {
-  padding: 10px;
-  min-width: 253px;
-}
-@media only screen and (max-width: 640px) {
-  .gd-format-options-dropdown {
-    width: 100%;
-    min-width: none;
-  }
-}
-.gd-format-options-dropdown-selector {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  height: 28px;
-}
-.gd-format-options-dropdown-selector > div {
-  margin-left: 15px;
-}
-
-.gd-format-options-dropdown-xlsx {
-  display: flex;
-  flex-direction: column;
-  border-left: 1px dashed var(--gd-palette-complementary-7, #6d7680);
-  padding-left: 10px;
-  margin-top: 5px;
-  font-size: 14px;
-  color: var(--gd-palette-complementary-8, #464e56);
-}
-.gd-format-options-dropdown-xlsx > div:not(:first-child) {
-  margin-top: 10px;
-}
-.gd-format-options-dropdown-xlsx > div {
-  display: flex;
-  align-items: center;
-  height: 28px;
-}
-.gd-format-options-dropdown-xlsx > div > label {
-  display: flex;
-  align-items: center;
-  width: 100%;
-  padding-right: 0;
-}
-.gd-format-options-dropdown-xlsx > div > label > span {
-  margin-left: 4px;
-  white-space: nowrap;
-}
-
-.gd-attachments-selection-dropdown {
-  width: 253px;
-  padding: 10px;
-}
-@media only screen and (max-width: 640px) {
-  .gd-attachments-selection-dropdown {
-    width: 100%;
-  }
-}
-.gd-attachments-selection-dropdown h3 {
-  flex-grow: 2;
-  position: relative;
-  overflow: hidden;
-  height: 23px;
-  margin-top: 5px;
-  margin-bottom: 5px;
-  font-size: 11px;
-  font-weight: bold;
-  text-transform: uppercase;
-  color: var(--gd-palette-complementary-6, #94a1ad);
-}
-.gd-attachments-selection-dropdown h3::after {
-  content: "";
-  position: absolute;
-  top: 50%;
-  display: inline-block;
-  width: 100%;
-  height: 0;
-  margin-left: 10px;
-  border-top: 1px solid var(--gd-palette-complementary-6, #94a1ad);
-}
-.gd-attachments-selection-dropdown > div:not(:last-child) {
-  margin-bottom: 10px;
-}
-.gd-attachments-selection-dropdown > div {
-  display: flex;
-  align-items: center;
-  overflow: hidden;
-  height: 28px;
-}
-.gd-attachments-selection-dropdown > div > label {
-  display: flex;
-  align-items: center;
-  overflow: hidden;
-  width: 100%;
-  padding-right: 0;
-}
-.gd-attachments-selection-dropdown > div > label > svg {
-  margin-left: 4px;
-  margin-right: 6px;
-  flex-shrink: 0;
-}
-.gd-attachments-selection-dropdown > div > label > span {
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  margin-left: 4px;
-}
-
 .gd-schedule-mail-dialog-content-wrapper {
   background: var(--gd-palette-complementary-0, #fcfcfd);
   margin: 0 -20px;
@@ -19146,8 +18925,14 @@ div.gd-empty-item-bubble {
   margin-bottom: 20px;
 }
 
+.gd-divider-without-margin {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
 .gd-divider-full-row {
-  margin: 0 -20px 20px;
+  margin-left: -20px;
+  margin-right: -20px;
 }
 
 .gd-schedule-email-dialog-destination-empty {
@@ -21953,12 +21738,12 @@ div.gd-empty-item-bubble {
   overflow: auto;
 }
 .configuration-panel .gd-rich-text-insight-description textarea {
+  font-weight: 400;
   font-size: 14px;
   font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
-  line-height: 21px;
-  color: var(--gd-palette-complementary-8, #464e56);
+  line-height: 19px;
+  color: var(--gd-palette-complementary-7, #687581);
   padding: 0;
-  margin-top: -1px;
 }
 .configuration-panel .gd-rich-text-insight-description .gd-bubble-trigger {
   margin: revert;
@@ -22774,6 +22559,14 @@ div.gd-empty-item-bubble {
   left: 11px;
 }
 
+.insight-configuration .gd-list-item .gd-icon-list::before {
+  content: "";
+  background: url("~@gooddata/sdk-ui-dashboard/esm/assets/list.svg") no-repeat center;
+  width: 16px;
+  height: 16px;
+  display: inline-block;
+}
+
 .dropdown-body .gd-list-item.type-growIsGood::before, .dropdown-body .gd-list-item.type-growIsBad::before, .dropdown-body .gd-list-item.type-metric::before, .dropdown-body .gd-list-item.type-attribute::before, .dropdown-body .gd-list-item.type-date::before {
   margin-left: 1px;
 }