hplx-react-elements-dev 1.1.10 → 1.1.11
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/esm/index.js +4 -4
- package/package.json +1 -1
package/dist/esm/index.js
CHANGED
|
@@ -2374,7 +2374,7 @@ var InputField = function InputField(_a) {
|
|
|
2374
2374
|
children: prefix
|
|
2375
2375
|
}))
|
|
2376
2376
|
})), Boolean(start_icon) && jsxRuntime.exports.jsx("div", __assign({
|
|
2377
|
-
className: "hplxt-text-Gray-500 hplxt-flex hplxt-items-center hplxt-pl-2"
|
|
2377
|
+
className: "hplxt-text-Gray-500 hplxt-flex hplxt-items-center hplxt-pl-2 hplxt-text-4"
|
|
2378
2378
|
}, {
|
|
2379
2379
|
children: jsxRuntime.exports.jsx("span", {
|
|
2380
2380
|
className: start_icon
|
|
@@ -2386,14 +2386,14 @@ var InputField = function InputField(_a) {
|
|
|
2386
2386
|
background: "".concat(fieldColor === null || fieldColor === void 0 ? void 0 : fieldColor.split("-")[1], " "),
|
|
2387
2387
|
width: "".concat(width)
|
|
2388
2388
|
},
|
|
2389
|
-
className: "hplxt-flex-1 hplxt-pl-[14px] ".concat(fieldColor, "
|
|
2389
|
+
className: "hplxt-flex-1 ".concat(start_icon ? "hplxt-pl-[4px]" : "hplxt-pl-[14px]", " ").concat(fieldColor, " hplxt-pr-[12px] hplxt-py-1 focus-visible:hplxt-outline-0 hplxt-border-0 focus:hplxt-border-0"),
|
|
2390
2390
|
"data-testid": "text-input"
|
|
2391
2391
|
}, inputProps, {
|
|
2392
2392
|
onFocus: handleFocus,
|
|
2393
2393
|
onBlur: handleBlur,
|
|
2394
2394
|
onChange: handleInputChange
|
|
2395
2395
|
})), Boolean(end_icon) && jsxRuntime.exports.jsx("div", __assign({
|
|
2396
|
-
className: "hplxt-text-Gray-500 hplxt-flex hplxt-items-center hplxt-pr-2"
|
|
2396
|
+
className: "hplxt-text-Gray-500 hplxt-flex hplxt-items-center hplxt-pr-2 hplxt-text-4"
|
|
2397
2397
|
}, {
|
|
2398
2398
|
children: jsxRuntime.exports.jsx("span", {
|
|
2399
2399
|
className: end_icon
|
|
@@ -3611,7 +3611,7 @@ var getHierarchyClassName = function getHierarchyClassName(hierarchy, disabled)
|
|
|
3611
3611
|
|
|
3612
3612
|
case "Secondary":
|
|
3613
3613
|
return disabled ? "hplxt-bg-Primary-25 hplxt-text-Primary-300" //Disabled Secondary Button
|
|
3614
|
-
: "hplxt-bg-Primary-50 active:hplxt-bg-Primary-50 hover:hplxt-bg-Primary-100 focus:hplxt-outline-bg-Primary-200 focus:hplxt-ring hplxt-shadow-xs hplxt-text-Primary-700";
|
|
3614
|
+
: "hplxt-bg-Primary-50 active:hplxt-bg-Primary-50 hover:hplxt-bg-Primary-100 focus:hplxt-outline-bg-Primary-200 focus:hplxt-ring hplxt-border hplxt-border-Primary-300 hplxt-shadow-xs hplxt-text-Primary-700";
|
|
3615
3615
|
|
|
3616
3616
|
case "Secondary-Grey":
|
|
3617
3617
|
return disabled ? "hplxt-bg-White hplxt-text-Gray-300 hplxt-border-solid hplxt-border hplxt-border-Gray-200" //Disabled Secondary-Grey Button
|