@telefonica/mistica 10.29.0 → 11.0.0

package/dist-es/generated/mistica-icons/icon-woman-regular.js

@@ -78,7 +78,9 @@ var IconWomanRegular = function(_param) {
             role: "presentation"
         }, rest, {
             children: /*#__PURE__*/ _jsx("path", {
-                d: "M16.98 15.746l-1.66-6.764a3.47 3.47 0 00-1.553-2.24c.55-.5.9-1.22.9-2.028C14.667 3.216 13.473 2 12.001 2S9.334 3.216 9.334 4.714c0 .807.35 1.528.9 2.027A3.426 3.426 0 008.685 8.96l-1.668 6.782v.013a.343.343 0 00-.008.07.386.386 0 00-.009.069v.013c0 .017.004.03.004.048a.389.389 0 00.026.134.387.387 0 00.021.065.4.4 0 00.03.061c.009.018.017.04.03.057l.038.052a.458.458 0 00.043.052c.013.013.03.026.043.043.017.013.034.03.05.044.018.013.035.021.056.034.017.014.039.022.056.03.021.01.047.018.068.027.013.004.03.013.043.017h.013a.324.324 0 00.064.009.467.467 0 00.072.009h1.681V21h5.334v-4.411h1.501a.462.462 0 00.077-.009c.03.004.06.009.09.009a.521.521 0 00.162-.022.68.68 0 00.478-.82zM12 3.36c.734 0 1.332.608 1.332 1.355 0 .746-.598 1.354-1.34 1.354a1.347 1.347 0 01-1.327-1.354c.004-.747.602-1.355 1.336-1.355zm1.332 11.87v4.412h-2.667V15.23H8.52l1.463-5.966c.21-.999 1.02-1.667 2.014-1.667.994 0 1.805.668 2.018 1.689l1.46 5.94h-2.142v.004z",
+                fillRule: "evenodd",
+                clipRule: "evenodd",
+                d: "M16.98 15.746l-1.66-6.764a3.47 3.47 0 00-1.553-2.24c.55-.5.9-1.22.9-2.028C14.667 3.216 13.473 2 12.001 2S9.334 3.216 9.334 4.714c0 .807.35 1.528.9 2.027A3.426 3.426 0 008.685 8.96l-1.668 6.782v.013a.343.343 0 00-.008.07.387.387 0 00-.009.069v.013l.002.024.002.024a.389.389 0 00.026.134c.004.022.013.044.021.066a.4.4 0 00.03.06l.006.014c.007.014.014.03.024.043l.038.052a.458.458 0 00.056.065c.01.009.021.019.03.03a.495.495 0 00.051.044c.012.009.024.016.037.024l.018.01c.013.01.029.018.043.024l.013.007a1.168 1.168 0 00.068.026l.021.009a.288.288 0 00.022.008h.013c.02.005.042.009.064.009.025.004.05.009.072.009h1.681V21h5.334v-4.411h1.501c.026 0 .052-.005.077-.009.03.004.06.009.09.009a.523.523 0 00.162-.022.68.68 0 00.478-.82zM12 3.36c.734 0 1.332.608 1.332 1.355 0 .746-.598 1.354-1.34 1.354a1.347 1.347 0 01-1.327-1.354c.004-.747.602-1.355 1.336-1.355zm1.332 16.282v-4.417h2.142l-1.46-5.94c-.213-1.02-1.023-1.688-2.018-1.688-.994 0-1.805.668-2.014 1.667L8.52 15.23h2.146v4.411h2.667z",
                 fill: fillColor
             })
         })));
@@ -90,7 +92,9 @@ var IconWomanRegular = function(_param) {
             role: "presentation"
         }, rest, {
             children: /*#__PURE__*/ _jsx("path", {
-                d: "M11.398 3.501c-.202.2-.306.53-.306.98 0 .889.376 1.267 1.255 1.267.883 0 1.258-.378 1.258-1.266 0-.451-.104-.782-.308-.98-.199-.194-.518-.292-.95-.292-.431-.003-.75.095-.95.291zm.947 3.457c-1.533 0-2.449-.924-2.449-2.476 0-.79.224-1.412.67-1.849.431-.42 1.028-.633 1.779-.633.75 0 1.347.213 1.778.63.446.437.675 1.06.675 1.852 0 1.552-.918 2.476-2.453 2.476zm4.106 7.283a.34.34 0 00.017-.241l-1.524-4.378c-.006-.011-.036-.087-.042-.098a1.64 1.64 0 00-1.507-1.009h-2.098A1.64 1.64 0 009.75 9.622l-1.524 4.386a.314.314 0 00.017.236c.02.042.067.115.165.148a.29.29 0 00.232-.008.31.31 0 00.157-.177l.79-2.386a.594.594 0 01.75-.39.6.6 0 01.387.76l-.364 1.14-.658 2.476h.216a.6.6 0 01.596.602l.017 3.75c0 .076.017.314.23.32.073-.008.095-.017.1-.022.04-.04.076-.143.076-.292l-.02-3.75c0-.16.062-.314.174-.429a.59.59 0 01.423-.18h1.673a.601.601 0 01.597.608l-.017 3.754s.002.308.16.314a.421.421 0 00.159-.028c.02-.02.059-.107.059-.289l.02-3.756a.602.602 0 01.596-.602h.213l-.664-2.493-.359-1.124a.6.6 0 01.387-.76c.31-.102.65.074.75.39l.793 2.393a.32.32 0 00.157.174c.042.02.123.047.219.01a.295.295 0 00.193-.156zm1.146-.636c.131.392.103.807-.073 1.17a1.47 1.47 0 01-.855.757 1.14 1.14 0 01-.493.087l.169.63a.604.604 0 01-.577.762h-.401l-.017 3.151c0 .48-.143.877-.417 1.149-.174.174-.485.372-.983.372h-.037c-.77-.014-1.33-.655-1.33-1.523l.014-3.149h-.47l.016 3.146c0 .47-.154.882-.437 1.16-.244.24-.563.366-.927.366h-.037c-.798-.02-1.397-.675-1.397-1.523l-.015-3.15h-.4a.585.585 0 01-.473-.238.604.604 0 01-.104-.524l.168-.633h-.003c-.17 0-.339-.03-.501-.09a1.473 1.473 0 01-.84-.75A1.517 1.517 0 017.1 13.61l1.526-4.393a1.3 1.3 0 01.084-.201 2.824 2.824 0 012.594-1.712h2.098c1.135 0 2.157.684 2.605 1.74.023.045.05.11.076.193l1.513 4.367z",
+                fillRule: "evenodd",
+                clipRule: "evenodd",
+                d: "M9.896 4.482c0 1.552.916 2.476 2.448 2.476 1.536 0 2.454-.924 2.454-2.476 0-.793-.23-1.415-.675-1.852-.431-.417-1.028-.63-1.778-.63-.751 0-1.348.213-1.78.633-.445.437-.669 1.059-.669 1.849zm1.196 0c0-.451.104-.782.306-.98.199-.197.518-.295.95-.292.43 0 .75.098.949.291.204.2.308.53.308.98 0 .889-.375 1.267-1.258 1.267-.88 0-1.255-.378-1.255-1.266zm5.359 9.759a.34.34 0 00.017-.241l-1.524-4.378a1.533 1.533 0 01-.042-.098 1.64 1.64 0 00-1.507-1.009h-2.098A1.64 1.64 0 009.75 9.622l-1.524 4.386a.314.314 0 00.017.236c.02.042.067.114.165.148a.29.29 0 00.232-.008.311.311 0 00.157-.177l.79-2.386a.594.594 0 01.75-.39.6.6 0 01.388.76l-.365 1.14-.658 2.476h.216a.6.6 0 01.596.602l.017 3.75c0 .076.017.314.23.32.073-.008.095-.017.1-.022.04-.04.076-.143.076-.292l-.02-3.75c0-.16.062-.314.174-.429a.59.59 0 01.423-.18h1.673a.601.601 0 01.597.608l-.018 3.754s.003.308.16.314a.421.421 0 00.16-.028c.02-.02.059-.107.059-.289l.02-3.756a.602.602 0 01.596-.602h.213l-.664-2.493-.359-1.123a.6.6 0 01.386-.76.597.597 0 01.752.39l.792 2.392a.32.32 0 00.157.174c.042.02.123.047.219.01a.296.296 0 00.193-.156zm1.073.535c.176-.364.204-.779.073-1.171l-1.513-4.367a1.209 1.209 0 00-.076-.193 2.833 2.833 0 00-2.605-1.74h-2.098a2.824 2.824 0 00-2.594 1.712 1.3 1.3 0 00-.084.201l-1.526 4.393a1.516 1.516 0 00.915 1.915c.163.06.331.09.502.09h.003l-.168.633a.604.604 0 00.104.524.585.585 0 00.473.238h.4l.015 3.149c0 .848.599 1.504 1.397 1.523h.037c.364 0 .683-.126.927-.366.283-.278.437-.69.437-1.16l-.017-3.146h.47l-.013 3.149c0 .868.56 1.51 1.33 1.523h.037c.498 0 .81-.198.983-.372.274-.272.417-.67.417-1.148l.017-3.152h.4a.604.604 0 00.577-.762l-.168-.63c.171.014.337-.028.493-.087.376-.126.678-.395.855-.756z",
                 fill: fillColor
             })
         })));

package/dist-es/image.js

@@ -96,15 +96,18 @@ export var RATIO = {
     '4:3': 4 / 3
 };
 var Image = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
-    var _aspectRatio = _param.aspectRatio, aspectRatio = _aspectRatio === void 0 ? '1:1' : _aspectRatio, _alt = _param.alt, alt = _alt === void 0 ? '' : _alt, dataAttributes = _param.dataAttributes, props = _objectWithoutProperties(_param, [
+    var _aspectRatio = _param.aspectRatio, aspectRatio = _aspectRatio === void 0 ? '1:1' : _aspectRatio, _alt = _param.alt, alt = _alt === void 0 ? '' : _alt, dataAttributes = _param.dataAttributes, noBorderRadius = _param.noBorderRadius, props = _objectWithoutProperties(_param, [
         "aspectRatio",
         "alt",
-        "dataAttributes"
+        "dataAttributes",
+        "noBorderRadius"
     ]);
-    var noBorderRadius = useDisableBorderRadius();
+    var ratio = typeof aspectRatio === 'number' ? aspectRatio : RATIO[aspectRatio];
+    var noBorderRadiusContext = useDisableBorderRadius();
+    var noBorderSetting = noBorderRadius !== null && noBorderRadius !== void 0 ? noBorderRadius : noBorderRadiusContext;
     var classes = useStyles({
-        noBorderRadius: noBorderRadius,
-        aspectRatio: !props.width && !props.height ? RATIO[aspectRatio] : undefined
+        noBorderRadius: noBorderSetting,
+        aspectRatio: !props.width && !props.height ? ratio : undefined
     });
     var url = props.src || props.url;
     var width = props.width;
@@ -113,9 +116,9 @@ var Image = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
         width = props.width;
         height = props.height;
     } else if (props.width !== undefined) {
-        height = props.width / RATIO[aspectRatio];
+        height = typeof props.width === 'number' ? props.width / ratio : "calc(".concat(props.width, " / ratio)");
     } else if (props.height !== undefined) {
-        width = props.height * RATIO[aspectRatio];
+        width = typeof props.height === 'number' ? props.height * ratio : "calc(".concat(props.height, " * ratio)");
     } else {
         width = '100%';
     }

package/dist-es/index.js

@@ -11,7 +11,7 @@ export { default as ButtonLayout } from './button-layout';
 export { default as FixedFooterLayout } from './fixed-footer-layout';
 export { default as ButtonFixedFooterLayout } from './button-fixed-footer-layout';
 export { default as Snackbar } from './snackbar';
-export { Portal, usePortalNodes } from './portal';
+export { Portal } from './portal';
 export { default as LoadingBar } from './loading-bar';
 export { default as FixedToTop, TopDistanceContext } from './fixed-to-top';
 export { default as createNestableContext } from './nestable-context';
@@ -81,11 +81,7 @@ export { default as DoubleField } from './double-field';
 export { default as IbanField } from './iban-field';
 export { useForm, useFieldProps } from './form-context';
 // Icons
-// @deprecated use IconCloseRegular instead
-export { default as IconClose } from './icons/icon-close';
 export { default as IconInfo } from './icons/icon-info';
-// @deprecated use IconArrowDropDownFilled instead
-export { default as IconArrowDown } from './icons/icon-arrow-down';
 export { default as IconChevron } from './icons/icon-chevron';
 export { default as IconError } from './icons/icon-error';
 export { default as IconSuccess } from './icons/icon-success';
@@ -118,25 +114,6 @@ if (process.env.NODE_ENV !== 'production' && typeof window !== 'undefined') {
         window['__mistica_version__'] = PACKAGE_VERSION;
     }
 }
-// Deprecated icons, to be removed in the next major version
-/** @deprecated use IconPoundSymbolCircleFilled */ export { default as IconPoundFilled } from './generated/mistica-icons/icon-pound-symbol-circle-filled';
-/** @deprecated use IconPoundSymbolCircleLight */ export { default as IconPoundLight } from './generated/mistica-icons/icon-pound-symbol-circle-light';
-/** @deprecated use IconPoundSymbolCircleRegular */ export { default as IconPoundRegular } from './generated/mistica-icons/icon-pound-symbol-circle-regular';
-/** @deprecated use IconPoundSymbolCircleFilled */ export { default as IconPoundSymbolFilled } from './generated/mistica-icons/icon-pound-symbol-circle-filled';
-/** @deprecated use IconPoundSymbolCircleLight */ export { default as IconPoundSymbolLight } from './generated/mistica-icons/icon-pound-symbol-circle-light';
-/** @deprecated use IconPoundSymbolCircleRegular */ export { default as IconPoundSymbolRegular } from './generated/mistica-icons/icon-pound-symbol-circle-regular';
-/** @deprecated use IconBookFilled */ export { default as IconPoundryFilled } from './generated/mistica-icons/icon-book-filled';
-/** @deprecated use IconBookLight */ export { default as IconPoundryLight } from './generated/mistica-icons/icon-book-light';
-/** @deprecated use IconBookRegular */ export { default as IconPoundryRegular } from './generated/mistica-icons/icon-book-regular';
-/** @deprecated use IconDollarSymbolCircleFilled */ export { default as IconMoneyFilled } from './generated/mistica-icons/icon-dollar-symbol-circle-filled';
-/** @deprecated use IconDollarSymbolCircleLight */ export { default as IconMoneyLight } from './generated/mistica-icons/icon-dollar-symbol-circle-light';
-/** @deprecated use IconDollarSymbolCircleRegular */ export { default as IconMoneyRegular } from './generated/mistica-icons/icon-dollar-symbol-circle-regular';
-/** @deprecated use IconDollarSymbolFilled */ export { default as IconDolarSymbolFilled } from './generated/mistica-icons/icon-dollar-symbol-filled';
-/** @deprecated use IconDollarSymbolLight */ export { default as IconDolarSymbolLight } from './generated/mistica-icons/icon-dollar-symbol-light';
-/** @deprecated use IconDollarSymbolRegular */ export { default as IconDolarSymbolRegular } from './generated/mistica-icons/icon-dollar-symbol-regular';
-/** @deprecated use IconFileIllustratorFilled */ export { default as IconFileFilled } from './generated/mistica-icons/icon-file-illustrator-filled';
-/** @deprecated use IconFileIllustratorLight */ export { default as IconFileIlustratorLight } from './generated/mistica-icons/icon-file-illustrator-light';
-/** @deprecated use IconFileIllustratorRegular */ export { default as IconFileIlustratorRegular } from './generated/mistica-icons/icon-file-illustrator-regular';
 // Exported this way to facilitate tree-shaking
 export { default as IconAcademicFilled } from './generated/mistica-icons/icon-academic-filled';
 export { default as IconAcademicLight } from './generated/mistica-icons/icon-academic-light';
@@ -188,8 +165,6 @@ export { default as IconAppointmentFilled } from './generated/mistica-icons/icon
 export { default as IconAppointmentLight } from './generated/mistica-icons/icon-appointment-light';
 export { default as IconAppointmentRegular } from './generated/mistica-icons/icon-appointment-regular';
 export { default as IconAppsFilled } from './generated/mistica-icons/icon-apps-filled';
-export { default as IconArrowBackLight } from './generated/mistica-icons/icon-arrow-back-light';
-export { default as IconArrowBackRegular } from './generated/mistica-icons/icon-arrow-back-regular';
 export { default as IconArrowDownFilled } from './generated/mistica-icons/icon-arrow-down-filled';
 export { default as IconArrowDownLeftFilled } from './generated/mistica-icons/icon-arrow-down-left-filled';
 export { default as IconArrowDownLeftLight } from './generated/mistica-icons/icon-arrow-down-left-light';
@@ -201,11 +176,17 @@ export { default as IconArrowDownRightLight } from './generated/mistica-icons/ic
 export { default as IconArrowDownRightRegular } from './generated/mistica-icons/icon-arrow-down-right-regular';
 export { default as IconArrowDropDownFilled } from './generated/mistica-icons/icon-arrow-drop-down-filled';
 export { default as IconArrowDropUpFilled } from './generated/mistica-icons/icon-arrow-drop-up-filled';
-export { default as IconArrowForwardLight } from './generated/mistica-icons/icon-arrow-forward-light';
-export { default as IconArrowForwardRegular } from './generated/mistica-icons/icon-arrow-forward-regular';
 export { default as IconArrowLeftFilled } from './generated/mistica-icons/icon-arrow-left-filled';
 export { default as IconArrowLineDownLeftLight } from './generated/mistica-icons/icon-arrow-line-down-left-light';
 export { default as IconArrowLineDownLeftRegular } from './generated/mistica-icons/icon-arrow-line-down-left-regular';
+export { default as IconArrowLineDownLight } from './generated/mistica-icons/icon-arrow-line-down-light';
+export { default as IconArrowLineDownRegular } from './generated/mistica-icons/icon-arrow-line-down-regular';
+export { default as IconArrowLineLeftLight } from './generated/mistica-icons/icon-arrow-line-left-light';
+export { default as IconArrowLineLeftRegular } from './generated/mistica-icons/icon-arrow-line-left-regular';
+export { default as IconArrowLineRightLight } from './generated/mistica-icons/icon-arrow-line-right-light';
+export { default as IconArrowLineRightRegular } from './generated/mistica-icons/icon-arrow-line-right-regular';
+export { default as IconArrowLineUpLight } from './generated/mistica-icons/icon-arrow-line-up-light';
+export { default as IconArrowLineUpRegular } from './generated/mistica-icons/icon-arrow-line-up-regular';
 export { default as IconArrowLineUpRightLight } from './generated/mistica-icons/icon-arrow-line-up-right-light';
 export { default as IconArrowLineUpRightRegular } from './generated/mistica-icons/icon-arrow-line-up-right-regular';
 export { default as IconArrowRightFilled } from './generated/mistica-icons/icon-arrow-right-filled';
@@ -229,7 +210,9 @@ export { default as IconArrowUpRightRegular } from './generated/mistica-icons/ic
 export { default as IconAudioFilled } from './generated/mistica-icons/icon-audio-filled';
 export { default as IconAudioLight } from './generated/mistica-icons/icon-audio-light';
 export { default as IconAudioRegular } from './generated/mistica-icons/icon-audio-regular';
-export { default as IconAuraRegular } from './generated/mistica-icons/icon-aura-regular';
+export { default as IconAuraFilled } from './generated/mistica-icons/icon-aura-filled';
+export { default as IconAutenticationFailureFilled } from './generated/mistica-icons/icon-autentication-failure-filled';
+export { default as IconAutenticationFailureRegular } from './generated/mistica-icons/icon-autentication-failure-regular';
 export { default as IconAutenticationSuccessFilled } from './generated/mistica-icons/icon-autentication-success-filled';
 export { default as IconAutenticationSuccessLight } from './generated/mistica-icons/icon-autentication-success-light';
 export { default as IconAutenticationSuccessRegular } from './generated/mistica-icons/icon-autentication-success-regular';
@@ -385,6 +368,7 @@ export { default as IconChevronLeftLight } from './generated/mistica-icons/icon-
 export { default as IconChevronLeftRegular } from './generated/mistica-icons/icon-chevron-left-regular';
 export { default as IconChevronRightLight } from './generated/mistica-icons/icon-chevron-right-light';
 export { default as IconChevronRightRegular } from './generated/mistica-icons/icon-chevron-right-regular';
+export { default as IconChevronTopRegular } from './generated/mistica-icons/icon-chevron-top-regular';
 export { default as IconChevronUpLight } from './generated/mistica-icons/icon-chevron-up-light';
 export { default as IconChevronUpRegular } from './generated/mistica-icons/icon-chevron-up-regular';
 export { default as IconChildFilled } from './generated/mistica-icons/icon-child-filled';
@@ -407,12 +391,12 @@ export { default as IconClipLight } from './generated/mistica-icons/icon-clip-li
 export { default as IconClipRegular } from './generated/mistica-icons/icon-clip-regular';
 export { default as IconCloseLight } from './generated/mistica-icons/icon-close-light';
 export { default as IconCloseRegular } from './generated/mistica-icons/icon-close-regular';
+export { default as IconCloudDistributionFilled } from './generated/mistica-icons/icon-cloud-distribution-filled';
+export { default as IconCloudDistributionLight } from './generated/mistica-icons/icon-cloud-distribution-light';
+export { default as IconCloudDistributionRegular } from './generated/mistica-icons/icon-cloud-distribution-regular';
 export { default as IconCloudFilled } from './generated/mistica-icons/icon-cloud-filled';
 export { default as IconCloudLight } from './generated/mistica-icons/icon-cloud-light';
 export { default as IconCloudRegular } from './generated/mistica-icons/icon-cloud-regular';
-export { default as IconCloudSereyeFilled } from './generated/mistica-icons/icon-cloud-sereye-filled';
-export { default as IconCloudSereyeLight } from './generated/mistica-icons/icon-cloud-sereye-light';
-export { default as IconCloudSereyeRegular } from './generated/mistica-icons/icon-cloud-sereye-regular';
 export { default as IconCloudUploadFilled } from './generated/mistica-icons/icon-cloud-upload-filled';
 export { default as IconCloudUploadLight } from './generated/mistica-icons/icon-cloud-upload-light';
 export { default as IconCloudUploadRegular } from './generated/mistica-icons/icon-cloud-upload-regular';
@@ -428,9 +412,12 @@ export { default as IconCodeRegular } from './generated/mistica-icons/icon-code-
 export { default as IconCommentFilled } from './generated/mistica-icons/icon-comment-filled';
 export { default as IconCommentLight } from './generated/mistica-icons/icon-comment-light';
 export { default as IconCommentRegular } from './generated/mistica-icons/icon-comment-regular';
+export { default as IconComputerAcademicFilled } from './generated/mistica-icons/icon-computer-academic-filled';
+export { default as IconComputerAcademicRegular } from './generated/mistica-icons/icon-computer-academic-regular';
 export { default as IconComputerFilled } from './generated/mistica-icons/icon-computer-filled';
 export { default as IconComputerLight } from './generated/mistica-icons/icon-computer-light';
 export { default as IconComputerRegular } from './generated/mistica-icons/icon-computer-regular';
+export { default as IconComputerRegularDuplicateName } from './generated/mistica-icons/icon-computer-regular-duplicate-name';
 export { default as IconComputerUserFilled } from './generated/mistica-icons/icon-computer-user-filled';
 export { default as IconComputerUserLight } from './generated/mistica-icons/icon-computer-user-light';
 export { default as IconComputerUserRegular } from './generated/mistica-icons/icon-computer-user-regular';
@@ -492,9 +479,9 @@ export { default as IconDataCheckedRegular } from './generated/mistica-icons/ico
 export { default as IconDataCloudFilled } from './generated/mistica-icons/icon-data-cloud-filled';
 export { default as IconDataCloudLight } from './generated/mistica-icons/icon-data-cloud-light';
 export { default as IconDataCloudRegular } from './generated/mistica-icons/icon-data-cloud-regular';
-export { default as IconDataDataSereyeFilled } from './generated/mistica-icons/icon-data-data-sereye-filled';
-export { default as IconDataDataSereyeLight } from './generated/mistica-icons/icon-data-data-sereye-light';
-export { default as IconDataDataSereyeRegular } from './generated/mistica-icons/icon-data-data-sereye-regular';
+export { default as IconDataDistributionFilled } from './generated/mistica-icons/icon-data-distribution-filled';
+export { default as IconDataDistributionLight } from './generated/mistica-icons/icon-data-distribution-light';
+export { default as IconDataDistributionRegular } from './generated/mistica-icons/icon-data-distribution-regular';
 export { default as IconDataFilled } from './generated/mistica-icons/icon-data-filled';
 export { default as IconDataLight } from './generated/mistica-icons/icon-data-light';
 export { default as IconDataNetworkFilled } from './generated/mistica-icons/icon-data-network-filled';
@@ -797,6 +784,9 @@ export { default as IconKebabMenuLight } from './generated/mistica-icons/icon-ke
 export { default as IconKeyFilled } from './generated/mistica-icons/icon-key-filled';
 export { default as IconKeyLight } from './generated/mistica-icons/icon-key-light';
 export { default as IconKeyRegular } from './generated/mistica-icons/icon-key-regular';
+export { default as IconLandlineFilled } from './generated/mistica-icons/icon-landline-filled';
+export { default as IconLandlineLight } from './generated/mistica-icons/icon-landline-light';
+export { default as IconLandlineRegular } from './generated/mistica-icons/icon-landline-regular';
 export { default as IconLaptopChargingFilled } from './generated/mistica-icons/icon-laptop-charging-filled';
 export { default as IconLaptopChargingLight } from './generated/mistica-icons/icon-laptop-charging-light';
 export { default as IconLayersFilled } from './generated/mistica-icons/icon-layers-filled';
@@ -909,6 +899,8 @@ export { default as IconNetworkHotspotFilled } from './generated/mistica-icons/i
 export { default as IconNetworkHotspotLight } from './generated/mistica-icons/icon-network-hotspot-light';
 export { default as IconNetworkHotspotRegular } from './generated/mistica-icons/icon-network-hotspot-regular';
 export { default as IconNeuralNetworkFilled } from './generated/mistica-icons/icon-neural-network-filled';
+export { default as IconNeuralNetworkHumanFilled } from './generated/mistica-icons/icon-neural-network-human-filled';
+export { default as IconNeuralNetworkHumanRegular } from './generated/mistica-icons/icon-neural-network-human-regular';
 export { default as IconNeuralNetworkLight } from './generated/mistica-icons/icon-neural-network-light';
 export { default as IconNeuralNetworkRegular } from './generated/mistica-icons/icon-neural-network-regular';
 export { default as IconNewsletterFilled } from './generated/mistica-icons/icon-newsletter-filled';
@@ -1052,6 +1044,9 @@ export { default as IconQuestionRegular } from './generated/mistica-icons/icon-q
 export { default as IconRatingFilled } from './generated/mistica-icons/icon-rating-filled';
 export { default as IconRatingLight } from './generated/mistica-icons/icon-rating-light';
 export { default as IconRatingRegular } from './generated/mistica-icons/icon-rating-regular';
+export { default as IconRecycleFilled } from './generated/mistica-icons/icon-recycle-filled';
+export { default as IconRecycleLight } from './generated/mistica-icons/icon-recycle-light';
+export { default as IconRecycleRegular } from './generated/mistica-icons/icon-recycle-regular';
 export { default as IconReloadLight } from './generated/mistica-icons/icon-reload-light';
 export { default as IconReloadRegular } from './generated/mistica-icons/icon-reload-regular';
 export { default as IconRenovateDeviceChangeMobileFilled } from './generated/mistica-icons/icon-renovate-device-change-mobile-filled';
@@ -1063,6 +1058,9 @@ export { default as IconRepeatRegular } from './generated/mistica-icons/icon-rep
 export { default as IconRestaurantFilled } from './generated/mistica-icons/icon-restaurant-filled';
 export { default as IconRestaurantLight } from './generated/mistica-icons/icon-restaurant-light';
 export { default as IconRestaurantRegular } from './generated/mistica-icons/icon-restaurant-regular';
+export { default as IconRewardsFilled } from './generated/mistica-icons/icon-rewards-filled';
+export { default as IconRewardsLight } from './generated/mistica-icons/icon-rewards-light';
+export { default as IconRewardsRegular } from './generated/mistica-icons/icon-rewards-regular';
 export { default as IconRewindFilled } from './generated/mistica-icons/icon-rewind-filled';
 export { default as IconRewindLight } from './generated/mistica-icons/icon-rewind-light';
 export { default as IconRewindRegular } from './generated/mistica-icons/icon-rewind-regular';
@@ -1272,6 +1270,9 @@ export { default as IconTrashCanRegular } from './generated/mistica-icons/icon-t
 export { default as IconTravelBagFilled } from './generated/mistica-icons/icon-travel-bag-filled';
 export { default as IconTravelBagLight } from './generated/mistica-icons/icon-travel-bag-light';
 export { default as IconTravelBagRegular } from './generated/mistica-icons/icon-travel-bag-regular';
+export { default as IconTree2Filled } from './generated/mistica-icons/icon-tree-2-filled';
+export { default as IconTree2Light } from './generated/mistica-icons/icon-tree-2-light';
+export { default as IconTree2Regular } from './generated/mistica-icons/icon-tree-2-regular';
 export { default as IconTreeFilled } from './generated/mistica-icons/icon-tree-filled';
 export { default as IconTreeLight } from './generated/mistica-icons/icon-tree-light';
 export { default as IconTreeRegular } from './generated/mistica-icons/icon-tree-regular';
@@ -1326,6 +1327,8 @@ export { default as IconWarningRegular } from './generated/mistica-icons/icon-wa
 export { default as IconWaterDropFilled } from './generated/mistica-icons/icon-water-drop-filled';
 export { default as IconWaterDropLight } from './generated/mistica-icons/icon-water-drop-light';
 export { default as IconWaterDropRegular } from './generated/mistica-icons/icon-water-drop-regular';
+export { default as IconWearableFilled } from './generated/mistica-icons/icon-wearable-filled';
+export { default as IconWearableLight } from './generated/mistica-icons/icon-wearable-light';
 export { default as IconWearableRegular } from './generated/mistica-icons/icon-wearable-regular';
 export { default as IconWebFilled } from './generated/mistica-icons/icon-web-filled';
 export { default as IconWebLight } from './generated/mistica-icons/icon-web-light';

package/dist-es/list.js

@@ -311,7 +311,7 @@ var useControlState = function(param) {
             setIsChecked(!isChecked);
         }
         if (onChange) {
-            onChange(!value);
+            onChange(isControlledByParent ? !value : !isChecked);
         }
     };
     if (isControlledByParent) {
@@ -435,8 +435,9 @@ var RowContent = /*#__PURE__*/ React.forwardRef(function(props1, ref5) {
                         name: name,
                         checked: isChecked,
                         "aria-labelledby": titleId,
-                        render: function(check) {
-                            return check;
+                        render: function(param) {
+                            var controlElement = param.controlElement;
+                            return controlElement;
                         }
                     })
                 })
@@ -449,7 +450,8 @@ var RowContent = /*#__PURE__*/ React.forwardRef(function(props1, ref5) {
                 name: name,
                 checked: isChecked,
                 onChange: toggle,
-                render: function(control, labelId) {
+                render: function(param) {
+                    var controlElement = param.controlElement, labelId = param.labelId;
                     /*#__PURE__*/ return _jsx(Box, {
                         paddingX: 16,
                         role: role,
@@ -458,7 +460,7 @@ var RowContent = /*#__PURE__*/ React.forwardRef(function(props1, ref5) {
                             type: 'control',
                             right: /*#__PURE__*/ _jsx(Stack, {
                                 space: "around",
-                                children: control
+                                children: controlElement
                             })
                         })
                     });
@@ -481,14 +483,15 @@ var RowContent = /*#__PURE__*/ React.forwardRef(function(props1, ref5) {
                 dataAttributes: dataAttributes,
                 value: props1.radioValue,
                 "aria-labelledby": titleId,
-                render: function(radio) {
+                render: function(param) {
+                    var controlElement = param.controlElement;
                     /*#__PURE__*/ return _jsx(Box, {
                         paddingX: 16,
                         children: renderContent({
                             type: 'control',
                             right: /*#__PURE__*/ _jsx(Stack, {
                                 space: "around",
-                                children: radio
+                                children: controlElement
                             })
                         })
                     });

package/dist-es/package-version.js

@@ -1,2 +1,2 @@
 // DO NOT EDIT THIS FILE. It's autogenerated by set-version.js
-export var PACKAGE_VERSION = '10.29.0';
+export var PACKAGE_VERSION = '11.0.0';

package/dist-es/portal.js

@@ -1,4 +1,3 @@
-import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import ReactDOM from 'react-dom';
 function _arrayLikeToArray(arr, len) {
@@ -9,12 +8,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;
@@ -42,15 +35,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);
@@ -59,58 +46,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() {}
-});
-/**
- * @deprecated - to be removed in next major
- */ export var PortalNodesProvider = function(param) {
-    var children = param.children;
-    var ref = _slicedToArray(React.useState([]), 2), portalNodes = ref[0], setPortalNodes = ref[1];
-    return(/*#__PURE__*/ _jsx(PortalNodes.Provider, {
-        value: {
-            portalNodes: portalNodes,
-            setPortalNodes: setPortalNodes
-        },
-        children: children
-    }));
-};
-/**
- * @deprecated - to be removed in next major
- */ export var usePortalNodes = function() {
-    return React.useContext(PortalNodes);
-};
 export var Portal = function(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-es/radio-button.js

@@ -7,7 +7,7 @@ import { combineRefs } from './utils/common';
 import { Text3 } from './text';
 import Inline from './inline';
 import classnames from 'classnames';
-import { useTheme } from './hooks';
+import { useAriaId, useTheme } from './hooks';
 import { getPrefixedDataAttributes } from './utils/dom';
 function _arrayLikeToArray(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
@@ -173,6 +173,7 @@ var RadioButton = function(_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 = useAriaId();
     var ref1 = React.useRef(null);
     var checked = value === selectedValue;
     var tabIndex = focusableValue === value ? 0 : -1;
@@ -218,13 +219,19 @@ var RadioButton = function(_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
     }, getPrefixedDataAttributes(dataAttributes), {
-        children: rest.render ? rest.render(radio, disabled) : /*#__PURE__*/ _jsxs(Inline, {
+        children: rest.render ? rest.render({
+            controlElement: radio,
+            disabled: !!disabled,
+            checked: checked,
+            labelId: labelId
+        }) : /*#__PURE__*/ _jsxs(Inline, {
             space: 16,
             children: [
                 /*#__PURE__*/ _jsx(Text3, {
@@ -241,6 +248,7 @@ var RadioButton = function(_param) {
                 /*#__PURE__*/ _jsx(Text3, {
                     regular: true,
                     as: "div",
+                    id: labelId,
                     children: /*#__PURE__*/ _jsx("span", {
                         className: disabled ? classes.disabled : '',
                         children: rest.children

package/dist-es/section-title.js

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

package/dist-es/snackbar.js

@@ -209,7 +209,7 @@ var SnackbarComponent = function(param) {
                         children: message
                     }),
                     buttonText && /*#__PURE__*/ _jsx(Touchable, {
-                        elementRef: buttonRef,
+                        ref: buttonRef,
                         className: classes.snackbarButton,
                         onPress: close,
                         children: buttonText

package/dist-es/switch-component.js

@@ -226,7 +226,12 @@ var Switch = function(props) {
         "aria-labelledby": labelId
     }, getPrefixedDataAttributes(props.dataAttributes), {
         children: props.render ? /*#__PURE__*/ _jsx(_Fragment, {
-            children: props.render(switchEl, labelId)
+            children: props.render({
+                controlElement: switchEl,
+                labelId: labelId,
+                disabled: !!disabled,
+                checked: value1 !== null && value1 !== void 0 ? value1 : checkedState
+            })
         }) : /*#__PURE__*/ _jsxs(Inline, {
             space: 16,
             alignItems: "center",

package/dist-es/tag.js

@@ -103,7 +103,7 @@ var useStyles = createUseStyles(function() {
     };
 });
 var Tag = function(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
     });
@@ -112,32 +112,6 @@ var Tag = function(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__*/ _jsx(ThemeVariant, {
-            isInverse: false,
-            children: /*#__PURE__*/ _jsx("span", {
-                className: classes.tag,
-                style: {
-                    background: color
-                },
-                children: /*#__PURE__*/ _jsx(Text, {
-                    color: textColor,
-                    size: 14,
-                    lineHeight: 20,
-                    weight: "medium",
-                    truncate: true,
-                    children: children
-                })
-            })
-        }));
-    }
     var tagTypeToColors = {
         promo: [
             colors.textTagPromo,
@@ -164,7 +138,7 @@ var Tag = function(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__*/ _jsxs("span", _objectSpread({}, getPrefixedDataAttributes(dataAttributes), {
         className: classes.tag,
@@ -175,14 +149,14 @@ var Tag = function(param) {
             Icon && /*#__PURE__*/ _jsx(Box, {
                 paddingRight: 4,
                 children: /*#__PURE__*/ _jsx(Icon, {
-                    color: textColor1,
+                    color: textColor,
                     size: pxToRem(16)
                 })
             }),
             /*#__PURE__*/ _jsx(ThemeVariant, {
                 isInverse: false,
                 children: /*#__PURE__*/ _jsx(Text, {
-                    color: textColor1,
+                    color: textColor,
                     size: 14,
                     lineHeight: 20,
                     weight: "medium",

package/dist-es/text.js

@@ -59,14 +59,8 @@ var useStyles = createUseStyles(function(theme) {
                 return pxToRem(desktopLineHeight);
             },
             textTransform: function(param) {
-                var uppercase = param.uppercase, transform = param.transform;
-                if (uppercase) {
-                    return 'uppercase';
-                }
-                if (transform) {
-                    return transform;
-                }
-                return 'inherit';
+                var transform = param.transform;
+                return transform || 'inherit';
             },
             fontSize: function(param) {
                 var desktopSize = param.desktopSize;
@@ -117,7 +111,7 @@ var useStyles = createUseStyles(function(theme) {
     };
 });
 export var Text = function(param) {
-    var weight = param.weight, color = param.color, textDecoration = param.textDecoration, _decoration = param.decoration, decoration = _decoration === void 0 ? textDecoration : _decoration, truncate = param.truncate, uppercase = param.uppercase, transform = param.transform, wordBreak = param.wordBreak, _as = param.as, as = _as === void 0 ? 'span' : _as, children = param.children, size = param.size, _mobileSize = param.mobileSize, mobileSize = _mobileSize === void 0 ? size : _mobileSize, _desktopSize = param.desktopSize, desktopSize = _desktopSize === void 0 ? size : _desktopSize, lineHeight = param.lineHeight, _mobileLineHeight = param.mobileLineHeight, mobileLineHeight = _mobileLineHeight === void 0 ? lineHeight : _mobileLineHeight, _desktopLineHeight = param.desktopLineHeight, desktopLineHeight = _desktopLineHeight === void 0 ? lineHeight : _desktopLineHeight, letterSpacing = param.letterSpacing, id = param.id, role = param.role, ariaLevel = param['aria-level'], dataAttributes = param.dataAttributes;
+    var weight = param.weight, color = param.color, decoration = param.decoration, truncate = param.truncate, transform = param.transform, wordBreak = param.wordBreak, _as = param.as, as = _as === void 0 ? 'span' : _as, children = param.children, size = param.size, _mobileSize = param.mobileSize, mobileSize = _mobileSize === void 0 ? size : _mobileSize, _desktopSize = param.desktopSize, desktopSize = _desktopSize === void 0 ? size : _desktopSize, lineHeight = param.lineHeight, _mobileLineHeight = param.mobileLineHeight, mobileLineHeight = _mobileLineHeight === void 0 ? lineHeight : _mobileLineHeight, _desktopLineHeight = param.desktopLineHeight, desktopLineHeight = _desktopLineHeight === void 0 ? lineHeight : _desktopLineHeight, letterSpacing = param.letterSpacing, id = param.id, role = param.role, ariaLevel = param['aria-level'], dataAttributes = param.dataAttributes;
     var isInverse = useIsInverseVariant();
     var classes = useStyles({
         isInverse: isInverse,
@@ -128,7 +122,6 @@ export var Text = function(param) {
         weight: weight,
         color: color,
         decoration: decoration,
-        uppercase: uppercase,
         transform: transform,
         wordBreak: wordBreak,
         letterSpacing: letterSpacing,