Merge pull request #42 from perimetre/fix/WYSIWYG-height

fix/wysiwyg height
perimetre · Jun 21, 2021 · 20fc578 · 20fc578
2 parents de5c391 + 4d9a99b
commit 20fc578
Show file tree

Hide file tree

Showing 4 changed files with 25 additions and 4 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -25,6 +25,18 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ### Fixed
 
+## [3.0.6] - 2021-06-21
+
+### Changes
+
+### Added
+
+- Added minHeight at default-present with default spacing.
+
+### Fixed
+
+- Fixed a bug with height on the `size` property for WYSIWYG input component.
+
 ## [3.0.5] - 2021-06-21
 
 ### Changes

diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@perimetre/ui",
   "description": "A component library made by @perimetre",
-  "version": "3.0.5",
+  "version": "3.0.6",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/perimetre/ui.git"

diff --git a/src/components/WYSIWYGInput/index.tsx b/src/components/WYSIWYGInput/index.tsx
@@ -31,9 +31,9 @@ const styleMap: DraftStyleMap = {
 };
 
 const sizeClassnameMap = {
-  small: 'h-44',
-  medium: 'h-56',
-  large: 'h-96'
+  small: 'min-h-44',
+  medium: 'min-h-56',
+  large: 'min-h-96'
 };
 
 export type WYSIWYGInputRef = {

diff --git a/src/presets/default-preset.js b/src/presets/default-preset.js
@@ -99,6 +99,15 @@ module.exports = {
         max: 'max-content',
         initial: 'initial'
       }),
+      /**
+       * Returns the minHeight values
+       *
+       * @param theme the provided tailwind theme
+       */
+      minHeight: (theme) => ({
+        auto: 'auto',
+        ...theme('spacing')
+      }),
       height: {
         '5/12vh': '41.666667vh'
       },