cr-ui-lib 1.1.94 → 1.1.96

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.d.mts CHANGED
@@ -249,9 +249,10 @@ declare type SingleSelectDropdownProps = {
249
249
  placeholderClass?: string;
250
250
  iconClass?: string;
251
251
  displayContainerClass?: string;
252
+ selectedColorDropdownItem?: string;
252
253
  };
253
254
  declare function SingleSelectDropdown({ label, value, onChange, options, placeholder, onScrollToEnd, onSearch, hasMore, isLoading, searchable, searchDebounceMs, requiresSearch, minSearchLength, emptyMessage, loadingMessage, searchPlaceholder, disabled, hasIcon, buttonClass, labelClass, displayItemClass, displayMainClass, hasSearchIcon, searchInputClass, placeholderSearchClass, usePortal, // default true
254
- iconClass, placeholderClass, displayContainerClass, }: SingleSelectDropdownProps): JSX.Element;
255
+ iconClass, placeholderClass, displayContainerClass, selectedColorDropdownItem, }: SingleSelectDropdownProps): JSX.Element;
255
256
 
256
257
  interface SelectionButton {
257
258
  data: string[];
package/dist/index.d.ts CHANGED
@@ -249,9 +249,10 @@ declare type SingleSelectDropdownProps = {
249
249
  placeholderClass?: string;
250
250
  iconClass?: string;
251
251
  displayContainerClass?: string;
252
+ selectedColorDropdownItem?: string;
252
253
  };
253
254
  declare function SingleSelectDropdown({ label, value, onChange, options, placeholder, onScrollToEnd, onSearch, hasMore, isLoading, searchable, searchDebounceMs, requiresSearch, minSearchLength, emptyMessage, loadingMessage, searchPlaceholder, disabled, hasIcon, buttonClass, labelClass, displayItemClass, displayMainClass, hasSearchIcon, searchInputClass, placeholderSearchClass, usePortal, // default true
254
- iconClass, placeholderClass, displayContainerClass, }: SingleSelectDropdownProps): JSX.Element;
255
+ iconClass, placeholderClass, displayContainerClass, selectedColorDropdownItem, }: SingleSelectDropdownProps): JSX.Element;
255
256
 
256
257
  interface SelectionButton {
257
258
  data: string[];
package/dist/index.js CHANGED
@@ -23,7 +23,7 @@ var PlainButton = ({ className, children, ...rest }) => {
23
23
  {
24
24
  ...rest,
25
25
  className: tailwindMerge.twMerge(
26
- "min-h-[26px] w-[50px] bg-white text-center rounded-[4px] flex items-center justify-center border border-[#E2E2E2] text-black cursor-pointer hover:bg-gray-100",
26
+ "min-h-[26px] w-[50px] bg-white text-center rounded-[4px] flex items-center justify-center border border-[#E2E2E2] text-black cursor-pointer hover:bg-[#EFF6FF]",
27
27
  className
28
28
  ),
29
29
  children
@@ -3483,7 +3483,8 @@ function SingleSelectDropdown({
3483
3483
  // default true
3484
3484
  iconClass = "",
3485
3485
  placeholderClass = "",
3486
- displayContainerClass = ""
3486
+ displayContainerClass = "",
3487
+ selectedColorDropdownItem = "text-[#131414]"
3487
3488
  }) {
3488
3489
  const [isOpen, setIsOpen] = React.useState(false);
3489
3490
  const [searchTerm, setSearchTerm] = React.useState("");
@@ -3707,7 +3708,7 @@ function SingleSelectDropdown({
3707
3708
  "div",
3708
3709
  {
3709
3710
  className: tailwindMerge.twMerge(
3710
- `h-[40px] px-2 py-2 my-1 text-sm cursor-pointer select-none rounded-md hover:bg-gray-100 ${opt.id === value ? "bg-[#ECF3F7] text-[#131414] font-semibold" : "text-[#131414]"}`,
3711
+ `h-[40px] px-2 py-2 my-1 text-sm cursor-pointer select-none rounded-md hover:bg-gray-100 ${opt.id === value ? "bg-[#ECF3F7] font-semibold " + selectedColorDropdownItem : "text-[#131414]"}`,
3711
3712
  displayItemClass
3712
3713
  ),
3713
3714
  onClick: () => {