globalfy-design-system 1.44.1 → 1.45.0

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.
@@ -199,7 +199,35 @@ export declare const DropdownIndicatorVariants: import('tailwind-variants').TVRe
199
199
  };
200
200
  }>, unknown, unknown, undefined>>;
201
201
  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>>;
202
- 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>>;
202
+ export declare const optionVariants: import('tailwind-variants').TVReturnType<{
203
+ selected: {
204
+ true: string;
205
+ };
206
+ }, 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 hover:text-primary-grey-800", import('tailwind-variants/dist/config.js').TVConfig<{
207
+ selected: {
208
+ true: string;
209
+ };
210
+ }, {
211
+ selected: {
212
+ true: string;
213
+ };
214
+ }>, {
215
+ selected: {
216
+ true: string;
217
+ };
218
+ }, undefined, import('tailwind-variants').TVReturnType<{
219
+ selected: {
220
+ true: string;
221
+ };
222
+ }, 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 hover:text-primary-grey-800", import('tailwind-variants/dist/config.js').TVConfig<{
223
+ selected: {
224
+ true: string;
225
+ };
226
+ }, {
227
+ selected: {
228
+ true: string;
229
+ };
230
+ }>, unknown, unknown, undefined>>;
203
231
  export declare const labelVariants: import('tailwind-variants').TVReturnType<{
204
232
  hasValue: {
205
233
  true: string;
@@ -9,7 +9,7 @@ interface ControlComponentProps extends ControlProps {
9
9
  isValid?: boolean;
10
10
  }
11
11
  export declare const Control: ({ label, isInvalid, isValid, ...props }: ControlComponentProps) => import("react/jsx-runtime").JSX.Element;
12
- export declare const Option: ({ innerRef, innerProps, children }: OptionProps<OptionType>) => import("react/jsx-runtime").JSX.Element;
12
+ export declare const Option: ({ innerRef, innerProps, isSelected, children }: OptionProps<OptionType>) => import("react/jsx-runtime").JSX.Element;
13
13
  interface CustomPlaceholderProps extends PlaceholderProps {
14
14
  customPlaceholder?: ReactNode;
15
15
  }
@@ -52374,7 +52374,12 @@ const Rl = O0({
52374
52374
  }), Wl = O0({
52375
52375
  base: "mt-[5px] rounded-lg border border-primary-grey-600 bg-white py-2"
52376
52376
  }), ei = O0({
52377
- 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"
52377
+ 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 hover:text-primary-grey-800",
52378
+ variants: {
52379
+ selected: {
52380
+ true: "bg-secondary-green-500 font-medium text-white"
52381
+ }
52382
+ }
52378
52383
  }), Qs0 = O0({
52379
52384
  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",
52380
52385
  variants: {
@@ -52464,7 +52469,7 @@ const Xl = (e) => /* @__PURE__ */ b.jsx(Ht.DropdownIndicator, { ...e, children:
52464
52469
  children: e
52465
52470
  }
52466
52471
  )
52467
- ] }), 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 = ({
52472
+ ] }), 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 = ({
52468
52473
  label: e,
52469
52474
  value: r,
52470
52475
  defaultValue: t,