@dmsi/wedgekit-react 0.0.229 → 0.0.231
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/dist/{chunk-2RUQFWER.js → chunk-2VRZB2A4.js} +1 -1
- package/dist/{chunk-7W4I2NK3.js → chunk-5JVMULVC.js} +12 -2
- package/dist/{chunk-2WRRRPEB.js → chunk-7BBXPM5C.js} +1 -1
- package/dist/{chunk-XOUEHNCC.js → chunk-Q7ETEWBW.js} +1 -1
- package/dist/components/DataGridCell.cjs +12 -2
- package/dist/components/DataGridCell.js +3 -3
- package/dist/components/DateInput.cjs +14 -3
- package/dist/components/DateInput.js +3 -2
- package/dist/components/DateRangeInput.cjs +14 -3
- package/dist/components/DateRangeInput.js +3 -2
- package/dist/components/FilterGroup.cjs +12 -2
- package/dist/components/FilterGroup.js +2 -2
- package/dist/components/Input.cjs +12 -2
- package/dist/components/Input.js +1 -1
- package/dist/components/Password.cjs +12 -2
- package/dist/components/Password.js +1 -1
- package/dist/components/Search.cjs +12 -2
- package/dist/components/Search.js +2 -2
- package/dist/components/Select.cjs +12 -2
- package/dist/components/Select.js +2 -2
- package/dist/components/Stepper.cjs +12 -2
- package/dist/components/Stepper.js +1 -1
- package/dist/components/Time.cjs +12 -2
- package/dist/components/Time.js +1 -1
- package/dist/components/Upload.cjs +317 -16
- package/dist/components/Upload.js +33 -6
- package/dist/components/index.cjs +12 -2
- package/dist/components/index.js +4 -4
- package/package.json +1 -1
- package/src/components/DateInput.tsx +1 -0
- package/src/components/DateRangeInput.tsx +1 -0
- package/src/components/Input.tsx +19 -5
- package/src/components/Upload.tsx +90 -74
|
@@ -49,6 +49,7 @@ var InputBase = (_a) => {
|
|
|
49
49
|
removeBorder,
|
|
50
50
|
wrapperClassName,
|
|
51
51
|
focus,
|
|
52
|
+
secondaryIconColor,
|
|
52
53
|
fullWidth = true
|
|
53
54
|
} = _b, props = __objRest(_b, [
|
|
54
55
|
"id",
|
|
@@ -68,6 +69,7 @@ var InputBase = (_a) => {
|
|
|
68
69
|
"removeBorder",
|
|
69
70
|
"wrapperClassName",
|
|
70
71
|
"focus",
|
|
72
|
+
"secondaryIconColor",
|
|
71
73
|
"fullWidth"
|
|
72
74
|
]);
|
|
73
75
|
const attributes = {
|
|
@@ -133,6 +135,7 @@ var InputBase = (_a) => {
|
|
|
133
135
|
Label,
|
|
134
136
|
{
|
|
135
137
|
id: id ? `${id}-label` : void 0,
|
|
138
|
+
color: error ? "text-primary-error" : void 0,
|
|
136
139
|
className: clsx(
|
|
137
140
|
props.disabled || props.readOnly ? "cursor-default" : "cursor-pointer"
|
|
138
141
|
),
|
|
@@ -184,11 +187,18 @@ var InputBase = (_a) => {
|
|
|
184
187
|
)
|
|
185
188
|
})
|
|
186
189
|
),
|
|
187
|
-
after
|
|
190
|
+
secondaryIconColor ? /* @__PURE__ */ jsx("span", { className: "contents text-text-secondary-normal", children: after }) : after
|
|
188
191
|
]
|
|
189
192
|
}
|
|
190
193
|
),
|
|
191
|
-
caption && /* @__PURE__ */ jsx(
|
|
194
|
+
caption && /* @__PURE__ */ jsx(
|
|
195
|
+
"div",
|
|
196
|
+
{
|
|
197
|
+
id: id ? `${id}-caption` : void 0,
|
|
198
|
+
"data-testid": testid ? `${testid}-caption` : void 0,
|
|
199
|
+
children: caption
|
|
200
|
+
}
|
|
201
|
+
)
|
|
192
202
|
]
|
|
193
203
|
}
|
|
194
204
|
);
|
|
@@ -1265,6 +1265,7 @@ var InputBase = (_a) => {
|
|
|
1265
1265
|
removeBorder,
|
|
1266
1266
|
wrapperClassName,
|
|
1267
1267
|
focus,
|
|
1268
|
+
secondaryIconColor,
|
|
1268
1269
|
fullWidth = true
|
|
1269
1270
|
} = _b, props = __objRest(_b, [
|
|
1270
1271
|
"id",
|
|
@@ -1284,6 +1285,7 @@ var InputBase = (_a) => {
|
|
|
1284
1285
|
"removeBorder",
|
|
1285
1286
|
"wrapperClassName",
|
|
1286
1287
|
"focus",
|
|
1288
|
+
"secondaryIconColor",
|
|
1287
1289
|
"fullWidth"
|
|
1288
1290
|
]);
|
|
1289
1291
|
const attributes = {
|
|
@@ -1349,6 +1351,7 @@ var InputBase = (_a) => {
|
|
|
1349
1351
|
Label,
|
|
1350
1352
|
{
|
|
1351
1353
|
id: id ? `${id}-label` : void 0,
|
|
1354
|
+
color: error ? "text-primary-error" : void 0,
|
|
1352
1355
|
className: (0, import_clsx7.default)(
|
|
1353
1356
|
props.disabled || props.readOnly ? "cursor-default" : "cursor-pointer"
|
|
1354
1357
|
),
|
|
@@ -1400,11 +1403,18 @@ var InputBase = (_a) => {
|
|
|
1400
1403
|
)
|
|
1401
1404
|
})
|
|
1402
1405
|
),
|
|
1403
|
-
after
|
|
1406
|
+
secondaryIconColor ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "contents text-text-secondary-normal", children: after }) : after
|
|
1404
1407
|
]
|
|
1405
1408
|
}
|
|
1406
1409
|
),
|
|
1407
|
-
caption && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
|
|
1410
|
+
caption && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
|
|
1411
|
+
"div",
|
|
1412
|
+
{
|
|
1413
|
+
id: id ? `${id}-caption` : void 0,
|
|
1414
|
+
"data-testid": testid ? `${testid}-caption` : void 0,
|
|
1415
|
+
children: caption
|
|
1416
|
+
}
|
|
1417
|
+
)
|
|
1408
1418
|
]
|
|
1409
1419
|
}
|
|
1410
1420
|
);
|
|
@@ -4,15 +4,15 @@ import {
|
|
|
4
4
|
DataGridCell,
|
|
5
5
|
DragAlongCell,
|
|
6
6
|
DraggableCellHeader
|
|
7
|
-
} from "../chunk-
|
|
7
|
+
} from "../chunk-Q7ETEWBW.js";
|
|
8
8
|
import "../chunk-NA3ODQCN.js";
|
|
9
9
|
import "../chunk-VP36B2MM.js";
|
|
10
10
|
import "../chunk-QHHNFGEX.js";
|
|
11
11
|
import "../chunk-ZU2K7BD3.js";
|
|
12
12
|
import "../chunk-VXWSAIB5.js";
|
|
13
13
|
import "../chunk-T3F37S6Z.js";
|
|
14
|
-
import "../chunk-
|
|
15
|
-
import "../chunk-
|
|
14
|
+
import "../chunk-7BBXPM5C.js";
|
|
15
|
+
import "../chunk-5JVMULVC.js";
|
|
16
16
|
import "../chunk-5UH6QUFB.js";
|
|
17
17
|
import "../chunk-CJVTFYI4.js";
|
|
18
18
|
import "../chunk-WVUIIBRR.js";
|
|
@@ -328,6 +328,7 @@ var InputBase = (_a) => {
|
|
|
328
328
|
removeBorder,
|
|
329
329
|
wrapperClassName,
|
|
330
330
|
focus,
|
|
331
|
+
secondaryIconColor,
|
|
331
332
|
fullWidth = true
|
|
332
333
|
} = _b, props = __objRest(_b, [
|
|
333
334
|
"id",
|
|
@@ -347,6 +348,7 @@ var InputBase = (_a) => {
|
|
|
347
348
|
"removeBorder",
|
|
348
349
|
"wrapperClassName",
|
|
349
350
|
"focus",
|
|
351
|
+
"secondaryIconColor",
|
|
350
352
|
"fullWidth"
|
|
351
353
|
]);
|
|
352
354
|
const attributes = {
|
|
@@ -412,6 +414,7 @@ var InputBase = (_a) => {
|
|
|
412
414
|
Label,
|
|
413
415
|
{
|
|
414
416
|
id: id ? `${id}-label` : void 0,
|
|
417
|
+
color: error ? "text-primary-error" : void 0,
|
|
415
418
|
className: (0, import_clsx4.default)(
|
|
416
419
|
props.disabled || props.readOnly ? "cursor-default" : "cursor-pointer"
|
|
417
420
|
),
|
|
@@ -463,11 +466,18 @@ var InputBase = (_a) => {
|
|
|
463
466
|
)
|
|
464
467
|
})
|
|
465
468
|
),
|
|
466
|
-
after
|
|
469
|
+
secondaryIconColor ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "contents text-text-secondary-normal", children: after }) : after
|
|
467
470
|
]
|
|
468
471
|
}
|
|
469
472
|
),
|
|
470
|
-
caption && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
|
|
473
|
+
caption && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
|
|
474
|
+
"div",
|
|
475
|
+
{
|
|
476
|
+
id: id ? `${id}-caption` : void 0,
|
|
477
|
+
"data-testid": testid ? `${testid}-caption` : void 0,
|
|
478
|
+
children: caption
|
|
479
|
+
}
|
|
480
|
+
)
|
|
471
481
|
]
|
|
472
482
|
}
|
|
473
483
|
);
|
|
@@ -1339,7 +1349,8 @@ var DateInput = (_a) => {
|
|
|
1339
1349
|
onChange: handleInputChange,
|
|
1340
1350
|
onBlur: handleBlur,
|
|
1341
1351
|
onKeyDown: handleKeyDown,
|
|
1342
|
-
label
|
|
1352
|
+
label,
|
|
1353
|
+
secondaryIconColor: true
|
|
1343
1354
|
})
|
|
1344
1355
|
),
|
|
1345
1356
|
visible && !readOnly && (0, import_react_dom.createPortal)(
|
|
@@ -10,7 +10,7 @@ import {
|
|
|
10
10
|
} from "../chunk-T3F37S6Z.js";
|
|
11
11
|
import {
|
|
12
12
|
InputBase
|
|
13
|
-
} from "../chunk-
|
|
13
|
+
} from "../chunk-5JVMULVC.js";
|
|
14
14
|
import "../chunk-5UH6QUFB.js";
|
|
15
15
|
import "../chunk-CJVTFYI4.js";
|
|
16
16
|
import {
|
|
@@ -207,7 +207,8 @@ var DateInput = (_a) => {
|
|
|
207
207
|
onChange: handleInputChange,
|
|
208
208
|
onBlur: handleBlur,
|
|
209
209
|
onKeyDown: handleKeyDown,
|
|
210
|
-
label
|
|
210
|
+
label,
|
|
211
|
+
secondaryIconColor: true
|
|
211
212
|
})
|
|
212
213
|
),
|
|
213
214
|
visible && !readOnly && createPortal(
|
|
@@ -328,6 +328,7 @@ var InputBase = (_a) => {
|
|
|
328
328
|
removeBorder,
|
|
329
329
|
wrapperClassName,
|
|
330
330
|
focus,
|
|
331
|
+
secondaryIconColor,
|
|
331
332
|
fullWidth = true
|
|
332
333
|
} = _b, props = __objRest(_b, [
|
|
333
334
|
"id",
|
|
@@ -347,6 +348,7 @@ var InputBase = (_a) => {
|
|
|
347
348
|
"removeBorder",
|
|
348
349
|
"wrapperClassName",
|
|
349
350
|
"focus",
|
|
351
|
+
"secondaryIconColor",
|
|
350
352
|
"fullWidth"
|
|
351
353
|
]);
|
|
352
354
|
const attributes = {
|
|
@@ -412,6 +414,7 @@ var InputBase = (_a) => {
|
|
|
412
414
|
Label,
|
|
413
415
|
{
|
|
414
416
|
id: id ? `${id}-label` : void 0,
|
|
417
|
+
color: error ? "text-primary-error" : void 0,
|
|
415
418
|
className: (0, import_clsx4.default)(
|
|
416
419
|
props.disabled || props.readOnly ? "cursor-default" : "cursor-pointer"
|
|
417
420
|
),
|
|
@@ -463,11 +466,18 @@ var InputBase = (_a) => {
|
|
|
463
466
|
)
|
|
464
467
|
})
|
|
465
468
|
),
|
|
466
|
-
after
|
|
469
|
+
secondaryIconColor ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "contents text-text-secondary-normal", children: after }) : after
|
|
467
470
|
]
|
|
468
471
|
}
|
|
469
472
|
),
|
|
470
|
-
caption && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
|
|
473
|
+
caption && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
|
|
474
|
+
"div",
|
|
475
|
+
{
|
|
476
|
+
id: id ? `${id}-caption` : void 0,
|
|
477
|
+
"data-testid": testid ? `${testid}-caption` : void 0,
|
|
478
|
+
children: caption
|
|
479
|
+
}
|
|
480
|
+
)
|
|
471
481
|
]
|
|
472
482
|
}
|
|
473
483
|
);
|
|
@@ -1605,7 +1615,8 @@ var DateRangeInput = (_a) => {
|
|
|
1605
1615
|
onChange: handleInputChange,
|
|
1606
1616
|
onBlur: handleBlur,
|
|
1607
1617
|
onKeyDown: handleKeyDown,
|
|
1608
|
-
label
|
|
1618
|
+
label,
|
|
1619
|
+
secondaryIconColor: true
|
|
1609
1620
|
})
|
|
1610
1621
|
),
|
|
1611
1622
|
visible && !readOnly && (0, import_react_dom.createPortal)(
|
|
@@ -11,7 +11,7 @@ import {
|
|
|
11
11
|
} from "../chunk-T3F37S6Z.js";
|
|
12
12
|
import {
|
|
13
13
|
InputBase
|
|
14
|
-
} from "../chunk-
|
|
14
|
+
} from "../chunk-5JVMULVC.js";
|
|
15
15
|
import "../chunk-5UH6QUFB.js";
|
|
16
16
|
import "../chunk-CJVTFYI4.js";
|
|
17
17
|
import {
|
|
@@ -466,7 +466,8 @@ var DateRangeInput = (_a) => {
|
|
|
466
466
|
onChange: handleInputChange,
|
|
467
467
|
onBlur: handleBlur,
|
|
468
468
|
onKeyDown: handleKeyDown,
|
|
469
|
-
label
|
|
469
|
+
label,
|
|
470
|
+
secondaryIconColor: true
|
|
470
471
|
})
|
|
471
472
|
),
|
|
472
473
|
visible && !readOnly && createPortal(
|
|
@@ -843,6 +843,7 @@ var InputBase = (_a) => {
|
|
|
843
843
|
removeBorder,
|
|
844
844
|
wrapperClassName,
|
|
845
845
|
focus,
|
|
846
|
+
secondaryIconColor,
|
|
846
847
|
fullWidth = true
|
|
847
848
|
} = _b, props = __objRest(_b, [
|
|
848
849
|
"id",
|
|
@@ -862,6 +863,7 @@ var InputBase = (_a) => {
|
|
|
862
863
|
"removeBorder",
|
|
863
864
|
"wrapperClassName",
|
|
864
865
|
"focus",
|
|
866
|
+
"secondaryIconColor",
|
|
865
867
|
"fullWidth"
|
|
866
868
|
]);
|
|
867
869
|
const attributes = {
|
|
@@ -927,6 +929,7 @@ var InputBase = (_a) => {
|
|
|
927
929
|
Label,
|
|
928
930
|
{
|
|
929
931
|
id: id ? `${id}-label` : void 0,
|
|
932
|
+
color: error ? "text-primary-error" : void 0,
|
|
930
933
|
className: (0, import_clsx9.default)(
|
|
931
934
|
props.disabled || props.readOnly ? "cursor-default" : "cursor-pointer"
|
|
932
935
|
),
|
|
@@ -978,11 +981,18 @@ var InputBase = (_a) => {
|
|
|
978
981
|
)
|
|
979
982
|
})
|
|
980
983
|
),
|
|
981
|
-
after
|
|
984
|
+
secondaryIconColor ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "contents text-text-secondary-normal", children: after }) : after
|
|
982
985
|
]
|
|
983
986
|
}
|
|
984
987
|
),
|
|
985
|
-
caption && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
|
|
988
|
+
caption && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
|
|
989
|
+
"div",
|
|
990
|
+
{
|
|
991
|
+
id: id ? `${id}-caption` : void 0,
|
|
992
|
+
"data-testid": testid ? `${testid}-caption` : void 0,
|
|
993
|
+
children: caption
|
|
994
|
+
}
|
|
995
|
+
)
|
|
986
996
|
]
|
|
987
997
|
}
|
|
988
998
|
);
|
|
@@ -330,6 +330,7 @@ var InputBase = (_a) => {
|
|
|
330
330
|
removeBorder,
|
|
331
331
|
wrapperClassName,
|
|
332
332
|
focus,
|
|
333
|
+
secondaryIconColor,
|
|
333
334
|
fullWidth = true
|
|
334
335
|
} = _b, props = __objRest(_b, [
|
|
335
336
|
"id",
|
|
@@ -349,6 +350,7 @@ var InputBase = (_a) => {
|
|
|
349
350
|
"removeBorder",
|
|
350
351
|
"wrapperClassName",
|
|
351
352
|
"focus",
|
|
353
|
+
"secondaryIconColor",
|
|
352
354
|
"fullWidth"
|
|
353
355
|
]);
|
|
354
356
|
const attributes = {
|
|
@@ -414,6 +416,7 @@ var InputBase = (_a) => {
|
|
|
414
416
|
Label,
|
|
415
417
|
{
|
|
416
418
|
id: id ? `${id}-label` : void 0,
|
|
419
|
+
color: error ? "text-primary-error" : void 0,
|
|
417
420
|
className: (0, import_clsx4.default)(
|
|
418
421
|
props.disabled || props.readOnly ? "cursor-default" : "cursor-pointer"
|
|
419
422
|
),
|
|
@@ -465,11 +468,18 @@ var InputBase = (_a) => {
|
|
|
465
468
|
)
|
|
466
469
|
})
|
|
467
470
|
),
|
|
468
|
-
after
|
|
471
|
+
secondaryIconColor ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "contents text-text-secondary-normal", children: after }) : after
|
|
469
472
|
]
|
|
470
473
|
}
|
|
471
474
|
),
|
|
472
|
-
caption && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
|
|
475
|
+
caption && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
|
|
476
|
+
"div",
|
|
477
|
+
{
|
|
478
|
+
id: id ? `${id}-caption` : void 0,
|
|
479
|
+
"data-testid": testid ? `${testid}-caption` : void 0,
|
|
480
|
+
children: caption
|
|
481
|
+
}
|
|
482
|
+
)
|
|
473
483
|
]
|
|
474
484
|
}
|
|
475
485
|
);
|
package/dist/components/Input.js
CHANGED
|
@@ -328,6 +328,7 @@ var InputBase = (_a) => {
|
|
|
328
328
|
removeBorder,
|
|
329
329
|
wrapperClassName,
|
|
330
330
|
focus,
|
|
331
|
+
secondaryIconColor,
|
|
331
332
|
fullWidth = true
|
|
332
333
|
} = _b, props = __objRest(_b, [
|
|
333
334
|
"id",
|
|
@@ -347,6 +348,7 @@ var InputBase = (_a) => {
|
|
|
347
348
|
"removeBorder",
|
|
348
349
|
"wrapperClassName",
|
|
349
350
|
"focus",
|
|
351
|
+
"secondaryIconColor",
|
|
350
352
|
"fullWidth"
|
|
351
353
|
]);
|
|
352
354
|
const attributes = {
|
|
@@ -412,6 +414,7 @@ var InputBase = (_a) => {
|
|
|
412
414
|
Label,
|
|
413
415
|
{
|
|
414
416
|
id: id ? `${id}-label` : void 0,
|
|
417
|
+
color: error ? "text-primary-error" : void 0,
|
|
415
418
|
className: (0, import_clsx4.default)(
|
|
416
419
|
props.disabled || props.readOnly ? "cursor-default" : "cursor-pointer"
|
|
417
420
|
),
|
|
@@ -463,11 +466,18 @@ var InputBase = (_a) => {
|
|
|
463
466
|
)
|
|
464
467
|
})
|
|
465
468
|
),
|
|
466
|
-
after
|
|
469
|
+
secondaryIconColor ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "contents text-text-secondary-normal", children: after }) : after
|
|
467
470
|
]
|
|
468
471
|
}
|
|
469
472
|
),
|
|
470
|
-
caption && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
|
|
473
|
+
caption && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
|
|
474
|
+
"div",
|
|
475
|
+
{
|
|
476
|
+
id: id ? `${id}-caption` : void 0,
|
|
477
|
+
"data-testid": testid ? `${testid}-caption` : void 0,
|
|
478
|
+
children: caption
|
|
479
|
+
}
|
|
480
|
+
)
|
|
471
481
|
]
|
|
472
482
|
}
|
|
473
483
|
);
|
|
@@ -328,6 +328,7 @@ var InputBase = (_a) => {
|
|
|
328
328
|
removeBorder,
|
|
329
329
|
wrapperClassName,
|
|
330
330
|
focus,
|
|
331
|
+
secondaryIconColor,
|
|
331
332
|
fullWidth = true
|
|
332
333
|
} = _b, props = __objRest(_b, [
|
|
333
334
|
"id",
|
|
@@ -347,6 +348,7 @@ var InputBase = (_a) => {
|
|
|
347
348
|
"removeBorder",
|
|
348
349
|
"wrapperClassName",
|
|
349
350
|
"focus",
|
|
351
|
+
"secondaryIconColor",
|
|
350
352
|
"fullWidth"
|
|
351
353
|
]);
|
|
352
354
|
const attributes = {
|
|
@@ -412,6 +414,7 @@ var InputBase = (_a) => {
|
|
|
412
414
|
Label,
|
|
413
415
|
{
|
|
414
416
|
id: id ? `${id}-label` : void 0,
|
|
417
|
+
color: error ? "text-primary-error" : void 0,
|
|
415
418
|
className: (0, import_clsx4.default)(
|
|
416
419
|
props.disabled || props.readOnly ? "cursor-default" : "cursor-pointer"
|
|
417
420
|
),
|
|
@@ -463,11 +466,18 @@ var InputBase = (_a) => {
|
|
|
463
466
|
)
|
|
464
467
|
})
|
|
465
468
|
),
|
|
466
|
-
after
|
|
469
|
+
secondaryIconColor ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "contents text-text-secondary-normal", children: after }) : after
|
|
467
470
|
]
|
|
468
471
|
}
|
|
469
472
|
),
|
|
470
|
-
caption && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
|
|
473
|
+
caption && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
|
|
474
|
+
"div",
|
|
475
|
+
{
|
|
476
|
+
id: id ? `${id}-caption` : void 0,
|
|
477
|
+
"data-testid": testid ? `${testid}-caption` : void 0,
|
|
478
|
+
children: caption
|
|
479
|
+
}
|
|
480
|
+
)
|
|
471
481
|
]
|
|
472
482
|
}
|
|
473
483
|
);
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import {
|
|
3
3
|
Search
|
|
4
|
-
} from "../chunk-
|
|
5
|
-
import "../chunk-
|
|
4
|
+
} from "../chunk-7BBXPM5C.js";
|
|
5
|
+
import "../chunk-5JVMULVC.js";
|
|
6
6
|
import "../chunk-5UH6QUFB.js";
|
|
7
7
|
import "../chunk-CJVTFYI4.js";
|
|
8
8
|
import "../chunk-UAPWR2KE.js";
|
|
@@ -328,6 +328,7 @@ var InputBase = (_a) => {
|
|
|
328
328
|
removeBorder,
|
|
329
329
|
wrapperClassName,
|
|
330
330
|
focus,
|
|
331
|
+
secondaryIconColor,
|
|
331
332
|
fullWidth = true
|
|
332
333
|
} = _b, props = __objRest(_b, [
|
|
333
334
|
"id",
|
|
@@ -347,6 +348,7 @@ var InputBase = (_a) => {
|
|
|
347
348
|
"removeBorder",
|
|
348
349
|
"wrapperClassName",
|
|
349
350
|
"focus",
|
|
351
|
+
"secondaryIconColor",
|
|
350
352
|
"fullWidth"
|
|
351
353
|
]);
|
|
352
354
|
const attributes = {
|
|
@@ -412,6 +414,7 @@ var InputBase = (_a) => {
|
|
|
412
414
|
Label,
|
|
413
415
|
{
|
|
414
416
|
id: id ? `${id}-label` : void 0,
|
|
417
|
+
color: error ? "text-primary-error" : void 0,
|
|
415
418
|
className: (0, import_clsx4.default)(
|
|
416
419
|
props.disabled || props.readOnly ? "cursor-default" : "cursor-pointer"
|
|
417
420
|
),
|
|
@@ -463,11 +466,18 @@ var InputBase = (_a) => {
|
|
|
463
466
|
)
|
|
464
467
|
})
|
|
465
468
|
),
|
|
466
|
-
after
|
|
469
|
+
secondaryIconColor ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "contents text-text-secondary-normal", children: after }) : after
|
|
467
470
|
]
|
|
468
471
|
}
|
|
469
472
|
),
|
|
470
|
-
caption && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
|
|
473
|
+
caption && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
|
|
474
|
+
"div",
|
|
475
|
+
{
|
|
476
|
+
id: id ? `${id}-caption` : void 0,
|
|
477
|
+
"data-testid": testid ? `${testid}-caption` : void 0,
|
|
478
|
+
children: caption
|
|
479
|
+
}
|
|
480
|
+
)
|
|
471
481
|
]
|
|
472
482
|
}
|
|
473
483
|
);
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import {
|
|
3
3
|
Select
|
|
4
|
-
} from "../chunk-
|
|
5
|
-
import "../chunk-
|
|
4
|
+
} from "../chunk-2VRZB2A4.js";
|
|
5
|
+
import "../chunk-5JVMULVC.js";
|
|
6
6
|
import "../chunk-5UH6QUFB.js";
|
|
7
7
|
import "../chunk-CJVTFYI4.js";
|
|
8
8
|
import "../chunk-UAPWR2KE.js";
|
|
@@ -468,6 +468,7 @@ var InputBase = (_a) => {
|
|
|
468
468
|
removeBorder,
|
|
469
469
|
wrapperClassName,
|
|
470
470
|
focus,
|
|
471
|
+
secondaryIconColor,
|
|
471
472
|
fullWidth = true
|
|
472
473
|
} = _b, props = __objRest(_b, [
|
|
473
474
|
"id",
|
|
@@ -487,6 +488,7 @@ var InputBase = (_a) => {
|
|
|
487
488
|
"removeBorder",
|
|
488
489
|
"wrapperClassName",
|
|
489
490
|
"focus",
|
|
491
|
+
"secondaryIconColor",
|
|
490
492
|
"fullWidth"
|
|
491
493
|
]);
|
|
492
494
|
const attributes = {
|
|
@@ -552,6 +554,7 @@ var InputBase = (_a) => {
|
|
|
552
554
|
Label,
|
|
553
555
|
{
|
|
554
556
|
id: id ? `${id}-label` : void 0,
|
|
557
|
+
color: error ? "text-primary-error" : void 0,
|
|
555
558
|
className: (0, import_clsx5.default)(
|
|
556
559
|
props.disabled || props.readOnly ? "cursor-default" : "cursor-pointer"
|
|
557
560
|
),
|
|
@@ -603,11 +606,18 @@ var InputBase = (_a) => {
|
|
|
603
606
|
)
|
|
604
607
|
})
|
|
605
608
|
),
|
|
606
|
-
after
|
|
609
|
+
secondaryIconColor ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "contents text-text-secondary-normal", children: after }) : after
|
|
607
610
|
]
|
|
608
611
|
}
|
|
609
612
|
),
|
|
610
|
-
caption && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
|
|
613
|
+
caption && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
|
|
614
|
+
"div",
|
|
615
|
+
{
|
|
616
|
+
id: id ? `${id}-caption` : void 0,
|
|
617
|
+
"data-testid": testid ? `${testid}-caption` : void 0,
|
|
618
|
+
children: caption
|
|
619
|
+
}
|
|
620
|
+
)
|
|
611
621
|
]
|
|
612
622
|
}
|
|
613
623
|
);
|
package/dist/components/Time.cjs
CHANGED
|
@@ -327,6 +327,7 @@ var InputBase = (_a) => {
|
|
|
327
327
|
removeBorder,
|
|
328
328
|
wrapperClassName,
|
|
329
329
|
focus,
|
|
330
|
+
secondaryIconColor,
|
|
330
331
|
fullWidth = true
|
|
331
332
|
} = _b, props = __objRest(_b, [
|
|
332
333
|
"id",
|
|
@@ -346,6 +347,7 @@ var InputBase = (_a) => {
|
|
|
346
347
|
"removeBorder",
|
|
347
348
|
"wrapperClassName",
|
|
348
349
|
"focus",
|
|
350
|
+
"secondaryIconColor",
|
|
349
351
|
"fullWidth"
|
|
350
352
|
]);
|
|
351
353
|
const attributes = {
|
|
@@ -411,6 +413,7 @@ var InputBase = (_a) => {
|
|
|
411
413
|
Label,
|
|
412
414
|
{
|
|
413
415
|
id: id ? `${id}-label` : void 0,
|
|
416
|
+
color: error ? "text-primary-error" : void 0,
|
|
414
417
|
className: (0, import_clsx4.default)(
|
|
415
418
|
props.disabled || props.readOnly ? "cursor-default" : "cursor-pointer"
|
|
416
419
|
),
|
|
@@ -462,11 +465,18 @@ var InputBase = (_a) => {
|
|
|
462
465
|
)
|
|
463
466
|
})
|
|
464
467
|
),
|
|
465
|
-
after
|
|
468
|
+
secondaryIconColor ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "contents text-text-secondary-normal", children: after }) : after
|
|
466
469
|
]
|
|
467
470
|
}
|
|
468
471
|
),
|
|
469
|
-
caption && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
|
|
472
|
+
caption && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
|
|
473
|
+
"div",
|
|
474
|
+
{
|
|
475
|
+
id: id ? `${id}-caption` : void 0,
|
|
476
|
+
"data-testid": testid ? `${testid}-caption` : void 0,
|
|
477
|
+
children: caption
|
|
478
|
+
}
|
|
479
|
+
)
|
|
470
480
|
]
|
|
471
481
|
}
|
|
472
482
|
);
|