How to use the @workday/canvas-kit-react-common.mouseFocusBehavior function in @workday/canvas-kit-react-common

To help you get started, we’ve selected a few @workday/canvas-kit-react-common examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github Workday / canvas-kit / modules / button / react / lib / utils.ts View on Github external
}),
      ...(buttonColors.labelDataDisabled && {
        ['.' + ButtonStyles.labelDataBaseStyles.classname]: {color: buttonColors.labelDataDisabled},
      }),
    },
    '&:not([disabled])': {
      '&:focus': {
        borderColor: buttonColors.focusBorder,
        ...getButtonFocusRing(variant),
      },
      '&:active': {
        borderColor: buttonColors.activeBorder,
        ...getButtonFocusRing(variant),
      },
    },
    ...mouseFocusBehavior({
      '&:focus': {
        ...baseStyles,
        outline: 'none',
        boxShadow: 'none',
        animation: 'none',
        ...hoverStyles,
        ...activeStyles,
      },
    }),
  };
}