@tidbcloud/uikit 2.0.0-beta.40 → 2.0.0-beta.42

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/biz/PhoneInput/index.cjs +4 -1
  3. package/dist/biz/PhoneInput/index.js +4 -1
  4. package/dist/biz/PhoneInput/styles.cjs +3 -5
  5. package/dist/biz/PhoneInput/styles.js +3 -5
  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.42
4
+
5
+ ### Patch Changes
6
+
7
+ - fix phone input placeholder
8
+
9
+ ## 2.0.0-beta.41
10
+
11
+ ### Patch Changes
12
+
13
+ - fix phone input label style
14
+
3
15
  ## 2.0.0-beta.40
4
16
 
5
17
  ### Patch Changes
package/dist/biz/PhoneInput/index.cjs CHANGED
@@ -36,7 +36,10 @@ const PhoneInput = (props) => {
36
36
  ...wrapperProps,
37
37
  styles: styles$1.mergeStylesList([
38
38
  wrapperProps.styles,
39
- { label: { color: theme.colors.carbon[8] }, description: { color: theme.colors.carbon[6] } }
39
+ {
40
+ label: { color: theme.colors.carbon[8], marginBottom: 6, fontSize: 14, lineHeight: "20px" },
41
+ description: { color: theme.colors.carbon[6] }
42
+ }
40
43
  ]),
41
44
  children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
42
45
  ReactPhoneInput,
package/dist/biz/PhoneInput/index.js CHANGED
@@ -34,7 +34,10 @@ const PhoneInput = (props) => {
34
34
  ...wrapperProps,
35
35
  styles: mergeStylesList([
36
36
  wrapperProps.styles,
37
- { label: { color: theme.colors.carbon[8] }, description: { color: theme.colors.carbon[6] } }
37
+ {
38
+ label: { color: theme.colors.carbon[8], marginBottom: 6, fontSize: 14, lineHeight: "20px" },
39
+ description: { color: theme.colors.carbon[6] }
40
+ }
38
41
  ]),
39
42
  children: /* @__PURE__ */ jsxRuntimeExports.jsx(
40
43
  ReactPhoneInput,
package/dist/biz/PhoneInput/styles.cjs CHANGED
@@ -2,22 +2,19 @@
2
2
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
3
  const createStyles = require("../../node_modules/.pnpm/@mantine_styles@5.10.4_patch_hash_gj5o633amdkv7b52vinsxkrrr4_@emotion_react@11.13.0_react-dom@18.3.1_react@18.3.1/node_modules/@mantine/styles/esm/tss/create-styles.cjs");
4
4
  const useStyles = createStyles.createStyles((theme, params) => {
5
- const { hasError = true } = params;
5
+ const { hasError } = params;
6
6
  const invalidColor = theme.fn.variant({
7
7
  variant: "filled",
8
8
  color: "red"
9
9
  }).background;
10
10
  const invalidStyles = {
11
11
  borderColor: theme.colors.red[4],
12
+ color: invalidColor,
12
13
  "&:hover": {
13
14
  borderColor: theme.colors.red[4]
14
15
  },
15
16
  "&:focus": {
16
17
  borderColor: theme.colors.red[4]
17
- },
18
- "&::placeholder": {
19
- ...theme.fn.placeholderStyles(),
20
- color: invalidColor
21
18
  }
22
19
  };
23
20
  return {
@@ -53,6 +50,7 @@ const useStyles = createStyles.createStyles((theme, params) => {
53
50
  },
54
51
  "&::placeholder": {
55
52
  ...theme.fn.placeholderStyles(),
53
+ color: theme.colors.carbon[6],
56
54
  opacity: 1
57
55
  },
58
56
  ...hasError ? invalidStyles : void 0
package/dist/biz/PhoneInput/styles.js CHANGED
@@ -1,21 +1,18 @@
1
1
  import { createStyles } from "../../node_modules/.pnpm/@mantine_styles@5.10.4_patch_hash_gj5o633amdkv7b52vinsxkrrr4_@emotion_react@11.13.0_react-dom@18.3.1_react@18.3.1/node_modules/@mantine/styles/esm/tss/create-styles.js";
2
2
  const useStyles = createStyles((theme, params) => {
3
- const { hasError = true } = params;
3
+ const { hasError } = params;
4
4
  const invalidColor = theme.fn.variant({
5
5
  variant: "filled",
6
6
  color: "red"
7
7
  }).background;
8
8
  const invalidStyles = {
9
9
  borderColor: theme.colors.red[4],
10
+ color: invalidColor,
10
11
  "&:hover": {
11
12
  borderColor: theme.colors.red[4]
12
13
  },
13
14
  "&:focus": {
14
15
  borderColor: theme.colors.red[4]
15
- },
16
- "&::placeholder": {
17
- ...theme.fn.placeholderStyles(),
18
- color: invalidColor
19
16
  }
20
17
  };
21
18
  return {
@@ -51,6 +48,7 @@ const useStyles = createStyles((theme, params) => {
51
48
  },
52
49
  "&::placeholder": {
53
50
  ...theme.fn.placeholderStyles(),
51
+ color: theme.colors.carbon[6],
54
52
  opacity: 1
55
53
  },
56
54
  ...hasError ? invalidStyles : void 0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tidbcloud/uikit",
3
- "version": "2.0.0-beta.40",
3
+ "version": "2.0.0-beta.42",
4
4
  "description": "tidbcloud uikit",
5
5
  "type": "module",
6
6
  "main": "dist/primitive/index.cjs",