@telefonica/mistica 11.12.2 → 12.0.0

package/css/roboto.css

@@ -6,7 +6,7 @@
     font-style: italic;
     font-weight: 400;
     src: local('Roboto Italic'), local('Roboto-Italic'),
-        url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xFIzIFKw.woff2) format('woff2');
+        url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1Mu51xFIzIFKw.woff2) format('woff2');
     unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
 }
 /* cyrillic */
@@ -15,8 +15,8 @@
     font-style: italic;
     font-weight: 400;
     src: local('Roboto Italic'), local('Roboto-Italic'),
-        url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xMIzIFKw.woff2) format('woff2');
-    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+        url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1Mu51xMIzIFKw.woff2) format('woff2');
+    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
 }
 /* greek-ext */
 @font-face {
@@ -24,7 +24,7 @@
     font-style: italic;
     font-weight: 400;
     src: local('Roboto Italic'), local('Roboto-Italic'),
-        url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xEIzIFKw.woff2) format('woff2');
+        url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1Mu51xEIzIFKw.woff2) format('woff2');
     unicode-range: U+1F00-1FFF;
 }
 /* greek */
@@ -32,8 +32,7 @@
     font-family: 'Roboto';
     font-style: italic;
     font-weight: 400;
-    src: local('Roboto Italic'), local('Roboto-Italic'),
-        url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xLIzIFKw.woff2) format('woff2');
+    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1Mu51xLIzIFKw.woff2) format('woff2');
     unicode-range: U+0370-03FF;
 }
 /* vietnamese */
@@ -42,7 +41,7 @@
     font-style: italic;
     font-weight: 400;
     src: local('Roboto Italic'), local('Roboto-Italic'),
-        url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xHIzIFKw.woff2) format('woff2');
+        url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1Mu51xHIzIFKw.woff2) format('woff2');
     unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9,
         U+20AB;
 }
@@ -52,7 +51,7 @@
     font-style: italic;
     font-weight: 400;
     src: local('Roboto Italic'), local('Roboto-Italic'),
-        url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xGIzIFKw.woff2) format('woff2');
+        url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1Mu51xGIzIFKw.woff2) format('woff2');
     unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F,
         U+A720-A7FF;
 }
@@ -62,7 +61,7 @@
     font-style: italic;
     font-weight: 400;
     src: local('Roboto Italic'), local('Roboto-Italic'),
-        url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xIIzI.woff2) format('woff2');
+        url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1Mu51xIIzI.woff2) format('woff2');
     unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074,
         U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
 }
@@ -72,7 +71,7 @@
     font-style: normal;
     font-weight: 300;
     src: local('Roboto Light'), local('Roboto-Light'),
-        url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fCRc4EsA.woff2) format('woff2');
+        url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fCRc4EsA.woff2) format('woff2');
     unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
 }
 /* cyrillic */
@@ -81,8 +80,8 @@
     font-style: normal;
     font-weight: 300;
     src: local('Roboto Light'), local('Roboto-Light'),
-        url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fABc4EsA.woff2) format('woff2');
-    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+        url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fABc4EsA.woff2) format('woff2');
+    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
 }
 /* greek-ext */
 @font-face {
@@ -90,7 +89,7 @@
     font-style: normal;
     font-weight: 300;
     src: local('Roboto Light'), local('Roboto-Light'),
-        url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fCBc4EsA.woff2) format('woff2');
+        url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fCBc4EsA.woff2) format('woff2');
     unicode-range: U+1F00-1FFF;
 }
 /* greek */
@@ -99,7 +98,7 @@
     font-style: normal;
     font-weight: 300;
     src: local('Roboto Light'), local('Roboto-Light'),
-        url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fBxc4EsA.woff2) format('woff2');
+        url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fBxc4EsA.woff2) format('woff2');
     unicode-range: U+0370-03FF;
 }
 /* vietnamese */
@@ -108,7 +107,7 @@
     font-style: normal;
     font-weight: 300;
     src: local('Roboto Light'), local('Roboto-Light'),
-        url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fCxc4EsA.woff2) format('woff2');
+        url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fCxc4EsA.woff2) format('woff2');
     unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9,
         U+20AB;
 }
@@ -118,7 +117,7 @@
     font-style: normal;
     font-weight: 300;
     src: local('Roboto Light'), local('Roboto-Light'),
-        url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2) format('woff2');
+        url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2) format('woff2');
     unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F,
         U+A720-A7FF;
 }
@@ -128,7 +127,7 @@
     font-style: normal;
     font-weight: 300;
     src: local('Roboto Light'), local('Roboto-Light'),
-        url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fBBc4.woff2) format('woff2');
+        url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fBBc4.woff2) format('woff2');
     unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074,
         U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
 }
@@ -138,7 +137,7 @@
     font-style: normal;
     font-weight: 400;
     src: local('Roboto'), local('Roboto-Regular'),
-        url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');
+        url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');
     unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
 }
 /* cyrillic */
@@ -147,8 +146,8 @@
     font-style: normal;
     font-weight: 400;
     src: local('Roboto'), local('Roboto-Regular'),
-        url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
-    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+        url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
+    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
 }
 /* greek-ext */
 @font-face {
@@ -156,7 +155,7 @@
     font-style: normal;
     font-weight: 400;
     src: local('Roboto'), local('Roboto-Regular'),
-        url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');
+        url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');
     unicode-range: U+1F00-1FFF;
 }
 /* greek */
@@ -165,7 +164,7 @@
     font-style: normal;
     font-weight: 400;
     src: local('Roboto'), local('Roboto-Regular'),
-        url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');
+        url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');
     unicode-range: U+0370-03FF;
 }
 /* vietnamese */
@@ -174,7 +173,7 @@
     font-style: normal;
     font-weight: 400;
     src: local('Roboto'), local('Roboto-Regular'),
-        url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');
+        url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');
     unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9,
         U+20AB;
 }
@@ -184,7 +183,7 @@
     font-style: normal;
     font-weight: 400;
     src: local('Roboto'), local('Roboto-Regular'),
-        url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
+        url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
     unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F,
         U+A720-A7FF;
 }
@@ -194,7 +193,7 @@
     font-style: normal;
     font-weight: 400;
     src: local('Roboto'), local('Roboto-Regular'),
-        url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
+        url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
     unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074,
         U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
 }
@@ -204,7 +203,7 @@
     font-style: normal;
     font-weight: 500;
     src: local('Roboto Medium'), local('Roboto-Medium'),
-        url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fCRc4EsA.woff2) format('woff2');
+        url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fCRc4EsA.woff2) format('woff2');
     unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
 }
 /* cyrillic */
@@ -213,8 +212,8 @@
     font-style: normal;
     font-weight: 500;
     src: local('Roboto Medium'), local('Roboto-Medium'),
-        url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fABc4EsA.woff2) format('woff2');
-    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+        url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fABc4EsA.woff2) format('woff2');
+    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
 }
 /* greek-ext */
 @font-face {
@@ -222,7 +221,7 @@
     font-style: normal;
     font-weight: 500;
     src: local('Roboto Medium'), local('Roboto-Medium'),
-        url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fCBc4EsA.woff2) format('woff2');
+        url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fCBc4EsA.woff2) format('woff2');
     unicode-range: U+1F00-1FFF;
 }
 /* greek */
@@ -231,7 +230,7 @@
     font-style: normal;
     font-weight: 500;
     src: local('Roboto Medium'), local('Roboto-Medium'),
-        url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fBxc4EsA.woff2) format('woff2');
+        url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fBxc4EsA.woff2) format('woff2');
     unicode-range: U+0370-03FF;
 }
 /* vietnamese */
@@ -240,7 +239,7 @@
     font-style: normal;
     font-weight: 500;
     src: local('Roboto Medium'), local('Roboto-Medium'),
-        url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fCxc4EsA.woff2) format('woff2');
+        url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fCxc4EsA.woff2) format('woff2');
     unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9,
         U+20AB;
 }
@@ -250,7 +249,7 @@
     font-style: normal;
     font-weight: 500;
     src: local('Roboto Medium'), local('Roboto-Medium'),
-        url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2) format('woff2');
+        url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2) format('woff2');
     unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F,
         U+A720-A7FF;
 }
@@ -260,7 +259,73 @@
     font-style: normal;
     font-weight: 500;
     src: local('Roboto Medium'), local('Roboto-Medium'),
-        url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format('woff2');
+        url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format('woff2');
+    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074,
+        U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+/* cyrillic-ext */
+@font-face {
+    font-family: 'Roboto';
+    font-style: normal;
+    font-weight: 700;
+    src: local('Roboto Bold'), local('Roboto-Bold'),
+        url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2) format('woff2');
+    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+/* cyrillic */
+@font-face {
+    font-family: 'Roboto';
+    font-style: normal;
+    font-weight: 700;
+    src: local('Roboto Bold'), local('Roboto-Bold'),
+        url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2) format('woff2');
+    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+/* greek-ext */
+@font-face {
+    font-family: 'Roboto';
+    font-style: normal;
+    font-weight: 700;
+    src: local('Roboto Bold'), local('Roboto-Bold'),
+        url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2) format('woff2');
+    unicode-range: U+1F00-1FFF;
+}
+/* greek */
+@font-face {
+    font-family: 'Roboto';
+    font-style: normal;
+    font-weight: 700;
+    src: local('Roboto Bold'), local('Roboto-Bold'),
+        url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2) format('woff2');
+    unicode-range: U+0370-03FF;
+}
+/* vietnamese */
+@font-face {
+    font-family: 'Roboto';
+    font-style: normal;
+    font-weight: 700;
+    src: local('Roboto Bold'), local('Roboto-Bold'),
+        url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2) format('woff2');
+    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9,
+        U+20AB;
+}
+/* latin-ext */
+@font-face {
+    font-family: 'Roboto';
+    font-style: normal;
+    font-weight: 700;
+    src: local('Roboto Bold'), local('Roboto-Bold'),
+        url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format('woff2');
+    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F,
+        U+A720-A7FF;
+}
+/* latin */
+@font-face {
+    font-family: 'Roboto';
+    font-style: normal;
+    font-weight: 700;
+    src: local('Roboto Bold'), local('Roboto-Bold'),
+        url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2');
     unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074,
         U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
 }

package/dist/avatar.js

@@ -194,9 +194,9 @@ var Avatar = function Avatar(_param) {
     var colors = (0, _hooks).useTheme().colors;
     var isInverse = (0, _themeVariantContext).useIsInverseVariant();
     var _backgroundColor;
-    var backgroundColor = (_backgroundColor = props.backgroundColor) !== null && _backgroundColor !== void 0 ? _backgroundColor : isInverse ? colors.brandDark : colors.tagBackgroundActive;
+    var backgroundColor = (_backgroundColor = props.backgroundColor) !== null && _backgroundColor !== void 0 ? _backgroundColor : isInverse ? colors.brandHigh : colors.brandLow;
     var _textColor;
-    var textColor = (_textColor = props.textColor) !== null && _textColor !== void 0 ? _textColor : isInverse ? colors.textPrimaryInverse : colors.textTagActive;
+    var textColor = (_textColor = props.textColor) !== null && _textColor !== void 0 ? _textColor : isInverse ? colors.textPrimaryInverse : colors.brand;
     var ref = _slicedToArray(React.useState(false), 2), imgLoadError = ref[0], setImgLoadError = ref[1];
     var classes = useStyles({
         textColor: textColor,

package/dist/boxed.js

@@ -82,7 +82,7 @@ var useStyles = (0, _jss).createUseStyles(function(param1) {
                 }
                 return "1px solid ".concat(colors.border);
             },
-            borderRadius: 4,
+            borderRadius: 8,
             overflow: "hidden"
         }
     };

package/dist/button.js

@@ -125,7 +125,7 @@ var BORDER_PX = 1.5;
 var SPINNER_MARGIN_PX = 8;
 var X_PADDING_PX = 16 - BORDER_PX;
 var Y_PADDING_PX = 12 - BORDER_PX;
-var X_SMALL_PADDING_PX = 8 - BORDER_PX;
+var X_SMALL_PADDING_PX = 12 - BORDER_PX;
 var Y_SMALL_PADDING_PX = 6 - BORDER_PX;
 var commonClasses = function commonClasses() {
     return {

package/dist/callout.js

@@ -60,7 +60,7 @@ var useStyles = (0, _jss).createUseStyles(function(param) {
     return {
         container: {
             background: colors.backgroundAlternative,
-            borderRadius: 4,
+            borderRadius: 8,
             padding: 16,
             overflow: "hidden",
             display: "flex",

package/dist/card.js

@@ -203,7 +203,8 @@ var MaybeSection = function MaybeSection(param) {
         });
     }
 };
-var useMediaCardStyles = (0, _jss).createUseStyles(function() {
+var useMediaCardStyles = (0, _jss).createUseStyles(function(param) {
+    var mq = param.mq;
     return {
         boxed: {
             height: "100%",
@@ -214,13 +215,16 @@ var useMediaCardStyles = (0, _jss).createUseStyles(function() {
             flexDirection: "column",
             height: "100%"
         },
-        content: {
+        content: _defineProperty({
             flex: 1,
             padding: 16,
             paddingBottom: 24,
             display: "flex",
             flexDirection: "column"
-        }
+        }, mq.desktopOrBigger, {
+            padding: 24,
+            paddingBottom: 32
+        })
     };
 });
 var MediaCard = /*#__PURE__*/ React.forwardRef(function(param, ref) {
@@ -228,90 +232,91 @@ var MediaCard = /*#__PURE__*/ React.forwardRef(function(param, ref) {
     var classes = useMediaCardStyles({
         media: media
     });
-    var content = /*#__PURE__*/ (0, _jsxRuntime).jsx(_boxed.Boxed, {
-        className: classes.boxed,
-        dataAttributes: dataAttributes,
-        ref: ref,
-        children: /*#__PURE__*/ (0, _jsxRuntime).jsxs(MaybeSection, {
-            className: classes.mediaCard,
-            "aria-label": ariaLabel,
-            children: [
-                /*#__PURE__*/ (0, _jsxRuntime).jsx(_image.DisableBorderRadiusProvider, {
-                    children: media
-                }),
-                /*#__PURE__*/ (0, _jsxRuntime).jsx("div", {
-                    className: classes.content,
-                    children: /*#__PURE__*/ (0, _jsxRuntime).jsx(CardContent, {
-                        headline: headline,
-                        pretitle: pretitle,
-                        pretitleLinesMax: pretitleLinesMax,
-                        title: title,
-                        titleLinesMax: titleLinesMax,
-                        description: description,
-                        descriptionLinesMax: descriptionLinesMax,
-                        extra: extra,
-                        button: button,
-                        buttonLink: buttonLink
-                    })
-                })
-            ]
-        })
-    });
     return /*#__PURE__*/ (0, _jsxRuntime).jsx(_maybeDismissable.default, {
         onClose: onClose,
         "aria-label": ariaLabel,
-        children: content
+        children: /*#__PURE__*/ (0, _jsxRuntime).jsx(_boxed.Boxed, {
+            className: classes.boxed,
+            dataAttributes: dataAttributes,
+            ref: ref,
+            children: /*#__PURE__*/ (0, _jsxRuntime).jsxs(MaybeSection, {
+                className: classes.mediaCard,
+                "aria-label": ariaLabel,
+                children: [
+                    /*#__PURE__*/ (0, _jsxRuntime).jsx(_image.DisableBorderRadiusProvider, {
+                        children: media
+                    }),
+                    /*#__PURE__*/ (0, _jsxRuntime).jsx("div", {
+                        className: classes.content,
+                        children: /*#__PURE__*/ (0, _jsxRuntime).jsx(CardContent, {
+                            headline: headline,
+                            pretitle: pretitle,
+                            pretitleLinesMax: pretitleLinesMax,
+                            title: title,
+                            titleLinesMax: titleLinesMax,
+                            description: description,
+                            descriptionLinesMax: descriptionLinesMax,
+                            extra: extra,
+                            button: button,
+                            buttonLink: buttonLink
+                        })
+                    })
+                ]
+            })
+        })
     });
 });
 exports.MediaCard = MediaCard;
-var useDataCardStyles = (0, _jss).createUseStyles(function() {
+var useDataCardStyles = (0, _jss).createUseStyles(function(param) {
+    var mq = param.mq;
     return {
         boxed: {
             height: "100%",
             width: "100%"
         },
-        dataCard: {
+        dataCard: _defineProperty({
             display: "flex",
             flexDirection: "column",
             padding: "24px 16px",
             height: "100%"
-        }
+        }, mq.desktopOrBigger, {
+            padding: "32px 24px"
+        })
     };
 });
 var DataCard = /*#__PURE__*/ React.forwardRef(function(param, ref) {
     var icon = param.icon, headline = param.headline, title = param.title, titleLinesMax = param.titleLinesMax, subtitle = param.subtitle, subtitleLinesMax = param.subtitleLinesMax, description = param.description, descriptionLinesMax = param.descriptionLinesMax, extra = param.extra, button = param.button, buttonLink = param.buttonLink, dataAttributes = param.dataAttributes, ariaLabel = param["aria-label"], onClose = param.onClose;
     var classes = useDataCardStyles();
-    var content = /*#__PURE__*/ (0, _jsxRuntime).jsx(_boxed.Boxed, {
-        className: classes.boxed,
-        dataAttributes: dataAttributes,
-        ref: ref,
-        children: /*#__PURE__*/ (0, _jsxRuntime).jsxs(MaybeSection, {
-            className: classes.dataCard,
-            "aria-label": ariaLabel,
-            children: [
-                icon && /*#__PURE__*/ (0, _jsxRuntime).jsx(_box.default, {
-                    paddingBottom: 16,
-                    children: icon
-                }),
-                /*#__PURE__*/ (0, _jsxRuntime).jsx(CardContent, {
-                    headline: headline,
-                    title: title,
-                    titleLinesMax: titleLinesMax,
-                    subtitle: subtitle,
-                    subtitleLinesMax: subtitleLinesMax,
-                    description: description,
-                    descriptionLinesMax: descriptionLinesMax,
-                    extra: extra,
-                    button: button,
-                    buttonLink: buttonLink
-                })
-            ]
-        })
-    });
     return /*#__PURE__*/ (0, _jsxRuntime).jsx(_maybeDismissable.default, {
         "aria-label": ariaLabel,
         onClose: onClose,
-        children: content
+        children: /*#__PURE__*/ (0, _jsxRuntime).jsx(_boxed.Boxed, {
+            className: classes.boxed,
+            dataAttributes: dataAttributes,
+            ref: ref,
+            children: /*#__PURE__*/ (0, _jsxRuntime).jsxs(MaybeSection, {
+                className: classes.dataCard,
+                "aria-label": ariaLabel,
+                children: [
+                    icon && /*#__PURE__*/ (0, _jsxRuntime).jsx(_box.default, {
+                        paddingBottom: 16,
+                        children: icon
+                    }),
+                    /*#__PURE__*/ (0, _jsxRuntime).jsx(CardContent, {
+                        headline: headline,
+                        title: title,
+                        titleLinesMax: titleLinesMax,
+                        subtitle: subtitle,
+                        subtitleLinesMax: subtitleLinesMax,
+                        description: description,
+                        descriptionLinesMax: descriptionLinesMax,
+                        extra: extra,
+                        button: button,
+                        buttonLink: buttonLink
+                    })
+                ]
+            })
+        })
     });
 });
 exports.DataCard = DataCard;

package/dist/chip.js

@@ -77,10 +77,10 @@ var useStyles = (0, _jss).createUseStyles(function(param1) {
             "&:hover:not($active)": {
                 borderColor: function borderColor(param) {
                     var isDarkMode = param.isDarkMode;
-                    return isDarkMode ? colors.background : colors.tagBackgroundActive;
+                    return isDarkMode ? colors.background : colors.brandLow;
                 },
                 color: colors.controlActivated,
-                backgroundColor: colors.tagBackgroundActive
+                backgroundColor: colors.brandLow
             },
             "&:hover > span": {
                 color: colors.controlActivated
@@ -89,7 +89,7 @@ var useStyles = (0, _jss).createUseStyles(function(param1) {
         active: {
             borderColor: colors.controlActivated,
             color: colors.controlActivated,
-            backgroundColor: colors.tagBackgroundActive,
+            backgroundColor: colors.brandLow,
             "& > span": {
                 color: colors.controlActivated
             }

package/dist/date-time-picker.js

@@ -362,7 +362,7 @@ var DateTimePicker = function DateTimePicker(_param) {
             top: openToBottom ? bottom : top - pickerContainerHeight,
             left: left,
             position: "absolute",
-            borderRadius: 4,
+            borderRadius: 8,
             overflow: "hidden",
             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)"
         };

package/dist/dialog.js

@@ -221,7 +221,7 @@ var useStylesModalDialog = (0, _jss).createUseStyles(function(theme) {
         },
         modalContent: {
             background: theme.colors.background,
-            borderRadius: 4,
+            borderRadius: 8,
             animation: "$fadeScale .2s ease-in-out",
             willChange: "transform, opacity",
             transition: "opacity .2s ease-in-out, transform .2s ease-in-out",
@@ -253,7 +253,6 @@ var useDialogStyles = (0, _jss).createUseStyles(function(theme) {
             justifyContent: "space-between",
             width: 680,
             padding: 40,
-            minHeight: 192,
             maxHeight: "calc(100vh - 64px)"
         },
         dialogContent: {
@@ -263,7 +262,6 @@ var useDialogStyles = (0, _jss).createUseStyles(function(theme) {
         }
     }, theme.mq.tabletOrSmaller, {
         dialogContainer: {
-            minHeight: 298,
             width: "calc(100vw - 48px)",
             margin: "auto",
             padding: "48px 24px 24px"

package/dist/empty-state-card.js

@@ -63,11 +63,11 @@ var useStyles = (0, _jss).createUseStyles(function(theme) {
             height: 64
         }),
         iconContainer: _defineProperty({
-            width: 80,
-            height: 80
+            width: 56,
+            height: 56
         }, theme.mq.tabletOrSmaller, {
-            width: 64,
-            height: 64
+            width: 48,
+            height: 48
         })
     };
 });

package/dist/empty-state.js

@@ -74,6 +74,9 @@ var useStyles = (0, _jss).createUseStyles(function(theme) {
         container: _defineProperty({}, theme.mq.tabletOrSmaller, {
             maxWidth: 368
         }),
+        desktopBoxed: {
+            borderRadius: 16
+        },
         desktopContainer: {
             display: "flex",
             justifyContent: "spaceBetween"
@@ -161,8 +164,8 @@ var EmptyState = function EmptyState(param) {
                                 as: "h1",
                                 children: title
                             }),
-                            /*#__PURE__*/ (0, _jsxRuntime).jsx(_text.Text4, {
-                                light: true,
+                            /*#__PURE__*/ (0, _jsxRuntime).jsx(_text.Text3, {
+                                regular: true,
                                 as: "p",
                                 color: colors.textSecondary,
                                 children: description
@@ -178,6 +181,7 @@ var EmptyState = function EmptyState(param) {
         "aria-label": ariaLabel,
         role: "region",
         dataAttributes: dataAttributes,
+        className: classes.desktopBoxed,
         children: /*#__PURE__*/ (0, _jsxRuntime).jsxs("div", {
             className: classes.desktopContainer,
             children: [
@@ -199,8 +203,8 @@ var EmptyState = function EmptyState(param) {
                                             as: "h1",
                                             children: title
                                         }),
-                                        /*#__PURE__*/ (0, _jsxRuntime).jsx(_text.Text4, {
-                                            light: true,
+                                        /*#__PURE__*/ (0, _jsxRuntime).jsx(_text.Text3, {
+                                            regular: true,
                                             as: "p",
                                             color: colors.textSecondary,
                                             children: description