@youngonesworks/ui 0.1.38 → 0.1.42
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/components/actionIcon/ActionIcon.test.d.ts +1 -0
- package/dist/components/button/Button.test.d.ts +1 -0
- package/dist/components/checkbox/index.d.ts +1 -0
- package/dist/icons/IconLoading.test.d.ts +1 -0
- package/dist/index.cjs +10 -6
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +10 -6
- package/dist/index.js.map +1 -1
- package/dist/styles/variables.css +2 -0
- package/dist/utils/formatIcon.test.d.ts +1 -0
- package/package.json +3 -2
package/dist/index.js
CHANGED
|
@@ -103146,6 +103146,7 @@ const TextInput = React.forwardRef(({ rightSection, leftSection, className, erro
|
|
|
103146
103146
|
className: clsx_default("relative", wrapperClassName),
|
|
103147
103147
|
children: [
|
|
103148
103148
|
label && /* @__PURE__ */ jsx("label", {
|
|
103149
|
+
htmlFor: props.id,
|
|
103149
103150
|
className: "mb-2 flex items-center gap-1 text-xs font-medium text-black",
|
|
103150
103151
|
children: label
|
|
103151
103152
|
}),
|
|
@@ -103451,10 +103452,10 @@ Button.displayName = "Button";
|
|
|
103451
103452
|
|
|
103452
103453
|
//#endregion
|
|
103453
103454
|
//#region src/components/checkbox/index.tsx
|
|
103454
|
-
const CheckboxComponent = ({ size: size$3 = "md", className, error: error$1, mediumBoldText, label, indeterminate = false, disabled = false,...props }, ref) => /* @__PURE__ */ jsxs("div", {
|
|
103455
|
+
const CheckboxComponent = ({ size: size$3 = "md", className, error: error$1, mediumBoldText, label, labelClassName, indeterminate = false, disabled = false,...props }, ref) => /* @__PURE__ */ jsxs("div", {
|
|
103455
103456
|
className: cn("relative grid gap-2", className),
|
|
103456
103457
|
children: [/* @__PURE__ */ jsxs("label", {
|
|
103457
|
-
className: cn("flex cursor-pointer items-center gap-3"),
|
|
103458
|
+
className: cn("flex cursor-pointer items-center gap-3", labelClassName),
|
|
103458
103459
|
children: [/* @__PURE__ */ jsxs("div", {
|
|
103459
103460
|
className: cn("relative grid shrink-0 place-content-center", size$3 === "sm" ? "size-4" : "size-5"),
|
|
103460
103461
|
children: [
|
|
@@ -115836,7 +115837,10 @@ const Stepper = ({ steps, setStep = () => {}, variant = "default", clickableStep
|
|
|
115836
115837
|
children: [(index$4 < activeStep || isCompleted) && /* @__PURE__ */ jsx("div", {
|
|
115837
115838
|
className: "flex items-center justify-center text-white",
|
|
115838
115839
|
children: /* @__PURE__ */ jsx(IconCheck, { size: variant === "small" || isMobile ? 7 : 12 })
|
|
115839
|
-
}), index$4 === activeStep && /* @__PURE__ */ jsx("div", {
|
|
115840
|
+
}), index$4 === activeStep && /* @__PURE__ */ jsx("div", {
|
|
115841
|
+
"data-testid": "active-step-indicator",
|
|
115842
|
+
className: `${variant === "small" || isMobile ? "size-1" : "size-2"} bg-light-blue rounded-full`
|
|
115843
|
+
})]
|
|
115840
115844
|
}),
|
|
115841
115845
|
/* @__PURE__ */ jsx("div", {
|
|
115842
115846
|
className: "flex flex-wrap items-center justify-center",
|
|
@@ -115933,9 +115937,9 @@ const TabsBadge = ({ children }) => {
|
|
|
115933
115937
|
const isCircular = typeof children === "number" && children <= 9 || typeof children === "string" && children.length === 1 || false;
|
|
115934
115938
|
return /* @__PURE__ */ jsx("div", {
|
|
115935
115939
|
"data-testid": "tabs-badge",
|
|
115936
|
-
className: clsx_default("bg-pink h-5
|
|
115937
|
-
"w-5 text-center": isCircular,
|
|
115938
|
-
"px-2": !isCircular
|
|
115940
|
+
className: clsx_default("bg-pink h-5 text-xs leading-5 font-medium text-white", {
|
|
115941
|
+
"rounded-full w-5 text-center": isCircular,
|
|
115942
|
+
"rounded px-2": !isCircular
|
|
115939
115943
|
}),
|
|
115940
115944
|
children
|
|
115941
115945
|
});
|