@commercetools-uikit/select-utils 19.5.0 → 19.7.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 (6) hide show
  1. package/dist/commercetools-uikit-select-utils.cjs.dev.js +1 -1
  2. package/dist/commercetools-uikit-select-utils.cjs.prod.js +1 -1
  3. package/dist/commercetools-uikit-select-utils.esm.js +1 -1
  4. package/dist/declarations/src/create-select-styles.d.ts +113 -113
  5. package/dist/declarations/src/wrapper-with-icon/wrapper-with-icon.d.ts +3 -4
  6. package/package.json +7 -7
package/dist/commercetools-uikit-select-utils.cjs.dev.js CHANGED
@@ -624,7 +624,7 @@ const warnIfMenuPortalPropsAreMissing = props => {
624
624
  };
625
625
 
626
626
  // NOTE: This string will be replaced on build time with the package version.
627
- var version = "19.5.0";
627
+ var version = "19.7.0";
628
628
 
629
629
  exports.ClearIndicator = ClearIndicator$1;
630
630
  exports.CustomSelectInputOption = CustomSelectInputOption;
package/dist/commercetools-uikit-select-utils.cjs.prod.js CHANGED
@@ -621,7 +621,7 @@ const warnIfMenuPortalPropsAreMissing = props => {
621
621
  };
622
622
 
623
623
  // NOTE: This string will be replaced on build time with the package version.
624
- var version = "19.5.0";
624
+ var version = "19.7.0";
625
625
 
626
626
  exports.ClearIndicator = ClearIndicator$1;
627
627
  exports.CustomSelectInputOption = CustomSelectInputOption;
package/dist/commercetools-uikit-select-utils.esm.js CHANGED
@@ -604,6 +604,6 @@ const warnIfMenuPortalPropsAreMissing = props => {
604
604
  };
605
605
 
606
606
  // NOTE: This string will be replaced on build time with the package version.
607
- var version = "19.5.0";
607
+ var version = "19.7.0";
608
608
 
609
609
  export { ClearIndicator$1 as ClearIndicator, CustomSelectInputOption, DoublePropertySelectInputOption, DropdownIndicator$1 as DropdownIndicator, MultiplePropertiesSelectInputOption, SELECT_DROPDOWN_OPTION_TYPES, SearchIconDropdownIndicator$1 as SearchIconDropdownIndicator, TagRemove$1 as TagRemove, WrapperWithIcon$1 as ValueWrapperWithIcon, createSelectStyles, customComponents as customComponentsWithIcons, messages, version, warnIfMenuPortalPropsAreMissing };
package/dist/declarations/src/create-select-styles.d.ts CHANGED
@@ -54,9 +54,9 @@ export default function createSelectStyles(props: TProps): {
54
54
  transition: string;
55
55
  outline: number;
56
56
  boxShadow: string;
57
- fontColorForInput?: string | undefined;
58
- borderColorForInput?: string | undefined;
59
- borderTop?: string | undefined;
57
+ fontColorForInput?: string;
58
+ borderColorForInput?: string;
59
+ borderTop?: string;
60
60
  };
61
61
  menu: (base: TBase) => {
62
62
  border: string;
@@ -70,25 +70,25 @@ export default function createSelectStyles(props: TProps): {
70
70
  width: string;
71
71
  minWidth: string;
72
72
  maxWidth: string;
73
- fontColorForInput?: string | undefined;
74
- borderColorForInput?: string | undefined;
75
- color?: string | undefined;
76
- borderTop?: string | undefined;
77
- pointerEvents?: string | undefined;
73
+ fontColorForInput?: string;
74
+ borderColorForInput?: string;
75
+ color?: string;
76
+ borderTop?: string;
77
+ pointerEvents?: string;
78
78
  };
79
79
  indicatorSeparator: (base: TBase) => {
80
80
  display: string;
81
81
  margin: string;
82
82
  padding: string;
83
83
  marginLeft: "var(--spacing-10, 4px)";
84
- fontColorForInput?: string | undefined;
85
- borderColorForInput?: string | undefined;
86
- color?: string | undefined;
87
- backgroundColor?: string | undefined;
88
- borderTop?: string | undefined;
89
- borderColor?: string | undefined;
90
- boxShadow?: string | undefined;
91
- pointerEvents?: string | undefined;
84
+ fontColorForInput?: string;
85
+ borderColorForInput?: string;
86
+ color?: string;
87
+ backgroundColor?: string;
88
+ borderTop?: string;
89
+ borderColor?: string;
90
+ boxShadow?: string;
91
+ pointerEvents?: string;
92
92
  };
93
93
  dropdownIndicator: (base: TBase) => {
94
94
  color: "var(--font-color-for-input, #1a1a1a)";
@@ -96,49 +96,49 @@ export default function createSelectStyles(props: TProps): {
96
96
  padding: string;
97
97
  marginLeft: "var(--spacing-20, 8px)";
98
98
  fill: "var(--color-neutral-60, hsl(232, 18%, 60%))" | "var(--color-warning, hsl(35, 90%, 45%))" | "var(--color-error, hsl(3, 65%, 58%))" | "var(--font-color-for-input-when-disabled, hsl(232, 18%, 60%))";
99
- fontColorForInput?: string | undefined;
100
- borderColorForInput?: string | undefined;
101
- backgroundColor?: string | undefined;
102
- borderTop?: string | undefined;
103
- borderColor?: string | undefined;
104
- boxShadow?: string | undefined;
105
- pointerEvents?: string | undefined;
99
+ fontColorForInput?: string;
100
+ borderColorForInput?: string;
101
+ backgroundColor?: string;
102
+ borderTop?: string;
103
+ borderColor?: string;
104
+ boxShadow?: string;
105
+ pointerEvents?: string;
106
106
  };
107
107
  clearIndicator: (base: TBase) => {
108
108
  display: string;
109
109
  padding: number;
110
110
  marginLeft: "var(--spacing-20, 8px)";
111
- fontColorForInput?: string | undefined;
112
- borderColorForInput?: string | undefined;
113
- color?: string | undefined;
114
- backgroundColor?: string | undefined;
115
- borderTop?: string | undefined;
116
- borderColor?: string | undefined;
117
- boxShadow?: string | undefined;
118
- pointerEvents?: string | undefined;
111
+ fontColorForInput?: string;
112
+ borderColorForInput?: string;
113
+ color?: string;
114
+ backgroundColor?: string;
115
+ borderTop?: string;
116
+ borderColor?: string;
117
+ boxShadow?: string;
118
+ pointerEvents?: string;
119
119
  };
120
120
  menuList: (base: TBase) => {
121
121
  padding: string;
122
122
  borderRadius: "var(--border-radius-for-input, 4px)";
123
123
  backgroundColor: "var(--background-color-for-input, #fff)";
124
- fontColorForInput?: string | undefined;
125
- borderColorForInput?: string | undefined;
126
- color?: string | undefined;
127
- borderTop?: string | undefined;
128
- borderColor?: string | undefined;
129
- boxShadow?: string | undefined;
130
- pointerEvents?: string | undefined;
124
+ fontColorForInput?: string;
125
+ borderColorForInput?: string;
126
+ color?: string;
127
+ borderTop?: string;
128
+ borderColor?: string;
129
+ boxShadow?: string;
130
+ pointerEvents?: string;
131
131
  };
132
132
  menuPortal: (base: TBase) => {
133
133
  zIndex: number | undefined;
134
- fontColorForInput?: string | undefined;
135
- borderColorForInput?: string | undefined;
136
- color?: string | undefined;
137
- backgroundColor?: string | undefined;
138
- borderTop?: string | undefined;
139
- borderColor?: string | undefined;
140
- boxShadow?: string | undefined;
141
- pointerEvents?: string | undefined;
134
+ fontColorForInput?: string;
135
+ borderColorForInput?: string;
136
+ color?: string;
137
+ backgroundColor?: string;
138
+ borderTop?: string;
139
+ borderColor?: string;
140
+ boxShadow?: string;
141
+ pointerEvents?: string;
142
142
  };
143
143
  multiValue: (base: TBase) => {
144
144
  display: string;
@@ -148,13 +148,13 @@ export default function createSelectStyles(props: TProps): {
148
148
  padding: string;
149
149
  border: string;
150
150
  borderRadius: "var(--border-radius-20, 20px)";
151
- fontColorForInput?: string | undefined;
152
- borderColorForInput?: string | undefined;
153
- color?: string | undefined;
154
- borderTop?: string | undefined;
155
- borderColor?: string | undefined;
156
- boxShadow?: string | undefined;
157
- pointerEvents?: string | undefined;
151
+ fontColorForInput?: string;
152
+ borderColorForInput?: string;
153
+ color?: string;
154
+ borderTop?: string;
155
+ borderColor?: string;
156
+ boxShadow?: string;
157
+ pointerEvents?: string;
158
158
  };
159
159
  multiValueLabel: (base: TBase) => {
160
160
  fontSize: "var(--font-size-20, 0.875rem)" | "var(--font-size-30, 1rem)";
@@ -168,13 +168,13 @@ export default function createSelectStyles(props: TProps): {
168
168
  borderRadius: "var(--border-radius-2, 2px)";
169
169
  borderWidth: "var(--border-width-1, 1px)";
170
170
  };
171
- fontColorForInput?: string | undefined;
172
- borderColorForInput?: string | undefined;
173
- backgroundColor?: string | undefined;
174
- borderTop?: string | undefined;
175
- borderColor?: string | undefined;
176
- boxShadow?: string | undefined;
177
- pointerEvents?: string | undefined;
171
+ fontColorForInput?: string;
172
+ borderColorForInput?: string;
173
+ backgroundColor?: string;
174
+ borderTop?: string;
175
+ borderColor?: string;
176
+ boxShadow?: string;
177
+ pointerEvents?: string;
178
178
  };
179
179
  multiValueRemove: (base: TBase, state: TState) => {
180
180
  borderColor: "var(--color-neutral, hsl(232, 18%, 80%))";
@@ -194,11 +194,11 @@ export default function createSelectStyles(props: TProps): {
194
194
  fill: "var(--color-error, hsl(3, 65%, 58%))";
195
195
  };
196
196
  };
197
- fontColorForInput?: string | undefined;
198
- borderColorForInput?: string | undefined;
199
- color?: string | undefined;
200
- borderTop?: string | undefined;
201
- boxShadow?: string | undefined;
197
+ fontColorForInput?: string;
198
+ borderColorForInput?: string;
199
+ color?: string;
200
+ borderTop?: string;
201
+ boxShadow?: string;
202
202
  };
203
203
  indicatorsContainer: () => {
204
204
  background: string;
@@ -216,12 +216,12 @@ export default function createSelectStyles(props: TProps): {
216
216
  '&:active': {
217
217
  backgroundColor: "var(--color-primary-95, hsl(244, 100%, 97%))" | "var(--color-transparent, transparent)";
218
218
  };
219
- fontColorForInput?: string | undefined;
220
- borderColorForInput?: string | undefined;
221
- borderTop?: string | undefined;
222
- borderColor?: string | undefined;
223
- boxShadow?: string | undefined;
224
- pointerEvents?: string | undefined;
219
+ fontColorForInput?: string;
220
+ borderColorForInput?: string;
221
+ borderTop?: string;
222
+ borderColor?: string;
223
+ boxShadow?: string;
224
+ pointerEvents?: string;
225
225
  };
226
226
  placeholder: (base: TBase) => {
227
227
  color: "var(--color-neutral-60, hsl(232, 18%, 60%))" | "var(--color-warning, hsl(35, 90%, 45%))" | "var(--color-error, hsl(3, 65%, 58%))";
@@ -230,13 +230,13 @@ export default function createSelectStyles(props: TProps): {
230
230
  whiteSpace: string;
231
231
  textOverflow: string;
232
232
  fill: string | undefined;
233
- fontColorForInput?: string | undefined;
234
- borderColorForInput?: string | undefined;
235
- backgroundColor?: string | undefined;
236
- borderTop?: string | undefined;
237
- borderColor?: string | undefined;
238
- boxShadow?: string | undefined;
239
- pointerEvents?: string | undefined;
233
+ fontColorForInput?: string;
234
+ borderColorForInput?: string;
235
+ backgroundColor?: string;
236
+ borderTop?: string;
237
+ borderColor?: string;
238
+ boxShadow?: string;
239
+ pointerEvents?: string;
240
240
  };
241
241
  valueContainer: (base: TBase) => {
242
242
  padding: string;
@@ -245,37 +245,37 @@ export default function createSelectStyles(props: TProps): {
245
245
  display: string;
246
246
  fill: "var(--color-neutral-60, hsl(232, 18%, 60%))" | "var(--font-color-for-input-when-disabled, hsl(232, 18%, 60%))";
247
247
  flexWrap?: string | undefined;
248
- fontColorForInput?: string | undefined;
249
- borderColorForInput?: string | undefined;
250
- color?: string | undefined;
251
- borderTop?: string | undefined;
252
- borderColor?: string | undefined;
253
- boxShadow?: string | undefined;
254
- pointerEvents?: string | undefined;
248
+ fontColorForInput?: string;
249
+ borderColorForInput?: string;
250
+ color?: string;
251
+ borderTop?: string;
252
+ borderColor?: string;
253
+ boxShadow?: string;
254
+ pointerEvents?: string;
255
255
  };
256
256
  singleValue: (base: TBase) => {
257
257
  color: "var(--color-warning, hsl(35, 90%, 45%))" | "var(--color-error, hsl(3, 65%, 58%))" | "var(--font-color-for-input, #1a1a1a)" | "var(--font-color-for-input-when-disabled, hsl(232, 18%, 60%))" | "var(--font-color-for-input-when-readonly, hsl(232, 18%, 40%))";
258
- fontColorForInput?: string | undefined;
259
- borderColorForInput?: string | undefined;
260
- backgroundColor?: string | undefined;
261
- borderTop?: string | undefined;
262
- borderColor?: string | undefined;
263
- boxShadow?: string | undefined;
264
- pointerEvents?: string | undefined;
258
+ fontColorForInput?: string;
259
+ borderColorForInput?: string;
260
+ backgroundColor?: string;
261
+ borderTop?: string;
262
+ borderColor?: string;
263
+ boxShadow?: string;
264
+ pointerEvents?: string;
265
265
  };
266
266
  group: (base: TBase) => {
267
267
  padding: number;
268
268
  '&:not(:first-of-type)': {
269
269
  borderTop: string | undefined;
270
270
  };
271
- fontColorForInput?: string | undefined;
272
- borderColorForInput?: string | undefined;
273
- color?: string | undefined;
274
- backgroundColor?: string | undefined;
275
- borderTop?: string | undefined;
276
- borderColor?: string | undefined;
277
- boxShadow?: string | undefined;
278
- pointerEvents?: string | undefined;
271
+ fontColorForInput?: string;
272
+ borderColorForInput?: string;
273
+ color?: string;
274
+ backgroundColor?: string;
275
+ borderTop?: string;
276
+ borderColor?: string;
277
+ boxShadow?: string;
278
+ pointerEvents?: string;
279
279
  };
280
280
  groupHeading: (base: TBase) => {
281
281
  color: "var(--font-color-for-input-when-readonly, hsl(232, 18%, 40%))";
@@ -287,13 +287,13 @@ export default function createSelectStyles(props: TProps): {
287
287
  '&:empty': {
288
288
  padding: number;
289
289
  };
290
- fontColorForInput?: string | undefined;
291
- borderColorForInput?: string | undefined;
292
- backgroundColor?: string | undefined;
293
- borderTop?: string | undefined;
294
- borderColor?: string | undefined;
295
- boxShadow?: string | undefined;
296
- pointerEvents?: string | undefined;
290
+ fontColorForInput?: string;
291
+ borderColorForInput?: string;
292
+ backgroundColor?: string;
293
+ borderTop?: string;
294
+ borderColor?: string;
295
+ boxShadow?: string;
296
+ pointerEvents?: string;
297
297
  };
298
298
  container: (base: TBase, state: TState) => {
299
299
  fontFamily: string;
@@ -301,12 +301,12 @@ export default function createSelectStyles(props: TProps): {
301
301
  borderRadius: "var(--border-radius-for-input, 4px)";
302
302
  borderColor: string | undefined;
303
303
  boxShadow: string | undefined;
304
- fontColorForInput?: string | undefined;
305
- borderColorForInput?: string | undefined;
306
- color?: string | undefined;
307
- backgroundColor?: string | undefined;
308
- borderTop?: string | undefined;
309
- pointerEvents?: string | undefined;
304
+ fontColorForInput?: string;
305
+ borderColorForInput?: string;
306
+ color?: string;
307
+ backgroundColor?: string;
308
+ borderTop?: string;
309
+ pointerEvents?: string;
310
310
  };
311
311
  };
312
312
  export {};
package/dist/declarations/src/wrapper-with-icon/wrapper-with-icon.d.ts CHANGED
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { type SingleValueProps, type PlaceholderProps } from 'react-select';
3
2
  import { TSelectInputCustomComponentProps } from "../types.js";
4
3
  export type TSingleValueWrapperWithIconProps = {
@@ -10,12 +9,12 @@ export type TPlaceholderWrapperWithIconProps = {
10
9
  export type TWrapperWithIconProps<Type extends 'singleValue' | 'placeholder'> = Type extends 'singleValue' ? TSingleValueWrapperWithIconProps : Type extends 'placeholder' ? TPlaceholderWrapperWithIconProps : never;
11
10
  export type TDefaultComponent<Type extends 'singleValue' | 'placeholder'> = (props: Type extends 'singleValue' ? SingleValueProps : Type extends 'placeholder' ? PlaceholderProps : never) => JSX.Element;
12
11
  declare const WrapperWithIcon: {
13
- <Type extends "placeholder" | "singleValue">(props: TWrapperWithIconProps<Type>): import("@emotion/react/jsx-runtime").JSX.Element | null;
12
+ <Type extends "singleValue" | "placeholder">(props: TWrapperWithIconProps<Type>): import("@emotion/react/jsx-runtime").JSX.Element | null;
14
13
  displayName: string;
15
14
  };
16
15
  export default WrapperWithIcon;
17
16
  declare const customComponents: {
18
- SingleValue: (props: TWrapperWithIconProps<'singleValue'>) => import("@emotion/react/jsx-runtime").JSX.Element;
19
- Placeholder: (props: TWrapperWithIconProps<'placeholder'>) => import("@emotion/react/jsx-runtime").JSX.Element;
17
+ SingleValue: (props: TWrapperWithIconProps<"singleValue">) => import("@emotion/react/jsx-runtime").JSX.Element;
18
+ Placeholder: (props: TWrapperWithIconProps<"placeholder">) => import("@emotion/react/jsx-runtime").JSX.Element;
20
19
  };
21
20
  export { customComponents };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@commercetools-uikit/select-utils",
3
3
  "description": "Utilities for working with select components.",
4
- "version": "19.5.0",
4
+ "version": "19.7.0",
5
5
  "bugs": "https://github.com/commercetools/ui-kit/issues",
6
6
  "repository": {
7
7
  "type": "git",
@@ -21,12 +21,12 @@
21
21
  "dependencies": {
22
22
  "@babel/runtime": "^7.20.13",
23
23
  "@babel/runtime-corejs3": "^7.20.13",
24
- "@commercetools-uikit/accessible-button": "19.5.0",
25
- "@commercetools-uikit/design-system": "19.5.0",
26
- "@commercetools-uikit/icons": "19.5.0",
27
- "@commercetools-uikit/spacings": "19.5.0",
28
- "@commercetools-uikit/text": "19.5.0",
29
- "@commercetools-uikit/utils": "19.5.0",
24
+ "@commercetools-uikit/accessible-button": "19.7.0",
25
+ "@commercetools-uikit/design-system": "19.7.0",
26
+ "@commercetools-uikit/icons": "19.7.0",
27
+ "@commercetools-uikit/spacings": "19.7.0",
28
+ "@commercetools-uikit/text": "19.7.0",
29
+ "@commercetools-uikit/utils": "19.7.0",
30
30
  "@emotion/react": "^11.10.5",
31
31
  "@emotion/styled": "^11.10.5",
32
32
  "lodash": "4.17.21",