@ttoss/ui 5.4.0 → 5.5.1
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/dist/esm/index.js +17 -5
- package/package.json +2 -2
package/dist/esm/index.js
CHANGED
|
@@ -386,8 +386,9 @@ var Input = React6.forwardRef(({
|
|
|
386
386
|
...inputProps
|
|
387
387
|
}, ref) => {
|
|
388
388
|
const trailingIcon = inputProps["aria-invalid"] ? "warning-alt" : trailingIconProp;
|
|
389
|
+
const isWarning = !inputProps["aria-invalid"] && trailingIcon === "warning-alt";
|
|
389
390
|
return /* @__PURE__ */jsxs4(Flex, {
|
|
390
|
-
className
|
|
391
|
+
className: `${className} ${isWarning ? "is-warning" : ""}`,
|
|
391
392
|
sx: {
|
|
392
393
|
...sx,
|
|
393
394
|
position: "relative",
|
|
@@ -425,7 +426,9 @@ var Input = React6.forwardRef(({
|
|
|
425
426
|
position: "absolute",
|
|
426
427
|
right: "1rem",
|
|
427
428
|
alignSelf: "center",
|
|
428
|
-
|
|
429
|
+
color: isWarning ? "feedback.text.caution.default" : void 0,
|
|
430
|
+
cursor: onTrailingIconClick ? "pointer" : "default",
|
|
431
|
+
fontSize: "xl"
|
|
429
432
|
},
|
|
430
433
|
variant: "trailing-icon",
|
|
431
434
|
onClick: onTrailingIconClick,
|
|
@@ -635,6 +638,7 @@ var Label = ({
|
|
|
635
638
|
fontSize: "sm",
|
|
636
639
|
lineHeight: "normal",
|
|
637
640
|
width: "fit-content",
|
|
641
|
+
color: "input.text.secondary.default",
|
|
638
642
|
...sx
|
|
639
643
|
},
|
|
640
644
|
...props,
|
|
@@ -696,7 +700,7 @@ var Control = props => {
|
|
|
696
700
|
if (hasError) {
|
|
697
701
|
return "display.border.negative.default";
|
|
698
702
|
}
|
|
699
|
-
return "";
|
|
703
|
+
return "display.border.muted.default";
|
|
700
704
|
})();
|
|
701
705
|
const backgroundColor = (() => {
|
|
702
706
|
if (isDisabled) {
|
|
@@ -710,7 +714,7 @@ var Control = props => {
|
|
|
710
714
|
borderColor,
|
|
711
715
|
backgroundColor,
|
|
712
716
|
paddingX: "4",
|
|
713
|
-
paddingY: "
|
|
717
|
+
paddingY: "3"
|
|
714
718
|
}
|
|
715
719
|
},
|
|
716
720
|
children: /* @__PURE__ */jsx16(components.Control, {
|
|
@@ -994,7 +998,15 @@ var Tooltip = props => {
|
|
|
994
998
|
borderRadius: "xl",
|
|
995
999
|
borderColor: themeColors?.feedback?.border?.primary?.default,
|
|
996
1000
|
zIndex: "tooltip",
|
|
997
|
-
opacity: "1"
|
|
1001
|
+
opacity: "1",
|
|
1002
|
+
lineHeight: "shorter",
|
|
1003
|
+
letterSpacing: "wide",
|
|
1004
|
+
a: {
|
|
1005
|
+
color: "input.text.primary.default",
|
|
1006
|
+
fontFamily: "body",
|
|
1007
|
+
textDecorationLine: "underline",
|
|
1008
|
+
lineHeight: "normal"
|
|
1009
|
+
}
|
|
998
1010
|
}
|
|
999
1011
|
};
|
|
1000
1012
|
},
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ttoss/ui",
|
|
3
|
-
"version": "5.
|
|
3
|
+
"version": "5.5.1",
|
|
4
4
|
"description": "Primitive layout, typographic, and other components for styling applications.",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "ttoss",
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
"react-select": "^5.9.0",
|
|
29
29
|
"react-tooltip": "^5.28.0",
|
|
30
30
|
"theme-ui": "^0.17.1",
|
|
31
|
-
"@ttoss/theme": "^2.
|
|
31
|
+
"@ttoss/theme": "^2.5.0"
|
|
32
32
|
},
|
|
33
33
|
"peerDependencies": {
|
|
34
34
|
"@emotion/react": "^11",
|