@commercetools-uikit/select-utils 18.2.0 → 18.4.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.fontSize30,
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.2.0";
616
+ var version = "18.4.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.fontSize30,
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.2.0";
613
+ var version = "18.4.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.fontSize30,
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.2.0";
596
+ var version = "18.4.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-30, 1rem)";
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.2.0",
4
+ "version": "18.4.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.2.0",
25
- "@commercetools-uikit/design-system": "18.2.0",
26
- "@commercetools-uikit/icons": "18.2.0",
27
- "@commercetools-uikit/spacings": "18.2.0",
28
- "@commercetools-uikit/text": "18.2.0",
29
- "@commercetools-uikit/utils": "18.2.0",
24
+ "@commercetools-uikit/accessible-button": "18.4.0",
25
+ "@commercetools-uikit/design-system": "18.4.0",
26
+ "@commercetools-uikit/icons": "18.4.0",
27
+ "@commercetools-uikit/spacings": "18.4.0",
28
+ "@commercetools-uikit/text": "18.4.0",
29
+ "@commercetools-uikit/utils": "18.4.0",
30
30
  "@emotion/react": "^11.10.5",
31
31
  "@emotion/styled": "^11.10.5",
32
32
  "lodash": "4.17.21",