npm - @speakapbv/dough-component-library - Versions diffs - 9.14.0 → 9.15.0 - Mend

@speakapbv/dough-component-library 9.14.0 → 9.15.0

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 (3) hide show

package/dist/index.es.js CHANGED Viewed

@@ -1595,7 +1595,7 @@ var DropMenu = forwardRef(function (props, ref) {
 });
 DropMenu.displayName = "DropMenu";
-var css_248z$d = "/* COLORS */\n/* Typography*/\n/*Dennis should provide medium font size*/\n.dough-fe-wrapper {\n  position: relative;\n  display: block;\n  box-sizing: border-box;\n  min-width: 100%;\n  margin-top: 2px;\n  margin-bottom: 2px;\n  font-family: \"Roboto\", sans-serif;\n  cursor: default;\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n}\n.dough-fe-wrapper + .dough-fe-wrapper {\n  margin-top: 16px;\n}\n.dough-fe-wrapper * {\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n}\nbody:not(.no-transition) .dough-fe-wrapper.dough-fe-label-animate > .dough-fe-input-wrapper > .dough-fe-label {\n  transition: all 350ms cubic-bezier(0.25, 1, 0, 1);\n}\nbody.no-transition .dough-fe-wrapper.dough-fe-label-animate > .dough-fe-input-wrapper > .dough-fe-label {\n  transition: none 0ms linear !important;\n  transition-delay: 0ms !important;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper {\n  display: flex;\n  flex-flow: column wrap;\n  justify-content: flex-start;\n  align-items: flex-start;\n  box-sizing: border-box;\n  border-radius: 6px;\n}\nbody:not(.no-transition) .dough-fe-wrapper > .dough-fe-input-wrapper {\n  transition: border 500ms cubic-bezier(0.25, 1, 0, 1);\n}\nbody.no-transition .dough-fe-wrapper > .dough-fe-input-wrapper {\n  transition: none 0ms linear !important;\n  transition-delay: 0ms !important;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-fe-label {\n  order: 1;\n  font-size: 0.8125rem;\n  transform: translate3d(12px, 28px, 0);\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: flex-start;\n  align-items: center;\n  box-sizing: border-box;\n  height: 16px;\n  overflow: visible;\n  pointer-events: none;\n  position: relative;\n  z-index: 2;\n  padding: 0 4px 0 4px;\n  margin-top: -16px;\n  margin-left: -2px;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-fe-label.as-placeholder {\n  font-size: 0.875rem;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-fe-helper {\n  display: none;\n  order: 3;\n  font-size: 0.8125rem;\n  margin-top: 4px;\n  margin-left: 16px;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element {\n  font-family: \"Roboto\", sans-serif;\n  border-width: 2px;\n  border-style: solid;\n  border-top-style: none;\n  border-radius: 6px;\n  padding: 0;\n  padding-top: 2px;\n  flex: 1;\n  width: 100%;\n  box-sizing: border-box;\n  color: #6e6f75;\n  color: var(--dough-color-text-default);\n  font-size: 0.875rem;\n  box-shadow: none;\n  order: 2;\n  position: relative;\n}\nhtml.dough-IE11 .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element {\n  flex: 1 1 auto;\n}\nbody:not(.no-transition) .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element {\n  transition: all 650ms cubic-bezier(0.25, 1, 0, 1);\n}\nbody.no-transition .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element {\n  transition: none 0ms linear !important;\n  transition-delay: 0ms !important;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element.dough-input-wrapper-clickable {\n  cursor: pointer;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-input-element-top-border {\n  position: absolute;\n  top: 0;\n  right: -2px;\n  left: -2px;\n  width: auto;\n  height: 50%;\n  color: rgba(0, 0, 0, 0);\n  overflow: hidden;\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: flex-start;\n  align-items: flex-start;\n  pointer-events: none;\n  border-color: inherit;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-input-element-top-border > span:not([class]) {\n  padding: 0 4px 0 4px;\n  display: none;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-input-element-top-border > .dough-input-element-top-border-after,\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-input-element-top-border > .dough-input-element-top-border-before {\n  height: 100%;\n  border-color: inherit;\n  position: relative;\n  overflow: hidden;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-input-element-top-border > .dough-input-element-top-border-after:before,\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-input-element-top-border > .dough-input-element-top-border-before:before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: -100%;\n  left: 0;\n  width: auto;\n  height: auto;\n  min-width: 16px;\n  border-width: 2px;\n  border-style: solid;\n  border-bottom: none;\n  border-color: inherit;\n  border-radius: 6px;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-input-element-top-border > .dough-input-element-top-border-before {\n  display: none;\n  width: 8px;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-input-element-top-border > .dough-input-element-top-border-before:before {\n  right: -100%;\n  min-width: 48px;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-input-element-top-border > .dough-input-element-top-border-after {\n  flex: 1;\n}\nhtml.dough-IE11 .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-input-element-top-border > .dough-input-element-top-border-after {\n  flex: 1 1 auto;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element.with-fields {\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: flex-start;\n  align-items: flex-start;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > input,\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > textarea,\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .value-container {\n  display: flex;\n  flex-flow: row wrap;\n  justify-content: flex-start;\n  align-items: center;\n  flex: 1;\n  border: none;\n  width: 100%;\n  box-sizing: border-box;\n  color: #6e6f75;\n  color: var(--dough-color-text-default);\n  font-size: 0.875rem;\n  text-rendering: geometricPrecision;\n  background-color: transparent;\n  padding: 2px 12px 2px 12px;\n}\nhtml.dough-IE11 .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > input,\nhtml.dough-IE11 .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > textarea,\nhtml.dough-IE11 .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .value-container {\n  flex: 1 1 auto;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > input,\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .value-container,\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-fe-left-element,\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-fe-right-element {\n  min-height: 36px;\n}\nhtml.dough-IE11 .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > input,\nhtml.dough-IE11 .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .value-container,\nhtml.dough-IE11 .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-fe-left-element,\nhtml.dough-IE11 .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-fe-right-element {\n  height: 36px;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > input,\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .value-container-small,\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-fe-left-element,\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-fe-right-element {\n  min-height: 28px;\n}\nhtml.dough-IE11 .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > input,\nhtml.dough-IE11 .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .value-container-small,\nhtml.dough-IE11 .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-fe-left-element,\nhtml.dough-IE11 .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-fe-right-element {\n  height: 28px;\n}\nhtml.dough-IE11 .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > input {\n  width: 1%;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-fe-left-element,\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-fe-right-element {\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: center;\n  align-items: center;\n  box-sizing: border-box;\n  overflow: hidden;\n  min-width: 32px;\n  padding-left: 2px;\n  padding-right: 2px;\n}\nbody:not(.no-transition) .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-fe-left-element,\nbody:not(.no-transition) .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-fe-right-element {\n  transition: border 500ms cubic-bezier(0.25, 1, 0, 1);\n}\nbody.no-transition .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-fe-left-element,\nbody.no-transition .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-fe-right-element {\n  transition: none 0ms linear !important;\n  transition-delay: 0ms !important;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-fe-left-element + input, .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-fe-left-element + textarea {\n  padding-left: 0;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element.filled > .dough-input-element-top-border > span:not([class]), .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element:focus > .dough-input-element-top-border > span:not([class]), .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element.active > .dough-input-element-top-border > span:not([class]) {\n  display: inline-block;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element.filled > .dough-input-element-top-border > span:not([class]) + .dough-input-element-top-border-after:before, .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element:focus > .dough-input-element-top-border > span:not([class]) + .dough-input-element-top-border-after:before, .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element.active > .dough-input-element-top-border > span:not([class]) + .dough-input-element-top-border-after:before {\n  left: -50%;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element.filled > .dough-input-element-top-border > .dough-input-element-top-border-before, .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element:focus > .dough-input-element-top-border > .dough-input-element-top-border-before, .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element.active > .dough-input-element-top-border > .dough-input-element-top-border-before {\n  display: block;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element.filled + .dough-fe-label:before, .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element:focus + .dough-fe-label:before, .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element.active + .dough-fe-label:before {\n  opacity: 1;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element.filled + .dough-fe-label:not(.as-placeholder), .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element:focus + .dough-fe-label:not(.as-placeholder), .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element.active + .dough-fe-label:not(.as-placeholder) {\n  transform: translate3d(12px, 8px, 0) !important;\n  opacity: 1;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element.filled + .dough-fe-label.as-placeholder {\n  opacity: 0;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element:not(:focus):not(.active):not(.validation-error) {\n  border-color: #d2d2d2;\n  border-color: var(--dough-color-input-border);\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element:not(:focus):not(.active):not(.validation-error) + .dough-fe-label:not(.as-placeholder) {\n  color: #6e6f75;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element.validation-error {\n  border-color: #bf2900;\n  border-color: var(--dough-color-status-danger);\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element.validation-error + .dough-fe-label {\n  color: #bf2900;\n  color: var(--dough-color-status-danger);\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element.validation-error ~ .dough-fe-helper {\n  display: initial;\n  color: #bf2900;\n  color: var(--dough-color-status-danger);\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper .arrow-icon-container {\n  position: absolute;\n  top: 50%;\n  right: 8px;\n  z-index: 1;\n  width: 16px;\n  height: 16px;\n  margin-top: -8px;\n  text-align: center;\n  display: flex;\n  flex-flow: row nowrap;\n  align-items: center;\n  justify-content: center;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper .dough-inline-svg-icon {\n  width: 0.875em;\n  display: inline-block;\n  font-size: inherit;\n  height: 1em;\n  overflow: visible;\n  vertical-align: -0.125em;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper .dough-inline-svg-icon > path {\n  fill: #9f9f9f;\n}\n.dough-fe-wrapper.dough-mandatory > .dough-fe-input-wrapper > .dough-fe-label:after {\n  content: \"*\";\n  margin-left: 2px;\n}\n.dough-fe-wrapper[readOnly], .dough-fe-wrapper[disabled] {\n  pointer-events: none;\n}\n.dough-fe-wrapper[readOnly] *, .dough-fe-wrapper[disabled] * {\n  pointer-events: none !important;\n}\n.dough-fe-wrapper[disabled] {\n  opacity: 0.5;\n}\n.dough-fe-wrapper[disabled] .dough-fe-wrapper[disabled] {\n  opacity: 1;\n}\n.dough-fe-wrapper.dough-fe-borderless {\n  margin: 0;\n}\n.dough-fe-wrapper.dough-fe-borderless > .dough-fe-input-wrapper > .dough-fe-label {\n  border: none !important;\n  transform: translate3d(-4px, 16px, 0);\n  margin-left: 0;\n}\n.dough-fe-wrapper.dough-fe-borderless > .dough-fe-input-wrapper > .dough-fe-label:before {\n  display: none;\n}\n.dough-fe-wrapper.dough-fe-borderless > .dough-fe-input-wrapper > .dough-input-element {\n  border: none;\n  background-color: transparent !important;\n  min-height: auto;\n  padding-top: 0;\n}\n.dough-fe-wrapper.dough-fe-borderless > .dough-fe-input-wrapper > .dough-input-element > input,\n.dough-fe-wrapper.dough-fe-borderless > .dough-fe-input-wrapper > .dough-input-element > textarea,\n.dough-fe-wrapper.dough-fe-borderless > .dough-fe-input-wrapper > .dough-input-element > .value-container,\n.dough-fe-wrapper.dough-fe-borderless > .dough-fe-input-wrapper > .dough-input-element > .dough-fe-left-element,\n.dough-fe-wrapper.dough-fe-borderless > .dough-fe-input-wrapper > .dough-input-element > .dough-fe-right-element {\n  padding: 0 !important;\n}\n.dough-fe-wrapper.dough-fe-borderless > .dough-fe-input-wrapper > .dough-input-element > input,\n.dough-fe-wrapper.dough-fe-borderless > .dough-fe-input-wrapper > .dough-input-element > .value-container,\n.dough-fe-wrapper.dough-fe-borderless > .dough-fe-input-wrapper > .dough-input-element > .dough-fe-left-element,\n.dough-fe-wrapper.dough-fe-borderless > .dough-fe-input-wrapper > .dough-input-element > .dough-fe-right-element {\n  min-height: auto;\n}\n.dough-fe-wrapper.dough-fe-borderless > .dough-fe-input-wrapper > .dough-input-element > .dough-fe-left-element {\n  padding-top: 2px !important;\n  justify-content: flex-start;\n  min-width: 20px;\n}\n.dough-fe-wrapper.dough-fe-borderless > .dough-fe-input-wrapper > .dough-input-element > .dough-fe-right-element {\n  padding-top: 2px !important;\n  justify-content: flex-end;\n  min-width: 20px;\n}\n.dough-fe-wrapper.dough-fe-borderless > .dough-fe-input-wrapper > .dough-input-element.filled + .dough-fe-label:not(.as-placeholder), .dough-fe-wrapper.dough-fe-borderless > .dough-fe-input-wrapper > .dough-input-element:focus + .dough-fe-label:not(.as-placeholder), .dough-fe-wrapper.dough-fe-borderless > .dough-fe-input-wrapper > .dough-input-element.active + .dough-fe-label:not(.as-placeholder) {\n  transform: translate3d(-4px, -4px, 0) !important;\n}\n\n.dough-hidden-input {\n  display: none !important;\n}";
+var css_248z$d = "/* COLORS */\n/* Typography*/\n/*Dennis should provide medium font size*/\n.dough-fe-wrapper {\n  position: relative;\n  display: block;\n  box-sizing: border-box;\n  min-width: 100%;\n  margin-top: 2px;\n  margin-bottom: 2px;\n  font-family: \"Roboto\", sans-serif;\n  cursor: default;\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n}\n.dough-fe-wrapper + .dough-fe-wrapper {\n  margin-top: 16px;\n}\n.dough-fe-wrapper * {\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n}\nbody:not(.no-transition) .dough-fe-wrapper.dough-fe-label-animate > .dough-fe-input-wrapper > .dough-fe-label {\n  transition: all 350ms cubic-bezier(0.25, 1, 0, 1);\n}\nbody.no-transition .dough-fe-wrapper.dough-fe-label-animate > .dough-fe-input-wrapper > .dough-fe-label {\n  transition: none 0ms linear !important;\n  transition-delay: 0ms !important;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper {\n  display: flex;\n  flex-flow: column wrap;\n  justify-content: flex-start;\n  align-items: flex-start;\n  box-sizing: border-box;\n  border-radius: 6px;\n}\nbody:not(.no-transition) .dough-fe-wrapper > .dough-fe-input-wrapper {\n  transition: border 500ms cubic-bezier(0.25, 1, 0, 1);\n}\nbody.no-transition .dough-fe-wrapper > .dough-fe-input-wrapper {\n  transition: none 0ms linear !important;\n  transition-delay: 0ms !important;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-fe-label {\n  order: 1;\n  font-size: 0.8125rem;\n  transform: translate3d(12px, 28px, 0);\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: flex-start;\n  align-items: center;\n  box-sizing: border-box;\n  height: 16px;\n  overflow: visible;\n  pointer-events: none;\n  position: relative;\n  z-index: 2;\n  padding: 0 4px 0 4px;\n  margin-top: -16px;\n  margin-left: -2px;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-fe-label.as-placeholder {\n  font-size: 0.875rem;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-fe-helper {\n  display: none;\n  order: 3;\n  font-size: 0.8125rem;\n  margin-top: 4px;\n  margin-left: 16px;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element {\n  font-family: \"Roboto\", sans-serif;\n  border-width: 2px;\n  border-style: solid;\n  border-top-style: none;\n  border-radius: 6px;\n  padding: 0;\n  padding-top: 2px;\n  flex: 1;\n  width: 100%;\n  box-sizing: border-box;\n  color: #6e6f75;\n  color: var(--dough-color-text-default);\n  font-size: 0.875rem;\n  box-shadow: none;\n  order: 2;\n  position: relative;\n}\nhtml.dough-IE11 .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element {\n  flex: 1 1 auto;\n}\nbody:not(.no-transition) .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element {\n  transition: all 650ms cubic-bezier(0.25, 1, 0, 1);\n}\nbody.no-transition .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element {\n  transition: none 0ms linear !important;\n  transition-delay: 0ms !important;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element.dough-input-wrapper-clickable {\n  cursor: pointer;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-input-element-top-border {\n  position: absolute;\n  top: 0;\n  right: -2px;\n  left: -2px;\n  width: auto;\n  height: 50%;\n  color: rgba(0, 0, 0, 0);\n  overflow: hidden;\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: flex-start;\n  align-items: flex-start;\n  pointer-events: none;\n  border-color: inherit;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-input-element-top-border > span:not([class]) {\n  padding: 0 4px 0 4px;\n  display: none;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-input-element-top-border > .dough-input-element-top-border-after,\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-input-element-top-border > .dough-input-element-top-border-before {\n  height: 100%;\n  border-color: inherit;\n  position: relative;\n  overflow: hidden;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-input-element-top-border > .dough-input-element-top-border-after:before,\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-input-element-top-border > .dough-input-element-top-border-before:before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: -100%;\n  left: 0;\n  width: auto;\n  height: auto;\n  min-width: 16px;\n  border-width: 2px;\n  border-style: solid;\n  border-bottom: none;\n  border-color: inherit;\n  border-radius: 6px;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-input-element-top-border > .dough-input-element-top-border-before {\n  display: none;\n  width: 8px;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-input-element-top-border > .dough-input-element-top-border-before:before {\n  right: -100%;\n  min-width: 48px;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-input-element-top-border > .dough-input-element-top-border-after {\n  flex: 1;\n}\nhtml.dough-IE11 .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-input-element-top-border > .dough-input-element-top-border-after {\n  flex: 1 1 auto;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element.with-fields {\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: flex-start;\n  align-items: flex-start;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > input,\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > textarea,\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .value-container {\n  display: flex;\n  flex-flow: row wrap;\n  justify-content: flex-start;\n  align-items: center;\n  flex: 1;\n  border: none;\n  width: 100%;\n  box-sizing: border-box;\n  color: #6e6f75;\n  color: var(--dough-color-text-default);\n  font-size: 0.875rem;\n  text-rendering: geometricPrecision;\n  background-color: transparent;\n  padding: 2px 12px 2px 12px;\n}\nhtml.dough-IE11 .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > input,\nhtml.dough-IE11 .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > textarea,\nhtml.dough-IE11 .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .value-container {\n  flex: 1 1 auto;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > input,\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .value-container,\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-fe-left-element,\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-fe-right-element {\n  min-height: 36px;\n}\nhtml.dough-IE11 .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > input,\nhtml.dough-IE11 .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .value-container,\nhtml.dough-IE11 .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-fe-left-element,\nhtml.dough-IE11 .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-fe-right-element {\n  height: 36px;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > input,\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .value-container-small {\n  min-height: 28px;\n}\nhtml.dough-IE11 .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > input,\nhtml.dough-IE11 .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .value-container-small {\n  height: 28px;\n}\nhtml.dough-IE11 .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > input {\n  width: 1%;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-fe-left-element,\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-fe-right-element {\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: center;\n  align-items: center;\n  box-sizing: border-box;\n  overflow: hidden;\n  min-width: 32px;\n  padding-left: 2px;\n  padding-right: 2px;\n}\nbody:not(.no-transition) .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-fe-left-element,\nbody:not(.no-transition) .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-fe-right-element {\n  transition: border 500ms cubic-bezier(0.25, 1, 0, 1);\n}\nbody.no-transition .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-fe-left-element,\nbody.no-transition .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-fe-right-element {\n  transition: none 0ms linear !important;\n  transition-delay: 0ms !important;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-fe-left-element + input, .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-fe-left-element + textarea {\n  padding-left: 0;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element.filled > .dough-input-element-top-border > span:not([class]), .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element:focus > .dough-input-element-top-border > span:not([class]), .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element.active > .dough-input-element-top-border > span:not([class]) {\n  display: inline-block;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element.filled > .dough-input-element-top-border > span:not([class]) + .dough-input-element-top-border-after:before, .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element:focus > .dough-input-element-top-border > span:not([class]) + .dough-input-element-top-border-after:before, .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element.active > .dough-input-element-top-border > span:not([class]) + .dough-input-element-top-border-after:before {\n  left: -50%;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element.filled > .dough-input-element-top-border > .dough-input-element-top-border-before, .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element:focus > .dough-input-element-top-border > .dough-input-element-top-border-before, .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element.active > .dough-input-element-top-border > .dough-input-element-top-border-before {\n  display: block;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element.filled + .dough-fe-label:before, .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element:focus + .dough-fe-label:before, .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element.active + .dough-fe-label:before {\n  opacity: 1;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element.filled + .dough-fe-label:not(.as-placeholder), .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element:focus + .dough-fe-label:not(.as-placeholder), .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element.active + .dough-fe-label:not(.as-placeholder) {\n  transform: translate3d(12px, 8px, 0) !important;\n  opacity: 1;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element.filled + .dough-fe-label.as-placeholder {\n  opacity: 0;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element:not(:focus):not(.active):not(.validation-error) {\n  border-color: #d2d2d2;\n  border-color: var(--dough-color-input-border);\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element:not(:focus):not(.active):not(.validation-error) + .dough-fe-label:not(.as-placeholder) {\n  color: #6e6f75;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element.validation-error {\n  border-color: #bf2900;\n  border-color: var(--dough-color-status-danger);\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element.validation-error + .dough-fe-label {\n  color: #bf2900;\n  color: var(--dough-color-status-danger);\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element.validation-error ~ .dough-fe-helper {\n  display: initial;\n  color: #bf2900;\n  color: var(--dough-color-status-danger);\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper .arrow-icon-container {\n  position: absolute;\n  top: 50%;\n  right: 8px;\n  z-index: 1;\n  width: 16px;\n  height: 16px;\n  margin-top: -8px;\n  text-align: center;\n  display: flex;\n  flex-flow: row nowrap;\n  align-items: center;\n  justify-content: center;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper .dough-inline-svg-icon {\n  width: 0.875em;\n  display: inline-block;\n  font-size: inherit;\n  height: 1em;\n  overflow: visible;\n  vertical-align: -0.125em;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper .dough-inline-svg-icon > path {\n  fill: #9f9f9f;\n}\n.dough-fe-wrapper.dough-mandatory > .dough-fe-input-wrapper > .dough-fe-label:after {\n  content: \"*\";\n  margin-left: 2px;\n}\n.dough-fe-wrapper[readOnly], .dough-fe-wrapper[disabled] {\n  pointer-events: none;\n}\n.dough-fe-wrapper[readOnly] *, .dough-fe-wrapper[disabled] * {\n  pointer-events: none !important;\n}\n.dough-fe-wrapper[disabled] {\n  opacity: 0.5;\n}\n.dough-fe-wrapper[disabled] .dough-fe-wrapper[disabled] {\n  opacity: 1;\n}\n.dough-fe-wrapper.dough-fe-borderless {\n  margin: 0;\n}\n.dough-fe-wrapper.dough-fe-borderless > .dough-fe-input-wrapper > .dough-fe-label {\n  border: none !important;\n  transform: translate3d(-4px, 16px, 0);\n  margin-left: 0;\n}\n.dough-fe-wrapper.dough-fe-borderless > .dough-fe-input-wrapper > .dough-fe-label:before {\n  display: none;\n}\n.dough-fe-wrapper.dough-fe-borderless > .dough-fe-input-wrapper > .dough-input-element {\n  border: none;\n  background-color: transparent !important;\n  min-height: auto;\n  padding-top: 0;\n}\n.dough-fe-wrapper.dough-fe-borderless > .dough-fe-input-wrapper > .dough-input-element > input,\n.dough-fe-wrapper.dough-fe-borderless > .dough-fe-input-wrapper > .dough-input-element > textarea,\n.dough-fe-wrapper.dough-fe-borderless > .dough-fe-input-wrapper > .dough-input-element > .value-container,\n.dough-fe-wrapper.dough-fe-borderless > .dough-fe-input-wrapper > .dough-input-element > .dough-fe-left-element,\n.dough-fe-wrapper.dough-fe-borderless > .dough-fe-input-wrapper > .dough-input-element > .dough-fe-right-element {\n  padding: 0 !important;\n}\n.dough-fe-wrapper.dough-fe-borderless > .dough-fe-input-wrapper > .dough-input-element > input,\n.dough-fe-wrapper.dough-fe-borderless > .dough-fe-input-wrapper > .dough-input-element > .value-container,\n.dough-fe-wrapper.dough-fe-borderless > .dough-fe-input-wrapper > .dough-input-element > .dough-fe-left-element,\n.dough-fe-wrapper.dough-fe-borderless > .dough-fe-input-wrapper > .dough-input-element > .dough-fe-right-element {\n  min-height: auto;\n}\n.dough-fe-wrapper.dough-fe-borderless > .dough-fe-input-wrapper > .dough-input-element > .dough-fe-left-element {\n  padding-top: 2px !important;\n  justify-content: flex-start;\n  min-width: 20px;\n}\n.dough-fe-wrapper.dough-fe-borderless > .dough-fe-input-wrapper > .dough-input-element > .dough-fe-right-element {\n  padding-top: 2px !important;\n  justify-content: flex-end;\n  min-width: 20px;\n}\n.dough-fe-wrapper.dough-fe-borderless > .dough-fe-input-wrapper > .dough-input-element.filled + .dough-fe-label:not(.as-placeholder), .dough-fe-wrapper.dough-fe-borderless > .dough-fe-input-wrapper > .dough-input-element:focus + .dough-fe-label:not(.as-placeholder), .dough-fe-wrapper.dough-fe-borderless > .dough-fe-input-wrapper > .dough-input-element.active + .dough-fe-label:not(.as-placeholder) {\n  transform: translate3d(-4px, -4px, 0) !important;\n}\n\n.dough-hidden-input {\n  display: none !important;\n}";
 styleInject(css_248z$d);
 // TODO in the future type declerations will be also added here

package/dist/index.js CHANGED Viewed

@@ -1581,7 +1581,7 @@ var DropMenu = React.forwardRef(function (props, ref) {
 });
 DropMenu.displayName = "DropMenu";
-var css_248z$d = "/* COLORS */\n/* Typography*/\n/*Dennis should provide medium font size*/\n.dough-fe-wrapper {\n  position: relative;\n  display: block;\n  box-sizing: border-box;\n  min-width: 100%;\n  margin-top: 2px;\n  margin-bottom: 2px;\n  font-family: \"Roboto\", sans-serif;\n  cursor: default;\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n}\n.dough-fe-wrapper + .dough-fe-wrapper {\n  margin-top: 16px;\n}\n.dough-fe-wrapper * {\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n}\nbody:not(.no-transition) .dough-fe-wrapper.dough-fe-label-animate > .dough-fe-input-wrapper > .dough-fe-label {\n  transition: all 350ms cubic-bezier(0.25, 1, 0, 1);\n}\nbody.no-transition .dough-fe-wrapper.dough-fe-label-animate > .dough-fe-input-wrapper > .dough-fe-label {\n  transition: none 0ms linear !important;\n  transition-delay: 0ms !important;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper {\n  display: flex;\n  flex-flow: column wrap;\n  justify-content: flex-start;\n  align-items: flex-start;\n  box-sizing: border-box;\n  border-radius: 6px;\n}\nbody:not(.no-transition) .dough-fe-wrapper > .dough-fe-input-wrapper {\n  transition: border 500ms cubic-bezier(0.25, 1, 0, 1);\n}\nbody.no-transition .dough-fe-wrapper > .dough-fe-input-wrapper {\n  transition: none 0ms linear !important;\n  transition-delay: 0ms !important;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-fe-label {\n  order: 1;\n  font-size: 0.8125rem;\n  transform: translate3d(12px, 28px, 0);\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: flex-start;\n  align-items: center;\n  box-sizing: border-box;\n  height: 16px;\n  overflow: visible;\n  pointer-events: none;\n  position: relative;\n  z-index: 2;\n  padding: 0 4px 0 4px;\n  margin-top: -16px;\n  margin-left: -2px;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-fe-label.as-placeholder {\n  font-size: 0.875rem;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-fe-helper {\n  display: none;\n  order: 3;\n  font-size: 0.8125rem;\n  margin-top: 4px;\n  margin-left: 16px;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element {\n  font-family: \"Roboto\", sans-serif;\n  border-width: 2px;\n  border-style: solid;\n  border-top-style: none;\n  border-radius: 6px;\n  padding: 0;\n  padding-top: 2px;\n  flex: 1;\n  width: 100%;\n  box-sizing: border-box;\n  color: #6e6f75;\n  color: var(--dough-color-text-default);\n  font-size: 0.875rem;\n  box-shadow: none;\n  order: 2;\n  position: relative;\n}\nhtml.dough-IE11 .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element {\n  flex: 1 1 auto;\n}\nbody:not(.no-transition) .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element {\n  transition: all 650ms cubic-bezier(0.25, 1, 0, 1);\n}\nbody.no-transition .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element {\n  transition: none 0ms linear !important;\n  transition-delay: 0ms !important;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element.dough-input-wrapper-clickable {\n  cursor: pointer;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-input-element-top-border {\n  position: absolute;\n  top: 0;\n  right: -2px;\n  left: -2px;\n  width: auto;\n  height: 50%;\n  color: rgba(0, 0, 0, 0);\n  overflow: hidden;\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: flex-start;\n  align-items: flex-start;\n  pointer-events: none;\n  border-color: inherit;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-input-element-top-border > span:not([class]) {\n  padding: 0 4px 0 4px;\n  display: none;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-input-element-top-border > .dough-input-element-top-border-after,\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-input-element-top-border > .dough-input-element-top-border-before {\n  height: 100%;\n  border-color: inherit;\n  position: relative;\n  overflow: hidden;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-input-element-top-border > .dough-input-element-top-border-after:before,\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-input-element-top-border > .dough-input-element-top-border-before:before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: -100%;\n  left: 0;\n  width: auto;\n  height: auto;\n  min-width: 16px;\n  border-width: 2px;\n  border-style: solid;\n  border-bottom: none;\n  border-color: inherit;\n  border-radius: 6px;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-input-element-top-border > .dough-input-element-top-border-before {\n  display: none;\n  width: 8px;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-input-element-top-border > .dough-input-element-top-border-before:before {\n  right: -100%;\n  min-width: 48px;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-input-element-top-border > .dough-input-element-top-border-after {\n  flex: 1;\n}\nhtml.dough-IE11 .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-input-element-top-border > .dough-input-element-top-border-after {\n  flex: 1 1 auto;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element.with-fields {\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: flex-start;\n  align-items: flex-start;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > input,\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > textarea,\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .value-container {\n  display: flex;\n  flex-flow: row wrap;\n  justify-content: flex-start;\n  align-items: center;\n  flex: 1;\n  border: none;\n  width: 100%;\n  box-sizing: border-box;\n  color: #6e6f75;\n  color: var(--dough-color-text-default);\n  font-size: 0.875rem;\n  text-rendering: geometricPrecision;\n  background-color: transparent;\n  padding: 2px 12px 2px 12px;\n}\nhtml.dough-IE11 .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > input,\nhtml.dough-IE11 .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > textarea,\nhtml.dough-IE11 .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .value-container {\n  flex: 1 1 auto;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > input,\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .value-container,\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-fe-left-element,\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-fe-right-element {\n  min-height: 36px;\n}\nhtml.dough-IE11 .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > input,\nhtml.dough-IE11 .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .value-container,\nhtml.dough-IE11 .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-fe-left-element,\nhtml.dough-IE11 .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-fe-right-element {\n  height: 36px;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > input,\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .value-container-small,\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-fe-left-element,\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-fe-right-element {\n  min-height: 28px;\n}\nhtml.dough-IE11 .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > input,\nhtml.dough-IE11 .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .value-container-small,\nhtml.dough-IE11 .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-fe-left-element,\nhtml.dough-IE11 .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-fe-right-element {\n  height: 28px;\n}\nhtml.dough-IE11 .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > input {\n  width: 1%;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-fe-left-element,\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-fe-right-element {\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: center;\n  align-items: center;\n  box-sizing: border-box;\n  overflow: hidden;\n  min-width: 32px;\n  padding-left: 2px;\n  padding-right: 2px;\n}\nbody:not(.no-transition) .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-fe-left-element,\nbody:not(.no-transition) .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-fe-right-element {\n  transition: border 500ms cubic-bezier(0.25, 1, 0, 1);\n}\nbody.no-transition .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-fe-left-element,\nbody.no-transition .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-fe-right-element {\n  transition: none 0ms linear !important;\n  transition-delay: 0ms !important;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-fe-left-element + input, .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-fe-left-element + textarea {\n  padding-left: 0;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element.filled > .dough-input-element-top-border > span:not([class]), .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element:focus > .dough-input-element-top-border > span:not([class]), .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element.active > .dough-input-element-top-border > span:not([class]) {\n  display: inline-block;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element.filled > .dough-input-element-top-border > span:not([class]) + .dough-input-element-top-border-after:before, .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element:focus > .dough-input-element-top-border > span:not([class]) + .dough-input-element-top-border-after:before, .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element.active > .dough-input-element-top-border > span:not([class]) + .dough-input-element-top-border-after:before {\n  left: -50%;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element.filled > .dough-input-element-top-border > .dough-input-element-top-border-before, .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element:focus > .dough-input-element-top-border > .dough-input-element-top-border-before, .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element.active > .dough-input-element-top-border > .dough-input-element-top-border-before {\n  display: block;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element.filled + .dough-fe-label:before, .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element:focus + .dough-fe-label:before, .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element.active + .dough-fe-label:before {\n  opacity: 1;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element.filled + .dough-fe-label:not(.as-placeholder), .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element:focus + .dough-fe-label:not(.as-placeholder), .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element.active + .dough-fe-label:not(.as-placeholder) {\n  transform: translate3d(12px, 8px, 0) !important;\n  opacity: 1;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element.filled + .dough-fe-label.as-placeholder {\n  opacity: 0;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element:not(:focus):not(.active):not(.validation-error) {\n  border-color: #d2d2d2;\n  border-color: var(--dough-color-input-border);\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element:not(:focus):not(.active):not(.validation-error) + .dough-fe-label:not(.as-placeholder) {\n  color: #6e6f75;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element.validation-error {\n  border-color: #bf2900;\n  border-color: var(--dough-color-status-danger);\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element.validation-error + .dough-fe-label {\n  color: #bf2900;\n  color: var(--dough-color-status-danger);\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element.validation-error ~ .dough-fe-helper {\n  display: initial;\n  color: #bf2900;\n  color: var(--dough-color-status-danger);\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper .arrow-icon-container {\n  position: absolute;\n  top: 50%;\n  right: 8px;\n  z-index: 1;\n  width: 16px;\n  height: 16px;\n  margin-top: -8px;\n  text-align: center;\n  display: flex;\n  flex-flow: row nowrap;\n  align-items: center;\n  justify-content: center;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper .dough-inline-svg-icon {\n  width: 0.875em;\n  display: inline-block;\n  font-size: inherit;\n  height: 1em;\n  overflow: visible;\n  vertical-align: -0.125em;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper .dough-inline-svg-icon > path {\n  fill: #9f9f9f;\n}\n.dough-fe-wrapper.dough-mandatory > .dough-fe-input-wrapper > .dough-fe-label:after {\n  content: \"*\";\n  margin-left: 2px;\n}\n.dough-fe-wrapper[readOnly], .dough-fe-wrapper[disabled] {\n  pointer-events: none;\n}\n.dough-fe-wrapper[readOnly] *, .dough-fe-wrapper[disabled] * {\n  pointer-events: none !important;\n}\n.dough-fe-wrapper[disabled] {\n  opacity: 0.5;\n}\n.dough-fe-wrapper[disabled] .dough-fe-wrapper[disabled] {\n  opacity: 1;\n}\n.dough-fe-wrapper.dough-fe-borderless {\n  margin: 0;\n}\n.dough-fe-wrapper.dough-fe-borderless > .dough-fe-input-wrapper > .dough-fe-label {\n  border: none !important;\n  transform: translate3d(-4px, 16px, 0);\n  margin-left: 0;\n}\n.dough-fe-wrapper.dough-fe-borderless > .dough-fe-input-wrapper > .dough-fe-label:before {\n  display: none;\n}\n.dough-fe-wrapper.dough-fe-borderless > .dough-fe-input-wrapper > .dough-input-element {\n  border: none;\n  background-color: transparent !important;\n  min-height: auto;\n  padding-top: 0;\n}\n.dough-fe-wrapper.dough-fe-borderless > .dough-fe-input-wrapper > .dough-input-element > input,\n.dough-fe-wrapper.dough-fe-borderless > .dough-fe-input-wrapper > .dough-input-element > textarea,\n.dough-fe-wrapper.dough-fe-borderless > .dough-fe-input-wrapper > .dough-input-element > .value-container,\n.dough-fe-wrapper.dough-fe-borderless > .dough-fe-input-wrapper > .dough-input-element > .dough-fe-left-element,\n.dough-fe-wrapper.dough-fe-borderless > .dough-fe-input-wrapper > .dough-input-element > .dough-fe-right-element {\n  padding: 0 !important;\n}\n.dough-fe-wrapper.dough-fe-borderless > .dough-fe-input-wrapper > .dough-input-element > input,\n.dough-fe-wrapper.dough-fe-borderless > .dough-fe-input-wrapper > .dough-input-element > .value-container,\n.dough-fe-wrapper.dough-fe-borderless > .dough-fe-input-wrapper > .dough-input-element > .dough-fe-left-element,\n.dough-fe-wrapper.dough-fe-borderless > .dough-fe-input-wrapper > .dough-input-element > .dough-fe-right-element {\n  min-height: auto;\n}\n.dough-fe-wrapper.dough-fe-borderless > .dough-fe-input-wrapper > .dough-input-element > .dough-fe-left-element {\n  padding-top: 2px !important;\n  justify-content: flex-start;\n  min-width: 20px;\n}\n.dough-fe-wrapper.dough-fe-borderless > .dough-fe-input-wrapper > .dough-input-element > .dough-fe-right-element {\n  padding-top: 2px !important;\n  justify-content: flex-end;\n  min-width: 20px;\n}\n.dough-fe-wrapper.dough-fe-borderless > .dough-fe-input-wrapper > .dough-input-element.filled + .dough-fe-label:not(.as-placeholder), .dough-fe-wrapper.dough-fe-borderless > .dough-fe-input-wrapper > .dough-input-element:focus + .dough-fe-label:not(.as-placeholder), .dough-fe-wrapper.dough-fe-borderless > .dough-fe-input-wrapper > .dough-input-element.active + .dough-fe-label:not(.as-placeholder) {\n  transform: translate3d(-4px, -4px, 0) !important;\n}\n\n.dough-hidden-input {\n  display: none !important;\n}";
+var css_248z$d = "/* COLORS */\n/* Typography*/\n/*Dennis should provide medium font size*/\n.dough-fe-wrapper {\n  position: relative;\n  display: block;\n  box-sizing: border-box;\n  min-width: 100%;\n  margin-top: 2px;\n  margin-bottom: 2px;\n  font-family: \"Roboto\", sans-serif;\n  cursor: default;\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n}\n.dough-fe-wrapper + .dough-fe-wrapper {\n  margin-top: 16px;\n}\n.dough-fe-wrapper * {\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n}\nbody:not(.no-transition) .dough-fe-wrapper.dough-fe-label-animate > .dough-fe-input-wrapper > .dough-fe-label {\n  transition: all 350ms cubic-bezier(0.25, 1, 0, 1);\n}\nbody.no-transition .dough-fe-wrapper.dough-fe-label-animate > .dough-fe-input-wrapper > .dough-fe-label {\n  transition: none 0ms linear !important;\n  transition-delay: 0ms !important;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper {\n  display: flex;\n  flex-flow: column wrap;\n  justify-content: flex-start;\n  align-items: flex-start;\n  box-sizing: border-box;\n  border-radius: 6px;\n}\nbody:not(.no-transition) .dough-fe-wrapper > .dough-fe-input-wrapper {\n  transition: border 500ms cubic-bezier(0.25, 1, 0, 1);\n}\nbody.no-transition .dough-fe-wrapper > .dough-fe-input-wrapper {\n  transition: none 0ms linear !important;\n  transition-delay: 0ms !important;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-fe-label {\n  order: 1;\n  font-size: 0.8125rem;\n  transform: translate3d(12px, 28px, 0);\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: flex-start;\n  align-items: center;\n  box-sizing: border-box;\n  height: 16px;\n  overflow: visible;\n  pointer-events: none;\n  position: relative;\n  z-index: 2;\n  padding: 0 4px 0 4px;\n  margin-top: -16px;\n  margin-left: -2px;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-fe-label.as-placeholder {\n  font-size: 0.875rem;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-fe-helper {\n  display: none;\n  order: 3;\n  font-size: 0.8125rem;\n  margin-top: 4px;\n  margin-left: 16px;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element {\n  font-family: \"Roboto\", sans-serif;\n  border-width: 2px;\n  border-style: solid;\n  border-top-style: none;\n  border-radius: 6px;\n  padding: 0;\n  padding-top: 2px;\n  flex: 1;\n  width: 100%;\n  box-sizing: border-box;\n  color: #6e6f75;\n  color: var(--dough-color-text-default);\n  font-size: 0.875rem;\n  box-shadow: none;\n  order: 2;\n  position: relative;\n}\nhtml.dough-IE11 .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element {\n  flex: 1 1 auto;\n}\nbody:not(.no-transition) .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element {\n  transition: all 650ms cubic-bezier(0.25, 1, 0, 1);\n}\nbody.no-transition .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element {\n  transition: none 0ms linear !important;\n  transition-delay: 0ms !important;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element.dough-input-wrapper-clickable {\n  cursor: pointer;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-input-element-top-border {\n  position: absolute;\n  top: 0;\n  right: -2px;\n  left: -2px;\n  width: auto;\n  height: 50%;\n  color: rgba(0, 0, 0, 0);\n  overflow: hidden;\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: flex-start;\n  align-items: flex-start;\n  pointer-events: none;\n  border-color: inherit;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-input-element-top-border > span:not([class]) {\n  padding: 0 4px 0 4px;\n  display: none;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-input-element-top-border > .dough-input-element-top-border-after,\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-input-element-top-border > .dough-input-element-top-border-before {\n  height: 100%;\n  border-color: inherit;\n  position: relative;\n  overflow: hidden;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-input-element-top-border > .dough-input-element-top-border-after:before,\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-input-element-top-border > .dough-input-element-top-border-before:before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: -100%;\n  left: 0;\n  width: auto;\n  height: auto;\n  min-width: 16px;\n  border-width: 2px;\n  border-style: solid;\n  border-bottom: none;\n  border-color: inherit;\n  border-radius: 6px;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-input-element-top-border > .dough-input-element-top-border-before {\n  display: none;\n  width: 8px;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-input-element-top-border > .dough-input-element-top-border-before:before {\n  right: -100%;\n  min-width: 48px;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-input-element-top-border > .dough-input-element-top-border-after {\n  flex: 1;\n}\nhtml.dough-IE11 .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-input-element-top-border > .dough-input-element-top-border-after {\n  flex: 1 1 auto;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element.with-fields {\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: flex-start;\n  align-items: flex-start;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > input,\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > textarea,\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .value-container {\n  display: flex;\n  flex-flow: row wrap;\n  justify-content: flex-start;\n  align-items: center;\n  flex: 1;\n  border: none;\n  width: 100%;\n  box-sizing: border-box;\n  color: #6e6f75;\n  color: var(--dough-color-text-default);\n  font-size: 0.875rem;\n  text-rendering: geometricPrecision;\n  background-color: transparent;\n  padding: 2px 12px 2px 12px;\n}\nhtml.dough-IE11 .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > input,\nhtml.dough-IE11 .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > textarea,\nhtml.dough-IE11 .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .value-container {\n  flex: 1 1 auto;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > input,\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .value-container,\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-fe-left-element,\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-fe-right-element {\n  min-height: 36px;\n}\nhtml.dough-IE11 .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > input,\nhtml.dough-IE11 .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .value-container,\nhtml.dough-IE11 .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-fe-left-element,\nhtml.dough-IE11 .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-fe-right-element {\n  height: 36px;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > input,\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .value-container-small {\n  min-height: 28px;\n}\nhtml.dough-IE11 .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > input,\nhtml.dough-IE11 .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .value-container-small {\n  height: 28px;\n}\nhtml.dough-IE11 .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > input {\n  width: 1%;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-fe-left-element,\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-fe-right-element {\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: center;\n  align-items: center;\n  box-sizing: border-box;\n  overflow: hidden;\n  min-width: 32px;\n  padding-left: 2px;\n  padding-right: 2px;\n}\nbody:not(.no-transition) .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-fe-left-element,\nbody:not(.no-transition) .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-fe-right-element {\n  transition: border 500ms cubic-bezier(0.25, 1, 0, 1);\n}\nbody.no-transition .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-fe-left-element,\nbody.no-transition .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-fe-right-element {\n  transition: none 0ms linear !important;\n  transition-delay: 0ms !important;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-fe-left-element + input, .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-fe-left-element + textarea {\n  padding-left: 0;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element.filled > .dough-input-element-top-border > span:not([class]), .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element:focus > .dough-input-element-top-border > span:not([class]), .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element.active > .dough-input-element-top-border > span:not([class]) {\n  display: inline-block;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element.filled > .dough-input-element-top-border > span:not([class]) + .dough-input-element-top-border-after:before, .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element:focus > .dough-input-element-top-border > span:not([class]) + .dough-input-element-top-border-after:before, .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element.active > .dough-input-element-top-border > span:not([class]) + .dough-input-element-top-border-after:before {\n  left: -50%;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element.filled > .dough-input-element-top-border > .dough-input-element-top-border-before, .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element:focus > .dough-input-element-top-border > .dough-input-element-top-border-before, .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element.active > .dough-input-element-top-border > .dough-input-element-top-border-before {\n  display: block;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element.filled + .dough-fe-label:before, .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element:focus + .dough-fe-label:before, .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element.active + .dough-fe-label:before {\n  opacity: 1;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element.filled + .dough-fe-label:not(.as-placeholder), .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element:focus + .dough-fe-label:not(.as-placeholder), .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element.active + .dough-fe-label:not(.as-placeholder) {\n  transform: translate3d(12px, 8px, 0) !important;\n  opacity: 1;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element.filled + .dough-fe-label.as-placeholder {\n  opacity: 0;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element:not(:focus):not(.active):not(.validation-error) {\n  border-color: #d2d2d2;\n  border-color: var(--dough-color-input-border);\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element:not(:focus):not(.active):not(.validation-error) + .dough-fe-label:not(.as-placeholder) {\n  color: #6e6f75;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element.validation-error {\n  border-color: #bf2900;\n  border-color: var(--dough-color-status-danger);\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element.validation-error + .dough-fe-label {\n  color: #bf2900;\n  color: var(--dough-color-status-danger);\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element.validation-error ~ .dough-fe-helper {\n  display: initial;\n  color: #bf2900;\n  color: var(--dough-color-status-danger);\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper .arrow-icon-container {\n  position: absolute;\n  top: 50%;\n  right: 8px;\n  z-index: 1;\n  width: 16px;\n  height: 16px;\n  margin-top: -8px;\n  text-align: center;\n  display: flex;\n  flex-flow: row nowrap;\n  align-items: center;\n  justify-content: center;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper .dough-inline-svg-icon {\n  width: 0.875em;\n  display: inline-block;\n  font-size: inherit;\n  height: 1em;\n  overflow: visible;\n  vertical-align: -0.125em;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper .dough-inline-svg-icon > path {\n  fill: #9f9f9f;\n}\n.dough-fe-wrapper.dough-mandatory > .dough-fe-input-wrapper > .dough-fe-label:after {\n  content: \"*\";\n  margin-left: 2px;\n}\n.dough-fe-wrapper[readOnly], .dough-fe-wrapper[disabled] {\n  pointer-events: none;\n}\n.dough-fe-wrapper[readOnly] *, .dough-fe-wrapper[disabled] * {\n  pointer-events: none !important;\n}\n.dough-fe-wrapper[disabled] {\n  opacity: 0.5;\n}\n.dough-fe-wrapper[disabled] .dough-fe-wrapper[disabled] {\n  opacity: 1;\n}\n.dough-fe-wrapper.dough-fe-borderless {\n  margin: 0;\n}\n.dough-fe-wrapper.dough-fe-borderless > .dough-fe-input-wrapper > .dough-fe-label {\n  border: none !important;\n  transform: translate3d(-4px, 16px, 0);\n  margin-left: 0;\n}\n.dough-fe-wrapper.dough-fe-borderless > .dough-fe-input-wrapper > .dough-fe-label:before {\n  display: none;\n}\n.dough-fe-wrapper.dough-fe-borderless > .dough-fe-input-wrapper > .dough-input-element {\n  border: none;\n  background-color: transparent !important;\n  min-height: auto;\n  padding-top: 0;\n}\n.dough-fe-wrapper.dough-fe-borderless > .dough-fe-input-wrapper > .dough-input-element > input,\n.dough-fe-wrapper.dough-fe-borderless > .dough-fe-input-wrapper > .dough-input-element > textarea,\n.dough-fe-wrapper.dough-fe-borderless > .dough-fe-input-wrapper > .dough-input-element > .value-container,\n.dough-fe-wrapper.dough-fe-borderless > .dough-fe-input-wrapper > .dough-input-element > .dough-fe-left-element,\n.dough-fe-wrapper.dough-fe-borderless > .dough-fe-input-wrapper > .dough-input-element > .dough-fe-right-element {\n  padding: 0 !important;\n}\n.dough-fe-wrapper.dough-fe-borderless > .dough-fe-input-wrapper > .dough-input-element > input,\n.dough-fe-wrapper.dough-fe-borderless > .dough-fe-input-wrapper > .dough-input-element > .value-container,\n.dough-fe-wrapper.dough-fe-borderless > .dough-fe-input-wrapper > .dough-input-element > .dough-fe-left-element,\n.dough-fe-wrapper.dough-fe-borderless > .dough-fe-input-wrapper > .dough-input-element > .dough-fe-right-element {\n  min-height: auto;\n}\n.dough-fe-wrapper.dough-fe-borderless > .dough-fe-input-wrapper > .dough-input-element > .dough-fe-left-element {\n  padding-top: 2px !important;\n  justify-content: flex-start;\n  min-width: 20px;\n}\n.dough-fe-wrapper.dough-fe-borderless > .dough-fe-input-wrapper > .dough-input-element > .dough-fe-right-element {\n  padding-top: 2px !important;\n  justify-content: flex-end;\n  min-width: 20px;\n}\n.dough-fe-wrapper.dough-fe-borderless > .dough-fe-input-wrapper > .dough-input-element.filled + .dough-fe-label:not(.as-placeholder), .dough-fe-wrapper.dough-fe-borderless > .dough-fe-input-wrapper > .dough-input-element:focus + .dough-fe-label:not(.as-placeholder), .dough-fe-wrapper.dough-fe-borderless > .dough-fe-input-wrapper > .dough-input-element.active + .dough-fe-label:not(.as-placeholder) {\n  transform: translate3d(-4px, -4px, 0) !important;\n}\n\n.dough-hidden-input {\n  display: none !important;\n}";
 styleInject(css_248z$d);
 // TODO in the future type declerations will be also added here

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
     "name": "@speakapbv/dough-component-library",
-    "version": "9.14.0",
+    "version": "9.15.0",
     "description": "DOUGH: Speakap React Component Library",
     "author": "Speakap",
     "license": "MIT",