@crediblemark/build 0.24.7 → 0.24.9

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 (15) hide show
  1. package/dist/{ArrayField-SEWJV5GB.css → ArrayField-ABD3HGQK.css} +127 -89
  2. package/dist/{ArrayField-2HGRARI2.mjs → ArrayField-OPQ2CJX7.mjs} +2 -2
  3. package/dist/{ObjectField-2JSLQM7O.mjs → ObjectField-ITKHRUX2.mjs} +2 -2
  4. package/dist/{ObjectField-KBWPA5AV.css → ObjectField-RGVFMP6O.css} +127 -89
  5. package/dist/{chunk-7EY2S46B.mjs → chunk-NV5F47RH.mjs} +13 -17
  6. package/dist/{chunk-TROD5OXC.mjs → chunk-SJLXKGIW.mjs} +6 -6
  7. package/dist/{chunk-N2NNRJDJ.mjs → chunk-VZMLLRBL.mjs} +2 -2
  8. package/dist/{chunk-QV6ANL5D.mjs → chunk-XQ5K5BWA.mjs} +4 -4
  9. package/dist/index.css +160 -124
  10. package/dist/index.js +19 -23
  11. package/dist/index.mjs +4 -4
  12. package/dist/no-external.css +160 -124
  13. package/dist/no-external.js +19 -23
  14. package/dist/no-external.mjs +4 -4
  15. package/package.json +3 -3
package/dist/{ObjectField-KBWPA5AV.css → ObjectField-RGVFMP6O.css} RENAMED
@@ -1,77 +1,115 @@
1
1
  /* css-module:/home/crediblemark/Project/Credibuild/components/AutoField/fields/ObjectField/styles.module.css/#css-module-data */
2
- ._ObjectField_1vrf5_1 {
2
+ ._ObjectField_7axeg_1 {
3
3
  display: flex;
4
4
  flex-direction: column;
5
5
  background-color: transparent;
6
- border: 1px solid var(--credbuild-color-grey-09);
7
- border-radius: 6px;
8
- margin-bottom: 8px;
6
+ margin-bottom: 0;
9
7
  overflow: hidden;
10
8
  transition: all 0.2s ease;
11
9
  }
12
- ._ObjectField--isOpen_1vrf5_12 {
13
- border-color: var(--credbuild-color-azure-09);
14
- background-color: var(--credbuild-color-grey-11);
10
+ ._ObjectField--isOpen_7axeg_10 {
11
+ background-color: transparent;
15
12
  }
16
- ._ObjectField-content_1vrf5_17 {
17
- border-top: 1px solid var(--credbuild-color-grey-09);
18
- background-color: var(--credbuild-color-white);
13
+ ._ObjectField-content_7axeg_14 {
14
+ background-color: transparent;
19
15
  }
20
- ._ObjectField-fieldset_1vrf5_22 {
16
+ ._ObjectField-fieldset_7axeg_18 {
21
17
  border: none;
22
18
  margin: 0;
23
19
  min-width: 0;
24
- padding: 12px 12px;
20
+ padding: 0 0 8px 12px;
25
21
  display: flex;
26
22
  flex-direction: column;
27
- gap: 12px;
23
+ gap: 4px;
24
+ border-left: 1px solid var(--credbuild-color-grey-10);
25
+ margin-left: 8px;
26
+ }
27
+ ._ObjectField-header_7axeg_30 {
28
+ background-color: transparent;
29
+ border: 0;
30
+ color: var(--credbuild-color-grey-05);
31
+ cursor: pointer;
32
+ display: flex;
33
+ font: inherit;
34
+ font-size: var(--credbuild-font-size-xxxs);
35
+ list-style: none;
36
+ margin-bottom: 2px;
37
+ padding: 4px 8px;
38
+ text-transform: uppercase;
39
+ transition: background-color 50ms ease-in, color 50ms ease-in;
40
+ gap: 4px;
41
+ border-radius: 4px;
42
+ width: 100%;
43
+ align-items: center;
44
+ }
45
+ ._ObjectField-header_7axeg_30:hover {
46
+ background-color: var(--credbuild-color-azure-11);
47
+ color: var(--credbuild-color-azure-04);
48
+ }
49
+ ._ObjectField-headerIcon_7axeg_54 {
50
+ margin-inline-start: auto;
51
+ display: flex;
52
+ align-items: center;
28
53
  }
29
54
 
30
55
  /* css-module:/home/crediblemark/Project/Credibuild/components/AutoField/styles.module.css/#css-module-data */
31
- ._InputWrapper_1bq9u_1 + ._InputWrapper_1bq9u_1 {
32
- margin-top: 5px;
56
+ ._InputWrapper_1xuyz_1:not(._InputWrapper--object_1xuyz_1):not(._InputWrapper--array_1xuyz_1) {
57
+ border: 1px solid var(--credbuild-color-grey-10);
58
+ border-radius: 5px;
59
+ padding: 6px 8px;
60
+ background-color: var(--credbuild-color-white);
61
+ transition: all 0.2s ease;
62
+ }
63
+ ._InputWrapper_1xuyz_1 + ._InputWrapper_1xuyz_1 {
64
+ margin-top: 2px;
65
+ }
66
+ ._InputWrapper_1xuyz_1:not(._InputWrapper--object_1xuyz_1):not(._InputWrapper--array_1xuyz_1):hover {
67
+ border-color: var(--credbuild-color-grey-08);
68
+ background-color: var(--credbuild-color-grey-11);
33
69
  }
34
- ._Input-label_1bq9u_5 {
70
+ ._Input-label_1xuyz_18 {
35
71
  align-items: center;
36
- color: var(--credbuild-color-grey-04);
72
+ color: var(--credbuild-color-grey-05);
37
73
  display: flex;
38
- padding-bottom: 4px;
39
- font-size: var(--credbuild-font-size-xxs);
40
- font-weight: 600;
74
+ padding-bottom: 2px;
75
+ font-size: 10px;
76
+ font-weight: 500;
77
+ text-transform: uppercase;
78
+ letter-spacing: 0.02em;
41
79
  }
42
- ._Input-label--noChildren_1bq9u_14 {
80
+ ._Input-label--noChildren_1xuyz_29 {
43
81
  padding-bottom: 0;
44
82
  }
45
- ._Input-labelIcon_1bq9u_18 {
83
+ ._Input-labelIcon_1xuyz_33 {
46
84
  color: var(--credbuild-color-grey-07);
47
85
  display: flex;
48
86
  margin-inline-end: 4px;
49
87
  padding-inline-start: 4px;
50
88
  }
51
- ._Input-disabledIcon_1bq9u_25 {
89
+ ._Input-disabledIcon_1xuyz_40 {
52
90
  color: var(--credbuild-color-grey-05);
53
91
  margin-inline-start: auto;
54
92
  }
55
- ._Input-input_1bq9u_30 {
56
- background: var(--credbuild-color-white);
57
- border-width: 1px;
58
- border-style: solid;
59
- border-color: var(--credbuild-color-grey-09);
60
- border-radius: 4px;
93
+ ._Input-input_1xuyz_45 {
94
+ background: transparent;
95
+ border: none;
96
+ border-radius: 0;
61
97
  box-sizing: border-box;
62
98
  font-family: inherit;
63
- font-size: 16px;
64
- padding: 6px 10px;
65
- transition: border-color 50ms ease-in;
99
+ font-size: 12px;
100
+ padding: 0;
101
+ transition: all 0.1s ease;
66
102
  width: 100%;
67
103
  max-width: 100%;
104
+ color: var(--credbuild-color-grey-02);
105
+ outline: none;
68
106
  }
69
107
  @media (min-width: 458px) {
70
- ._Input-input_1bq9u_30 {
108
+ ._Input-input_1xuyz_45 {
71
109
  font-size: 14px;
72
110
  }
73
111
  }
74
- select._Input-input_1bq9u_30 {
112
+ select._Input-input_1xuyz_45 {
75
113
  appearance: none;
76
114
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23c3c3c3'><polygon points='0,0 100,0 50,50'/></svg>") no-repeat;
77
115
  background-size: 12px;
@@ -80,29 +118,29 @@ select._Input-input_1bq9u_30 {
80
118
  background-color: var(--credbuild-color-white);
81
119
  cursor: pointer;
82
120
  }
83
- select._Input-input_1bq9u_30:dir(rtl) {
121
+ select._Input-input_1xuyz_45:dir(rtl) {
84
122
  background-position: 12px calc(50% + 3px);
85
123
  }
86
124
  @media (hover: hover) and (pointer: fine) {
87
- ._Input_1bq9u_1:has(> input):hover ._Input-input_1bq9u_30:not([readonly]),
88
- ._Input_1bq9u_1:has(> textarea):hover ._Input-input_1bq9u_30:not([readonly]) {
125
+ ._Input_1xuyz_1:has(> input):hover ._Input-input_1xuyz_45:not([readonly]),
126
+ ._Input_1xuyz_1:has(> textarea):hover ._Input-input_1xuyz_45:not([readonly]) {
89
127
  border-color: var(--credbuild-color-grey-05);
90
128
  transition: none;
91
129
  }
92
- ._Input_1bq9u_1:has(> select):hover ._Input-input_1bq9u_30:not([disabled]) {
130
+ ._Input_1xuyz_1:has(> select):hover ._Input-input_1xuyz_45:not([disabled]) {
93
131
  background-color: var(--credbuild-color-azure-12);
94
132
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%235a5a5a'><polygon points='0,0 100,0 50,50'/></svg>");
95
133
  border-color: var(--credbuild-color-grey-05);
96
134
  transition: none;
97
135
  }
98
136
  }
99
- ._Input-input_1bq9u_30:focus {
137
+ ._Input-input_1xuyz_45:focus {
100
138
  border-color: var(--credbuild-color-grey-05);
101
139
  outline: 2px solid var(--credbuild-color-azure-05);
102
140
  transition: none;
103
141
  }
104
- ._Input--readOnly_1bq9u_86 > ._Input-input_1bq9u_30,
105
- ._Input--readOnly_1bq9u_86 > select._Input-input_1bq9u_30 {
142
+ ._Input--readOnly_1xuyz_101 > ._Input-input_1xuyz_45,
143
+ ._Input--readOnly_1xuyz_101 > select._Input-input_1xuyz_45 {
106
144
  background-color: var(--credbuild-color-grey-11);
107
145
  border-color: var(--credbuild-color-grey-09);
108
146
  color: var(--credbuild-color-grey-04);
@@ -111,34 +149,34 @@ select._Input-input_1bq9u_30:dir(rtl) {
111
149
  outline: 0;
112
150
  transition: none;
113
151
  }
114
- ._Input-radioGroupItems_1bq9u_97 {
152
+ ._Input-radioGroupItems_1xuyz_112 {
115
153
  display: flex;
116
154
  border: 1px solid var(--credbuild-color-grey-09);
117
155
  border-radius: 4px;
118
156
  flex-wrap: wrap;
119
157
  }
120
- ._Input-radio_1bq9u_97 {
158
+ ._Input-radio_1xuyz_112 {
121
159
  border-inline-end: 1px solid var(--credbuild-color-grey-09);
122
160
  flex-grow: 1;
123
161
  }
124
- ._Input-radio_1bq9u_97:first-of-type {
162
+ ._Input-radio_1xuyz_112:first-of-type {
125
163
  border-bottom-left-radius: 4px;
126
164
  border-top-left-radius: 4px;
127
165
  }
128
- ._Input-radio_1bq9u_97:first-of-type ._Input-radioInner_1bq9u_114 {
166
+ ._Input-radio_1xuyz_112:first-of-type ._Input-radioInner_1xuyz_129 {
129
167
  border-bottom-left-radius: 3px;
130
168
  border-top-left-radius: 3px;
131
169
  }
132
- ._Input-radio_1bq9u_97:last-of-type {
170
+ ._Input-radio_1xuyz_112:last-of-type {
133
171
  border-bottom-right-radius: 4px;
134
172
  border-inline-end: 0;
135
173
  border-top-right-radius: 4px;
136
174
  }
137
- ._Input-radio_1bq9u_97:last-of-type ._Input-radioInner_1bq9u_114 {
175
+ ._Input-radio_1xuyz_112:last-of-type ._Input-radioInner_1xuyz_129 {
138
176
  border-bottom-right-radius: 3px;
139
177
  border-top-right-radius: 3px;
140
178
  }
141
- ._Input-radioInner_1bq9u_114 {
179
+ ._Input-radioInner_1xuyz_129 {
142
180
  background-color: var(--credbuild-color-white);
143
181
  color: var(--credbuild-color-grey-04);
144
182
  cursor: pointer;
@@ -147,32 +185,32 @@ select._Input-input_1bq9u_30:dir(rtl) {
147
185
  text-align: center;
148
186
  transition: background-color 50ms ease-in;
149
187
  }
150
- ._Input-radio_1bq9u_97:has(:focus-visible) {
188
+ ._Input-radio_1xuyz_112:has(:focus-visible) {
151
189
  outline: 2px solid var(--credbuild-color-azure-05);
152
190
  outline-offset: 2px;
153
191
  position: relative;
154
192
  }
155
193
  @media (hover: hover) and (pointer: fine) {
156
- ._Input-radioInner_1bq9u_114:hover {
194
+ ._Input-radioInner_1xuyz_129:hover {
157
195
  background-color: var(--credbuild-color-azure-12);
158
196
  transition: none;
159
197
  }
160
198
  }
161
- ._Input--readOnly_1bq9u_86 ._Input-radioInner_1bq9u_114 {
199
+ ._Input--readOnly_1xuyz_101 ._Input-radioInner_1xuyz_129 {
162
200
  background-color: var(--credbuild-color-white);
163
201
  color: var(--credbuild-color-grey-04);
164
202
  cursor: default;
165
203
  }
166
- ._Input-radio_1bq9u_97 ._Input-radioInput_1bq9u_159:checked ~ ._Input-radioInner_1bq9u_114 {
204
+ ._Input-radio_1xuyz_112 ._Input-radioInput_1xuyz_174:checked ~ ._Input-radioInner_1xuyz_129 {
167
205
  background-color: var(--credbuild-color-azure-11);
168
206
  color: var(--credbuild-color-azure-04);
169
207
  font-weight: 500;
170
208
  }
171
- ._Input--readOnly_1bq9u_86 ._Input-radioInput_1bq9u_159:checked ~ ._Input-radioInner_1bq9u_114 {
209
+ ._Input--readOnly_1xuyz_101 ._Input-radioInput_1xuyz_174:checked ~ ._Input-radioInner_1xuyz_129 {
172
210
  background-color: var(--credbuild-color-grey-11);
173
211
  color: var(--credbuild-color-grey-04);
174
212
  }
175
- ._Input-radio_1bq9u_97 ._Input-radioInput_1bq9u_159 {
213
+ ._Input-radio_1xuyz_112 ._Input-radioInput_1xuyz_174 {
176
214
  clip: rect(0 0 0 0);
177
215
  clip-path: inset(100%);
178
216
  height: 1px;
@@ -181,7 +219,7 @@ select._Input-input_1bq9u_30:dir(rtl) {
181
219
  white-space: nowrap;
182
220
  width: 1px;
183
221
  }
184
- textarea._Input-input_1bq9u_30 {
222
+ textarea._Input-input_1xuyz_45 {
185
223
  margin-bottom: -4px;
186
224
  }
187
225
 
@@ -1041,18 +1079,18 @@ textarea._Input-input_1bq9u_30 {
1041
1079
  }
1042
1080
 
1043
1081
  /* css-module:/home/crediblemark/Project/Credibuild/components/AutoField/fields/ArrayField/styles.module.css/#css-module-data */
1044
- ._ArrayField_1q029_5 {
1082
+ ._ArrayField_19wby_5 {
1045
1083
  display: flex;
1046
1084
  flex-direction: column;
1047
1085
  background: var(--credbuild-color-azure-11);
1048
1086
  border: 1px solid var(--credbuild-color-grey-09);
1049
1087
  border-radius: 4px;
1050
1088
  }
1051
- ._ArrayField--isDraggingFrom_1q029_13 {
1089
+ ._ArrayField--isDraggingFrom_19wby_13 {
1052
1090
  background-color: var(--credbuild-color-azure-11);
1053
1091
  overflow: hidden;
1054
1092
  }
1055
- ._ArrayField-addButton_1q029_18 {
1093
+ ._ArrayField-addButton_19wby_18 {
1056
1094
  background-color: var(--credbuild-color-white);
1057
1095
  border: none;
1058
1096
  border-radius: 3px;
@@ -1066,63 +1104,63 @@ textarea._Input-input_1bq9u_30 {
1066
1104
  text-align: left;
1067
1105
  transition: background-color 50ms ease-in;
1068
1106
  }
1069
- ._ArrayField--hasItems_1q029_33 > ._ArrayField-addButton_1q029_18 {
1107
+ ._ArrayField--hasItems_19wby_33 > ._ArrayField-addButton_19wby_18 {
1070
1108
  border-top: 1px solid var(--credbuild-color-grey-09);
1071
1109
  border-top-left-radius: 0;
1072
1110
  border-top-right-radius: 0;
1073
1111
  }
1074
- ._ArrayField-addButton_1q029_18:focus-visible {
1112
+ ._ArrayField-addButton_19wby_18:focus-visible {
1075
1113
  outline: 2px solid var(--credbuild-color-azure-05);
1076
1114
  outline-offset: 2px;
1077
1115
  position: relative;
1078
1116
  }
1079
1117
  @media (hover: hover) and (pointer: fine) {
1080
- ._ArrayField_1q029_5:not(._ArrayField--isDraggingFrom_1q029_13) > ._ArrayField-addButton_1q029_18:hover {
1118
+ ._ArrayField_19wby_5:not(._ArrayField--isDraggingFrom_19wby_13) > ._ArrayField-addButton_19wby_18:hover {
1081
1119
  background: var(--credbuild-color-azure-12);
1082
1120
  color: var(--credbuild-color-azure-04);
1083
1121
  transition: none;
1084
1122
  }
1085
1123
  }
1086
- ._ArrayField_1q029_5:not(._ArrayField--isDraggingFrom_1q029_13) > ._ArrayField-addButton_1q029_18:active {
1124
+ ._ArrayField_19wby_5:not(._ArrayField--isDraggingFrom_19wby_13) > ._ArrayField-addButton_19wby_18:active {
1087
1125
  background: var(--credbuild-color-azure-11);
1088
1126
  color: var(--credbuild-color-azure-04);
1089
1127
  transition: none;
1090
1128
  }
1091
- ._ArrayField-inner_1q029_59 {
1129
+ ._ArrayField-inner_19wby_59 {
1092
1130
  margin-top: -1px;
1093
1131
  }
1094
- ._ArrayFieldItem_1q029_67 {
1132
+ ._ArrayFieldItem_19wby_67 {
1095
1133
  border-top-left-radius: 3px;
1096
1134
  border-top-right-radius: 3px;
1097
1135
  display: block;
1098
1136
  position: relative;
1099
1137
  }
1100
- ._ArrayFieldItem_1q029_67 {
1138
+ ._ArrayFieldItem_19wby_67 {
1101
1139
  border-top: 1px solid var(--credbuild-color-grey-09);
1102
1140
  }
1103
- ._ArrayFieldItem--isDragging_1q029_78 {
1141
+ ._ArrayFieldItem--isDragging_19wby_78 {
1104
1142
  border-top: transparent;
1105
1143
  }
1106
- ._ArrayFieldItem--isExpanded_1q029_82::before {
1144
+ ._ArrayFieldItem--isExpanded_19wby_82::before {
1107
1145
  display: none;
1108
1146
  }
1109
- ._ArrayFieldItem--isExpanded_1q029_82 {
1147
+ ._ArrayFieldItem--isExpanded_19wby_82 {
1110
1148
  border-bottom: 0;
1111
1149
  outline-offset: 0px !important;
1112
1150
  outline: 1px solid var(--credbuild-color-azure-07) !important;
1113
1151
  z-index: 2;
1114
1152
  }
1115
- ._ArrayFieldItem--isDragging_1q029_78 {
1153
+ ._ArrayFieldItem--isDragging_19wby_78 {
1116
1154
  outline: 2px var(--credbuild-color-azure-09) solid !important;
1117
1155
  }
1118
- ._ArrayFieldItem--isDragging_1q029_78 ._ArrayFieldItem-summary_1q029_97:active {
1156
+ ._ArrayFieldItem--isDragging_19wby_78 ._ArrayFieldItem-summary_19wby_97:active {
1119
1157
  background-color: var(--credbuild-color-white);
1120
1158
  }
1121
- ._ArrayFieldItem_1q029_67 + ._ArrayFieldItem_1q029_67 {
1159
+ ._ArrayFieldItem_19wby_67 + ._ArrayFieldItem_19wby_67 {
1122
1160
  border-top-left-radius: 0;
1123
1161
  border-top-right-radius: 0;
1124
1162
  }
1125
- ._ArrayFieldItem-summary_1q029_97 {
1163
+ ._ArrayFieldItem-summary_19wby_97 {
1126
1164
  background: var(--credbuild-color-white);
1127
1165
  color: var(--credbuild-color-grey-04);
1128
1166
  cursor: pointer;
@@ -1132,73 +1170,73 @@ textarea._Input-input_1bq9u_30 {
1132
1170
  justify-content: space-between;
1133
1171
  font-size: var(--credbuild-font-size-xxs);
1134
1172
  list-style: none;
1135
- padding: 12px 15px;
1173
+ padding: 6px 10px;
1136
1174
  position: relative;
1137
1175
  overflow: hidden;
1138
1176
  transition: background-color 50ms ease-in;
1139
1177
  }
1140
- ._ArrayFieldItem--noFields_1q029_122 > ._ArrayFieldItem-summary_1q029_97 {
1178
+ ._ArrayFieldItem--noFields_19wby_122 > ._ArrayFieldItem-summary_19wby_97 {
1141
1179
  cursor: grab;
1142
1180
  }
1143
- ._ArrayFieldItem_1q029_67:first-of-type > ._ArrayFieldItem-summary_1q029_97 {
1181
+ ._ArrayFieldItem_19wby_67:first-of-type > ._ArrayFieldItem-summary_19wby_97 {
1144
1182
  border-top-left-radius: 3px;
1145
1183
  border-top-right-radius: 3px;
1146
1184
  }
1147
- ._ArrayField--addDisabled_1q029_131 > ._ArrayField-inner_1q029_59 > ._ArrayFieldItem_1q029_67:last-of-type:not(._ArrayFieldItem--isExpanded_1q029_82) > ._ArrayFieldItem-summary_1q029_97 {
1185
+ ._ArrayField--addDisabled_19wby_131 > ._ArrayField-inner_19wby_59 > ._ArrayFieldItem_19wby_67:last-of-type:not(._ArrayFieldItem--isExpanded_19wby_82) > ._ArrayFieldItem-summary_19wby_97 {
1148
1186
  border-bottom-left-radius: 3px;
1149
1187
  border-bottom-right-radius: 3px;
1150
1188
  }
1151
- ._ArrayField--addDisabled_1q029_131 > ._ArrayField-inner_1q029_59 > ._ArrayFieldItem--isExpanded_1q029_82:last-of-type {
1189
+ ._ArrayField--addDisabled_19wby_131 > ._ArrayField-inner_19wby_59 > ._ArrayFieldItem--isExpanded_19wby_82:last-of-type {
1152
1190
  border-bottom-left-radius: 3px;
1153
1191
  border-bottom-right-radius: 3px;
1154
1192
  }
1155
- ._ArrayFieldItem-summary_1q029_97:focus-visible {
1193
+ ._ArrayFieldItem-summary_19wby_97:focus-visible {
1156
1194
  outline: 2px solid var(--credbuild-color-azure-05);
1157
1195
  outline-offset: 2px;
1158
1196
  }
1159
1197
  @media (hover: hover) and (pointer: fine) {
1160
- ._ArrayFieldItem-summary_1q029_97:hover {
1198
+ ._ArrayFieldItem-summary_19wby_97:hover {
1161
1199
  background-color: var(--credbuild-color-azure-12);
1162
1200
  transition: none;
1163
1201
  }
1164
1202
  }
1165
- ._ArrayFieldItem-summary_1q029_97:active {
1203
+ ._ArrayFieldItem-summary_19wby_97:active {
1166
1204
  background-color: var(--credbuild-color-azure-11);
1167
1205
  transition: none;
1168
1206
  }
1169
- ._ArrayFieldItem--isExpanded_1q029_82 > ._ArrayFieldItem-summary_1q029_97 {
1207
+ ._ArrayFieldItem--isExpanded_19wby_82 > ._ArrayFieldItem-summary_19wby_97 {
1170
1208
  background: var(--credbuild-color-azure-11);
1171
1209
  color: var(--credbuild-color-azure-04);
1172
1210
  font-weight: 600;
1173
1211
  transition: none;
1174
1212
  }
1175
- ._ArrayFieldItem-body_1q029_170 {
1213
+ ._ArrayFieldItem-body_19wby_170 {
1176
1214
  background: var(--credbuild-color-white);
1177
1215
  display: none;
1178
1216
  }
1179
- ._ArrayFieldItem--isExpanded_1q029_82 > ._ArrayFieldItem-body_1q029_170 {
1217
+ ._ArrayFieldItem--isExpanded_19wby_82 > ._ArrayFieldItem-body_19wby_170 {
1180
1218
  display: block;
1181
1219
  }
1182
- ._ArrayFieldItem-fieldset_1q029_179 {
1220
+ ._ArrayFieldItem-fieldset_19wby_179 {
1183
1221
  border: none;
1184
1222
  border-top: 1px solid var(--credbuild-color-grey-09);
1185
1223
  margin: 0;
1186
1224
  min-width: 0;
1187
- padding: 16px 15px;
1225
+ padding: 8px 10px;
1188
1226
  }
1189
- ._ArrayFieldItem-rhs_1q029_187 {
1227
+ ._ArrayFieldItem-rhs_19wby_187 {
1190
1228
  display: flex;
1191
1229
  gap: 4px;
1192
1230
  align-items: center;
1193
1231
  }
1194
- ._ArrayFieldItem-actions_1q029_193 {
1232
+ ._ArrayFieldItem-actions_19wby_193 {
1195
1233
  color: var(--credbuild-color-grey-04);
1196
1234
  display: flex;
1197
1235
  gap: 4px;
1198
1236
  opacity: 0;
1199
1237
  }
1200
- ._ArrayFieldItem-summary_1q029_97:focus-within > ._ArrayFieldItem-rhs_1q029_187 > ._ArrayFieldItem-actions_1q029_193,
1201
- ._ArrayFieldItem-summary_1q029_97:hover > ._ArrayFieldItem-rhs_1q029_187 > ._ArrayFieldItem-actions_1q029_193 {
1238
+ ._ArrayFieldItem-summary_19wby_97:focus-within > ._ArrayFieldItem-rhs_19wby_187 > ._ArrayFieldItem-actions_19wby_193,
1239
+ ._ArrayFieldItem-summary_19wby_97:hover > ._ArrayFieldItem-rhs_19wby_187 > ._ArrayFieldItem-actions_19wby_193 {
1202
1240
  opacity: 1;
1203
1241
  }
1204
1242
 
package/dist/{chunk-7EY2S46B.mjs → chunk-NV5F47RH.mjs} RENAMED
@@ -3,7 +3,7 @@ import {
3
3
  getDeep,
4
4
  useFieldStoreApi,
5
5
  useNestedFieldContext
6
- } from "./chunk-QV6ANL5D.mjs";
6
+ } from "./chunk-XQ5K5BWA.mjs";
7
7
  import {
8
8
  ChevronDown,
9
9
  ChevronRight,
@@ -15,7 +15,7 @@ import {
15
15
  } from "./chunk-BFHV72KK.mjs";
16
16
 
17
17
  // css-module:/home/crediblemark/Project/Credibuild/components/AutoField/fields/ObjectField/styles.module.css#css-module
18
- var styles_module_default = { "ObjectField": "_ObjectField_1vrf5_1", "ObjectField--isOpen": "_ObjectField--isOpen_1vrf5_12", "ObjectField-content": "_ObjectField-content_1vrf5_17", "ObjectField-fieldset": "_ObjectField-fieldset_1vrf5_22" };
18
+ var styles_module_default = { "ObjectField": "_ObjectField_7axeg_1", "ObjectField--isOpen": "_ObjectField--isOpen_7axeg_10", "ObjectField-content": "_ObjectField-content_7axeg_14", "ObjectField-fieldset": "_ObjectField-fieldset_7axeg_18", "ObjectField-header": "_ObjectField-header_7axeg_30", "ObjectField-headerIcon": "_ObjectField-headerIcon_7axeg_54" };
19
19
 
20
20
  // components/AutoField/fields/ObjectField/index.tsx
21
21
  import { useState } from "react";
@@ -42,23 +42,19 @@ var ObjectField = ({
42
42
  return null;
43
43
  }
44
44
  return /* @__PURE__ */ jsxs("div", { className: getClassName({ isOpen }), children: [
45
- /* @__PURE__ */ jsx(
46
- "div",
45
+ /* @__PURE__ */ jsxs(
46
+ "button",
47
47
  {
48
+ type: "button",
49
+ className: getClassName("header"),
48
50
  onClick: () => setIsOpen(!isOpen),
49
- style: { cursor: "pointer" },
50
- children: /* @__PURE__ */ jsx(
51
- Label,
52
- {
53
- label: label || name,
54
- icon: /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "4px" }, children: [
55
- isOpen ? /* @__PURE__ */ jsx(ChevronDown, { size: 14 }) : /* @__PURE__ */ jsx(ChevronRight, { size: 14 }),
56
- labelIcon || /* @__PURE__ */ jsx(EllipsisVertical, { size: 16 })
57
- ] }),
58
- el: "div",
59
- readOnly
60
- }
61
- )
51
+ children: [
52
+ /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
53
+ labelIcon || /* @__PURE__ */ jsx(EllipsisVertical, { size: 12 }),
54
+ /* @__PURE__ */ jsx("div", { children: label || name })
55
+ ] }),
56
+ /* @__PURE__ */ jsx("div", { className: getClassName("headerIcon"), children: isOpen ? /* @__PURE__ */ jsx(ChevronDown, { size: 12 }) : /* @__PURE__ */ jsx(ChevronRight, { size: 12 }) })
57
+ ]
62
58
  }
63
59
  ),
64
60
  isOpen && /* @__PURE__ */ jsx("div", { className: getClassName("content"), children: /* @__PURE__ */ jsx("fieldset", { className: getClassName("fieldset"), children: Object.keys(field.objectFields).map((subName) => {
package/dist/{chunk-TROD5OXC.mjs → chunk-SJLXKGIW.mjs} RENAMED
@@ -7,7 +7,7 @@ import {
7
7
  createDynamicCollisionDetector,
8
8
  setDeep,
9
9
  useSensors
10
- } from "./chunk-N2NNRJDJ.mjs";
10
+ } from "./chunk-VZMLLRBL.mjs";
11
11
  import {
12
12
  AutoFieldPrivate,
13
13
  Button,
@@ -16,7 +16,7 @@ import {
16
16
  fieldContextStore,
17
17
  useContextStore,
18
18
  useSafeId
19
- } from "./chunk-QV6ANL5D.mjs";
19
+ } from "./chunk-XQ5K5BWA.mjs";
20
20
  import {
21
21
  RichTextRenderFallback,
22
22
  SlotRender,
@@ -488,7 +488,7 @@ var ColorPickerField = ({ value, onChange }) => {
488
488
  };
489
489
 
490
490
  // css-module:/home/crediblemark/Project/Credibuild/components/Drawer/styles.module.css#css-module
491
- var styles_module_default = { "Drawer": "_Drawer_e1509_1", "Drawer-draggable": "_Drawer-draggable_e1509_7", "Drawer-draggableBg": "_Drawer-draggableBg_e1509_11", "DrawerItem-draggable": "_DrawerItem-draggable_e1509_21", "DrawerItem--disabled": "_DrawerItem--disabled_e1509_34", "DrawerItem": "_DrawerItem_e1509_21", "Drawer--isDraggingFrom": "_Drawer--isDraggingFrom_e1509_43", "DrawerItem-default": "_DrawerItem-default_e1509_44", "DrawerItem-name": "_DrawerItem-name_e1509_61" };
491
+ var styles_module_default = { "Drawer": "_Drawer_1bd7y_1", "Drawer-draggable": "_Drawer-draggable_1bd7y_7", "Drawer-draggableBg": "_Drawer-draggableBg_1bd7y_11", "DrawerItem-draggable": "_DrawerItem-draggable_1bd7y_21", "DrawerItem--disabled": "_DrawerItem--disabled_1bd7y_34", "DrawerItem": "_DrawerItem_1bd7y_21", "Drawer--isDraggingFrom": "_Drawer--isDraggingFrom_1bd7y_43", "DrawerItem-default": "_DrawerItem-default_1bd7y_44", "DrawerItem-name": "_DrawerItem-name_1bd7y_61" };
492
492
 
493
493
  // components/Drawer/index.tsx
494
494
  import { useMemo, useState as useState2 } from "react";
@@ -2919,7 +2919,7 @@ function useGetCredBuild() {
2919
2919
  import { useEffect as useEffect12, useState as useState9 } from "react";
2920
2920
 
2921
2921
  // css-module:/home/crediblemark/Project/Credibuild/components/ComponentList/styles.module.css#css-module
2922
- var styles_module_default5 = { "ComponentList": "_ComponentList_1jl8i_1", "ComponentList--isExpanded": "_ComponentList--isExpanded_1jl8i_5", "ComponentList-content": "_ComponentList-content_1jl8i_9", "ComponentList-title": "_ComponentList-title_1jl8i_17", "ComponentList-titleIcon": "_ComponentList-titleIcon_1jl8i_53" };
2922
+ var styles_module_default5 = { "ComponentList": "_ComponentList_10tqo_1", "ComponentList--isExpanded": "_ComponentList--isExpanded_10tqo_5", "ComponentList-content": "_ComponentList-content_10tqo_9", "ComponentList-title": "_ComponentList-title_10tqo_17", "ComponentList-titleIcon": "_ComponentList-titleIcon_10tqo_53" };
2923
2923
 
2924
2924
  // components/ComponentList/index.tsx
2925
2925
  import { useEffect as useEffect11, useRef as useRef9 } from "react";
@@ -2959,7 +2959,7 @@ var ComponentList = ({
2959
2959
  const virtualizer = useVirtualizer2({
2960
2960
  count: components.length,
2961
2961
  getScrollElement: () => parentRef.current,
2962
- estimateSize: () => 40,
2962
+ estimateSize: () => 32,
2963
2963
  // Estimated height of each item
2964
2964
  overscan: 5
2965
2965
  });
@@ -3647,7 +3647,7 @@ var Breadcrumbs = ({
3647
3647
  };
3648
3648
 
3649
3649
  // css-module:/home/crediblemark/Project/Credibuild/components/CredBuild/components/Fields/styles.module.css#css-module
3650
- var styles_module_default10 = { "CredBuildFields": "_CredBuildFields_slc6y_1", "CredBuildFields--isLoading": "_CredBuildFields--isLoading_slc6y_6", "CredBuildFields-loadingOverlay": "_CredBuildFields-loadingOverlay_slc6y_10", "CredBuildFields-loadingOverlayInner": "_CredBuildFields-loadingOverlayInner_slc6y_25", "CredBuildFields-field": "_CredBuildFields-field_slc6y_32", "CredBuildFields--wrapFields": "_CredBuildFields--wrapFields_slc6y_36" };
3650
+ var styles_module_default10 = { "CredBuildFields": "_CredBuildFields_53gu7_1", "CredBuildFields--isLoading": "_CredBuildFields--isLoading_53gu7_6", "CredBuildFields-loadingOverlay": "_CredBuildFields-loadingOverlay_53gu7_10", "CredBuildFields-loadingOverlayInner": "_CredBuildFields-loadingOverlayInner_53gu7_25", "CredBuildFields-field": "_CredBuildFields-field_53gu7_32", "CredBuildFields--wrapFields": "_CredBuildFields--wrapFields_53gu7_36" };
3651
3651
 
3652
3652
  // components/CredBuild/components/Fields/index.tsx
3653
3653
  import {
package/dist/{chunk-N2NNRJDJ.mjs → chunk-VZMLLRBL.mjs} RENAMED
@@ -4,7 +4,7 @@ import {
4
4
  useFieldStore,
5
5
  useFieldStoreApi,
6
6
  useNestedFieldContext
7
- } from "./chunk-QV6ANL5D.mjs";
7
+ } from "./chunk-XQ5K5BWA.mjs";
8
8
  import {
9
9
  IconButton
10
10
  } from "./chunk-5JSNFZKX.mjs";
@@ -31,7 +31,7 @@ import {
31
31
  } from "./chunk-7LXZOPYT.mjs";
32
32
 
33
33
  // css-module:/home/crediblemark/Project/Credibuild/components/AutoField/fields/ArrayField/styles.module.css#css-module
34
- var styles_module_default = { "ArrayField": "_ArrayField_1q029_5", "ArrayField--isDraggingFrom": "_ArrayField--isDraggingFrom_1q029_13", "ArrayField-addButton": "_ArrayField-addButton_1q029_18", "ArrayField--hasItems": "_ArrayField--hasItems_1q029_33", "ArrayField-inner": "_ArrayField-inner_1q029_59", "ArrayFieldItem": "_ArrayFieldItem_1q029_67", "ArrayFieldItem--isDragging": "_ArrayFieldItem--isDragging_1q029_78", "ArrayFieldItem--isExpanded": "_ArrayFieldItem--isExpanded_1q029_82", "ArrayFieldItem-summary": "_ArrayFieldItem-summary_1q029_97", "ArrayFieldItem--noFields": "_ArrayFieldItem--noFields_1q029_122", "ArrayField--addDisabled": "_ArrayField--addDisabled_1q029_131", "ArrayFieldItem-body": "_ArrayFieldItem-body_1q029_170", "ArrayFieldItem-fieldset": "_ArrayFieldItem-fieldset_1q029_179", "ArrayFieldItem-rhs": "_ArrayFieldItem-rhs_1q029_187", "ArrayFieldItem-actions": "_ArrayFieldItem-actions_1q029_193" };
34
+ var styles_module_default = { "ArrayField": "_ArrayField_19wby_5", "ArrayField--isDraggingFrom": "_ArrayField--isDraggingFrom_19wby_13", "ArrayField-addButton": "_ArrayField-addButton_19wby_18", "ArrayField--hasItems": "_ArrayField--hasItems_19wby_33", "ArrayField-inner": "_ArrayField-inner_19wby_59", "ArrayFieldItem": "_ArrayFieldItem_19wby_67", "ArrayFieldItem--isDragging": "_ArrayFieldItem--isDragging_19wby_78", "ArrayFieldItem--isExpanded": "_ArrayFieldItem--isExpanded_19wby_82", "ArrayFieldItem-summary": "_ArrayFieldItem-summary_19wby_97", "ArrayFieldItem--noFields": "_ArrayFieldItem--noFields_19wby_122", "ArrayField--addDisabled": "_ArrayField--addDisabled_19wby_131", "ArrayFieldItem-body": "_ArrayFieldItem-body_19wby_170", "ArrayFieldItem-fieldset": "_ArrayFieldItem-fieldset_19wby_179", "ArrayFieldItem-rhs": "_ArrayFieldItem-rhs_19wby_187", "ArrayFieldItem-actions": "_ArrayFieldItem-actions_19wby_193" };
35
35
 
36
36
  // components/AutoField/fields/ArrayField/index.tsx
37
37
  import {
package/dist/{chunk-QV6ANL5D.mjs → chunk-XQ5K5BWA.mjs} RENAMED
@@ -75,7 +75,7 @@ function useFieldStore(selector) {
75
75
  }
76
76
 
77
77
  // css-module:/home/crediblemark/Project/Credibuild/components/AutoField/styles.module.css#css-module
78
- var styles_module_default = { "InputWrapper": "_InputWrapper_1bq9u_1", "Input-label": "_Input-label_1bq9u_5", "Input-label--noChildren": "_Input-label--noChildren_1bq9u_14", "Input-labelIcon": "_Input-labelIcon_1bq9u_18", "Input-disabledIcon": "_Input-disabledIcon_1bq9u_25", "Input-input": "_Input-input_1bq9u_30", "Input": "_Input_1bq9u_1", "Input--readOnly": "_Input--readOnly_1bq9u_86", "Input-radioGroupItems": "_Input-radioGroupItems_1bq9u_97", "Input-radio": "_Input-radio_1bq9u_97", "Input-radioInner": "_Input-radioInner_1bq9u_114", "Input-radioInput": "_Input-radioInput_1bq9u_159" };
78
+ var styles_module_default = { "InputWrapper": "_InputWrapper_1xuyz_1", "InputWrapper--object": "_InputWrapper--object_1xuyz_1", "InputWrapper--array": "_InputWrapper--array_1xuyz_1", "Input-label": "_Input-label_1xuyz_18", "Input-label--noChildren": "_Input-label--noChildren_1xuyz_29", "Input-labelIcon": "_Input-labelIcon_1xuyz_33", "Input-disabledIcon": "_Input-disabledIcon_1xuyz_40", "Input-input": "_Input-input_1xuyz_45", "Input": "_Input_1xuyz_1", "Input--readOnly": "_Input--readOnly_1xuyz_101", "Input-radioGroupItems": "_Input-radioGroupItems_1xuyz_112", "Input-radio": "_Input-radio_1xuyz_112", "Input-radioInner": "_Input-radioInner_1xuyz_129", "Input-radioInput": "_Input-radioInput_1xuyz_174" };
79
79
 
80
80
  // components/AutoField/FieldLabel.tsx
81
81
  import { useMemo } from "react";
@@ -994,8 +994,8 @@ var RichtextField = ({
994
994
 
995
995
  // components/AutoField/AutoFieldInternal.tsx
996
996
  import { jsx as jsx16 } from "react/jsx-runtime";
997
- var ArrayField = lazy2(() => import("./ArrayField-2HGRARI2.mjs").then((m) => ({ default: m.ArrayField })));
998
- var ObjectField = lazy2(() => import("./ObjectField-2JSLQM7O.mjs").then((m) => ({ default: m.ObjectField })));
997
+ var ArrayField = lazy2(() => import("./ArrayField-OPQ2CJX7.mjs").then((m) => ({ default: m.ArrayField })));
998
+ var ObjectField = lazy2(() => import("./ObjectField-ITKHRUX2.mjs").then((m) => ({ default: m.ObjectField })));
999
999
  var getClassNameWrapper2 = get_class_name_factory_default("InputWrapper", styles_module_default);
1000
1000
  var defaultFields = {
1001
1001
  array: ArrayField,
@@ -1114,7 +1114,7 @@ function AutoFieldInternal(props) {
1114
1114
  children: /* @__PURE__ */ jsx16(
1115
1115
  "div",
1116
1116
  {
1117
- className: getClassNameWrapper2(),
1117
+ className: getClassNameWrapper2({ [field.type]: true }),
1118
1118
  onFocus,
1119
1119
  onBlur,
1120
1120
  onClick: (e) => {