npm - @gooddata/sdk-ui-kit - Versions diffs - 11.56.0-alpha.1 → 11.56.0-alpha.3 - Mend

@gooddata/sdk-ui-kit 11.56.0-alpha.1 → 11.56.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 (431) hide show

package/styles/css/main.css CHANGED Viewed

@@ -1771,7 +1771,7 @@
   color: var(--gd-palette-primary-base, #14b2e2);
 }
 .gd-ui-kit-combobox__item--isSelected.gd-ui-kit-combobox__item--isActive {
-  background-color: var(--gd-palette-primary-dimmed, #e8f7fc);
+  background-color: var(--gd-palette-primary-dimmed, rgb(231.5, 247.3, 252.1));
   color: var(--gd-palette-primary-base, #14b2e2);
 }
 .gd-ui-kit-combobox__item--isDisabled {
@@ -1889,7 +1889,7 @@
 }
 .gd-ui-kit-listbox__item--isSelected.gd-ui-kit-listbox__item--isFocused, .gd-ui-kit-listbox__item:hover.gd-ui-kit-listbox__item--isSelected {
   font-weight: bold;
-  background-color: var(--gd-palette-primary-dimmed, #e8f7fc);
+  background-color: var(--gd-palette-primary-dimmed, rgb(231.5, 247.3, 252.1));
   color: var(--gd-palette-primary-base, #14b2e2);
 }
 .gd-ui-kit-listbox__item--isDisabled {
@@ -2473,7 +2473,7 @@
   color: var(--gd-palette-primary-base, #14b2e2);
 }
 .gd-ui-kit-link--variant-primary:hover {
-  color: var(--gd-palette-primary-base-d06, #129cc6);
+  color: var(--gd-palette-primary-base-d06, rgb(17.512195122, 155.8585365854, 197.887804878));
 }
 .gd-ui-kit-link--variant-secondary, .gd-ui-kit-link--variant-secondary:focus, .gd-ui-kit-link--variant-secondary:active {
   color: var(--gd-palette-complementary-7, #6d7680);
@@ -5692,7 +5692,7 @@
 .gd-button-primary:focus, .gd-button-link.gd-button-icon-only[class*=gd-icon-]:focus, .gd-button-icon-only[class*=gd-icon-].gd-button-link-dimmed:focus, .gd-button-primary.is-focus, .is-focus.gd-button-link.gd-button-icon-only[class*=gd-icon-], .is-focus.gd-button-icon-only[class*=gd-icon-].gd-button-link-dimmed,
 .gd-button-secondary:focus,
 .gd-button-secondary.is-focus {
-  box-shadow: var(--gd-button-dropShadow, 0 0 3px 1px) rgba(69, 199, 239, 0), var(--gd-button-dropShadow, 0 1px 2px 0) var(--gd-shadow-color-from-theme, rgba(20, 56, 93, 0.15)), inset 0 -1px 0 0 var(--gd-shadow-color-from-theme, rgba(177, 193, 209, 0.6));
+  box-shadow: var(--gd-button-dropShadow, 0 0 3px 1px) rgba(68.687804878, 198.9414634146, 238.512195122, 0), var(--gd-button-dropShadow, 0 1px 2px 0) var(--gd-shadow-color-from-theme, rgba(20, 56, 93, 0.15)), inset 0 -1px 0 0 var(--gd-shadow-color-from-theme, rgba(177, 193, 209, 0.6));
   border-color: var(--gd-palette-primary-base-t25, rgba(20, 178, 226, 0.75));
 }
 .gd-button-primary:active, .gd-button-link.gd-button-icon-only[class*=gd-icon-]:active, .gd-button-icon-only[class*=gd-icon-].gd-button-link-dimmed:active, .gd-button-primary.is-active, .is-active.gd-button-link.gd-button-icon-only[class*=gd-icon-], .is-active.gd-button-icon-only[class*=gd-icon-].gd-button-link-dimmed,
@@ -5777,18 +5777,18 @@
 }
 .gd-button-positive:hover {
   box-shadow: 0 1px 1px 0 var(--gd-shadow-color-from-theme, rgba(20, 56, 93, 0.15)), inset 0 -1px 0 0 rgba(0, 0, 0, 0.15);
-  background: var(--gd-palette-success-base-d06, #00a277);
+  background: var(--gd-palette-success-base-d06, rgb(0, 162.4, 118.6445595855));
 }
 .gd-button-positive:focus {
-  box-shadow: var(--gd-button-dropShadow, 0 0 3px 1px) var(--gd-palette-success-focus, rgba(0, 224, 163, 0.5)), var(--gd-button-dropShadow, 0 1px 1px 0) var(--gd-shadow-color-from-theme, rgba(20, 56, 93, 0.15)), inset 0 -2px 0 0 rgba(0, 0, 0, 0.15);
+  box-shadow: var(--gd-button-dropShadow, 0 0 3px 1px) var(--gd-palette-success-focus, rgba(0, 223.6, 163.3554404145, 0.5)), var(--gd-button-dropShadow, 0 1px 1px 0) var(--gd-shadow-color-from-theme, rgba(20, 56, 93, 0.15)), inset 0 -2px 0 0 rgba(0, 0, 0, 0.15);
 }
 .gd-button-positive:active, .gd-button-positive.is-active {
   box-shadow: inset 0 2px 0 0 rgba(0, 0, 0, 0.15);
-  background: var(--gd-palette-success-base-d06, #00a277); /* Old browsers */
-  background-image: -webkit-linear-gradient(top, var(--gd-palette-success-base-d12, #008460), var(--gd-palette-success-base-d06, #00a277)); /* Chrome 10+, Saf5.1+ */
-  background-image: -moz-linear-gradient(top, var(--gd-palette-success-base-d12, #008460), var(--gd-palette-success-base-d06, #00a277)); /* FF3.6 */
-  background-image: -ms-linear-gradient(top, var(--gd-palette-success-base-d12, #008460), var(--gd-palette-success-base-d06, #00a277)); /* IE10 */
-  background-image: linear-gradient(to top, var(--gd-palette-success-base-d12, #008460), var(--gd-palette-success-base-d06, #00a277));
+  background: var(--gd-palette-success-base-d06, rgb(0, 162.4, 118.6445595855)); /* Old browsers */
+  background-image: -webkit-linear-gradient(top, var(--gd-palette-success-base-d12, rgb(0, 131.8, 96.289119171)), var(--gd-palette-success-base-d06, rgb(0, 162.4, 118.6445595855))); /* Chrome 10+, Saf5.1+ */
+  background-image: -moz-linear-gradient(top, var(--gd-palette-success-base-d12, rgb(0, 131.8, 96.289119171)), var(--gd-palette-success-base-d06, rgb(0, 162.4, 118.6445595855))); /* FF3.6 */
+  background-image: -ms-linear-gradient(top, var(--gd-palette-success-base-d12, rgb(0, 131.8, 96.289119171)), var(--gd-palette-success-base-d06, rgb(0, 162.4, 118.6445595855))); /* IE10 */
+  background-image: linear-gradient(to top, var(--gd-palette-success-base-d12, rgb(0, 131.8, 96.289119171)), var(--gd-palette-success-base-d06, rgb(0, 162.4, 118.6445595855)));
 }
 .gd-button-negative {
@@ -5797,18 +5797,18 @@
 }
 .gd-button-negative:hover {
   box-shadow: 0 1px 1px 0 var(--gd-shadow-color-from-theme, rgba(20, 56, 93, 0.15)), inset 0 -1px 0 0 rgba(0, 0, 0, 0.15);
-  background: var(--gd-palette-error-base-d10, #d62a1e);
+  background: var(--gd-palette-error-base-d10, rgb(214.4930232558, 41.9906976744, 29.5069767442));
 }
 .gd-button-negative:focus {
-  box-shadow: var(--gd-button-dropShadow, 0 0 3px 1px) var(--gd-palette-error-focus, rgba(235, 119, 111, 0.6)), var(--gd-button-dropShadow, 0 1px 1px 0) var(--gd-shadow-color-from-theme, rgba(20, 56, 93, 0.15)), inset 0 -1px 0 0 rgba(0, 0, 0, 0.15);
+  box-shadow: var(--gd-button-dropShadow, 0 0 3px 1px) var(--gd-palette-error-focus, rgba(235.1674418605, 119.223255814, 110.8325581395, 0.6)), var(--gd-button-dropShadow, 0 1px 1px 0) var(--gd-shadow-color-from-theme, rgba(20, 56, 93, 0.15)), inset 0 -1px 0 0 rgba(0, 0, 0, 0.15);
 }
 .gd-button-negative:active, .gd-button-negative.is-active {
   box-shadow: inset 0 2px 0 0 rgba(0, 0, 0, 0.15);
-  background: var(--gd-palette-error-base-d10, #d62a1e); /* Old browsers */
-  background-image: -webkit-linear-gradient(top, var(--gd-palette-error-base-d20, #aa2117), var(--gd-palette-error-base-d10, #d62a1e)); /* Chrome 10+, Saf5.1+ */
-  background-image: -moz-linear-gradient(top, var(--gd-palette-error-base-d20, #aa2117), var(--gd-palette-error-base-d10, #d62a1e)); /* FF3.6 */
-  background-image: -ms-linear-gradient(top, var(--gd-palette-error-base-d20, #aa2117), var(--gd-palette-error-base-d10, #d62a1e)); /* IE10 */
-  background-image: linear-gradient(to top, var(--gd-palette-error-base-d20, #aa2117), var(--gd-palette-error-base-d10, #d62a1e));
+  background: var(--gd-palette-error-base-d10, rgb(214.4930232558, 41.9906976744, 29.5069767442)); /* Old browsers */
+  background-image: -webkit-linear-gradient(top, var(--gd-palette-error-base-d20, rgb(169.6604651163, 33.2139534884, 23.3395348837)), var(--gd-palette-error-base-d10, rgb(214.4930232558, 41.9906976744, 29.5069767442))); /* Chrome 10+, Saf5.1+ */
+  background-image: -moz-linear-gradient(top, var(--gd-palette-error-base-d20, rgb(169.6604651163, 33.2139534884, 23.3395348837)), var(--gd-palette-error-base-d10, rgb(214.4930232558, 41.9906976744, 29.5069767442))); /* FF3.6 */
+  background-image: -ms-linear-gradient(top, var(--gd-palette-error-base-d20, rgb(169.6604651163, 33.2139534884, 23.3395348837)), var(--gd-palette-error-base-d10, rgb(214.4930232558, 41.9906976744, 29.5069767442))); /* IE10 */
+  background-image: linear-gradient(to top, var(--gd-palette-error-base-d20, rgb(169.6604651163, 33.2139534884, 23.3395348837)), var(--gd-palette-error-base-d10, rgb(214.4930232558, 41.9906976744, 29.5069767442)));
 }
 .gd-button-action {
@@ -5817,18 +5817,18 @@
 }
 .gd-button-action:hover {
   box-shadow: 0 1px 1px 0 var(--gd-shadow-color-from-theme, rgba(20, 56, 93, 0.15)), inset 0 -1px 0 0 rgba(0, 0, 0, 0.15);
-  background: var(--gd-palette-primary-base-d06, #129cc6);
+  background: var(--gd-palette-primary-base-d06, rgb(17.512195122, 155.8585365854, 197.887804878));
 }
 .gd-button-action:focus {
-  box-shadow: var(--gd-button-dropShadow, 0 0 3px 1px) var(--gd-palette-primary-focus, rgba(41, 190, 236, 0.6)), var(--gd-button-dropShadow, 0 1px 1px 0) var(--gd-shadow-color-from-theme, rgba(20, 56, 93, 0.15)), inset 0 -1px 0 0 rgba(0, 0, 0, 0.15);
+  box-shadow: var(--gd-button-dropShadow, 0 0 3px 1px) var(--gd-palette-primary-focus, rgba(40.5756097561, 190.4829268293, 236.0243902439, 0.6)), var(--gd-button-dropShadow, 0 1px 1px 0) var(--gd-shadow-color-from-theme, rgba(20, 56, 93, 0.15)), inset 0 -1px 0 0 rgba(0, 0, 0, 0.15);
 }
 .gd-button-action:active, .gd-button-action.is-active {
   box-shadow: inset 0 2px 0 0 rgba(0, 0, 0, 0.15);
-  background: var(--gd-palette-primary-base-d06, #129cc6); /* Old browsers */
-  background-image: -webkit-linear-gradient(top, var(--gd-palette-primary-base-d12, #0f86aa), var(--gd-palette-primary-base-d06, #129cc6)); /* Chrome 10+, Saf5.1+ */
-  background-image: -moz-linear-gradient(top, var(--gd-palette-primary-base-d12, #0f86aa), var(--gd-palette-primary-base-d06, #129cc6)); /* FF3.6 */
-  background-image: -ms-linear-gradient(top, var(--gd-palette-primary-base-d12, #0f86aa), var(--gd-palette-primary-base-d06, #129cc6)); /* IE10 */
-  background-image: linear-gradient(to top, var(--gd-palette-primary-base-d12, #0f86aa), var(--gd-palette-primary-base-d06, #129cc6));
+  background: var(--gd-palette-primary-base-d06, rgb(17.512195122, 155.8585365854, 197.887804878)); /* Old browsers */
+  background-image: -webkit-linear-gradient(top, var(--gd-palette-primary-base-d12, rgb(15.0243902439, 133.7170731707, 169.7756097561)), var(--gd-palette-primary-base-d06, rgb(17.512195122, 155.8585365854, 197.887804878))); /* Chrome 10+, Saf5.1+ */
+  background-image: -moz-linear-gradient(top, var(--gd-palette-primary-base-d12, rgb(15.0243902439, 133.7170731707, 169.7756097561)), var(--gd-palette-primary-base-d06, rgb(17.512195122, 155.8585365854, 197.887804878))); /* FF3.6 */
+  background-image: -ms-linear-gradient(top, var(--gd-palette-primary-base-d12, rgb(15.0243902439, 133.7170731707, 169.7756097561)), var(--gd-palette-primary-base-d06, rgb(17.512195122, 155.8585365854, 197.887804878))); /* IE10 */
+  background-image: linear-gradient(to top, var(--gd-palette-primary-base-d12, rgb(15.0243902439, 133.7170731707, 169.7756097561)), var(--gd-palette-primary-base-d06, rgb(17.512195122, 155.8585365854, 197.887804878)));
 }
 /* Button links
@@ -5966,7 +5966,7 @@
 .gd-button-link.gd-button-icon-only[class*=gd-icon-]:active::before, .gd-button-icon-only[class*=gd-icon-].gd-button-link-dimmed:active::before,
 .gd-button-link.gd-button-icon-only[class*=gd-icon-]:active .gd-button-icon,
 .gd-button-icon-only[class*=gd-icon-].gd-button-link-dimmed:active .gd-button-icon {
-  color: var(--gd-palette-primary-base-d06, #129cc6);
+  color: var(--gd-palette-primary-base-d06, rgb(17.512195122, 155.8585365854, 197.887804878));
 }
 .gd-button-link.gd-button-icon-only[class*=gd-icon-]:hover::before, .gd-button-icon-only[class*=gd-icon-].gd-button-link-dimmed:hover::before,
 .gd-button-link.gd-button-icon-only[class*=gd-icon-]:hover .gd-button-icon,
@@ -6126,7 +6126,7 @@
 }
 .gd-button-positive.disabled, .gd-button-positive.disabled:hover, .gd-button-positive.disabled:focus, .gd-button-positive.disabled:active {
   color: var(--gd-palette-complementary-0, #fff);
-  background: var(--gd-palette-success-disabled, rgba(0, 224, 163, 0.5));
+  background: var(--gd-palette-success-disabled, rgba(0, 223.6, 163.3554404145, 0.5));
 }
 .gd-button-positive.disabled::before, .gd-button-positive.disabled::after,
 .gd-button-positive.disabled .gd-button-icon, .gd-button-positive.disabled:hover::before, .gd-button-positive.disabled:hover::after,
@@ -6141,7 +6141,7 @@
 }
 .gd-button-negative.disabled, .gd-button-negative.disabled:hover, .gd-button-negative.disabled:focus, .gd-button-negative.disabled:active {
   color: var(--gd-palette-complementary-0, #fff);
-  background: var(--gd-palette-error-disabled, rgba(241, 161, 156, 0.6));
+  background: var(--gd-palette-error-disabled, rgba(241.3348837209, 161.4465116279, 155.6651162791, 0.6));
 }
 .gd-button-negative.disabled::before, .gd-button-negative.disabled::after,
 .gd-button-negative.disabled .gd-button-icon, .gd-button-negative.disabled:hover::before, .gd-button-negative.disabled:hover::after,
@@ -6156,7 +6156,7 @@
 }
 .gd-button-action.disabled, .gd-button-action.disabled:hover, .gd-button-action.disabled:focus, .gd-button-action.disabled:active {
   color: var(--gd-palette-complementary-0, #fff);
-  background: var(--gd-palette-primary-disabled, rgba(69, 199, 239, 0.6));
+  background: var(--gd-palette-primary-disabled, rgba(68.687804878, 198.9414634146, 238.512195122, 0.6));
   -ms-filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
   filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
 }
@@ -7963,7 +7963,7 @@ textarea.gd-input, textarea.input-text {
 .input-radio-label:active .input-label-text::before,
 .input-checkbox-label:active .input-label-text::before {
   border-color: var(--gd-palette-primary-base, #14b2e2);
-  background-color: var(--gd-palette-primary-dimmed, #e8f7fc);
+  background-color: var(--gd-palette-primary-dimmed, rgb(231.5, 247.3, 252.1));
 }
 .input-radio-label input,
 .input-checkbox-label input {
@@ -8089,7 +8089,7 @@ textarea.gd-input, textarea.input-text {
 }
 .input-checkbox-toggle input:checked ~ .input-label-text::after {
   right: 2px;
-  border: 1px solid var(--gd-palette-primary-base-d06, #129cc6);
+  border: 1px solid var(--gd-palette-primary-base-d06, rgb(17.512195122, 155.8585365854, 197.887804878));
   background: var(--gd-palette-primary-base, #14b2e2);
 }
 .input-checkbox-toggle:hover .input-label-text::after, .input-checkbox-toggle:active .input-label-text::after {
@@ -8097,7 +8097,7 @@ textarea.gd-input, textarea.input-text {
   background: var(--gd-palette-complementary-3-from-theme, #d7dfe5);
 }
 .input-checkbox-toggle:hover input:checked ~ .input-label-text::after, .input-checkbox-toggle:active input:checked ~ .input-label-text::after {
-  background: var(--gd-palette-primary-base-d06, #129cc6);
+  background: var(--gd-palette-primary-base-d06, rgb(17.512195122, 155.8585365854, 197.887804878));
 }
 .input-checkbox-toggle input:disabled ~ .input-label-text::before,
 .input-checkbox-toggle input:disabled ~ .input-label-text::after,
@@ -8207,7 +8207,7 @@ textarea.gd-input, textarea.input-text {
   color: var(--gd-palette-primary-base, #14b2e2);
 }
 .gd-measure-custom-format-dialog-body .gd-measure-custom-format-dialog-content .gd-measure-format-button-templates:hover {
-  color: var(--gd-palette-primary-base-darken20, #0c6884);
+  color: var(--gd-palette-primary-base-darken20, rgb(11.7073170732, 104.1951219512, 132.2926829268));
 }
 .gd-measure-custom-format-dialog-body .gd-measure-custom-format-dialog-content .gd-measure-format-template-preview {
   position: relative;
@@ -8375,7 +8375,7 @@ textarea.gd-input, textarea.input-text {
 .gd-input-syntax-highlighting-input .cm-editor .cm-matchingBracket {
   font-weight: bold;
   color: var(--gd-palette-complementary-9, #000);
-  background-color: var(--gd-palette-warning-dimmed, #fce7cc);
+  background-color: var(--gd-palette-warning-dimmed, rgb(252.2, 230.8, 204));
 }
 .gd-input-syntax-highlighting-input .cm-editor .cm-nonmatchingBracket {
   color: var(--gd-palette-error-base, #e54d42);
@@ -8388,7 +8388,7 @@ textarea.gd-input, textarea.input-text {
   border-left-color: var(--gd-palette-complementary-7-from-theme, #687581);
 }
 .gd-input-syntax-highlighting-input .cm-editor .cm-selectionBackground, .gd-input-syntax-highlighting-input .cm-editor.cm-focused .cm-selectionBackground {
-  background: var(--gd-palette-primary-dimmed, #e8f7fc);
+  background: var(--gd-palette-primary-dimmed, rgb(231.5, 247.3, 252.1));
 }
 .gd-input-syntax-highlighting-input .cm-editor .cm-placeholder {
   color: var(--gd-palette-complementary-7, #6d7680);
@@ -8618,7 +8618,7 @@ button.gd-list-item {
   text-decoration: none;
 }
 .gd-list-item:hover.is-selected {
-  background-color: var(--gd-palette-primary-dimmed, #e8f7fc);
+  background-color: var(--gd-palette-primary-dimmed, rgb(231.5, 247.3, 252.1));
 }
 .gd-list-item:focus-visible {
   outline: revert;
@@ -8626,7 +8626,7 @@ button.gd-list-item {
 }
 .gd-list-item.gd-menu-item-remove:hover {
   color: var(--gd-palette-error-base, #e54d42);
-  background: var(--gd-palette-error-dimmed, #fcedec);
+  background: var(--gd-palette-error-dimmed, rgb(252.4, 237.2, 236.1));
 }
 .gd-mobile-dropdown-content .gd-list-item {
   border-bottom: 1px solid var(--gd-palette-complementary-3, #dde4eb);
@@ -8635,7 +8635,7 @@ button.gd-list-item {
 }
 .gd-list-item.variant-delete:hover {
   color: var(--gd-palette-error-base, #e54d42);
-  background: var(--gd-palette-error-dimmed, #fcedec);
+  background: var(--gd-palette-error-dimmed, rgb(252.4, 237.2, 236.1));
 }
 .gd-list-item.is-disabled {
   opacity: 0.5;
@@ -13386,7 +13386,7 @@ input[type=search]::-webkit-search-cancel-button {
 }
 .gd-invertable-select-all-checkbox[role=checkbox]:active .input-label-text::before {
   border-color: var(--gd-palette-primary-base, #14b2e2);
-  background-color: var(--gd-palette-primary-dimmed, #e8f7fc);
+  background-color: var(--gd-palette-primary-dimmed, rgb(231.5, 247.3, 252.1));
 }
 .gd-invertable-list-limitExceeded {
@@ -14128,7 +14128,7 @@ input[type=search]::-webkit-search-cancel-button {
   background-color: var(--gd-palette-complementary-2, #ebeff4);
 }
 .gd-filter-group-item.gd-is-active:not(.gd-is-disabled):hover {
-  background-color: var(--gd-palette-primary-dimmed, #e8f7fc);
+  background-color: var(--gd-palette-primary-dimmed, rgb(231.5, 247.3, 252.1));
 }
 .gd-filter-group-item::before {
   content: "";
@@ -14148,7 +14148,7 @@ input[type=search]::-webkit-search-cancel-button {
   opacity: 1;
 }
 .gd-filter-group-item.error:not(.gd-is-active) {
-  background-color: var(--gd-palette-error-dimmed, #fcedec);
+  background-color: var(--gd-palette-error-dimmed, rgb(252.4, 237.2, 236.1));
 }
 .gd-filter-group-item.error:not(.gd-is-active) .gd-filter-group-item-icon {
   color: var(--gd-palette-error-base, #e54d42);