@commercetools-uikit/selectable-search-input 16.9.0 → 16.11.0
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/README.md +2 -2
- package/dist/commercetools-uikit-selectable-search-input.cjs.dev.js +1 -1
- package/dist/commercetools-uikit-selectable-search-input.cjs.prod.js +1 -1
- package/dist/commercetools-uikit-selectable-search-input.esm.js +1 -1
- package/dist/declarations/src/selectable-search-input.d.ts +1 -1
- package/dist/declarations/src/selectable-search-input.styles.d.ts +1 -2
- package/package.json +9 -9
package/README.md
CHANGED
|
@@ -20,11 +20,11 @@ npm --save install @commercetools-uikit/selectable-search-input
|
|
|
20
20
|
Additionally install the peer dependencies (if not present)
|
|
21
21
|
|
|
22
22
|
```
|
|
23
|
-
yarn add react react-intl
|
|
23
|
+
yarn add react react-dom react-intl
|
|
24
24
|
```
|
|
25
25
|
|
|
26
26
|
```
|
|
27
|
-
npm --save install react react-intl
|
|
27
|
+
npm --save install react react-dom react-intl
|
|
28
28
|
```
|
|
29
29
|
|
|
30
30
|
## Usage
|
|
@@ -527,7 +527,7 @@ SelectableSearchInput.getDropdownId = getDropdownName;
|
|
|
527
527
|
var SelectableSearchInput$1 = SelectableSearchInput;
|
|
528
528
|
|
|
529
529
|
// NOTE: This string will be replaced on build time with the package version.
|
|
530
|
-
var version = "16.
|
|
530
|
+
var version = "16.11.0";
|
|
531
531
|
|
|
532
532
|
exports["default"] = SelectableSearchInput$1;
|
|
533
533
|
exports.version = version;
|
|
@@ -471,7 +471,7 @@ SelectableSearchInput.getDropdownId = getDropdownName;
|
|
|
471
471
|
var SelectableSearchInput$1 = SelectableSearchInput;
|
|
472
472
|
|
|
473
473
|
// NOTE: This string will be replaced on build time with the package version.
|
|
474
|
-
var version = "16.
|
|
474
|
+
var version = "16.11.0";
|
|
475
475
|
|
|
476
476
|
exports["default"] = SelectableSearchInput$1;
|
|
477
477
|
exports.version = version;
|
|
@@ -504,6 +504,6 @@ SelectableSearchInput.getDropdownId = getDropdownName;
|
|
|
504
504
|
var SelectableSearchInput$1 = SelectableSearchInput;
|
|
505
505
|
|
|
506
506
|
// NOTE: This string will be replaced on build time with the package version.
|
|
507
|
-
var version = "16.
|
|
507
|
+
var version = "16.11.0";
|
|
508
508
|
|
|
509
509
|
export { SelectableSearchInput$1 as default, version };
|
|
@@ -55,7 +55,7 @@ export type TSelectableSearchInputProps = {
|
|
|
55
55
|
declare const SelectableSearchInput: {
|
|
56
56
|
(props: TSelectableSearchInputProps): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
57
57
|
displayName: string;
|
|
58
|
-
defaultProps: Pick<TSelectableSearchInputProps, "
|
|
58
|
+
defaultProps: Pick<TSelectableSearchInputProps, "isClearable" | "options" | "horizontalConstraint" | "menuPortalZIndex" | "menuHorizontalConstraint" | "showSubmitButton">;
|
|
59
59
|
isEmpty(formValue: TSelectableSearchInputProps['value']): boolean;
|
|
60
60
|
getTextInputId: (name?: string) => string | undefined;
|
|
61
61
|
getDropdownId: (name?: string) => string | undefined;
|
|
@@ -38,7 +38,6 @@ declare const createSelectableSelectStyles: ({ hasWarning, hasError, isDisabled,
|
|
|
38
38
|
backgroundColor: string;
|
|
39
39
|
};
|
|
40
40
|
'&:focus-within': {
|
|
41
|
-
boxShadow: string | null;
|
|
42
41
|
borderColor: "var(--border-color-for-input-when-focused, hsl(175, 55%, 45%))" | null;
|
|
43
42
|
};
|
|
44
43
|
pointerEvents: string;
|
|
@@ -312,7 +311,7 @@ declare const createSelectableSelectStyles: ({ hasWarning, hasError, isDisabled,
|
|
|
312
311
|
boxShadow?: string | undefined;
|
|
313
312
|
pointerEvents?: string | undefined;
|
|
314
313
|
}) => {
|
|
315
|
-
color: "var(--placeholder-font-color-for-input, hsl(232, 18%, 60%))";
|
|
314
|
+
color: "var(--font-color-for-select-input-when-error, #e60050)" | "var(--font-color-for-select-input-when-warning, #f16d0e)" | "var(--placeholder-font-color-for-input, hsl(232, 18%, 60%))";
|
|
316
315
|
width: string;
|
|
317
316
|
overflow: string;
|
|
318
317
|
whiteSpace: string;
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@commercetools-uikit/selectable-search-input",
|
|
3
3
|
"description": "A controlled selectable search input component for single-line strings with validation states.",
|
|
4
|
-
"version": "16.
|
|
4
|
+
"version": "16.11.0",
|
|
5
5
|
"bugs": "https://github.com/commercetools/ui-kit/issues",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
@@ -21,14 +21,14 @@
|
|
|
21
21
|
"dependencies": {
|
|
22
22
|
"@babel/runtime": "^7.20.13",
|
|
23
23
|
"@babel/runtime-corejs3": "^7.20.13",
|
|
24
|
-
"@commercetools-uikit/constraints": "16.
|
|
25
|
-
"@commercetools-uikit/design-system": "16.
|
|
26
|
-
"@commercetools-uikit/hooks": "16.
|
|
27
|
-
"@commercetools-uikit/icons": "16.
|
|
28
|
-
"@commercetools-uikit/input-utils": "16.
|
|
29
|
-
"@commercetools-uikit/secondary-icon-button": "16.
|
|
30
|
-
"@commercetools-uikit/select-utils": "16.
|
|
31
|
-
"@commercetools-uikit/utils": "16.
|
|
24
|
+
"@commercetools-uikit/constraints": "16.11.0",
|
|
25
|
+
"@commercetools-uikit/design-system": "16.11.0",
|
|
26
|
+
"@commercetools-uikit/hooks": "16.11.0",
|
|
27
|
+
"@commercetools-uikit/icons": "16.11.0",
|
|
28
|
+
"@commercetools-uikit/input-utils": "16.11.0",
|
|
29
|
+
"@commercetools-uikit/secondary-icon-button": "16.11.0",
|
|
30
|
+
"@commercetools-uikit/select-utils": "16.11.0",
|
|
31
|
+
"@commercetools-uikit/utils": "16.11.0",
|
|
32
32
|
"@emotion/react": "^11.10.5",
|
|
33
33
|
"@emotion/styled": "^11.10.5",
|
|
34
34
|
"lodash": "4.17.21",
|