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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "agroptima-design-system",
3
- "version": "0.33.2-beta.2",
3
+ "version": "0.33.2-beta.4",
4
4
  "scripts": {
5
5
  "dev": "npm run storybook",
6
6
  "storybook": "storybook dev -p 6006 --ci",
@@ -4,11 +4,15 @@
4
4
  @use '../../settings/depth';
5
5
  @use '../../settings/mixins';
6
6
 
7
+ $elements-space: config.$space-2x;
7
8
 
8
9
  .select-group {
9
10
  display: flex;
10
11
  flex-direction: column;
11
- gap: config.$space-2x;
12
+
13
+ label {
14
+ margin-bottom: $elements-space;
15
+ }
12
16
 
13
17
  .select {
14
18
  @include typography.select-text;
@@ -31,6 +35,9 @@
31
35
  height: config.$icon-size-3x;
32
36
  }
33
37
 
38
+ .help-text {
39
+ margin-top: $elements-space;
40
+ }
34
41
 
35
42
  &.primary {
36
43
  &.disabled .select-container {
@@ -111,6 +118,7 @@
111
118
  }
112
119
 
113
120
  .select-options-container {
121
+ margin-top: $elements-space;
114
122
  position: relative;
115
123
 
116
124
  .select-options {
@@ -6,7 +6,8 @@ import { Meta } from "@storybook/blocks";
6
6
 
7
7
  ## 0.33.2
8
8
 
9
- * Add fullWidth prop to Select, Button, Input, MultiSelect, TextArea, QuantitySelector components
9
+ * Add fullWidth prop to Select, Button, Input, MultiSelect, TextArea, QuantitySelector, DateRangePicker, DateSinglePicker components
10
+ * Fix extra space when open Select and MultiSelect components
10
11
 
11
12
  ## 0.33.1
12
13
 
@@ -49,6 +49,11 @@ const meta = {
49
49
  default: 'Date',
50
50
  },
51
51
  },
52
+ fullWidth: {
53
+ description:
54
+ 'Makes the DateRangePicker take the full width of the container',
55
+ type: 'boolean',
56
+ },
52
57
  },
53
58
  }
54
59
 
@@ -49,6 +49,11 @@ const meta = {
49
49
  default: 'Date',
50
50
  },
51
51
  },
52
+ fullWidth: {
53
+ description:
54
+ 'Makes the DateSinglePicker take the full width of the container',
55
+ type: 'boolean',
56
+ },
52
57
  },
53
58
  }
54
59
 
@@ -60,7 +60,7 @@ const meta = {
60
60
  type: 'boolean',
61
61
  },
62
62
  fullWidth: {
63
- description: 'Makes the input take the full width of the container',
63
+ description: 'Makes the Multiselect take the full width of the container',
64
64
  type: 'boolean',
65
65
  },
66
66
  },