@ornikar/kitt-universal 27.4.0 → 27.5.1-canary.3a59d4ae3422049417956fa37f27d2e8f5f84aba.0

package/dist/linaria-themes.es.js

@@ -714,9 +714,19 @@ var card = {
 };
 
 var webAnimationContentDuration$2 = 400;
-var webAnimationContentEasing$2 = [0.77, 0, 0.175, 1];
+var webAnimationContentEasing$2 = {
+  x1: 0.77,
+  y1: 0,
+  x2: 0.175,
+  y2: 1
+};
 var webAnimationOverlayDuration$2 = 250;
-var webAnimationOverlayEasing$2 = [0.42, 0, 1, 1];
+var webAnimationOverlayEasing$2 = {
+  x1: 0.42,
+  y1: 0,
+  x2: 1,
+  y2: 1
+};
 var maxWidth = 540;
 var overlayHorizontalPadding = 24;
 var cardModal = {
@@ -808,9 +818,19 @@ var choices = {
 };
 
 var webAnimationContentDuration$1 = 400;
-var webAnimationContentEasing$1 = [0.77, 0, 0.175, 1];
+var webAnimationContentEasing$1 = {
+  x1: 0.77,
+  y1: 0,
+  x2: 0.175,
+  y2: 1
+};
 var webAnimationOverlayDuration$1 = 250;
-var webAnimationOverlayEasing$1 = [0.42, 0, 1, 1];
+var webAnimationOverlayEasing$1 = {
+  x1: 0.42,
+  y1: 0,
+  x2: 1,
+  y2: 1
+};
 var dialogModal = {
   borderRadius: spacing * 2,
   maxWidth: 540,
@@ -1742,9 +1762,19 @@ var forms = {
 };
 
 var webAnimationContentDuration = 600;
-var webAnimationContentEasing = [0.77, 0, 0.175, 1];
+var webAnimationContentEasing = {
+  x1: 0.77,
+  y1: 0,
+  x2: 0.175,
+  y2: 1
+};
 var webAnimationOverlayDuration = 250;
-var webAnimationOverlayEasing = [0.42, 0, 1, 1];
+var webAnimationOverlayEasing = {
+  x1: 0.42,
+  y1: 0,
+  x2: 1,
+  y2: 1
+};
 var fullscreenModal = {
   header: {
     height: 56
@@ -1837,43 +1867,8 @@ var highlight = {
   }
 };
 
-var getIconSizeFromFontSize = function (fontSize) {
-  if (fontSize <= 14) return 16;
-  if (fontSize <= 16) return 20;
-  return 24;
-};
-var createTypographyIconSizeConfig = function (baseAndSmallFontSize, mediumAndWideFontSize) {
-  var baseAndSmallIconSize = getIconSizeFromFontSize(baseAndSmallFontSize);
-  var mediumAndWideIconSize = getIconSizeFromFontSize(mediumAndWideFontSize);
-  return {
-    baseAndSmall: {
-      iconSize: baseAndSmallIconSize
-    },
-    mediumAndWide: {
-      iconSize: mediumAndWideIconSize
-    }
-  };
-};
 var icon = {
-  defaultSize: 20,
-  // Note: this is based on typography updated sizes, not current https://github.com/ornikar/kitt/pull/2130
-  typographySize: {
-    // also known as xxlarge
-    header1: createTypographyIconSizeConfig(40, 56),
-    // also known as xlarge
-    header2: createTypographyIconSizeConfig(32, 48),
-    // also known as medium
-    header3: createTypographyIconSizeConfig(24, 40),
-    // also known as xsmall
-    header4: createTypographyIconSizeConfig(18, 24),
-    // also known as xxsmall
-    header5: createTypographyIconSizeConfig(18, 18),
-    'body-large': createTypographyIconSizeConfig(18, 24),
-    'body-medium': createTypographyIconSizeConfig(18, 18),
-    body: createTypographyIconSizeConfig(16, 16),
-    'body-small': createTypographyIconSizeConfig(14, 14),
-    'body-xsmall': createTypographyIconSizeConfig(12, 12)
-  }
+  defaultSize: 20
 };
 
 var iconButton = {
@@ -1892,8 +1887,8 @@ var listItem = {
 
 var mapMarker = {
   home: {
-    "default": colors.primaryLight,
-    selected: colors.primary,
+    "default": deepPurpleColorPalette['grey.9'],
+    selected: deepPurpleColorPalette['grey.7'],
     svg: {
       height: 36
     },
@@ -1903,8 +1898,8 @@ var mapMarker = {
     }
   },
   meetingPoint: {
-    "default": colors.black,
-    selected: colors.blackAnthracite,
+    "default": deepPurpleColorPalette['deepPurple.8'],
+    selected: deepPurpleColorPalette['deepPurple.6'],
     svg: {
       width: 40,
       height: 43
@@ -2300,6 +2295,183 @@ var skeleton = {
   }
 };
 
+var tabBar = {
+  underline: {
+    "default": {
+      active: {
+        color: {
+          "default": deepPurpleColorPalette['deepPurple.8'],
+          focused: deepPurpleColorPalette['deepPurple.8'],
+          hovered: deepPurpleColorPalette['deepPurple.8'],
+          pressed: deepPurpleColorPalette['deepPurple.8']
+        },
+        indicator: {
+          backgroundColor: deepPurpleColorPalette['deepPurple.8']
+        }
+      },
+      inactive: {
+        color: {
+          "default": deepPurpleColorPalette['grey.5'],
+          focused: deepPurpleColorPalette['grey.5'],
+          hovered: deepPurpleColorPalette['deepPurple.8'],
+          pressed: deepPurpleColorPalette['deepPurple.8']
+        },
+        indicator: {
+          backgroundColor: undefined
+        }
+      },
+      disabled: {
+        color: {
+          "default": deepPurpleColorPalette['grey.3'],
+          focused: deepPurpleColorPalette['grey.3'],
+          hovered: deepPurpleColorPalette['grey.3'],
+          pressed: deepPurpleColorPalette['grey.3']
+        },
+        indicator: {
+          backgroundColor: undefined
+        }
+      },
+      borderBottomColor: deepPurpleColorPalette['beige.3']
+    },
+    revert: {
+      active: {
+        color: {
+          "default": deepPurpleColorPalette['grey.0'],
+          focused: deepPurpleColorPalette['grey.0'],
+          hovered: deepPurpleColorPalette['grey.0'],
+          pressed: deepPurpleColorPalette['grey.0']
+        },
+        indicator: {
+          backgroundColor: deepPurpleColorPalette['grey.0']
+        }
+      },
+      inactive: {
+        color: {
+          "default": deepPurpleColorPalette['white-alpha.80'],
+          focused: deepPurpleColorPalette['white-alpha.80'],
+          hovered: deepPurpleColorPalette['grey.0'],
+          pressed: deepPurpleColorPalette['grey.0']
+        },
+        indicator: {
+          backgroundColor: undefined
+        }
+      },
+      disabled: {
+        color: {
+          "default": deepPurpleColorPalette['white-alpha.20'],
+          focused: deepPurpleColorPalette['white-alpha.20'],
+          hovered: deepPurpleColorPalette['white-alpha.20'],
+          pressed: deepPurpleColorPalette['white-alpha.20']
+        },
+        indicator: {
+          backgroundColor: undefined
+        }
+      },
+      borderBottomColor: deepPurpleColorPalette['white-alpha.20']
+    }
+  },
+  solid: {
+    "default": {
+      active: {
+        color: {
+          "default": deepPurpleColorPalette['grey.0'],
+          focused: deepPurpleColorPalette['grey.0'],
+          hovered: deepPurpleColorPalette['grey.0'],
+          pressed: deepPurpleColorPalette['grey.0']
+        },
+        backgroundColor: {
+          "default": deepPurpleColorPalette['deepPurple.8'],
+          focused: deepPurpleColorPalette['deepPurple.8'],
+          hovered: deepPurpleColorPalette['deepPurple.8'],
+          pressed: deepPurpleColorPalette['deepPurple.8']
+        },
+        borderRadius: 4,
+        indicator: {
+          backgroundColor: undefined
+        }
+      },
+      inactive: {
+        color: {
+          "default": deepPurpleColorPalette['grey.5'],
+          focused: deepPurpleColorPalette['grey.5'],
+          hovered: deepPurpleColorPalette['grey.5'],
+          pressed: deepPurpleColorPalette['grey.5']
+        },
+        backgroundColor: {
+          "default": undefined,
+          focused: undefined,
+          hovered: deepPurpleColorPalette['beige.1'],
+          pressed: deepPurpleColorPalette['beige.1']
+        },
+        borderRadius: 4,
+        indicator: {
+          backgroundColor: undefined
+        }
+      },
+      disabled: {
+        color: {
+          "default": deepPurpleColorPalette['grey.3'],
+          focused: deepPurpleColorPalette['grey.3'],
+          hovered: deepPurpleColorPalette['grey.3'],
+          pressed: deepPurpleColorPalette['grey.3']
+        },
+        indicator: {
+          backgroundColor: undefined
+        }
+      }
+    },
+    revert: {
+      active: {
+        color: {
+          "default": deepPurpleColorPalette['deepPurple.8'],
+          focused: deepPurpleColorPalette['deepPurple.8'],
+          hovered: deepPurpleColorPalette['deepPurple.8'],
+          pressed: deepPurpleColorPalette['deepPurple.8']
+        },
+        backgroundColor: {
+          "default": deepPurpleColorPalette['grey.0'],
+          focused: deepPurpleColorPalette['grey.0'],
+          hovered: deepPurpleColorPalette['grey.0'],
+          pressed: deepPurpleColorPalette['grey.0']
+        },
+        borderRadius: 4,
+        indicator: {
+          backgroundColor: undefined
+        }
+      },
+      inactive: {
+        color: {
+          "default": deepPurpleColorPalette['white-alpha.80'],
+          focused: deepPurpleColorPalette['white-alpha.80'],
+          hovered: deepPurpleColorPalette['white-alpha.80'],
+          pressed: deepPurpleColorPalette['white-alpha.80']
+        },
+        backgroundColor: {
+          "default": undefined,
+          focused: undefined,
+          hovered: deepPurpleColorPalette['white-alpha.10'],
+          pressed: deepPurpleColorPalette['white-alpha.10']
+        },
+        borderRadius: 4,
+        indicator: {
+          backgroundColor: undefined
+        }
+      },
+      disabled: {
+        color: {
+          "default": deepPurpleColorPalette['white-alpha.20'],
+          focused: deepPurpleColorPalette['white-alpha.20'],
+          hovered: deepPurpleColorPalette['white-alpha.20'],
+          pressed: deepPurpleColorPalette['white-alpha.20']
+        },
+        indicator: {
+          backgroundColor: undefined
+        }
+      }
+    }
+  }
+};
+
 var tag = {
   borderRadius: 16,
   icon: {
@@ -2441,6 +2613,7 @@ var theme = {
   picker: picker,
   shadows: shadows,
   skeleton: skeleton,
+  tabBar: tabBar,
   tag: tag,
   tooltip: tooltip,
   typography: typography,