myshell-react-lib 0.1.31 → 0.1.34
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 +26 -22
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +4 -4
- package/dist/index.d.ts +4 -4
- package/dist/index.js +26 -22
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.d.cts
CHANGED
|
@@ -510,7 +510,7 @@ interface ImageProps {
|
|
|
510
510
|
declare function Image({ className, imgClassName, placeholder, width, height, src, rounded, fallback, object, isBackgroud, preview, fetchPriority, loading, ...otherProps }: ImageProps): react_jsx_runtime.JSX.Element;
|
|
511
511
|
|
|
512
512
|
type InputProps = Omit<React$1.InputHTMLAttributes<HTMLInputElement>, 'size'> & {
|
|
513
|
-
rounded?: '
|
|
513
|
+
rounded?: 'none' | 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | 'full' | null | undefined;
|
|
514
514
|
size?: 'xs' | 'sm' | 'md' | 'lg' | null | undefined;
|
|
515
515
|
isFull?: boolean;
|
|
516
516
|
border?: 'none' | 'default' | null | undefined;
|
|
@@ -519,7 +519,7 @@ type InputProps = Omit<React$1.InputHTMLAttributes<HTMLInputElement>, 'size'> &
|
|
|
519
519
|
background?: 'none' | 'default' | null | undefined;
|
|
520
520
|
};
|
|
521
521
|
declare const Input: React$1.ForwardRefExoticComponent<Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "size"> & {
|
|
522
|
-
rounded?: "
|
|
522
|
+
rounded?: "none" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "full" | null | undefined;
|
|
523
523
|
size?: "xs" | "sm" | "md" | "lg" | null | undefined;
|
|
524
524
|
isFull?: boolean;
|
|
525
525
|
border?: "none" | "default" | null | undefined;
|
|
@@ -776,13 +776,13 @@ type INavigationBar = {
|
|
|
776
776
|
declare function NavigationBar({ showSearchBar, searchValue, searchPlaceholder, title, children, energy, dailyEnergy, onSearchChange, }: INavigationBar): react_jsx_runtime.JSX.Element;
|
|
777
777
|
|
|
778
778
|
type INumberInputProps = Omit<React__default.InputHTMLAttributes<HTMLInputElement>, 'size'> & {
|
|
779
|
-
rounded?: '
|
|
779
|
+
rounded?: 'none' | 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | 'full' | null | undefined;
|
|
780
780
|
size?: 'xs' | 'sm' | 'md' | 'lg' | null | undefined;
|
|
781
781
|
isFull?: boolean;
|
|
782
782
|
controls?: boolean;
|
|
783
783
|
};
|
|
784
784
|
declare const NumberInput: React__default.ForwardRefExoticComponent<Omit<React__default.InputHTMLAttributes<HTMLInputElement>, "size"> & {
|
|
785
|
-
rounded?: "
|
|
785
|
+
rounded?: "none" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "full" | null | undefined;
|
|
786
786
|
size?: "xs" | "sm" | "md" | "lg" | null | undefined;
|
|
787
787
|
isFull?: boolean;
|
|
788
788
|
controls?: boolean;
|
package/dist/index.d.ts
CHANGED
|
@@ -510,7 +510,7 @@ interface ImageProps {
|
|
|
510
510
|
declare function Image({ className, imgClassName, placeholder, width, height, src, rounded, fallback, object, isBackgroud, preview, fetchPriority, loading, ...otherProps }: ImageProps): react_jsx_runtime.JSX.Element;
|
|
511
511
|
|
|
512
512
|
type InputProps = Omit<React$1.InputHTMLAttributes<HTMLInputElement>, 'size'> & {
|
|
513
|
-
rounded?: '
|
|
513
|
+
rounded?: 'none' | 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | 'full' | null | undefined;
|
|
514
514
|
size?: 'xs' | 'sm' | 'md' | 'lg' | null | undefined;
|
|
515
515
|
isFull?: boolean;
|
|
516
516
|
border?: 'none' | 'default' | null | undefined;
|
|
@@ -519,7 +519,7 @@ type InputProps = Omit<React$1.InputHTMLAttributes<HTMLInputElement>, 'size'> &
|
|
|
519
519
|
background?: 'none' | 'default' | null | undefined;
|
|
520
520
|
};
|
|
521
521
|
declare const Input: React$1.ForwardRefExoticComponent<Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "size"> & {
|
|
522
|
-
rounded?: "
|
|
522
|
+
rounded?: "none" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "full" | null | undefined;
|
|
523
523
|
size?: "xs" | "sm" | "md" | "lg" | null | undefined;
|
|
524
524
|
isFull?: boolean;
|
|
525
525
|
border?: "none" | "default" | null | undefined;
|
|
@@ -776,13 +776,13 @@ type INavigationBar = {
|
|
|
776
776
|
declare function NavigationBar({ showSearchBar, searchValue, searchPlaceholder, title, children, energy, dailyEnergy, onSearchChange, }: INavigationBar): react_jsx_runtime.JSX.Element;
|
|
777
777
|
|
|
778
778
|
type INumberInputProps = Omit<React__default.InputHTMLAttributes<HTMLInputElement>, 'size'> & {
|
|
779
|
-
rounded?: '
|
|
779
|
+
rounded?: 'none' | 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | 'full' | null | undefined;
|
|
780
780
|
size?: 'xs' | 'sm' | 'md' | 'lg' | null | undefined;
|
|
781
781
|
isFull?: boolean;
|
|
782
782
|
controls?: boolean;
|
|
783
783
|
};
|
|
784
784
|
declare const NumberInput: React__default.ForwardRefExoticComponent<Omit<React__default.InputHTMLAttributes<HTMLInputElement>, "size"> & {
|
|
785
|
-
rounded?: "
|
|
785
|
+
rounded?: "none" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "full" | null | undefined;
|
|
786
786
|
size?: "xs" | "sm" | "md" | "lg" | null | undefined;
|
|
787
787
|
isFull?: boolean;
|
|
788
788
|
controls?: boolean;
|
package/dist/index.js
CHANGED
|
@@ -5446,14 +5446,14 @@ var PopoverContent = React7.forwardRef(function(_param, ref) {
|
|
|
5446
5446
|
arrowPadding: arrowPadding,
|
|
5447
5447
|
side: side,
|
|
5448
5448
|
forceMount: true,
|
|
5449
|
-
className: cn("relative z-[49] mx-4 w-fit max-w-72 rounded-md border border-Colors-Border-Opaque p-3 text-left text-xs shadow-modal-default outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 [&[data-state=open]>span]:animate-none", variant === "default" ? mode === "popover" ? "bg-Colors-Background-Normal-
|
|
5449
|
+
className: cn("relative z-[49] mx-4 w-fit max-w-72 rounded-md border border-Colors-Border-Opaque p-3 text-left text-xs shadow-modal-default outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 [&[data-state=open]>span]:animate-none", variant === "default" ? mode === "popover" ? "bg-Colors-Background-Normal-Secondary-Alt border-Colors-Border-Opaque text-Colors-Text-Default" : "bg-cc-Tooltip-bg-default text-cc-Tooltip-fg-default border border-cc-Tooltip-border-default" : "bg-Colors-Utility-Lake-Blue-50 text-Colors-Text-Static-White", className)
|
|
5450
5450
|
}, props), {
|
|
5451
5451
|
children: [
|
|
5452
5452
|
children,
|
|
5453
5453
|
showArrow && /* @__PURE__ */ jsx10(PopoverPrimitive.Arrow, {
|
|
5454
5454
|
width: 16,
|
|
5455
5455
|
height: 6,
|
|
5456
|
-
className: cn("visible", variant === "default" ? mode === "popover" ? "fill-[var(--Colors-Background-Normal-
|
|
5456
|
+
className: cn("visible", variant === "default" ? mode === "popover" ? "fill-[var(--Colors-Background-Normal-Secondary-Alt)]" : "fill-cc-Tooltip-bg-default" : "fill-Colors-Utility-Lake-Blue-50")
|
|
5457
5457
|
})
|
|
5458
5458
|
]
|
|
5459
5459
|
}))
|
|
@@ -5554,6 +5554,7 @@ var Tooltip = React8.forwardRef(function(_param, ref) {
|
|
|
5554
5554
|
}
|
|
5555
5555
|
return /* @__PURE__ */ jsx11(Fragment3, {
|
|
5556
5556
|
children: isDesktop ? /* @__PURE__ */ jsx11(TooltipProvider, {
|
|
5557
|
+
delayDuration: 100,
|
|
5557
5558
|
children: /* @__PURE__ */ jsxs5(TooltipPrimitive.Root, {
|
|
5558
5559
|
open: disabled || !description && !title ? false : open,
|
|
5559
5560
|
defaultOpen: defaultOpen,
|
|
@@ -5693,7 +5694,7 @@ var COMPOUND_VARIANTS = [
|
|
|
5693
5694
|
{
|
|
5694
5695
|
variant: "plain",
|
|
5695
5696
|
color: "default",
|
|
5696
|
-
className: "text-cc-Button-Plain-fg-default hover:bg-cc-Button-Plain-bg-hover
|
|
5697
|
+
className: "text-cc-Button-Plain-fg-default hover:bg-cc-Button-Plain-bg-hover active:bg-cc-Button-Plain-bg-active disabled:text-cc-Button-Plain-fg-alt"
|
|
5697
5698
|
},
|
|
5698
5699
|
{
|
|
5699
5700
|
variant: "plain",
|
|
@@ -5994,7 +5995,7 @@ var Avatar = React11.forwardRef(function(_param, ref) {
|
|
|
5994
5995
|
"variant",
|
|
5995
5996
|
"border"
|
|
5996
5997
|
]);
|
|
5997
|
-
var defaultSrc = variant === "user" ? "https://www.myshellstatic.com/
|
|
5998
|
+
var defaultSrc = variant === "user" ? "https://www.myshellstatic.com/image/user/avatar/20250414/default_user_avatar.png" : "https://www.myshellstatic.com/image/bot/icon/20250414/default_bot_avatar.png";
|
|
5998
5999
|
return /* @__PURE__ */ jsx16(AvatarRoot, {
|
|
5999
6000
|
size: size,
|
|
6000
6001
|
className: cn(border && "border-Colors-Border-Default border-[0.3px]", className),
|
|
@@ -6019,7 +6020,7 @@ var badgeVariants = cva7("rounded-full flex items-center justify-center text-Col
|
|
|
6019
6020
|
public: "w-2.5 h-2.5 bg-Colors-Utit border-[2px] bg-Colors-Utility-Lake-Blue-50 border-Colors-Utility-Lake-Blue-10",
|
|
6020
6021
|
private: "w-2.5 h-2.5 bg-Colors-Utility-Khaki-50 border-Colors-Utility-Khaki-10 border-[2px]",
|
|
6021
6022
|
hidden: "w-2.5 h-2.5 bg-Colors-Utility-Gray-40 border-Colors-Utility-Gray-10 border-[2px]",
|
|
6022
|
-
new: "w-
|
|
6023
|
+
new: "w-9 h-4.5 flex juctify-center items-center bg-Colors-Foreground-Critical-Default px-1.5"
|
|
6023
6024
|
}
|
|
6024
6025
|
},
|
|
6025
6026
|
defaultVariants: {
|
|
@@ -6034,7 +6035,7 @@ function Badge(props) {
|
|
|
6034
6035
|
status: status
|
|
6035
6036
|
}), className),
|
|
6036
6037
|
children: status === "new" ? /* @__PURE__ */ jsx17("span", {
|
|
6037
|
-
className: "text-2xs font-medium text-Colors-Text-Static-White leading-[
|
|
6038
|
+
className: "text-2xs font-medium text-Colors-Text-Static-White leading-[12px]",
|
|
6038
6039
|
children: "New"
|
|
6039
6040
|
}) : /* @__PURE__ */ jsx17("span", {
|
|
6040
6041
|
className: "font-medium text-2xs leading-[1.3]",
|
|
@@ -6986,7 +6987,7 @@ import { cva as cva11 } from "class-variance-authority";
|
|
|
6986
6987
|
import * as React20 from "react";
|
|
6987
6988
|
import { jsx as jsx29 } from "react/jsx-runtime";
|
|
6988
6989
|
var Input = React20.forwardRef(function(_param, ref) {
|
|
6989
|
-
var className = _param.className, type = _param.type, _param_autoComplete = _param.autoComplete, autoComplete = _param_autoComplete === void 0 ? "off" : _param_autoComplete, _param_isFull = _param.isFull, isFull = _param_isFull === void 0 ? true : _param_isFull, _param_rounded = _param.rounded, rounded = _param_rounded === void 0 ? "
|
|
6990
|
+
var className = _param.className, type = _param.type, _param_autoComplete = _param.autoComplete, autoComplete = _param_autoComplete === void 0 ? "off" : _param_autoComplete, _param_isFull = _param.isFull, isFull = _param_isFull === void 0 ? true : _param_isFull, _param_rounded = _param.rounded, rounded = _param_rounded === void 0 ? "sm" : _param_rounded, _param_size = _param.size, size = _param_size === void 0 ? "sm" : _param_size, _param_border = _param.border, border = _param_border === void 0 ? "default" : _param_border, _param_outline = _param.outline, outline = _param_outline === void 0 ? "default" : _param_outline, _param_background = _param.background, background = _param_background === void 0 ? "default" : _param_background, _param_shadow = _param.shadow, shadow = _param_shadow === void 0 ? "default" : _param_shadow, props = _object_without_properties(_param, [
|
|
6990
6991
|
"className",
|
|
6991
6992
|
"type",
|
|
6992
6993
|
"autoComplete",
|
|
@@ -7003,13 +7004,16 @@ var Input = React20.forwardRef(function(_param, ref) {
|
|
|
7003
7004
|
variants: {
|
|
7004
7005
|
rounded: {
|
|
7005
7006
|
none: "rounded-none",
|
|
7006
|
-
|
|
7007
|
-
|
|
7008
|
-
|
|
7009
|
-
|
|
7007
|
+
xxs: "rounded-xxs",
|
|
7008
|
+
xs: "rounded-xs",
|
|
7009
|
+
sm: "rounded-sm",
|
|
7010
|
+
md: "rounded-md",
|
|
7011
|
+
lg: "rounded-lg",
|
|
7010
7012
|
xl: "rounded-xl",
|
|
7011
7013
|
"2xl": "rounded-2xl",
|
|
7012
7014
|
"3xl": "rounded-3xl",
|
|
7015
|
+
"4xl": "rounded-4xl",
|
|
7016
|
+
"5xl": "rounded-5xl",
|
|
7013
7017
|
full: "rounded-full"
|
|
7014
7018
|
},
|
|
7015
7019
|
size: {
|
|
@@ -7895,7 +7899,7 @@ var Modal = function(_param) {
|
|
|
7895
7899
|
var isMobile2 = useMedia4("(max-width: 768px)");
|
|
7896
7900
|
if (isMobile2 && !modalOnly && !isNotification) {
|
|
7897
7901
|
var drawerContent = /* @__PURE__ */ jsxs17(DrawerPrimitive2.Content, {
|
|
7898
|
-
className: cn("fixed inset-x-0 bottom-0 z-50 h-auto overflow-hidden no-scrollbar border-Colors-Border-Opaque bg-Colors-Background-Normal-Secondary-Alt shadow-modal-default focus:outline-none", fullScreen ? "rounded-t-none max-h-full" : "rounded-t-
|
|
7902
|
+
className: cn("fixed inset-x-0 bottom-0 z-50 h-auto overflow-hidden no-scrollbar border-Colors-Border-Opaque bg-Colors-Background-Normal-Secondary-Alt shadow-modal-default focus:outline-none", fullScreen ? "rounded-t-none max-h-full" : "rounded-t-md max-h-[85vh]", contentClassName),
|
|
7899
7903
|
onOpenAutoFocus: function(e) {
|
|
7900
7904
|
!autoFocus && e.preventDefault();
|
|
7901
7905
|
},
|
|
@@ -7990,7 +7994,7 @@ var Modal = function(_param) {
|
|
|
7990
7994
|
}
|
|
7991
7995
|
};
|
|
7992
7996
|
var dialogContent = /* @__PURE__ */ jsxs17(ModalContent, {
|
|
7993
|
-
className: cn("rounded-
|
|
7997
|
+
className: cn("rounded-md border-Colors-Border-Opaque bg-Colors-Background-Normal-Primary-Default shadow-modal-default overflow-hidden", !isMobile2 ? modalVariants({
|
|
7994
7998
|
size: size,
|
|
7995
7999
|
zIndex: zIndex
|
|
7996
8000
|
}) : isLogin ? "w-[90%]" : "w-[80%]", isNotification && "w-[312px] md:w-[380px]", contentClassName),
|
|
@@ -8071,7 +8075,7 @@ var Modal = function(_param) {
|
|
|
8071
8075
|
icon: XMarkIcon,
|
|
8072
8076
|
size: "md",
|
|
8073
8077
|
variant: "plain",
|
|
8074
|
-
color: "
|
|
8078
|
+
color: "gray",
|
|
8075
8079
|
className: iconClassName
|
|
8076
8080
|
}),
|
|
8077
8081
|
/* @__PURE__ */ jsx34("span", {
|
|
@@ -11128,7 +11132,7 @@ var SelectContent = React32.forwardRef(function(_param, ref) {
|
|
|
11128
11132
|
return /* @__PURE__ */ jsx46(SelectPrimitive.Portal, {
|
|
11129
11133
|
children: /* @__PURE__ */ jsx46(SelectPrimitive.Content, _object_spread_props(_object_spread({
|
|
11130
11134
|
ref: ref,
|
|
11131
|
-
className: cn("relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-sm border border-Colors-Border-Opaque bg-Colors-Background-Normal-Primary-Default text-Colors-Text-Default shadow-
|
|
11135
|
+
className: cn("relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-sm border border-Colors-Border-Opaque bg-Colors-Background-Normal-Primary-Default text-Colors-Text-Default shadow-modal-default data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", className),
|
|
11132
11136
|
position: position
|
|
11133
11137
|
}, props), {
|
|
11134
11138
|
children: /* @__PURE__ */ jsx46(SelectPrimitive.Viewport, {
|
|
@@ -11613,7 +11617,7 @@ import { jsx as jsx52, jsxs as jsxs30 } from "react/jsx-runtime";
|
|
|
11613
11617
|
var TabsRoot = TabsPrimitive.Tabs;
|
|
11614
11618
|
var TabsList = TabsPrimitive.List;
|
|
11615
11619
|
var TabsTrigger = TabsPrimitive.Trigger;
|
|
11616
|
-
var tabListVariants = cva17("w-full relative inline-flex items-center
|
|
11620
|
+
var tabListVariants = cva17("w-full relative inline-flex items-center overflow-hidden", {
|
|
11617
11621
|
variants: {
|
|
11618
11622
|
size: {
|
|
11619
11623
|
sm: "h-6",
|
|
@@ -11621,9 +11625,9 @@ var tabListVariants = cva17("w-full relative inline-flex items-center justify-ce
|
|
|
11621
11625
|
lg: "h-11"
|
|
11622
11626
|
},
|
|
11623
11627
|
variant: {
|
|
11624
|
-
button: "border border-Colors-Border-Default bg-cc-Tabbar-bg-default text-cc-Tabbar-fg-default p-0.5",
|
|
11625
|
-
underline: "border-b border-Colors-Border-Default space-x-6 rounded-none",
|
|
11626
|
-
icon: "border border-Colors-Border-Default bg-cc-Tabbar-bg-default text-cc-Tabbar-fg-default p-0.5"
|
|
11628
|
+
button: "justify-center border border-Colors-Border-Default bg-cc-Tabbar-bg-default text-cc-Tabbar-fg-default p-0.5",
|
|
11629
|
+
underline: "justify-start border-b border-Colors-Border-Default space-x-6 rounded-none",
|
|
11630
|
+
icon: "justify-center border border-Colors-Border-Default bg-cc-Tabbar-bg-default text-cc-Tabbar-fg-default p-0.5"
|
|
11627
11631
|
},
|
|
11628
11632
|
rounded: {
|
|
11629
11633
|
default: "",
|
|
@@ -11824,7 +11828,7 @@ var Tab = React36.forwardRef(function(_param, ref) {
|
|
|
11824
11828
|
"onClickCallback"
|
|
11825
11829
|
]);
|
|
11826
11830
|
return /* @__PURE__ */ jsx52(Tooltip, _object_spread_props(_object_spread({
|
|
11827
|
-
triggerClassName: cn("
|
|
11831
|
+
triggerClassName: cn("h-full flex justify-center items-center", variant === "underline" ? "w-fit justify-start items-end" : "w-full flex-1")
|
|
11828
11832
|
}, tooltip), {
|
|
11829
11833
|
children: /* @__PURE__ */ jsx52(TabsPrimitive.Trigger, _object_spread_props(_object_spread({
|
|
11830
11834
|
ref: ref,
|
|
@@ -11907,7 +11911,7 @@ var Textarea = React37.forwardRef(function(_param, ref) {
|
|
|
11907
11911
|
className: "relative",
|
|
11908
11912
|
children: [
|
|
11909
11913
|
/* @__PURE__ */ jsx53("textarea", _object_spread({
|
|
11910
|
-
className: cn("w-full min-h-[123px] p-3 pb-10 rounded-
|
|
11914
|
+
className: cn("w-full min-h-[123px] p-3 pb-10 rounded-sm border border-Colors-Border-Default bg-Colors-Background-Normal-Primary-Active ", "text-sm text-Colors-Text-Default placeholder:text-Colors-Text-Subtlest", "hover:border-Colors-Border-Hover bg-cc-Input-bg-default hover:bg-cc-Input-bg-hover disabled:bg-cc-Input-bg-disabled aria-[invalid=true]:border-Colors-Border-Critical aria-[invalid=true]:hover:bg-Colors-Background-Critical-Subtle", "aria-[invalid=true]:focus-visible:ring-error file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-Colors-Text-Subtler", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-cc-Focus-Rings-Brand-default focus-visible:ring-offset-1 disabled:cursor-not-allowed disabled:opacity-30", maxLength && ((value1 === null || value1 === void 0 ? void 0 : (_value_toString = value1.toString()) === null || _value_toString === void 0 ? void 0 : _value_toString.length) || 0) > maxLength || error ? "border-Colors-Border-Critical hover:bg-Colors-Background-Critical-Subtle focus-visible:ring-error" : "", className),
|
|
11911
11915
|
ref: ref,
|
|
11912
11916
|
maxLength: maxLength,
|
|
11913
11917
|
value: value1
|
|
@@ -12026,7 +12030,7 @@ ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;
|
|
|
12026
12030
|
// src/components/chips.tsx
|
|
12027
12031
|
import { cva as cva19 } from "class-variance-authority";
|
|
12028
12032
|
import { jsx as jsx56, jsxs as jsxs32 } from "react/jsx-runtime";
|
|
12029
|
-
var chipsVariants = cva19('min-w-10 flex items-center justify-center text-Colors-Text-Subtle rounded-sm border px-1.5 text-sm cursor-pointer focus-visible:ring-2 focus-visible:ring-cc-Focus-Rings-Brand-default focus-visible:ring-offset-1 data-[disabled="true"]:cursor-not-allowed', {
|
|
12033
|
+
var chipsVariants = cva19('min-w-10 flex items-center justify-center text-Colors-Text-Subtle rounded-sm border px-1.5 text-sm cursor-pointer focus-visible:ring-2 focus-visible:ring-cc-Focus-Rings-Brand-default focus-visible:ring-offset-1 data-[disabled="true"]:cursor-not-allowed font-medium', {
|
|
12030
12034
|
variants: {
|
|
12031
12035
|
variant: {
|
|
12032
12036
|
primary: 'border-cc-Chips-Primary-border-default bg-cc-Chips-Primary-bg-default hover:bg-cc-Chips-Primary-bg-hover data-[selected="true"]:text-Colors-Text-Bolder data-[disabled="true"]:data-[selected="true"]:text-Colors-Text-Bolder data-[selected="true"]:bg-cc-Chips-Primary-bg-select data-[disabled="true"]:text-Colors-Text-Disabled data-[disabled="true"]:bg-cc-Chips-Primary-bg-disabled data-[disabled="true"]:data-[selected="true"]:bg-cc-Chips-Primary-bg-select-disabled',
|