@youngonesworks/ui 0.1.121 → 0.1.123
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/README.md +69 -56
- package/dist/components/button/buttonVariants.d.ts +1 -0
- package/dist/globals.css +1 -3
- package/dist/index.cjs +5 -4
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +5 -4
- package/dist/index.js.map +1 -1
- package/dist/styles/utilities.css +1 -1
- package/dist/styles/variables.css +4 -8
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -743,7 +743,7 @@ const AvatarIndicator = ({ indicatorCount, className,...props }) => /* @__PURE__
|
|
|
743
743
|
"data-testid": "AvatarIndicator",
|
|
744
744
|
...props,
|
|
745
745
|
children: /* @__PURE__ */ jsx("div", {
|
|
746
|
-
className: "font-[
|
|
746
|
+
className: "font-[var(--font-family-sans)] text-[10px] leading-[10px] text-black",
|
|
747
747
|
children: `+${indicatorCount}`
|
|
748
748
|
})
|
|
749
749
|
});
|
|
@@ -755,7 +755,7 @@ const Badge = ({ styleVariant = COLOR.ACCENT_BLUE, className, favorite, children
|
|
|
755
755
|
return /* @__PURE__ */ jsx("span", {
|
|
756
756
|
"data-testid": "badge",
|
|
757
757
|
"data-component": "Badge",
|
|
758
|
-
className: cn("inline-flex max-w-full place-content-center items-center px-2.5 align-middle text-xs leading-[20px] font-
|
|
758
|
+
className: cn("inline-flex max-w-full place-content-center items-center px-2.5 align-middle text-xs leading-[20px] font-semibold tracking-wide text-wrap whitespace-normal normal-case rounded-sm", {
|
|
759
759
|
"bg-accent-blue-light text-accent-blue": styleVariant === COLOR.ACCENT_BLUE,
|
|
760
760
|
"bg-green-light text-green": styleVariant === COLOR.GREEN_LIGHT,
|
|
761
761
|
"bg-red-50 text-red-500": styleVariant === COLOR.RED,
|
|
@@ -820,7 +820,8 @@ const buttonVariants = {
|
|
|
820
820
|
outline: clsx(defaultButtonStyling, "border-solid border-gray-200 bg-transparent text-white hover:border-gray-800 hover:bg-[rgba(255,255,255,0.1)] disabled:text-gray-800 disabled:hover:border-gray-200 disabled:hover:bg-white"),
|
|
821
821
|
search: clsx(defaultButtonStyling, "absolute top-0 right-0 h-full w-[50px] border-0 bg-transparent bg-no-repeat"),
|
|
822
822
|
icon__primary: clsx(defaultButtonStyling, "flex! items-center justify-center"),
|
|
823
|
-
icon__danger: clsx(defaultButtonStyling, "flex! items-center justify-center")
|
|
823
|
+
icon__danger: clsx(defaultButtonStyling, "flex! items-center justify-center"),
|
|
824
|
+
action: clsx(defaultButtonStyling, "w-full bg-transparent border border-gray-200 whitespace-nowrap", "lg:w-[36px] lg:h-[36px]", "lg:p-0 lg:gap-0", "lg:hover:bg-transparent lg:hover:border-black", "lg:[&_svg]:-ml-2 lg:[&_svg]:-mr-2")
|
|
824
825
|
};
|
|
825
826
|
|
|
826
827
|
//#endregion
|
|
@@ -2662,7 +2663,7 @@ const NumberedStepper = ({ steps, active, className, stepsCompleted, completedLa
|
|
|
2662
2663
|
className: "flex size-12 flex-auto items-center justify-center whitespace-nowrap",
|
|
2663
2664
|
children: /* @__PURE__ */ jsx("div", {
|
|
2664
2665
|
"data-testid": `stepper-number-${index}`,
|
|
2665
|
-
className: `grid size-12 place-content-center rounded-full leading-[36px]! md:leading-[40px]! ${index === 0 && active === 1 ? "bg-light-blue text-white" : "bg-transparent!"} ${index <= active ? "border-light-blue text-light-blue border" : "border border-gray-500 text-gray-500"} align-middle font-
|
|
2666
|
+
className: `grid size-12 place-content-center rounded-full leading-[36px]! md:leading-[40px]! ${index === 0 && active === 1 ? "bg-light-blue text-white" : "bg-transparent!"} ${index <= active ? "border-light-blue text-light-blue border" : "border border-gray-500 text-gray-500"} align-middle font-sans font-bold md:text-2xl`,
|
|
2666
2667
|
children: index + 1
|
|
2667
2668
|
})
|
|
2668
2669
|
}), /* @__PURE__ */ jsxs("div", {
|