@tidbcloud/uikit 2.0.0-beta.73 → 2.0.0-beta.75

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/CHANGELOG.md +12 -0
  2. package/dist/primitive/TextInput/TextInput.cjs +7 -2
  3. package/dist/primitive/TextInput/TextInput.js +7 -2
  4. package/dist/theme/theme.cjs +2 -2
  5. package/dist/theme/theme.js +2 -2
  6. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,17 @@
1
1
  # @tidbcloud/uikit
2
2
 
3
+ ## 2.0.0-beta.75
4
+
5
+ ### Patch Changes
6
+
7
+ - Fix `NavLink` styles
8
+
9
+ ## 2.0.0-beta.74
10
+
11
+ ### Patch Changes
12
+
13
+ - fix text input with left label padding
14
+
3
15
  ## 2.0.0-beta.73
4
16
 
5
17
  ### Patch Changes
package/dist/primitive/TextInput/TextInput.cjs CHANGED
@@ -20,11 +20,16 @@ const TextInput = React.forwardRef((props, ref) => {
20
20
  }
21
21
  return {
22
22
  wrapper: {
23
- display: "flex"
23
+ display: "flex",
24
+ // see https://github.com/mantinedev/mantine/blob/master/packages/%40mantine/core/src/components/Input/Input.module.css#L70C4-L70C33I
25
+ // correct input left padding
26
+ "&[data-with-left-section]": {
27
+ "--input-padding-inline-start": "var(--input-padding)"
28
+ }
24
29
  },
25
30
  section: {
26
31
  '&[data-position="left"]': {
27
- position: "relative",
32
+ position: "initial",
28
33
  width: "fit-content",
29
34
  border: `1px solid ${theme.colors.carbon[4]}`,
30
35
  borderRightWidth: 0,
package/dist/primitive/TextInput/TextInput.js CHANGED
@@ -18,11 +18,16 @@ const TextInput = forwardRef((props, ref) => {
18
18
  }
19
19
  return {
20
20
  wrapper: {
21
- display: "flex"
21
+ display: "flex",
22
+ // see https://github.com/mantinedev/mantine/blob/master/packages/%40mantine/core/src/components/Input/Input.module.css#L70C4-L70C33I
23
+ // correct input left padding
24
+ "&[data-with-left-section]": {
25
+ "--input-padding-inline-start": "var(--input-padding)"
26
+ }
22
27
  },
23
28
  section: {
24
29
  '&[data-position="left"]': {
25
- position: "relative",
30
+ position: "initial",
26
31
  width: "fit-content",
27
32
  border: `1px solid ${theme.colors.carbon[4]}`,
28
33
  borderRightWidth: 0,
package/dist/theme/theme.cjs CHANGED
@@ -420,8 +420,8 @@ const theme = createTheme.createTheme({
420
420
  borderRadius: theme2.defaultRadius,
421
421
  transition: "background 150ms ease-in-out"
422
422
  },
423
- section: {
424
- marginRight: 10
423
+ label: {
424
+ lineHeight: "24px"
425
425
  }
426
426
  };
427
427
  }
package/dist/theme/theme.js CHANGED
@@ -418,8 +418,8 @@ const theme = createTheme({
418
418
  borderRadius: theme2.defaultRadius,
419
419
  transition: "background 150ms ease-in-out"
420
420
  },
421
- section: {
422
- marginRight: 10
421
+ label: {
422
+ lineHeight: "24px"
423
423
  }
424
424
  };
425
425
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tidbcloud/uikit",
3
- "version": "2.0.0-beta.73",
3
+ "version": "2.0.0-beta.75",
4
4
  "description": "tidbcloud uikit",
5
5
  "type": "module",
6
6
  "main": "dist/primitive/index.cjs",