@tidbcloud/uikit 2.0.0-beta.34 → 2.0.0-beta.35
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.
- package/CHANGELOG.md +6 -0
- package/dist/theme/theme.cjs +21 -3
- package/dist/theme/theme.js +21 -3
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
package/dist/theme/theme.cjs
CHANGED
|
@@ -165,8 +165,11 @@ const getInputStyles = (theme2, params) => {
|
|
|
165
165
|
input: {
|
|
166
166
|
...matches.input,
|
|
167
167
|
color: theme2.colors.carbon[8],
|
|
168
|
-
border: `1px solid ${theme2.colors.carbon[
|
|
168
|
+
border: `1px solid ${theme2.colors.carbon[4]}`,
|
|
169
169
|
backgroundColor: theme2.colors.carbon[0],
|
|
170
|
+
"&:hover:not(:disabled):not(:focus)": {
|
|
171
|
+
borderColor: theme2.colors.carbon[5]
|
|
172
|
+
},
|
|
170
173
|
"&:focus": {
|
|
171
174
|
borderColor: theme2.colors.carbon[9]
|
|
172
175
|
},
|
|
@@ -499,7 +502,21 @@ const theme = {
|
|
|
499
502
|
},
|
|
500
503
|
input: {
|
|
501
504
|
...matches.input,
|
|
502
|
-
color: theme2.colors.carbon[8]
|
|
505
|
+
color: theme2.colors.carbon[8],
|
|
506
|
+
...params.variant === "unstyled" && {
|
|
507
|
+
border: "none",
|
|
508
|
+
"&:disabled": {
|
|
509
|
+
color: theme2.colors.carbon[7]
|
|
510
|
+
}
|
|
511
|
+
},
|
|
512
|
+
...params.variant === "filled" && {
|
|
513
|
+
backgroundColor: theme2.colors.carbon[2],
|
|
514
|
+
borderColor: "transparent",
|
|
515
|
+
"&:disabled": {
|
|
516
|
+
color: theme2.colors.carbon[6],
|
|
517
|
+
cursor: "not-allowed"
|
|
518
|
+
}
|
|
519
|
+
}
|
|
503
520
|
},
|
|
504
521
|
item: {
|
|
505
522
|
transition: "background 150ms ease-in-out",
|
|
@@ -509,7 +526,8 @@ const theme = {
|
|
|
509
526
|
backgroundColor: theme2.colors.carbon[3]
|
|
510
527
|
},
|
|
511
528
|
"&[data-selected]": {
|
|
512
|
-
color: theme2.colors.
|
|
529
|
+
color: theme2.colors.carbon[8],
|
|
530
|
+
fontWeight: 700,
|
|
513
531
|
backgroundColor: "transparent",
|
|
514
532
|
"&:hover": {
|
|
515
533
|
backgroundColor: theme2.colors.carbon[3]
|
package/dist/theme/theme.js
CHANGED
|
@@ -163,8 +163,11 @@ const getInputStyles = (theme2, params) => {
|
|
|
163
163
|
input: {
|
|
164
164
|
...matches.input,
|
|
165
165
|
color: theme2.colors.carbon[8],
|
|
166
|
-
border: `1px solid ${theme2.colors.carbon[
|
|
166
|
+
border: `1px solid ${theme2.colors.carbon[4]}`,
|
|
167
167
|
backgroundColor: theme2.colors.carbon[0],
|
|
168
|
+
"&:hover:not(:disabled):not(:focus)": {
|
|
169
|
+
borderColor: theme2.colors.carbon[5]
|
|
170
|
+
},
|
|
168
171
|
"&:focus": {
|
|
169
172
|
borderColor: theme2.colors.carbon[9]
|
|
170
173
|
},
|
|
@@ -497,7 +500,21 @@ const theme = {
|
|
|
497
500
|
},
|
|
498
501
|
input: {
|
|
499
502
|
...matches.input,
|
|
500
|
-
color: theme2.colors.carbon[8]
|
|
503
|
+
color: theme2.colors.carbon[8],
|
|
504
|
+
...params.variant === "unstyled" && {
|
|
505
|
+
border: "none",
|
|
506
|
+
"&:disabled": {
|
|
507
|
+
color: theme2.colors.carbon[7]
|
|
508
|
+
}
|
|
509
|
+
},
|
|
510
|
+
...params.variant === "filled" && {
|
|
511
|
+
backgroundColor: theme2.colors.carbon[2],
|
|
512
|
+
borderColor: "transparent",
|
|
513
|
+
"&:disabled": {
|
|
514
|
+
color: theme2.colors.carbon[6],
|
|
515
|
+
cursor: "not-allowed"
|
|
516
|
+
}
|
|
517
|
+
}
|
|
501
518
|
},
|
|
502
519
|
item: {
|
|
503
520
|
transition: "background 150ms ease-in-out",
|
|
@@ -507,7 +524,8 @@ const theme = {
|
|
|
507
524
|
backgroundColor: theme2.colors.carbon[3]
|
|
508
525
|
},
|
|
509
526
|
"&[data-selected]": {
|
|
510
|
-
color: theme2.colors.
|
|
527
|
+
color: theme2.colors.carbon[8],
|
|
528
|
+
fontWeight: 700,
|
|
511
529
|
backgroundColor: "transparent",
|
|
512
530
|
"&:hover": {
|
|
513
531
|
backgroundColor: theme2.colors.carbon[3]
|