@commercetools-uikit/selectable-search-input 16.7.4 → 16.8.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.
Files changed (5) hide show
  1. package/dist/commercetools-uikit-selectable-search-input.cjs.dev.js +1 -1
  2. package/dist/commercetools-uikit-selectable-search-input.cjs.prod.js +1 -1
  3. package/dist/commercetools-uikit-selectable-search-input.esm.js +1 -1
  4. package/dist/declarations/src/selectable-search-input.styles.d.ts +10 -10
  5. package/package.json +11 -9
package/dist/commercetools-uikit-selectable-search-input.cjs.dev.js CHANGED
@@ -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.7.4";
530
+ var version = "16.8.0";
531
531
 
532
532
  exports["default"] = SelectableSearchInput$1;
533
533
  exports.version = version;
package/dist/commercetools-uikit-selectable-search-input.cjs.prod.js CHANGED
@@ -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.7.4";
474
+ var version = "16.8.0";
475
475
 
476
476
  exports["default"] = SelectableSearchInput$1;
477
477
  exports.version = version;
package/dist/commercetools-uikit-selectable-search-input.esm.js CHANGED
@@ -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.7.4";
507
+ var version = "16.8.0";
508
508
 
509
509
  export { SelectableSearchInput$1 as default, version };
package/dist/declarations/src/selectable-search-input.styles.d.ts CHANGED
@@ -39,7 +39,7 @@ declare const createSelectableSelectStyles: ({ hasWarning, hasError, isDisabled,
39
39
  };
40
40
  '&:focus-within': {
41
41
  boxShadow: string | null;
42
- borderColor: "var(--border-color-for-input-when-focused, #00b39e)" | null;
42
+ borderColor: "var(--border-color-for-input-when-focused, hsl(175, 55%, 45%))" | null;
43
43
  };
44
44
  pointerEvents: string;
45
45
  color: string | undefined;
@@ -58,11 +58,11 @@ declare const createSelectableSelectStyles: ({ hasWarning, hasError, isDisabled,
58
58
  singleValue: (base: TBase) => {
59
59
  marginLeft: number;
60
60
  maxWidth: string;
61
- color: "var(--font-color-for-input, #1a1a1a)" | "var(--font-color-for-input-when-disabled, hsl(0, 0%, 60%))" | "var(--font-color-for-input-when-error, #e60050)" | "var(--font-color-for-input-when-readonly, hsl(0, 0%, 40%))" | "var(--font-color-for-input-when-warning, #f16d0e)";
61
+ color: "var(--font-color-for-input, #1a1a1a)" | "var(--font-color-for-input-when-disabled, hsl(232, 18%, 60%))" | "var(--font-color-for-input-when-error, #e60050)" | "var(--font-color-for-input-when-readonly, hsl(232, 18%, 40%))" | "var(--font-color-for-input-when-warning, #f16d0e)";
62
62
  backgroundColor?: string | undefined;
63
63
  };
64
64
  dropdownIndicator: () => {
65
- fill: "var(--font-color-for-input-when-disabled, hsl(0, 0%, 60%))" | "var(--font-color-for-select-input-icon, hsl(0, 0%, 60%))";
65
+ fill: "var(--font-color-for-input-when-disabled, hsl(232, 18%, 60%))" | "var(--font-color-for-select-input-icon, hsl(232, 18%, 60%))";
66
66
  };
67
67
  menu: (base: {
68
68
  fontColorForInput?: string | undefined;
@@ -188,7 +188,7 @@ declare const createSelectableSelectStyles: ({ hasWarning, hasError, isDisabled,
188
188
  display: string;
189
189
  alignItems: "var(--align-items-for-select-input-tag, center)";
190
190
  height: "var(--height-for-select-input-tag, 32px)";
191
- backgroundColor: "var(--background-color-for-tag, hsl(0, 0%, 95%))";
191
+ backgroundColor: "var(--background-color-for-tag, hsl(232, 18%, 95%))";
192
192
  padding: string;
193
193
  border: "var(--border-for-select-input-tag, 1px solid var(--color-neutral-85))";
194
194
  fontColorForInput?: string | undefined;
@@ -241,19 +241,19 @@ declare const createSelectableSelectStyles: ({ hasWarning, hasError, isDisabled,
241
241
  isDisabled?: boolean | undefined;
242
242
  isSelected?: boolean | undefined;
243
243
  }) => {
244
- borderColor: "var(--border-color-for-tag, #ccc)";
244
+ borderColor: "var(--border-color-for-tag, hsl(232, 18%, 80%))";
245
245
  padding: string;
246
246
  borderRadius: string;
247
247
  borderStyle: string;
248
248
  borderWidth: string;
249
249
  pointerEvents: string | undefined;
250
- backgroundColor: "var(--background-color-for-tag, hsl(0, 0%, 95%))";
250
+ backgroundColor: "var(--background-color-for-tag, hsl(232, 18%, 95%))";
251
251
  'svg *': {
252
252
  fill: string;
253
253
  };
254
254
  '&:hover, &:focus': {
255
255
  borderColor: "var(--border-color-for-tag-warning, #f16d0e)";
256
- backgroundColor: "var(--background-color-for-tag, hsl(0, 0%, 95%))";
256
+ backgroundColor: "var(--background-color-for-tag, hsl(232, 18%, 95%))";
257
257
  'svg *': {
258
258
  fill: "var(--font-color-for-clear-input-icon-when-hovered, #e60050)";
259
259
  };
@@ -312,7 +312,7 @@ declare const createSelectableSelectStyles: ({ hasWarning, hasError, isDisabled,
312
312
  boxShadow?: string | undefined;
313
313
  pointerEvents?: string | undefined;
314
314
  }) => {
315
- color: "var(--placeholder-font-color-for-input, hsl(0, 0%, 60%))";
315
+ color: "var(--placeholder-font-color-for-input, hsl(232, 18%, 60%))";
316
316
  width: string;
317
317
  overflow: string;
318
318
  whiteSpace: string;
@@ -340,7 +340,7 @@ declare const createSelectableSelectStyles: ({ hasWarning, hasError, isDisabled,
340
340
  backgroundColor: string;
341
341
  overflow: string;
342
342
  display: string;
343
- fill: "var(--font-color-for-input-when-disabled, hsl(0, 0%, 60%))" | "var(--font-color-for-select-input-icon, hsl(0, 0%, 60%))";
343
+ fill: "var(--font-color-for-input-when-disabled, hsl(232, 18%, 60%))" | "var(--font-color-for-select-input-icon, hsl(232, 18%, 60%))";
344
344
  fontColorForInput?: string | undefined;
345
345
  borderColorForInput?: string | undefined;
346
346
  color?: string | undefined;
@@ -382,7 +382,7 @@ declare const createSelectableSelectStyles: ({ hasWarning, hasError, isDisabled,
382
382
  boxShadow?: string | undefined;
383
383
  pointerEvents?: string | undefined;
384
384
  }) => {
385
- color: "var(--font-color-for-input-when-readonly, hsl(0, 0%, 40%))";
385
+ color: "var(--font-color-for-input-when-readonly, hsl(232, 18%, 40%))";
386
386
  fontSize: "var(--font-size-small, 0.9231rem)";
387
387
  textTransform: string;
388
388
  fontWeight: 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.7.4",
4
+ "version": "16.8.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.7.4",
25
- "@commercetools-uikit/design-system": "16.7.4",
26
- "@commercetools-uikit/hooks": "16.7.4",
27
- "@commercetools-uikit/icons": "16.7.4",
28
- "@commercetools-uikit/input-utils": "16.7.4",
29
- "@commercetools-uikit/secondary-icon-button": "16.7.4",
30
- "@commercetools-uikit/select-utils": "16.7.4",
31
- "@commercetools-uikit/utils": "16.7.4",
24
+ "@commercetools-uikit/constraints": "16.8.0",
25
+ "@commercetools-uikit/design-system": "16.8.0",
26
+ "@commercetools-uikit/hooks": "16.8.0",
27
+ "@commercetools-uikit/icons": "16.8.0",
28
+ "@commercetools-uikit/input-utils": "16.8.0",
29
+ "@commercetools-uikit/secondary-icon-button": "16.8.0",
30
+ "@commercetools-uikit/select-utils": "16.8.0",
31
+ "@commercetools-uikit/utils": "16.8.0",
32
32
  "@emotion/react": "^11.10.5",
33
33
  "@emotion/styled": "^11.10.5",
34
34
  "lodash": "4.17.21",
@@ -37,10 +37,12 @@
37
37
  },
38
38
  "devDependencies": {
39
39
  "react": "17.0.2",
40
+ "react-dom": "17.0.2",
40
41
  "react-intl": "^6.3.2"
41
42
  },
42
43
  "peerDependencies": {
43
44
  "react": "17.x",
45
+ "react-dom": "17.x",
44
46
  "react-intl": "6.x"
45
47
  }
46
48
  }