myshell-react-lib 0.1.52 → 0.1.53
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 +22 -21
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +22 -21
- package/dist/index.js.map +1 -1
- package/dist/styles/global.scss +22 -0
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -4694,7 +4694,7 @@ function Image2(_param) {
|
|
|
4694
4694
|
}
|
|
4695
4695
|
// src/components/button/button.styles.ts
|
|
4696
4696
|
import { cva as cva4 } from "class-variance-authority";
|
|
4697
|
-
var BASE_BUTTON = "relative shrink-0 inline-flex items-center justify-center whitespace-nowrap rounded-sm font-medium transition-colors focus-visible:secondary-none focus-visible:shadow-none focus-visible:ring-
|
|
4697
|
+
var BASE_BUTTON = "relative shrink-0 inline-flex items-center justify-center whitespace-nowrap rounded-sm font-medium transition-colors focus-visible:secondary-none focus-visible:shadow-none focus-visible:ring-cc-Focus-Rings-Brand-default focus-visible:ring-offset-1 disabled:pointer-events-none disabled:shadow-none [&>span>svg]:text-inherit [&>span>span>svg]:text-inherit";
|
|
4698
4698
|
var SIZE_CLASSES = {
|
|
4699
4699
|
lg: {
|
|
4700
4700
|
base: "h-11",
|
|
@@ -5120,7 +5120,7 @@ var AlertDialogTrigger = React7.forwardRef(function(_param, ref) {
|
|
|
5120
5120
|
]);
|
|
5121
5121
|
return /* @__PURE__ */ jsx8(AlertDialogPrimitive.Trigger, _object_spread({
|
|
5122
5122
|
ref: ref,
|
|
5123
|
-
className: cn(
|
|
5123
|
+
className: cn(className)
|
|
5124
5124
|
}, props));
|
|
5125
5125
|
});
|
|
5126
5126
|
AlertDialogTrigger.displayName = AlertDialogPrimitive.Trigger.displayName;
|
|
@@ -5144,7 +5144,7 @@ var AlertDialogContent = React7.forwardRef(function(_param, ref) {
|
|
|
5144
5144
|
/* @__PURE__ */ jsx8(AlertDialogOverlay, {}),
|
|
5145
5145
|
/* @__PURE__ */ jsx8(AlertDialogPrimitive.Content, _object_spread({
|
|
5146
5146
|
ref: ref,
|
|
5147
|
-
className: cn("fixed left-[50%] top-[50%] z-50 grid w-full rounded-4xl max-w-lg translate-x-[-50%] translate-y-[-50%] bg-Colors-Background-Normal-Primary-Default shadow-modal-default duration-200 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-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] focus-visible:outline-none focus-visible:ring-
|
|
5147
|
+
className: cn("fixed left-[50%] top-[50%] z-50 grid w-full rounded-4xl max-w-lg translate-x-[-50%] translate-y-[-50%] bg-Colors-Background-Normal-Primary-Default shadow-modal-default duration-200 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-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] focus-visible:outline-none focus-visible:ring-cc-Focus-Rings-Brand-default focus-visible:ring-offset-1", className)
|
|
5148
5148
|
}, props))
|
|
5149
5149
|
]
|
|
5150
5150
|
});
|
|
@@ -5646,7 +5646,7 @@ var TooltipContent = React9.forwardRef(function(_param, ref) {
|
|
|
5646
5646
|
TooltipContent.displayName = TooltipPrimitive.Content.displayName;
|
|
5647
5647
|
// src/components/button/icon-button.styles.ts
|
|
5648
5648
|
import { cva as cva5 } from "class-variance-authority";
|
|
5649
|
-
var BASE_STYLES = "shrink-0 inline-flex items-center justify-center whitespace-nowrap rounded-sm font-medium transition-colors focus-visible:outline-none focus-visible:shadow-none focus-visible:ring-
|
|
5649
|
+
var BASE_STYLES = "shrink-0 inline-flex items-center justify-center whitespace-nowrap rounded-sm font-medium transition-colors focus-visible:outline-none focus-visible:shadow-none focus-visible:ring-cc-Focus-Rings-Brand-default focus-visible:ring-offset-1 disabled:pointer-events-none disabled:shadow-none";
|
|
5650
5650
|
var VARIANT_STYLES = {
|
|
5651
5651
|
primary: "",
|
|
5652
5652
|
secondary: "border shadow-none",
|
|
@@ -6218,7 +6218,7 @@ var CheckIcon = function(param) {
|
|
|
6218
6218
|
})
|
|
6219
6219
|
});
|
|
6220
6220
|
};
|
|
6221
|
-
var checkboxVariants = cva8("peer w-5 h-5 shrink-0 border-[1.5px] overflow-hidden flex items-center justify-center text-current focus-visible:outline-none focus-visible:ring-
|
|
6221
|
+
var checkboxVariants = cva8("peer w-5 h-5 shrink-0 border-[1.5px] overflow-hidden flex items-center justify-center text-current focus-visible:outline-none focus-visible:ring-cc-Focus-Rings-Brand-default", {
|
|
6222
6222
|
variants: {
|
|
6223
6223
|
variant: {
|
|
6224
6224
|
checkbox: "rounded-xxs border-cc-Check-Box-border-default hover:border-cc-Check-Box-border-hover data-[state=checked]:border-cc-Check-Box-bg-default hover:disabled:border-cc-Check-Box-border-disabled disabled:data-[state=checked]:border-cc-Check-Box-border-default focus-visible:border-cc-Check-Box-border-default focus-visible:ring-offset-1 disabled:bg-cc-Check-Box-bg-disabled disabled:cursor-not-allowed data-[state=checked]:bg-cc-Check-Box-bg-default data-[state=checked]:text-cc-Check-Box-fg-default hover:data-[state=checked]:bg-cc-Check-Box-bg-hovered disabled:data-[state=checked]:text-cc-Check-Box-fg-alt disabled:data-[state=checked]:bg-cc-Check-Box-bg-disabled",
|
|
@@ -6292,7 +6292,7 @@ var DialogTrigger = React15.forwardRef(function(_param, ref) {
|
|
|
6292
6292
|
]);
|
|
6293
6293
|
return /* @__PURE__ */ jsx21(DialogPrimitive.Trigger, _object_spread({
|
|
6294
6294
|
ref: ref,
|
|
6295
|
-
className: cn("focus-visible:outline-none focus-visible:shadow-none focus-visible:ring-
|
|
6295
|
+
className: cn("focus-visible:outline-none focus-visible:shadow-none focus-visible:ring-cc-Focus-Rings-Brand-default focus-visible:ring-offset-1", className)
|
|
6296
6296
|
}, props));
|
|
6297
6297
|
});
|
|
6298
6298
|
DialogTrigger.displayName = DialogPrimitive.Trigger.displayName;
|
|
@@ -6327,7 +6327,7 @@ var DialogContent = React15.forwardRef(function(_param, ref) {
|
|
|
6327
6327
|
}),
|
|
6328
6328
|
/* @__PURE__ */ jsxs10(DialogPrimitive.Content, _object_spread_props(_object_spread({
|
|
6329
6329
|
ref: ref,
|
|
6330
|
-
className: cn("fixed left-[50%] top-[50%] z-50 grid w-[90%] rounded-4xl max-w-lg translate-x-[-50%] translate-y-[-50%] bg-Colors-Background-Normal-Primary-Default shadow-modal-default duration-200 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-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] focus-visible:outline-none focus-visible:ring-
|
|
6330
|
+
className: cn("fixed left-[50%] top-[50%] z-50 grid w-[90%] rounded-4xl max-w-lg translate-x-[-50%] translate-y-[-50%] bg-Colors-Background-Normal-Primary-Default shadow-modal-default duration-200 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-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] focus-visible:outline-none focus-visible:ring-cc-Focus-Rings-Brand-default focus-visible:ring-offset-1 focus-visible:outline-0", className)
|
|
6331
6331
|
}, props), {
|
|
6332
6332
|
children: [
|
|
6333
6333
|
children,
|
|
@@ -7033,7 +7033,7 @@ var Input = React21.forwardRef(function(_param, ref) {
|
|
|
7033
7033
|
},
|
|
7034
7034
|
outline: {
|
|
7035
7035
|
none: "outline-none",
|
|
7036
|
-
default: "
|
|
7036
|
+
default: ""
|
|
7037
7037
|
},
|
|
7038
7038
|
background: {
|
|
7039
7039
|
none: "bg-transparent",
|
|
@@ -10688,7 +10688,7 @@ var RadioGroupItem = React30.forwardRef(function(_param, ref) {
|
|
|
10688
10688
|
]);
|
|
10689
10689
|
return /* @__PURE__ */ jsx41(RadioGroupPrimitive.Item, _object_spread_props(_object_spread({
|
|
10690
10690
|
ref: ref,
|
|
10691
|
-
className: cn("aspect-square h-5 w-5 rounded-full border-[1.5px] border-Colors-Border-Active text-transparent aria-checked:border-[6px] aria-checked:border-Colors-Utility-Lake-Blue-40 focus:outline-none focus-visible:ring-
|
|
10691
|
+
className: cn("aspect-square h-5 w-5 rounded-full border-[1.5px] border-Colors-Border-Active text-transparent aria-checked:border-[6px] aria-checked:border-Colors-Utility-Lake-Blue-40 focus:outline-none focus-visible:ring-cc-Focus-Rings-Brand-default focus-visible:ring-offset-1 disabled:cursor-not-allowed disabled:opacity-30", className)
|
|
10692
10692
|
}, props), {
|
|
10693
10693
|
children: /* @__PURE__ */ jsx41(RadioGroupPrimitive.Indicator, {
|
|
10694
10694
|
className: "flex items-center justify-center",
|
|
@@ -10898,7 +10898,7 @@ var Select = React33.forwardRef(function(_param, ref) {
|
|
|
10898
10898
|
/* @__PURE__ */ jsx45(SelectTrigger, {
|
|
10899
10899
|
className: cn(triggerClassName),
|
|
10900
10900
|
children: /* @__PURE__ */ jsxs25("div", {
|
|
10901
|
-
className: "flex items-center",
|
|
10901
|
+
className: "flex items-center space-x-1.5",
|
|
10902
10902
|
children: [
|
|
10903
10903
|
/* @__PURE__ */ jsx45(SelectIcon, {
|
|
10904
10904
|
icon: icon
|
|
@@ -11188,7 +11188,7 @@ function Skeleton(_param) {
|
|
|
11188
11188
|
"animate"
|
|
11189
11189
|
]);
|
|
11190
11190
|
return /* @__PURE__ */ jsx47("div", _object_spread({
|
|
11191
|
-
className: cn("rounded-sm bg-Colors-Background-Normal-Secondary-
|
|
11191
|
+
className: cn("rounded-sm bg-Colors-Background-Normal-Secondary-Hover", className, animate && "animate-pulse")
|
|
11192
11192
|
}, props));
|
|
11193
11193
|
}
|
|
11194
11194
|
// src/components/slider.tsx
|
|
@@ -11201,7 +11201,7 @@ var Slider = React35.forwardRef(function(_param, ref) {
|
|
|
11201
11201
|
"size"
|
|
11202
11202
|
]);
|
|
11203
11203
|
return /* @__PURE__ */ jsx48("div", {
|
|
11204
|
-
className: "w-full p-3 flex justify-center items-center h-10 rounded-md border border-Colors-Border-Default bg-Colors-Background-Normal-Primary-Active shadow-background-default text-sm text-Colors-Text-Default hover:border-Colors-Border-Hover hover:bg-Colors-Foreground-Subtle aria-[invalid=true]:border-Colors-Border-Critical aria-[invalid=true]:hover:border-Colors-Border-Critical aria-[invalid=true]:hover:bg-Colors-Utility-Terracotta-5 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-
|
|
11204
|
+
className: "w-full p-3 flex justify-center items-center h-10 rounded-md border border-Colors-Border-Default bg-Colors-Background-Normal-Primary-Active shadow-background-default text-sm text-Colors-Text-Default hover:border-Colors-Border-Hover hover:bg-Colors-Foreground-Subtle aria-[invalid=true]:border-Colors-Border-Critical aria-[invalid=true]:hover:border-Colors-Border-Critical aria-[invalid=true]:hover:bg-Colors-Utility-Terracotta-5 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-cc-Focus-Rings-Brand-default focus-visible:ring-offset-1 disabled:cursor-not-allowed disabled:opacity-30",
|
|
11205
11205
|
children: /* @__PURE__ */ jsxs27(SliderPrimitive.Root, _object_spread_props(_object_spread({
|
|
11206
11206
|
ref: ref,
|
|
11207
11207
|
className: cn("relative flex w-full touch-none select-none items-center", className)
|
|
@@ -11214,7 +11214,7 @@ var Slider = React35.forwardRef(function(_param, ref) {
|
|
|
11214
11214
|
})
|
|
11215
11215
|
}),
|
|
11216
11216
|
/* @__PURE__ */ jsx48(SliderPrimitive.Thumb, {
|
|
11217
|
-
className: cn("block rounded-full border-Colors-Utility-Lake-Blue-40 bg-Colors-Background-Normal-Primary-Default transition-colors focus-visible:outline-none focus-visible:ring-
|
|
11217
|
+
className: cn("block rounded-full border-Colors-Utility-Lake-Blue-40 bg-Colors-Background-Normal-Primary-Default transition-colors focus-visible:outline-none focus-visible:ring-cc-Focus-Rings-Brand-default focus-visible:ring-offset-1 data-[disabled]:pointer-events-none data-[disabled]:opacity-30", size === "sm" ? "w-2 h-2 border-[1.5px]" : "w-5 h-5 border-[3px]")
|
|
11218
11218
|
})
|
|
11219
11219
|
]
|
|
11220
11220
|
}))
|
|
@@ -11239,7 +11239,7 @@ var SliderSingle = React35.forwardRef(function(_param, ref) {
|
|
|
11239
11239
|
className: "flex w-full items-center space-x-1.5",
|
|
11240
11240
|
children: [
|
|
11241
11241
|
/* @__PURE__ */ jsx48("div", {
|
|
11242
|
-
className: cn("w-full p-3 flex justify-center items-center h-10 rounded-md border border-Colors-Border-Default bg-Colors-Background-Normal-Primary-Active shadow-background-default text-sm text-Colors-Text-Default hover:border-Colors-Border-Hover hover:bg-Colors-Foreground-Subtle aria-[invalid=true]:border-Colors-Border-Critical aria-[invalid=true]:hover:border-Colors-Border-Critical aria-[invalid=true]:hover:bg-Colors-Utility-Terracotta-5 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-
|
|
11242
|
+
className: cn("w-full p-3 flex justify-center items-center h-10 rounded-md border border-Colors-Border-Default bg-Colors-Background-Normal-Primary-Active shadow-background-default text-sm text-Colors-Text-Default hover:border-Colors-Border-Hover hover:bg-Colors-Foreground-Subtle aria-[invalid=true]:border-Colors-Border-Critical aria-[invalid=true]:hover:border-Colors-Border-Critical aria-[invalid=true]:hover:bg-Colors-Utility-Terracotta-5 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-cc-Focus-Rings-Brand-default focus-visible:ring-offset-1 disabled:cursor-not-allowed disabled:opacity-30", containerClassName),
|
|
11243
11243
|
children: /* @__PURE__ */ jsxs27(SliderPrimitive.Root, _object_spread_props(_object_spread({
|
|
11244
11244
|
ref: ref,
|
|
11245
11245
|
className: cn("relative flex w-full touch-none select-none items-center", className),
|
|
@@ -11264,7 +11264,7 @@ var SliderSingle = React35.forwardRef(function(_param, ref) {
|
|
|
11264
11264
|
})
|
|
11265
11265
|
}),
|
|
11266
11266
|
/* @__PURE__ */ jsx48(SliderPrimitive.Thumb, {
|
|
11267
|
-
className: cn("cursor-pointer block rounded-full border-Colors-Utility-Lake-Blue-40 bg-Colors-Background-Normal-Primary-Default transition-colors focus-visible:outline-none focus-visible:ring-
|
|
11267
|
+
className: cn("cursor-pointer block rounded-full border-Colors-Utility-Lake-Blue-40 bg-Colors-Background-Normal-Primary-Default transition-colors focus-visible:outline-none focus-visible:ring-cc-Focus-Rings-Brand-default focus-visible:ring-offset-1 data-[disabled]:pointer-events-none data-[disabled]:opacity-30", size === "sm" ? "w-2 h-2 border-[1.5px]" : "w-5 h-5 border-[3px]", thumbClassName)
|
|
11268
11268
|
})
|
|
11269
11269
|
]
|
|
11270
11270
|
}))
|
|
@@ -11345,7 +11345,7 @@ var switchVerticalSize = {
|
|
|
11345
11345
|
md: "h-[34px] w-5",
|
|
11346
11346
|
lg: "h-10 w-6"
|
|
11347
11347
|
};
|
|
11348
|
-
var switchRootVariants = cva16('peer inline-flex shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-
|
|
11348
|
+
var switchRootVariants = cva16('peer inline-flex shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-cc-Focus-Rings-Brand-default focus-visible:ring-offset-2 data-[state=unchecked]:focus-visible:bg-cc-Switch-bg-default disabled:cursor-not-allowed disabled:opacity-30 data-[state="checked"]:bg-cc-Switch-bg-on data-[state="unchecked"]:bg-cc-Switch-bg-default', {
|
|
11349
11349
|
variants: {
|
|
11350
11350
|
size: switchSize,
|
|
11351
11351
|
vertical: {
|
|
@@ -11738,7 +11738,7 @@ var TabsContent = React37.forwardRef(function(_param, ref) {
|
|
|
11738
11738
|
]);
|
|
11739
11739
|
return /* @__PURE__ */ jsx51(TabsPrimitive.Content, _object_spread({
|
|
11740
11740
|
ref: ref,
|
|
11741
|
-
className: cn("mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-
|
|
11741
|
+
className: cn("mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-ring focus-visible:ring-offset-0", className)
|
|
11742
11742
|
}, props));
|
|
11743
11743
|
});
|
|
11744
11744
|
TabsContent.displayName = TabsPrimitive.Content.displayName;
|
|
@@ -11760,10 +11760,11 @@ var Textarea = React38.forwardRef(function(_param, ref) {
|
|
|
11760
11760
|
className: "relative",
|
|
11761
11761
|
children: [
|
|
11762
11762
|
/* @__PURE__ */ jsx52("textarea", _object_spread({
|
|
11763
|
-
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", "
|
|
11763
|
+
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", "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),
|
|
11764
11764
|
ref: ref,
|
|
11765
11765
|
maxLength: maxLength,
|
|
11766
|
-
value: value1
|
|
11766
|
+
value: value1,
|
|
11767
|
+
"aria-invalid": error ? "true" : "false"
|
|
11767
11768
|
}, props)),
|
|
11768
11769
|
maxLength ? /* @__PURE__ */ jsx52("div", {
|
|
11769
11770
|
className: cn("absolute text-right bottom-5 right-4 border-Colors-Border-Default", maxLengthClassName),
|
|
@@ -11794,7 +11795,7 @@ import * as TogglePrimitive from "@radix-ui/react-toggle";
|
|
|
11794
11795
|
import { cva as cva18 } from "class-variance-authority";
|
|
11795
11796
|
import * as React39 from "react";
|
|
11796
11797
|
import { jsx as jsx53 } from "react/jsx-runtime";
|
|
11797
|
-
var toggleVariants = cva18("inline-flex items-center justify-center rounded-sm text-sm font-medium ring-offset-white text-Colors-Text-Subtlest hover:bg-slate-100 hover:text-slate-500 focus-visible:outline-none focus-visible:ring-
|
|
11798
|
+
var toggleVariants = cva18("inline-flex items-center justify-center rounded-sm text-sm font-medium ring-offset-white text-Colors-Text-Subtlest hover:bg-slate-100 hover:text-slate-500 focus-visible:outline-none focus-visible:ring-slate-950 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-Colors-Background-Normal-Primary-Active data-[state=on]:text-Colors-Text-Brand-Default [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 gap-2 dark:ring-offset-slate-950 dark:hover:bg-slate-800 dark:hover:text-Colors-Text-Brand-Default dark:focus-visible:ring-slate-300 dark:data-[state=on]:bg-Colors-Background-Normal-Primary-Active dark:data-[state=on]:text-Colors-Text-Brand-Default", {
|
|
11798
11799
|
variants: {
|
|
11799
11800
|
variant: {
|
|
11800
11801
|
default: "bg-transparent",
|
|
@@ -11879,7 +11880,7 @@ ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;
|
|
|
11879
11880
|
// src/components/chips.tsx
|
|
11880
11881
|
import { cva as cva19 } from "class-variance-authority";
|
|
11881
11882
|
import { jsx as jsx55, jsxs as jsxs31 } from "react/jsx-runtime";
|
|
11882
|
-
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-
|
|
11883
|
+
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-cc-Focus-Rings-Brand-default focus-visible:ring-offset-1 data-[disabled="true"]:cursor-not-allowed font-medium', {
|
|
11883
11884
|
variants: {
|
|
11884
11885
|
variant: {
|
|
11885
11886
|
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',
|