react-better-html 1.1.154 → 1.1.155
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/index.d.mts +2 -0
- package/dist/index.d.ts +2 -0
- package/dist/index.js +5 -2
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +5 -2
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -6103,7 +6103,9 @@ var InputFieldComponent = forwardRef11(function InputField({
|
|
|
6103
6103
|
leftIcon,
|
|
6104
6104
|
rightIcon,
|
|
6105
6105
|
prefix,
|
|
6106
|
+
prefixBackgroundColor,
|
|
6106
6107
|
suffix,
|
|
6108
|
+
suffixBackgroundColor,
|
|
6107
6109
|
insideInputFieldComponent,
|
|
6108
6110
|
withDebounce,
|
|
6109
6111
|
debounceDelay = 0.5,
|
|
@@ -6118,6 +6120,7 @@ var InputFieldComponent = forwardRef11(function InputField({
|
|
|
6118
6120
|
}, ref) {
|
|
6119
6121
|
const theme2 = useTheme();
|
|
6120
6122
|
const internalId = useId();
|
|
6123
|
+
const { colorTheme } = useBetterHtmlContextInternal();
|
|
6121
6124
|
const [_, debouncedValue, setDebouncedValue] = useDebounceState(
|
|
6122
6125
|
props.value?.toString() ?? "",
|
|
6123
6126
|
debounceDelay
|
|
@@ -6161,7 +6164,7 @@ var InputFieldComponent = forwardRef11(function InputField({
|
|
|
6161
6164
|
justifyContent: "center",
|
|
6162
6165
|
border: `1px solid ${theme2.colors.border}`,
|
|
6163
6166
|
borderRight: "none",
|
|
6164
|
-
backgroundColor: lightenColor(theme2.colors.
|
|
6167
|
+
backgroundColor: prefixBackgroundColor ?? (colorTheme === "light" ? darkenColor(theme2.colors.backgroundContent, 0.03) : lightenColor(theme2.colors.backgroundContent, 0.1)),
|
|
6165
6168
|
borderTopLeftRadius: theme2.styles.borderRadius,
|
|
6166
6169
|
borderBottomLeftRadius: theme2.styles.borderRadius,
|
|
6167
6170
|
paddingInline: theme2.styles.space,
|
|
@@ -6230,7 +6233,7 @@ var InputFieldComponent = forwardRef11(function InputField({
|
|
|
6230
6233
|
justifyContent: "center",
|
|
6231
6234
|
border: `1px solid ${theme2.colors.border}`,
|
|
6232
6235
|
borderLeft: "none",
|
|
6233
|
-
backgroundColor: lightenColor(theme2.colors.
|
|
6236
|
+
backgroundColor: suffixBackgroundColor ?? (colorTheme === "light" ? darkenColor(theme2.colors.backgroundContent, 0.03) : lightenColor(theme2.colors.backgroundContent, 0.1)),
|
|
6234
6237
|
borderTopRightRadius: theme2.styles.borderRadius,
|
|
6235
6238
|
borderBottomRightRadius: theme2.styles.borderRadius,
|
|
6236
6239
|
paddingInline: theme2.styles.space,
|