@dnb/eufemia 9.12.1 → 9.13.0

package/components/button/style/themes/dnb-button-theme-ui.css

@@ -589,16 +589,16 @@
       color: var(--color-ocean-green);
       background-color: #fdbb31;
       background-color: var(--color-accent-yellow);
-      --border-color: var(--color-emerald-green);
+      --border-color: var(--color-ocean-green);
       -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
               box-shadow: 0 0 0 0.125rem var(--border-color);
       border-color: transparent; }
       @media screen and (-ms-high-contrast: none) {
         html:not([data-whatintent='touch']) .dnb-button--signal:hover:not([disabled]) {
-          -webkit-box-shadow: 0 0 0 0.125rem #14555a;
-                  box-shadow: 0 0 0 0.125rem #14555a;
-          -webkit-box-shadow: 0 0 0 0.125rem var(--color-emerald-green);
-                  box-shadow: 0 0 0 0.125rem var(--color-emerald-green); } }
+          -webkit-box-shadow: 0 0 0 0.125rem #00343e;
+                  box-shadow: 0 0 0 0.125rem #00343e;
+          -webkit-box-shadow: 0 0 0 0.125rem var(--color-ocean-green);
+                  box-shadow: 0 0 0 0.125rem var(--color-ocean-green); } }
       @media screen and (-ms-high-contrast: none) {
         html:not([data-whatintent='touch']) .dnb-button--signal:hover:not([disabled]) {
           opacity: 1; } }
@@ -611,17 +611,17 @@
       color: var(--color-ocean-green);
       background-color: #fdbb31;
       background-color: var(--color-accent-yellow);
-      --border-color: var(--color-emerald-green);
+      --border-color: var(--color-ocean-green);
       -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
               box-shadow: 0 0 0 0.125rem var(--border-color);
       border-color: transparent; }
       @media screen and (-ms-high-contrast: none) {
         html[data-whatintent='touch'] .dnb-button--signal:active:not([disabled]),
         html:not([data-whatintent='touch']) html[data-whatintent='touch'] .dnb-button--signal:active:not([disabled]) {
-          -webkit-box-shadow: 0 0 0 0.125rem #14555a;
-                  box-shadow: 0 0 0 0.125rem #14555a;
-          -webkit-box-shadow: 0 0 0 0.125rem var(--color-emerald-green);
-                  box-shadow: 0 0 0 0.125rem var(--color-emerald-green); } }
+          -webkit-box-shadow: 0 0 0 0.125rem #00343e;
+                  box-shadow: 0 0 0 0.125rem #00343e;
+          -webkit-box-shadow: 0 0 0 0.125rem var(--color-ocean-green);
+                  box-shadow: 0 0 0 0.125rem var(--color-ocean-green); } }
     .dnb-button--signal:focus[disabled],
     html:not([data-whatintent='touch']) .dnb-button--signal:focus[disabled] {
       cursor: not-allowed; }

package/components/button/style/themes/dnb-button-theme-ui.scss

@@ -321,6 +321,7 @@
     @include buttonHover(
       var(--color-ocean-green),
       var(--color-accent-yellow),
+      var(--color-ocean-green),
       'touch'
     );
     @include buttonFocus(

package/components/date-picker/DatePicker.js

@@ -370,7 +370,7 @@ var DatePicker = function (_React$PureComponent) {
         global_status_id: global_status_id,
         label: label,
         text_id: id + '-status',
-        width_selector: id + '-input',
+        width_selector: id + '-shell',
         text: status,
         status: status_state,
         no_animation: status_no_animation,
@@ -378,7 +378,8 @@ var DatePicker = function (_React$PureComponent) {
       }, status_props)), React.createElement("span", {
         className: "dnb-date-picker__row"
       }, React.createElement("span", {
-        className: "dnb-date-picker__shell"
+        className: "dnb-date-picker__shell",
+        id: "".concat(id, "-shell")
       }, React.createElement(DatePickerInput, _extends({
         id: id,
         title: title,

package/components/date-picker/DatePickerAddon.js

@@ -89,7 +89,7 @@ var DatePickerAddon = function (_React$PureComponent) {
           _ref2$event = _ref2.event,
           event = _ref2$event === void 0 ? null : _ref2$event;
 
-      this.context.setDate({
+      this.context.updateState({
         startDate: startDate,
         endDate: endDate,
         changeMonthViews: true

package/components/date-picker/DatePickerCalc.js

@@ -3,6 +3,7 @@ import "core-js/modules/es.array.concat.js";
 import "core-js/modules/es.array.index-of.js";
 import "core-js/modules/es.array.map.js";
 import "core-js/modules/es.array.fill.js";
+import "core-js/modules/es.parse-int.js";
 import "core-js/modules/es.regexp.exec.js";
 import "core-js/modules/es.string.replace.js";
 import subMonths from 'date-fns/subMonths';

package/components/date-picker/DatePickerCalendar.js

@@ -52,6 +52,12 @@ var DatePickerCalendar = function (_React$PureComponent) {
 
     _this = _super.call(this, props);
 
+    _defineProperty(_assertThisInitialized(_this), "onMouseLeaveHandler", function () {
+      _this.context.updateState({
+        hoverDate: null
+      });
+    });
+
     _defineProperty(_assertThisInitialized(_this), "onKeyDownHandler", function (event) {
       var _event$target;
 
@@ -160,7 +166,7 @@ var DatePickerCalendar = function (_React$PureComponent) {
 
         state.changeMonthViews = true;
 
-        _this.context.setDate(state, function () {
+        _this.context.updateState(state, function () {
           _this.callOnSelect({
             event: event,
             nr: nr,
@@ -411,6 +417,7 @@ var DatePickerCalendar = function (_React$PureComponent) {
         tabIndex: "0",
         "aria-labelledby": "".concat(id, "--title"),
         onKeyDown: this.onKeyDownHandler,
+        onMouseLeave: this.onMouseLeaveHandler,
         ref: this._listRef
       }, !hideDays && React.createElement("thead", {
         "aria-hidden": true
@@ -484,7 +491,7 @@ var DatePickerCalendar = function (_React$PureComponent) {
                 resetDate: resetDate,
                 event: event,
                 onSelect: function onSelect(state) {
-                  return _this2.context.setDate(state, function () {
+                  return _this2.context.updateState(state, function () {
                     return _this2.callOnSelect({
                       event: event,
                       nr: nr,

package/components/date-picker/DatePickerFooter.js

@@ -59,7 +59,7 @@ var DatePickerFooter = function (_React$PureComponent) {
         args.event.persist();
       }
 
-      _this.context.setDate({
+      _this.context.updateState({
         startDate: startDate,
         endDate: endDate
       }, function () {
@@ -76,7 +76,7 @@ var DatePickerFooter = function (_React$PureComponent) {
         args.event.persist();
       }
 
-      _this.context.setDate({
+      _this.context.updateState({
         date: undefined,
         startDate: undefined,
         endDate: undefined

package/components/date-picker/DatePickerInput.js

@@ -31,6 +31,7 @@ import "core-js/modules/es.string.split.js";
 import "core-js/modules/web.dom-collections.for-each.js";
 import "core-js/modules/es.array.reduce.js";
 import "core-js/modules/es.string.match.js";
+import "core-js/modules/es.parse-float.js";
 import "core-js/modules/es.array.find-index.js";
 import "core-js/modules/es.array.concat.js";
 import "core-js/modules/es.array.index-of.js";
@@ -164,26 +165,22 @@ var DatePickerInput = function (_React$PureComponent) {
     }());
 
     _defineProperty(_assertThisInitialized(_this), "callOnChangeAsInvalid", function (state) {
-      var _this$context$state = _objectSpread(_objectSpread({}, _this.context), state),
-          startDate = _this$context$state.startDate,
-          endDate = _this$context$state.endDate,
-          event = _this$context$state.event;
-
       _this.context.updateState({
         hoverDate: null
-      });
-
-      if (_this.context.hasHadValidDate) {
-        _this.context.callOnChangeHandler({
-          startDate: startDate,
-          endDate: endDate,
-          event: event
-        });
+      }, function () {
+        if (_this.context.hasHadValidDate) {
+          var _this$context$state = _objectSpread(_objectSpread({}, _this.context), state),
+              startDate = _this$context$state.startDate,
+              endDate = _this$context$state.endDate,
+              event = _this$context$state.event;
 
-        _this.context.updateState({
-          hasHadValidDate: false
-        });
-      }
+          _this.context.callOnChangeHandler({
+            startDate: startDate,
+            endDate: endDate,
+            event: event
+          });
+        }
+      });
     });
 
     _defineProperty(_assertThisInitialized(_this), "callOnChange", function (_ref2) {
@@ -191,8 +188,7 @@ var DatePickerInput = function (_React$PureComponent) {
           endDate = _ref2.endDate,
           event = _ref2.event;
       var state = {
-        changeMonthViews: true,
-        hasHadValidDate: false
+        changeMonthViews: true
       };
 
       if (typeof startDate !== 'undefined' && isValid(startDate)) {
@@ -207,7 +203,7 @@ var DatePickerInput = function (_React$PureComponent) {
         state.endDate = endDate;
       }
 
-      _this.context.setDate(state, function () {
+      _this.context.updateState(state, function () {
         if (typeof startDate !== 'undefined' && isValid(startDate) || typeof endDate !== 'undefined' && isValid(endDate)) {
           _this.context.callOnChangeHandler({
             event: event
@@ -520,7 +516,7 @@ var DatePickerInput = function (_React$PureComponent) {
       } else {
         var _this$callOnChangeAsI;
 
-        _this.context.setDate(_defineProperty({}, "".concat(mode, "Date"), null));
+        _this.context.updateState(_defineProperty({}, "".concat(mode, "Date"), null));
 
         _this.context.updateState(_defineProperty({}, "__".concat(mode).concat(type), value));
 
@@ -770,7 +766,7 @@ var DatePickerInput = function (_React$PureComponent) {
           on_click: onSubmit
         }, submitAttributes, status_props)),
         lang: locale === null || locale === void 0 ? void 0 : locale.code
-      }, attributes)), ' ');
+      }, attributes)));
     }
   }]);
 

package/components/date-picker/DatePickerProvider.js

@@ -69,23 +69,8 @@ var DatePickerProvider = function (_React$PureComponent) {
       }), cb);
     });
 
-    _defineProperty(_assertThisInitialized(_this), "setDate", function (state) {
-      var cb = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-
-      _this.setState(_objectSpread(_objectSpread({}, state), {}, {
-        _listenForPropChanges: false
-      }), cb);
-
-      var startDateIsValid = Boolean(state.startDate && isValid(state.startDate));
-      var endDateIsValid = Boolean(state.endDate && isValid(state.endDate));
-
-      _this.setState({
-        hasHadValidDate: startDateIsValid || endDateIsValid
-      });
-    });
-
     _defineProperty(_assertThisInitialized(_this), "callOnChangeHandler", function (args) {
-      if (_this.state.lastEventCallCache && String(_this.state.lastEventCallCache.startDate) === String(_this.state.startDate) && String(_this.state.lastEventCallCache.endDate) === String(_this.state.endDate)) {
+      if (_this.state.lastEventCallCache && _this.state.lastEventCallCache.startDate === _this.state.startDate && _this.state.lastEventCallCache.endDate === _this.state.endDate) {
         return;
       }
 
@@ -170,7 +155,6 @@ var DatePickerProvider = function (_React$PureComponent) {
         value: _objectSpread(_objectSpread({
           translation: this.context.translation,
           setViews: this.setViews,
-          setDate: this.setDate,
           updateState: this.updateState,
           getReturnObject: this.getReturnObject,
           callOnChangeHandler: this.callOnChangeHandler,
@@ -246,7 +230,7 @@ var DatePickerProvider = function (_React$PureComponent) {
         }
       }
 
-      if (state.lastEventCallCache && (String(state.lastEventCallCache.startDate) !== String(state.startDate) || String(state.lastEventCallCache.endDate) !== String(state.endDate))) {
+      if (state.lastEventCallCache && (state.lastEventCallCache.startDate !== state.startDate || state.lastEventCallCache.endDate !== state.endDate)) {
         state.lastEventCallCache = {};
       }
 
@@ -254,6 +238,7 @@ var DatePickerProvider = function (_React$PureComponent) {
         state.__startDay = pad(format(state.startDate, 'dd'), 2);
         state.__startMonth = pad(format(state.startDate, 'MM'), 2);
         state.__startYear = format(state.startDate, 'yyyy');
+        state.hasHadValidDate = true;
       } else if (state.startDate === undefined) {
         state.__startDay = null;
         state.__startMonth = null;
@@ -264,6 +249,7 @@ var DatePickerProvider = function (_React$PureComponent) {
         state.__endDay = pad(format(state.endDate, 'dd'), 2);
         state.__endMonth = pad(format(state.endDate, 'MM'), 2);
         state.__endYear = format(state.endDate, 'yyyy');
+        state.hasHadValidDate = true;
       } else if (state.endDate === undefined) {
         state.__endDay = null;
         state.__endMonth = null;

package/components/dropdown/Dropdown.d.ts

@@ -1,4 +1,51 @@
 import * as React from 'react';
+export type DropdownSpace =
+  | string
+  | number
+  | boolean
+  | {
+      /**
+       * Use spacing values like: `small`, `1rem`, `1` or , `16px`. Will use `margin-top`.
+       */
+      top?: string | number | boolean;
+
+      /**
+       * Use spacing values like: `small`, `1rem`, `1` or , `16px`. will use `margin-right`.
+       */
+      right?: string | number | boolean;
+
+      /**
+       * Use spacing values like: `small`, `1rem`, `1` or , `16px`. will use `margin-bottom`.
+       */
+      bottom?: string | number | boolean;
+
+      /**
+       * Use spacing values like: `small`, `1rem`, `1` or , `16px`. will use `margin-left`.
+       */
+      left?: string | number | boolean;
+    };
+export type DropdownTop = string | number | boolean;
+export type DropdownRight = string | number | boolean;
+export type DropdownBottom = string | number | boolean;
+export type DropdownLeft = string | number | boolean;
+export type DropdownUseDrawerOnMobile = string | boolean;
+export type DropdownIsPopup = string | boolean;
+export type DropdownAlignDrawer = 'left' | 'right';
+export type DropdownOptionsRender =
+  | Object
+  | ((...args: any[]) => any)
+  | React.ReactNode;
+export type DropdownWrapperElement =
+  | Object
+  | ((...args: any[]) => any)
+  | React.ReactNode;
+export type DropdownFixedPosition = string | boolean;
+export type DropdownPreventFocus = string | boolean;
+export type DropdownSkipKeysearch = string | boolean;
+export type DropdownSelectedValue = string | React.ReactNode;
+export type DropdownContent = string | React.ReactNode | string[];
+export type DropdownRawData = any[] | Object | ((...args: any[]) => any);
+export type DropdownIgnoreEvents = string | boolean;
 export type DropdownTitle = string | React.ReactNode;
 export type DropdownVariant =
   | 'primary'
@@ -64,35 +111,6 @@ export type DropdownOpened = string | boolean;
 export type DropdownDisabled = string | boolean;
 export type DropdownStretch = string | boolean;
 export type DropdownSkeleton = string | boolean;
-export type DropdownSpace =
-  | string
-  | number
-  | boolean
-  | {
-      /**
-       * Use spacing values like: `small`, `1rem`, `1` or , `16px`. Will use `margin-top`.
-       */
-      top?: string | number | boolean;
-
-      /**
-       * Use spacing values like: `small`, `1rem`, `1` or , `16px`. will use `margin-right`.
-       */
-      right?: string | number | boolean;
-
-      /**
-       * Use spacing values like: `small`, `1rem`, `1` or , `16px`. will use `margin-bottom`.
-       */
-      bottom?: string | number | boolean;
-
-      /**
-       * Use spacing values like: `small`, `1rem`, `1` or , `16px`. will use `margin-left`.
-       */
-      left?: string | number | boolean;
-    };
-export type DropdownTop = string | number | boolean;
-export type DropdownRight = string | number | boolean;
-export type DropdownBottom = string | number | boolean;
-export type DropdownLeft = string | number | boolean;
 export type DropdownChildren =
   | string
   | ((...args: any[]) => any)
@@ -104,6 +122,81 @@ export type DropdownChildren =
  * NB: Do not change the docs (comments) in here. The docs are updated during build time by "generateTypes.js" and "fetchPropertiesFromDocs.js".
  */
 export interface DropdownProps extends React.HTMLProps<HTMLElement> {
+  /**
+   * Has to be an object with either: `top`, `right`, `bottom` or `left`. Use spacing values like: `small`, `1rem`, `1` or , `16px`.
+   */
+  space?: DropdownSpace;
+
+  /**
+   * Use spacing values like: `small`, `1rem`, `1` or , `16px`. Will use `margin-top`.
+   */
+  top?: DropdownTop;
+
+  /**
+   * Use spacing values like: `small`, `1rem`, `1` or , `16px`. will use `margin-right`.
+   */
+  right?: DropdownRight;
+
+  /**
+   * Use spacing values like: `small`, `1rem`, `1` or , `16px`. will use `margin-bottom`.
+   */
+  bottom?: DropdownBottom;
+
+  /**
+   * Use spacing values like: `small`, `1rem`, `1` or , `16px`. will use `margin-left`.
+   */
+  left?: DropdownLeft;
+  role?: string;
+
+  /**
+   * Set a `cache_hash` as a string to enable internal memorizing of the list to enhance rerendering performance. Components like Autocomplete is using this because of the huge data changes due to search and reorder. Defaults to `null`.
+   */
+  cache_hash?: string;
+  use_drawer_on_mobile?: DropdownUseDrawerOnMobile;
+  is_popup?: DropdownIsPopup;
+
+  /**
+   * Use `right` to change the options alignment direction. Makes only sense to use in combination with `prevent_selection` or `more_menu` - or if a independent width is used. Defaults to `left`.
+   */
+  align_drawer?: DropdownAlignDrawer;
+
+  /**
+   * Has to be a function, returning the items again. Se <a href="/uilib/components/fragments/drawer-list#example-usage-of-options_render">example</a>. This can be used to add additional options above the actual rendered list.
+   */
+  options_render?: DropdownOptionsRender;
+
+  /**
+   * Has to be a HTML Element, ideal a mother element, used to calculate sizes and distances. Also used for the "click outside" detection. Clicking on the `wrapper_element` will not be anymore triggered as an outside click.
+   */
+  wrapper_element?: DropdownWrapperElement;
+
+  /**
+   * Define a HTML class that will be set on the list, beside `dnb-drawer-list__list`.
+   */
+  list_class?: string;
+
+  /**
+   * If set to true, the DrawerList will be fixed in it&#39;s scroll position by using CSS `position: fixed;`. Defaults to `false`.
+   */
+  fixed_position?: DropdownFixedPosition;
+  prevent_focus?: DropdownPreventFocus;
+
+  /**
+   * If set to true, search items by the first key will be ignored. Defaults to `false`.
+   */
+  skip_keysearch?: DropdownSkipKeysearch;
+  selected_value?: DropdownSelectedValue;
+  content?: DropdownContent;
+  prepared_data?: any[];
+  raw_data?: DropdownRawData;
+
+  /**
+   * If set to true, all keyboard and mouse events will be ignored. Defaults to `false`.
+   */
+  ignore_events?: DropdownIgnoreEvents;
+  handle_dismiss_focus?: (...args: any[]) => any;
+  on_pre_change?: (...args: any[]) => any;
+  on_resize?: (...args: any[]) => any;
   id?: string;
 
   /**
@@ -298,31 +391,6 @@ export interface DropdownProps extends React.HTMLProps<HTMLElement> {
    */
   skeleton?: DropdownSkeleton;
   class?: string;
-
-  /**
-   * Has to be an object with either: `top`, `right`, `bottom` or `left`. Use spacing values like: `small`, `1rem`, `1` or , `16px`.
-   */
-  space?: DropdownSpace;
-
-  /**
-   * Use spacing values like: `small`, `1rem`, `1` or , `16px`. Will use `margin-top`.
-   */
-  top?: DropdownTop;
-
-  /**
-   * Use spacing values like: `small`, `1rem`, `1` or , `16px`. will use `margin-right`.
-   */
-  right?: DropdownRight;
-
-  /**
-   * Use spacing values like: `small`, `1rem`, `1` or , `16px`. will use `margin-bottom`.
-   */
-  bottom?: DropdownBottom;
-
-  /**
-   * Use spacing values like: `small`, `1rem`, `1` or , `16px`. will use `margin-left`.
-   */
-  left?: DropdownLeft;
   className?: string;
 
   /**

package/components/dropdown/Dropdown.js

@@ -18,6 +18,7 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 var _AlignmentHelper;
 
 var _excluded = ["label", "label_direction", "label_sr_only", "icon_size", "size", "fixed_position", "use_drawer_on_mobile", "enable_body_lock", "status", "status_state", "status_props", "status_no_animation", "global_status_id", "suffix", "scrollable", "focusable", "keep_open", "prevent_close", "no_animation", "no_scroll_animation", "triangle_position", "skip_portal", "portal_class", "trigger_element", "more_menu", "action_menu", "independent_width", "prevent_selection", "max_height", "default_value", "className", "class", "disabled", "stretch", "skeleton", "variant", "title", "icon", "align_dropdown", "icon_position", "data", "children", "direction", "id", "opened", "value"];
+import "core-js/modules/es.parse-float.js";
 import "core-js/modules/es.array.concat.js";
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
@@ -43,7 +44,7 @@ import Button, { buttonVariantPropType } from '../button/Button';
 import DrawerList from '../../fragments/drawer-list/DrawerList';
 import DrawerListContext from '../../fragments/drawer-list/DrawerListContext';
 import DrawerListProvider from '../../fragments/drawer-list/DrawerListProvider';
-import { parseContentTitle, getCurrentData } from '../../fragments/drawer-list/DrawerListHelpers';
+import { drawerListPropTypes, parseContentTitle, getCurrentData } from '../../fragments/drawer-list/DrawerListHelpers';
 
 var Dropdown = function (_React$PureComponent) {
   _inherits(Dropdown, _React$PureComponent);
@@ -144,7 +145,7 @@ _defineProperty(Dropdown, "defaultProps", {
 });
 
 export { Dropdown as default };
-process.env.NODE_ENV !== "production" ? Dropdown.propTypes = _objectSpread(_objectSpread({
+process.env.NODE_ENV !== "production" ? Dropdown.propTypes = _objectSpread(_objectSpread(_objectSpread({}, spacingPropTypes), drawerListPropTypes), {}, {
   id: PropTypes.string,
   title: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
   variant: buttonVariantPropType.variant,
@@ -189,8 +190,7 @@ process.env.NODE_ENV !== "production" ? Dropdown.propTypes = _objectSpread(_obje
   disabled: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
   stretch: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
   skeleton: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
-  class: PropTypes.string
-}, spacingPropTypes), {}, {
+  class: PropTypes.string,
   className: PropTypes.string,
   children: PropTypes.oneOfType([PropTypes.string, PropTypes.func, PropTypes.node, PropTypes.object, PropTypes.array]),
   custom_element: PropTypes.object,

package/components/form-status/FormStatus.js

@@ -17,13 +17,14 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 
 var _path, _path2, _path3, _path4, _path5, _path6, _path7, _circle, _path8;
 
-var _excluded = ["show", "title", "status", "state", "size", "variant", "className", "no_animation", "stretch", "class", "text_id", "status_id", "id", "text", "icon", "icon_size", "skeleton", "children", "role"];
+var _excluded = ["show", "title", "status", "state", "size", "variant", "className", "no_animation", "stretch", "class", "text_id", "label", "status_id", "id", "text", "icon", "icon_size", "skeleton", "children", "role"];
 import "core-js/modules/es.array.concat.js";
 import "core-js/modules/es.string.starts-with.js";
 import "core-js/modules/es.regexp.exec.js";
 import "core-js/modules/es.string.replace.js";
 import "core-js/modules/es.string.split.js";
 import "core-js/modules/es.array.reduce.js";
+import "core-js/modules/es.parse-float.js";
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
@@ -232,6 +233,7 @@ var FormStatus = function (_React$PureComponent) {
           stretch = props.stretch,
           _className = props.class,
           text_id = props.text_id,
+          label = props.label,
           status_id = props.status_id,
           id = props.id,
           text = props.text,

package/components/global-error/GlobalError.js

@@ -31,6 +31,7 @@ import "core-js/modules/es.string.split.js";
 import "core-js/modules/es.array.find-index.js";
 import "core-js/modules/es.array.map.js";
 import "core-js/modules/es.array.filter.js";
+import "core-js/modules/es.parse-float.js";
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 

package/components/global-status/GlobalStatus.d.ts

@@ -95,7 +95,7 @@ export interface GlobalStatusProps extends React.HTMLProps<HTMLElement> {
   state?: GlobalStatusState;
 
   /**
-   * Set to `true` or `false` to manually make the global status visible. Defaults to `show`.
+   * Set to `true` or `false` to manually make the global status visible. Defaults to `true`.
    */
   show?: GlobalStatusShow;
 

package/components/global-status/GlobalStatus.js

@@ -25,6 +25,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
+import "core-js/modules/es.parse-float.js";
 import "core-js/modules/es.array.concat.js";
 import "core-js/modules/es.regexp.exec.js";
 import "core-js/modules/es.string.replace.js";

package/components/heading/Heading.js

@@ -19,6 +19,8 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
+import "core-js/modules/es.parse-float.js";
+
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }

package/components/heading/HeadingCounter.js

@@ -1,6 +1,7 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import "core-js/modules/es.parse-float.js";
 import { globalSyncCounter, globalHeadingCounter } from './HeadingHelpers';
 export var initCounter = function initCounter() {
   var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;

package/components/heading/HeadingHelpers.js

@@ -1,5 +1,6 @@
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import "core-js/modules/es.array.find.js";
+import "core-js/modules/es.parse-float.js";
 import "core-js/modules/es.array.concat.js";
 import "core-js/modules/es.array.filter.js";
 import "core-js/modules/es.array.join.js";

package/components/heading/HeadingProvider.js

@@ -11,6 +11,7 @@ import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import "core-js/modules/es.parse-float.js";
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 

package/components/icon/Icon.js

@@ -21,6 +21,7 @@ import "core-js/modules/es.array.reverse.js";
 import "core-js/modules/es.array.reduce.js";
 import "core-js/modules/es.array.filter.js";
 import "core-js/modules/es.array.includes.js";
+import "core-js/modules/es.parse-float.js";
 import "core-js/modules/es.string.includes.js";
 import "core-js/modules/es.string.replace.js";
 import "core-js/modules/es.array.concat.js";

package/components/input/Input.js

@@ -20,6 +20,7 @@ var _AlignmentHelper;
 
 var _excluded = ["type", "size", "label", "label_direction", "label_sr_only", "status", "status_state", "status_props", "status_no_animation", "global_status_id", "disabled", "skeleton", "placeholder", "clear", "keep_placeholder", "suffix", "align", "input_class", "submit_button_title", "clear_button_title", "submit_button_variant", "submit_button_icon", "submit_button_status", "submit_element", "autocomplete", "readOnly", "stretch", "input_attributes", "icon", "icon_position", "icon_size", "class", "className", "id", "children", "value", "selectall", "on_submit", "input_element"],
     _excluded2 = ["id", "title", "disabled", "skeleton", "variant", "icon", "icon_size", "status", "status_state", "status_props", "className"];
+import "core-js/modules/es.parse-float.js";
 import "core-js/modules/es.array.concat.js";
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }