@nypl/design-system-react-components 1.5.3 → 1.5.4
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/design-system-react-components.cjs.development.js +12 -3
- package/dist/design-system-react-components.cjs.development.js.map +1 -1
- package/dist/design-system-react-components.cjs.production.min.js +1 -1
- package/dist/design-system-react-components.cjs.production.min.js.map +1 -1
- package/dist/design-system-react-components.esm.js +12 -3
- package/dist/design-system-react-components.esm.js.map +1 -1
- package/dist/theme/components/select.d.ts +1 -0
- package/dist/theme/components/textInput.d.ts +6 -0
- package/package.json +2 -2
|
@@ -3912,7 +3912,9 @@ var TextInput = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(functio
|
|
|
3912
3912
|
id: id + "-label",
|
|
3913
3913
|
isRequired: showRequiredLabel && isRequired,
|
|
3914
3914
|
requiredLabelText: requiredLabelText
|
|
3915
|
-
}, labelText),
|
|
3915
|
+
}, labelText), React__default.createElement(react.Box, {
|
|
3916
|
+
position: "relative"
|
|
3917
|
+
}, fieldOutput, !isHidden && (finalValue == null ? void 0 : finalValue.length) > 0 && clearButtonOutput));
|
|
3916
3918
|
}));
|
|
3917
3919
|
|
|
3918
3920
|
var _excluded$1d = ["dsRef", "helperText", "id", "invalidText", "isDisabled", "isInvalid", "isRequired", "labelText", "name", "onChange", "onClick", "showLabel", "showHelperInvalidText", "showRequiredLabel", "value"],
|
|
@@ -6043,6 +6045,7 @@ var select = {
|
|
|
6043
6045
|
_dark: {
|
|
6044
6046
|
backgroundColor: "dark.ui.bg.default",
|
|
6045
6047
|
borderColor: "dark.ui.border.default",
|
|
6048
|
+
color: "dark.ui.typography.body",
|
|
6046
6049
|
_hover: {
|
|
6047
6050
|
borderColor: "dark.ui.border.hover"
|
|
6048
6051
|
},
|
|
@@ -10086,12 +10089,18 @@ var TextInput$1 = {
|
|
|
10086
10089
|
minHeight: "xxl"
|
|
10087
10090
|
}),
|
|
10088
10091
|
clearButton: {
|
|
10092
|
+
borderRadius: "1px",
|
|
10093
|
+
minHeight: {
|
|
10094
|
+
base: "42px",
|
|
10095
|
+
md: "auto"
|
|
10096
|
+
},
|
|
10097
|
+
height: "38px",
|
|
10089
10098
|
position: "absolute",
|
|
10090
10099
|
// When `showLabel` is false, the input field is at the top
|
|
10091
10100
|
// which means the clear button should float higher.
|
|
10092
|
-
top: showLabel ? "
|
|
10101
|
+
top: showLabel ? ".75px" : "1px",
|
|
10093
10102
|
px: "xs",
|
|
10094
|
-
right: "0",
|
|
10103
|
+
right: "0.5px",
|
|
10095
10104
|
// Don't visually show the text. This also helps
|
|
10096
10105
|
// use the "text" `Button` type.
|
|
10097
10106
|
span: screenreaderOnly(),
|