agroptima-design-system 0.33.2-beta.2 → 0.33.2-beta.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "agroptima-design-system",
-  "version": "0.33.2-beta.2",
+  "version": "0.33.2-beta.3",
   "scripts": {
     "dev": "npm run storybook",
     "storybook": "storybook dev -p 6006 --ci",

package/src/atoms/Select/Select.scss

@@ -8,7 +8,10 @@
 .select-group {
   display: flex;
   flex-direction: column;
-  gap: config.$space-2x;
+
+  label {
+    margin-bottom: config.$space-2x;
+  }
 
   .select {
     @include typography.select-text;
@@ -31,6 +34,10 @@
     height: config.$icon-size-3x;
   }
 
+  .help-text {
+    margin-top: config.$space-2x;
+  }
+
 
   &.primary {
     &.disabled .select-container {

package/src/stories/Changelog.mdx

@@ -6,7 +6,8 @@ import { Meta } from "@storybook/blocks";
 
 ## 0.33.2
 
-* Add fullWidth prop to Select, Button, Input, MultiSelect, TextArea, QuantitySelector components
+* Add fullWidth prop to Select, Button, Input, MultiSelect, TextArea, QuantitySelector, DateRangePicker, DateSinglePicker components
+* Fix extra space when open Select and MultiSelect components
 
 ## 0.33.1
 

package/src/stories/DateRangePicker.stories.ts

@@ -49,6 +49,11 @@ const meta = {
         default: 'Date',
       },
     },
+    fullWidth: {
+      description:
+        'Makes the DateRangePicker take the full width of the container',
+      type: 'boolean',
+    },
   },
 }
 

package/src/stories/DateSinglePicker.stories.ts

@@ -49,6 +49,11 @@ const meta = {
         default: 'Date',
       },
     },
+    fullWidth: {
+      description:
+        'Makes the DateSinglePicker take the full width of the container',
+      type: 'boolean',
+    },
   },
 }
 

package/src/stories/Multiselect.stories.ts

@@ -60,7 +60,7 @@ const meta = {
       type: 'boolean',
     },
     fullWidth: {
-      description: 'Makes the input take the full width of the container',
+      description: 'Makes the Multiselect take the full width of the container',
       type: 'boolean',
     },
   },