allaw-ui 2.5.6 → 2.5.7

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.
Files changed (5) hide show
  1. package/dist/components/atoms/inputs/Input.css +14 -1
  2. package/dist/components/atoms/inputs/Input.js +8 -7
  3. package/dist/components/atoms/inputs/Input.stories.d.ts +1 -0
  4. package/dist/components/atoms/inputs/Input.stories.js +9 -0
  5. package/package.json +1 -1
package/dist/components/atoms/inputs/Input.css CHANGED
@@ -82,6 +82,12 @@
82
82
  gap: 11px;
83
83
  }
84
84
 
85
+ .Input-variation .Input-wrapper {
86
+ width: 100%;
87
+ display: flex;
88
+ flex-direction: column;
89
+ }
90
+
85
91
  .Input-variation .Input-container {
86
92
  display: flex;
87
93
  width: 100%;
@@ -152,6 +158,12 @@
152
158
  gap: 11px;
153
159
  }
154
160
 
161
+ .Input-password .Input-wrapper {
162
+ width: 100%;
163
+ display: flex;
164
+ flex-direction: column;
165
+ }
166
+
155
167
  .Input-password .Input-container {
156
168
  display: flex;
157
169
  width: 100%;
@@ -204,5 +216,6 @@
204
216
 
205
217
  .error-message {
206
218
  padding-top: 4px;
207
- padding-left: 14px;
219
+ padding-left: 4px;
220
+ width: 100%;
208
221
  }
package/dist/components/atoms/inputs/Input.js CHANGED
@@ -79,13 +79,14 @@ var Input = forwardRef(function (_a, ref) {
79
79
  isRequired && title && (React.createElement("span", { className: "Input-required" },
80
80
  "\u00A0",
81
81
  "*"))),
82
- React.createElement("div", { className: "Input-container" },
83
- React.createElement("div", { className: "Input-input ".concat(style === "password" ? "Input-password-input" : "") },
84
- React.createElement("input", { ref: inputRef, type: style === "password" && !isPasswordVisible ? "password" : type, placeholder: placeholder, className: "Input-placeholder", value: value, onChange: function (e) {
85
- handleChange(e);
86
- rowChange && rowChange(e);
87
- }, onBlur: handleBlur })),
88
- renderEndIcon(),
82
+ React.createElement("div", { className: "Input-wrapper" },
83
+ React.createElement("div", { className: "Input-container" },
84
+ React.createElement("div", { className: "Input-input" },
85
+ React.createElement("input", { ref: inputRef, type: style === "password" && !isPasswordVisible ? "password" : type, placeholder: placeholder, className: "Input-placeholder", value: value, onChange: function (e) {
86
+ handleChange(e);
87
+ rowChange && rowChange(e);
88
+ }, onBlur: handleBlur })),
89
+ renderEndIcon()),
89
90
  error && isTouched && (React.createElement("div", { className: "error-message" },
90
91
  React.createElement(TinyInfo, { variant: "medium12", color: "actions-error", text: error }))))));
91
92
  });
package/dist/components/atoms/inputs/Input.stories.d.ts CHANGED
@@ -59,4 +59,5 @@ export const Default: any;
59
59
  export const Variation: any;
60
60
  export const Password: any;
61
61
  export const WithValidation: any;
62
+ export const PasswordWithError: any;
62
63
  import Input from "./Input";
package/dist/components/atoms/inputs/Input.stories.js CHANGED
@@ -99,3 +99,12 @@ WithValidation.args = {
99
99
  isRequired: true,
100
100
  validate: "email",
101
101
  };
102
+ export var PasswordWithError = Template.bind({});
103
+ PasswordWithError.args = {
104
+ name: "passwordInputError",
105
+ title: "Mot de passe",
106
+ placeholder: "Entrez votre mot de passe",
107
+ style: "password",
108
+ isRequired: true,
109
+ error: "Le mot de passe doit contenir au moins 8 caractères",
110
+ };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "allaw-ui",
3
- "version": "2.5.6",
3
+ "version": "2.5.7",
4
4
  "description": "Composants UI pour l'application Allaw",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.esm.js",