@dnb/eufemia 9.12.1 → 9.13.0

package/cjs/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/cjs/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/cjs/components/date-picker/DatePicker.js

@@ -441,7 +441,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,
@@ -449,7 +449,8 @@ var DatePicker = function (_React$PureComponent) {
       }, status_props)), _react.default.createElement("span", {
         className: "dnb-date-picker__row"
       }, _react.default.createElement("span", {
-        className: "dnb-date-picker__shell"
+        className: "dnb-date-picker__shell",
+        id: "".concat(id, "-shell")
       }, _react.default.createElement(_DatePickerInput.default, _extends({
         id: id,
         title: title,

package/cjs/components/date-picker/DatePickerAddon.js

@@ -141,7 +141,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/cjs/components/date-picker/DatePickerCalc.js

@@ -33,6 +33,8 @@ require("core-js/modules/es.array.map.js");
 
 require("core-js/modules/es.array.fill.js");
 
+require("core-js/modules/es.parse-int.js");
+
 require("core-js/modules/es.regexp.exec.js");
 
 require("core-js/modules/es.string.replace.js");

package/cjs/components/date-picker/DatePickerCalendar.js

@@ -119,6 +119,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;
 
@@ -227,7 +233,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,
@@ -478,6 +484,7 @@ var DatePickerCalendar = function (_React$PureComponent) {
         tabIndex: "0",
         "aria-labelledby": "".concat(id, "--title"),
         onKeyDown: this.onKeyDownHandler,
+        onMouseLeave: this.onMouseLeaveHandler,
         ref: this._listRef
       }, !hideDays && _react.default.createElement("thead", {
         "aria-hidden": true
@@ -551,7 +558,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/cjs/components/date-picker/DatePickerFooter.js

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

package/cjs/components/date-picker/DatePickerInput.js

@@ -53,6 +53,8 @@ require("core-js/modules/es.array.reduce.js");
 
 require("core-js/modules/es.string.match.js");
 
+require("core-js/modules/es.parse-float.js");
+
 require("core-js/modules/es.array.find-index.js");
 
 require("core-js/modules/es.array.concat.js");
@@ -251,26 +253,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
-      });
+      }, 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;
 
-      if (_this.context.hasHadValidDate) {
-        _this.context.callOnChangeHandler({
-          startDate: startDate,
-          endDate: endDate,
-          event: event
-        });
-
-        _this.context.updateState({
-          hasHadValidDate: false
-        });
-      }
+          _this.context.callOnChangeHandler({
+            startDate: startDate,
+            endDate: endDate,
+            event: event
+          });
+        }
+      });
     });
 
     _defineProperty(_assertThisInitialized(_this), "callOnChange", function (_ref2) {
@@ -278,8 +276,7 @@ var DatePickerInput = function (_React$PureComponent) {
           endDate = _ref2.endDate,
           event = _ref2.event;
       var state = {
-        changeMonthViews: true,
-        hasHadValidDate: false
+        changeMonthViews: true
       };
 
       if (typeof startDate !== 'undefined' && (0, _isValid.default)(startDate)) {
@@ -294,7 +291,7 @@ var DatePickerInput = function (_React$PureComponent) {
         state.endDate = endDate;
       }
 
-      _this.context.setDate(state, function () {
+      _this.context.updateState(state, function () {
         if (typeof startDate !== 'undefined' && (0, _isValid.default)(startDate) || typeof endDate !== 'undefined' && (0, _isValid.default)(endDate)) {
           _this.context.callOnChangeHandler({
             event: event
@@ -607,7 +604,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));
 
@@ -857,7 +854,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/cjs/components/date-picker/DatePickerProvider.js

@@ -127,23 +127,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 && (0, _isValid.default)(state.startDate));
-      var endDateIsValid = Boolean(state.endDate && (0, _isValid.default)(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;
       }
 
@@ -228,7 +213,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,
@@ -304,7 +288,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 = {};
       }
 
@@ -312,6 +296,7 @@ var DatePickerProvider = function (_React$PureComponent) {
         state.__startDay = pad((0, _format.default)(state.startDate, 'dd'), 2);
         state.__startMonth = pad((0, _format.default)(state.startDate, 'MM'), 2);
         state.__startYear = (0, _format.default)(state.startDate, 'yyyy');
+        state.hasHadValidDate = true;
       } else if (state.startDate === undefined) {
         state.__startDay = null;
         state.__startMonth = null;
@@ -322,6 +307,7 @@ var DatePickerProvider = function (_React$PureComponent) {
         state.__endDay = pad((0, _format.default)(state.endDate, 'dd'), 2);
         state.__endMonth = pad((0, _format.default)(state.endDate, 'MM'), 2);
         state.__endYear = (0, _format.default)(state.endDate, 'yyyy');
+        state.hasHadValidDate = true;
       } else if (state.endDate === undefined) {
         state.__endDay = null;
         state.__endMonth = null;

package/cjs/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/cjs/components/dropdown/Dropdown.js

@@ -41,6 +41,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+require("core-js/modules/es.parse-float.js");
+
 require("core-js/modules/es.array.concat.js");
 
 var _react = _interopRequireDefault(require("react"));
@@ -217,7 +219,7 @@ _defineProperty(Dropdown, "defaultProps", {
   on_state_update: null
 });
 
-process.env.NODE_ENV !== "production" ? Dropdown.propTypes = _objectSpread(_objectSpread({
+process.env.NODE_ENV !== "production" ? Dropdown.propTypes = _objectSpread(_objectSpread(_objectSpread({}, _SpacingHelper.spacingPropTypes), _DrawerListHelpers.drawerListPropTypes), {}, {
   id: _propTypes.default.string,
   title: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node]),
   variant: _Button.buttonVariantPropType.variant,
@@ -262,8 +264,7 @@ process.env.NODE_ENV !== "production" ? Dropdown.propTypes = _objectSpread(_obje
   disabled: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.bool]),
   stretch: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.bool]),
   skeleton: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.bool]),
-  class: _propTypes.default.string
-}, _SpacingHelper.spacingPropTypes), {}, {
+  class: _propTypes.default.string,
   className: _propTypes.default.string,
   children: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.func, _propTypes.default.node, _propTypes.default.object, _propTypes.default.array]),
   custom_element: _propTypes.default.object,

package/cjs/components/form-status/FormStatus.js

@@ -52,6 +52,8 @@ require("core-js/modules/es.string.split.js");
 
 require("core-js/modules/es.array.reduce.js");
 
+require("core-js/modules/es.parse-float.js");
+
 var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -74,7 +76,7 @@ var _SkeletonHelper = require("../skeleton/SkeletonHelper");
 
 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"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -298,6 +300,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/cjs/components/global-error/GlobalError.js

@@ -49,6 +49,8 @@ require("core-js/modules/es.array.map.js");
 
 require("core-js/modules/es.array.filter.js");
 
+require("core-js/modules/es.parse-float.js");
+
 var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));

package/cjs/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/cjs/components/global-status/GlobalStatus.js

@@ -47,6 +47,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+require("core-js/modules/es.parse-float.js");
+
 require("core-js/modules/es.array.concat.js");
 
 require("core-js/modules/es.regexp.exec.js");

package/cjs/components/heading/Heading.js

@@ -57,6 +57,8 @@ Object.defineProperty(exports, "setNextLevel", {
 });
 exports.default = exports.levelResolution = void 0;
 
+require("core-js/modules/es.parse-float.js");
+
 var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));

package/cjs/components/heading/HeadingCounter.js

@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Counter = exports.initCounter = void 0;
 
+require("core-js/modules/es.parse-float.js");
+
 var _HeadingHelpers = require("./HeadingHelpers");
 
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

package/cjs/components/heading/HeadingHelpers.js

@@ -33,6 +33,8 @@ exports.globalNextLevel = exports.globalResetNextTime = exports.correctHeadingLe
 
 require("core-js/modules/es.array.find.js");
 
+require("core-js/modules/es.parse-float.js");
+
 require("core-js/modules/es.array.concat.js");
 
 require("core-js/modules/es.array.filter.js");

package/cjs/components/heading/HeadingProvider.js

@@ -35,6 +35,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+require("core-js/modules/es.parse-float.js");
+
 var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));

package/cjs/components/icon/Icon.js

@@ -53,6 +53,8 @@ require("core-js/modules/es.array.filter.js");
 
 require("core-js/modules/es.array.includes.js");
 
+require("core-js/modules/es.parse-float.js");
+
 require("core-js/modules/es.string.includes.js");
 
 require("core-js/modules/es.string.replace.js");

package/cjs/components/input/Input.js

@@ -39,6 +39,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.SubmitButton = exports.default = exports.inputPropTypes = void 0;
 
+require("core-js/modules/es.parse-float.js");
+
 require("core-js/modules/es.array.concat.js");
 
 var _react = _interopRequireDefault(require("react"));

package/cjs/components/input-masked/InputMasked.d.ts

@@ -5,6 +5,7 @@ export type InputMaskedCurrencyMask = string | boolean | Object;
 export type InputMaskedNumberFormat = string | Object;
 export type InputMaskedAsCurrency = string | boolean;
 export type InputMaskedAsNumber = string | boolean;
+export type InputMaskedAsPercent = string | boolean;
 export type InputMaskedShowMask = string | boolean;
 export type InputMaskedShowGuide = string | boolean;
 export type InputMaskedKeepCharPositions = string | boolean;
@@ -129,6 +130,11 @@ export interface InputMaskedProps extends React.HTMLProps<HTMLElement> {
    */
   as_number?: InputMaskedAsNumber;
 
+  /**
+   * Set to `true` to automatically set a number mask with a percentage sign based on the given or inherited locale.
+   */
+  as_percent?: InputMaskedAsPercent;
+
   /**
    * Show mask when input is empty and has no focus. Defaults to `false`.
    */