@tidbcloud/uikit 2.1.7 → 2.1.8

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 (4) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/theme/theme.cjs +1 -16
  3. package/dist/theme/theme.mjs +1 -16
  4. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @tidbcloud/uikit
2
2
 
3
+ ## 2.1.8
4
+
5
+ ### Patch Changes
6
+
7
+ - fix(uikit/theme): Simplify Menu component styling ([#490](https://github.com/tidbcloud/tidbcloud-uikit/pull/490))
8
+
3
9
  ## 2.1.7
4
10
 
5
11
  ### Patch Changes
package/dist/theme/theme.cjs CHANGED
@@ -394,34 +394,19 @@ const theme = createTheme.createTheme({
394
394
  },
395
395
  Menu: {
396
396
  styles: (theme2) => {
397
- const textColor = themeColor(theme2, "carbon", 8);
398
397
  const bgHoverColor = themeColor(theme2, "carbon", 3);
399
398
  const bgActiveColor = themeColor(theme2, "carbon", 4);
400
- const disabledColor = themeColor(theme2, "carbon", 6);
401
399
  return {
402
400
  dropdown: {
403
401
  boxShadow: theme2.shadows.md
404
402
  },
405
403
  item: {
406
404
  transition: "background 150ms ease-in-out",
407
- color: textColor,
408
405
  "&:hover, &[data-hovered]": {
409
- color: textColor,
410
- backgroundColor: bgHoverColor,
411
- textDecoration: "none"
406
+ backgroundColor: bgHoverColor
412
407
  },
413
408
  "&:active, &[data-active]": {
414
- color: textColor,
415
409
  backgroundColor: bgActiveColor
416
- },
417
- "&:disabled, &[data-disabled]": {
418
- color: disabledColor,
419
- userSelect: "none",
420
- cursor: "not-allowed",
421
- "&:hover, &[data-hovered]": {
422
- color: disabledColor,
423
- backgroundColor: "transparent"
424
- }
425
410
  }
426
411
  }
427
412
  };
package/dist/theme/theme.mjs CHANGED
@@ -392,34 +392,19 @@ const theme = createTheme({
392
392
  },
393
393
  Menu: {
394
394
  styles: (theme2) => {
395
- const textColor = themeColor(theme2, "carbon", 8);
396
395
  const bgHoverColor = themeColor(theme2, "carbon", 3);
397
396
  const bgActiveColor = themeColor(theme2, "carbon", 4);
398
- const disabledColor = themeColor(theme2, "carbon", 6);
399
397
  return {
400
398
  dropdown: {
401
399
  boxShadow: theme2.shadows.md
402
400
  },
403
401
  item: {
404
402
  transition: "background 150ms ease-in-out",
405
- color: textColor,
406
403
  "&:hover, &[data-hovered]": {
407
- color: textColor,
408
- backgroundColor: bgHoverColor,
409
- textDecoration: "none"
404
+ backgroundColor: bgHoverColor
410
405
  },
411
406
  "&:active, &[data-active]": {
412
- color: textColor,
413
407
  backgroundColor: bgActiveColor
414
- },
415
- "&:disabled, &[data-disabled]": {
416
- color: disabledColor,
417
- userSelect: "none",
418
- cursor: "not-allowed",
419
- "&:hover, &[data-hovered]": {
420
- color: disabledColor,
421
- backgroundColor: "transparent"
422
- }
423
408
  }
424
409
  }
425
410
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tidbcloud/uikit",
3
- "version": "2.1.7",
3
+ "version": "2.1.8",
4
4
  "description": "tidbcloud uikit",
5
5
  "type": "module",
6
6
  "main": "dist/primitive/index.cjs",