rsuite 5.15.1 → 5.16.1

package/CHANGELOG.md

@@ -1,3 +1,24 @@
+## [5.16.1](https://github.com/rsuite/rsuite/compare/v5.16.0...v5.16.1) (2022-07-15)
+
+### Bug Fixes
+
+- **InputNumber:** fix unexpected focus ring when used within an InputGroup ([#2585](https://github.com/rsuite/rsuite/issues/2585)) ([6f76b57](https://github.com/rsuite/rsuite/commit/6f76b5752bca2e11639d7fe34dd927dd84c98f73))
+- **SelectPicker,CheckPicker:** add missing label prop declaration ([#2586](https://github.com/rsuite/rsuite/issues/2586)) ([e1a8cfe](https://github.com/rsuite/rsuite/commit/e1a8cfe32223ec210ac9a5ff793b973d4bcac131))
+
+# [5.16.0](https://github.com/rsuite/rsuite/compare/v5.15.2...v5.16.0) (2022-07-07)
+
+### Features
+
+- **SelectPicker,CheckPicker:** add label prop ([#2572](https://github.com/rsuite/rsuite/issues/2572)) ([d00f442](https://github.com/rsuite/rsuite/commit/d00f442c46eb5edbb13d127b23f1c2eda6cf60d7))
+
+## [5.15.2](https://github.com/rsuite/rsuite/compare/v5.15.1...v5.15.2) (2022-06-30)
+
+### Bug Fixes
+
+- **DateRangePicker:** fix Ok button not clickable ([#2564](https://github.com/rsuite/rsuite/issues/2564)) ([f80f94d](https://github.com/rsuite/rsuite/commit/f80f94db2a1c9c7738c3fc514e24c8ceb7b50d9b))
+- **InputGroup.Addon:** extend props from as element ([#2559](https://github.com/rsuite/rsuite/issues/2559)) ([d0c947c](https://github.com/rsuite/rsuite/commit/d0c947c7a6ea5fd3ed95a71b573c957be4d5f009))
+- **Whisper:** specify speaker function argument types ([#2558](https://github.com/rsuite/rsuite/issues/2558)) ([6dda5c6](https://github.com/rsuite/rsuite/commit/6dda5c61d6f833174a576d814ce27287c92ed33f))
+
 ## [5.15.1](https://github.com/rsuite/rsuite/compare/v5.15.0...v5.15.1) (2022-06-16)
 
 ### Features

package/Form/styles/mixin.less

@@ -27,7 +27,7 @@
   }
 
   &:focus {
-    box-shadow: var(--rs-state-focus-shadow);
+    .focus-ring();
   }
 
   &:disabled {

package/InputGroup/styles/index.less

@@ -30,7 +30,11 @@
 
   &:not(.rs-input-group-disabled).rs-input-group-focus,
   &:focus-within {
-    box-shadow: var(--rs-state-focus-shadow);
+    .focus-ring();
+  }
+
+  & & {
+    outline: none !important;
   }
 
   .rs-input-number,
@@ -39,7 +43,7 @@
   .rs-picker-date .rs-picker-toggle {
     border: none;
     border-radius: 0;
-    box-shadow: none;
+    outline: none;
   }
 
   // Reset border
@@ -47,7 +51,7 @@
     .rs-input {
       border: none;
       border-radius: 0;
-      box-shadow: none;
+      outline: none;
     }
 
     .rs-input-number:not(:last-child) .rs-input-number {
@@ -144,7 +148,7 @@
       .reset-inside-input-group-btn-size(base);
 
       &:focus {
-        box-shadow: none;
+        outline: none;
       }
 
       // reset border radius

package/Picker/styles/index.less

@@ -213,6 +213,10 @@
   text-align: left;
   .ellipsis();
 
+  &-label {
+    color: var(--rs-text-primary);
+  }
+
   &-value {
     display: block;
     .ellipsis();

package/Table/styles/index.less

@@ -300,7 +300,6 @@
 
   &-word-wrap &-cell-content {
     white-space: normal;
-    word-break: break-all;
   }
 
   &-bordered {

package/cjs/CheckPicker/CheckPicker.d.ts

@@ -1,10 +1,10 @@
 import React, { Ref } from 'react';
 import { PickerLocale } from '../locales';
-import { PickerInstance } from '../Picker';
+import { PickerInstance, PickerToggleProps } from '../Picker';
 import { ItemDataType, FormControlPickerProps } from '../@types/common';
 import type { MultipleSelectProps } from '../SelectPicker';
 export declare type ValueType = (number | string)[];
-export interface CheckPickerProps<T> extends FormControlPickerProps<T[], PickerLocale, ItemDataType<T>>, MultipleSelectProps<T> {
+export interface CheckPickerProps<T> extends FormControlPickerProps<T[], PickerLocale, ItemDataType<T>>, MultipleSelectProps<T>, Pick<PickerToggleProps, 'label'> {
     /** Top the selected option in the options */
     sticky?: boolean;
     /** A picker that can be counted */

package/cjs/CheckPicker/test/CheckPicker.test.js

@@ -81,4 +81,11 @@ var pickerRef = /*#__PURE__*/_react.default.createRef();
 _react.default.createElement(_CheckPicker.default, {
   ref: pickerRef,
   data: []
+}); // With a label
+
+
+/*#__PURE__*/
+_react.default.createElement(_CheckPicker.default, {
+  label: "User",
+  data: []
 });

package/cjs/DateRangePicker/DateRangePicker.js

@@ -398,7 +398,9 @@ var DateRangePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
       closeOverlay = false;
     }
 
-    handleValueUpdate(event, value, closeOverlay);
+    handleValueUpdate(event, value, closeOverlay); // End unfinished selections.
+
+    hasDoneSelect.current = true;
   }, [handleValueUpdate]);
   var handleOK = (0, _react.useCallback)(function (event) {
     handleValueUpdate(event, selectedDates);

package/cjs/InputGroup/InputGroupAddon.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
-import { WithAsProps } from '../@types/common';
+import { RsRefForwardingComponent, WithAsProps } from '../@types/common';
 export interface InputGroupAddonProps extends WithAsProps, React.HTMLAttributes<HTMLSpanElement> {
     /** An Input group addon can show that it is disabled */
     disabled?: boolean;
 }
-declare const InputGroupAddon: React.ForwardRefExoticComponent<InputGroupAddonProps & React.RefAttributes<HTMLSpanElement>>;
+declare const InputGroupAddon: RsRefForwardingComponent<'span', InputGroupAddonProps>;
 export default InputGroupAddon;

package/cjs/InputGroup/test/InputGroup.test.d.ts

@@ -0,0 +1 @@
+export {};

package/cjs/InputGroup/test/InputGroup.test.js

@@ -0,0 +1,15 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _ = require("../..");
+
+/*#__PURE__*/
+_react.default.createElement(_.InputGroup, null, /*#__PURE__*/_react.default.createElement(_.InputGroup.Addon, {
+  as: "label",
+  htmlFor: "input"
+}), /*#__PURE__*/_react.default.createElement("input", {
+  id: "input"
+}));

package/cjs/Overlay/Overlay.d.ts

@@ -1,9 +1,10 @@
 import React from 'react';
 import PropTypes from 'prop-types';
+import { PositionChildProps } from './Position';
 import { TypeAttributes, AnimationEventProps, CursorPosition } from '../@types/common';
 export interface OverlayProps extends AnimationEventProps {
     container?: HTMLElement | (() => HTMLElement | null) | null;
-    children: React.ReactElement | ((props: any, ref: any) => React.ReactElement);
+    children: React.ReactElement | ((props: PositionChildProps & React.HTMLAttributes<HTMLElement>, ref: React.RefCallback<HTMLElement>) => React.ReactElement);
     childrenProps?: React.HTMLAttributes<HTMLElement>;
     className?: string;
     containerPadding?: number;

package/cjs/Overlay/OverlayTrigger.d.ts

@@ -1,5 +1,7 @@
+/// <reference types="node" />
 import React from 'react';
 import { AnimationEventProps, StandardProps, TypeAttributes } from '../@types/common';
+import { PositionChildProps } from './Position';
 export declare type OverlayTriggerType = 'click' | 'hover' | 'focus' | 'active' | 'contextMenu' | 'none';
 export interface OverlayTriggerProps extends StandardProps, AnimationEventProps {
     /** Triggering events */
@@ -17,7 +19,9 @@ export interface OverlayTriggerProps extends StandardProps, AnimationEventProps
     /** Container padding */
     containerPadding?: number;
     /** display element */
-    speaker: React.ReactElement | ((props: any, ref: React.RefObject<any>) => React.ReactElement);
+    speaker: React.ReactElement | ((props: PositionChildProps & Pick<React.HTMLAttributes<HTMLElement>, 'id' | 'onMouseEnter' | 'onMouseLeave'> & {
+        onClose: (delay?: number) => NodeJS.Timeout | void;
+    }, ref: React.RefCallback<HTMLElement>) => React.ReactElement);
     /** Prevent floating element overflow */
     preventOverflow?: boolean;
     /** Opern  overlay */

package/cjs/Overlay/OverlayTrigger.js

@@ -79,6 +79,7 @@ var OverlayTrigger = /*#__PURE__*/_react.default.forwardRef(function (props, ref
       _props$trigger = props.trigger,
       trigger = _props$trigger === void 0 ? defaultTrigger : _props$trigger,
       disabled = props.disabled,
+      followCursor = props.followCursor,
       readOnly = props.readOnly,
       plaintext = props.plaintext,
       openProp = props.open,
@@ -99,9 +100,8 @@ var OverlayTrigger = /*#__PURE__*/_react.default.forwardRef(function (props, ref
       onFocus = props.onFocus,
       onBlur = props.onBlur,
       onClose = props.onClose,
-      followCursor = props.followCursor,
       onExited = props.onExited,
-      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["children", "container", "controlId", "defaultOpen", "trigger", "disabled", "readOnly", "plaintext", "open", "delay", "delayOpen", "delayClose", "enterable", "placement", "speaker", "rootClose", "onClick", "onMouseOver", "onMouseMove", "onMouseOut", "onContextMenu", "onFocus", "onBlur", "onClose", "followCursor", "onExited"]);
+      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["children", "container", "controlId", "defaultOpen", "trigger", "disabled", "followCursor", "readOnly", "plaintext", "open", "delay", "delayOpen", "delayClose", "enterable", "placement", "speaker", "rootClose", "onClick", "onMouseOver", "onMouseMove", "onMouseOut", "onContextMenu", "onFocus", "onBlur", "onClose", "onExited"]);
 
   var _usePortal = (0, _utils.usePortal)({
     container: container
@@ -274,7 +274,7 @@ var OverlayTrigger = /*#__PURE__*/_react.default.forwardRef(function (props, ref
         clientLeft: event.clientY
       };
     });
-  }, [open]);
+  }, []);
   var preventDefault = (0, _react.useCallback)(function (event) {
     event.preventDefault();
   }, []);

package/cjs/Overlay/Position.d.ts

@@ -4,9 +4,11 @@ export interface PositionChildProps {
     className: string;
     left?: number;
     top?: number;
+    arrowOffsetLeft?: number;
+    arrowOffsetTop?: number;
 }
 export interface PositionProps {
-    children: (props: PositionChildProps, ref: any) => React.ReactElement;
+    children: (props: PositionChildProps, ref: React.RefObject<HTMLElement>) => React.ReactElement;
     className?: string;
     container?: HTMLElement | (() => HTMLElement | null) | null;
     containerPadding?: number;

package/cjs/Overlay/Position.js

@@ -50,8 +50,8 @@ var usePosition = function usePosition(props, ref) {
   var defaultPosition = {
     positionLeft: 0,
     positionTop: 0,
-    arrowOffsetLeft: null,
-    arrowOffsetTop: null
+    arrowOffsetLeft: undefined,
+    arrowOffsetTop: undefined
   };
 
   var _useState = (0, _react.useState)(defaultPosition),

package/cjs/Overlay/positionUtils.d.ts

@@ -8,8 +8,8 @@ declare type Offset = {
 export interface PositionType {
     positionLeft?: number;
     positionTop?: number;
-    arrowOffsetLeft?: null | number;
-    arrowOffsetTop?: null | number;
+    arrowOffsetLeft?: number;
+    arrowOffsetTop?: number;
     positionClassName?: string;
 }
 export interface UtilProps {

package/cjs/Picker/PickerToggle.d.ts

@@ -31,6 +31,7 @@ export interface PickerToggleProps extends ToggleButtonProps {
     /** Custom caret component */
     caretAs?: React.ElementType;
     onClean?: (event: React.MouseEvent) => void;
+    label?: React.ReactNode;
 }
 declare const PickerToggle: RsRefForwardingComponent<typeof ToggleButton, PickerToggleProps>;
 export default PickerToggle;

package/cjs/Picker/PickerToggle.js

@@ -73,7 +73,8 @@ var PickerToggle = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
       caretComponent = props.caretComponent,
       _props$caretAs = props.caretAs,
       caretAs = _props$caretAs === void 0 ? caretComponent : _props$caretAs,
-      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["active", "as", "classPrefix", "children", "caret", "className", "disabled", "readOnly", "plaintext", "hasValue", "cleanable", "tabIndex", "id", "value", "input", "inputPlaceholder", "inputValue", "inputMask", "onInputChange", "onInputPressEnter", "onInputBlur", "onInputFocus", "onClean", "onFocus", "onBlur", "placement", "caretComponent", "caretAs"]);
+      label = props.label,
+      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["active", "as", "classPrefix", "children", "caret", "className", "disabled", "readOnly", "plaintext", "hasValue", "cleanable", "tabIndex", "id", "value", "input", "inputPlaceholder", "inputValue", "inputMask", "onInputChange", "onInputPressEnter", "onInputBlur", "onInputFocus", "onClean", "onFocus", "onBlur", "placement", "caretComponent", "caretAs", "label"]);
   var inputRef = (0, _react.useRef)(null);
 
   var _useState = (0, _react.useState)(false),
@@ -193,7 +194,9 @@ var PickerToggle = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
   }), children ? /*#__PURE__*/_react.default.createElement("span", {
     className: prefix(hasValue ? 'value' : 'placeholder'),
     "aria-placeholder": typeof children === 'string' ? children : undefined
-  }, children) : null, showCleanButton && /*#__PURE__*/_react.default.createElement(_CloseButton.default, {
+  }, label && /*#__PURE__*/_react.default.createElement("span", {
+    className: prefix('label')
+  }, label, ": "), children) : null, showCleanButton && /*#__PURE__*/_react.default.createElement(_CloseButton.default, {
     className: prefix(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["clean"]))),
     tabIndex: -1,
     locale: {

package/cjs/Picker/PickerToggleTrigger.d.ts

@@ -1,15 +1,14 @@
 import React from 'react';
-import { OverlayTriggerInstance, OverlayTriggerType } from '../Overlay/OverlayTrigger';
+import { OverlayTriggerInstance, OverlayTriggerProps, OverlayTriggerType } from '../Overlay/OverlayTrigger';
 import { PositionChildProps } from '../Overlay/Position';
 import { TypeAttributes, AnimationEventProps } from '../@types/common';
 export type { OverlayTriggerInstance, PositionChildProps };
-export interface PickerToggleTriggerProps extends Omit<AnimationEventProps, 'onEntering' | 'onExiting'> {
+export interface PickerToggleTriggerProps extends Omit<AnimationEventProps, 'onEntering' | 'onExiting'>, Pick<OverlayTriggerProps, 'speaker'> {
     placement?: TypeAttributes.Placement;
     pickerProps: any;
     open?: boolean;
     trigger?: OverlayTriggerType | OverlayTriggerType[];
     children: React.ReactElement | ((props: any, ref: any) => React.ReactElement);
-    speaker: React.ReactElement | ((props: any, ref: React.RefObject<any>) => React.ReactElement);
 }
 export declare const omitTriggerPropKeys: string[];
 export declare const pickTriggerPropKeys: string[];

package/cjs/SelectPicker/SelectPicker.d.ts

@@ -1,6 +1,6 @@
 import React, { Ref } from 'react';
 import { PickerLocale } from '../locales';
-import { PickerInstance } from '../Picker';
+import { PickerInstance, PickerToggleProps } from '../Picker';
 import { FormControlPickerProps, ItemDataType } from '../@types/common';
 import { ListProps } from 'react-virtualized/dist/commonjs/List';
 export interface SelectProps<T> {
@@ -40,7 +40,7 @@ export interface MultipleSelectProps<T> extends Omit<SelectProps<T>, 'renderValu
     /** Custom render selected items */
     renderValue?: (value: T[], item: ItemDataType<T>[], selectedElement: React.ReactNode) => React.ReactNode;
 }
-export interface SelectPickerProps<T> extends FormControlPickerProps<T, PickerLocale, ItemDataType<T>>, SelectProps<T> {
+export interface SelectPickerProps<T> extends FormControlPickerProps<T, PickerLocale, ItemDataType<T>>, SelectProps<T>, Pick<PickerToggleProps, 'label'> {
 }
 export interface SelectPickerComponent {
     <T>(props: SelectPickerProps<T> & {

package/cjs/SelectPicker/test/SelectPicker.test.js

@@ -67,4 +67,11 @@ var pickerRef = /*#__PURE__*/_react.default.createRef();
 _react.default.createElement(_SelectPicker.default, {
   ref: pickerRef,
   data: []
+}); // With a label
+
+
+/*#__PURE__*/
+_react.default.createElement(_SelectPicker.default, {
+  label: "User",
+  data: []
 });

package/cjs/Table/Table.d.ts

@@ -5,13 +5,13 @@ export interface TableInstance extends React.Component<TableProps> {
     scrollTop: (top: number) => void;
     scrollLeft: (left: number) => void;
 }
-export interface CellProps extends StandardProps {
+export interface CellProps<T = any> extends StandardProps {
     /** Data binding key, but also a sort of key */
-    dataKey?: string;
+    dataKey?: string | keyof T;
     /** Row Number */
     rowIndex?: number;
     /** Row Data */
-    rowData?: any;
+    rowData?: T;
 }
 interface TableComponent extends RsRefForwardingComponent<'div', TableProps & {
     ref?: React.Ref<TableInstance>;

package/cjs/Whisper/test/Whisper.test.js

@@ -2,8 +2,12 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _react = _interopRequireDefault(require("react"));
 
+var _tsExpect = require("ts-expect");
+
 var _Whisper = _interopRequireDefault(require("../Whisper"));
 
 var _whisperRef$current, _whisperRef$current2, _whisperRef$current3, _whisperRef$current4, _whisperRef$current5;
@@ -20,4 +24,18 @@ _react.default.createElement(_Whisper.default, {
 (_whisperRef$current2 = whisperRef.current) === null || _whisperRef$current2 === void 0 ? void 0 : _whisperRef$current2.open(300);
 (_whisperRef$current3 = whisperRef.current) === null || _whisperRef$current3 === void 0 ? void 0 : _whisperRef$current3.close();
 (_whisperRef$current4 = whisperRef.current) === null || _whisperRef$current4 === void 0 ? void 0 : _whisperRef$current4.close(300);
-(_whisperRef$current5 = whisperRef.current) === null || _whisperRef$current5 === void 0 ? void 0 : _whisperRef$current5.updatePosition();
+(_whisperRef$current5 = whisperRef.current) === null || _whisperRef$current5 === void 0 ? void 0 : _whisperRef$current5.updatePosition(); // speaker function types
+
+/*#__PURE__*/
+_react.default.createElement(_Whisper.default, {
+  speaker: function speaker(props, ref) {
+    (0, _tsExpect.expectType)(props.arrowOffsetLeft);
+    (0, _tsExpect.expectType)(props.arrowOffsetLeft);
+    (0, _tsExpect.expectType)(props.onMouseEnter);
+    (0, _tsExpect.expectType)(props.onMouseLeave);
+    (0, _tsExpect.expectType)(props.onClose);
+    return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+      ref: ref
+    }, props));
+  }
+}, /*#__PURE__*/_react.default.createElement("div", null));

package/dist/rsuite-rtl.css

@@ -7875,10 +7875,11 @@ textarea.rs-input {
   outline: 0;
 }
 .rs-input:focus {
-  -webkit-box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
-  -webkit-box-shadow: var(--rs-state-focus-shadow);
-          box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
-          box-shadow: var(--rs-state-focus-shadow);
+  outline: 3px solid rgba(52, 152, 255, 0.25);
+  outline: 3px solid var(--rs-color-focus-ring);
+}
+.rs-theme-high-contrast .rs-input:focus {
+  outline-offset: 2px;
 }
 .rs-input:disabled {
   background-color: #f7f7fa;
@@ -7962,10 +7963,15 @@ textarea.rs-input-sm {
 }
 .rs-input-group:not(.rs-input-group-disabled).rs-input-group-focus,
 .rs-input-group:focus-within {
-  -webkit-box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
-  -webkit-box-shadow: var(--rs-state-focus-shadow);
-          box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
-          box-shadow: var(--rs-state-focus-shadow);
+  outline: 3px solid rgba(52, 152, 255, 0.25);
+  outline: 3px solid var(--rs-color-focus-ring);
+}
+.rs-theme-high-contrast .rs-input-group:not(.rs-input-group-disabled).rs-input-group-focus,
+.rs-theme-high-contrast .rs-input-group:focus-within {
+  outline-offset: 2px;
+}
+.rs-input-group .rs-input-group {
+  outline: none !important;
 }
 .rs-input-group .rs-input-number,
 .rs-input-group .rs-input-group-addon,
@@ -7973,14 +7979,12 @@ textarea.rs-input-sm {
 .rs-input-group .rs-picker-date .rs-picker-toggle {
   border: none;
   border-radius: 0;
-  -webkit-box-shadow: none;
-          box-shadow: none;
+  outline: none;
 }
 .rs-input-group:not(.rs-input-group-inside) .rs-input {
   border: none;
   border-radius: 0;
-  -webkit-box-shadow: none;
-          box-shadow: none;
+  outline: none;
 }
 .rs-input-group:not(.rs-input-group-inside) .rs-input-number:not(:last-child) .rs-input-number-btn-group-vertical {
   border-radius: 0;
@@ -8094,8 +8098,7 @@ textarea.rs-input-sm {
   line-height: 1.42857143;
 }
 .rs-input-group.rs-input-group-inside .rs-input-group-btn:focus {
-  -webkit-box-shadow: none;
-          box-shadow: none;
+  outline: none;
 }
 .rs-input-group.rs-input-group-inside .rs-input-group-btn:first-child {
   border-bottom-right-radius: 6px;
@@ -11574,6 +11577,10 @@ textarea.rs-picker-search-input {
 .rs-picker-subtle.rs-picker-disabled .rs-picker-toggle:active::after {
   display: none;
 }
+.rs-picker-toggle-label {
+  color: #575757;
+  color: var(--rs-text-primary);
+}
 .rs-picker-toggle-value {
   display: block;
   overflow: hidden;
@@ -11725,10 +11732,11 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
   outline: 0;
 }
 .rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input:focus {
-  -webkit-box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
-  -webkit-box-shadow: var(--rs-state-focus-shadow);
-          box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
-          box-shadow: var(--rs-state-focus-shadow);
+  outline: 3px solid rgba(52, 152, 255, 0.25);
+  outline: 3px solid var(--rs-color-focus-ring);
+}
+.rs-theme-high-contrast .rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input:focus {
+  outline-offset: 2px;
 }
 .rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input:disabled {
   background-color: #f7f7fa;
@@ -14546,7 +14554,6 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
 }
 .rs-table-word-wrap .rs-table-cell-content {
   white-space: normal;
-  word-break: break-all;
 }
 .rs-table-bordered {
   border: 1px solid #f2f2f5;