@commercetools-uikit/select-utils 18.2.0 → 18.3.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.
|
@@ -423,6 +423,7 @@ const optionStyles = () => (base, state) => {
|
|
|
423
423
|
transition: _concatInstanceProperty__default["default"](_context2 = _concatInstanceProperty__default["default"](_context3 = "border-color ".concat(designSystem.designTokens.transitionStandard, ",\n background-color ")).call(_context3, designSystem.designTokens.transitionStandard, ",\n color ")).call(_context2, designSystem.designTokens.transitionStandard),
|
|
424
424
|
padding: _concatInstanceProperty__default["default"](_context4 = "".concat(designSystem.designTokens.spacing20, " ")).call(_context4, designSystem.designTokens.spacing30),
|
|
425
425
|
lineHeight: designSystem.designTokens.lineHeight40,
|
|
426
|
+
cursor: state.isDisabled ? 'not-allowed' : 'pointer',
|
|
426
427
|
color: (() => {
|
|
427
428
|
if (!state.isDisabled) return designSystem.designTokens.fontColorForInput;
|
|
428
429
|
if (state.isSelected) return designSystem.designTokens.fontColorForInput;
|
|
@@ -502,7 +503,7 @@ const groupHeadingStyles = () => base => {
|
|
|
502
503
|
var _context5;
|
|
503
504
|
return _objectSpread(_objectSpread({}, base), {}, {
|
|
504
505
|
color: designSystem.designTokens.fontColorForInputWhenReadonly,
|
|
505
|
-
fontSize: designSystem.designTokens.
|
|
506
|
+
fontSize: designSystem.designTokens.fontSize20,
|
|
506
507
|
borderBottom: "1px solid ".concat(designSystem.designTokens.colorNeutral90),
|
|
507
508
|
textTransform: 'none',
|
|
508
509
|
fontWeight: designSystem.designTokens.fontWeight500,
|
|
@@ -612,7 +613,7 @@ const warnIfMenuPortalPropsAreMissing = props => {
|
|
|
612
613
|
};
|
|
613
614
|
|
|
614
615
|
// NOTE: This string will be replaced on build time with the package version.
|
|
615
|
-
var version = "18.
|
|
616
|
+
var version = "18.3.0";
|
|
616
617
|
|
|
617
618
|
exports.ClearIndicator = ClearIndicator$1;
|
|
618
619
|
exports.CustomSelectInputOption = CustomSelectInputOption;
|
|
@@ -423,6 +423,7 @@ const optionStyles = () => (base, state) => {
|
|
|
423
423
|
transition: _concatInstanceProperty__default["default"](_context2 = _concatInstanceProperty__default["default"](_context3 = "border-color ".concat(designSystem.designTokens.transitionStandard, ",\n background-color ")).call(_context3, designSystem.designTokens.transitionStandard, ",\n color ")).call(_context2, designSystem.designTokens.transitionStandard),
|
|
424
424
|
padding: _concatInstanceProperty__default["default"](_context4 = "".concat(designSystem.designTokens.spacing20, " ")).call(_context4, designSystem.designTokens.spacing30),
|
|
425
425
|
lineHeight: designSystem.designTokens.lineHeight40,
|
|
426
|
+
cursor: state.isDisabled ? 'not-allowed' : 'pointer',
|
|
426
427
|
color: (() => {
|
|
427
428
|
if (!state.isDisabled) return designSystem.designTokens.fontColorForInput;
|
|
428
429
|
if (state.isSelected) return designSystem.designTokens.fontColorForInput;
|
|
@@ -502,7 +503,7 @@ const groupHeadingStyles = () => base => {
|
|
|
502
503
|
var _context5;
|
|
503
504
|
return _objectSpread(_objectSpread({}, base), {}, {
|
|
504
505
|
color: designSystem.designTokens.fontColorForInputWhenReadonly,
|
|
505
|
-
fontSize: designSystem.designTokens.
|
|
506
|
+
fontSize: designSystem.designTokens.fontSize20,
|
|
506
507
|
borderBottom: "1px solid ".concat(designSystem.designTokens.colorNeutral90),
|
|
507
508
|
textTransform: 'none',
|
|
508
509
|
fontWeight: designSystem.designTokens.fontWeight500,
|
|
@@ -609,7 +610,7 @@ const warnIfMenuPortalPropsAreMissing = props => {
|
|
|
609
610
|
};
|
|
610
611
|
|
|
611
612
|
// NOTE: This string will be replaced on build time with the package version.
|
|
612
|
-
var version = "18.
|
|
613
|
+
var version = "18.3.0";
|
|
613
614
|
|
|
614
615
|
exports.ClearIndicator = ClearIndicator$1;
|
|
615
616
|
exports.CustomSelectInputOption = CustomSelectInputOption;
|
|
@@ -403,6 +403,7 @@ const optionStyles = () => (base, state) => {
|
|
|
403
403
|
transition: _concatInstanceProperty(_context2 = _concatInstanceProperty(_context3 = "border-color ".concat(designTokens.transitionStandard, ",\n background-color ")).call(_context3, designTokens.transitionStandard, ",\n color ")).call(_context2, designTokens.transitionStandard),
|
|
404
404
|
padding: _concatInstanceProperty(_context4 = "".concat(designTokens.spacing20, " ")).call(_context4, designTokens.spacing30),
|
|
405
405
|
lineHeight: designTokens.lineHeight40,
|
|
406
|
+
cursor: state.isDisabled ? 'not-allowed' : 'pointer',
|
|
406
407
|
color: (() => {
|
|
407
408
|
if (!state.isDisabled) return designTokens.fontColorForInput;
|
|
408
409
|
if (state.isSelected) return designTokens.fontColorForInput;
|
|
@@ -482,7 +483,7 @@ const groupHeadingStyles = () => base => {
|
|
|
482
483
|
var _context5;
|
|
483
484
|
return _objectSpread(_objectSpread({}, base), {}, {
|
|
484
485
|
color: designTokens.fontColorForInputWhenReadonly,
|
|
485
|
-
fontSize: designTokens.
|
|
486
|
+
fontSize: designTokens.fontSize20,
|
|
486
487
|
borderBottom: "1px solid ".concat(designTokens.colorNeutral90),
|
|
487
488
|
textTransform: 'none',
|
|
488
489
|
fontWeight: designTokens.fontWeight500,
|
|
@@ -592,6 +593,6 @@ const warnIfMenuPortalPropsAreMissing = props => {
|
|
|
592
593
|
};
|
|
593
594
|
|
|
594
595
|
// NOTE: This string will be replaced on build time with the package version.
|
|
595
|
-
var version = "18.
|
|
596
|
+
var version = "18.3.0";
|
|
596
597
|
|
|
597
598
|
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 };
|
|
@@ -206,6 +206,7 @@ export default function createSelectStyles(props: TProps): {
|
|
|
206
206
|
transition: string;
|
|
207
207
|
padding: string;
|
|
208
208
|
lineHeight: "var(--line-height-40, 1.625rem)";
|
|
209
|
+
cursor: string;
|
|
209
210
|
color: string | undefined;
|
|
210
211
|
backgroundColor: string | undefined;
|
|
211
212
|
'&:active': {
|
|
@@ -274,7 +275,7 @@ export default function createSelectStyles(props: TProps): {
|
|
|
274
275
|
};
|
|
275
276
|
groupHeading: (base: TBase) => {
|
|
276
277
|
color: "var(--font-color-for-input-when-readonly, hsl(232, 18%, 40%))";
|
|
277
|
-
fontSize: "var(--font-size-
|
|
278
|
+
fontSize: "var(--font-size-20, 0.875rem)";
|
|
278
279
|
borderBottom: string;
|
|
279
280
|
textTransform: string;
|
|
280
281
|
fontWeight: "var(--font-weight-500, 500)";
|
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": "18.
|
|
4
|
+
"version": "18.3.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": "18.
|
|
25
|
-
"@commercetools-uikit/design-system": "18.
|
|
26
|
-
"@commercetools-uikit/icons": "18.
|
|
27
|
-
"@commercetools-uikit/spacings": "18.
|
|
28
|
-
"@commercetools-uikit/text": "18.
|
|
29
|
-
"@commercetools-uikit/utils": "18.
|
|
24
|
+
"@commercetools-uikit/accessible-button": "18.3.0",
|
|
25
|
+
"@commercetools-uikit/design-system": "18.3.0",
|
|
26
|
+
"@commercetools-uikit/icons": "18.3.0",
|
|
27
|
+
"@commercetools-uikit/spacings": "18.3.0",
|
|
28
|
+
"@commercetools-uikit/text": "18.3.0",
|
|
29
|
+
"@commercetools-uikit/utils": "18.3.0",
|
|
30
30
|
"@emotion/react": "^11.10.5",
|
|
31
31
|
"@emotion/styled": "^11.10.5",
|
|
32
32
|
"lodash": "4.17.21",
|