@gooddata/sdk-ui-dashboard 11.29.0-alpha.0 → 11.29.0-alpha.10

package/styles/css/main.css

@@ -4218,6 +4218,7 @@ button.gd-list-item {
 }
 
 .gd-list-title {
+  margin: 0;
   padding: 10px;
   background: var(--gd-palette-complementary-2, #ebeff4);
   color: var(--gd-palette-complementary-6, #94a1ad);
@@ -5956,7 +5957,7 @@ a.gd-button-link:hover .gd-button-text, a.gd-button-link-dimmed:hover .gd-button
 
 .gd-invertable-select-search-input {
   margin: 10px;
-  width: 100%;
+  width: calc(100% - 20px);
   min-width: 0;
 }
 
@@ -5981,7 +5982,6 @@ input[type=search]::-webkit-search-cancel-button {
   flex-shrink: 1;
 }
 
-.gd-invertable-select-list .gd-invertable-select-all-checkbox:focus-visible,
 .gd-invertable-select-list .gd-list-item:focus-visible {
   outline-offset: -2px;
 }
@@ -5990,13 +5990,21 @@ input[type=search]::-webkit-search-cancel-button {
   display: flex;
   justify-content: flex-start;
   align-items: center;
-  margin: 0 10px 4px;
+  position: relative;
+  margin: 0 10px 10px;
   font-size: 12px;
-  padding-bottom: 5px;
-  border-bottom: 1px solid var(--gd-palette-complementary-3, #dde4eb);
   cursor: pointer;
 }
 
+.gd-invertable-select-all-checkbox::after {
+  content: "";
+  position: absolute;
+  left: 0;
+  right: 0;
+  bottom: -6px;
+  border-bottom: 1px solid var(--gd-palette-complementary-3, #dde4eb);
+}
+
 .gd-invertable-select-all-checkbox .input-checkbox-label {
   cursor: pointer;
 }
@@ -6039,12 +6047,6 @@ input[type=search]::-webkit-search-cancel-button {
   background-color: var(--gd-palette-primary-dimmed, #e8f7fc);
 }
 
-.gd-invertable-select-all-checkbox[role=checkbox]:focus-visible .input-label-text::before {
-  outline: 2px solid var(--gd-palette-primary-base, #14b2e2);
-  outline-offset: 2px;
-  transition: none;
-}
-
 .gd-invertable-list-limitExceeded {
   margin: 0 10px 10px;
 }
@@ -6223,9 +6225,12 @@ input[type=search]::-webkit-search-cancel-button {
 
 .gd-is-mobile .gd-invertable-select-all-checkbox {
   font-size: 14px;
-  height: 30px;
-  padding-bottom: 10px;
-  margin-bottom: 0;
+  height: 21px;
+  margin-bottom: 10px;
+}
+
+.gd-is-mobile .gd-invertable-select-all-checkbox::after {
+  bottom: -10px;
 }
 
 .gd-is-mobile .gd-invertable-list-limitExceeded {
@@ -6427,6 +6432,42 @@ input[type=search]::-webkit-search-cancel-button {
   color: var(--gd-palette-complementary-6, #94a1ad);
 }
 
+.gd-is-mobile .gd-attribute-filter-dropdown-header {
+  display: none;
+}
+
+.gd-is-mobile .gd-attribute-filter-mobile-menu {
+  display: flex;
+  align-items: center;
+  align-self: stretch;
+  flex-shrink: 0;
+}
+
+.gd-is-mobile .gd-attribute-filter-mobile-menu::before {
+  content: "";
+  display: block;
+  width: 1px;
+  height: 25px;
+  background-color: var(--gd-palette-complementary-4, #ccd8e2);
+}
+
+.gd-is-mobile .gd-attribute-filter-mobile-menu .gd-filter-menu__button--icon {
+  width: 44px;
+  height: 100%;
+}
+
+.gd-is-mobile .gd-attribute-filter-mobile-menu .gd-filter-menu__button--icon .gd-ui-kit-icon-button {
+  width: 44px;
+  height: 100%;
+  min-width: 44px;
+  border-radius: 0;
+  background-color: var(--gd-palette-complementary-0, #fff);
+}
+
+.gd-is-mobile .gd-attribute-filter-mobile-menu .gd-filter-menu__button--icon:hover .gd-ui-kit-icon-button, .gd-is-mobile .gd-attribute-filter-mobile-menu .gd-filter-menu__button--icon.is-active .gd-ui-kit-icon-button, .gd-is-mobile .gd-attribute-filter-mobile-menu .gd-filter-menu__button--icon:active .gd-ui-kit-icon-button {
+  background-color: var(--gd-palette-complementary-2, #ebeff4);
+}
+
 .gd-attribute-filter-dropdown-button__next {
   font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
   font-weight: 400;
@@ -6549,6 +6590,11 @@ input[type=search]::-webkit-search-cancel-button {
   line-height: 15px;
 }
 
+.gd-attribute-filter-mobile-button-wrapper {
+  display: flex;
+  align-items: center;
+}
+
 .gd-is-mobile .gd-attribute-filter-dropdown-button-content__next {
   padding-right: 20px;
   flex-direction: row;
@@ -6556,7 +6602,8 @@ input[type=search]::-webkit-search-cancel-button {
 }
 
 .gd-is-mobile .gd-attribute-filter-dropdown-button__next.gd-is-active {
-  width: 100%;
+  flex: 1;
+  min-width: 0;
   height: 47px;
   max-width: none;
   margin: 0;
@@ -6572,6 +6619,22 @@ input[type=search]::-webkit-search-cancel-button {
   right: 0;
 }
 
+.gd-is-mobile--with-menu {
+  background-color: var(--gd-palette-complementary-0, #fff);
+  border-bottom: 1px solid var(--gd-palette-complementary-4, #ccd8e2);
+}
+
+.gd-is-mobile--with-menu .gd-attribute-filter-dropdown-button__next.gd-is-active {
+  height: 45px;
+  padding: 0 10px;
+  border-radius: 0;
+  background-color: var(--gd-palette-complementary-0, #fff);
+}
+
+.gd-is-mobile--with-menu .gd-attribute-filter-dropdown-button__next.gd-is-active::after {
+  display: none;
+}
+
 .gd-mobile-dropdown-overlay .gd-attribute-filter-button-mobile__next {
   display: none;
 }
@@ -7100,6 +7163,10 @@ div.gd-empty-item-bubble {
   opacity: 1;
 }
 
+.overlay.dropdown-body:has(.gd-filter-menu__dropdown) {
+  width: max-content;
+}
+
 .gd-filter-menu__button {
   display: flex;
   align-items: center;
@@ -7141,6 +7208,7 @@ div.gd-empty-item-bubble {
 }
 
 .gd-filter-menu__dropdown .gd-ui-kit-listbox {
+  width: 100%;
   min-width: 100%;
   max-height: none;
   overflow-y: hidden;
@@ -7345,7 +7413,7 @@ div.gd-empty-item-bubble {
 
 .gd-text-filter-state-summary__text .gd-ui-kit-tooltip__anchor {
   display: flex;
-  flex: 1 1 auto;
+  flex: 0 1 auto;
   min-width: 0;
   overflow: hidden;
   width: auto;
@@ -7368,6 +7436,12 @@ div.gd-empty-item-bubble {
   white-space: nowrap;
 }
 
+.gd-text-filter-state-summary__tooltip {
+  display: block;
+  max-width: 300px;
+  word-wrap: break-word;
+}
+
 .gd-text-filter-operator-dropdown__button {
   display: flex;
   align-items: center;
@@ -7451,6 +7525,61 @@ div.gd-empty-item-bubble {
   background-color: var(--gd-palette-complementary-3, #dde4eb);
 }
 
+.gd-is-mobile .gd-attribute-filter-dropdown-body--text-mode .gd-text-filter-body {
+  flex: 1;
+  min-height: 0;
+}
+
+.gd-is-mobile .gd-attribute-filter-dropdown-body--text-mode .gd-text-filter-body__values {
+  flex: 1;
+  min-height: 0;
+  overflow-y: auto;
+  overscroll-behavior: contain;
+}
+
+.gd-is-mobile .gd-attribute-filter-dropdown-body--text-mode .gd-text-filter-body--has-options .gd-text-filter-body__values {
+  flex: 0 0 auto;
+  overflow-y: visible;
+}
+
+.gd-is-mobile .gd-attribute-filter-dropdown-body--text-mode .gd-text-filter-body--has-options .gd-text-filter-body__options {
+  flex: 1;
+}
+
+.gd-is-mobile .gd-attribute-filter-dropdown-body--text-mode .gd-text-filter-body__operator {
+  flex-shrink: 0;
+}
+
+.gd-is-mobile .gd-attribute-filter-dropdown-body--text-mode .gd-text-filter-state-summary {
+  flex-shrink: 0;
+}
+
+.gd-is-mobile .gd-attribute-filter-dropdown-body--text-mode .gd-text-filter-body__label {
+  font-size: 14px;
+}
+
+@media only screen and (max-width: 320px), only screen and (max-width: 640px) {
+  .gd-text-filter-operator-dropdown__divider.gd-list-item.gd-list-item-separator {
+    display: none;
+  }
+  .gd-text-filter-operator-dropdown__item {
+    min-height: 40px;
+    line-height: 40px;
+    font-size: 14px;
+    padding: 0 10px;
+    border-bottom: 1px solid var(--gd-palette-complementary-3, #dde4eb);
+  }
+  .gd-text-filter-operator-dropdown__item:first-child {
+    margin-top: 0;
+  }
+  .gd-text-filter-operator-dropdown__button {
+    height: 32px;
+    font-size: 14px;
+  }
+  .gd-text-filter-state-summary__text {
+    font-size: 14px;
+  }
+}
 .gd-chips-input {
   display: flex;
   flex-direction: column;
@@ -7500,6 +7629,14 @@ div.gd-empty-item-bubble {
   border-bottom-color: var(--gd-palette-warning-base, #f18600);
 }
 
+.gd-chips-input__container--warning.gd-chips-input__container--empty .gd-chips-input__input .gd-input-field {
+  border-color: var(--gd-palette-warning-base, #f18600);
+}
+
+.gd-chips-input__container--warning.gd-chips-input__container--empty .gd-chips-input__input .gd-input-field:focus, .gd-chips-input__container--warning.gd-chips-input__container--empty .gd-chips-input__input .gd-input-field:focus-visible {
+  border-color: var(--gd-palette-warning-base, #f18600);
+}
+
 .gd-chips-input__container--error {
   border-color: var(--gd-palette-error-base, #e54d42);
 }
@@ -7512,6 +7649,14 @@ div.gd-empty-item-bubble {
   border-bottom-color: var(--gd-palette-error-base, #e54d42);
 }
 
+.gd-chips-input__container--error.gd-chips-input__container--empty .gd-chips-input__input .gd-input-field {
+  border-color: var(--gd-palette-error-base, #e54d42);
+}
+
+.gd-chips-input__container--error.gd-chips-input__container--empty .gd-chips-input__input .gd-input-field:focus, .gd-chips-input__container--error.gd-chips-input__container--empty .gd-chips-input__input .gd-input-field:focus-visible {
+  border-color: var(--gd-palette-error-base, #e54d42);
+}
+
 .gd-chips-input__chips {
   display: flex;
   flex-wrap: wrap;
@@ -7520,7 +7665,7 @@ div.gd-empty-item-bubble {
 }
 
 .gd-chips-input__input-frame--standalone {
-  padding: 4px 8px;
+  padding: 0;
 }
 
 .gd-chips-input__input {
@@ -7550,6 +7695,45 @@ div.gd-empty-item-bubble {
   cursor: not-allowed;
 }
 
+.gd-chips-input__container--empty {
+  border: none;
+  min-height: auto;
+  background: transparent;
+}
+
+.gd-chips-input__container--empty:focus-within {
+  border-color: transparent;
+}
+
+.gd-chips-input__container--empty .gd-chips-input__input .gd-input-field {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 6px 7px 5px;
+  border: 1px solid var(--gd-palette-complementary-4, #ccd8e2);
+  line-height: normal;
+  vertical-align: middle;
+  color: var(--gd-palette-complementary-8, #464e56);
+  background: var(--gd-palette-complementary-0, #fff);
+  font-size: 14px;
+  font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
+  font-weight: 200;
+  height: 27.1px;
+  padding: 5px 7px;
+  font-size: 13px;
+  border-radius: 3px;
+  border: 1px solid var(--gd-palette-complementary-4, #ccd8e2);
+  box-shadow: inset 0 1px 2px 0 rgba(31, 53, 74, 0.15);
+}
+
+.gd-chips-input__container--empty .gd-chips-input__input .gd-input-field:focus, .gd-chips-input__container--empty .gd-chips-input__input .gd-input-field:focus-visible {
+  outline: none;
+  border-color: var(--gd-palette-primary-base, #14b2e2);
+}
+
+.gd-chips-input__container--empty .gd-chips-input__input .gd-input-field::placeholder {
+  color: var(--gd-palette-complementary-5, #b0beca);
+}
+
 .gd-chips-input__autocomplete {
   position: absolute;
   top: 100%;
@@ -8562,6 +8746,7 @@ div.gd-empty-item-bubble {
 }
 
 .gd-list-title {
+  margin: 0;
   padding: 10px;
   background: var(--gd-palette-complementary-2, #ebeff4);
   color: var(--gd-palette-complementary-6, #94a1ad);
@@ -14343,7 +14528,7 @@ a.gd-button-link:hover .gd-button-text, a.gd-button-link-dimmed:hover .gd-button
 
 .gd-invertable-select-search-input {
   margin: 10px;
-  width: 100%;
+  width: calc(100% - 20px);
   min-width: 0;
 }
 
@@ -14368,7 +14553,6 @@ input[type=search]::-webkit-search-cancel-button {
   flex-shrink: 1;
 }
 
-.gd-invertable-select-list .gd-invertable-select-all-checkbox:focus-visible,
 .gd-invertable-select-list .gd-list-item:focus-visible {
   outline-offset: -2px;
 }
@@ -14377,13 +14561,21 @@ input[type=search]::-webkit-search-cancel-button {
   display: flex;
   justify-content: flex-start;
   align-items: center;
-  margin: 0 10px 4px;
+  position: relative;
+  margin: 0 10px 10px;
   font-size: 12px;
-  padding-bottom: 5px;
-  border-bottom: 1px solid var(--gd-palette-complementary-3, #dde4eb);
   cursor: pointer;
 }
 
+.gd-invertable-select-all-checkbox::after {
+  content: "";
+  position: absolute;
+  left: 0;
+  right: 0;
+  bottom: -6px;
+  border-bottom: 1px solid var(--gd-palette-complementary-3, #dde4eb);
+}
+
 .gd-invertable-select-all-checkbox .input-checkbox-label {
   cursor: pointer;
 }
@@ -14426,12 +14618,6 @@ input[type=search]::-webkit-search-cancel-button {
   background-color: var(--gd-palette-primary-dimmed, #e8f7fc);
 }
 
-.gd-invertable-select-all-checkbox[role=checkbox]:focus-visible .input-label-text::before {
-  outline: 2px solid var(--gd-palette-primary-base, #14b2e2);
-  outline-offset: 2px;
-  transition: none;
-}
-
 .gd-invertable-list-limitExceeded {
   margin: 0 10px 10px;
 }
@@ -16421,6 +16607,7 @@ button.gd-list-item {
 }
 
 .gd-list-title {
+  margin: 0;
   padding: 10px;
   background: var(--gd-palette-complementary-2, #ebeff4);
   color: var(--gd-palette-complementary-6, #94a1ad);
@@ -18175,9 +18362,12 @@ a.gd-button-link:hover .gd-button-text, a.gd-button-link-dimmed:hover .gd-button
 
 .gd-is-mobile .gd-invertable-select-all-checkbox {
   font-size: 14px;
-  height: 30px;
-  padding-bottom: 10px;
-  margin-bottom: 0;
+  height: 21px;
+  margin-bottom: 10px;
+}
+
+.gd-is-mobile .gd-invertable-select-all-checkbox::after {
+  bottom: -10px;
 }
 
 .gd-is-mobile .gd-invertable-list-limitExceeded {
@@ -18379,6 +18569,42 @@ a.gd-button-link:hover .gd-button-text, a.gd-button-link-dimmed:hover .gd-button
   color: var(--gd-palette-complementary-6, #94a1ad);
 }
 
+.gd-is-mobile .gd-attribute-filter-dropdown-header {
+  display: none;
+}
+
+.gd-is-mobile .gd-attribute-filter-mobile-menu {
+  display: flex;
+  align-items: center;
+  align-self: stretch;
+  flex-shrink: 0;
+}
+
+.gd-is-mobile .gd-attribute-filter-mobile-menu::before {
+  content: "";
+  display: block;
+  width: 1px;
+  height: 25px;
+  background-color: var(--gd-palette-complementary-4, #ccd8e2);
+}
+
+.gd-is-mobile .gd-attribute-filter-mobile-menu .gd-filter-menu__button--icon {
+  width: 44px;
+  height: 100%;
+}
+
+.gd-is-mobile .gd-attribute-filter-mobile-menu .gd-filter-menu__button--icon .gd-ui-kit-icon-button {
+  width: 44px;
+  height: 100%;
+  min-width: 44px;
+  border-radius: 0;
+  background-color: var(--gd-palette-complementary-0, #fff);
+}
+
+.gd-is-mobile .gd-attribute-filter-mobile-menu .gd-filter-menu__button--icon:hover .gd-ui-kit-icon-button, .gd-is-mobile .gd-attribute-filter-mobile-menu .gd-filter-menu__button--icon.is-active .gd-ui-kit-icon-button, .gd-is-mobile .gd-attribute-filter-mobile-menu .gd-filter-menu__button--icon:active .gd-ui-kit-icon-button {
+  background-color: var(--gd-palette-complementary-2, #ebeff4);
+}
+
 .gd-attribute-filter-dropdown-button__next {
   font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
   font-weight: 400;
@@ -18501,6 +18727,11 @@ a.gd-button-link:hover .gd-button-text, a.gd-button-link-dimmed:hover .gd-button
   line-height: 15px;
 }
 
+.gd-attribute-filter-mobile-button-wrapper {
+  display: flex;
+  align-items: center;
+}
+
 .gd-is-mobile .gd-attribute-filter-dropdown-button-content__next {
   padding-right: 20px;
   flex-direction: row;
@@ -18508,7 +18739,8 @@ a.gd-button-link:hover .gd-button-text, a.gd-button-link-dimmed:hover .gd-button
 }
 
 .gd-is-mobile .gd-attribute-filter-dropdown-button__next.gd-is-active {
-  width: 100%;
+  flex: 1;
+  min-width: 0;
   height: 47px;
   max-width: none;
   margin: 0;
@@ -18524,6 +18756,22 @@ a.gd-button-link:hover .gd-button-text, a.gd-button-link-dimmed:hover .gd-button
   right: 0;
 }
 
+.gd-is-mobile--with-menu {
+  background-color: var(--gd-palette-complementary-0, #fff);
+  border-bottom: 1px solid var(--gd-palette-complementary-4, #ccd8e2);
+}
+
+.gd-is-mobile--with-menu .gd-attribute-filter-dropdown-button__next.gd-is-active {
+  height: 45px;
+  padding: 0 10px;
+  border-radius: 0;
+  background-color: var(--gd-palette-complementary-0, #fff);
+}
+
+.gd-is-mobile--with-menu .gd-attribute-filter-dropdown-button__next.gd-is-active::after {
+  display: none;
+}
+
 .gd-mobile-dropdown-overlay .gd-attribute-filter-button-mobile__next {
   display: none;
 }
@@ -19052,6 +19300,10 @@ div.gd-empty-item-bubble {
   opacity: 1;
 }
 
+.overlay.dropdown-body:has(.gd-filter-menu__dropdown) {
+  width: max-content;
+}
+
 .gd-filter-menu__button {
   display: flex;
   align-items: center;
@@ -19093,6 +19345,7 @@ div.gd-empty-item-bubble {
 }
 
 .gd-filter-menu__dropdown .gd-ui-kit-listbox {
+  width: 100%;
   min-width: 100%;
   max-height: none;
   overflow-y: hidden;
@@ -19297,7 +19550,7 @@ div.gd-empty-item-bubble {
 
 .gd-text-filter-state-summary__text .gd-ui-kit-tooltip__anchor {
   display: flex;
-  flex: 1 1 auto;
+  flex: 0 1 auto;
   min-width: 0;
   overflow: hidden;
   width: auto;
@@ -19320,6 +19573,12 @@ div.gd-empty-item-bubble {
   white-space: nowrap;
 }
 
+.gd-text-filter-state-summary__tooltip {
+  display: block;
+  max-width: 300px;
+  word-wrap: break-word;
+}
+
 .gd-text-filter-operator-dropdown__button {
   display: flex;
   align-items: center;
@@ -19403,6 +19662,61 @@ div.gd-empty-item-bubble {
   background-color: var(--gd-palette-complementary-3, #dde4eb);
 }
 
+.gd-is-mobile .gd-attribute-filter-dropdown-body--text-mode .gd-text-filter-body {
+  flex: 1;
+  min-height: 0;
+}
+
+.gd-is-mobile .gd-attribute-filter-dropdown-body--text-mode .gd-text-filter-body__values {
+  flex: 1;
+  min-height: 0;
+  overflow-y: auto;
+  overscroll-behavior: contain;
+}
+
+.gd-is-mobile .gd-attribute-filter-dropdown-body--text-mode .gd-text-filter-body--has-options .gd-text-filter-body__values {
+  flex: 0 0 auto;
+  overflow-y: visible;
+}
+
+.gd-is-mobile .gd-attribute-filter-dropdown-body--text-mode .gd-text-filter-body--has-options .gd-text-filter-body__options {
+  flex: 1;
+}
+
+.gd-is-mobile .gd-attribute-filter-dropdown-body--text-mode .gd-text-filter-body__operator {
+  flex-shrink: 0;
+}
+
+.gd-is-mobile .gd-attribute-filter-dropdown-body--text-mode .gd-text-filter-state-summary {
+  flex-shrink: 0;
+}
+
+.gd-is-mobile .gd-attribute-filter-dropdown-body--text-mode .gd-text-filter-body__label {
+  font-size: 14px;
+}
+
+@media only screen and (max-width: 320px), only screen and (max-width: 640px) {
+  .gd-text-filter-operator-dropdown__divider.gd-list-item.gd-list-item-separator {
+    display: none;
+  }
+  .gd-text-filter-operator-dropdown__item {
+    min-height: 40px;
+    line-height: 40px;
+    font-size: 14px;
+    padding: 0 10px;
+    border-bottom: 1px solid var(--gd-palette-complementary-3, #dde4eb);
+  }
+  .gd-text-filter-operator-dropdown__item:first-child {
+    margin-top: 0;
+  }
+  .gd-text-filter-operator-dropdown__button {
+    height: 32px;
+    font-size: 14px;
+  }
+  .gd-text-filter-state-summary__text {
+    font-size: 14px;
+  }
+}
 .gd-chips-input {
   display: flex;
   flex-direction: column;
@@ -19452,6 +19766,14 @@ div.gd-empty-item-bubble {
   border-bottom-color: var(--gd-palette-warning-base, #f18600);
 }
 
+.gd-chips-input__container--warning.gd-chips-input__container--empty .gd-chips-input__input .gd-input-field {
+  border-color: var(--gd-palette-warning-base, #f18600);
+}
+
+.gd-chips-input__container--warning.gd-chips-input__container--empty .gd-chips-input__input .gd-input-field:focus, .gd-chips-input__container--warning.gd-chips-input__container--empty .gd-chips-input__input .gd-input-field:focus-visible {
+  border-color: var(--gd-palette-warning-base, #f18600);
+}
+
 .gd-chips-input__container--error {
   border-color: var(--gd-palette-error-base, #e54d42);
 }
@@ -19464,6 +19786,14 @@ div.gd-empty-item-bubble {
   border-bottom-color: var(--gd-palette-error-base, #e54d42);
 }
 
+.gd-chips-input__container--error.gd-chips-input__container--empty .gd-chips-input__input .gd-input-field {
+  border-color: var(--gd-palette-error-base, #e54d42);
+}
+
+.gd-chips-input__container--error.gd-chips-input__container--empty .gd-chips-input__input .gd-input-field:focus, .gd-chips-input__container--error.gd-chips-input__container--empty .gd-chips-input__input .gd-input-field:focus-visible {
+  border-color: var(--gd-palette-error-base, #e54d42);
+}
+
 .gd-chips-input__chips {
   display: flex;
   flex-wrap: wrap;
@@ -19472,7 +19802,7 @@ div.gd-empty-item-bubble {
 }
 
 .gd-chips-input__input-frame--standalone {
-  padding: 4px 8px;
+  padding: 0;
 }
 
 .gd-chips-input__input {
@@ -19502,6 +19832,45 @@ div.gd-empty-item-bubble {
   cursor: not-allowed;
 }
 
+.gd-chips-input__container--empty {
+  border: none;
+  min-height: auto;
+  background: transparent;
+}
+
+.gd-chips-input__container--empty:focus-within {
+  border-color: transparent;
+}
+
+.gd-chips-input__container--empty .gd-chips-input__input .gd-input-field {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 6px 7px 5px;
+  border: 1px solid var(--gd-palette-complementary-4, #ccd8e2);
+  line-height: normal;
+  vertical-align: middle;
+  color: var(--gd-palette-complementary-8, #464e56);
+  background: var(--gd-palette-complementary-0, #fff);
+  font-size: 14px;
+  font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
+  font-weight: 200;
+  height: 27.1px;
+  padding: 5px 7px;
+  font-size: 13px;
+  border-radius: 3px;
+  border: 1px solid var(--gd-palette-complementary-4, #ccd8e2);
+  box-shadow: inset 0 1px 2px 0 rgba(31, 53, 74, 0.15);
+}
+
+.gd-chips-input__container--empty .gd-chips-input__input .gd-input-field:focus, .gd-chips-input__container--empty .gd-chips-input__input .gd-input-field:focus-visible {
+  outline: none;
+  border-color: var(--gd-palette-primary-base, #14b2e2);
+}
+
+.gd-chips-input__container--empty .gd-chips-input__input .gd-input-field::placeholder {
+  color: var(--gd-palette-complementary-5, #b0beca);
+}
+
 .gd-chips-input__autocomplete {
   position: absolute;
   top: 100%;