globalfy-design-system 1.44.1 → 1.46.0

package/dist/components/atoms/DropdownList/CssVariants.d.ts

@@ -199,7 +199,42 @@ export declare const DropdownIndicatorVariants: import('tailwind-variants').TVRe
     };
 }>, unknown, unknown, undefined>>;
 export declare const menuListVariants: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "mt-[5px] rounded-lg border border-primary-grey-600 bg-white py-2", import('tailwind-variants/dist/config.js').TVConfig<unknown, {} | {}>, {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "mt-[5px] rounded-lg border border-primary-grey-600 bg-white py-2", import('tailwind-variants/dist/config.js').TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
-export declare const optionVariants: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "cursor-pointer bg-white px-4 py-2 font-satoshi text-sm leading-normal text-primary-grey-800 hover:bg-primary-grey-500 hover:font-medium", import('tailwind-variants/dist/config.js').TVConfig<unknown, {} | {}>, {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "cursor-pointer bg-white px-4 py-2 font-satoshi text-sm leading-normal text-primary-grey-800 hover:bg-primary-grey-500 hover:font-medium", import('tailwind-variants/dist/config.js').TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
+export declare const optionVariants: import('tailwind-variants').TVReturnType<{
+    selected: {
+        true: string;
+        false: string;
+    };
+}, undefined, "cursor-pointer bg-white px-4 py-2 font-satoshi text-sm leading-normal text-primary-grey-800", import('tailwind-variants/dist/config.js').TVConfig<{
+    selected: {
+        true: string;
+        false: string;
+    };
+}, {
+    selected: {
+        true: string;
+        false: string;
+    };
+}>, {
+    selected: {
+        true: string;
+        false: string;
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    selected: {
+        true: string;
+        false: string;
+    };
+}, undefined, "cursor-pointer bg-white px-4 py-2 font-satoshi text-sm leading-normal text-primary-grey-800", import('tailwind-variants/dist/config.js').TVConfig<{
+    selected: {
+        true: string;
+        false: string;
+    };
+}, {
+    selected: {
+        true: string;
+        false: string;
+    };
+}>, unknown, unknown, undefined>>;
 export declare const labelVariants: import('tailwind-variants').TVReturnType<{
     hasValue: {
         true: string;

package/dist/components/atoms/DropdownList/DropdownComponents.d.ts

@@ -9,7 +9,7 @@ interface ControlComponentProps extends ControlProps {
     isValid?: boolean;
 }
 export declare const Control: ({ label, isInvalid, isValid, ...props }: ControlComponentProps) => import("react/jsx-runtime").JSX.Element;
-export declare const Option: ({ innerRef, innerProps, children }: OptionProps<OptionType>) => import("react/jsx-runtime").JSX.Element;
+export declare const Option: ({ innerRef, innerProps, isSelected, children }: OptionProps<OptionType>) => import("react/jsx-runtime").JSX.Element;
 interface CustomPlaceholderProps extends PlaceholderProps {
     customPlaceholder?: ReactNode;
 }

package/dist/globalfy-design-system.js

@@ -52374,7 +52374,13 @@ const Rl = O0({
 }), Wl = O0({
   base: "mt-[5px] rounded-lg border border-primary-grey-600 bg-white py-2"
 }), ei = O0({
-  base: "cursor-pointer bg-white px-4 py-2 font-satoshi text-sm leading-normal text-primary-grey-800 hover:bg-primary-grey-500 hover:font-medium"
+  base: "cursor-pointer bg-white px-4 py-2 font-satoshi text-sm leading-normal text-primary-grey-800",
+  variants: {
+    selected: {
+      true: "bg-secondary-green-500 font-medium text-white",
+      false: "hover:bg-primary-grey-500 hover:font-medium hover:text-primary-grey-800"
+    }
+  }
 }), Qs0 = O0({
   base: "pointer-events-none invisible absolute left-4 top-[29%] bg-transparent font-inter text-sm leading-normal text-primary-grey-800 transition-all duration-200",
   variants: {
@@ -52464,7 +52470,7 @@ const Xl = (e) => /* @__PURE__ */ b.jsx(Ht.DropdownIndicator, { ...e, children:
       children: e
     }
   )
-] }), Kl = ({ innerRef: e, innerProps: r, children: t }) => /* @__PURE__ */ b.jsx("div", { ref: e, ...r, children: /* @__PURE__ */ b.jsx("div", { className: ei(), children: t }) }), Jl = ({ children: e, customPlaceholder: r, ...t }) => /* @__PURE__ */ b.jsx(Ht.Placeholder, { ...t, children: r || e }), ql = ({ onClear: e, innerProps: r }) => /* @__PURE__ */ b.jsx("div", { ...r, children: /* @__PURE__ */ b.jsx("button", { type: "button", onClick: e, children: /* @__PURE__ */ b.jsx($e, { name: "close", className: "shrink-0 cursor-pointer text-xs" }) }) }), Ql = () => /* @__PURE__ */ b.jsx("div", { children: /* @__PURE__ */ b.jsx(wO, { variant: "icon" }) }), e2 = ({ children: e, ...r }) => /* @__PURE__ */ b.jsx(Ht.Input, { autoFocus: !0, ...r, children: e }), t2 = ({ children: e, isDisabled: r, ...t }) => /* @__PURE__ */ b.jsx(Ht.MultiValueContainer, { ...t, children: /* @__PURE__ */ b.jsx("div", { className: el0({ isDisabled: r }), children: e }) }), r2 = ({ children: e, ...r }) => /* @__PURE__ */ b.jsx(Ht.MultiValue, { ...r, children: /* @__PURE__ */ b.jsx("span", { className: "flex items-center font-satoshi text-[10px] font-medium leading-[150%] text-primary-green-500", children: e }) }), n2 = ({ children: e, ...r }) => /* @__PURE__ */ b.jsx(Ht.ValueContainer, { ...r, className: "flex items-center gap-3", children: e }), o2 = ({ ...e }) => /* @__PURE__ */ b.jsx(Ht.MultiValueRemove, { ...e, children: /* @__PURE__ */ b.jsx(XG, { size: 12, className: "shrink-0" }) }), uU0 = ({
+] }), Kl = ({ innerRef: e, innerProps: r, isSelected: t, children: n }) => /* @__PURE__ */ b.jsx("div", { ref: e, ...r, children: /* @__PURE__ */ b.jsx("div", { className: ei({ selected: t }), children: n }) }), Jl = ({ children: e, customPlaceholder: r, ...t }) => /* @__PURE__ */ b.jsx(Ht.Placeholder, { ...t, children: r || e }), ql = ({ onClear: e, innerProps: r }) => /* @__PURE__ */ b.jsx("div", { ...r, children: /* @__PURE__ */ b.jsx("button", { type: "button", onClick: e, children: /* @__PURE__ */ b.jsx($e, { name: "close", className: "shrink-0 cursor-pointer text-xs" }) }) }), Ql = () => /* @__PURE__ */ b.jsx("div", { children: /* @__PURE__ */ b.jsx(wO, { variant: "icon" }) }), e2 = ({ children: e, ...r }) => /* @__PURE__ */ b.jsx(Ht.Input, { autoFocus: !0, ...r, children: e }), t2 = ({ children: e, isDisabled: r, ...t }) => /* @__PURE__ */ b.jsx(Ht.MultiValueContainer, { ...t, children: /* @__PURE__ */ b.jsx("div", { className: el0({ isDisabled: r }), children: e }) }), r2 = ({ children: e, ...r }) => /* @__PURE__ */ b.jsx(Ht.MultiValue, { ...r, children: /* @__PURE__ */ b.jsx("span", { className: "flex items-center font-satoshi text-[10px] font-medium leading-[150%] text-primary-green-500", children: e }) }), n2 = ({ children: e, ...r }) => /* @__PURE__ */ b.jsx(Ht.ValueContainer, { ...r, className: "flex items-center gap-3", children: e }), o2 = ({ ...e }) => /* @__PURE__ */ b.jsx(Ht.MultiValueRemove, { ...e, children: /* @__PURE__ */ b.jsx(XG, { size: 12, className: "shrink-0" }) }), uU0 = ({
   label: e,
   value: r,
   defaultValue: t,