@homebound/beam 3.95.0 → 3.96.0
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/index.cjs +23 -3
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js +23 -3
- package/dist/index.js.map +1 -1
- package/dist/truss.css +6 -0
- package/package.json +1 -1
package/dist/index.d.cts
CHANGED
|
@@ -4819,7 +4819,7 @@ declare function Avatar({ src, name, size, showName, preventTooltip, ...others }
|
|
|
4819
4819
|
type AvatarSize = "sm" | "md" | "lg" | "xl";
|
|
4820
4820
|
|
|
4821
4821
|
type TagXss = Margin | "backgroundColor" | "color";
|
|
4822
|
-
type TagType = "info" | "update" | "warning" | "error" | "success" | "neutral";
|
|
4822
|
+
type TagType = "info" | "update" | "warning" | "error" | "success" | "neutral" | "ai";
|
|
4823
4823
|
type TagVariant = "primary" | "secondary";
|
|
4824
4824
|
type TagPropsBase<X> = {
|
|
4825
4825
|
text: ReactNode;
|
package/dist/index.d.ts
CHANGED
|
@@ -4819,7 +4819,7 @@ declare function Avatar({ src, name, size, showName, preventTooltip, ...others }
|
|
|
4819
4819
|
type AvatarSize = "sm" | "md" | "lg" | "xl";
|
|
4820
4820
|
|
|
4821
4821
|
type TagXss = Margin | "backgroundColor" | "color";
|
|
4822
|
-
type TagType = "info" | "update" | "warning" | "error" | "success" | "neutral";
|
|
4822
|
+
type TagType = "info" | "update" | "warning" | "error" | "success" | "neutral" | "ai";
|
|
4823
4823
|
type TagVariant = "primary" | "secondary";
|
|
4824
4824
|
type TagPropsBase<X> = {
|
|
4825
4825
|
text: ReactNode;
|
package/dist/index.js
CHANGED
|
@@ -24565,15 +24565,27 @@ function Tag(props) {
|
|
|
24565
24565
|
}
|
|
24566
24566
|
function getVariantStyles(variant, type) {
|
|
24567
24567
|
if (variant === "secondary") {
|
|
24568
|
+
const isAi = type === "ai";
|
|
24568
24569
|
return {
|
|
24569
|
-
background: {
|
|
24570
|
+
background: isAi ? {
|
|
24571
|
+
backgroundColor: "bgWhite",
|
|
24572
|
+
borderColor: "bcPurple600",
|
|
24573
|
+
borderWidth: "bw1",
|
|
24574
|
+
borderStyle: "bss",
|
|
24575
|
+
color: "purple800"
|
|
24576
|
+
} : {
|
|
24570
24577
|
backgroundColor: "bgWhite",
|
|
24571
24578
|
borderColor: "bcGray300",
|
|
24572
24579
|
borderWidth: "bw1",
|
|
24573
24580
|
borderStyle: "bss"
|
|
24574
24581
|
},
|
|
24575
|
-
|
|
24576
|
-
|
|
24582
|
+
// Note: Ai tags shouldn't be using any icon, the purple outline/text is enough
|
|
24583
|
+
iconColor: isAi ? "rgba(124, 58, 237, 1)" /* Purple600 */ : "rgba(100, 100, 100, 1)" /* Gray700 */,
|
|
24584
|
+
typography: isAi ? {
|
|
24585
|
+
fontWeight: "fw6",
|
|
24586
|
+
fontSize: "fz_12px",
|
|
24587
|
+
lineHeight: "lh_16px"
|
|
24588
|
+
} : {
|
|
24577
24589
|
fontWeight: "fw4",
|
|
24578
24590
|
fontSize: "fz_12px",
|
|
24579
24591
|
lineHeight: "lh_16px"
|
|
@@ -24635,6 +24647,14 @@ function getPrimaryStyles(type) {
|
|
|
24635
24647
|
},
|
|
24636
24648
|
iconColor: "rgba(5, 150, 105, 1)" /* Green600 */
|
|
24637
24649
|
};
|
|
24650
|
+
// Note: Ai tags shouldn't be using any icon, the purple background is enough
|
|
24651
|
+
case "ai":
|
|
24652
|
+
return {
|
|
24653
|
+
background: {
|
|
24654
|
+
backgroundColor: "bgPurple200"
|
|
24655
|
+
},
|
|
24656
|
+
iconColor: "rgba(124, 58, 237, 1)" /* Purple600 */
|
|
24657
|
+
};
|
|
24638
24658
|
default:
|
|
24639
24659
|
return {
|
|
24640
24660
|
background: {
|