@redsift/design-system 12.1.1-muiv7 → 12.2.0-muiv6

package/_internal/Item2.js

@@ -32,6 +32,7 @@ const StyledItem = styled.div`
   background: none;
   border: none;
   box-sizing: border-box;
+  cursor: pointer;
   display: inline-flex;
 
   > a {
@@ -73,6 +74,7 @@ const StyledItem = styled.div`
 
   &:hover {
     outline: none;
+    cursor: pointer;
 
     ${_ref2 => {
   let {
@@ -83,7 +85,7 @@ const StyledItem = styled.div`
     $theme
   } = _ref2;
   return css`
-      cursor: ${$isDisabled ? 'default' : 'pointer'};
+      ${$isDisabled ? 'cursor: inherit;' : ''}
 
       ${!$isDisabled ? css`
             ${!$isGradient ? css`

package/_internal/Item2.js.map

@@ -1 +1 @@
-{"version":3,"file":"Item2.js","sources":["../../src/components/item/styles.ts","../../src/components/item/useMenuItem.ts","../../src/components/item/Item.tsx"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { baseContainer } from '../shared';\nimport { StyledItemProps } from './types';\n\n/**\n * Component style.\n */\nexport const StyledItem = styled.div<StyledItemProps>`\n  min-height: 36px;\n  position: relative;\n  width: 100%;\n  padding: 8px 16px;\n\n  ${baseContainer}\n\n  align-items: center;\n  background: none;\n  border: none;\n  box-sizing: border-box;\n  display: inline-flex;\n\n  > a {\n    display: inline-flex;\n    align-items: center;\n    text-decoration: none;\n    color: inherit;\n  }\n\n  ${({ $color, $isActive, $isDisabled, $isGradient, $isHovered, $hasBorder, $theme }) => css`\n    ${!$isGradient\n      ? css`\n          background-color: var(\n            --redsift-color-${$theme}-components-buttons-secondary-button-${$isDisabled ? 'grey' : $color}-background-${$isActive ? 'active' : $isHovered || $isDisabled ? 'hover' : 'default'}\n          );\n        `\n      : css`\n          background: var(\n            --redsift-color-${$theme}-components-buttons-secondary-button-${$isDisabled ? 'grey' : $color}-background-${$isActive ? 'active' : $isHovered || $isDisabled ? 'hover' : 'default'}\n          );\n        `}\n\n    ${$hasBorder\n      ? css`\n          border: 1px solid\n            var(\n              --redsift-color-${$theme}-components-buttons-secondary-button-${$isDisabled ? 'grey' : $color}-text-${$isActive ? 'active' : $isHovered || $isDisabled ? 'hover' : 'default'}\n            );\n        `\n      : ''}\n  `}\n\n  &:hover {\n    outline: none;\n\n    ${({ $color, $isDisabled, $isGradient, $hasBorder, $theme }) => css`\n      cursor: ${$isDisabled ? 'default' : 'pointer'};\n\n      ${!$isDisabled\n        ? css`\n            ${!$isGradient\n              ? css`\n                  background-color: var(\n                    --redsift-color-${$theme}-components-buttons-secondary-button-${$color}-background-hover\n                  );\n\n                  ${$hasBorder\n                    ? css`\n                        border: 1px solid\n                          var(--redsift-color-${$theme}-components-buttons-secondary-button-${$color}-text-hover);\n                      `\n                    : ''}\n                `\n              : css`\n                  background: var(\n                    --redsift-color-${$theme}-components-buttons-secondary-button-${$color}-background-hover\n                  );\n                `}\n          `\n        : ''}\n    `};\n  }\n\n  &:active {\n    outline: none;\n\n    ${({ $color, $hasBorder, $isHovered, $isDisabled, $isGradient, $theme }) => css`\n      ${!$isDisabled\n        ? css`\n            ${!$isGradient\n              ? css`\n                  background-color: var(\n                    --redsift-color-${$theme}-components-buttons-secondary-button-${$isDisabled\n                        ? 'grey'\n                        : $color}-background-${$isHovered ? 'hover' : 'active'}\n                  );\n\n                  ${$hasBorder\n                    ? css`\n                        border: 1px solid\n                          var(\n                            --redsift-color-${$theme}-components-buttons-secondary-button-${$isDisabled\n                                ? 'grey'\n                                : $color}-text-${$isHovered ? 'hover' : 'active'}\n                          );\n                      `\n                    : ''}\n                `\n              : css`\n                  background: var(\n                    --redsift-color-${$theme}-components-buttons-secondary-button-${$isDisabled\n                        ? 'grey'\n                        : $color}-background-${$isHovered ? 'hover' : 'active'}\n                  );\n                `}\n          `\n        : ''}\n    `};\n  }\n`;\n","import { useCallback, useEffect, RefObject, KeyboardEvent } from 'react';\nimport { UseFocusWithinGroupProps, useFocusOnListItem } from '../focus-within-group';\n\nexport function useMenuItem(props: {\n  domElementRef: RefObject<Element>;\n  id: string;\n  isDisabled?: boolean;\n  onClick?: () => void;\n  isLinkMenuItem?: boolean;\n  linkRef?: RefObject<HTMLAnchorElement>;\n}): UseFocusWithinGroupProps & {\n  isDisabled?: boolean;\n} {\n  const { domElementRef, id, isDisabled, onClick, isLinkMenuItem, linkRef } = props;\n\n  const {\n    tabIndex,\n    isFocused,\n    handleKeyDown: handleFocusKeyDown,\n    handleClick: handleFocusClick,\n  } = useFocusOnListItem({ domElementRef, isDisabled: isDisabled!, id });\n\n  const handleKeyDown = useCallback((event: KeyboardEvent) => {\n    const code = event.code;\n    if (code === 'Enter' || code === 'Space') {\n      if (isLinkMenuItem) {\n        linkRef?.current?.click();\n      } else {\n        onClick?.();\n      }\n    }\n    handleFocusKeyDown(event);\n  }, []);\n\n  const handleClick = useCallback(() => {\n    handleFocusClick();\n    onClick?.();\n  }, []);\n\n  useEffect(() => {\n    if (isFocused && domElementRef.current) {\n      (domElementRef as RefObject<SVGElement | HTMLElement>).current?.focus();\n    }\n  }, [isFocused]);\n\n  return {\n    tabIndex,\n    isFocused,\n    isDisabled,\n    handleKeyDown,\n    handleClick,\n  };\n}\n","import React, { forwardRef, RefObject, useContext, useRef } from 'react';\nimport classNames from 'classnames';\nimport { ButtonsColorPalette, Comp, getContainerStylingTransientProps } from '../../types';\nimport { ItemProps } from './types';\nimport { StyledItem } from './styles';\nimport { useListboxItem } from '../listbox/useListboxItem';\nimport { FocusWithinGroupContext } from '../focus-within-group';\nimport { useMenuItem } from './useMenuItem';\nimport { isComponent, useId } from '../../utils';\nimport { useTheme } from '../theme';\nimport { Flexbox } from '../flexbox';\nimport { Icon } from '../icon';\nimport { Text } from '../text';\nimport { mdiCheckboxBlankOutline, mdiCheckboxMarked } from '@redsift/icons';\nimport { ConditionalWrapper } from '../conditional-wrapper';\nimport { StyledGradientBorder } from '../gradient-border';\n\nconst COMPONENT_NAME = 'Item';\nconst CLASSNAME = 'redsift-item';\n\nexport const RenderedListboxItem: Comp<Omit<ItemProps, 'value'> & Required<Pick<ItemProps, 'value'>>, HTMLElement> =\n  forwardRef((props, ref) => {\n    const { transientProps, otherProps } = getContainerStylingTransientProps(props);\n\n    const {\n      borderRadius = '0',\n      children,\n      className,\n      color: propsColor,\n      defaultSelected,\n      id: propsId,\n      isActive,\n      isDisabled: propsIsDisabled,\n      isHovered,\n      isSelected: propsIsSelected,\n      hasBorder,\n      hasCheckbox,\n      theme: propsTheme,\n      value,\n      ...forwardedProps\n    } = otherProps;\n    const id = propsId ?? value;\n    const _ref = useRef<HTMLElement>();\n    const divRef = ref ?? _ref;\n\n    const { tabIndex, isFocused, isSelected, isDisabled, handleKeyDown, handleClick } = useListboxItem({\n      domElementRef: divRef as RefObject<Element>,\n      value,\n      id,\n      isDisabled: propsIsDisabled!,\n      propsIsSelected: propsIsSelected ?? defaultSelected,\n    });\n\n    const theme = useTheme(propsTheme);\n    const color = Object.values(ButtonsColorPalette).includes(propsColor!) ? propsColor : 'primary';\n    const isGradient = color === ButtonsColorPalette.radar;\n\n    return (\n      <ConditionalWrapper\n        condition={isGradient}\n        wrapper={(children) => (\n          <StyledGradientBorder\n            $borderRadius={borderRadius}\n            $color={color}\n            $isActive={isActive}\n            $isDisabled={isDisabled}\n            $isHovered={isHovered}\n            $theme={theme}\n            width=\"auto\"\n          >\n            {children}\n          </StyledGradientBorder>\n        )}\n      >\n        <StyledItem\n          role=\"option\"\n          {...forwardedProps}\n          {...transientProps}\n          id={id}\n          $borderRadius={borderRadius}\n          $color={color}\n          $hasBorder={hasBorder}\n          $hasCheckbox={hasCheckbox}\n          $isActive={isActive || isSelected}\n          $isDisabled={isDisabled}\n          $isGradient={isGradient}\n          $isHovered={isHovered || isFocused}\n          $theme={theme}\n          aria-selected={isSelected}\n          aria-disabled={isDisabled}\n          className={classNames(Item.className, className)}\n          onClick={isDisabled ? undefined : handleClick}\n          ref={divRef as RefObject<HTMLDivElement>}\n          onKeyDown={handleKeyDown}\n          tabIndex={tabIndex}\n        >\n          {hasCheckbox ? (\n            <Flexbox>\n              {isSelected ? (\n                <Icon color={isDisabled ? 'grey' : color} icon={mdiCheckboxMarked} />\n              ) : (\n                <Icon color=\"question\" icon={mdiCheckboxBlankOutline} />\n              )}\n              {children ? children : <Text>{value}</Text>}\n            </Flexbox>\n          ) : (\n            children ?? value\n          )}\n        </StyledItem>\n      </ConditionalWrapper>\n    );\n  });\n\nconst RenderedMenuItem: Comp<Omit<ItemProps, 'value'>, HTMLElement> = forwardRef((props, ref) => {\n  const { transientProps, otherProps } = getContainerStylingTransientProps(props);\n\n  const {\n    borderRadius = '0',\n    children,\n    className,\n    color: propsColor,\n    hasBorder,\n    id: propsId,\n    isActive,\n    isDisabled: propsIsDisabled,\n    isHovered,\n    theme: propsTheme,\n    onClick,\n    ...forwardedProps\n  } = otherProps;\n  const [_id] = useId();\n  const id = propsId ?? _id;\n  const _ref = useRef<HTMLElement>();\n  const divRef = ref ?? _ref;\n  const linkRef = useRef<HTMLAnchorElement>(null);\n\n  const isLinkMenuItem = isComponent('Link')(children);\n  const { tabIndex, isFocused, isDisabled, handleKeyDown, handleClick } = useMenuItem({\n    domElementRef: divRef as RefObject<Element>,\n    id,\n    isDisabled: propsIsDisabled!,\n    onClick: onClick as any,\n    isLinkMenuItem,\n    linkRef,\n  });\n\n  const theme = useTheme(propsTheme);\n  const color = Object.values(ButtonsColorPalette).includes(propsColor!) ? propsColor : 'primary';\n  const isGradient = color === ButtonsColorPalette.radar;\n\n  return (\n    <ConditionalWrapper\n      condition={isGradient}\n      wrapper={(children) => (\n        <StyledGradientBorder\n          $borderRadius={borderRadius}\n          $color={color}\n          $isActive={isActive}\n          $isDisabled={isDisabled}\n          $isHovered={isHovered}\n          $theme={theme}\n          width=\"auto\"\n        >\n          {children}\n        </StyledGradientBorder>\n      )}\n    >\n      <StyledItem\n        as=\"li\"\n        role={isLinkMenuItem ? 'none' : 'menuitem'}\n        {...forwardedProps}\n        {...transientProps}\n        id={id}\n        $borderRadius={borderRadius}\n        $color={color}\n        $hasBorder={hasBorder}\n        $hasCheckbox={false}\n        $isActive={isActive}\n        $isDisabled={isDisabled}\n        $isGradient={isGradient}\n        $isHovered={isHovered || isFocused}\n        $theme={theme}\n        aria-disabled={isDisabled}\n        className={classNames(Item.className, className)}\n        onClick={isDisabled ? undefined : handleClick}\n        ref={divRef as RefObject<HTMLLIElement>}\n        onKeyDown={handleKeyDown}\n        tabIndex={tabIndex}\n      >\n        {isLinkMenuItem\n          ? React.cloneElement(children, {\n              role: 'menuitem',\n              ref: linkRef,\n            })\n          : children}\n      </StyledItem>\n    </ConditionalWrapper>\n  );\n});\n\n/**\n * The Item component.\n */\nexport const Item: Comp<ItemProps, HTMLElement> = forwardRef((props, ref) => {\n  const { value } = props;\n  const focusContext = useContext(FocusWithinGroupContext);\n  const isListbox = focusContext.state.listRole === 'listbox';\n\n  if (!focusContext.state.filter) {\n    return isListbox ? (\n      <RenderedListboxItem {...props} value={props.value!} ref={ref} />\n    ) : (\n      <RenderedMenuItem {...props} ref={ref} />\n    );\n  }\n\n  const { value: filterValue, type, caseSensitive } = focusContext.state.filter;\n\n  if (!filterValue) {\n    return isListbox ? (\n      <RenderedListboxItem {...props} value={props.value!} ref={ref} />\n    ) : (\n      <RenderedMenuItem {...props} ref={ref} />\n    );\n  } else if (\n    caseSensitive &&\n    ((type === 'startsWith' && value!.startsWith(filterValue)) ||\n      (type === 'contains' && value!.includes(filterValue)) ||\n      (type === 'endsWith' && value!.endsWith(filterValue)))\n  ) {\n    return isListbox ? (\n      <RenderedListboxItem {...props} value={props.value!} ref={ref} />\n    ) : (\n      <RenderedMenuItem {...props} ref={ref} />\n    );\n  } else if (\n    !caseSensitive &&\n    ((type === 'startsWith' && value!.toLowerCase().startsWith(filterValue.toLowerCase())) ||\n      (type === 'contains' && value!.toLowerCase().includes(filterValue.toLowerCase())) ||\n      (type === 'endsWith' && value!.toLowerCase().endsWith(filterValue.toLowerCase())))\n  ) {\n    return isListbox ? (\n      <RenderedListboxItem {...props} value={props.value!} ref={ref} />\n    ) : (\n      <RenderedMenuItem {...props} ref={ref} />\n    );\n  }\n\n  return null;\n});\nItem.className = CLASSNAME;\nItem.displayName = COMPONENT_NAME;\n"],"names":["StyledItem","styled","div","baseContainer","_ref","$color","$isActive","$isDisabled","$isGradient","$isHovered","$hasBorder","$theme","css","_ref2","_ref3","useMenuItem","props","domElementRef","id","isDisabled","onClick","isLinkMenuItem","linkRef","tabIndex","isFocused","handleKeyDown","handleFocusKeyDown","handleClick","handleFocusClick","useFocusOnListItem","useCallback","event","code","_linkRef$current","current","click","useEffect","_current","focus","COMPONENT_NAME","CLASSNAME","RenderedListboxItem","forwardRef","ref","transientProps","otherProps","getContainerStylingTransientProps","borderRadius","children","className","color","propsColor","defaultSelected","propsId","isActive","propsIsDisabled","isHovered","isSelected","propsIsSelected","hasBorder","hasCheckbox","theme","propsTheme","value","forwardedProps","_objectWithoutProperties","_excluded","useRef","divRef","useListboxItem","useTheme","Object","values","ButtonsColorPalette","includes","isGradient","radar","React","createElement","ConditionalWrapper","condition","wrapper","StyledGradientBorder","$borderRadius","width","_extends","role","$hasCheckbox","classNames","Item","undefined","onKeyDown","Flexbox","Icon","icon","mdiCheckboxMarked","mdiCheckboxBlankOutline","Text","RenderedMenuItem","_excluded2","_id","useId","isComponent","as","cloneElement","focusContext","useContext","FocusWithinGroupContext","isListbox","state","listRole","filter","filterValue","type","caseSensitive","startsWith","endsWith","toLowerCase","displayName"],"mappings":"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"}
+{"version":3,"file":"Item2.js","sources":["../../src/components/item/styles.ts","../../src/components/item/useMenuItem.ts","../../src/components/item/Item.tsx"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { baseContainer } from '../shared';\nimport { StyledItemProps } from './types';\n\n/**\n * Component style.\n */\nexport const StyledItem = styled.div<StyledItemProps>`\n  min-height: 36px;\n  position: relative;\n  width: 100%;\n  padding: 8px 16px;\n\n  ${baseContainer}\n\n  align-items: center;\n  background: none;\n  border: none;\n  box-sizing: border-box;\n  cursor: pointer;\n  display: inline-flex;\n\n  > a {\n    display: inline-flex;\n    align-items: center;\n    text-decoration: none;\n    color: inherit;\n  }\n\n  ${({ $color, $isActive, $isDisabled, $isGradient, $isHovered, $hasBorder, $theme }) => css`\n    ${!$isGradient\n      ? css`\n          background-color: var(\n            --redsift-color-${$theme}-components-buttons-secondary-button-${$isDisabled ? 'grey' : $color}-background-${$isActive ? 'active' : $isHovered || $isDisabled ? 'hover' : 'default'}\n          );\n        `\n      : css`\n          background: var(\n            --redsift-color-${$theme}-components-buttons-secondary-button-${$isDisabled ? 'grey' : $color}-background-${$isActive ? 'active' : $isHovered || $isDisabled ? 'hover' : 'default'}\n          );\n        `}\n\n    ${$hasBorder\n      ? css`\n          border: 1px solid\n            var(\n              --redsift-color-${$theme}-components-buttons-secondary-button-${$isDisabled ? 'grey' : $color}-text-${$isActive ? 'active' : $isHovered || $isDisabled ? 'hover' : 'default'}\n            );\n        `\n      : ''}\n  `}\n\n  &:hover {\n    outline: none;\n    cursor: pointer;\n\n    ${({ $color, $isDisabled, $isGradient, $hasBorder, $theme }) => css`\n      ${$isDisabled ? 'cursor: inherit;' : ''}\n\n      ${!$isDisabled\n        ? css`\n            ${!$isGradient\n              ? css`\n                  background-color: var(\n                    --redsift-color-${$theme}-components-buttons-secondary-button-${$color}-background-hover\n                  );\n\n                  ${$hasBorder\n                    ? css`\n                        border: 1px solid\n                          var(--redsift-color-${$theme}-components-buttons-secondary-button-${$color}-text-hover);\n                      `\n                    : ''}\n                `\n              : css`\n                  background: var(\n                    --redsift-color-${$theme}-components-buttons-secondary-button-${$color}-background-hover\n                  );\n                `}\n          `\n        : ''}\n    `};\n  }\n\n  &:active {\n    outline: none;\n\n    ${({ $color, $hasBorder, $isHovered, $isDisabled, $isGradient, $theme }) => css`\n      ${!$isDisabled\n        ? css`\n            ${!$isGradient\n              ? css`\n                  background-color: var(\n                    --redsift-color-${$theme}-components-buttons-secondary-button-${$isDisabled\n                        ? 'grey'\n                        : $color}-background-${$isHovered ? 'hover' : 'active'}\n                  );\n\n                  ${$hasBorder\n                    ? css`\n                        border: 1px solid\n                          var(\n                            --redsift-color-${$theme}-components-buttons-secondary-button-${$isDisabled\n                                ? 'grey'\n                                : $color}-text-${$isHovered ? 'hover' : 'active'}\n                          );\n                      `\n                    : ''}\n                `\n              : css`\n                  background: var(\n                    --redsift-color-${$theme}-components-buttons-secondary-button-${$isDisabled\n                        ? 'grey'\n                        : $color}-background-${$isHovered ? 'hover' : 'active'}\n                  );\n                `}\n          `\n        : ''}\n    `};\n  }\n`;\n","import { useCallback, useEffect, RefObject, KeyboardEvent } from 'react';\nimport { UseFocusWithinGroupProps, useFocusOnListItem } from '../focus-within-group';\n\nexport function useMenuItem(props: {\n  domElementRef: RefObject<Element>;\n  id: string;\n  isDisabled?: boolean;\n  onClick?: () => void;\n  isLinkMenuItem?: boolean;\n  linkRef?: RefObject<HTMLAnchorElement>;\n}): UseFocusWithinGroupProps & {\n  isDisabled?: boolean;\n} {\n  const { domElementRef, id, isDisabled, onClick, isLinkMenuItem, linkRef } = props;\n\n  const {\n    tabIndex,\n    isFocused,\n    handleKeyDown: handleFocusKeyDown,\n    handleClick: handleFocusClick,\n  } = useFocusOnListItem({ domElementRef, isDisabled: isDisabled!, id });\n\n  const handleKeyDown = useCallback((event: KeyboardEvent) => {\n    const code = event.code;\n    if (code === 'Enter' || code === 'Space') {\n      if (isLinkMenuItem) {\n        linkRef?.current?.click();\n      } else {\n        onClick?.();\n      }\n    }\n    handleFocusKeyDown(event);\n  }, []);\n\n  const handleClick = useCallback(() => {\n    handleFocusClick();\n    onClick?.();\n  }, []);\n\n  useEffect(() => {\n    if (isFocused && domElementRef.current) {\n      (domElementRef as RefObject<SVGElement | HTMLElement>).current?.focus();\n    }\n  }, [isFocused]);\n\n  return {\n    tabIndex,\n    isFocused,\n    isDisabled,\n    handleKeyDown,\n    handleClick,\n  };\n}\n","import React, { forwardRef, RefObject, useContext, useRef } from 'react';\nimport classNames from 'classnames';\nimport { ButtonsColorPalette, Comp, getContainerStylingTransientProps } from '../../types';\nimport { ItemProps } from './types';\nimport { StyledItem } from './styles';\nimport { useListboxItem } from '../listbox/useListboxItem';\nimport { FocusWithinGroupContext } from '../focus-within-group';\nimport { useMenuItem } from './useMenuItem';\nimport { isComponent, useId } from '../../utils';\nimport { useTheme } from '../theme';\nimport { Flexbox } from '../flexbox';\nimport { Icon } from '../icon';\nimport { Text } from '../text';\nimport { mdiCheckboxBlankOutline, mdiCheckboxMarked } from '@redsift/icons';\nimport { ConditionalWrapper } from '../conditional-wrapper';\nimport { StyledGradientBorder } from '../gradient-border';\n\nconst COMPONENT_NAME = 'Item';\nconst CLASSNAME = 'redsift-item';\n\nexport const RenderedListboxItem: Comp<Omit<ItemProps, 'value'> & Required<Pick<ItemProps, 'value'>>, HTMLElement> =\n  forwardRef((props, ref) => {\n    const { transientProps, otherProps } = getContainerStylingTransientProps(props);\n\n    const {\n      borderRadius = '0',\n      children,\n      className,\n      color: propsColor,\n      defaultSelected,\n      id: propsId,\n      isActive,\n      isDisabled: propsIsDisabled,\n      isHovered,\n      isSelected: propsIsSelected,\n      hasBorder,\n      hasCheckbox,\n      theme: propsTheme,\n      value,\n      ...forwardedProps\n    } = otherProps;\n    const id = propsId ?? value;\n    const _ref = useRef<HTMLElement>();\n    const divRef = ref ?? _ref;\n\n    const { tabIndex, isFocused, isSelected, isDisabled, handleKeyDown, handleClick } = useListboxItem({\n      domElementRef: divRef as RefObject<Element>,\n      value,\n      id,\n      isDisabled: propsIsDisabled!,\n      propsIsSelected: propsIsSelected ?? defaultSelected,\n    });\n\n    const theme = useTheme(propsTheme);\n    const color = Object.values(ButtonsColorPalette).includes(propsColor!) ? propsColor : 'primary';\n    const isGradient = color === ButtonsColorPalette.radar;\n\n    return (\n      <ConditionalWrapper\n        condition={isGradient}\n        wrapper={(children) => (\n          <StyledGradientBorder\n            $borderRadius={borderRadius}\n            $color={color}\n            $isActive={isActive}\n            $isDisabled={isDisabled}\n            $isHovered={isHovered}\n            $theme={theme}\n            width=\"auto\"\n          >\n            {children}\n          </StyledGradientBorder>\n        )}\n      >\n        <StyledItem\n          role=\"option\"\n          {...forwardedProps}\n          {...transientProps}\n          id={id}\n          $borderRadius={borderRadius}\n          $color={color}\n          $hasBorder={hasBorder}\n          $hasCheckbox={hasCheckbox}\n          $isActive={isActive || isSelected}\n          $isDisabled={isDisabled}\n          $isGradient={isGradient}\n          $isHovered={isHovered || isFocused}\n          $theme={theme}\n          aria-selected={isSelected}\n          aria-disabled={isDisabled}\n          className={classNames(Item.className, className)}\n          onClick={isDisabled ? undefined : handleClick}\n          ref={divRef as RefObject<HTMLDivElement>}\n          onKeyDown={handleKeyDown}\n          tabIndex={tabIndex}\n        >\n          {hasCheckbox ? (\n            <Flexbox>\n              {isSelected ? (\n                <Icon color={isDisabled ? 'grey' : color} icon={mdiCheckboxMarked} />\n              ) : (\n                <Icon color=\"question\" icon={mdiCheckboxBlankOutline} />\n              )}\n              {children ? children : <Text>{value}</Text>}\n            </Flexbox>\n          ) : (\n            children ?? value\n          )}\n        </StyledItem>\n      </ConditionalWrapper>\n    );\n  });\n\nconst RenderedMenuItem: Comp<Omit<ItemProps, 'value'>, HTMLElement> = forwardRef((props, ref) => {\n  const { transientProps, otherProps } = getContainerStylingTransientProps(props);\n\n  const {\n    borderRadius = '0',\n    children,\n    className,\n    color: propsColor,\n    hasBorder,\n    id: propsId,\n    isActive,\n    isDisabled: propsIsDisabled,\n    isHovered,\n    theme: propsTheme,\n    onClick,\n    ...forwardedProps\n  } = otherProps;\n  const [_id] = useId();\n  const id = propsId ?? _id;\n  const _ref = useRef<HTMLElement>();\n  const divRef = ref ?? _ref;\n  const linkRef = useRef<HTMLAnchorElement>(null);\n\n  const isLinkMenuItem = isComponent('Link')(children);\n  const { tabIndex, isFocused, isDisabled, handleKeyDown, handleClick } = useMenuItem({\n    domElementRef: divRef as RefObject<Element>,\n    id,\n    isDisabled: propsIsDisabled!,\n    onClick: onClick as any,\n    isLinkMenuItem,\n    linkRef,\n  });\n\n  const theme = useTheme(propsTheme);\n  const color = Object.values(ButtonsColorPalette).includes(propsColor!) ? propsColor : 'primary';\n  const isGradient = color === ButtonsColorPalette.radar;\n\n  return (\n    <ConditionalWrapper\n      condition={isGradient}\n      wrapper={(children) => (\n        <StyledGradientBorder\n          $borderRadius={borderRadius}\n          $color={color}\n          $isActive={isActive}\n          $isDisabled={isDisabled}\n          $isHovered={isHovered}\n          $theme={theme}\n          width=\"auto\"\n        >\n          {children}\n        </StyledGradientBorder>\n      )}\n    >\n      <StyledItem\n        as=\"li\"\n        role={isLinkMenuItem ? 'none' : 'menuitem'}\n        {...forwardedProps}\n        {...transientProps}\n        id={id}\n        $borderRadius={borderRadius}\n        $color={color}\n        $hasBorder={hasBorder}\n        $hasCheckbox={false}\n        $isActive={isActive}\n        $isDisabled={isDisabled}\n        $isGradient={isGradient}\n        $isHovered={isHovered || isFocused}\n        $theme={theme}\n        aria-disabled={isDisabled}\n        className={classNames(Item.className, className)}\n        onClick={isDisabled ? undefined : handleClick}\n        ref={divRef as RefObject<HTMLLIElement>}\n        onKeyDown={handleKeyDown}\n        tabIndex={tabIndex}\n      >\n        {isLinkMenuItem\n          ? React.cloneElement(children, {\n              role: 'menuitem',\n              ref: linkRef,\n            })\n          : children}\n      </StyledItem>\n    </ConditionalWrapper>\n  );\n});\n\n/**\n * The Item component.\n */\nexport const Item: Comp<ItemProps, HTMLElement> = forwardRef((props, ref) => {\n  const { value } = props;\n  const focusContext = useContext(FocusWithinGroupContext);\n  const isListbox = focusContext.state.listRole === 'listbox';\n\n  if (!focusContext.state.filter) {\n    return isListbox ? (\n      <RenderedListboxItem {...props} value={props.value!} ref={ref} />\n    ) : (\n      <RenderedMenuItem {...props} ref={ref} />\n    );\n  }\n\n  const { value: filterValue, type, caseSensitive } = focusContext.state.filter;\n\n  if (!filterValue) {\n    return isListbox ? (\n      <RenderedListboxItem {...props} value={props.value!} ref={ref} />\n    ) : (\n      <RenderedMenuItem {...props} ref={ref} />\n    );\n  } else if (\n    caseSensitive &&\n    ((type === 'startsWith' && value!.startsWith(filterValue)) ||\n      (type === 'contains' && value!.includes(filterValue)) ||\n      (type === 'endsWith' && value!.endsWith(filterValue)))\n  ) {\n    return isListbox ? (\n      <RenderedListboxItem {...props} value={props.value!} ref={ref} />\n    ) : (\n      <RenderedMenuItem {...props} ref={ref} />\n    );\n  } else if (\n    !caseSensitive &&\n    ((type === 'startsWith' && value!.toLowerCase().startsWith(filterValue.toLowerCase())) ||\n      (type === 'contains' && value!.toLowerCase().includes(filterValue.toLowerCase())) ||\n      (type === 'endsWith' && value!.toLowerCase().endsWith(filterValue.toLowerCase())))\n  ) {\n    return isListbox ? (\n      <RenderedListboxItem {...props} value={props.value!} ref={ref} />\n    ) : (\n      <RenderedMenuItem {...props} ref={ref} />\n    );\n  }\n\n  return null;\n});\nItem.className = CLASSNAME;\nItem.displayName = COMPONENT_NAME;\n"],"names":["StyledItem","styled","div","baseContainer","_ref","$color","$isActive","$isDisabled","$isGradient","$isHovered","$hasBorder","$theme","css","_ref2","_ref3","useMenuItem","props","domElementRef","id","isDisabled","onClick","isLinkMenuItem","linkRef","tabIndex","isFocused","handleKeyDown","handleFocusKeyDown","handleClick","handleFocusClick","useFocusOnListItem","useCallback","event","code","_linkRef$current","current","click","useEffect","_current","focus","COMPONENT_NAME","CLASSNAME","RenderedListboxItem","forwardRef","ref","transientProps","otherProps","getContainerStylingTransientProps","borderRadius","children","className","color","propsColor","defaultSelected","propsId","isActive","propsIsDisabled","isHovered","isSelected","propsIsSelected","hasBorder","hasCheckbox","theme","propsTheme","value","forwardedProps","_objectWithoutProperties","_excluded","useRef","divRef","useListboxItem","useTheme","Object","values","ButtonsColorPalette","includes","isGradient","radar","React","createElement","ConditionalWrapper","condition","wrapper","StyledGradientBorder","$borderRadius","width","_extends","role","$hasCheckbox","classNames","Item","undefined","onKeyDown","Flexbox","Icon","icon","mdiCheckboxMarked","mdiCheckboxBlankOutline","Text","RenderedMenuItem","_excluded2","_id","useId","isComponent","as","cloneElement","focusContext","useContext","FocusWithinGroupContext","isListbox","state","listRole","filter","filterValue","type","caseSensitive","startsWith","endsWith","toLowerCase","displayName"],"mappings":"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"}

package/_internal/styles2.js

@@ -38,6 +38,7 @@ const StyledButton = styled.button`
   text-transform: var(--redsift-typography-button-text-transform);
   vertical-align: middle;
   -webkit-font-smoothing: antialiased;
+  cursor: pointer;
   ${baseStyling}
 
   ${_ref => {
@@ -119,6 +120,7 @@ const StyledButton = styled.button`
   &:hover,
   &:focus-visible {
     outline: none;
+    cursor: pointer;
 
     ${_ref3 => {
   let {
@@ -129,7 +131,7 @@ const StyledButton = styled.button`
     $theme
   } = _ref3;
   return css`
-      cursor: ${$isDisabled ? 'default' : 'pointer'};
+      ${$isDisabled ? 'cursor: inherit;' : ''}
 
       ${!$isGradient ? css`
             background-color: var(

package/_internal/styles2.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles2.js","sources":["../../src/components/button/types.ts","../../src/components/button/styles.ts"],"sourcesContent":["import { ComponentProps } from 'react';\nimport { ButtonsColorPalette, StylingProps, StylingTransientProps, Theme, ValueOf } from '../../types';\nimport { IconProps } from '../icon';\n\n/**\n * Component variant.\n */\nexport const ButtonVariant = {\n  primary: 'primary',\n  secondary: 'secondary',\n  unstyled: 'unstyled',\n} as const;\nexport type ButtonVariant = ValueOf<typeof ButtonVariant>;\n\n/**\n * Component color.\n */\nexport type ButtonColor = ButtonsColorPalette;\n\n/**\n * Component props.\n */\nexport interface ButtonProps extends ComponentProps<'button'>, StylingProps {\n  /** Color variant. */\n  color?: ButtonColor;\n  /** Whether the component take the full width or not. */\n  fullWidth?: boolean;\n  /** Whether the component is active or not. */\n  isActive?: boolean;\n  /** Whether the component is disabled or not. */\n  isDisabled?: boolean;\n  /** Whether the component is hovered or not. */\n  isHovered?: boolean;\n  /** Whether the component is in a loading state or not. */\n  isLoading?: boolean;\n  /**\n   * Can be a string or an array of strings containing `d` property of the `path` SVG element.<br />\n   * Can also be a ReactElement.\n   */\n  leftIcon?: IconProps['icon'];\n  /** Props to add to the left icon. */\n  leftIconProps?: Omit<IconProps, 'icon' | 'ref'>;\n  /**\n   * Can be a string or an array of strings containing `d` property of the `path` SVG element.<br />\n   * Can also be a ReactElement.\n   */\n  rightIcon?: IconProps['icon'];\n  /** Props to add to the right icon. */\n  rightIconProps?: Omit<IconProps, 'icon' | 'ref'>;\n  /** Theme. */\n  theme?: Theme;\n  /** Button variant. */\n  variant?: ButtonVariant;\n}\n\nexport interface StyledButtonProps extends ComponentProps<'button'>, StylingTransientProps {\n  $color: ButtonProps['color'];\n  $fullWidth?: ButtonProps['fullWidth'];\n  $isActive: ButtonProps['isActive'];\n  $isDisabled: ButtonProps['isDisabled'];\n  $isGradient: boolean;\n  $isHovered: ButtonProps['isHovered'];\n  $isLoading: ButtonProps['isLoading'];\n  $theme: ButtonProps['theme'];\n  $variant: ButtonProps['variant'];\n}\n","import styled, { css } from 'styled-components';\nimport { baseStyling, focusRing } from '../shared';\nimport { StyledButtonProps, ButtonVariant } from './types';\n\n/**\n * Component style.\n */\nexport const StyledButton = styled.button<StyledButtonProps>`\n  align-items: center;\n  background: none;\n  border: none;\n  border-radius: 4px;\n  display: inline-flex;\n  font-family: var(--redsift-typography-button-font-family);\n  font-size: var(--redsift-typography-button-font-size);\n  font-weight: var(--redsift-typography-button-font-weight);\n  gap: 8px;\n  height: fit-content;\n  justify-content: center;\n  line-height: var(--redsift-typography-button-line-height);\n  text-decoration: none;\n  text-transform: var(--redsift-typography-button-text-transform);\n  vertical-align: middle;\n  -webkit-font-smoothing: antialiased;\n  ${baseStyling}\n\n  ${({ $isLoading }) =>\n    $isLoading\n      ? css`\n          & > span {\n            opacity: 0;\n          }\n\n          & > .redsift-shield {\n            position: absolute;\n          }\n        `\n      : ''}\n\n  ${({ $variant, $color, $isActive, $isDisabled, $isGradient, $isHovered, $theme }) => css`\n    padding: ${$variant !== ButtonVariant.secondary ||\n    ($variant === ButtonVariant.secondary && $isGradient && !$isDisabled)\n      ? '9px 16px'\n      : '8px 15px'};\n\n    ${!$isGradient\n      ? css`\n          background-color: var(\n            --redsift-color-${$theme}-components-buttons-${$variant}-button-${$color}-background-${$isDisabled\n                ? 'disabled'\n                : $isActive\n                ? 'active'\n                : $isHovered\n                ? 'hover'\n                : 'default'}\n          );\n          &,\n          .redsift-icon:not(.colored) {\n            color: var(\n              --redsift-color-${$theme}-components-buttons-${$variant}-button-${$color}-text-${$isDisabled\n                  ? 'disabled'\n                  : $isActive\n                  ? 'active'\n                  : $isHovered\n                  ? 'hover'\n                  : 'default'}\n            );\n          }\n        `\n      : css`\n          background: var(\n            --redsift-color-${$theme}-components-buttons-${$variant}-button-${$color}-background-${$isDisabled\n                ? 'disabled'\n                : $isActive\n                ? 'active'\n                : $isHovered\n                ? 'hover'\n                : 'default'}\n          );\n\n          ${$variant === ButtonVariant.primary || $isDisabled\n            ? css`\n                &,\n                .redsift-icon:not(.colored) {\n                  color: var(\n                    --redsift-color-${$theme}-components-buttons-${$variant}-button-${$color}-text-${$isDisabled\n                        ? 'disabled'\n                        : $isActive\n                        ? 'active'\n                        : $isHovered\n                        ? 'hover'\n                        : 'default'}\n                  );\n                }\n              `\n            : ''}\n\n          ${$variant !== ButtonVariant.primary && !$isDisabled\n            ? css`\n                path {\n                  fill: url(#${$color}-gradient-${$isActive ? 'active' : $isHovered ? 'hover' : 'default'});\n                }\n              `\n            : ''}\n\n          span {\n            background: var(\n              --redsift-color-${$theme}-components-buttons-${$variant}-button-${$color}-text-${$isDisabled\n                  ? 'disabled'\n                  : $isActive\n                  ? 'active'\n                  : $isHovered\n                  ? 'hover'\n                  : 'default'}\n            );\n            background-clip: text;\n            color: transparent;\n          }\n        `}\n\n    ${$variant === ButtonVariant.secondary\n      ? css`\n          border: 1px solid\n            var(\n              --redsift-color-${$theme}-components-buttons-secondary-button-${$color}-text-${$isDisabled ? 'disabled' : $isActive ? 'active' : $isHovered ? 'hover' : 'default'}\n            );\n        `\n      : ''}\n  `};\n\n  &:hover,\n  &:focus-visible {\n    outline: none;\n\n    ${({ $variant, $color, $isDisabled, $isGradient, $theme }) => css`\n      cursor: ${$isDisabled ? 'default' : 'pointer'};\n\n      ${!$isGradient\n        ? css`\n            background-color: var(\n              --redsift-color-${$theme}-components-buttons-${$variant}-button-${$color}-background-${$isDisabled\n                  ? 'disabled'\n                  : 'hover'}\n            );\n            &,\n            .redsift-icon:not(.colored) {\n              color: var(\n                --redsift-color-${$theme}-components-buttons-${$variant}-button-${$color}-text-${$isDisabled\n                    ? 'disabled'\n                    : 'hover'}\n              );\n            }\n\n            ${$variant === ButtonVariant.secondary\n              ? css`\n                  border: 1px solid\n                    var(\n                      --redsift-color-${$theme}-components-buttons-secondary-button-${$color}-text-${$isDisabled ? 'disabled' : 'hover'}\n                    );\n                `\n              : ''}\n          `\n        : css`\n            background: var(\n              --redsift-color-${$theme}-components-buttons-${$variant}-button-${$color}-background-${$isDisabled\n                  ? 'disabled'\n                  : 'hover'}\n            );\n\n            ${$variant !== ButtonVariant.primary && !$isDisabled\n              ? css`\n                  path {\n                    fill: url(#${$color}-gradient-hover);\n                  }\n                `\n              : ''}\n          `}\n    `};\n  }\n\n  &:active {\n    outline: none;\n\n    ${({ $variant, $color, $isGradient, $isHovered, $isDisabled, $theme }) => css`\n      ${!$isGradient\n        ? css`\n            background-color: var(\n              --redsift-color-${$theme}-components-buttons-${$variant}-button-${$color}-background-${$isDisabled\n                  ? 'disabled'\n                  : $isHovered\n                  ? 'hover'\n                  : 'active'}\n            );\n            &,\n            .redsift-icon:not(.colored) {\n              color: var(\n                --redsift-color-${$theme}-components-buttons-${$variant}-button-${$color}-text-${$isDisabled\n                    ? 'disabled'\n                    : $isHovered\n                    ? 'hover'\n                    : 'active'}\n              );\n            }\n\n            ${$variant === ButtonVariant.secondary\n              ? css`\n                  border: 1px solid\n                    var(\n                      --redsift-color-${$theme}-components-buttons-secondary-button-${$color}-text-${$isDisabled ? 'disabled' : $isHovered ? 'hover' : 'active'}\n                    );\n                `\n              : ''}\n          `\n        : css`\n            background: var(\n              --redsift-color-${$theme}-components-buttons-${$variant}-button-${$color}-background-${$isDisabled\n                  ? 'disabled'\n                  : $isHovered\n                  ? 'hover'\n                  : 'active'}\n            );\n\n            ${$variant !== ButtonVariant.primary && !$isDisabled\n              ? css`\n                  path {\n                    fill: url(#${$color}-gradient-active);\n                  }\n                `\n              : ''}\n          `}\n    `};\n  }\n\n  ${({ $fullWidth }) =>\n    $fullWidth\n      ? `\n        width: 100%;\n        flex-grow: 1;\n      `\n      : ''}\n\n  .redsift-icon.left {\n    margin-right: unset;\n    align-items: center;\n  }\n\n  .redsift-icon.right {\n    margin-left: unset;\n    align-items: center;\n  }\n\n  ${focusRing}\n`;\n"],"names":["ButtonVariant","primary","secondary","unstyled","StyledButton","styled","button","baseStyling","_ref","$isLoading","css","_ref2","$variant","$color","$isActive","$isDisabled","$isGradient","$isHovered","$theme","_ref3","_ref4","_ref5","$fullWidth","focusRing"],"mappings":"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"}
+{"version":3,"file":"styles2.js","sources":["../../src/components/button/types.ts","../../src/components/button/styles.ts"],"sourcesContent":["import { ComponentProps } from 'react';\nimport { ButtonsColorPalette, StylingProps, StylingTransientProps, Theme, ValueOf } from '../../types';\nimport { IconProps } from '../icon';\n\n/**\n * Component variant.\n */\nexport const ButtonVariant = {\n  primary: 'primary',\n  secondary: 'secondary',\n  unstyled: 'unstyled',\n} as const;\nexport type ButtonVariant = ValueOf<typeof ButtonVariant>;\n\n/**\n * Component color.\n */\nexport type ButtonColor = ButtonsColorPalette;\n\n/**\n * Component props.\n */\nexport interface ButtonProps extends ComponentProps<'button'>, StylingProps {\n  /** Color variant. */\n  color?: ButtonColor;\n  /** Whether the component take the full width or not. */\n  fullWidth?: boolean;\n  /** Whether the component is active or not. */\n  isActive?: boolean;\n  /** Whether the component is disabled or not. */\n  isDisabled?: boolean;\n  /** Whether the component is hovered or not. */\n  isHovered?: boolean;\n  /** Whether the component is in a loading state or not. */\n  isLoading?: boolean;\n  /**\n   * Can be a string or an array of strings containing `d` property of the `path` SVG element.<br />\n   * Can also be a ReactElement.\n   */\n  leftIcon?: IconProps['icon'];\n  /** Props to add to the left icon. */\n  leftIconProps?: Omit<IconProps, 'icon' | 'ref'>;\n  /**\n   * Can be a string or an array of strings containing `d` property of the `path` SVG element.<br />\n   * Can also be a ReactElement.\n   */\n  rightIcon?: IconProps['icon'];\n  /** Props to add to the right icon. */\n  rightIconProps?: Omit<IconProps, 'icon' | 'ref'>;\n  /** Theme. */\n  theme?: Theme;\n  /** Button variant. */\n  variant?: ButtonVariant;\n}\n\nexport interface StyledButtonProps extends ComponentProps<'button'>, StylingTransientProps {\n  $color: ButtonProps['color'];\n  $fullWidth?: ButtonProps['fullWidth'];\n  $isActive: ButtonProps['isActive'];\n  $isDisabled: ButtonProps['isDisabled'];\n  $isGradient: boolean;\n  $isHovered: ButtonProps['isHovered'];\n  $isLoading: ButtonProps['isLoading'];\n  $theme: ButtonProps['theme'];\n  $variant: ButtonProps['variant'];\n}\n","import styled, { css } from 'styled-components';\nimport { baseStyling, focusRing } from '../shared';\nimport { StyledButtonProps, ButtonVariant } from './types';\n\n/**\n * Component style.\n */\nexport const StyledButton = styled.button<StyledButtonProps>`\n  align-items: center;\n  background: none;\n  border: none;\n  border-radius: 4px;\n  display: inline-flex;\n  font-family: var(--redsift-typography-button-font-family);\n  font-size: var(--redsift-typography-button-font-size);\n  font-weight: var(--redsift-typography-button-font-weight);\n  gap: 8px;\n  height: fit-content;\n  justify-content: center;\n  line-height: var(--redsift-typography-button-line-height);\n  text-decoration: none;\n  text-transform: var(--redsift-typography-button-text-transform);\n  vertical-align: middle;\n  -webkit-font-smoothing: antialiased;\n  cursor: pointer;\n  ${baseStyling}\n\n  ${({ $isLoading }) =>\n    $isLoading\n      ? css`\n          & > span {\n            opacity: 0;\n          }\n\n          & > .redsift-shield {\n            position: absolute;\n          }\n        `\n      : ''}\n\n  ${({ $variant, $color, $isActive, $isDisabled, $isGradient, $isHovered, $theme }) => css`\n    padding: ${$variant !== ButtonVariant.secondary ||\n    ($variant === ButtonVariant.secondary && $isGradient && !$isDisabled)\n      ? '9px 16px'\n      : '8px 15px'};\n\n    ${!$isGradient\n      ? css`\n          background-color: var(\n            --redsift-color-${$theme}-components-buttons-${$variant}-button-${$color}-background-${$isDisabled\n                ? 'disabled'\n                : $isActive\n                ? 'active'\n                : $isHovered\n                ? 'hover'\n                : 'default'}\n          );\n          &,\n          .redsift-icon:not(.colored) {\n            color: var(\n              --redsift-color-${$theme}-components-buttons-${$variant}-button-${$color}-text-${$isDisabled\n                  ? 'disabled'\n                  : $isActive\n                  ? 'active'\n                  : $isHovered\n                  ? 'hover'\n                  : 'default'}\n            );\n          }\n        `\n      : css`\n          background: var(\n            --redsift-color-${$theme}-components-buttons-${$variant}-button-${$color}-background-${$isDisabled\n                ? 'disabled'\n                : $isActive\n                ? 'active'\n                : $isHovered\n                ? 'hover'\n                : 'default'}\n          );\n\n          ${$variant === ButtonVariant.primary || $isDisabled\n            ? css`\n                &,\n                .redsift-icon:not(.colored) {\n                  color: var(\n                    --redsift-color-${$theme}-components-buttons-${$variant}-button-${$color}-text-${$isDisabled\n                        ? 'disabled'\n                        : $isActive\n                        ? 'active'\n                        : $isHovered\n                        ? 'hover'\n                        : 'default'}\n                  );\n                }\n              `\n            : ''}\n\n          ${$variant !== ButtonVariant.primary && !$isDisabled\n            ? css`\n                path {\n                  fill: url(#${$color}-gradient-${$isActive ? 'active' : $isHovered ? 'hover' : 'default'});\n                }\n              `\n            : ''}\n\n          span {\n            background: var(\n              --redsift-color-${$theme}-components-buttons-${$variant}-button-${$color}-text-${$isDisabled\n                  ? 'disabled'\n                  : $isActive\n                  ? 'active'\n                  : $isHovered\n                  ? 'hover'\n                  : 'default'}\n            );\n            background-clip: text;\n            color: transparent;\n          }\n        `}\n\n    ${$variant === ButtonVariant.secondary\n      ? css`\n          border: 1px solid\n            var(\n              --redsift-color-${$theme}-components-buttons-secondary-button-${$color}-text-${$isDisabled ? 'disabled' : $isActive ? 'active' : $isHovered ? 'hover' : 'default'}\n            );\n        `\n      : ''}\n  `};\n\n  &:hover,\n  &:focus-visible {\n    outline: none;\n    cursor: pointer;\n\n    ${({ $variant, $color, $isDisabled, $isGradient, $theme }) => css`\n      ${$isDisabled ? 'cursor: inherit;' : ''}\n\n      ${!$isGradient\n        ? css`\n            background-color: var(\n              --redsift-color-${$theme}-components-buttons-${$variant}-button-${$color}-background-${$isDisabled\n                  ? 'disabled'\n                  : 'hover'}\n            );\n            &,\n            .redsift-icon:not(.colored) {\n              color: var(\n                --redsift-color-${$theme}-components-buttons-${$variant}-button-${$color}-text-${$isDisabled\n                    ? 'disabled'\n                    : 'hover'}\n              );\n            }\n\n            ${$variant === ButtonVariant.secondary\n              ? css`\n                  border: 1px solid\n                    var(\n                      --redsift-color-${$theme}-components-buttons-secondary-button-${$color}-text-${$isDisabled ? 'disabled' : 'hover'}\n                    );\n                `\n              : ''}\n          `\n        : css`\n            background: var(\n              --redsift-color-${$theme}-components-buttons-${$variant}-button-${$color}-background-${$isDisabled\n                  ? 'disabled'\n                  : 'hover'}\n            );\n\n            ${$variant !== ButtonVariant.primary && !$isDisabled\n              ? css`\n                  path {\n                    fill: url(#${$color}-gradient-hover);\n                  }\n                `\n              : ''}\n          `}\n    `};\n  }\n\n  &:active {\n    outline: none;\n\n    ${({ $variant, $color, $isGradient, $isHovered, $isDisabled, $theme }) => css`\n      ${!$isGradient\n        ? css`\n            background-color: var(\n              --redsift-color-${$theme}-components-buttons-${$variant}-button-${$color}-background-${$isDisabled\n                  ? 'disabled'\n                  : $isHovered\n                  ? 'hover'\n                  : 'active'}\n            );\n            &,\n            .redsift-icon:not(.colored) {\n              color: var(\n                --redsift-color-${$theme}-components-buttons-${$variant}-button-${$color}-text-${$isDisabled\n                    ? 'disabled'\n                    : $isHovered\n                    ? 'hover'\n                    : 'active'}\n              );\n            }\n\n            ${$variant === ButtonVariant.secondary\n              ? css`\n                  border: 1px solid\n                    var(\n                      --redsift-color-${$theme}-components-buttons-secondary-button-${$color}-text-${$isDisabled ? 'disabled' : $isHovered ? 'hover' : 'active'}\n                    );\n                `\n              : ''}\n          `\n        : css`\n            background: var(\n              --redsift-color-${$theme}-components-buttons-${$variant}-button-${$color}-background-${$isDisabled\n                  ? 'disabled'\n                  : $isHovered\n                  ? 'hover'\n                  : 'active'}\n            );\n\n            ${$variant !== ButtonVariant.primary && !$isDisabled\n              ? css`\n                  path {\n                    fill: url(#${$color}-gradient-active);\n                  }\n                `\n              : ''}\n          `}\n    `};\n  }\n\n  ${({ $fullWidth }) =>\n    $fullWidth\n      ? `\n        width: 100%;\n        flex-grow: 1;\n      `\n      : ''}\n\n  .redsift-icon.left {\n    margin-right: unset;\n    align-items: center;\n  }\n\n  .redsift-icon.right {\n    margin-left: unset;\n    align-items: center;\n  }\n\n  ${focusRing}\n`;\n"],"names":["ButtonVariant","primary","secondary","unstyled","StyledButton","styled","button","baseStyling","_ref","$isLoading","css","_ref2","$variant","$color","$isActive","$isDisabled","$isGradient","$isHovered","$theme","_ref3","_ref4","_ref5","$fullWidth","focusRing"],"mappings":"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"}

package/_internal/styles4.js

@@ -20,6 +20,7 @@ const StyledLink = styled.a`
   padding: unset;
   position: relative;
   width: fit-content;
+  cursor: pointer;
 
   ${_ref => {
   let {
@@ -73,11 +74,6 @@ const StyledLink = styled.a`
           ${$color && $color === 'radar' && !$hasIcons ? css`
                   position: relative;
 
-                  &:hover,
-                  &:focus-visible {
-                    cursor: pointer !important;
-                  }
-
                   &:hover::before,
                   &:focus-visible::before {
                     content: '';
@@ -91,11 +87,6 @@ const StyledLink = styled.a`
                 ` : $color && $color === 'radar' && $hasIcons ? css`
                   position: relative;
 
-                  &:hover,
-                  &:focus-visible {
-                    cursor: pointer !important;
-                  }
-
                   .text::before {
                     content: '';
                     position: absolute;
@@ -119,7 +110,6 @@ const StyledLink = styled.a`
 
                   &:hover,
                   &:focus-visible {
-                    cursor: pointer !important;
                     ${Object.keys(NotificationsColorPalette).indexOf($color) !== -1 ? css`
                           text-decoration-color: var(--redsift-color-notifications-${$color}-primary);
                         ` : Object.keys(NeutralColorPalette).indexOf($color) !== -1 ? css`

package/_internal/styles4.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles4.js","sources":["../../src/components/link/styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { baseStyling } from '../shared';\nimport { StyledLinkProps } from './types';\nimport { NotificationsColorPalette, NeutralColorPalette, ProductColorPalette } from '../../types';\n\n/**\n * Component style.\n */\nexport const StyledLink = styled.a<StyledLinkProps>`\n  background: none;\n  border: none;\n  color: unset;\n  display: inline-flex;\n  gap: 4px;\n  align-items: center;\n  font-family: var(--redsift-typography-link-font-family);\n  font-size: var(--redsift-typography-link-font-size);\n  font-weight: var(--redsift-typography-link-font-weight);\n  height: var(--redsift-typography-link-line-height);\n  line-height: var(--redsift-typography-link-line-height);\n  padding: unset;\n  position: relative;\n  width: fit-content;\n\n  ${({ $hasIcons }) =>\n    $hasIcons\n      ? css`\n          bottom: -2px;\n        `\n      : ''}\n\n  ${baseStyling}\n\n  ${({ $isDisabled, $color, $theme, $hasIcons }) =>\n    !$isDisabled\n      ? css`\n          ${\n            $color && $color === 'radar'\n              ? css`\n                  background: linear-gradient(90deg, #51b78e 0%, #0081c3 100%);\n                  background-clip: text;\n                  color: transparent;\n\n                  path {\n                    fill: url(#${$color}-gradient-default);\n                  }\n                `\n              : Object.keys(NotificationsColorPalette).indexOf($color!) !== -1\n              ? css`\n                  &,\n                  .redsift-icon:not(.colored) {\n                    color: var(--redsift-color-notifications-${$color}-primary);\n                  }\n                `\n              : Object.keys(NeutralColorPalette).indexOf($color!) !== -1\n              ? css`\n                  &,\n                  .redsift-icon:not(.colored) {\n                    color: var(--redsift-color-neutral-${$color});\n                  }\n                `\n              : Object.keys(ProductColorPalette).indexOf($color!) !== -1\n              ? css`\n                  &,\n                  .redsift-icon:not(.colored) {\n                    color: var(--redsift-color-product-${$color});\n                  }\n                `\n              : css`\n                  &,\n                  .redsift-icon:not(.colored) {\n                    color: ${$color || css`var(--redsift-color-${$theme}-components-text-primary)`};\n                  }\n                `\n          }}\n\n          ${\n            $color && $color === 'radar' && !$hasIcons\n              ? css`\n                  position: relative;\n\n                  &:hover,\n                  &:focus-visible {\n                    cursor: pointer !important;\n                  }\n\n                  &:hover::before,\n                  &:focus-visible::before {\n                    content: '';\n                    position: absolute;\n                    bottom: 3px;\n                    width: 100%;\n                    left: 0;\n                    height: 1px;\n                    background: linear-gradient(90deg, #51b78e 0%, #0081c3 100%);\n                  }\n                `\n              : $color && $color === 'radar' && $hasIcons\n              ? css`\n                  position: relative;\n\n                  &:hover,\n                  &:focus-visible {\n                    cursor: pointer !important;\n                  }\n\n                  .text::before {\n                    content: '';\n                    position: absolute;\n                    bottom: 3px;\n                    width: 100%;\n                    left: 0;\n                    height: 1px;\n                    background: linear-gradient(90deg, #51b78e 0%, #0081c3 100%);\n                    transform: scaleX(0);\n                  }\n\n                  &:hover .text::before,\n                  .icon:hover + .text::before,\n                  .text:hover::before {\n                    transform: scaleX(1);\n                  }\n                `\n              : css`\n                  text-decoration: underline;\n                  text-decoration-color: transparent;\n                  text-underline-offset: 2px;\n\n                  &:hover,\n                  &:focus-visible {\n                    cursor: pointer !important;\n                    ${Object.keys(NotificationsColorPalette).indexOf($color!) !== -1\n                      ? css`\n                          text-decoration-color: var(--redsift-color-notifications-${$color}-primary);\n                        `\n                      : Object.keys(NeutralColorPalette).indexOf($color!) !== -1\n                      ? css`\n                          text-decoration-color: var(--redsift-color-neutral-${$color});\n                        `\n                      : Object.keys(ProductColorPalette).indexOf($color!) !== -1\n                      ? css`\n                          text-decoration-color: var(--redsift-color-product-${$color});\n                        `\n                      : css`\n                          text-decoration-color: ${$color ||\n                          css`var(--redsift-color-${$theme}-components-text-primary)`};\n                        `}\n                  }\n                `\n          }\n        `\n      : css`\n          cursor: text !important;\n          text-decoration: none;\n        `}\n\n  &:focus-visible {\n    outline: 2px solid var(--redsift-color-primary-n);\n  }\n`;\n"],"names":["StyledLink","styled","a","_ref","$hasIcons","css","baseStyling","_ref2","$isDisabled","$color","$theme","Object","keys","NotificationsColorPalette","indexOf","NeutralColorPalette","ProductColorPalette"],"mappings":";;;;AAKA;AACA;AACA;AACaA,MAAAA,UAAU,GAAGC,MAAM,CAACC,CAAmB,CAAA;AACpD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAA,EAAIC,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,SAAAA;AAAU,GAAC,GAAAD,IAAA,CAAA;EAAA,OACdC,SAAS,GACLC,GAAI,CAAA;AACZ;AACA,QAAA,CAAS,GACD,EAAE,CAAA;AAAA,CAAC,CAAA;AACX;AACA,EAAA,EAAIC,WAAY,CAAA;AAChB;AACA,EAAA,EAAIC,KAAA,IAAA;EAAA,IAAC;IAAEC,WAAW;IAAEC,MAAM;IAAEC,MAAM;AAAEN,IAAAA,SAAAA;AAAU,GAAC,GAAAG,KAAA,CAAA;EAAA,OAC3C,CAACC,WAAW,GACRH,GAAI,CAAA;AACZ,UAAA,EACYI,MAAM,IAAIA,MAAM,KAAK,OAAO,GACxBJ,GAAI,CAAA;AACpB;AACA;AACA;AACA;AACA;AACA,+BAAA,EAAiCI,MAAO,CAAA;AACxC;AACA,gBAAA,CAAiB,GACDE,MAAM,CAACC,IAAI,CAACC,yBAAyB,CAAC,CAACC,OAAO,CAACL,MAAO,CAAC,KAAK,CAAC,CAAC,GAC9DJ,GAAI,CAAA;AACpB;AACA;AACA,6DAAA,EAA+DI,MAAO,CAAA;AACtE;AACA,gBAAA,CAAiB,GACDE,MAAM,CAACC,IAAI,CAACG,mBAAmB,CAAC,CAACD,OAAO,CAACL,MAAO,CAAC,KAAK,CAAC,CAAC,GACxDJ,GAAI,CAAA;AACpB;AACA;AACA,uDAAA,EAAyDI,MAAO,CAAA;AAChE;AACA,gBAAA,CAAiB,GACDE,MAAM,CAACC,IAAI,CAACI,mBAAmB,CAAC,CAACF,OAAO,CAACL,MAAO,CAAC,KAAK,CAAC,CAAC,GACxDJ,GAAI,CAAA;AACpB;AACA;AACA,uDAAA,EAAyDI,MAAO,CAAA;AAChE;AACA,gBAAA,CAAiB,GACDJ,GAAI,CAAA;AACpB;AACA;AACA,2BAAA,EAA6BI,MAAM,IAAIJ,GAAI,CAAA,oBAAA,EAAsBK,MAAO,CAA2B,yBAAA,CAAA,CAAA;AACnG;AACA,gBACW,CAAA,CAAA;AACX;AACA,UACYD,EAAAA,MAAM,IAAIA,MAAM,KAAK,OAAO,IAAI,CAACL,SAAS,GACtCC,GAAI,CAAA;AACpB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,gBAAiB,CAAA,GACDI,MAAM,IAAIA,MAAM,KAAK,OAAO,IAAIL,SAAS,GACzCC,GAAI,CAAA;AACpB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,gBAAA,CAAiB,GACDA,GAAI,CAAA;AACpB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oBAAA,EAAsBM,MAAM,CAACC,IAAI,CAACC,yBAAyB,CAAC,CAACC,OAAO,CAACL,MAAO,CAAC,KAAK,CAAC,CAAC,GAC5DJ,GAAI,CAAA;AAC5B,mFAAA,EAAqFI,MAAO,CAAA;AAC5F,wBAAA,CAAyB,GACDE,MAAM,CAACC,IAAI,CAACG,mBAAmB,CAAC,CAACD,OAAO,CAACL,MAAO,CAAC,KAAK,CAAC,CAAC,GACxDJ,GAAI,CAAA;AAC5B,6EAAA,EAA+EI,MAAO,CAAA;AACtF,wBAAA,CAAyB,GACDE,MAAM,CAACC,IAAI,CAACI,mBAAmB,CAAC,CAACF,OAAO,CAACL,MAAO,CAAC,KAAK,CAAC,CAAC,GACxDJ,GAAI,CAAA;AAC5B,6EAAA,EAA+EI,MAAO,CAAA;AACtF,wBAAA,CAAyB,GACDJ,GAAI,CAAA;AAC5B,iDAAA,EAAmDI,MAAM,IAC/BJ,GAAI,CAAA,oBAAA,EAAsBK,MAAO,CAA2B,yBAAA,CAAA,CAAA;AACtF,wBAA0B,CAAA,CAAA;AAC1B;AACA,gBACW,CAAA,CAAA;AACX,QAAA,CAAS,GACDL,GAAI,CAAA;AACZ;AACA;AACA,QAAS,CAAA,CAAA;AAAA,CAAC,CAAA;AACV;AACA;AACA;AACA;AACA;;;;"}
+{"version":3,"file":"styles4.js","sources":["../../src/components/link/styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { baseStyling } from '../shared';\nimport { StyledLinkProps } from './types';\nimport { NotificationsColorPalette, NeutralColorPalette, ProductColorPalette } from '../../types';\n\n/**\n * Component style.\n */\nexport const StyledLink = styled.a<StyledLinkProps>`\n  background: none;\n  border: none;\n  color: unset;\n  display: inline-flex;\n  gap: 4px;\n  align-items: center;\n  font-family: var(--redsift-typography-link-font-family);\n  font-size: var(--redsift-typography-link-font-size);\n  font-weight: var(--redsift-typography-link-font-weight);\n  height: var(--redsift-typography-link-line-height);\n  line-height: var(--redsift-typography-link-line-height);\n  padding: unset;\n  position: relative;\n  width: fit-content;\n  cursor: pointer;\n\n  ${({ $hasIcons }) =>\n    $hasIcons\n      ? css`\n          bottom: -2px;\n        `\n      : ''}\n\n  ${baseStyling}\n\n  ${({ $isDisabled, $color, $theme, $hasIcons }) =>\n    !$isDisabled\n      ? css`\n          ${\n            $color && $color === 'radar'\n              ? css`\n                  background: linear-gradient(90deg, #51b78e 0%, #0081c3 100%);\n                  background-clip: text;\n                  color: transparent;\n\n                  path {\n                    fill: url(#${$color}-gradient-default);\n                  }\n                `\n              : Object.keys(NotificationsColorPalette).indexOf($color!) !== -1\n              ? css`\n                  &,\n                  .redsift-icon:not(.colored) {\n                    color: var(--redsift-color-notifications-${$color}-primary);\n                  }\n                `\n              : Object.keys(NeutralColorPalette).indexOf($color!) !== -1\n              ? css`\n                  &,\n                  .redsift-icon:not(.colored) {\n                    color: var(--redsift-color-neutral-${$color});\n                  }\n                `\n              : Object.keys(ProductColorPalette).indexOf($color!) !== -1\n              ? css`\n                  &,\n                  .redsift-icon:not(.colored) {\n                    color: var(--redsift-color-product-${$color});\n                  }\n                `\n              : css`\n                  &,\n                  .redsift-icon:not(.colored) {\n                    color: ${$color || css`var(--redsift-color-${$theme}-components-text-primary)`};\n                  }\n                `\n          }}\n\n          ${\n            $color && $color === 'radar' && !$hasIcons\n              ? css`\n                  position: relative;\n\n                  &:hover::before,\n                  &:focus-visible::before {\n                    content: '';\n                    position: absolute;\n                    bottom: 3px;\n                    width: 100%;\n                    left: 0;\n                    height: 1px;\n                    background: linear-gradient(90deg, #51b78e 0%, #0081c3 100%);\n                  }\n                `\n              : $color && $color === 'radar' && $hasIcons\n              ? css`\n                  position: relative;\n\n                  .text::before {\n                    content: '';\n                    position: absolute;\n                    bottom: 3px;\n                    width: 100%;\n                    left: 0;\n                    height: 1px;\n                    background: linear-gradient(90deg, #51b78e 0%, #0081c3 100%);\n                    transform: scaleX(0);\n                  }\n\n                  &:hover .text::before,\n                  .icon:hover + .text::before,\n                  .text:hover::before {\n                    transform: scaleX(1);\n                  }\n                `\n              : css`\n                  text-decoration: underline;\n                  text-decoration-color: transparent;\n                  text-underline-offset: 2px;\n\n                  &:hover,\n                  &:focus-visible {\n                    ${Object.keys(NotificationsColorPalette).indexOf($color!) !== -1\n                      ? css`\n                          text-decoration-color: var(--redsift-color-notifications-${$color}-primary);\n                        `\n                      : Object.keys(NeutralColorPalette).indexOf($color!) !== -1\n                      ? css`\n                          text-decoration-color: var(--redsift-color-neutral-${$color});\n                        `\n                      : Object.keys(ProductColorPalette).indexOf($color!) !== -1\n                      ? css`\n                          text-decoration-color: var(--redsift-color-product-${$color});\n                        `\n                      : css`\n                          text-decoration-color: ${$color ||\n                          css`var(--redsift-color-${$theme}-components-text-primary)`};\n                        `}\n                  }\n                `\n          }\n        `\n      : css`\n          cursor: text !important;\n          text-decoration: none;\n        `}\n\n  &:focus-visible {\n    outline: 2px solid var(--redsift-color-primary-n);\n  }\n`;\n"],"names":["StyledLink","styled","a","_ref","$hasIcons","css","baseStyling","_ref2","$isDisabled","$color","$theme","Object","keys","NotificationsColorPalette","indexOf","NeutralColorPalette","ProductColorPalette"],"mappings":"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"}

package/package.json

@@ -33,7 +33,7 @@
     "version": "version-changelog ../../CHANGELOG.md && changelog-verify ../../CHANGELOG.md && git add ../../CHANGELOG.md"
   },
   "types": "index.d.ts",
-  "version": "12.1.1-muiv7",
+  "version": "12.2.0-muiv6",
   "dependencies": {
     "@react-spring/web": "^9.7.1",
     "classnames": "^2.3.1",
@@ -94,10 +94,10 @@
     "version-changelog": "^3.1.1"
   },
   "peerDependencies": {
-    "@redsift/icons": "^12.1.1-0",
+    "@redsift/icons": "^12.2.0-0",
     "react": ">=17",
     "react-dom": ">=17",
     "styled-components": "6.1.19"
   },
-  "gitHead": "a05c474ac33b81920cea62d59ada9b3cf61f1d6a"
+  "gitHead": "e774343820b41b7c323511bb55fc376a7432313d"
 }