@tidbcloud/uikit 2.0.4 → 2.0.6

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/SearchArea/index.cjs +1 -1
  3. package/dist/biz/SearchArea/index.mjs +1 -1
  4. package/dist/theme/theme.cjs +6 -6
  5. package/dist/theme/theme.mjs +6 -6
  6. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,17 @@
1
1
  # @tidbcloud/uikit
2
2
 
3
+ ## 2.0.6
4
+
5
+ ### Patch Changes
6
+
7
+ - Fix/search area bug fix ([#452](https://github.com/tidbcloud/tidbcloud-uikit/pull/452))
8
+
9
+ ## 2.0.5
10
+
11
+ ### Patch Changes
12
+
13
+ - fix(uikit): enforce input placeholder color with !important ([#449](https://github.com/tidbcloud/tidbcloud-uikit/pull/449))
14
+
3
15
  ## 2.0.4
4
16
 
5
17
  ### Patch Changes
package/dist/biz/SearchArea/index.cjs CHANGED
@@ -75,7 +75,7 @@ function FormItemRender(props) {
75
75
  {
76
76
  data: props.data.data,
77
77
  name,
78
- value: keyword,
78
+ value: keyword || null,
79
79
  placeholder: placeholder ?? "",
80
80
  onChange: (val) => {
81
81
  setKeyword(val ?? "");
package/dist/biz/SearchArea/index.mjs CHANGED
@@ -73,7 +73,7 @@ function FormItemRender(props) {
73
73
  {
74
74
  data: props.data.data,
75
75
  name,
76
- value: keyword,
76
+ value: keyword || null,
77
77
  placeholder: placeholder ?? "",
78
78
  onChange: (val) => {
79
79
  setKeyword(val ?? "");
package/dist/theme/theme.cjs CHANGED
@@ -54,7 +54,7 @@ function getInputStyles(theme2, props) {
54
54
  ...passwordInnerInputSize
55
55
  },
56
56
  "&::placeholder": {
57
- color: themeColor(theme2, "carbon", 6)
57
+ color: `${themeColor(theme2, "carbon", 6)} !important`
58
58
  }
59
59
  }
60
60
  };
@@ -71,7 +71,7 @@ function getInputStyles(theme2, props) {
71
71
  ...passwordInnerInputSize
72
72
  },
73
73
  "&::placeholder": {
74
- color: themeColor(theme2, "carbon", 6)
74
+ color: `${themeColor(theme2, "carbon", 6)} !important`
75
75
  }
76
76
  }
77
77
  };
@@ -107,12 +107,12 @@ function getInputStyles(theme2, props) {
107
107
  opacity: 1
108
108
  },
109
109
  "&::placeholder": {
110
- color: themeColor(theme2, "carbon", 6)
110
+ color: `${themeColor(theme2, "carbon", 6)} !important`
111
111
  },
112
112
  "& .mantine-PasswordInput-innerInput": {
113
113
  ...passwordInnerInputSize,
114
114
  "&::placeholder": {
115
- color: themeColor(theme2, "carbon", 6)
115
+ color: `${themeColor(theme2, "carbon", 6)} !important`
116
116
  }
117
117
  }
118
118
  },
@@ -134,7 +134,7 @@ function getInputStyles(theme2, props) {
134
134
  borderColor: themeColor(theme2, "red", 4)
135
135
  },
136
136
  "&::placeholder": {
137
- color: themeColor(theme2, "carbon", 2)
137
+ color: `${themeColor(theme2, "carbon", 6)} !important`
138
138
  }
139
139
  }
140
140
  }
@@ -624,7 +624,7 @@ const theme = createTheme.createTheme({
624
624
  },
625
625
  inputField: {
626
626
  "&::placeholder": {
627
- color: themeColor(theme2, "carbon", 6)
627
+ color: `${themeColor(theme2, "carbon", 6)} !important`
628
628
  }
629
629
  },
630
630
  pill: {
package/dist/theme/theme.mjs CHANGED
@@ -52,7 +52,7 @@ function getInputStyles(theme2, props) {
52
52
  ...passwordInnerInputSize
53
53
  },
54
54
  "&::placeholder": {
55
- color: themeColor(theme2, "carbon", 6)
55
+ color: `${themeColor(theme2, "carbon", 6)} !important`
56
56
  }
57
57
  }
58
58
  };
@@ -69,7 +69,7 @@ function getInputStyles(theme2, props) {
69
69
  ...passwordInnerInputSize
70
70
  },
71
71
  "&::placeholder": {
72
- color: themeColor(theme2, "carbon", 6)
72
+ color: `${themeColor(theme2, "carbon", 6)} !important`
73
73
  }
74
74
  }
75
75
  };
@@ -105,12 +105,12 @@ function getInputStyles(theme2, props) {
105
105
  opacity: 1
106
106
  },
107
107
  "&::placeholder": {
108
- color: themeColor(theme2, "carbon", 6)
108
+ color: `${themeColor(theme2, "carbon", 6)} !important`
109
109
  },
110
110
  "& .mantine-PasswordInput-innerInput": {
111
111
  ...passwordInnerInputSize,
112
112
  "&::placeholder": {
113
- color: themeColor(theme2, "carbon", 6)
113
+ color: `${themeColor(theme2, "carbon", 6)} !important`
114
114
  }
115
115
  }
116
116
  },
@@ -132,7 +132,7 @@ function getInputStyles(theme2, props) {
132
132
  borderColor: themeColor(theme2, "red", 4)
133
133
  },
134
134
  "&::placeholder": {
135
- color: themeColor(theme2, "carbon", 2)
135
+ color: `${themeColor(theme2, "carbon", 6)} !important`
136
136
  }
137
137
  }
138
138
  }
@@ -622,7 +622,7 @@ const theme = createTheme({
622
622
  },
623
623
  inputField: {
624
624
  "&::placeholder": {
625
- color: themeColor(theme2, "carbon", 6)
625
+ color: `${themeColor(theme2, "carbon", 6)} !important`
626
626
  }
627
627
  },
628
628
  pill: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tidbcloud/uikit",
3
- "version": "2.0.4",
3
+ "version": "2.0.6",
4
4
  "description": "tidbcloud uikit",
5
5
  "type": "module",
6
6
  "main": "dist/primitive/index.cjs",