fix: styles

Author: tenphi

.changeset/big-dragons-bathe.md

@@ -0,0 +1,5 @@
+---
+'@cube-dev/ui-kit': minor
+---
+
+Allow to pass numbers to {min/max}{Width/Height} styles.

.changeset/neat-seas-reflect.md

@@ -0,0 +1,5 @@
+---
+'@cube-dev/ui-kit': minor
+---
+
+Change default font color to dark-02.

src/components/GlobalStyles.tsx

@@ -30,7 +30,7 @@ const BODY_STYLES = {
   '-moz-osx-font-smoothing': 'grayscale',
   margin: '0',
   padding: '0',
-  color: 'rgba(20, 20, 70, .75)',
+  color: 'var(--dark-02-color)',
   'font-size': '14px',
   'line-height': '20px',
   'letter-spacing': '0.02em',

src/tasty/styles/predefined.ts

@@ -132,6 +132,11 @@ export function predefine() {
   defineStyleAlias('right', 'right', numberConverter);
   defineStyleAlias('bottom', 'bottom', numberConverter);
   defineStyleAlias('left', 'left', numberConverter);
+  // Dimensions
+  defineStyleAlias('minWidth', 'min-width', numberConverter);
+  defineStyleAlias('maxWidth', 'max-width', numberConverter);
+  defineStyleAlias('minHeight', 'min-height', numberConverter);
+  defineStyleAlias('maxHeight', 'max-height', numberConverter);
   // Style aliases
   defineStyleAlias('gridAreas', 'grid-template-areas');
   defineStyleAlias('gridColumns', 'grid-template-columns', columnsConverter);