@bbl-digital/snorre 3.0.66 → 3.1.1

package/esm/core/Text/index.js

@@ -1,5 +1,6 @@
 /** @jsxImportSource @emotion/react */
-import React from 'react';
+import React, { useState } from 'react';
+import Timepicker from '../Timepicker';
 import { styles } from './styles';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 
@@ -15,6 +16,7 @@ const Text = ({
   size,
   title,
   onClick,
+  test,
   children,
   primary,
   secondary,
@@ -25,6 +27,14 @@ const Text = ({
   whiteSpace
 }) => {
   const Tag = paragraph ? 'p' : 'span';
+  const [testvalue, setTestvalue] = useState(null);
+  if (test) return _jsx(Timepicker, {
+    type: "date",
+    isNullable: true,
+    value: testvalue,
+    onChange: e => setTestvalue(new Date(e)),
+    label: "Time"
+  });
   return _jsx(Tag, {
     css: theme => [styles.default(theme, color), intro && styles.intro, small && styles.small, extrasmall && styles.extrasmall, bold && styles.bold, semibold && styles.semiBold, subtle && styles.subtle(theme), paragraph && styles.paragraph, size && styles.size(size), primary && styles.setColor(theme.primary), secondary && styles.setColor(theme.secondary), italic && styles.italic, align && styles.align(align), dark && styles.setColor(theme.secondaryDarkText), wordBreak && styles.setWordBreak(wordBreak), whiteSpace && styles.setWhiteSpace(whiteSpace)],
     onClick: onClick,

package/esm/core/Timepicker/index.js

@@ -1,7 +1,7 @@
 /** @jsxImportSource @emotion/react */
 import React, { useState } from 'react';
 import { IconErrorOutline } from '../..';
-import { DEFAULT_DIVIDER, DEFAULT_VALUE_FULL, DEFAULT_VALUE_SHORT, handleDateToStringConvertion, handleStringToDateConvertion, isNumber, validateTimeAndCursor } from '../../utils/time';
+import { DEFAULT_DIVIDER, DEFAULT_VALUE_FULL, DEFAULT_VALUE_FULL_NULLABLE, DEFAULT_VALUE_SHORT, DEFAULT_VALUE_SHORT_NULLABLE, handleDateToStringConvertion, handleStringToDateConvertion, isNumber, validateTimeAndCursor } from '../../utils/time';
 import styles, { ErrorMessage, Label } from './styles';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
@@ -15,6 +15,7 @@ const TimePicker = ({
   height = '36px',
   width,
   disabled = false,
+  isNullable = false,
   css,
   validation,
   invalidMessage,
@@ -23,7 +24,11 @@ const TimePicker = ({
   onBlur
 }) => {
   // Static fields
-  const _defaultValue = showSeconds ? DEFAULT_VALUE_FULL : DEFAULT_VALUE_SHORT;
+  const _defaultNullableValue = showSeconds ? DEFAULT_VALUE_FULL_NULLABLE : DEFAULT_VALUE_SHORT_NULLABLE;
+
+  const _defaultFilledValue = showSeconds ? DEFAULT_VALUE_FULL : DEFAULT_VALUE_SHORT;
+
+  const _defaultValue = isNullable ? _defaultNullableValue : _defaultFilledValue;
 
   const _defaultWidth = width ? width : showSeconds ? '58px' : '35px';
 
@@ -31,9 +36,12 @@ const TimePicker = ({
 
   const _isDate = type === 'date';
 
-  let valueToUse = _isDate ? handleDateToStringConvertion(value, showSeconds) : value;
-  const [validatedTime] = validateTimeAndCursor(showSeconds, valueToUse, _defaultValue, _divider);
-  const [inputStateValue, setInputStateValue] = useState(validatedTime); // Loads of logic to handle string input with divider
+  const removedNumberReplacer = isNullable ? '-' : '0';
+  let valueToUse = isNullable && !value ? _defaultNullableValue : _isDate ? handleDateToStringConvertion(value, showSeconds) : value;
+  const [validatedTime] = validateTimeAndCursor(showSeconds, valueToUse, _defaultValue, _divider, undefined, isNullable);
+  const [inputStateValue, setInputStateValue] = useState(validatedTime); // console.log(isNull)
+
+  console.log(inputStateValue); // Loads of logic to handle string input with divider
 
   const onInputChange = async (event, callback) => {
     const _maxLength = _defaultValue.length;
@@ -51,13 +59,13 @@ const TimePicker = ({
       if (position > _maxLength) {
         currentPosition = _maxLength;
       } else if ((position === 3 || position === 6) && addedCharacter === _divider) {
-        updatedValue = `${inputValue.substr(0, position - 1)}${_divider}${inputValue.substr(position + 1)}`;
+        updatedValue = `${inputValue.substring(0, position - 1)}${_divider}${inputValue.substring(position + 1)}`;
       } else if ((position === 3 || position === 6) && isNumber(addedCharacter)) {
-        updatedValue = `${inputValue.substr(0, position - 1)}${_divider}${addedCharacter}${inputValue.substr(position + 2)}`;
+        updatedValue = `${inputValue.substring(0, position - 1)}${_divider}${addedCharacter}${inputValue.substring(position + 2)}`;
         currentPosition = position + 1;
       } else if (isNumber(addedCharacter)) {
         // user typed a number
-        updatedValue = inputValue.substr(0, position - 1) + addedCharacter + inputValue.substr(position + 1);
+        updatedValue = inputValue.substring(0, position - 1) + addedCharacter + inputValue.substring(position + 1);
 
         if (position === 2 || position === 5) {
           currentPosition = position + 1;
@@ -72,7 +80,7 @@ const TimePicker = ({
       // user replaced only a single character
       if (isNumber(cursorCharacter)) {
         if (position - 1 === 2 || position - 1 === 5) {
-          updatedValue = `${inputValue.substr(0, position - 1)}${_divider}${inputValue.substr(position)}`;
+          updatedValue = `${inputValue.substring(0, position - 1)}${_divider}${inputValue.substring(position)}`;
         } else {
           updatedValue = inputValue;
         }
@@ -86,16 +94,21 @@ const TimePicker = ({
       updatedValue = inputStateValue;
       currentPosition = position - 1;
     } else if (removedCharacter !== null) {
+      console.log('on remove', position);
+
       if ((position === 2 || position === 5) && removedCharacter === _divider) {
-        updatedValue = `${inputValue.substr(0, position - 1)}0${_divider}${inputValue.substr(position)}`;
+        updatedValue = `${inputValue.substring(0, position - 1)}${removedNumberReplacer}${_divider}${inputValue.substring(position)}`;
         currentPosition = position - 1;
       } else {
-        // user removed a number
-        updatedValue = `${inputValue.substr(0, position)}0${inputValue.substr(position)}`;
+        console.log('vi kommer hit', inputValue.substring(position)); // user removed a number
+
+        updatedValue = `${inputValue.substring(0, position)}${removedNumberReplacer}${inputValue.substring(position)}`;
       }
     }
 
-    const [validatedTime, validatedCursorPosition] = validateTimeAndCursor(showSeconds, updatedValue, inputStateValue, _divider, currentPosition); // Needs to be awaited, for it to work
+    console.log('inputStateValue', inputStateValue);
+    const [validatedTime, validatedCursorPosition] = validateTimeAndCursor(showSeconds, updatedValue, inputStateValue, _divider, currentPosition, isNullable);
+    console.log(validatedTime, validatedCursorPosition); // Needs to be awaited, for it to work
 
     await setInputStateValue(validatedTime);
     event.target.selectionStart = validatedCursorPosition;
@@ -113,12 +126,13 @@ const TimePicker = ({
     children: [label && _jsx(Label, {
       children: label
     }), _jsx("input", {
+      "data-testid": "snorre-timepicker-input",
       type: "text",
       value: inputStateValue,
       disabled: disabled,
       autoFocus: autoFocus,
-      css: theme => [disabled && styles.disabled(theme), css && css],
-      onChange: event => onInputChange(event, v => onChange && onChange(v)),
+      css: theme => [css && css, disabled && styles.disabled(theme), styles.nullable],
+      onChange: event => onInputChange(event, v => onChange?.(v)),
       onBlur: onBlur,
       onFocus: handleFocus
     }), invalidMessage && _jsx(IconErrorOutline, {

package/esm/core/Timepicker/styles.js

@@ -14,7 +14,7 @@ export const Label = _styled("span", process.env.NODE_ENV === "production" ? {
 } : {
   name: "1ge8ozm",
   styles: "line-height:22px;font-size:1em;font-weight:600;margin-bottom:4px",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1RpbWVwaWNrZXIvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUlnQyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9UaW1lcGlja2VyL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBJQXBwVGhlbWUgfSBmcm9tICcuLi8uLi9hcHAtc2hlbGwvdGhlbWUnXG5cbmV4cG9ydCBjb25zdCBMYWJlbCA9IHN0eWxlZC5zcGFuYFxuICBsaW5lLWhlaWdodDogMjJweDtcbiAgZm9udC1zaXplOiAxZW07XG4gIGZvbnQtd2VpZ2h0OiA2MDA7XG4gIG1hcmdpbi1ib3R0b206IDRweDtcbmBcblxuZXhwb3J0IGNvbnN0IEVycm9yTWVzc2FnZSA9IHN0eWxlZC5zcGFuYFxuICBmb250LXNpemU6IDE0cHg7XG4gIHBhZGRpbmctbGVmdDogMjVweDtcbiAgbGluZS1oZWlnaHQ6IDMwcHg7XG4gIGZvbnQtd2VpZ2h0OiA2MDA7XG4gIG1hcmdpbi1ib3R0b206IDA7XG4gIGNvbG9yOiAkeyhwcm9wczogeyB0aGVtZTogSUFwcFRoZW1lIH0pID0+IHByb3BzLnRoZW1lLmFsZXJ0fTtcbmBcblxuY29uc3Qgc3R5bGVzID0ge1xuICBkZWZhdWx0OiAodGhlbWU6IElBcHBUaGVtZSwgaGVpZ2h0OiBzdHJpbmcsIHdpZHRoOiBzdHJpbmcpID0+XG4gICAgY3NzYFxuICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgZGlzcGxheTogZ3JpZDtcbiAgICAgIGdyaWQtdGVtcGxhdGUtcm93czogbWluLWNvbnRlbnQ7XG5cbiAgICAgICY6Zm9jdXMtd2l0aGluIHNwYW4ge1xuICAgICAgICBjb2xvcjogJHt0aGVtZS5wcmltYXJ5fTtcbiAgICAgIH1cblxuICAgICAgaW5wdXQge1xuICAgICAgICBoZWlnaHQ6ICR7aGVpZ2h0fTtcbiAgICAgICAgd2lkdGg6ICR7d2lkdGh9O1xuICAgICAgICBmb250LXNpemU6IDE2cHg7XG4gICAgICAgIGxpbmUtaGVpZ2h0OiAyMHB4O1xuICAgICAgICBvdXRsaW5lOiBub25lO1xuICAgICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuYm9yZGVyfTtcbiAgICAgICAgYm9yZGVyLXdpZHRoOiAxcHg7XG4gICAgICAgIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgICAgICAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgICAgICAgcGFkZGluZzogMCAxMHB4O1xuXG4gICAgICAgICY6Zm9jdXMge1xuICAgICAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5wcmltYXJ5fTtcbiAgICAgICAgfVxuICAgICAgICAmOmRpc2FibGVkIHtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmRpc2FibGVkfTtcbiAgICAgICAgfVxuICAgICAgICAmOjotd2Via2l0LW91dGVyLXNwaW4tYnV0dG9uLFxuICAgICAgICAmOjotd2Via2l0LWlubmVyLXNwaW4tYnV0dG9uIHtcbiAgICAgICAgICAtd2Via2l0LWFwcGVhcmFuY2U6IG5vbmU7XG4gICAgICAgICAgbWFyZ2luOiAwO1xuICAgICAgICB9XG4gICAgICAgICZbdHlwZT0nbnVtYmVyJ10ge1xuICAgICAgICAgIC1tb3otYXBwZWFyYW5jZTogdGV4dGZpZWxkO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgYCxcbiAgZGlzYWJsZWQ6ICh0aGVtZTogSUFwcFRoZW1lKSA9PlxuICAgIGNzcyh7XG4gICAgICBjdXJzb3I6ICdub3QtYWxsb3dlZCcsXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmRpc2FibGVkLFxuICAgICAgYm9yZGVyQ29sb3I6IHRoZW1lLmRpc2FibGVkLFxuICAgIH0pLFxuICB2YWxpZGF0aW9uOiBjc3NgXG4gICAgJiA+IHN2ZyB7XG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICBib3R0b206IDdweDtcbiAgICAgIGxlZnQ6IDNweDtcbiAgICB9XG4gIGAsXG4gIGludmFsaWQ6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgJjpmb2N1cy13aXRoaW4gc3BhbiB7XG4gICAgICBjb2xvcjogYmxhY2s7XG4gICAgfVxuICAgIGlucHV0IHtcbiAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5hbGVydH07XG5cbiAgICAgICY6YWN0aXZlLFxuICAgICAgJjpmb2N1cyxcbiAgICAgICY6aG92ZXIge1xuICAgICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuYWxlcnR9O1xuICAgICAgfVxuICAgIH1cblxuICAgIHN2ZyB7XG4gICAgICBwYXRoIHtcbiAgICAgICAgZmlsbDogJHt0aGVtZS5hbGVydH07XG4gICAgICB9XG4gICAgfVxuICBgLFxufVxuXG5leHBvcnQgZGVmYXVsdCBzdHlsZXNcblxuZXhwb3J0IHsgc3R5bGVzIH1cbiJdfQ== */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1RpbWVwaWNrZXIvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUlnQyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9UaW1lcGlja2VyL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBJQXBwVGhlbWUgfSBmcm9tICcuLi8uLi9hcHAtc2hlbGwvdGhlbWUnXG5cbmV4cG9ydCBjb25zdCBMYWJlbCA9IHN0eWxlZC5zcGFuYFxuICBsaW5lLWhlaWdodDogMjJweDtcbiAgZm9udC1zaXplOiAxZW07XG4gIGZvbnQtd2VpZ2h0OiA2MDA7XG4gIG1hcmdpbi1ib3R0b206IDRweDtcbmBcblxuZXhwb3J0IGNvbnN0IEVycm9yTWVzc2FnZSA9IHN0eWxlZC5zcGFuYFxuICBmb250LXNpemU6IDE0cHg7XG4gIHBhZGRpbmctbGVmdDogMjVweDtcbiAgbGluZS1oZWlnaHQ6IDMwcHg7XG4gIGZvbnQtd2VpZ2h0OiA2MDA7XG4gIG1hcmdpbi1ib3R0b206IDA7XG4gIGNvbG9yOiAkeyhwcm9wczogeyB0aGVtZTogSUFwcFRoZW1lIH0pID0+IHByb3BzLnRoZW1lLmFsZXJ0fTtcbmBcblxuY29uc3Qgc3R5bGVzID0ge1xuICBkZWZhdWx0OiAodGhlbWU6IElBcHBUaGVtZSwgaGVpZ2h0OiBzdHJpbmcsIHdpZHRoOiBzdHJpbmcpID0+XG4gICAgY3NzYFxuICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgZGlzcGxheTogZ3JpZDtcbiAgICAgIGdyaWQtdGVtcGxhdGUtcm93czogbWluLWNvbnRlbnQ7XG5cbiAgICAgICY6Zm9jdXMtd2l0aGluIHNwYW4ge1xuICAgICAgICBjb2xvcjogJHt0aGVtZS5wcmltYXJ5fTtcbiAgICAgIH1cblxuICAgICAgaW5wdXQge1xuICAgICAgICBoZWlnaHQ6ICR7aGVpZ2h0fTtcbiAgICAgICAgd2lkdGg6ICR7d2lkdGh9O1xuICAgICAgICBmb250LXNpemU6IDE2cHg7XG4gICAgICAgIGxpbmUtaGVpZ2h0OiAyMHB4O1xuICAgICAgICBvdXRsaW5lOiBub25lO1xuICAgICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuYm9yZGVyfTtcbiAgICAgICAgYm9yZGVyLXdpZHRoOiAxcHg7XG4gICAgICAgIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgICAgICAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgICAgICAgcGFkZGluZzogMCAxMHB4O1xuXG4gICAgICAgICY6Zm9jdXMge1xuICAgICAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5wcmltYXJ5fTtcbiAgICAgICAgfVxuICAgICAgICAmOmRpc2FibGVkIHtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmRpc2FibGVkfTtcbiAgICAgICAgfVxuICAgICAgICAmOjotd2Via2l0LW91dGVyLXNwaW4tYnV0dG9uLFxuICAgICAgICAmOjotd2Via2l0LWlubmVyLXNwaW4tYnV0dG9uIHtcbiAgICAgICAgICAtd2Via2l0LWFwcGVhcmFuY2U6IG5vbmU7XG4gICAgICAgICAgbWFyZ2luOiAwO1xuICAgICAgICB9XG4gICAgICAgICZbdHlwZT0nbnVtYmVyJ10ge1xuICAgICAgICAgIC1tb3otYXBwZWFyYW5jZTogdGV4dGZpZWxkO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgYCxcbiAgZGlzYWJsZWQ6ICh0aGVtZTogSUFwcFRoZW1lKSA9PlxuICAgIGNzcyh7XG4gICAgICBjdXJzb3I6ICdub3QtYWxsb3dlZCcsXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmRpc2FibGVkLFxuICAgICAgYm9yZGVyQ29sb3I6IHRoZW1lLmRpc2FibGVkLFxuICAgIH0pLFxuXG4gIG51bGxhYmxlOiBjc3NgXG4gICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICBgLFxuICB2YWxpZGF0aW9uOiBjc3NgXG4gICAgJiA+IHN2ZyB7XG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICBib3R0b206IDdweDtcbiAgICAgIGxlZnQ6IDNweDtcbiAgICB9XG4gIGAsXG4gIGludmFsaWQ6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgJjpmb2N1cy13aXRoaW4gc3BhbiB7XG4gICAgICBjb2xvcjogYmxhY2s7XG4gICAgfVxuICAgIGlucHV0IHtcbiAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5hbGVydH07XG5cbiAgICAgICY6YWN0aXZlLFxuICAgICAgJjpmb2N1cyxcbiAgICAgICY6aG92ZXIge1xuICAgICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuYWxlcnR9O1xuICAgICAgfVxuICAgIH1cblxuICAgIHN2ZyB7XG4gICAgICBwYXRoIHtcbiAgICAgICAgZmlsbDogJHt0aGVtZS5hbGVydH07XG4gICAgICB9XG4gICAgfVxuICBgLFxufVxuXG5leHBvcnQgZGVmYXVsdCBzdHlsZXNcblxuZXhwb3J0IHsgc3R5bGVzIH1cbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 export const ErrorMessage = _styled("span", process.env.NODE_ENV === "production" ? {
@@ -22,24 +22,33 @@ export const ErrorMessage = _styled("span", process.env.NODE_ENV === "production
 } : {
   target: "edalgqg0",
   label: "ErrorMessage"
-})("font-size:14px;padding-left:25px;line-height:30px;font-weight:600;margin-bottom:0;color:", props => props.theme.alert, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1RpbWVwaWNrZXIvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVd1QyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9UaW1lcGlja2VyL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBJQXBwVGhlbWUgfSBmcm9tICcuLi8uLi9hcHAtc2hlbGwvdGhlbWUnXG5cbmV4cG9ydCBjb25zdCBMYWJlbCA9IHN0eWxlZC5zcGFuYFxuICBsaW5lLWhlaWdodDogMjJweDtcbiAgZm9udC1zaXplOiAxZW07XG4gIGZvbnQtd2VpZ2h0OiA2MDA7XG4gIG1hcmdpbi1ib3R0b206IDRweDtcbmBcblxuZXhwb3J0IGNvbnN0IEVycm9yTWVzc2FnZSA9IHN0eWxlZC5zcGFuYFxuICBmb250LXNpemU6IDE0cHg7XG4gIHBhZGRpbmctbGVmdDogMjVweDtcbiAgbGluZS1oZWlnaHQ6IDMwcHg7XG4gIGZvbnQtd2VpZ2h0OiA2MDA7XG4gIG1hcmdpbi1ib3R0b206IDA7XG4gIGNvbG9yOiAkeyhwcm9wczogeyB0aGVtZTogSUFwcFRoZW1lIH0pID0+IHByb3BzLnRoZW1lLmFsZXJ0fTtcbmBcblxuY29uc3Qgc3R5bGVzID0ge1xuICBkZWZhdWx0OiAodGhlbWU6IElBcHBUaGVtZSwgaGVpZ2h0OiBzdHJpbmcsIHdpZHRoOiBzdHJpbmcpID0+XG4gICAgY3NzYFxuICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgZGlzcGxheTogZ3JpZDtcbiAgICAgIGdyaWQtdGVtcGxhdGUtcm93czogbWluLWNvbnRlbnQ7XG5cbiAgICAgICY6Zm9jdXMtd2l0aGluIHNwYW4ge1xuICAgICAgICBjb2xvcjogJHt0aGVtZS5wcmltYXJ5fTtcbiAgICAgIH1cblxuICAgICAgaW5wdXQge1xuICAgICAgICBoZWlnaHQ6ICR7aGVpZ2h0fTtcbiAgICAgICAgd2lkdGg6ICR7d2lkdGh9O1xuICAgICAgICBmb250LXNpemU6IDE2cHg7XG4gICAgICAgIGxpbmUtaGVpZ2h0OiAyMHB4O1xuICAgICAgICBvdXRsaW5lOiBub25lO1xuICAgICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuYm9yZGVyfTtcbiAgICAgICAgYm9yZGVyLXdpZHRoOiAxcHg7XG4gICAgICAgIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgICAgICAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgICAgICAgcGFkZGluZzogMCAxMHB4O1xuXG4gICAgICAgICY6Zm9jdXMge1xuICAgICAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5wcmltYXJ5fTtcbiAgICAgICAgfVxuICAgICAgICAmOmRpc2FibGVkIHtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmRpc2FibGVkfTtcbiAgICAgICAgfVxuICAgICAgICAmOjotd2Via2l0LW91dGVyLXNwaW4tYnV0dG9uLFxuICAgICAgICAmOjotd2Via2l0LWlubmVyLXNwaW4tYnV0dG9uIHtcbiAgICAgICAgICAtd2Via2l0LWFwcGVhcmFuY2U6IG5vbmU7XG4gICAgICAgICAgbWFyZ2luOiAwO1xuICAgICAgICB9XG4gICAgICAgICZbdHlwZT0nbnVtYmVyJ10ge1xuICAgICAgICAgIC1tb3otYXBwZWFyYW5jZTogdGV4dGZpZWxkO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgYCxcbiAgZGlzYWJsZWQ6ICh0aGVtZTogSUFwcFRoZW1lKSA9PlxuICAgIGNzcyh7XG4gICAgICBjdXJzb3I6ICdub3QtYWxsb3dlZCcsXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmRpc2FibGVkLFxuICAgICAgYm9yZGVyQ29sb3I6IHRoZW1lLmRpc2FibGVkLFxuICAgIH0pLFxuICB2YWxpZGF0aW9uOiBjc3NgXG4gICAgJiA+IHN2ZyB7XG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICBib3R0b206IDdweDtcbiAgICAgIGxlZnQ6IDNweDtcbiAgICB9XG4gIGAsXG4gIGludmFsaWQ6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgJjpmb2N1cy13aXRoaW4gc3BhbiB7XG4gICAgICBjb2xvcjogYmxhY2s7XG4gICAgfVxuICAgIGlucHV0IHtcbiAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5hbGVydH07XG5cbiAgICAgICY6YWN0aXZlLFxuICAgICAgJjpmb2N1cyxcbiAgICAgICY6aG92ZXIge1xuICAgICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuYWxlcnR9O1xuICAgICAgfVxuICAgIH1cblxuICAgIHN2ZyB7XG4gICAgICBwYXRoIHtcbiAgICAgICAgZmlsbDogJHt0aGVtZS5hbGVydH07XG4gICAgICB9XG4gICAgfVxuICBgLFxufVxuXG5leHBvcnQgZGVmYXVsdCBzdHlsZXNcblxuZXhwb3J0IHsgc3R5bGVzIH1cbiJdfQ== */"));
+})("font-size:14px;padding-left:25px;line-height:30px;font-weight:600;margin-bottom:0;color:", props => props.theme.alert, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1RpbWVwaWNrZXIvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVd1QyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9UaW1lcGlja2VyL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBJQXBwVGhlbWUgfSBmcm9tICcuLi8uLi9hcHAtc2hlbGwvdGhlbWUnXG5cbmV4cG9ydCBjb25zdCBMYWJlbCA9IHN0eWxlZC5zcGFuYFxuICBsaW5lLWhlaWdodDogMjJweDtcbiAgZm9udC1zaXplOiAxZW07XG4gIGZvbnQtd2VpZ2h0OiA2MDA7XG4gIG1hcmdpbi1ib3R0b206IDRweDtcbmBcblxuZXhwb3J0IGNvbnN0IEVycm9yTWVzc2FnZSA9IHN0eWxlZC5zcGFuYFxuICBmb250LXNpemU6IDE0cHg7XG4gIHBhZGRpbmctbGVmdDogMjVweDtcbiAgbGluZS1oZWlnaHQ6IDMwcHg7XG4gIGZvbnQtd2VpZ2h0OiA2MDA7XG4gIG1hcmdpbi1ib3R0b206IDA7XG4gIGNvbG9yOiAkeyhwcm9wczogeyB0aGVtZTogSUFwcFRoZW1lIH0pID0+IHByb3BzLnRoZW1lLmFsZXJ0fTtcbmBcblxuY29uc3Qgc3R5bGVzID0ge1xuICBkZWZhdWx0OiAodGhlbWU6IElBcHBUaGVtZSwgaGVpZ2h0OiBzdHJpbmcsIHdpZHRoOiBzdHJpbmcpID0+XG4gICAgY3NzYFxuICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgZGlzcGxheTogZ3JpZDtcbiAgICAgIGdyaWQtdGVtcGxhdGUtcm93czogbWluLWNvbnRlbnQ7XG5cbiAgICAgICY6Zm9jdXMtd2l0aGluIHNwYW4ge1xuICAgICAgICBjb2xvcjogJHt0aGVtZS5wcmltYXJ5fTtcbiAgICAgIH1cblxuICAgICAgaW5wdXQge1xuICAgICAgICBoZWlnaHQ6ICR7aGVpZ2h0fTtcbiAgICAgICAgd2lkdGg6ICR7d2lkdGh9O1xuICAgICAgICBmb250LXNpemU6IDE2cHg7XG4gICAgICAgIGxpbmUtaGVpZ2h0OiAyMHB4O1xuICAgICAgICBvdXRsaW5lOiBub25lO1xuICAgICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuYm9yZGVyfTtcbiAgICAgICAgYm9yZGVyLXdpZHRoOiAxcHg7XG4gICAgICAgIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgICAgICAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgICAgICAgcGFkZGluZzogMCAxMHB4O1xuXG4gICAgICAgICY6Zm9jdXMge1xuICAgICAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5wcmltYXJ5fTtcbiAgICAgICAgfVxuICAgICAgICAmOmRpc2FibGVkIHtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmRpc2FibGVkfTtcbiAgICAgICAgfVxuICAgICAgICAmOjotd2Via2l0LW91dGVyLXNwaW4tYnV0dG9uLFxuICAgICAgICAmOjotd2Via2l0LWlubmVyLXNwaW4tYnV0dG9uIHtcbiAgICAgICAgICAtd2Via2l0LWFwcGVhcmFuY2U6IG5vbmU7XG4gICAgICAgICAgbWFyZ2luOiAwO1xuICAgICAgICB9XG4gICAgICAgICZbdHlwZT0nbnVtYmVyJ10ge1xuICAgICAgICAgIC1tb3otYXBwZWFyYW5jZTogdGV4dGZpZWxkO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgYCxcbiAgZGlzYWJsZWQ6ICh0aGVtZTogSUFwcFRoZW1lKSA9PlxuICAgIGNzcyh7XG4gICAgICBjdXJzb3I6ICdub3QtYWxsb3dlZCcsXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmRpc2FibGVkLFxuICAgICAgYm9yZGVyQ29sb3I6IHRoZW1lLmRpc2FibGVkLFxuICAgIH0pLFxuXG4gIG51bGxhYmxlOiBjc3NgXG4gICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICBgLFxuICB2YWxpZGF0aW9uOiBjc3NgXG4gICAgJiA+IHN2ZyB7XG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICBib3R0b206IDdweDtcbiAgICAgIGxlZnQ6IDNweDtcbiAgICB9XG4gIGAsXG4gIGludmFsaWQ6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgJjpmb2N1cy13aXRoaW4gc3BhbiB7XG4gICAgICBjb2xvcjogYmxhY2s7XG4gICAgfVxuICAgIGlucHV0IHtcbiAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5hbGVydH07XG5cbiAgICAgICY6YWN0aXZlLFxuICAgICAgJjpmb2N1cyxcbiAgICAgICY6aG92ZXIge1xuICAgICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuYWxlcnR9O1xuICAgICAgfVxuICAgIH1cblxuICAgIHN2ZyB7XG4gICAgICBwYXRoIHtcbiAgICAgICAgZmlsbDogJHt0aGVtZS5hbGVydH07XG4gICAgICB9XG4gICAgfVxuICBgLFxufVxuXG5leHBvcnQgZGVmYXVsdCBzdHlsZXNcblxuZXhwb3J0IHsgc3R5bGVzIH1cbiJdfQ== */"));
 const styles = {
-  default: (theme, height, width) => /*#__PURE__*/css("position:relative;display:grid;grid-template-rows:min-content;&:focus-within span{color:", theme.primary, ";}input{height:", height, ";width:", width, ";font-size:16px;line-height:20px;outline:none;border-color:", theme.border, ";border-width:1px;border-radius:5px;border-style:solid;padding:0 10px;&:focus{border-color:", theme.primary, ";}&:disabled{background-color:", theme.disabled, ";}&::-webkit-outer-spin-button,&::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}&[type='number']{-moz-appearance:textfield;}}" + (process.env.NODE_ENV === "production" ? "" : ";label:default;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1RpbWVwaWNrZXIvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNCTyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9UaW1lcGlja2VyL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBJQXBwVGhlbWUgfSBmcm9tICcuLi8uLi9hcHAtc2hlbGwvdGhlbWUnXG5cbmV4cG9ydCBjb25zdCBMYWJlbCA9IHN0eWxlZC5zcGFuYFxuICBsaW5lLWhlaWdodDogMjJweDtcbiAgZm9udC1zaXplOiAxZW07XG4gIGZvbnQtd2VpZ2h0OiA2MDA7XG4gIG1hcmdpbi1ib3R0b206IDRweDtcbmBcblxuZXhwb3J0IGNvbnN0IEVycm9yTWVzc2FnZSA9IHN0eWxlZC5zcGFuYFxuICBmb250LXNpemU6IDE0cHg7XG4gIHBhZGRpbmctbGVmdDogMjVweDtcbiAgbGluZS1oZWlnaHQ6IDMwcHg7XG4gIGZvbnQtd2VpZ2h0OiA2MDA7XG4gIG1hcmdpbi1ib3R0b206IDA7XG4gIGNvbG9yOiAkeyhwcm9wczogeyB0aGVtZTogSUFwcFRoZW1lIH0pID0+IHByb3BzLnRoZW1lLmFsZXJ0fTtcbmBcblxuY29uc3Qgc3R5bGVzID0ge1xuICBkZWZhdWx0OiAodGhlbWU6IElBcHBUaGVtZSwgaGVpZ2h0OiBzdHJpbmcsIHdpZHRoOiBzdHJpbmcpID0+XG4gICAgY3NzYFxuICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgZGlzcGxheTogZ3JpZDtcbiAgICAgIGdyaWQtdGVtcGxhdGUtcm93czogbWluLWNvbnRlbnQ7XG5cbiAgICAgICY6Zm9jdXMtd2l0aGluIHNwYW4ge1xuICAgICAgICBjb2xvcjogJHt0aGVtZS5wcmltYXJ5fTtcbiAgICAgIH1cblxuICAgICAgaW5wdXQge1xuICAgICAgICBoZWlnaHQ6ICR7aGVpZ2h0fTtcbiAgICAgICAgd2lkdGg6ICR7d2lkdGh9O1xuICAgICAgICBmb250LXNpemU6IDE2cHg7XG4gICAgICAgIGxpbmUtaGVpZ2h0OiAyMHB4O1xuICAgICAgICBvdXRsaW5lOiBub25lO1xuICAgICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuYm9yZGVyfTtcbiAgICAgICAgYm9yZGVyLXdpZHRoOiAxcHg7XG4gICAgICAgIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgICAgICAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgICAgICAgcGFkZGluZzogMCAxMHB4O1xuXG4gICAgICAgICY6Zm9jdXMge1xuICAgICAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5wcmltYXJ5fTtcbiAgICAgICAgfVxuICAgICAgICAmOmRpc2FibGVkIHtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmRpc2FibGVkfTtcbiAgICAgICAgfVxuICAgICAgICAmOjotd2Via2l0LW91dGVyLXNwaW4tYnV0dG9uLFxuICAgICAgICAmOjotd2Via2l0LWlubmVyLXNwaW4tYnV0dG9uIHtcbiAgICAgICAgICAtd2Via2l0LWFwcGVhcmFuY2U6IG5vbmU7XG4gICAgICAgICAgbWFyZ2luOiAwO1xuICAgICAgICB9XG4gICAgICAgICZbdHlwZT0nbnVtYmVyJ10ge1xuICAgICAgICAgIC1tb3otYXBwZWFyYW5jZTogdGV4dGZpZWxkO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgYCxcbiAgZGlzYWJsZWQ6ICh0aGVtZTogSUFwcFRoZW1lKSA9PlxuICAgIGNzcyh7XG4gICAgICBjdXJzb3I6ICdub3QtYWxsb3dlZCcsXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmRpc2FibGVkLFxuICAgICAgYm9yZGVyQ29sb3I6IHRoZW1lLmRpc2FibGVkLFxuICAgIH0pLFxuICB2YWxpZGF0aW9uOiBjc3NgXG4gICAgJiA+IHN2ZyB7XG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICBib3R0b206IDdweDtcbiAgICAgIGxlZnQ6IDNweDtcbiAgICB9XG4gIGAsXG4gIGludmFsaWQ6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgJjpmb2N1cy13aXRoaW4gc3BhbiB7XG4gICAgICBjb2xvcjogYmxhY2s7XG4gICAgfVxuICAgIGlucHV0IHtcbiAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5hbGVydH07XG5cbiAgICAgICY6YWN0aXZlLFxuICAgICAgJjpmb2N1cyxcbiAgICAgICY6aG92ZXIge1xuICAgICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuYWxlcnR9O1xuICAgICAgfVxuICAgIH1cblxuICAgIHN2ZyB7XG4gICAgICBwYXRoIHtcbiAgICAgICAgZmlsbDogJHt0aGVtZS5hbGVydH07XG4gICAgICB9XG4gICAgfVxuICBgLFxufVxuXG5leHBvcnQgZGVmYXVsdCBzdHlsZXNcblxuZXhwb3J0IHsgc3R5bGVzIH1cbiJdfQ== */"),
+  default: (theme, height, width) => /*#__PURE__*/css("position:relative;display:grid;grid-template-rows:min-content;&:focus-within span{color:", theme.primary, ";}input{height:", height, ";width:", width, ";font-size:16px;line-height:20px;outline:none;border-color:", theme.border, ";border-width:1px;border-radius:5px;border-style:solid;padding:0 10px;&:focus{border-color:", theme.primary, ";}&:disabled{background-color:", theme.disabled, ";}&::-webkit-outer-spin-button,&::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}&[type='number']{-moz-appearance:textfield;}}" + (process.env.NODE_ENV === "production" ? "" : ";label:default;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1RpbWVwaWNrZXIvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNCTyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9UaW1lcGlja2VyL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBJQXBwVGhlbWUgfSBmcm9tICcuLi8uLi9hcHAtc2hlbGwvdGhlbWUnXG5cbmV4cG9ydCBjb25zdCBMYWJlbCA9IHN0eWxlZC5zcGFuYFxuICBsaW5lLWhlaWdodDogMjJweDtcbiAgZm9udC1zaXplOiAxZW07XG4gIGZvbnQtd2VpZ2h0OiA2MDA7XG4gIG1hcmdpbi1ib3R0b206IDRweDtcbmBcblxuZXhwb3J0IGNvbnN0IEVycm9yTWVzc2FnZSA9IHN0eWxlZC5zcGFuYFxuICBmb250LXNpemU6IDE0cHg7XG4gIHBhZGRpbmctbGVmdDogMjVweDtcbiAgbGluZS1oZWlnaHQ6IDMwcHg7XG4gIGZvbnQtd2VpZ2h0OiA2MDA7XG4gIG1hcmdpbi1ib3R0b206IDA7XG4gIGNvbG9yOiAkeyhwcm9wczogeyB0aGVtZTogSUFwcFRoZW1lIH0pID0+IHByb3BzLnRoZW1lLmFsZXJ0fTtcbmBcblxuY29uc3Qgc3R5bGVzID0ge1xuICBkZWZhdWx0OiAodGhlbWU6IElBcHBUaGVtZSwgaGVpZ2h0OiBzdHJpbmcsIHdpZHRoOiBzdHJpbmcpID0+XG4gICAgY3NzYFxuICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgZGlzcGxheTogZ3JpZDtcbiAgICAgIGdyaWQtdGVtcGxhdGUtcm93czogbWluLWNvbnRlbnQ7XG5cbiAgICAgICY6Zm9jdXMtd2l0aGluIHNwYW4ge1xuICAgICAgICBjb2xvcjogJHt0aGVtZS5wcmltYXJ5fTtcbiAgICAgIH1cblxuICAgICAgaW5wdXQge1xuICAgICAgICBoZWlnaHQ6ICR7aGVpZ2h0fTtcbiAgICAgICAgd2lkdGg6ICR7d2lkdGh9O1xuICAgICAgICBmb250LXNpemU6IDE2cHg7XG4gICAgICAgIGxpbmUtaGVpZ2h0OiAyMHB4O1xuICAgICAgICBvdXRsaW5lOiBub25lO1xuICAgICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuYm9yZGVyfTtcbiAgICAgICAgYm9yZGVyLXdpZHRoOiAxcHg7XG4gICAgICAgIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgICAgICAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgICAgICAgcGFkZGluZzogMCAxMHB4O1xuXG4gICAgICAgICY6Zm9jdXMge1xuICAgICAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5wcmltYXJ5fTtcbiAgICAgICAgfVxuICAgICAgICAmOmRpc2FibGVkIHtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmRpc2FibGVkfTtcbiAgICAgICAgfVxuICAgICAgICAmOjotd2Via2l0LW91dGVyLXNwaW4tYnV0dG9uLFxuICAgICAgICAmOjotd2Via2l0LWlubmVyLXNwaW4tYnV0dG9uIHtcbiAgICAgICAgICAtd2Via2l0LWFwcGVhcmFuY2U6IG5vbmU7XG4gICAgICAgICAgbWFyZ2luOiAwO1xuICAgICAgICB9XG4gICAgICAgICZbdHlwZT0nbnVtYmVyJ10ge1xuICAgICAgICAgIC1tb3otYXBwZWFyYW5jZTogdGV4dGZpZWxkO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgYCxcbiAgZGlzYWJsZWQ6ICh0aGVtZTogSUFwcFRoZW1lKSA9PlxuICAgIGNzcyh7XG4gICAgICBjdXJzb3I6ICdub3QtYWxsb3dlZCcsXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmRpc2FibGVkLFxuICAgICAgYm9yZGVyQ29sb3I6IHRoZW1lLmRpc2FibGVkLFxuICAgIH0pLFxuXG4gIG51bGxhYmxlOiBjc3NgXG4gICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICBgLFxuICB2YWxpZGF0aW9uOiBjc3NgXG4gICAgJiA+IHN2ZyB7XG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICBib3R0b206IDdweDtcbiAgICAgIGxlZnQ6IDNweDtcbiAgICB9XG4gIGAsXG4gIGludmFsaWQ6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgJjpmb2N1cy13aXRoaW4gc3BhbiB7XG4gICAgICBjb2xvcjogYmxhY2s7XG4gICAgfVxuICAgIGlucHV0IHtcbiAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5hbGVydH07XG5cbiAgICAgICY6YWN0aXZlLFxuICAgICAgJjpmb2N1cyxcbiAgICAgICY6aG92ZXIge1xuICAgICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuYWxlcnR9O1xuICAgICAgfVxuICAgIH1cblxuICAgIHN2ZyB7XG4gICAgICBwYXRoIHtcbiAgICAgICAgZmlsbDogJHt0aGVtZS5hbGVydH07XG4gICAgICB9XG4gICAgfVxuICBgLFxufVxuXG5leHBvcnQgZGVmYXVsdCBzdHlsZXNcblxuZXhwb3J0IHsgc3R5bGVzIH1cbiJdfQ== */"),
   disabled: theme => /*#__PURE__*/css({
     cursor: 'not-allowed',
     backgroundColor: theme.disabled,
     borderColor: theme.disabled
-  }, process.env.NODE_ENV === "production" ? "" : ";label:disabled;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1RpbWVwaWNrZXIvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRESSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9UaW1lcGlja2VyL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBJQXBwVGhlbWUgfSBmcm9tICcuLi8uLi9hcHAtc2hlbGwvdGhlbWUnXG5cbmV4cG9ydCBjb25zdCBMYWJlbCA9IHN0eWxlZC5zcGFuYFxuICBsaW5lLWhlaWdodDogMjJweDtcbiAgZm9udC1zaXplOiAxZW07XG4gIGZvbnQtd2VpZ2h0OiA2MDA7XG4gIG1hcmdpbi1ib3R0b206IDRweDtcbmBcblxuZXhwb3J0IGNvbnN0IEVycm9yTWVzc2FnZSA9IHN0eWxlZC5zcGFuYFxuICBmb250LXNpemU6IDE0cHg7XG4gIHBhZGRpbmctbGVmdDogMjVweDtcbiAgbGluZS1oZWlnaHQ6IDMwcHg7XG4gIGZvbnQtd2VpZ2h0OiA2MDA7XG4gIG1hcmdpbi1ib3R0b206IDA7XG4gIGNvbG9yOiAkeyhwcm9wczogeyB0aGVtZTogSUFwcFRoZW1lIH0pID0+IHByb3BzLnRoZW1lLmFsZXJ0fTtcbmBcblxuY29uc3Qgc3R5bGVzID0ge1xuICBkZWZhdWx0OiAodGhlbWU6IElBcHBUaGVtZSwgaGVpZ2h0OiBzdHJpbmcsIHdpZHRoOiBzdHJpbmcpID0+XG4gICAgY3NzYFxuICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgZGlzcGxheTogZ3JpZDtcbiAgICAgIGdyaWQtdGVtcGxhdGUtcm93czogbWluLWNvbnRlbnQ7XG5cbiAgICAgICY6Zm9jdXMtd2l0aGluIHNwYW4ge1xuICAgICAgICBjb2xvcjogJHt0aGVtZS5wcmltYXJ5fTtcbiAgICAgIH1cblxuICAgICAgaW5wdXQge1xuICAgICAgICBoZWlnaHQ6ICR7aGVpZ2h0fTtcbiAgICAgICAgd2lkdGg6ICR7d2lkdGh9O1xuICAgICAgICBmb250LXNpemU6IDE2cHg7XG4gICAgICAgIGxpbmUtaGVpZ2h0OiAyMHB4O1xuICAgICAgICBvdXRsaW5lOiBub25lO1xuICAgICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuYm9yZGVyfTtcbiAgICAgICAgYm9yZGVyLXdpZHRoOiAxcHg7XG4gICAgICAgIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgICAgICAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgICAgICAgcGFkZGluZzogMCAxMHB4O1xuXG4gICAgICAgICY6Zm9jdXMge1xuICAgICAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5wcmltYXJ5fTtcbiAgICAgICAgfVxuICAgICAgICAmOmRpc2FibGVkIHtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmRpc2FibGVkfTtcbiAgICAgICAgfVxuICAgICAgICAmOjotd2Via2l0LW91dGVyLXNwaW4tYnV0dG9uLFxuICAgICAgICAmOjotd2Via2l0LWlubmVyLXNwaW4tYnV0dG9uIHtcbiAgICAgICAgICAtd2Via2l0LWFwcGVhcmFuY2U6IG5vbmU7XG4gICAgICAgICAgbWFyZ2luOiAwO1xuICAgICAgICB9XG4gICAgICAgICZbdHlwZT0nbnVtYmVyJ10ge1xuICAgICAgICAgIC1tb3otYXBwZWFyYW5jZTogdGV4dGZpZWxkO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgYCxcbiAgZGlzYWJsZWQ6ICh0aGVtZTogSUFwcFRoZW1lKSA9PlxuICAgIGNzcyh7XG4gICAgICBjdXJzb3I6ICdub3QtYWxsb3dlZCcsXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmRpc2FibGVkLFxuICAgICAgYm9yZGVyQ29sb3I6IHRoZW1lLmRpc2FibGVkLFxuICAgIH0pLFxuICB2YWxpZGF0aW9uOiBjc3NgXG4gICAgJiA+IHN2ZyB7XG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICBib3R0b206IDdweDtcbiAgICAgIGxlZnQ6IDNweDtcbiAgICB9XG4gIGAsXG4gIGludmFsaWQ6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgJjpmb2N1cy13aXRoaW4gc3BhbiB7XG4gICAgICBjb2xvcjogYmxhY2s7XG4gICAgfVxuICAgIGlucHV0IHtcbiAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5hbGVydH07XG5cbiAgICAgICY6YWN0aXZlLFxuICAgICAgJjpmb2N1cyxcbiAgICAgICY6aG92ZXIge1xuICAgICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuYWxlcnR9O1xuICAgICAgfVxuICAgIH1cblxuICAgIHN2ZyB7XG4gICAgICBwYXRoIHtcbiAgICAgICAgZmlsbDogJHt0aGVtZS5hbGVydH07XG4gICAgICB9XG4gICAgfVxuICBgLFxufVxuXG5leHBvcnQgZGVmYXVsdCBzdHlsZXNcblxuZXhwb3J0IHsgc3R5bGVzIH1cbiJdfQ== */"),
+  }, process.env.NODE_ENV === "production" ? "" : ";label:disabled;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1RpbWVwaWNrZXIvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRESSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9UaW1lcGlja2VyL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBJQXBwVGhlbWUgfSBmcm9tICcuLi8uLi9hcHAtc2hlbGwvdGhlbWUnXG5cbmV4cG9ydCBjb25zdCBMYWJlbCA9IHN0eWxlZC5zcGFuYFxuICBsaW5lLWhlaWdodDogMjJweDtcbiAgZm9udC1zaXplOiAxZW07XG4gIGZvbnQtd2VpZ2h0OiA2MDA7XG4gIG1hcmdpbi1ib3R0b206IDRweDtcbmBcblxuZXhwb3J0IGNvbnN0IEVycm9yTWVzc2FnZSA9IHN0eWxlZC5zcGFuYFxuICBmb250LXNpemU6IDE0cHg7XG4gIHBhZGRpbmctbGVmdDogMjVweDtcbiAgbGluZS1oZWlnaHQ6IDMwcHg7XG4gIGZvbnQtd2VpZ2h0OiA2MDA7XG4gIG1hcmdpbi1ib3R0b206IDA7XG4gIGNvbG9yOiAkeyhwcm9wczogeyB0aGVtZTogSUFwcFRoZW1lIH0pID0+IHByb3BzLnRoZW1lLmFsZXJ0fTtcbmBcblxuY29uc3Qgc3R5bGVzID0ge1xuICBkZWZhdWx0OiAodGhlbWU6IElBcHBUaGVtZSwgaGVpZ2h0OiBzdHJpbmcsIHdpZHRoOiBzdHJpbmcpID0+XG4gICAgY3NzYFxuICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgZGlzcGxheTogZ3JpZDtcbiAgICAgIGdyaWQtdGVtcGxhdGUtcm93czogbWluLWNvbnRlbnQ7XG5cbiAgICAgICY6Zm9jdXMtd2l0aGluIHNwYW4ge1xuICAgICAgICBjb2xvcjogJHt0aGVtZS5wcmltYXJ5fTtcbiAgICAgIH1cblxuICAgICAgaW5wdXQge1xuICAgICAgICBoZWlnaHQ6ICR7aGVpZ2h0fTtcbiAgICAgICAgd2lkdGg6ICR7d2lkdGh9O1xuICAgICAgICBmb250LXNpemU6IDE2cHg7XG4gICAgICAgIGxpbmUtaGVpZ2h0OiAyMHB4O1xuICAgICAgICBvdXRsaW5lOiBub25lO1xuICAgICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuYm9yZGVyfTtcbiAgICAgICAgYm9yZGVyLXdpZHRoOiAxcHg7XG4gICAgICAgIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgICAgICAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgICAgICAgcGFkZGluZzogMCAxMHB4O1xuXG4gICAgICAgICY6Zm9jdXMge1xuICAgICAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5wcmltYXJ5fTtcbiAgICAgICAgfVxuICAgICAgICAmOmRpc2FibGVkIHtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmRpc2FibGVkfTtcbiAgICAgICAgfVxuICAgICAgICAmOjotd2Via2l0LW91dGVyLXNwaW4tYnV0dG9uLFxuICAgICAgICAmOjotd2Via2l0LWlubmVyLXNwaW4tYnV0dG9uIHtcbiAgICAgICAgICAtd2Via2l0LWFwcGVhcmFuY2U6IG5vbmU7XG4gICAgICAgICAgbWFyZ2luOiAwO1xuICAgICAgICB9XG4gICAgICAgICZbdHlwZT0nbnVtYmVyJ10ge1xuICAgICAgICAgIC1tb3otYXBwZWFyYW5jZTogdGV4dGZpZWxkO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgYCxcbiAgZGlzYWJsZWQ6ICh0aGVtZTogSUFwcFRoZW1lKSA9PlxuICAgIGNzcyh7XG4gICAgICBjdXJzb3I6ICdub3QtYWxsb3dlZCcsXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmRpc2FibGVkLFxuICAgICAgYm9yZGVyQ29sb3I6IHRoZW1lLmRpc2FibGVkLFxuICAgIH0pLFxuXG4gIG51bGxhYmxlOiBjc3NgXG4gICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICBgLFxuICB2YWxpZGF0aW9uOiBjc3NgXG4gICAgJiA+IHN2ZyB7XG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICBib3R0b206IDdweDtcbiAgICAgIGxlZnQ6IDNweDtcbiAgICB9XG4gIGAsXG4gIGludmFsaWQ6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgJjpmb2N1cy13aXRoaW4gc3BhbiB7XG4gICAgICBjb2xvcjogYmxhY2s7XG4gICAgfVxuICAgIGlucHV0IHtcbiAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5hbGVydH07XG5cbiAgICAgICY6YWN0aXZlLFxuICAgICAgJjpmb2N1cyxcbiAgICAgICY6aG92ZXIge1xuICAgICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuYWxlcnR9O1xuICAgICAgfVxuICAgIH1cblxuICAgIHN2ZyB7XG4gICAgICBwYXRoIHtcbiAgICAgICAgZmlsbDogJHt0aGVtZS5hbGVydH07XG4gICAgICB9XG4gICAgfVxuICBgLFxufVxuXG5leHBvcnQgZGVmYXVsdCBzdHlsZXNcblxuZXhwb3J0IHsgc3R5bGVzIH1cbiJdfQ== */"),
+  nullable: process.env.NODE_ENV === "production" ? {
+    name: "1azakc",
+    styles: "text-align:center"
+  } : {
+    name: "1lryr3e-nullable",
+    styles: "text-align:center;label:nullable;",
+    map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1RpbWVwaWNrZXIvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtFZSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9UaW1lcGlja2VyL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBJQXBwVGhlbWUgfSBmcm9tICcuLi8uLi9hcHAtc2hlbGwvdGhlbWUnXG5cbmV4cG9ydCBjb25zdCBMYWJlbCA9IHN0eWxlZC5zcGFuYFxuICBsaW5lLWhlaWdodDogMjJweDtcbiAgZm9udC1zaXplOiAxZW07XG4gIGZvbnQtd2VpZ2h0OiA2MDA7XG4gIG1hcmdpbi1ib3R0b206IDRweDtcbmBcblxuZXhwb3J0IGNvbnN0IEVycm9yTWVzc2FnZSA9IHN0eWxlZC5zcGFuYFxuICBmb250LXNpemU6IDE0cHg7XG4gIHBhZGRpbmctbGVmdDogMjVweDtcbiAgbGluZS1oZWlnaHQ6IDMwcHg7XG4gIGZvbnQtd2VpZ2h0OiA2MDA7XG4gIG1hcmdpbi1ib3R0b206IDA7XG4gIGNvbG9yOiAkeyhwcm9wczogeyB0aGVtZTogSUFwcFRoZW1lIH0pID0+IHByb3BzLnRoZW1lLmFsZXJ0fTtcbmBcblxuY29uc3Qgc3R5bGVzID0ge1xuICBkZWZhdWx0OiAodGhlbWU6IElBcHBUaGVtZSwgaGVpZ2h0OiBzdHJpbmcsIHdpZHRoOiBzdHJpbmcpID0+XG4gICAgY3NzYFxuICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgZGlzcGxheTogZ3JpZDtcbiAgICAgIGdyaWQtdGVtcGxhdGUtcm93czogbWluLWNvbnRlbnQ7XG5cbiAgICAgICY6Zm9jdXMtd2l0aGluIHNwYW4ge1xuICAgICAgICBjb2xvcjogJHt0aGVtZS5wcmltYXJ5fTtcbiAgICAgIH1cblxuICAgICAgaW5wdXQge1xuICAgICAgICBoZWlnaHQ6ICR7aGVpZ2h0fTtcbiAgICAgICAgd2lkdGg6ICR7d2lkdGh9O1xuICAgICAgICBmb250LXNpemU6IDE2cHg7XG4gICAgICAgIGxpbmUtaGVpZ2h0OiAyMHB4O1xuICAgICAgICBvdXRsaW5lOiBub25lO1xuICAgICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuYm9yZGVyfTtcbiAgICAgICAgYm9yZGVyLXdpZHRoOiAxcHg7XG4gICAgICAgIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgICAgICAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgICAgICAgcGFkZGluZzogMCAxMHB4O1xuXG4gICAgICAgICY6Zm9jdXMge1xuICAgICAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5wcmltYXJ5fTtcbiAgICAgICAgfVxuICAgICAgICAmOmRpc2FibGVkIHtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmRpc2FibGVkfTtcbiAgICAgICAgfVxuICAgICAgICAmOjotd2Via2l0LW91dGVyLXNwaW4tYnV0dG9uLFxuICAgICAgICAmOjotd2Via2l0LWlubmVyLXNwaW4tYnV0dG9uIHtcbiAgICAgICAgICAtd2Via2l0LWFwcGVhcmFuY2U6IG5vbmU7XG4gICAgICAgICAgbWFyZ2luOiAwO1xuICAgICAgICB9XG4gICAgICAgICZbdHlwZT0nbnVtYmVyJ10ge1xuICAgICAgICAgIC1tb3otYXBwZWFyYW5jZTogdGV4dGZpZWxkO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgYCxcbiAgZGlzYWJsZWQ6ICh0aGVtZTogSUFwcFRoZW1lKSA9PlxuICAgIGNzcyh7XG4gICAgICBjdXJzb3I6ICdub3QtYWxsb3dlZCcsXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmRpc2FibGVkLFxuICAgICAgYm9yZGVyQ29sb3I6IHRoZW1lLmRpc2FibGVkLFxuICAgIH0pLFxuXG4gIG51bGxhYmxlOiBjc3NgXG4gICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICBgLFxuICB2YWxpZGF0aW9uOiBjc3NgXG4gICAgJiA+IHN2ZyB7XG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICBib3R0b206IDdweDtcbiAgICAgIGxlZnQ6IDNweDtcbiAgICB9XG4gIGAsXG4gIGludmFsaWQ6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgJjpmb2N1cy13aXRoaW4gc3BhbiB7XG4gICAgICBjb2xvcjogYmxhY2s7XG4gICAgfVxuICAgIGlucHV0IHtcbiAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5hbGVydH07XG5cbiAgICAgICY6YWN0aXZlLFxuICAgICAgJjpmb2N1cyxcbiAgICAgICY6aG92ZXIge1xuICAgICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuYWxlcnR9O1xuICAgICAgfVxuICAgIH1cblxuICAgIHN2ZyB7XG4gICAgICBwYXRoIHtcbiAgICAgICAgZmlsbDogJHt0aGVtZS5hbGVydH07XG4gICAgICB9XG4gICAgfVxuICBgLFxufVxuXG5leHBvcnQgZGVmYXVsdCBzdHlsZXNcblxuZXhwb3J0IHsgc3R5bGVzIH1cbiJdfQ== */",
+    toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+  },
   validation: process.env.NODE_ENV === "production" ? {
     name: "dbzhw2",
     styles: "&>svg{position:absolute;bottom:7px;left:3px;}"
   } : {
     name: "1c4etbp-validation",
     styles: "&>svg{position:absolute;bottom:7px;left:3px;};label:validation;",
-    map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1RpbWVwaWNrZXIvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlFaUIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvVGltZXBpY2tlci9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgSUFwcFRoZW1lIH0gZnJvbSAnLi4vLi4vYXBwLXNoZWxsL3RoZW1lJ1xuXG5leHBvcnQgY29uc3QgTGFiZWwgPSBzdHlsZWQuc3BhbmBcbiAgbGluZS1oZWlnaHQ6IDIycHg7XG4gIGZvbnQtc2l6ZTogMWVtO1xuICBmb250LXdlaWdodDogNjAwO1xuICBtYXJnaW4tYm90dG9tOiA0cHg7XG5gXG5cbmV4cG9ydCBjb25zdCBFcnJvck1lc3NhZ2UgPSBzdHlsZWQuc3BhbmBcbiAgZm9udC1zaXplOiAxNHB4O1xuICBwYWRkaW5nLWxlZnQ6IDI1cHg7XG4gIGxpbmUtaGVpZ2h0OiAzMHB4O1xuICBmb250LXdlaWdodDogNjAwO1xuICBtYXJnaW4tYm90dG9tOiAwO1xuICBjb2xvcjogJHsocHJvcHM6IHsgdGhlbWU6IElBcHBUaGVtZSB9KSA9PiBwcm9wcy50aGVtZS5hbGVydH07XG5gXG5cbmNvbnN0IHN0eWxlcyA9IHtcbiAgZGVmYXVsdDogKHRoZW1lOiBJQXBwVGhlbWUsIGhlaWdodDogc3RyaW5nLCB3aWR0aDogc3RyaW5nKSA9PlxuICAgIGNzc2BcbiAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgICBncmlkLXRlbXBsYXRlLXJvd3M6IG1pbi1jb250ZW50O1xuXG4gICAgICAmOmZvY3VzLXdpdGhpbiBzcGFuIHtcbiAgICAgICAgY29sb3I6ICR7dGhlbWUucHJpbWFyeX07XG4gICAgICB9XG5cbiAgICAgIGlucHV0IHtcbiAgICAgICAgaGVpZ2h0OiAke2hlaWdodH07XG4gICAgICAgIHdpZHRoOiAke3dpZHRofTtcbiAgICAgICAgZm9udC1zaXplOiAxNnB4O1xuICAgICAgICBsaW5lLWhlaWdodDogMjBweDtcbiAgICAgICAgb3V0bGluZTogbm9uZTtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLmJvcmRlcn07XG4gICAgICAgIGJvcmRlci13aWR0aDogMXB4O1xuICAgICAgICBib3JkZXItcmFkaXVzOiA1cHg7XG4gICAgICAgIGJvcmRlci1zdHlsZTogc29saWQ7XG4gICAgICAgIHBhZGRpbmc6IDAgMTBweDtcblxuICAgICAgICAmOmZvY3VzIHtcbiAgICAgICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUucHJpbWFyeX07XG4gICAgICAgIH1cbiAgICAgICAgJjpkaXNhYmxlZCB7XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5kaXNhYmxlZH07XG4gICAgICAgIH1cbiAgICAgICAgJjo6LXdlYmtpdC1vdXRlci1zcGluLWJ1dHRvbixcbiAgICAgICAgJjo6LXdlYmtpdC1pbm5lci1zcGluLWJ1dHRvbiB7XG4gICAgICAgICAgLXdlYmtpdC1hcHBlYXJhbmNlOiBub25lO1xuICAgICAgICAgIG1hcmdpbjogMDtcbiAgICAgICAgfVxuICAgICAgICAmW3R5cGU9J251bWJlciddIHtcbiAgICAgICAgICAtbW96LWFwcGVhcmFuY2U6IHRleHRmaWVsZDtcbiAgICAgICAgfVxuICAgICAgfVxuICAgIGAsXG4gIGRpc2FibGVkOiAodGhlbWU6IElBcHBUaGVtZSkgPT5cbiAgICBjc3Moe1xuICAgICAgY3Vyc29yOiAnbm90LWFsbG93ZWQnLFxuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5kaXNhYmxlZCxcbiAgICAgIGJvcmRlckNvbG9yOiB0aGVtZS5kaXNhYmxlZCxcbiAgICB9KSxcbiAgdmFsaWRhdGlvbjogY3NzYFxuICAgICYgPiBzdmcge1xuICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgYm90dG9tOiA3cHg7XG4gICAgICBsZWZ0OiAzcHg7XG4gICAgfVxuICBgLFxuICBpbnZhbGlkOiAodGhlbWU6IElBcHBUaGVtZSkgPT4gY3NzYFxuICAgICY6Zm9jdXMtd2l0aGluIHNwYW4ge1xuICAgICAgY29sb3I6IGJsYWNrO1xuICAgIH1cbiAgICBpbnB1dCB7XG4gICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuYWxlcnR9O1xuXG4gICAgICAmOmFjdGl2ZSxcbiAgICAgICY6Zm9jdXMsXG4gICAgICAmOmhvdmVyIHtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLmFsZXJ0fTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICBzdmcge1xuICAgICAgcGF0aCB7XG4gICAgICAgIGZpbGw6ICR7dGhlbWUuYWxlcnR9O1xuICAgICAgfVxuICAgIH1cbiAgYCxcbn1cblxuZXhwb3J0IGRlZmF1bHQgc3R5bGVzXG5cbmV4cG9ydCB7IHN0eWxlcyB9XG4iXX0= */",
+    map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1RpbWVwaWNrZXIvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFFaUIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvVGltZXBpY2tlci9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgSUFwcFRoZW1lIH0gZnJvbSAnLi4vLi4vYXBwLXNoZWxsL3RoZW1lJ1xuXG5leHBvcnQgY29uc3QgTGFiZWwgPSBzdHlsZWQuc3BhbmBcbiAgbGluZS1oZWlnaHQ6IDIycHg7XG4gIGZvbnQtc2l6ZTogMWVtO1xuICBmb250LXdlaWdodDogNjAwO1xuICBtYXJnaW4tYm90dG9tOiA0cHg7XG5gXG5cbmV4cG9ydCBjb25zdCBFcnJvck1lc3NhZ2UgPSBzdHlsZWQuc3BhbmBcbiAgZm9udC1zaXplOiAxNHB4O1xuICBwYWRkaW5nLWxlZnQ6IDI1cHg7XG4gIGxpbmUtaGVpZ2h0OiAzMHB4O1xuICBmb250LXdlaWdodDogNjAwO1xuICBtYXJnaW4tYm90dG9tOiAwO1xuICBjb2xvcjogJHsocHJvcHM6IHsgdGhlbWU6IElBcHBUaGVtZSB9KSA9PiBwcm9wcy50aGVtZS5hbGVydH07XG5gXG5cbmNvbnN0IHN0eWxlcyA9IHtcbiAgZGVmYXVsdDogKHRoZW1lOiBJQXBwVGhlbWUsIGhlaWdodDogc3RyaW5nLCB3aWR0aDogc3RyaW5nKSA9PlxuICAgIGNzc2BcbiAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgICBncmlkLXRlbXBsYXRlLXJvd3M6IG1pbi1jb250ZW50O1xuXG4gICAgICAmOmZvY3VzLXdpdGhpbiBzcGFuIHtcbiAgICAgICAgY29sb3I6ICR7dGhlbWUucHJpbWFyeX07XG4gICAgICB9XG5cbiAgICAgIGlucHV0IHtcbiAgICAgICAgaGVpZ2h0OiAke2hlaWdodH07XG4gICAgICAgIHdpZHRoOiAke3dpZHRofTtcbiAgICAgICAgZm9udC1zaXplOiAxNnB4O1xuICAgICAgICBsaW5lLWhlaWdodDogMjBweDtcbiAgICAgICAgb3V0bGluZTogbm9uZTtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLmJvcmRlcn07XG4gICAgICAgIGJvcmRlci13aWR0aDogMXB4O1xuICAgICAgICBib3JkZXItcmFkaXVzOiA1cHg7XG4gICAgICAgIGJvcmRlci1zdHlsZTogc29saWQ7XG4gICAgICAgIHBhZGRpbmc6IDAgMTBweDtcblxuICAgICAgICAmOmZvY3VzIHtcbiAgICAgICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUucHJpbWFyeX07XG4gICAgICAgIH1cbiAgICAgICAgJjpkaXNhYmxlZCB7XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5kaXNhYmxlZH07XG4gICAgICAgIH1cbiAgICAgICAgJjo6LXdlYmtpdC1vdXRlci1zcGluLWJ1dHRvbixcbiAgICAgICAgJjo6LXdlYmtpdC1pbm5lci1zcGluLWJ1dHRvbiB7XG4gICAgICAgICAgLXdlYmtpdC1hcHBlYXJhbmNlOiBub25lO1xuICAgICAgICAgIG1hcmdpbjogMDtcbiAgICAgICAgfVxuICAgICAgICAmW3R5cGU9J251bWJlciddIHtcbiAgICAgICAgICAtbW96LWFwcGVhcmFuY2U6IHRleHRmaWVsZDtcbiAgICAgICAgfVxuICAgICAgfVxuICAgIGAsXG4gIGRpc2FibGVkOiAodGhlbWU6IElBcHBUaGVtZSkgPT5cbiAgICBjc3Moe1xuICAgICAgY3Vyc29yOiAnbm90LWFsbG93ZWQnLFxuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5kaXNhYmxlZCxcbiAgICAgIGJvcmRlckNvbG9yOiB0aGVtZS5kaXNhYmxlZCxcbiAgICB9KSxcblxuICBudWxsYWJsZTogY3NzYFxuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgYCxcbiAgdmFsaWRhdGlvbjogY3NzYFxuICAgICYgPiBzdmcge1xuICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgYm90dG9tOiA3cHg7XG4gICAgICBsZWZ0OiAzcHg7XG4gICAgfVxuICBgLFxuICBpbnZhbGlkOiAodGhlbWU6IElBcHBUaGVtZSkgPT4gY3NzYFxuICAgICY6Zm9jdXMtd2l0aGluIHNwYW4ge1xuICAgICAgY29sb3I6IGJsYWNrO1xuICAgIH1cbiAgICBpbnB1dCB7XG4gICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuYWxlcnR9O1xuXG4gICAgICAmOmFjdGl2ZSxcbiAgICAgICY6Zm9jdXMsXG4gICAgICAmOmhvdmVyIHtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLmFsZXJ0fTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICBzdmcge1xuICAgICAgcGF0aCB7XG4gICAgICAgIGZpbGw6ICR7dGhlbWUuYWxlcnR9O1xuICAgICAgfVxuICAgIH1cbiAgYCxcbn1cblxuZXhwb3J0IGRlZmF1bHQgc3R5bGVzXG5cbmV4cG9ydCB7IHN0eWxlcyB9XG4iXX0= */",
     toString: _EMOTION_STRINGIFIED_CSS_ERROR__
   },
-  invalid: theme => /*#__PURE__*/css("&:focus-within span{color:black;}input{border-color:", theme.alert, ";&:active,&:focus,&:hover{border-color:", theme.alert, ";}}svg{path{fill:", theme.alert, ";}}" + (process.env.NODE_ENV === "production" ? "" : ";label:invalid;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1RpbWVwaWNrZXIvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdFb0MiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvVGltZXBpY2tlci9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgSUFwcFRoZW1lIH0gZnJvbSAnLi4vLi4vYXBwLXNoZWxsL3RoZW1lJ1xuXG5leHBvcnQgY29uc3QgTGFiZWwgPSBzdHlsZWQuc3BhbmBcbiAgbGluZS1oZWlnaHQ6IDIycHg7XG4gIGZvbnQtc2l6ZTogMWVtO1xuICBmb250LXdlaWdodDogNjAwO1xuICBtYXJnaW4tYm90dG9tOiA0cHg7XG5gXG5cbmV4cG9ydCBjb25zdCBFcnJvck1lc3NhZ2UgPSBzdHlsZWQuc3BhbmBcbiAgZm9udC1zaXplOiAxNHB4O1xuICBwYWRkaW5nLWxlZnQ6IDI1cHg7XG4gIGxpbmUtaGVpZ2h0OiAzMHB4O1xuICBmb250LXdlaWdodDogNjAwO1xuICBtYXJnaW4tYm90dG9tOiAwO1xuICBjb2xvcjogJHsocHJvcHM6IHsgdGhlbWU6IElBcHBUaGVtZSB9KSA9PiBwcm9wcy50aGVtZS5hbGVydH07XG5gXG5cbmNvbnN0IHN0eWxlcyA9IHtcbiAgZGVmYXVsdDogKHRoZW1lOiBJQXBwVGhlbWUsIGhlaWdodDogc3RyaW5nLCB3aWR0aDogc3RyaW5nKSA9PlxuICAgIGNzc2BcbiAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgICBncmlkLXRlbXBsYXRlLXJvd3M6IG1pbi1jb250ZW50O1xuXG4gICAgICAmOmZvY3VzLXdpdGhpbiBzcGFuIHtcbiAgICAgICAgY29sb3I6ICR7dGhlbWUucHJpbWFyeX07XG4gICAgICB9XG5cbiAgICAgIGlucHV0IHtcbiAgICAgICAgaGVpZ2h0OiAke2hlaWdodH07XG4gICAgICAgIHdpZHRoOiAke3dpZHRofTtcbiAgICAgICAgZm9udC1zaXplOiAxNnB4O1xuICAgICAgICBsaW5lLWhlaWdodDogMjBweDtcbiAgICAgICAgb3V0bGluZTogbm9uZTtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLmJvcmRlcn07XG4gICAgICAgIGJvcmRlci13aWR0aDogMXB4O1xuICAgICAgICBib3JkZXItcmFkaXVzOiA1cHg7XG4gICAgICAgIGJvcmRlci1zdHlsZTogc29saWQ7XG4gICAgICAgIHBhZGRpbmc6IDAgMTBweDtcblxuICAgICAgICAmOmZvY3VzIHtcbiAgICAgICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUucHJpbWFyeX07XG4gICAgICAgIH1cbiAgICAgICAgJjpkaXNhYmxlZCB7XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5kaXNhYmxlZH07XG4gICAgICAgIH1cbiAgICAgICAgJjo6LXdlYmtpdC1vdXRlci1zcGluLWJ1dHRvbixcbiAgICAgICAgJjo6LXdlYmtpdC1pbm5lci1zcGluLWJ1dHRvbiB7XG4gICAgICAgICAgLXdlYmtpdC1hcHBlYXJhbmNlOiBub25lO1xuICAgICAgICAgIG1hcmdpbjogMDtcbiAgICAgICAgfVxuICAgICAgICAmW3R5cGU9J251bWJlciddIHtcbiAgICAgICAgICAtbW96LWFwcGVhcmFuY2U6IHRleHRmaWVsZDtcbiAgICAgICAgfVxuICAgICAgfVxuICAgIGAsXG4gIGRpc2FibGVkOiAodGhlbWU6IElBcHBUaGVtZSkgPT5cbiAgICBjc3Moe1xuICAgICAgY3Vyc29yOiAnbm90LWFsbG93ZWQnLFxuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5kaXNhYmxlZCxcbiAgICAgIGJvcmRlckNvbG9yOiB0aGVtZS5kaXNhYmxlZCxcbiAgICB9KSxcbiAgdmFsaWRhdGlvbjogY3NzYFxuICAgICYgPiBzdmcge1xuICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgYm90dG9tOiA3cHg7XG4gICAgICBsZWZ0OiAzcHg7XG4gICAgfVxuICBgLFxuICBpbnZhbGlkOiAodGhlbWU6IElBcHBUaGVtZSkgPT4gY3NzYFxuICAgICY6Zm9jdXMtd2l0aGluIHNwYW4ge1xuICAgICAgY29sb3I6IGJsYWNrO1xuICAgIH1cbiAgICBpbnB1dCB7XG4gICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuYWxlcnR9O1xuXG4gICAgICAmOmFjdGl2ZSxcbiAgICAgICY6Zm9jdXMsXG4gICAgICAmOmhvdmVyIHtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLmFsZXJ0fTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICBzdmcge1xuICAgICAgcGF0aCB7XG4gICAgICAgIGZpbGw6ICR7dGhlbWUuYWxlcnR9O1xuICAgICAgfVxuICAgIH1cbiAgYCxcbn1cblxuZXhwb3J0IGRlZmF1bHQgc3R5bGVzXG5cbmV4cG9ydCB7IHN0eWxlcyB9XG4iXX0= */")
+  invalid: theme => /*#__PURE__*/css("&:focus-within span{color:black;}input{border-color:", theme.alert, ";&:active,&:focus,&:hover{border-color:", theme.alert, ";}}svg{path{fill:", theme.alert, ";}}" + (process.env.NODE_ENV === "production" ? "" : ";label:invalid;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1RpbWVwaWNrZXIvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRFb0MiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvVGltZXBpY2tlci9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgSUFwcFRoZW1lIH0gZnJvbSAnLi4vLi4vYXBwLXNoZWxsL3RoZW1lJ1xuXG5leHBvcnQgY29uc3QgTGFiZWwgPSBzdHlsZWQuc3BhbmBcbiAgbGluZS1oZWlnaHQ6IDIycHg7XG4gIGZvbnQtc2l6ZTogMWVtO1xuICBmb250LXdlaWdodDogNjAwO1xuICBtYXJnaW4tYm90dG9tOiA0cHg7XG5gXG5cbmV4cG9ydCBjb25zdCBFcnJvck1lc3NhZ2UgPSBzdHlsZWQuc3BhbmBcbiAgZm9udC1zaXplOiAxNHB4O1xuICBwYWRkaW5nLWxlZnQ6IDI1cHg7XG4gIGxpbmUtaGVpZ2h0OiAzMHB4O1xuICBmb250LXdlaWdodDogNjAwO1xuICBtYXJnaW4tYm90dG9tOiAwO1xuICBjb2xvcjogJHsocHJvcHM6IHsgdGhlbWU6IElBcHBUaGVtZSB9KSA9PiBwcm9wcy50aGVtZS5hbGVydH07XG5gXG5cbmNvbnN0IHN0eWxlcyA9IHtcbiAgZGVmYXVsdDogKHRoZW1lOiBJQXBwVGhlbWUsIGhlaWdodDogc3RyaW5nLCB3aWR0aDogc3RyaW5nKSA9PlxuICAgIGNzc2BcbiAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgICBncmlkLXRlbXBsYXRlLXJvd3M6IG1pbi1jb250ZW50O1xuXG4gICAgICAmOmZvY3VzLXdpdGhpbiBzcGFuIHtcbiAgICAgICAgY29sb3I6ICR7dGhlbWUucHJpbWFyeX07XG4gICAgICB9XG5cbiAgICAgIGlucHV0IHtcbiAgICAgICAgaGVpZ2h0OiAke2hlaWdodH07XG4gICAgICAgIHdpZHRoOiAke3dpZHRofTtcbiAgICAgICAgZm9udC1zaXplOiAxNnB4O1xuICAgICAgICBsaW5lLWhlaWdodDogMjBweDtcbiAgICAgICAgb3V0bGluZTogbm9uZTtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLmJvcmRlcn07XG4gICAgICAgIGJvcmRlci13aWR0aDogMXB4O1xuICAgICAgICBib3JkZXItcmFkaXVzOiA1cHg7XG4gICAgICAgIGJvcmRlci1zdHlsZTogc29saWQ7XG4gICAgICAgIHBhZGRpbmc6IDAgMTBweDtcblxuICAgICAgICAmOmZvY3VzIHtcbiAgICAgICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUucHJpbWFyeX07XG4gICAgICAgIH1cbiAgICAgICAgJjpkaXNhYmxlZCB7XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5kaXNhYmxlZH07XG4gICAgICAgIH1cbiAgICAgICAgJjo6LXdlYmtpdC1vdXRlci1zcGluLWJ1dHRvbixcbiAgICAgICAgJjo6LXdlYmtpdC1pbm5lci1zcGluLWJ1dHRvbiB7XG4gICAgICAgICAgLXdlYmtpdC1hcHBlYXJhbmNlOiBub25lO1xuICAgICAgICAgIG1hcmdpbjogMDtcbiAgICAgICAgfVxuICAgICAgICAmW3R5cGU9J251bWJlciddIHtcbiAgICAgICAgICAtbW96LWFwcGVhcmFuY2U6IHRleHRmaWVsZDtcbiAgICAgICAgfVxuICAgICAgfVxuICAgIGAsXG4gIGRpc2FibGVkOiAodGhlbWU6IElBcHBUaGVtZSkgPT5cbiAgICBjc3Moe1xuICAgICAgY3Vyc29yOiAnbm90LWFsbG93ZWQnLFxuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5kaXNhYmxlZCxcbiAgICAgIGJvcmRlckNvbG9yOiB0aGVtZS5kaXNhYmxlZCxcbiAgICB9KSxcblxuICBudWxsYWJsZTogY3NzYFxuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgYCxcbiAgdmFsaWRhdGlvbjogY3NzYFxuICAgICYgPiBzdmcge1xuICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgYm90dG9tOiA3cHg7XG4gICAgICBsZWZ0OiAzcHg7XG4gICAgfVxuICBgLFxuICBpbnZhbGlkOiAodGhlbWU6IElBcHBUaGVtZSkgPT4gY3NzYFxuICAgICY6Zm9jdXMtd2l0aGluIHNwYW4ge1xuICAgICAgY29sb3I6IGJsYWNrO1xuICAgIH1cbiAgICBpbnB1dCB7XG4gICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuYWxlcnR9O1xuXG4gICAgICAmOmFjdGl2ZSxcbiAgICAgICY6Zm9jdXMsXG4gICAgICAmOmhvdmVyIHtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLmFsZXJ0fTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICBzdmcge1xuICAgICAgcGF0aCB7XG4gICAgICAgIGZpbGw6ICR7dGhlbWUuYWxlcnR9O1xuICAgICAgfVxuICAgIH1cbiAgYCxcbn1cblxuZXhwb3J0IGRlZmF1bHQgc3R5bGVzXG5cbmV4cG9ydCB7IHN0eWxlcyB9XG4iXX0= */")
 };
 export default styles;
 export { styles };

package/esm/core/UserMenu/index.js

@@ -89,7 +89,6 @@ const UserMenu = ({
           color: theme.secondary
         }), /*#__PURE__*/_jsx(Text, {
           semibold: true,
-          color: theme.secondary,
           children: name
         }), /*#__PURE__*/_jsx(Text, {
           wordBreak: "break-word",

package/esm/utils/time.js

@@ -1,9 +1,11 @@
 export const DEFAULT_DIVIDER = ':';
 export const DEFAULT_VALUE_SHORT = `00${DEFAULT_DIVIDER}00`;
+export const DEFAULT_VALUE_SHORT_NULLABLE = `--${DEFAULT_DIVIDER}--`;
 export const DEFAULT_VALUE_FULL = `00${DEFAULT_DIVIDER}00${DEFAULT_DIVIDER}00`;
+export const DEFAULT_VALUE_FULL_NULLABLE = `--${DEFAULT_DIVIDER}--${DEFAULT_DIVIDER}--`;
 
-const formatTimeItem = value => {
-  return `${value || ''}00`.substr(0, 2);
+const formatTimeItem = (value, isNullable = false) => {
+  return `${value || ''}${isNullable ? '--' : '00'}`.substring(0, 2);
 };
 /**
  * Checks if input is a number
@@ -21,11 +23,14 @@ export function isNumber(value) {
  * The function also keeps track of the cursor position
  */
 
-export const validateTimeAndCursor = (showSeconds = false, value = '', defaultValue = '', divider = DEFAULT_DIVIDER, cursorPosition = 0) => {
+export const validateTimeAndCursor = (showSeconds = false, value = '', defaultValue = '', divider = DEFAULT_DIVIDER, cursorPosition = 0, isNullable = false) => {
+  console.log('defaultValue', defaultValue);
+  console.log('value', value); // const _default = defaultValue.replaceAll('-', '0')
+
   const [oldHH, oldMM, oldSS] = defaultValue.split(divider);
   let newCursorPosition = Number(cursorPosition);
   let [HH, MM, SS] = String(value).split(divider);
-  HH = formatTimeItem(HH);
+  HH = formatTimeItem(HH, isNullable);
 
   if (Number(HH[0]) > 2) {
     HH = oldHH;
@@ -39,7 +44,7 @@ export const validateTimeAndCursor = (showSeconds = false, value = '', defaultVa
     }
   }
 
-  MM = formatTimeItem(MM);
+  MM = formatTimeItem(MM, isNullable);
 
   if (Number(MM[0]) > 5) {
     MM = oldMM;
@@ -47,7 +52,7 @@ export const validateTimeAndCursor = (showSeconds = false, value = '', defaultVa
   }
 
   if (showSeconds) {
-    SS = formatTimeItem(SS);
+    SS = formatTimeItem(SS, isNullable);
 
     if (Number(SS[0]) > 5) {
       SS = oldSS;

package/lib/core/Text/index.d.ts

@@ -39,6 +39,7 @@ interface IProps {
     onClick?: () => any;
     /** The text to be displayed */
     children: NonNullable<React.ReactNode>;
+    test?: boolean;
 }
 declare const Text: React.FC<IProps>;
 export default Text;

package/lib/core/Text/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Text/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,UAAU,MAAM;IACd,+BAA+B;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,kBAAkB;IAClB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,iBAAiB;IACjB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,uBAAuB;IACvB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,wBAAwB;IACxB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iCAAiC;IACjC,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,6BAA6B;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,mCAAmC;IACnC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,qCAAqC;IACrC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,0CAA0C;IAC1C,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,8BAA8B;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,kCAAkC;IAClC,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,qBAAqB;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,8BAA8B;IAC9B,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,wBAAwB;IACxB,OAAO,CAAC,EAAE,MAAM,GAAG,CAAA;IACnB,+BAA+B;IAC/B,QAAQ,EAAE,WAAW,CAAC,KAAK,CAAC,SAAS,CAAC,CAAA;CACvC;AAED,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAiD1B,CAAA;AAED,eAAe,IAAI,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Text/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAmB,MAAM,OAAO,CAAA;AAIvC,UAAU,MAAM;IACd,+BAA+B;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,kBAAkB;IAClB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,iBAAiB;IACjB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,uBAAuB;IACvB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,wBAAwB;IACxB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iCAAiC;IACjC,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,6BAA6B;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,mCAAmC;IACnC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,qCAAqC;IACrC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,0CAA0C;IAC1C,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,8BAA8B;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,kCAAkC;IAClC,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,qBAAqB;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,8BAA8B;IAC9B,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,wBAAwB;IACxB,OAAO,CAAC,EAAE,MAAM,GAAG,CAAA;IACnB,+BAA+B;IAC/B,QAAQ,EAAE,WAAW,CAAC,KAAK,CAAC,SAAS,CAAC,CAAA;IACtC,IAAI,CAAC,EAAE,OAAO,CAAA;CACf;AAED,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CA+D1B,CAAA;AAED,eAAe,IAAI,CAAA"}

package/lib/core/Text/index.js

@@ -1,5 +1,6 @@
 /** @jsxImportSource @emotion/react */
-import React from 'react';
+import React, { useState } from 'react';
+import Timepicker from '../Timepicker';
 import { styles } from './styles';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 
@@ -15,6 +16,7 @@ const Text = ({
   size,
   title,
   onClick,
+  test,
   children,
   primary,
   secondary,
@@ -25,6 +27,14 @@ const Text = ({
   whiteSpace
 }) => {
   const Tag = paragraph ? 'p' : 'span';
+  const [testvalue, setTestvalue] = useState(null);
+  if (test) return _jsx(Timepicker, {
+    type: "date",
+    isNullable: true,
+    value: testvalue,
+    onChange: e => setTestvalue(new Date(e)),
+    label: "Time"
+  });
   return _jsx(Tag, {
     css: theme => [styles.default(theme, color), intro && styles.intro, small && styles.small, extrasmall && styles.extrasmall, bold && styles.bold, semibold && styles.semiBold, subtle && styles.subtle(theme), paragraph && styles.paragraph, size && styles.size(size), primary && styles.setColor(theme.primary), secondary && styles.setColor(theme.secondary), italic && styles.italic, align && styles.align(align), dark && styles.setColor(theme.secondaryDarkText), wordBreak && styles.setWordBreak(wordBreak), whiteSpace && styles.setWhiteSpace(whiteSpace)],
     onClick: onClick,

package/lib/core/Timepicker/index.d.ts

@@ -6,7 +6,7 @@ interface IProps {
     /** Input label */
     label?: string;
     /** Default value. */
-    value: string | Date;
+    value: string | Date | null;
     /** Callback fired when the value changes. */
     onChange: OnChangeType;
     /** Callback fired on input blur. */
@@ -23,6 +23,8 @@ interface IProps {
     width?: string;
     /** Disabled. */
     disabled?: boolean;
+    /** Sets the defaultValue to --:-- */
+    isNullable?: boolean;
     /** Override with custom CSS */
     css?: SerializedStyles;
     /** Validation on input */

package/lib/core/Timepicker/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Timepicker/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AACjD,OAAO,KAAgC,MAAM,OAAO,CAAA;AAapD,aAAK,YAAY,GAAG,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;AAElD,UAAU,MAAM;IACd,kBAAkB;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,qBAAqB;IACrB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,6CAA6C;IAC7C,QAAQ,EAAE,YAAY,CAAA;IACtB,oCAAoC;IACpC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,0CAA0C;IAC1C,IAAI,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAA;IACxB,wCAAwC;IACxC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,2CAA2C;IAC3C,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,uEAAuE;IACvE,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,+FAA+F;IAC/F,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,gBAAgB;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,+BAA+B;IAC/B,GAAG,CAAC,EAAE,gBAAgB,CAAA;IACtB,0BAA0B;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,sBAAsB;IACtB,cAAc,CAAC,EAAE,MAAM,CAAA;IAEvB,4CAA4C;IAC5C,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CA0LhC,CAAA;AAED,eAAe,UAAU,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Timepicker/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AACjD,OAAO,KAAgC,MAAM,OAAO,CAAA;AAepD,aAAK,YAAY,GAAG,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;AAElD,UAAU,MAAM;IACd,kBAAkB;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,qBAAqB;IACrB,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CAAA;IAC3B,6CAA6C;IAC7C,QAAQ,EAAE,YAAY,CAAA;IACtB,oCAAoC;IACpC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,0CAA0C;IAC1C,IAAI,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAA;IACxB,wCAAwC;IACxC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,2CAA2C;IAC3C,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,uEAAuE;IACvE,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,+FAA+F;IAC/F,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,gBAAgB;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,qCAAqC;IACrC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,+BAA+B;IAC/B,GAAG,CAAC,EAAE,gBAAgB,CAAA;IACtB,0BAA0B;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,sBAAsB;IACtB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,4CAA4C;IAC5C,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CA0NhC,CAAA;AAED,eAAe,UAAU,CAAA"}

package/lib/core/Timepicker/index.js

@@ -1,7 +1,7 @@
 /** @jsxImportSource @emotion/react */
 import React, { useState } from 'react';
 import { IconErrorOutline } from '../..';
-import { DEFAULT_DIVIDER, DEFAULT_VALUE_FULL, DEFAULT_VALUE_SHORT, handleDateToStringConvertion, handleStringToDateConvertion, isNumber, validateTimeAndCursor } from '../../utils/time';
+import { DEFAULT_DIVIDER, DEFAULT_VALUE_FULL, DEFAULT_VALUE_FULL_NULLABLE, DEFAULT_VALUE_SHORT, DEFAULT_VALUE_SHORT_NULLABLE, handleDateToStringConvertion, handleStringToDateConvertion, isNumber, validateTimeAndCursor } from '../../utils/time';
 import styles, { ErrorMessage, Label } from './styles';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
@@ -15,6 +15,7 @@ const TimePicker = ({
   height = '36px',
   width,
   disabled = false,
+  isNullable = false,
   css,
   validation,
   invalidMessage,
@@ -23,7 +24,11 @@ const TimePicker = ({
   onBlur
 }) => {
   // Static fields
-  const _defaultValue = showSeconds ? DEFAULT_VALUE_FULL : DEFAULT_VALUE_SHORT;
+  const _defaultNullableValue = showSeconds ? DEFAULT_VALUE_FULL_NULLABLE : DEFAULT_VALUE_SHORT_NULLABLE;
+
+  const _defaultFilledValue = showSeconds ? DEFAULT_VALUE_FULL : DEFAULT_VALUE_SHORT;
+
+  const _defaultValue = isNullable ? _defaultNullableValue : _defaultFilledValue;
 
   const _defaultWidth = width ? width : showSeconds ? '58px' : '35px';
 
@@ -31,9 +36,12 @@ const TimePicker = ({
 
   const _isDate = type === 'date';
 
-  let valueToUse = _isDate ? handleDateToStringConvertion(value, showSeconds) : value;
-  const [validatedTime] = validateTimeAndCursor(showSeconds, valueToUse, _defaultValue, _divider);
-  const [inputStateValue, setInputStateValue] = useState(validatedTime); // Loads of logic to handle string input with divider
+  const removedNumberReplacer = isNullable ? '-' : '0';
+  let valueToUse = isNullable && !value ? _defaultNullableValue : _isDate ? handleDateToStringConvertion(value, showSeconds) : value;
+  const [validatedTime] = validateTimeAndCursor(showSeconds, valueToUse, _defaultValue, _divider, undefined, isNullable);
+  const [inputStateValue, setInputStateValue] = useState(validatedTime); // console.log(isNull)
+
+  console.log(inputStateValue); // Loads of logic to handle string input with divider
 
   const onInputChange = async (event, callback) => {
     const _maxLength = _defaultValue.length;
@@ -51,13 +59,13 @@ const TimePicker = ({
       if (position > _maxLength) {
         currentPosition = _maxLength;
       } else if ((position === 3 || position === 6) && addedCharacter === _divider) {
-        updatedValue = `${inputValue.substr(0, position - 1)}${_divider}${inputValue.substr(position + 1)}`;
+        updatedValue = `${inputValue.substring(0, position - 1)}${_divider}${inputValue.substring(position + 1)}`;
       } else if ((position === 3 || position === 6) && isNumber(addedCharacter)) {
-        updatedValue = `${inputValue.substr(0, position - 1)}${_divider}${addedCharacter}${inputValue.substr(position + 2)}`;
+        updatedValue = `${inputValue.substring(0, position - 1)}${_divider}${addedCharacter}${inputValue.substring(position + 2)}`;
         currentPosition = position + 1;
       } else if (isNumber(addedCharacter)) {
         // user typed a number
-        updatedValue = inputValue.substr(0, position - 1) + addedCharacter + inputValue.substr(position + 1);
+        updatedValue = inputValue.substring(0, position - 1) + addedCharacter + inputValue.substring(position + 1);
 
         if (position === 2 || position === 5) {
           currentPosition = position + 1;
@@ -72,7 +80,7 @@ const TimePicker = ({
       // user replaced only a single character
       if (isNumber(cursorCharacter)) {
         if (position - 1 === 2 || position - 1 === 5) {
-          updatedValue = `${inputValue.substr(0, position - 1)}${_divider}${inputValue.substr(position)}`;
+          updatedValue = `${inputValue.substring(0, position - 1)}${_divider}${inputValue.substring(position)}`;
         } else {
           updatedValue = inputValue;
         }
@@ -86,16 +94,21 @@ const TimePicker = ({
       updatedValue = inputStateValue;
       currentPosition = position - 1;
     } else if (removedCharacter !== null) {
+      console.log('on remove', position);
+
       if ((position === 2 || position === 5) && removedCharacter === _divider) {
-        updatedValue = `${inputValue.substr(0, position - 1)}0${_divider}${inputValue.substr(position)}`;
+        updatedValue = `${inputValue.substring(0, position - 1)}${removedNumberReplacer}${_divider}${inputValue.substring(position)}`;
         currentPosition = position - 1;
       } else {
-        // user removed a number
-        updatedValue = `${inputValue.substr(0, position)}0${inputValue.substr(position)}`;
+        console.log('vi kommer hit', inputValue.substring(position)); // user removed a number
+
+        updatedValue = `${inputValue.substring(0, position)}${removedNumberReplacer}${inputValue.substring(position)}`;
       }
     }
 
-    const [validatedTime, validatedCursorPosition] = validateTimeAndCursor(showSeconds, updatedValue, inputStateValue, _divider, currentPosition); // Needs to be awaited, for it to work
+    console.log('inputStateValue', inputStateValue);
+    const [validatedTime, validatedCursorPosition] = validateTimeAndCursor(showSeconds, updatedValue, inputStateValue, _divider, currentPosition, isNullable);
+    console.log(validatedTime, validatedCursorPosition); // Needs to be awaited, for it to work
 
     await setInputStateValue(validatedTime);
     event.target.selectionStart = validatedCursorPosition;
@@ -113,12 +126,13 @@ const TimePicker = ({
     children: [label && _jsx(Label, {
       children: label
     }), _jsx("input", {
+      "data-testid": "snorre-timepicker-input",
       type: "text",
       value: inputStateValue,
       disabled: disabled,
       autoFocus: autoFocus,
-      css: theme => [disabled && styles.disabled(theme), css && css],
-      onChange: event => onInputChange(event, v => onChange && onChange(v)),
+      css: theme => [css && css, disabled && styles.disabled(theme), styles.nullable],
+      onChange: event => onInputChange(event, v => onChange?.(v)),
       onBlur: onBlur,
       onFocus: handleFocus
     }), invalidMessage && _jsx(IconErrorOutline, {

package/lib/core/Timepicker/styles.d.ts

@@ -11,6 +11,7 @@ export declare const ErrorMessage: import("@emotion/styled").StyledComponent<{
 declare const styles: {
     default: (theme: IAppTheme, height: string, width: string) => import("@emotion/react").SerializedStyles;
     disabled: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
+    nullable: import("@emotion/react").SerializedStyles;
     validation: import("@emotion/react").SerializedStyles;
     invalid: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
 };

package/lib/core/Timepicker/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Timepicker/styles.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAEjD,eAAO,MAAM,KAAK;;;2GAKjB,CAAA;AAED,eAAO,MAAM,YAAY;;;2GAOxB,CAAA;AAED,QAAA,MAAM,MAAM;qBACO,SAAS,UAAU,MAAM,SAAS,MAAM;sBAsCvC,SAAS;;qBAaV,SAAS;CAoB3B,CAAA;AAED,eAAe,MAAM,CAAA;AAErB,OAAO,EAAE,MAAM,EAAE,CAAA"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Timepicker/styles.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAEjD,eAAO,MAAM,KAAK;;;2GAKjB,CAAA;AAED,eAAO,MAAM,YAAY;;;2GAOxB,CAAA;AAED,QAAA,MAAM,MAAM;qBACO,SAAS,UAAU,MAAM,SAAS,MAAM;sBAsCvC,SAAS;;;qBAiBV,SAAS;CAoB3B,CAAA;AAED,eAAe,MAAM,CAAA;AAErB,OAAO,EAAE,MAAM,EAAE,CAAA"}