@itcase/forms 1.0.57 → 1.0.59

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 (8) hide show
  1. package/dist/css/form/Field/Input/Input.css +1 -0
  2. package/dist/css/form/Form/Form.css +3 -41
  3. package/dist/css/form/Form/css/__item/form__item_state_required.css +0 -4
  4. package/dist/css/form/Form/css/form-notification/form-notification.css +3 -2
  5. package/dist/itcase-forms.cjs.js +3 -0
  6. package/dist/itcase-forms.esm.js +3 -0
  7. package/package.json +1 -1
  8. package/dist/css/form/Form/css/__header/form__header.css +0 -34
package/dist/css/form/Field/Input/Input.css CHANGED
@@ -19,6 +19,7 @@
19
19
  }
20
20
  }
21
21
  }
22
+
22
23
  &_error {
23
24
  & .input {
24
25
  border: solid 1px var(--input-error-border);
package/dist/css/form/Form/Form.css CHANGED
@@ -7,40 +7,6 @@
7
7
  }
8
8
  }
9
9
  }
10
- .form {
11
- &__header {
12
- width: 100%;
13
- position: relative;
14
- &-wrapper {
15
- position: relative;
16
- }
17
- &-title {
18
- width: 100%;
19
- position: relative;
20
- &-text {
21
- width: 100%;
22
- max-width: var(--max);
23
- color: var(--color-surface-text-primary);
24
- margin: 0 auto;
25
- position: relative;
26
- align-self: center;
27
- @mixin h4 500;
28
- }
29
- &-desc {
30
- width: 100%;
31
- color: var(--color-surface-text-primary);
32
- padding: 12px 0 0 0;
33
- position: relative;
34
- @mixin text-xl;
35
- @media (--mobile) {
36
- padding: 24px 0 0 0;
37
- grid-row-start: 3;
38
- grid-column: 1 / 3;
39
- }
40
- }
41
- }
42
- }
43
- }
44
10
  .form {
45
11
  &__loader {
46
12
  width: 100%;
@@ -70,10 +36,6 @@
70
36
  .form {
71
37
  &__item {
72
38
  &&_state_required {
73
- & ^&-inner {
74
- &-item {
75
- }
76
- }
77
39
  }
78
40
  }
79
41
  }
@@ -153,10 +115,10 @@
153
115
  .form-notification {
154
116
  &_type {
155
117
  &_sticky {
156
- z-index: 100;
157
118
  position: sticky;
158
- top: 20px;
159
119
  left: 0;
120
+ top: 20px;
121
+ z-index: 100;
160
122
  }
161
123
  &_global {
162
124
  margin: 0 0 16px 0;
@@ -179,8 +141,8 @@
179
141
  ^&__button {
180
142
  width: 100%;
181
143
  position: fixed;
182
- bottom: 0;
183
144
  left: 0;
145
+ bottom: 0;
184
146
  z-index: 100;
185
147
  }
186
148
  }
package/dist/css/form/Form/css/__item/form__item_state_required.css CHANGED
@@ -1,10 +1,6 @@
1
1
  .form {
2
2
  &__item {
3
3
  &&_state_required {
4
- & ^&-inner {
5
- &-item {
6
- }
7
- }
8
4
  }
9
5
  }
10
6
  }
package/dist/css/form/Form/css/form-notification/form-notification.css CHANGED
@@ -1,10 +1,10 @@
1
1
  .form-notification {
2
2
  &_type {
3
3
  &_sticky {
4
- z-index: 100;
5
4
  position: sticky;
6
- top: 20px;
7
5
  left: 0;
6
+ top: 20px;
7
+ z-index: 100;
8
8
  }
9
9
  &_global {
10
10
  margin: 0 0 16px 0;
@@ -15,3 +15,4 @@
15
15
  border-radius: 12px;
16
16
  }
17
17
  }
18
+
package/dist/itcase-forms.cjs.js CHANGED
@@ -153,6 +153,9 @@ function FieldWrapperBase(props) {
153
153
  helpTextSize,
154
154
  helpTextWeight,
155
155
  helpTextColor,
156
+ errorBorderWidth,
157
+ errorBorderColor,
158
+ errorFill,
156
159
  message,
157
160
  messageTextColor,
158
161
  messageTextSize,
package/dist/itcase-forms.esm.js CHANGED
@@ -143,6 +143,9 @@ function FieldWrapperBase(props) {
143
143
  helpTextSize,
144
144
  helpTextWeight,
145
145
  helpTextColor,
146
+ errorBorderWidth,
147
+ errorBorderColor,
148
+ errorFill,
146
149
  message,
147
150
  messageTextColor,
148
151
  messageTextSize,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@itcase/forms",
3
- "version": "1.0.57",
3
+ "version": "1.0.59",
4
4
  "description": "Forms fields, inputs, etc.",
5
5
  "keywords": [],
6
6
  "license": "MIT",
package/dist/css/form/Form/css/__header/form__header.css DELETED
@@ -1,34 +0,0 @@
1
- .form {
2
- &__header {
3
- width: 100%;
4
- position: relative;
5
- &-wrapper {
6
- position: relative;
7
- }
8
- &-title {
9
- width: 100%;
10
- position: relative;
11
- &-text {
12
- width: 100%;
13
- max-width: var(--max);
14
- color: var(--color-surface-text-primary);
15
- margin: 0 auto;
16
- position: relative;
17
- align-self: center;
18
- @mixin h4 500;
19
- }
20
- &-desc {
21
- width: 100%;
22
- color: var(--color-surface-text-primary);
23
- padding: 12px 0 0 0;
24
- position: relative;
25
- @mixin text-xl;
26
- @media (--mobile) {
27
- padding: 24px 0 0 0;
28
- grid-row-start: 3;
29
- grid-column: 1 / 3;
30
- }
31
- }
32
- }
33
- }
34
- }