@telefonica/mistica 11.12.0 → 12.0.0

package/dist-es/generated/mistica-icons/icon-winner-light.js

@@ -90,7 +90,7 @@ var IconWinnerLight = function(_param) {
             role: "presentation"
         }, rest, {
             children: /*#__PURE__*/ _jsx("path", {
-                d: "M20.415 19.72a.791.791 0 00.11-.847l-2.821-6.028c.728-1.03 1.123-2.417 1.123-4.185 0-4.428-2.431-6.504-6.6-6.504-4.168 0-6.596 2.073-6.596 6.507 0 1.527.294 2.765.843 3.743l-3.025 6.47a.802.802 0 00.11.846c.198.241.512.345.867.263l2.205-.817.854 2.246a.81.81 0 00.723.428h.022a.823.823 0 00.723-.47l2.91-6.227.08.003c.055.003.11.005.167.005l2.907 6.219c.132.28.412.462.723.468h.022c.306 0 .58-.163.746-.477l.81-2.187 2.282.823c.303.07.62-.039.815-.28zM12.227 2.982c3.877 0 5.762 1.857 5.762 5.677 0 3.818-1.882 5.673-5.762 5.673-3.876 0-5.759-1.857-5.759-5.675 0-3.818 1.886-5.675 5.76-5.675zm-1.254 12.1l-2.726 5.992-.832-2.199a.83.83 0 00-1.05-.473l-2.154.818 2.81-6.02c.91 1.07 2.249 1.686 3.952 1.882zm8.862 4.124l-2.227-.807a.83.83 0 00-1.053.476l-.776 2.151-2.756-5.896c1.726-.12 3.11-.641 4.093-1.588l2.72 5.664zM9.87 8.083a.17.17 0 01.154-.126l1.19-.179a.451.451 0 00.323-.24l.529-1.102a.203.203 0 01.084-.084.19.19 0 01.252.084l.524 1.087c.062.135.185.23.333.255l1.185.177c.07.01.13.061.152.131a.21.21 0 01-.051.222l-.854.854a.451.451 0 00-.126.384l.201 1.21a.201.201 0 01-.08.207.176.176 0 01-.189.011l-1.044-.563a.44.44 0 00-.429-.008l-1.056.571a.175.175 0 01-.188-.011.207.207 0 01-.084-.21l.202-1.202a.46.46 0 00-.12-.39l-.858-.856a.208.208 0 01-.05-.222zm-.549.802l.717.717s-.17 1.016-.168 1.02a1.026 1.026 0 001.499 1.078l.86-.468.868.468a1.03 1.03 0 001.07-.062c.33-.23.493-.622.426-1.017l-.171-1.017.717-.72c.28-.28.372-.686.246-1.061a1.02 1.02 0 00-.82-.69l-.972-.145-.44-.913a1.024 1.024 0 00-1.849 0l-.437.913-.972.146a1.032 1.032 0 00-.574 1.75z",
+                d: "M20.42 19.714a.791.791 0 00.11-.846l-2.821-6.028c.728-1.03 1.123-2.417 1.123-4.185 0-4.428-2.431-6.504-6.6-6.504-4.168 0-6.596 2.073-6.596 6.507 0 1.527.294 2.765.843 3.742l-3.025 6.471a.802.802 0 00.109.846c.199.241.513.345.868.263l2.205-.818.854 2.247a.81.81 0 00.723.428h.022a.823.823 0 00.723-.47l2.91-6.227.08.003c.055.003.11.005.167.005l2.907 6.219c.132.28.412.462.723.468h.023c.305 0 .58-.163.745-.477l.81-2.187 2.282.823c.303.07.62-.039.815-.28zM12.232 2.978c3.877 0 5.762 1.857 5.762 5.677 0 3.818-1.882 5.673-5.761 5.673-3.877 0-5.76-1.857-5.76-5.675 0-3.818 1.886-5.675 5.76-5.675zm-1.254 12.1L8.252 21.07l-.832-2.199a.83.83 0 00-1.05-.473l-2.154.818 2.81-6.02c.91 1.07 2.249 1.686 3.952 1.882zm8.862 4.124l-2.227-.807a.83.83 0 00-1.053.476l-.776 2.151-2.756-5.896c1.726-.12 3.11-.641 4.092-1.588l2.72 5.664zM9.874 8.078a.17.17 0 01.154-.126l1.19-.179a.451.451 0 00.323-.24l.53-1.102a.202.202 0 01.083-.084.19.19 0 01.252.084l.524 1.087c.062.135.185.23.333.255l1.185.177c.07.01.13.061.152.131a.21.21 0 01-.051.222l-.854.854a.451.451 0 00-.126.384l.201 1.21a.202.202 0 01-.08.207.176.176 0 01-.189.011l-1.044-.563a.44.44 0 00-.429-.008l-1.056.571a.175.175 0 01-.188-.011.207.207 0 01-.084-.21l.202-1.202a.46.46 0 00-.12-.39L9.923 8.3a.208.208 0 01-.05-.222zm-.55.802l.718.717s-.17 1.016-.168 1.02a1.026 1.026 0 001.499 1.078l.86-.468.868.468a1.03 1.03 0 001.07-.062c.33-.23.493-.622.426-1.017L14.426 9.6l.717-.72c.28-.28.372-.686.246-1.061a1.02 1.02 0 00-.82-.69l-.972-.145-.44-.913a1.024 1.024 0 00-1.849 0l-.437.913-.972.146a1.032 1.032 0 00-.574 1.75z",
                 fill: fillColor
             })
         }));

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

@@ -90,7 +90,7 @@ var IconWinnerRegular = function(_param) {
             role: "presentation"
         }, rest, {
             children: /*#__PURE__*/ _jsx("path", {
-                d: "M20.379 19.661c.246-.302.297-.708.134-1.061l-2.8-6.07c.62-.997.951-2.305.951-3.939 0-4.38-2.372-6.431-6.437-6.431-4.064 0-6.434 2.05-6.434 6.431 0 1.395.244 2.555.703 3.485a.213.213 0 01-.014.018c-.008.01-.017.02-.022.032l-2.986 6.48c-.162.35-.112.756.132 1.058.246.3.63.434 1.086.328l1.958-.72.765 2.034c.177.333.518.537.894.537h.03c.387-.01.729-.235.891-.588l2.762-5.994 2.765 5.994c.16.35.501.575.89.586h.029c.378 0 .72-.208.927-.61l.73-1.962 2.037.743a1.01 1.01 0 001.009-.35zM12.23 3.395c3.544 0 5.194 1.647 5.194 5.19 0 3.541-1.65 5.188-5.194 5.188-3.54 0-5.19-1.647-5.19-5.187s1.65-5.19 5.19-5.19zm-1.448 11.521l-2.445 5.306-.6-1.608a1.023 1.023 0 00-1.297-.591l-1.602.594 2.474-5.367c.84.904 2.008 1.46 3.47 1.666zm8.367 3.692l-1.6-.588a1.024 1.024 0 00-1.3.597l-.596 1.607-2.426-5.26c1.485-.137 2.698-.597 3.597-1.395l2.325 5.04zM11.272 7.92a.658.658 0 00.47-.358l.46-1.09.507 1.07a.654.654 0 00.49.378l1.135.165-.832.846a.675.675 0 00-.18.563l.2 1.171-.986-.54a.633.633 0 00-.608 0l-.983.568.196-1.187a.679.679 0 00-.177-.572l-.854-.837 1.162-.177zM9.244 8.956l.622.633-.146.902a1.226 1.226 0 001.197 1.437c.198 0 .397-.048.58-.149l.736-.403.742.406a1.218 1.218 0 001.774-1.289l-.149-.902.622-.633c.328-.333.44-.818.291-1.269a1.217 1.217 0 00-.972-.823l-.832-.126-.38-.801a1.204 1.204 0 00-1.096-.698c-.47 0-.89.266-1.095.698l-.378.798-.835.126c-.454.07-.826.384-.972.824a1.24 1.24 0 00.291 1.269z",
+                d: "M20.384 19.661c.246-.302.297-.708.134-1.061l-2.801-6.07c.622-.997.952-2.305.952-3.939 0-4.38-2.372-6.431-6.437-6.431-4.064 0-6.434 2.05-6.434 6.431 0 1.395.244 2.555.703 3.485a.213.213 0 01-.014.018c-.008.01-.017.02-.022.032l-2.986 6.48c-.163.35-.112.756.132 1.058.246.3.63.434 1.086.328l1.958-.72.765 2.034c.177.333.518.537.894.537h.03c.387-.01.729-.235.891-.588l2.762-5.994 2.765 5.994c.16.35.501.575.89.586h.029c.378 0 .72-.208.927-.61l.73-1.962 2.037.743a1.01 1.01 0 001.009-.35zM12.235 3.395c3.544 0 5.194 1.647 5.194 5.19 0 3.541-1.65 5.188-5.194 5.188-3.54 0-5.19-1.647-5.19-5.187s1.65-5.19 5.19-5.19zm-1.448 11.521l-2.445 5.306-.6-1.608a1.023 1.023 0 00-1.297-.591l-1.602.594 2.473-5.367c.84.904 2.009 1.46 3.471 1.666zm8.367 3.692l-1.6-.588a1.024 1.024 0 00-1.3.597l-.596 1.607-2.426-5.26c1.485-.137 2.698-.597 3.597-1.395l2.325 5.04zM11.277 7.92a.659.659 0 00.47-.358l.46-1.09.507 1.07a.654.654 0 00.49.378l1.135.165-.832.846a.675.675 0 00-.18.563l.2 1.171-.986-.54a.633.633 0 00-.608 0l-.983.568.196-1.187a.679.679 0 00-.177-.572l-.854-.837 1.162-.177zM9.25 8.956l.622.633-.146.902a1.226 1.226 0 001.197 1.437c.198 0 .397-.048.58-.149l.736-.403.742.406a1.218 1.218 0 001.773-1.289l-.148-.902.622-.633c.328-.333.44-.818.291-1.269a1.217 1.217 0 00-.972-.823l-.832-.126-.38-.801a1.204 1.204 0 00-1.096-.698c-.47 0-.89.266-1.095.698l-.378.798-.835.126c-.454.07-.826.384-.972.824a1.24 1.24 0 00.291 1.269z",
                 fill: fillColor
             })
         }));

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

@@ -90,7 +90,7 @@ var IconWomanFilled = function(_param) {
             role: "presentation"
         }, rest, {
             children: /*#__PURE__*/ _jsx("path", {
-                d: "M9.467 4.485c0 1.549.916 2.473 2.448 2.473 1.535 0 2.454-.924 2.454-2.476 0-.793-.227-1.418-.675-1.852-.432-.417-1.029-.63-1.78-.63-.75 0-1.346.213-1.778.636-.445.437-.67 1.059-.67 1.849zm7.627 10.294c.176-.364.204-.78.073-1.171 0 0-1.518-4.37-1.521-4.364a1.326 1.326 0 00-.076-.194 2.833 2.833 0 00-2.605-1.74h-2.098a2.826 2.826 0 00-2.594 1.712 1.54 1.54 0 00-.08.205l-1.527 4.392c-.132.384-.104.801.075 1.165.177.359.48.628.84.751.166.059.334.09.505.09h.002l-.168.63a.604.604 0 00.577.759h.401l.017 3.146c0 .848.6 1.504 1.398 1.523h.036c.347.009.68-.123.927-.367.283-.28.437-.689.437-1.16l-.017-3.145h.47l-.013 3.149c0 .868.56 1.507 1.33 1.523h.037c.501 0 .81-.204.983-.375.272-.272.417-.67.417-1.146l.017-3.15h.4a.604.604 0 00.577-.76l-.167-.63a1.16 1.16 0 00.493-.087c.375-.126.678-.395.854-.756z",
+                d: "M9.552 4.645c0 1.549.915 2.473 2.448 2.473 1.535 0 2.454-.924 2.454-2.476 0-.793-.227-1.418-.676-1.852-.43-.417-1.028-.63-1.778-.63s-1.348.213-1.779.636c-.445.437-.67 1.059-.67 1.849zm7.627 10.294c.177-.364.205-.779.073-1.171 0 0-1.518-4.37-1.521-4.364a1.328 1.328 0 00-.076-.194 2.833 2.833 0 00-2.605-1.74h-2.098a2.826 2.826 0 00-2.594 1.712c-.036.079-.061.14-.08.205L6.75 13.779a1.52 1.52 0 00.076 1.165c.177.359.48.628.84.751.166.059.334.09.505.09h.002l-.168.63a.604.604 0 00.577.759h.4L9 20.32c0 .848.6 1.504 1.398 1.523h.036c.347.009.68-.123.927-.366.283-.28.437-.69.437-1.16l-.017-3.146h.47l-.013 3.149c0 .868.56 1.507 1.33 1.523h.037c.501 0 .81-.204.983-.375.272-.272.417-.67.417-1.146l.017-3.15h.4a.604.604 0 00.577-.76l-.167-.63a1.16 1.16 0 00.493-.087c.375-.126.678-.395.854-.756z",
                 fill: fillColor
             })
         }));

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

@@ -90,7 +90,7 @@ var IconWomanLight = function(_param) {
             role: "presentation"
         }, rest, {
             children: /*#__PURE__*/ _jsx("path", {
-                d: "M9.688 4.484c0 1.476.851 2.322 2.336 2.322 1.487 0 2.342-.846 2.342-2.322 0-.75-.213-1.336-.636-1.742-.406-.387-.98-.586-1.706-.586s-1.297.196-1.703.588c-.42.407-.633.992-.633 1.74zm.829 0c0-.518.129-.905.38-1.148.245-.239.626-.356 1.127-.356.504 0 .885.117 1.132.356.254.243.383.633.383 1.148 0 1.025-.482 1.501-1.515 1.501-1.028 0-1.507-.479-1.507-1.501zm5.958 10.059a.508.508 0 01-.297.258.52.52 0 01-.658-.311l-.827-2.449a.415.415 0 00-.52-.263.409.409 0 00-.267.515l.373 1.152.764 2.812h-.492a.414.414 0 00-.415.41l-.02 3.831a.52.52 0 01-.518.524.522.522 0 01-.518-.524l.017-3.832a.417.417 0 00-.415-.412h-1.314a.414.414 0 00-.409.415l.02 3.829a.518.518 0 11-1.036 0l-.02-3.832a.416.416 0 00-.415-.409h-.49l.754-2.795.375-1.166a.416.416 0 00-.252-.49.413.413 0 00-.535.235l-.824 2.446a.525.525 0 01-.271.297.508.508 0 01-.395.016.517.517 0 01-.32-.655l1.586-4.49c.014-.034.028-.067.045-.101a1.913 1.913 0 011.756-1.157h2.18a1.92 1.92 0 011.803 1.266l1.583 4.48a.524.524 0 01-.028.4zm.74.364a1.34 1.34 0 00.07-1.037l-1.592-4.473a.966.966 0 00-.07-.174 2.732 2.732 0 00-2.515-1.652h-2.18a2.73 2.73 0 00-2.506 1.633 1.334 1.334 0 00-.076.182L6.761 13.87c-.118.338-.093.714.07 1.033.154.314.425.555.759.667.235.084.487.1.73.047l-.251.936a.413.413 0 00.398.518h.621l.017 3.42c0 .743.602 1.348 1.345 1.348.742 0 1.344-.605 1.344-1.35l-.017-3.418h.48l-.017 3.42a1.35 1.35 0 001.347 1.348 1.35 1.35 0 001.347-1.345l.017-3.42h.622a.411.411 0 00.4-.518l-.252-.936c.241.056.493.04.726-.045a1.32 1.32 0 00.767-.67z",
+                d: "M9.663 4.484c0 1.476.851 2.322 2.336 2.322 1.487 0 2.342-.846 2.342-2.322 0-.75-.213-1.336-.636-1.742-.406-.387-.98-.586-1.706-.586s-1.297.196-1.703.588c-.42.407-.633.992-.633 1.74zm.829 0c0-.518.129-.905.38-1.148.245-.239.625-.356 1.127-.356.504 0 .885.117 1.131.356.255.243.384.633.384 1.148 0 1.025-.481 1.501-1.515 1.501-1.028 0-1.507-.479-1.507-1.501zm5.958 10.059a.508.508 0 01-.297.258.52.52 0 01-.658-.311l-.827-2.449a.415.415 0 00-.52-.263.409.409 0 00-.267.515l.373 1.152.764 2.812h-.493a.414.414 0 00-.414.41l-.02 3.831a.52.52 0 01-.518.524.522.522 0 01-.518-.524l.017-3.832a.417.417 0 00-.415-.412h-1.314a.414.414 0 00-.409.415l.02 3.829a.518.518 0 11-1.036 0l-.02-3.832a.416.416 0 00-.415-.409h-.49l.754-2.795.375-1.166a.416.416 0 00-.252-.49.413.413 0 00-.535.235l-.824 2.446a.525.525 0 01-.271.297.508.508 0 01-.395.016.517.517 0 01-.32-.655l1.586-4.49c.014-.034.028-.067.045-.101a1.913 1.913 0 011.756-1.157h2.18a1.92 1.92 0 011.803 1.266l1.583 4.48a.524.524 0 01-.028.4zm.74.364a1.34 1.34 0 00.07-1.037l-1.592-4.473a.966.966 0 00-.07-.174 2.732 2.732 0 00-2.515-1.652h-2.18a2.73 2.73 0 00-2.506 1.633 1.334 1.334 0 00-.076.182L6.736 13.87c-.118.338-.093.714.07 1.033.154.314.425.555.759.667.235.084.487.1.73.047l-.251.936a.413.413 0 00.398.518h.621l.017 3.42c0 .743.602 1.348 1.345 1.348.742 0 1.344-.605 1.344-1.35l-.017-3.418h.48l-.018 3.42a1.35 1.35 0 001.348 1.348 1.35 1.35 0 001.347-1.345l.017-3.42h.622a.412.412 0 00.4-.518l-.252-.936c.241.056.493.04.726-.045a1.32 1.32 0 00.767-.67z",
                 fill: fillColor
             })
         }));

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

@@ -90,7 +90,7 @@ var IconWomanRegular = function(_param) {
             role: "presentation"
         }, rest, {
             children: /*#__PURE__*/ _jsx("path", {
-                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.296.296 0 01-.193.157.276.276 0 01-.219-.011.314.314 0 01-.157-.174l-.792-2.392a.596.596 0 00-1.166.185c0 .061.009.123.028.184l.359 1.124.664 2.493h-.213a.602.602 0 00-.597.602l-.02 3.756c0 .182-.039.27-.058.289a.421.421 0 01-.16.028c-.157-.006-.16-.314-.16-.314l.017-3.753a.601.601 0 00-.596-.608h-1.673a.59.59 0 00-.423.179.613.613 0 00-.173.429l.02 3.75c0 .149-.037.252-.076.292-.006.005-.028.014-.101.022-.213-.006-.23-.244-.23-.32l-.017-3.75a.6.6 0 00-.596-.602h-.216l.658-2.476.364-1.14a.6.6 0 00-.387-.76.594.594 0 00-.75.39l-.79 2.386a.311.311 0 01-.157.177.293.293 0 01-.232.008.284.284 0 01-.165-.148.314.314 0 01-.017-.236L9.75 9.622a1.64 1.64 0 011.546-1.106h2.098a1.64 1.64 0 011.528 1.057l.021.049L16.468 14a.34.34 0 01-.017.24zm1.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",
+                d: "M9.546 4.642c0 1.552.916 2.476 2.448 2.476 1.535 0 2.454-.924 2.454-2.476 0-.793-.23-1.415-.675-1.852-.431-.417-1.028-.63-1.779-.63-.75 0-1.347.213-1.778.633-.446.437-.67 1.059-.67 1.849zm1.196 0c0-.451.104-.782.306-.98.198-.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.296.296 0 01-.193.157.276.276 0 01-.219-.011.313.313 0 01-.157-.174l-.793-2.392a.596.596 0 00-1.165.185c0 .061.009.123.028.184l.359 1.124.664 2.493h-.213a.602.602 0 00-.597.602l-.02 3.756c0 .182-.039.27-.058.289a.421.421 0 01-.16.028c-.157-.006-.16-.314-.16-.314l.017-3.753a.601.601 0 00-.596-.608h-1.673a.59.59 0 00-.423.179.614.614 0 00-.173.429l.02 3.75c0 .149-.037.252-.076.292-.006.005-.028.014-.101.022-.213-.006-.23-.244-.23-.32l-.017-3.75a.6.6 0 00-.596-.602h-.216l.658-2.476.364-1.14a.6.6 0 00-.387-.76.594.594 0 00-.75.39l-.79 2.386a.31.31 0 01-.157.177.293.293 0 01-.232.008.283.283 0 01-.165-.148.314.314 0 01-.017-.236L9.4 9.782a1.64 1.64 0 011.546-1.106h2.098a1.64 1.64 0 011.528 1.057l.02.049 1.525 4.378a.34.34 0 01-.017.24zm1.073.535a1.54 1.54 0 00.073-1.17l-1.513-4.368a1.21 1.21 0 00-.076-.193 2.833 2.833 0 00-2.605-1.74h-2.098a2.824 2.824 0 00-2.594 1.712c-.039.075-.064.14-.084.202L6.751 13.77a1.516 1.516 0 00.915 1.915c.163.06.331.09.502.09h.003l-.168.633a.604.604 0 00.103.524.585.585 0 00.474.238h.4l.014 3.149c0 .848.6 1.504 1.398 1.523h.037c.364 0 .683-.125.927-.366.283-.278.437-.69.437-1.16l-.017-3.146h.47l-.014 3.149c0 .868.56 1.51 1.331 1.523h.037c.498 0 .809-.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/grid-layout.js

@@ -15,7 +15,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { createUseStyles } from "./jss";
 var useStyles = createUseStyles(function(theme) {
-    var _obj, _obj1, _obj2, _obj3, _obj4, _obj5;
+    var _obj, _obj1, _obj2, _obj3, _obj4, _obj5, _obj6, _obj7;
     return {
         grid: (_obj = {
             display: "grid"
@@ -35,31 +35,41 @@ var useStyles = 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(props) {
@@ -139,6 +149,21 @@ var GridLayout = function(props) {
             ]
         });
     }
+    if (props.template === "3+9") {
+        return /*#__PURE__*/ _jsxs("div", {
+            className: classes.grid,
+            children: [
+                /*#__PURE__*/ _jsx("div", {
+                    className: classes.span3,
+                    children: props.left
+                }),
+                /*#__PURE__*/ _jsx("div", {
+                    className: classes.span9,
+                    children: props.right
+                })
+            ]
+        });
+    }
     if (props.template === "10") {
         return /*#__PURE__*/ _jsxs("div", {
             className: classes.grid,

package/dist-es/highlighted-card.js

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

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

@@ -65,7 +65,7 @@ var misticaIcons = function(requireContext) {
     });
 }(require.context("../../generated/mistica-icons/", true, /\.tsx$/));
 export default {
-    title: "Icons/Mistica Icons"
+    title: "Icons/Catalog"
 };
 export var Catalog = function() {
     var ref = _slicedToArray(useCheckbox("Regular", true), 2), showRegular = ref[0], regularCheckbox = ref[1];

package/dist-es/image.js

@@ -127,7 +127,7 @@ var useStyles = createUseStyles(function() {
             maxHeight: "100%",
             borderRadius: function(param) {
                 var noBorderRadius = param.noBorderRadius;
-                return noBorderRadius ? 0 : 4;
+                return noBorderRadius ? 0 : 8;
             },
             "@supports (aspect-ratio: 1 / 1)": {
                 aspectRatio: function(param) {
@@ -155,7 +155,7 @@ var useStyles = createUseStyles(function() {
         wrapper: {
             borderRadius: function(param) {
                 var noBorderRadius = param.noBorderRadius;
-                return noBorderRadius ? 0 : 4;
+                return noBorderRadius ? 0 : 8;
             },
             overflow: "hidden",
             maxWidth: "100%",
@@ -210,9 +210,9 @@ var Image = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
         width = props.width;
         height = props.height;
     } else if (typeof props.width === "number") {
-        height = props.width / ratio;
+        height = ratio ? props.width / ratio : undefined;
     } else if (typeof props.height === "number") {
-        width = props.height * ratio;
+        width = ratio ? props.height * ratio : undefined;
     } else {
         width = props.width || "100%";
     }

package/dist-es/index.js

@@ -35,7 +35,6 @@ export { default as MasterDetailLayout } from "./master-detail-layout";
 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 { default as SectionTitle } from "./section-title";
 export { Placeholder } from "./placeholder";
 export { Title1, Title2 } from "./title";
 export { RowList, Row, BoxedRowList, BoxedRow } from "./list";
@@ -130,9 +129,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";
@@ -370,9 +366,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";
@@ -739,6 +732,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";
@@ -1146,9 +1142,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";
@@ -1234,6 +1230,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";
@@ -1369,9 +1366,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";
@@ -1542,7 +1536,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-es/list.js

@@ -508,6 +508,7 @@ var RowContent = /*#__PURE__*/ React.forwardRef(function(props1, ref) {
                     return /*#__PURE__*/ _jsx(Box, {
                         paddingX: 16,
                         children: renderContent({
+                            labelId: titleId,
                             type: "control",
                             right: function() {
                                 return /*#__PURE__*/ _jsx(Stack, {

package/dist-es/menu.js

@@ -104,7 +104,7 @@ var useStyles = createUseStyles(function(param1) {
                 var width = param.width;
                 return width !== null && width !== void 0 ? width : "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(param) {

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 = "11.12.0";
+export var PACKAGE_VERSION = "12.0.0";

package/dist-es/password-field.js

@@ -105,7 +105,7 @@ import { useFieldProps } from "./form-context";
 import { TextFieldBaseAutosuggest } from "./text-field-base";
 import { useTheme } from "./hooks";
 import IconButton from "./icon-button";
-import IconAccesibilityRegular from "./generated/mistica-icons/icon-accesibility-regular";
+import IconEyeOffRegular from "./generated/mistica-icons/icon-eye-off-regular";
 import IconEyeRegular from "./generated/mistica-icons/icon-eye-regular";
 import { createUseStyles } from "./jss";
 var usePasswordAdornmentStyles = createUseStyles(function(theme) {
@@ -138,7 +138,7 @@ var PasswordAdornment = function(param) {
         size: 40,
         className: classes.shadow,
         style: style,
-        children: isVisible ? /*#__PURE__*/ _jsx(IconAccesibilityRegular, {}) : /*#__PURE__*/ _jsx(IconEyeRegular, {})
+        children: isVisible ? /*#__PURE__*/ _jsx(IconEyeOffRegular, {}) : /*#__PURE__*/ _jsx(IconEyeRegular, {})
     });
 };
 var PasswordField = function(_param) {

package/dist-es/popover.js

@@ -93,7 +93,7 @@ var useStyles = createUseStyles(function(theme) {
     return {
         arrow: {
             position: "absolute",
-            backgroundColor: theme.colors.background,
+            backgroundColor: theme.colors.backgroundContainer,
             width: arrowSize,
             height: arrowSize,
             top: 0,
@@ -108,7 +108,7 @@ var useStyles = createUseStyles(function(theme) {
         },
         arrowWrapper: {
             position: "absolute",
-            color: theme.colors.background,
+            color: theme.colors.backgroundContainer,
             width: arrowWrapperWidth,
             height: arrowWrapperHeight,
             overflow: "hidden"
@@ -121,9 +121,9 @@ var useStyles = 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-es/radio-button.js

@@ -167,13 +167,14 @@ export var useRadioContext = function() {
     return React.useContext(RadioContext);
 };
 var RadioButton = function(_param) {
-    var value = _param.value, id = _param.id, dataAttributes = _param.dataAttributes, rest = _objectWithoutProperties(_param, [
+    var value = _param.value, id = _param.id, dataAttributes = _param.dataAttributes, ariaLabelledby = _param["aria-labelledby"], rest = _objectWithoutProperties(_param, [
         "value",
         "id",
-        "dataAttributes"
+        "dataAttributes",
+        "aria-labelledby"
     ]);
     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 labelId = useAriaId(ariaLabelledby);
     var ref1 = React.useRef(null);
     var checked = value === selectedValue;
     var tabIndex = focusableValue === value ? 0 : -1;

package/dist-es/responsive-layout.js

@@ -11,11 +11,27 @@ function _defineProperty(obj, key, value) {
     }
     return obj;
 }
+function _objectSpread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _defineProperty(target, key, source[key]);
+        });
+    }
+    return target;
+}
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { createUseStyles } from "./jss";
 import classnames from "classnames";
 import { useScreenSize } from "./hooks";
+import { getPrefixedDataAttributes } from "./utils/dom";
 var MOBILE_SIDE_MARGIN = 16;
 var TABLET_SIDE_MARGIN = 32;
 var SMALL_DESKTOP_SIDE_MARGIN = 40;
@@ -56,19 +72,20 @@ export var useResonsiveLayoutMargin = function() {
     return React.useContext(ResponsiveLayoutMarginContext);
 };
 var ResponsiveLayout = function(param) {
-    var children = param.children, className = param.className, fullWidth = param.fullWidth;
+    var children = param.children, className = param.className, fullWidth = param.fullWidth, dataAttributes = param.dataAttributes;
     var classes = useStyles();
     var ref = useScreenSize(), isMobile = ref.isMobile, isTablet = ref.isTablet;
     var sideMargin = isMobile ? MOBILE_SIDE_MARGIN : isTablet ? TABLET_SIDE_MARGIN : null;
     return /*#__PURE__*/ _jsx(ResponsiveLayoutMarginContext.Provider, {
         value: sideMargin,
-        children: /*#__PURE__*/ _jsx("div", {
-            className: classnames(classes.container, className),
+        children: /*#__PURE__*/ _jsx("div", _objectSpread({
+            className: classnames(classes.container, className)
+        }, getPrefixedDataAttributes(dataAttributes), {
             children: /*#__PURE__*/ _jsx("div", {
                 className: classnames(classes.layout, _defineProperty({}, classes.layoutFullWidth, fullWidth)),
                 children: children
             })
-        })
+        }))
     });
 };
 export default ResponsiveLayout;

package/dist-es/select.js

@@ -171,7 +171,7 @@ var useStyles = createUseStyles(function(theme) {
                 var optionsComputedProps = param.optionsComputedProps;
                 return optionsComputedProps.width;
             },
-            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: theme.colors.backgroundContainer,
             paddingTop: 8,

package/dist-es/skins/blau.js

@@ -39,7 +39,8 @@ export var palette = {
     white: "#FFFFFF",
     // specific for dark mode:
     darkModeBlack: "#191919",
-    darkModeGrey: "#242424"
+    darkModeGrey: "#242424",
+    darkModeGrey6: "#313235"
 };
 export var getBlauSkin = function() {
     return {
@@ -107,16 +108,15 @@ export var getBlauSkin = function() {
             feedbackInfoBackground: palette.grey6,
             // GLOBAL
             brand: palette.blauBluePrimary,
-            brandDark: palette.blauBlueSecondary,
+            brandHigh: palette.blauBlueSecondary,
             inverse: palette.white,
             neutralHigh: palette.grey6,
             neutralMedium: palette.grey5,
-            neutralLow: palette.grey2,
+            neutralLow: palette.grey1,
             textPrimary: palette.grey6,
             textPrimaryInverse: palette.white,
             textSecondary: palette.grey5,
             textSecondaryInverse: palette.white,
-            textAmount: palette.blauBlueSecondary,
             // STATES
             error: palette.blauRed,
             success: palette.blauGreen,
@@ -131,18 +131,15 @@ export var getBlauSkin = function() {
             textAppBar: palette.grey5,
             textAppBarSelected: palette.blauBlueSecondary60,
             // TAGS
-            tagBackgroundSuccess: palette.blauGreen10,
-            tagBackgroundWarning: palette.blauYellow10,
-            tagBackgroundError: palette.blauRed10,
-            tagBackgroundPromo: palette.blauPurple10,
-            tagBackgroundActive: palette.blauBlueSecondary10,
-            tagBackgroundInactive: palette.grey2,
-            textTagSuccess: palette.blauGreen70,
-            textTagWarning: palette.blauYellow70,
-            textTagError: palette.blauRed70,
-            textTagPromo: palette.blauPurple,
-            textTagActive: palette.blauBlueSecondary,
-            textTagInactive: palette.grey5
+            successLow: palette.blauGreen10,
+            warningLow: palette.blauYellow10,
+            errorLow: palette.blauRed10,
+            promoLow: palette.blauPurple10,
+            brandLow: palette.blauBlueSecondary10,
+            successHigh: palette.blauGreen70,
+            warningHigh: palette.blauYellow70,
+            errorHigh: palette.blauRed70,
+            promoHigh: palette.blauPurple
         },
         darkModeColors: {
             // BACKGROUNDS
@@ -189,16 +186,15 @@ export var getBlauSkin = function() {
             navigationBarDivider: palette.darkModeBlack,
             // GLOBAL
             brand: palette.blauBluePrimary,
-            brandDark: palette.grey5,
+            brandHigh: palette.grey5,
             inverse: palette.grey2,
             neutralHigh: palette.grey2,
             neutralMedium: palette.grey5,
-            neutralLow: palette.darkModeGrey,
+            neutralLow: palette.darkModeGrey6,
             textPrimary: palette.grey2,
             textPrimaryInverse: palette.grey2,
             textSecondary: palette.grey4,
             textSecondaryInverse: palette.grey4,
-            textAmount: palette.blauBlueSecondary,
             textNavigationBarPrimary: palette.grey2,
             textNavigationBarSecondary: palette.grey4,
             textNavigationSearchBarHint: palette.grey4,
@@ -206,18 +202,15 @@ export var getBlauSkin = function() {
             textAppBar: palette.grey5,
             textAppBarSelected: palette.grey2,
             // TAGS
-            tagBackgroundSuccess: applyAlpha(palette.white, 0.05),
-            tagBackgroundWarning: applyAlpha(palette.white, 0.05),
-            tagBackgroundError: applyAlpha(palette.white, 0.05),
-            tagBackgroundPromo: applyAlpha(palette.white, 0.05),
-            tagBackgroundActive: applyAlpha(palette.white, 0.05),
-            tagBackgroundInactive: applyAlpha(palette.white, 0.05),
-            textTagSuccess: palette.blauGreen30,
-            textTagWarning: palette.blauYellow40,
-            textTagError: palette.blauRed40,
-            textTagPromo: palette.blauPurple30,
-            textTagActive: palette.blauBluePrimary30,
-            textTagInactive: palette.grey4
+            successLow: applyAlpha(palette.white, 0.05),
+            warningLow: applyAlpha(palette.white, 0.05),
+            errorLow: applyAlpha(palette.white, 0.05),
+            promoLow: applyAlpha(palette.white, 0.05),
+            brandLow: applyAlpha(palette.white, 0.05),
+            successHigh: palette.blauGreen30,
+            warningHigh: palette.blauYellow40,
+            errorHigh: palette.blauRed40,
+            promoHigh: palette.blauPurple30
         }
     };
 };