amis 1.9.1-beta.12 → 1.9.1-beta.18

package/lib/themes/dark-ie11.css

@@ -13099,7 +13099,7 @@ input[type=button].dark-Button--block {
   border-bottom-right-radius: 0.142rem;
 }
 .dark-Modal-footer .dark-Button {
-  width: 4.5rem;
+  min-width: 4.5rem;
   margin-left: 0.5rem;
 }
 
@@ -24347,6 +24347,8 @@ fieldset.dark-Collapse--lg:after {
 }
 .dark-TextControl-revealPassword {
   font-size: 0;
+  display: inline-flex;
+  align-items: center;
 }
 .dark-TextControl-revealPassword .icon {
   width: var(--Form-input-password-icon-size);
@@ -24796,6 +24798,7 @@ input.dark-TextControl-input-password {
   margin-left: 0;
   border: 0;
   border-style: solid;
+  background: transparent;
 }
 .dark-Checkbox--button.dark-Checkbox--checkbox > i + span {
   max-width: 6.25rem;
@@ -25307,6 +25310,7 @@ input.dark-TextControl-input-password {
   margin: 0;
   vertical-align: middle;
   text-align: left;
+  transition: all 0.5s ease;
 }
 .dark-Switch.is-disabled {
   cursor: not-allowed;
@@ -25864,6 +25868,7 @@ input.dark-TextControl-input-password {
   margin-right: 0.25rem;
 }
 .dark-Select-input > input {
+  width: 100%;
   outline: none;
   border: none;
   flex-grow: 1;
@@ -25873,7 +25878,6 @@ input.dark-TextControl-input-password {
 }
 .dark-Select-option {
   cursor: pointer;
-  min-width: 7.5rem;
   padding: calc( ( 1.875rem - 1.4285714286 * 0.875rem ) / 2 ) 0.5rem;
 }
 .dark-Select-option.is-active {
@@ -25959,7 +25963,6 @@ input.dark-TextControl-input-password {
   box-shadow: none;
   border-top-left-radius: 0;
   border-top-right-radius: 0;
-  min-width: 6.25rem;
 }
 .dark-Select-popover.dark-PopOver--leftTopLeftBottom {
   margin-top: calc( (0 - 0.0625rem) * -1 );
@@ -29930,23 +29933,19 @@ td.rdtQuarter.rdtDisabled:hover {
 .dark-IconPickerControl-placeholder {
   color: white;
   user-select: none;
-  position: absolute;
-  left: 0.5rem;
-  top: calc(
-    (
-        1.875rem - 1.4285714286 *
-          0.875rem - 0.125rem
-      ) / 2
-  );
-  margin-top: calc(2 * 0.0625rem);
   line-height: 1.4285714286;
+  position: absolute;
+  left: 2px;
+  overflow: hidden;
+  width: 100%;
 }
 .dark-IconPickerControl-valueWrap {
-  display: flex;
   justify-content: space-between;
   flex-grow: 1;
   line-height: 1;
   white-space: nowrap;
+  width: 100%;
+  position: relative;
 }
 .dark-IconPickerControl-valueWrap > input {
   display: inline-block;
@@ -29956,6 +29955,7 @@ td.rdtQuarter.rdtDisabled:hover {
 .dark-IconPickerControl-input--withAC {
   position: relative;
   flex-wrap: wrap;
+  width: 100%;
 }
 .dark-IconPickerControl-input--withAC > input {
   width: auto;
@@ -30013,6 +30013,9 @@ td.rdtQuarter.rdtDisabled:hover {
   line-height: calc( 1.4285714286 * 0.875rem );
   vertical-align: middle;
   display: inline-block;
+  overflow: hidden;
+  width: 100%;
+  text-overflow: ellipsis;
 }
 .dark-IconPickerControl-value > i {
   display: inline-block;
@@ -31382,13 +31385,16 @@ td.rdtQuarter.rdtDisabled:hover {
   height: 15.625rem;
   margin-top: 0.625rem;
 }
+.dark-FormulaEditor-settings.only-variable {
+  height: 21.875rem;
+}
 .dark-FormulaEditor-panel {
   display: flex;
   flex: 1;
   flex-flow: column nowrap;
   justify-content: space-between;
   align-items: stretch;
-  height: 15.625rem;
+  height: 100%;
   border-radius: 0.142rem;
   border: 0.0625rem solid #656565;
 }
@@ -31413,10 +31419,11 @@ td.rdtQuarter.rdtDisabled:hover {
   flex: 1;
   display: flex;
   flex-flow: column nowrap;
-  max-height: 13.75rem;
+  max-height: calc(100% - 30px);
+  overflow: hidden;
 }
 .dark-FormulaEditor-panel-body--tabs {
-  max-height: 15.625rem;
+  max-height: 100%;
 }
 .dark-FormulaEditor-VariableList-root {
   max-height: 100%;
@@ -31536,11 +31543,13 @@ td.rdtQuarter.rdtDisabled:hover {
   vertical-align: middle;
   text-align: center;
   padding: 0 0.5rem;
-  line-height: 17px;
   border-radius: 0.142rem;
   background: #f5f5f5;
   color: #141316;
 }
+.dark-FormulaEditor-VariableList .dark-GroupedSelection-item-tag {
+  line-height: 17px;
+}
 .dark-FormulaEditor-FuncList {
   display: flex;
   flex-flow: row nowrap;
@@ -31708,6 +31717,39 @@ td.rdtQuarter.rdtDisabled:hover {
   padding: 0 2px;
 }
 
+.dark-FormulaPicker.is-input-group {
+  border: 0.0625rem solid #656565;
+  padding: calc(
+    (
+        1.875rem - 1.4285714286 *
+          0.875rem - 0.125rem
+      ) / 2
+  ) 0.5rem;
+  border-radius: 0.142rem;
+}
+.dark-FormulaPicker.is-input-group .dark-FormulaPicker-input {
+  display: inline-block;
+  width: 100%;
+  background: none;
+  padding: 0;
+  border: 0;
+  margin: 0;
+}
+.dark-FormulaPicker.is-input-group .dark-FormulaPicker-input:focus {
+  border: none;
+  outline: none;
+  box-sizing: none;
+}
+.dark-FormulaPicker.is-input-group .dark-FormulaPicker-toggler .icon-function {
+  transform: scale(1.6);
+}
+.dark-FormulaPicker.is-input-group .dark-FormulaPicker-toggler .icon-ellipsis-v {
+  transform: rotate(90deg);
+}
+.dark-FormulaPicker.is-input-group .dark-FormulaPicker-toggler:hover {
+  cursor: pointer;
+}
+
 .dark-Timeline-vertical {
   display: flex;
   flex-flow: column;

package/lib/themes/dark.css

@@ -14681,7 +14681,7 @@ input[type=button].dark-Button--block {
   border-bottom-right-radius: var(--Modal-content-borderRadius);
 }
 .dark-Modal-footer .dark-Button {
-  width: var(--Modal-footer-button-width);
+  min-width: var(--Modal-footer-button-width);
   margin-left: var(--gap-sm);
 }
 
@@ -25806,6 +25806,8 @@ fieldset.dark-Collapse--lg:after {
 }
 .dark-TextControl-revealPassword {
   font-size: 0;
+  display: inline-flex;
+  align-items: center;
 }
 .dark-TextControl-revealPassword .icon {
   width: var(--Form-input-password-icon-size);
@@ -26235,6 +26237,7 @@ input.dark-TextControl-input-password {
   margin-left: 0;
   border: 0;
   border-style: solid;
+  background: transparent;
 }
 .dark-Checkbox--button.dark-Checkbox--checkbox > i + span {
   max-width: 6.25rem;
@@ -26731,6 +26734,7 @@ input.dark-TextControl-input-password {
   margin: 0;
   vertical-align: middle;
   text-align: left;
+  transition: all 0.5s ease;
 }
 .dark-Switch.is-disabled {
   cursor: not-allowed;
@@ -27288,6 +27292,7 @@ input.dark-TextControl-input-password {
   margin-right: var(--gap-xs);
 }
 .dark-Select-input > input {
+  width: 100%;
   outline: none;
   border: none;
   flex-grow: 1;
@@ -27297,7 +27302,6 @@ input.dark-TextControl-input-password {
 }
 .dark-Select-option {
   cursor: pointer;
-  min-width: 7.5rem;
   padding: calc( ( var(--Form-select-menu-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) ) / 2 ) var(--Form-select-paddingX);
 }
 .dark-Select-option.is-active {
@@ -27383,7 +27387,6 @@ input.dark-TextControl-input-password {
   box-shadow: var(--Form-select-outer-boxShadow);
   border-top-left-radius: 0;
   border-top-right-radius: 0;
-  min-width: 6.25rem;
 }
 .dark-Select-popover.dark-PopOver--leftTopLeftBottom {
   margin-top: calc( (var(--Form-select-popoverGap) - var(--Form-select-outer-borderWidth)) * -1 );
@@ -31243,18 +31246,19 @@ td.rdtQuarter.rdtDisabled:hover {
 .dark-IconPickerControl-placeholder {
   color: var(--Form-input-placeholderColor);
   user-select: none;
-  position: absolute;
-  left: var(--Form-input-paddingX);
-  top: var(--Form-input-paddingY);
-  margin-top: calc(2 * var(--Form-input-borderWidth));
   line-height: var(--Form-input-lineHeight);
+  position: absolute;
+  left: 2px;
+  overflow: hidden;
+  width: 100%;
 }
 .dark-IconPickerControl-valueWrap {
-  display: flex;
   justify-content: space-between;
   flex-grow: 1;
   line-height: 1;
   white-space: nowrap;
+  width: 100%;
+  position: relative;
 }
 .dark-IconPickerControl-valueWrap > input {
   display: inline-block;
@@ -31264,6 +31268,7 @@ td.rdtQuarter.rdtDisabled:hover {
 .dark-IconPickerControl-input--withAC {
   position: relative;
   flex-wrap: wrap;
+  width: 100%;
 }
 .dark-IconPickerControl-input--withAC > input {
   width: auto;
@@ -31321,6 +31326,9 @@ td.rdtQuarter.rdtDisabled:hover {
   line-height: calc( var(--Form-input-lineHeight) * var(--Form-input-fontSize) );
   vertical-align: middle;
   display: inline-block;
+  overflow: hidden;
+  width: 100%;
+  text-overflow: ellipsis;
 }
 .dark-IconPickerControl-value > i {
   display: inline-block;
@@ -32635,13 +32643,16 @@ td.rdtQuarter.rdtDisabled:hover {
   height: 15.625rem;
   margin-top: 0.625rem;
 }
+.dark-FormulaEditor-settings.only-variable {
+  height: 21.875rem;
+}
 .dark-FormulaEditor-panel {
   display: flex;
   flex: 1;
   flex-flow: column nowrap;
   justify-content: space-between;
   align-items: stretch;
-  height: 15.625rem;
+  height: 100%;
   border-radius: var(--borderRadius);
   border: var(--Form-input-borderWidth) solid var(--Form-input-borderColor);
 }
@@ -32666,10 +32677,11 @@ td.rdtQuarter.rdtDisabled:hover {
   flex: 1;
   display: flex;
   flex-flow: column nowrap;
-  max-height: 13.75rem;
+  max-height: calc(100% - 30px);
+  overflow: hidden;
 }
 .dark-FormulaEditor-panel-body--tabs {
-  max-height: 15.625rem;
+  max-height: 100%;
 }
 .dark-FormulaEditor-VariableList-root {
   max-height: 100%;
@@ -32789,11 +32801,13 @@ td.rdtQuarter.rdtDisabled:hover {
   vertical-align: middle;
   text-align: center;
   padding: 0 0.5rem;
-  line-height: 17px;
   border-radius: var(--borderRadius);
   background: #f5f5f5;
   color: var(--black);
 }
+.dark-FormulaEditor-VariableList .dark-GroupedSelection-item-tag {
+  line-height: 17px;
+}
 .dark-FormulaEditor-FuncList {
   display: flex;
   flex-flow: row nowrap;
@@ -32961,6 +32975,34 @@ td.rdtQuarter.rdtDisabled:hover {
   padding: 0 2px;
 }
 
+.dark-FormulaPicker.is-input-group {
+  border: var(--Form-input-borderWidth) solid var(--Form-input-borderColor);
+  padding: var(--Form-input-paddingY) var(--Form-input-paddingX);
+  border-radius: var(--borderRadius);
+}
+.dark-FormulaPicker.is-input-group .dark-FormulaPicker-input {
+  display: inline-block;
+  width: 100%;
+  background: none;
+  padding: 0;
+  border: 0;
+  margin: 0;
+}
+.dark-FormulaPicker.is-input-group .dark-FormulaPicker-input:focus {
+  border: none;
+  outline: none;
+  box-sizing: none;
+}
+.dark-FormulaPicker.is-input-group .dark-FormulaPicker-toggler .icon-function {
+  transform: scale(1.6);
+}
+.dark-FormulaPicker.is-input-group .dark-FormulaPicker-toggler .icon-ellipsis-v {
+  transform: rotate(90deg);
+}
+.dark-FormulaPicker.is-input-group .dark-FormulaPicker-toggler:hover {
+  cursor: pointer;
+}
+
 .dark-Timeline-vertical {
   display: flex;
   flex-flow: column;