@telefonica/mistica 11.12.2 → 12.0.0

package/dist/grid-layout.js

@@ -41,7 +41,7 @@ function _defineProperty(obj, key, value) {
     return obj;
 }
 var useStyles = (0, _jss).createUseStyles(function(theme) {
-    var _obj, _obj1, _obj2, _obj3, _obj4, _obj5;
+    var _obj, _obj1, _obj2, _obj3, _obj4, _obj5, _obj6, _obj7;
     return {
         grid: (_obj = {
             display: "grid"
@@ -61,31 +61,41 @@ var useStyles = (0, _jss).createUseStyles(function(theme) {
         span1: {
             gridColumn: "span 1"
         },
-        span4: (_obj1 = {}, _defineProperty(_obj1, theme.mq.desktopOrBigger, {
-            gridColumn: "span 4"
+        span3: (_obj1 = {}, _defineProperty(_obj1, theme.mq.desktopOrBigger, {
+            gridColumn: "span 3"
         }), _defineProperty(_obj1, theme.mq.tabletOrSmaller, {
             gridColumn: "span 1"
         }), _obj1),
-        span5: (_obj2 = {}, _defineProperty(_obj2, theme.mq.desktopOrBigger, {
-            gridColumn: "span 5"
+        span4: (_obj2 = {}, _defineProperty(_obj2, theme.mq.desktopOrBigger, {
+            gridColumn: "span 4"
         }), _defineProperty(_obj2, theme.mq.tabletOrSmaller, {
             gridColumn: "span 1"
         }), _obj2),
-        span6: (_obj3 = {}, _defineProperty(_obj3, theme.mq.desktopOrBigger, {
-            gridColumn: "span 6"
+        span5: (_obj3 = {}, _defineProperty(_obj3, theme.mq.desktopOrBigger, {
+            gridColumn: "span 5"
         }), _defineProperty(_obj3, theme.mq.tabletOrSmaller, {
             gridColumn: "span 1"
         }), _obj3),
-        span8: (_obj4 = {}, _defineProperty(_obj4, theme.mq.desktopOrBigger, {
-            gridColumn: "span 8"
+        span6: (_obj4 = {}, _defineProperty(_obj4, theme.mq.desktopOrBigger, {
+            gridColumn: "span 6"
         }), _defineProperty(_obj4, theme.mq.tabletOrSmaller, {
             gridColumn: "span 1"
         }), _obj4),
-        span10: (_obj5 = {}, _defineProperty(_obj5, theme.mq.desktopOrBigger, {
-            gridColumn: "span 10"
+        span8: (_obj5 = {}, _defineProperty(_obj5, theme.mq.desktopOrBigger, {
+            gridColumn: "span 8"
         }), _defineProperty(_obj5, theme.mq.tabletOrSmaller, {
             gridColumn: "span 1"
-        }), _obj5)
+        }), _obj5),
+        span9: (_obj6 = {}, _defineProperty(_obj6, theme.mq.desktopOrBigger, {
+            gridColumn: "span 9"
+        }), _defineProperty(_obj6, theme.mq.tabletOrSmaller, {
+            gridColumn: "span 1"
+        }), _obj6),
+        span10: (_obj7 = {}, _defineProperty(_obj7, theme.mq.desktopOrBigger, {
+            gridColumn: "span 10"
+        }), _defineProperty(_obj7, theme.mq.tabletOrSmaller, {
+            gridColumn: "span 1"
+        }), _obj7)
     };
 });
 var GridLayout = function GridLayout(props) {
@@ -165,6 +175,21 @@ var GridLayout = function GridLayout(props) {
             ]
         });
     }
+    if (props.template === "3+9") {
+        return /*#__PURE__*/ (0, _jsxRuntime).jsxs("div", {
+            className: classes.grid,
+            children: [
+                /*#__PURE__*/ (0, _jsxRuntime).jsx("div", {
+                    className: classes.span3,
+                    children: props.left
+                }),
+                /*#__PURE__*/ (0, _jsxRuntime).jsx("div", {
+                    className: classes.span9,
+                    children: props.right
+                })
+            ]
+        });
+    }
     if (props.template === "10") {
         return /*#__PURE__*/ (0, _jsxRuntime).jsxs("div", {
             className: classes.grid,

package/dist/grid-layout.js.flow

@@ -22,6 +22,11 @@ declare type PropsTemplate5_4 = {
   left: React.Node,
   right: React.Node,
 };
+declare type PropsTemplate3_9 = {
+  template: "3+9",
+  left: React.Node,
+  right: React.Node,
+};
 declare type PropsTemplate10 = {
   template: "10",
   children: React.Node,
@@ -32,6 +37,7 @@ declare type Props =
   | PropsTemplate8_4
   | PropsTemplate4_6
   | PropsTemplate5_4
+  | PropsTemplate3_9
   | PropsTemplate10;
 declare var GridLayout: React.ComponentType<Props>;
 declare export default typeof GridLayout;

package/dist/highlighted-card.js

@@ -124,7 +124,9 @@ var useStyles = (0, _jss).createUseStyles(function(theme) {
                 return hasImage ? 8 : 56;
             }
         }, _defineProperty(_obj, theme.mq.desktopOrBigger, {
-            padding: 24,
+            paddingLeft: 24,
+            paddingTop: 32,
+            paddingBottom: 32,
             paddingRight: function paddingRight(param) {
                 var hasImage = param.hasImage;
                 return hasImage ? 24 : 56;

package/dist/icons/__stories__/mistica-icons-story.js

@@ -96,7 +96,7 @@ var misticaIcons = function(requireContext) {
     });
 }(require.context("../../generated/mistica-icons/", true, /\.tsx$/));
 var _default = {
-    title: "Icons/Mistica Icons"
+    title: "Icons/Catalog"
 };
 exports.default = _default;
 var Catalog = function Catalog() {

package/dist/image.js

@@ -156,7 +156,7 @@ var useStyles = (0, _jss).createUseStyles(function() {
             maxHeight: "100%",
             borderRadius: function borderRadius(param) {
                 var noBorderRadius = param.noBorderRadius;
-                return noBorderRadius ? 0 : 4;
+                return noBorderRadius ? 0 : 8;
             },
             "@supports (aspect-ratio: 1 / 1)": {
                 aspectRatio: function aspectRatio(param) {
@@ -183,7 +183,7 @@ var useStyles = (0, _jss).createUseStyles(function() {
         wrapper: {
             borderRadius: function borderRadius(param) {
                 var noBorderRadius = param.noBorderRadius;
-                return noBorderRadius ? 0 : 4;
+                return noBorderRadius ? 0 : 8;
             },
             overflow: "hidden",
             maxWidth: "100%",

package/dist/index.d.ts

@@ -36,7 +36,6 @@ export { default as NavigationBreadcrumbs } from './navigation-breadcrumbs';
 export { default as Text, Text1, Text2, Text3, Text4, Text5, Text6, Text7, Text8, Text9, Text10 } from './text';
 export { default as Tag } from './tag';
 export type { TagType } from './tag';
-export { default as SectionTitle } from './section-title';
 export { Placeholder } from './placeholder';
 export { Title1, Title2 } from './title';
 export { RowList, Row, BoxedRowList, BoxedRow } from './list';
@@ -123,9 +122,6 @@ export { default as Icon5GRegular } from './generated/mistica-icons/icon-5-g-reg
 export { default as IconAcademicFilled } from './generated/mistica-icons/icon-academic-filled';
 export { default as IconAcademicLight } from './generated/mistica-icons/icon-academic-light';
 export { default as IconAcademicRegular } from './generated/mistica-icons/icon-academic-regular';
-export { default as IconAccesibilityFilled } from './generated/mistica-icons/icon-accesibility-filled';
-export { default as IconAccesibilityLight } from './generated/mistica-icons/icon-accesibility-light';
-export { default as IconAccesibilityRegular } from './generated/mistica-icons/icon-accesibility-regular';
 export { default as IconAccessoriesFilled } from './generated/mistica-icons/icon-accessories-filled';
 export { default as IconAccessoriesLight } from './generated/mistica-icons/icon-accessories-light';
 export { default as IconAccessoriesRegular } from './generated/mistica-icons/icon-accessories-regular';
@@ -363,9 +359,6 @@ export { default as IconCalendarRegular } from './generated/mistica-icons/icon-c
 export { default as IconCallbackFilled } from './generated/mistica-icons/icon-callback-filled';
 export { default as IconCallbackLight } from './generated/mistica-icons/icon-callback-light';
 export { default as IconCallbackRegular } from './generated/mistica-icons/icon-callback-regular';
-export { default as IconCallCenterUserSupportFilled } from './generated/mistica-icons/icon-call-center-user-support-filled';
-export { default as IconCallCenterUserSupportLight } from './generated/mistica-icons/icon-call-center-user-support-light';
-export { default as IconCallCenterUserSupportRegular } from './generated/mistica-icons/icon-call-center-user-support-regular';
 export { default as IconCallDetailsFilled } from './generated/mistica-icons/icon-call-details-filled';
 export { default as IconCallDetailsLight } from './generated/mistica-icons/icon-call-details-light';
 export { default as IconCallDetailsRegular } from './generated/mistica-icons/icon-call-details-regular';
@@ -732,6 +725,9 @@ export { default as IconExportLight } from './generated/mistica-icons/icon-expor
 export { default as IconExportRegular } from './generated/mistica-icons/icon-export-regular';
 export { default as IconEyeFilled } from './generated/mistica-icons/icon-eye-filled';
 export { default as IconEyeLight } from './generated/mistica-icons/icon-eye-light';
+export { default as IconEyeOffFilled } from './generated/mistica-icons/icon-eye-off-filled';
+export { default as IconEyeOffLight } from './generated/mistica-icons/icon-eye-off-light';
+export { default as IconEyeOffRegular } from './generated/mistica-icons/icon-eye-off-regular';
 export { default as IconEyeRegular } from './generated/mistica-icons/icon-eye-regular';
 export { default as IconFamilyFilled } from './generated/mistica-icons/icon-family-filled';
 export { default as IconFamilyLight } from './generated/mistica-icons/icon-family-light';
@@ -1139,9 +1135,9 @@ export { default as IconMoonRegular } from './generated/mistica-icons/icon-moon-
 export { default as IconMouseFilled } from './generated/mistica-icons/icon-mouse-filled';
 export { default as IconMouseLight } from './generated/mistica-icons/icon-mouse-light';
 export { default as IconMouseRegular } from './generated/mistica-icons/icon-mouse-regular';
+export { default as IconMultideviceFilled } from './generated/mistica-icons/icon-multidevice-filled';
 export { default as IconMultideviceLight } from './generated/mistica-icons/icon-multidevice-light';
-export { default as IconMultideviceoFilled } from './generated/mistica-icons/icon-multideviceo-filled';
-export { default as IconMultideviceoRegular } from './generated/mistica-icons/icon-multideviceo-regular';
+export { default as IconMultideviceRegular } from './generated/mistica-icons/icon-multidevice-regular';
 export { default as IconMultisaveFilled } from './generated/mistica-icons/icon-multisave-filled';
 export { default as IconMultisaveLight } from './generated/mistica-icons/icon-multisave-light';
 export { default as IconMultisaveRegular } from './generated/mistica-icons/icon-multisave-regular';
@@ -1227,6 +1223,7 @@ export { default as IconPacifierLight } from './generated/mistica-icons/icon-pac
 export { default as IconPacifierRegular } from './generated/mistica-icons/icon-pacifier-regular';
 export { default as IconPackageTrolleyFilled } from './generated/mistica-icons/icon-package-trolley-filled';
 export { default as IconPackageTrolleyLight } from './generated/mistica-icons/icon-package-trolley-light';
+export { default as IconPackageTrolleyRegular } from './generated/mistica-icons/icon-package-trolley-regular';
 export { default as IconParkingFilled } from './generated/mistica-icons/icon-parking-filled';
 export { default as IconParkingLight } from './generated/mistica-icons/icon-parking-light';
 export { default as IconParkingRegular } from './generated/mistica-icons/icon-parking-regular';
@@ -1362,9 +1359,6 @@ export { default as IconReportRegular } 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';
@@ -1535,7 +1529,7 @@ export { default as IconTagFilled } from './generated/mistica-icons/icon-tag-fil
 export { default as IconTagLight } from './generated/mistica-icons/icon-tag-light';
 export { default as IconTagPoundFilled } from './generated/mistica-icons/icon-tag-pound-filled';
 export { default as IconTagPoundLight } from './generated/mistica-icons/icon-tag-pound-light';
-export { default as IconTagPoundregular } from './generated/mistica-icons/icon-tag-poundregular';
+export { default as IconTagPoundRegular } from './generated/mistica-icons/icon-tag-pound-regular';
 export { default as IconTagRegular } from './generated/mistica-icons/icon-tag-regular';
 export { default as IconTalkFilled } from './generated/mistica-icons/icon-talk-filled';
 export { default as IconTalkLight } from './generated/mistica-icons/icon-talk-light';

package/dist/index.js

@@ -368,12 +368,6 @@ Object.defineProperty(exports, "Tag", {
         return _tag.default;
     }
 });
-Object.defineProperty(exports, "SectionTitle", {
-    enumerable: true,
-    get: function() {
-        return _sectionTitle.default;
-    }
-});
 Object.defineProperty(exports, "Placeholder", {
     enumerable: true,
     get: function() {
@@ -1040,24 +1034,6 @@ Object.defineProperty(exports, "IconAcademicRegular", {
         return _iconAcademicRegular.default;
     }
 });
-Object.defineProperty(exports, "IconAccesibilityFilled", {
-    enumerable: true,
-    get: function() {
-        return _iconAccesibilityFilled.default;
-    }
-});
-Object.defineProperty(exports, "IconAccesibilityLight", {
-    enumerable: true,
-    get: function() {
-        return _iconAccesibilityLight.default;
-    }
-});
-Object.defineProperty(exports, "IconAccesibilityRegular", {
-    enumerable: true,
-    get: function() {
-        return _iconAccesibilityRegular.default;
-    }
-});
 Object.defineProperty(exports, "IconAccessoriesFilled", {
     enumerable: true,
     get: function() {
@@ -2480,24 +2456,6 @@ Object.defineProperty(exports, "IconCallbackRegular", {
         return _iconCallbackRegular.default;
     }
 });
-Object.defineProperty(exports, "IconCallCenterUserSupportFilled", {
-    enumerable: true,
-    get: function() {
-        return _iconCallCenterUserSupportFilled.default;
-    }
-});
-Object.defineProperty(exports, "IconCallCenterUserSupportLight", {
-    enumerable: true,
-    get: function() {
-        return _iconCallCenterUserSupportLight.default;
-    }
-});
-Object.defineProperty(exports, "IconCallCenterUserSupportRegular", {
-    enumerable: true,
-    get: function() {
-        return _iconCallCenterUserSupportRegular.default;
-    }
-});
 Object.defineProperty(exports, "IconCallDetailsFilled", {
     enumerable: true,
     get: function() {
@@ -4694,6 +4652,24 @@ Object.defineProperty(exports, "IconEyeLight", {
         return _iconEyeLight.default;
     }
 });
+Object.defineProperty(exports, "IconEyeOffFilled", {
+    enumerable: true,
+    get: function() {
+        return _iconEyeOffFilled.default;
+    }
+});
+Object.defineProperty(exports, "IconEyeOffLight", {
+    enumerable: true,
+    get: function() {
+        return _iconEyeOffLight.default;
+    }
+});
+Object.defineProperty(exports, "IconEyeOffRegular", {
+    enumerable: true,
+    get: function() {
+        return _iconEyeOffRegular.default;
+    }
+});
 Object.defineProperty(exports, "IconEyeRegular", {
     enumerable: true,
     get: function() {
@@ -7136,22 +7112,22 @@ Object.defineProperty(exports, "IconMouseRegular", {
         return _iconMouseRegular.default;
     }
 });
-Object.defineProperty(exports, "IconMultideviceLight", {
+Object.defineProperty(exports, "IconMultideviceFilled", {
     enumerable: true,
     get: function() {
-        return _iconMultideviceLight.default;
+        return _iconMultideviceFilled.default;
     }
 });
-Object.defineProperty(exports, "IconMultideviceoFilled", {
+Object.defineProperty(exports, "IconMultideviceLight", {
     enumerable: true,
     get: function() {
-        return _iconMultideviceoFilled.default;
+        return _iconMultideviceLight.default;
     }
 });
-Object.defineProperty(exports, "IconMultideviceoRegular", {
+Object.defineProperty(exports, "IconMultideviceRegular", {
     enumerable: true,
     get: function() {
-        return _iconMultideviceoRegular.default;
+        return _iconMultideviceRegular.default;
     }
 });
 Object.defineProperty(exports, "IconMultisaveFilled", {
@@ -7664,6 +7640,12 @@ Object.defineProperty(exports, "IconPackageTrolleyLight", {
         return _iconPackageTrolleyLight.default;
     }
 });
+Object.defineProperty(exports, "IconPackageTrolleyRegular", {
+    enumerable: true,
+    get: function() {
+        return _iconPackageTrolleyRegular.default;
+    }
+});
 Object.defineProperty(exports, "IconParkingFilled", {
     enumerable: true,
     get: function() {
@@ -8474,24 +8456,6 @@ Object.defineProperty(exports, "IconRestaurantRegular", {
         return _iconRestaurantRegular.default;
     }
 });
-Object.defineProperty(exports, "IconRewardsFilled", {
-    enumerable: true,
-    get: function() {
-        return _iconRewardsFilled.default;
-    }
-});
-Object.defineProperty(exports, "IconRewardsLight", {
-    enumerable: true,
-    get: function() {
-        return _iconRewardsLight.default;
-    }
-});
-Object.defineProperty(exports, "IconRewardsRegular", {
-    enumerable: true,
-    get: function() {
-        return _iconRewardsRegular.default;
-    }
-});
 Object.defineProperty(exports, "IconRewindFilled", {
     enumerable: true,
     get: function() {
@@ -9512,10 +9476,10 @@ Object.defineProperty(exports, "IconTagPoundLight", {
         return _iconTagPoundLight.default;
     }
 });
-Object.defineProperty(exports, "IconTagPoundregular", {
+Object.defineProperty(exports, "IconTagPoundRegular", {
     enumerable: true,
     get: function() {
-        return _iconTagPoundregular.default;
+        return _iconTagPoundRegular.default;
     }
 });
 Object.defineProperty(exports, "IconTagRegular", {
@@ -10797,7 +10761,6 @@ var _masterDetailLayout = _interopRequireDefault(require("./master-detail-layout
 var _navigationBreadcrumbs = _interopRequireDefault(require("./navigation-breadcrumbs"));
 var _text = _interopRequireWildcard(require("./text"));
 var _tag = _interopRequireDefault(require("./tag"));
-var _sectionTitle = _interopRequireDefault(require("./section-title"));
 var _placeholder = require("./placeholder");
 var _title = require("./title");
 var _list = require("./list");
@@ -10873,9 +10836,6 @@ var _icon5GRegular = _interopRequireDefault(require("./generated/mistica-icons/i
 var _iconAcademicFilled = _interopRequireDefault(require("./generated/mistica-icons/icon-academic-filled"));
 var _iconAcademicLight = _interopRequireDefault(require("./generated/mistica-icons/icon-academic-light"));
 var _iconAcademicRegular = _interopRequireDefault(require("./generated/mistica-icons/icon-academic-regular"));
-var _iconAccesibilityFilled = _interopRequireDefault(require("./generated/mistica-icons/icon-accesibility-filled"));
-var _iconAccesibilityLight = _interopRequireDefault(require("./generated/mistica-icons/icon-accesibility-light"));
-var _iconAccesibilityRegular = _interopRequireDefault(require("./generated/mistica-icons/icon-accesibility-regular"));
 var _iconAccessoriesFilled = _interopRequireDefault(require("./generated/mistica-icons/icon-accessories-filled"));
 var _iconAccessoriesLight = _interopRequireDefault(require("./generated/mistica-icons/icon-accessories-light"));
 var _iconAccessoriesRegular = _interopRequireDefault(require("./generated/mistica-icons/icon-accessories-regular"));
@@ -11113,9 +11073,6 @@ var _iconCalendarRegular = _interopRequireDefault(require("./generated/mistica-i
 var _iconCallbackFilled = _interopRequireDefault(require("./generated/mistica-icons/icon-callback-filled"));
 var _iconCallbackLight = _interopRequireDefault(require("./generated/mistica-icons/icon-callback-light"));
 var _iconCallbackRegular = _interopRequireDefault(require("./generated/mistica-icons/icon-callback-regular"));
-var _iconCallCenterUserSupportFilled = _interopRequireDefault(require("./generated/mistica-icons/icon-call-center-user-support-filled"));
-var _iconCallCenterUserSupportLight = _interopRequireDefault(require("./generated/mistica-icons/icon-call-center-user-support-light"));
-var _iconCallCenterUserSupportRegular = _interopRequireDefault(require("./generated/mistica-icons/icon-call-center-user-support-regular"));
 var _iconCallDetailsFilled = _interopRequireDefault(require("./generated/mistica-icons/icon-call-details-filled"));
 var _iconCallDetailsLight = _interopRequireDefault(require("./generated/mistica-icons/icon-call-details-light"));
 var _iconCallDetailsRegular = _interopRequireDefault(require("./generated/mistica-icons/icon-call-details-regular"));
@@ -11482,6 +11439,9 @@ var _iconExportLight = _interopRequireDefault(require("./generated/mistica-icons
 var _iconExportRegular = _interopRequireDefault(require("./generated/mistica-icons/icon-export-regular"));
 var _iconEyeFilled = _interopRequireDefault(require("./generated/mistica-icons/icon-eye-filled"));
 var _iconEyeLight = _interopRequireDefault(require("./generated/mistica-icons/icon-eye-light"));
+var _iconEyeOffFilled = _interopRequireDefault(require("./generated/mistica-icons/icon-eye-off-filled"));
+var _iconEyeOffLight = _interopRequireDefault(require("./generated/mistica-icons/icon-eye-off-light"));
+var _iconEyeOffRegular = _interopRequireDefault(require("./generated/mistica-icons/icon-eye-off-regular"));
 var _iconEyeRegular = _interopRequireDefault(require("./generated/mistica-icons/icon-eye-regular"));
 var _iconFamilyFilled = _interopRequireDefault(require("./generated/mistica-icons/icon-family-filled"));
 var _iconFamilyLight = _interopRequireDefault(require("./generated/mistica-icons/icon-family-light"));
@@ -11889,9 +11849,9 @@ var _iconMoonRegular = _interopRequireDefault(require("./generated/mistica-icons
 var _iconMouseFilled = _interopRequireDefault(require("./generated/mistica-icons/icon-mouse-filled"));
 var _iconMouseLight = _interopRequireDefault(require("./generated/mistica-icons/icon-mouse-light"));
 var _iconMouseRegular = _interopRequireDefault(require("./generated/mistica-icons/icon-mouse-regular"));
+var _iconMultideviceFilled = _interopRequireDefault(require("./generated/mistica-icons/icon-multidevice-filled"));
 var _iconMultideviceLight = _interopRequireDefault(require("./generated/mistica-icons/icon-multidevice-light"));
-var _iconMultideviceoFilled = _interopRequireDefault(require("./generated/mistica-icons/icon-multideviceo-filled"));
-var _iconMultideviceoRegular = _interopRequireDefault(require("./generated/mistica-icons/icon-multideviceo-regular"));
+var _iconMultideviceRegular = _interopRequireDefault(require("./generated/mistica-icons/icon-multidevice-regular"));
 var _iconMultisaveFilled = _interopRequireDefault(require("./generated/mistica-icons/icon-multisave-filled"));
 var _iconMultisaveLight = _interopRequireDefault(require("./generated/mistica-icons/icon-multisave-light"));
 var _iconMultisaveRegular = _interopRequireDefault(require("./generated/mistica-icons/icon-multisave-regular"));
@@ -11977,6 +11937,7 @@ var _iconPacifierLight = _interopRequireDefault(require("./generated/mistica-ico
 var _iconPacifierRegular = _interopRequireDefault(require("./generated/mistica-icons/icon-pacifier-regular"));
 var _iconPackageTrolleyFilled = _interopRequireDefault(require("./generated/mistica-icons/icon-package-trolley-filled"));
 var _iconPackageTrolleyLight = _interopRequireDefault(require("./generated/mistica-icons/icon-package-trolley-light"));
+var _iconPackageTrolleyRegular = _interopRequireDefault(require("./generated/mistica-icons/icon-package-trolley-regular"));
 var _iconParkingFilled = _interopRequireDefault(require("./generated/mistica-icons/icon-parking-filled"));
 var _iconParkingLight = _interopRequireDefault(require("./generated/mistica-icons/icon-parking-light"));
 var _iconParkingRegular = _interopRequireDefault(require("./generated/mistica-icons/icon-parking-regular"));
@@ -12112,9 +12073,6 @@ var _iconReportRegular = _interopRequireDefault(require("./generated/mistica-ico
 var _iconRestaurantFilled = _interopRequireDefault(require("./generated/mistica-icons/icon-restaurant-filled"));
 var _iconRestaurantLight = _interopRequireDefault(require("./generated/mistica-icons/icon-restaurant-light"));
 var _iconRestaurantRegular = _interopRequireDefault(require("./generated/mistica-icons/icon-restaurant-regular"));
-var _iconRewardsFilled = _interopRequireDefault(require("./generated/mistica-icons/icon-rewards-filled"));
-var _iconRewardsLight = _interopRequireDefault(require("./generated/mistica-icons/icon-rewards-light"));
-var _iconRewardsRegular = _interopRequireDefault(require("./generated/mistica-icons/icon-rewards-regular"));
 var _iconRewindFilled = _interopRequireDefault(require("./generated/mistica-icons/icon-rewind-filled"));
 var _iconRewindLight = _interopRequireDefault(require("./generated/mistica-icons/icon-rewind-light"));
 var _iconRewindRegular = _interopRequireDefault(require("./generated/mistica-icons/icon-rewind-regular"));
@@ -12285,7 +12243,7 @@ var _iconTagFilled = _interopRequireDefault(require("./generated/mistica-icons/i
 var _iconTagLight = _interopRequireDefault(require("./generated/mistica-icons/icon-tag-light"));
 var _iconTagPoundFilled = _interopRequireDefault(require("./generated/mistica-icons/icon-tag-pound-filled"));
 var _iconTagPoundLight = _interopRequireDefault(require("./generated/mistica-icons/icon-tag-pound-light"));
-var _iconTagPoundregular = _interopRequireDefault(require("./generated/mistica-icons/icon-tag-poundregular"));
+var _iconTagPoundRegular = _interopRequireDefault(require("./generated/mistica-icons/icon-tag-pound-regular"));
 var _iconTagRegular = _interopRequireDefault(require("./generated/mistica-icons/icon-tag-regular"));
 var _iconTalkFilled = _interopRequireDefault(require("./generated/mistica-icons/icon-talk-filled"));
 var _iconTalkLight = _interopRequireDefault(require("./generated/mistica-icons/icon-talk-light"));

package/dist/index.js.flow

@@ -72,7 +72,6 @@ declare export {
 } from "./text";
 declare export { default as Tag } from "./tag";
 export type { TagType } from "./tag";
-declare export { default as SectionTitle } from "./section-title";
 declare export { Placeholder } from "./placeholder";
 declare export { Title1, Title2 } from "./title";
 declare export { RowList, Row, BoxedRowList, BoxedRow } from "./list";
@@ -190,9 +189,6 @@ declare export { default as Icon5GRegular } from "./generated/mistica-icons/icon
 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";
-declare export { default as IconAccesibilityFilled } from "./generated/mistica-icons/icon-accesibility-filled";
-declare export { default as IconAccesibilityLight } from "./generated/mistica-icons/icon-accesibility-light";
-declare export { default as IconAccesibilityRegular } from "./generated/mistica-icons/icon-accesibility-regular";
 declare export { default as IconAccessoriesFilled } from "./generated/mistica-icons/icon-accessories-filled";
 declare export { default as IconAccessoriesLight } from "./generated/mistica-icons/icon-accessories-light";
 declare export { default as IconAccessoriesRegular } from "./generated/mistica-icons/icon-accessories-regular";
@@ -430,9 +426,6 @@ declare export { default as IconCalendarRegular } from "./generated/mistica-icon
 declare export { default as IconCallbackFilled } from "./generated/mistica-icons/icon-callback-filled";
 declare export { default as IconCallbackLight } from "./generated/mistica-icons/icon-callback-light";
 declare export { default as IconCallbackRegular } from "./generated/mistica-icons/icon-callback-regular";
-declare export { default as IconCallCenterUserSupportFilled } from "./generated/mistica-icons/icon-call-center-user-support-filled";
-declare export { default as IconCallCenterUserSupportLight } from "./generated/mistica-icons/icon-call-center-user-support-light";
-declare export { default as IconCallCenterUserSupportRegular } from "./generated/mistica-icons/icon-call-center-user-support-regular";
 declare export { default as IconCallDetailsFilled } from "./generated/mistica-icons/icon-call-details-filled";
 declare export { default as IconCallDetailsLight } from "./generated/mistica-icons/icon-call-details-light";
 declare export { default as IconCallDetailsRegular } from "./generated/mistica-icons/icon-call-details-regular";
@@ -799,6 +792,9 @@ declare export { default as IconExportLight } from "./generated/mistica-icons/ic
 declare export { default as IconExportRegular } from "./generated/mistica-icons/icon-export-regular";
 declare export { default as IconEyeFilled } from "./generated/mistica-icons/icon-eye-filled";
 declare export { default as IconEyeLight } from "./generated/mistica-icons/icon-eye-light";
+declare export { default as IconEyeOffFilled } from "./generated/mistica-icons/icon-eye-off-filled";
+declare export { default as IconEyeOffLight } from "./generated/mistica-icons/icon-eye-off-light";
+declare export { default as IconEyeOffRegular } from "./generated/mistica-icons/icon-eye-off-regular";
 declare export { default as IconEyeRegular } from "./generated/mistica-icons/icon-eye-regular";
 declare export { default as IconFamilyFilled } from "./generated/mistica-icons/icon-family-filled";
 declare export { default as IconFamilyLight } from "./generated/mistica-icons/icon-family-light";
@@ -1206,9 +1202,9 @@ declare export { default as IconMoonRegular } from "./generated/mistica-icons/ic
 declare export { default as IconMouseFilled } from "./generated/mistica-icons/icon-mouse-filled";
 declare export { default as IconMouseLight } from "./generated/mistica-icons/icon-mouse-light";
 declare export { default as IconMouseRegular } from "./generated/mistica-icons/icon-mouse-regular";
+declare export { default as IconMultideviceFilled } from "./generated/mistica-icons/icon-multidevice-filled";
 declare export { default as IconMultideviceLight } from "./generated/mistica-icons/icon-multidevice-light";
-declare export { default as IconMultideviceoFilled } from "./generated/mistica-icons/icon-multideviceo-filled";
-declare export { default as IconMultideviceoRegular } from "./generated/mistica-icons/icon-multideviceo-regular";
+declare export { default as IconMultideviceRegular } from "./generated/mistica-icons/icon-multidevice-regular";
 declare export { default as IconMultisaveFilled } from "./generated/mistica-icons/icon-multisave-filled";
 declare export { default as IconMultisaveLight } from "./generated/mistica-icons/icon-multisave-light";
 declare export { default as IconMultisaveRegular } from "./generated/mistica-icons/icon-multisave-regular";
@@ -1294,6 +1290,7 @@ declare export { default as IconPacifierLight } from "./generated/mistica-icons/
 declare export { default as IconPacifierRegular } from "./generated/mistica-icons/icon-pacifier-regular";
 declare export { default as IconPackageTrolleyFilled } from "./generated/mistica-icons/icon-package-trolley-filled";
 declare export { default as IconPackageTrolleyLight } from "./generated/mistica-icons/icon-package-trolley-light";
+declare export { default as IconPackageTrolleyRegular } from "./generated/mistica-icons/icon-package-trolley-regular";
 declare export { default as IconParkingFilled } from "./generated/mistica-icons/icon-parking-filled";
 declare export { default as IconParkingLight } from "./generated/mistica-icons/icon-parking-light";
 declare export { default as IconParkingRegular } from "./generated/mistica-icons/icon-parking-regular";
@@ -1429,9 +1426,6 @@ declare export { default as IconReportRegular } 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";
@@ -1602,7 +1596,7 @@ declare export { default as IconTagFilled } from "./generated/mistica-icons/icon
 declare export { default as IconTagLight } from "./generated/mistica-icons/icon-tag-light";
 declare export { default as IconTagPoundFilled } from "./generated/mistica-icons/icon-tag-pound-filled";
 declare export { default as IconTagPoundLight } from "./generated/mistica-icons/icon-tag-pound-light";
-declare export { default as IconTagPoundregular } from "./generated/mistica-icons/icon-tag-poundregular";
+declare export { default as IconTagPoundRegular } from "./generated/mistica-icons/icon-tag-pound-regular";
 declare export { default as IconTagRegular } from "./generated/mistica-icons/icon-tag-regular";
 declare export { default as IconTalkFilled } from "./generated/mistica-icons/icon-talk-filled";
 declare export { default as IconTalkLight } from "./generated/mistica-icons/icon-talk-light";

package/dist/list.js

@@ -535,6 +535,7 @@ var RowContent = /*#__PURE__*/ React.forwardRef(function(props1, ref) {
                     return /*#__PURE__*/ (0, _jsxRuntime).jsx(_box.default, {
                         paddingX: 16,
                         children: renderContent({
+                            labelId: titleId,
                             type: "control",
                             right: function right() {
                                 return /*#__PURE__*/ (0, _jsxRuntime).jsx(_stack.default, {

package/dist/menu.js

@@ -136,7 +136,7 @@ var useStyles = (0, _jss).createUseStyles(function(param1) {
                 var width1 = param.width;
                 return width1 !== null && width1 !== void 0 ? width1 : "100%";
             },
-            borderRadius: 4,
+            borderRadius: 8,
             boxShadow: "0px 5px 5px -3px rgba(0,0,0,0.2), 0px 8px 10px 1px rgba(0,0,0,0.14), 0px 3px 14px 2px rgba(0,0,0,0.12)",
             backgroundColor: colors.backgroundContainer,
             transformOrigin: function transformOrigin(param) {

package/dist/package-version.js

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

package/dist/password-field.js

@@ -9,7 +9,7 @@ var _formContext = require("./form-context");
 var _textFieldBase = require("./text-field-base");
 var _hooks = require("./hooks");
 var _iconButton = _interopRequireDefault(require("./icon-button"));
-var _iconAccesibilityRegular = _interopRequireDefault(require("./generated/mistica-icons/icon-accesibility-regular"));
+var _iconEyeOffRegular = _interopRequireDefault(require("./generated/mistica-icons/icon-eye-off-regular"));
 var _iconEyeRegular = _interopRequireDefault(require("./generated/mistica-icons/icon-eye-regular"));
 var _jss = require("./jss");
 function _interopRequireDefault(obj) {
@@ -170,7 +170,7 @@ var PasswordAdornment = function PasswordAdornment(param) {
         size: 40,
         className: classes.shadow,
         style: style,
-        children: isVisible ? /*#__PURE__*/ (0, _jsxRuntime).jsx(_iconAccesibilityRegular.default, {}) : /*#__PURE__*/ (0, _jsxRuntime).jsx(_iconEyeRegular.default, {})
+        children: isVisible ? /*#__PURE__*/ (0, _jsxRuntime).jsx(_iconEyeOffRegular.default, {}) : /*#__PURE__*/ (0, _jsxRuntime).jsx(_iconEyeRegular.default, {})
     });
 };
 var PasswordField = function PasswordField(_param) {

package/dist/popover.js

@@ -125,7 +125,7 @@ var useStyles = (0, _jss).createUseStyles(function(theme) {
     return {
         arrow: {
             position: "absolute",
-            backgroundColor: theme.colors.background,
+            backgroundColor: theme.colors.backgroundContainer,
             width: arrowSize,
             height: arrowSize,
             top: 0,
@@ -140,7 +140,7 @@ var useStyles = (0, _jss).createUseStyles(function(theme) {
         },
         arrowWrapper: {
             position: "absolute",
-            color: theme.colors.background,
+            color: theme.colors.backgroundContainer,
             width: arrowWrapperWidth,
             height: arrowWrapperHeight,
             overflow: "hidden"
@@ -153,9 +153,9 @@ var useStyles = (0, _jss).createUseStyles(function(theme) {
             width: "auto",
             zIndex: 9,
             boxShadow: "0 2px 4px 0 rgba(0, 0, 0, ".concat(shadowAlpha, ")"),
-            backgroundColor: theme.colors.background,
+            backgroundColor: theme.colors.backgroundContainer,
             border: "1px solid ".concat(theme.colors.divider),
-            borderRadius: 4
+            borderRadius: 8
         },
         title: {
             marginBottom: 4,

package/dist/radio-button.d.ts

@@ -20,6 +20,7 @@ declare type PropsRender = {
     }) => React.ReactNode;
     children?: undefined;
     dataAttributes?: DataAttributes;
+    'aria-labelledby'?: string;
 };
 declare type PropsChildren = {
     value: string;
@@ -27,6 +28,7 @@ declare type PropsChildren = {
     children?: React.ReactNode;
     render?: undefined;
     dataAttributes?: DataAttributes;
+    'aria-labelledby'?: string;
 };
 declare const RadioButton: React.FC<PropsRender | PropsChildren>;
 declare type RadioGroupProps = {