@ornikar/kitt-universal 27.1.0 → 27.2.0

package/dist/linaria-themes.es.web.js

@@ -523,20 +523,13 @@ var button = {
   borderWidth: {
     focus: 3
   },
-  minHeight: 40,
   minWidth: 40,
   maxWidth: 335,
-  maxHeight: 48,
-  scale: {
-    base: {
-      "default": 1,
-      hover: 0.95,
-      active: 0.95
-    },
-    medium: {
-      hover: 1.05
-    }
+  height: {
+    "default": 40,
+    medium: 48
   },
+  maxHeight: 48,
   icon: {
     medium: {
       size: 24
@@ -769,23 +762,35 @@ var choices = {
     column: 12
   },
   item: {
-    borderRadius: 10,
+    borderRadius: 4,
     padding: {
       base: 16,
       small: 24
     },
     backgroundColor: {
       "default": deepPurpleColorPalette['beige.1'],
-      disabled: colors.disabled,
-      selected: colors.primary,
-      pressed: deepPurpleColorPalette['deepPurple.7'],
+      disabled: deepPurpleColorPalette['grey.1'],
+      selected: deepPurpleColorPalette['beige.3'],
+      pressed: deepPurpleColorPalette['beige.2'],
       hover: deepPurpleColorPalette['beige.2'],
-      hoverWhenSelected: deepPurpleColorPalette['deepPurple.7']
+      hoverWhenSelected: deepPurpleColorPalette['beige.3']
     },
-    disabled: {
-      border: {
-        width: 2,
-        color: deepPurpleColorPalette['beige.2']
+    color: {
+      "default": deepPurpleColorPalette['grey.9'],
+      disabled: deepPurpleColorPalette['grey.3']
+    },
+    border: {
+      "default": {
+        width: 1,
+        color: deepPurpleColorPalette['deepPurple.7']
+      },
+      disabled: {
+        width: 1,
+        color: deepPurpleColorPalette['grey.2']
+      },
+      error: {
+        width: 1,
+        color: deepPurpleColorPalette['red.6']
       }
     },
     transition: {
@@ -793,6 +798,12 @@ var choices = {
       duration: 300,
       timingFunction: 'cubic-bezier(0.645, 0.045, 0.355, 1)'
     }
+  },
+  description: {
+    color: {
+      "default": deepPurpleColorPalette['grey.5'],
+      error: deepPurpleColorPalette['red.6']
+    }
   }
 };
 
@@ -1862,50 +1873,8 @@ var icon = {
 };
 
 var iconButton = {
-  backgroundColor: 'transparent',
-  width: 40,
-  height: 40,
-  borderRadius: 20,
-  borderWidth: 2,
-  borderColor: 'transparent',
-  transition: {
-    property: 'all',
-    duration: '200ms',
-    timingFunction: 'cubic-bezier(0.645, 0.045, 0.355, 1)'
-  },
-  scale: {
-    base: {
-      "default": 1,
-      hover: 0.95,
-      active: 0.95
-    },
-    medium: {
-      "default": 1,
-      hover: 1.05,
-      active: 0.95
-    }
-  },
-  disabled: {
-    scale: 1,
-    backgroundColor: button.primary["default"].backgroundColor.disabled
-  },
-  "default": {
-    pressedBackgroundColor: button.primary["default"].backgroundColor.disabled
-  },
-  ghost: {
-    pressedBackgroundColor: button.primary["default"].backgroundColor.disabled
-  },
-  primary: {
-    pressedBackgroundColor: deepPurpleColorPalette['beige.1']
-  },
-  'primary-plain': {
-    pressedBackgroundColor: colors.primaryLight,
-    backgroundColor: colors.primary
-  },
-  secondary: {
-    pressedBackgroundColor: 'rgba(0, 0, 0, 0.05)',
-    backgroundColor: 'rgba(0, 0, 0, 0.1)'
-  }
+  width: button.height.medium,
+  height: button.height.medium
 };
 
 var listItem = {
@@ -2109,6 +2078,11 @@ var typography = {
           fontSize: 14,
           lineHeight: 20,
           allowedFontWeights: ['semibold']
+        },
+        'label-small': {
+          fontSize: 12,
+          lineHeight: 16,
+          allowedFontWeights: ['semibold']
         }
       }
     },