@telefonica/mistica 10.29.0 → 11.0.0

package/dist/index.js.flow

@@ -17,7 +17,7 @@ declare export { default as ButtonLayout } from "./button-layout";
 declare export { default as FixedFooterLayout } from "./fixed-footer-layout";
 declare export { default as ButtonFixedFooterLayout } from "./button-fixed-footer-layout";
 declare export { default as Snackbar } from "./snackbar";
-declare export { Portal, usePortalNodes } from "./portal";
+declare export { Portal } from "./portal";
 declare export { default as LoadingBar } from "./loading-bar";
 declare export {
   default as FixedToTop,
@@ -127,9 +127,7 @@ declare export { default as PasswordField } from "./password-field";
 declare export { default as DoubleField } from "./double-field";
 declare export { default as IbanField } from "./iban-field";
 declare export { useForm, useFieldProps } from "./form-context";
-declare export { default as IconClose } from "./icons/icon-close";
 declare export { default as IconInfo } from "./icons/icon-info";
-declare export { default as IconArrowDown } from "./icons/icon-arrow-down";
 declare export { default as IconChevron } from "./icons/icon-chevron";
 declare export { default as IconError } from "./icons/icon-error";
 declare export { default as IconSuccess } from "./icons/icon-success";
@@ -176,24 +174,6 @@ declare export { palette as blauPalette } from "./skins/blau";
 export type { Locale } from "./utils/locale";
 export type { TrackingEvent, IconProps } from "./utils/types";
 export type { RegionCode } from "./utils/region-code";
-declare export { default as IconPoundFilled } from "./generated/mistica-icons/icon-pound-symbol-circle-filled";
-declare export { default as IconPoundLight } from "./generated/mistica-icons/icon-pound-symbol-circle-light";
-declare export { default as IconPoundRegular } from "./generated/mistica-icons/icon-pound-symbol-circle-regular";
-declare export { default as IconPoundSymbolFilled } from "./generated/mistica-icons/icon-pound-symbol-circle-filled";
-declare export { default as IconPoundSymbolLight } from "./generated/mistica-icons/icon-pound-symbol-circle-light";
-declare export { default as IconPoundSymbolRegular } from "./generated/mistica-icons/icon-pound-symbol-circle-regular";
-declare export { default as IconPoundryFilled } from "./generated/mistica-icons/icon-book-filled";
-declare export { default as IconPoundryLight } from "./generated/mistica-icons/icon-book-light";
-declare export { default as IconPoundryRegular } from "./generated/mistica-icons/icon-book-regular";
-declare export { default as IconMoneyFilled } from "./generated/mistica-icons/icon-dollar-symbol-circle-filled";
-declare export { default as IconMoneyLight } from "./generated/mistica-icons/icon-dollar-symbol-circle-light";
-declare export { default as IconMoneyRegular } from "./generated/mistica-icons/icon-dollar-symbol-circle-regular";
-declare export { default as IconDolarSymbolFilled } from "./generated/mistica-icons/icon-dollar-symbol-filled";
-declare export { default as IconDolarSymbolLight } from "./generated/mistica-icons/icon-dollar-symbol-light";
-declare export { default as IconDolarSymbolRegular } from "./generated/mistica-icons/icon-dollar-symbol-regular";
-declare export { default as IconFileFilled } from "./generated/mistica-icons/icon-file-illustrator-filled";
-declare export { default as IconFileIlustratorLight } from "./generated/mistica-icons/icon-file-illustrator-light";
-declare export { default as IconFileIlustratorRegular } from "./generated/mistica-icons/icon-file-illustrator-regular";
 declare export { default as IconAcademicFilled } from "./generated/mistica-icons/icon-academic-filled";
 declare export { default as IconAcademicLight } from "./generated/mistica-icons/icon-academic-light";
 declare export { default as IconAcademicRegular } from "./generated/mistica-icons/icon-academic-regular";
@@ -244,8 +224,6 @@ declare export { default as IconAppointmentFilled } from "./generated/mistica-ic
 declare export { default as IconAppointmentLight } from "./generated/mistica-icons/icon-appointment-light";
 declare export { default as IconAppointmentRegular } from "./generated/mistica-icons/icon-appointment-regular";
 declare export { default as IconAppsFilled } from "./generated/mistica-icons/icon-apps-filled";
-declare export { default as IconArrowBackLight } from "./generated/mistica-icons/icon-arrow-back-light";
-declare export { default as IconArrowBackRegular } from "./generated/mistica-icons/icon-arrow-back-regular";
 declare export { default as IconArrowDownFilled } from "./generated/mistica-icons/icon-arrow-down-filled";
 declare export { default as IconArrowDownLeftFilled } from "./generated/mistica-icons/icon-arrow-down-left-filled";
 declare export { default as IconArrowDownLeftLight } from "./generated/mistica-icons/icon-arrow-down-left-light";
@@ -257,11 +235,17 @@ declare export { default as IconArrowDownRightLight } from "./generated/mistica-
 declare export { default as IconArrowDownRightRegular } from "./generated/mistica-icons/icon-arrow-down-right-regular";
 declare export { default as IconArrowDropDownFilled } from "./generated/mistica-icons/icon-arrow-drop-down-filled";
 declare export { default as IconArrowDropUpFilled } from "./generated/mistica-icons/icon-arrow-drop-up-filled";
-declare export { default as IconArrowForwardLight } from "./generated/mistica-icons/icon-arrow-forward-light";
-declare export { default as IconArrowForwardRegular } from "./generated/mistica-icons/icon-arrow-forward-regular";
 declare export { default as IconArrowLeftFilled } from "./generated/mistica-icons/icon-arrow-left-filled";
 declare export { default as IconArrowLineDownLeftLight } from "./generated/mistica-icons/icon-arrow-line-down-left-light";
 declare export { default as IconArrowLineDownLeftRegular } from "./generated/mistica-icons/icon-arrow-line-down-left-regular";
+declare export { default as IconArrowLineDownLight } from "./generated/mistica-icons/icon-arrow-line-down-light";
+declare export { default as IconArrowLineDownRegular } from "./generated/mistica-icons/icon-arrow-line-down-regular";
+declare export { default as IconArrowLineLeftLight } from "./generated/mistica-icons/icon-arrow-line-left-light";
+declare export { default as IconArrowLineLeftRegular } from "./generated/mistica-icons/icon-arrow-line-left-regular";
+declare export { default as IconArrowLineRightLight } from "./generated/mistica-icons/icon-arrow-line-right-light";
+declare export { default as IconArrowLineRightRegular } from "./generated/mistica-icons/icon-arrow-line-right-regular";
+declare export { default as IconArrowLineUpLight } from "./generated/mistica-icons/icon-arrow-line-up-light";
+declare export { default as IconArrowLineUpRegular } from "./generated/mistica-icons/icon-arrow-line-up-regular";
 declare export { default as IconArrowLineUpRightLight } from "./generated/mistica-icons/icon-arrow-line-up-right-light";
 declare export { default as IconArrowLineUpRightRegular } from "./generated/mistica-icons/icon-arrow-line-up-right-regular";
 declare export { default as IconArrowRightFilled } from "./generated/mistica-icons/icon-arrow-right-filled";
@@ -285,7 +269,9 @@ declare export { default as IconArrowUpRightRegular } from "./generated/mistica-
 declare export { default as IconAudioFilled } from "./generated/mistica-icons/icon-audio-filled";
 declare export { default as IconAudioLight } from "./generated/mistica-icons/icon-audio-light";
 declare export { default as IconAudioRegular } from "./generated/mistica-icons/icon-audio-regular";
-declare export { default as IconAuraRegular } from "./generated/mistica-icons/icon-aura-regular";
+declare export { default as IconAuraFilled } from "./generated/mistica-icons/icon-aura-filled";
+declare export { default as IconAutenticationFailureFilled } from "./generated/mistica-icons/icon-autentication-failure-filled";
+declare export { default as IconAutenticationFailureRegular } from "./generated/mistica-icons/icon-autentication-failure-regular";
 declare export { default as IconAutenticationSuccessFilled } from "./generated/mistica-icons/icon-autentication-success-filled";
 declare export { default as IconAutenticationSuccessLight } from "./generated/mistica-icons/icon-autentication-success-light";
 declare export { default as IconAutenticationSuccessRegular } from "./generated/mistica-icons/icon-autentication-success-regular";
@@ -441,6 +427,7 @@ declare export { default as IconChevronLeftLight } from "./generated/mistica-ico
 declare export { default as IconChevronLeftRegular } from "./generated/mistica-icons/icon-chevron-left-regular";
 declare export { default as IconChevronRightLight } from "./generated/mistica-icons/icon-chevron-right-light";
 declare export { default as IconChevronRightRegular } from "./generated/mistica-icons/icon-chevron-right-regular";
+declare export { default as IconChevronTopRegular } from "./generated/mistica-icons/icon-chevron-top-regular";
 declare export { default as IconChevronUpLight } from "./generated/mistica-icons/icon-chevron-up-light";
 declare export { default as IconChevronUpRegular } from "./generated/mistica-icons/icon-chevron-up-regular";
 declare export { default as IconChildFilled } from "./generated/mistica-icons/icon-child-filled";
@@ -463,12 +450,12 @@ declare export { default as IconClipLight } from "./generated/mistica-icons/icon
 declare export { default as IconClipRegular } from "./generated/mistica-icons/icon-clip-regular";
 declare export { default as IconCloseLight } from "./generated/mistica-icons/icon-close-light";
 declare export { default as IconCloseRegular } from "./generated/mistica-icons/icon-close-regular";
+declare export { default as IconCloudDistributionFilled } from "./generated/mistica-icons/icon-cloud-distribution-filled";
+declare export { default as IconCloudDistributionLight } from "./generated/mistica-icons/icon-cloud-distribution-light";
+declare export { default as IconCloudDistributionRegular } from "./generated/mistica-icons/icon-cloud-distribution-regular";
 declare export { default as IconCloudFilled } from "./generated/mistica-icons/icon-cloud-filled";
 declare export { default as IconCloudLight } from "./generated/mistica-icons/icon-cloud-light";
 declare export { default as IconCloudRegular } from "./generated/mistica-icons/icon-cloud-regular";
-declare export { default as IconCloudSereyeFilled } from "./generated/mistica-icons/icon-cloud-sereye-filled";
-declare export { default as IconCloudSereyeLight } from "./generated/mistica-icons/icon-cloud-sereye-light";
-declare export { default as IconCloudSereyeRegular } from "./generated/mistica-icons/icon-cloud-sereye-regular";
 declare export { default as IconCloudUploadFilled } from "./generated/mistica-icons/icon-cloud-upload-filled";
 declare export { default as IconCloudUploadLight } from "./generated/mistica-icons/icon-cloud-upload-light";
 declare export { default as IconCloudUploadRegular } from "./generated/mistica-icons/icon-cloud-upload-regular";
@@ -484,9 +471,12 @@ declare export { default as IconCodeRegular } from "./generated/mistica-icons/ic
 declare export { default as IconCommentFilled } from "./generated/mistica-icons/icon-comment-filled";
 declare export { default as IconCommentLight } from "./generated/mistica-icons/icon-comment-light";
 declare export { default as IconCommentRegular } from "./generated/mistica-icons/icon-comment-regular";
+declare export { default as IconComputerAcademicFilled } from "./generated/mistica-icons/icon-computer-academic-filled";
+declare export { default as IconComputerAcademicRegular } from "./generated/mistica-icons/icon-computer-academic-regular";
 declare export { default as IconComputerFilled } from "./generated/mistica-icons/icon-computer-filled";
 declare export { default as IconComputerLight } from "./generated/mistica-icons/icon-computer-light";
 declare export { default as IconComputerRegular } from "./generated/mistica-icons/icon-computer-regular";
+declare export { default as IconComputerRegularDuplicateName } from "./generated/mistica-icons/icon-computer-regular-duplicate-name";
 declare export { default as IconComputerUserFilled } from "./generated/mistica-icons/icon-computer-user-filled";
 declare export { default as IconComputerUserLight } from "./generated/mistica-icons/icon-computer-user-light";
 declare export { default as IconComputerUserRegular } from "./generated/mistica-icons/icon-computer-user-regular";
@@ -548,9 +538,9 @@ declare export { default as IconDataCheckedRegular } from "./generated/mistica-i
 declare export { default as IconDataCloudFilled } from "./generated/mistica-icons/icon-data-cloud-filled";
 declare export { default as IconDataCloudLight } from "./generated/mistica-icons/icon-data-cloud-light";
 declare export { default as IconDataCloudRegular } from "./generated/mistica-icons/icon-data-cloud-regular";
-declare export { default as IconDataDataSereyeFilled } from "./generated/mistica-icons/icon-data-data-sereye-filled";
-declare export { default as IconDataDataSereyeLight } from "./generated/mistica-icons/icon-data-data-sereye-light";
-declare export { default as IconDataDataSereyeRegular } from "./generated/mistica-icons/icon-data-data-sereye-regular";
+declare export { default as IconDataDistributionFilled } from "./generated/mistica-icons/icon-data-distribution-filled";
+declare export { default as IconDataDistributionLight } from "./generated/mistica-icons/icon-data-distribution-light";
+declare export { default as IconDataDistributionRegular } from "./generated/mistica-icons/icon-data-distribution-regular";
 declare export { default as IconDataFilled } from "./generated/mistica-icons/icon-data-filled";
 declare export { default as IconDataLight } from "./generated/mistica-icons/icon-data-light";
 declare export { default as IconDataNetworkFilled } from "./generated/mistica-icons/icon-data-network-filled";
@@ -853,6 +843,9 @@ declare export { default as IconKebabMenuLight } from "./generated/mistica-icons
 declare export { default as IconKeyFilled } from "./generated/mistica-icons/icon-key-filled";
 declare export { default as IconKeyLight } from "./generated/mistica-icons/icon-key-light";
 declare export { default as IconKeyRegular } from "./generated/mistica-icons/icon-key-regular";
+declare export { default as IconLandlineFilled } from "./generated/mistica-icons/icon-landline-filled";
+declare export { default as IconLandlineLight } from "./generated/mistica-icons/icon-landline-light";
+declare export { default as IconLandlineRegular } from "./generated/mistica-icons/icon-landline-regular";
 declare export { default as IconLaptopChargingFilled } from "./generated/mistica-icons/icon-laptop-charging-filled";
 declare export { default as IconLaptopChargingLight } from "./generated/mistica-icons/icon-laptop-charging-light";
 declare export { default as IconLayersFilled } from "./generated/mistica-icons/icon-layers-filled";
@@ -965,6 +958,8 @@ declare export { default as IconNetworkHotspotFilled } from "./generated/mistica
 declare export { default as IconNetworkHotspotLight } from "./generated/mistica-icons/icon-network-hotspot-light";
 declare export { default as IconNetworkHotspotRegular } from "./generated/mistica-icons/icon-network-hotspot-regular";
 declare export { default as IconNeuralNetworkFilled } from "./generated/mistica-icons/icon-neural-network-filled";
+declare export { default as IconNeuralNetworkHumanFilled } from "./generated/mistica-icons/icon-neural-network-human-filled";
+declare export { default as IconNeuralNetworkHumanRegular } from "./generated/mistica-icons/icon-neural-network-human-regular";
 declare export { default as IconNeuralNetworkLight } from "./generated/mistica-icons/icon-neural-network-light";
 declare export { default as IconNeuralNetworkRegular } from "./generated/mistica-icons/icon-neural-network-regular";
 declare export { default as IconNewsletterFilled } from "./generated/mistica-icons/icon-newsletter-filled";
@@ -1108,6 +1103,9 @@ declare export { default as IconQuestionRegular } from "./generated/mistica-icon
 declare export { default as IconRatingFilled } from "./generated/mistica-icons/icon-rating-filled";
 declare export { default as IconRatingLight } from "./generated/mistica-icons/icon-rating-light";
 declare export { default as IconRatingRegular } from "./generated/mistica-icons/icon-rating-regular";
+declare export { default as IconRecycleFilled } from "./generated/mistica-icons/icon-recycle-filled";
+declare export { default as IconRecycleLight } from "./generated/mistica-icons/icon-recycle-light";
+declare export { default as IconRecycleRegular } from "./generated/mistica-icons/icon-recycle-regular";
 declare export { default as IconReloadLight } from "./generated/mistica-icons/icon-reload-light";
 declare export { default as IconReloadRegular } from "./generated/mistica-icons/icon-reload-regular";
 declare export { default as IconRenovateDeviceChangeMobileFilled } from "./generated/mistica-icons/icon-renovate-device-change-mobile-filled";
@@ -1119,6 +1117,9 @@ declare export { default as IconRepeatRegular } from "./generated/mistica-icons/
 declare export { default as IconRestaurantFilled } from "./generated/mistica-icons/icon-restaurant-filled";
 declare export { default as IconRestaurantLight } from "./generated/mistica-icons/icon-restaurant-light";
 declare export { default as IconRestaurantRegular } from "./generated/mistica-icons/icon-restaurant-regular";
+declare export { default as IconRewardsFilled } from "./generated/mistica-icons/icon-rewards-filled";
+declare export { default as IconRewardsLight } from "./generated/mistica-icons/icon-rewards-light";
+declare export { default as IconRewardsRegular } from "./generated/mistica-icons/icon-rewards-regular";
 declare export { default as IconRewindFilled } from "./generated/mistica-icons/icon-rewind-filled";
 declare export { default as IconRewindLight } from "./generated/mistica-icons/icon-rewind-light";
 declare export { default as IconRewindRegular } from "./generated/mistica-icons/icon-rewind-regular";
@@ -1328,6 +1329,9 @@ declare export { default as IconTrashCanRegular } from "./generated/mistica-icon
 declare export { default as IconTravelBagFilled } from "./generated/mistica-icons/icon-travel-bag-filled";
 declare export { default as IconTravelBagLight } from "./generated/mistica-icons/icon-travel-bag-light";
 declare export { default as IconTravelBagRegular } from "./generated/mistica-icons/icon-travel-bag-regular";
+declare export { default as IconTree2Filled } from "./generated/mistica-icons/icon-tree-2-filled";
+declare export { default as IconTree2Light } from "./generated/mistica-icons/icon-tree-2-light";
+declare export { default as IconTree2Regular } from "./generated/mistica-icons/icon-tree-2-regular";
 declare export { default as IconTreeFilled } from "./generated/mistica-icons/icon-tree-filled";
 declare export { default as IconTreeLight } from "./generated/mistica-icons/icon-tree-light";
 declare export { default as IconTreeRegular } from "./generated/mistica-icons/icon-tree-regular";
@@ -1382,6 +1386,8 @@ declare export { default as IconWarningRegular } from "./generated/mistica-icons
 declare export { default as IconWaterDropFilled } from "./generated/mistica-icons/icon-water-drop-filled";
 declare export { default as IconWaterDropLight } from "./generated/mistica-icons/icon-water-drop-light";
 declare export { default as IconWaterDropRegular } from "./generated/mistica-icons/icon-water-drop-regular";
+declare export { default as IconWearableFilled } from "./generated/mistica-icons/icon-wearable-filled";
+declare export { default as IconWearableLight } from "./generated/mistica-icons/icon-wearable-light";
 declare export { default as IconWearableRegular } from "./generated/mistica-icons/icon-wearable-regular";
 declare export { default as IconWebFilled } from "./generated/mistica-icons/icon-web-filled";
 declare export { default as IconWebLight } from "./generated/mistica-icons/icon-web-light";

package/dist/list.js

@@ -338,7 +338,7 @@ var useControlState = function useControlState(param) {
             setIsChecked(!isChecked);
         }
         if (onChange) {
-            onChange(!value);
+            onChange(isControlledByParent ? !value : !isChecked);
         }
     };
     if (isControlledByParent) {
@@ -462,8 +462,9 @@ var RowContent = /*#__PURE__*/ React.forwardRef(function(props1, ref5) {
                         name: name,
                         checked: isChecked,
                         "aria-labelledby": titleId,
-                        render: function render(check) {
-                            return check;
+                        render: function render(param) {
+                            var controlElement = param.controlElement;
+                            return controlElement;
                         }
                     })
                 })
@@ -476,7 +477,8 @@ var RowContent = /*#__PURE__*/ React.forwardRef(function(props1, ref5) {
                 name: name,
                 checked: isChecked,
                 onChange: toggle,
-                render: function render(control, labelId) {
+                render: function render(param) {
+                    var controlElement = param.controlElement, labelId = param.labelId;
                     /*#__PURE__*/ return (0, _jsxRuntime).jsx(_box.default, {
                         paddingX: 16,
                         role: role,
@@ -485,7 +487,7 @@ var RowContent = /*#__PURE__*/ React.forwardRef(function(props1, ref5) {
                             type: 'control',
                             right: /*#__PURE__*/ (0, _jsxRuntime).jsx(_stack.default, {
                                 space: "around",
-                                children: control
+                                children: controlElement
                             })
                         })
                     });
@@ -508,14 +510,15 @@ var RowContent = /*#__PURE__*/ React.forwardRef(function(props1, ref5) {
                 dataAttributes: dataAttributes,
                 value: props1.radioValue,
                 "aria-labelledby": titleId,
-                render: function render(radio) {
+                render: function render(param) {
+                    var controlElement = param.controlElement;
                     /*#__PURE__*/ return (0, _jsxRuntime).jsx(_box.default, {
                         paddingX: 16,
                         children: renderContent({
                             type: 'control',
                             right: /*#__PURE__*/ (0, _jsxRuntime).jsx(_stack.default, {
                                 space: "around",
-                                children: radio
+                                children: controlElement
                             })
                         })
                     });

package/dist/package-version.js

@@ -3,5 +3,5 @@ Object.defineProperty(exports, "__esModule", {
     value: true
 });
 exports.PACKAGE_VERSION = void 0;
-var PACKAGE_VERSION = '10.29.0';
+var PACKAGE_VERSION = '11.0.0';
 exports.PACKAGE_VERSION = PACKAGE_VERSION;

package/dist/portal.d.ts

@@ -1,19 +1,4 @@
 import * as React from 'react';
-/**
- * @deprecated - to be removed in next major
- */
-declare type PortalNodesContext = {
-    portalNodes: Array<HTMLDivElement>;
-    setPortalNodes: (nodes: Array<HTMLDivElement> | ((prevNodes: Array<HTMLDivElement>) => Array<HTMLDivElement>)) => void;
-};
-/**
- * @deprecated - to be removed in next major
- */
-export declare const PortalNodesProvider: React.FC;
-/**
- * @deprecated - to be removed in next major
- */
-export declare const usePortalNodes: () => PortalNodesContext;
 /**
  * This component renders the children elements outside the parent component.
  *

package/dist/portal.js

@@ -2,8 +2,7 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-exports.Portal = exports.usePortalNodes = exports.PortalNodesProvider = void 0;
-var _jsxRuntime = require("react/jsx-runtime");
+exports.Portal = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _reactDom = _interopRequireDefault(require("react-dom"));
 function _interopRequireDefault(obj) {
@@ -40,12 +39,6 @@ function _arrayLikeToArray(arr, len) {
 function _arrayWithHoles(arr) {
     if (Array.isArray(arr)) return arr;
 }
-function _arrayWithoutHoles(arr) {
-    if (Array.isArray(arr)) return _arrayLikeToArray(arr);
-}
-function _iterableToArray(iter) {
-    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
-}
 function _iterableToArrayLimit(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null) return;
@@ -73,15 +66,9 @@ function _iterableToArrayLimit(arr, i) {
 function _nonIterableRest() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _nonIterableSpread() {
-    throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
 function _slicedToArray(arr, i) {
     return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
-function _toConsumableArray(arr) {
-    return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
-}
 function _unsupportedIterableToArray(o, minLen) {
     if (!o) return;
     if (typeof o === "string") return _arrayLikeToArray(o, minLen);
@@ -90,56 +77,22 @@ function _unsupportedIterableToArray(o, minLen) {
     if (n === "Map" || n === "Set") return Array.from(n);
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
 }
-/**
- * @deprecated - to be removed in next major
- */ var PortalNodes = /*#__PURE__*/ React.createContext({
-    portalNodes: [],
-    setPortalNodes: function setPortalNodes() {}
-});
-var PortalNodesProvider = function PortalNodesProvider(param) {
-    var children = param.children;
-    var ref = _slicedToArray(React.useState([]), 2), portalNodes = ref[0], setPortalNodes = ref[1];
-    return(/*#__PURE__*/ (0, _jsxRuntime).jsx(PortalNodes.Provider, {
-        value: {
-            portalNodes: portalNodes,
-            setPortalNodes: setPortalNodes
-        },
-        children: children
-    }));
-};
-exports.PortalNodesProvider = PortalNodesProvider;
-var usePortalNodes = function usePortalNodes() {
-    return React.useContext(PortalNodes);
-};
-exports.usePortalNodes = usePortalNodes;
 var Portal = function Portal(param) {
     var children = param.children, className = param.className;
     var ref = _slicedToArray(React.useState(null), 2), container = ref[0], setContainer = ref[1];
-    var setPortalNodes = usePortalNodes().setPortalNodes;
     React.useEffect(function() {
         if (!container) {
             var newContainer = document.createElement('div');
             setContainer(newContainer);
-            setPortalNodes(function(nodes) {
-                return _toConsumableArray(nodes).concat([
-                    newContainer
-                ]);
-            });
             document.body.appendChild(newContainer);
         }
         return function() {
             if (container) {
-                setPortalNodes(function(nodes) {
-                    return nodes.filter(function(node) {
-                        return node !== container;
-                    });
-                });
                 document.body.removeChild(container);
             }
         };
     }, [
-        container,
-        setPortalNodes
+        container
     ]);
     React.useEffect(function() {
         if (container && className) {

package/dist/portal.js.flow

@@ -2,25 +2,6 @@
 
 import * as React from "react";
 
-/**
- * @deprecated - to be removed in next major
- */
-declare type PortalNodesContext = {
-  portalNodes: Array<HTMLDivElement>,
-  setPortalNodes: (
-    nodes:
-      | Array<HTMLDivElement>
-      | ((prevNodes: Array<HTMLDivElement>) => Array<HTMLDivElement>)
-  ) => void,
-};
-/**
- * @deprecated - to be removed in next major
- */
-declare export var PortalNodesProvider: React.ComponentType<{}>;
-/**
- * @deprecated - to be removed in next major
- */
-declare export var usePortalNodes: () => PortalNodesContext;
 /**
  * This component renders the children elements outside the parent component.
  *

package/dist/radio-button.d.ts

@@ -12,7 +12,12 @@ export declare const useRadioContext: () => RadioContextType;
 declare type PropsRender = {
     value: string;
     id?: string;
-    render: (radioElement: React.ReactElement, disabled?: boolean) => React.ReactNode;
+    render: (renderProps: {
+        controlElement: React.ReactElement;
+        labelId: string;
+        disabled: boolean;
+        checked: boolean;
+    }) => React.ReactNode;
     children?: undefined;
     dataAttributes?: DataAttributes;
 };

package/dist/radio-button.js

@@ -206,6 +206,7 @@ var RadioButton = function RadioButton(_param) {
         "dataAttributes"
     ]);
     var ref = useRadioContext(), disabled = ref.disabled, selectedValue = ref.selectedValue, focusableValue = ref.focusableValue, select = ref.select, selectNext = ref.selectNext, selectPrev = ref.selectPrev;
+    var labelId = (0, _hooks).useAriaId();
     var ref1 = React.useRef(null);
     var checked = value === selectedValue;
     var tabIndex = focusableValue === value ? 0 : -1;
@@ -250,13 +251,19 @@ var RadioButton = function RadioButton(_param) {
         "data-value": value,
         "aria-checked": checked,
         "aria-disabled": disabled,
+        "aria-labelledby": labelId,
         onClick: disabled ? undefined : function() {
             return select(value);
         },
         onKeyDown: disabled ? undefined : handleKeyDown,
         className: classes.radioButton
     }, (0, _dom).getPrefixedDataAttributes(dataAttributes), {
-        children: rest.render ? rest.render(radio, disabled) : /*#__PURE__*/ (0, _jsxRuntime).jsxs(_inline.default, {
+        children: rest.render ? rest.render({
+            controlElement: radio,
+            disabled: !!disabled,
+            checked: checked,
+            labelId: labelId
+        }) : /*#__PURE__*/ (0, _jsxRuntime).jsxs(_inline.default, {
             space: 16,
             children: [
                 /*#__PURE__*/ (0, _jsxRuntime).jsx(_text.Text3, {
@@ -273,6 +280,7 @@ var RadioButton = function RadioButton(_param) {
                 /*#__PURE__*/ (0, _jsxRuntime).jsx(_text.Text3, {
                     regular: true,
                     as: "div",
+                    id: labelId,
                     children: /*#__PURE__*/ (0, _jsxRuntime).jsx("span", {
                         className: disabled ? classes.disabled : '',
                         children: rest.children

package/dist/radio-button.js.flow

@@ -14,7 +14,12 @@ declare export var useRadioContext: () => RadioContextType;
 declare type PropsRender = {
   value: string,
   id?: string,
-  render: (radioElement: React.Element<any>, disabled?: boolean) => React.Node,
+  render: (renderProps: {
+    controlElement: React.Element<any>,
+    labelId: string,
+    disabled: boolean,
+    checked: boolean,
+  }) => React.Node,
   dataAttributes?: DataAttributes,
 };
 declare type PropsChildren = {

package/dist/section-title.js

@@ -70,7 +70,7 @@ var SectionTitle = function SectionTitle(param) {
         children: [
             /*#__PURE__*/ (0, _jsxRuntime).jsx(_text.Text1, {
                 color: theme.colors.textSecondary,
-                uppercase: true,
+                transform: "uppercase",
                 medium: true,
                 as: as,
                 id: id,

package/dist/snackbar.js

@@ -240,7 +240,7 @@ var SnackbarComponent = function SnackbarComponent(param) {
                         children: message
                     }),
                     buttonText && /*#__PURE__*/ (0, _jsxRuntime).jsx(_touchable.default, {
-                        elementRef: buttonRef,
+                        ref: buttonRef,
                         className: classes.snackbarButton,
                         onPress: close,
                         children: buttonText

package/dist/switch-component.d.ts

@@ -1,6 +1,11 @@
 import * as React from 'react';
 import type { DataAttributes } from './utils/types';
-declare type RenderSwitch = (switchElement: React.ReactElement, labelId: string) => React.ReactNode;
+declare type RenderSwitch = (renderProps: {
+    controlElement: React.ReactElement;
+    labelId: string;
+    checked: boolean;
+    disabled: boolean;
+}) => React.ReactNode;
 declare type PropsRender = {
     name: string;
     defaultChecked?: boolean;

package/dist/switch-component.js

@@ -253,7 +253,12 @@ var Switch = function Switch(props) {
         "aria-labelledby": labelId
     }, (0, _dom).getPrefixedDataAttributes(props.dataAttributes), {
         children: props.render ? /*#__PURE__*/ (0, _jsxRuntime).jsx(_jsxRuntime.Fragment, {
-            children: props.render(switchEl, labelId)
+            children: props.render({
+                controlElement: switchEl,
+                labelId: labelId,
+                disabled: !!disabled,
+                checked: value1 !== null && value1 !== void 0 ? value1 : checkedState
+            })
         }) : /*#__PURE__*/ (0, _jsxRuntime).jsxs(_inline.default, {
             space: 16,
             alignItems: "center",

package/dist/switch-component.js.flow

@@ -2,10 +2,12 @@
 
 import * as React from "react";
 import type { DataAttributes } from "./utils/types";
-declare type RenderSwitch = (
-  switchElement: React.Element<any>,
-  labelId: string
-) => React.Node;
+declare type RenderSwitch = (renderProps: {
+  controlElement: React.Element<any>,
+  labelId: string,
+  checked: boolean,
+  disabled: boolean,
+}) => React.Node;
 declare type PropsRender = {
   name: string,
   defaultChecked?: boolean,

package/dist/tag.d.ts

@@ -6,8 +6,6 @@ export declare type TagProps = {
     children: string;
     Icon?: React.FC<IconProps>;
     dataAttributes?: DataAttributes;
-    /** @deprecated use type prop */
-    color?: string;
 };
 declare const Tag: React.FC<TagProps>;
 export default Tag;

package/dist/tag.js

@@ -135,7 +135,7 @@ var useStyles = (0, _jss).createUseStyles(function() {
     };
 });
 var Tag = function Tag(param) {
-    var Icon = param.Icon, children = param.children, dataAttributes = param.dataAttributes, _type = param.type, type = _type === void 0 ? 'promo' : _type, color = param.color;
+    var Icon = param.Icon, children = param.children, dataAttributes = param.dataAttributes, _type = param.type, type = _type === void 0 ? 'promo' : _type;
     var classes = useStyles({
         hasIcon: !!Icon
     });
@@ -144,32 +144,6 @@ var Tag = function Tag(param) {
     if (!children) {
         return null;
     }
-    /**
-     * Legacy implementation
-     *
-     * @deprecated to be removed in the next major version
-     */ if (color) {
-        // Hardcode black text in darkmode because there isn't a black text color constant that we can use in dark mode
-        var blackText = isDarkMode ? '#313235' : colors.textPrimary;
-        var textColor = color === colors.inverse ? blackText : colors.textPrimaryInverse;
-        return(/*#__PURE__*/ (0, _jsxRuntime).jsx(_themeVariantContext.ThemeVariant, {
-            isInverse: false,
-            children: /*#__PURE__*/ (0, _jsxRuntime).jsx("span", {
-                className: classes.tag,
-                style: {
-                    background: color
-                },
-                children: /*#__PURE__*/ (0, _jsxRuntime).jsx(_text.Text, {
-                    color: textColor,
-                    size: 14,
-                    lineHeight: 20,
-                    weight: "medium",
-                    truncate: true,
-                    children: children
-                })
-            })
-        }));
-    }
     var tagTypeToColors = {
         promo: [
             colors.textTagPromo,
@@ -196,7 +170,7 @@ var Tag = function Tag(param) {
             colors.tagBackgroundError
         ]
     };
-    var _type1 = _slicedToArray(tagTypeToColors[type], 2), textColor1 = _type1[0], backgroundColor = _type1[1];
+    var _type1 = _slicedToArray(tagTypeToColors[type], 2), textColor = _type1[0], backgroundColor = _type1[1];
     var shouldUseInverseBackground = isInverse && !isDarkMode;
     return(/*#__PURE__*/ (0, _jsxRuntime).jsxs("span", _objectSpread({}, (0, _dom).getPrefixedDataAttributes(dataAttributes), {
         className: classes.tag,
@@ -207,14 +181,14 @@ var Tag = function Tag(param) {
             Icon && /*#__PURE__*/ (0, _jsxRuntime).jsx(_box.default, {
                 paddingRight: 4,
                 children: /*#__PURE__*/ (0, _jsxRuntime).jsx(Icon, {
-                    color: textColor1,
+                    color: textColor,
                     size: (0, _css).pxToRem(16)
                 })
             }),
             /*#__PURE__*/ (0, _jsxRuntime).jsx(_themeVariantContext.ThemeVariant, {
                 isInverse: false,
                 children: /*#__PURE__*/ (0, _jsxRuntime).jsx(_text.Text, {
-                    color: textColor1,
+                    color: textColor,
                     size: 14,
                     lineHeight: 20,
                     weight: "medium",

package/dist/tag.js.flow

@@ -14,11 +14,6 @@ export type TagProps = {
   children: string,
   Icon?: React.ComponentType<IconProps>,
   dataAttributes?: DataAttributes,
-
-  /**
-   * @deprecated use type prop
-   */
-  color?: string,
 };
 declare var Tag: React.ComponentType<TagProps>;
 declare export default typeof Tag;