@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.
@@ -3906,7 +3906,9 @@ var TextInput = /*#__PURE__*/chakra( /*#__PURE__*/forwardRef(function (props, re
3906
3906
  id: id + "-label",
3907
3907
  isRequired: showRequiredLabel && isRequired,
3908
3908
  requiredLabelText: requiredLabelText
3909
- }, labelText), fieldOutput, !isHidden && (finalValue == null ? void 0 : finalValue.length) > 0 && clearButtonOutput);
3909
+ }, labelText), React__default.createElement(Box, {
3910
+ position: "relative"
3911
+ }, fieldOutput, !isHidden && (finalValue == null ? void 0 : finalValue.length) > 0 && clearButtonOutput));
3910
3912
  }));
3911
3913
 
3912
3914
  var _excluded$1d = ["dsRef", "helperText", "id", "invalidText", "isDisabled", "isInvalid", "isRequired", "labelText", "name", "onChange", "onClick", "showLabel", "showHelperInvalidText", "showRequiredLabel", "value"],
@@ -6037,6 +6039,7 @@ var select = {
6037
6039
  _dark: {
6038
6040
  backgroundColor: "dark.ui.bg.default",
6039
6041
  borderColor: "dark.ui.border.default",
6042
+ color: "dark.ui.typography.body",
6040
6043
  _hover: {
6041
6044
  borderColor: "dark.ui.border.hover"
6042
6045
  },
@@ -10080,12 +10083,18 @@ var TextInput$1 = {
10080
10083
  minHeight: "xxl"
10081
10084
  }),
10082
10085
  clearButton: {
10086
+ borderRadius: "1px",
10087
+ minHeight: {
10088
+ base: "42px",
10089
+ md: "auto"
10090
+ },
10091
+ height: "38px",
10083
10092
  position: "absolute",
10084
10093
  // When `showLabel` is false, the input field is at the top
10085
10094
  // which means the clear button should float higher.
10086
- top: showLabel ? "32px" : "0",
10095
+ top: showLabel ? ".75px" : "1px",
10087
10096
  px: "xs",
10088
- right: "0",
10097
+ right: "0.5px",
10089
10098
  // Don't visually show the text. This also helps
10090
10099
  // use the "text" `Button` type.
10091
10100
  span: screenreaderOnly(),