@gooddata/sdk-ui-kit 10.36.0-alpha.3 → 10.36.0-alpha.5

package/styles/css/main.css

@@ -200,6 +200,7 @@
   --gd-button-M: 32px;
   --gd-button-S: 27px;
   --gd-icon-fill-color: var(--gd-palette-complementary-9);
+  --gd-icon-background-color: var(--gd-palette-complementary-2);
   --gd-tabs-height-L: 56px;
   --gd-tabs-height-M: 27px;
   --gd-tabs-height-S: 23px;
@@ -613,6 +614,61 @@
   transition: var(--gd-transition-all);
 }
 
+.gd-ui-kit-icon-background {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  fill: var(--gd-icon-background-color);
+}
+.gd-ui-kit-icon-background--shape-circle {
+  border-radius: 50%;
+}
+.gd-ui-kit-icon-background--color-primary {
+  --gd-icon-background-color: var(--gd-palette-primary-base);
+}
+.gd-ui-kit-icon-background--color-warning {
+  --gd-icon-background-color: var(--gd-palette-warning-base);
+}
+.gd-ui-kit-icon-background--color-error {
+  --gd-icon-background-color: var(--gd-palette-error-base);
+}
+.gd-ui-kit-icon-background--color-complementary-0 {
+  --gd-icon-background-color: var(--gd-palette-complementary-0);
+}
+.gd-ui-kit-icon-background--color-complementary-1 {
+  --gd-icon-background-color: var(--gd-palette-complementary-1);
+}
+.gd-ui-kit-icon-background--color-complementary-2 {
+  --gd-icon-background-color: var(--gd-palette-complementary-2);
+}
+.gd-ui-kit-icon-background--color-complementary-3 {
+  --gd-icon-background-color: var(--gd-palette-complementary-3);
+}
+.gd-ui-kit-icon-background--color-complementary-4 {
+  --gd-icon-background-color: var(--gd-palette-complementary-4);
+}
+.gd-ui-kit-icon-background--color-complementary-5 {
+  --gd-icon-background-color: var(--gd-palette-complementary-5);
+}
+.gd-ui-kit-icon-background--color-complementary-6 {
+  --gd-icon-background-color: var(--gd-palette-complementary-6);
+}
+.gd-ui-kit-icon-background--color-complementary-7 {
+  --gd-icon-background-color: var(--gd-palette-complementary-7);
+}
+.gd-ui-kit-icon-background--color-complementary-8 {
+  --gd-icon-background-color: var(--gd-palette-complementary-8);
+}
+.gd-ui-kit-icon-background--color-complementary-9 {
+  --gd-icon-background-color: var(--gd-palette-complementary-9);
+}
+.gd-ui-kit-icon-background--type-fill {
+  background-color: var(--gd-icon-background-color);
+}
+.gd-ui-kit-icon-background--type-border {
+  border: 1px solid var(--gd-icon-background-color);
+}
+
 @keyframes react-loading-skeleton {
   100% {
     transform: translateX(100%);
@@ -1410,7 +1466,7 @@
   transition: background-color 0.2s, border-color 0.2s;
   background-color: var(--gd-palette-complementary-0);
 }
-.gd-ui-kit-checkbox__box:hover {
+.gd-ui-kit-checkbox__box:hover:not(.gd-ui-kit-checkbox__box--disabled) {
   border-color: var(--gd-palette-complementary-6);
   box-shadow: 0 1px 2px 0 rgba(31, 53, 74, 0.15) inset;
 }
@@ -1445,10 +1501,224 @@
   border: none;
   transform: scale(1) rotate(0deg);
 }
+.gd-ui-kit-checkbox__box--disabled {
+  border-color: var(--gd-palette-complementary-3);
+}
 .gd-ui-kit-checkbox__input:focus-visible + .gd-ui-kit-checkbox__box {
   box-shadow: 0 0 0 2px var(--gd-palette-primary-focus);
 }
 
+.gd-ui-kit-async-table {
+  font-family: var(--gd-font-family);
+  font-size: var(--gd-table-font-size);
+  font-style: normal;
+  line-height: var(--gd-table-row-line-height);
+  color: var(--gd-palette-complementary-8);
+}
+.gd-ui-kit-async-table__row {
+  display: flex;
+  height: var(--gd-table-row-height-normal);
+}
+.gd-ui-kit-async-table__row--large {
+  height: var(--gd-table-row-height-large);
+}
+.gd-ui-kit-async-table__row:hover .gd-ui-kit-async-table__cell {
+  background-color: var(--gd-palette-complementary-2);
+}
+.gd-ui-kit-async-table__header {
+  display: flex;
+  height: var(--gd-table-row-height-normal);
+  line-height: var(--gd-table-row-line-height);
+  color: var(--gd-palette-complementary-6);
+}
+.gd-ui-kit-async-table__header--small {
+  height: var(--gd-table-row-height-small);
+}
+.gd-ui-kit-async-table__header:focus-visible {
+  outline: none;
+}
+.gd-ui-kit-async-table__header:focus-visible .gd-ui-kit-async-table__cell--isFocused {
+  transition: outline 0s ease-in-out;
+  outline-offset: -2px;
+  outline: auto 5px Highlight; /* For Firefox */
+  outline: auto 5px -webkit-focus-ring-color; /* For Chrome */
+}
+.gd-ui-kit-async-table__header .gd-ui-kit-async-table__cell {
+  transition: var(--gd-transition-all);
+}
+.gd-ui-kit-async-table__header .gd-ui-kit-async-table__cell--sortable {
+  cursor: pointer;
+}
+.gd-ui-kit-async-table__header .gd-ui-kit-async-table__cell--sorted .gd-ui-kit-async-table__sort, .gd-ui-kit-async-table__header .gd-ui-kit-async-table__cell:hover .gd-ui-kit-async-table__sort {
+  display: flex;
+}
+.gd-ui-kit-async-table__header .gd-ui-kit-async-table__cell--sorted:hover .gd-ui-kit-async-table__sort svg {
+  fill: var(--gd-palette-complementary-8);
+}
+.gd-ui-kit-async-table__header .gd-ui-kit-async-table__cell--desc svg {
+  transform: rotate(0deg);
+}
+.gd-ui-kit-async-table__header .gd-ui-kit-async-table__cell:hover {
+  color: var(--gd-palette-complementary-8);
+}
+.gd-ui-kit-async-table__header .gd-ui-kit-async-table__cell .gd-ui-kit-checkbox {
+  visibility: hidden;
+}
+.gd-ui-kit-async-table__cell {
+  padding: 0 var(--gd-spacing-10px);
+  display: flex;
+  flex: 0 0 auto;
+  align-items: center;
+  overflow: hidden;
+  box-sizing: border-box;
+  border-bottom: 1px solid var(--gd-palette-complementary-2);
+}
+.gd-ui-kit-async-table__cell--bold {
+  font-weight: 700;
+}
+.gd-ui-kit-async-table__cell--checkbox {
+  width: var(--gd-spacing-34px);
+  justify-content: center;
+  cursor: pointer;
+}
+.gd-ui-kit-async-table__link {
+  width: 100%;
+}
+.gd-ui-kit-async-table__text {
+  flex: 0 1 auto;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+}
+.gd-ui-kit-async-table__text--multi-line {
+  display: flex;
+  flex-direction: column;
+  font-size: var(--gd-table-multi-line-font-size);
+  line-height: var(--gd-table-multi-line-line-height);
+}
+.gd-ui-kit-async-table__text-line {
+  text-overflow: inherit;
+  overflow: inherit;
+  white-space: inherit;
+}
+.gd-ui-kit-async-table__text-line--first {
+  font-size: var(--gd-table-multi-line-font-size-large);
+  line-height: var(--gd-table-multi-line-line-height-large);
+  font-weight: 700;
+}
+.gd-ui-kit-async-table__role-icon, .gd-ui-kit-async-table__prefix-icon, .gd-ui-kit-async-table__suffix-icon {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex: none;
+}
+.gd-ui-kit-async-table__role-icon {
+  margin-right: var(--gd-spacing-10px);
+}
+.gd-ui-kit-async-table__prefix-icon {
+  margin-right: var(--gd-spacing-5px);
+}
+.gd-ui-kit-async-table__suffix-icon, .gd-ui-kit-async-table__badge {
+  margin-left: var(--gd-spacing-5px);
+}
+.gd-ui-kit-async-table__badge {
+  flex: none;
+}
+.gd-ui-kit-async-table__sort {
+  padding: 0 var(--gd-spacing-5px);
+  display: none;
+}
+.gd-ui-kit-async-table__sort svg {
+  transform: rotate(180deg);
+}
+.gd-ui-kit-async-table__toolbar {
+  padding: 0;
+  height: var(--gd-table-row-height-small);
+  display: flex;
+  align-items: center;
+  justify-content: start;
+  gap: var(--gd-spacing-10px);
+  margin-bottom: var(--gd-spacing-20px);
+}
+.gd-ui-kit-async-table__toolbar .gd-ui-kit-async-table__cell {
+  visibility: hidden;
+  border-bottom: none;
+}
+.gd-ui-kit-async-table__toolbar--checkbox .gd-ui-kit-async-table__cell {
+  visibility: visible;
+  height: 100%;
+  border: 1px solid var(--gd-palette-complementary-3);
+  border-radius: 3px;
+}
+.gd-ui-kit-async-table__toolbar-label {
+  font-size: var(--gd-table-label-font-size);
+  font-weight: 700;
+  line-height: var(--gd-table-row-line-height);
+  text-transform: uppercase;
+  color: var(--gd-palette-complementary-6);
+}
+.gd-ui-kit-async-table__toolbar-selected-count {
+  color: var(--gd-palette-complementary-7);
+  font-size: var(--gd-table-counter-font-size);
+  padding-right: var(--gd-spacing-20px);
+}
+.gd-ui-kit-async-table__toolbar-search {
+  margin-left: auto;
+}
+.gd-ui-kit-async-table__dropdown-item {
+  display: flex;
+  align-items: center;
+  padding: 0 var(--gd-spacing-10px);
+  font-size: var(--gd-table-dropdown-item-font-size);
+  cursor: pointer;
+  height: var(--gd-table-dropdown-item-height);
+}
+.gd-ui-kit-async-table__dropdown-item:hover {
+  background-color: var(--gd-palette-complementary-2);
+}
+.gd-ui-kit-async-table__dropdown-item--selected {
+  color: var(--gd-palette-primary-base);
+  font-weight: 700;
+}
+.gd-ui-kit-async-table__title {
+  display: flex;
+  align-items: center;
+  gap: var(--gd-spacing-10px);
+  margin-bottom: var(--gd-spacing-20px);
+}
+.gd-ui-kit-async-table__title-text, .gd-ui-kit-async-table__title-icon, .gd-ui-kit-async-table__title-search, .gd-ui-kit-async-table__title-actions {
+  display: flex;
+  flex: none;
+}
+.gd-ui-kit-async-table__title-actions {
+  gap: var(--gd-spacing-10px);
+}
+.gd-ui-kit-async-table__title-text {
+  font-size: var(--gd-table-title-font-size);
+}
+.gd-ui-kit-async-table__title-divider {
+  margin: 0 var(--gd-spacing-10px);
+  flex: 1 1 auto;
+}
+.gd-ui-kit-async-table__empty-state {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  height: 300px;
+}
+.gd-ui-kit-async-table__empty-state-title {
+  font-size: 20px;
+  font-weight: 700;
+  color: var(--gd-palette-complementary-5);
+  padding: var(--gd-spacing-10px) 0;
+}
+.gd-ui-kit-async-table__empty-state-description {
+  font-size: 14px;
+  color: var(--gd-palette-complementary-5);
+  line-height: 20px;
+}
+
 .sr-only {
   position: absolute;
   width: 1px;
@@ -11231,206 +11501,4 @@ input[type=search]::-webkit-search-cancel-button {
   height: 28px;
 }
 
-.gd-ui-kit-async-table {
-  font-family: var(--gd-font-family);
-  font-size: var(--gd-table-font-size);
-  font-style: normal;
-  line-height: var(--gd-table-row-line-height);
-  color: var(--gd-palette-complementary-8);
-}
-.gd-ui-kit-async-table__row {
-  display: flex;
-  height: var(--gd-table-row-height-normal);
-}
-.gd-ui-kit-async-table__row--large {
-  height: var(--gd-table-row-height-large);
-}
-.gd-ui-kit-async-table__row:hover .gd-ui-kit-async-table__cell {
-  background-color: var(--gd-palette-complementary-2);
-}
-.gd-ui-kit-async-table__header {
-  display: flex;
-  height: var(--gd-table-row-height-normal);
-  line-height: var(--gd-table-row-line-height);
-  color: var(--gd-palette-complementary-6);
-}
-.gd-ui-kit-async-table__header--small {
-  height: var(--gd-table-row-height-small);
-}
-.gd-ui-kit-async-table__header:focus-visible {
-  outline: none;
-}
-.gd-ui-kit-async-table__header:focus-visible .gd-ui-kit-async-table__cell--isFocused {
-  transition: outline 0s ease-in-out;
-  outline-offset: -2px;
-  outline: auto 5px Highlight; /* For Firefox */
-  outline: auto 5px -webkit-focus-ring-color; /* For Chrome */
-}
-.gd-ui-kit-async-table__header .gd-ui-kit-async-table__cell {
-  transition: var(--gd-transition-all);
-}
-.gd-ui-kit-async-table__header .gd-ui-kit-async-table__cell--sortable {
-  cursor: pointer;
-}
-.gd-ui-kit-async-table__header .gd-ui-kit-async-table__cell--sorted .gd-ui-kit-async-table__sort, .gd-ui-kit-async-table__header .gd-ui-kit-async-table__cell:hover .gd-ui-kit-async-table__sort {
-  display: flex;
-}
-.gd-ui-kit-async-table__header .gd-ui-kit-async-table__cell--sorted:hover .gd-ui-kit-async-table__sort svg {
-  fill: var(--gd-palette-complementary-8);
-}
-.gd-ui-kit-async-table__header .gd-ui-kit-async-table__cell--desc svg {
-  transform: rotate(0deg);
-}
-.gd-ui-kit-async-table__header .gd-ui-kit-async-table__cell:hover {
-  color: var(--gd-palette-complementary-8);
-}
-.gd-ui-kit-async-table__header .gd-ui-kit-async-table__cell .gd-ui-kit-checkbox {
-  visibility: hidden;
-}
-.gd-ui-kit-async-table__cell {
-  padding: 0 var(--gd-spacing-10px);
-  display: flex;
-  flex: 0 0 auto;
-  align-items: center;
-  overflow: hidden;
-  box-sizing: border-box;
-  border-bottom: 1px solid var(--gd-palette-complementary-2);
-}
-.gd-ui-kit-async-table__cell > * {
-  flex: 0 0 auto;
-}
-.gd-ui-kit-async-table__cell--bold {
-  font-weight: 700;
-}
-.gd-ui-kit-async-table__cell--checkbox {
-  width: var(--gd-spacing-34px);
-  justify-content: center;
-  cursor: pointer;
-}
-.gd-ui-kit-async-table__text {
-  flex: 0 1 auto;
-  text-overflow: ellipsis;
-  overflow: hidden;
-  white-space: nowrap;
-}
-.gd-ui-kit-async-table__text--multi-line {
-  display: flex;
-  flex-direction: column;
-  font-size: var(--gd-table-multi-line-font-size);
-  line-height: var(--gd-table-multi-line-line-height);
-}
-.gd-ui-kit-async-table__text--multi-line > span:first-child {
-  font-size: var(--gd-table-multi-line-font-size-large);
-  line-height: var(--gd-table-multi-line-line-height-large);
-  font-weight: 700;
-}
-.gd-ui-kit-async-table__role-icon, .gd-ui-kit-async-table__prefix-icon, .gd-ui-kit-async-table__suffix-icon {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.gd-ui-kit-async-table__role-icon {
-  margin-right: var(--gd-spacing-10px);
-}
-.gd-ui-kit-async-table__prefix-icon {
-  margin-right: var(--gd-spacing-5px);
-}
-.gd-ui-kit-async-table__suffix-icon {
-  margin-left: var(--gd-spacing-5px);
-}
-.gd-ui-kit-async-table__sort {
-  padding: 0 var(--gd-spacing-5px);
-  display: none;
-}
-.gd-ui-kit-async-table__sort svg {
-  transform: rotate(180deg);
-}
-.gd-ui-kit-async-table__badge {
-  margin-left: var(--gd-spacing-5px);
-}
-.gd-ui-kit-async-table__toolbar {
-  padding: 0;
-  height: var(--gd-table-row-height-small);
-  display: flex;
-  align-items: center;
-  justify-content: start;
-  gap: var(--gd-spacing-10px);
-  margin-bottom: var(--gd-spacing-20px);
-}
-.gd-ui-kit-async-table__toolbar .gd-ui-kit-async-table__cell {
-  visibility: hidden;
-  border-bottom: none;
-}
-.gd-ui-kit-async-table__toolbar--checkbox .gd-ui-kit-async-table__cell {
-  visibility: visible;
-  height: 100%;
-  border: 1px solid var(--gd-palette-complementary-3);
-  border-radius: 3px;
-}
-.gd-ui-kit-async-table__toolbar-label {
-  font-size: var(--gd-table-label-font-size);
-  font-weight: 700;
-  line-height: var(--gd-table-row-line-height);
-  text-transform: uppercase;
-  color: var(--gd-palette-complementary-6);
-}
-.gd-ui-kit-async-table__toolbar-selected-count {
-  color: var(--gd-palette-complementary-7);
-  font-size: var(--gd-table-counter-font-size);
-  padding-right: var(--gd-spacing-20px);
-}
-.gd-ui-kit-async-table__dropdown-item {
-  display: flex;
-  align-items: center;
-  padding: 0 var(--gd-spacing-10px);
-  font-size: var(--gd-table-dropdown-item-font-size);
-  cursor: pointer;
-  height: var(--gd-table-dropdown-item-height);
-}
-.gd-ui-kit-async-table__dropdown-item:hover {
-  background-color: var(--gd-palette-complementary-2);
-}
-.gd-ui-kit-async-table__dropdown-item--selected {
-  color: var(--gd-palette-primary-base);
-  font-weight: 700;
-}
-.gd-ui-kit-async-table__title {
-  display: flex;
-  align-items: center;
-  gap: var(--gd-spacing-10px);
-  margin-bottom: var(--gd-spacing-20px);
-}
-.gd-ui-kit-async-table__title-text, .gd-ui-kit-async-table__title-icon, .gd-ui-kit-async-table__title-search, .gd-ui-kit-async-table__title-actions {
-  display: flex;
-  flex: none;
-}
-.gd-ui-kit-async-table__title-actions {
-  gap: var(--gd-spacing-10px);
-}
-.gd-ui-kit-async-table__title-text {
-  font-size: var(--gd-table-title-font-size);
-}
-.gd-ui-kit-async-table__title-divider {
-  margin: 0 var(--gd-spacing-10px);
-  flex: 1 1 auto;
-}
-.gd-ui-kit-async-table__empty-state {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  height: 300px;
-}
-.gd-ui-kit-async-table__empty-state-title {
-  font-size: 20px;
-  font-weight: 700;
-  color: var(--gd-palette-complementary-5);
-  padding: var(--gd-spacing-10px) 0;
-}
-.gd-ui-kit-async-table__empty-state-description {
-  font-size: 14px;
-  color: var(--gd-palette-complementary-5);
-  line-height: 20px;
-}
-
 /*# sourceMappingURL=main.css.map */