@chekinapp/ui 0.0.82 → 0.0.84
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 +25 -16
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +25 -16
- package/dist/index.js.map +1 -1
- package/package.json +2 -2
package/dist/index.cjs
CHANGED
|
@@ -410,7 +410,7 @@ var AccordionItem = React.forwardRef(({ className, ...props }, ref) => /* @__PUR
|
|
|
410
410
|
ref,
|
|
411
411
|
className: cn(
|
|
412
412
|
"accordion__item",
|
|
413
|
-
"rounded-[var(--accordion-item-radius)] border border-solid border-[var(--accordion-item-border)] bg-[var(--accordion-item-bg)] shadow
|
|
413
|
+
"rounded-[var(--accordion-item-radius)] border border-solid border-[var(--accordion-item-border)] bg-[var(--accordion-item-bg)] [box-shadow:var(--accordion-item-shadow)] transition-colors duration-200 ease-in-out [border-top-color:var(--accordion-item-divider)] data-[state=open]:bg-[var(--accordion-item-open-bg)] data-[state=closed]:bg-[var(--accordion-item-bg)] data-[state=closed]:hover:bg-[var(--accordion-item-hover-bg)]",
|
|
414
414
|
className
|
|
415
415
|
),
|
|
416
416
|
...props
|
|
@@ -484,7 +484,7 @@ var AccordionContent = React.forwardRef(({ className, contentClassName, children
|
|
|
484
484
|
"transition-all",
|
|
485
485
|
"data-[state=closed]:animate-accordion-up",
|
|
486
486
|
"data-[state=open]:animate-accordion-down",
|
|
487
|
-
"text-[length:var(--accordion-content-font-size)] leading-[var(--accordion-content-line-height)] text-[var(--accordion-content-color)]
|
|
487
|
+
"text-[length:var(--accordion-content-font-size)] leading-[var(--accordion-content-line-height)] text-[var(--accordion-content-color)]",
|
|
488
488
|
// TODO Uncomment the next line when dropdown position is fixed
|
|
489
489
|
// 'overflow-hidden',
|
|
490
490
|
className
|
|
@@ -887,7 +887,7 @@ var switchVariants = (0, import_class_variance_authority4.cva)(
|
|
|
887
887
|
"peer inline-flex shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors",
|
|
888
888
|
"focus-visible:outline-none focus-visible:shadow-[var(--chekin-shadow-focus)]",
|
|
889
889
|
"disabled:cursor-not-allowed disabled:opacity-50 aria-busy:cursor-wait aria-busy:opacity-50",
|
|
890
|
-
"data-[state=checked]:bg-[var(--
|
|
890
|
+
"data-[state=checked]:bg-[var(--switch-checked-bg)] data-[state=unchecked]:bg-[var(--switch-unchecked-bg)]"
|
|
891
891
|
],
|
|
892
892
|
{
|
|
893
893
|
variants: {
|
|
@@ -906,7 +906,7 @@ var switchVariants = (0, import_class_variance_authority4.cva)(
|
|
|
906
906
|
}
|
|
907
907
|
);
|
|
908
908
|
var switchThumbVariants = (0, import_class_variance_authority4.cva)(
|
|
909
|
-
"pointer-events-none block rounded-full bg-
|
|
909
|
+
"pointer-events-none block rounded-full bg-[var(--switch-thumb-bg)] shadow-lg ring-0 transition-transform data-[state=unchecked]:translate-x-0",
|
|
910
910
|
{
|
|
911
911
|
variants: {
|
|
912
912
|
size: {
|
|
@@ -6282,7 +6282,16 @@ var CircularLoader = import_react54.default.memo(
|
|
|
6282
6282
|
]
|
|
6283
6283
|
}
|
|
6284
6284
|
),
|
|
6285
|
-
label && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
|
|
6285
|
+
label && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
|
|
6286
|
+
"div",
|
|
6287
|
+
{
|
|
6288
|
+
className: cn(
|
|
6289
|
+
labelSizeClassName[size],
|
|
6290
|
+
"font-medium text-[var(--circular-loader-label-color)]"
|
|
6291
|
+
),
|
|
6292
|
+
children: label
|
|
6293
|
+
}
|
|
6294
|
+
)
|
|
6286
6295
|
]
|
|
6287
6296
|
}
|
|
6288
6297
|
);
|
|
@@ -7032,7 +7041,7 @@ var RadioGroupItem = React25.forwardRef(({ className, ...props }, ref) => /* @__
|
|
|
7032
7041
|
{
|
|
7033
7042
|
ref,
|
|
7034
7043
|
className: cn(
|
|
7035
|
-
"aspect-square h-4 w-4 rounded-full border border-[var(--
|
|
7044
|
+
"aspect-square h-4 w-4 rounded-full border border-[var(--radio-border)] text-[var(--radio-indicator)]",
|
|
7036
7045
|
"focus:outline-none focus-visible:shadow-[var(--chekin-shadow-focus)]",
|
|
7037
7046
|
"disabled:cursor-not-allowed disabled:opacity-50",
|
|
7038
7047
|
className
|
|
@@ -9270,8 +9279,8 @@ var Tabs = TabsPrimitive2.Root;
|
|
|
9270
9279
|
var tabsListVariants = (0, import_class_variance_authority13.cva)("inline-flex items-center", {
|
|
9271
9280
|
variants: {
|
|
9272
9281
|
variant: {
|
|
9273
|
-
button: 'tab-list h-[42px] justify-center gap-[7px] rounded-md border border-[var(--
|
|
9274
|
-
underlined: "tab-list mb-8 flex-wrap gap-x-6 gap-y-3 border-b border-[var(--
|
|
9282
|
+
button: 'tab-list h-[42px] justify-center gap-[7px] rounded-md border border-[var(--tabs-list-border)] bg-[var(--tabs-list-bg)] p-[3px] [&>*:not(:last-child)]:after:content-[""] [&>*:not(:last-child)]:after:absolute [&>*:not(:last-child)]:after:right-[-4px] [&>*:not(:last-child)]:after:h-6 [&>*:not(:last-child)]:after:w-px [&>*:not(:last-child)]:after:bg-[var(--tabs-list-separator)]',
|
|
9283
|
+
underlined: "tab-list mb-8 flex-wrap gap-x-6 gap-y-3 border-b border-[var(--tabs-list-border)]"
|
|
9275
9284
|
}
|
|
9276
9285
|
},
|
|
9277
9286
|
defaultVariants: {
|
|
@@ -9294,8 +9303,8 @@ var tabsTriggerVariants = (0, import_class_variance_authority13.cva)(
|
|
|
9294
9303
|
{
|
|
9295
9304
|
variants: {
|
|
9296
9305
|
variant: {
|
|
9297
|
-
button: "h-full flex-1 rounded-md px-4 text-center text-[15px] font-medium relative text-[var(--
|
|
9298
|
-
underlined: "h-full relative top-px pb-[15px] text-base font-medium leading-5 text-[var(--
|
|
9306
|
+
button: "h-full flex-1 rounded-md px-4 text-center text-[15px] font-medium relative text-[var(--tabs-trigger-text)] hover:bg-[var(--tabs-trigger-hover-bg)] hover:text-[var(--tabs-trigger-hover-text)] data-[state=active]:bg-[var(--tabs-trigger-active-bg)] data-[state=active]:font-bold data-[state=active]:text-[var(--tabs-trigger-active-text)] data-[state=active]:shadow-sm [&.active]:bg-[var(--tabs-trigger-active-bg)] [&.active]:font-bold [&.active]:text-[var(--tabs-trigger-active-text)] [&.active]:shadow-sm",
|
|
9307
|
+
underlined: "h-full relative top-px pb-[15px] text-base font-medium leading-5 text-[var(--tabs-trigger-text)] border-b-2 border-transparent -mb-px data-[state=active]:text-[var(--tabs-trigger-active-border)] data-[state=active]:border-[var(--tabs-trigger-active-border)] hover:border-[color-mix(in_srgb,var(--tabs-trigger-active-border)_30%,transparent)] [&.active]:border-[var(--tabs-trigger-active-border)]"
|
|
9299
9308
|
}
|
|
9300
9309
|
},
|
|
9301
9310
|
defaultVariants: {
|
|
@@ -9696,12 +9705,12 @@ var ToggleGroupPrimitive = __toESM(require("@radix-ui/react-toggle-group"), 1);
|
|
|
9696
9705
|
// src/toggle-group/style.ts
|
|
9697
9706
|
var import_class_variance_authority14 = require("class-variance-authority");
|
|
9698
9707
|
var toggleVariants = (0, import_class_variance_authority14.cva)(
|
|
9699
|
-
"inline-flex select-none items-center justify-center rounded-md text-sm font-medium transition-all duration-
|
|
9708
|
+
"inline-flex select-none items-center justify-center rounded-md text-sm font-medium transition-all duration-200 ease-out focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--toggle-focus-ring)] focus-visible:ring-offset-2 disabled:pointer-events-none disabled:cursor-not-allowed [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
|
|
9700
9709
|
{
|
|
9701
9710
|
variants: {
|
|
9702
9711
|
variant: {
|
|
9703
|
-
default: "border border-[var(--
|
|
9704
|
-
tab: "border border-transparent bg-transparent font-medium text-[var(--
|
|
9712
|
+
default: "border border-[var(--toggle-border)] bg-[var(--toggle-bg)] font-semibold text-[var(--toggle-text)] hover:border-[var(--toggle-hover-border)] data-[state=on]:border-[var(--toggle-active-border)] data-[state=on]:bg-[var(--toggle-active-bg)] data-[state=on]:text-[var(--toggle-active-text)]",
|
|
9713
|
+
tab: "border border-transparent bg-transparent font-medium text-[var(--toggle-text)] hover:bg-[var(--toggle-hover-bg)] hover:text-[var(--toggle-hover-text)] hover:opacity-35 data-[state=on]:cursor-default data-[state=on]:border-[var(--toggle-active-border)] data-[state=on]:bg-[var(--toggle-tab-active-bg)] data-[state=on]:font-semibold data-[state=on]:text-[var(--toggle-tab-active-text)] data-[state=on]:shadow-[0px_3px_4px_0px_rgba(1,2,3,0.10)] data-[state=on]:hover:opacity-100"
|
|
9705
9714
|
},
|
|
9706
9715
|
size: {
|
|
9707
9716
|
default: "h-12 min-w-[117px] px-4 text-[15px]",
|
|
@@ -9711,7 +9720,7 @@ var toggleVariants = (0, import_class_variance_authority14.cva)(
|
|
|
9711
9720
|
},
|
|
9712
9721
|
theme: {
|
|
9713
9722
|
default: "",
|
|
9714
|
-
"sky-blue": "data-[state=on]:bg-[var(--
|
|
9723
|
+
"sky-blue": "data-[state=on]:bg-[var(--toggle-sky-blue-active-bg)] data-[state=off]:hover:border-transparent data-[state=off]:hover:bg-[var(--toggle-sky-blue-hover-bg)]"
|
|
9715
9724
|
}
|
|
9716
9725
|
},
|
|
9717
9726
|
defaultVariants: {
|
|
@@ -9737,7 +9746,7 @@ var ToggleGroup = React38.forwardRef(({ className, variant, size, theme, childre
|
|
|
9737
9746
|
ref,
|
|
9738
9747
|
className: cn(
|
|
9739
9748
|
"flex items-center justify-center",
|
|
9740
|
-
isTabVariant ? "h-auto max-h-none w-fit flex-wrap gap-[2px] rounded-md border border-[var(--
|
|
9749
|
+
isTabVariant ? "h-auto max-h-none w-fit flex-wrap gap-[2px] rounded-md border border-[var(--toggle-group-border)] bg-[var(--toggle-group-bg)] p-[2px]" : "w-full flex-wrap gap-[10px]",
|
|
9741
9750
|
className
|
|
9742
9751
|
),
|
|
9743
9752
|
...props,
|
|
@@ -9871,7 +9880,7 @@ function TogglesInternal({
|
|
|
9871
9880
|
...multiple ? { type: "multiple", value: currentValue } : { type: "single", value: currentValue[0] ?? "" }
|
|
9872
9881
|
};
|
|
9873
9882
|
return /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)("div", { ref, className, children: [
|
|
9874
|
-
label && /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("div", { className: "mb-2", children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("div", { className: "select-none text-base font-normal text-[var(--
|
|
9883
|
+
label && /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("div", { className: "mb-2", children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("div", { className: "select-none text-base font-normal text-[var(--toggles-label-text)]", children: label }) }),
|
|
9875
9884
|
/* @__PURE__ */ (0, import_jsx_runtime126.jsx)(ToggleGroup, { className: groupClassName, ...toggleGroupProps, children: options.map((option, index) => {
|
|
9876
9885
|
const isSelected = Boolean(
|
|
9877
9886
|
getValueArray(value).find((selectedValue) => selectedValue === option.value)
|